@commercetools/nimbus 3.0.0 → 3.2.0

package/dist/chunks/card-CqFuODvG.esm.js

@@ -0,0 +1,75 @@
+import { r as e } from "./mergeProps-CGu7R6EG.esm.js";
+import { a as t, t as n } from "./utils-41EYzidf.esm.js";
+import { n as r } from "./Heading-C72bGhoe.esm.js";
+import { t as i } from "./Text-BFxO9Dri.esm.js";
+import { jsx as a } from "react/jsx-runtime";
+import { createSlotRecipeContext as o, useSlotRecipe as s } from "@chakra-ui/react/styled-system";
+//#region src/components/card/card.slots.tsx
+var { withProvider: c, withContext: l } = o({ key: "nimbusCard" }), u = c("div", "root"), d = l("div", "header"), f = l("div", "body"), p = l("div", "footer"), m = ({ ref: o, children: c, ...l }) => {
+	let [d, f] = s({ key: "nimbusCard" }).splitVariantProps(l), p = e(), m = e(), h = {
+		"aria-labelledby": p || void 0,
+		"aria-describedby": m || void 0
+	};
+	return /* @__PURE__ */ a(n, {
+		values: [[r, { slots: {
+			[t]: {},
+			title: { id: p }
+		} }], [i, { slots: {
+			[t]: {},
+			description: { id: m }
+		} }]],
+		children: /* @__PURE__ */ a(u, {
+			ref: o,
+			...d,
+			...h,
+			...f,
+			children: c
+		})
+	});
+};
+m.displayName = "Card.Root";
+//#endregion
+//#region src/components/card/components/card.header.tsx
+var h = (e) => {
+	let { ref: t, children: n, ...r } = e;
+	return /* @__PURE__ */ a(d, {
+		ref: t,
+		...r,
+		children: n
+	});
+};
+h.displayName = "Card.Header";
+//#endregion
+//#region src/components/card/components/card.body.tsx
+var g = (e) => {
+	let { ref: t, children: n, ...r } = e;
+	return /* @__PURE__ */ a(f, {
+		ref: t,
+		...r,
+		children: n
+	});
+};
+g.displayName = "Card.Body";
+//#endregion
+//#region src/components/card/components/card.footer.tsx
+var _ = (e) => {
+	let { ref: t, children: n, ...r } = e;
+	return /* @__PURE__ */ a(p, {
+		ref: t,
+		...r,
+		children: n
+	});
+};
+_.displayName = "Card.Footer";
+//#endregion
+//#region src/components/card/card.tsx
+var v = {
+	Root: m,
+	Header: h,
+	Body: g,
+	Footer: _
+};
+//#endregion
+export { m as a, h as i, _ as n, g as r, v as t };
+
+//# sourceMappingURL=card-CqFuODvG.esm.js.map

package/dist/chunks/card-CqFuODvG.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-CqFuODvG.esm.js","names":[],"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.body.tsx","../../src/components/card/components/card.footer.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  CardBodySlotProps,\n  CardFooterSlotProps,\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 CardBody: SlotComponent<HTMLDivElement, CardBodySlotProps> =\n  withContext<HTMLDivElement, CardBodySlotProps>(\"div\", \"body\");\n\nexport const CardFooter: SlotComponent<HTMLDivElement, CardFooterSlotProps> =\n  withContext<HTMLDivElement, CardFooterSlotProps>(\"div\", \"footer\");\n","import { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { useSlotId } from \"@react-aria/utils\";\nimport {\n  Provider,\n  HeadingContext,\n  TextContext,\n  DEFAULT_SLOT,\n} from \"react-aria-components\";\nimport { CardRoot as CardRootSlot } from \"../card.slots\";\nimport type { CardProps } from \"../card.types\";\n\n/**\n * Card.Root - The root component that provides context and styling for the card.\n *\n * When a `<Heading slot=\"title\">` or `<Text slot=\"description\">` is placed\n * inside, the card automatically receives `aria-labelledby` and/or\n * `aria-describedby` pointing to those elements. The card itself remains\n * a plain `<div>` — set `role` explicitly on the consumer side if a landmark\n * or interactive role is needed.\n *\n * @supportsStyleProps\n */\nexport const CardRoot = ({ ref, children, ...props }: CardProps) => {\n  const recipe = useSlotRecipe({ key: \"nimbusCard\" });\n  const [recipeProps, restProps] = recipe.splitVariantProps(props);\n\n  const titleId = useSlotId();\n  const descriptionId = useSlotId();\n\n  const ariaProps = {\n    \"aria-labelledby\": titleId || undefined,\n    \"aria-describedby\": descriptionId || undefined,\n  };\n\n  return (\n    <Provider\n      values={[\n        [\n          HeadingContext,\n          { slots: { [DEFAULT_SLOT]: {}, title: { id: titleId } } },\n        ],\n        [\n          TextContext,\n          {\n            slots: { [DEFAULT_SLOT]: {}, description: { id: descriptionId } },\n          },\n        ],\n      ]}\n    >\n      <CardRootSlot ref={ref} {...recipeProps} {...ariaProps} {...restProps}>\n        {children}\n      </CardRootSlot>\n    </Provider>\n  );\n};\n\nCardRoot.displayName = \"Card.Root\";\n","import { CardHeader as CardHeaderSlot } from \"../card.slots\";\nimport type { CardHeaderProps } from \"../card.types\";\n\n/**\n * Card.Header - The header section of the card\n *\n * @supportsStyleProps\n */\nexport const CardHeader = (props: CardHeaderProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <CardHeaderSlot ref={forwardedRef} {...restProps}>\n      {children}\n    </CardHeaderSlot>\n  );\n};\n\nCardHeader.displayName = \"Card.Header\";\n","import { CardBody as CardBodySlot } from \"../card.slots\";\nimport type { CardBodyProps } from \"../card.types\";\n\n/**\n * Card.Body - The main content area of the card\n *\n * @supportsStyleProps\n */\nexport const CardBody = (props: CardBodyProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <CardBodySlot ref={forwardedRef} {...restProps}>\n      {children}\n    </CardBodySlot>\n  );\n};\n\nCardBody.displayName = \"Card.Body\";\n","import { CardFooter as CardFooterSlot } from \"../card.slots\";\nimport type { CardFooterProps } from \"../card.types\";\n\n/**\n * Card.Footer - The footer section for actions and metadata\n *\n * @supportsStyleProps\n */\nexport const CardFooter = (props: CardFooterProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <CardFooterSlot ref={forwardedRef} {...restProps}>\n      {children}\n    </CardFooterSlot>\n  );\n};\n\nCardFooter.displayName = \"Card.Footer\";\n","import { CardRoot, CardHeader, CardBody, CardFooter } 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.Body>Card content goes here</Card.Body>\n *   <Card.Footer>Card actions</Card.Footer>\n * </Card.Root>\n * ```\n */\nexport const Card = {\n  /**\n   * # Card.Root\n   *\n   * The root component that provides styling for the card.\n   * Must wrap all card parts (Header, Body, Footer).\n   * Accepts `variant` and `size` props for visual treatment and spacing.\n   *\n   * @example\n   * ```tsx\n   * <Card.Root variant=\"outlined\" size=\"md\">\n   *   <Card.Header>Title</Card.Header>\n   *   <Card.Body>Content</Card.Body>\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. Renders directly in DOM order.\n   *\n   * @example\n   * ```tsx\n   * <Card.Root>\n   *   <Card.Header>Card Title</Card.Header>\n   *   <Card.Body>Content here</Card.Body>\n   * </Card.Root>\n   * ```\n   */\n  Header: CardHeader,\n  /**\n   * # Card.Body\n   *\n   * The main content area of the card. Contains the primary information,\n   * body text, or interactive elements.\n   *\n   * @example\n   * ```tsx\n   * <Card.Root>\n   *   <Card.Header>Title</Card.Header>\n   *   <Card.Body>\n   *     <Text>This is the main card content.</Text>\n   *   </Card.Body>\n   * </Card.Root>\n   * ```\n   */\n  Body: CardBody,\n  /**\n   * # Card.Footer\n   *\n   * The footer section of the card for actions and metadata.\n   *\n   * @example\n   * ```tsx\n   * <Card.Root>\n   *   <Card.Header>Title</Card.Header>\n   *   <Card.Body>Content</Card.Body>\n   *   <Card.Footer>\n   *     <Button>Action</Button>\n   *   </Card.Footer>\n   * </Card.Root>\n   * ```\n   */\n  Footer: CardFooter,\n};\n\nexport {\n  CardRoot as _CardRoot,\n  CardHeader as _CardHeader,\n  CardBody as _CardBody,\n  CardFooter as _CardFooter,\n};\n"],"mappings":";;;;;;;AASA,IAAM,EAAE,iBAAc,mBAAgB,EAAwB,EAC5D,KAAK,aACP,CAAC,GAMY,IACX,EAAgD,OAAO,MAAM,GAElD,IACX,EAAiD,OAAO,QAAQ,GAErD,IACX,EAA+C,OAAO,MAAM,GAEjD,IACX,EAAiD,OAAO,QAAQ,GCLrD,KAAY,EAAE,QAAK,aAAU,GAAG,QAAuB;CAElE,IAAM,CAAC,GAAa,KADL,EAAc,EAAE,KAAK,aAAa,CAChB,EAAO,kBAAkB,CAAK,GAEzD,IAAU,EAAU,GACpB,IAAgB,EAAU,GAE1B,IAAY;EAChB,mBAAmB,KAAW,KAAA;EAC9B,oBAAoB,KAAiB,KAAA;CACvC;CAEA,OACE,kBAAC,GAAD;EACE,QAAQ,CACN,CACE,GACA,EAAE,OAAO;IAAG,IAAe,CAAC;GAAG,OAAO,EAAE,IAAI,EAAQ;EAAE,EAAE,CAC1D,GACA,CACE,GACA,EACE,OAAO;IAAG,IAAe,CAAC;GAAG,aAAa,EAAE,IAAI,EAAc;EAAE,EAClE,CACF,CACF;YAEA,kBAAC,GAAD;GAAmB;GAAK,GAAI;GAAa,GAAI;GAAW,GAAI;GACzD;EACW,CAAA;CACN,CAAA;AAEd;AAEA,EAAS,cAAc;;;AChDvB,IAAa,KAAc,MAA2B;CACpD,IAAM,EAAE,KAAK,GAAc,aAAU,GAAG,MAAc;CAEtD,OACE,kBAAC,GAAD;EAAgB,KAAK;EAAc,GAAI;EACpC;CACa,CAAA;AAEpB;AAEA,EAAW,cAAc;;;ACVzB,IAAa,KAAY,MAAyB;CAChD,IAAM,EAAE,KAAK,GAAc,aAAU,GAAG,MAAc;CAEtD,OACE,kBAAC,GAAD;EAAc,KAAK;EAAc,GAAI;EAClC;CACW,CAAA;AAElB;AAEA,EAAS,cAAc;;;ACVvB,IAAa,KAAc,MAA2B;CACpD,IAAM,EAAE,KAAK,GAAc,aAAU,GAAG,MAAc;CAEtD,OACE,kBAAC,GAAD;EAAgB,KAAK;EAAc,GAAI;EACpC;CACa,CAAA;AAEpB;AAEA,EAAW,cAAc;;;ACEzB,IAAa,IAAO;CAgBlB,MAAM;CAeN,QAAQ;CAiBR,MAAM;CAiBN,QAAQ;AACV"}

package/dist/chunks/checkbox-2xfBhos6.cjs

@@ -0,0 +1,2 @@
+const e=require("./SSRProvider-z3ddXNrm.cjs.js"),t=require("./mergeProps-CiOPEjJs.cjs.js"),n=require("./useObjectRef-B_VeQHvx.cjs.js"),r=require("./filterDOMProps-DnOwsDRm.cjs.js"),i=require("./useFormValidationState-DKLfndVx.cjs.js"),a=require("./useToggle-CCMwoTvV.cjs.js"),o=require("./useToggleState-CH_DketV.cjs.js"),s=require("./VisuallyHidden-AGyNNjry.cjs.js"),c=require("./useFocusRing-BjpUESSi.cjs.js"),l=require("./useHover-BwdOjvC_.cjs.js"),u=require("./utils-yFMw0myV.cjs.js"),d=require("./Form-DzFDRpHC.cjs.js"),f=require("./extract-style-props-CVl34XLj.cjs.js");let p=require("react");p=e.i(p,1);let m=require("react/jsx-runtime"),h=require("@commercetools/nimbus-icons"),g=require("@chakra-ui/react/styled-system");function _(e,n,r){let{labelProps:i,inputProps:o,descriptionProps:s,errorMessageProps:c,isSelected:l,isPressed:u,isDisabled:d,isReadOnly:f,isInvalid:m,validationErrors:h,validationDetails:g}=a.t(e,n,r),{isIndeterminate:_}=e;return(0,p.useEffect)(()=>{r.current&&(r.current.indeterminate=!!_)}),{labelProps:t.t(i,(0,p.useMemo)(()=>({onMouseDown:e=>e.preventDefault()}),[])),inputProps:o,descriptionProps:s,errorMessageProps:c,isSelected:l,isPressed:u,isDisabled:d,isReadOnly:f,isInvalid:m,validationErrors:h,validationDetails:g}}var v=new WeakMap;function y(e,t,n){let r=o.t({isReadOnly:e.isReadOnly||t.isReadOnly,isSelected:t.isSelected(e.value),defaultSelected:t.defaultValue.includes(e.value),onChange(n){n?t.addValue(e.value):t.removeValue(e.value),e.onChange&&e.onChange(n)}}),{name:a,form:s,descriptionId:c,errorMessageId:l,validationBehavior:u}=v.get(t);u=e.validationBehavior??u;let{realtimeValidation:d}=i.a({...e,value:r.isSelected,name:void 0,validationBehavior:`aria`}),f=(0,p.useRef)(i.i),m=()=>{t.setInvalid(e.value,d.isInvalid?d:f.current)};(0,p.useEffect)(m);let h=t.realtimeValidation.isInvalid?t.realtimeValidation:d,g=u===`native`?t.displayValidation:h,y=_({...e,isReadOnly:e.isReadOnly||t.isReadOnly,isDisabled:e.isDisabled||t.isDisabled,name:e.name||a,form:e.form||s,isRequired:e.isRequired??t.isRequired,validationBehavior:u,[i.n]:{realtimeValidation:h,displayValidation:g,resetValidation:t.resetValidation,commitValidation:t.commitValidation,updateValidation(e){f.current=e,m()}}},r,n);return{...y,inputProps:{...y.inputProps,"aria-describedby":[y.inputProps[`aria-describedby`],t.isInvalid?l:null,c].filter(Boolean).join(` `)||void 0}}}var b=(0,p.createContext)(null),x=(0,p.createContext)(null),S=(0,p.createContext)(null),C=(0,p.createContext)(null);function w(e,r){let{validationBehavior:i}=u.c(d.t)||{},a=e.validationBehavior??i??`native`,s=(0,p.useContext)(S),c=n.t((0,p.useMemo)(()=>t.n(r,e.inputRef===void 0?null:e.inputRef),[r,e.inputRef])),l={...u.s(e),children:typeof e.children==`function`?!0:e.children,value:e.value,validationBehavior:a};return[s?y(l,s,c):_(l,o.t(e),c),c]}var T=(0,p.forwardRef)(function(e,t){let{inputRef:n=null,...r}=e;[e,t]=u.n(r,t,b);let[i,a]=w(e,n);return p.default.createElement(C.Provider,{value:{...i,inputRef:a,defaultClassName:`react-aria-Checkbox`,isIndeterminate:e.isIndeterminate,isRequired:e.isRequired}},p.default.createElement(E,{...e,ref:t}))}),E=(0,p.forwardRef)(function(e,n){let{labelProps:i,inputProps:a,isSelected:o,isDisabled:d,isReadOnly:f,isPressed:m,isInvalid:h,inputRef:g,defaultClassName:_,isIndeterminate:v,isRequired:y}=(0,p.useContext)(C),{isFocused:b,isFocusVisible:x,focusProps:S}=c.t(),w=d||f,{hoverProps:T,isHovered:E}=l.t({...e,isDisabled:w}),D=u.r({...e,defaultClassName:_,values:{isSelected:o,isIndeterminate:v||!1,isPressed:m,isHovered:E,isFocused:b,isFocusVisible:x,isDisabled:d,isReadOnly:f,isInvalid:h,isRequired:y||!1}}),O=r.t(e,{global:!0});return delete O.id,delete O.onClick,p.default.createElement(u.o.label,{...t.t(O,i,T,D),ref:n,slot:e.slot||void 0,"data-selected":o||void 0,"data-indeterminate":v||void 0,"data-pressed":m||void 0,"data-hovered":E||void 0,"data-focused":b||void 0,"data-focus-visible":x||void 0,"data-disabled":d||void 0,"data-readonly":f||void 0,"data-invalid":h||void 0,"data-required":y||void 0},p.default.createElement(s.t,{elementType:`span`},p.default.createElement(`input`,{...t.t(a,S),ref:g})),D.children)}),{withProvider:D,withContext:O}=(0,g.createSlotRecipeContext)({key:`nimbusCheckbox`}),k=D(T,`root`),A=O(`span`,`label`),j=O(`span`,`indicator`),M=e=>{let{ref:t,children:n,...r}=e,[i,a]=(0,g.useSlotRecipe)({key:`nimbusCheckbox`}).splitVariantProps(r),[o,s]=f.t(a);return(0,m.jsx)(k,{ref:t,"data-slot":`root`,...s,...i,...o,children:({isSelected:e,isIndeterminate:t,isInvalid:r,isDisabled:i,isFocused:a})=>{let o={"data-selected":e,"data-indeterminate":t,"data-invalid":r,"data-disabled":i,"data-focus":a||void 0};return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsxs)(j,{"data-slot":`indicator`,...o,children:[e&&(0,m.jsx)(h.Check,{}),t&&(0,m.jsx)(h.Remove,{})]}),n&&(0,m.jsx)(A,{"data-slot":`label`,...o,children:n})]})}})};M.displayName=`Checkbox`,Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return M}});
+//# sourceMappingURL=checkbox-2xfBhos6.cjs.js.map

package/dist/chunks/checkbox-2xfBhos6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-2xfBhos6.cjs.js","names":["$876b6f32ca5a04c3$export$cbe85ee05b554577","$bbaa08b3cd72f041$export$9d1611c77c2fe928","$43eCz$useToggleState","$43eCz$useFormValidationState","$43eCz$DEFAULT_VALIDATION_RESULT","$43eCz$privateValidationStateProp","$7230ffa83bc0c2cf$export$fabf2dc03a41866e","$cdaed739b1139372$export$c24727297075ec6a","$j1L6B$useObjectRef","$j1L6B$mergeRefs","$7230ffa83bc0c2cf$export$ef03459518577ad4","$j1L6B$useCheckboxGroupItem","$j1L6B$useCheckbox","$j1L6B$useToggleState","$7230ffa83bc0c2cf$export$29f1550f4b0d4415","$j1L6B$react","$j1L6B$useFocusRing","$j1L6B$useHover","$7230ffa83bc0c2cf$export$4d86445c2cf5e3","$j1L6B$filterDOMProps","$7230ffa83bc0c2cf$export$df3a06d6289f983e","$j1L6B$mergeProps","$j1L6B$VisuallyHidden"],"sources":["../../../../node_modules/.pnpm/react-aria@3.49.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/checkbox/useCheckbox.mjs","../../../../node_modules/.pnpm/react-aria@3.49.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/checkbox/utils.mjs","../../../../node_modules/.pnpm/react-aria@3.49.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/checkbox/useCheckboxGroupItem.mjs","../../../../node_modules/.pnpm/react-aria-components@1.18.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria-components/dist/private/Checkbox.mjs","../../src/components/checkbox/checkbox.slots.tsx","../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import {useToggle as $876b6f32ca5a04c3$export$cbe85ee05b554577} from \"../toggle/useToggle.mjs\";\nimport {mergeProps as $bbaa08b3cd72f041$export$9d1611c77c2fe928} from \"../utils/mergeProps.mjs\";\nimport {useEffect as $5eYZN$useEffect, useMemo as $5eYZN$useMemo} from \"react\";\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\nfunction $dde212bea465bd23$export$e375f10ce42261c5(props, state, inputRef) {\n    let { labelProps: labelProps, inputProps: inputProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, isSelected: isSelected, isPressed: isPressed, isDisabled: isDisabled, isReadOnly: isReadOnly, isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = (0, $876b6f32ca5a04c3$export$cbe85ee05b554577)(props, state, inputRef);\n    let { isIndeterminate: isIndeterminate } = props;\n    (0, $5eYZN$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    return {\n        labelProps: (0, $bbaa08b3cd72f041$export$9d1611c77c2fe928)(labelProps, (0, $5eYZN$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: inputProps,\n        descriptionProps: descriptionProps,\n        errorMessageProps: errorMessageProps,\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 {$dde212bea465bd23$export$e375f10ce42261c5 as useCheckbox};\n//# sourceMappingURL=useCheckbox.mjs.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 $0fffd24394d22962$export$ec98120685d4f57d = new WeakMap();\n\n\nexport {$0fffd24394d22962$export$ec98120685d4f57d as checkboxGroupData};\n//# sourceMappingURL=utils.mjs.map\n","import {useCheckbox as $dde212bea465bd23$export$e375f10ce42261c5} from \"./useCheckbox.mjs\";\nimport {checkboxGroupData as $0fffd24394d22962$export$ec98120685d4f57d} from \"./utils.mjs\";\nimport {useFormValidationState as $43eCz$useFormValidationState, DEFAULT_VALIDATION_RESULT as $43eCz$DEFAULT_VALIDATION_RESULT, privateValidationStateProp as $43eCz$privateValidationStateProp} from \"react-stately/private/form/useFormValidationState\";\nimport {useRef as $43eCz$useRef, useEffect as $43eCz$useEffect} from \"react\";\nimport {useToggleState as $43eCz$useToggleState} from \"react-stately/useToggleState\";\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 $55cfc34eef47e1ca$export$353b32fc6898d37d(props, state, inputRef) {\n    const toggleState = (0, $43eCz$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, $0fffd24394d22962$export$ec98120685d4f57d).get(state);\n    validationBehavior = props.validationBehavior ?? validationBehavior;\n    // Local validation for this checkbox.\n    let { realtimeValidation: realtimeValidation } = (0, $43eCz$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, $43eCz$useRef)((0, $43eCz$DEFAULT_VALIDATION_RESULT));\n    let updateValidation = ()=>{\n        state.setInvalid(props.value, realtimeValidation.isInvalid ? realtimeValidation : nativeValidation.current);\n    };\n    (0, $43eCz$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    let res = (0, $dde212bea465bd23$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 ?? state.isRequired,\n        validationBehavior: validationBehavior,\n        [(0, $43eCz$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                res.inputProps['aria-describedby'],\n                state.isInvalid ? errorMessageId : null,\n                descriptionId\n            ].filter(Boolean).join(' ') || undefined\n        }\n    };\n}\n\n\nexport {$55cfc34eef47e1ca$export$353b32fc6898d37d as useCheckboxGroupItem};\n//# sourceMappingURL=useCheckboxGroupItem.mjs.map\n","import {dom as $7230ffa83bc0c2cf$export$df3a06d6289f983e, Provider as $7230ffa83bc0c2cf$export$2881499e37b75b9a, removeDataAttributes as $7230ffa83bc0c2cf$export$ef03459518577ad4, useContextProps as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, useRenderProps as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, useSlot as $7230ffa83bc0c2cf$export$9d4c57ee4c6ffdd8, useSlottedContext as $7230ffa83bc0c2cf$export$fabf2dc03a41866e} from \"./utils.mjs\";\nimport {FieldErrorContext as $1f3c3b1a70cec653$export$ff05c3ac10437e03} from \"./FieldError.mjs\";\nimport {FormContext as $cdaed739b1139372$export$c24727297075ec6a} from \"./Form.mjs\";\nimport {LabelContext as $43a3b93638fe5db9$export$75b6ee27786ba447} from \"./Label.mjs\";\nimport {TextContext as $efe09c6d1c304b50$export$9afb8bc826b033ea} from \"./Text.mjs\";\nimport {useCheckboxGroup as $j1L6B$useCheckboxGroup, useCheckboxGroupItem as $j1L6B$useCheckboxGroupItem} from \"react-aria/useCheckboxGroup\";\nimport {useCheckbox as $j1L6B$useCheckbox} from \"react-aria/useCheckbox\";\nimport {useCheckboxGroupState as $j1L6B$useCheckboxGroupState} from \"react-stately/useCheckboxGroupState\";\nimport {filterDOMProps as $j1L6B$filterDOMProps} from \"react-aria/filterDOMProps\";\nimport {mergeProps as $j1L6B$mergeProps} from \"react-aria/mergeProps\";\nimport {mergeRefs as $j1L6B$mergeRefs} from \"react-aria/mergeRefs\";\nimport $j1L6B$react, {createContext as $j1L6B$createContext, forwardRef as $j1L6B$forwardRef, useContext as $j1L6B$useContext, useMemo as $j1L6B$useMemo} from \"react\";\nimport {useFocusRing as $j1L6B$useFocusRing} from \"react-aria/useFocusRing\";\nimport {useHover as $j1L6B$useHover} from \"react-aria/useHover\";\nimport {useObjectRef as $j1L6B$useObjectRef} from \"react-aria/useObjectRef\";\nimport {useToggleState as $j1L6B$useToggleState} from \"react-stately/useToggleState\";\nimport {VisuallyHidden as $j1L6B$VisuallyHidden} from \"react-aria/VisuallyHidden\";\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\n\n\n\n\n\n\n\nconst $ed8ccb2e23e76301$export$b085522c77523c51 = /*#__PURE__*/ (0, $j1L6B$createContext)(null);\nconst $ed8ccb2e23e76301$export$c32003b803b6c22e = /*#__PURE__*/ (0, $j1L6B$createContext)(null);\nconst $ed8ccb2e23e76301$export$baf37c4be89255b8 = /*#__PURE__*/ (0, $j1L6B$createContext)(null);\nconst $ed8ccb2e23e76301$export$139c5b8563afc1fc = /*#__PURE__*/ (0, $j1L6B$createContext)(null);\nconst $ed8ccb2e23e76301$export$4aa08d5625cb8ead = /*#__PURE__*/ (0, $j1L6B$forwardRef)(function CheckboxGroup(props, ref) {\n    [props, ref] = (0, $7230ffa83bc0c2cf$export$29f1550f4b0d4415)(props, ref, $ed8ccb2e23e76301$export$baf37c4be89255b8);\n    let { validationBehavior: formValidationBehavior } = (0, $7230ffa83bc0c2cf$export$fabf2dc03a41866e)((0, $cdaed739b1139372$export$c24727297075ec6a)) || {};\n    let validationBehavior = props.validationBehavior ?? formValidationBehavior ?? 'native';\n    let state = (0, $j1L6B$useCheckboxGroupState)({\n        ...props,\n        validationBehavior: validationBehavior\n    });\n    let [labelRef, label] = (0, $7230ffa83bc0c2cf$export$9d4c57ee4c6ffdd8)(!props['aria-label'] && !props['aria-labelledby']);\n    let { groupProps: groupProps, labelProps: labelProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, ...validation } = (0, $j1L6B$useCheckboxGroup)({\n        ...props,\n        label: label,\n        validationBehavior: validationBehavior\n    }, state);\n    let renderProps = (0, $7230ffa83bc0c2cf$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, $j1L6B$filterDOMProps)(props, {\n        global: true\n    });\n    return /*#__PURE__*/ (0, $j1L6B$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).div, {\n        ...(0, $j1L6B$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, $j1L6B$react).createElement((0, $7230ffa83bc0c2cf$export$2881499e37b75b9a), {\n        values: [\n            [\n                $ed8ccb2e23e76301$export$139c5b8563afc1fc,\n                state\n            ],\n            [\n                (0, $43a3b93638fe5db9$export$75b6ee27786ba447),\n                {\n                    ...labelProps,\n                    ref: labelRef,\n                    elementType: 'span'\n                }\n            ],\n            [\n                (0, $efe09c6d1c304b50$export$9afb8bc826b033ea),\n                {\n                    slots: {\n                        description: descriptionProps,\n                        errorMessage: errorMessageProps\n                    }\n                }\n            ],\n            [\n                (0, $1f3c3b1a70cec653$export$ff05c3ac10437e03),\n                validation\n            ]\n        ]\n    }, renderProps.children));\n});\nconst $ed8ccb2e23e76301$var$InternalCheckboxContext = /*#__PURE__*/ (0, $j1L6B$createContext)(null);\nconst $ed8ccb2e23e76301$export$94195a47b94ed396 = /*#__PURE__*/ (0, $j1L6B$forwardRef)(function Checkbox(props, ref) {\n    let { inputRef: userProvidedInputRef = null, ...otherProps } = props;\n    [props, ref] = (0, $7230ffa83bc0c2cf$export$29f1550f4b0d4415)(otherProps, ref, $ed8ccb2e23e76301$export$c32003b803b6c22e);\n    let groupState = (0, $j1L6B$useContext)($ed8ccb2e23e76301$export$139c5b8563afc1fc);\n    let [aria, inputRef] = $ed8ccb2e23e76301$var$useCheckboxAria(props, userProvidedInputRef);\n    let { descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, isSelected: isSelected, isDisabled: isDisabled, isReadOnly: isReadOnly, isInvalid: isInvalid, validationDetails: validationDetails, validationErrors: validationErrors } = aria;\n    let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({\n        ...props,\n        defaultClassName: 'react-aria-CheckboxField',\n        values: {\n            isSelected: isSelected,\n            isIndeterminate: props.isIndeterminate || false,\n            isDisabled: isDisabled,\n            isReadOnly: isReadOnly,\n            isInvalid: isInvalid,\n            isRequired: props.isRequired || false\n        }\n    });\n    let DOMProps = (0, $j1L6B$filterDOMProps)(props, {\n        global: true\n    });\n    delete DOMProps.id;\n    delete DOMProps.onClick;\n    return /*#__PURE__*/ (0, $j1L6B$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).div, {\n        ...(0, $j1L6B$mergeProps)(DOMProps, renderProps),\n        ref: ref,\n        slot: props.slot || undefined,\n        \"data-selected\": isSelected || undefined,\n        \"data-indeterminate\": props.isIndeterminate || 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, $j1L6B$react).createElement((0, $7230ffa83bc0c2cf$export$2881499e37b75b9a), {\n        values: [\n            [\n                $ed8ccb2e23e76301$var$InternalCheckboxContext,\n                {\n                    ...aria,\n                    inputRef: inputRef,\n                    defaultClassName: 'react-aria-CheckboxButton',\n                    isIndeterminate: props.isIndeterminate,\n                    isRequired: props.isRequired\n                }\n            ],\n            [\n                (0, $efe09c6d1c304b50$export$9afb8bc826b033ea),\n                {\n                    slots: {\n                        description: descriptionProps,\n                        errorMessage: errorMessageProps\n                    }\n                }\n            ],\n            // In a CheckboxGroup, validation is handled at the group level instead of repeated on each checkbox.\n            [\n                (0, $1f3c3b1a70cec653$export$ff05c3ac10437e03),\n                groupState ? null : {\n                    isInvalid: isInvalid,\n                    validationDetails: validationDetails,\n                    validationErrors: validationErrors\n                }\n            ]\n        ]\n    }, renderProps.children));\n});\nfunction $ed8ccb2e23e76301$var$useCheckboxAria(props, userProvidedInputRef) {\n    let { validationBehavior: formValidationBehavior } = (0, $7230ffa83bc0c2cf$export$fabf2dc03a41866e)((0, $cdaed739b1139372$export$c24727297075ec6a)) || {};\n    let validationBehavior = props.validationBehavior ?? formValidationBehavior ?? 'native';\n    let groupState = (0, $j1L6B$useContext)($ed8ccb2e23e76301$export$139c5b8563afc1fc);\n    let inputRef = (0, $j1L6B$useObjectRef)((0, $j1L6B$useMemo)(()=>(0, $j1L6B$mergeRefs)(userProvidedInputRef, props.inputRef !== undefined ? props.inputRef : null), [\n        userProvidedInputRef,\n        props.inputRef\n    ]));\n    let checkboxProps = {\n        ...(0, $7230ffa83bc0c2cf$export$ef03459518577ad4)(props),\n        children: typeof props.children === 'function' ? true : props.children,\n        value: props.value,\n        validationBehavior: validationBehavior\n    };\n    let aria = groupState ? (0, $j1L6B$useCheckboxGroupItem)(checkboxProps, groupState, inputRef) : (0, $j1L6B$useCheckbox)(checkboxProps, (0, $j1L6B$useToggleState)(props), inputRef);\n    return [\n        aria,\n        inputRef\n    ];\n}\nconst $ed8ccb2e23e76301$export$48513f6b9f8ce62d = /*#__PURE__*/ (0, $j1L6B$forwardRef)(function Checkbox(props, ref) {\n    let { inputRef: userProvidedInputRef = null, ...otherProps } = props;\n    [props, ref] = (0, $7230ffa83bc0c2cf$export$29f1550f4b0d4415)(otherProps, ref, $ed8ccb2e23e76301$export$b085522c77523c51);\n    let [aria, inputRef] = $ed8ccb2e23e76301$var$useCheckboxAria(props, userProvidedInputRef);\n    return /*#__PURE__*/ (0, $j1L6B$react).createElement($ed8ccb2e23e76301$var$InternalCheckboxContext.Provider, {\n        value: {\n            ...aria,\n            inputRef: inputRef,\n            defaultClassName: 'react-aria-Checkbox',\n            isIndeterminate: props.isIndeterminate,\n            isRequired: props.isRequired\n        }\n    }, /*#__PURE__*/ (0, $j1L6B$react).createElement($ed8ccb2e23e76301$export$6e7a18c0548f3129, {\n        ...props,\n        ref: ref\n    }));\n});\nconst $ed8ccb2e23e76301$export$6e7a18c0548f3129 = /*#__PURE__*/ (0, $j1L6B$forwardRef)(function CheckboxButton(props, ref) {\n    let { labelProps: labelProps, inputProps: inputProps, isSelected: isSelected, isDisabled: isDisabled, isReadOnly: isReadOnly, isPressed: isPressed, isInvalid: isInvalid, inputRef: inputRef, defaultClassName: defaultClassName, isIndeterminate: isIndeterminate, isRequired: isRequired } = (0, $j1L6B$useContext)($ed8ccb2e23e76301$var$InternalCheckboxContext);\n    let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $j1L6B$useFocusRing)();\n    let isInteractionDisabled = isDisabled || isReadOnly;\n    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $j1L6B$useHover)({\n        ...props,\n        isDisabled: isInteractionDisabled\n    });\n    let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({\n        ...props,\n        defaultClassName: defaultClassName,\n        values: {\n            isSelected: isSelected,\n            isIndeterminate: 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: isRequired || false\n        }\n    });\n    let DOMProps = (0, $j1L6B$filterDOMProps)(props, {\n        global: true\n    });\n    delete DOMProps.id;\n    delete DOMProps.onClick;\n    return /*#__PURE__*/ (0, $j1L6B$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).label, {\n        ...(0, $j1L6B$mergeProps)(DOMProps, labelProps, hoverProps, renderProps),\n        ref: ref,\n        slot: props.slot || undefined,\n        \"data-selected\": isSelected || undefined,\n        \"data-indeterminate\": 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\": isRequired || undefined\n    }, /*#__PURE__*/ (0, $j1L6B$react).createElement((0, $j1L6B$VisuallyHidden), {\n        elementType: \"span\"\n    }, /*#__PURE__*/ (0, $j1L6B$react).createElement(\"input\", {\n        ...(0, $j1L6B$mergeProps)(inputProps, focusProps),\n        ref: inputRef\n    })), renderProps.children);\n});\n\n\nexport {$ed8ccb2e23e76301$export$b085522c77523c51 as CheckboxContext, $ed8ccb2e23e76301$export$c32003b803b6c22e as CheckboxFieldContext, $ed8ccb2e23e76301$export$baf37c4be89255b8 as CheckboxGroupContext, $ed8ccb2e23e76301$export$139c5b8563afc1fc as CheckboxGroupStateContext, $ed8ccb2e23e76301$export$4aa08d5625cb8ead as CheckboxGroup, $ed8ccb2e23e76301$export$94195a47b94ed396 as CheckboxField, $ed8ccb2e23e76301$export$48513f6b9f8ce62d as Checkbox, $ed8ccb2e23e76301$export$6e7a18c0548f3129 as CheckboxButton};\n//# sourceMappingURL=Checkbox.mjs.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"],"x_google_ignoreList":[0,1,2,3],"mappings":"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"}

package/dist/chunks/checkbox-CHDkSMEP.esm.js

@@ -0,0 +1,186 @@
+import { n as e, t } from "./mergeProps-CGu7R6EG.esm.js";
+import { t as n } from "./useObjectRef-ClgudS2C.esm.js";
+import { t as r } from "./filterDOMProps-CIO9R_wo.esm.js";
+import { a as i, i as a, n as o } from "./useFormValidationState-BCssrskM.esm.js";
+import { t as s } from "./useToggle-C6k0NP0h.esm.js";
+import { t as c } from "./useToggleState-fFEY17Yw.esm.js";
+import { t as l } from "./VisuallyHidden-D96gv7Fv.esm.js";
+import { t as u } from "./useFocusRing-CYpmjNkh.esm.js";
+import { t as d } from "./useHover-OVjBfGuT.esm.js";
+import { c as f, n as p, o as m, r as h, s as g } from "./utils-41EYzidf.esm.js";
+import { t as _ } from "./Form-BqCVTKex.esm.js";
+import { t as v } from "./extract-style-props-4RoFSvGV.esm.js";
+import y, { createContext as b, forwardRef as x, useContext as S, useEffect as C, useMemo as w, useRef as T } from "react";
+import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
+import { Check as k, Remove as A } from "@commercetools/nimbus-icons";
+import { createSlotRecipeContext as j, useSlotRecipe as M } from "@chakra-ui/react/styled-system";
+//#region ../../node_modules/.pnpm/react-aria@3.49.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/checkbox/useCheckbox.mjs
+function N(e, n, r) {
+	let { labelProps: i, inputProps: a, descriptionProps: o, errorMessageProps: c, isSelected: l, isPressed: u, isDisabled: d, isReadOnly: f, isInvalid: p, validationErrors: m, validationDetails: h } = s(e, n, r), { isIndeterminate: g } = e;
+	return C(() => {
+		r.current && (r.current.indeterminate = !!g);
+	}), {
+		labelProps: t(i, w(() => ({ onMouseDown: (e) => e.preventDefault() }), [])),
+		inputProps: a,
+		descriptionProps: o,
+		errorMessageProps: c,
+		isSelected: l,
+		isPressed: u,
+		isDisabled: d,
+		isReadOnly: f,
+		isInvalid: p,
+		validationErrors: m,
+		validationDetails: h
+	};
+}
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.49.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/checkbox/utils.mjs
+var P = /* @__PURE__ */ new WeakMap();
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.49.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/checkbox/useCheckboxGroupItem.mjs
+function F(e, t, n) {
+	let r = c({
+		isReadOnly: e.isReadOnly || t.isReadOnly,
+		isSelected: t.isSelected(e.value),
+		defaultSelected: t.defaultValue.includes(e.value),
+		onChange(n) {
+			n ? t.addValue(e.value) : t.removeValue(e.value), e.onChange && e.onChange(n);
+		}
+	}), { name: s, form: l, descriptionId: u, errorMessageId: d, validationBehavior: f } = P.get(t);
+	f = e.validationBehavior ?? f;
+	let { realtimeValidation: p } = i({
+		...e,
+		value: r.isSelected,
+		name: void 0,
+		validationBehavior: "aria"
+	}), m = T(a), h = () => {
+		t.setInvalid(e.value, p.isInvalid ? p : m.current);
+	};
+	C(h);
+	let g = t.realtimeValidation.isInvalid ? t.realtimeValidation : p, _ = f === "native" ? t.displayValidation : g, v = N({
+		...e,
+		isReadOnly: e.isReadOnly || t.isReadOnly,
+		isDisabled: e.isDisabled || t.isDisabled,
+		name: e.name || s,
+		form: e.form || l,
+		isRequired: e.isRequired ?? t.isRequired,
+		validationBehavior: f,
+		[o]: {
+			realtimeValidation: g,
+			displayValidation: _,
+			resetValidation: t.resetValidation,
+			commitValidation: t.commitValidation,
+			updateValidation(e) {
+				m.current = e, h();
+			}
+		}
+	}, r, n);
+	return {
+		...v,
+		inputProps: {
+			...v.inputProps,
+			"aria-describedby": [
+				v.inputProps["aria-describedby"],
+				t.isInvalid ? d : null,
+				u
+			].filter(Boolean).join(" ") || void 0
+		}
+	};
+}
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria-components@1.18.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria-components/dist/private/Checkbox.mjs
+var I = /*#__PURE__*/ b(null), L = /*#__PURE__*/ b(null), R = /*#__PURE__*/ b(null), z = /*#__PURE__*/ b(null);
+function B(t, r) {
+	let { validationBehavior: i } = f(_) || {}, a = t.validationBehavior ?? i ?? "native", o = S(R), s = n(w(() => e(r, t.inputRef === void 0 ? null : t.inputRef), [r, t.inputRef])), l = {
+		...g(t),
+		children: typeof t.children == "function" ? !0 : t.children,
+		value: t.value,
+		validationBehavior: a
+	};
+	return [o ? F(l, o, s) : N(l, c(t), s), s];
+}
+var V = /*#__PURE__*/ x(function(e, t) {
+	let { inputRef: n = null, ...r } = e;
+	[e, t] = p(r, t, I);
+	let [i, a] = B(e, n);
+	return /*#__PURE__*/ y.createElement(z.Provider, { value: {
+		...i,
+		inputRef: a,
+		defaultClassName: "react-aria-Checkbox",
+		isIndeterminate: e.isIndeterminate,
+		isRequired: e.isRequired
+	} }, /*#__PURE__*/ y.createElement(H, {
+		...e,
+		ref: t
+	}));
+}), H = /*#__PURE__*/ x(function(e, n) {
+	let { labelProps: i, inputProps: a, isSelected: o, isDisabled: s, isReadOnly: c, isPressed: f, isInvalid: p, inputRef: g, defaultClassName: _, isIndeterminate: v, isRequired: b } = S(z), { isFocused: x, isFocusVisible: C, focusProps: w } = u(), T = s || c, { hoverProps: E, isHovered: D } = d({
+		...e,
+		isDisabled: T
+	}), O = h({
+		...e,
+		defaultClassName: _,
+		values: {
+			isSelected: o,
+			isIndeterminate: v || !1,
+			isPressed: f,
+			isHovered: D,
+			isFocused: x,
+			isFocusVisible: C,
+			isDisabled: s,
+			isReadOnly: c,
+			isInvalid: p,
+			isRequired: b || !1
+		}
+	}), k = r(e, { global: !0 });
+	return delete k.id, delete k.onClick, /*#__PURE__*/ y.createElement(m.label, {
+		...t(k, i, E, O),
+		ref: n,
+		slot: e.slot || void 0,
+		"data-selected": o || void 0,
+		"data-indeterminate": v || void 0,
+		"data-pressed": f || void 0,
+		"data-hovered": D || void 0,
+		"data-focused": x || void 0,
+		"data-focus-visible": C || void 0,
+		"data-disabled": s || void 0,
+		"data-readonly": c || void 0,
+		"data-invalid": p || void 0,
+		"data-required": b || void 0
+	}, /*#__PURE__*/ y.createElement(l, { elementType: "span" }, /*#__PURE__*/ y.createElement("input", {
+		...t(a, w),
+		ref: g
+	})), O.children);
+}), { withProvider: U, withContext: W } = j({ key: "nimbusCheckbox" }), G = U(V, "root"), K = W("span", "label"), q = W("span", "indicator"), J = (e) => {
+	let { ref: t, children: n, ...r } = e, [i, a] = M({ key: "nimbusCheckbox" }).splitVariantProps(r), [o, s] = v(a);
+	return /* @__PURE__ */ D(G, {
+		ref: t,
+		"data-slot": "root",
+		...s,
+		...i,
+		...o,
+		children: ({ isSelected: e, isIndeterminate: t, isInvalid: r, isDisabled: i, isFocused: a }) => {
+			let o = {
+				"data-selected": e,
+				"data-indeterminate": t,
+				"data-invalid": r,
+				"data-disabled": i,
+				"data-focus": a || void 0
+			};
+			return /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ O(q, {
+				"data-slot": "indicator",
+				...o,
+				children: [e && /* @__PURE__ */ D(k, {}), t && /* @__PURE__ */ D(A, {})]
+			}), n && /* @__PURE__ */ D(K, {
+				"data-slot": "label",
+				...o,
+				children: n
+			})] });
+		}
+	});
+};
+J.displayName = "Checkbox";
+//#endregion
+export { I as n, L as r, J as t };
+
+//# sourceMappingURL=checkbox-CHDkSMEP.esm.js.map

package/dist/chunks/checkbox-CHDkSMEP.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-CHDkSMEP.esm.js","names":["$5eYZN$useEffect","$5eYZN$useMemo","$43eCz$useToggleState","$43eCz$useFormValidationState","$43eCz$useRef","$43eCz$DEFAULT_VALIDATION_RESULT","$43eCz$useEffect","$43eCz$privateValidationStateProp","$j1L6B$createContext","$j1L6B$useContext","$j1L6B$useObjectRef","$j1L6B$useMemo","$j1L6B$mergeRefs","$j1L6B$useCheckboxGroupItem","$j1L6B$useCheckbox","$j1L6B$useToggleState","$j1L6B$forwardRef","$j1L6B$react","$j1L6B$useFocusRing","$j1L6B$useHover","$j1L6B$filterDOMProps","$j1L6B$mergeProps","$j1L6B$VisuallyHidden"],"sources":["../../../../node_modules/.pnpm/react-aria@3.49.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/checkbox/useCheckbox.mjs","../../../../node_modules/.pnpm/react-aria@3.49.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/checkbox/utils.mjs","../../../../node_modules/.pnpm/react-aria@3.49.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/checkbox/useCheckboxGroupItem.mjs","../../../../node_modules/.pnpm/react-aria-components@1.18.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria-components/dist/private/Checkbox.mjs","../../src/components/checkbox/checkbox.slots.tsx","../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import {useToggle as $876b6f32ca5a04c3$export$cbe85ee05b554577} from \"../toggle/useToggle.mjs\";\nimport {mergeProps as $bbaa08b3cd72f041$export$9d1611c77c2fe928} from \"../utils/mergeProps.mjs\";\nimport {useEffect as $5eYZN$useEffect, useMemo as $5eYZN$useMemo} from \"react\";\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\nfunction $dde212bea465bd23$export$e375f10ce42261c5(props, state, inputRef) {\n    let { labelProps: labelProps, inputProps: inputProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, isSelected: isSelected, isPressed: isPressed, isDisabled: isDisabled, isReadOnly: isReadOnly, isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = (0, $876b6f32ca5a04c3$export$cbe85ee05b554577)(props, state, inputRef);\n    let { isIndeterminate: isIndeterminate } = props;\n    (0, $5eYZN$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    return {\n        labelProps: (0, $bbaa08b3cd72f041$export$9d1611c77c2fe928)(labelProps, (0, $5eYZN$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: inputProps,\n        descriptionProps: descriptionProps,\n        errorMessageProps: errorMessageProps,\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 {$dde212bea465bd23$export$e375f10ce42261c5 as useCheckbox};\n//# sourceMappingURL=useCheckbox.mjs.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 $0fffd24394d22962$export$ec98120685d4f57d = new WeakMap();\n\n\nexport {$0fffd24394d22962$export$ec98120685d4f57d as checkboxGroupData};\n//# sourceMappingURL=utils.mjs.map\n","import {useCheckbox as $dde212bea465bd23$export$e375f10ce42261c5} from \"./useCheckbox.mjs\";\nimport {checkboxGroupData as $0fffd24394d22962$export$ec98120685d4f57d} from \"./utils.mjs\";\nimport {useFormValidationState as $43eCz$useFormValidationState, DEFAULT_VALIDATION_RESULT as $43eCz$DEFAULT_VALIDATION_RESULT, privateValidationStateProp as $43eCz$privateValidationStateProp} from \"react-stately/private/form/useFormValidationState\";\nimport {useRef as $43eCz$useRef, useEffect as $43eCz$useEffect} from \"react\";\nimport {useToggleState as $43eCz$useToggleState} from \"react-stately/useToggleState\";\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 $55cfc34eef47e1ca$export$353b32fc6898d37d(props, state, inputRef) {\n    const toggleState = (0, $43eCz$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, $0fffd24394d22962$export$ec98120685d4f57d).get(state);\n    validationBehavior = props.validationBehavior ?? validationBehavior;\n    // Local validation for this checkbox.\n    let { realtimeValidation: realtimeValidation } = (0, $43eCz$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, $43eCz$useRef)((0, $43eCz$DEFAULT_VALIDATION_RESULT));\n    let updateValidation = ()=>{\n        state.setInvalid(props.value, realtimeValidation.isInvalid ? realtimeValidation : nativeValidation.current);\n    };\n    (0, $43eCz$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    let res = (0, $dde212bea465bd23$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 ?? state.isRequired,\n        validationBehavior: validationBehavior,\n        [(0, $43eCz$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                res.inputProps['aria-describedby'],\n                state.isInvalid ? errorMessageId : null,\n                descriptionId\n            ].filter(Boolean).join(' ') || undefined\n        }\n    };\n}\n\n\nexport {$55cfc34eef47e1ca$export$353b32fc6898d37d as useCheckboxGroupItem};\n//# sourceMappingURL=useCheckboxGroupItem.mjs.map\n","import {dom as $7230ffa83bc0c2cf$export$df3a06d6289f983e, Provider as $7230ffa83bc0c2cf$export$2881499e37b75b9a, removeDataAttributes as $7230ffa83bc0c2cf$export$ef03459518577ad4, useContextProps as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, useRenderProps as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, useSlot as $7230ffa83bc0c2cf$export$9d4c57ee4c6ffdd8, useSlottedContext as $7230ffa83bc0c2cf$export$fabf2dc03a41866e} from \"./utils.mjs\";\nimport {FieldErrorContext as $1f3c3b1a70cec653$export$ff05c3ac10437e03} from \"./FieldError.mjs\";\nimport {FormContext as $cdaed739b1139372$export$c24727297075ec6a} from \"./Form.mjs\";\nimport {LabelContext as $43a3b93638fe5db9$export$75b6ee27786ba447} from \"./Label.mjs\";\nimport {TextContext as $efe09c6d1c304b50$export$9afb8bc826b033ea} from \"./Text.mjs\";\nimport {useCheckboxGroup as $j1L6B$useCheckboxGroup, useCheckboxGroupItem as $j1L6B$useCheckboxGroupItem} from \"react-aria/useCheckboxGroup\";\nimport {useCheckbox as $j1L6B$useCheckbox} from \"react-aria/useCheckbox\";\nimport {useCheckboxGroupState as $j1L6B$useCheckboxGroupState} from \"react-stately/useCheckboxGroupState\";\nimport {filterDOMProps as $j1L6B$filterDOMProps} from \"react-aria/filterDOMProps\";\nimport {mergeProps as $j1L6B$mergeProps} from \"react-aria/mergeProps\";\nimport {mergeRefs as $j1L6B$mergeRefs} from \"react-aria/mergeRefs\";\nimport $j1L6B$react, {createContext as $j1L6B$createContext, forwardRef as $j1L6B$forwardRef, useContext as $j1L6B$useContext, useMemo as $j1L6B$useMemo} from \"react\";\nimport {useFocusRing as $j1L6B$useFocusRing} from \"react-aria/useFocusRing\";\nimport {useHover as $j1L6B$useHover} from \"react-aria/useHover\";\nimport {useObjectRef as $j1L6B$useObjectRef} from \"react-aria/useObjectRef\";\nimport {useToggleState as $j1L6B$useToggleState} from \"react-stately/useToggleState\";\nimport {VisuallyHidden as $j1L6B$VisuallyHidden} from \"react-aria/VisuallyHidden\";\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\n\n\n\n\n\n\n\nconst $ed8ccb2e23e76301$export$b085522c77523c51 = /*#__PURE__*/ (0, $j1L6B$createContext)(null);\nconst $ed8ccb2e23e76301$export$c32003b803b6c22e = /*#__PURE__*/ (0, $j1L6B$createContext)(null);\nconst $ed8ccb2e23e76301$export$baf37c4be89255b8 = /*#__PURE__*/ (0, $j1L6B$createContext)(null);\nconst $ed8ccb2e23e76301$export$139c5b8563afc1fc = /*#__PURE__*/ (0, $j1L6B$createContext)(null);\nconst $ed8ccb2e23e76301$export$4aa08d5625cb8ead = /*#__PURE__*/ (0, $j1L6B$forwardRef)(function CheckboxGroup(props, ref) {\n    [props, ref] = (0, $7230ffa83bc0c2cf$export$29f1550f4b0d4415)(props, ref, $ed8ccb2e23e76301$export$baf37c4be89255b8);\n    let { validationBehavior: formValidationBehavior } = (0, $7230ffa83bc0c2cf$export$fabf2dc03a41866e)((0, $cdaed739b1139372$export$c24727297075ec6a)) || {};\n    let validationBehavior = props.validationBehavior ?? formValidationBehavior ?? 'native';\n    let state = (0, $j1L6B$useCheckboxGroupState)({\n        ...props,\n        validationBehavior: validationBehavior\n    });\n    let [labelRef, label] = (0, $7230ffa83bc0c2cf$export$9d4c57ee4c6ffdd8)(!props['aria-label'] && !props['aria-labelledby']);\n    let { groupProps: groupProps, labelProps: labelProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, ...validation } = (0, $j1L6B$useCheckboxGroup)({\n        ...props,\n        label: label,\n        validationBehavior: validationBehavior\n    }, state);\n    let renderProps = (0, $7230ffa83bc0c2cf$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, $j1L6B$filterDOMProps)(props, {\n        global: true\n    });\n    return /*#__PURE__*/ (0, $j1L6B$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).div, {\n        ...(0, $j1L6B$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, $j1L6B$react).createElement((0, $7230ffa83bc0c2cf$export$2881499e37b75b9a), {\n        values: [\n            [\n                $ed8ccb2e23e76301$export$139c5b8563afc1fc,\n                state\n            ],\n            [\n                (0, $43a3b93638fe5db9$export$75b6ee27786ba447),\n                {\n                    ...labelProps,\n                    ref: labelRef,\n                    elementType: 'span'\n                }\n            ],\n            [\n                (0, $efe09c6d1c304b50$export$9afb8bc826b033ea),\n                {\n                    slots: {\n                        description: descriptionProps,\n                        errorMessage: errorMessageProps\n                    }\n                }\n            ],\n            [\n                (0, $1f3c3b1a70cec653$export$ff05c3ac10437e03),\n                validation\n            ]\n        ]\n    }, renderProps.children));\n});\nconst $ed8ccb2e23e76301$var$InternalCheckboxContext = /*#__PURE__*/ (0, $j1L6B$createContext)(null);\nconst $ed8ccb2e23e76301$export$94195a47b94ed396 = /*#__PURE__*/ (0, $j1L6B$forwardRef)(function Checkbox(props, ref) {\n    let { inputRef: userProvidedInputRef = null, ...otherProps } = props;\n    [props, ref] = (0, $7230ffa83bc0c2cf$export$29f1550f4b0d4415)(otherProps, ref, $ed8ccb2e23e76301$export$c32003b803b6c22e);\n    let groupState = (0, $j1L6B$useContext)($ed8ccb2e23e76301$export$139c5b8563afc1fc);\n    let [aria, inputRef] = $ed8ccb2e23e76301$var$useCheckboxAria(props, userProvidedInputRef);\n    let { descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, isSelected: isSelected, isDisabled: isDisabled, isReadOnly: isReadOnly, isInvalid: isInvalid, validationDetails: validationDetails, validationErrors: validationErrors } = aria;\n    let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({\n        ...props,\n        defaultClassName: 'react-aria-CheckboxField',\n        values: {\n            isSelected: isSelected,\n            isIndeterminate: props.isIndeterminate || false,\n            isDisabled: isDisabled,\n            isReadOnly: isReadOnly,\n            isInvalid: isInvalid,\n            isRequired: props.isRequired || false\n        }\n    });\n    let DOMProps = (0, $j1L6B$filterDOMProps)(props, {\n        global: true\n    });\n    delete DOMProps.id;\n    delete DOMProps.onClick;\n    return /*#__PURE__*/ (0, $j1L6B$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).div, {\n        ...(0, $j1L6B$mergeProps)(DOMProps, renderProps),\n        ref: ref,\n        slot: props.slot || undefined,\n        \"data-selected\": isSelected || undefined,\n        \"data-indeterminate\": props.isIndeterminate || 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, $j1L6B$react).createElement((0, $7230ffa83bc0c2cf$export$2881499e37b75b9a), {\n        values: [\n            [\n                $ed8ccb2e23e76301$var$InternalCheckboxContext,\n                {\n                    ...aria,\n                    inputRef: inputRef,\n                    defaultClassName: 'react-aria-CheckboxButton',\n                    isIndeterminate: props.isIndeterminate,\n                    isRequired: props.isRequired\n                }\n            ],\n            [\n                (0, $efe09c6d1c304b50$export$9afb8bc826b033ea),\n                {\n                    slots: {\n                        description: descriptionProps,\n                        errorMessage: errorMessageProps\n                    }\n                }\n            ],\n            // In a CheckboxGroup, validation is handled at the group level instead of repeated on each checkbox.\n            [\n                (0, $1f3c3b1a70cec653$export$ff05c3ac10437e03),\n                groupState ? null : {\n                    isInvalid: isInvalid,\n                    validationDetails: validationDetails,\n                    validationErrors: validationErrors\n                }\n            ]\n        ]\n    }, renderProps.children));\n});\nfunction $ed8ccb2e23e76301$var$useCheckboxAria(props, userProvidedInputRef) {\n    let { validationBehavior: formValidationBehavior } = (0, $7230ffa83bc0c2cf$export$fabf2dc03a41866e)((0, $cdaed739b1139372$export$c24727297075ec6a)) || {};\n    let validationBehavior = props.validationBehavior ?? formValidationBehavior ?? 'native';\n    let groupState = (0, $j1L6B$useContext)($ed8ccb2e23e76301$export$139c5b8563afc1fc);\n    let inputRef = (0, $j1L6B$useObjectRef)((0, $j1L6B$useMemo)(()=>(0, $j1L6B$mergeRefs)(userProvidedInputRef, props.inputRef !== undefined ? props.inputRef : null), [\n        userProvidedInputRef,\n        props.inputRef\n    ]));\n    let checkboxProps = {\n        ...(0, $7230ffa83bc0c2cf$export$ef03459518577ad4)(props),\n        children: typeof props.children === 'function' ? true : props.children,\n        value: props.value,\n        validationBehavior: validationBehavior\n    };\n    let aria = groupState ? (0, $j1L6B$useCheckboxGroupItem)(checkboxProps, groupState, inputRef) : (0, $j1L6B$useCheckbox)(checkboxProps, (0, $j1L6B$useToggleState)(props), inputRef);\n    return [\n        aria,\n        inputRef\n    ];\n}\nconst $ed8ccb2e23e76301$export$48513f6b9f8ce62d = /*#__PURE__*/ (0, $j1L6B$forwardRef)(function Checkbox(props, ref) {\n    let { inputRef: userProvidedInputRef = null, ...otherProps } = props;\n    [props, ref] = (0, $7230ffa83bc0c2cf$export$29f1550f4b0d4415)(otherProps, ref, $ed8ccb2e23e76301$export$b085522c77523c51);\n    let [aria, inputRef] = $ed8ccb2e23e76301$var$useCheckboxAria(props, userProvidedInputRef);\n    return /*#__PURE__*/ (0, $j1L6B$react).createElement($ed8ccb2e23e76301$var$InternalCheckboxContext.Provider, {\n        value: {\n            ...aria,\n            inputRef: inputRef,\n            defaultClassName: 'react-aria-Checkbox',\n            isIndeterminate: props.isIndeterminate,\n            isRequired: props.isRequired\n        }\n    }, /*#__PURE__*/ (0, $j1L6B$react).createElement($ed8ccb2e23e76301$export$6e7a18c0548f3129, {\n        ...props,\n        ref: ref\n    }));\n});\nconst $ed8ccb2e23e76301$export$6e7a18c0548f3129 = /*#__PURE__*/ (0, $j1L6B$forwardRef)(function CheckboxButton(props, ref) {\n    let { labelProps: labelProps, inputProps: inputProps, isSelected: isSelected, isDisabled: isDisabled, isReadOnly: isReadOnly, isPressed: isPressed, isInvalid: isInvalid, inputRef: inputRef, defaultClassName: defaultClassName, isIndeterminate: isIndeterminate, isRequired: isRequired } = (0, $j1L6B$useContext)($ed8ccb2e23e76301$var$InternalCheckboxContext);\n    let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $j1L6B$useFocusRing)();\n    let isInteractionDisabled = isDisabled || isReadOnly;\n    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $j1L6B$useHover)({\n        ...props,\n        isDisabled: isInteractionDisabled\n    });\n    let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({\n        ...props,\n        defaultClassName: defaultClassName,\n        values: {\n            isSelected: isSelected,\n            isIndeterminate: 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: isRequired || false\n        }\n    });\n    let DOMProps = (0, $j1L6B$filterDOMProps)(props, {\n        global: true\n    });\n    delete DOMProps.id;\n    delete DOMProps.onClick;\n    return /*#__PURE__*/ (0, $j1L6B$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).label, {\n        ...(0, $j1L6B$mergeProps)(DOMProps, labelProps, hoverProps, renderProps),\n        ref: ref,\n        slot: props.slot || undefined,\n        \"data-selected\": isSelected || undefined,\n        \"data-indeterminate\": 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\": isRequired || undefined\n    }, /*#__PURE__*/ (0, $j1L6B$react).createElement((0, $j1L6B$VisuallyHidden), {\n        elementType: \"span\"\n    }, /*#__PURE__*/ (0, $j1L6B$react).createElement(\"input\", {\n        ...(0, $j1L6B$mergeProps)(inputProps, focusProps),\n        ref: inputRef\n    })), renderProps.children);\n});\n\n\nexport {$ed8ccb2e23e76301$export$b085522c77523c51 as CheckboxContext, $ed8ccb2e23e76301$export$c32003b803b6c22e as CheckboxFieldContext, $ed8ccb2e23e76301$export$baf37c4be89255b8 as CheckboxGroupContext, $ed8ccb2e23e76301$export$139c5b8563afc1fc as CheckboxGroupStateContext, $ed8ccb2e23e76301$export$4aa08d5625cb8ead as CheckboxGroup, $ed8ccb2e23e76301$export$94195a47b94ed396 as CheckboxField, $ed8ccb2e23e76301$export$48513f6b9f8ce62d as Checkbox, $ed8ccb2e23e76301$export$6e7a18c0548f3129 as CheckboxButton};\n//# sourceMappingURL=Checkbox.mjs.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"],"x_google_ignoreList":[0,1,2,3],"mappings":"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"}

package/dist/chunks/code-Bn8wj68o.esm.js

@@ -0,0 +1,7 @@
+import { createRecipeContext as e } from "@chakra-ui/react/styled-system";
+//#region src/components/code/code.slots.tsx
+var { withContext: t } = e({ key: "nimbusCode" }), n = t("code");
+//#endregion
+export { n as t };
+
+//# sourceMappingURL=code-Bn8wj68o.esm.js.map

package/dist/chunks/code-Bn8wj68o.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-Bn8wj68o.esm.js","names":[],"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"],"mappings":";;AAGA,IAAM,EAAE,mBAAgB,EAAoB,EAAE,KAAK,aAAa,CAAC,GCQpD,IDNwC,EAGnD,MCGmC"}

package/dist/chunks/code-CYzW0wgO.cjs

@@ -0,0 +1,2 @@
+var{withContext:e}=(0,require("@chakra-ui/react/styled-system").createRecipeContext)({key:`nimbusCode`}),t=e(`code`);Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return t}});
+//# sourceMappingURL=code-CYzW0wgO.cjs.js.map

package/dist/chunks/code-CYzW0wgO.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-CYzW0wgO.cjs.js","names":[],"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"],"mappings":"AAGA,GAAM,CAAE,gBAAA,0CAAA,EAAA,qBAAoC,CAAE,IAAK,YAAa,CAAC,ECQpD,EDNwC,EAGnD,MCGmC"}

package/dist/chunks/collapsible-motion-DFZiAulP.cjs

@@ -0,0 +1,2 @@
+const e=require("./mergeProps-CiOPEjJs.cjs.js"),t=require("./useObjectRef-B_VeQHvx.cjs.js"),n=require("./useDisclosureState-XqLBb8kS.cjs.js"),r=require("./Button-1hWj0x5_.cjs.js"),i=require("./extract-style-props-CVl34XLj.cjs.js"),a=require("./merge-refs-DjTl2ATo.cjs.js");let o=require("react"),s=require("react/jsx-runtime"),c=require("@chakra-ui/react/styled-system"),l=require("@chakra-ui/react/presence");var u=(0,o.createContext)(void 0);function d(){let e=(0,o.useContext)(u);if(e===void 0)throw Error(`useCollapsibleMotionContext must be used within a CollapsibleMotion.Root component`);return e}var{withProvider:f,withContext:p}=(0,c.createSlotRecipeContext)({key:`nimbusCollapsibleMotion`}),m=f(`div`,`root`),h=p(`button`,`trigger`),g=p(`div`,`content`),_=(0,o.forwardRef)(({children:e,defaultExpanded:t=!1,isExpanded:r,onExpandedChange:i,isDisabled:a=!1,...c},l)=>{let d=n.t({defaultExpanded:t,isExpanded:r,onExpandedChange:i}),f=(0,o.useRef)(null),{buttonProps:p,panelProps:h}=n.n({isDisabled:a},d,f),g={isDisabled:a,isExpanded:d.isExpanded,buttonProps:p,panelProps:h,panelRef:f};return(0,s.jsx)(u.Provider,{value:g,children:(0,s.jsx)(m,{ref:l,...c,children:e})})});_.displayName=`CollapsibleMotion.Root`;var v=(0,o.forwardRef)(({children:t,asChild:n,...a},o)=>{let{buttonProps:l,isDisabled:u}=d(),f=e.t(a,l,{disabled:u});if(n)return(0,s.jsx)(r.t.Provider,{value:{isDisabled:u},children:(0,s.jsx)(c.chakra.button,{asChild:!0,...f,children:t})});let[p,m]=i.t(f);return(0,s.jsx)(h,{ref:o,...p,asChild:!0,children:(0,s.jsx)(r.n,{...m,children:t})})});v.displayName=`CollapsibleMotion.Trigger`;var y=(0,o.forwardRef)(({children:e,...n},r)=>{let{panelProps:i,isExpanded:c}=d();return(0,s.jsx)(g,{ref:t.t(a.t((0,o.useRef)(null),r)),...n,...i,asChild:!0,children:(0,s.jsx)(l.Presence,{present:c,animationName:{_open:`slide-from-top, fade-in`,_closed:`slide-to-top, fade-out`},animationDuration:`fast`,children:e})})});y.displayName=`CollapsibleMotion.Content`;var b={Root:_,Trigger:v,Content:y};Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return b}});
+//# sourceMappingURL=collapsible-motion-DFZiAulP.cjs.js.map

package/dist/chunks/collapsible-motion-DFZiAulP.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible-motion-DFZiAulP.cjs.js","names":[],"sources":["../../src/components/collapsible-motion/components/collapsible-motion-context.tsx","../../src/components/collapsible-motion/collapsible-motion.slots.tsx","../../src/components/collapsible-motion/components/collapsible-motion-root.tsx","../../src/components/collapsible-motion/components/collapsible-motion-trigger.tsx","../../src/components/collapsible-motion/components/collapsible-motion-content.tsx","../../src/components/collapsible-motion/collapsible-motion.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { CollapsibleMotionContextValue } from \"../collapsible-motion.types\";\n\n/**\n * React Context for sharing CollapsibleMotion state between compound components\n */\nexport const CollapsibleMotionContext = createContext<\n  CollapsibleMotionContextValue | undefined\n>(undefined);\n\n/**\n * Custom hook to consume CollapsibleMotion context\n */\nexport function useCollapsibleMotionContext(): CollapsibleMotionContextValue {\n  const context = useContext(CollapsibleMotionContext);\n\n  if (context === undefined) {\n    throw new Error(\n      \"useCollapsibleMotionContext must be used within a CollapsibleMotion.Root component\"\n    );\n  }\n\n  return context;\n}\n","import {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n} from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type { CollapsibleMotionRootSlotProps } from \"./collapsible-motion.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusCollapsibleMotion\",\n});\n\nexport const CollapsibleMotionRootSlot: SlotComponent<\n  HTMLDivElement,\n  CollapsibleMotionRootSlotProps\n> = withProvider<HTMLDivElement, CollapsibleMotionRootSlotProps>(\"div\", \"root\");\n\nexport const CollapsibleMotionTriggerSlot = withContext<\n  HTMLButtonElement,\n  HTMLChakraProps<\"button\">\n>(\"button\", \"trigger\");\n\nexport const CollapsibleMotionContentSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"content\");\n","import { useRef, forwardRef } from \"react\";\nimport { useDisclosure } from \"react-aria\";\nimport { useDisclosureState } from \"react-stately\";\nimport { CollapsibleMotionContext } from \"./collapsible-motion-context\";\nimport { CollapsibleMotionRootSlot } from \"../collapsible-motion.slots\";\nimport type { CollapsibleMotionRootProps } from \"../collapsible-motion.types\";\n\n/**\n * CollapsibleMotion.Root - The root container component that manages state and provides context\n *\n * This component contains all the state management logic and provides context to\n * CollapsibleMotion.Trigger and CollapsibleMotion.Content components.\n *\n * @supportsStyleProps\n */\nexport const CollapsibleMotionRoot: React.ForwardRefExoticComponent<\n  CollapsibleMotionRootProps & React.RefAttributes<HTMLDivElement>\n> = forwardRef<HTMLDivElement, CollapsibleMotionRootProps>(\n  (\n    {\n      children,\n      defaultExpanded = false,\n      isExpanded: controlledExpanded,\n      onExpandedChange,\n      isDisabled = false,\n      ...props\n    },\n    forwardedRef\n  ) => {\n    // Use React Aria's disclosure state management\n    const disclosureState = useDisclosureState({\n      defaultExpanded,\n      isExpanded: controlledExpanded,\n      onExpandedChange,\n    });\n\n    const panelRef = useRef<HTMLDivElement>(null);\n\n    // Use React Aria's disclosure hook for ARIA props\n    const { buttonProps, panelProps } = useDisclosure(\n      { isDisabled },\n      disclosureState,\n      panelRef\n    );\n\n    // Context value to provide to child components\n    const contextValue = {\n      isDisabled,\n      isExpanded: disclosureState.isExpanded,\n      buttonProps,\n      panelProps,\n      panelRef,\n    };\n\n    return (\n      <CollapsibleMotionContext.Provider value={contextValue}>\n        <CollapsibleMotionRootSlot ref={forwardedRef} {...props}>\n          {children}\n        </CollapsibleMotionRootSlot>\n      </CollapsibleMotionContext.Provider>\n    );\n  }\n);\n\nCollapsibleMotionRoot.displayName = \"CollapsibleMotion.Root\";\n","import { forwardRef } from \"react\";\nimport { mergeProps } from \"react-aria\";\nimport { useCollapsibleMotionContext } from \"./collapsible-motion-context\";\nimport { CollapsibleMotionTriggerSlot } from \"../collapsible-motion.slots\";\nimport type { CollapsibleMotionTriggerProps } from \"../collapsible-motion.types\";\nimport { Button as RaButton, ButtonContext } from \"react-aria-components\";\nimport { chakra } from \"@chakra-ui/react/styled-system\";\nimport { extractStyleProps } from \"@/utils\";\n/**\n * CollapsibleMotion.Trigger - The trigger button that toggles the collapsible content\n *\n * This component renders a button with proper ARIA attributes for accessibility.\n * It automatically handles the toggle functionality when clicked.\n *\n * @supportsStyleProps\n */\nexport const CollapsibleMotionTrigger = forwardRef<\n  HTMLButtonElement,\n  CollapsibleMotionTriggerProps\n>(({ children, asChild, ...props }, forwardedRef) => {\n  const { buttonProps, isDisabled } = useCollapsibleMotionContext();\n\n  // Use mergeProps to properly compose event handlers like React Aria does\n  const componentProps = mergeProps(props, buttonProps, {\n    disabled: isDisabled,\n  });\n\n  // If asChild is true, wrap children directly in a button with asChild.\n  // ButtonContext.Provider passes isDisabled through React Aria's context so\n  // Nimbus Button's useButton receives it (the native `disabled` HTML attribute\n  // alone is overwritten by useButton's output in the JSX spread).\n  if (asChild) {\n    return (\n      <ButtonContext.Provider value={{ isDisabled }}>\n        <chakra.button asChild {...componentProps}>\n          {children}\n        </chakra.button>\n      </ButtonContext.Provider>\n    );\n  }\n\n  const [styleProps, restProps] = extractStyleProps(componentProps);\n\n  // Otherwise, wrap with both CollapsibleMotionTriggerSlot and RaButton\n  // Only pass React Aria compatible props to avoid type conflicts\n  return (\n    <CollapsibleMotionTriggerSlot ref={forwardedRef} {...styleProps} asChild>\n      <RaButton {...restProps}>{children}</RaButton>\n    </CollapsibleMotionTriggerSlot>\n  );\n});\n\nCollapsibleMotionTrigger.displayName = \"CollapsibleMotion.Trigger\";\n","import { forwardRef, useRef } from \"react\";\nimport { useObjectRef } from \"react-aria\";\nimport { Presence } from \"@chakra-ui/react/presence\";\nimport { mergeRefs } from \"@/utils\";\nimport { useCollapsibleMotionContext } from \"./collapsible-motion-context\";\nimport { CollapsibleMotionContentSlot } from \"../collapsible-motion.slots\";\nimport type { CollapsibleMotionContentProps } from \"../collapsible-motion.types\";\n\n/**\n * CollapsibleMotion.Content - The collapsible content container\n *\n * This component renders the content that will expand and collapse.\n * It handles accessibility attributes through React Aria.\n *\n * @supportsStyleProps\n */\nexport const CollapsibleMotionContent = forwardRef<\n  HTMLDivElement,\n  CollapsibleMotionContentProps\n>(({ children, ...props }, forwardedRef) => {\n  const { panelProps, isExpanded } = useCollapsibleMotionContext();\n\n  // Create a local ref and merge with forwardedRef (for user)\n  const localRef = useRef<HTMLDivElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  return (\n    <CollapsibleMotionContentSlot ref={ref} {...props} {...panelProps} asChild>\n      <Presence\n        present={isExpanded}\n        animationName={{\n          _open: \"slide-from-top, fade-in\",\n          _closed: \"slide-to-top, fade-out\",\n        }}\n        animationDuration=\"fast\"\n      >\n        {children}\n      </Presence>\n    </CollapsibleMotionContentSlot>\n  );\n});\n\nCollapsibleMotionContent.displayName = \"CollapsibleMotion.Content\";\n","import {\n  CollapsibleMotionRoot,\n  CollapsibleMotionTrigger,\n  CollapsibleMotionContent,\n} from \"./components\";\n\n// Exports for internal use by react-docgen\nexport {\n  CollapsibleMotionRoot as _CollapsibleMotionRoot,\n  CollapsibleMotionTrigger as _CollapsibleMotionTrigger,\n  CollapsibleMotionContent as _CollapsibleMotionContent,\n};\n\ntype CollapsibleMotionNamespace = {\n  Root: typeof CollapsibleMotionRoot;\n  Trigger: typeof CollapsibleMotionTrigger;\n  Content: typeof CollapsibleMotionContent;\n};\n\nexport const CollapsibleMotion: CollapsibleMotionNamespace = {\n  /**\n   * # CollapsibleMotion.Root\n   *\n   * The root container component that manages state and provides context.\n   * Handles both controlled and uncontrolled modes for expanded/collapsed state.\n   *\n   * @example\n   * ```tsx\n   * <CollapsibleMotion.Root defaultExpanded={false}>\n   *   <CollapsibleMotion.Trigger>Toggle</CollapsibleMotion.Trigger>\n   *   <CollapsibleMotion.Content>Content here</CollapsibleMotion.Content>\n   * </CollapsibleMotion.Root>\n   * ```\n   */\n  Root: CollapsibleMotionRoot,\n\n  /**\n   * # CollapsibleMotion.Trigger\n   *\n   * The trigger button that toggles the collapsible content.\n   * Handles keyboard and mouse interactions with proper ARIA attributes.\n   *\n   * @example\n   * ```tsx\n   * <CollapsibleMotion.Trigger>\n   *   Click to expand\n   * </CollapsibleMotion.Trigger>\n   * ```\n   */\n  Trigger: CollapsibleMotionTrigger,\n\n  /**\n   * # CollapsibleMotion.Content\n   *\n   * The collapsible content container with smooth expand/collapse animations.\n   * Automatically handles ARIA attributes for accessibility.\n   *\n   * @example\n   * ```tsx\n   * <CollapsibleMotion.Content>\n   *   <Text>Your collapsible content</Text>\n   * </CollapsibleMotion.Content>\n   * ```\n   */\n  Content: CollapsibleMotionContent,\n};\n"],"mappings":"0ZAMA,IAAa,GAAA,EAAA,EAAA,eAEX,IAAA,EAAS,EAKX,SAAgB,GAA6D,CAC3E,IAAM,GAAA,EAAA,EAAA,YAAqB,CAAwB,EAEnD,GAAI,IAAY,IAAA,GACd,MAAU,MACR,oFACF,EAGF,OAAO,CACT,CChBA,GAAM,CAAE,eAAc,gBAAA,EAAA,EAAA,yBAAwC,CAC5D,IAAK,yBACP,CAAC,EAEY,EAGT,EAA6D,MAAO,MAAM,EAEjE,EAA+B,EAG1C,SAAU,SAAS,EAER,EAA+B,EAG1C,MAAO,SAAS,ECTL,GAAA,EAAA,EAAA,aAIT,CACE,WACA,kBAAkB,GAClB,WAAY,EACZ,mBACA,aAAa,GACb,GAAG,GAEL,IACG,CAEH,IAAM,EAAkB,EAAA,EAAmB,CACzC,kBACA,WAAY,EACZ,kBACF,CAAC,EAEK,GAAA,EAAA,EAAA,QAAkC,IAAI,EAGtC,CAAE,cAAa,cAAe,EAAA,EAClC,CAAE,YAAW,EACb,EACA,CACF,EAGM,EAAe,CACnB,aACA,WAAY,EAAgB,WAC5B,cACA,aACA,UACF,EAEA,OACE,EAAA,EAAA,KAAC,EAAyB,SAA1B,CAAmC,MAAO,YACxC,EAAA,EAAA,KAAC,EAAD,CAA2B,IAAK,EAAc,GAAI,EAC/C,UACwB,CAAA,CACM,CAAA,CAEvC,CACF,EAEA,EAAsB,YAAc,yBChDpC,IAAa,GAAA,EAAA,EAAA,aAGV,CAAE,WAAU,UAAS,GAAG,GAAS,IAAiB,CACnD,GAAM,CAAE,cAAa,cAAe,EAA4B,EAG1D,EAAiB,EAAA,EAAW,EAAO,EAAa,CACpD,SAAU,CACZ,CAAC,EAMD,GAAI,EACF,OACE,EAAA,EAAA,KAAC,EAAA,EAAc,SAAf,CAAwB,MAAO,CAAE,YAAW,YAC1C,EAAA,EAAA,KAAC,EAAA,OAAO,OAAR,CAAe,QAAA,GAAQ,GAAI,EACxB,UACY,CAAA,CACO,CAAA,EAI5B,GAAM,CAAC,EAAY,GAAa,EAAA,EAAkB,CAAc,EAIhE,OACE,EAAA,EAAA,KAAC,EAAD,CAA8B,IAAK,EAAc,GAAI,EAAY,QAAA,aAC/D,EAAA,EAAA,KAAC,EAAA,EAAD,CAAU,GAAI,EAAY,UAAmB,CAAA,CACjB,CAAA,CAElC,CAAC,EAED,EAAyB,YAAc,4BCpCvC,IAAa,GAAA,EAAA,EAAA,aAGV,CAAE,WAAU,GAAG,GAAS,IAAiB,CAC1C,GAAM,CAAE,aAAY,cAAe,EAA4B,EAM/D,OACE,EAAA,EAAA,KAAC,EAAD,CAAmC,IAHzB,EAAA,EAAa,EAAA,GAAA,EAAA,EAAA,QADe,IACL,EAAU,CAAY,CAGpB,EAAK,GAAI,EAAO,GAAI,EAAY,QAAA,aACjE,EAAA,EAAA,KAAC,EAAA,SAAD,CACE,QAAS,EACT,cAAe,CACb,MAAO,0BACP,QAAS,wBACX,EACA,kBAAkB,OAEjB,UACO,CAAA,CACkB,CAAA,CAElC,CAAC,EAED,EAAyB,YAAc,4BCvBvC,IAAa,EAAgD,CAe3D,KAAM,EAeN,QAAS,EAeT,QAAS,CACX"}

package/dist/chunks/collapsible-motion-DnWdKrME.esm.js

@@ -0,0 +1,97 @@
+import { t as e } from "./mergeProps-CGu7R6EG.esm.js";
+import { t } from "./useObjectRef-ClgudS2C.esm.js";
+import { n, t as r } from "./useDisclosureState-B3oMKVWN.esm.js";
+import { n as i, t as a } from "./Button-BS6XRDWw.esm.js";
+import { t as o } from "./extract-style-props-4RoFSvGV.esm.js";
+import { t as s } from "./merge-refs-C1GcH9iY.esm.js";
+import { createContext as c, forwardRef as l, useContext as u, useRef as d } from "react";
+import { jsx as f } from "react/jsx-runtime";
+import { chakra as p, createSlotRecipeContext as m } from "@chakra-ui/react/styled-system";
+import { Presence as h } from "@chakra-ui/react/presence";
+//#region src/components/collapsible-motion/components/collapsible-motion-context.tsx
+var g = c(void 0);
+function _() {
+	let e = u(g);
+	if (e === void 0) throw Error("useCollapsibleMotionContext must be used within a CollapsibleMotion.Root component");
+	return e;
+}
+//#endregion
+//#region src/components/collapsible-motion/collapsible-motion.slots.tsx
+var { withProvider: v, withContext: y } = m({ key: "nimbusCollapsibleMotion" }), b = v("div", "root"), x = y("button", "trigger"), S = y("div", "content"), C = l(({ children: e, defaultExpanded: t = !1, isExpanded: i, onExpandedChange: a, isDisabled: o = !1, ...s }, c) => {
+	let l = r({
+		defaultExpanded: t,
+		isExpanded: i,
+		onExpandedChange: a
+	}), u = d(null), { buttonProps: p, panelProps: m } = n({ isDisabled: o }, l, u), h = {
+		isDisabled: o,
+		isExpanded: l.isExpanded,
+		buttonProps: p,
+		panelProps: m,
+		panelRef: u
+	};
+	return /* @__PURE__ */ f(g.Provider, {
+		value: h,
+		children: /* @__PURE__ */ f(b, {
+			ref: c,
+			...s,
+			children: e
+		})
+	});
+});
+C.displayName = "CollapsibleMotion.Root";
+//#endregion
+//#region src/components/collapsible-motion/components/collapsible-motion-trigger.tsx
+var w = l(({ children: t, asChild: n, ...r }, s) => {
+	let { buttonProps: c, isDisabled: l } = _(), u = e(r, c, { disabled: l });
+	if (n) return /* @__PURE__ */ f(a.Provider, {
+		value: { isDisabled: l },
+		children: /* @__PURE__ */ f(p.button, {
+			asChild: !0,
+			...u,
+			children: t
+		})
+	});
+	let [d, m] = o(u);
+	return /* @__PURE__ */ f(x, {
+		ref: s,
+		...d,
+		asChild: !0,
+		children: /* @__PURE__ */ f(i, {
+			...m,
+			children: t
+		})
+	});
+});
+w.displayName = "CollapsibleMotion.Trigger";
+//#endregion
+//#region src/components/collapsible-motion/components/collapsible-motion-content.tsx
+var T = l(({ children: e, ...n }, r) => {
+	let { panelProps: i, isExpanded: a } = _();
+	return /* @__PURE__ */ f(S, {
+		ref: t(s(d(null), r)),
+		...n,
+		...i,
+		asChild: !0,
+		children: /* @__PURE__ */ f(h, {
+			present: a,
+			animationName: {
+				_open: "slide-from-top, fade-in",
+				_closed: "slide-to-top, fade-out"
+			},
+			animationDuration: "fast",
+			children: e
+		})
+	});
+});
+T.displayName = "CollapsibleMotion.Content";
+//#endregion
+//#region src/components/collapsible-motion/collapsible-motion.tsx
+var E = {
+	Root: C,
+	Trigger: w,
+	Content: T
+};
+//#endregion
+export { C as i, T as n, w as r, E as t };
+
+//# sourceMappingURL=collapsible-motion-DnWdKrME.esm.js.map