@pathscale/ui 1.1.55 → 1.1.56

package/dist/components/form-actions/FormActions.js

@@ -0,0 +1,142 @@
+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__button_Button_js_6d750473__ from "../button/Button.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><div class="w-full max-w-md">');
+const FormActions = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "submitText",
+        "cancelText",
+        "isLoading",
+        "isValid",
+        "onCancel",
+        "layout",
+        "children",
+        "dataTheme",
+        "class",
+        "className",
+        "style"
+    ]);
+    const submitText = ()=>local.submitText ?? "Submit";
+    const cancelText = ()=>local.cancelText ?? "Cancel";
+    const layout = ()=>local.layout ?? "single";
+    const isValid = ()=>local.isValid ?? true;
+    const submitButton = (fullWidth)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_Button_js_6d750473__["default"], {
+            type: "submit",
+            variant: "primary",
+            fullWidth: fullWidth,
+            get isPending () {
+                return local.isLoading;
+            },
+            get isDisabled () {
+                return !isValid() || local.isLoading;
+            },
+            get ["aria-busy"] () {
+                return local.isLoading;
+            },
+            get children () {
+                return submitText();
+            }
+        });
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+        get when () {
+            return !local.children;
+        },
+        get fallback () {
+            return local.children;
+        },
+        get children () {
+            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Switch, {
+                get children () {
+                    return [
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Match, {
+                            get when () {
+                                return "single" === layout();
+                            },
+                            get children () {
+                                var _el$ = _tmpl$();
+                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+                                    role: "group",
+                                    "aria-label": "Form actions",
+                                    get ["data-theme"] () {
+                                        return local.dataTheme;
+                                    },
+                                    get ["class"] () {
+                                        return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("mt-4 flex w-full", local.class, local.className);
+                                    },
+                                    get style () {
+                                        return local.style;
+                                    }
+                                }), false, true);
+                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>submitButton(true));
+                                return _el$;
+                            }
+                        }),
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Match, {
+                            get when () {
+                                return "split" === layout();
+                            },
+                            get children () {
+                                var _el$2 = _tmpl$();
+                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+                                    role: "group",
+                                    "aria-label": "Form actions",
+                                    get ["data-theme"] () {
+                                        return local.dataTheme;
+                                    },
+                                    get ["class"] () {
+                                        return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("mt-4 flex w-full gap-2", local.class, local.className);
+                                    },
+                                    get style () {
+                                        return local.style;
+                                    }
+                                }), false, true);
+                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_Button_js_6d750473__["default"], {
+                                    type: "button",
+                                    variant: "outline",
+                                    fullWidth: true,
+                                    get onClick () {
+                                        return local.onCancel;
+                                    },
+                                    get isDisabled () {
+                                        return local.isLoading;
+                                    },
+                                    get children () {
+                                        return cancelText();
+                                    }
+                                }), null);
+                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>submitButton(true), null);
+                                return _el$2;
+                            }
+                        }),
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Match, {
+                            get when () {
+                                return "center" === layout();
+                            },
+                            get children () {
+                                var _el$3 = _tmpl$2(), _el$4 = _el$3.firstChild;
+                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+                                    role: "group",
+                                    "aria-label": "Form actions",
+                                    get ["data-theme"] () {
+                                        return local.dataTheme;
+                                    },
+                                    get ["class"] () {
+                                        return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("mt-4 flex w-full justify-center", local.class, local.className);
+                                    },
+                                    get style () {
+                                        return local.style;
+                                    }
+                                }), false, true);
+                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>submitButton(true));
+                                return _el$3;
+                            }
+                        })
+                    ];
+                }
+            });
+        }
+    });
+};
+const form_actions_FormActions = FormActions;
+export { form_actions_FormActions as default };

package/dist/components/form-actions/index.d.ts

@@ -0,0 +1,2 @@
+export { default as FormActions } from "./FormActions";
+export type { FormActionsProps } from "./FormActions";

package/dist/components/form-actions/index.js

@@ -0,0 +1,3 @@
+import * as __WEBPACK_EXTERNAL_MODULE__FormActions_js_b35c9cc0__ from "./FormActions.js";
+var __webpack_exports__FormActions = __WEBPACK_EXTERNAL_MODULE__FormActions_js_b35c9cc0__["default"];
+export { __webpack_exports__FormActions as FormActions };

package/dist/components/glass-panel/GlassPanel.d.ts

@@ -1,4 +1,3 @@
-import "./GlassPanel.css";
 import { type JSX } from "solid-js";
 import type { IComponentBaseProps, ComponentSize, ComponentColor } from "../types";
 export type GlassPanelBlur = "none" | "sm" | "md" | "lg" | "xl" | "2xl";

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

@@ -1,9 +1,34 @@
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ 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><div><div>");
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<button type=button class="flex w-full items-center justify-between gap-2 px-4 py-3 text-sm font-medium cursor-pointer select-none transition-colors duration-150 text-base-content/50 hover:text-base-content/80 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"><span class="flex items-center gap-2"></span><svg fill=none viewBox="0 0 24 24"stroke=currentColor stroke-width=1.5><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><div><div>");
+const BLUR_MAP = {
+    none: "",
+    sm: "backdrop-blur-sm",
+    md: "backdrop-blur-md",
+    lg: "backdrop-blur-lg",
+    xl: "backdrop-blur-xl",
+    "2xl": "backdrop-blur-2xl"
+};
+const SIZE_PADDING = {
+    xs: "p-2",
+    sm: "p-3",
+    md: "p-4",
+    lg: "p-5",
+    xl: "p-6"
+};
+const ACCENT_BORDER = {
+    primary: "border-l-primary",
+    secondary: "border-l-secondary",
+    accent: "border-l-accent",
+    info: "border-l-info",
+    success: "border-l-success",
+    warning: "border-l-warning",
+    error: "border-l-error",
+    neutral: "border-l-neutral",
+    ghost: "border-l-transparent"
+};
 const GlassPanel = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "blur",
@@ -31,24 +56,40 @@ const GlassPanel = (props)=>{
     const isControlled = ()=>void 0 !== local.open;
     const [internalOpen, setInternalOpen] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(local.defaultOpen ?? true);
     const isOpen = ()=>isControlled() ? local.open : internalOpen();
-    const accentKey = ()=>local.accent ?? "ghost";
     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.blur[blur()], local.transparent && __WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.flag.transparent, local.glow && __WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.flag.glow, local.accent && __WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.accent[accentKey()], 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 = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("glass-panel", "rounded-xl", "transition-all duration-200 ease-in-out", (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
+            "bg-transparent": local.transparent,
+            [BLUR_MAP[blur()]]: !local.transparent && "none" !== blur(),
+            "border-l-2": !!local.accent,
+            [ACCENT_BORDER[local.accent ?? ""]]: !!local.accent
+        }), local.class, local.className);
+    const glassStyle = ()=>{
+        const base = {
+            ...local.style || {}
+        };
+        if (!local.transparent) {
+            base.background = "color-mix(in srgb, var(--color-base-300) 45%, transparent)";
+            base.border = "1px solid color-mix(in srgb, var(--color-base-content) 12%, transparent)";
+        }
+        if (local.glow) base["box-shadow"] = "inset 0 1px 0 color-mix(in srgb, var(--color-base-content) 5%, transparent)";
+        return base;
+    };
+    const contentClasses = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(local.paddingX || local.paddingY ? "" : SIZE_PADDING[size()], local.paddingX, local.paddingY);
     return (()=>{
         var _el$ = _tmpl$2(), _el$5 = _el$.firstChild, _el$6 = _el$5.firstChild;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                class: containerClasses()
-            }), {
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get ["class"] () {
+                return containerClasses();
+            },
             get ["data-theme"] () {
                 return local.dataTheme;
             },
             get style () {
-                return local.style;
+                return glassStyle();
             }
         }), 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, {
@@ -57,18 +98,8 @@ const GlassPanel = (props)=>{
             },
             get children () {
                 var _el$2 = _tmpl$(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                        class: __WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.slot.headerButton
-                    }), {
-                    onClick: handleToggle,
-                    get ["aria-expanded"] () {
-                        return isOpen();
-                    },
-                    "aria-controls": contentId
-                }), false, true);
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                        class: __WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.slot.headerLabel
-                    })), false, true);
+                _el$2.$$click = handleToggle;
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "aria-controls", contentId);
                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
                     get when () {
                         return local.icon;
@@ -78,34 +109,40 @@ const GlassPanel = (props)=>{
                     }
                 }), null);
                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.title, null);
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (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)
-                    }), {
-                    fill: "none",
-                    viewBox: "0 0 24 24",
-                    stroke: "currentColor",
-                    "stroke-width": "1.5"
-                }), true, true);
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+                    var _v$ = isOpen(), _v$2 = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("h-4 w-4 transition-transform duration-200", (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
+                        "rotate-180": isOpen()
+                    }));
+                    _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "aria-expanded", _p$.e = _v$);
+                    _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$4, "class", _p$.t = _v$2);
+                    return _p$;
+                }, {
+                    e: void 0,
+                    t: void 0
+                });
                 return _el$2;
             }
         }), _el$5);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$5, "id", contentId);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: contentClasses()
-            }), {
-            get style () {
-                return {
-                    "grid-template-rows": !local.collapsible || isOpen() ? "1fr" : "0fr",
-                    opacity: !local.collapsible || isOpen() ? "1" : "0"
-                };
-            }
-        }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (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)
-            })), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, ()=>local.children);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+            var _v$3 = `grid transition-[grid-template-rows,opacity] duration-200 ease-in-out ${local.collapsible ? "overflow-hidden" : ""} ${local.collapsible && !isOpen() ? "" : contentClasses()}`, _v$4 = !local.collapsible || isOpen() ? "1fr" : "0fr", _v$5 = !local.collapsible || isOpen() ? "1" : "0", _v$6 = local.collapsible ? "overflow-hidden" : "";
+            _v$3 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$5, _p$.e = _v$3);
+            _v$4 !== _p$.t && (null != (_p$.t = _v$4) ? _el$5.style.setProperty("grid-template-rows", _v$4) : _el$5.style.removeProperty("grid-template-rows"));
+            _v$5 !== _p$.a && (null != (_p$.a = _v$5) ? _el$5.style.setProperty("opacity", _v$5) : _el$5.style.removeProperty("opacity"));
+            _v$6 !== _p$.o && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$6, _p$.o = _v$6);
+            return _p$;
+        }, {
+            e: void 0,
+            t: void 0,
+            a: void 0,
+            o: void 0
+        });
         return _el$;
     })();
 };
 const glass_panel_GlassPanel = GlassPanel;
+(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
+    "click"
+]);
 export { glass_panel_GlassPanel as default };

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

@@ -5,10 +5,6 @@
   border-radius: inherit;
 }
 
-.glow-card--isolate {
-  isolation: isolate;
-}
-
 .glow-card::before,
 .glow-card::after {
   content: "";

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

@@ -3,7 +3,6 @@ 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 "./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>");
 function GlowCard(props) {
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -30,7 +29,7 @@ function GlowCard(props) {
                 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 (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)((0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)("glow-card isolate", local.class, local.className));
             },
             get style () {
                 return local.style;

package/dist/components/grid/Grid.d.ts

@@ -1,4 +1,3 @@
-import "./Grid.css";
 import { type JSX } from "solid-js";
 import type { IComponentBaseProps } from "../types";
 import type { ResponsiveProp } from "../types";

package/dist/components/grid/Grid.js

@@ -1,10 +1,59 @@
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ 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 colsMap = {
+    1: "grid-cols-1",
+    2: "grid-cols-2",
+    3: "grid-cols-3",
+    4: "grid-cols-4",
+    5: "grid-cols-5",
+    6: "grid-cols-6",
+    7: "grid-cols-7",
+    8: "grid-cols-8",
+    9: "grid-cols-9",
+    10: "grid-cols-10",
+    11: "grid-cols-11",
+    12: "grid-cols-12"
+};
+const rowsMap = {
+    1: "grid-rows-1",
+    2: "grid-rows-2",
+    3: "grid-rows-3",
+    4: "grid-rows-4",
+    5: "grid-rows-5",
+    6: "grid-rows-6",
+    7: "grid-rows-7",
+    8: "grid-rows-8",
+    9: "grid-rows-9",
+    10: "grid-rows-10",
+    11: "grid-rows-11",
+    12: "grid-rows-12"
+};
+const flowMap = {
+    row: "grid-flow-row",
+    col: "grid-flow-col",
+    "row-dense": "grid-flow-row-dense",
+    "col-dense": "grid-flow-col-dense"
+};
+const gapMap = {
+    none: "gap-0",
+    sm: "gap-2",
+    md: "gap-4",
+    lg: "gap-6",
+    xl: "gap-8"
+};
+const autoColsMap = {
+    min: "auto-cols-min",
+    max: "auto-cols-max",
+    fr: "auto-cols-fr"
+};
+const autoRowsMap = {
+    min: "auto-rows-min",
+    max: "auto-rows-max",
+    fr: "auto-rows-fr"
+};
 const Grid_Grid = (props)=>{
     const merged = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.mergeProps)({
         as: "div"
@@ -22,14 +71,15 @@ const Grid_Grid = (props)=>{
         "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);
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])("grid", (0, __WEBPACK_EXTERNAL_MODULE__utils_js_db66b9f7__.mapResponsiveProp)(local.cols, colsMap), (0, __WEBPACK_EXTERNAL_MODULE__utils_js_db66b9f7__.mapResponsiveProp)(local.rows, rowsMap), (0, __WEBPACK_EXTERNAL_MODULE__utils_js_db66b9f7__.mapResponsiveProp)(local.flow, flowMap), (0, __WEBPACK_EXTERNAL_MODULE__utils_js_db66b9f7__.mapResponsiveProp)(local.gap, gapMap), (0, __WEBPACK_EXTERNAL_MODULE__utils_js_db66b9f7__.mapResponsiveProp)(local.autoCols, autoColsMap), (0, __WEBPACK_EXTERNAL_MODULE__utils_js_db66b9f7__.mapResponsiveProp)(local.autoRows, autoRowsMap), 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)({
         get component () {
             return local.as;
+        },
+        get ["class"] () {
+            return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(classes);
         }
-    }, ()=>({
-            class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(classes)
-        }), rest, {
+    }, rest, {
         get children () {
             return resolvedChildren();
         }

package/dist/components/hero/Hero.d.ts

@@ -0,0 +1,11 @@
+import "./hero.css";
+import { type ParentComponent } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type HeroProps = IComponentBaseProps & {
+    minHeight?: string;
+};
+declare const HeroNamespaces: ParentComponent<HeroProps> & {
+    Content: ParentComponent<import("./HeroContent").HeroContentProps>;
+    Overlay: ParentComponent<import("./HeroOverlay").HeroOverlayProps>;
+};
+export default HeroNamespaces;

package/dist/components/hero/Hero.js

@@ -0,0 +1,47 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import "./hero.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__HeroContent_js_4e9cae79__ from "./HeroContent.js";
+import * as __WEBPACK_EXTERNAL_MODULE__HeroOverlay_js_044abd85__ from "./HeroOverlay.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+const Hero = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "minHeight",
+        "style"
+    ]);
+    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("hero", local.class, local.className);
+    const heroStyle = ()=>{
+        const baseStyle = local.style || {};
+        return {
+            ...baseStyle,
+            minHeight: local.minHeight || void 0
+        };
+    };
+    return (()=>{
+        var _el$ = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get ["class"] () {
+                return classes();
+            },
+            get style () {
+                return heroStyle();
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+        return _el$;
+    })();
+};
+const HeroNamespaces = Object.assign(Hero, {
+    Content: __WEBPACK_EXTERNAL_MODULE__HeroContent_js_4e9cae79__.HeroContent,
+    Overlay: __WEBPACK_EXTERNAL_MODULE__HeroOverlay_js_044abd85__.HeroOverlay
+});
+const hero_Hero = HeroNamespaces;
+export { hero_Hero as default };

package/dist/components/hero/HeroContent.d.ts

@@ -0,0 +1,6 @@
+import { type ParentComponent } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type HeroContentProps = IComponentBaseProps & {
+    center?: boolean;
+};
+export declare const HeroContent: ParentComponent<HeroContentProps>;

package/dist/components/{surface/Surface.js → hero/HeroContent.js}

@@ -1,35 +1,31 @@
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-import "./Surface.css";
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
 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__Surface_classes_js_ab149b7e__ from "./Surface.classes.js";
 var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
-function Surface(props) {
+const HeroContent = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
         "class",
         "className",
         "dataTheme",
-        "style",
-        "variant"
+        "center"
     ]);
-    const variant = ()=>local.variant ?? "default";
+    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("hero-content", local.class, local.className, (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])({
+            "text-center": local.center
+        }));
     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__Surface_classes_js_ab149b7e__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Surface_classes_js_ab149b7e__.CLASSES.variant[variant()], local.class, local.className)
-            }), {
-            "data-slot": "surface",
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             get ["data-theme"] () {
                 return local.dataTheme;
             },
-            get style () {
-                return local.style;
+            get ["class"] () {
+                return classes();
             }
         }), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
         return _el$;
     })();
-}
-const surface_Surface = Surface;
-export { Surface, surface_Surface as default };
+};
+export { HeroContent };

package/dist/components/hero/HeroOverlay.d.ts

@@ -0,0 +1,6 @@
+import { type ParentComponent } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type HeroOverlayProps = IComponentBaseProps & {
+    bgOpacity?: string;
+};
+export declare const HeroOverlay: ParentComponent<HeroOverlayProps>;

package/dist/components/{header/Header.js → hero/HeroOverlay.js}

@@ -1,34 +1,39 @@
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ 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>");
-const HeaderRoot = (props)=>{
+const HeroOverlay = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
         "class",
         "className",
         "dataTheme",
+        "bgOpacity",
         "style"
     ]);
+    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("hero-overlay", local.class, local.className);
+    const overlayStyle = ()=>{
+        const baseStyle = local.style || {};
+        return {
+            ...baseStyle,
+            backgroundColor: local.bgOpacity ? `rgba(0, 0, 0, ${local.bgOpacity})` : void 0
+        };
+    };
     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)
-            }), {
-            "data-slot": "header",
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             get ["data-theme"] () {
                 return local.dataTheme;
             },
+            get ["class"] () {
+                return classes();
+            },
             get style () {
-                return local.style;
+                return overlayStyle();
             }
         }), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
         return _el$;
     })();
 };
-const Header = HeaderRoot;
-const header_Header = Header;
-export { Header, HeaderRoot, header_Header as default };
+export { HeroOverlay };