@pathscale/ui 1.1.55 → 1.1.56

package/dist/components/toast/index.d.ts

@@ -1 +1 @@
-export { default, ToastRoot, ToastProvider, ToastContent, ToastIndicator, ToastTitle, ToastDescription, ToastActionButton, ToastCloseButton, ToastQueue, toast, toastQueue, DEFAULT_GAP, DEFAULT_MAX_VISIBLE_TOAST, DEFAULT_SCALE_FACTOR, DEFAULT_TOAST_TIMEOUT, DEFAULT_TOAST_WIDTH, type ToastPlacement, type ToastVariant, type ToastActionProps, type ToastContentValue, type ToastQueueAddOptions, type ToastQueueItem, type ToastQueueOptions, type ToastRenderFn, type ToastRootProps, type ToastProviderProps, type ToastContentProps, type ToastIndicatorProps, type ToastTitleProps, type ToastDescriptionProps, type ToastActionButtonProps, type ToastCloseButtonProps, type HeroUIToastOptions, type ToastPromiseOptions, type ToastFunction, } from "./Toast";
+export { default, type ToastProps } from "./Toast";

package/dist/components/toast/index.js

@@ -1,19 +1,3 @@
 import * as __WEBPACK_EXTERNAL_MODULE__Toast_js_72ea0bce__ from "./Toast.js";
-var __webpack_exports__DEFAULT_GAP = __WEBPACK_EXTERNAL_MODULE__Toast_js_72ea0bce__.DEFAULT_GAP;
-var __webpack_exports__DEFAULT_MAX_VISIBLE_TOAST = __WEBPACK_EXTERNAL_MODULE__Toast_js_72ea0bce__.DEFAULT_MAX_VISIBLE_TOAST;
-var __webpack_exports__DEFAULT_SCALE_FACTOR = __WEBPACK_EXTERNAL_MODULE__Toast_js_72ea0bce__.DEFAULT_SCALE_FACTOR;
-var __webpack_exports__DEFAULT_TOAST_TIMEOUT = __WEBPACK_EXTERNAL_MODULE__Toast_js_72ea0bce__.DEFAULT_TOAST_TIMEOUT;
-var __webpack_exports__DEFAULT_TOAST_WIDTH = __WEBPACK_EXTERNAL_MODULE__Toast_js_72ea0bce__.DEFAULT_TOAST_WIDTH;
-var __webpack_exports__ToastActionButton = __WEBPACK_EXTERNAL_MODULE__Toast_js_72ea0bce__.ToastActionButton;
-var __webpack_exports__ToastCloseButton = __WEBPACK_EXTERNAL_MODULE__Toast_js_72ea0bce__.ToastCloseButton;
-var __webpack_exports__ToastContent = __WEBPACK_EXTERNAL_MODULE__Toast_js_72ea0bce__.ToastContent;
-var __webpack_exports__ToastDescription = __WEBPACK_EXTERNAL_MODULE__Toast_js_72ea0bce__.ToastDescription;
-var __webpack_exports__ToastIndicator = __WEBPACK_EXTERNAL_MODULE__Toast_js_72ea0bce__.ToastIndicator;
-var __webpack_exports__ToastProvider = __WEBPACK_EXTERNAL_MODULE__Toast_js_72ea0bce__.ToastProvider;
-var __webpack_exports__ToastQueue = __WEBPACK_EXTERNAL_MODULE__Toast_js_72ea0bce__.ToastQueue;
-var __webpack_exports__ToastRoot = __WEBPACK_EXTERNAL_MODULE__Toast_js_72ea0bce__.ToastRoot;
-var __webpack_exports__ToastTitle = __WEBPACK_EXTERNAL_MODULE__Toast_js_72ea0bce__.ToastTitle;
 var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Toast_js_72ea0bce__["default"];
-var __webpack_exports__toast = __WEBPACK_EXTERNAL_MODULE__Toast_js_72ea0bce__.toast;
-var __webpack_exports__toastQueue = __WEBPACK_EXTERNAL_MODULE__Toast_js_72ea0bce__.toastQueue;
-export { __webpack_exports__DEFAULT_GAP as DEFAULT_GAP, __webpack_exports__DEFAULT_MAX_VISIBLE_TOAST as DEFAULT_MAX_VISIBLE_TOAST, __webpack_exports__DEFAULT_SCALE_FACTOR as DEFAULT_SCALE_FACTOR, __webpack_exports__DEFAULT_TOAST_TIMEOUT as DEFAULT_TOAST_TIMEOUT, __webpack_exports__DEFAULT_TOAST_WIDTH as DEFAULT_TOAST_WIDTH, __webpack_exports__ToastActionButton as ToastActionButton, __webpack_exports__ToastCloseButton as ToastCloseButton, __webpack_exports__ToastContent as ToastContent, __webpack_exports__ToastDescription as ToastDescription, __webpack_exports__ToastIndicator as ToastIndicator, __webpack_exports__ToastProvider as ToastProvider, __webpack_exports__ToastQueue as ToastQueue, __webpack_exports__ToastRoot as ToastRoot, __webpack_exports__ToastTitle as ToastTitle, __webpack_exports__default as default, __webpack_exports__toast as toast, __webpack_exports__toastQueue as toastQueue };
+export { __webpack_exports__default as default };

package/dist/components/toast/toast.css

@@ -0,0 +1,58 @@
+@layer components {
+  .toast {
+      position: fixed;
+      inset-inline-start: auto;
+      inset-inline-end: calc(0.25rem * 4);
+      top: auto;
+      bottom: calc(0.25rem * 4);
+      display: flex;
+      flex-direction: column;
+      gap: calc(0.25rem * 2);
+      background-color: transparent;
+      translate: var(--toast-x, 0) var(--toast-y, 0);
+      width: max-content;
+      max-width: calc(100vw - 2rem);
+    }
+
+  @media (prefers-reduced-motion: no-preference) {
+    .toast > * {
+      animation: toast 0.25s ease-out;
+    }
+    }
+
+  .toast-center {
+      inset-inline-start: calc(1/2 * 100%);
+      inset-inline-end: calc(1/2 * 100%);
+      --toast-x: -50%;
+    }
+
+  .toast-end {
+      inset-inline-start: auto;
+      inset-inline-end: calc(0.25rem * 4);
+      --toast-x: 0;
+    }
+
+  .toast-start {
+      inset-inline-start: calc(0.25rem * 4);
+      inset-inline-end: auto;
+      --toast-x: 0;
+    }
+
+  .toast-bottom {
+      top: auto;
+      bottom: calc(0.25rem * 4);
+      --toast-y: 0;
+    }
+
+  .toast-middle {
+      top: calc(1/2 * 100%);
+      bottom: auto;
+      --toast-y: -50%;
+    }
+
+  .toast-top {
+      top: calc(0.25rem * 4);
+      bottom: auto;
+      --toast-y: 0;
+    }
+}

package/dist/components/toastcontainer/ToastContainer.d.ts

@@ -0,0 +1,3 @@
+import { type Component } from "solid-js";
+import type { ToastStackProps } from "./ToastStack";
+export declare const ToastContainer: Component<ToastStackProps>;

package/dist/components/toastcontainer/ToastContainer.js

@@ -0,0 +1,15 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+import * as __WEBPACK_EXTERNAL_MODULE__ToastStack_js_7635dd78__ from "./ToastStack.js";
+const ToastContainer = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "class"
+    ]);
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__ToastStack_js_7635dd78__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
+        get ["class"] () {
+            return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(local.class);
+        }
+    }));
+};
+export { ToastContainer };

package/dist/components/toastcontainer/ToastStack.d.ts

@@ -0,0 +1,17 @@
+import { type Component, type JSX } from "solid-js";
+import type { ToastProps } from "../toast/Toast";
+import type { MotionPreset } from "../../motion";
+import { type ToastItem } from "../../stores/toastStore";
+export type ToastRenderer = (toast: ToastItem, dismiss: () => void) => JSX.Element;
+export type ToastStackProps = ToastProps & {
+    motionPreset?: MotionPreset;
+    motionPresetName?: string;
+    reduceMotion?: boolean;
+    renderToast?: ToastRenderer;
+    expandOnClick?: boolean;
+    collapsedCount?: number;
+    collapsedOffset?: number;
+    collapsedScale?: number;
+};
+export declare const ToastStack: Component<ToastStackProps>;
+export default ToastStack;

package/dist/components/toastcontainer/ToastStack.js

@@ -0,0 +1,181 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+import * as __WEBPACK_EXTERNAL_MODULE__alert_index_js_d9d6572d__ from "../alert/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__button_index_js_557db1f7__ from "../button/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__toast_index_js_78d3aea9__ from "../toast/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__motion_index_js_58495715__ from "../../motion/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__stores_toastStore_js_d4b6a69a__ from "../../stores/toastStore.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+const TOAST_STATUS_MAP = {
+    info: "accent",
+    success: "success",
+    warning: "warning",
+    error: "danger"
+};
+const defaultRenderToast = (toast, dismiss)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__alert_index_js_d9d6572d__["default"], {
+        get status () {
+            return TOAST_STATUS_MAP[toast.type];
+        },
+        style: {
+            "min-width": "20rem",
+            "max-width": "32rem"
+        },
+        get children () {
+            return [
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__alert_index_js_d9d6572d__["default"].Content, {
+                    get children () {
+                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__alert_index_js_d9d6572d__["default"].Title, {
+                            get children () {
+                                return toast.message;
+                            }
+                        });
+                    }
+                }),
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_557db1f7__["default"], {
+                    size: "sm",
+                    variant: "ghost",
+                    onClick: (event)=>{
+                        event.stopPropagation();
+                        dismiss();
+                    },
+                    class: "ml-2 opacity-70 hover:opacity-100",
+                    "aria-label": "Dismiss notification",
+                    children: "x"
+                })
+            ];
+        }
+    });
+const ToastStack_ToastStack = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "class",
+        "motionPreset",
+        "motionPresetName",
+        "reduceMotion",
+        "renderToast",
+        "max",
+        "expandOnClick",
+        "collapsedCount",
+        "collapsedOffset",
+        "collapsedScale"
+    ]);
+    const [expanded, setExpanded] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
+    const resolvedPreset = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+        if (local.motionPreset) return local.motionPreset;
+        const name = local.motionPresetName ?? "toast";
+        return (0, __WEBPACK_EXTERNAL_MODULE__motion_index_js_58495715__.resolvePreset)(name, {
+            reduceMotion: local.reduceMotion
+        });
+    });
+    const visibleToasts = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+        const list = __WEBPACK_EXTERNAL_MODULE__stores_toastStore_js_d4b6a69a__.toastStore.toasts();
+        if (local.max && local.max > 0) return list.slice(-local.max);
+        return list;
+    });
+    const allowCollapse = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+        if (false === local.expandOnClick) return false;
+        return visibleToasts().length > 1;
+    });
+    const isExpanded = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+        if (!allowCollapse()) return true;
+        return expanded();
+    });
+    const collapsedCount = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local.collapsedCount ?? 3);
+    const collapsedOffset = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local.collapsedOffset ?? 10);
+    const collapsedScale = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local.collapsedScale ?? 0.02);
+    const stackToasts = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+        const list = visibleToasts();
+        if (isExpanded()) return list;
+        const count = collapsedCount();
+        if (count <= 0) return list;
+        return list.slice(-count);
+    });
+    const renderToast = ()=>local.renderToast ?? defaultRenderToast;
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__toast_index_js_78d3aea9__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
+        get ["class"] () {
+            return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(local.class);
+        },
+        get children () {
+            var _el$ = _tmpl$();
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
+                get each () {
+                    return stackToasts();
+                },
+                children: (toast, index)=>{
+                    const isTop = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>index() === stackToasts().length - 1);
+                    const stackIndex = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>stackToasts().length - 1 - index());
+                    const onToggle = ()=>{
+                        if (!allowCollapse() || !isTop()) return;
+                        setExpanded((prev)=>!prev);
+                    };
+                    const stackStyle = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+                        if (isExpanded()) return {};
+                        const offset = stackIndex() * collapsedOffset();
+                        const scale = 1 - stackIndex() * collapsedScale();
+                        return {
+                            position: "absolute",
+                            right: "0",
+                            bottom: `${offset}px`,
+                            transform: `scale(${scale})`,
+                            "transform-origin": "right bottom",
+                            "z-index": String(100 + index()),
+                            transition: "transform 160ms ease-out"
+                        };
+                    });
+                    return (()=>{
+                        var _el$2 = _tmpl$();
+                        _el$2.$$click = onToggle;
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__motion_index_js_58495715__.MotionDiv, {
+                            get initial () {
+                                return resolvedPreset().initial;
+                            },
+                            get animate () {
+                                return resolvedPreset().animate;
+                            },
+                            get exit () {
+                                return resolvedPreset().exit;
+                            },
+                            get transition () {
+                                return resolvedPreset().transition;
+                            },
+                            get isExiting () {
+                                return toast.isExiting;
+                            },
+                            onExitComplete: ()=>__WEBPACK_EXTERNAL_MODULE__stores_toastStore_js_d4b6a69a__.toastStore.removeToast(toast.id),
+                            get children () {
+                                return renderToast()(toast, ()=>__WEBPACK_EXTERNAL_MODULE__stores_toastStore_js_d4b6a69a__.toastStore.dismissToast(toast.id));
+                            }
+                        }));
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+                            var _v$3 = isTop() && !isExpanded() ? "cursor-pointer" : void 0, _v$4 = stackStyle();
+                            _v$3 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, _p$.e = _v$3);
+                            _p$.t = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.style)(_el$2, _v$4, _p$.t);
+                            return _p$;
+                        }, {
+                            e: void 0,
+                            t: void 0
+                        });
+                        return _el$2;
+                    })();
+                }
+            }));
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+                var _v$ = isExpanded() ? "flex flex-col gap-2" : "relative", _v$2 = isExpanded() ? void 0 : {
+                    "min-height": "3rem"
+                };
+                _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, _p$.e = _v$);
+                _p$.t = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.style)(_el$, _v$2, _p$.t);
+                return _p$;
+            }, {
+                e: void 0,
+                t: void 0
+            });
+            return _el$;
+        }
+    }));
+};
+const ToastStack = ToastStack_ToastStack;
+(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
+    "click"
+]);
+export { ToastStack_ToastStack as ToastStack, ToastStack as default };

package/dist/components/toastcontainer/index.d.ts

@@ -0,0 +1,3 @@
+export { ToastContainer } from "./ToastContainer";
+export { ToastStack } from "./ToastStack";
+export type { ToastStackProps, ToastRenderer } from "./ToastStack";

package/dist/components/toastcontainer/index.js

@@ -0,0 +1,5 @@
+import * as __WEBPACK_EXTERNAL_MODULE__ToastContainer_js_6b089da7__ from "./ToastContainer.js";
+import * as __WEBPACK_EXTERNAL_MODULE__ToastStack_js_7635dd78__ from "./ToastStack.js";
+var __webpack_exports__ToastContainer = __WEBPACK_EXTERNAL_MODULE__ToastContainer_js_6b089da7__.ToastContainer;
+var __webpack_exports__ToastStack = __WEBPACK_EXTERNAL_MODULE__ToastStack_js_7635dd78__.ToastStack;
+export { __webpack_exports__ToastContainer as ToastContainer, __webpack_exports__ToastStack as ToastStack };

package/dist/components/toggle/Toggle.css

@@ -14,12 +14,6 @@
     --switch-control-bg-pressed: var(--switch-control-bg-hover);
     --switch-control-bg-checked: var(--color-accent);
     --switch-control-bg-checked-hover: color-mix(in oklab, var(--switch-control-bg-checked), #000 8%);
-    --switch-control-border: color-mix(in oklab, var(--color-base-content) 24%, transparent);
-    --switch-control-border-checked: color-mix(
-      in oklab,
-      var(--switch-control-bg-checked) 74%,
-      var(--color-base-content)
-    );
   }
 
   .toggle__input {
@@ -43,11 +37,9 @@
     border-radius: 9999px;
     height: 1.25rem;
     width: 2.5rem;
-    border: 1px solid var(--switch-control-border);
     background-color: var(--switch-control-bg);
     transition:
       background-color 250ms ease,
-      border-color 250ms ease,
       box-shadow 150ms ease;
   }
 
@@ -117,7 +109,6 @@
 
   .toggle[data-selected="true"] .toggle__control {
     background-color: var(--switch-control-bg-checked);
-    border-color: var(--switch-control-border-checked);
   }
 
   .toggle[data-selected="true"] .toggle__thumb {

package/dist/components/toggle/Toggle.js

@@ -2,13 +2,24 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import "./Toggle.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__Toggle_classes_js_44b2e8d2__ from "./Toggle.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span data-slot=label>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<label><input><span><span>");
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span class=toggle__icon data-slot=toggle-icon>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span data-slot=label>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span class=toggle__description data-slot=description>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span class=toggle__content data-slot=toggle-content>"), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<label data-slot=toggle><input><span class=toggle__control data-slot=toggle-control aria-hidden=true><span class=toggle__thumb data-slot=toggle-thumb>");
 const invokeEventHandler = (handler, event)=>{
     if ("function" == typeof handler) return void handler(event);
     if (Array.isArray(handler) && "function" == typeof handler[0]) handler[0](handler[1], event);
 };
-const Toggle_Toggle = (props)=>{
+const TOGGLE_COLOR_CLASS = {
+    default: "toggle--default",
+    accent: "toggle--accent",
+    success: "toggle--success",
+    warning: "toggle--warning",
+    danger: "toggle--danger"
+};
+const TOGGLE_SIZE_CLASS = {
+    sm: "toggle--sm",
+    md: "toggle--md",
+    lg: "toggle--lg"
+};
+const Toggle = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "class",
         "className",
@@ -38,30 +49,11 @@ const Toggle_Toggle = (props)=>{
         if (!isControlled()) setInternalSelected(event.currentTarget.checked);
     };
     return (()=>{
-        var _el$ = _tmpl$3(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Toggle_classes_js_44b2e8d2__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Toggle_classes_js_44b2e8d2__.CLASSES.size[size()], __WEBPACK_EXTERNAL_MODULE__Toggle_classes_js_44b2e8d2__.CLASSES.color[color()], isDisabled() && __WEBPACK_EXTERNAL_MODULE__Toggle_classes_js_44b2e8d2__.CLASSES.flag.disabled, local.class, local.className)
-            }), {
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            "data-slot": "toggle",
-            get ["data-selected"] () {
-                return isSelected() ? "true" : "false";
-            },
-            get ["data-disabled"] () {
-                return isDisabled() ? "true" : "false";
-            },
-            get ["aria-disabled"] () {
-                return isDisabled() ? "true" : "false";
-            }
-        }), false, true);
+        var _el$ = _tmpl$5(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild;
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             type: "checkbox",
-            role: "switch"
-        }, ()=>({
-                class: __WEBPACK_EXTERNAL_MODULE__Toggle_classes_js_44b2e8d2__.CLASSES.slot.input
-            }), {
+            role: "switch",
+            class: "toggle__input",
             "data-slot": "toggle-input",
             get checked () {
                 return isSelected();
@@ -71,28 +63,12 @@ const Toggle_Toggle = (props)=>{
             },
             onChange: handleChange
         }), false, false);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: __WEBPACK_EXTERNAL_MODULE__Toggle_classes_js_44b2e8d2__.CLASSES.slot.control
-            }), {
-            "data-slot": "toggle-control",
-            "aria-hidden": "true"
-        }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: __WEBPACK_EXTERNAL_MODULE__Toggle_classes_js_44b2e8d2__.CLASSES.slot.thumb
-            }), {
-            "data-slot": "toggle-thumb"
-        }), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
             get when () {
                 return local.icon;
             },
             get children () {
                 var _el$5 = _tmpl$();
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                        class: __WEBPACK_EXTERNAL_MODULE__Toggle_classes_js_44b2e8d2__.CLASSES.slot.icon
-                    }), {
-                    "data-slot": "toggle-icon"
-                }), false, true);
                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, ()=>local.icon);
                 return _el$5;
             }
@@ -102,12 +78,7 @@ const Toggle_Toggle = (props)=>{
                 return hasContent();
             },
             get children () {
-                var _el$6 = _tmpl$();
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                        class: __WEBPACK_EXTERNAL_MODULE__Toggle_classes_js_44b2e8d2__.CLASSES.slot.content
-                    }), {
-                    "data-slot": "toggle-content"
-                }), false, true);
+                var _el$6 = _tmpl$4();
                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
                     get when () {
                         return local.children;
@@ -123,12 +94,7 @@ const Toggle_Toggle = (props)=>{
                         return local.description;
                     },
                     get children () {
-                        var _el$8 = _tmpl$();
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$8, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                                class: __WEBPACK_EXTERNAL_MODULE__Toggle_classes_js_44b2e8d2__.CLASSES.slot.description
-                            }), {
-                            "data-slot": "description"
-                        }), false, true);
+                        var _el$8 = _tmpl$3();
                         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$8, ()=>local.description);
                         return _el$8;
                     }
@@ -136,8 +102,23 @@ const Toggle_Toggle = (props)=>{
                 return _el$6;
             }
         }), null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+            var _v$ = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("toggle", TOGGLE_SIZE_CLASS[size()], TOGGLE_COLOR_CLASS[color()], isDisabled() && "toggle--disabled", local.class, local.className), _v$2 = local.dataTheme, _v$3 = isSelected() ? "true" : "false", _v$4 = isDisabled() ? "true" : "false", _v$5 = isDisabled() ? "true" : "false";
+            _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, _p$.e = _v$);
+            _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "data-theme", _p$.t = _v$2);
+            _v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "data-selected", _p$.a = _v$3);
+            _v$4 !== _p$.o && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "data-disabled", _p$.o = _v$4);
+            _v$5 !== _p$.i && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "aria-disabled", _p$.i = _v$5);
+            return _p$;
+        }, {
+            e: void 0,
+            t: void 0,
+            a: void 0,
+            o: void 0,
+            i: void 0
+        });
         return _el$;
     })();
 };
-const Toggle = Toggle_Toggle;
-export { Toggle as default };
+const toggle_Toggle = Toggle;
+export { toggle_Toggle as default };

package/dist/components/tooltip/Tooltip.js

@@ -2,8 +2,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import "./Tooltip.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__Tooltip_classes_js_59536676__ from "./Tooltip.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), _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)('<svg aria-hidden=true data-slot=tooltip-arrow-svg height=12 viewBox="0 0 12 12"width=12 xmlns=http://www.w3.org/2000/svg><path d="M0 0C5.48483 8 6.5 8 12 0Z"fill=currentColor>');
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span data-slot=tooltip-root>"), _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)('<svg aria-hidden=true data-slot=tooltip-arrow-svg height=12 viewBox="0 0 12 12"width=12 xmlns=http://www.w3.org/2000/svg><path d="M0 0C5.48483 8 6.5 8 12 0Z"fill=currentColor>'), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
 const TooltipContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
 const useTooltipContext = ()=>{
     const ctx = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(TooltipContext);
@@ -45,18 +44,18 @@ const TooltipRoot = (props)=>{
         value: ctx,
         get children () {
             var _el$ = _tmpl$();
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                    class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Tooltip_classes_js_59536676__.CLASSES.base, local.class, local.className)
-                }), {
-                "data-slot": "tooltip-root",
-                get ["data-theme"] () {
-                    return local.dataTheme;
-                },
-                get style () {
-                    return local.style;
-                }
-            }), false, true);
             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+                var _v$ = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("tooltip", local.class, local.className), _v$2 = local.dataTheme, _v$3 = local.style;
+                _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, _p$.e = _v$);
+                _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "data-theme", _p$.t = _v$2);
+                _p$.a = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.style)(_el$, _v$3, _p$.a);
+                return _p$;
+            }, {
+                e: void 0,
+                t: void 0,
+                a: void 0
+            });
             return _el$;
         }
     });
@@ -101,9 +100,10 @@ const TooltipTrigger = (props)=>{
     return (()=>{
         var _el$2 = _tmpl$2();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)((el)=>ctx.setTriggerRef(el), _el$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__Tooltip_classes_js_59536676__.CLASSES.slot.trigger, 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, {
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("tooltip__trigger", local.class, local.className);
+            },
             "data-slot": "tooltip-trigger",
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -132,10 +132,10 @@ const TooltipContent = (props)=>{
     return (()=>{
         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, {
-            role: "tooltip"
-        }, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Tooltip_classes_js_59536676__.CLASSES.slot.content, local.class, local.className)
-            }), {
+            role: "tooltip",
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("tooltip__content", local.class, local.className);
+            },
             "data-slot": "tooltip-content",
             get ["data-placement"] () {
                 return ctx.placement();
@@ -165,10 +165,11 @@ const TooltipArrow = (props)=>{
     const ctx = useTooltipContext();
     const defaultArrow = _tmpl$3();
     return (()=>{
-        var _el$5 = _tmpl$();
-        (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__Tooltip_classes_js_59536676__.CLASSES.slot.arrow, local.class, local.className)
-            }), {
+        var _el$5 = _tmpl$4();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("tooltip__arrow", local.class, local.className);
+            },
             "data-slot": "tooltip-arrow",
             get ["data-placement"] () {
                 return ctx.placement();

package/dist/components/utils.d.ts

@@ -1,9 +1,9 @@
-import type { JSX } from "solid-js";
+import { type JSX } from "solid-js";
 import type { ResponsiveProp } from "./types";
-export { useDesktop } from "../hooks/layout";
 export declare function wrapWithElementIfInvalid({ node, wrapper, className, }: {
     node: JSX.Element | string | number | null | undefined;
     wrapper?: keyof JSX.IntrinsicElements;
     className?: string;
 }): JSX.Element;
 export declare function mapResponsiveProp<T extends string | boolean>(prop: ResponsiveProp<T> | undefined, classMap: Record<string, string>): string[];
+export declare function useDesktop(breakpoint?: number): import("solid-js").Accessor<boolean>;

package/dist/components/utils.js

@@ -1,18 +1,16 @@
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
 import * as __WEBPACK_EXTERNAL_MODULE__types_js_7eec16d2__ from "./types.js";
-import * as __WEBPACK_EXTERNAL_MODULE__hooks_layout_index_js_ad74a5db__ from "../hooks/layout/index.js";
 function isJSXElement(node) {
     return "object" == typeof node && null !== node;
 }
 function wrapWithElementIfInvalid({ node, wrapper = "div", className = "" }) {
     null == node || "string" == typeof node || "number" == typeof node || isJSXElement(node);
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-        component: wrapper
-    }, {
-        class: className
-    }, {
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, {
+        component: wrapper,
+        class: className,
         children: node
-    }));
+    });
 }
 function mapResponsiveProp(prop, classMap) {
     if (void 0 === prop) return [];
@@ -30,5 +28,19 @@ function mapResponsiveProp(prop, classMap) {
         ];
     });
 }
-var __webpack_exports__useDesktop = __WEBPACK_EXTERNAL_MODULE__hooks_layout_index_js_ad74a5db__.useDesktop;
-export { mapResponsiveProp, wrapWithElementIfInvalid, __webpack_exports__useDesktop as useDesktop };
+function useDesktop(breakpoint = 1024) {
+    const [isDesktop, setIsDesktop] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
+    const checkIfDesktop = ()=>{
+        const width = window.innerWidth;
+        setIsDesktop(width >= breakpoint);
+    };
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onMount)(()=>{
+        checkIfDesktop();
+        window.addEventListener("resize", checkIfDesktop);
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
+        window.removeEventListener("resize", checkIfDesktop);
+    });
+    return isDesktop;
+}
+export { mapResponsiveProp, useDesktop, wrapWithElementIfInvalid };