@mdigital_ui/ui 0.4.3 → 0.4.5

package/dist/chunk-DDZCRCTQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/drawer/index.tsx"],"names":["DrawerPrimitive"],"mappings":"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","file":"chunk-DDZCRCTQ.js","sourcesContent":["'use client'\n\nimport { cva } from \"class-variance-authority\";\nimport { X } from \"lucide-react\";\nimport { Drawer as DrawerPrimitive } from \"vaul\";\nimport React, { createContext, useContext } from \"react\";\n\nimport { cn } from \"../utils\";\nimport type {\n  ComposedDrawerProps,\n  DrawerBodyProps,\n  DrawerCloseProps,\n  DrawerContentProps,\n  DrawerDescriptionProps,\n  DrawerDirection,\n  DrawerFooterProps,\n  DrawerHeaderProps,\n  DrawerOverlayProps,\n  DrawerProps,\n  DrawerSize,\n  DrawerTitleProps,\n  DrawerTriggerProps,\n} from \"./types\";\n\n// Context to pass direction from Drawer to DrawerContent\nconst DrawerContext = createContext<{\n  direction: DrawerDirection;\n}>({ direction: \"bottom\" });\n\nconst drawerContentVariants = cva(\n  \"fixed bg-background border-border flex flex-col outline-none\",\n  {\n    variants: {\n      direction: {\n        bottom: \"bottom-0 left-0 right-0 border-t rounded-t-xl max-h-[96vh]\",\n        top: \"top-0 left-0 right-0 border-b rounded-b-xl max-h-[96vh]\",\n        left: \"left-0 top-0 bottom-0 border-r max-w-[96vw]\",\n        right: \"right-0 top-0 bottom-0 border-l max-w-[96vw]\",\n      },\n      size: {\n        xs: \"\",\n        sm: \"\",\n        md: \"\",\n        lg: \"\",\n        full: \"\",\n      },\n    },\n    compoundVariants: [\n      // Bottom/Top - height based\n      { direction: \"bottom\", size: \"xs\", class: \"h-1/4\" },\n      { direction: \"bottom\", size: \"sm\", class: \"h-1/3\" },\n      { direction: \"bottom\", size: \"md\", class: \"h-1/2\" },\n      { direction: \"bottom\", size: \"lg\", class: \"h-3/4\" },\n      { direction: \"bottom\", size: \"full\", class: \"h-[96vh]\" },\n      { direction: \"top\", size: \"xs\", class: \"h-1/4\" },\n      { direction: \"top\", size: \"sm\", class: \"h-1/3\" },\n      { direction: \"top\", size: \"md\", class: \"h-1/2\" },\n      { direction: \"top\", size: \"lg\", class: \"h-3/4\" },\n      { direction: \"top\", size: \"full\", class: \"h-[96vh]\" },\n      // Left/Right - width based\n      { direction: \"left\", size: \"xs\", class: \"w-64\" },\n      { direction: \"left\", size: \"sm\", class: \"w-80\" },\n      { direction: \"left\", size: \"md\", class: \"w-96\" },\n      { direction: \"left\", size: \"lg\", class: \"w-[480px]\" },\n      { direction: \"left\", size: \"full\", class: \"w-[96vw]\" },\n      { direction: \"right\", size: \"xs\", class: \"w-64\" },\n      { direction: \"right\", size: \"sm\", class: \"w-80\" },\n      { direction: \"right\", size: \"md\", class: \"w-96\" },\n      { direction: \"right\", size: \"lg\", class: \"w-[480px]\" },\n      { direction: \"right\", size: \"full\", class: \"w-[96vw]\" },\n    ],\n    defaultVariants: {\n      direction: \"bottom\",\n      size: \"md\",\n    },\n  },\n);\n\n/**\n * Close button size classes\n */\nconst closeButtonSizeClasses: Record<DrawerSize, string> = {\n  xs: \"top-2 right-2 p-1 [&_svg]:size-3.5\",\n  sm: \"top-3 right-3 p-1.5 [&_svg]:size-4\",\n  md: \"top-4 right-4 p-1.5 [&_svg]:size-4\",\n  lg: \"top-4 right-4 p-2 [&_svg]:size-5\",\n  full: \"top-5 right-5 p-2 [&_svg]:size-5\",\n};\n\n/**\n * Padding classes based on size\n */\nconst paddingClasses: Record<DrawerSize, string> = {\n  xs: \"p-3\",\n  sm: \"p-4\",\n  md: \"p-5\",\n  lg: \"p-6\",\n  full: \"p-6\",\n};\n\nexport function Drawer({\n  open,\n  onOpenChange,\n  direction = \"bottom\",\n  modal = true,\n  dismissible = true,\n  snapPoints,\n  children,\n}: DrawerProps) {\n  const contextValue = React.useMemo(() => ({ direction }), [direction]);\n\n  return (\n    <DrawerContext.Provider value={contextValue}>\n      <DrawerPrimitive.Root\n        open={open}\n        onOpenChange={onOpenChange}\n        direction={direction}\n        modal={modal}\n        dismissible={dismissible}\n        snapPoints={snapPoints}\n      >\n        {children}\n      </DrawerPrimitive.Root>\n    </DrawerContext.Provider>\n  );\n}\n\nDrawer.displayName = \"Drawer\";\n\nexport const DrawerTrigger = React.memo<DrawerTriggerProps>(\n  ({ children, asChild = false, className, ref, ...props }) => {\n    return (\n      <DrawerPrimitive.Trigger\n        ref={ref}\n        asChild={asChild}\n        className={className}\n        data-slot=\"drawer-trigger\"\n        {...props}\n      >\n        {children}\n      </DrawerPrimitive.Trigger>\n    );\n  },\n);\n\nDrawerTrigger.displayName = \"DrawerTrigger\";\n\nexport const DrawerPortal = DrawerPrimitive.Portal;\n\nexport const DrawerOverlay = React.memo<DrawerOverlayProps>(\n  ({ className, ref, classNames, ...props }) => (\n    <DrawerPrimitive.Overlay\n      ref={ref}\n      className={cn(\n        \"drawer_overlay\",\n        \"fixed inset-0 z-[var(--z-modal)] bg-overlay backdrop-blur-sm data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 duration-200\",\n        classNames?.overlay,\n        className,\n      )}\n      data-slot=\"drawer-overlay\"\n      {...props}\n    />\n  ),\n);\n\nDrawerOverlay.displayName = \"DrawerOverlay\";\n\nexport const DrawerContent = React.memo<DrawerContentProps>(\n  ({\n    children,\n    direction: directionProp,\n    size = \"md\",\n    showCloseButton = false,\n    showHandle,\n    className,\n    ref,\n    classNames,\n  }) => {\n    const { direction: contextDirection } = useContext(DrawerContext);\n    const direction = directionProp ?? contextDirection;\n\n    // Default showHandle based on direction\n    const shouldShowHandle =\n      showHandle ?? (direction === \"bottom\" || direction === \"top\");\n\n    const isHorizontal = direction === \"left\" || direction === \"right\";\n\n    return (\n      <DrawerPortal>\n        <DrawerOverlay classNames={classNames} />\n        <DrawerPrimitive.Content\n          ref={ref}\n          className={cn(\n            \"drawer_content\",\n            drawerContentVariants({ direction, size }),\n            paddingClasses[size],\n            \"z-[var(--z-modal)]\",\n            classNames?.content,\n            className,\n          )}\n          data-slot=\"drawer-content\"\n        >\n          {/* Handle for bottom drawer */}\n          {shouldShowHandle && direction === \"bottom\" && (\n            <div\n              className={cn(\n                \"drawer_handle\",\n                \"mx-auto w-12 h-1.5 flex-shrink-0 rounded-full bg-border mb-4\",\n                classNames?.handle\n              )}\n              data-slot=\"drawer-handle\"\n            />\n          )}\n\n          {/* Handle for top drawer */}\n          {shouldShowHandle && direction === \"top\" && (\n            <div\n              className={cn(\n                \"drawer_handle\",\n                \"mx-auto w-12 h-1.5 flex-shrink-0 rounded-full bg-border mb-4 order-last mt-auto\",\n                classNames?.handle\n              )}\n              data-slot=\"drawer-handle\"\n            />\n          )}\n\n          {/* Handle for left drawer */}\n          {shouldShowHandle && direction === \"left\" && (\n            <div\n              className={cn(\n                \"drawer_handle\",\n                \"absolute right-2 top-1/2 -translate-y-1/2 w-1.5 h-12 rounded-full bg-border\",\n                classNames?.handle\n              )}\n              data-slot=\"drawer-handle\"\n            />\n          )}\n\n          {/* Handle for right drawer */}\n          {shouldShowHandle && direction === \"right\" && (\n            <div\n              className={cn(\n                \"drawer_handle\",\n                \"absolute left-2 top-1/2 -translate-y-1/2 w-1.5 h-12 rounded-full bg-border\",\n                classNames?.handle\n              )}\n              data-slot=\"drawer-handle\"\n            />\n          )}\n\n          {/* Close button */}\n          {showCloseButton && (\n            <DrawerPrimitive.Close\n              className={cn(\n                \"drawer_closeButton\",\n                \"absolute rounded-md opacity-70 transition-opacity hover:opacity-100\",\n                \"focus:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2\",\n                \"text-text-secondary hover:text-text-primary hover:bg-surface\",\n                closeButtonSizeClasses[size],\n                classNames?.closeButton,\n              )}\n              data-slot=\"drawer-closeButton\"\n            >\n              <X />\n              <span className=\"sr-only\">Close</span>\n            </DrawerPrimitive.Close>\n          )}\n\n          {/* Content wrapper */}\n          <div\n            className={cn(\n              \"drawer_wrapper\",\n              \"flex flex-col flex-1 min-h-0\",\n              isHorizontal && \"overflow-y-auto\",\n              showCloseButton && \"pt-6\",\n              classNames?.wrapper,\n            )}\n            data-slot=\"drawer-wrapper\"\n          >\n            {children}\n          </div>\n        </DrawerPrimitive.Content>\n      </DrawerPortal>\n    );\n  },\n);\n\nDrawerContent.displayName = \"DrawerContent\";\n\nexport const DrawerHeader = React.memo<DrawerHeaderProps>(\n  ({ children, className, ref, classNames, ...props }) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"drawer_header\",\n          \"flex flex-col gap-1.5 mb-4 shrink-0\",\n          classNames?.header,\n          className\n        )}\n        data-slot=\"drawer-header\"\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nDrawerHeader.displayName = \"DrawerHeader\";\n\nexport const DrawerBody = React.memo<DrawerBodyProps>(\n  ({ children, className, ref, classNames, ...props }) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"drawer_body\",\n          \"flex-1 overflow-y-auto min-h-0\",\n          classNames?.body,\n          className\n        )}\n        data-slot=\"drawer-body\"\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nDrawerBody.displayName = \"DrawerBody\";\n\nexport const DrawerFooter = React.memo<DrawerFooterProps>(\n  ({ children, className, ref, classNames, ...props }) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"drawer_footer\",\n          \"flex gap-2 mt-auto pt-4 shrink-0\",\n          classNames?.footer,\n          className\n        )}\n        data-slot=\"drawer-footer\"\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nDrawerFooter.displayName = \"DrawerFooter\";\n\nexport const DrawerTitle = React.memo<DrawerTitleProps>(\n  ({ children, className, ref, classNames, ...props }) => {\n    return (\n      <DrawerPrimitive.Title\n        ref={ref}\n        className={cn(\n          \"drawer_title\",\n          \"text-lg font-semibold text-text-primary\",\n          classNames?.title,\n          className\n        )}\n        data-slot=\"drawer-title\"\n        {...props}\n      >\n        {children}\n      </DrawerPrimitive.Title>\n    );\n  },\n);\n\nDrawerTitle.displayName = \"DrawerTitle\";\n\nexport const DrawerDescription = React.memo<DrawerDescriptionProps>(\n  ({ children, className, ref, classNames, ...props }) => {\n    return (\n      <DrawerPrimitive.Description\n        ref={ref}\n        className={cn(\n          \"drawer_description\",\n          \"text-sm text-text-secondary\",\n          classNames?.description,\n          className\n        )}\n        data-slot=\"drawer-description\"\n        {...props}\n      >\n        {children}\n      </DrawerPrimitive.Description>\n    );\n  },\n);\n\nDrawerDescription.displayName = \"DrawerDescription\";\n\nexport const DrawerClose = React.memo<DrawerCloseProps>(\n  ({ children, asChild = false, className, ref, ...props }) => {\n    return (\n      <DrawerPrimitive.Close\n        ref={ref}\n        asChild={asChild}\n        className={className}\n        data-slot=\"drawer-close\"\n        {...props}\n      >\n        {children}\n      </DrawerPrimitive.Close>\n    );\n  },\n);\n\nDrawerClose.displayName = \"DrawerClose\";\n\n/**\n * ComposedDrawer - A convenience component that combines all drawer parts\n */\nexport function ComposedDrawer({\n  open,\n  onOpenChange,\n  title,\n  description,\n  children,\n  footer,\n  direction = \"right\",\n  size = \"md\",\n  modal = true,\n  showCloseButton = true,\n  showHandle,\n  dismissible = true,\n  hideHeader = false,\n  hideFooter = false,\n  className,\n  contentClassName,\n  classNames,\n}: ComposedDrawerProps) {\n  return (\n    <Drawer\n      open={open}\n      onOpenChange={onOpenChange}\n      direction={direction}\n      modal={modal}\n      dismissible={dismissible}\n    >\n      <DrawerContent\n        direction={direction}\n        size={size}\n        showCloseButton={showCloseButton}\n        showHandle={showHandle}\n        className={contentClassName}\n        classNames={classNames}\n      >\n        {!hideHeader && (title || description) && (\n          <DrawerHeader className={className} classNames={classNames}>\n            {title && <DrawerTitle classNames={classNames}>{title}</DrawerTitle>}\n            {description && (\n              <DrawerDescription classNames={classNames}>{description}</DrawerDescription>\n            )}\n          </DrawerHeader>\n        )}\n        <DrawerBody classNames={classNames}>{children}</DrawerBody>\n        {!hideFooter && footer && <DrawerFooter classNames={classNames}>{footer}</DrawerFooter>}\n      </DrawerContent>\n    </Drawer>\n  );\n}\n\nComposedDrawer.displayName = \"ComposedDrawer\";\n\nexport type * from \"./types\";\nexport default ComposedDrawer;\n"]}

package/dist/{chunk-GLJDHW73.js → chunk-G6QIIWKU.js}

@@ -20,5 +20,5 @@ var buttonColorVars = {
 };
 
 export { buttonColorVars, colorVars };
-//# sourceMappingURL=chunk-GLJDHW73.js.map
-//# sourceMappingURL=chunk-GLJDHW73.js.map
+//# sourceMappingURL=chunk-G6QIIWKU.js.map
+//# sourceMappingURL=chunk-G6QIIWKU.js.map

package/dist/chunk-G6QIIWKU.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,EAAM;AACR;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-G6QIIWKU.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: \"[--_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"]}

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

@@ -1,4 +1,4 @@
-import { colorVars } from './chunk-GLJDHW73.js';
+import { colorVars } from './chunk-G6QIIWKU.js';
 import { cn } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
 import React, { useState, useRef, useCallback } from 'react';
@@ -337,5 +337,5 @@ Slider.displayName = "Slider";
 var slider_default = Slider;
 
 export { slider_default };
-//# sourceMappingURL=chunk-BLFXVSZU.js.map
-//# sourceMappingURL=chunk-BLFXVSZU.js.map
+//# sourceMappingURL=chunk-HR5TGNOF.js.map
+//# sourceMappingURL=chunk-HR5TGNOF.js.map

package/dist/{chunk-BLFXVSZU.js.map → chunk-HR5TGNOF.js.map}

@@ -1 +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"]}
+{"version":3,"sources":["../src/slider/index.tsx"],"names":[],"mappings":"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","file":"chunk-HR5TGNOF.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"]}

package/dist/{chunk-GPSZJWU3.js → chunk-HSMO2BR4.js}

@@ -1,10 +1,11 @@
+import { colorVars } from './chunk-G6QIIWKU.js';
 import { cn } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
 import React, { useState, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var avatarVariants = cva(
-  "relative inline-flex items-center justify-center font-medium select-none shrink-0",
+  "relative inline-flex items-center justify-center font-medium select-none shrink-0 bg-slot-10 text-slot",
   {
     variants: {
       size: {
@@ -17,16 +18,7 @@ var avatarVariants = cva(
         circle: "rounded-full",
         square: "rounded-lg"
       },
-      color: {
-        default: "bg-surface text-text-primary",
-        primary: "bg-primary/10 text-primary",
-        secondary: "bg-secondary/10 text-secondary",
-        accent: "bg-accent/10 text-accent",
-        success: "bg-success/10 text-success",
-        error: "bg-error/10 text-error",
-        warning: "bg-warning/10 text-warning",
-        info: "bg-info/10 text-info"
-      },
+      color: colorVars,
       bordered: {
         true: "ring-2 ring-background",
         false: ""
@@ -294,5 +286,5 @@ AvatarGroup.displayName = "AvatarGroup";
 var avatar_default = Avatar;
 
 export { Avatar, AvatarGroup, avatar_default };
-//# sourceMappingURL=chunk-GPSZJWU3.js.map
-//# sourceMappingURL=chunk-GPSZJWU3.js.map
+//# sourceMappingURL=chunk-HSMO2BR4.js.map
+//# sourceMappingURL=chunk-HSMO2BR4.js.map

package/dist/chunk-HSMO2BR4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/avatar/index.tsx"],"names":[],"mappings":"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","file":"chunk-HSMO2BR4.js","sourcesContent":["'use client'\n\nimport { cva } from \"class-variance-authority\";\nimport React, { useState, useEffect } from \"react\";\n\nimport { cn } from \"../utils\";\nimport { colorVars } from \"../variants\";\nimport type { AvatarGroupProps, AvatarProps, AvatarSize } from \"./types\";\n\nconst avatarVariants = cva(\n  \"relative inline-flex items-center justify-center font-medium select-none shrink-0 bg-slot-10 text-slot\",\n  {\n    variants: {\n      size: {\n        xs: \"size-6 text-xs\",\n        sm: \"size-8 text-sm\",\n        md: \"size-10 text-base\",\n        lg: \"size-12 text-lg\",\n      },\n      shape: {\n        circle: \"rounded-full\",\n        square: \"rounded-lg\",\n      },\n      color: colorVars,\n      bordered: {\n        true: \"ring-2 ring-background\",\n        false: \"\",\n      },\n      disabled: {\n        true: \"opacity-50 cursor-not-allowed\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      shape: \"circle\",\n      color: \"default\",\n      bordered: false,\n      disabled: false,\n    },\n  },\n);\n\nconst statusSizeClasses: Record<AvatarSize, string> = {\n  xs: \"size-1.5\",\n  sm: \"size-2\",\n  md: \"size-2.5\",\n  lg: \"size-3\",\n};\n\nconst statusColorClasses = {\n  online: \"bg-success\",\n  offline: \"bg-border\",\n  away: \"bg-warning\",\n  busy: \"bg-error\",\n};\n\nconst badgeSizeClasses: Record<AvatarSize, string> = {\n  xs: \"min-w-3 h-3 text-[8px]\",\n  sm: \"min-w-4 h-4 text-[10px]\",\n  md: \"min-w-5 h-5 text-xs\",\n  lg: \"min-w-6 h-6 text-xs\",\n};\n\nconst overlapClasses: Record<AvatarSize, string> = {\n  xs: \"-space-x-1\",\n  sm: \"-space-x-1.5\",\n  md: \"-space-x-2\",\n  lg: \"-space-x-2.5\",\n};\n\nfunction getInitialsFromName(name: string): string {\n  const words = name.trim().split(/\\s+/).filter(Boolean);\n  if (words.length === 0) return \"\";\n\n  const firstWord = words[0];\n  if (words.length === 1 && firstWord) {\n    return firstWord.slice(0, 2).toUpperCase();\n  }\n\n  const lastWord = words[words.length - 1];\n  const firstInitial = firstWord?.[0] ?? \"\";\n  const lastInitial = lastWord?.[0] ?? \"\";\n  return (firstInitial + lastInitial).toUpperCase();\n}\n\nfunction getInitials(name: string | undefined, fallback: string | undefined): string {\n  if (fallback) return fallback.slice(0, 2).toUpperCase();\n  if (name) return getInitialsFromName(name);\n  return \"\";\n}\n\nconst DefaultUserIcon = () => (\n  <svg\n    className=\"size-[60%] text-text-secondary\"\n    fill=\"currentColor\"\n    viewBox=\"0 0 24 24\"\n    role=\"img\"\n    aria-hidden=\"true\"\n  >\n    <path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\" />\n  </svg>\n);\n\nconst Avatar = React.memo<AvatarProps>(\n  ({\n    src,\n    alt = \"\",\n    fallback,\n    name,\n    size = \"md\",\n    shape = \"circle\",\n    status,\n    color = \"default\",\n    bordered = false,\n    icon,\n    badge,\n    disabled = false,\n    className,\n    classNames,\n    onError,\n    ref,\n    ...props\n  }) => {\n    const [imageError, setImageError] = useState(false);\n\n    useEffect(() => {\n      setImageError(false);\n    }, [src]);\n\n    const handleImageError = (e: React.SyntheticEvent<HTMLImageElement>) => {\n      setImageError(true);\n      onError?.(e);\n    };\n\n    const showImage = src && !imageError;\n    const initials = getInitials(name, fallback);\n    const showFallback = !showImage && (initials || icon);\n    const showDefaultIcon = !showImage && !showFallback;\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"avatar_root\",\n          avatarVariants({\n            size,\n            shape,\n            color: showImage ? \"default\" : color,\n            bordered,\n            disabled,\n          }),\n          !badge && !status && \"overflow-hidden\",\n          classNames?.root,\n          className,\n        )}\n        aria-disabled={disabled || undefined}\n        data-slot=\"root\"\n        {...props}\n      >\n        {showImage && (\n          <img\n            src={src}\n            alt={alt || name || \"User avatar\"}\n            onError={handleImageError}\n            className={cn(\n              \"avatar_image\",\n              \"size-full object-cover\",\n              shape === \"circle\" ? \"rounded-full\" : \"rounded-lg\",\n              classNames?.image,\n            )}\n            loading=\"lazy\"\n            data-slot=\"image\"\n          />\n        )}\n\n        {showFallback &&\n          (icon ? (\n            <span\n              className={cn(\n                \"avatar_fallback\",\n                \"flex items-center justify-center size-[60%]\",\n                classNames?.fallback,\n              )}\n              data-slot=\"fallback\"\n            >\n              {icon}\n            </span>\n          ) : (\n            <span\n              className={cn(\"avatar_fallback\", classNames?.fallback)}\n              aria-label={`Avatar for ${name || initials}`}\n              data-slot=\"fallback\"\n            >\n              {initials}\n            </span>\n          ))}\n\n        {showDefaultIcon && <DefaultUserIcon />}\n\n        {status && (\n          <span\n            className={cn(\n              \"avatar_status\",\n              \"absolute bottom-0 right-0 rounded-full ring-2 ring-background\",\n              statusSizeClasses[size],\n              statusColorClasses[status],\n              classNames?.status,\n            )}\n            aria-label={`Status: ${status}`}\n            data-slot=\"status\"\n          />\n        )}\n\n        {badge && (\n          <span\n            className={cn(\n              \"absolute -top-1 -right-1 flex items-center justify-center rounded-full bg-error text-background font-medium px-1\",\n              badgeSizeClasses[size],\n            )}\n            aria-label={typeof badge === \"number\" ? `${badge} notifications` : undefined}\n            role={typeof badge === \"number\" ? \"status\" : undefined}\n          >\n            {badge}\n          </span>\n        )}\n      </div>\n    );\n  },\n);\n\nAvatar.displayName = \"Avatar\";\n\nconst AvatarGroup = React.memo<AvatarGroupProps>(\n  ({\n    children,\n    max,\n    size = \"md\",\n    shape = \"circle\",\n    showTotal = false,\n    renderSurplus,\n    bordered = false,\n    className,\n    classNames,\n    ref,\n    ...props\n  }) => {\n    const childrenArray = React.Children.toArray(children);\n    const total = childrenArray.length;\n    const visibleChildren = max ? childrenArray.slice(0, max) : childrenArray;\n    const remainingCount = max && total > max ? total - max : 0;\n    const surplusDisplay = showTotal ? total : remainingCount;\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"avatarGroup_root\",\n          \"flex items-center\",\n          overlapClasses[size],\n          classNames?.root,\n          className,\n        )}\n        role=\"group\"\n        aria-label={`Avatar group with ${total} members`}\n        data-slot=\"root\"\n        {...props}\n      >\n        {visibleChildren.map((child, index) => {\n          if (React.isValidElement<AvatarProps>(child)) {\n            return React.cloneElement(child, {\n              key: child.key ?? index,\n              size: child.props.size ?? size,\n              shape: child.props.shape ?? shape,\n              bordered: child.props.bordered ?? bordered ?? true,\n              className: cn(child.props.className),\n            });\n          }\n          return child;\n        })}\n\n        {remainingCount > 0 &&\n          (renderSurplus ? (\n            renderSurplus(surplusDisplay)\n          ) : (\n            <div\n              className={cn(\n                \"avatarGroup_overflow\",\n                avatarVariants({\n                  size,\n                  shape,\n                  color: \"default\",\n                  bordered: true,\n                }),\n                \"bg-surface/80 backdrop-blur-sm overflow-hidden\",\n                classNames?.overflow,\n              )}\n              aria-label={\n                showTotal\n                  ? `${total} total members`\n                  : `${remainingCount} more members`\n              }\n              data-slot=\"overflow\"\n            >\n              <span className=\"text-text-secondary font-medium\">\n                {showTotal ? total : `+${remainingCount}`}\n              </span>\n            </div>\n          ))}\n      </div>\n    );\n  },\n);\n\nAvatarGroup.displayName = \"AvatarGroup\";\n\nexport type * from \"./types\";\nexport { Avatar, AvatarGroup };\nexport default Avatar;\n"]}

package/dist/{chunk-UIVOI7HE.js → chunk-HVHQA34X.js}

@@ -1,6 +1,8 @@
 import { useSelectBase } from './chunk-HJITFPBT.js';
-import { Popover, PopoverTrigger, PopoverContent } from './chunk-LM6CJZX5.js';
-import { spinner_default } from './chunk-GGQF5PQN.js';
+import { useControllable } from './chunk-PQOIW5CM.js';
+import { Popover, PopoverTrigger, PopoverContent } from './chunk-ROQGBDET.js';
+import { spinner_default } from './chunk-RRPMZYVN.js';
+import { colorVars } from './chunk-G6QIIWKU.js';
 import { cn, iconSizes, statusMessageVariants } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
 import { ChevronUp, Check, ChevronDown, X, Search } from 'lucide-react';
@@ -41,7 +43,7 @@ var selectOptionVariants = cva(
   {
     variants: {
       selected: {
-        true: "bg-primary/10 text-primary font-medium",
+        true: "bg-slot-10 text-slot font-medium",
         false: "hover:bg-surface"
       },
       disabled: {
@@ -84,10 +86,7 @@ var Select = React.memo(
     ref,
     ...props
   }) => {
-    const [internalValue, setInternalValue] = React.useState(
-      defaultValue ?? ""
-    );
-    const currentValue = value !== void 0 ? value : internalValue;
+    const [currentValue, setCurrentValue] = useControllable({ value, defaultValue: defaultValue ?? "", onChange });
     const {
       // State
       isOpen,
@@ -135,15 +134,12 @@ var Select = React.memo(
     });
     const handleSelect = React.useCallback(
       (optionValue) => {
-        if (value === void 0) {
-          setInternalValue(optionValue);
-        }
-        onChange?.(optionValue);
+        setCurrentValue(optionValue);
         setIsOpen(false);
         setSearchQuery("");
         setHighlightedIndex(-1);
       },
-      [value, onChange, setIsOpen, setSearchQuery, setHighlightedIndex]
+      [setCurrentValue, setIsOpen, setSearchQuery, setHighlightedIndex]
     );
     const selectedOption = React.useMemo(
       () => options.find((opt) => opt.value === currentValue),
@@ -153,14 +149,11 @@ var Select = React.memo(
     const handleClear = React.useCallback(
       (e) => {
         e.stopPropagation();
-        if (value === void 0) {
-          setInternalValue("");
-        }
-        onChange?.("");
+        setCurrentValue("");
         setSearchQuery("");
         setHighlightedIndex(-1);
       },
-      [value, onChange, setSearchQuery, setHighlightedIndex]
+      [setCurrentValue, setSearchQuery, setHighlightedIndex]
     );
     const handleOptionClick = React.useCallback(
       (optionValue) => {
@@ -284,7 +277,7 @@ var Select = React.memo(
                               Check,
                               {
                                 className: cn(
-                                  "text-primary animate-in zoom-in-75 duration-150",
+                                  "text-slot animate-in zoom-in-75 duration-150",
                                   iconSizes[size]
                                 )
                               }
@@ -354,7 +347,7 @@ var Select = React.memo(
                       Check,
                       {
                         className: cn(
-                          "text-primary animate-in zoom-in-75 duration-150",
+                          "text-slot animate-in zoom-in-75 duration-150",
                           iconSizes[size]
                         )
                       }
@@ -473,6 +466,7 @@ var Select = React.memo(
         className: cn(
           "select_root",
           "relative group",
+          colorVars.primary,
           fullWidth ? "w-full" : "inline-block",
           classNames?.root
         ),
@@ -536,5 +530,5 @@ Select.displayName = "Select";
 var select_default = Select;
 
 export { select_default };
-//# sourceMappingURL=chunk-UIVOI7HE.js.map
-//# sourceMappingURL=chunk-UIVOI7HE.js.map
+//# sourceMappingURL=chunk-HVHQA34X.js.map
+//# sourceMappingURL=chunk-HVHQA34X.js.map

package/dist/chunk-HVHQA34X.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/select/index.tsx"],"names":[],"mappings":"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","file":"chunk-HVHQA34X.js","sourcesContent":["\"use client\";\n\nimport { cva } from \"class-variance-authority\";\nimport { Check, ChevronDown, ChevronUp, Search, X } from \"lucide-react\";\nimport React from \"react\";\nimport { useControllable } from '../hooks/useControllable'\n\nimport Spinner from \"../spinner\";\n\nimport { Popover, PopoverContent, PopoverTrigger } from \"../popover\";\nimport { colorVars } from \"../variants\";\nimport { useSelectBase } from \"../shared/useSelectBase\";\nimport type { FlattenedItem } from \"../shared/useSelectBase\";\nimport { cn, iconSizes, statusMessageVariants } from \"../utils\";\nimport type { SelectOption, SelectProps } from \"./types\";\n\nconst selectTriggerVariants = cva(\n  \"w-full flex items-center justify-between rounded-md bg-background text-text-primary border focus:border-primary outline-none disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer transition-colors\",\n  {\n    variants: {\n      status: {\n        default: \"border-border hover:border-primary/50\",\n        error: \"border-error\",\n        warning: \"border-warning\",\n        info: \"border-info\",\n        success: \"border-success\",\n      },\n      size: {\n        xs: \"h-(--select-height-xs) px-(--select-padding-x-xs) text-xs gap-1.5\",\n        sm: \"h-(--select-height-sm) px-(--select-padding-x-sm) text-sm gap-2\",\n        md: \"h-(--select-height-md) px-(--select-padding-x-md) text-base gap-2.5\",\n        lg: \"h-(--select-height-lg) px-(--select-padding-x-lg) text-lg gap-3\",\n      },\n      fullWidth: {\n        true: \"w-full\",\n        false: \"max-w-full\",\n      },\n    },\n    defaultVariants: {\n      status: \"default\",\n      size: \"md\",\n      fullWidth: true,\n    },\n  },\n);\n\nconst selectOptionVariants = cva(\n  \"relative cursor-pointer select-none px-3 py-2 text-text-primary rounded-sm transition-colors\",\n  {\n    variants: {\n      selected: {\n        true: \"bg-slot-10 text-slot font-medium\",\n        false: \"hover:bg-surface\",\n      },\n      disabled: {\n        true: \"opacity-50 cursor-not-allowed\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      selected: false,\n      disabled: false,\n    },\n  },\n);\n\nconst selectGroupVariants = cva(\n  \"px-3 py-2 text-xs font-semibold text-text-secondary uppercase tracking-wider bg-surface/50\",\n);\n\nconst Select = React.memo<SelectProps>(\n  ({\n    size = \"md\",\n    label,\n    helperText,\n    error,\n    warning,\n    info,\n    success,\n    options = [],\n    placeholder = \"Select an option\",\n    loading = false,\n    fullWidth = true,\n    value,\n    defaultValue,\n    onChange,\n    clearable = false,\n    disabled,\n    required,\n    virtualizeThreshold = 50,\n    maxDropdownHeight = 300,\n    className,\n    classNames,\n    ref,\n    ...props\n  }) => {\n    const [currentValue, setCurrentValue] = useControllable<string | number>({ value, defaultValue: defaultValue ?? '', onChange });\n\n    const {\n      // State\n      isOpen,\n      setIsOpen,\n      searchQuery,\n      setSearchQuery,\n      setHighlightedIndex,\n      highlightedIndex,\n      showTopArrow,\n      showBottomArrow,\n      // Refs\n      triggerRef,\n      inputRef,\n      scrollContainerRef,\n      // Computed\n      filteredOptions,\n      selectableOptions,\n      shouldVirtualize,\n      virtualizer,\n      // IDs & validation\n      labelId,\n      listboxId,\n      helperId,\n      status,\n      helperMessage,\n      // Handlers\n      handleInputChange,\n      handleInputClick,\n      handleScroll,\n      handleKeyDown,\n      handleKeyUp,\n      refCallback,\n    } = useSelectBase<SelectOption>({\n      options,\n      onSelectOption: (option) => handleSelect(option.value),\n      virtualizeThreshold,\n      maxDropdownHeight,\n      label,\n      idPrefix: \"select\",\n      error,\n      warning,\n      info,\n      success,\n      helperText,\n    });\n\n    const handleSelect = React.useCallback(\n      (optionValue: string | number) => {\n        setCurrentValue(optionValue);\n        setIsOpen(false);\n        setSearchQuery(\"\");\n        setHighlightedIndex(-1);\n      },\n      [setCurrentValue, setIsOpen, setSearchQuery, setHighlightedIndex],\n    );\n\n    const selectedOption = React.useMemo(\n      () => options.find((opt) => opt.value === currentValue),\n      [options, currentValue],\n    );\n    const displayValue = isOpen ? searchQuery : selectedOption?.label || \"\";\n\n    const handleClear = React.useCallback(\n      (e: React.MouseEvent) => {\n        e.stopPropagation();\n        setCurrentValue(\"\");\n        setSearchQuery(\"\");\n        setHighlightedIndex(-1);\n      },\n      [setCurrentValue, setSearchQuery, setHighlightedIndex],\n    );\n\n    const handleOptionClick = React.useCallback(\n      (optionValue: string | number) => {\n        handleSelect(optionValue);\n      },\n      [handleSelect],\n    );\n\n    const renderOptionsList = React.useMemo(\n      () => (\n        <div className=\"relative\">\n          {/* Top scroll indicator */}\n          <div className=\"flex items-center justify-center h-4\">\n            {showTopArrow && (\n              <ChevronUp className=\"size-4 text-text-primary animate-in fade-in duration-150\" />\n            )}\n          </div>\n\n          <div\n            ref={scrollContainerRef}\n            className=\"overflow-auto relative\"\n            style={{ maxHeight: maxDropdownHeight }}\n            role=\"listbox\"\n            id={listboxId}\n            aria-labelledby={label ? labelId : undefined}\n            onScroll={handleScroll}\n          >\n            {!filteredOptions.length ? (\n              <div\n                data-slot=\"empty\"\n                className={cn(\n                  \"select_empty\",\n                  \"px-3 py-4 text-center text-sm text-text-secondary\",\n                  classNames?.empty,\n                )}\n              >\n                No options found\n              </div>\n            ) : shouldVirtualize ? (\n              <div\n                ref={refCallback}\n                style={{\n                  height: `${Math.min(virtualizer.getTotalSize(), maxDropdownHeight)}px`,\n                  overflow: \"auto\",\n                }}\n                onScroll={handleScroll}\n              >\n                <div\n                  style={{\n                    height: `${virtualizer.getTotalSize()}px`,\n                    width: \"100%\",\n                    position: \"relative\",\n                  }}\n                >\n                  {virtualizer.getVirtualItems().map((virtualItem) => {\n                    const item = filteredOptions[virtualItem.index];\n\n                    if (!item) return null;\n\n                    if (item.type === \"group\") {\n                      return (\n                        <div\n                          key={`group-${virtualItem.index}`}\n                          data-slot=\"group\"\n                          style={{\n                            position: \"absolute\",\n                            top: 0,\n                            left: 0,\n                            width: \"100%\",\n                            height: `${virtualItem.size}px`,\n                            transform: `translateY(${virtualItem.start}px)`,\n                          }}\n                          className={cn(\n                            \"select_group\",\n                            selectGroupVariants(),\n                            classNames?.group,\n                          )}\n                        >\n                          <span\n                            data-slot=\"groupLabel\"\n                            className={cn(\n                              \"select_groupLabel\",\n                              classNames?.groupLabel,\n                            )}\n                          >\n                            {item.data as string}\n                          </span>\n                        </div>\n                      );\n                    }\n\n                    const option = item.data as SelectOption;\n                    const isSelected = option.value === currentValue;\n                    const selectableIndex = selectableOptions.indexOf(\n                      item as FlattenedItem<SelectOption>,\n                    );\n                    const isHighlighted = selectableIndex === highlightedIndex;\n\n                    return (\n                      <div\n                        key={option.value}\n                        data-slot=\"option\"\n                        data-value={option.value}\n                        style={{\n                          position: \"absolute\",\n                          top: 0,\n                          left: 0,\n                          width: \"100%\",\n                          height: `${virtualItem.size}px`,\n                          transform: `translateY(${virtualItem.start}px)`,\n                        }}\n                        className={cn(\n                          \"select_option\",\n                          selectOptionVariants({\n                            selected: isSelected,\n                            disabled: !!option.disabled,\n                          }),\n                          isHighlighted && \"bg-surface\",\n                          classNames?.option,\n                          isSelected && classNames?.optionSelected,\n                        )}\n                        onClick={() =>\n                          !option.disabled && handleOptionClick(option.value)\n                        }\n                        role=\"option\"\n                        aria-selected={isSelected}\n                        aria-disabled={option.disabled}\n                      >\n                        {option.label}\n                        {isSelected && (\n                          <span className=\"absolute right-3 top-1/2 -translate-y-1/2\">\n                            <Check\n                              className={cn(\n                                \"text-slot animate-in zoom-in-75 duration-150\",\n                                iconSizes[size],\n                              )}\n                            />\n                          </span>\n                        )}\n                      </div>\n                    );\n                  })}\n                </div>\n              </div>\n            ) : (\n              <div>\n                {filteredOptions.map((item, index) => {\n                  if (item.type === \"group\") {\n                    return (\n                      <div\n                        key={`group-${index}`}\n                        data-slot=\"group\"\n                        className={cn(\n                          \"select_group\",\n                          selectGroupVariants(),\n                          classNames?.group,\n                        )}\n                      >\n                        <span\n                          data-slot=\"groupLabel\"\n                          className={cn(\n                            \"select_groupLabel\",\n                            classNames?.groupLabel,\n                          )}\n                        >\n                          {item.data as string}\n                        </span>\n                      </div>\n                    );\n                  }\n\n                  const option = item.data as SelectOption;\n                  const isSelected = option.value === currentValue;\n                  const selectableIndex = selectableOptions.indexOf(\n                    item as FlattenedItem<SelectOption>,\n                  );\n                  const isHighlighted = selectableIndex === highlightedIndex;\n\n                  return (\n                    <div\n                      key={option.value}\n                      data-slot=\"option\"\n                      data-value={option.value}\n                      className={cn(\n                        \"select_option\",\n                        selectOptionVariants({\n                          selected: isSelected,\n                          disabled: !!option.disabled,\n                        }),\n                        isHighlighted && \"bg-surface\",\n                        classNames?.option,\n                        isSelected && classNames?.optionSelected,\n                      )}\n                      onClick={() =>\n                        !option.disabled && handleOptionClick(option.value)\n                      }\n                      role=\"option\"\n                      aria-selected={isSelected}\n                      aria-disabled={option.disabled}\n                    >\n                      {option.label}\n                      {isSelected && (\n                        <span className=\"absolute right-3 top-1/2 -translate-y-1/2\">\n                          <Check\n                            className={cn(\n                              \"text-slot animate-in zoom-in-75 duration-150\",\n                              iconSizes[size],\n                            )}\n                          />\n                        </span>\n                      )}\n                    </div>\n                  );\n                })}\n              </div>\n            )}\n          </div>\n\n          {/* Bottom scroll indicator */}\n          <div className=\"flex items-center justify-center h-4\">\n            {showBottomArrow && (\n              <ChevronDown className=\"size-4 text-text-primary animate-in fade-in duration-150\" />\n            )}\n          </div>\n        </div>\n      ),\n      [\n        showTopArrow,\n        showBottomArrow,\n        filteredOptions,\n        shouldVirtualize,\n        virtualizer,\n        currentValue,\n        selectableOptions,\n        highlightedIndex,\n        handleOptionClick,\n        maxDropdownHeight,\n        listboxId,\n        label,\n        labelId,\n        handleScroll,\n        refCallback,\n        classNames,\n        size,\n      ],\n    );\n\n    // Trigger button (used in both desktop and mobile)\n    const triggerButton = (\n      <button\n        ref={triggerRef}\n        type=\"button\"\n        data-slot=\"trigger\"\n        className={cn(\n          \"select_trigger\",\n          selectTriggerVariants({ status, size, fullWidth }),\n          loading && \"opacity-50\",\n          className,\n          classNames?.trigger,\n        )}\n        disabled={disabled || loading}\n        aria-haspopup=\"listbox\"\n        aria-expanded={isOpen}\n        aria-controls={listboxId}\n        aria-labelledby={label ? labelId : undefined}\n        aria-describedby={helperMessage ? helperId : undefined}\n      >\n        <input\n          ref={inputRef}\n          type=\"text\"\n          data-slot=\"search\"\n          className={cn(\n            \"select_search\",\n            \"w-full text-ellipsis flex-1 bg-transparent outline-none cursor-pointer placeholder:text-text-secondary/50\",\n            classNames?.search,\n          )}\n          placeholder={placeholder}\n          value={displayValue}\n          onChange={handleInputChange}\n          onClick={handleInputClick}\n          onKeyDown={handleKeyDown}\n          onKeyUp={handleKeyUp}\n          disabled={disabled || loading}\n          readOnly={!isOpen}\n          tabIndex={0}\n          aria-autocomplete=\"list\"\n          aria-controls={isOpen ? listboxId : undefined}\n        />\n        <div\n          data-slot=\"triggerIcon\"\n          className={cn(\n            \"select_triggerIcon\",\n            \"flex items-center gap-1 text-text-secondary\",\n            classNames?.triggerIcon,\n          )}\n        >\n          {clearable && currentValue && !disabled && !loading && (\n            <span\n              role=\"button\"\n              tabIndex={-1}\n              onClick={handleClear}\n              onKeyDown={(e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); handleClear(e as unknown as React.MouseEvent); } }}\n              className=\"hover:text-text-primary transition-colors cursor-pointer\"\n              aria-label=\"Clear selection\"\n            >\n              <X className={iconSizes[size]} />\n            </span>\n          )}\n          {loading ? (\n            <Spinner />\n          ) : (\n            <>\n              {isOpen ? (\n                <Search className={iconSizes[size]} />\n              ) : (\n                <ChevronDown className={iconSizes[size]} />\n              )}\n            </>\n          )}\n        </div>\n      </button>\n    );\n\n    const selectElement = (\n      <div\n        data-slot=\"root\"\n        className={cn(\n          \"select_root\",\n          \"relative group\",\n          colorVars.primary,\n          fullWidth ? \"w-full\" : \"inline-block\",\n          classNames?.root,\n        )}\n        ref={ref}\n        {...props}\n      >\n        <Popover open={isOpen} onOpenChange={setIsOpen}>\n          <PopoverTrigger asChild>{triggerButton}</PopoverTrigger>\n\n          <PopoverContent\n            data-slot=\"dropdown\"\n            className={cn(\n              \"select_dropdown\",\n              \"p-0 w-[var(--radix-popover-trigger-width)]\",\n              classNames?.dropdown,\n            )}\n            align=\"start\"\n            onOpenAutoFocus={(e: Event) => {\n              e.preventDefault();\n              inputRef.current?.focus();\n            }}\n          >\n            {renderOptionsList}\n          </PopoverContent>\n        </Popover>\n      </div>\n    );\n\n    return (\n      <div className={cn(\"w-full flex flex-col\", !fullWidth && \"inline-block\")}>\n        <div className=\"flex gap-2 items-center\">\n          {label && (\n            <label\n              id={labelId}\n              data-slot=\"label\"\n              className={cn(\"select_label\", \"block mb-0.5\", classNames?.label)}\n            >\n              <span className=\"text-sm font-medium text-text-secondary\">\n                {label}\n                {required && <span className=\"text-error ml-1\">*</span>}\n              </span>\n            </label>\n          )}\n          {helperMessage && (\n            <p\n              id={helperId}\n              data-slot=\"helper\"\n              className={cn(\n                \"select_helper\",\n                statusMessageVariants({ status }),\n                classNames?.helper,\n              )}\n            >\n              {helperMessage}\n            </p>\n          )}\n        </div>\n        {selectElement}\n      </div>\n    );\n  },\n);\n\nSelect.displayName = \"Select\";\n\nexport type * from \"./types\";\nexport default Select;\n"]}

package/dist/{chunk-3QD7AQX7.js → chunk-I5AD247M.js}

@@ -1,4 +1,4 @@
-import { colorVars } from './chunk-GLJDHW73.js';
+import { colorVars } from './chunk-G6QIIWKU.js';
 import { cn } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
 import React, { useState, useRef, useId, useCallback, useLayoutEffect, useEffect } from 'react';
@@ -138,8 +138,11 @@ var Tabs = React.memo(
       const height = activeTab.offsetHeight;
       const isPill2 = variant === "pill";
       if (isPill2) {
-        const computedStyle = window.getComputedStyle(tabList);
-        const paddingLeft = parseFloat(computedStyle.paddingLeft) || 0;
+        let paddingLeft = 0;
+        if (typeof window !== "undefined") {
+          const computedStyle = window.getComputedStyle(tabList);
+          paddingLeft = parseFloat(computedStyle.paddingLeft) || 0;
+        }
         setIndicatorStyle({
           transform: `translateX(${left - paddingLeft}px)`,
           width: `${width}px`,
@@ -161,6 +164,7 @@ var Tabs = React.memo(
       updateIndicatorPosition();
     }, [updateIndicatorPosition, items, size]);
     useEffect(() => {
+      if (typeof window === "undefined") return;
       const handleResize = () => {
         requestAnimationFrame(() => {
           updateIndicatorPosition();
@@ -336,5 +340,5 @@ Tabs.displayName = "Tabs";
 var tabs_default = Tabs;
 
 export { tabs_default };
-//# sourceMappingURL=chunk-3QD7AQX7.js.map
-//# sourceMappingURL=chunk-3QD7AQX7.js.map
+//# sourceMappingURL=chunk-I5AD247M.js.map
+//# sourceMappingURL=chunk-I5AD247M.js.map

package/dist/chunk-I5AD247M.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tabs/index.tsx"],"names":["isPill"],"mappings":"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","file":"chunk-I5AD247M.js","sourcesContent":["\"use client\";\n\nimport { cva } from \"class-variance-authority\";\nimport React, {\n  useState,\n  useId,\n  useCallback,\n  useRef,\n  useLayoutEffect,\n  useEffect,\n} from \"react\";\n\nimport { cn } from \"../utils\";\nimport { colorVars } from \"../variants\";\nimport type { TabsColor, TabsProps } from \"./types\";\n\n// Use useLayoutEffect on client, useEffect on server (SSR safe)\nconst useIsomorphicLayoutEffect =\n  typeof window !== \"undefined\" ? useLayoutEffect : useEffect;\n\n// Component colors for compound variants\nconst componentColors = ['default', 'primary', 'secondary', 'accent', 'success', 'error', 'warning', 'info'] as const;\n\nconst tabListVariants = cva(\"flex relative\", {\n  variants: {\n    size: {\n      xs: \"gap-(--tabs-gap-xs)\",\n      sm: \"gap-(--tabs-gap-sm)\",\n      md: \"gap-(--tabs-gap-md)\",\n      lg: \"gap-(--tabs-gap-lg)\",\n    },\n    variant: {\n      default: \"border-b\",\n      solid: \"border-b\",\n      soft: \"border-b\",\n      pill: \"bg-surface p-0.5 rounded-lg border border-border gap-0 w-fit\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    variant: \"default\",\n  },\n});\n\nconst tabItemVariants = cva(\n  \"relative z-[1] font-medium transition-colors duration-200 ease-out cursor-pointer flex items-center gap-2\",\n  {\n    variants: {\n      size: {\n        xs: \"text-xs px-(--tabs-padding-x-xs) py-(--tabs-padding-y-xs)\",\n        sm: \"text-sm px-(--tabs-padding-x-sm) py-(--tabs-padding-y-sm)\",\n        md: \"text-base px-(--tabs-padding-x-md) py-(--tabs-padding-y-md)\",\n        lg: \"text-lg px-(--tabs-padding-x-lg) py-(--tabs-padding-y-lg)\",\n      },\n      variant: {\n        default: \"pb-2 -mb-px\",\n        solid: \"pb-2 -mb-px\",\n        soft: \"pb-2 -mb-px\",\n        pill: \"rounded-md\",\n      },\n      color: {\n        default: \"\",\n        primary: \"\",\n        secondary: \"\",\n        accent: \"\",\n        success: \"\",\n        error: \"\",\n        warning: \"\",\n        info: \"\",\n      },\n      active: {\n        true: \"\",\n        false: \"\",\n      },\n    },\n    compoundVariants: [\n      // Inactive states (all variants)\n      ...componentColors.map((color) => ({\n        color: color as TabsColor,\n        active: false as const,\n        className: \"text-text-secondary hover:text-text-primary\",\n      })),\n\n      // Active pill variant - uses foreground text\n      ...componentColors.map((color) => ({\n        variant: \"pill\" as const,\n        color: color as TabsColor,\n        active: true as const,\n        className: \"text-slot-fg\",\n      })),\n\n      // Active default/solid/soft variants - uses accent text\n      ...componentColors.map((color) => ({\n        variant: \"default\" as const,\n        color: color as TabsColor,\n        active: true as const,\n        className: \"text-slot\",\n      })),\n      ...componentColors.map((color) => ({\n        variant: \"solid\" as const,\n        color: color as TabsColor,\n        active: true as const,\n        className: \"text-slot\",\n      })),\n      ...componentColors.map((color) => ({\n        variant: \"soft\" as const,\n        color: color as TabsColor,\n        active: true as const,\n        className: \"text-slot\",\n      })),\n\n      // Inactive pill variant hover\n      ...componentColors.map((color) => ({\n        variant: \"pill\" as const,\n        color: color as TabsColor,\n        active: false as const,\n        className: \"bg-transparent hover:bg-background/50\",\n      })),\n    ],\n    defaultVariants: {\n      size: \"md\",\n      variant: \"default\",\n      color: \"primary\",\n      active: false,\n    },\n  },\n);\n\nconst Tabs = React.memo<TabsProps>(\n  ({\n    items,\n    defaultActiveKey,\n    activeKey: controlledActiveKey,\n    color = \"primary\",\n    size = \"md\",\n    variant = \"default\",\n    onChange,\n    className,\n    classNames,\n  }) => {\n    const [internalActiveKey, setInternalActiveKey] = useState(\n      defaultActiveKey || items[0]?.key || \"\",\n    );\n    const tabListRef = useRef<HTMLDivElement>(null);\n    const tabRefs = useRef<Map<string, HTMLButtonElement>>(new Map());\n    const [indicatorStyle, setIndicatorStyle] = useState<React.CSSProperties>(\n      {},\n    );\n    const [hasInitialized, setHasInitialized] = useState(false);\n\n    // Generate unique IDs for accessibility\n    const uniqueId = useId();\n\n    const activeKey =\n      controlledActiveKey !== undefined\n        ? controlledActiveKey\n        : internalActiveKey;\n\n    // Measure and position the sliding indicator\n    const updateIndicatorPosition = useCallback(() => {\n      const activeTab = tabRefs.current.get(activeKey);\n      const tabList = tabListRef.current;\n      if (!activeTab || !tabList) return;\n\n      // Use offsetLeft for parent-relative positioning (more reliable than getBoundingClientRect)\n      const left = activeTab.offsetLeft;\n      const width = activeTab.offsetWidth;\n      const height = activeTab.offsetHeight;\n\n      const isPill = variant === \"pill\";\n\n      if (isPill) {\n        // For pill variant, account for padding (SSR-safe guard)\n        let paddingLeft = 0;\n        if (typeof window !== \"undefined\") {\n          const computedStyle = window.getComputedStyle(tabList);\n          paddingLeft = parseFloat(computedStyle.paddingLeft) || 0;\n        }\n        \n        setIndicatorStyle({\n          transform: `translateX(${left - paddingLeft}px)`,\n          width: `${width}px`,\n          height: `${height}px`,\n          opacity: 1,\n        });\n      } else {\n        setIndicatorStyle({\n          transform: `translateX(${left}px)`,\n          width: `${width}px`,\n          opacity: 1,\n        });\n      }\n\n      // Enable transitions after initial positioning\n      if (!hasInitialized) {\n        requestAnimationFrame(() => setHasInitialized(true));\n      }\n    }, [activeKey, variant, hasInitialized]);\n\n    useIsomorphicLayoutEffect(() => {\n      updateIndicatorPosition();\n    }, [updateIndicatorPosition, items, size]);\n\n    // Handle window resize and orientation changes (SSR-safe)\n    useEffect(() => {\n      if (typeof window === \"undefined\") return;\n\n      const handleResize = () => {\n        requestAnimationFrame(() => {\n          updateIndicatorPosition();\n        });\n      };\n\n      window.addEventListener('resize', handleResize);\n      window.addEventListener('orientationchange', handleResize);\n\n      return () => {\n        window.removeEventListener('resize', handleResize);\n        window.removeEventListener('orientationchange', handleResize);\n      };\n    }, [updateIndicatorPosition]);\n\n    // Observe tab list resize (handles mobile reflows, font size changes, etc.)\n    useEffect(() => {\n      const tabList = tabListRef.current;\n      if (!tabList || typeof ResizeObserver === 'undefined') return;\n\n      const resizeObserver = new ResizeObserver(() => {\n        requestAnimationFrame(() => {\n          updateIndicatorPosition();\n        });\n      });\n\n      resizeObserver.observe(tabList);\n\n      return () => {\n        resizeObserver.disconnect();\n      };\n    }, [updateIndicatorPosition]);\n\n    const handleTabClick = useCallback(\n      (key: string, disabled?: boolean) => {\n        if (disabled) return;\n\n        if (controlledActiveKey === undefined) {\n          setInternalActiveKey(key);\n        }\n        onChange?.(key);\n      },\n      [controlledActiveKey, onChange],\n    );\n\n    // Handle keyboard navigation (arrow keys, Home, End)\n    const handleKeyDown = useCallback(\n      (event: React.KeyboardEvent<HTMLButtonElement>, currentIndex: number) => {\n        const enabledIndices = items\n          .map((item, i) => (!item.disabled ? i : -1))\n          .filter((i): i is number => i !== -1);\n        const currentEnabledIndex = enabledIndices.indexOf(currentIndex);\n\n        let newIndex: number | undefined;\n\n        switch (event.key) {\n          case \"ArrowLeft\":\n          case \"ArrowUp\":\n            event.preventDefault();\n            newIndex =\n              enabledIndices[\n                currentEnabledIndex > 0\n                  ? currentEnabledIndex - 1\n                  : enabledIndices.length - 1\n              ];\n            break;\n          case \"ArrowRight\":\n          case \"ArrowDown\":\n            event.preventDefault();\n            newIndex =\n              enabledIndices[\n                currentEnabledIndex < enabledIndices.length - 1\n                  ? currentEnabledIndex + 1\n                  : 0\n              ];\n            break;\n          case \"Home\":\n            event.preventDefault();\n            newIndex = enabledIndices[0];\n            break;\n          case \"End\":\n            event.preventDefault();\n            newIndex = enabledIndices[enabledIndices.length - 1];\n            break;\n        }\n\n        if (newIndex !== undefined) {\n          const newItem = items[newIndex];\n          if (newItem) {\n            handleTabClick(newItem.key);\n            // Focus the new tab\n            const btn = tabRefs.current.get(newItem.key);\n            btn?.focus();\n          }\n        }\n      },\n      [items, handleTabClick],\n    );\n\n    const activeItem = items.find((item) => item.key === activeKey);\n    const isPill = variant === \"pill\";\n\n    return (\n      <div\n        data-slot=\"tabs_root\"\n        className={cn(\"tabs_root w-full\", colorVars[color], classNames?.root, className)}\n      >\n        <div\n          ref={tabListRef}\n          role=\"tablist\"\n          aria-orientation=\"horizontal\"\n          data-slot=\"tabs_list\"\n          className={cn(\n            \"tabs_list overflow-x-auto\",\n            tabListVariants({ size, variant }),\n            variant !== \"pill\" && \"border-border\",\n            classNames?.list,\n          )}\n        >\n          {/* Sliding indicator */}\n          <span\n            data-slot=\"tabs_indicator\"\n            className={cn(\n              \"tabs_indicator absolute pointer-events-none\",\n              isPill\n                ? cn(\"rounded-md shadow-sm top-0.5\", \"bg-slot\")\n                : cn(\"bottom-0 h-0.5 rounded-full\", \"bg-slot\"),\n              hasInitialized\n                ? \"transition-[transform,width] duration-300 ease-out\"\n                : \"\",\n              classNames?.indicator,\n            )}\n            style={indicatorStyle}\n            aria-hidden=\"true\"\n          />\n\n          {items.map((item, index) => {\n            const isActive = item.key === activeKey;\n            const tabId = `tab-${uniqueId}-${item.key}`;\n            const panelId = `panel-${uniqueId}-${item.key}`;\n\n            return (\n              <button\n                key={item.key}\n                ref={(el) => {\n                  if (el) tabRefs.current.set(item.key, el);\n                  else tabRefs.current.delete(item.key);\n                }}\n                id={tabId}\n                role=\"tab\"\n                type=\"button\"\n                aria-selected={isActive}\n                aria-controls={panelId}\n                tabIndex={isActive ? 0 : -1}\n                data-slot=\"tabs_tab\"\n                className={cn(\n                  \"tabs_tab\",\n                  tabItemVariants({\n                    size,\n                    variant,\n                    color,\n                    active: isActive,\n                  }),\n                  item.disabled && \"opacity-50 cursor-not-allowed\",\n                  classNames?.tab,\n                  isActive && classNames?.tabActive,\n                )}\n                onClick={() => handleTabClick(item.key, item.disabled)}\n                onKeyDown={(e) => handleKeyDown(e, index)}\n                disabled={item.disabled}\n              >\n                {item.icon && <span aria-hidden=\"true\">{item.icon}</span>}\n                {item.label}\n              </button>\n            );\n          })}\n        </div>\n\n        {activeItem?.content && (\n          <div\n            id={`panel-${uniqueId}-${activeItem.key}`}\n            role=\"tabpanel\"\n            aria-labelledby={`tab-${uniqueId}-${activeItem.key}`}\n            data-slot=\"tabs_panel\"\n            className={cn(\n              \"tabs_panel\",\n              \"py-4 animate-in fade-in slide-in-from-bottom-2 duration-300\",\n              classNames?.panel,\n            )}\n          >\n            {activeItem?.content}\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nTabs.displayName = \"Tabs\";\n\nexport type { TabsClassNames } from \"./types\";\nexport type * from \"./types\";\nexport default Tabs;\n"]}

package/dist/{chunk-DF2ICSNI.js → chunk-I7HJBHQU.js}

@@ -1,5 +1,5 @@
 import { useRipple, RippleContainer } from './chunk-4TEZWGX7.js';
-import { colorVars } from './chunk-GLJDHW73.js';
+import { colorVars } from './chunk-G6QIIWKU.js';
 import { cn } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
 import React, { useState } from 'react';
@@ -95,5 +95,5 @@ Toggle.displayName = "Toggle";
 var toggle_default = Toggle;
 
 export { toggle_default };
-//# sourceMappingURL=chunk-DF2ICSNI.js.map
-//# sourceMappingURL=chunk-DF2ICSNI.js.map
+//# sourceMappingURL=chunk-I7HJBHQU.js.map
+//# sourceMappingURL=chunk-I7HJBHQU.js.map