@pathscale/ui 0.0.120 → 0.0.122

package/dist/index.js

@@ -9397,7 +9397,7 @@ const DropdownDetails = Object.assign(Details, {
     Toggle: DropdownToggle_Summary
 });
 var DropdownItem_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<li role=menuitem>"), DropdownItem_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<a>"), DropdownItem_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button>");
-const DropdownItem_DropdownItem = (props)=>{
+const DropdownItem = (props)=>{
     const dropdownContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(DropdownContext);
     const defaultProps = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.mergeProps)({
         closeOnClick: true
@@ -9439,7 +9439,7 @@ const DropdownItem_DropdownItem = (props)=>{
         return _el$;
     })();
 };
-const DropdownItem = DropdownItem_DropdownItem;
+const dropdown_DropdownItem = DropdownItem;
 var DropdownMenu_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<ul>");
 const DropdownMenu = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -9641,7 +9641,7 @@ const dropdown_Dropdown = Object.assign(Dropdown, {
     Details: DropdownDetails,
     Toggle: dropdown_DropdownToggle,
     Menu: dropdown_DropdownMenu,
-    Item: DropdownItem
+    Item: dropdown_DropdownItem
 });
 const dropdown = dropdown_Dropdown;
 var FileInput_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<input>");
@@ -11255,6 +11255,572 @@ const Link = (props)=>{
     })();
 };
 const link_Link = Link;
+var LiveChatPanel_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg xmlns=http://www.w3.org/2000/svg class="w-5 h-5"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z">'), LiveChatPanel_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<h3 class="font-semibold text-lg">'), LiveChatPanel_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><div class="flex-shrink-0 bg-primary text-primary-content px-4 py-4 flex items-center justify-between"><button class="hover:bg-primary-focus rounded-lg p-1 transition-colors"><svg xmlns=http://www.w3.org/2000/svg class="w-5 h-5"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M6 18L18 6M6 6l12 12"></path></svg></button></div><div class="flex-1 overflow-y-auto px-4 py-4 space-y-4"></div><div class="flex-shrink-0 border-t border-base-300 bg-base-100 p-3">'), LiveChatPanel_tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), LiveChatPanel_tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><p class="text-sm leading-relaxed whitespace-pre-wrap break-words">'), _tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="text-xs text-base-content/50 mt-1 px-1">'), _tmpl$7 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="w-4 h-4 border-2 border-primary-content/30 border-t-primary-content rounded-full animate-spin inline-block">');
+const getMockMessages = ()=>{
+    const salesMessages = [
+        {
+            messageId: "sales-1",
+            content: "Hi! I'm interested in your product. Can you tell me more?",
+            sender: "user",
+            timestamp: Date.now() - 3600000
+        },
+        {
+            messageId: "sales-2",
+            content: "Hello! Thanks for your interest. We offer flexible pricing plans starting at $49/month. Would you like to schedule a demo?",
+            sender: "agent",
+            timestamp: Date.now() - 3500000
+        },
+        {
+            messageId: "sales-3",
+            content: "That sounds great! What features are included in the basic plan?",
+            sender: "user",
+            timestamp: Date.now() - 3400000
+        }
+    ];
+    const supportMessages = [
+        {
+            messageId: "support-1",
+            content: "I'm having trouble connecting. It keeps showing 'Connection Failed'.",
+            sender: "user",
+            timestamp: Date.now() - 7200000
+        },
+        {
+            messageId: "support-2",
+            content: "I'm sorry to hear that. Let me help you troubleshoot. Can you tell me which browser you're using?",
+            sender: "agent",
+            timestamp: Date.now() - 7100000
+        },
+        {
+            messageId: "support-3",
+            content: "I'm using Chrome version 121 on Windows 11",
+            sender: "user",
+            timestamp: Date.now() - 7000000
+        },
+        {
+            messageId: "support-4",
+            content: "Thanks for that info. Let's try clearing your browser cache first. Can you go to Settings > Privacy and security > Clear browsing data?",
+            sender: "agent",
+            timestamp: Date.now() - 6900000
+        }
+    ];
+    return [
+        ...salesMessages,
+        ...supportMessages
+    ].sort((a, b)=>a.timestamp - b.timestamp);
+};
+const formatTime = (timestamp)=>new Intl.DateTimeFormat("en-US", {
+        hour: "numeric",
+        minute: "2-digit",
+        hour12: true
+    }).format(new Date(timestamp));
+const LiveChatPanel_LiveChatPanel = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "onClose",
+        "title",
+        "placeholder",
+        "closeLabel",
+        "sendLabel",
+        "emptyMessage",
+        "mockMode",
+        "messages",
+        "onSendMessage",
+        "isSending",
+        "class",
+        "className",
+        "style"
+    ]);
+    const [internalMessages, setInternalMessages] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)([]);
+    const [inputValue, setInputValue] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)("");
+    const [sending, setSending] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+        if (local.mockMode) setInternalMessages(getMockMessages());
+        else if (local.messages) setInternalMessages(local.messages);
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+        if (!local.mockMode && local.messages) setInternalMessages(local.messages);
+    });
+    const isSending = ()=>local.isSending ?? sending();
+    const handleSend = async ()=>{
+        const content = inputValue().trim();
+        if (!content || isSending()) return;
+        if (local.mockMode) {
+            const userMessage = {
+                messageId: `user-${Date.now()}`,
+                content,
+                sender: "user",
+                timestamp: Date.now()
+            };
+            setInternalMessages((prev)=>[
+                    ...prev,
+                    userMessage
+                ]);
+            setInputValue("");
+            setTimeout(()=>{
+                const agentMessage = {
+                    messageId: `agent-${Date.now()}`,
+                    content: "Thanks for your message! This is a demo response.",
+                    sender: "agent",
+                    timestamp: Date.now()
+                };
+                setInternalMessages((prev)=>[
+                        ...prev,
+                        agentMessage
+                    ]);
+            }, 1000);
+        } else if (local.onSendMessage) {
+            setSending(true);
+            try {
+                const response = await local.onSendMessage({
+                    message: content
+                });
+                const userMessage = {
+                    messageId: response.messageId,
+                    content,
+                    sender: "user",
+                    timestamp: response.timestamp
+                };
+                setInternalMessages((prev)=>[
+                        ...prev,
+                        userMessage
+                    ]);
+                setInputValue("");
+            } catch (error) {
+                console.error("[LiveChatPanel] Failed to send message:", error);
+            } finally{
+                setSending(false);
+            }
+        }
+    };
+    const handleKeyPress = (e)=>{
+        if ("Enter" === e.key && !e.shiftKey) {
+            e.preventDefault();
+            handleSend();
+        }
+    };
+    const classes = ()=>twMerge(`fixed inset-0
+      sm:inset-auto
+      sm:bottom-20 sm:right-4
+      md:bottom-24 md:right-6
+      z-51
+      w-full h-full
+      sm:w-96 md:w-[400px]
+      sm:h-[70vh]
+      md:h-[75vh]
+      lg:h-[80vh]
+      sm:max-h-[800px]
+      sm:min-h-[420px]
+      bg-base-100
+      sm:rounded-2xl
+      shadow-2xl
+      flex flex-col
+      overflow-hidden`, clsx(local.class, local.className));
+    return (()=>{
+        var _el$ = LiveChatPanel_tmpl$3(), _el$2 = _el$.firstChild, _el$5 = _el$2.firstChild, _el$6 = _el$2.nextSibling, _el$7 = _el$6.nextSibling;
+        (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 style () {
+                return local.style;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(flex_Flex, {
+            align: "center",
+            gap: "sm",
+            get children () {
+                return [
+                    LiveChatPanel_tmpl$(),
+                    (()=>{
+                        var _el$4 = LiveChatPanel_tmpl$2();
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.title ?? "Chat with us");
+                        return _el$4;
+                    })()
+                ];
+            }
+        }), _el$5);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.addEventListener)(_el$5, "click", local.onClose, true);
+        (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, {
+            get each () {
+                return internalMessages();
+            },
+            children: (message)=>{
+                const isUser = "user" === message.sender;
+                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(flex_Flex, {
+                    direction: isUser ? "row-reverse" : "row",
+                    gap: "sm",
+                    class: "w-full",
+                    get children () {
+                        return [
+                            (()=>{
+                                var _el$8 = LiveChatPanel_tmpl$4();
+                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$8, `flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center text-xs font-semibold ${isUser ? "bg-primary text-primary-content" : "bg-base-300 text-base-content"}`);
+                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$8, isUser ? "U" : "A");
+                                return _el$8;
+                            })(),
+                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(flex_Flex, {
+                                direction: "col",
+                                align: isUser ? "end" : "start",
+                                class: "max-w-[75%]",
+                                get children () {
+                                    return [
+                                        (()=>{
+                                            var _el$9 = LiveChatPanel_tmpl$5(), _el$0 = _el$9.firstChild;
+                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$9, `px-3 py-2 rounded-2xl ${isUser ? "bg-primary text-primary-content rounded-tr-sm" : "bg-base-200 text-base-content rounded-tl-sm"}`);
+                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$0, ()=>message.content);
+                                            return _el$9;
+                                        })(),
+                                        (()=>{
+                                            var _el$1 = _tmpl$6();
+                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$1, ()=>formatTime(message.timestamp));
+                                            return _el$1;
+                                        })()
+                                    ];
+                                }
+                            })
+                        ];
+                    }
+                });
+            }
+        }), null);
+        (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__.Show, {
+            get when () {
+                return 0 === internalMessages().length;
+            },
+            get children () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(flex_Flex, {
+                    justify: "center",
+                    align: "center",
+                    class: "h-full text-base-content/50 text-sm",
+                    get children () {
+                        return local.emptyMessage ?? "No messages yet. Start a conversation!";
+                    }
+                });
+            }
+        }), null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(flex_Flex, {
+            gap: "sm",
+            get children () {
+                return [
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(input, {
+                        type: "text",
+                        get value () {
+                            return inputValue();
+                        },
+                        onInput: (e)=>setInputValue(e.currentTarget.value),
+                        onKeyPress: handleKeyPress,
+                        get placeholder () {
+                            return local.placeholder ?? "Message support...";
+                        },
+                        get disabled () {
+                            return isSending();
+                        },
+                        class: "flex-1 px-3 py-2 bg-base-200 border border-base-300 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-primary/50 focus:border-primary disabled:opacity-50 disabled:cursor-not-allowed transition-all"
+                    }),
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
+                        onClick: handleSend,
+                        get disabled () {
+                            return !inputValue().trim() || isSending();
+                        },
+                        class: "px-4 py-2",
+                        color: "primary",
+                        get children () {
+                            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                                get when () {
+                                    return !isSending();
+                                },
+                                get fallback () {
+                                    return _tmpl$7();
+                                },
+                                get children () {
+                                    return local.sendLabel ?? "Send";
+                                }
+                            });
+                        }
+                    })
+                ];
+            }
+        }));
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$5, "aria-label", local.closeLabel ?? "Close chat"));
+        return _el$;
+    })();
+};
+const LiveChatPanel = LiveChatPanel_LiveChatPanel;
+(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
+    "click"
+]);
+var LiveChatBubble_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="absolute -top-1 -right-1 w-5 h-5 bg-error text-error-content text-xs font-bold rounded-full flex items-center justify-center animate-pulse">'), LiveChatBubble_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<button><span class="pointer-events-none absolute inset-0 rounded-full bg-primary animate-ping opacity-20 group-hover:opacity-0 transition-opacity">'), LiveChatBubble_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg xmlns=http://www.w3.org/2000/svg class="w-5 h-5 sm:w-6 sm:h-6"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z">'), LiveChatBubble_tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg xmlns=http://www.w3.org/2000/svg class="w-5 h-5 sm:w-6 sm:h-6"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M6 18L18 6M6 6l12 12">');
+const LiveChatBubble = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "position",
+        "aria-label",
+        "unreadCount",
+        "panelProps",
+        "onOpen",
+        "onClose",
+        "children",
+        "class",
+        "className",
+        "style"
+    ]);
+    const [isOpen, setIsOpen] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
+    const [internalUnread, setInternalUnread] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(local.unreadCount ?? 0);
+    const unreadCount = ()=>local.unreadCount ?? internalUnread();
+    const toggleChat = ()=>{
+        const newState = !isOpen();
+        setIsOpen(newState);
+        if (newState) {
+            setInternalUnread(0);
+            local.onOpen?.();
+        } else local.onClose?.();
+    };
+    const handleClose = ()=>{
+        setIsOpen(false);
+        local.onClose?.();
+    };
+    const positionClasses = ()=>{
+        const pos = local.position ?? "bottom-right";
+        return "bottom-left" === pos ? "left-4" : "right-4";
+    };
+    const buttonClasses = ()=>twMerge("fixed bottom-5 z-50 w-12 h-12 sm:w-14 sm:h-14 bg-primary text-primary-content rounded-full shadow-lg hover:shadow-xl active:scale-95 transition-all duration-200 flex items-center justify-center group", positionClasses(), clsx(local.class, local.className));
+    return [
+        (()=>{
+            var _el$ = LiveChatBubble_tmpl$2(), _el$3 = _el$.firstChild;
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+                onClick: toggleChat,
+                get ["class"] () {
+                    return buttonClasses();
+                },
+                get style () {
+                    return local.style;
+                },
+                get ["aria-label"] () {
+                    return local["aria-label"] ?? "Open chat";
+                }
+            }), false, true);
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children ?? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                    get when () {
+                        return !isOpen();
+                    },
+                    get fallback () {
+                        return LiveChatBubble_tmpl$4();
+                    },
+                    get children () {
+                        return LiveChatBubble_tmpl$3();
+                    }
+                }), _el$3);
+            (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 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>unreadCount() > 0)() && !isOpen();
+                },
+                get children () {
+                    var _el$2 = LiveChatBubble_tmpl$();
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (()=>{
+                        var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>unreadCount() > 9);
+                        return ()=>_c$() ? "9+" : unreadCount();
+                    })());
+                    return _el$2;
+                }
+            }), _el$3);
+            return _el$;
+        })(),
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+            get when () {
+                return isOpen();
+            },
+            get children () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(LiveChatPanel, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>local.panelProps ?? {}, {
+                    onClose: handleClose
+                }));
+            }
+        })
+    ];
+};
+const live_chat_LiveChatBubble = LiveChatBubble;
+var LanguageSwitcher_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
+const LanguageSwitcher = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "i18n",
+        "class",
+        "className",
+        "style",
+        "aria-label",
+        "currentLanguageLabel",
+        "optionsLabel",
+        "loadingLabel",
+        "onLanguageChange"
+    ]);
+    const currentLanguageName = ()=>local.i18n.languageNames[local.i18n.locale];
+    const isSelected = (lang)=>local.i18n.locale === lang;
+    const handleSelect = async (lang)=>{
+        await local.i18n.setLocale(lang);
+        local.onLanguageChange?.(lang);
+    };
+    const classes = ()=>twMerge("min-w-28", clsx(local.class, local.className));
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(dropdown, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+        get ["class"] () {
+            return classes();
+        },
+        get style () {
+            return local.style;
+        },
+        role: void 0,
+        get ["aria-label"] () {
+            return local["aria-label"] ?? "Language selector";
+        },
+        "aria-haspopup": "menu",
+        get children () {
+            return [
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(dropdown.Toggle, {
+                    class: "bg-base-100 border border-base-300 rounded px-3 py-2 flex gap-2 justify-between items-center",
+                    get ["aria-label"] () {
+                        return `${local.currentLanguageLabel ?? "Current language"}: ${currentLanguageName()}`;
+                    },
+                    get children () {
+                        return [
+                            (()=>{
+                                var _el$ = LanguageSwitcher_tmpl$();
+                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, currentLanguageName);
+                                return _el$;
+                            })(),
+                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                                get when () {
+                                    return !local.i18n.isLoading;
+                                },
+                                get fallback () {
+                                    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(icon_Icon, {
+                                        name: "icon-[mdi--loading]",
+                                        class: "animate-spin",
+                                        width: 16,
+                                        height: 16,
+                                        get ["aria-label"] () {
+                                            return local.loadingLabel ?? "Loading language";
+                                        }
+                                    });
+                                },
+                                get children () {
+                                    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(icon_Icon, {
+                                        name: "icon-[mdi--chevron-down]",
+                                        width: 16,
+                                        height: 16,
+                                        "aria-hidden": "true"
+                                    });
+                                }
+                            })
+                        ];
+                    }
+                }),
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(dropdown.Menu, {
+                    class: "w-full",
+                    get ["aria-label"] () {
+                        return local.optionsLabel ?? "Language options";
+                    },
+                    get children () {
+                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
+                            get each () {
+                                return local.i18n.languages;
+                            },
+                            children: (lang)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(dropdown.Item, {
+                                    onClick: ()=>handleSelect(lang.code),
+                                    get ["class"] () {
+                                        return isSelected(lang.code) ? "bg-base-200" : "";
+                                    },
+                                    get ["aria-current"] () {
+                                        return isSelected(lang.code) ? "true" : void 0;
+                                    },
+                                    get children () {
+                                        return lang.name;
+                                    }
+                                })
+                        });
+                    }
+                })
+            ];
+        }
+    }));
+};
+const language_switcher_LanguageSwitcher = LanguageSwitcher;
+function getNestedValue(obj, path) {
+    const keys = path.split(".");
+    let value = obj;
+    for (const key of keys){
+        value = value?.[key];
+        if (void 0 === value) return path;
+    }
+    return "string" == typeof value ? value : path;
+}
+function createI18n(options) {
+    const { languages, defaultLanguage = languages[0]?.code ?? "en", storageKey, loadTranslations, initialTranslations = {} } = options;
+    const supportedCodes = languages.map((l)=>l.code);
+    const languageNames = languages.reduce((acc, lang)=>({
+            ...acc,
+            [lang.code]: lang.name
+        }), {});
+    const [localeSignal, setLocaleSignal] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(defaultLanguage);
+    const [translations, setTranslations] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(initialTranslations);
+    const [isLoadingSignal, setIsLoading] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
+    const t = (key)=>getNestedValue(translations(), key);
+    const setLocale = async (lang)=>{
+        if (!supportedCodes.includes(lang)) lang = defaultLanguage;
+        if (lang === localeSignal() && Object.keys(translations()).length > 0) return;
+        setIsLoading(true);
+        try {
+            const minDelay = new Promise((resolve)=>setTimeout(resolve, 100));
+            let data;
+            await minDelay;
+            data = lang === defaultLanguage && Object.keys(initialTranslations).length > 0 ? initialTranslations : loadTranslations ? await loadTranslations(lang) : initialTranslations;
+            setTranslations(data);
+            setLocaleSignal(lang);
+            if ("undefined" != typeof window) localStorage.setItem(storageKey, lang);
+        } finally{
+            setIsLoading(false);
+        }
+    };
+    const init = async ()=>{
+        if ("undefined" == typeof window) return;
+        const urlParams = new URLSearchParams(globalThis.location.search);
+        const urlLang = urlParams.get("lang");
+        const saved = localStorage.getItem(storageKey);
+        const browserLang = navigator.language.split("-")[0];
+        let detected;
+        if (urlLang && supportedCodes.includes(urlLang)) {
+            detected = urlLang;
+            urlParams.delete("lang");
+            const newUrl = urlParams.toString() ? `${globalThis.location.pathname}?${urlParams.toString()}` : globalThis.location.pathname;
+            globalThis.history.replaceState({}, "", newUrl);
+        } else detected = saved && supportedCodes.includes(saved) ? saved : supportedCodes.includes(browserLang) ? browserLang : defaultLanguage;
+        await setLocale(detected);
+    };
+    return {
+        get locale () {
+            return localeSignal();
+        },
+        get isLoading () {
+            return isLoadingSignal();
+        },
+        t,
+        setLocale,
+        init,
+        languages,
+        languageNames,
+        supportedCodes
+    };
+}
+const I18nContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
+function useI18n() {
+    const context = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(I18nContext);
+    if (!context) throw new Error("useI18n must be used within an I18nProvider");
+    return context.i18n;
+}
+const I18nProvider = (props)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(I18nContext.Provider, {
+        get value () {
+            return {
+                i18n: props.i18n
+            };
+        },
+        get children () {
+            return props.children;
+        }
+    });
 var Mask_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<img>");
 function maskClassName({ className, variant } = {}) {
     return twMerge("mask", className, clsx({
@@ -13107,7 +13673,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), _tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<svg><circle cx=400 cy=400 r=120></svg>", false, true, false), _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), _tmpl$8 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<svg><circle cx=200 cy=0 r=100></svg>", false, true, false), _tmpl$9 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<svg><circle cx=400 cy=200 r=100></svg>", false, true, false), _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), _tmpl$8 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<svg><circle cx=200 cy=0 r=100></svg>", false, true, false), _tmpl$9 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<svg><circle cx=400 cy=200 r=100></svg>", false, true, false), _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">');
 function SvgBackground_hexToRgb(hex) {
     hex = hex.replace(/^#/, "");
     const bigint = Number.parseInt(hex, 16);
@@ -13267,12 +13833,12 @@ function SvgBackground(props) {
                 return _el$6;
             })(),
             (()=>{
-                var _el$7 = _tmpl$6();
+                var _el$7 = SvgBackground_tmpl$6();
                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$7, "fill", colorEnd);
                 return _el$7;
             })(),
             (()=>{
-                var _el$8 = _tmpl$7();
+                var _el$8 = SvgBackground_tmpl$7();
                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$8, "fill", getIntermediateColor(0.65)));
                 return _el$8;
             })(),
@@ -15008,6 +15574,585 @@ const Textarea = (props)=>{
     })();
 };
 const textarea_Textarea = Textarea;
+let cspAllowsInlineStyles = null;
+const checkCspAllowsInlineStyles = ()=>{
+    if (null !== cspAllowsInlineStyles) return cspAllowsInlineStyles;
+    if ("undefined" == typeof window) return true;
+    try {
+        const testEl = document.createElement("div");
+        testEl.style.setProperty("--csp-test", "1");
+        document.body.appendChild(testEl);
+        const computed = getComputedStyle(testEl).getPropertyValue("--csp-test");
+        document.body.removeChild(testEl);
+        cspAllowsInlineStyles = "1" === computed;
+    } catch  {
+        cspAllowsInlineStyles = false;
+    }
+    if (!cspAllowsInlineStyles) console.info("[hueShift] CSP blocks inline styles - hue customization disabled");
+    return cspAllowsInlineStyles;
+};
+const MIN_CHROMA_SCALE = 0.3;
+function hslHueToOklchHue(hslHue) {
+    const h = (hslHue % 360 + 360) % 360;
+    const controlPoints = [
+        [
+            0,
+            29
+        ],
+        [
+            30,
+            55
+        ],
+        [
+            60,
+            100
+        ],
+        [
+            120,
+            145
+        ],
+        [
+            180,
+            195
+        ],
+        [
+            240,
+            265
+        ],
+        [
+            300,
+            330
+        ],
+        [
+            360,
+            389
+        ]
+    ];
+    for(let i = 0; i < controlPoints.length - 1; i++){
+        const [h1, o1] = controlPoints[i];
+        const [h2, o2] = controlPoints[i + 1];
+        if (h >= h1 && h <= h2) {
+            const t = (h - h1) / (h2 - h1);
+            const oklchHue = o1 + t * (o2 - o1);
+            return (oklchHue % 360 + 360) % 360;
+        }
+    }
+    return h;
+}
+const PRIMARY_SETTINGS = {
+    light: {
+        "--color-primary": {
+            l: 45,
+            c: 0.2
+        },
+        "--color-primary-content": {
+            l: 98,
+            c: 0.02
+        }
+    },
+    dark: {
+        "--color-primary": {
+            l: 58,
+            c: 0.233
+        },
+        "--color-primary-content": {
+            l: 96,
+            c: 0.018
+        }
+    }
+};
+const HARMONY_OFFSETS = {
+    secondary: 108,
+    accent: -94
+};
+const HARMONY_SETTINGS = {
+    light: {
+        "--color-secondary": {
+            l: 68,
+            c: 0.162
+        },
+        "--color-secondary-content": {
+            l: 98,
+            c: 0.026
+        },
+        "--color-accent": {
+            l: 60,
+            c: 0.118
+        },
+        "--color-accent-content": {
+            l: 98,
+            c: 0.014
+        }
+    },
+    dark: {
+        "--color-secondary": {
+            l: 63,
+            c: 0.237
+        },
+        "--color-secondary-content": {
+            l: 97,
+            c: 0.013
+        },
+        "--color-accent": {
+            l: 70,
+            c: 0.14
+        },
+        "--color-accent-content": {
+            l: 98,
+            c: 0.014
+        }
+    }
+};
+const SEMANTIC_BASE_HUES = {
+    success: 140,
+    warning: 55,
+    error: 10,
+    info: 220
+};
+const SEMANTIC_TINT_FACTOR = 0.12;
+const SEMANTIC_SETTINGS = {
+    light: {
+        "--color-success": {
+            l: 72,
+            c: 0.219
+        },
+        "--color-success-content": {
+            l: 98,
+            c: 0.018
+        },
+        "--color-warning": {
+            l: 70,
+            c: 0.213
+        },
+        "--color-warning-content": {
+            l: 98,
+            c: 0.016
+        },
+        "--color-error": {
+            l: 65,
+            c: 0.241
+        },
+        "--color-error-content": {
+            l: 97,
+            c: 0.014
+        },
+        "--color-info": {
+            l: 68,
+            c: 0.169
+        },
+        "--color-info-content": {
+            l: 97,
+            c: 0.013
+        }
+    },
+    dark: {
+        "--color-success": {
+            l: 76,
+            c: 0.233
+        },
+        "--color-success-content": {
+            l: 98,
+            c: 0.031
+        },
+        "--color-warning": {
+            l: 79,
+            c: 0.184
+        },
+        "--color-warning-content": {
+            l: 98,
+            c: 0.026
+        },
+        "--color-error": {
+            l: 64,
+            c: 0.246
+        },
+        "--color-error-content": {
+            l: 96,
+            c: 0.015
+        },
+        "--color-info": {
+            l: 71,
+            c: 0.143
+        },
+        "--color-info-content": {
+            l: 98,
+            c: 0.019
+        }
+    }
+};
+const BASE_COLORS = {
+    light: {
+        "--color-base-100": {
+            l: 98,
+            c: 0.001,
+            h: 106.423
+        },
+        "--color-base-200": {
+            l: 97,
+            c: 0.001,
+            h: 106.424
+        },
+        "--color-base-300": {
+            l: 92,
+            c: 0.003,
+            h: 48.717
+        }
+    },
+    dark: {
+        "--color-base-100": {
+            l: 13,
+            c: 0.028,
+            h: 261.692
+        },
+        "--color-base-200": {
+            l: 21,
+            c: 0.034,
+            h: 264.665
+        },
+        "--color-base-300": {
+            l: 27,
+            c: 0.033,
+            h: 256.848
+        }
+    }
+};
+const BASE_CHROMA_BOOST = 0.025;
+const GRADIENT_COLORS = {
+    light: {
+        "--gradient-start": {
+            h: 347,
+            s: 47,
+            l: 93
+        },
+        "--gradient-end": {
+            h: 199,
+            s: 45,
+            l: 93
+        }
+    },
+    dark: {
+        "--gradient-start": {
+            h: 261,
+            s: 38,
+            l: 15
+        },
+        "--gradient-end": {
+            h: 220,
+            s: 54,
+            l: 8
+        }
+    }
+};
+function toOklch(l, c, h) {
+    const normalizedH = (h % 360 + 360) % 360;
+    return `oklch(${l}% ${c} ${normalizedH})`;
+}
+function hslToHex(h, s, l) {
+    const normalizedH = (h % 360 + 360) % 360;
+    const sNorm = s / 100;
+    const lNorm = l / 100;
+    const c = (1 - Math.abs(2 * lNorm - 1)) * sNorm;
+    const x = c * (1 - Math.abs(normalizedH / 60 % 2 - 1));
+    const m = lNorm - c / 2;
+    let r = 0, g = 0, b = 0;
+    if (normalizedH < 60) {
+        r = c;
+        g = x;
+        b = 0;
+    } else if (normalizedH < 120) {
+        r = x;
+        g = c;
+        b = 0;
+    } else if (normalizedH < 180) {
+        r = 0;
+        g = c;
+        b = x;
+    } else if (normalizedH < 240) {
+        r = 0;
+        g = x;
+        b = c;
+    } else if (normalizedH < 300) {
+        r = x;
+        g = 0;
+        b = c;
+    } else {
+        r = c;
+        g = 0;
+        b = x;
+    }
+    const toHex = (n)=>{
+        const hex = Math.round((n + m) * 255).toString(16);
+        return 1 === hex.length ? "0" + hex : hex;
+    };
+    return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
+}
+function getTintedHue(baseHue, targetHue) {
+    let diff = targetHue - baseHue;
+    if (diff > 180) diff -= 360;
+    if (diff < -180) diff += 360;
+    return baseHue + diff * SEMANTIC_TINT_FACTOR;
+}
+function getResolvedTheme() {
+    const dataTheme = document.documentElement.getAttribute("data-theme");
+    if ("dark" === dataTheme) return "dark";
+    if ("light" === dataTheme) return "light";
+    return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function applyHueShift(targetHue, saturation = 100) {
+    if (!checkCspAllowsInlineStyles()) return;
+    const root = document.documentElement;
+    const oklchHue = hslHueToOklchHue(targetHue);
+    const chromaScale = MIN_CHROMA_SCALE + saturation / 100 * (1 - MIN_CHROMA_SCALE);
+    const resolvedTheme = getResolvedTheme();
+    const primarySettings = PRIMARY_SETTINGS[resolvedTheme];
+    for (const [varName, settings] of Object.entries(primarySettings)){
+        const scaledChroma = settings.c * chromaScale;
+        root.style.setProperty(varName, toOklch(settings.l, scaledChroma, oklchHue));
+    }
+    const harmonySettings = HARMONY_SETTINGS[resolvedTheme];
+    for (const [varName, settings] of Object.entries(harmonySettings)){
+        let hue = oklchHue;
+        if (varName.includes("secondary")) hue = oklchHue + HARMONY_OFFSETS.secondary;
+        else if (varName.includes("accent")) hue = oklchHue + HARMONY_OFFSETS.accent;
+        const scaledChroma = settings.c * chromaScale;
+        root.style.setProperty(varName, toOklch(settings.l, scaledChroma, hue));
+    }
+    const semanticSettings = SEMANTIC_SETTINGS[resolvedTheme];
+    for (const [varName, settings] of Object.entries(semanticSettings)){
+        let baseHue = 0;
+        if (varName.includes("success")) baseHue = SEMANTIC_BASE_HUES.success;
+        else if (varName.includes("warning")) baseHue = SEMANTIC_BASE_HUES.warning;
+        else if (varName.includes("error")) baseHue = SEMANTIC_BASE_HUES.error;
+        else if (varName.includes("info")) baseHue = SEMANTIC_BASE_HUES.info;
+        const tintedHue = getTintedHue(baseHue, oklchHue);
+        const semanticChromaScale = MIN_CHROMA_SCALE + (1 - MIN_CHROMA_SCALE) * Math.sqrt(saturation / 100);
+        const scaledChroma = settings.c * semanticChromaScale;
+        root.style.setProperty(varName, toOklch(settings.l, scaledChroma, tintedHue));
+    }
+    const gradients = GRADIENT_COLORS[resolvedTheme];
+    for (const [varName, color] of Object.entries(gradients)){
+        const scaledSat = color.s * (saturation / 100);
+        const shifted = hslToHex(targetHue + (varName.includes("end") ? 40 : 0), scaledSat, color.l);
+        root.style.setProperty(varName, shifted);
+    }
+    const baseColors = BASE_COLORS[resolvedTheme];
+    for (const [varName, color] of Object.entries(baseColors)){
+        const baseChroma = Math.max(color.c, BASE_CHROMA_BOOST);
+        const scaledChroma = baseChroma * chromaScale;
+        const shifted = toOklch(color.l, scaledChroma, oklchHue);
+        root.style.setProperty(varName, shifted);
+    }
+}
+function resetHueShift() {
+    if (!checkCspAllowsInlineStyles()) return;
+    const root = document.documentElement;
+    for (const varName of Object.keys(PRIMARY_SETTINGS.light))root.style.removeProperty(varName);
+    for (const varName of Object.keys(HARMONY_SETTINGS.light))root.style.removeProperty(varName);
+    for (const varName of Object.keys(SEMANTIC_SETTINGS.light))root.style.removeProperty(varName);
+    for (const varName of Object.keys(GRADIENT_COLORS.light))root.style.removeProperty(varName);
+    for (const varName of Object.keys(BASE_COLORS.light))root.style.removeProperty(varName);
+}
+function createHueShiftStore(storagePrefix) {
+    const STORAGE_KEY = `${storagePrefix}_hue_shift`;
+    const STORAGE_KEY_SAT = `${storagePrefix}_hue_saturation`;
+    const getInitialHueShift = ()=>{
+        if ("undefined" == typeof window) return null;
+        const saved = localStorage.getItem(STORAGE_KEY);
+        if (null !== saved) {
+            const parsed = parseFloat(saved);
+            if (!isNaN(parsed)) return parsed;
+        }
+        return null;
+    };
+    const getInitialSaturation = ()=>{
+        if ("undefined" == typeof window) return 100;
+        const saved = localStorage.getItem(STORAGE_KEY_SAT);
+        if (null !== saved) {
+            const parsed = parseFloat(saved);
+            if (!isNaN(parsed)) return parsed;
+        }
+        return 100;
+    };
+    const [hueShift, setHueShiftInternal] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(getInitialHueShift());
+    const [hueSaturation, setHueSaturationInternal] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(getInitialSaturation());
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+        const shift = hueShift();
+        const sat = hueSaturation();
+        if ("undefined" == typeof window) return;
+        if (null === shift) {
+            localStorage.removeItem(STORAGE_KEY);
+            localStorage.removeItem(STORAGE_KEY_SAT);
+            resetHueShift();
+        } else {
+            localStorage.setItem(STORAGE_KEY, String(shift));
+            localStorage.setItem(STORAGE_KEY_SAT, String(sat));
+            applyHueShift(shift, sat);
+        }
+    });
+    if ("undefined" != typeof window) {
+        const observer = new MutationObserver((mutations)=>{
+            for (const mutation of mutations)if ("attributes" === mutation.type && "data-theme" === mutation.attributeName) {
+                const shift = hueShift();
+                const sat = hueSaturation();
+                if (null !== shift) requestAnimationFrame(()=>applyHueShift(shift, sat));
+            }
+        });
+        observer.observe(document.documentElement, {
+            attributes: true,
+            attributeFilter: [
+                "data-theme"
+            ]
+        });
+    }
+    const setHueShift = (hue, saturation = 100)=>{
+        setHueShiftInternal(hue);
+        setHueSaturationInternal(saturation);
+    };
+    return {
+        hueShift,
+        hueSaturation,
+        setHueShift,
+        isAvailable: ()=>checkCspAllowsInlineStyles()
+    };
+}
+let defaultStore = null;
+function getDefaultHueShiftStore() {
+    if (!defaultStore) defaultStore = createHueShiftStore("theme");
+    return defaultStore;
+}
+var ThemeColorPicker_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="absolute right-0 mt-2 p-4 bg-base-100 rounded-lg shadow-xl border border-base-300 z-50">'), ThemeColorPicker_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+function hueToColorValue(hue, sat) {
+    const h = hue ?? 0;
+    const s = null === hue ? 0 : sat;
+    return {
+        rgb: {
+            r: 255,
+            g: 255,
+            b: 255,
+            a: 1
+        },
+        hsl: {
+            h,
+            s,
+            l: 50,
+            a: 1
+        },
+        hex: "#ffffff"
+    };
+}
+const ThemeColorPicker_ThemeColorPicker = (props)=>{
+    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 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);
+        } else {
+            store().setHueShift(hue, saturation);
+            props.onColorChange?.(hue, saturation);
+        }
+    };
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+        if (!isOpen()) return;
+        const handleClickOutside = (e)=>{
+            if (containerRef && !containerRef.contains(e.target)) setIsOpen(false);
+        };
+        const timer = setTimeout(()=>{
+            document.addEventListener("click", handleClickOutside);
+        }, 0);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
+            clearTimeout(timer);
+            document.removeEventListener("click", handleClickOutside);
+        });
+    });
+    const handleKeyDown = (e)=>{
+        if ("Escape" === e.key && isOpen()) setIsOpen(false);
+    };
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+        const timer = setTimeout(()=>{
+            setFeatureAvailable(store().isAvailable());
+        }, 0);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>clearTimeout(timer));
+    });
+    const contextValue = ()=>({
+            color: colorValue,
+            format: ()=>"hsl",
+            disabled: ()=>false,
+            onChange: handleColorChange,
+            onFormatChange: ()=>{}
+        });
+    const classes = ()=>twMerge("relative", clsx(props.class, props.className));
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+        get when () {
+            return featureAvailable();
+        },
+        get children () {
+            var _el$ = ThemeColorPicker_tmpl$2();
+            _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__.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";
+                },
+                get ["aria-expanded"] () {
+                    return isOpen();
+                },
+                get children () {
+                    return props.children ?? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(icon_Icon, {
+                        name: "icon-[mdi--palette]",
+                        width: 16,
+                        height: 16,
+                        get ["class"] () {
+                            return null !== store().hueShift() ? "text-primary" : void 0;
+                        }
+                    });
+                }
+            }), 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 isOpen();
+                },
+                get children () {
+                    var _el$2 = ThemeColorPicker_tmpl$();
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ColorPickerContext.Provider, {
+                        get value () {
+                            return contextValue();
+                        },
+                        get children () {
+                            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(colorpicker_ColorWheelFlower, {
+                                class: "color-wheel-custom"
+                            });
+                        }
+                    }));
+                    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$;
+        }
+    });
+};
+const ThemeColorPicker = ThemeColorPicker_ThemeColorPicker;
+(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
+    "keydown"
+]);
 var Timeline_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<ul>");
 const Timeline_Timeline = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -15654,4 +16799,4 @@ const createRouteTransitionResolver = (options)=>{
         return fallback ?? noMotion;
     };
 };
-export { accordion_Accordion as Accordion, alert_Alert as Alert, AlphaSlider, artboard_Artboard as Artboard, avatar as Avatar, background_Background as Background, Badge, bottom_sheet_BottomSheet as BottomSheet, Breadcrumbs, breadcrumbs_BreadcrumbsItem as BreadcrumbsItem, browsermockup_BrowserMockup as BrowserMockup, button_Button as Button, Calendar, card_Card as Card, carousel_Carousel as Carousel, chatbubble_ChatBubble as ChatBubble, checkbox_Checkbox as Checkbox, codemockup_CodeMockup as CodeMockup, CodeMockupLine, collapse_Collapse as Collapse, CollapseContent, CollapseDetails, CollapseTitle, colorpicker_ColorInput as ColorInput, colorpicker_ColorPicker as ColorPicker, ColorPickerContext, ColorPickerFlowerSelector, colorpicker_ColorPickerGradientSelector as ColorPickerGradientSelector, ColorPickerWheelSelector, colorpicker_ColorPreview as ColorPreview, colorpicker_ColorSwatches as ColorSwatches, ColorWheel, colorpicker_ColorWheelFlower as ColorWheelFlower, connectionstatus_ConnectionStatus as ConnectionStatus, CopyButton, countdown_Countdown as Countdown, diff_Diff as Diff, divider as Divider, dock as Dock, Drawer, dropdown as Dropdown, EnhancedTable, FileInput, flex_Flex as Flex, footer_Footer as Footer, form_Form as Form, Grid, hero_Hero as Hero, colorpicker_HueSlider as HueSlider, 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, LightnessSlider, link_Link as Link, loading_Loading as Loading, mask as Mask, menu_Menu as Menu, modal_Modal as Modal, MotionDiv, navbar_Navbar as Navbar, pagination_Pagination as Pagination, phonemockup_PhoneMockup as PhoneMockup, Progress, props_table_PropsTable as PropsTable, radialprogress_RadialProgress as RadialProgress, radio_Radio as Radio, range_Range as Range, Rating, colorpicker_SaturationBrightness as SaturationBrightness, select_Select as Select, showcase_ShowcaseBlock as ShowcaseBlock, ShowcaseSection, sidenav_Sidenav as Sidenav, sidenav_SidenavButton as SidenavButton, sidenav_SidenavGroup as SidenavGroup, sidenav_SidenavItem as SidenavItem, sidenav_SidenavLink as SidenavLink, sidenav_SidenavMenu as SidenavMenu, skeleton_Skeleton as Skeleton, Stack, stat_card_StatCard as StatCard, stats_Stats as Stats, status_Status as Status, steps as Steps, streaming_table_StreamingTable as StreamingTable, Summary, SvgBackground, Swap, table_Table as Table, tabs_Tabs as Tabs, textarea_Textarea as Textarea, Timeline, timeline_TimelineEnd as TimelineEnd, timeline_TimelineItem as TimelineItem, timeline_TimelineMiddle as TimelineMiddle, timeline_TimelineStart as TimelineStart, toast_Toast as Toast, ToastContainer, ToastStack_ToastStack as ToastStack, toggle_Toggle as Toggle, tooltip_Tooltip as Tooltip, windowmockup_WindowMockup as WindowMockup, createMotionPresets, createMotionSystem, createPopmotionDriver, createRouteTransitionResolver, createStreamingTableStore, connectionstatus_ConnectionStatus as default, defaultMotionTokens, enablePopmotion, getMotionDriver, presets_getPreset as getPreset, immediateDriver, mergeMotionTokens, motionDistances, motionDurations, motionEasings, motionPresets, noMotion, prefersReducedMotion, presets_registerPreset as registerPreset, resolveEase, presets_resolvePreset as resolvePreset, routeTransition, runMotion, setMotionDriver, toastStore, useColorPickerContext, useDesktop, useFormValidation, 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, connectionstatus_ConnectionStatus as ConnectionStatus, CopyButton, countdown_Countdown as Countdown, diff_Diff as Diff, divider as Divider, dock as Dock, Drawer, dropdown as Dropdown, EnhancedTable, FileInput, flex_Flex as Flex, footer_Footer as Footer, form_Form as Form, 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, pagination_Pagination as Pagination, phonemockup_PhoneMockup as PhoneMockup, Progress, props_table_PropsTable as PropsTable, radialprogress_RadialProgress as RadialProgress, radio_Radio as Radio, range_Range as Range, Rating, colorpicker_SaturationBrightness as SaturationBrightness, select_Select as Select, showcase_ShowcaseBlock as ShowcaseBlock, ShowcaseSection, sidenav_Sidenav as Sidenav, sidenav_SidenavButton as SidenavButton, sidenav_SidenavGroup as SidenavGroup, sidenav_SidenavItem as SidenavItem, sidenav_SidenavLink as SidenavLink, sidenav_SidenavMenu as SidenavMenu, skeleton_Skeleton as Skeleton, Stack, stat_card_StatCard as StatCard, stats_Stats as Stats, status_Status as Status, steps as Steps, streaming_table_StreamingTable as StreamingTable, Summary, SvgBackground, Swap, table_Table as Table, tabs_Tabs as Tabs, textarea_Textarea as Textarea, ThemeColorPicker, Timeline, timeline_TimelineEnd as TimelineEnd, timeline_TimelineItem as TimelineItem, timeline_TimelineMiddle as TimelineMiddle, timeline_TimelineStart as TimelineStart, toast_Toast as Toast, ToastContainer, ToastStack_ToastStack as ToastStack, toggle_Toggle as Toggle, tooltip_Tooltip as Tooltip, windowmockup_WindowMockup as WindowMockup, createHueShiftStore, createI18n, createMotionPresets, createMotionSystem, createPopmotionDriver, createRouteTransitionResolver, createStreamingTableStore, connectionstatus_ConnectionStatus as default, defaultMotionTokens, enablePopmotion, getDefaultHueShiftStore, getMotionDriver, presets_getPreset as getPreset, immediateDriver, mergeMotionTokens, motionDistances, motionDurations, motionEasings, motionPresets, noMotion, prefersReducedMotion, presets_registerPreset as registerPreset, resetHueShift, resolveEase, presets_resolvePreset as resolvePreset, routeTransition, runMotion, setMotionDriver, toastStore, useColorPickerContext, useDesktop, useFormValidation, useI18n, useImmersiveLanding, useImmersiveLandingContext };