@commercetools/nimbus 3.3.0 → 3.5.0

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

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

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

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

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

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

package/dist/chunks/stack-D0obj5JC.esm.js

@@ -1,15 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { Stack as t } from "@chakra-ui/react/stack";
-//#region src/components/stack/stack.tsx
-var n = (n) => {
-	let { ref: r, ...i } = n;
-	return /* @__PURE__ */ e(t, {
-		ref: r,
-		...i
-	});
-};
-n.displayName = "Stack";
-//#endregion
-export { n as t };
-
-//# sourceMappingURL=stack-D0obj5JC.esm.js.map

package/dist/chunks/stack-D0obj5JC.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stack-D0obj5JC.esm.js","names":[],"sources":["../../src/components/stack/stack.tsx"],"sourcesContent":["import { Stack as ChakraStack } from \"@chakra-ui/react/stack\";\nimport type { StackProps } from \"./stack.types\";\n\n/**\n * # Stack\n *\n * An easily customizable Stack component, re-exported from Chakra UI, that provides a consistent layout structure across different products.\n *\n * @supportsStyleProps\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/layout/stack}\n */\nexport const Stack = (props: StackProps) => {\n  const { ref, ...restProps } = props;\n  return <ChakraStack ref={ref} {...restProps} />;\n};\n\nStack.displayName = \"Stack\";\n"],"mappings":";;;AAYA,IAAa,KAAS,MAAsB;CAC1C,IAAM,EAAE,QAAK,GAAG,MAAc;CAC9B,OAAO,kBAAC,GAAD;EAAkB;EAAK,GAAI;CAAY,CAAA;AAChD;AAEA,EAAM,cAAc"}

package/dist/chunks/steps-BLrpE2PL.cjs

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

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

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

package/dist/chunks/steps-OnZi-T9x.esm.js

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

package/dist/chunks/steps-OnZi-T9x.esm.js.map

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

package/dist/chunks/switch-BPk30JYZ.cjs

@@ -1,2 +0,0 @@
-const e=require("./mergeProps-B4zz6EqI.cjs.js"),t=require("./useFocusable-OFsWUWgb.cjs.js"),n=require("./useObjectRef-B_VeQHvx.cjs.js"),r=require("./useToggle-DOG2OJN_.cjs.js"),i=require("./useToggleState-qNV7GBG-.cjs.js"),a=require("./useFocusRing-Bx86kFi9.cjs.js"),o=require("./theme-tOoHVZZ6.cjs.js"),s=require("./visually-hidden-CnOICq5t.cjs.js"),c=require("./extract-style-props-CA1O0IF2.cjs.js"),l=require("./merge-refs-DjTl2ATo.cjs.js");let u=require("react"),d=require("react/jsx-runtime"),f=require("@chakra-ui/react/styled-system");function p(e,t,n){let{labelProps:i,inputProps:a,isSelected:o,...s}=r.t(e,t,n);return{labelProps:i,inputProps:{...a,role:`switch`,checked:o},isSelected:o,...s}}var{withProvider:m,withContext:h}=(0,f.createSlotRecipeContext)({key:`nimbusSwitch`}),g=m(`label`,`root`),_=h(`span`,`label`),v=h(`span`,`track`),y=h(`span`,`thumb`),b=({ref:r,...m})=>{let h=(0,u.useRef)(null),b=n.t(r?l.t(h,r):h),[x,S]=(0,f.useSlotRecipe)({recipe:o.i}).splitVariantProps(m),[C,w]=c.t(S),T=m[`aria-disabled`]===!0||m[`aria-disabled`]===`true`,E=i.t(m),{inputProps:D}=p(w,E,b),{isFocused:O,focusProps:k}=a.t(),A=(0,u.useRef)(null),{focusableProps:j}=t.n({excludeFromTabOrder:!0},A),M={"data-selected":E.isSelected,"data-invalid":m.isInvalid,"data-disabled":m.isDisabled||T,"data-focus":O||void 0};return(0,d.jsxs)(g,{"data-slot":`root`,...x,...M,...C,...j,...T&&{"data-allow-pointer":!0},ref:A,children:[(0,d.jsxs)(v,{"data-slot":`track`,...M,children:[(0,d.jsx)(y,{"data-slot":`thumb`,...M}),(0,d.jsx)(s.t,{as:`span`,children:(0,d.jsx)(`input`,{"data-slot":`input`,...e.t(D,k),...T&&{disabled:!0},ref:b})})]}),m.children&&(0,d.jsx)(_,{"data-slot":`label`,...M,children:m.children})]})};b.displayName=`Switch`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return b}});
-//# sourceMappingURL=switch-BPk30JYZ.cjs.js.map

package/dist/chunks/switch-BPk30JYZ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"switch-BPk30JYZ.cjs.js","names":["$876b6f32ca5a04c3$export$cbe85ee05b554577"],"sources":["../../../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/switch/useSwitch.mjs","../../src/components/switch/switch.slots.tsx","../../src/components/switch/switch.tsx"],"sourcesContent":["import {useToggle as $876b6f32ca5a04c3$export$cbe85ee05b554577} from \"../toggle/useToggle.mjs\";\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 $08312b2089c5b722$export$d853f7095ae95f88(props, state, ref) {\n    let { labelProps: labelProps, inputProps: inputProps, isSelected: isSelected, ...states } = (0, $876b6f32ca5a04c3$export$cbe85ee05b554577)(props, state, ref);\n    return {\n        labelProps: labelProps,\n        inputProps: {\n            ...inputProps,\n            role: 'switch',\n            checked: isSelected\n        },\n        isSelected: isSelected,\n        ...states\n    };\n}\n\n\nexport {$08312b2089c5b722$export$d853f7095ae95f88 as useSwitch};\n//# sourceMappingURL=useSwitch.mjs.map\n","import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\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 {\n  useFocusRing,\n  useSwitch,\n  useObjectRef,\n  useFocusable,\n  mergeProps,\n} from \"react-aria\";\nimport { extractStyleProps, mergeRefs } from \"@/utils\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { VisuallyHidden } from \"@/components\";\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 isAriaDisabled =\n    props[\"aria-disabled\"] === true || props[\"aria-disabled\"] === \"true\";\n\n  const state = useToggleState(props);\n  const { inputProps } = useSwitch(functionalProps, state, ref);\n\n  const { isFocused, focusProps } = useFocusRing();\n\n  // Enable tooltip trigger support: reads from FocusableContext (set by Tooltip.Root)\n  // to apply hover/focus handlers to the visible label element. No-op outside tooltips.\n  // Must be called after useSwitch so the ref sync targets rootRef, not the hidden input.\n  const rootRef = useRef<HTMLLabelElement>(null);\n  const { focusableProps } = useFocusable(\n    { excludeFromTabOrder: true },\n    rootRef\n  );\n\n  const stateProps = {\n    \"data-selected\": state.isSelected,\n    \"data-invalid\": props.isInvalid,\n    \"data-disabled\": props.isDisabled || isAriaDisabled,\n    \"data-focus\": isFocused || undefined,\n  };\n  return (\n    <SwitchRootSlot\n      data-slot=\"root\"\n      {...recipeProps}\n      {...stateProps}\n      {...styleProps}\n      {...focusableProps}\n      {...(isAriaDisabled && { \"data-allow-pointer\": true })}\n      ref={rootRef}\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            {...(isAriaDisabled && { disabled: true })}\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"],"x_google_ignoreList":[0],"mappings":"8hBAaA,SAAS,EAA0C,EAAO,EAAO,EAAK,CAClE,GAAI,CAAc,aAAwB,aAAwB,aAAY,GAAG,GAAeA,EAAAA,EAA2C,EAAO,EAAO,CAAG,EAC5J,MAAO,CACS,aACZ,WAAY,CACR,GAAG,EACH,KAAM,SACN,QAAS,CACb,EACY,aACZ,GAAG,CACP,CACJ,CChBA,GAAM,CAAE,eAAc,gBAAA,EAAA,EAAA,wBAAA,CAAwC,CAC5D,IAAK,cACP,CAAC,EAEY,EAGT,EAAoD,QAAS,MAAM,EAE1D,EAAkB,EAG7B,OAAQ,OAAO,EAEJ,EAAkB,EAG7B,OAAQ,OAAO,EAEJ,EAAkB,EAG7B,OAAQ,OAAO,ECHJ,GAAU,CAAE,IAAK,EAAa,GAAG,KAAyB,CACrE,IAAM,GAAA,EAAA,EAAA,OAAA,CAAoC,IAAI,EACxC,EAAM,EAAA,EACV,EAAc,EAAA,EAAU,EAAU,CAAW,EAAI,CACnD,EAIM,CAAC,EAAa,IAAA,EAAA,EAAA,cAAA,CAFS,CAAE,OAAQ,EAAA,CAAiB,CAEjB,CAAA,CAAO,kBAAkB,CAAK,EAC/D,CAAC,EAAY,GAAmB,EAAA,EAAkB,CAAe,EAEjE,EACJ,EAAM,mBAAqB,IAAQ,EAAM,mBAAqB,OAE1D,EAAQ,EAAA,EAAe,CAAK,EAC5B,CAAE,cAAe,EAAU,EAAiB,EAAO,CAAG,EAEtD,CAAE,YAAW,cAAe,EAAA,EAAa,EAKzC,GAAA,EAAA,EAAA,OAAA,CAAmC,IAAI,EACvC,CAAE,kBAAmB,EAAA,EACzB,CAAE,oBAAqB,EAAK,EAC5B,CACF,EAEM,EAAa,CACjB,gBAAiB,EAAM,WACvB,eAAgB,EAAM,UACtB,gBAAiB,EAAM,YAAc,EACrC,aAAc,GAAa,IAAA,EAC7B,EACA,OACE,EAAA,EAAA,KAAA,CAAC,EAAD,CACE,YAAU,OACV,GAAI,EACJ,GAAI,EACJ,GAAI,EACJ,GAAI,EACJ,GAAK,GAAkB,CAAE,qBAAsB,EAAK,EACpD,IAAK,WAPP,EASE,EAAA,EAAA,KAAA,CAAC,EAAD,CAAiB,YAAU,QAAQ,GAAI,WAAvC,EACE,EAAA,EAAA,IAAA,CAAC,EAAD,CAAiB,YAAU,QAAQ,GAAI,CAAa,CAAA,GACpD,EAAA,EAAA,IAAA,CAAC,EAAA,EAAD,CAAgB,GAAG,iBACjB,EAAA,EAAA,IAAA,CAAC,QAAD,CACE,YAAU,QACV,GAAI,EAAA,EAAW,EAAY,CAAU,EACrC,GAAK,GAAkB,CAAE,SAAU,EAAK,EACnC,KACN,CAAA,CACa,CAAA,CACD,IAEhB,EAAM,WACL,EAAA,EAAA,IAAA,CAAC,EAAD,CAAiB,YAAU,QAAQ,GAAI,WACpC,EAAM,QACQ,CAAA,CAEL,GAEpB,EACA,EAAO,YAAc"}