@misael703/ui 1.15.0 → 1.17.0

package/dist/components/AdvancedPickers.js

@@ -1,9 +1,9 @@
 'use client';
 'use strict';
 
-var chunkD7RM4AY4_js = require('../chunk-D7RM4AY4.js');
+var chunkMJ6UOTWQ_js = require('../chunk-MJ6UOTWQ.js');
 require('../chunk-DFQLWCIC.js');
-require('../chunk-HHEYTMBY.js');
+require('../chunk-MVJITG75.js');
 require('../chunk-XMLBKK7X.js');
 require('../chunk-7I5LFBQR.js');
 require('../chunk-WAGWB35Q.js');
@@ -16,19 +16,19 @@ require('../chunk-PASF6T4H.js');
 
 Object.defineProperty(exports, "CommandPalette", {
   enumerable: true,
-  get: function () { return chunkD7RM4AY4_js.CommandPalette; }
+  get: function () { return chunkMJ6UOTWQ_js.CommandPalette; }
 });
 Object.defineProperty(exports, "DateRangePicker", {
   enumerable: true,
-  get: function () { return chunkD7RM4AY4_js.DateRangePicker; }
+  get: function () { return chunkMJ6UOTWQ_js.DateRangePicker; }
 });
 Object.defineProperty(exports, "MultiCombobox", {
   enumerable: true,
-  get: function () { return chunkD7RM4AY4_js.MultiCombobox; }
+  get: function () { return chunkMJ6UOTWQ_js.MultiCombobox; }
 });
 Object.defineProperty(exports, "useCommandPalette", {
   enumerable: true,
-  get: function () { return chunkD7RM4AY4_js.useCommandPalette; }
+  get: function () { return chunkMJ6UOTWQ_js.useCommandPalette; }
 });
 //# sourceMappingURL=AdvancedPickers.js.map
 //# sourceMappingURL=AdvancedPickers.js.map

package/dist/components/AdvancedPickers.mjs

@@ -1,7 +1,7 @@
 'use client';
-export { CommandPalette, DateRangePicker, MultiCombobox, useCommandPalette } from '../chunk-DY3DCHWD.mjs';
+export { CommandPalette, DateRangePicker, MultiCombobox, useCommandPalette } from '../chunk-L4ITC2U6.mjs';
 import '../chunk-Q4HKSXUE.mjs';
-import '../chunk-N5D6AC6M.mjs';
+import '../chunk-4QHE5H36.mjs';
 import '../chunk-6P2TKRTL.mjs';
 import '../chunk-PRML6VEF.mjs';
 import '../chunk-FKBQYQQD.mjs';

package/dist/components/Display.d.mts

@@ -2,7 +2,8 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { Extensible } from '../utils/types.mjs';
 
-type CardAccent = 'brand' | 'secondary' | 'success' | 'warning' | 'danger' | 'info';
+type CategoryAccent = 'cat-1' | 'cat-2' | 'cat-3' | 'cat-4' | 'cat-5' | 'cat-6';
+type CardAccent = 'brand' | 'secondary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral' | CategoryAccent;
 interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
     interactive?: boolean;
     accent?: Extensible<CardAccent>;
@@ -17,7 +18,7 @@ declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttribu
 declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const CardBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-type BadgeVariant = 'primary' | 'accent' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';
+type BadgeVariant = 'primary' | 'accent' | 'success' | 'warning' | 'danger' | 'info' | 'neutral' | CategoryAccent;
 interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
     variant?: Extensible<BadgeVariant>;
     dot?: boolean;
@@ -84,4 +85,4 @@ interface ProductCardProps extends React.HTMLAttributes<HTMLElement> {
 }
 declare function ProductCard({ sku, name, price, image, imageAlt, tag, footer, className, ...rest }: ProductCardProps): react_jsx_runtime.JSX.Element;
 
-export { Alert, type AlertProps, type AlertVariant, Badge, type BadgeProps, type BadgeVariant, Card, type CardAccent, CardBody, CardFooter, CardHeader, type CardProps, Chip, ChipGroup, type ChipProps, ProductCard, type ProductCardProps, Skeleton, type SkeletonProps, Spinner, type SpinnerProps };
+export { Alert, type AlertProps, type AlertVariant, Badge, type BadgeProps, type BadgeVariant, Card, type CardAccent, CardBody, CardFooter, CardHeader, type CardProps, type CategoryAccent, Chip, ChipGroup, type ChipProps, ProductCard, type ProductCardProps, Skeleton, type SkeletonProps, Spinner, type SpinnerProps };

package/dist/components/Display.d.ts

@@ -2,7 +2,8 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { Extensible } from '../utils/types.js';
 
-type CardAccent = 'brand' | 'secondary' | 'success' | 'warning' | 'danger' | 'info';
+type CategoryAccent = 'cat-1' | 'cat-2' | 'cat-3' | 'cat-4' | 'cat-5' | 'cat-6';
+type CardAccent = 'brand' | 'secondary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral' | CategoryAccent;
 interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
     interactive?: boolean;
     accent?: Extensible<CardAccent>;
@@ -17,7 +18,7 @@ declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttribu
 declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const CardBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-type BadgeVariant = 'primary' | 'accent' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';
+type BadgeVariant = 'primary' | 'accent' | 'success' | 'warning' | 'danger' | 'info' | 'neutral' | CategoryAccent;
 interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
     variant?: Extensible<BadgeVariant>;
     dot?: boolean;
@@ -84,4 +85,4 @@ interface ProductCardProps extends React.HTMLAttributes<HTMLElement> {
 }
 declare function ProductCard({ sku, name, price, image, imageAlt, tag, footer, className, ...rest }: ProductCardProps): react_jsx_runtime.JSX.Element;
 
-export { Alert, type AlertProps, type AlertVariant, Badge, type BadgeProps, type BadgeVariant, Card, type CardAccent, CardBody, CardFooter, CardHeader, type CardProps, Chip, ChipGroup, type ChipProps, ProductCard, type ProductCardProps, Skeleton, type SkeletonProps, Spinner, type SpinnerProps };
+export { Alert, type AlertProps, type AlertVariant, Badge, type BadgeProps, type BadgeVariant, Card, type CardAccent, CardBody, CardFooter, CardHeader, type CardProps, type CategoryAccent, Chip, ChipGroup, type ChipProps, ProductCard, type ProductCardProps, Skeleton, type SkeletonProps, Spinner, type SpinnerProps };

package/dist/components/Display.js

@@ -1,7 +1,7 @@
 'use client';
 'use strict';
 
-var chunkOXX5RSZQ_js = require('../chunk-OXX5RSZQ.js');
+var chunkIZELILHK_js = require('../chunk-IZELILHK.js');
 require('../chunk-4VMQLSHV.js');
 require('../chunk-EUB4PHPI.js');
 require('../chunk-RQOTH7I7.js');
@@ -11,47 +11,47 @@ require('../chunk-PASF6T4H.js');
 
 Object.defineProperty(exports, "Alert", {
   enumerable: true,
-  get: function () { return chunkOXX5RSZQ_js.Alert; }
+  get: function () { return chunkIZELILHK_js.Alert; }
 });
 Object.defineProperty(exports, "Badge", {
   enumerable: true,
-  get: function () { return chunkOXX5RSZQ_js.Badge; }
+  get: function () { return chunkIZELILHK_js.Badge; }
 });
 Object.defineProperty(exports, "Card", {
   enumerable: true,
-  get: function () { return chunkOXX5RSZQ_js.Card; }
+  get: function () { return chunkIZELILHK_js.Card; }
 });
 Object.defineProperty(exports, "CardBody", {
   enumerable: true,
-  get: function () { return chunkOXX5RSZQ_js.CardBody; }
+  get: function () { return chunkIZELILHK_js.CardBody; }
 });
 Object.defineProperty(exports, "CardFooter", {
   enumerable: true,
-  get: function () { return chunkOXX5RSZQ_js.CardFooter; }
+  get: function () { return chunkIZELILHK_js.CardFooter; }
 });
 Object.defineProperty(exports, "CardHeader", {
   enumerable: true,
-  get: function () { return chunkOXX5RSZQ_js.CardHeader; }
+  get: function () { return chunkIZELILHK_js.CardHeader; }
 });
 Object.defineProperty(exports, "Chip", {
   enumerable: true,
-  get: function () { return chunkOXX5RSZQ_js.Chip; }
+  get: function () { return chunkIZELILHK_js.Chip; }
 });
 Object.defineProperty(exports, "ChipGroup", {
   enumerable: true,
-  get: function () { return chunkOXX5RSZQ_js.ChipGroup; }
+  get: function () { return chunkIZELILHK_js.ChipGroup; }
 });
 Object.defineProperty(exports, "ProductCard", {
   enumerable: true,
-  get: function () { return chunkOXX5RSZQ_js.ProductCard; }
+  get: function () { return chunkIZELILHK_js.ProductCard; }
 });
 Object.defineProperty(exports, "Skeleton", {
   enumerable: true,
-  get: function () { return chunkOXX5RSZQ_js.Skeleton; }
+  get: function () { return chunkIZELILHK_js.Skeleton; }
 });
 Object.defineProperty(exports, "Spinner", {
   enumerable: true,
-  get: function () { return chunkOXX5RSZQ_js.Spinner; }
+  get: function () { return chunkIZELILHK_js.Spinner; }
 });
 //# sourceMappingURL=Display.js.map
 //# sourceMappingURL=Display.js.map

package/dist/components/Display.mjs

@@ -1,5 +1,5 @@
 'use client';
-export { Alert, Badge, Card, CardBody, CardFooter, CardHeader, Chip, ChipGroup, ProductCard, Skeleton, Spinner } from '../chunk-BBZESXFJ.mjs';
+export { Alert, Badge, Card, CardBody, CardFooter, CardHeader, Chip, ChipGroup, ProductCard, Skeleton, Spinner } from '../chunk-2I7NE7QR.mjs';
 import '../chunk-PQV7HHCJ.mjs';
 import '../chunk-IEPKSPBX.mjs';
 import '../chunk-CIBJKJV3.mjs';

package/dist/components/Display3.js

@@ -1,9 +1,9 @@
 'use client';
 'use strict';
 
-var chunkZMRN4DMC_js = require('../chunk-ZMRN4DMC.js');
+var chunkXCZVZVYJ_js = require('../chunk-XCZVZVYJ.js');
 require('../chunk-56NJXIH7.js');
-require('../chunk-HHEYTMBY.js');
+require('../chunk-MVJITG75.js');
 require('../chunk-XMLBKK7X.js');
 require('../chunk-7I5LFBQR.js');
 require('../chunk-WAGWB35Q.js');
@@ -16,27 +16,27 @@ require('../chunk-PASF6T4H.js');
 
 Object.defineProperty(exports, "Calendar", {
   enumerable: true,
-  get: function () { return chunkZMRN4DMC_js.Calendar; }
+  get: function () { return chunkXCZVZVYJ_js.Calendar; }
 });
 Object.defineProperty(exports, "StatusIndicator", {
   enumerable: true,
-  get: function () { return chunkZMRN4DMC_js.StatusIndicator; }
+  get: function () { return chunkXCZVZVYJ_js.StatusIndicator; }
 });
 Object.defineProperty(exports, "Timeline", {
   enumerable: true,
-  get: function () { return chunkZMRN4DMC_js.Timeline; }
+  get: function () { return chunkXCZVZVYJ_js.Timeline; }
 });
 Object.defineProperty(exports, "TimelineItem", {
   enumerable: true,
-  get: function () { return chunkZMRN4DMC_js.TimelineItem; }
+  get: function () { return chunkXCZVZVYJ_js.TimelineItem; }
 });
 Object.defineProperty(exports, "Tree", {
   enumerable: true,
-  get: function () { return chunkZMRN4DMC_js.Tree; }
+  get: function () { return chunkXCZVZVYJ_js.Tree; }
 });
 Object.defineProperty(exports, "UserCell", {
   enumerable: true,
-  get: function () { return chunkZMRN4DMC_js.UserCell; }
+  get: function () { return chunkXCZVZVYJ_js.UserCell; }
 });
 //# sourceMappingURL=Display3.js.map
 //# sourceMappingURL=Display3.js.map

package/dist/components/Display3.mjs

@@ -1,7 +1,7 @@
 'use client';
-export { Calendar, StatusIndicator, Timeline, TimelineItem, Tree, UserCell } from '../chunk-YL2IWHUZ.mjs';
+export { Calendar, StatusIndicator, Timeline, TimelineItem, Tree, UserCell } from '../chunk-PKCLA2FD.mjs';
 import '../chunk-OJNEGJ3P.mjs';
-import '../chunk-N5D6AC6M.mjs';
+import '../chunk-4QHE5H36.mjs';
 import '../chunk-6P2TKRTL.mjs';
 import '../chunk-PRML6VEF.mjs';
 import '../chunk-FKBQYQQD.mjs';

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';