@pos-360/horizon 0.31.0 → 0.31.2

package/dist/{chunk-3CXBEGTO.mjs → chunk-KZAUO4PH.mjs}

@@ -856,8 +856,7 @@ var SelectBar = React11.forwardRef(({
   placeholder = "Select\u2026",
   label,
   disabled = false,
-  className,
-  maxVisibleChips = 2
+  className
 }, ref) => {
   const [open, setOpen] = React11.useState(false);
   const [search, setSearch] = React11.useState("");
@@ -948,11 +947,6 @@ var SelectBar = React11.forwardRef(({
       setOpen(false);
     }
   };
-  const handleChipRemove = (e, chipValue) => {
-    e.stopPropagation();
-    const next = committedMulti.filter((v) => v !== chipValue);
-    commitMulti(next);
-  };
   const canApply = (() => {
     if (!manualApply) return false;
     if (multiple) {
@@ -974,35 +968,7 @@ var SelectBar = React11.forwardRef(({
       if (committedMulti.length === 0) {
         return /* @__PURE__ */ jsx("span", { className: "text-gray-400 dark:text-gray-500 truncate", children: placeholder });
       }
-      const visible = committedMulti.slice(0, maxVisibleChips);
-      const overflow = committedMulti.length - maxVisibleChips;
-      return /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 min-w-0 flex-wrap", children: [
-        visible.map((v) => /* @__PURE__ */ jsxs(
-          "span",
-          {
-            className: "inline-flex items-center gap-1 bg-blue-50 text-blue-700 border border-blue-200 dark:bg-blue-950/50 dark:text-blue-400 dark:border-blue-800/50 rounded-md px-2 py-0.5 text-xs font-medium max-w-[120px]",
-            children: [
-              /* @__PURE__ */ jsx("span", { className: "truncate", children: labelFor(v) }),
-              /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  className: "shrink-0 hover:text-blue-900 dark:hover:text-blue-200",
-                  onClick: (e) => handleChipRemove(e, v),
-                  "aria-label": `Remove ${labelFor(v)}`,
-                  children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
-                }
-              )
-            ]
-          },
-          v
-        )),
-        overflow > 0 && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center bg-blue-50 text-blue-700 border border-blue-200 dark:bg-blue-950/50 dark:text-blue-400 dark:border-blue-800/50 rounded-md px-2 py-0.5 text-xs font-medium", children: [
-          "+",
-          overflow,
-          " more"
-        ] })
-      ] });
+      return /* @__PURE__ */ jsx("span", { className: "truncate text-gray-900 dark:text-gray-100", children: committedMulti.length === options.length ? "All selected" : `${committedMulti.length} selected` });
     }
     if (committedSingle !== void 0) {
       return /* @__PURE__ */ jsx("span", { className: "truncate text-gray-900 dark:text-gray-100", children: labelFor(committedSingle) });
@@ -1019,10 +985,7 @@ var SelectBar = React11.forwardRef(({
           type: "button",
           disabled,
           className: cn(
-            "flex h-[42px] min-h-[42px] w-full items-center justify-between gap-2 rounded-hz-md border border-gray-300 bg-white px-3 text-sm shadow-sm transition-colors",
-            "hover:bg-gray-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2",
-            "dark:border-neutral-600 dark:bg-neutral-800 dark:hover:bg-neutral-700",
-            "disabled:pointer-events-none disabled:opacity-50"
+            "flex h-[52px] w-full items-center justify-between text-left rounded-lg border border-gray-300 bg-white px-4 py-2 text-sm text-gray-900 focus:outline-none focus:ring-0 disabled:cursor-not-allowed disabled:opacity-50 dark:border-neutral-600 dark:bg-neutral-800 dark:text-gray-100 [&>span]:line-clamp-1"
           ),
           children: [
             /* @__PURE__ */ jsx("span", { className: "flex-1 min-w-0 flex items-center", children: renderTriggerContent() }),
@@ -3699,5 +3662,5 @@ function PeriodComparisonSelector({
 }
 
 export { Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, ColumnSelection, DEFAULT_COMPARISON_PERIODS, DEFAULT_PRESETS, DEFAULT_TIME_RANGE, DateRangePicker, DateRangePickerMobile, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Form, FormControl, FormDescription, FormField, FormLabel, FormMessage, MobileDataCard, PeriodComparisonSelector, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, SegmentedControl, Select, SelectBar, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator3 as Separator, Skeleton, SkeletonAvatar, SkeletonBadge, SkeletonButton, SkeletonCard, SkeletonIcon, SkeletonInput, SkeletonSubtitle, SkeletonTableRow, SkeletonTableRows, SkeletonText, SkeletonTitle, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableRowCheckbox, TableSelectAll, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toggle, buttonVariants, segmentedControlItemVariants, segmentedControlVariants, separatorVariants, switchLabelVariants, switchThumbVariants, switchTrackVariants, toggleGroupVariants, toggleItemVariants, useColumnVisibility, useFormContext, useFormFieldContext, useTableSelection };
-//# sourceMappingURL=chunk-3CXBEGTO.mjs.map
-//# sourceMappingURL=chunk-3CXBEGTO.mjs.map
+//# sourceMappingURL=chunk-KZAUO4PH.mjs.map
+//# sourceMappingURL=chunk-KZAUO4PH.mjs.map