@commercetools/nimbus 0.0.0-canary-20251013071647 → 0.0.0-canary-20251014065943

package/dist/chunks/multiline-text-input-4kwHZ5HO.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"multiline-text-input-4kwHZ5HO.cjs.js","sources":["../../src/components/multiline-text-input/multiline-text-input.recipe.tsx","../../src/components/multiline-text-input/multiline-text-input.slots.tsx","../../src/components/multiline-text-input/hooks/use-autogrow.ts","../../src/components/multiline-text-input/multiline-text-input.tsx"],"sourcesContent":["import { defineSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { designTokens } from \"@commercetools/nimbus-tokens\";\n\n/**\n * Recipe configuration for the MultilineTextInput component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const multilineTextInputRecipe = defineSlotRecipe({\n  // Unique class name prefix for the component\n  className: \"nimbus-multiline-text-input\",\n  slots: [\"root\", \"leadingElement\", \"textarea\"],\n  // Base styles applied to all instances of the component\n  base: {\n    root: {\n      \"--input-border-radius\": \"sizes.200\",\n      display: \"inline-flex\",\n      overflowY: \"auto\",\n      resize: \"vertical\",\n      borderRadius: \"var(--input-border-radius)\",\n      colorPalette: \"neutral\",\n      bg: \"transparent\",\n      boxShadow: \"inset 0 0 0 var(--border-width) var(--border-color)\",\n      _focusWithin: {\n        layerStyle: \"focusRing\",\n      },\n\n      focusVisibleRing: \"outside\",\n      focusRing: \"outside\",\n      fontFamily: \"inherit\",\n      \"&::-webkit-resizer\": {\n        backgroundImage: `url(\"data:image/svg+xml,${encodeURIComponent(`\n        <svg width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n          <mask id=\"mask0_4610_25787\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"-1\" y=\"-1\" width=\"9\" height=\"9\">\n            <rect width=\"1.03391\" height=\"4.13563\" transform=\"matrix(0.716449 0.69764 -0.716449 0.69764 6.92578 4.05362)\" fill=\"currentColor\"/>\n            <rect width=\"1.03391\" height=\"8.27125\" transform=\"matrix(0.716448 0.69764 -0.716448 0.69764 5.87891 -0.0262451)\" fill=\"currentColor\"/>\n          </mask>\n          <g mask=\"url(#mask0_4610_25787)\">\n            <rect width=\"8\" height=\"8\" fill=\"${designTokens.color[\"semantic-palettes\"].primary.light[9]}\"/>\n          </g>\n        </svg>\n      `)}\")`,\n        backgroundRepeat: \"no-repeat\",\n        backgroundPosition: \"center\",\n        backgroundSize: \"200 200\",\n        width: \"400\",\n        height: \"400\",\n      },\n      \"&[data-disabled='true']\": {\n        layerStyle: \"disabled\",\n        bg: \"neutral.3\",\n      },\n      \"&[data-invalid='true']\": {\n        \"--border-width\": \"sizes.50\",\n        \"--border-color\": \"colors.critical.7\",\n        color: \"critical.11\",\n      },\n    },\n    leadingElement: {\n      display: \"flex\",\n      color: \"neutral.11\",\n    },\n    textarea: {\n      flexGrow: 1,\n      outline: \"none\",\n      resize: \"none\",\n      background: \"transparent\",\n      borderTopRightRadius: \"200\",\n      borderBottomRightRadius: \"200\",\n      _placeholder: {\n        opacity: 0.5,\n        color: \"currentColor\",\n      },\n      \"&[data-disabled='true']\": { cursor: \"not-allowed\" },\n    },\n  },\n\n  variants: {\n    size: {\n      sm: {\n        root: {\n          minH: \"800\",\n          textStyle: \"sm\",\n          gap: \"100\",\n          pl: \"300\",\n        },\n        textarea: {\n          pr: \"300\",\n          py: \"100\",\n        },\n        leadingElement: {\n          pt: \"200\",\n          \"& svg\": {\n            boxSize: \"400\",\n          },\n        },\n      },\n      md: {\n        root: {\n          minH: \"1000\",\n          textStyle: \"md\",\n          gap: \"200\",\n          pl: \"400\",\n        },\n        textarea: {\n          py: \"200\",\n          pr: \"400\",\n        },\n        leadingElement: {\n          pt: \"200\",\n          \"& svg\": {\n            mt: \"50\",\n            boxSize: \"500\",\n          },\n        },\n      },\n    },\n\n    variant: {\n      solid: {\n        root: {\n          \"--border-width\": \"sizes.25\",\n          \"--border-color\": \"colors.neutral.7\",\n          backgroundColor: \"neutral.1\",\n          _hover: {\n            backgroundColor: \"primary.2\",\n          },\n        },\n      },\n      ghost: {\n        root: {\n          _hover: {\n            backgroundColor: \"primary.2\",\n          },\n        },\n      },\n    },\n  },\n\n  defaultVariants: {\n    size: \"md\",\n    variant: \"solid\",\n  },\n});\n","import {\n  type HTMLChakraProps,\n  type RecipeVariantProps,\n  type UnstyledProp,\n  createSlotRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\n\nimport { multilineTextInputRecipe } from \"./multiline-text-input.recipe\";\n\nexport interface MultilineTextInputRecipeProps\n  extends RecipeVariantProps<typeof multilineTextInputRecipe>,\n    UnstyledProp {}\n\nexport type MultilineTextInputRootSlotProps = HTMLChakraProps<\n  \"div\",\n  MultilineTextInputRecipeProps\n>;\n\nexport type MultilineTextInputLeadingElementProps = HTMLChakraProps<\n  \"div\",\n  MultilineTextInputRecipeProps\n>;\n\nexport type MultilineTextInputTextAreaSlotProps = HTMLChakraProps<\n  \"textarea\",\n  MultilineTextInputRecipeProps\n>;\n\nconst { withContext, withProvider } = createSlotRecipeContext({\n  recipe: multilineTextInputRecipe,\n});\n\n/**\n * Root component that provides the styling context for the MultilineTextInput component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const MultilineTextInputRootSlot = withProvider<\n  HTMLDivElement,\n  MultilineTextInputRootSlotProps\n>(\"div\", \"root\");\n\nexport const MultilineTextInputLeadingElementSlot = withContext<\n  HTMLDivElement,\n  MultilineTextInputLeadingElementProps\n>(\"div\", \"leadingElement\");\n\nexport const MultilineTextInputTextAreaSlot = withContext<\n  HTMLTextAreaElement,\n  MultilineTextInputTextAreaSlotProps\n>(\"textarea\", \"textarea\");\n","import { useEffect, useCallback } from \"react\";\nimport type { RefObject } from \"react\";\n\ninterface UseAutogrowOptions {\n  enabled?: boolean;\n}\n\n/**\n * Hook for managing textarea autogrow behavior\n *\n * @param ref - Reference to the textarea element\n * @param options - Configuration options\n * @param options.enabled - Whether autogrow is enabled\n * @returns void\n *\n * @internal\n */\nexport function useAutogrow(\n  ref: RefObject<HTMLTextAreaElement | null>,\n  options: UseAutogrowOptions = {}\n): void {\n  const { enabled = false } = options;\n\n  const adjustHeight = useCallback(() => {\n    const textarea = ref.current;\n    if (!textarea || !enabled) return;\n\n    // Reset height to auto to get the correct scrollHeight\n    textarea.style.height = \"auto\";\n\n    // Calculate the new height based on content\n    const contentHeight = textarea.scrollHeight;\n\n    // Apply maxHeight constraint if specified\n    const computedStyle = window.getComputedStyle(textarea);\n    const maxHeightPxValue = parseInt(computedStyle.maxHeight, 10);\n\n    // Check if maxHeight is a valid number and apply constraint\n    const finalHeight =\n      !isNaN(maxHeightPxValue) && maxHeightPxValue > 0\n        ? Math.min(contentHeight, maxHeightPxValue)\n        : contentHeight;\n\n    // Set the new height\n    textarea.style.height = `${finalHeight}px`;\n  }, [enabled]);\n\n  // Set up auto-grow behavior with event listeners\n  useEffect(() => {\n    const textarea = ref.current;\n    if (!textarea || !enabled) return;\n\n    // Initial adjustment\n    adjustHeight();\n\n    // Add input event listener for real-time adjustments\n    const handleInput = () => {\n      adjustHeight();\n    };\n\n    textarea.addEventListener(\"input\", handleInput);\n\n    // Cleanup\n    return () => {\n      textarea.removeEventListener(\"input\", handleInput);\n    };\n  }, [adjustHeight, enabled]);\n}\n","import { useRef } from \"react\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { useObjectRef, useTextField } from \"react-aria\";\nimport { TextArea } from \"react-aria-components\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\nimport {\n  MultilineTextInputRootSlot,\n  MultilineTextInputLeadingElementSlot,\n  MultilineTextInputTextAreaSlot,\n} from \"./multiline-text-input.slots\";\nimport type { MultilineTextInputProps } from \"./multiline-text-input.types\";\nimport { multilineTextInputRecipe } from \"./multiline-text-input.recipe\";\nimport { useAutogrow } from \"./hooks\";\n\n/**\n * # Multiline Text Input\n *\n * A multiline text input component for capturing longer text content.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/forms/multiline-text-input}\n */\nexport const MultilineTextInput = (props: MultilineTextInputProps) => {\n  const {\n    ref: forwardedRef,\n    leadingElement,\n    rows = 1,\n    autoGrow = false,\n    ...restProps\n  } = props; // The default `rows` attribute for a textarea is 2, so we need to override it\n  const recipe = useRecipe({ recipe: multilineTextInputRecipe });\n\n  const localRef = useRef<HTMLTextAreaElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  const [recipeProps, remainingProps] = recipe.splitVariantProps(restProps);\n  const [styleProps, functionalProps] = extractStyleProps(remainingProps);\n  const { inputProps } = useTextField<\"textarea\">(functionalProps, ref);\n\n  // Use autogrow hook for auto-grow functionality\n  useAutogrow(ref, { enabled: autoGrow });\n\n  const additionalRootProps = {\n    \"data-disabled\": restProps.isDisabled ? \"true\" : undefined,\n    \"data-invalid\": restProps.isInvalid ? \"true\" : \"false\",\n  };\n\n  return (\n    <MultilineTextInputRootSlot\n      className={props?.className as string}\n      {...recipeProps}\n      {...styleProps}\n      {...additionalRootProps}\n    >\n      <>\n        {leadingElement && (\n          <MultilineTextInputLeadingElementSlot>\n            {leadingElement}\n          </MultilineTextInputLeadingElementSlot>\n        )}\n        <MultilineTextInputTextAreaSlot asChild>\n          <TextArea ref={ref} rows={rows} {...inputProps} />\n        </MultilineTextInputTextAreaSlot>\n      </>\n    </MultilineTextInputRootSlot>\n  );\n};\n\nMultilineTextInput.displayName = \"MultilineTextInput\";\n"],"names":["multilineTextInputRecipe","defineSlotRecipe","designTokens","withContext","withProvider","createSlotRecipeContext","MultilineTextInputRootSlot","MultilineTextInputLeadingElementSlot","MultilineTextInputTextAreaSlot","useAutogrow","ref","options","enabled","adjustHeight","useCallback","textarea","contentHeight","computedStyle","maxHeightPxValue","finalHeight","useEffect","handleInput","MultilineTextInput","props","forwardedRef","leadingElement","rows","autoGrow","restProps","recipe","useRecipe","localRef","useRef","useObjectRef","mergeRefs","recipeProps","remainingProps","styleProps","functionalProps","extractStyleProps","inputProps","useTextField","additionalRootProps","jsx","jsxs","Fragment","TextArea"],"mappings":"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"}

package/dist/chunks/multiline-text-input-BrE5zqv5.es.js

@@ -1,195 +0,0 @@
-import { jsx as l, jsxs as b, Fragment as v } from "react/jsx-runtime";
-import { useCallback as w, useEffect as y, useRef as R } from "react";
-import { mergeRefs as k } from "@chakra-ui/react";
-import { defineSlotRecipe as S, createSlotRecipeContext as $, useRecipe as C } from "@chakra-ui/react/styled-system";
-import { $ as P } from "./TextArea-DItoG16s.es.js";
-import { e as z } from "./extractStyleProps-CNXOLneR.es.js";
-import { designTokens as I } from "@commercetools/nimbus-tokens";
-import { $ as E } from "./useObjectRef-CaJ5pgjX.es.js";
-import { $ as T } from "./useTextField-CT9tuc9X.es.js";
-const c = /* @__PURE__ */ S({
-  // Unique class name prefix for the component
-  className: "nimbus-multiline-text-input",
-  slots: ["root", "leadingElement", "textarea"],
-  // Base styles applied to all instances of the component
-  base: {
-    root: {
-      "--input-border-radius": "sizes.200",
-      display: "inline-flex",
-      overflowY: "auto",
-      resize: "vertical",
-      borderRadius: "var(--input-border-radius)",
-      colorPalette: "neutral",
-      bg: "transparent",
-      boxShadow: "inset 0 0 0 var(--border-width) var(--border-color)",
-      _focusWithin: {
-        layerStyle: "focusRing"
-      },
-      focusVisibleRing: "outside",
-      focusRing: "outside",
-      fontFamily: "inherit",
-      "&::-webkit-resizer": {
-        backgroundImage: `url("data:image/svg+xml,${/* @__PURE__ */ encodeURIComponent(`
-        <svg width="8" height="8" viewBox="0 0 8 8" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-          <mask id="mask0_4610_25787" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="-1" y="-1" width="9" height="9">
-            <rect width="1.03391" height="4.13563" transform="matrix(0.716449 0.69764 -0.716449 0.69764 6.92578 4.05362)" fill="currentColor"/>
-            <rect width="1.03391" height="8.27125" transform="matrix(0.716448 0.69764 -0.716448 0.69764 5.87891 -0.0262451)" fill="currentColor"/>
-          </mask>
-          <g mask="url(#mask0_4610_25787)">
-            <rect width="8" height="8" fill="${I.color["semantic-palettes"].primary.light[9]}"/>
-          </g>
-        </svg>
-      `)}")`,
-        backgroundRepeat: "no-repeat",
-        backgroundPosition: "center",
-        backgroundSize: "200 200",
-        width: "400",
-        height: "400"
-      },
-      "&[data-disabled='true']": {
-        layerStyle: "disabled",
-        bg: "neutral.3"
-      },
-      "&[data-invalid='true']": {
-        "--border-width": "sizes.50",
-        "--border-color": "colors.critical.7",
-        color: "critical.11"
-      }
-    },
-    leadingElement: {
-      display: "flex",
-      color: "neutral.11"
-    },
-    textarea: {
-      flexGrow: 1,
-      outline: "none",
-      resize: "none",
-      background: "transparent",
-      borderTopRightRadius: "200",
-      borderBottomRightRadius: "200",
-      _placeholder: {
-        opacity: 0.5,
-        color: "currentColor"
-      },
-      "&[data-disabled='true']": { cursor: "not-allowed" }
-    }
-  },
-  variants: {
-    size: {
-      sm: {
-        root: {
-          minH: "800",
-          textStyle: "sm",
-          gap: "100",
-          pl: "300"
-        },
-        textarea: {
-          pr: "300",
-          py: "100"
-        },
-        leadingElement: {
-          pt: "200",
-          "& svg": {
-            boxSize: "400"
-          }
-        }
-      },
-      md: {
-        root: {
-          minH: "1000",
-          textStyle: "md",
-          gap: "200",
-          pl: "400"
-        },
-        textarea: {
-          py: "200",
-          pr: "400"
-        },
-        leadingElement: {
-          pt: "200",
-          "& svg": {
-            mt: "50",
-            boxSize: "500"
-          }
-        }
-      }
-    },
-    variant: {
-      solid: {
-        root: {
-          "--border-width": "sizes.25",
-          "--border-color": "colors.neutral.7",
-          backgroundColor: "neutral.1",
-          _hover: {
-            backgroundColor: "primary.2"
-          }
-        }
-      },
-      ghost: {
-        root: {
-          _hover: {
-            backgroundColor: "primary.2"
-          }
-        }
-      }
-    }
-  },
-  defaultVariants: {
-    size: "md",
-    variant: "solid"
-  }
-}), { withContext: u, withProvider: H } = /* @__PURE__ */ $({
-  recipe: c
-}), _ = /* @__PURE__ */ H("div", "root"), M = /* @__PURE__ */ u("div", "leadingElement"), N = /* @__PURE__ */ u("textarea", "textarea");
-function V(o, s = {}) {
-  const { enabled: r = !1 } = s, i = w(() => {
-    const e = o.current;
-    if (!e || !r) return;
-    e.style.height = "auto";
-    const t = e.scrollHeight, d = window.getComputedStyle(e), a = parseInt(d.maxHeight, 10), n = !isNaN(a) && a > 0 ? Math.min(t, a) : t;
-    e.style.height = `${n}px`;
-  }, [r]);
-  y(() => {
-    const e = o.current;
-    if (!e || !r) return;
-    i();
-    const t = () => {
-      i();
-    };
-    return e.addEventListener("input", t), () => {
-      e.removeEventListener("input", t);
-    };
-  }, [i, r]);
-}
-const j = (o) => {
-  const {
-    ref: s,
-    leadingElement: r,
-    rows: i = 1,
-    autoGrow: e = !1,
-    ...t
-  } = o, d = C({ recipe: c }), a = R(null), n = E(k(a, s)), [p, m] = d.splitVariantProps(t), [g, h] = z(m), { inputProps: f } = T(h, n);
-  V(n, { enabled: e });
-  const x = {
-    "data-disabled": t.isDisabled ? "true" : void 0,
-    "data-invalid": t.isInvalid ? "true" : "false"
-  };
-  return /* @__PURE__ */ l(
-    _,
-    {
-      className: o?.className,
-      ...p,
-      ...g,
-      ...x,
-      children: /* @__PURE__ */ b(v, { children: [
-        r && /* @__PURE__ */ l(M, { children: r }),
-        /* @__PURE__ */ l(N, { asChild: !0, children: /* @__PURE__ */ l(P, { ref: n, rows: i, ...f }) })
-      ] })
-    }
-  );
-};
-j.displayName = "MultilineTextInput";
-export {
-  j as M
-};
-//# sourceMappingURL=multiline-text-input-BrE5zqv5.es.js.map

package/dist/chunks/multiline-text-input-BrE5zqv5.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"multiline-text-input-BrE5zqv5.es.js","sources":["../../src/components/multiline-text-input/multiline-text-input.recipe.tsx","../../src/components/multiline-text-input/multiline-text-input.slots.tsx","../../src/components/multiline-text-input/hooks/use-autogrow.ts","../../src/components/multiline-text-input/multiline-text-input.tsx"],"sourcesContent":["import { defineSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { designTokens } from \"@commercetools/nimbus-tokens\";\n\n/**\n * Recipe configuration for the MultilineTextInput component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const multilineTextInputRecipe = defineSlotRecipe({\n  // Unique class name prefix for the component\n  className: \"nimbus-multiline-text-input\",\n  slots: [\"root\", \"leadingElement\", \"textarea\"],\n  // Base styles applied to all instances of the component\n  base: {\n    root: {\n      \"--input-border-radius\": \"sizes.200\",\n      display: \"inline-flex\",\n      overflowY: \"auto\",\n      resize: \"vertical\",\n      borderRadius: \"var(--input-border-radius)\",\n      colorPalette: \"neutral\",\n      bg: \"transparent\",\n      boxShadow: \"inset 0 0 0 var(--border-width) var(--border-color)\",\n      _focusWithin: {\n        layerStyle: \"focusRing\",\n      },\n\n      focusVisibleRing: \"outside\",\n      focusRing: \"outside\",\n      fontFamily: \"inherit\",\n      \"&::-webkit-resizer\": {\n        backgroundImage: `url(\"data:image/svg+xml,${encodeURIComponent(`\n        <svg width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n          <mask id=\"mask0_4610_25787\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"-1\" y=\"-1\" width=\"9\" height=\"9\">\n            <rect width=\"1.03391\" height=\"4.13563\" transform=\"matrix(0.716449 0.69764 -0.716449 0.69764 6.92578 4.05362)\" fill=\"currentColor\"/>\n            <rect width=\"1.03391\" height=\"8.27125\" transform=\"matrix(0.716448 0.69764 -0.716448 0.69764 5.87891 -0.0262451)\" fill=\"currentColor\"/>\n          </mask>\n          <g mask=\"url(#mask0_4610_25787)\">\n            <rect width=\"8\" height=\"8\" fill=\"${designTokens.color[\"semantic-palettes\"].primary.light[9]}\"/>\n          </g>\n        </svg>\n      `)}\")`,\n        backgroundRepeat: \"no-repeat\",\n        backgroundPosition: \"center\",\n        backgroundSize: \"200 200\",\n        width: \"400\",\n        height: \"400\",\n      },\n      \"&[data-disabled='true']\": {\n        layerStyle: \"disabled\",\n        bg: \"neutral.3\",\n      },\n      \"&[data-invalid='true']\": {\n        \"--border-width\": \"sizes.50\",\n        \"--border-color\": \"colors.critical.7\",\n        color: \"critical.11\",\n      },\n    },\n    leadingElement: {\n      display: \"flex\",\n      color: \"neutral.11\",\n    },\n    textarea: {\n      flexGrow: 1,\n      outline: \"none\",\n      resize: \"none\",\n      background: \"transparent\",\n      borderTopRightRadius: \"200\",\n      borderBottomRightRadius: \"200\",\n      _placeholder: {\n        opacity: 0.5,\n        color: \"currentColor\",\n      },\n      \"&[data-disabled='true']\": { cursor: \"not-allowed\" },\n    },\n  },\n\n  variants: {\n    size: {\n      sm: {\n        root: {\n          minH: \"800\",\n          textStyle: \"sm\",\n          gap: \"100\",\n          pl: \"300\",\n        },\n        textarea: {\n          pr: \"300\",\n          py: \"100\",\n        },\n        leadingElement: {\n          pt: \"200\",\n          \"& svg\": {\n            boxSize: \"400\",\n          },\n        },\n      },\n      md: {\n        root: {\n          minH: \"1000\",\n          textStyle: \"md\",\n          gap: \"200\",\n          pl: \"400\",\n        },\n        textarea: {\n          py: \"200\",\n          pr: \"400\",\n        },\n        leadingElement: {\n          pt: \"200\",\n          \"& svg\": {\n            mt: \"50\",\n            boxSize: \"500\",\n          },\n        },\n      },\n    },\n\n    variant: {\n      solid: {\n        root: {\n          \"--border-width\": \"sizes.25\",\n          \"--border-color\": \"colors.neutral.7\",\n          backgroundColor: \"neutral.1\",\n          _hover: {\n            backgroundColor: \"primary.2\",\n          },\n        },\n      },\n      ghost: {\n        root: {\n          _hover: {\n            backgroundColor: \"primary.2\",\n          },\n        },\n      },\n    },\n  },\n\n  defaultVariants: {\n    size: \"md\",\n    variant: \"solid\",\n  },\n});\n","import {\n  type HTMLChakraProps,\n  type RecipeVariantProps,\n  type UnstyledProp,\n  createSlotRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\n\nimport { multilineTextInputRecipe } from \"./multiline-text-input.recipe\";\n\nexport interface MultilineTextInputRecipeProps\n  extends RecipeVariantProps<typeof multilineTextInputRecipe>,\n    UnstyledProp {}\n\nexport type MultilineTextInputRootSlotProps = HTMLChakraProps<\n  \"div\",\n  MultilineTextInputRecipeProps\n>;\n\nexport type MultilineTextInputLeadingElementProps = HTMLChakraProps<\n  \"div\",\n  MultilineTextInputRecipeProps\n>;\n\nexport type MultilineTextInputTextAreaSlotProps = HTMLChakraProps<\n  \"textarea\",\n  MultilineTextInputRecipeProps\n>;\n\nconst { withContext, withProvider } = createSlotRecipeContext({\n  recipe: multilineTextInputRecipe,\n});\n\n/**\n * Root component that provides the styling context for the MultilineTextInput component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const MultilineTextInputRootSlot = withProvider<\n  HTMLDivElement,\n  MultilineTextInputRootSlotProps\n>(\"div\", \"root\");\n\nexport const MultilineTextInputLeadingElementSlot = withContext<\n  HTMLDivElement,\n  MultilineTextInputLeadingElementProps\n>(\"div\", \"leadingElement\");\n\nexport const MultilineTextInputTextAreaSlot = withContext<\n  HTMLTextAreaElement,\n  MultilineTextInputTextAreaSlotProps\n>(\"textarea\", \"textarea\");\n","import { useEffect, useCallback } from \"react\";\nimport type { RefObject } from \"react\";\n\ninterface UseAutogrowOptions {\n  enabled?: boolean;\n}\n\n/**\n * Hook for managing textarea autogrow behavior\n *\n * @param ref - Reference to the textarea element\n * @param options - Configuration options\n * @param options.enabled - Whether autogrow is enabled\n * @returns void\n *\n * @internal\n */\nexport function useAutogrow(\n  ref: RefObject<HTMLTextAreaElement | null>,\n  options: UseAutogrowOptions = {}\n): void {\n  const { enabled = false } = options;\n\n  const adjustHeight = useCallback(() => {\n    const textarea = ref.current;\n    if (!textarea || !enabled) return;\n\n    // Reset height to auto to get the correct scrollHeight\n    textarea.style.height = \"auto\";\n\n    // Calculate the new height based on content\n    const contentHeight = textarea.scrollHeight;\n\n    // Apply maxHeight constraint if specified\n    const computedStyle = window.getComputedStyle(textarea);\n    const maxHeightPxValue = parseInt(computedStyle.maxHeight, 10);\n\n    // Check if maxHeight is a valid number and apply constraint\n    const finalHeight =\n      !isNaN(maxHeightPxValue) && maxHeightPxValue > 0\n        ? Math.min(contentHeight, maxHeightPxValue)\n        : contentHeight;\n\n    // Set the new height\n    textarea.style.height = `${finalHeight}px`;\n  }, [enabled]);\n\n  // Set up auto-grow behavior with event listeners\n  useEffect(() => {\n    const textarea = ref.current;\n    if (!textarea || !enabled) return;\n\n    // Initial adjustment\n    adjustHeight();\n\n    // Add input event listener for real-time adjustments\n    const handleInput = () => {\n      adjustHeight();\n    };\n\n    textarea.addEventListener(\"input\", handleInput);\n\n    // Cleanup\n    return () => {\n      textarea.removeEventListener(\"input\", handleInput);\n    };\n  }, [adjustHeight, enabled]);\n}\n","import { useRef } from \"react\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { useObjectRef, useTextField } from \"react-aria\";\nimport { TextArea } from \"react-aria-components\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\nimport {\n  MultilineTextInputRootSlot,\n  MultilineTextInputLeadingElementSlot,\n  MultilineTextInputTextAreaSlot,\n} from \"./multiline-text-input.slots\";\nimport type { MultilineTextInputProps } from \"./multiline-text-input.types\";\nimport { multilineTextInputRecipe } from \"./multiline-text-input.recipe\";\nimport { useAutogrow } from \"./hooks\";\n\n/**\n * # Multiline Text Input\n *\n * A multiline text input component for capturing longer text content.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/forms/multiline-text-input}\n */\nexport const MultilineTextInput = (props: MultilineTextInputProps) => {\n  const {\n    ref: forwardedRef,\n    leadingElement,\n    rows = 1,\n    autoGrow = false,\n    ...restProps\n  } = props; // The default `rows` attribute for a textarea is 2, so we need to override it\n  const recipe = useRecipe({ recipe: multilineTextInputRecipe });\n\n  const localRef = useRef<HTMLTextAreaElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  const [recipeProps, remainingProps] = recipe.splitVariantProps(restProps);\n  const [styleProps, functionalProps] = extractStyleProps(remainingProps);\n  const { inputProps } = useTextField<\"textarea\">(functionalProps, ref);\n\n  // Use autogrow hook for auto-grow functionality\n  useAutogrow(ref, { enabled: autoGrow });\n\n  const additionalRootProps = {\n    \"data-disabled\": restProps.isDisabled ? \"true\" : undefined,\n    \"data-invalid\": restProps.isInvalid ? \"true\" : \"false\",\n  };\n\n  return (\n    <MultilineTextInputRootSlot\n      className={props?.className as string}\n      {...recipeProps}\n      {...styleProps}\n      {...additionalRootProps}\n    >\n      <>\n        {leadingElement && (\n          <MultilineTextInputLeadingElementSlot>\n            {leadingElement}\n          </MultilineTextInputLeadingElementSlot>\n        )}\n        <MultilineTextInputTextAreaSlot asChild>\n          <TextArea ref={ref} rows={rows} {...inputProps} />\n        </MultilineTextInputTextAreaSlot>\n      </>\n    </MultilineTextInputRootSlot>\n  );\n};\n\nMultilineTextInput.displayName = \"MultilineTextInput\";\n"],"names":["multilineTextInputRecipe","defineSlotRecipe","designTokens","withContext","withProvider","createSlotRecipeContext","MultilineTextInputRootSlot","MultilineTextInputLeadingElementSlot","MultilineTextInputTextAreaSlot","useAutogrow","ref","options","enabled","adjustHeight","useCallback","textarea","contentHeight","computedStyle","maxHeightPxValue","finalHeight","useEffect","handleInput","MultilineTextInput","props","forwardedRef","leadingElement","rows","autoGrow","restProps","recipe","useRecipe","localRef","useRef","useObjectRef","mergeRefs","recipeProps","remainingProps","styleProps","functionalProps","extractStyleProps","inputProps","useTextField","additionalRootProps","jsx","jsxs","Fragment","TextArea"],"mappings":";;;;;;;;;AAOO,MAAMA,IAA2B,gBAAAC,EAAiB;AAAA;AAAA,EAEvD,WAAW;AAAA,EACX,OAAO,CAAC,QAAQ,kBAAkB,UAAU;AAAA;AAAA,EAE5C,MAAM;AAAA,IACJ,MAAM;AAAA,MACJ,yBAAyB;AAAA,MACzB,SAAS;AAAA,MACT,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,cAAc;AAAA,MACd,IAAI;AAAA,MACJ,WAAW;AAAA,MACX,cAAc;AAAA,QACZ,YAAY;AAAA,MAAA;AAAA,MAGd,kBAAkB;AAAA,MAClB,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,sBAAsB;AAAA,QACpB,iBAAiB,2BAA2B,mCAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+CAOxBC,EAAa,MAAM,mBAAmB,EAAE,QAAQ,MAAM,CAAC,CAAC;AAAA;AAAA;AAAA,OAGhG,CAAC;AAAA,QACA,kBAAkB;AAAA,QAClB,oBAAoB;AAAA,QACpB,gBAAgB;AAAA,QAChB,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA;AAAA,MAEV,2BAA2B;AAAA,QACzB,YAAY;AAAA,QACZ,IAAI;AAAA,MAAA;AAAA,MAEN,0BAA0B;AAAA,QACxB,kBAAkB;AAAA,QAClB,kBAAkB;AAAA,QAClB,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,gBAAgB;AAAA,MACd,SAAS;AAAA,MACT,OAAO;AAAA,IAAA;AAAA,IAET,UAAU;AAAA,MACR,UAAU;AAAA,MACV,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,sBAAsB;AAAA,MACtB,yBAAyB;AAAA,MACzB,cAAc;AAAA,QACZ,SAAS;AAAA,QACT,OAAO;AAAA,MAAA;AAAA,MAET,2BAA2B,EAAE,QAAQ,cAAA;AAAA,IAAc;AAAA,EACrD;AAAA,EAGF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,MAAM;AAAA,UACJ,MAAM;AAAA,UACN,WAAW;AAAA,UACX,KAAK;AAAA,UACL,IAAI;AAAA,QAAA;AAAA,QAEN,UAAU;AAAA,UACR,IAAI;AAAA,UACJ,IAAI;AAAA,QAAA;AAAA,QAEN,gBAAgB;AAAA,UACd,IAAI;AAAA,UACJ,SAAS;AAAA,YACP,SAAS;AAAA,UAAA;AAAA,QACX;AAAA,MACF;AAAA,MAEF,IAAI;AAAA,QACF,MAAM;AAAA,UACJ,MAAM;AAAA,UACN,WAAW;AAAA,UACX,KAAK;AAAA,UACL,IAAI;AAAA,QAAA;AAAA,QAEN,UAAU;AAAA,UACR,IAAI;AAAA,UACJ,IAAI;AAAA,QAAA;AAAA,QAEN,gBAAgB;AAAA,UACd,IAAI;AAAA,UACJ,SAAS;AAAA,YACP,IAAI;AAAA,YACJ,SAAS;AAAA,UAAA;AAAA,QACX;AAAA,MACF;AAAA,IACF;AAAA,IAGF,SAAS;AAAA,MACP,OAAO;AAAA,QACL,MAAM;AAAA,UACJ,kBAAkB;AAAA,UAClB,kBAAkB;AAAA,UAClB,iBAAiB;AAAA,UACjB,QAAQ;AAAA,YACN,iBAAiB;AAAA,UAAA;AAAA,QACnB;AAAA,MACF;AAAA,MAEF,OAAO;AAAA,QACL,MAAM;AAAA,UACJ,QAAQ;AAAA,YACN,iBAAiB;AAAA,UAAA;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAGF,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAEb,CAAC,GClHK,EAAE,aAAAC,GAAa,cAAAC,EAAA,IAAiB,gBAAAC,EAAwB;AAAA,EAC5D,QAAQL;AACV,CAAC,GAMYM,IAA6B,gBAAAF,EAGxC,OAAO,MAAM,GAEFG,IAAuC,gBAAAJ,EAGlD,OAAO,gBAAgB,GAEZK,IAAiC,gBAAAL,EAG5C,YAAY,UAAU;AChCjB,SAASM,EACdC,GACAC,IAA8B,IACxB;AACN,QAAM,EAAE,SAAAC,IAAU,GAAA,IAAUD,GAEtBE,IAAeC,EAAY,MAAM;AACrC,UAAMC,IAAWL,EAAI;AACrB,QAAI,CAACK,KAAY,CAACH,EAAS;AAG3B,IAAAG,EAAS,MAAM,SAAS;AAGxB,UAAMC,IAAgBD,EAAS,cAGzBE,IAAgB,OAAO,iBAAiBF,CAAQ,GAChDG,IAAmB,SAASD,EAAc,WAAW,EAAE,GAGvDE,IACJ,CAAC,MAAMD,CAAgB,KAAKA,IAAmB,IAC3C,KAAK,IAAIF,GAAeE,CAAgB,IACxCF;AAGN,IAAAD,EAAS,MAAM,SAAS,GAAGI,CAAW;AAAA,EACxC,GAAG,CAACP,CAAO,CAAC;AAGZ,EAAAQ,EAAU,MAAM;AACd,UAAML,IAAWL,EAAI;AACrB,QAAI,CAACK,KAAY,CAACH,EAAS;AAG3B,IAAAC,EAAA;AAGA,UAAMQ,IAAc,MAAM;AACxB,MAAAR,EAAA;AAAA,IACF;AAEA,WAAAE,EAAS,iBAAiB,SAASM,CAAW,GAGvC,MAAM;AACX,MAAAN,EAAS,oBAAoB,SAASM,CAAW;AAAA,IACnD;AAAA,EACF,GAAG,CAACR,GAAcD,CAAO,CAAC;AAC5B;AC5CO,MAAMU,IAAqB,CAACC,MAAmC;AACpE,QAAM;AAAA,IACJ,KAAKC;AAAA,IACL,gBAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,UAAAC,IAAW;AAAA,IACX,GAAGC;AAAA,EAAA,IACDL,GACEM,IAASC,EAAU,EAAE,QAAQ9B,GAA0B,GAEvD+B,IAAWC,EAA4B,IAAI,GAC3CtB,IAAMuB,EAAaC,EAAUH,GAAUP,CAAY,CAAC,GAEpD,CAACW,GAAaC,CAAc,IAAIP,EAAO,kBAAkBD,CAAS,GAClE,CAACS,GAAYC,CAAe,IAAIC,EAAkBH,CAAc,GAChE,EAAE,YAAAI,EAAA,IAAeC,EAAyBH,GAAiB5B,CAAG;AAGpE,EAAAD,EAAYC,GAAK,EAAE,SAASiB,EAAA,CAAU;AAEtC,QAAMe,IAAsB;AAAA,IAC1B,iBAAiBd,EAAU,aAAa,SAAS;AAAA,IACjD,gBAAgBA,EAAU,YAAY,SAAS;AAAA,EAAA;AAGjD,SACE,gBAAAe;AAAA,IAACrC;AAAA,IAAA;AAAA,MACC,WAAWiB,GAAO;AAAA,MACjB,GAAGY;AAAA,MACH,GAAGE;AAAA,MACH,GAAGK;AAAA,MAEJ,UAAA,gBAAAE,EAAAC,GAAA,EACG,UAAA;AAAA,QAAApB,KACC,gBAAAkB,EAACpC,KACE,UAAAkB,EAAA,CACH;AAAA,QAEF,gBAAAkB,EAACnC,GAAA,EAA+B,SAAO,IACrC,UAAA,gBAAAmC,EAACG,KAAS,KAAApC,GAAU,MAAAgB,GAAa,GAAGc,EAAA,CAAY,EAAA,CAClD;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;AAEAlB,EAAmB,cAAc;"}

package/dist/chunks/pagination-2Zl9bHfw.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pagination-2Zl9bHfw.es.js","sources":["../../src/components/pagination/hooks/use-pagination.ts","../../src/components/pagination/pagination.tsx"],"sourcesContent":["import { useState, useCallback, useMemo } from \"react\";\n\nexport interface PaginationState {\n  /** Total number of items across all pages */\n  totalItems: number;\n  /** Current active page (1-based) */\n  currentPage: number;\n  /** Number of items displayed per page */\n  pageSize: number;\n  /** Total number of pages available */\n  totalPages: number;\n  /** Index of the first item on current page (1-based) */\n  startItem: number;\n  /** Index of the last item on current page (1-based) */\n  endItem: number;\n  /** Whether there is a previous page available */\n  hasPreviousPage: boolean;\n  /** Whether there is a next page available */\n  hasNextPage: boolean;\n}\n\nexport interface UsePaginationProps {\n  /** Total number of items to paginate */\n  totalItems: number;\n  /** Initial current page (1-based), defaults to 1 */\n  currentPage?: number;\n  /** Initial number of items per page, defaults to 10 */\n  pageSize?: number;\n  /** Callback fired when the current page changes */\n  onPageChange?: (page: number) => void;\n  /** Callback fired when the page size changes */\n  onPageSizeChange?: (pageSize: number) => void;\n}\n\nexport interface UsePaginationReturn extends PaginationState {\n  /** Navigate to a specific page number (1-based) */\n  goToPage: (page: number) => void;\n  /** Navigate to the previous page, if available */\n  goToPreviousPage: () => void;\n  /** Navigate to the next page, if available */\n  goToNextPage: () => void;\n  /** Change the number of items displayed per page */\n  setPageSize: (pageSize: number) => void;\n}\n\n/**\n * # usePagination\n *\n * Custom hook that provides pagination state management and navigation controls.\n *\n * Supports both controlled and uncontrolled modes:\n * - Controlled: Parent component manages currentPage state via props and callbacks\n * - Uncontrolled: Hook manages internal currentPage state automatically\n *\n * @param props - Configuration object for pagination behavior\n * @param props.totalItems - Total number of items to paginate\n * @param props.currentPage - Current page number (controlled mode). If undefined, uses uncontrolled mode\n * @param props.pageSize - Number of items per page (defaults to 20)\n * @param props.onPageChange - Callback fired when page changes\n * @param props.onPageSizeChange - Callback fired when page size changes\n *\n * @returns Object containing pagination state and navigation functions:\n * - totalItems: Total number of items\n * - currentPage: Current active page number (1-based)\n * - pageSize: Number of items per page\n * - totalPages: Total number of pages\n * - startItem: First item number on current page\n * - endItem: Last item number on current page\n * - hasPreviousPage: Whether previous page exists\n * - hasNextPage: Whether next page exists\n * - goToPage: Function to navigate to specific page\n * - goToPreviousPage: Function to navigate to previous page\n * - goToNextPage: Function to navigate to next page\n * - setPageSize: Function to change page size\n *\n */\nexport function usePagination({\n  totalItems,\n  currentPage: controlledCurrentPage,\n  pageSize: controlledPageSize = 20,\n  onPageChange,\n  onPageSizeChange,\n}: UsePaginationProps): UsePaginationReturn {\n  // Internal state for uncontrolled mode\n  const [internalCurrentPage, setInternalCurrentPage] = useState(1);\n  const [internalPageSize, setInternalPageSize] = useState(controlledPageSize);\n\n  // Determine if controlled or uncontrolled\n  const isControlled = controlledCurrentPage !== undefined;\n  const currentPage = isControlled\n    ? controlledCurrentPage\n    : internalCurrentPage;\n  const pageSize = controlledPageSize ?? internalPageSize;\n\n  // Calculate pagination values\n  const totalPages = Math.max(1, Math.ceil(totalItems / pageSize));\n\n  // Ensure currentPage is within valid bounds\n  const validCurrentPage = Math.max(1, Math.min(currentPage, totalPages));\n\n  const startItem = Math.min((validCurrentPage - 1) * pageSize + 1, totalItems);\n  const endItem = Math.min(validCurrentPage * pageSize, totalItems);\n\n  const hasPreviousPage = validCurrentPage > 1;\n  const hasNextPage = validCurrentPage < totalPages;\n\n  // Page navigation functions\n  const goToPage = useCallback(\n    (page: number) => {\n      const newPage = Math.max(1, Math.min(page, totalPages));\n\n      if (!isControlled) {\n        setInternalCurrentPage(newPage);\n      }\n\n      onPageChange?.(newPage);\n    },\n    [totalPages, isControlled, onPageChange]\n  );\n\n  const goToPreviousPage = useCallback(() => {\n    if (hasPreviousPage) {\n      goToPage(validCurrentPage - 1);\n    }\n  }, [hasPreviousPage, validCurrentPage, goToPage]);\n\n  const goToNextPage = useCallback(() => {\n    if (hasNextPage) {\n      goToPage(validCurrentPage + 1);\n    }\n  }, [hasNextPage, validCurrentPage, goToPage]);\n\n  const setPageSize = useCallback(\n    (newPageSize: number) => {\n      const newTotalPages = Math.ceil(totalItems / newPageSize);\n      const newPage = Math.min(validCurrentPage, newTotalPages);\n\n      setInternalPageSize(newPageSize);\n\n      if (!isControlled && newPage !== validCurrentPage) {\n        setInternalCurrentPage(newPage);\n      }\n\n      onPageSizeChange?.(newPageSize);\n\n      if (newPage !== validCurrentPage) {\n        onPageChange?.(newPage);\n      }\n    },\n    [totalItems, validCurrentPage, isControlled, onPageChange, onPageSizeChange]\n  );\n\n  return useMemo(\n    () => ({\n      totalItems,\n      currentPage: validCurrentPage,\n      pageSize,\n      totalPages,\n      startItem,\n      endItem,\n      hasPreviousPage,\n      hasNextPage,\n      goToPage,\n      goToPreviousPage,\n      goToNextPage,\n      setPageSize,\n    }),\n    [\n      totalItems,\n      validCurrentPage,\n      pageSize,\n      totalPages,\n      startItem,\n      endItem,\n      hasPreviousPage,\n      hasNextPage,\n      goToPage,\n      goToPreviousPage,\n      goToNextPage,\n      setPageSize,\n    ]\n  );\n}\n","import { useMemo } from \"react\";\nimport { ChevronLeft, ChevronRight } from \"@commercetools/nimbus-icons\";\nimport {\n  Flex,\n  IconButton,\n  NumberInput,\n  Select,\n  Stack,\n  Text,\n} from \"@/components\";\nimport { usePagination } from \"./hooks/use-pagination\";\nimport type { PaginationProps } from \"./pagination.types\";\n\n/**\n * # Pagination\n *\n * A component that allows users to navigate through pages and control page size.\n * Combines a page size selector and page navigator for comprehensive pagination control.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/pagination}\n */\nexport const Pagination = (props: PaginationProps) => {\n  const {\n    totalItems,\n    currentPage,\n    pageSize,\n    pageSizeOptions = [10, 20, 50, 100],\n    onPageChange,\n    onPageSizeChange,\n    \"aria-label\": ariaLabel = \"Pagination\",\n    enablePageInput = true,\n    enablePageSizeSelector = true,\n  } = props;\n\n  const pagination = usePagination({\n    totalItems,\n    currentPage,\n    pageSize,\n    onPageChange,\n    onPageSizeChange,\n  });\n\n  // Prepare page size options for select\n  const pageSizeSelectOptions = useMemo(\n    () =>\n      pageSizeOptions.map((size) => ({\n        id: size.toString(),\n        name: `${size}`,\n      })),\n    [pageSizeOptions]\n  );\n\n  const handlePageSizeChange = (key: React.Key | null) => {\n    if (key) {\n      const newPageSize = parseInt(key.toString(), 10);\n      pagination.setPageSize(newPageSize);\n    }\n  };\n\n  return (\n    <Stack gap=\"400\" direction={{ base: \"column\", sm: \"row\" }} align=\"center\">\n      {/* Page Size Selector */}\n      {enablePageSizeSelector && (\n        <Flex align=\"center\" gap=\"200\">\n          <Select.Root\n            isClearable={false}\n            selectedKey={pagination.pageSize.toString()}\n            onSelectionChange={handlePageSizeChange}\n            aria-label=\"Items per page\"\n          >\n            <Select.Options>\n              {pageSizeSelectOptions.map((option) => (\n                <Select.Option key={option.id} id={option.id}>\n                  {option.name}\n                </Select.Option>\n              ))}\n            </Select.Options>\n          </Select.Root>\n          <Text color=\"neutral.12\">items per page</Text>\n        </Flex>\n      )}\n      <Flex flexGrow=\"1\" />\n      {/* Page Navigator */}\n      <Flex align=\"center\" gap=\"200\" role=\"navigation\" aria-label={ariaLabel}>\n        <IconButton\n          onClick={pagination.goToPreviousPage}\n          isDisabled={!pagination.hasPreviousPage}\n          variant=\"ghost\"\n          tone=\"primary\"\n          aria-label=\"Go to previous page\"\n        >\n          <ChevronLeft />\n        </IconButton>\n\n        <Flex align=\"center\" gap=\"200\">\n          <Text color=\"neutral.12\">Page</Text>\n          {enablePageInput ? (\n            <NumberInput\n              value={pagination.currentPage}\n              onChange={(value: number | undefined) =>\n                pagination.goToPage(value || 1)\n              }\n              minValue={1}\n              maxValue={pagination.totalPages}\n              step={1}\n              isDisabled={false}\n              width=\"9ch\"\n              aria-label=\"Current page\"\n              aria-current=\"page\"\n            />\n          ) : (\n            <Text fontWeight=\"semibold\" color=\"neutral.12\" aria-current=\"page\">\n              {pagination.currentPage}\n            </Text>\n          )}\n          <Text color=\"neutral.12\">\n            of {pagination.totalPages.toLocaleString()}\n          </Text>\n        </Flex>\n\n        <IconButton\n          onClick={pagination.goToNextPage}\n          isDisabled={!pagination.hasNextPage}\n          variant=\"ghost\"\n          tone=\"primary\"\n          aria-label=\"Go to next page\"\n        >\n          <ChevronRight />\n        </IconButton>\n      </Flex>\n    </Stack>\n  );\n};\n\n// Manually assign a displayName for debugging purposes\nPagination.displayName = \"Pagination\";\n"],"names":["usePagination","totalItems","controlledCurrentPage","controlledPageSize","onPageChange","onPageSizeChange","internalCurrentPage","setInternalCurrentPage","useState","internalPageSize","setInternalPageSize","isControlled","currentPage","pageSize","totalPages","validCurrentPage","startItem","endItem","hasPreviousPage","hasNextPage","goToPage","useCallback","page","newPage","goToPreviousPage","goToNextPage","setPageSize","newPageSize","newTotalPages","useMemo","Pagination","props","pageSizeOptions","ariaLabel","enablePageInput","enablePageSizeSelector","pagination","pageSizeSelectOptions","size","handlePageSizeChange","key","jsxs","Stack","Flex","jsx","Select","option","Text","IconButton","ChevronLeft","NumberInput","value","ChevronRight"],"mappings":";;;;;;;;;AA4EO,SAASA,EAAc;AAAA,EAC5B,YAAAC;AAAA,EACA,aAAaC;AAAA,EACb,UAAUC,IAAqB;AAAA,EAC/B,cAAAC;AAAA,EACA,kBAAAC;AACF,GAA4C;AAE1C,QAAM,CAACC,GAAqBC,CAAsB,IAAIC,EAAS,CAAC,GAC1D,CAACC,GAAkBC,CAAmB,IAAIF,EAASL,CAAkB,GAGrEQ,IAAeT,MAA0B,QACzCU,IAAcD,IAChBT,IACAI,GACEO,IAAWV,KAAsBM,GAGjCK,IAAa,KAAK,IAAI,GAAG,KAAK,KAAKb,IAAaY,CAAQ,CAAC,GAGzDE,IAAmB,KAAK,IAAI,GAAG,KAAK,IAAIH,GAAaE,CAAU,CAAC,GAEhEE,IAAY,KAAK,KAAKD,IAAmB,KAAKF,IAAW,GAAGZ,CAAU,GACtEgB,IAAU,KAAK,IAAIF,IAAmBF,GAAUZ,CAAU,GAE1DiB,IAAkBH,IAAmB,GACrCI,IAAcJ,IAAmBD,GAGjCM,IAAWC;AAAA,IACf,CAACC,MAAiB;AAChB,YAAMC,IAAU,KAAK,IAAI,GAAG,KAAK,IAAID,GAAMR,CAAU,CAAC;AAEtD,MAAKH,KACHJ,EAAuBgB,CAAO,GAGhCnB,IAAemB,CAAO;AAAA,IACxB;AAAA,IACA,CAACT,GAAYH,GAAcP,CAAY;AAAA,EAAA,GAGnCoB,IAAmBH,EAAY,MAAM;AACzC,IAAIH,KACFE,EAASL,IAAmB,CAAC;AAAA,EAEjC,GAAG,CAACG,GAAiBH,GAAkBK,CAAQ,CAAC,GAE1CK,IAAeJ,EAAY,MAAM;AACrC,IAAIF,KACFC,EAASL,IAAmB,CAAC;AAAA,EAEjC,GAAG,CAACI,GAAaJ,GAAkBK,CAAQ,CAAC,GAEtCM,IAAcL;AAAA,IAClB,CAACM,MAAwB;AACvB,YAAMC,IAAgB,KAAK,KAAK3B,IAAa0B,CAAW,GAClDJ,IAAU,KAAK,IAAIR,GAAkBa,CAAa;AAExD,MAAAlB,EAAoBiB,CAAW,GAE3B,CAAChB,KAAgBY,MAAYR,KAC/BR,EAAuBgB,CAAO,GAGhClB,IAAmBsB,CAAW,GAE1BJ,MAAYR,KACdX,IAAemB,CAAO;AAAA,IAE1B;AAAA,IACA,CAACtB,GAAYc,GAAkBJ,GAAcP,GAAcC,CAAgB;AAAA,EAAA;AAG7E,SAAOwB;AAAA,IACL,OAAO;AAAA,MACL,YAAA5B;AAAA,MACA,aAAac;AAAA,MACb,UAAAF;AAAA,MACA,YAAAC;AAAA,MACA,WAAAE;AAAA,MACA,SAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,aAAAC;AAAA,MACA,UAAAC;AAAA,MACA,kBAAAI;AAAA,MACA,cAAAC;AAAA,MACA,aAAAC;AAAA,IAAA;AAAA,IAEF;AAAA,MACEzB;AAAA,MACAc;AAAA,MACAF;AAAA,MACAC;AAAA,MACAE;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAI;AAAA,MACAC;AAAA,MACAC;AAAA,IAAA;AAAA,EACF;AAEJ;ACjKO,MAAMI,IAAa,CAACC,MAA2B;AACpD,QAAM;AAAA,IACJ,YAAA9B;AAAA,IACA,aAAAW;AAAA,IACA,UAAAC;AAAA,IACA,iBAAAmB,IAAkB,CAAC,IAAI,IAAI,IAAI,GAAG;AAAA,IAClC,cAAA5B;AAAA,IACA,kBAAAC;AAAA,IACA,cAAc4B,IAAY;AAAA,IAC1B,iBAAAC,IAAkB;AAAA,IAClB,wBAAAC,IAAyB;AAAA,EAAA,IACvBJ,GAEEK,IAAapC,EAAc;AAAA,IAC/B,YAAAC;AAAA,IACA,aAAAW;AAAA,IACA,UAAAC;AAAA,IACA,cAAAT;AAAA,IACA,kBAAAC;AAAA,EAAA,CACD,GAGKgC,IAAwBR;AAAA,IAC5B,MACEG,EAAgB,IAAI,CAACM,OAAU;AAAA,MAC7B,IAAIA,EAAK,SAAA;AAAA,MACT,MAAM,GAAGA,CAAI;AAAA,IAAA,EACb;AAAA,IACJ,CAACN,CAAe;AAAA,EAAA,GAGZO,IAAuB,CAACC,MAA0B;AACtD,QAAIA,GAAK;AACP,YAAMb,IAAc,SAASa,EAAI,SAAA,GAAY,EAAE;AAC/C,MAAAJ,EAAW,YAAYT,CAAW;AAAA,IACpC;AAAA,EACF;AAEA,SACE,gBAAAc,EAACC,GAAA,EAAM,KAAI,OAAM,WAAW,EAAE,MAAM,UAAU,IAAI,MAAA,GAAS,OAAM,UAE9D,UAAA;AAAA,IAAAP,KACC,gBAAAM,EAACE,GAAA,EAAK,OAAM,UAAS,KAAI,OACvB,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC,EAAO;AAAA,QAAP;AAAA,UACC,aAAa;AAAA,UACb,aAAaT,EAAW,SAAS,SAAA;AAAA,UACjC,mBAAmBG;AAAA,UACnB,cAAW;AAAA,UAEX,UAAA,gBAAAK,EAACC,EAAO,SAAP,EACE,YAAsB,IAAI,CAACC,MAC1B,gBAAAF,EAACC,EAAO,QAAP,EAA8B,IAAIC,EAAO,IACvC,UAAAA,EAAO,QADUA,EAAO,EAE3B,CACD,EAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,MAEF,gBAAAF,EAACG,GAAA,EAAK,OAAM,cAAa,UAAA,iBAAA,CAAc;AAAA,IAAA,GACzC;AAAA,IAEF,gBAAAH,EAACD,GAAA,EAAK,UAAS,IAAA,CAAI;AAAA,IAEnB,gBAAAF,EAACE,KAAK,OAAM,UAAS,KAAI,OAAM,MAAK,cAAa,cAAYV,GAC3D,UAAA;AAAA,MAAA,gBAAAW;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,SAASZ,EAAW;AAAA,UACpB,YAAY,CAACA,EAAW;AAAA,UACxB,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,cAAW;AAAA,UAEX,4BAACa,GAAA,CAAA,CAAY;AAAA,QAAA;AAAA,MAAA;AAAA,MAGf,gBAAAR,EAACE,GAAA,EAAK,OAAM,UAAS,KAAI,OACvB,UAAA;AAAA,QAAA,gBAAAC,EAACG,GAAA,EAAK,OAAM,cAAa,UAAA,QAAI;AAAA,QAC5Bb,IACC,gBAAAU;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,OAAOd,EAAW;AAAA,YAClB,UAAU,CAACe,MACTf,EAAW,SAASe,KAAS,CAAC;AAAA,YAEhC,UAAU;AAAA,YACV,UAAUf,EAAW;AAAA,YACrB,MAAM;AAAA,YACN,YAAY;AAAA,YACZ,OAAM;AAAA,YACN,cAAW;AAAA,YACX,gBAAa;AAAA,UAAA;AAAA,QAAA,IAGf,gBAAAQ,EAACG,GAAA,EAAK,YAAW,YAAW,OAAM,cAAa,gBAAa,QACzD,UAAAX,EAAW,YAAA,CACd;AAAA,QAEF,gBAAAK,EAACM,GAAA,EAAK,OAAM,cAAa,UAAA;AAAA,UAAA;AAAA,UACnBX,EAAW,WAAW,eAAA;AAAA,QAAe,EAAA,CAC3C;AAAA,MAAA,GACF;AAAA,MAEA,gBAAAQ;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,SAASZ,EAAW;AAAA,UACpB,YAAY,CAACA,EAAW;AAAA,UACxB,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,cAAW;AAAA,UAEX,4BAACgB,GAAA,CAAA,CAAa;AAAA,QAAA;AAAA,MAAA;AAAA,IAChB,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;AAGAtB,EAAW,cAAc;"}

package/dist/chunks/pagination-EVJ_rBrc.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pagination-EVJ_rBrc.cjs.js","sources":["../../src/components/pagination/hooks/use-pagination.ts","../../src/components/pagination/pagination.tsx"],"sourcesContent":["import { useState, useCallback, useMemo } from \"react\";\n\nexport interface PaginationState {\n  /** Total number of items across all pages */\n  totalItems: number;\n  /** Current active page (1-based) */\n  currentPage: number;\n  /** Number of items displayed per page */\n  pageSize: number;\n  /** Total number of pages available */\n  totalPages: number;\n  /** Index of the first item on current page (1-based) */\n  startItem: number;\n  /** Index of the last item on current page (1-based) */\n  endItem: number;\n  /** Whether there is a previous page available */\n  hasPreviousPage: boolean;\n  /** Whether there is a next page available */\n  hasNextPage: boolean;\n}\n\nexport interface UsePaginationProps {\n  /** Total number of items to paginate */\n  totalItems: number;\n  /** Initial current page (1-based), defaults to 1 */\n  currentPage?: number;\n  /** Initial number of items per page, defaults to 10 */\n  pageSize?: number;\n  /** Callback fired when the current page changes */\n  onPageChange?: (page: number) => void;\n  /** Callback fired when the page size changes */\n  onPageSizeChange?: (pageSize: number) => void;\n}\n\nexport interface UsePaginationReturn extends PaginationState {\n  /** Navigate to a specific page number (1-based) */\n  goToPage: (page: number) => void;\n  /** Navigate to the previous page, if available */\n  goToPreviousPage: () => void;\n  /** Navigate to the next page, if available */\n  goToNextPage: () => void;\n  /** Change the number of items displayed per page */\n  setPageSize: (pageSize: number) => void;\n}\n\n/**\n * # usePagination\n *\n * Custom hook that provides pagination state management and navigation controls.\n *\n * Supports both controlled and uncontrolled modes:\n * - Controlled: Parent component manages currentPage state via props and callbacks\n * - Uncontrolled: Hook manages internal currentPage state automatically\n *\n * @param props - Configuration object for pagination behavior\n * @param props.totalItems - Total number of items to paginate\n * @param props.currentPage - Current page number (controlled mode). If undefined, uses uncontrolled mode\n * @param props.pageSize - Number of items per page (defaults to 20)\n * @param props.onPageChange - Callback fired when page changes\n * @param props.onPageSizeChange - Callback fired when page size changes\n *\n * @returns Object containing pagination state and navigation functions:\n * - totalItems: Total number of items\n * - currentPage: Current active page number (1-based)\n * - pageSize: Number of items per page\n * - totalPages: Total number of pages\n * - startItem: First item number on current page\n * - endItem: Last item number on current page\n * - hasPreviousPage: Whether previous page exists\n * - hasNextPage: Whether next page exists\n * - goToPage: Function to navigate to specific page\n * - goToPreviousPage: Function to navigate to previous page\n * - goToNextPage: Function to navigate to next page\n * - setPageSize: Function to change page size\n *\n */\nexport function usePagination({\n  totalItems,\n  currentPage: controlledCurrentPage,\n  pageSize: controlledPageSize = 20,\n  onPageChange,\n  onPageSizeChange,\n}: UsePaginationProps): UsePaginationReturn {\n  // Internal state for uncontrolled mode\n  const [internalCurrentPage, setInternalCurrentPage] = useState(1);\n  const [internalPageSize, setInternalPageSize] = useState(controlledPageSize);\n\n  // Determine if controlled or uncontrolled\n  const isControlled = controlledCurrentPage !== undefined;\n  const currentPage = isControlled\n    ? controlledCurrentPage\n    : internalCurrentPage;\n  const pageSize = controlledPageSize ?? internalPageSize;\n\n  // Calculate pagination values\n  const totalPages = Math.max(1, Math.ceil(totalItems / pageSize));\n\n  // Ensure currentPage is within valid bounds\n  const validCurrentPage = Math.max(1, Math.min(currentPage, totalPages));\n\n  const startItem = Math.min((validCurrentPage - 1) * pageSize + 1, totalItems);\n  const endItem = Math.min(validCurrentPage * pageSize, totalItems);\n\n  const hasPreviousPage = validCurrentPage > 1;\n  const hasNextPage = validCurrentPage < totalPages;\n\n  // Page navigation functions\n  const goToPage = useCallback(\n    (page: number) => {\n      const newPage = Math.max(1, Math.min(page, totalPages));\n\n      if (!isControlled) {\n        setInternalCurrentPage(newPage);\n      }\n\n      onPageChange?.(newPage);\n    },\n    [totalPages, isControlled, onPageChange]\n  );\n\n  const goToPreviousPage = useCallback(() => {\n    if (hasPreviousPage) {\n      goToPage(validCurrentPage - 1);\n    }\n  }, [hasPreviousPage, validCurrentPage, goToPage]);\n\n  const goToNextPage = useCallback(() => {\n    if (hasNextPage) {\n      goToPage(validCurrentPage + 1);\n    }\n  }, [hasNextPage, validCurrentPage, goToPage]);\n\n  const setPageSize = useCallback(\n    (newPageSize: number) => {\n      const newTotalPages = Math.ceil(totalItems / newPageSize);\n      const newPage = Math.min(validCurrentPage, newTotalPages);\n\n      setInternalPageSize(newPageSize);\n\n      if (!isControlled && newPage !== validCurrentPage) {\n        setInternalCurrentPage(newPage);\n      }\n\n      onPageSizeChange?.(newPageSize);\n\n      if (newPage !== validCurrentPage) {\n        onPageChange?.(newPage);\n      }\n    },\n    [totalItems, validCurrentPage, isControlled, onPageChange, onPageSizeChange]\n  );\n\n  return useMemo(\n    () => ({\n      totalItems,\n      currentPage: validCurrentPage,\n      pageSize,\n      totalPages,\n      startItem,\n      endItem,\n      hasPreviousPage,\n      hasNextPage,\n      goToPage,\n      goToPreviousPage,\n      goToNextPage,\n      setPageSize,\n    }),\n    [\n      totalItems,\n      validCurrentPage,\n      pageSize,\n      totalPages,\n      startItem,\n      endItem,\n      hasPreviousPage,\n      hasNextPage,\n      goToPage,\n      goToPreviousPage,\n      goToNextPage,\n      setPageSize,\n    ]\n  );\n}\n","import { useMemo } from \"react\";\nimport { ChevronLeft, ChevronRight } from \"@commercetools/nimbus-icons\";\nimport {\n  Flex,\n  IconButton,\n  NumberInput,\n  Select,\n  Stack,\n  Text,\n} from \"@/components\";\nimport { usePagination } from \"./hooks/use-pagination\";\nimport type { PaginationProps } from \"./pagination.types\";\n\n/**\n * # Pagination\n *\n * A component that allows users to navigate through pages and control page size.\n * Combines a page size selector and page navigator for comprehensive pagination control.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/pagination}\n */\nexport const Pagination = (props: PaginationProps) => {\n  const {\n    totalItems,\n    currentPage,\n    pageSize,\n    pageSizeOptions = [10, 20, 50, 100],\n    onPageChange,\n    onPageSizeChange,\n    \"aria-label\": ariaLabel = \"Pagination\",\n    enablePageInput = true,\n    enablePageSizeSelector = true,\n  } = props;\n\n  const pagination = usePagination({\n    totalItems,\n    currentPage,\n    pageSize,\n    onPageChange,\n    onPageSizeChange,\n  });\n\n  // Prepare page size options for select\n  const pageSizeSelectOptions = useMemo(\n    () =>\n      pageSizeOptions.map((size) => ({\n        id: size.toString(),\n        name: `${size}`,\n      })),\n    [pageSizeOptions]\n  );\n\n  const handlePageSizeChange = (key: React.Key | null) => {\n    if (key) {\n      const newPageSize = parseInt(key.toString(), 10);\n      pagination.setPageSize(newPageSize);\n    }\n  };\n\n  return (\n    <Stack gap=\"400\" direction={{ base: \"column\", sm: \"row\" }} align=\"center\">\n      {/* Page Size Selector */}\n      {enablePageSizeSelector && (\n        <Flex align=\"center\" gap=\"200\">\n          <Select.Root\n            isClearable={false}\n            selectedKey={pagination.pageSize.toString()}\n            onSelectionChange={handlePageSizeChange}\n            aria-label=\"Items per page\"\n          >\n            <Select.Options>\n              {pageSizeSelectOptions.map((option) => (\n                <Select.Option key={option.id} id={option.id}>\n                  {option.name}\n                </Select.Option>\n              ))}\n            </Select.Options>\n          </Select.Root>\n          <Text color=\"neutral.12\">items per page</Text>\n        </Flex>\n      )}\n      <Flex flexGrow=\"1\" />\n      {/* Page Navigator */}\n      <Flex align=\"center\" gap=\"200\" role=\"navigation\" aria-label={ariaLabel}>\n        <IconButton\n          onClick={pagination.goToPreviousPage}\n          isDisabled={!pagination.hasPreviousPage}\n          variant=\"ghost\"\n          tone=\"primary\"\n          aria-label=\"Go to previous page\"\n        >\n          <ChevronLeft />\n        </IconButton>\n\n        <Flex align=\"center\" gap=\"200\">\n          <Text color=\"neutral.12\">Page</Text>\n          {enablePageInput ? (\n            <NumberInput\n              value={pagination.currentPage}\n              onChange={(value: number | undefined) =>\n                pagination.goToPage(value || 1)\n              }\n              minValue={1}\n              maxValue={pagination.totalPages}\n              step={1}\n              isDisabled={false}\n              width=\"9ch\"\n              aria-label=\"Current page\"\n              aria-current=\"page\"\n            />\n          ) : (\n            <Text fontWeight=\"semibold\" color=\"neutral.12\" aria-current=\"page\">\n              {pagination.currentPage}\n            </Text>\n          )}\n          <Text color=\"neutral.12\">\n            of {pagination.totalPages.toLocaleString()}\n          </Text>\n        </Flex>\n\n        <IconButton\n          onClick={pagination.goToNextPage}\n          isDisabled={!pagination.hasNextPage}\n          variant=\"ghost\"\n          tone=\"primary\"\n          aria-label=\"Go to next page\"\n        >\n          <ChevronRight />\n        </IconButton>\n      </Flex>\n    </Stack>\n  );\n};\n\n// Manually assign a displayName for debugging purposes\nPagination.displayName = \"Pagination\";\n"],"names":["usePagination","totalItems","controlledCurrentPage","controlledPageSize","onPageChange","onPageSizeChange","internalCurrentPage","setInternalCurrentPage","useState","internalPageSize","setInternalPageSize","isControlled","currentPage","pageSize","totalPages","validCurrentPage","startItem","endItem","hasPreviousPage","hasNextPage","goToPage","useCallback","page","newPage","goToPreviousPage","goToNextPage","setPageSize","newPageSize","newTotalPages","useMemo","Pagination","props","pageSizeOptions","ariaLabel","enablePageInput","enablePageSizeSelector","pagination","pageSizeSelectOptions","size","handlePageSizeChange","key","jsxs","Stack","Flex","jsx","Select","option","Text","IconButton","ChevronLeft","NumberInput","value","ChevronRight"],"mappings":"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"}

package/dist/chunks/popover-BJPogaez.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const i=require("react/jsx-runtime"),e=require("@chakra-ui/react/styled-system"),n=require("./Dialog-XGXh4NXU.cjs.js"),c=e.defineRecipe({className:"nimbus-popover",base:{bg:"white",borderRadius:"200",boxShadow:"5",padding:"400",zIndex:1}}),{withContext:p}=e.createRecipeContext({recipe:c}),a=p(n.$07b14b47974efb58$export$5b6b19405a83ff9d),o=t=>{const{children:r,...s}=t;return i.jsx(a,{...s,children:r})};o.displayName="Popover";exports.Popover=o;
-//# sourceMappingURL=popover-BJPogaez.cjs.js.map

package/dist/chunks/popover-BJPogaez.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover-BJPogaez.cjs.js","sources":["../../src/components/popover/popover.recipe.tsx","../../src/components/popover/popover.slots.tsx","../../src/components/popover/popover.tsx"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react/styled-system\";\n/**\n * Recipe configuration for the Popover component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const popoverRecipe = defineRecipe({\n  // Unique class name prefix for the component\n  className: \"nimbus-popover\",\n  // Base styles applied to all instances of the component\n  base: {\n    bg: \"white\",\n    borderRadius: \"200\",\n    boxShadow: \"5\",\n    padding: \"400\",\n    zIndex: 1,\n  },\n});\n","import {\n  createRecipeContext,\n  type HTMLChakraProps,\n  type RecipeVariantProps,\n  type UnstyledProp,\n} from \"@chakra-ui/react/styled-system\";\nimport { Popover as RaPopover } from \"react-aria-components\";\nimport type { PopoverProps } from \"./popover.types\";\nimport { popoverRecipe } from \"./popover.recipe\";\n\nconst { withContext } = createRecipeContext({\n  recipe: popoverRecipe,\n});\n\nexport interface PopoverRecipeProps\n  extends RecipeVariantProps<typeof popoverRecipe>,\n    UnstyledProp {}\n\nexport type PopoverSlotProps = HTMLChakraProps<\"div\", PopoverRecipeProps>;\nexport const PopoverRootSlot = withContext<HTMLDivElement, PopoverProps>(\n  RaPopover\n);\n","import { PopoverRootSlot } from \"./popover.slots\";\nimport type { PopoverProps } from \"./popover.types\";\n\n/**\n * # Popover\n *\n * A component that displays floating content in relation to a trigger element.\n *\n * Note this component is only used internally.\n */\nexport const Popover = (props: PopoverProps) => {\n  const { children, ...rest } = props;\n\n  return <PopoverRootSlot {...rest}>{children}</PopoverRootSlot>;\n};\n\nPopover.displayName = \"Popover\";\n"],"names":["popoverRecipe","defineRecipe","withContext","createRecipeContext","PopoverRootSlot","RaPopover","Popover","props","children","rest","jsx"],"mappings":"oIAKaA,EAAgBC,EAAAA,aAAa,CAExC,UAAW,iBAEX,KAAM,CACJ,GAAI,QACJ,aAAc,MACd,UAAW,IACX,QAAS,MACT,OAAQ,CAAA,CAEZ,CAAC,ECNK,CAAE,YAAAC,CAAA,EAAgBC,sBAAoB,CAC1C,OAAQH,CACV,CAAC,EAOYI,EAAkBF,EAC7BG,EAAAA,yCACF,ECXaC,EAAWC,GAAwB,CAC9C,KAAM,CAAE,SAAAC,EAAU,GAAGC,CAAA,EAASF,EAE9B,OAAOG,EAAAA,IAACN,EAAA,CAAiB,GAAGK,EAAO,SAAAD,CAAA,CAAS,CAC9C,EAEAF,EAAQ,YAAc"}

package/dist/chunks/popover-yeZXM_2G.es.js

@@ -1,27 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { defineRecipe as p, createRecipeContext as i } from "@chakra-ui/react/styled-system";
-import { g as s } from "./Dialog-FtshtbuD.es.js";
-const n = /* @__PURE__ */ p({
-  // Unique class name prefix for the component
-  className: "nimbus-popover",
-  // Base styles applied to all instances of the component
-  base: {
-    bg: "white",
-    borderRadius: "200",
-    boxShadow: "5",
-    padding: "400",
-    zIndex: 1
-  }
-}), { withContext: a } = /* @__PURE__ */ i({
-  recipe: n
-}), c = /* @__PURE__ */ a(
-  s
-), b = (e) => {
-  const { children: o, ...r } = e;
-  return /* @__PURE__ */ t(c, { ...r, children: o });
-};
-b.displayName = "Popover";
-export {
-  b as P
-};
-//# sourceMappingURL=popover-yeZXM_2G.es.js.map

package/dist/chunks/popover-yeZXM_2G.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover-yeZXM_2G.es.js","sources":["../../src/components/popover/popover.recipe.tsx","../../src/components/popover/popover.slots.tsx","../../src/components/popover/popover.tsx"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react/styled-system\";\n/**\n * Recipe configuration for the Popover component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const popoverRecipe = defineRecipe({\n  // Unique class name prefix for the component\n  className: \"nimbus-popover\",\n  // Base styles applied to all instances of the component\n  base: {\n    bg: \"white\",\n    borderRadius: \"200\",\n    boxShadow: \"5\",\n    padding: \"400\",\n    zIndex: 1,\n  },\n});\n","import {\n  createRecipeContext,\n  type HTMLChakraProps,\n  type RecipeVariantProps,\n  type UnstyledProp,\n} from \"@chakra-ui/react/styled-system\";\nimport { Popover as RaPopover } from \"react-aria-components\";\nimport type { PopoverProps } from \"./popover.types\";\nimport { popoverRecipe } from \"./popover.recipe\";\n\nconst { withContext } = createRecipeContext({\n  recipe: popoverRecipe,\n});\n\nexport interface PopoverRecipeProps\n  extends RecipeVariantProps<typeof popoverRecipe>,\n    UnstyledProp {}\n\nexport type PopoverSlotProps = HTMLChakraProps<\"div\", PopoverRecipeProps>;\nexport const PopoverRootSlot = withContext<HTMLDivElement, PopoverProps>(\n  RaPopover\n);\n","import { PopoverRootSlot } from \"./popover.slots\";\nimport type { PopoverProps } from \"./popover.types\";\n\n/**\n * # Popover\n *\n * A component that displays floating content in relation to a trigger element.\n *\n * Note this component is only used internally.\n */\nexport const Popover = (props: PopoverProps) => {\n  const { children, ...rest } = props;\n\n  return <PopoverRootSlot {...rest}>{children}</PopoverRootSlot>;\n};\n\nPopover.displayName = \"Popover\";\n"],"names":["popoverRecipe","defineRecipe","withContext","createRecipeContext","PopoverRootSlot","RaPopover","Popover","props","children","rest","jsx"],"mappings":";;;AAKO,MAAMA,IAAgB,gBAAAC,EAAa;AAAA;AAAA,EAExC,WAAW;AAAA;AAAA,EAEX,MAAM;AAAA,IACJ,IAAI;AAAA,IACJ,cAAc;AAAA,IACd,WAAW;AAAA,IACX,SAAS;AAAA,IACT,QAAQ;AAAA,EAAA;AAEZ,CAAC,GCNK,EAAE,aAAAC,EAAA,IAAgB,gBAAAC,EAAoB;AAAA,EAC1C,QAAQH;AACV,CAAC,GAOYI,IAAkB,gBAAAF;AAAA,EAC7BG;AACF,GCXaC,IAAU,CAACC,MAAwB;AAC9C,QAAM,EAAE,UAAAC,GAAU,GAAGC,EAAA,IAASF;AAE9B,SAAO,gBAAAG,EAACN,GAAA,EAAiB,GAAGK,GAAO,UAAAD,EAAA,CAAS;AAC9C;AAEAF,EAAQ,cAAc;"}

package/dist/chunks/progress-bar-1XrmZIIp.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"progress-bar-1XrmZIIp.es.js","sources":["../../src/components/progress-bar/progress-bar.slots.tsx","../../src/components/progress-bar/progress-bar.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type {\n  RecipeProps,\n  UnstyledProp,\n  HTMLChakraProps,\n  RecipeVariantProps,\n} from \"@chakra-ui/react/styled-system\";\nimport type { AriaProgressBarProps } from \"react-aria\";\nimport { progressBarSlotRecipe } from \"./progress-bar.recipe.tsx\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the div element.\n */\nexport interface ProgressBarRecipeProps\n  extends RecipeProps<\"div\">,\n    UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props,\n * aria props, and data attributes.\n */\nexport interface ProgressBarRootProps\n  extends Omit<HTMLChakraProps<\"div\", ProgressBarRecipeProps>, \"translate\">,\n    Omit<RecipeVariantProps<typeof progressBarSlotRecipe>, \"isIndeterminate\">,\n    AriaProgressBarProps {\n  [key: `data-${string}`]: string;\n  translate?: \"yes\" | \"no\";\n}\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"progressBar\",\n});\n\n// ProgressBar Root - Main container\nexport const ProgressBarRootSlot = withProvider<\n  HTMLDivElement,\n  ProgressBarRootProps\n>(\"div\", \"root\");\n\n// ProgressBar Track - Background bar\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface ProgressBarTrackSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const ProgressBarTrackSlot = withContext<\n  HTMLDivElement,\n  ProgressBarTrackSlotProps\n>(\"div\", \"track\");\n\n// ProgressBar Fill - Progress indicator\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface ProgressBarFillSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const ProgressBarFillSlot = withContext<\n  HTMLDivElement,\n  ProgressBarFillSlotProps\n>(\"div\", \"fill\");\n// ProgressBar Label - Label text\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface ProgressBarLabelSlotProps extends HTMLChakraProps<\"span\"> {}\nexport const ProgressBarLabelSlot = withContext<\n  HTMLSpanElement,\n  ProgressBarLabelSlotProps\n>(\"span\", \"label\");\n\n// ProgressBar Value - Value text\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface ProgressBarValueSlotProps extends HTMLChakraProps<\"span\"> {}\nexport const ProgressBarValueSlot = withContext<\n  HTMLSpanElement,\n  ProgressBarValueSlotProps\n>(\"span\", \"value\");\n","import { useRef } from \"react\";\nimport {\n  ProgressBar as RaProgressBar,\n  Label as RaLabel,\n} from \"react-aria-components\";\nimport { useObjectRef } from \"react-aria\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { Flex, Box } from \"@/components\";\nimport {\n  ProgressBarRootSlot,\n  ProgressBarTrackSlot,\n  ProgressBarFillSlot,\n  ProgressBarLabelSlot,\n  ProgressBarValueSlot,\n} from \"./progress-bar.slots\";\nimport type { ProgressBarProps } from \"./progress-bar.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\n/**\n * ProgressBar\n * ============================================================\n * Displays progress towards completion of a task or process\n *\n * Features:\n *\n * - Supports both determinate (with value) and indeterminate (loading) states\n * - Two visual variants: solid (gradient) and contrast (monochromatic)\n * - Three layouts: minimal, inline, and stacked\n * - Configurable value formatting with internationalization support\n * - Full accessibility support with ARIA attributes\n * - Allows forwarding refs to the underlying DOM element\n * - Accepts all native HTML div attributes\n * - Supports variants, sizes, etc. configured in the recipe\n * - Allows overriding styles by using style-props\n */\nexport const ProgressBar = (props: ProgressBarProps) => {\n  const {\n    ref: forwardedRef,\n    value,\n    minValue = 0,\n    maxValue = 100,\n    isDynamic = true,\n    isIndeterminate,\n    label,\n    formatOptions = { style: \"percent\" },\n    variant = \"solid\",\n    layout = \"stacked\",\n    colorPalette = \"primary\",\n    ...rest\n  } = props;\n\n  const recipe = useSlotRecipe({ key: \"progressBar\" });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps({\n    variant,\n    colorPalette,\n    ...props,\n  });\n  const [styleProps] = extractStyleProps(remainingProps);\n\n  const localRef = useRef<HTMLDivElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  return (\n    <ProgressBarRootSlot\n      {...recipeProps}\n      {...styleProps}\n      {...recipeProps}\n      isDynamic={isDynamic}\n      isIndeterminate={isIndeterminate}\n      asChild\n    >\n      <RaProgressBar\n        ref={ref}\n        value={value}\n        minValue={minValue}\n        maxValue={maxValue}\n        isIndeterminate={isIndeterminate}\n        formatOptions={formatOptions}\n        {...rest}\n      >\n        {({ percentage, valueText }) => (\n          <>\n            {layout === \"stacked\" && (\n              <Flex>\n                {label && (\n                  <ProgressBarLabelSlot asChild>\n                    <RaLabel>{label}</RaLabel>\n                  </ProgressBarLabelSlot>\n                )}\n                <Box flexGrow=\"1\" />\n                {label && value && (\n                  <ProgressBarValueSlot>{valueText}</ProgressBarValueSlot>\n                )}\n              </Flex>\n            )}\n\n            {layout === \"inline\" && label && (\n              <ProgressBarLabelSlot lineHeight=\"1\" asChild>\n                <RaLabel>{label}</RaLabel>\n              </ProgressBarLabelSlot>\n            )}\n\n            <ProgressBarTrackSlot>\n              <ProgressBarFillSlot\n                style={{ width: isIndeterminate ? \"40%\" : `${percentage}%` }}\n                data-indeterminate={isIndeterminate}\n                data-complete={\n                  !isIndeterminate &&\n                  percentage !== undefined &&\n                  percentage >= 100\n                }\n              />\n            </ProgressBarTrackSlot>\n\n            {layout === \"inline\" && value && (\n              <ProgressBarValueSlot lineHeight=\"1\">\n                {valueText}\n              </ProgressBarValueSlot>\n            )}\n          </>\n        )}\n      </RaProgressBar>\n    </ProgressBarRootSlot>\n  );\n};\n\nProgressBar.displayName = \"ProgressBar\";\n"],"names":["withProvider","withContext","createSlotRecipeContext","ProgressBarRootSlot","ProgressBarTrackSlot","ProgressBarFillSlot","ProgressBarLabelSlot","ProgressBarValueSlot","ProgressBar","props","forwardedRef","value","minValue","maxValue","isDynamic","isIndeterminate","label","formatOptions","variant","layout","colorPalette","rest","recipe","useSlotRecipe","recipeProps","remainingProps","styleProps","extractStyleProps","localRef","useRef","ref","useObjectRef","mergeRefs","jsx","RaProgressBar","percentage","valueText","jsxs","Fragment","Flex","RaLabel","Box"],"mappings":";;;;;;;;;;AA8BA,MAAM,EAAE,cAAAA,GAAc,aAAAC,EAAA,IAAgB,gBAAAC,EAAwB;AAAA,EAC5D,KAAK;AACP,CAAC,GAGYC,IAAsB,gBAAAH,EAGjC,OAAO,MAAM,GAKFI,IAAuB,gBAAAH,EAGlC,OAAO,OAAO,GAKHI,IAAsB,gBAAAJ,EAGjC,OAAO,MAAM,GAIFK,IAAuB,gBAAAL,EAGlC,QAAQ,OAAO,GAKJM,IAAuB,gBAAAN,EAGlC,QAAQ,OAAO,GCjCJO,IAAc,CAACC,MAA4B;AACtD,QAAM;AAAA,IACJ,KAAKC;AAAA,IACL,OAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,IACX,WAAAC,IAAY;AAAA,IACZ,iBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,eAAAC,IAAgB,EAAE,OAAO,UAAA;AAAA,IACzB,SAAAC,IAAU;AAAA,IACV,QAAAC,IAAS;AAAA,IACT,cAAAC,IAAe;AAAA,IACf,GAAGC;AAAA,EAAA,IACDZ,GAEEa,IAASC,EAAc,EAAE,KAAK,eAAe,GAC7C,CAACC,GAAaC,CAAc,IAAIH,EAAO,kBAAkB;AAAA,IAC7D,SAAAJ;AAAA,IACA,cAAAE;AAAA,IACA,GAAGX;AAAA,EAAA,CACJ,GACK,CAACiB,CAAU,IAAIC,EAAkBF,CAAc,GAE/CG,IAAWC,EAAuB,IAAI,GACtCC,IAAMC,EAAaC,EAAUJ,GAAUlB,CAAY,CAAC;AAE1D,SACE,gBAAAuB;AAAA,IAAC9B;AAAA,IAAA;AAAA,MACE,GAAGqB;AAAA,MACH,GAAGE;AAAA,MACH,GAAGF;AAAA,MACJ,WAAAV;AAAA,MACA,iBAAAC;AAAA,MACA,SAAO;AAAA,MAEP,UAAA,gBAAAkB;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,KAAAJ;AAAA,UACA,OAAAnB;AAAA,UACA,UAAAC;AAAA,UACA,UAAAC;AAAA,UACA,iBAAAE;AAAA,UACA,eAAAE;AAAA,UACC,GAAGI;AAAA,UAEH,UAAA,CAAC,EAAE,YAAAc,GAAY,WAAAC,EAAA,MACd,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,YAAAnB,MAAW,+BACToB,GAAA,EACE,UAAA;AAAA,cAAAvB,uBACEV,GAAA,EAAqB,SAAO,IAC3B,UAAA,gBAAA2B,EAACO,GAAA,EAAS,aAAM,EAAA,CAClB;AAAA,cAEF,gBAAAP,EAACQ,GAAA,EAAI,UAAS,IAAA,CAAI;AAAA,cACjBzB,KAASL,KACR,gBAAAsB,EAAC1B,GAAA,EAAsB,UAAA6B,EAAA,CAAU;AAAA,YAAA,GAErC;AAAA,YAGDjB,MAAW,YAAYH,KACtB,gBAAAiB,EAAC3B,GAAA,EAAqB,YAAW,KAAI,SAAO,IAC1C,UAAA,gBAAA2B,EAACO,GAAA,EAAS,UAAAxB,EAAA,CAAM,GAClB;AAAA,8BAGDZ,GAAA,EACC,UAAA,gBAAA6B;AAAA,cAAC5B;AAAA,cAAA;AAAA,gBACC,OAAO,EAAE,OAAOU,IAAkB,QAAQ,GAAGoB,CAAU,IAAA;AAAA,gBACvD,sBAAoBpB;AAAA,gBACpB,iBACE,CAACA,KACDoB,MAAe,UACfA,KAAc;AAAA,cAAA;AAAA,YAAA,GAGpB;AAAA,YAEChB,MAAW,YAAYR,uBACrBJ,GAAA,EAAqB,YAAW,KAC9B,UAAA6B,EAAA,CACH;AAAA,UAAA,EAAA,CAEJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA;AAGN;AAEA5B,EAAY,cAAc;"}

package/dist/chunks/progress-bar-BBy8IR_W.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"progress-bar-BBy8IR_W.cjs.js","sources":["../../src/components/progress-bar/progress-bar.slots.tsx","../../src/components/progress-bar/progress-bar.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type {\n  RecipeProps,\n  UnstyledProp,\n  HTMLChakraProps,\n  RecipeVariantProps,\n} from \"@chakra-ui/react/styled-system\";\nimport type { AriaProgressBarProps } from \"react-aria\";\nimport { progressBarSlotRecipe } from \"./progress-bar.recipe.tsx\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the div element.\n */\nexport interface ProgressBarRecipeProps\n  extends RecipeProps<\"div\">,\n    UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props,\n * aria props, and data attributes.\n */\nexport interface ProgressBarRootProps\n  extends Omit<HTMLChakraProps<\"div\", ProgressBarRecipeProps>, \"translate\">,\n    Omit<RecipeVariantProps<typeof progressBarSlotRecipe>, \"isIndeterminate\">,\n    AriaProgressBarProps {\n  [key: `data-${string}`]: string;\n  translate?: \"yes\" | \"no\";\n}\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"progressBar\",\n});\n\n// ProgressBar Root - Main container\nexport const ProgressBarRootSlot = withProvider<\n  HTMLDivElement,\n  ProgressBarRootProps\n>(\"div\", \"root\");\n\n// ProgressBar Track - Background bar\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface ProgressBarTrackSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const ProgressBarTrackSlot = withContext<\n  HTMLDivElement,\n  ProgressBarTrackSlotProps\n>(\"div\", \"track\");\n\n// ProgressBar Fill - Progress indicator\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface ProgressBarFillSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const ProgressBarFillSlot = withContext<\n  HTMLDivElement,\n  ProgressBarFillSlotProps\n>(\"div\", \"fill\");\n// ProgressBar Label - Label text\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface ProgressBarLabelSlotProps extends HTMLChakraProps<\"span\"> {}\nexport const ProgressBarLabelSlot = withContext<\n  HTMLSpanElement,\n  ProgressBarLabelSlotProps\n>(\"span\", \"label\");\n\n// ProgressBar Value - Value text\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface ProgressBarValueSlotProps extends HTMLChakraProps<\"span\"> {}\nexport const ProgressBarValueSlot = withContext<\n  HTMLSpanElement,\n  ProgressBarValueSlotProps\n>(\"span\", \"value\");\n","import { useRef } from \"react\";\nimport {\n  ProgressBar as RaProgressBar,\n  Label as RaLabel,\n} from \"react-aria-components\";\nimport { useObjectRef } from \"react-aria\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { Flex, Box } from \"@/components\";\nimport {\n  ProgressBarRootSlot,\n  ProgressBarTrackSlot,\n  ProgressBarFillSlot,\n  ProgressBarLabelSlot,\n  ProgressBarValueSlot,\n} from \"./progress-bar.slots\";\nimport type { ProgressBarProps } from \"./progress-bar.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\n/**\n * ProgressBar\n * ============================================================\n * Displays progress towards completion of a task or process\n *\n * Features:\n *\n * - Supports both determinate (with value) and indeterminate (loading) states\n * - Two visual variants: solid (gradient) and contrast (monochromatic)\n * - Three layouts: minimal, inline, and stacked\n * - Configurable value formatting with internationalization support\n * - Full accessibility support with ARIA attributes\n * - Allows forwarding refs to the underlying DOM element\n * - Accepts all native HTML div attributes\n * - Supports variants, sizes, etc. configured in the recipe\n * - Allows overriding styles by using style-props\n */\nexport const ProgressBar = (props: ProgressBarProps) => {\n  const {\n    ref: forwardedRef,\n    value,\n    minValue = 0,\n    maxValue = 100,\n    isDynamic = true,\n    isIndeterminate,\n    label,\n    formatOptions = { style: \"percent\" },\n    variant = \"solid\",\n    layout = \"stacked\",\n    colorPalette = \"primary\",\n    ...rest\n  } = props;\n\n  const recipe = useSlotRecipe({ key: \"progressBar\" });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps({\n    variant,\n    colorPalette,\n    ...props,\n  });\n  const [styleProps] = extractStyleProps(remainingProps);\n\n  const localRef = useRef<HTMLDivElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  return (\n    <ProgressBarRootSlot\n      {...recipeProps}\n      {...styleProps}\n      {...recipeProps}\n      isDynamic={isDynamic}\n      isIndeterminate={isIndeterminate}\n      asChild\n    >\n      <RaProgressBar\n        ref={ref}\n        value={value}\n        minValue={minValue}\n        maxValue={maxValue}\n        isIndeterminate={isIndeterminate}\n        formatOptions={formatOptions}\n        {...rest}\n      >\n        {({ percentage, valueText }) => (\n          <>\n            {layout === \"stacked\" && (\n              <Flex>\n                {label && (\n                  <ProgressBarLabelSlot asChild>\n                    <RaLabel>{label}</RaLabel>\n                  </ProgressBarLabelSlot>\n                )}\n                <Box flexGrow=\"1\" />\n                {label && value && (\n                  <ProgressBarValueSlot>{valueText}</ProgressBarValueSlot>\n                )}\n              </Flex>\n            )}\n\n            {layout === \"inline\" && label && (\n              <ProgressBarLabelSlot lineHeight=\"1\" asChild>\n                <RaLabel>{label}</RaLabel>\n              </ProgressBarLabelSlot>\n            )}\n\n            <ProgressBarTrackSlot>\n              <ProgressBarFillSlot\n                style={{ width: isIndeterminate ? \"40%\" : `${percentage}%` }}\n                data-indeterminate={isIndeterminate}\n                data-complete={\n                  !isIndeterminate &&\n                  percentage !== undefined &&\n                  percentage >= 100\n                }\n              />\n            </ProgressBarTrackSlot>\n\n            {layout === \"inline\" && value && (\n              <ProgressBarValueSlot lineHeight=\"1\">\n                {valueText}\n              </ProgressBarValueSlot>\n            )}\n          </>\n        )}\n      </RaProgressBar>\n    </ProgressBarRootSlot>\n  );\n};\n\nProgressBar.displayName = \"ProgressBar\";\n"],"names":["withProvider","withContext","createSlotRecipeContext","ProgressBarRootSlot","ProgressBarTrackSlot","ProgressBarFillSlot","ProgressBarLabelSlot","ProgressBarValueSlot","ProgressBar","props","forwardedRef","value","minValue","maxValue","isDynamic","isIndeterminate","label","formatOptions","variant","layout","colorPalette","rest","recipe","useSlotRecipe","recipeProps","remainingProps","styleProps","extractStyleProps","localRef","useRef","ref","useObjectRef","mergeRefs","jsx","RaProgressBar","percentage","valueText","jsxs","Fragment","Flex","RaLabel","Box"],"mappings":"kYA8BM,CAAE,aAAAA,EAAc,YAAAC,CAAA,EAAgBC,0BAAwB,CAC5D,IAAK,aACP,CAAC,EAGYC,EAAsBH,EAGjC,MAAO,MAAM,EAKFI,EAAuBH,EAGlC,MAAO,OAAO,EAKHI,EAAsBJ,EAGjC,MAAO,MAAM,EAIFK,EAAuBL,EAGlC,OAAQ,OAAO,EAKJM,EAAuBN,EAGlC,OAAQ,OAAO,ECjCJO,EAAeC,GAA4B,CACtD,KAAM,CACJ,IAAKC,EACL,MAAAC,EACA,SAAAC,EAAW,EACX,SAAAC,EAAW,IACX,UAAAC,EAAY,GACZ,gBAAAC,EACA,MAAAC,EACA,cAAAC,EAAgB,CAAE,MAAO,SAAA,EACzB,QAAAC,EAAU,QACV,OAAAC,EAAS,UACT,aAAAC,EAAe,UACf,GAAGC,CAAA,EACDZ,EAEEa,EAASC,EAAAA,cAAc,CAAE,IAAK,cAAe,EAC7C,CAACC,EAAaC,CAAc,EAAIH,EAAO,kBAAkB,CAC7D,QAAAJ,EACA,aAAAE,EACA,GAAGX,CAAA,CACJ,EACK,CAACiB,CAAU,EAAIC,EAAAA,kBAAkBF,CAAc,EAE/CG,EAAWC,EAAAA,OAAuB,IAAI,EACtCC,EAAMC,EAAAA,0CAAaC,EAAAA,UAAUJ,EAAUlB,CAAY,CAAC,EAE1D,OACEuB,EAAAA,IAAC9B,EAAA,CACE,GAAGqB,EACH,GAAGE,EACH,GAAGF,EACJ,UAAAV,EACA,gBAAAC,EACA,QAAO,GAEP,SAAAkB,EAAAA,IAACC,EAAAA,0CAAA,CACC,IAAAJ,EACA,MAAAnB,EACA,SAAAC,EACA,SAAAC,EACA,gBAAAE,EACA,cAAAE,EACC,GAAGI,EAEH,SAAA,CAAC,CAAE,WAAAc,EAAY,UAAAC,CAAA,IACdC,OAAAC,EAAAA,SAAA,CACG,SAAA,CAAAnB,IAAW,kBACToB,EAAAA,KAAA,CACE,SAAA,CAAAvB,SACEV,EAAA,CAAqB,QAAO,GAC3B,SAAA2B,EAAAA,IAACO,EAAAA,0CAAA,CAAS,WAAM,CAAA,CAClB,EAEFP,EAAAA,IAACQ,EAAAA,IAAA,CAAI,SAAS,GAAA,CAAI,EACjBzB,GAASL,GACRsB,EAAAA,IAAC1B,EAAA,CAAsB,SAAA6B,CAAA,CAAU,CAAA,EAErC,EAGDjB,IAAW,UAAYH,GACtBiB,EAAAA,IAAC3B,EAAA,CAAqB,WAAW,IAAI,QAAO,GAC1C,SAAA2B,EAAAA,IAACO,EAAAA,0CAAA,CAAS,SAAAxB,CAAA,CAAM,EAClB,QAGDZ,EAAA,CACC,SAAA6B,EAAAA,IAAC5B,EAAA,CACC,MAAO,CAAE,MAAOU,EAAkB,MAAQ,GAAGoB,CAAU,GAAA,EACvD,qBAAoBpB,EACpB,gBACE,CAACA,GACDoB,IAAe,QACfA,GAAc,GAAA,CAAA,EAGpB,EAEChB,IAAW,UAAYR,SACrBJ,EAAA,CAAqB,WAAW,IAC9B,SAAA6B,CAAA,CACH,CAAA,CAAA,CAEJ,CAAA,CAAA,CAEJ,CAAA,CAGN,EAEA5B,EAAY,YAAc"}

package/dist/chunks/radio-input-DK5681L5.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const I=require("react/jsx-runtime"),L=require("@chakra-ui/react/styled-system"),J=require("./index-Bx9ez6gh.cjs.js"),h=require("./utils-BHdR5Nww.cjs.js"),Q=require("./FieldError-DyGFfqST.cjs.js"),X=require("./Form-BuOomA4T.cjs.js"),Y=require("./Label-BgrYyYXn.cjs.js"),N=require("./SelectionIndicator-Cp3OYqg6.cjs.js"),Z=require("./Text-BWSfeB9p.cjs.js"),m=require("./mergeProps-BA5Cwf5w.cjs.js"),F=require("./filterDOMProps-WUskt27c.cjs.js"),ee=require("./useObjectRef-dXOJdONs.cjs.js"),o=require("react"),ae=require("./useFormReset--wPlnEOl.cjs.js"),w=require("./usePress-D5REDWI3.cjs.js"),ie=require("./useFocusable-Dv8K4Git.cjs.js"),j=require("./useFormValidation-STNSjSmx.cjs.js"),re=require("./utils-DUS_ZjvE.cjs.js"),te=require("./FocusScope-vogC4IAT.cjs.js"),de=require("./useFocusWithin-CucqUylS.cjs.js"),oe=require("./useField-C_piDZ9g.cjs.js"),le=require("./context-OoV8SSWX.cjs.js"),T=require("./useFocusRing-BuJmrp03.cjs.js"),ne=require("./useHover-271zEzph.cjs.js"),se=require("./VisuallyHidden-C1WQXLCm.cjs.js"),ce=require("./useControlledState-D0L6S_5r.cjs.js"),W=require("./extractStyleProps-G58aSXl8.cjs.js"),_=require("@commercetools/nimbus-icons"),H=new WeakMap;function ue(a,e,r){let{value:t,children:l,"aria-label":d,"aria-labelledby":u,onPressStart:i,onPressEnd:s,onPressChange:f,onPress:n,onPressUp:c,onClick:p}=a;const b=a.isDisabled||e.isDisabled;let V=l!=null,x=d!=null||u!=null;!V&&!x&&process.env.NODE_ENV!=="production"&&console.warn("If you do not provide children, you must specify an aria-label for accessibility");let R=e.selectedValue===t,D=S=>{S.stopPropagation(),e.setSelectedValue(t)},{pressProps:C,isPressed:g}=w.$f6c31cce2adf654f$export$45712eceda6fad21({onPressStart:i,onPressEnd:s,onPressChange:f,onPress:n,onPressUp:c,onClick:p,isDisabled:b}),{pressProps:M,isPressed:P}=w.$f6c31cce2adf654f$export$45712eceda6fad21({onPressStart:i,onPressEnd:s,onPressChange:f,onPressUp:c,onClick:p,isDisabled:b,onPress(S){var O;n?.(S),e.setSelectedValue(t),(O=r.current)===null||O===void 0||O.focus()}}),{focusableProps:$}=ie.$f645667febf57a63$export$4c014de7c8940b4c(m.$3ef42575df84b30b$export$9d1611c77c2fe928(a,{onFocus:()=>e.setLastFocusedValue(t)}),r),y=m.$3ef42575df84b30b$export$9d1611c77c2fe928(C,$),v=F.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(a,{labelable:!0}),q=-1;e.selectedValue!=null?e.selectedValue===t&&(q=0):(e.lastFocusedValue===t||e.lastFocusedValue==null)&&(q=0),b&&(q=void 0);let{name:A,form:G,descriptionId:K,errorMessageId:z,validationBehavior:k}=H.get(e);return ae.$99facab73266f662$export$5add1d006293d136(r,e.defaultSelectedValue,e.setSelectedValue),j.$e93e671b31057976$export$b8473d3665f3a75a({validationBehavior:k},e,r),{labelProps:m.$3ef42575df84b30b$export$9d1611c77c2fe928(M,o.useMemo(()=>({onClick:S=>S.preventDefault(),onMouseDown:S=>S.preventDefault()}),[])),inputProps:m.$3ef42575df84b30b$export$9d1611c77c2fe928(v,{...y,type:"radio",name:A,form:G,tabIndex:q,disabled:b,required:e.isRequired&&k==="native",checked:R,value:t,onChange:D,"aria-describedby":[a["aria-describedby"],e.isInvalid?z:null,K].filter(Boolean).join(" ")||void 0}),isDisabled:b,isSelected:R,isPressed:g||P}}function fe(a,e){let{name:r,form:t,isReadOnly:l,isRequired:d,isDisabled:u,orientation:i="vertical",validationBehavior:s="aria"}=a,{direction:f}=le.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),{isInvalid:n,validationErrors:c,validationDetails:p}=e.displayValidation,{labelProps:b,fieldProps:V,descriptionProps:x,errorMessageProps:R}=oe.$2baaea4c71418dea$export$294aa081a6c6f55d({...a,labelElementType:"span",isInvalid:e.isInvalid,errorMessage:a.errorMessage||c}),D=F.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(a,{labelable:!0}),{focusWithinProps:C}=de.$9ab94262bd0047c7$export$420e68273165f4ec({onBlurWithin(P){var $;($=a.onBlur)===null||$===void 0||$.call(a,P),e.selectedValue||e.setLastFocusedValue(null)},onFocusWithin:a.onFocus,onFocusWithinChange:a.onFocusChange}),g=P=>{let $;switch(P.key){case"ArrowRight":f==="rtl"&&i!=="vertical"?$="prev":$="next";break;case"ArrowLeft":f==="rtl"&&i!=="vertical"?$="next":$="prev";break;case"ArrowDown":$="next";break;case"ArrowUp":$="prev";break;default:return}P.preventDefault();let y=te.$9bf71ea28793e738$export$2d6ec8fc375ceafa(P.currentTarget,{from:P.target,accept:q=>q instanceof re.$431fbd86ca7dc216$export$f21a1ffae260145a(q).HTMLInputElement&&q.type==="radio"}),v;$==="next"?(v=y.nextNode(),v||(y.currentNode=P.currentTarget,v=y.firstChild())):(v=y.previousNode(),v||(y.currentNode=P.currentTarget,v=y.lastChild())),v&&(v.focus(),e.setSelectedValue(v.value))},M=m.$bdb11010cef70236$export$f680877a34711e37(r);return H.set(e,{name:M,form:t,descriptionId:x.id,errorMessageId:R.id,validationBehavior:s}),{radioGroupProps:m.$3ef42575df84b30b$export$9d1611c77c2fe928(D,{role:"radiogroup",onKeyDown:g,"aria-invalid":e.isInvalid||void 0,"aria-errormessage":a["aria-errormessage"],"aria-readonly":l||void 0,"aria-required":d||void 0,"aria-disabled":u||void 0,"aria-orientation":i,...V,...C}),labelProps:b,descriptionProps:x,errorMessageProps:R,isInvalid:n,validationErrors:c,validationDetails:p}}let $e=Math.round(Math.random()*1e10),be=0;function pe(a){let e=o.useMemo(()=>a.name||`radio-group-${$e}-${++be}`,[a.name]);var r;let[t,l]=ce.$458b0a5536c1a7cf$export$40bfa8c7b0832715(a.value,(r=a.defaultValue)!==null&&r!==void 0?r:null,a.onChange),[d]=o.useState(t),[u,i]=o.useState(null),s=j.$e5be200c675c3b3a$export$fc1a364ae1f3ff10({...a,value:t}),f=p=>{!a.isReadOnly&&!a.isDisabled&&(l(p),s.commitValidation())},n=s.displayValidation.isInvalid;var c;return{...s,name:e,selectedValue:t,defaultSelectedValue:a.value!==void 0?d:(c=a.defaultValue)!==null&&c!==void 0?c:null,setSelectedValue:f,lastFocusedValue:u,setLastFocusedValue:i,isDisabled:a.isDisabled||!1,isReadOnly:a.isReadOnly||!1,isRequired:a.isRequired||!1,validationState:a.validationState||(n?"invalid":null),isInvalid:n}}const ve=o.createContext(null),Pe=o.createContext(null),U=o.createContext(null),xe=o.forwardRef(function(e,r){[e,r]=h.$64fa3d84918910a7$export$29f1550f4b0d4415(e,r,ve);let{validationBehavior:t}=h.$64fa3d84918910a7$export$fabf2dc03a41866e(X.$d3e0e05bdfcf66bd$export$c24727297075ec6a)||{};var l,d;let u=(d=(l=e.validationBehavior)!==null&&l!==void 0?l:t)!==null&&d!==void 0?d:"native",i=pe({...e,validationBehavior:u}),[s,f]=h.$64fa3d84918910a7$export$9d4c57ee4c6ffdd8(!e["aria-label"]&&!e["aria-labelledby"]),{radioGroupProps:n,labelProps:c,descriptionProps:p,errorMessageProps:b,...V}=fe({...e,label:f,validationBehavior:u},i),x=h.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,values:{orientation:e.orientation||"vertical",isDisabled:i.isDisabled,isReadOnly:i.isReadOnly,isRequired:i.isRequired,isInvalid:i.isInvalid,state:i},defaultClassName:"react-aria-RadioGroup"}),R=F.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{global:!0});return o.createElement("div",{...m.$3ef42575df84b30b$export$9d1611c77c2fe928(R,x,n),ref:r,slot:e.slot||void 0,"data-orientation":e.orientation||"vertical","data-invalid":i.isInvalid||void 0,"data-disabled":i.isDisabled||void 0,"data-readonly":i.isReadOnly||void 0,"data-required":i.isRequired||void 0},o.createElement(h.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[U,i],[Y.$01b77f81d0f07f68$export$75b6ee27786ba447,{...c,ref:s,elementType:"span"}],[Z.$514c0188e459b4c0$export$9afb8bc826b033ea,{slots:{description:p,errorMessage:b}}],[Q.$ee014567cb39d3f0$export$ff05c3ac10437e03,V]]},o.createElement(N.$c8a5a149f625efcf$export$758399f318e6385a,null,x.children)))}),Re=o.forwardRef(function(e,r){let{inputRef:t=null,...l}=e;[e,r]=h.$64fa3d84918910a7$export$29f1550f4b0d4415(l,r,Pe);let d=o.useContext(U),u=ee.$df56164dff5785e2$export$4338b53315abf666(o.useMemo(()=>h.$5dc95899b306f630$export$c9058316764c140e(t,e.inputRef!==void 0?e.inputRef:null),[t,e.inputRef])),{labelProps:i,inputProps:s,isSelected:f,isDisabled:n,isPressed:c}=ue({...h.$64fa3d84918910a7$export$ef03459518577ad4(e),children:typeof e.children=="function"?!0:e.children},d,u),{isFocused:p,isFocusVisible:b,focusProps:V}=T.$f7dceffc5ad7768b$export$4e328f61c538687f(),x=n||d.isReadOnly,{hoverProps:R,isHovered:D}=ne.$6179b936705e76d3$export$ae780daf29e6d456({...e,isDisabled:x}),C=h.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,defaultClassName:"react-aria-Radio",values:{isSelected:f,isPressed:c,isHovered:D,isFocused:p,isFocusVisible:b,isDisabled:n,isReadOnly:d.isReadOnly,isInvalid:d.isInvalid,isRequired:d.isRequired}}),g=F.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{global:!0});return delete g.id,delete g.onClick,o.createElement("label",{...m.$3ef42575df84b30b$export$9d1611c77c2fe928(g,i,R,C),ref:r,"data-selected":f||void 0,"data-pressed":c||void 0,"data-hovered":D||void 0,"data-focused":p||void 0,"data-focus-visible":b||void 0,"data-disabled":n||void 0,"data-readonly":d.isReadOnly||void 0,"data-invalid":d.isInvalid||void 0,"data-required":d.isRequired||void 0},o.createElement(se.$5c3e21d68f1c4674$export$439d29a4e110a164,{elementType:"span"},o.createElement("input",{...m.$3ef42575df84b30b$export$9d1611c77c2fe928(s,V),ref:u})),o.createElement(N.$1d5b8b8664671ef2$export$c9549807523555e0.Provider,{value:{isSelected:f}},C.children))}),{withProvider:he,withContext:me}=L.createSlotRecipeContext({key:"radioInput"}),ye=he("div","root"),qe=me("span","option"),E=a=>{const e=L.useSlotRecipe({recipe:J.radioInputSlotRecipe}),[r,t]=e.splitVariantProps(a),[l,d]=W.extractStyleProps(t);return I.jsx(ye,{...r,...l,asChild:!0,children:I.jsx(xe,{...d,children:a.children})})};E.displayName="RadioInputRoot";const B=({children:a,value:e,...r})=>{const[t,l]=W.extractStyleProps(r),{isFocused:d,focusProps:u}=T.$f7dceffc5ad7768b$export$4e328f61c538687f();return I.jsx(qe,{...t,...u,"data-focus":d||void 0,asChild:!0,children:I.jsx(Re,{value:e,...l,children:i=>{const s=typeof a=="function"?a({...i}):a;return I.jsxs(I.Fragment,{children:[i.isSelected?I.jsx(_.RadioButtonChecked,{}):I.jsx(_.RadioButtonUnchecked,{}),s]})}})})};B.displayName="RadioInputOption";const Ie={Root:E,Option:B};exports.RadioInput=Ie;exports.RadioInputOption=B;exports.RadioInputRoot=E;
-//# sourceMappingURL=radio-input-DK5681L5.cjs.js.map

package/dist/chunks/range-calendar-C0InkSSo.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"range-calendar-C0InkSSo.es.js","sources":["../../src/components/range-calendar/range-calendar.slots.tsx","../../src/components/range-calendar/components/range-calendar.grids.tsx","../../src/components/range-calendar/components/range-calendar.header.tsx","../../src/components/range-calendar/components/range-calendar.custom-context.tsx","../../src/components/range-calendar/range-calendar.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-object-type */\nimport {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n  type RecipeVariantProps,\n} from \"@chakra-ui/react/styled-system\";\nimport { rangeCalendarSlotRecipe } from \"./range-calendar.recipe\";\nimport type { RangeCalendarProps } from \"react-aria-components\";\nimport type { DateValue } from \"@internationalized/date\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"rangeCalendar\",\n});\n\nexport interface RangeCalendarRootSlotProps\n  extends HTMLChakraProps<\n    \"div\",\n    RecipeVariantProps<typeof rangeCalendarSlotRecipe> &\n      RangeCalendarProps<DateValue>\n  > {}\nexport const RangeCalendarRootSlot = withProvider<\n  HTMLDivElement,\n  RangeCalendarRootSlotProps\n>(\"div\", \"root\");\n\nexport interface RangeCalendarHeaderSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const RangeCalendarHeaderSlot = withContext<\n  HTMLDivElement,\n  RangeCalendarHeaderSlotProps\n>(\"div\", \"header\");\n\nexport interface RangeCalendarGridsSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const RangeCalendarGridsSlot = withContext<\n  HTMLDivElement,\n  RangeCalendarGridsSlotProps\n>(\"div\", \"grids\");\n\nexport interface RangeCalendarMonthTitleSlotProps\n  extends HTMLChakraProps<\"div\"> {}\nexport const RangeCalendarMonthTitleSlot = withContext<\n  HTMLDivElement,\n  RangeCalendarMonthTitleSlotProps\n>(\"div\", \"monthTitle\");\n\nexport interface RangeCalendarGridSlotProps extends HTMLChakraProps<\"table\"> {}\nexport const RangeCalendarGridSlot = withContext<\n  HTMLTableElement,\n  RangeCalendarGridSlotProps\n>(\"table\", \"grid\");\n\nexport interface RangeCalendarGridHeaderSlotProps\n  extends HTMLChakraProps<\"thead\"> {}\nexport const RangeCalendarGridHeaderSlot = withContext<\n  HTMLTableSectionElement,\n  RangeCalendarGridHeaderSlotProps\n>(\"thead\", \"gridHeader\");\n\nexport interface RangeCalendarHeaderCellSlotProps\n  extends HTMLChakraProps<\"th\"> {}\nexport const RangeCalendarHeaderCellSlot = withContext<\n  HTMLTableCellElement,\n  RangeCalendarHeaderCellSlotProps\n>(\"th\", \"headerCell\");\n\nexport interface RangeCalendarGridBodySlotProps\n  extends HTMLChakraProps<\"tbody\"> {}\nexport const RangeCalendarGridBodySlot = withContext<\n  HTMLTableSectionElement,\n  RangeCalendarGridBodySlotProps\n>(\"tbody\", \"gridBody\");\n\nexport interface RangeCalendarCellSlotProps extends HTMLChakraProps<\"td\"> {}\nexport const RangeCalendarCellSlot = withContext<\n  HTMLTableCellElement,\n  RangeCalendarCellSlotProps\n>(\"td\", \"bodyCell\");\n","import { useContext } from \"react\";\nimport { today, getLocalTimeZone } from \"@internationalized/date\";\nimport {\n  CalendarGrid as RaCalendarGrid,\n  CalendarGridBody as RaCalendarGridBody,\n  CalendarGridHeader as RaCalendarGridHeader,\n  CalendarHeaderCell as RaCalendarHeaderCell,\n  CalendarCell as RaCalendarCell,\n  useSlottedContext,\n  RangeCalendarContext,\n  RangeCalendarStateContext,\n  useLocale,\n} from \"react-aria-components\";\nimport { Box } from \"@/components\";\n\nimport {\n  RangeCalendarCellSlot,\n  RangeCalendarGridBodySlot,\n  RangeCalendarGridHeaderSlot,\n  RangeCalendarGridsSlot,\n  RangeCalendarGridSlot,\n  RangeCalendarHeaderCellSlot,\n  RangeCalendarMonthTitleSlot,\n} from \"../range-calendar.slots\";\n\nexport const RangeCalendarGrids = () => {\n  const { locale } = useLocale();\n  const context = useSlottedContext(RangeCalendarContext);\n\n  const calendarState = useContext(RangeCalendarStateContext)!;\n  const visibleMonthsCount = context?.visibleDuration?.months || 1;\n  const todayDate = today(getLocalTimeZone());\n  const showMonthTitles = visibleMonthsCount > 1;\n\n  return (\n    <RangeCalendarGridsSlot>\n      {Array.from({ length: visibleMonthsCount }, (_, index) => {\n        const gridDate = calendarState.visibleRange.start.add({\n          months: index,\n        });\n        const monthName = new Intl.DateTimeFormat(locale, {\n          month: \"long\",\n        }).format(gridDate.toDate(getLocalTimeZone()));\n\n        return (\n          <Box\n            key={monthName}\n            width={visibleMonthsCount == 1 ? \"full\" : \"auto\"}\n          >\n            {showMonthTitles && (\n              <RangeCalendarMonthTitleSlot>\n                {monthName}\n              </RangeCalendarMonthTitleSlot>\n            )}\n            <RangeCalendarGridSlot asChild>\n              <RaCalendarGrid offset={{ months: index }} weekdayStyle=\"short\">\n                <RangeCalendarGridHeaderSlot asChild>\n                  <RaCalendarGridHeader>\n                    {(day) => (\n                      <RangeCalendarHeaderCellSlot asChild>\n                        <RaCalendarHeaderCell>{day}</RaCalendarHeaderCell>\n                      </RangeCalendarHeaderCellSlot>\n                    )}\n                  </RaCalendarGridHeader>\n                </RangeCalendarGridHeaderSlot>\n                <RangeCalendarGridBodySlot asChild>\n                  <RaCalendarGridBody>\n                    {(date) => {\n                      const isToday = date.compare(todayDate) === 0;\n                      return (\n                        <RangeCalendarCellSlot asChild data-today={isToday}>\n                          <RaCalendarCell date={date} />\n                        </RangeCalendarCellSlot>\n                      );\n                    }}\n                  </RaCalendarGridBody>\n                </RangeCalendarGridBodySlot>\n              </RaCalendarGrid>\n            </RangeCalendarGridSlot>\n          </Box>\n        );\n      })}\n    </RangeCalendarGridsSlot>\n  );\n};\n","import {\n  RangeCalendarContext,\n  Heading,\n  useSlottedContext,\n} from \"react-aria-components\";\nimport {\n  Box,\n  Flex,\n  IconButton,\n  Stack,\n  Text,\n  VisuallyHidden,\n} from \"@/components\";\nimport {\n  KeyboardArrowLeft,\n  KeyboardArrowRight,\n} from \"@commercetools/nimbus-icons\";\nimport { RangeCalendarHeaderSlot } from \"../range-calendar.slots\";\n\nexport const RangeCalendarHeader = () => {\n  const rangeCalendarProps = useSlottedContext(RangeCalendarContext);\n\n  // Needed to decide whether to show a single month or a range\n  const visibleDurationMonths =\n    rangeCalendarProps?.visibleDuration?.months || 1;\n  const showRangeLabel = visibleDurationMonths > 1;\n\n  return (\n    <RangeCalendarHeaderSlot>\n      <Flex>\n        <Stack direction=\"row\" alignItems=\"center\">\n          {/** solely for screen readers, if not present, a11y issues are raised */}\n          <VisuallyHidden>\n            <Heading />\n          </VisuallyHidden>\n          {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n          <IconButton\n            slot={showRangeLabel ? \"previous\" : \"previous-month\"}\n            size=\"xs\"\n            variant=\"ghost\"\n            tone=\"primary\"\n          >\n            <KeyboardArrowLeft />\n          </IconButton>\n          <Text\n            textStyle=\"sm\"\n            fontWeight=\"500\"\n            color=\"neutral.11\"\n            width={showRangeLabel ? \"4000\" : \"2000\"}\n            textAlign=\"center\"\n            aria-hidden=\"true\"\n            slot={showRangeLabel ? \"monthRange\" : \"month\"}\n          />\n          {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n          <IconButton\n            slot={showRangeLabel ? \"next\" : \"next-month\"}\n            size=\"xs\"\n            variant=\"ghost\"\n            tone=\"primary\"\n          >\n            <KeyboardArrowRight />\n          </IconButton>\n        </Stack>\n        <Box flexGrow=\"1\" />\n        <Stack direction=\"row\" alignItems=\"center\">\n          {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n          <IconButton\n            slot=\"previous-year\"\n            size=\"xs\"\n            variant=\"ghost\"\n            tone=\"primary\"\n          >\n            <KeyboardArrowLeft />\n          </IconButton>\n          <Text\n            textStyle=\"sm\"\n            fontWeight=\"500\"\n            color=\"neutral.11\"\n            width=\"1400\"\n            textAlign=\"center\"\n            aria-hidden=\"true\"\n            slot=\"year\"\n          />\n          {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n          <IconButton slot=\"next-year\" size=\"xs\" variant=\"ghost\" tone=\"primary\">\n            <KeyboardArrowRight />\n          </IconButton>\n        </Stack>\n      </Flex>\n    </RangeCalendarHeaderSlot>\n  );\n};\n","import { getLocalTimeZone } from \"@internationalized/date\";\nimport { useContext } from \"react\";\nimport {\n  Provider,\n  ButtonContext,\n  RangeCalendarStateContext,\n  TextContext,\n  useLocale,\n} from \"react-aria-components\";\n\nexport const RangeCalendarCustomContext = ({\n  children,\n}: {\n  children: React.ReactNode;\n}) => {\n  const { locale } = useLocale();\n  const buttonContext = useContext(ButtonContext)!;\n  const textContext = useContext(TextContext)!;\n  const calendarState = useContext(RangeCalendarStateContext)!;\n\n  /**\n   * Button slots\n   * ================================\n   */\n  const buttonSlots = {\n    \"next-month\": {\n      onPress: () => calendarState.focusNextSection(),\n      \"aria-label\": \"Next month\",\n    },\n    \"previous-month\": {\n      onPress: () => calendarState.focusPreviousSection(),\n      \"aria-label\": \"Previous month\",\n    },\n    \"next-year\": {\n      onPress: () => calendarState.focusNextSection(true),\n      \"aria-label\": \"Next year\",\n    },\n    \"previous-year\": {\n      onPress: () => calendarState.focusPreviousSection(true),\n      \"aria-label\": \"Previous year\",\n    },\n  };\n\n  /**\n   * Text slots\n   * ================================\n   */\n  const monthLabel = new Intl.DateTimeFormat(locale, {\n    month: \"long\",\n  }).format(calendarState.focusedDate.toDate(getLocalTimeZone()));\n\n  const monthRangeLabel = [\n    new Intl.DateTimeFormat(locale, {\n      month: \"long\",\n    }).format(calendarState.visibleRange.start.toDate(getLocalTimeZone())),\n    new Intl.DateTimeFormat(locale, {\n      month: \"long\",\n    }).format(calendarState.visibleRange.end.toDate(getLocalTimeZone())),\n  ].join(\" - \");\n\n  const yearLabel = new Intl.DateTimeFormat(locale, {\n    year: \"numeric\",\n  }).format(calendarState.focusedDate.toDate(getLocalTimeZone()));\n\n  const textSlots = {\n    month: { children: monthLabel },\n    monthRange: { children: monthRangeLabel },\n    year: { children: yearLabel },\n  };\n\n  return (\n    <Provider\n      values={[\n        [\n          ButtonContext,\n          {\n            ...buttonContext,\n            slots: {\n              ...(buttonContext &&\n              typeof buttonContext === \"object\" &&\n              \"slots\" in buttonContext\n                ? buttonContext.slots\n                : {}),\n              ...buttonSlots,\n            },\n          },\n        ],\n        [\n          TextContext,\n          {\n            ...textContext,\n            slots: {\n              ...(textContext &&\n              typeof textContext === \"object\" &&\n              \"slots\" in textContext\n                ? textContext.slots\n                : {}),\n              ...textSlots,\n            },\n          },\n        ],\n      ]}\n    >\n      {children}\n    </Provider>\n  );\n};\n","import type { RangeCalendarProps } from \"./range-calendar.types\";\nimport type { DateValue } from \"@internationalized/date\";\n\nimport { RangeCalendar as RaRangeCalendar } from \"react-aria-components\";\n\nimport { RangeCalendarRootSlot } from \"./range-calendar.slots\";\nimport { RangeCalendarGrids } from \"./components/range-calendar.grids\";\nimport { RangeCalendarHeader } from \"./components/range-calendar.header\";\nimport { rangeCalendarSlotRecipe } from \"./range-calendar.recipe\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { RangeCalendarCustomContext } from \"./components/range-calendar.custom-context\";\n\nexport const RangeCalendar = (props: RangeCalendarProps<DateValue>) => {\n  const recipe = useRecipe({ recipe: rangeCalendarSlotRecipe });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps(props);\n  const [styleProps, otherProps] = extractStyleProps(remainingProps);\n\n  return (\n    <RangeCalendarRootSlot {...recipeProps} {...styleProps} asChild>\n      <RaRangeCalendar {...otherProps}>\n        <RangeCalendarCustomContext>\n          <RangeCalendarHeader />\n          <RangeCalendarGrids />\n        </RangeCalendarCustomContext>\n      </RaRangeCalendar>\n    </RangeCalendarRootSlot>\n  );\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","RangeCalendarRootSlot","RangeCalendarHeaderSlot","RangeCalendarGridsSlot","RangeCalendarMonthTitleSlot","RangeCalendarGridSlot","RangeCalendarGridHeaderSlot","RangeCalendarHeaderCellSlot","RangeCalendarGridBodySlot","RangeCalendarCellSlot","RangeCalendarGrids","locale","useLocale","context","useSlottedContext","RangeCalendarContext","calendarState","useContext","RangeCalendarStateContext","visibleMonthsCount","todayDate","today","getLocalTimeZone","showMonthTitles","jsx","_","index","gridDate","monthName","jsxs","Box","RaCalendarGrid","RaCalendarGridHeader","day","RaCalendarHeaderCell","RaCalendarGridBody","date","isToday","RaCalendarCell","RangeCalendarHeader","showRangeLabel","Flex","Stack","VisuallyHidden","Heading","IconButton","KeyboardArrowLeft","Text","KeyboardArrowRight","RangeCalendarCustomContext","children","buttonContext","ButtonContext","textContext","TextContext","buttonSlots","monthLabel","monthRangeLabel","yearLabel","textSlots","Provider","RangeCalendar","props","recipe","useRecipe","rangeCalendarSlotRecipe","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","RaRangeCalendar"],"mappings":"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"}

package/dist/chunks/range-calendar-CrHUTeyY.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),a=require("./Heading-CCs6OF_m.cjs.js"),R=require("@chakra-ui/react/styled-system"),u=require("react"),c=require("./useDateFormatter-BBcUQTYP.cjs.js"),m=require("./utils-BHdR5Nww.cjs.js"),v=require("./context-OoV8SSWX.cjs.js"),S=require("./box-CWni3A32.cjs.js"),h=require("@commercetools/nimbus-icons"),D=require("@chakra-ui/react/flex"),g=require("./stack-CIN13EDn.cjs.js"),q=require("./visually-hidden-tTYCAVoQ.cjs.js"),$=require("./icon-button-CkjZc6Br.cjs.js"),j=require("./text-CCW9kDT_.cjs.js"),P=require("./index-Bx9ez6gh.cjs.js"),I=require("./extractStyleProps-G58aSXl8.cjs.js"),y=require("./Button-CFZnLKVR.cjs.js"),C=require("./Text-BWSfeB9p.cjs.js"),{withProvider:T,withContext:s}=R.createSlotRecipeContext({key:"rangeCalendar"}),B=T("div","root"),H=s("div","header"),A=s("div","grids"),F=s("div","monthTitle"),G=s("table","grid"),L=s("thead","gridHeader"),k=s("th","headerCell"),M=s("tbody","gridBody"),N=s("td","bodyCell"),z=()=>{const{locale:d}=v.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),n=m.$64fa3d84918910a7$export$fabf2dc03a41866e(a.$dfd62f934fc76fed$export$233dd9682e1ad64b),t=u.useContext(a.$dfd62f934fc76fed$export$5e0fc348c00f87a0),r=n?.visibleDuration?.months||1,o=c.$14e0f24ef4ac5c92$export$d0bdf45af03a6ea3(c.$14e0f24ef4ac5c92$export$aa8b41735afcabd2()),i=r>1;return e.jsx(A,{children:Array.from({length:r},(p,l)=>{const b=t.visibleRange.start.add({months:l}),f=new Intl.DateTimeFormat(d,{month:"long"}).format(b.toDate(c.$14e0f24ef4ac5c92$export$aa8b41735afcabd2()));return e.jsxs(S.Box,{width:r==1?"full":"auto",children:[i&&e.jsx(F,{children:f}),e.jsx(G,{asChild:!0,children:e.jsxs(a.$dfd62f934fc76fed$export$5bd780d491cfc46c,{offset:{months:l},weekdayStyle:"short",children:[e.jsx(L,{asChild:!0,children:e.jsx(a.$dfd62f934fc76fed$export$22e2d15eaa4d2377,{children:x=>e.jsx(k,{asChild:!0,children:e.jsx(a.$dfd62f934fc76fed$export$ad2135cac3a11b3d,{children:x})})})}),e.jsx(M,{asChild:!0,children:e.jsx(a.$dfd62f934fc76fed$export$e11f8ba65d857bff,{children:x=>{const w=x.compare(o)===0;return e.jsx(N,{asChild:!0,"data-today":w,children:e.jsx(a.$dfd62f934fc76fed$export$5d847498420df57b,{date:x})})}})})]})})]},f)})})},K=()=>{const t=(m.$64fa3d84918910a7$export$fabf2dc03a41866e(a.$dfd62f934fc76fed$export$233dd9682e1ad64b)?.visibleDuration?.months||1)>1;return e.jsx(H,{children:e.jsxs(D.Flex,{children:[e.jsxs(g.Stack,{direction:"row",alignItems:"center",children:[e.jsx(q.VisuallyHidden,{children:e.jsx(a.$5cb03073d3f54797$export$a8a3e93435678ff9,{})}),e.jsx($.IconButton,{slot:t?"previous":"previous-month",size:"xs",variant:"ghost",tone:"primary",children:e.jsx(h.KeyboardArrowLeft,{})}),e.jsx(j.Text,{textStyle:"sm",fontWeight:"500",color:"neutral.11",width:t?"4000":"2000",textAlign:"center","aria-hidden":"true",slot:t?"monthRange":"month"}),e.jsx($.IconButton,{slot:t?"next":"next-month",size:"xs",variant:"ghost",tone:"primary",children:e.jsx(h.KeyboardArrowRight,{})})]}),e.jsx(S.Box,{flexGrow:"1"}),e.jsxs(g.Stack,{direction:"row",alignItems:"center",children:[e.jsx($.IconButton,{slot:"previous-year",size:"xs",variant:"ghost",tone:"primary",children:e.jsx(h.KeyboardArrowLeft,{})}),e.jsx(j.Text,{textStyle:"sm",fontWeight:"500",color:"neutral.11",width:"1400",textAlign:"center","aria-hidden":"true",slot:"year"}),e.jsx($.IconButton,{slot:"next-year",size:"xs",variant:"ghost",tone:"primary",children:e.jsx(h.KeyboardArrowRight,{})})]})]})})},V=({children:d})=>{const{locale:n}=v.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),t=u.useContext(y.$d2b4bc8c273e7be6$export$24d547caef80ccd1),r=u.useContext(C.$514c0188e459b4c0$export$9afb8bc826b033ea),o=u.useContext(a.$dfd62f934fc76fed$export$5e0fc348c00f87a0),i={"next-month":{onPress:()=>o.focusNextSection(),"aria-label":"Next month"},"previous-month":{onPress:()=>o.focusPreviousSection(),"aria-label":"Previous month"},"next-year":{onPress:()=>o.focusNextSection(!0),"aria-label":"Next year"},"previous-year":{onPress:()=>o.focusPreviousSection(!0),"aria-label":"Previous year"}},p=new Intl.DateTimeFormat(n,{month:"long"}).format(o.focusedDate.toDate(c.$14e0f24ef4ac5c92$export$aa8b41735afcabd2())),l=[new Intl.DateTimeFormat(n,{month:"long"}).format(o.visibleRange.start.toDate(c.$14e0f24ef4ac5c92$export$aa8b41735afcabd2())),new Intl.DateTimeFormat(n,{month:"long"}).format(o.visibleRange.end.toDate(c.$14e0f24ef4ac5c92$export$aa8b41735afcabd2()))].join(" - "),b=new Intl.DateTimeFormat(n,{year:"numeric"}).format(o.focusedDate.toDate(c.$14e0f24ef4ac5c92$export$aa8b41735afcabd2())),f={month:{children:p},monthRange:{children:l},year:{children:b}};return e.jsx(m.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[y.$d2b4bc8c273e7be6$export$24d547caef80ccd1,{...t,slots:{...t&&typeof t=="object"&&"slots"in t?t.slots:{},...i}}],[C.$514c0188e459b4c0$export$9afb8bc826b033ea,{...r,slots:{...r&&typeof r=="object"&&"slots"in r?r.slots:{},...f}}]],children:d})},W=d=>{const n=R.useRecipe({recipe:P.rangeCalendarSlotRecipe}),[t,r]=n.splitVariantProps(d),[o,i]=I.extractStyleProps(r);return e.jsx(B,{...t,...o,asChild:!0,children:e.jsx(a.$dfd62f934fc76fed$export$a4f5c8b89d277a8d,{...i,children:e.jsxs(V,{children:[e.jsx(K,{}),e.jsx(z,{})]})})})};exports.RangeCalendar=W;
-//# sourceMappingURL=range-calendar-CrHUTeyY.cjs.js.map