@commercetools/nimbus 2.6.0 → 2.8.0

package/dist/chunks/card-BtoTvzfy.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-BtoTvzfy.cjs.js","sources":["../../src/components/card/card.slots.tsx","../../src/components/card/components/card.root.tsx","../../src/components/card/components/card.header.tsx","../../src/components/card/components/card.content.tsx","../../src/components/card/card.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"../../type-utils/slot-types\";\nimport type {\n  CardContentSlotProps,\n  CardHeaderSlotProps,\n  CardRootSlotProps,\n} from \"./card.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusCard\",\n});\n\n/**\n * Root component that provides the styling context for the Card component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const CardRoot: SlotComponent<HTMLDivElement, CardRootSlotProps> =\n  withProvider<HTMLDivElement, CardRootSlotProps>(\"div\", \"root\");\n\nexport const CardHeader: SlotComponent<HTMLDivElement, CardHeaderSlotProps> =\n  withContext<HTMLDivElement, CardHeaderSlotProps>(\"div\", \"header\");\n\nexport const CardContent: SlotComponent<HTMLDivElement, CardContentSlotProps> =\n  withContext<HTMLDivElement, CardContentSlotProps>(\"div\", \"content\");\n","import { createContext, useMemo, useState, type ReactNode } from \"react\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { CardRoot as CardRootSlot } from \"../card.slots\";\nimport type { CardProps } from \"../card.types\";\nimport { Stack } from \"../../stack\";\nimport { extractStyleProps } from \"@/utils\";\n\ntype CardContextValue = {\n  setHeader: (header: React.ReactNode) => void;\n  setContent: (content: React.ReactNode) => void;\n};\n\nexport const CardContext = createContext<CardContextValue | undefined>(\n  undefined\n);\n\n/**\n * Card.Root - The root component that provides context and styling for the card\n *\n * @supportsStyleProps\n */\nexport const CardRoot = ({ ref, children, ...props }: CardProps) => {\n  // Standard pattern: First split recipe variants\n  const recipe = useSlotRecipe({ key: \"nimbusCard\" });\n  const [recipeProps, restRecipeProps] = recipe.splitVariantProps(props);\n\n  // Standard pattern: Second extract style props from remaining\n  const [styleProps, functionalProps] = extractStyleProps(restRecipeProps);\n\n  const [headerNode, setHeader] = useState<ReactNode>(null);\n  const [contentNode, setContent] = useState<ReactNode>(null);\n\n  // Memoize the context value so we don't cause unnecessary re-renders\n  const contextValue = useMemo(\n    () => ({\n      setHeader,\n      setContent,\n    }),\n    [setHeader, setContent]\n  );\n\n  return (\n    <CardContext.Provider value={contextValue}>\n      <CardRootSlot\n        ref={ref}\n        {...recipeProps}\n        {...styleProps}\n        {...functionalProps}\n      >\n        {/* Always render them in this order/layout to protect consumers */}\n        <Stack direction=\"column\" gap=\"200\">\n          {headerNode}\n          {contentNode}\n        </Stack>\n\n        {/* Render all consumer sub-components, including our own */}\n        {children}\n      </CardRootSlot>\n    </CardContext.Provider>\n  );\n};\n\nCardRoot.displayName = \"Card.Root\";\n","import { useContext, useEffect } from \"react\";\nimport { CardHeader as CardHeaderSlot } from \"../card.slots\";\nimport { CardContext } from \"./card.root\";\nimport type { CardHeaderProps } from \"../card.types\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * Card.Header - The header section of the card\n *\n * @supportsStyleProps\n */\nexport const CardHeader = ({ children, ...props }: CardHeaderProps) => {\n  const context = useContext(CardContext);\n\n  // Standard pattern: Extract and forward style props\n  const [styleProps, functionalProps] = extractStyleProps(props);\n\n  useEffect(() => {\n    if (context) {\n      const slotElement = (\n        <CardHeaderSlot {...styleProps} {...functionalProps}>\n          {children}\n        </CardHeaderSlot>\n      );\n      // Register it with the parent\n      context.setHeader(slotElement);\n\n      // On unmount, remove it\n      return () => context.setHeader(null);\n    }\n  }, [children, styleProps, functionalProps, context]);\n\n  return null;\n};\nCardHeader.displayName = \"Card.Header\";\n","import { useContext, useEffect } from \"react\";\nimport { CardContent as CardContentSlot } from \"../card.slots\";\nimport { CardContext } from \"./card.root\";\nimport type { CardContentProps } from \"../card.types\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * Card.Content - The main content area of the card\n *\n * @supportsStyleProps\n */\nexport const CardContent = ({ children, ...props }: CardContentProps) => {\n  const context = useContext(CardContext);\n\n  // Standard pattern: Extract and forward style props\n  const [styleProps, functionalProps] = extractStyleProps(props);\n\n  useEffect(() => {\n    if (context) {\n      const slotElement = (\n        <CardContentSlot {...styleProps} {...functionalProps}>\n          {children}\n        </CardContentSlot>\n      );\n      // Register it with the parent\n      context.setContent(slotElement);\n\n      // On unmount, remove it\n      return () => context.setContent(null);\n    }\n  }, [children, styleProps, functionalProps, context]);\n\n  return null;\n};\n\nCardContent.displayName = \"Card.Content\";\n","import { CardRoot, CardHeader, CardContent } from \"./components\";\n\n/**\n * Card\n * ============================================================\n * A versatile container component that presents self-contained information\n * in a visually distinct way. Cards group related content and actions\n * together, making it easy to scan and interact with information.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/data-display/card}\n *\n * @example\n * ```tsx\n * <Card.Root>\n *   <Card.Header>Card Title</Card.Header>\n *   <Card.Content>Card content goes here</Card.Content>\n * </Card.Root>\n * ```\n */\nexport const Card = {\n  /**\n   * # Card.Root\n   *\n   * The root component that provides context and styling for the card.\n   * Must wrap all card parts (Header, Content) to coordinate their behavior.\n   * Accepts styling variants for padding, border, elevation, and background.\n   *\n   * @example\n   * ```tsx\n   * <Card.Root cardPadding=\"md\" borderStyle=\"outlined\" elevation=\"elevated\">\n   *   <Card.Header>Title</Card.Header>\n   *   <Card.Content>Content</Card.Content>\n   * </Card.Root>\n   * ```\n   */\n  Root: CardRoot,\n  /**\n   * # Card.Header\n   *\n   * The header section of the card, typically containing the card title\n   * or primary heading. Automatically positioned above the card content\n   * in a consistent layout.\n   *\n   * @example\n   * ```tsx\n   * <Card.Root>\n   *   <Card.Header>Card Title</Card.Header>\n   *   <Card.Content>Content here</Card.Content>\n   * </Card.Root>\n   * ```\n   */\n  Header: CardHeader,\n  /**\n   * # Card.Content\n   *\n   * The main content area of the card. Contains the primary information,\n   * body text, or interactive elements. Automatically positioned below\n   * the card header in a consistent layout.\n   *\n   * @example\n   * ```tsx\n   * <Card.Root>\n   *   <Card.Header>Title</Card.Header>\n   *   <Card.Content>\n   *     <Text>This is the main card content.</Text>\n   *   </Card.Content>\n   * </Card.Root>\n   * ```\n   */\n  Content: CardContent,\n};\n\nexport {\n  CardRoot as _CardRoot,\n  CardHeader as _CardHeader,\n  CardContent as _CardContent,\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","CardRoot","CardHeader","CardContent","CardContext","createContext","ref","children","props","recipe","useSlotRecipe","recipeProps","restRecipeProps","styleProps","functionalProps","extractStyleProps","headerNode","setHeader","useState","contentNode","setContent","contextValue","useMemo","jsx","jsxs","CardRootSlot","Stack","context","useContext","useEffect","slotElement","CardHeaderSlot","CardContentSlot","Card"],"mappings":"yMAQM,CAAE,aAAAA,EAAc,YAAAC,CAAA,EAAgBC,0BAAwB,CAC5D,IAAK,YACP,CAAC,EAMYC,EACXH,EAAgD,MAAO,MAAM,EAElDI,EACXH,EAAiD,MAAO,QAAQ,EAErDI,EACXJ,EAAkD,MAAO,SAAS,ECXvDK,EAAcC,EAAAA,cACzB,MACF,EAOaJ,EAAW,CAAC,CAAE,IAAAK,EAAK,SAAAC,EAAU,GAAGC,KAAuB,CAElE,MAAMC,EAASC,EAAAA,cAAc,CAAE,IAAK,aAAc,EAC5C,CAACC,EAAaC,CAAe,EAAIH,EAAO,kBAAkBD,CAAK,EAG/D,CAACK,EAAYC,CAAe,EAAIC,EAAAA,kBAAkBH,CAAe,EAEjE,CAACI,EAAYC,CAAS,EAAIC,EAAAA,SAAoB,IAAI,EAClD,CAACC,EAAaC,CAAU,EAAIF,EAAAA,SAAoB,IAAI,EAGpDG,EAAeC,EAAAA,QACnB,KAAO,CACL,UAAAL,EACA,WAAAG,CAAA,GAEF,CAACH,EAAWG,CAAU,CAAA,EAGxB,OACEG,EAAAA,IAACnB,EAAY,SAAZ,CAAqB,MAAOiB,EAC3B,SAAAG,EAAAA,KAACC,EAAA,CACC,IAAAnB,EACC,GAAGK,EACH,GAAGE,EACH,GAAGC,EAGJ,SAAA,CAAAU,EAAAA,KAACE,EAAAA,MAAA,CAAM,UAAU,SAAS,IAAI,MAC3B,SAAA,CAAAV,EACAG,CAAA,EACH,EAGCZ,CAAA,CAAA,CAAA,EAEL,CAEJ,EAEAN,EAAS,YAAc,YCnDhB,MAAMC,EAAa,CAAC,CAAE,SAAAK,EAAU,GAAGC,KAA6B,CACrE,MAAMmB,EAAUC,EAAAA,WAAWxB,CAAW,EAGhC,CAACS,EAAYC,CAAe,EAAIC,EAAAA,kBAAkBP,CAAK,EAE7DqB,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAIF,EAAS,CACX,MAAMG,EACJP,EAAAA,IAACQ,EAAA,CAAgB,GAAGlB,EAAa,GAAGC,EACjC,SAAAP,EACH,EAGF,OAAAoB,EAAQ,UAAUG,CAAW,EAGtB,IAAMH,EAAQ,UAAU,IAAI,CACrC,CACF,EAAG,CAACpB,EAAUM,EAAYC,EAAiBa,CAAO,CAAC,EAE5C,IACT,EACAzB,EAAW,YAAc,cCvBlB,MAAMC,EAAc,CAAC,CAAE,SAAAI,EAAU,GAAGC,KAA8B,CACvE,MAAMmB,EAAUC,EAAAA,WAAWxB,CAAW,EAGhC,CAACS,EAAYC,CAAe,EAAIC,EAAAA,kBAAkBP,CAAK,EAE7DqB,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAIF,EAAS,CACX,MAAMG,EACJP,EAAAA,IAACS,EAAA,CAAiB,GAAGnB,EAAa,GAAGC,EAClC,SAAAP,EACH,EAGF,OAAAoB,EAAQ,WAAWG,CAAW,EAGvB,IAAMH,EAAQ,WAAW,IAAI,CACtC,CACF,EAAG,CAACpB,EAAUM,EAAYC,EAAiBa,CAAO,CAAC,EAE5C,IACT,EAEAxB,EAAY,YAAc,eChBnB,MAAM8B,EAAO,CAgBlB,KAAMhC,EAgBN,OAAQC,EAkBR,QAASC,CACX"}

package/dist/chunks/card-DO1Aj8a4.es.js

@@ -0,0 +1,114 @@
+import { jsx as a, jsxs as p } from "react/jsx-runtime";
+import { useState as C, useMemo as N, createContext as b, useContext as u, useEffect as m } from "react";
+import { createSlotRecipeContext as k, useSlotRecipe as E } from "@chakra-ui/react/styled-system";
+import { S as $ } from "./stack-CoNreM7B.es.js";
+import { e as c } from "./extract-style-props-DuSHABTl.es.js";
+const { withProvider: j, withContext: f } = /* @__PURE__ */ k({
+  key: "nimbusCard"
+}), w = /* @__PURE__ */ j("div", "root"), V = /* @__PURE__ */ f("div", "header"), g = /* @__PURE__ */ f("div", "content"), d = /* @__PURE__ */ b(
+  void 0
+), x = ({ ref: e, children: r, ...t }) => {
+  const o = E({ key: "nimbusCard" }), [n, s] = o.splitVariantProps(t), [v, H] = c(s), [R, i] = C(null), [S, l] = C(null), h = N(
+    () => ({
+      setHeader: i,
+      setContent: l
+    }),
+    [i, l]
+  );
+  return /* @__PURE__ */ a(d.Provider, { value: h, children: /* @__PURE__ */ p(
+    w,
+    {
+      ref: e,
+      ...n,
+      ...v,
+      ...H,
+      children: [
+        /* @__PURE__ */ p($, { direction: "column", gap: "200", children: [
+          R,
+          S
+        ] }),
+        r
+      ]
+    }
+  ) });
+};
+x.displayName = "Card.Root";
+const P = ({ children: e, ...r }) => {
+  const t = u(d), [o, n] = c(r);
+  return m(() => {
+    if (t) {
+      const s = /* @__PURE__ */ a(V, { ...o, ...n, children: e });
+      return t.setHeader(s), () => t.setHeader(null);
+    }
+  }, [e, o, n, t]), null;
+};
+P.displayName = "Card.Header";
+const y = ({ children: e, ...r }) => {
+  const t = u(d), [o, n] = c(r);
+  return m(() => {
+    if (t) {
+      const s = /* @__PURE__ */ a(g, { ...o, ...n, children: e });
+      return t.setContent(s), () => t.setContent(null);
+    }
+  }, [e, o, n, t]), null;
+};
+y.displayName = "Card.Content";
+const D = {
+  /**
+   * # Card.Root
+   *
+   * The root component that provides context and styling for the card.
+   * Must wrap all card parts (Header, Content) to coordinate their behavior.
+   * Accepts styling variants for padding, border, elevation, and background.
+   *
+   * @example
+   * ```tsx
+   * <Card.Root cardPadding="md" borderStyle="outlined" elevation="elevated">
+   *   <Card.Header>Title</Card.Header>
+   *   <Card.Content>Content</Card.Content>
+   * </Card.Root>
+   * ```
+   */
+  Root: x,
+  /**
+   * # Card.Header
+   *
+   * The header section of the card, typically containing the card title
+   * or primary heading. Automatically positioned above the card content
+   * in a consistent layout.
+   *
+   * @example
+   * ```tsx
+   * <Card.Root>
+   *   <Card.Header>Card Title</Card.Header>
+   *   <Card.Content>Content here</Card.Content>
+   * </Card.Root>
+   * ```
+   */
+  Header: P,
+  /**
+   * # Card.Content
+   *
+   * The main content area of the card. Contains the primary information,
+   * body text, or interactive elements. Automatically positioned below
+   * the card header in a consistent layout.
+   *
+   * @example
+   * ```tsx
+   * <Card.Root>
+   *   <Card.Header>Title</Card.Header>
+   *   <Card.Content>
+   *     <Text>This is the main card content.</Text>
+   *   </Card.Content>
+   * </Card.Root>
+   * ```
+   */
+  Content: y
+};
+export {
+  D as C,
+  y as a,
+  P as b,
+  x as c
+};
+//# sourceMappingURL=card-DO1Aj8a4.es.js.map

package/dist/chunks/card-DO1Aj8a4.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-DO1Aj8a4.es.js","sources":["../../src/components/card/card.slots.tsx","../../src/components/card/components/card.root.tsx","../../src/components/card/components/card.header.tsx","../../src/components/card/components/card.content.tsx","../../src/components/card/card.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"../../type-utils/slot-types\";\nimport type {\n  CardContentSlotProps,\n  CardHeaderSlotProps,\n  CardRootSlotProps,\n} from \"./card.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusCard\",\n});\n\n/**\n * Root component that provides the styling context for the Card component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const CardRoot: SlotComponent<HTMLDivElement, CardRootSlotProps> =\n  withProvider<HTMLDivElement, CardRootSlotProps>(\"div\", \"root\");\n\nexport const CardHeader: SlotComponent<HTMLDivElement, CardHeaderSlotProps> =\n  withContext<HTMLDivElement, CardHeaderSlotProps>(\"div\", \"header\");\n\nexport const CardContent: SlotComponent<HTMLDivElement, CardContentSlotProps> =\n  withContext<HTMLDivElement, CardContentSlotProps>(\"div\", \"content\");\n","import { createContext, useMemo, useState, type ReactNode } from \"react\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { CardRoot as CardRootSlot } from \"../card.slots\";\nimport type { CardProps } from \"../card.types\";\nimport { Stack } from \"../../stack\";\nimport { extractStyleProps } from \"@/utils\";\n\ntype CardContextValue = {\n  setHeader: (header: React.ReactNode) => void;\n  setContent: (content: React.ReactNode) => void;\n};\n\nexport const CardContext = createContext<CardContextValue | undefined>(\n  undefined\n);\n\n/**\n * Card.Root - The root component that provides context and styling for the card\n *\n * @supportsStyleProps\n */\nexport const CardRoot = ({ ref, children, ...props }: CardProps) => {\n  // Standard pattern: First split recipe variants\n  const recipe = useSlotRecipe({ key: \"nimbusCard\" });\n  const [recipeProps, restRecipeProps] = recipe.splitVariantProps(props);\n\n  // Standard pattern: Second extract style props from remaining\n  const [styleProps, functionalProps] = extractStyleProps(restRecipeProps);\n\n  const [headerNode, setHeader] = useState<ReactNode>(null);\n  const [contentNode, setContent] = useState<ReactNode>(null);\n\n  // Memoize the context value so we don't cause unnecessary re-renders\n  const contextValue = useMemo(\n    () => ({\n      setHeader,\n      setContent,\n    }),\n    [setHeader, setContent]\n  );\n\n  return (\n    <CardContext.Provider value={contextValue}>\n      <CardRootSlot\n        ref={ref}\n        {...recipeProps}\n        {...styleProps}\n        {...functionalProps}\n      >\n        {/* Always render them in this order/layout to protect consumers */}\n        <Stack direction=\"column\" gap=\"200\">\n          {headerNode}\n          {contentNode}\n        </Stack>\n\n        {/* Render all consumer sub-components, including our own */}\n        {children}\n      </CardRootSlot>\n    </CardContext.Provider>\n  );\n};\n\nCardRoot.displayName = \"Card.Root\";\n","import { useContext, useEffect } from \"react\";\nimport { CardHeader as CardHeaderSlot } from \"../card.slots\";\nimport { CardContext } from \"./card.root\";\nimport type { CardHeaderProps } from \"../card.types\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * Card.Header - The header section of the card\n *\n * @supportsStyleProps\n */\nexport const CardHeader = ({ children, ...props }: CardHeaderProps) => {\n  const context = useContext(CardContext);\n\n  // Standard pattern: Extract and forward style props\n  const [styleProps, functionalProps] = extractStyleProps(props);\n\n  useEffect(() => {\n    if (context) {\n      const slotElement = (\n        <CardHeaderSlot {...styleProps} {...functionalProps}>\n          {children}\n        </CardHeaderSlot>\n      );\n      // Register it with the parent\n      context.setHeader(slotElement);\n\n      // On unmount, remove it\n      return () => context.setHeader(null);\n    }\n  }, [children, styleProps, functionalProps, context]);\n\n  return null;\n};\nCardHeader.displayName = \"Card.Header\";\n","import { useContext, useEffect } from \"react\";\nimport { CardContent as CardContentSlot } from \"../card.slots\";\nimport { CardContext } from \"./card.root\";\nimport type { CardContentProps } from \"../card.types\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * Card.Content - The main content area of the card\n *\n * @supportsStyleProps\n */\nexport const CardContent = ({ children, ...props }: CardContentProps) => {\n  const context = useContext(CardContext);\n\n  // Standard pattern: Extract and forward style props\n  const [styleProps, functionalProps] = extractStyleProps(props);\n\n  useEffect(() => {\n    if (context) {\n      const slotElement = (\n        <CardContentSlot {...styleProps} {...functionalProps}>\n          {children}\n        </CardContentSlot>\n      );\n      // Register it with the parent\n      context.setContent(slotElement);\n\n      // On unmount, remove it\n      return () => context.setContent(null);\n    }\n  }, [children, styleProps, functionalProps, context]);\n\n  return null;\n};\n\nCardContent.displayName = \"Card.Content\";\n","import { CardRoot, CardHeader, CardContent } from \"./components\";\n\n/**\n * Card\n * ============================================================\n * A versatile container component that presents self-contained information\n * in a visually distinct way. Cards group related content and actions\n * together, making it easy to scan and interact with information.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/data-display/card}\n *\n * @example\n * ```tsx\n * <Card.Root>\n *   <Card.Header>Card Title</Card.Header>\n *   <Card.Content>Card content goes here</Card.Content>\n * </Card.Root>\n * ```\n */\nexport const Card = {\n  /**\n   * # Card.Root\n   *\n   * The root component that provides context and styling for the card.\n   * Must wrap all card parts (Header, Content) to coordinate their behavior.\n   * Accepts styling variants for padding, border, elevation, and background.\n   *\n   * @example\n   * ```tsx\n   * <Card.Root cardPadding=\"md\" borderStyle=\"outlined\" elevation=\"elevated\">\n   *   <Card.Header>Title</Card.Header>\n   *   <Card.Content>Content</Card.Content>\n   * </Card.Root>\n   * ```\n   */\n  Root: CardRoot,\n  /**\n   * # Card.Header\n   *\n   * The header section of the card, typically containing the card title\n   * or primary heading. Automatically positioned above the card content\n   * in a consistent layout.\n   *\n   * @example\n   * ```tsx\n   * <Card.Root>\n   *   <Card.Header>Card Title</Card.Header>\n   *   <Card.Content>Content here</Card.Content>\n   * </Card.Root>\n   * ```\n   */\n  Header: CardHeader,\n  /**\n   * # Card.Content\n   *\n   * The main content area of the card. Contains the primary information,\n   * body text, or interactive elements. Automatically positioned below\n   * the card header in a consistent layout.\n   *\n   * @example\n   * ```tsx\n   * <Card.Root>\n   *   <Card.Header>Title</Card.Header>\n   *   <Card.Content>\n   *     <Text>This is the main card content.</Text>\n   *   </Card.Content>\n   * </Card.Root>\n   * ```\n   */\n  Content: CardContent,\n};\n\nexport {\n  CardRoot as _CardRoot,\n  CardHeader as _CardHeader,\n  CardContent as _CardContent,\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","CardRoot","CardHeader","CardContent","CardContext","createContext","ref","children","props","recipe","useSlotRecipe","recipeProps","restRecipeProps","styleProps","functionalProps","extractStyleProps","headerNode","setHeader","useState","contentNode","setContent","contextValue","useMemo","jsx","jsxs","CardRootSlot","Stack","context","useContext","useEffect","slotElement","CardHeaderSlot","CardContentSlot","Card"],"mappings":"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"}

package/dist/chunks/checkbox-DB_2vX8q.es.js

@@ -0,0 +1,220 @@
+import { jsx as P, jsxs as D, Fragment as j } from "react/jsx-runtime";
+import { createSlotRecipeContext as H, useSlotRecipe as N } from "@chakra-ui/react/styled-system";
+import { Check as L, Remove as T } from "@commercetools/nimbus-icons";
+import { e as W } from "./extract-style-props-DuSHABTl.es.js";
+import { a as z } from "./RSPContexts-DLgb84PF.es.js";
+import { $ as A, d as G, f as S, a as J, b as K } from "./utils-CiIOoh_a.es.js";
+import { $ as Q } from "./Form-CXcEMuBf.es.js";
+import { a as V, b as U } from "./mergeProps-Dg8WqJiN.es.js";
+import { $ as X } from "./filterDOMProps-Cxz9cAAv.es.js";
+import { $ as Y } from "./useObjectRef-CaJ5pgjX.es.js";
+import R, { useEffect as k, useMemo as B, useRef as Z, forwardRef as ee, useContext as ie, createContext as ae } from "react";
+import { $ as g, a as de, b as O, c as te } from "./useFormValidation-B6ieSHzO.es.js";
+import { $ as ne } from "./usePress-BwYt_DhT.es.js";
+import { $ as le } from "./useToggle-Zw1unmxY.es.js";
+import { $ as q } from "./useToggleState-DWm4nWJh.es.js";
+import { $ as oe } from "./useFocusRing-BUzNZISS.es.js";
+import { $ as re } from "./useHover-_d7KqTYf.es.js";
+import { $ as se } from "./VisuallyHidden-B6DIvP4_.es.js";
+function _(i, e, a) {
+  let l = g({
+    ...i,
+    value: e.isSelected
+  }), { isInvalid: m, validationErrors: v, validationDetails: c } = l.displayValidation, { labelProps: f, inputProps: r, isSelected: d, isPressed: t, isDisabled: u, isReadOnly: $ } = le({
+    ...i,
+    isInvalid: m
+  }, e, a);
+  de(i, l, a);
+  let { isIndeterminate: b, isRequired: o, validationBehavior: s = "aria" } = i;
+  k(() => {
+    a.current && (a.current.indeterminate = !!b);
+  });
+  let { pressProps: h } = ne({
+    isDisabled: u || $,
+    onPress() {
+      let { [O]: n } = i, { commitValidation: x } = n || l;
+      x();
+    }
+  });
+  return {
+    labelProps: V(f, h, B(() => ({
+      // Prevent label from being focused when mouse down on it.
+      // Note, this does not prevent the input from being focused in the `click` event.
+      onMouseDown: (n) => n.preventDefault()
+    }), [])),
+    inputProps: {
+      ...r,
+      checked: d,
+      "aria-required": o && s === "aria" || void 0,
+      required: o && s === "native"
+    },
+    isSelected: d,
+    isPressed: t,
+    isDisabled: u,
+    isReadOnly: $,
+    isInvalid: m,
+    validationErrors: v,
+    validationDetails: c
+  };
+}
+const ce = /* @__PURE__ */ new WeakMap();
+function fe(i, e, a) {
+  const l = q({
+    isReadOnly: i.isReadOnly || e.isReadOnly,
+    isSelected: e.isSelected(i.value),
+    defaultSelected: e.defaultValue.includes(i.value),
+    onChange(n) {
+      n ? e.addValue(i.value) : e.removeValue(i.value), i.onChange && i.onChange(n);
+    }
+  });
+  let { name: m, form: v, descriptionId: c, errorMessageId: f, validationBehavior: r } = ce.get(e);
+  var d;
+  r = (d = i.validationBehavior) !== null && d !== void 0 ? d : r;
+  let { realtimeValidation: t } = g({
+    ...i,
+    value: l.isSelected,
+    // Server validation is handled at the group level.
+    name: void 0,
+    validationBehavior: "aria"
+  }), u = Z(te), $ = () => {
+    e.setInvalid(i.value, t.isInvalid ? t : u.current);
+  };
+  k($);
+  let b = e.realtimeValidation.isInvalid ? e.realtimeValidation : t, o = r === "native" ? e.displayValidation : b;
+  var s;
+  let h = _({
+    ...i,
+    isReadOnly: i.isReadOnly || e.isReadOnly,
+    isDisabled: i.isDisabled || e.isDisabled,
+    name: i.name || m,
+    form: i.form || v,
+    isRequired: (s = i.isRequired) !== null && s !== void 0 ? s : e.isRequired,
+    validationBehavior: r,
+    [O]: {
+      realtimeValidation: b,
+      displayValidation: o,
+      resetValidation: e.resetValidation,
+      commitValidation: e.commitValidation,
+      updateValidation(n) {
+        u.current = n, $();
+      }
+    }
+  }, l, a);
+  return {
+    ...h,
+    inputProps: {
+      ...h.inputProps,
+      "aria-describedby": [
+        i["aria-describedby"],
+        e.isInvalid ? f : null,
+        c
+      ].filter(Boolean).join(" ") || void 0
+    }
+  };
+}
+const ue = /* @__PURE__ */ ae(null), $e = /* @__PURE__ */ ee(function(e, a) {
+  let { inputRef: l = null, ...m } = e;
+  [e, a] = A(m, a, z);
+  let { validationBehavior: v } = G(Q) || {};
+  var c, f;
+  let r = (f = (c = e.validationBehavior) !== null && c !== void 0 ? c : v) !== null && f !== void 0 ? f : "native", d = ie(ue), t = Y(B(() => U(l, e.inputRef !== void 0 ? e.inputRef : null), [
+    l,
+    e.inputRef
+  ])), { labelProps: u, inputProps: $, isSelected: b, isDisabled: o, isReadOnly: s, isPressed: h, isInvalid: n } = d ? fe({
+    ...S(e),
+    // Value is optional for standalone checkboxes, but required for CheckboxGroup items;
+    // it's passed explicitly here to avoid typescript error (requires ignore).
+    // @ts-ignore
+    value: e.value,
+    // ReactNode type doesn't allow function children.
+    children: typeof e.children == "function" ? !0 : e.children
+  }, d, t) : _({
+    ...S(e),
+    children: typeof e.children == "function" ? !0 : e.children,
+    validationBehavior: r
+  }, q(e), t), { isFocused: x, isFocusVisible: y, focusProps: F } = oe(), w = o || s, { hoverProps: M, isHovered: I } = re({
+    ...e,
+    isDisabled: w
+  }), C = J({
+    ...e,
+    defaultClassName: "react-aria-Checkbox",
+    values: {
+      isSelected: b,
+      isIndeterminate: e.isIndeterminate || !1,
+      isPressed: h,
+      isHovered: I,
+      isFocused: x,
+      isFocusVisible: y,
+      isDisabled: o,
+      isReadOnly: s,
+      isInvalid: n,
+      isRequired: e.isRequired || !1
+    }
+  }), p = X(e, {
+    global: !0
+  });
+  return delete p.id, delete p.onClick, /* @__PURE__ */ R.createElement(K.label, {
+    ...V(p, u, M, C),
+    ref: a,
+    slot: e.slot || void 0,
+    "data-selected": b || void 0,
+    "data-indeterminate": e.isIndeterminate || void 0,
+    "data-pressed": h || void 0,
+    "data-hovered": I || void 0,
+    "data-focused": x || void 0,
+    "data-focus-visible": y || void 0,
+    "data-disabled": o || void 0,
+    "data-readonly": s || void 0,
+    "data-invalid": n || void 0,
+    "data-required": e.isRequired || void 0
+  }, /* @__PURE__ */ R.createElement(se, {
+    elementType: "span"
+  }, /* @__PURE__ */ R.createElement("input", {
+    ...V($, F),
+    ref: t
+  })), C.children);
+}), { withProvider: be, withContext: E } = /* @__PURE__ */ H({
+  key: "nimbusCheckbox"
+}), me = /* @__PURE__ */ be($e, "root"), ve = /* @__PURE__ */ E("span", "label"), he = /* @__PURE__ */ E(
+  "span",
+  "indicator"
+), xe = (i) => {
+  const { ref: e, children: a, ...l } = i, m = N({ key: "nimbusCheckbox" }), [v, c] = m.splitVariantProps(l), [f, r] = W(c);
+  return /* @__PURE__ */ P(
+    me,
+    {
+      ref: e,
+      "data-slot": "root",
+      ...r,
+      ...v,
+      ...f,
+      children: ({
+        isSelected: d,
+        isIndeterminate: t,
+        isInvalid: u,
+        isDisabled: $,
+        isFocused: b
+      }) => {
+        const o = {
+          "data-selected": d,
+          "data-indeterminate": t,
+          "data-invalid": u,
+          "data-disabled": $,
+          "data-focus": b || void 0
+        };
+        return /* @__PURE__ */ D(j, { children: [
+          /* @__PURE__ */ D(he, { "data-slot": "indicator", ...o, children: [
+            d && /* @__PURE__ */ P(L, {}),
+            t && /* @__PURE__ */ P(T, {})
+          ] }),
+          a && /* @__PURE__ */ P(ve, { "data-slot": "label", ...o, children: a })
+        ] });
+      }
+    }
+  );
+};
+xe.displayName = "Checkbox";
+export {
+  xe as C
+};
+//# sourceMappingURL=checkbox-DB_2vX8q.es.js.map

package/dist/chunks/checkbox-DB_2vX8q.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-DB_2vX8q.es.js","sources":["../../../../node_modules/.pnpm/@react-aria+checkbox@3.16.5_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@react-aria/checkbox/dist/useCheckbox.mjs","../../../../node_modules/.pnpm/@react-aria+checkbox@3.16.5_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@react-aria/checkbox/dist/utils.mjs","../../../../node_modules/.pnpm/@react-aria+checkbox@3.16.5_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@react-aria/checkbox/dist/useCheckboxGroupItem.mjs","../../../../node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria-components/dist/Checkbox.mjs","../../src/components/checkbox/checkbox.slots.tsx","../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import {useEffect as $jNP0e$useEffect, useMemo as $jNP0e$useMemo} from \"react\";\nimport {mergeProps as $jNP0e$mergeProps} from \"@react-aria/utils\";\nimport {useFormValidationState as $jNP0e$useFormValidationState, privateValidationStateProp as $jNP0e$privateValidationStateProp} from \"@react-stately/form\";\nimport {useFormValidation as $jNP0e$useFormValidation} from \"@react-aria/form\";\nimport {usePress as $jNP0e$usePress} from \"@react-aria/interactions\";\nimport {useToggle as $jNP0e$useToggle} from \"@react-aria/toggle\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\n\nfunction $406796ff087fe49b$export$e375f10ce42261c5(props, state, inputRef) {\n    // Create validation state here because it doesn't make sense to add to general useToggleState.\n    let validationState = (0, $jNP0e$useFormValidationState)({\n        ...props,\n        value: state.isSelected\n    });\n    let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = validationState.displayValidation;\n    let { labelProps: labelProps, inputProps: inputProps, isSelected: isSelected, isPressed: isPressed, isDisabled: isDisabled, isReadOnly: isReadOnly } = (0, $jNP0e$useToggle)({\n        ...props,\n        isInvalid: isInvalid\n    }, state, inputRef);\n    (0, $jNP0e$useFormValidation)(props, validationState, inputRef);\n    let { isIndeterminate: isIndeterminate, isRequired: isRequired, validationBehavior: validationBehavior = 'aria' } = props;\n    (0, $jNP0e$useEffect)(()=>{\n        // indeterminate is a property, but it can only be set via javascript\n        // https://css-tricks.com/indeterminate-checkboxes/\n        if (inputRef.current) inputRef.current.indeterminate = !!isIndeterminate;\n    });\n    // Reset validation state on label press for checkbox with a hidden input.\n    let { pressProps: pressProps } = (0, $jNP0e$usePress)({\n        isDisabled: isDisabled || isReadOnly,\n        onPress () {\n            // @ts-expect-error\n            let { [(0, $jNP0e$privateValidationStateProp)]: groupValidationState } = props;\n            let { commitValidation: commitValidation } = groupValidationState ? groupValidationState : validationState;\n            commitValidation();\n        }\n    });\n    return {\n        labelProps: (0, $jNP0e$mergeProps)(labelProps, pressProps, (0, $jNP0e$useMemo)(()=>({\n                // Prevent label from being focused when mouse down on it.\n                // Note, this does not prevent the input from being focused in the `click` event.\n                onMouseDown: (e)=>e.preventDefault()\n            }), [])),\n        inputProps: {\n            ...inputProps,\n            checked: isSelected,\n            'aria-required': isRequired && validationBehavior === 'aria' || undefined,\n            required: isRequired && validationBehavior === 'native'\n        },\n        isSelected: isSelected,\n        isPressed: isPressed,\n        isDisabled: isDisabled,\n        isReadOnly: isReadOnly,\n        isInvalid: isInvalid,\n        validationErrors: validationErrors,\n        validationDetails: validationDetails\n    };\n}\n\n\nexport {$406796ff087fe49b$export$e375f10ce42261c5 as useCheckbox};\n//# sourceMappingURL=useCheckbox.module.js.map\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ const $1ae600c947479353$export$ec98120685d4f57d = new WeakMap();\n\n\nexport {$1ae600c947479353$export$ec98120685d4f57d as checkboxGroupData};\n//# sourceMappingURL=utils.module.js.map\n","import {useCheckbox as $406796ff087fe49b$export$e375f10ce42261c5} from \"./useCheckbox.mjs\";\nimport {checkboxGroupData as $1ae600c947479353$export$ec98120685d4f57d} from \"./utils.mjs\";\nimport {useFormValidationState as $6clEo$useFormValidationState, DEFAULT_VALIDATION_RESULT as $6clEo$DEFAULT_VALIDATION_RESULT, privateValidationStateProp as $6clEo$privateValidationStateProp} from \"@react-stately/form\";\nimport {useRef as $6clEo$useRef, useEffect as $6clEo$useEffect} from \"react\";\nimport {useToggleState as $6clEo$useToggleState} from \"@react-stately/toggle\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\nfunction $fba3e38d5ca8983f$export$353b32fc6898d37d(props, state, inputRef) {\n    const toggleState = (0, $6clEo$useToggleState)({\n        isReadOnly: props.isReadOnly || state.isReadOnly,\n        isSelected: state.isSelected(props.value),\n        defaultSelected: state.defaultValue.includes(props.value),\n        onChange (isSelected) {\n            if (isSelected) state.addValue(props.value);\n            else state.removeValue(props.value);\n            if (props.onChange) props.onChange(isSelected);\n        }\n    });\n    let { name: name, form: form, descriptionId: descriptionId, errorMessageId: errorMessageId, validationBehavior: validationBehavior } = (0, $1ae600c947479353$export$ec98120685d4f57d).get(state);\n    var _props_validationBehavior;\n    validationBehavior = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== void 0 ? _props_validationBehavior : validationBehavior;\n    // Local validation for this checkbox.\n    let { realtimeValidation: realtimeValidation } = (0, $6clEo$useFormValidationState)({\n        ...props,\n        value: toggleState.isSelected,\n        // Server validation is handled at the group level.\n        name: undefined,\n        validationBehavior: 'aria'\n    });\n    // Update the checkbox group state when realtime validation changes.\n    let nativeValidation = (0, $6clEo$useRef)((0, $6clEo$DEFAULT_VALIDATION_RESULT));\n    let updateValidation = ()=>{\n        state.setInvalid(props.value, realtimeValidation.isInvalid ? realtimeValidation : nativeValidation.current);\n    };\n    (0, $6clEo$useEffect)(updateValidation);\n    // Combine group and checkbox level validation.\n    let combinedRealtimeValidation = state.realtimeValidation.isInvalid ? state.realtimeValidation : realtimeValidation;\n    let displayValidation = validationBehavior === 'native' ? state.displayValidation : combinedRealtimeValidation;\n    var _props_isRequired;\n    let res = (0, $406796ff087fe49b$export$e375f10ce42261c5)({\n        ...props,\n        isReadOnly: props.isReadOnly || state.isReadOnly,\n        isDisabled: props.isDisabled || state.isDisabled,\n        name: props.name || name,\n        form: props.form || form,\n        isRequired: (_props_isRequired = props.isRequired) !== null && _props_isRequired !== void 0 ? _props_isRequired : state.isRequired,\n        validationBehavior: validationBehavior,\n        [(0, $6clEo$privateValidationStateProp)]: {\n            realtimeValidation: combinedRealtimeValidation,\n            displayValidation: displayValidation,\n            resetValidation: state.resetValidation,\n            commitValidation: state.commitValidation,\n            updateValidation (v) {\n                nativeValidation.current = v;\n                updateValidation();\n            }\n        }\n    }, toggleState, inputRef);\n    return {\n        ...res,\n        inputProps: {\n            ...res.inputProps,\n            'aria-describedby': [\n                props['aria-describedby'],\n                state.isInvalid ? errorMessageId : null,\n                descriptionId\n            ].filter(Boolean).join(' ') || undefined\n        }\n    };\n}\n\n\nexport {$fba3e38d5ca8983f$export$353b32fc6898d37d as useCheckboxGroupItem};\n//# sourceMappingURL=useCheckboxGroupItem.module.js.map\n","import {CheckboxContext as $4e85f108e88277b8$export$b085522c77523c51} from \"./RSPContexts.mjs\";\nimport {dom as $64fa3d84918910a7$export$df3a06d6289f983e, Provider as $64fa3d84918910a7$export$2881499e37b75b9a, removeDataAttributes as $64fa3d84918910a7$export$ef03459518577ad4, useContextProps as $64fa3d84918910a7$export$29f1550f4b0d4415, useRenderProps as $64fa3d84918910a7$export$4d86445c2cf5e3, useSlot as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, useSlottedContext as $64fa3d84918910a7$export$fabf2dc03a41866e} from \"./utils.mjs\";\nimport {FieldErrorContext as $ee014567cb39d3f0$export$ff05c3ac10437e03} from \"./FieldError.mjs\";\nimport {FormContext as $d3e0e05bdfcf66bd$export$c24727297075ec6a} from \"./Form.mjs\";\nimport {LabelContext as $01b77f81d0f07f68$export$75b6ee27786ba447} from \"./Label.mjs\";\nimport {TextContext as $514c0188e459b4c0$export$9afb8bc826b033ea} from \"./Text.mjs\";\nimport {useCheckboxGroup as $kPH7g$useCheckboxGroup, mergeProps as $kPH7g$mergeProps, useCheckboxGroupItem as $kPH7g$useCheckboxGroupItem, useCheckbox as $kPH7g$useCheckbox, useFocusRing as $kPH7g$useFocusRing, useHover as $kPH7g$useHover, VisuallyHidden as $kPH7g$VisuallyHidden} from \"react-aria\";\nimport {useCheckboxGroupState as $kPH7g$useCheckboxGroupState, useToggleState as $kPH7g$useToggleState} from \"react-stately\";\nimport {filterDOMProps as $kPH7g$filterDOMProps, useObjectRef as $kPH7g$useObjectRef, mergeRefs as $kPH7g$mergeRefs} from \"@react-aria/utils\";\nimport $kPH7g$react, {createContext as $kPH7g$createContext, forwardRef as $kPH7g$forwardRef, useContext as $kPH7g$useContext, useMemo as $kPH7g$useMemo} from \"react\";\n\n/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\n\n\n\n\n\nconst $bc237834342dbd75$export$baf37c4be89255b8 = /*#__PURE__*/ (0, $kPH7g$createContext)(null);\nconst $bc237834342dbd75$export$139c5b8563afc1fc = /*#__PURE__*/ (0, $kPH7g$createContext)(null);\nconst $bc237834342dbd75$export$4aa08d5625cb8ead = /*#__PURE__*/ (0, $kPH7g$forwardRef)(function CheckboxGroup(props, ref) {\n    [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $bc237834342dbd75$export$baf37c4be89255b8);\n    let { validationBehavior: formValidationBehavior } = (0, $64fa3d84918910a7$export$fabf2dc03a41866e)((0, $d3e0e05bdfcf66bd$export$c24727297075ec6a)) || {};\n    var _props_validationBehavior, _ref;\n    let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== void 0 ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== void 0 ? _ref : 'native';\n    let state = (0, $kPH7g$useCheckboxGroupState)({\n        ...props,\n        validationBehavior: validationBehavior\n    });\n    let [labelRef, label] = (0, $64fa3d84918910a7$export$9d4c57ee4c6ffdd8)(!props['aria-label'] && !props['aria-labelledby']);\n    let { groupProps: groupProps, labelProps: labelProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, ...validation } = (0, $kPH7g$useCheckboxGroup)({\n        ...props,\n        label: label,\n        validationBehavior: validationBehavior\n    }, state);\n    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n        ...props,\n        values: {\n            isDisabled: state.isDisabled,\n            isReadOnly: state.isReadOnly,\n            isRequired: props.isRequired || false,\n            isInvalid: state.isInvalid,\n            state: state\n        },\n        defaultClassName: 'react-aria-CheckboxGroup'\n    });\n    let DOMProps = (0, $kPH7g$filterDOMProps)(props, {\n        global: true\n    });\n    return /*#__PURE__*/ (0, $kPH7g$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).div, {\n        ...(0, $kPH7g$mergeProps)(DOMProps, renderProps, groupProps),\n        ref: ref,\n        slot: props.slot || undefined,\n        \"data-readonly\": state.isReadOnly || undefined,\n        \"data-required\": props.isRequired || undefined,\n        \"data-invalid\": state.isInvalid || undefined,\n        \"data-disabled\": props.isDisabled || undefined\n    }, /*#__PURE__*/ (0, $kPH7g$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {\n        values: [\n            [\n                $bc237834342dbd75$export$139c5b8563afc1fc,\n                state\n            ],\n            [\n                (0, $01b77f81d0f07f68$export$75b6ee27786ba447),\n                {\n                    ...labelProps,\n                    ref: labelRef,\n                    elementType: 'span'\n                }\n            ],\n            [\n                (0, $514c0188e459b4c0$export$9afb8bc826b033ea),\n                {\n                    slots: {\n                        description: descriptionProps,\n                        errorMessage: errorMessageProps\n                    }\n                }\n            ],\n            [\n                (0, $ee014567cb39d3f0$export$ff05c3ac10437e03),\n                validation\n            ]\n        ]\n    }, renderProps.children));\n});\nconst $bc237834342dbd75$export$48513f6b9f8ce62d = /*#__PURE__*/ (0, $kPH7g$forwardRef)(function Checkbox(props, ref) {\n    let { inputRef: userProvidedInputRef = null, ...otherProps } = props;\n    [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(otherProps, ref, (0, $4e85f108e88277b8$export$b085522c77523c51));\n    let { validationBehavior: formValidationBehavior } = (0, $64fa3d84918910a7$export$fabf2dc03a41866e)((0, $d3e0e05bdfcf66bd$export$c24727297075ec6a)) || {};\n    var _props_validationBehavior, _ref;\n    let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== void 0 ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== void 0 ? _ref : 'native';\n    let groupState = (0, $kPH7g$useContext)($bc237834342dbd75$export$139c5b8563afc1fc);\n    let inputRef = (0, $kPH7g$useObjectRef)((0, $kPH7g$useMemo)(()=>(0, $kPH7g$mergeRefs)(userProvidedInputRef, props.inputRef !== undefined ? props.inputRef : null), [\n        userProvidedInputRef,\n        props.inputRef\n    ]));\n    let { labelProps: labelProps, inputProps: inputProps, isSelected: isSelected, isDisabled: isDisabled, isReadOnly: isReadOnly, isPressed: isPressed, isInvalid: isInvalid } = groupState ? (0, $kPH7g$useCheckboxGroupItem)({\n        ...(0, $64fa3d84918910a7$export$ef03459518577ad4)(props),\n        // Value is optional for standalone checkboxes, but required for CheckboxGroup items;\n        // it's passed explicitly here to avoid typescript error (requires ignore).\n        // @ts-ignore\n        value: props.value,\n        // ReactNode type doesn't allow function children.\n        children: typeof props.children === 'function' ? true : props.children\n    }, groupState, inputRef) : (0, $kPH7g$useCheckbox)({\n        ...(0, $64fa3d84918910a7$export$ef03459518577ad4)(props),\n        children: typeof props.children === 'function' ? true : props.children,\n        validationBehavior: validationBehavior\n    }, (0, $kPH7g$useToggleState)(props), inputRef);\n    let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $kPH7g$useFocusRing)();\n    let isInteractionDisabled = isDisabled || isReadOnly;\n    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $kPH7g$useHover)({\n        ...props,\n        isDisabled: isInteractionDisabled\n    });\n    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n        ...props,\n        defaultClassName: 'react-aria-Checkbox',\n        values: {\n            isSelected: isSelected,\n            isIndeterminate: props.isIndeterminate || false,\n            isPressed: isPressed,\n            isHovered: isHovered,\n            isFocused: isFocused,\n            isFocusVisible: isFocusVisible,\n            isDisabled: isDisabled,\n            isReadOnly: isReadOnly,\n            isInvalid: isInvalid,\n            isRequired: props.isRequired || false\n        }\n    });\n    let DOMProps = (0, $kPH7g$filterDOMProps)(props, {\n        global: true\n    });\n    delete DOMProps.id;\n    delete DOMProps.onClick;\n    return /*#__PURE__*/ (0, $kPH7g$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).label, {\n        ...(0, $kPH7g$mergeProps)(DOMProps, labelProps, hoverProps, renderProps),\n        ref: ref,\n        slot: props.slot || undefined,\n        \"data-selected\": isSelected || undefined,\n        \"data-indeterminate\": props.isIndeterminate || undefined,\n        \"data-pressed\": isPressed || undefined,\n        \"data-hovered\": isHovered || undefined,\n        \"data-focused\": isFocused || undefined,\n        \"data-focus-visible\": isFocusVisible || undefined,\n        \"data-disabled\": isDisabled || undefined,\n        \"data-readonly\": isReadOnly || undefined,\n        \"data-invalid\": isInvalid || undefined,\n        \"data-required\": props.isRequired || undefined\n    }, /*#__PURE__*/ (0, $kPH7g$react).createElement((0, $kPH7g$VisuallyHidden), {\n        elementType: \"span\"\n    }, /*#__PURE__*/ (0, $kPH7g$react).createElement(\"input\", {\n        ...(0, $kPH7g$mergeProps)(inputProps, focusProps),\n        ref: inputRef\n    })), renderProps.children);\n});\n\n\nexport {$bc237834342dbd75$export$baf37c4be89255b8 as CheckboxGroupContext, $bc237834342dbd75$export$139c5b8563afc1fc as CheckboxGroupStateContext, $bc237834342dbd75$export$4aa08d5625cb8ead as CheckboxGroup, $bc237834342dbd75$export$48513f6b9f8ce62d as Checkbox};\n//# sourceMappingURL=Checkbox.module.js.map\n","import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport { Checkbox as RaCheckbox } from \"react-aria-components\";\nimport type { SlotComponent } from \"@/type-utils/slot-types\";\nimport type {\n  CheckboxRootSlotProps,\n  CheckboxIndicatorSlotProps,\n  CheckboxLabelSlotProps,\n} from \"./checkbox.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusCheckbox\",\n});\n\nexport const CheckboxRoot: SlotComponent<\n  HTMLLabelElement,\n  CheckboxRootSlotProps\n> = withProvider<HTMLLabelElement, CheckboxRootSlotProps>(RaCheckbox, \"root\");\n\nexport const CheckboxLabel: SlotComponent<\n  HTMLSpanElement,\n  CheckboxLabelSlotProps\n> = withContext<HTMLSpanElement, CheckboxLabelSlotProps>(\"span\", \"label\");\n\nexport const CheckboxIndicator: SlotComponent<\n  HTMLSpanElement,\n  CheckboxIndicatorSlotProps\n> = withContext<HTMLSpanElement, CheckboxIndicatorSlotProps>(\n  \"span\",\n  \"indicator\"\n);\n","import { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { Check, Remove as Minus } from \"@commercetools/nimbus-icons\";\nimport { extractStyleProps } from \"@/utils\";\nimport type { CheckboxProps } from \"./checkbox.types\";\nimport type { CheckboxRenderProps } from \"react-aria-components\";\nimport {\n  CheckboxIndicator,\n  CheckboxRoot,\n  CheckboxLabel,\n} from \"./checkbox.slots\";\n\n/**\n * # Checkbox\n *\n * Displays a checkbox.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/checkbox}\n */\nexport const Checkbox = (props: CheckboxProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  const recipe = useSlotRecipe({ key: \"nimbusCheckbox\" });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps(restProps);\n\n  const [styleProps, functionalProps] = extractStyleProps(remainingProps);\n\n  return (\n    <CheckboxRoot\n      ref={forwardedRef}\n      data-slot=\"root\"\n      {...functionalProps}\n      {...recipeProps}\n      {...styleProps}\n    >\n      {({\n        isSelected,\n        isIndeterminate,\n        isInvalid,\n        isDisabled,\n        isFocused,\n      }: CheckboxRenderProps) => {\n        const stateProps = {\n          \"data-selected\": isSelected,\n          \"data-indeterminate\": isIndeterminate,\n          \"data-invalid\": isInvalid,\n          \"data-disabled\": isDisabled,\n          \"data-focus\": isFocused || undefined,\n        };\n\n        return (\n          <>\n            <CheckboxIndicator data-slot=\"indicator\" {...stateProps}>\n              {isSelected && <Check />}\n              {isIndeterminate && <Minus />}\n            </CheckboxIndicator>\n\n            {children && (\n              <CheckboxLabel data-slot=\"label\" {...stateProps}>\n                {children}\n              </CheckboxLabel>\n            )}\n          </>\n        );\n      }}\n    </CheckboxRoot>\n  );\n};\nCheckbox.displayName = \"Checkbox\";\n"],"names":["$406796ff087fe49b$export$e375f10ce42261c5","props","state","inputRef","validationState","$jNP0e$useFormValidationState","isInvalid","validationErrors","validationDetails","labelProps","inputProps","isSelected","isPressed","isDisabled","isReadOnly","$jNP0e$useToggle","$jNP0e$useFormValidation","isIndeterminate","isRequired","validationBehavior","$jNP0e$useEffect","pressProps","$jNP0e$usePress","$jNP0e$privateValidationStateProp","groupValidationState","commitValidation","$jNP0e$mergeProps","$jNP0e$useMemo","e","$1ae600c947479353$export$ec98120685d4f57d","$fba3e38d5ca8983f$export$353b32fc6898d37d","toggleState","$6clEo$useToggleState","name","form","descriptionId","errorMessageId","_props_validationBehavior","realtimeValidation","$6clEo$useFormValidationState","nativeValidation","$6clEo$useRef","$6clEo$DEFAULT_VALIDATION_RESULT","updateValidation","$6clEo$useEffect","combinedRealtimeValidation","displayValidation","_props_isRequired","res","$6clEo$privateValidationStateProp","v","$bc237834342dbd75$export$139c5b8563afc1fc","$kPH7g$createContext","$bc237834342dbd75$export$48513f6b9f8ce62d","$kPH7g$forwardRef","ref","userProvidedInputRef","otherProps","$64fa3d84918910a7$export$29f1550f4b0d4415","$4e85f108e88277b8$export$b085522c77523c51","formValidationBehavior","$64fa3d84918910a7$export$fabf2dc03a41866e","$d3e0e05bdfcf66bd$export$c24727297075ec6a","_ref","groupState","$kPH7g$useContext","$kPH7g$useObjectRef","$kPH7g$useMemo","$kPH7g$mergeRefs","$kPH7g$useCheckboxGroupItem","$64fa3d84918910a7$export$ef03459518577ad4","$kPH7g$useCheckbox","$kPH7g$useToggleState","isFocused","isFocusVisible","focusProps","$kPH7g$useFocusRing","isInteractionDisabled","hoverProps","isHovered","$kPH7g$useHover","renderProps","$64fa3d84918910a7$export$4d86445c2cf5e3","DOMProps","$kPH7g$filterDOMProps","$kPH7g$react","$64fa3d84918910a7$export$df3a06d6289f983e","$kPH7g$mergeProps","$kPH7g$VisuallyHidden","withProvider","withContext","createSlotRecipeContext","CheckboxRoot","RaCheckbox","CheckboxLabel","CheckboxIndicator","Checkbox","forwardedRef","children","restProps","recipe","useSlotRecipe","recipeProps","remainingProps","styleProps","functionalProps","extractStyleProps","jsx","stateProps","jsxs","Fragment","Check","Minus"],"mappings":"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","x_google_ignoreList":[0,1,2,3]}

package/dist/chunks/checkbox-NDwP5yso.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const P=require("react/jsx-runtime"),D=require("@chakra-ui/react/styled-system"),g=require("@commercetools/nimbus-icons"),_=require("./extract-style-props-xZ29rO70.cjs.js"),w=require("./RSPContexts-BdKenzIN.cjs.js"),R=require("./utils-Dn-IhiTh.cjs.js"),H=require("./Form-BuOomA4T.cjs.js"),V=require("./mergeProps-BAXAqyMT.cjs.js"),T=require("./filterDOMProps-AbzzCIX-.cjs.js"),N=require("./useObjectRef-4v2MxSjQ.cjs.js"),o=require("react"),y=require("./useFormValidation-CJRGHLt7.cjs.js"),L=require("./usePress-BRMC7qZ9.cjs.js"),W=require("./useToggle-nNR5_Kgn.cjs.js"),k=require("./useToggleState-CKQxC8Yz.cjs.js"),z=require("./useFocusRing-DQPYgiqV.cjs.js"),A=require("./useHover-BU1r4b8G.cjs.js"),G=require("./VisuallyHidden-Cp9bbfLS.cjs.js");function B(i,e,a){let r=y.$e5be200c675c3b3a$export$fc1a364ae1f3ff10({...i,value:e.isSelected}),{isInvalid:x,validationErrors:m,validationDetails:u}=r.displayValidation,{labelProps:f,inputProps:s,isSelected:d,isPressed:t,isDisabled:$,isReadOnly:b}=W.$d2c8e2b0480f3f34$export$cbe85ee05b554577({...i,isInvalid:x},e,a);y.$e93e671b31057976$export$b8473d3665f3a75a(i,r,a);let{isIndeterminate:v,isRequired:l,validationBehavior:c="aria"}=i;o.useEffect(()=>{a.current&&(a.current.indeterminate=!!v)});let{pressProps:h}=L.$f6c31cce2adf654f$export$45712eceda6fad21({isDisabled:$||b,onPress(){let{[y.$e5be200c675c3b3a$export$a763b9476acd3eb]:n}=i,{commitValidation:q}=n||r;q()}});return{labelProps:V.$3ef42575df84b30b$export$9d1611c77c2fe928(f,h,o.useMemo(()=>({onMouseDown:n=>n.preventDefault()}),[])),inputProps:{...s,checked:d,"aria-required":l&&c==="aria"||void 0,required:l&&c==="native"},isSelected:d,isPressed:t,isDisabled:$,isReadOnly:b,isInvalid:x,validationErrors:m,validationDetails:u}}const J=new WeakMap;function K(i,e,a){const r=k.$3017fa7ffdddec74$export$8042c6c013fd5226({isReadOnly:i.isReadOnly||e.isReadOnly,isSelected:e.isSelected(i.value),defaultSelected:e.defaultValue.includes(i.value),onChange(n){n?e.addValue(i.value):e.removeValue(i.value),i.onChange&&i.onChange(n)}});let{name:x,form:m,descriptionId:u,errorMessageId:f,validationBehavior:s}=J.get(e);var d;s=(d=i.validationBehavior)!==null&&d!==void 0?d:s;let{realtimeValidation:t}=y.$e5be200c675c3b3a$export$fc1a364ae1f3ff10({...i,value:r.isSelected,name:void 0,validationBehavior:"aria"}),$=o.useRef(y.$e5be200c675c3b3a$export$dad6ae84456c676a),b=()=>{e.setInvalid(i.value,t.isInvalid?t:$.current)};o.useEffect(b);let v=e.realtimeValidation.isInvalid?e.realtimeValidation:t,l=s==="native"?e.displayValidation:v;var c;let h=B({...i,isReadOnly:i.isReadOnly||e.isReadOnly,isDisabled:i.isDisabled||e.isDisabled,name:i.name||x,form:i.form||m,isRequired:(c=i.isRequired)!==null&&c!==void 0?c:e.isRequired,validationBehavior:s,[y.$e5be200c675c3b3a$export$a763b9476acd3eb]:{realtimeValidation:v,displayValidation:l,resetValidation:e.resetValidation,commitValidation:e.commitValidation,updateValidation(n){$.current=n,b()}}},r,a);return{...h,inputProps:{...h.inputProps,"aria-describedby":[i["aria-describedby"],e.isInvalid?f:null,u].filter(Boolean).join(" ")||void 0}}}const Q=o.createContext(null),U=o.forwardRef(function(e,a){let{inputRef:r=null,...x}=e;[e,a]=R.$64fa3d84918910a7$export$29f1550f4b0d4415(x,a,w.$4e85f108e88277b8$export$b085522c77523c51);let{validationBehavior:m}=R.$64fa3d84918910a7$export$fabf2dc03a41866e(H.$d3e0e05bdfcf66bd$export$c24727297075ec6a)||{};var u,f;let s=(f=(u=e.validationBehavior)!==null&&u!==void 0?u:m)!==null&&f!==void 0?f:"native",d=o.useContext(Q),t=N.$df56164dff5785e2$export$4338b53315abf666(o.useMemo(()=>V.$5dc95899b306f630$export$c9058316764c140e(r,e.inputRef!==void 0?e.inputRef:null),[r,e.inputRef])),{labelProps:$,inputProps:b,isSelected:v,isDisabled:l,isReadOnly:c,isPressed:h,isInvalid:n}=d?K({...R.$64fa3d84918910a7$export$ef03459518577ad4(e),value:e.value,children:typeof e.children=="function"?!0:e.children},d,t):B({...R.$64fa3d84918910a7$export$ef03459518577ad4(e),children:typeof e.children=="function"?!0:e.children,validationBehavior:s},k.$3017fa7ffdddec74$export$8042c6c013fd5226(e),t),{isFocused:q,isFocusVisible:I,focusProps:j}=z.$f7dceffc5ad7768b$export$4e328f61c538687f(),E=l||c,{hoverProps:M,isHovered:C}=A.$6179b936705e76d3$export$ae780daf29e6d456({...e,isDisabled:E}),S=R.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,defaultClassName:"react-aria-Checkbox",values:{isSelected:v,isIndeterminate:e.isIndeterminate||!1,isPressed:h,isHovered:C,isFocused:q,isFocusVisible:I,isDisabled:l,isReadOnly:c,isInvalid:n,isRequired:e.isRequired||!1}}),p=T.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{global:!0});return delete p.id,delete p.onClick,o.createElement(R.$64fa3d84918910a7$export$df3a06d6289f983e.label,{...V.$3ef42575df84b30b$export$9d1611c77c2fe928(p,$,M,S),ref:a,slot:e.slot||void 0,"data-selected":v||void 0,"data-indeterminate":e.isIndeterminate||void 0,"data-pressed":h||void 0,"data-hovered":C||void 0,"data-focused":q||void 0,"data-focus-visible":I||void 0,"data-disabled":l||void 0,"data-readonly":c||void 0,"data-invalid":n||void 0,"data-required":e.isRequired||void 0},o.createElement(G.$5c3e21d68f1c4674$export$439d29a4e110a164,{elementType:"span"},o.createElement("input",{...V.$3ef42575df84b30b$export$9d1611c77c2fe928(b,j),ref:t})),S.children)}),{withProvider:X,withContext:O}=D.createSlotRecipeContext({key:"nimbusCheckbox"}),Y=X(U,"root"),Z=O("span","label"),ee=O("span","indicator"),F=i=>{const{ref:e,children:a,...r}=i,x=D.useSlotRecipe({key:"nimbusCheckbox"}),[m,u]=x.splitVariantProps(r),[f,s]=_.extractStyleProps(u);return P.jsx(Y,{ref:e,"data-slot":"root",...s,...m,...f,children:({isSelected:d,isIndeterminate:t,isInvalid:$,isDisabled:b,isFocused:v})=>{const l={"data-selected":d,"data-indeterminate":t,"data-invalid":$,"data-disabled":b,"data-focus":v||void 0};return P.jsxs(P.Fragment,{children:[P.jsxs(ee,{"data-slot":"indicator",...l,children:[d&&P.jsx(g.Check,{}),t&&P.jsx(g.Remove,{})]}),a&&P.jsx(Z,{"data-slot":"label",...l,children:a})]})}})};F.displayName="Checkbox";exports.Checkbox=F;
+//# sourceMappingURL=checkbox-NDwP5yso.cjs.js.map

package/dist/chunks/checkbox-NDwP5yso.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-NDwP5yso.cjs.js","sources":["../../../../node_modules/.pnpm/@react-aria+checkbox@3.16.5_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@react-aria/checkbox/dist/useCheckbox.mjs","../../../../node_modules/.pnpm/@react-aria+checkbox@3.16.5_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@react-aria/checkbox/dist/utils.mjs","../../../../node_modules/.pnpm/@react-aria+checkbox@3.16.5_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@react-aria/checkbox/dist/useCheckboxGroupItem.mjs","../../../../node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria-components/dist/Checkbox.mjs","../../src/components/checkbox/checkbox.slots.tsx","../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import {useEffect as $jNP0e$useEffect, useMemo as $jNP0e$useMemo} from \"react\";\nimport {mergeProps as $jNP0e$mergeProps} from \"@react-aria/utils\";\nimport {useFormValidationState as $jNP0e$useFormValidationState, privateValidationStateProp as $jNP0e$privateValidationStateProp} from \"@react-stately/form\";\nimport {useFormValidation as $jNP0e$useFormValidation} from \"@react-aria/form\";\nimport {usePress as $jNP0e$usePress} from \"@react-aria/interactions\";\nimport {useToggle as $jNP0e$useToggle} from \"@react-aria/toggle\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\n\nfunction $406796ff087fe49b$export$e375f10ce42261c5(props, state, inputRef) {\n    // Create validation state here because it doesn't make sense to add to general useToggleState.\n    let validationState = (0, $jNP0e$useFormValidationState)({\n        ...props,\n        value: state.isSelected\n    });\n    let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = validationState.displayValidation;\n    let { labelProps: labelProps, inputProps: inputProps, isSelected: isSelected, isPressed: isPressed, isDisabled: isDisabled, isReadOnly: isReadOnly } = (0, $jNP0e$useToggle)({\n        ...props,\n        isInvalid: isInvalid\n    }, state, inputRef);\n    (0, $jNP0e$useFormValidation)(props, validationState, inputRef);\n    let { isIndeterminate: isIndeterminate, isRequired: isRequired, validationBehavior: validationBehavior = 'aria' } = props;\n    (0, $jNP0e$useEffect)(()=>{\n        // indeterminate is a property, but it can only be set via javascript\n        // https://css-tricks.com/indeterminate-checkboxes/\n        if (inputRef.current) inputRef.current.indeterminate = !!isIndeterminate;\n    });\n    // Reset validation state on label press for checkbox with a hidden input.\n    let { pressProps: pressProps } = (0, $jNP0e$usePress)({\n        isDisabled: isDisabled || isReadOnly,\n        onPress () {\n            // @ts-expect-error\n            let { [(0, $jNP0e$privateValidationStateProp)]: groupValidationState } = props;\n            let { commitValidation: commitValidation } = groupValidationState ? groupValidationState : validationState;\n            commitValidation();\n        }\n    });\n    return {\n        labelProps: (0, $jNP0e$mergeProps)(labelProps, pressProps, (0, $jNP0e$useMemo)(()=>({\n                // Prevent label from being focused when mouse down on it.\n                // Note, this does not prevent the input from being focused in the `click` event.\n                onMouseDown: (e)=>e.preventDefault()\n            }), [])),\n        inputProps: {\n            ...inputProps,\n            checked: isSelected,\n            'aria-required': isRequired && validationBehavior === 'aria' || undefined,\n            required: isRequired && validationBehavior === 'native'\n        },\n        isSelected: isSelected,\n        isPressed: isPressed,\n        isDisabled: isDisabled,\n        isReadOnly: isReadOnly,\n        isInvalid: isInvalid,\n        validationErrors: validationErrors,\n        validationDetails: validationDetails\n    };\n}\n\n\nexport {$406796ff087fe49b$export$e375f10ce42261c5 as useCheckbox};\n//# sourceMappingURL=useCheckbox.module.js.map\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ const $1ae600c947479353$export$ec98120685d4f57d = new WeakMap();\n\n\nexport {$1ae600c947479353$export$ec98120685d4f57d as checkboxGroupData};\n//# sourceMappingURL=utils.module.js.map\n","import {useCheckbox as $406796ff087fe49b$export$e375f10ce42261c5} from \"./useCheckbox.mjs\";\nimport {checkboxGroupData as $1ae600c947479353$export$ec98120685d4f57d} from \"./utils.mjs\";\nimport {useFormValidationState as $6clEo$useFormValidationState, DEFAULT_VALIDATION_RESULT as $6clEo$DEFAULT_VALIDATION_RESULT, privateValidationStateProp as $6clEo$privateValidationStateProp} from \"@react-stately/form\";\nimport {useRef as $6clEo$useRef, useEffect as $6clEo$useEffect} from \"react\";\nimport {useToggleState as $6clEo$useToggleState} from \"@react-stately/toggle\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\nfunction $fba3e38d5ca8983f$export$353b32fc6898d37d(props, state, inputRef) {\n    const toggleState = (0, $6clEo$useToggleState)({\n        isReadOnly: props.isReadOnly || state.isReadOnly,\n        isSelected: state.isSelected(props.value),\n        defaultSelected: state.defaultValue.includes(props.value),\n        onChange (isSelected) {\n            if (isSelected) state.addValue(props.value);\n            else state.removeValue(props.value);\n            if (props.onChange) props.onChange(isSelected);\n        }\n    });\n    let { name: name, form: form, descriptionId: descriptionId, errorMessageId: errorMessageId, validationBehavior: validationBehavior } = (0, $1ae600c947479353$export$ec98120685d4f57d).get(state);\n    var _props_validationBehavior;\n    validationBehavior = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== void 0 ? _props_validationBehavior : validationBehavior;\n    // Local validation for this checkbox.\n    let { realtimeValidation: realtimeValidation } = (0, $6clEo$useFormValidationState)({\n        ...props,\n        value: toggleState.isSelected,\n        // Server validation is handled at the group level.\n        name: undefined,\n        validationBehavior: 'aria'\n    });\n    // Update the checkbox group state when realtime validation changes.\n    let nativeValidation = (0, $6clEo$useRef)((0, $6clEo$DEFAULT_VALIDATION_RESULT));\n    let updateValidation = ()=>{\n        state.setInvalid(props.value, realtimeValidation.isInvalid ? realtimeValidation : nativeValidation.current);\n    };\n    (0, $6clEo$useEffect)(updateValidation);\n    // Combine group and checkbox level validation.\n    let combinedRealtimeValidation = state.realtimeValidation.isInvalid ? state.realtimeValidation : realtimeValidation;\n    let displayValidation = validationBehavior === 'native' ? state.displayValidation : combinedRealtimeValidation;\n    var _props_isRequired;\n    let res = (0, $406796ff087fe49b$export$e375f10ce42261c5)({\n        ...props,\n        isReadOnly: props.isReadOnly || state.isReadOnly,\n        isDisabled: props.isDisabled || state.isDisabled,\n        name: props.name || name,\n        form: props.form || form,\n        isRequired: (_props_isRequired = props.isRequired) !== null && _props_isRequired !== void 0 ? _props_isRequired : state.isRequired,\n        validationBehavior: validationBehavior,\n        [(0, $6clEo$privateValidationStateProp)]: {\n            realtimeValidation: combinedRealtimeValidation,\n            displayValidation: displayValidation,\n            resetValidation: state.resetValidation,\n            commitValidation: state.commitValidation,\n            updateValidation (v) {\n                nativeValidation.current = v;\n                updateValidation();\n            }\n        }\n    }, toggleState, inputRef);\n    return {\n        ...res,\n        inputProps: {\n            ...res.inputProps,\n            'aria-describedby': [\n                props['aria-describedby'],\n                state.isInvalid ? errorMessageId : null,\n                descriptionId\n            ].filter(Boolean).join(' ') || undefined\n        }\n    };\n}\n\n\nexport {$fba3e38d5ca8983f$export$353b32fc6898d37d as useCheckboxGroupItem};\n//# sourceMappingURL=useCheckboxGroupItem.module.js.map\n","import {CheckboxContext as $4e85f108e88277b8$export$b085522c77523c51} from \"./RSPContexts.mjs\";\nimport {dom as $64fa3d84918910a7$export$df3a06d6289f983e, Provider as $64fa3d84918910a7$export$2881499e37b75b9a, removeDataAttributes as $64fa3d84918910a7$export$ef03459518577ad4, useContextProps as $64fa3d84918910a7$export$29f1550f4b0d4415, useRenderProps as $64fa3d84918910a7$export$4d86445c2cf5e3, useSlot as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, useSlottedContext as $64fa3d84918910a7$export$fabf2dc03a41866e} from \"./utils.mjs\";\nimport {FieldErrorContext as $ee014567cb39d3f0$export$ff05c3ac10437e03} from \"./FieldError.mjs\";\nimport {FormContext as $d3e0e05bdfcf66bd$export$c24727297075ec6a} from \"./Form.mjs\";\nimport {LabelContext as $01b77f81d0f07f68$export$75b6ee27786ba447} from \"./Label.mjs\";\nimport {TextContext as $514c0188e459b4c0$export$9afb8bc826b033ea} from \"./Text.mjs\";\nimport {useCheckboxGroup as $kPH7g$useCheckboxGroup, mergeProps as $kPH7g$mergeProps, useCheckboxGroupItem as $kPH7g$useCheckboxGroupItem, useCheckbox as $kPH7g$useCheckbox, useFocusRing as $kPH7g$useFocusRing, useHover as $kPH7g$useHover, VisuallyHidden as $kPH7g$VisuallyHidden} from \"react-aria\";\nimport {useCheckboxGroupState as $kPH7g$useCheckboxGroupState, useToggleState as $kPH7g$useToggleState} from \"react-stately\";\nimport {filterDOMProps as $kPH7g$filterDOMProps, useObjectRef as $kPH7g$useObjectRef, mergeRefs as $kPH7g$mergeRefs} from \"@react-aria/utils\";\nimport $kPH7g$react, {createContext as $kPH7g$createContext, forwardRef as $kPH7g$forwardRef, useContext as $kPH7g$useContext, useMemo as $kPH7g$useMemo} from \"react\";\n\n/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\n\n\n\n\n\nconst $bc237834342dbd75$export$baf37c4be89255b8 = /*#__PURE__*/ (0, $kPH7g$createContext)(null);\nconst $bc237834342dbd75$export$139c5b8563afc1fc = /*#__PURE__*/ (0, $kPH7g$createContext)(null);\nconst $bc237834342dbd75$export$4aa08d5625cb8ead = /*#__PURE__*/ (0, $kPH7g$forwardRef)(function CheckboxGroup(props, ref) {\n    [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $bc237834342dbd75$export$baf37c4be89255b8);\n    let { validationBehavior: formValidationBehavior } = (0, $64fa3d84918910a7$export$fabf2dc03a41866e)((0, $d3e0e05bdfcf66bd$export$c24727297075ec6a)) || {};\n    var _props_validationBehavior, _ref;\n    let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== void 0 ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== void 0 ? _ref : 'native';\n    let state = (0, $kPH7g$useCheckboxGroupState)({\n        ...props,\n        validationBehavior: validationBehavior\n    });\n    let [labelRef, label] = (0, $64fa3d84918910a7$export$9d4c57ee4c6ffdd8)(!props['aria-label'] && !props['aria-labelledby']);\n    let { groupProps: groupProps, labelProps: labelProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, ...validation } = (0, $kPH7g$useCheckboxGroup)({\n        ...props,\n        label: label,\n        validationBehavior: validationBehavior\n    }, state);\n    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n        ...props,\n        values: {\n            isDisabled: state.isDisabled,\n            isReadOnly: state.isReadOnly,\n            isRequired: props.isRequired || false,\n            isInvalid: state.isInvalid,\n            state: state\n        },\n        defaultClassName: 'react-aria-CheckboxGroup'\n    });\n    let DOMProps = (0, $kPH7g$filterDOMProps)(props, {\n        global: true\n    });\n    return /*#__PURE__*/ (0, $kPH7g$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).div, {\n        ...(0, $kPH7g$mergeProps)(DOMProps, renderProps, groupProps),\n        ref: ref,\n        slot: props.slot || undefined,\n        \"data-readonly\": state.isReadOnly || undefined,\n        \"data-required\": props.isRequired || undefined,\n        \"data-invalid\": state.isInvalid || undefined,\n        \"data-disabled\": props.isDisabled || undefined\n    }, /*#__PURE__*/ (0, $kPH7g$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {\n        values: [\n            [\n                $bc237834342dbd75$export$139c5b8563afc1fc,\n                state\n            ],\n            [\n                (0, $01b77f81d0f07f68$export$75b6ee27786ba447),\n                {\n                    ...labelProps,\n                    ref: labelRef,\n                    elementType: 'span'\n                }\n            ],\n            [\n                (0, $514c0188e459b4c0$export$9afb8bc826b033ea),\n                {\n                    slots: {\n                        description: descriptionProps,\n                        errorMessage: errorMessageProps\n                    }\n                }\n            ],\n            [\n                (0, $ee014567cb39d3f0$export$ff05c3ac10437e03),\n                validation\n            ]\n        ]\n    }, renderProps.children));\n});\nconst $bc237834342dbd75$export$48513f6b9f8ce62d = /*#__PURE__*/ (0, $kPH7g$forwardRef)(function Checkbox(props, ref) {\n    let { inputRef: userProvidedInputRef = null, ...otherProps } = props;\n    [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(otherProps, ref, (0, $4e85f108e88277b8$export$b085522c77523c51));\n    let { validationBehavior: formValidationBehavior } = (0, $64fa3d84918910a7$export$fabf2dc03a41866e)((0, $d3e0e05bdfcf66bd$export$c24727297075ec6a)) || {};\n    var _props_validationBehavior, _ref;\n    let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== void 0 ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== void 0 ? _ref : 'native';\n    let groupState = (0, $kPH7g$useContext)($bc237834342dbd75$export$139c5b8563afc1fc);\n    let inputRef = (0, $kPH7g$useObjectRef)((0, $kPH7g$useMemo)(()=>(0, $kPH7g$mergeRefs)(userProvidedInputRef, props.inputRef !== undefined ? props.inputRef : null), [\n        userProvidedInputRef,\n        props.inputRef\n    ]));\n    let { labelProps: labelProps, inputProps: inputProps, isSelected: isSelected, isDisabled: isDisabled, isReadOnly: isReadOnly, isPressed: isPressed, isInvalid: isInvalid } = groupState ? (0, $kPH7g$useCheckboxGroupItem)({\n        ...(0, $64fa3d84918910a7$export$ef03459518577ad4)(props),\n        // Value is optional for standalone checkboxes, but required for CheckboxGroup items;\n        // it's passed explicitly here to avoid typescript error (requires ignore).\n        // @ts-ignore\n        value: props.value,\n        // ReactNode type doesn't allow function children.\n        children: typeof props.children === 'function' ? true : props.children\n    }, groupState, inputRef) : (0, $kPH7g$useCheckbox)({\n        ...(0, $64fa3d84918910a7$export$ef03459518577ad4)(props),\n        children: typeof props.children === 'function' ? true : props.children,\n        validationBehavior: validationBehavior\n    }, (0, $kPH7g$useToggleState)(props), inputRef);\n    let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $kPH7g$useFocusRing)();\n    let isInteractionDisabled = isDisabled || isReadOnly;\n    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $kPH7g$useHover)({\n        ...props,\n        isDisabled: isInteractionDisabled\n    });\n    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n        ...props,\n        defaultClassName: 'react-aria-Checkbox',\n        values: {\n            isSelected: isSelected,\n            isIndeterminate: props.isIndeterminate || false,\n            isPressed: isPressed,\n            isHovered: isHovered,\n            isFocused: isFocused,\n            isFocusVisible: isFocusVisible,\n            isDisabled: isDisabled,\n            isReadOnly: isReadOnly,\n            isInvalid: isInvalid,\n            isRequired: props.isRequired || false\n        }\n    });\n    let DOMProps = (0, $kPH7g$filterDOMProps)(props, {\n        global: true\n    });\n    delete DOMProps.id;\n    delete DOMProps.onClick;\n    return /*#__PURE__*/ (0, $kPH7g$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).label, {\n        ...(0, $kPH7g$mergeProps)(DOMProps, labelProps, hoverProps, renderProps),\n        ref: ref,\n        slot: props.slot || undefined,\n        \"data-selected\": isSelected || undefined,\n        \"data-indeterminate\": props.isIndeterminate || undefined,\n        \"data-pressed\": isPressed || undefined,\n        \"data-hovered\": isHovered || undefined,\n        \"data-focused\": isFocused || undefined,\n        \"data-focus-visible\": isFocusVisible || undefined,\n        \"data-disabled\": isDisabled || undefined,\n        \"data-readonly\": isReadOnly || undefined,\n        \"data-invalid\": isInvalid || undefined,\n        \"data-required\": props.isRequired || undefined\n    }, /*#__PURE__*/ (0, $kPH7g$react).createElement((0, $kPH7g$VisuallyHidden), {\n        elementType: \"span\"\n    }, /*#__PURE__*/ (0, $kPH7g$react).createElement(\"input\", {\n        ...(0, $kPH7g$mergeProps)(inputProps, focusProps),\n        ref: inputRef\n    })), renderProps.children);\n});\n\n\nexport {$bc237834342dbd75$export$baf37c4be89255b8 as CheckboxGroupContext, $bc237834342dbd75$export$139c5b8563afc1fc as CheckboxGroupStateContext, $bc237834342dbd75$export$4aa08d5625cb8ead as CheckboxGroup, $bc237834342dbd75$export$48513f6b9f8ce62d as Checkbox};\n//# sourceMappingURL=Checkbox.module.js.map\n","import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport { Checkbox as RaCheckbox } from \"react-aria-components\";\nimport type { SlotComponent } from \"@/type-utils/slot-types\";\nimport type {\n  CheckboxRootSlotProps,\n  CheckboxIndicatorSlotProps,\n  CheckboxLabelSlotProps,\n} from \"./checkbox.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusCheckbox\",\n});\n\nexport const CheckboxRoot: SlotComponent<\n  HTMLLabelElement,\n  CheckboxRootSlotProps\n> = withProvider<HTMLLabelElement, CheckboxRootSlotProps>(RaCheckbox, \"root\");\n\nexport const CheckboxLabel: SlotComponent<\n  HTMLSpanElement,\n  CheckboxLabelSlotProps\n> = withContext<HTMLSpanElement, CheckboxLabelSlotProps>(\"span\", \"label\");\n\nexport const CheckboxIndicator: SlotComponent<\n  HTMLSpanElement,\n  CheckboxIndicatorSlotProps\n> = withContext<HTMLSpanElement, CheckboxIndicatorSlotProps>(\n  \"span\",\n  \"indicator\"\n);\n","import { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { Check, Remove as Minus } from \"@commercetools/nimbus-icons\";\nimport { extractStyleProps } from \"@/utils\";\nimport type { CheckboxProps } from \"./checkbox.types\";\nimport type { CheckboxRenderProps } from \"react-aria-components\";\nimport {\n  CheckboxIndicator,\n  CheckboxRoot,\n  CheckboxLabel,\n} from \"./checkbox.slots\";\n\n/**\n * # Checkbox\n *\n * Displays a checkbox.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/checkbox}\n */\nexport const Checkbox = (props: CheckboxProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  const recipe = useSlotRecipe({ key: \"nimbusCheckbox\" });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps(restProps);\n\n  const [styleProps, functionalProps] = extractStyleProps(remainingProps);\n\n  return (\n    <CheckboxRoot\n      ref={forwardedRef}\n      data-slot=\"root\"\n      {...functionalProps}\n      {...recipeProps}\n      {...styleProps}\n    >\n      {({\n        isSelected,\n        isIndeterminate,\n        isInvalid,\n        isDisabled,\n        isFocused,\n      }: CheckboxRenderProps) => {\n        const stateProps = {\n          \"data-selected\": isSelected,\n          \"data-indeterminate\": isIndeterminate,\n          \"data-invalid\": isInvalid,\n          \"data-disabled\": isDisabled,\n          \"data-focus\": isFocused || undefined,\n        };\n\n        return (\n          <>\n            <CheckboxIndicator data-slot=\"indicator\" {...stateProps}>\n              {isSelected && <Check />}\n              {isIndeterminate && <Minus />}\n            </CheckboxIndicator>\n\n            {children && (\n              <CheckboxLabel data-slot=\"label\" {...stateProps}>\n                {children}\n              </CheckboxLabel>\n            )}\n          </>\n        );\n      }}\n    </CheckboxRoot>\n  );\n};\nCheckbox.displayName = \"Checkbox\";\n"],"names":["$406796ff087fe49b$export$e375f10ce42261c5","props","state","inputRef","validationState","$jNP0e$useFormValidationState","isInvalid","validationErrors","validationDetails","labelProps","inputProps","isSelected","isPressed","isDisabled","isReadOnly","$jNP0e$useToggle","$jNP0e$useFormValidation","isIndeterminate","isRequired","validationBehavior","$jNP0e$useEffect","pressProps","$jNP0e$usePress","$jNP0e$privateValidationStateProp","groupValidationState","commitValidation","$jNP0e$mergeProps","$jNP0e$useMemo","e","$1ae600c947479353$export$ec98120685d4f57d","$fba3e38d5ca8983f$export$353b32fc6898d37d","toggleState","$6clEo$useToggleState","name","form","descriptionId","errorMessageId","_props_validationBehavior","realtimeValidation","$6clEo$useFormValidationState","nativeValidation","$6clEo$useRef","$6clEo$DEFAULT_VALIDATION_RESULT","updateValidation","$6clEo$useEffect","combinedRealtimeValidation","displayValidation","_props_isRequired","res","$6clEo$privateValidationStateProp","v","$bc237834342dbd75$export$139c5b8563afc1fc","$kPH7g$createContext","$bc237834342dbd75$export$48513f6b9f8ce62d","$kPH7g$forwardRef","ref","userProvidedInputRef","otherProps","$64fa3d84918910a7$export$29f1550f4b0d4415","$4e85f108e88277b8$export$b085522c77523c51","formValidationBehavior","$64fa3d84918910a7$export$fabf2dc03a41866e","$d3e0e05bdfcf66bd$export$c24727297075ec6a","_ref","groupState","$kPH7g$useContext","$kPH7g$useObjectRef","$kPH7g$useMemo","$kPH7g$mergeRefs","$kPH7g$useCheckboxGroupItem","$64fa3d84918910a7$export$ef03459518577ad4","$kPH7g$useCheckbox","$kPH7g$useToggleState","isFocused","isFocusVisible","focusProps","$kPH7g$useFocusRing","isInteractionDisabled","hoverProps","isHovered","$kPH7g$useHover","renderProps","$64fa3d84918910a7$export$4d86445c2cf5e3","DOMProps","$kPH7g$filterDOMProps","$kPH7g$react","$64fa3d84918910a7$export$df3a06d6289f983e","$kPH7g$mergeProps","$kPH7g$VisuallyHidden","withProvider","withContext","createSlotRecipeContext","CheckboxRoot","RaCheckbox","CheckboxLabel","CheckboxIndicator","Checkbox","forwardedRef","children","restProps","recipe","useSlotRecipe","recipeProps","remainingProps","styleProps","functionalProps","extractStyleProps","jsx","stateProps","jsxs","Fragment","Check","Minus"],"mappings":"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","x_google_ignoreList":[0,1,2,3]}

package/dist/chunks/code-BveGzfST.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("@chakra-ui/react/styled-system"),{withContext:t}=e.createRecipeContext({key:"nimbusCode"}),o=t("code"),s=o;exports.Code=s;
+//# sourceMappingURL=code-BveGzfST.cjs.js.map

package/dist/chunks/code-BveGzfST.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-BveGzfST.cjs.js","sources":["../../src/components/code/code.slots.tsx","../../src/components/code/code.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { CodeRootSlotProps } from \"./code.types\";\n\nconst { withContext } = createRecipeContext({ key: \"nimbusCode\" });\n\nexport const CodeRoot: React.FC<CodeRootSlotProps> = withContext<\n  HTMLElement,\n  CodeRootSlotProps\n>(\"code\");\n","import { CodeRoot } from \"./code.slots\";\n\n/**\n * # Code\n *\n * renders code blocks\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/typography/code}\n *\n * @experimental This component is experimental and may change or be removed in future versions.\n */\nexport const Code: typeof CodeRoot = CodeRoot;\n"],"names":["withContext","createRecipeContext","CodeRoot","Code"],"mappings":"+DAGM,CAAE,YAAAA,CAAA,EAAgBC,EAAAA,oBAAoB,CAAE,IAAK,aAAc,EAEpDC,EAAwCF,EAGnD,MAAM,ECGKG,EAAwBD"}

package/dist/chunks/code-CN-T5XSw.es.js

@@ -0,0 +1,6 @@
+import { createRecipeContext as o } from "@chakra-ui/react/styled-system";
+const { withContext: e } = /* @__PURE__ */ o({ key: "nimbusCode" }), t = /* @__PURE__ */ e("code"), n = t;
+export {
+  n as C
+};
+//# sourceMappingURL=code-CN-T5XSw.es.js.map

package/dist/chunks/code-CN-T5XSw.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-CN-T5XSw.es.js","sources":["../../src/components/code/code.slots.tsx","../../src/components/code/code.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { CodeRootSlotProps } from \"./code.types\";\n\nconst { withContext } = createRecipeContext({ key: \"nimbusCode\" });\n\nexport const CodeRoot: React.FC<CodeRootSlotProps> = withContext<\n  HTMLElement,\n  CodeRootSlotProps\n>(\"code\");\n","import { CodeRoot } from \"./code.slots\";\n\n/**\n * # Code\n *\n * renders code blocks\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/typography/code}\n *\n * @experimental This component is experimental and may change or be removed in future versions.\n */\nexport const Code: typeof CodeRoot = CodeRoot;\n"],"names":["withContext","createRecipeContext","CodeRoot","Code"],"mappings":";AAGA,MAAM,EAAE,aAAAA,EAAA,IAAgB,gBAAAC,EAAoB,EAAE,KAAK,cAAc,GAEpDC,IAAwC,gBAAAF,EAGnD,MAAM,GCGKG,IAAwBD;"}

package/dist/chunks/collapsible-motion-B4lvbw3B.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const o=require("react/jsx-runtime"),t=require("react"),h=require("@chakra-ui/react/presence"),j=require("./merge-refs-D8liJcZz.cjs.js"),x=require("@chakra-ui/react/styled-system"),q=require("./useObjectRef-4v2MxSjQ.cjs.js"),f=require("./Button-Cd6tzMBr.cjs.js"),S=require("./extract-style-props-xZ29rO70.cjs.js"),v=require("./mergeProps-BAXAqyMT.cjs.js"),C=require("./useDisclosureState-D6YWKxa1.cjs.js"),$=t.createContext(void 0);function M(){const e=t.useContext($);if(e===void 0)throw new Error("useCollapsibleMotionContext must be used within a CollapsibleMotion.Root component");return e}const{withProvider:y,withContext:R}=x.createSlotRecipeContext({key:"nimbusCollapsibleMotion"}),w=y("div","root"),E=R("button","trigger"),T=R("div","content"),d=t.forwardRef(({children:e,defaultExpanded:i=!1,isExpanded:l,onExpandedChange:a,isDisabled:n=!1,...s},r)=>{const c=C.$bf996d45f4a36925$export$3fcbf6e4407997e0({defaultExpanded:i,isExpanded:l,onExpandedChange:a}),p=t.useRef(null),{buttonProps:m,panelProps:g}=C.$5e910fae8e128ead$export$6e3e27031a30522f({isDisabled:n},c,p),P={isDisabled:n,isExpanded:c.isExpanded,buttonProps:m,panelProps:g,panelRef:p};return o.jsx($.Provider,{value:P,children:o.jsx(w,{ref:r,...s,children:e})})});d.displayName="CollapsibleMotion.Root";const u=t.forwardRef(({children:e,asChild:i,...l},a)=>{const{buttonProps:n,isDisabled:s}=M(),r=v.$3ef42575df84b30b$export$9d1611c77c2fe928(l,n,{disabled:s});if(i)return o.jsx(f.$d2b4bc8c273e7be6$export$24d547caef80ccd1.Provider,{value:{isDisabled:s},children:o.jsx(x.chakra.button,{asChild:!0,...r,children:e})});const[c,p]=S.extractStyleProps(r);return o.jsx(E,{ref:a,...c,asChild:!0,children:o.jsx(f.$d2b4bc8c273e7be6$export$353f5b6fc5456de1,{...p,children:e})})});u.displayName="CollapsibleMotion.Trigger";const b=t.forwardRef(({children:e,...i},l)=>{const{panelProps:a,isExpanded:n}=M(),s=t.useRef(null),r=q.$df56164dff5785e2$export$4338b53315abf666(j.mergeRefs(s,l));return o.jsx(T,{ref:r,...i,...a,asChild:!0,children:o.jsx(h.Presence,{present:n,animationName:{_open:"slide-from-top, fade-in",_closed:"slide-to-top, fade-out"},animationDuration:"fast",children:e})})});b.displayName="CollapsibleMotion.Content";const N={Root:d,Trigger:u,Content:b};exports.CollapsibleMotion=N;exports.CollapsibleMotionContent=b;exports.CollapsibleMotionRoot=d;exports.CollapsibleMotionTrigger=u;
+//# sourceMappingURL=collapsible-motion-B4lvbw3B.cjs.js.map