@pathscale/ui 0.0.141 → 0.0.143

package/dist/index.js

@@ -4205,7 +4205,7 @@ const BottomSheet = (props)=>{
             "function" == typeof _ref$2 ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$2, _el$2) : sheetRef = _el$2;
             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
                 get ["class"] () {
-                    return clsx("bg-base-300 text-base-content fixed bottom-0 left-0 right-0 rounded-t-2xl shadow-lg z-50 transition-transform duration-300 ease-out", local.isOpen ? "translate-y-0" : "translate-y-full");
+                    return twMerge(clsx("bg-base-300 text-base-content fixed bottom-0 left-0 right-0 rounded-t-2xl shadow-lg z-50 transition-transform duration-300 ease-out", local.isOpen ? "translate-y-0" : "translate-y-full"), local.class, local.className);
                 },
                 get style () {
                     return {
@@ -5682,28 +5682,41 @@ const Icon = (props)=>{
 const icon_Icon = Icon;
 var Calendar_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div class=dropdown><button type=button>"), Calendar_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div class=w-full><calendar-date><calendar-month>", true, false, false), Calendar_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="fixed inset-0 z-40">'), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><calendar-date><calendar-month>", true, false, false);
 const Calendar_Calendar = (props)=>{
-    const [selectedValue, setSelectedValue] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(props.value || "");
+    const [local] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "size",
+        "value",
+        "onDateSelect",
+        "asInput",
+        "placeholder",
+        "disabled",
+        "children",
+        "dataTheme",
+        "class",
+        "className",
+        "style"
+    ]);
+    const [selectedValue, setSelectedValue] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(local.value || "");
     const [isOpen, setIsOpen] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
     const uniqueId = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createUniqueId)();
     const inputId = `calendar-input-${uniqueId}`;
     let calendarRef;
     let inputRef;
     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
-        if (void 0 !== props.value) setSelectedValue(props.value);
+        if (void 0 !== local.value) setSelectedValue(local.value);
     });
     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
         if (calendarRef && calendarRef.value !== selectedValue()) calendarRef.value = selectedValue();
     });
     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
-        const shouldSetupListeners = props.asInput ? isOpen() && calendarRef : calendarRef;
+        const shouldSetupListeners = local.asInput ? isOpen() && calendarRef : calendarRef;
         if (shouldSetupListeners) {
             const handleChange = (e)=>{
                 const target = e.target;
                 const newValue = target.value;
                 if (newValue && newValue !== selectedValue()) {
                     setSelectedValue(newValue);
-                    if (props.onDateSelect) props.onDateSelect(newValue);
-                    if (props.asInput) setIsOpen(false);
+                    if (local.onDateSelect) local.onDateSelect(newValue);
+                    if (local.asInput) setIsOpen(false);
                 }
             };
             const handleClick = (e)=>{
@@ -5711,8 +5724,8 @@ const Calendar_Calendar = (props)=>{
                     const value = calendarRef.value;
                     if (value && value !== selectedValue()) {
                         setSelectedValue(value);
-                        if (props.onDateSelect) props.onDateSelect(value);
-                        if (props.asInput) setIsOpen(false);
+                        if (local.onDateSelect) local.onDateSelect(value);
+                        if (local.asInput) setIsOpen(false);
                     }
                 }, 100);
             };
@@ -5726,24 +5739,24 @@ const Calendar_Calendar = (props)=>{
             };
         }
     });
-    const calendarClasses = ()=>twMerge("cally", !props.asInput && "bg-base-100 border border-base-300 shadow-lg rounded-box", "[&_[slot=heading]]:text-xs [&_[slot=heading]]:font-medium", "[&_.cally-month-header]:text-xs [&_.cally-year]:text-xs", "text-sm", props.asInput && "w-full max-w-full", "[&_table]:w-full [&_td]:p-1 [&_th]:p-1", "[&_button]:p-1 [&_button]:min-h-0 [&_button]:h-auto", props.class, props.className, clsx({
-            "text-base [&_[slot=heading]]:text-sm": "lg" === props.size,
-            "text-sm [&_[slot=heading]]:text-xs": "md" === props.size || !props.size,
-            "text-xs [&_[slot=heading]]:text-xs [&_button]:text-xs": "sm" === props.size,
-            "text-xs [&_button]:text-xs": "xs" === props.size
+    const calendarClasses = ()=>twMerge("cally", !local.asInput && "bg-base-100 border border-base-300 shadow-lg rounded-box", "[&_[slot=heading]]:text-xs [&_[slot=heading]]:font-medium", "[&_.cally-month-header]:text-xs [&_.cally-year]:text-xs", "text-sm", local.asInput && "w-full max-w-full", "[&_table]:w-full [&_td]:p-1 [&_th]:p-1", "[&_button]:p-1 [&_button]:min-h-0 [&_button]:h-auto", local.class, local.className, clsx({
+            "text-base [&_[slot=heading]]:text-sm": "lg" === local.size,
+            "text-sm [&_[slot=heading]]:text-xs": "md" === local.size || !local.size,
+            "text-xs [&_[slot=heading]]:text-xs [&_button]:text-xs": "sm" === local.size,
+            "text-xs [&_button]:text-xs": "xs" === local.size
         }));
     const inputClasses = ()=>twMerge("input input-bordered cursor-pointer", "w-72", clsx({
-            "input-lg w-80": "lg" === props.size,
-            "input-md w-72": "md" === props.size || !props.size,
-            "input-sm w-64": "sm" === props.size,
-            "input-xs w-56": "xs" === props.size,
-            "input-disabled cursor-not-allowed": props.disabled
+            "input-lg w-80": "lg" === local.size,
+            "input-md w-72": "md" === local.size || !local.size,
+            "input-sm w-64": "sm" === local.size,
+            "input-xs w-56": "xs" === local.size,
+            "input-disabled cursor-not-allowed": local.disabled
         }));
     const dropdownClasses = ()=>twMerge("dropdown-content bg-base-100 rounded-box shadow-lg z-50 p-2", "w-auto", clsx({
-            "w-80": "lg" === props.size,
-            "w-72": "md" === props.size || !props.size,
-            "w-64": "sm" === props.size,
-            "w-56": "xs" === props.size
+            "w-80": "lg" === local.size,
+            "w-72": "md" === local.size || !local.size,
+            "w-64": "sm" === local.size,
+            "w-56": "xs" === local.size
         }));
     const ArrowLeftIcon = ()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(icon_Icon, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
             name: "icon-[mdi-light--chevron-left]",
@@ -5762,15 +5775,15 @@ const Calendar_Calendar = (props)=>{
             slot: "next"
         }));
     const formatDisplayDate = (value)=>{
-        if (!value) return props.placeholder || "Pick a date";
+        if (!value) return local.placeholder || "Pick a date";
         try {
             const date = new Date(value);
             return date.toLocaleDateString();
         } catch  {
-            return props.placeholder || "Pick a date";
+            return local.placeholder || "Pick a date";
         }
     };
-    if (props.asInput) return (()=>{
+    if (local.asInput) return (()=>{
         var _el$ = Calendar_tmpl$(), _el$2 = _el$.firstChild;
         _el$2.$$click = ()=>setIsOpen(!isOpen());
         var _ref$ = inputRef;
@@ -5809,9 +5822,9 @@ const Calendar_Calendar = (props)=>{
                     return _el$7;
                 })();
         })(), null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>props.children, null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children, null);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-            var _v$ = props.dataTheme, _v$2 = props.style, _v$3 = inputClasses(), _v$4 = props.disabled;
+            var _v$ = local.dataTheme, _v$2 = local.style, _v$3 = inputClasses(), _v$4 = local.disabled;
             _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "data-theme", _p$.e = _v$);
             _p$.t = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.style)(_el$, _v$2, _p$.t);
             _v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, _p$.a = _v$3);
@@ -5833,9 +5846,9 @@ const Calendar_Calendar = (props)=>{
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ArrowLeftIcon, {}), _el$0);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ArrowRightIcon, {}), _el$0);
         _el$0._$owner = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.getOwner)();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$8, ()=>props.children, null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$8, ()=>local.children, null);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-            var _v$7 = props.dataTheme, _v$8 = props.style, _v$9 = calendarClasses();
+            var _v$7 = local.dataTheme, _v$8 = local.style, _v$9 = calendarClasses();
             _v$7 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$8, "data-theme", _p$.e = _v$7);
             _p$.t = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.style)(_el$8, _v$8, _p$.t);
             _v$9 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$9, _p$.a = _v$9);
@@ -8511,6 +8524,284 @@ const collapse_Collapse = Object.assign(Collapse, {
     Title: CollapseTitle,
     Content: CollapseContent
 });
+var ModalActions_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+function ModalActions(props) {
+    return (()=>{
+        var _el$ = ModalActions_tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(props, {
+            get ["class"] () {
+                return props.class;
+            }
+        }), false, false);
+        return _el$;
+    })();
+}
+var ModalBody_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+function ModalBody(props) {
+    return (()=>{
+        var _el$ = ModalBody_tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(props, {
+            get ["class"] () {
+                return props.class;
+            }
+        }), false, false);
+        return _el$;
+    })();
+}
+var ModalHeader_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+function ModalHeader(props) {
+    return (()=>{
+        var _el$ = ModalHeader_tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(props, {
+            get ["class"] () {
+                return twMerge("w-full mb-8 text-xl", props.class);
+            }
+        }), false, false);
+        return _el$;
+    })();
+}
+var ModalLegacy_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div aria-label=Modal><div>");
+function ModalLegacy(props) {
+    const { children, open, responsive, onClickBackdrop, dataTheme, class: classProp, className, ...rest } = props;
+    const containerClasses = twMerge("modal", clsx({
+        "modal-open": open,
+        "modal-bottom sm:modal-middle": responsive
+    }));
+    const bodyClasses = twMerge("modal-box", classProp, className);
+    return (()=>{
+        var _el$ = ModalLegacy_tmpl$(), _el$2 = _el$.firstChild;
+        _el$.$$click = (e)=>{
+            e.stopPropagation();
+            if (e.target === e.currentTarget) {
+                e.stopPropagation();
+                onClickBackdrop?.();
+            }
+        };
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "aria-hidden", !open);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "aria-modal", open);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "data-theme", dataTheme);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, containerClasses);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
+            "data-theme": dataTheme,
+            class: bodyClasses
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, children);
+        return _el$;
+    })();
+}
+(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
+    "click"
+]);
+var Modal_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<dialog><div>"), Modal_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<form method=dialog class=modal-backdrop><button type=submit class=sr-only>Close");
+function Modal(props) {
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "open",
+        "position",
+        "responsive",
+        "backdrop",
+        "ariaHidden",
+        "dataTheme",
+        "class",
+        "className",
+        "onClose",
+        "tabindex",
+        "tabIndex",
+        "closeOnEsc",
+        "closeOnOutsideClick",
+        "size"
+    ]);
+    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
+    let dialogRef;
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+        if (!dialogRef) return;
+        if (local.open && !dialogRef.open) dialogRef.showModal();
+        else if (!local.open && dialogRef.open) dialogRef.close();
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+        if (!dialogRef) return;
+        const handleClose = ()=>{
+            local.onClose?.();
+        };
+        const handleCancel = (event)=>{
+            if (false === local.closeOnEsc) event.preventDefault();
+            else local.onClose?.();
+        };
+        const handleClick = (event)=>{
+            if (false === local.closeOnOutsideClick) return;
+            const target = event.target;
+            if (!dialogRef) return;
+            if (target === dialogRef || target.closest(".modal-backdrop")) local.onClose?.();
+        };
+        dialogRef.addEventListener("close", handleClose);
+        dialogRef.addEventListener("cancel", handleCancel);
+        dialogRef.addEventListener("click", handleClick);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
+            dialogRef?.removeEventListener("close", handleClose);
+            dialogRef?.removeEventListener("cancel", handleCancel);
+            dialogRef?.removeEventListener("click", handleClick);
+        });
+    });
+    const containerClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("modal", dist_clsx({
+            "modal-open": local.open,
+            "modal-end": "end" === local.position,
+            "modal-start": "start" === local.position,
+            "modal-top": "top" === local.position,
+            "modal-middle": "middle" === local.position,
+            "modal-bottom": "bottom" === local.position,
+            "modal-bottom sm:modal-middle": local.responsive
+        })));
+    const bodyClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("modal-box", local.class, local.className, dist_clsx({
+            "max-w-none w-11/12 max-w-7xl": "xl" === local.size,
+            "max-w-none w-11/12 max-w-4xl": "lg" === local.size,
+            "max-w-none w-11/12 max-w-2xl": "md" === local.size,
+            "max-w-none w-80": "sm" === local.size,
+            "max-w-none w-64": "xs" === local.size,
+            "max-w-none w-full h-full": "full" === local.size
+        })));
+    return (()=>{
+        var _el$ = Modal_tmpl$(), _el$2 = _el$.firstChild;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)((el)=>{
+            dialogRef = el;
+            if ("function" == typeof others.ref) others.ref(el);
+        }, _el$);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            "aria-label": "Modal",
+            get ["aria-hidden"] () {
+                return local.ariaHidden ?? !local.open;
+            },
+            get ["aria-modal"] () {
+                return local.open;
+            },
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get ["class"] () {
+                return containerClasses();
+            },
+            get tabIndex () {
+                return local.tabIndex ?? local.tabindex;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, resolvedChildren);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
+            var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.backdrop);
+            return ()=>_c$() && Modal_tmpl$2();
+        })(), null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+            var _v$ = local.dataTheme, _v$2 = bodyClasses();
+            _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "data-theme", _p$.e = _v$);
+            _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, _p$.t = _v$2);
+            return _p$;
+        }, {
+            e: void 0,
+            t: void 0
+        });
+        return _el$;
+    })();
+}
+const modal_Modal = Object.assign(Modal, {
+    Header: ModalHeader,
+    Body: ModalBody,
+    Actions: ModalActions,
+    Legacy: ModalLegacy
+});
+var ConfirmDialog_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+function ConfirmDialog(props) {
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "open",
+        "onClose",
+        "onConfirm",
+        "title",
+        "message",
+        "children",
+        "confirmText",
+        "cancelText",
+        "confirmColor",
+        "loading",
+        "dataTheme",
+        "class",
+        "className"
+    ]);
+    const titleId = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createUniqueId)();
+    const messageId = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createUniqueId)();
+    const hasBody = ()=>null != local.children || null != local.message;
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(modal_Modal, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+        get open () {
+            return local.open;
+        },
+        get onClose () {
+            return local.onClose;
+        },
+        responsive: true,
+        role: "alertdialog",
+        "aria-labelledby": titleId,
+        get ["aria-describedby"] () {
+            return hasBody() ? messageId : void 0;
+        },
+        get dataTheme () {
+            return local.dataTheme;
+        },
+        get ["class"] () {
+            return twMerge(local.class, local.className);
+        }
+    }, others, {
+        get children () {
+            return [
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(modal_Modal.Header, {
+                    id: titleId,
+                    get children () {
+                        return local.title;
+                    }
+                }),
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(modal_Modal.Body, {
+                    get children () {
+                        var _el$ = ConfirmDialog_tmpl$();
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "id", messageId);
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children ?? local.message);
+                        return _el$;
+                    }
+                }),
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(modal_Modal.Actions, {
+                    class: "flex justify-end gap-2",
+                    get children () {
+                        return [
+                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
+                                color: "ghost",
+                                get onClick () {
+                                    return local.onClose;
+                                },
+                                get disabled () {
+                                    return local.loading;
+                                },
+                                get children () {
+                                    return local.cancelText ?? "Cancel";
+                                }
+                            }),
+                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
+                                get color () {
+                                    return local.confirmColor ?? "error";
+                                },
+                                get onClick () {
+                                    return local.onConfirm;
+                                },
+                                get loading () {
+                                    return local.loading;
+                                },
+                                get disabled () {
+                                    return local.loading;
+                                },
+                                get children () {
+                                    return local.confirmText ?? "Confirm";
+                                }
+                            })
+                        ];
+                    }
+                })
+            ];
+        }
+    }));
+}
 const breakpoints = [
     "base",
     "sm",
@@ -8951,14 +9242,21 @@ const CopyButton = CopyButton_CopyButton;
 ]);
 var Countdown_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span role=timer><span>");
 const Countdown = (props)=>{
-    const { class: className, className: classNameAlt, dataTheme, ...rest } = props;
-    const displayedValue = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>Math.min(99, Math.max(0, props.value)));
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "class",
+        "className",
+        "dataTheme",
+        "value"
+    ]);
+    const displayedValue = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>Math.min(99, Math.max(0, local.value)));
     return (()=>{
         var _el$ = Countdown_tmpl$(), _el$2 = _el$.firstChild;
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
-            "data-theme": dataTheme,
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
             get ["class"] () {
-                return twMerge("countdown", className, classNameAlt);
+                return twMerge("countdown", local.class, local.className);
             }
         }), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
@@ -9106,7 +9404,7 @@ const dividerStyles = cva("flex items-center whitespace-nowrap relative", {
         position: "center"
     }
 });
-const Divider = (props)=>{
+const Divider_Divider = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
         "text",
@@ -9141,8 +9439,8 @@ const Divider = (props)=>{
         children: content
     }));
 };
-const divider_Divider = Divider;
-const divider = divider_Divider;
+const Divider = Divider_Divider;
+const divider = Divider;
 var DockItem_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button>");
 const DockItem_DockItem = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -9310,7 +9608,8 @@ const DropdownToggle = (props)=>{
         "role",
         "aria-haspopup",
         "aria-expanded",
-        "aria-controls"
+        "aria-controls",
+        "aria-activedescendant"
     ]);
     const normalizeAriaHaspopup = (value)=>"boolean" == typeof value ? String(value) : value;
     const commonAriaProps = {
@@ -9318,7 +9617,8 @@ const DropdownToggle = (props)=>{
         role: local.role,
         "aria-haspopup": local["aria-haspopup"],
         "aria-expanded": local["aria-expanded"],
-        "aria-controls": local["aria-controls"]
+        "aria-controls": local["aria-controls"],
+        "aria-activedescendant": local["aria-activedescendant"]
     };
     const buttonAriaProps = {
         ...commonAriaProps,
@@ -9408,7 +9708,7 @@ const Details = (props)=>{
 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>");
+var DropdownItem_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<li>"), 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 = (props)=>{
     const dropdownContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(DropdownContext);
     const defaultProps = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.mergeProps)({
@@ -9417,7 +9717,9 @@ const DropdownItem = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(defaultProps, [
         "anchor",
         "children",
+        "id",
         "aria-selected",
+        "role",
         "closeOnClick"
     ]);
     const handleClick = (e)=>{
@@ -9447,7 +9749,17 @@ const DropdownItem = (props)=>{
                     return _el$3;
                 })();
         })());
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "aria-selected", local["aria-selected"]));
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+            var _v$ = local.id, _v$2 = local.role ?? "menuitem", _v$3 = local["aria-selected"];
+            _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "id", _p$.e = _v$);
+            _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "role", _p$.t = _v$2);
+            _v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "aria-selected", _p$.a = _v$3);
+            return _p$;
+        }, {
+            e: void 0,
+            t: void 0,
+            a: void 0
+        });
         return _el$;
     })();
 };
@@ -9461,6 +9773,7 @@ const DropdownMenu = (props)=>{
         "style",
         "id",
         "hideOverflow",
+        "role",
         "aria-labelledby"
     ]);
     const hideOverflowMemo = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local.hideOverflow ?? true);
@@ -9486,7 +9799,9 @@ const DropdownMenu = (props)=>{
             get style () {
                 return local.style;
             },
-            role: "menu"
+            get role () {
+                return local.role ?? "menu";
+            }
         }), false, false);
         return _el$;
     })();
@@ -9656,6 +9971,366 @@ const dropdown_Dropdown = Object.assign(Dropdown, {
     Item: dropdown_DropdownItem
 });
 const dropdown = dropdown_Dropdown;
+var DropdownSelect_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span class=truncate>"), DropdownSelect_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg class="h-4 w-4 shrink-0 opacity-60"xmlns=http://www.w3.org/2000/svg viewBox="0 0 20 20"fill=currentColor aria-hidden=true><path fill-rule=evenodd d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z"clip-rule=evenodd>'), DropdownSelect_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="flex items-center gap-2 w-full"><span class=truncate>'), DropdownSelect_tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 20 20"fill=currentColor aria-hidden=true><path fill-rule=evenodd d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z"clip-rule=evenodd>');
+const sizeClasses = {
+    xs: "btn-xs text-xs",
+    sm: "btn-sm text-sm",
+    md: "btn-md text-base",
+    lg: "btn-lg text-lg",
+    xl: "btn-xl text-xl"
+};
+const DropdownSelectInner = (props)=>{
+    const dropdownCtx = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(DropdownContext);
+    const [highlightedIndex, setHighlightedIndex] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(-1);
+    const listboxId = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createUniqueId)();
+    let typeaheadBuffer = "";
+    let typeaheadTimer;
+    const getOptionId = (index)=>`${listboxId}-option-${index}`;
+    const selectedLabel = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+        const opt = props.options.find((o)=>o.value === props.value);
+        return opt ? opt.label : props.placeholder;
+    });
+    const isOpen = ()=>dropdownCtx?.open() ?? false;
+    const findNextEnabledIndex = (from, direction)=>{
+        const len = props.options.length;
+        if (0 === len) return -1;
+        let idx = from;
+        for(let i = 0; i < len; i++){
+            idx = ((idx + direction) % len + len) % len;
+            if (!props.options[idx].disabled) return idx;
+        }
+        return -1;
+    };
+    const findFirstEnabledIndex = ()=>props.options.findIndex((o)=>!o.disabled);
+    const findLastEnabledIndex = ()=>{
+        for(let i = props.options.length - 1; i >= 0; i--)if (!props.options[i].disabled) return i;
+        return -1;
+    };
+    const selectOption = (index)=>{
+        if (index >= 0 && index < props.options.length && !props.options[index].disabled) {
+            props.onChange?.(props.options[index].value);
+            dropdownCtx?.setOpen(false);
+            setHighlightedIndex(-1);
+        }
+    };
+    const openMenu = ()=>{
+        if (!isOpen()) {
+            dropdownCtx?.setOpen(true);
+            const currentIdx = props.options.findIndex((o)=>o.value === props.value);
+            setHighlightedIndex(currentIdx >= 0 ? currentIdx : findFirstEnabledIndex());
+        }
+    };
+    const handleTypeahead = (char)=>{
+        if (void 0 !== typeaheadTimer) clearTimeout(typeaheadTimer);
+        typeaheadBuffer += char.toLowerCase();
+        typeaheadTimer = setTimeout(()=>{
+            typeaheadBuffer = "";
+            typeaheadTimer = void 0;
+        }, 500);
+        const matchIndex = props.options.findIndex((o)=>!o.disabled && o.label.toLowerCase().startsWith(typeaheadBuffer));
+        if (matchIndex >= 0) setHighlightedIndex(matchIndex);
+    };
+    const handleKeyDown = (e)=>{
+        if (props.disabled) return;
+        if (!isOpen()) {
+            if ("Enter" === e.key || " " === e.key || "ArrowDown" === e.key || "ArrowUp" === e.key) {
+                e.preventDefault();
+                openMenu();
+                return;
+            }
+            if (1 === e.key.length && !e.ctrlKey && !e.metaKey && !e.altKey) {
+                e.preventDefault();
+                openMenu();
+                handleTypeahead(e.key);
+            }
+            return;
+        }
+        switch(e.key){
+            case "Escape":
+                e.preventDefault();
+                e.stopPropagation();
+                dropdownCtx?.setOpen(false);
+                setHighlightedIndex(-1);
+                break;
+            case "ArrowDown":
+                e.preventDefault();
+                setHighlightedIndex((prev)=>findNextEnabledIndex(prev, 1));
+                break;
+            case "ArrowUp":
+                e.preventDefault();
+                setHighlightedIndex((prev)=>findNextEnabledIndex(prev, -1));
+                break;
+            case "Home":
+                e.preventDefault();
+                setHighlightedIndex(findFirstEnabledIndex());
+                break;
+            case "End":
+                e.preventDefault();
+                setHighlightedIndex(findLastEnabledIndex());
+                break;
+            case "Enter":
+            case " ":
+                e.preventDefault();
+                e.stopPropagation();
+                if (highlightedIndex() >= 0) selectOption(highlightedIndex());
+                break;
+            default:
+                if (1 === e.key.length && !e.ctrlKey && !e.metaKey && !e.altKey) {
+                    e.preventDefault();
+                    handleTypeahead(e.key);
+                }
+                break;
+        }
+    };
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+        if (isOpen() && highlightedIndex() >= 0) {
+            const el = document.getElementById(getOptionId(highlightedIndex()));
+            el?.scrollIntoView({
+                block: "nearest"
+            });
+        }
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+        if (!isOpen()) setHighlightedIndex(-1);
+    });
+    return [
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(dropdown_Dropdown.Toggle, {
+            get ["class"] () {
+                return twMerge("btn gap-2 justify-between", sizeClasses[props.size], dist_clsx({
+                    "btn-disabled": props.disabled
+                }));
+            },
+            "aria-haspopup": "listbox",
+            get ["aria-expanded"] () {
+                return isOpen();
+            },
+            "aria-controls": listboxId,
+            get ["aria-activedescendant"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!(isOpen() && highlightedIndex() >= 0))() ? getOptionId(highlightedIndex()) : void 0;
+            },
+            onKeyDown: handleKeyDown,
+            get children () {
+                return [
+                    (()=>{
+                        var _el$ = DropdownSelect_tmpl$();
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
+                            var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!props.labelRenderer);
+                            return ()=>_c$() ? props.labelRenderer(selectedLabel(), props.options.find((o)=>o.value === props.value)) : selectedLabel();
+                        })());
+                        return _el$;
+                    })(),
+                    DropdownSelect_tmpl$2()
+                ];
+            }
+        }),
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(dropdown_Dropdown.Menu, {
+            id: listboxId,
+            class: "z-10",
+            role: "listbox",
+            get children () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
+                    get each () {
+                        return props.options;
+                    },
+                    children: (option, index)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(dropdown_Dropdown.Item, {
+                            get id () {
+                                return getOptionId(index());
+                            },
+                            role: "option",
+                            get disabled () {
+                                return option.disabled;
+                            },
+                            get ["class"] () {
+                                return dist_clsx({
+                                    "bg-primary/10": props.value === option.value,
+                                    "bg-base-300": highlightedIndex() === index() && props.value !== option.value,
+                                    "bg-primary/20": highlightedIndex() === index() && props.value === option.value
+                                });
+                            },
+                            onClick: ()=>{
+                                props.onChange?.(option.value);
+                                setHighlightedIndex(-1);
+                            },
+                            onMouseEnter: ()=>setHighlightedIndex(index()),
+                            get ["aria-selected"] () {
+                                return props.value === option.value;
+                            },
+                            get children () {
+                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!props.optionRenderer)() ? props.optionRenderer(option, props.value === option.value, highlightedIndex() === index()) : (()=>{
+                                    var _el$3 = DropdownSelect_tmpl$3(), _el$4 = _el$3.firstChild;
+                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, (()=>{
+                                        var _c$2 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!props.showCheckmark);
+                                        return ()=>_c$2() && (()=>{
+                                                var _el$5 = DropdownSelect_tmpl$4();
+                                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$5, "class", dist_clsx("h-4 w-4 shrink-0", {
+                                                        "opacity-100": props.value === option.value,
+                                                        "opacity-0": props.value !== option.value
+                                                    })));
+                                                return _el$5;
+                                            })();
+                                    })(), _el$4);
+                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>option.label);
+                                    return _el$3;
+                                })();
+                            }
+                        })
+                });
+            }
+        })
+    ];
+};
+const DropdownSelect_DropdownSelect = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "options",
+        "value",
+        "onChange",
+        "label",
+        "placeholder",
+        "disabled",
+        "showCheckmark",
+        "size",
+        "aria-label",
+        "class",
+        "className",
+        "dataTheme",
+        "style",
+        "labelRenderer",
+        "optionRenderer"
+    ]);
+    const placeholder = ()=>local.placeholder ?? "Select...";
+    const showCheckmark = ()=>local.showCheckmark ?? true;
+    const size = ()=>local.size ?? "md";
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(dropdown_Dropdown, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+        role: "none",
+        get ["class"] () {
+            return twMerge(local.class, local.className);
+        },
+        get style () {
+            return local.style;
+        },
+        get dataTheme () {
+            return local.dataTheme;
+        },
+        get ["aria-label"] () {
+            return local["aria-label"] ?? local.label;
+        },
+        get children () {
+            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(DropdownSelectInner, {
+                get options () {
+                    return local.options;
+                },
+                get value () {
+                    return local.value;
+                },
+                get onChange () {
+                    return local.onChange;
+                },
+                get placeholder () {
+                    return placeholder();
+                },
+                get showCheckmark () {
+                    return showCheckmark();
+                },
+                get size () {
+                    return size();
+                },
+                get disabled () {
+                    return local.disabled;
+                },
+                get labelRenderer () {
+                    return local.labelRenderer;
+                },
+                get optionRenderer () {
+                    return local.optionRenderer;
+                }
+            });
+        }
+    }));
+};
+const DropdownSelect = DropdownSelect_DropdownSelect;
+var EmptyState_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<h3 class="text-lg font-semibold text-base-content/80 text-center">'), EmptyState_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="text-sm text-base-content/70">'), EmptyState_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+const EmptyState_EmptyState = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "icon",
+        "iconSize",
+        "image",
+        "title",
+        "description",
+        "dataTheme",
+        "class",
+        "className",
+        "style",
+        "children"
+    ]);
+    const iconSize = ()=>local.iconSize ?? 48;
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("flex flex-col items-center justify-center gap-3 py-12", local.class, local.className));
+    return (()=>{
+        var _el$ = EmptyState_tmpl$3();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            role: "status",
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get ["class"] () {
+                return classes();
+            },
+            get style () {
+                return local.style;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+            get when () {
+                return local.image;
+            },
+            get children () {
+                return local.image;
+            }
+        }), 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 !local.image && local.icon;
+            },
+            get children () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(icon_Icon, {
+                    get name () {
+                        return local.icon;
+                    },
+                    get width () {
+                        return iconSize();
+                    },
+                    get height () {
+                        return iconSize();
+                    },
+                    class: "opacity-60",
+                    "aria-hidden": "true"
+                });
+            }
+        }), 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 local.title;
+            },
+            get children () {
+                var _el$2 = EmptyState_tmpl$();
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.title);
+                return _el$2;
+            }
+        }), 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 local.description;
+            },
+            get children () {
+                var _el$3 = EmptyState_tmpl$2();
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.description);
+                return _el$3;
+            }
+        }), null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children, null);
+        return _el$;
+    })();
+};
+const EmptyState = EmptyState_EmptyState;
 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, [
@@ -10265,6 +10940,47 @@ const glass_panel_GlassPanel = GlassPanel;
 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
     "click"
 ]);
+var GlowCard_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, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "onMouseMove",
+        "style"
+    ]);
+    const handleMouseMove = (e)=>{
+        const rect = e.currentTarget.getBoundingClientRect();
+        e.currentTarget.style.setProperty("--mouse-x", `${e.clientX - rect.left}px`);
+        e.currentTarget.style.setProperty("--mouse-y", `${e.clientY - rect.top}px`);
+        if (Array.isArray(local.onMouseMove)) {
+            const [handler, data] = local.onMouseMove;
+            handler(data, e);
+        } else if ("function" == typeof local.onMouseMove) local.onMouseMove(e);
+    };
+    return (()=>{
+        var _el$ = GlowCard_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 twMerge(clsx("glow-card isolate", local.class, local.className));
+            },
+            get style () {
+                return local.style;
+            },
+            onMouseMove: handleMouseMove,
+            onMouseLeave: (e)=>{
+                e.currentTarget.style.setProperty("--mouse-x", "50%");
+                e.currentTarget.style.setProperty("--mouse-y", "50%");
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+        return _el$;
+    })();
+}
 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, [
@@ -10310,18 +11026,224 @@ const Footer = (props)=>{
             get ["data-theme"] () {
                 return local.dataTheme;
             },
-            get ["class"] () {
-                return classes();
+            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 footer_Footer = FooterNamespaces;
+var FormActions_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), FormActions_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)(button_Button, {
+            type: "submit",
+            color: "primary",
+            fullWidth: fullWidth,
+            get loading () {
+                return local.isLoading;
+            },
+            get disabled () {
+                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$ = FormActions_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 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 = FormActions_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 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)(button_Button, {
+                                    type: "button",
+                                    variant: "outline",
+                                    fullWidth: true,
+                                    get onClick () {
+                                        return local.onCancel;
+                                    },
+                                    get disabled () {
+                                        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 = FormActions_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 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;
+var Fieldset_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<legend class="text-lg font-semibold">'), Fieldset_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<p class="text-sm text-base-content/60 mt-1">'), Fieldset_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<fieldset>");
+const GAP_MAP = {
+    none: "gap-0",
+    xs: "gap-1",
+    sm: "gap-2",
+    md: "gap-4",
+    lg: "gap-6",
+    xl: "gap-8"
+};
+const Fieldset_Fieldset = (props)=>{
+    const descriptionId = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createUniqueId)();
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "legend",
+        "description",
+        "disabled",
+        "gap",
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style"
+    ]);
+    const gap = ()=>local.gap ?? "md";
+    const classes = ()=>twMerge("flex flex-col", GAP_MAP[gap()], local.class, local.className);
+    return (()=>{
+        var _el$ = Fieldset_tmpl$3();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get ["class"] () {
+                return classes();
+            },
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
+            },
+            get disabled () {
+                return local.disabled;
+            },
+            get ["aria-describedby"] () {
+                return local.description ? descriptionId : void 0;
+            }
+        }), 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, {
+            get when () {
+                return local.legend;
+            },
+            get children () {
+                var _el$2 = Fieldset_tmpl$();
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.legend);
+                return _el$2;
+            }
+        }), 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 local.description;
+            },
+            get children () {
+                var _el$3 = Fieldset_tmpl$2();
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$3, "id", descriptionId);
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.description);
+                return _el$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$, ()=>local.children, null);
         return _el$;
     })();
 };
-const FooterNamespaces = Object.assign(Footer, {
-    Title: FooterTitle
-});
-const footer_Footer = FooterNamespaces;
+const Fieldset = Fieldset_Fieldset;
 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, [
@@ -13373,188 +14295,6 @@ const menu_Menu = Object.assign(Menu, {
     Details: menu_MenuDetails,
     Menu: Menu
 });
-var ModalActions_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
-function ModalActions(props) {
-    return (()=>{
-        var _el$ = ModalActions_tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(props, {
-            get ["class"] () {
-                return props.class;
-            }
-        }), false, false);
-        return _el$;
-    })();
-}
-var ModalBody_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
-function ModalBody(props) {
-    return (()=>{
-        var _el$ = ModalBody_tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(props, {
-            get ["class"] () {
-                return props.class;
-            }
-        }), false, false);
-        return _el$;
-    })();
-}
-var ModalHeader_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
-function ModalHeader(props) {
-    return (()=>{
-        var _el$ = ModalHeader_tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(props, {
-            get ["class"] () {
-                return twMerge("w-full mb-8 text-xl", props.class);
-            }
-        }), false, false);
-        return _el$;
-    })();
-}
-var ModalLegacy_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div aria-label=Modal><div>");
-function ModalLegacy(props) {
-    const { children, open, responsive, onClickBackdrop, dataTheme, class: classProp, className, ...rest } = props;
-    const containerClasses = twMerge("modal", clsx({
-        "modal-open": open,
-        "modal-bottom sm:modal-middle": responsive
-    }));
-    const bodyClasses = twMerge("modal-box", classProp, className);
-    return (()=>{
-        var _el$ = ModalLegacy_tmpl$(), _el$2 = _el$.firstChild;
-        _el$.$$click = (e)=>{
-            e.stopPropagation();
-            if (e.target === e.currentTarget) {
-                e.stopPropagation();
-                onClickBackdrop?.();
-            }
-        };
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "aria-hidden", !open);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "aria-modal", open);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "data-theme", dataTheme);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, containerClasses);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
-            "data-theme": dataTheme,
-            class: bodyClasses
-        }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, children);
-        return _el$;
-    })();
-}
-(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
-    "click"
-]);
-var Modal_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<dialog><div>"), Modal_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<form method=dialog class=modal-backdrop><button type=submit class=sr-only>Close");
-function Modal(props) {
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "children",
-        "open",
-        "position",
-        "responsive",
-        "backdrop",
-        "ariaHidden",
-        "dataTheme",
-        "class",
-        "className",
-        "onClose",
-        "tabindex",
-        "tabIndex",
-        "closeOnEsc",
-        "closeOnOutsideClick",
-        "size"
-    ]);
-    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
-    let dialogRef;
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
-        if (!dialogRef) return;
-        if (local.open && !dialogRef.open) dialogRef.showModal();
-        else if (!local.open && dialogRef.open) dialogRef.close();
-    });
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
-        if (!dialogRef) return;
-        const handleClose = ()=>{
-            local.onClose?.();
-        };
-        const handleCancel = (event)=>{
-            if (false === local.closeOnEsc) event.preventDefault();
-            else local.onClose?.();
-        };
-        const handleClick = (event)=>{
-            if (false === local.closeOnOutsideClick) return;
-            const target = event.target;
-            if (!dialogRef) return;
-            if (target === dialogRef || target.closest(".modal-backdrop")) local.onClose?.();
-        };
-        dialogRef.addEventListener("close", handleClose);
-        dialogRef.addEventListener("cancel", handleCancel);
-        dialogRef.addEventListener("click", handleClick);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
-            dialogRef?.removeEventListener("close", handleClose);
-            dialogRef?.removeEventListener("cancel", handleCancel);
-            dialogRef?.removeEventListener("click", handleClick);
-        });
-    });
-    const containerClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("modal", dist_clsx({
-            "modal-open": local.open,
-            "modal-end": "end" === local.position,
-            "modal-start": "start" === local.position,
-            "modal-top": "top" === local.position,
-            "modal-middle": "middle" === local.position,
-            "modal-bottom": "bottom" === local.position,
-            "modal-bottom sm:modal-middle": local.responsive
-        })));
-    const bodyClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("modal-box", local.class, local.className, dist_clsx({
-            "max-w-none w-11/12 max-w-7xl": "xl" === local.size,
-            "max-w-none w-11/12 max-w-4xl": "lg" === local.size,
-            "max-w-none w-11/12 max-w-2xl": "md" === local.size,
-            "max-w-none w-80": "sm" === local.size,
-            "max-w-none w-64": "xs" === local.size,
-            "max-w-none w-full h-full": "full" === local.size
-        })));
-    return (()=>{
-        var _el$ = Modal_tmpl$(), _el$2 = _el$.firstChild;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)((el)=>{
-            dialogRef = el;
-            if ("function" == typeof others.ref) others.ref(el);
-        }, _el$);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            "aria-label": "Modal",
-            get ["aria-hidden"] () {
-                return local.ariaHidden ?? !local.open;
-            },
-            get ["aria-modal"] () {
-                return local.open;
-            },
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get ["class"] () {
-                return containerClasses();
-            },
-            get tabIndex () {
-                return local.tabIndex ?? local.tabindex;
-            }
-        }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, resolvedChildren);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
-            var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.backdrop);
-            return ()=>_c$() && Modal_tmpl$2();
-        })(), null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-            var _v$ = local.dataTheme, _v$2 = bodyClasses();
-            _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "data-theme", _p$.e = _v$);
-            _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, _p$.t = _v$2);
-            return _p$;
-        }, {
-            e: void 0,
-            t: void 0
-        });
-        return _el$;
-    })();
-}
-const modal_Modal = Object.assign(Modal, {
-    Header: ModalHeader,
-    Body: ModalBody,
-    Actions: ModalActions,
-    Legacy: ModalLegacy
-});
 var NavbarSection_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
 const NavbarSection = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -13712,7 +14452,7 @@ const navbar_Navbar = Object.assign(Navbar, {
     Stack: NavbarStack,
     Row: navbar_NavbarRow
 });
-var NoiseBackground_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><div class="absolute inset-0"></div><div class="absolute inset-0"></div><div class="absolute inset-0"></div><div class="absolute inset-x-0 top-0 h-1 opacity-80 blur-sm"></div><div class="pointer-events-none absolute inset-0 overflow-hidden"><img alt class="h-full w-full object-cover"></div><div>');
+var NoiseBackground_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><div class="absolute inset-0 opacity-40"></div><div class="absolute inset-0 opacity-30"></div><div class="absolute inset-0 opacity-25"></div><div class="absolute inset-x-0 top-0 h-1 opacity-80 blur-sm"></div><div class="pointer-events-none absolute inset-0 overflow-hidden"><img alt class="h-full w-full object-cover"></div><div>');
 function NoiseBackground_createSpring(initial, stiffness = 100, damping = 30) {
     let current = initial;
     let velocity = 0;
@@ -13876,13 +14616,10 @@ const NoiseBackground = (rawProps)=>{
         }, others), false, true);
         var _ref$2 = layer0;
         "function" == typeof _ref$2 ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$2, _el$2) : layer0 = _el$2;
-        _el$2.style.setProperty("opacity", "0.4");
         var _ref$3 = layer1;
         "function" == typeof _ref$3 ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$3, _el$3) : layer1 = _el$3;
-        _el$3.style.setProperty("opacity", "0.3");
         var _ref$4 = layer2;
         "function" == typeof _ref$4 ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$4, _el$4) : layer2 = _el$4;
-        _el$4.style.setProperty("opacity", "0.25");
         var _ref$5 = stripEl;
         "function" == typeof _ref$5 ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$5, _el$5) : stripEl = _el$5;
         _el$7.style.setProperty("opacity", "var(--noise-opacity, 0.2)");
@@ -13905,8 +14642,18 @@ const NoiseBackground = (rawProps)=>{
     })();
 };
 const noise_background_NoiseBackground = NoiseBackground;
-const Pagination = join_Join;
-const pagination_Pagination = Pagination;
+const Pagination_Pagination = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "class",
+        "className"
+    ]);
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(join_Join, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+        get ["class"] () {
+            return twMerge(local.class, local.className);
+        }
+    }));
+};
+const Pagination = Pagination_Pagination;
 var PhoneMockup_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div aria-label="Phone mockup"><div class=mockup-phone-camera></div><div class=mockup-phone-display><div>');
 const PhoneMockup = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -14160,17 +14907,118 @@ const Radio = (props)=>{
             get ["aria-required"] () {
                 return local["aria-required"];
             },
-            get ["aria-labelledby"] () {
-                return local["aria-labelledby"];
+            get ["aria-labelledby"] () {
+                return local["aria-labelledby"];
+            },
+            get ["aria-checked"] () {
+                return local["aria-checked"];
+            }
+        }), false, false);
+        return _el$;
+    })();
+};
+const radio_Radio = Radio;
+var RadioGroup_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<p role=alert class="mt-1 text-sm text-error">'), RadioGroup_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<fieldset role=radiogroup><div>"), RadioGroup_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<legend class="mb-1 font-semibold">'), RadioGroup_tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<label class="flex items-center gap-2 cursor-pointer"><input type=radio><span>');
+const RadioGroup = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "name",
+        "label",
+        "options",
+        "value",
+        "onChange",
+        "size",
+        "color",
+        "direction",
+        "error",
+        "dataTheme",
+        "class",
+        "className",
+        "style"
+    ]);
+    const errorId = `${props.name}-error`;
+    const radioClasses = ()=>twMerge("radio", clsx({
+            "radio-xl": "xl" === local.size,
+            "radio-lg": "lg" === local.size,
+            "radio-md": "md" === local.size,
+            "radio-sm": "sm" === local.size,
+            "radio-xs": "xs" === local.size,
+            "radio-neutral": "neutral" === local.color,
+            "radio-primary": "primary" === local.color,
+            "radio-secondary": "secondary" === local.color,
+            "radio-accent": "accent" === local.color,
+            "radio-info": "info" === local.color,
+            "radio-success": "success" === local.color,
+            "radio-warning": "warning" === local.color,
+            "radio-error": "error" === local.color
+        }));
+    const containerClasses = ()=>twMerge("flex gap-2", local.class, local.className, clsx({
+            "flex-row": "horizontal" === local.direction,
+            "flex-col": "horizontal" !== local.direction
+        }));
+    return (()=>{
+        var _el$ = RadioGroup_tmpl$2(), _el$2 = _el$.firstChild;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get ["aria-orientation"] () {
+                return "horizontal" === local.direction ? "horizontal" : "vertical";
+            },
+            get ["aria-describedby"] () {
+                return local.error ? errorId : void 0;
+            },
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
+            }
+        }, others), false, true);
+        (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$() && (()=>{
+                    var _el$4 = RadioGroup_tmpl$3();
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.label);
+                    return _el$4;
+                })();
+        })(), _el$2);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
+            get each () {
+                return local.options;
+            },
+            children: (option)=>(()=>{
+                    var _el$5 = RadioGroup_tmpl$4(), _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling;
+                    _el$6.addEventListener("change", ()=>local.onChange?.(option.value));
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, ()=>option.label);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+                        var _v$ = local.name, _v$2 = radioClasses(), _v$3 = option.disabled;
+                        _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "name", _p$.e = _v$);
+                        _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$6, _p$.t = _v$2);
+                        _v$3 !== _p$.a && (_el$6.disabled = _p$.a = _v$3);
+                        return _p$;
+                    }, {
+                        e: void 0,
+                        t: void 0,
+                        a: void 0
+                    });
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>_el$6.value = option.value);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>_el$6.checked = local.value === option.value);
+                    return _el$5;
+                })()
+        }));
+        (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.error;
             },
-            get ["aria-checked"] () {
-                return local["aria-checked"];
+            get children () {
+                var _el$3 = RadioGroup_tmpl$();
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$3, "id", errorId);
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.error);
+                return _el$3;
             }
-        }), false, false);
+        }), null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, containerClasses()));
         return _el$;
     })();
 };
-const radio_Radio = Radio;
+const radio_group_RadioGroup = RadioGroup;
 var Range_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<input>"), Range_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="relative mt-2 h-4 w-full max-w-xs"><div class="absolute inset-0 flex items-center justify-between px-2">'), Range_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="absolute text-xs">|');
 const Range = (props)=>{
     const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -14250,6 +15098,112 @@ const Range = (props)=>{
     ];
 };
 const range_Range = Range;
+var RangeSlider_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="flex items-center justify-between"><label class="text-sm font-medium"></label><span class=text-sm aria-live=polite>'), RangeSlider_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><input>");
+const SliderField = (props)=>{
+    const [local, inputRest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "label",
+        "value",
+        "onChange",
+        "min",
+        "max",
+        "step",
+        "disabled",
+        "formatValue",
+        "color",
+        "size",
+        "dataTheme",
+        "class",
+        "className",
+        "style"
+    ]);
+    const min = ()=>local.min ?? 0;
+    const max = ()=>local.max ?? 100;
+    const step = ()=>local.step ?? 1;
+    const formattedValue = ()=>local.formatValue ? local.formatValue(local.value) : String(local.value);
+    const rangeClasses = ()=>twMerge("range", clsx({
+            "range-xl": "xl" === local.size,
+            "range-lg": "lg" === local.size,
+            "range-md": "md" === local.size,
+            "range-sm": "sm" === local.size,
+            "range-xs": "xs" === local.size,
+            "range-neutral": "neutral" === local.color,
+            "range-primary": "primary" === local.color,
+            "range-secondary": "secondary" === local.color,
+            "range-accent": "accent" === local.color,
+            "range-info": "info" === local.color,
+            "range-success": "success" === local.color,
+            "range-warning": "warning" === local.color,
+            "range-error": "error" === local.color
+        }));
+    const containerClasses = ()=>twMerge("flex flex-col gap-1", local.class, local.className);
+    const inputId = `range-slider-${(0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createUniqueId)()}`;
+    const handleInput = (e)=>{
+        local.onChange(Number(e.currentTarget.value));
+    };
+    return (()=>{
+        var _el$ = RangeSlider_tmpl$2(), _el$5 = _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.label;
+            },
+            get children () {
+                var _el$2 = RangeSlider_tmpl$(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$3, "for", inputId);
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.label);
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, formattedValue);
+                return _el$2;
+            }
+        }), _el$5);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(inputRest, {
+            id: inputId,
+            type: "range",
+            get ["class"] () {
+                return rangeClasses();
+            },
+            get min () {
+                return min();
+            },
+            get max () {
+                return max();
+            },
+            get step () {
+                return step();
+            },
+            get disabled () {
+                return local.disabled;
+            },
+            get value () {
+                return local.value;
+            },
+            onInput: handleInput,
+            get ["aria-valuemin"] () {
+                return min();
+            },
+            get ["aria-valuemax"] () {
+                return max();
+            },
+            get ["aria-valuenow"] () {
+                return local.value;
+            },
+            get ["aria-valuetext"] () {
+                return formattedValue();
+            }
+        }), false, false);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+            var _v$ = local.dataTheme, _v$2 = containerClasses(), _v$3 = local.style;
+            _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "data-theme", _p$.e = _v$);
+            _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, _p$.t = _v$2);
+            _p$.a = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.style)(_el$, _v$3, _p$.a);
+            return _p$;
+        }, {
+            e: void 0,
+            t: void 0,
+            a: void 0
+        });
+        return _el$;
+    })();
+};
+const RangeSlider = SliderField;
 var RatingHidden_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<input>");
 const RatingHidden = (props)=>{
     const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -14796,6 +15750,36 @@ const Skeleton = (props)=>{
     })();
 };
 const skeleton_Skeleton = Skeleton;
+var SkipLink_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<a>");
+function SkipLink(props) {
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "href",
+        "children",
+        "class",
+        "className",
+        "style",
+        "dataTheme"
+    ]);
+    return (()=>{
+        var _el$ = SkipLink_tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get href () {
+                return local.href ?? "#main-content";
+            },
+            get ["class"] () {
+                return twMerge("sr-only focus:not-sr-only focus:fixed focus:top-4 focus:left-4 focus:z-50 focus:px-4 focus:py-2 focus:rounded focus:bg-primary focus:text-primary-content focus:outline-none", local.class, local.className);
+            },
+            get style () {
+                return local.style;
+            },
+            get ["data-theme"] () {
+                return local.dataTheme;
+            }
+        }, rest), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children ?? "Skip to main content");
+        return _el$;
+    })();
+}
 const Stack_Stack = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
@@ -15190,7 +16174,7 @@ const steps_Steps = Object.assign(Steps, {
     Step: steps_Step
 });
 const steps = steps_Steps;
-var SvgBackground_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<svg><ellipse></svg>", false, true, false), SvgBackground_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<svg><circle></svg>", false, true, false), SvgBackground_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<svg><circle cx=0 cy=0 r=100 opacity=0.7></svg>", false, true, false), SvgBackground_tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<svg><circle cx=400 cy=0 r=120></svg>", false, true, false), SvgBackground_tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<svg><circle cx=0 cy=400 r=100 opacity=0.7></svg>", false, true, false), SvgBackground_tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<svg><circle cx=400 cy=400 r=120></svg>", false, true, false), SvgBackground_tmpl$7 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<svg><circle cx=0 cy=200 r=70 opacity=0.6></svg>", false, true, false), SvgBackground_tmpl$8 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<svg><circle cx=200 cy=0 r=100></svg>", false, true, false), SvgBackground_tmpl$9 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<svg><circle cx=400 cy=200 r=100></svg>", false, true, false), SvgBackground_tmpl$0 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<svg><circle cx=200 cy=400 r=100></svg>", false, true, false), _tmpl$1 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><div><svg viewBox="0 0 400 400"xmlns=http://www.w3.org/2000/svg><rect width=400 height=400></rect></svg></div><canvas></canvas><div class="relative z-10 h-full w-full">'), _tmpl$10 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="absolute inset-0 z-5">');
+var SvgBackground_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<svg><ellipse></svg>", false, true, false), SvgBackground_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<svg><circle></svg>", false, true, false), SvgBackground_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<svg><circle cx=0 cy=0 r=100 opacity=0.7></svg>", false, true, false), SvgBackground_tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<svg><circle cx=400 cy=0 r=120></svg>", false, true, false), SvgBackground_tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<svg><circle cx=0 cy=400 r=100 opacity=0.7></svg>", false, true, false), SvgBackground_tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<svg><circle cx=400 cy=400 r=120></svg>", false, true, false), SvgBackground_tmpl$7 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<svg><circle cx=0 cy=200 r=70 opacity=0.6></svg>", false, true, false), SvgBackground_tmpl$8 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<svg><circle cx=200 cy=0 r=100></svg>", false, true, false), SvgBackground_tmpl$9 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<svg><circle cx=400 cy=200 r=100></svg>", false, true, false), SvgBackground_tmpl$0 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<svg><circle cx=200 cy=400 r=100></svg>", false, true, false), _tmpl$1 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><div class=hidden><svg viewBox="0 0 400 400"xmlns=http://www.w3.org/2000/svg><rect width=400 height=400></rect></svg></div><canvas></canvas><div class="relative z-10 h-full w-full">'), _tmpl$10 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="absolute inset-0 z-5">');
 function SvgBackground_hexToRgb(hex) {
     hex = hex.replace(/^#/, "");
     const bigint = Number.parseInt(hex, 16);
@@ -15204,21 +16188,32 @@ function SvgBackground_hexToRgb(hex) {
     };
 }
 function SvgBackground(props) {
-    const { colorStart = "#6366f1", colorEnd = "#4f46e5", backgroundColor = "#000000", opacity = 1, blurIntensity = 40, density = 5, darkness = 0, class: className = "", style = {}, children } = props;
+    const [local] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "colorStart",
+        "colorEnd",
+        "backgroundColor",
+        "opacity",
+        "blurIntensity",
+        "density",
+        "darkness",
+        "class",
+        "style",
+        "children"
+    ]);
     let containerRef;
     let svgRef;
     let canvasRef;
     const [isBackgroundReady, setBackgroundReady] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
     const getIntermediateColor = (t)=>{
-        const start = SvgBackground_hexToRgb(colorStart);
-        const end = SvgBackground_hexToRgb(colorEnd);
+        const start = SvgBackground_hexToRgb(local.colorStart ?? "#6366f1");
+        const end = SvgBackground_hexToRgb(local.colorEnd ?? "#4f46e5");
         const r = Math.round(start.r + (end.r - start.r) * t);
         const g = Math.round(start.g + (end.g - start.g) * t);
         const b = Math.round(start.b + (end.b - start.b) * t);
         return `#${r.toString(16).padStart(2, "0")}${g.toString(16).padStart(2, "0")}${b.toString(16).padStart(2, "0")}`;
     };
     const generateShapes = ()=>{
-        const normalizedDensity = Math.max(1, density);
+        const normalizedDensity = Math.max(1, local.density ?? 5);
         const maxShapes = Math.min(200, Math.max(10, Math.ceil(15 + 8 * Math.sqrt(normalizedDensity))));
         const colors = [];
         for(let i = 0; i < maxShapes; i++){
@@ -15336,7 +16331,7 @@ function SvgBackground(props) {
         const edgeShapes = [
             (()=>{
                 var _el$4 = SvgBackground_tmpl$3();
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$4, "fill", colorStart);
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$4, "fill", local.colorStart ?? "#6366f1"));
                 return _el$4;
             })(),
             (()=>{
@@ -15351,7 +16346,7 @@ function SvgBackground(props) {
             })(),
             (()=>{
                 var _el$7 = SvgBackground_tmpl$6();
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$7, "fill", colorEnd);
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$7, "fill", local.colorEnd ?? "#4f46e5"));
                 return _el$7;
             })(),
             (()=>{
@@ -15501,16 +16496,17 @@ function SvgBackground(props) {
             if (!canvasRef) return;
             if (containerRef) {
                 const rect = containerRef.getBoundingClientRect();
-                const blurPadding = Math.ceil(2 * blurIntensity);
+                const blurPadding = Math.ceil((local.blurIntensity ?? 40) * 2);
                 canvasRef.width = rect.width + 2 * blurPadding;
                 canvasRef.height = rect.height + 2 * blurPadding;
             }
             const ctx = canvasRef.getContext("2d");
             if (!ctx) return;
             ctx.clearRect(0, 0, canvasRef.width, canvasRef.height);
-            ctx.fillStyle = backgroundColor;
+            ctx.fillStyle = local.backgroundColor ?? "#000000";
             ctx.fillRect(0, 0, canvasRef.width, canvasRef.height);
-            ctx.drawImage(img, 2 * -blurIntensity, 2 * -blurIntensity, canvasRef.width + 4 * blurIntensity, canvasRef.height + 4 * blurIntensity);
+            const blur = local.blurIntensity ?? 40;
+            ctx.drawImage(img, 2 * -blur, 2 * -blur, canvasRef.width + 4 * blur, canvasRef.height + 4 * blur);
             URL.revokeObjectURL(svgUrl);
             setBackgroundReady(true);
         };
@@ -15528,6 +16524,7 @@ function SvgBackground(props) {
         renderSvgToCanvas();
     });
     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+        local.colorStart, local.colorEnd, local.backgroundColor, local.opacity, local.blurIntensity, local.density;
         setTimeout(()=>{
             renderSvgToCanvas();
         }, 0);
@@ -15535,45 +16532,53 @@ function SvgBackground(props) {
     const backgroundStyle = ()=>({
             position: "relative",
             overflow: "hidden",
-            ...style
+            ...local.style
         });
-    const canvasStyle = ()=>({
+    const canvasStyle = ()=>{
+        const blur = local.blurIntensity ?? 40;
+        const op = local.opacity ?? 1;
+        return {
             position: "absolute",
-            top: `-${2 * blurIntensity}px`,
-            left: `-${2 * blurIntensity}px`,
-            width: `calc(100% + ${4 * blurIntensity}px)`,
-            height: `calc(100% + ${4 * blurIntensity}px)`,
+            top: `-${2 * blur}px`,
+            left: `-${2 * blur}px`,
+            width: `calc(100% + ${4 * blur}px)`,
+            height: `calc(100% + ${4 * blur}px)`,
             "z-index": "0",
-            opacity: opacity.toString(),
-            filter: `blur(${blurIntensity}px)`
-        });
+            opacity: op.toString(),
+            filter: `blur(${blur}px)`
+        };
+    };
     return (()=>{
         var _el$14 = _tmpl$1(), _el$15 = _el$14.firstChild, _el$16 = _el$15.firstChild, _el$17 = _el$16.firstChild, _el$18 = _el$15.nextSibling, _el$19 = _el$18.nextSibling;
         var _ref$ = containerRef;
         "function" == typeof _ref$ ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$, _el$14) : containerRef = _el$14;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$14, `relative flex items-center justify-center ${className}`);
-        _el$15.style.setProperty("display", "none");
         var _ref$2 = svgRef;
         "function" == typeof _ref$2 ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$2, _el$16) : svgRef = _el$16;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$17, "fill", backgroundColor);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$16, generateShapes, null);
         var _ref$3 = canvasRef;
         "function" == typeof _ref$3 ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$3, _el$18) : canvasRef = _el$18;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$14, darkness > 0 && (()=>{
-            var _el$20 = _tmpl$10();
-            _el$20.style.setProperty("background-color", `rgba(0, 0, 0, ${darkness})`);
-            _el$20.style.setProperty("pointer-events", "none");
-            return _el$20;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$14, (()=>{
+            var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>(local.darkness ?? 0) > 0);
+            return ()=>_c$() && (()=>{
+                    var _el$20 = _tmpl$10();
+                    _el$20.style.setProperty("pointer-events", "none");
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_$p)=>(_$p = `rgba(0, 0, 0, ${local.darkness ?? 0})`, _el$20.style.setProperty("background-color", _$p)));
+                    return _el$20;
+                })();
         })(), _el$19);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$19, children);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$19, ()=>local.children);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-            var _v$33 = backgroundStyle(), _v$34 = canvasStyle();
-            _p$.e = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.style)(_el$14, _v$33, _p$.e);
-            _p$.t = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.style)(_el$18, _v$34, _p$.t);
+            var _v$33 = twMerge("relative flex items-center justify-center", local.class), _v$34 = backgroundStyle(), _v$35 = local.backgroundColor ?? "#000000", _v$36 = canvasStyle();
+            _v$33 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$14, _p$.e = _v$33);
+            _p$.t = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.style)(_el$14, _v$34, _p$.t);
+            _v$35 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$17, "fill", _p$.a = _v$35);
+            _p$.o = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.style)(_el$18, _v$36, _p$.o);
             return _p$;
         }, {
             e: void 0,
-            t: void 0
+            t: void 0,
+            a: void 0,
+            o: void 0
         });
         return _el$14;
     })();
@@ -16665,7 +17670,9 @@ const StreamingTable = (props)=>{
         "pageSize",
         "initialPage",
         "enableSorting",
-        "initialSorting"
+        "initialSorting",
+        "class",
+        "className"
     ]);
     const store = createStreamingTableStore();
     const [sortingState, setSortingState] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(local.initialSorting ?? {
@@ -16681,9 +17688,9 @@ const StreamingTable = (props)=>{
     };
     const resolveId = (row)=>{
         if (local.getRowId) return local.getRowId(row);
-        const anyRow = row;
-        if (null != anyRow.id) return String(anyRow.id);
-        return JSON.stringify(anyRow);
+        const rowWithId = row;
+        if (null != rowWithId.id) return String(rowWithId.id);
+        return JSON.stringify(row);
     };
     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
         const incoming = local.data ?? [];
@@ -16884,9 +17891,7 @@ const StreamingTable = (props)=>{
                                             get colSpan () {
                                                 return local.columns.length;
                                             },
-                                            style: {
-                                                "text-align": "center"
-                                            },
+                                            class: "text-center",
                                             children: "No data"
                                         });
                                     }
@@ -16930,7 +17935,7 @@ const StreamingTable = (props)=>{
             get children () {
                 var _el$3 = StreamingTable_tmpl$2(), _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, _el$7 = _el$5.nextSibling;
                 _el$7.nextSibling;
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(pagination_Pagination, {
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(Pagination, {
                     get children () {
                         return [
                             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
@@ -16976,6 +17981,7 @@ const StreamingTable = (props)=>{
                 return _el$3;
             }
         }), null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, twMerge(local.class, local.className)));
         return _el$;
     })();
 };
@@ -17630,20 +18636,30 @@ function hueToColorValue(hue, sat) {
     };
 }
 const ThemeColorPicker_ThemeColorPicker = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "storagePrefix",
+        "onColorChange",
+        "aria-label",
+        "children",
+        "class",
+        "className",
+        "style",
+        "dataTheme"
+    ]);
     const [isOpen, setIsOpen] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
     const [featureAvailable, setFeatureAvailable] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(true);
     let containerRef;
-    const store = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>createHueShiftStore(props.storagePrefix ?? "theme"));
+    const store = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>createHueShiftStore(local.storagePrefix ?? "theme"));
     const colorValue = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>hueToColorValue(store().hueShift(), store().hueSaturation()));
     const handleColorChange = (color)=>{
         const hue = color.hsl.h;
         const saturation = color.hsl.s;
         if (saturation < 10 && color.hsl.l > 90) {
             store().setHueShift(null);
-            props.onColorChange?.(null, 100);
+            local.onColorChange?.(null, 100);
         } else {
             store().setHueShift(hue, saturation);
-            props.onColorChange?.(hue, saturation);
+            local.onColorChange?.(hue, saturation);
         }
     };
     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
@@ -17675,7 +18691,7 @@ const ThemeColorPicker_ThemeColorPicker = (props)=>{
             onChange: handleColorChange,
             onFormatChange: ()=>{}
         });
-    const classes = ()=>twMerge("relative", clsx(props.class, props.className));
+    const classes = ()=>twMerge("relative", clsx(local.class, local.className));
     return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
         get when () {
             return featureAvailable();
@@ -17685,18 +18701,26 @@ const ThemeColorPicker_ThemeColorPicker = (props)=>{
             _el$.$$keydown = handleKeyDown;
             var _ref$ = containerRef;
             "function" == typeof _ref$ ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$, _el$) : containerRef = _el$;
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+                get ["class"] () {
+                    return classes();
+                },
+                get style () {
+                    return local.style;
+                }
+            }, others), false, true);
             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
                 type: "button",
                 size: "sm",
                 onClick: ()=>setIsOpen(!isOpen()),
                 get ["aria-label"] () {
-                    return props["aria-label"] ?? "Change theme color";
+                    return local["aria-label"] ?? "Change theme color";
                 },
                 get ["aria-expanded"] () {
                     return isOpen();
                 },
                 get children () {
-                    return props.children ?? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(icon_Icon, {
+                    return local.children ?? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(icon_Icon, {
                         name: "icon-[mdi--palette]",
                         width: 16,
                         height: 16,
@@ -17725,15 +18749,6 @@ const ThemeColorPicker_ThemeColorPicker = (props)=>{
                     return _el$2;
                 }
             }), null);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-                var _v$ = classes(), _v$2 = props.style;
-                _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, _p$.e = _v$);
-                _p$.t = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.style)(_el$, _v$2, _p$.t);
-                return _p$;
-            }, {
-                e: void 0,
-                t: void 0
-            });
             return _el$;
         }
     });
@@ -18033,6 +19048,7 @@ const defaultRenderToast = (toast, dismiss)=>(0, __WEBPACK_EXTERNAL_MODULE_solid
     });
 const ToastStack_ToastStack = (props)=>{
     const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "class",
         "motionPreset",
         "motionPresetName",
         "reduceMotion",
@@ -18076,6 +19092,9 @@ const ToastStack_ToastStack = (props)=>{
     });
     const renderToast = ()=>local.renderToast ?? defaultRenderToast;
     return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(toast_Toast, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
+        get ["class"] () {
+            return twMerge(local.class);
+        },
         get children () {
             var _el$2 = ToastStack_tmpl$2();
             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
@@ -18159,7 +19178,16 @@ const ToastStack = ToastStack_ToastStack;
 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
     "click"
 ]);
-const ToastContainer = ()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ToastStack, {});
+const ToastContainer = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "class"
+    ]);
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ToastStack, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
+        get ["class"] () {
+            return twMerge(local.class);
+        }
+    }));
+};
 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, [
@@ -18228,6 +19256,142 @@ const Toggle = (props)=>{
     })();
 };
 const toggle_Toggle = Toggle;
+var SwitchField_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span role=alert class="text-error text-xs">'), SwitchField_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><div class="flex flex-col"><label>'), SwitchField_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="text-xs opacity-60">');
+const SwitchField = (props)=>{
+    const id = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createUniqueId)();
+    const toggleId = `switch-field-input-${id}`;
+    const descriptionId = `switch-field-desc-${id}`;
+    const errorId = `switch-field-error-${id}`;
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "label",
+        "description",
+        "checked",
+        "onChange",
+        "disabled",
+        "size",
+        "color",
+        "error",
+        "dataTheme",
+        "class",
+        "className",
+        "style"
+    ]);
+    const classes = ()=>twMerge("flex items-center justify-between gap-4", local.class, local.className, clsx({
+            "opacity-50": local.disabled
+        }));
+    return (()=>{
+        var _el$ = SwitchField_tmpl$2(), _el$2 = _el$.firstChild, _el$3 = _el$2.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;
+            },
+            get ["class"] () {
+                return classes();
+            },
+            get style () {
+                return local.style;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$3, "for", toggleId);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.label);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (()=>{
+            var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.description);
+            return ()=>_c$() && (()=>{
+                    var _el$5 = SwitchField_tmpl$3();
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$5, "id", descriptionId);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, ()=>local.description);
+                    return _el$5;
+                })();
+        })(), null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+            get when () {
+                return local.error;
+            },
+            get children () {
+                var _el$4 = SwitchField_tmpl$();
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$4, "id", errorId);
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.error);
+                return _el$4;
+            }
+        }), null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(toggle_Toggle, {
+            id: toggleId,
+            get checked () {
+                return local.checked;
+            },
+            get disabled () {
+                return local.disabled;
+            },
+            get size () {
+                return local.size;
+            },
+            get color () {
+                return local.color;
+            },
+            get ["aria-describedby"] () {
+                return [
+                    local.description ? descriptionId : "",
+                    local.error ? errorId : ""
+                ].filter(Boolean).join(" ") || void 0;
+            },
+            onChange: (e)=>local.onChange?.(e.currentTarget.checked)
+        }), null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$3, clsx("text-sm font-medium", local.disabled ? "cursor-not-allowed" : "cursor-pointer")));
+        return _el$;
+    })();
+};
+const switch_field_SwitchField = SwitchField;
+var VideoPreview_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<video>");
+const VideoPreview = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "stream",
+        "muted",
+        "mirror",
+        "dataTheme",
+        "class",
+        "className",
+        "style"
+    ]);
+    const muted = ()=>local.muted ?? true;
+    const mirror = ()=>local.mirror ?? false;
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+        get when () {
+            return local.stream();
+        },
+        children: (stream)=>{
+            let videoRef;
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+                videoRef.srcObject = stream();
+            });
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
+                videoRef.srcObject = null;
+            });
+            return (()=>{
+                var _el$ = VideoPreview_tmpl$();
+                var _ref$ = videoRef;
+                "function" == typeof _ref$ ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$, _el$) : videoRef = _el$;
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+                    autoplay: true,
+                    playsinline: true,
+                    get muted () {
+                        return muted();
+                    },
+                    get ["data-theme"] () {
+                        return local.dataTheme;
+                    },
+                    get ["class"] () {
+                        return twMerge(mirror() && "-scale-x-100", local.class, local.className);
+                    },
+                    get style () {
+                        return local.style;
+                    }
+                }), false, false);
+                return _el$;
+            })();
+        }
+    });
+};
+const video_preview_VideoPreview = VideoPreview;
 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, [
@@ -18388,4 +19552,4 @@ const createRouteTransitionResolver = (options)=>{
         return fallback ?? noMotion;
     };
 };
-export { accordion_Accordion as Accordion, alert_Alert as Alert, AlphaSlider, artboard_Artboard as Artboard, avatar as Avatar, background_Background as Background, Badge, bottom_sheet_BottomSheet as BottomSheet, 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, colorpicker_ColorInput as ColorInput, colorpicker_ColorPicker as ColorPicker, ColorPickerContext, ColorPickerFlowerSelector, colorpicker_ColorPickerGradientSelector as ColorPickerGradientSelector, ColorPickerWheelSelector, colorpicker_ColorPreview as ColorPreview, colorpicker_ColorSwatches as ColorSwatches, ColorWheel, colorpicker_ColorWheelFlower as ColorWheelFlower, connectionstatus_ConnectionStatus as ConnectionStatus, CookieConsent, CopyButton, countdown_Countdown as Countdown, diff_Diff as Diff, divider as Divider, dock as Dock, Drawer, dropdown as Dropdown, EnhancedTable, FileInput, FirefoxPWABanner, flex_Flex as Flex, floating_dock_FloatingDock as FloatingDock, footer_Footer as Footer, form_Form as Form, glass_panel_GlassPanel as GlassPanel, Grid, hero_Hero as Hero, colorpicker_HueSlider as HueSlider, I18nContext, I18nProvider, icon_Icon as Icon, immersive_landing_ImmersiveLanding as ImmersiveLanding, ImmersiveLandingContext, indicator_Indicator as Indicator, input as Input, join_Join as Join, kbd_Kbd as Kbd, language_switcher_LanguageSwitcher as LanguageSwitcher, LightnessSlider, link_Link as Link, live_chat_LiveChatBubble as LiveChatBubble, LiveChatPanel, loading_Loading as Loading, mask as Mask, menu_Menu as Menu, modal_Modal as Modal, MotionDiv, navbar_Navbar as Navbar, noise_background_NoiseBackground as NoiseBackground, PWAInstallPrompt, 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, colorpicker_SaturationBrightness as SaturationBrightness, 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, streaming_table_StreamingTable as StreamingTable, Summary, SvgBackground, Swap, table_Table as Table, tabs_Tabs as Tabs, textarea_Textarea as Textarea, ThemeColorPicker, Timeline, timeline_TimelineEnd as TimelineEnd, timeline_TimelineItem as TimelineItem, timeline_TimelineMiddle as TimelineMiddle, timeline_TimelineStart as TimelineStart, toast_Toast as Toast, ToastContainer, ToastStack_ToastStack as ToastStack, toggle_Toggle as Toggle, tooltip_Tooltip as Tooltip, windowmockup_WindowMockup as WindowMockup, createHueShiftStore, createI18n, createMotionPresets, createMotionSystem, createPopmotionDriver, createRouteTransitionResolver, createStreamingTableStore, connectionstatus_ConnectionStatus as default, defaultMotionTokens, enablePopmotion, getDefaultHueShiftStore, getMotionDriver, presets_getPreset as getPreset, immediateDriver, mergeMotionTokens, motionDistances, motionDurations, motionEasings, motionPresets, noMotion, prefersReducedMotion, presets_registerPreset as registerPreset, resetHueShift, resolveEase, presets_resolvePreset as resolvePreset, routeTransition, runMotion, setMotionDriver, toastStore, useColorPickerContext, useDesktop, useFormValidation, useI18n, useImmersiveLanding, useImmersiveLandingContext };
+export { accordion_Accordion as Accordion, alert_Alert as Alert, AlphaSlider, artboard_Artboard as Artboard, avatar as Avatar, background_Background as Background, Badge, bottom_sheet_BottomSheet as BottomSheet, 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, colorpicker_ColorInput as ColorInput, colorpicker_ColorPicker as ColorPicker, ColorPickerContext, ColorPickerFlowerSelector, colorpicker_ColorPickerGradientSelector as ColorPickerGradientSelector, ColorPickerWheelSelector, colorpicker_ColorPreview as ColorPreview, colorpicker_ColorSwatches as ColorSwatches, ColorWheel, colorpicker_ColorWheelFlower as ColorWheelFlower, ConfirmDialog, connectionstatus_ConnectionStatus as ConnectionStatus, CookieConsent, CopyButton, countdown_Countdown as Countdown, diff_Diff as Diff, divider as Divider, dock as Dock, Drawer, dropdown as Dropdown, DropdownSelect, EmptyState, EnhancedTable, Fieldset, FileInput, FirefoxPWABanner, flex_Flex as Flex, floating_dock_FloatingDock as FloatingDock, footer_Footer as Footer, form_Form as Form, form_actions_FormActions as FormActions, glass_panel_GlassPanel as GlassPanel, GlowCard, Grid, hero_Hero as Hero, colorpicker_HueSlider as HueSlider, I18nContext, I18nProvider, icon_Icon as Icon, immersive_landing_ImmersiveLanding as ImmersiveLanding, ImmersiveLandingContext, indicator_Indicator as Indicator, input as Input, join_Join as Join, kbd_Kbd as Kbd, language_switcher_LanguageSwitcher as LanguageSwitcher, LightnessSlider, link_Link as Link, live_chat_LiveChatBubble as LiveChatBubble, LiveChatPanel, loading_Loading as Loading, mask as Mask, menu_Menu as Menu, modal_Modal as Modal, MotionDiv, navbar_Navbar as Navbar, noise_background_NoiseBackground as NoiseBackground, PWAInstallPrompt, Pagination, phonemockup_PhoneMockup as PhoneMockup, Progress, props_table_PropsTable as PropsTable, radialprogress_RadialProgress as RadialProgress, radio_Radio as Radio, radio_group_RadioGroup as RadioGroup, range_Range as Range, Rating, colorpicker_SaturationBrightness as SaturationBrightness, 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, SkipLink, RangeSlider as SliderField, Stack, stat_card_StatCard as StatCard, stats_Stats as Stats, status_Status as Status, steps as Steps, streaming_table_StreamingTable as StreamingTable, Summary, SvgBackground, Swap, switch_field_SwitchField as SwitchField, table_Table as Table, tabs_Tabs as Tabs, textarea_Textarea as Textarea, ThemeColorPicker, Timeline, timeline_TimelineEnd as TimelineEnd, timeline_TimelineItem as TimelineItem, timeline_TimelineMiddle as TimelineMiddle, timeline_TimelineStart as TimelineStart, toast_Toast as Toast, ToastContainer, ToastStack_ToastStack as ToastStack, toggle_Toggle as Toggle, tooltip_Tooltip as Tooltip, video_preview_VideoPreview as VideoPreview, windowmockup_WindowMockup as WindowMockup, createHueShiftStore, createI18n, createMotionPresets, createMotionSystem, createPopmotionDriver, createRouteTransitionResolver, createStreamingTableStore, connectionstatus_ConnectionStatus as default, defaultMotionTokens, enablePopmotion, getDefaultHueShiftStore, getMotionDriver, presets_getPreset as getPreset, immediateDriver, mergeMotionTokens, motionDistances, motionDurations, motionEasings, motionPresets, noMotion, prefersReducedMotion, presets_registerPreset as registerPreset, resetHueShift, resolveEase, presets_resolvePreset as resolvePreset, routeTransition, runMotion, setMotionDriver, toastStore, useColorPickerContext, useDesktop, useFormValidation, useI18n, useImmersiveLanding, useImmersiveLandingContext };