@commercetools/nimbus 3.3.0 → 3.5.0

package/dist/chunks/steps-CqCRS-vB.es.js

@@ -0,0 +1,253 @@
+import { t as e } from "./extract-style-props-C2dRz9Jv.es.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 = o().normalizeValue(g), w = c(C), T = typeof w == "string" ? w : typeof g == "string" ? g : "horizontal", { orientation: E, ...D } = y;
+	return /* @__PURE__ */ i(p, {
+		ref: n,
+		"data-slot": "root",
+		...D,
+		orientation: T,
+		...x,
+		asChild: !0,
+		children: /* @__PURE__ */ i(l.Root, {
+			count: r,
+			defaultStep: a,
+			step: u,
+			onStepChange: d,
+			onStepComplete: f,
+			linear: m,
+			orientation: T,
+			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-CqCRS-vB.es.js.map

package/dist/chunks/steps-CqCRS-vB.es.js.map

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

package/dist/chunks/switch-CWO7gRZl.es.js

@@ -0,0 +1,71 @@
+import { t as e } from "./mergeProps-CcIgWXT_.es.js";
+import { t } from "./useObjectRef-CHgRzzQD.es.js";
+import { n } from "./useFocusable-DihCb98C.es.js";
+import { t as r } from "./useToggle-BcX6OT6B.es.js";
+import { t as i } from "./useToggleState-CFc2GHFg.es.js";
+import { t as a } from "./useFocusRing-BAJbDUqQ.es.js";
+import { i as o } from "./theme-D4M8vpcI.es.js";
+import { t as s } from "./visually-hidden-D-IEsRrW.es.js";
+import { t as c } from "./extract-style-props-C2dRz9Jv.es.js";
+import { t as l } from "./merge-refs-C1GcH9iY.es.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.51.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), _ = t(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 } = n({ 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-CWO7gRZl.es.js.map

package/dist/chunks/switch-CWO7gRZl.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-CWO7gRZl.es.js","names":[],"sources":["../../../../node_modules/.pnpm/react-aria@3.51.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,CAAA,CAAO,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;EAPP,UAAA,CASE,kBAAC,GAAD;GAAiB,aAAU;GAAQ,GAAI;GAAvC,UAAA,CACE,kBAAC,GAAD;IAAiB,aAAU;IAAQ,GAAI;GAAa,CAAA,GACpD,kBAAC,GAAD;IAAgB,IAAG;IACjB,UAAA,kBAAC,SAAD;KACE,aAAU;KACV,GAAI,EAAW,GAAY,CAAU;KACrC,GAAK,KAAkB,EAAE,UAAU,GAAK;KACnC;IACN,CAAA;GACa,CAAA,CACD;EAEhB,CAAA,GAAA,EAAM,YACL,kBAAC,GAAD;GAAiB,aAAU;GAAQ,GAAI;GACpC,UAAA,EAAM;EACQ,CAAA,CAEL;;AAEpB;AACA,EAAO,cAAc"}

package/dist/chunks/switch-Nq08gknq.cjs

@@ -0,0 +1,2 @@
+const e=require("./mergeProps-D85NQS_9.cjs"),t=require("./useObjectRef-B_odk_Xk.cjs"),n=require("./useFocusable-qit0BsPN.cjs"),r=require("./useToggle-D-OuI2zu.cjs"),i=require("./useToggleState-ClQ5g-4-.cjs"),a=require("./useFocusRing-DqqwCnLr.cjs"),o=require("./theme-BYFwJItT.cjs"),s=require("./visually-hidden-WO2h6D4Z.cjs"),c=require("./extract-style-props-CD9rz9gF.cjs"),l=require("./merge-refs-DjTl2ATo.cjs");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=t.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}=n.n({excludeFromTabOrder:!0},A),M={"data-selected":E.isSelected,"data-invalid":m.isInvalid,"data-disabled":m.isDisabled||T,"data-focus":O||void 0};return(0,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-Nq08gknq.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch-Nq08gknq.cjs.js","names":["$876b6f32ca5a04c3$export$cbe85ee05b554577"],"sources":["../../../../node_modules/.pnpm/react-aria@3.51.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,EAAgB,EAAA,wBAAA,CAAwB,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,EAAW,EAAA,OAAA,CAAyB,IAAI,EACxC,EAAM,EAAA,EACV,EAAc,EAAA,EAAU,EAAU,CAAW,EAAI,CACnD,EAIM,CAAC,EAAa,IAAA,EAFL,EAAA,cAAA,CAAc,CAAE,OAAQ,EAAA,CAAiB,CAEjB,CAAA,CAAO,kBAAkB,CAAK,EAC/D,CAAC,EAAY,GAAmB,EAAA,EAAkB,CAAe,EAEjE,EACJ,EAAM,mBAAqB,IAAQ,EAAM,mBAAqB,OAE1D,EAAQ,EAAA,EAAe,CAAK,EAC5B,CAAE,cAAe,EAAU,EAAiB,EAAO,CAAG,EAEtD,CAAE,YAAW,cAAe,EAAA,EAAa,EAKzC,GAAA,EAAU,EAAA,OAAA,CAAyB,IAAI,EACvC,CAAE,kBAAmB,EAAA,EACzB,CAAE,oBAAqB,EAAK,EAC5B,CACF,EAEM,EAAa,CACjB,gBAAiB,EAAM,WACvB,eAAgB,EAAM,UACtB,gBAAiB,EAAM,YAAc,EACrC,aAAc,GAAa,IAAA,EAC7B,EACA,OACE,EAAA,EAAA,KAAA,CAAC,EAAD,CACE,YAAU,OACV,GAAI,EACJ,GAAI,EACJ,GAAI,EACJ,GAAI,EACJ,GAAK,GAAkB,CAAE,qBAAsB,EAAK,EACpD,IAAK,EAPP,SAAA,EASE,EAAA,EAAA,KAAA,CAAC,EAAD,CAAiB,YAAU,QAAQ,GAAI,EAAvC,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,EAAD,CAAiB,YAAU,QAAQ,GAAI,CAAa,CAAA,GACpD,EAAA,EAAA,IAAA,CAAC,EAAA,EAAD,CAAgB,GAAG,OACjB,UAAA,EAAA,EAAA,IAAA,CAAC,QAAD,CACE,YAAU,QACV,GAAI,EAAA,EAAW,EAAY,CAAU,EACrC,GAAK,GAAkB,CAAE,SAAU,EAAK,EACnC,KACN,CAAA,CACa,CAAA,CACD,CAEhB,CAAA,EAAA,EAAM,WACL,EAAA,EAAA,IAAA,CAAC,EAAD,CAAiB,YAAU,QAAQ,GAAI,EACpC,SAAA,EAAM,QACQ,CAAA,CAEL,GAEpB,EACA,EAAO,YAAc"}

package/dist/chunks/tab-nav-CTwUnlNe.es.js

@@ -0,0 +1,66 @@
+import { t as e } from "./Link-4bIQ8Jbh.es.js";
+import { n as t, t as n } from "./resolve-variant-alias-23u-qALe.es.js";
+import { useRef as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { createSlotRecipeContext as o } from "@chakra-ui/react/styled-system";
+//#region src/components/tab-nav/tab-nav.slots.tsx
+var { withProvider: s, withContext: c } = o({ key: "nimbusTabNav" }), l = s("nav", "root"), u = c("a", "item"), d = c("div", "indicator"), f = 2, p = { tabs: "line" }, m = (e) => {
+	let { variant: o, children: s, ref: c, ...u } = e, m = n(o, p), h = typeof m == "string" ? m : "line", g = h === "line", _ = r(null);
+	return t({
+		enabled: !0,
+		indicatorRef: _,
+		activeSelector: "[aria-current=\"page\"]",
+		watchAttributes: ["aria-current"],
+		itemSelector: "a",
+		deps: [h],
+		getGeometry: ({ container: e, active: t }) => {
+			let n = t.left - e.left, r = t.top - e.top;
+			return g ? {
+				x: n,
+				y: r + t.height - f,
+				width: t.width,
+				height: f
+			} : {
+				x: n,
+				y: r,
+				width: t.width,
+				height: t.height
+			};
+		}
+	}), /* @__PURE__ */ a(l, {
+		ref: c,
+		variant: m,
+		...u,
+		children: [/* @__PURE__ */ i(d, {
+			ref: _,
+			"aria-hidden": "true"
+		}), s]
+	});
+};
+m.displayName = "TabNav.Root";
+//#endregion
+//#region src/components/tab-nav/components/tab-nav.item.tsx
+var h = ({ children: t, href: n, isCurrent: r, isDisabled: a, target: o, rel: s, ref: c, ...l }) => /* @__PURE__ */ i(u, {
+	asChild: !0,
+	ref: c,
+	...l,
+	children: /* @__PURE__ */ i(e, {
+		href: a ? void 0 : n,
+		isDisabled: a,
+		target: o,
+		rel: s,
+		"aria-current": r ? "page" : void 0,
+		children: t
+	})
+});
+h.displayName = "TabNav.Item";
+//#endregion
+//#region src/components/tab-nav/tab-nav.tsx
+var g = {
+	Root: m,
+	Item: h
+};
+//#endregion
+export { h as n, m as r, g as t };
+
+//# sourceMappingURL=tab-nav-CTwUnlNe.es.js.map

package/dist/chunks/tab-nav-CTwUnlNe.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-nav-CTwUnlNe.es.js","names":[],"sources":["../../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 { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type {\n  TabNavRootSlotProps,\n  TabNavItemSlotProps,\n  TabNavIndicatorSlotProps,\n} 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\n/**\n * Internal slot for the sliding active-item marker. Rendered automatically by\n * `TabNav.Root` and positioned by `useSlidingIndicator` — not part of the public\n * compound API.\n */\nexport const TabNavIndicatorSlot: SlotComponent<\n  HTMLDivElement,\n  TabNavIndicatorSlotProps\n> = withContext<HTMLDivElement, TabNavIndicatorSlotProps>(\"div\", \"indicator\");\n","import { useRef } from \"react\";\nimport { useSlidingIndicator } from \"@/hooks\";\nimport type { SlidingIndicatorRects } from \"@/hooks\";\nimport { resolveVariantAlias } from \"@/utils\";\nimport { TabNavRootSlot, TabNavIndicatorSlot } from \"../tab-nav.slots\";\nimport type { TabNavProps } from \"../tab-nav.types\";\n\n/** Thickness of the sliding bar used by the `line` variant. */\nconst LINE_BAR_PX = 2;\n\n/** Deprecated variant aliases → their replacement. */\nconst VARIANT_ALIASES: Record<string, \"line\" | \"rounded\" | \"pill\"> = {\n  tabs: \"line\",\n};\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  const { variant: variantProp, children, ref, ...rest } = props;\n\n  // Resolve deprecated aliases (e.g. `tabs` → `line`) to the real variant.\n  const variant = resolveVariantAlias(variantProp, VARIANT_ALIASES);\n\n  // Stable string used for indicator geometry/styling and effect deps. A\n  // responsive `variant` object falls back to the default look for the slider.\n  const variantName = typeof variant === \"string\" ? variant : \"line\";\n  const isLine = variantName === \"line\";\n\n  const indicatorRef = useRef<HTMLDivElement>(null);\n\n  // Drive the sliding active-item marker: an `aria-hidden`, non-focusable\n  // element rendered inside the root and DOM-positioned over the current item (a\n  // bar for `line`, a full-height highlight for `rounded`/`pill`). The recipe's\n  // static marker is the SSR/no-JS fallback, suppressed via `data-animated` once\n  // this hook activates; the slide respects `prefers-reduced-motion`.\n  useSlidingIndicator({\n    // Always on: the slide is a fixed design decision with no per-instance\n    // toggle. `enabled` exists for the generic hook (so a future caller could\n    // opt out), not as a TabNav prop — don't go looking for a switch here.\n    enabled: true,\n    indicatorRef,\n    activeSelector: '[aria-current=\"page\"]',\n    watchAttributes: [\"aria-current\"],\n    itemSelector: \"a\",\n    deps: [variantName],\n    getGeometry: ({ container, active }: SlidingIndicatorRects) => {\n      const x = active.left - container.left;\n      const y = active.top - container.top;\n      if (isLine) {\n        // Pin a thin bar to the active item's bottom edge.\n        return {\n          x,\n          y: y + active.height - LINE_BAR_PX,\n          width: active.width,\n          height: LINE_BAR_PX,\n        };\n      }\n      // Full-height highlight behind the label.\n      return { x, y, width: active.width, height: active.height };\n    },\n  });\n\n  return (\n    <TabNavRootSlot ref={ref} variant={variant} {...rest}>\n      <TabNavIndicatorSlot ref={indicatorRef} aria-hidden=\"true\" />\n      {children}\n    </TabNavRootSlot>\n  );\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 styling.\n   *\n   * @example\n   * ```tsx\n   * <TabNav.Root variant=\"line\">\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"],"mappings":";;;;;;AAQA,IAAM,EAAE,iBAAc,mBAAgB,EAAwB,EAC5D,KAAK,eACP,CAAC,GAOY,IACX,EAA+C,OAAO,MAAM,GAOjD,IAGT,EAAoD,KAAK,MAAM,GAOtD,IAGT,EAAsD,OAAO,WAAW,GC9BtE,IAAc,GAGd,IAA+D,EACnE,MAAM,OACR,GAaa,KAAc,MAAuB;CAChD,IAAM,EAAE,SAAS,GAAa,aAAU,QAAK,GAAG,MAAS,GAGnD,IAAU,EAAoB,GAAa,CAAe,GAI1D,IAAc,OAAO,KAAY,WAAW,IAAU,QACtD,IAAS,MAAgB,QAEzB,IAAe,EAAuB,IAAI;CAkChD,OA3BA,EAAoB;EAIlB,SAAS;EACT;EACA,gBAAgB;EAChB,iBAAiB,CAAC,cAAc;EAChC,cAAc;EACd,MAAM,CAAC,CAAW;EAClB,cAAc,EAAE,cAAW,gBAAoC;GAC7D,IAAM,IAAI,EAAO,OAAO,EAAU,MAC5B,IAAI,EAAO,MAAM,EAAU;GAWjC,OAVI,IAEK;IACL;IACA,GAAG,IAAI,EAAO,SAAS;IACvB,OAAO,EAAO;IACd,QAAQ;GACV,IAGK;IAAE;IAAG;IAAG,OAAO,EAAO;IAAO,QAAQ,EAAO;GAAO;EAC5D;CACF,CAAC,GAGC,kBAAC,GAAD;EAAqB;EAAc;EAAS,GAAI;EAAhD,UAAA,CACE,kBAAC,GAAD;GAAqB,KAAK;GAAc,eAAY;EAAQ,CAAA,GAC3D,CACa;;AAEpB;AAEA,EAAW,cAAc;;;AChEzB,IAAa,KAAc,EACzB,aACA,SACA,cACA,eACA,WACA,QACA,QACA,GAAG,QAGD,kBAAC,GAAD;CAAgB,SAAA;CAAa;CAAK,GAAI;CACpC,UAAA,kBAAC,GAAD;EACE,MAAM,IAAa,KAAA,IAAY;EACnB;EACJ;EACH;EACL,gBAAc,IAAY,SAAS,KAAA;EAElC;CACK,CAAA;AACM,CAAA;AAIpB,EAAW,cAAc;;;ACdzB,IAAa,IAAS;CAepB,MAAM;CAcN,MAAM;AACR"}

package/dist/chunks/tab-nav-hyZM9KOO.cjs

@@ -0,0 +1,2 @@
+const e=require("./Link-DFJLia3L.cjs"),t=require("./resolve-variant-alias-cAzNvR5B.cjs");let n=require("react"),r=require("react/jsx-runtime");var{withProvider:i,withContext:a}=(0,require("@chakra-ui/react/styled-system").createSlotRecipeContext)({key:`nimbusTabNav`}),o=i(`nav`,`root`),s=a(`a`,`item`),c=a(`div`,`indicator`),l=2,u={tabs:`line`},d=e=>{let{variant:i,children:a,ref:s,...d}=e,f=t.t(i,u),p=typeof f==`string`?f:`line`,m=p===`line`,h=(0,n.useRef)(null);return t.n({enabled:!0,indicatorRef:h,activeSelector:`[aria-current="page"]`,watchAttributes:[`aria-current`],itemSelector:`a`,deps:[p],getGeometry:({container:e,active:t})=>{let n=t.left-e.left,r=t.top-e.top;return m?{x:n,y:r+t.height-l,width:t.width,height:l}:{x:n,y:r,width:t.width,height:t.height}}}),(0,r.jsxs)(o,{ref:s,variant:f,...d,children:[(0,r.jsx)(c,{ref:h,"aria-hidden":`true`}),a]})};d.displayName=`TabNav.Root`;var f=({children:t,href:n,isCurrent:i,isDisabled:a,target:o,rel:c,ref:l,...u})=>(0,r.jsx)(s,{asChild:!0,ref:l,...u,children:(0,r.jsx)(e.t,{href:a?void 0:n,isDisabled:a,target:o,rel:c,"aria-current":i?`page`:void 0,children:t})});f.displayName=`TabNav.Item`;var p={Root:d,Item:f};Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return p}});
+//# sourceMappingURL=tab-nav-hyZM9KOO.cjs.map

package/dist/chunks/tab-nav-hyZM9KOO.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-nav-hyZM9KOO.cjs.js","names":[],"sources":["../../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 { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type {\n  TabNavRootSlotProps,\n  TabNavItemSlotProps,\n  TabNavIndicatorSlotProps,\n} 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\n/**\n * Internal slot for the sliding active-item marker. Rendered automatically by\n * `TabNav.Root` and positioned by `useSlidingIndicator` — not part of the public\n * compound API.\n */\nexport const TabNavIndicatorSlot: SlotComponent<\n  HTMLDivElement,\n  TabNavIndicatorSlotProps\n> = withContext<HTMLDivElement, TabNavIndicatorSlotProps>(\"div\", \"indicator\");\n","import { useRef } from \"react\";\nimport { useSlidingIndicator } from \"@/hooks\";\nimport type { SlidingIndicatorRects } from \"@/hooks\";\nimport { resolveVariantAlias } from \"@/utils\";\nimport { TabNavRootSlot, TabNavIndicatorSlot } from \"../tab-nav.slots\";\nimport type { TabNavProps } from \"../tab-nav.types\";\n\n/** Thickness of the sliding bar used by the `line` variant. */\nconst LINE_BAR_PX = 2;\n\n/** Deprecated variant aliases → their replacement. */\nconst VARIANT_ALIASES: Record<string, \"line\" | \"rounded\" | \"pill\"> = {\n  tabs: \"line\",\n};\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  const { variant: variantProp, children, ref, ...rest } = props;\n\n  // Resolve deprecated aliases (e.g. `tabs` → `line`) to the real variant.\n  const variant = resolveVariantAlias(variantProp, VARIANT_ALIASES);\n\n  // Stable string used for indicator geometry/styling and effect deps. A\n  // responsive `variant` object falls back to the default look for the slider.\n  const variantName = typeof variant === \"string\" ? variant : \"line\";\n  const isLine = variantName === \"line\";\n\n  const indicatorRef = useRef<HTMLDivElement>(null);\n\n  // Drive the sliding active-item marker: an `aria-hidden`, non-focusable\n  // element rendered inside the root and DOM-positioned over the current item (a\n  // bar for `line`, a full-height highlight for `rounded`/`pill`). The recipe's\n  // static marker is the SSR/no-JS fallback, suppressed via `data-animated` once\n  // this hook activates; the slide respects `prefers-reduced-motion`.\n  useSlidingIndicator({\n    // Always on: the slide is a fixed design decision with no per-instance\n    // toggle. `enabled` exists for the generic hook (so a future caller could\n    // opt out), not as a TabNav prop — don't go looking for a switch here.\n    enabled: true,\n    indicatorRef,\n    activeSelector: '[aria-current=\"page\"]',\n    watchAttributes: [\"aria-current\"],\n    itemSelector: \"a\",\n    deps: [variantName],\n    getGeometry: ({ container, active }: SlidingIndicatorRects) => {\n      const x = active.left - container.left;\n      const y = active.top - container.top;\n      if (isLine) {\n        // Pin a thin bar to the active item's bottom edge.\n        return {\n          x,\n          y: y + active.height - LINE_BAR_PX,\n          width: active.width,\n          height: LINE_BAR_PX,\n        };\n      }\n      // Full-height highlight behind the label.\n      return { x, y, width: active.width, height: active.height };\n    },\n  });\n\n  return (\n    <TabNavRootSlot ref={ref} variant={variant} {...rest}>\n      <TabNavIndicatorSlot ref={indicatorRef} aria-hidden=\"true\" />\n      {children}\n    </TabNavRootSlot>\n  );\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 styling.\n   *\n   * @example\n   * ```tsx\n   * <TabNav.Root variant=\"line\">\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"],"mappings":"qJAQA,GAAM,CAAE,eAAc,gBAAA,0CAAgB,CAAA,CAAA,wBAAA,CAAwB,CAC5D,IAAK,cACP,CAAC,EAOY,EACX,EAA+C,MAAO,MAAM,EAOjD,EAGT,EAAoD,IAAK,MAAM,EAOtD,EAGT,EAAsD,MAAO,WAAW,EC9BtE,EAAc,EAGd,EAA+D,CACnE,KAAM,MACR,EAaa,EAAc,GAAuB,CAChD,GAAM,CAAE,QAAS,EAAa,WAAU,MAAK,GAAG,GAAS,EAGnD,EAAU,EAAA,EAAoB,EAAa,CAAe,EAI1D,EAAc,OAAO,GAAY,SAAW,EAAU,OACtD,EAAS,IAAgB,OAEzB,GAAA,EAAe,EAAA,OAAA,CAAuB,IAAI,EAkChD,OA3BA,EAAA,EAAoB,CAIlB,QAAS,GACT,eACA,eAAgB,wBAChB,gBAAiB,CAAC,cAAc,EAChC,aAAc,IACd,KAAM,CAAC,CAAW,EAClB,aAAc,CAAE,YAAW,YAAoC,CAC7D,IAAM,EAAI,EAAO,KAAO,EAAU,KAC5B,EAAI,EAAO,IAAM,EAAU,IAWjC,OAVI,EAEK,CACL,IACA,EAAG,EAAI,EAAO,OAAS,EACvB,MAAO,EAAO,MACd,OAAQ,CACV,EAGK,CAAE,IAAG,IAAG,MAAO,EAAO,MAAO,OAAQ,EAAO,MAAO,CAC5D,CACF,CAAC,GAGC,EAAA,EAAA,KAAA,CAAC,EAAD,CAAqB,MAAc,UAAS,GAAI,EAAhD,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,EAAD,CAAqB,IAAK,EAAc,cAAY,MAAQ,CAAA,EAC3D,CACa,GAEpB,EAEA,EAAW,YAAc,cChEzB,IAAa,GAAc,CACzB,WACA,OACA,YACA,aACA,SACA,MACA,MACA,GAAG,MAGD,EAAA,EAAA,IAAA,CAAC,EAAD,CAAgB,QAAA,GAAa,MAAK,GAAI,EACpC,UAAA,EAAA,EAAA,IAAA,CAAC,EAAA,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"}

package/dist/chunks/table-DDrxna9L.cjs

@@ -0,0 +1,2 @@
+const e=require("./box-B6vF0vdN.cjs"),t=require("./extract-style-props-CD9rz9gF.cjs");let n=require("react/jsx-runtime"),r=require("@chakra-ui/react/styled-system");var{withProvider:i,withContext:a}=(0,r.createSlotRecipeContext)({key:`nimbusTable`}),o=i(`table`,`root`),s=a(`caption`,`caption`),c=a(`thead`,`header`),l=a(`tbody`,`body`),u=a(`tfoot`,`footer`),d=a(`tr`,`row`),f=a(`th`,`columnHeader`),p=a(`td`,`cell`),m=e=>{let{ref:i,...a}=e,[s,c]=(0,r.useSlotRecipe)({key:`nimbusTable`}).splitVariantProps(a),[l,u]=t.t(c);return(0,n.jsx)(o,{ref:i,...s,...l,...u})};m.displayName=`Table.Root`;var h=e=>(0,n.jsx)(s,{...e});h.displayName=`Table.Caption`;var g=e=>(0,n.jsx)(c,{...e});g.displayName=`Table.Header`;var _=e=>(0,n.jsx)(l,{...e});_.displayName=`Table.Body`;var v=e=>(0,n.jsx)(u,{...e});v.displayName=`Table.Footer`;var y=e=>(0,n.jsx)(d,{...e});y.displayName=`Table.Row`;var b=e=>(0,n.jsx)(f,{...e});b.displayName=`Table.ColumnHeader`;var x=e=>(0,n.jsx)(p,{...e});x.displayName=`Table.Cell`;var S=t=>(0,n.jsx)(e.t,{as:`div`,overflow:`auto`,...t});S.displayName=`Table.ScrollArea`;var C=t=>(0,n.jsx)(e.t,{as:`colgroup`,...t});C.displayName=`Table.ColumnGroup`;var w=t=>(0,n.jsx)(e.t,{as:`col`,...t});w.displayName=`Table.Column`;var T={Root:m,Caption:h,Header:g,Body:_,Footer:v,Row:y,ColumnHeader:b,Cell:x,ScrollArea:S,ColumnGroup:C,Column:w};Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return m}});
+//# sourceMappingURL=table-DDrxna9L.cjs.map

package/dist/chunks/table-DDrxna9L.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-DDrxna9L.cjs.js","names":[],"sources":["../../src/components/table/table.slots.tsx","../../src/components/table/table.tsx"],"sourcesContent":["import {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n} from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"@/type-utils\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusTable\",\n});\n\nexport type TableRootSlotProps = HTMLChakraProps<\"table\">;\nexport const TableRootSlot: SlotComponent<\n  HTMLTableElement,\n  TableRootSlotProps\n> = withProvider<HTMLTableElement, TableRootSlotProps>(\"table\", \"root\");\n\nexport type TableCaptionSlotProps = HTMLChakraProps<\"caption\">;\nexport const TableCaptionSlot: SlotComponent<\n  HTMLTableCaptionElement,\n  TableCaptionSlotProps\n> = withContext<HTMLTableCaptionElement, TableCaptionSlotProps>(\n  \"caption\",\n  \"caption\"\n);\n\nexport type TableHeaderSlotProps = HTMLChakraProps<\"thead\">;\nexport const TableHeaderSlot: SlotComponent<\n  HTMLTableSectionElement,\n  TableHeaderSlotProps\n> = withContext<HTMLTableSectionElement, TableHeaderSlotProps>(\n  \"thead\",\n  \"header\"\n);\n\nexport type TableBodySlotProps = HTMLChakraProps<\"tbody\">;\nexport const TableBodySlot: SlotComponent<\n  HTMLTableSectionElement,\n  TableBodySlotProps\n> = withContext<HTMLTableSectionElement, TableBodySlotProps>(\"tbody\", \"body\");\n\nexport type TableFooterSlotProps = HTMLChakraProps<\"tfoot\">;\nexport const TableFooterSlot: SlotComponent<\n  HTMLTableSectionElement,\n  TableFooterSlotProps\n> = withContext<HTMLTableSectionElement, TableFooterSlotProps>(\n  \"tfoot\",\n  \"footer\"\n);\n\nexport type TableRowSlotProps = HTMLChakraProps<\"tr\">;\nexport const TableRowSlot: SlotComponent<\n  HTMLTableRowElement,\n  TableRowSlotProps\n> = withContext<HTMLTableRowElement, TableRowSlotProps>(\"tr\", \"row\");\n\nexport type TableColumnHeaderSlotProps = HTMLChakraProps<\"th\">;\nexport const TableColumnHeaderSlot: SlotComponent<\n  HTMLTableCellElement,\n  TableColumnHeaderSlotProps\n> = withContext<HTMLTableCellElement, TableColumnHeaderSlotProps>(\n  \"th\",\n  \"columnHeader\"\n);\n\nexport type TableCellSlotProps = HTMLChakraProps<\"td\">;\nexport const TableCellSlot: SlotComponent<\n  HTMLTableCellElement,\n  TableCellSlotProps\n> = withContext<HTMLTableCellElement, TableCellSlotProps>(\"td\", \"cell\");\n","import {\n  TableRootSlot,\n  TableCaptionSlot,\n  TableHeaderSlot,\n  TableBodySlot,\n  TableFooterSlot,\n  TableRowSlot,\n  TableColumnHeaderSlot,\n  TableCellSlot,\n} from \"./table.slots\";\nimport type {\n  TableRootProps,\n  TableCaptionProps,\n  TableHeaderProps,\n  TableBodyProps,\n  TableFooterProps,\n  TableRowProps,\n  TableColumnHeaderProps,\n  TableCellProps,\n  TableScrollAreaProps,\n  TableColumnGroupProps,\n  TableColumnProps,\n} from \"./table.types\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { extractStyleProps } from \"@/utils\";\nimport { Box } from \"../box\";\n\n/**\n * # Table\n *\n * Component for displaying tabular data.\n *\n * Built on top of Chakra UI's Table component with Nimbus theming.\n *\n * @supportsStyleProps\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/data-display/table}\n *\n * @example\n * ```tsx\n * <Table.Root>\n *   <Table.Header>\n *     <Table.Row>\n *       <Table.ColumnHeader>Name</Table.ColumnHeader>\n *     </Table.Row>\n *   </Table.Header>\n *   <Table.Body>\n *     <Table.Row>\n *       <Table.Cell>John</Table.Cell>\n *     </Table.Row>\n *   </Table.Body>\n * </Table.Root>\n * ```\n */\n\n/**\n * Table.Root\n *\n * The root table container that provides context for all table slots.\n *\n * @supportsStyleProps\n */\nexport const TableRoot = (props: TableRootProps) => {\n  const { ref, ...restProps } = props;\n  const recipe = useSlotRecipe({ key: \"nimbusTable\" });\n  const [recipeProps, restRecipeProps] = recipe.splitVariantProps(restProps);\n  const [styleProps, htmlProps] = extractStyleProps(restRecipeProps);\n\n  return (\n    <TableRootSlot ref={ref} {...recipeProps} {...styleProps} {...htmlProps} />\n  );\n};\nTableRoot.displayName = \"Table.Root\";\n\nexport const TableCaption = (props: TableCaptionProps) => {\n  return <TableCaptionSlot {...props} />;\n};\nTableCaption.displayName = \"Table.Caption\";\n\nexport const TableHeader = (props: TableHeaderProps) => {\n  return <TableHeaderSlot {...props} />;\n};\nTableHeader.displayName = \"Table.Header\";\n\nexport const TableBody = (props: TableBodyProps) => {\n  return <TableBodySlot {...props} />;\n};\nTableBody.displayName = \"Table.Body\";\n\nexport const TableFooter = (props: TableFooterProps) => {\n  return <TableFooterSlot {...props} />;\n};\nTableFooter.displayName = \"Table.Footer\";\n\nexport const TableRow = (props: TableRowProps) => {\n  return <TableRowSlot {...props} />;\n};\nTableRow.displayName = \"Table.Row\";\n\nexport const TableColumnHeader = (props: TableColumnHeaderProps) => {\n  return <TableColumnHeaderSlot {...props} />;\n};\nTableColumnHeader.displayName = \"Table.ColumnHeader\";\n\nexport const TableCell = (props: TableCellProps) => {\n  return <TableCellSlot {...props} />;\n};\nTableCell.displayName = \"Table.Cell\";\n\nexport const TableScrollArea = (props: TableScrollAreaProps) => {\n  return <Box as=\"div\" overflow=\"auto\" {...props} />;\n};\nTableScrollArea.displayName = \"Table.ScrollArea\";\n\nexport const TableColumnGroup = (props: TableColumnGroupProps) => {\n  return <Box as=\"colgroup\" {...props} />;\n};\nTableColumnGroup.displayName = \"Table.ColumnGroup\";\n\nexport const TableColumn = (props: TableColumnProps) => {\n  return <Box as=\"col\" {...props} />;\n};\nTableColumn.displayName = \"Table.Column\";\n\n/**\n * Export Table with all sub-components as a compound component\n */\nexport const Table: {\n  Root: typeof TableRoot;\n  Caption: typeof TableCaption;\n  Header: typeof TableHeader;\n  Body: typeof TableBody;\n  Footer: typeof TableFooter;\n  Row: typeof TableRow;\n  ColumnHeader: typeof TableColumnHeader;\n  Cell: typeof TableCell;\n  ScrollArea: typeof TableScrollArea;\n  ColumnGroup: typeof TableColumnGroup;\n  Column: typeof TableColumn;\n} = {\n  Root: TableRoot,\n  Caption: TableCaption,\n  Header: TableHeader,\n  Body: TableBody,\n  Footer: TableFooter,\n  Row: TableRow,\n  ColumnHeader: TableColumnHeader,\n  Cell: TableCell,\n  ScrollArea: TableScrollArea,\n  ColumnGroup: TableColumnGroup,\n  Column: TableColumn,\n};\n\nexport type {\n  TableRootProps,\n  TableCaptionProps,\n  TableHeaderProps,\n  TableBodyProps,\n  TableFooterProps,\n  TableRowProps,\n  TableColumnHeaderProps,\n  TableCellProps,\n  TableScrollAreaProps,\n  TableColumnGroupProps,\n  TableColumnProps,\n};\n"],"mappings":"2KAMA,GAAM,CAAE,eAAc,gBAAA,EAAgB,EAAA,wBAAA,CAAwB,CAC5D,IAAK,aACP,CAAC,EAGY,EAGT,EAAmD,QAAS,MAAM,EAGzD,EAGT,EACF,UACA,SACF,EAGa,EAGT,EACF,QACA,QACF,EAGa,EAGT,EAAyD,QAAS,MAAM,EAG/D,EAGT,EACF,QACA,QACF,EAGa,EAGT,EAAoD,KAAM,KAAK,EAGtD,EAGT,EACF,KACA,cACF,EAGa,EAGT,EAAsD,KAAM,MAAM,ECNzD,EAAa,GAA0B,CAClD,GAAM,CAAE,MAAK,GAAG,GAAc,EAExB,CAAC,EAAa,IAAA,EADL,EAAA,cAAA,CAAc,CAAE,IAAK,aAAc,CACX,CAAA,CAAO,kBAAkB,CAAS,EACnE,CAAC,EAAY,GAAa,EAAA,EAAkB,CAAe,EAEjE,OACE,EAAA,EAAA,IAAA,CAAC,EAAD,CAAoB,MAAK,GAAI,EAAa,GAAI,EAAY,GAAI,CAAY,CAAA,CAE9E,EACA,EAAU,YAAc,aAExB,IAAa,EAAgB,IACpB,EAAA,EAAA,IAAA,CAAC,EAAD,CAAkB,GAAI,CAAQ,CAAA,EAEvC,EAAa,YAAc,gBAE3B,IAAa,EAAe,IACnB,EAAA,EAAA,IAAA,CAAC,EAAD,CAAiB,GAAI,CAAQ,CAAA,EAEtC,EAAY,YAAc,eAE1B,IAAa,EAAa,IACjB,EAAA,EAAA,IAAA,CAAC,EAAD,CAAe,GAAI,CAAQ,CAAA,EAEpC,EAAU,YAAc,aAExB,IAAa,EAAe,IACnB,EAAA,EAAA,IAAA,CAAC,EAAD,CAAiB,GAAI,CAAQ,CAAA,EAEtC,EAAY,YAAc,eAE1B,IAAa,EAAY,IAChB,EAAA,EAAA,IAAA,CAAC,EAAD,CAAc,GAAI,CAAQ,CAAA,EAEnC,EAAS,YAAc,YAEvB,IAAa,EAAqB,IACzB,EAAA,EAAA,IAAA,CAAC,EAAD,CAAuB,GAAI,CAAQ,CAAA,EAE5C,EAAkB,YAAc,qBAEhC,IAAa,EAAa,IACjB,EAAA,EAAA,IAAA,CAAC,EAAD,CAAe,GAAI,CAAQ,CAAA,EAEpC,EAAU,YAAc,aAExB,IAAa,EAAmB,IACvB,EAAA,EAAA,IAAA,CAAC,EAAA,EAAD,CAAK,GAAG,MAAM,SAAS,OAAO,GAAI,CAAQ,CAAA,EAEnD,EAAgB,YAAc,mBAE9B,IAAa,EAAoB,IACxB,EAAA,EAAA,IAAA,CAAC,EAAA,EAAD,CAAK,GAAG,WAAW,GAAI,CAAQ,CAAA,EAExC,EAAiB,YAAc,oBAE/B,IAAa,EAAe,IACnB,EAAA,EAAA,IAAA,CAAC,EAAA,EAAD,CAAK,GAAG,MAAM,GAAI,CAAQ,CAAA,EAEnC,EAAY,YAAc,eAK1B,IAAa,EAYT,CACF,KAAM,EACN,QAAS,EACT,OAAQ,EACR,KAAM,EACN,OAAQ,EACR,IAAK,EACL,aAAc,EACd,KAAM,EACN,WAAY,EACZ,YAAa,EACb,OAAQ,CACV"}