@pathscale/ui 1.1.44 → 1.1.45

package/dist/components/modal/Modal.js

@@ -1,12 +1,12 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import { Portal, createComponent, insert, mergeProps, spread, template, use } from "solid-js/web";
 import "./Modal.css";
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__ from "./Modal.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<h2>"), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg><path d="M18 6L6 18M6 6L18 18"stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round>');
-const ModalContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
+import { Show, createContext, createEffect, createSignal, createUniqueId, onCleanup, splitProps, useContext } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES } from "./Modal.classes.js";
+var _tmpl$ = /*#__PURE__*/ template("<div>"), _tmpl$2 = /*#__PURE__*/ template("<button>"), _tmpl$3 = /*#__PURE__*/ template("<div><div>"), _tmpl$4 = /*#__PURE__*/ template("<h2>"), _tmpl$5 = /*#__PURE__*/ template('<svg><path d="M18 6L6 18M6 6L18 18"stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round>');
+const ModalContext = createContext();
 const useModalContext = ()=>{
-    const context = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(ModalContext);
+    const context = useContext(ModalContext);
     if (!context) throw new Error("Modal compound components must be used within <Modal>.");
     return context;
 };
@@ -67,7 +67,7 @@ const focusFirstElement = (container)=>{
     container.focus();
 };
 const ModalRoot = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -85,11 +85,11 @@ const ModalRoot = (props)=>{
         "backdrop",
         "scrollBehavior"
     ]);
-    const [internalOpen, setInternalOpen] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(Boolean(local.defaultOpen));
-    const [animState, setAnimState] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(Boolean(local.isOpen ?? local.defaultOpen) ? "open" : "closed");
-    const [contentRef, setContentRef] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(void 0);
-    const [labelledBy, setLabelledBy] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(void 0);
-    const [describedBy, setDescribedBy] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(void 0);
+    const [internalOpen, setInternalOpen] = createSignal(Boolean(local.defaultOpen));
+    const [animState, setAnimState] = createSignal(Boolean(local.isOpen ?? local.defaultOpen) ? "open" : "closed");
+    const [contentRef, setContentRef] = createSignal(void 0);
+    const [labelledBy, setLabelledBy] = createSignal(void 0);
+    const [describedBy, setDescribedBy] = createSignal(void 0);
     const isControlled = ()=>void 0 !== local.isOpen;
     const isOpen = ()=>isControlled() ? Boolean(local.isOpen) : internalOpen();
     const setIsOpen = (next)=>{
@@ -98,7 +98,7 @@ const ModalRoot = (props)=>{
         local.onOpenChange?.(next);
     };
     let exitTimer;
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+    createEffect(()=>{
         const open = isOpen();
         const state = animState();
         if (open) {
@@ -119,11 +119,11 @@ const ModalRoot = (props)=>{
             exitTimer = setTimeout(()=>setAnimState("closed"), 180);
         }
     });
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
+    onCleanup(()=>{
         if (exitTimer) clearTimeout(exitTimer);
     });
     let hasScrollLock = false;
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+    createEffect(()=>{
         const shouldLock = isVisibleState(animState());
         if (shouldLock && !hasScrollLock) {
             lockBodyScroll();
@@ -133,14 +133,14 @@ const ModalRoot = (props)=>{
             hasScrollLock = false;
         }
     });
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
+    onCleanup(()=>{
         if (hasScrollLock) {
             unlockBodyScroll();
             hasScrollLock = false;
         }
     });
     let restoreFocusTarget = null;
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+    createEffect(()=>{
         const state = animState();
         const content = contentRef();
         if (!isVisibleState(state) || !content) return;
@@ -161,11 +161,11 @@ const ModalRoot = (props)=>{
             if ("Tab" === event.key) trapFocus(event, content);
         };
         document.addEventListener("keydown", handleDocumentKeyDown);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
+        onCleanup(()=>{
             document.removeEventListener("keydown", handleDocumentKeyDown);
         });
     });
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+    createEffect(()=>{
         if ("closed" !== animState()) return;
         if (!restoreFocusTarget) return;
         queueMicrotask(()=>{
@@ -191,15 +191,15 @@ const ModalRoot = (props)=>{
         describedBy,
         setDescribedBy
     };
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ModalContext.Provider, {
+    return createComponent(ModalContext.Provider, {
         value: contextValue,
         get children () {
             var _el$ = _tmpl$();
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)((node)=>{
+            use((node)=>{
                 if ("function" == typeof local.ref) local.ref(node);
             }, _el$);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                    class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Root.base, isVisibleState(animState()) && __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Root.flag.open, local.class, local.className)
+            spread(_el$, mergeProps(others, ()=>({
+                    class: twMerge(CLASSES.Root.base, isVisibleState(animState()) && CLASSES.Root.flag.open, local.class, local.className)
                 }), {
                 "data-slot": "modal-root",
                 get ["data-open"] () {
@@ -212,13 +212,13 @@ const ModalRoot = (props)=>{
                     return local.style;
                 }
             }), false, true);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+            insert(_el$, ()=>local.children);
             return _el$;
         }
     });
 };
 const ModalTrigger = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -234,12 +234,12 @@ const ModalTrigger = (props)=>{
     };
     return (()=>{
         var _el$2 = _tmpl$2();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+        spread(_el$2, mergeProps(others, {
             get type () {
                 return local.type ?? "button";
             }
         }, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Trigger.base, local.class, local.className)
+                class: twMerge(CLASSES.Trigger.base, local.class, local.className)
             }), {
             "data-slot": "modal-trigger",
             get ["data-theme"] () {
@@ -250,12 +250,12 @@ const ModalTrigger = (props)=>{
             },
             onClick: handleClick
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.children);
+        insert(_el$2, ()=>local.children);
         return _el$2;
     })();
 };
 const ModalBackdrop = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -278,8 +278,8 @@ const ModalBackdrop = (props)=>{
     };
     return (()=>{
         var _el$3 = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Backdrop.base, __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Backdrop.variant[variant()], isEntering() && __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Backdrop.state.entering, isExiting() && __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Backdrop.state.exiting, local.class, local.className)
+        spread(_el$3, mergeProps(others, ()=>({
+                class: twMerge(CLASSES.Backdrop.base, CLASSES.Backdrop.variant[variant()], isEntering() && CLASSES.Backdrop.state.entering, isExiting() && CLASSES.Backdrop.state.exiting, local.class, local.className)
             }), {
             "data-slot": "modal-backdrop",
             get ["data-entering"] () {
@@ -296,12 +296,12 @@ const ModalBackdrop = (props)=>{
             },
             onClick: handleClick
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.children);
+        insert(_el$3, ()=>local.children);
         return _el$3;
     })();
 };
 const ModalContent = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -326,17 +326,17 @@ const ModalContent = (props)=>{
     const isEntering = ()=>"entering" === context.animState();
     const isExiting = ()=>"exiting" === context.animState();
     const containerSizeClass = ()=>{
-        if ("cover" === size()) return __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Container.size.cover;
-        if ("full" === size()) return __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Container.size.full;
+        if ("cover" === size()) return CLASSES.Container.size.cover;
+        if ("full" === size()) return CLASSES.Container.size.full;
     };
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+    return createComponent(Show, {
         get when () {
             return "closed" !== context.animState();
         },
         get children () {
-            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Portal, {
+            return createComponent(Portal, {
                 get children () {
-                    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ModalBackdrop, {
+                    return createComponent(ModalBackdrop, {
                         get variant () {
                             return local.backdrop;
                         },
@@ -351,8 +351,8 @@ const ModalContent = (props)=>{
                         },
                         get children () {
                             var _el$4 = _tmpl$3(), _el$5 = _el$4.firstChild;
-                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                                    class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Container.base, __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Container.placement[placement()], __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Container.scroll[scrollBehavior()], containerSizeClass(), isEntering() && __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Container.state.entering, isExiting() && __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Container.state.exiting)
+                            spread(_el$4, mergeProps(()=>({
+                                    class: twMerge(CLASSES.Container.base, CLASSES.Container.placement[placement()], CLASSES.Container.scroll[scrollBehavior()], containerSizeClass(), isEntering() && CLASSES.Container.state.entering, isExiting() && CLASSES.Container.state.exiting)
                                 }), {
                                 "data-slot": "modal-container",
                                 get ["data-placement"] () {
@@ -365,11 +365,11 @@ const ModalContent = (props)=>{
                                     return isExiting() ? "true" : void 0;
                                 }
                             }), false, true);
-                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)((node)=>{
+                            use((node)=>{
                                 context.setContentRef(node);
                                 if ("function" == typeof local.ref) local.ref(node);
                             }, _el$5);
-                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+                            spread(_el$5, mergeProps(others, {
                                 get role () {
                                     return local.role ?? "dialog";
                                 },
@@ -384,7 +384,7 @@ const ModalContent = (props)=>{
                                     return local.tabIndex ?? -1;
                                 }
                             }, ()=>({
-                                    class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Content.base, __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Content.scroll[scrollBehavior()], __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Content.size[size()], isEntering() && __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Content.state.entering, isExiting() && __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Content.state.exiting, local.class, local.className)
+                                    class: twMerge(CLASSES.Content.base, CLASSES.Content.scroll[scrollBehavior()], CLASSES.Content.size[size()], isEntering() && CLASSES.Content.state.entering, isExiting() && CLASSES.Content.state.exiting, local.class, local.className)
                                 }), {
                                 "data-slot": "modal-content",
                                 get ["data-placement"] () {
@@ -409,7 +409,7 @@ const ModalContent = (props)=>{
                                     return local.style;
                                 }
                             }), false, true);
-                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, ()=>local.children);
+                            insert(_el$5, ()=>local.children);
                             return _el$4;
                         }
                     });
@@ -419,7 +419,7 @@ const ModalContent = (props)=>{
     });
 };
 const ModalHeader = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -428,8 +428,8 @@ const ModalHeader = (props)=>{
     ]);
     return (()=>{
         var _el$6 = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Header.base, local.class, local.className)
+        spread(_el$6, mergeProps(others, ()=>({
+                class: twMerge(CLASSES.Header.base, local.class, local.className)
             }), {
             "data-slot": "modal-header",
             get ["data-theme"] () {
@@ -439,12 +439,12 @@ const ModalHeader = (props)=>{
                 return local.style;
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, ()=>local.children);
+        insert(_el$6, ()=>local.children);
         return _el$6;
     })();
 };
 const ModalHeading = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -453,23 +453,23 @@ const ModalHeading = (props)=>{
         "id"
     ]);
     const context = useModalContext();
-    const uniqueId = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createUniqueId)();
+    const uniqueId = createUniqueId();
     const headingId = ()=>local.id ?? `modal-heading-${uniqueId}`;
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+    createEffect(()=>{
         const id = headingId();
         context.setLabelledBy(id);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
+        onCleanup(()=>{
             if (context.labelledBy() === id) context.setLabelledBy(void 0);
         });
     });
     return (()=>{
         var _el$7 = _tmpl$4();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+        spread(_el$7, mergeProps(others, {
             get id () {
                 return headingId();
             }
         }, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Heading.base, local.class, local.className)
+                class: twMerge(CLASSES.Heading.base, local.class, local.className)
             }), {
             "data-slot": "modal-heading",
             get ["data-theme"] () {
@@ -479,12 +479,12 @@ const ModalHeading = (props)=>{
                 return local.style;
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, ()=>local.children);
+        insert(_el$7, ()=>local.children);
         return _el$7;
     })();
 };
 const ModalIcon = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -493,8 +493,8 @@ const ModalIcon = (props)=>{
     ]);
     return (()=>{
         var _el$8 = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$8, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Icon.base, local.class, local.className)
+        spread(_el$8, mergeProps(others, ()=>({
+                class: twMerge(CLASSES.Icon.base, local.class, local.className)
             }), {
             "data-slot": "modal-icon",
             get ["data-theme"] () {
@@ -504,12 +504,12 @@ const ModalIcon = (props)=>{
                 return local.style;
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$8, ()=>local.children);
+        insert(_el$8, ()=>local.children);
         return _el$8;
     })();
 };
 const ModalBody = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -518,23 +518,23 @@ const ModalBody = (props)=>{
         "id"
     ]);
     const context = useModalContext();
-    const uniqueId = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createUniqueId)();
+    const uniqueId = createUniqueId();
     const bodyId = ()=>local.id ?? `modal-body-${uniqueId}`;
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+    createEffect(()=>{
         const id = bodyId();
         context.setDescribedBy(id);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
+        onCleanup(()=>{
             if (context.describedBy() === id) context.setDescribedBy(void 0);
         });
     });
     return (()=>{
         var _el$9 = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$9, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+        spread(_el$9, mergeProps(others, {
             get id () {
                 return bodyId();
             }
         }, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Body.base, __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Body.scroll[context.scrollBehavior()], local.class, local.className)
+                class: twMerge(CLASSES.Body.base, CLASSES.Body.scroll[context.scrollBehavior()], local.class, local.className)
             }), {
             "data-slot": "modal-body",
             get ["data-scroll"] () {
@@ -547,12 +547,12 @@ const ModalBody = (props)=>{
                 return local.style;
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, ()=>local.children);
+        insert(_el$9, ()=>local.children);
         return _el$9;
     })();
 };
 const ModalFooter = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -561,8 +561,8 @@ const ModalFooter = (props)=>{
     ]);
     return (()=>{
         var _el$0 = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$0, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Footer.base, local.class, local.className)
+        spread(_el$0, mergeProps(others, ()=>({
+                class: twMerge(CLASSES.Footer.base, local.class, local.className)
             }), {
             "data-slot": "modal-footer",
             get ["data-theme"] () {
@@ -572,12 +572,12 @@ const ModalFooter = (props)=>{
                 return local.style;
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$0, ()=>local.children);
+        insert(_el$0, ()=>local.children);
         return _el$0;
     })();
 };
 const ModalCloseTrigger = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -594,7 +594,7 @@ const ModalCloseTrigger = (props)=>{
     };
     return (()=>{
         var _el$1 = _tmpl$2();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$1, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+        spread(_el$1, mergeProps(others, {
             get type () {
                 return local.type ?? "button";
             },
@@ -602,7 +602,7 @@ const ModalCloseTrigger = (props)=>{
                 return local["aria-label"] ?? "Close modal";
             }
         }, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.CloseTrigger.base, local.class, local.className)
+                class: twMerge(CLASSES.CloseTrigger.base, local.class, local.className)
             }), {
             "data-slot": "modal-close-trigger",
             get ["data-theme"] () {
@@ -613,10 +613,10 @@ const ModalCloseTrigger = (props)=>{
             },
             onClick: handleClick
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$1, ()=>local.children ?? (()=>{
+        insert(_el$1, ()=>local.children ?? (()=>{
                 var _el$10 = _tmpl$5();
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$10, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                        class: __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.CloseTrigger.icon
+                spread(_el$10, mergeProps(()=>({
+                        class: CLASSES.CloseTrigger.icon
                     }), {
                     "data-slot": "modal-close-trigger-icon",
                     viewBox: "0 0 24 24",
@@ -629,7 +629,7 @@ const ModalCloseTrigger = (props)=>{
         return _el$1;
     })();
 };
-const Modal = Object.assign(ModalRoot, {
+const Modal_Modal = Object.assign(ModalRoot, {
     Root: ModalRoot,
     Trigger: ModalTrigger,
     Backdrop: ModalBackdrop,
@@ -641,5 +641,5 @@ const Modal = Object.assign(ModalRoot, {
     Footer: ModalFooter,
     CloseTrigger: ModalCloseTrigger
 });
-const modal_Modal = Modal;
-export { ModalBackdrop, ModalBody, ModalCloseTrigger, ModalContent, ModalFooter, ModalHeader, ModalHeading, ModalIcon, ModalRoot, ModalTrigger, modal_Modal as default };
+const Modal = Modal_Modal;
+export { ModalBackdrop, ModalBody, ModalCloseTrigger, ModalContent, ModalFooter, ModalHeader, ModalHeading, ModalIcon, ModalRoot, ModalTrigger, Modal as default };

package/dist/components/modal/index.js

@@ -1,13 +1,2 @@
-import * as __WEBPACK_EXTERNAL_MODULE__Modal_js_50f53bdf__ from "./Modal.js";
-var __webpack_exports__ModalBackdrop = __WEBPACK_EXTERNAL_MODULE__Modal_js_50f53bdf__.ModalBackdrop;
-var __webpack_exports__ModalBody = __WEBPACK_EXTERNAL_MODULE__Modal_js_50f53bdf__.ModalBody;
-var __webpack_exports__ModalCloseTrigger = __WEBPACK_EXTERNAL_MODULE__Modal_js_50f53bdf__.ModalCloseTrigger;
-var __webpack_exports__ModalContent = __WEBPACK_EXTERNAL_MODULE__Modal_js_50f53bdf__.ModalContent;
-var __webpack_exports__ModalFooter = __WEBPACK_EXTERNAL_MODULE__Modal_js_50f53bdf__.ModalFooter;
-var __webpack_exports__ModalHeader = __WEBPACK_EXTERNAL_MODULE__Modal_js_50f53bdf__.ModalHeader;
-var __webpack_exports__ModalHeading = __WEBPACK_EXTERNAL_MODULE__Modal_js_50f53bdf__.ModalHeading;
-var __webpack_exports__ModalIcon = __WEBPACK_EXTERNAL_MODULE__Modal_js_50f53bdf__.ModalIcon;
-var __webpack_exports__ModalRoot = __WEBPACK_EXTERNAL_MODULE__Modal_js_50f53bdf__.ModalRoot;
-var __webpack_exports__ModalTrigger = __WEBPACK_EXTERNAL_MODULE__Modal_js_50f53bdf__.ModalTrigger;
-var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Modal_js_50f53bdf__["default"];
-export { __webpack_exports__ModalBackdrop as ModalBackdrop, __webpack_exports__ModalBody as ModalBody, __webpack_exports__ModalCloseTrigger as ModalCloseTrigger, __webpack_exports__ModalContent as ModalContent, __webpack_exports__ModalFooter as ModalFooter, __webpack_exports__ModalHeader as ModalHeader, __webpack_exports__ModalHeading as ModalHeading, __webpack_exports__ModalIcon as ModalIcon, __webpack_exports__ModalRoot as ModalRoot, __webpack_exports__ModalTrigger as ModalTrigger, __webpack_exports__default as default };
+import external_Modal_js_default, { ModalBackdrop, ModalBody, ModalCloseTrigger, ModalContent, ModalFooter, ModalHeader, ModalHeading, ModalIcon, ModalRoot, ModalTrigger } from "./Modal.js";
+export { ModalBackdrop, ModalBody, ModalCloseTrigger, ModalContent, ModalFooter, ModalHeader, ModalHeading, ModalIcon, ModalRoot, ModalTrigger, external_Modal_js_default as default };

package/dist/components/navbar/Navbar.js

@@ -1,13 +1,13 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import { Dynamic, createComponent, mergeProps } from "solid-js/web";
 import "./Navbar.css";
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE__NavbarSection_js_c2bbb2b2__ from "./NavbarSection.js";
-import * as __WEBPACK_EXTERNAL_MODULE__NavbarStack_js_59d9b581__ from "./NavbarStack.js";
-import * as __WEBPACK_EXTERNAL_MODULE__NavbarRow_js_2f1ed444__ from "./NavbarRow.js";
-import * as __WEBPACK_EXTERNAL_MODULE__Navbar_classes_js_dd9fd35b__ from "./Navbar.classes.js";
-const Navbar = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+import { splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import external_NavbarSection_js_default from "./NavbarSection.js";
+import external_NavbarStack_js_default from "./NavbarStack.js";
+import external_NavbarRow_js_default from "./NavbarRow.js";
+import { CLASSES } from "./Navbar.classes.js";
+const Navbar_Navbar = (props)=>{
+    const [local, others] = splitProps(props, [
         "as",
         "class",
         "className",
@@ -16,8 +16,8 @@ const Navbar = (props)=>{
         "dataTheme"
     ]);
     const Tag = local.as || "div";
-    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Navbar_classes_js_dd9fd35b__.CLASSES.navbar.base, local.class, local.className);
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+    const classes = ()=>twMerge(CLASSES.navbar.base, local.class, local.className);
+    return createComponent(Dynamic, mergeProps({
         component: Tag,
         role: "navigation",
         "aria-label": "Navbar"
@@ -36,20 +36,20 @@ const Navbar = (props)=>{
         }
     }));
 };
-const NavbarStart = (props)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__NavbarSection_js_c2bbb2b2__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+const NavbarStart = (props)=>createComponent(external_NavbarSection_js_default, mergeProps({
         section: "start"
     }, props));
-const NavbarCenter = (props)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__NavbarSection_js_c2bbb2b2__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+const NavbarCenter = (props)=>createComponent(external_NavbarSection_js_default, mergeProps({
         section: "center"
     }, props));
-const NavbarEnd = (props)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__NavbarSection_js_c2bbb2b2__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+const NavbarEnd = (props)=>createComponent(external_NavbarSection_js_default, mergeProps({
         section: "end"
     }, props));
-const navbar_Navbar = Object.assign(Navbar, {
+const Navbar = Object.assign(Navbar_Navbar, {
     Start: NavbarStart,
     Center: NavbarCenter,
     End: NavbarEnd,
-    Stack: __WEBPACK_EXTERNAL_MODULE__NavbarStack_js_59d9b581__["default"],
-    Row: __WEBPACK_EXTERNAL_MODULE__NavbarRow_js_2f1ed444__["default"]
+    Stack: external_NavbarStack_js_default,
+    Row: external_NavbarRow_js_default
 });
-export { navbar_Navbar as default };
+export { Navbar as default };

package/dist/components/navbar/NavbarRow.js

@@ -1,10 +1,10 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE__Navbar_classes_js_dd9fd35b__ from "./Navbar.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+import { insert, mergeProps, spread, template } from "solid-js/web";
+import { children, createMemo, splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES } from "./Navbar.classes.js";
+var _tmpl$ = /*#__PURE__*/ template("<div>");
 const NavbarRow = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "bordered",
         "padded",
@@ -14,12 +14,12 @@ const NavbarRow = (props)=>{
         "style",
         "dataTheme"
     ]);
-    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
+    const resolvedChildren = children(()=>local.children);
     const colorKey = ()=>local.color && "ghost" !== local.color ? local.color : "ghost";
-    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Navbar_classes_js_dd9fd35b__.CLASSES.row.base, true === local.bordered && __WEBPACK_EXTERNAL_MODULE__Navbar_classes_js_dd9fd35b__.CLASSES.row.flag.bordered, false !== local.padded && __WEBPACK_EXTERNAL_MODULE__Navbar_classes_js_dd9fd35b__.CLASSES.row.flag.padded, __WEBPACK_EXTERNAL_MODULE__Navbar_classes_js_dd9fd35b__.CLASSES.row.color[colorKey()], local.class, local.className));
+    const classes = createMemo(()=>twMerge(CLASSES.row.base, true === local.bordered && CLASSES.row.flag.bordered, false !== local.padded && CLASSES.row.flag.padded, CLASSES.row.color[colorKey()], local.class, local.className));
     return (()=>{
         var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+        spread(_el$, mergeProps(()=>({
                 class: classes()
             }), {
             get style () {
@@ -29,7 +29,7 @@ const NavbarRow = (props)=>{
                 return local.dataTheme;
             }
         }, others), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolvedChildren);
+        insert(_el$, resolvedChildren);
         return _el$;
     })();
 };

package/dist/components/navbar/NavbarSection.js

@@ -1,10 +1,10 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE__Navbar_classes_js_dd9fd35b__ from "./Navbar.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+import { insert, mergeProps, spread, template } from "solid-js/web";
+import { splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES } from "./Navbar.classes.js";
+var _tmpl$ = /*#__PURE__*/ template("<div>");
 const NavbarSection = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "section",
         "dataTheme",
@@ -12,10 +12,10 @@ const NavbarSection = (props)=>{
         "className",
         "style"
     ]);
-    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Navbar_classes_js_dd9fd35b__.CLASSES.section.base, __WEBPACK_EXTERNAL_MODULE__Navbar_classes_js_dd9fd35b__.CLASSES.section.variant[local.section], local.class, local.className);
+    const classes = ()=>twMerge(CLASSES.section.base, CLASSES.section.variant[local.section], local.class, local.className);
     return (()=>{
         var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+        spread(_el$, mergeProps(others, {
             get ["data-theme"] () {
                 return local.dataTheme;
             }
@@ -26,7 +26,7 @@ const NavbarSection = (props)=>{
                 return local.style;
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+        insert(_el$, ()=>local.children);
         return _el$;
     })();
 };