@pathscale/ui 1.1.34 → 1.1.36

package/dist/components/tag/Tag.js

@@ -0,0 +1,235 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ 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 data-slot=tag-start-icon>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span data-slot=tag-end-icon>");
+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 toSlug = (value)=>value.trim().toLowerCase().replace(/[^\w\s-]/g, "").replace(/\s+/g, "-");
+const extractTextValue = (nodes)=>{
+    for (const node of nodes){
+        if ("string" == typeof node && node.trim().length > 0) return node.trim();
+        if ("number" == typeof node) return String(node);
+    }
+};
+const TagContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.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, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style",
+        "id",
+        "textValue",
+        "isDisabled",
+        "size",
+        "variant",
+        "startIcon",
+        "endIcon",
+        "onClick",
+        "onKeyDown",
+        "role",
+        "tabIndex"
+    ]);
+    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.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)(()=>{
+        if (null != local.id) return String(local.id);
+        if (local.textValue) return toSlug(local.textValue);
+        if (derivedText()) return toSlug(derivedText());
+        return fallbackKey;
+    });
+    const size = ()=>local.size ?? group?.size() ?? "md";
+    const variant = ()=>local.variant ?? group?.variant() ?? "default";
+    const isSelectable = ()=>Boolean(group && "none" !== group.selectionMode());
+    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)(()=>({
+            isSelected: isSelected(),
+            isDisabled: isDisabled(),
+            allowsRemoving: allowsRemoving()
+        }));
+    const handleSelect = (event)=>{
+        if (!group || !isSelectable() || isDisabled()) return;
+        group.selectKey(tagKey(), event);
+    };
+    const handleClick = (event)=>{
+        invokeEventHandler(local.onClick, event);
+        if (event.defaultPrevented) return;
+        handleSelect(event);
+    };
+    const handleKeyDown = (event)=>{
+        invokeEventHandler(local.onKeyDown, event);
+        if (event.defaultPrevented) return;
+        if (event.target !== event.currentTarget) return;
+        if (!isSelectable() || isDisabled()) return;
+        if ("Enter" !== event.key && " " !== event.key) return;
+        event.preventDefault();
+        handleSelect(event);
+    };
+    const remove = (event)=>{
+        if (!group || !allowsRemoving() || isDisabled()) return;
+        event.preventDefault();
+        event.stopPropagation();
+        group.removeKey(tagKey(), event);
+    };
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(TagContext.Provider, {
+        value: {
+            allowsRemoving,
+            isDisabled,
+            removeIcon: ()=>local.endIcon,
+            remove
+        },
+        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, {
+                get ["class"] () {
+                    return (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);
+                },
+                "data-slot": "tag",
+                get ["data-theme"] () {
+                    return local.dataTheme;
+                },
+                get ["data-size"] () {
+                    return size();
+                },
+                get ["data-variant"] () {
+                    return variant();
+                },
+                get ["data-selected"] () {
+                    return isSelected() ? "true" : "false";
+                },
+                get ["data-disabled"] () {
+                    return isDisabled() ? "true" : "false";
+                },
+                get ["data-key"] () {
+                    return tagKey();
+                },
+                get ["aria-selected"] () {
+                    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!isSelectable())() ? isSelected() ? "true" : "false" : void 0;
+                },
+                get ["aria-disabled"] () {
+                    return isDisabled() ? "true" : "false";
+                },
+                get role () {
+                    return local.role ?? (isSelectable() ? "option" : void 0);
+                },
+                get tabIndex () {
+                    return local.tabIndex ?? (isSelectable() && !isDisabled() ? 0 : void 0);
+                },
+                get style () {
+                    return local.style;
+                },
+                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, {
+                get when () {
+                    return isRenderFnChild();
+                },
+                get fallback () {
+                    return [
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                            get when () {
+                                return local.startIcon;
+                            },
+                            get children () {
+                                var _el$2 = _tmpl$2();
+                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.startIcon);
+                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, (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)));
+                                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, {
+                            get when () {
+                                return allowsRemoving() && local.endIcon;
+                            },
+                            get children () {
+                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(TagRemoveButton, {
+                                    get children () {
+                                        return local.endIcon;
+                                    }
+                                });
+                            }
+                        }),
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                            get when () {
+                                return !allowsRemoving() && local.endIcon;
+                            },
+                            get children () {
+                                var _el$3 = _tmpl$3();
+                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.endIcon);
+                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$3, (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)));
+                                return _el$3;
+                            }
+                        })
+                    ];
+                },
+                get children () {
+                    return local.children(renderState());
+                }
+            }));
+            return _el$;
+        }
+    });
+};
+const TagRemoveButton = (props)=>{
+    const context = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.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, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style",
+        "onClick",
+        "isDisabled",
+        "aria-label"
+    ]);
+    const handleClick = (event)=>{
+        invokeEventHandler(local.onClick, event);
+        if (event.defaultPrevented) return;
+        context?.remove(event);
+    };
+    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, {
+        get ["aria-label"] () {
+            return local["aria-label"] ?? "Remove tag";
+        },
+        get ["class"] () {
+            return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Tag_classes_js_e42200b9__.CLASSES.slot.removeButton, local.class, local.className);
+        },
+        "data-slot": "tag-remove-button",
+        get ["data-theme"] () {
+            return local.dataTheme;
+        },
+        get style () {
+            return local.style;
+        },
+        get isDisabled () {
+            return local.isDisabled ?? context.isDisabled();
+        },
+        onClick: handleClick,
+        get children () {
+            return local.children ?? context.removeIcon();
+        }
+    }));
+};
+const Tag_Tag = Object.assign(TagRoot, {
+    Root: TagRoot,
+    RemoveButton: TagRemoveButton
+});
+const Tag = Tag_Tag;
+export { Tag_Tag as Tag, TagRemoveButton, TagRoot, Tag as default };

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

@@ -0,0 +1 @@
+export { default, Tag, TagRoot, TagRemoveButton, type TagProps, type TagRootProps, type TagRemoveButtonProps, type TagSize, type TagVariant, } from "./Tag";

package/dist/components/tag/index.js

@@ -0,0 +1,6 @@
+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 };

package/dist/components/tag-group/TagGroup.classes.d.ts

@@ -0,0 +1,8 @@
+export declare const CLASSES: {
+    readonly Root: {
+        readonly base: "tag-group";
+    };
+    readonly List: {
+        readonly base: "tag-group__list";
+    };
+};

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

@@ -0,0 +1,9 @@
+const CLASSES = {
+    Root: {
+        base: "tag-group"
+    },
+    List: {
+        base: "tag-group__list"
+    }
+};
+export { CLASSES };

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

@@ -0,0 +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;
+  }
+}

package/dist/components/tag-group/TagGroup.d.ts

@@ -0,0 +1,32 @@
+import "./TagGroup.css";
+import { type Component, type JSX, type ParentComponent } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+import type { TagSize, TagVariant } from "../tag";
+import { type TagSelectionMode } from "./context";
+export type TagGroupRootProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children" | "onChange"> & IComponentBaseProps & {
+    children?: JSX.Element;
+    size?: TagSize;
+    variant?: TagVariant;
+    selectionMode?: TagSelectionMode;
+    selectedKeys?: Iterable<string | number>;
+    defaultSelectedKeys?: Iterable<string | number>;
+    disabledKeys?: Iterable<string | number>;
+    onSelectionChange?: (keys: Set<string>) => void;
+    onRemove?: (keys: Set<string>) => void;
+    isDisabled?: boolean;
+    disabled?: boolean;
+};
+export type TagGroupListProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
+    children?: JSX.Element | ((item: unknown) => JSX.Element);
+    items?: readonly unknown[];
+    renderEmptyState?: () => JSX.Element;
+};
+declare const TagGroupRoot: ParentComponent<TagGroupRootProps>;
+declare const TagGroupList: Component<TagGroupListProps>;
+declare const TagGroup: ParentComponent<TagGroupRootProps> & {
+    Root: ParentComponent<TagGroupRootProps>;
+    List: Component<TagGroupListProps>;
+};
+export default TagGroup;
+export { TagGroup, TagGroupRoot, TagGroupList };
+export type { TagGroupRootProps as TagGroupProps };

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

@@ -0,0 +1,178 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ 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>");
+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, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style",
+        "size",
+        "variant",
+        "selectionMode",
+        "selectedKeys",
+        "defaultSelectedKeys",
+        "disabledKeys",
+        "onSelectionChange",
+        "onRemove",
+        "isDisabled",
+        "disabled",
+        "role"
+    ]);
+    const [internalSelectedKeys, setInternalSelectedKeys] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.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 allowsRemoving = ()=>"function" == typeof local.onRemove;
+    const updateSelection = (nextKeys)=>{
+        if (!isControlled()) setInternalSelectedKeys(nextKeys);
+        local.onSelectionChange?.(nextKeys);
+    };
+    const selectKey = (key, event)=>{
+        if (event.defaultPrevented || isDisabled() || disabledKeys().has(key)) return;
+        if ("none" === selectionMode()) return;
+        const current = selectedKeys();
+        let next;
+        if ("single" === selectionMode()) {
+            if (current.has(key) && 1 === current.size) return;
+            next = new Set([
+                key
+            ]);
+        } else {
+            next = new Set(current);
+            if (next.has(key)) next.delete(key);
+            else next.add(key);
+        }
+        updateSelection(next);
+    };
+    const removeKey = (key, event)=>{
+        if (event.defaultPrevented || isDisabled()) return;
+        local.onRemove?.(new Set([
+            key
+        ]));
+        if (selectedKeys().has(key)) {
+            const next = new Set(selectedKeys());
+            next.delete(key);
+            updateSelection(next);
+        }
+    };
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__context_js_80e2871f__.TagGroupContext.Provider, {
+        value: {
+            size,
+            variant,
+            selectionMode,
+            selectedKeys,
+            disabledKeys,
+            isDisabled,
+            allowsRemoving,
+            selectKey,
+            removeKey
+        },
+        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, {
+                get role () {
+                    return local.role ?? "group";
+                },
+                "data-slot": "tag-group",
+                get ["data-theme"] () {
+                    return local.dataTheme;
+                },
+                get ["data-size"] () {
+                    return size();
+                },
+                get ["data-variant"] () {
+                    return variant();
+                },
+                get ["data-selection-mode"] () {
+                    return selectionMode();
+                },
+                get ["data-disabled"] () {
+                    return isDisabled() ? "true" : "false";
+                },
+                get ["aria-disabled"] () {
+                    return isDisabled() ? "true" : void 0;
+                },
+                get ["class"] () {
+                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__TagGroup_classes_js_5288e22c__.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);
+            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, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style",
+        "items",
+        "renderEmptyState",
+        "role"
+    ]);
+    const renderChildren = ()=>{
+        if (local.items) {
+            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, {
+                    get each () {
+                        return local.items;
+                    },
+                    children: (item)=>renderItem(item)
+                });
+            }
+            return local.children ?? null;
+        }
+        return "function" == typeof local.children ? null : local.children ?? null;
+    };
+    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, {
+            get role () {
+                return local.role ?? (group?.selectionMode() === "none" ? "list" : "listbox");
+            },
+            get ["aria-multiselectable"] () {
+                return group?.selectionMode() === "multiple" ? "true" : void 0;
+            },
+            "data-slot": "tag-group-list",
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__TagGroup_classes_js_5288e22c__.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);
+        return _el$2;
+    })();
+};
+const TagGroup_TagGroup = Object.assign(TagGroupRoot, {
+    Root: TagGroupRoot,
+    List: TagGroupList
+});
+const TagGroup = TagGroup_TagGroup;
+export { TagGroup_TagGroup as TagGroup, TagGroupList, TagGroupRoot, TagGroup as default };

package/dist/components/tag-group/context.d.ts

@@ -0,0 +1,15 @@
+import { type Accessor } from "solid-js";
+import type { TagSize, TagVariant } from "../tag";
+export type TagSelectionMode = "none" | "single" | "multiple";
+export type TagGroupContextValue = {
+    size: Accessor<TagSize>;
+    variant: Accessor<TagVariant>;
+    selectionMode: Accessor<TagSelectionMode>;
+    selectedKeys: Accessor<Set<string>>;
+    disabledKeys: Accessor<Set<string>>;
+    isDisabled: Accessor<boolean>;
+    allowsRemoving: Accessor<boolean>;
+    selectKey: (key: string, event: Event) => void;
+    removeKey: (key: string, event: Event) => void;
+};
+export declare const TagGroupContext: import("solid-js").Context<TagGroupContextValue | undefined>;

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

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

package/dist/components/tag-group/index.d.ts

@@ -0,0 +1,2 @@
+export { default, TagGroup, TagGroupRoot, TagGroupList, type TagGroupProps, type TagGroupRootProps, type TagGroupListProps, } from "./TagGroup";
+export type { TagSelectionMode } from "./context";

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

@@ -0,0 +1,6 @@
+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 };

package/dist/components/text/Text.classes.d.ts

@@ -0,0 +1,3 @@
+export declare const CLASSES: {
+    readonly base: "text";
+};

package/dist/components/text/Text.classes.js

@@ -0,0 +1,4 @@
+const CLASSES = {
+    base: "text"
+};
+export { CLASSES };

package/dist/components/text/Text.css

@@ -0,0 +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);
+  }
+}

package/dist/components/text/Text.d.ts

@@ -0,0 +1,17 @@
+import "./Text.css";
+import { type Component, type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type TextSize = "xs" | "sm" | "base" | "lg" | "xl";
+export type TextVariant = "default" | "muted" | "success" | "warning" | "danger";
+export type TextRootProps = Omit<JSX.HTMLAttributes<HTMLSpanElement>, "color"> & IComponentBaseProps & {
+    size?: TextSize;
+    variant?: TextVariant;
+    children?: JSX.Element;
+};
+declare const TextRoot: Component<TextRootProps>;
+declare const Text: Component<TextRootProps> & {
+    Root: Component<TextRootProps>;
+};
+export default Text;
+export { Text, TextRoot };
+export type { TextRootProps as TextProps };