@firecms/ui 3.0.0-canary.155 → 3.0.0-canary.157

package/dist/components/Menubar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menubar.js","sources":["../../src/components/Menubar.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport * as MenubarPrimitive from \"@radix-ui/react-menubar\";\nimport { cls } from \"../util\";\nimport { CheckIcon, ChevronRightIcon } from \"../icons\";\n\nexport function Menubar({\n                            children,\n                            onSelect,\n                            className\n                        }: {\n    children: React.ReactNode,\n    onSelect?: (event: React.SyntheticEvent) => void,\n    className?: string\n}) {\n    return (\n        <MenubarPrimitive.Root\n            onSelect={onSelect}\n            className={cls(\"z-10 flex bg-white dark:bg-surface-950 p-[3px] rounded-sm shadow-sm\", className)}>\n            {children}\n        </MenubarPrimitive.Root>\n    )\n}\n\nexport function MenubarMenu({\n                                children,\n                            }: { children: React.ReactNode }) {\n    return (\n        <MenubarPrimitive.Menu>\n            {children}\n        </MenubarPrimitive.Menu>\n    )\n}\n\nexport function MenubarTrigger({\n                                   children,\n                                   onSelect,\n                                   className\n                               }: {\n    children: React.ReactNode,\n    onSelect?: (event: React.SyntheticEvent) => void,\n    className?: string\n}) {\n    return (\n        <MenubarPrimitive.Trigger\n            onSelect={onSelect}\n            className={cls(\"py-2 px-3 outline-none select-none font-medium leading-none rounded text-text-primary dark:text-text-primary-dark text-[13px] flex items-center justify-between gap-[2px] data-[highlighted]:bg-surface-accent-100 data-[highlighted]:dark:bg-surface-800 data-[state=open]:bg-surface-accent-100 data-[state=open]:dark:bg-surface-800 hover:bg-surface-accent-200 hover:bg-opacity-75 dark:hover:bg-surface-700 dark:hover:bg-opacity-50\",\n                className)}>\n            {children}\n        </MenubarPrimitive.Trigger>\n    )\n}\n\nexport function MenubarPortal({\n                                  children,\n                              }: { children: React.ReactNode }) {\n    return (\n        <MenubarPrimitive.Portal>\n            {children}\n        </MenubarPrimitive.Portal>\n    )\n}\n\nexport function MenubarContent({\n                                   children,\n                                   className,\n                                   align,\n                                   sideOffset,\n                                   alignOffset,\n                                   onSelect,\n                                   ...rest\n                               }: {\n    children: React.ReactNode,\n    className?: string,\n    onSelect?: (event: React.SyntheticEvent) => void,\n    align?: \"start\" | \"center\" | \"end\",\n    sideOffset?: number,\n    alignOffset?: number\n}) {\n    return (\n        <MenubarPrimitive.Content\n            onSelect={onSelect}\n            className={cls(\"min-w-[220px] bg-white dark:bg-surface-950 rounded-md p-[6px] shadow-[0px_10px_38px_-10px_rgba(22,_23,_24,_0.35),_0px_10px_20px_-15px_rgba(22,_23,_24,_0.2)] [animation-duration:_400ms] [animation-timing-function:_cubic-bezier(0.16,_1,_0.3,_1)] will-change-[transform,opacity]\", className)}\n            align={align ?? \"start\"}\n            sideOffset={sideOffset ?? 5}\n            alignOffset={alignOffset ?? -3}\n            {...rest}\n        >\n            {children}\n        </MenubarPrimitive.Content>\n    )\n}\n\nexport function MenubarItem({\n                                children,\n                                leftPadding,\n                                className,\n                                disabled,\n                                onSelect,\n                                ...rest\n                            }: {\n    children: React.ReactNode,\n    onSelect?: (event: Event) => void;\n    leftPadding?: boolean,\n    className?: string,\n    disabled?: boolean\n}) {\n    return (\n        <MenubarPrimitive.Item\n            onSelect={onSelect}\n            className={cls(\"group text-[13px] leading-none rounded flex items-center h-[32px] px-[10px] py-[2px] relative select-none outline-none data-[state=open]:bg-surface-accent-100 data-[state=open]:dark:bg-surface-800 data-[state=open]:text-text-primary data-[state=open]:dark:text-text-primary-dark data-[highlighted]:bg-surface-accent-100 data-[highlighted]:dark:bg-surface-800  data-[disabled]:text-text-disabled data-[disabled]:dark:text-text-disabled-dark data-[disabled]:pointer-events-none\",\n                leftPadding ? \"pl-5\" : \"\",\n                disabled ? \"pointer-events-none text-text-secondary dark:text-text-secondary-dark\" : \"text-text-primary dark:text-text-primary-dark\",\n                className)}\n            disabled={disabled}\n            {...rest}\n        >\n            {children}\n        </MenubarPrimitive.Item>\n    )\n}\n\nexport function MenubarSeparator({\n                                     children,\n                                     className,\n                                     ...rest\n                                 }: {\n    children?: React.ReactNode,\n    className?: string,\n}) {\n    return (\n        <MenubarPrimitive.Separator\n            className={cls(\"h-[1px] bg-surface-accent-100 dark:bg-surface-800 m-[5px]\", className)}\n            {...rest}\n        >\n            {children}\n        </MenubarPrimitive.Separator>\n    )\n}\n\nexport function MenubarSub({\n                               children,\n                               ...rest\n                           }: {\n    children?: React.ReactNode,\n}) {\n    return (\n        <MenubarPrimitive.Sub\n            {...rest}\n        >\n            {children}\n        </MenubarPrimitive.Sub>\n    )\n}\n\nexport function MenubarSubTrigger({\n                                      children,\n                                      className,\n                                      onSelect,\n                                      ...rest\n                                  }: {\n    children?: React.ReactNode,\n    onSelect?: (event: React.SyntheticEvent) => void,\n    className?: string,\n}) {\n    return (\n        <MenubarPrimitive.SubTrigger\n            onSelect={onSelect}\n            className={cls(\"group text-[13px] leading-none text-text-primary dark:text-text-primary-dark rounded flex items-center h-[32px] px-[10px] py-[2px] relative select-none outline-none data-[state=open]:bg-surface-accent-100 data-[state=open]:dark:bg-surface-800 data-[state=open]:text-text-primary data-[state=open]:dark:text-text-primary-dark data-[highlighted]:bg-surface-accent-100 data-[highlighted]:dark:bg-surface-800  data-[disabled]:text-text-disabled data-[disabled]:dark:text-text-disabled-dark data-[disabled]:pointer-events-none\",\n                className)}\n            {...rest}\n        >\n            {children}\n        </MenubarPrimitive.SubTrigger>\n    )\n}\n\nexport function MenubarSubContent({\n                                      children,\n                                      alignOffset,\n                                      className,\n                                      onSelect,\n                                      ...rest\n                                  }: {\n    children?: React.ReactNode,\n    onSelect?: (event: React.SyntheticEvent) => void,\n    alignOffset?: number,\n    className?: string,\n}) {\n    return (\n        <MenubarPrimitive.SubContent\n            onSelect={onSelect}\n            alignOffset={alignOffset ?? -5}\n            className={cls(\"min-w-[220px] bg-white dark:bg-surface-950 rounded-md p-[6px] shadow-[0px_10px_38px_-10px_rgba(22,_23,_24,_0.35),_0px_10px_20px_-15px_rgba(22,_23,_24,_0.2)] [animation-duration:_400ms] [animation-timing-function:_cubic-bezier(0.16,_1,_0.3,_1)] will-change-[transform,opacity]\",\n                className)}\n            {...rest}\n        >\n            {children}\n        </MenubarPrimitive.SubContent>\n    )\n}\n\nexport function MenubarCheckboxItem({\n                                        children,\n                                        checked,\n                                        onCheckedChange,\n                                        className,\n                                        onSelect,\n                                        ...rest\n                                    }: {\n    children?: React.ReactNode,\n    onSelect?: (event: Event) => void;\n    checked?: boolean,\n    onCheckedChange?: () => void,\n    className?: string,\n}) {\n    return (\n        <MenubarPrimitive.CheckboxItem\n            onSelect={onSelect}\n            className={cls(\"text-[13px] leading-none text-text-primary dark:text-text-primary-dark rounded flex items-center h-[32px] px-[10px] py-[2px] relative select-none pl-5 outline-none data-[highlighted]:bg-surface-accent-100 data-[highlighted]:dark:bg-surface-800 data-[disabled]:text-text-disabled data-[disabled]:dark:text-text-disabled-dark data-[disabled]:pointer-events-none\",\n                className)}\n            checked={checked}\n            onCheckedChange={onCheckedChange}\n            {...rest}\n        >\n            {children}\n        </MenubarPrimitive.CheckboxItem>\n    )\n}\n\nexport function MenubarItemIndicator({\n                                         children,\n                                         className,\n                                         ...rest\n                                     }: {\n    children?: React.ReactNode,\n    className?: string,\n}) {\n    return (\n        <MenubarPrimitive.ItemIndicator\n            className={cls(\"absolute left-0 w-4 inline-flex items-center justify-center\", className)}\n            {...rest}>\n            {children ?? <CheckIcon size={\"smallest\"}/>}\n        </MenubarPrimitive.ItemIndicator>\n    )\n}\n\nexport function MenubarRadioGroup({\n                                      children,\n                                      className,\n                                      value,\n                                      onValueChange,\n                                      onSelect,\n                                      ...rest\n                                  }: {\n    children?: React.ReactNode,\n    onSelect?: (event: React.SyntheticEvent) => void,\n    value?: string,\n    onValueChange?: (value: string) => void,\n    className?: string,\n}) {\n    return (\n        <MenubarPrimitive.RadioGroup\n            className={cls(className)}\n            value={value}\n            onValueChange={onValueChange}\n            onSelect={onSelect}\n            {...rest}>\n            {children ?? <CheckIcon size={\"small\"}/>}\n        </MenubarPrimitive.RadioGroup>\n    )\n}\n\nexport function MenubarRadioItem({\n                                     children,\n                                     className,\n                                     value,\n                                     onSelect,\n                                     ...rest\n                                 }: {\n    children?: React.ReactNode,\n    onSelect?: (event: Event) => void;\n    value: string,\n    className?: string,\n}) {\n    return (\n        <MenubarPrimitive.RadioItem\n            onSelect={onSelect}\n            className={cls(\"text-[13px] leading-none text-text-primary dark:text-text-primary-dark rounded flex items-center h-[32px] px-[10px] py-[2px] relative select-none pl-5 outline-none data-[highlighted]:bg-surface-accent-100 data-[highlighted]:dark:bg-surface-800 data-[disabled]:text-text-disabled data-[disabled]:dark:text-text-disabled-dark data-[disabled]:pointer-events-none\",\n                className)}\n            value={value}\n            {...rest}>\n            {children ?? <CheckIcon size={\"small\"}/>}\n        </MenubarPrimitive.RadioItem>\n    )\n}\n\nexport function MenubarShortcut({\n                                    children,\n                                    className,\n                                    ...rest\n                                }: {\n    children?: React.ReactNode,\n    className?: string,\n}) {\n    return (\n        <div\n            className={cls(\"ml-auto pl-5 group-data-[disabled]:text-text-disabled data-[disabled]:dark:text-text-disabled-dark\",\n                className)}\n            {...rest}>\n            {children}\n        </div>\n    )\n}\n\nexport function MenubarSubTriggerIndicator() {\n    return (\n        <div className=\"ml-auto pl-5 \">\n            <ChevronRightIcon size={\"small\"}/>\n        </div>\n    )\n}\n"],"names":["Menubar","t0","$","_c","children","onSelect","className","t1","cls","t2","MenubarMenu","MenubarTrigger","MenubarPortal","MenubarContent","align","alignOffset","rest","sideOffset","t3","t4","t5","MenubarItem","disabled","leftPadding","MenubarSeparator","MenubarSub","MenubarSubTrigger","MenubarSubContent","MenubarCheckboxItem","checked","onCheckedChange","MenubarItemIndicator","MenubarRadioGroup","onValueChange","value","MenubarRadioItem","MenubarShortcut","MenubarSubTriggerIndicator","Symbol","for"],"mappings":"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"}

package/dist/components/MultiSelect.js

@@ -0,0 +1,590 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { c } from "react-compiler-runtime";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import * as React from "react";
+import { useEffect, Children } from "react";
+import { Command } from "cmdk";
+import { cls } from "../util/cls.js";
+import { Icon } from "../icons/Icon.js";
+import { CloseIcon } from "../icons/components/CloseIcon.js";
+import { ExpandMoreIcon } from "../icons/components/ExpandMoreIcon.js";
+import { Separator } from "./Separator.js";
+import { Chip } from "./Chip.js";
+import { SelectInputLabel } from "./common/SelectInputLabel.js";
+import { fieldBackgroundInvisibleMixin, fieldBackgroundMixin, fieldBackgroundDisabledMixin, fieldBackgroundHoverMixin, defaultBorderMixin, focusedDisabled } from "../styles.js";
+import { useInjectStyles } from "../hooks/useInjectStyles.js";
+const MultiSelectContext = React.createContext({});
+const MultiSelect = React.forwardRef((t0, ref) => {
+  const $ = c(98);
+  const {
+    value,
+    size,
+    label,
+    error,
+    onValueChange,
+    invisible,
+    disabled,
+    placeholder,
+    modalPopover: t1,
+    includeClear: t2,
+    includeSelectAll: t3,
+    useChips: t4,
+    className,
+    children,
+    renderValues,
+    open,
+    onOpenChange
+  } = t0;
+  const modalPopover = t1 === void 0 ? true : t1;
+  const includeClear = t2 === void 0 ? true : t2;
+  const includeSelectAll = t3 === void 0 ? true : t3;
+  const useChips = t4 === void 0 ? true : t4;
+  const [isPopoverOpen, setIsPopoverOpen] = React.useState(open ?? false);
+  let t5;
+  if ($[0] !== value) {
+    t5 = value ?? [];
+    $[0] = value;
+    $[1] = t5;
+  } else {
+    t5 = $[1];
+  }
+  const [selectedValues, setSelectedValues] = React.useState(t5);
+  let t6;
+  if ($[2] !== onOpenChange) {
+    t6 = (open_0) => {
+      setIsPopoverOpen(open_0);
+      onOpenChange?.(open_0);
+    };
+    $[2] = onOpenChange;
+    $[3] = t6;
+  } else {
+    t6 = $[3];
+  }
+  const onPopoverOpenChange = t6;
+  let t7;
+  let t8;
+  if ($[4] !== open) {
+    t7 = () => {
+      setIsPopoverOpen(open ?? false);
+    };
+    t8 = [open];
+    $[4] = open;
+    $[5] = t7;
+    $[6] = t8;
+  } else {
+    t7 = $[5];
+    t8 = $[6];
+  }
+  useEffect(t7, t8);
+  let t9;
+  if ($[7] !== children) {
+    t9 = children ? Children.map(children, _temp).filter(Boolean) : [];
+    $[7] = children;
+    $[8] = t9;
+  } else {
+    t9 = $[8];
+  }
+  const allValues = t9;
+  let t10;
+  let t11;
+  if ($[9] !== value) {
+    t10 = () => {
+      setSelectedValues(value ?? []);
+    };
+    t11 = [value];
+    $[9] = value;
+    $[10] = t10;
+    $[11] = t11;
+  } else {
+    t10 = $[10];
+    t11 = $[11];
+  }
+  React.useEffect(t10, t11);
+  let onItemClick;
+  let updateValues;
+  if ($[12] !== onValueChange || $[13] !== selectedValues) {
+    onItemClick = function onItemClick2(newValue) {
+      let newSelectedValues;
+      if (selectedValues.includes(newValue)) {
+        newSelectedValues = selectedValues.filter((v) => v !== newValue);
+      } else {
+        newSelectedValues = [...selectedValues, newValue];
+      }
+      updateValues(newSelectedValues);
+    };
+    updateValues = function updateValues2(values) {
+      setSelectedValues(values);
+      onValueChange?.(values);
+    };
+    $[12] = onValueChange;
+    $[13] = selectedValues;
+    $[14] = onItemClick;
+    $[15] = updateValues;
+  } else {
+    onItemClick = $[14];
+    updateValues = $[15];
+  }
+  let t12;
+  if ($[16] !== onPopoverOpenChange || $[17] !== selectedValues || $[18] !== updateValues) {
+    t12 = (event) => {
+      if (event.key === "Enter") {
+        onPopoverOpenChange(true);
+      } else {
+        if (event.key === "Backspace" && !event.currentTarget.value) {
+          const newSelectedValues_0 = [...selectedValues];
+          newSelectedValues_0.pop();
+          updateValues(newSelectedValues_0);
+        }
+      }
+    };
+    $[16] = onPopoverOpenChange;
+    $[17] = selectedValues;
+    $[18] = updateValues;
+    $[19] = t12;
+  } else {
+    t12 = $[19];
+  }
+  const handleInputKeyDown = t12;
+  let t13;
+  if ($[20] !== selectedValues || $[21] !== updateValues) {
+    t13 = (value_0) => {
+      const newSelectedValues_1 = selectedValues.includes(value_0) ? selectedValues.filter((v_0) => v_0 !== value_0) : [...selectedValues, value_0];
+      updateValues(newSelectedValues_1);
+    };
+    $[20] = selectedValues;
+    $[21] = updateValues;
+    $[22] = t13;
+  } else {
+    t13 = $[22];
+  }
+  const toggleOption = t13;
+  let t14;
+  if ($[23] !== updateValues) {
+    t14 = () => {
+      updateValues([]);
+    };
+    $[23] = updateValues;
+    $[24] = t14;
+  } else {
+    t14 = $[24];
+  }
+  const handleClear = t14;
+  let t15;
+  if ($[25] !== isPopoverOpen || $[26] !== onPopoverOpenChange) {
+    t15 = () => {
+      onPopoverOpenChange(!isPopoverOpen);
+    };
+    $[25] = isPopoverOpen;
+    $[26] = onPopoverOpenChange;
+    $[27] = t15;
+  } else {
+    t15 = $[27];
+  }
+  const handleTogglePopover = t15;
+  let t16;
+  if ($[28] !== allValues || $[29] !== handleClear || $[30] !== onPopoverOpenChange || $[31] !== selectedValues.length || $[32] !== updateValues) {
+    t16 = () => {
+      if (selectedValues.length === allValues.length) {
+        handleClear();
+      } else {
+        updateValues(allValues);
+      }
+      onPopoverOpenChange(false);
+    };
+    $[28] = allValues;
+    $[29] = handleClear;
+    $[30] = onPopoverOpenChange;
+    $[31] = selectedValues.length;
+    $[32] = updateValues;
+    $[33] = t16;
+  } else {
+    t16 = $[33];
+  }
+  const toggleAll = t16;
+  useInjectStyles("MultiSelect", `
+[cmdk-group] {
+  max-height: 45vh;
+  overflow-y: auto;
+  // width: 400px;
+} `);
+  let t17;
+  if ($[34] !== onItemClick || $[35] !== selectedValues) {
+    t17 = {
+      fieldValue: selectedValues,
+      onItemClick
+    };
+    $[34] = onItemClick;
+    $[35] = selectedValues;
+    $[36] = t17;
+  } else {
+    t17 = $[36];
+  }
+  let t18;
+  if ($[37] !== error || $[38] !== label) {
+    t18 = typeof label === "string" ? /* @__PURE__ */ jsx(SelectInputLabel, { error, children: label }) : label;
+    $[37] = error;
+    $[38] = label;
+    $[39] = t18;
+  } else {
+    t18 = $[39];
+  }
+  const t19 = size === "small" ? "min-h-[42px]" : "min-h-[64px]";
+  const t20 = invisible ? fieldBackgroundInvisibleMixin : fieldBackgroundMixin;
+  const t21 = disabled ? fieldBackgroundDisabledMixin : fieldBackgroundHoverMixin;
+  let t22;
+  if ($[40] !== className || $[41] !== t19 || $[42] !== t20 || $[43] !== t21) {
+    t22 = cls(t19, "py-2", "px-4", "select-none rounded-md text-sm", t20, t21, "relative flex items-center", className);
+    $[40] = className;
+    $[41] = t19;
+    $[42] = t20;
+    $[43] = t21;
+    $[44] = t22;
+  } else {
+    t22 = $[44];
+  }
+  let t23;
+  if ($[45] !== children || $[46] !== handleClear || $[47] !== includeClear || $[48] !== isPopoverOpen || $[49] !== placeholder || $[50] !== renderValues || $[51] !== selectedValues || $[52] !== toggleOption || $[53] !== useChips) {
+    t23 = selectedValues.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center w-full", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1.5 text-start", children: [
+        renderValues && renderValues(selectedValues),
+        !renderValues && selectedValues.map((value_1) => {
+          const childrenProps = Children.map(children, _temp2).filter(Boolean);
+          const option = childrenProps.find((o) => o.value === value_1);
+          if (!useChips) {
+            return option?.children;
+          }
+          return /* @__PURE__ */ jsxs(Chip, { size: "medium", className: cls("flex flex-row items-center p-1"), children: [
+            option?.children,
+            /* @__PURE__ */ jsx(CloseIcon, { size: "smallest", onClick: (event_0) => {
+              event_0.stopPropagation();
+              toggleOption(value_1);
+            } })
+          ] }, value_1);
+        })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        includeClear && /* @__PURE__ */ jsx(CloseIcon, { className: "ml-4", size: "small", onClick: (event_1) => {
+          event_1.stopPropagation();
+          handleClear();
+        } }),
+        /* @__PURE__ */ jsx("div", { className: cls("px-2 h-full flex items-center"), children: /* @__PURE__ */ jsx(ExpandMoreIcon, { size: "small", className: cls("transition", isPopoverOpen ? "rotate-180" : "") }) })
+      ] })
+    ] }) : /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between w-full mx-auto", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-sm", children: placeholder }),
+      /* @__PURE__ */ jsx("div", { className: cls("px-2 h-full flex items-center"), children: /* @__PURE__ */ jsx(ExpandMoreIcon, { size: "small", className: cls("transition", isPopoverOpen ? "rotate-180" : "") }) })
+    ] });
+    $[45] = children;
+    $[46] = handleClear;
+    $[47] = includeClear;
+    $[48] = isPopoverOpen;
+    $[49] = placeholder;
+    $[50] = renderValues;
+    $[51] = selectedValues;
+    $[52] = toggleOption;
+    $[53] = useChips;
+    $[54] = t23;
+  } else {
+    t23 = $[54];
+  }
+  let t24;
+  if ($[55] !== handleTogglePopover || $[56] !== ref || $[57] !== t22 || $[58] !== t23) {
+    t24 = /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, { asChild: true, children: /* @__PURE__ */ jsx("button", { ref, onClick: handleTogglePopover, className: t22, children: t23 }) });
+    $[55] = handleTogglePopover;
+    $[56] = ref;
+    $[57] = t22;
+    $[58] = t23;
+    $[59] = t24;
+  } else {
+    t24 = $[59];
+  }
+  let t25;
+  if ($[60] === Symbol.for("react.memo_cache_sentinel")) {
+    t25 = cls("z-50 relative overflow-hidden border bg-white dark:bg-surface-900 rounded-lg w-[400px]", defaultBorderMixin);
+    $[60] = t25;
+  } else {
+    t25 = $[60];
+  }
+  let t26;
+  if ($[61] !== onPopoverOpenChange) {
+    t26 = () => onPopoverOpenChange(false);
+    $[61] = onPopoverOpenChange;
+    $[62] = t26;
+  } else {
+    t26 = $[62];
+  }
+  let t27;
+  if ($[63] === Symbol.for("react.memo_cache_sentinel")) {
+    t27 = cls(focusedDisabled, "bg-transparent outline-none flex-1 h-full w-full m-4 flex-grow ");
+    $[63] = t27;
+  } else {
+    t27 = $[63];
+  }
+  let t28;
+  if ($[64] !== handleInputKeyDown) {
+    t28 = /* @__PURE__ */ jsx(Command.Input, { className: t27, placeholder: "Search...", onKeyDown: handleInputKeyDown });
+    $[64] = handleInputKeyDown;
+    $[65] = t28;
+  } else {
+    t28 = $[65];
+  }
+  let t29;
+  if ($[66] !== handleClear || $[67] !== selectedValues.length) {
+    t29 = selectedValues.length > 0 && /* @__PURE__ */ jsx("div", { onClick: handleClear, className: "text-sm justify-center cursor-pointer py-3 px-4 text-text-secondary dark:text-text-secondary-dark", children: "Clear" });
+    $[66] = handleClear;
+    $[67] = selectedValues.length;
+    $[68] = t29;
+  } else {
+    t29 = $[68];
+  }
+  let t30;
+  if ($[69] !== t28 || $[70] !== t29) {
+    t30 = /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center", children: [
+      t28,
+      t29
+    ] });
+    $[69] = t28;
+    $[70] = t29;
+    $[71] = t30;
+  } else {
+    t30 = $[71];
+  }
+  let t31;
+  if ($[72] === Symbol.for("react.memo_cache_sentinel")) {
+    t31 = /* @__PURE__ */ jsx(Separator, { orientation: "horizontal", className: "my-0" });
+    $[72] = t31;
+  } else {
+    t31 = $[72];
+  }
+  let t32;
+  if ($[73] === Symbol.for("react.memo_cache_sentinel")) {
+    t32 = /* @__PURE__ */ jsx(Command.Empty, { className: "px-4 py-2", children: "No results found." });
+    $[73] = t32;
+  } else {
+    t32 = $[73];
+  }
+  let t33;
+  if ($[74] !== allValues.length || $[75] !== includeSelectAll || $[76] !== selectedValues.length || $[77] !== toggleAll) {
+    t33 = includeSelectAll && /* @__PURE__ */ jsxs(Command.Item, { onSelect: toggleAll, className: cls("flex flex-row items-center gap-1.5", "cursor-pointer", "m-1", "ring-offset-transparent", "p-1 rounded aria-[selected=true]:outline-none aria-[selected=true]:ring-2 aria-[selected=true]:ring-primary aria-[selected=true]:ring-opacity-75 aria-[selected=true]:ring-offset-2", "aria-[selected=true]:bg-surface-accent-100 aria-[selected=true]:dark:bg-surface-accent-900", "cursor-pointer p-2 rounded aria-[selected=true]:bg-surface-accent-100 aria-[selected=true]:dark:bg-surface-accent-900"), children: [
+      /* @__PURE__ */ jsx(InnerCheckBox, { checked: selectedValues.length === allValues.length }),
+      /* @__PURE__ */ jsx("span", { className: "text-sm text-text-secondary dark:text-text-secondary-dark", children: "(Select All)" })
+    ] }, "all");
+    $[74] = allValues.length;
+    $[75] = includeSelectAll;
+    $[76] = selectedValues.length;
+    $[77] = toggleAll;
+    $[78] = t33;
+  } else {
+    t33 = $[78];
+  }
+  let t34;
+  if ($[79] !== children || $[80] !== t33) {
+    t34 = /* @__PURE__ */ jsxs(Command.List, { children: [
+      t32,
+      /* @__PURE__ */ jsxs(Command.Group, { children: [
+        t33,
+        children
+      ] })
+    ] });
+    $[79] = children;
+    $[80] = t33;
+    $[81] = t34;
+  } else {
+    t34 = $[81];
+  }
+  let t35;
+  if ($[82] !== t30 || $[83] !== t34) {
+    t35 = /* @__PURE__ */ jsxs(Command, { children: [
+      t30,
+      t31,
+      t34
+    ] });
+    $[82] = t30;
+    $[83] = t34;
+    $[84] = t35;
+  } else {
+    t35 = $[84];
+  }
+  let t36;
+  if ($[85] !== t26 || $[86] !== t35) {
+    t36 = /* @__PURE__ */ jsx(PopoverPrimitive.Content, { className: t25, align: "start", sideOffset: 8, onEscapeKeyDown: t26, children: t35 });
+    $[85] = t26;
+    $[86] = t35;
+    $[87] = t36;
+  } else {
+    t36 = $[87];
+  }
+  let t37;
+  if ($[88] !== isPopoverOpen || $[89] !== modalPopover || $[90] !== onPopoverOpenChange || $[91] !== t24 || $[92] !== t36) {
+    t37 = /* @__PURE__ */ jsxs(PopoverPrimitive.Root, { open: isPopoverOpen, onOpenChange: onPopoverOpenChange, modal: modalPopover, children: [
+      t24,
+      t36
+    ] });
+    $[88] = isPopoverOpen;
+    $[89] = modalPopover;
+    $[90] = onPopoverOpenChange;
+    $[91] = t24;
+    $[92] = t36;
+    $[93] = t37;
+  } else {
+    t37 = $[93];
+  }
+  let t38;
+  if ($[94] !== t17 || $[95] !== t18 || $[96] !== t37) {
+    t38 = /* @__PURE__ */ jsxs(MultiSelectContext.Provider, { value: t17, children: [
+      t18,
+      t37
+    ] });
+    $[94] = t17;
+    $[95] = t18;
+    $[96] = t37;
+    $[97] = t38;
+  } else {
+    t38 = $[97];
+  }
+  return t38;
+});
+MultiSelect.displayName = "MultiSelect";
+function MultiSelectItem(t0) {
+  const $ = c(18);
+  const {
+    children,
+    value,
+    className
+  } = t0;
+  const context = React.useContext(MultiSelectContext);
+  if (!context) {
+    throw new Error("MultiSelectItem must be used inside a MultiSelect");
+  }
+  const {
+    fieldValue,
+    onItemClick
+  } = context;
+  let t1;
+  if ($[0] !== fieldValue) {
+    t1 = fieldValue ?? [];
+    $[0] = fieldValue;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== t1 || $[3] !== value) {
+    t2 = t1.includes(value);
+    $[2] = t1;
+    $[3] = value;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const isSelected = t2;
+  let t3;
+  if ($[5] !== onItemClick || $[6] !== value) {
+    t3 = (_) => {
+      onItemClick(value);
+    };
+    $[5] = onItemClick;
+    $[6] = value;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  const t4 = isSelected ? "bg-surface-accent-200 dark:bg-surface-accent-950" : "";
+  let t5;
+  if ($[8] !== className || $[9] !== t4) {
+    t5 = cls("flex flex-row items-center gap-1.5", t4, "cursor-pointer", "m-1", "ring-offset-transparent", "p-1 rounded aria-[selected=true]:outline-none aria-[selected=true]:ring-2 aria-[selected=true]:ring-primary aria-[selected=true]:ring-opacity-75 aria-[selected=true]:ring-offset-2", "aria-[selected=true]:bg-surface-accent-100 aria-[selected=true]:dark:bg-surface-accent-900", "cursor-pointer p-2 rounded aria-[selected=true]:bg-surface-accent-100 aria-[selected=true]:dark:bg-surface-accent-900", className);
+    $[8] = className;
+    $[9] = t4;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  let t6;
+  if ($[11] !== isSelected) {
+    t6 = /* @__PURE__ */ jsx(InnerCheckBox, { checked: isSelected });
+    $[11] = isSelected;
+    $[12] = t6;
+  } else {
+    t6 = $[12];
+  }
+  let t7;
+  if ($[13] !== children || $[14] !== t3 || $[15] !== t5 || $[16] !== t6) {
+    t7 = /* @__PURE__ */ jsxs(Command.Item, { onMouseDown: _temp3, onSelect: t3, className: t5, children: [
+      t6,
+      children
+    ] });
+    $[13] = children;
+    $[14] = t3;
+    $[15] = t5;
+    $[16] = t6;
+    $[17] = t7;
+  } else {
+    t7 = $[17];
+  }
+  return t7;
+}
+function _temp3(e) {
+  e.preventDefault();
+  e.stopPropagation();
+}
+function InnerCheckBox(t0) {
+  const $ = c(10);
+  const {
+    checked
+  } = t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = cls("p-2", "w-8 h-8", "inline-flex items-center justify-center text-sm font-medium focus:outline-none transition-colors ease-in-out duration-150");
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const t2 = checked ? "bg-primary" : "bg-white dark:bg-surface-accent-900";
+  const t3 = checked ? "text-surface-accent-100 dark:text-surface-accent-900" : "";
+  const t4 = checked ? "border-transparent" : "border-surface-accent-800 dark:border-surface-accent-200";
+  let t5;
+  if ($[1] !== t2 || $[2] !== t3 || $[3] !== t4) {
+    t5 = cls("border-2 relative transition-colors ease-in-out duration-150", "w-4 h-4 rounded flex items-center justify-center", t2, t3, t4);
+    $[1] = t2;
+    $[2] = t3;
+    $[3] = t4;
+    $[4] = t5;
+  } else {
+    t5 = $[4];
+  }
+  let t6;
+  if ($[5] !== checked) {
+    t6 = checked && /* @__PURE__ */ jsx(Icon, { iconKey: "check", size: 16, className: "absolute" });
+    $[5] = checked;
+    $[6] = t6;
+  } else {
+    t6 = $[6];
+  }
+  let t7;
+  if ($[7] !== t5 || $[8] !== t6) {
+    t7 = /* @__PURE__ */ jsx("div", { className: t1, children: /* @__PURE__ */ jsx("div", { className: t5, children: t6 }) });
+    $[7] = t5;
+    $[8] = t6;
+    $[9] = t7;
+  } else {
+    t7 = $[9];
+  }
+  return t7;
+}
+function _temp(child) {
+  if (React.isValidElement(child)) {
+    return child.props.value;
+  }
+  return null;
+}
+function _temp2(child_0) {
+  if (React.isValidElement(child_0)) {
+    return child_0.props;
+  }
+}
+export {
+  MultiSelect,
+  MultiSelectContext,
+  MultiSelectItem
+};
+//# sourceMappingURL=MultiSelect.js.map