@pathscale/ui 1.1.34 → 1.1.35

package/dist/components/separator/Separator.css

@@ -0,0 +1,35 @@
+@layer components {
+  .separator {
+    display: block;
+    flex-shrink: 0;
+    border-radius: 0.25rem;
+
+    --separator-color: var(--color-separator, var(--color-base-300));
+
+    background-color: var(--separator-color);
+  }
+
+  .separator--horizontal {
+    width: 100%;
+    height: 1px;
+  }
+
+  .separator--vertical {
+    width: 1px;
+    height: auto;
+    min-height: 0.5rem;
+    align-self: stretch;
+  }
+
+  .separator--default {
+    --separator-color: var(--color-separator, var(--color-base-300));
+  }
+
+  .separator--secondary {
+    --separator-color: var(--color-separator-secondary, var(--color-base-300));
+  }
+
+  .separator--tertiary {
+    --separator-color: var(--color-separator-tertiary, var(--color-base-200));
+  }
+}

package/dist/components/separator/Separator.d.ts

@@ -0,0 +1,12 @@
+import "./Separator.css";
+import { type Component, type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type SeparatorOrientation = "horizontal" | "vertical";
+export type SeparatorVariant = "default" | "secondary" | "tertiary";
+export type SeparatorProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
+    orientation?: SeparatorOrientation;
+    variant?: SeparatorVariant;
+};
+declare const Separator: Component<SeparatorProps>;
+export default Separator;
+export { Separator };

package/dist/components/separator/Separator.js

@@ -0,0 +1,57 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import "./Separator.css";
+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)("<div>");
+const ORIENTATION_CLASS = {
+    horizontal: "separator--horizontal",
+    vertical: "separator--vertical"
+};
+const VARIANT_CLASS = {
+    default: "separator--default",
+    secondary: "separator--secondary",
+    tertiary: "separator--tertiary"
+};
+const Separator_Separator = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "class",
+        "className",
+        "dataTheme",
+        "style",
+        "orientation",
+        "variant",
+        "role"
+    ]);
+    const orientation = ()=>local.orientation ?? "horizontal";
+    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, {
+            get role () {
+                return local.role ?? "separator";
+            },
+            get ["aria-orientation"] () {
+                return orientation();
+            },
+            "data-slot": "separator",
+            get ["data-orientation"] () {
+                return orientation();
+            },
+            get ["data-variant"] () {
+                return variant();
+            },
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("separator", ORIENTATION_CLASS[orientation()], VARIANT_CLASS[variant()], local.class, local.className);
+            },
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
+            }
+        }), false, false);
+        return _el$;
+    })();
+};
+const Separator = Separator_Separator;
+export { Separator_Separator as Separator, Separator as default };

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

@@ -0,0 +1 @@
+export { default, Separator, type SeparatorProps, type SeparatorOrientation, type SeparatorVariant, } from "./Separator";

package/dist/components/separator/index.js

@@ -0,0 +1,4 @@
+import * as __WEBPACK_EXTERNAL_MODULE__Separator_js_c4a9d2eb__ from "./Separator.js";
+var __webpack_exports__Separator = __WEBPACK_EXTERNAL_MODULE__Separator_js_c4a9d2eb__.Separator;
+var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Separator_js_c4a9d2eb__["default"];
+export { __webpack_exports__Separator as Separator, __webpack_exports__default as default };

package/dist/components/sidenav/Sidenav.js

@@ -2,7 +2,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_clsx__ from "clsx";
-import * as __WEBPACK_EXTERNAL_MODULE__utils_js_db66b9f7__ from "../utils.js";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_layout_index_js_5ce0ec95__ from "../../hooks/layout/index.js";
 var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div class=sidenav-header><h2 class=sidenav-title>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div class=sidenav-footer>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<nav><div class=sidenav-content>");
 const Sidenav = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -19,7 +19,7 @@ const Sidenav = (props)=>{
         "desktopBreakpoint"
     ]);
     const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
-    const isDesktop = (0, __WEBPACK_EXTERNAL_MODULE__utils_js_db66b9f7__.useDesktop)(local.desktopBreakpoint || 1024);
+    const isDesktop = (0, __WEBPACK_EXTERNAL_MODULE__hooks_layout_index_js_5ce0ec95__.useDesktop)(local.desktopBreakpoint || 1024);
     const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("sidenav", local.class, local.className, (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
             "sidenav-collapsed": local.collapsed,
             "sidenav-closed": !local.isOpen,

package/dist/components/surface/Surface.css

@@ -0,0 +1,37 @@
+@layer components {
+  .surface {
+    position: relative;
+    --surface-bg: var(--color-surface, var(--color-base-100));
+    --surface-fg: var(--color-surface-foreground, var(--color-base-content));
+    --surface-border: transparent;
+    --surface-radius: var(--radius-box, 0.75rem);
+    background-color: var(--surface-bg);
+    color: var(--surface-fg);
+    border: 1px solid var(--surface-border);
+    border-radius: var(--surface-radius);
+  }
+
+  .surface--transparent {
+    --surface-bg: transparent;
+    --surface-fg: var(--color-foreground, var(--color-base-content));
+    --surface-border: transparent;
+  }
+
+  .surface--default {
+    --surface-bg: var(--color-surface, var(--color-base-100));
+    --surface-fg: var(--color-surface-foreground, var(--color-base-content));
+    --surface-border: transparent;
+  }
+
+  .surface--secondary {
+    --surface-bg: var(--color-surface-secondary, var(--color-base-200));
+    --surface-fg: var(--color-surface-secondary-foreground, var(--color-base-content));
+    --surface-border: transparent;
+  }
+
+  .surface--tertiary {
+    --surface-bg: var(--color-surface-tertiary, var(--color-base-300));
+    --surface-fg: var(--color-surface-tertiary-foreground, var(--color-base-content));
+    --surface-border: transparent;
+  }
+}

package/dist/components/surface/Surface.d.ts

@@ -0,0 +1,12 @@
+import "./Surface.css";
+import { type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type SurfaceVariant = "default" | "secondary" | "tertiary" | "transparent";
+export type SurfaceVariants = {
+    variant?: SurfaceVariant;
+};
+export type SurfaceProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & SurfaceVariants & {
+    children?: JSX.Element;
+};
+export declare function Surface(props: SurfaceProps): JSX.Element;
+export default Surface;

package/dist/components/surface/Surface.js

@@ -0,0 +1,41 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import "./Surface.css";
+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)("<div>");
+const SURFACE_VARIANT_CLASS = {
+    default: "surface--default",
+    secondary: "surface--secondary",
+    tertiary: "surface--tertiary",
+    transparent: "surface--transparent"
+};
+function Surface(props) {
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style",
+        "variant"
+    ]);
+    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, {
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("surface", SURFACE_VARIANT_CLASS[variant()], local.class, local.className);
+            },
+            "data-slot": "surface",
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+        return _el$;
+    })();
+}
+const surface_Surface = Surface;
+export { Surface, surface_Surface as default };

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

@@ -0,0 +1 @@
+export { default, Surface, type SurfaceProps, type SurfaceVariant, type SurfaceVariants } from "./Surface";

package/dist/components/surface/index.js

@@ -0,0 +1,4 @@
+import * as __WEBPACK_EXTERNAL_MODULE__Surface_js_0cf8f490__ from "./Surface.js";
+var __webpack_exports__Surface = __WEBPACK_EXTERNAL_MODULE__Surface_js_0cf8f490__.Surface;
+var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Surface_js_0cf8f490__["default"];
+export { __webpack_exports__Surface as Surface, __webpack_exports__default as default };

package/dist/components/table/hooks/index.d.ts

@@ -1,9 +1 @@
-export { useTableSorting, type UseTableSortingOptions, type UseTableSortingResult, type HookSortDirection, type HookSortDescriptor, } from "./useTableSorting";
-export { useTablePagination, type UseTablePaginationOptions, type UseTablePaginationResult, } from "./useTablePagination";
-export { useTableFiltering, type UseTableFilteringOptions, type UseTableFilteringResult, } from "./useTableFiltering";
-export { useTableSelection, type UseTableSelectionOptions, type UseTableSelectionResult, type TableSelectionState, } from "./useTableSelection";
-export { useTableExpansion, type UseTableExpansionOptions, type UseTableExpansionResult, } from "./useTableExpansion";
-export { useTableModel, type UseTableModelOptions, } from "./useTableModel";
-export { toSortDescriptor, toSortingState } from "./helpers";
-export { useAnchoredOverlayPosition } from "./useAnchoredOverlayPosition";
-export type { UseAnchoredOverlayPositionOptions } from "./useAnchoredOverlayPosition";
+export * from "../../../hooks/table";

package/dist/components/table/hooks/index.js

@@ -1,18 +1 @@
-import * as __WEBPACK_EXTERNAL_MODULE__useTableSorting_js_bcbcf7e7__ from "./useTableSorting.js";
-import * as __WEBPACK_EXTERNAL_MODULE__useTablePagination_js_221a602e__ from "./useTablePagination.js";
-import * as __WEBPACK_EXTERNAL_MODULE__useTableFiltering_js_c008d8f8__ from "./useTableFiltering.js";
-import * as __WEBPACK_EXTERNAL_MODULE__useTableSelection_js_6791c7a2__ from "./useTableSelection.js";
-import * as __WEBPACK_EXTERNAL_MODULE__useTableExpansion_js_e1dc5a4d__ from "./useTableExpansion.js";
-import * as __WEBPACK_EXTERNAL_MODULE__useTableModel_js_1f373411__ from "./useTableModel.js";
-import * as __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__ from "./helpers.js";
-import * as __WEBPACK_EXTERNAL_MODULE__useAnchoredOverlayPosition_js_ef09d6e3__ from "./useAnchoredOverlayPosition.js";
-var __webpack_exports__toSortDescriptor = __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__.toSortDescriptor;
-var __webpack_exports__toSortingState = __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__.toSortingState;
-var __webpack_exports__useAnchoredOverlayPosition = __WEBPACK_EXTERNAL_MODULE__useAnchoredOverlayPosition_js_ef09d6e3__.useAnchoredOverlayPosition;
-var __webpack_exports__useTableExpansion = __WEBPACK_EXTERNAL_MODULE__useTableExpansion_js_e1dc5a4d__.useTableExpansion;
-var __webpack_exports__useTableFiltering = __WEBPACK_EXTERNAL_MODULE__useTableFiltering_js_c008d8f8__.useTableFiltering;
-var __webpack_exports__useTableModel = __WEBPACK_EXTERNAL_MODULE__useTableModel_js_1f373411__.useTableModel;
-var __webpack_exports__useTablePagination = __WEBPACK_EXTERNAL_MODULE__useTablePagination_js_221a602e__.useTablePagination;
-var __webpack_exports__useTableSelection = __WEBPACK_EXTERNAL_MODULE__useTableSelection_js_6791c7a2__.useTableSelection;
-var __webpack_exports__useTableSorting = __WEBPACK_EXTERNAL_MODULE__useTableSorting_js_bcbcf7e7__.useTableSorting;
-export { __webpack_exports__toSortDescriptor as toSortDescriptor, __webpack_exports__toSortingState as toSortingState, __webpack_exports__useAnchoredOverlayPosition as useAnchoredOverlayPosition, __webpack_exports__useTableExpansion as useTableExpansion, __webpack_exports__useTableFiltering as useTableFiltering, __webpack_exports__useTableModel as useTableModel, __webpack_exports__useTablePagination as useTablePagination, __webpack_exports__useTableSelection as useTableSelection, __webpack_exports__useTableSorting as useTableSorting };
+export * from "../../../hooks/table/index.js";

package/dist/components/tag/Tag.css

@@ -0,0 +1,121 @@
+@layer components {
+  .tag {
+    --tag-optical-offset: 0.031em;
+
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    gap: 0.25rem;
+    border-radius: 9999px;
+    font-weight: 500;
+    user-select: none;
+    -webkit-tap-highlight-color: transparent;
+    transform-origin: center;
+    cursor: pointer;
+    transition:
+      color 100ms ease,
+      transform 100ms ease,
+      opacity 100ms ease,
+      background-color 100ms ease,
+      box-shadow 100ms ease;
+
+    --tag-bg-default: var(--color-default);
+    --tag-fg-default: var(--color-default-foreground);
+    --tag-bg-default-hover: var(--color-default-hover);
+    --tag-bg-surface: var(--color-surface, var(--color-base-200));
+    --tag-fg-surface: var(--color-surface-foreground, var(--color-base-content));
+    --tag-bg-surface-hover: var(--color-surface-hover, var(--color-base-300));
+    --tag-bg-selected: var(--color-accent-soft);
+    --tag-fg-selected: var(--color-accent-soft-foreground);
+    --tag-bg-selected-hover: var(--color-accent-soft-hover);
+    --tag-bg: var(--tag-bg-default);
+    --tag-fg: var(--tag-fg-default);
+    --tag-bg-hover: var(--tag-bg-default-hover);
+
+    background-color: var(--tag-bg);
+    color: var(--tag-fg);
+  }
+
+  .tag__icon {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    pointer-events: none;
+  }
+
+  .tag__icon > * {
+    width: 0.75rem;
+    height: 0.75rem;
+  }
+
+  .tag:is([data-disabled="true"], [aria-disabled="true"]) {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .tag:is(:focus-visible, [data-focus-visible]) {
+    outline: 2px solid var(--color-accent);
+    outline-offset: 2px;
+  }
+
+  .tag:is([data-selected="true"], [aria-selected="true"]) {
+    background-color: var(--tag-bg-selected);
+    color: var(--tag-fg-selected);
+  }
+
+  @media (hover: hover) {
+    .tag:is(:hover, [data-hovered="true"]):not([data-selected="true"]):not([data-disabled="true"]) {
+      background-color: var(--tag-bg-hover);
+    }
+
+    .tag:is([data-selected="true"], [aria-selected="true"]):is(:hover, [data-hovered="true"]) {
+      background-color: var(--tag-bg-selected-hover);
+    }
+  }
+
+  .tag--sm {
+    padding-inline: 0.5rem;
+    padding-block: 0.125rem;
+    font-size: 0.75rem;
+    line-height: 1rem;
+  }
+
+  .tag--md {
+    padding-inline: 0.5rem;
+    padding-block: 0.25rem;
+    font-size: 0.75rem;
+    line-height: 1rem;
+  }
+
+  .tag--lg {
+    padding-inline: 0.625rem;
+    padding-block: 0.375rem;
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+  }
+
+  .tag--default {
+    --tag-bg: var(--tag-bg-default);
+    --tag-fg: var(--tag-fg-default);
+    --tag-bg-hover: var(--tag-bg-default-hover);
+  }
+
+  .tag--surface {
+    --tag-bg: var(--tag-bg-surface);
+    --tag-fg: var(--tag-fg-surface);
+    --tag-bg-hover: var(--tag-bg-surface-hover);
+  }
+
+  .tag__remove-button {
+    width: 0.75rem;
+    height: 0.75rem;
+    color: inherit;
+  }
+
+  .tag__remove-button > * {
+    width: inherit;
+    height: inherit;
+    pointer-events: none;
+  }
+}

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

@@ -0,0 +1,33 @@
+import "./Tag.css";
+import { type Component, type JSX, type ParentComponent } from "solid-js";
+import { type CloseButtonProps } from "../close-button";
+import type { IComponentBaseProps } from "../types";
+export type TagSize = "sm" | "md" | "lg";
+export type TagVariant = "default" | "surface";
+type TagRenderProps = {
+    isSelected: boolean;
+    isDisabled: boolean;
+    allowsRemoving: boolean;
+};
+export type TagRootProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
+    id?: string | number;
+    textValue?: string;
+    isDisabled?: boolean;
+    size?: TagSize;
+    variant?: TagVariant;
+    startIcon?: JSX.Element;
+    endIcon?: JSX.Element;
+    children?: JSX.Element | ((props: TagRenderProps) => JSX.Element);
+};
+export type TagRemoveButtonProps = Omit<CloseButtonProps, "isDisabled"> & IComponentBaseProps & {
+    isDisabled?: boolean;
+};
+declare const TagRoot: ParentComponent<TagRootProps>;
+declare const TagRemoveButton: Component<TagRemoveButtonProps>;
+declare const Tag: ParentComponent<TagRootProps> & {
+    Root: ParentComponent<TagRootProps>;
+    RemoveButton: Component<TagRemoveButtonProps>;
+};
+export default Tag;
+export { Tag, TagRoot, TagRemoveButton };
+export type { TagRootProps as TagProps, TagRenderProps };

package/dist/components/tag/Tag.js

@@ -0,0 +1,241 @@
+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";
+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 class="tag__icon tag__icon--start"data-slot=tag-start-icon>'), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="tag__icon tag__icon--end"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 TAG_SIZE_CLASS_MAP = {
+    sm: "tag--sm",
+    md: "tag--md",
+    lg: "tag--lg"
+};
+const TAG_VARIANT_CLASS_MAP = {
+    default: "tag--default",
+    surface: "tag--surface"
+};
+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)("tag", TAG_SIZE_CLASS_MAP[size()], TAG_VARIANT_CLASS_MAP[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);
+                                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);
+                                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)("tag__remove-button", 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 };