@commercetools/nimbus 3.2.0 → 3.4.0

package/dist/chunks/slider-CE2eEViT.esm.js

@@ -0,0 +1,9 @@
+import { n as e } from "./range-slider-CiNJCiKg.esm.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/slider/slider.tsx
+var n = (n) => /* @__PURE__ */ t(e, { ...n });
+n.displayName = "Slider";
+//#endregion
+export { n as t };
+
+//# sourceMappingURL=slider-CE2eEViT.esm.js.map

package/dist/chunks/slider-CE2eEViT.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider-CE2eEViT.esm.js","names":[],"sources":["../../src/components/slider/slider.tsx"],"sourcesContent":["import { SliderBase } from \"./slider-base\";\nimport type { SliderBaseProps, SliderProps } from \"./slider.types\";\n\n/**\n * # Slider\n *\n * A single-thumb slider for selecting one numeric value within a range. Wraps\n * React Aria's Slider with Nimbus styling; the current value is shown in a\n * tooltip on the handle while hovering, focusing, or dragging. Provide an\n * `aria-label` (or use inside `FormField`) for the accessible name.\n */\nexport const Slider = (props: SliderProps) => {\n  // SliderBaseProps intentionally widens value/onChange to `number | number[]`\n  // so the shared implementation can serve both Slider and RangeSlider; the\n  // cast narrows back since SliderProps only ever supplies the `number` arm.\n  return <SliderBase {...(props as SliderBaseProps)} />;\n};\n\nSlider.displayName = \"Slider\";\n"],"mappings":";;;AAWA,IAAa,KAAU,MAId,kBAAC,GAAD,EAAY,GAAK,EAA4B,CAAA;AAGtD,EAAO,cAAc"}

package/dist/chunks/slider-CxvxZzOB.cjs

@@ -0,0 +1,2 @@
+const e=require("./range-slider-Ch4kXVc3.cjs.js");let t=require("react/jsx-runtime");var n=n=>(0,t.jsx)(e.n,{...n});n.displayName=`Slider`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return n}});
+//# sourceMappingURL=slider-CxvxZzOB.cjs.js.map

package/dist/chunks/slider-CxvxZzOB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider-CxvxZzOB.cjs.js","names":[],"sources":["../../src/components/slider/slider.tsx"],"sourcesContent":["import { SliderBase } from \"./slider-base\";\nimport type { SliderBaseProps, SliderProps } from \"./slider.types\";\n\n/**\n * # Slider\n *\n * A single-thumb slider for selecting one numeric value within a range. Wraps\n * React Aria's Slider with Nimbus styling; the current value is shown in a\n * tooltip on the handle while hovering, focusing, or dragging. Provide an\n * `aria-label` (or use inside `FormField`) for the accessible name.\n */\nexport const Slider = (props: SliderProps) => {\n  // SliderBaseProps intentionally widens value/onChange to `number | number[]`\n  // so the shared implementation can serve both Slider and RangeSlider; the\n  // cast narrows back since SliderProps only ever supplies the `number` arm.\n  return <SliderBase {...(props as SliderBaseProps)} />;\n};\n\nSlider.displayName = \"Slider\";\n"],"mappings":"qFAWA,IAAa,EAAU,IAId,EAAA,EAAA,IAAA,CAAC,EAAA,EAAD,CAAY,GAAK,CAA4B,CAAA,EAGtD,EAAO,YAAc"}

package/dist/chunks/spacer-C-F_oMDC.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"spacer-C-F_oMDC.cjs.js","names":[],"sources":["../../src/components/spacer/spacer.tsx"],"sourcesContent":["/**\n * Spacer component\n *\n * A simple layout component that occupies leftover available space in flex containers.\n * Uses flexGrow=\"1\" to fill remaining space.\n */\n\nimport { Box } from \"@chakra-ui/react/box\";\nimport type { SpacerProps } from \"./spacer.types\";\n\n/**\n * Spacer component that fills available space in flex layouts.\n *\n * @example\n * ```tsx\n * <Stack direction=\"row\">\n *   <Button>Left</Button>\n *   <Spacer />\n *   <Button>Right</Button>\n * </Stack>\n * ```\n */\nexport const Spacer = ({ ref, ...props }: SpacerProps) => {\n  return <Box ref={ref} flexGrow={1} {...props} />;\n};\n\nSpacer.displayName = \"Spacer\";\n"],"mappings":"qEAsBA,IAAa,GAAU,CAAE,MAAK,GAAG,MACxB,EAAA,EAAA,KAAC,EAAA,IAAD,CAAU,MAAK,SAAU,EAAG,GAAI,CAAQ,CAAA,EAGjD,EAAO,YAAc"}
+{"version":3,"file":"spacer-C-F_oMDC.cjs.js","names":[],"sources":["../../src/components/spacer/spacer.tsx"],"sourcesContent":["/**\n * Spacer component\n *\n * A simple layout component that occupies leftover available space in flex containers.\n * Uses flexGrow=\"1\" to fill remaining space.\n */\n\nimport { Box } from \"@chakra-ui/react/box\";\nimport type { SpacerProps } from \"./spacer.types\";\n\n/**\n * Spacer component that fills available space in flex layouts.\n *\n * @example\n * ```tsx\n * <Stack direction=\"row\">\n *   <Button>Left</Button>\n *   <Spacer />\n *   <Button>Right</Button>\n * </Stack>\n * ```\n */\nexport const Spacer = ({ ref, ...props }: SpacerProps) => {\n  return <Box ref={ref} flexGrow={1} {...props} />;\n};\n\nSpacer.displayName = \"Spacer\";\n"],"mappings":"qEAsBA,IAAa,GAAU,CAAE,MAAK,GAAG,MACxB,EAAA,EAAA,IAAA,CAAC,EAAA,IAAD,CAAU,MAAK,SAAU,EAAG,GAAI,CAAQ,CAAA,EAGjD,EAAO,YAAc"}

package/dist/chunks/split-button-Dr_RsxyR.cjs

@@ -0,0 +1,2 @@
+const e=require("./SSRProvider-CM04-CXZ.cjs.js"),t=require("./icon-button-BG5cQycc.cjs.js"),n=require("./normalize-messages-BMq9y_ae.cjs.js"),r=require("./icon-DjrMssEK.cjs.js"),i=require("./menu-sokBButj.cjs.js"),a=require("./button-D6f5OX0h.cjs.js");let o=require("react");o=e.a(o,1);let s=require("react/jsx-runtime"),c=require("@commercetools/nimbus-icons");var{withProvider:l,withContext:u}=(0,require("@chakra-ui/react/styled-system").createSlotRecipeContext)({key:`nimbusSplitButton`}),d=l(`div`,`root`),f=u(`div`,`buttonGroup`),p=u(`button`,`primaryButton`),m=u(`button`,`dropdownTrigger`),h={en:n.t({noActionsAvailable:`No actions available`}),de:n.t({noActionsAvailable:`Keine Aktionen verfügbar`}),es:n.t({noActionsAvailable:`No hay acciones disponibles`}),"fr-FR":n.t({noActionsAvailable:`Aucune action disponible`}),"pt-BR":n.t({noActionsAvailable:`Não há ações disponíveis`})},g=e=>{let l=n.n(h),{size:u=`md`,variant:g=`solid`,colorPalette:_,isDisabled:v=!1,"aria-label":y,onAction:b,isOpen:x,defaultOpen:S,onOpenChange:C,icon:w}=e,T={size:u,variant:g,colorPalette:_},E=e=>{if(!o.default.isValidElement(e)||!e.props)return!1;let t=e.props;return`id`in t&&typeof t.id==`string`},D=e=>!o.default.isValidElement(e)||!e.props?!1:`children`in e.props,O=e.children,k=e=>{let t=!1;return o.default.Children.forEach(e,e=>{if(!t){if(E(e)&&!e.props.isDisabled){t=!0;return}D(e)&&(t=k(e.props.children))}}),t},A=()=>{let e=[],t=n=>{o.default.Children.forEach(n,n=>{E(n)&&e.push({content:n.props.children,isDisabled:n.props.isDisabled||!1,actionId:n.props.id}),D(n)&&t(n.props.children)})};return t(O),e.find(e=>!e.isDisabled)||e[0]||{content:l.format(`noActionsAvailable`),isDisabled:!0,actionId:null}},j=k(O),M=A(),N=()=>{!M.isDisabled&&M.actionId&&b&&b(M.actionId)},P=v||M.isDisabled,F=v||!j;return(0,s.jsx)(d,{variant:g,"data-mode":`split`,children:(0,s.jsxs)(f,{children:[(0,s.jsx)(p,{asChild:!0,children:(0,s.jsxs)(a.t,{...T,isDisabled:P,onPress:N,children:[w&&(0,s.jsx)(r.t,{children:w}),M.content]})}),(0,s.jsxs)(i.t.Root,{trigger:`press`,isOpen:x,defaultOpen:S,onOpenChange:C,placement:`bottom end`,selectionMode:`none`,onAction:b?e=>b(String(e)):void 0,children:[(0,s.jsx)(i.t.Trigger,{asChild:!0,children:(0,s.jsx)(m,{asChild:!0,children:(0,s.jsx)(t.t,{...T,"aria-label":y,isDisabled:F,children:(0,s.jsx)(c.KeyboardArrowDown,{})})})}),(0,s.jsx)(i.t.Content,{children:O})]})]})})};g.displayName=`SplitButton`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return g}});
+//# sourceMappingURL=split-button-Dr_RsxyR.cjs.js.map

package/dist/chunks/split-button-Dr_RsxyR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-button-Dr_RsxyR.cjs.js","names":[],"sources":["../../src/components/split-button/split-button.slots.tsx","../../src/components/split-button/intl/en.ts","../../src/components/split-button/intl/de.ts","../../src/components/split-button/intl/es.ts","../../src/components/split-button/intl/fr-FR.ts","../../src/components/split-button/intl/pt-BR.ts","../../src/components/split-button/split-button.messages.ts","../../src/components/split-button/split-button.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type {\n  SplitButtonRootSlotProps,\n  SplitButtonButtonGroupSlotProps,\n  SplitButtonPrimaryButtonSlotProps,\n  SplitButtonTriggerSlotProps,\n} from \"./split-button.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusSplitButton\",\n});\n\n// Root Container\nexport const SplitButtonRootSlot: SlotComponent<\n  HTMLDivElement,\n  SplitButtonRootSlotProps\n> = withProvider<HTMLDivElement, SplitButtonRootSlotProps>(\"div\", \"root\");\n\n// Button Group Container\nexport const SplitButtonButtonGroupSlot = withContext<\n  HTMLDivElement,\n  SplitButtonButtonGroupSlotProps\n>(\"div\", \"buttonGroup\");\n\n// Primary Action Button\nexport const SplitButtonPrimaryButtonSlot = withContext<\n  HTMLButtonElement,\n  SplitButtonPrimaryButtonSlotProps\n>(\"button\", \"primaryButton\");\n\n// Dropdown Trigger Button\nexport const SplitButtonTriggerSlot = withContext<\n  HTMLButtonElement,\n  SplitButtonTriggerSlotProps\n>(\"button\", \"dropdownTrigger\");\n","/**\n * Pre-compiled en messages for SplitButton\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { noActionsAvailable: `No actions available` };\n","/**\n * Pre-compiled de messages for SplitButton\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { noActionsAvailable: `Keine Aktionen verfügbar` };\n","/**\n * Pre-compiled es messages for SplitButton\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { noActionsAvailable: `No hay acciones disponibles` };\n","/**\n * Pre-compiled fr-FR messages for SplitButton\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { noActionsAvailable: `Aucune action disponible` };\n","/**\n * Pre-compiled pt-BR messages for SplitButton\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { noActionsAvailable: `Não há ações disponíveis` };\n","/**\n * Pre-compiled localized messages for SplitButton component\n *\n * Generated by scripts/generate-dictionaries.ts\n * DO NOT EDIT MANUALLY\n *\n * @see https://react-spectrum.adobe.com/react-aria/internationalization.html\n */\n\nimport {\n  type LocalizedString,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { normalizeMessages } from \"../../utils/normalize-messages\";\n\n// Pre-compiled message functions\nimport splitButtonMessages_en from \"./intl/en\";\nimport splitButtonMessages_de from \"./intl/de\";\nimport splitButtonMessages_es from \"./intl/es\";\nimport splitButtonMessages_fr from \"./intl/fr-FR\";\nimport splitButtonMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const splitButtonMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(splitButtonMessages_en),\n  de: normalizeMessages(splitButtonMessages_de),\n  es: normalizeMessages(splitButtonMessages_es),\n  \"fr-FR\": normalizeMessages(splitButtonMessages_fr),\n  \"pt-BR\": normalizeMessages(splitButtonMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for SplitButton component\n */\nexport type SplitButtonMessageKey = \"noActionsAvailable\";\n","import React from \"react\";\nimport { Button } from \"@/components/button/button\";\nimport { IconButton } from \"@/components/icon-button/icon-button\";\nimport { Menu } from \"@/components/menu/menu\";\nimport { Icon } from \"@/components/icon/icon\";\nimport type { SplitButtonProps } from \"./split-button.types\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport {\n  SplitButtonRootSlot,\n  SplitButtonButtonGroupSlot,\n  SplitButtonPrimaryButtonSlot,\n  SplitButtonTriggerSlot,\n} from \"./split-button.slots\";\nimport { splitButtonMessagesStrings } from \"./split-button.messages\";\nimport { KeyboardArrowDown } from \"@commercetools/nimbus-icons\";\n\n// Re-export types\nexport type * from \"./split-button.types\";\n\n/**\n * # SplitButton\n *\n * A split-button component that combines a primary action button with a dropdown menu.\n *\n * Shows a primary action button + dropdown trigger. The primary button automatically\n * executes the first enabled Menu.Item action, while the dropdown trigger opens a menu\n * with all available options.\n *\n * Use with Menu.Item, Menu.Section, and Separator components for content.\n */\nexport const SplitButton = (props: SplitButtonProps) => {\n  const msg = useLocalizedStringFormatter(splitButtonMessagesStrings);\n  const {\n    size = \"md\",\n    variant = \"solid\",\n    colorPalette,\n    isDisabled = false,\n    \"aria-label\": ariaLabel,\n    onAction,\n    isOpen,\n    defaultOpen,\n    onOpenChange,\n    icon,\n  } = props;\n\n  const buttonProps = { size, variant, colorPalette };\n\n  /**\n   * CORE CONCEPT: In split button mode, we need to populate the primary button\n   * with content from a Menu.Item (specified by defaultAction prop).\n   *\n   * Why this complexity exists:\n   * - Users define actions as <Menu.Item id=\"save\">Save Document</Menu.Item>\n   * - We need to extract \"Save Document\" text to show on the primary button\n   * - Menu.Items can be nested inside Menu.Section components\n   * - We need to handle disabled states and fallbacks\n   */\n\n  // Type guards for safe prop access\n  type MenuItemProps = {\n    id: string;\n    children: React.ReactNode;\n    isDisabled?: boolean;\n    isCritical?: boolean;\n  };\n\n  type ComponentWithChildren = {\n    children: React.ReactNode;\n  };\n\n  // Check if element is a Menu.Item with required props\n  const isMenuItemWithId = (\n    element: React.ReactNode\n  ): element is React.ReactElement<MenuItemProps> => {\n    if (!React.isValidElement(element) || !element.props) return false;\n    const props = element.props as Record<string, unknown>;\n    return \"id\" in props && typeof props.id === \"string\";\n  };\n\n  // Check if element has children prop\n  const hasChildren = (\n    element: React.ReactNode\n  ): element is React.ReactElement<ComponentWithChildren> => {\n    if (!React.isValidElement(element) || !element.props) return false;\n    const props = element.props as Record<string, unknown>;\n    return \"children\" in props;\n  };\n\n  // All children are menu items\n  const menuItems = props.children;\n\n  /**\n   * Check if there are any actionable (enabled) Menu.Items in the children.\n   * This is used to determine if the dropdown trigger should be disabled.\n   */\n  const hasActionableMenuItems = (children: React.ReactNode): boolean => {\n    let hasActionable = false;\n\n    React.Children.forEach(children, (child) => {\n      if (hasActionable) return;\n\n      // Check if this is an enabled Menu.Item\n      if (isMenuItemWithId(child) && !child.props.isDisabled) {\n        hasActionable = true;\n        return;\n      }\n\n      // Recurse into Menu.Section or any component with children\n      if (hasChildren(child)) {\n        hasActionable = hasActionableMenuItems(child.props.children);\n      }\n    });\n\n    return hasActionable;\n  };\n\n  /**\n   * Find the primary Menu.Item using the same logic as the original PrimaryActionDropdown.\n   * Selects the first enabled Menu.Item, or falls back to the first Menu.Item if all are disabled.\n   */\n  const findPrimaryMenuItem = () => {\n    const allMenuItems: Array<{\n      content: React.ReactNode;\n      isDisabled: boolean;\n      actionId: string | null;\n    }> = [];\n\n    // Recursively collect all Menu.Items from children (including nested ones)\n    const collectMenuItems = (children: React.ReactNode): void => {\n      React.Children.forEach(children, (child) => {\n        if (isMenuItemWithId(child)) {\n          allMenuItems.push({\n            content: child.props.children,\n            isDisabled: child.props.isDisabled || false,\n            actionId: child.props.id,\n          });\n        }\n\n        // Recurse into Menu.Section or any component with children\n        if (hasChildren(child)) {\n          collectMenuItems(child.props.children);\n        }\n      });\n    };\n\n    collectMenuItems(menuItems);\n\n    // Find first enabled Menu.Item, or fallback to first Menu.Item\n    const primaryMenuItem =\n      allMenuItems.find((item) => !item.isDisabled) || allMenuItems[0];\n\n    return (\n      primaryMenuItem || {\n        content: msg.format(\"noActionsAvailable\"),\n        isDisabled: true,\n        actionId: null,\n      }\n    );\n  };\n\n  // Check if there are any actionable menu items for dropdown functionality\n  const hasActionableItems = hasActionableMenuItems(menuItems);\n\n  // Get the primary button content using smart selection\n  const buttonContent = findPrimaryMenuItem();\n\n  const executePrimaryAction = () => {\n    if (!buttonContent.isDisabled && buttonContent.actionId && onAction) {\n      onAction(buttonContent.actionId);\n    }\n  };\n\n  const isPrimaryDisabled = isDisabled || buttonContent.isDisabled;\n  const isDropdownTriggerDisabled = isDisabled || !hasActionableItems;\n\n  return (\n    <SplitButtonRootSlot variant={variant} data-mode=\"split\">\n      <SplitButtonButtonGroupSlot>\n        {/* Primary Action Button */}\n        <SplitButtonPrimaryButtonSlot asChild>\n          <Button\n            {...buttonProps}\n            isDisabled={isPrimaryDisabled}\n            onPress={executePrimaryAction}\n          >\n            {icon && <Icon>{icon}</Icon>}\n            {buttonContent.content}\n          </Button>\n        </SplitButtonPrimaryButtonSlot>\n\n        {/* Menu Trigger and Dropdown */}\n        <Menu.Root\n          trigger=\"press\"\n          isOpen={isOpen}\n          defaultOpen={defaultOpen}\n          onOpenChange={onOpenChange}\n          placement=\"bottom end\"\n          selectionMode=\"none\"\n          onAction={onAction ? (key) => onAction(String(key)) : undefined}\n        >\n          <Menu.Trigger asChild>\n            <SplitButtonTriggerSlot asChild>\n              <IconButton\n                {...buttonProps}\n                aria-label={ariaLabel}\n                isDisabled={isDropdownTriggerDisabled}\n              >\n                <KeyboardArrowDown />\n              </IconButton>\n            </SplitButtonTriggerSlot>\n          </Menu.Trigger>\n\n          <Menu.Content>{menuItems}</Menu.Content>\n        </Menu.Root>\n      </SplitButtonButtonGroupSlot>\n    </SplitButtonRootSlot>\n  );\n};\n\nSplitButton.displayName = \"SplitButton\";\n"],"mappings":"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"}

package/dist/chunks/split-button-lLEz3Ddi.esm.js

@@ -0,0 +1,93 @@
+import { t as e } from "./icon-button-CyhrlrIv.esm.js";
+import { n as t, t as n } from "./normalize-messages-B_f-0I5n.esm.js";
+import { t as r } from "./icon-CSCRP1_5.esm.js";
+import { t as i } from "./menu-C2ZLfnJM.esm.js";
+import { t as a } from "./button-DyM-iqBq.esm.js";
+import o from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { KeyboardArrowDown as l } from "@commercetools/nimbus-icons";
+import { createSlotRecipeContext as u } from "@chakra-ui/react/styled-system";
+//#region src/components/split-button/split-button.slots.tsx
+var { withProvider: d, withContext: f } = u({ key: "nimbusSplitButton" }), p = d("div", "root"), m = f("div", "buttonGroup"), h = f("button", "primaryButton"), g = f("button", "dropdownTrigger"), _ = {
+	en: n({ noActionsAvailable: "No actions available" }),
+	de: n({ noActionsAvailable: "Keine Aktionen verfügbar" }),
+	es: n({ noActionsAvailable: "No hay acciones disponibles" }),
+	"fr-FR": n({ noActionsAvailable: "Aucune action disponible" }),
+	"pt-BR": n({ noActionsAvailable: "Não há ações disponíveis" })
+}, v = (n) => {
+	let u = t(_), { size: d = "md", variant: f = "solid", colorPalette: v, isDisabled: y = !1, "aria-label": b, onAction: x, isOpen: S, defaultOpen: C, onOpenChange: w, icon: T } = n, E = {
+		size: d,
+		variant: f,
+		colorPalette: v
+	}, D = (e) => {
+		if (!o.isValidElement(e) || !e.props) return !1;
+		let t = e.props;
+		return "id" in t && typeof t.id == "string";
+	}, O = (e) => !o.isValidElement(e) || !e.props ? !1 : "children" in e.props, k = n.children, A = (e) => {
+		let t = !1;
+		return o.Children.forEach(e, (e) => {
+			if (!t) {
+				if (D(e) && !e.props.isDisabled) {
+					t = !0;
+					return;
+				}
+				O(e) && (t = A(e.props.children));
+			}
+		}), t;
+	}, j = () => {
+		let e = [], t = (n) => {
+			o.Children.forEach(n, (n) => {
+				D(n) && e.push({
+					content: n.props.children,
+					isDisabled: n.props.isDisabled || !1,
+					actionId: n.props.id
+				}), O(n) && t(n.props.children);
+			});
+		};
+		return t(k), e.find((e) => !e.isDisabled) || e[0] || {
+			content: u.format("noActionsAvailable"),
+			isDisabled: !0,
+			actionId: null
+		};
+	}, M = A(k), N = j(), P = () => {
+		!N.isDisabled && N.actionId && x && x(N.actionId);
+	}, F = y || N.isDisabled, I = y || !M;
+	return /* @__PURE__ */ s(p, {
+		variant: f,
+		"data-mode": "split",
+		children: /* @__PURE__ */ c(m, { children: [/* @__PURE__ */ s(h, {
+			asChild: !0,
+			children: /* @__PURE__ */ c(a, {
+				...E,
+				isDisabled: F,
+				onPress: P,
+				children: [T && /* @__PURE__ */ s(r, { children: T }), N.content]
+			})
+		}), /* @__PURE__ */ c(i.Root, {
+			trigger: "press",
+			isOpen: S,
+			defaultOpen: C,
+			onOpenChange: w,
+			placement: "bottom end",
+			selectionMode: "none",
+			onAction: x ? (e) => x(String(e)) : void 0,
+			children: [/* @__PURE__ */ s(i.Trigger, {
+				asChild: !0,
+				children: /* @__PURE__ */ s(g, {
+					asChild: !0,
+					children: /* @__PURE__ */ s(e, {
+						...E,
+						"aria-label": b,
+						isDisabled: I,
+						children: /* @__PURE__ */ s(l, {})
+					})
+				})
+			}), /* @__PURE__ */ s(i.Content, { children: k })]
+		})] })
+	});
+};
+v.displayName = "SplitButton";
+//#endregion
+export { v as t };
+
+//# sourceMappingURL=split-button-lLEz3Ddi.esm.js.map

package/dist/chunks/split-button-lLEz3Ddi.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-button-lLEz3Ddi.esm.js","names":[],"sources":["../../src/components/split-button/split-button.slots.tsx","../../src/components/split-button/intl/en.ts","../../src/components/split-button/intl/de.ts","../../src/components/split-button/intl/es.ts","../../src/components/split-button/intl/fr-FR.ts","../../src/components/split-button/intl/pt-BR.ts","../../src/components/split-button/split-button.messages.ts","../../src/components/split-button/split-button.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type {\n  SplitButtonRootSlotProps,\n  SplitButtonButtonGroupSlotProps,\n  SplitButtonPrimaryButtonSlotProps,\n  SplitButtonTriggerSlotProps,\n} from \"./split-button.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusSplitButton\",\n});\n\n// Root Container\nexport const SplitButtonRootSlot: SlotComponent<\n  HTMLDivElement,\n  SplitButtonRootSlotProps\n> = withProvider<HTMLDivElement, SplitButtonRootSlotProps>(\"div\", \"root\");\n\n// Button Group Container\nexport const SplitButtonButtonGroupSlot = withContext<\n  HTMLDivElement,\n  SplitButtonButtonGroupSlotProps\n>(\"div\", \"buttonGroup\");\n\n// Primary Action Button\nexport const SplitButtonPrimaryButtonSlot = withContext<\n  HTMLButtonElement,\n  SplitButtonPrimaryButtonSlotProps\n>(\"button\", \"primaryButton\");\n\n// Dropdown Trigger Button\nexport const SplitButtonTriggerSlot = withContext<\n  HTMLButtonElement,\n  SplitButtonTriggerSlotProps\n>(\"button\", \"dropdownTrigger\");\n","/**\n * Pre-compiled en messages for SplitButton\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { noActionsAvailable: `No actions available` };\n","/**\n * Pre-compiled de messages for SplitButton\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { noActionsAvailable: `Keine Aktionen verfügbar` };\n","/**\n * Pre-compiled es messages for SplitButton\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { noActionsAvailable: `No hay acciones disponibles` };\n","/**\n * Pre-compiled fr-FR messages for SplitButton\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { noActionsAvailable: `Aucune action disponible` };\n","/**\n * Pre-compiled pt-BR messages for SplitButton\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { noActionsAvailable: `Não há ações disponíveis` };\n","/**\n * Pre-compiled localized messages for SplitButton component\n *\n * Generated by scripts/generate-dictionaries.ts\n * DO NOT EDIT MANUALLY\n *\n * @see https://react-spectrum.adobe.com/react-aria/internationalization.html\n */\n\nimport {\n  type LocalizedString,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { normalizeMessages } from \"../../utils/normalize-messages\";\n\n// Pre-compiled message functions\nimport splitButtonMessages_en from \"./intl/en\";\nimport splitButtonMessages_de from \"./intl/de\";\nimport splitButtonMessages_es from \"./intl/es\";\nimport splitButtonMessages_fr from \"./intl/fr-FR\";\nimport splitButtonMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const splitButtonMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(splitButtonMessages_en),\n  de: normalizeMessages(splitButtonMessages_de),\n  es: normalizeMessages(splitButtonMessages_es),\n  \"fr-FR\": normalizeMessages(splitButtonMessages_fr),\n  \"pt-BR\": normalizeMessages(splitButtonMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for SplitButton component\n */\nexport type SplitButtonMessageKey = \"noActionsAvailable\";\n","import React from \"react\";\nimport { Button } from \"@/components/button/button\";\nimport { IconButton } from \"@/components/icon-button/icon-button\";\nimport { Menu } from \"@/components/menu/menu\";\nimport { Icon } from \"@/components/icon/icon\";\nimport type { SplitButtonProps } from \"./split-button.types\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport {\n  SplitButtonRootSlot,\n  SplitButtonButtonGroupSlot,\n  SplitButtonPrimaryButtonSlot,\n  SplitButtonTriggerSlot,\n} from \"./split-button.slots\";\nimport { splitButtonMessagesStrings } from \"./split-button.messages\";\nimport { KeyboardArrowDown } from \"@commercetools/nimbus-icons\";\n\n// Re-export types\nexport type * from \"./split-button.types\";\n\n/**\n * # SplitButton\n *\n * A split-button component that combines a primary action button with a dropdown menu.\n *\n * Shows a primary action button + dropdown trigger. The primary button automatically\n * executes the first enabled Menu.Item action, while the dropdown trigger opens a menu\n * with all available options.\n *\n * Use with Menu.Item, Menu.Section, and Separator components for content.\n */\nexport const SplitButton = (props: SplitButtonProps) => {\n  const msg = useLocalizedStringFormatter(splitButtonMessagesStrings);\n  const {\n    size = \"md\",\n    variant = \"solid\",\n    colorPalette,\n    isDisabled = false,\n    \"aria-label\": ariaLabel,\n    onAction,\n    isOpen,\n    defaultOpen,\n    onOpenChange,\n    icon,\n  } = props;\n\n  const buttonProps = { size, variant, colorPalette };\n\n  /**\n   * CORE CONCEPT: In split button mode, we need to populate the primary button\n   * with content from a Menu.Item (specified by defaultAction prop).\n   *\n   * Why this complexity exists:\n   * - Users define actions as <Menu.Item id=\"save\">Save Document</Menu.Item>\n   * - We need to extract \"Save Document\" text to show on the primary button\n   * - Menu.Items can be nested inside Menu.Section components\n   * - We need to handle disabled states and fallbacks\n   */\n\n  // Type guards for safe prop access\n  type MenuItemProps = {\n    id: string;\n    children: React.ReactNode;\n    isDisabled?: boolean;\n    isCritical?: boolean;\n  };\n\n  type ComponentWithChildren = {\n    children: React.ReactNode;\n  };\n\n  // Check if element is a Menu.Item with required props\n  const isMenuItemWithId = (\n    element: React.ReactNode\n  ): element is React.ReactElement<MenuItemProps> => {\n    if (!React.isValidElement(element) || !element.props) return false;\n    const props = element.props as Record<string, unknown>;\n    return \"id\" in props && typeof props.id === \"string\";\n  };\n\n  // Check if element has children prop\n  const hasChildren = (\n    element: React.ReactNode\n  ): element is React.ReactElement<ComponentWithChildren> => {\n    if (!React.isValidElement(element) || !element.props) return false;\n    const props = element.props as Record<string, unknown>;\n    return \"children\" in props;\n  };\n\n  // All children are menu items\n  const menuItems = props.children;\n\n  /**\n   * Check if there are any actionable (enabled) Menu.Items in the children.\n   * This is used to determine if the dropdown trigger should be disabled.\n   */\n  const hasActionableMenuItems = (children: React.ReactNode): boolean => {\n    let hasActionable = false;\n\n    React.Children.forEach(children, (child) => {\n      if (hasActionable) return;\n\n      // Check if this is an enabled Menu.Item\n      if (isMenuItemWithId(child) && !child.props.isDisabled) {\n        hasActionable = true;\n        return;\n      }\n\n      // Recurse into Menu.Section or any component with children\n      if (hasChildren(child)) {\n        hasActionable = hasActionableMenuItems(child.props.children);\n      }\n    });\n\n    return hasActionable;\n  };\n\n  /**\n   * Find the primary Menu.Item using the same logic as the original PrimaryActionDropdown.\n   * Selects the first enabled Menu.Item, or falls back to the first Menu.Item if all are disabled.\n   */\n  const findPrimaryMenuItem = () => {\n    const allMenuItems: Array<{\n      content: React.ReactNode;\n      isDisabled: boolean;\n      actionId: string | null;\n    }> = [];\n\n    // Recursively collect all Menu.Items from children (including nested ones)\n    const collectMenuItems = (children: React.ReactNode): void => {\n      React.Children.forEach(children, (child) => {\n        if (isMenuItemWithId(child)) {\n          allMenuItems.push({\n            content: child.props.children,\n            isDisabled: child.props.isDisabled || false,\n            actionId: child.props.id,\n          });\n        }\n\n        // Recurse into Menu.Section or any component with children\n        if (hasChildren(child)) {\n          collectMenuItems(child.props.children);\n        }\n      });\n    };\n\n    collectMenuItems(menuItems);\n\n    // Find first enabled Menu.Item, or fallback to first Menu.Item\n    const primaryMenuItem =\n      allMenuItems.find((item) => !item.isDisabled) || allMenuItems[0];\n\n    return (\n      primaryMenuItem || {\n        content: msg.format(\"noActionsAvailable\"),\n        isDisabled: true,\n        actionId: null,\n      }\n    );\n  };\n\n  // Check if there are any actionable menu items for dropdown functionality\n  const hasActionableItems = hasActionableMenuItems(menuItems);\n\n  // Get the primary button content using smart selection\n  const buttonContent = findPrimaryMenuItem();\n\n  const executePrimaryAction = () => {\n    if (!buttonContent.isDisabled && buttonContent.actionId && onAction) {\n      onAction(buttonContent.actionId);\n    }\n  };\n\n  const isPrimaryDisabled = isDisabled || buttonContent.isDisabled;\n  const isDropdownTriggerDisabled = isDisabled || !hasActionableItems;\n\n  return (\n    <SplitButtonRootSlot variant={variant} data-mode=\"split\">\n      <SplitButtonButtonGroupSlot>\n        {/* Primary Action Button */}\n        <SplitButtonPrimaryButtonSlot asChild>\n          <Button\n            {...buttonProps}\n            isDisabled={isPrimaryDisabled}\n            onPress={executePrimaryAction}\n          >\n            {icon && <Icon>{icon}</Icon>}\n            {buttonContent.content}\n          </Button>\n        </SplitButtonPrimaryButtonSlot>\n\n        {/* Menu Trigger and Dropdown */}\n        <Menu.Root\n          trigger=\"press\"\n          isOpen={isOpen}\n          defaultOpen={defaultOpen}\n          onOpenChange={onOpenChange}\n          placement=\"bottom end\"\n          selectionMode=\"none\"\n          onAction={onAction ? (key) => onAction(String(key)) : undefined}\n        >\n          <Menu.Trigger asChild>\n            <SplitButtonTriggerSlot asChild>\n              <IconButton\n                {...buttonProps}\n                aria-label={ariaLabel}\n                isDisabled={isDropdownTriggerDisabled}\n              >\n                <KeyboardArrowDown />\n              </IconButton>\n            </SplitButtonTriggerSlot>\n          </Menu.Trigger>\n\n          <Menu.Content>{menuItems}</Menu.Content>\n        </Menu.Root>\n      </SplitButtonButtonGroupSlot>\n    </SplitButtonRootSlot>\n  );\n};\n\nSplitButton.displayName = \"SplitButton\";\n"],"mappings":"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"}

package/dist/chunks/stack-MlK9aGs9.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"stack-MlK9aGs9.cjs.js","names":[],"sources":["../../src/components/stack/stack.tsx"],"sourcesContent":["import { Stack as ChakraStack } from \"@chakra-ui/react/stack\";\nimport type { StackProps } from \"./stack.types\";\n\n/**\n * # Stack\n *\n * An easily customizable Stack component, re-exported from Chakra UI, that provides a consistent layout structure across different products.\n *\n * @supportsStyleProps\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/layout/stack}\n */\nexport const Stack = (props: StackProps) => {\n  const { ref, ...restProps } = props;\n  return <ChakraStack ref={ref} {...restProps} />;\n};\n\nStack.displayName = \"Stack\";\n"],"mappings":"uEAYA,IAAa,EAAS,GAAsB,CAC1C,GAAM,CAAE,MAAK,GAAG,GAAc,EAC9B,OAAO,EAAA,EAAA,KAAC,EAAA,MAAD,CAAkB,MAAK,GAAI,CAAY,CAAA,CAChD,EAEA,EAAM,YAAc"}
+{"version":3,"file":"stack-MlK9aGs9.cjs.js","names":[],"sources":["../../src/components/stack/stack.tsx"],"sourcesContent":["import { Stack as ChakraStack } from \"@chakra-ui/react/stack\";\nimport type { StackProps } from \"./stack.types\";\n\n/**\n * # Stack\n *\n * An easily customizable Stack component, re-exported from Chakra UI, that provides a consistent layout structure across different products.\n *\n * @supportsStyleProps\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/layout/stack}\n */\nexport const Stack = (props: StackProps) => {\n  const { ref, ...restProps } = props;\n  return <ChakraStack ref={ref} {...restProps} />;\n};\n\nStack.displayName = \"Stack\";\n"],"mappings":"uEAYA,IAAa,EAAS,GAAsB,CAC1C,GAAM,CAAE,MAAK,GAAG,GAAc,EAC9B,OAAO,EAAA,EAAA,IAAA,CAAC,EAAA,MAAD,CAAkB,MAAK,GAAI,CAAY,CAAA,CAChD,EAEA,EAAM,YAAc"}

package/dist/chunks/steps-BvqxvDfJ.cjs

@@ -0,0 +1,2 @@
+const e=require("./extract-style-props-WNdpT-ME.cjs.js");let t=require("react"),n=require("react/jsx-runtime"),r=require("@chakra-ui/react/styled-system"),i=require("@chakra-ui/react/hooks"),a=require("@chakra-ui/react/steps");var{withProvider:o,withContext:s}=(0,r.createSlotRecipeContext)({key:`nimbusSteps`}),c=o(`div`,`root`),l=s(`div`,`list`),u=s(`div`,`item`),d=s(`button`,`trigger`),f=s(`div`,`indicator`),p=s(`div`,`number`),m=s(`div`,`title`),h=s(`div`,`description`),g=s(`div`,`separator`),_=s(`div`,`content`),v=s(`div`,`completedContent`);s(`button`,`prevTrigger`),s(`button`,`nextTrigger`);var y=t=>{let{ref:o,count:s,defaultStep:l,step:u,onStepChange:d,onStepComplete:f,linear:p,size:m=`sm`,orientation:h=`horizontal`,children:g,..._}=t,[v,y]=(0,r.useSlotRecipe)({key:`nimbusSteps`}).splitVariantProps({size:m,orientation:h,..._}),[b,x]=e.t(y),S=(0,i.useBreakpointValue)((0,r.useChakraContext)().normalizeValue(h)),C=typeof S==`string`?S:typeof h==`string`?h:`horizontal`,{orientation:w,...T}=v;return(0,n.jsx)(c,{ref:o,"data-slot":`root`,...T,orientation:C,...b,asChild:!0,children:(0,n.jsx)(a.Steps.Root,{count:s,defaultStep:l,step:u,onStepChange:d,onStepComplete:f,linear:p,orientation:C,unstyled:!0,...x,children:g})})};y.displayName=`Steps.Root`;var b=t=>{let{ref:r,children:i,...o}=t,[s,c]=e.t(o);return(0,n.jsx)(l,{ref:r,"data-slot":`list`,...s,asChild:!0,children:(0,n.jsx)(a.Steps.List,{...c,children:i})})};b.displayName=`Steps.List`;var x=t=>{let{ref:r,index:i,children:o,...s}=t,[c,l]=e.t(s);return(0,n.jsx)(u,{ref:r,"data-slot":`item`,...c,asChild:!0,children:(0,n.jsx)(a.Steps.Item,{index:i,...l,children:o})})};x.displayName=`Steps.Item`;var S=t=>{let{ref:r,children:i,...o}=t,[s,c]=e.t(o);return(0,n.jsx)(d,{ref:r,"data-slot":`trigger`,...s,asChild:!0,children:(0,n.jsx)(a.Steps.Trigger,{...c,children:i})})};S.displayName=`Steps.Trigger`;var C=t=>{let{ref:r,children:i,...o}=t,[s,c]=e.t(o);return(0,n.jsx)(f,{ref:r,"data-slot":`indicator`,...s,asChild:!0,children:(0,n.jsx)(a.Steps.Indicator,{...c,children:i})})};C.displayName=`Steps.Indicator`;var w=t=>{let{ref:r,...i}=t,[o,s]=e.t(i);return(0,n.jsx)(p,{ref:r,"data-slot":`number`,...o,asChild:!0,children:(0,n.jsx)(a.Steps.Number,{...s})})};w.displayName=`Steps.Number`;var T=t=>{let{ref:r,children:i,...o}=t,[s,c]=e.t(o);return(0,n.jsx)(m,{ref:r,"data-slot":`title`,...s,asChild:!0,children:(0,n.jsx)(a.Steps.Title,{...c,children:i})})};T.displayName=`Steps.Title`;var E=t=>{let{ref:r,children:i,...o}=t,[s,c]=e.t(o);return(0,n.jsx)(h,{ref:r,"data-slot":`description`,...s,asChild:!0,children:(0,n.jsx)(a.Steps.Description,{...c,children:i})})};E.displayName=`Steps.Description`;var D=t=>{let{ref:r,...i}=t,[o,s]=e.t(i);return(0,n.jsx)(g,{ref:r,"data-slot":`separator`,...o,asChild:!0,children:(0,n.jsx)(a.Steps.Separator,{...s})})};D.displayName=`Steps.Separator`;var O=t=>{let{ref:r,index:i,children:o,...s}=t,[c,l]=e.t(s);return(0,n.jsx)(_,{ref:r,"data-slot":`content`,...c,asChild:!0,children:(0,n.jsx)(a.Steps.Content,{index:i,...l,children:o})})};O.displayName=`Steps.Content`;var k=t=>{let{ref:r,children:i,...o}=t,[s,c]=e.t(o);return(0,n.jsx)(v,{ref:r,"data-slot":`completedContent`,...s,asChild:!0,children:(0,n.jsx)(a.Steps.CompletedContent,{...c,children:i})})};k.displayName=`Steps.CompletedContent`;var A=r=>{let{children:i,asChild:o,...s}=r,[,c]=e.t(s),l=(0,a.useStepsContext)(),u=(0,t.useCallback)(()=>{l.goToPrevStep()},[l]);return o&&(0,t.isValidElement)(i)?(0,t.cloneElement)(i,{onPress:u,isDisabled:!l.hasPrevStep}):(0,n.jsx)(a.Steps.PrevTrigger,{asChild:o,...c,children:i})};A.displayName=`Steps.PrevTrigger`;var j=r=>{let{children:i,asChild:o,...s}=r,[,c]=e.t(s),l=(0,a.useStepsContext)(),u=(0,t.useCallback)(()=>{l.goToNextStep()},[l]);return o&&(0,t.isValidElement)(i)?(0,t.cloneElement)(i,{onPress:u,isDisabled:!l.hasNextStep}):(0,n.jsx)(a.Steps.NextTrigger,{asChild:o,...c,children:i})};j.displayName=`Steps.NextTrigger`;var M=e=>(0,n.jsx)(a.Steps.Status,{...e});M.displayName=`Steps.Status`;var N={Root:y,List:b,Item:x,Trigger:S,Indicator:C,Number:w,Title:T,Description:E,Separator:D,Content:O,CompletedContent:k,PrevTrigger:A,NextTrigger:j,Status:M};Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return k}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return A}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return M}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return j}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return N}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return w}});
+//# sourceMappingURL=steps-BvqxvDfJ.cjs.js.map

package/dist/chunks/steps-BvqxvDfJ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"steps-BvqxvDfJ.cjs.js","names":[],"sources":["../../src/components/steps/steps.slots.tsx","../../src/components/steps/components/steps.root.tsx","../../src/components/steps/components/steps.list.tsx","../../src/components/steps/components/steps.item.tsx","../../src/components/steps/components/steps.trigger.tsx","../../src/components/steps/components/steps.indicator.tsx","../../src/components/steps/components/steps.number.tsx","../../src/components/steps/components/steps.title.tsx","../../src/components/steps/components/steps.description.tsx","../../src/components/steps/components/steps.separator.tsx","../../src/components/steps/components/steps.content.tsx","../../src/components/steps/components/steps.completed-content.tsx","../../src/components/steps/components/steps.prev-trigger.tsx","../../src/components/steps/components/steps.next-trigger.tsx","../../src/components/steps/components/steps.status.tsx","../../src/components/steps/steps.tsx"],"sourcesContent":["import {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n} from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type { StepsRootSlotProps } from \"./steps.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusSteps\",\n});\n\nexport const StepsRootSlot: SlotComponent<HTMLDivElement, StepsRootSlotProps> =\n  withProvider<HTMLDivElement, StepsRootSlotProps>(\"div\", \"root\");\n\nexport const StepsListSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"list\");\n\nexport const StepsItemSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"item\");\n\nexport const StepsTriggerSlot = withContext<\n  HTMLButtonElement,\n  HTMLChakraProps<\"button\">\n>(\"button\", \"trigger\");\n\nexport const StepsIndicatorSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"indicator\");\n\nexport const StepsNumberSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"number\");\n\nexport const StepsTitleSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"title\");\n\nexport const StepsDescriptionSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"description\");\n\nexport const StepsSeparatorSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"separator\");\n\nexport const StepsContentSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"content\");\n\nexport const StepsCompletedContentSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"completedContent\");\n\nexport const StepsPrevTriggerSlot = withContext<\n  HTMLButtonElement,\n  HTMLChakraProps<\"button\">\n>(\"button\", \"prevTrigger\");\n\nexport const StepsNextTriggerSlot = withContext<\n  HTMLButtonElement,\n  HTMLChakraProps<\"button\">\n>(\"button\", \"nextTrigger\");\n","import {\n  useSlotRecipe,\n  type SlotRecipeProps,\n} from \"@chakra-ui/react/styled-system\";\nimport { Steps as ChakraSteps } from \"@chakra-ui/react/steps\";\nimport { useBreakpointValue } from \"@chakra-ui/react/hooks\";\nimport { useChakraContext } from \"@chakra-ui/react/styled-system\";\nimport { extractStyleProps } from \"@/utils\";\nimport type { StepsRootProps } from \"../steps.types\";\nimport { StepsRootSlot } from \"../steps.slots\";\n\n/**\n * # Steps.Root\n *\n * Container component that manages step state and provides context to child components.\n * Wraps Chakra UI's Steps.Root component with Nimbus styling.\n *\n * @example\n * ```tsx\n * // Uncontrolled usage\n * <Steps.Root defaultStep={0} count={3}>\n *   <Steps.List>...</Steps.List>\n *   <Steps.Content index={0}>Step 1 content</Steps.Content>\n * </Steps.Root>\n *\n * // Controlled usage\n * <Steps.Root step={currentStep} onStepChange={handleStepChange} count={3}>\n *   ...\n * </Steps.Root>\n * ```\n *\n * @supportsStyleProps\n */\nexport const StepsRoot = (props: StepsRootProps) => {\n  const {\n    ref: forwardedRef,\n    count,\n    defaultStep,\n    step,\n    onStepChange,\n    onStepComplete,\n    linear,\n    size = \"sm\",\n    orientation = \"horizontal\",\n    children,\n    ...restProps\n  } = props;\n\n  const recipe = useSlotRecipe({ key: \"nimbusSteps\" });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps({\n    size,\n    orientation,\n    ...restProps,\n  });\n\n  const [styleProps, functionalProps] = extractStyleProps(remainingProps);\n\n  // Normalize responsive values to compute current breakpoint values\n  // This is needed for Chakra's Steps.Root which needs the resolved orientation\n  const sysCtx = useChakraContext();\n  const normalizedOrientation = sysCtx.normalizeValue(orientation);\n\n  // useBreakpointValue returns undefined on initial render or when the value\n  // is not responsive. In some edge cases (SSR/hydration), it may return the\n  // object itself rather than undefined, so we also check it's a valid string.\n  const breakpointOrientation = useBreakpointValue<\"horizontal\" | \"vertical\">(\n    normalizedOrientation\n  );\n  const computedOrientation =\n    typeof breakpointOrientation === \"string\"\n      ? breakpointOrientation\n      : typeof orientation === \"string\"\n        ? orientation\n        : \"horizontal\";\n\n  // Remove responsive orientation from recipeProps and use computed value instead.\n  // This prevents the responsive object (e.g., { base: \"vertical\", md: \"horizontal\" })\n  // from being passed as [object Object] to internal components.\n  const {\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    orientation: _responsiveOrientation,\n    ...recipePropsWithoutOrientation\n  } = recipeProps as typeof recipeProps & {\n    orientation?: SlotRecipeProps<\"nimbusSteps\">[\"orientation\"];\n  };\n\n  return (\n    <StepsRootSlot\n      ref={forwardedRef}\n      data-slot=\"root\"\n      {...recipePropsWithoutOrientation}\n      // Pass computed orientation for recipe variant styling\n      orientation={computedOrientation as \"horizontal\" | \"vertical\"}\n      {...styleProps}\n      asChild\n    >\n      <ChakraSteps.Root\n        count={count}\n        defaultStep={defaultStep}\n        step={step}\n        onStepChange={onStepChange}\n        onStepComplete={onStepComplete}\n        linear={linear}\n        orientation={computedOrientation}\n        unstyled\n        {...functionalProps}\n      >\n        {children}\n      </ChakraSteps.Root>\n    </StepsRootSlot>\n  );\n};\nStepsRoot.displayName = \"Steps.Root\";\n","import { Steps as ChakraSteps } from \"@chakra-ui/react/steps\";\nimport { extractStyleProps } from \"@/utils\";\nimport type { StepsListProps } from \"../steps.types\";\nimport { StepsListSlot } from \"../steps.slots\";\n\n/**\n * # Steps.List\n *\n * Container for grouping step items. Wraps Chakra UI's Steps.List\n * with Nimbus styling.\n *\n * @example\n * ```tsx\n * <Steps.List>\n *   <Steps.Item index={0}>...</Steps.Item>\n *   <Steps.Item index={1}>...</Steps.Item>\n * </Steps.List>\n * ```\n *\n * @supportsStyleProps\n */\nexport const StepsList = (props: StepsListProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  const [styleProps, functionalProps] = extractStyleProps(restProps);\n\n  return (\n    <StepsListSlot ref={forwardedRef} data-slot=\"list\" {...styleProps} asChild>\n      <ChakraSteps.List {...functionalProps}>{children}</ChakraSteps.List>\n    </StepsListSlot>\n  );\n};\nStepsList.displayName = \"Steps.List\";\n","import { Steps as ChakraSteps } from \"@chakra-ui/react/steps\";\nimport { extractStyleProps } from \"@/utils\";\nimport type { StepsItemProps } from \"../steps.types\";\nimport { StepsItemSlot } from \"../steps.slots\";\n\n/**\n * # Steps.Item\n *\n * Container for a single step (trigger + separator).\n * Wraps Chakra UI's Steps.Item with Nimbus styling.\n *\n * @example\n * ```tsx\n * <Steps.Item index={0}>\n *   <Steps.Trigger>\n *     <Steps.Indicator />\n *     Account\n *   </Steps.Trigger>\n *   <Steps.Separator />\n * </Steps.Item>\n * ```\n *\n * @supportsStyleProps\n */\nexport const StepsItem = (props: StepsItemProps) => {\n  const { ref: forwardedRef, index, children, ...restProps } = props;\n\n  const [styleProps, functionalProps] = extractStyleProps(restProps);\n\n  return (\n    <StepsItemSlot ref={forwardedRef} data-slot=\"item\" {...styleProps} asChild>\n      <ChakraSteps.Item index={index} {...functionalProps}>\n        {children}\n      </ChakraSteps.Item>\n    </StepsItemSlot>\n  );\n};\nStepsItem.displayName = \"Steps.Item\";\n","import { Steps as ChakraSteps } from \"@chakra-ui/react/steps\";\nimport { extractStyleProps } from \"@/utils\";\nimport type { StepsTriggerProps } from \"../steps.types\";\nimport { StepsTriggerSlot } from \"../steps.slots\";\n\n/**\n * # Steps.Trigger\n *\n * Clickable element within each step for direct navigation.\n * Wraps Chakra UI's Steps.Trigger with Nimbus styling.\n *\n * @example\n * ```tsx\n * <Steps.Trigger>\n *   <Steps.Indicator />\n *   Account Setup\n * </Steps.Trigger>\n * ```\n *\n * @supportsStyleProps\n */\nexport const StepsTrigger = (props: StepsTriggerProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  const [styleProps, functionalProps] = extractStyleProps(restProps);\n\n  return (\n    <StepsTriggerSlot\n      ref={forwardedRef}\n      data-slot=\"trigger\"\n      {...styleProps}\n      asChild\n    >\n      <ChakraSteps.Trigger {...functionalProps}>{children}</ChakraSteps.Trigger>\n    </StepsTriggerSlot>\n  );\n};\nStepsTrigger.displayName = \"Steps.Trigger\";\n","import { Steps as ChakraSteps } from \"@chakra-ui/react/steps\";\nimport { extractStyleProps } from \"@/utils\";\nimport type { StepsIndicatorProps } from \"../steps.types\";\nimport { StepsIndicatorSlot } from \"../steps.slots\";\n\n/**\n * # Steps.Indicator\n *\n * Visual marker showing step status (number, icon, or custom content).\n * Wraps Chakra UI's Steps.Indicator with Nimbus styling.\n *\n * @example\n * ```tsx\n * // Default indicator (shows number and checkmark when complete)\n * <Steps.Indicator />\n *\n * // Custom content\n * <Steps.Indicator>\n *   <MyCustomIcon />\n * </Steps.Indicator>\n * ```\n *\n * @supportsStyleProps\n */\nexport const StepsIndicator = (props: StepsIndicatorProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  const [styleProps, functionalProps] = extractStyleProps(restProps);\n\n  return (\n    <StepsIndicatorSlot\n      ref={forwardedRef}\n      data-slot=\"indicator\"\n      {...styleProps}\n      asChild\n    >\n      <ChakraSteps.Indicator {...functionalProps}>\n        {children}\n      </ChakraSteps.Indicator>\n    </StepsIndicatorSlot>\n  );\n};\nStepsIndicator.displayName = \"Steps.Indicator\";\n","import { Steps as ChakraSteps } from \"@chakra-ui/react/steps\";\nimport { extractStyleProps } from \"@/utils\";\nimport type { StepsNumberProps } from \"../steps.types\";\nimport { StepsNumberSlot } from \"../steps.slots\";\n\n/**\n * # Steps.Number\n *\n * Displays the step number (1-indexed).\n * Wraps Chakra UI's Steps.Number with Nimbus styling.\n *\n * @example\n * ```tsx\n * <Steps.Indicator>\n *   <Steps.Number />\n * </Steps.Indicator>\n * ```\n *\n * @supportsStyleProps\n */\nexport const StepsNumber = (props: StepsNumberProps) => {\n  const { ref: forwardedRef, ...restProps } = props;\n\n  const [styleProps, functionalProps] = extractStyleProps(restProps);\n\n  return (\n    <StepsNumberSlot\n      ref={forwardedRef}\n      data-slot=\"number\"\n      {...styleProps}\n      asChild\n    >\n      <ChakraSteps.Number {...functionalProps} />\n    </StepsNumberSlot>\n  );\n};\nStepsNumber.displayName = \"Steps.Number\";\n","import { Steps as ChakraSteps } from \"@chakra-ui/react/steps\";\nimport { extractStyleProps } from \"@/utils\";\nimport type { StepsTitleProps } from \"../steps.types\";\nimport { StepsTitleSlot } from \"../steps.slots\";\n\n/**\n * # Steps.Title\n *\n * Displays the step title.\n * Wraps Chakra UI's Steps.Title with Nimbus styling.\n *\n * @example\n * ```tsx\n * <Steps.Trigger>\n *   <Steps.Indicator />\n *   <Steps.Title>Account Setup</Steps.Title>\n * </Steps.Trigger>\n * ```\n *\n * @supportsStyleProps\n */\nexport const StepsTitle = (props: StepsTitleProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  const [styleProps, functionalProps] = extractStyleProps(restProps);\n\n  return (\n    <StepsTitleSlot\n      ref={forwardedRef}\n      data-slot=\"title\"\n      {...styleProps}\n      asChild\n    >\n      <ChakraSteps.Title {...functionalProps}>{children}</ChakraSteps.Title>\n    </StepsTitleSlot>\n  );\n};\nStepsTitle.displayName = \"Steps.Title\";\n","import { Steps as ChakraSteps } from \"@chakra-ui/react/steps\";\nimport { extractStyleProps } from \"@/utils\";\nimport type { StepsDescriptionProps } from \"../steps.types\";\nimport { StepsDescriptionSlot } from \"../steps.slots\";\n\n/**\n * # Steps.Description\n *\n * Displays optional hint text below the title.\n * Wraps Chakra UI's Steps.Description with Nimbus styling.\n *\n * @example\n * ```tsx\n * <Steps.Trigger>\n *   <Steps.Indicator />\n *   <Box>\n *     <Steps.Title>Account</Steps.Title>\n *     <Steps.Description>Create your account</Steps.Description>\n *   </Box>\n * </Steps.Trigger>\n * ```\n *\n * @supportsStyleProps\n */\nexport const StepsDescription = (props: StepsDescriptionProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  const [styleProps, functionalProps] = extractStyleProps(restProps);\n\n  return (\n    <StepsDescriptionSlot\n      ref={forwardedRef}\n      data-slot=\"description\"\n      {...styleProps}\n      asChild\n    >\n      <ChakraSteps.Description {...functionalProps}>\n        {children}\n      </ChakraSteps.Description>\n    </StepsDescriptionSlot>\n  );\n};\nStepsDescription.displayName = \"Steps.Description\";\n","import { Steps as ChakraSteps } from \"@chakra-ui/react/steps\";\nimport { extractStyleProps } from \"@/utils\";\nimport type { StepsSeparatorProps } from \"../steps.types\";\nimport { StepsSeparatorSlot } from \"../steps.slots\";\n\n/**\n * # Steps.Separator\n *\n * Visual line connecting step indicators.\n * Wraps Chakra UI's Steps.Separator with Nimbus styling.\n *\n * @example\n * ```tsx\n * <Steps.Item index={0}>\n *   <Steps.Trigger>...</Steps.Trigger>\n *   <Steps.Separator />\n * </Steps.Item>\n * ```\n *\n * @supportsStyleProps\n */\nexport const StepsSeparator = (props: StepsSeparatorProps) => {\n  const { ref: forwardedRef, ...restProps } = props;\n\n  const [styleProps, functionalProps] = extractStyleProps(restProps);\n\n  return (\n    <StepsSeparatorSlot\n      ref={forwardedRef}\n      data-slot=\"separator\"\n      {...styleProps}\n      asChild\n    >\n      <ChakraSteps.Separator {...functionalProps} />\n    </StepsSeparatorSlot>\n  );\n};\nStepsSeparator.displayName = \"Steps.Separator\";\n","import { Steps as ChakraSteps } from \"@chakra-ui/react/steps\";\nimport { extractStyleProps } from \"@/utils\";\nimport type { StepsContentProps } from \"../steps.types\";\nimport { StepsContentSlot } from \"../steps.slots\";\n\n/**\n * # Steps.Content\n *\n * Content container that auto-shows/hides based on current step.\n * Wraps Chakra UI's Steps.Content with Nimbus styling.\n *\n * @example\n * ```tsx\n * <Steps.Content index={0}>\n *   <AccountForm />\n * </Steps.Content>\n * <Steps.Content index={1}>\n *   <ProfileForm />\n * </Steps.Content>\n * ```\n *\n * @supportsStyleProps\n */\nexport const StepsContent = (props: StepsContentProps) => {\n  const { ref: forwardedRef, index, children, ...restProps } = props;\n\n  const [styleProps, functionalProps] = extractStyleProps(restProps);\n\n  return (\n    <StepsContentSlot\n      ref={forwardedRef}\n      data-slot=\"content\"\n      {...styleProps}\n      asChild\n    >\n      <ChakraSteps.Content index={index} {...functionalProps}>\n        {children}\n      </ChakraSteps.Content>\n    </StepsContentSlot>\n  );\n};\nStepsContent.displayName = \"Steps.Content\";\n","import { Steps as ChakraSteps } from \"@chakra-ui/react/steps\";\nimport { extractStyleProps } from \"@/utils\";\nimport type { StepsCompletedContentProps } from \"../steps.types\";\nimport { StepsCompletedContentSlot } from \"../steps.slots\";\n\n/**\n * # Steps.CompletedContent\n *\n * Content displayed when all steps are complete.\n * Wraps Chakra UI's Steps.CompletedContent with Nimbus styling.\n *\n * @example\n * ```tsx\n * <Steps.Root defaultStep={0} count={3}>\n *   <Steps.List>...</Steps.List>\n *   <Steps.Content index={0}>Step 1</Steps.Content>\n *   <Steps.Content index={1}>Step 2</Steps.Content>\n *   <Steps.Content index={2}>Step 3</Steps.Content>\n *   <Steps.CompletedContent>\n *     All steps complete! Thank you.\n *   </Steps.CompletedContent>\n * </Steps.Root>\n * ```\n *\n * @supportsStyleProps\n */\nexport const StepsCompletedContent = (props: StepsCompletedContentProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  const [styleProps, functionalProps] = extractStyleProps(restProps);\n\n  return (\n    <StepsCompletedContentSlot\n      ref={forwardedRef}\n      data-slot=\"completedContent\"\n      {...styleProps}\n      asChild\n    >\n      <ChakraSteps.CompletedContent {...functionalProps}>\n        {children}\n      </ChakraSteps.CompletedContent>\n    </StepsCompletedContentSlot>\n  );\n};\nStepsCompletedContent.displayName = \"Steps.CompletedContent\";\n","import {\n  cloneElement,\n  isValidElement,\n  useCallback,\n  type ReactElement,\n} from \"react\";\nimport { Steps as ChakraSteps, useStepsContext } from \"@chakra-ui/react/steps\";\nimport { extractStyleProps } from \"@/utils\";\nimport type { StepsPrevTriggerProps } from \"../steps.types\";\n\n/**\n * # Steps.PrevTrigger\n *\n * Navigation button to go to previous step.\n * Wraps Chakra UI's Steps.PrevTrigger with Nimbus styling.\n *\n * @example\n * ```tsx\n * <Steps.PrevTrigger asChild>\n *   <Button>Back</Button>\n * </Steps.PrevTrigger>\n * ```\n *\n * @supportsStyleProps\n */\nexport const StepsPrevTrigger = (props: StepsPrevTriggerProps) => {\n  const { children, asChild, ...restProps } = props;\n\n  const [, functionalProps] = extractStyleProps(restProps);\n\n  // Get steps context to manually handle navigation.\n  // This avoids double-firing when using asChild with React Aria components\n  // (like Nimbus Button) where both pointerUp and click events trigger navigation.\n  const stepsContext = useStepsContext();\n\n  const handlePress = useCallback(() => {\n    stepsContext.goToPrevStep();\n  }, [stepsContext]);\n\n  // When using asChild, manually handle navigation via context\n  // using onPress (React Aria's event) to avoid double-firing from\n  // both pointerUp and click events.\n  if (asChild && isValidElement(children)) {\n    const child = children as ReactElement<{\n      onPress?: () => void;\n      isDisabled?: boolean;\n    }>;\n\n    return cloneElement(child, {\n      onPress: handlePress,\n      isDisabled: !stepsContext.hasPrevStep,\n    });\n  }\n\n  // Without asChild, use Chakra's PrevTrigger directly\n  return (\n    <ChakraSteps.PrevTrigger asChild={asChild} {...functionalProps}>\n      {children}\n    </ChakraSteps.PrevTrigger>\n  );\n};\nStepsPrevTrigger.displayName = \"Steps.PrevTrigger\";\n","import {\n  cloneElement,\n  isValidElement,\n  useCallback,\n  type ReactElement,\n} from \"react\";\nimport { Steps as ChakraSteps, useStepsContext } from \"@chakra-ui/react/steps\";\nimport { extractStyleProps } from \"@/utils\";\nimport type { StepsNextTriggerProps } from \"../steps.types\";\n\n/**\n * # Steps.NextTrigger\n *\n * Navigation button to go to next step.\n * Wraps Chakra UI's Steps.NextTrigger with Nimbus styling.\n *\n * @example\n * ```tsx\n * <Steps.NextTrigger asChild>\n *   <Button>Next</Button>\n * </Steps.NextTrigger>\n * ```\n *\n * @supportsStyleProps\n */\nexport const StepsNextTrigger = (props: StepsNextTriggerProps) => {\n  const { children, asChild, ...restProps } = props;\n\n  const [, functionalProps] = extractStyleProps(restProps);\n\n  // Get steps context to manually handle navigation.\n  // This avoids double-firing when using asChild with React Aria components\n  // (like Nimbus Button) where both pointerUp and click events trigger navigation.\n  const stepsContext = useStepsContext();\n\n  const handlePress = useCallback(() => {\n    stepsContext.goToNextStep();\n  }, [stepsContext]);\n\n  // When using asChild, manually handle navigation via context\n  // using onPress (React Aria's event) to avoid double-firing from\n  // both pointerUp and click events.\n  if (asChild && isValidElement(children)) {\n    const child = children as ReactElement<{\n      onPress?: () => void;\n      isDisabled?: boolean;\n    }>;\n\n    return cloneElement(child, {\n      onPress: handlePress,\n      isDisabled: !stepsContext.hasNextStep,\n    });\n  }\n\n  // Without asChild, use Chakra's NextTrigger directly\n  return (\n    <ChakraSteps.NextTrigger asChild={asChild} {...functionalProps}>\n      {children}\n    </ChakraSteps.NextTrigger>\n  );\n};\nStepsNextTrigger.displayName = \"Steps.NextTrigger\";\n","import { Steps as ChakraSteps } from \"@chakra-ui/react/steps\";\nimport type { StepsStatusProps } from \"../steps.types\";\n\n/**\n * # Steps.Status\n *\n * Renders different content based on step state.\n * This is a render prop component from Chakra UI that doesn't need a slot.\n *\n * @example\n * ```tsx\n * <Steps.Indicator>\n *   <Steps.Status\n *     complete={<CheckIcon />}\n *     incomplete={<Steps.Number />}\n *     current={<LoadingIcon />}\n *   />\n * </Steps.Indicator>\n * ```\n */\nexport const StepsStatus = (props: StepsStatusProps) => {\n  return <ChakraSteps.Status {...props} />;\n};\nStepsStatus.displayName = \"Steps.Status\";\n","import {\n  StepsRoot,\n  StepsList,\n  StepsItem,\n  StepsTrigger,\n  StepsIndicator,\n  StepsNumber,\n  StepsTitle,\n  StepsDescription,\n  StepsSeparator,\n  StepsContent,\n  StepsCompletedContent,\n  StepsPrevTrigger,\n  StepsNextTrigger,\n  StepsStatus,\n} from \"./components\";\n\n/**\n * # Steps\n *\n * A multi-step workflow component with built-in state management, content visibility,\n * and navigation triggers. Wraps Chakra UI's Steps component with Nimbus styling.\n *\n * Supports both controlled and uncontrolled usage patterns.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/navigation/steps}\n *\n * @example\n * ```tsx\n * // Uncontrolled usage (component manages state internally)\n * <Steps.Root defaultStep={0} count={3}>\n *   <Steps.List>\n *     <Steps.Item index={0}>\n *       <Steps.Trigger>\n *         <Steps.Indicator />\n *         Account\n *       </Steps.Trigger>\n *       <Steps.Separator />\n *     </Steps.Item>\n *     <Steps.Item index={1}>\n *       <Steps.Trigger>\n *         <Steps.Indicator />\n *         Profile\n *       </Steps.Trigger>\n *       <Steps.Separator />\n *     </Steps.Item>\n *     <Steps.Item index={2}>\n *       <Steps.Trigger>\n *         <Steps.Indicator />\n *         Review\n *       </Steps.Trigger>\n *     </Steps.Item>\n *   </Steps.List>\n *\n *   <Steps.Content index={0}>Account form content</Steps.Content>\n *   <Steps.Content index={1}>Profile form content</Steps.Content>\n *   <Steps.Content index={2}>Review content</Steps.Content>\n *   <Steps.CompletedContent>All steps complete!</Steps.CompletedContent>\n *\n *   <Steps.PrevTrigger asChild>\n *     <Button>Back</Button>\n *   </Steps.PrevTrigger>\n *   <Steps.NextTrigger asChild>\n *     <Button>Next</Button>\n *   </Steps.NextTrigger>\n * </Steps.Root>\n * ```\n */\nexport const Steps = {\n  /**\n   * # Steps.Root\n   *\n   * Container component that manages step state and provides context to child components.\n   * Supports both controlled (step/onStepChange) and uncontrolled (defaultStep) modes.\n   */\n  Root: StepsRoot,\n\n  /**\n   * # Steps.List\n   *\n   * Container for grouping step items.\n   */\n  List: StepsList,\n\n  /**\n   * # Steps.Item\n   *\n   * Container for a single step (trigger + separator).\n   */\n  Item: StepsItem,\n\n  /**\n   * # Steps.Trigger\n   *\n   * Clickable element within each step for direct navigation.\n   */\n  Trigger: StepsTrigger,\n\n  /**\n   * # Steps.Indicator\n   *\n   * Visual marker showing step status (number, icon, or custom content).\n   */\n  Indicator: StepsIndicator,\n\n  /**\n   * # Steps.Number\n   *\n   * Displays the step number (1-indexed).\n   */\n  Number: StepsNumber,\n\n  /**\n   * # Steps.Title\n   *\n   * Displays the step title.\n   */\n  Title: StepsTitle,\n\n  /**\n   * # Steps.Description\n   *\n   * Displays optional hint text below the title.\n   */\n  Description: StepsDescription,\n\n  /**\n   * # Steps.Separator\n   *\n   * Visual line connecting step indicators.\n   */\n  Separator: StepsSeparator,\n\n  /**\n   * # Steps.Content\n   *\n   * Content container that auto-shows/hides based on current step.\n   */\n  Content: StepsContent,\n\n  /**\n   * # Steps.CompletedContent\n   *\n   * Content displayed when all steps are complete.\n   */\n  CompletedContent: StepsCompletedContent,\n\n  /**\n   * # Steps.PrevTrigger\n   *\n   * Navigation button to go to previous step.\n   */\n  PrevTrigger: StepsPrevTrigger,\n\n  /**\n   * # Steps.NextTrigger\n   *\n   * Navigation button to go to next step.\n   */\n  NextTrigger: StepsNextTrigger,\n\n  /**\n   * # Steps.Status\n   *\n   * Renders different content based on step state.\n   */\n  Status: StepsStatus,\n};\n\nexport type {\n  StepsRootProps,\n  StepsListProps,\n  StepsItemProps,\n  StepsTriggerProps,\n  StepsIndicatorProps,\n  StepsNumberProps,\n  StepsTitleProps,\n  StepsDescriptionProps,\n  StepsSeparatorProps,\n  StepsContentProps,\n  StepsCompletedContentProps,\n  StepsPrevTriggerProps,\n  StepsNextTriggerProps,\n  StepsStatusProps,\n  StepsChangeDetails,\n} from \"./steps.types\";\n\n/**\n * todo: get rid of this, this is needed for the react-docgen-typescript script\n * that is parsing the typescript types for our documentation. The _ underscores\n * serve as a reminder that this exports are awkward and should not be used.\n */\nexport {\n  StepsRoot as _StepsRoot,\n  StepsList as _StepsList,\n  StepsItem as _StepsItem,\n  StepsTrigger as _StepsTrigger,\n  StepsIndicator as _StepsIndicator,\n  StepsNumber as _StepsNumber,\n  StepsTitle as _StepsTitle,\n  StepsDescription as _StepsDescription,\n  StepsSeparator as _StepsSeparator,\n  StepsContent as _StepsContent,\n  StepsCompletedContent as _StepsCompletedContent,\n  StepsPrevTrigger as _StepsPrevTrigger,\n  StepsNextTrigger as _StepsNextTrigger,\n  StepsStatus as _StepsStatus,\n};\n"],"mappings":"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"}

package/dist/chunks/steps-DIRtxFO6.esm.js

@@ -0,0 +1,253 @@
+import { t as e } from "./extract-style-props-D519tVOc.esm.js";
+import { cloneElement as t, isValidElement as n, useCallback as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { createSlotRecipeContext as a, useChakraContext as o, useSlotRecipe as s } from "@chakra-ui/react/styled-system";
+import { useBreakpointValue as c } from "@chakra-ui/react/hooks";
+import { Steps as l, useStepsContext as u } from "@chakra-ui/react/steps";
+//#region src/components/steps/steps.slots.tsx
+var { withProvider: d, withContext: f } = a({ key: "nimbusSteps" }), p = d("div", "root"), m = f("div", "list"), h = f("div", "item"), g = f("button", "trigger"), _ = f("div", "indicator"), v = f("div", "number"), y = f("div", "title"), b = f("div", "description"), x = f("div", "separator"), S = f("div", "content"), C = f("div", "completedContent");
+f("button", "prevTrigger"), f("button", "nextTrigger");
+//#endregion
+//#region src/components/steps/components/steps.root.tsx
+var w = (t) => {
+	let { ref: n, count: r, defaultStep: a, step: u, onStepChange: d, onStepComplete: f, linear: m, size: h = "sm", orientation: g = "horizontal", children: _, ...v } = t, [y, b] = s({ key: "nimbusSteps" }).splitVariantProps({
+		size: h,
+		orientation: g,
+		...v
+	}), [x, S] = e(b), C = c(o().normalizeValue(g)), w = typeof C == "string" ? C : typeof g == "string" ? g : "horizontal", { orientation: T, ...E } = y;
+	return /* @__PURE__ */ i(p, {
+		ref: n,
+		"data-slot": "root",
+		...E,
+		orientation: w,
+		...x,
+		asChild: !0,
+		children: /* @__PURE__ */ i(l.Root, {
+			count: r,
+			defaultStep: a,
+			step: u,
+			onStepChange: d,
+			onStepComplete: f,
+			linear: m,
+			orientation: w,
+			unstyled: !0,
+			...S,
+			children: _
+		})
+	});
+};
+w.displayName = "Steps.Root";
+//#endregion
+//#region src/components/steps/components/steps.list.tsx
+var T = (t) => {
+	let { ref: n, children: r, ...a } = t, [o, s] = e(a);
+	return /* @__PURE__ */ i(m, {
+		ref: n,
+		"data-slot": "list",
+		...o,
+		asChild: !0,
+		children: /* @__PURE__ */ i(l.List, {
+			...s,
+			children: r
+		})
+	});
+};
+T.displayName = "Steps.List";
+//#endregion
+//#region src/components/steps/components/steps.item.tsx
+var E = (t) => {
+	let { ref: n, index: r, children: a, ...o } = t, [s, c] = e(o);
+	return /* @__PURE__ */ i(h, {
+		ref: n,
+		"data-slot": "item",
+		...s,
+		asChild: !0,
+		children: /* @__PURE__ */ i(l.Item, {
+			index: r,
+			...c,
+			children: a
+		})
+	});
+};
+E.displayName = "Steps.Item";
+//#endregion
+//#region src/components/steps/components/steps.trigger.tsx
+var D = (t) => {
+	let { ref: n, children: r, ...a } = t, [o, s] = e(a);
+	return /* @__PURE__ */ i(g, {
+		ref: n,
+		"data-slot": "trigger",
+		...o,
+		asChild: !0,
+		children: /* @__PURE__ */ i(l.Trigger, {
+			...s,
+			children: r
+		})
+	});
+};
+D.displayName = "Steps.Trigger";
+//#endregion
+//#region src/components/steps/components/steps.indicator.tsx
+var O = (t) => {
+	let { ref: n, children: r, ...a } = t, [o, s] = e(a);
+	return /* @__PURE__ */ i(_, {
+		ref: n,
+		"data-slot": "indicator",
+		...o,
+		asChild: !0,
+		children: /* @__PURE__ */ i(l.Indicator, {
+			...s,
+			children: r
+		})
+	});
+};
+O.displayName = "Steps.Indicator";
+//#endregion
+//#region src/components/steps/components/steps.number.tsx
+var k = (t) => {
+	let { ref: n, ...r } = t, [a, o] = e(r);
+	return /* @__PURE__ */ i(v, {
+		ref: n,
+		"data-slot": "number",
+		...a,
+		asChild: !0,
+		children: /* @__PURE__ */ i(l.Number, { ...o })
+	});
+};
+k.displayName = "Steps.Number";
+//#endregion
+//#region src/components/steps/components/steps.title.tsx
+var A = (t) => {
+	let { ref: n, children: r, ...a } = t, [o, s] = e(a);
+	return /* @__PURE__ */ i(y, {
+		ref: n,
+		"data-slot": "title",
+		...o,
+		asChild: !0,
+		children: /* @__PURE__ */ i(l.Title, {
+			...s,
+			children: r
+		})
+	});
+};
+A.displayName = "Steps.Title";
+//#endregion
+//#region src/components/steps/components/steps.description.tsx
+var j = (t) => {
+	let { ref: n, children: r, ...a } = t, [o, s] = e(a);
+	return /* @__PURE__ */ i(b, {
+		ref: n,
+		"data-slot": "description",
+		...o,
+		asChild: !0,
+		children: /* @__PURE__ */ i(l.Description, {
+			...s,
+			children: r
+		})
+	});
+};
+j.displayName = "Steps.Description";
+//#endregion
+//#region src/components/steps/components/steps.separator.tsx
+var M = (t) => {
+	let { ref: n, ...r } = t, [a, o] = e(r);
+	return /* @__PURE__ */ i(x, {
+		ref: n,
+		"data-slot": "separator",
+		...a,
+		asChild: !0,
+		children: /* @__PURE__ */ i(l.Separator, { ...o })
+	});
+};
+M.displayName = "Steps.Separator";
+//#endregion
+//#region src/components/steps/components/steps.content.tsx
+var N = (t) => {
+	let { ref: n, index: r, children: a, ...o } = t, [s, c] = e(o);
+	return /* @__PURE__ */ i(S, {
+		ref: n,
+		"data-slot": "content",
+		...s,
+		asChild: !0,
+		children: /* @__PURE__ */ i(l.Content, {
+			index: r,
+			...c,
+			children: a
+		})
+	});
+};
+N.displayName = "Steps.Content";
+//#endregion
+//#region src/components/steps/components/steps.completed-content.tsx
+var P = (t) => {
+	let { ref: n, children: r, ...a } = t, [o, s] = e(a);
+	return /* @__PURE__ */ i(C, {
+		ref: n,
+		"data-slot": "completedContent",
+		...o,
+		asChild: !0,
+		children: /* @__PURE__ */ i(l.CompletedContent, {
+			...s,
+			children: r
+		})
+	});
+};
+P.displayName = "Steps.CompletedContent";
+//#endregion
+//#region src/components/steps/components/steps.prev-trigger.tsx
+var F = (a) => {
+	let { children: o, asChild: s, ...c } = a, [, d] = e(c), f = u(), p = r(() => {
+		f.goToPrevStep();
+	}, [f]);
+	return s && n(o) ? t(o, {
+		onPress: p,
+		isDisabled: !f.hasPrevStep
+	}) : /* @__PURE__ */ i(l.PrevTrigger, {
+		asChild: s,
+		...d,
+		children: o
+	});
+};
+F.displayName = "Steps.PrevTrigger";
+//#endregion
+//#region src/components/steps/components/steps.next-trigger.tsx
+var I = (a) => {
+	let { children: o, asChild: s, ...c } = a, [, d] = e(c), f = u(), p = r(() => {
+		f.goToNextStep();
+	}, [f]);
+	return s && n(o) ? t(o, {
+		onPress: p,
+		isDisabled: !f.hasNextStep
+	}) : /* @__PURE__ */ i(l.NextTrigger, {
+		asChild: s,
+		...d,
+		children: o
+	});
+};
+I.displayName = "Steps.NextTrigger";
+//#endregion
+//#region src/components/steps/components/steps.status.tsx
+var L = (e) => /* @__PURE__ */ i(l.Status, { ...e });
+L.displayName = "Steps.Status";
+//#endregion
+//#region src/components/steps/steps.tsx
+var R = {
+	Root: w,
+	List: T,
+	Item: E,
+	Trigger: D,
+	Indicator: O,
+	Number: k,
+	Title: A,
+	Description: j,
+	Separator: M,
+	Content: N,
+	CompletedContent: P,
+	PrevTrigger: F,
+	NextTrigger: I,
+	Status: L
+};
+//#endregion
+export { P as a, j as c, O as d, D as f, w as h, F as i, A as l, T as m, L as n, N as o, E as p, I as r, M as s, R as t, k as u };
+
+//# sourceMappingURL=steps-DIRtxFO6.esm.js.map