@bizapps/ui 1.3.3 → 1.3.5

package/dist/main.cjs

@@ -2126,9 +2126,10 @@ function PopoverContent({
   className,
   align = "center",
   sideOffset = 4,
+  container,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Popover.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Popover.Portal, { container, children: /* @__PURE__ */ jsxRuntime.jsx(
     radixUi.Popover.Content,
     {
       "data-slot": "popover-content",
@@ -2633,6 +2634,17 @@ function AccordionContent({
     }
   );
 }
+function createMatchFilter(mode) {
+  return (value, search, keywords = []) => {
+    const query = search.toLowerCase().trim();
+    if (!query) return 1;
+    const haystacks = [value, ...keywords].map((s) => s.toLowerCase());
+    const matched = mode === "substring" ? haystacks.some((h) => h.includes(query)) : haystacks.some(
+      (h) => h.startsWith(query) || h.split(/\s+/).some((word) => word.startsWith(query))
+    );
+    return matched ? 1 : 0;
+  };
+}
 function Combobox({
   options,
   value,
@@ -2641,10 +2653,17 @@ function Combobox({
   searchPlaceholder = "Search...",
   emptyMessage = "No results found.",
   disabled = false,
-  className
+  className,
+  container,
+  matchMode = "fuzzy"
 }) {
   const [open, setOpen] = react.useState(false);
+  const listRef = react.useRef(null);
   const selected = options.find((opt) => opt.value === value);
+  const filter = matchMode === "fuzzy" ? void 0 : createMatchFilter(matchMode);
+  const handleSearchChange = () => {
+    requestAnimationFrame(() => listRef.current?.scrollTo({ top: 0 }));
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
       Button,
@@ -2664,18 +2683,19 @@ function Combobox({
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { className: "w-64 rounded-lg p-0", align: "start", children: /* @__PURE__ */ jsxRuntime.jsxs(cmdk.Command, { className: "rounded-lg", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { className: "w-64 rounded-lg p-0", align: "start", container, children: /* @__PURE__ */ jsxRuntime.jsxs(cmdk.Command, { className: "rounded-lg", filter, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-border flex items-center gap-2 border-b px-3", children: [
         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SearchIcon, { size: 14, className: "text-muted-foreground shrink-0" }),
         /* @__PURE__ */ jsxRuntime.jsx(
           cmdk.Command.Input,
           {
             placeholder: searchPlaceholder,
+            onValueChange: handleSearchChange,
             className: "placeholder:text-muted-foreground flex h-9 w-full bg-transparent py-2 text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50"
           }
         )
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(cmdk.Command.List, { className: "max-h-56 overflow-y-auto p-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(cmdk.Command.List, { ref: listRef, className: "max-h-56 overflow-y-auto p-1", children: [
         /* @__PURE__ */ jsxRuntime.jsx(cmdk.Command.Empty, { className: "text-muted-foreground py-4 text-center text-sm", children: emptyMessage }),
         options.map((option) => /* @__PURE__ */ jsxRuntime.jsxs(
           cmdk.Command.Item,