@commercetools/nimbus 2.11.0 → 3.1.0

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

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

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

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

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

@@ -0,0 +1,15 @@
+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

@@ -0,0 +1 @@
+{"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/stack-MlK9aGs9.cjs

@@ -0,0 +1,2 @@
+let e=require("react/jsx-runtime"),t=require("@chakra-ui/react/stack");var n=n=>{let{ref:r,...i}=n;return(0,e.jsx)(t.Stack,{ref:r,...i})};n.displayName=`Stack`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return n}});
+//# sourceMappingURL=stack-MlK9aGs9.cjs.js.map

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

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

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

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

package/dist/chunks/steps-BIyyjnCO.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"steps-BIyyjnCO.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/steps-qCukp79w.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"steps-qCukp79w.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/switch-B40zs7b3.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch-B40zs7b3.cjs.js","names":["$876b6f32ca5a04c3$export$cbe85ee05b554577"],"sources":["../../../../node_modules/.pnpm/react-aria@3.49.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,yBAAwC,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,QAAoC,IAAI,EACxC,EAAM,EAAA,EACV,EAAc,EAAA,EAAU,EAAU,CAAW,EAAI,CACnD,EAIM,CAAC,EAAa,IAAA,EAAA,EAAA,eAFS,CAAE,OAAQ,EAAA,CAAiB,CAEjB,EAAO,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,QAAmC,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,MAAC,EAAD,CACE,YAAU,OACV,GAAI,EACJ,GAAI,EACJ,GAAI,EACJ,GAAI,EACJ,GAAK,GAAkB,CAAE,qBAAsB,EAAK,EACpD,IAAK,WAPP,EASE,EAAA,EAAA,MAAC,EAAD,CAAiB,YAAU,QAAQ,GAAI,WAAvC,EACE,EAAA,EAAA,KAAC,EAAD,CAAiB,YAAU,QAAQ,GAAI,CAAa,CAAA,GACpD,EAAA,EAAA,KAAC,EAAA,EAAD,CAAgB,GAAG,iBACjB,EAAA,EAAA,KAAC,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,KAAC,EAAD,CAAiB,YAAU,QAAQ,GAAI,WACpC,EAAM,QACQ,CAAA,CAEL,GAEpB,EACA,EAAO,YAAc"}