@pathscale/ui 0.0.85 → 0.0.87

package/dist/index.js

@@ -5556,8 +5556,8 @@ const Icon = (props)=>{
     const width = local.width ?? 24;
     const height = local.height ?? 24;
     const name = local.name;
-    const sizeClass = ()=>`${name} w-${width / 4} h-${height / 4}`;
-    const classes = ()=>twMerge(dist_clsx(local.className ?? local.class, sizeClass()));
+    const sizeClass = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>`${name} w-${width / 4} h-${height / 4}`);
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge(dist_clsx(sizeClass(), local.className ?? local.class)));
     return (()=>{
         var _el$ = Icon_tmpl$();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
@@ -6345,6 +6345,379 @@ const collapse_Collapse = Object.assign(Collapse, {
     Title: CollapseTitle,
     Content: CollapseContent
 });
+const breakpoints = [
+    "base",
+    "sm",
+    "md",
+    "lg",
+    "xl"
+];
+function isJSXElement(node) {
+    return "object" == typeof node && null !== node;
+}
+function wrapWithElementIfInvalid({ node, wrapper = "div", className = "" }) {
+    null == node || "string" == typeof node || "number" == typeof node || isJSXElement(node);
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, {
+        component: wrapper,
+        class: className,
+        children: node
+    });
+}
+function mapResponsiveProp(prop, classMap) {
+    if (void 0 === prop) return [];
+    if ("string" == typeof prop || "boolean" == typeof prop) return [
+        classMap[String(prop)]
+    ];
+    return breakpoints.flatMap((bp)=>{
+        const value = prop[bp];
+        if (void 0 === value) return [];
+        const className = classMap[String(value)];
+        return "base" === bp ? [
+            className
+        ] : [
+            `${bp}:${className}`
+        ];
+    });
+}
+function useDesktop(breakpoint = 1024) {
+    const [isDesktop, setIsDesktop] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
+    const checkIfDesktop = ()=>{
+        const width = window.innerWidth;
+        setIsDesktop(width >= breakpoint);
+    };
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onMount)(()=>{
+        checkIfDesktop();
+        window.addEventListener("resize", checkIfDesktop);
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
+        window.removeEventListener("resize", checkIfDesktop);
+    });
+    return isDesktop;
+}
+const directionMap = {
+    row: "flex-row",
+    col: "flex-col",
+    "row-reverse": "flex-row-reverse",
+    "col-reverse": "flex-col-reverse"
+};
+const justifyMap = {
+    start: "justify-start",
+    center: "justify-center",
+    end: "justify-end",
+    between: "justify-between",
+    around: "justify-around",
+    evenly: "justify-evenly"
+};
+const alignMap = {
+    start: "items-start",
+    center: "items-center",
+    end: "items-end",
+    stretch: "items-stretch",
+    baseline: "items-baseline"
+};
+const wrapMap = {
+    wrap: "flex-wrap",
+    nowrap: "flex-nowrap",
+    "wrap-reverse": "flex-wrap-reverse"
+};
+const gapMap = {
+    none: "gap-0",
+    sm: "gap-2",
+    md: "gap-4",
+    lg: "gap-6",
+    xl: "gap-8"
+};
+const gapXMap = {
+    none: "gap-x-0",
+    sm: "gap-x-2",
+    md: "gap-x-4",
+    lg: "gap-x-6",
+    xl: "gap-x-8"
+};
+const gapYMap = {
+    none: "gap-y-0",
+    sm: "gap-y-2",
+    md: "gap-y-4",
+    lg: "gap-y-6",
+    xl: "gap-y-8"
+};
+const growMap = {
+    true: "flex-grow",
+    false: "flex-grow-0"
+};
+const shrinkMap = {
+    true: "flex-shrink",
+    false: "flex-shrink-0"
+};
+const basisMap = {
+    none: "basis-0",
+    sm: "basis-8",
+    md: "basis-16",
+    lg: "basis-24",
+    xl: "basis-32"
+};
+const Flex = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "as",
+        "class",
+        "children",
+        "direction",
+        "justify",
+        "align",
+        "wrap",
+        "gap",
+        "gapX",
+        "gapY",
+        "grow",
+        "shrink",
+        "basis"
+    ]);
+    const tag = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local.as || "div");
+    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge(dist_clsx("flex", mapResponsiveProp(local.direction, directionMap), mapResponsiveProp(local.justify, justifyMap), mapResponsiveProp(local.align, alignMap), mapResponsiveProp(local.wrap, wrapMap), mapResponsiveProp(local.gap, gapMap), mapResponsiveProp(local.gapX, gapXMap), mapResponsiveProp(local.gapY, gapYMap), mapResponsiveProp(local.grow, growMap), mapResponsiveProp(local.shrink, shrinkMap), mapResponsiveProp(local.basis, basisMap), local.class)));
+    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 tag();
+        },
+        get ["class"] () {
+            return classes();
+        }
+    }, rest, {
+        get children () {
+            return resolvedChildren();
+        }
+    }));
+};
+const flex_Flex = Flex;
+var Tooltip_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+const Tooltip = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "message",
+        "open",
+        "color",
+        "position",
+        "dataTheme",
+        "class",
+        "className",
+        "style"
+    ]);
+    const classes = ()=>twMerge("tooltip", local.class, local.className, clsx({
+            "tooltip-open": local.open,
+            "tooltip-primary": "primary" === local.color,
+            "tooltip-secondary": "secondary" === local.color,
+            "tooltip-accent": "accent" === local.color,
+            "tooltip-info": "info" === local.color,
+            "tooltip-success": "success" === local.color,
+            "tooltip-warning": "warning" === local.color,
+            "tooltip-error": "error" === local.color,
+            "tooltip-top": "top" === local.position,
+            "tooltip-bottom": "bottom" === local.position,
+            "tooltip-left": "left" === local.position,
+            "tooltip-right": "right" === local.position
+        }));
+    return (()=>{
+        var _el$ = Tooltip_tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            role: "tooltip",
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get ["data-tip"] () {
+                return local.message;
+            },
+            get ["class"] () {
+                return classes();
+            },
+            get style () {
+                return local.style;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>props.children);
+        return _el$;
+    })();
+};
+const tooltip_Tooltip = Tooltip;
+var ConnectionStatus_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="text-xs text-base-content/70">'), ConnectionStatus_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="text-xs font-mono text-base-content/70">');
+const ConnectionStatus = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "state",
+        "errorMessage",
+        "serviceName",
+        "url",
+        "isCustomUrl",
+        "showDetails",
+        "showUrl",
+        "showReconnectButton",
+        "onReconnect",
+        "class",
+        "className",
+        "style",
+        "dataTheme"
+    ]);
+    const containerClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge(local.class, local.className));
+    const getBadgeColor = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+        switch(local.state){
+            case "connected":
+                return "success";
+            case "connecting":
+                return "warning";
+            case "error":
+                return "error";
+            default:
+                return "neutral";
+        }
+    });
+    const getStatusText = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+        switch(local.state){
+            case "connected":
+                return "Connected";
+            case "connecting":
+                return "Connecting...";
+            case "error":
+                return local.errorMessage ? `Error: ${local.errorMessage}` : "Error";
+            default:
+                return "Disconnected";
+        }
+    });
+    const formatUrl = (url)=>{
+        if (!url) return "";
+        try {
+            const urlObj = new URL(url);
+            return urlObj.hostname + (urlObj.port ? `:${urlObj.port}` : "");
+        } catch  {
+            return url;
+        }
+    };
+    const getTooltipText = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+        let tooltip = `Status: ${getStatusText()}`;
+        if (local.url) {
+            tooltip += `\nURL: ${local.url}`;
+            if (local.isCustomUrl) tooltip += " (Custom)";
+        }
+        if (local.serviceName) tooltip += `\nService: ${local.serviceName}`;
+        return tooltip;
+    });
+    const handleReconnect = async ()=>{
+        if (local.onReconnect) await local.onReconnect();
+    };
+    const shouldShowReconnectButton = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local.showReconnectButton && ("disconnected" === local.state || "error" === local.state));
+    const displayUrl = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local.url ? formatUrl(local.url) : "");
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(flex_Flex, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+        align: "center",
+        gap: "sm",
+        get ["class"] () {
+            return containerClasses();
+        },
+        get style () {
+            return local.style;
+        },
+        get ["data-theme"] () {
+            return local.dataTheme;
+        }
+    }, others, {
+        get children () {
+            return [
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(tooltip_Tooltip, {
+                    position: "bottom",
+                    get message () {
+                        return getTooltipText();
+                    },
+                    get children () {
+                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(flex_Flex, {
+                            align: "center",
+                            gap: "sm",
+                            get children () {
+                                return [
+                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                                        get when () {
+                                            return local.showDetails;
+                                        },
+                                        get children () {
+                                            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(flex_Flex, {
+                                                direction: "col",
+                                                align: "start",
+                                                gap: "sm",
+                                                get children () {
+                                                    return [
+                                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(Badge, {
+                                                            get color () {
+                                                                return getBadgeColor();
+                                                            },
+                                                            size: "sm",
+                                                            get children () {
+                                                                return getStatusText();
+                                                            }
+                                                        }),
+                                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                                                            get when () {
+                                                                return local.serviceName;
+                                                            },
+                                                            get children () {
+                                                                var _el$ = ConnectionStatus_tmpl$();
+                                                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.serviceName);
+                                                                return _el$;
+                                                            }
+                                                        }),
+                                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                                                            get when () {
+                                                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.showUrl)() && displayUrl();
+                                                            },
+                                                            get children () {
+                                                                var _el$2 = ConnectionStatus_tmpl$2();
+                                                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, displayUrl);
+                                                                return _el$2;
+                                                            }
+                                                        })
+                                                    ];
+                                                }
+                                            });
+                                        }
+                                    }),
+                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                                        get when () {
+                                            return !local.showDetails;
+                                        },
+                                        get children () {
+                                            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(Badge, {
+                                                get color () {
+                                                    return getBadgeColor();
+                                                },
+                                                size: "sm",
+                                                get children () {
+                                                    return getStatusText();
+                                                }
+                                            });
+                                        }
+                                    })
+                                ];
+                            }
+                        });
+                    }
+                }),
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                    get when () {
+                        return shouldShowReconnectButton();
+                    },
+                    get children () {
+                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
+                            onClick: handleReconnect,
+                            variant: "outline",
+                            size: "sm",
+                            get disabled () {
+                                return "connecting" === local.state;
+                            },
+                            get loading () {
+                                return "connecting" === local.state;
+                            },
+                            children: "Reconnect"
+                        });
+                    }
+                })
+            ];
+        }
+    }));
+};
+const connectionstatus_ConnectionStatus = ConnectionStatus;
 var CopyButton_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button type=button>");
 const CopyButton_CopyButton = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -6870,7 +7243,7 @@ const DropdownDetails = Object.assign(Details, {
     Toggle: DropdownToggle_Summary
 });
 var DropdownItem_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<li role=menuitem>"), DropdownItem_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<a>"), DropdownItem_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button>");
-const DropdownItem_DropdownItem = (props)=>{
+const DropdownItem = (props)=>{
     const dropdownContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(DropdownContext);
     const defaultProps = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.mergeProps)({
         closeOnClick: true
@@ -6912,7 +7285,7 @@ const DropdownItem_DropdownItem = (props)=>{
         return _el$;
     })();
 };
-const DropdownItem = DropdownItem_DropdownItem;
+const dropdown_DropdownItem = DropdownItem;
 var DropdownMenu_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<ul>");
 const DropdownMenu = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -7109,335 +7482,600 @@ const Dropdown = (props)=>{
         }
     });
 };
-const dropdown_Dropdown = Object.assign(Dropdown, {
-    Details: DropdownDetails,
-    Toggle: dropdown_DropdownToggle,
-    Menu: dropdown_DropdownMenu,
-    Item: DropdownItem
+const dropdown_Dropdown = Object.assign(Dropdown, {
+    Details: DropdownDetails,
+    Toggle: dropdown_DropdownToggle,
+    Menu: dropdown_DropdownMenu,
+    Item: dropdown_DropdownItem
+});
+const dropdown = dropdown_Dropdown;
+var FileInput_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<input>");
+const FileInput_FileInput = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "size",
+        "color",
+        "bordered",
+        "dataTheme",
+        "class",
+        "className",
+        "style"
+    ]);
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("file-input", local.class, local.className, clsx({
+            "file-input-xl": "xl" === local.size,
+            "file-input-lg": "lg" === local.size,
+            "file-input-md": "md" === local.size,
+            "file-input-sm": "sm" === local.size,
+            "file-input-xs": "xs" === local.size,
+            "file-input-primary": "primary" === local.color,
+            "file-input-secondary": "secondary" === local.color,
+            "file-input-accent": "accent" === local.color,
+            "file-input-ghost": "ghost" === local.color,
+            "file-input-info": "info" === local.color,
+            "file-input-success": "success" === local.color,
+            "file-input-warning": "warning" === local.color,
+            "file-input-error": "error" === local.color,
+            "file-input-bordered": local.bordered
+        })));
+    return (()=>{
+        var _el$ = FileInput_tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            type: "file",
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get ["class"] () {
+                return classes();
+            },
+            get style () {
+                return local.style;
+            }
+        }), false, false);
+        return _el$;
+    })();
+};
+const FileInput = FileInput_FileInput;
+var FooterTitle_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<h6>");
+const FooterTitle = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme"
+    ]);
+    const classes = ()=>twMerge("footer-title", local.class, local.className);
+    return (()=>{
+        var _el$ = FooterTitle_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();
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+        return _el$;
+    })();
+};
+var Footer_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<footer>");
+const Footer = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "center",
+        "horizontal",
+        "vertical"
+    ]);
+    const classes = ()=>twMerge("footer", local.class, local.className, dist_clsx({
+            "footer-center": local.center,
+            "footer-horizontal": local.horizontal,
+            "footer-vertical": local.vertical
+        }));
+    return (()=>{
+        var _el$ = Footer_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();
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+        return _el$;
+    })();
+};
+const FooterNamespaces = Object.assign(Footer, {
+    Title: FooterTitle
 });
-const dropdown = dropdown_Dropdown;
-var FileInput_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<input>");
-const FileInput_FileInput = (props)=>{
+const footer_Footer = FooterNamespaces;
+var Label_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<label><span class="label-text cursor-pointer">');
+const Label = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "size",
-        "color",
-        "bordered",
+        "children",
+        "title",
         "dataTheme",
         "class",
-        "className",
-        "style"
+        "className"
     ]);
-    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("file-input", local.class, local.className, clsx({
-            "file-input-xl": "xl" === local.size,
-            "file-input-lg": "lg" === local.size,
-            "file-input-md": "md" === local.size,
-            "file-input-sm": "sm" === local.size,
-            "file-input-xs": "xs" === local.size,
-            "file-input-primary": "primary" === local.color,
-            "file-input-secondary": "secondary" === local.color,
-            "file-input-accent": "accent" === local.color,
-            "file-input-ghost": "ghost" === local.color,
-            "file-input-info": "info" === local.color,
-            "file-input-success": "success" === local.color,
-            "file-input-warning": "warning" === local.color,
-            "file-input-error": "error" === local.color,
-            "file-input-bordered": local.bordered
-        })));
+    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
+    const classes = ()=>twMerge("label", local.class, local.className);
     return (()=>{
-        var _el$ = FileInput_tmpl$();
+        var _el$ = Label_tmpl$(), _el$2 = _el$.firstChild;
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            type: "file",
             get ["data-theme"] () {
                 return local.dataTheme;
             },
             get ["class"] () {
                 return classes();
-            },
-            get style () {
-                return local.style;
             }
-        }), false, false);
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.title);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolvedChildren, null);
         return _el$;
     })();
 };
-const FileInput = FileInput_FileInput;
-const breakpoints = [
-    "base",
-    "sm",
-    "md",
-    "lg",
-    "xl"
-];
-function isJSXElement(node) {
-    return "object" == typeof node && null !== node;
-}
-function wrapWithElementIfInvalid({ node, wrapper = "div", className = "" }) {
-    null == node || "string" == typeof node || "number" == typeof node || isJSXElement(node);
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, {
-        component: wrapper,
-        class: className,
-        children: node
-    });
-}
-function mapResponsiveProp(prop, classMap) {
-    if (void 0 === prop) return [];
-    if ("string" == typeof prop || "boolean" == typeof prop) return [
-        classMap[String(prop)]
-    ];
-    return breakpoints.flatMap((bp)=>{
-        const value = prop[bp];
-        if (void 0 === value) return [];
-        const className = classMap[String(value)];
-        return "base" === bp ? [
-            className
-        ] : [
-            `${bp}:${className}`
-        ];
-    });
-}
-function useDesktop(breakpoint = 1024) {
-    const [isDesktop, setIsDesktop] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
-    const checkIfDesktop = ()=>{
-        const width = window.innerWidth;
-        setIsDesktop(width >= breakpoint);
-    };
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onMount)(()=>{
-        checkIfDesktop();
-        window.addEventListener("resize", checkIfDesktop);
-    });
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
-        window.removeEventListener("resize", checkIfDesktop);
-    });
-    return isDesktop;
+const form_Label = Label;
+const FormValidationContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
+function useFormValidation() {
+    const context = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(FormValidationContext);
+    if (!context) throw new Error("useFormValidation must be used within a ValidatedForm");
+    return context;
 }
-const directionMap = {
-    row: "flex-row",
-    col: "flex-col",
-    "row-reverse": "flex-row-reverse",
-    "col-reverse": "flex-col-reverse"
-};
-const justifyMap = {
-    start: "justify-start",
-    center: "justify-center",
-    end: "justify-end",
-    between: "justify-between",
-    around: "justify-around",
-    evenly: "justify-evenly"
-};
-const alignMap = {
-    start: "items-start",
-    center: "items-center",
-    end: "items-end",
-    stretch: "items-stretch",
-    baseline: "items-baseline"
-};
-const wrapMap = {
-    wrap: "flex-wrap",
-    nowrap: "flex-nowrap",
-    "wrap-reverse": "flex-wrap-reverse"
-};
-const gapMap = {
-    none: "gap-0",
-    sm: "gap-2",
-    md: "gap-4",
-    lg: "gap-6",
-    xl: "gap-8"
-};
-const gapXMap = {
-    none: "gap-x-0",
-    sm: "gap-x-2",
-    md: "gap-x-4",
-    lg: "gap-x-6",
-    xl: "gap-x-8"
-};
-const gapYMap = {
-    none: "gap-y-0",
-    sm: "gap-y-2",
-    md: "gap-y-4",
-    lg: "gap-y-6",
-    xl: "gap-y-8"
-};
-const growMap = {
-    true: "flex-grow",
-    false: "flex-grow-0"
-};
-const shrinkMap = {
-    true: "flex-shrink",
-    false: "flex-shrink-0"
-};
-const basisMap = {
-    none: "basis-0",
-    sm: "basis-8",
-    md: "basis-16",
-    lg: "basis-24",
-    xl: "basis-32"
-};
-const Flex = (props)=>{
-    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "as",
-        "class",
+function ValidatedForm(props) {
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
-        "direction",
-        "justify",
-        "align",
-        "wrap",
-        "gap",
-        "gapX",
-        "gapY",
-        "grow",
-        "shrink",
-        "basis"
+        "schema",
+        "onSubmit",
+        "initialValues"
     ]);
-    const tag = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local.as || "div");
-    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
-    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge(dist_clsx("flex", mapResponsiveProp(local.direction, directionMap), mapResponsiveProp(local.justify, justifyMap), mapResponsiveProp(local.align, alignMap), mapResponsiveProp(local.wrap, wrapMap), mapResponsiveProp(local.gap, gapMap), mapResponsiveProp(local.gapX, gapXMap), mapResponsiveProp(local.gapY, gapYMap), mapResponsiveProp(local.grow, growMap), mapResponsiveProp(local.shrink, shrinkMap), mapResponsiveProp(local.basis, basisMap), local.class)));
-    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 tag();
+    const { form, errors, touched, data, isValid, isSubmitting, setData, setErrors, setWarnings, setTouched, reset } = (0, __WEBPACK_EXTERNAL_MODULE__felte_solid_6a709b1d__.createForm)({
+        initialValues: local.initialValues,
+        extend: [
+            (0, __WEBPACK_EXTERNAL_MODULE__felte_validator_zod_bb07151a__.validator)({
+                schema: local.schema
+            })
+        ],
+        onSubmit: local.onSubmit
+    });
+    const contextValue = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>({
+            errors,
+            touched,
+            data,
+            isValid,
+            isSubmitting,
+            setData,
+            setErrors,
+            setWarnings,
+            setTouched,
+            reset
+        }));
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(FormValidationContext.Provider, {
+        get value () {
+            return contextValue();
         },
-        get ["class"] () {
-            return classes();
-        }
-    }, rest, {
         get children () {
-            return resolvedChildren();
+            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(form_Form, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+                ref: form,
+                get children () {
+                    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>"function" == typeof local.children)() ? local.children() : local.children;
+                }
+            }));
         }
-    }));
+    });
+}
+const form_ValidatedForm = ValidatedForm;
+var Input_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), Input_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<label><input>");
+const Input = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "size",
+        "color",
+        "variant",
+        "fullWidth",
+        "dataTheme",
+        "class",
+        "className",
+        "style",
+        "leftIcon",
+        "rightIcon",
+        "placeholder",
+        "type",
+        "ref",
+        "aria-label",
+        "aria-describedby",
+        "aria-invalid",
+        "aria-required"
+    ]);
+    const [passwordVisible, setPasswordVisible] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
+    const inputType = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+        if ("password" === local.type) return passwordVisible() ? "text" : "password";
+        return local.type;
+    });
+    const colorFocusMap = {
+        primary: "focus-within:border-primary",
+        success: "focus-within:border-success",
+        warning: "focus-within:border-warning",
+        error: "focus-within:border-error",
+        info: "focus-within:border-info",
+        default: "focus-within:border-base-content"
+    };
+    const labelClasses = ()=>twMerge("input", "items-center gap-2 focus-within:outline-none", local.class, local.className, colorFocusMap[local.color || "default"], clsx({
+            "input-bordered": "bordered" === local.variant || !local.variant,
+            "input-ghost": "ghost" === local.variant || "ghost" === local.color,
+            "w-full": false !== local.fullWidth,
+            "input-xl": "xl" === local.size,
+            "input-lg": "lg" === local.size,
+            "input-md": "md" === local.size,
+            "input-sm": "sm" === local.size,
+            "input-xs": "xs" === local.size,
+            "input-primary": "primary" === local.color,
+            "input-secondary": "secondary" === local.color,
+            "input-accent": "accent" === local.color,
+            "input-info": "info" === local.color,
+            "input-success": "success" === local.color,
+            "input-warning": "warning" === local.color,
+            "input-error": "error" === local.color
+        }));
+    const inputClasses = ()=>"grow bg-transparent focus:outline-none";
+    return (()=>{
+        var _el$ = Input_tmpl$2(), _el$2 = _el$.firstChild;
+        (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, {
+            get when () {
+                return local.leftIcon;
+            },
+            get children () {
+                return local.leftIcon;
+            }
+        }), _el$2);
+        var _ref$ = local.ref;
+        "function" == typeof _ref$ ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$, _el$2) : local.ref = _el$2;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get type () {
+                return inputType();
+            },
+            get ["aria-label"] () {
+                return local["aria-label"];
+            },
+            get ["aria-describedby"] () {
+                return local["aria-describedby"];
+            },
+            get ["aria-invalid"] () {
+                return local["aria-invalid"];
+            },
+            get ["aria-required"] () {
+                return local["aria-required"];
+            },
+            get placeholder () {
+                return local["placeholder"];
+            },
+            get style () {
+                return local.style;
+            },
+            get ["class"] () {
+                return inputClasses();
+            }
+        }), false, false);
+        (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, {
+            get when () {
+                return local.rightIcon;
+            },
+            get children () {
+                var _el$3 = Input_tmpl$();
+                _el$3.$$click = ()=>setPasswordVisible(!passwordVisible());
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.rightIcon);
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+                    var _v$ = "password" === local.type ? "cursor-pointer" : "", _v$2 = "password" === local.type ? "button" : void 0, _v$3 = "password" === local.type ? passwordVisible() ? "Hide password" : "Show password" : void 0, _v$4 = "password" === local.type ? 0 : void 0;
+                    _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$3, _p$.e = _v$);
+                    _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$3, "role", _p$.t = _v$2);
+                    _v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$3, "aria-label", _p$.a = _v$3);
+                    _v$4 !== _p$.o && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$3, "tabindex", _p$.o = _v$4);
+                    return _p$;
+                }, {
+                    e: void 0,
+                    t: void 0,
+                    a: void 0,
+                    o: void 0
+                });
+                return _el$3;
+            }
+        }), null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+            var _v$5 = labelClasses(), _v$6 = local.dataTheme;
+            _v$5 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, _p$.e = _v$5);
+            _v$6 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "data-theme", _p$.t = _v$6);
+            return _p$;
+        }, {
+            e: void 0,
+            t: void 0
+        });
+        return _el$;
+    })();
 };
-const flex_Flex = Flex;
-var FooterTitle_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<h6>");
-const FooterTitle = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "children",
+const input_Input = Input;
+(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
+    "click"
+]);
+const input = input_Input;
+var FormField_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<p>"), FormField_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), FormField_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="text-error ml-1">*');
+const FormField = (props)=>{
+    const { errors, touched } = useFormValidation();
+    const [local, inputProps] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "label",
+        "required",
+        "labelClass",
+        "errorClass",
+        "containerClass",
+        "description",
+        "descriptionClass",
         "class",
-        "className",
-        "dataTheme"
+        "className"
     ]);
-    const classes = ()=>twMerge("footer-title", local.class, local.className);
+    const containerClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("flex flex-col gap-2", local.containerClass));
+    const descriptionClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("text-sm text-base-content/70", local.descriptionClass));
+    const errorClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("text-error text-sm", local.errorClass));
+    const inputClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge(local.class, local.className));
+    const hasError = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>touched(props.name) && !!errors(props.name));
     return (()=>{
-        var _el$ = FooterTitle_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;
+        var _el$ = FormField_tmpl$2();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(form_Form.Label, {
+            get title () {
+                return local.label;
             },
             get ["class"] () {
-                return classes();
+                return local.labelClass;
+            },
+            get children () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.required)() && FormField_tmpl$3();
             }
-        }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+        }), null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
+            var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.description);
+            return ()=>_c$() && (()=>{
+                    var _el$4 = FormField_tmpl$();
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.description);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$4, descriptionClasses()));
+                    return _el$4;
+                })();
+        })(), null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(input, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get id () {
+                return props.name;
+            },
+            get ["aria-invalid"] () {
+                return hasError();
+            },
+            get ["aria-required"] () {
+                return local.required;
+            },
+            get ["class"] () {
+                return inputClasses();
+            }
+        }, inputProps)), null);
+        (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, {
+            get when () {
+                return hasError();
+            },
+            get children () {
+                var _el$2 = FormField_tmpl$();
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>errors(props.name));
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, errorClasses()));
+                return _el$2;
+            }
+        }), null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, containerClasses()));
         return _el$;
     })();
 };
-var Footer_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<footer>");
-const Footer = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "children",
+const form_FormField = FormField;
+var PasswordField_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<p>"), PasswordField_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), PasswordField_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="text-error ml-1">*'), PasswordField_tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span class=cursor-pointer role=button>");
+const PasswordField = (props)=>{
+    const [showPassword, setShowPassword] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
+    const { errors, touched } = useFormValidation();
+    const [local, inputProps] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "label",
+        "required",
+        "labelClass",
+        "errorClass",
+        "containerClass",
+        "description",
+        "descriptionClass",
+        "showPasswordIcon",
+        "hidePasswordIcon",
         "class",
-        "className",
-        "dataTheme",
-        "center",
-        "horizontal",
-        "vertical"
+        "className"
     ]);
-    const classes = ()=>twMerge("footer", local.class, local.className, dist_clsx({
-            "footer-center": local.center,
-            "footer-horizontal": local.horizontal,
-            "footer-vertical": local.vertical
-        }));
+    const togglePassword = ()=>setShowPassword(!showPassword());
+    const containerClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("flex flex-col gap-2", local.containerClass));
+    const descriptionClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("text-sm text-base-content/70", local.descriptionClass));
+    const errorClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("text-error text-sm", local.errorClass));
+    const inputClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge(local.class, local.className));
+    const hasError = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>touched(props.name) && !!errors(props.name));
+    const passwordIcon = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+        if (showPassword()) return local.hidePasswordIcon || (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(icon_Icon, {
+            name: "icon-[mdi-light--eye-off]",
+            width: 20,
+            height: 20
+        });
+        return local.showPasswordIcon || (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(icon_Icon, {
+            name: "icon-[mdi-light--eye]",
+            width: 20,
+            height: 20
+        });
+    });
     return (()=>{
-        var _el$ = Footer_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;
+        var _el$ = PasswordField_tmpl$2();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
+            var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.label);
+            return ()=>_c$() && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(form_Form.Label, {
+                    get title () {
+                        return local.label;
+                    },
+                    get ["class"] () {
+                        return local.labelClass;
+                    },
+                    get children () {
+                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.required)() && PasswordField_tmpl$3();
+                    }
+                });
+        })(), null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
+            var _c$2 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.description);
+            return ()=>_c$2() && (()=>{
+                    var _el$4 = PasswordField_tmpl$();
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.description);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$4, descriptionClasses()));
+                    return _el$4;
+                })();
+        })(), null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(input, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get id () {
+                return props.name;
+            },
+            get type () {
+                return showPassword() ? "text" : "password";
+            },
+            get ["aria-invalid"] () {
+                return hasError();
+            },
+            get ["aria-required"] () {
+                return local.required;
             },
             get ["class"] () {
-                return classes();
+                return inputClasses();
+            },
+            get rightIcon () {
+                return (()=>{
+                    var _el$5 = PasswordField_tmpl$4();
+                    _el$5.$$click = togglePassword;
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, passwordIcon);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$5, "aria-label", showPassword() ? "Hide password" : "Show password"));
+                    return _el$5;
+                })();
             }
-        }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+        }, inputProps)), null);
+        (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, {
+            get when () {
+                return hasError();
+            },
+            get children () {
+                var _el$2 = PasswordField_tmpl$();
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>errors(props.name));
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, errorClasses()));
+                return _el$2;
+            }
+        }), null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, containerClasses()));
         return _el$;
     })();
 };
-const FooterNamespaces = Object.assign(Footer, {
-    Title: FooterTitle
-});
-const footer_Footer = FooterNamespaces;
-var Label_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<label><span class="label-text cursor-pointer">');
-const Label = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "children",
-        "title",
-        "dataTheme",
+const form_PasswordField = PasswordField;
+(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
+    "click"
+]);
+var NumberField_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<p>"), NumberField_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), NumberField_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="text-error ml-1">*');
+const NumberField = (props)=>{
+    const { errors, touched } = useFormValidation();
+    const [local, inputProps] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "label",
+        "required",
+        "labelClass",
+        "errorClass",
+        "containerClass",
+        "description",
+        "descriptionClass",
+        "min",
+        "max",
+        "step",
+        "allowDecimals",
+        "formatter",
         "class",
-        "className"
+        "className",
+        "onInput"
     ]);
-    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
-    const classes = ()=>twMerge("label", local.class, local.className);
+    const containerClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("flex flex-col gap-2", local.containerClass));
+    const descriptionClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("text-sm text-base-content/70", local.descriptionClass));
+    const errorClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("text-error text-sm", local.errorClass));
+    const inputClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge(local.class, local.className));
+    const hasError = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>touched(props.name) && !!errors(props.name));
+    const stepValue = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local.step || (false !== local.allowDecimals ? "any" : 1));
+    const handleInput = (event)=>{
+        const target = event.target;
+        let value = target.value;
+        if (false === local.allowDecimals && value.includes(".")) {
+            value = value.replace(/\./g, "");
+            target.value = value;
+        }
+        if (local.formatter) target.value = local.formatter(value);
+        if ("function" == typeof local.onInput) local.onInput(event);
+    };
     return (()=>{
-        var _el$ = Label_tmpl$(), _el$2 = _el$.firstChild;
-        (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;
+        var _el$ = NumberField_tmpl$2();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
+            var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.label);
+            return ()=>_c$() && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(form_Form.Label, {
+                    get title () {
+                        return local.label;
+                    },
+                    get ["class"] () {
+                        return local.labelClass;
+                    },
+                    get children () {
+                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.required)() && NumberField_tmpl$3();
+                    }
+                });
+        })(), null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
+            var _c$2 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.description);
+            return ()=>_c$2() && (()=>{
+                    var _el$4 = NumberField_tmpl$();
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.description);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$4, descriptionClasses()));
+                    return _el$4;
+                })();
+        })(), null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(input, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get id () {
+                return props.name;
+            },
+            type: "number",
+            get min () {
+                return local.min;
+            },
+            get max () {
+                return local.max;
+            },
+            get step () {
+                return stepValue();
+            },
+            get ["aria-invalid"] () {
+                return hasError();
+            },
+            get ["aria-required"] () {
+                return local.required;
+            },
+            onInput: handleInput,
+            get ["class"] () {
+                return inputClasses();
+            }
+        }, inputProps)), null);
+        (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, {
+            get when () {
+                return hasError();
             },
-            get ["class"] () {
-                return classes();
+            get children () {
+                var _el$2 = NumberField_tmpl$();
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>errors(props.name));
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, errorClasses()));
+                return _el$2;
             }
-        }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.title);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolvedChildren, null);
+        }), null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, containerClasses()));
         return _el$;
     })();
 };
-const form_Label = Label;
-const FormValidationContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
-function useFormValidation() {
-    const context = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(FormValidationContext);
-    if (!context) throw new Error("useFormValidation must be used within a ValidatedForm");
-    return context;
-}
-function ValidatedForm(props) {
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "children",
-        "schema",
-        "onSubmit",
-        "initialValues"
-    ]);
-    const { form, errors, touched, data, isValid, isSubmitting, setData, setErrors, setWarnings, setTouched, reset } = (0, __WEBPACK_EXTERNAL_MODULE__felte_solid_6a709b1d__.createForm)({
-        initialValues: local.initialValues,
-        extend: [
-            (0, __WEBPACK_EXTERNAL_MODULE__felte_validator_zod_bb07151a__.validator)({
-                schema: local.schema
-            })
-        ],
-        onSubmit: local.onSubmit
-    });
-    const contextValue = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>({
-            errors,
-            touched,
-            data,
-            isValid,
-            isSubmitting,
-            setData,
-            setErrors,
-            setWarnings,
-            setTouched,
-            reset
-        }));
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(FormValidationContext.Provider, {
-        get value () {
-            return contextValue();
-        },
-        get children () {
-            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(form_Form, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-                ref: form,
-                get children () {
-                    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>"function" == typeof local.children)() ? local.children() : local.children;
-                }
-            }));
-        }
-    });
-}
-const form_ValidatedForm = ValidatedForm;
+const form_NumberField = NumberField;
 var Form_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<form role=form>");
 const Form = (props)=>{
     const merged = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.mergeProps)({
@@ -7509,7 +8147,10 @@ const Form = (props)=>{
 };
 const form_Form = Object.assign(Form, {
     Label: form_Label,
-    Validated: form_ValidatedForm
+    Validated: form_ValidatedForm,
+    Field: form_FormField,
+    Password: form_PasswordField,
+    Number: form_NumberField
 });
 const colsMap = {
     1: "grid-cols-1",
@@ -7765,136 +8406,6 @@ const IndicatorItem = (props)=>{
 const indicator_Indicator = Object.assign(Indicator, {
     Item: IndicatorItem
 });
-var Input_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), Input_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<label><input>");
-const Input = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "size",
-        "color",
-        "variant",
-        "fullWidth",
-        "dataTheme",
-        "class",
-        "className",
-        "style",
-        "leftIcon",
-        "rightIcon",
-        "placeholder",
-        "type",
-        "ref",
-        "aria-label",
-        "aria-describedby",
-        "aria-invalid",
-        "aria-required"
-    ]);
-    const [passwordVisible, setPasswordVisible] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
-    const inputType = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
-        if ("password" === local.type) return passwordVisible() ? "text" : "password";
-        return local.type;
-    });
-    const colorFocusMap = {
-        primary: "focus-within:border-primary",
-        success: "focus-within:border-success",
-        warning: "focus-within:border-warning",
-        error: "focus-within:border-error",
-        info: "focus-within:border-info",
-        default: "focus-within:border-base-content"
-    };
-    const labelClasses = ()=>twMerge("input", "items-center gap-2 focus-within:outline-none", local.class, local.className, colorFocusMap[local.color || "default"], clsx({
-            "input-bordered": "bordered" === local.variant || !local.variant,
-            "input-ghost": "ghost" === local.variant || "ghost" === local.color,
-            "w-full": false !== local.fullWidth,
-            "input-xl": "xl" === local.size,
-            "input-lg": "lg" === local.size,
-            "input-md": "md" === local.size,
-            "input-sm": "sm" === local.size,
-            "input-xs": "xs" === local.size,
-            "input-primary": "primary" === local.color,
-            "input-secondary": "secondary" === local.color,
-            "input-accent": "accent" === local.color,
-            "input-info": "info" === local.color,
-            "input-success": "success" === local.color,
-            "input-warning": "warning" === local.color,
-            "input-error": "error" === local.color
-        }));
-    const inputClasses = ()=>"grow bg-transparent focus:outline-none";
-    return (()=>{
-        var _el$ = Input_tmpl$2(), _el$2 = _el$.firstChild;
-        (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, {
-            get when () {
-                return local.leftIcon;
-            },
-            get children () {
-                return local.leftIcon;
-            }
-        }), _el$2);
-        var _ref$ = local.ref;
-        "function" == typeof _ref$ ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$, _el$2) : local.ref = _el$2;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            get type () {
-                return inputType();
-            },
-            get ["aria-label"] () {
-                return local["aria-label"];
-            },
-            get ["aria-describedby"] () {
-                return local["aria-describedby"];
-            },
-            get ["aria-invalid"] () {
-                return local["aria-invalid"];
-            },
-            get ["aria-required"] () {
-                return local["aria-required"];
-            },
-            get placeholder () {
-                return local["placeholder"];
-            },
-            get style () {
-                return local.style;
-            },
-            get ["class"] () {
-                return inputClasses();
-            }
-        }), false, false);
-        (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, {
-            get when () {
-                return local.rightIcon;
-            },
-            get children () {
-                var _el$3 = Input_tmpl$();
-                _el$3.$$click = ()=>setPasswordVisible(!passwordVisible());
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.rightIcon);
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-                    var _v$ = "password" === local.type ? "cursor-pointer" : "", _v$2 = "password" === local.type ? "button" : void 0, _v$3 = "password" === local.type ? passwordVisible() ? "Hide password" : "Show password" : void 0, _v$4 = "password" === local.type ? 0 : void 0;
-                    _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$3, _p$.e = _v$);
-                    _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$3, "role", _p$.t = _v$2);
-                    _v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$3, "aria-label", _p$.a = _v$3);
-                    _v$4 !== _p$.o && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$3, "tabindex", _p$.o = _v$4);
-                    return _p$;
-                }, {
-                    e: void 0,
-                    t: void 0,
-                    a: void 0,
-                    o: void 0
-                });
-                return _el$3;
-            }
-        }), null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-            var _v$5 = labelClasses(), _v$6 = local.dataTheme;
-            _v$5 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, _p$.e = _v$5);
-            _v$6 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "data-theme", _p$.t = _v$6);
-            return _p$;
-        }, {
-            e: void 0,
-            t: void 0
-        });
-        return _el$;
-    })();
-};
-const input_Input = Input;
-(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
-    "click"
-]);
 var Join_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
 const Join = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -9106,7 +9617,7 @@ const Select = (props)=>{
 };
 const select_Select = Select;
 var ShowcaseSection_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="opacity-0 group-hover/title:opacity-100 text-base-content/70 transition-opacity">#'), ShowcaseSection_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<h2 class="text-xl font-semibold group/title">'), ShowcaseSection_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div class=space-y-3>");
-const ShowcaseSection_ShowcaseSection = (props)=>{
+const ShowcaseSection = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "id",
         "title",
@@ -9171,7 +9682,7 @@ const ShowcaseSection_ShowcaseSection = (props)=>{
         return _el$;
     })();
 };
-const ShowcaseSection = ShowcaseSection_ShowcaseSection;
+const showcase_section_ShowcaseSection = ShowcaseSection;
 var ShowcaseBlock_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<p class="text-base-content/70 mb-4">'), ShowcaseBlock_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="bg-base-200 shadow-sm p-6 rounded-lg"><h3 class="text-lg font-semibold mb-2 text-base-content"></h3><div>');
 const ShowcaseBlock = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -11057,6 +11568,74 @@ const Toast = (props)=>{
     })();
 };
 const toast_Toast = Toast;
+const [toasts, setToasts] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)([]);
+let toastCounter = 0;
+const toastStore = {
+    toasts,
+    addToast: (message, type = "info", duration = 8000)=>{
+        const id = `toast-${++toastCounter}`;
+        const toast = {
+            id,
+            message,
+            type,
+            timestamp: Date.now()
+        };
+        setToasts((prev)=>[
+                ...prev,
+                toast
+            ]);
+        setTimeout(()=>{
+            toastStore.removeToast(id);
+        }, duration);
+        return id;
+    },
+    removeToast: (id)=>{
+        setToasts((prev)=>prev.filter((toast)=>toast.id !== id));
+    },
+    clearAll: ()=>{
+        setToasts([]);
+    },
+    showError: (message)=>toastStore.addToast(message, "error", 10000),
+    showSuccess: (message)=>toastStore.addToast(message, "success", 6000),
+    showWarning: (message)=>toastStore.addToast(message, "warning", 8000),
+    showInfo: (message)=>toastStore.addToast(message, "info", 6000)
+};
+var ToastContainer_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span class=flex-1>");
+const ToastContainer = ()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(toast_Toast, {
+        get children () {
+            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
+                get each () {
+                    return toastStore.toasts();
+                },
+                children: (toast)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(alert_Alert, {
+                        get status () {
+                            return toast.type;
+                        },
+                        class: "flex justify-between items-center gap-4",
+                        style: {
+                            "min-width": "20rem",
+                            "max-width": "32rem"
+                        },
+                        get children () {
+                            return [
+                                (()=>{
+                                    var _el$ = ToastContainer_tmpl$();
+                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>toast.message);
+                                    return _el$;
+                                })(),
+                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
+                                    size: "sm",
+                                    color: "ghost",
+                                    onClick: ()=>toastStore.removeToast(toast.id),
+                                    class: "ml-2 opacity-70 hover:opacity-100",
+                                    children: "\u2715"
+                                })
+                            ];
+                        }
+                    })
+            });
+        }
+    });
 var Toggle_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<input>");
 const Toggle = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -11125,54 +11704,6 @@ const Toggle = (props)=>{
     })();
 };
 const toggle_Toggle = Toggle;
-var Tooltip_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
-const Tooltip = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "message",
-        "open",
-        "color",
-        "position",
-        "dataTheme",
-        "class",
-        "className",
-        "style"
-    ]);
-    const classes = ()=>twMerge("tooltip", local.class, local.className, clsx({
-            "tooltip-open": local.open,
-            "tooltip-primary": "primary" === local.color,
-            "tooltip-secondary": "secondary" === local.color,
-            "tooltip-accent": "accent" === local.color,
-            "tooltip-info": "info" === local.color,
-            "tooltip-success": "success" === local.color,
-            "tooltip-warning": "warning" === local.color,
-            "tooltip-error": "error" === local.color,
-            "tooltip-top": "top" === local.position,
-            "tooltip-bottom": "bottom" === local.position,
-            "tooltip-left": "left" === local.position,
-            "tooltip-right": "right" === local.position
-        }));
-    return (()=>{
-        var _el$ = Tooltip_tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            role: "tooltip",
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get ["data-tip"] () {
-                return local.message;
-            },
-            get ["class"] () {
-                return classes();
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>props.children);
-        return _el$;
-    })();
-};
-const tooltip_Tooltip = Tooltip;
 var WindowMockup_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), WindowMockup_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div aria-label="Window mockup">');
 const WindowMockup = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -11253,4 +11784,4 @@ const WindowMockup = (props)=>{
     })();
 };
 const windowmockup_WindowMockup = WindowMockup;
-export { accordion_Accordion as Accordion, alert_Alert as Alert, artboard_Artboard as Artboard, avatar as Avatar, background_Background as Background, Badge, Breadcrumbs, breadcrumbs_BreadcrumbsItem as BreadcrumbsItem, browsermockup_BrowserMockup as BrowserMockup, button_Button as Button, Calendar, card_Card as Card, carousel_Carousel as Carousel, chatbubble_ChatBubble as ChatBubble, checkbox_Checkbox as Checkbox, codemockup_CodeMockup as CodeMockup, CodeMockupLine, collapse_Collapse as Collapse, CollapseContent, CollapseDetails, CollapseTitle, CopyButton, countdown_Countdown as Countdown, diff_Diff as Diff, divider as Divider, dock as Dock, Drawer, dropdown as Dropdown, FileInput, flex_Flex as Flex, footer_Footer as Footer, form_Form as Form, Grid, hero_Hero as Hero, icon_Icon as Icon, indicator_Indicator as Indicator, input_Input as Input, join_Join as Join, kbd_Kbd as Kbd, link_Link as Link, loading_Loading as Loading, mask as Mask, menu_Menu as Menu, modal_Modal as Modal, navbar_Navbar as Navbar, pagination_Pagination as Pagination, phonemockup_PhoneMockup as PhoneMockup, Progress, props_table_PropsTable as PropsTable, radialprogress_RadialProgress as RadialProgress, radio_Radio as Radio, range_Range as Range, Rating, select_Select as Select, showcase_ShowcaseBlock as ShowcaseBlock, ShowcaseSection, sidenav_Sidenav as Sidenav, sidenav_SidenavButton as SidenavButton, sidenav_SidenavGroup as SidenavGroup, sidenav_SidenavItem as SidenavItem, sidenav_SidenavLink as SidenavLink, sidenav_SidenavMenu as SidenavMenu, skeleton_Skeleton as Skeleton, Stack, stat_card_StatCard as StatCard, stats_Stats as Stats, status_Status as Status, steps as Steps, Summary, SvgBackground, Swap, table_Table as Table, tabs_Tabs as Tabs, textarea_Textarea as Textarea, Timeline, timeline_TimelineEnd as TimelineEnd, timeline_TimelineItem as TimelineItem, timeline_TimelineMiddle as TimelineMiddle, timeline_TimelineStart as TimelineStart, toast_Toast as Toast, toggle_Toggle as Toggle, tooltip_Tooltip as Tooltip, windowmockup_WindowMockup as WindowMockup, useDesktop, useFormValidation };
+export { accordion_Accordion as Accordion, alert_Alert as Alert, artboard_Artboard as Artboard, avatar as Avatar, background_Background as Background, Badge, Breadcrumbs, breadcrumbs_BreadcrumbsItem as BreadcrumbsItem, browsermockup_BrowserMockup as BrowserMockup, button_Button as Button, Calendar, card_Card as Card, carousel_Carousel as Carousel, chatbubble_ChatBubble as ChatBubble, checkbox_Checkbox as Checkbox, codemockup_CodeMockup as CodeMockup, CodeMockupLine, collapse_Collapse as Collapse, CollapseContent, CollapseDetails, CollapseTitle, connectionstatus_ConnectionStatus as ConnectionStatus, CopyButton, countdown_Countdown as Countdown, diff_Diff as Diff, divider as Divider, dock as Dock, Drawer, dropdown as Dropdown, FileInput, flex_Flex as Flex, footer_Footer as Footer, form_Form as Form, Grid, hero_Hero as Hero, icon_Icon as Icon, indicator_Indicator as Indicator, input as Input, join_Join as Join, kbd_Kbd as Kbd, link_Link as Link, loading_Loading as Loading, mask as Mask, menu_Menu as Menu, modal_Modal as Modal, navbar_Navbar as Navbar, pagination_Pagination as Pagination, phonemockup_PhoneMockup as PhoneMockup, Progress, props_table_PropsTable as PropsTable, radialprogress_RadialProgress as RadialProgress, radio_Radio as Radio, range_Range as Range, Rating, select_Select as Select, showcase_ShowcaseBlock as ShowcaseBlock, showcase_section_ShowcaseSection as ShowcaseSection, sidenav_Sidenav as Sidenav, sidenav_SidenavButton as SidenavButton, sidenav_SidenavGroup as SidenavGroup, sidenav_SidenavItem as SidenavItem, sidenav_SidenavLink as SidenavLink, sidenav_SidenavMenu as SidenavMenu, skeleton_Skeleton as Skeleton, Stack, stat_card_StatCard as StatCard, stats_Stats as Stats, status_Status as Status, steps as Steps, Summary, SvgBackground, Swap, table_Table as Table, tabs_Tabs as Tabs, textarea_Textarea as Textarea, Timeline, timeline_TimelineEnd as TimelineEnd, timeline_TimelineItem as TimelineItem, timeline_TimelineMiddle as TimelineMiddle, timeline_TimelineStart as TimelineStart, toast_Toast as Toast, ToastContainer, toggle_Toggle as Toggle, tooltip_Tooltip as Tooltip, windowmockup_WindowMockup as WindowMockup, connectionstatus_ConnectionStatus as default, toastStore, useDesktop, useFormValidation };