@commercetools/nimbus 3.2.0 → 3.3.0

package/dist/components/search-input.es.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/search-input-B8x2RfaD.esm.js";
+import { t as e } from "../chunks/search-input-BMq6pRov.esm.js";
 export { e as SearchInput };

package/dist/components/select.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/select-CGaE3Evf.cjs.js");exports.Select=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/select-DdeLYdJ3.cjs.js");exports.Select=e.t;

package/dist/components/select.es.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/select-y9rE7u48.esm.js";
+import { t as e } from "../chunks/select-D39rm0xA.esm.js";
 export { e as Select };

package/dist/components/separator.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/separator-3CE8vnut.cjs.js");exports.Separator=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/separator-CRFMcKYe.cjs.js");exports.Separator=e.t;

package/dist/components/separator.es.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/separator-suOMmYFe.esm.js";
+import { t as e } from "../chunks/separator-AUEVwjXs.esm.js";
 export { e as Separator };

package/dist/components/split-button/split-button.types.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { MenuTriggerProps as RaMenuTriggerProps, MenuProps as RaMenuProps } from 'react-aria-components';
+import { Key, ReactNode } from 'react';
+import { MenuTriggerProps as RaMenuTriggerProps } from 'react-aria-components';
 import { ButtonProps } from '../button/button.types.js';
 import { HTMLChakraProps, SlotRecipeProps } from '@chakra-ui/react/styled-system';
 type SplitButtonRecipeProps = SlotRecipeProps<"nimbusSplitButton">;
@@ -7,7 +7,12 @@ export type SplitButtonRootSlotProps = HTMLChakraProps<"div", SplitButtonRecipeP
 export type SplitButtonButtonGroupSlotProps = HTMLChakraProps<"div">;
 export type SplitButtonPrimaryButtonSlotProps = HTMLChakraProps<"button">;
 export type SplitButtonTriggerSlotProps = HTMLChakraProps<"button">;
-export type SplitButtonProps = SplitButtonRecipeProps & Pick<ButtonProps, "size" | "colorPalette" | "variant" | "isDisabled"> & Omit<RaMenuTriggerProps, "trigger" | "children"> & Required<Pick<RaMenuProps<object>, "onAction">> & {
+export type SplitButtonProps = SplitButtonRecipeProps & Pick<ButtonProps, "size" | "colorPalette" | "variant" | "isDisabled"> & Omit<RaMenuTriggerProps, "trigger" | "children"> & {
+    /**
+     * Handler called when the primary action button is pressed or a dropdown
+     * menu item is selected. Receives the action's key.
+     */
+    onAction: (key: Key) => void;
     /**
      * Accessibility label for the dropdown trigger
      */

package/dist/components/split-button.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/split-button-DUSfwx1H.cjs.js");exports.SplitButton=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/split-button-DelUgBth.cjs.js");exports.SplitButton=e.t;

package/dist/components/split-button.es.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/split-button-BtOKNbI9.esm.js";
+import { t as e } from "../chunks/split-button-C9MIlSe4.esm.js";
 export { e as SplitButton };

package/dist/components/splitter.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/use-responsive-splitter-sizes-ljEz_rSy.cjs.js");exports.SPLITTER_SIZE_TOKENS=e.n,exports.Splitter=e.r,exports._SplitterAside=e.o,exports._SplitterHandle=e.i,exports._SplitterMain=e.a,exports._SplitterRoot=e.s,exports.useResponsiveSplitterSizes=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/use-responsive-splitter-sizes-DApY1vey.cjs.js");exports.SPLITTER_SIZE_TOKENS=e.n,exports.Splitter=e.r,exports._SplitterAside=e.o,exports._SplitterHandle=e.i,exports._SplitterMain=e.a,exports._SplitterRoot=e.s,exports.useResponsiveSplitterSizes=e.t;

package/dist/components/splitter.es.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../chunks/use-responsive-splitter-sizes-HQ-JjaLl.esm.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../chunks/use-responsive-splitter-sizes-CO-POrVJ.esm.js";
 export { n as SPLITTER_SIZE_TOKENS, i as Splitter, r as _SplitterAside, t as _SplitterHandle, e as _SplitterMain, a as _SplitterRoot, o as useResponsiveSplitterSizes };

package/dist/components/steps.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/steps-TX4yfyHD.cjs.js");exports.Steps=e.t,exports._StepsCompletedContent=e.a,exports._StepsContent=e.o,exports._StepsDescription=e.c,exports._StepsIndicator=e.d,exports._StepsItem=e.p,exports._StepsList=e.m,exports._StepsNextTrigger=e.r,exports._StepsNumber=e.u,exports._StepsPrevTrigger=e.i,exports._StepsRoot=e.h,exports._StepsSeparator=e.s,exports._StepsStatus=e.n,exports._StepsTitle=e.l,exports._StepsTrigger=e.f;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/steps-BLrpE2PL.cjs.js");exports.Steps=e.t,exports._StepsCompletedContent=e.a,exports._StepsContent=e.o,exports._StepsDescription=e.c,exports._StepsIndicator=e.d,exports._StepsItem=e.p,exports._StepsList=e.m,exports._StepsNextTrigger=e.r,exports._StepsNumber=e.u,exports._StepsPrevTrigger=e.i,exports._StepsRoot=e.h,exports._StepsSeparator=e.s,exports._StepsStatus=e.n,exports._StepsTitle=e.l,exports._StepsTrigger=e.f;

package/dist/components/steps.es.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, d as n, f as r, h as i, i as a, l as o, m as s, n as c, o as l, p as u, r as d, s as f, t as p, u as m } from "../chunks/steps-CUDfUFsh.esm.js";
+import { a as e, c as t, d as n, f as r, h as i, i as a, l as o, m as s, n as c, o as l, p as u, r as d, s as f, t as p, u as m } from "../chunks/steps-OnZi-T9x.esm.js";
 export { p as Steps, e as _StepsCompletedContent, l as _StepsContent, t as _StepsDescription, n as _StepsIndicator, u as _StepsItem, s as _StepsList, d as _StepsNextTrigger, m as _StepsNumber, a as _StepsPrevTrigger, i as _StepsRoot, f as _StepsSeparator, c as _StepsStatus, o as _StepsTitle, r as _StepsTrigger };

package/dist/components/switch.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/switch-D-FTyV4o.cjs.js");exports.Switch=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/switch-BPk30JYZ.cjs.js");exports.Switch=e.t;

package/dist/components/switch.es.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/switch-Cc8w5qPH.esm.js";
+import { t as e } from "../chunks/switch-D1rdYruG.esm.js";
 export { e as Switch };

package/dist/components/tab-nav/tab-nav.d.ts

@@ -28,11 +28,11 @@ export declare const TabNav: {
      * # TabNav.Root
      *
      * The root container for the tab navigation. Renders a `<nav>` landmark
-     * with the tab strip underline styling.
+     * with the tab strip styling.
      *
      * @example
      * ```tsx
-     * <TabNav.Root variant="tabs">
+     * <TabNav.Root variant="line">
      *   <TabNav.Item href="/general" isCurrent>General</TabNav.Item>
      *   <TabNav.Item href="/items">Items</TabNav.Item>
      * </TabNav.Root>

package/dist/components/tab-nav/tab-nav.recipe.d.ts

@@ -1,24 +1,13 @@
-/**
- * Recipe configuration for the TabNav component.
- * Defines the styling variants and base styles using Chakra UI's recipe system.
- *
- * Renders navigation semantics (`<nav>` + `<a>`) with visual styling that
- * matches the Tabs `line` (horizontal underline) variant.
- *
- * ⚠️  VISUAL TWIN — KEEP IN SYNC WITH `tabs.recipe.ts`
- * TabNav and Tabs are intentionally separate components with separate recipes
- * (different semantics: navigation links vs. content-panel widget). They do NOT
- * share a recipe. However, the `tabs` variant of TabNav is designed to be
- * visually identical to the `line` horizontal variant of Tabs. If you change
- * colors, spacing, typography, transitions, or focus styles in one, apply the
- * equivalent change to the other.
- */
-export declare const tabNavSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "item", {
+export declare const tabNavSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "indicator" | "item", {
     variant: {
-        tabs: {
+        line: {
             root: {
                 boxShadow: "0 1px 0 0 {colors.neutral.6}";
             };
+            indicator: {
+                background: "primary.9";
+                borderRadius: "0";
+            };
             item: {
                 color: "neutral.12";
                 cursor: "pointer";
@@ -31,14 +20,87 @@ export declare const tabNavSlotRecipe: import('@chakra-ui/react').SlotRecipeDefi
                     color: "primary.11";
                 };
                 '&[aria-current="page"]': {
-                    color: "primary.9";
+                    color: "primary.11";
                     boxShadow: "0 2px 0 0 {colors.primary.9}";
                 };
+                '[data-animated="true"] &[aria-current="page"]': {
+                    boxShadow: string;
+                };
                 _disabled: {
                     layerStyle: "disabled";
                 };
             };
         };
+        rounded: {
+            root: {
+                colorPalette: "primary";
+                gap: "100";
+            };
+            indicator: {
+                background: "colorPalette.3";
+                borderRadius: "200";
+            };
+            item: {
+                readonly color: "neutral.11";
+                readonly cursor: "pointer";
+                readonly fontWeight: "500";
+                readonly textDecoration: "none";
+                readonly borderRadius: "200";
+                readonly position: "relative";
+                readonly zIndex: 1;
+                readonly transition: "color 150ms ease, background 150ms ease";
+                readonly focusVisibleRing: "outside";
+                readonly _hover: {
+                    readonly color: "colorPalette.11";
+                };
+                readonly '&[aria-current="page"]': {
+                    readonly color: "colorPalette.11";
+                    readonly background: "colorPalette.3";
+                };
+                readonly '[data-animated="true"] &[aria-current="page"]': {
+                    readonly background: "transparent";
+                };
+                readonly _disabled: {
+                    readonly layerStyle: "disabled";
+                };
+            };
+        };
+        pill: {
+            root: {
+                colorPalette: "primary";
+                gap: "100";
+            };
+            indicator: {
+                background: "colorPalette.3";
+                borderRadius: "full";
+            };
+            item: {
+                borderRadius: "full";
+                paddingLeft: "calc(var(--tab-nav-padding-left) + {spacing.100})";
+                paddingRight: "calc(var(--tab-nav-padding-right) + {spacing.100})";
+                color: "neutral.11";
+                cursor: "pointer";
+                fontWeight: "500";
+                textDecoration: "none";
+                position: "relative";
+                zIndex: 1;
+                transition: "color 150ms ease, background 150ms ease";
+                focusVisibleRing: "outside";
+                _hover: {
+                    readonly color: "colorPalette.11";
+                };
+                '&[aria-current="page"]': {
+                    readonly color: "colorPalette.11";
+                    readonly background: "colorPalette.3";
+                };
+                '[data-animated="true"] &[aria-current="page"]': {
+                    readonly background: "transparent";
+                };
+                _disabled: {
+                    readonly layerStyle: "disabled";
+                };
+            };
+        };
     };
     size: {
         sm: {

package/dist/components/tab-nav/tab-nav.slots.d.ts

@@ -1,5 +1,5 @@
 import { SlotComponent } from '../../type-utils/index.js';
-import { TabNavRootSlotProps, TabNavItemSlotProps } from './tab-nav.types.js';
+import { TabNavRootSlotProps, TabNavItemSlotProps, TabNavIndicatorSlotProps } from './tab-nav.types.js';
 /**
  * Root slot component providing the styling context for the TabNav component.
  * Uses Chakra UI's recipe context system for consistent styling across instances.
@@ -12,3 +12,9 @@ export declare const TabNavRootSlot: SlotComponent<HTMLElement, TabNavRootSlotPr
  * Renders as an `<a>` element.
  */
 export declare const TabNavItemSlot: SlotComponent<HTMLAnchorElement, TabNavItemSlotProps>;
+/**
+ * Internal slot for the sliding active-item marker. Rendered automatically by
+ * `TabNav.Root` and positioned by `useSlidingIndicator` — not part of the public
+ * compound API.
+ */
+export declare const TabNavIndicatorSlot: SlotComponent<HTMLDivElement, TabNavIndicatorSlotProps>;

package/dist/components/tab-nav/tab-nav.types.d.ts

@@ -2,10 +2,22 @@ import { OmitInternalProps } from '../../type-utils/omit-props.js';
 import { HTMLChakraProps, SlotRecipeProps, UnstyledProp } from '@chakra-ui/react/styled-system';
 type TabNavRecipeProps = {
     /**
-     * Visual style variant of the tab navigation
-     * @default "tabs"
+     * Visual style variant of the tab navigation.
+     *
+     * - `line` — a bar marking the active item: an underline when horizontal, an
+     *   inner side bar when vertical (default).
+     * - `rounded` — a soft rounded-rect highlight behind the active item.
+     * - `pill` — a fully-rounded capsule highlight behind the active item.
+     *
+     * The active highlight slides between items as the active item changes; the
+     * motion is disabled under `prefers-reduced-motion: reduce`.
+     *
+     * `"tabs"` is accepted as a deprecated alias for `"line"`.
+     * @default "line"
      */
-    variant?: SlotRecipeProps<"nimbusTabNav">["variant"];
+    variant?: SlotRecipeProps<"nimbusTabNav">["variant"]
+    /** @deprecated Use `"line"` instead. */
+     | "tabs";
     /**
      * Size of the tab navigation items
      * @default "md"
@@ -14,6 +26,7 @@ type TabNavRecipeProps = {
 } & UnstyledProp;
 export type TabNavRootSlotProps = HTMLChakraProps<"nav", TabNavRecipeProps>;
 export type TabNavItemSlotProps = HTMLChakraProps<"a", TabNavRecipeProps>;
+export type TabNavIndicatorSlotProps = HTMLChakraProps<"div", TabNavRecipeProps>;
 /**
  * Props for the TabNav.Root component.
  * Renders a `<nav>` landmark containing tab-styled navigation links.

package/dist/components/tab-nav.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/tab-nav-4E44NBVt.cjs.js");exports.TabNav=e.t,exports._TabNavItem=e.n,exports._TabNavRoot=e.r;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/tab-nav-CunrpVeV.cjs.js");exports.TabNav=e.t,exports._TabNavItem=e.n,exports._TabNavRoot=e.r;

package/dist/components/tab-nav.es.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "../chunks/tab-nav-BeDNF8EC.esm.js";
+import { n as e, r as t, t as n } from "../chunks/tab-nav-EHnsfeUM.esm.js";
 export { n as TabNav, e as _TabNavItem, t as _TabNavRoot };

package/dist/components/table.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/table-Ca0nIwcN.cjs.js");exports.Table=e.t,exports.TableBody=e.n,exports.TableCaption=e.r,exports.TableCell=e.i,exports.TableColumn=e.a,exports.TableColumnGroup=e.o,exports.TableColumnHeader=e.s,exports.TableFooter=e.c,exports.TableHeader=e.l,exports.TableRoot=e.u,exports.TableRow=e.d,exports.TableScrollArea=e.f;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/table-DEKXq5nE.cjs.js");exports.Table=e.t,exports.TableBody=e.n,exports.TableCaption=e.r,exports.TableCell=e.i,exports.TableColumn=e.a,exports.TableColumnGroup=e.o,exports.TableColumnHeader=e.s,exports.TableFooter=e.c,exports.TableHeader=e.l,exports.TableRoot=e.u,exports.TableRow=e.d,exports.TableScrollArea=e.f;

package/dist/components/table.es.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, r as c, s as l, t as u, u as d } from "../chunks/table-s-QRSKUl.esm.js";
+import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, r as c, s as l, t as u, u as d } from "../chunks/table-O8T8871k.esm.js";
 export { u as Table, o as TableBody, c as TableCaption, i as TableCell, e as TableColumn, s as TableColumnGroup, l as TableColumnHeader, t as TableFooter, a as TableHeader, d as TableRoot, n as TableRow, r as TableScrollArea };

package/dist/components/tabs/components/tabs.root.d.ts

@@ -2,7 +2,8 @@ import { TabsProps } from '../tabs.types.js';
 /**
  * # Tabs
  *
- * A tabs component built on React Aria Components that allows users to switch between different views.
+ * A tabs component built on React Aria Components that allows users to switch
+ * between different views.
  *
  * @supportsStyleProps
  */

package/dist/components/tabs/tabs.recipe.d.ts

@@ -1,23 +1,79 @@
-/**
- * Recipe configuration for the Tabs component.
- * Defines the styling variants and base styles using Chakra UI's recipe system.
- *
- * ⚠️  VISUAL TWIN — KEEP IN SYNC WITH `tab-nav.recipe.ts`
- * Tabs and TabNav are intentionally separate components with separate recipes
- * (different semantics: content-panel widget vs. navigation links). They do NOT
- * share a recipe. However, the `line` horizontal variant of Tabs is designed to
- * be visually identical to the `tabs` variant of TabNav. If you change colors,
- * spacing, typography, transitions, or focus styles in one, apply the equivalent
- * change to the other.
- */
-export declare const tabsSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "list" | "tab" | "trigger" | "panel" | "panels", {
+export declare const tabsSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "list" | "tab" | "indicator" | "panel" | "panels", {
     variant: {
-        line: {};
-        pills: {
+        line: {
+            indicator: {
+                background: "primary.9";
+                borderRadius: "0";
+            };
+            tab: {
+                '[data-animated="true"] &': {
+                    position: "relative";
+                    zIndex: "1";
+                };
+                '[data-animated="true"] &[data-selected]': {
+                    boxShadow: string;
+                };
+            };
+        };
+        rounded: {
+            root: {
+                colorPalette: "primary";
+            };
+            indicator: {
+                background: "colorPalette.3";
+                borderRadius: "200";
+            };
+            list: {
+                gap: "100";
+            };
             tab: {
+                readonly color: "neutral.11";
+                readonly borderRadius: "200";
+                readonly _hover: {
+                    readonly color: "colorPalette.11";
+                };
+                readonly _selected: {
+                    readonly color: "colorPalette.11";
+                    readonly background: "colorPalette.3";
+                };
+                readonly '[data-animated="true"] &': {
+                    readonly position: "relative";
+                    readonly zIndex: "1";
+                };
+                readonly '[data-animated="true"] &[data-selected]': {
+                    readonly background: "transparent";
+                };
+            };
+        };
+        pill: {
+            root: {
+                colorPalette: "primary";
+            };
+            indicator: {
+                background: "colorPalette.3";
                 borderRadius: "full";
+            };
+            list: {
+                gap: "100";
+            };
+            tab: {
+                borderRadius: "full";
+                paddingLeft: "calc(var(--tabs-padding-left) + {spacing.100})";
+                paddingRight: "calc(var(--tabs-padding-right) + {spacing.100})";
+                color: "neutral.11";
+                _hover: {
+                    readonly color: "colorPalette.11";
+                };
                 _selected: {
-                    backgroundColor: "primary.3";
+                    readonly color: "colorPalette.11";
+                    readonly background: "colorPalette.3";
+                };
+                '[data-animated="true"] &': {
+                    readonly position: "relative";
+                    readonly zIndex: "1";
+                };
+                '[data-animated="true"] &[data-selected]': {
+                    readonly background: "transparent";
                 };
             };
         };

package/dist/components/tabs/tabs.slots.d.ts

@@ -1,5 +1,5 @@
 import { SlotComponent } from '../../type-utils/index.js';
-import { TabsRootSlotProps, TabsListSlotProps, TabsTabSlotProps, TabsPanelsSlotProps, TabsPanelSlotProps } from './tabs.types.js';
+import { TabsRootSlotProps, TabsListSlotProps, TabsTabSlotProps, TabsPanelsSlotProps, TabsPanelSlotProps, TabsIndicatorSlotProps } from './tabs.types.js';
 /**
  * Root component that provides the styling context for the Tabs component.
  * Uses Chakra UI's recipe context system for consistent styling across instances.
@@ -9,3 +9,9 @@ export declare const TabsListSlot: SlotComponent<HTMLDivElement, TabsListSlotPro
 export declare const TabsTabSlot: SlotComponent<HTMLButtonElement, TabsTabSlotProps>;
 export declare const TabsPanelsSlot: SlotComponent<HTMLDivElement, TabsPanelsSlotProps>;
 export declare const TabsPanelSlot: SlotComponent<HTMLDivElement, TabsPanelSlotProps>;
+/**
+ * Internal slot for the sliding active-tab marker. Rendered automatically by
+ * `Tabs.Root` and positioned by `useSlidingIndicator` — not part of the public
+ * compound API.
+ */
+export declare const TabsIndicatorSlot: SlotComponent<HTMLDivElement, TabsIndicatorSlotProps>;

package/dist/components/tabs/tabs.types.d.ts

@@ -3,10 +3,22 @@ import { HTMLChakraProps, SlotRecipeProps } from '@chakra-ui/react/styled-system
 import { RouterOptions } from '../nimbus-provider/nimbus-provider.types.js';
 type TabsRecipeProps = {
     /**
-     * Visual style variant of the tabs
+     * Visual style variant of the tabs.
+     *
+     * - `line` — a bar marking the active tab: an underline when horizontal, an
+     *   inner side bar when vertical (default).
+     * - `rounded` — a soft rounded-rect highlight behind the active tab.
+     * - `pill` — a fully-rounded capsule highlight behind the active tab.
+     *
+     * The active highlight slides between tabs as the selection changes; the
+     * motion is disabled under `prefers-reduced-motion: reduce`.
+     *
+     * `"pills"` (→ `"pill"`) is accepted as a deprecated alias.
      * @default "line"
      */
-    variant?: SlotRecipeProps<"nimbusTabs">["variant"];
+    variant?: SlotRecipeProps<"nimbusTabs">["variant"]
+    /** @deprecated Use `"pill"` instead. */
+     | "pills";
     /**
      * Layout orientation of the tabs
      * @default "horizontal"
@@ -28,6 +40,7 @@ export type TabsListSlotProps = HTMLChakraProps<"div", TabsRecipeProps>;
 export type TabsTabSlotProps = HTMLChakraProps<"button", TabsRecipeProps>;
 export type TabsPanelsSlotProps = HTMLChakraProps<"div", TabsRecipeProps>;
 export type TabsPanelSlotProps = HTMLChakraProps<"div", TabsRecipeProps>;
+export type TabsIndicatorSlotProps = HTMLChakraProps<"div", TabsRecipeProps>;
 export type TabItemProps = {
     /** A unique key that associates this tab with its corresponding panel. */
     id: string;

package/dist/components/tabs.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/tabs-B50Cmf5h.cjs.js");exports.Tabs=e.t,exports._TabsList=e.a,exports._TabsPanel=e.i,exports._TabsPanels=e.r,exports._TabsRoot=e.n,exports._TabsTab=e.o;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/tabs-BbC8to5L.cjs.js");exports.Tabs=e.t,exports._TabsList=e.a,exports._TabsPanel=e.i,exports._TabsPanels=e.r,exports._TabsRoot=e.n,exports._TabsTab=e.o;

package/dist/components/tabs.es.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/tabs-DomV4co7.esm.js";
+import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/tabs-IjuTjmW5.esm.js";
 export { a as Tabs, e as _TabsList, t as _TabsPanel, i as _TabsPanels, n as _TabsRoot, r as _TabsTab };

package/dist/components/tag-group.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/tag-group-BR3LcQYM.cjs.js");exports.TagGroup=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/tag-group-t9CCZs9w.cjs.js");exports.TagGroup=e.t;

package/dist/components/tag-group.es.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/tag-group-BO8mQ1Qf.esm.js";
+import { t as e } from "../chunks/tag-group-DJ2Eyzr6.esm.js";
 export { e as TagGroup };

package/dist/components/text-input/text-input.recipe.d.ts

@@ -46,7 +46,7 @@ export declare const textInputSlotRecipe: import('@chakra-ui/react').SlotRecipeD
             root: {
                 "--border-width": "sizes.25";
                 "--border-color": "colors.neutral.7";
-                backgroundColor: "primary.1";
+                backgroundColor: "neutral.1";
             };
         };
         ghost: {};

package/dist/components/text-input-field.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/field-errors-D4_oFvCt.cjs.js"),t=require("../chunks/form-field-BqR6tlhi.cjs.js"),n=require("../chunks/text-input-BonnwXw4.cjs.js");let r=require("react/jsx-runtime");var i=({id:i,label:a,description:o,info:s,errors:c,onChange:l,renderError:u,touched:d=!1,isRequired:f=!1,isDisabled:p=!1,isReadOnly:m=!1,isInvalid:h=!1,size:g=`md`,value:_,placeholder:v,type:y=`text`,...b})=>{let x=d&&c&&Object.values(c).some(Boolean);return(0,r.jsxs)(t.t.Root,{id:i,size:g,isRequired:f,isDisabled:p,isReadOnly:m,isInvalid:x||h,children:[(0,r.jsx)(t.t.Label,{children:a}),(0,r.jsx)(t.t.Input,{children:(0,r.jsx)(n.t,{...b,size:g,type:y,placeholder:v,onChange:l,value:_})}),o&&(0,r.jsx)(t.t.Description,{children:o}),x&&(0,r.jsx)(t.t.Error,{children:(0,r.jsx)(e.t,{errors:c,renderError:u})}),s&&(0,r.jsx)(t.t.InfoBox,{children:s})]})};i.displayName=`TextInputField`,exports.TextInputField=i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/field-errors-j8Gxj0gP.cjs.js"),t=require("../chunks/form-field-CrSE8x3q.cjs.js"),n=require("../chunks/text-input-Bc2XftOM.cjs.js");let r=require("react/jsx-runtime");var i=({id:i,label:a,description:o,info:s,errors:c,onChange:l,renderError:u,touched:d=!1,isRequired:f=!1,isDisabled:p=!1,isReadOnly:m=!1,isInvalid:h=!1,size:g=`md`,value:_,placeholder:v,type:y=`text`,...b})=>{let x=d&&c&&Object.values(c).some(Boolean);return(0,r.jsxs)(t.t.Root,{id:i,size:g,isRequired:f,isDisabled:p,isReadOnly:m,isInvalid:x||h,children:[(0,r.jsx)(t.t.Label,{children:a}),(0,r.jsx)(t.t.Input,{children:(0,r.jsx)(n.t,{...b,size:g,type:y,placeholder:v,onChange:l,value:_})}),o&&(0,r.jsx)(t.t.Description,{children:o}),x&&(0,r.jsx)(t.t.Error,{children:(0,r.jsx)(e.t,{errors:c,renderError:u})}),s&&(0,r.jsx)(t.t.InfoBox,{children:s})]})};i.displayName=`TextInputField`,exports.TextInputField=i;
 //# sourceMappingURL=text-input-field.cjs.map

package/dist/components/text-input-field.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"text-input-field.cjs","names":[],"sources":["../../src/patterns/fields/text-input-field/text-input-field.tsx"],"sourcesContent":["import { TextInput } from \"@/components/text-input/text-input\";\nimport type { TextInputFieldProps } from \"./text-input-field.types\";\nimport { FormField, FieldErrors } from \"@/components\";\n\n/**\n * # TextInputField\n *\n * A pre-composed form field component that combines TextInput with FormField features\n * like labels, descriptions, error handling, and validation feedback.\n *\n * This component provides a simple, flat API for common text input use cases and serves\n * as a drop-in replacement for UI-Kit's TextField, maintaining compatibility with the\n * same error format and localized error messages.\n *\n * @example\n * ```tsx\n * <TextInputField\n *   label=\"Project name\"\n *   description=\"Enter a descriptive name for your project\"\n *   placeholder=\"My Awesome Project\"\n *   value={value}\n *   onChange={setValue}\n *   errors={{ missing: true }}\n *   isRequired\n * />\n * ```\n */\n\nexport const TextInputField = ({\n  id,\n  label,\n  description,\n  info,\n  errors,\n  onChange,\n  renderError,\n  touched = false,\n  isRequired = false,\n  isDisabled = false,\n  isReadOnly = false,\n  isInvalid = false,\n  size = \"md\",\n  value,\n  placeholder,\n  type = \"text\",\n  ...rest\n}: TextInputFieldProps) => {\n  // Determine if we should show errors\n  const hasErrors = touched && errors && Object.values(errors).some(Boolean);\n\n  return (\n    <FormField.Root\n      id={id}\n      size={size}\n      isRequired={isRequired}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      isInvalid={hasErrors || isInvalid}\n    >\n      <FormField.Label>{label}</FormField.Label>\n      <FormField.Input>\n        <TextInput\n          {...rest}\n          size={size}\n          type={type}\n          placeholder={placeholder}\n          onChange={onChange}\n          value={value}\n        />\n      </FormField.Input>\n      {description && (\n        <FormField.Description>{description}</FormField.Description>\n      )}\n      {hasErrors && (\n        <FormField.Error>\n          <FieldErrors errors={errors} renderError={renderError} />\n        </FormField.Error>\n      )}\n      {info && <FormField.InfoBox>{info}</FormField.InfoBox>}\n    </FormField.Root>\n  );\n};\n\nTextInputField.displayName = \"TextInputField\";\n"],"mappings":"oQA4BA,IAAa,GAAkB,CAC7B,KACA,QACA,cACA,OACA,SACA,WACA,cACA,UAAU,GACV,aAAa,GACb,aAAa,GACb,aAAa,GACb,YAAY,GACZ,OAAO,KACP,QACA,cACA,OAAO,OACP,GAAG,KACsB,CAEzB,IAAM,EAAY,GAAW,GAAU,OAAO,OAAO,CAAM,EAAE,KAAK,OAAO,EAEzE,OACE,EAAA,EAAA,MAAC,EAAA,EAAU,KAAX,CACM,KACE,OACM,aACA,aACA,aACZ,UAAW,GAAa,WAN1B,EAQE,EAAA,EAAA,KAAC,EAAA,EAAU,MAAX,CAAA,SAAkB,CAAuB,CAAA,GACzC,EAAA,EAAA,KAAC,EAAA,EAAU,MAAX,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,EAAD,CACE,GAAI,EACE,OACA,OACO,cACH,WACH,OACR,CAAA,CACc,CAAA,EAChB,IACC,EAAA,EAAA,KAAC,EAAA,EAAU,YAAX,CAAA,SAAwB,CAAmC,CAAA,EAE5D,IACC,EAAA,EAAA,KAAC,EAAA,EAAU,MAAX,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,EAAD,CAAqB,SAAqB,aAAc,CAAA,CACzC,CAAA,EAElB,IAAQ,EAAA,EAAA,KAAC,EAAA,EAAU,QAAX,CAAA,SAAoB,CAAwB,CAAA,CACvC,GAEpB,EAEA,EAAe,YAAc"}
+{"version":3,"file":"text-input-field.cjs","names":[],"sources":["../../src/patterns/fields/text-input-field/text-input-field.tsx"],"sourcesContent":["import { TextInput } from \"@/components/text-input/text-input\";\nimport type { TextInputFieldProps } from \"./text-input-field.types\";\nimport { FormField, FieldErrors } from \"@/components\";\n\n/**\n * # TextInputField\n *\n * A pre-composed form field component that combines TextInput with FormField features\n * like labels, descriptions, error handling, and validation feedback.\n *\n * This component provides a simple, flat API for common text input use cases and serves\n * as a drop-in replacement for UI-Kit's TextField, maintaining compatibility with the\n * same error format and localized error messages.\n *\n * @example\n * ```tsx\n * <TextInputField\n *   label=\"Project name\"\n *   description=\"Enter a descriptive name for your project\"\n *   placeholder=\"My Awesome Project\"\n *   value={value}\n *   onChange={setValue}\n *   errors={{ missing: true }}\n *   isRequired\n * />\n * ```\n */\n\nexport const TextInputField = ({\n  id,\n  label,\n  description,\n  info,\n  errors,\n  onChange,\n  renderError,\n  touched = false,\n  isRequired = false,\n  isDisabled = false,\n  isReadOnly = false,\n  isInvalid = false,\n  size = \"md\",\n  value,\n  placeholder,\n  type = \"text\",\n  ...rest\n}: TextInputFieldProps) => {\n  // Determine if we should show errors\n  const hasErrors = touched && errors && Object.values(errors).some(Boolean);\n\n  return (\n    <FormField.Root\n      id={id}\n      size={size}\n      isRequired={isRequired}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      isInvalid={hasErrors || isInvalid}\n    >\n      <FormField.Label>{label}</FormField.Label>\n      <FormField.Input>\n        <TextInput\n          {...rest}\n          size={size}\n          type={type}\n          placeholder={placeholder}\n          onChange={onChange}\n          value={value}\n        />\n      </FormField.Input>\n      {description && (\n        <FormField.Description>{description}</FormField.Description>\n      )}\n      {hasErrors && (\n        <FormField.Error>\n          <FieldErrors errors={errors} renderError={renderError} />\n        </FormField.Error>\n      )}\n      {info && <FormField.InfoBox>{info}</FormField.InfoBox>}\n    </FormField.Root>\n  );\n};\n\nTextInputField.displayName = \"TextInputField\";\n"],"mappings":"oQA4BA,IAAa,GAAkB,CAC7B,KACA,QACA,cACA,OACA,SACA,WACA,cACA,UAAU,GACV,aAAa,GACb,aAAa,GACb,aAAa,GACb,YAAY,GACZ,OAAO,KACP,QACA,cACA,OAAO,OACP,GAAG,KACsB,CAEzB,IAAM,EAAY,GAAW,GAAU,OAAO,OAAO,CAAM,CAAC,CAAC,KAAK,OAAO,EAEzE,OACE,EAAA,EAAA,KAAA,CAAC,EAAA,EAAU,KAAX,CACM,KACE,OACM,aACA,aACA,aACZ,UAAW,GAAa,WAN1B,EAQE,EAAA,EAAA,IAAA,CAAC,EAAA,EAAU,MAAX,CAAA,SAAkB,CAAuB,CAAA,GACzC,EAAA,EAAA,IAAA,CAAC,EAAA,EAAU,MAAX,CAAA,UACE,EAAA,EAAA,IAAA,CAAC,EAAA,EAAD,CACE,GAAI,EACE,OACA,OACO,cACH,WACH,OACR,CAAA,CACc,CAAA,EAChB,IACC,EAAA,EAAA,IAAA,CAAC,EAAA,EAAU,YAAX,CAAA,SAAwB,CAAmC,CAAA,EAE5D,IACC,EAAA,EAAA,IAAA,CAAC,EAAA,EAAU,MAAX,CAAA,UACE,EAAA,EAAA,IAAA,CAAC,EAAA,EAAD,CAAqB,SAAqB,aAAc,CAAA,CACzC,CAAA,EAElB,IAAQ,EAAA,EAAA,IAAA,CAAC,EAAA,EAAU,QAAX,CAAA,SAAoB,CAAwB,CAAA,CACvC,GAEpB,EAEA,EAAe,YAAc"}

package/dist/components/text-input-field.es.js

@@ -1,6 +1,6 @@
-import { t as e } from "../chunks/field-errors-DQnCYbwh.esm.js";
-import { t } from "../chunks/form-field-BxbNX6MU.esm.js";
-import { t as n } from "../chunks/text-input-Da6L5AwL.esm.js";
+import { t as e } from "../chunks/field-errors-D_EXr1kO.esm.js";
+import { t } from "../chunks/form-field-DRhB7O5k.esm.js";
+import { t as n } from "../chunks/text-input-DzHnlufM.esm.js";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/patterns/fields/text-input-field/text-input-field.tsx
 var a = ({ id: a, label: o, description: s, info: c, errors: l, onChange: u, renderError: d, touched: f = !1, isRequired: p = !1, isDisabled: m = !1, isReadOnly: h = !1, isInvalid: g = !1, size: _ = "md", value: v, placeholder: y, type: b = "text", ...x }) => {

package/dist/components/text-input-field.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-input-field.es.js","names":[],"sources":["../../src/patterns/fields/text-input-field/text-input-field.tsx"],"sourcesContent":["import { TextInput } from \"@/components/text-input/text-input\";\nimport type { TextInputFieldProps } from \"./text-input-field.types\";\nimport { FormField, FieldErrors } from \"@/components\";\n\n/**\n * # TextInputField\n *\n * A pre-composed form field component that combines TextInput with FormField features\n * like labels, descriptions, error handling, and validation feedback.\n *\n * This component provides a simple, flat API for common text input use cases and serves\n * as a drop-in replacement for UI-Kit's TextField, maintaining compatibility with the\n * same error format and localized error messages.\n *\n * @example\n * ```tsx\n * <TextInputField\n *   label=\"Project name\"\n *   description=\"Enter a descriptive name for your project\"\n *   placeholder=\"My Awesome Project\"\n *   value={value}\n *   onChange={setValue}\n *   errors={{ missing: true }}\n *   isRequired\n * />\n * ```\n */\n\nexport const TextInputField = ({\n  id,\n  label,\n  description,\n  info,\n  errors,\n  onChange,\n  renderError,\n  touched = false,\n  isRequired = false,\n  isDisabled = false,\n  isReadOnly = false,\n  isInvalid = false,\n  size = \"md\",\n  value,\n  placeholder,\n  type = \"text\",\n  ...rest\n}: TextInputFieldProps) => {\n  // Determine if we should show errors\n  const hasErrors = touched && errors && Object.values(errors).some(Boolean);\n\n  return (\n    <FormField.Root\n      id={id}\n      size={size}\n      isRequired={isRequired}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      isInvalid={hasErrors || isInvalid}\n    >\n      <FormField.Label>{label}</FormField.Label>\n      <FormField.Input>\n        <TextInput\n          {...rest}\n          size={size}\n          type={type}\n          placeholder={placeholder}\n          onChange={onChange}\n          value={value}\n        />\n      </FormField.Input>\n      {description && (\n        <FormField.Description>{description}</FormField.Description>\n      )}\n      {hasErrors && (\n        <FormField.Error>\n          <FieldErrors errors={errors} renderError={renderError} />\n        </FormField.Error>\n      )}\n      {info && <FormField.InfoBox>{info}</FormField.InfoBox>}\n    </FormField.Root>\n  );\n};\n\nTextInputField.displayName = \"TextInputField\";\n"],"mappings":";;;;;AA4BA,IAAa,KAAkB,EAC7B,OACA,UACA,gBACA,SACA,WACA,aACA,gBACA,aAAU,IACV,gBAAa,IACb,gBAAa,IACb,gBAAa,IACb,eAAY,IACZ,UAAO,MACP,UACA,gBACA,UAAO,QACP,GAAG,QACsB;CAEzB,IAAM,IAAY,KAAW,KAAU,OAAO,OAAO,CAAM,EAAE,KAAK,OAAO;CAEzE,OACE,kBAAC,EAAU,MAAX;EACM;EACE;EACM;EACA;EACA;EACZ,WAAW,KAAa;YAN1B;GAQE,kBAAC,EAAU,OAAX,EAAA,UAAkB,EAAuB,CAAA;GACzC,kBAAC,EAAU,OAAX,EAAA,UACE,kBAAC,GAAD;IACE,GAAI;IACE;IACA;IACO;IACH;IACH;GACR,CAAA,EACc,CAAA;GAChB,KACC,kBAAC,EAAU,aAAX,EAAA,UAAwB,EAAmC,CAAA;GAE5D,KACC,kBAAC,EAAU,OAAX,EAAA,UACE,kBAAC,GAAD;IAAqB;IAAqB;GAAc,CAAA,EACzC,CAAA;GAElB,KAAQ,kBAAC,EAAU,SAAX,EAAA,UAAoB,EAAwB,CAAA;EACvC;;AAEpB;AAEA,EAAe,cAAc"}
+{"version":3,"file":"text-input-field.es.js","names":[],"sources":["../../src/patterns/fields/text-input-field/text-input-field.tsx"],"sourcesContent":["import { TextInput } from \"@/components/text-input/text-input\";\nimport type { TextInputFieldProps } from \"./text-input-field.types\";\nimport { FormField, FieldErrors } from \"@/components\";\n\n/**\n * # TextInputField\n *\n * A pre-composed form field component that combines TextInput with FormField features\n * like labels, descriptions, error handling, and validation feedback.\n *\n * This component provides a simple, flat API for common text input use cases and serves\n * as a drop-in replacement for UI-Kit's TextField, maintaining compatibility with the\n * same error format and localized error messages.\n *\n * @example\n * ```tsx\n * <TextInputField\n *   label=\"Project name\"\n *   description=\"Enter a descriptive name for your project\"\n *   placeholder=\"My Awesome Project\"\n *   value={value}\n *   onChange={setValue}\n *   errors={{ missing: true }}\n *   isRequired\n * />\n * ```\n */\n\nexport const TextInputField = ({\n  id,\n  label,\n  description,\n  info,\n  errors,\n  onChange,\n  renderError,\n  touched = false,\n  isRequired = false,\n  isDisabled = false,\n  isReadOnly = false,\n  isInvalid = false,\n  size = \"md\",\n  value,\n  placeholder,\n  type = \"text\",\n  ...rest\n}: TextInputFieldProps) => {\n  // Determine if we should show errors\n  const hasErrors = touched && errors && Object.values(errors).some(Boolean);\n\n  return (\n    <FormField.Root\n      id={id}\n      size={size}\n      isRequired={isRequired}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      isInvalid={hasErrors || isInvalid}\n    >\n      <FormField.Label>{label}</FormField.Label>\n      <FormField.Input>\n        <TextInput\n          {...rest}\n          size={size}\n          type={type}\n          placeholder={placeholder}\n          onChange={onChange}\n          value={value}\n        />\n      </FormField.Input>\n      {description && (\n        <FormField.Description>{description}</FormField.Description>\n      )}\n      {hasErrors && (\n        <FormField.Error>\n          <FieldErrors errors={errors} renderError={renderError} />\n        </FormField.Error>\n      )}\n      {info && <FormField.InfoBox>{info}</FormField.InfoBox>}\n    </FormField.Root>\n  );\n};\n\nTextInputField.displayName = \"TextInputField\";\n"],"mappings":";;;;;AA4BA,IAAa,KAAkB,EAC7B,OACA,UACA,gBACA,SACA,WACA,aACA,gBACA,aAAU,IACV,gBAAa,IACb,gBAAa,IACb,gBAAa,IACb,eAAY,IACZ,UAAO,MACP,UACA,gBACA,UAAO,QACP,GAAG,QACsB;CAEzB,IAAM,IAAY,KAAW,KAAU,OAAO,OAAO,CAAM,CAAC,CAAC,KAAK,OAAO;CAEzE,OACE,kBAAC,EAAU,MAAX;EACM;EACE;EACM;EACA;EACA;EACZ,WAAW,KAAa;YAN1B;GAQE,kBAAC,EAAU,OAAX,EAAA,UAAkB,EAAuB,CAAA;GACzC,kBAAC,EAAU,OAAX,EAAA,UACE,kBAAC,GAAD;IACE,GAAI;IACE;IACA;IACO;IACH;IACH;GACR,CAAA,EACc,CAAA;GAChB,KACC,kBAAC,EAAU,aAAX,EAAA,UAAwB,EAAmC,CAAA;GAE5D,KACC,kBAAC,EAAU,OAAX,EAAA,UACE,kBAAC,GAAD;IAAqB;IAAqB;GAAc,CAAA,EACzC,CAAA;GAElB,KAAQ,kBAAC,EAAU,SAAX,EAAA,UAAoB,EAAwB,CAAA;EACvC;;AAEpB;AAEA,EAAe,cAAc"}

package/dist/components/text-input.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/text-input-BonnwXw4.cjs.js");exports.TextInput=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/text-input-Bc2XftOM.cjs.js");exports.TextInput=e.t;

package/dist/components/text-input.es.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/text-input-Da6L5AwL.esm.js";
+import { t as e } from "../chunks/text-input-DzHnlufM.esm.js";
 export { e as TextInput };

package/dist/components/text.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/text-DfLr2yJS.cjs.js");exports.Text=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/text-B6GuUYfw.cjs.js");exports.Text=e.t;

package/dist/components/text.es.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/text-BMfRfxWU.esm.js";
+import { t as e } from "../chunks/text-B8bxcVHh.esm.js";
 export { e as Text };

package/dist/components/time-input.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/time-input-DV-1pekk.cjs.js");exports.TimeInput=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/time-input-CnqA54LG.cjs.js");exports.TimeInput=e.t;

package/dist/components/time-input.es.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/time-input-BLYoCrZH.esm.js";
+import { t as e } from "../chunks/time-input--A7teyZm.esm.js";
 export { e as TimeInput };

package/dist/components/toast.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/toast.manager-CC9sI9jg.cjs.js"),t=require("../chunks/toast.outlet-7YvQdNf_.cjs.js");exports.ToastOutlet=t.t,exports.toast=e.n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/toast.manager-CC9sI9jg.cjs.js"),t=require("../chunks/toast.outlet-CiElRAMb.cjs.js");exports.ToastOutlet=t.t,exports.toast=e.n;

package/dist/components/toast.es.js

@@ -1,3 +1,3 @@
 import { n as e } from "../chunks/toast.manager-BzHzyuxg.esm.js";
-import { t } from "../chunks/toast.outlet-CrnB4Dsg.esm.js";
+import { t } from "../chunks/toast.outlet-DfFHdsij.esm.js";
 export { t as ToastOutlet, e as toast };

package/dist/components/toggle-button/toggle-button.recipe.d.ts

@@ -50,6 +50,17 @@ export declare const toggleButtonRecipe: import('@chakra-ui/react').RecipeDefini
                 height: "600";
             };
         } | undefined;
+        xl?: {
+            h: "1200";
+            minW: "1200";
+            textStyle: "md";
+            px: "500";
+            gap: "250";
+            _icon: {
+                width: "700";
+                height: "700";
+            };
+        } | undefined;
     };
     variant: {
         outline: {

package/dist/components/toggle-button-group.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/toggle-button-group-BHnNsAKE.cjs.js");exports.ToggleButtonGroup=e.t,exports._ToggleButtonGroupButton=e.n,exports._ToggleButtonGroupRoot=e.r;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/toggle-button-group-CX1M7CQN.cjs.js");exports.ToggleButtonGroup=e.t,exports._ToggleButtonGroupButton=e.n,exports._ToggleButtonGroupRoot=e.r;

package/dist/components/toggle-button-group.es.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "../chunks/toggle-button-group-B5vV-_5v.esm.js";
+import { n as e, r as t, t as n } from "../chunks/toggle-button-group-CTzzGLVs.esm.js";
 export { n as ToggleButtonGroup, e as _ToggleButtonGroupButton, t as _ToggleButtonGroupRoot };