@pathscale/ui 1.2.5 → 1.2.7

package/dist/components/tag/Tag.js

@@ -1,11 +1,11 @@
-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 "./Tag.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__close_button_index_js_620c3b77__ from "../close-button/index.js";
-import * as __WEBPACK_EXTERNAL_MODULE__tag_group_context_js_fcbb3264__ from "../tag-group/context.js";
-import * as __WEBPACK_EXTERNAL_MODULE__Tag_classes_js_e42200b9__ from "./Tag.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)("<span>");
+import { Show, children, createContext, createMemo, createUniqueId, splitProps, useContext } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import index_js_default from "../close-button/index.js";
+import { TagGroupContext } from "../tag-group/context.js";
+import { CLASSES } from "./Tag.classes.js";
+var _tmpl$ = /*#__PURE__*/ template("<div>"), _tmpl$2 = /*#__PURE__*/ template("<span>");
 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);
@@ -17,11 +17,11 @@ const extractTextValue = (nodes)=>{
         if ("number" == typeof node) return String(node);
     }
 };
-const TagContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
+const TagContext = createContext();
 const TagRoot = (props)=>{
-    const fallbackKey = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createUniqueId)();
-    const group = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(__WEBPACK_EXTERNAL_MODULE__tag_group_context_js_fcbb3264__.TagGroupContext);
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const fallbackKey = createUniqueId();
+    const group = useContext(TagGroupContext);
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -39,10 +39,10 @@ const TagRoot = (props)=>{
         "role",
         "tabIndex"
     ]);
-    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
+    const resolvedChildren = children(()=>local.children);
     const isRenderFnChild = ()=>"function" == typeof local.children;
-    const derivedText = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>isRenderFnChild() ? void 0 : extractTextValue(resolvedChildren.toArray()));
-    const tagKey = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+    const derivedText = createMemo(()=>isRenderFnChild() ? void 0 : extractTextValue(resolvedChildren.toArray()));
+    const tagKey = createMemo(()=>{
         if (null != local.id) return String(local.id);
         if (local.textValue) return toSlug(local.textValue);
         if (derivedText()) return toSlug(derivedText());
@@ -54,7 +54,7 @@ const TagRoot = (props)=>{
     const isSelected = ()=>Boolean(group?.selectedKeys().has(tagKey()));
     const isDisabled = ()=>Boolean(local.isDisabled) || Boolean(group?.isDisabled()) || Boolean(group?.disabledKeys().has(tagKey()));
     const allowsRemoving = ()=>Boolean(group?.allowsRemoving()) && Boolean(tagKey());
-    const renderState = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>({
+    const renderState = createMemo(()=>({
             isSelected: isSelected(),
             isDisabled: isDisabled(),
             allowsRemoving: allowsRemoving()
@@ -83,7 +83,7 @@ const TagRoot = (props)=>{
         event.stopPropagation();
         group.removeKey(tagKey(), event);
     };
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(TagContext.Provider, {
+    return createComponent(TagContext.Provider, {
         value: {
             allowsRemoving,
             isDisabled,
@@ -92,8 +92,8 @@ const TagRoot = (props)=>{
         },
         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__Tag_classes_js_e42200b9__.CLASSES.Root.base, __WEBPACK_EXTERNAL_MODULE__Tag_classes_js_e42200b9__.CLASSES.Root.size[size()], __WEBPACK_EXTERNAL_MODULE__Tag_classes_js_e42200b9__.CLASSES.Root.variant[variant()], local.class, local.className)
+            spread(_el$, mergeProps(others, ()=>({
+                    class: twMerge(CLASSES.Root.base, CLASSES.Root.size[size()], CLASSES.Root.variant[variant()], local.class, local.className)
                 }), {
                 "data-slot": "tag",
                 get ["data-theme"] () {
@@ -115,7 +115,7 @@ const TagRoot = (props)=>{
                     return tagKey();
                 },
                 get ["aria-selected"] () {
-                    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!isSelectable())() ? isSelected() ? "true" : "false" : void 0;
+                    return memo(()=>!!isSelectable())() ? isSelected() ? "true" : "false" : void 0;
                 },
                 get ["aria-disabled"] () {
                     return isDisabled() ? "true" : "false";
@@ -132,52 +132,52 @@ const TagRoot = (props)=>{
                 onClick: handleClick,
                 onKeyDown: handleKeyDown
             }), false, true);
-            (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 isRenderFnChild();
                 },
                 get fallback () {
                     return [
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                        createComponent(Show, {
                             get when () {
                                 return local.startIcon;
                             },
                             get children () {
                                 var _el$2 = _tmpl$2();
-                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                                        class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Tag_classes_js_e42200b9__.CLASSES.slot.icon, __WEBPACK_EXTERNAL_MODULE__Tag_classes_js_e42200b9__.CLASSES.slot.iconStart)
+                                spread(_el$2, mergeProps(()=>({
+                                        class: twMerge(CLASSES.slot.icon, CLASSES.slot.iconStart)
                                     }), {
                                     "data-slot": "tag-start-icon"
                                 }), false, true);
-                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.startIcon);
+                                insert(_el$2, ()=>local.startIcon);
                                 return _el$2;
                             }
                         }),
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(resolvedChildren),
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                        memo(resolvedChildren),
+                        createComponent(Show, {
                             get when () {
-                                return allowsRemoving() && local.endIcon;
+                                return memo(()=>!!allowsRemoving())() && local.endIcon;
                             },
                             get children () {
-                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(TagRemoveButton, {
+                                return createComponent(TagRemoveButton, {
                                     get children () {
                                         return local.endIcon;
                                     }
                                 });
                             }
                         }),
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                        createComponent(Show, {
                             get when () {
-                                return !allowsRemoving() && local.endIcon;
+                                return memo(()=>!allowsRemoving())() && local.endIcon;
                             },
                             get children () {
                                 var _el$3 = _tmpl$2();
-                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                                        class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Tag_classes_js_e42200b9__.CLASSES.slot.icon, __WEBPACK_EXTERNAL_MODULE__Tag_classes_js_e42200b9__.CLASSES.slot.iconEnd)
+                                spread(_el$3, mergeProps(()=>({
+                                        class: twMerge(CLASSES.slot.icon, CLASSES.slot.iconEnd)
                                     }), {
                                     "data-slot": "tag-end-icon"
                                 }), false, true);
-                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.endIcon);
+                                insert(_el$3, ()=>local.endIcon);
                                 return _el$3;
                             }
                         })
@@ -192,9 +192,9 @@ const TagRoot = (props)=>{
     });
 };
 const TagRemoveButton = (props)=>{
-    const context = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(TagContext);
+    const context = useContext(TagContext);
     const hasIcon = ()=>null != props.children || null != props.startIcon || null != props.endIcon || context?.removeIcon() != null;
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -211,12 +211,12 @@ const TagRemoveButton = (props)=>{
     };
     if (!context?.allowsRemoving()) return null;
     if (!hasIcon()) return null;
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__close_button_index_js_620c3b77__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+    return createComponent(index_js_default, mergeProps(others, {
         get ["aria-label"] () {
             return local["aria-label"] ?? "Remove tag";
         }
     }, ()=>({
-            class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Tag_classes_js_e42200b9__.CLASSES.slot.removeButton, local.class, local.className)
+            class: twMerge(CLASSES.slot.removeButton, local.class, local.className)
         }), {
         "data-slot": "tag-remove-button",
         get ["data-theme"] () {
@@ -234,9 +234,9 @@ const TagRemoveButton = (props)=>{
         }
     }));
 };
-const Tag_Tag = Object.assign(TagRoot, {
+const Tag = Object.assign(TagRoot, {
     Root: TagRoot,
     RemoveButton: TagRemoveButton
 });
-const Tag = Tag_Tag;
-export { Tag_Tag as Tag, TagRemoveButton, TagRoot, Tag as default };
+const tag_Tag = Tag;
+export { Tag, TagRemoveButton, TagRoot, tag_Tag as default };

package/dist/components/tag/index.js

@@ -1,6 +1,2 @@
-import * as __WEBPACK_EXTERNAL_MODULE__Tag_js_f7333ee7__ from "./Tag.js";
-var __webpack_exports__Tag = __WEBPACK_EXTERNAL_MODULE__Tag_js_f7333ee7__.Tag;
-var __webpack_exports__TagRemoveButton = __WEBPACK_EXTERNAL_MODULE__Tag_js_f7333ee7__.TagRemoveButton;
-var __webpack_exports__TagRoot = __WEBPACK_EXTERNAL_MODULE__Tag_js_f7333ee7__.TagRoot;
-var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Tag_js_f7333ee7__["default"];
-export { __webpack_exports__Tag as Tag, __webpack_exports__TagRemoveButton as TagRemoveButton, __webpack_exports__TagRoot as TagRoot, __webpack_exports__default as default };
+import external_Tag_js_default, { Tag, TagRemoveButton, TagRoot } from "./Tag.js";
+export { Tag, TagRemoveButton, TagRoot, external_Tag_js_default as default };

package/dist/components/tag-group/TagGroup.css

@@ -1,22 +1,22 @@
-@layer components {
-  .tag-group {
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    gap: 0.25rem;
-  }
-
-  .tag-group__list {
-    position: relative;
-    display: flex;
-    flex-wrap: wrap;
-    gap: 0.375rem;
-  }
-
-  .tag-group [slot="description"],
-  .tag-group [data-slot="description"],
-  .tag-group [slot="errorMessage"],
-  .tag-group [data-slot="error-message"] {
-    padding: 0.25rem;
-  }
-}
+@layer components {
+  .tag-group {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+  }
+
+  .tag-group__list {
+    position: relative;
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.375rem;
+  }
+
+  .tag-group [slot="description"],
+  .tag-group [data-slot="description"],
+  .tag-group [slot="errorMessage"],
+  .tag-group [data-slot="error-message"] {
+    padding: 0.25rem;
+  }
+}

package/dist/components/tag-group/TagGroup.js

@@ -1,16 +1,16 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
 import "./TagGroup.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__TagGroup_classes_js_5288e22c__ from "./TagGroup.classes.js";
-import * as __WEBPACK_EXTERNAL_MODULE__context_js_80e2871f__ from "./context.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+import { For, createMemo, createSignal, splitProps, useContext } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES } from "./TagGroup.classes.js";
+import { TagGroupContext } from "./context.js";
+var _tmpl$ = /*#__PURE__*/ template("<div>");
 const normalizeKeys = (keys)=>{
     if (!keys) return new Set();
     return new Set(Array.from(keys, (key)=>String(key)));
 };
 const TagGroupRoot = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -28,14 +28,14 @@ const TagGroupRoot = (props)=>{
         "disabled",
         "role"
     ]);
-    const [internalSelectedKeys, setInternalSelectedKeys] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(normalizeKeys(local.defaultSelectedKeys));
+    const [internalSelectedKeys, setInternalSelectedKeys] = createSignal(normalizeKeys(local.defaultSelectedKeys));
     const selectionMode = ()=>local.selectionMode ?? "none";
     const size = ()=>local.size ?? "md";
     const variant = ()=>local.variant ?? "default";
     const isControlled = ()=>void 0 !== local.selectedKeys;
     const isDisabled = ()=>Boolean(local.isDisabled) || Boolean(local.disabled);
-    const selectedKeys = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>isControlled() ? normalizeKeys(local.selectedKeys) : internalSelectedKeys());
-    const disabledKeys = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>normalizeKeys(local.disabledKeys));
+    const selectedKeys = createMemo(()=>isControlled() ? normalizeKeys(local.selectedKeys) : internalSelectedKeys());
+    const disabledKeys = createMemo(()=>normalizeKeys(local.disabledKeys));
     const allowsRemoving = ()=>"function" == typeof local.onRemove;
     const updateSelection = (nextKeys)=>{
         if (!isControlled()) setInternalSelectedKeys(nextKeys);
@@ -69,7 +69,7 @@ const TagGroupRoot = (props)=>{
             updateSelection(next);
         }
     };
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__context_js_80e2871f__.TagGroupContext.Provider, {
+    return createComponent(TagGroupContext.Provider, {
         value: {
             size,
             variant,
@@ -83,7 +83,7 @@ const TagGroupRoot = (props)=>{
         },
         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, {
+            spread(_el$, mergeProps(others, {
                 get role () {
                     return local.role ?? "group";
                 },
@@ -107,20 +107,20 @@ const TagGroupRoot = (props)=>{
                     return isDisabled() ? "true" : void 0;
                 }
             }, ()=>({
-                    class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__TagGroup_classes_js_5288e22c__.CLASSES.Root.base, local.class, local.className)
+                    class: twMerge(CLASSES.Root.base, local.class, local.className)
                 }), {
                 get style () {
                     return local.style;
                 }
             }), false, true);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+            insert(_el$, ()=>local.children);
             return _el$;
         }
     });
 };
 const TagGroupList = (props)=>{
-    const group = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(__WEBPACK_EXTERNAL_MODULE__context_js_80e2871f__.TagGroupContext);
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const group = useContext(TagGroupContext);
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -135,7 +135,7 @@ const TagGroupList = (props)=>{
             if (0 === local.items.length) return local.renderEmptyState?.() ?? null;
             if ("function" == typeof local.children) {
                 const renderItem = local.children;
-                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
+                return createComponent(For, {
                     get each () {
                         return local.items;
                     },
@@ -148,7 +148,7 @@ const TagGroupList = (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, {
+        spread(_el$2, mergeProps(others, {
             get role () {
                 return local.role ?? (group?.selectionMode() === "none" ? "list" : "listbox");
             },
@@ -160,13 +160,13 @@ const TagGroupList = (props)=>{
                 return local.dataTheme;
             }
         }, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__TagGroup_classes_js_5288e22c__.CLASSES.List.base, local.class, local.className)
+                class: twMerge(CLASSES.List.base, local.class, local.className)
             }), {
             get style () {
                 return local.style;
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, renderChildren);
+        insert(_el$2, renderChildren);
         return _el$2;
     })();
 };

package/dist/components/tag-group/context.js

@@ -1,3 +1,3 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-const TagGroupContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
+import { createContext } from "solid-js";
+const TagGroupContext = createContext();
 export { TagGroupContext };

package/dist/components/tag-group/index.js

@@ -1,6 +1,2 @@
-import * as __WEBPACK_EXTERNAL_MODULE__TagGroup_js_6bd6ff12__ from "./TagGroup.js";
-var __webpack_exports__TagGroup = __WEBPACK_EXTERNAL_MODULE__TagGroup_js_6bd6ff12__.TagGroup;
-var __webpack_exports__TagGroupList = __WEBPACK_EXTERNAL_MODULE__TagGroup_js_6bd6ff12__.TagGroupList;
-var __webpack_exports__TagGroupRoot = __WEBPACK_EXTERNAL_MODULE__TagGroup_js_6bd6ff12__.TagGroupRoot;
-var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__TagGroup_js_6bd6ff12__["default"];
-export { __webpack_exports__TagGroup as TagGroup, __webpack_exports__TagGroupList as TagGroupList, __webpack_exports__TagGroupRoot as TagGroupRoot, __webpack_exports__default as default };
+import external_TagGroup_js_default, { TagGroup, TagGroupList, TagGroupRoot } from "./TagGroup.js";
+export { TagGroup, TagGroupList, TagGroupRoot, external_TagGroup_js_default as default };

package/dist/components/text/Text.css

@@ -1,66 +1,66 @@
-@layer components {
-  .text {
-    --text-color-default: var(--color-foreground);
-    --text-color-muted: var(
-      --color-muted,
-      color-mix(in oklab, var(--color-base-content) 55%, transparent)
-    );
-    --text-color-success: var(--color-success);
-    --text-color-warning: var(--color-warning);
-    --text-color-danger: var(--color-danger);
-    --text-color: var(--text-color-default);
-    --text-font-size: 1rem;
-    --text-line-height: 1.5rem;
-
-    color: var(--text-color);
-    font-size: var(--text-font-size);
-    line-height: var(--text-line-height);
-    transition-property: color;
-    transition-duration: 200ms;
-  }
-
-  .text[data-size="xs"] {
-    --text-font-size: 0.75rem;
-    --text-line-height: 1rem;
-  }
-
-  .text[data-size="sm"] {
-    --text-font-size: 0.875rem;
-    --text-line-height: 1.25rem;
-  }
-
-  .text[data-size="base"] {
-    --text-font-size: 1rem;
-    --text-line-height: 1.5rem;
-  }
-
-  .text[data-size="lg"] {
-    --text-font-size: 1.125rem;
-    --text-line-height: 1.75rem;
-  }
-
-  .text[data-size="xl"] {
-    --text-font-size: 1.25rem;
-    --text-line-height: 1.75rem;
-  }
-
-  .text[data-variant="default"] {
-    --text-color: var(--text-color-default);
-  }
-
-  .text[data-variant="muted"] {
-    --text-color: var(--text-color-muted);
-  }
-
-  .text[data-variant="success"] {
-    --text-color: var(--text-color-success);
-  }
-
-  .text[data-variant="warning"] {
-    --text-color: var(--text-color-warning);
-  }
-
-  .text[data-variant="danger"] {
-    --text-color: var(--text-color-danger);
-  }
-}
+@layer components {
+  .text {
+    --text-color-default: var(--color-foreground);
+    --text-color-muted: var(
+      --color-muted,
+      color-mix(in oklab, var(--color-base-content) 55%, transparent)
+    );
+    --text-color-success: var(--color-success);
+    --text-color-warning: var(--color-warning);
+    --text-color-danger: var(--color-danger);
+    --text-color: var(--text-color-default);
+    --text-font-size: 1rem;
+    --text-line-height: 1.5rem;
+
+    color: var(--text-color);
+    font-size: var(--text-font-size);
+    line-height: var(--text-line-height);
+    transition-property: color;
+    transition-duration: 200ms;
+  }
+
+  .text[data-size="xs"] {
+    --text-font-size: 0.75rem;
+    --text-line-height: 1rem;
+  }
+
+  .text[data-size="sm"] {
+    --text-font-size: 0.875rem;
+    --text-line-height: 1.25rem;
+  }
+
+  .text[data-size="base"] {
+    --text-font-size: 1rem;
+    --text-line-height: 1.5rem;
+  }
+
+  .text[data-size="lg"] {
+    --text-font-size: 1.125rem;
+    --text-line-height: 1.75rem;
+  }
+
+  .text[data-size="xl"] {
+    --text-font-size: 1.25rem;
+    --text-line-height: 1.75rem;
+  }
+
+  .text[data-variant="default"] {
+    --text-color: var(--text-color-default);
+  }
+
+  .text[data-variant="muted"] {
+    --text-color: var(--text-color-muted);
+  }
+
+  .text[data-variant="success"] {
+    --text-color: var(--text-color-success);
+  }
+
+  .text[data-variant="warning"] {
+    --text-color: var(--text-color-warning);
+  }
+
+  .text[data-variant="danger"] {
+    --text-color: var(--text-color-danger);
+  }
+}

package/dist/components/text/Text.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 "./Text.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__Text_classes_js_9c0bb3e7__ from "./Text.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
+import { splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES } from "./Text.classes.js";
+var _tmpl$ = /*#__PURE__*/ template("<span>");
 const TextRoot = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -18,8 +18,8 @@ const TextRoot = (props)=>{
     const variant = ()=>local.variant ?? "default";
     return (()=>{
         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__Text_classes_js_9c0bb3e7__.CLASSES.base, local.class, local.className)
+        spread(_el$, mergeProps(others, ()=>({
+                class: twMerge(CLASSES.base, local.class, local.className)
             }), {
             "data-slot": "text",
             get ["data-size"] () {
@@ -35,7 +35,7 @@ const TextRoot = (props)=>{
                 return local.style;
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+        insert(_el$, ()=>local.children);
         return _el$;
     })();
 };

package/dist/components/text/index.js

@@ -1,5 +1,2 @@
-import * as __WEBPACK_EXTERNAL_MODULE__Text_js_c8b03c82__ from "./Text.js";
-var __webpack_exports__Text = __WEBPACK_EXTERNAL_MODULE__Text_js_c8b03c82__.Text;
-var __webpack_exports__TextRoot = __WEBPACK_EXTERNAL_MODULE__Text_js_c8b03c82__.TextRoot;
-var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Text_js_c8b03c82__["default"];
-export { __webpack_exports__Text as Text, __webpack_exports__TextRoot as TextRoot, __webpack_exports__default as default };
+import external_Text_js_default, { Text, TextRoot } from "./Text.js";
+export { Text, TextRoot, external_Text_js_default as default };