@commercetools/nimbus 2.6.0 → 2.7.0

package/dist/chunks/{split-button-DfqXSJFg.cjs.js → split-button-Dpr5Ql8l.cjs.js}

@@ -1,2 +1,2 @@
-"use strict";const n=require("react/jsx-runtime"),l=require("react"),_=require("./button-BjpvxeZ2.cjs.js"),E=require("./icon-button-D8tikX4p.cjs.js"),p=require("./menu-uJuT0jai.cjs.js"),N=require("./icon-Ep1rnhRT.cjs.js"),T=require("@chakra-ui/react"),o=require("./normalize-messages-DtVffO09.cjs.js"),O=require("@commercetools/nimbus-icons"),{withProvider:$,withContext:d}=T.createSlotRecipeContext({key:"nimbusSplitButton"}),k=$("div","root"),F=d("div","buttonGroup"),G=d("button","primaryButton"),K=d("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)},I=b=>{const S=o.useLocalizedStringFormatter(Q),{size:x="md",variant:m="solid",colorPalette:v,isDisabled:g=!1,"aria-label":D,onAction:a,isOpen:j,defaultOpen:y,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,s=>{M(s)&&t.push({content:s.props.children,isDisabled:s.props.isDisabled||!1,actionId:s.props.id}),A(s)&&e(s.props.children)})};return e(c),t.find(u=>!u.isDisabled)||t[0]||{content:S.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 n.jsx(k,{variant:m,"data-mode":"split",children:n.jsxs(F,{children:[n.jsx(G,{asChild:!0,children:n.jsxs(_.Button,{...f,isDisabled:R,onPress:P,children:[h&&n.jsx(N.Icon,{children:h}),i.content]})}),n.jsxs(p.Menu.Root,{trigger:"press",isOpen:j,defaultOpen:y,onOpenChange:C,placement:"bottom end",selectionMode:"none",onAction:a?t=>a(String(t)):void 0,children:[n.jsx(p.Menu.Trigger,{asChild:!0,children:n.jsx(K,{asChild:!0,children:n.jsx(E.IconButton,{...f,"aria-label":D,isDisabled:w,children:n.jsx(O.KeyboardArrowDown,{})})})}),n.jsx(p.Menu.Content,{children:c})]})]})})};I.displayName="SplitButton";exports.SplitButton=I;
-//# sourceMappingURL=split-button-DfqXSJFg.cjs.js.map
+"use strict";const n=require("react/jsx-runtime"),l=require("react"),_=require("./button-RZc0NaYO.cjs.js"),E=require("./icon-button-DAZjGSZC.cjs.js"),p=require("./menu-BznpT9eI.cjs.js"),N=require("./icon-Ep1rnhRT.cjs.js"),T=require("@chakra-ui/react"),o=require("./normalize-messages-DtVffO09.cjs.js"),O=require("@commercetools/nimbus-icons"),{withProvider:$,withContext:d}=T.createSlotRecipeContext({key:"nimbusSplitButton"}),k=$("div","root"),F=d("div","buttonGroup"),G=d("button","primaryButton"),K=d("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)},I=b=>{const S=o.useLocalizedStringFormatter(Q),{size:x="md",variant:m="solid",colorPalette:v,isDisabled:g=!1,"aria-label":D,onAction:a,isOpen:j,defaultOpen:y,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,s=>{M(s)&&t.push({content:s.props.children,isDisabled:s.props.isDisabled||!1,actionId:s.props.id}),A(s)&&e(s.props.children)})};return e(c),t.find(u=>!u.isDisabled)||t[0]||{content:S.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 n.jsx(k,{variant:m,"data-mode":"split",children:n.jsxs(F,{children:[n.jsx(G,{asChild:!0,children:n.jsxs(_.Button,{...f,isDisabled:R,onPress:P,children:[h&&n.jsx(N.Icon,{children:h}),i.content]})}),n.jsxs(p.Menu.Root,{trigger:"press",isOpen:j,defaultOpen:y,onOpenChange:C,placement:"bottom end",selectionMode:"none",onAction:a?t=>a(String(t)):void 0,children:[n.jsx(p.Menu.Trigger,{asChild:!0,children:n.jsx(K,{asChild:!0,children:n.jsx(E.IconButton,{...f,"aria-label":D,isDisabled:w,children:n.jsx(O.KeyboardArrowDown,{})})})}),n.jsx(p.Menu.Content,{children:c})]})]})})};I.displayName="SplitButton";exports.SplitButton=I;
+//# sourceMappingURL=split-button-Dpr5Ql8l.cjs.js.map

package/dist/chunks/{split-button-DfqXSJFg.cjs.js.map → split-button-Dpr5Ql8l.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"split-button-DfqXSJFg.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\";\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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"}
+{"version":3,"file":"split-button-Dpr5Ql8l.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\";\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-ZvTF2yI5.cjs.js → steps-D9soRVOM.cjs.js}

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

package/dist/chunks/{steps-ZvTF2yI5.cjs.js.map → steps-D9soRVOM.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"steps-ZvTF2yI5.cjs.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\";\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  Steps as ChakraSteps,\n  useSlotRecipe,\n  useBreakpointValue,\n  useChakraContext,\n  type SlotRecipeProps,\n} from \"@chakra-ui/react\";\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\";\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\";\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\";\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\";\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\";\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\";\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\";\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\";\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\";\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\";\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\";\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\";\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\";\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","child","cloneElement","StepsNextTrigger","StepsStatus","Steps"],"mappings":"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"}
+{"version":3,"file":"steps-D9soRVOM.cjs.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\";\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  Steps as ChakraSteps,\n  useSlotRecipe,\n  useBreakpointValue,\n  useChakraContext,\n  type SlotRecipeProps,\n} from \"@chakra-ui/react\";\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\";\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\";\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\";\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\";\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\";\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\";\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\";\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\";\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\";\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\";\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\";\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\";\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\";\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","child","cloneElement","StepsNextTrigger","StepsStatus","Steps"],"mappings":"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"}

package/dist/chunks/{steps-fe8b8aLL.es.js → steps-fn1a61eB.es.js}

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import { createSlotRecipeContext as F, useSlotRecipe as G, useChakraContext as H, useBreakpointValue as J, Steps as a, useStepsContext as m } from "@chakra-ui/react";
 import { useCallback as P, isValidElement as h, cloneElement as C } from "react";
-import { e as p } from "./extract-style-props-B7802mZ7.es.js";
+import { e as p } from "./extract-style-props-DycRTKUw.es.js";
 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) => {
@@ -304,4 +304,4 @@ export {
   R as m,
   T as n
 };
-//# sourceMappingURL=steps-fe8b8aLL.es.js.map
+//# sourceMappingURL=steps-fn1a61eB.es.js.map

package/dist/chunks/{steps-fe8b8aLL.es.js.map → steps-fn1a61eB.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"steps-fe8b8aLL.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\";\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  Steps as ChakraSteps,\n  useSlotRecipe,\n  useBreakpointValue,\n  useChakraContext,\n  type SlotRecipeProps,\n} from \"@chakra-ui/react\";\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\";\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\";\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\";\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\";\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\";\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\";\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\";\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\";\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\";\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\";\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\";\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\";\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\";\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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"}
+{"version":3,"file":"steps-fn1a61eB.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\";\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  Steps as ChakraSteps,\n  useSlotRecipe,\n  useBreakpointValue,\n  useChakraContext,\n  type SlotRecipeProps,\n} from \"@chakra-ui/react\";\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\";\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\";\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\";\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\";\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\";\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\";\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\";\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\";\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\";\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\";\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\";\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\";\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\";\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/{switch-CFe9-7oY.cjs.js → switch-B-Nshlie.cjs.js}

@@ -1,2 +1,2 @@
-"use strict";const t=require("react/jsx-runtime"),$=require("react"),f=require("@chakra-ui/react"),x=require("@chakra-ui/react/styled-system"),R=require("./extract-style-props-D01wBkp3.cjs.js"),q=require("./index-DIypcUoW.cjs.js"),w=require("./useObjectRef-4v2MxSjQ.cjs.js"),y=require("./mergeProps-BAXAqyMT.cjs.js"),m=require("./useToggleState-CKQxC8Yz.cjs.js"),j=require("./useToggle-D0yhCNgE.cjs.js"),g=require("./useFocusRing-D6OR62eN.cjs.js"),k=require("./visually-hidden-BrG70ba_.cjs.js");function v(s,e,c){let{labelProps:i,inputProps:l,isSelected:o,isPressed:a,isDisabled:n,isReadOnly:d}=j.$d2c8e2b0480f3f34$export$cbe85ee05b554577(s,e,c);return{labelProps:i,inputProps:{...l,role:"switch",checked:o},isSelected:o,isPressed:a,isDisabled:n,isReadOnly:d}}const{withProvider:D,withContext:u}=f.createSlotRecipeContext({key:"nimbusSwitch"}),O=D("label","root"),T=u("span","label"),C=u("span","track"),F=u("span","thumb"),b=({ref:s,...e})=>{const c=$.useRef(null),i=w.$df56164dff5785e2$export$4338b53315abf666(s?f.mergeRefs(c,s):c),l=x.useSlotRecipe({recipe:q.switchSlotRecipe}),[o,a]=l.splitVariantProps(e),[n,d]=R.extractStyleProps(a),p=m.$3017fa7ffdddec74$export$8042c6c013fd5226(e),{inputProps:S}=v(d,p,i),{isFocused:h,focusProps:P}=g.$f7dceffc5ad7768b$export$4e328f61c538687f(),r={"data-selected":p.isSelected,"data-invalid":e.isInvalid,"data-disabled":e.isDisabled,"data-focus":h||void 0};return t.jsxs(O,{"data-slot":"root",...o,...r,...n,children:[t.jsxs(C,{"data-slot":"track",...r,children:[t.jsx(F,{"data-slot":"thumb",...r}),t.jsx(k.VisuallyHidden,{as:"span",children:t.jsx("input",{"data-slot":"input",...y.$3ef42575df84b30b$export$9d1611c77c2fe928(S,P),ref:i})})]}),e.children&&t.jsx(T,{"data-slot":"label",...r,children:e.children})]})};b.displayName="Switch";exports.Switch=b;
-//# sourceMappingURL=switch-CFe9-7oY.cjs.js.map
+"use strict";const t=require("react/jsx-runtime"),$=require("react"),f=require("@chakra-ui/react"),x=require("@chakra-ui/react/styled-system"),R=require("./extract-style-props-Ct7Gz3Mt.cjs.js"),q=require("./index-DqvhN7j3.cjs.js"),w=require("./useObjectRef-4v2MxSjQ.cjs.js"),y=require("./mergeProps-BAXAqyMT.cjs.js"),m=require("./useToggleState-CKQxC8Yz.cjs.js"),j=require("./useToggle-D0yhCNgE.cjs.js"),g=require("./useFocusRing-D6OR62eN.cjs.js"),k=require("./visually-hidden-BrG70ba_.cjs.js");function v(s,e,c){let{labelProps:i,inputProps:l,isSelected:o,isPressed:a,isDisabled:n,isReadOnly:d}=j.$d2c8e2b0480f3f34$export$cbe85ee05b554577(s,e,c);return{labelProps:i,inputProps:{...l,role:"switch",checked:o},isSelected:o,isPressed:a,isDisabled:n,isReadOnly:d}}const{withProvider:D,withContext:u}=f.createSlotRecipeContext({key:"nimbusSwitch"}),O=D("label","root"),T=u("span","label"),C=u("span","track"),F=u("span","thumb"),b=({ref:s,...e})=>{const c=$.useRef(null),i=w.$df56164dff5785e2$export$4338b53315abf666(s?f.mergeRefs(c,s):c),l=x.useSlotRecipe({recipe:q.switchSlotRecipe}),[o,a]=l.splitVariantProps(e),[n,d]=R.extractStyleProps(a),p=m.$3017fa7ffdddec74$export$8042c6c013fd5226(e),{inputProps:S}=v(d,p,i),{isFocused:h,focusProps:P}=g.$f7dceffc5ad7768b$export$4e328f61c538687f(),r={"data-selected":p.isSelected,"data-invalid":e.isInvalid,"data-disabled":e.isDisabled,"data-focus":h||void 0};return t.jsxs(O,{"data-slot":"root",...o,...r,...n,children:[t.jsxs(C,{"data-slot":"track",...r,children:[t.jsx(F,{"data-slot":"thumb",...r}),t.jsx(k.VisuallyHidden,{as:"span",children:t.jsx("input",{"data-slot":"input",...y.$3ef42575df84b30b$export$9d1611c77c2fe928(S,P),ref:i})})]}),e.children&&t.jsx(T,{"data-slot":"label",...r,children:e.children})]})};b.displayName="Switch";exports.Switch=b;
+//# sourceMappingURL=switch-B-Nshlie.cjs.js.map

package/dist/chunks/{switch-CFe9-7oY.cjs.js.map → switch-B-Nshlie.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"switch-CFe9-7oY.cjs.js","sources":["../../../../node_modules/.pnpm/@react-aria+switch@3.7.10_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@react-aria/switch/dist/useSwitch.mjs","../../src/components/switch/switch.slots.tsx","../../src/components/switch/switch.tsx"],"sourcesContent":["import {useToggle as $ifSyJ$useToggle} from \"@react-aria/toggle\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \nfunction $b418ec0c85c52f27$export$d853f7095ae95f88(props, state, ref) {\n    let { labelProps: labelProps, inputProps: inputProps, isSelected: isSelected, isPressed: isPressed, isDisabled: isDisabled, isReadOnly: isReadOnly } = (0, $ifSyJ$useToggle)(props, state, ref);\n    return {\n        labelProps: labelProps,\n        inputProps: {\n            ...inputProps,\n            role: 'switch',\n            checked: isSelected\n        },\n        isSelected: isSelected,\n        isPressed: isPressed,\n        isDisabled: isDisabled,\n        isReadOnly: isReadOnly\n    };\n}\n\n\nexport {$b418ec0c85c52f27$export$d853f7095ae95f88 as useSwitch};\n//# sourceMappingURL=useSwitch.module.js.map\n","import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type {\n  SwitchRootSlotProps,\n  SwitchLabelSlotProps,\n  SwitchTrackSlotProps,\n  SwitchThumbSlotProps,\n} from \"./switch.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusSwitch\",\n});\n\nexport const SwitchRootSlot: SlotComponent<\n  HTMLLabelElement,\n  SwitchRootSlotProps\n> = withProvider<HTMLLabelElement, SwitchRootSlotProps>(\"label\", \"root\");\n\nexport const SwitchLabelSlot = withContext<\n  HTMLSpanElement,\n  SwitchLabelSlotProps\n>(\"span\", \"label\");\n\nexport const SwitchTrackSlot = withContext<\n  HTMLSpanElement,\n  SwitchTrackSlotProps\n>(\"span\", \"track\");\n\nexport const SwitchThumbSlot = withContext<\n  HTMLSpanElement,\n  SwitchThumbSlotProps\n>(\"span\", \"thumb\");\n","import { useRef } from \"react\";\nimport { useToggleState } from \"react-stately\";\nimport { useFocusRing, useSwitch, useObjectRef, mergeProps } from \"react-aria\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { VisuallyHidden } from \"@/components\";\nimport { extractStyleProps } from \"@/utils\";\nimport type { SwitchProps } from \"./switch.types\";\nimport {\n  SwitchRootSlot,\n  SwitchTrackSlot,\n  SwitchThumbSlot,\n  SwitchLabelSlot,\n} from \"./switch.slots\";\nimport { switchSlotRecipe } from \"./switch.recipe\";\n\n/**\n * # Switch\n *\n * A clear, visual toggle, allowing users to activate or deactivate a setting quickly.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/switch}\n */\nexport const Switch = ({ ref: externalRef, ...props }: SwitchProps) => {\n  const localRef = useRef<HTMLInputElement>(null);\n  const ref = useObjectRef(\n    externalRef ? mergeRefs(localRef, externalRef) : localRef\n  );\n\n  const recipe = useSlotRecipe({ recipe: switchSlotRecipe });\n\n  const [recipeProps, recipeLessProps] = recipe.splitVariantProps(props);\n  const [styleProps, functionalProps] = extractStyleProps(recipeLessProps);\n\n  const state = useToggleState(props);\n  const { inputProps } = useSwitch(functionalProps, state, ref);\n\n  const { isFocused, focusProps } = useFocusRing();\n\n  const stateProps = {\n    \"data-selected\": state.isSelected,\n    \"data-invalid\": props.isInvalid,\n    \"data-disabled\": props.isDisabled,\n    \"data-focus\": isFocused || undefined,\n  };\n  return (\n    <SwitchRootSlot\n      data-slot=\"root\"\n      {...recipeProps}\n      {...stateProps}\n      {...styleProps}\n    >\n      <SwitchTrackSlot data-slot=\"track\" {...stateProps}>\n        <SwitchThumbSlot data-slot=\"thumb\" {...stateProps} />\n        <VisuallyHidden as=\"span\">\n          <input\n            data-slot=\"input\"\n            {...mergeProps(inputProps, focusProps)}\n            ref={ref}\n          />\n        </VisuallyHidden>\n      </SwitchTrackSlot>\n\n      {props.children && (\n        <SwitchLabelSlot data-slot=\"label\" {...stateProps}>\n          {props.children}\n        </SwitchLabelSlot>\n      )}\n    </SwitchRootSlot>\n  );\n};\nSwitch.displayName = \"Switch\";\n"],"names":["$b418ec0c85c52f27$export$d853f7095ae95f88","props","state","ref","labelProps","inputProps","isSelected","isPressed","isDisabled","isReadOnly","$ifSyJ$useToggle","withProvider","withContext","createSlotRecipeContext","SwitchRootSlot","SwitchLabelSlot","SwitchTrackSlot","SwitchThumbSlot","Switch","externalRef","localRef","useRef","useObjectRef","mergeRefs","recipe","useSlotRecipe","switchSlotRecipe","recipeProps","recipeLessProps","styleProps","functionalProps","extractStyleProps","useToggleState","useSwitch","isFocused","focusProps","useFocusRing","stateProps","jsxs","jsx","VisuallyHidden","mergeProps"],"mappings":"+eAaA,SAASA,EAA0CC,EAAOC,EAAOC,EAAK,CAClE,GAAI,CAAE,WAAYC,EAAY,WAAYC,EAAY,WAAYC,EAAY,UAAWC,EAAW,WAAYC,EAAY,WAAYC,CAAU,EAASC,EAAAA,0CAAkBT,EAAOC,EAAOC,CAAG,EAC9L,MAAO,CACH,WAAYC,EACZ,WAAY,CACR,GAAGC,EACH,KAAM,SACN,QAASC,CACrB,EACQ,WAAYA,EACZ,UAAWC,EACX,WAAYC,EACZ,WAAYC,CACpB,CACA,CClBA,KAAM,CAAE,aAAAE,EAAc,YAAAC,CAAA,EAAgBC,0BAAwB,CAC5D,IAAK,cACP,CAAC,EAEYC,EAGTH,EAAoD,QAAS,MAAM,EAE1DI,EAAkBH,EAG7B,OAAQ,OAAO,EAEJI,EAAkBJ,EAG7B,OAAQ,OAAO,EAEJK,EAAkBL,EAG7B,OAAQ,OAAO,ECRJM,EAAS,CAAC,CAAE,IAAKC,EAAa,GAAGlB,KAAyB,CACrE,MAAMmB,EAAWC,EAAAA,OAAyB,IAAI,EACxClB,EAAMmB,EAAAA,0CACVH,EAAcI,EAAAA,UAAUH,EAAUD,CAAW,EAAIC,CAAA,EAG7CI,EAASC,EAAAA,cAAc,CAAE,OAAQC,EAAAA,iBAAkB,EAEnD,CAACC,EAAaC,CAAe,EAAIJ,EAAO,kBAAkBvB,CAAK,EAC/D,CAAC4B,EAAYC,CAAe,EAAIC,EAAAA,kBAAkBH,CAAe,EAEjE1B,EAAQ8B,EAAAA,0CAAe/B,CAAK,EAC5B,CAAE,WAAAI,CAAA,EAAe4B,EAAUH,EAAiB5B,EAAOC,CAAG,EAEtD,CAAE,UAAA+B,EAAW,WAAAC,CAAA,EAAeC,4CAAA,EAE5BC,EAAa,CACjB,gBAAiBnC,EAAM,WACvB,eAAgBD,EAAM,UACtB,gBAAiBA,EAAM,WACvB,aAAciC,GAAa,MAAA,EAE7B,OACEI,EAAAA,KAACxB,EAAA,CACC,YAAU,OACT,GAAGa,EACH,GAAGU,EACH,GAAGR,EAEJ,SAAA,CAAAS,EAAAA,KAACtB,EAAA,CAAgB,YAAU,QAAS,GAAGqB,EACrC,SAAA,CAAAE,EAAAA,IAACtB,EAAA,CAAgB,YAAU,QAAS,GAAGoB,CAAA,CAAY,EACnDE,EAAAA,IAACC,EAAAA,eAAA,CAAe,GAAG,OACjB,SAAAD,EAAAA,IAAC,QAAA,CACC,YAAU,QACT,GAAGE,EAAAA,0CAAWpC,EAAY8B,CAAU,EACrC,IAAAhC,CAAA,CAAA,CACF,CACF,CAAA,EACF,EAECF,EAAM,UACLsC,MAACxB,EAAA,CAAgB,YAAU,QAAS,GAAGsB,EACpC,SAAApC,EAAM,QAAA,CACT,CAAA,CAAA,CAAA,CAIR,EACAiB,EAAO,YAAc","x_google_ignoreList":[0]}
+{"version":3,"file":"switch-B-Nshlie.cjs.js","sources":["../../../../node_modules/.pnpm/@react-aria+switch@3.7.10_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@react-aria/switch/dist/useSwitch.mjs","../../src/components/switch/switch.slots.tsx","../../src/components/switch/switch.tsx"],"sourcesContent":["import {useToggle as $ifSyJ$useToggle} from \"@react-aria/toggle\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \nfunction $b418ec0c85c52f27$export$d853f7095ae95f88(props, state, ref) {\n    let { labelProps: labelProps, inputProps: inputProps, isSelected: isSelected, isPressed: isPressed, isDisabled: isDisabled, isReadOnly: isReadOnly } = (0, $ifSyJ$useToggle)(props, state, ref);\n    return {\n        labelProps: labelProps,\n        inputProps: {\n            ...inputProps,\n            role: 'switch',\n            checked: isSelected\n        },\n        isSelected: isSelected,\n        isPressed: isPressed,\n        isDisabled: isDisabled,\n        isReadOnly: isReadOnly\n    };\n}\n\n\nexport {$b418ec0c85c52f27$export$d853f7095ae95f88 as useSwitch};\n//# sourceMappingURL=useSwitch.module.js.map\n","import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type {\n  SwitchRootSlotProps,\n  SwitchLabelSlotProps,\n  SwitchTrackSlotProps,\n  SwitchThumbSlotProps,\n} from \"./switch.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusSwitch\",\n});\n\nexport const SwitchRootSlot: SlotComponent<\n  HTMLLabelElement,\n  SwitchRootSlotProps\n> = withProvider<HTMLLabelElement, SwitchRootSlotProps>(\"label\", \"root\");\n\nexport const SwitchLabelSlot = withContext<\n  HTMLSpanElement,\n  SwitchLabelSlotProps\n>(\"span\", \"label\");\n\nexport const SwitchTrackSlot = withContext<\n  HTMLSpanElement,\n  SwitchTrackSlotProps\n>(\"span\", \"track\");\n\nexport const SwitchThumbSlot = withContext<\n  HTMLSpanElement,\n  SwitchThumbSlotProps\n>(\"span\", \"thumb\");\n","import { useRef } from \"react\";\nimport { useToggleState } from \"react-stately\";\nimport { useFocusRing, useSwitch, useObjectRef, mergeProps } from \"react-aria\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { VisuallyHidden } from \"@/components\";\nimport { extractStyleProps } from \"@/utils\";\nimport type { SwitchProps } from \"./switch.types\";\nimport {\n  SwitchRootSlot,\n  SwitchTrackSlot,\n  SwitchThumbSlot,\n  SwitchLabelSlot,\n} from \"./switch.slots\";\nimport { switchSlotRecipe } from \"./switch.recipe\";\n\n/**\n * # Switch\n *\n * A clear, visual toggle, allowing users to activate or deactivate a setting quickly.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/switch}\n */\nexport const Switch = ({ ref: externalRef, ...props }: SwitchProps) => {\n  const localRef = useRef<HTMLInputElement>(null);\n  const ref = useObjectRef(\n    externalRef ? mergeRefs(localRef, externalRef) : localRef\n  );\n\n  const recipe = useSlotRecipe({ recipe: switchSlotRecipe });\n\n  const [recipeProps, recipeLessProps] = recipe.splitVariantProps(props);\n  const [styleProps, functionalProps] = extractStyleProps(recipeLessProps);\n\n  const state = useToggleState(props);\n  const { inputProps } = useSwitch(functionalProps, state, ref);\n\n  const { isFocused, focusProps } = useFocusRing();\n\n  const stateProps = {\n    \"data-selected\": state.isSelected,\n    \"data-invalid\": props.isInvalid,\n    \"data-disabled\": props.isDisabled,\n    \"data-focus\": isFocused || undefined,\n  };\n  return (\n    <SwitchRootSlot\n      data-slot=\"root\"\n      {...recipeProps}\n      {...stateProps}\n      {...styleProps}\n    >\n      <SwitchTrackSlot data-slot=\"track\" {...stateProps}>\n        <SwitchThumbSlot data-slot=\"thumb\" {...stateProps} />\n        <VisuallyHidden as=\"span\">\n          <input\n            data-slot=\"input\"\n            {...mergeProps(inputProps, focusProps)}\n            ref={ref}\n          />\n        </VisuallyHidden>\n      </SwitchTrackSlot>\n\n      {props.children && (\n        <SwitchLabelSlot data-slot=\"label\" {...stateProps}>\n          {props.children}\n        </SwitchLabelSlot>\n      )}\n    </SwitchRootSlot>\n  );\n};\nSwitch.displayName = \"Switch\";\n"],"names":["$b418ec0c85c52f27$export$d853f7095ae95f88","props","state","ref","labelProps","inputProps","isSelected","isPressed","isDisabled","isReadOnly","$ifSyJ$useToggle","withProvider","withContext","createSlotRecipeContext","SwitchRootSlot","SwitchLabelSlot","SwitchTrackSlot","SwitchThumbSlot","Switch","externalRef","localRef","useRef","useObjectRef","mergeRefs","recipe","useSlotRecipe","switchSlotRecipe","recipeProps","recipeLessProps","styleProps","functionalProps","extractStyleProps","useToggleState","useSwitch","isFocused","focusProps","useFocusRing","stateProps","jsxs","jsx","VisuallyHidden","mergeProps"],"mappings":"+eAaA,SAASA,EAA0CC,EAAOC,EAAOC,EAAK,CAClE,GAAI,CAAE,WAAYC,EAAY,WAAYC,EAAY,WAAYC,EAAY,UAAWC,EAAW,WAAYC,EAAY,WAAYC,CAAU,EAASC,EAAAA,0CAAkBT,EAAOC,EAAOC,CAAG,EAC9L,MAAO,CACH,WAAYC,EACZ,WAAY,CACR,GAAGC,EACH,KAAM,SACN,QAASC,CACrB,EACQ,WAAYA,EACZ,UAAWC,EACX,WAAYC,EACZ,WAAYC,CACpB,CACA,CClBA,KAAM,CAAE,aAAAE,EAAc,YAAAC,CAAA,EAAgBC,0BAAwB,CAC5D,IAAK,cACP,CAAC,EAEYC,EAGTH,EAAoD,QAAS,MAAM,EAE1DI,EAAkBH,EAG7B,OAAQ,OAAO,EAEJI,EAAkBJ,EAG7B,OAAQ,OAAO,EAEJK,EAAkBL,EAG7B,OAAQ,OAAO,ECRJM,EAAS,CAAC,CAAE,IAAKC,EAAa,GAAGlB,KAAyB,CACrE,MAAMmB,EAAWC,EAAAA,OAAyB,IAAI,EACxClB,EAAMmB,EAAAA,0CACVH,EAAcI,EAAAA,UAAUH,EAAUD,CAAW,EAAIC,CAAA,EAG7CI,EAASC,EAAAA,cAAc,CAAE,OAAQC,EAAAA,iBAAkB,EAEnD,CAACC,EAAaC,CAAe,EAAIJ,EAAO,kBAAkBvB,CAAK,EAC/D,CAAC4B,EAAYC,CAAe,EAAIC,EAAAA,kBAAkBH,CAAe,EAEjE1B,EAAQ8B,EAAAA,0CAAe/B,CAAK,EAC5B,CAAE,WAAAI,CAAA,EAAe4B,EAAUH,EAAiB5B,EAAOC,CAAG,EAEtD,CAAE,UAAA+B,EAAW,WAAAC,CAAA,EAAeC,4CAAA,EAE5BC,EAAa,CACjB,gBAAiBnC,EAAM,WACvB,eAAgBD,EAAM,UACtB,gBAAiBA,EAAM,WACvB,aAAciC,GAAa,MAAA,EAE7B,OACEI,EAAAA,KAACxB,EAAA,CACC,YAAU,OACT,GAAGa,EACH,GAAGU,EACH,GAAGR,EAEJ,SAAA,CAAAS,EAAAA,KAACtB,EAAA,CAAgB,YAAU,QAAS,GAAGqB,EACrC,SAAA,CAAAE,EAAAA,IAACtB,EAAA,CAAgB,YAAU,QAAS,GAAGoB,CAAA,CAAY,EACnDE,EAAAA,IAACC,EAAAA,eAAA,CAAe,GAAG,OACjB,SAAAD,EAAAA,IAAC,QAAA,CACC,YAAU,QACT,GAAGE,EAAAA,0CAAWpC,EAAY8B,CAAU,EACrC,IAAAhC,CAAA,CAAA,CACF,CACF,CAAA,EACF,EAECF,EAAM,UACLsC,MAACxB,EAAA,CAAgB,YAAU,QAAS,GAAGsB,EACpC,SAAApC,EAAM,QAAA,CACT,CAAA,CAAA,CAAA,CAIR,EACAiB,EAAO,YAAc","x_google_ignoreList":[0]}

package/dist/chunks/{switch-e_JZ3m3w.es.js → switch-CbO7p2uX.es.js}

@@ -2,8 +2,8 @@ import { jsxs as m, jsx as c } from "react/jsx-runtime";
 import { useRef as u } from "react";
 import { createSlotRecipeContext as S, mergeRefs as P } from "@chakra-ui/react";
 import { useSlotRecipe as w } from "@chakra-ui/react/styled-system";
-import { e as x } from "./extract-style-props-B7802mZ7.es.js";
-import { e as R } from "./index-mX0_y2zc.es.js";
+import { e as x } from "./extract-style-props-DycRTKUw.es.js";
+import { c as R } from "./index-2OfbaOAd.es.js";
 import { $ as y } from "./useObjectRef-CaJ5pgjX.es.js";
 import { a as k } from "./mergeProps-Dg8WqJiN.es.js";
 import { $ as v } from "./useToggleState-DWm4nWJh.es.js";
@@ -64,4 +64,4 @@ H.displayName = "Switch";
 export {
   H as S
 };
-//# sourceMappingURL=switch-e_JZ3m3w.es.js.map
+//# sourceMappingURL=switch-CbO7p2uX.es.js.map