@bioturing/components 0.39.1 → 0.41.0

package/dist/components/command-palette/component.js

@@ -1,79 +1,198 @@
 "use client";
-import { jsxs as f, Fragment as S, jsx as n } from "react/jsx-runtime";
-import { useEffect as E, useCallback as L } from "react";
-import { Command as r } from "../cmdk/index.js";
-import { useDropdownMenu as D } from "../dropdown-menu/useDropdownMenu.js";
+import { jsx as o, jsxs as c } from "react/jsx-runtime";
+import O, { useEffect as R, useMemo as V, useCallback as D } from "react";
+import { useStableCallback as v } from "@base-ui/utils/useStableCallback";
+import { Autocomplete as i } from "@base-ui/react/autocomplete";
+import { Dialog as u } from "@base-ui/react/dialog";
+import { useDropdownMenu as A } from "../dropdown-menu/useDropdownMenu.js";
 import './style.css';/* empty css          */
-import { useCls as b } from "../utils/antdUtils.js";
-import { useControlledState as x } from "../hooks/useControlledState.js";
-import { useTheme as j } from "../theme-provider/context/themeStore.js";
-import { ScrollArea as A } from "../scroll-area/component.js";
-const G = [
+import { DropdownMenuItem as j } from "../dropdown-menu/item.js";
+import { DropdownMenuDivider as x } from "../dropdown-menu/divider.js";
+import { useCls as _ } from "../utils/antdUtils.js";
+import { useControlledState as B } from "../hooks/useControlledState.js";
+import { useTheme as F } from "../theme-provider/context/themeStore.js";
+import { Input as I } from "../input/component.js";
+import { ScrollArea as q } from "../scroll-area/component.js";
+import { clsx as d } from "../utils/cn.js";
+import { createRenderProp as z } from "../utils/renderProp.js";
+const H = [
   { key: "k", metaKey: !0 },
   { key: "k", ctrlKey: !0 }
 ];
-function I(t, e) {
-  return t.key.toLowerCase() === e.key.toLowerCase() && !!t.metaKey == !!e.metaKey && !!t.ctrlKey == !!e.ctrlKey && !!t.altKey == !!e.altKey && !!t.shiftKey == !!e.shiftKey;
+function J(a, m) {
+  return a.key.toLowerCase() === m.key.toLowerCase() && !!a.metaKey == !!m.metaKey && !!a.ctrlKey == !!m.ctrlKey && !!a.altKey == !!m.altKey && !!a.shiftKey == !!m.shiftKey;
 }
-const J = ({
-  open: t,
-  onOpenChange: e,
-  defaultOpen: h = !1,
-  items: C = [],
-  shortcuts: s = G,
-  placeholder: l = "Type a command or search...",
-  emptyText: c = "No results found.",
-  label: k = "Command Palette",
-  className: K,
-  classNames: d
+const ue = ({
+  children: a,
+  open: m,
+  onOpenChange: M,
+  defaultOpen: E = !1,
+  items: P = [],
+  shortcuts: f = H,
+  placeholder: h = "Type a command or search...",
+  emptyText: g = "No results found.",
+  className: T,
+  classNames: r
 }) => {
-  const o = b(), [m, a] = x(
-    t,
-    e,
-    h
-  );
-  E(() => {
-    const p = (y) => {
-      s.find(
-        (g) => I(y, g)
-      ) && (y.preventDefault(), a(!m));
+  const n = _(), [$, p] = B(
+    m,
+    M,
+    E
+  ), [y, b] = O.useState(""), C = v(() => {
+    p(!1);
+  }), k = v(() => {
+    p((e) => !e);
+  });
+  R(() => {
+    const e = (t) => {
+      f.find(
+        (s) => J(t, s)
+      ) && (t.preventDefault(), k());
     };
-    return document.addEventListener("keydown", p), () => document.removeEventListener("keydown", p);
-  }, [s, m, a]);
-  const { renderGroup: i, itemGroups: u } = D({
-    items: C,
+    return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+  }, [f, k]);
+  const { itemGroups: w } = A({
+    items: P,
     inCombobox: !0,
-    onOpenChange: e
-  }), { className: w } = j(), N = L(
-    () => /* @__PURE__ */ f(S, { children: [
-      /* @__PURE__ */ n(r.Input, { placeholder: l }),
-      /* @__PURE__ */ n(A, { fadeEdges: !0, children: /* @__PURE__ */ f(
-        r.List,
-        {
-          className: o("dropdown-menu-list", "command-palette-list"),
-          children: [
-            /* @__PURE__ */ n(r.Empty, { className: o("dropdown-menu-empty"), children: c }),
-            u.map(i)
-          ]
+    onOpenChange: (e) => {
+      e || p(!1);
+    },
+    classNames: {
+      group: r?.group,
+      groupLabel: r?.groupLabel,
+      item: r?.item
+    }
+  }), S = V(() => w.map((t) => ({
+    label: t.label || "",
+    items: t.items
+  })), [w]), { className: K } = F(), L = D(
+    (e, t, l) => e.type === "item" ? /* @__PURE__ */ o(
+      j,
+      {
+        item: e,
+        inCombobox: !0,
+        afterSelect: C,
+        classNames: {
+          item: r?.item
         }
-      ) })
-    ] }),
-    [o, c, u, l, i]
-  );
-  return /* @__PURE__ */ n(
-    r.Dialog,
+      },
+      `${t}-${l}`
+    ) : e.type === "divider" ? /* @__PURE__ */ o(
+      x,
+      {
+        inCombobox: !0
+      },
+      `${t}-${l}`
+    ) : null,
+    [r?.item, C]
+  ), G = D(() => /* @__PURE__ */ c(
+    i.Root,
     {
-      open: m,
-      onOpenChange: a,
-      label: k,
-      overlayClassName: o("command-palette-overlay", d?.mask),
-      contentClassName: o("command-palette-content", d?.content),
-      className: o("command-palette", w, K),
-      children: N()
+      items: S,
+      onValueChange: (e) => b(e),
+      itemToStringValue: (e) => e.type == "item" ? String(e.key) : "",
+      open: !0,
+      inline: !0,
+      modal: !1,
+      children: [
+        /* @__PURE__ */ o("div", { className: n("command-palette-search-wrapper"), children: /* @__PURE__ */ o(
+          i.Input,
+          {
+            render: ({ ref: e, ...t }) => /* @__PURE__ */ o(
+              I,
+              {
+                placeholder: h,
+                value: y,
+                onChange: (l) => b(l.target.value),
+                className: n("command-palette-search"),
+                autoFocus: !0,
+                ...t
+              }
+            )
+          }
+        ) }),
+        /* @__PURE__ */ c(q, { fadeEdges: !0, children: [
+          /* @__PURE__ */ o(
+            i.List,
+            {
+              className: n("dropdown-menu-list", "command-palette-list"),
+              children: (e, t) => /* @__PURE__ */ c(
+                i.Group,
+                {
+                  items: e.items,
+                  className: d(
+                    n("dropdown-menu-group"),
+                    t > 0 && "mt-2",
+                    r?.group
+                  ),
+                  children: [
+                    e.label && /* @__PURE__ */ o(
+                      i.GroupLabel,
+                      {
+                        className: d(
+                          n("dropdown-menu-header"),
+                          r?.groupLabel
+                        ),
+                        children: /* @__PURE__ */ o("span", { children: e.label })
+                      }
+                    ),
+                    /* @__PURE__ */ o(i.Collection, { children: (l, s) => L(l, t, s) })
+                  ]
+                },
+                `group-${t}`
+              )
+            }
+          ),
+          /* @__PURE__ */ o(
+            i.Empty,
+            {
+              className: n("dropdown-menu-empty", "command-palette-empty"),
+              children: g
+            }
+          )
+        ] })
+      ]
     }
-  );
+  ), [
+    S,
+    n,
+    g,
+    h,
+    L,
+    y,
+    r
+  ]), N = {
+    className: d(
+      n("command-palette-trigger"),
+      r?.trigger,
+      K
+    ),
+    render: (e, t) => z(a, e, t)
+  };
+  return /* @__PURE__ */ c(u.Root, { open: $, onOpenChange: p, modal: !0, children: [
+    a && /* @__PURE__ */ o(u.Trigger, { ...N }),
+    /* @__PURE__ */ c(u.Portal, { children: [
+      /* @__PURE__ */ o(
+        u.Backdrop,
+        {
+          className: n("command-palette-overlay", r?.mask)
+        }
+      ),
+      /* @__PURE__ */ o(
+        u.Popup,
+        {
+          className: n(
+            "command-palette-content",
+            K,
+            r?.content
+          ),
+          children: /* @__PURE__ */ o("div", { className: n("command-palette", T, r?.root), children: G() })
+        }
+      )
+    ] })
+  ] });
 };
 export {
-  J as CommandPalette
+  ue as CommandPalette
 };
 //# sourceMappingURL=component.js.map

package/dist/components/command-palette/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/command-palette/component.tsx"],"sourcesContent":["\"use client\";\nimport React, { useCallback, useEffect } from \"react\";\nimport { Command } from \"../cmdk\";\nimport { DropdownMenuItemType } from \"../dropdown-menu/types\";\nimport { useDropdownMenu } from \"../dropdown-menu/useDropdownMenu\";\nimport { useControlledState } from \"../hooks\";\nimport { ScrollArea } from \"../scroll-area\";\nimport { useCls } from \"../utils\";\nimport \"./style.css\";\nimport { useTheme } from \"../theme-provider\";\n\nexport type CommandPaletteShortcut = {\n  key: string;\n  metaKey?: boolean;\n  ctrlKey?: boolean;\n  altKey?: boolean;\n  shiftKey?: boolean;\n};\n\nexport interface CommandPaletteProps {\n  /** Whether the command palette is open */\n  open?: boolean;\n  /** Callback fired when the open state changes */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * Default open state\n   */\n  defaultOpen?: boolean;\n  /** Items to display in the command palette */\n  items?: DropdownMenuItemType[];\n  /** Keyboard shortcuts to open the palette */\n  shortcuts?: CommandPaletteShortcut[];\n  /** Placeholder text for the search input */\n  placeholder?: string;\n  /** Text to show when no results are found */\n  emptyText?: string;\n  /** Accessible label for the command palette */\n  label?: string;\n  /** Additional CSS class names */\n  className?: string;\n  classNames?: {\n    root?: string;\n    mask?: string;\n    content?: string;\n    group?: string;\n    item?: string;\n    groupLabel?: string;\n  };\n}\n\nconst defaultShortcuts: CommandPaletteShortcut[] = [\n  { key: \"k\", metaKey: true },\n  { key: \"k\", ctrlKey: true },\n];\n\nfunction matchesShortcut(\n  event: KeyboardEvent,\n  shortcut: CommandPaletteShortcut\n): boolean {\n  return (\n    event.key.toLowerCase() === shortcut.key.toLowerCase() &&\n    !!event.metaKey === !!shortcut.metaKey &&\n    !!event.ctrlKey === !!shortcut.ctrlKey &&\n    !!event.altKey === !!shortcut.altKey &&\n    !!event.shiftKey === !!shortcut.shiftKey\n  );\n}\n\n// Default items for testing/demo purposes\n// const defaultItems: DropdownMenuItemType[] = [\n//   {\n//     type: \"item\",\n//     key: \"search\",\n//     label: \"Search files\",\n//     onClick: () => console.log(\"Search files\"),\n//   },\n//   {\n//     type: \"item\",\n//     key: \"new-file\",\n//     label: \"New file\",\n//     onClick: () => console.log(\"New file\"),\n//   },\n//   {\n//     type: \"item\",\n//     key: \"settings\",\n//     label: \"Open settings\",\n//     onClick: () => console.log(\"Open settings\"),\n//   },\n// ];\n\nexport const CommandPalette: React.FC<CommandPaletteProps> = ({\n  open,\n  onOpenChange,\n  defaultOpen = false,\n  items = [],\n  shortcuts = defaultShortcuts,\n  placeholder = \"Type a command or search...\",\n  emptyText = \"No results found.\",\n  label = \"Command Palette\",\n  className,\n  classNames,\n}) => {\n  const cls = useCls();\n  const [actualOpen, setActualOpen] = useControlledState(\n    open,\n    onOpenChange,\n    defaultOpen\n  );\n\n  // Set up keyboard shortcuts\n  useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      const matchingShortcut = shortcuts.find((shortcut) =>\n        matchesShortcut(event, shortcut)\n      );\n\n      if (matchingShortcut) {\n        event.preventDefault();\n        setActualOpen(!actualOpen);\n      }\n    };\n\n    document.addEventListener(\"keydown\", handleKeyDown);\n    return () => document.removeEventListener(\"keydown\", handleKeyDown);\n  }, [shortcuts, actualOpen, setActualOpen]);\n\n  const { renderGroup, itemGroups } = useDropdownMenu({\n    items,\n    inCombobox: true,\n    onOpenChange,\n  });\n\n  const { className: themeClassName } = useTheme();\n  const renderMenuInner = useCallback(\n    () => (\n      <>\n        <Command.Input placeholder={placeholder} />\n        {/*{beforeList}*/}\n        <ScrollArea fadeEdges>\n          <Command.List\n            className={cls(\"dropdown-menu-list\", \"command-palette-list\")}\n          >\n            <Command.Empty className={cls(\"dropdown-menu-empty\")}>\n              {emptyText}\n            </Command.Empty>\n            {itemGroups.map(renderGroup)}\n          </Command.List>\n        </ScrollArea>\n        {/*{afterList}*/}\n      </>\n    ),\n    [cls, emptyText, itemGroups, placeholder, renderGroup]\n  );\n  return (\n    <Command.Dialog\n      open={actualOpen}\n      onOpenChange={setActualOpen}\n      label={label}\n      overlayClassName={cls(\"command-palette-overlay\", classNames?.mask)}\n      contentClassName={cls(\"command-palette-content\", classNames?.content)}\n      className={cls(\"command-palette\", themeClassName, className)}\n    >\n      {renderMenuInner()}\n    </Command.Dialog>\n  );\n};\n"],"names":["defaultShortcuts","matchesShortcut","event","shortcut","CommandPalette","open","onOpenChange","defaultOpen","items","shortcuts","placeholder","emptyText","label","className","classNames","cls","useCls","actualOpen","setActualOpen","useControlledState","useEffect","handleKeyDown","renderGroup","itemGroups","useDropdownMenu","themeClassName","useTheme","renderMenuInner","useCallback","jsxs","Fragment","jsx","Command","ScrollArea"],"mappings":";;;;;;;;;;AAkDA,MAAMA,IAA6C;AAAA,EACjD,EAAE,KAAK,KAAK,SAAS,GAAA;AAAA,EACrB,EAAE,KAAK,KAAK,SAAS,GAAA;AACvB;AAEA,SAASC,EACPC,GACAC,GACS;AACT,SACED,EAAM,IAAI,YAAA,MAAkBC,EAAS,IAAI,YAAA,KACzC,CAAC,CAACD,EAAM,WAAY,CAAC,CAACC,EAAS,WAC/B,CAAC,CAACD,EAAM,WAAY,CAAC,CAACC,EAAS,WAC/B,CAAC,CAACD,EAAM,UAAW,CAAC,CAACC,EAAS,UAC9B,CAAC,CAACD,EAAM,YAAa,CAAC,CAACC,EAAS;AAEpC;AAwBO,MAAMC,IAAgD,CAAC;AAAA,EAC5D,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,OAAAC,IAAQ,CAAA;AAAA,EACR,WAAAC,IAAYT;AAAA,EACZ,aAAAU,IAAc;AAAA,EACd,WAAAC,IAAY;AAAA,EACZ,OAAAC,IAAQ;AAAA,EACR,WAAAC;AAAA,EACA,YAAAC;AACF,MAAM;AACJ,QAAMC,IAAMC,EAAA,GACN,CAACC,GAAYC,CAAa,IAAIC;AAAA,IAClCd;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA;AAIF,EAAAa,EAAU,MAAM;AACd,UAAMC,IAAgB,CAACnB,MAAyB;AAK9C,MAJyBO,EAAU;AAAA,QAAK,CAACN,MACvCF,EAAgBC,GAAOC,CAAQ;AAAA,MAAA,MAI/BD,EAAM,eAAA,GACNgB,EAAc,CAACD,CAAU;AAAA,IAE7B;AAEA,oBAAS,iBAAiB,WAAWI,CAAa,GAC3C,MAAM,SAAS,oBAAoB,WAAWA,CAAa;AAAA,EACpE,GAAG,CAACZ,GAAWQ,GAAYC,CAAa,CAAC;AAEzC,QAAM,EAAE,aAAAI,GAAa,YAAAC,EAAA,IAAeC,EAAgB;AAAA,IAClD,OAAAhB;AAAA,IACA,YAAY;AAAA,IACZ,cAAAF;AAAA,EAAA,CACD,GAEK,EAAE,WAAWmB,EAAA,IAAmBC,EAAA,GAChCC,IAAkBC;AAAA,IACtB,MACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAC,EAACC,EAAQ,OAAR,EAAc,aAAAtB,EAAA,CAA0B;AAAA,MAEzC,gBAAAqB,EAACE,GAAA,EAAW,WAAS,IACnB,UAAA,gBAAAJ;AAAA,QAACG,EAAQ;AAAA,QAAR;AAAA,UACC,WAAWjB,EAAI,sBAAsB,sBAAsB;AAAA,UAE3D,UAAA;AAAA,YAAA,gBAAAgB,EAACC,EAAQ,OAAR,EAAc,WAAWjB,EAAI,qBAAqB,GAChD,UAAAJ,GACH;AAAA,YACCY,EAAW,IAAID,CAAW;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,EAC7B,CACF;AAAA,IAAA,GAEF;AAAA,IAEF,CAACP,GAAKJ,GAAWY,GAAYb,GAAaY,CAAW;AAAA,EAAA;AAEvD,SACE,gBAAAS;AAAA,IAACC,EAAQ;AAAA,IAAR;AAAA,MACC,MAAMf;AAAA,MACN,cAAcC;AAAA,MACd,OAAAN;AAAA,MACA,kBAAkBG,EAAI,2BAA2BD,GAAY,IAAI;AAAA,MACjE,kBAAkBC,EAAI,2BAA2BD,GAAY,OAAO;AAAA,MACpE,WAAWC,EAAI,mBAAmBU,GAAgBZ,CAAS;AAAA,MAE1D,UAAAc,EAAA;AAAA,IAAgB;AAAA,EAAA;AAGvB;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/command-palette/component.tsx"],"sourcesContent":["\"use client\";\nimport React, { useCallback, useEffect, useMemo } from \"react\";\nimport { useStableCallback } from \"@base-ui/utils/useStableCallback\";\nimport { Autocomplete } from \"@base-ui/react/autocomplete\";\nimport { Dialog } from \"@base-ui/react/dialog\";\nimport { DropdownMenuItemType } from \"../dropdown-menu/types\";\nimport { useDropdownMenu } from \"../dropdown-menu/useDropdownMenu\";\nimport { useControlledState } from \"../hooks\";\nimport { ScrollArea } from \"../scroll-area\";\nimport { Input } from \"../input\";\nimport { clsx, useCls, createRenderProp } from \"../utils\";\nimport \"./style.css\";\nimport { useTheme } from \"../theme-provider\";\nimport { DropdownMenuItem } from \"../dropdown-menu/item\";\nimport { DropdownMenuDivider } from \"../dropdown-menu/divider\";\n\nexport type CommandPaletteShortcut = {\n  key: string;\n  metaKey?: boolean;\n  ctrlKey?: boolean;\n  altKey?: boolean;\n  shiftKey?: boolean;\n};\n\n// Extract the render prop type from Dialog.Trigger for proper typing\ntype DialogTriggerRender = React.ComponentProps<\n  typeof Dialog.Trigger\n>[\"render\"];\n\nexport interface CommandPaletteProps {\n  /** Optional trigger element - if provided, renders a Dialog.Trigger */\n  children?: DialogTriggerRender;\n  /** Whether the command palette is open */\n  open?: boolean;\n  /** Callback fired when the open state changes */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * Default open state\n   */\n  defaultOpen?: boolean;\n  /** Items to display in the command palette */\n  items?: DropdownMenuItemType[];\n  /** Keyboard shortcuts to open the palette */\n  shortcuts?: CommandPaletteShortcut[];\n  /** Placeholder text for the search input */\n  placeholder?: string;\n  /** Text to show when no results are found */\n  emptyText?: string;\n  /** Accessible label for the command palette */\n  label?: string;\n  /** Additional CSS class names */\n  className?: string;\n  classNames?: {\n    trigger?: string;\n    root?: string;\n    mask?: string;\n    content?: string;\n    group?: string;\n    item?: string;\n    groupLabel?: string;\n  };\n}\n\nconst defaultShortcuts: CommandPaletteShortcut[] = [\n  { key: \"k\", metaKey: true },\n  { key: \"k\", ctrlKey: true },\n];\n\nfunction matchesShortcut(\n  event: KeyboardEvent,\n  shortcut: CommandPaletteShortcut\n): boolean {\n  return (\n    event.key.toLowerCase() === shortcut.key.toLowerCase() &&\n    !!event.metaKey === !!shortcut.metaKey &&\n    !!event.ctrlKey === !!shortcut.ctrlKey &&\n    !!event.altKey === !!shortcut.altKey &&\n    !!event.shiftKey === !!shortcut.shiftKey\n  );\n}\n\nexport const CommandPalette: React.FC<CommandPaletteProps> = ({\n  children,\n  open,\n  onOpenChange,\n  defaultOpen = false,\n  items = [],\n  shortcuts = defaultShortcuts,\n  placeholder = \"Type a command or search...\",\n  emptyText = \"No results found.\",\n  className,\n  classNames,\n}) => {\n  const cls = useCls();\n  const [actualOpen, setActualOpen] = useControlledState(\n    open,\n    onOpenChange,\n    defaultOpen\n  );\n  const [searchValue, setSearchValue] = React.useState(\"\");\n\n  // Stable callback for closing the palette\n  const handleClose = useStableCallback(() => {\n    setActualOpen(false);\n  });\n\n  // Stable callback for toggling (uses functional setState to avoid stale closures)\n  const handleToggle = useStableCallback(() => {\n    setActualOpen((prev) => !prev);\n  });\n\n  // Set up keyboard shortcuts\n  useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      const matchingShortcut = shortcuts.find((shortcut) =>\n        matchesShortcut(event, shortcut)\n      );\n\n      if (matchingShortcut) {\n        event.preventDefault();\n        handleToggle();\n      }\n    };\n\n    document.addEventListener(\"keydown\", handleKeyDown);\n    return () => document.removeEventListener(\"keydown\", handleKeyDown);\n  }, [shortcuts, handleToggle]);\n\n  const { itemGroups } = useDropdownMenu({\n    items,\n    inCombobox: true,\n    onOpenChange: (open) => {\n      if (!open) {\n        setActualOpen(false);\n      }\n    },\n    classNames: {\n      group: classNames?.group,\n      groupLabel: classNames?.groupLabel,\n      item: classNames?.item,\n    },\n  });\n\n  // Transform itemGroups into autocomplete group structure\n  const autocompleteGroups = useMemo(() => {\n    const groups = itemGroups.map((group) => ({\n      label: group.label || \"\",\n      items: group.items,\n    }));\n    return groups;\n  }, [itemGroups]);\n\n  const { className: themeClassName } = useTheme();\n\n  const renderMenuItem = useCallback(\n    (item: DropdownMenuItemType, groupIndex: number, itemIndex: number) => {\n      if (item.type === \"item\") {\n        return (\n          <DropdownMenuItem\n            key={`${groupIndex}-${itemIndex}`}\n            item={item}\n            inCombobox={true}\n            afterSelect={handleClose}\n            classNames={{\n              item: classNames?.item,\n            }}\n          />\n        );\n      } else if (item.type === \"divider\") {\n        return (\n          <DropdownMenuDivider\n            key={`${groupIndex}-${itemIndex}`}\n            inCombobox={true}\n          />\n        );\n      }\n      return null;\n    },\n    [classNames?.item, handleClose]\n  );\n\n  const renderMenuInner = useCallback(() => {\n    return (\n      <Autocomplete.Root\n        items={autocompleteGroups}\n        onValueChange={(value) => setSearchValue(value)}\n        itemToStringValue={(item) =>\n          item.type == \"item\" ? String(item.key) : \"\"\n        }\n        open={true}\n        inline\n        modal={false}\n      >\n        <div className={cls(\"command-palette-search-wrapper\")}>\n          <Autocomplete.Input\n            render={({ ref, ...rest }) => (\n              <Input\n                placeholder={placeholder}\n                value={searchValue}\n                onChange={(e) => setSearchValue(e.target.value)}\n                className={cls(\"command-palette-search\")}\n                autoFocus\n                {...rest}\n              />\n            )}\n          />\n        </div>\n        <ScrollArea fadeEdges>\n          <Autocomplete.List\n            className={cls(\"dropdown-menu-list\", \"command-palette-list\")}\n          >\n            {(group, groupIndex) => (\n              <Autocomplete.Group\n                key={`group-${groupIndex}`}\n                items={group.items}\n                className={clsx(\n                  cls(\"dropdown-menu-group\"),\n                  groupIndex > 0 && \"mt-2\",\n                  classNames?.group\n                )}\n              >\n                {group.label && (\n                  <Autocomplete.GroupLabel\n                    className={clsx(\n                      cls(\"dropdown-menu-header\"),\n                      classNames?.groupLabel\n                    )}\n                  >\n                    <span>{group.label}</span>\n                  </Autocomplete.GroupLabel>\n                )}\n                <Autocomplete.Collection>\n                  {(item, itemIndex) =>\n                    renderMenuItem(item, groupIndex, itemIndex)\n                  }\n                </Autocomplete.Collection>\n              </Autocomplete.Group>\n            )}\n          </Autocomplete.List>\n          <Autocomplete.Empty\n            className={cls(\"dropdown-menu-empty\", \"command-palette-empty\")}\n          >\n            {emptyText}\n          </Autocomplete.Empty>\n        </ScrollArea>\n      </Autocomplete.Root>\n    );\n  }, [\n    autocompleteGroups,\n    cls,\n    emptyText,\n    placeholder,\n    renderMenuItem,\n    searchValue,\n    classNames,\n  ]);\n\n  const commonTriggerProps: {\n    className: string;\n    render: DialogTriggerRender;\n  } = {\n    className: clsx(\n      cls(\"command-palette-trigger\"),\n      classNames?.trigger,\n      themeClassName\n    ),\n    render: (props, state) => createRenderProp(children, props, state),\n  };\n\n  return (\n    <Dialog.Root open={actualOpen} onOpenChange={setActualOpen} modal={true}>\n      {children && <Dialog.Trigger {...commonTriggerProps} />}\n      <Dialog.Portal>\n        <Dialog.Backdrop\n          className={cls(\"command-palette-overlay\", classNames?.mask)}\n        />\n        <Dialog.Popup\n          className={cls(\n            \"command-palette-content\",\n            themeClassName,\n            classNames?.content\n          )}\n        >\n          <div className={cls(\"command-palette\", className, classNames?.root)}>\n            {renderMenuInner()}\n          </div>\n        </Dialog.Popup>\n      </Dialog.Portal>\n    </Dialog.Root>\n  );\n};\n"],"names":["defaultShortcuts","matchesShortcut","event","shortcut","CommandPalette","children","open","onOpenChange","defaultOpen","items","shortcuts","placeholder","emptyText","className","classNames","cls","useCls","actualOpen","setActualOpen","useControlledState","searchValue","setSearchValue","React","handleClose","useStableCallback","handleToggle","prev","useEffect","handleKeyDown","itemGroups","useDropdownMenu","autocompleteGroups","useMemo","group","themeClassName","useTheme","renderMenuItem","useCallback","item","groupIndex","itemIndex","jsx","DropdownMenuItem","DropdownMenuDivider","renderMenuInner","jsxs","Autocomplete","value","ref","rest","Input","e","ScrollArea","clsx","commonTriggerProps","props","state","createRenderProp","Dialog"],"mappings":"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"}

package/dist/components/command-palette/index.d.ts

@@ -1,2 +1,4 @@
-export * from './component';
+export { CommandPalette } from './component';
+export type { CommandPaletteProps, CommandPaletteShortcut } from './component';
+export type { DropdownMenuItemType } from '../dropdown-menu/types';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/command-palette/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/command-palette/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/command-palette/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,YAAY,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAG/E,YAAY,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/components/command-palette/style.css

@@ -1 +1 @@
-@layer components{.ds-command-palette-overlay{background-color:var(--ds-color-bg-mask);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:fixed;inset:0;z-index:var(--ds-z-index-modal-mask)}.ds-command-palette-content{position:fixed;top:20%;left:50%;transform:translate(-50%);width:90%;max-width:640px;max-height:60vh;background:var(--ds-color-bg-elevated);border:1px solid var(--ds-color-border);border-radius:var(--ds-border-radius-lg);box-shadow:0 10px 38px -10px #16171859,0 10px 20px -15px #16171833;overflow:hidden;z-index:var(--ds-z-index-modal);animation:commandPaletteIn var(--ds-motion-duration-fast) var(--ds-motion-ease-out)}.ds-command-palette-content:focus:not(:focus-visible){outline:none}.ds-command-palette{display:flex;flex-direction:column;height:100%}.ds-command-palette-list{padding:.5rem}.ds-command-palette [cmdk-input]{font-family:var(--ds-font-family);font-size:1rem;border:none;outline:none;background:transparent;padding:var(--ds-padding) var(--ds-padding-md);color:var(--ds-color-text);border-bottom:1px solid var(--ds-color-border);width:100%}.ds-command-palette [cmdk-input]::placeholder{color:var(--color-ds-color-text-placeholder)}.ds-command-palette [cmdk-empty]{display:flex;align-items:center;justify-content:center;height:5rem}@keyframes commandPaletteIn{0%{opacity:0;transform:translate(-50%) scale(.95) translateY(-10px)}to{opacity:1;transform:translate(-50%) scale(1) translateY(0)}}@media (prefers-color-scheme: dark){.ds-command-palette-overlay{background-color:var(--ds-color-bg-mask)}}@media (max-width: 640px){.ds-command-palette-content{top:10%;width:95%;max-height:70vh}}}
+@layer components{.ds-command-palette-overlay{background-color:var(--ds-color-bg-mask);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:fixed;inset:0;z-index:var(--ds-z-index-modal-mask)}.ds-command-palette-content{position:fixed;top:20%;left:50%;transform:translate(-50%);width:90%;max-width:640px;max-height:60vh;background:var(--ds-color-bg-elevated);border:1px solid var(--ds-color-border);border-radius:var(--ds-border-radius-lg);box-shadow:0 10px 38px -10px #16171859,0 10px 20px -15px #16171833;overflow:hidden;z-index:var(--ds-z-index-modal);animation:commandPaletteIn var(--ds-motion-duration-fast) var(--ds-motion-ease-out)}.ds-command-palette-content:focus:not(:focus-visible){outline:none}.ds-command-palette{display:flex;flex-direction:column;height:100%}.ds-command-palette-search-wrapper{border-bottom:1px solid var(--ds-color-border)}.ds-command-palette-search{border:none!important;border-radius:0!important;box-shadow:none!important}.ds-command-palette-search:focus,.ds-command-palette-search:focus-within{border:none!important;box-shadow:none!important}.ds-command-palette-list{padding:.5rem}.ds-command-palette-empty{display:flex;align-items:center;justify-content:center;height:5rem}@keyframes commandPaletteIn{0%{opacity:0;transform:translate(-50%) scale(.95) translateY(-10px)}to{opacity:1;transform:translate(-50%) scale(1) translateY(0)}}@media(prefers-color-scheme:dark){.ds-command-palette-overlay{background-color:var(--ds-color-bg-mask)}}@media(max-width:640px){.ds-command-palette-content{top:10%;width:95%;max-height:70vh}}}

package/dist/components/drag-drop/draggable.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as p } from "react/jsx-runtime";
 import { useDraggable as A } from "./hooks.js";
-import { useRender as D } from "@base-ui-components/react/use-render";
+import { useRender as D } from "@base-ui/react/use-render";
 import { DotsSixVerticalIcon as C } from "@bioturing/assets";
 import { isValidElement as N, cloneElement as R } from "react";
 import { useCls as V } from "../utils/antdUtils.js";

package/dist/components/drag-drop/draggable.js.map

@@ -1 +1 @@
-{"version":3,"file":"draggable.js","sources":["../../../src/components/drag-drop/draggable.tsx"],"sourcesContent":["\"use client\";\n\nimport { useDraggable } from \"./hooks\";\nimport { clsx, useCls } from \"../utils\";\nimport { useRender } from \"@base-ui-components/react/use-render\";\nimport type { Data, DragDropDraggableProps } from \"./types\";\nimport { DotsSixVerticalIcon } from \"@bioturing/assets\";\nimport { cloneElement, isValidElement, HTMLProps } from \"react\";\n\n/**\n * A draggable item component that can be used within the Drag context\n */\nexport const Draggable = <T extends Data = Data>({\n  id,\n  children,\n  className,\n  disabled = false,\n  data,\n  style,\n  render,\n  onDragEnd,\n  onDragStart,\n  indicator = true,\n  onlyIndicatorDraggable = false,\n  ...rest\n}: DragDropDraggableProps<T>) => {\n  const cls = useCls();\n\n  const { attributes, listeners, isDragging, setNodeRef } = useDraggable({\n    id,\n    data,\n    disabled,\n    onDragEnd,\n    onDragStart,\n  });\n\n  const indicatorIcon =\n    indicator === true ? (\n      <DotsSixVerticalIcon\n        className={cls(\"draggable-indicator\")}\n        key={\"indicator-icon\" + id}\n      />\n    ) : (\n      indicator\n    );\n  const indicatorElement = isValidElement(indicatorIcon)\n    ? onlyIndicatorDraggable\n      ? cloneElement(indicatorIcon, {\n          ...attributes,\n          ...listeners,\n          key: \"indicator\" + id,\n        })\n      : indicatorIcon\n    : null;\n\n  const combinedChildren = [\n    indicatorElement,\n    ...(Array.isArray(children) ? children : [children]),\n  ];\n\n  const renderedElement = useRender({\n    render: render ? (\n      render\n    ) : (\n      <div className={clsx(cls(\"draggable\"), className)} />\n    ),\n    ref: setNodeRef,\n    props: {\n      children: combinedChildren,\n      className,\n      style: {\n        ...style,\n        touchAction: \"none\", // Prevents scrolling on touch devices while dragging\n        cursor: disabled ? \"default\" : \"grab\",\n        opacity: isDragging ? 0.5 : 1, // Visual feedback when dragging\n      },\n      ...rest,\n      ...attributes,\n      ...(!onlyIndicatorDraggable ? listeners : {}),\n    },\n    state: {\n      isDragging,\n      id,\n      data,\n    },\n  });\n\n  return renderedElement;\n};\n"],"names":["Draggable","id","children","className","disabled","data","style","render","onDragEnd","onDragStart","indicator","onlyIndicatorDraggable","rest","cls","useCls","attributes","listeners","isDragging","setNodeRef","useDraggable","indicatorIcon","jsx","DotsSixVerticalIcon","combinedChildren","isValidElement","cloneElement","useRender","clsx"],"mappings":";;;;;;;;AAYO,MAAMA,IAAY,CAAwB;AAAA,EAC/C,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,wBAAAC,IAAyB;AAAA,EACzB,GAAGC;AACL,MAAiC;AAC/B,QAAMC,IAAMC,EAAA,GAEN,EAAE,YAAAC,GAAY,WAAAC,GAAW,YAAAC,GAAY,YAAAC,EAAA,IAAeC,EAAa;AAAA,IACrE,IAAAlB;AAAA,IACA,MAAAI;AAAA,IACA,UAAAD;AAAA,IACA,WAAAI;AAAA,IACA,aAAAC;AAAA,EAAA,CACD,GAEKW,IACJV,MAAc,KACZ,gBAAAW;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWT,EAAI,qBAAqB;AAAA,IAAA;AAAA,IAC/B,mBAAmBZ;AAAA,EAAA,IAG1BS,GAYEa,IAAmB;AAAA,IAVAC,EAAeJ,CAAa,IACjDT,IACEc,EAAaL,GAAe;AAAA,MAC1B,GAAGL;AAAA,MACH,GAAGC;AAAA,MACH,KAAK,cAAcf;AAAA,IAAA,CACpB,IACDmB,IACF;AAAA,IAIF,GAAI,MAAM,QAAQlB,CAAQ,IAAIA,IAAW,CAACA,CAAQ;AAAA,EAAA;AA8BpD,SA3BwBwB,EAAU;AAAA,IAChC,QAAQnB,KAGN,gBAAAc,EAAC,OAAA,EAAI,WAAWM,EAAKd,EAAI,WAAW,GAAGV,CAAS,EAAA,CAAG;AAAA,IAErD,KAAKe;AAAA,IACL,OAAO;AAAA,MACL,UAAUK;AAAA,MACV,WAAApB;AAAA,MACA,OAAO;AAAA,QACL,GAAGG;AAAA,QACH,aAAa;AAAA;AAAA,QACb,QAAQF,IAAW,YAAY;AAAA,QAC/B,SAASa,IAAa,MAAM;AAAA;AAAA,MAAA;AAAA,MAE9B,GAAGL;AAAA,MACH,GAAGG;AAAA,MACH,GAAKJ,IAAqC,CAAA,IAAZK;AAAA,IAAa;AAAA,IAE7C,OAAO;AAAA,MACL,YAAAC;AAAA,MACA,IAAAhB;AAAA,MACA,MAAAI;AAAA,IAAA;AAAA,EACF,CACD;AAGH;"}
+{"version":3,"file":"draggable.js","sources":["../../../src/components/drag-drop/draggable.tsx"],"sourcesContent":["\"use client\";\n\nimport { useDraggable } from \"./hooks\";\nimport { clsx, useCls } from \"../utils\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport type { Data, DragDropDraggableProps } from \"./types\";\nimport { DotsSixVerticalIcon } from \"@bioturing/assets\";\nimport { cloneElement, isValidElement, HTMLProps } from \"react\";\n\n/**\n * A draggable item component that can be used within the Drag context\n */\nexport const Draggable = <T extends Data = Data>({\n  id,\n  children,\n  className,\n  disabled = false,\n  data,\n  style,\n  render,\n  onDragEnd,\n  onDragStart,\n  indicator = true,\n  onlyIndicatorDraggable = false,\n  ...rest\n}: DragDropDraggableProps<T>) => {\n  const cls = useCls();\n\n  const { attributes, listeners, isDragging, setNodeRef } = useDraggable({\n    id,\n    data,\n    disabled,\n    onDragEnd,\n    onDragStart,\n  });\n\n  const indicatorIcon =\n    indicator === true ? (\n      <DotsSixVerticalIcon\n        className={cls(\"draggable-indicator\")}\n        key={\"indicator-icon\" + id}\n      />\n    ) : (\n      indicator\n    );\n  const indicatorElement = isValidElement(indicatorIcon)\n    ? onlyIndicatorDraggable\n      ? cloneElement(indicatorIcon, {\n          ...attributes,\n          ...listeners,\n          key: \"indicator\" + id,\n        })\n      : indicatorIcon\n    : null;\n\n  const combinedChildren = [\n    indicatorElement,\n    ...(Array.isArray(children) ? children : [children]),\n  ];\n\n  const renderedElement = useRender({\n    render: render ? (\n      render\n    ) : (\n      <div className={clsx(cls(\"draggable\"), className)} />\n    ),\n    ref: setNodeRef,\n    props: {\n      children: combinedChildren,\n      className,\n      style: {\n        ...style,\n        touchAction: \"none\", // Prevents scrolling on touch devices while dragging\n        cursor: disabled ? \"default\" : \"grab\",\n        opacity: isDragging ? 0.5 : 1, // Visual feedback when dragging\n      },\n      ...rest,\n      ...attributes,\n      ...(!onlyIndicatorDraggable ? listeners : {}),\n    },\n    state: {\n      isDragging,\n      id,\n      data,\n    },\n  });\n\n  return renderedElement;\n};\n"],"names":["Draggable","id","children","className","disabled","data","style","render","onDragEnd","onDragStart","indicator","onlyIndicatorDraggable","rest","cls","useCls","attributes","listeners","isDragging","setNodeRef","useDraggable","indicatorIcon","jsx","DotsSixVerticalIcon","combinedChildren","isValidElement","cloneElement","useRender","clsx"],"mappings":";;;;;;;;AAYO,MAAMA,IAAY,CAAwB;AAAA,EAC/C,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,wBAAAC,IAAyB;AAAA,EACzB,GAAGC;AACL,MAAiC;AAC/B,QAAMC,IAAMC,EAAA,GAEN,EAAE,YAAAC,GAAY,WAAAC,GAAW,YAAAC,GAAY,YAAAC,EAAA,IAAeC,EAAa;AAAA,IACrE,IAAAlB;AAAA,IACA,MAAAI;AAAA,IACA,UAAAD;AAAA,IACA,WAAAI;AAAA,IACA,aAAAC;AAAA,EAAA,CACD,GAEKW,IACJV,MAAc,KACZ,gBAAAW;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWT,EAAI,qBAAqB;AAAA,IAAA;AAAA,IAC/B,mBAAmBZ;AAAA,EAAA,IAG1BS,GAYEa,IAAmB;AAAA,IAVAC,EAAeJ,CAAa,IACjDT,IACEc,EAAaL,GAAe;AAAA,MAC1B,GAAGL;AAAA,MACH,GAAGC;AAAA,MACH,KAAK,cAAcf;AAAA,IAAA,CACpB,IACDmB,IACF;AAAA,IAIF,GAAI,MAAM,QAAQlB,CAAQ,IAAIA,IAAW,CAACA,CAAQ;AAAA,EAAA;AA8BpD,SA3BwBwB,EAAU;AAAA,IAChC,QAAQnB,KAGN,gBAAAc,EAAC,OAAA,EAAI,WAAWM,EAAKd,EAAI,WAAW,GAAGV,CAAS,EAAA,CAAG;AAAA,IAErD,KAAKe;AAAA,IACL,OAAO;AAAA,MACL,UAAUK;AAAA,MACV,WAAApB;AAAA,MACA,OAAO;AAAA,QACL,GAAGG;AAAA,QACH,aAAa;AAAA;AAAA,QACb,QAAQF,IAAW,YAAY;AAAA,QAC/B,SAASa,IAAa,MAAM;AAAA;AAAA,MAAA;AAAA,MAE9B,GAAGL;AAAA,MACH,GAAGG;AAAA,MACH,GAAKJ,IAAqC,CAAA,IAAZK;AAAA,IAAa;AAAA,IAE7C,OAAO;AAAA,MACL,YAAAC;AAAA,MACA,IAAAhB;AAAA,MACA,MAAAI;AAAA,IAAA;AAAA,EACF,CACD;AAGH;"}

package/dist/components/drag-drop/droppable.js

@@ -3,7 +3,7 @@ import { jsxs as P, jsx as n } from "react/jsx-runtime";
 import { memo as W, useCallback as x, useMemo as D } from "react";
 import { useDroppable as h } from "./hooks.js";
 import { ArrowsOutCardinalIcon as B } from "@bioturing/assets";
-import { useRender as F } from "@base-ui-components/react/use-render";
+import { useRender as F } from "@base-ui/react/use-render";
 import { Value as G } from "./value.js";
 import { uniqWith as H, isEqual as I } from "es-toolkit";
 import { useCls as J } from "../utils/antdUtils.js";

package/dist/components/drag-drop/droppable.js.map

@@ -1 +1 @@
-{"version":3,"file":"droppable.js","sources":["../../../src/components/drag-drop/droppable.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { useCallback, useMemo, memo } from \"react\";\nimport { useDroppable } from \"./hooks\";\nimport { clsx, useCls } from \"../utils\";\nimport { ArrowsOutCardinalIcon } from \"@bioturing/assets\";\nimport { useRender } from \"@base-ui-components/react/use-render\";\nimport type { Data, DragDropDroppableProps, DraggableInfo } from \"./types\";\nimport { Value } from \"./value\";\nimport { uniqWith, isEqual } from \"es-toolkit\";\n\n/**\n * A drop zone component that can receive draggable items\n * Styled similarly to the Upload component's droppable area\n */\nconst DroppableInner = <T extends Data = Data, M extends boolean = false>({\n  id,\n  children,\n  className,\n  disabled = false,\n  placeholder = \"Drop items here\",\n  icon = <ArrowsOutCardinalIcon />,\n  render,\n  onDrop,\n  validate,\n  multiple,\n  value,\n  onChange,\n  maxItems,\n  renderValueLabel,\n  renderValueIcon,\n  ...rest\n}: DragDropDroppableProps<T, M>) => {\n  const cls = useCls();\n  const handleOnDrop = useCallback(\n    (item: DraggableInfo<T>) => {\n      if (onDrop) {\n        onDrop(item);\n      }\n      if (onChange) {\n        if (multiple) {\n          (onChange as (value: T[]) => void)(\n            uniqWith([...(value as T[]), item.data], isEqual)\n          );\n        } else {\n          (onChange as (value: T) => void)(item.data);\n        }\n      }\n    },\n    [onDrop, onChange, multiple, value]\n  );\n  const { isOver, setNodeRef, attributes, listeners } = useDroppable({\n    id,\n    disabled,\n    onDrop: handleOnDrop,\n    validate,\n  });\n\n  // memoize value props to avoid re-renders\n  const valueProps = useMemo(\n    () => ({\n      value,\n      onChange,\n      multiple,\n      renderValueLabel,\n      renderValueIcon,\n      maxItems,\n    }),\n    [value, onChange, multiple, renderValueLabel, renderValueIcon, maxItems]\n  );\n\n  // memoize dropzone content\n  const dropzoneContent = useMemo(\n    () =>\n      children || (\n        <div className={cls(\"drop-zone-content\")}>\n          <div className={cls(\"drop-zone-icon\")}>{icon}</div>\n          <div className={cls(\"drop-zone-text\")}>{placeholder}</div>\n        </div>\n      ),\n    [children, cls, icon, placeholder]\n  );\n\n  // memoize default render tree\n  const defaultRender = useCallback<\n    (props: Record<string, unknown>) => React.ReactElement\n  >(\n    ({ className, ...props }) => {\n      if (!value || (multiple && Array.isArray(value) && !value.length)) {\n        return (\n          <div\n            className={clsx(cls(\"drop-zone\"), className as string)}\n            {...props}\n          >\n            {dropzoneContent}\n          </div>\n        );\n      }\n      // return value when there is a value\n      return (\n        <Value<T, M>\n          {...valueProps}\n          className={className as string}\n          {...props}\n        />\n      );\n    },\n    [value, multiple, valueProps, dropzoneContent, cls]\n  );\n\n  const renderedElement = useRender({\n    render: render ?? defaultRender,\n    ref: setNodeRef,\n    props: {\n      className: className,\n      ...attributes,\n      ...listeners,\n      ...rest,\n    },\n    state: {\n      isOver,\n      value,\n      onChange: onChange as (value: M extends true ? T[] : T) => void,\n      id,\n    },\n  });\n\n  return renderedElement;\n};\n\nexport const Droppable = memo(DroppableInner) as typeof DroppableInner;\n"],"names":["DroppableInner","id","children","className","disabled","placeholder","icon","ArrowsOutCardinalIcon","render","onDrop","validate","multiple","value","onChange","maxItems","renderValueLabel","renderValueIcon","rest","cls","useCls","handleOnDrop","useCallback","item","uniqWith","isEqual","isOver","setNodeRef","attributes","listeners","useDroppable","valueProps","useMemo","dropzoneContent","jsxs","jsx","defaultRender","props","clsx","Value","useRender","Droppable","memo"],"mappings":";;;;;;;;;;AAeA,MAAMA,IAAiB,CAAmD;AAAA,EACxE,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,aAAAC,IAAc;AAAA,EACd,MAAAC,sBAAQC,GAAA,EAAsB;AAAA,EAC9B,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,GAAGC;AACL,MAAoC;AAClC,QAAMC,IAAMC,EAAA,GACNC,IAAeC;AAAA,IACnB,CAACC,MAA2B;AAC1B,MAAIb,KACFA,EAAOa,CAAI,GAETT,KAECA;AAAA,QADCF,IAEAY,EAAS,CAAC,GAAIX,GAAeU,EAAK,IAAI,GAAGE,CAAO,IAGjBF,EAAK;AAAA,MAHY;AAAA,IAMxD;AAAA,IACA,CAACb,GAAQI,GAAUF,GAAUC,CAAK;AAAA,EAAA,GAE9B,EAAE,QAAAa,GAAQ,YAAAC,GAAY,YAAAC,GAAY,WAAAC,EAAA,IAAcC,EAAa;AAAA,IACjE,IAAA5B;AAAA,IACA,UAAAG;AAAA,IACA,QAAQgB;AAAA,IACR,UAAAV;AAAA,EAAA,CACD,GAGKoB,IAAaC;AAAA,IACjB,OAAO;AAAA,MACL,OAAAnB;AAAA,MACA,UAAAC;AAAA,MACA,UAAAF;AAAA,MACA,kBAAAI;AAAA,MACA,iBAAAC;AAAA,MACA,UAAAF;AAAA,IAAA;AAAA,IAEF,CAACF,GAAOC,GAAUF,GAAUI,GAAkBC,GAAiBF,CAAQ;AAAA,EAAA,GAInEkB,IAAkBD;AAAA,IACtB,MACE7B,KACE,gBAAA+B,EAAC,SAAI,WAAWf,EAAI,mBAAmB,GACrC,UAAA;AAAA,MAAA,gBAAAgB,EAAC,OAAA,EAAI,WAAWhB,EAAI,gBAAgB,GAAI,UAAAZ,GAAK;AAAA,wBAC5C,OAAA,EAAI,WAAWY,EAAI,gBAAgB,GAAI,UAAAb,EAAA,CAAY;AAAA,IAAA,GACtD;AAAA,IAEJ,CAACH,GAAUgB,GAAKZ,GAAMD,CAAW;AAAA,EAAA,GAI7B8B,IAAgBd;AAAA,IAGpB,CAAC,EAAE,WAAAlB,GAAW,GAAGiC,QACX,CAACxB,KAAUD,KAAY,MAAM,QAAQC,CAAK,KAAK,CAACA,EAAM,SAEtD,gBAAAsB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWG,EAAKnB,EAAI,WAAW,GAAGf,CAAmB;AAAA,QACpD,GAAGiC;AAAA,QAEH,UAAAJ;AAAA,MAAA;AAAA,IAAA,IAML,gBAAAE;AAAA,MAACI;AAAA,MAAA;AAAA,QACE,GAAGR;AAAA,QACJ,WAAW3B;AAAAA,QACV,GAAGiC;AAAA,MAAA;AAAA,IAAA;AAAA,IAIV,CAACxB,GAAOD,GAAUmB,GAAYE,GAAiBd,CAAG;AAAA,EAAA;AAoBpD,SAjBwBqB,EAAU;AAAA,IAChC,QAAQ/B,KAAU2B;AAAA,IAClB,KAAKT;AAAA,IACL,OAAO;AAAA,MACL,WAAAvB;AAAA,MACA,GAAGwB;AAAA,MACH,GAAGC;AAAA,MACH,GAAGX;AAAA,IAAA;AAAA,IAEL,OAAO;AAAA,MACL,QAAAQ;AAAA,MACA,OAAAb;AAAA,MACA,UAAAC;AAAA,MACA,IAAAZ;AAAA,IAAA;AAAA,EACF,CACD;AAGH,GAEauC,IAAYC,EAAKzC,CAAc;"}
+{"version":3,"file":"droppable.js","sources":["../../../src/components/drag-drop/droppable.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { useCallback, useMemo, memo } from \"react\";\nimport { useDroppable } from \"./hooks\";\nimport { clsx, useCls } from \"../utils\";\nimport { ArrowsOutCardinalIcon } from \"@bioturing/assets\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport type { Data, DragDropDroppableProps, DraggableInfo } from \"./types\";\nimport { Value } from \"./value\";\nimport { uniqWith, isEqual } from \"es-toolkit\";\n\n/**\n * A drop zone component that can receive draggable items\n * Styled similarly to the Upload component's droppable area\n */\nconst DroppableInner = <T extends Data = Data, M extends boolean = false>({\n  id,\n  children,\n  className,\n  disabled = false,\n  placeholder = \"Drop items here\",\n  icon = <ArrowsOutCardinalIcon />,\n  render,\n  onDrop,\n  validate,\n  multiple,\n  value,\n  onChange,\n  maxItems,\n  renderValueLabel,\n  renderValueIcon,\n  ...rest\n}: DragDropDroppableProps<T, M>) => {\n  const cls = useCls();\n  const handleOnDrop = useCallback(\n    (item: DraggableInfo<T>) => {\n      if (onDrop) {\n        onDrop(item);\n      }\n      if (onChange) {\n        if (multiple) {\n          (onChange as (value: T[]) => void)(\n            uniqWith([...(value as T[]), item.data], isEqual)\n          );\n        } else {\n          (onChange as (value: T) => void)(item.data);\n        }\n      }\n    },\n    [onDrop, onChange, multiple, value]\n  );\n  const { isOver, setNodeRef, attributes, listeners } = useDroppable({\n    id,\n    disabled,\n    onDrop: handleOnDrop,\n    validate,\n  });\n\n  // memoize value props to avoid re-renders\n  const valueProps = useMemo(\n    () => ({\n      value,\n      onChange,\n      multiple,\n      renderValueLabel,\n      renderValueIcon,\n      maxItems,\n    }),\n    [value, onChange, multiple, renderValueLabel, renderValueIcon, maxItems]\n  );\n\n  // memoize dropzone content\n  const dropzoneContent = useMemo(\n    () =>\n      children || (\n        <div className={cls(\"drop-zone-content\")}>\n          <div className={cls(\"drop-zone-icon\")}>{icon}</div>\n          <div className={cls(\"drop-zone-text\")}>{placeholder}</div>\n        </div>\n      ),\n    [children, cls, icon, placeholder]\n  );\n\n  // memoize default render tree\n  const defaultRender = useCallback<\n    (props: Record<string, unknown>) => React.ReactElement\n  >(\n    ({ className, ...props }) => {\n      if (!value || (multiple && Array.isArray(value) && !value.length)) {\n        return (\n          <div\n            className={clsx(cls(\"drop-zone\"), className as string)}\n            {...props}\n          >\n            {dropzoneContent}\n          </div>\n        );\n      }\n      // return value when there is a value\n      return (\n        <Value<T, M>\n          {...valueProps}\n          className={className as string}\n          {...props}\n        />\n      );\n    },\n    [value, multiple, valueProps, dropzoneContent, cls]\n  );\n\n  const renderedElement = useRender({\n    render: render ?? defaultRender,\n    ref: setNodeRef,\n    props: {\n      className: className,\n      ...attributes,\n      ...listeners,\n      ...rest,\n    },\n    state: {\n      isOver,\n      value,\n      onChange: onChange as (value: M extends true ? T[] : T) => void,\n      id,\n    },\n  });\n\n  return renderedElement;\n};\n\nexport const Droppable = memo(DroppableInner) as typeof DroppableInner;\n"],"names":["DroppableInner","id","children","className","disabled","placeholder","icon","ArrowsOutCardinalIcon","render","onDrop","validate","multiple","value","onChange","maxItems","renderValueLabel","renderValueIcon","rest","cls","useCls","handleOnDrop","useCallback","item","uniqWith","isEqual","isOver","setNodeRef","attributes","listeners","useDroppable","valueProps","useMemo","dropzoneContent","jsxs","jsx","defaultRender","props","clsx","Value","useRender","Droppable","memo"],"mappings":";;;;;;;;;;AAeA,MAAMA,IAAiB,CAAmD;AAAA,EACxE,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,aAAAC,IAAc;AAAA,EACd,MAAAC,sBAAQC,GAAA,EAAsB;AAAA,EAC9B,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,GAAGC;AACL,MAAoC;AAClC,QAAMC,IAAMC,EAAA,GACNC,IAAeC;AAAA,IACnB,CAACC,MAA2B;AAC1B,MAAIb,KACFA,EAAOa,CAAI,GAETT,KAECA;AAAA,QADCF,IAEAY,EAAS,CAAC,GAAIX,GAAeU,EAAK,IAAI,GAAGE,CAAO,IAGjBF,EAAK;AAAA,MAHY;AAAA,IAMxD;AAAA,IACA,CAACb,GAAQI,GAAUF,GAAUC,CAAK;AAAA,EAAA,GAE9B,EAAE,QAAAa,GAAQ,YAAAC,GAAY,YAAAC,GAAY,WAAAC,EAAA,IAAcC,EAAa;AAAA,IACjE,IAAA5B;AAAA,IACA,UAAAG;AAAA,IACA,QAAQgB;AAAA,IACR,UAAAV;AAAA,EAAA,CACD,GAGKoB,IAAaC;AAAA,IACjB,OAAO;AAAA,MACL,OAAAnB;AAAA,MACA,UAAAC;AAAA,MACA,UAAAF;AAAA,MACA,kBAAAI;AAAA,MACA,iBAAAC;AAAA,MACA,UAAAF;AAAA,IAAA;AAAA,IAEF,CAACF,GAAOC,GAAUF,GAAUI,GAAkBC,GAAiBF,CAAQ;AAAA,EAAA,GAInEkB,IAAkBD;AAAA,IACtB,MACE7B,KACE,gBAAA+B,EAAC,SAAI,WAAWf,EAAI,mBAAmB,GACrC,UAAA;AAAA,MAAA,gBAAAgB,EAAC,OAAA,EAAI,WAAWhB,EAAI,gBAAgB,GAAI,UAAAZ,GAAK;AAAA,wBAC5C,OAAA,EAAI,WAAWY,EAAI,gBAAgB,GAAI,UAAAb,EAAA,CAAY;AAAA,IAAA,GACtD;AAAA,IAEJ,CAACH,GAAUgB,GAAKZ,GAAMD,CAAW;AAAA,EAAA,GAI7B8B,IAAgBd;AAAA,IAGpB,CAAC,EAAE,WAAAlB,GAAW,GAAGiC,QACX,CAACxB,KAAUD,KAAY,MAAM,QAAQC,CAAK,KAAK,CAACA,EAAM,SAEtD,gBAAAsB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWG,EAAKnB,EAAI,WAAW,GAAGf,CAAmB;AAAA,QACpD,GAAGiC;AAAA,QAEH,UAAAJ;AAAA,MAAA;AAAA,IAAA,IAML,gBAAAE;AAAA,MAACI;AAAA,MAAA;AAAA,QACE,GAAGR;AAAA,QACJ,WAAW3B;AAAAA,QACV,GAAGiC;AAAA,MAAA;AAAA,IAAA;AAAA,IAIV,CAACxB,GAAOD,GAAUmB,GAAYE,GAAiBd,CAAG;AAAA,EAAA;AAoBpD,SAjBwBqB,EAAU;AAAA,IAChC,QAAQ/B,KAAU2B;AAAA,IAClB,KAAKT;AAAA,IACL,OAAO;AAAA,MACL,WAAAvB;AAAA,MACA,GAAGwB;AAAA,MACH,GAAGC;AAAA,MACH,GAAGX;AAAA,IAAA;AAAA,IAEL,OAAO;AAAA,MACL,QAAAQ;AAAA,MACA,OAAAb;AAAA,MACA,UAAAC;AAAA,MACA,IAAAZ;AAAA,IAAA;AAAA,EACF,CACD;AAGH,GAEauC,IAAYC,EAAKzC,CAAc;"}

package/dist/components/drag-drop/types.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes, ReactElement, ReactNode, ComponentPropsWithoutRef } from 'react';
-import { useRender } from '@base-ui-components/react/use-render';
+import { useRender } from '@base-ui/react/use-render';
 /**
  * Base data type for drag and drop operations
  */

package/dist/components/drag-drop/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/drag-drop/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/drag-drop/types.ts"],"names":[],"mappings":"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"}

package/dist/components/drag-drop/value.js

@@ -13,18 +13,18 @@ function J({
   value: s,
   onChange: c,
   multiple: t,
-  renderValueLabel: d,
-  renderValueIcon: f,
+  renderValueLabel: f,
+  renderValueIcon: p,
   className: R,
   style: E,
   maxItems: m,
   ...N
 }, S) {
-  const l = D(), [u, k] = B(null), g = n((e) => {
-    k(e);
+  const l = D(), [u, g] = B(null), k = n((e) => {
+    g(e);
   }, []), i = n(
     (e) => {
-      const r = d(e);
+      const r = f(e);
       return typeof r == "string" ? /* @__PURE__ */ o(
         G,
         {
@@ -35,12 +35,12 @@ function J({
         }
       ) : /* @__PURE__ */ o("span", { className: l("dropzone-value-label"), children: r });
     },
-    [l, u, d]
+    [l, u, f]
   ), a = n(
-    (e) => C(f(e) || /* @__PURE__ */ o(M, {}), {
+    (e) => C(p(e) || /* @__PURE__ */ o(M, {}), {
       className: l("dropzone-value-icon")
     }),
-    [l, f]
+    [l, p]
   ), b = n(
     (e) => {
       c(
@@ -50,7 +50,7 @@ function J({
     [c, s]
   ), z = n(() => {
     t ? c([]) : c?.(null);
-  }, [c, t]), p = n(
+  }, [c, t]), d = n(
     (e) => {
       const r = i(e);
       return /* @__PURE__ */ I(h, { children: [
@@ -61,7 +61,7 @@ function J({
     },
     [i, a, z]
   ), j = n(
-    (e) => m == 1 ? p(e[0]) : /* @__PURE__ */ o(h, { children: (e || []).map((r, w) => {
+    (e) => m == 1 ? d(e[0]) : /* @__PURE__ */ o(h, { children: (e || []).map((r, w) => {
       const F = i(r);
       return /* @__PURE__ */ o(
         A,
@@ -79,14 +79,14 @@ function J({
       i,
       a,
       m,
-      p,
+      d,
       b
     ]
   );
   return /* @__PURE__ */ o(
     X,
     {
-      ref: v(S, g),
+      ref: v(S, k),
       gap: t ? 4 : 8,
       align: "center",
       wrap: t && m !== 1,
@@ -97,7 +97,7 @@ function J({
       ),
       style: E,
       ...N,
-      children: t ? j(s) : p(s)
+      children: t ? j(s) : d(s)
     }
   );
 }

package/dist/components/dropdown-menu/component.d.ts

@@ -1,4 +1,4 @@
-import { Menu } from '@base-ui-components/react/menu';
+import { Menu } from '@base-ui/react/menu';
 import { PopoverProps } from 'antd/es/popover';
 import { PopupPanelSize } from '../popup-panel/constants';
 import { DropdownMenuItemType } from './types';

package/dist/components/dropdown-menu/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AAEtD,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAapD,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAmB,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAQ1E,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,YAAY,CAAC;IAChD,0DAA0D;IAC1D,KAAK,EAAE,oBAAoB,EAAE,CAAC;IAC9B,qDAAqD;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC/D;;;OAGG;IACH,SAAS,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IACtC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,GAAG,oBAAoB,CAAC,YAAY,CAAC,CAAC;IAEvC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,OAAO,cAAc,CAAC;IAC5C;;OAEG;IACH,WAAW,CAAC,EAAE;QACZ,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF;;;OAGG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,eAAO,MAAM,YAAY,GAAI,sWA0B1B,iBAAiB,4CA2KnB,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAE3C,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAepD,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAmB,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAQ1E,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,YAAY,CAAC;IAChD,0DAA0D;IAC1D,KAAK,EAAE,oBAAoB,EAAE,CAAC;IAC9B,qDAAqD;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC/D;;;OAGG;IACH,SAAS,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IACtC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,GAAG,oBAAoB,CAAC,YAAY,CAAC,CAAC;IAEvC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,OAAO,cAAc,CAAC;IAC5C;;OAEG;IACH,WAAW,CAAC,EAAE;QACZ,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF;;;OAGG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,eAAO,MAAM,YAAY,GAAI,sWA0B1B,iBAAiB,4CA0NnB,CAAC"}