@mdigital_ui/ui 0.4.2 → 0.4.4

package/dist/chunk-HJITFPBT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/shared/useSelectBase.ts"],"names":[],"mappings":";;;;;AAkCO,SAAS,cACd,MAAA,EACA;AACA,EAAA,MAAM;AAAA,IACJ,OAAA;AAAA,IACA,mBAAA,GAAsB,EAAA;AAAA,IACtB,iBAAA,GAAoB,GAAA;AAAA,IACpB,KAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA;AAAA,IACA;AAAA,GACF,GAAI,MAAA;AAGJ,EAAA,MAAM,WAAW,KAAA,EAAM;AACvB,EAAA,MAAM,OAAA,GAAU,CAAA,EAAG,QAAQ,CAAA,OAAA,EAAU,QAAQ,CAAA,CAAA;AAC7C,EAAA,MAAM,SAAA,GAAY,CAAA,EAAG,QAAQ,CAAA,SAAA,EAAY,QAAQ,CAAA,CAAA;AACjD,EAAA,MAAM,QAAA,GAAW,CAAA,EAAG,QAAQ,CAAA,QAAA,EAAW,QAAQ,CAAA,CAAA;AAE/C,EAAA,MAAM,EAAE,MAAA,EAAQ,OAAA,EAAS,aAAA,KAAkB,mBAAA,CAAoB;AAAA,IAC7D,KAAA;AAAA,IACA,OAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA;AAAA,IACA;AAAA,GACD,CAAA;AAGD,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,KAAA,CAAM,SAAS,KAAK,CAAA;AAChD,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,KAAA,CAAM,QAAA;AAAA,IACxC;AAAA,GACF;AACA,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,KAAA,CAAM,SAAS,EAAE,CAAA;AACvD,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,KAAA,CAAM,SAAS,KAAK,CAAA;AAC5D,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,KAAA,CAAM,SAAS,KAAK,CAAA;AAGlE,EAAA,MAAM,UAAA,GAAa,KAAA,CAAM,MAAA,CAA0B,IAAI,CAAA;AACvD,EAAA,MAAM,QAAA,GAAW,KAAA,CAAM,MAAA,CAAyB,IAAI,CAAA;AACpD,EAAA,MAAM,kBAAA,GAAqB,KAAA,CAAM,MAAA,CAAuB,IAAI,CAAA;AAG5D,EAAA,MAAM,WAAA,GAAc,KAAA,CAAM,MAAA,CAAO,MAAA,CAAO,cAAc,CAAA;AACtD,EAAA,KAAA,CAAM,UAAU,MAAM;AACpB,IAAA,WAAA,CAAY,UAAU,MAAA,CAAO,cAAA;AAAA,EAC/B,CAAA,EAAG,CAAC,MAAA,CAAO,cAAc,CAAC,CAAA;AAG1B,EAAA,MAAM,cAAA,GAAiB,KAAA,CAAM,OAAA,CAAQ,MAAM;AACzC,IAAA,MAAM,SAA8B,EAAC;AACrC,IAAA,MAAM,YAAiB,EAAC;AAExB,IAAA,OAAA,CAAQ,OAAA,CAAQ,CAAC,MAAA,KAAW;AAC1B,MAAA,IAAI,OAAO,KAAA,EAAO;AAChB,QAAA,IAAI,CAAC,MAAA,CAAO,MAAA,CAAO,KAAK,CAAA,EAAG;AACzB,UAAA,MAAA,CAAO,MAAA,CAAO,KAAK,CAAA,GAAI,EAAC;AAAA,QAC1B;AACA,QAAA,MAAA,CAAO,MAAA,CAAO,KAAK,CAAA,CAAG,IAAA,CAAK,MAAM,CAAA;AAAA,MACnC,CAAA,MAAO;AACL,QAAA,SAAA,CAAU,KAAK,MAAM,CAAA;AAAA,MACvB;AAAA,IACF,CAAC,CAAA;AAED,IAAA,OAAO,EAAE,QAAQ,SAAA,EAAU;AAAA,EAC7B,CAAA,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,MAAM,gBAAA,GAAmB,KAAA,CAAM,OAAA,CAAQ,MAAM;AAC3C,IAAA,MAAM,QAAiC,EAAC;AAExC,IAAA,cAAA,CAAe,SAAA,CAAU,OAAA,CAAQ,CAAC,MAAA,KAAW;AAC3C,MAAA,KAAA,CAAM,KAAK,EAAE,IAAA,EAAM,QAAA,EAAU,IAAA,EAAM,QAAQ,CAAA;AAAA,IAC7C,CAAC,CAAA;AAED,IAAA,MAAA,CAAO,OAAA,CAAQ,cAAA,CAAe,MAAM,CAAA,CAAE,OAAA;AAAA,MACpC,CAAC,CAAC,SAAA,EAAW,YAAY,CAAA,KAAM;AAC7B,QAAA,KAAA,CAAM,KAAK,EAAE,IAAA,EAAM,OAAA,EAAS,IAAA,EAAM,WAAW,CAAA;AAC7C,QAAC,YAAA,CAAqB,OAAA,CAAQ,CAAC,MAAA,KAAW;AACxC,UAAA,KAAA,CAAM,KAAK,EAAE,IAAA,EAAM,QAAA,EAAU,IAAA,EAAM,QAAQ,CAAA;AAAA,QAC7C,CAAC,CAAA;AAAA,MACH;AAAA,KACF;AAEA,IAAA,OAAO,KAAA;AAAA,EACT,CAAA,EAAG,CAAC,cAAc,CAAC,CAAA;AAEnB,EAAA,MAAM,eAAA,GAAkB,KAAA,CAAM,OAAA,CAAQ,MAAM;AAC1C,IAAA,IAAI,CAAC,aAAa,OAAO,gBAAA;AAEzB,IAAA,MAAM,KAAA,GAAQ,YAAY,WAAA,EAAY;AACtC,IAAA,MAAM,kBAAkB,IAAI,GAAA;AAAA,MAC1B,gBAAA,CAAiB,MAAA;AAAA,QACf,CAAC,IAAA,KACC,IAAA,CAAK,IAAA,KAAS,QAAA,IACb,IAAA,CAAK,IAAA,CAAW,KAAA,CAAM,WAAA,EAAY,CAAE,QAAA,CAAS,KAAK;AAAA;AACvD,KACF;AAGA,IAAA,MAAM,cAAA,uBAAqB,GAAA,EAAY;AACvC,IAAA,KAAA,MAAW,QAAQ,gBAAA,EAAkB;AACnC,MAAA,IAAI,KAAK,IAAA,KAAS,QAAA,IAAY,eAAA,CAAgB,GAAA,CAAI,IAAI,CAAA,EAAG;AACvD,QAAA,MAAM,KAAA,GAAS,KAAK,IAAA,CAAW,KAAA;AAC/B,QAAA,IAAI,KAAA,EAAO,cAAA,CAAe,GAAA,CAAI,KAAK,CAAA;AAAA,MACrC;AAAA,IACF;AAEA,IAAA,OAAO,gBAAA,CAAiB,MAAA,CAAO,CAAC,IAAA,KAAS;AACvC,MAAA,IAAI,IAAA,CAAK,SAAS,OAAA,EAAS;AACzB,QAAA,OAAO,cAAA,CAAe,GAAA,CAAI,IAAA,CAAK,IAAc,CAAA;AAAA,MAC/C;AACA,MAAA,OAAO,eAAA,CAAgB,IAAI,IAAI,CAAA;AAAA,IACjC,CAAC,CAAA;AAAA,EACH,CAAA,EAAG,CAAC,gBAAA,EAAkB,WAAW,CAAC,CAAA;AAElC,EAAA,MAAM,oBAAoB,KAAA,CAAM,OAAA;AAAA,IAC9B,MACE,eAAA,CAAgB,MAAA;AAAA,MACd,CAAC,IAAA,KAAS,IAAA,CAAK,SAAS,QAAA,IAAY,CAAE,KAAK,IAAA,CAAW;AAAA,KACxD;AAAA,IACF,CAAC,eAAe;AAAA,GAClB;AAEA,EAAA,MAAM,iBAAiB,KAAA,CAAM,OAAA;AAAA,IAC3B,MAAM,KAAA,CAAM,IAAA,CAAK,EAAE,MAAA,EAAQ,iBAAA,CAAkB,MAAA,EAAO,EAAG,CAAC,CAAA,EAAG,CAAA,KAAM,CAAC,CAAA;AAAA,IAClE,CAAC,kBAAkB,MAAM;AAAA,GAC3B;AAEA,EAAA,MAAM,eAAA,GAAkB,KAAA,CAAM,WAAA,CAAY,MAAM;AAC9C,IAAA,SAAA,CAAU,KAAK,CAAA;AACf,IAAA,cAAA,CAAe,EAAE,CAAA;AACjB,IAAA,QAAA,CAAS,SAAS,IAAA,EAAK;AAAA,EACzB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,eAAe,KAAA,CAAM,WAAA;AAAA,IACzB,CAAC,KAAA,KAAkB;AACjB,MAAA,MAAM,IAAA,GAAO,kBAAkB,KAAK,CAAA;AACpC,MAAA,IAAI,IAAA,EAAM;AACR,QAAA,WAAA,CAAY,OAAA,CAAQ,KAAK,IAAS,CAAA;AAAA,MACpC;AAAA,IACF,CAAA;AAAA,IACA,CAAC,iBAAiB;AAAA,GACpB;AAEA,EAAA,MAAM;AAAA,IACJ,gBAAA;AAAA,IACA,mBAAA;AAAA,IACA,aAAA,EAAe;AAAA,MACb,iBAAA,CAAkB;AAAA,IACpB,cAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA,EAAS,eAAA;AAAA,IACT,QAAA,EAAU,YAAA;AAAA,IACV,MAAA,EAAQ,MAAM,SAAA,CAAU,IAAI,CAAA;AAAA,IAC5B,IAAA,EAAM;AAAA,GACP,CAAA;AAGD,EAAA,KAAA,CAAM,UAAU,MAAM;AACpB,IAAA,mBAAA,CAAoB,EAAE,CAAA;AAAA,EACxB,CAAA,EAAG,CAAC,eAAA,EAAiB,mBAAmB,CAAC,CAAA;AAGzC,EAAA,MAAM,gBAAgB,KAAA,CAAM,WAAA;AAAA,IAC1B,CAAC,CAAA,KAA2B;AAC1B,MAAA,IAAI,MAAA,IAAU,CAAA,CAAE,GAAA,KAAQ,GAAA,EAAK;AAC3B,QAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,QAAA;AAAA,MACF;AACA,MAAA,iBAAA,CAAkB,CAAC,CAAA;AAAA,IACrB,CAAA;AAAA,IACA,CAAC,QAAQ,iBAAiB;AAAA,GAC5B;AAIA,EAAA,MAAM,cAAc,KAAA,CAAM,WAAA;AAAA,IACxB,CAAC,CAAA,KAA2B;AAC1B,MAAA,IAAI,MAAA,IAAU,CAAA,CAAE,GAAA,KAAQ,GAAA,EAAK;AAC3B,QAAA,CAAA,CAAE,cAAA,EAAe;AACjB,QAAA,CAAA,CAAE,eAAA,EAAgB;AAAA,MACpB;AAAA,IACF,CAAA;AAAA,IACA,CAAC,MAAM;AAAA,GACT;AAEA,EAAA,MAAM,gBAAA,GAAmB,gBAAgB,MAAA,GAAS,mBAAA;AAGlD,EAAA,MAAM,cAAc,cAAA,CAAe;AAAA,IACjC,OAAO,eAAA,CAAgB,MAAA;AAAA,IACvB,kBAAkB,MAAM,UAAA;AAAA,IACxB,cAAc,MAAM,EAAA;AAAA,IACpB,OAAA,EAAS,gBAAA;AAAA,IACT,QAAA,EAAU;AAAA,GACX,CAAA;AAED,EAAA,MAAM,cAAA,GAAiB,KAAA,CAAM,MAAA,CAAO,WAAW,CAAA;AAC/C,EAAA,KAAA,CAAM,UAAU,MAAM;AACpB,IAAA,cAAA,CAAe,OAAA,GAAU,WAAA;AAAA,EAC3B,CAAA,EAAG,CAAC,WAAW,CAAC,CAAA;AAEhB,EAAA,MAAM,WAAA,GAAc,WAAA,CAAY,CAAC,IAAA,KAAyB;AACxD,IAAA,IAAI,IAAA,EAAM;AACR,MAAA,aAAA,CAAc,IAAI,CAAA;AAClB,MAAA,kBAAA,CAAmB,OAAA,GAAU,IAAA;AAAA,IAC/B;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AAGL,EAAA,MAAM,oBAAoB,KAAA,CAAM,WAAA;AAAA,IAC9B,CAAC,CAAA,KAA2C;AAC1C,MAAA,cAAA,CAAe,CAAA,CAAE,OAAO,KAAK,CAAA;AAC7B,MAAA,SAAA,CAAU,IAAI,CAAA;AAAA,IAChB,CAAA;AAAA,IACA;AAAC,GACH;AAEA,EAAA,MAAM,mBAAmB,KAAA,CAAM,WAAA;AAAA,IAC7B,CAAC,CAAA,KAAwB;AACvB,MAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,MAAA,SAAA,CAAU,IAAI,CAAA;AAAA,IAChB,CAAA;AAAA,IACA;AAAC,GACH;AAEA,EAAA,MAAM,eAAe,KAAA,CAAM,WAAA;AAAA,IACzB,CAAC,CAAA,KAAqC;AACpC,MAAA,MAAM,UAAU,CAAA,CAAE,aAAA;AAClB,MAAA,MAAM,EAAE,SAAA,EAAW,YAAA,EAAc,YAAA,EAAa,GAAI,OAAA;AAElD,MAAA,eAAA,CAAgB,YAAY,CAAC,CAAA;AAC7B,MAAA,kBAAA,CAAmB,SAAA,GAAY,YAAA,GAAe,YAAA,GAAe,CAAC,CAAA;AAAA,IAChE,CAAA;AAAA,IACA;AAAC,GACH;AAGA,EAAA,KAAA,CAAM,UAAU,MAAM;AACpB,IAAA,IAAI,CAAC,gBAAA,IAAoB,gBAAA,GAAmB,CAAA,EAAG;AAC/C,IAAA,MAAM,MAAA,GAAS,kBAAkB,gBAAgB,CAAA;AACjD,IAAA,IAAI,MAAA,EAAQ;AACV,MAAA,MAAM,WAAA,GAAc,eAAA,CAAgB,OAAA,CAAQ,MAAM,CAAA;AAClD,MAAA,IAAI,eAAe,CAAA,EAAG;AACpB,QAAA,cAAA,CAAe,QAAQ,aAAA,CAAc,WAAA,EAAa,EAAE,KAAA,EAAO,QAAQ,CAAA;AAAA,MACrE;AAAA,IACF;AAAA,EACF,GAAG,CAAC,gBAAA,EAAkB,iBAAA,EAAmB,eAAA,EAAiB,gBAAgB,CAAC,CAAA;AAI3E,EAAA,KAAA,CAAM,UAAU,MAAM;AACpB,IAAA,IAAI,MAAA,EAAQ;AACV,MAAA,MAAM,SAAA,GAAY,WAAW,MAAM;AACjC,QAAA,MAAM,UAAU,kBAAA,CAAmB,OAAA;AACnC,QAAA,IAAI,OAAA,EAAS;AACX,UAAA,MAAM,EAAE,SAAA,EAAW,YAAA,EAAc,YAAA,EAAa,GAAI,OAAA;AAClD,UAAA,eAAA,CAAgB,YAAY,CAAC,CAAA;AAC7B,UAAA,kBAAA,CAAmB,SAAA,GAAY,YAAA,GAAe,YAAA,GAAe,CAAC,CAAA;AAAA,QAChE;AAAA,MACF,GAAG,EAAE,CAAA;AAEL,MAAA,OAAO,MAAM,aAAa,SAAS,CAAA;AAAA,IACrC,CAAA,MAAO;AACL,MAAA,eAAA,CAAgB,KAAK,CAAA;AACrB,MAAA,kBAAA,CAAmB,KAAK,CAAA;AACxB,MAAA,OAAO,MAAA;AAAA,IACT;AAAA,EACF,CAAA,EAAG,CAAC,MAAA,EAAQ,eAAA,EAAiB,gBAAgB,CAAC,CAAA;AAG9C,EAAA,OAAO;AAAA;AAAA,IAEL,MAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAA;AAAA,IACA,gBAAA;AAAA,IACA,mBAAA;AAAA,IACA,YAAA;AAAA,IACA,eAAA;AAAA;AAAA,IAGA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,kBAAA;AAAA;AAAA,IAGA,eAAA;AAAA,IACA,iBAAA;AAAA,IACA,gBAAA;AAAA,IACA,WAAA;AAAA,IACA,iBAAA;AAAA,IACA,KAAA;AAAA;AAAA,IAGA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,MAAA;AAAA,IACA,aAAA;AAAA;AAAA,IAGA,iBAAA;AAAA,IACA,gBAAA;AAAA,IACA,YAAA;AAAA,IACA,aAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,GACF;AACF","file":"chunk-HJITFPBT.js","sourcesContent":["import { useVirtualizer } from \"@tanstack/react-virtual\";\nimport React, { useCallback, useId } from \"react\";\n\nimport { useMenuNavigation } from \"../hooks/useMenuNavigation\";\nimport { getValidationStatus } from \"../utils\";\n\ninterface SelectBaseOption {\n  value: string | number;\n  label: string;\n  disabled?: boolean;\n  group?: string;\n}\n\ninterface UseSelectBaseConfig<O extends SelectBaseOption> {\n  options: O[];\n  /** Called when the user presses Enter on a highlighted option (or clicks one via the hook's helpers). */\n  onSelectOption: (option: O) => void;\n  virtualizeThreshold?: number;\n  maxDropdownHeight?: number;\n  label?: string;\n  idPrefix: string; // 'select' or 'multiselect'\n  error?: string | boolean;\n  warning?: string | boolean;\n  info?: string | boolean;\n  success?: string | boolean;\n  helperText?: string;\n}\n\nexport interface FlattenedItem<O extends SelectBaseOption> {\n  type: \"option\" | \"group\";\n  data: O | string;\n}\n\n\nexport function useSelectBase<O extends SelectBaseOption>(\n  config: UseSelectBaseConfig<O>,\n) {\n  const {\n    options,\n    virtualizeThreshold = 50,\n    maxDropdownHeight = 300,\n    label,\n    idPrefix,\n    error,\n    warning,\n    info,\n    success,\n    helperText,\n  } = config;\n\n  // -- IDs / validation -------------------------------------------------------\n  const uniqueId = useId();\n  const labelId = `${idPrefix}-label-${uniqueId}`;\n  const listboxId = `${idPrefix}-listbox-${uniqueId}`;\n  const helperId = `${idPrefix}-helper-${uniqueId}`;\n\n  const { status, message: helperMessage } = getValidationStatus({\n    error,\n    warning,\n    info,\n    success,\n    helperText,\n  });\n\n  // -- State ------------------------------------------------------------------\n  const [isOpen, setIsOpen] = React.useState(false);\n  const [parentNode, setParentNode] = React.useState<HTMLDivElement | null>(\n    null,\n  );\n  const [searchQuery, setSearchQuery] = React.useState(\"\");\n  const [showTopArrow, setShowTopArrow] = React.useState(false);\n  const [showBottomArrow, setShowBottomArrow] = React.useState(false);\n\n  // -- Refs -------------------------------------------------------------------\n  const triggerRef = React.useRef<HTMLButtonElement>(null);\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const scrollContainerRef = React.useRef<HTMLDivElement>(null);\n\n  // Store onSelectOption in a ref so handleKeyDown doesn't depend on it\n  const onSelectRef = React.useRef(config.onSelectOption);\n  React.useEffect(() => {\n    onSelectRef.current = config.onSelectOption;\n  }, [config.onSelectOption]);\n\n  // -- Memos ------------------------------------------------------------------\n  const groupedOptions = React.useMemo(() => {\n    const groups: Record<string, O[]> = {};\n    const ungrouped: O[] = [];\n\n    options.forEach((option) => {\n      if (option.group) {\n        if (!groups[option.group]) {\n          groups[option.group] = [];\n        }\n        groups[option.group]!.push(option);\n      } else {\n        ungrouped.push(option);\n      }\n    });\n\n    return { groups, ungrouped };\n  }, [options]);\n\n  const flattenedOptions = React.useMemo(() => {\n    const items: Array<FlattenedItem<O>> = [];\n\n    groupedOptions.ungrouped.forEach((option) => {\n      items.push({ type: \"option\", data: option });\n    });\n\n    Object.entries(groupedOptions.groups).forEach(\n      ([groupName, groupOptions]) => {\n        items.push({ type: \"group\", data: groupName });\n        (groupOptions as O[]).forEach((option) => {\n          items.push({ type: \"option\", data: option });\n        });\n      },\n    );\n\n    return items;\n  }, [groupedOptions]);\n\n  const filteredOptions = React.useMemo(() => {\n    if (!searchQuery) return flattenedOptions;\n\n    const query = searchQuery.toLowerCase();\n    const matchingOptions = new Set(\n      flattenedOptions.filter(\n        (item) =>\n          item.type === \"option\" &&\n          (item.data as O).label.toLowerCase().includes(query),\n      ),\n    );\n\n    // Build set of group names that have matching options - O(n)\n    const matchingGroups = new Set<string>();\n    for (const item of flattenedOptions) {\n      if (item.type === \"option\" && matchingOptions.has(item)) {\n        const group = (item.data as O).group;\n        if (group) matchingGroups.add(group);\n      }\n    }\n\n    return flattenedOptions.filter((item) => {\n      if (item.type === \"group\") {\n        return matchingGroups.has(item.data as string);\n      }\n      return matchingOptions.has(item);\n    });\n  }, [flattenedOptions, searchQuery]);\n\n  const selectableOptions = React.useMemo(\n    () =>\n      filteredOptions.filter(\n        (item) => item.type === \"option\" && !(item.data as O).disabled,\n      ),\n    [filteredOptions],\n  );\n\n  const enabledIndices = React.useMemo(\n    () => Array.from({ length: selectableOptions.length }, (_, i) => i),\n    [selectableOptions.length],\n  );\n\n  const handleMenuClose = React.useCallback(() => {\n    setIsOpen(false);\n    setSearchQuery(\"\");\n    inputRef.current?.blur();\n  }, []);\n\n  const onMenuSelect = React.useCallback(\n    (index: number) => {\n      const item = selectableOptions[index];\n      if (item) {\n        onSelectRef.current(item.data as O);\n      }\n    },\n    [selectableOptions],\n  );\n\n  const {\n    highlightedIndex,\n    setHighlightedIndex,\n    handleKeyDown: menuHandleKeyDown,\n  } = useMenuNavigation({\n    enabledIndices,\n    isOpen,\n    onClose: handleMenuClose,\n    onSelect: onMenuSelect,\n    onOpen: () => setIsOpen(true),\n    loop: false,\n  });\n\n  // Reset highlight when filtered options change (e.g. search query changes)\n  React.useEffect(() => {\n    setHighlightedIndex(-1);\n  }, [filteredOptions, setHighlightedIndex]);\n\n  // Wrap the hook's handler: Space must type in the search input, not select\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (isOpen && e.key === \" \") {\n        e.stopPropagation();\n        return;\n      }\n      menuHandleKeyDown(e);\n    },\n    [isOpen, menuHandleKeyDown],\n  );\n\n  // Prevent Space keyup from bubbling to the <button> trigger (native button\n  // activation fires on keyup, which would toggle the Popover closed).\n  const handleKeyUp = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (isOpen && e.key === \" \") {\n        e.preventDefault();\n        e.stopPropagation();\n      }\n    },\n    [isOpen],\n  );\n\n  const shouldVirtualize = filteredOptions.length > virtualizeThreshold;\n\n  // -- Virtualizer ------------------------------------------------------------\n  const virtualizer = useVirtualizer({\n    count: filteredOptions.length,\n    getScrollElement: () => parentNode,\n    estimateSize: () => 40,\n    enabled: shouldVirtualize,\n    overscan: 10,\n  });\n\n  const virtualizerRef = React.useRef(virtualizer);\n  React.useEffect(() => {\n    virtualizerRef.current = virtualizer;\n  }, [virtualizer]);\n\n  const refCallback = useCallback((node: HTMLDivElement) => {\n    if (node) {\n      setParentNode(node);\n      scrollContainerRef.current = node;\n    }\n  }, []);\n\n  // -- Handlers ---------------------------------------------------------------\n  const handleInputChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setSearchQuery(e.target.value);\n      setIsOpen(true);\n    },\n    [],\n  );\n\n  const handleInputClick = React.useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      setIsOpen(true);\n    },\n    [],\n  );\n\n  const handleScroll = React.useCallback(\n    (e: React.UIEvent<HTMLDivElement>) => {\n      const element = e.currentTarget;\n      const { scrollTop, scrollHeight, clientHeight } = element;\n\n      setShowTopArrow(scrollTop > 0);\n      setShowBottomArrow(scrollTop + clientHeight < scrollHeight - 1);\n    },\n    [],\n  );\n\n  // Scroll highlighted option into view when virtualizing\n  React.useEffect(() => {\n    if (!shouldVirtualize || highlightedIndex < 0) return;\n    const option = selectableOptions[highlightedIndex];\n    if (option) {\n      const optionIndex = filteredOptions.indexOf(option);\n      if (optionIndex >= 0) {\n        virtualizerRef.current.scrollToIndex(optionIndex, { align: \"auto\" });\n      }\n    }\n  }, [highlightedIndex, selectableOptions, filteredOptions, shouldVirtualize]);\n\n  // -- Effects ----------------------------------------------------------------\n  // Check initial scroll state when dropdown opens\n  React.useEffect(() => {\n    if (isOpen) {\n      const timeoutId = setTimeout(() => {\n        const element = scrollContainerRef.current;\n        if (element) {\n          const { scrollTop, scrollHeight, clientHeight } = element;\n          setShowTopArrow(scrollTop > 0);\n          setShowBottomArrow(scrollTop + clientHeight < scrollHeight - 1);\n        }\n      }, 50);\n\n      return () => clearTimeout(timeoutId);\n    } else {\n      setShowTopArrow(false);\n      setShowBottomArrow(false);\n      return undefined;\n    }\n  }, [isOpen, filteredOptions, shouldVirtualize]);\n\n  // -- Return -----------------------------------------------------------------\n  return {\n    // State\n    isOpen,\n    setIsOpen,\n    searchQuery,\n    setSearchQuery,\n    highlightedIndex,\n    setHighlightedIndex,\n    showTopArrow,\n    showBottomArrow,\n\n    // Refs\n    triggerRef,\n    inputRef,\n    scrollContainerRef,\n\n    // Computed\n    filteredOptions,\n    selectableOptions,\n    shouldVirtualize,\n    virtualizer,\n    maxDropdownHeight,\n    label,\n\n    // IDs & validation\n    uniqueId,\n    labelId,\n    listboxId,\n    helperId,\n    status,\n    helperMessage,\n\n    // Handlers\n    handleInputChange,\n    handleInputClick,\n    handleScroll,\n    handleKeyDown,\n    handleKeyUp,\n    refCallback,\n  };\n}\n"]}

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

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

package/dist/chunk-HR5TGNOF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/slider/index.tsx"],"names":[],"mappings":";;;;;;AASA,IAAM,mBAAA,GAAsB,IAAI,uBAAA,EAAyB;AAAA,EACvD,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,EAAA;AAAA,MACJ,EAAA,EAAI,EAAA;AAAA,MACJ,EAAA,EAAI,EAAA;AAAA,MACJ,EAAA,EAAI;AAAA,KACN;AAAA,IACA,WAAA,EAAa;AAAA,MACX,UAAA,EAAY,EAAA;AAAA,MACZ,QAAA,EAAU;AAAA;AACZ,GACF;AAAA,EACA,gBAAA,EAAkB;AAAA,IAChB,EAAE,WAAA,EAAa,YAAA,EAAc,IAAA,EAAM,IAAA,EAAM,OAAO,KAAA,EAAM;AAAA,IACtD,EAAE,WAAA,EAAa,YAAA,EAAc,IAAA,EAAM,IAAA,EAAM,OAAO,KAAA,EAAM;AAAA,IACtD,EAAE,WAAA,EAAa,YAAA,EAAc,IAAA,EAAM,IAAA,EAAM,OAAO,KAAA,EAAM;AAAA,IACtD,EAAE,WAAA,EAAa,YAAA,EAAc,IAAA,EAAM,IAAA,EAAM,OAAO,KAAA,EAAM;AAAA,IACtD,EAAE,WAAA,EAAa,UAAA,EAAY,IAAA,EAAM,IAAA,EAAM,OAAO,KAAA,EAAM;AAAA,IACpD,EAAE,WAAA,EAAa,UAAA,EAAY,IAAA,EAAM,IAAA,EAAM,OAAO,KAAA,EAAM;AAAA,IACpD,EAAE,WAAA,EAAa,UAAA,EAAY,IAAA,EAAM,IAAA,EAAM,OAAO,KAAA,EAAM;AAAA,IACpD,EAAE,WAAA,EAAa,UAAA,EAAY,IAAA,EAAM,IAAA,EAAM,OAAO,KAAA;AAAM,GACtD;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,WAAA,EAAa;AAAA;AAEjB,CAAC,CAAA;AAED,IAAM,aAAA,GAAgB,GAAA;AAAA,EACpB,gIAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,SAAA;AAAA,QACJ,EAAA,EAAI,aAAA;AAAA,QACJ,EAAA,EAAI,SAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ,CAAA;AAEA,IAAM,oBAAA,GAAuB,CAAC,OAAA,KAAkD;AAC9E,EAAA,IAAI,OAAA,KAAY,QAAQ,OAAO,YAAA;AAC/B,EAAA,IAAI,OAAA,KAAY,SAAS,OAAO,YAAA;AAChC,EAAA,OAAO,YAAA;AACT,CAAA;AAEA,IAAM,mBAAA,GAAsB,CAAC,OAAA,KAAkD;AAC7E,EAAA,IAAI,OAAA,KAAY,WAAW,OAAO,wBAAA;AAClC,EAAA,IAAI,OAAA,KAAY,SAAS,OAAO,SAAA;AAChC,EAAA,OAAO,YAAA;AACT,CAAA;AAEA,IAAM,oBAAA,GAAuB,CAAC,OAAA,KAAkD;AAC9E,EAAA,IAAI,OAAA,KAAY,QAAQ,OAAO,gBAAA;AAC/B,EAAA,OAAO,aAAA;AACT,CAAA;AAEA,IAAM,SAAS,KAAA,CAAM,IAAA;AAAA,EACnB,CAAC;AAAA,IACC,KAAA,EAAO,eAAA;AAAA,IACP,YAAA,GAAe,EAAA;AAAA,IACf,GAAA,GAAM,CAAA;AAAA,IACN,GAAA,GAAM,GAAA;AAAA,IACN,IAAA,GAAO,CAAA;AAAA,IACP,KAAA,GAAQ,SAAA;AAAA,IACR,IAAA,GAAO,IAAA;AAAA,IACP,OAAA,GAAU,SAAA;AAAA,IACV,WAAA,GAAc,YAAA;AAAA,IACd,QAAA;AAAA,IACA,QAAA,GAAW,KAAA;AAAA,IACX,SAAA;AAAA,IACA,UAAA;AAAA,IACA,MAAA,GAAS,KAAA;AAAA,IACT,KAAA,GAAQ;AAAA,GACV,KAAM;AACJ,IAAA,MAAM,aAAa,WAAA,KAAgB,UAAA;AACnC,IAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,QAAA;AAAA,MACxC;AAAA,KACF;AACA,IAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAwB,IAAI,CAAA;AACpE,IAAA,MAAM,QAAA,GAAW,OAAuB,IAAI,CAAA;AAC5C,IAAA,MAAM,UAAA,GAAa,OAAO,KAAK,CAAA;AAC/B,IAAA,MAAM,WAAA,GAAc,OAAe,CAAC,CAAA;AAEpC,IAAA,MAAM,QAAQ,eAAA,IAAmB,aAAA;AACjC,IAAA,MAAM,SAAS,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,GAAI,KAAA,GAAQ,CAAC,KAAK,CAAA;AAGpD,IAAA,MAAM,QAAA,GAAW,OAAO,KAAK,CAAA;AAC7B,IAAA,QAAA,CAAS,OAAA,GAAU,KAAA;AAEnB,IAAA,MAAM,gBAAgB,CAAC,GAAA,KAAA,CAAkB,GAAA,GAAM,GAAA,KAAQ,MAAM,GAAA,CAAA,GAAQ,GAAA;AAGrE,IAAA,MAAM,QAAA,GAAW,WAAA,CAAY,CAAC,OAAA,EAAiB,OAAA,KAAoB;AACjE,MAAA,IAAI,CAAC,QAAA,CAAS,OAAA,EAAS,OAAO,GAAA;AAC9B,MAAA,MAAM,IAAA,GAAO,QAAA,CAAS,OAAA,CAAQ,qBAAA,EAAsB;AACpD,MAAA,MAAM,UAAA,GAAa,UAAA,GACf,CAAA,GAAA,CAAK,OAAA,GAAU,IAAA,CAAK,GAAA,IAAO,IAAA,CAAK,MAAA,GAAA,CAC/B,OAAA,GAAU,IAAA,CAAK,IAAA,IAAQ,IAAA,CAAK,KAAA;AACjC,MAAA,MAAM,QAAA,GAAW,GAAA,GAAM,UAAA,IAAc,GAAA,GAAM,GAAA,CAAA;AAC3C,MAAA,MAAM,YAAA,GAAe,IAAA,CAAK,KAAA,CAAM,QAAA,GAAW,IAAI,CAAA,GAAI,IAAA;AACnD,MAAA,OAAO,KAAK,GAAA,CAAI,GAAA,EAAK,KAAK,GAAA,CAAI,GAAA,EAAK,YAAY,CAAC,CAAA;AAAA,IAClD,GAAG,CAAC,UAAA,EAAY,GAAA,EAAK,GAAA,EAAK,IAAI,CAAC,CAAA;AAG/B,IAAA,MAAM,WAAA,GAAc,WAAA;AAAA,MAClB,CAAC,QAAA,KAAqB;AACpB,QAAA,MAAM,eAAe,QAAA,CAAS,OAAA;AAC9B,QAAA,IAAI,KAAA,IAAS,KAAA,CAAM,OAAA,CAAQ,YAAY,CAAA,EAAG;AACxC,UAAA,MAAM,SAAA,GAAY,CAAC,GAAG,YAAY,CAAA;AAClC,UAAA,SAAA,CAAU,WAAA,CAAY,OAAO,CAAA,GAAI,QAAA;AACjC,UAAA,SAAA,CAAU,IAAA,CAAK,CAAC,CAAA,EAAG,CAAA,KAAM,IAAI,CAAC,CAAA;AAC9B,UAAA,IAAI,CAAC,eAAA,EAAiB,gBAAA,CAAiB,SAAS,CAAA;AAChD,UAAA,QAAA,GAAW,SAAS,CAAA;AAAA,QACtB,CAAA,MAAO;AACL,UAAA,IAAI,CAAC,eAAA,EAAiB,gBAAA,CAAiB,QAAQ,CAAA;AAC/C,UAAA,QAAA,GAAW,QAAQ,CAAA;AAAA,QACrB;AAAA,MACF,CAAA;AAAA,MACA,CAAC,KAAA,EAAO,eAAA,EAAiB,QAAQ;AAAA,KACnC;AAGA,IAAA,MAAM,iBAAA,GAAoB,WAAA;AAAA,MACxB,CAAC,CAAA,KAAoB;AACnB,QAAA,IAAI,CAAC,UAAA,CAAW,OAAA,IAAW,QAAA,EAAU;AACrC,QAAA,WAAA,CAAY,QAAA,CAAS,CAAA,CAAE,OAAA,EAAS,CAAA,CAAE,OAAO,CAAC,CAAA;AAAA,MAC5C,CAAA;AAAA,MACA,CAAC,QAAA,EAAU,WAAA,EAAa,QAAQ;AAAA,KAClC;AAEA,IAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,SAAS,KAAK,CAAA;AAG5D,IAAA,MAAM,iBAAA,GAAoB,WAAA,CAAY,CAAC,CAAA,KAA0C;AAC/E,MAAA,IAAI,QAAA,EAAU;AACd,MAAA,MAAM,aAAa,QAAA,CAAS,CAAA,CAAE,aAAA,CAAc,OAAA,CAAQ,OAAQ,EAAE,CAAA;AAC9D,MAAA,UAAA,CAAW,OAAA,GAAU,IAAA;AACrB,MAAA,kBAAA,CAAmB,IAAI,CAAA;AACvB,MAAA,WAAA,CAAY,OAAA,GAAU,UAAA;AACtB,MAAA,eAAA,CAAgB,UAAU,CAAA;AAC1B,MAAA,IAAK,CAAA,CAAE,OAAuB,iBAAA,EAAmB;AAC9C,QAAC,CAAA,CAAE,MAAA,CAAuB,iBAAA,CAAkB,CAAA,CAAE,SAAS,CAAA;AAAA,MAC1D;AACA,MAAA,CAAA,CAAE,cAAA,EAAe;AAAA,IACnB,CAAA,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEb,IAAA,MAAM,eAAA,GAAkB,YAAY,MAAM;AACxC,MAAA,UAAA,CAAW,OAAA,GAAU,KAAA;AACrB,MAAA,kBAAA,CAAmB,KAAK,CAAA;AACxB,MAAA,eAAA,CAAgB,IAAI,CAAA;AAAA,IACtB,CAAA,EAAG,EAAE,CAAA;AAGL,IAAA,KAAA,CAAM,UAAU,MAAM;AACpB,MAAA,IAAI,CAAC,eAAA,EAAiB;AAEtB,MAAA,QAAA,CAAS,gBAAA,CAAiB,eAAe,iBAAiB,CAAA;AAC1D,MAAA,QAAA,CAAS,gBAAA,CAAiB,aAAa,eAAe,CAAA;AACtD,MAAA,OAAO,MAAM;AACX,QAAA,QAAA,CAAS,mBAAA,CAAoB,eAAe,iBAAiB,CAAA;AAC7D,QAAA,QAAA,CAAS,mBAAA,CAAoB,aAAa,eAAe,CAAA;AAAA,MAC3D,CAAA;AAAA,IACF,CAAA,EAAG,CAAC,eAAA,EAAiB,iBAAA,EAAmB,eAAe,CAAC,CAAA;AAGxD,IAAA,MAAM,gBAAA,GAAmB,WAAA,CAAY,CAAC,CAAA,KAA6E;AACjH,MAAA,IAAI,QAAA,IAAY,WAAW,OAAA,EAAS;AACpC,MAAA,MAAM,QAAA,GAAW,QAAA,CAAS,CAAA,CAAE,OAAA,EAAS,EAAE,OAAO,CAAA;AAC9C,MAAA,MAAM,eAAe,QAAA,CAAS,OAAA;AAE9B,MAAA,IAAI,KAAA,IAAS,KAAA,CAAM,OAAA,CAAQ,YAAY,CAAA,EAAG;AACxC,QAAA,IAAI,iBAAA,GAAoB,CAAA;AACxB,QAAA,IAAI,cAAc,IAAA,CAAK,GAAA,CAAI,YAAY,YAAA,CAAa,CAAC,KAAK,CAAA,CAAE,CAAA;AAC5D,QAAA,KAAA,IAAS,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,YAAA,CAAa,QAAQ,CAAA,EAAA,EAAK;AAC5C,UAAA,MAAM,WAAW,IAAA,CAAK,GAAA,CAAI,YAAY,YAAA,CAAa,CAAC,KAAK,CAAA,CAAE,CAAA;AAC3D,UAAA,IAAI,WAAW,WAAA,EAAa;AAC1B,YAAA,WAAA,GAAc,QAAA;AACd,YAAA,iBAAA,GAAoB,CAAA;AAAA,UACtB;AAAA,QACF;AAEA,QAAA,MAAM,SAAA,GAAY,CAAC,GAAG,YAAY,CAAA;AAClC,QAAA,SAAA,CAAU,iBAAiB,CAAA,GAAI,QAAA;AAC/B,QAAA,SAAA,CAAU,IAAA,CAAK,CAAC,CAAA,EAAG,CAAA,KAAM,IAAI,CAAC,CAAA;AAC9B,QAAA,IAAI,CAAC,eAAA,EAAiB,gBAAA,CAAiB,SAAS,CAAA;AAChD,QAAA,QAAA,GAAW,SAAS,CAAA;AAAA,MACtB,CAAA,MAAO;AACL,QAAA,IAAI,CAAC,eAAA,EAAiB,gBAAA,CAAiB,QAAQ,CAAA;AAC/C,QAAA,QAAA,GAAW,QAAQ,CAAA;AAAA,MACrB;AAAA,IACF,GAAG,CAAC,QAAA,EAAU,UAAU,KAAA,EAAO,eAAA,EAAiB,QAAQ,CAAC,CAAA;AAIzD,IAAA,MAAM,kBAAA,GAAqB,WAAA,CAAY,CAAC,CAAA,KAA2C;AACjF,MAAA,IAAI,QAAA,EAAU;AACd,MAAA,MAAM,QAAQ,QAAA,CAAS,CAAA,CAAE,aAAA,CAAc,OAAA,CAAQ,OAAQ,EAAE,CAAA;AACzD,MAAA,MAAM,MAAM,MAAA,CAAO,CAAA,CAAE,aAAA,CAAc,YAAA,CAAa,eAAe,CAAC,CAAA;AAChE,MAAA,IAAI,QAAA,GAAW,GAAA;AACf,MAAA,MAAM,YAAA,GAAe,aAAa,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,CAAC,cAAc,SAAS,CAAA;AACtF,MAAA,MAAM,YAAA,GAAe,aAAa,CAAC,WAAA,EAAa,WAAW,CAAA,GAAI,CAAC,aAAa,WAAW,CAAA;AAExF,MAAA,IAAI,YAAA,CAAa,QAAA,CAAS,CAAA,CAAE,GAAG,CAAA,EAAG;AAChC,QAAA,QAAA,GAAW,IAAA,CAAK,GAAA,CAAI,GAAA,EAAK,GAAA,GAAM,IAAI,CAAA;AAAA,MACrC,CAAA,MAAA,IAAW,YAAA,CAAa,QAAA,CAAS,CAAA,CAAE,GAAG,CAAA,EAAG;AACvC,QAAA,QAAA,GAAW,IAAA,CAAK,GAAA,CAAI,GAAA,EAAK,GAAA,GAAM,IAAI,CAAA;AAAA,MACrC,CAAA,MAAA,IAAW,CAAA,CAAE,GAAA,KAAQ,MAAA,EAAQ;AAC3B,QAAA,QAAA,GAAW,GAAA;AAAA,MACb,CAAA,MAAA,IAAW,CAAA,CAAE,GAAA,KAAQ,KAAA,EAAO;AAC1B,QAAA,QAAA,GAAW,GAAA;AAAA,MACb,CAAA,MAAO;AACL,QAAA;AAAA,MACF;AACA,MAAA,CAAA,CAAE,cAAA,EAAe;AACjB,MAAA,MAAM,eAAe,QAAA,CAAS,OAAA;AAC9B,MAAA,IAAI,KAAA,IAAS,KAAA,CAAM,OAAA,CAAQ,YAAY,CAAA,EAAG;AACxC,QAAA,MAAM,SAAA,GAAY,CAAC,GAAG,YAAY,CAAA;AAClC,QAAA,SAAA,CAAU,KAAK,CAAA,GAAI,QAAA;AACnB,QAAA,SAAA,CAAU,IAAA,CAAK,CAAC,CAAA,EAAG,CAAA,KAAM,IAAI,CAAC,CAAA;AAC9B,QAAA,IAAI,CAAC,eAAA,EAAiB,gBAAA,CAAiB,SAAS,CAAA;AAChD,QAAA,QAAA,GAAW,SAAS,CAAA;AAAA,MACtB,CAAA,MAAO;AACL,QAAA,IAAI,CAAC,eAAA,EAAiB,gBAAA,CAAiB,QAAQ,CAAA;AAC/C,QAAA,QAAA,GAAW,QAAQ,CAAA;AAAA,MACrB;AAAA,IACF,CAAA,EAAG,CAAC,QAAA,EAAU,UAAA,EAAY,GAAA,EAAK,KAAK,IAAA,EAAM,KAAA,EAAO,eAAA,EAAiB,QAAQ,CAAC,CAAA;AAG3E,IAAA,MAAM,YAAA,GAAe,CAAC,QAAA,EAAkB,MAAA,KACtC,UAAA,GACI,EAAE,MAAA,EAAQ,CAAA,EAAG,QAAQ,CAAA,CAAA,CAAA,EAAK,MAAA,EAAQ,CAAA,EAAG,SAAS,QAAQ,CAAA,CAAA,CAAA,EAAI,GAC1D,EAAE,IAAA,EAAM,CAAA,EAAG,QAAQ,CAAA,CAAA,CAAA,EAAK,KAAA,EAAO,CAAA,EAAG,MAAA,GAAS,QAAQ,CAAA,CAAA,CAAA,EAAI;AAG7D,IAAA,MAAM,aAAA,GAAgB,CAAC,GAAA,KACrB,UAAA,GACI,EAAE,MAAA,EAAQ,CAAA,EAAG,GAAG,CAAA,CAAA,CAAA,EAAI,GACpB,EAAE,IAAA,EAAM,CAAA,EAAG,GAAG,CAAA,CAAA,CAAA,EAAI;AAExB,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,MAAA;AAAA,QACV,SAAA,EAAW,EAAA;AAAA,UACT,aAAa,0CAAA,GAA6C,QAAA;AAAA,UAC1D,UAAU,KAAK,CAAA;AAAA,UACf,aAAA;AAAA,UACA,UAAA,EAAY,IAAA;AAAA,UACZ;AAAA,SACF;AAAA,QAGC,QAAA,EAAA;AAAA,UAAA,UAAA,IAAc,MAAA,KAAW,IAAA,oBACxB,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,EAAA,CAAG,kCAAA,EAAoC,cAAA,EAAgB,UAAA,EAAY,KAAK,CAAA,EAAI,QAAA,EAAA,GAAA,EAAI,CAAA;AAAA,0BAGnG,IAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,GAAA,EAAK,QAAA;AAAA,cACL,OAAA,EAAS,gBAAA;AAAA,cACT,SAAA,EAAW,EAAA;AAAA,gBACT,mBAAA,CAAoB,EAAE,IAAA,EAAM,WAAA,EAAa,CAAA;AAAA,gBACzC,qBAAqB,OAAO,CAAA;AAAA,gBAC5B,oCAAA;AAAA,gBACA,UAAA,IAAc,QAAA;AAAA,gBACd,cAAA;AAAA,gBACA,UAAA,EAAY,KAAA;AAAA,gBACZ,QAAA,IAAY;AAAA,eACd;AAAA,cAGC,QAAA,EAAA;AAAA,gBAAA,KAAA,IAAS,MAAA,CAAO,MAAA,GAAS,CAAA,GACxB,MAAA,CAAO,KAAA,CAAM,CAAA,EAAG,EAAE,CAAA,CAAE,GAAA,CAAI,CAAC,GAAA,EAAK,KAAA,KAAU;AACtC,kBAAA,MAAM,KAAA,GAAQ,cAAc,GAAG,CAAA;AAC/B,kBAAA,MAAM,GAAA,GAAM,aAAA,CAAc,MAAA,CAAO,KAAA,GAAQ,CAAC,CAAE,CAAA;AAC5C,kBAAA,uBACE,GAAA;AAAA,oBAAC,KAAA;AAAA,oBAAA;AAAA,sBAEC,SAAA,EAAW,EAAA;AAAA,wBACT,uBAAA;AAAA,wBACA,aAAa,QAAA,GAAW,QAAA;AAAA,wBACxB,oBAAoB,OAAO,CAAA;AAAA,wBAC3B,cAAA;AAAA,wBACA,UAAA,EAAY;AAAA,uBACd;AAAA,sBACA,KAAA,EAAO,YAAA,CAAa,KAAA,EAAO,GAAG;AAAA,qBAAA;AAAA,oBARzB;AAAA,mBASP;AAAA,gBAEJ,CAAC,CAAA,mBAED,GAAA;AAAA,kBAAC,KAAA;AAAA,kBAAA;AAAA,oBACC,SAAA,EAAW,EAAA;AAAA,sBACT,uBAAA;AAAA,sBACA,aAAa,QAAA,GAAW,QAAA;AAAA,sBACxB,oBAAoB,OAAO,CAAA;AAAA,sBAC3B,cAAA;AAAA,sBACA,UAAA,EAAY;AAAA,qBACd;AAAA,oBACA,KAAA,EAAO,aAAa,CAAA,EAAG,aAAA,CAAc,OAAO,CAAC,CAAA,IAAK,CAAC,CAAC;AAAA;AAAA,iBACtD;AAAA,gBAID,MAAA,CAAO,GAAA,CAAI,CAAC,GAAA,EAAK,KAAA,KAAU;AAC1B,kBAAA,MAAM,GAAA,GAAM,cAAc,GAAG,CAAA;AAC7B,kBAAA,MAAM,YAAY,GAAA,IAAO,CAAA;AACzB,kBAAA,MAAM,UAAU,GAAA,IAAO,GAAA;AACvB,kBAAA,uBACE,GAAA;AAAA,oBAAC,KAAA;AAAA,oBAAA;AAAA,sBAEC,IAAA,EAAK,QAAA;AAAA,sBACL,QAAA,EAAU,WAAW,EAAA,GAAK,CAAA;AAAA,sBAC1B,eAAA,EAAe,GAAA;AAAA,sBACf,eAAA,EAAe,GAAA;AAAA,sBACf,eAAA,EAAe,GAAA;AAAA,sBACf,eAAA,EAAe,QAAA;AAAA,sBACf,kBAAA,EAAkB,WAAA;AAAA,sBAClB,YAAA,EAAY,KAAA,GAAQ,CAAA,aAAA,EAAgB,KAAA,GAAQ,CAAC,CAAA,CAAA,GAAK,QAAA;AAAA,sBAClD,SAAA,EAAW,EAAA;AAAA,wBACT,aAAA,CAAc,EAAE,IAAA,EAAM,CAAA;AAAA,wBACtB,qBAAqB,OAAO,CAAA;AAAA,wBAC5B,kBAAA;AAAA,wBACA,QAAA,IAAY,oBAAA;AAAA,wBACZ,gGAAA;AAAA,wBACA,UAAA,GACI,EAAA;AAAA,0BACE,0BAAA;AAAA,0BACA,SAAA,IAAa,eAAA;AAAA,0BACb,OAAA,IAAW;AAAA,yBACb,GACA,EAAA;AAAA,0BACE,0BAAA;AAAA,0BACA,SAAA,IAAa,eAAA;AAAA,0BACb,OAAA,IAAW;AAAA,yBACb;AAAA,wBACJ,cAAA;AAAA,wBACA,UAAA,EAAY;AAAA,uBACd;AAAA,sBACA,YAAA,EAAY,KAAA;AAAA,sBACZ,KAAA,EAAO,cAAc,GAAG,CAAA;AAAA,sBACxB,aAAA,EAAe,iBAAA;AAAA,sBACf,SAAA,EAAW,kBAAA;AAAA,sBAEX,QAAA,kBAAA,GAAA;AAAA,wBAAC,KAAA;AAAA,wBAAA;AAAA,0BACC,SAAA,EAAW,EAAA;AAAA,4BACT,sFAAA;AAAA,4BACA,YAAA,KAAiB,QAAQ,aAAA,GAAgB,+BAAA;AAAA,4BACzC,aACI,yCAAA,GACA;AAAA,2BACN;AAAA,0BAEC,QAAA,EAAA;AAAA;AAAA;AACH,qBAAA;AAAA,oBA5CK;AAAA,mBA6CP;AAAA,gBAEJ,CAAC;AAAA;AAAA;AAAA,WACH;AAAA,UAGC,UAAA,IAAc,MAAA,KAAW,IAAA,oBACxB,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,EAAA,CAAG,kCAAA,EAAoC,cAAA,EAAgB,UAAA,EAAY,KAAK,CAAA,EAAI,QAAA,EAAA,GAAA,EAAI,CAAA;AAAA,UAGlG,CAAC,UAAA,IAAc,MAAA,KAAW,wBACzB,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,uDAAA,EACb,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,UAAK,SAAA,EAAW,EAAA,CAAG,gBAAgB,UAAA,EAAY,KAAK,GAAI,QAAA,EAAA,GAAA,EAAI,CAAA;AAAA,gCAC5D,MAAA,EAAA,EAAK,SAAA,EAAW,GAAG,+BAAA,EAAiC,cAAA,EAAgB,YAAY,KAAK,CAAA,EACnF,QAAA,EAAA,KAAA,IAAS,KAAA,CAAM,QAAQ,KAAK,CAAA,GAAI,MAAM,IAAA,CAAK,KAAK,IAAI,KAAA,EACvD,CAAA;AAAA,4BACA,GAAA,CAAC,UAAK,SAAA,EAAW,EAAA,CAAG,gBAAgB,UAAA,EAAY,KAAK,GAAI,QAAA,EAAA,GAAA,EAAI;AAAA,WAAA,EAC/D,CAAA;AAAA,UAED,MAAA,IAAU,OAAO,MAAA,KAAW,SAAA,IAAa;AAAA;AAAA;AAAA,KAC5C;AAAA,EAEJ;AACF,CAAA;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA;AAGrB,IAAO,cAAA,GAAQ","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-HECAAILV.js → chunk-HRVOTFU4.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-NGYLRX6F.js';
+import { cn } from './chunk-RAS6HUEI.js';
 import React, { useState, useRef, useEffect } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
@@ -9,34 +9,42 @@ var Image = React.memo(({
   classNames,
   fallbackSrc,
   fetchPriority = "auto",
+  loading,
   ...props
 }) => {
   const [imageError, setImageError] = useState(false);
+  const [fallbackError, setFallbackError] = useState(false);
   const [isLoaded, setIsLoaded] = useState(false);
   const imageRef = useRef(null);
   useEffect(() => {
     setImageError(false);
+    setFallbackError(false);
     setIsLoaded(false);
-  }, [src]);
-  useEffect(() => {
-    const handleLoad = () => {
-      if (imageRef.current) {
-        setIsLoaded(true);
-      }
-    };
     const img = imageRef.current;
     if (img?.complete && img?.naturalWidth > 0) {
-      handleLoad();
-    } else {
-      img?.addEventListener("load", handleLoad);
+      setIsLoaded(true);
     }
-    return () => img?.removeEventListener("load", handleLoad);
   }, [src]);
+  const handleLoad = () => {
+    setIsLoaded(true);
+  };
+  const handleError = () => {
+    if (imageError) {
+      setFallbackError(true);
+    } else {
+      setImageError(true);
+    }
+  };
+  const loadingStrategy = loading ?? (fetchPriority === "high" ? "eager" : "lazy");
+  if (imageError && fallbackError) {
+    return null;
+  }
   const imgElement = /* @__PURE__ */ jsx(
     "img",
     {
       ref: imageRef,
-      onError: () => setImageError(true),
+      onLoad: handleLoad,
+      onError: handleError,
       src: imageError ? fallbackSrc : src,
       className: cn(
         "image_image",
@@ -50,7 +58,7 @@ var Image = React.memo(({
       ),
       ...props,
       alt: props.alt,
-      loading: "lazy",
+      loading: loadingStrategy,
       fetchPriority
     }
   );
@@ -90,5 +98,5 @@ Image.displayName = "Image";
 var image_default = Image;
 
 export { image_default };
-//# sourceMappingURL=chunk-HECAAILV.js.map
-//# sourceMappingURL=chunk-HECAAILV.js.map
+//# sourceMappingURL=chunk-HRVOTFU4.js.map
+//# sourceMappingURL=chunk-HRVOTFU4.js.map

package/dist/chunk-HRVOTFU4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/image/index.tsx"],"names":[],"mappings":"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","file":"chunk-HRVOTFU4.js","sourcesContent":["'use client'\n\nimport React, { useEffect, useRef, useState } from 'react'\n\nimport { cn } from '../utils'\n\nimport { ImageProps } from './types'\n\nconst Image = React.memo<ImageProps>(({\n  src,\n  withBlur,\n  className,\n  classNames,\n  fallbackSrc,\n  fetchPriority = 'auto',\n  loading,\n  ...props\n}) => {\n  const [imageError, setImageError] = useState(false)\n  const [fallbackError, setFallbackError] = useState(false)\n  const [isLoaded, setIsLoaded] = useState(false)\n  const imageRef = useRef<HTMLImageElement>(null)\n\n  useEffect(() => {\n    setImageError(false)\n    setFallbackError(false)\n    setIsLoaded(false)\n\n    const img = imageRef.current\n    if (img?.complete && img?.naturalWidth > 0) {\n      setIsLoaded(true)\n    }\n  }, [src])\n\n  const handleLoad = () => {\n    setIsLoaded(true)\n  }\n\n  const handleError = () => {\n    if (imageError) {\n      setFallbackError(true)\n    } else {\n      setImageError(true)\n    }\n  }\n\n  // Determine loading strategy\n  const loadingStrategy = loading ?? (fetchPriority === 'high' ? 'eager' : 'lazy')\n\n  // Both primary and fallback failed - render nothing\n  if (imageError && fallbackError) {\n    return null\n  }\n\n  const imgElement = (\n    <img\n      ref={imageRef}\n      onLoad={handleLoad}\n      onError={handleError}\n      src={imageError ? fallbackSrc : src}\n      className={cn(\n        'image_image',\n        !isLoaded && 'opacity-0',\n        isLoaded && 'opacity-100',\n        'transition-opacity duration-500 ease-in-out',\n        imageError && 'image_error',\n        imageError && classNames?.error,\n        classNames?.image,\n        className,\n      )}\n      {...props}\n      alt={props.alt}\n      loading={loadingStrategy}\n      fetchPriority={fetchPriority}\n    />\n  )\n\n  // Without blur: render img directly, no wrapper\n  if (!withBlur) {\n    return imgElement\n  }\n\n  // With blur: wrapper needed for placeholder overlay\n  return (\n    <div\n      data-slot=\"root\"\n      className={cn(\n        'image_root',\n        'relative overflow-hidden',\n        classNames?.root,\n      )}\n      style={{\n        width: props.width ? `${props.width}px` : undefined,\n        height: props.height ? `${props.height}px` : undefined,\n      }}\n    >\n      {!isLoaded && (\n        <div\n          className={cn(\n            'image_placeholder',\n            'absolute inset-0 animate-pulse bg-gradient-to-r from-surface via-background to-surface',\n            classNames?.placeholder\n          )}\n        />\n      )}\n      {imgElement}\n    </div>\n  )\n})\n\nImage.displayName = 'Image'\n\nexport type * from './types'\nexport default Image\n"]}

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

@@ -1,10 +1,11 @@
-import { cn } from './chunk-NGYLRX6F.js';
+import { colorVars } from './chunk-G6QIIWKU.js';
+import { cn } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
 import 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: ""
@@ -81,6 +73,11 @@ function getInitialsFromName(name) {
   const lastInitial = lastWord?.[0] ?? "";
   return (firstInitial + lastInitial).toUpperCase();
 }
+function getInitials(name, fallback) {
+  if (fallback) return fallback.slice(0, 2).toUpperCase();
+  if (name) return getInitialsFromName(name);
+  return "";
+}
 var DefaultUserIcon = () => /* @__PURE__ */ jsx(
   "svg",
   {
@@ -120,13 +117,8 @@ var Avatar = React.memo(
       setImageError(true);
       onError?.(e);
     };
-    const getInitials = () => {
-      if (fallback) return fallback.slice(0, 2).toUpperCase();
-      if (name) return getInitialsFromName(name);
-      return "";
-    };
     const showImage = src && !imageError;
-    const initials = getInitials();
+    const initials = getInitials(name, fallback);
     const showFallback = !showImage && (initials || icon);
     const showDefaultIcon = !showImage && !showFallback;
     return /* @__PURE__ */ jsxs(
@@ -142,7 +134,6 @@ var Avatar = React.memo(
             bordered,
             disabled
           }),
-          // Apply overflow-hidden only when no badge/status to prevent clipping
           !badge && !status && "overflow-hidden",
           classNames?.root,
           className
@@ -206,7 +197,7 @@ var Avatar = React.memo(
             "span",
             {
               className: cn(
-                "absolute -top-1 -right-1 flex items-center justify-center rounded-full bg-error text-white font-medium px-1",
+                "absolute -top-1 -right-1 flex items-center justify-center rounded-full bg-error text-background font-medium px-1",
                 badgeSizeClasses[size]
               ),
               "aria-label": typeof badge === "number" ? `${badge} notifications` : void 0,
@@ -295,5 +286,5 @@ AvatarGroup.displayName = "AvatarGroup";
 var avatar_default = Avatar;
 
 export { Avatar, AvatarGroup, avatar_default };
-//# sourceMappingURL=chunk-LX4FDH4J.js.map
-//# sourceMappingURL=chunk-LX4FDH4J.js.map
+//# sourceMappingURL=chunk-HSMO2BR4.js.map
+//# sourceMappingURL=chunk-HSMO2BR4.js.map