blue-chestnut-solar-expert 0.0.22 → 0.0.23

package/dist/collection/components/widgets/loading-widget.js.map

@@ -1 +1 @@
-{"version":3,"file":"loading-widget.js","sourceRoot":"","sources":["../../../src/components/widgets/loading-widget.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,aAAa;IACtB,MAAM;QACF,OAAO,CACH,4DAAK,KAAK,EAAC,wFAAwF;YAC/F,4DAAK,KAAK,EAAC,4EAA4E,GACjF,CACJ,CACT,CAAC;IACN,CAAC;;;;;;;;CACJ","sourcesContent":["import { Component, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n    tag: \"loading-widget\",\r\n    styleUrl: \"../../output.css\",\r\n    shadow: false,\r\n})\r\nexport class LoadingWidget {\r\n    render() {\r\n        return (\r\n            <div class=\"absolute flex items-center justify-center bg-white bg-opacity-75 z-20 pt-7 rounded-4xl\">\r\n                <div class=\"animate-spin rounded-full h-16 w-16 border-t-2 border-b-2 border-[#271200]\">\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n}\r\n"]}
+{"version":3,"file":"loading-widget.js","sourceRoot":"","sources":["../../../src/components/widgets/loading-widget.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,aAAa;IACtB,MAAM;QACF,OAAO,CACH,4DAAK,KAAK,EAAC,wFAAwF;YAC/F,4DAAK,KAAK,EAAC,4EAA4E,GACjF,CACJ,CACT,CAAC;IACN,CAAC;;;;;;;;CACJ","sourcesContent":["import { Component, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n    tag: \"loading-widget\",\r\n    styleUrl: \"../../output.css\",\r\n    shadow: false,\r\n})\r\nexport class LoadingWidget {\r\n    render() {\r\n        return (\r\n            <div class=\"absolute flex items-center justify-center bg-muted bg-opacity-75 z-20 pt-7 rounded-4xl\">\r\n                <div class=\"animate-spin rounded-full h-16 w-16 border-t-2 border-b-2 border-secondary\">\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n}\r\n"]}

package/dist/collection/config.js.map

@@ -1 +1 @@
-{"version":3,"file":"config.js","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAgBA,MAAM,CAAC,MAAM,2BAA2B,GAAsB;IAC1D,aAAa,EAAE,SAAS;IACxB,eAAe,EAAE,SAAS;IAC1B,oBAAoB,EAAE,SAAS;IAC/B,sBAAsB,EAAE,0BAA0B;IAClD,oBAAoB,EAAE,yBAAyB;IAC/C,2BAA2B,EAAE,0BAA0B;IACvD,yBAAyB,EAAE,yBAAyB;IACpD,gCAAgC,EAAE,0BAA0B;IAC5D,4BAA4B,EAAE,yBAAyB;IACvD,mCAAmC,EAAE,0BAA0B;IAC/D,cAAc,EAAE,qBAAqB;CACxC,CAAA;AAED,MAAM,CAAC,MAAM,wBAAwB,GAAmB;IACpD,WAAW,EAAE,KAAK;IAClB,YAAY,EAAE,KAAK;IACnB,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE,KAAK;IACjB,KAAK,EAAE,KAAK;CACf,CAAA","sourcesContent":["import { SolarPanelType } from \"./utils/solar\";\r\n\r\nexport interface SolarExpertConfig {\r\n    openRoofColor: string;\r\n    closedRoofColor: string;\r\n    openObstructionColor: string;\r\n    closedObstructionColor: string;\r\n    roofPolygonFillColor: string;\r\n    obstructionPolygonFillColor: string;\r\n    roofPolygonHoverFillColor: string;\r\n    obstructionPolygonHoverFillColor: string;\r\n    roofPolygonSelectedFillColor: string;\r\n    obstructionPolygonSelectedFillColor: string;\r\n    highlightColor: string;\r\n}\r\n\r\nexport const DEFAULT_SOLAR_EXPERT_CONFIG: SolarExpertConfig = {\r\n    openRoofColor: \"#d6eeff\",\r\n    closedRoofColor: \"#ffffff\",\r\n    openObstructionColor: \"#f57242\",\r\n    closedObstructionColor: \"rgba(255, 132, 107, 0.8)\",\r\n    roofPolygonFillColor: \"rgba(92, 187, 255, 0.5)\",\r\n    obstructionPolygonFillColor: \"rgba(255, 132, 107, 0.5)\",\r\n    roofPolygonHoverFillColor: \"rgba(92, 187, 255, 0.8)\",\r\n    obstructionPolygonHoverFillColor: \"rgba(255, 132, 107, 0.8)\",\r\n    roofPolygonSelectedFillColor: \"rgba(92, 187, 255, 0.7)\",\r\n    obstructionPolygonSelectedFillColor: \"rgba(255, 132, 107, 0.7)\",\r\n    highlightColor: \"rgba(0, 89, 255, 1)\",\r\n}\r\n\r\nexport const DEFAULT_SOLAR_PANEL_TYPE: SolarPanelType = {\r\n    widthMeters: 1.134,\r\n    heightMeters: 1.762,\r\n    kWattPeak: 0.455,\r\n    efficiency: 0.224,\r\n    price: 77.68,\r\n}\r\n"]}
+{"version":3,"file":"config.js","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAgBA,MAAM,CAAC,MAAM,2BAA2B,GAAsB;IAC1D,aAAa,EAAE,SAAS;IACxB,eAAe,EAAE,SAAS;IAC1B,oBAAoB,EAAE,SAAS;IAC/B,sBAAsB,EAAE,0BAA0B;IAClD,oBAAoB,EAAE,yBAAyB;IAC/C,2BAA2B,EAAE,0BAA0B;IACvD,yBAAyB,EAAE,yBAAyB;IACpD,gCAAgC,EAAE,0BAA0B;IAC5D,4BAA4B,EAAE,yBAAyB;IACvD,mCAAmC,EAAE,0BAA0B;IAC/D,cAAc,EAAE,qBAAqB;CACxC,CAAA;AAED,MAAM,CAAC,MAAM,wBAAwB,GAAmB;IACpD,WAAW,EAAE,KAAK;IAClB,YAAY,EAAE,KAAK;IACnB,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE,KAAK;IACjB,KAAK,EAAE,KAAK;CACf,CAAA","sourcesContent":["import { SolarPanelType } from \"./utils/solar\";\r\n\r\nexport interface SolarExpertConfig {\r\n    openRoofColor: string;\r\n    closedRoofColor: string;\r\n    openObstructionColor: string;\r\n    closedObstructionColor: string;\r\n    roofPolygonFillColor: string;\r\n    obstructionPolygonFillColor: string;\r\n    roofPolygonHoverFillColor: string;\r\n    obstructionPolygonHoverFillColor: string;\r\n    roofPolygonSelectedFillColor: string;\r\n    obstructionPolygonSelectedFillColor: string;\r\n    highlightColor: string;\r\n}\r\n\r\nexport const DEFAULT_SOLAR_EXPERT_CONFIG: SolarExpertConfig = {\r\n    openRoofColor: \"#d6eeff\",\r\n    closedRoofColor: \"#ffffff\",\r\n    openObstructionColor: \"#f57242\",\r\n    closedObstructionColor: \"rgba(255, 132, 107, 0.8)\",\r\n    roofPolygonFillColor: \"rgba(92, 187, 255, 0.5)\",\r\n    obstructionPolygonFillColor: \"rgba(255, 132, 107, 0.5)\",\r\n    roofPolygonHoverFillColor: \"rgba(92, 187, 255, 0.8)\",\r\n    obstructionPolygonHoverFillColor: \"rgba(255, 132, 107, 0.8)\",\r\n    roofPolygonSelectedFillColor: \"rgba(92, 187, 255, 0.7)\",\r\n    obstructionPolygonSelectedFillColor: \"rgba(255, 132, 107, 0.7)\",\r\n    highlightColor: \"rgba(0, 89, 255, 1)\",\r\n}\r\n\r\nexport const DEFAULT_SOLAR_PANEL_TYPE: SolarPanelType = {\r\n    widthMeters: 1.134,\r\n    heightMeters: 1.762,\r\n    kWattPeak: 0.455,\r\n    efficiency: 0.224,\r\n    price: 77.68,\r\n}\r\n\r\nexport interface ColorScheme {\r\n    primary: string;\r\n    primaryForeground: string;\r\n    secondary: string;\r\n    secondaryForeground: string;\r\n    tertiary: string;\r\n    tertiaryForeground: string;\r\n    muted: string;\r\n    mutedForeground: string;\r\n    error: string;\r\n    errorForeground: string;\r\n    // Surface colors\r\n    surface: string;\r\n    surfaceHover: string;\r\n    surfaceActive: string;\r\n    // Text colors\r\n    textMuted: string;\r\n    textSecondary: string;\r\n    textPlaceholder: string;\r\n    // Border colors\r\n    border: string;\r\n    borderLight: string;\r\n    // Status colors\r\n    success: string;\r\n    info: string;\r\n    // Interactive colors\r\n    hover: string;\r\n    hoverDark: string;\r\n    overlay: string;\r\n    tooltip: string;\r\n}\r\n\r\n"]}

package/dist/collection/output.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {
@@ -7,18 +7,10 @@
       "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
       "Courier New", monospace;
-    --color-red-500: oklch(63.7% 0.237 25.331);
-    --color-green-600: oklch(62.7% 0.194 149.214);
-    --color-blue-500: oklch(62.3% 0.214 259.815);
-    --color-gray-200: oklch(92.8% 0.006 264.531);
     --color-gray-300: oklch(87.2% 0.01 258.338);
     --color-gray-400: oklch(70.7% 0.022 261.325);
-    --color-gray-500: oklch(55.1% 0.027 264.364);
-    --color-gray-600: oklch(44.6% 0.03 256.802);
-    --color-gray-700: oklch(37.3% 0.034 259.733);
     --color-gray-800: oklch(27.8% 0.033 256.848);
     --color-black: #000;
-    --color-white: #fff;
     --spacing: 0.25rem;
     --container-md: 28rem;
     --text-xs: 0.75rem;
@@ -41,6 +33,30 @@
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     --default-font-family: var(--font-sans);
     --default-mono-font-family: var(--font-mono);
+    --color-primary: hsl(41 51% 90%);
+    --color-primary-foreground: hsl(0 0% 0%);
+    --color-secondary: hsl(28 100% 8%);
+    --color-secondary-foreground: hsl(0 0% 100%);
+    --color-tertiary: hsl(28 100% 29%);
+    --color-tertiary-foreground: hsl(0 0% 100%);
+    --color-muted: hsl(0 0% 100%);
+    --color-muted-foreground: hsl(0 0% 0%);
+    --color-error: hsl(0 100% 50%);
+    --color-error-foreground: hsl(0 0% 100%);
+    --color-surface: hsl(0 0% 88%);
+    --color-surface-hover: hsl(0 0% 82%);
+    --color-surface-active: hsl(0 0% 64%);
+    --color-text-muted: hsl(0 0% 45%);
+    --color-text-secondary: hsl(0 0% 55%);
+    --color-text-placeholder: hsl(0 0% 73%);
+    --color-border: hsl(0 0% 82%);
+    --color-border-light: hsl(0 0% 93%);
+    --color-success: hsl(142 76% 36%);
+    --color-info: hsl(221 83% 53%);
+    --color-hover: hsl(0 0% 88%);
+    --color-hover-dark: hsl(28 100% 8%);
+    --color-overlay: rgba(0, 0, 0, 0.24);
+    --color-tooltip: hsl(0 0% 13%);
   }
 }
 @layer base {
@@ -416,10 +432,6 @@
     border-style: var(--tw-border-style);
     border-width: 1px;
   }
-  .border-t {
-    border-top-style: var(--tw-border-style);
-    border-top-width: 1px;
-  }
   .border-t-2 {
     border-top-style: var(--tw-border-style);
     border-top-width: 2px;
@@ -428,45 +440,48 @@
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 2px;
   }
-  .border-\[\#271200\] {
-    border-color: #271200;
+  .border-border {
+    border-color: var(--color-border);
   }
-  .border-gray-200 {
-    border-color: var(--color-gray-200);
+  .border-error {
+    border-color: var(--color-error);
   }
   .border-gray-300 {
     border-color: var(--color-gray-300);
   }
-  .border-red-500 {
-    border-color: var(--color-red-500);
+  .border-secondary {
+    border-color: var(--color-secondary);
+  }
+  .bg-black {
+    background-color: var(--color-black);
   }
-  .bg-\[\#00000056\] {
-    background-color: #00000056;
+  .bg-gray-800 {
+    background-color: var(--color-gray-800);
   }
-  .bg-\[\#271200\] {
-    background-color: #271200;
+  .bg-muted {
+    background-color: var(--color-muted);
   }
-  .bg-\[\#f3ebda\] {
-    background-color: #f3ebda;
+  .bg-overlay {
+    background-color: var(--color-overlay);
   }
-  .bg-\[\#ffffff\] {
-    background-color: #ffffff;
+  .bg-primary {
+    background-color: var(--color-primary);
   }
-  .bg-black {
-    background-color: var(--color-black);
+  .bg-secondary {
+    background-color: var(--color-secondary);
   }
-  .bg-gray-200 {
-    background-color: var(--color-gray-200);
+  .bg-surface {
+    background-color: var(--color-surface);
   }
-  .bg-gray-800 {
-    background-color: var(--color-gray-800);
+  .bg-surface-active {
+    background-color: var(--color-surface-active);
+  }
+  .bg-text-secondary {
+    background-color: var(--color-text-secondary);
   }
   .bg-transparent {
     background-color: transparent;
   }
-  .bg-white {
-    background-color: var(--color-white);
-  }
   .p-1 {
     padding: calc(var(--spacing) * 1);
   }
@@ -550,32 +565,41 @@
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
   }
-  .text-\[\#271200\] {
-    color: #271200;
+  .text-error {
+    color: var(--color-error);
   }
   .text-gray-400 {
     color: var(--color-gray-400);
   }
-  .text-gray-500 {
-    color: var(--color-gray-500);
+  .text-muted {
+    color: var(--color-muted);
+  }
+  .text-muted-foreground {
+    color: var(--color-muted-foreground);
   }
-  .text-gray-600 {
-    color: var(--color-gray-600);
+  .text-primary-foreground {
+    color: var(--color-primary-foreground);
   }
-  .text-gray-700 {
-    color: var(--color-gray-700);
+  .text-secondary {
+    color: var(--color-secondary);
   }
-  .text-green-600 {
-    color: var(--color-green-600);
+  .text-secondary-foreground {
+    color: var(--color-secondary-foreground);
   }
-  .text-red-500 {
-    color: var(--color-red-500);
+  .text-success {
+    color: var(--color-success);
   }
-  .text-white {
-    color: var(--color-white);
+  .text-text-muted {
+    color: var(--color-text-muted);
   }
-  .accent-\[\#964500\] {
-    accent-color: #964500;
+  .text-text-placeholder {
+    color: var(--color-text-placeholder);
+  }
+  .text-text-secondary {
+    color: var(--color-text-secondary);
+  }
+  .accent-tertiary {
+    accent-color: var(--color-tertiary);
   }
   .opacity-0 {
     opacity: 0%;
@@ -605,78 +629,77 @@
       }
     }
   }
-  .hover\:bg-\[\#0000003c\] {
+  .hover\:bg-hover {
     &:hover {
       @media (hover: hover) {
-        background-color: #0000003c;
+        background-color: var(--color-hover);
       }
     }
   }
-  .hover\:bg-\[\#3a1b00\] {
+  .hover\:bg-hover-dark {
     &:hover {
       @media (hover: hover) {
-        background-color: #3a1b00;
+        background-color: var(--color-hover-dark);
       }
     }
   }
-  .hover\:bg-\[\#271200\] {
+  .hover\:bg-muted {
     &:hover {
       @media (hover: hover) {
-        background-color: #271200;
+        background-color: var(--color-muted);
       }
     }
   }
-  .hover\:bg-\[\#964500\] {
+  .hover\:bg-overlay {
     &:hover {
       @media (hover: hover) {
-        background-color: #964500;
+        background-color: var(--color-overlay);
       }
     }
   }
-  .hover\:bg-\[\#ffffff\] {
+  .hover\:bg-secondary {
     &:hover {
       @media (hover: hover) {
-        background-color: #ffffff;
+        background-color: var(--color-secondary);
       }
     }
   }
-  .hover\:bg-gray-200 {
+  .hover\:bg-secondary\/80 {
     &:hover {
       @media (hover: hover) {
-        background-color: var(--color-gray-200);
+        background-color: color-mix(in srgb, hsl(28 100% 8%) 80%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-secondary) 80%, transparent);
+        }
       }
     }
   }
-  .hover\:bg-gray-300 {
+  .hover\:bg-surface-hover {
     &:hover {
       @media (hover: hover) {
-        background-color: var(--color-gray-300);
+        background-color: var(--color-surface-hover);
       }
     }
   }
-  .hover\:bg-gray-500 {
+  .hover\:bg-tertiary {
     &:hover {
       @media (hover: hover) {
-        background-color: var(--color-gray-500);
+        background-color: var(--color-tertiary);
       }
     }
   }
-  .hover\:text-white {
+  .hover\:bg-text-secondary {
     &:hover {
       @media (hover: hover) {
-        color: var(--color-white);
+        background-color: var(--color-text-secondary);
       }
     }
   }
-  .focus\:border-2 {
-    &:focus {
-      border-style: var(--tw-border-style);
-      border-width: 2px;
-    }
-  }
-  .focus\:border-black {
-    &:focus {
-      border-color: var(--color-black);
+  .hover\:text-muted {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-muted);
+      }
     }
   }
   .focus\:border-transparent {
@@ -690,19 +713,19 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
-  .focus\:ring-\[\#271200\] {
+  .focus\:ring-info {
     &:focus {
-      --tw-ring-color: #271200;
+      --tw-ring-color: var(--color-info);
     }
   }
-  .focus\:ring-\[\#964500\] {
+  .focus\:ring-secondary {
     &:focus {
-      --tw-ring-color: #964500;
+      --tw-ring-color: var(--color-secondary);
     }
   }
-  .focus\:ring-blue-500 {
+  .focus\:ring-tertiary {
     &:focus {
-      --tw-ring-color: var(--color-blue-500);
+      --tw-ring-color: var(--color-tertiary);
     }
   }
   .focus\:ring-offset-0 {
@@ -755,9 +778,9 @@
       border-radius: calc(infinity * 1px);
     }
   }
-  .\[\&\:\:-webkit-slider-thumb\]\:bg-white {
+  .\[\&\:\:-webkit-slider-thumb\]\:bg-muted {
     &::-webkit-slider-thumb {
-      background-color: var(--color-white);
+      background-color: var(--color-muted);
     }
   }
 }

package/dist/collection/utils/theme.js

@@ -0,0 +1,89 @@
+/**
+ * Applies a color scheme theme globally to the document root.
+ * Since all components use global CSS (shadow: false), this will automatically
+ * update the theme for all components.
+ *
+ * @param colorScheme - The color scheme object containing theme colors
+ */
+export function applyThemeGlobally(colorScheme) {
+    const documentElement = document.documentElement;
+    // Set CSS custom properties on the document root
+    if (colorScheme.primary) {
+        documentElement.style.setProperty('--color-primary', colorScheme.primary);
+    }
+    if (colorScheme.primaryForeground) {
+        documentElement.style.setProperty('--color-primary-foreground', colorScheme.primaryForeground);
+    }
+    if (colorScheme.secondary) {
+        documentElement.style.setProperty('--color-secondary', colorScheme.secondary);
+    }
+    if (colorScheme.secondaryForeground) {
+        documentElement.style.setProperty('--color-secondary-foreground', colorScheme.secondaryForeground);
+    }
+    if (colorScheme.tertiary) {
+        documentElement.style.setProperty('--color-tertiary', colorScheme.tertiary);
+    }
+    if (colorScheme.tertiaryForeground) {
+        documentElement.style.setProperty('--color-tertiary-foreground', colorScheme.tertiaryForeground);
+    }
+    if (colorScheme.muted) {
+        documentElement.style.setProperty('--color-muted', colorScheme.muted);
+    }
+    if (colorScheme.mutedForeground) {
+        documentElement.style.setProperty('--color-muted-foreground', colorScheme.mutedForeground);
+    }
+    if (colorScheme.error) {
+        documentElement.style.setProperty('--color-error', colorScheme.error);
+    }
+    if (colorScheme.errorForeground) {
+        documentElement.style.setProperty('--color-error-foreground', colorScheme.errorForeground);
+    }
+    // Surface colors
+    if (colorScheme.surface) {
+        documentElement.style.setProperty('--color-surface', colorScheme.surface);
+    }
+    if (colorScheme.surfaceHover) {
+        documentElement.style.setProperty('--color-surface-hover', colorScheme.surfaceHover);
+    }
+    if (colorScheme.surfaceActive) {
+        documentElement.style.setProperty('--color-surface-active', colorScheme.surfaceActive);
+    }
+    // Text colors
+    if (colorScheme.textMuted) {
+        documentElement.style.setProperty('--color-text-muted', colorScheme.textMuted);
+    }
+    if (colorScheme.textSecondary) {
+        documentElement.style.setProperty('--color-text-secondary', colorScheme.textSecondary);
+    }
+    if (colorScheme.textPlaceholder) {
+        documentElement.style.setProperty('--color-text-placeholder', colorScheme.textPlaceholder);
+    }
+    // Border colors
+    if (colorScheme.border) {
+        documentElement.style.setProperty('--color-border', colorScheme.border);
+    }
+    if (colorScheme.borderLight) {
+        documentElement.style.setProperty('--color-border-light', colorScheme.borderLight);
+    }
+    // Status colors
+    if (colorScheme.success) {
+        documentElement.style.setProperty('--color-success', colorScheme.success);
+    }
+    if (colorScheme.info) {
+        documentElement.style.setProperty('--color-info', colorScheme.info);
+    }
+    // Interactive colors
+    if (colorScheme.hover) {
+        documentElement.style.setProperty('--color-hover', colorScheme.hover);
+    }
+    if (colorScheme.hoverDark) {
+        documentElement.style.setProperty('--color-hover-dark', colorScheme.hoverDark);
+    }
+    if (colorScheme.overlay) {
+        documentElement.style.setProperty('--color-overlay', colorScheme.overlay);
+    }
+    if (colorScheme.tooltip) {
+        documentElement.style.setProperty('--color-tooltip', colorScheme.tooltip);
+    }
+}
+//# sourceMappingURL=theme.js.map

package/dist/collection/utils/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/utils/theme.ts"],"names":[],"mappings":"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","sourcesContent":["import { ColorScheme } from \"../config\";\r\n\r\n/**\r\n * Applies a color scheme theme globally to the document root.\r\n * Since all components use global CSS (shadow: false), this will automatically \r\n * update the theme for all components.\r\n * \r\n * @param colorScheme - The color scheme object containing theme colors\r\n */\r\nexport function applyThemeGlobally(colorScheme: Partial<ColorScheme>): void {\r\n    const documentElement = document.documentElement;\r\n    \r\n    // Set CSS custom properties on the document root\r\n    if (colorScheme.primary) {\r\n        documentElement.style.setProperty('--color-primary', colorScheme.primary);\r\n    }\r\n    if (colorScheme.primaryForeground) {\r\n        documentElement.style.setProperty('--color-primary-foreground', colorScheme.primaryForeground);\r\n    }\r\n    if (colorScheme.secondary) {\r\n        documentElement.style.setProperty('--color-secondary', colorScheme.secondary);\r\n    }\r\n    if (colorScheme.secondaryForeground) {\r\n        documentElement.style.setProperty('--color-secondary-foreground', colorScheme.secondaryForeground);\r\n    }\r\n    if (colorScheme.tertiary) {\r\n        documentElement.style.setProperty('--color-tertiary', colorScheme.tertiary);\r\n    }\r\n    if (colorScheme.tertiaryForeground) {\r\n        documentElement.style.setProperty('--color-tertiary-foreground', colorScheme.tertiaryForeground);\r\n    }\r\n    if (colorScheme.muted) {\r\n        documentElement.style.setProperty('--color-muted', colorScheme.muted);\r\n    }\r\n    if (colorScheme.mutedForeground) {  \r\n        documentElement.style.setProperty('--color-muted-foreground', colorScheme.mutedForeground);\r\n    }\r\n    if (colorScheme.error) {\r\n        documentElement.style.setProperty('--color-error', colorScheme.error);\r\n    }\r\n    if (colorScheme.errorForeground) {\r\n        documentElement.style.setProperty('--color-error-foreground', colorScheme.errorForeground);\r\n    }\r\n    \r\n    // Surface colors\r\n    if (colorScheme.surface) {\r\n        documentElement.style.setProperty('--color-surface', colorScheme.surface);\r\n    }\r\n    if (colorScheme.surfaceHover) {\r\n        documentElement.style.setProperty('--color-surface-hover', colorScheme.surfaceHover);\r\n    }\r\n    if (colorScheme.surfaceActive) {\r\n        documentElement.style.setProperty('--color-surface-active', colorScheme.surfaceActive);\r\n    }\r\n    \r\n    // Text colors\r\n    if (colorScheme.textMuted) {\r\n        documentElement.style.setProperty('--color-text-muted', colorScheme.textMuted);\r\n    }\r\n    if (colorScheme.textSecondary) {\r\n        documentElement.style.setProperty('--color-text-secondary', colorScheme.textSecondary);\r\n    }\r\n    if (colorScheme.textPlaceholder) {\r\n        documentElement.style.setProperty('--color-text-placeholder', colorScheme.textPlaceholder);\r\n    }\r\n    \r\n    // Border colors\r\n    if (colorScheme.border) {\r\n        documentElement.style.setProperty('--color-border', colorScheme.border);\r\n    }\r\n    if (colorScheme.borderLight) {\r\n        documentElement.style.setProperty('--color-border-light', colorScheme.borderLight);\r\n    }\r\n    \r\n    // Status colors\r\n    if (colorScheme.success) {\r\n        documentElement.style.setProperty('--color-success', colorScheme.success);\r\n    }\r\n    if (colorScheme.info) {\r\n        documentElement.style.setProperty('--color-info', colorScheme.info);\r\n    }\r\n    \r\n    // Interactive colors\r\n    if (colorScheme.hover) {\r\n        documentElement.style.setProperty('--color-hover', colorScheme.hover);\r\n    }\r\n    if (colorScheme.hoverDark) {\r\n        documentElement.style.setProperty('--color-hover-dark', colorScheme.hoverDark);\r\n    }\r\n    if (colorScheme.overlay) {\r\n        documentElement.style.setProperty('--color-overlay', colorScheme.overlay);\r\n    }\r\n    if (colorScheme.tooltip) {\r\n        documentElement.style.setProperty('--color-tooltip', colorScheme.tooltip);\r\n    }\r\n}"]}

package/dist/components/eraser-icon.js

@@ -1,4 +1,4 @@
-import { E as EraserIcon$1, d as defineCustomElement$1 } from './p-DYiK8eDp.js';
+import { E as EraserIcon$1, d as defineCustomElement$1 } from './p-rhCvDg4h.js';
 
 const EraserIcon = EraserIcon$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/house-icon.js

@@ -1,4 +1,4 @@
-import { H as HouseIcon$1, d as defineCustomElement$1 } from './p-BrVkygdn.js';
+import { H as HouseIcon$1, d as defineCustomElement$1 } from './p-CcnjDP5h.js';
 
 const HouseIcon = HouseIcon$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/icon-selector.js

@@ -1,4 +1,4 @@
-import { I as Icon, d as defineCustomElement$1 } from './p-CabEU06O.js';
+import { I as Icon, d as defineCustomElement$1 } from './p-CgW5mzbD.js';
 
 const IconSelector = Icon;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/index.js

@@ -456,15 +456,10 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
 var attachStyles = (hostRef) => {
   const cmpMeta = hostRef.$cmpMeta$;
   const elm = hostRef.$hostElement$;
-  const flags = cmpMeta.$flags$;
   const endAttachStyles = createTime("attachStyles", cmpMeta.$tagName$);
-  const scopeId2 = addStyle(
-    elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
+  addStyle(
+    elm.getRootNode(),
     cmpMeta);
-  if (flags & 10 /* needsScopedEncapsulation */) {
-    elm["s-sc"] = scopeId2;
-    elm.classList.add(scopeId2 + "-h");
-  }
   endAttachStyles();
 };
 var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
@@ -660,9 +655,6 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
 var addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
   let containerElm = parentElm;
   let childNode;
-  if (containerElm.shadowRoot && containerElm.tagName === hostTagName) {
-    containerElm = containerElm.shadowRoot;
-  }
   for (; startIdx <= endIdx; ++startIdx) {
     if (vnodes[startIdx]) {
       childNode = createElm(null, parentVNode, startIdx);
@@ -841,7 +833,7 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
   rootVnode.$tag$ = null;
   rootVnode.$flags$ |= 4 /* isHost */;
   hostRef.$vnode$ = rootVnode;
-  rootVnode.$elm$ = oldVNode.$elm$ = hostElm.shadowRoot || hostElm ;
+  rootVnode.$elm$ = oldVNode.$elm$ = hostElm;
   patch(oldVNode, rootVnode, isInitialLoad);
 };
 
@@ -1275,17 +1267,7 @@ var proxyCustomElement = (Cstr, compactMeta) => {
     },
     __attachShadow() {
       {
-        if (!this.shadowRoot) {
-          {
-            this.attachShadow({ mode: "open" });
-          }
-        } else {
-          if (this.shadowRoot.mode !== "open") {
-            throw new Error(
-              `Unable to re-use existing shadow root for ${cmpMeta.$tagName$}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`
-            );
-          }
-        }
+        this.shadowRoot = this;
       }
     }
   });