@mdigital_ui/ui 0.4.2 → 0.4.4

package/dist/{chunk-3BIV3QE2.js → chunk-LXHFGQOI.js}

@@ -1,7 +1,7 @@
-import { cn, iconSizes } from './chunk-NGYLRX6F.js';
+import { cn, iconSizes } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
-import { ChevronRight, Check, Minus } from 'lucide-react';
 import React from 'react';
+import { ChevronRight, Check, Minus } from 'lucide-react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 var treeItemVariants = cva(
@@ -30,6 +30,19 @@ var treeItemVariants = cva(
     }
   }
 );
+function getAllKeys(nodes) {
+  const keys = [];
+  const traverse = (items) => {
+    items.forEach((item) => {
+      keys.push(item.key);
+      if (item.children) {
+        traverse(item.children);
+      }
+    });
+  };
+  traverse(nodes);
+  return keys;
+}
 var Tree = React.memo(
   ({
     data,
@@ -58,19 +71,6 @@ var Tree = React.memo(
     const currentExpandedKeys = expandedKeys !== void 0 ? expandedKeys : internalExpandedKeys;
     const currentCheckedKeys = checkedKeys !== void 0 ? checkedKeys : internalCheckedKeys;
     const currentSelectedKeys = selectedKeys !== void 0 ? selectedKeys : internalSelectedKeys;
-    function getAllKeys(nodes) {
-      const keys = [];
-      const traverse = (items) => {
-        items.forEach((item) => {
-          keys.push(item.key);
-          if (item.children) {
-            traverse(item.children);
-          }
-        });
-      };
-      traverse(nodes);
-      return keys;
-    }
     const getAllLeafKeys = React.useCallback((node) => {
       const keys = [];
       const traverse = (n) => {
@@ -105,34 +105,42 @@ var Tree = React.memo(
       },
       [getNodeByKey]
     );
+    const checkedKeysSet = React.useMemo(
+      () => new Set(currentCheckedKeys),
+      [currentCheckedKeys]
+    );
     const getCheckState = React.useCallback(
       (node) => {
         if (!node.children || node.children.length === 0 || node.isLeaf) {
           return {
-            checked: currentCheckedKeys.includes(node.key),
+            checked: checkedKeysSet.has(node.key),
             indeterminate: false
           };
         }
         const leafKeys = getAllLeafKeys(node);
         const checkedCount = leafKeys.filter(
-          (key) => currentCheckedKeys.includes(key)
+          (key) => checkedKeysSet.has(key)
         ).length;
         return {
           checked: checkedCount === leafKeys.length && leafKeys.length > 0,
           indeterminate: checkedCount > 0 && checkedCount < leafKeys.length
         };
       },
-      [currentCheckedKeys, getAllLeafKeys]
+      [checkedKeysSet, getAllLeafKeys]
+    );
+    const expandedKeysSet = React.useMemo(
+      () => new Set(currentExpandedKeys),
+      [currentExpandedKeys]
     );
     const handleExpand = React.useCallback(
       (key) => {
-        const newExpandedKeys = currentExpandedKeys.includes(key) ? currentExpandedKeys.filter((k) => k !== key) : [...currentExpandedKeys, key];
+        const newExpandedKeys = expandedKeysSet.has(key) ? currentExpandedKeys.filter((k) => k !== key) : [...currentExpandedKeys, key];
         if (expandedKeys === void 0) {
           setInternalExpandedKeys(newExpandedKeys);
         }
         onExpand?.(newExpandedKeys);
       },
-      [currentExpandedKeys, expandedKeys, onExpand]
+      [currentExpandedKeys, expandedKeys, onExpand, expandedKeysSet]
     );
     const handleCheck = React.useCallback(
       (node, checked) => {
@@ -189,26 +197,50 @@ var Tree = React.memo(
         nodes.forEach((node) => {
           result.push({ node, level });
           const hasChildren = node.children && node.children.length > 0 && !node.isLeaf;
-          const isExpanded = currentExpandedKeys.includes(node.key);
+          const isExpanded = expandedKeysSet.has(node.key);
           if (hasChildren && isExpanded) {
             result.push(...flattenTree(node.children, level + 1));
           }
         });
         return result;
       },
-      [currentExpandedKeys]
+      [expandedKeysSet]
     );
     const flatNodes = React.useMemo(
       () => flattenTree(data),
       [data, flattenTree]
     );
+    const checkStates = React.useMemo(() => {
+      if (!checkable) return /* @__PURE__ */ new Map();
+      const states = /* @__PURE__ */ new Map();
+      const compute = (node) => {
+        if (states.has(node.key)) return states.get(node.key);
+        const checkState = getCheckState(node);
+        let state;
+        if (checkState.indeterminate) {
+          state = "indeterminate";
+        } else if (checkState.checked) {
+          state = "checked";
+        } else {
+          state = "unchecked";
+        }
+        states.set(node.key, state);
+        return state;
+      };
+      flatNodes.forEach(({ node }) => compute(node));
+      return states;
+    }, [checkable, flatNodes, getCheckState]);
     const renderNode = React.useCallback(
       (item, index) => {
         const { node, level } = item;
         const hasChildren = node.children && node.children.length > 0 && !node.isLeaf;
-        const isExpanded = currentExpandedKeys.includes(node.key);
+        const isExpanded = expandedKeysSet.has(node.key);
         const isSelected = currentSelectedKeys.includes(node.key);
-        const checkState = checkable ? getCheckState(node) : null;
+        const checkStateValue = checkable ? checkStates.get(node.key) : null;
+        const checkState = checkStateValue ? {
+          checked: checkStateValue === "checked",
+          indeterminate: checkStateValue === "indeterminate"
+        } : null;
         return /* @__PURE__ */ jsx(
           "div",
           {
@@ -326,10 +358,10 @@ var Tree = React.memo(
         );
       },
       [
-        currentExpandedKeys,
+        expandedKeysSet,
         currentSelectedKeys,
         checkable,
-        getCheckState,
+        checkStates,
         size,
         className,
         classNames,
@@ -342,12 +374,12 @@ var Tree = React.memo(
         flatNodes
       ]
     );
-    return /* @__PURE__ */ jsx("div", { className: cn("tree_root", "w-full", className, classNames?.root), children: flatNodes.map((item, index) => renderNode(item, index)) });
+    return /* @__PURE__ */ jsx("div", { "data-slot": "root", className: cn("tree_root", "w-full", className, classNames?.root), children: flatNodes.map((item, index) => renderNode(item, index)) });
   }
 );
 Tree.displayName = "Tree";
 var tree_default = Tree;
 
 export { tree_default };
-//# sourceMappingURL=chunk-3BIV3QE2.js.map
-//# sourceMappingURL=chunk-3BIV3QE2.js.map
+//# sourceMappingURL=chunk-LXHFGQOI.js.map
+//# sourceMappingURL=chunk-LXHFGQOI.js.map

package/dist/chunk-LXHFGQOI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tree/index.tsx"],"names":[],"mappings":"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","file":"chunk-LXHFGQOI.js","sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport React from 'react'\n\nimport { Check, ChevronRight, Minus } from 'lucide-react'\n\nimport { cn, iconSizes } from '../utils'\nimport type { TreeNode, TreeProps } from './types'\n\nconst treeItemVariants = cva(\n  'flex items-center gap-2 px-2 rounded cursor-pointer select-none transition-colors duration-200 ease-out',\n  {\n    variants: {\n      size: {\n        xs: 'text-xs',\n        sm: 'text-sm',\n        md: 'text-base',\n        lg: 'text-lg',\n      },\n      disabled: {\n        true: 'opacity-50 cursor-not-allowed',\n        false: 'hover:bg-surface',\n      },\n      selected: {\n        true: 'bg-primary/10 text-primary',\n        false: 'text-text-primary',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      disabled: false,\n      selected: false,\n    },\n  },\n)\n\n// Pure function moved outside component to avoid recreation on every render\nfunction getAllKeys(nodes: TreeNode[]): string[] {\n  const keys: string[] = []\n  const traverse = (items: TreeNode[]) => {\n    items.forEach((item) => {\n      keys.push(item.key)\n      if (item.children) {\n        traverse(item.children)\n      }\n    })\n  }\n  traverse(nodes)\n  return keys\n}\n\nconst Tree = React.memo<TreeProps>(\n  ({\n    data,\n    defaultExpandedKeys = [],\n    expandedKeys,\n    onExpand,\n    checkable = false,\n    checkedKeys,\n    defaultCheckedKeys = [],\n    onCheck,\n    selectable = true,\n    selectedKeys,\n    defaultSelectedKeys = [],\n    onSelect,\n    disabled = false,\n    size = 'md',\n    showLine = false,\n    showIcon = true,\n    defaultExpandAll = false,\n    className,\n    classNames,\n  }) => {\n    const [internalExpandedKeys, setInternalExpandedKeys] = React.useState<\n      string[]\n    >(defaultExpandAll ? getAllKeys(data) : defaultExpandedKeys)\n    const [internalCheckedKeys, setInternalCheckedKeys] =\n      React.useState<string[]>(defaultCheckedKeys)\n    const [internalSelectedKeys, setInternalSelectedKeys] =\n      React.useState<string[]>(defaultSelectedKeys)\n\n    const currentExpandedKeys =\n      expandedKeys !== undefined ? expandedKeys : internalExpandedKeys\n    const currentCheckedKeys =\n      checkedKeys !== undefined ? checkedKeys : internalCheckedKeys\n    const currentSelectedKeys =\n      selectedKeys !== undefined ? selectedKeys : internalSelectedKeys\n\n    const getAllLeafKeys = React.useCallback((node: TreeNode): string[] => {\n      const keys: string[] = []\n\n      const traverse = (n: TreeNode) => {\n        if (!n.children || n.children.length === 0 || n.isLeaf) {\n          keys.push(n.key)\n        } else {\n          n.children.forEach((child) => traverse(child))\n        }\n      }\n\n      traverse(node)\n      return keys\n    }, [])\n\n    const getNodeByKey = React.useCallback(\n      (key: string): TreeNode | null => {\n        const traverse = (nodes: TreeNode[]): TreeNode | null => {\n          for (const node of nodes) {\n            if (node.key === key) return node\n            if (node.children) {\n              const found = traverse(node.children)\n              if (found) return found\n            }\n          }\n          return null\n        }\n        return traverse(data)\n      },\n      [data],\n    )\n\n    const getCheckedNodes = React.useCallback(\n      (keys: string[]): TreeNode[] => {\n        return keys\n          .map((key) => getNodeByKey(key))\n          .filter((node): node is TreeNode => node !== null)\n      },\n      [getNodeByKey],\n    )\n\n    const checkedKeysSet = React.useMemo(\n      () => new Set(currentCheckedKeys),\n      [currentCheckedKeys],\n    )\n\n    const getCheckState = React.useCallback(\n      (node: TreeNode): { checked: boolean; indeterminate: boolean } => {\n        if (!node.children || node.children.length === 0 || node.isLeaf) {\n          return {\n            checked: checkedKeysSet.has(node.key),\n            indeterminate: false,\n          }\n        }\n\n        const leafKeys = getAllLeafKeys(node)\n        const checkedCount = leafKeys.filter((key) =>\n          checkedKeysSet.has(key),\n        ).length\n\n        return {\n          checked: checkedCount === leafKeys.length && leafKeys.length > 0,\n          indeterminate: checkedCount > 0 && checkedCount < leafKeys.length,\n        }\n      },\n      [checkedKeysSet, getAllLeafKeys],\n    )\n\n    const expandedKeysSet = React.useMemo(\n      () => new Set(currentExpandedKeys),\n      [currentExpandedKeys],\n    )\n\n    const handleExpand = React.useCallback(\n      (key: string) => {\n        const newExpandedKeys = expandedKeysSet.has(key)\n          ? currentExpandedKeys.filter((k) => k !== key)\n          : [...currentExpandedKeys, key]\n\n        if (expandedKeys === undefined) {\n          setInternalExpandedKeys(newExpandedKeys)\n        }\n        onExpand?.(newExpandedKeys)\n      },\n      [currentExpandedKeys, expandedKeys, onExpand, expandedKeysSet],\n    )\n\n    const handleCheck = React.useCallback(\n      (node: TreeNode, checked: boolean) => {\n        if (disabled || node.disabled) return\n\n        const leafKeys = getAllLeafKeys(node)\n        let newCheckedKeys: string[]\n\n        if (checked) {\n          // Add all leaf keys that aren't already checked\n          const keysToAdd = leafKeys.filter(\n            (key) => !currentCheckedKeys.includes(key),\n          )\n          newCheckedKeys = [...currentCheckedKeys, ...keysToAdd]\n        } else {\n          // Remove all leaf keys\n          newCheckedKeys = currentCheckedKeys.filter(\n            (key) => !leafKeys.includes(key),\n          )\n        }\n\n        if (checkedKeys === undefined) {\n          setInternalCheckedKeys(newCheckedKeys)\n        }\n\n        const checkedNodes = getCheckedNodes(newCheckedKeys)\n        onCheck?.(newCheckedKeys, {\n          checked,\n          node,\n          checkedNodes,\n        })\n      },\n      [\n        disabled,\n        getAllLeafKeys,\n        currentCheckedKeys,\n        checkedKeys,\n        onCheck,\n        getCheckedNodes,\n      ],\n    )\n\n    const handleSelect = React.useCallback(\n      (node: TreeNode) => {\n        if (disabled || node.disabled || !selectable) return\n\n        const isSelected = currentSelectedKeys.includes(node.key)\n        const newSelectedKeys = isSelected\n          ? currentSelectedKeys.filter((k) => k !== node.key)\n          : [...currentSelectedKeys, node.key]\n\n        if (selectedKeys === undefined) {\n          setInternalSelectedKeys(newSelectedKeys)\n        }\n\n        onSelect?.(newSelectedKeys, {\n          selected: !isSelected,\n          node,\n        })\n      },\n      [disabled, selectable, currentSelectedKeys, selectedKeys, onSelect],\n    )\n\n    const flattenTree = React.useCallback(\n      (\n        nodes: TreeNode[],\n        level: number = 0,\n      ): Array<{ node: TreeNode; level: number }> => {\n        const result: Array<{ node: TreeNode; level: number }> = []\n\n        nodes.forEach((node) => {\n          result.push({ node, level })\n\n          const hasChildren =\n            node.children && node.children.length > 0 && !node.isLeaf\n          const isExpanded = expandedKeysSet.has(node.key)\n\n          if (hasChildren && isExpanded) {\n            result.push(...flattenTree(node.children!, level + 1))\n          }\n        })\n\n        return result\n      },\n      [expandedKeysSet],\n    )\n\n    const flatNodes = React.useMemo(\n      () => flattenTree(data),\n      [data, flattenTree],\n    )\n\n    // Memoize check states for all visible nodes\n    const checkStates = React.useMemo(() => {\n      if (!checkable) return new Map<string, 'checked' | 'unchecked' | 'indeterminate'>()\n\n      const states = new Map<string, 'checked' | 'unchecked' | 'indeterminate'>()\n\n      const compute = (node: TreeNode): 'checked' | 'unchecked' | 'indeterminate' => {\n        if (states.has(node.key)) return states.get(node.key)!\n\n        const checkState = getCheckState(node)\n        let state: 'checked' | 'unchecked' | 'indeterminate'\n\n        if (checkState.indeterminate) {\n          state = 'indeterminate'\n        } else if (checkState.checked) {\n          state = 'checked'\n        } else {\n          state = 'unchecked'\n        }\n\n        states.set(node.key, state)\n        return state\n      }\n\n      // Pre-compute for all visible nodes\n      flatNodes.forEach(({ node }) => compute(node))\n      return states\n    }, [checkable, flatNodes, getCheckState])\n\n    const renderNode = React.useCallback(\n      (\n        item: { node: TreeNode; level: number },\n        index: number,\n      ): React.ReactNode => {\n        const { node, level } = item\n        const hasChildren =\n          node.children && node.children.length > 0 && !node.isLeaf\n        const isExpanded = expandedKeysSet.has(node.key)\n        const isSelected = currentSelectedKeys.includes(node.key)\n\n        // Use memoized check state\n        const checkStateValue = checkable ? checkStates.get(node.key) : null\n        const checkState = checkStateValue\n          ? {\n              checked: checkStateValue === 'checked',\n              indeterminate: checkStateValue === 'indeterminate',\n            }\n          : null\n\n        return (\n          <div\n            key={node.key}\n            className={cn(\n              'tree_node',\n              'relative animate-in fade-in slide-in-from-top-1 duration-200',\n              classNames?.node,\n            )}\n          >\n            <div\n              className={cn(\n                'tree_nodeContent',\n                treeItemVariants({\n                  size,\n                  disabled: !!node.disabled,\n                  selected: checkable ? false : isSelected,\n                }),\n                className,\n                classNames?.nodeContent,\n              )}\n            >\n              {/* Indentation units with vertical lines */}\n              {Array.from({ length: level }).map((_, i) => {\n                // Check if this indent level should have a vertical line\n                const shouldDrawLine =\n                  showLine &&\n                  flatNodes.slice(index + 1).some((n) => n.level === i)\n\n                return (\n                  <span\n                    key={i}\n                    className=\"relative inline-block w-4 h-6 shrink-0\"\n                  >\n                    {/* Vertical line connecting siblings */}\n                    {shouldDrawLine && (\n                      <span className=\"absolute top-0 left-1/2 bottom-0 h-full border-l border-border -translate-x-px\" />\n                    )}\n                  </span>\n                )\n              })}\n\n              {/* Expand/Collapse Icon */}\n              {hasChildren ? (\n                <button\n                  type=\"button\"\n                  onClick={(e) => {\n                    e.stopPropagation()\n                    handleExpand(node.key)\n                  }}\n                  className={cn(\n                    'tree_expandIcon',\n                    'shrink-0 hover:text-primary transition-colors duration-200',\n                    classNames?.expandIcon,\n                  )}\n                  disabled={disabled || node.disabled}\n                >\n                  <ChevronRight\n                    className={cn(\n                      iconSizes[size],\n                      'transition-transform duration-300 ease-out',\n                      isExpanded && 'rotate-90',\n                    )}\n                  />\n                </button>\n              ) : (\n                <span className={cn('shrink-0', iconSizes[size])} />\n              )}\n\n              {/* Checkbox */}\n              {checkable && (\n                <div\n                  role=\"checkbox\"\n                  tabIndex={disabled || node.disabled ? -1 : 0}\n                  aria-checked={checkState?.indeterminate ? 'mixed' : checkState?.checked}\n                  onClick={(e) => {\n                    e.stopPropagation()\n                    handleCheck(node, !checkState?.checked)\n                  }}\n                  onKeyDown={(e) => {\n                    if (e.key === 'Enter' || e.key === ' ') {\n                      e.preventDefault()\n                      e.stopPropagation()\n                      handleCheck(node, !checkState?.checked)\n                    }\n                  }}\n                  className={cn(\n                    'w-4 h-4 border rounded flex items-center justify-center shrink-0 cursor-pointer transition-[colors,transform] duration-200',\n                    'focus:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-1',\n                    checkState?.checked\n                      ? 'bg-primary border-primary'\n                      : 'border-border',\n                    (disabled || node.disabled) &&\n                      'opacity-50 cursor-not-allowed',\n                  )}\n                >\n                  {checkState?.checked && (\n                    <Check className=\"h-3 w-3 text-background animate-in zoom-in-50 duration-200\" />\n                  )}\n                  {checkState?.indeterminate && !checkState?.checked && (\n                    <Minus className=\"h-3 w-3 text-primary animate-in zoom-in-50 duration-200\" />\n                  )}\n                </div>\n              )}\n\n              {/* Icon */}\n              {showIcon && node.icon && (\n                <span\n                  className={cn('tree_icon', 'shrink-0', classNames?.icon)}\n                >\n                  {node.icon}\n                </span>\n              )}\n\n              {/* Label */}\n              <span\n                onClick={() => {\n                  if (checkable) {\n                    handleCheck(node, !checkState?.checked)\n                  } else {\n                    handleSelect(node)\n                  }\n                }}\n                className={cn('tree_label', 'flex-1 truncate', classNames?.label)}\n              >\n                {node.label}\n              </span>\n            </div>\n          </div>\n        )\n      },\n      [\n        expandedKeysSet,\n        currentSelectedKeys,\n        checkable,\n        checkStates,\n        size,\n        className,\n        classNames,\n        disabled,\n        handleExpand,\n        handleCheck,\n        handleSelect,\n        showIcon,\n        showLine,\n        flatNodes,\n      ],\n    )\n\n    return (\n      <div data-slot=\"root\" className={cn('tree_root', 'w-full', className, classNames?.root)}>\n        {flatNodes.map((item, index) => renderNode(item, index))}\n      </div>\n    )\n  },\n)\n\nTree.displayName = 'Tree'\n\nexport type * from './types'\nexport default Tree\n"]}

package/dist/{chunk-ZIYA7TGX.js → chunk-NMP4HY6M.js}

@@ -1,28 +1,19 @@
-import { createAllColorVariants, componentColors } from './chunk-POXI7JJ4.js';
-import { cn } from './chunk-NGYLRX6F.js';
+import { colorVars } from './chunk-G6QIIWKU.js';
+import { cn } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
-import { X } from 'lucide-react';
 import React from 'react';
+import { X } from 'lucide-react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var tagVariants = cva("inline-flex items-center gap-1.5 whitespace-nowrap rounded font-medium transition-colors", {
   variants: {
     variant: {
-      default: "border",
-      solid: "",
-      outline: "border",
-      soft: ""
-    },
-    color: {
-      default: "",
-      primary: "",
-      secondary: "",
-      accent: "",
-      success: "",
-      error: "",
-      warning: "",
-      info: ""
+      default: "bg-slot border border-slot text-slot-fg",
+      solid: "bg-slot border border-slot text-slot-fg hover:bg-slot-90",
+      outline: "border border-slot text-slot hover:bg-slot-10",
+      soft: "bg-slot-10 text-slot"
     },
+    color: colorVars,
     size: {
       xs: "text-[10px] px-1.5 py-0.5",
       sm: "text-xs px-2 py-1",
@@ -30,7 +21,6 @@ var tagVariants = cva("inline-flex items-center gap-1.5 whitespace-nowrap rounde
       lg: "text-base px-3 py-1.5"
     }
   },
-  compoundVariants: createAllColorVariants(componentColors, ["default", "solid", "outline", "soft"]),
   defaultVariants: {
     variant: "solid",
     color: "primary",
@@ -43,7 +33,7 @@ var iconSizeClasses = {
   md: "size-3.5",
   lg: "size-4"
 };
-var Tag = ({
+var Tag = React.memo(({
   children,
   color = "primary",
   variant = "solid",
@@ -88,7 +78,7 @@ var Tag = ({
         "tag_root",
         tagVariants({ variant, color, size }),
         (onClick || closable) && "cursor-pointer",
-        (onClick || !disableKeyboardRemoval && closable) && "focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary",
+        (onClick || !disableKeyboardRemoval && closable) && "focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary ring-offset-background",
         classNames?.root,
         className
       ),
@@ -132,10 +122,10 @@ var Tag = ({
       ]
     }
   );
-};
+});
 Tag.displayName = "Tag";
 var tag_default = Tag;
 
 export { tag_default };
-//# sourceMappingURL=chunk-ZIYA7TGX.js.map
-//# sourceMappingURL=chunk-ZIYA7TGX.js.map
+//# sourceMappingURL=chunk-NMP4HY6M.js.map
+//# sourceMappingURL=chunk-NMP4HY6M.js.map

package/dist/chunk-NMP4HY6M.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tag/index.tsx"],"names":[],"mappings":"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","file":"chunk-NMP4HY6M.js","sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority';\nimport React from 'react';\n\nimport { X } from 'lucide-react';\n\nimport { cn } from '../utils';\nimport { colorVars } from '../variants';\nimport type { TagProps } from './types';\n\n/**\n * Class variance authority configuration for the Tag component\n * Defines style variants for color, variant, and size\n */\nconst tagVariants = cva('inline-flex items-center gap-1.5 whitespace-nowrap rounded font-medium transition-colors', {\n  variants: {\n    variant: {\n      default: 'bg-slot border border-slot text-slot-fg',\n      solid: 'bg-slot border border-slot text-slot-fg hover:bg-slot-90',\n      outline: 'border border-slot text-slot hover:bg-slot-10',\n      soft: 'bg-slot-10 text-slot',\n    },\n    color: colorVars,\n    size: {\n      xs: 'text-[10px] px-1.5 py-0.5',\n      sm: 'text-xs px-2 py-1',\n      md: 'text-sm px-2.5 py-1',\n      lg: 'text-base px-3 py-1.5',\n    },\n  },\n  defaultVariants: {\n    variant: 'solid',\n    color: 'primary',\n    size: 'sm',\n  },\n});\n\n/**\n * Icon and close button size variants for different tag sizes\n */\nconst iconSizeClasses = {\n  xs: 'size-2.5',\n  sm: 'size-3',\n  md: 'size-3.5',\n  lg: 'size-4',\n};\n\n/**\n * Tag Component\n *\n * An interactive badge variant that can be used for labels, categories, or removable items.\n * Supports multiple variants, colors, sizes, icons, and close functionality.\n *\n * @component\n * @example\n * // Basic tag\n * <Tag>Label</Tag>\n *\n * @example\n * // Tag with close button\n * <Tag closable onClose={(e) => console.log('Tag removed')}>\n *   Removable Tag\n * </Tag>\n *\n * @example\n * // Tag with icon\n * <Tag icon={<Star />} color=\"warning\">\n *   Featured\n * </Tag>\n *\n * @example\n * // Different variants\n * <Tag variant=\"outline\" color=\"success\">Outline Tag</Tag>\n * <Tag variant=\"soft\" color=\"info\">Soft Tag</Tag>\n *\n * @example\n * // Disable keyboard removal (Backspace/Delete on tag)\n * <Tag closable disableKeyboardRemoval onClose={(e) => console.log('Tag removed')}>\n *   No keyboard removal\n * </Tag>\n *\n * @example\n * // Tag with keyboard removal enabled (focus on tag and press Delete/Backspace)\n * <Tag closable onClose={(e) => console.log('Tag removed')}>\n *   Press Delete or Backspace to remove\n * </Tag>\n *\n * @param {TagProps} props - Component props\n * @returns {JSX.Element} Rendered tag component\n */\nconst Tag = React.memo<TagProps>(({\n  children,\n  color = 'primary',\n  variant = 'solid',\n  size = 'sm',\n  closable = false,\n  onClose,\n  icon,\n  className,\n  classNames,\n  onClick,\n  disableKeyboardRemoval = false,\n  ...props\n}) => {\n    /**\n     * Handles the close button click event\n     * Stops event propagation to prevent triggering parent onClick handlers\n     *\n     * @param {React.MouseEvent<HTMLButtonElement>} e - Mouse event\n     */\n    const handleClose = (e: React.MouseEvent<HTMLButtonElement>) => {\n      e.stopPropagation();\n      onClose?.(e);\n    };\n\n    /**\n     * Handles keyboard events for the close button\n     * Always responds to Enter/Space for activation (accessibility requirement)\n     *\n     * @param {React.KeyboardEvent<HTMLButtonElement>} e - Keyboard event\n     */\n    const handleCloseKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n      // Always allow Enter/Space for activation (accessibility requirement)\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.preventDefault();\n        e.stopPropagation();\n        onClose?.(e as unknown as React.MouseEvent<HTMLButtonElement>);\n      }\n    };\n\n    /**\n     * Handles keyboard events for the tag\n     * Removes tag when Delete or Backspace is pressed (takes priority)\n     * Activates onClick when Enter or Space is pressed\n     *\n     * @param {React.KeyboardEvent<HTMLSpanElement>} e - Keyboard event\n     */\n    const handleTagKeyDown = (e: React.KeyboardEvent<HTMLSpanElement>) => {\n      // Handle deletion for closable tags (takes priority over onClick)\n      if (!disableKeyboardRemoval && closable && (e.key === 'Delete' || e.key === 'Backspace')) {\n        e.preventDefault();\n        e.stopPropagation();\n        onClose?.(e as unknown as React.MouseEvent<HTMLButtonElement>);\n        return;\n      }\n\n      // Handle activation for clickable tags\n      if (onClick && (e.key === 'Enter' || e.key === ' ')) {\n        e.preventDefault();\n        e.stopPropagation();\n        onClick(e as unknown as React.MouseEvent<HTMLSpanElement>);\n      }\n    };\n\n    return (\n      <span\n        className={cn(\n          'tag_root',\n          tagVariants({ variant, color, size }),\n          (onClick || closable) && 'cursor-pointer',\n          (onClick || (!disableKeyboardRemoval && closable)) &&\n            'focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary ring-offset-background',\n          classNames?.root,\n          className\n        )}\n        onClick={onClick}\n        onKeyDown={onClick || (!disableKeyboardRemoval && closable) ? handleTagKeyDown : undefined}\n        role={onClick || (!disableKeyboardRemoval && closable) ? 'button' : undefined}\n        tabIndex={onClick || (!disableKeyboardRemoval && closable) ? 0 : undefined}\n        aria-label={\n          (onClick || (!disableKeyboardRemoval && closable)) && typeof children === 'string' ? children : undefined\n        }\n        data-slot='root'\n        {...props}\n      >\n        {icon && (\n          <span className={cn('inline-flex items-center justify-center flex-shrink-0', iconSizeClasses[size])}>\n            {React.isValidElement(icon)\n              ? React.cloneElement(icon, {\n                  className: cn('w-full h-full', (icon.props as { className?: string }).className),\n                } as React.HTMLAttributes<HTMLElement>)\n              : icon}\n          </span>\n        )}\n        <span\n          className={cn('tag_content', classNames?.content)}\n          data-slot='content'\n        >\n          {children}\n        </span>\n        {closable && (\n          <button\n            type='button'\n            onClick={handleClose}\n            onKeyDown={handleCloseKeyDown}\n            className={cn(\n              'tag_closeButton',\n              'inline-flex items-center justify-center flex-shrink-0 cursor-pointer rounded-sm opacity-70 hover:opacity-100 transition-opacity focus:outline-none focus:ring-2 focus:ring-current focus:ring-offset-1',\n              iconSizeClasses[size],\n              classNames?.closeButton\n            )}\n            aria-label={typeof children === 'string' ? `Remove ${children}` : 'Remove tag'}\n            tabIndex={disableKeyboardRemoval ? 0 : -1}\n            data-slot='closeButton'\n          >\n            <X className='w-full h-full' />\n          </button>\n        )}\n      </span>\n    );\n});\n\nTag.displayName = 'Tag';\n\nexport type * from './types';\nexport default Tag;\n"]}