@misael703/ui 1.16.0 → 1.17.0

package/dist/components/Layout.d.mts

@@ -56,12 +56,42 @@ interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
     size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
 }
 declare function Container({ size, className, style, ...rest }: ContainerProps): react_jsx_runtime.JSX.Element;
+/**
+ * Column count. A number/string is fixed; an object is responsive per
+ * breakpoint (each breakpoint inherits the previous one if omitted).
+ * Breakpoints match the kit tokens: sm 480 · md 768 · lg 1024 · xl 1280.
+ */
+type ResponsiveColumns = number | string | {
+    base?: number;
+    sm?: number;
+    md?: number;
+    lg?: number;
+    xl?: number;
+};
 interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
-    columns?: number | string;
+    columns?: ResponsiveColumns;
     gap?: SpaceToken;
+    /** Intrinsically responsive auto-fit columns; takes precedence over `columns`. */
     minColWidth?: number | string;
 }
 declare function Grid({ columns, gap, minColWidth, className, style, ...rest }: GridProps): react_jsx_runtime.JSX.Element;
+/**
+ * Horizontal group that wraps — the "cluster" layout primitive (Braid /
+ * Every Layout). Sugar for `<Stack direction="row" wrap>`. Use for tag
+ * lists, button rows, filter chips: items flow and wrap, gap stays even.
+ */
+declare const Cluster: React.ForwardRefExoticComponent<Omit<StackProps, "wrap" | "direction"> & React.RefAttributes<HTMLDivElement>>;
+interface SpacerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Fixed size on a space token. Omit for a flexible spacer (`flex: 1`). */
+    size?: SpaceToken;
+}
+/**
+ * Spacing element. With `size`, a fixed gap on the space scale. Without it,
+ * a flexible spacer that eats remaining space in a flex container (pushes
+ * siblings apart) — e.g. a toolbar with left items + `<Spacer />` + right
+ * items.
+ */
+declare function Spacer({ size, style, ...rest }: SpacerProps): react_jsx_runtime.JSX.Element;
 interface KeyValueProps extends React.HTMLAttributes<HTMLDListElement> {
     /** Override del ancho de la columna de keys (default 200px) */
     keyWidth?: number | string;
@@ -87,4 +117,4 @@ interface StepperProps {
 }
 declare function Stepper({ steps, current, className }: StepperProps): react_jsx_runtime.JSX.Element;
 
-export { Container, type ContainerProps, Divider, type DividerProps, Grid, type GridProps, HStack, KeyValue, type KeyValueProps, KeyValueRow, type KeyValueRowProps, ListGroup, ListGroupItem, type ListGroupItemProps, Stack, type StackProps, Stepper, type StepperProps, Tab, TabList, TabPanel, type TabProps, Table, Tabs, type TabsProps, Tooltip, type TooltipProps, VStack };
+export { Cluster, Container, type ContainerProps, Divider, type DividerProps, Grid, type GridProps, HStack, KeyValue, type KeyValueProps, KeyValueRow, type KeyValueRowProps, ListGroup, ListGroupItem, type ListGroupItemProps, type ResponsiveColumns, Spacer, type SpacerProps, Stack, type StackProps, Stepper, type StepperProps, Tab, TabList, TabPanel, type TabProps, Table, Tabs, type TabsProps, Tooltip, type TooltipProps, VStack };

package/dist/components/Layout.d.ts

@@ -56,12 +56,42 @@ interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
     size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
 }
 declare function Container({ size, className, style, ...rest }: ContainerProps): react_jsx_runtime.JSX.Element;
+/**
+ * Column count. A number/string is fixed; an object is responsive per
+ * breakpoint (each breakpoint inherits the previous one if omitted).
+ * Breakpoints match the kit tokens: sm 480 · md 768 · lg 1024 · xl 1280.
+ */
+type ResponsiveColumns = number | string | {
+    base?: number;
+    sm?: number;
+    md?: number;
+    lg?: number;
+    xl?: number;
+};
 interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
-    columns?: number | string;
+    columns?: ResponsiveColumns;
     gap?: SpaceToken;
+    /** Intrinsically responsive auto-fit columns; takes precedence over `columns`. */
     minColWidth?: number | string;
 }
 declare function Grid({ columns, gap, minColWidth, className, style, ...rest }: GridProps): react_jsx_runtime.JSX.Element;
+/**
+ * Horizontal group that wraps — the "cluster" layout primitive (Braid /
+ * Every Layout). Sugar for `<Stack direction="row" wrap>`. Use for tag
+ * lists, button rows, filter chips: items flow and wrap, gap stays even.
+ */
+declare const Cluster: React.ForwardRefExoticComponent<Omit<StackProps, "wrap" | "direction"> & React.RefAttributes<HTMLDivElement>>;
+interface SpacerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Fixed size on a space token. Omit for a flexible spacer (`flex: 1`). */
+    size?: SpaceToken;
+}
+/**
+ * Spacing element. With `size`, a fixed gap on the space scale. Without it,
+ * a flexible spacer that eats remaining space in a flex container (pushes
+ * siblings apart) — e.g. a toolbar with left items + `<Spacer />` + right
+ * items.
+ */
+declare function Spacer({ size, style, ...rest }: SpacerProps): react_jsx_runtime.JSX.Element;
 interface KeyValueProps extends React.HTMLAttributes<HTMLDListElement> {
     /** Override del ancho de la columna de keys (default 200px) */
     keyWidth?: number | string;
@@ -87,4 +117,4 @@ interface StepperProps {
 }
 declare function Stepper({ steps, current, className }: StepperProps): react_jsx_runtime.JSX.Element;
 
-export { Container, type ContainerProps, Divider, type DividerProps, Grid, type GridProps, HStack, KeyValue, type KeyValueProps, KeyValueRow, type KeyValueRowProps, ListGroup, ListGroupItem, type ListGroupItemProps, Stack, type StackProps, Stepper, type StepperProps, Tab, TabList, TabPanel, type TabProps, Table, Tabs, type TabsProps, Tooltip, type TooltipProps, VStack };
+export { Cluster, Container, type ContainerProps, Divider, type DividerProps, Grid, type GridProps, HStack, KeyValue, type KeyValueProps, KeyValueRow, type KeyValueRowProps, ListGroup, ListGroupItem, type ListGroupItemProps, type ResponsiveColumns, Spacer, type SpacerProps, Stack, type StackProps, Stepper, type StepperProps, Tab, TabList, TabPanel, type TabProps, Table, Tabs, type TabsProps, Tooltip, type TooltipProps, VStack };

package/dist/components/Layout.js

@@ -1,7 +1,7 @@
 'use client';
 'use strict';
 
-var chunkTIO7MIUN_js = require('../chunk-TIO7MIUN.js');
+var chunkFS42XEU7_js = require('../chunk-FS42XEU7.js');
 require('../chunk-7I5LFBQR.js');
 require('../chunk-WAGWB35Q.js');
 require('../chunk-EUB4PHPI.js');
@@ -10,73 +10,81 @@ require('../chunk-PASF6T4H.js');
 
 
 
+Object.defineProperty(exports, "Cluster", {
+  enumerable: true,
+  get: function () { return chunkFS42XEU7_js.Cluster; }
+});
 Object.defineProperty(exports, "Container", {
   enumerable: true,
-  get: function () { return chunkTIO7MIUN_js.Container; }
+  get: function () { return chunkFS42XEU7_js.Container; }
 });
 Object.defineProperty(exports, "Divider", {
   enumerable: true,
-  get: function () { return chunkTIO7MIUN_js.Divider; }
+  get: function () { return chunkFS42XEU7_js.Divider; }
 });
 Object.defineProperty(exports, "Grid", {
   enumerable: true,
-  get: function () { return chunkTIO7MIUN_js.Grid; }
+  get: function () { return chunkFS42XEU7_js.Grid; }
 });
 Object.defineProperty(exports, "HStack", {
   enumerable: true,
-  get: function () { return chunkTIO7MIUN_js.HStack; }
+  get: function () { return chunkFS42XEU7_js.HStack; }
 });
 Object.defineProperty(exports, "KeyValue", {
   enumerable: true,
-  get: function () { return chunkTIO7MIUN_js.KeyValue; }
+  get: function () { return chunkFS42XEU7_js.KeyValue; }
 });
 Object.defineProperty(exports, "KeyValueRow", {
   enumerable: true,
-  get: function () { return chunkTIO7MIUN_js.KeyValueRow; }
+  get: function () { return chunkFS42XEU7_js.KeyValueRow; }
 });
 Object.defineProperty(exports, "ListGroup", {
   enumerable: true,
-  get: function () { return chunkTIO7MIUN_js.ListGroup; }
+  get: function () { return chunkFS42XEU7_js.ListGroup; }
 });
 Object.defineProperty(exports, "ListGroupItem", {
   enumerable: true,
-  get: function () { return chunkTIO7MIUN_js.ListGroupItem; }
+  get: function () { return chunkFS42XEU7_js.ListGroupItem; }
+});
+Object.defineProperty(exports, "Spacer", {
+  enumerable: true,
+  get: function () { return chunkFS42XEU7_js.Spacer; }
 });
 Object.defineProperty(exports, "Stack", {
   enumerable: true,
-  get: function () { return chunkTIO7MIUN_js.Stack; }
+  get: function () { return chunkFS42XEU7_js.Stack; }
 });
 Object.defineProperty(exports, "Stepper", {
   enumerable: true,
-  get: function () { return chunkTIO7MIUN_js.Stepper; }
+  get: function () { return chunkFS42XEU7_js.Stepper; }
 });
 Object.defineProperty(exports, "Tab", {
   enumerable: true,
-  get: function () { return chunkTIO7MIUN_js.Tab; }
+  get: function () { return chunkFS42XEU7_js.Tab; }
 });
 Object.defineProperty(exports, "TabList", {
   enumerable: true,
-  get: function () { return chunkTIO7MIUN_js.TabList; }
+  get: function () { return chunkFS42XEU7_js.TabList; }
 });
 Object.defineProperty(exports, "TabPanel", {
   enumerable: true,
-  get: function () { return chunkTIO7MIUN_js.TabPanel; }
+  get: function () { return chunkFS42XEU7_js.TabPanel; }
 });
 Object.defineProperty(exports, "Table", {
   enumerable: true,
-  get: function () { return chunkTIO7MIUN_js.Table; }
+  get: function () { return chunkFS42XEU7_js.Table; }
 });
 Object.defineProperty(exports, "Tabs", {
   enumerable: true,
-  get: function () { return chunkTIO7MIUN_js.Tabs; }
+  get: function () { return chunkFS42XEU7_js.Tabs; }
 });
 Object.defineProperty(exports, "Tooltip", {
   enumerable: true,
-  get: function () { return chunkTIO7MIUN_js.Tooltip; }
+  get: function () { return chunkFS42XEU7_js.Tooltip; }
 });
 Object.defineProperty(exports, "VStack", {
   enumerable: true,
-  get: function () { return chunkTIO7MIUN_js.VStack; }
+  get: function () { return chunkFS42XEU7_js.VStack; }
 });
 //# sourceMappingURL=Layout.js.map
 //# sourceMappingURL=Layout.js.map

package/dist/components/Layout.mjs

@@ -1,5 +1,5 @@
 'use client';
-export { Container, Divider, Grid, HStack, KeyValue, KeyValueRow, ListGroup, ListGroupItem, Stack, Stepper, Tab, TabList, TabPanel, Table, Tabs, Tooltip, VStack } from '../chunk-BGIX6G5V.mjs';
+export { Cluster, Container, Divider, Grid, HStack, KeyValue, KeyValueRow, ListGroup, ListGroupItem, Spacer, Stack, Stepper, Tab, TabList, TabPanel, Table, Tabs, Tooltip, VStack } from '../chunk-5A3MAGA3.mjs';
 import '../chunk-PRML6VEF.mjs';
 import '../chunk-FKBQYQQD.mjs';
 import '../chunk-IEPKSPBX.mjs';

package/dist/components/Pickers.js

@@ -1,8 +1,8 @@
 'use client';
 'use strict';
 
-var chunk62F5E5NQ_js = require('../chunk-62F5E5NQ.js');
-require('../chunk-HHEYTMBY.js');
+var chunkDGBVPXGW_js = require('../chunk-DGBVPXGW.js');
+require('../chunk-MVJITG75.js');
 require('../chunk-XMLBKK7X.js');
 require('../chunk-7I5LFBQR.js');
 require('../chunk-WAGWB35Q.js');
@@ -15,23 +15,23 @@ require('../chunk-PASF6T4H.js');
 
 Object.defineProperty(exports, "Combobox", {
   enumerable: true,
-  get: function () { return chunk62F5E5NQ_js.Combobox; }
+  get: function () { return chunkDGBVPXGW_js.Combobox; }
 });
 Object.defineProperty(exports, "DatePicker", {
   enumerable: true,
-  get: function () { return chunk62F5E5NQ_js.DatePicker; }
+  get: function () { return chunkDGBVPXGW_js.DatePicker; }
 });
 Object.defineProperty(exports, "FileUpload", {
   enumerable: true,
-  get: function () { return chunk62F5E5NQ_js.FileUpload; }
+  get: function () { return chunkDGBVPXGW_js.FileUpload; }
 });
 Object.defineProperty(exports, "MonthPicker", {
   enumerable: true,
-  get: function () { return chunk62F5E5NQ_js.MonthPicker; }
+  get: function () { return chunkDGBVPXGW_js.MonthPicker; }
 });
 Object.defineProperty(exports, "YearPicker", {
   enumerable: true,
-  get: function () { return chunk62F5E5NQ_js.YearPicker; }
+  get: function () { return chunkDGBVPXGW_js.YearPicker; }
 });
 //# sourceMappingURL=Pickers.js.map
 //# sourceMappingURL=Pickers.js.map

package/dist/components/Pickers.mjs

@@ -1,6 +1,6 @@
 'use client';
-export { Combobox, DatePicker, FileUpload, MonthPicker, YearPicker } from '../chunk-5MIN6LUP.mjs';
-import '../chunk-N5D6AC6M.mjs';
+export { Combobox, DatePicker, FileUpload, MonthPicker, YearPicker } from '../chunk-YNU45Y5T.mjs';
+import '../chunk-4QHE5H36.mjs';
 import '../chunk-6P2TKRTL.mjs';
 import '../chunk-PRML6VEF.mjs';
 import '../chunk-FKBQYQQD.mjs';

package/dist/components/Toggle.d.mts

@@ -34,9 +34,25 @@ interface ToggleGroupMultipleProps extends ToggleGroupBaseProps {
 }
 type ToggleGroupProps = ToggleGroupSingleProps | ToggleGroupMultipleProps;
 declare function ToggleGroup(props: ToggleGroupProps): react_jsx_runtime.JSX.Element;
+/**
+ * `SegmentedControl` — a single-select `ToggleGroup` with equal-width
+ * segments. The common case (view switcher, filter mode, on/off pair) is
+ * `type="single"`; this drops the discriminant so you can't trip the
+ * cryptic union error from forgetting `type`. Use `SegmentedControlItem`
+ * (alias of `ToggleGroupItem`) for the options.
+ *
+ *   <SegmentedControl value={view} onChange={setView} ariaLabel="Vista">
+ *     <SegmentedControlItem value="list">Lista</SegmentedControlItem>
+ *     <SegmentedControlItem value="grid">Tarjetas</SegmentedControlItem>
+ *   </SegmentedControl>
+ */
+type SegmentedControlProps = Omit<ToggleGroupSingleProps, 'type'>;
+declare function SegmentedControl({ className, ...rest }: SegmentedControlProps): react_jsx_runtime.JSX.Element;
 interface ToggleGroupItemProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'value'> {
     value: string;
 }
 declare const ToggleGroupItem: React.ForwardRefExoticComponent<ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
+/** Alias of `ToggleGroupItem` for use inside `SegmentedControl`. */
+declare const SegmentedControlItem: React.ForwardRefExoticComponent<ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
 
-export { Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupMultipleProps, type ToggleGroupProps, type ToggleGroupSingleProps, type ToggleProps, type ToggleSize, type ToggleVariant };
+export { SegmentedControl, SegmentedControlItem, type SegmentedControlProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupMultipleProps, type ToggleGroupProps, type ToggleGroupSingleProps, type ToggleProps, type ToggleSize, type ToggleVariant };

package/dist/components/Toggle.d.ts

@@ -34,9 +34,25 @@ interface ToggleGroupMultipleProps extends ToggleGroupBaseProps {
 }
 type ToggleGroupProps = ToggleGroupSingleProps | ToggleGroupMultipleProps;
 declare function ToggleGroup(props: ToggleGroupProps): react_jsx_runtime.JSX.Element;
+/**
+ * `SegmentedControl` — a single-select `ToggleGroup` with equal-width
+ * segments. The common case (view switcher, filter mode, on/off pair) is
+ * `type="single"`; this drops the discriminant so you can't trip the
+ * cryptic union error from forgetting `type`. Use `SegmentedControlItem`
+ * (alias of `ToggleGroupItem`) for the options.
+ *
+ *   <SegmentedControl value={view} onChange={setView} ariaLabel="Vista">
+ *     <SegmentedControlItem value="list">Lista</SegmentedControlItem>
+ *     <SegmentedControlItem value="grid">Tarjetas</SegmentedControlItem>
+ *   </SegmentedControl>
+ */
+type SegmentedControlProps = Omit<ToggleGroupSingleProps, 'type'>;
+declare function SegmentedControl({ className, ...rest }: SegmentedControlProps): react_jsx_runtime.JSX.Element;
 interface ToggleGroupItemProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'value'> {
     value: string;
 }
 declare const ToggleGroupItem: React.ForwardRefExoticComponent<ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
+/** Alias of `ToggleGroupItem` for use inside `SegmentedControl`. */
+declare const SegmentedControlItem: React.ForwardRefExoticComponent<ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
 
-export { Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupMultipleProps, type ToggleGroupProps, type ToggleGroupSingleProps, type ToggleProps, type ToggleSize, type ToggleVariant };
+export { SegmentedControl, SegmentedControlItem, type SegmentedControlProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupMultipleProps, type ToggleGroupProps, type ToggleGroupSingleProps, type ToggleProps, type ToggleSize, type ToggleVariant };

package/dist/components/Toggle.js

@@ -1,22 +1,30 @@
 'use client';
 'use strict';
 
-var chunkAZBX7UFI_js = require('../chunk-AZBX7UFI.js');
+var chunkPRECODB3_js = require('../chunk-PRECODB3.js');
 require('../chunk-PASF6T4H.js');
 
 
 
+Object.defineProperty(exports, "SegmentedControl", {
+  enumerable: true,
+  get: function () { return chunkPRECODB3_js.SegmentedControl; }
+});
+Object.defineProperty(exports, "SegmentedControlItem", {
+  enumerable: true,
+  get: function () { return chunkPRECODB3_js.SegmentedControlItem; }
+});
 Object.defineProperty(exports, "Toggle", {
   enumerable: true,
-  get: function () { return chunkAZBX7UFI_js.Toggle; }
+  get: function () { return chunkPRECODB3_js.Toggle; }
 });
 Object.defineProperty(exports, "ToggleGroup", {
   enumerable: true,
-  get: function () { return chunkAZBX7UFI_js.ToggleGroup; }
+  get: function () { return chunkPRECODB3_js.ToggleGroup; }
 });
 Object.defineProperty(exports, "ToggleGroupItem", {
   enumerable: true,
-  get: function () { return chunkAZBX7UFI_js.ToggleGroupItem; }
+  get: function () { return chunkPRECODB3_js.ToggleGroupItem; }
 });
 //# sourceMappingURL=Toggle.js.map
 //# sourceMappingURL=Toggle.js.map

package/dist/components/Toggle.mjs

@@ -1,5 +1,5 @@
 'use client';
-export { Toggle, ToggleGroup, ToggleGroupItem } from '../chunk-DHCJMYFD.mjs';
+export { SegmentedControl, SegmentedControlItem, Toggle, ToggleGroup, ToggleGroupItem } from '../chunk-B4I6BMNS.mjs';
 import '../chunk-IEPCH3JB.mjs';
 //# sourceMappingURL=Toggle.mjs.map
 //# sourceMappingURL=Toggle.mjs.map

package/dist/index.d.mts

@@ -1,13 +1,13 @@
 export { BRAND_DEFAULTS, BrandDefaults, configureBrand, getBrand, resetBrand } from './brand.mjs';
 export { cx } from './utils/cx.mjs';
-export { DateFormat, ResolvedDateFormat, addMonths, buildMonthGrid, dateFormatPlaceholder, detectFormatFromLocale, formatDate, isSameDay, parseDate, resolveDateFormat, startOfMonth } from './utils/dateFormat.mjs';
+export { DateFormat, RelativeDayOptions, ResolvedDateFormat, addMonths, buildMonthGrid, dateFormatPlaceholder, detectFormatFromLocale, formatDate, formatRelativeDay, isSameDay, isToday, isTomorrow, isYesterday, parseDate, resolveDateFormat, startOfMonth } from './utils/dateFormat.mjs';
 export { Extensible } from './utils/types.mjs';
 export { LocaleProvider, LocaleProviderProps, UiKitMessages, esMessages, format, useLocale } from './locale/index.mjs';
 export { Button, ButtonGroup, ButtonProps, ButtonSize, ButtonVariant } from './components/Button.mjs';
 export { Checkbox, CheckboxProps, FormField, FormFieldProps, Input, InputGroup, InputGroupAddon, InputProps, Label, LabelProps, Radio, RadioProps, Select, SelectProps, Switch, SwitchProps, Textarea, TextareaProps } from './components/Form.mjs';
-export { Alert, AlertProps, AlertVariant, Badge, BadgeProps, BadgeVariant, Card, CardAccent, CardBody, CardFooter, CardHeader, CardProps, Chip, ChipGroup, ChipProps, ProductCard, ProductCardProps, Skeleton, SkeletonProps, Spinner, SpinnerProps } from './components/Display.mjs';
+export { Alert, AlertProps, AlertVariant, Badge, BadgeProps, BadgeVariant, Card, CardAccent, CardBody, CardFooter, CardHeader, CardProps, CategoryAccent, Chip, ChipGroup, ChipProps, ProductCard, ProductCardProps, Skeleton, SkeletonProps, Spinner, SpinnerProps } from './components/Display.mjs';
 export { Drawer, DrawerProps, Modal, OverlayProps } from './components/Overlay.mjs';
-export { Container, ContainerProps, Divider, DividerProps, Grid, GridProps, HStack, KeyValue, KeyValueProps, KeyValueRow, KeyValueRowProps, ListGroup, ListGroupItem, ListGroupItemProps, Stack, StackProps, Stepper, StepperProps, Tab, TabList, TabPanel, TabProps, Table, Tabs, TabsProps, Tooltip, TooltipProps, VStack } from './components/Layout.mjs';
+export { Cluster, Container, ContainerProps, Divider, DividerProps, Grid, GridProps, HStack, KeyValue, KeyValueProps, KeyValueRow, KeyValueRowProps, ListGroup, ListGroupItem, ListGroupItemProps, ResponsiveColumns, Spacer, SpacerProps, Stack, StackProps, Stepper, StepperProps, Tab, TabList, TabPanel, TabProps, Table, Tabs, TabsProps, Tooltip, TooltipProps, VStack } from './components/Layout.mjs';
 export { ToastItem, ToastProvider, useToast } from './components/Toast.mjs';
 export { EmptyState, EmptyStateProps, Kpi, KpiProps, NumberInput, NumberInputProps, Pagination, PaginationProps } from './components/Inputs.mjs';
 export { Combobox, ComboboxOption, ComboboxProps, DatePicker, DatePickerProps, FileUpload, FileUploadProps, MonthPicker, MonthPickerProps, YearPicker, YearPickerProps } from './components/Pickers.mjs';
@@ -32,7 +32,7 @@ export { CategoryItem, CategoryNav, CategoryNavProps, Hero, HeroProps, Testimoni
 export { Popover, PopoverPlacement, PopoverProps } from './components/Popover.mjs';
 export { HoverCard, HoverCardPlacement, HoverCardProps } from './components/HoverCard.mjs';
 export { ContextMenu, ContextMenuItem, ContextMenuProps } from './components/ContextMenu.mjs';
-export { Toggle, ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupMultipleProps, ToggleGroupProps, ToggleGroupSingleProps, ToggleProps, ToggleSize, ToggleVariant } from './components/Toggle.mjs';
+export { SegmentedControl, SegmentedControlItem, SegmentedControlProps, Toggle, ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupMultipleProps, ToggleGroupProps, ToggleGroupSingleProps, ToggleProps, ToggleSize, ToggleVariant } from './components/Toggle.mjs';
 export { InputOTP, InputOTPProps } from './components/InputOTP.mjs';
 export { AspectRatio, AspectRatioProps, ScrollArea, ScrollAreaProps, Separator, SeparatorProps, Slot, SlotProps, Slottable } from './components/Primitives.mjs';
 export { Carousel, CarouselProps } from './components/Carousel.mjs';

package/dist/index.d.ts

@@ -1,13 +1,13 @@
 export { BRAND_DEFAULTS, BrandDefaults, configureBrand, getBrand, resetBrand } from './brand.js';
 export { cx } from './utils/cx.js';
-export { DateFormat, ResolvedDateFormat, addMonths, buildMonthGrid, dateFormatPlaceholder, detectFormatFromLocale, formatDate, isSameDay, parseDate, resolveDateFormat, startOfMonth } from './utils/dateFormat.js';
+export { DateFormat, RelativeDayOptions, ResolvedDateFormat, addMonths, buildMonthGrid, dateFormatPlaceholder, detectFormatFromLocale, formatDate, formatRelativeDay, isSameDay, isToday, isTomorrow, isYesterday, parseDate, resolveDateFormat, startOfMonth } from './utils/dateFormat.js';
 export { Extensible } from './utils/types.js';
 export { LocaleProvider, LocaleProviderProps, UiKitMessages, esMessages, format, useLocale } from './locale/index.js';
 export { Button, ButtonGroup, ButtonProps, ButtonSize, ButtonVariant } from './components/Button.js';
 export { Checkbox, CheckboxProps, FormField, FormFieldProps, Input, InputGroup, InputGroupAddon, InputProps, Label, LabelProps, Radio, RadioProps, Select, SelectProps, Switch, SwitchProps, Textarea, TextareaProps } from './components/Form.js';
-export { Alert, AlertProps, AlertVariant, Badge, BadgeProps, BadgeVariant, Card, CardAccent, CardBody, CardFooter, CardHeader, CardProps, Chip, ChipGroup, ChipProps, ProductCard, ProductCardProps, Skeleton, SkeletonProps, Spinner, SpinnerProps } from './components/Display.js';
+export { Alert, AlertProps, AlertVariant, Badge, BadgeProps, BadgeVariant, Card, CardAccent, CardBody, CardFooter, CardHeader, CardProps, CategoryAccent, Chip, ChipGroup, ChipProps, ProductCard, ProductCardProps, Skeleton, SkeletonProps, Spinner, SpinnerProps } from './components/Display.js';
 export { Drawer, DrawerProps, Modal, OverlayProps } from './components/Overlay.js';
-export { Container, ContainerProps, Divider, DividerProps, Grid, GridProps, HStack, KeyValue, KeyValueProps, KeyValueRow, KeyValueRowProps, ListGroup, ListGroupItem, ListGroupItemProps, Stack, StackProps, Stepper, StepperProps, Tab, TabList, TabPanel, TabProps, Table, Tabs, TabsProps, Tooltip, TooltipProps, VStack } from './components/Layout.js';
+export { Cluster, Container, ContainerProps, Divider, DividerProps, Grid, GridProps, HStack, KeyValue, KeyValueProps, KeyValueRow, KeyValueRowProps, ListGroup, ListGroupItem, ListGroupItemProps, ResponsiveColumns, Spacer, SpacerProps, Stack, StackProps, Stepper, StepperProps, Tab, TabList, TabPanel, TabProps, Table, Tabs, TabsProps, Tooltip, TooltipProps, VStack } from './components/Layout.js';
 export { ToastItem, ToastProvider, useToast } from './components/Toast.js';
 export { EmptyState, EmptyStateProps, Kpi, KpiProps, NumberInput, NumberInputProps, Pagination, PaginationProps } from './components/Inputs.js';
 export { Combobox, ComboboxOption, ComboboxProps, DatePicker, DatePickerProps, FileUpload, FileUploadProps, MonthPicker, MonthPickerProps, YearPicker, YearPickerProps } from './components/Pickers.js';
@@ -32,7 +32,7 @@ export { CategoryItem, CategoryNav, CategoryNavProps, Hero, HeroProps, Testimoni
 export { Popover, PopoverPlacement, PopoverProps } from './components/Popover.js';
 export { HoverCard, HoverCardPlacement, HoverCardProps } from './components/HoverCard.js';
 export { ContextMenu, ContextMenuItem, ContextMenuProps } from './components/ContextMenu.js';
-export { Toggle, ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupMultipleProps, ToggleGroupProps, ToggleGroupSingleProps, ToggleProps, ToggleSize, ToggleVariant } from './components/Toggle.js';
+export { SegmentedControl, SegmentedControlItem, SegmentedControlProps, Toggle, ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupMultipleProps, ToggleGroupProps, ToggleGroupSingleProps, ToggleProps, ToggleSize, ToggleVariant } from './components/Toggle.js';
 export { InputOTP, InputOTPProps } from './components/InputOTP.js';
 export { AspectRatio, AspectRatioProps, ScrollArea, ScrollAreaProps, Separator, SeparatorProps, Slot, SlotProps, Slottable } from './components/Primitives.js';
 export { Carousel, CarouselProps } from './components/Carousel.js';