@fayz-ai/ui 0.14.0 → 0.15.0

package/dist/chunk-OKZ6WQB3.js

@@ -0,0 +1,57 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+// src/lib/cn.ts
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var buttonVariants = cva(
+  "inline-flex items-center justify-center gap-1.5 whitespace-nowrap rounded-button text-sm font-semibold ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        // Polaris primary — near-black brand with the stronger primary bevel
+        default: "bg-primary text-primary-foreground border border-primary shadow-button-primary hover:bg-primary/90 active:shadow-button-inset",
+        destructive: "bg-destructive text-destructive-foreground border border-destructive shadow-button-primary hover:bg-destructive/90 active:shadow-button-inset",
+        // Default/secondary surface — white with hairline + bevel
+        outline: "border border-border bg-card text-foreground shadow-button hover:bg-muted active:shadow-button-inset",
+        secondary: "border border-border bg-card text-foreground shadow-button hover:bg-muted active:shadow-button-inset",
+        ghost: "hover:bg-muted hover:text-foreground",
+        link: "text-info underline-offset-4 hover:underline"
+      },
+      size: {
+        // Polaris button sizes: md 30px, sm 26px, lg 36px
+        default: "h-[30px] px-3 py-1",
+        sm: "h-[26px] rounded-button px-2.5 text-xs",
+        lg: "h-9 rounded-button px-4 text-sm",
+        icon: "h-[30px] w-[30px]"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React.forwardRef(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        className: cn(buttonVariants({ variant, size, className })),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+export { Button, buttonVariants, cn };
+//# sourceMappingURL=chunk-OKZ6WQB3.js.map
+//# sourceMappingURL=chunk-OKZ6WQB3.js.map

package/dist/chunk-OKZ6WQB3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/cn.ts","../src/primitives/button.tsx"],"names":[],"mappings":";;;;;;;;AAGO,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;ACCA,IAAM,cAAA,GAAiB,GAAA;AAAA,EACrB,sSAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA;AAAA,QAEP,OAAA,EACE,+HAAA;AAAA,QACF,WAAA,EACE,+IAAA;AAAA;AAAA,QAEF,OAAA,EACE,sGAAA;AAAA,QACF,SAAA,EACE,sGAAA;AAAA,QACF,KAAA,EAAO,sCAAA;AAAA,QACP,IAAA,EAAM;AAAA,OACR;AAAA,MACA,IAAA,EAAM;AAAA;AAAA,QAEJ,OAAA,EAAS,oBAAA;AAAA,QACT,EAAA,EAAI,wCAAA;AAAA,QACJ,EAAA,EAAI,iCAAA;AAAA,QACJ,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ;AAQA,IAAM,MAAA,GAAe,KAAA,CAAA,UAAA;AAAA,EACnB,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,IAAA,EAAM,UAAU,KAAA,EAAO,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAChE,IAAA,MAAM,IAAA,GAAO,UAAU,IAAA,GAAO,QAAA;AAC9B,IAAA,uBACE,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,GAAG,cAAA,CAAe,EAAE,SAAS,IAAA,EAAM,SAAA,EAAW,CAAC,CAAA;AAAA,QAC1D,GAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-OKZ6WQB3.js","sourcesContent":["import { clsx, type ClassValue } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { cn } from '../lib/cn'\n\nconst buttonVariants = cva(\n  'inline-flex items-center justify-center gap-1.5 whitespace-nowrap rounded-button text-sm font-semibold ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        // Polaris primary — near-black brand with the stronger primary bevel\n        default:\n          'bg-primary text-primary-foreground border border-primary shadow-button-primary hover:bg-primary/90 active:shadow-button-inset',\n        destructive:\n          'bg-destructive text-destructive-foreground border border-destructive shadow-button-primary hover:bg-destructive/90 active:shadow-button-inset',\n        // Default/secondary surface — white with hairline + bevel\n        outline:\n          'border border-border bg-card text-foreground shadow-button hover:bg-muted active:shadow-button-inset',\n        secondary:\n          'border border-border bg-card text-foreground shadow-button hover:bg-muted active:shadow-button-inset',\n        ghost: 'hover:bg-muted hover:text-foreground',\n        link: 'text-info underline-offset-4 hover:underline',\n      },\n      size: {\n        // Polaris button sizes: md 30px, sm 26px, lg 36px\n        default: 'h-[30px] px-3 py-1',\n        sm: 'h-[26px] rounded-button px-2.5 text-xs',\n        lg: 'h-9 rounded-button px-4 text-sm',\n        icon: 'h-[30px] w-[30px]',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n)\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : 'button'\n    return (\n      <Comp\n        className={cn(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\nButton.displayName = 'Button'\n\nexport { Button, buttonVariants }\n"]}

package/dist/{chunk-77CUIMOI.js → chunk-SLWTKHNY.js}

@@ -1,12 +1,12 @@
-import { useSaveBarVisible, useCrossModuleBack, useBackHandler, PageHeaderActions } from './chunk-MVH64JFG.js';
-import { Dropdown, DropdownTrigger, DropdownContent, DropdownItem, Card, DataTable } from './chunk-2EFRFYGF.js';
-import { cn, Button } from './chunk-LFZFBN3P.js';
+import { useSaveBarVisible, useCrossModuleBack, useBackHandler, PageHeaderActions } from './chunk-NA3GE4H3.js';
+import { Dropdown, DropdownTrigger, DropdownContent, DropdownItem, Card, DataTable } from './chunk-KD2V3TAX.js';
+import { cn, Button } from './chunk-OKZ6WQB3.js';
 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, ChevronDown, ChevronUp, Check, ArrowLeft, Search, ChevronLeft, ChevronRight, MoreHorizontal, ImageIcon, RefreshCw, Clock, Plus, Download, 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 } from 'lucide-react';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import { Toaster } from 'sonner';
 export { toast } from 'sonner';
@@ -741,65 +741,6 @@ function StatTiles({ tiles, loading, className }) {
     ] }, tile.id);
   }) });
 }
-var TRACK = {
-  sm: "h-4 w-7",
-  md: "h-5 w-9"
-};
-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 = React14.forwardRef(function Switch2({ checked, onCheckedChange, size = "sm", label, className, disabled, ...rest }, ref) {
-  const control = /* @__PURE__ */ jsx(
-    "button",
-    {
-      ref,
-      type: "button",
-      role: "switch",
-      "aria-checked": checked,
-      disabled,
-      onClick: (e) => {
-        e.stopPropagation();
-        rest.onClick?.(e);
-        if (!disabled) onCheckedChange(!checked);
-      },
-      className: cn(
-        "relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-colors",
-        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-        "disabled:cursor-not-allowed disabled:opacity-50",
-        TRACK[size],
-        checked ? "bg-primary" : "bg-muted-foreground/30",
-        className
-      ),
-      ...rest,
-      children: /* @__PURE__ */ jsx(
-        "span",
-        {
-          "data-on": checked,
-          className: cn(
-            "pointer-events-none ml-0.5 inline-block rounded-full bg-background shadow-sm transition-transform",
-            THUMB[size]
-          )
-        }
-      )
-    }
-  );
-  if (label == null) return control;
-  return /* @__PURE__ */ jsxs(
-    "label",
-    {
-      className: cn(
-        "inline-flex items-center gap-2 text-xs text-muted-foreground",
-        disabled ? "cursor-not-allowed" : "cursor-pointer"
-      ),
-      onClick: (e) => e.stopPropagation(),
-      children: [
-        control,
-        /* @__PURE__ */ jsx("span", { children: label })
-      ]
-    }
-  );
-});
 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: [
@@ -884,7 +825,7 @@ function TimePicker({ value, onChange, interval = 15, min = "00:00", max = "23:4
         onClick: () => !readOnly && setOpen((p) => !p),
         onKeyDown: handleKeyDown,
         disabled: readOnly,
-        className: `flex items-center gap-2 rounded-lg border px-3 py-2 text-sm w-full text-left transition-colors ${readOnly ? "bg-muted/40 text-muted-foreground cursor-default" : "bg-background hover:bg-muted/30"}`,
+        className: `flex items-center gap-2 rounded-button border px-3 py-2 text-sm w-full text-left transition-colors ${readOnly ? "bg-muted/40 text-muted-foreground cursor-default" : "bg-background hover:bg-muted/30"}`,
         children: [
           /* @__PURE__ */ jsx(Clock, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }),
           /* @__PURE__ */ jsx("span", { children: displayValue || "--:--" })
@@ -922,6 +863,58 @@ function TimePicker({ value, onChange, interval = 15, min = "00:00", max = "23:4
     )
   ] });
 }
+function useRowSelection({
+  rows,
+  actions,
+  getRowId,
+  enabled = true
+}) {
+  const identify = React14.useCallback(
+    (row) => getRowId ? getRowId(row) : String(row?.id ?? ""),
+    [getRowId]
+  );
+  const visible = React14.useMemo(() => rows ?? [], [rows]);
+  const [rawSelection, setRawSelection] = React14.useState([]);
+  const visibleIds = React14.useMemo(() => new Set(visible.map(identify)), [visible, identify]);
+  const selectedIds = React14.useMemo(
+    () => rawSelection.filter((id) => visibleIds.has(id)),
+    [rawSelection, visibleIds]
+  );
+  const selectedRows = React14.useMemo(() => {
+    const picked = new Set(selectedIds);
+    return visible.filter((row) => picked.has(identify(row)));
+  }, [visible, selectedIds, identify]);
+  const clear = React14.useCallback(() => setRawSelection([]), []);
+  const selectAll = React14.useCallback(
+    () => setRawSelection(visible.map(identify)),
+    [visible, identify]
+  );
+  const barActions = React14.useMemo(
+    () => (actions ?? []).map((action) => ({
+      id: action.id,
+      label: action.label,
+      icon: action.icon,
+      destructive: action.destructive,
+      overflow: action.overflow,
+      disabled: action.disabled,
+      onSelect: () => action.onSelect(selectedRows)
+    })),
+    [actions, selectedRows]
+  );
+  const selectable = enabled && barActions.length > 0;
+  return {
+    selectedIds,
+    selectedRows,
+    setSelectedIds: setRawSelection,
+    clear,
+    selectAll,
+    barActions,
+    selectable,
+    hasSelection: selectable && selectedIds.length > 0,
+    getRowId: identify,
+    total: visible.length
+  };
+}
 function FilterChip({ allLabel, options, value, onChange, label, icon: Icon2, className }) {
   const active = value != null && value !== "";
   const current = options.find((o) => o.value === value);
@@ -972,6 +965,8 @@ function ListView({
   newLabel,
   onNew,
   onRowClick,
+  bulkActions,
+  getRowId,
   emptyIcon: EmptyIcon,
   emptyMessage = "No results found.",
   emptyActionLabel,
@@ -1008,6 +1003,7 @@ function ListView({
   const showPagination = onPageChange && totalItems > pageSize;
   const showSearch = !!onSearchChange;
   const showTags = tags && tags.length > 0 && onTagChange;
+  const selection = useRowSelection({ rows: loading ? [] : data, actions: bulkActions, getRowId });
   const tagFilter = showTags ? /* @__PURE__ */ jsx(
     FilterChip,
     {
@@ -1036,7 +1032,17 @@ function ListView({
     ] }) }),
     toolbar,
     /* @__PURE__ */ jsxs(Card, { className: "overflow-hidden", children: [
-      (showSearch || tagFilter || filters || onRefresh || onExport) && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 border-b border-border px-3 py-2", children: [
+      (showSearch || tagFilter || filters || onRefresh || onExport || selection.hasSelection) && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-2 border-b border-border px-3 py-2", children: selection.hasSelection ? /* @__PURE__ */ jsx(
+        BulkActionBar,
+        {
+          variant: "inline",
+          count: selection.selectedIds.length,
+          total: selection.total,
+          onSelectAll: selection.selectAll,
+          onClear: selection.clear,
+          actions: selection.barActions
+        }
+      ) : /* @__PURE__ */ jsxs(Fragment, { children: [
         showSearch && /* @__PURE__ */ jsxs("div", { className: "relative min-w-0 flex-1", 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(
@@ -1056,7 +1062,7 @@ function ListView({
           onRefresh && /* @__PURE__ */ jsx("button", { type: "button", "aria-label": refreshLabel, title: refreshLabel, onClick: onRefresh, className: ICON_BTN, children: /* @__PURE__ */ jsx(RefreshCw, { className: "h-4 w-4" }) }),
           onExport && /* @__PURE__ */ jsx("button", { type: "button", "aria-label": exportLabel, title: exportLabel, onClick: onExport, className: ICON_BTN, children: /* @__PURE__ */ jsx(Download, { className: "h-4 w-4" }) })
         ] })
-      ] }),
+      ] }) }),
       /* @__PURE__ */ jsx(
         DataTable,
         {
@@ -1066,7 +1072,11 @@ function ListView({
           loading,
           skeletonRows: loading ? 3 : void 0,
           emptyMessage: emptyState,
-          onRowClick
+          onRowClick,
+          selectable: selection.selectable,
+          selectedIds: selection.selectedIds,
+          onSelectedIdsChange: selection.setSelectedIds,
+          getRowId
         }
       )
     ] }),
@@ -1622,92 +1632,9 @@ function CurrencyInput({
     )
   ] });
 }
-var VARIANT_CONFIG = {
-  default: {
-    icon: Info,
-    iconBg: "bg-info/10",
-    iconColor: "text-info",
-    buttonVariant: "default"
-  },
-  destructive: {
-    icon: XCircle,
-    iconBg: "bg-destructive/10",
-    iconColor: "text-destructive",
-    buttonVariant: "destructive"
-  },
-  warning: {
-    icon: AlertTriangle,
-    iconBg: "bg-warning/10",
-    iconColor: "text-warning",
-    buttonVariant: "destructive"
-  },
-  success: {
-    icon: CheckCircle2,
-    iconBg: "bg-success/10",
-    iconColor: "text-success",
-    buttonVariant: "default"
-  }
-};
-function ConfirmDialog({
-  open,
-  onConfirm,
-  onCancel,
-  title,
-  description,
-  confirmLabel = "Confirm",
-  cancelLabel = "Cancel",
-  variant = "default",
-  loading = false
-}) {
-  const config = VARIANT_CONFIG[variant];
-  const Icon2 = config.icon;
-  React14.useEffect(() => {
-    if (!open) return;
-    function handleKey(e) {
-      if (e.key === "Escape") onCancel();
-    }
-    document.addEventListener("keydown", handleKey);
-    return () => document.removeEventListener("keydown", handleKey);
-  }, [open, onCancel]);
-  if (!open) return null;
-  return createPortal(
-    /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-[60] flex items-center justify-center", children: [
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "absolute inset-0 bg-black/50 backdrop-blur-[2px] animate-fade-in",
-          onClick: onCancel
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "relative z-10 w-full max-w-sm mx-4 rounded-modal border border-border bg-card shadow-lg animate-zoom-in",
-          role: "alertdialog",
-          "aria-modal": "true",
-          "aria-labelledby": "confirm-title",
-          "aria-describedby": description ? "confirm-desc" : void 0,
-          children: /* @__PURE__ */ jsxs("div", { className: "p-6", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex gap-4", children: [
-              /* @__PURE__ */ jsx("div", { className: cn("flex h-10 w-10 items-center justify-center rounded-full shrink-0", config.iconBg), children: /* @__PURE__ */ jsx(Icon2, { className: cn("h-5 w-5", config.iconColor) }) }),
-              /* @__PURE__ */ jsxs("div", { className: "min-w-0 pt-0.5", children: [
-                /* @__PURE__ */ jsx("h3", { id: "confirm-title", className: "text-sm font-semibold text-foreground", children: title }),
-                description && /* @__PURE__ */ jsx("p", { id: "confirm-desc", className: "text-xs text-muted-foreground mt-1 leading-relaxed", children: description })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2 mt-5", children: [
-              /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: onCancel, disabled: loading, children: cancelLabel }),
-              /* @__PURE__ */ jsx(Button, { variant: config.buttonVariant, size: "sm", onClick: onConfirm, disabled: loading, children: loading ? "Processing..." : confirmLabel })
-            ] })
-          ] })
-        }
-      )
-    ] }),
-    document.body
-  );
-}
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverAnchor = PopoverPrimitive.Anchor;
 var PopoverContent = React14.forwardRef(({ className, align = "start", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   PopoverPrimitive.Content,
   {
@@ -1935,7 +1862,9 @@ function SearchCombobox({
   inlineLabel,
   inlineIcon = "search",
   loading,
-  onFocus: onFocusProp
+  onFocus: onFocusProp,
+  chevron,
+  required
 }) {
   const [open, setOpen] = useState(false);
   const [activeIndex, setActiveIndex] = useState(-1);
@@ -2020,10 +1949,11 @@ function SearchCombobox({
           setExpanded(true);
           setTimeout(() => inputRef.current?.focus(), 50);
         },
-        className: `flex items-center gap-1.5 w-full text-left text-sm py-1.5 pl-2 transition-colors ${isPlus ? "text-primary hover:text-primary/80" : "text-muted-foreground hover:text-foreground"} ${className ?? ""}`,
+        className: `flex items-center gap-1.5 w-full text-left text-sm py-1.5 pl-2 ${chevron ? "pr-2" : ""} transition-colors ${isPlus ? "text-primary hover:text-primary/80" : "text-muted-foreground hover:text-foreground"} ${className ?? ""}`,
         children: [
           isPlus && /* @__PURE__ */ jsx(Plus, { className: "h-3.5 w-3.5 shrink-0" }),
-          inlineLabel
+          inlineLabel,
+          chevron && /* @__PURE__ */ jsx(ChevronDown, { className: "ml-auto h-3 w-3 shrink-0 text-muted-foreground" })
         ]
       }
     );
@@ -2050,13 +1980,28 @@ function SearchCombobox({
         onKeyDown: handleKeyDown,
         placeholder,
         autoFocus,
-        className: minimal ? "w-full bg-transparent pl-2 pr-3 py-1.5 text-sm placeholder:text-muted-foreground focus:outline-none border-b border-transparent hover:border-border focus:border-foreground transition-colors" : "w-full rounded-lg border bg-background pl-8 pr-3 py-2 text-sm placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+        className: minimal ? `w-full bg-transparent pl-2 ${chevron ? "pr-7" : "pr-3"} py-1.5 text-sm placeholder:text-muted-foreground focus:outline-none border-b border-transparent hover:border-border focus:border-foreground transition-colors` : `w-full rounded-lg border bg-background pl-8 ${chevron ? "pr-8" : "pr-3"} py-2 text-sm placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring`,
         role: "combobox",
         "aria-expanded": hasDropdown,
         "aria-autocomplete": "list",
+        "aria-required": required || void 0,
         "aria-activedescendant": activeIndex >= 0 ? `combobox-opt-${activeIndex}` : void 0
       }
     ),
+    chevron && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        tabIndex: -1,
+        "aria-hidden": "true",
+        onMouseDown: (e) => {
+          e.preventDefault();
+          inputRef.current?.focus();
+        },
+        className: `absolute ${minimal ? "right-2" : "right-2.5"} top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground transition-colors`,
+        children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-3 w-3" })
+      }
+    ),
     hasDropdown && dropRect && createPortal(
       /* @__PURE__ */ jsxs(
         "div",
@@ -2129,6 +2074,6 @@ function SearchCombobox({
   ] });
 }
 
-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, SegmentedControl, 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-77CUIMOI.js.map
-//# sourceMappingURL=chunk-77CUIMOI.js.map
+export { Badge, Breadcrumb, BulkActionBar, ChevronPager, CurrencyInput, DatePicker, FilterChip, Hint, Input, ListView, Markdown, MarkdownEditor, Modal, ModalBody, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger, PhoneField, PhoneLink, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, RefreshButton, SearchCombobox, SearchField, SearchSelect, SegmentedControl, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator2 as Separator, StatTiles, Tabs, TabsContent, TabsList, TabsTrigger, Thumbnail, TimePicker, ToastProvider, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, formatPhone2 as formatPhone, normalizePhone, renderMarkdown, useRowSelection };
+//# sourceMappingURL=chunk-SLWTKHNY.js.map
+//# sourceMappingURL=chunk-SLWTKHNY.js.map