@fayz-ai/ui 0.10.2 → 0.12.0

package/dist/{chunk-SEIY2F5F.js → chunk-7BHG3XGJ.js}

@@ -1,25 +1,25 @@
 import { useSaveBarVisible, useCrossModuleBack, useBackHandler, HeaderTabs } from './chunk-VAKWUUVC.js';
-import { Card, DataTable, Dropdown, DropdownTrigger, DropdownContent, DropdownItem, SegmentedControl } from './chunk-6V5MGYXH.js';
+import { Dropdown, DropdownTrigger, DropdownContent, DropdownItem, Card, DataTable, SegmentedControl } from './chunk-JGJNRNQW.js';
 import { cn, Button } from './chunk-OKZ6WQB3.js';
-import * as React13 from 'react';
+import * as React14 from 'react';
 import { useState, useRef, useEffect, useMemo, useCallback } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { cva } from 'class-variance-authority';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
-import { X, Check, ChevronDown, ChevronUp, ArrowLeft, Clock, Plus, Search, RefreshCw, Download, ChevronLeft, ChevronRight, Calendar, Loader2, CheckCircle2, AlertTriangle, XCircle, Info } from 'lucide-react';
+import { X, ChevronDown, ChevronUp, Check, ArrowLeft, Search, ChevronLeft, ChevronRight, MoreHorizontal, ImageIcon, RefreshCw, Clock, Plus, Download, Calendar, Loader2, CheckCircle2, AlertTriangle, XCircle, Info } from 'lucide-react';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import { Toaster } from 'sonner';
 export { toast } from 'sonner';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { useTranslation, getCountry, unmaskPhone, maskPhone, getCurrentLocale } from '@fayz-ai/core';
 import { createPortal } from 'react-dom';
-import { useTranslation, getCurrentLocale } from '@fayz-ai/core';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 
-var Input = React13.forwardRef(
+var Input = React14.forwardRef(
   ({ className, type, error, description, id, ...props }, ref) => {
-    const inputId = id ?? React13.useId();
+    const inputId = id ?? React14.useId();
     const descriptionId = description ? `${inputId}-description` : void 0;
     const errorId = error ? `${inputId}-error` : void 0;
     return /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
@@ -107,7 +107,7 @@ var Modal = DialogPrimitive.Root;
 var ModalTrigger = DialogPrimitive.Trigger;
 var ModalClose = DialogPrimitive.Close;
 var ModalPortal = DialogPrimitive.Portal;
-var ModalOverlay = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var ModalOverlay = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -120,7 +120,7 @@ var ModalOverlay = React13.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 ModalOverlay.displayName = "ModalOverlay";
-var ModalContent = React13.forwardRef(({ className, children, size = "lg", hideClose, noPadding, onPointerDownOutside, onInteractOutside, onCloseAutoFocus, ...props }, ref) => /* @__PURE__ */ jsx(ModalPortal, { children: /* @__PURE__ */ jsx(ModalOverlay, { children: /* @__PURE__ */ jsxs(
+var ModalContent = React14.forwardRef(({ className, children, size = "lg", hideClose, noPadding, onPointerDownOutside, onInteractOutside, onCloseAutoFocus, ...props }, ref) => /* @__PURE__ */ jsx(ModalPortal, { children: /* @__PURE__ */ jsx(ModalOverlay, { children: /* @__PURE__ */ jsxs(
   DialogPrimitive.Content,
   {
     ref,
@@ -143,7 +143,10 @@ var ModalContent = React13.forwardRef(({ className, children, size = "lg", hideC
       onInteractOutside?.(e);
     },
     className: cn(
-      "fayz-glass-surface fayz-modal-content saas-mdl-ct relative z-50 flex flex-col w-full outline-none",
+      // fz-container: a form inside a dialog measures the DIALOG. Without
+      // it a two-column field grid in an `sm` modal read the window's width
+      // and kept both columns in 380px.
+      "fayz-glass-surface fayz-modal-content saas-mdl-ct fz-container relative z-50 flex flex-col w-full outline-none",
       // Mobile fullscreen
       "h-full rounded-none border-0",
       // Desktop centered card
@@ -172,46 +175,14 @@ function ModalBody({ className, ...props }) {
 function ModalFooter({ className, ...props }) {
   return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 shrink-0", className), ...props });
 }
-var ModalTitle = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Title, { ref, className: cn("text-lg font-semibold leading-none tracking-tight", className), ...props }));
+var ModalTitle = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Title, { ref, className: cn("text-lg font-semibold leading-none tracking-tight", className), ...props }));
 ModalTitle.displayName = "ModalTitle";
-var ModalDescription = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+var ModalDescription = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
 ModalDescription.displayName = "ModalDescription";
-var COLOR_CLASSES = {
-  primary: "border-primary bg-primary text-primary-foreground",
-  success: "border-success bg-success text-white dark:border-success dark:bg-success",
-  warning: "border-warning bg-warning text-white",
-  destructive: "border-destructive bg-destructive text-destructive-foreground"
-};
-var Checkbox = React13.forwardRef(
-  ({ checked = false, onChange, disabled, className, color = "primary", id, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "button",
-      {
-        ref,
-        id,
-        type: "button",
-        role: "checkbox",
-        "aria-checked": checked,
-        disabled,
-        onClick: () => onChange?.(!checked),
-        className: cn(
-          "peer inline-flex h-[18px] w-[18px] shrink-0 items-center justify-center rounded-[5px] border-2 transition-all duration-150",
-          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
-          "disabled:cursor-not-allowed disabled:opacity-50",
-          checked ? `${COLOR_CLASSES[color]} shadow-sm` : "border-muted-foreground/40 bg-background hover:border-muted-foreground/60",
-          className
-        ),
-        ...props,
-        children: checked && /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5", strokeWidth: 3 })
-      }
-    );
-  }
-);
-Checkbox.displayName = "Checkbox";
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React13.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectTrigger = React14.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -227,7 +198,7 @@ var SelectTrigger = React13.forwardRef(({ className, children, ...props }, ref)
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollUpButton = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -240,7 +211,7 @@ var SelectScrollUpButton = React13.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollDownButton = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -253,7 +224,7 @@ var SelectScrollDownButton = React13.forwardRef(({ className, ...props }, ref) =
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React13.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+var SelectContent = React14.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
   SelectPrimitive.Content,
   {
     ref,
@@ -281,7 +252,7 @@ var SelectContent = React13.forwardRef(({ className, children, position = "poppe
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectLabel = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Label,
   {
     ref,
@@ -290,7 +261,7 @@ var SelectLabel = React13.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React13.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectItem = React14.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Item,
   {
     ref,
@@ -306,7 +277,7 @@ var SelectItem = React13.forwardRef(({ className, children, ...props }, ref) =>
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectSeparator = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Separator,
   {
     ref,
@@ -344,7 +315,7 @@ function ToastProvider({
   );
 }
 var Tabs = TabsPrimitive.Root;
-var TabsList = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsList = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.List,
   {
     ref,
@@ -356,7 +327,7 @@ var TabsList = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsTrigger = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -368,7 +339,7 @@ var TabsTrigger = React13.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsContent = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Content,
   {
     ref,
@@ -380,7 +351,7 @@ var TabsContent = React13.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsContent.displayName = TabsPrimitive.Content.displayName;
-var Separator2 = React13.forwardRef(
+var Separator2 = React14.forwardRef(
   ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
     SeparatorPrimitive.Root,
     {
@@ -431,7 +402,7 @@ function formatPhone(digits, fallback, countryCode) {
   const tail = rest.length === 9 ? rest.slice(5) : rest.slice(4);
   return `+55 (${ddd}) ${head}-${tail}`;
 }
-var PhoneLink = React13.forwardRef(
+var PhoneLink = React14.forwardRef(
   ({ phone, message, countryCode, raw, className, children, ...props }, ref) => {
     const { e164, display } = normalizePhone(phone, countryCode);
     const label = children ?? (raw ? phone ?? "" : display);
@@ -480,7 +451,7 @@ function Breadcrumb({ parent, current, onBack }) {
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React13.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
+var TooltipContent = React14.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
   TooltipPrimitive.Content,
   {
     ref,
@@ -493,6 +464,263 @@ var TooltipContent = React13.forwardRef(({ className, sideOffset = 4, ...props }
   }
 ));
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+function SearchField({ value, onChange, placeholder, ...rest }) {
+  return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ jsx(Search, { className: "pointer-events-none absolute left-2.5 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "text",
+        value,
+        onChange: (event) => onChange(event.target.value),
+        placeholder,
+        "data-testid": rest["data-testid"],
+        className: "w-full bg-transparent py-1.5 pl-8 pr-3 text-sm placeholder:text-muted-foreground focus:outline-none"
+      }
+    )
+  ] });
+}
+function ChevronPager({ page, pageSize, total, onPageChange, noun }) {
+  const pages = Math.max(1, Math.ceil(total / pageSize));
+  const from = total === 0 ? 0 : (page - 1) * pageSize + 1;
+  const to = Math.min(page * pageSize, total);
+  const button = "flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground disabled:pointer-events-none disabled:opacity-40";
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2 border-t border-border px-3 py-2", children: [
+    /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+      from.toLocaleString(),
+      "\u2013",
+      to.toLocaleString(),
+      " de ",
+      total.toLocaleString(),
+      noun ? ` ${noun}` : ""
+    ] }),
+    pages > 1 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": "P\xE1gina anterior",
+          className: button,
+          disabled: page <= 1,
+          onClick: () => onPageChange(page - 1),
+          children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" })
+        }
+      ),
+      /* @__PURE__ */ jsxs("span", { className: "px-1 text-xs tabular-nums text-muted-foreground", children: [
+        page.toLocaleString(),
+        " / ",
+        pages.toLocaleString()
+      ] }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Pr\xF3xima p\xE1gina",
+          className: button,
+          disabled: page >= pages,
+          onClick: () => onPageChange(page + 1),
+          children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
+        }
+      )
+    ] })
+  ] });
+}
+function BulkActionBar({
+  count,
+  total,
+  onSelectAll,
+  onClear,
+  actions = [],
+  className
+}) {
+  const t = useTranslation();
+  if (count === 0) return null;
+  const inline = actions.filter((a) => !a.overflow);
+  const overflow = actions.filter((a) => a.overflow);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-wrap items-center justify-between gap-2 rounded-lg border border-border bg-muted/30 px-3 py-2",
+        className
+      ),
+      role: "region",
+      "aria-label": t("crud.list.bulkActions"),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3 text-sm", children: [
+          /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: count === 1 ? t("crud.list.selectedOne") : t("crud.list.selectedMany", { count: count.toLocaleString() }) }),
+          onSelectAll && count < total && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onSelectAll,
+              className: "text-muted-foreground underline-offset-2 transition-colors hover:text-foreground hover:underline",
+              children: t("crud.list.selectAllCount", { total: total.toLocaleString() })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onClear,
+              className: "text-muted-foreground underline-offset-2 transition-colors hover:text-foreground hover:underline",
+              children: t("crud.list.deselectAll")
+            }
+          )
+        ] }),
+        (inline.length > 0 || overflow.length > 0) && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+          inline.map((action) => /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "outline",
+              size: "sm",
+              disabled: action.disabled,
+              onClick: () => void action.onSelect(),
+              className: action.destructive ? "text-destructive hover:text-destructive" : void 0,
+              children: [
+                action.icon && /* @__PURE__ */ jsx(action.icon, { className: "mr-1.5 h-3.5 w-3.5" }),
+                action.label
+              ]
+            },
+            action.id
+          )),
+          overflow.length > 0 && /* @__PURE__ */ jsxs(Dropdown, { children: [
+            /* @__PURE__ */ jsx(DropdownTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", "aria-label": t("crud.list.moreActions"), children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-3.5 w-3.5" }) }) }),
+            /* @__PURE__ */ jsx(DropdownContent, { align: "end", children: overflow.map((action) => /* @__PURE__ */ jsxs(
+              DropdownItem,
+              {
+                disabled: action.disabled,
+                onClick: () => void action.onSelect(),
+                className: action.destructive ? "text-destructive focus:text-destructive" : void 0,
+                children: [
+                  action.icon && /* @__PURE__ */ jsx(action.icon, { className: "mr-2 h-3.5 w-3.5 shrink-0" }),
+                  action.label
+                ]
+              },
+              action.id
+            )) })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+BulkActionBar.displayName = "BulkActionBar";
+var SIZE_CLASSES = {
+  sm: "h-8 w-8 rounded",
+  md: "h-9 w-9 rounded",
+  lg: "h-12 w-12 rounded-md"
+};
+var ICON_CLASSES = {
+  sm: "h-3.5 w-3.5",
+  md: "h-4 w-4",
+  lg: "h-5 w-5"
+};
+function Thumbnail({ src, alt = "", size = "md", icon: Icon2 = ImageIcon, className }) {
+  const [failed, setFailed] = React14.useState(false);
+  React14.useEffect(() => {
+    setFailed(false);
+  }, [src]);
+  const base = cn("shrink-0 overflow-hidden", SIZE_CLASSES[size], className);
+  if (!src || failed) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(base, "flex items-center justify-center border border-border/60 bg-muted/50 text-muted-foreground/60"),
+        "aria-hidden": true,
+        children: /* @__PURE__ */ jsx(Icon2, { className: ICON_CLASSES[size], strokeWidth: 1.75 })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "img",
+    {
+      src,
+      alt,
+      loading: "lazy",
+      onError: () => setFailed(true),
+      className: cn(base, "border border-border/60 object-cover")
+    }
+  );
+}
+Thumbnail.displayName = "Thumbnail";
+function RefreshButton({ onRefresh, fromCache, label, labelCached, className, ...rest }) {
+  const [phase, setPhase] = React14.useState("idle");
+  const alive = React14.useRef(true);
+  React14.useEffect(() => () => {
+    alive.current = false;
+  }, []);
+  const title = fromCache ? labelCached ?? label : label;
+  async function run() {
+    if (phase === "busy") return;
+    setPhase("busy");
+    try {
+      await onRefresh();
+    } catch {
+    }
+    if (!alive.current) return;
+    setPhase("done");
+    setTimeout(() => {
+      if (alive.current) setPhase((p) => p === "done" ? "idle" : p);
+    }, 1400);
+  }
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      title,
+      "aria-label": title,
+      onClick: () => {
+        void run();
+      },
+      className: cn(
+        "inline-flex items-center justify-center transition",
+        fromCache && phase !== "done" && "text-amber-600 hover:text-amber-700 dark:text-amber-500 dark:hover:text-amber-400",
+        phase === "done" && "text-emerald-600 dark:text-emerald-500",
+        className
+      ),
+      ...rest,
+      children: phase === "done" ? /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(RefreshCw, { className: cn("h-4 w-4", phase === "busy" && "animate-spin") })
+    }
+  );
+}
+RefreshButton.displayName = "RefreshButton";
+function PhoneField({
+  value,
+  onChange,
+  country,
+  placeholder,
+  disabled,
+  autoFocus,
+  className,
+  ...rest
+}) {
+  const mask = getCountry(country).mask;
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      type: "tel",
+      inputMode: "tel",
+      autoComplete: "tel",
+      value: maskPhone(value, mask),
+      onChange: (event) => onChange(unmaskPhone(event.target.value)),
+      placeholder: placeholder ?? mask.replace(/#/gu, "0"),
+      disabled,
+      autoFocus,
+      "aria-label": rest["aria-label"],
+      "data-testid": rest["data-testid"],
+      className: cn(
+        "w-full rounded-md border bg-background px-2.5 py-1.5 text-sm outline-none focus:border-primary",
+        className
+      )
+    }
+  );
+}
+function formatPhone2(value, country) {
+  const digits = unmaskPhone(String(value ?? ""));
+  if (!digits) return "";
+  return maskPhone(digits, getCountry(country).mask) || digits;
+}
 function StatTiles({ tiles, loading, className }) {
   if (tiles.length === 0) return null;
   return /* @__PURE__ */ jsx("div", { className: cn("grid gap-4 sm:grid-cols-2 lg:grid-cols-4", className), children: tiles.map((tile) => {
@@ -517,7 +745,7 @@ var THUMB = {
   sm: "h-3 w-3 data-[on=true]:translate-x-3",
   md: "h-4 w-4 data-[on=true]:translate-x-4"
 };
-var Switch = React13.forwardRef(function Switch2({ checked, onCheckedChange, size = "sm", label, className, disabled, ...rest }, ref) {
+var Switch = React14.forwardRef(function Switch2({ checked, onCheckedChange, size = "sm", label, className, disabled, ...rest }, ref) {
   const control = /* @__PURE__ */ jsx(
     "button",
     {
@@ -568,8 +796,8 @@ var Switch = React13.forwardRef(function Switch2({ checked, onCheckedChange, siz
     }
   );
 });
-var Hint = React13.forwardRef(function Hint2({ label, children, side = "top", delayDuration = 0, ...rest }, ref) {
-  if (!label) return React13.cloneElement(children, { ...rest, ref });
+var Hint = React14.forwardRef(function Hint2({ label, children, side = "top", delayDuration = 0, ...rest }, ref) {
+  if (!label) return React14.cloneElement(children, { ...rest, ref });
   return /* @__PURE__ */ jsx(TooltipPrimitive.Provider, { delayDuration, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
     /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, ...rest, ref, children }),
     /* @__PURE__ */ jsx(TooltipContent, { side, className: "px-2 py-1 text-xs font-medium", children: label })
@@ -1034,6 +1262,8 @@ function SearchSelect({
   required,
   debounce = 250,
   minChars = 1,
+  noResultsLabel,
+  searchingLabel = "Searching...",
   allowCreate,
   createLabel = "Add",
   onCreate,
@@ -1042,16 +1272,16 @@ function SearchSelect({
   className,
   disabled
 }) {
-  const [open, setOpen] = React13.useState(false);
-  const [query, setQuery] = React13.useState("");
-  const [results, setResults] = React13.useState([]);
-  const [loading, setLoading] = React13.useState(false);
-  const [creating, setCreating] = React13.useState(false);
-  const [selectedLabel, setSelectedLabel] = React13.useState(displayValue ?? "");
-  const containerRef = React13.useRef(null);
-  const inputRef = React13.useRef(null);
-  const timerRef = React13.useRef();
-  React13.useEffect(() => {
+  const [open, setOpen] = React14.useState(false);
+  const [query, setQuery] = React14.useState("");
+  const [results, setResults] = React14.useState([]);
+  const [loading, setLoading] = React14.useState(false);
+  const [creating, setCreating] = React14.useState(false);
+  const [selectedLabel, setSelectedLabel] = React14.useState(displayValue ?? "");
+  const containerRef = React14.useRef(null);
+  const inputRef = React14.useRef(null);
+  const timerRef = React14.useRef();
+  React14.useEffect(() => {
     function handler(e) {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
         setOpen(false);
@@ -1060,10 +1290,10 @@ function SearchSelect({
     document.addEventListener("mousedown", handler);
     return () => document.removeEventListener("mousedown", handler);
   }, []);
-  React13.useEffect(() => {
+  React14.useEffect(() => {
     if (displayValue !== void 0) setSelectedLabel(displayValue);
   }, [displayValue]);
-  React13.useEffect(() => {
+  React14.useEffect(() => {
     if (open && loadOnOpen && query.length === 0 && results.length === 0 && !loading) {
       setLoading(true);
       Promise.resolve(onSearch("")).then(setResults).catch(() => setResults([])).finally(() => setLoading(false));
@@ -1121,7 +1351,7 @@ function SearchSelect({
     setResults([]);
     setTimeout(() => inputRef.current?.focus(), 0);
   }
-  const groups = React13.useMemo(() => {
+  const groups = React14.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const opt of results) {
       const group = opt.group ?? "";
@@ -1180,9 +1410,10 @@ function SearchSelect({
     ),
     showDropdown && /* @__PURE__ */ jsx("div", { className: "fayz-glass-surface absolute top-full left-0 right-0 z-50 mt-1 rounded-lg border bg-popover shadow-lg overflow-hidden", children: loading ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 px-4 py-6 text-xs text-muted-foreground", children: [
       /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }),
-      " Searching..."
+      " ",
+      searchingLabel
     ] }) : results.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "px-4 py-4 text-center", children: [
-      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: query ? `No results for "${query}"` : "No results" }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: noResultsLabel ?? (query ? `No results for "${query}"` : "No results") }),
       allowCreate && onCreate && /* @__PURE__ */ jsxs(
         "button",
         {
@@ -1198,7 +1429,7 @@ function SearchSelect({
         }
       )
     ] }) : /* @__PURE__ */ jsxs("div", { className: "max-h-64 overflow-auto py-1", children: [
-      [...groups.entries()].map(([group, options]) => /* @__PURE__ */ jsxs(React13.Fragment, { children: [
+      [...groups.entries()].map(([group, options]) => /* @__PURE__ */ jsxs(React14.Fragment, { children: [
         group && /* @__PURE__ */ jsx("div", { className: "sticky top-0 bg-muted/50 px-3 py-1 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground", children: group }),
         options.map((opt) => /* @__PURE__ */ jsx(
           "button",
@@ -1249,9 +1480,9 @@ function CurrencyInput({
   className,
   disabled
 }) {
-  const inputRef = React13.useRef(null);
-  const [focused, setFocused] = React13.useState(false);
-  const format = React13.useCallback((v) => {
+  const inputRef = React14.useRef(null);
+  const [focused, setFocused] = React14.useState(false);
+  const format = React14.useCallback((v) => {
     return new Intl.NumberFormat(locale, {
       minimumFractionDigits: 2,
       maximumFractionDigits: 2
@@ -1360,7 +1591,7 @@ function ConfirmDialog({
 }) {
   const config = VARIANT_CONFIG[variant];
   const Icon2 = config.icon;
-  React13.useEffect(() => {
+  React14.useEffect(() => {
     if (!open) return;
     function handleKey(e) {
       if (e.key === "Escape") onCancel();
@@ -1407,7 +1638,7 @@ function ConfirmDialog({
 }
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React13.forwardRef(({ className, align = "start", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+var PopoverContent = React14.forwardRef(({ className, align = "start", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   PopoverPrimitive.Content,
   {
     ref,
@@ -1468,7 +1699,7 @@ function renderInline(text, keyPrefix) {
     if (part.startsWith("`") && part.endsWith("`") && part.length > 2) {
       return /* @__PURE__ */ jsx("code", { className: "rounded bg-muted px-1 py-0.5 font-mono text-[0.85em]", children: part.slice(1, -1) }, key);
     }
-    return part === "" ? null : /* @__PURE__ */ jsx(React13.Fragment, { children: part }, key);
+    return part === "" ? null : /* @__PURE__ */ jsx(React14.Fragment, { children: part }, key);
   });
 }
 function parseBlocks(source) {
@@ -1552,7 +1783,7 @@ function renderMarkdown(source) {
       case "ol":
         return /* @__PURE__ */ jsx("ol", { className: "list-decimal space-y-1 pl-5", children: block.items.map((item, li) => /* @__PURE__ */ jsx("li", { children: renderInline(item, `${key}-${li}`) }, `${key}-${li}`)) }, key);
       case "p":
-        return /* @__PURE__ */ jsx("p", { children: block.lines.map((l, li) => /* @__PURE__ */ jsxs(React13.Fragment, { children: [
+        return /* @__PURE__ */ jsx("p", { children: block.lines.map((l, li) => /* @__PURE__ */ jsxs(React14.Fragment, { children: [
           li > 0 && /* @__PURE__ */ jsx("br", {}),
           renderInline(l, `${key}-${li}`)
         ] }, `${key}-${li}`)) }, key);
@@ -1573,7 +1804,7 @@ function MarkdownEditor({
   renderPreview,
   className
 }) {
-  const [mode, setMode] = React13.useState(
+  const [mode, setMode] = React14.useState(
     defaultMode === "preview" && value.trim() === "" ? "edit" : defaultMode
   );
   return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-2", className), children: [
@@ -1816,6 +2047,6 @@ function SearchCombobox({
   ] });
 }
 
-export { Badge, Breadcrumb, Checkbox, ConfirmDialog, CurrencyInput, DatePicker, FilterChip, Hint, Input, ListView, Markdown, MarkdownEditor, Modal, ModalBody, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger, PhoneLink, Popover, PopoverContent, PopoverTrigger, SearchCombobox, SearchSelect, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator2 as Separator, StatTiles, Switch, Tabs, TabsContent, TabsList, TabsTrigger, TimePicker, ToastProvider, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, normalizePhone, renderMarkdown };
-//# sourceMappingURL=chunk-SEIY2F5F.js.map
-//# sourceMappingURL=chunk-SEIY2F5F.js.map
+export { Badge, Breadcrumb, BulkActionBar, ChevronPager, ConfirmDialog, CurrencyInput, DatePicker, FilterChip, Hint, Input, ListView, Markdown, MarkdownEditor, Modal, ModalBody, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger, PhoneField, PhoneLink, Popover, PopoverContent, PopoverTrigger, RefreshButton, SearchCombobox, SearchField, SearchSelect, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator2 as Separator, StatTiles, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Thumbnail, TimePicker, ToastProvider, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, formatPhone2 as formatPhone, normalizePhone, renderMarkdown };
+//# sourceMappingURL=chunk-7BHG3XGJ.js.map
+//# sourceMappingURL=chunk-7BHG3XGJ.js.map