@mlw-packages/react-components 1.10.16 → 1.10.17

package/dist/index.js

@@ -38,12 +38,12 @@ var ContextMenuPrimitive = require('@radix-ui/react-context-menu');
 var reactSyntaxHighlighter = require('react-syntax-highlighter');
 var dateFns = require('date-fns');
 var locale = require('date-fns/locale');
-var ptBR3 = require('date-fns/locale/pt-BR');
 var core = require('@dnd-kit/core');
 var utilities = require('@dnd-kit/utilities');
 var reactRadioGroup = require('@radix-ui/react-radio-group');
 var recharts = require('recharts');
 var useEmblaCarousel = require('embla-carousel-react');
+var reactVirtual = require('@tanstack/react-virtual');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -84,7 +84,6 @@ var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrim
 var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
 var NavigationMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(NavigationMenuPrimitive);
 var ContextMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(ContextMenuPrimitive);
-var ptBR3__default = /*#__PURE__*/_interopDefault(ptBR3);
 var useEmblaCarousel__default = /*#__PURE__*/_interopDefault(useEmblaCarousel);
 
 var __create = Object.create;
@@ -2556,7 +2555,7 @@ function Combobox({
   ] });
 }
 var badgeVariants = classVarianceAuthority.cva(
-  "inline-flex items-center justify-center rounded-md border text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
+  "inline-flex items-center justify-center rounded-md border text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-border",
   {
     variants: {
       size: {
@@ -8131,7 +8130,6 @@ function DateTimePicker({
     ] })
   ] });
 }
-var dateFnsLocale = ptBR3__default.default?.default ?? ptBR3__default.default;
 function RangePicker({
   value,
   onChange,
@@ -8186,8 +8184,8 @@ function RangePicker({
                       !range && "text-muted-foreground"
                     ),
                     children: range?.from && range?.to ? `${dateFns.format(range.from, "P", {
-                      locale: dateFnsLocale
-                    })} - ${dateFns.format(range.to, "P", { locale: dateFnsLocale })}` : "Selecione um intervalo"
+                      locale: locale.ptBR
+                    })} - ${dateFns.format(range.to, "P", { locale: locale.ptBR })}` : "Selecione um intervalo"
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(framerMotion.motion.span, { className: "flex items-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row gap-0 items-center ", children: [
@@ -8247,7 +8245,7 @@ function RangePicker({
                         mode: "range",
                         selected: range,
                         onSelect: handleSelect,
-                        locale: dateFnsLocale,
+                        locale: locale.ptBR,
                         showOutsideDays: true,
                         fixedWeeks: true,
                         weekStartsOn: 1,
@@ -21518,6 +21516,676 @@ function processIntegrationData(integrations, targetSystemName) {
     connections
   };
 }
+function normalizeStr(s) {
+  return s.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "");
+}
+function scoreMatch(item, query) {
+  const q = normalizeStr(query);
+  const label = normalizeStr(item.label);
+  const desc = normalizeStr(item.description ?? "");
+  const keywords = (item.keywords ?? []).map(normalizeStr);
+  if (label === q) return 100;
+  if (label.startsWith(q)) return 90;
+  if (label.includes(q)) return 70;
+  if (desc.includes(q)) return 50;
+  if (keywords.some((k) => k.includes(q))) return 40;
+  return -1;
+}
+function filterAndScore(groups, query) {
+  if (!query.trim()) return groups;
+  return groups.map((g) => ({
+    ...g,
+    items: g.items.map((item) => ({ item, score: scoreMatch(item, query) })).filter(({ score }) => score >= 0).sort((a, b) => b.score - a.score).map(({ item }) => item)
+  })).filter((g) => g.items.length > 0).sort((a, b) => (b.priority ?? 0) - (a.priority ?? 0));
+}
+function normaliseGroups(items = [], groups = []) {
+  const result = [];
+  if (items.length > 0) {
+    result.push({ id: "__flat__", label: "", items });
+  }
+  result.push(...groups);
+  return result;
+}
+function unionGroups(base, terms) {
+  if (terms.length === 0) return base;
+  const allMatchedIds = /* @__PURE__ */ new Set();
+  terms.forEach((term) => {
+    const filtered = filterAndScore(base, term);
+    filtered.forEach((g) => g.items.forEach((i) => allMatchedIds.add(i.id)));
+  });
+  return base.map((group) => ({
+    ...group,
+    items: group.items.filter((item) => allMatchedIds.has(item.id))
+  })).filter((group) => group.items.length > 0);
+}
+function createGroup(id, label, items, opts) {
+  return { id, label, items, ...opts };
+}
+function createItem(item) {
+  return item;
+}
+var STORAGE_KEY = "cmd:recents";
+var MAX_RECENTS = 5;
+function readStorage() {
+  try {
+    return JSON.parse(localStorage.getItem(STORAGE_KEY) ?? "[]");
+  } catch {
+    return [];
+  }
+}
+function writeStorage(ids) {
+  try {
+    localStorage.setItem(STORAGE_KEY, JSON.stringify(ids));
+  } catch {
+    console.error("Failed to write to localStorage");
+  }
+}
+function useRecents(allItems) {
+  const [recentIds, setRecentIds] = React32.useState(readStorage);
+  const push = React32.useCallback((item) => {
+    setRecentIds((prev) => {
+      const next = [item.id, ...prev.filter((id) => id !== item.id)].slice(
+        0,
+        MAX_RECENTS
+      );
+      writeStorage(next);
+      return next;
+    });
+  }, []);
+  const clear = React32.useCallback(() => {
+    setRecentIds([]);
+    writeStorage([]);
+  }, []);
+  const items = recentIds.map((id) => allItems.find((i) => i.id === id)).filter(Boolean);
+  return { items, push, clear };
+}
+function Kbd({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "kbd",
+    {
+      "data-slot": "kbd",
+      className: cn(
+        "bg-muted text-muted-foreground in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 h-5 w-fit min-w-5 gap-1 rounded-sm px-1 font-sans text-xs font-medium [&_svg:not([class*='size-'])]:size-3 pointer-events-none inline-flex items-center justify-center select-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function KbdGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "kbd",
+    {
+      "data-slot": "kbd-group",
+      className: cn("gap-1 inline-flex items-center", className),
+      ...props
+    }
+  );
+}
+function GroupLabel({ group }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 px-3 py-1.5 mb-1", children: [
+    group.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground w-3.5 h-3.5", children: group.icon }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] font-semibold text-muted-foreground uppercase tracking-widest", children: group.label })
+  ] });
+}
+function mapBadgeVariantToColor(variant) {
+  if (!variant) return void 0;
+  switch (variant) {
+    case "success":
+      return "green";
+    case "warning":
+      return "yellow";
+    case "danger":
+      return "red";
+    case "primary":
+      return "blue";
+    case "secondary":
+      return "purple";
+    case "destructive":
+      return "red";
+    case "muted":
+      return "gray";
+    case "default":
+      return "gray";
+    default:
+      return void 0;
+  }
+}
+function CommandItemRow({
+  item,
+  isActive,
+  onSelect,
+  onHover
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    framerMotion.motion.button,
+    {
+      layout: true,
+      onClick: onSelect,
+      onMouseEnter: onHover,
+      className: `
+        w-full flex items-center gap-1 px-2  py-1 rounded-md text-left cursor-pointer
+        transition-colors duration-75 group relative
+        ${isActive ? "text-accent-foreground hover:bg-accent" : "hover:bg-accent hover:text-accent-foreground"}
+      `,
+      children: [
+        item.icon && /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: `relative flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-md text-base
+          ${isActive ? "bg-primary/20 text-primary" : "bg-muted text-muted-foreground group-hover:text-foreground"}`,
+            children: item.icon
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-1 min-w-0 px-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3  flex-wrap", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                className: `text-sm font-medium truncate ${isActive ? "text-foreground" : "text-foreground/80"}`,
+                children: item.label
+              }
+            ),
+            item.badge && /* @__PURE__ */ jsxRuntime.jsx(Badge, { color: mapBadgeVariantToColor(item.badgeVariant), children: item.badge.toUpperCase() })
+          ] }),
+          item.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground truncate", children: item.description })
+        ] }),
+        item.shortcut && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative hidden sm:flex items-center gap-1 flex-shrink-0", children: item.shortcut.map((k, i) => /* @__PURE__ */ jsxRuntime.jsx(Kbd, { children: k }, i)) }),
+        isActive && /* @__PURE__ */ jsxRuntime.jsx(
+          react.CaretRightIcon,
+          {
+            className: "relative w-4 h-4 text-primary flex-shrink-0",
+            weight: "bold"
+          }
+        )
+      ]
+    }
+  );
+}
+var PAGE_SIZE = 8;
+function useCommandPalette({
+  items = [],
+  groups = [],
+  open,
+  onOpenChange,
+  recentItems = [],
+  onRecentItemsChange,
+  maxRecentItems = 5,
+  multiSearch = false
+}) {
+  const [query, setQuery] = React32__namespace.useState("");
+  const [activeIndex, setActiveIndex] = React32__namespace.useState(0);
+  const [page, setPage] = React32__namespace.useState(0);
+  const baseGroups = React32__namespace.useMemo(
+    () => normaliseGroups(items, groups),
+    [items, groups]
+  );
+  React32__namespace.useEffect(() => {
+    if (open) {
+      setQuery("");
+      setActiveIndex(0);
+      setPage(0);
+    }
+  }, [open]);
+  const searchTerms = React32__namespace.useMemo(() => {
+    const parts = query.split(",");
+    if (parts.length <= 1 && !multiSearch) return [];
+    return parts.map((t) => t.trim().toLowerCase()).filter(Boolean);
+  }, [query, multiSearch]);
+  const allMatchedGroups = React32__namespace.useMemo(() => {
+    if (!query.trim()) {
+      if (recentItems.length > 0) {
+        return [
+          {
+            id: "__recent__",
+            label: "Recent",
+            icon: React32__namespace.createElement(react.ClockCounterClockwiseIcon),
+            items: recentItems,
+            priority: 999
+          },
+          ...baseGroups
+        ];
+      }
+      return baseGroups;
+    }
+    if (searchTerms.length > 1 || multiSearch && searchTerms.length > 0) {
+      return unionGroups(baseGroups, searchTerms);
+    }
+    return filterAndScore(baseGroups, query);
+  }, [query, baseGroups, recentItems, multiSearch, searchTerms]);
+  const allFlatItems = React32.useMemo(
+    () => allMatchedGroups.flatMap((g) => g.items),
+    [allMatchedGroups]
+  );
+  const totalItems = allFlatItems.length;
+  const totalPages = Math.max(1, Math.ceil(totalItems / PAGE_SIZE));
+  React32.useEffect(() => {
+    setPage(0);
+    setActiveIndex(0);
+  }, [query]);
+  React32.useEffect(() => {
+    setActiveIndex(0);
+  }, [page]);
+  const displayedGroups = React32__namespace.useMemo(() => {
+    const start = page * PAGE_SIZE;
+    const end = start + PAGE_SIZE;
+    let count = 0;
+    const result = [];
+    for (const group of allMatchedGroups) {
+      const slicedItems = [];
+      for (const item of group.items) {
+        if (count >= start && count < end) slicedItems.push(item);
+        count++;
+        if (count >= end) break;
+      }
+      if (slicedItems.length > 0) {
+        result.push({ ...group, items: slicedItems });
+      }
+      if (count >= end) break;
+    }
+    return result;
+  }, [allMatchedGroups, page]);
+  const flatItems = React32__namespace.useMemo(
+    () => displayedGroups.flatMap((g) => g.items),
+    [displayedGroups]
+  );
+  const pageItemCount = flatItems.length;
+  React32__namespace.useEffect(() => {
+    setActiveIndex((i) => Math.min(i, Math.max(pageItemCount - 1, 0)));
+  }, [pageItemCount]);
+  function handleSelect(item) {
+    if (!item) return;
+    item.onSelect();
+    onOpenChange?.(false);
+    if (onRecentItemsChange) {
+      const next = [item, ...recentItems.filter((r) => r.id !== item.id)].slice(
+        0,
+        maxRecentItems
+      );
+      onRecentItemsChange(next);
+    }
+  }
+  React32.useEffect(() => {
+    if (!open) return;
+    const handler = (e) => {
+      if (e.key === "ArrowDown") {
+        e.preventDefault();
+        if (activeIndex === pageItemCount - 1 && page < totalPages - 1) {
+          setPage((p) => p + 1);
+        } else {
+          setActiveIndex((i) => (i + 1) % Math.max(pageItemCount, 1));
+        }
+      } else if (e.key === "ArrowUp") {
+        e.preventDefault();
+        if (activeIndex === 0 && page > 0) {
+          setPage((p) => p - 1);
+          setActiveIndex(PAGE_SIZE - 1);
+        } else {
+          setActiveIndex(
+            (i) => (i - 1 + Math.max(pageItemCount, 1)) % Math.max(pageItemCount, 1)
+          );
+        }
+      } else if (e.key === "Enter") {
+        e.preventDefault();
+        handleSelect(flatItems[activeIndex]);
+      }
+    };
+    document.addEventListener("keydown", handler);
+    return () => document.removeEventListener("keydown", handler);
+  }, [open, flatItems, activeIndex, pageItemCount, page, totalPages]);
+  return {
+    query,
+    setQuery,
+    activeIndex,
+    setActiveIndex,
+    page,
+    setPage,
+    searchTerms,
+    allMatchedGroups,
+    allFlatItems,
+    displayedGroups,
+    flatItems,
+    totalItems,
+    totalPages,
+    handleSelect,
+    isEmpty: totalItems === 0 && query.trim().length > 0,
+    showList: query.trim() !== "" || recentItems.length > 0
+  };
+}
+function useKeyboardShortcut(key, callback, options = {}) {
+  React32.useEffect(() => {
+    const handleKeyDown = (event) => {
+      const { ctrl, meta, shift, alt } = options;
+      const isKeyMatch = event.key.toLowerCase() === key.toLowerCase();
+      const isCtrlMatch = ctrl === void 0 || event.ctrlKey === ctrl;
+      const isMetaMatch = meta === void 0 || event.metaKey === meta;
+      const isShiftMatch = shift === void 0 || event.shiftKey === shift;
+      const isAltMatch = alt === void 0 || event.altKey === alt;
+      if (isKeyMatch && isCtrlMatch && isMetaMatch && isShiftMatch && isAltMatch) {
+        event.preventDefault();
+        callback();
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [key, callback, options]);
+}
+var ITEM_HEIGHT2 = 40;
+var LABEL_HEIGHT = 28;
+var LIST_MAX_HEIGHT = 460;
+var ANIMATION = {
+  overlay: { duration: 0.18 },
+  panel: { duration: 0.2, ease: [0.16, 1, 0.3, 1] },
+  mobilePanel: { duration: 0.18, ease: [0.16, 1, 0.3, 1] },
+  empty: { initial: { opacity: 0, y: 8 }, animate: { opacity: 1, y: 0 } }
+};
+var SearchBadges = React32.memo(({ terms }) => {
+  if (terms.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1.5 px-4 py-1.5 border-b border-border flex-wrap", children: terms.map((term, i) => /* @__PURE__ */ jsxRuntime.jsx(Badge, { children: term }, i)) });
+});
+SearchBadges.displayName = "SearchBadges";
+var EmptyState = React32.memo(({ message }) => /* @__PURE__ */ jsxRuntime.jsxs(
+  framerMotion.motion.div,
+  {
+    ...ANIMATION.empty,
+    className: "flex flex-col items-center justify-center py-14 text-center gap-3",
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-12 h-12 rounded-md bg-muted flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(react.MagnifyingGlassIcon, { className: "w-6 h-6 text-muted-foreground" }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-muted-foreground", children: message }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground/60 mt-1", children: "Try a different search term" })
+      ] })
+    ]
+  }
+));
+EmptyState.displayName = "EmptyState";
+var VirtualResultList = React32.memo(
+  ({
+    listRef,
+    isEmpty,
+    emptyMessage,
+    displayedGroups,
+    flatItems,
+    activeIndex,
+    onHover,
+    onSelect
+  }) => {
+    const rows = React32.useMemo(() => {
+      const acc = [];
+      for (const group of displayedGroups) {
+        if (group.label) acc.push({ kind: "label", group });
+        for (const item of group.items) {
+          const globalIdx = flatItems.findIndex((f) => f.id === item.id);
+          acc.push({ kind: "item", item, globalIdx });
+        }
+      }
+      return acc;
+    }, [displayedGroups, flatItems]);
+    const virtualizer = reactVirtual.useVirtualizer({
+      count: rows.length,
+      getScrollElement: () => listRef.current,
+      estimateSize: (i) => rows[i].kind === "label" ? LABEL_HEIGHT : ITEM_HEIGHT2,
+      overscan: 8
+    });
+    const virtualItems = virtualizer.getVirtualItems();
+    const totalSize = virtualizer.getTotalSize();
+    if (isEmpty) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          ref: listRef,
+          className: "overflow-y-auto overscroll-contain px-2 py-1",
+          style: { maxHeight: `min(${LIST_MAX_HEIGHT}px, 60vh)` },
+          children: /* @__PURE__ */ jsxRuntime.jsx(EmptyState, { message: emptyMessage })
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref: listRef,
+        className: "overflow-y-auto overscroll-contain px-2 py-1 [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-muted-foreground/30 [&::-webkit-scrollbar-thumb]:rounded-full hover:[&::-webkit-scrollbar-thumb]:bg-muted-foreground/50 transition-colors",
+        style: { maxHeight: `min(${LIST_MAX_HEIGHT}px, 60vh)` },
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: totalSize, position: "relative" }, children: virtualItems.map((vItem) => {
+          const row = rows[vItem.index];
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              "data-index": vItem.index,
+              ref: virtualizer.measureElement,
+              style: {
+                position: "absolute",
+                top: vItem.start,
+                left: 0,
+                right: 0
+              },
+              children: row.kind === "label" ? /* @__PURE__ */ jsxRuntime.jsx(GroupLabel, { group: row.group }) : /* @__PURE__ */ jsxRuntime.jsx("div", { "data-active": row.globalIdx === activeIndex, children: /* @__PURE__ */ jsxRuntime.jsx(
+                CommandItemRow,
+                {
+                  item: row.item,
+                  isActive: row.globalIdx === activeIndex,
+                  onHover: () => onHover(row.globalIdx),
+                  onSelect: () => onSelect(row.item)
+                }
+              ) })
+            },
+            vItem.key
+          );
+        }) })
+      }
+    );
+  }
+);
+VirtualResultList.displayName = "VirtualResultList";
+var FooterBar = React32.memo(({ footer, totalItems }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-4 py-2 border-t border-border bg-muted/30", children: [
+  footer ?? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4 text-[11px] text-muted-foreground", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(react.ArrowElbowDownRightIcon, { className: "w-3 h-3" }),
+      "Selecionar"
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono", children: "\u2191\u2193" }),
+      "Navegar"
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(react.ArrowBendUpLeftIcon, { className: "w-3 h-3" }),
+      "Fechar"
+    ] })
+  ] }),
+  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-[11px] text-muted-foreground", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(react.CommandIcon, { className: "w-3 h-3" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+      totalItems,
+      " resultado",
+      totalItems !== 1 ? "s" : ""
+    ] })
+  ] })
+] }));
+FooterBar.displayName = "FooterBar";
+function CommandPalette(props) {
+  const {
+    placeholder = "Buscar comandos\u2026",
+    open,
+    onOpenChange,
+    footer,
+    debounceDelay = 300,
+    multiSearch = false,
+    emptyMessage = "Nenhum resultado encontrado.",
+    shortcut = { key: "k", ctrl: true }
+  } = props;
+  const inputRef = React32.useRef(null);
+  const listRef = React32.useRef(null);
+  const isMobile = useIsMobile();
+  const {
+    query,
+    setQuery,
+    activeIndex,
+    setActiveIndex,
+    searchTerms,
+    displayedGroups,
+    flatItems,
+    totalItems,
+    handleSelect,
+    isEmpty,
+    showList
+  } = useCommandPalette({
+    ...props,
+    open: isMobile ? true : props.open
+  });
+  useKeyboardShortcut(shortcut.key, () => onOpenChange(!open), {
+    ctrl: shortcut.ctrl,
+    meta: shortcut.meta,
+    shift: shortcut.shift,
+    alt: shortcut.alt
+  });
+  React32.useEffect(() => {
+    if (!open) return;
+    const handleEscape = (e) => {
+      if (e.key === "Escape") onOpenChange(false);
+    };
+    document.addEventListener("keydown", handleEscape);
+    return () => document.removeEventListener("keydown", handleEscape);
+  }, [open, onOpenChange]);
+  React32.useEffect(() => {
+    if (!open) return;
+    const timer = setTimeout(() => inputRef.current?.focus(), 50);
+    return () => clearTimeout(timer);
+  }, [open]);
+  React32.useEffect(() => {
+    const el = listRef.current?.querySelector(
+      `[data-active="true"]`
+    );
+    el?.scrollIntoView({ block: "nearest" });
+  }, [activeIndex]);
+  const handleQueryChange = React32.useCallback(
+    (val) => {
+      setQuery(val);
+      setActiveIndex(0);
+    },
+    [setQuery, setActiveIndex]
+  );
+  const handleQueryChangeMobile = React32.useCallback(
+    (val) => {
+      setQuery(val);
+      setActiveIndex(0);
+      if (!open && val.trim() !== "") onOpenChange(true);
+    },
+    [setQuery, setActiveIndex, open, onOpenChange]
+  );
+  const handleClose = React32.useCallback(() => onOpenChange(false), [onOpenChange]);
+  const handleClearQuery = React32.useCallback(() => setQuery(""), [setQuery]);
+  const searchPlaceholder = multiSearch ? "Buscar\u2026 (separe termos por v\xEDrgula)" : placeholder;
+  const sharedListProps = {
+    listRef,
+    isEmpty,
+    emptyMessage,
+    displayedGroups,
+    flatItems,
+    activeIndex,
+    onHover: setActiveIndex,
+    onSelect: handleSelect
+  };
+  if (isMobile) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed top-0 left-0 right-0 z-[100] px-3 py-2 bg-background", children: /* @__PURE__ */ jsxRuntime.jsx(
+        DebouncedInput,
+        {
+          ref: inputRef,
+          value: query,
+          debounce: debounceDelay,
+          onChange: handleQueryChangeMobile,
+          placeholder: searchPlaceholder
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: showList && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          framerMotion.motion.div,
+          {
+            initial: { opacity: 0 },
+            animate: { opacity: 1 },
+            exit: { opacity: 0 },
+            transition: ANIMATION.overlay,
+            className: "fixed inset-0 z-[98] bg-background/60 backdrop-blur-[2px]",
+            onClick: handleClose
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          framerMotion.motion.div,
+          {
+            initial: { opacity: 0, y: -6 },
+            animate: { opacity: 1, y: 0 },
+            exit: { opacity: 0, y: -6 },
+            transition: ANIMATION.mobilePanel,
+            className: "fixed left-3 right-3 z-[99] bg-popover border border-border rounded-lg shadow-2xl shadow-black/20 dark:shadow-black/50 overflow-hidden top-14",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(SearchBadges, { terms: searchTerms }),
+              /* @__PURE__ */ jsxRuntime.jsx(VirtualResultList, { ...sharedListProps })
+            ]
+          }
+        )
+      ] }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: open && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      framerMotion.motion.div,
+      {
+        initial: { opacity: 0 },
+        animate: { opacity: 1 },
+        exit: { opacity: 0 },
+        transition: ANIMATION.overlay,
+        className: "fixed inset-0 z-[100] bg-background/80 backdrop-blur-sm",
+        onClick: handleClose
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      framerMotion.motion.div,
+      {
+        initial: { opacity: 0, scale: 0.96, y: -8 },
+        animate: { opacity: 1, scale: 1, y: 0 },
+        exit: { opacity: 0, scale: 0.96, y: -8 },
+        transition: ANIMATION.panel,
+        className: "fixed z-[100] top-12 -translate-x-1/2 -translate-y-1/2 w-full max-w-xl rounded-xl border border-border overflow-hidden shadow-2xl shadow-black/20 dark:shadow-black/60 bg-popover/95 backdrop-blur-xl",
+        style: { maxHeight: "min(600px, 80vh)" },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 px-4 py-2 border-b border-border", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              react.MagnifyingGlassIcon,
+              {
+                className: "w-4 h-4 text-muted-foreground flex-shrink-0",
+                weight: "bold"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              DebouncedInput,
+              {
+                ref: inputRef,
+                value: query,
+                debounce: debounceDelay,
+                onChange: handleQueryChange,
+                placeholder: searchPlaceholder,
+                rightIcon: query ? /* @__PURE__ */ jsxRuntime.jsx(
+                  ButtonBase,
+                  {
+                    variant: "ghost",
+                    size: "icon",
+                    onClick: handleClearQuery,
+                    className: "text-muted-foreground hover:text-red-500 hover:bg-transparent transition-colors",
+                    children: /* @__PURE__ */ jsxRuntime.jsx(react.XIcon, { className: "w-4 h-4" })
+                  }
+                ) : void 0,
+                className: "flex-1 bg-transparent border-none focus-visible:ring-0 outline-none shadow-none px-0 h-7 text-sm caret-primary"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(SearchBadges, { terms: searchTerms }),
+          showList && /* @__PURE__ */ jsxRuntime.jsx(VirtualResultList, { ...sharedListProps }),
+          /* @__PURE__ */ jsxRuntime.jsx(FooterBar, { footer, totalItems })
+        ]
+      }
+    )
+  ] }) });
+}
 
 exports.AddButton = AddButton;
 exports.Agenda = Agenda;
@@ -21585,7 +22253,9 @@ exports.CommandEmptyBase = CommandEmptyBase;
 exports.CommandGroupBase = CommandGroupBase;
 exports.CommandInputBase = CommandInputBase;
 exports.CommandItemBase = CommandItemBase;
+exports.CommandItemRow = CommandItemRow;
 exports.CommandListBase = CommandListBase;
+exports.CommandPalette = CommandPalette;
 exports.CommandSeparatorBase = CommandSeparatorBase;
 exports.CommandShortcutBase = CommandShortcutBase;
 exports.ContextMenuBase = ContextMenuBase;
@@ -21673,6 +22343,7 @@ exports.FavoriteButton = FavoriteButton;
 exports.FileAccept = FileAccept;
 exports.FileUploader = FileUploader;
 exports.FilterButton = FilterButton;
+exports.GroupLabel = GroupLabel;
 exports.HideButton = HideButton;
 exports.Highlights = Highlights_default;
 exports.HorizontalChart = HorizontalChart_default;
@@ -21687,6 +22358,8 @@ exports.InputOTPGroupBase = InputOTPGroupBase;
 exports.InputOTPSeparatorBase = InputOTPSeparatorBase;
 exports.InputOTPSlotBase = InputOTPSlotBase;
 exports.IntegrationModal = IntegrationModal_default;
+exports.Kbd = Kbd;
+exports.KbdGroup = KbdGroup;
 exports.LabelBase = LabelBase_default;
 exports.Leaderboard = Leaderboard;
 exports.LikeButton = LikeButton;
@@ -21846,11 +22519,14 @@ exports.computeChartWidth = computeChartWidth;
 exports.computeNiceMax = computeNiceMax;
 exports.computeYAxisTickWidth = computeYAxisTickWidth;
 exports.convert12HourTo24Hour = convert12HourTo24Hour;
+exports.createGroup = createGroup;
+exports.createItem = createItem;
 exports.createValueFormatter = createValueFormatter;
 exports.createYTickFormatter = createYTickFormatter;
 exports.detectDataFields = detectDataFields;
 exports.detectXAxis = detectXAxis;
 exports.display12HourValue = display12HourValue;
+exports.filterAndScore = filterAndScore;
 exports.formatDurationAgenda = formatDurationAgenda;
 exports.formatDurationAgendaDays = formatDurationAgendaDays;
 exports.formatFieldName = formatFieldName;
@@ -21891,13 +22567,16 @@ exports.isValid12Hour = isValid12Hour;
 exports.isValidHour = isValidHour;
 exports.isValidMinuteOrSecond = isValidMinuteOrSecond;
 exports.niceCeil = niceCeil;
+exports.normaliseGroups = normaliseGroups;
 exports.normalizeAttendDate = normalizeAttendDate;
+exports.normalizeStr = normalizeStr;
 exports.processIntegrationData = processIntegrationData;
 exports.processNeo4jData = processNeo4jData;
 exports.renderInsideBarLabel = renderInsideBarLabel;
 exports.renderPillLabel = pillLabelRenderer_default;
 exports.resolveChartMargins = resolveChartMargins;
 exports.resolveContainerPaddingLeft = resolveContainerPaddingLeft;
+exports.scoreMatch = scoreMatch;
 exports.set12Hours = set12Hours;
 exports.setDateByType = setDateByType;
 exports.setHours = setHours;
@@ -21907,6 +22586,7 @@ exports.sortEvents = sortEvents;
 exports.sortEventsAgenda = sortEventsAgenda;
 exports.startOfLocalDay = startOfLocalDay;
 exports.toast = toast;
+exports.unionGroups = unionGroups;
 exports.useBiaxial = useBiaxial;
 exports.useCalendarDnd = useCalendarDnd;
 exports.useCalendarDndAgenda = useCalendarDndAgenda;
@@ -21916,6 +22596,7 @@ exports.useChartHighlights = useChartHighlights;
 exports.useChartLayout = useChartLayout;
 exports.useChartMinMax = useChartMinMax;
 exports.useChartTooltips = useChartTooltips;
+exports.useCommandPalette = useCommandPalette;
 exports.useCurrentTimeIndicator = useCurrentTimeIndicator;
 exports.useCurrentTimeIndicatorAgenda = useCurrentTimeIndicatorAgenda;
 exports.useDrag = useDrag;
@@ -21925,6 +22606,7 @@ exports.useIsMobile = useIsMobile;
 exports.useIsTruncated = useIsTruncated;
 exports.useOpenTooltipForPeriod = useOpenTooltipForPeriod;
 exports.useProcessedData = useProcessedData;
+exports.useRecents = useRecents;
 exports.useSeriesOpacity = useSeriesOpacity;
 exports.useTheme = useTheme;
 exports.useTimeSeriesRange = useTimeSeriesRange;