@pathscale/ui 1.1.44 → 1.1.45

package/dist/components/drawer/Drawer.css

@@ -150,6 +150,57 @@
     }
   }
 
+  /* -------------------------------------------------------------------------------------------------
+   * 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 (background variant)
+   * -----------------------------------------------------------------------------------------------*/
+  .drawer__dialog--bg-base {
+    background-color: var(--color-base-100);
+  }
+
+  .drawer__dialog--bg-surface-1 {
+    background-color: var(--nf-surface-1, var(--color-base-100));
+  }
+
+  .drawer__dialog--bg-surface-2 {
+    background-color: var(--nf-surface-2, var(--color-base-200));
+  }
+
+  .drawer__dialog--bg-surface-3 {
+    background-color: var(--nf-surface-3, var(--color-base-300));
+  }
+
   /* Slide transitions — open state */
   .drawer__content--left .drawer__dialog,
   .drawer__content--right .drawer__dialog,

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

@@ -21,8 +21,15 @@ export type DrawerContentProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "child
     children: JSX.Element;
     placement?: DrawerPlacement;
 };
+export type DrawerDialogSide = "left" | "right";
+export type DrawerDialogBg = "base" | "surface-1" | "surface-2" | "surface-3";
 export type DrawerDialogProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
     children: JSX.Element;
+    side?: DrawerDialogSide;
+    width?: string;
+    maxWidth?: string;
+    bg?: DrawerDialogBg;
+    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,52 @@ 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 BG_MAP = {
+    base: "drawer__dialog--bg-base",
+    "surface-1": "drawer__dialog--bg-surface-1",
+    "surface-2": "drawer__dialog--bg-surface-2",
+    "surface-3": "drawer__dialog--bg-surface-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.padding) s["--drawer-dialog-padding"] = local.padding;
+        return s;
+    };
+    const hasCustomSize = ()=>Boolean(local.width || local.maxWidth);
+    const hasCustomPadding = ()=>Boolean(local.padding);
     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, local.bg ? BG_MAP[local.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 +278,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 +295,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 +306,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 +320,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 +331,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 +345,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 +358,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 +372,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 +383,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 +396,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 +413,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 +430,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 +445,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 +483,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 +502,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 DrawerDialogBg, 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 };