@commercetools/nimbus 2.9.0 → 2.10.0

package/dist/components/pagination.cjs

@@ -1,2 +1,2 @@
-"use strict";const i=require("../chunks/pagination-BpNjPrUa.cjs.js");exports.Pagination=i.Pagination;
+"use strict";const i=require("../chunks/pagination-wtBWXFE_.cjs.js");exports.Pagination=i.Pagination;
 //# sourceMappingURL=pagination.cjs.map

package/dist/components/pagination.es.js

@@ -1,4 +1,4 @@
-import { P as i } from "../chunks/pagination-CoOO13j7.es.js";
+import { P as i } from "../chunks/pagination-Cgf2fhkX.es.js";
 export {
   i as Pagination
 };

package/dist/components/password-input/password-input.figma.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -1,2 +1,2 @@
-"use strict";const e=require("../chunks/password-input-field-CxkrPIuf.cjs.js");exports.PasswordInputField=e.PasswordInputField;
+"use strict";const e=require("../chunks/password-input-field-BicUe4m1.cjs.js");exports.PasswordInputField=e.PasswordInputField;
 //# sourceMappingURL=password-input-field.cjs.map

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

@@ -1,4 +1,4 @@
-import { P as s } from "../chunks/password-input-field-BqcNoRR_.es.js";
+import { P as s } from "../chunks/password-input-field-BKy_p1om.es.js";
 export {
   s as PasswordInputField
 };

package/dist/components/password-input.cjs

@@ -1,2 +1,2 @@
-"use strict";const t=require("../chunks/password-input-C1yj2l-t.cjs.js");exports.PasswordInput=t.PasswordInput;
+"use strict";const t=require("../chunks/password-input-DOWIpwat.cjs.js");exports.PasswordInput=t.PasswordInput;
 //# sourceMappingURL=password-input.cjs.map

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

@@ -1,4 +1,4 @@
-import { P as s } from "../chunks/password-input-oUqWPfJ5.es.js";
+import { P as s } from "../chunks/password-input-MVNOPHFz.es.js";
 export {
   s as PasswordInput
 };

package/dist/components/patterns.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("../chunks/date-range-picker-field-DnEPJBTf.cjs.js"),t=require("../chunks/money-input-field-m1j1DLSq.cjs.js"),i=require("../chunks/multiline-text-input-field-CIaHBNTp.cjs.js"),n=require("../chunks/number-input-field-BEsVOIbM.cjs.js"),u=require("../chunks/search-input-field-BAK_Q8D3.cjs.js"),l=require("../chunks/password-input-field-CxkrPIuf.cjs.js"),r=require("../chunks/text-input-field-t6s8Tn-I.cjs.js");exports.DateRangePickerField=e.DateRangePickerField;exports.MoneyInputField=t.MoneyInputField;exports.MultilineTextInputField=i.MultilineTextInputField;exports.NumberInputField=n.NumberInputField;exports.SearchInputField=u.SearchInputField;exports.PasswordInputField=l.PasswordInputField;exports.TextInputField=r.TextInputField;
+"use strict";const e=require("../chunks/date-range-picker-field-CI8R-9wO.cjs.js"),t=require("../chunks/money-input-field-BdETG0rD.cjs.js"),i=require("../chunks/multiline-text-input-field-BBmwUJcX.cjs.js"),n=require("../chunks/number-input-field-Cr6jXJf9.cjs.js"),u=require("../chunks/search-input-field-b6Z8_g1D.cjs.js"),l=require("../chunks/password-input-field-BicUe4m1.cjs.js"),r=require("../chunks/text-input-field-Bmg_yxnr.cjs.js");exports.DateRangePickerField=e.DateRangePickerField;exports.MoneyInputField=t.MoneyInputField;exports.MultilineTextInputField=i.MultilineTextInputField;exports.NumberInputField=n.NumberInputField;exports.SearchInputField=u.SearchInputField;exports.PasswordInputField=l.PasswordInputField;exports.TextInputField=r.TextInputField;
 //# sourceMappingURL=patterns.cjs.map

package/dist/components/patterns.es.js

@@ -1,10 +1,10 @@
-import { D as t } from "../chunks/date-range-picker-field-4OMHZSww.es.js";
-import { M as p } from "../chunks/money-input-field-wTLEvYtD.es.js";
-import { M as i } from "../chunks/multiline-text-input-field-Cn3WyOO9.es.js";
-import { N as n } from "../chunks/number-input-field-Dv5zCbln.es.js";
-import { S as x } from "../chunks/search-input-field-DkQiv4oU.es.js";
-import { P as m } from "../chunks/password-input-field-BqcNoRR_.es.js";
-import { T as f } from "../chunks/text-input-field-BeQQ0J5G.es.js";
+import { D as t } from "../chunks/date-range-picker-field-Dt-bb4xJ.es.js";
+import { M as p } from "../chunks/money-input-field-CiVByz4i.es.js";
+import { M as i } from "../chunks/multiline-text-input-field-RWUO1iDX.es.js";
+import { N as n } from "../chunks/number-input-field-Bqc-1BnB.es.js";
+import { S as x } from "../chunks/search-input-field-C-qLG2Wi.es.js";
+import { P as m } from "../chunks/password-input-field-BKy_p1om.es.js";
+import { T as f } from "../chunks/text-input-field-ClRdX2eJ.es.js";
 export {
   t as DateRangePickerField,
   p as MoneyInputField,

package/dist/components/popover.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("../chunks/popover-FjS43_KY.cjs.js");exports.Popover=e.Popover;
+"use strict";const e=require("../chunks/popover-BG34OX_r.cjs.js");exports.Popover=e.Popover;
 //# sourceMappingURL=popover.cjs.map

package/dist/components/popover.es.js

@@ -1,4 +1,4 @@
-import { P as e } from "../chunks/popover-CFWE6RED.es.js";
+import { P as e } from "../chunks/popover-BBxctRr2.es.js";
 export {
   e as Popover
 };

package/dist/components/progress-bar/progress-bar.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/progress-bar.cjs

@@ -1,2 +1,2 @@
-"use strict";const r=require("../chunks/progress-bar-B8Z0iZIg.cjs.js");exports.ProgressBar=r.ProgressBar;
+"use strict";const r=require("../chunks/progress-bar-CZbRuitA.cjs.js");exports.ProgressBar=r.ProgressBar;
 //# sourceMappingURL=progress-bar.cjs.map

package/dist/components/progress-bar.es.js

@@ -1,4 +1,4 @@
-import { P as s } from "../chunks/progress-bar-DF06rCPA.es.js";
+import { P as s } from "../chunks/progress-bar-C3UFAM3Y.es.js";
 export {
   s as ProgressBar
 };

package/dist/components/radio-input/radio-input.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/radio-input.cjs

@@ -1,2 +1,2 @@
-"use strict";const t=require("../chunks/radio-input-DeQk883P.cjs.js");exports.RadioInput=t.RadioInput;
+"use strict";const t=require("../chunks/radio-input-nosa_2NG.cjs.js");exports.RadioInput=t.RadioInput;
 //# sourceMappingURL=radio-input.cjs.map

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

@@ -1,4 +1,4 @@
-import { R as p } from "../chunks/radio-input-C18hFGFa.es.js";
+import { R as p } from "../chunks/radio-input-BEsM8UMA.es.js";
 export {
   p as RadioInput
 };

package/dist/components/range-calendar.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("../chunks/range-calendar-xyzRk9tN.cjs.js");exports.RangeCalendar=e.RangeCalendar;
+"use strict";const e=require("../chunks/range-calendar-BvYi1Gty.cjs.js");exports.RangeCalendar=e.RangeCalendar;
 //# sourceMappingURL=range-calendar.cjs.map

package/dist/components/range-calendar.es.js

@@ -1,4 +1,4 @@
-import { R as r } from "../chunks/range-calendar-BOkdgYw0.es.js";
+import { R as r } from "../chunks/range-calendar-Cc8nVJ9O.es.js";
 export {
   r as RangeCalendar
 };

package/dist/components/rich-text-input/rich-text-input.figma.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -1,2 +1,2 @@
-"use strict";const t=require("../chunks/rich-text-input-kk9rtBb2.cjs.js");exports.RichTextInput=t.RichTextInput;
+"use strict";const t=require("../chunks/rich-text-input-CpdpI-1n.cjs.js");exports.RichTextInput=t.RichTextInput;
 //# sourceMappingURL=rich-text-input.cjs.map

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

@@ -1,4 +1,4 @@
-import { R as o } from "../chunks/rich-text-input-DLgk2NgC.es.js";
+import { R as o } from "../chunks/rich-text-input-CtR9Fk-m.es.js";
 export {
   o as RichTextInput
 };

package/dist/components/scoped-search-input/scoped-search-input.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/scoped-search-input.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("../chunks/scoped-search-input-BQwOQwaP.cjs.js");exports.ScopedSearchInput=e.ScopedSearchInput;
+"use strict";const e=require("../chunks/scoped-search-input-6Xkaptim.cjs.js");exports.ScopedSearchInput=e.ScopedSearchInput;
 //# sourceMappingURL=scoped-search-input.cjs.map

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

@@ -1,4 +1,4 @@
-import { S as p } from "../chunks/scoped-search-input-QljA__zn.es.js";
+import { S as p } from "../chunks/scoped-search-input-BakUvuUH.es.js";
 export {
   p as ScopedSearchInput
 };

package/dist/components/search-input/search-input.figma.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -1,2 +1,2 @@
-"use strict";const e=require("../chunks/search-input-field-BAK_Q8D3.cjs.js");exports.SearchInputField=e.SearchInputField;
+"use strict";const e=require("../chunks/search-input-field-b6Z8_g1D.cjs.js");exports.SearchInputField=e.SearchInputField;
 //# sourceMappingURL=search-input-field.cjs.map

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

@@ -1,4 +1,4 @@
-import { S as a } from "../chunks/search-input-field-DkQiv4oU.es.js";
+import { S as a } from "../chunks/search-input-field-C-qLG2Wi.es.js";
 export {
   a as SearchInputField
 };

package/dist/components/search-input.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("../chunks/search-input-CDRgTQeG.cjs.js");exports.SearchInput=e.SearchInput;
+"use strict";const e=require("../chunks/search-input-ChuhT_Q2.cjs.js");exports.SearchInput=e.SearchInput;
 //# sourceMappingURL=search-input.cjs.map

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

@@ -1,4 +1,4 @@
-import { S as e } from "../chunks/search-input-CbKzOt2W.es.js";
+import { S as e } from "../chunks/search-input-CE4Aadh5.es.js";
 export {
   e as SearchInput
 };

package/dist/components/select/components/select.clear-button.d.ts

@@ -4,6 +4,8 @@
  * @supportsStyleProps
  */
 export declare const SelectClearButton: {
-    (): import("react/jsx-runtime").JSX.Element | null;
+    ({ isDisabled }: {
+        isDisabled?: boolean;
+    }): import("react/jsx-runtime").JSX.Element | null;
     displayName: string;
 };

package/dist/components/select/select.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/select.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("../chunks/select-DKYKaxPB.cjs.js");exports.Select=e.Select;
+"use strict";const e=require("../chunks/select-BS2M-M83.cjs.js");exports.Select=e.Select;
 //# sourceMappingURL=select.cjs.map

package/dist/components/select.es.js

@@ -1,4 +1,4 @@
-import { S as r } from "../chunks/select-BBTH3cVj.es.js";
+import { S as r } from "../chunks/select-6_4th9JF.es.js";
 export {
   r as Select
 };

package/dist/components/separator/separator.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/separator.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("../chunks/separator-BCgD1L7m.cjs.js");exports.Separator=e.Separator;
+"use strict";const e=require("../chunks/separator-CFwc0iIX.cjs.js");exports.Separator=e.Separator;
 //# sourceMappingURL=separator.cjs.map

package/dist/components/separator.es.js

@@ -1,4 +1,4 @@
-import { S as o } from "../chunks/separator-nbzofauL.es.js";
+import { S as o } from "../chunks/separator-Chb2smWb.es.js";
 export {
   o as Separator
 };

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

@@ -0,0 +1 @@
+export {};

package/dist/components/split-button.cjs

@@ -1,2 +1,2 @@
-"use strict";const t=require("../chunks/split-button-BxATaqTd.cjs.js");exports.SplitButton=t.SplitButton;
+"use strict";const t=require("../chunks/split-button-BETviUNO.cjs.js");exports.SplitButton=t.SplitButton;
 //# sourceMappingURL=split-button.cjs.map

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

@@ -1,4 +1,4 @@
-import { S as p } from "../chunks/split-button-BU-qVsoU.es.js";
+import { S as p } from "../chunks/split-button-D16-WBNG.es.js";
 export {
   p as SplitButton
 };

package/dist/components/steps/steps.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/steps.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("../chunks/steps-hFnqvgs5.cjs.js");exports.Steps=e.Steps;exports._StepsCompletedContent=e.StepsCompletedContent;exports._StepsContent=e.StepsContent;exports._StepsDescription=e.StepsDescription;exports._StepsIndicator=e.StepsIndicator;exports._StepsItem=e.StepsItem;exports._StepsList=e.StepsList;exports._StepsNextTrigger=e.StepsNextTrigger;exports._StepsNumber=e.StepsNumber;exports._StepsPrevTrigger=e.StepsPrevTrigger;exports._StepsRoot=e.StepsRoot;exports._StepsSeparator=e.StepsSeparator;exports._StepsStatus=e.StepsStatus;exports._StepsTitle=e.StepsTitle;exports._StepsTrigger=e.StepsTrigger;
+"use strict";const e=require("../chunks/steps-CspiMGql.cjs.js");exports.Steps=e.Steps;exports._StepsCompletedContent=e.StepsCompletedContent;exports._StepsContent=e.StepsContent;exports._StepsDescription=e.StepsDescription;exports._StepsIndicator=e.StepsIndicator;exports._StepsItem=e.StepsItem;exports._StepsList=e.StepsList;exports._StepsNextTrigger=e.StepsNextTrigger;exports._StepsNumber=e.StepsNumber;exports._StepsPrevTrigger=e.StepsPrevTrigger;exports._StepsRoot=e.StepsRoot;exports._StepsSeparator=e.StepsSeparator;exports._StepsStatus=e.StepsStatus;exports._StepsTitle=e.StepsTitle;exports._StepsTrigger=e.StepsTrigger;
 //# sourceMappingURL=steps.cjs.map

package/dist/components/steps.es.js

@@ -1,4 +1,4 @@
-import { S as t, a, b as p, c as S, d as r, e as _, f as o, g as i, h as g, i as n, j as m, k as T, l as c, m as d, n as l } from "../chunks/steps-D4PGBn9S.es.js";
+import { S as t, a, b as p, c as S, d as r, e as _, f as o, g as i, h as g, i as n, j as m, k as T, l as c, m as d, n as l } from "../chunks/steps-C4XbtR5-.es.js";
 export {
   t as Steps,
   a as _StepsCompletedContent,

package/dist/components/switch/switch.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/switch.cjs

@@ -1,2 +1,2 @@
-"use strict";const t=require("../chunks/switch-DBI4STeG.cjs.js");exports.Switch=t.Switch;
+"use strict";const t=require("../chunks/switch-tSvj0lEc.cjs.js");exports.Switch=t.Switch;
 //# sourceMappingURL=switch.cjs.map

package/dist/components/switch.es.js

@@ -1,4 +1,4 @@
-import { S as t } from "../chunks/switch-dLnIGxMu.es.js";
+import { S as t } from "../chunks/switch-D0yKNmNs.es.js";
 export {
   t as Switch
 };

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

@@ -0,0 +1,2 @@
+export { TabNavRoot } from './tab-nav.root';
+export { TabNavItem } from './tab-nav.item';

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

@@ -0,0 +1,16 @@
+import { TabNavItemProps } from '../tab-nav.types';
+/**
+ * # TabNav.Item
+ *
+ * An individual tab-styled navigation link. Renders as an `<a>` element.
+ *
+ * When `isCurrent` is true, sets `aria-current="page"` on the anchor to
+ * indicate to assistive technologies that this link represents the current page.
+ * Uses standard sequential Tab key navigation — no roving tabindex.
+ *
+ * @supportsStyleProps
+ */
+export declare const TabNavItem: {
+    ({ children, href, isCurrent, isDisabled, target, rel, ref, ...rest }: TabNavItemProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,16 @@
+import { TabNavProps } from '../tab-nav.types';
+/**
+ * # TabNav.Root
+ *
+ * The root container for the TabNav component. Renders a `<nav>` landmark
+ * that provides the styling context for all child `TabNav.Item` links.
+ *
+ * Use this with `TabNav.Item` to build tab-styled navigation for route-based
+ * navigation (not content-switching panels).
+ *
+ * @supportsStyleProps
+ */
+export declare const TabNavRoot: {
+    (props: TabNavProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,2 @@
+export * from './tab-nav';
+export * from './tab-nav.types';

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

@@ -0,0 +1,69 @@
+import { TabNavRoot, TabNavItem } from './components';
+/**
+ * TabNav
+ * ============================================================
+ * A tab-styled navigation component for route-based navigation links.
+ * Renders proper navigation semantics (`<nav>` landmark, `<a>` elements,
+ * `aria-current="page"`) for WCAG 2.1 AA compliant page navigation.
+ *
+ * Unlike the `Tabs` component (which uses `role="tablist"` and roving tabindex
+ * for content-switching), `TabNav` uses standard sequential Tab key navigation
+ * and is appropriate for navigating between routes or page views.
+ *
+ * @see {@link https://nimbus-documentation.vercel.app/components/navigation/tab-nav}
+ *
+ * @example
+ * ```tsx
+ * <TabNav.Root>
+ *   <TabNav.Item href="/orders/123/general" isCurrent>
+ *     General
+ *   </TabNav.Item>
+ *   <TabNav.Item href="/orders/123/items">Items</TabNav.Item>
+ *   <TabNav.Item href="/orders/123/shipping">Shipping</TabNav.Item>
+ * </TabNav.Root>
+ * ```
+ */
+export declare const TabNav: {
+    /**
+     * # TabNav.Root
+     *
+     * The root container for the tab navigation. Renders a `<nav>` landmark
+     * with the tab strip underline styling.
+     *
+     * @example
+     * ```tsx
+     * <TabNav.Root variant="tabs">
+     *   <TabNav.Item href="/general" isCurrent>General</TabNav.Item>
+     *   <TabNav.Item href="/items">Items</TabNav.Item>
+     * </TabNav.Root>
+     * ```
+     */
+    Root: {
+        (props: import('./tab-nav.types').TabNavProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    /**
+     * # TabNav.Item
+     *
+     * An individual tab-styled navigation link. Renders as an `<a>` element.
+     * Use `isCurrent` to mark the active navigation item.
+     *
+     * @example
+     * ```tsx
+     * <TabNav.Item href="/orders/123/general" isCurrent>
+     *   General
+     * </TabNav.Item>
+     * ```
+     */
+    Item: {
+        ({ children, href, isCurrent, isDisabled, target, rel, ref, ...rest }: import('./tab-nav.types').TabNavItemProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};
+export type { TabNavProps, TabNavItemProps } from './tab-nav.types';
+/**
+ * todo: get rid of this, this is needed for the react-docgen-typescript script
+ * that is parsing the typescript types for our documentation. The _ underscores
+ * serve as a reminder that this exports are awkward and should not be used.
+ */
+export { TabNavRoot as _TabNavRoot, TabNavItem as _TabNavItem };

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

@@ -0,0 +1,72 @@
+/**
+ * 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", {
+    variant: {
+        tabs: {
+            root: {
+                boxShadow: "0 1px 0 0 {colors.neutral.6}";
+            };
+            item: {
+                color: "neutral.12";
+                cursor: "pointer";
+                fontWeight: "500";
+                textDecoration: "none";
+                transition: "all 150ms ease";
+                boxShadow: "0 2px 0 0 transparent";
+                focusVisibleRing: "outside";
+                _hover: {
+                    color: "primary.11";
+                };
+                '&[aria-current="page"]': {
+                    color: "primary.9";
+                    boxShadow: "0 2px 0 0 {colors.primary.9}";
+                };
+                _disabled: {
+                    layerStyle: "disabled";
+                };
+            };
+        };
+    };
+    size: {
+        sm: {
+            item: {
+                "--tab-nav-font-size": "fontSizes.300";
+                "--tab-nav-padding-top": "spacing.100";
+                "--tab-nav-padding-right": "spacing.300";
+                "--tab-nav-padding-bottom": "spacing.100";
+                "--tab-nav-padding-left": "spacing.300";
+            };
+        };
+        md: {
+            item: {
+                "--tab-nav-font-size": "fontSizes.350";
+                "--tab-nav-padding-top": "spacing.200";
+                "--tab-nav-padding-right": "spacing.400";
+                "--tab-nav-padding-bottom": "spacing.200";
+                "--tab-nav-padding-left": "spacing.400";
+            };
+        };
+        lg: {
+            item: {
+                "--tab-nav-font-size": "fontSizes.400";
+                "--tab-nav-padding-top": "spacing.300";
+                "--tab-nav-padding-right": "spacing.600";
+                "--tab-nav-padding-bottom": "spacing.300";
+                "--tab-nav-padding-left": "spacing.600";
+            };
+        };
+    };
+}>;

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

@@ -0,0 +1,14 @@
+import { SlotComponent } from '../../type-utils';
+import { TabNavRootSlotProps, TabNavItemSlotProps } from './tab-nav.types';
+/**
+ * Root slot component providing the styling context for the TabNav component.
+ * Uses Chakra UI's recipe context system for consistent styling across instances.
+ * Renders as a `<nav>` landmark element.
+ */
+export declare const TabNavRootSlot: SlotComponent<HTMLElement, TabNavRootSlotProps>;
+/**
+ * Item slot component for individual tab navigation links.
+ * Consumes the styling context from `TabNavRootSlot`.
+ * Renders as an `<a>` element.
+ */
+export declare const TabNavItemSlot: SlotComponent<HTMLAnchorElement, TabNavItemSlotProps>;

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

@@ -0,0 +1,69 @@
+import { OmitInternalProps } from '../../type-utils/omit-props';
+import { HTMLChakraProps, SlotRecipeProps, UnstyledProp } from '@chakra-ui/react/styled-system';
+type TabNavRecipeProps = {
+    /**
+     * Visual style variant of the tab navigation
+     * @default "tabs"
+     */
+    variant?: SlotRecipeProps<"nimbusTabNav">["variant"];
+    /**
+     * Size of the tab navigation items
+     * @default "md"
+     */
+    size?: SlotRecipeProps<"nimbusTabNav">["size"];
+} & UnstyledProp;
+export type TabNavRootSlotProps = HTMLChakraProps<"nav", TabNavRecipeProps>;
+export type TabNavItemSlotProps = HTMLChakraProps<"a", TabNavRecipeProps>;
+/**
+ * Props for the TabNav.Root component.
+ * Renders a `<nav>` landmark containing tab-styled navigation links.
+ */
+export type TabNavProps = OmitInternalProps<TabNavRootSlotProps> & {
+    /**
+     * A ref to the root `<nav>` element.
+     */
+    ref?: React.Ref<HTMLElement>;
+    [key: `data-${string}`]: unknown;
+};
+/**
+ * Props for the TabNav.Item component.
+ * Renders an `<a>` element styled as a tab navigation link.
+ */
+export type TabNavItemProps = OmitInternalProps<TabNavItemSlotProps> & {
+    /**
+     * The URL this navigation item links to.
+     */
+    href: string;
+    /**
+     * Whether this item represents the current page.
+     * When true, sets `aria-current="page"` on the anchor element.
+     * @default false
+     */
+    isCurrent?: boolean;
+    /**
+     * Whether the item is disabled. Disabled items cannot be interacted with
+     * and are visually dimmed.
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * The target window for the link.
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target
+     */
+    target?: React.HTMLAttributeAnchorTarget;
+    /**
+     * The relationship between the current document and the linked URL.
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#rel
+     */
+    rel?: string;
+    /**
+     * The label content displayed inside the link.
+     */
+    children?: React.ReactNode;
+    /**
+     * A ref to the underlying `<a>` element.
+     */
+    ref?: React.Ref<HTMLAnchorElement>;
+    [key: `data-${string}`]: unknown;
+};
+export {};

package/dist/components/tab-nav.cjs

@@ -0,0 +1,2 @@
+"use strict";const a=require("../chunks/tab-nav-CswZzom2.cjs.js");exports.TabNav=a.TabNav;exports._TabNavItem=a.TabNavItem;exports._TabNavRoot=a.TabNavRoot;
+//# sourceMappingURL=tab-nav.cjs.map

package/dist/components/tab-nav.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-nav.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,7 @@
+import { T as o, a as T, b as s } from "../chunks/tab-nav-D6KyQebA.es.js";
+export {
+  o as TabNav,
+  T as _TabNavItem,
+  s as _TabNavRoot
+};
+//# sourceMappingURL=tab-nav.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tab-nav.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/table.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("../chunks/table-I9vNdwDu.cjs.js");exports.Table=e.Table;exports.TableBody=e.TableBody;exports.TableCaption=e.TableCaption;exports.TableCell=e.TableCell;exports.TableColumn=e.TableColumn;exports.TableColumnGroup=e.TableColumnGroup;exports.TableColumnHeader=e.TableColumnHeader;exports.TableFooter=e.TableFooter;exports.TableHeader=e.TableHeader;exports.TableRoot=e.TableRoot;exports.TableRow=e.TableRow;exports.TableScrollArea=e.TableScrollArea;
+"use strict";const e=require("../chunks/table-CuNxXwLS.cjs.js");exports.Table=e.Table;exports.TableBody=e.TableBody;exports.TableCaption=e.TableCaption;exports.TableCell=e.TableCell;exports.TableColumn=e.TableColumn;exports.TableColumnGroup=e.TableColumnGroup;exports.TableColumnHeader=e.TableColumnHeader;exports.TableFooter=e.TableFooter;exports.TableHeader=e.TableHeader;exports.TableRoot=e.TableRoot;exports.TableRow=e.TableRow;exports.TableScrollArea=e.TableScrollArea;
 //# sourceMappingURL=table.cjs.map

package/dist/components/table.es.js

@@ -1,4 +1,4 @@
-import { T as l, a as o, b, c as T, d as s, e as r, f as C, g as d, h as m, i as n, j as t, k as u } from "../chunks/table-BQ9EfDVA.es.js";
+import { T as l, a as o, b, c as T, d as s, e as r, f as C, g as d, h as m, i as n, j as t, k as u } from "../chunks/table-CN-2YRM6.es.js";
 export {
   l as Table,
   o as TableBody,

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

@@ -0,0 +1 @@
+export {};

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

@@ -1,6 +1,14 @@
 /**
  * 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" | "trigger" | "panel" | "list" | "tab" | "panels", {
     variant: {

package/dist/components/tabs.cjs

@@ -1,2 +1,2 @@
-"use strict";const a=require("../chunks/tabs-Ce76FEWP.cjs.js");exports.Tabs=a.Tabs;exports._TabsList=a.TabsList;exports._TabsPanel=a.TabsPanel;exports._TabsPanels=a.TabsPanels;exports._TabsRoot=a.TabsRoot;exports._TabsTab=a.TabsTab;
+"use strict";const a=require("../chunks/tabs-fsGVXTZ8.cjs.js");exports.Tabs=a.Tabs;exports._TabsList=a.TabsList;exports._TabsPanel=a.TabsPanel;exports._TabsPanels=a.TabsPanels;exports._TabsRoot=a.TabsRoot;exports._TabsTab=a.TabsTab;
 //# sourceMappingURL=tabs.cjs.map

package/dist/components/tabs.es.js

@@ -1,4 +1,4 @@
-import { T as b, a as T, b as _, c as e, d as o, e as t } from "../chunks/tabs-Vvz4_UY5.es.js";
+import { T as b, a as T, b as _, c as e, d as o, e as t } from "../chunks/tabs-B35CbEex.es.js";
 export {
   b as Tabs,
   T as _TabsList,

package/dist/components/tag-group/tag-group.figma.d.ts

@@ -0,0 +1 @@
+export {};