@commercetools/nimbus 2.7.0 → 2.9.0

package/dist/chunks/split-button-BU-qVsoU.es.js

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

package/dist/chunks/split-button-BU-qVsoU.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-button-BU-qVsoU.es.js","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"],"names":["withProvider","withContext","createSlotRecipeContext","SplitButtonRootSlot","SplitButtonButtonGroupSlot","SplitButtonPrimaryButtonSlot","SplitButtonTriggerSlot","splitButtonMessages_en","splitButtonMessages_de","splitButtonMessages_es","splitButtonMessages_fr","splitButtonMessages_pt","splitButtonMessagesStrings","normalizeMessages","SplitButton","props","msg","useLocalizedStringFormatter","size","variant","colorPalette","isDisabled","ariaLabel","onAction","isOpen","defaultOpen","onOpenChange","icon","buttonProps","isMenuItemWithId","element","React","hasChildren","menuItems","hasActionableMenuItems","children","hasActionable","child","findPrimaryMenuItem","allMenuItems","collectMenuItems","item","hasActionableItems","buttonContent","executePrimaryAction","isPrimaryDisabled","isDropdownTriggerDisabled","jsx","jsxs","Button","Icon","Menu","key","IconButton","KeyboardArrowDown"],"mappings":"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"}

package/dist/chunks/split-button-BxATaqTd.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const s=require("react/jsx-runtime"),l=require("react"),_=require("./button-CAzKhQhT.cjs.js"),E=require("./icon-button-BV_okpOb.cjs.js"),d=require("./menu-DdPHozye.cjs.js"),N=require("./icon-BMjkW_u3.cjs.js"),T=require("@chakra-ui/react/styled-system"),o=require("./normalize-messages-DtVffO09.cjs.js"),O=require("@commercetools/nimbus-icons"),{withProvider:$,withContext:p}=T.createSlotRecipeContext({key:"nimbusSplitButton"}),k=$("div","root"),F=p("div","buttonGroup"),G=p("button","primaryButton"),K=p("button","dropdownTrigger"),L={noActionsAvailable:"No actions available"},V={noActionsAvailable:"Keine Aktionen verfügbar"},W={noActionsAvailable:"No hay acciones disponibles"},H={noActionsAvailable:"Aucune action disponible"},J={noActionsAvailable:"Não há ações disponíveis"},Q={en:o.normalizeMessages(L),de:o.normalizeMessages(V),es:o.normalizeMessages(W),"fr-FR":o.normalizeMessages(H),"pt-BR":o.normalizeMessages(J)},S=b=>{const I=o.useLocalizedStringFormatter(Q),{size:x="md",variant:m="solid",colorPalette:v,isDisabled:g=!1,"aria-label":y,onAction:a,isOpen:D,defaultOpen:j,onOpenChange:C,icon:h}=b,f={size:x,variant:m,colorPalette:v},M=t=>{if(!l.isValidElement(t)||!t.props)return!1;const e=t.props;return"id"in e&&typeof e.id=="string"},A=t=>!l.isValidElement(t)||!t.props?!1:"children"in t.props,c=b.children,B=t=>{let e=!1;return l.Children.forEach(t,r=>{if(!e){if(M(r)&&!r.props.isDisabled){e=!0;return}A(r)&&(e=B(r.props.children))}}),e},q=()=>{const t=[],e=u=>{l.Children.forEach(u,n=>{M(n)&&t.push({content:n.props.children,isDisabled:n.props.isDisabled||!1,actionId:n.props.id}),A(n)&&e(n.props.children)})};return e(c),t.find(u=>!u.isDisabled)||t[0]||{content:I.format("noActionsAvailable"),isDisabled:!0,actionId:null}},z=B(c),i=q(),P=()=>{!i.isDisabled&&i.actionId&&a&&a(i.actionId)},R=g||i.isDisabled,w=g||!z;return s.jsx(k,{variant:m,"data-mode":"split",children:s.jsxs(F,{children:[s.jsx(G,{asChild:!0,children:s.jsxs(_.Button,{...f,isDisabled:R,onPress:P,children:[h&&s.jsx(N.Icon,{children:h}),i.content]})}),s.jsxs(d.Menu.Root,{trigger:"press",isOpen:D,defaultOpen:j,onOpenChange:C,placement:"bottom end",selectionMode:"none",onAction:a?t=>a(String(t)):void 0,children:[s.jsx(d.Menu.Trigger,{asChild:!0,children:s.jsx(K,{asChild:!0,children:s.jsx(E.IconButton,{...f,"aria-label":y,isDisabled:w,children:s.jsx(O.KeyboardArrowDown,{})})})}),s.jsx(d.Menu.Content,{children:c})]})]})})};S.displayName="SplitButton";exports.SplitButton=S;
+//# sourceMappingURL=split-button-BxATaqTd.cjs.js.map

package/dist/chunks/split-button-BxATaqTd.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-button-BxATaqTd.cjs.js","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"],"names":["withProvider","withContext","createSlotRecipeContext","SplitButtonRootSlot","SplitButtonButtonGroupSlot","SplitButtonPrimaryButtonSlot","SplitButtonTriggerSlot","splitButtonMessages_en","splitButtonMessages_de","splitButtonMessages_es","splitButtonMessages_fr","splitButtonMessages_pt","splitButtonMessagesStrings","normalizeMessages","SplitButton","props","msg","useLocalizedStringFormatter","size","variant","colorPalette","isDisabled","ariaLabel","onAction","isOpen","defaultOpen","onOpenChange","icon","buttonProps","isMenuItemWithId","element","React","hasChildren","menuItems","hasActionableMenuItems","children","hasActionable","child","findPrimaryMenuItem","allMenuItems","collectMenuItems","item","hasActionableItems","buttonContent","executePrimaryAction","isPrimaryDisabled","isDropdownTriggerDisabled","jsx","jsxs","Button","Icon","Menu","key","IconButton","KeyboardArrowDown"],"mappings":"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"}

package/dist/chunks/steps-D4PGBn9S.es.js

@@ -0,0 +1,309 @@
+import { jsx as i } from "react/jsx-runtime";
+import { Steps as a, useStepsContext as m } from "@chakra-ui/react/steps";
+import { useCallback as P, isValidElement as h, cloneElement as C } from "react";
+import { e as p } from "./extract-style-props-DD3XZzbq.es.js";
+import { createSlotRecipeContext as F, useSlotRecipe as G, useChakraContext as H } from "@chakra-ui/react/styled-system";
+import { useBreakpointValue as J } from "@chakra-ui/react/hooks";
+const { withProvider: K, withContext: l } = /* @__PURE__ */ F({
+  key: "nimbusSteps"
+}), M = /* @__PURE__ */ K("div", "root"), Q = /* @__PURE__ */ l("div", "list"), U = /* @__PURE__ */ l("div", "item"), X = /* @__PURE__ */ l("button", "trigger"), Y = /* @__PURE__ */ l("div", "indicator"), Z = /* @__PURE__ */ l("div", "number"), tt = /* @__PURE__ */ l("div", "title"), et = /* @__PURE__ */ l("div", "description"), st = /* @__PURE__ */ l("div", "separator"), rt = /* @__PURE__ */ l("div", "content"), ot = /* @__PURE__ */ l("div", "completedContent"), g = (e) => {
+  const {
+    ref: t,
+    count: s,
+    defaultStep: r,
+    step: o,
+    onStepChange: n,
+    onStepComplete: c,
+    linear: S,
+    size: O = "sm",
+    orientation: d = "horizontal",
+    children: V,
+    ...j
+  } = e, E = G({ key: "nimbusSteps" }), [B, W] = E.splitVariantProps({
+    size: O,
+    orientation: d,
+    ...j
+  }), [_, $] = p(W), q = H().normalizeValue(d), f = J(
+    q
+  ), u = typeof f == "string" ? f : typeof d == "string" ? d : "horizontal", {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    orientation: it,
+    ...A
+  } = B;
+  return /* @__PURE__ */ i(
+    M,
+    {
+      ref: t,
+      "data-slot": "root",
+      ...A,
+      orientation: u,
+      ..._,
+      asChild: !0,
+      children: /* @__PURE__ */ i(
+        a.Root,
+        {
+          count: s,
+          defaultStep: r,
+          step: o,
+          onStepChange: n,
+          onStepComplete: c,
+          linear: S,
+          orientation: u,
+          unstyled: !0,
+          ...$,
+          children: V
+        }
+      )
+    }
+  );
+};
+g.displayName = "Steps.Root";
+const y = (e) => {
+  const { ref: t, children: s, ...r } = e, [o, n] = p(r);
+  return /* @__PURE__ */ i(Q, { ref: t, "data-slot": "list", ...o, asChild: !0, children: /* @__PURE__ */ i(a.List, { ...n, children: s }) });
+};
+y.displayName = "Steps.List";
+const N = (e) => {
+  const { ref: t, index: s, children: r, ...o } = e, [n, c] = p(o);
+  return /* @__PURE__ */ i(U, { ref: t, "data-slot": "item", ...n, asChild: !0, children: /* @__PURE__ */ i(a.Item, { index: s, ...c, children: r }) });
+};
+N.displayName = "Steps.Item";
+const T = (e) => {
+  const { ref: t, children: s, ...r } = e, [o, n] = p(r);
+  return /* @__PURE__ */ i(
+    X,
+    {
+      ref: t,
+      "data-slot": "trigger",
+      ...o,
+      asChild: !0,
+      children: /* @__PURE__ */ i(a.Trigger, { ...n, children: s })
+    }
+  );
+};
+T.displayName = "Steps.Trigger";
+const x = (e) => {
+  const { ref: t, children: s, ...r } = e, [o, n] = p(r);
+  return /* @__PURE__ */ i(
+    Y,
+    {
+      ref: t,
+      "data-slot": "indicator",
+      ...o,
+      asChild: !0,
+      children: /* @__PURE__ */ i(a.Indicator, { ...n, children: s })
+    }
+  );
+};
+x.displayName = "Steps.Indicator";
+const v = (e) => {
+  const { ref: t, ...s } = e, [r, o] = p(s);
+  return /* @__PURE__ */ i(
+    Z,
+    {
+      ref: t,
+      "data-slot": "number",
+      ...r,
+      asChild: !0,
+      children: /* @__PURE__ */ i(a.Number, { ...o })
+    }
+  );
+};
+v.displayName = "Steps.Number";
+const R = (e) => {
+  const { ref: t, children: s, ...r } = e, [o, n] = p(r);
+  return /* @__PURE__ */ i(
+    tt,
+    {
+      ref: t,
+      "data-slot": "title",
+      ...o,
+      asChild: !0,
+      children: /* @__PURE__ */ i(a.Title, { ...n, children: s })
+    }
+  );
+};
+R.displayName = "Steps.Title";
+const b = (e) => {
+  const { ref: t, children: s, ...r } = e, [o, n] = p(r);
+  return /* @__PURE__ */ i(
+    et,
+    {
+      ref: t,
+      "data-slot": "description",
+      ...o,
+      asChild: !0,
+      children: /* @__PURE__ */ i(a.Description, { ...n, children: s })
+    }
+  );
+};
+b.displayName = "Steps.Description";
+const w = (e) => {
+  const { ref: t, ...s } = e, [r, o] = p(s);
+  return /* @__PURE__ */ i(
+    st,
+    {
+      ref: t,
+      "data-slot": "separator",
+      ...r,
+      asChild: !0,
+      children: /* @__PURE__ */ i(a.Separator, { ...o })
+    }
+  );
+};
+w.displayName = "Steps.Separator";
+const I = (e) => {
+  const { ref: t, index: s, children: r, ...o } = e, [n, c] = p(o);
+  return /* @__PURE__ */ i(
+    rt,
+    {
+      ref: t,
+      "data-slot": "content",
+      ...n,
+      asChild: !0,
+      children: /* @__PURE__ */ i(a.Content, { index: s, ...c, children: r })
+    }
+  );
+};
+I.displayName = "Steps.Content";
+const k = (e) => {
+  const { ref: t, children: s, ...r } = e, [o, n] = p(r);
+  return /* @__PURE__ */ i(
+    ot,
+    {
+      ref: t,
+      "data-slot": "completedContent",
+      ...o,
+      asChild: !0,
+      children: /* @__PURE__ */ i(a.CompletedContent, { ...n, children: s })
+    }
+  );
+};
+k.displayName = "Steps.CompletedContent";
+const D = (e) => {
+  const { children: t, asChild: s, ...r } = e, [, o] = p(r), n = m(), c = P(() => {
+    n.goToPrevStep();
+  }, [n]);
+  return s && h(t) ? C(t, {
+    onPress: c,
+    isDisabled: !n.hasPrevStep
+  }) : /* @__PURE__ */ i(a.PrevTrigger, { asChild: s, ...o, children: t });
+};
+D.displayName = "Steps.PrevTrigger";
+const z = (e) => {
+  const { children: t, asChild: s, ...r } = e, [, o] = p(r), n = m(), c = P(() => {
+    n.goToNextStep();
+  }, [n]);
+  return s && h(t) ? C(t, {
+    onPress: c,
+    isDisabled: !n.hasNextStep
+  }) : /* @__PURE__ */ i(a.NextTrigger, { asChild: s, ...o, children: t });
+};
+z.displayName = "Steps.NextTrigger";
+const L = (e) => /* @__PURE__ */ i(a.Status, { ...e });
+L.displayName = "Steps.Status";
+const ft = {
+  /**
+   * # Steps.Root
+   *
+   * Container component that manages step state and provides context to child components.
+   * Supports both controlled (step/onStepChange) and uncontrolled (defaultStep) modes.
+   */
+  Root: g,
+  /**
+   * # Steps.List
+   *
+   * Container for grouping step items.
+   */
+  List: y,
+  /**
+   * # Steps.Item
+   *
+   * Container for a single step (trigger + separator).
+   */
+  Item: N,
+  /**
+   * # Steps.Trigger
+   *
+   * Clickable element within each step for direct navigation.
+   */
+  Trigger: T,
+  /**
+   * # Steps.Indicator
+   *
+   * Visual marker showing step status (number, icon, or custom content).
+   */
+  Indicator: x,
+  /**
+   * # Steps.Number
+   *
+   * Displays the step number (1-indexed).
+   */
+  Number: v,
+  /**
+   * # Steps.Title
+   *
+   * Displays the step title.
+   */
+  Title: R,
+  /**
+   * # Steps.Description
+   *
+   * Displays optional hint text below the title.
+   */
+  Description: b,
+  /**
+   * # Steps.Separator
+   *
+   * Visual line connecting step indicators.
+   */
+  Separator: w,
+  /**
+   * # Steps.Content
+   *
+   * Content container that auto-shows/hides based on current step.
+   */
+  Content: I,
+  /**
+   * # Steps.CompletedContent
+   *
+   * Content displayed when all steps are complete.
+   */
+  CompletedContent: k,
+  /**
+   * # Steps.PrevTrigger
+   *
+   * Navigation button to go to previous step.
+   */
+  PrevTrigger: D,
+  /**
+   * # Steps.NextTrigger
+   *
+   * Navigation button to go to next step.
+   */
+  NextTrigger: z,
+  /**
+   * # Steps.Status
+   *
+   * Renders different content based on step state.
+   */
+  Status: L
+};
+export {
+  ft as S,
+  k as a,
+  I as b,
+  b as c,
+  x as d,
+  N as e,
+  y as f,
+  z as g,
+  v as h,
+  D as i,
+  g as j,
+  w as k,
+  L as l,
+  R as m,
+  T as n
+};
+//# sourceMappingURL=steps-D4PGBn9S.es.js.map

package/dist/chunks/steps-D4PGBn9S.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"steps-D4PGBn9S.es.js","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"],"names":["withProvider","withContext","createSlotRecipeContext","StepsRootSlot","StepsListSlot","StepsItemSlot","StepsTriggerSlot","StepsIndicatorSlot","StepsNumberSlot","StepsTitleSlot","StepsDescriptionSlot","StepsSeparatorSlot","StepsContentSlot","StepsCompletedContentSlot","StepsRoot","props","forwardedRef","count","defaultStep","step","onStepChange","onStepComplete","linear","size","orientation","children","restProps","recipe","useSlotRecipe","recipeProps","remainingProps","styleProps","functionalProps","extractStyleProps","normalizedOrientation","useChakraContext","breakpointOrientation","useBreakpointValue","computedOrientation","_responsiveOrientation","recipePropsWithoutOrientation","jsx","ChakraSteps","StepsList","StepsItem","index","StepsTrigger","StepsIndicator","StepsNumber","StepsTitle","StepsDescription","StepsSeparator","StepsContent","StepsCompletedContent","StepsPrevTrigger","asChild","stepsContext","useStepsContext","handlePress","useCallback","isValidElement","cloneElement","StepsNextTrigger","StepsStatus","Steps"],"mappings":"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"}

package/dist/chunks/steps-hFnqvgs5.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const i=require("react/jsx-runtime"),p=require("@chakra-ui/react/steps"),d=require("react"),a=require("./extract-style-props-7Kq9mybq.cjs.js"),P=require("@chakra-ui/react/styled-system"),_=require("@chakra-ui/react/hooks"),{withProvider:A,withContext:l}=P.createSlotRecipeContext({key:"nimbusSteps"}),F=A("div","root"),G=l("div","list"),H=l("div","item"),J=l("button","trigger"),K=l("div","indicator"),M=l("div","number"),Q=l("div","title"),U=l("div","description"),X=l("div","separator"),Y=l("div","content"),Z=l("div","completedContent"),f=e=>{const{ref:t,count:s,defaultStep:r,step:o,onStepChange:n,onStepComplete:c,linear:S,size:D="sm",orientation:u="horizontal",children:q,...L}=e,z=P.useSlotRecipe({key:"nimbusSteps"}),[O,V]=z.splitVariantProps({size:D,orientation:u,...L}),[E,$]=a.extractStyleProps(V),B=P.useChakraContext().normalizeValue(u),I=_.useBreakpointValue(B),k=typeof I=="string"?I:typeof u=="string"?u:"horizontal",{orientation:st,...W}=O;return i.jsx(F,{ref:t,"data-slot":"root",...W,orientation:k,...E,asChild:!0,children:i.jsx(p.Steps.Root,{count:s,defaultStep:r,step:o,onStepChange:n,onStepComplete:c,linear:S,orientation:k,unstyled:!0,...$,children:q})})};f.displayName="Steps.Root";const x=e=>{const{ref:t,children:s,...r}=e,[o,n]=a.extractStyleProps(r);return i.jsx(G,{ref:t,"data-slot":"list",...o,asChild:!0,children:i.jsx(p.Steps.List,{...n,children:s})})};x.displayName="Steps.List";const m=e=>{const{ref:t,index:s,children:r,...o}=e,[n,c]=a.extractStyleProps(o);return i.jsx(H,{ref:t,"data-slot":"item",...n,asChild:!0,children:i.jsx(p.Steps.Item,{index:s,...c,children:r})})};m.displayName="Steps.Item";const h=e=>{const{ref:t,children:s,...r}=e,[o,n]=a.extractStyleProps(r);return i.jsx(J,{ref:t,"data-slot":"trigger",...o,asChild:!0,children:i.jsx(p.Steps.Trigger,{...n,children:s})})};h.displayName="Steps.Trigger";const y=e=>{const{ref:t,children:s,...r}=e,[o,n]=a.extractStyleProps(r);return i.jsx(K,{ref:t,"data-slot":"indicator",...o,asChild:!0,children:i.jsx(p.Steps.Indicator,{...n,children:s})})};y.displayName="Steps.Indicator";const C=e=>{const{ref:t,...s}=e,[r,o]=a.extractStyleProps(s);return i.jsx(M,{ref:t,"data-slot":"number",...r,asChild:!0,children:i.jsx(p.Steps.Number,{...o})})};C.displayName="Steps.Number";const g=e=>{const{ref:t,children:s,...r}=e,[o,n]=a.extractStyleProps(r);return i.jsx(Q,{ref:t,"data-slot":"title",...o,asChild:!0,children:i.jsx(p.Steps.Title,{...n,children:s})})};g.displayName="Steps.Title";const N=e=>{const{ref:t,children:s,...r}=e,[o,n]=a.extractStyleProps(r);return i.jsx(U,{ref:t,"data-slot":"description",...o,asChild:!0,children:i.jsx(p.Steps.Description,{...n,children:s})})};N.displayName="Steps.Description";const j=e=>{const{ref:t,...s}=e,[r,o]=a.extractStyleProps(s);return i.jsx(X,{ref:t,"data-slot":"separator",...r,asChild:!0,children:i.jsx(p.Steps.Separator,{...o})})};j.displayName="Steps.Separator";const T=e=>{const{ref:t,index:s,children:r,...o}=e,[n,c]=a.extractStyleProps(o);return i.jsx(Y,{ref:t,"data-slot":"content",...n,asChild:!0,children:i.jsx(p.Steps.Content,{index:s,...c,children:r})})};T.displayName="Steps.Content";const R=e=>{const{ref:t,children:s,...r}=e,[o,n]=a.extractStyleProps(r);return i.jsx(Z,{ref:t,"data-slot":"completedContent",...o,asChild:!0,children:i.jsx(p.Steps.CompletedContent,{...n,children:s})})};R.displayName="Steps.CompletedContent";const v=e=>{const{children:t,asChild:s,...r}=e,[,o]=a.extractStyleProps(r),n=p.useStepsContext(),c=d.useCallback(()=>{n.goToPrevStep()},[n]);if(s&&d.isValidElement(t)){const S=t;return d.cloneElement(S,{onPress:c,isDisabled:!n.hasPrevStep})}return i.jsx(p.Steps.PrevTrigger,{asChild:s,...o,children:t})};v.displayName="Steps.PrevTrigger";const b=e=>{const{children:t,asChild:s,...r}=e,[,o]=a.extractStyleProps(r),n=p.useStepsContext(),c=d.useCallback(()=>{n.goToNextStep()},[n]);if(s&&d.isValidElement(t)){const S=t;return d.cloneElement(S,{onPress:c,isDisabled:!n.hasNextStep})}return i.jsx(p.Steps.NextTrigger,{asChild:s,...o,children:t})};b.displayName="Steps.NextTrigger";const w=e=>i.jsx(p.Steps.Status,{...e});w.displayName="Steps.Status";const tt={Root:f,List:x,Item:m,Trigger:h,Indicator:y,Number:C,Title:g,Description:N,Separator:j,Content:T,CompletedContent:R,PrevTrigger:v,NextTrigger:b,Status:w};exports.Steps=tt;exports.StepsCompletedContent=R;exports.StepsContent=T;exports.StepsDescription=N;exports.StepsIndicator=y;exports.StepsItem=m;exports.StepsList=x;exports.StepsNextTrigger=b;exports.StepsNumber=C;exports.StepsPrevTrigger=v;exports.StepsRoot=f;exports.StepsSeparator=j;exports.StepsStatus=w;exports.StepsTitle=g;exports.StepsTrigger=h;
+//# sourceMappingURL=steps-hFnqvgs5.cjs.js.map