@mdigital_ui/ui 0.4.8 → 0.5.0

package/dist/{chunk-TDPJYCNI.js → chunk-KBT6UQNA.js}

@@ -1,4 +1,5 @@
 import { cn } from './chunk-RAS6HUEI.js';
+import { CircleX, SearchX, TriangleAlert, Info, CircleCheck } from 'lucide-react';
 import React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -17,40 +18,18 @@ var sizeMap = {
   md: { icon: "w-16 h-16", title: "text-xl font-semibold", subtitle: "text-sm", padding: "py-12 px-6", maxW: "max-w-md" },
   lg: { icon: "w-20 h-20", title: "text-2xl font-bold", subtitle: "text-base", padding: "py-16 px-8", maxW: "max-w-lg" }
 };
+var statusIcons = {
+  success: CircleCheck,
+  error: CircleX,
+  info: Info,
+  warning: TriangleAlert,
+  "403": TriangleAlert,
+  "404": SearchX,
+  "500": CircleX
+};
 function StatusIcon({ status, sizeClass }) {
-  const className = cn(sizeClass, statusConfig[status].color);
-  if (status === "success") {
-    return /* @__PURE__ */ jsxs("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
-      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
-      /* @__PURE__ */ jsx("path", { d: "M9 12l2 2 4-4" })
-    ] });
-  }
-  if (status === "error" || status === "500") {
-    return /* @__PURE__ */ jsxs("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
-      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
-      /* @__PURE__ */ jsx("line", { x1: "15", y1: "9", x2: "9", y2: "15" }),
-      /* @__PURE__ */ jsx("line", { x1: "9", y1: "9", x2: "15", y2: "15" })
-    ] });
-  }
-  if (status === "warning" || status === "403") {
-    return /* @__PURE__ */ jsxs("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
-      /* @__PURE__ */ jsx("path", { d: "M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z" }),
-      /* @__PURE__ */ jsx("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
-      /* @__PURE__ */ jsx("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
-    ] });
-  }
-  if (status === "404") {
-    return /* @__PURE__ */ jsxs("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
-      /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8" }),
-      /* @__PURE__ */ jsx("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" }),
-      /* @__PURE__ */ jsx("line", { x1: "8", y1: "11", x2: "14", y2: "11" })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ jsx("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
-    /* @__PURE__ */ jsx("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })
-  ] });
+  const Icon = statusIcons[status];
+  return /* @__PURE__ */ jsx(Icon, { className: cn(sizeClass, statusConfig[status].color), strokeWidth: 1.5 });
 }
 var Result = React.memo(
   ({
@@ -92,5 +71,5 @@ Result.displayName = "Result";
 var result_default = Result;
 
 export { result_default };
-//# sourceMappingURL=chunk-TDPJYCNI.js.map
-//# sourceMappingURL=chunk-TDPJYCNI.js.map
+//# sourceMappingURL=chunk-KBT6UQNA.js.map
+//# sourceMappingURL=chunk-KBT6UQNA.js.map

package/dist/chunk-KBT6UQNA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/result/index.tsx"],"names":[],"mappings":"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","file":"chunk-KBT6UQNA.js","sourcesContent":["'use client'\n\nimport { CircleCheck, CircleX, Info, SearchX, TriangleAlert } from 'lucide-react'\nimport React from 'react'\n\nimport { cn } from '../utils'\nimport type { ResultProps, ResultStatus } from './types'\n\nconst statusConfig: Record<ResultStatus, { color: string; defaultTitle: string }> = {\n  success: { color: 'text-success', defaultTitle: 'Successfully Done' },\n  error: { color: 'text-error', defaultTitle: 'Something Went Wrong' },\n  info: { color: 'text-info', defaultTitle: 'Information' },\n  warning: { color: 'text-warning', defaultTitle: 'Warning' },\n  '403': { color: 'text-warning', defaultTitle: '403 — Access Denied' },\n  '404': { color: 'text-info', defaultTitle: '404 — Page Not Found' },\n  '500': { color: 'text-error', defaultTitle: '500 — Server Error' },\n}\n\nconst sizeMap = {\n  xs: { icon: 'w-10 h-10', title: 'text-base font-semibold', subtitle: 'text-xs', padding: 'py-6 px-4', maxW: 'max-w-xs' },\n  sm: { icon: 'w-12 h-12', title: 'text-lg font-semibold', subtitle: 'text-sm', padding: 'py-8 px-4', maxW: 'max-w-sm' },\n  md: { icon: 'w-16 h-16', title: 'text-xl font-semibold', subtitle: 'text-sm', padding: 'py-12 px-6', maxW: 'max-w-md' },\n  lg: { icon: 'w-20 h-20', title: 'text-2xl font-bold', subtitle: 'text-base', padding: 'py-16 px-8', maxW: 'max-w-lg' },\n}\n\nconst statusIcons: Record<ResultStatus, React.ElementType> = {\n  success: CircleCheck,\n  error: CircleX,\n  info: Info,\n  warning: TriangleAlert,\n  '403': TriangleAlert,\n  '404': SearchX,\n  '500': CircleX,\n}\n\nfunction StatusIcon({ status, sizeClass }: { status: ResultStatus; sizeClass: string }) {\n  const Icon = statusIcons[status]\n  return <Icon className={cn(sizeClass, statusConfig[status].color)} strokeWidth={1.5} />\n}\n\nconst Result = React.memo<ResultProps>(\n  ({\n    status = 'info',\n    icon,\n    title,\n    subtitle,\n    extra,\n    children,\n    size = 'md',\n    className,\n    classNames,\n  }) => {\n    const config = statusConfig[status]\n    const s = sizeMap[size]\n\n    return (\n      <div\n        data-slot=\"root\"\n        className={cn(\n          'result_root',\n          'flex flex-col items-center text-center',\n          s.padding,\n          classNames?.root,\n          className,\n        )}\n      >\n        <div data-slot=\"icon\" className={cn('result_icon', 'mb-6', classNames?.icon)}>\n          {icon ?? <StatusIcon status={status} sizeClass={s.icon} />}\n        </div>\n\n        <h3 data-slot=\"title\" className={cn('result_title', s.title, 'text-text-primary mb-2', classNames?.title)}>\n          {title ?? config.defaultTitle}\n        </h3>\n\n        {subtitle && (\n          <p data-slot=\"subtitle\" className={cn('result_subtitle', s.subtitle, 'text-text-secondary', s.maxW, 'mb-6', classNames?.subtitle)}>\n            {subtitle}\n          </p>\n        )}\n\n        {extra && (\n          <div data-slot=\"extra\" className={cn('result_extra', 'flex items-center gap-3 mb-6', classNames?.extra)}>\n            {extra}\n          </div>\n        )}\n\n        {children && (\n          <div data-slot=\"content\" className={cn('result_content', 'w-full', s.maxW, classNames?.content)}>\n            {children}\n          </div>\n        )}\n      </div>\n    )\n  },\n)\n\nResult.displayName = 'Result'\n\nexport type * from './types'\nexport default Result\n"]}

package/dist/{chunk-VNH6R5EU.js → chunk-KR3GBSVA.js}

@@ -1,4 +1,5 @@
 import { cn } from './chunk-RAS6HUEI.js';
+import { Check, Copy } from 'lucide-react';
 import React, { useRef, useState, useCallback, useEffect } from 'react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
@@ -62,10 +63,7 @@ function CopyButton({ text }) {
       onClick: handleCopy,
       className: "inline-flex items-center ml-1 text-text-secondary hover:text-text-primary transition-colors cursor-pointer",
       "aria-label": "Copy to clipboard",
-      children: copied ? /* @__PURE__ */ jsx("svg", { className: "w-3.5 h-3.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("polyline", { points: "20 6 9 17 4 12" }) }) : /* @__PURE__ */ jsxs("svg", { className: "w-3.5 h-3.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-        /* @__PURE__ */ jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
-        /* @__PURE__ */ jsx("path", { d: "M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1" })
-      ] })
+      children: copied ? /* @__PURE__ */ jsx(Check, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ jsx(Copy, { className: "w-3.5 h-3.5" })
     }
   );
 }
@@ -207,5 +205,5 @@ var Paragraph = React.memo(
 Paragraph.displayName = "Paragraph";
 
 export { Paragraph, Text, Title };
-//# sourceMappingURL=chunk-VNH6R5EU.js.map
-//# sourceMappingURL=chunk-VNH6R5EU.js.map
+//# sourceMappingURL=chunk-KR3GBSVA.js.map
+//# sourceMappingURL=chunk-KR3GBSVA.js.map

package/dist/chunk-KR3GBSVA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/typography/index.tsx"],"names":[],"mappings":"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","file":"chunk-KR3GBSVA.js","sourcesContent":["'use client'\n\nimport { Check, Copy } from 'lucide-react'\nimport React, { useState, useCallback, useRef, useEffect } from 'react'\n\nimport { cn } from '../utils'\nimport type { TitleProps, TextProps, ParagraphProps, TypographyLevel, TextSize } from './types'\n\nconst levelElements: Record<TypographyLevel, string> = {\n  h1: 'h1', h2: 'h2', h3: 'h3', h4: 'h4', h5: 'h5', h6: 'h6',\n}\n\nconst levelClasses: Record<TypographyLevel, string> = {\n  h1: 'text-4xl font-bold tracking-tight',\n  h2: 'text-3xl font-semibold tracking-tight',\n  h3: 'text-2xl font-semibold',\n  h4: 'text-xl font-semibold',\n  h5: 'text-lg font-medium',\n  h6: 'text-base font-medium',\n}\n\nconst sizeClasses: Record<TextSize, string> = {\n  xs: 'text-xs',\n  sm: 'text-sm',\n  md: 'text-base',\n  lg: 'text-lg',\n  xl: 'text-xl',\n  '2xl': 'text-2xl',\n}\n\nconst weightClasses = {\n  light: 'font-light',\n  normal: 'font-normal',\n  medium: 'font-medium',\n  semibold: 'font-semibold',\n  bold: 'font-bold',\n}\n\nconst textColorClasses = {\n  default: 'text-text-primary',\n  primary: 'text-primary',\n  secondary: 'text-text-secondary',\n  tertiary: 'text-text-secondary/60',\n  accent: 'text-accent',\n  success: 'text-success',\n  error: 'text-error',\n  warning: 'text-warning',\n  info: 'text-info',\n  inherit: '',\n}\n\nfunction CopyButton({ text }: { text: string }) {\n  const [copied, setCopied] = useState(false)\n\n  const handleCopy = useCallback(async () => {\n    try {\n      await navigator.clipboard.writeText(text)\n      setCopied(true)\n      setTimeout(() => setCopied(false), 2000)\n    } catch { /* noop */ }\n  }, [text])\n\n  return (\n    <button\n      type=\"button\"\n      onClick={handleCopy}\n      className=\"inline-flex items-center ml-1 text-text-secondary hover:text-text-primary transition-colors cursor-pointer\"\n      aria-label=\"Copy to clipboard\"\n    >\n      {copied ? (\n        <Check className=\"w-3.5 h-3.5\" />\n      ) : (\n        <Copy className=\"w-3.5 h-3.5\" />\n      )}\n    </button>\n  )\n}\n\nfunction useTruncation(truncate: boolean | number | undefined, ref: React.RefObject<HTMLElement | null>) {\n  const [expanded, setExpanded] = useState(false)\n  const [isTruncated, setIsTruncated] = useState(false)\n\n  useEffect(() => {\n    if (!truncate || expanded || !ref.current) return\n    const el = ref.current\n    setIsTruncated(el.scrollHeight > el.clientHeight || el.scrollWidth > el.clientWidth)\n  }, [truncate, expanded, ref])\n\n  return { expanded, setExpanded, isTruncated }\n}\n\n// ── Title ────────────────────────────────────────────────────\nconst Title = React.memo<TitleProps>(\n  ({ level = 'h1', color = 'default', copyable = false, className, children, ...props }) => {\n    const Tag = levelElements[level]\n    const textContent = typeof children === 'string' ? children : ''\n\n    return React.createElement(\n      Tag as any,\n      {\n        'data-slot': 'title',\n        className: cn('typography_title', levelClasses[level], textColorClasses[color] || '', className),\n        ...props,\n      },\n      <>\n        {children}\n        {copyable && textContent && <CopyButton text={textContent} />}\n      </>,\n    )\n  },\n)\n\nTitle.displayName = 'Title'\n\n// ── Text ─────────────────────────────────────────────────────\nconst Text = React.memo<TextProps>(\n  ({\n    size = 'md',\n    weight,\n    color = 'default',\n    truncate,\n    copyable = false,\n    code = false,\n    mark = false,\n    del: deleted = false,\n    underline = false,\n    strong = false,\n    italic = false,\n    as: Component = 'span',\n    className,\n    children,\n    ...props\n  }) => {\n    const ref = useRef<HTMLElement>(null)\n    const { expanded, setExpanded, isTruncated } = useTruncation(truncate, ref)\n    const textContent = typeof children === 'string' ? children : ''\n\n    const truncateClass = !expanded && truncate\n      ? typeof truncate === 'number'\n        ? `line-clamp-${truncate}`\n        : 'truncate'\n      : ''\n\n    let content: React.ReactNode = children\n    if (code) content = <code className=\"px-1 py-0.5 rounded bg-surface text-sm font-mono\">{content}</code>\n    if (mark) content = <mark className=\"bg-warning/20 px-0.5 rounded-sm\">{content}</mark>\n    if (deleted) content = <del>{content}</del>\n    if (underline) content = <u>{content}</u>\n    if (strong) content = <strong>{content}</strong>\n    if (italic) content = <em>{content}</em>\n\n    return React.createElement(\n      Component,\n      {\n        ref: ref as any,\n        'data-slot': 'text',\n        className: cn(\n          'typography_text',\n          sizeClasses[size],\n          weight && weightClasses[weight],\n          textColorClasses[color] || '',\n          truncateClass,\n          className,\n        ),\n        ...props,\n      },\n      <>\n        {content}\n        {copyable && textContent && <CopyButton text={textContent} />}\n        {isTruncated && !expanded && (\n          <button\n            type=\"button\"\n            onClick={() => setExpanded(true)}\n            className=\"text-primary hover:text-primary/80 ml-1 text-inherit cursor-pointer\"\n          >\n            more\n          </button>\n        )}\n      </>,\n    )\n  },\n)\n\nText.displayName = 'Text'\n\n// ── Paragraph ────────────────────────────────────────────────\nconst Paragraph = React.memo<ParagraphProps>(\n  ({\n    size = 'md',\n    color = 'default',\n    truncate,\n    copyable = false,\n    className,\n    children,\n    ...props\n  }) => {\n    const ref = useRef<HTMLParagraphElement>(null)\n    const { expanded, setExpanded, isTruncated } = useTruncation(truncate, ref)\n    const textContent = typeof children === 'string' ? children : ''\n\n    const truncateClass = !expanded && truncate\n      ? typeof truncate === 'number'\n        ? `line-clamp-${truncate}`\n        : 'truncate'\n      : ''\n\n    return (\n      <p\n        ref={ref}\n        data-slot=\"paragraph\"\n        className={cn(\n          'typography_paragraph',\n          sizeClasses[size],\n          textColorClasses[color] || '',\n          truncateClass,\n          'leading-relaxed',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {copyable && textContent && <CopyButton text={textContent} />}\n        {isTruncated && !expanded && (\n          <button\n            type=\"button\"\n            onClick={() => setExpanded(true)}\n            className=\"text-primary hover:text-primary/80 ml-1 text-inherit cursor-pointer\"\n          >\n            more\n          </button>\n        )}\n      </p>\n    )\n  },\n)\n\nParagraph.displayName = 'Paragraph'\n\nexport type * from './types'\nexport { Title, Text, Paragraph }\n"]}

package/dist/{chunk-JWYBDNC6.js → chunk-KTK7LSKX.js}

@@ -1,4 +1,5 @@
-import { Popover, PopoverAnchor, PopoverContent } from './chunk-ROQGBDET.js';
+import { useControllable } from './chunk-CB7YOZWV.js';
+import { Popover, PopoverAnchor, PopoverContent } from './chunk-6XXAZ6P2.js';
 import { colorVars } from './chunk-G6QIIWKU.js';
 import { cn, iconSizes, statusMessageVariants } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
@@ -70,14 +71,13 @@ var Autocomplete = React.memo(
     className,
     classNames
   }) => {
-    const [internalValue, setInternalValue] = React.useState(defaultValue);
+    const [currentValue, setCurrentValue] = useControllable({ value, defaultValue, onChange });
     const [isOpen, setIsOpen] = React.useState(false);
     const [highlightIdx, setHighlightIdx] = React.useState(-1);
     const inputRef = React.useRef(null);
     const listRef = React.useRef(null);
     const labelId = React.useId();
     const selectingRef = React.useRef(false);
-    const currentValue = value !== void 0 ? value : internalValue;
     const status = error ? "error" : statusProp || "default";
     const options = React.useMemo(
       () => rawOptions.map(normalizeOption),
@@ -91,8 +91,7 @@ var Autocomplete = React.memo(
       setHighlightIdx(-1);
     }, [filtered.length]);
     const updateValue = (v) => {
-      if (value === void 0) setInternalValue(v);
-      onChange?.(v);
+      setCurrentValue(v);
     };
     const open = () => {
       if (!disabled) setIsOpen(true);
@@ -131,7 +130,7 @@ var Autocomplete = React.memo(
           return;
         }
         setHighlightIdx((i) => Math.max(i - 1, 0));
-      } else if (e.key === "Enter" && highlightIdx >= 0 && isOpen) {
+      } else if (e.key === "Enter" && highlightIdx >= 0 && isOpen && filtered[highlightIdx]) {
         e.preventDefault();
         handleSelect(filtered[highlightIdx]);
       } else if (e.key === "Escape") {
@@ -303,5 +302,5 @@ Autocomplete.displayName = "Autocomplete";
 var autocomplete_default = Autocomplete;
 
 export { autocomplete_default };
-//# sourceMappingURL=chunk-JWYBDNC6.js.map
-//# sourceMappingURL=chunk-JWYBDNC6.js.map
+//# sourceMappingURL=chunk-KTK7LSKX.js.map
+//# sourceMappingURL=chunk-KTK7LSKX.js.map

package/dist/chunk-KTK7LSKX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/autocomplete/index.tsx"],"names":[],"mappings":"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","file":"chunk-KTK7LSKX.js","sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport React from 'react'\n\nimport { Loader2, X, ChevronDown } from 'lucide-react'\nimport { useControllable } from '../hooks/useControllable'\nimport { Popover, PopoverAnchor, PopoverContent } from '../popover'\nimport { cn, iconSizes, statusMessageVariants } from '../utils'\nimport { colorVars } from '../variants'\nimport type { AutocompleteOption, AutocompleteProps } from './types'\n\nconst inputVariants = cva(\n  'w-full flex items-center rounded-md bg-background text-text-primary border outline-none transition-colors',\n  {\n    variants: {\n      status: {\n        default: 'border-border focus-within:border-slot hover:border-slot-50',\n        primary: 'border-slot', secondary: 'border-slot', accent: 'border-slot',\n        success: 'border-slot', error: 'border-slot', warning: 'border-slot', info: 'border-slot',\n      },\n      size: {\n        xs: 'h-(--input-height-xs) px-2 text-xs gap-1.5',\n        sm: 'h-(--input-height-sm) px-2.5 text-sm gap-2',\n        md: 'h-(--input-height-md) px-3 text-base gap-2',\n        lg: 'h-(--input-height-lg) px-3.5 text-lg gap-2.5',\n      },\n      fullWidth: {\n        true: 'w-full',\n        false: '',\n      },\n      disabled: {\n        true: 'opacity-50 cursor-not-allowed',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      status: 'default',\n      size: 'md',\n      fullWidth: true,\n      disabled: false,\n    },\n  },\n)\n\nfunction normalizeOption(opt: string | AutocompleteOption): AutocompleteOption {\n  return typeof opt === 'string' ? { label: opt, value: opt } : opt\n}\n\nconst defaultFilter = (query: string, option: AutocompleteOption) =>\n  option.label.toLowerCase().includes(query.toLowerCase())\n\nconst Autocomplete = React.memo<AutocompleteProps>(\n  ({\n    value,\n    defaultValue = '',\n    onChange,\n    onSelect,\n    options: rawOptions,\n    placeholder,\n    label,\n    helperText,\n    error,\n    size = 'md',\n    status: statusProp,\n    disabled = false,\n    loading = false,\n    clearable = false,\n    filter = defaultFilter,\n    limit = 10,\n    emptyMessage = 'No results',\n    fullWidth = true,\n    className,\n    classNames,\n  }) => {\n    const [currentValue, setCurrentValue] = useControllable({ value, defaultValue, onChange })\n    const [isOpen, setIsOpen] = React.useState(false)\n    const [highlightIdx, setHighlightIdx] = React.useState(-1)\n    const inputRef = React.useRef<HTMLInputElement>(null)\n    const listRef = React.useRef<HTMLDivElement>(null)\n    const labelId = React.useId()\n    // Guard against blur closing the dropdown while clicking an option\n    const selectingRef = React.useRef(false)\n    const status = error ? 'error' : statusProp || 'default'\n\n    const options = React.useMemo(\n      () => rawOptions.map(normalizeOption),\n      [rawOptions],\n    )\n\n    const filtered = React.useMemo(() => {\n      if (!currentValue) return options.slice(0, limit)\n      return options.filter((o) => filter(currentValue, o)).slice(0, limit)\n    }, [currentValue, options, filter, limit])\n\n    // Reset highlight when filtered list changes\n    React.useEffect(() => {\n      setHighlightIdx(-1)\n    }, [filtered.length])\n\n    const updateValue = (v: string) => {\n      setCurrentValue(v)\n    }\n\n    const open = () => {\n      if (!disabled) setIsOpen(true)\n    }\n\n    const close = () => {\n      setIsOpen(false)\n      setHighlightIdx(-1)\n    }\n\n    const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      updateValue(e.target.value)\n      open()\n    }\n\n    const handleSelect = (option: AutocompleteOption) => {\n      if (option.disabled) return\n      updateValue(option.label)\n      onSelect?.(option)\n      close()\n      // Refocus input after selection\n      requestAnimationFrame(() => inputRef.current?.focus())\n    }\n\n    const handleClear = () => {\n      updateValue('')\n      inputRef.current?.focus()\n    }\n\n    const handleKeyDown = (e: React.KeyboardEvent) => {\n      if (e.key === 'ArrowDown') {\n        e.preventDefault()\n        if (!isOpen) { open(); return }\n        setHighlightIdx((i) => Math.min(i + 1, filtered.length - 1))\n      } else if (e.key === 'ArrowUp') {\n        e.preventDefault()\n        if (!isOpen) { open(); return }\n        setHighlightIdx((i) => Math.max(i - 1, 0))\n      } else if (e.key === 'Enter' && highlightIdx >= 0 && isOpen && filtered[highlightIdx]) {\n        e.preventDefault()\n        handleSelect(filtered[highlightIdx])\n      } else if (e.key === 'Escape') {\n        close()\n      } else if (e.key === 'Tab') {\n        close()\n      }\n    }\n\n    const handleFocus = () => {\n      open()\n    }\n\n    const handleBlur = () => {\n      // Delay close so option mousedown/click can fire first\n      setTimeout(() => {\n        if (!selectingRef.current) close()\n        selectingRef.current = false\n      }, 150)\n    }\n\n    React.useEffect(() => {\n      if (highlightIdx >= 0 && listRef.current) {\n        const el = listRef.current.children[highlightIdx] as HTMLElement\n        el?.scrollIntoView?.({ block: 'nearest' })\n      }\n    }, [highlightIdx])\n\n    return (\n      <div\n        data-slot=\"root\"\n        className={cn(\n          'autocomplete_root',\n          'flex flex-col gap-1.5',\n          colorVars[status === 'default' ? 'primary' : status],\n          fullWidth ? 'w-full' : 'inline-flex',\n          classNames?.root,\n          className,\n        )}\n      >\n        {label && (\n          <label\n            id={labelId}\n            className=\"text-sm font-medium text-text-primary\"\n          >\n            {label}\n          </label>\n        )}\n\n        <Popover open={isOpen && !disabled} onOpenChange={(v) => { if (!v) close() }}>\n          <PopoverAnchor asChild>\n            <div\n              className={inputVariants({ status, size, fullWidth, disabled })}\n              onClick={() => { if (!isOpen) open(); inputRef.current?.focus() }}\n            >\n              <input\n                ref={inputRef}\n                type=\"text\"\n                role=\"combobox\"\n                aria-expanded={isOpen}\n                aria-autocomplete=\"list\"\n                aria-labelledby={label ? labelId : undefined}\n                className=\"flex-1 min-w-0 bg-transparent outline-none placeholder:text-text-secondary/50\"\n                placeholder={placeholder}\n                value={currentValue}\n                onChange={handleInputChange}\n                onFocus={handleFocus}\n                onBlur={handleBlur}\n                onKeyDown={handleKeyDown}\n                disabled={disabled}\n              />\n              {loading && (\n                <Loader2 className={cn('animate-spin text-text-secondary', iconSizes[size])} />\n              )}\n              {clearable && currentValue && !disabled && !loading && (\n                <button\n                  type=\"button\"\n                  onMouseDown={(e) => e.preventDefault()}\n                  onClick={(e) => { e.stopPropagation(); handleClear() }}\n                  className=\"text-text-secondary hover:text-text-primary transition-colors cursor-pointer\"\n                  tabIndex={-1}\n                  aria-label=\"Clear\"\n                >\n                  <X className={iconSizes[size]} />\n                </button>\n              )}\n              {!loading && !clearable && (\n                <ChevronDown\n                  className={cn(\n                    'text-text-secondary transition-transform duration-200',\n                    iconSizes[size],\n                    isOpen && 'rotate-180',\n                  )}\n                />\n              )}\n            </div>\n          </PopoverAnchor>\n\n          <PopoverContent\n            className={cn(\n              'autocomplete_dropdown',\n              'p-1 w-[var(--radix-popover-trigger-width)] max-h-60 overflow-y-auto',\n              classNames?.dropdown,\n            )}\n            align=\"start\"\n            onOpenAutoFocus={(e) => e.preventDefault()}\n            onCloseAutoFocus={(e) => e.preventDefault()}\n            onInteractOutside={(e) => {\n              // Don't close if clicking the anchor/input area\n              const target = e.target as HTMLElement\n              if (inputRef.current?.contains(target)) {\n                e.preventDefault()\n              }\n            }}\n          >\n            <div ref={listRef} role=\"listbox\">\n              {filtered.length === 0 ? (\n                <div\n                  className={cn(\n                    'autocomplete_empty',\n                    'px-3 py-2 text-sm text-text-secondary text-center',\n                    classNames?.empty,\n                  )}\n                >\n                  {emptyMessage}\n                </div>\n              ) : (\n                filtered.map((option, idx) => (\n                  <div\n                    key={option.value}\n                    role=\"option\"\n                    aria-selected={idx === highlightIdx}\n                    aria-disabled={option.disabled}\n                    onMouseDown={(e) => {\n                      // Prevent blur from firing before select\n                      e.preventDefault()\n                      selectingRef.current = true\n                    }}\n                    onClick={() => handleSelect(option)}\n                    onMouseEnter={() => setHighlightIdx(idx)}\n                    className={cn(\n                      'autocomplete_option',\n                      'px-3 py-2 text-sm rounded-md cursor-pointer transition-colors',\n                      idx === highlightIdx && 'bg-surface',\n                      option.disabled && 'opacity-50 cursor-not-allowed',\n                      !option.disabled && 'hover:bg-surface',\n                      classNames?.option,\n                    )}\n                  >\n                    {option.label}\n                  </div>\n                ))\n              )}\n            </div>\n          </PopoverContent>\n        </Popover>\n\n        {(error || helperText) && (\n          <p className={cn(\n            'text-xs',\n            error ? statusMessageVariants({ status: 'error' }) : 'text-text-secondary',\n          )}>\n            {error || helperText}\n          </p>\n        )}\n      </div>\n    )\n  },\n)\n\nAutocomplete.displayName = 'Autocomplete'\n\nexport type * from './types'\nexport default Autocomplete\n"]}

package/dist/{chunk-J4SAIKKZ.js → chunk-L3ZFNHVX.js}

@@ -1,9 +1,9 @@
-import { useSelectBase } from './chunk-QDJ5PZPP.js';
-import { useControllable } from './chunk-PQOIW5CM.js';
+import { useSelectBase } from './chunk-PHA7SLBY.js';
 import { spinner_default } from './chunk-RRPMZYVN.js';
-import { Popover, PopoverTrigger, PopoverContent } from './chunk-ROQGBDET.js';
+import { useControllable } from './chunk-CB7YOZWV.js';
+import { Popover, PopoverTrigger, PopoverContent } from './chunk-6XXAZ6P2.js';
 import { colorVars } from './chunk-G6QIIWKU.js';
-import { cn, iconSizes } from './chunk-RAS6HUEI.js';
+import { cn, iconSizes, statusMessageVariants } from './chunk-RAS6HUEI.js';
 import { ChevronUp, Check, ChevronDown, X, Search } from 'lucide-react';
 import React from 'react';
 import { cva } from 'class-variance-authority';
@@ -97,14 +97,8 @@ var MultiSelect = React.memo(
     });
     const currentValue = controlledVal ?? [];
     const [visibleChipsCount, setVisibleChipsCount] = React.useState(maxChipsVisible);
-    const handleSelect = React.useCallback(
-      (optionValue) => {
-        const newValue = (currentValue || []).includes(optionValue) ? (currentValue || []).filter((v) => v !== optionValue) : [...currentValue || [], optionValue];
-        setCurrentValue(newValue);
-        setHighlightedIndex(-1);
-      },
-      [currentValue, setCurrentValue]
-    );
+    const handleSelectRef = React.useRef(() => {
+    });
     const {
       // State
       isOpen,
@@ -139,7 +133,7 @@ var MultiSelect = React.memo(
       refCallback
     } = useSelectBase({
       options,
-      onSelectOption: (option) => handleSelect(option.value),
+      onSelectOption: (option) => handleSelectRef.current(option.value),
       virtualizeThreshold,
       maxDropdownHeight,
       label,
@@ -150,6 +144,15 @@ var MultiSelect = React.memo(
       success,
       helperText
     });
+    const handleSelect = React.useCallback(
+      (optionValue) => {
+        const newValue = (currentValue || []).includes(optionValue) ? (currentValue || []).filter((v) => v !== optionValue) : [...currentValue || [], optionValue];
+        setCurrentValue(newValue);
+        setHighlightedIndex(-1);
+      },
+      [currentValue, setCurrentValue, setHighlightedIndex]
+    );
+    handleSelectRef.current = handleSelect;
     const selectedOptions = React.useMemo(() => {
       const valueSet = new Set(currentValue);
       return options.filter((opt) => valueSet.has(opt.value));
@@ -470,6 +473,7 @@ var MultiSelect = React.memo(
             {
               ref: inputRef,
               type: "text",
+              role: "combobox",
               className: "bg-transparent outline-none cursor-pointer placeholder:text-text-secondary/50 flex-1 min-w-0 pointer-events-none",
               placeholder: selectedOptions.length > 0 ? "" : placeholder,
               value: searchQuery,
@@ -479,7 +483,10 @@ var MultiSelect = React.memo(
               onKeyUp: handleKeyUp,
               disabled: disabled || loading,
               readOnly: !isOpen,
-              tabIndex: 0
+              tabIndex: 0,
+              "aria-autocomplete": "list",
+              "aria-expanded": isOpen,
+              "aria-controls": isOpen ? listboxId : void 0
             }
           ),
           /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 text-text-secondary", children: loading ? /* @__PURE__ */ jsx(spinner_default, {}) : /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -557,12 +564,8 @@ var MultiSelect = React.memo(
           {
             id: helperId,
             className: cn(
-              "multiSelect_helper text-xs",
-              status === "error" && "text-error",
-              status === "warning" && "text-warning",
-              status === "info" && "text-info",
-              status === "success" && "text-success",
-              status === "default" && "text-text-secondary",
+              "multiSelect_helper",
+              statusMessageVariants({ status }),
               classNames?.helper
             ),
             "data-slot": "multiSelect_helper",
@@ -578,5 +581,5 @@ MultiSelect.displayName = "MultiSelect";
 var multi_select_default = MultiSelect;
 
 export { multi_select_default };
-//# sourceMappingURL=chunk-J4SAIKKZ.js.map
-//# sourceMappingURL=chunk-J4SAIKKZ.js.map
+//# sourceMappingURL=chunk-L3ZFNHVX.js.map
+//# sourceMappingURL=chunk-L3ZFNHVX.js.map

package/dist/chunk-L3ZFNHVX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/multi-select/utils.ts","../src/multi-select/index.tsx"],"names":[],"mappings":"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","file":"chunk-L3ZFNHVX.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const multiSelectTriggerVariants = 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 gap-1\",\n  {\n    variants: {\n      status: {\n        default: \"border-border\",\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\",\n        sm: \"h-(--select-height-sm) px-(--select-padding-x-sm) text-sm\",\n        md: \"h-(--select-height-md) px-(--select-padding-x-md) text-base\",\n        lg: \"h-(--select-height-lg) px-(--select-padding-x-lg) text-lg\",\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\nexport const multiSelectDropdownVariants = cva(\n  \"absolute z-[var(--z-dropdown)] mt-1 overflow-auto rounded-md border border-border bg-background\",\n);\n\nexport const multiSelectOptionVariants = cva(\n  \"relative cursor-pointer select-none px-3 py-2 text-text-primary rounded-sm\",\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\nexport const multiSelectGroupVariants = cva(\n  \"px-3 py-2 text-xs font-semibold text-text-secondary uppercase tracking-wider bg-surface\",\n);\n","\"use client\";\n\nimport { Check, ChevronDown, ChevronUp, Search, X } from \"lucide-react\";\nimport React from \"react\";\nimport { useControllable } from \"../hooks/useControllable\";\n\nimport { Popover, PopoverContent, PopoverTrigger } from \"../popover\";\nimport Spinner from \"../spinner\";\nimport { useSelectBase } from \"../shared/useSelectBase\";\nimport type { FlattenedItem } from \"../shared/useSelectBase\";\nimport { cn, iconSizes, statusMessageVariants } from \"../utils\";\nimport { colorVars } from \"../variants\";\nimport type { MultiSelectOption, MultiSelectProps } from \"./types\";\nimport {\n  multiSelectGroupVariants,\n  multiSelectOptionVariants,\n  multiSelectTriggerVariants,\n} from \"./utils\";\n\nconst MultiSelect = React.memo<MultiSelectProps>(\n  ({\n    size = \"md\",\n    label,\n    helperText,\n    error,\n    warning,\n    info,\n    success,\n    options = [],\n    placeholder = \"Select options\",\n    loading = false,\n    fullWidth = true,\n    maxChipsVisible = 3,\n    value,\n    defaultValue,\n    onChange,\n    disabled,\n    required,\n    clearable = false,\n    virtualizeThreshold = 50,\n    maxDropdownHeight = 300,\n    className,\n    classNames,\n    ref,\n    ...props\n  }) => {\n    const [controlledVal, setCurrentValue] = useControllable<string[]>({\n      value,\n      defaultValue: defaultValue ?? [],\n      onChange,\n    });\n    const currentValue = controlledVal ?? [];\n    const [visibleChipsCount, setVisibleChipsCount] =\n      React.useState(maxChipsVisible);\n\n    const handleSelectRef = React.useRef<(optionValue: string) => void>(() => {});\n\n    const {\n      // State\n      isOpen,\n      setIsOpen,\n      searchQuery,\n      setSearchQuery: _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<MultiSelectOption>({\n      options,\n      onSelectOption: (option) => handleSelectRef.current(option.value),\n      virtualizeThreshold,\n      maxDropdownHeight,\n      label,\n      idPrefix: \"multiselect\",\n      error,\n      warning,\n      info,\n      success,\n      helperText,\n    });\n\n    const handleSelect = React.useCallback(\n      (optionValue: string) => {\n        const newValue = (currentValue || []).includes(optionValue)\n          ? (currentValue || []).filter((v) => v !== optionValue)\n          : [...(currentValue || []), optionValue];\n        setCurrentValue(newValue);\n        setHighlightedIndex(-1);\n      },\n      [currentValue, setCurrentValue, setHighlightedIndex],\n    );\n\n    handleSelectRef.current = handleSelect;\n\n    const selectedOptions = React.useMemo(() => {\n      const valueSet = new Set(currentValue);\n      return options.filter((opt) => valueSet.has(opt.value));\n    }, [options, currentValue]);\n\n    const handleRemoveChip = React.useCallback(\n      (optionValue: string, e: React.MouseEvent | React.KeyboardEvent) => {\n        e.stopPropagation();\n        const newValue = (currentValue || []).filter((v) => v !== optionValue);\n        setCurrentValue(newValue);\n      },\n      [currentValue, setCurrentValue],\n    );\n\n    const handleClear = React.useCallback(\n      (e: React.MouseEvent) => {\n        e.stopPropagation();\n        setCurrentValue([]);\n      },\n      [setCurrentValue],\n    );\n\n    const handleInputKeyDown = React.useCallback(\n      (e: React.KeyboardEvent<HTMLInputElement>) => {\n        if (e.key === \"Backspace\" && !searchQuery && currentValue.length > 0) {\n          e.preventDefault();\n          const lastValue = currentValue[currentValue.length - 1];\n          handleRemoveChip(lastValue!, e);\n        } else {\n          handleKeyDown(e);\n        }\n      },\n      [searchQuery, currentValue, handleRemoveChip, handleKeyDown],\n    );\n\n    React.useEffect(() => {\n      if (selectedOptions.length === 0 || !triggerRef.current) {\n        setVisibleChipsCount(maxChipsVisible);\n        return;\n      }\n\n      const calculateVisibleChips = () => {\n        const container = triggerRef.current;\n        if (!container) return;\n\n        const hiddenChips = container.querySelectorAll(\"[data-hidden-chip]\");\n        if (hiddenChips.length === 0) return;\n\n        const containerWidth = container.offsetWidth;\n        const padding =\n          size === \"sm\" ? 12 : size === \"md\" ? 16 : size === \"lg\" ? 20 : 24;\n        const chevronWidth = 32;\n        const gap = 4;\n        const plusIndicatorWidth = 50;\n\n        const availableWidth = containerWidth - padding * 2 - chevronWidth;\n        let totalWidth = 0;\n        let visibleCount = 0;\n\n        for (let i = 0; i < hiddenChips.length; i++) {\n          const chip = hiddenChips[i];\n          if (!chip) continue;\n          const chipWidth = chip.getBoundingClientRect().width;\n          const requiredSpace =\n            totalWidth + chipWidth + (visibleCount > 0 ? gap : 0);\n\n          const needsPlusIndicator = i < hiddenChips.length - 1;\n          const spaceWithIndicator =\n            requiredSpace + (needsPlusIndicator ? gap + plusIndicatorWidth : 0);\n\n          if (spaceWithIndicator <= availableWidth) {\n            totalWidth = requiredSpace;\n            visibleCount++;\n          } else {\n            break;\n          }\n        }\n\n        setVisibleChipsCount(Math.max(1, visibleCount));\n      };\n\n      const timeoutId = setTimeout(calculateVisibleChips, 0);\n\n      const resizeObserver = new ResizeObserver(() => {\n        requestAnimationFrame(calculateVisibleChips);\n      });\n\n      if (triggerRef.current) {\n        resizeObserver.observe(triggerRef.current);\n      }\n\n      return () => {\n        clearTimeout(timeoutId);\n        resizeObserver.disconnect();\n      };\n    }, [currentValue.length, size, maxChipsVisible, triggerRef]);\n\n    const handleOptionClick = React.useCallback(\n      (optionValue: string) => {\n        handleSelect(optionValue);\n      },\n      [handleSelect],\n    );\n\n    const renderOptionsList = (\n        <div className=\"relative\" data-slot=\"multiSelect_dropdown\">\n          {/* Top scroll indicator */}\n          {showTopArrow && (\n            <div className=\"flex items-center justify-center\">\n              <ChevronUp className=\"h-4 w-4 text-text-primary\" />\n            </div>\n          )}\n\n          <div\n            ref={scrollContainerRef}\n            className={cn(\"overflow-auto relative p-1\", classNames?.dropdown)}\n            style={{ maxHeight: maxDropdownHeight }}\n            role=\"listbox\"\n            id={listboxId}\n            aria-multiselectable=\"true\"\n            aria-labelledby={label ? labelId : undefined}\n            onScroll={handleScroll}\n          >\n            {filteredOptions.length === 0 ? (\n              <div\n                className={cn(\n                  \"multiSelect_empty px-3 py-4 text-center text-sm text-text-secondary\",\n                  classNames?.empty,\n                )}\n                data-slot=\"multiSelect_empty\"\n              >\n                No options found\n              </div>\n            ) : shouldVirtualize ? (\n              <div\n                ref={refCallback}\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?.type === \"group\") {\n                    return (\n                      <div\n                        key={`group-${virtualItem.index}`}\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={multiSelectGroupVariants()}\n                      >\n                        {item?.data as string}\n                      </div>\n                    );\n                  }\n\n                  const option = item?.data as MultiSelectOption;\n                  const isSelected = currentValue.includes(option.value);\n                  const selectableIndex = selectableOptions.indexOf(\n                    item as FlattenedItem<MultiSelectOption>,\n                  );\n                  const isHighlighted = selectableIndex === highlightedIndex;\n\n                  return (\n                    <div\n                      key={option.value}\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                        \"multiSelect_option\",\n                        multiSelectOptionVariants({\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                      data-slot=\"multiSelect_option\"\n                    >\n                      {option.label}\n                      {isSelected && (\n                        <span className=\"absolute right-3 top-1/2 -translate-y-1/2\">\n                          <Check\n                            className={cn(\"text-slot\", iconSizes[size])}\n                          />\n                        </span>\n                      )}\n                    </div>\n                  );\n                })}\n              </div>\n            ) : (\n              <div>\n                {filteredOptions.map((item, index) => {\n                  if (item.type === \"group\") {\n                    return (\n                      <div\n                        key={`group-${index}`}\n                        className={multiSelectGroupVariants()}\n                      >\n                        {item.data as string}\n                      </div>\n                    );\n                  }\n\n                  const option = item.data as MultiSelectOption;\n                  const isSelected = currentValue.includes(option.value);\n                  const selectableIndex = selectableOptions.indexOf(\n                    item as FlattenedItem<MultiSelectOption>,\n                  );\n                  const isHighlighted = selectableIndex === highlightedIndex;\n\n                  return (\n                    <div\n                      key={option.value}\n                      data-value={option.value}\n                      data-option-index={index}\n                      className={cn(\n                        \"multiSelect_option\",\n                        multiSelectOptionVariants({\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                      data-slot=\"multiSelect_option\"\n                    >\n                      {option.label}\n                      {isSelected && (\n                        <span className=\"absolute right-3 top-1/2 -translate-y-1/2\">\n                          <Check className={cn(\"text-slot\", iconSizes[size])} />\n                        </span>\n                      )}\n                    </div>\n                  );\n                })}\n              </div>\n            )}\n          </div>\n\n          {/* Bottom scroll indicator */}\n          {showBottomArrow && (\n            <div className=\"flex items-center justify-center\">\n              <ChevronDown className=\"h-4 w-4 text-text-primary\" />\n            </div>\n          )}\n        </div>\n    );\n\n    // Trigger button (used in both desktop and mobile)\n    const triggerButton = (\n      <button\n        ref={triggerRef}\n        type=\"button\"\n        className={cn(\n          \"multiSelect_trigger\",\n          multiSelectTriggerVariants({ status, size, fullWidth }),\n          loading && \"opacity-50\",\n          classNames?.trigger,\n          className,\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        data-slot=\"multiSelect_trigger\"\n      >\n        {selectedOptions.length > 0 && (\n          <div className=\"flex gap-1 shrink-0\">\n            {selectedOptions.slice(0, visibleChipsCount).map((option) => (\n              <span\n                key={option.value}\n                className={cn(\n                  \"multiSelect_tag inline-flex items-center gap-1 px-2 bg-slot-10 text-slot rounded text-sm whitespace-nowrap\",\n                  classNames?.tag,\n                )}\n                data-slot=\"multiSelect_tag\"\n              >\n                {option.label}\n                <span\n                  role=\"button\"\n                  tabIndex={disabled ? -1 : 0}\n                  onClick={(e) => handleRemoveChip(option.value, e)}\n                  onKeyDown={(e) => {\n                    if (e.key === \"Enter\" || e.key === \" \") {\n                      e.preventDefault();\n                      handleRemoveChip(\n                        option.value,\n                        e as unknown as React.MouseEvent,\n                      );\n                    }\n                  }}\n                  className={cn(\n                    \"multiSelect_tagRemove hover:text-error cursor-pointer\",\n                    disabled && \"pointer-events-none\",\n                    classNames?.tagRemove,\n                  )}\n                  aria-disabled={disabled}\n                  data-slot=\"multiSelect_tagRemove\"\n                >\n                  <X className=\"h-3 w-3\" />\n                </span>\n              </span>\n            ))}\n            {selectedOptions.length > visibleChipsCount && (\n              <span className=\"inline-flex items-center px-2 py-0.5 bg-surface text-text-secondary rounded text-sm whitespace-nowrap\">\n                +{selectedOptions.length - visibleChipsCount}\n              </span>\n            )}\n          </div>\n        )}\n        <div\n          className=\"absolute opacity-0 pointer-events-none whitespace-nowrap\"\n          aria-hidden=\"true\"\n        >\n          {selectedOptions.map((option) => (\n            <span\n              key={option.value}\n              data-hidden-chip\n              className=\"inline-flex items-center gap-1 px-2 py-0.5 bg-slot-10 text-slot rounded text-sm whitespace-nowrap\"\n            >\n              {option.label}\n              <X className=\"h-3 w-3\" />\n            </span>\n          ))}\n        </div>\n        <input\n          ref={inputRef}\n          type=\"text\"\n          role=\"combobox\"\n          className=\"bg-transparent outline-none cursor-pointer placeholder:text-text-secondary/50 flex-1 min-w-0 pointer-events-none\"\n          placeholder={selectedOptions.length > 0 ? \"\" : placeholder}\n          value={searchQuery}\n          onChange={handleInputChange}\n          onClick={handleInputClick}\n          onKeyDown={handleInputKeyDown}\n          onKeyUp={handleKeyUp}\n          disabled={disabled || loading}\n          readOnly={!isOpen}\n          tabIndex={0}\n          aria-autocomplete=\"list\"\n          aria-expanded={isOpen}\n          aria-controls={isOpen ? listboxId : undefined}\n        />\n        <div className=\"flex items-center gap-1 text-text-secondary\">\n          {loading ? (\n            <Spinner />\n          ) : (\n            <>\n              {clearable && selectedOptions.length > 0 && !disabled && (\n                <span\n                  role=\"button\"\n                  tabIndex={-1}\n                  onClick={handleClear}\n                  onKeyDown={(e) => {\n                    if (e.key === \"Enter\" || e.key === \" \") {\n                      e.preventDefault();\n                      handleClear(e as unknown as React.MouseEvent);\n                    }\n                  }}\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              {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        className={cn(\n          \"multiSelect_root relative group\",\n          colorVars.primary,\n          fullWidth ? \"w-full\" : \"inline-block\",\n          classNames?.root,\n        )}\n        ref={ref}\n        data-slot=\"multiSelect_root\"\n        {...props}\n      >\n        <Popover open={isOpen} onOpenChange={setIsOpen}>\n          <PopoverTrigger asChild>{triggerButton}</PopoverTrigger>\n\n          <PopoverContent\n            className=\"p-0 w-(--radix-popover-trigger-width)\"\n            align=\"start\"\n            sideOffset={4}\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              className={cn(\n                \"multiSelect_label block mb-0.5\",\n                classNames?.label,\n              )}\n              data-slot=\"multiSelect_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              className={cn(\n                \"multiSelect_helper\",\n                statusMessageVariants({ status }),\n                classNames?.helper,\n              )}\n              data-slot=\"multiSelect_helper\"\n            >\n              {helperMessage}\n            </p>\n          )}\n        </div>\n        {selectElement}\n      </div>\n    );\n  },\n);\n\nMultiSelect.displayName = \"MultiSelect\";\n\nexport type * from \"./types\";\nexport default MultiSelect;\n"]}

package/dist/{chunk-PB5VGXS5.js → chunk-LBOQJHFH.js}

@@ -1,4 +1,4 @@
-import { useRipple, RippleContainer } from './chunk-4TEZWGX7.js';
+import { useRipple, RippleContainer } from './chunk-64OCJYSH.js';
 import { colorVars } from './chunk-G6QIIWKU.js';
 import { cn, iconSizes } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
@@ -361,5 +361,5 @@ Pagination.displayName = "Pagination";
 var pagination_default = Pagination;
 
 export { pagination_default };
-//# sourceMappingURL=chunk-PB5VGXS5.js.map
-//# sourceMappingURL=chunk-PB5VGXS5.js.map
+//# sourceMappingURL=chunk-LBOQJHFH.js.map
+//# sourceMappingURL=chunk-LBOQJHFH.js.map

package/dist/{chunk-PB5VGXS5.js.map → chunk-LBOQJHFH.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/pagination/index.tsx"],"names":[],"mappings":"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","file":"chunk-PB5VGXS5.js","sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport React, { useCallback, useMemo, useState } from 'react'\n\nimport {\n  ChevronLeft,\n  ChevronRight,\n  ChevronsLeft,\n  ChevronsRight,\n  MoreHorizontal,\n} from 'lucide-react'\n\nimport { useRipple, RippleContainer } from '../hooks/useRipple'\nimport { cn, iconSizes } from '../utils'\nimport { colorVars } from '../variants'\nimport type { PaginationProps } from './types'\n\nconst paginationVariants = cva('inline-flex items-center gap-1', {\n  variants: {\n    size: {\n      xs: 'text-xs',\n      sm: 'text-sm',\n      md: 'text-base',\n      lg: 'text-lg',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nconst paginationItemVariants = cva(\n  'inline-flex items-center justify-center rounded-md font-medium outline-none cursor-pointer border min-w-fit',\n  {\n    variants: {\n      size: {\n        xs: 'h-6 min-w-6 px-1.5 text-xs',\n        sm: 'h-8 min-w-8 px-2 text-sm',\n        md: 'h-10 min-w-10 px-3 text-base',\n        lg: 'h-12 min-w-12 px-4 text-lg',\n      },\n      disabled: {\n        true: 'opacity-50 cursor-not-allowed',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      disabled: false,\n    },\n  },\n)\n\nconst getInactiveStyles = (color: string, variant: string) => {\n  const baseColor = colorVars[color as keyof typeof colorVars] || colorVars.default\n\n  if (variant === 'solid') {\n    return cn(baseColor, 'border-slot bg-slot text-slot-fg hover:bg-slot-90')\n  }\n  if (variant === 'soft') {\n    return cn(baseColor, 'border-slot-30 bg-slot-10 text-slot hover:bg-slot-20')\n  }\n  // default variant\n  return cn(baseColor, 'border-border bg-background text-text-primary hover:bg-slot-10 hover:border-slot')\n}\n\nconst getActiveStyles = (color: string, variant: string) => {\n  const baseColor = colorVars[color as keyof typeof colorVars] || colorVars.default\n\n  if (variant === 'solid') {\n    return cn(baseColor, 'border-slot bg-slot text-slot-fg')\n  }\n  if (variant === 'soft') {\n    return cn(baseColor, 'border-slot bg-slot-20 text-slot')\n  }\n  // default variant\n  return cn(baseColor, 'border-slot bg-slot-10 text-slot')\n}\n\nconst PaginationButton: React.FC<React.ButtonHTMLAttributes<HTMLButtonElement> & { children: React.ReactNode }> = ({ children, disabled, className, ...props }) => {\n  const { ripples, onPointerDown, onKeyDown, onAnimationEnd } = useRipple(!disabled)\n  return (\n    <button className={cn(className, 'relative overflow-hidden')} onPointerDown={onPointerDown} onKeyDown={onKeyDown} disabled={disabled} {...props}>\n      {children}\n      <RippleContainer ripples={ripples} onAnimationEnd={onAnimationEnd} />\n    </button>\n  )\n}\n\nconst Pagination = React.memo<PaginationProps>(\n  ({\n    total,\n    current: controlledCurrent,\n    defaultCurrent = 1,\n    pageSize: controlledPageSize,\n    defaultPageSize = 10,\n    onChange,\n    onShowSizeChange,\n    color = 'default',\n    size = 'md',\n    variant = 'default',\n    showSizeChanger = false,\n    pageSizeOptions = [10, 20, 50, 100],\n    showQuickJumper = false,\n    showFirstLastButtons = false,\n    showTotal,\n    disabled = false,\n    className,\n    classNames,\n  }) => {\n    const [internalCurrent, setInternalCurrent] = useState(defaultCurrent)\n    const [internalPageSize, setInternalPageSize] = useState(defaultPageSize)\n\n    const current =\n      controlledCurrent !== undefined ? controlledCurrent : internalCurrent\n    const pageSize =\n      controlledPageSize !== undefined ? controlledPageSize : internalPageSize\n    const totalPages = Math.ceil(total / pageSize)\n\n    const handlePageChange = useCallback((page: number) => {\n      if (disabled || page === current || page < 1 || page > totalPages) return\n\n      if (controlledCurrent === undefined) {\n        setInternalCurrent(page)\n      }\n      onChange?.(page, pageSize)\n    }, [disabled, current, totalPages, controlledCurrent, onChange, pageSize])\n\n    const handlePageSizeChange = useCallback((newSize: number) => {\n      if (disabled) return\n\n      const newTotalPages = Math.ceil(total / newSize)\n      const newCurrent = current > newTotalPages ? newTotalPages : current\n\n      if (controlledPageSize === undefined) {\n        setInternalPageSize(newSize)\n      }\n      if (controlledCurrent === undefined && newCurrent !== current) {\n        setInternalCurrent(newCurrent)\n      }\n\n      onShowSizeChange?.(newCurrent, newSize)\n      onChange?.(newCurrent, newSize)\n    }, [disabled, total, current, controlledPageSize, controlledCurrent, onShowSizeChange, onChange])\n\n    const getPageNumbers = useMemo(() => {\n      const pages: (number | 'ellipsis')[] = []\n\n      if (totalPages <= 7) {\n        for (let i = 1; i <= totalPages; i++) {\n          pages.push(i)\n        }\n      } else if (current <= 4) {\n        for (let i = 1; i <= 5; i++) pages.push(i)\n        pages.push('ellipsis')\n        pages.push(totalPages)\n      } else if (current >= totalPages - 3) {\n        pages.push(1)\n        pages.push('ellipsis')\n        for (let i = totalPages - 4; i <= totalPages; i++) pages.push(i)\n      } else {\n        pages.push(1)\n        pages.push('ellipsis')\n        pages.push(current - 1)\n        pages.push(current)\n        pages.push(current + 1)\n        pages.push('ellipsis')\n        pages.push(totalPages)\n      }\n\n      return pages\n    }, [current, totalPages])\n\n    const range: [number, number] = [\n      (current - 1) * pageSize + 1,\n      Math.min(current * pageSize, total),\n    ]\n\n    if (totalPages <= 0) {\n      return null\n    }\n\n    return (\n      <div\n        data-slot=\"root\"\n        className={cn(\n          'pagination_root',\n          'flex items-center gap-4',\n          classNames?.root,\n          className,\n        )}\n      >\n        {showTotal && (\n          <div\n            className={cn(\n              'pagination_info',\n              'text-text-secondary text-sm',\n              classNames?.info,\n            )}\n          >\n            {showTotal(total, range)}\n          </div>\n        )}\n\n        <div\n          className={cn(\n            'pagination_list',\n            paginationVariants({ size }),\n            classNames?.list,\n          )}\n        >\n          {/* First Page Button */}\n          {showFirstLastButtons && (\n            <PaginationButton\n              type=\"button\"\n              onClick={() => handlePageChange(1)}\n              disabled={disabled || current === 1}\n              className={cn(\n                'pagination_button',\n                paginationItemVariants({\n                  size,\n                  disabled: disabled || current === 1,\n                }),\n                getInactiveStyles(color, variant),\n                classNames?.button,\n              )}\n              aria-label=\"First page\"\n            >\n              <ChevronsLeft className={iconSizes[size]} />\n            </PaginationButton>\n          )}\n\n          {/* Previous Button */}\n          <PaginationButton\n            type=\"button\"\n            onClick={() => handlePageChange(current - 1)}\n            disabled={disabled || current === 1}\n            className={cn(\n              'pagination_button',\n              paginationItemVariants({\n                size,\n                disabled: disabled || current === 1,\n              }),\n              getInactiveStyles(color, variant),\n              classNames?.button,\n            )}\n            aria-label=\"Previous page\"\n          >\n            <ChevronLeft className={iconSizes[size]} />\n          </PaginationButton>\n\n          {/* Page Numbers */}\n          {getPageNumbers.map((page, index) =>\n            page === 'ellipsis' ? (\n              <span\n                key={`slot-${index}`}\n                className={cn(\n                  'pagination_ellipsis',\n                  paginationItemVariants({ size, disabled: false }),\n                  getInactiveStyles(color, 'soft'),\n                  'border-none pointer-events-none',\n                  classNames?.ellipsis,\n                )}\n                aria-hidden=\"true\"\n              >\n                <MoreHorizontal className={iconSizes[size]} />\n              </span>\n            ) : (\n              <PaginationButton\n                type=\"button\"\n                key={`slot-${index}`}\n                onClick={() => handlePageChange(page)}\n                disabled={disabled}\n                aria-label={`Page ${page} of ${totalPages}`}\n                aria-current={current === page ? 'page' : undefined}\n                className={cn(\n                  'pagination_button',\n                  paginationItemVariants({ size, disabled }),\n                  current === page\n                    ? getActiveStyles(color, variant)\n                    : getInactiveStyles(color, variant),\n                  current === page ? classNames?.buttonActive : classNames?.button,\n                )}\n              >\n                {page}\n              </PaginationButton>\n            ),\n          )}\n\n          {/* Next Button */}\n          <PaginationButton\n            type=\"button\"\n            onClick={() => handlePageChange(current + 1)}\n            disabled={disabled || current === totalPages}\n            className={cn(\n              'pagination_button',\n              paginationItemVariants({\n                size,\n                disabled: disabled || current === totalPages,\n              }),\n              getInactiveStyles(color, variant),\n              classNames?.button,\n            )}\n            aria-label=\"Next page\"\n          >\n            <ChevronRight className={iconSizes[size]} />\n          </PaginationButton>\n\n          {/* Last Page Button */}\n          {showFirstLastButtons && (\n            <PaginationButton\n              type=\"button\"\n              onClick={() => handlePageChange(totalPages)}\n              disabled={disabled || current === totalPages}\n              className={cn(\n                'pagination_button',\n                paginationItemVariants({\n                  size,\n                  disabled: disabled || current === totalPages,\n                }),\n                getInactiveStyles(color, variant),\n                classNames?.button,\n              )}\n              aria-label=\"Last page\"\n            >\n              <ChevronsRight className={iconSizes[size]} />\n            </PaginationButton>\n          )}\n        </div>\n\n        {/* Page Size Changer */}\n        {showSizeChanger && (\n          <select\n            value={pageSize}\n            onChange={(e) => handlePageSizeChange(Number(e.target.value))}\n            disabled={disabled}\n            aria-label=\"Items per page\"\n            className={cn(\n              paginationItemVariants({ size, disabled }),\n              getInactiveStyles(color, variant),\n              'cursor-pointer',\n            )}\n          >\n            {pageSizeOptions.map((option) => (\n              <option\n                key={option}\n                value={option}\n              >\n                {option} / page\n              </option>\n            ))}\n          </select>\n        )}\n\n        {/* Quick Jumper */}\n        {showQuickJumper && (\n          <div className=\"flex items-center gap-2\">\n            <span className=\"text-text-secondary text-sm\">Go to</span>\n            <input\n              type=\"number\"\n              min={1}\n              max={totalPages}\n              disabled={disabled}\n              onKeyDown={(e) => {\n                if (e.key === 'Enter') {\n                  const inputEl = e.target as HTMLInputElement\n                  const value = parseInt(inputEl.value)\n                  if (!isNaN(value)) {\n                    const clampedValue = Math.max(1, Math.min(totalPages, value))\n                    handlePageChange(clampedValue)\n                    inputEl.value = ''\n                  }\n                }\n              }}\n              onBlur={(e) => {\n                const inputEl = e.target as HTMLInputElement\n                const value = parseInt(inputEl.value)\n                if (!isNaN(value) && inputEl.value !== '') {\n                  const clampedValue = Math.max(1, Math.min(totalPages, value))\n                  if (clampedValue !== value) {\n                    inputEl.value = String(clampedValue)\n                  }\n                }\n              }}\n              className={cn(\n                paginationItemVariants({ size, disabled }),\n                getInactiveStyles(color, variant),\n                'w-16 text-center',\n              )}\n            />\n          </div>\n        )}\n      </div>\n    )\n  },\n)\n\nPagination.displayName = 'Pagination'\n\nexport type * from './types'\nexport default Pagination\n"]}
+{"version":3,"sources":["../src/pagination/index.tsx"],"names":[],"mappings":"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","file":"chunk-LBOQJHFH.js","sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport React, { useCallback, useMemo, useState } from 'react'\n\nimport {\n  ChevronLeft,\n  ChevronRight,\n  ChevronsLeft,\n  ChevronsRight,\n  MoreHorizontal,\n} from 'lucide-react'\n\nimport { useRipple, RippleContainer } from '../hooks/useRipple'\nimport { cn, iconSizes } from '../utils'\nimport { colorVars } from '../variants'\nimport type { PaginationProps } from './types'\n\nconst paginationVariants = cva('inline-flex items-center gap-1', {\n  variants: {\n    size: {\n      xs: 'text-xs',\n      sm: 'text-sm',\n      md: 'text-base',\n      lg: 'text-lg',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nconst paginationItemVariants = cva(\n  'inline-flex items-center justify-center rounded-md font-medium outline-none cursor-pointer border min-w-fit',\n  {\n    variants: {\n      size: {\n        xs: 'h-6 min-w-6 px-1.5 text-xs',\n        sm: 'h-8 min-w-8 px-2 text-sm',\n        md: 'h-10 min-w-10 px-3 text-base',\n        lg: 'h-12 min-w-12 px-4 text-lg',\n      },\n      disabled: {\n        true: 'opacity-50 cursor-not-allowed',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      disabled: false,\n    },\n  },\n)\n\nconst getInactiveStyles = (color: string, variant: string) => {\n  const baseColor = colorVars[color as keyof typeof colorVars] || colorVars.default\n\n  if (variant === 'solid') {\n    return cn(baseColor, 'border-slot bg-slot text-slot-fg hover:bg-slot-90')\n  }\n  if (variant === 'soft') {\n    return cn(baseColor, 'border-slot-30 bg-slot-10 text-slot hover:bg-slot-20')\n  }\n  // default variant\n  return cn(baseColor, 'border-border bg-background text-text-primary hover:bg-slot-10 hover:border-slot')\n}\n\nconst getActiveStyles = (color: string, variant: string) => {\n  const baseColor = colorVars[color as keyof typeof colorVars] || colorVars.default\n\n  if (variant === 'solid') {\n    return cn(baseColor, 'border-slot bg-slot text-slot-fg')\n  }\n  if (variant === 'soft') {\n    return cn(baseColor, 'border-slot bg-slot-20 text-slot')\n  }\n  // default variant\n  return cn(baseColor, 'border-slot bg-slot-10 text-slot')\n}\n\nconst PaginationButton: React.FC<React.ButtonHTMLAttributes<HTMLButtonElement> & { children: React.ReactNode }> = ({ children, disabled, className, ...props }) => {\n  const { ripples, onPointerDown, onKeyDown, onAnimationEnd } = useRipple(!disabled)\n  return (\n    <button className={cn(className, 'relative overflow-hidden')} onPointerDown={onPointerDown} onKeyDown={onKeyDown} disabled={disabled} {...props}>\n      {children}\n      <RippleContainer ripples={ripples} onAnimationEnd={onAnimationEnd} />\n    </button>\n  )\n}\n\nconst Pagination = React.memo<PaginationProps>(\n  ({\n    total,\n    current: controlledCurrent,\n    defaultCurrent = 1,\n    pageSize: controlledPageSize,\n    defaultPageSize = 10,\n    onChange,\n    onShowSizeChange,\n    color = 'default',\n    size = 'md',\n    variant = 'default',\n    showSizeChanger = false,\n    pageSizeOptions = [10, 20, 50, 100],\n    showQuickJumper = false,\n    showFirstLastButtons = false,\n    showTotal,\n    disabled = false,\n    className,\n    classNames,\n  }) => {\n    const [internalCurrent, setInternalCurrent] = useState(defaultCurrent)\n    const [internalPageSize, setInternalPageSize] = useState(defaultPageSize)\n\n    const current =\n      controlledCurrent !== undefined ? controlledCurrent : internalCurrent\n    const pageSize =\n      controlledPageSize !== undefined ? controlledPageSize : internalPageSize\n    const totalPages = Math.ceil(total / pageSize)\n\n    const handlePageChange = useCallback((page: number) => {\n      if (disabled || page === current || page < 1 || page > totalPages) return\n\n      if (controlledCurrent === undefined) {\n        setInternalCurrent(page)\n      }\n      onChange?.(page, pageSize)\n    }, [disabled, current, totalPages, controlledCurrent, onChange, pageSize])\n\n    const handlePageSizeChange = useCallback((newSize: number) => {\n      if (disabled) return\n\n      const newTotalPages = Math.ceil(total / newSize)\n      const newCurrent = current > newTotalPages ? newTotalPages : current\n\n      if (controlledPageSize === undefined) {\n        setInternalPageSize(newSize)\n      }\n      if (controlledCurrent === undefined && newCurrent !== current) {\n        setInternalCurrent(newCurrent)\n      }\n\n      onShowSizeChange?.(newCurrent, newSize)\n      onChange?.(newCurrent, newSize)\n    }, [disabled, total, current, controlledPageSize, controlledCurrent, onShowSizeChange, onChange])\n\n    const getPageNumbers = useMemo(() => {\n      const pages: (number | 'ellipsis')[] = []\n\n      if (totalPages <= 7) {\n        for (let i = 1; i <= totalPages; i++) {\n          pages.push(i)\n        }\n      } else if (current <= 4) {\n        for (let i = 1; i <= 5; i++) pages.push(i)\n        pages.push('ellipsis')\n        pages.push(totalPages)\n      } else if (current >= totalPages - 3) {\n        pages.push(1)\n        pages.push('ellipsis')\n        for (let i = totalPages - 4; i <= totalPages; i++) pages.push(i)\n      } else {\n        pages.push(1)\n        pages.push('ellipsis')\n        pages.push(current - 1)\n        pages.push(current)\n        pages.push(current + 1)\n        pages.push('ellipsis')\n        pages.push(totalPages)\n      }\n\n      return pages\n    }, [current, totalPages])\n\n    const range: [number, number] = [\n      (current - 1) * pageSize + 1,\n      Math.min(current * pageSize, total),\n    ]\n\n    if (totalPages <= 0) {\n      return null\n    }\n\n    return (\n      <div\n        data-slot=\"root\"\n        className={cn(\n          'pagination_root',\n          'flex items-center gap-4',\n          classNames?.root,\n          className,\n        )}\n      >\n        {showTotal && (\n          <div\n            className={cn(\n              'pagination_info',\n              'text-text-secondary text-sm',\n              classNames?.info,\n            )}\n          >\n            {showTotal(total, range)}\n          </div>\n        )}\n\n        <div\n          className={cn(\n            'pagination_list',\n            paginationVariants({ size }),\n            classNames?.list,\n          )}\n        >\n          {/* First Page Button */}\n          {showFirstLastButtons && (\n            <PaginationButton\n              type=\"button\"\n              onClick={() => handlePageChange(1)}\n              disabled={disabled || current === 1}\n              className={cn(\n                'pagination_button',\n                paginationItemVariants({\n                  size,\n                  disabled: disabled || current === 1,\n                }),\n                getInactiveStyles(color, variant),\n                classNames?.button,\n              )}\n              aria-label=\"First page\"\n            >\n              <ChevronsLeft className={iconSizes[size]} />\n            </PaginationButton>\n          )}\n\n          {/* Previous Button */}\n          <PaginationButton\n            type=\"button\"\n            onClick={() => handlePageChange(current - 1)}\n            disabled={disabled || current === 1}\n            className={cn(\n              'pagination_button',\n              paginationItemVariants({\n                size,\n                disabled: disabled || current === 1,\n              }),\n              getInactiveStyles(color, variant),\n              classNames?.button,\n            )}\n            aria-label=\"Previous page\"\n          >\n            <ChevronLeft className={iconSizes[size]} />\n          </PaginationButton>\n\n          {/* Page Numbers */}\n          {getPageNumbers.map((page, index) =>\n            page === 'ellipsis' ? (\n              <span\n                key={`slot-${index}`}\n                className={cn(\n                  'pagination_ellipsis',\n                  paginationItemVariants({ size, disabled: false }),\n                  getInactiveStyles(color, 'soft'),\n                  'border-none pointer-events-none',\n                  classNames?.ellipsis,\n                )}\n                aria-hidden=\"true\"\n              >\n                <MoreHorizontal className={iconSizes[size]} />\n              </span>\n            ) : (\n              <PaginationButton\n                type=\"button\"\n                key={`slot-${index}`}\n                onClick={() => handlePageChange(page)}\n                disabled={disabled}\n                aria-label={`Page ${page} of ${totalPages}`}\n                aria-current={current === page ? 'page' : undefined}\n                className={cn(\n                  'pagination_button',\n                  paginationItemVariants({ size, disabled }),\n                  current === page\n                    ? getActiveStyles(color, variant)\n                    : getInactiveStyles(color, variant),\n                  current === page ? classNames?.buttonActive : classNames?.button,\n                )}\n              >\n                {page}\n              </PaginationButton>\n            ),\n          )}\n\n          {/* Next Button */}\n          <PaginationButton\n            type=\"button\"\n            onClick={() => handlePageChange(current + 1)}\n            disabled={disabled || current === totalPages}\n            className={cn(\n              'pagination_button',\n              paginationItemVariants({\n                size,\n                disabled: disabled || current === totalPages,\n              }),\n              getInactiveStyles(color, variant),\n              classNames?.button,\n            )}\n            aria-label=\"Next page\"\n          >\n            <ChevronRight className={iconSizes[size]} />\n          </PaginationButton>\n\n          {/* Last Page Button */}\n          {showFirstLastButtons && (\n            <PaginationButton\n              type=\"button\"\n              onClick={() => handlePageChange(totalPages)}\n              disabled={disabled || current === totalPages}\n              className={cn(\n                'pagination_button',\n                paginationItemVariants({\n                  size,\n                  disabled: disabled || current === totalPages,\n                }),\n                getInactiveStyles(color, variant),\n                classNames?.button,\n              )}\n              aria-label=\"Last page\"\n            >\n              <ChevronsRight className={iconSizes[size]} />\n            </PaginationButton>\n          )}\n        </div>\n\n        {/* Page Size Changer */}\n        {showSizeChanger && (\n          <select\n            value={pageSize}\n            onChange={(e) => handlePageSizeChange(Number(e.target.value))}\n            disabled={disabled}\n            aria-label=\"Items per page\"\n            className={cn(\n              paginationItemVariants({ size, disabled }),\n              getInactiveStyles(color, variant),\n              'cursor-pointer',\n            )}\n          >\n            {pageSizeOptions.map((option) => (\n              <option\n                key={option}\n                value={option}\n              >\n                {option} / page\n              </option>\n            ))}\n          </select>\n        )}\n\n        {/* Quick Jumper */}\n        {showQuickJumper && (\n          <div className=\"flex items-center gap-2\">\n            <span className=\"text-text-secondary text-sm\">Go to</span>\n            <input\n              type=\"number\"\n              min={1}\n              max={totalPages}\n              disabled={disabled}\n              onKeyDown={(e) => {\n                if (e.key === 'Enter') {\n                  const inputEl = e.target as HTMLInputElement\n                  const value = parseInt(inputEl.value)\n                  if (!isNaN(value)) {\n                    const clampedValue = Math.max(1, Math.min(totalPages, value))\n                    handlePageChange(clampedValue)\n                    inputEl.value = ''\n                  }\n                }\n              }}\n              onBlur={(e) => {\n                const inputEl = e.target as HTMLInputElement\n                const value = parseInt(inputEl.value)\n                if (!isNaN(value) && inputEl.value !== '') {\n                  const clampedValue = Math.max(1, Math.min(totalPages, value))\n                  if (clampedValue !== value) {\n                    inputEl.value = String(clampedValue)\n                  }\n                }\n              }}\n              className={cn(\n                paginationItemVariants({ size, disabled }),\n                getInactiveStyles(color, variant),\n                'w-16 text-center',\n              )}\n            />\n          </div>\n        )}\n      </div>\n    )\n  },\n)\n\nPagination.displayName = 'Pagination'\n\nexport type * from './types'\nexport default Pagination\n"]}

package/dist/{chunk-XCK62GVU.js → chunk-LZ2MHSYF.js}

@@ -105,10 +105,11 @@ var useTheme = () => {
   }
   return context;
 };
-var themeScript = `
+function getThemeScript(storageKey = "ui-theme") {
+  return `
 (function() {
   try {
-    var storageKey = 'ui-theme';
+    var storageKey = ${JSON.stringify(storageKey)};
     var theme = localStorage.getItem(storageKey) || 'system';
     var resolved = theme;
 
@@ -121,7 +122,9 @@ var themeScript = `
   } catch (e) {}
 })();
 `;
+}
+var themeScript = getThemeScript();
 
-export { ThemeProvider, themeScript, useTheme };
-//# sourceMappingURL=chunk-XCK62GVU.js.map
-//# sourceMappingURL=chunk-XCK62GVU.js.map
+export { ThemeProvider, getThemeScript, themeScript, useTheme };
+//# sourceMappingURL=chunk-LZ2MHSYF.js.map
+//# sourceMappingURL=chunk-LZ2MHSYF.js.map