@arbidocs/blocks 0.4.141 → 0.4.143

package/dist/chunk-RFIBUWLF.cjs

@@ -0,0 +1,232 @@
+"use client";
+'use strict';
+
+var React = require('react');
+var lucideReact = require('lucide-react');
+var ui = require('@arbidocs/react/ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+// src/settings/MultiSelect.tsx
+var MultiSelect = React__namespace.forwardRef(
+  ({
+    data,
+    value,
+    onChange,
+    searchValue,
+    onSearchChange,
+    placeholder = "Select options",
+    searchable = false,
+    clearable = false,
+    size = "md",
+    autoFocus = false,
+    onDropdownOpen,
+    onDropdownClose,
+    renderOption,
+    animation = 0,
+    modalPopover = false,
+    className,
+    ...props
+  }, ref) => {
+    const [isPopoverOpen, setIsPopoverOpen] = React__namespace.useState(false);
+    const [internalSearchValue, setInternalSearchValue] = React__namespace.useState("");
+    const currentSearchValue = searchValue ?? internalSearchValue;
+    React__namespace.useEffect(() => {
+      if (isPopoverOpen && onDropdownOpen) {
+        onDropdownOpen();
+      } else if (!isPopoverOpen && onDropdownClose) {
+        onDropdownClose();
+      }
+    }, [isPopoverOpen, onDropdownOpen, onDropdownClose]);
+    React__namespace.useEffect(() => {
+      if (autoFocus) {
+        setIsPopoverOpen(true);
+      }
+    }, [autoFocus]);
+    const handleSearchValueChange = (newValue) => {
+      if (onSearchChange) {
+        onSearchChange(newValue);
+      } else {
+        setInternalSearchValue(newValue);
+      }
+    };
+    const getSizeClasses = () => {
+      switch (size) {
+        case "sm":
+          return "min-h-8 text-sm";
+        case "lg":
+          return "min-h-12 text-base";
+        default:
+          return "min-h-10 text-sm";
+      }
+    };
+    const handleInputKeyDown = (event) => {
+      if (event.key === "Enter") {
+        setIsPopoverOpen(true);
+      } else if (event.key === "Backspace" && !event.currentTarget.value) {
+        const newSelectedValues = [...value];
+        newSelectedValues.pop();
+        onChange(newSelectedValues);
+      }
+    };
+    const toggleOption = (optionValue) => {
+      const newSelectedValues = value.includes(optionValue) ? value.filter((v) => v !== optionValue) : [...value, optionValue];
+      onChange(newSelectedValues);
+    };
+    const handleClear = () => {
+      onChange([]);
+    };
+    const toggleAll = () => {
+      if (value.length === data.length) {
+        handleClear();
+      } else {
+        const allValues = data.map((option) => option.value);
+        onChange(allValues);
+      }
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs(ui.Popover, { open: isPopoverOpen, onOpenChange: setIsPopoverOpen, modal: modalPopover, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
+        {
+          ref,
+          ...props,
+          variant: "outline",
+          className: ui.cn(
+            "flex w-full p-1 rounded-md border h-auto items-center justify-between bg-background hover:bg-accent [&_svg]:pointer-events-auto",
+            getSizeClasses(),
+            className
+          ),
+          "data-testid": "multi-select-trigger",
+          children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between w-full mx-auto", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground mx-3", children: placeholder }),
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 cursor-pointer text-muted-foreground mx-2" })
+          ] })
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.PopoverContent,
+        {
+          className: "w-[var(--radix-popover-trigger-width)] p-0",
+          align: "start",
+          side: "bottom",
+          sideOffset: 4,
+          children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Command, { shouldFilter: true, children: [
+            searchable && /* @__PURE__ */ jsxRuntime.jsx(
+              ui.CommandInput,
+              {
+                placeholder: "Search...",
+                value: currentSearchValue,
+                onValueChange: handleSearchValueChange,
+                onKeyDown: handleInputKeyDown,
+                autoFocus
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs(ui.CommandList, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.CommandEmpty, { children: "No results found." }),
+              /* @__PURE__ */ jsxRuntime.jsxs(ui.CommandGroup, { children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  ui.CommandItem,
+                  {
+                    onSelect: toggleAll,
+                    className: "cursor-pointer",
+                    "data-testid": "multi-select-all-option",
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "div",
+                        {
+                          className: ui.cn(
+                            "mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary",
+                            value.length === data.length ? "bg-primary text-primary-foreground" : "opacity-50 [&_svg]:invisible"
+                          ),
+                          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "h-4 w-4" })
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "(Select All)" })
+                    ]
+                  },
+                  "all"
+                ),
+                data.map((option) => {
+                  const isSelected = value.includes(option.value);
+                  return /* @__PURE__ */ jsxRuntime.jsx(
+                    ui.CommandItem,
+                    {
+                      value: option.label,
+                      onSelect: () => toggleOption(option.value),
+                      className: "cursor-pointer",
+                      "data-testid": `multi-select-option-${option.value}`,
+                      children: renderOption ? renderOption({ option, checked: isSelected }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          "div",
+                          {
+                            className: ui.cn(
+                              "mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary",
+                              isSelected ? "bg-primary text-primary-foreground" : "opacity-50 [&_svg]:invisible"
+                            ),
+                            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "h-4 w-4" })
+                          }
+                        ),
+                        option.icon && /* @__PURE__ */ jsxRuntime.jsx(option.icon, { className: "mr-2 h-4 w-4 text-muted-foreground" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { children: option.label })
+                      ] })
+                    },
+                    option.value
+                  );
+                })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.CommandSeparator, {}),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.CommandGroup, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+                clearable && value.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    ui.CommandItem,
+                    {
+                      onSelect: handleClear,
+                      className: "flex-1 justify-center cursor-pointer",
+                      "data-testid": "multi-select-clear-button",
+                      children: "Clear"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(ui.Separator, { orientation: "vertical", className: "flex min-h-6 h-full" })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  ui.CommandItem,
+                  {
+                    onSelect: () => setIsPopoverOpen(false),
+                    className: "flex-1 justify-center cursor-pointer max-w-full",
+                    "data-testid": "multi-select-close-button",
+                    children: "Close"
+                  }
+                )
+              ] }) })
+            ] })
+          ] })
+        }
+      ),
+      animation > 0 && value.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.WandSparkles, { className: "cursor-pointer my-2 text-muted-foreground bg-background w-3 h-3" })
+    ] });
+  }
+);
+MultiSelect.displayName = "MultiSelect";
+
+exports.MultiSelect = MultiSelect;
+//# sourceMappingURL=chunk-RFIBUWLF.cjs.map
+//# sourceMappingURL=chunk-RFIBUWLF.cjs.map

package/dist/chunk-RFIBUWLF.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/settings/MultiSelect.tsx"],"names":["React","Popover","jsx","PopoverTrigger","Button","cn","jsxs","ChevronDown","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","CheckIcon","Fragment","CommandSeparator","Separator","WandSparkles"],"mappings":"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","file":"chunk-RFIBUWLF.cjs","sourcesContent":["import * as React from 'react'\nimport { CheckIcon, ChevronDown, WandSparkles } from 'lucide-react'\n\nimport {\n  Button,\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n  Separator,\n  cn,\n} from '@arbidocs/react/ui'\n\n/**\n * Variants for the multi-select component to handle different styles.\n * Uses class-variance-authority (cva) to define different styles based on \"variant\" prop.\n */\n\n/**\n * Props for MultiSelect component\n */\ninterface MultiSelectProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {\n  /**\n   * An array of option objects to be displayed in the multi-select component.\n   * Each option object has a label, value, and an optional icon.\n   */\n  data: {\n    /** The text to display for the option. */\n    label: string\n    /** The unique value associated with the option. */\n    value: string\n    /** Optional icon component to display alongside the option. */\n    icon?: React.ComponentType<{ className?: string }>\n  }[]\n\n  /**\n   * Current selected values.\n   */\n  value: string[]\n\n  /**\n   * Callback function triggered when the selected values change.\n   * Receives an array of the new selected values.\n   */\n  onChange: (value: string[]) => void\n\n  /**\n   * Current search value for filtering options.\n   */\n  searchValue?: string\n\n  /**\n   * Callback function triggered when the search value changes.\n   */\n  onSearchChange?: (value: string) => void\n\n  /**\n   * Placeholder text to be displayed when no values are selected.\n   * Optional, defaults to \"Select options\".\n   */\n  placeholder?: string\n\n  /**\n   * Whether the component is searchable.\n   */\n  searchable?: boolean\n\n  /**\n   * Whether the component is clearable.\n   */\n  clearable?: boolean\n\n  /**\n   * Size of the component.\n   */\n  size?: 'sm' | 'md' | 'lg'\n\n  /**\n   * Whether the component should auto focus.\n   */\n  autoFocus?: boolean\n\n  /**\n   * Callback triggered when dropdown opens.\n   */\n  onDropdownOpen?: () => void\n\n  /**\n   * Callback triggered when dropdown closes.\n   */\n  onDropdownClose?: () => void\n\n  /**\n   * Custom render function for options.\n   */\n  renderOption?: (params: {\n    option: { label: string; value: string; icon?: React.ComponentType<{ className?: string }> }\n    checked: boolean\n  }) => React.ReactNode\n\n  /**\n   * Animation duration in seconds for the visual effects (e.g., bouncing badges).\n   * Optional, defaults to 0 (no animation).\n   */\n  animation?: number\n\n  /**\n   * Maximum number of items to display. Extra selected items will be summarized.\n   * Optional, defaults to 3.\n   */\n  maxCount?: number\n\n  /**\n   * The modality of the popover. When set to true, interaction with outside elements\n   * will be disabled and only popover content will be visible to screen readers.\n   * Optional, defaults to false.\n   */\n  modalPopover?: boolean\n\n  /**\n   * If true, renders the multi-select component as a child of another component.\n   * Optional, defaults to false.\n   */\n  asChild?: boolean\n\n  /**\n   * Additional class names to apply custom styles to the multi-select component.\n   * Optional, can be used to add custom styles.\n   */\n  className?: string\n}\n\nexport const MultiSelect = React.forwardRef<HTMLButtonElement, MultiSelectProps>(\n  (\n    {\n      data,\n      value,\n      onChange,\n      searchValue,\n      onSearchChange,\n      placeholder = 'Select options',\n      searchable = false,\n      clearable = false,\n      size = 'md',\n      autoFocus = false,\n      onDropdownOpen,\n      onDropdownClose,\n      renderOption,\n      animation = 0,\n      modalPopover = false,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const [isPopoverOpen, setIsPopoverOpen] = React.useState(false)\n    const [internalSearchValue, setInternalSearchValue] = React.useState('')\n\n    const currentSearchValue = searchValue ?? internalSearchValue\n\n    React.useEffect(() => {\n      if (isPopoverOpen && onDropdownOpen) {\n        onDropdownOpen()\n      } else if (!isPopoverOpen && onDropdownClose) {\n        onDropdownClose()\n      }\n    }, [isPopoverOpen, onDropdownOpen, onDropdownClose])\n\n    // Handle autoFocus - open dropdown immediately when component mounts\n    React.useEffect(() => {\n      if (autoFocus) {\n        setIsPopoverOpen(true)\n      }\n    }, [autoFocus])\n\n    const handleSearchValueChange = (newValue: string) => {\n      if (onSearchChange) {\n        onSearchChange(newValue)\n      } else {\n        setInternalSearchValue(newValue)\n      }\n    }\n\n    const getSizeClasses = () => {\n      switch (size) {\n        case 'sm':\n          return 'min-h-8 text-sm'\n        case 'lg':\n          return 'min-h-12 text-base'\n        default:\n          return 'min-h-10 text-sm'\n      }\n    }\n\n    const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === 'Enter') {\n        setIsPopoverOpen(true)\n      } else if (event.key === 'Backspace' && !event.currentTarget.value) {\n        const newSelectedValues = [...value]\n        newSelectedValues.pop()\n        onChange(newSelectedValues)\n      }\n    }\n\n    const toggleOption = (optionValue: string) => {\n      const newSelectedValues = value.includes(optionValue)\n        ? value.filter((v) => v !== optionValue)\n        : [...value, optionValue]\n      onChange(newSelectedValues)\n    }\n\n    const handleClear = () => {\n      onChange([])\n    }\n\n    const toggleAll = () => {\n      if (value.length === data.length) {\n        handleClear()\n      } else {\n        const allValues = data.map((option) => option.value)\n        onChange(allValues)\n      }\n    }\n\n    return (\n      <Popover open={isPopoverOpen} onOpenChange={setIsPopoverOpen} modal={modalPopover}>\n        <PopoverTrigger asChild>\n          <Button\n            ref={ref}\n            {...props}\n            variant=\"outline\"\n            className={cn(\n              'flex w-full p-1 rounded-md border h-auto items-center justify-between bg-background hover:bg-accent [&_svg]:pointer-events-auto',\n              getSizeClasses(),\n              className\n            )}\n            data-testid=\"multi-select-trigger\"\n          >\n            <div className=\"flex items-center justify-between w-full mx-auto\">\n              <span className=\"text-sm text-muted-foreground mx-3\">{placeholder}</span>\n              <ChevronDown className=\"h-4 cursor-pointer text-muted-foreground mx-2\" />\n            </div>\n          </Button>\n        </PopoverTrigger>\n        <PopoverContent\n          className=\"w-[var(--radix-popover-trigger-width)] p-0\"\n          align=\"start\"\n          side=\"bottom\"\n          sideOffset={4}\n        >\n          <Command shouldFilter={true}>\n            {searchable && (\n              <CommandInput\n                placeholder=\"Search...\"\n                value={currentSearchValue}\n                onValueChange={handleSearchValueChange}\n                onKeyDown={handleInputKeyDown}\n                autoFocus={autoFocus}\n              />\n            )}\n            <CommandList>\n              <CommandEmpty>No results found.</CommandEmpty>\n              <CommandGroup>\n                <CommandItem\n                  key=\"all\"\n                  onSelect={toggleAll}\n                  className=\"cursor-pointer\"\n                  data-testid=\"multi-select-all-option\"\n                >\n                  <div\n                    className={cn(\n                      'mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary',\n                      value.length === data.length\n                        ? 'bg-primary text-primary-foreground'\n                        : 'opacity-50 [&_svg]:invisible'\n                    )}\n                  >\n                    <CheckIcon className=\"h-4 w-4\" />\n                  </div>\n                  <span>(Select All)</span>\n                </CommandItem>\n                {data.map((option) => {\n                  const isSelected = value.includes(option.value)\n                  return (\n                    <CommandItem\n                      key={option.value}\n                      value={option.label}\n                      onSelect={() => toggleOption(option.value)}\n                      className=\"cursor-pointer\"\n                      data-testid={`multi-select-option-${option.value}`}\n                    >\n                      {renderOption ? (\n                        renderOption({ option, checked: isSelected })\n                      ) : (\n                        <>\n                          <div\n                            className={cn(\n                              'mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary',\n                              isSelected\n                                ? 'bg-primary text-primary-foreground'\n                                : 'opacity-50 [&_svg]:invisible'\n                            )}\n                          >\n                            <CheckIcon className=\"h-4 w-4\" />\n                          </div>\n                          {option.icon && (\n                            <option.icon className=\"mr-2 h-4 w-4 text-muted-foreground\" />\n                          )}\n                          <span>{option.label}</span>\n                        </>\n                      )}\n                    </CommandItem>\n                  )\n                })}\n              </CommandGroup>\n              <CommandSeparator />\n              <CommandGroup>\n                <div className=\"flex items-center justify-between\">\n                  {clearable && value.length > 0 && (\n                    <>\n                      <CommandItem\n                        onSelect={handleClear}\n                        className=\"flex-1 justify-center cursor-pointer\"\n                        data-testid=\"multi-select-clear-button\"\n                      >\n                        Clear\n                      </CommandItem>\n                      <Separator orientation=\"vertical\" className=\"flex min-h-6 h-full\" />\n                    </>\n                  )}\n                  <CommandItem\n                    onSelect={() => setIsPopoverOpen(false)}\n                    className=\"flex-1 justify-center cursor-pointer max-w-full\"\n                    data-testid=\"multi-select-close-button\"\n                  >\n                    Close\n                  </CommandItem>\n                </div>\n              </CommandGroup>\n            </CommandList>\n          </Command>\n        </PopoverContent>\n        {animation > 0 && value.length > 0 && (\n          <WandSparkles className=\"cursor-pointer my-2 text-muted-foreground bg-background w-3 h-3\" />\n        )}\n      </Popover>\n    )\n  }\n)\n\nMultiSelect.displayName = 'MultiSelect'\n"]}

package/dist/chunk-RLWIUUQ5.js

@@ -0,0 +1,23 @@
+"use client";
+import { useState, useRef, useCallback } from 'react';
+
+// src/lib/useControllableState.ts
+function useControllableState(value, defaultValue, onChange) {
+  const [inner, setInner] = useState(defaultValue);
+  const isControlled = value !== void 0;
+  const current = isControlled ? value : inner;
+  const onChangeRef = useRef(onChange);
+  onChangeRef.current = onChange;
+  const set = useCallback(
+    (next) => {
+      if (!isControlled) setInner(next);
+      onChangeRef.current?.(next);
+    },
+    [isControlled]
+  );
+  return [current, set];
+}
+
+export { useControllableState };
+//# sourceMappingURL=chunk-RLWIUUQ5.js.map
+//# sourceMappingURL=chunk-RLWIUUQ5.js.map

package/dist/chunk-RLWIUUQ5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/useControllableState.ts"],"names":[],"mappings":";;;AAMO,SAAS,oBAAA,CACd,KAAA,EACA,YAAA,EACA,QAAA,EACwB;AACxB,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAY,YAAY,CAAA;AAClD,EAAA,MAAM,eAAe,KAAA,KAAU,MAAA;AAC/B,EAAA,MAAM,OAAA,GAAU,eAAe,KAAA,GAAQ,KAAA;AACvC,EAAA,MAAM,WAAA,GAAc,OAAO,QAAQ,CAAA;AACnC,EAAA,WAAA,CAAY,OAAA,GAAU,QAAA;AACtB,EAAA,MAAM,GAAA,GAAM,WAAA;AAAA,IACV,CAAC,IAAA,KAAY;AACX,MAAA,IAAI,CAAC,YAAA,EAAc,QAAA,CAAS,IAAI,CAAA;AAChC,MAAA,WAAA,CAAY,UAAU,IAAI,CAAA;AAAA,IAC5B,CAAA;AAAA,IACA,CAAC,YAAY;AAAA,GACf;AACA,EAAA,OAAO,CAAC,SAAS,GAAG,CAAA;AACtB","file":"chunk-RLWIUUQ5.js","sourcesContent":["import { useCallback, useRef, useState } from 'react'\n\n/**\n * State that is controlled when `value` is passed and uncontrolled (seeded by `defaultValue`)\n * otherwise. `onChange` fires in both modes.\n */\nexport function useControllableState<T>(\n  value: T | undefined,\n  defaultValue: T,\n  onChange?: (next: T) => void\n): [T, (next: T) => void] {\n  const [inner, setInner] = useState<T>(defaultValue)\n  const isControlled = value !== undefined\n  const current = isControlled ? value : inner\n  const onChangeRef = useRef(onChange)\n  onChangeRef.current = onChange\n  const set = useCallback(\n    (next: T) => {\n      if (!isControlled) setInner(next)\n      onChangeRef.current?.(next)\n    },\n    [isControlled]\n  )\n  return [current, set]\n}\n"]}

package/dist/{chunk-MIDXCYZB.cjs → chunk-RQ2Y7USX.cjs}

@@ -1,32 +1,12 @@
 "use client";
 'use strict';
 
-var React = require('react');
+var react = require('react');
 var lucideReact = require('lucide-react');
 var cmdk = require('cmdk');
 var ui = require('@arbidocs/react/ui');
 var jsxRuntime = require('react/jsx-runtime');
 
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
 // src/settings/DocumentPicker.tsx
 var TOKEN_WARNING_THRESHOLD = 15e4;
 var TOKEN_DANGER_THRESHOLD = 19e4;
@@ -53,14 +33,14 @@ function DocumentPicker({
   listClassName,
   labels
 }) {
-  const l = React.useMemo(() => ({ ...DEFAULT_DOCUMENT_PICKER_LABELS, ...labels }), [labels]);
+  const l = react.useMemo(() => ({ ...DEFAULT_DOCUMENT_PICKER_LABELS, ...labels }), [labels]);
   const multi = selectedIds !== void 0;
   const isChosen = (id) => multi ? selectedIds.includes(id) : value === id;
-  const [open, setOpen] = React.useState(false);
-  React.useEffect(() => {
+  const [open, setOpen] = react.useState(false);
+  react.useEffect(() => {
     if (forceClosed) setOpen(false);
   }, [forceClosed]);
-  const anchorRef = React.useRef(null);
+  const anchorRef = react.useRef(null);
   const leadingControl = (id) => onOpenDocument ? (
     // cmdk selects a row on click and prevents its mousedown (to keep input focus), which would
     // swallow a checkbox press. Stopping the events lets the checkbox toggle on its own.
@@ -248,11 +228,11 @@ function TriStateFilterMenu({
   labels
 }) {
   const l = { ...DEFAULT_TRI_STATE_FILTER_MENU_LABELS, ...labels };
-  const [collapsedGroups, setCollapsedGroups] = React.useState(
+  const [collapsedGroups, setCollapsedGroups] = react.useState(
     () => new Set((groups ?? []).filter((g) => g.collapsible).map((g) => g.label))
   );
-  const [isClickOpen, setIsClickOpen] = React.useState(false);
-  const hoverTimeoutRef = React.useRef(null);
+  const [isClickOpen, setIsClickOpen] = react.useState(false);
+  const hoverTimeoutRef = react.useRef(null);
   const cancelPendingClose = () => {
     if (hoverTimeoutRef.current) {
       clearTimeout(hoverTimeoutRef.current);
@@ -274,11 +254,11 @@ function TriStateFilterMenu({
     setIsClickOpen(!isClickOpen);
     onOpenChange(!isClickOpen);
   };
-  React.useEffect(() => {
+  react.useEffect(() => {
     onHoverHandlers?.({ onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave });
   }, []);
-  React.useEffect(() => cancelPendingClose, []);
-  const optionMap = React.useMemo(() => new Map(options.map((o) => [o.id, o])), [options]);
+  react.useEffect(() => cancelPendingClose, []);
+  const optionMap = react.useMemo(() => new Map(options.map((o) => [o.id, o])), [options]);
   const handleFilterToggle = (filterId) => {
     const next = new Map(filterStates);
     const current = next.get(filterId) ?? null;
@@ -304,7 +284,7 @@ function TriStateFilterMenu({
       ]
     }
   );
-  const hasActiveFilters = React.useMemo(() => {
+  const hasActiveFilters = react.useMemo(() => {
     const ids = new Set(options.map((o) => o.id));
     return hasExternalActiveState || Array.from(filterStates.entries()).some(([k, v]) => ids.has(k) && v !== null);
   }, [filterStates, options, hasExternalActiveState]);
@@ -355,7 +335,7 @@ function TriStateFilterMenu({
     return groups.map((group, groupIndex) => {
       const isCollapsed = !!group.collapsible && collapsedGroups.has(group.label);
       const activeCount = group.collapsible ? group.options.filter((id) => filterStates.get(id) !== null).length : 0;
-      return /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
+      return /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, { children: [
         groupIndex > 0 && /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuSeparator, {}),
         groupTopContent?.[group.label] && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 py-1.5", children: groupTopContent[group.label] }),
@@ -473,210 +453,10 @@ function TriStateFilterMenu({
     }
   );
 }
-var MultiSelect = React__namespace.forwardRef(
-  ({
-    data,
-    value,
-    onChange,
-    searchValue,
-    onSearchChange,
-    placeholder = "Select options",
-    searchable = false,
-    clearable = false,
-    size = "md",
-    autoFocus = false,
-    onDropdownOpen,
-    onDropdownClose,
-    renderOption,
-    animation = 0,
-    modalPopover = false,
-    className,
-    ...props
-  }, ref) => {
-    const [isPopoverOpen, setIsPopoverOpen] = React__namespace.useState(false);
-    const [internalSearchValue, setInternalSearchValue] = React__namespace.useState("");
-    const currentSearchValue = searchValue ?? internalSearchValue;
-    React__namespace.useEffect(() => {
-      if (isPopoverOpen && onDropdownOpen) {
-        onDropdownOpen();
-      } else if (!isPopoverOpen && onDropdownClose) {
-        onDropdownClose();
-      }
-    }, [isPopoverOpen, onDropdownOpen, onDropdownClose]);
-    React__namespace.useEffect(() => {
-      if (autoFocus) {
-        setIsPopoverOpen(true);
-      }
-    }, [autoFocus]);
-    const handleSearchValueChange = (newValue) => {
-      if (onSearchChange) {
-        onSearchChange(newValue);
-      } else {
-        setInternalSearchValue(newValue);
-      }
-    };
-    const getSizeClasses = () => {
-      switch (size) {
-        case "sm":
-          return "min-h-8 text-sm";
-        case "lg":
-          return "min-h-12 text-base";
-        default:
-          return "min-h-10 text-sm";
-      }
-    };
-    const handleInputKeyDown = (event) => {
-      if (event.key === "Enter") {
-        setIsPopoverOpen(true);
-      } else if (event.key === "Backspace" && !event.currentTarget.value) {
-        const newSelectedValues = [...value];
-        newSelectedValues.pop();
-        onChange(newSelectedValues);
-      }
-    };
-    const toggleOption = (optionValue) => {
-      const newSelectedValues = value.includes(optionValue) ? value.filter((v) => v !== optionValue) : [...value, optionValue];
-      onChange(newSelectedValues);
-    };
-    const handleClear = () => {
-      onChange([]);
-    };
-    const toggleAll = () => {
-      if (value.length === data.length) {
-        handleClear();
-      } else {
-        const allValues = data.map((option) => option.value);
-        onChange(allValues);
-      }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsxs(ui.Popover, { open: isPopoverOpen, onOpenChange: setIsPopoverOpen, modal: modalPopover, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-        ui.Button,
-        {
-          ref,
-          ...props,
-          variant: "outline",
-          className: ui.cn(
-            "flex w-full p-1 rounded-md border h-auto items-center justify-between bg-background hover:bg-accent [&_svg]:pointer-events-auto",
-            getSizeClasses(),
-            className
-          ),
-          "data-testid": "multi-select-trigger",
-          children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between w-full mx-auto", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground mx-3", children: placeholder }),
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 cursor-pointer text-muted-foreground mx-2" })
-          ] })
-        }
-      ) }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        ui.PopoverContent,
-        {
-          className: "w-[var(--radix-popover-trigger-width)] p-0",
-          align: "start",
-          side: "bottom",
-          sideOffset: 4,
-          children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Command, { shouldFilter: true, children: [
-            searchable && /* @__PURE__ */ jsxRuntime.jsx(
-              ui.CommandInput,
-              {
-                placeholder: "Search...",
-                value: currentSearchValue,
-                onValueChange: handleSearchValueChange,
-                onKeyDown: handleInputKeyDown,
-                autoFocus
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsxs(ui.CommandList, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.CommandEmpty, { children: "No results found." }),
-              /* @__PURE__ */ jsxRuntime.jsxs(ui.CommandGroup, { children: [
-                /* @__PURE__ */ jsxRuntime.jsxs(
-                  ui.CommandItem,
-                  {
-                    onSelect: toggleAll,
-                    className: "cursor-pointer",
-                    "data-testid": "multi-select-all-option",
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        "div",
-                        {
-                          className: ui.cn(
-                            "mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary",
-                            value.length === data.length ? "bg-primary text-primary-foreground" : "opacity-50 [&_svg]:invisible"
-                          ),
-                          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "h-4 w-4" })
-                        }
-                      ),
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "(Select All)" })
-                    ]
-                  },
-                  "all"
-                ),
-                data.map((option) => {
-                  const isSelected = value.includes(option.value);
-                  return /* @__PURE__ */ jsxRuntime.jsx(
-                    ui.CommandItem,
-                    {
-                      value: option.label,
-                      onSelect: () => toggleOption(option.value),
-                      className: "cursor-pointer",
-                      "data-testid": `multi-select-option-${option.value}`,
-                      children: renderOption ? renderOption({ option, checked: isSelected }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(
-                          "div",
-                          {
-                            className: ui.cn(
-                              "mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary",
-                              isSelected ? "bg-primary text-primary-foreground" : "opacity-50 [&_svg]:invisible"
-                            ),
-                            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "h-4 w-4" })
-                          }
-                        ),
-                        option.icon && /* @__PURE__ */ jsxRuntime.jsx(option.icon, { className: "mr-2 h-4 w-4 text-muted-foreground" }),
-                        /* @__PURE__ */ jsxRuntime.jsx("span", { children: option.label })
-                      ] })
-                    },
-                    option.value
-                  );
-                })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsx(ui.CommandSeparator, {}),
-              /* @__PURE__ */ jsxRuntime.jsx(ui.CommandGroup, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-                clearable && value.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    ui.CommandItem,
-                    {
-                      onSelect: handleClear,
-                      className: "flex-1 justify-center cursor-pointer",
-                      "data-testid": "multi-select-clear-button",
-                      children: "Clear"
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx(ui.Separator, { orientation: "vertical", className: "flex min-h-6 h-full" })
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  ui.CommandItem,
-                  {
-                    onSelect: () => setIsPopoverOpen(false),
-                    className: "flex-1 justify-center cursor-pointer max-w-full",
-                    "data-testid": "multi-select-close-button",
-                    children: "Close"
-                  }
-                )
-              ] }) })
-            ] })
-          ] })
-        }
-      ),
-      animation > 0 && value.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.WandSparkles, { className: "cursor-pointer my-2 text-muted-foreground bg-background w-3 h-3" })
-    ] });
-  }
-);
-MultiSelect.displayName = "MultiSelect";
 
 exports.DEFAULT_DOCUMENT_PICKER_LABELS = DEFAULT_DOCUMENT_PICKER_LABELS;
 exports.DEFAULT_TRI_STATE_FILTER_MENU_LABELS = DEFAULT_TRI_STATE_FILTER_MENU_LABELS;
 exports.DocumentPicker = DocumentPicker;
-exports.MultiSelect = MultiSelect;
 exports.TriStateFilterMenu = TriStateFilterMenu;
-//# sourceMappingURL=chunk-MIDXCYZB.cjs.map
-//# sourceMappingURL=chunk-MIDXCYZB.cjs.map
+//# sourceMappingURL=chunk-RQ2Y7USX.cjs.map
+//# sourceMappingURL=chunk-RQ2Y7USX.cjs.map