@pos-360/horizon 0.31.6 → 0.32.1

package/dist/{chunk-YG23UX2C.mjs → chunk-K6HNMRFK.mjs}

@@ -1035,6 +1035,8 @@ var SelectBar = React11.forwardRef(({
                       option.disabled && "pointer-events-none opacity-50"
                     ),
                     children: [
+                      option.icon && /* @__PURE__ */ jsx("span", { className: "shrink-0", children: option.icon }),
+                      /* @__PURE__ */ jsx("span", { className: "truncate flex-1", children: option.label }),
                       /* @__PURE__ */ jsx(
                         "div",
                         {
@@ -1044,8 +1046,7 @@ var SelectBar = React11.forwardRef(({
                           ),
                           children: checked && /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5", strokeWidth: 3 })
                         }
-                      ),
-                      /* @__PURE__ */ jsx("span", { className: "truncate", children: option.label })
+                      )
                     ]
                   },
                   option.value
@@ -1059,13 +1060,17 @@ var SelectBar = React11.forwardRef(({
                   disabled: option.disabled,
                   onClick: () => handleSingleSelect(option.value),
                   className: cn(
-                    "relative flex w-full cursor-default select-none items-center rounded-hz-md py-1.5 pl-2 pr-8 text-sm outline-none transition-colors",
+                    "relative flex w-full cursor-default select-none items-center gap-2 rounded-hz-md py-1.5 px-2 text-sm outline-none transition-colors",
                     "hover:bg-black/5 dark:hover:bg-white/10",
                     option.disabled && "pointer-events-none opacity-50"
                   ),
                   children: [
-                    /* @__PURE__ */ jsx("span", { className: "truncate", children: option.label }),
-                    selected && /* @__PURE__ */ jsx("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) })
+                    option.icon && /* @__PURE__ */ jsx("span", { className: "shrink-0", children: option.icon }),
+                    /* @__PURE__ */ jsx("span", { className: "truncate flex-1", children: option.label }),
+                    /* @__PURE__ */ jsx("span", { className: cn(
+                      "h-4 w-4 shrink-0 flex items-center justify-center",
+                      selected ? "text-blue-600 dark:text-blue-400" : "text-transparent"
+                    ), children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) })
                   ]
                 },
                 option.value
@@ -3661,5 +3666,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-YG23UX2C.mjs.map
-//# sourceMappingURL=chunk-YG23UX2C.mjs.map
+//# sourceMappingURL=chunk-K6HNMRFK.mjs.map
+//# sourceMappingURL=chunk-K6HNMRFK.mjs.map