@pathscale/ui 1.2.6 → 1.2.8

package/dist/components/dropdown/Dropdown.js

@@ -1,11 +1,11 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import { Portal, createComponent, insert, mergeProps, spread, template, use } from "solid-js/web";
 import "./Dropdown.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__shared_overlayPosition_js_ab299723__ from "../_shared/overlayPosition.js";
-import * as __WEBPACK_EXTERNAL_MODULE__Dropdown_classes_js_de10768c__ from "./Dropdown.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div>");
-const DropdownContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
+import { Show, createContext, createEffect, createSignal, createUniqueId, onCleanup, onMount, splitProps, useContext } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { createOverlayPosition } from "../_shared/overlayPosition.js";
+import { CLASSES } from "./Dropdown.classes.js";
+var _tmpl$ = /*#__PURE__*/ template("<div>"), _tmpl$2 = /*#__PURE__*/ template("<button>"), _tmpl$3 = /*#__PURE__*/ template("<div><div>");
+const DropdownContext = createContext();
 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);
@@ -20,7 +20,7 @@ const sortItemsByDomOrder = (items)=>[
         return 0;
     });
 const DropdownRoot = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "open",
@@ -33,16 +33,16 @@ const DropdownRoot = (props)=>{
         "className",
         "ref"
     ]);
-    const baseId = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createUniqueId)();
+    const baseId = createUniqueId();
     const triggerId = `${baseId}-trigger`;
     const menuId = `${baseId}-menu`;
-    const [internalOpen, setInternalOpen] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(Boolean(local.defaultOpen));
-    const [items, setItems] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)([]);
-    const [focusedKey, setFocusedKey] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(void 0);
-    const [focusRequest, setFocusRequest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(null);
-    const [triggerRef, setTriggerRefSignal] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(void 0);
-    const [menuRef, setMenuRefSignal] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(void 0);
-    const [rootRef, setRootRefSignal] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(void 0);
+    const [internalOpen, setInternalOpen] = createSignal(Boolean(local.defaultOpen));
+    const [items, setItems] = createSignal([]);
+    const [focusedKey, setFocusedKey] = createSignal(void 0);
+    const [focusRequest, setFocusRequest] = createSignal(null);
+    const [triggerRef, setTriggerRefSignal] = createSignal(void 0);
+    const [menuRef, setMenuRefSignal] = createSignal(void 0);
+    const [rootRef, setRootRefSignal] = createSignal(void 0);
     const isControlled = ()=>void 0 !== local.open;
     const isDisabled = ()=>Boolean(local.disabled);
     const open = ()=>isControlled() ? Boolean(local.open) : internalOpen();
@@ -104,14 +104,14 @@ const DropdownRoot = (props)=>{
         setItems((prev)=>prev.filter((item)=>item.key !== key));
         if (focusedKey() === key) setFocusedKey(void 0);
     };
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+    createEffect(()=>{
         if (!open()) return;
         const request = focusRequest();
         if (!request) return;
         focusBoundary("first" === request ? "first" : "last");
         setFocusRequest(null);
     });
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+    createEffect(()=>{
         const list = items();
         const currentFocused = focusedKey();
         if (currentFocused && !list.some((item)=>item.key === currentFocused)) return void setFocusedKey(void 0);
@@ -120,7 +120,7 @@ const DropdownRoot = (props)=>{
             if (firstEnabled) setFocusedKey(firstEnabled.key);
         }
     });
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onMount)(()=>{
+    onMount(()=>{
         const handlePointerDown = (event)=>{
             if (!open()) return;
             const target = event.target;
@@ -130,11 +130,11 @@ const DropdownRoot = (props)=>{
             setOpen(false);
         };
         document.addEventListener("pointerdown", handlePointerDown);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
+        onCleanup(()=>{
             document.removeEventListener("pointerdown", handlePointerDown);
         });
     });
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(DropdownContext.Provider, {
+    return createComponent(DropdownContext.Provider, {
         value: {
             open,
             disabled: isDisabled,
@@ -159,9 +159,9 @@ const DropdownRoot = (props)=>{
         },
         get children () {
             var _el$ = _tmpl$();
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(setRootRef, _el$);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                    class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Dropdown_classes_js_de10768c__.CLASSES.base, local.class, local.className)
+            use(setRootRef, _el$);
+            spread(_el$, mergeProps(others, ()=>({
+                    class: twMerge(CLASSES.base, local.class, local.className)
                 }), {
                 get ["data-theme"] () {
                     return local.dataTheme;
@@ -171,14 +171,14 @@ const DropdownRoot = (props)=>{
                     return open() ? "true" : "false";
                 }
             }), false, true);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+            insert(_el$, ()=>local.children);
             return _el$;
         }
     });
 };
 const DropdownTrigger = (props)=>{
-    const ctx = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(DropdownContext);
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const ctx = useContext(DropdownContext);
+    const [local, others] = splitProps(props, [
         "class",
         "children",
         "disabled",
@@ -189,14 +189,14 @@ const DropdownTrigger = (props)=>{
     ]);
     if (!ctx) return (()=>{
         var _el$2 = _tmpl$2();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Dropdown_classes_js_de10768c__.CLASSES.slot.trigger, local.class)
+        spread(_el$2, mergeProps(others, ()=>({
+                class: twMerge(CLASSES.slot.trigger, local.class)
             }), {
             get type () {
                 return local.type ?? "button";
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.children);
+        insert(_el$2, ()=>local.children);
         return _el$2;
     })();
     const isDisabled = ()=>Boolean(local.disabled) || ctx.disabled();
@@ -247,8 +247,8 @@ const DropdownTrigger = (props)=>{
     };
     return (()=>{
         var _el$3 = _tmpl$2();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(setRef, _el$3);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+        use(setRef, _el$3);
+        spread(_el$3, mergeProps(others, {
             get id () {
                 return ctx.triggerId;
             },
@@ -256,7 +256,7 @@ const DropdownTrigger = (props)=>{
                 return local.type ?? "button";
             }
         }, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Dropdown_classes_js_de10768c__.CLASSES.slot.trigger, local.class)
+                class: twMerge(CLASSES.slot.trigger, local.class)
             }), {
             "data-slot": "dropdown-trigger",
             "aria-haspopup": "menu",
@@ -272,13 +272,13 @@ const DropdownTrigger = (props)=>{
             onClick: handleClick,
             onKeyDown: handleKeyDown
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.children);
+        insert(_el$3, ()=>local.children);
         return _el$3;
     })();
 };
 const DropdownMenu = (props)=>{
-    const ctx = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(DropdownContext);
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const ctx = useContext(DropdownContext);
+    const [local, others] = splitProps(props, [
         "class",
         "children",
         "align",
@@ -291,16 +291,16 @@ const DropdownMenu = (props)=>{
     ]);
     if (!ctx) return (()=>{
         var _el$4 = _tmpl$3(), _el$5 = _el$4.firstChild;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Dropdown_classes_js_de10768c__.CLASSES.slot.popover, local.class)
+        spread(_el$4, mergeProps(others, ()=>({
+                class: twMerge(CLASSES.slot.popover, local.class)
             })), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: __WEBPACK_EXTERNAL_MODULE__Dropdown_classes_js_de10768c__.CLASSES.slot.menu
+        spread(_el$5, mergeProps(()=>({
+                class: CLASSES.slot.menu
             })), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, ()=>local.children);
+        insert(_el$5, ()=>local.children);
         return _el$4;
     })();
-    const overlayPosition = (0, __WEBPACK_EXTERNAL_MODULE__shared_overlayPosition_js_ab299723__.createOverlayPosition)({
+    const overlayPosition = createOverlayPosition({
         open: ctx.open,
         triggerRef: ctx.triggerRef,
         overlayRef: ctx.menuRef,
@@ -353,22 +353,22 @@ const DropdownMenu = (props)=>{
             ...overlayStyle
         };
     };
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+    return createComponent(Show, {
         get when () {
             return ctx.open();
         },
         get children () {
-            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Portal, {
+            return createComponent(Portal, {
                 get children () {
                     var _el$6 = _tmpl$3(), _el$7 = _el$6.firstChild;
                     var _ref$ = ctx.setMenuRef;
-                    "function" == typeof _ref$ ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$, _el$6) : ctx.setMenuRef = _el$6;
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+                    "function" == typeof _ref$ ? use(_ref$, _el$6) : ctx.setMenuRef = _el$6;
+                    spread(_el$6, mergeProps(others, {
                         get id () {
                             return ctx.menuId;
                         }
                     }, ()=>({
-                            class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Dropdown_classes_js_de10768c__.CLASSES.slot.popover, local.class)
+                            class: twMerge(CLASSES.slot.popover, local.class)
                         }), {
                         get role () {
                             return local.role ?? "menu";
@@ -391,12 +391,12 @@ const DropdownMenu = (props)=>{
                         },
                         onKeyDown: handleKeyDown
                     }), false, true);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                            class: __WEBPACK_EXTERNAL_MODULE__Dropdown_classes_js_de10768c__.CLASSES.slot.menu
+                    spread(_el$7, mergeProps(()=>({
+                            class: CLASSES.slot.menu
                         }), {
                         "data-slot": "dropdown-menu"
                     }), false, true);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, ()=>local.children);
+                    insert(_el$7, ()=>local.children);
                     return _el$6;
                 }
             });
@@ -404,8 +404,8 @@ const DropdownMenu = (props)=>{
     });
 };
 const DropdownItem = (props)=>{
-    const ctx = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(DropdownContext);
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const ctx = useContext(DropdownContext);
+    const [local, others] = splitProps(props, [
         "class",
         "children",
         "disabled",
@@ -417,17 +417,17 @@ const DropdownItem = (props)=>{
         "role",
         "type"
     ]);
-    const itemKey = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createUniqueId)();
+    const itemKey = createUniqueId();
     let itemRef;
     if (ctx) {
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onMount)(()=>{
+        onMount(()=>{
             if (itemRef) ctx.registerItem({
                 key: itemKey,
                 ref: itemRef,
                 disabled: Boolean(local.disabled)
             });
         });
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
+        onCleanup(()=>{
             ctx.unregisterItem(itemKey);
         });
     }
@@ -456,8 +456,8 @@ const DropdownItem = (props)=>{
     };
     return (()=>{
         var _el$8 = _tmpl$2();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(setRef, _el$8);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$8, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+        use(setRef, _el$8);
+        spread(_el$8, mergeProps(others, {
             get type () {
                 return local.type ?? "button";
             },
@@ -465,7 +465,7 @@ const DropdownItem = (props)=>{
                 return local.role ?? "menuitem";
             }
         }, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Dropdown_classes_js_de10768c__.CLASSES.slot.item, local.class)
+                class: twMerge(CLASSES.slot.item, local.class)
             }), {
             "data-slot": "menu-item",
             get ["data-disabled"] () {
@@ -487,38 +487,38 @@ const DropdownItem = (props)=>{
             onMouseEnter: handleMouseEnter,
             onFocus: handleFocus
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$8, ()=>local.children);
+        insert(_el$8, ()=>local.children);
         return _el$8;
     })();
 };
 const DropdownGroup = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "class",
         "children"
     ]);
     return (()=>{
         var _el$9 = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$9, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+        spread(_el$9, mergeProps(others, {
             role: "group"
         }, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Dropdown_classes_js_de10768c__.CLASSES.slot.group, local.class)
+                class: twMerge(CLASSES.slot.group, local.class)
             }), {
             "data-slot": "dropdown-group"
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, ()=>local.children);
+        insert(_el$9, ()=>local.children);
         return _el$9;
     })();
 };
 const DropdownSeparator = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "class"
     ]);
     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, {
             role: "separator"
         }, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Dropdown_classes_js_de10768c__.CLASSES.slot.separator, local.class)
+                class: twMerge(CLASSES.slot.separator, local.class)
             }), {
             "data-slot": "separator",
             "aria-orientation": "horizontal"
@@ -534,4 +534,5 @@ const Dropdown = Object.assign(DropdownRoot, {
     Group: DropdownGroup,
     Separator: DropdownSeparator
 });
-export { Dropdown, DropdownGroup, DropdownItem, DropdownMenu, DropdownRoot, DropdownSeparator, DropdownTrigger, Dropdown as default };
+export default Dropdown;
+export { Dropdown, DropdownGroup, DropdownItem, DropdownMenu, DropdownRoot, DropdownSeparator, DropdownTrigger };

package/dist/components/dropdown/index.js

@@ -1,4 +1,3 @@
-import * as __WEBPACK_EXTERNAL_MODULE__Dropdown_js_379094a4__ from "./Dropdown.js";
-var __webpack_exports__Dropdown = __WEBPACK_EXTERNAL_MODULE__Dropdown_js_379094a4__.Dropdown;
-var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Dropdown_js_379094a4__["default"];
-export { __webpack_exports__Dropdown as Dropdown, __webpack_exports__default as default };
+import { Dropdown as external_Dropdown_js_Dropdown } from "./Dropdown.js";
+export default external_Dropdown_js_Dropdown;
+export { external_Dropdown_js_Dropdown as Dropdown };

package/dist/components/empty-state/EmptyState.css

@@ -1,39 +1,39 @@
-@layer components {
-  .empty-state {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    gap: 0.75rem;
-    padding: 3rem 1.5rem;
-    text-align: center;
-  }
-
-  .empty-state__icon {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
-  }
-
-  .empty-state__title {
-    font-size: 0.875rem;
-    font-weight: 600;
-    color: var(--color-base-content);
-    margin: 0;
-  }
-
-  .empty-state__description {
-    font-size: 0.875rem;
-    color: color-mix(in oklab, var(--color-base-content) 60%, transparent);
-    max-width: 24rem;
-    margin: 0;
-  }
-
-  .empty-state__actions {
-    display: flex;
-    align-items: center;
-    gap: 0.5rem;
-    margin-top: 0.5rem;
-  }
-}
+@layer components {
+  .empty-state {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: 0.75rem;
+    padding: 3rem 1.5rem;
+    text-align: center;
+  }
+
+  .empty-state__icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
+  }
+
+  .empty-state__title {
+    font-size: 0.875rem;
+    font-weight: 600;
+    color: var(--color-base-content);
+    margin: 0;
+  }
+
+  .empty-state__description {
+    font-size: 0.875rem;
+    color: color-mix(in oklab, var(--color-base-content) 60%, transparent);
+    max-width: 24rem;
+    margin: 0;
+  }
+
+  .empty-state__actions {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    margin-top: 0.5rem;
+  }
+}

package/dist/components/empty-state/EmptyState.js

@@ -1,11 +1,11 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import { insert, mergeProps, spread, template } from "solid-js/web";
 import "./EmptyState.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__EmptyState_classes_js_726ce366__ from "./EmptyState.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<h3>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<p>");
+import { splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES } from "./EmptyState.classes.js";
+var _tmpl$ = /*#__PURE__*/ template("<div>"), _tmpl$2 = /*#__PURE__*/ template("<h3>"), _tmpl$3 = /*#__PURE__*/ template("<p>");
 const EmptyStateRoot = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -14,10 +14,10 @@ const EmptyStateRoot = (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, {
             role: "status"
         }, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__EmptyState_classes_js_726ce366__.CLASSES.base, local.class, local.className)
+                class: twMerge(CLASSES.base, local.class, local.className)
             }), {
             "data-slot": "empty-state",
             get ["data-theme"] () {
@@ -27,12 +27,12 @@ const EmptyStateRoot = (props)=>{
                 return local.style;
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+        insert(_el$, ()=>local.children);
         return _el$;
     })();
 };
 const EmptyStateIcon = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -41,8 +41,8 @@ const EmptyStateIcon = (props)=>{
     ]);
     return (()=>{
         var _el$2 = _tmpl$();
-        (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__EmptyState_classes_js_726ce366__.CLASSES.slot.icon, local.class, local.className)
+        spread(_el$2, mergeProps(others, ()=>({
+                class: twMerge(CLASSES.slot.icon, local.class, local.className)
             }), {
             "data-slot": "empty-state-icon",
             get ["data-theme"] () {
@@ -53,12 +53,12 @@ const EmptyStateIcon = (props)=>{
             },
             "aria-hidden": "true"
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.children);
+        insert(_el$2, ()=>local.children);
         return _el$2;
     })();
 };
 const EmptyStateTitle = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -67,8 +67,8 @@ const EmptyStateTitle = (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, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__EmptyState_classes_js_726ce366__.CLASSES.slot.title, local.class, local.className)
+        spread(_el$3, mergeProps(others, ()=>({
+                class: twMerge(CLASSES.slot.title, local.class, local.className)
             }), {
             "data-slot": "empty-state-title",
             get ["data-theme"] () {
@@ -78,12 +78,12 @@ const EmptyStateTitle = (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 EmptyStateDescription = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -92,8 +92,8 @@ const EmptyStateDescription = (props)=>{
     ]);
     return (()=>{
         var _el$4 = _tmpl$3();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__EmptyState_classes_js_726ce366__.CLASSES.slot.description, local.class, local.className)
+        spread(_el$4, mergeProps(others, ()=>({
+                class: twMerge(CLASSES.slot.description, local.class, local.className)
             }), {
             "data-slot": "empty-state-description",
             get ["data-theme"] () {
@@ -103,12 +103,12 @@ const EmptyStateDescription = (props)=>{
                 return local.style;
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.children);
+        insert(_el$4, ()=>local.children);
         return _el$4;
     })();
 };
 const EmptyStateActions = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -117,8 +117,8 @@ const EmptyStateActions = (props)=>{
     ]);
     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__EmptyState_classes_js_726ce366__.CLASSES.slot.actions, local.class, local.className)
+        spread(_el$5, mergeProps(others, ()=>({
+                class: twMerge(CLASSES.slot.actions, local.class, local.className)
             }), {
             "data-slot": "empty-state-actions",
             get ["data-theme"] () {
@@ -128,7 +128,7 @@ const EmptyStateActions = (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;
     })();
 };
@@ -140,4 +140,5 @@ const EmptyState = Object.assign(EmptyStateRoot, {
     Actions: EmptyStateActions
 });
 const empty_state_EmptyState = EmptyState;
-export { EmptyStateActions, EmptyStateDescription, EmptyStateIcon, EmptyStateRoot, EmptyStateTitle, empty_state_EmptyState as default };
+export default empty_state_EmptyState;
+export { EmptyStateActions, EmptyStateDescription, EmptyStateIcon, EmptyStateRoot, EmptyStateTitle };

package/dist/components/empty-state/index.js

@@ -1,8 +1 @@
-import * as __WEBPACK_EXTERNAL_MODULE__EmptyState_js_010733b6__ from "./EmptyState.js";
-var __webpack_exports__EmptyState = __WEBPACK_EXTERNAL_MODULE__EmptyState_js_010733b6__["default"];
-var __webpack_exports__EmptyStateActions = __WEBPACK_EXTERNAL_MODULE__EmptyState_js_010733b6__.EmptyStateActions;
-var __webpack_exports__EmptyStateDescription = __WEBPACK_EXTERNAL_MODULE__EmptyState_js_010733b6__.EmptyStateDescription;
-var __webpack_exports__EmptyStateIcon = __WEBPACK_EXTERNAL_MODULE__EmptyState_js_010733b6__.EmptyStateIcon;
-var __webpack_exports__EmptyStateRoot = __WEBPACK_EXTERNAL_MODULE__EmptyState_js_010733b6__.EmptyStateRoot;
-var __webpack_exports__EmptyStateTitle = __WEBPACK_EXTERNAL_MODULE__EmptyState_js_010733b6__.EmptyStateTitle;
-export { __webpack_exports__EmptyState as EmptyState, __webpack_exports__EmptyStateActions as EmptyStateActions, __webpack_exports__EmptyStateDescription as EmptyStateDescription, __webpack_exports__EmptyStateIcon as EmptyStateIcon, __webpack_exports__EmptyStateRoot as EmptyStateRoot, __webpack_exports__EmptyStateTitle as EmptyStateTitle };
+export { EmptyStateActions, EmptyStateDescription, EmptyStateIcon, EmptyStateRoot, EmptyStateTitle, default as EmptyState } from "./EmptyState.js";

package/dist/components/error-message/ErrorMessage.css

@@ -1,20 +1,20 @@
-@layer components {
-  .error-message {
-    height: auto;
-    font-size: 0.75rem;
-    line-height: 1rem;
-    text-wrap: wrap;
-    overflow-wrap: break-word;
-    word-break: break-word;
-    color: var(--color-danger);
-    transition:
-      opacity 150ms var(--ease-out),
-      height 350ms var(--ease-smooth);
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .error-message {
-      transition: none;
-    }
-  }
-}
+@layer components {
+  .error-message {
+    height: auto;
+    font-size: 0.75rem;
+    line-height: 1rem;
+    text-wrap: wrap;
+    overflow-wrap: break-word;
+    word-break: break-word;
+    color: var(--color-danger);
+    transition:
+      opacity 150ms var(--ease-out),
+      height 350ms var(--ease-smooth);
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .error-message {
+      transition: none;
+    }
+  }
+}