@pathscale/ui 0.0.142 → 0.0.144

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);
@@ -10379,7 +10376,8 @@ const FileInput_FileInput = (props)=>{
     })();
 };
 const FileInput = FileInput_FileInput;
-var FloatingDock_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), FloatingDock_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><div class="flex items-center justify-center shrink-0">'), FloatingDock_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<button type=button class="appearance-none bg-transparent border-0 p-0 cursor-pointer">'), FloatingDock_tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<a>"), FloatingDock_tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><button type=button class="flex items-center justify-center rounded-full bg-base-200 cursor-pointer border-0 p-0">'), _tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<button type=button class="flex items-center justify-center rounded-full bg-base-100 cursor-pointer border-0 p-0">'), _tmpl$7 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div class=animate-fade-in>"), _tmpl$8 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<a class="flex items-center justify-center rounded-full bg-base-100">'), _tmpl$9 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="flex items-center justify-center rounded-full bg-base-100">'), _tmpl$0 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg xmlns=http://www.w3.org/2000/svg class="h-5 w-5 text-base-content/60"viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M4 6h16"></path><path d="M4 12h16"></path><path d="M4 18h16">');
+var FloatingDock_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), FloatingDock_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><div class="flex items-center justify-center shrink-0">'), FloatingDock_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<button type=button class="appearance-none bg-transparent border-0 p-0 cursor-pointer">'), FloatingDock_tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<a>"), FloatingDock_tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div role=toolbar aria-label=Actions>"), _tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><button type=button class="flex items-center justify-center rounded-full bg-base-200 cursor-pointer border-0 p-0">'), _tmpl$7 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<button type=button class="flex items-center justify-center rounded-full bg-base-100 cursor-pointer border-0 p-0">'), _tmpl$8 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div class=animate-fade-in>"), _tmpl$9 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<a class="flex items-center justify-center rounded-full bg-base-100">'), _tmpl$0 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="flex items-center justify-center rounded-full bg-base-100">'), _tmpl$1 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg xmlns=http://www.w3.org/2000/svg class="h-5 w-5 text-base-content/60"viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M4 6h16"></path><path d="M4 12h16"></path><path d="M4 18h16">');
+const FloatingDock_prefersReducedMotion = "undefined" != typeof window && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 function createSpring(initial, opts = {}) {
     const mass = opts.mass ?? 1;
     const stiffness = opts.stiffness ?? 150;
@@ -10394,7 +10392,19 @@ function createSpring(initial, opts = {}) {
         get () {
             return current;
         },
+        settled () {
+            return current === target && 0 === velocity;
+        },
+        snap () {
+            current = target;
+            velocity = 0;
+        },
         step (dt) {
+            if (FloatingDock_prefersReducedMotion) {
+                current = target;
+                velocity = 0;
+                return;
+            }
             const force = -stiffness * (current - target);
             const accel = (force - damping * velocity) / mass;
             velocity += accel * dt;
@@ -10428,45 +10438,57 @@ const FloatingDock_DockItem = (props)=>{
     let rafId;
     let prevTime = 0;
     let lastMousePos = 1 / 0;
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onMount)(()=>{
-        if (!cfg.magnify) return;
-        const tick = (time)=>{
-            const dt = prevTime ? Math.min((time - prevTime) / 1000, 0.05) : 1 / 60;
-            prevTime = time;
-            const mp = props.mousePos();
-            if (mp !== lastMousePos) {
-                lastMousePos = mp;
-                if (wrapRef) {
-                    const b = wrapRef.getBoundingClientRect();
-                    const isH = "horizontal" === cfg.orientation;
-                    const center = isH ? b.x + b.width / 2 : b.y + b.height / 2;
-                    const dist = Math.abs(mp - center);
-                    const ts = mp === 1 / 0 ? cfg.baseSize : mapRange(dist, 0, cfg.magnifyRange, cfg.hoverSize, cfg.baseSize);
-                    const ti = mp === 1 / 0 ? cfg.iconSize : mapRange(dist, 0, cfg.magnifyRange, cfg.hoverIconSize, cfg.iconSize);
-                    sW.set(ts);
-                    sH.set(ts);
-                    sIW.set(ti);
-                    sIH.set(ti);
-                }
-            }
-            sW.step(dt);
-            sH.step(dt);
-            sIW.step(dt);
-            sIH.step(dt);
+    let loopRunning = false;
+    const startLoop = ()=>{
+        if (loopRunning || !cfg.magnify) return;
+        loopRunning = true;
+        prevTime = 0;
+        rafId = requestAnimationFrame(tick);
+    };
+    const stopLoop = ()=>{
+        if (void 0 !== rafId) cancelAnimationFrame(rafId);
+        rafId = void 0;
+        loopRunning = false;
+    };
+    const tick = (time)=>{
+        const dt = prevTime ? Math.min((time - prevTime) / 1000, 0.05) : 1 / 60;
+        prevTime = time;
+        const mp = props.mousePos();
+        if (mp !== lastMousePos) {
+            lastMousePos = mp;
             if (wrapRef) {
-                wrapRef.style.width = `${sW.get()}px`;
-                wrapRef.style.height = `${sH.get()}px`;
-            }
-            if (iconRef) {
-                iconRef.style.width = `${sIW.get()}px`;
-                iconRef.style.height = `${sIH.get()}px`;
+                const b = wrapRef.getBoundingClientRect();
+                const isH = "horizontal" === cfg.orientation;
+                const center = isH ? b.x + b.width / 2 : b.y + b.height / 2;
+                const dist = Math.abs(mp - center);
+                const ts = mp === 1 / 0 ? cfg.baseSize : mapRange(dist, 0, cfg.magnifyRange, cfg.hoverSize, cfg.baseSize);
+                const ti = mp === 1 / 0 ? cfg.iconSize : mapRange(dist, 0, cfg.magnifyRange, cfg.hoverIconSize, cfg.iconSize);
+                sW.set(ts);
+                sH.set(ts);
+                sIW.set(ti);
+                sIH.set(ti);
             }
-            rafId = requestAnimationFrame(tick);
-        };
+        }
+        sW.step(dt);
+        sH.step(dt);
+        sIW.step(dt);
+        sIH.step(dt);
+        if (wrapRef) {
+            wrapRef.style.width = `${sW.get()}px`;
+            wrapRef.style.height = `${sH.get()}px`;
+        }
+        if (iconRef) {
+            iconRef.style.width = `${sIW.get()}px`;
+            iconRef.style.height = `${sIH.get()}px`;
+        }
+        if (sW.settled() && sH.settled() && sIW.settled() && sIH.settled()) return void stopLoop();
         rafId = requestAnimationFrame(tick);
+    };
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onMount)(()=>{
+        startLoop();
     });
     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
-        if (void 0 !== rafId) cancelAnimationFrame(rafId);
+        stopLoop();
     });
     const handleClick = (e)=>{
         if (props.item.onClick) {
@@ -10477,7 +10499,10 @@ const FloatingDock_DockItem = (props)=>{
     const inner = (()=>{
         var _el$ = FloatingDock_tmpl$2(), _el$3 = _el$.firstChild;
         _el$.addEventListener("mouseleave", ()=>setHovered(false));
-        _el$.addEventListener("mouseenter", ()=>setHovered(true));
+        _el$.addEventListener("mouseenter", ()=>{
+            setHovered(true);
+            startLoop();
+        });
         var _ref$ = wrapRef;
         "function" == typeof _ref$ ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$, _el$) : wrapRef = _el$;
         (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, {
@@ -10520,7 +10545,15 @@ const FloatingDock_DockItem = (props)=>{
                 get children () {
                     var _el$5 = FloatingDock_tmpl$4();
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, inner);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$5, "href", props.item.href));
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+                        var _v$4 = props.item.href, _v$5 = props.item.title;
+                        _v$4 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$5, "href", _p$.e = _v$4);
+                        _v$5 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$5, "aria-label", _p$.t = _v$5);
+                        return _p$;
+                    }, {
+                        e: void 0,
+                        t: void 0
+                    });
                     return _el$5;
                 }
             });
@@ -10529,6 +10562,7 @@ const FloatingDock_DockItem = (props)=>{
             var _el$4 = FloatingDock_tmpl$3();
             _el$4.$$click = handleClick;
             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, inner);
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$4, "aria-label", props.item.title));
             return _el$4;
         }
     });
@@ -10537,7 +10571,7 @@ const FloatingDockDesktop = (props)=>{
     const [mousePos, setMousePos] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(1 / 0);
     const isH = ()=>"horizontal" === props.cfg.orientation;
     return (()=>{
-        var _el$6 = FloatingDock_tmpl$();
+        var _el$6 = FloatingDock_tmpl$5();
         _el$6.addEventListener("mouseleave", ()=>setMousePos(1 / 0));
         _el$6.$$mousemove = (e)=>setMousePos(isH() ? e.clientX : e.clientY);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
@@ -10553,7 +10587,7 @@ const FloatingDockDesktop = (props)=>{
                 })
         }));
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-            var _v$4 = twMerge("mx-auto", "items-center", props.showContainer && "rounded-2xl bg-base-100 shadow-[0px_1px_0px_0px_var(--color-base-300)_inset,0px_1px_0px_0px_var(--color-base-100)]", isH() && props.showContainer && "px-4 py-2", !isH() && props.showContainer && "py-4 px-2", props.class), _v$5 = {
+            var _v$6 = twMerge("mx-auto", "items-center", props.showContainer && "rounded-2xl bg-base-100 shadow-[0px_1px_0px_0px_var(--color-base-300)_inset,0px_1px_0px_0px_var(--color-base-100)]", isH() && props.showContainer && "px-4 py-2", !isH() && props.showContainer && "py-4 px-2", props.class), _v$7 = {
                 display: "flex",
                 "flex-direction": isH() ? "row" : "column",
                 gap: `${props.cfg.gap}px`,
@@ -10564,8 +10598,8 @@ const FloatingDockDesktop = (props)=>{
                 },
                 overflow: "visible"
             };
-            _v$4 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$6, _p$.e = _v$4);
-            _p$.t = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.style)(_el$6, _v$5, _p$.t);
+            _v$6 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$6, _p$.e = _v$6);
+            _p$.t = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.style)(_el$6, _v$7, _p$.t);
             return _p$;
         }, {
             e: void 0,
@@ -10590,7 +10624,7 @@ const FloatingDockMobile = (props)=>{
         setOpen(false);
     };
     return (()=>{
-        var _el$7 = FloatingDock_tmpl$5(), _el$9 = _el$7.firstChild;
+        var _el$7 = _tmpl$6(), _el$9 = _el$7.firstChild;
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
             get when () {
                 return open();
@@ -10602,7 +10636,7 @@ const FloatingDockMobile = (props)=>{
                         return props.items;
                     },
                     children: (item, idx)=>(()=>{
-                            var _el$0 = _tmpl$7();
+                            var _el$0 = _tmpl$8();
                             _el$0.style.setProperty("animation-fill-mode", "backwards");
                             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$0, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
                                 get when () {
@@ -10615,13 +10649,13 @@ const FloatingDockMobile = (props)=>{
                                         },
                                         get fallback () {
                                             return (()=>{
-                                                var _el$11 = _tmpl$9();
+                                                var _el$11 = _tmpl$0();
                                                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$11, ()=>item.icon);
                                                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-                                                    var _v$14 = `${props.cfg.baseSize}px`, _v$15 = `${props.cfg.baseSize}px`, _v$16 = item.title;
-                                                    _v$14 !== _p$.e && (null != (_p$.e = _v$14) ? _el$11.style.setProperty("width", _v$14) : _el$11.style.removeProperty("width"));
-                                                    _v$15 !== _p$.t && (null != (_p$.t = _v$15) ? _el$11.style.setProperty("height", _v$15) : _el$11.style.removeProperty("height"));
-                                                    _v$16 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$11, "title", _p$.a = _v$16);
+                                                    var _v$16 = `${props.cfg.baseSize}px`, _v$17 = `${props.cfg.baseSize}px`, _v$18 = item.title;
+                                                    _v$16 !== _p$.e && (null != (_p$.e = _v$16) ? _el$11.style.setProperty("width", _v$16) : _el$11.style.removeProperty("width"));
+                                                    _v$17 !== _p$.t && (null != (_p$.t = _v$17) ? _el$11.style.setProperty("height", _v$17) : _el$11.style.removeProperty("height"));
+                                                    _v$18 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$11, "title", _p$.a = _v$18);
                                                     return _p$;
                                                 }, {
                                                     e: void 0,
@@ -10632,14 +10666,14 @@ const FloatingDockMobile = (props)=>{
                                             })();
                                         },
                                         get children () {
-                                            var _el$10 = _tmpl$8();
+                                            var _el$10 = _tmpl$9();
                                             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$10, ()=>item.icon);
                                             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-                                                var _v$10 = item.href, _v$11 = `${props.cfg.baseSize}px`, _v$12 = `${props.cfg.baseSize}px`, _v$13 = item.title;
-                                                _v$10 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$10, "href", _p$.e = _v$10);
-                                                _v$11 !== _p$.t && (null != (_p$.t = _v$11) ? _el$10.style.setProperty("width", _v$11) : _el$10.style.removeProperty("width"));
-                                                _v$12 !== _p$.a && (null != (_p$.a = _v$12) ? _el$10.style.setProperty("height", _v$12) : _el$10.style.removeProperty("height"));
-                                                _v$13 !== _p$.o && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$10, "title", _p$.o = _v$13);
+                                                var _v$12 = item.href, _v$13 = `${props.cfg.baseSize}px`, _v$14 = `${props.cfg.baseSize}px`, _v$15 = item.title;
+                                                _v$12 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$10, "href", _p$.e = _v$12);
+                                                _v$13 !== _p$.t && (null != (_p$.t = _v$13) ? _el$10.style.setProperty("width", _v$13) : _el$10.style.removeProperty("width"));
+                                                _v$14 !== _p$.a && (null != (_p$.a = _v$14) ? _el$10.style.setProperty("height", _v$14) : _el$10.style.removeProperty("height"));
+                                                _v$15 !== _p$.o && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$10, "title", _p$.o = _v$15);
                                                 return _p$;
                                             }, {
                                                 e: void 0,
@@ -10652,14 +10686,14 @@ const FloatingDockMobile = (props)=>{
                                     });
                                 },
                                 get children () {
-                                    var _el$1 = _tmpl$6();
+                                    var _el$1 = _tmpl$7();
                                     _el$1.$$click = (e)=>handleItemClick(item, e);
                                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$1, ()=>item.icon);
                                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-                                        var _v$9 = `${props.cfg.baseSize}px`, _v$0 = `${props.cfg.baseSize}px`, _v$1 = item.title;
-                                        _v$9 !== _p$.e && (null != (_p$.e = _v$9) ? _el$1.style.setProperty("width", _v$9) : _el$1.style.removeProperty("width"));
-                                        _v$0 !== _p$.t && (null != (_p$.t = _v$0) ? _el$1.style.setProperty("height", _v$0) : _el$1.style.removeProperty("height"));
-                                        _v$1 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$1, "title", _p$.a = _v$1);
+                                        var _v$1 = `${props.cfg.baseSize}px`, _v$10 = `${props.cfg.baseSize}px`, _v$11 = item.title;
+                                        _v$1 !== _p$.e && (null != (_p$.e = _v$1) ? _el$1.style.setProperty("width", _v$1) : _el$1.style.removeProperty("width"));
+                                        _v$10 !== _p$.t && (null != (_p$.t = _v$10) ? _el$1.style.setProperty("height", _v$10) : _el$1.style.removeProperty("height"));
+                                        _v$11 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$1, "title", _p$.a = _v$11);
                                         return _p$;
                                     }, {
                                         e: void 0,
@@ -10678,12 +10712,12 @@ const FloatingDockMobile = (props)=>{
             }
         }), _el$9);
         _el$9.$$click = ()=>setOpen(!open());
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, ()=>props.toggleIcon ?? _tmpl$0());
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, ()=>props.toggleIcon ?? _tmpl$1());
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-            var _v$6 = twMerge("relative block md:hidden", props.class), _v$7 = `${props.cfg.baseSize}px`, _v$8 = `${props.cfg.baseSize}px`;
-            _v$6 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$7, _p$.e = _v$6);
-            _v$7 !== _p$.t && (null != (_p$.t = _v$7) ? _el$9.style.setProperty("width", _v$7) : _el$9.style.removeProperty("width"));
-            _v$8 !== _p$.a && (null != (_p$.a = _v$8) ? _el$9.style.setProperty("height", _v$8) : _el$9.style.removeProperty("height"));
+            var _v$8 = twMerge("relative block md:hidden", props.class), _v$9 = `${props.cfg.baseSize}px`, _v$0 = `${props.cfg.baseSize}px`;
+            _v$8 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$7, _p$.e = _v$8);
+            _v$9 !== _p$.t && (null != (_p$.t = _v$9) ? _el$9.style.setProperty("width", _v$9) : _el$9.style.removeProperty("width"));
+            _v$0 !== _p$.a && (null != (_p$.a = _v$0) ? _el$9.style.setProperty("height", _v$0) : _el$9.style.removeProperty("height"));
             return _p$;
         }, {
             e: void 0,
@@ -10745,6 +10779,9 @@ const FloatingDock = (rawProps)=>{
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$13, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
             get ["data-theme"] () {
                 return local.dataTheme;
+            },
+            get style () {
+                return local.style;
             }
         }, others), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$13, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
@@ -10800,7 +10837,7 @@ const floating_dock_FloatingDock = FloatingDock;
     "click",
     "mousemove"
 ]);
-var GlassPanel_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<button type=button class="flex w-full items-center justify-between gap-2 px-4 py-3 text-sm font-medium cursor-pointer select-none transition-colors duration-150"><span class="flex items-center gap-2"></span><svg fill=none viewBox="0 0 24 24"stroke=currentColor stroke-width=1.5><path stroke-linecap=round stroke-linejoin=round d="M19 9l-7 7-7-7">'), GlassPanel_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+var GlassPanel_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<button type=button class="flex w-full items-center justify-between gap-2 px-4 py-3 text-sm font-medium cursor-pointer select-none transition-colors duration-150 text-base-content/50 hover:text-base-content/80 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"><span class="flex items-center gap-2"></span><svg fill=none viewBox="0 0 24 24"stroke=currentColor stroke-width=1.5><path stroke-linecap=round stroke-linejoin=round d="M19 9l-7 7-7-7">'), GlassPanel_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><div class="grid transition-[grid-template-rows] duration-200 ease-in-out"><div>');
 const BLUR_MAP = {
     none: "",
     sm: "backdrop-blur-sm",
@@ -10823,7 +10860,9 @@ const ACCENT_BORDER = {
     info: "border-l-info",
     success: "border-l-success",
     warning: "border-l-warning",
-    error: "border-l-error"
+    error: "border-l-error",
+    neutral: "border-l-neutral",
+    ghost: "border-l-transparent"
 };
 const GlassPanel = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -10844,6 +10883,7 @@ const GlassPanel = (props)=>{
         "dataTheme",
         "style"
     ]);
+    const contentId = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createUniqueId)();
     const blur = ()=>local.blur ?? "none";
     const size = ()=>local.size ?? "md";
     const isControlled = ()=>void 0 !== local.open;
@@ -10871,12 +10911,9 @@ const GlassPanel = (props)=>{
         if (local.glow) base["box-shadow"] = "inset 0 1px 0 color-mix(in srgb, var(--color-base-content) 5%, transparent)";
         return base;
     };
-    const contentClasses = ()=>twMerge(SIZE_PADDING[size()], clsx({
-            "animate-collapse-open": local.collapsible && isOpen(),
-            "animate-collapse-close": local.collapsible && !isOpen()
-        }));
+    const contentClasses = ()=>twMerge(SIZE_PADDING[size()]);
     return (()=>{
-        var _el$ = GlassPanel_tmpl$2();
+        var _el$ = GlassPanel_tmpl$2(), _el$5 = _el$.firstChild, _el$6 = _el$5.firstChild;
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             get ["class"] () {
                 return containerClasses();
@@ -10895,13 +10932,7 @@ const GlassPanel = (props)=>{
             get children () {
                 var _el$2 = GlassPanel_tmpl$(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
                 _el$2.$$click = handleToggle;
-                _el$2.addEventListener("mouseleave", (e)=>{
-                    e.currentTarget.style.color = "color-mix(in srgb, var(--color-base-content) 50%, transparent)";
-                });
-                _el$2.addEventListener("mouseenter", (e)=>{
-                    e.currentTarget.style.color = "color-mix(in srgb, var(--color-base-content) 80%, transparent)";
-                });
-                _el$2.style.setProperty("color", "color-mix(in srgb, var(--color-base-content) 50%, transparent)");
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "aria-controls", contentId);
                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
                     get when () {
                         return local.icon;
@@ -10924,18 +10955,18 @@ const GlassPanel = (props)=>{
                 });
                 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.collapsible || isOpen();
-            },
-            get children () {
-                var _el$5 = GlassPanel_tmpl$2();
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, ()=>local.children);
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$5, contentClasses()));
-                return _el$5;
-            }
-        }), null);
+        }), _el$5);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$5, "id", contentId);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, ()=>local.children);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+            var _v$3 = !local.collapsible || isOpen() ? "1fr" : "0fr", _v$4 = `overflow-hidden ${contentClasses()}`;
+            _v$3 !== _p$.e && (null != (_p$.e = _v$3) ? _el$5.style.setProperty("grid-template-rows", _v$3) : _el$5.style.removeProperty("grid-template-rows"));
+            _v$4 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$6, _p$.t = _v$4);
+            return _p$;
+        }, {
+            e: void 0,
+            t: void 0
+        });
         return _el$;
     })();
 };
@@ -10950,13 +10981,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 +11000,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 +11101,9 @@ const FormActions = (props)=>{
             get disabled () {
                 return !isValid() || local.isLoading;
             },
+            get ["aria-busy"] () {
+                return local.isLoading;
+            },
             get children () {
                 return submitText();
             }
@@ -11081,6 +11126,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 +11149,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 +11186,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 +11209,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 +11218,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 +11234,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 +11244,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 +13925,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 +14158,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 +14486,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 +14650,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 +14676,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 +14952,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 +14963,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 +14990,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 +15008,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 +15018,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 +15132,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 +15170,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 +15224,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 +15364,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 +15789,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 +15801,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 +16208,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), SvgBackground_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 +16222,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 +16365,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 +16380,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 +16530,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 +16558,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 +16566,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 _el$14 = SvgBackground_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 +17704,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 +17722,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 +17925,7 @@ const StreamingTable = (props)=>{
                                             get colSpan () {
                                                 return local.columns.length;
                                             },
-                                            style: {
-                                                "text-align": "center"
-                                            },
+                                            class: "text-center",
                                             children: "No data"
                                         });
                                     }
@@ -18123,7 +17969,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 +18015,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 +18670,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 +18725,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 +18735,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 +18783,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 +19082,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 +19126,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 +19212,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 +19290,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 +19303,8 @@ const ToggleSetting = (props)=>{
         "onChange",
         "disabled",
         "size",
+        "color",
+        "error",
         "dataTheme",
         "class",
         "className",
@@ -19443,7 +19314,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 +19326,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 +19359,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 +19414,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 +19586,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 };