@pathscale/ui 1.1.44 → 1.1.46

package/dist/components/drawer/Drawer.css

@@ -150,6 +150,45 @@
     }
   }
 
+  /* -------------------------------------------------------------------------------------------------
+   * Dialog — semantic prop: custom size (width / maxWidth)
+   * -----------------------------------------------------------------------------------------------*/
+  .drawer__dialog--custom-size {
+    width: var(--drawer-dialog-width, 20rem);
+    max-width: var(--drawer-dialog-max-width, 85vw);
+  }
+
+  @media (min-width: 640px) {
+    .drawer__dialog--custom-size {
+      width: var(--drawer-dialog-width, 24rem);
+    }
+  }
+
+  /* -------------------------------------------------------------------------------------------------
+   * Dialog — semantic prop: custom padding
+   * -----------------------------------------------------------------------------------------------*/
+  .drawer__dialog--custom-padding {
+    padding: var(--drawer-dialog-padding);
+  }
+
+  /* -------------------------------------------------------------------------------------------------
+   * Dialog — semantic prop: side (border indicator)
+   * -----------------------------------------------------------------------------------------------*/
+  .drawer__dialog--side-left {
+    border-right: 1px solid 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);
+  }
+
+  /* -------------------------------------------------------------------------------------------------
+   * Dialog — semantic prop: bg (any CSS color via custom property)
+   * -----------------------------------------------------------------------------------------------*/
+  .drawer__dialog--custom-bg {
+    background-color: var(--drawer-dialog-bg, var(--color-base-100));
+  }
+
   /* Slide transitions — open state */
   .drawer__content--left .drawer__dialog,
   .drawer__content--right .drawer__dialog,

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

@@ -21,8 +21,14 @@ export type DrawerContentProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "child
     children: JSX.Element;
     placement?: DrawerPlacement;
 };
+export type DrawerDialogSide = "left" | "right";
 export type DrawerDialogProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
     children: JSX.Element;
+    side?: DrawerDialogSide;
+    width?: string;
+    maxWidth?: string;
+    bg?: string;
+    padding?: string;
 };
 export type DrawerHeaderProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
     children: JSX.Element;

package/dist/components/drawer/Drawer.js

@@ -1,17 +1,17 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import { Portal, createComponent, delegateEvents, insert, memo, mergeProps, spread, template } 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_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)();
+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();
 const useDrawerContext = ()=>{
-    const ctx = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(DrawerContext);
+    const ctx = useContext(DrawerContext);
     if (!ctx) throw new Error("Drawer compound components must be used within <Drawer>");
     return ctx;
 };
 const DrawerRoot = (props)=>{
-    const [local, _others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, _others] = splitProps(props, [
         "children",
         "isOpen",
         "defaultOpen",
@@ -21,7 +21,7 @@ const DrawerRoot = (props)=>{
         "className",
         "style"
     ]);
-    const [internalOpen, setInternalOpen] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(Boolean(local.defaultOpen));
+    const [internalOpen, setInternalOpen] = 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 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(DrawerContext.Provider, {
+    return createComponent(DrawerContext.Provider, {
         value: ctx,
         get children () {
             return local.children;
@@ -43,7 +43,7 @@ const DrawerRoot = (props)=>{
     });
 };
 const DrawerTrigger = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -58,10 +58,10 @@ const DrawerTrigger = (props)=>{
     };
     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, {
             type: "button"
         }, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.slot.trigger, local.class, local.className)
+                class: twMerge(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);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+        insert(_el$, ()=>local.children);
         return _el$;
     })();
 };
 const BACKDROP_VARIANT_MAP = {
-    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
+    opaque: CLASSES.backdrop.opaque,
+    blur: CLASSES.backdrop.blur,
+    transparent: CLASSES.backdrop.transparent
 };
 const DrawerBackdrop = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = 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] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)("closed");
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+    const [animState, setAnimState] = createSignal("closed");
+    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);
     };
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+    createEffect(()=>{
         const state = animState();
         if ("entering" === state || "open" === state) {
             const prev = document.body.style.overflow;
             document.body.style.overflow = "hidden";
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
+            onCleanup(()=>{
                 document.body.style.overflow = prev;
             });
         }
     });
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+    createEffect(()=>{
         if (!ctx.isOpen() || !isDismissable()) return;
         const handler = (e)=>{
             if ("Escape" === e.key) ctx.setIsOpen(false);
         };
         document.addEventListener("keydown", handler);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>document.removeEventListener("keydown", handler));
+        onCleanup(()=>document.removeEventListener("keydown", handler));
     });
     const updatedCtx = {
         isOpen: ctx.isOpen,
@@ -136,19 +136,19 @@ const DrawerBackdrop = (props)=>{
         isDismissable,
         animState
     };
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+    return createComponent(Show, {
         get when () {
             return "closed" !== 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)(DrawerContext.Provider, {
+                    return createComponent(DrawerContext.Provider, {
                         value: updatedCtx,
                         get children () {
                             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, ()=>({
-                                    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)
+                            spread(_el$2, mergeProps(others, ()=>({
+                                    class: twMerge(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);
-                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.children);
+                            insert(_el$2, ()=>local.children);
                             return _el$2;
                         }
                     });
@@ -176,13 +176,13 @@ const DrawerBackdrop = (props)=>{
     });
 };
 const PLACEMENT_CLASS_MAP = {
-    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
+    top: CLASSES.placement.top,
+    bottom: CLASSES.placement.bottom,
+    left: CLASSES.placement.left,
+    right: CLASSES.placement.right
 };
 const DrawerContent = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -199,12 +199,12 @@ const DrawerContent = (props)=>{
         animState: parentCtx.animState,
         placement
     };
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(DrawerContext.Provider, {
+    return createComponent(DrawerContext.Provider, {
         value: updatedCtx,
         get children () {
             var _el$3 = _tmpl$2();
-            (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)
+            spread(_el$3, mergeProps(others, ()=>({
+                    class: twMerge(CLASSES.slot.content, PLACEMENT_CLASS_MAP[placement()], local.class, local.className)
                 }), {
                 "data-slot": "drawer-content",
                 get ["data-placement"] () {
@@ -223,27 +223,48 @@ 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 SIDE_MAP = {
+    left: "drawer__dialog--side-left",
+    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",
         "dataTheme",
-        "style"
+        "style",
+        "side",
+        "width",
+        "maxWidth",
+        "bg",
+        "padding"
     ]);
     const ctx = useDrawerContext();
+    const mergedStyle = ()=>{
+        const s = {};
+        if ("object" == typeof local.style && local.style) Object.assign(s, local.style);
+        if (local.width) s["--drawer-dialog-width"] = local.width;
+        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;
+        return s;
+    };
+    const hasCustomSize = ()=>Boolean(local.width || local.maxWidth);
+    const hasCustomPadding = ()=>Boolean(local.padding);
+    const hasCustomBg = ()=>Boolean(local.bg);
     return (()=>{
         var _el$4 = _tmpl$2();
-        (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, {
             role: "dialog",
             "aria-modal": "true"
         }, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.slot.dialog, local.class, local.className)
+                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)
             }), {
             "data-slot": "drawer-dialog",
             get ["data-placement"] () {
@@ -253,15 +274,15 @@ const DrawerDialog = (props)=>{
                 return local.dataTheme;
             },
             get style () {
-                return local.style;
+                return mergedStyle();
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.children);
+        insert(_el$4, ()=>local.children);
         return _el$4;
     })();
 };
 const DrawerHeader = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -270,8 +291,8 @@ const DrawerHeader = (props)=>{
     ]);
     return (()=>{
         var _el$5 = _tmpl$2();
-        (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)
+        spread(_el$5, mergeProps(others, ()=>({
+                class: twMerge(CLASSES.slot.header, local.class, local.className)
             }), {
             "data-slot": "drawer-header",
             get ["data-theme"] () {
@@ -281,12 +302,12 @@ const DrawerHeader = (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$5;
     })();
 };
 const DrawerHeading = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -295,8 +316,8 @@ const DrawerHeading = (props)=>{
     ]);
     return (()=>{
         var _el$6 = _tmpl$3();
-        (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)
+        spread(_el$6, mergeProps(others, ()=>({
+                class: twMerge(CLASSES.slot.heading, local.class, local.className)
             }), {
             "data-slot": "drawer-heading",
             get ["data-theme"] () {
@@ -306,12 +327,12 @@ const DrawerHeading = (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 DrawerBody = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -320,8 +341,8 @@ const DrawerBody = (props)=>{
     ]);
     return (()=>{
         var _el$7 = _tmpl$2();
-        (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)
+        spread(_el$7, mergeProps(others, ()=>({
+                class: twMerge(CLASSES.slot.body, local.class, local.className)
             }), {
             "data-slot": "drawer-body",
             get ["data-theme"] () {
@@ -333,12 +354,12 @@ const DrawerBody = (props)=>{
                 });
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, ()=>local.children);
+        insert(_el$7, ()=>local.children);
         return _el$7;
     })();
 };
 const DrawerFooter = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -347,8 +368,8 @@ const DrawerFooter = (props)=>{
     ]);
     return (()=>{
         var _el$8 = _tmpl$2();
-        (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)
+        spread(_el$8, mergeProps(others, ()=>({
+                class: twMerge(CLASSES.slot.footer, local.class, local.className)
             }), {
             "data-slot": "drawer-footer",
             get ["data-theme"] () {
@@ -358,12 +379,12 @@ const DrawerFooter = (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 DrawerHandle = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "class",
         "className",
         "dataTheme",
@@ -371,10 +392,10 @@ const DrawerHandle = (props)=>{
     ]);
     return (()=>{
         var _el$9 = _tmpl$4();
-        (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, {
             "aria-hidden": "true"
         }, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.slot.handle, local.class, local.className)
+                class: twMerge(CLASSES.slot.handle, local.class, local.className)
             }), {
             "data-slot": "drawer-handle",
             get ["data-theme"] () {
@@ -388,7 +409,7 @@ const DrawerHandle = (props)=>{
     })();
 };
 const DrawerCloseTrigger = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -405,10 +426,10 @@ const DrawerCloseTrigger = (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, {
+        spread(_el$0, mergeProps(others, {
             type: "button"
         }, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Drawer_classes_js_756bbd15__.CLASSES.slot.closeTrigger, local.class, local.className)
+                class: twMerge(CLASSES.slot.closeTrigger, local.class, local.className)
             }), {
             "data-slot": "drawer-close-trigger",
             get ["data-theme"] () {
@@ -420,30 +441,30 @@ const DrawerCloseTrigger = (props)=>{
             "aria-label": "Close",
             onClick: handleClick
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$0, (()=>{
-            var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.startIcon);
+        insert(_el$0, (()=>{
+            var _c$ = memo(()=>!!local.startIcon);
             return ()=>_c$() ? (()=>{
                     var _el$1 = _tmpl$5();
-                    (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)
+                    spread(_el$1, mergeProps(()=>({
+                            class: twMerge(CLASSES.slot.closeIcon, CLASSES.closeIconStart)
                         }), {
                         "data-slot": "drawer-close-trigger-start-icon"
                     }), false, true);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$1, ()=>local.startIcon);
+                    insert(_el$1, ()=>local.startIcon);
                     return _el$1;
                 })() : null;
         })(), null);
-        (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);
+        insert(_el$0, ()=>local.children, null);
+        insert(_el$0, (()=>{
+            var _c$2 = memo(()=>!!local.endIcon);
             return ()=>_c$2() ? (()=>{
                     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: (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)
+                    spread(_el$10, mergeProps(()=>({
+                            class: twMerge(CLASSES.slot.closeIcon, CLASSES.closeIconEnd)
                         }), {
                         "data-slot": "drawer-close-trigger-end-icon"
                     }), false, true);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$10, ()=>local.endIcon);
+                    insert(_el$10, ()=>local.endIcon);
                     return _el$10;
                 })() : null;
         })(), null);
@@ -458,7 +479,7 @@ const DrawerClose = (props)=>{
     return (()=>{
         var _el$11 = _tmpl$6();
         _el$11.$$click = handleClick;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$11, ()=>props.children);
+        insert(_el$11, ()=>props.children);
         return _el$11;
     })();
 };
@@ -477,7 +498,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.d.ts

@@ -1 +1 @@
-export { default, DrawerRoot, DrawerTrigger, DrawerBackdrop, DrawerContent, DrawerDialog, DrawerHeader, DrawerHeading, DrawerBody, DrawerFooter, DrawerHandle, DrawerCloseTrigger, DrawerClose, type DrawerPlacement, type DrawerBackdropVariant, type DrawerRootProps, type DrawerTriggerProps, type DrawerBackdropProps, type DrawerContentProps, type DrawerDialogProps, type DrawerHeaderProps, type DrawerHeadingProps, type DrawerBodyProps, type DrawerFooterProps, type DrawerHandleProps, type DrawerCloseTriggerProps, type DrawerCloseProps, } from "./Drawer";
+export { default, DrawerRoot, DrawerTrigger, DrawerBackdrop, DrawerContent, DrawerDialog, DrawerHeader, DrawerHeading, DrawerBody, DrawerFooter, DrawerHandle, DrawerCloseTrigger, DrawerClose, type DrawerPlacement, type DrawerBackdropVariant, type DrawerDialogSide, type DrawerRootProps, type DrawerTriggerProps, type DrawerBackdropProps, type DrawerContentProps, type DrawerDialogProps, type DrawerHeaderProps, type DrawerHeadingProps, type DrawerBodyProps, type DrawerFooterProps, type DrawerHandleProps, type DrawerCloseTriggerProps, type DrawerCloseProps, } from "./Drawer";

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 };