@bizapps/ui 1.3.4 → 1.3.6

package/dist/main.cjs

@@ -2634,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,
@@ -2643,10 +2654,16 @@ function Combobox({
   emptyMessage = "No results found.",
   disabled = false,
   className,
-  container
+  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,
@@ -2666,18 +2683,19 @@ function Combobox({
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { className: "w-64 rounded-lg p-0", align: "start", container, 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,
@@ -8477,7 +8495,7 @@ function BottomNavTabsList({ items, className }) {
     {
       "data-slot": "bottom-nav-tabs-list",
       className: cn(
-        "fixed bottom-0 left-0 right-0 z-50 mx-4 mb-4 rounded-2xl bg-background shadow-[0_-4px_20px_rgba(0,0,0,0.08)]",
+        "fixed bottom-0 left-0 right-0 z-50 mx-6 max-w- mb-4 rounded-2xl bg-background shadow-[0_-4px_20px_rgba(0,0,0,0.08)]",
         className
       ),
       children: /* @__PURE__ */ jsxRuntime.jsx(radixUi.Tabs.List, { className: "flex h-20 items-center justify-around px-4", children: items.map(({ value, label, icon, activeIcon }) => {
@@ -8488,12 +8506,12 @@ function BottomNavTabsList({ items, className }) {
             value,
             "data-slot": "bottom-nav-tabs-trigger",
             className: cn(
-              "group flex flex-col items-center gap-0.5 transition-colors",
+              "group flex flex-col items-center transition-colors",
               "data-[state=active]:text-primary data-[state=inactive]:text-muted-foreground",
               "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:rounded-2xl"
             ),
             children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "relative flex h-12 w-12 items-center justify-center", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "relative flex h-15 w-16 flex-col items-center justify-center gap-1.5", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(react$1.AnimatePresence, { initial: false, children: isActive && /* @__PURE__ */ jsxRuntime.jsx(
                   react$1.motion.span,
                   {
@@ -8502,23 +8520,14 @@ function BottomNavTabsList({ items, className }) {
                     transition: spring.snappy
                   }
                 ) }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "relative z-10 h-6 w-6", children: isActive ? activeIcon ?? icon : icon })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "relative z-10 h-6 w-6", children: isActive ? activeIcon ?? icon : icon }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "relative z-10 text-[10px] font-medium leading-none", children: label })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx(
                 "span",
                 {
                   className: cn(
-                    "text-[10px] font-medium",
-                    isActive && "font-semibold"
-                  ),
-                  children: label
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "span",
-                {
-                  className: cn(
-                    "h-1 w-5 rounded-full transition-colors",
+                    "mt-1 h-1 w-6 rounded-full transition-colors",
                     isActive ? "bg-primary" : "bg-transparent"
                   )
                 }