@mdigital_ui/ui 0.4.5 → 0.4.7

package/dist/chunk-NPK4ESMA.js

@@ -0,0 +1,281 @@
+import { colorVars } from './chunk-G6QIIWKU.js';
+import { cn, statusMessageVariants } from './chunk-RAS6HUEI.js';
+import { cva } from 'class-variance-authority';
+import React, { useState, useRef, useMemo, useCallback } from 'react';
+import { X } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var wrapperVariants = cva(
+  "flex flex-wrap items-center gap-1 rounded-md border bg-background text-text-primary transition-colors cursor-text",
+  {
+    variants: {
+      size: {
+        xs: "min-h-(--input-height-xs) px-(--input-padding-x-xs) py-0.5 text-xs",
+        sm: "min-h-(--input-height-sm) px-(--input-padding-x-sm) py-1 text-sm",
+        md: "min-h-(--input-height-md) px-(--input-padding-x-md) py-1 text-sm",
+        lg: "min-h-(--input-height-lg) px-(--input-padding-x-lg) py-1.5 text-base"
+      },
+      status: {
+        default: "border-border focus-within:border-primary",
+        error: "border-error focus-within:border-error"
+      }
+    },
+    defaultVariants: { size: "md", status: "default" }
+  }
+);
+var tagVariants = cva(
+  "inline-flex items-center gap-0.5 rounded-md font-medium transition-colors bg-slot-10 text-slot",
+  {
+    variants: {
+      size: {
+        xs: "h-4 px-1 text-[10px]",
+        sm: "h-5 px-1.5 text-xs",
+        md: "h-6 px-2 text-xs",
+        lg: "h-7 px-2.5 text-sm"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+);
+var TagsInput = React.memo(
+  ({
+    value,
+    defaultValue = [],
+    onChange,
+    suggestions,
+    placeholder = "Add tag...",
+    maxTags,
+    allowDuplicates = false,
+    separator = ",",
+    addOnBlur = true,
+    addOnPaste = true,
+    validate,
+    onTagAdd,
+    onTagRemove,
+    size = "md",
+    color = "primary",
+    disabled = false,
+    readOnly = false,
+    label,
+    error,
+    helperText,
+    clearable = false,
+    fullWidth = true,
+    className,
+    classNames
+  }) => {
+    const [internalValue, setInternalValue] = useState(defaultValue);
+    const tags = value !== void 0 ? value : internalValue;
+    const [inputValue, setInputValue] = useState("");
+    const [showSuggestions, setShowSuggestions] = useState(false);
+    const [highlightedIdx, setHighlightedIdx] = useState(-1);
+    const inputRef = useRef(null);
+    const separators = useMemo(
+      () => Array.isArray(separator) ? separator : [separator],
+      [separator]
+    );
+    const update = useCallback(
+      (next) => {
+        if (value === void 0) setInternalValue(next);
+        onChange?.(next);
+      },
+      [value, onChange]
+    );
+    const addTag = useCallback(
+      (raw) => {
+        const tag = raw.trim();
+        if (!tag) return false;
+        if (maxTags && tags.length >= maxTags) return false;
+        if (!allowDuplicates && tags.includes(tag)) return false;
+        if (validate && !validate(tag)) return false;
+        update([...tags, tag]);
+        onTagAdd?.(tag);
+        return true;
+      },
+      [tags, maxTags, allowDuplicates, validate, update, onTagAdd]
+    );
+    const removeTag = useCallback(
+      (idx) => {
+        const tag = tags[idx];
+        const next = tags.filter((_, i) => i !== idx);
+        update(next);
+        if (tag) onTagRemove?.(tag);
+      },
+      [tags, update, onTagRemove]
+    );
+    const handleKeyDown = (e) => {
+      if (e.key === "Enter" || separators.includes(e.key)) {
+        e.preventDefault();
+        if (showSuggestions && highlightedIdx >= 0 && filteredSuggestions[highlightedIdx]) {
+          addTag(filteredSuggestions[highlightedIdx]);
+          setInputValue("");
+          setShowSuggestions(false);
+          setHighlightedIdx(-1);
+        } else if (addTag(inputValue)) {
+          setInputValue("");
+          setShowSuggestions(false);
+        }
+      } else if (e.key === "Backspace" && !inputValue && tags.length > 0) {
+        removeTag(tags.length - 1);
+      } else if (e.key === "Escape") {
+        setShowSuggestions(false);
+      } else if (e.key === "ArrowDown" && showSuggestions) {
+        e.preventDefault();
+        setHighlightedIdx((p) => Math.min(p + 1, filteredSuggestions.length - 1));
+      } else if (e.key === "ArrowUp" && showSuggestions) {
+        e.preventDefault();
+        setHighlightedIdx((p) => Math.max(p - 1, 0));
+      }
+    };
+    const handlePaste = (e) => {
+      if (!addOnPaste) return;
+      e.preventDefault();
+      const text = e.clipboardData.getData("text");
+      const parts = text.split(new RegExp(`[${separators.map((s) => s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join("")}]`));
+      let added = false;
+      for (const part of parts) {
+        if (addTag(part)) added = true;
+      }
+      if (added) setInputValue("");
+    };
+    const handleBlur = () => {
+      setShowSuggestions(false);
+      if (addOnBlur && inputValue.trim()) {
+        if (addTag(inputValue)) setInputValue("");
+      }
+    };
+    const filteredSuggestions = useMemo(() => {
+      if (!suggestions || !inputValue.trim()) return [];
+      const q = inputValue.toLowerCase();
+      return suggestions.filter(
+        (s) => s.toLowerCase().includes(q) && (allowDuplicates || !tags.includes(s))
+      );
+    }, [suggestions, inputValue, tags, allowDuplicates]);
+    const handleInputChange = (e) => {
+      setInputValue(e.target.value);
+      setShowSuggestions(!!e.target.value.trim() && !!suggestions?.length);
+      setHighlightedIdx(-1);
+    };
+    const atMax = !!maxTags && tags.length >= maxTags;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-slot": "root",
+        className: cn(
+          "tagsInput_root",
+          "flex flex-col gap-1.5",
+          fullWidth ? "w-full" : "inline-flex",
+          colorVars[color],
+          classNames?.root,
+          className
+        ),
+        children: [
+          label && /* @__PURE__ */ jsx("label", { "data-slot": "label", className: "text-sm font-medium text-text-primary", children: label }),
+          /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                "data-slot": "wrapper",
+                className: cn(
+                  "tagsInput_wrapper",
+                  wrapperVariants({ size, status: error ? "error" : "default" }),
+                  disabled && "opacity-50 cursor-not-allowed",
+                  classNames?.wrapper
+                ),
+                onClick: () => !disabled && !readOnly && inputRef.current?.focus(),
+                children: [
+                  tags.map((tag, idx) => /* @__PURE__ */ jsxs(
+                    "span",
+                    {
+                      "data-slot": "tag",
+                      className: cn("tagsInput_tag", tagVariants({ size }), classNames?.tag),
+                      children: [
+                        /* @__PURE__ */ jsx("span", { className: cn("tagsInput_tagLabel truncate max-w-[150px]", classNames?.tagLabel), children: tag }),
+                        !readOnly && !disabled && /* @__PURE__ */ jsx(
+                          "button",
+                          {
+                            type: "button",
+                            onClick: (e) => {
+                              e.stopPropagation();
+                              removeTag(idx);
+                            },
+                            className: cn("tagsInput_tagClose shrink-0 hover:text-slot-80 cursor-pointer", classNames?.tagClose),
+                            "aria-label": `Remove ${tag}`,
+                            tabIndex: -1,
+                            children: /* @__PURE__ */ jsx(X, { className: "w-3 h-3" })
+                          }
+                        )
+                      ]
+                    },
+                    `${tag}-${idx}`
+                  )),
+                  !atMax && !readOnly && !disabled && /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      ref: inputRef,
+                      type: "text",
+                      value: inputValue,
+                      onChange: handleInputChange,
+                      onKeyDown: handleKeyDown,
+                      onPaste: handlePaste,
+                      onBlur: handleBlur,
+                      onFocus: () => inputValue.trim() && suggestions?.length && setShowSuggestions(true),
+                      placeholder: tags.length === 0 ? placeholder : "",
+                      disabled,
+                      readOnly,
+                      "data-slot": "input",
+                      className: cn(
+                        "tagsInput_input",
+                        "flex-1 min-w-[60px] bg-transparent outline-none placeholder:text-text-secondary/50",
+                        classNames?.input
+                      )
+                    }
+                  ),
+                  clearable && tags.length > 0 && !disabled && !readOnly && /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        update([]);
+                      },
+                      className: "shrink-0 text-text-secondary hover:text-text-primary",
+                      "aria-label": "Clear all tags",
+                      tabIndex: -1,
+                      children: /* @__PURE__ */ jsx(X, { className: "w-3.5 h-3.5" })
+                    }
+                  )
+                ]
+              }
+            ),
+            showSuggestions && filteredSuggestions.length > 0 && /* @__PURE__ */ jsx("div", { className: "absolute z-[var(--z-popover)] mt-1 w-full rounded-md border border-border bg-background shadow-md max-h-[200px] overflow-auto", children: filteredSuggestions.map((s, idx) => /* @__PURE__ */ jsx(
+              "div",
+              {
+                onMouseDown: (e) => {
+                  e.preventDefault();
+                  addTag(s);
+                  setInputValue("");
+                  setShowSuggestions(false);
+                },
+                onMouseEnter: () => setHighlightedIdx(idx),
+                className: cn(
+                  "px-3 py-1.5 text-sm cursor-pointer transition-colors",
+                  idx === highlightedIdx ? "bg-surface text-text-primary" : "text-text-primary hover:bg-surface"
+                ),
+                children: s
+              },
+              s
+            )) })
+          ] }),
+          (error || helperText) && /* @__PURE__ */ jsx("p", { "data-slot": "message", className: cn("text-xs", error ? statusMessageVariants({ status: "error" }) : "text-text-secondary"), children: error || helperText })
+        ]
+      }
+    );
+  }
+);
+TagsInput.displayName = "TagsInput";
+var tags_input_default = TagsInput;
+
+export { tags_input_default };
+//# sourceMappingURL=chunk-NPK4ESMA.js.map
+//# sourceMappingURL=chunk-NPK4ESMA.js.map

package/dist/chunk-NPK4ESMA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tags-input/index.tsx"],"names":[],"mappings":"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","file":"chunk-NPK4ESMA.js","sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport React, { useState, useRef, useCallback, useMemo } from 'react'\n\nimport { X } from 'lucide-react'\nimport { cn, statusMessageVariants } from '../utils'\nimport { colorVars } from '../variants'\nimport type { TagsInputProps } from './types'\n\nconst wrapperVariants = cva(\n  'flex flex-wrap items-center gap-1 rounded-md border bg-background text-text-primary transition-colors cursor-text',\n  {\n    variants: {\n      size: {\n        xs: 'min-h-(--input-height-xs) px-(--input-padding-x-xs) py-0.5 text-xs',\n        sm: 'min-h-(--input-height-sm) px-(--input-padding-x-sm) py-1 text-sm',\n        md: 'min-h-(--input-height-md) px-(--input-padding-x-md) py-1 text-sm',\n        lg: 'min-h-(--input-height-lg) px-(--input-padding-x-lg) py-1.5 text-base',\n      },\n      status: {\n        default: 'border-border focus-within:border-primary',\n        error: 'border-error focus-within:border-error',\n      },\n    },\n    defaultVariants: { size: 'md', status: 'default' },\n  },\n)\n\nconst tagVariants = cva(\n  'inline-flex items-center gap-0.5 rounded-md font-medium transition-colors bg-slot-10 text-slot',\n  {\n    variants: {\n      size: {\n        xs: 'h-4 px-1 text-[10px]',\n        sm: 'h-5 px-1.5 text-xs',\n        md: 'h-6 px-2 text-xs',\n        lg: 'h-7 px-2.5 text-sm',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n)\n\nconst TagsInput = React.memo<TagsInputProps>(\n  ({\n    value,\n    defaultValue = [],\n    onChange,\n    suggestions,\n    placeholder = 'Add tag...',\n    maxTags,\n    allowDuplicates = false,\n    separator = ',',\n    addOnBlur = true,\n    addOnPaste = true,\n    validate,\n    onTagAdd,\n    onTagRemove,\n    size = 'md',\n    color = 'primary',\n    disabled = false,\n    readOnly = false,\n    label,\n    error,\n    helperText,\n    clearable = false,\n    fullWidth = true,\n    className,\n    classNames,\n  }) => {\n    const [internalValue, setInternalValue] = useState(defaultValue)\n    const tags = value !== undefined ? value : internalValue\n    const [inputValue, setInputValue] = useState('')\n    const [showSuggestions, setShowSuggestions] = useState(false)\n    const [highlightedIdx, setHighlightedIdx] = useState(-1)\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    const separators = useMemo(\n      () => (Array.isArray(separator) ? separator : [separator]),\n      [separator],\n    )\n\n    const update = useCallback(\n      (next: string[]) => {\n        if (value === undefined) setInternalValue(next)\n        onChange?.(next)\n      },\n      [value, onChange],\n    )\n\n    const addTag = useCallback(\n      (raw: string) => {\n        const tag = raw.trim()\n        if (!tag) return false\n        if (maxTags && tags.length >= maxTags) return false\n        if (!allowDuplicates && tags.includes(tag)) return false\n        if (validate && !validate(tag)) return false\n        update([...tags, tag])\n        onTagAdd?.(tag)\n        return true\n      },\n      [tags, maxTags, allowDuplicates, validate, update, onTagAdd],\n    )\n\n    const removeTag = useCallback(\n      (idx: number) => {\n        const tag = tags[idx]\n        const next = tags.filter((_, i) => i !== idx)\n        update(next)\n        if (tag) onTagRemove?.(tag)\n      },\n      [tags, update, onTagRemove],\n    )\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === 'Enter' || separators.includes(e.key)) {\n        e.preventDefault()\n        if (showSuggestions && highlightedIdx >= 0 && filteredSuggestions[highlightedIdx]) {\n          addTag(filteredSuggestions[highlightedIdx])\n          setInputValue('')\n          setShowSuggestions(false)\n          setHighlightedIdx(-1)\n        } else if (addTag(inputValue)) {\n          setInputValue('')\n          setShowSuggestions(false)\n        }\n      } else if (e.key === 'Backspace' && !inputValue && tags.length > 0) {\n        removeTag(tags.length - 1)\n      } else if (e.key === 'Escape') {\n        setShowSuggestions(false)\n      } else if (e.key === 'ArrowDown' && showSuggestions) {\n        e.preventDefault()\n        setHighlightedIdx((p) => Math.min(p + 1, filteredSuggestions.length - 1))\n      } else if (e.key === 'ArrowUp' && showSuggestions) {\n        e.preventDefault()\n        setHighlightedIdx((p) => Math.max(p - 1, 0))\n      }\n    }\n\n    const handlePaste = (e: React.ClipboardEvent<HTMLInputElement>) => {\n      if (!addOnPaste) return\n      e.preventDefault()\n      const text = e.clipboardData.getData('text')\n      const parts = text.split(new RegExp(`[${separators.map((s) => s.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')).join('')}]`))\n      let added = false\n      for (const part of parts) {\n        if (addTag(part)) added = true\n      }\n      if (added) setInputValue('')\n    }\n\n    const handleBlur = () => {\n      setShowSuggestions(false)\n      if (addOnBlur && inputValue.trim()) {\n        if (addTag(inputValue)) setInputValue('')\n      }\n    }\n\n    const filteredSuggestions = useMemo(() => {\n      if (!suggestions || !inputValue.trim()) return []\n      const q = inputValue.toLowerCase()\n      return suggestions.filter(\n        (s) => s.toLowerCase().includes(q) && (allowDuplicates || !tags.includes(s)),\n      )\n    }, [suggestions, inputValue, tags, allowDuplicates])\n\n    const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      setInputValue(e.target.value)\n      setShowSuggestions(!!e.target.value.trim() && !!suggestions?.length)\n      setHighlightedIdx(-1)\n    }\n\n    const atMax = !!maxTags && tags.length >= maxTags\n\n    return (\n      <div\n        data-slot=\"root\"\n        className={cn(\n          'tagsInput_root',\n          'flex flex-col gap-1.5',\n          fullWidth ? 'w-full' : 'inline-flex',\n          colorVars[color],\n          classNames?.root,\n          className,\n        )}\n      >\n        {label && (\n          <label data-slot=\"label\" className=\"text-sm font-medium text-text-primary\">\n            {label}\n          </label>\n        )}\n\n        <div className=\"relative\">\n          <div\n            data-slot=\"wrapper\"\n            className={cn(\n              'tagsInput_wrapper',\n              wrapperVariants({ size, status: error ? 'error' : 'default' }),\n              disabled && 'opacity-50 cursor-not-allowed',\n              classNames?.wrapper,\n            )}\n            onClick={() => !disabled && !readOnly && inputRef.current?.focus()}\n          >\n            {tags.map((tag, idx) => (\n              <span\n                key={`${tag}-${idx}`}\n                data-slot=\"tag\"\n                className={cn('tagsInput_tag', tagVariants({ size }), classNames?.tag)}\n              >\n                <span className={cn('tagsInput_tagLabel truncate max-w-[150px]', classNames?.tagLabel)}>\n                  {tag}\n                </span>\n                {!readOnly && !disabled && (\n                  <button\n                    type=\"button\"\n                    onClick={(e) => { e.stopPropagation(); removeTag(idx) }}\n                    className={cn('tagsInput_tagClose shrink-0 hover:text-slot-80 cursor-pointer', classNames?.tagClose)}\n                    aria-label={`Remove ${tag}`}\n                    tabIndex={-1}\n                  >\n                    <X className=\"w-3 h-3\" />\n                  </button>\n                )}\n              </span>\n            ))}\n\n            {!atMax && !readOnly && !disabled && (\n              <input\n                ref={inputRef}\n                type=\"text\"\n                value={inputValue}\n                onChange={handleInputChange}\n                onKeyDown={handleKeyDown}\n                onPaste={handlePaste}\n                onBlur={handleBlur}\n                onFocus={() => inputValue.trim() && suggestions?.length && setShowSuggestions(true)}\n                placeholder={tags.length === 0 ? placeholder : ''}\n                disabled={disabled}\n                readOnly={readOnly}\n                data-slot=\"input\"\n                className={cn(\n                  'tagsInput_input',\n                  'flex-1 min-w-[60px] bg-transparent outline-none placeholder:text-text-secondary/50',\n                  classNames?.input,\n                )}\n              />\n            )}\n\n            {clearable && tags.length > 0 && !disabled && !readOnly && (\n              <button\n                type=\"button\"\n                onClick={(e) => { e.stopPropagation(); update([]) }}\n                className=\"shrink-0 text-text-secondary hover:text-text-primary\"\n                aria-label=\"Clear all tags\"\n                tabIndex={-1}\n              >\n                <X className=\"w-3.5 h-3.5\" />\n              </button>\n            )}\n          </div>\n\n          {showSuggestions && filteredSuggestions.length > 0 && (\n            <div className=\"absolute z-[var(--z-popover)] mt-1 w-full rounded-md border border-border bg-background shadow-md max-h-[200px] overflow-auto\">\n              {filteredSuggestions.map((s, idx) => (\n                <div\n                  key={s}\n                  onMouseDown={(e) => {\n                    e.preventDefault()\n                    addTag(s)\n                    setInputValue('')\n                    setShowSuggestions(false)\n                  }}\n                  onMouseEnter={() => setHighlightedIdx(idx)}\n                  className={cn(\n                    'px-3 py-1.5 text-sm cursor-pointer transition-colors',\n                    idx === highlightedIdx ? 'bg-surface text-text-primary' : 'text-text-primary hover:bg-surface',\n                  )}\n                >\n                  {s}\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n\n        {(error || helperText) && (\n          <p data-slot=\"message\" className={cn('text-xs', error ? statusMessageVariants({ status: 'error' }) : 'text-text-secondary')}>\n            {error || helperText}\n          </p>\n        )}\n      </div>\n    )\n  },\n)\n\nTagsInput.displayName = 'TagsInput'\n\nexport type * from './types'\nexport default TagsInput\n"]}

package/dist/{chunk-X7MF3TIF.js → chunk-PD3O6ZH4.js}

@@ -244,15 +244,22 @@ var NumberInput = React.memo(
         classNames?.input
       ]
     );
+    const statusBorderColor = {
+      default: "border-border",
+      error: "border-error",
+      warning: "border-warning",
+      info: "border-info",
+      success: "border-success"
+    };
     const controlsClass = useMemo(
       () => cn(
         "number-input_controls",
         "flex",
-        controlsPosition === "right" && "absolute right-0 top-0 h-full border-l border-border",
+        controlsPosition === "right" && `absolute right-0 top-0 h-full border-l ${statusBorderColor[status] || "border-border"}`,
         controlsPosition === "sides" && "gap-1",
         classNames?.controls
       ),
-      [controlsPosition, classNames?.controls]
+      [controlsPosition, classNames?.controls, status]
     );
     const helperClass = useMemo(
       () => cn(
@@ -292,7 +299,7 @@ var NumberInput = React.memo(
         className: cn(
           "number-input_decrement h-full!",
           controlButtonVariants({ size, position: controlsPosition }),
-          controlsPosition === "right" && "border-r border-border",
+          controlsPosition === "right" && `border-r ${statusBorderColor[status] || "border-border"}`,
           classNames?.decrement
         ),
         "aria-label": "Decrement value",
@@ -347,5 +354,5 @@ NumberInput.displayName = "NumberInput";
 var number_input_default = NumberInput;
 
 export { number_input_default };
-//# sourceMappingURL=chunk-X7MF3TIF.js.map
-//# sourceMappingURL=chunk-X7MF3TIF.js.map
+//# sourceMappingURL=chunk-PD3O6ZH4.js.map
+//# sourceMappingURL=chunk-PD3O6ZH4.js.map

package/dist/chunk-PD3O6ZH4.js.map

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

package/dist/{chunk-HJITFPBT.js → chunk-QDJ5PZPP.js}

@@ -154,7 +154,7 @@ function useSelectBase(config) {
   const shouldVirtualize = filteredOptions.length > virtualizeThreshold;
   const virtualizer = useVirtualizer({
     count: filteredOptions.length,
-    getScrollElement: () => parentNode,
+    getScrollElement: () => scrollContainerRef.current,
     estimateSize: () => 40,
     enabled: shouldVirtualize,
     overscan: 10
@@ -166,7 +166,6 @@ function useSelectBase(config) {
   const refCallback = useCallback((node) => {
     if (node) {
       setParentNode(node);
-      scrollContainerRef.current = node;
     }
   }, []);
   const handleInputChange = React.useCallback(
@@ -193,12 +192,18 @@ function useSelectBase(config) {
     []
   );
   React.useEffect(() => {
-    if (!shouldVirtualize || highlightedIndex < 0) return;
+    if (highlightedIndex < 0) return;
     const option = selectableOptions[highlightedIndex];
-    if (option) {
-      const optionIndex = filteredOptions.indexOf(option);
-      if (optionIndex >= 0) {
-        virtualizerRef.current.scrollToIndex(optionIndex, { align: "auto" });
+    if (!option) return;
+    const optionIndex = filteredOptions.indexOf(option);
+    if (optionIndex < 0) return;
+    if (shouldVirtualize) {
+      virtualizerRef.current.scrollToIndex(optionIndex, { align: "auto" });
+    } else {
+      const container = scrollContainerRef.current;
+      if (container) {
+        const el = container.querySelector(`[data-option-index="${optionIndex}"]`);
+        el?.scrollIntoView?.({ block: "nearest" });
       }
     }
   }, [highlightedIndex, selectableOptions, filteredOptions, shouldVirtualize]);
@@ -258,5 +263,5 @@ function useSelectBase(config) {
 }
 
 export { useSelectBase };
-//# sourceMappingURL=chunk-HJITFPBT.js.map
-//# sourceMappingURL=chunk-HJITFPBT.js.map
+//# sourceMappingURL=chunk-QDJ5PZPP.js.map
+//# sourceMappingURL=chunk-QDJ5PZPP.js.map

package/dist/chunk-QDJ5PZPP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/shared/useSelectBase.ts"],"names":[],"mappings":"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","file":"chunk-QDJ5PZPP.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  // Use the single scrollContainerRef as the virtualizer scroll element.\n  // No separate inner scroll container — avoids nested scroll conflicts.\n  const virtualizer = useVirtualizer({\n    count: filteredOptions.length,\n    getScrollElement: () => scrollContainerRef.current,\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  // Legacy refCallback kept for API compat — just updates parentNode for\n  // any external consumers, but virtualizer now uses scrollContainerRef.\n  const refCallback = useCallback((node: HTMLDivElement) => {\n    if (node) {\n      setParentNode(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\n  React.useEffect(() => {\n    if (highlightedIndex < 0) return;\n    const option = selectableOptions[highlightedIndex];\n    if (!option) return;\n\n    const optionIndex = filteredOptions.indexOf(option);\n    if (optionIndex < 0) return;\n\n    if (shouldVirtualize) {\n      virtualizerRef.current.scrollToIndex(optionIndex, { align: \"auto\" });\n    } else {\n      // Non-virtualized: find the DOM element and scroll it into view\n      const container = scrollContainerRef.current;\n      if (container) {\n        const el = container.querySelector(`[data-option-index=\"${optionIndex}\"]`) as HTMLElement;\n        el?.scrollIntoView?.({ block: \"nearest\" });\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"]}