npm - @commercetools/nimbus - Versions diffs - 2.9.1 → 2.11.0 - Mend

@commercetools/nimbus 2.9.1 → 2.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1490) hide show

package/dist/chunks/steps-CKxY0-Pt.es.js ADDED Viewed

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

package/dist/chunks/steps-CKxY0-Pt.es.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/dist/chunks/steps-WZE66Acc.cjs.js ADDED Viewed

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

package/dist/chunks/steps-WZE66Acc.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/dist/chunks/switch-Cka76JRB.cjs.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const t=require("react/jsx-runtime"),S=require("react"),w=require("./useToggleState-BSbrGpbA.cjs.js"),y=require("./useFocusRing-Cry5MvF1.cjs.js"),m=require("./useFocusable-rSSrMhZn.cjs.js"),g=require("./useToggle-CNjj63g7.cjs.js"),j=require("./mergeProps-D1Fp1oji.cjs.js"),k=require("./useObjectRef-mEu7QX6X.cjs.js"),v=require("./extract-style-props-DiP1lZl_.cjs.js"),D=require("./merge-refs-D8liJcZz.cjs.js"),$=require("@chakra-ui/react/styled-system"),O=require("./index-CiXhDFpN.cjs.js"),T=require("./visually-hidden-CXpij2Ju.cjs.js");function F(s,e,c){let{labelProps:i,inputProps:a,isSelected:r,isPressed:l,isDisabled:n,isReadOnly:d}=g.$876b6f32ca5a04c3$export$cbe85ee05b554577(s,e,c);return{labelProps:i,inputProps:{...a,role:"switch",checked:r},isSelected:r,isPressed:l,isDisabled:n,isReadOnly:d}}const{withProvider:C,withContext:b}=$.createSlotRecipeContext({key:"nimbusSwitch"}),H=C("label","root"),L=b("span","label"),N=b("span","track"),V=b("span","thumb"),h=({ref:s,...e})=>{const c=S.useRef(null),i=k.$03e8ab2d84d7657a$export$4338b53315abf666(s?D.mergeRefs(c,s):c),a=$.useSlotRecipe({recipe:O.switchSlotRecipe}),[r,l]=a.splitVariantProps(e),[n,d]=v.extractStyleProps(l),u=e["aria-disabled"]===!0\|\|e["aria-disabled"]==="true",p=w.$fd3c5e01e837dc20$export$8042c6c013fd5226(e),{inputProps:P}=F(d,p,i),{isFocused:x,focusProps:R}=y.$0c4a58759813079a$export$4e328f61c538687f(),f=S.useRef(null),{focusableProps:q}=m.$d1116acdf220c2da$export$4c014de7c8940b4c({excludeFromTabOrder:!0},f),o={"data-selected":p.isSelected,"data-invalid":e.isInvalid,"data-disabled":e.isDisabled\|\|u,"data-focus":x\|\|void 0};return t.jsxs(H,{"data-slot":"root",...r,...o,...n,...q,...u&&{"data-allow-pointer":!0},ref:f,children:[t.jsxs(N,{"data-slot":"track",...o,children:[t.jsx(V,{"data-slot":"thumb",...o}),t.jsx(T.VisuallyHidden,{as:"span",children:t.jsx("input",{"data-slot":"input",...j.$bbaa08b3cd72f041$export$9d1611c77c2fe928(P,R),...u&&{disabled:!0},ref:i})})]}),e.children&&t.jsx(L,{"data-slot":"label",...o,children:e.children})]})};h.displayName="Switch";exports.Switch=h;
2	+ //# sourceMappingURL=switch-Cka76JRB.cjs.js.map

package/dist/chunks/switch-Cka76JRB.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"switch-Cka76JRB.cjs.js","sources":["../../../../node_modules/.pnpm/react-aria@3.48.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, isPressed: isPressed, isDisabled: isDisabled, isReadOnly: isReadOnly } = (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 isPressed: isPressed,\n isDisabled: isDisabled,\n isReadOnly: isReadOnly\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"],"names":["$08312b2089c5b722$export$d853f7095ae95f88","props","state","ref","labelProps","inputProps","isSelected","isPressed","isDisabled","isReadOnly","$876b6f32ca5a04c3$export$cbe85ee05b554577","withProvider","withContext","createSlotRecipeContext","SwitchRootSlot","SwitchLabelSlot","SwitchTrackSlot","SwitchThumbSlot","Switch","externalRef","localRef","useRef","useObjectRef","mergeRefs","recipe","useSlotRecipe","switchSlotRecipe","recipeProps","recipeLessProps","styleProps","functionalProps","extractStyleProps","isAriaDisabled","useToggleState","useSwitch","isFocused","focusProps","useFocusRing","rootRef","focusableProps","useFocusable","stateProps","jsxs","jsx","VisuallyHidden","mergeProps"],"mappings":"uiBAaA,SAASA,EAA0CC,EAAOC,EAAOC,EAAK,CAClE,GAAI,CAAE,WAAYC,EAAY,WAAYC,EAAY,WAAYC,EAAY,UAAWC,EAAW,WAAYC,EAAY,WAAYC,CAAU,EAASC,EAAAA,0CAA2CT,EAAOC,EAAOC,CAAG,EACvN,MAAO,CACH,WAAYC,EACZ,WAAY,CACR,GAAGC,EACH,KAAM,SACN,QAASC,CACrB,EACQ,WAAYA,EACZ,UAAWC,EACX,WAAYC,EACZ,WAAYC,CACpB,CACA,CClBA,KAAM,CAAE,aAAAE,EAAc,YAAAC,CAAA,EAAgBC,0BAAwB,CAC5D,IAAK,cACP,CAAC,EAEYC,EAGTH,EAAoD,QAAS,MAAM,EAE1DI,EAAkBH,EAG7B,OAAQ,OAAO,EAEJI,EAAkBJ,EAG7B,OAAQ,OAAO,EAEJK,EAAkBL,EAG7B,OAAQ,OAAO,ECHJM,EAAS,CAAC,CAAE,IAAKC,EAAa,GAAGlB,KAAyB,CACrE,MAAMmB,EAAWC,EAAAA,OAAyB,IAAI,EACxClB,EAAMmB,EAAAA,0CACVH,EAAcI,EAAAA,UAAUH,EAAUD,CAAW,EAAIC,CAAA,EAG7CI,EAASC,EAAAA,cAAc,CAAE,OAAQC,EAAAA,iBAAkB,EAEnD,CAACC,EAAaC,CAAe,EAAIJ,EAAO,kBAAkBvB,CAAK,EAC/D,CAAC4B,EAAYC,CAAe,EAAIC,EAAAA,kBAAkBH,CAAe,EAEjEI,EACJ/B,EAAM,eAAe,IAAM,IAAQA,EAAM,eAAe,IAAM,OAE1DC,EAAQ+B,EAAAA,0CAAehC,CAAK,EAC5B,CAAE,WAAAI,CAAA,EAAe6B,EAAUJ,EAAiB5B,EAAOC,CAAG,EAEtD,CAAE,UAAAgC,EAAW,WAAAC,CAAA,EAAeC,4CAAA,EAK5BC,EAAUjB,EAAAA,OAAyB,IAAI,EACvC,CAAE,eAAAkB,GAAmBC,EAAAA,0CACzB,CAAE,oBAAqB,EAAA,EACvBF,CAAA,EAGIG,EAAa,CACjB,gBAAiBvC,EAAM,WACvB,eAAgBD,EAAM,UACtB,gBAAiBA,EAAM,YAAc+B,EACrC,aAAcG,GAAa,MAAA,EAE7B,OACEO,EAAAA,KAAC5B,EAAA,CACC,YAAU,OACT,GAAGa,EACH,GAAGc,EACH,GAAGZ,EACH,GAAGU,EACH,GAAIP,GAAkB,CAAE,qBAAsB,EAAA,EAC/C,IAAKM,EAEL,SAAA,CAAAI,EAAAA,KAAC1B,EAAA,CAAgB,YAAU,QAAS,GAAGyB,EACrC,SAAA,CAAAE,EAAAA,IAAC1B,EAAA,CAAgB,YAAU,QAAS,GAAGwB,CAAA,CAAY,EACnDE,EAAAA,IAACC,EAAAA,eAAA,CAAe,GAAG,OACjB,SAAAD,EAAAA,IAAC,QAAA,CACC,YAAU,QACT,GAAGE,EAAAA,0CAAWxC,EAAY+B,CAAU,EACpC,GAAIJ,GAAkB,CAAE,SAAU,EAAA,EACnC,IAAA7B,CAAA,CAAA,CACF,CACF,CAAA,EACF,EAECF,EAAM,UACL0C,MAAC5B,EAAA,CAAgB,YAAU,QAAS,GAAG0B,EACpC,SAAAxC,EAAM,QAAA,CACT,CAAA,CAAA,CAAA,CAIR,EACAiB,EAAO,YAAc","x_google_ignoreList":[0]}

package/dist/chunks/switch-wtPNc7un.es.js ADDED Viewed

@@ -0,0 +1,75 @@
+import { jsxs as u, jsx as i } from "react/jsx-runtime";
+import { useRef as $ } from "react";
+import { $ as w } from "./useToggleState-DQiB6Qia.es.js";
+import { $ as R } from "./useFocusRing-2PACod61.es.js";
+import { $ as y } from "./useFocusable-Cd_G32KV.es.js";
+import { $ as k } from "./useToggle-CaC4NvDB.es.js";
+import { a as D } from "./mergeProps-Bcbq3GVJ.es.js";
+import { $ as v } from "./useObjectRef-tuMEdnba.es.js";
+import { e as O } from "./extract-style-props-D86m_g63.es.js";
+import { m as T } from "./merge-refs-D-zSwpoh.es.js";
+import { createSlotRecipeContext as V, useSlotRecipe as j } from "@chakra-ui/react/styled-system";
+import { e as C } from "./index-CTrsTsK6.es.js";
+import { V as F } from "./visually-hidden-D7g0JQ0T.es.js";
+function L(t, e, s) {
+  let { labelProps: o, inputProps: c, isSelected: a, isPressed: l, isDisabled: d, isReadOnly: n } = k(t, e, s);
+  return {
+    labelProps: o,
+    inputProps: {
+      ...c,
+      role: "switch",
+      checked: a
+    },
+    isSelected: a,
+    isPressed: l,
+    isDisabled: d,
+    isReadOnly: n
+  };
+}
+const { withProvider: g, withContext: f } = /* @__PURE__ */ V({
+  key: "nimbusSwitch"
+}), A = /* @__PURE__ */ g("label", "root"), H = /* @__PURE__ */ f("span", "label"), I = /* @__PURE__ */ f("span", "track"), N = /* @__PURE__ */ f("span", "thumb"), q = ({ ref: t, ...e }) => {
+  const s = $(null), o = v(
+    t ? T(s, t) : s
+  ), c = j({ recipe: C }), [a, l] = c.splitVariantProps(e), [d, n] = O(l), p = e["aria-disabled"] === !0 || e["aria-disabled"] === "true", b = w(e), { inputProps: h } = L(n, b, o), { isFocused: P, focusProps: S } = R(), m = $(null), { focusableProps: x } = y(
+    { excludeFromTabOrder: !0 },
+    m
+  ), r = {
+    "data-selected": b.isSelected,
+    "data-invalid": e.isInvalid,
+    "data-disabled": e.isDisabled || p,
+    "data-focus": P || void 0
+  };
+  return /* @__PURE__ */ u(
+    A,
+    {
+      "data-slot": "root",
+      ...a,
+      ...r,
+      ...d,
+      ...x,
+      ...p && { "data-allow-pointer": !0 },
+      ref: m,
+      children: [
+        /* @__PURE__ */ u(I, { "data-slot": "track", ...r, children: [
+          /* @__PURE__ */ i(N, { "data-slot": "thumb", ...r }),
+          /* @__PURE__ */ i(F, { as: "span", children: /* @__PURE__ */ i(
+            "input",
+            {
+              "data-slot": "input",
+              ...D(h, S),
+              ...p && { disabled: !0 },
+              ref: o
+            }
+          ) })
+        ] }),
+        e.children && /* @__PURE__ */ i(H, { "data-slot": "label", ...r, children: e.children })
+      ]
+    }
+  );
+};
+q.displayName = "Switch";
+export {
+  q as S
+};
+//# sourceMappingURL=switch-wtPNc7un.es.js.map

package/dist/chunks/switch-wtPNc7un.es.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"switch-wtPNc7un.es.js","sources":["../../../../node_modules/.pnpm/react-aria@3.48.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, isPressed: isPressed, isDisabled: isDisabled, isReadOnly: isReadOnly } = (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 isPressed: isPressed,\n isDisabled: isDisabled,\n isReadOnly: isReadOnly\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"],"names":["$08312b2089c5b722$export$d853f7095ae95f88","props","state","ref","labelProps","inputProps","isSelected","isPressed","isDisabled","isReadOnly","$876b6f32ca5a04c3$export$cbe85ee05b554577","withProvider","withContext","createSlotRecipeContext","SwitchRootSlot","SwitchLabelSlot","SwitchTrackSlot","SwitchThumbSlot","Switch","externalRef","localRef","useRef","useObjectRef","mergeRefs","recipe","useSlotRecipe","switchSlotRecipe","recipeProps","recipeLessProps","styleProps","functionalProps","extractStyleProps","isAriaDisabled","useToggleState","useSwitch","isFocused","focusProps","useFocusRing","rootRef","focusableProps","useFocusable","stateProps","jsxs","jsx","VisuallyHidden","mergeProps"],"mappings":";;;;;;;;;;;;;AAaA,SAASA,EAA0CC,GAAOC,GAAOC,GAAK;AAClE,MAAI,EAAE,YAAYC,GAAY,YAAYC,GAAY,YAAYC,GAAY,WAAWC,GAAW,YAAYC,GAAY,YAAYC,EAAU,IAASC,EAA2CT,GAAOC,GAAOC,CAAG;AACvN,SAAO;AAAA,IACH,YAAYC;AAAA,IACZ,YAAY;AAAA,MACR,GAAGC;AAAA,MACH,MAAM;AAAA,MACN,SAASC;AAAA,IACrB;AAAA,IACQ,YAAYA;AAAA,IACZ,WAAWC;AAAA,IACX,YAAYC;AAAA,IACZ,YAAYC;AAAA,EACpB;AACA;AClBA,MAAM,EAAE,cAAAE,GAAc,aAAAC,EAAA,IAAgB,gBAAAC,EAAwB;AAAA,EAC5D,KAAK;AACP,CAAC,GAEYC,IAGT,gBAAAH,EAAoD,SAAS,MAAM,GAE1DI,IAAkB,gBAAAH,EAG7B,QAAQ,OAAO,GAEJI,IAAkB,gBAAAJ,EAG7B,QAAQ,OAAO,GAEJK,IAAkB,gBAAAL,EAG7B,QAAQ,OAAO,GCHJM,IAAS,CAAC,EAAE,KAAKC,GAAa,GAAGlB,QAAyB;AACrE,QAAMmB,IAAWC,EAAyB,IAAI,GACxClB,IAAMmB;AAAAA,IACVH,IAAcI,EAAUH,GAAUD,CAAW,IAAIC;AAAA,EAAA,GAG7CI,IAASC,EAAc,EAAE,QAAQC,GAAkB,GAEnD,CAACC,GAAaC,CAAe,IAAIJ,EAAO,kBAAkBvB,CAAK,GAC/D,CAAC4B,GAAYC,CAAe,IAAIC,EAAkBH,CAAe,GAEjEI,IACJ/B,EAAM,eAAe,MAAM,MAAQA,EAAM,eAAe,MAAM,QAE1DC,IAAQ+B,EAAehC,CAAK,GAC5B,EAAE,YAAAI,EAAA,IAAe6B,EAAUJ,GAAiB5B,GAAOC,CAAG,GAEtD,EAAE,WAAAgC,GAAW,YAAAC,EAAA,IAAeC,EAAA,GAK5BC,IAAUjB,EAAyB,IAAI,GACvC,EAAE,gBAAAkB,MAAmBC;AAAAA,IACzB,EAAE,qBAAqB,GAAA;AAAA,IACvBF;AAAA,EAAA,GAGIG,IAAa;AAAA,IACjB,iBAAiBvC,EAAM;AAAA,IACvB,gBAAgBD,EAAM;AAAA,IACtB,iBAAiBA,EAAM,cAAc+B;AAAA,IACrC,cAAcG,KAAa;AAAA,EAAA;AAE7B,SACE,gBAAAO;AAAA,IAAC5B;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACT,GAAGa;AAAA,MACH,GAAGc;AAAA,MACH,GAAGZ;AAAA,MACH,GAAGU;AAAA,MACH,GAAIP,KAAkB,EAAE,sBAAsB,GAAA;AAAA,MAC/C,KAAKM;AAAA,MAEL,UAAA;AAAA,QAAA,gBAAAI,EAAC1B,GAAA,EAAgB,aAAU,SAAS,GAAGyB,GACrC,UAAA;AAAA,UAAA,gBAAAE,EAAC1B,GAAA,EAAgB,aAAU,SAAS,GAAGwB,EAAA,CAAY;AAAA,UACnD,gBAAAE,EAACC,GAAA,EAAe,IAAG,QACjB,UAAA,gBAAAD;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,aAAU;AAAA,cACT,GAAGE,EAAWxC,GAAY+B,CAAU;AAAA,cACpC,GAAIJ,KAAkB,EAAE,UAAU,GAAA;AAAA,cACnC,KAAA7B;AAAA,YAAA;AAAA,UAAA,EACF,CACF;AAAA,QAAA,GACF;AAAA,QAECF,EAAM,YACL,gBAAA0C,EAAC5B,GAAA,EAAgB,aAAU,SAAS,GAAG0B,GACpC,UAAAxC,EAAM,SAAA,CACT;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;AACAiB,EAAO,cAAc;","x_google_ignoreList":[0]}

package/dist/chunks/tab-nav-CswZzom2.cjs.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const n=require("react/jsx-runtime"),d=require("./utils-CJJvg8rY.cjs.js"),P=require("./useLink-BhhDMENk.cjs.js"),T=require("./filterDOMProps-BpxcgymS.cjs.js"),h=require("./mergeProps-D1Fp1oji.cjs.js"),f=require("react"),q=require("./useFocusRing-Cry5MvF1.cjs.js"),R=require("./useHover-BgpMzyUT.cjs.js"),y=require("@chakra-ui/react/styled-system"),k=f.createContext(null),C=f.forwardRef(function(e,t){[e,t]=d.$7230ffa83bc0c2cf$export$29f1550f4b0d4415(e,t,k);let a=e.href&&!e.isDisabled?"a":"span",{linkProps:i,isPressed:r}=P.$40d752843fab8930$export$dcf14c9974fe2767({...e,elementType:a},t),c=d.$7230ffa83bc0c2cf$export$df3a06d6289f983e[a],{hoverProps:o,isHovered:b}=R.$e969f22b6713ca4a$export$ae780daf29e6d456(e),{focusProps:N,isFocused:$,isFocusVisible:v}=q.$0c4a58759813079a$export$4e328f61c538687f(),m=d.$7230ffa83bc0c2cf$export$4d86445c2cf5e3({...e,defaultClassName:"react-aria-Link",values:{isCurrent:!!e["aria-current"],isDisabled:e.isDisabled\|\|!1,isPressed:r,isHovered:b,isFocused:$,isFocusVisible:v}}),x=T.$8e9d2fae0ecb9001$export$457c3d6518dd4c6f(e,{global:!0});return delete x.onClick,f.createElement(c,{ref:t,slot:e.slot\|\|void 0,...h.$bbaa08b3cd72f041$export$9d1611c77c2fe928(x,m,i,o,N),"data-focused":$\|\|void 0,"data-hovered":b\|\|void 0,"data-pressed":r\|\|void 0,"data-focus-visible":v\|\|void 0,"data-current":!!e["aria-current"]\|\|void 0,"data-disabled":e.isDisabled\|\|void 0},m.children)}),{withProvider:F,withContext:p}=y.createSlotRecipeContext({key:"nimbusTabNav"}),D=F("nav","root"),I=p("a","item"),u=s=>n.jsx(D,{...s});u.displayName="TabNav.Root";const l=({children:s,href:e,isCurrent:t,isDisabled:a,target:i,rel:r,ref:c,...o})=>n.jsx(I,{asChild:!0,ref:c,...o,children:n.jsx(C,{href:a?void 0:e,isDisabled:a,target:i,rel:r,"aria-current":t?"page":void 0,children:s})});l.displayName="TabNav.Item";const g={Root:u,Item:l};exports.TabNav=g;exports.TabNavItem=l;exports.TabNavRoot=u;
2	+ //# sourceMappingURL=tab-nav-CswZzom2.cjs.js.map