@pathscale/ui 1.2.5 → 1.2.7

package/dist/components/auth-powered-by/AuthPoweredBy.js

@@ -1,7 +1,7 @@
-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";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="inline-flex shrink-0"aria-hidden=true>'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="inline-flex items-center gap-1.5"><span>'), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<a class="underline-offset-4 transition hover:underline">'), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+import { createComponent, effect, insert, mergeProps, setAttribute, spread, template } from "solid-js/web";
+import { Show, splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+var _tmpl$ = /*#__PURE__*/ template('<span class="inline-flex shrink-0"aria-hidden=true>'), _tmpl$2 = /*#__PURE__*/ template('<span class="inline-flex items-center gap-1.5"><span>'), _tmpl$3 = /*#__PURE__*/ template('<div><a target=_blank rel="noopener noreferrer"class="underline-offset-4 transition hover:underline">');
 const ALIGN_CLASS = {
     left: "justify-start text-left",
     center: "justify-center text-center",
@@ -13,7 +13,7 @@ const VARIANT_CLASS = {
     inline: "text-sm"
 };
 const AuthPoweredBy_AuthPoweredBy = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "label",
         "logo",
         "href",
@@ -23,46 +23,35 @@ const AuthPoweredBy_AuthPoweredBy = (props)=>{
         "className",
         "dataTheme"
     ]);
-    const label = ()=>local.label ?? "Powered by Honey.id";
+    const label = ()=>local.label ?? "Secure Auth by Honey";
+    const href = ()=>local.href ?? "https://honey.id/";
     const content = ()=>(()=>{
             var _el$ = _tmpl$2(), _el$3 = _el$.firstChild;
-            (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__.Show, {
+            insert(_el$, createComponent(Show, {
                 get when () {
                     return local.logo;
                 },
                 get children () {
                     var _el$2 = _tmpl$();
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.logo);
+                    insert(_el$2, ()=>local.logo);
                     return _el$2;
                 }
             }), _el$3);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, label);
+            insert(_el$3, label);
             return _el$;
         })();
     return (()=>{
-        var _el$4 = _tmpl$4();
-        (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)("flex w-full", ALIGN_CLASS[local.align ?? "center"], VARIANT_CLASS[local.variant ?? "subtle"], local.class, local.className)
+        var _el$4 = _tmpl$3(), _el$5 = _el$4.firstChild;
+        spread(_el$4, mergeProps(others, ()=>({
+                class: twMerge("flex w-full", ALIGN_CLASS[local.align ?? "center"], VARIANT_CLASS[local.variant ?? "subtle"], local.class, local.className)
             }), {
             get ["data-theme"] () {
                 return local.dataTheme;
             },
             "data-slot": "auth-powered-by"
         }), 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.href;
-            },
-            get fallback () {
-                return content();
-            },
-            get children () {
-                var _el$5 = _tmpl$3();
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, content);
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$5, "href", local.href));
-                return _el$5;
-            }
-        }));
+        insert(_el$5, content);
+        effect(()=>setAttribute(_el$5, "href", href()));
         return _el$4;
     })();
 };

package/dist/components/auth-powered-by/index.js

@@ -1,3 +1,2 @@
-import * as __WEBPACK_EXTERNAL_MODULE__AuthPoweredBy_js_03a1f2a7__ from "./AuthPoweredBy.js";
-var __webpack_exports__AuthPoweredBy = __WEBPACK_EXTERNAL_MODULE__AuthPoweredBy_js_03a1f2a7__["default"];
-export { __webpack_exports__AuthPoweredBy as AuthPoweredBy };
+import external_AuthPoweredBy_js_default from "./AuthPoweredBy.js";
+export { external_AuthPoweredBy_js_default as AuthPoweredBy };

package/dist/components/auth-submit-button/AuthSubmitButton.js

@@ -1,15 +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__button_index_js_557db1f7__ from "../button/index.js";
+import { createComponent, mergeProps } from "solid-js/web";
+import { splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import index_js_default from "../button/index.js";
 const toButtonVariant = (variant)=>{
     if ("danger" === variant) return "danger";
     if ("ghost" === variant) return "ghost";
     if ("secondary" === variant) return "secondary";
     return "primary";
 };
-const AuthSubmitButton_AuthSubmitButton = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+const AuthSubmitButton = (props)=>{
+    const [local, others] = splitProps(props, [
         "children",
         "pending",
         "disabled",
@@ -19,7 +19,7 @@ const AuthSubmitButton_AuthSubmitButton = (props)=>{
         "className",
         "dataTheme"
     ]);
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_557db1f7__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+    return createComponent(index_js_default, mergeProps(others, {
         get type () {
             return others.type ?? "submit";
         },
@@ -36,7 +36,7 @@ const AuthSubmitButton_AuthSubmitButton = (props)=>{
             return Boolean(local.disabled) || Boolean(local.pending);
         }
     }, ()=>({
-            class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(local.class, local.className)
+            class: twMerge(local.class, local.className)
         }), {
         get ["data-theme"] () {
             return local.dataTheme;
@@ -47,5 +47,5 @@ const AuthSubmitButton_AuthSubmitButton = (props)=>{
         }
     }));
 };
-const AuthSubmitButton = AuthSubmitButton_AuthSubmitButton;
-export { AuthSubmitButton as default };
+const auth_submit_button_AuthSubmitButton = AuthSubmitButton;
+export { auth_submit_button_AuthSubmitButton as default };

package/dist/components/auth-submit-button/index.js

@@ -1,3 +1,2 @@
-import * as __WEBPACK_EXTERNAL_MODULE__AuthSubmitButton_js_673809d1__ from "./AuthSubmitButton.js";
-var __webpack_exports__AuthSubmitButton = __WEBPACK_EXTERNAL_MODULE__AuthSubmitButton_js_673809d1__["default"];
-export { __webpack_exports__AuthSubmitButton as AuthSubmitButton };
+import external_AuthSubmitButton_js_default from "./AuthSubmitButton.js";
+export { external_AuthSubmitButton_js_default as AuthSubmitButton };

package/dist/components/auth-success-message/AuthSuccessMessage.js

@@ -1,23 +1,23 @@
-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 { createComponent, memo, mergeProps } from "solid-js/web";
+import { Show, splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import index_js_default from "../alert/index.js";
 const AuthSuccessMessage_AuthSuccessMessage = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "message",
         "class",
         "className",
         "dataTheme"
     ]);
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+    return createComponent(Show, {
         get when () {
-            return null != local.message && "" !== local.message;
+            return memo(()=>null != local.message)() && "" !== local.message;
         },
         get children () {
-            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__alert_index_js_d9d6572d__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            return createComponent(index_js_default, mergeProps(others, {
                 status: "success"
             }, ()=>({
-                    class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("text-sm", local.class, local.className)
+                    class: twMerge("text-sm", local.class, local.className)
                 }), {
                 get ["data-theme"] () {
                     return local.dataTheme;

package/dist/components/auth-success-message/index.js

@@ -1,3 +1,2 @@
-import * as __WEBPACK_EXTERNAL_MODULE__AuthSuccessMessage_js_8782740c__ from "./AuthSuccessMessage.js";
-var __webpack_exports__AuthSuccessMessage = __WEBPACK_EXTERNAL_MODULE__AuthSuccessMessage_js_8782740c__["default"];
-export { __webpack_exports__AuthSuccessMessage as AuthSuccessMessage };
+import external_AuthSuccessMessage_js_default from "./AuthSuccessMessage.js";
+export { external_AuthSuccessMessage_js_default as AuthSuccessMessage };

package/dist/components/avatar/Avatar.css

@@ -1,124 +1,124 @@
-@layer components {
-  /* -------------------------------------------------------------------------------------------------
-   * Root
-   * -----------------------------------------------------------------------------------------------*/
-  .avatar {
-    position: relative;
-    display: inline-flex;
-    flex-shrink: 0;
-    align-items: center;
-    justify-content: center;
-    overflow: hidden;
-    border-radius: 9999px;
-    width: 2.5rem;
-    height: 2.5rem;
-    background-color: var(--color-base-200);
-  }
-
-  /* -------------------------------------------------------------------------------------------------
-   * Size modifiers
-   * -----------------------------------------------------------------------------------------------*/
-  .avatar--sm {
-    width: 2rem;
-    height: 2rem;
-  }
-
-  /* md is default — no extra styles */
-
-  .avatar--lg {
-    width: 3rem;
-    height: 3rem;
-  }
-
-  .avatar--lg .avatar__fallback {
-    font-size: 1rem;
-  }
-
-  /* -------------------------------------------------------------------------------------------------
-   * Image
-   * -----------------------------------------------------------------------------------------------*/
-  .avatar__image {
-    position: absolute;
-    inset: 0;
-    width: 100%;
-    height: 100%;
-    aspect-ratio: 1 / 1;
-    object-fit: cover;
-    transition: opacity 250ms ease;
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .avatar__image {
-      transition: none;
-    }
-  }
-
-  /* -------------------------------------------------------------------------------------------------
-   * Fallback
-   * -----------------------------------------------------------------------------------------------*/
-  .avatar__fallback {
-    display: flex;
-    width: 100%;
-    height: 100%;
-    align-items: center;
-    justify-content: center;
-    background-color: var(--color-base-200);
-    font-size: 0.875rem;
-    font-weight: 500;
-  }
-
-  /* -------------------------------------------------------------------------------------------------
-   * Fallback color modifiers
-   * -----------------------------------------------------------------------------------------------*/
-  .avatar__fallback--default {
-    color: var(--color-base-content);
-  }
-
-  .avatar__fallback--accent {
-    color: var(--color-accent);
-  }
-
-  .avatar__fallback--success {
-    color: var(--color-success);
-  }
-
-  .avatar__fallback--warning {
-    color: var(--color-warning);
-  }
-
-  .avatar__fallback--danger {
-    color: var(--color-error);
-  }
-
-  /* -------------------------------------------------------------------------------------------------
-   * Variant: soft
-   * -----------------------------------------------------------------------------------------------*/
-  .avatar--soft {
-    background-color: transparent;
-  }
-
-  .avatar--soft .avatar__fallback--accent {
-    background-color: color-mix(in oklab, var(--color-accent) 12%, transparent);
-    color: var(--color-accent);
-  }
-
-  .avatar--soft .avatar__fallback--success {
-    background-color: color-mix(in oklab, var(--color-success) 12%, transparent);
-    color: var(--color-success);
-  }
-
-  .avatar--soft .avatar__fallback--warning {
-    background-color: color-mix(in oklab, var(--color-warning) 12%, transparent);
-    color: var(--color-warning);
-  }
-
-  .avatar--soft .avatar__fallback--danger {
-    background-color: color-mix(in oklab, var(--color-error) 12%, transparent);
-    color: var(--color-error);
-  }
-
-  .avatar--soft .avatar__fallback--default {
-    background-color: var(--color-base-200);
-    color: var(--color-base-content);
-  }
-}
+@layer components {
+  /* -------------------------------------------------------------------------------------------------
+   * Root
+   * -----------------------------------------------------------------------------------------------*/
+  .avatar {
+    position: relative;
+    display: inline-flex;
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: center;
+    overflow: hidden;
+    border-radius: 9999px;
+    width: 2.5rem;
+    height: 2.5rem;
+    background-color: var(--color-base-200);
+  }
+
+  /* -------------------------------------------------------------------------------------------------
+   * Size modifiers
+   * -----------------------------------------------------------------------------------------------*/
+  .avatar--sm {
+    width: 2rem;
+    height: 2rem;
+  }
+
+  /* md is default — no extra styles */
+
+  .avatar--lg {
+    width: 3rem;
+    height: 3rem;
+  }
+
+  .avatar--lg .avatar__fallback {
+    font-size: 1rem;
+  }
+
+  /* -------------------------------------------------------------------------------------------------
+   * Image
+   * -----------------------------------------------------------------------------------------------*/
+  .avatar__image {
+    position: absolute;
+    inset: 0;
+    width: 100%;
+    height: 100%;
+    aspect-ratio: 1 / 1;
+    object-fit: cover;
+    transition: opacity 250ms ease;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .avatar__image {
+      transition: none;
+    }
+  }
+
+  /* -------------------------------------------------------------------------------------------------
+   * Fallback
+   * -----------------------------------------------------------------------------------------------*/
+  .avatar__fallback {
+    display: flex;
+    width: 100%;
+    height: 100%;
+    align-items: center;
+    justify-content: center;
+    background-color: var(--color-base-200);
+    font-size: 0.875rem;
+    font-weight: 500;
+  }
+
+  /* -------------------------------------------------------------------------------------------------
+   * Fallback color modifiers
+   * -----------------------------------------------------------------------------------------------*/
+  .avatar__fallback--default {
+    color: var(--color-base-content);
+  }
+
+  .avatar__fallback--accent {
+    color: var(--color-accent);
+  }
+
+  .avatar__fallback--success {
+    color: var(--color-success);
+  }
+
+  .avatar__fallback--warning {
+    color: var(--color-warning);
+  }
+
+  .avatar__fallback--danger {
+    color: var(--color-error);
+  }
+
+  /* -------------------------------------------------------------------------------------------------
+   * Variant: soft
+   * -----------------------------------------------------------------------------------------------*/
+  .avatar--soft {
+    background-color: transparent;
+  }
+
+  .avatar--soft .avatar__fallback--accent {
+    background-color: color-mix(in oklab, var(--color-accent) 12%, transparent);
+    color: var(--color-accent);
+  }
+
+  .avatar--soft .avatar__fallback--success {
+    background-color: color-mix(in oklab, var(--color-success) 12%, transparent);
+    color: var(--color-success);
+  }
+
+  .avatar--soft .avatar__fallback--warning {
+    background-color: color-mix(in oklab, var(--color-warning) 12%, transparent);
+    color: var(--color-warning);
+  }
+
+  .avatar--soft .avatar__fallback--danger {
+    background-color: color-mix(in oklab, var(--color-error) 12%, transparent);
+    color: var(--color-error);
+  }
+
+  .avatar--soft .avatar__fallback--default {
+    background-color: var(--color-base-200);
+    color: var(--color-base-content);
+  }
+}

package/dist/components/avatar/Avatar.js

@@ -1,17 +1,17 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import { createComponent, insert, memo, mergeProps, spread, template } from "solid-js/web";
 import "./Avatar.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__Avatar_classes_js_3d1d7ea0__ from "./Avatar.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)("<img>");
-const AvatarContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
+import { Show, createContext, createSignal, onMount, splitProps, useContext } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES } from "./Avatar.classes.js";
+var _tmpl$ = /*#__PURE__*/ template("<span>"), _tmpl$2 = /*#__PURE__*/ template("<img>");
+const AvatarContext = createContext();
 const useAvatarContext = ()=>{
-    const ctx = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(AvatarContext);
+    const ctx = useContext(AvatarContext);
     if (!ctx) throw new Error("Avatar compound components must be used within <Avatar>");
     return ctx;
 };
 const AvatarRoot = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -21,7 +21,7 @@ const AvatarRoot = (props)=>{
         "dataTheme",
         "style"
     ]);
-    const [imageLoaded, setImageLoaded] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
+    const [imageLoaded, setImageLoaded] = createSignal(false);
     const size = ()=>local.size ?? "md";
     const color = ()=>local.color ?? "default";
     const variant = ()=>local.variant ?? "default";
@@ -32,12 +32,12 @@ const AvatarRoot = (props)=>{
         imageLoaded,
         setImageLoaded
     };
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(AvatarContext.Provider, {
+    return createComponent(AvatarContext.Provider, {
         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)(others, ()=>({
-                    class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Avatar_classes_js_3d1d7ea0__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Avatar_classes_js_3d1d7ea0__.CLASSES.size[size()], __WEBPACK_EXTERNAL_MODULE__Avatar_classes_js_3d1d7ea0__.CLASSES.variant[variant()], local.class, local.className)
+            spread(_el$, mergeProps(others, ()=>({
+                    class: twMerge(CLASSES.base, CLASSES.size[size()], CLASSES.variant[variant()], local.class, local.className)
                 }), {
                 "data-slot": "avatar-root",
                 get ["data-theme"] () {
@@ -47,13 +47,13 @@ const AvatarRoot = (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 AvatarImage = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "class",
         "className",
         "dataTheme",
@@ -74,7 +74,7 @@ const AvatarImage = (props)=>{
     };
     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, {
+        spread(_el$2, mergeProps(others, {
             get src () {
                 return local.src;
             },
@@ -82,7 +82,7 @@ const AvatarImage = (props)=>{
                 return local.alt;
             }
         }, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Avatar_classes_js_3d1d7ea0__.CLASSES.slot.image, local.class, local.className)
+                class: twMerge(CLASSES.slot.image, local.class, local.className)
             }), {
             "data-slot": "avatar-image",
             get style () {
@@ -95,7 +95,7 @@ const AvatarImage = (props)=>{
     })();
 };
 const AvatarFallback = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -104,21 +104,21 @@ const AvatarFallback = (props)=>{
         "delayMs"
     ]);
     const ctx = useAvatarContext();
-    const [showFallback, setShowFallback] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(!local.delayMs);
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onMount)(()=>{
+    const [showFallback, setShowFallback] = createSignal(!local.delayMs);
+    onMount(()=>{
         if (local.delayMs) {
             const timer = setTimeout(()=>setShowFallback(true), local.delayMs);
             return ()=>clearTimeout(timer);
         }
     });
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+    return createComponent(Show, {
         get when () {
-            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!showFallback())() && !ctx.imageLoaded();
+            return memo(()=>!!showFallback())() && !ctx.imageLoaded();
         },
         get children () {
             var _el$3 = _tmpl$();
-            (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__Avatar_classes_js_3d1d7ea0__.CLASSES.slot.fallback, __WEBPACK_EXTERNAL_MODULE__Avatar_classes_js_3d1d7ea0__.CLASSES.color[ctx.color()], local.class, local.className)
+            spread(_el$3, mergeProps(others, ()=>({
+                    class: twMerge(CLASSES.slot.fallback, CLASSES.color[ctx.color()], local.class, local.className)
                 }), {
                 "data-slot": "avatar-fallback",
                 get ["data-theme"] () {
@@ -128,15 +128,15 @@ const AvatarFallback = (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 Avatar_Avatar = Object.assign(AvatarRoot, {
+const Avatar = Object.assign(AvatarRoot, {
     Root: AvatarRoot,
     Image: AvatarImage,
     Fallback: AvatarFallback
 });
-const Avatar = Avatar_Avatar;
-export { AvatarFallback, AvatarImage, AvatarRoot, Avatar as default };
+const avatar_Avatar = Avatar;
+export { AvatarFallback, AvatarImage, AvatarRoot, avatar_Avatar as default };

package/dist/components/avatar/AvatarGroup.js

@@ -1,7 +1,7 @@
-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__Avatar_classes_js_3d1d7ea0__ from "./Avatar.classes.js";
+import { Dynamic, createComponent, mergeProps } from "solid-js/web";
+import { splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES } from "./Avatar.classes.js";
 const VoidElementList = [
     "area",
     "base",
@@ -19,24 +19,24 @@ const VoidElementList = [
     "track",
     "wbr"
 ];
-const AvatarGroup_AvatarGroup = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+const AvatarGroup = (props)=>{
+    const [local, others] = splitProps(props, [
         "as",
         "class",
         "className",
         "children"
     ]);
     const Tag = local.as || "div";
-    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Avatar_classes_js_3d1d7ea0__.CLASSES.group.base, __WEBPACK_EXTERNAL_MODULE__Avatar_classes_js_3d1d7ea0__.CLASSES.group.overlap, local.class, local.className);
+    const classes = ()=>twMerge(CLASSES.group.base, CLASSES.group.overlap, local.class, local.className);
     const ariaLabel = `Group of ${local.children.length} avatar photos`;
-    if (VoidElementList.includes(Tag)) 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)({
+    if (VoidElementList.includes(Tag)) return createComponent(Dynamic, mergeProps({
         component: Tag
     }, others, {
         "aria-label": ariaLabel
     }, ()=>({
             class: classes()
         })));
-    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)({
+    return createComponent(Dynamic, mergeProps({
         component: Tag
     }, others, {
         "aria-label": ariaLabel
@@ -48,5 +48,5 @@ const AvatarGroup_AvatarGroup = (props)=>{
         }
     }));
 };
-const AvatarGroup = AvatarGroup_AvatarGroup;
-export { AvatarGroup as default };
+const avatar_AvatarGroup = AvatarGroup;
+export { avatar_AvatarGroup as default };

package/dist/components/avatar/index.js

@@ -1,6 +1,2 @@
-import * as __WEBPACK_EXTERNAL_MODULE__Avatar_js_7e0bab6d__ from "./Avatar.js";
-var __webpack_exports__AvatarFallback = __WEBPACK_EXTERNAL_MODULE__Avatar_js_7e0bab6d__.AvatarFallback;
-var __webpack_exports__AvatarImage = __WEBPACK_EXTERNAL_MODULE__Avatar_js_7e0bab6d__.AvatarImage;
-var __webpack_exports__AvatarRoot = __WEBPACK_EXTERNAL_MODULE__Avatar_js_7e0bab6d__.AvatarRoot;
-var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Avatar_js_7e0bab6d__["default"];
-export { __webpack_exports__AvatarFallback as AvatarFallback, __webpack_exports__AvatarImage as AvatarImage, __webpack_exports__AvatarRoot as AvatarRoot, __webpack_exports__default as default };
+import external_Avatar_js_default, { AvatarFallback, AvatarImage, AvatarRoot } from "./Avatar.js";
+export { AvatarFallback, AvatarImage, AvatarRoot, external_Avatar_js_default as default };