@mdigital_ui/ui 0.4.2 → 0.4.3

package/dist/{chunk-UTWQ2FZK.js → chunk-AOXTD7QZ.js}

@@ -1,8 +1,9 @@
-import { Popover, PopoverTrigger, PopoverContent } from './chunk-C5IGZLIT.js';
-import { useRipple, RippleContainer } from './chunk-OFUPJH35.js';
-import { cn } from './chunk-NGYLRX6F.js';
+import { Popover, PopoverTrigger, PopoverContent } from './chunk-LM6CJZX5.js';
+import { useMenuNavigation } from './chunk-NZHKNUGE.js';
+import { useRipple, RippleContainer } from './chunk-4TEZWGX7.js';
+import { cn } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
-import React, { useState, useRef, useId, useMemo, useEffect, useCallback } from 'react';
+import React, { useState, useRef, useId, useMemo, useCallback, useEffect } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 var dropdownItemVariants = cva(
@@ -27,14 +28,14 @@ var dropdownItemVariants = cva(
   }
 );
 var dropdownItemHoverClasses = {
-  default: "hover:bg-surface focus:bg-surface",
-  primary: "hover:bg-primary/10 focus:bg-primary/10",
-  secondary: "hover:bg-secondary/10 focus:bg-secondary/10",
-  accent: "hover:bg-accent/10 focus:bg-accent/10",
-  success: "hover:bg-success/10 focus:bg-success/10",
-  error: "hover:bg-error/10 focus:bg-error/10",
-  warning: "hover:bg-warning/10 focus:bg-warning/10",
-  info: "hover:bg-info/10 focus:bg-info/10"
+  default: "hover:bg-surface focus-visible:bg-surface",
+  primary: "hover:bg-primary/10 focus-visible:bg-primary/10",
+  secondary: "hover:bg-secondary/10 focus-visible:bg-secondary/10",
+  accent: "hover:bg-accent/10 focus-visible:bg-accent/10",
+  success: "hover:bg-success/10 focus-visible:bg-success/10",
+  error: "hover:bg-error/10 focus-visible:bg-error/10",
+  warning: "hover:bg-warning/10 focus-visible:bg-warning/10",
+  info: "hover:bg-info/10 focus-visible:bg-info/10"
 };
 var dropdownItemHighlightClasses = {
   default: "bg-surface",
@@ -94,7 +95,6 @@ var Dropdown = React.memo(
     ref
   }) => {
     const [isOpen, setIsOpen] = useState(false);
-    const [highlightedIndex, setHighlightedIndex] = useState(-1);
     const menuRef = useRef(null);
     const itemRefs = useRef([]);
     const uniqueId = useId();
@@ -104,18 +104,6 @@ var Dropdown = React.memo(
       () => items?.map((item, i) => !item.disabled ? i : -1).filter((i) => i !== -1) || [],
       [items]
     );
-    useEffect(() => {
-      if (!isOpen) {
-        setHighlightedIndex(-1);
-      }
-    }, [isOpen]);
-    useEffect(() => {
-      if (highlightedIndex >= 0 && itemRefs.current[highlightedIndex]) {
-        itemRefs.current[highlightedIndex]?.scrollIntoView({
-          block: "nearest"
-        });
-      }
-    }, [highlightedIndex]);
     const handleItemClick = useCallback(
       (item) => {
         if (!item.disabled) {
@@ -141,71 +129,37 @@ var Dropdown = React.memo(
         setIsOpen((prev) => !prev);
       }
     }, [disabled]);
-    const handleKeyDown = useCallback(
-      (event) => {
-        if (disabled) return;
-        if (!items?.length) return;
-        const currentEnabledPosition = enabledIndices.indexOf(highlightedIndex);
-        switch (event.key) {
-          case "ArrowDown":
-            event.preventDefault();
-            if (!isOpen) {
-              setIsOpen(true);
-              setHighlightedIndex(enabledIndices[0] ?? -1);
-            } else {
-              const nextIndex = currentEnabledPosition < enabledIndices.length - 1 ? enabledIndices[currentEnabledPosition + 1] : enabledIndices[0];
-              setHighlightedIndex(nextIndex ?? -1);
-            }
-            break;
-          case "ArrowUp":
-            event.preventDefault();
-            if (!isOpen) {
-              setIsOpen(true);
-              setHighlightedIndex(
-                enabledIndices[enabledIndices.length - 1] ?? -1
-              );
-            } else {
-              const prevIndex = currentEnabledPosition > 0 ? enabledIndices[currentEnabledPosition - 1] : enabledIndices[enabledIndices.length - 1];
-              setHighlightedIndex(prevIndex ?? -1);
-            }
-            break;
-          case "Home":
-            event.preventDefault();
-            if (isOpen) {
-              setHighlightedIndex(enabledIndices[0] ?? -1);
-            }
-            break;
-          case "End":
-            event.preventDefault();
-            if (isOpen) {
-              setHighlightedIndex(
-                enabledIndices[enabledIndices.length - 1] ?? -1
-              );
-            }
-            break;
-          case "Enter":
-          case " ":
-            event.preventDefault();
-            if (isOpen && highlightedIndex >= 0 && items[highlightedIndex]) {
-              handleItemClick(items[highlightedIndex]);
-            } else if (!isOpen) {
-              setIsOpen(true);
-            }
-            break;
-          case "Escape":
-            event.preventDefault();
-            setIsOpen(false);
-            break;
-          case "Tab":
-            setIsOpen(false);
-            break;
-        }
+    const onMenuSelect = useCallback(
+      (index) => {
+        if (items?.[index]) handleItemClick(items[index]);
       },
-      [items, isOpen, highlightedIndex, enabledIndices, handleItemClick]
+      [items, handleItemClick]
+    );
+    const {
+      highlightedIndex,
+      setHighlightedIndex,
+      handleKeyDown
+    } = useMenuNavigation({
+      enabledIndices,
+      isOpen,
+      onClose: handleClose,
+      onSelect: onMenuSelect,
+      onOpen: handleOpen
+    });
+    useEffect(() => {
+      if (highlightedIndex >= 0 && itemRefs.current[highlightedIndex]) {
+        itemRefs.current[highlightedIndex]?.scrollIntoView({
+          block: "nearest"
+        });
+      }
+    }, [highlightedIndex]);
+    const wrappedKeyDown = useCallback(
+      (e) => {
+        if (disabled || !items?.length) return;
+        handleKeyDown(e);
+      },
+      [disabled, items, handleKeyDown]
     );
-    const handleItemMouseEnter = useCallback((index) => {
-      setHighlightedIndex(index);
-    }, []);
     return /* @__PURE__ */ jsx(
       "div",
       {
@@ -232,7 +186,7 @@ var Dropdown = React.memo(
               "aria-controls": isOpen ? menuId : void 0,
               "aria-disabled": disabled,
               onClick: hover ? void 0 : handleToggle,
-              onKeyDown: handleKeyDown,
+              onKeyDown: wrappedKeyDown,
               className: cn(
                 "dropdown_trigger flex outline-none",
                 !hover && "cursor-pointer",
@@ -262,7 +216,7 @@ var Dropdown = React.memo(
                   "aria-labelledby": triggerId,
                   className: cn("dropdown_menu overflow-auto", classNames?.menu),
                   style: { maxHeight },
-                  onKeyDown: handleKeyDown,
+                  onKeyDown: wrappedKeyDown,
                   children: render ? render({ close: handleClose }) : items?.map((item, idx) => /* @__PURE__ */ jsxs(
                     DropdownItemDiv,
                     {
@@ -285,7 +239,7 @@ var Dropdown = React.memo(
                         classNames?.item
                       ),
                       onClick: () => handleItemClick(item),
-                      onMouseEnter: () => handleItemMouseEnter(idx),
+                      onMouseEnter: () => !item.disabled && setHighlightedIndex(idx),
                       onKeyDown: (e) => {
                         if (e.key === "Enter" || e.key === " ") {
                           e.preventDefault();
@@ -333,5 +287,5 @@ Dropdown.displayName = "Dropdown";
 var dropdown_default = Dropdown;
 
 export { dropdown_default };
-//# sourceMappingURL=chunk-UTWQ2FZK.js.map
-//# sourceMappingURL=chunk-UTWQ2FZK.js.map
+//# sourceMappingURL=chunk-AOXTD7QZ.js.map
+//# sourceMappingURL=chunk-AOXTD7QZ.js.map

package/dist/chunk-AOXTD7QZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dropdown/index.tsx"],"names":[],"mappings":"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","file":"chunk-AOXTD7QZ.js","sourcesContent":["\"use client\";\n\nimport { cva } from \"class-variance-authority\";\nimport React, {\n  useCallback,\n  useRef,\n  useId,\n  useState,\n  useEffect,\n  useMemo,\n} from \"react\";\n\nimport { useRipple, RippleContainer } from \"../hooks/useRipple\";\nimport { useMenuNavigation } from \"../hooks/useMenuNavigation\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"../popover\";\nimport type { ComponentColor } from \"../types\";\nimport { cn } from \"../utils\";\nimport type { DropdownProps } from \"./types\";\n\nconst dropdownItemVariants = cva(\n  \"cursor-pointer select-none text-text-primary transition-colors flex items-center gap-2 rounded-sm outline-none\",\n  {\n    variants: {\n      size: {\n        xs: \"px-2 py-1 text-xs\",\n        sm: \"px-3 py-1.5 text-sm\",\n        md: \"px-4 py-2 text-base\",\n        lg: \"px-5 py-2.5 text-lg\",\n      },\n      disabled: {\n        true: \"opacity-50 cursor-not-allowed\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      disabled: false,\n    },\n  },\n);\n\nconst dropdownItemHoverClasses: Record<ComponentColor, string> = {\n  default: \"hover:bg-surface focus-visible:bg-surface\",\n  primary: \"hover:bg-primary/10 focus-visible:bg-primary/10\",\n  secondary: \"hover:bg-secondary/10 focus-visible:bg-secondary/10\",\n  accent: \"hover:bg-accent/10 focus-visible:bg-accent/10\",\n  success: \"hover:bg-success/10 focus-visible:bg-success/10\",\n  error: \"hover:bg-error/10 focus-visible:bg-error/10\",\n  warning: \"hover:bg-warning/10 focus-visible:bg-warning/10\",\n  info: \"hover:bg-info/10 focus-visible:bg-info/10\",\n};\n\nconst dropdownItemHighlightClasses: Record<ComponentColor, string> = {\n  default: \"bg-surface\",\n  primary: \"bg-primary/10\",\n  secondary: \"bg-secondary/10\",\n  accent: \"bg-accent/10\",\n  success: \"bg-success/10\",\n  error: \"bg-error/10\",\n  warning: \"bg-warning/10\",\n  info: \"bg-info/10\",\n};\n\nconst DropdownItemDiv: React.FC<{\n  children: React.ReactNode;\n  disabled?: boolean;\n  className?: string;\n  onKeyDown?: (e: React.KeyboardEvent<HTMLDivElement>) => void;\n  [key: string]: any;\n}> = ({\n  children,\n  disabled,\n  className,\n  onKeyDown: externalOnKeyDown,\n  ...props\n}) => {\n  const {\n    ripples,\n    onPointerDown,\n    onKeyDown: rippleOnKeyDown,\n    onAnimationEnd,\n  } = useRipple(!disabled);\n  return (\n    <div\n      className={cn(className, \"relative overflow-hidden\")}\n      onPointerDown={onPointerDown}\n      onKeyDown={(e) => {\n        rippleOnKeyDown(e);\n        externalOnKeyDown?.(e);\n      }}\n      {...props}\n    >\n      {children}\n      <RippleContainer ripples={ripples} onAnimationEnd={onAnimationEnd} />\n    </div>\n  );\n};\n\nconst Dropdown = React.memo<DropdownProps>(\n  ({\n    children,\n    items,\n    render,\n    color = \"default\",\n    size = \"md\",\n    position = \"left\",\n    maxHeight = 300,\n    disabled = false,\n    fullWidth = false,\n    hover = false,\n    className,\n    classNames,\n    onItemClick,\n    ref,\n  }) => {\n    const [isOpen, setIsOpen] = useState(false);\n    const menuRef = useRef<HTMLDivElement>(null);\n    const itemRefs = useRef<(HTMLDivElement | null)[]>([]);\n\n    const uniqueId = useId();\n    const menuId = `dropdown-menu-${uniqueId}`;\n    const triggerId = `dropdown-trigger-${uniqueId}`;\n\n    const enabledIndices = useMemo(\n      () =>\n        items\n          ?.map((item, i) => (!item.disabled ? i : -1))\n          .filter((i) => i !== -1) || [],\n      [items],\n    );\n\n    const handleItemClick = useCallback(\n      (item: NonNullable<typeof items>[0]) => {\n        if (!item.disabled) {\n          item.onClick?.();\n          if (item.value !== undefined) {\n            onItemClick?.(item.value);\n          }\n          setIsOpen(false);\n        }\n      },\n      [onItemClick],\n    );\n\n    const handleClose = useCallback(() => {\n      setIsOpen(false);\n    }, []);\n\n    const handleOpen = useCallback(() => {\n      if (!disabled) {\n        setIsOpen(true);\n      }\n    }, [disabled]);\n\n    const handleToggle = useCallback(() => {\n      if (!disabled) {\n        setIsOpen((prev) => !prev);\n      }\n    }, [disabled]);\n\n    const onMenuSelect = useCallback(\n      (index: number) => {\n        if (items?.[index]) handleItemClick(items[index]);\n      },\n      [items, handleItemClick],\n    );\n\n    const {\n      highlightedIndex,\n      setHighlightedIndex,\n      handleKeyDown,\n    } = useMenuNavigation({\n      enabledIndices,\n      isOpen,\n      onClose: handleClose,\n      onSelect: onMenuSelect,\n      onOpen: handleOpen,\n    });\n\n    // Scroll highlighted item into view\n    useEffect(() => {\n      if (highlightedIndex >= 0 && itemRefs.current[highlightedIndex]) {\n        itemRefs.current[highlightedIndex]?.scrollIntoView({\n          block: \"nearest\",\n        });\n      }\n    }, [highlightedIndex]);\n\n    const wrappedKeyDown = useCallback(\n      (e: React.KeyboardEvent) => {\n        if (disabled || !items?.length) return;\n        handleKeyDown(e);\n      },\n      [disabled, items, handleKeyDown],\n    );\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"dropdown\"\n        className={cn(\n          \"dropdown_root relative\",\n          fullWidth ? \"w-full\" : \"inline-block\",\n          className,\n          classNames?.root,\n        )}\n        onMouseEnter={hover ? handleOpen : undefined}\n        onMouseLeave={hover ? handleClose : undefined}\n      >\n        <Popover open={isOpen} onOpenChange={setIsOpen}>\n          <PopoverTrigger asChild>\n            <div\n              id={triggerId}\n              data-slot=\"dropdown-trigger\"\n              role=\"button\"\n              tabIndex={disabled ? -1 : 0}\n              aria-haspopup=\"menu\"\n              aria-expanded={isOpen}\n              aria-controls={isOpen ? menuId : undefined}\n              aria-disabled={disabled}\n              onClick={hover ? undefined : handleToggle}\n              onKeyDown={wrappedKeyDown}\n              className={cn(\n                \"dropdown_trigger flex outline-none\",\n                !hover && \"cursor-pointer\",\n                fullWidth && \"w-full\",\n                disabled && \"opacity-50 cursor-not-allowed\",\n                classNames?.trigger,\n              )}\n            >\n              {children}\n            </div>\n          </PopoverTrigger>\n\n          <PopoverContent\n            className=\"p-0 min-w-[140px]\"\n            align={position === \"left\" ? \"start\" : \"end\"}\n            sideOffset={4}\n            color={color}\n            style={{ maxHeight }}\n            onOpenAutoFocus={(e: Event) => e.preventDefault()}\n          >\n            <div\n              ref={menuRef}\n              id={menuId}\n              data-slot=\"dropdown-menu\"\n              role=\"menu\"\n              aria-labelledby={triggerId}\n              className={cn(\"dropdown_menu overflow-auto\", classNames?.menu)}\n              style={{ maxHeight }}\n              onKeyDown={wrappedKeyDown}\n            >\n              {render\n                ? render({ close: handleClose })\n                : items?.map((item, idx) => (\n                    <DropdownItemDiv\n                      key={`${item.value}-${idx}`}\n                      ref={(el: HTMLDivElement | null) => {\n                        itemRefs.current[idx] = el;\n                      }}\n                      data-slot=\"dropdown-item\"\n                      role=\"menuitem\"\n                      tabIndex={item.disabled ? -1 : 0}\n                      aria-disabled={item.disabled}\n                      disabled={!!item.disabled}\n                      className={cn(\n                        \"dropdown_item\",\n                        dropdownItemVariants({\n                          size,\n                          disabled: !!item.disabled,\n                        }),\n                        !item.disabled && dropdownItemHoverClasses[color],\n                        highlightedIndex === idx &&\n                          !item.disabled &&\n                          dropdownItemHighlightClasses[color],\n                        classNames?.item,\n                      )}\n                      onClick={() => handleItemClick(item)}\n                      onMouseEnter={() => !item.disabled && setHighlightedIndex(idx)}\n                      onKeyDown={(e: React.KeyboardEvent<HTMLDivElement>) => {\n                        if (e.key === \"Enter\" || e.key === \" \") {\n                          e.preventDefault();\n                          handleItemClick(item);\n                        }\n                      }}\n                    >\n                      {item.icon && (\n                        <span\n                          data-slot=\"dropdown-item-icon\"\n                          className={cn(\n                            \"dropdown_itemIcon shrink-0\",\n                            classNames?.itemIcon,\n                          )}\n                          aria-hidden=\"true\"\n                        >\n                          {item.icon}\n                        </span>\n                      )}\n                      <span\n                        data-slot=\"dropdown-item-label\"\n                        className={cn(\n                          \"dropdown_itemLabel flex-1\",\n                          classNames?.itemLabel,\n                        )}\n                      >\n                        {item.label}\n                      </span>\n                    </DropdownItemDiv>\n                  ))}\n            </div>\n          </PopoverContent>\n        </Popover>\n      </div>\n    );\n  },\n);\n\nDropdown.displayName = \"Dropdown\";\n\nexport type * from \"./types\";\nexport default Dropdown;\n"]}

package/dist/{chunk-ZJNGZCRB.js → chunk-BLFXVSZU.js}

@@ -1,4 +1,5 @@
-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, { useState, useRef, useCallback } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -47,131 +48,19 @@ var thumbVariants = cva(
     }
   }
 );
-var trackColorStyles = {
-  default: {
-    default: "bg-surface",
-    solid: "bg-border",
-    soft: "bg-surface/50"
-  },
-  primary: {
-    default: "bg-primary/10",
-    solid: "bg-primary/20",
-    soft: "bg-primary/5"
-  },
-  secondary: {
-    default: "bg-secondary/10",
-    solid: "bg-secondary/20",
-    soft: "bg-secondary/5"
-  },
-  accent: {
-    default: "bg-accent/10",
-    solid: "bg-accent/20",
-    soft: "bg-accent/5"
-  },
-  success: {
-    default: "bg-success/10",
-    solid: "bg-success/20",
-    soft: "bg-success/5"
-  },
-  error: {
-    default: "bg-error/10",
-    solid: "bg-error/20",
-    soft: "bg-error/5"
-  },
-  warning: {
-    default: "bg-warning/10",
-    solid: "bg-warning/20",
-    soft: "bg-warning/5"
-  },
-  info: {
-    default: "bg-info/10",
-    solid: "bg-info/20",
-    soft: "bg-info/5"
-  }
+var getTrackColorClasses = (variant) => {
+  if (variant === "soft") return "bg-slot-10";
+  if (variant === "solid") return "bg-slot-20";
+  return "bg-slot-10";
 };
-var fillColorStyles = {
-  default: {
-    default: "bg-surface border-border",
-    solid: "bg-border",
-    soft: "bg-surface/80"
-  },
-  primary: {
-    default: "bg-primary/20 border-primary",
-    solid: "bg-primary",
-    soft: "bg-primary/60"
-  },
-  secondary: {
-    default: "bg-secondary/20 border-secondary",
-    solid: "bg-secondary",
-    soft: "bg-secondary/60"
-  },
-  accent: {
-    default: "bg-accent/20 border-accent",
-    solid: "bg-accent",
-    soft: "bg-accent/60"
-  },
-  success: {
-    default: "bg-success/20 border-success",
-    solid: "bg-success",
-    soft: "bg-success/60"
-  },
-  error: {
-    default: "bg-error/20 border-error",
-    solid: "bg-error",
-    soft: "bg-error/60"
-  },
-  warning: {
-    default: "bg-warning/20 border-warning",
-    solid: "bg-warning",
-    soft: "bg-warning/60"
-  },
-  info: {
-    default: "bg-info/20 border-info",
-    solid: "bg-info",
-    soft: "bg-info/60"
-  }
+var getFillColorClasses = (variant) => {
+  if (variant === "default") return "bg-slot-20 border-slot";
+  if (variant === "solid") return "bg-slot";
+  return "bg-slot-50";
 };
-var thumbColorStyles = {
-  default: {
-    default: "border-border",
-    solid: "border-border",
-    soft: "border-surface"
-  },
-  primary: {
-    default: "border-primary",
-    solid: "border-primary",
-    soft: "border-primary/60"
-  },
-  secondary: {
-    default: "border-secondary",
-    solid: "border-secondary",
-    soft: "border-secondary/60"
-  },
-  accent: {
-    default: "border-accent",
-    solid: "border-accent",
-    soft: "border-accent/60"
-  },
-  success: {
-    default: "border-success",
-    solid: "border-success",
-    soft: "border-success/60"
-  },
-  error: {
-    default: "border-error",
-    solid: "border-error",
-    soft: "border-error/60"
-  },
-  warning: {
-    default: "border-warning",
-    solid: "border-warning",
-    soft: "border-warning/60"
-  },
-  info: {
-    default: "border-info",
-    solid: "border-info",
-    soft: "border-info/60"
-  }
+var getThumbColorClasses = (variant) => {
+  if (variant === "soft") return "border-slot-50";
+  return "border-slot";
 };
 var Slider = React.memo(
   ({
@@ -201,19 +90,22 @@ var Slider = React.memo(
     const activeThumb = useRef(0);
     const value = controlledValue ?? internalValue;
     const values = Array.isArray(value) ? value : [value];
+    const valueRef = useRef(value);
+    valueRef.current = value;
     const getPercentage = (val) => (val - min) / (max - min) * 100;
-    const getValue = (clientX, clientY) => {
+    const getValue = useCallback((clientX, clientY) => {
       if (!trackRef.current) return min;
       const rect = trackRef.current.getBoundingClientRect();
       const percentage = isVertical ? 1 - (clientY - rect.top) / rect.height : (clientX - rect.left) / rect.width;
       const rawValue = min + percentage * (max - min);
       const steppedValue = Math.round(rawValue / step) * step;
       return Math.max(min, Math.min(max, steppedValue));
-    };
+    }, [isVertical, min, max, step]);
     const updateValue = useCallback(
       (newValue) => {
-        if (range && Array.isArray(value)) {
-          const newValues = [...value];
+        const currentValue = valueRef.current;
+        if (range && Array.isArray(currentValue)) {
+          const newValues = [...currentValue];
           newValues[activeThumb.current] = newValue;
           newValues.sort((a, b) => a - b);
           if (!controlledValue) setInternalValue(newValues);
@@ -223,18 +115,19 @@ var Slider = React.memo(
           onChange?.(newValue);
         }
       },
-      [value, range, controlledValue, onChange]
+      [range, controlledValue, onChange]
     );
     const handlePointerMove = useCallback(
       (e) => {
         if (!isDragging.current || disabled) return;
         updateValue(getValue(e.clientX, e.clientY));
       },
-      [disabled, updateValue, isVertical, min, max, step]
+      [disabled, updateValue, getValue]
     );
     const [isDraggingState, setIsDraggingState] = useState(false);
-    const handlePointerDown = (thumbIndex) => (e) => {
+    const handlePointerDown = useCallback((e) => {
       if (disabled) return;
+      const thumbIndex = parseInt(e.currentTarget.dataset.index, 10);
       isDragging.current = true;
       setIsDraggingState(true);
       activeThumb.current = thumbIndex;
@@ -243,7 +136,7 @@ var Slider = React.memo(
         e.target.setPointerCapture(e.pointerId);
       }
       e.preventDefault();
-    };
+    }, [disabled]);
     const handlePointerUp = useCallback(() => {
       isDragging.current = false;
       setIsDraggingState(false);
@@ -258,20 +151,21 @@ var Slider = React.memo(
         document.removeEventListener("pointerup", handlePointerUp);
       };
     }, [isDraggingState, handlePointerMove, handlePointerUp]);
-    const handleTrackClick = (e) => {
+    const handleTrackClick = useCallback((e) => {
       if (disabled || isDragging.current) return;
       const newValue = getValue(e.clientX, e.clientY);
-      if (range && Array.isArray(value)) {
+      const currentValue = valueRef.current;
+      if (range && Array.isArray(currentValue)) {
         let closestThumbIndex = 0;
-        let minDistance = Math.abs(newValue - (value[0] || 0));
-        for (let i = 1; i < value.length; i++) {
-          const distance = Math.abs(newValue - (value[i] || 0));
+        let minDistance = Math.abs(newValue - (currentValue[0] || 0));
+        for (let i = 1; i < currentValue.length; i++) {
+          const distance = Math.abs(newValue - (currentValue[i] || 0));
           if (distance < minDistance) {
             minDistance = distance;
             closestThumbIndex = i;
           }
         }
-        const newValues = [...value];
+        const newValues = [...currentValue];
         newValues[closestThumbIndex] = newValue;
         newValues.sort((a, b) => a - b);
         if (!controlledValue) setInternalValue(newValues);
@@ -280,9 +174,11 @@ var Slider = React.memo(
         if (!controlledValue) setInternalValue(newValue);
         onChange?.(newValue);
       }
-    };
-    const handleThumbKeyDown = (val, index) => (e) => {
+    }, [disabled, getValue, range, controlledValue, onChange]);
+    const handleThumbKeyDown = useCallback((e) => {
       if (disabled) return;
+      const index = parseInt(e.currentTarget.dataset.index, 10);
+      const val = Number(e.currentTarget.getAttribute("aria-valuenow"));
       let newValue = val;
       const increaseKeys = isVertical ? ["ArrowUp", "ArrowRight"] : ["ArrowRight", "ArrowUp"];
       const decreaseKeys = isVertical ? ["ArrowDown", "ArrowLeft"] : ["ArrowLeft", "ArrowDown"];
@@ -298,8 +194,9 @@ var Slider = React.memo(
         return;
       }
       e.preventDefault();
-      if (range && Array.isArray(value)) {
-        const newValues = [...value];
+      const currentValue = valueRef.current;
+      if (range && Array.isArray(currentValue)) {
+        const newValues = [...currentValue];
         newValues[index] = newValue;
         newValues.sort((a, b) => a - b);
         if (!controlledValue) setInternalValue(newValues);
@@ -308,14 +205,16 @@ var Slider = React.memo(
         if (!controlledValue) setInternalValue(newValue);
         onChange?.(newValue);
       }
-    };
+    }, [disabled, isVertical, min, max, step, range, controlledValue, onChange]);
     const getFillStyle = (startPct, endPct) => isVertical ? { bottom: `${startPct}%`, height: `${endPct - startPct}%` } : { left: `${startPct}%`, width: `${endPct - startPct}%` };
     const getThumbStyle = (pct) => isVertical ? { bottom: `${pct}%` } : { left: `${pct}%` };
     return /* @__PURE__ */ jsxs(
       "div",
       {
+        "data-slot": "root",
         className: cn(
           isVertical ? "h-full inline-flex flex-col items-center" : "w-full",
+          colorVars[color],
           "slider_root",
           classNames?.root,
           className
@@ -329,7 +228,7 @@ var Slider = React.memo(
               onClick: handleTrackClick,
               className: cn(
                 sliderTrackVariants({ size, orientation }),
-                trackColorStyles[color][variant],
+                getTrackColorClasses(variant),
                 "relative cursor-pointer touch-none",
                 isVertical && "h-full",
                 "slider_track",
@@ -346,7 +245,7 @@ var Slider = React.memo(
                       className: cn(
                         "absolute rounded-full",
                         isVertical ? "w-full" : "h-full",
-                        fillColorStyles[color][variant],
+                        getFillColorClasses(variant),
                         "slider_range",
                         classNames?.range
                       ),
@@ -360,7 +259,7 @@ var Slider = React.memo(
                     className: cn(
                       "absolute rounded-full",
                       isVertical ? "w-full" : "h-full",
-                      fillColorStyles[color][variant],
+                      getFillColorClasses(variant),
                       "slider_range",
                       classNames?.range
                     ),
@@ -384,10 +283,10 @@ var Slider = React.memo(
                       "aria-label": range ? `Slider thumb ${index + 1}` : "Slider",
                       className: cn(
                         thumbVariants({ size }),
-                        thumbColorStyles[color][variant],
+                        getThumbColorClasses(variant),
                         "-translate-x-1/2",
                         disabled && "cursor-not-allowed",
-                        "focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary",
+                        "focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary",
                         isVertical ? cn(
                           "left-1/2 translate-y-1/2",
                           isAtStart && "translate-y-0",
@@ -400,14 +299,16 @@ var Slider = React.memo(
                         "slider_thumb",
                         classNames?.thumb
                       ),
+                      "data-index": index,
                       style: getThumbStyle(pct),
-                      onPointerDown: handlePointerDown(index),
-                      onKeyDown: handleThumbKeyDown(val, index),
-                      children: hoveredThumb === index && /* @__PURE__ */ jsx(
+                      onPointerDown: handlePointerDown,
+                      onKeyDown: handleThumbKeyDown,
+                      children: /* @__PURE__ */ jsx(
                         "div",
                         {
                           className: cn(
                             "absolute bg-text-primary text-background text-xs px-2 py-1 rounded whitespace-nowrap",
+                            hoveredThumb === index ? "opacity-100" : "opacity-0 pointer-events-none",
                             isVertical ? "left-full ml-2 top-1/2 -translate-y-1/2" : "-top-8 left-1/2 -translate-x-1/2"
                           ),
                           children: val
@@ -436,5 +337,5 @@ Slider.displayName = "Slider";
 var slider_default = Slider;
 
 export { slider_default };
-//# sourceMappingURL=chunk-ZJNGZCRB.js.map
-//# sourceMappingURL=chunk-ZJNGZCRB.js.map
+//# sourceMappingURL=chunk-BLFXVSZU.js.map
+//# sourceMappingURL=chunk-BLFXVSZU.js.map

package/dist/chunk-BLFXVSZU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/slider/index.tsx"],"names":[],"mappings":"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","file":"chunk-BLFXVSZU.js","sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport React, { useCallback, useRef, useState } from 'react'\n\nimport { cn } from '../utils'\nimport { colorVars } from '../variants'\nimport type { SliderProps } from './types'\n\nconst sliderTrackVariants = cva('relative rounded-full', {\n  variants: {\n    size: {\n      xs: '',\n      sm: '',\n      md: '',\n      lg: '',\n    },\n    orientation: {\n      horizontal: '',\n      vertical: '',\n    },\n  },\n  compoundVariants: [\n    { orientation: 'horizontal', size: 'xs', class: 'h-1' },\n    { orientation: 'horizontal', size: 'sm', class: 'h-2' },\n    { orientation: 'horizontal', size: 'md', class: 'h-3' },\n    { orientation: 'horizontal', size: 'lg', class: 'h-4' },\n    { orientation: 'vertical', size: 'xs', class: 'w-1' },\n    { orientation: 'vertical', size: 'sm', class: 'w-2' },\n    { orientation: 'vertical', size: 'md', class: 'w-3' },\n    { orientation: 'vertical', size: 'lg', class: 'w-4' },\n  ],\n  defaultVariants: {\n    size: 'md',\n    orientation: 'horizontal',\n  },\n})\n\nconst thumbVariants = cva(\n  'absolute rounded-full border-2 bg-background cursor-pointer hover:scale-110 active:scale-100 transition-transform duration-150',\n  {\n    variants: {\n      size: {\n        xs: 'w-3 h-3',\n        sm: 'w-3.5 h-3.5',\n        md: 'w-4 h-4',\n        lg: 'w-6 h-6',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nconst getTrackColorClasses = (variant: 'default' | 'solid' | 'soft'): string => {\n  if (variant === 'soft') return 'bg-slot-10'\n  if (variant === 'solid') return 'bg-slot-20'\n  return 'bg-slot-10' // default\n}\n\nconst getFillColorClasses = (variant: 'default' | 'solid' | 'soft'): string => {\n  if (variant === 'default') return 'bg-slot-20 border-slot'\n  if (variant === 'solid') return 'bg-slot'\n  return 'bg-slot-50' // soft\n}\n\nconst getThumbColorClasses = (variant: 'default' | 'solid' | 'soft'): string => {\n  if (variant === 'soft') return 'border-slot-50'\n  return 'border-slot' // default and solid\n}\n\nconst Slider = React.memo<SliderProps>(\n  ({\n    value: controlledValue,\n    defaultValue = 50,\n    min = 0,\n    max = 100,\n    step = 1,\n    color = 'primary',\n    size = 'md',\n    variant = 'default',\n    orientation = 'horizontal',\n    onChange,\n    disabled = false,\n    className,\n    classNames,\n    footer = false,\n    range = false,\n  }) => {\n    const isVertical = orientation === 'vertical'\n    const [internalValue, setInternalValue] = useState<number | number[]>(\n      defaultValue,\n    )\n    const [hoveredThumb, setHoveredThumb] = useState<number | null>(null)\n    const trackRef = useRef<HTMLDivElement>(null)\n    const isDragging = useRef(false)\n    const activeThumb = useRef<number>(0)\n\n    const value = controlledValue ?? internalValue\n    const values = Array.isArray(value) ? value : [value]\n\n    // Fix 3: Mirror latest value in a ref to avoid stale closures during rapid drag\n    const valueRef = useRef(value)\n    valueRef.current = value\n\n    const getPercentage = (val: number) => ((val - min) / (max - min)) * 100\n\n    // Fix 1: Wrap getValue in useCallback to prevent stale references\n    const getValue = useCallback((clientX: number, clientY: number) => {\n      if (!trackRef.current) return min\n      const rect = trackRef.current.getBoundingClientRect()\n      const percentage = isVertical\n        ? 1 - (clientY - rect.top) / rect.height // Inverted: bottom=min, top=max\n        : (clientX - rect.left) / rect.width\n      const rawValue = min + percentage * (max - min)\n      const steppedValue = Math.round(rawValue / step) * step\n      return Math.max(min, Math.min(max, steppedValue))\n    }, [isVertical, min, max, step])\n\n    // Fix 3: Read from valueRef.current instead of value closure\n    const updateValue = useCallback(\n      (newValue: number) => {\n        const currentValue = valueRef.current\n        if (range && Array.isArray(currentValue)) {\n          const newValues = [...currentValue]\n          newValues[activeThumb.current] = newValue\n          newValues.sort((a, b) => a - b)\n          if (!controlledValue) setInternalValue(newValues)\n          onChange?.(newValues)\n        } else {\n          if (!controlledValue) setInternalValue(newValue)\n          onChange?.(newValue)\n        }\n      },\n      [range, controlledValue, onChange],\n    )\n\n    // Fix 1: Include getValue in deps (replaces isVertical, min, max, step)\n    const handlePointerMove = useCallback(\n      (e: PointerEvent) => {\n        if (!isDragging.current || disabled) return\n        updateValue(getValue(e.clientX, e.clientY))\n      },\n      [disabled, updateValue, getValue],\n    )\n\n    const [isDraggingState, setIsDraggingState] = useState(false)\n\n    // Fix 2: Single useCallback handler using data-index attribute\n    const handlePointerDown = useCallback((e: React.PointerEvent<HTMLDivElement>) => {\n      if (disabled) return\n      const thumbIndex = parseInt(e.currentTarget.dataset.index!, 10)\n      isDragging.current = true\n      setIsDraggingState(true)\n      activeThumb.current = thumbIndex\n      setHoveredThumb(thumbIndex)\n      if ((e.target as HTMLElement).setPointerCapture) {\n        ;(e.target as HTMLElement).setPointerCapture(e.pointerId)\n      }\n      e.preventDefault()\n    }, [disabled])\n\n    const handlePointerUp = useCallback(() => {\n      isDragging.current = false\n      setIsDraggingState(false)\n      setHoveredThumb(null)\n    }, [])\n\n    // Only add global listeners when dragging - fixes memory leak\n    React.useEffect(() => {\n      if (!isDraggingState) return\n\n      document.addEventListener('pointermove', handlePointerMove)\n      document.addEventListener('pointerup', handlePointerUp)\n      return () => {\n        document.removeEventListener('pointermove', handlePointerMove)\n        document.removeEventListener('pointerup', handlePointerUp)\n      }\n    }, [isDraggingState, handlePointerMove, handlePointerUp])\n\n    // Fix 2: Wrap in useCallback to avoid recreation every render\n    const handleTrackClick = useCallback((e: React.PointerEvent<HTMLDivElement> | React.MouseEvent<HTMLDivElement>) => {\n      if (disabled || isDragging.current) return\n      const newValue = getValue(e.clientX, e.clientY)\n      const currentValue = valueRef.current\n\n      if (range && Array.isArray(currentValue)) {\n        let closestThumbIndex = 0\n        let minDistance = Math.abs(newValue - (currentValue[0] || 0))\n        for (let i = 1; i < currentValue.length; i++) {\n          const distance = Math.abs(newValue - (currentValue[i] || 0))\n          if (distance < minDistance) {\n            minDistance = distance\n            closestThumbIndex = i\n          }\n        }\n\n        const newValues = [...currentValue]\n        newValues[closestThumbIndex] = newValue\n        newValues.sort((a, b) => a - b)\n        if (!controlledValue) setInternalValue(newValues)\n        onChange?.(newValues)\n      } else {\n        if (!controlledValue) setInternalValue(newValue)\n        onChange?.(newValue)\n      }\n    }, [disabled, getValue, range, controlledValue, onChange])\n\n    // Fix 2: Single useCallback handler using data-index attribute\n    // Keyboard: ArrowUp/Right = increase, ArrowDown/Left = decrease\n    const handleThumbKeyDown = useCallback((e: React.KeyboardEvent<HTMLDivElement>) => {\n      if (disabled) return\n      const index = parseInt(e.currentTarget.dataset.index!, 10)\n      const val = Number(e.currentTarget.getAttribute('aria-valuenow'))\n      let newValue = val\n      const increaseKeys = isVertical ? ['ArrowUp', 'ArrowRight'] : ['ArrowRight', 'ArrowUp']\n      const decreaseKeys = isVertical ? ['ArrowDown', 'ArrowLeft'] : ['ArrowLeft', 'ArrowDown']\n\n      if (increaseKeys.includes(e.key)) {\n        newValue = Math.min(max, val + step)\n      } else if (decreaseKeys.includes(e.key)) {\n        newValue = Math.max(min, val - step)\n      } else if (e.key === 'Home') {\n        newValue = min\n      } else if (e.key === 'End') {\n        newValue = max\n      } else {\n        return\n      }\n      e.preventDefault()\n      const currentValue = valueRef.current\n      if (range && Array.isArray(currentValue)) {\n        const newValues = [...currentValue]\n        newValues[index] = newValue\n        newValues.sort((a, b) => a - b)\n        if (!controlledValue) setInternalValue(newValues)\n        onChange?.(newValues)\n      } else {\n        if (!controlledValue) setInternalValue(newValue)\n        onChange?.(newValue)\n      }\n    }, [disabled, isVertical, min, max, step, range, controlledValue, onChange])\n\n    // Fill segment styles\n    const getFillStyle = (startPct: number, endPct: number) =>\n      isVertical\n        ? { bottom: `${startPct}%`, height: `${endPct - startPct}%` }\n        : { left: `${startPct}%`, width: `${endPct - startPct}%` }\n\n    // Thumb position style\n    const getThumbStyle = (pct: number) =>\n      isVertical\n        ? { bottom: `${pct}%` }\n        : { left: `${pct}%` }\n\n    return (\n      <div\n        data-slot=\"root\"\n        className={cn(\n          isVertical ? 'h-full inline-flex flex-col items-center' : 'w-full',\n          colorVars[color],\n          'slider_root',\n          classNames?.root,\n          className,\n        )}\n      >\n        {/* Footer top (vertical: value at top) */}\n        {isVertical && footer === true && (\n          <span className={cn('text-sm text-text-secondary mb-1', 'slider_label', classNames?.label)}>{max}</span>\n        )}\n\n        <div\n          ref={trackRef}\n          onClick={handleTrackClick}\n          className={cn(\n            sliderTrackVariants({ size, orientation }),\n            getTrackColorClasses(variant),\n            'relative cursor-pointer touch-none',\n            isVertical && 'h-full',\n            'slider_track',\n            classNames?.track,\n            disabled && 'opacity-50 cursor-not-allowed',\n          )}\n        >\n          {/* Fill segment */}\n          {range && values.length > 1 ? (\n            values.slice(0, -1).map((val, index) => {\n              const start = getPercentage(val)\n              const end = getPercentage(values[index + 1]!)\n              return (\n                <div\n                  key={index}\n                  className={cn(\n                    'absolute rounded-full',\n                    isVertical ? 'w-full' : 'h-full',\n                    getFillColorClasses(variant),\n                    'slider_range',\n                    classNames?.range,\n                  )}\n                  style={getFillStyle(start, end)}\n                />\n              )\n            })\n          ) : (\n            <div\n              className={cn(\n                'absolute rounded-full',\n                isVertical ? 'w-full' : 'h-full',\n                getFillColorClasses(variant),\n                'slider_range',\n                classNames?.range,\n              )}\n              style={getFillStyle(0, getPercentage(values[0] || 0))}\n            />\n          )}\n\n          {/* Thumbs */}\n          {values.map((val, index) => {\n            const pct = getPercentage(val)\n            const isAtStart = pct <= 0\n            const isAtEnd = pct >= 100\n            return (\n              <div\n                key={index}\n                role=\"slider\"\n                tabIndex={disabled ? -1 : 0}\n                aria-valuemin={min}\n                aria-valuemax={max}\n                aria-valuenow={val}\n                aria-disabled={disabled}\n                aria-orientation={orientation}\n                aria-label={range ? `Slider thumb ${index + 1}` : 'Slider'}\n                className={cn(\n                  thumbVariants({ size }),\n                  getThumbColorClasses(variant),\n                  '-translate-x-1/2',\n                  disabled && 'cursor-not-allowed',\n                  'focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary',\n                  isVertical\n                    ? cn(\n                        'left-1/2 translate-y-1/2',\n                        isAtStart && 'translate-y-0',\n                        isAtEnd && 'translate-y-full',\n                      )\n                    : cn(\n                        'top-1/2 -translate-y-1/2',\n                        isAtStart && 'translate-x-0',\n                        isAtEnd && '-translate-x-full',\n                      ),\n                  'slider_thumb',\n                  classNames?.thumb,\n                )}\n                data-index={index}\n                style={getThumbStyle(pct)}\n                onPointerDown={handlePointerDown}\n                onKeyDown={handleThumbKeyDown}\n              >\n                <div\n                  className={cn(\n                    'absolute bg-text-primary text-background text-xs px-2 py-1 rounded whitespace-nowrap',\n                    hoveredThumb === index ? 'opacity-100' : 'opacity-0 pointer-events-none',\n                    isVertical\n                      ? 'left-full ml-2 top-1/2 -translate-y-1/2'\n                      : '-top-8 left-1/2 -translate-x-1/2',\n                  )}\n                >\n                  {val}\n                </div>\n              </div>\n            )\n          })}\n        </div>\n\n        {/* Footer */}\n        {isVertical && footer === true && (\n          <span className={cn('text-sm text-text-secondary mt-1', 'slider_label', classNames?.label)}>{min}</span>\n        )}\n\n        {!isVertical && footer === true && (\n          <div className=\"flex justify-between mt-1 text-sm text-text-secondary\">\n            <span className={cn('slider_label', classNames?.label)}>{min}</span>\n            <span className={cn('font-medium text-text-primary', 'slider_value', classNames?.value)}>\n              {range && Array.isArray(value) ? value.join(' - ') : value}\n            </span>\n            <span className={cn('slider_label', classNames?.label)}>{max}</span>\n          </div>\n        )}\n        {footer && typeof footer !== 'boolean' && footer}\n      </div>\n    )\n  },\n)\n\nSlider.displayName = 'Slider'\n\nexport type * from './types'\nexport default Slider\n"]}