@pathscale/ui 1.2.6 → 1.2.7

package/dist/components/drawer/Drawer.js

@@ -1,11 +1,11 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import { Portal, className, createComponent, delegateEvents, effect, insert, memo, mergeProps, spread, template, use } from "solid-js/web";
 import "./Drawer.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__Drawer_a11y_js_eed6fb4e__ from "./Drawer.a11y.js";
-import * as __WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__ from "./Drawer.classes.js";
-import * as __WEBPACK_EXTERNAL_MODULE__Drawer_context_js_e84e90b3__ from "./Drawer.context.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)("<h2>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div data-slot=drawer-handle-bar>"), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), _tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span data-slot=drawer-close>");
+import { Show, createEffect, createSignal, createUniqueId, onCleanup, splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { focusFirst, isSidePlacement, isVisibleState, trapFocus } from "./Drawer.a11y.js";
+import { CLASSES } from "./Drawer.classes.js";
+import { DrawerContext, useDrawerContext } from "./Drawer.context.js";
+var _tmpl$ = /*#__PURE__*/ template("<div>"), _tmpl$2 = /*#__PURE__*/ template("<button>"), _tmpl$3 = /*#__PURE__*/ template("<h2>"), _tmpl$4 = /*#__PURE__*/ template("<div><div data-slot=drawer-handle-bar>"), _tmpl$5 = /*#__PURE__*/ template("<span>"), _tmpl$6 = /*#__PURE__*/ template("<span data-slot=drawer-close>");
 let bodyLockCount = 0;
 let prevBodyOverflow = "";
 let prevBodyPaddingRight = "";
@@ -29,7 +29,7 @@ const unlockBodyScroll = ()=>{
 };
 const EXIT_MS = 200;
 const DrawerRoot = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -48,14 +48,14 @@ const DrawerRoot = (props)=>{
         "trapFocus",
         "restoreFocus"
     ]);
-    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 [dialogRef, setDialogRef] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)();
-    const [labelledBy, setLabelledBy] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)();
-    const [describedBy, setDescribedBy] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)();
-    const [placementOverride, setPlacementOverride] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(void 0);
-    const [backdropDismissableOverride, setBackdropDismissableOverride] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(void 0);
-    const [backdropCloseOnClickOverride, setBackdropCloseOnClickOverride] = (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 [dialogRef, setDialogRef] = createSignal();
+    const [labelledBy, setLabelledBy] = createSignal();
+    const [describedBy, setDescribedBy] = createSignal();
+    const [placementOverride, setPlacementOverride] = createSignal(void 0);
+    const [backdropDismissableOverride, setBackdropDismissableOverride] = createSignal(void 0);
+    const [backdropCloseOnClickOverride, setBackdropCloseOnClickOverride] = createSignal(void 0);
     const isControlled = ()=>void 0 !== local.isOpen;
     const isOpen = ()=>isControlled() ? Boolean(local.isOpen) : internalOpen();
     const placement = ()=>placementOverride() ?? local.placement ?? "bottom";
@@ -79,7 +79,7 @@ const DrawerRoot = (props)=>{
         setIsOpen(false);
     };
     let exitTimer;
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+    createEffect(()=>{
         const open = isOpen();
         const state = animState();
         if (open) {
@@ -100,12 +100,12 @@ const DrawerRoot = (props)=>{
             exitTimer = setTimeout(()=>setAnimState("closed"), EXIT_MS);
         }
     });
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
+    onCleanup(()=>{
         if (exitTimer) clearTimeout(exitTimer);
     });
     let hasScrollLock = false;
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
-        const visible = (0, __WEBPACK_EXTERNAL_MODULE__Drawer_a11y_js_eed6fb4e__.isVisibleState)(animState());
+    createEffect(()=>{
+        const visible = isVisibleState(animState());
         if (visible && !hasScrollLock) {
             lockBodyScroll();
             hasScrollLock = true;
@@ -114,34 +114,34 @@ const DrawerRoot = (props)=>{
             hasScrollLock = false;
         }
     });
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
+    onCleanup(()=>{
         if (hasScrollLock) unlockBodyScroll();
     });
     let restoreFocusTarget = null;
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+    createEffect(()=>{
         const state = animState();
         const dialog = dialogRef();
-        if (!(0, __WEBPACK_EXTERNAL_MODULE__Drawer_a11y_js_eed6fb4e__.isVisibleState)(state) || !dialog) return;
+        if (!isVisibleState(state) || !dialog) return;
         if (!restoreFocusTarget) {
             const active = document.activeElement;
             if (active instanceof HTMLElement) restoreFocusTarget = active;
         }
         queueMicrotask(()=>{
-            if (trapFocusEnabled() && !dialog.contains(document.activeElement)) (0, __WEBPACK_EXTERNAL_MODULE__Drawer_a11y_js_eed6fb4e__.focusFirst)(dialog);
+            if (trapFocusEnabled() && !dialog.contains(document.activeElement)) focusFirst(dialog);
         });
         const onKeyDown = (event)=>{
-            if (!(0, __WEBPACK_EXTERNAL_MODULE__Drawer_a11y_js_eed6fb4e__.isVisibleState)(animState())) return;
+            if (!isVisibleState(animState())) return;
             if ("Escape" === event.key) {
                 event.preventDefault();
                 requestClose("escape");
                 return;
             }
-            if ("Tab" === event.key && trapFocusEnabled()) (0, __WEBPACK_EXTERNAL_MODULE__Drawer_a11y_js_eed6fb4e__.trapFocus)(event, dialog);
+            if ("Tab" === event.key && trapFocusEnabled()) trapFocus(event, dialog);
         };
         document.addEventListener("keydown", onKeyDown);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>document.removeEventListener("keydown", onKeyDown));
+        onCleanup(()=>document.removeEventListener("keydown", onKeyDown));
     });
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+    createEffect(()=>{
         if ("closed" !== animState() || !restoreFocusEnabled()) return;
         if (!restoreFocusTarget) return;
         queueMicrotask(()=>{
@@ -173,17 +173,17 @@ const DrawerRoot = (props)=>{
         setBackdropDismissableOverride,
         setBackdropCloseOnClickOverride
     };
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Drawer_context_js_e84e90b3__.DrawerContext.Provider, {
+    return createComponent(DrawerContext.Provider, {
         value: contextValue,
         get children () {
             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 ["class"] () {
-                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.Root.base, isOpen() && __WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.Root.state.open, "entering" === animState() && __WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.Root.state.entering, "exiting" === animState() && __WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.Root.state.exiting, "closed" === animState() && __WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.Root.state.closed, local.class, local.className);
+                    return twMerge(CLASSES.Root.base, isOpen() && CLASSES.Root.state.open, "entering" === animState() && CLASSES.Root.state.entering, "exiting" === animState() && CLASSES.Root.state.exiting, "closed" === animState() && CLASSES.Root.state.closed, local.class, local.className);
                 },
                 "data-slot": "drawer-root",
                 get ["data-open"] () {
-                    return (0, __WEBPACK_EXTERNAL_MODULE__Drawer_a11y_js_eed6fb4e__.isVisibleState)(animState()) ? "true" : "false";
+                    return isVisibleState(animState()) ? "true" : "false";
                 },
                 get ["data-theme"] () {
                     return local.dataTheme;
@@ -192,13 +192,13 @@ const DrawerRoot = (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 DrawerTrigger = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -206,17 +206,17 @@ const DrawerTrigger = (props)=>{
         "style",
         "onClick"
     ]);
-    const ctx = (0, __WEBPACK_EXTERNAL_MODULE__Drawer_context_js_e84e90b3__.useDrawerContext)();
+    const ctx = useDrawerContext();
     const handleClick = (event)=>{
         ctx.setIsOpen(true);
         if ("function" == typeof local.onClick) local.onClick(event);
     };
     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, {
             type: "button",
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.Trigger.base, local.class, local.className);
+                return twMerge(CLASSES.Trigger.base, local.class, local.className);
             },
             "data-slot": "drawer-trigger",
             get ["data-theme"] () {
@@ -227,12 +227,12 @@ const DrawerTrigger = (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 DrawerContent = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -241,19 +241,19 @@ const DrawerContent = (props)=>{
         "placement",
         "scrollBehavior"
     ]);
-    const ctx = (0, __WEBPACK_EXTERNAL_MODULE__Drawer_context_js_e84e90b3__.useDrawerContext)();
+    const ctx = useDrawerContext();
     const placement = ()=>local.placement ?? ctx.placement();
     const scrollBehavior = ()=>local.scrollBehavior ?? ctx.scrollBehavior();
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+    createEffect(()=>{
         if (void 0 === local.placement) return;
         ctx.setPlacementOverride(local.placement);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>ctx.setPlacementOverride(void 0));
+        onCleanup(()=>ctx.setPlacementOverride(void 0));
     });
     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, {
+        spread(_el$3, mergeProps(others, {
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.Content.base, __WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.Content.placement[placement()], __WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.Content.scroll[scrollBehavior()], "entering" === ctx.animState() && __WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.Content.state.entering, "exiting" === ctx.animState() && __WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.Content.state.exiting, local.class, local.className);
+                return twMerge(CLASSES.Content.base, CLASSES.Content.placement[placement()], CLASSES.Content.scroll[scrollBehavior()], "entering" === ctx.animState() && CLASSES.Content.state.entering, "exiting" === ctx.animState() && CLASSES.Content.state.exiting, local.class, local.className);
             },
             "data-slot": "drawer-content",
             get ["data-placement"] () {
@@ -275,12 +275,12 @@ const DrawerContent = (props)=>{
                 return local.style;
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.children);
+        insert(_el$3, ()=>local.children);
         return _el$3;
     })();
 };
 const DrawerBackdrop = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -291,35 +291,35 @@ const DrawerBackdrop = (props)=>{
         "shouldCloseOnBackdropClick",
         "onClick"
     ]);
-    const ctx = (0, __WEBPACK_EXTERNAL_MODULE__Drawer_context_js_e84e90b3__.useDrawerContext)();
+    const ctx = useDrawerContext();
     const variant = ()=>local.variant ?? ctx.backdrop();
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+    createEffect(()=>{
         if (void 0 !== local.isDismissable) {
             ctx.setBackdropDismissableOverride(local.isDismissable);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>ctx.setBackdropDismissableOverride(void 0));
+            onCleanup(()=>ctx.setBackdropDismissableOverride(void 0));
         }
     });
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+    createEffect(()=>{
         if (void 0 !== local.shouldCloseOnBackdropClick) {
             ctx.setBackdropCloseOnClickOverride(local.shouldCloseOnBackdropClick);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>ctx.setBackdropCloseOnClickOverride(void 0));
+            onCleanup(()=>ctx.setBackdropCloseOnClickOverride(void 0));
         }
     });
     const handleClick = (event)=>{
         if (event.target === event.currentTarget) ctx.requestClose("backdrop");
         if ("function" == typeof local.onClick) local.onClick(event);
     };
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+    return createComponent(Show, {
         get when () {
             return "closed" !== ctx.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 () {
                     var _el$4 = _tmpl$();
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+                    spread(_el$4, mergeProps(others, {
                         get ["class"] () {
-                            return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.Backdrop.base, __WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.Backdrop.variant[variant()], "entering" === ctx.animState() && __WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.Backdrop.state.entering, "exiting" === ctx.animState() && __WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.Backdrop.state.exiting, local.class, local.className);
+                            return twMerge(CLASSES.Backdrop.base, CLASSES.Backdrop.variant[variant()], "entering" === ctx.animState() && CLASSES.Backdrop.state.entering, "exiting" === ctx.animState() && CLASSES.Backdrop.state.exiting, local.class, local.className);
                         },
                         "data-slot": "drawer-backdrop",
                         get ["data-entering"] () {
@@ -336,7 +336,7 @@ const DrawerBackdrop = (props)=>{
                         },
                         onClick: handleClick
                     }), false, true);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.children);
+                    insert(_el$4, ()=>local.children);
                     return _el$4;
                 }
             });
@@ -348,7 +348,7 @@ const SIDE_MAP = {
     right: "drawer__dialog--side-right"
 };
 const DrawerDialog = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -368,9 +368,9 @@ const DrawerDialog = (props)=>{
         "aria-labelledby",
         "aria-describedby"
     ]);
-    const ctx = (0, __WEBPACK_EXTERNAL_MODULE__Drawer_context_js_e84e90b3__.useDrawerContext)();
+    const ctx = useDrawerContext();
     const placement = ()=>ctx.placement();
-    const axis = ()=>(0, __WEBPACK_EXTERNAL_MODULE__Drawer_a11y_js_eed6fb4e__.isSidePlacement)(placement()) ? "side" : "edge";
+    const axis = ()=>isSidePlacement(placement()) ? "side" : "edge";
     const size = ()=>local.size ?? ctx.size();
     const mergedStyle = ()=>{
         const s = {};
@@ -388,11 +388,11 @@ const DrawerDialog = (props)=>{
     const hasCustomBg = ()=>Boolean(local.bg);
     return (()=>{
         var _el$5 = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)((node)=>{
+        use((node)=>{
             ctx.setDialogRef(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";
             },
@@ -407,7 +407,7 @@ const DrawerDialog = (props)=>{
                 return local.tabIndex ?? -1;
             },
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.Dialog.base, __WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.Dialog.axis[axis()], __WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.Dialog.size[axis()][size()], "entering" === ctx.animState() && __WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.Dialog.state.entering, "exiting" === ctx.animState() && __WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.Dialog.state.exiting, local.side ? SIDE_MAP[local.side] : void 0, hasCustomBg() ? "drawer__dialog--custom-bg" : void 0, hasCustomSize() ? "drawer__dialog--custom-size" : void 0, hasCustomPadding() ? "drawer__dialog--custom-padding" : void 0, local.class, local.className);
+                return twMerge(CLASSES.Dialog.base, CLASSES.Dialog.axis[axis()], CLASSES.Dialog.size[axis()][size()], "entering" === ctx.animState() && CLASSES.Dialog.state.entering, "exiting" === ctx.animState() && CLASSES.Dialog.state.exiting, local.side ? SIDE_MAP[local.side] : void 0, hasCustomBg() ? "drawer__dialog--custom-bg" : void 0, hasCustomSize() ? "drawer__dialog--custom-size" : void 0, hasCustomPadding() ? "drawer__dialog--custom-padding" : void 0, local.class, local.className);
             },
             "data-slot": "drawer-dialog",
             get ["data-placement"] () {
@@ -423,12 +423,12 @@ const DrawerDialog = (props)=>{
                 return mergedStyle();
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, ()=>local.children);
+        insert(_el$5, ()=>local.children);
         return _el$5;
     })();
 };
 const DrawerHeader = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -437,9 +437,9 @@ const DrawerHeader = (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, {
+        spread(_el$6, mergeProps(others, {
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.Header.base, local.class, local.className);
+                return twMerge(CLASSES.Header.base, local.class, local.className);
             },
             "data-slot": "drawer-header",
             get ["data-theme"] () {
@@ -449,12 +449,12 @@ const DrawerHeader = (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 DrawerHeading = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -462,24 +462,24 @@ const DrawerHeading = (props)=>{
         "style",
         "id"
     ]);
-    const ctx = (0, __WEBPACK_EXTERNAL_MODULE__Drawer_context_js_e84e90b3__.useDrawerContext)();
-    const uid = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createUniqueId)();
+    const ctx = useDrawerContext();
+    const uid = createUniqueId();
     const headingId = ()=>local.id ?? `drawer-heading-${uid}`;
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+    createEffect(()=>{
         const id = headingId();
         ctx.setLabelledBy(id);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
+        onCleanup(()=>{
             if (ctx.labelledBy() === id) ctx.setLabelledBy(void 0);
         });
     });
     return (()=>{
         var _el$7 = _tmpl$3();
-        (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();
             },
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.Heading.base, local.class, local.className);
+                return twMerge(CLASSES.Heading.base, local.class, local.className);
             },
             "data-slot": "drawer-heading",
             get ["data-theme"] () {
@@ -489,12 +489,12 @@ const DrawerHeading = (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 DrawerBody = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -502,24 +502,24 @@ const DrawerBody = (props)=>{
         "style",
         "id"
     ]);
-    const ctx = (0, __WEBPACK_EXTERNAL_MODULE__Drawer_context_js_e84e90b3__.useDrawerContext)();
-    const uid = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createUniqueId)();
+    const ctx = useDrawerContext();
+    const uid = createUniqueId();
     const bodyId = ()=>local.id ?? `drawer-body-${uid}`;
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+    createEffect(()=>{
         const id = bodyId();
         ctx.setDescribedBy(id);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
+        onCleanup(()=>{
             if (ctx.describedBy() === id) ctx.setDescribedBy(void 0);
         });
     });
     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, {
+        spread(_el$8, mergeProps(others, {
             get id () {
                 return bodyId();
             },
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.Body.base, local.class, local.className);
+                return twMerge(CLASSES.Body.base, local.class, local.className);
             },
             "data-slot": "drawer-body",
             get ["data-theme"] () {
@@ -529,12 +529,12 @@ const DrawerBody = (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 DrawerFooter = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -543,9 +543,9 @@ const DrawerFooter = (props)=>{
     ]);
     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 ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.Footer.base, local.class, local.className);
+                return twMerge(CLASSES.Footer.base, local.class, local.className);
             },
             "data-slot": "drawer-footer",
             get ["data-theme"] () {
@@ -555,12 +555,12 @@ const DrawerFooter = (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 DrawerHandle = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "class",
         "className",
         "dataTheme",
@@ -568,10 +568,10 @@ const DrawerHandle = (props)=>{
     ]);
     return (()=>{
         var _el$0 = _tmpl$4(), _el$1 = _el$0.firstChild;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$0, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+        spread(_el$0, mergeProps(others, {
             "aria-hidden": "true",
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.Handle.base, local.class, local.className);
+                return twMerge(CLASSES.Handle.base, local.class, local.className);
             },
             "data-slot": "drawer-handle",
             get ["data-theme"] () {
@@ -581,12 +581,12 @@ const DrawerHandle = (props)=>{
                 return local.style;
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$1, __WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.Handle.bar));
+        effect(()=>className(_el$1, CLASSES.Handle.bar));
         return _el$0;
     })();
 };
 const DrawerCloseTrigger = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -597,20 +597,20 @@ const DrawerCloseTrigger = (props)=>{
         "onClick",
         "aria-label"
     ]);
-    const ctx = (0, __WEBPACK_EXTERNAL_MODULE__Drawer_context_js_e84e90b3__.useDrawerContext)();
+    const ctx = useDrawerContext();
     const handleClick = (event)=>{
         ctx.requestClose("trigger");
         if ("function" == typeof local.onClick) local.onClick(event);
     };
     return (()=>{
         var _el$10 = _tmpl$2();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$10, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+        spread(_el$10, mergeProps(others, {
             type: "button",
             get ["aria-label"] () {
                 return local["aria-label"] ?? "Close";
             },
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.CloseTrigger.base, local.class, local.className);
+                return twMerge(CLASSES.CloseTrigger.base, local.class, local.className);
             },
             "data-slot": "drawer-close-trigger",
             get ["data-theme"] () {
@@ -621,22 +621,22 @@ const DrawerCloseTrigger = (props)=>{
             },
             onClick: handleClick
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$10, (()=>{
-            var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.startIcon);
+        insert(_el$10, (()=>{
+            var _c$ = memo(()=>!!local.startIcon);
             return ()=>_c$() ? (()=>{
                     var _el$11 = _tmpl$5();
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$11, ()=>local.startIcon);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$11, (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.CloseTrigger.icon, __WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.CloseTrigger.iconStart)));
+                    insert(_el$11, ()=>local.startIcon);
+                    effect(()=>className(_el$11, twMerge(CLASSES.CloseTrigger.icon, CLASSES.CloseTrigger.iconStart)));
                     return _el$11;
                 })() : null;
         })(), null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$10, ()=>local.children, null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$10, (()=>{
-            var _c$2 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.endIcon);
+        insert(_el$10, ()=>local.children, null);
+        insert(_el$10, (()=>{
+            var _c$2 = memo(()=>!!local.endIcon);
             return ()=>_c$2() ? (()=>{
                     var _el$12 = _tmpl$5();
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$12, ()=>local.endIcon);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$12, (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.CloseTrigger.icon, __WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.CloseTrigger.iconEnd)));
+                    insert(_el$12, ()=>local.endIcon);
+                    effect(()=>className(_el$12, twMerge(CLASSES.CloseTrigger.icon, CLASSES.CloseTrigger.iconEnd)));
                     return _el$12;
                 })() : null;
         })(), null);
@@ -644,14 +644,14 @@ const DrawerCloseTrigger = (props)=>{
     })();
 };
 const DrawerClose = (props)=>{
-    const ctx = (0, __WEBPACK_EXTERNAL_MODULE__Drawer_context_js_e84e90b3__.useDrawerContext)();
+    const ctx = useDrawerContext();
     const handleClick = ()=>{
         ctx.requestClose("trigger");
     };
     return (()=>{
         var _el$13 = _tmpl$6();
         _el$13.$$click = handleClick;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$13, ()=>props.children);
+        insert(_el$13, ()=>props.children);
         return _el$13;
     })();
 };
@@ -670,7 +670,7 @@ const Drawer = Object.assign(DrawerRoot, {
     Close: DrawerClose
 });
 const drawer_Drawer = Drawer;
-(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
+delegateEvents([
     "click"
 ]);
 export { DrawerBackdrop, DrawerBody, DrawerClose, DrawerCloseTrigger, DrawerContent, DrawerDialog, DrawerFooter, DrawerHandle, DrawerHeader, DrawerHeading, DrawerRoot, DrawerTrigger, drawer_Drawer as default };

package/dist/components/drawer/index.js

@@ -1,15 +1,2 @@
-import * as __WEBPACK_EXTERNAL_MODULE__Drawer_js_d34b0417__ from "./Drawer.js";
-var __webpack_exports__DrawerBackdrop = __WEBPACK_EXTERNAL_MODULE__Drawer_js_d34b0417__.DrawerBackdrop;
-var __webpack_exports__DrawerBody = __WEBPACK_EXTERNAL_MODULE__Drawer_js_d34b0417__.DrawerBody;
-var __webpack_exports__DrawerClose = __WEBPACK_EXTERNAL_MODULE__Drawer_js_d34b0417__.DrawerClose;
-var __webpack_exports__DrawerCloseTrigger = __WEBPACK_EXTERNAL_MODULE__Drawer_js_d34b0417__.DrawerCloseTrigger;
-var __webpack_exports__DrawerContent = __WEBPACK_EXTERNAL_MODULE__Drawer_js_d34b0417__.DrawerContent;
-var __webpack_exports__DrawerDialog = __WEBPACK_EXTERNAL_MODULE__Drawer_js_d34b0417__.DrawerDialog;
-var __webpack_exports__DrawerFooter = __WEBPACK_EXTERNAL_MODULE__Drawer_js_d34b0417__.DrawerFooter;
-var __webpack_exports__DrawerHandle = __WEBPACK_EXTERNAL_MODULE__Drawer_js_d34b0417__.DrawerHandle;
-var __webpack_exports__DrawerHeader = __WEBPACK_EXTERNAL_MODULE__Drawer_js_d34b0417__.DrawerHeader;
-var __webpack_exports__DrawerHeading = __WEBPACK_EXTERNAL_MODULE__Drawer_js_d34b0417__.DrawerHeading;
-var __webpack_exports__DrawerRoot = __WEBPACK_EXTERNAL_MODULE__Drawer_js_d34b0417__.DrawerRoot;
-var __webpack_exports__DrawerTrigger = __WEBPACK_EXTERNAL_MODULE__Drawer_js_d34b0417__.DrawerTrigger;
-var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Drawer_js_d34b0417__["default"];
-export { __webpack_exports__DrawerBackdrop as DrawerBackdrop, __webpack_exports__DrawerBody as DrawerBody, __webpack_exports__DrawerClose as DrawerClose, __webpack_exports__DrawerCloseTrigger as DrawerCloseTrigger, __webpack_exports__DrawerContent as DrawerContent, __webpack_exports__DrawerDialog as DrawerDialog, __webpack_exports__DrawerFooter as DrawerFooter, __webpack_exports__DrawerHandle as DrawerHandle, __webpack_exports__DrawerHeader as DrawerHeader, __webpack_exports__DrawerHeading as DrawerHeading, __webpack_exports__DrawerRoot as DrawerRoot, __webpack_exports__DrawerTrigger as DrawerTrigger, __webpack_exports__default as default };
+import external_Drawer_js_default, { DrawerBackdrop, DrawerBody, DrawerClose, DrawerCloseTrigger, DrawerContent, DrawerDialog, DrawerFooter, DrawerHandle, DrawerHeader, DrawerHeading, DrawerRoot, DrawerTrigger } from "./Drawer.js";
+export { DrawerBackdrop, DrawerBody, DrawerClose, DrawerCloseTrigger, DrawerContent, DrawerDialog, DrawerFooter, DrawerHandle, DrawerHeader, DrawerHeading, DrawerRoot, DrawerTrigger, external_Drawer_js_default as default };