@commercetools/nimbus 2.5.0 → 2.7.0

package/dist/chunks/steps-fn1a61eB.es.js

@@ -0,0 +1,307 @@
+import { jsx as i } from "react/jsx-runtime";
+import { createSlotRecipeContext as F, useSlotRecipe as G, useChakraContext as H, useBreakpointValue as J, Steps as a, useStepsContext as m } from "@chakra-ui/react";
+import { useCallback as P, isValidElement as h, cloneElement as C } from "react";
+import { e as p } from "./extract-style-props-DycRTKUw.es.js";
+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), u = J(
+    q
+  ), f = typeof u == "string" ? u : 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: f,
+      ..._,
+      asChild: !0,
+      children: /* @__PURE__ */ i(
+        a.Root,
+        {
+          count: s,
+          defaultStep: r,
+          step: o,
+          onStepChange: n,
+          onStepComplete: c,
+          linear: S,
+          orientation: f,
+          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 dt = {
+  /**
+   * # 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 {
+  dt 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-fn1a61eB.es.js.map

package/dist/chunks/steps-fn1a61eB.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"steps-fn1a61eB.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\";\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  Steps as ChakraSteps,\n  useSlotRecipe,\n  useBreakpointValue,\n  useChakraContext,\n  type SlotRecipeProps,\n} from \"@chakra-ui/react\";\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\";\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\";\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\";\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\";\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\";\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\";\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\";\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\";\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\";\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\";\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\";\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\";\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\";\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/switch-B-Nshlie.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const t=require("react/jsx-runtime"),$=require("react"),f=require("@chakra-ui/react"),x=require("@chakra-ui/react/styled-system"),R=require("./extract-style-props-Ct7Gz3Mt.cjs.js"),q=require("./index-DqvhN7j3.cjs.js"),w=require("./useObjectRef-4v2MxSjQ.cjs.js"),y=require("./mergeProps-BAXAqyMT.cjs.js"),m=require("./useToggleState-CKQxC8Yz.cjs.js"),j=require("./useToggle-D0yhCNgE.cjs.js"),g=require("./useFocusRing-D6OR62eN.cjs.js"),k=require("./visually-hidden-BrG70ba_.cjs.js");function v(s,e,c){let{labelProps:i,inputProps:l,isSelected:o,isPressed:a,isDisabled:n,isReadOnly:d}=j.$d2c8e2b0480f3f34$export$cbe85ee05b554577(s,e,c);return{labelProps:i,inputProps:{...l,role:"switch",checked:o},isSelected:o,isPressed:a,isDisabled:n,isReadOnly:d}}const{withProvider:D,withContext:u}=f.createSlotRecipeContext({key:"nimbusSwitch"}),O=D("label","root"),T=u("span","label"),C=u("span","track"),F=u("span","thumb"),b=({ref:s,...e})=>{const c=$.useRef(null),i=w.$df56164dff5785e2$export$4338b53315abf666(s?f.mergeRefs(c,s):c),l=x.useSlotRecipe({recipe:q.switchSlotRecipe}),[o,a]=l.splitVariantProps(e),[n,d]=R.extractStyleProps(a),p=m.$3017fa7ffdddec74$export$8042c6c013fd5226(e),{inputProps:S}=v(d,p,i),{isFocused:h,focusProps:P}=g.$f7dceffc5ad7768b$export$4e328f61c538687f(),r={"data-selected":p.isSelected,"data-invalid":e.isInvalid,"data-disabled":e.isDisabled,"data-focus":h||void 0};return t.jsxs(O,{"data-slot":"root",...o,...r,...n,children:[t.jsxs(C,{"data-slot":"track",...r,children:[t.jsx(F,{"data-slot":"thumb",...r}),t.jsx(k.VisuallyHidden,{as:"span",children:t.jsx("input",{"data-slot":"input",...y.$3ef42575df84b30b$export$9d1611c77c2fe928(S,P),ref:i})})]}),e.children&&t.jsx(T,{"data-slot":"label",...r,children:e.children})]})};b.displayName="Switch";exports.Switch=b;
+//# sourceMappingURL=switch-B-Nshlie.cjs.js.map

package/dist/chunks/switch-B-Nshlie.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-B-Nshlie.cjs.js","sources":["../../../../node_modules/.pnpm/@react-aria+switch@3.7.10_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@react-aria/switch/dist/useSwitch.mjs","../../src/components/switch/switch.slots.tsx","../../src/components/switch/switch.tsx"],"sourcesContent":["import {useToggle as $ifSyJ$useToggle} from \"@react-aria/toggle\";\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 $b418ec0c85c52f27$export$d853f7095ae95f88(props, state, ref) {\n    let { labelProps: labelProps, inputProps: inputProps, isSelected: isSelected, isPressed: isPressed, isDisabled: isDisabled, isReadOnly: isReadOnly } = (0, $ifSyJ$useToggle)(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 {$b418ec0c85c52f27$export$d853f7095ae95f88 as useSwitch};\n//# sourceMappingURL=useSwitch.module.js.map\n","import { createSlotRecipeContext } from \"@chakra-ui/react\";\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 { useFocusRing, useSwitch, useObjectRef, mergeProps } from \"react-aria\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { VisuallyHidden } from \"@/components\";\nimport { extractStyleProps } from \"@/utils\";\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 state = useToggleState(props);\n  const { inputProps } = useSwitch(functionalProps, state, ref);\n\n  const { isFocused, focusProps } = useFocusRing();\n\n  const stateProps = {\n    \"data-selected\": state.isSelected,\n    \"data-invalid\": props.isInvalid,\n    \"data-disabled\": props.isDisabled,\n    \"data-focus\": isFocused || undefined,\n  };\n  return (\n    <SwitchRootSlot\n      data-slot=\"root\"\n      {...recipeProps}\n      {...stateProps}\n      {...styleProps}\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            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":["$b418ec0c85c52f27$export$d853f7095ae95f88","props","state","ref","labelProps","inputProps","isSelected","isPressed","isDisabled","isReadOnly","$ifSyJ$useToggle","withProvider","withContext","createSlotRecipeContext","SwitchRootSlot","SwitchLabelSlot","SwitchTrackSlot","SwitchThumbSlot","Switch","externalRef","localRef","useRef","useObjectRef","mergeRefs","recipe","useSlotRecipe","switchSlotRecipe","recipeProps","recipeLessProps","styleProps","functionalProps","extractStyleProps","useToggleState","useSwitch","isFocused","focusProps","useFocusRing","stateProps","jsxs","jsx","VisuallyHidden","mergeProps"],"mappings":"+eAaA,SAASA,EAA0CC,EAAOC,EAAOC,EAAK,CAClE,GAAI,CAAE,WAAYC,EAAY,WAAYC,EAAY,WAAYC,EAAY,UAAWC,EAAW,WAAYC,EAAY,WAAYC,CAAU,EAASC,EAAAA,0CAAkBT,EAAOC,EAAOC,CAAG,EAC9L,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,ECRJM,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,EAEjE1B,EAAQ8B,EAAAA,0CAAe/B,CAAK,EAC5B,CAAE,WAAAI,CAAA,EAAe4B,EAAUH,EAAiB5B,EAAOC,CAAG,EAEtD,CAAE,UAAA+B,EAAW,WAAAC,CAAA,EAAeC,4CAAA,EAE5BC,EAAa,CACjB,gBAAiBnC,EAAM,WACvB,eAAgBD,EAAM,UACtB,gBAAiBA,EAAM,WACvB,aAAciC,GAAa,MAAA,EAE7B,OACEI,EAAAA,KAACxB,EAAA,CACC,YAAU,OACT,GAAGa,EACH,GAAGU,EACH,GAAGR,EAEJ,SAAA,CAAAS,EAAAA,KAACtB,EAAA,CAAgB,YAAU,QAAS,GAAGqB,EACrC,SAAA,CAAAE,EAAAA,IAACtB,EAAA,CAAgB,YAAU,QAAS,GAAGoB,CAAA,CAAY,EACnDE,EAAAA,IAACC,EAAAA,eAAA,CAAe,GAAG,OACjB,SAAAD,EAAAA,IAAC,QAAA,CACC,YAAU,QACT,GAAGE,EAAAA,0CAAWpC,EAAY8B,CAAU,EACrC,IAAAhC,CAAA,CAAA,CACF,CACF,CAAA,EACF,EAECF,EAAM,UACLsC,MAACxB,EAAA,CAAgB,YAAU,QAAS,GAAGsB,EACpC,SAAApC,EAAM,QAAA,CACT,CAAA,CAAA,CAAA,CAIR,EACAiB,EAAO,YAAc","x_google_ignoreList":[0]}

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

@@ -0,0 +1,67 @@
+import { jsxs as m, jsx as c } from "react/jsx-runtime";
+import { useRef as u } from "react";
+import { createSlotRecipeContext as S, mergeRefs as P } from "@chakra-ui/react";
+import { useSlotRecipe as w } from "@chakra-ui/react/styled-system";
+import { e as x } from "./extract-style-props-DycRTKUw.es.js";
+import { c as R } from "./index-2OfbaOAd.es.js";
+import { $ as y } from "./useObjectRef-CaJ5pgjX.es.js";
+import { a as k } from "./mergeProps-Dg8WqJiN.es.js";
+import { $ as v } from "./useToggleState-DWm4nWJh.es.js";
+import { $ as D } from "./useToggle-CBhPQREj.es.js";
+import { $ as O } from "./useFocusRing-BMbyOrJt.es.js";
+import { V } from "./visually-hidden-EGgKt7hK.es.js";
+function j(t, e, s) {
+  let { labelProps: o, inputProps: a, isSelected: i, isPressed: l, isDisabled: d, isReadOnly: n } = D(t, e, s);
+  return {
+    labelProps: o,
+    inputProps: {
+      ...a,
+      role: "switch",
+      checked: i
+    },
+    isSelected: i,
+    isPressed: l,
+    isDisabled: d,
+    isReadOnly: n
+  };
+}
+const { withProvider: C, withContext: p } = /* @__PURE__ */ S({
+  key: "nimbusSwitch"
+}), L = /* @__PURE__ */ C("label", "root"), T = /* @__PURE__ */ p("span", "label"), g = /* @__PURE__ */ p("span", "track"), F = /* @__PURE__ */ p("span", "thumb"), H = ({ ref: t, ...e }) => {
+  const s = u(null), o = y(
+    t ? P(s, t) : s
+  ), a = w({ recipe: R }), [i, l] = a.splitVariantProps(e), [d, n] = x(l), f = v(e), { inputProps: b } = j(n, f, o), { isFocused: $, focusProps: h } = O(), r = {
+    "data-selected": f.isSelected,
+    "data-invalid": e.isInvalid,
+    "data-disabled": e.isDisabled,
+    "data-focus": $ || void 0
+  };
+  return /* @__PURE__ */ m(
+    L,
+    {
+      "data-slot": "root",
+      ...i,
+      ...r,
+      ...d,
+      children: [
+        /* @__PURE__ */ m(g, { "data-slot": "track", ...r, children: [
+          /* @__PURE__ */ c(F, { "data-slot": "thumb", ...r }),
+          /* @__PURE__ */ c(V, { as: "span", children: /* @__PURE__ */ c(
+            "input",
+            {
+              "data-slot": "input",
+              ...k(b, h),
+              ref: o
+            }
+          ) })
+        ] }),
+        e.children && /* @__PURE__ */ c(T, { "data-slot": "label", ...r, children: e.children })
+      ]
+    }
+  );
+};
+H.displayName = "Switch";
+export {
+  H as S
+};
+//# sourceMappingURL=switch-CbO7p2uX.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch-CbO7p2uX.es.js","sources":["../../../../node_modules/.pnpm/@react-aria+switch@3.7.10_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@react-aria/switch/dist/useSwitch.mjs","../../src/components/switch/switch.slots.tsx","../../src/components/switch/switch.tsx"],"sourcesContent":["import {useToggle as $ifSyJ$useToggle} from \"@react-aria/toggle\";\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 $b418ec0c85c52f27$export$d853f7095ae95f88(props, state, ref) {\n    let { labelProps: labelProps, inputProps: inputProps, isSelected: isSelected, isPressed: isPressed, isDisabled: isDisabled, isReadOnly: isReadOnly } = (0, $ifSyJ$useToggle)(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 {$b418ec0c85c52f27$export$d853f7095ae95f88 as useSwitch};\n//# sourceMappingURL=useSwitch.module.js.map\n","import { createSlotRecipeContext } from \"@chakra-ui/react\";\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 { useFocusRing, useSwitch, useObjectRef, mergeProps } from \"react-aria\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { VisuallyHidden } from \"@/components\";\nimport { extractStyleProps } from \"@/utils\";\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 state = useToggleState(props);\n  const { inputProps } = useSwitch(functionalProps, state, ref);\n\n  const { isFocused, focusProps } = useFocusRing();\n\n  const stateProps = {\n    \"data-selected\": state.isSelected,\n    \"data-invalid\": props.isInvalid,\n    \"data-disabled\": props.isDisabled,\n    \"data-focus\": isFocused || undefined,\n  };\n  return (\n    <SwitchRootSlot\n      data-slot=\"root\"\n      {...recipeProps}\n      {...stateProps}\n      {...styleProps}\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            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":["$b418ec0c85c52f27$export$d853f7095ae95f88","props","state","ref","labelProps","inputProps","isSelected","isPressed","isDisabled","isReadOnly","$ifSyJ$useToggle","withProvider","withContext","createSlotRecipeContext","SwitchRootSlot","SwitchLabelSlot","SwitchTrackSlot","SwitchThumbSlot","Switch","externalRef","localRef","useRef","useObjectRef","mergeRefs","recipe","useSlotRecipe","switchSlotRecipe","recipeProps","recipeLessProps","styleProps","functionalProps","extractStyleProps","useToggleState","useSwitch","isFocused","focusProps","useFocusRing","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,EAAkBT,GAAOC,GAAOC,CAAG;AAC9L,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,GCRJM,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,GAEjE1B,IAAQ8B,EAAe/B,CAAK,GAC5B,EAAE,YAAAI,EAAA,IAAe4B,EAAUH,GAAiB5B,GAAOC,CAAG,GAEtD,EAAE,WAAA+B,GAAW,YAAAC,EAAA,IAAeC,EAAA,GAE5BC,IAAa;AAAA,IACjB,iBAAiBnC,EAAM;AAAA,IACvB,gBAAgBD,EAAM;AAAA,IACtB,iBAAiBA,EAAM;AAAA,IACvB,cAAciC,KAAa;AAAA,EAAA;AAE7B,SACE,gBAAAI;AAAA,IAACxB;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACT,GAAGa;AAAA,MACH,GAAGU;AAAA,MACH,GAAGR;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAS,EAACtB,GAAA,EAAgB,aAAU,SAAS,GAAGqB,GACrC,UAAA;AAAA,UAAA,gBAAAE,EAACtB,GAAA,EAAgB,aAAU,SAAS,GAAGoB,EAAA,CAAY;AAAA,UACnD,gBAAAE,EAACC,GAAA,EAAe,IAAG,QACjB,UAAA,gBAAAD;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,aAAU;AAAA,cACT,GAAGE,EAAWpC,GAAY8B,CAAU;AAAA,cACrC,KAAAhC;AAAA,YAAA;AAAA,UAAA,EACF,CACF;AAAA,QAAA,GACF;AAAA,QAECF,EAAM,YACL,gBAAAsC,EAACxB,GAAA,EAAgB,aAAU,SAAS,GAAGsB,GACpC,UAAApC,EAAM,SAAA,CACT;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;AACAiB,EAAO,cAAc;","x_google_ignoreList":[0]}

package/dist/chunks/table-B0lbDPJW.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const o=require("react/jsx-runtime"),H=require("@chakra-ui/react"),N=require("@chakra-ui/react/styled-system"),w=require("./extract-style-props-Ct7Gz3Mt.cjs.js"),t=require("./box-CWni3A32.cjs.js"),{withProvider:P,withContext:l}=H.createSlotRecipeContext({key:"nimbusTable"}),B=P("table","root"),h=l("caption","caption"),q=l("thead","header"),F=l("tbody","body"),f=l("tfoot","footer"),A=l("tr","row"),G=l("th","columnHeader"),v=l("td","cell"),a=e=>{const{ref:m,...y}=e,C=N.useSlotRecipe({key:"nimbusTable"}),[x,S]=C.splitVariantProps(y),[R,j]=w.extractStyleProps(S);return o.jsx(B,{ref:m,...x,...R,...j})};a.displayName="Table.Root";const r=e=>o.jsx(h,{...e});r.displayName="Table.Caption";const s=e=>o.jsx(q,{...e});s.displayName="Table.Header";const n=e=>o.jsx(F,{...e});n.displayName="Table.Body";const b=e=>o.jsx(f,{...e});b.displayName="Table.Footer";const c=e=>o.jsx(A,{...e});c.displayName="Table.Row";const T=e=>o.jsx(G,{...e});T.displayName="Table.ColumnHeader";const u=e=>o.jsx(v,{...e});u.displayName="Table.Cell";const i=e=>o.jsx(t.Box,{as:"div",overflow:"auto",...e});i.displayName="Table.ScrollArea";const p=e=>o.jsx(t.Box,{as:"colgroup",...e});p.displayName="Table.ColumnGroup";const d=e=>o.jsx(t.Box,{as:"col",...e});d.displayName="Table.Column";const k={Root:a,Caption:r,Header:s,Body:n,Footer:b,Row:c,ColumnHeader:T,Cell:u,ScrollArea:i,ColumnGroup:p,Column:d};exports.Table=k;exports.TableBody=n;exports.TableCaption=r;exports.TableCell=u;exports.TableColumn=d;exports.TableColumnGroup=p;exports.TableColumnHeader=T;exports.TableFooter=b;exports.TableHeader=s;exports.TableRoot=a;exports.TableRow=c;exports.TableScrollArea=i;
+//# sourceMappingURL=table-B0lbDPJW.cjs.js.map

package/dist/chunks/table-B0lbDPJW.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-B0lbDPJW.cjs.js","sources":["../../src/components/table/table.slots.tsx","../../src/components/table/table.tsx"],"sourcesContent":["import {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n} from \"@chakra-ui/react\";\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"],"names":["withProvider","withContext","createSlotRecipeContext","TableRootSlot","TableCaptionSlot","TableHeaderSlot","TableBodySlot","TableFooterSlot","TableRowSlot","TableColumnHeaderSlot","TableCellSlot","TableRoot","props","ref","restProps","recipe","useSlotRecipe","recipeProps","restRecipeProps","styleProps","htmlProps","extractStyleProps","jsx","TableCaption","TableHeader","TableBody","TableFooter","TableRow","TableColumnHeader","TableCell","TableScrollArea","Box","TableColumnGroup","TableColumn","Table"],"mappings":"kNAMM,CAAE,aAAAA,EAAc,YAAAC,CAAA,EAAgBC,0BAAwB,CAC5D,IAAK,aACP,CAAC,EAGYC,EAGTH,EAAmD,QAAS,MAAM,EAGzDI,EAGTH,EACF,UACA,SACF,EAGaI,EAGTJ,EACF,QACA,QACF,EAGaK,EAGTL,EAAyD,QAAS,MAAM,EAG/DM,EAGTN,EACF,QACA,QACF,EAGaO,EAGTP,EAAoD,KAAM,KAAK,EAGtDQ,EAGTR,EACF,KACA,cACF,EAGaS,EAGTT,EAAsD,KAAM,MAAM,ECNzDU,EAAaC,GAA0B,CAClD,KAAM,CAAE,IAAAC,EAAK,GAAGC,CAAA,EAAcF,EACxBG,EAASC,EAAAA,cAAc,CAAE,IAAK,cAAe,EAC7C,CAACC,EAAaC,CAAe,EAAIH,EAAO,kBAAkBD,CAAS,EACnE,CAACK,EAAYC,CAAS,EAAIC,EAAAA,kBAAkBH,CAAe,EAEjE,OACEI,EAAAA,IAACnB,GAAc,IAAAU,EAAW,GAAGI,EAAc,GAAGE,EAAa,GAAGC,EAAW,CAE7E,EACAT,EAAU,YAAc,aAEjB,MAAMY,EAAgBX,GACpBU,MAAClB,EAAA,CAAkB,GAAGQ,CAAA,CAAO,EAEtCW,EAAa,YAAc,gBAEpB,MAAMC,EAAeZ,GACnBU,MAACjB,EAAA,CAAiB,GAAGO,CAAA,CAAO,EAErCY,EAAY,YAAc,eAEnB,MAAMC,EAAab,GACjBU,MAAChB,EAAA,CAAe,GAAGM,CAAA,CAAO,EAEnCa,EAAU,YAAc,aAEjB,MAAMC,EAAed,GACnBU,MAACf,EAAA,CAAiB,GAAGK,CAAA,CAAO,EAErCc,EAAY,YAAc,eAEnB,MAAMC,EAAYf,GAChBU,MAACd,EAAA,CAAc,GAAGI,CAAA,CAAO,EAElCe,EAAS,YAAc,YAEhB,MAAMC,EAAqBhB,GACzBU,MAACb,EAAA,CAAuB,GAAGG,CAAA,CAAO,EAE3CgB,EAAkB,YAAc,qBAEzB,MAAMC,EAAajB,GACjBU,MAACZ,EAAA,CAAe,GAAGE,CAAA,CAAO,EAEnCiB,EAAU,YAAc,aAEjB,MAAMC,EAAmBlB,SACtBmB,EAAAA,IAAA,CAAI,GAAG,MAAM,SAAS,OAAQ,GAAGnB,EAAO,EAElDkB,EAAgB,YAAc,mBAEvB,MAAME,EAAoBpB,GACxBU,EAAAA,IAACS,EAAAA,IAAA,CAAI,GAAG,WAAY,GAAGnB,EAAO,EAEvCoB,EAAiB,YAAc,oBAExB,MAAMC,EAAerB,GACnBU,EAAAA,IAACS,EAAAA,IAAA,CAAI,GAAG,MAAO,GAAGnB,EAAO,EAElCqB,EAAY,YAAc,eAKnB,MAAMC,EAYT,CACF,KAAMvB,EACN,QAASY,EACT,OAAQC,EACR,KAAMC,EACN,OAAQC,EACR,IAAKC,EACL,aAAcC,EACd,KAAMC,EACN,WAAYC,EACZ,YAAaE,EACb,OAAQC,CACV"}

package/dist/chunks/table-Dar7_XsB.es.js

@@ -0,0 +1,72 @@
+import { jsx as e } from "react/jsx-runtime";
+import { createSlotRecipeContext as H } from "@chakra-ui/react";
+import { useSlotRecipe as w } from "@chakra-ui/react/styled-system";
+import { e as P } from "./extract-style-props-DycRTKUw.es.js";
+import { B as t } from "./box-DuBoAZvq.es.js";
+const { withProvider: h, withContext: a } = /* @__PURE__ */ H({
+  key: "nimbusTable"
+}), x = /* @__PURE__ */ h("table", "root"), B = /* @__PURE__ */ a(
+  "caption",
+  "caption"
+), F = /* @__PURE__ */ a(
+  "thead",
+  "header"
+), k = /* @__PURE__ */ a("tbody", "body"), v = /* @__PURE__ */ a(
+  "tfoot",
+  "footer"
+), A = /* @__PURE__ */ a("tr", "row"), G = /* @__PURE__ */ a(
+  "th",
+  "columnHeader"
+), g = /* @__PURE__ */ a("td", "cell"), l = (o) => {
+  const { ref: u, ...y } = o, C = w({ key: "nimbusTable" }), [S, N] = C.splitVariantProps(y), [R, f] = P(N);
+  return /* @__PURE__ */ e(x, { ref: u, ...S, ...R, ...f });
+};
+l.displayName = "Table.Root";
+const r = (o) => /* @__PURE__ */ e(B, { ...o });
+r.displayName = "Table.Caption";
+const s = (o) => /* @__PURE__ */ e(F, { ...o });
+s.displayName = "Table.Header";
+const n = (o) => /* @__PURE__ */ e(k, { ...o });
+n.displayName = "Table.Body";
+const c = (o) => /* @__PURE__ */ e(v, { ...o });
+c.displayName = "Table.Footer";
+const p = (o) => /* @__PURE__ */ e(A, { ...o });
+p.displayName = "Table.Row";
+const b = (o) => /* @__PURE__ */ e(G, { ...o });
+b.displayName = "Table.ColumnHeader";
+const i = (o) => /* @__PURE__ */ e(g, { ...o });
+i.displayName = "Table.Cell";
+const m = (o) => /* @__PURE__ */ e(t, { as: "div", overflow: "auto", ...o });
+m.displayName = "Table.ScrollArea";
+const T = (o) => /* @__PURE__ */ e(t, { as: "colgroup", ...o });
+T.displayName = "Table.ColumnGroup";
+const d = (o) => /* @__PURE__ */ e(t, { as: "col", ...o });
+d.displayName = "Table.Column";
+const E = {
+  Root: l,
+  Caption: r,
+  Header: s,
+  Body: n,
+  Footer: c,
+  Row: p,
+  ColumnHeader: b,
+  Cell: i,
+  ScrollArea: m,
+  ColumnGroup: T,
+  Column: d
+};
+export {
+  E as T,
+  n as a,
+  r as b,
+  i as c,
+  d,
+  T as e,
+  b as f,
+  c as g,
+  s as h,
+  l as i,
+  p as j,
+  m as k
+};
+//# sourceMappingURL=table-Dar7_XsB.es.js.map

package/dist/chunks/table-Dar7_XsB.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-Dar7_XsB.es.js","sources":["../../src/components/table/table.slots.tsx","../../src/components/table/table.tsx"],"sourcesContent":["import {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n} from \"@chakra-ui/react\";\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"],"names":["withProvider","withContext","createSlotRecipeContext","TableRootSlot","TableCaptionSlot","TableHeaderSlot","TableBodySlot","TableFooterSlot","TableRowSlot","TableColumnHeaderSlot","TableCellSlot","TableRoot","props","ref","restProps","recipe","useSlotRecipe","recipeProps","restRecipeProps","styleProps","htmlProps","extractStyleProps","jsx","TableCaption","TableHeader","TableBody","TableFooter","TableRow","TableColumnHeader","TableCell","TableScrollArea","Box","TableColumnGroup","TableColumn","Table"],"mappings":";;;;;AAMA,MAAM,EAAE,cAAAA,GAAc,aAAAC,EAAA,IAAgB,gBAAAC,EAAwB;AAAA,EAC5D,KAAK;AACP,CAAC,GAGYC,IAGT,gBAAAH,EAAmD,SAAS,MAAM,GAGzDI,IAGT,gBAAAH;AAAA,EACF;AAAA,EACA;AACF,GAGaI,IAGT,gBAAAJ;AAAA,EACF;AAAA,EACA;AACF,GAGaK,IAGT,gBAAAL,EAAyD,SAAS,MAAM,GAG/DM,IAGT,gBAAAN;AAAA,EACF;AAAA,EACA;AACF,GAGaO,IAGT,gBAAAP,EAAoD,MAAM,KAAK,GAGtDQ,IAGT,gBAAAR;AAAA,EACF;AAAA,EACA;AACF,GAGaS,IAGT,gBAAAT,EAAsD,MAAM,MAAM,GCNzDU,IAAY,CAACC,MAA0B;AAClD,QAAM,EAAE,KAAAC,GAAK,GAAGC,EAAA,IAAcF,GACxBG,IAASC,EAAc,EAAE,KAAK,eAAe,GAC7C,CAACC,GAAaC,CAAe,IAAIH,EAAO,kBAAkBD,CAAS,GACnE,CAACK,GAAYC,CAAS,IAAIC,EAAkBH,CAAe;AAEjE,SACE,gBAAAI,EAACnB,KAAc,KAAAU,GAAW,GAAGI,GAAc,GAAGE,GAAa,GAAGC,GAAW;AAE7E;AACAT,EAAU,cAAc;AAEjB,MAAMY,IAAe,CAACX,MACpB,gBAAAU,EAAClB,GAAA,EAAkB,GAAGQ,EAAA,CAAO;AAEtCW,EAAa,cAAc;AAEpB,MAAMC,IAAc,CAACZ,MACnB,gBAAAU,EAACjB,GAAA,EAAiB,GAAGO,EAAA,CAAO;AAErCY,EAAY,cAAc;AAEnB,MAAMC,IAAY,CAACb,MACjB,gBAAAU,EAAChB,GAAA,EAAe,GAAGM,EAAA,CAAO;AAEnCa,EAAU,cAAc;AAEjB,MAAMC,IAAc,CAACd,MACnB,gBAAAU,EAACf,GAAA,EAAiB,GAAGK,EAAA,CAAO;AAErCc,EAAY,cAAc;AAEnB,MAAMC,IAAW,CAACf,MAChB,gBAAAU,EAACd,GAAA,EAAc,GAAGI,EAAA,CAAO;AAElCe,EAAS,cAAc;AAEhB,MAAMC,IAAoB,CAAChB,MACzB,gBAAAU,EAACb,GAAA,EAAuB,GAAGG,EAAA,CAAO;AAE3CgB,EAAkB,cAAc;AAEzB,MAAMC,IAAY,CAACjB,MACjB,gBAAAU,EAACZ,GAAA,EAAe,GAAGE,EAAA,CAAO;AAEnCiB,EAAU,cAAc;AAEjB,MAAMC,IAAkB,CAAClB,wBACtBmB,GAAA,EAAI,IAAG,OAAM,UAAS,QAAQ,GAAGnB,GAAO;AAElDkB,EAAgB,cAAc;AAEvB,MAAME,IAAmB,CAACpB,MACxB,gBAAAU,EAACS,GAAA,EAAI,IAAG,YAAY,GAAGnB,GAAO;AAEvCoB,EAAiB,cAAc;AAExB,MAAMC,IAAc,CAACrB,MACnB,gBAAAU,EAACS,GAAA,EAAI,IAAG,OAAO,GAAGnB,GAAO;AAElCqB,EAAY,cAAc;AAKnB,MAAMC,IAYT;AAAA,EACF,MAAMvB;AAAA,EACN,SAASY;AAAA,EACT,QAAQC;AAAA,EACR,MAAMC;AAAA,EACN,QAAQC;AAAA,EACR,KAAKC;AAAA,EACL,cAAcC;AAAA,EACd,MAAMC;AAAA,EACN,YAAYC;AAAA,EACZ,aAAaE;AAAA,EACb,QAAQC;AACV;"}