@pos-360/horizon 0.23.0 → 0.25.0

package/dist/index.mjs

@@ -1,5 +1,5 @@
-export { Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, ColumnSelection, DEFAULT_PRESETS, DateRangePicker, 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, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, SegmentedControl, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, 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 } from './chunk-52MKEQBZ.mjs';
-export { AnimatedButton, ChartRenderer, CompactPanel, Dashboard, DashboardPanel, Globe, Input, LargePanel, MediumPanel, Moon, Orbit, Rocket, SideNav, SideNavFooter, SideNavHeader, SideNavItem, SideNavSection, Sparkles, Star, StatDisplay, TableRenderer, TemplateSelector, TextButton, Toast, useDashboardContext, useSideNavContext } from './chunk-3TY2CM2C.mjs';
+export { Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, ColumnSelection, DEFAULT_COMPARISON_PERIODS, DEFAULT_PRESETS, DateRangePicker, 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, PeriodComparisonSelector, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, SegmentedControl, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, 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 } from './chunk-BEC5OZB2.mjs';
+export { AnimatedButton, ChartRenderer, CompactPanel, Dashboard, DashboardPanel, Globe, Input, KPI_CARD_ROWS, KpiCard, KpiCardGroup, LARGE_PANEL_HEADER_ROWS, LargePanel, MediumPanel, Moon, Orbit, Rocket, SideNav, SideNavFooter, SideNavHeader, SideNavItem, SideNavSection, Sparkles, Star, StatDisplay, TableRenderer, TemplateSelector, TextButton, Toast, useDashboardContext, useSideNavContext } from './chunk-BFDGIY6V.mjs';
 export { Badge, Caption, Code, Heading, Label, Text, Tooltip, badgeVariants, captionVariants, cn, codeVariants, headingVariants, labelVariants, textVariants } from './chunk-UQ66UPWH.mjs';
 export { ArrowRightIcon, CheckIcon, PlusIcon, SendIcon, TrashIcon } from './chunk-2B2BWI5A.mjs';
 export { useToast } from './chunk-BNOZCJOK.mjs';

package/dist/primitives.d.mts

@@ -466,16 +466,47 @@ interface PresetOption {
     label: string;
     getRange: () => DateRange;
 }
+interface PresetSection {
+    title: string;
+    options: PresetOption[];
+}
 interface DateRangePickerProps {
     value?: DateRange;
     onChange?: (range: DateRange | undefined) => void;
     presets?: PresetOption[];
+    /** Grouped presets with section headers. Takes precedence over `presets` when provided. */
+    presetSections?: PresetSection[];
     placeholder?: string;
     disabled?: boolean;
     align?: "start" | "center" | "end";
     className?: string;
 }
 declare const DEFAULT_PRESETS: PresetOption[];
-declare function DateRangePicker({ value, onChange, presets, placeholder, disabled, align, className, }: DateRangePickerProps): react_jsx_runtime.JSX.Element;
+declare function DateRangePicker({ value, onChange, presets, presetSections, placeholder, disabled, align, className, }: DateRangePickerProps): react_jsx_runtime.JSX.Element;
+
+interface ComparisonPeriod {
+    /** Unique key for this option */
+    key: string;
+    /** Display label */
+    label: string;
+    /** Returns the comparison date range */
+    getRange: () => {
+        from: Date;
+        to: Date;
+    };
+}
+interface PeriodComparisonSelectorProps {
+    value?: string;
+    onChange?: (key: string, period: ComparisonPeriod) => void;
+    options?: ComparisonPeriod[];
+    /** Force a specific mode instead of auto-switching */
+    mode?: "segmented" | "select";
+    size?: "sm" | "default" | "lg";
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+}
+declare const DEFAULT_COMPARISON_PERIODS: ComparisonPeriod[];
+declare function PeriodComparisonSelector({ value, onChange, options, mode, size, placeholder, disabled, className, }: PeriodComparisonSelectorProps): react_jsx_runtime.JSX.Element;
 
-export { type ActionColumn, Badge, type BadgeProps, Button, type ButtonProps, Caption, type CaptionProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Code, type CodeProps, type ColumnDef, ColumnSelection, type ColumnSelectionProps, DEFAULT_PRESETS, type DateRange, DateRangePicker, type DateRangePickerProps, 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, type FormControlProps, FormDescription, type FormDescriptionProps, FormField, type FormFieldProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, type FormProps, Heading, type HeadingProps, Label, type LabelProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, type PresetOption, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, type SegmentedControlRadius, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, type SeparatorProps, Skeleton, SkeletonAvatar, SkeletonBadge, SkeletonButton, SkeletonCard, SkeletonIcon, SkeletonInput, SkeletonSubtitle, SkeletonTableRow, SkeletonTableRows, SkeletonText, SkeletonTitle, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, type TableCellProps, TableFooter, TableHead, TableHeader, TableRow, TableRowCheckbox, TableSelectAll, Tabs, TabsContent, TabsList, TabsTrigger, type TabsVariant, Text, type TextProps, Textarea, type TextareaProps, Toggle, type ToggleOption, type ToggleProps, type ToggleRadius, badgeVariants, buttonVariants, captionVariants, codeVariants, headingVariants, labelVariants, segmentedControlItemVariants, segmentedControlVariants, separatorVariants, switchLabelVariants, switchThumbVariants, switchTrackVariants, textVariants, toggleGroupVariants, toggleItemVariants, useColumnVisibility, useFormContext, useFormFieldContext, useTableSelection };
+export { type ActionColumn, Badge, type BadgeProps, Button, type ButtonProps, Caption, type CaptionProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Code, type CodeProps, type ColumnDef, ColumnSelection, type ColumnSelectionProps, type ComparisonPeriod, DEFAULT_COMPARISON_PERIODS, DEFAULT_PRESETS, type DateRange, DateRangePicker, type DateRangePickerProps, 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, type FormControlProps, FormDescription, type FormDescriptionProps, FormField, type FormFieldProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, type FormProps, Heading, type HeadingProps, Label, type LabelProps, PeriodComparisonSelector, type PeriodComparisonSelectorProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, type PresetOption, type PresetSection, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, type SegmentedControlRadius, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, type SeparatorProps, Skeleton, SkeletonAvatar, SkeletonBadge, SkeletonButton, SkeletonCard, SkeletonIcon, SkeletonInput, SkeletonSubtitle, SkeletonTableRow, SkeletonTableRows, SkeletonText, SkeletonTitle, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, type TableCellProps, TableFooter, TableHead, TableHeader, TableRow, TableRowCheckbox, TableSelectAll, Tabs, TabsContent, TabsList, TabsTrigger, type TabsVariant, Text, type TextProps, Textarea, type TextareaProps, Toggle, type ToggleOption, type ToggleProps, type ToggleRadius, badgeVariants, buttonVariants, captionVariants, codeVariants, headingVariants, labelVariants, segmentedControlItemVariants, segmentedControlVariants, separatorVariants, switchLabelVariants, switchThumbVariants, switchTrackVariants, textVariants, toggleGroupVariants, toggleItemVariants, useColumnVisibility, useFormContext, useFormFieldContext, useTableSelection };

package/dist/primitives.d.ts

@@ -466,16 +466,47 @@ interface PresetOption {
     label: string;
     getRange: () => DateRange;
 }
+interface PresetSection {
+    title: string;
+    options: PresetOption[];
+}
 interface DateRangePickerProps {
     value?: DateRange;
     onChange?: (range: DateRange | undefined) => void;
     presets?: PresetOption[];
+    /** Grouped presets with section headers. Takes precedence over `presets` when provided. */
+    presetSections?: PresetSection[];
     placeholder?: string;
     disabled?: boolean;
     align?: "start" | "center" | "end";
     className?: string;
 }
 declare const DEFAULT_PRESETS: PresetOption[];
-declare function DateRangePicker({ value, onChange, presets, placeholder, disabled, align, className, }: DateRangePickerProps): react_jsx_runtime.JSX.Element;
+declare function DateRangePicker({ value, onChange, presets, presetSections, placeholder, disabled, align, className, }: DateRangePickerProps): react_jsx_runtime.JSX.Element;
+
+interface ComparisonPeriod {
+    /** Unique key for this option */
+    key: string;
+    /** Display label */
+    label: string;
+    /** Returns the comparison date range */
+    getRange: () => {
+        from: Date;
+        to: Date;
+    };
+}
+interface PeriodComparisonSelectorProps {
+    value?: string;
+    onChange?: (key: string, period: ComparisonPeriod) => void;
+    options?: ComparisonPeriod[];
+    /** Force a specific mode instead of auto-switching */
+    mode?: "segmented" | "select";
+    size?: "sm" | "default" | "lg";
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+}
+declare const DEFAULT_COMPARISON_PERIODS: ComparisonPeriod[];
+declare function PeriodComparisonSelector({ value, onChange, options, mode, size, placeholder, disabled, className, }: PeriodComparisonSelectorProps): react_jsx_runtime.JSX.Element;
 
-export { type ActionColumn, Badge, type BadgeProps, Button, type ButtonProps, Caption, type CaptionProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Code, type CodeProps, type ColumnDef, ColumnSelection, type ColumnSelectionProps, DEFAULT_PRESETS, type DateRange, DateRangePicker, type DateRangePickerProps, 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, type FormControlProps, FormDescription, type FormDescriptionProps, FormField, type FormFieldProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, type FormProps, Heading, type HeadingProps, Label, type LabelProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, type PresetOption, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, type SegmentedControlRadius, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, type SeparatorProps, Skeleton, SkeletonAvatar, SkeletonBadge, SkeletonButton, SkeletonCard, SkeletonIcon, SkeletonInput, SkeletonSubtitle, SkeletonTableRow, SkeletonTableRows, SkeletonText, SkeletonTitle, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, type TableCellProps, TableFooter, TableHead, TableHeader, TableRow, TableRowCheckbox, TableSelectAll, Tabs, TabsContent, TabsList, TabsTrigger, type TabsVariant, Text, type TextProps, Textarea, type TextareaProps, Toggle, type ToggleOption, type ToggleProps, type ToggleRadius, badgeVariants, buttonVariants, captionVariants, codeVariants, headingVariants, labelVariants, segmentedControlItemVariants, segmentedControlVariants, separatorVariants, switchLabelVariants, switchThumbVariants, switchTrackVariants, textVariants, toggleGroupVariants, toggleItemVariants, useColumnVisibility, useFormContext, useFormFieldContext, useTableSelection };
+export { type ActionColumn, Badge, type BadgeProps, Button, type ButtonProps, Caption, type CaptionProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Code, type CodeProps, type ColumnDef, ColumnSelection, type ColumnSelectionProps, type ComparisonPeriod, DEFAULT_COMPARISON_PERIODS, DEFAULT_PRESETS, type DateRange, DateRangePicker, type DateRangePickerProps, 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, type FormControlProps, FormDescription, type FormDescriptionProps, FormField, type FormFieldProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, type FormProps, Heading, type HeadingProps, Label, type LabelProps, PeriodComparisonSelector, type PeriodComparisonSelectorProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, type PresetOption, type PresetSection, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, type SegmentedControlRadius, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, type SeparatorProps, Skeleton, SkeletonAvatar, SkeletonBadge, SkeletonButton, SkeletonCard, SkeletonIcon, SkeletonInput, SkeletonSubtitle, SkeletonTableRow, SkeletonTableRows, SkeletonText, SkeletonTitle, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, type TableCellProps, TableFooter, TableHead, TableHeader, TableRow, TableRowCheckbox, TableSelectAll, Tabs, TabsContent, TabsList, TabsTrigger, type TabsVariant, Text, type TextProps, Textarea, type TextareaProps, Toggle, type ToggleOption, type ToggleProps, type ToggleRadius, badgeVariants, buttonVariants, captionVariants, codeVariants, headingVariants, labelVariants, segmentedControlItemVariants, segmentedControlVariants, separatorVariants, switchLabelVariants, switchThumbVariants, switchTrackVariants, textVariants, toggleGroupVariants, toggleItemVariants, useColumnVisibility, useFormContext, useFormFieldContext, useTableSelection };

package/dist/primitives.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkJ2AWNOYH_js = require('./chunk-J2AWNOYH.js');
+var chunkFBYLMSO3_js = require('./chunk-FBYLMSO3.js');
 var chunk5XF7Y25B_js = require('./chunk-5XF7Y25B.js');
 require('./chunk-GGM3MDFM.js');
 
@@ -8,403 +8,411 @@ require('./chunk-GGM3MDFM.js');
 
 Object.defineProperty(exports, "Button", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.Button; }
+  get: function () { return chunkFBYLMSO3_js.Button; }
 });
 Object.defineProperty(exports, "Card", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.Card; }
+  get: function () { return chunkFBYLMSO3_js.Card; }
 });
 Object.defineProperty(exports, "CardContent", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.CardContent; }
+  get: function () { return chunkFBYLMSO3_js.CardContent; }
 });
 Object.defineProperty(exports, "CardDescription", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.CardDescription; }
+  get: function () { return chunkFBYLMSO3_js.CardDescription; }
 });
 Object.defineProperty(exports, "CardFooter", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.CardFooter; }
+  get: function () { return chunkFBYLMSO3_js.CardFooter; }
 });
 Object.defineProperty(exports, "CardHeader", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.CardHeader; }
+  get: function () { return chunkFBYLMSO3_js.CardHeader; }
 });
 Object.defineProperty(exports, "CardTitle", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.CardTitle; }
+  get: function () { return chunkFBYLMSO3_js.CardTitle; }
 });
 Object.defineProperty(exports, "Checkbox", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.Checkbox; }
+  get: function () { return chunkFBYLMSO3_js.Checkbox; }
 });
 Object.defineProperty(exports, "ColumnSelection", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.ColumnSelection; }
+  get: function () { return chunkFBYLMSO3_js.ColumnSelection; }
+});
+Object.defineProperty(exports, "DEFAULT_COMPARISON_PERIODS", {
+  enumerable: true,
+  get: function () { return chunkFBYLMSO3_js.DEFAULT_COMPARISON_PERIODS; }
 });
 Object.defineProperty(exports, "DEFAULT_PRESETS", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.DEFAULT_PRESETS; }
+  get: function () { return chunkFBYLMSO3_js.DEFAULT_PRESETS; }
 });
 Object.defineProperty(exports, "DateRangePicker", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.DateRangePicker; }
+  get: function () { return chunkFBYLMSO3_js.DateRangePicker; }
 });
 Object.defineProperty(exports, "Dialog", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.Dialog; }
+  get: function () { return chunkFBYLMSO3_js.Dialog; }
 });
 Object.defineProperty(exports, "DialogClose", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.DialogClose; }
+  get: function () { return chunkFBYLMSO3_js.DialogClose; }
 });
 Object.defineProperty(exports, "DialogContent", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.DialogContent; }
+  get: function () { return chunkFBYLMSO3_js.DialogContent; }
 });
 Object.defineProperty(exports, "DialogDescription", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.DialogDescription; }
+  get: function () { return chunkFBYLMSO3_js.DialogDescription; }
 });
 Object.defineProperty(exports, "DialogFooter", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.DialogFooter; }
+  get: function () { return chunkFBYLMSO3_js.DialogFooter; }
 });
 Object.defineProperty(exports, "DialogHeader", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.DialogHeader; }
+  get: function () { return chunkFBYLMSO3_js.DialogHeader; }
 });
 Object.defineProperty(exports, "DialogOverlay", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.DialogOverlay; }
+  get: function () { return chunkFBYLMSO3_js.DialogOverlay; }
 });
 Object.defineProperty(exports, "DialogPortal", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.DialogPortal; }
+  get: function () { return chunkFBYLMSO3_js.DialogPortal; }
 });
 Object.defineProperty(exports, "DialogTitle", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.DialogTitle; }
+  get: function () { return chunkFBYLMSO3_js.DialogTitle; }
 });
 Object.defineProperty(exports, "DialogTrigger", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.DialogTrigger; }
+  get: function () { return chunkFBYLMSO3_js.DialogTrigger; }
 });
 Object.defineProperty(exports, "DropdownMenu", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.DropdownMenu; }
+  get: function () { return chunkFBYLMSO3_js.DropdownMenu; }
 });
 Object.defineProperty(exports, "DropdownMenuCheckboxItem", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.DropdownMenuCheckboxItem; }
+  get: function () { return chunkFBYLMSO3_js.DropdownMenuCheckboxItem; }
 });
 Object.defineProperty(exports, "DropdownMenuContent", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.DropdownMenuContent; }
+  get: function () { return chunkFBYLMSO3_js.DropdownMenuContent; }
 });
 Object.defineProperty(exports, "DropdownMenuGroup", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.DropdownMenuGroup; }
+  get: function () { return chunkFBYLMSO3_js.DropdownMenuGroup; }
 });
 Object.defineProperty(exports, "DropdownMenuItem", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.DropdownMenuItem; }
+  get: function () { return chunkFBYLMSO3_js.DropdownMenuItem; }
 });
 Object.defineProperty(exports, "DropdownMenuLabel", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.DropdownMenuLabel; }
+  get: function () { return chunkFBYLMSO3_js.DropdownMenuLabel; }
 });
 Object.defineProperty(exports, "DropdownMenuPortal", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.DropdownMenuPortal; }
+  get: function () { return chunkFBYLMSO3_js.DropdownMenuPortal; }
 });
 Object.defineProperty(exports, "DropdownMenuRadioGroup", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.DropdownMenuRadioGroup; }
+  get: function () { return chunkFBYLMSO3_js.DropdownMenuRadioGroup; }
 });
 Object.defineProperty(exports, "DropdownMenuRadioItem", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.DropdownMenuRadioItem; }
+  get: function () { return chunkFBYLMSO3_js.DropdownMenuRadioItem; }
 });
 Object.defineProperty(exports, "DropdownMenuSeparator", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.DropdownMenuSeparator; }
+  get: function () { return chunkFBYLMSO3_js.DropdownMenuSeparator; }
 });
 Object.defineProperty(exports, "DropdownMenuShortcut", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.DropdownMenuShortcut; }
+  get: function () { return chunkFBYLMSO3_js.DropdownMenuShortcut; }
 });
 Object.defineProperty(exports, "DropdownMenuSub", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.DropdownMenuSub; }
+  get: function () { return chunkFBYLMSO3_js.DropdownMenuSub; }
 });
 Object.defineProperty(exports, "DropdownMenuSubContent", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.DropdownMenuSubContent; }
+  get: function () { return chunkFBYLMSO3_js.DropdownMenuSubContent; }
 });
 Object.defineProperty(exports, "DropdownMenuSubTrigger", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.DropdownMenuSubTrigger; }
+  get: function () { return chunkFBYLMSO3_js.DropdownMenuSubTrigger; }
 });
 Object.defineProperty(exports, "DropdownMenuTrigger", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.DropdownMenuTrigger; }
+  get: function () { return chunkFBYLMSO3_js.DropdownMenuTrigger; }
 });
 Object.defineProperty(exports, "Form", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.Form; }
+  get: function () { return chunkFBYLMSO3_js.Form; }
 });
 Object.defineProperty(exports, "FormControl", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.FormControl; }
+  get: function () { return chunkFBYLMSO3_js.FormControl; }
 });
 Object.defineProperty(exports, "FormDescription", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.FormDescription; }
+  get: function () { return chunkFBYLMSO3_js.FormDescription; }
 });
 Object.defineProperty(exports, "FormField", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.FormField; }
+  get: function () { return chunkFBYLMSO3_js.FormField; }
 });
 Object.defineProperty(exports, "FormLabel", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.FormLabel; }
+  get: function () { return chunkFBYLMSO3_js.FormLabel; }
 });
 Object.defineProperty(exports, "FormMessage", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.FormMessage; }
+  get: function () { return chunkFBYLMSO3_js.FormMessage; }
+});
+Object.defineProperty(exports, "PeriodComparisonSelector", {
+  enumerable: true,
+  get: function () { return chunkFBYLMSO3_js.PeriodComparisonSelector; }
 });
 Object.defineProperty(exports, "Popover", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.Popover; }
+  get: function () { return chunkFBYLMSO3_js.Popover; }
 });
 Object.defineProperty(exports, "PopoverAnchor", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.PopoverAnchor; }
+  get: function () { return chunkFBYLMSO3_js.PopoverAnchor; }
 });
 Object.defineProperty(exports, "PopoverContent", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.PopoverContent; }
+  get: function () { return chunkFBYLMSO3_js.PopoverContent; }
 });
 Object.defineProperty(exports, "PopoverTrigger", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.PopoverTrigger; }
+  get: function () { return chunkFBYLMSO3_js.PopoverTrigger; }
 });
 Object.defineProperty(exports, "SegmentedControl", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.SegmentedControl; }
+  get: function () { return chunkFBYLMSO3_js.SegmentedControl; }
 });
 Object.defineProperty(exports, "Select", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.Select; }
+  get: function () { return chunkFBYLMSO3_js.Select; }
 });
 Object.defineProperty(exports, "SelectContent", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.SelectContent; }
+  get: function () { return chunkFBYLMSO3_js.SelectContent; }
 });
 Object.defineProperty(exports, "SelectGroup", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.SelectGroup; }
+  get: function () { return chunkFBYLMSO3_js.SelectGroup; }
 });
 Object.defineProperty(exports, "SelectItem", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.SelectItem; }
+  get: function () { return chunkFBYLMSO3_js.SelectItem; }
 });
 Object.defineProperty(exports, "SelectLabel", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.SelectLabel; }
+  get: function () { return chunkFBYLMSO3_js.SelectLabel; }
 });
 Object.defineProperty(exports, "SelectScrollDownButton", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.SelectScrollDownButton; }
+  get: function () { return chunkFBYLMSO3_js.SelectScrollDownButton; }
 });
 Object.defineProperty(exports, "SelectScrollUpButton", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.SelectScrollUpButton; }
+  get: function () { return chunkFBYLMSO3_js.SelectScrollUpButton; }
 });
 Object.defineProperty(exports, "SelectSeparator", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.SelectSeparator; }
+  get: function () { return chunkFBYLMSO3_js.SelectSeparator; }
 });
 Object.defineProperty(exports, "SelectTrigger", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.SelectTrigger; }
+  get: function () { return chunkFBYLMSO3_js.SelectTrigger; }
 });
 Object.defineProperty(exports, "SelectValue", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.SelectValue; }
+  get: function () { return chunkFBYLMSO3_js.SelectValue; }
 });
 Object.defineProperty(exports, "Separator", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.Separator; }
+  get: function () { return chunkFBYLMSO3_js.Separator; }
 });
 Object.defineProperty(exports, "Skeleton", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.Skeleton; }
+  get: function () { return chunkFBYLMSO3_js.Skeleton; }
 });
 Object.defineProperty(exports, "SkeletonAvatar", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.SkeletonAvatar; }
+  get: function () { return chunkFBYLMSO3_js.SkeletonAvatar; }
 });
 Object.defineProperty(exports, "SkeletonBadge", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.SkeletonBadge; }
+  get: function () { return chunkFBYLMSO3_js.SkeletonBadge; }
 });
 Object.defineProperty(exports, "SkeletonButton", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.SkeletonButton; }
+  get: function () { return chunkFBYLMSO3_js.SkeletonButton; }
 });
 Object.defineProperty(exports, "SkeletonCard", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.SkeletonCard; }
+  get: function () { return chunkFBYLMSO3_js.SkeletonCard; }
 });
 Object.defineProperty(exports, "SkeletonIcon", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.SkeletonIcon; }
+  get: function () { return chunkFBYLMSO3_js.SkeletonIcon; }
 });
 Object.defineProperty(exports, "SkeletonInput", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.SkeletonInput; }
+  get: function () { return chunkFBYLMSO3_js.SkeletonInput; }
 });
 Object.defineProperty(exports, "SkeletonSubtitle", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.SkeletonSubtitle; }
+  get: function () { return chunkFBYLMSO3_js.SkeletonSubtitle; }
 });
 Object.defineProperty(exports, "SkeletonTableRow", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.SkeletonTableRow; }
+  get: function () { return chunkFBYLMSO3_js.SkeletonTableRow; }
 });
 Object.defineProperty(exports, "SkeletonTableRows", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.SkeletonTableRows; }
+  get: function () { return chunkFBYLMSO3_js.SkeletonTableRows; }
 });
 Object.defineProperty(exports, "SkeletonText", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.SkeletonText; }
+  get: function () { return chunkFBYLMSO3_js.SkeletonText; }
 });
 Object.defineProperty(exports, "SkeletonTitle", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.SkeletonTitle; }
+  get: function () { return chunkFBYLMSO3_js.SkeletonTitle; }
 });
 Object.defineProperty(exports, "Switch", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.Switch; }
+  get: function () { return chunkFBYLMSO3_js.Switch; }
 });
 Object.defineProperty(exports, "Table", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.Table; }
+  get: function () { return chunkFBYLMSO3_js.Table; }
 });
 Object.defineProperty(exports, "TableBody", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.TableBody; }
+  get: function () { return chunkFBYLMSO3_js.TableBody; }
 });
 Object.defineProperty(exports, "TableCaption", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.TableCaption; }
+  get: function () { return chunkFBYLMSO3_js.TableCaption; }
 });
 Object.defineProperty(exports, "TableCell", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.TableCell; }
+  get: function () { return chunkFBYLMSO3_js.TableCell; }
 });
 Object.defineProperty(exports, "TableFooter", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.TableFooter; }
+  get: function () { return chunkFBYLMSO3_js.TableFooter; }
 });
 Object.defineProperty(exports, "TableHead", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.TableHead; }
+  get: function () { return chunkFBYLMSO3_js.TableHead; }
 });
 Object.defineProperty(exports, "TableHeader", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.TableHeader; }
+  get: function () { return chunkFBYLMSO3_js.TableHeader; }
 });
 Object.defineProperty(exports, "TableRow", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.TableRow; }
+  get: function () { return chunkFBYLMSO3_js.TableRow; }
 });
 Object.defineProperty(exports, "TableRowCheckbox", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.TableRowCheckbox; }
+  get: function () { return chunkFBYLMSO3_js.TableRowCheckbox; }
 });
 Object.defineProperty(exports, "TableSelectAll", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.TableSelectAll; }
+  get: function () { return chunkFBYLMSO3_js.TableSelectAll; }
 });
 Object.defineProperty(exports, "Tabs", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.Tabs; }
+  get: function () { return chunkFBYLMSO3_js.Tabs; }
 });
 Object.defineProperty(exports, "TabsContent", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.TabsContent; }
+  get: function () { return chunkFBYLMSO3_js.TabsContent; }
 });
 Object.defineProperty(exports, "TabsList", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.TabsList; }
+  get: function () { return chunkFBYLMSO3_js.TabsList; }
 });
 Object.defineProperty(exports, "TabsTrigger", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.TabsTrigger; }
+  get: function () { return chunkFBYLMSO3_js.TabsTrigger; }
 });
 Object.defineProperty(exports, "Textarea", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.Textarea; }
+  get: function () { return chunkFBYLMSO3_js.Textarea; }
 });
 Object.defineProperty(exports, "Toggle", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.Toggle; }
+  get: function () { return chunkFBYLMSO3_js.Toggle; }
 });
 Object.defineProperty(exports, "buttonVariants", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.buttonVariants; }
+  get: function () { return chunkFBYLMSO3_js.buttonVariants; }
 });
 Object.defineProperty(exports, "segmentedControlItemVariants", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.segmentedControlItemVariants; }
+  get: function () { return chunkFBYLMSO3_js.segmentedControlItemVariants; }
 });
 Object.defineProperty(exports, "segmentedControlVariants", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.segmentedControlVariants; }
+  get: function () { return chunkFBYLMSO3_js.segmentedControlVariants; }
 });
 Object.defineProperty(exports, "separatorVariants", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.separatorVariants; }
+  get: function () { return chunkFBYLMSO3_js.separatorVariants; }
 });
 Object.defineProperty(exports, "switchLabelVariants", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.switchLabelVariants; }
+  get: function () { return chunkFBYLMSO3_js.switchLabelVariants; }
 });
 Object.defineProperty(exports, "switchThumbVariants", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.switchThumbVariants; }
+  get: function () { return chunkFBYLMSO3_js.switchThumbVariants; }
 });
 Object.defineProperty(exports, "switchTrackVariants", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.switchTrackVariants; }
+  get: function () { return chunkFBYLMSO3_js.switchTrackVariants; }
 });
 Object.defineProperty(exports, "toggleGroupVariants", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.toggleGroupVariants; }
+  get: function () { return chunkFBYLMSO3_js.toggleGroupVariants; }
 });
 Object.defineProperty(exports, "toggleItemVariants", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.toggleItemVariants; }
+  get: function () { return chunkFBYLMSO3_js.toggleItemVariants; }
 });
 Object.defineProperty(exports, "useColumnVisibility", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.useColumnVisibility; }
+  get: function () { return chunkFBYLMSO3_js.useColumnVisibility; }
 });
 Object.defineProperty(exports, "useFormContext", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.useFormContext; }
+  get: function () { return chunkFBYLMSO3_js.useFormContext; }
 });
 Object.defineProperty(exports, "useFormFieldContext", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.useFormFieldContext; }
+  get: function () { return chunkFBYLMSO3_js.useFormFieldContext; }
 });
 Object.defineProperty(exports, "useTableSelection", {
   enumerable: true,
-  get: function () { return chunkJ2AWNOYH_js.useTableSelection; }
+  get: function () { return chunkFBYLMSO3_js.useTableSelection; }
 });
 Object.defineProperty(exports, "Badge", {
   enumerable: true,