@mdigital_ui/ui 0.4.2 → 0.4.3

package/dist/{chunk-GJPZOMFE.js → chunk-FCU2ENQQ.js}

@@ -1,5 +1,5 @@
-import { checkbox_default } from './chunk-I32ZQUYY.js';
-import { cn, getValidationStatus, iconSizes, statusMessageVariants } from './chunk-NGYLRX6F.js';
+import { checkbox_default } from './chunk-F4GLUQOF.js';
+import { cn, getValidationStatus, iconSizes, statusMessageVariants } from './chunk-RAS6HUEI.js';
 import { Search, ChevronRight, ChevronLeft, ChevronsRight, ChevronsLeft } from 'lucide-react';
 import React from 'react';
 import { cva } from 'class-variance-authority';
@@ -40,7 +40,8 @@ var filterItems = (items, searchValue) => {
   );
 };
 var getItemsByKeys = (items, keys) => {
-  return items.filter((item) => keys.includes(item.key));
+  const map = new Map(items.map((item) => [item.key, item]));
+  return keys.map((key) => map.get(key)).filter(Boolean);
 };
 var getEnabledItems = (items) => {
   return items.filter((item) => !item.disabled);
@@ -63,6 +64,7 @@ var TransferList = React.memo(
     classNames
   }) => {
     const [searchValue, setSearchValue] = React.useState("");
+    const selectedKeySet = React.useMemo(() => new Set(selectedKeys), [selectedKeys]);
     const filteredData = React.useMemo(
       () => filterItems(dataSource, searchValue),
       [dataSource, searchValue]
@@ -72,8 +74,8 @@ var TransferList = React.memo(
       [filteredData]
     );
     const selectedCount = React.useMemo(
-      () => filteredData.filter((item) => selectedKeys.includes(item.key)).length,
-      [filteredData, selectedKeys]
+      () => filteredData.filter((item) => selectedKeySet.has(item.key)).length,
+      [filteredData, selectedKeySet]
     );
     const allChecked = enabledItems.length > 0 && selectedCount === enabledItems.length;
     const indeterminate = selectedCount > 0 && selectedCount < enabledItems.length;
@@ -96,10 +98,10 @@ var TransferList = React.memo(
     const handleItemSelect = React.useCallback(
       (item) => {
         if (item.disabled) return;
-        const checked = !selectedKeys.includes(item.key);
+        const checked = !selectedKeySet.has(item.key);
         onItemSelect(item.key, checked);
       },
-      [selectedKeys, onItemSelect]
+      [selectedKeySet, onItemSelect]
     );
     return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-1 flex-col border border-border rounded-lg bg-card overflow-hidden min-w-0 transfer_list", classNames?.list), children: [
       /* @__PURE__ */ jsx("div", { className: cn(transferHeaderVariants(), "transfer_header", classNames?.header), children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-1", children: [
@@ -148,7 +150,7 @@ var TransferList = React.memo(
             {
               className: cn(
                 transferItemVariants({
-                  selected: selectedKeys.includes(item.key),
+                  selected: selectedKeySet.has(item.key),
                   disabled: !!item.disabled || disabled
                 }),
                 "transfer_item",
@@ -159,7 +161,7 @@ var TransferList = React.memo(
                 /* @__PURE__ */ jsx(
                   checkbox_default,
                   {
-                    checked: selectedKeys.includes(item.key),
+                    checked: selectedKeySet.has(item.key),
                     disabled: !!item.disabled || disabled,
                     size: "sm",
                     onChange: () => {
@@ -214,6 +216,10 @@ var Transfer = React.memo(
     const [rightSelectedKeys, setRightSelectedKeys] = React.useState(
       []
     );
+    const leftSelectedKeysRef = React.useRef(leftSelectedKeys);
+    leftSelectedKeysRef.current = leftSelectedKeys;
+    const rightSelectedKeysRef = React.useRef(rightSelectedKeys);
+    rightSelectedKeysRef.current = rightSelectedKeys;
     const currentTargetKeys = targetKeys !== void 0 ? targetKeys : internalTargetKeys;
     const { status, message: helperMessage } = getValidationStatus({
       error,
@@ -222,9 +228,13 @@ var Transfer = React.memo(
       success,
       helperText
     });
+    const currentTargetKeySet = React.useMemo(
+      () => new Set(currentTargetKeys),
+      [currentTargetKeys]
+    );
     const leftDataSource = React.useMemo(
-      () => dataSource.filter((item) => !currentTargetKeys.includes(item.key)),
-      [dataSource, currentTargetKeys]
+      () => dataSource.filter((item) => !currentTargetKeySet.has(item.key)),
+      [dataSource, currentTargetKeySet]
     );
     const rightDataSource = React.useMemo(
       () => getItemsByKeys(dataSource, currentTargetKeys),
@@ -232,38 +242,42 @@ var Transfer = React.memo(
     );
     const handleLeftItemSelect = React.useCallback(
       (key, checked) => {
-        const newKeys = checked ? [...leftSelectedKeys, key] : leftSelectedKeys.filter((k) => k !== key);
-        setLeftSelectedKeys(newKeys);
-        onSelectChange?.(newKeys, rightSelectedKeys);
+        setLeftSelectedKeys((prev) => {
+          const newKeys = checked ? [...prev, key] : prev.filter((k) => k !== key);
+          onSelectChange?.(newKeys, rightSelectedKeysRef.current);
+          return newKeys;
+        });
       },
-      [leftSelectedKeys, rightSelectedKeys, onSelectChange]
+      [onSelectChange]
     );
     const handleRightItemSelect = React.useCallback(
       (key, checked) => {
-        const newKeys = checked ? [...rightSelectedKeys, key] : rightSelectedKeys.filter((k) => k !== key);
-        setRightSelectedKeys(newKeys);
-        onSelectChange?.(leftSelectedKeys, newKeys);
+        setRightSelectedKeys((prev) => {
+          const newKeys = checked ? [...prev, key] : prev.filter((k) => k !== key);
+          onSelectChange?.(leftSelectedKeysRef.current, newKeys);
+          return newKeys;
+        });
       },
-      [leftSelectedKeys, rightSelectedKeys, onSelectChange]
+      [onSelectChange]
     );
     const handleLeftSelectAll = React.useCallback(
       (keys, checked) => {
         const newKeys = checked ? keys : [];
         setLeftSelectedKeys(newKeys);
-        onSelectChange?.(newKeys, rightSelectedKeys);
+        onSelectChange?.(newKeys, rightSelectedKeysRef.current);
       },
-      [rightSelectedKeys, onSelectChange]
+      [onSelectChange]
     );
     const handleRightSelectAll = React.useCallback(
       (keys, checked) => {
         const newKeys = checked ? keys : [];
         setRightSelectedKeys(newKeys);
-        onSelectChange?.(leftSelectedKeys, newKeys);
+        onSelectChange?.(leftSelectedKeysRef.current, newKeys);
       },
-      [leftSelectedKeys, onSelectChange]
+      [onSelectChange]
     );
     const moveToRight = React.useCallback(() => {
-      const newTargetKeys = [...currentTargetKeys, ...leftSelectedKeys];
+      const newTargetKeys = [.../* @__PURE__ */ new Set([...currentTargetKeys, ...leftSelectedKeys])];
       if (targetKeys === void 0) {
         setInternalTargetKeys(newTargetKeys);
       }
@@ -302,11 +316,29 @@ var Transfer = React.memo(
       onChange?.(newTargetKeys, "left", keysToMove);
       setRightSelectedKeys([]);
     }, [rightDataSource, currentTargetKeys, targetKeys, onChange]);
-    const leftFooter = footer?.({ direction: "left" });
-    const rightFooter = footer?.({ direction: "right" });
+    const handleLeftSearch = React.useCallback(
+      (value) => {
+        onSearch?.("left", value);
+      },
+      [onSearch]
+    );
+    const handleRightSearch = onSearch ? React.useCallback(
+      (value) => {
+        onSearch("right", value);
+      },
+      [onSearch]
+    ) : void 0;
+    const leftFooter = React.useMemo(
+      () => footer?.({ direction: "left" }),
+      [footer]
+    );
+    const rightFooter = React.useMemo(
+      () => footer?.({ direction: "right" }),
+      [footer]
+    );
     return /* @__PURE__ */ jsxs("div", { ref, children: [
       label && /* @__PURE__ */ jsx("label", { className: "block mb-2", children: /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-text-primary", children: label }) }),
-      /* @__PURE__ */ jsxs("div", { className: cn("flex items-start gap-4 transfer_root", classNames?.root, className), children: [
+      /* @__PURE__ */ jsxs("div", { "data-slot": "root", className: cn("flex items-start gap-4 transfer_root", classNames?.root, className), children: [
         /* @__PURE__ */ jsx(
           TransferList,
           {
@@ -321,7 +353,7 @@ var Transfer = React.memo(
             direction: "left",
             onItemSelect: handleLeftItemSelect,
             onItemSelectAll: handleLeftSelectAll,
-            onSearch: (value) => onSearch?.("left", value),
+            onSearch: handleLeftSearch,
             render,
             footer: leftFooter,
             size,
@@ -388,7 +420,7 @@ var Transfer = React.memo(
             direction: "right",
             onItemSelect: handleRightItemSelect,
             onItemSelectAll: handleRightSelectAll,
-            onSearch: (value) => onSearch?.("right", value),
+            onSearch: handleRightSearch,
             render,
             footer: rightFooter,
             size,
@@ -403,5 +435,5 @@ var Transfer = React.memo(
 Transfer.displayName = "Transfer";
 
 export { Transfer };
-//# sourceMappingURL=chunk-GJPZOMFE.js.map
-//# sourceMappingURL=chunk-GJPZOMFE.js.map
+//# sourceMappingURL=chunk-FCU2ENQQ.js.map
+//# sourceMappingURL=chunk-FCU2ENQQ.js.map

package/dist/chunk-FCU2ENQQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/transfer/utils.ts","../src/transfer/index.tsx"],"names":[],"mappings":"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","file":"chunk-FCU2ENQQ.js","sourcesContent":["import { cva } from 'class-variance-authority'\n\nimport type { TransferItem } from './types'\n\nexport const transferHeaderVariants = cva(\n  'flex items-center justify-between px-4 py-2 border-b border-border bg-surface',\n)\n\nexport const transferBodyVariants = cva('overflow-y-auto')\n\nexport const transferItemVariants = cva(\n  'flex items-center gap-2 px-4 py-2 cursor-pointer transition-colors hover:bg-surface',\n  {\n    variants: {\n      selected: {\n        true: 'bg-primary/10',\n        false: '',\n      },\n      disabled: {\n        true: 'opacity-50 cursor-not-allowed hover:bg-transparent',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      selected: false,\n      disabled: false,\n    },\n  },\n)\n\nexport const transferButtonVariants = cva('flex flex-col gap-2')\n\nexport const transferActionButtonVariants = cva(\n  'flex items-center justify-center p-2 rounded-md border border-border bg-background text-text-secondary hover:bg-primary hover:text-white hover:border-primary transition-colors disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-background disabled:hover:text-text-secondary disabled:hover:border-border',\n)\n\nexport const filterItems = (\n  items: TransferItem[],\n  searchValue: string,\n): TransferItem[] => {\n  if (!searchValue) return items\n\n  const lowerSearch = searchValue.toLowerCase()\n  return items.filter(\n    (item) =>\n      item.label.toLowerCase().includes(lowerSearch) ||\n      item.description?.toLowerCase().includes(lowerSearch),\n  )\n}\n\nexport const getItemsByKeys = (\n  items: TransferItem[],\n  keys: string[],\n): TransferItem[] => {\n  const map = new Map(items.map(item => [item.key, item]))\n  return keys.map(key => map.get(key)).filter(Boolean) as TransferItem[]\n}\n\nexport const getEnabledItems = (items: TransferItem[]): TransferItem[] => {\n  return items.filter((item) => !item.disabled)\n}\n","'use client'\n\nimport {\n  ChevronLeft,\n  ChevronRight,\n  ChevronsLeft,\n  ChevronsRight,\n  Search,\n} from 'lucide-react'\nimport React from 'react'\n\nimport Checkbox from '../checkbox'\nimport {\n  cn,\n  getValidationStatus,\n  iconSizes,\n  statusMessageVariants,\n} from '../utils'\nimport type { TransferItem, TransferListProps, TransferProps } from './types'\nimport {\n  filterItems,\n  getEnabledItems,\n  getItemsByKeys,\n  transferActionButtonVariants,\n  transferBodyVariants,\n  transferButtonVariants,\n  transferHeaderVariants,\n  transferItemVariants,\n} from './utils'\n\nconst TransferList = React.memo<TransferListProps>(\n  ({\n    title,\n    dataSource,\n    selectedKeys,\n    disabled = false,\n    showSearch = false,\n    searchPlaceholder = 'Search...',\n    listHeight = 300,\n    showSelectAll = true,\n    onItemSelect,\n    onItemSelectAll,\n    onSearch,\n    render,\n    footer,\n    classNames,\n  }) => {\n    const [searchValue, setSearchValue] = React.useState('')\n\n    const selectedKeySet = React.useMemo(() => new Set(selectedKeys), [selectedKeys])\n\n    const filteredData = React.useMemo(\n      () => filterItems(dataSource, searchValue),\n      [dataSource, searchValue],\n    )\n\n    const enabledItems = React.useMemo(\n      () => getEnabledItems(filteredData),\n      [filteredData],\n    )\n\n    const selectedCount = React.useMemo(\n      () =>\n        filteredData.filter((item) => selectedKeySet.has(item.key)).length,\n      [filteredData, selectedKeySet],\n    )\n\n    const allChecked =\n      enabledItems.length > 0 && selectedCount === enabledItems.length\n    const indeterminate =\n      selectedCount > 0 && selectedCount < enabledItems.length\n\n    const handleSearchChange = React.useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        const value = e.target.value\n        setSearchValue(value)\n        onSearch?.(value)\n      },\n      [onSearch],\n    )\n\n    const handleSelectAll = React.useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        const checked = e.target.checked\n        const keys = enabledItems.map((item) => item.key)\n        onItemSelectAll(keys, checked)\n      },\n      [enabledItems, onItemSelectAll],\n    )\n\n    const handleItemSelect = React.useCallback(\n      (item: TransferItem) => {\n        if (item.disabled) return\n        const checked = !selectedKeySet.has(item.key)\n        onItemSelect(item.key, checked)\n      },\n      [selectedKeySet, onItemSelect],\n    )\n\n    return (\n      <div className={cn(\"flex flex-1 flex-col border border-border rounded-lg bg-card overflow-hidden min-w-0 transfer_list\", classNames?.list)}>\n        {/* Header */}\n        <div className={cn(transferHeaderVariants(), \"transfer_header\", classNames?.header)}>\n          <div className=\"flex items-center gap-2 flex-1\">\n            {showSelectAll && (\n              <Checkbox\n                checked={allChecked}\n                indeterminate={indeterminate}\n                onChange={handleSelectAll}\n                disabled={disabled || enabledItems.length === 0}\n                size=\"sm\"\n              />\n            )}\n            <span className=\"text-sm font-medium text-text-primary\">\n              {title}\n              <span className=\"text-text-secondary ml-1\">\n                ({selectedCount}/{filteredData.length})\n              </span>\n            </span>\n          </div>\n        </div>\n\n        {/* Search */}\n        {showSearch && (\n          <div className=\"p-2 border-b border-border\">\n            <div className=\"relative\">\n              <Search className=\"absolute left-2 top-1/2 -translate-y-1/2 w-4 h-4 text-text-secondary\" />\n              <input\n                type=\"text\"\n                className={cn(\"w-full pl-8 pr-3 py-1.5 text-sm text-text-primary placeholder:text-text-muted bg-background border border-border rounded-md outline-none focus:border-primary transition-colors transfer_search\", classNames?.search)}\n                placeholder={searchPlaceholder}\n                value={searchValue}\n                onChange={handleSearchChange}\n                disabled={disabled}\n              />\n            </div>\n          </div>\n        )}\n\n        {/* Body */}\n        <div\n          className={transferBodyVariants()}\n          style={{ height: listHeight }}\n        >\n          {filteredData.length === 0 ? (\n            <div className=\"flex items-center justify-center h-full text-sm text-text-secondary\">\n              No data\n            </div>\n          ) : (\n            filteredData.map((item) => (\n              <div\n                key={item.key}\n                className={cn(\n                  transferItemVariants({\n                    selected: selectedKeySet.has(item.key),\n                    disabled: !!item.disabled || disabled,\n                  }),\n                  \"transfer_item\",\n                  classNames?.item\n                )}\n                onClick={() => handleItemSelect(item)}\n              >\n                <Checkbox\n                  checked={selectedKeySet.has(item.key)}\n                  disabled={!!item.disabled || disabled}\n                  size=\"sm\"\n                    onChange={() => {}} // Handled by parent click\n                />\n                {render ? (\n                  render(item)\n                ) : (\n                  <div className=\"flex-1 min-w-0\">\n                    <div className=\"text-sm text-text-primary truncate\">\n                      {item.label}\n                    </div>\n                    {item.description && (\n                      <div className=\"text-xs text-text-secondary truncate\">\n                        {item.description}\n                      </div>\n                    )}\n                  </div>\n                )}\n              </div>\n            ))\n          )}\n        </div>\n\n        {/* Footer */}\n        {footer && (\n          <div className=\"px-4 py-2 border-t border-border bg-surface text-sm text-text-secondary\">\n            {footer}\n          </div>\n        )}\n      </div>\n    )\n  },\n)\n\nTransferList.displayName = 'TransferList'\n\nexport const Transfer = React.memo<TransferProps>(\n  ({\n    dataSource = [],\n    targetKeys,\n    defaultTargetKeys = [],\n    titles = ['Source', 'Target'],\n    size = 'md',\n    showSearch = false,\n    searchPlaceholder = 'Search...',\n    listHeight = 300,\n    showSelectAll = true,\n    oneWay = false,\n    disabled = false,\n    render,\n    footer,\n    onChange,\n    onSelectChange,\n    onSearch,\n    label,\n    helperText,\n    error,\n    warning,\n    info,\n    success,\n    className,\n    classNames,\n    ref,\n  }) => {\n    const [internalTargetKeys, setInternalTargetKeys] =\n      React.useState<string[]>(defaultTargetKeys)\n    const [leftSelectedKeys, setLeftSelectedKeys] = React.useState<string[]>([])\n    const [rightSelectedKeys, setRightSelectedKeys] = React.useState<string[]>(\n      [],\n    )\n\n    // Refs to avoid closure issues in select handlers\n    const leftSelectedKeysRef = React.useRef(leftSelectedKeys)\n    leftSelectedKeysRef.current = leftSelectedKeys\n    const rightSelectedKeysRef = React.useRef(rightSelectedKeys)\n    rightSelectedKeysRef.current = rightSelectedKeys\n\n    const currentTargetKeys =\n      targetKeys !== undefined ? targetKeys : internalTargetKeys\n\n    const { status, message: helperMessage } = getValidationStatus({\n      error,\n      warning,\n      info,\n      success,\n      helperText,\n    })\n\n    // Split data into source and target\n    const currentTargetKeySet = React.useMemo(\n      () => new Set(currentTargetKeys),\n      [currentTargetKeys],\n    )\n\n    const leftDataSource = React.useMemo(\n      () => dataSource.filter((item) => !currentTargetKeySet.has(item.key)),\n      [dataSource, currentTargetKeySet],\n    )\n\n    const rightDataSource = React.useMemo(\n      () => getItemsByKeys(dataSource, currentTargetKeys),\n      [dataSource, currentTargetKeys],\n    )\n\n    const handleLeftItemSelect = React.useCallback(\n      (key: string, checked: boolean) => {\n        setLeftSelectedKeys((prev) => {\n          const newKeys = checked ? [...prev, key] : prev.filter((k) => k !== key)\n          onSelectChange?.(newKeys, rightSelectedKeysRef.current)\n          return newKeys\n        })\n      },\n      [onSelectChange],\n    )\n\n    const handleRightItemSelect = React.useCallback(\n      (key: string, checked: boolean) => {\n        setRightSelectedKeys((prev) => {\n          const newKeys = checked ? [...prev, key] : prev.filter((k) => k !== key)\n          onSelectChange?.(leftSelectedKeysRef.current, newKeys)\n          return newKeys\n        })\n      },\n      [onSelectChange],\n    )\n\n    const handleLeftSelectAll = React.useCallback(\n      (keys: string[], checked: boolean) => {\n        const newKeys = checked ? keys : []\n        setLeftSelectedKeys(newKeys)\n        onSelectChange?.(newKeys, rightSelectedKeysRef.current)\n      },\n      [onSelectChange],\n    )\n\n    const handleRightSelectAll = React.useCallback(\n      (keys: string[], checked: boolean) => {\n        const newKeys = checked ? keys : []\n        setRightSelectedKeys(newKeys)\n        onSelectChange?.(leftSelectedKeysRef.current, newKeys)\n      },\n      [onSelectChange],\n    )\n\n    const moveToRight = React.useCallback(() => {\n      const newTargetKeys = [...new Set([...currentTargetKeys, ...leftSelectedKeys])]\n\n      if (targetKeys === undefined) {\n        setInternalTargetKeys(newTargetKeys)\n      }\n\n      onChange?.(newTargetKeys, 'right', leftSelectedKeys)\n      setLeftSelectedKeys([])\n    }, [currentTargetKeys, leftSelectedKeys, targetKeys, onChange])\n\n    const moveToLeft = React.useCallback(() => {\n      const newTargetKeys = currentTargetKeys.filter(\n        (key) => !rightSelectedKeys.includes(key),\n      )\n\n      if (targetKeys === undefined) {\n        setInternalTargetKeys(newTargetKeys)\n      }\n\n      onChange?.(newTargetKeys, 'left', rightSelectedKeys)\n      setRightSelectedKeys([])\n    }, [currentTargetKeys, rightSelectedKeys, targetKeys, onChange])\n\n    const moveAllToRight = React.useCallback(() => {\n      const enabledLeftItems = getEnabledItems(leftDataSource)\n      const keysToMove = enabledLeftItems.map((item) => item.key)\n      const newTargetKeys = [...currentTargetKeys, ...keysToMove]\n\n      if (targetKeys === undefined) {\n        setInternalTargetKeys(newTargetKeys)\n      }\n\n      onChange?.(newTargetKeys, 'right', keysToMove)\n      setLeftSelectedKeys([])\n    }, [leftDataSource, currentTargetKeys, targetKeys, onChange])\n\n    const moveAllToLeft = React.useCallback(() => {\n      const enabledRightItems = getEnabledItems(rightDataSource)\n      const keysToMove = enabledRightItems.map((item) => item.key)\n      const newTargetKeys = currentTargetKeys.filter(\n        (key) => !keysToMove.includes(key),\n      )\n\n      if (targetKeys === undefined) {\n        setInternalTargetKeys(newTargetKeys)\n      }\n\n      onChange?.(newTargetKeys, 'left', keysToMove)\n      setRightSelectedKeys([])\n    }, [rightDataSource, currentTargetKeys, targetKeys, onChange])\n\n    const handleLeftSearch = React.useCallback(\n      (value: string) => {\n        onSearch?.('left', value)\n      },\n      [onSearch],\n    )\n\n    const handleRightSearch: ((value: string) => void) | undefined = onSearch\n      ? React.useCallback(\n          (value: string) => {\n            onSearch('right', value)\n          },\n          [onSearch],\n        )\n      : undefined\n\n    const leftFooter = React.useMemo(\n      () => footer?.({ direction: 'left' }),\n      [footer],\n    )\n    const rightFooter = React.useMemo(\n      () => footer?.({ direction: 'right' }),\n      [footer],\n    )\n\n    return (\n      <div ref={ref}>\n        {label && (\n          <label className=\"block mb-2\">\n            <span className=\"text-sm font-medium text-text-primary\">{label}</span>\n          </label>\n        )}\n\n        <div data-slot=\"root\" className={cn('flex items-start gap-4 transfer_root', classNames?.root, className)}>\n          {/* Left List */}\n          <TransferList\n            title={titles[0]}\n            dataSource={leftDataSource}\n            selectedKeys={leftSelectedKeys}\n            disabled={disabled}\n            showSearch={showSearch}\n            searchPlaceholder={searchPlaceholder}\n            listHeight={listHeight}\n            showSelectAll={showSelectAll}\n            direction=\"left\"\n            onItemSelect={handleLeftItemSelect}\n            onItemSelectAll={handleLeftSelectAll}\n            onSearch={handleLeftSearch}\n            render={render}\n            footer={leftFooter}\n            size={size}\n            classNames={classNames}\n          />\n\n          {/* Action Buttons */}\n          <div className={cn(transferButtonVariants(), \"self-center transfer_actions\", classNames?.actions)}>\n            <button\n              type=\"button\"\n              className={transferActionButtonVariants()}\n              onClick={moveToRight}\n              disabled={disabled || leftSelectedKeys.length === 0}\n              title=\"Move selected to right\"\n            >\n              <ChevronRight className={iconSizes[size]} />\n            </button>\n            {!oneWay && (\n              <button\n                type=\"button\"\n                className={transferActionButtonVariants()}\n                onClick={moveToLeft}\n                disabled={disabled || rightSelectedKeys.length === 0}\n                title=\"Move selected to left\"\n              >\n                <ChevronLeft className={iconSizes[size]} />\n              </button>\n            )}\n            <button\n              type=\"button\"\n              className={transferActionButtonVariants()}\n              onClick={moveAllToRight}\n              disabled={disabled || leftDataSource.length === 0}\n              title=\"Move all to right\"\n            >\n              <ChevronsRight className={iconSizes[size]} />\n            </button>\n            {!oneWay && (\n              <button\n                type=\"button\"\n                className={transferActionButtonVariants()}\n                onClick={moveAllToLeft}\n                disabled={disabled || rightDataSource.length === 0}\n                title=\"Move all to left\"\n              >\n                <ChevronsLeft className={iconSizes[size]} />\n              </button>\n            )}\n          </div>\n\n          {/* Right List */}\n          <TransferList\n            title={titles[1]}\n            dataSource={rightDataSource}\n            selectedKeys={rightSelectedKeys}\n            disabled={disabled}\n            showSearch={showSearch}\n            searchPlaceholder={searchPlaceholder}\n            listHeight={listHeight}\n            showSelectAll={showSelectAll}\n            direction=\"right\"\n            onItemSelect={handleRightItemSelect}\n            onItemSelectAll={handleRightSelectAll}\n            onSearch={handleRightSearch}\n            render={render}\n            footer={rightFooter}\n            size={size}\n            classNames={classNames}\n          />\n        </div>\n\n        {helperMessage && (\n          <p className={cn(statusMessageVariants({ status }), 'mt-1')}>\n            {helperMessage}\n          </p>\n        )}\n      </div>\n    )\n  },\n)\n\nTransfer.displayName = 'Transfer'\n\nexport type * from './types'\n"]}

package/dist/{chunk-JWTWPZ32.js → chunk-FZXMRXWE.js}

@@ -1,10 +1,10 @@
-import { spinner_default } from './chunk-Y4XAXZHB.js';
-import { useRipple, RippleContainer } from './chunk-OFUPJH35.js';
-import { getValidationStatus, cn, statusMessageVariants, iconSizes } from './chunk-NGYLRX6F.js';
+import { spinner_default } from './chunk-GGQF5PQN.js';
+import { useRipple, RippleContainer } from './chunk-4TEZWGX7.js';
+import { cn, getValidationStatus, statusMessageVariants, iconSizes } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
 import { Plus, Minus } from 'lucide-react';
 import React, { useState, useId, useMemo, useCallback } from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 var numberInputVariants = cva(
   "w-full placeholder:text-text-secondary/50 rounded-md disabled:opacity-50 disabled:cursor-not-allowed read-only:bg-surface read-only:cursor-default outline-none text-text-primary transition-colors",
@@ -41,7 +41,7 @@ var numberInputVariants = cva(
   }
 );
 var controlButtonVariants = cva(
-  "flex items-center justify-center cursor-pointer transition-colors disabled:opacity-30 disabled:cursor-not-allowed",
+  "flex items-center justify-center cursor-pointer transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
   {
     variants: {
       size: {
@@ -61,13 +61,13 @@ var controlButtonVariants = cva(
     }
   }
 );
-var ControlButton = ({ children, disabled, className, ...props }) => {
+var ControlButton = React.memo(({ children, disabled, className, ...props }) => {
   const { ripples, onPointerDown, onKeyDown, onAnimationEnd } = useRipple(!disabled);
   return /* @__PURE__ */ jsxs("button", { className: cn(className, "relative overflow-hidden"), onPointerDown, onKeyDown, disabled, ...props, children: [
     children,
     /* @__PURE__ */ jsx(RippleContainer, { ripples, onAnimationEnd })
   ] });
-};
+});
 var NumberInput = React.memo(
   ({
     value,
@@ -152,6 +152,7 @@ var NumberInput = React.memo(
           return;
         }
         const parsed = parseValue(inputValue);
+        if (parsed === void 0) return;
         updateValue(parsed);
       },
       [parseValue, updateValue]
@@ -351,5 +352,5 @@ NumberInput.displayName = "NumberInput";
 var number_input_default = NumberInput;
 
 export { number_input_default };
-//# sourceMappingURL=chunk-JWTWPZ32.js.map
-//# sourceMappingURL=chunk-JWTWPZ32.js.map
+//# sourceMappingURL=chunk-FZXMRXWE.js.map
+//# sourceMappingURL=chunk-FZXMRXWE.js.map

package/dist/chunk-FZXMRXWE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/number-input/index.tsx"],"names":[],"mappings":"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","file":"chunk-FZXMRXWE.js","sourcesContent":["\"use client\";\n\nimport { cva } from \"class-variance-authority\";\nimport { Plus, Minus } from \"lucide-react\";\nimport React, { useId, useMemo, useCallback, useState } from \"react\";\n\nimport { useRipple, RippleContainer } from \"../hooks/useRipple\";\nimport Spinner from \"../spinner\";\n\nimport {\n  cn,\n  getValidationStatus,\n  iconSizes,\n  statusMessageVariants,\n} from \"../utils\";\nimport type { NumberInputProps } from \"./types\";\n\nconst numberInputVariants = cva(\n  \"w-full placeholder:text-text-secondary/50 rounded-md disabled:opacity-50 disabled:cursor-not-allowed read-only:bg-surface read-only:cursor-default outline-none text-text-primary transition-colors\",\n  {\n    variants: {\n      status: {\n        default: \"bg-background border border-border focus:border-primary\",\n        error: \"bg-background border border-error focus:border-error\",\n        warning: \"bg-background border border-warning focus:border-warning\",\n        info: \"bg-background border border-info focus:border-info\",\n        success: \"bg-background border border-success focus:border-success\",\n      },\n      size: {\n        xs: \"h-(--input-height-xs) px-(--input-padding-x-xs) text-xs\",\n        sm: \"h-(--input-height-sm) px-(--input-padding-x-sm) text-sm\",\n        md: \"h-(--input-height-md) px-(--input-padding-x-md) text-base\",\n        lg: \"h-(--input-height-lg) px-(--input-padding-x-lg) text-lg\",\n      },\n      fullWidth: {\n        true: \"w-full\",\n        false: \"max-w-full\",\n      },\n      controlsPosition: {\n        right: \"\",\n        sides: \"\",\n      },\n    },\n    defaultVariants: {\n      status: \"default\",\n      size: \"md\",\n      fullWidth: true,\n      controlsPosition: \"right\",\n    },\n  },\n);\n\nconst controlButtonVariants = cva(\n  \"flex items-center justify-center cursor-pointer transition-colors disabled:opacity-50 disabled:cursor-not-allowed\",\n  {\n    variants: {\n      size: {\n        xs: \"w-6 h-6\",\n        sm: \"w-7 h-7\",\n        md: \"w-8 h-8\",\n        lg: \"w-10 h-10\",\n      },\n      position: {\n        right: \"hover:bg-surface-hover\",\n        sides: \"hover:bg-surface-hover\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      position: \"right\",\n    },\n  },\n);\n\nconst ControlButton = React.memo<{ children: React.ReactNode; disabled?: boolean; className?: string; [key: string]: any }>(({ children, disabled, className, ...props }) => {\n  const { ripples, onPointerDown, onKeyDown, onAnimationEnd } = useRipple(!disabled)\n  return (\n    <button className={cn(className, 'relative overflow-hidden')} onPointerDown={onPointerDown} onKeyDown={onKeyDown} disabled={disabled} {...props}>\n      {children}\n      <RippleContainer ripples={ripples} onAnimationEnd={onAnimationEnd} />\n    </button>\n  )\n});\n\nconst NumberInput = React.memo<NumberInputProps>(\n  ({\n    value,\n    defaultValue,\n    onChange,\n    min,\n    max,\n    step = 1,\n    precision,\n    size = \"md\",\n    label,\n    placeholder,\n    disabled = false,\n    readOnly = false,\n    required = false,\n    controls = true,\n    controlsPosition = \"right\",\n    clampOnBlur = true,\n    className,\n    classNames,\n    error,\n    warning,\n    info,\n    success,\n    helperText,\n    loading = false,\n    fullWidth = true,\n    ref,\n    id,\n    name,\n  }) => {\n    // Internal state for uncontrolled mode\n    const [internalValue, setInternalValue] = useState<number | undefined>(\n      defaultValue,\n    );\n    const currentValue = value !== undefined ? value : internalValue;\n\n    // Generate unique IDs for accessibility\n    const uniqueId = useId();\n    const inputId = id || `number-input-${uniqueId}`;\n    const helperId = `number-input-helper-${uniqueId}`;\n\n    // Use shared validation status utility - memoized\n    const { status, message: helperMessage } = useMemo(\n      () => getValidationStatus({ error, warning, info, success, helperText }),\n      [error, warning, info, success, helperText],\n    );\n\n    // Format number to precision\n    const formatValue = useCallback(\n      (val: number | undefined): string => {\n        if (val === undefined || isNaN(val)) return \"\";\n        if (precision !== undefined) {\n          return val.toFixed(precision);\n        }\n        return String(val);\n      },\n      [precision],\n    );\n\n    // Parse string to number\n    const parseValue = useCallback((str: string): number | undefined => {\n      if (str === \"\" || str === \"-\") return undefined;\n      const parsed = parseFloat(str);\n      return isNaN(parsed) ? undefined : parsed;\n    }, []);\n\n    // Clamp value to min/max\n    const clampValue = useCallback(\n      (val: number | undefined): number | undefined => {\n        if (val === undefined) return undefined;\n        let clamped = val;\n        if (min !== undefined && clamped < min) clamped = min;\n        if (max !== undefined && clamped > max) clamped = max;\n        return clamped;\n      },\n      [min, max],\n    );\n\n    // Update value\n    const updateValue = useCallback(\n      (newValue: number | undefined) => {\n        if (value === undefined) {\n          setInternalValue(newValue);\n        }\n        onChange?.(newValue);\n      },\n      [value, onChange],\n    );\n\n    // Handle input change\n    const handleChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        const inputValue = e.target.value;\n\n        // Allow empty, minus sign, and valid numbers\n        if (inputValue === \"\" || inputValue === \"-\") {\n          updateValue(undefined);\n          return;\n        }\n\n        const parsed = parseValue(inputValue);\n        if (parsed === undefined) return  // reject invalid input\n        updateValue(parsed);\n      },\n      [parseValue, updateValue],\n    );\n\n    // Handle blur - clamp if needed\n    const handleBlur = useCallback(() => {\n      if (clampOnBlur && currentValue !== undefined) {\n        const clamped = clampValue(currentValue);\n        if (clamped !== currentValue) {\n          updateValue(clamped);\n        }\n      }\n    }, [clampOnBlur, currentValue, clampValue, updateValue]);\n\n    // Increment value\n    const handleIncrement = useCallback(() => {\n      const newValue = (currentValue ?? 0) + step;\n      const clamped = clampValue(newValue);\n      updateValue(clamped);\n    }, [currentValue, step, clampValue, updateValue]);\n\n    // Decrement value\n    const handleDecrement = useCallback(() => {\n      const newValue = (currentValue ?? 0) - step;\n      const clamped = clampValue(newValue);\n      updateValue(clamped);\n    }, [currentValue, step, clampValue, updateValue]);\n\n    // Handle keyboard events\n    const handleKeyDown = useCallback(\n      (e: React.KeyboardEvent<HTMLInputElement>) => {\n        if (readOnly || disabled) return;\n\n        if (e.key === \"ArrowUp\") {\n          e.preventDefault();\n          handleIncrement();\n        } else if (e.key === \"ArrowDown\") {\n          e.preventDefault();\n          handleDecrement();\n        }\n      },\n      [readOnly, disabled, handleIncrement, handleDecrement],\n    );\n\n    // Check if buttons should be disabled\n    const isIncrementDisabled = useMemo(() => {\n      if (disabled || readOnly || loading) return true;\n      if (\n        max !== undefined &&\n        currentValue !== undefined &&\n        currentValue >= max\n      )\n        return true;\n      return false;\n    }, [disabled, readOnly, loading, max, currentValue]);\n\n    const isDecrementDisabled = useMemo(() => {\n      if (disabled || readOnly || loading) return true;\n      if (\n        min !== undefined &&\n        currentValue !== undefined &&\n        currentValue <= min\n      )\n        return true;\n      return false;\n    }, [disabled, readOnly, loading, min, currentValue]);\n\n    // Memoize aria-describedby\n    const ariaDescribedBy = useMemo(() => {\n      return helperMessage ? helperId : undefined;\n    }, [helperMessage, helperId]);\n\n    // Memoized className computations\n    const rootClass = useMemo(\n      () =>\n        cn(\n          \"number-input_root\",\n          \"w-full flex flex-col relative\",\n          !fullWidth && \"inline-block\",\n          classNames?.root,\n        ),\n      [fullWidth, classNames?.root],\n    );\n\n    const labelClass = useMemo(\n      () =>\n        cn(\n          \"number-input_label\",\n          \"text-sm font-medium text-text-secondary mb-0.5\",\n          classNames?.label,\n        ),\n      [classNames?.label],\n    );\n\n    const wrapperClass = useMemo(\n      () =>\n        cn(\n          \"number-input_wrapper\",\n          \"relative flex items-center\",\n          loading && \"opacity-50 cursor-not-allowed\",\n          controlsPosition === \"sides\" && \"gap-1\",\n          classNames?.wrapper,\n        ),\n      [loading, controlsPosition, classNames?.wrapper],\n    );\n\n    const inputClass = useMemo(\n      () =>\n        cn(\n          \"number-input_input\",\n          numberInputVariants({ status, size, fullWidth, controlsPosition }),\n          controls && controlsPosition === \"right\" && \"pr-16\",\n          controls && controlsPosition === \"sides\" && \"text-center\",\n          className,\n          classNames?.input,\n        ),\n      [\n        status,\n        size,\n        fullWidth,\n        controlsPosition,\n        controls,\n        className,\n        classNames?.input,\n      ],\n    );\n\n    const controlsClass = useMemo(\n      () =>\n        cn(\n          \"number-input_controls\",\n          \"flex\",\n          controlsPosition === \"right\" &&\n            \"absolute right-0 top-0 h-full border-l border-border\",\n          controlsPosition === \"sides\" && \"gap-1\",\n          classNames?.controls,\n        ),\n      [controlsPosition, classNames?.controls],\n    );\n\n    const helperClass = useMemo(\n      () =>\n        cn(\n          \"number-input_helper\",\n          statusMessageVariants({ status }),\n          \"mt-0.5\",\n          status === \"error\" ? classNames?.error : classNames?.helper,\n        ),\n      [status, classNames?.error, classNames?.helper],\n    );\n\n    const iconSize = iconSizes[size];\n\n    const incrementButton = (\n      <ControlButton\n        type=\"button\"\n        onClick={handleIncrement}\n        disabled={isIncrementDisabled}\n        data-slot=\"increment\"\n        className={cn(\n          \"number-input_increment h-full!\",\n          controlButtonVariants({ size, position: controlsPosition }),\n          controlsPosition === \"right\" && \"\",\n          classNames?.increment,\n        )}\n        aria-label=\"Increment value\"\n        tabIndex={-1}\n      >\n        <Plus className={iconSize} aria-hidden=\"true\" />\n      </ControlButton>\n    );\n\n    const decrementButton = (\n      <ControlButton\n        type=\"button\"\n        onClick={handleDecrement}\n        disabled={isDecrementDisabled}\n        data-slot=\"decrement\"\n        className={cn(\n          \"number-input_decrement h-full!\",\n          controlButtonVariants({ size, position: controlsPosition }),\n          controlsPosition === \"right\" && \"border-r border-border\",\n          classNames?.decrement,\n        )}\n        aria-label=\"Decrement value\"\n        tabIndex={-1}\n      >\n        <Minus className={iconSize} aria-hidden=\"true\" />\n      </ControlButton>\n    );\n\n    const inputElement = (\n      <div data-slot=\"wrapper\" className={wrapperClass}>\n        {controls && controlsPosition === \"sides\" && decrementButton}\n        <input\n          ref={ref}\n          id={inputId}\n          name={name}\n          type=\"text\"\n          inputMode=\"decimal\"\n          data-slot=\"input\"\n          className={inputClass}\n          value={formatValue(currentValue)}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          onKeyDown={handleKeyDown}\n          disabled={disabled}\n          readOnly={readOnly}\n          placeholder={placeholder}\n          aria-invalid={status === \"error\"}\n          aria-describedby={ariaDescribedBy}\n          aria-valuemin={min}\n          aria-valuemax={max}\n          aria-valuenow={currentValue}\n        />\n        {controls && controlsPosition === \"right\" && (\n          <div data-slot=\"controls\" className={controlsClass}>\n            <div className=\"flex flex-row h-full\">\n              {decrementButton}\n              {incrementButton}\n            </div>\n          </div>\n        )}\n        {controls && controlsPosition === \"sides\" && incrementButton}\n        {loading && (\n          <div className=\"absolute right-3 flex items-center\">\n            <Spinner aria-hidden=\"true\" />\n          </div>\n        )}\n      </div>\n    );\n\n    return (\n      <div data-slot=\"root\" className={rootClass}>\n        {label && (\n          <label htmlFor={inputId} data-slot=\"label\" className={labelClass}>\n            {label}\n            {required && <span className=\"text-error ml-1\">*</span>}\n          </label>\n        )}\n        {inputElement}\n        {helperMessage && (\n          <p id={helperId} data-slot=\"helper\" className={helperClass}>\n            {helperMessage}\n          </p>\n        )}\n      </div>\n    );\n  },\n);\n\nNumberInput.displayName = \"NumberInput\";\n\nexport type * from \"./types\";\nexport default NumberInput;\n"]}

package/dist/{chunk-LOYLJRCF.js → chunk-G27HGKWO.js}

@@ -1,4 +1,4 @@
-import { cn, iconSizes } from './chunk-NGYLRX6F.js';
+import { cn, iconSizes } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
 import React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -60,6 +60,16 @@ var iconDotSizes = {
   md: "w-8 h-8",
   lg: "w-10 h-10"
 };
+var iconDotColorClasses = {
+  default: "bg-border",
+  primary: "bg-primary",
+  secondary: "bg-secondary",
+  accent: "bg-accent",
+  success: "bg-success",
+  error: "bg-error",
+  warning: "bg-warning",
+  info: "bg-info"
+};
 var dotRowHeights = {
   xs: "min-h-5",
   sm: "min-h-6",
@@ -101,8 +111,8 @@ var Timeline = React.memo(
               "timeline_dot",
               "rounded-full shrink-0 flex items-center justify-center z-10",
               iconDotSizes[size],
-              `bg-${itemColor === "default" ? "border" : itemColor}`,
-              "text-white",
+              iconDotColorClasses[itemColor],
+              "text-background",
               classNames?.dot
             ),
             "data-slot": "dot",
@@ -481,5 +491,5 @@ Timeline.displayName = "Timeline";
 var timeline_default = Timeline;
 
 export { timeline_default };
-//# sourceMappingURL=chunk-LOYLJRCF.js.map
-//# sourceMappingURL=chunk-LOYLJRCF.js.map
+//# sourceMappingURL=chunk-G27HGKWO.js.map
+//# sourceMappingURL=chunk-G27HGKWO.js.map

package/dist/chunk-G27HGKWO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/timeline/index.tsx"],"names":[],"mappings":"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","file":"chunk-G27HGKWO.js","sourcesContent":["\"use client\";\n\nimport { cva } from \"class-variance-authority\";\nimport React from \"react\";\n\nimport { cn, iconSizes } from \"../utils\";\nimport type { TimelineProps } from \"./types\";\n\nconst dotVariants = cva(\n  \"rounded-full shrink-0 flex items-center justify-center z-10\",\n  {\n    variants: {\n      size: {\n        xs: \"w-2 h-2\",\n        sm: \"w-3 h-3\",\n        md: \"w-4 h-4\",\n        lg: \"w-5 h-5\",\n      },\n      color: {\n        default: \"bg-border\",\n        primary: \"bg-primary\",\n        secondary: \"bg-secondary\",\n        accent: \"bg-accent\",\n        success: \"bg-success\",\n        error: \"bg-error\",\n        warning: \"bg-warning\",\n        info: \"bg-info\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      color: \"default\",\n    },\n  },\n);\n\nconst connectorSizes = {\n  xs: { vertical: \"w-px\", horizontal: \"h-px\" },\n  sm: { vertical: \"w-px\", horizontal: \"h-px\" },\n  md: { vertical: \"w-0.5\", horizontal: \"h-0.5\" },\n  lg: { vertical: \"w-0.5\", horizontal: \"h-0.5\" },\n} as const;\n\nconst trackWidths = {\n  xs: \"w-4\",\n  sm: \"w-5\",\n  md: \"w-6\",\n  lg: \"w-7\",\n} as const;\n\nconst contentSizes = {\n  xs: \"text-xs\",\n  sm: \"text-sm\",\n  md: \"text-base\",\n  lg: \"text-lg\",\n} as const;\n\nconst timestampSizes = {\n  xs: \"text-[10px]\",\n  sm: \"text-xs\",\n  md: \"text-sm\",\n  lg: \"text-base\",\n} as const;\n\nconst iconDotSizes = {\n  xs: \"w-5 h-5\",\n  sm: \"w-6 h-6\",\n  md: \"w-8 h-8\",\n  lg: \"w-10 h-10\",\n} as const;\n\nconst iconDotColorClasses: Record<string, string> = {\n  default: \"bg-border\",\n  primary: \"bg-primary\",\n  secondary: \"bg-secondary\",\n  accent: \"bg-accent\",\n  success: \"bg-success\",\n  error: \"bg-error\",\n  warning: \"bg-warning\",\n  info: \"bg-info\",\n};\n\nconst dotRowHeights = {\n  xs: \"min-h-5\",\n  sm: \"min-h-6\",\n  md: \"min-h-8\",\n  lg: \"min-h-10\",\n} as const;\n\nconst Timeline = React.memo<TimelineProps>(\n  ({\n    items,\n    mode = \"left\",\n    orientation = \"vertical\",\n    size = \"md\",\n    color = \"default\",\n    pending = false,\n    pendingText = \"Loading...\",\n    reverse = false,\n    className,\n    classNames,\n    ref,\n  }) => {\n    const isHorizontal = orientation === \"horizontal\";\n    const displayItems = reverse ? [...items].reverse() : items;\n\n    const renderDot = (\n      item: (typeof displayItems)[number],\n      itemColor: typeof color,\n    ) => {\n      if (item.dot) {\n        return (\n          <div\n            className={cn(\"timeline_dot\", \"shrink-0 z-10\", classNames?.dot)}\n            data-slot=\"dot\"\n          >\n            {item.dot}\n          </div>\n        );\n      }\n\n      if (item.icon) {\n        return (\n          <div\n            className={cn(\n              \"timeline_dot\",\n              \"rounded-full shrink-0 flex items-center justify-center z-10\",\n              iconDotSizes[size],\n              iconDotColorClasses[itemColor],\n              \"text-background\",\n              classNames?.dot,\n            )}\n            data-slot=\"dot\"\n          >\n            <span\n              className={cn(\n                \"timeline_icon\",\n                \"flex items-center justify-center\",\n                iconSizes[size],\n                classNames?.icon,\n              )}\n              data-slot=\"icon\"\n            >\n              {item.icon}\n            </span>\n          </div>\n        );\n      }\n\n      return (\n        <div\n          className={cn(\n            \"timeline_dot\",\n            dotVariants({ size, color: itemColor }),\n            classNames?.dot,\n          )}\n          data-slot=\"dot\"\n        />\n      );\n    };\n\n    const renderContent = (\n      item: (typeof displayItems)[number],\n      align: \"left\" | \"right\",\n    ) => (\n      <div\n        className={cn(\n          \"timeline_content\",\n          contentSizes[size],\n          align === \"right\" ? \"text-right\" : \"text-left\",\n          classNames?.content,\n        )}\n        data-slot=\"content\"\n      >\n        <div\n          className={cn(\n            \"timeline_title\",\n            \"font-semibold text-text-primary -mt-1\",\n            item.description && \"mb-1\",\n            classNames?.title,\n          )}\n          data-slot=\"title\"\n        >\n          {item.title}\n        </div>\n        {item.description && (\n          <div\n            className={cn(\n              \"timeline_description\",\n              \"text-text-secondary\",\n              classNames?.description,\n            )}\n            data-slot=\"description\"\n          >\n            {item.description}\n          </div>\n        )}\n      </div>\n    );\n\n    const renderDate = (\n      item: (typeof displayItems)[number],\n      align: \"left\" | \"right\",\n    ) => {\n      if (!item.timestamp) return null;\n      return (\n        <div\n          className={cn(\n            \"timeline_date\",\n            \"text-text-secondary\",\n            timestampSizes[size],\n            align === \"right\" ? \"text-right\" : \"text-left\",\n            classNames?.date,\n          )}\n          data-slot=\"date\"\n        >\n          {item.timestamp}\n        </div>\n      );\n    };\n\n    // === VERTICAL ===\n\n    const renderVerticalItem = (\n      item: (typeof displayItems)[number],\n      index: number,\n    ) => {\n      const isLast = index === displayItems.length - 1 && !pending;\n      const itemColor = item.color || color;\n      const contentOnRight =\n        mode === \"left\" || (mode === \"center\" && index % 2 === 0);\n\n      return (\n        <div\n          key={item.key ?? index}\n          className={cn(\n            \"timeline_item\",\n            \"grid grid-cols-[1fr_auto_1fr]\",\n            classNames?.item,\n          )}\n          data-slot=\"item\"\n        >\n          {/* Left column */}\n          <div className=\"pb-8 pr-4\">\n            {contentOnRight\n              ? renderDate(item, \"right\")\n              : renderContent(item, \"right\")}\n          </div>\n\n          {/* Track */}\n          <div\n            className={cn(\n              \"timeline_track\",\n              \"relative flex flex-col items-center\",\n              trackWidths[size],\n            )}\n          >\n            {renderDot(item, itemColor)}\n            {!isLast && (\n              <div\n                className={cn(\n                  \"timeline_connector\",\n                  \"flex-1 bg-border\",\n                  connectorSizes[size].vertical,\n                  classNames?.connector,\n                )}\n                data-slot=\"connector\"\n              />\n            )}\n          </div>\n\n          {/* Right column */}\n          <div className=\"pb-8 pl-4\">\n            {contentOnRight\n              ? renderContent(item, \"left\")\n              : renderDate(item, \"left\")}\n          </div>\n        </div>\n      );\n    };\n\n    const renderVerticalPending = () => {\n      const pendingIndex = displayItems.length;\n      const contentOnRight =\n        mode === \"left\" || (mode === \"center\" && pendingIndex % 2 === 0);\n\n      return (\n        <div\n          className={cn(\n            \"timeline_item\",\n            \"grid grid-cols-[1fr_auto_1fr]\",\n            classNames?.item,\n          )}\n          data-slot=\"item\"\n        >\n          <div className=\"pr-4\">\n            {!contentOnRight && (\n              <div\n                className={cn(\n                  \"text-text-secondary text-right\",\n                  contentSizes[size],\n                )}\n              >\n                {pendingText}\n              </div>\n            )}\n          </div>\n\n          <div\n            className={cn(\n              \"timeline_track\",\n              \"relative flex flex-col items-center\",\n              trackWidths[size],\n            )}\n          >\n            <div\n              className={cn(\n                \"timeline_dot\",\n                dotVariants({ size, color: \"default\" }),\n                \"animate-pulse\",\n                classNames?.dot,\n              )}\n              data-slot=\"dot\"\n            />\n          </div>\n\n          <div className=\"pl-4\">\n            {contentOnRight && (\n              <div\n                className={cn(\n                  \"text-text-secondary\",\n                  contentSizes[size],\n                  classNames?.content,\n                )}\n              >\n                {pendingText}\n              </div>\n            )}\n          </div>\n        </div>\n      );\n    };\n\n    // === HORIZONTAL ===\n\n    const renderHorizontalItem = (\n      item: (typeof displayItems)[number],\n      index: number,\n    ) => {\n      const isFirst = index === 0;\n      const isLast = index === displayItems.length - 1 && !pending;\n      const itemColor = item.color || color;\n\n      return (\n        <div\n          key={item.key ?? index}\n          className={cn(\n            \"timeline_item\",\n            \"flex-1 flex flex-col items-center min-w-0\",\n            classNames?.item,\n          )}\n          data-slot=\"item\"\n        >\n          {/* Date above */}\n          <div\n            className={cn(\n              \"timeline_date\",\n              \"text-text-secondary text-center mb-2 min-h-[1em]\",\n              timestampSizes[size],\n              classNames?.date,\n            )}\n            data-slot=\"date\"\n          >\n            {item.timestamp}\n          </div>\n\n          {/* Dot row */}\n          <div className={cn(\"flex items-center w-full\", dotRowHeights[size])}>\n            <div\n              className={cn(\n                \"flex-1\",\n                !isFirst && cn(\"bg-border\", connectorSizes[size].horizontal),\n              )}\n            />\n            {renderDot(item, itemColor)}\n            <div\n              className={cn(\n                \"flex-1\",\n                !isLast && cn(\"bg-border\", connectorSizes[size].horizontal),\n              )}\n            />\n          </div>\n\n          {/* Content below */}\n          <div\n            className={cn(\n              \"timeline_content\",\n              \"text-center mt-1.5\",\n              contentSizes[size],\n              classNames?.content,\n            )}\n            data-slot=\"content\"\n          >\n            <div\n              className={cn(\n                \"timeline_title\",\n                \"font-semibold text-text-primary\",\n                item.description && \"mb-1\",\n                classNames?.title,\n              )}\n              data-slot=\"title\"\n            >\n              {item.title}\n            </div>\n            {item.description && (\n              <div\n                className={cn(\n                  \"timeline_description\",\n                  \"text-text-secondary\",\n                  classNames?.description,\n                )}\n                data-slot=\"description\"\n              >\n                {item.description}\n              </div>\n            )}\n          </div>\n        </div>\n      );\n    };\n\n    const renderHorizontalPending = () => (\n      <div\n        className={cn(\n          \"timeline_item\",\n          \"flex-1 flex flex-col items-center min-w-0\",\n          classNames?.item,\n        )}\n        data-slot=\"item\"\n      >\n        <div\n          className={cn(\n            \"text-text-secondary text-center mb-2 min-h-[1em]\",\n            timestampSizes[size],\n          )}\n        />\n\n        <div className={cn(\"flex items-center w-full\", dotRowHeights[size])}>\n          <div\n            className={cn(\"flex-1 bg-border\", connectorSizes[size].horizontal)}\n          />\n          <div\n            className={cn(\n              \"timeline_dot\",\n              dotVariants({ size, color: \"default\" }),\n              \"animate-pulse\",\n              classNames?.dot,\n            )}\n            data-slot=\"dot\"\n          />\n          <div className=\"flex-1\" />\n        </div>\n\n        <div\n          className={cn(\n            \"timeline_content\",\n            \"text-center mt-1.5 text-text-secondary\",\n            contentSizes[size],\n            classNames?.content,\n          )}\n          data-slot=\"content\"\n        >\n          {pendingText}\n        </div>\n      </div>\n    );\n\n    // === RENDER ===\n\n    if (isHorizontal) {\n      return (\n        <div\n          ref={ref}\n          className={cn(\n            \"timeline_root\",\n            \"relative flex w-full\",\n            classNames?.root,\n            className,\n          )}\n          data-slot=\"root\"\n        >\n          {displayItems.map((item, index) => renderHorizontalItem(item, index))}\n          {pending && renderHorizontalPending()}\n        </div>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\"timeline_root\", \"relative\", classNames?.root, className)}\n        data-slot=\"root\"\n      >\n        {displayItems.map((item, index) => renderVerticalItem(item, index))}\n        {pending && renderVerticalPending()}\n      </div>\n    );\n  },\n);\n\nTimeline.displayName = \"Timeline\";\n\nexport type * from \"./types\";\nexport default Timeline;\n"]}

package/dist/{chunk-Y4XAXZHB.js → chunk-GGQF5PQN.js}

@@ -1,6 +1,7 @@
-import { textColorClasses } from './chunk-POXI7JJ4.js';
-import { cn } from './chunk-NGYLRX6F.js';
+import { colorVars } from './chunk-GLJDHW73.js';
+import { cn } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
+import React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var spinnerVariants = cva(
@@ -13,7 +14,7 @@ var spinnerVariants = cva(
         md: "w-6 h-6 border-2",
         lg: "w-8 h-8 border-2"
       },
-      color: textColorClasses
+      color: colorVars
     },
     defaultVariants: {
       size: "sm",
@@ -21,22 +22,22 @@ var spinnerVariants = cva(
     }
   }
 );
-var Spinner = ({ size = "sm", color = "primary", label, className }) => {
+var Spinner = React.memo(({ size = "sm", color = "primary", label, className }) => {
   return /* @__PURE__ */ jsxs("div", { "data-slot": "root", className: cn("spinner_root", "inline-flex flex-col items-center gap-2", className), children: [
     /* @__PURE__ */ jsx(
       "div",
       {
-        className: spinnerVariants({ size, color }),
+        className: cn(spinnerVariants({ size, color }), "text-slot"),
         role: "status",
         "aria-label": label || "Loading"
       }
     ),
     label && /* @__PURE__ */ jsx("span", { className: "text-sm text-text-secondary", children: label })
   ] });
-};
+});
 Spinner.displayName = "Spinner";
 var spinner_default = Spinner;
 
 export { Spinner, spinner_default };
-//# sourceMappingURL=chunk-Y4XAXZHB.js.map
-//# sourceMappingURL=chunk-Y4XAXZHB.js.map
+//# sourceMappingURL=chunk-GGQF5PQN.js.map
+//# sourceMappingURL=chunk-GGQF5PQN.js.map

package/dist/chunk-GGQF5PQN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/spinner/index.tsx"],"names":[],"mappings":";;;;;;AASA,IAAM,eAAA,GAAkB,GAAA;AAAA,EACtB,mFAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,gBAAA;AAAA,QACJ,EAAA,EAAI,gBAAA;AAAA,QACJ,EAAA,EAAI,kBAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,KAAA,EAAO;AAAA,KACT;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,IAAA;AAAA,MACN,KAAA,EAAO;AAAA;AACT;AAEJ,CAAA;AAEA,IAAM,OAAA,GAAU,KAAA,CAAM,IAAA,CAAmB,CAAC,EAAE,IAAA,GAAO,IAAA,EAAM,KAAA,GAAQ,SAAA,EAAW,KAAA,EAAO,SAAA,EAAU,KAAM;AACjG,EAAA,uBACE,IAAA,CAAC,SAAI,WAAA,EAAU,MAAA,EAAO,WAAW,EAAA,CAAG,cAAA,EAAgB,yCAAA,EAA2C,SAAS,CAAA,EACtG,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,GAAG,eAAA,CAAgB,EAAE,MAAM,KAAA,EAAO,GAAG,WAAW,CAAA;AAAA,QAC3D,IAAA,EAAK,QAAA;AAAA,QACL,cAAY,KAAA,IAAS;AAAA;AAAA,KACvB;AAAA,IACC,KAAA,oBAAS,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,+BAA+B,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EACjE,CAAA;AAEJ,CAAC;AAED,OAAA,CAAQ,WAAA,GAAc,SAAA;AAItB,IAAO,eAAA,GAAQ","file":"chunk-GGQF5PQN.js","sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport React from 'react'\n\nimport { cn } from '../utils'\nimport { colorVars } from '../variants'\nimport type { SpinnerProps } from './types'\n\nconst spinnerVariants = cva(\n  'inline-block border border-current border-t-transparent rounded-full animate-spin',\n  {\n    variants: {\n      size: {\n        xs: 'w-3 h-3 border',\n        sm: 'w-4 h-4 border',\n        md: 'w-6 h-6 border-2',\n        lg: 'w-8 h-8 border-2',\n      },\n      color: colorVars,\n    },\n    defaultVariants: {\n      size: 'sm',\n      color: 'primary',\n    },\n  },\n)\n\nconst Spinner = React.memo<SpinnerProps>(({ size = 'sm', color = 'primary', label, className }) => {\n  return (\n    <div data-slot=\"root\" className={cn('spinner_root', 'inline-flex flex-col items-center gap-2', className)}>\n      <div\n        className={cn(spinnerVariants({ size, color }), 'text-slot')}\n        role=\"status\"\n        aria-label={label || 'Loading'}\n      />\n      {label && <span className=\"text-sm text-text-secondary\">{label}</span>}\n    </div>\n  )\n})\n\nSpinner.displayName = 'Spinner'\n\nexport type * from './types'\nexport { Spinner }\nexport default Spinner\n"]}

package/dist/chunk-GLJDHW73.js

@@ -0,0 +1,24 @@
+// src/variants.ts
+var colorVars = {
+  default: "[--_c:var(--color-text-primary)] [--_c-bg:var(--color-surface)] [--_c-fg:var(--color-text-primary)] [--_c-border:var(--color-border)]",
+  primary: "[--_c:var(--color-primary)] [--_c-bg:var(--color-primary)] [--_c-fg:var(--color-primary-foreground)] [--_c-border:var(--color-primary)]",
+  secondary: "[--_c:var(--color-secondary)] [--_c-bg:var(--color-secondary)] [--_c-fg:var(--color-secondary-foreground)] [--_c-border:var(--color-secondary)]",
+  accent: "[--_c:var(--color-accent)] [--_c-bg:var(--color-accent)] [--_c-fg:var(--color-accent-foreground)] [--_c-border:var(--color-accent)]",
+  success: "[--_c:var(--color-success)] [--_c-bg:var(--color-success)] [--_c-fg:var(--color-success-foreground)] [--_c-border:var(--color-success)]",
+  error: "[--_c:var(--color-error)] [--_c-bg:var(--color-error)] [--_c-fg:var(--color-error-foreground)] [--_c-border:var(--color-error)]",
+  warning: "[--_c:var(--color-warning)] [--_c-bg:var(--color-warning)] [--_c-fg:var(--color-warning-foreground)] [--_c-border:var(--color-warning)]",
+  info: "[--_c:var(--color-info)] [--_c-bg:var(--color-info)] [--_c-fg:var(--color-info-foreground)] [--_c-border:var(--color-info)]"
+};
+var buttonColorVars = {
+  primary: colorVars.primary,
+  secondary: colorVars.secondary,
+  accent: colorVars.accent,
+  success: colorVars.success,
+  error: colorVars.error,
+  warning: colorVars.warning,
+  info: colorVars.info
+};
+
+export { buttonColorVars, colorVars };
+//# sourceMappingURL=chunk-GLJDHW73.js.map
+//# sourceMappingURL=chunk-GLJDHW73.js.map

package/dist/chunk-GLJDHW73.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/variants.ts"],"names":[],"mappings":";AAgBO,IAAM,SAAA,GAA4C;AAAA,EACvD,OAAA,EACE,uIAAA;AAAA,EACF,OAAA,EACE,yIAAA;AAAA,EACF,SAAA,EACE,iJAAA;AAAA,EACF,MAAA,EACE,qIAAA;AAAA,EACF,OAAA,EACE,yIAAA;AAAA,EACF,KAAA,EACE,iIAAA;AAAA,EACF,OAAA,EACE,yIAAA;AAAA,EACF,IAAA,EACE;AACJ;AAEO,IAAM,eAAA,GAA+C;AAAA,EAC1D,SAAS,SAAA,CAAU,OAAA;AAAA,EACnB,WAAW,SAAA,CAAU,SAAA;AAAA,EACrB,QAAQ,SAAA,CAAU,MAAA;AAAA,EAClB,SAAS,SAAA,CAAU,OAAA;AAAA,EACnB,OAAO,SAAA,CAAU,KAAA;AAAA,EACjB,SAAS,SAAA,CAAU,OAAA;AAAA,EACnB,MAAM,SAAA,CAAU;AAClB","file":"chunk-GLJDHW73.js","sourcesContent":["import type { ComponentColor, ButtonColor } from './types'\n\n// Color Slot System\n//\n// How it works:\n//   1. Component receives `color=\"primary\"` prop\n//   2. Component applies `colorVars.primary` → sets 4 CSS custom properties\n//   3. Slot utilities (bg-slot, text-slot, border-slot) read those properties\n//\n// Customization — override design tokens in your CSS:\n//\n//   :root {\n//     --color-primary: oklch(65% 0.2 280);\n//     --color-primary-foreground: oklch(100% 0 0);\n//   }\n\nexport const colorVars: Record<ComponentColor, string> = {\n  default:\n    '[--_c:var(--color-text-primary)] [--_c-bg:var(--color-surface)] [--_c-fg:var(--color-text-primary)] [--_c-border:var(--color-border)]',\n  primary:\n    '[--_c:var(--color-primary)] [--_c-bg:var(--color-primary)] [--_c-fg:var(--color-primary-foreground)] [--_c-border:var(--color-primary)]',\n  secondary:\n    '[--_c:var(--color-secondary)] [--_c-bg:var(--color-secondary)] [--_c-fg:var(--color-secondary-foreground)] [--_c-border:var(--color-secondary)]',\n  accent:\n    '[--_c:var(--color-accent)] [--_c-bg:var(--color-accent)] [--_c-fg:var(--color-accent-foreground)] [--_c-border:var(--color-accent)]',\n  success:\n    '[--_c:var(--color-success)] [--_c-bg:var(--color-success)] [--_c-fg:var(--color-success-foreground)] [--_c-border:var(--color-success)]',\n  error:\n    '[--_c:var(--color-error)] [--_c-bg:var(--color-error)] [--_c-fg:var(--color-error-foreground)] [--_c-border:var(--color-error)]',\n  warning:\n    '[--_c:var(--color-warning)] [--_c-bg:var(--color-warning)] [--_c-fg:var(--color-warning-foreground)] [--_c-border:var(--color-warning)]',\n  info:\n    '[--_c:var(--color-info)] [--_c-bg:var(--color-info)] [--_c-fg:var(--color-info-foreground)] [--_c-border:var(--color-info)]',\n} as const\n\nexport const buttonColorVars: Record<ButtonColor, string> = {\n  primary: colorVars.primary,\n  secondary: colorVars.secondary,\n  accent: colorVars.accent,\n  success: colorVars.success,\n  error: colorVars.error,\n  warning: colorVars.warning,\n  info: colorVars.info,\n} as const\n"]}