@pathscale/ui 1.1.46 → 1.1.48

package/dist/components/drawer/Drawer.css

@@ -172,14 +172,18 @@
   }
 
   /* -------------------------------------------------------------------------------------------------
-   * Dialog — semantic prop: side (border indicator)
+   * Dialog — semantic prop: side (border indicator, parametric width & color)
    * -----------------------------------------------------------------------------------------------*/
   .drawer__dialog--side-left {
-    border-right: 1px solid color-mix(in oklab, var(--color-base-content) 10%, transparent);
+    border-right-width: var(--drawer-dialog-border-width, 1px);
+    border-right-style: solid;
+    border-right-color: var(--drawer-dialog-border-color, color-mix(in oklab, var(--color-base-content) 10%, transparent));
   }
 
   .drawer__dialog--side-right {
-    border-left: 1px solid color-mix(in oklab, var(--color-base-content) 10%, transparent);
+    border-left-width: var(--drawer-dialog-border-width, 1px);
+    border-left-style: solid;
+    border-left-color: var(--drawer-dialog-border-color, color-mix(in oklab, var(--color-base-content) 10%, transparent));
   }
 
   /* -------------------------------------------------------------------------------------------------

package/dist/components/drawer/Drawer.d.ts

@@ -29,6 +29,8 @@ export type DrawerDialogProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "childr
     maxWidth?: string;
     bg?: string;
     padding?: string;
+    borderWidth?: string;
+    borderColor?: string;
 };
 export type DrawerHeaderProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
     children: JSX.Element;

package/dist/components/drawer/Drawer.js

@@ -1,17 +1,17 @@
-import { Portal, createComponent, delegateEvents, insert, memo, mergeProps, spread, template } from "solid-js/web";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
 import "./Drawer.css";
-import { Show, createContext, createEffect, createSignal, onCleanup, splitProps, useContext } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import { CLASSES } from "./Drawer.classes.js";
-var _tmpl$ = /*#__PURE__*/ template("<button>"), _tmpl$2 = /*#__PURE__*/ template("<div>"), _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>");
-const DrawerContext = createContext();
+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_classes_js_756bbd15__ from "./Drawer.classes.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _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>");
+const DrawerContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
 const useDrawerContext = ()=>{
-    const ctx = useContext(DrawerContext);
+    const ctx = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(DrawerContext);
     if (!ctx) throw new Error("Drawer compound components must be used within <Drawer>");
     return ctx;
 };
 const DrawerRoot = (props)=>{
-    const [local, _others] = splitProps(props, [
+    const [local, _others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
         "isOpen",
         "defaultOpen",
@@ -21,7 +21,7 @@ const DrawerRoot = (props)=>{
         "className",
         "style"
     ]);
-    const [internalOpen, setInternalOpen] = createSignal(Boolean(local.defaultOpen));
+    const [internalOpen, setInternalOpen] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(Boolean(local.defaultOpen));
     const isControlled = ()=>void 0 !== local.isOpen;
     const isOpen = ()=>isControlled() ? Boolean(local.isOpen) : internalOpen();
     const setIsOpen = (v)=>{
@@ -35,7 +35,7 @@ const DrawerRoot = (props)=>{
         isDismissable: ()=>true,
         animState: ()=>"closed"
     };
-    return createComponent(DrawerContext.Provider, {
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(DrawerContext.Provider, {
         value: ctx,
         get children () {
             return local.children;
@@ -43,7 +43,7 @@ const DrawerRoot = (props)=>{
     });
 };
 const DrawerTrigger = (props)=>{
-    const [local, others] = splitProps(props, [
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
         "class",
         "className",
@@ -58,10 +58,10 @@ const DrawerTrigger = (props)=>{
     };
     return (()=>{
         var _el$ = _tmpl$();
-        spread(_el$, mergeProps(others, {
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             type: "button"
         }, ()=>({
-                class: twMerge(CLASSES.slot.trigger, local.class, local.className)
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.slot.trigger, local.class, local.className)
             }), {
             "data-slot": "drawer-trigger",
             get ["data-theme"] () {
@@ -72,17 +72,17 @@ const DrawerTrigger = (props)=>{
             },
             onClick: handleClick
         }), false, true);
-        insert(_el$, ()=>local.children);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
         return _el$;
     })();
 };
 const BACKDROP_VARIANT_MAP = {
-    opaque: CLASSES.backdrop.opaque,
-    blur: CLASSES.backdrop.blur,
-    transparent: CLASSES.backdrop.transparent
+    opaque: __WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.backdrop.opaque,
+    blur: __WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.backdrop.blur,
+    transparent: __WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.backdrop.transparent
 };
 const DrawerBackdrop = (props)=>{
-    const [local, others] = splitProps(props, [
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
         "class",
         "className",
@@ -95,8 +95,8 @@ const DrawerBackdrop = (props)=>{
     const ctx = useDrawerContext();
     const variant = ()=>local.variant ?? "opaque";
     const isDismissable = ()=>false !== local.isDismissable;
-    const [animState, setAnimState] = createSignal("closed");
-    createEffect(()=>{
+    const [animState, setAnimState] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)("closed");
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
         if (ctx.isOpen()) {
             setAnimState("entering");
             requestAnimationFrame(()=>{
@@ -111,23 +111,23 @@ const DrawerBackdrop = (props)=>{
         if (e.target === e.currentTarget && isDismissable()) ctx.setIsOpen(false);
         if ("function" == typeof local.onClick) local.onClick(e);
     };
-    createEffect(()=>{
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
         const state = animState();
         if ("entering" === state || "open" === state) {
             const prev = document.body.style.overflow;
             document.body.style.overflow = "hidden";
-            onCleanup(()=>{
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
                 document.body.style.overflow = prev;
             });
         }
     });
-    createEffect(()=>{
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
         if (!ctx.isOpen() || !isDismissable()) return;
         const handler = (e)=>{
             if ("Escape" === e.key) ctx.setIsOpen(false);
         };
         document.addEventListener("keydown", handler);
-        onCleanup(()=>document.removeEventListener("keydown", handler));
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>document.removeEventListener("keydown", handler));
     });
     const updatedCtx = {
         isOpen: ctx.isOpen,
@@ -136,19 +136,19 @@ const DrawerBackdrop = (props)=>{
         isDismissable,
         animState
     };
-    return createComponent(Show, {
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
         get when () {
             return "closed" !== animState();
         },
         get children () {
-            return createComponent(Portal, {
+            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Portal, {
                 get children () {
-                    return createComponent(DrawerContext.Provider, {
+                    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(DrawerContext.Provider, {
                         value: updatedCtx,
                         get children () {
                             var _el$2 = _tmpl$2();
-                            spread(_el$2, mergeProps(others, ()=>({
-                                    class: twMerge(CLASSES.slot.backdrop, BACKDROP_VARIANT_MAP[variant()], local.class, local.className)
+                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                                    class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.slot.backdrop, BACKDROP_VARIANT_MAP[variant()], local.class, local.className)
                                 }), {
                                 "data-slot": "drawer-backdrop",
                                 get ["data-entering"] () {
@@ -166,7 +166,7 @@ const DrawerBackdrop = (props)=>{
                                 onClick: handleBackdropClick,
                                 onTransitionEnd: handleTransitionEnd
                             }), false, true);
-                            insert(_el$2, ()=>local.children);
+                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.children);
                             return _el$2;
                         }
                     });
@@ -176,13 +176,13 @@ const DrawerBackdrop = (props)=>{
     });
 };
 const PLACEMENT_CLASS_MAP = {
-    top: CLASSES.placement.top,
-    bottom: CLASSES.placement.bottom,
-    left: CLASSES.placement.left,
-    right: CLASSES.placement.right
+    top: __WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.placement.top,
+    bottom: __WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.placement.bottom,
+    left: __WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.placement.left,
+    right: __WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.placement.right
 };
 const DrawerContent = (props)=>{
-    const [local, others] = splitProps(props, [
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
         "class",
         "className",
@@ -199,12 +199,12 @@ const DrawerContent = (props)=>{
         animState: parentCtx.animState,
         placement
     };
-    return createComponent(DrawerContext.Provider, {
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(DrawerContext.Provider, {
         value: updatedCtx,
         get children () {
             var _el$3 = _tmpl$2();
-            spread(_el$3, mergeProps(others, ()=>({
-                    class: twMerge(CLASSES.slot.content, PLACEMENT_CLASS_MAP[placement()], local.class, local.className)
+            (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__Drawer_classes_js_756bbd15__.CLASSES.slot.content, PLACEMENT_CLASS_MAP[placement()], local.class, local.className)
                 }), {
                 "data-slot": "drawer-content",
                 get ["data-placement"] () {
@@ -223,7 +223,7 @@ const DrawerContent = (props)=>{
                     return local.style;
                 }
             }), false, true);
-            insert(_el$3, ()=>local.children);
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.children);
             return _el$3;
         }
     });
@@ -233,7 +233,7 @@ const SIDE_MAP = {
     right: "drawer__dialog--side-right"
 };
 const DrawerDialog = (props)=>{
-    const [local, others] = splitProps(props, [
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
         "class",
         "className",
@@ -243,7 +243,9 @@ const DrawerDialog = (props)=>{
         "width",
         "maxWidth",
         "bg",
-        "padding"
+        "padding",
+        "borderWidth",
+        "borderColor"
     ]);
     const ctx = useDrawerContext();
     const mergedStyle = ()=>{
@@ -253,6 +255,8 @@ const DrawerDialog = (props)=>{
         if (local.maxWidth) s["--drawer-dialog-max-width"] = local.maxWidth;
         if (local.bg) s["--drawer-dialog-bg"] = local.bg;
         if (local.padding) s["--drawer-dialog-padding"] = local.padding;
+        if (local.borderWidth) s["--drawer-dialog-border-width"] = local.borderWidth;
+        if (local.borderColor) s["--drawer-dialog-border-color"] = local.borderColor;
         return s;
     };
     const hasCustomSize = ()=>Boolean(local.width || local.maxWidth);
@@ -260,11 +264,11 @@ const DrawerDialog = (props)=>{
     const hasCustomBg = ()=>Boolean(local.bg);
     return (()=>{
         var _el$4 = _tmpl$2();
-        spread(_el$4, mergeProps(others, {
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             role: "dialog",
             "aria-modal": "true"
         }, ()=>({
-                class: twMerge(CLASSES.slot.dialog, 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)
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.slot.dialog, 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"] () {
@@ -277,12 +281,12 @@ const DrawerDialog = (props)=>{
                 return mergedStyle();
             }
         }), false, true);
-        insert(_el$4, ()=>local.children);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.children);
         return _el$4;
     })();
 };
 const DrawerHeader = (props)=>{
-    const [local, others] = splitProps(props, [
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
         "class",
         "className",
@@ -291,8 +295,8 @@ const DrawerHeader = (props)=>{
     ]);
     return (()=>{
         var _el$5 = _tmpl$2();
-        spread(_el$5, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.slot.header, local.class, local.className)
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.slot.header, local.class, local.className)
             }), {
             "data-slot": "drawer-header",
             get ["data-theme"] () {
@@ -302,12 +306,12 @@ const DrawerHeader = (props)=>{
                 return local.style;
             }
         }), false, true);
-        insert(_el$5, ()=>local.children);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, ()=>local.children);
         return _el$5;
     })();
 };
 const DrawerHeading = (props)=>{
-    const [local, others] = splitProps(props, [
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
         "class",
         "className",
@@ -316,8 +320,8 @@ const DrawerHeading = (props)=>{
     ]);
     return (()=>{
         var _el$6 = _tmpl$3();
-        spread(_el$6, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.slot.heading, local.class, local.className)
+        (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__Drawer_classes_js_756bbd15__.CLASSES.slot.heading, local.class, local.className)
             }), {
             "data-slot": "drawer-heading",
             get ["data-theme"] () {
@@ -327,12 +331,12 @@ const DrawerHeading = (props)=>{
                 return local.style;
             }
         }), false, true);
-        insert(_el$6, ()=>local.children);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, ()=>local.children);
         return _el$6;
     })();
 };
 const DrawerBody = (props)=>{
-    const [local, others] = splitProps(props, [
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
         "class",
         "className",
@@ -341,8 +345,8 @@ const DrawerBody = (props)=>{
     ]);
     return (()=>{
         var _el$7 = _tmpl$2();
-        spread(_el$7, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.slot.body, local.class, local.className)
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.slot.body, local.class, local.className)
             }), {
             "data-slot": "drawer-body",
             get ["data-theme"] () {
@@ -354,12 +358,12 @@ const DrawerBody = (props)=>{
                 });
             }
         }), false, true);
-        insert(_el$7, ()=>local.children);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, ()=>local.children);
         return _el$7;
     })();
 };
 const DrawerFooter = (props)=>{
-    const [local, others] = splitProps(props, [
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
         "class",
         "className",
@@ -368,8 +372,8 @@ const DrawerFooter = (props)=>{
     ]);
     return (()=>{
         var _el$8 = _tmpl$2();
-        spread(_el$8, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.slot.footer, local.class, local.className)
+        (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__Drawer_classes_js_756bbd15__.CLASSES.slot.footer, local.class, local.className)
             }), {
             "data-slot": "drawer-footer",
             get ["data-theme"] () {
@@ -379,12 +383,12 @@ const DrawerFooter = (props)=>{
                 return local.style;
             }
         }), false, true);
-        insert(_el$8, ()=>local.children);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$8, ()=>local.children);
         return _el$8;
     })();
 };
 const DrawerHandle = (props)=>{
-    const [local, others] = splitProps(props, [
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "class",
         "className",
         "dataTheme",
@@ -392,10 +396,10 @@ const DrawerHandle = (props)=>{
     ]);
     return (()=>{
         var _el$9 = _tmpl$4();
-        spread(_el$9, mergeProps(others, {
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$9, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             "aria-hidden": "true"
         }, ()=>({
-                class: twMerge(CLASSES.slot.handle, local.class, local.className)
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.slot.handle, local.class, local.className)
             }), {
             "data-slot": "drawer-handle",
             get ["data-theme"] () {
@@ -409,7 +413,7 @@ const DrawerHandle = (props)=>{
     })();
 };
 const DrawerCloseTrigger = (props)=>{
-    const [local, others] = splitProps(props, [
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
         "class",
         "className",
@@ -426,10 +430,10 @@ const DrawerCloseTrigger = (props)=>{
     };
     return (()=>{
         var _el$0 = _tmpl$();
-        spread(_el$0, mergeProps(others, {
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$0, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             type: "button"
         }, ()=>({
-                class: twMerge(CLASSES.slot.closeTrigger, local.class, local.className)
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.slot.closeTrigger, local.class, local.className)
             }), {
             "data-slot": "drawer-close-trigger",
             get ["data-theme"] () {
@@ -441,30 +445,30 @@ const DrawerCloseTrigger = (props)=>{
             "aria-label": "Close",
             onClick: handleClick
         }), false, true);
-        insert(_el$0, (()=>{
-            var _c$ = memo(()=>!!local.startIcon);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$0, (()=>{
+            var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.startIcon);
             return ()=>_c$() ? (()=>{
                     var _el$1 = _tmpl$5();
-                    spread(_el$1, mergeProps(()=>({
-                            class: twMerge(CLASSES.slot.closeIcon, CLASSES.closeIconStart)
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$1, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                            class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.slot.closeIcon, __WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.closeIconStart)
                         }), {
                         "data-slot": "drawer-close-trigger-start-icon"
                     }), false, true);
-                    insert(_el$1, ()=>local.startIcon);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$1, ()=>local.startIcon);
                     return _el$1;
                 })() : null;
         })(), null);
-        insert(_el$0, ()=>local.children, null);
-        insert(_el$0, (()=>{
-            var _c$2 = memo(()=>!!local.endIcon);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$0, ()=>local.children, null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$0, (()=>{
+            var _c$2 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.endIcon);
             return ()=>_c$2() ? (()=>{
                     var _el$10 = _tmpl$5();
-                    spread(_el$10, mergeProps(()=>({
-                            class: twMerge(CLASSES.slot.closeIcon, CLASSES.closeIconEnd)
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$10, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                            class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.slot.closeIcon, __WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.closeIconEnd)
                         }), {
                         "data-slot": "drawer-close-trigger-end-icon"
                     }), false, true);
-                    insert(_el$10, ()=>local.endIcon);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$10, ()=>local.endIcon);
                     return _el$10;
                 })() : null;
         })(), null);
@@ -479,7 +483,7 @@ const DrawerClose = (props)=>{
     return (()=>{
         var _el$11 = _tmpl$6();
         _el$11.$$click = handleClick;
-        insert(_el$11, ()=>props.children);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$11, ()=>props.children);
         return _el$11;
     })();
 };
@@ -498,7 +502,7 @@ const Drawer = Object.assign(DrawerRoot, {
     Close: DrawerClose
 });
 const drawer_Drawer = Drawer;
-delegateEvents([
+(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.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,2 +1,15 @@
-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 };
+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 };