@pathscale/ui 1.2.6 → 1.2.7

package/dist/components/glass-panel/GlassPanel.js

@@ -1,11 +1,11 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import { createComponent, insert, memo, mergeProps, setAttribute, spread, template } from "solid-js/web";
 import "./GlassPanel.css";
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__ from "./GlassPanel.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<button type=button><span></span><svg><path stroke-linecap=round stroke-linejoin=round d="M19 9l-7 7-7-7">'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><span class=glass-panel__rim aria-hidden=true></span><span class=glass-panel__depth aria-hidden=true></span><span class=glass-panel__sheen aria-hidden=true></span><div><div>");
-const GlassPanel = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+import { Show, createSignal, createUniqueId, splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES } from "./GlassPanel.classes.js";
+var _tmpl$ = /*#__PURE__*/ template('<button type=button><span></span><svg><path stroke-linecap=round stroke-linejoin=round d="M19 9l-7 7-7-7">'), _tmpl$2 = /*#__PURE__*/ template("<div><span class=glass-panel__rim aria-hidden=true></span><span class=glass-panel__depth aria-hidden=true></span><span class=glass-panel__sheen aria-hidden=true></span><div><div>");
+const GlassPanel_GlassPanel = (props)=>{
+    const [local, others] = splitProps(props, [
         "collapsible",
         "open",
         "defaultOpen",
@@ -16,27 +16,30 @@ const GlassPanel = (props)=>{
         "transparent",
         "paddingX",
         "paddingY",
+        "tone",
+        "highlight",
+        "interactive",
         "children",
         "class",
         "className",
         "dataTheme",
         "style"
     ]);
-    const contentId = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createUniqueId)();
+    const contentId = createUniqueId();
     const size = ()=>local.size ?? "md";
     const isControlled = ()=>void 0 !== local.open;
-    const [internalOpen, setInternalOpen] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(local.defaultOpen ?? true);
+    const [internalOpen, setInternalOpen] = createSignal(local.defaultOpen ?? true);
     const isOpen = ()=>isControlled() ? true === local.open : internalOpen();
     const handleToggle = ()=>{
         const next = !isOpen();
         if (!isControlled()) setInternalOpen(next);
         local.onToggle?.(next);
     };
-    const containerClasses = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.base, local.transparent && __WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.flag.transparent, local.class, local.className);
-    const contentClasses = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.slot.content, local.collapsible && __WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.flag.contentCollapsible, local.collapsible && !isOpen() && __WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.flag.contentCollapsed, (!local.collapsible || isOpen()) && !(local.paddingX || local.paddingY) && __WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.size[size()], local.paddingX, local.paddingY);
+    const containerClasses = ()=>twMerge(CLASSES.base, local.transparent && CLASSES.flag.transparent, "secondary" === local.tone && CLASSES.flag.toneSecondary, local.highlight && CLASSES.flag.highlight, local.interactive && CLASSES.flag.interactive, local.class, local.className);
+    const contentClasses = ()=>twMerge(CLASSES.slot.content, local.collapsible && CLASSES.flag.contentCollapsible, local.collapsible && !isOpen() && CLASSES.flag.contentCollapsed, (!local.collapsible || isOpen()) && !(local.paddingX || local.paddingY) && CLASSES.size[size()], local.paddingX, local.paddingY);
     return (()=>{
         var _el$ = _tmpl$2(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.nextSibling, _el$8 = _el$4.nextSibling, _el$9 = _el$8.firstChild;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+        spread(_el$, mergeProps(others, ()=>({
                 class: containerClasses()
             }), {
             get ["data-theme"] () {
@@ -46,14 +49,14 @@ const GlassPanel = (props)=>{
                 return local.style;
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+        insert(_el$, createComponent(Show, {
             get when () {
-                return local.collapsible && local.title;
+                return memo(()=>!!local.collapsible)() && local.title;
             },
             get children () {
                 var _el$5 = _tmpl$(), _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling;
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                        class: __WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.slot.headerButton
+                spread(_el$5, mergeProps(()=>({
+                        class: CLASSES.slot.headerButton
                     }), {
                     onClick: handleToggle,
                     get ["aria-expanded"] () {
@@ -61,10 +64,10 @@ const GlassPanel = (props)=>{
                     },
                     "aria-controls": contentId
                 }), false, true);
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                        class: __WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.slot.headerLabel
+                spread(_el$6, mergeProps(()=>({
+                        class: CLASSES.slot.headerLabel
                     })), false, true);
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                insert(_el$6, createComponent(Show, {
                     get when () {
                         return local.icon;
                     },
@@ -72,9 +75,9 @@ const GlassPanel = (props)=>{
                         return local.icon;
                     }
                 }), null);
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, ()=>local.title, null);
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                        class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.slot.chevron, isOpen() && __WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.flag.chevronOpen)
+                insert(_el$6, ()=>local.title, null);
+                spread(_el$7, mergeProps(()=>({
+                        class: twMerge(CLASSES.slot.chevron, isOpen() && CLASSES.flag.chevronOpen)
                     }), {
                     "aria-hidden": "true",
                     fill: "none",
@@ -85,8 +88,8 @@ const GlassPanel = (props)=>{
                 return _el$5;
             }
         }), _el$8);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$8, "id", contentId);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$8, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+        setAttribute(_el$8, "id", contentId);
+        spread(_el$8, mergeProps(()=>({
                 class: contentClasses()
             }), {
             get style () {
@@ -96,12 +99,12 @@ const GlassPanel = (props)=>{
                 };
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$9, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.slot.contentInner, local.collapsible && __WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.flag.contentInnerHidden)
+        spread(_el$9, mergeProps(()=>({
+                class: twMerge(CLASSES.slot.contentInner, local.collapsible && CLASSES.flag.contentInnerHidden)
             })), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, ()=>local.children);
+        insert(_el$9, ()=>local.children);
         return _el$;
     })();
 };
-const glass_panel_GlassPanel = GlassPanel;
-export { glass_panel_GlassPanel as default };
+const GlassPanel = GlassPanel_GlassPanel;
+export { GlassPanel as default };

package/dist/components/glass-panel/index.js

@@ -1,3 +1,2 @@
-import * as __WEBPACK_EXTERNAL_MODULE__GlassPanel_js_ab0db31a__ from "./GlassPanel.js";
-var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__GlassPanel_js_ab0db31a__["default"];
-export { __webpack_exports__default as default };
+import external_GlassPanel_js_default from "./GlassPanel.js";
+export { external_GlassPanel_js_default as default };

package/dist/components/glow-card/GlowCard.css

@@ -1,100 +1,100 @@
-@layer components {
-  .glow-card {
-    --glow-card-blur: var(--glass-blur, 11px);
-    --glow-color-border: color-mix(
-      in oklab,
-      var(--glass-highlight-color, var(--color-base-content))
-        var(--glass-border-opacity, 24%),
-      transparent
-    );
-    --glow-color-bg: color-mix(
-      in oklab,
-      var(--glass-highlight-color, var(--color-base-100))
-        var(--glass-background-opacity, 58%),
-      transparent
-    );
-    position: relative;
-    border-radius: inherit;
-    background: color-mix(
-      in oklab,
-      var(--glass-background-color, white) var(--glass-background-opacity, 38%),
-      transparent
-    );
-    border: 1px solid
-      color-mix(
-        in oklab,
-        var(--glass-border-color, white) var(--glass-border-opacity, 30%),
-        transparent
-      );
-    backdrop-filter: blur(var(--glow-card-blur))
-      saturate(var(--glass-saturation, 1.2))
-      brightness(var(--glass-brightness, 1));
-    background-clip: padding-box;
-  }
-
-  .glow-card--isolate {
-    isolation: isolate;
-  }
-
-  .glow-card::before,
-  .glow-card::after {
-    content: "";
-    position: absolute;
-    inset: 0;
-    border-radius: inherit;
-    opacity: 0;
-    transition: opacity 0.3s ease;
-    pointer-events: none;
-  }
-
-  .glow-card::before {
-    background: radial-gradient(
-      250px circle at var(--mouse-x) var(--mouse-y),
-      var(--glow-color-border),
-      transparent 80%
-    );
-    z-index: 1;
-    inset: -1px;
-    -webkit-mask: linear-gradient(#fff 0 0) content-box,
-      linear-gradient(#fff 0 0);
-    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-    -webkit-mask-composite: xor;
-    mask-composite: exclude;
-    padding: 1px;
-  }
-
-  .glow-card::after {
-    background: radial-gradient(
-      400px circle at var(--mouse-x) var(--mouse-y),
-      var(--glow-color-bg),
-      transparent 80%
-    );
-    z-index: 0;
-  }
-
-  .glow-card:hover::before,
-  .glow-card:hover::after {
-    opacity: 1;
-  }
-
-  @supports not (
-      (backdrop-filter: blur(1px)) or
-      (-webkit-backdrop-filter: blur(1px))
-    ) {
-    .glow-card {
-      background: color-mix(
-        in oklab,
-        var(--glass-background-color, white)
-          var(--glass-fallback-background-opacity, 78%),
-        transparent
-      );
-    }
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .glow-card::before,
-    .glow-card::after {
-      opacity: 0 !important;
-    }
-  }
-}
+@layer components {
+  .glow-card {
+    --glow-card-blur: var(--glass-blur, 11px);
+    --glow-color-border: color-mix(
+      in oklab,
+      var(--glass-highlight-color, var(--color-base-content))
+        var(--glass-border-opacity, 24%),
+      transparent
+    );
+    --glow-color-bg: color-mix(
+      in oklab,
+      var(--glass-highlight-color, var(--color-base-100))
+        var(--glass-background-opacity, 58%),
+      transparent
+    );
+    position: relative;
+    border-radius: inherit;
+    background: color-mix(
+      in oklab,
+      var(--glass-background-color, white) var(--glass-background-opacity, 38%),
+      transparent
+    );
+    border: 1px solid
+      color-mix(
+        in oklab,
+        var(--glass-border-color, white) var(--glass-border-opacity, 30%),
+        transparent
+      );
+    backdrop-filter: blur(var(--glow-card-blur))
+      saturate(var(--glass-saturation, 1.2))
+      brightness(var(--glass-brightness, 1));
+    background-clip: padding-box;
+  }
+
+  .glow-card--isolate {
+    isolation: isolate;
+  }
+
+  .glow-card::before,
+  .glow-card::after {
+    content: "";
+    position: absolute;
+    inset: 0;
+    border-radius: inherit;
+    opacity: 0;
+    transition: opacity 0.3s ease;
+    pointer-events: none;
+  }
+
+  .glow-card::before {
+    background: radial-gradient(
+      250px circle at var(--mouse-x) var(--mouse-y),
+      var(--glow-color-border),
+      transparent 80%
+    );
+    z-index: 1;
+    inset: -1px;
+    -webkit-mask: linear-gradient(#fff 0 0) content-box,
+      linear-gradient(#fff 0 0);
+    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+    -webkit-mask-composite: xor;
+    mask-composite: exclude;
+    padding: 1px;
+  }
+
+  .glow-card::after {
+    background: radial-gradient(
+      400px circle at var(--mouse-x) var(--mouse-y),
+      var(--glow-color-bg),
+      transparent 80%
+    );
+    z-index: 0;
+  }
+
+  .glow-card:hover::before,
+  .glow-card:hover::after {
+    opacity: 1;
+  }
+
+  @supports not (
+      (backdrop-filter: blur(1px)) or
+      (-webkit-backdrop-filter: blur(1px))
+    ) {
+    .glow-card {
+      background: color-mix(
+        in oklab,
+        var(--glass-background-color, white)
+          var(--glass-fallback-background-opacity, 78%),
+        transparent
+      );
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .glow-card::before,
+    .glow-card::after {
+      opacity: 0 !important;
+    }
+  }
+}

package/dist/components/glow-card/GlowCard.js

@@ -1,12 +1,12 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+import { insert, mergeProps, spread, template } from "solid-js/web";
+import { splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { clsx } from "clsx";
 import "./GlowCard.css";
-import * as __WEBPACK_EXTERNAL_MODULE__GlowCard_classes_js_68550c10__ from "./GlowCard.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+import { CLASSES } from "./GlowCard.classes.js";
+var _tmpl$ = /*#__PURE__*/ template("<div>");
 function GlowCard(props) {
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -25,12 +25,12 @@ function GlowCard(props) {
     };
     return (()=>{
         var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+        spread(_el$, mergeProps(others, {
             get ["data-theme"] () {
                 return local.dataTheme;
             },
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)((0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)(__WEBPACK_EXTERNAL_MODULE__GlowCard_classes_js_68550c10__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__GlowCard_classes_js_68550c10__.CLASSES.isolate, local.class, local.className));
+                return twMerge(clsx(CLASSES.base, CLASSES.isolate, local.class, local.className));
             },
             get style () {
                 return local.style;
@@ -41,7 +41,7 @@ function GlowCard(props) {
                 e.currentTarget.style.setProperty("--mouse-y", "50%");
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+        insert(_el$, ()=>local.children);
         return _el$;
     })();
 }

package/dist/components/glow-card/index.js

@@ -1,3 +1,2 @@
-import * as __WEBPACK_EXTERNAL_MODULE__GlowCard_js_88c4279e__ from "./GlowCard.js";
-var __webpack_exports__GlowCard = __WEBPACK_EXTERNAL_MODULE__GlowCard_js_88c4279e__["default"];
-export { __webpack_exports__GlowCard as GlowCard };
+import external_GlowCard_js_default from "./GlowCard.js";
+export { external_GlowCard_js_default as GlowCard };

package/dist/components/grid/Grid.css

@@ -1,5 +1,5 @@
-@layer components {
-  .grid-layout {
-    display: grid;
-  }
-}
+@layer components {
+  .grid-layout {
+    display: grid;
+  }
+}

package/dist/components/grid/Grid.js

@@ -1,15 +1,15 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import { Dynamic, createComponent, mergeProps } from "solid-js/web";
 import "./Grid.css";
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
-import * as __WEBPACK_EXTERNAL_MODULE__utils_js_db66b9f7__ from "../utils.js";
-import * as __WEBPACK_EXTERNAL_MODULE__Grid_classes_js_201311f9__ from "./Grid.classes.js";
-const Grid_Grid = (props)=>{
-    const merged = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.mergeProps)({
+import { children, mergeProps as external_solid_js_mergeProps, splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import external_clsx_default from "clsx";
+import { mapResponsiveProp } from "../utils.js";
+import { CLASSES } from "./Grid.classes.js";
+const Grid = (props)=>{
+    const merged = external_solid_js_mergeProps({
         as: "div"
     }, props);
-    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(merged, [
+    const [local, rest] = splitProps(merged, [
         "as",
         "class",
         "className",
@@ -21,19 +21,19 @@ const Grid_Grid = (props)=>{
         "autoCols",
         "autoRows"
     ]);
-    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
-    const classes = (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__Grid_classes_js_201311f9__.CLASSES.base, (0, __WEBPACK_EXTERNAL_MODULE__utils_js_db66b9f7__.mapResponsiveProp)(local.cols, __WEBPACK_EXTERNAL_MODULE__Grid_classes_js_201311f9__.CLASSES.cols), (0, __WEBPACK_EXTERNAL_MODULE__utils_js_db66b9f7__.mapResponsiveProp)(local.rows, __WEBPACK_EXTERNAL_MODULE__Grid_classes_js_201311f9__.CLASSES.rows), (0, __WEBPACK_EXTERNAL_MODULE__utils_js_db66b9f7__.mapResponsiveProp)(local.flow, __WEBPACK_EXTERNAL_MODULE__Grid_classes_js_201311f9__.CLASSES.flow), (0, __WEBPACK_EXTERNAL_MODULE__utils_js_db66b9f7__.mapResponsiveProp)(local.gap, __WEBPACK_EXTERNAL_MODULE__Grid_classes_js_201311f9__.CLASSES.gap), (0, __WEBPACK_EXTERNAL_MODULE__utils_js_db66b9f7__.mapResponsiveProp)(local.autoCols, __WEBPACK_EXTERNAL_MODULE__Grid_classes_js_201311f9__.CLASSES.autoCols), (0, __WEBPACK_EXTERNAL_MODULE__utils_js_db66b9f7__.mapResponsiveProp)(local.autoRows, __WEBPACK_EXTERNAL_MODULE__Grid_classes_js_201311f9__.CLASSES.autoRows), local.class, local.className);
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+    const resolvedChildren = children(()=>local.children);
+    const classes = external_clsx_default(CLASSES.base, mapResponsiveProp(local.cols, CLASSES.cols), mapResponsiveProp(local.rows, CLASSES.rows), mapResponsiveProp(local.flow, CLASSES.flow), mapResponsiveProp(local.gap, CLASSES.gap), mapResponsiveProp(local.autoCols, CLASSES.autoCols), mapResponsiveProp(local.autoRows, CLASSES.autoRows), local.class, local.className);
+    return createComponent(Dynamic, mergeProps({
         get component () {
             return local.as;
         }
     }, ()=>({
-            class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(classes)
+            class: twMerge(classes)
         }), rest, {
         get children () {
             return resolvedChildren();
         }
     }));
 };
-const Grid = Grid_Grid;
-export { Grid as default };
+const grid_Grid = Grid;
+export { grid_Grid as default };

package/dist/components/grid/index.js

@@ -1,3 +1,2 @@
-import * as __WEBPACK_EXTERNAL_MODULE__Grid_js_47520465__ from "./Grid.js";
-var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Grid_js_47520465__["default"];
-export { __webpack_exports__default as default };
+import external_Grid_js_default from "./Grid.js";
+export { external_Grid_js_default as default };

package/dist/components/header/Header.css

@@ -1,13 +1,13 @@
-@layer components {
-  .header {
-    width: 100%;
-    padding-inline: 0.5rem;
-    padding-top: 0.375rem;
-    padding-bottom: 0.25rem;
-    text-align: left;
-    font-size: 0.75rem;
-    line-height: 1rem;
-    font-weight: 500;
-    color: var(--color-muted, color-mix(in oklab, var(--color-base-content) 55%, transparent));
-  }
-}
+@layer components {
+  .header {
+    width: 100%;
+    padding-inline: 0.5rem;
+    padding-top: 0.375rem;
+    padding-bottom: 0.25rem;
+    text-align: left;
+    font-size: 0.75rem;
+    line-height: 1rem;
+    font-weight: 500;
+    color: var(--color-muted, color-mix(in oklab, var(--color-base-content) 55%, transparent));
+  }
+}

package/dist/components/header/Header.js

@@ -1,11 +1,11 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import { insert, mergeProps, spread, template } from "solid-js/web";
 import "./Header.css";
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE__Header_classes_js_7c962527__ from "./Header.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+import { splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES } from "./Header.classes.js";
+var _tmpl$ = /*#__PURE__*/ template("<div>");
 const HeaderRoot = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -14,8 +14,8 @@ const HeaderRoot = (props)=>{
     ]);
     return (()=>{
         var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Header_classes_js_7c962527__.CLASSES.base, local.class, local.className)
+        spread(_el$, mergeProps(others, ()=>({
+                class: twMerge(CLASSES.base, local.class, local.className)
             }), {
             "data-slot": "header",
             get ["data-theme"] () {
@@ -25,10 +25,10 @@ const HeaderRoot = (props)=>{
                 return local.style;
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+        insert(_el$, ()=>local.children);
         return _el$;
     })();
 };
-const Header = HeaderRoot;
-const header_Header = Header;
-export { Header, HeaderRoot, header_Header as default };
+const Header_Header = HeaderRoot;
+const Header = Header_Header;
+export { Header_Header as Header, HeaderRoot, Header as default };

package/dist/components/header/index.js

@@ -1,5 +1,2 @@
-import * as __WEBPACK_EXTERNAL_MODULE__Header_js_94d20122__ from "./Header.js";
-var __webpack_exports__Header = __WEBPACK_EXTERNAL_MODULE__Header_js_94d20122__.Header;
-var __webpack_exports__HeaderRoot = __WEBPACK_EXTERNAL_MODULE__Header_js_94d20122__.HeaderRoot;
-var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Header_js_94d20122__["default"];
-export { __webpack_exports__Header as Header, __webpack_exports__HeaderRoot as HeaderRoot, __webpack_exports__default as default };
+import external_Header_js_default, { Header, HeaderRoot } from "./Header.js";
+export { Header, HeaderRoot, external_Header_js_default as default };

package/dist/components/icon/Icon.css

@@ -1,10 +1,10 @@
-@layer components {
-  .icon {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    flex-shrink: 0;
-    line-height: 1;
-  }
-}
-
+@layer components {
+  .icon {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    line-height: 1;
+  }
+}
+

package/dist/components/icon/Icon.js

@@ -1,11 +1,11 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import { mergeProps, spread, template } from "solid-js/web";
 import "./Icon.css";
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE__Icon_classes_js_7218ccd2__ from "./Icon.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
+import { createMemo, splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES } from "./Icon.classes.js";
+var _tmpl$ = /*#__PURE__*/ template("<span>");
 const Icon = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "width",
         "height",
         "className",
@@ -16,10 +16,10 @@ const Icon = (props)=>{
     ]);
     const width = local.width ?? 24;
     const height = local.height ?? 24;
-    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Icon_classes_js_7218ccd2__.CLASSES.base, local.name, local.class, local.className));
+    const classes = createMemo(()=>twMerge(CLASSES.base, local.name, local.class, local.className));
     return (()=>{
         var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+        spread(_el$, mergeProps(others, ()=>({
                 class: classes()
             }), {
             get style () {

package/dist/components/icon/index.js

@@ -1,3 +1,2 @@
-import * as __WEBPACK_EXTERNAL_MODULE__Icon_js_0d271bb6__ from "./Icon.js";
-var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Icon_js_0d271bb6__["default"];
-export { __webpack_exports__default as default };
+import external_Icon_js_default from "./Icon.js";
+export { external_Icon_js_default as default };