@mdigital_ui/ui 0.4.6 → 0.4.8

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

@@ -1,4 +1,4 @@
-import { useSelectBase } from './chunk-SZMIHNCZ.js';
+import { useSelectBase } from './chunk-QDJ5PZPP.js';
 import { useControllable } from './chunk-PQOIW5CM.js';
 import { spinner_default } from './chunk-RRPMZYVN.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-ROQGBDET.js';
@@ -233,185 +233,154 @@ var MultiSelect = React.memo(
       },
       [handleSelect]
     );
-    const renderOptionsList = React.useMemo(
-      () => /* @__PURE__ */ jsxs("div", { className: "relative", "data-slot": "multiSelect_dropdown", children: [
-        showTopArrow && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(ChevronUp, { className: "h-4 w-4 text-text-primary" }) }),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            ref: scrollContainerRef,
-            className: cn("overflow-auto relative p-1", classNames?.dropdown),
-            style: { maxHeight: maxDropdownHeight },
-            role: "listbox",
-            id: listboxId,
-            "aria-multiselectable": "true",
-            "aria-labelledby": label ? labelId : void 0,
-            onScroll: handleScroll,
-            children: filteredOptions.length === 0 ? /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: cn(
-                  "multiSelect_empty px-3 py-4 text-center text-sm text-text-secondary",
-                  classNames?.empty
-                ),
-                "data-slot": "multiSelect_empty",
-                children: "No options found"
-              }
-            ) : shouldVirtualize ? /* @__PURE__ */ jsx(
-              "div",
-              {
-                ref: refCallback,
-                style: {
-                  height: `${Math.min(virtualizer.getTotalSize(), maxDropdownHeight)}px`,
-                  overflow: "auto"
-                },
-                onScroll: handleScroll,
-                children: /* @__PURE__ */ jsx(
+    const renderOptionsList = /* @__PURE__ */ jsxs("div", { className: "relative", "data-slot": "multiSelect_dropdown", children: [
+      showTopArrow && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(ChevronUp, { className: "h-4 w-4 text-text-primary" }) }),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: scrollContainerRef,
+          className: cn("overflow-auto relative p-1", classNames?.dropdown),
+          style: { maxHeight: maxDropdownHeight },
+          role: "listbox",
+          id: listboxId,
+          "aria-multiselectable": "true",
+          "aria-labelledby": label ? labelId : void 0,
+          onScroll: handleScroll,
+          children: filteredOptions.length === 0 ? /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "multiSelect_empty px-3 py-4 text-center text-sm text-text-secondary",
+                classNames?.empty
+              ),
+              "data-slot": "multiSelect_empty",
+              children: "No options found"
+            }
+          ) : shouldVirtualize ? /* @__PURE__ */ jsx(
+            "div",
+            {
+              ref: refCallback,
+              style: {
+                height: `${virtualizer.getTotalSize()}px`,
+                width: "100%",
+                position: "relative"
+              },
+              children: virtualizer.getVirtualItems().map((virtualItem) => {
+                const item = filteredOptions[virtualItem.index];
+                if (item?.type === "group") {
+                  return /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      style: {
+                        position: "absolute",
+                        top: 0,
+                        left: 0,
+                        width: "100%",
+                        height: `${virtualItem.size}px`,
+                        transform: `translateY(${virtualItem.start}px)`
+                      },
+                      className: multiSelectGroupVariants(),
+                      children: item?.data
+                    },
+                    `group-${virtualItem.index}`
+                  );
+                }
+                const option = item?.data;
+                const isSelected = currentValue.includes(option.value);
+                const selectableIndex = selectableOptions.indexOf(
+                  item
+                );
+                const isHighlighted = selectableIndex === highlightedIndex;
+                return /* @__PURE__ */ jsxs(
                   "div",
                   {
+                    "data-value": option.value,
                     style: {
-                      height: `${virtualizer.getTotalSize()}px`,
+                      position: "absolute",
+                      top: 0,
+                      left: 0,
                       width: "100%",
-                      position: "relative"
+                      height: `${virtualItem.size}px`,
+                      transform: `translateY(${virtualItem.start}px)`
                     },
-                    children: virtualizer.getVirtualItems().map((virtualItem) => {
-                      const item = filteredOptions[virtualItem.index];
-                      if (item?.type === "group") {
-                        return /* @__PURE__ */ jsx(
-                          "div",
-                          {
-                            style: {
-                              position: "absolute",
-                              top: 0,
-                              left: 0,
-                              width: "100%",
-                              height: `${virtualItem.size}px`,
-                              transform: `translateY(${virtualItem.start}px)`
-                            },
-                            className: multiSelectGroupVariants(),
-                            children: item?.data
-                          },
-                          `group-${virtualItem.index}`
-                        );
-                      }
-                      const option = item?.data;
-                      const isSelected = currentValue.includes(option.value);
-                      const selectableIndex = selectableOptions.indexOf(
-                        item
-                      );
-                      const isHighlighted = selectableIndex === highlightedIndex;
-                      return /* @__PURE__ */ jsxs(
-                        "div",
+                    className: cn(
+                      "multiSelect_option",
+                      multiSelectOptionVariants({
+                        selected: isSelected,
+                        disabled: !!option.disabled
+                      }),
+                      isHighlighted && "bg-surface",
+                      classNames?.option,
+                      isSelected && classNames?.optionSelected
+                    ),
+                    onClick: () => !option.disabled && handleOptionClick(option.value),
+                    role: "option",
+                    "aria-selected": isSelected,
+                    "aria-disabled": option.disabled,
+                    "data-slot": "multiSelect_option",
+                    children: [
+                      option.label,
+                      isSelected && /* @__PURE__ */ jsx("span", { className: "absolute right-3 top-1/2 -translate-y-1/2", children: /* @__PURE__ */ jsx(
+                        Check,
                         {
-                          "data-value": option.value,
-                          style: {
-                            position: "absolute",
-                            top: 0,
-                            left: 0,
-                            width: "100%",
-                            height: `${virtualItem.size}px`,
-                            transform: `translateY(${virtualItem.start}px)`
-                          },
-                          className: cn(
-                            "multiSelect_option",
-                            multiSelectOptionVariants({
-                              selected: isSelected,
-                              disabled: !!option.disabled
-                            }),
-                            isHighlighted && "bg-surface",
-                            classNames?.option,
-                            isSelected && classNames?.optionSelected
-                          ),
-                          onClick: () => !option.disabled && handleOptionClick(option.value),
-                          role: "option",
-                          "aria-selected": isSelected,
-                          "aria-disabled": option.disabled,
-                          "data-slot": "multiSelect_option",
-                          children: [
-                            option.label,
-                            isSelected && /* @__PURE__ */ jsx("span", { className: "absolute right-3 top-1/2 -translate-y-1/2", children: /* @__PURE__ */ jsx(
-                              Check,
-                              {
-                                className: cn("text-slot", iconSizes[size])
-                              }
-                            ) })
-                          ]
-                        },
-                        option.value
-                      );
-                    })
-                  }
-                )
-              }
-            ) : /* @__PURE__ */ jsx("div", { children: filteredOptions.map((item, index) => {
-              if (item.type === "group") {
-                return /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: multiSelectGroupVariants(),
-                    children: item.data
+                          className: cn("text-slot", iconSizes[size])
+                        }
+                      ) })
+                    ]
                   },
-                  `group-${index}`
+                  option.value
                 );
-              }
-              const option = item.data;
-              const isSelected = currentValue.includes(option.value);
-              const selectableIndex = selectableOptions.indexOf(
-                item
-              );
-              const isHighlighted = selectableIndex === highlightedIndex;
-              return /* @__PURE__ */ jsxs(
+              })
+            }
+          ) : /* @__PURE__ */ jsx("div", { children: filteredOptions.map((item, index) => {
+            if (item.type === "group") {
+              return /* @__PURE__ */ jsx(
                 "div",
                 {
-                  "data-value": option.value,
-                  "data-option-index": index,
-                  className: cn(
-                    "multiSelect_option",
-                    multiSelectOptionVariants({
-                      selected: isSelected,
-                      disabled: !!option.disabled
-                    }),
-                    isHighlighted && "bg-surface",
-                    classNames?.option,
-                    isSelected && classNames?.optionSelected
-                  ),
-                  onClick: () => !option.disabled && handleOptionClick(option.value),
-                  role: "option",
-                  "aria-selected": isSelected,
-                  "aria-disabled": option.disabled,
-                  "data-slot": "multiSelect_option",
-                  children: [
-                    option.label,
-                    isSelected && /* @__PURE__ */ jsx("span", { className: "absolute right-3 top-1/2 -translate-y-1/2", children: /* @__PURE__ */ jsx(Check, { className: cn("text-slot", iconSizes[size]) }) })
-                  ]
+                  className: multiSelectGroupVariants(),
+                  children: item.data
                 },
-                option.value
+                `group-${index}`
               );
-            }) })
-          }
-        ),
-        showBottomArrow && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 text-text-primary" }) })
-      ] }),
-      [
-        showTopArrow,
-        showBottomArrow,
-        filteredOptions,
-        shouldVirtualize,
-        virtualizer,
-        currentValue,
-        selectableOptions,
-        highlightedIndex,
-        handleOptionClick,
-        maxDropdownHeight,
-        listboxId,
-        label,
-        labelId,
-        handleScroll,
-        refCallback,
-        classNames,
-        size
-      ]
-    );
+            }
+            const option = item.data;
+            const isSelected = currentValue.includes(option.value);
+            const selectableIndex = selectableOptions.indexOf(
+              item
+            );
+            const isHighlighted = selectableIndex === highlightedIndex;
+            return /* @__PURE__ */ jsxs(
+              "div",
+              {
+                "data-value": option.value,
+                "data-option-index": index,
+                className: cn(
+                  "multiSelect_option",
+                  multiSelectOptionVariants({
+                    selected: isSelected,
+                    disabled: !!option.disabled
+                  }),
+                  isHighlighted && "bg-surface",
+                  classNames?.option,
+                  isSelected && classNames?.optionSelected
+                ),
+                onClick: () => !option.disabled && handleOptionClick(option.value),
+                role: "option",
+                "aria-selected": isSelected,
+                "aria-disabled": option.disabled,
+                "data-slot": "multiSelect_option",
+                children: [
+                  option.label,
+                  isSelected && /* @__PURE__ */ jsx("span", { className: "absolute right-3 top-1/2 -translate-y-1/2", children: /* @__PURE__ */ jsx(Check, { className: cn("text-slot", iconSizes[size]) }) })
+                ]
+              },
+              option.value
+            );
+          }) })
+        }
+      ),
+      showBottomArrow && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 text-text-primary" }) })
+    ] });
     const triggerButton = /* @__PURE__ */ jsxs(
       "button",
       {
@@ -609,5 +578,5 @@ MultiSelect.displayName = "MultiSelect";
 var multi_select_default = MultiSelect;
 
 export { multi_select_default };
-//# sourceMappingURL=chunk-Q46WXJVW.js.map
-//# sourceMappingURL=chunk-Q46WXJVW.js.map
+//# sourceMappingURL=chunk-J4SAIKKZ.js.map
+//# sourceMappingURL=chunk-J4SAIKKZ.js.map

package/dist/chunk-J4SAIKKZ.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-J4SAIKKZ.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 } 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 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],\n    );\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) => handleSelect(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 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          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        />\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 text-xs\",\n                status === \"error\" && \"text-error\",\n                status === \"warning\" && \"text-warning\",\n                status === \"info\" && \"text-info\",\n                status === \"success\" && \"text-success\",\n                status === \"default\" && \"text-text-secondary\",\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-SZMIHNCZ.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(
@@ -264,5 +263,5 @@ function useSelectBase(config) {
 }
 
 export { useSelectBase };
-//# sourceMappingURL=chunk-SZMIHNCZ.js.map
-//# sourceMappingURL=chunk-SZMIHNCZ.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"]}

package/dist/index.js

@@ -25,10 +25,10 @@ export { rating_default as Rating } from './chunk-TQEMGWZ2.js';
 export { ResizableHandle, ResizablePanel, ResizablePanelGroup } from './chunk-75N6T3IS.js';
 export { result_default as Result } from './chunk-TDPJYCNI.js';
 export { scroll_area_default as ScrollArea } from './chunk-WQT24BGG.js';
-export { select_default as Select } from './chunk-ZNGKUG2N.js';
+export { select_default as Select } from './chunk-3B32X5PU.js';
 export { skeleton_default as Skeleton } from './chunk-X7JN7WPF.js';
-export { multi_select_default as MultiSelect } from './chunk-Q46WXJVW.js';
-import './chunk-SZMIHNCZ.js';
+export { multi_select_default as MultiSelect } from './chunk-J4SAIKKZ.js';
+import './chunk-QDJ5PZPP.js';
 export { NavigationMenu } from './chunk-S6HO7HUY.js';
 export { notification_default as Notification } from './chunk-U4JPTWK6.js';
 export { number_input_default as NumberInput } from './chunk-PD3O6ZH4.js';
@@ -40,8 +40,8 @@ export { input_otp_default as InputOTP } from './chunk-ADZWWBAX.js';
 export { input_password_default as InputPassword } from './chunk-6RZEJRTC.js';
 export { kbd_default as Kbd } from './chunk-5SEVPU6C.js';
 export { link_default as Link } from './chunk-XMBZBXXS.js';
-export { mentions_default as Mentions } from './chunk-3Z7RLVWD.js';
 export { menubar_default as Menubar } from './chunk-ED4CQZ72.js';
+export { mentions_default as Mentions } from './chunk-3Z7RLVWD.js';
 export { Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from './chunk-DDZCRCTQ.js';
 export { fetching_overlay_default as FetchingOverlay } from './chunk-XBXPY7U3.js';
 export { BackTop, FloatButton, FloatButtonGroup } from './chunk-YRSHBAUQ.js';
@@ -53,9 +53,9 @@ export { clipboard_default as Clipboard } from './chunk-J2WIZULN.js';
 export { collapse_default as Collapse } from './chunk-OJAHIPPP.js';
 export { useControllable } from './chunk-PQOIW5CM.js';
 export { ColorInput, ColorPicker } from './chunk-UFYG3HKL.js';
+export { context_menu_default as ContextMenu, ContextMenuContent } from './chunk-Z3DIBMBQ.js';
 export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandModal, CommandSeparator, CommandShortcut } from './chunk-WG5AYAC6.js';
 export { modal_default as Modal, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, Modal as ModalRoot, ModalTitle, ModalTrigger } from './chunk-AFW2ORFT.js';
-export { context_menu_default as ContextMenu, ContextMenuContent } from './chunk-Z3DIBMBQ.js';
 export { DatePicker, RangePickerComponent as RangePicker, TimePickerComponent as TimePicker } from './chunk-DBPLQZJ2.js';
 export { descriptions_default as Descriptions } from './chunk-PRDJLQLB.js';
 export { divider_default as Divider } from './chunk-JFTSWOGE.js';
@@ -71,9 +71,9 @@ export { checkbox_group_default as CheckboxGroup } from './chunk-ON76IMMI.js';
 export { accordion_default as Accordion } from './chunk-4HKPDSA6.js';
 export { alert_default as Alert } from './chunk-C65SCJD6.js';
 export { anchor_default as Anchor } from './chunk-RNG7HR6U.js';
-export { Avatar, AvatarGroup } from './chunk-HSMO2BR4.js';
 export { autocomplete_default as Autocomplete } from './chunk-JWYBDNC6.js';
 export { badge_default as Badge } from './chunk-C32HL4XU.js';
+export { Avatar, AvatarGroup } from './chunk-HSMO2BR4.js';
 export { breadcrumbs_default as Breadcrumbs } from './chunk-6ROGWFQ2.js';
 export { dropdown_default as Dropdown } from './chunk-6NXZWLSM.js';
 export { useMenuNavigation } from './chunk-NZHKNUGE.js';

package/dist/multi-select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/multi-select/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,KAAK,EAAqB,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAOnE,QAAA,MAAM,WAAW,8CAqlBhB,CAAC;AAIF,mBAAmB,SAAS,CAAC;AAC7B,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/multi-select/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,KAAK,EAAqB,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAOnE,QAAA,MAAM,WAAW,8CAwjBhB,CAAC;AAIF,mBAAmB,SAAS,CAAC;AAC7B,eAAe,WAAW,CAAC"}

package/dist/multi-select/index.js

@@ -1,5 +1,5 @@
-export { multi_select_default as default } from '../chunk-Q46WXJVW.js';
-import '../chunk-SZMIHNCZ.js';
+export { multi_select_default as default } from '../chunk-J4SAIKKZ.js';
+import '../chunk-QDJ5PZPP.js';
 import '../chunk-PQOIW5CM.js';
 import '../chunk-RRPMZYVN.js';
 import '../chunk-NZHKNUGE.js';

package/dist/select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/select/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,KAAK,EAAgB,WAAW,EAAE,MAAM,SAAS,CAAC;AAwDzD,QAAA,MAAM,MAAM,yCAofX,CAAC;AAIF,mBAAmB,SAAS,CAAC;AAC7B,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/select/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,KAAK,EAAgB,WAAW,EAAE,MAAM,SAAS,CAAC;AAwDzD,QAAA,MAAM,MAAM,yCAudX,CAAC;AAIF,mBAAmB,SAAS,CAAC;AAC7B,eAAe,MAAM,CAAC"}

package/dist/select/index.js

@@ -1,5 +1,5 @@
-export { select_default as default } from '../chunk-ZNGKUG2N.js';
-import '../chunk-SZMIHNCZ.js';
+export { select_default as default } from '../chunk-3B32X5PU.js';
+import '../chunk-QDJ5PZPP.js';
 import '../chunk-PQOIW5CM.js';
 import '../chunk-RRPMZYVN.js';
 import '../chunk-NZHKNUGE.js';

package/dist/shared/useSelectBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSelectBase.d.ts","sourceRoot":"","sources":["../../src/shared/useSelectBase.ts"],"names":[],"mappings":"AACA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAKlD,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,mBAAmB,CAAC,CAAC,SAAS,gBAAgB;IACtD,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,yGAAyG;IACzG,cAAc,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;IACpC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,gBAAgB;IACvD,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAC;IACzB,IAAI,EAAE,CAAC,GAAG,MAAM,CAAC;CAClB;AAGD,wBAAgB,aAAa,CAAC,CAAC,SAAS,gBAAgB,EACtD,MAAM,EAAE,mBAAmB,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;2BAoNxB,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC;0BAQnC,KAAK,CAAC,UAAU;sBAQhB,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC;uBA/D7B,KAAK,CAAC,aAAa;qBAanB,KAAK,CAAC,aAAa;wBAyBc,cAAc;EAsHtD"}
+{"version":3,"file":"useSelectBase.d.ts","sourceRoot":"","sources":["../../src/shared/useSelectBase.ts"],"names":[],"mappings":"AACA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAKlD,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,mBAAmB,CAAC,CAAC,SAAS,gBAAgB;IACtD,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,yGAAyG;IACzG,cAAc,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;IACpC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,gBAAgB;IACvD,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAC;IACzB,IAAI,EAAE,CAAC,GAAG,MAAM,CAAC;CAClB;AAGD,wBAAgB,aAAa,CAAC,CAAC,SAAS,gBAAgB,EACtD,MAAM,EAAE,mBAAmB,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;2BAuNxB,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC;0BAQnC,KAAK,CAAC,UAAU;sBAQhB,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC;uBAlE7B,KAAK,CAAC,aAAa;qBAanB,KAAK,CAAC,aAAa;wBA6Bc,cAAc;EAqHtD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mdigital_ui/ui",
-  "version": "0.4.6",
+  "version": "0.4.8",
   "description": "Modern React component library built with Tailwind CSS v4",
   "type": "module",
   "main": "./dist/index.js",