@pathscale/ui 0.0.142 → 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);
@@ -8695,12 +8708,13 @@ const modal_Modal = Object.assign(Modal, {
 });
 var ConfirmDialog_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
 function ConfirmDialog(props) {
-    const [local] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "open",
         "onClose",
         "onConfirm",
         "title",
         "message",
+        "children",
         "confirmText",
         "cancelText",
         "confirmColor",
@@ -8709,8 +8723,10 @@ function ConfirmDialog(props) {
         "class",
         "className"
     ]);
+    const titleId = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createUniqueId)();
     const messageId = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createUniqueId)();
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(modal_Modal, {
+    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;
         },
@@ -8719,19 +8735,21 @@ function ConfirmDialog(props) {
         },
         responsive: true,
         role: "alertdialog",
-        "aria-describedby": messageId,
+        "aria-labelledby": titleId,
+        get ["aria-describedby"] () {
+            return hasBody() ? messageId : void 0;
+        },
         get dataTheme () {
             return local.dataTheme;
         },
         get ["class"] () {
-            return local.class;
-        },
-        get className () {
-            return local.className;
-        },
+            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;
                     }
@@ -8740,7 +8758,7 @@ function ConfirmDialog(props) {
                     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.message);
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children ?? local.message);
                         return _el$;
                     }
                 }),
@@ -8782,7 +8800,7 @@ function ConfirmDialog(props) {
                 })
             ];
         }
-    });
+    }));
 }
 const breakpoints = [
     "base",
@@ -9224,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$)=>{
@@ -9958,6 +9983,8 @@ 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);
@@ -9993,12 +10020,28 @@ const DropdownSelectInner = (props)=>{
             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;
         }
@@ -10031,6 +10074,12 @@ const DropdownSelectInner = (props)=>{
                 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)(()=>{
@@ -10064,7 +10113,10 @@ const DropdownSelectInner = (props)=>{
                 return [
                     (()=>{
                         var _el$ = DropdownSelect_tmpl$();
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, selectedLabel);
+                        (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()
@@ -10104,20 +10156,22 @@ const DropdownSelectInner = (props)=>{
                                 return props.value === option.value;
                             },
                             get children () {
-                                var _el$3 = DropdownSelect_tmpl$3(), _el$4 = _el$3.firstChild;
-                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, (()=>{
-                                    var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!props.showCheckmark);
-                                    return ()=>_c$() && (()=>{
-                                            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;
+                                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;
+                                })();
                             }
                         })
                 });
@@ -10139,12 +10193,15 @@ const DropdownSelect_DropdownSelect = (props)=>{
         "class",
         "className",
         "dataTheme",
-        "style"
+        "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);
         },
@@ -10179,95 +10236,24 @@ const DropdownSelect_DropdownSelect = (props)=>{
                 },
                 get disabled () {
                     return local.disabled;
+                },
+                get labelRenderer () {
+                    return local.labelRenderer;
+                },
+                get optionRenderer () {
+                    return local.optionRenderer;
                 }
             });
         }
     }));
 };
 const DropdownSelect = DropdownSelect_DropdownSelect;
-var DurationBadge_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="relative inline-flex h-2 w-2"><span></span><span>'), DurationBadge_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), DurationBadge_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span><span>");
-const colorMap = {
-    neutral: "bg-neutral",
-    primary: "bg-primary",
-    secondary: "bg-secondary",
-    accent: "bg-accent",
-    info: "bg-info",
-    success: "bg-success",
-    warning: "bg-warning",
-    error: "bg-error",
-    ghost: "bg-base-content"
-};
-const formatDuration = (seconds)=>{
-    const mins = Math.floor(seconds / 60);
-    const secs = Math.floor(seconds % 60);
-    return `${mins}:${secs.toString().padStart(2, "0")}`;
-};
-const DurationBadge = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "duration",
-        "color",
-        "pulseDot",
-        "label",
-        "class",
-        "className",
-        "style",
-        "dataTheme"
-    ]);
-    const color = ()=>local.color ?? "error";
-    const showDot = ()=>false !== local.pulseDot;
-    const containerClasses = ()=>twMerge("inline-flex items-center gap-1.5 font-mono tabular-nums", local.class, local.className);
-    const dotClasses = ()=>clsx("relative inline-flex h-2 w-2 rounded-full", colorMap[color()]);
-    return (()=>{
-        var _el$ = DurationBadge_tmpl$3(), _el$6 = _el$.firstChild;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            get ["class"] () {
-                return containerClasses();
-            },
-            get style () {
-                return local.style;
-            },
-            get ["data-theme"] () {
-                return local.dataTheme;
-            }
-        }), 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 showDot();
-            },
-            get children () {
-                var _el$2 = DurationBadge_tmpl$(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-                    var _v$ = clsx("absolute inline-flex h-full w-full animate-ping rounded-full opacity-75", colorMap[color()]), _v$2 = dotClasses();
-                    _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$3, _p$.e = _v$);
-                    _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$4, _p$.t = _v$2);
-                    return _p$;
-                }, {
-                    e: void 0,
-                    t: void 0
-                });
-                return _el$2;
-            }
-        }), _el$6);
-        (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$5 = DurationBadge_tmpl$2();
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, ()=>local.label);
-                return _el$5;
-            }
-        }), _el$6);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, ()=>formatDuration(local.duration));
-        return _el$;
-    })();
-};
-const duration_badge_DurationBadge = DurationBadge;
-var EmptyState_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="text-lg font-semibold">'), 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>");
+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",
@@ -10277,10 +10263,11 @@ const EmptyState_EmptyState = (props)=>{
         "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 opacity-60", local.class, local.className));
+    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;
             },
@@ -10293,7 +10280,15 @@ const EmptyState_EmptyState = (props)=>{
         }), 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.icon;
+                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, {
@@ -10305,7 +10300,9 @@ const EmptyState_EmptyState = (props)=>{
                     },
                     get height () {
                         return iconSize();
-                    }
+                    },
+                    class: "opacity-60",
+                    "aria-hidden": "true"
                 });
             }
         }), null);
@@ -10950,13 +10947,17 @@ function GlowCard(props) {
         "class",
         "className",
         "dataTheme",
-        "onMouseMove"
+        "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 ("function" == typeof local.onMouseMove) local.onMouseMove(e);
+        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$();
@@ -10965,9 +10966,16 @@ function GlowCard(props) {
                 return local.dataTheme;
             },
             get ["class"] () {
-                return twMerge(clsx("glow-card", local.class, local.className));
+                return twMerge(clsx("glow-card isolate", local.class, local.className));
+            },
+            get style () {
+                return local.style;
             },
-            onMouseMove: handleMouseMove
+            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$;
@@ -11059,6 +11067,9 @@ const FormActions = (props)=>{
             get disabled () {
                 return !isValid() || local.isLoading;
             },
+            get ["aria-busy"] () {
+                return local.isLoading;
+            },
             get children () {
                 return submitText();
             }
@@ -11081,6 +11092,8 @@ const FormActions = (props)=>{
                             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;
                                     },
@@ -11102,6 +11115,8 @@ const FormActions = (props)=>{
                             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;
                                     },
@@ -11137,6 +11152,8 @@ const FormActions = (props)=>{
                             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;
                                     },
@@ -11158,7 +11175,7 @@ const FormActions = (props)=>{
     });
 };
 const form_actions_FormActions = FormActions;
-var FormSection_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<h3 class="text-lg font-semibold">'), FormSection_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+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",
@@ -11167,9 +11184,12 @@ const GAP_MAP = {
     lg: "gap-6",
     xl: "gap-8"
 };
-const FormSection = (props)=>{
+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, [
-        "title",
+        "legend",
+        "description",
+        "disabled",
         "gap",
         "children",
         "class",
@@ -11180,7 +11200,7 @@ const FormSection = (props)=>{
     const gap = ()=>local.gap ?? "md";
     const classes = ()=>twMerge("flex flex-col", GAP_MAP[gap()], local.class, local.className);
     return (()=>{
-        var _el$ = FormSection_tmpl$2();
+        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();
@@ -11190,81 +11210,40 @@ const FormSection = (props)=>{
             },
             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.title;
+                return local.legend;
             },
             get children () {
-                var _el$2 = FormSection_tmpl$();
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.title);
+                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;
+            }
+        }), null);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children, null);
         return _el$;
     })();
 };
-const form_section_FormSection = FormSection;
-var FormStatus_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
-const FormStatus = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "error",
-        "success",
-        "loading",
-        "loadingMessage",
-        "dataTheme",
-        "class",
-        "className",
-        "style"
-    ]);
-    const message = ()=>{
-        if (local.error) return local.error;
-        if (local.success) return local.success;
-        if (local.loading) return local.loadingMessage ?? "Processing...";
-        return null;
-    };
-    const role = ()=>{
-        if (local.error) return "alert";
-        return "status";
-    };
-    const ariaLive = ()=>{
-        if (local.error) return "assertive";
-        return "polite";
-    };
-    const classes = ()=>twMerge("rounded-lg px-4 py-3 text-sm", local.error && "bg-error/10 text-error", local.success && !local.error && "bg-success/10 text-success", local.loading && !local.error && !local.success && "bg-info/10 text-info", local.class, local.className);
-    const visible = ()=>!!(local.error || local.success || local.loading);
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
-        get when () {
-            return visible();
-        },
-        get children () {
-            var _el$ = FormStatus_tmpl$();
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-                get role () {
-                    return role();
-                },
-                get ["aria-live"] () {
-                    return ariaLive();
-                }
-            }, 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__.insert)(_el$, message);
-            return _el$;
-        }
-    });
-};
-const form_status_FormStatus = FormStatus;
+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, [
@@ -13912,83 +13891,6 @@ const LiveChatBubble = (props)=>{
     ];
 };
 const live_chat_LiveChatBubble = LiveChatBubble;
-var LevelMeter_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div>");
-const LevelMeter_colorMap = {
-    neutral: "bg-neutral",
-    primary: "bg-primary",
-    secondary: "bg-secondary",
-    accent: "bg-accent",
-    info: "bg-info",
-    success: "bg-success",
-    warning: "bg-warning",
-    error: "bg-error",
-    ghost: "bg-ghost"
-};
-const LevelMeter = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "level",
-        "color",
-        "direction",
-        "class",
-        "className",
-        "dataTheme",
-        "style",
-        "aria-label"
-    ]);
-    const direction = ()=>local.direction ?? "vertical";
-    const color = ()=>local.color ?? "primary";
-    const clampedLevel = ()=>Math.min(1, Math.max(0, local.level));
-    const trackClasses = ()=>twMerge("bg-base-200 relative overflow-hidden", dist_clsx({
-            "w-4 h-full": "vertical" === direction(),
-            "h-4 w-full": "horizontal" === direction()
-        }), local.class, local.className);
-    const fillClasses = ()=>twMerge("absolute transition-all duration-300 ease-in-out", LevelMeter_colorMap[color()] ?? "bg-primary", dist_clsx({
-            "bottom-0 left-0 w-full": "vertical" === direction(),
-            "top-0 left-0 h-full": "horizontal" === direction()
-        }));
-    const fillStyle = ()=>{
-        if ("vertical" === direction()) return {
-            height: `${100 * clampedLevel()}%`
-        };
-        return {
-            width: `${100 * clampedLevel()}%`
-        };
-    };
-    return (()=>{
-        var _el$ = LevelMeter_tmpl$(), _el$2 = _el$.firstChild;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            role: "meter",
-            get ["aria-valuenow"] () {
-                return Math.round(100 * clampedLevel());
-            },
-            "aria-valuemin": 0,
-            "aria-valuemax": 100,
-            get ["aria-label"] () {
-                return local["aria-label"];
-            },
-            get ["class"] () {
-                return trackClasses();
-            },
-            get style () {
-                return local.style;
-            },
-            get ["data-theme"] () {
-                return local.dataTheme;
-            }
-        }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-            var _v$ = fillClasses(), _v$2 = fillStyle();
-            _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, _p$.e = _v$);
-            _p$.t = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.style)(_el$2, _v$2, _p$.t);
-            return _p$;
-        }, {
-            e: void 0,
-            t: void 0
-        });
-        return _el$;
-    })();
-};
-const level_meter_LevelMeter = LevelMeter;
 var LanguageSwitcher_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="text-xs font-bold uppercase"aria-hidden=true>');
 const LanguageSwitcher = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -14222,87 +14124,6 @@ const Mask_Mask = (props)=>{
 Mask_Mask.className = maskClassName;
 const Mask = Mask_Mask;
 const mask = Mask;
-var MediaToggleControls_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
-const MediaToggleControls = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "isAudioEnabled",
-        "isVideoEnabled",
-        "onToggleAudio",
-        "onToggleVideo",
-        "size",
-        "disabled",
-        "class",
-        "className",
-        "style",
-        "dataTheme"
-    ]);
-    return (()=>{
-        var _el$ = MediaToggleControls_tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-            get ["class"] () {
-                return twMerge("flex gap-2", local.class, local.className);
-            },
-            get style () {
-                return local.style;
-            },
-            get ["data-theme"] () {
-                return local.dataTheme;
-            }
-        }, others), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
-            shape: "circle",
-            get size () {
-                return local.size;
-            },
-            get color () {
-                return local.isVideoEnabled() ? "primary" : "error";
-            },
-            get disabled () {
-                return local.disabled;
-            },
-            get onClick () {
-                return local.onToggleVideo;
-            },
-            get ["aria-label"] () {
-                return local.isVideoEnabled() ? "Disable camera" : "Enable camera";
-            },
-            get children () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(icon_Icon, {
-                    get name () {
-                        return local.isVideoEnabled() ? "icon-[mdi--video]" : "icon-[mdi--video-off]";
-                    }
-                });
-            }
-        }), null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
-            shape: "circle",
-            get size () {
-                return local.size;
-            },
-            get color () {
-                return local.isAudioEnabled() ? "primary" : "error";
-            },
-            get disabled () {
-                return local.disabled;
-            },
-            get onClick () {
-                return local.onToggleAudio;
-            },
-            get ["aria-label"] () {
-                return local.isAudioEnabled() ? "Disable microphone" : "Enable microphone";
-            },
-            get children () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(icon_Icon, {
-                    get name () {
-                        return local.isAudioEnabled() ? "icon-[mdi--microphone]" : "icon-[mdi--microphone-off]";
-                    }
-                });
-            }
-        }), null);
-        return _el$;
-    })();
-};
-const media_toggle_controls_MediaToggleControls = MediaToggleControls;
 var MenuTitle_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<li>");
 const MenuTitle = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -14631,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;
@@ -14795,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)");
@@ -14824,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, [
@@ -15090,7 +14918,7 @@ const Radio = (props)=>{
     })();
 };
 const radio_Radio = Radio;
-var RadioGroup_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<fieldset role=radiogroup><div>"), RadioGroup_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<legend class="mb-1 font-semibold">'), RadioGroup_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<label class="flex items-center gap-2 cursor-pointer"><input type=radio><span>');
+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",
@@ -15101,11 +14929,13 @@ const RadioGroup = (props)=>{
         "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,
@@ -15126,8 +14956,14 @@ const RadioGroup = (props)=>{
             "flex-col": "horizontal" !== local.direction
         }));
     return (()=>{
-        var _el$ = RadioGroup_tmpl$(), _el$2 = _el$.firstChild;
+        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;
             },
@@ -15138,9 +14974,9 @@ const RadioGroup = (props)=>{
         (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$3 = RadioGroup_tmpl$2();
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.label);
-                    return _el$3;
+                    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, {
@@ -15148,25 +14984,36 @@ const RadioGroup = (props)=>{
                 return local.options;
             },
             children: (option)=>(()=>{
-                    var _el$4 = RadioGroup_tmpl$3(), _el$5 = _el$4.firstChild, _el$6 = _el$5.nextSibling;
-                    _el$5.addEventListener("change", ()=>local.onChange?.(option.value));
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, ()=>option.label);
+                    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$5, "name", _p$.e = _v$);
-                        _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$5, _p$.t = _v$2);
-                        _v$3 !== _p$.a && (_el$5.disabled = _p$.a = _v$3);
+                        _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$5.value = option.value);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>_el$5.checked = local.value === option.value);
-                    return _el$4;
+                    (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 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;
+            }
+        }), null);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, containerClasses()));
         return _el$;
     })();
@@ -15251,8 +15098,8 @@ const Range = (props)=>{
     ];
 };
 const range_Range = Range;
-var RangeSlider_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><div class="flex items-center justify-between"><label class="text-sm font-medium"></label><span class=text-sm aria-live=polite></span></div><input>');
-const RangeSlider = (props)=>{
+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",
@@ -15289,18 +15136,26 @@ const RangeSlider = (props)=>{
             "range-error": "error" === local.color
         }));
     const containerClasses = ()=>twMerge("flex flex-col gap-1", local.class, local.className);
-    const inputId = ()=>`range-slider-${local.label.replace(/\s+/g, "-").toLowerCase()}`;
+    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$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$2.nextSibling;
-        (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);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(inputRest, {
-            get id () {
-                return inputId();
+        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();
@@ -15335,22 +15190,20 @@ const RangeSlider = (props)=>{
             }
         }), false, false);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-            var _v$ = local.dataTheme, _v$2 = containerClasses(), _v$3 = local.style, _v$4 = inputId();
+            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);
-            _v$4 !== _p$.o && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$3, "for", _p$.o = _v$4);
             return _p$;
         }, {
             e: void 0,
             t: void 0,
-            a: void 0,
-            o: void 0
+            a: void 0
         });
         return _el$;
     })();
 };
-const range_slider_RangeSlider = RangeSlider;
+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, [
@@ -15477,77 +15330,6 @@ const Rating = Object.assign(Rating_Rating, {
     Item: rating_RatingItem,
     Hidden: rating_RatingHidden
 });
-var SectionCard_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<h3 class="text-lg font-semibold">'), SectionCard_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="flex items-center gap-2 ml-auto">'), SectionCard_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="flex items-center justify-between mb-4">'), SectionCard_tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<section>");
-const PADDING_MAP = {
-    default: "p-6",
-    tight: "p-3",
-    none: "p-0"
-};
-const SectionCard = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "title",
-        "actions",
-        "padding",
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style"
-    ]);
-    const titleId = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createUniqueId)();
-    const padding = ()=>local.padding ?? "default";
-    const classes = ()=>twMerge("bg-base-100/85 backdrop-blur-xl border border-base-content/15 shadow-2xl rounded-box", PADDING_MAP[padding()], local.class, local.className);
-    return (()=>{
-        var _el$ = SectionCard_tmpl$4();
-        (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 ["aria-labelledby"] () {
-                return local.title ? titleId : 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.title || local.actions;
-            },
-            get children () {
-                var _el$2 = SectionCard_tmpl$3();
-                (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.title;
-                    },
-                    get children () {
-                        var _el$3 = SectionCard_tmpl$();
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$3, "id", titleId);
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.title);
-                        return _el$3;
-                    }
-                }), 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.actions;
-                    },
-                    get children () {
-                        var _el$4 = SectionCard_tmpl$2();
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.actions);
-                        return _el$4;
-                    }
-                }), null);
-                return _el$2;
-            }
-        }), null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children, null);
-        return _el$;
-    })();
-};
-const section_card_SectionCard = SectionCard;
 var Select_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<select><option value disabled hidden>");
 const Select = (props)=>{
     const merged = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.mergeProps)({
@@ -15973,7 +15755,10 @@ function SkipLink(props) {
     const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "href",
         "children",
-        "class"
+        "class",
+        "className",
+        "style",
+        "dataTheme"
     ]);
     return (()=>{
         var _el$ = SkipLink_tmpl$();
@@ -15982,7 +15767,13 @@ function SkipLink(props) {
                 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);
+                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");
@@ -16383,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);
@@ -16397,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++){
@@ -16529,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;
             })(),
             (()=>{
@@ -16544,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;
             })(),
             (()=>{
@@ -16694,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);
         };
@@ -16721,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);
@@ -16728,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;
     })();
@@ -17858,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 ?? {
@@ -17874,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 ?? [];
@@ -18077,9 +17891,7 @@ const StreamingTable = (props)=>{
                                             get colSpan () {
                                                 return local.columns.length;
                                             },
-                                            style: {
-                                                "text-align": "center"
-                                            },
+                                            class: "text-center",
                                             children: "No data"
                                         });
                                     }
@@ -18123,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, {
@@ -18169,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$;
     })();
 };
@@ -18823,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)(()=>{
@@ -18868,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();
@@ -18878,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,
@@ -18918,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$;
         }
     });
@@ -19226,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",
@@ -19269,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, {
@@ -19352,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, [
@@ -19421,12 +19256,12 @@ const Toggle = (props)=>{
     })();
 };
 const toggle_Toggle = Toggle;
-var ToggleSetting_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><div class="flex flex-col"><label class="text-sm font-medium cursor-pointer">'), ToggleSetting_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="text-xs opacity-60">');
-const ToggleSetting = (props)=>{
+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 = `toggle-setting-input-${id}`;
-    const labelId = `toggle-setting-label-${id}`;
-    const descriptionId = `toggle-setting-desc-${id}`;
+    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",
@@ -19434,6 +19269,8 @@ const ToggleSetting = (props)=>{
         "onChange",
         "disabled",
         "size",
+        "color",
+        "error",
         "dataTheme",
         "class",
         "className",
@@ -19443,7 +19280,7 @@ const ToggleSetting = (props)=>{
             "opacity-50": local.disabled
         }));
     return (()=>{
-        var _el$ = ToggleSetting_tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
+        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;
@@ -19455,18 +19292,28 @@ const ToggleSetting = (props)=>{
                 return local.style;
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$3, "id", labelId);
         (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$4 = ToggleSetting_tmpl$2();
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$4, "id", descriptionId);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.description);
-                    return _el$4;
+                    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 () {
@@ -19478,16 +19325,22 @@ const ToggleSetting = (props)=>{
             get size () {
                 return local.size;
             },
-            "aria-labelledby": labelId,
+            get color () {
+                return local.color;
+            },
             get ["aria-describedby"] () {
-                return local.description ? descriptionId : void 0;
+                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 toggle_setting_ToggleSetting = ToggleSetting;
+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, [
@@ -19527,13 +19380,10 @@ const VideoPreview = (props)=>{
                         return local.dataTheme;
                     },
                     get ["class"] () {
-                        return twMerge(local.class, local.className);
+                        return twMerge(mirror() && "-scale-x-100", local.class, local.className);
                     },
                     get style () {
-                        return {
-                            ...local.style ?? {},
-                            transform: mirror() ? "scaleX(-1)" : void 0
-                        };
+                        return local.style;
                     }
                 }), false, false);
                 return _el$;
@@ -19702,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, 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, duration_badge_DurationBadge as DurationBadge, EmptyState, EnhancedTable, FileInput, FirefoxPWABanner, flex_Flex as Flex, floating_dock_FloatingDock as FloatingDock, footer_Footer as Footer, form_Form as Form, form_actions_FormActions as FormActions, form_section_FormSection as FormSection, form_status_FormStatus as FormStatus, 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, level_meter_LevelMeter as LevelMeter, LightnessSlider, link_Link as Link, live_chat_LiveChatBubble as LiveChatBubble, LiveChatPanel, loading_Loading as Loading, mask as Mask, media_toggle_controls_MediaToggleControls as MediaToggleControls, 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, radio_group_RadioGroup as RadioGroup, range_Range as Range, range_slider_RangeSlider as RangeSlider, Rating, colorpicker_SaturationBrightness as SaturationBrightness, section_card_SectionCard as SectionCard, 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, 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, toggle_setting_ToggleSetting as ToggleSetting, 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 };
+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 };