@commercetools/nimbus 3.1.0 → 3.2.0

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"steps-CUDfUFsh.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":";;;;;;;AAOA,IAAM,EAAE,iBAAc,mBAAgB,EAAwB,EAC5D,KAAK,cACP,CAAC,GAEY,IACX,EAAiD,OAAO,MAAM,GAEnD,IAAgB,EAG3B,OAAO,MAAM,GAEF,IAAgB,EAG3B,OAAO,MAAM,GAEF,IAAmB,EAG9B,UAAU,SAAS,GAER,IAAqB,EAGhC,OAAO,WAAW,GAEP,IAAkB,EAG7B,OAAO,QAAQ,GAEJ,IAAiB,EAG5B,OAAO,OAAO,GAEH,IAAuB,EAGlC,OAAO,aAAa,GAET,IAAqB,EAGhC,OAAO,WAAW,GAEP,IAAmB,EAG9B,OAAO,SAAS,GAEL,IAA4B,EAGvC,OAAO,kBAAkB;AAES,EAGlC,UAAU,aAAa,GAEW,EAGlC,UAAU,aAAa;;;ACvCzB,IAAa,KAAa,MAA0B;CAClD,IAAM,EACJ,KAAK,GACL,UACA,gBACA,SACA,iBACA,mBACA,WACA,UAAO,MACP,iBAAc,cACd,aACA,GAAG,MACD,GAGE,CAAC,GAAa,KADL,EAAc,EAAE,KAAK,cAAc,CACZ,EAAO,kBAAkB;EAC7D;EACA;EACA,GAAG;CACL,CAAC,GAEK,CAAC,GAAY,KAAmB,EAAkB,CAAc,GAUhE,IAAwB,EANf,EACe,EAAO,eAAe,CAMlD,CACF,GACM,IACJ,OAAO,KAA0B,WAC7B,IACA,OAAO,KAAgB,WACrB,IACA,cAKF,EAEJ,aAAa,GACb,GAAG,MACD;CAIJ,OACE,kBAAC,GAAD;EACE,KAAK;EACL,aAAU;EACV,GAAI;EAEJ,aAAa;EACb,GAAI;EACJ,SAAA;YAEA,kBAAC,EAAY,MAAb;GACS;GACM;GACP;GACQ;GACE;GACR;GACR,aAAa;GACb,UAAA;GACA,GAAI;GAEH;EACe,CAAA;CACL,CAAA;AAEnB;AACA,EAAU,cAAc;;;AC3FxB,IAAa,KAAa,MAA0B;CAClD,IAAM,EAAE,KAAK,GAAc,aAAU,GAAG,MAAc,GAEhD,CAAC,GAAY,KAAmB,EAAkB,CAAS;CAEjE,OACE,kBAAC,GAAD;EAAe,KAAK;EAAc,aAAU;EAAO,GAAI;EAAY,SAAA;YACjE,kBAAC,EAAY,MAAb;GAAkB,GAAI;GAAkB;EAA2B,CAAA;CACtD,CAAA;AAEnB;AACA,EAAU,cAAc;;;ACRxB,IAAa,KAAa,MAA0B;CAClD,IAAM,EAAE,KAAK,GAAc,UAAO,aAAU,GAAG,MAAc,GAEvD,CAAC,GAAY,KAAmB,EAAkB,CAAS;CAEjE,OACE,kBAAC,GAAD;EAAe,KAAK;EAAc,aAAU;EAAO,GAAI;EAAY,SAAA;YACjE,kBAAC,EAAY,MAAb;GAAyB;GAAO,GAAI;GACjC;EACe,CAAA;CACL,CAAA;AAEnB;AACA,EAAU,cAAc;;;AChBxB,IAAa,KAAgB,MAA6B;CACxD,IAAM,EAAE,KAAK,GAAc,aAAU,GAAG,MAAc,GAEhD,CAAC,GAAY,KAAmB,EAAkB,CAAS;CAEjE,OACE,kBAAC,GAAD;EACE,KAAK;EACL,aAAU;EACV,GAAI;EACJ,SAAA;YAEA,kBAAC,EAAY,SAAb;GAAqB,GAAI;GAAkB;EAA8B,CAAA;CACzD,CAAA;AAEtB;AACA,EAAa,cAAc;;;ACb3B,IAAa,KAAkB,MAA+B;CAC5D,IAAM,EAAE,KAAK,GAAc,aAAU,GAAG,MAAc,GAEhD,CAAC,GAAY,KAAmB,EAAkB,CAAS;CAEjE,OACE,kBAAC,GAAD;EACE,KAAK;EACL,aAAU;EACV,GAAI;EACJ,SAAA;YAEA,kBAAC,EAAY,WAAb;GAAuB,GAAI;GACxB;EACoB,CAAA;CACL,CAAA;AAExB;AACA,EAAe,cAAc;;;ACtB7B,IAAa,KAAe,MAA4B;CACtD,IAAM,EAAE,KAAK,GAAc,GAAG,MAAc,GAEtC,CAAC,GAAY,KAAmB,EAAkB,CAAS;CAEjE,OACE,kBAAC,GAAD;EACE,KAAK;EACL,aAAU;EACV,GAAI;EACJ,SAAA;YAEA,kBAAC,EAAY,QAAb,EAAoB,GAAI,EAAkB,CAAA;CAC3B,CAAA;AAErB;AACA,EAAY,cAAc;;;ACf1B,IAAa,KAAc,MAA2B;CACpD,IAAM,EAAE,KAAK,GAAc,aAAU,GAAG,MAAc,GAEhD,CAAC,GAAY,KAAmB,EAAkB,CAAS;CAEjE,OACE,kBAAC,GAAD;EACE,KAAK;EACL,aAAU;EACV,GAAI;EACJ,SAAA;YAEA,kBAAC,EAAY,OAAb;GAAmB,GAAI;GAAkB;EAA4B,CAAA;CACvD,CAAA;AAEpB;AACA,EAAW,cAAc;;;ACbzB,IAAa,KAAoB,MAAiC;CAChE,IAAM,EAAE,KAAK,GAAc,aAAU,GAAG,MAAc,GAEhD,CAAC,GAAY,KAAmB,EAAkB,CAAS;CAEjE,OACE,kBAAC,GAAD;EACE,KAAK;EACL,aAAU;EACV,GAAI;EACJ,SAAA;YAEA,kBAAC,EAAY,aAAb;GAAyB,GAAI;GAC1B;EACsB,CAAA;CACL,CAAA;AAE1B;AACA,EAAiB,cAAc;;;ACrB/B,IAAa,KAAkB,MAA+B;CAC5D,IAAM,EAAE,KAAK,GAAc,GAAG,MAAc,GAEtC,CAAC,GAAY,KAAmB,EAAkB,CAAS;CAEjE,OACE,kBAAC,GAAD;EACE,KAAK;EACL,aAAU;EACV,GAAI;EACJ,SAAA;YAEA,kBAAC,EAAY,WAAb,EAAuB,GAAI,EAAkB,CAAA;CAC3B,CAAA;AAExB;AACA,EAAe,cAAc;;;ACd7B,IAAa,KAAgB,MAA6B;CACxD,IAAM,EAAE,KAAK,GAAc,UAAO,aAAU,GAAG,MAAc,GAEvD,CAAC,GAAY,KAAmB,EAAkB,CAAS;CAEjE,OACE,kBAAC,GAAD;EACE,KAAK;EACL,aAAU;EACV,GAAI;EACJ,SAAA;YAEA,kBAAC,EAAY,SAAb;GAA4B;GAAO,GAAI;GACpC;EACkB,CAAA;CACL,CAAA;AAEtB;AACA,EAAa,cAAc;;;ACf3B,IAAa,KAAyB,MAAsC;CAC1E,IAAM,EAAE,KAAK,GAAc,aAAU,GAAG,MAAc,GAEhD,CAAC,GAAY,KAAmB,EAAkB,CAAS;CAEjE,OACE,kBAAC,GAAD;EACE,KAAK;EACL,aAAU;EACV,GAAI;EACJ,SAAA;YAEA,kBAAC,EAAY,kBAAb;GAA8B,GAAI;GAC/B;EAC2B,CAAA;CACL,CAAA;AAE/B;AACA,EAAsB,cAAc;;;ACnBpC,IAAa,KAAoB,MAAiC;CAChE,IAAM,EAAE,aAAU,YAAS,GAAG,MAAc,GAEtC,GAAG,KAAmB,EAAkB,CAAS,GAKjD,IAAe,EAAgB,GAE/B,IAAc,QAAkB;EACpC,EAAa,aAAa;CAC5B,GAAG,CAAC,CAAY,CAAC;CAkBjB,OAbI,KAAW,EAAe,CAAQ,IAM7B,EAAa,GAAO;EACzB,SAAS;EACT,YAAY,CAAC,EAAa;CAC5B,CAAC,IAKD,kBAAC,EAAY,aAAb;EAAkC;EAAS,GAAI;EAC5C;CACsB,CAAA;AAE7B;AACA,EAAiB,cAAc;;;ACpC/B,IAAa,KAAoB,MAAiC;CAChE,IAAM,EAAE,aAAU,YAAS,GAAG,MAAc,GAEtC,GAAG,KAAmB,EAAkB,CAAS,GAKjD,IAAe,EAAgB,GAE/B,IAAc,QAAkB;EACpC,EAAa,aAAa;CAC5B,GAAG,CAAC,CAAY,CAAC;CAkBjB,OAbI,KAAW,EAAe,CAAQ,IAM7B,EAAa,GAAO;EACzB,SAAS;EACT,YAAY,CAAC,EAAa;CAC5B,CAAC,IAKD,kBAAC,EAAY,aAAb;EAAkC;EAAS,GAAI;EAC5C;CACsB,CAAA;AAE7B;AACA,EAAiB,cAAc;;;ACzC/B,IAAa,KAAe,MACnB,kBAAC,EAAY,QAAb,EAAoB,GAAI,EAAQ,CAAA;AAEzC,EAAY,cAAc;;;AC6C1B,IAAa,IAAQ;CAOnB,MAAM;CAON,MAAM;CAON,MAAM;CAON,SAAS;CAOT,WAAW;CAOX,QAAQ;CAOR,OAAO;CAOP,aAAa;CAOb,WAAW;CAOX,SAAS;CAOT,kBAAkB;CAOlB,aAAa;CAOb,aAAa;CAOb,QAAQ;AACV"}

package/dist/chunks/steps-TX4yfyHD.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"steps-TX4yfyHD.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":"mOAOA,GAAM,CAAE,eAAc,gBAAA,EAAA,EAAA,yBAAwC,CAC5D,IAAK,aACP,CAAC,EAEY,EACX,EAAiD,MAAO,MAAM,EAEnD,EAAgB,EAG3B,MAAO,MAAM,EAEF,EAAgB,EAG3B,MAAO,MAAM,EAEF,EAAmB,EAG9B,SAAU,SAAS,EAER,EAAqB,EAGhC,MAAO,WAAW,EAEP,EAAkB,EAG7B,MAAO,QAAQ,EAEJ,EAAiB,EAG5B,MAAO,OAAO,EAEH,EAAuB,EAGlC,MAAO,aAAa,EAET,EAAqB,EAGhC,MAAO,WAAW,EAEP,EAAmB,EAG9B,MAAO,SAAS,EAEL,EAA4B,EAGvC,MAAO,kBAAkB,EAES,EAGlC,SAAU,aAAa,EAEW,EAGlC,SAAU,aAAa,ECvCzB,IAAa,EAAa,GAA0B,CAClD,GAAM,CACJ,IAAK,EACL,QACA,cACA,OACA,eACA,iBACA,SACA,OAAO,KACP,cAAc,aACd,WACA,GAAG,GACD,EAGE,CAAC,EAAa,IAAA,EAAA,EAAA,eADS,CAAE,IAAK,aAAc,CACZ,EAAO,kBAAkB,CAC7D,OACA,cACA,GAAG,CACL,CAAC,EAEK,CAAC,EAAY,GAAmB,EAAA,EAAkB,CAAc,EAUhE,GAAA,EAAA,EAAA,qBAAA,EAAA,EAAA,kBALwB,EAAO,eAAe,CAMlD,CACF,EACM,EACJ,OAAO,GAA0B,SAC7B,EACA,OAAO,GAAgB,SACrB,EACA,aAKF,CAEJ,YAAa,EACb,GAAG,GACD,EAIJ,OACE,EAAA,EAAA,KAAC,EAAD,CACE,IAAK,EACL,YAAU,OACV,GAAI,EAEJ,YAAa,EACb,GAAI,EACJ,QAAA,aAEA,EAAA,EAAA,KAAC,EAAA,MAAY,KAAb,CACS,QACM,cACP,OACQ,eACE,iBACR,SACR,YAAa,EACb,SAAA,GACA,GAAI,EAEH,UACe,CAAA,CACL,CAAA,CAEnB,EACA,EAAU,YAAc,aC3FxB,IAAa,EAAa,GAA0B,CAClD,GAAM,CAAE,IAAK,EAAc,WAAU,GAAG,GAAc,EAEhD,CAAC,EAAY,GAAmB,EAAA,EAAkB,CAAS,EAEjE,OACE,EAAA,EAAA,KAAC,EAAD,CAAe,IAAK,EAAc,YAAU,OAAO,GAAI,EAAY,QAAA,aACjE,EAAA,EAAA,KAAC,EAAA,MAAY,KAAb,CAAkB,GAAI,EAAkB,UAA2B,CAAA,CACtD,CAAA,CAEnB,EACA,EAAU,YAAc,aCRxB,IAAa,EAAa,GAA0B,CAClD,GAAM,CAAE,IAAK,EAAc,QAAO,WAAU,GAAG,GAAc,EAEvD,CAAC,EAAY,GAAmB,EAAA,EAAkB,CAAS,EAEjE,OACE,EAAA,EAAA,KAAC,EAAD,CAAe,IAAK,EAAc,YAAU,OAAO,GAAI,EAAY,QAAA,aACjE,EAAA,EAAA,KAAC,EAAA,MAAY,KAAb,CAAyB,QAAO,GAAI,EACjC,UACe,CAAA,CACL,CAAA,CAEnB,EACA,EAAU,YAAc,aChBxB,IAAa,EAAgB,GAA6B,CACxD,GAAM,CAAE,IAAK,EAAc,WAAU,GAAG,GAAc,EAEhD,CAAC,EAAY,GAAmB,EAAA,EAAkB,CAAS,EAEjE,OACE,EAAA,EAAA,KAAC,EAAD,CACE,IAAK,EACL,YAAU,UACV,GAAI,EACJ,QAAA,aAEA,EAAA,EAAA,KAAC,EAAA,MAAY,QAAb,CAAqB,GAAI,EAAkB,UAA8B,CAAA,CACzD,CAAA,CAEtB,EACA,EAAa,YAAc,gBCb3B,IAAa,EAAkB,GAA+B,CAC5D,GAAM,CAAE,IAAK,EAAc,WAAU,GAAG,GAAc,EAEhD,CAAC,EAAY,GAAmB,EAAA,EAAkB,CAAS,EAEjE,OACE,EAAA,EAAA,KAAC,EAAD,CACE,IAAK,EACL,YAAU,YACV,GAAI,EACJ,QAAA,aAEA,EAAA,EAAA,KAAC,EAAA,MAAY,UAAb,CAAuB,GAAI,EACxB,UACoB,CAAA,CACL,CAAA,CAExB,EACA,EAAe,YAAc,kBCtB7B,IAAa,EAAe,GAA4B,CACtD,GAAM,CAAE,IAAK,EAAc,GAAG,GAAc,EAEtC,CAAC,EAAY,GAAmB,EAAA,EAAkB,CAAS,EAEjE,OACE,EAAA,EAAA,KAAC,EAAD,CACE,IAAK,EACL,YAAU,SACV,GAAI,EACJ,QAAA,aAEA,EAAA,EAAA,KAAC,EAAA,MAAY,OAAb,CAAoB,GAAI,CAAkB,CAAA,CAC3B,CAAA,CAErB,EACA,EAAY,YAAc,eCf1B,IAAa,EAAc,GAA2B,CACpD,GAAM,CAAE,IAAK,EAAc,WAAU,GAAG,GAAc,EAEhD,CAAC,EAAY,GAAmB,EAAA,EAAkB,CAAS,EAEjE,OACE,EAAA,EAAA,KAAC,EAAD,CACE,IAAK,EACL,YAAU,QACV,GAAI,EACJ,QAAA,aAEA,EAAA,EAAA,KAAC,EAAA,MAAY,MAAb,CAAmB,GAAI,EAAkB,UAA4B,CAAA,CACvD,CAAA,CAEpB,EACA,EAAW,YAAc,cCbzB,IAAa,EAAoB,GAAiC,CAChE,GAAM,CAAE,IAAK,EAAc,WAAU,GAAG,GAAc,EAEhD,CAAC,EAAY,GAAmB,EAAA,EAAkB,CAAS,EAEjE,OACE,EAAA,EAAA,KAAC,EAAD,CACE,IAAK,EACL,YAAU,cACV,GAAI,EACJ,QAAA,aAEA,EAAA,EAAA,KAAC,EAAA,MAAY,YAAb,CAAyB,GAAI,EAC1B,UACsB,CAAA,CACL,CAAA,CAE1B,EACA,EAAiB,YAAc,oBCrB/B,IAAa,EAAkB,GAA+B,CAC5D,GAAM,CAAE,IAAK,EAAc,GAAG,GAAc,EAEtC,CAAC,EAAY,GAAmB,EAAA,EAAkB,CAAS,EAEjE,OACE,EAAA,EAAA,KAAC,EAAD,CACE,IAAK,EACL,YAAU,YACV,GAAI,EACJ,QAAA,aAEA,EAAA,EAAA,KAAC,EAAA,MAAY,UAAb,CAAuB,GAAI,CAAkB,CAAA,CAC3B,CAAA,CAExB,EACA,EAAe,YAAc,kBCd7B,IAAa,EAAgB,GAA6B,CACxD,GAAM,CAAE,IAAK,EAAc,QAAO,WAAU,GAAG,GAAc,EAEvD,CAAC,EAAY,GAAmB,EAAA,EAAkB,CAAS,EAEjE,OACE,EAAA,EAAA,KAAC,EAAD,CACE,IAAK,EACL,YAAU,UACV,GAAI,EACJ,QAAA,aAEA,EAAA,EAAA,KAAC,EAAA,MAAY,QAAb,CAA4B,QAAO,GAAI,EACpC,UACkB,CAAA,CACL,CAAA,CAEtB,EACA,EAAa,YAAc,gBCf3B,IAAa,EAAyB,GAAsC,CAC1E,GAAM,CAAE,IAAK,EAAc,WAAU,GAAG,GAAc,EAEhD,CAAC,EAAY,GAAmB,EAAA,EAAkB,CAAS,EAEjE,OACE,EAAA,EAAA,KAAC,EAAD,CACE,IAAK,EACL,YAAU,mBACV,GAAI,EACJ,QAAA,aAEA,EAAA,EAAA,KAAC,EAAA,MAAY,iBAAb,CAA8B,GAAI,EAC/B,UAC2B,CAAA,CACL,CAAA,CAE/B,EACA,EAAsB,YAAc,yBCnBpC,IAAa,EAAoB,GAAiC,CAChE,GAAM,CAAE,WAAU,UAAS,GAAG,GAAc,EAEtC,EAAG,GAAmB,EAAA,EAAkB,CAAS,EAKjD,GAAA,EAAA,EAAA,iBAA+B,EAE/B,GAAA,EAAA,EAAA,iBAAgC,CACpC,EAAa,aAAa,CAC5B,EAAG,CAAC,CAAY,CAAC,EAkBjB,OAbI,IAAA,EAAA,EAAA,gBAA0B,CAAQ,GAMpC,EAAA,EAAA,cAAoB,EAAO,CACzB,QAAS,EACT,WAAY,CAAC,EAAa,WAC5B,CAAC,GAKD,EAAA,EAAA,KAAC,EAAA,MAAY,YAAb,CAAkC,UAAS,GAAI,EAC5C,UACsB,CAAA,CAE7B,EACA,EAAiB,YAAc,oBCpC/B,IAAa,EAAoB,GAAiC,CAChE,GAAM,CAAE,WAAU,UAAS,GAAG,GAAc,EAEtC,EAAG,GAAmB,EAAA,EAAkB,CAAS,EAKjD,GAAA,EAAA,EAAA,iBAA+B,EAE/B,GAAA,EAAA,EAAA,iBAAgC,CACpC,EAAa,aAAa,CAC5B,EAAG,CAAC,CAAY,CAAC,EAkBjB,OAbI,IAAA,EAAA,EAAA,gBAA0B,CAAQ,GAMpC,EAAA,EAAA,cAAoB,EAAO,CACzB,QAAS,EACT,WAAY,CAAC,EAAa,WAC5B,CAAC,GAKD,EAAA,EAAA,KAAC,EAAA,MAAY,YAAb,CAAkC,UAAS,GAAI,EAC5C,UACsB,CAAA,CAE7B,EACA,EAAiB,YAAc,oBCzC/B,IAAa,EAAe,IACnB,EAAA,EAAA,KAAC,EAAA,MAAY,OAAb,CAAoB,GAAI,CAAQ,CAAA,EAEzC,EAAY,YAAc,eC6C1B,IAAa,EAAQ,CAOnB,KAAM,EAON,KAAM,EAON,KAAM,EAON,QAAS,EAOT,UAAW,EAOX,OAAQ,EAOR,MAAO,EAOP,YAAa,EAOb,UAAW,EAOX,QAAS,EAOT,iBAAkB,EAOlB,YAAa,EAOb,YAAa,EAOb,OAAQ,CACV"}

package/dist/chunks/switch-Cc8w5qPH.esm.js

@@ -0,0 +1,71 @@
+import { t as e } from "./mergeProps-CGu7R6EG.esm.js";
+import { n as t } from "./useFocusable-0u660rHW.esm.js";
+import { t as n } from "./useObjectRef-ClgudS2C.esm.js";
+import { t as r } from "./useToggle-C6k0NP0h.esm.js";
+import { t as i } from "./useToggleState-fFEY17Yw.esm.js";
+import { t as a } from "./useFocusRing-CYpmjNkh.esm.js";
+import { i as o } from "./theme-CwhQYvW9.esm.js";
+import { t as s } from "./visually-hidden-B_WKNGZW.esm.js";
+import { t as c } from "./extract-style-props-4RoFSvGV.esm.js";
+import { t as l } from "./merge-refs-C1GcH9iY.esm.js";
+import { useRef as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { createSlotRecipeContext as p, useSlotRecipe as m } from "@chakra-ui/react/styled-system";
+//#region ../../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
+function h(e, t, n) {
+	let { labelProps: i, inputProps: a, isSelected: o, ...s } = r(e, t, n);
+	return {
+		labelProps: i,
+		inputProps: {
+			...a,
+			role: "switch",
+			checked: o
+		},
+		isSelected: o,
+		...s
+	};
+}
+//#endregion
+//#region src/components/switch/switch.slots.tsx
+var { withProvider: g, withContext: _ } = p({ key: "nimbusSwitch" }), v = g("label", "root"), y = _("span", "label"), b = _("span", "track"), x = _("span", "thumb"), S = ({ ref: r, ...p }) => {
+	let g = u(null), _ = n(r ? l(g, r) : g), [S, C] = m({ recipe: o }).splitVariantProps(p), [w, T] = c(C), E = p["aria-disabled"] === !0 || p["aria-disabled"] === "true", D = i(p), { inputProps: O } = h(T, D, _), { isFocused: k, focusProps: A } = a(), j = u(null), { focusableProps: M } = t({ excludeFromTabOrder: !0 }, j), N = {
+		"data-selected": D.isSelected,
+		"data-invalid": p.isInvalid,
+		"data-disabled": p.isDisabled || E,
+		"data-focus": k || void 0
+	};
+	return /* @__PURE__ */ f(v, {
+		"data-slot": "root",
+		...S,
+		...N,
+		...w,
+		...M,
+		...E && { "data-allow-pointer": !0 },
+		ref: j,
+		children: [/* @__PURE__ */ f(b, {
+			"data-slot": "track",
+			...N,
+			children: [/* @__PURE__ */ d(x, {
+				"data-slot": "thumb",
+				...N
+			}), /* @__PURE__ */ d(s, {
+				as: "span",
+				children: /* @__PURE__ */ d("input", {
+					"data-slot": "input",
+					...e(O, A),
+					...E && { disabled: !0 },
+					ref: _
+				})
+			})]
+		}), p.children && /* @__PURE__ */ d(y, {
+			"data-slot": "label",
+			...N,
+			children: p.children
+		})]
+	});
+};
+S.displayName = "Switch";
+//#endregion
+export { S as t };
+
+//# sourceMappingURL=switch-Cc8w5qPH.esm.js.map

package/dist/chunks/switch-Cc8w5qPH.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-Cc8w5qPH.esm.js","names":[],"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":";;;;;;;;;;;;;;AAaA,SAAS,EAA0C,GAAO,GAAO,GAAK;CAClE,IAAI,EAAc,eAAwB,eAAwB,eAAY,GAAG,MAAe,EAA2C,GAAO,GAAO,CAAG;CAC5J,OAAO;EACS;EACZ,YAAY;GACR,GAAG;GACH,MAAM;GACN,SAAS;EACb;EACY;EACZ,GAAG;CACP;AACJ;;;AChBA,IAAM,EAAE,iBAAc,mBAAgB,EAAwB,EAC5D,KAAK,eACP,CAAC,GAEY,IAGT,EAAoD,SAAS,MAAM,GAE1D,IAAkB,EAG7B,QAAQ,OAAO,GAEJ,IAAkB,EAG7B,QAAQ,OAAO,GAEJ,IAAkB,EAG7B,QAAQ,OAAO,GCHJ,KAAU,EAAE,KAAK,GAAa,GAAG,QAAyB;CACrE,IAAM,IAAW,EAAyB,IAAI,GACxC,IAAM,EACV,IAAc,EAAU,GAAU,CAAW,IAAI,CACnD,GAIM,CAAC,GAAa,KAFL,EAAc,EAAE,QAAQ,EAAiB,CAEjB,EAAO,kBAAkB,CAAK,GAC/D,CAAC,GAAY,KAAmB,EAAkB,CAAe,GAEjE,IACJ,EAAM,qBAAqB,MAAQ,EAAM,qBAAqB,QAE1D,IAAQ,EAAe,CAAK,GAC5B,EAAE,kBAAe,EAAU,GAAiB,GAAO,CAAG,GAEtD,EAAE,cAAW,kBAAe,EAAa,GAKzC,IAAU,EAAyB,IAAI,GACvC,EAAE,sBAAmB,EACzB,EAAE,qBAAqB,GAAK,GAC5B,CACF,GAEM,IAAa;EACjB,iBAAiB,EAAM;EACvB,gBAAgB,EAAM;EACtB,iBAAiB,EAAM,cAAc;EACrC,cAAc,KAAa,KAAA;CAC7B;CACA,OACE,kBAAC,GAAD;EACE,aAAU;EACV,GAAI;EACJ,GAAI;EACJ,GAAI;EACJ,GAAI;EACJ,GAAK,KAAkB,EAAE,sBAAsB,GAAK;EACpD,KAAK;YAPP,CASE,kBAAC,GAAD;GAAiB,aAAU;GAAQ,GAAI;aAAvC,CACE,kBAAC,GAAD;IAAiB,aAAU;IAAQ,GAAI;GAAa,CAAA,GACpD,kBAAC,GAAD;IAAgB,IAAG;cACjB,kBAAC,SAAD;KACE,aAAU;KACV,GAAI,EAAW,GAAY,CAAU;KACrC,GAAK,KAAkB,EAAE,UAAU,GAAK;KACnC;IACN,CAAA;GACa,CAAA,CACD;MAEhB,EAAM,YACL,kBAAC,GAAD;GAAiB,aAAU;GAAQ,GAAI;aACpC,EAAM;EACQ,CAAA,CAEL;;AAEpB;AACA,EAAO,cAAc"}

package/dist/chunks/switch-D-FTyV4o.cjs

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

package/dist/chunks/switch-D-FTyV4o.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-D-FTyV4o.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"}

package/dist/chunks/tab-nav-4E44NBVt.cjs

@@ -0,0 +1,2 @@
+const e=require("./SSRProvider-z3ddXNrm.cjs.js"),t=require("./mergeProps-CiOPEjJs.cjs.js"),n=require("./filterDOMProps-DnOwsDRm.cjs.js"),r=require("./useLink-BYUu9Lzo.cjs.js"),i=require("./useFocusRing-BjpUESSi.cjs.js"),a=require("./useHover-BwdOjvC_.cjs.js"),o=require("./utils-yFMw0myV.cjs.js");let s=require("react");s=e.i(s,1);let c=require("react/jsx-runtime"),l=require("@chakra-ui/react/styled-system");var u=(0,s.createContext)(null),d=(0,s.forwardRef)(function(e,c){[e,c]=o.n(e,c,u);let l=e.href&&!e.isDisabled?`a`:`span`,{linkProps:d,isPressed:f}=r.t({...e,elementType:l},c),p=o.o[l],{hoverProps:m,isHovered:h}=a.t(e),{focusProps:g,isFocused:_,isFocusVisible:v}=i.t(),y=o.r({...e,defaultClassName:`react-aria-Link`,values:{isCurrent:!!e[`aria-current`],isDisabled:e.isDisabled||!1,isPressed:f,isHovered:h,isFocused:_,isFocusVisible:v}}),b=n.t(e,{global:!0});return delete b.onClick,s.default.createElement(p,{ref:c,slot:e.slot||void 0,...t.t(b,y,d,m,g),"data-focused":_||void 0,"data-hovered":h||void 0,"data-pressed":f||void 0,"data-focus-visible":v||void 0,"data-current":!!e[`aria-current`]||void 0,"data-disabled":e.isDisabled||void 0},y.children)}),{withProvider:f,withContext:p}=(0,l.createSlotRecipeContext)({key:`nimbusTabNav`}),m=f(`nav`,`root`),h=p(`a`,`item`),g=e=>(0,c.jsx)(m,{...e});g.displayName=`TabNav.Root`;var _=({children:e,href:t,isCurrent:n,isDisabled:r,target:i,rel:a,ref:o,...s})=>(0,c.jsx)(h,{asChild:!0,ref:o,...s,children:(0,c.jsx)(d,{href:r?void 0:t,isDisabled:r,target:i,rel:a,"aria-current":n?`page`:void 0,children:e})});_.displayName=`TabNav.Item`;var v={Root:g,Item:_};Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return v}});
+//# sourceMappingURL=tab-nav-4E44NBVt.cjs.js.map

package/dist/chunks/tab-nav-4E44NBVt.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-nav-4E44NBVt.cjs.js","names":["$7230ffa83bc0c2cf$export$29f1550f4b0d4415","$czt8L$useLink","$7230ffa83bc0c2cf$export$df3a06d6289f983e","$czt8L$useHover","$czt8L$useFocusRing","$7230ffa83bc0c2cf$export$4d86445c2cf5e3","$czt8L$filterDOMProps","$czt8L$react","$czt8L$mergeProps"],"sources":["../../../../node_modules/.pnpm/react-aria-components@1.18.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria-components/dist/private/Link.mjs","../../src/components/tab-nav/tab-nav.slots.tsx","../../src/components/tab-nav/components/tab-nav.root.tsx","../../src/components/tab-nav/components/tab-nav.item.tsx","../../src/components/tab-nav/tab-nav.tsx"],"sourcesContent":["import {dom as $7230ffa83bc0c2cf$export$df3a06d6289f983e, useContextProps as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, useRenderProps as $7230ffa83bc0c2cf$export$4d86445c2cf5e3} from \"./utils.mjs\";\nimport {useLink as $czt8L$useLink} from \"react-aria/useLink\";\nimport {filterDOMProps as $czt8L$filterDOMProps} from \"react-aria/filterDOMProps\";\nimport {mergeProps as $czt8L$mergeProps} from \"react-aria/mergeProps\";\nimport $czt8L$react, {createContext as $czt8L$createContext, forwardRef as $czt8L$forwardRef} from \"react\";\nimport {useFocusRing as $czt8L$useFocusRing} from \"react-aria/useFocusRing\";\nimport {useHover as $czt8L$useHover} from \"react-aria/useHover\";\n\n/*\n * Copyright 2022 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 */ \n\n\n\n\n\n\nconst $984a1fc08f87e4f3$export$e2509388b49734e7 = /*#__PURE__*/ (0, $czt8L$createContext)(null);\nconst $984a1fc08f87e4f3$export$a6c7ac8248d6e38a = /*#__PURE__*/ (0, $czt8L$forwardRef)(function Link(props, ref) {\n    [props, ref] = (0, $7230ffa83bc0c2cf$export$29f1550f4b0d4415)(props, ref, $984a1fc08f87e4f3$export$e2509388b49734e7);\n    let elementType = props.href && !props.isDisabled ? 'a' : 'span';\n    let { linkProps: linkProps, isPressed: isPressed } = (0, $czt8L$useLink)({\n        ...props,\n        elementType: elementType\n    }, ref);\n    let ElementType = (0, $7230ffa83bc0c2cf$export$df3a06d6289f983e)[elementType];\n    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $czt8L$useHover)(props);\n    let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $czt8L$useFocusRing)();\n    let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({\n        ...props,\n        defaultClassName: 'react-aria-Link',\n        values: {\n            isCurrent: !!props['aria-current'],\n            isDisabled: props.isDisabled || false,\n            isPressed: isPressed,\n            isHovered: isHovered,\n            isFocused: isFocused,\n            isFocusVisible: isFocusVisible\n        }\n    });\n    let DOMProps = (0, $czt8L$filterDOMProps)(props, {\n        global: true\n    });\n    delete DOMProps.onClick;\n    return /*#__PURE__*/ (0, $czt8L$react).createElement(ElementType, {\n        ref: ref,\n        slot: props.slot || undefined,\n        ...(0, $czt8L$mergeProps)(DOMProps, renderProps, linkProps, hoverProps, focusProps),\n        \"data-focused\": isFocused || undefined,\n        \"data-hovered\": isHovered || undefined,\n        \"data-pressed\": isPressed || undefined,\n        \"data-focus-visible\": isFocusVisible || undefined,\n        \"data-current\": !!props['aria-current'] || undefined,\n        \"data-disabled\": props.isDisabled || undefined\n    }, renderProps.children);\n});\n\n\nexport {$984a1fc08f87e4f3$export$e2509388b49734e7 as LinkContext, $984a1fc08f87e4f3$export$a6c7ac8248d6e38a as Link};\n//# sourceMappingURL=Link.mjs.map\n","import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type { TabNavRootSlotProps, TabNavItemSlotProps } from \"./tab-nav.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusTabNav\",\n});\n\n/**\n * Root slot component providing the styling context for the TabNav component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n * Renders as a `<nav>` landmark element.\n */\nexport const TabNavRootSlot: SlotComponent<HTMLElement, TabNavRootSlotProps> =\n  withProvider<HTMLElement, TabNavRootSlotProps>(\"nav\", \"root\");\n\n/**\n * Item slot component for individual tab navigation links.\n * Consumes the styling context from `TabNavRootSlot`.\n * Renders as an `<a>` element.\n */\nexport const TabNavItemSlot: SlotComponent<\n  HTMLAnchorElement,\n  TabNavItemSlotProps\n> = withContext<HTMLAnchorElement, TabNavItemSlotProps>(\"a\", \"item\");\n","import { TabNavRootSlot } from \"../tab-nav.slots\";\nimport type { TabNavProps } from \"../tab-nav.types\";\n\n/**\n * # TabNav.Root\n *\n * The root container for the TabNav component. Renders a `<nav>` landmark\n * that provides the styling context for all child `TabNav.Item` links.\n *\n * Use this with `TabNav.Item` to build tab-styled navigation for route-based\n * navigation (not content-switching panels).\n *\n * @supportsStyleProps\n */\nexport const TabNavRoot = (props: TabNavProps) => {\n  return <TabNavRootSlot {...props} />;\n};\n\nTabNavRoot.displayName = \"TabNav.Root\";\n","import { Link as RALink } from \"react-aria-components\";\nimport { TabNavItemSlot } from \"../tab-nav.slots\";\nimport type { TabNavItemProps } from \"../tab-nav.types\";\n\n/**\n * # TabNav.Item\n *\n * An individual tab-styled navigation link. Renders as an `<a>` element.\n *\n * When `isCurrent` is true, sets `aria-current=\"page\"` on the anchor to\n * indicate to assistive technologies that this link represents the current page.\n * Uses standard sequential Tab key navigation — no roving tabindex.\n *\n * @supportsStyleProps\n */\nexport const TabNavItem = ({\n  children,\n  href,\n  isCurrent,\n  isDisabled,\n  target,\n  rel,\n  ref,\n  ...rest\n}: TabNavItemProps) => {\n  return (\n    <TabNavItemSlot asChild ref={ref} {...rest}>\n      <RALink\n        href={isDisabled ? undefined : href}\n        isDisabled={isDisabled}\n        target={target}\n        rel={rel}\n        aria-current={isCurrent ? \"page\" : undefined}\n      >\n        {children}\n      </RALink>\n    </TabNavItemSlot>\n  );\n};\n\nTabNavItem.displayName = \"TabNav.Item\";\n","import { TabNavRoot, TabNavItem } from \"./components\";\n\n/**\n * TabNav\n * ============================================================\n * A tab-styled navigation component for route-based navigation links.\n * Renders proper navigation semantics (`<nav>` landmark, `<a>` elements,\n * `aria-current=\"page\"`) for WCAG 2.1 AA compliant page navigation.\n *\n * Unlike the `Tabs` component (which uses `role=\"tablist\"` and roving tabindex\n * for content-switching), `TabNav` uses standard sequential Tab key navigation\n * and is appropriate for navigating between routes or page views.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/navigation/tab-nav}\n *\n * @example\n * ```tsx\n * <TabNav.Root>\n *   <TabNav.Item href=\"/orders/123/general\" isCurrent>\n *     General\n *   </TabNav.Item>\n *   <TabNav.Item href=\"/orders/123/items\">Items</TabNav.Item>\n *   <TabNav.Item href=\"/orders/123/shipping\">Shipping</TabNav.Item>\n * </TabNav.Root>\n * ```\n */\nexport const TabNav = {\n  /**\n   * # TabNav.Root\n   *\n   * The root container for the tab navigation. Renders a `<nav>` landmark\n   * with the tab strip underline styling.\n   *\n   * @example\n   * ```tsx\n   * <TabNav.Root variant=\"tabs\">\n   *   <TabNav.Item href=\"/general\" isCurrent>General</TabNav.Item>\n   *   <TabNav.Item href=\"/items\">Items</TabNav.Item>\n   * </TabNav.Root>\n   * ```\n   */\n  Root: TabNavRoot,\n  /**\n   * # TabNav.Item\n   *\n   * An individual tab-styled navigation link. Renders as an `<a>` element.\n   * Use `isCurrent` to mark the active navigation item.\n   *\n   * @example\n   * ```tsx\n   * <TabNav.Item href=\"/orders/123/general\" isCurrent>\n   *   General\n   * </TabNav.Item>\n   * ```\n   */\n  Item: TabNavItem,\n};\n\nexport type { TabNavProps, TabNavItemProps } from \"./tab-nav.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 { TabNavRoot as _TabNavRoot, TabNavItem as _TabNavItem };\n"],"x_google_ignoreList":[0],"mappings":"0ZAyBA,IAAM,GAA0D,EAAA,EAAA,eAA0B,IAAI,EACxF,GAA0D,EAAA,EAAA,YAAuB,SAAc,EAAO,EAAK,CAC7G,CAAC,EAAO,GAAWA,EAAAA,EAA2C,EAAO,EAAK,CAAyC,EACnH,IAAI,EAAc,EAAM,MAAQ,CAAC,EAAM,WAAa,IAAM,OACtD,CAAa,YAAsB,aAAkBC,EAAAA,EAAgB,CACrE,GAAG,EACU,aACjB,EAAG,CAAG,EACF,EAAkBC,EAAAA,EAA2C,GAC7D,CAAc,aAAuB,aAAkBC,EAAAA,EAAiB,CAAK,EAC7E,CAAc,aAAuB,YAA2B,kBAAuBC,EAAAA,EAAqB,EAC5G,EAAkBC,EAAAA,EAAyC,CAC3D,GAAG,EACH,iBAAkB,kBAClB,OAAQ,CACJ,UAAW,CAAC,CAAC,EAAM,gBACnB,WAAY,EAAM,YAAc,GACrB,YACA,YACA,YACK,gBACpB,CACJ,CAAC,EACG,EAAeC,EAAAA,EAAuB,EAAO,CAC7C,OAAQ,EACZ,CAAC,EAED,OADA,OAAO,EAAS,QACSC,EAAAA,QAAc,cAAc,EAAa,CACzD,MACL,KAAM,EAAM,MAAQ,IAAA,GACpB,GAAOC,EAAAA,EAAmB,EAAU,EAAa,EAAW,EAAY,CAAU,EAClF,eAAgB,GAAa,IAAA,GAC7B,eAAgB,GAAa,IAAA,GAC7B,eAAgB,GAAa,IAAA,GAC7B,qBAAsB,GAAkB,IAAA,GACxC,eAAgB,CAAC,CAAC,EAAM,iBAAmB,IAAA,GAC3C,gBAAiB,EAAM,YAAc,IAAA,EACzC,EAAG,EAAY,QAAQ,CAC3B,CAAC,EC3DK,CAAE,eAAc,gBAAA,EAAA,EAAA,yBAAwC,CAC5D,IAAK,cACP,CAAC,EAOY,EACX,EAA+C,MAAO,MAAM,EAOjD,EAGT,EAAoD,IAAK,MAAM,ECVtD,EAAc,IAClB,EAAA,EAAA,KAAC,EAAD,CAAgB,GAAI,CAAQ,CAAA,EAGrC,EAAW,YAAc,cCHzB,IAAa,GAAc,CACzB,WACA,OACA,YACA,aACA,SACA,MACA,MACA,GAAG,MAGD,EAAA,EAAA,KAAC,EAAD,CAAgB,QAAA,GAAa,MAAK,GAAI,YACpC,EAAA,EAAA,KAAC,EAAD,CACE,KAAM,EAAa,IAAA,GAAY,EACnB,aACJ,SACH,MACL,eAAc,EAAY,OAAS,IAAA,GAElC,UACK,CAAA,CACM,CAAA,EAIpB,EAAW,YAAc,cCdzB,IAAa,EAAS,CAepB,KAAM,EAcN,KAAM,CACR"}