Fix broken build / Ignore Autogenerated

.gitignore

@@ -34,3 +34,8 @@ yarn-error.log*
 
 # vercel
 .vercel
+
+
+# Sentil
+**/stencil-generated/*
+!**/stencil-generated/.gitkeep

.vscode/settings.json

@@ -16,19 +16,19 @@
   "workbench.editor.highlightModifiedTabs": true,
   "explorer.sortOrder": "type",
   "files.trimFinalNewlines": true,
-  "files.exclude": {
-    "**/.git": true,
-    "**/.turbo": true,
-    "**/.next": true,
-    "**/.angular": true,
-    "**/.stencil": true,
-    "**/.vscode": true,
-    "**/build": true,
-    "**/dist": true,
-    "**/node_modules": true,
-    "**/storybook-static": true,
-    "**/out": true
-  },
+  // "files.exclude": {
+  //   "**/.git": true,
+  //   "**/.turbo": true,
+  //   "**/.next": true,
+  //   "**/.angular": true,
+  //   "**/.stencil": true,
+  //   "**/.vscode": true,
+  //   "**/build": true,
+  //   "**/dist": true,
+  //   "**/node_modules": true,
+  //   "**/storybook-static": true,
+  //   "**/out": true
+  // },
   "search.exclude": {
     "**/.git": true,
     "**/.turbo": true,

apps/demo-react/src/App.tsx

@@ -16,7 +16,7 @@ function App() {
         <section>
           <h2>Stencil Components</h2>
           <div className="component-row">
-            <SearchBox theme={{ colors: { light: { primaryColor: 'red' }, dark: { primaryColor: '#fff' } } }} />
+            <SearchBox />
           </div>
         </section>
       </main>

packages/ui-stencil-angular/package.json

@@ -32,6 +32,6 @@
     "karma-chrome-launcher": "~3.2.0",
     "karma-coverage": "~2.2.1",
     "ng-packagr": "^18.0.0",
-    "typescript": "^5.4.5"
+    "typescript": "~5.4.5"
   }
 }