@commercetools/nimbus 2.9.1 → 2.10.0

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-CZDjV_4N.es.js","sources":["../../../../node_modules/.pnpm/react-aria@3.48.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.48.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.48.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.17.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":["/*\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 {useToggle as $876b6f32ca5a04c3$export$cbe85ee05b554577} from \"../toggle/useToggle.mjs\";\nimport {mergeProps as $bbaa08b3cd72f041$export$9d1611c77c2fe928} from \"../utils/mergeProps.mjs\";\nimport {useFormValidation as $860f7da480e22816$export$b8473d3665f3a75a} from \"../form/useFormValidation.mjs\";\nimport {usePress as $d27d541f9569d26d$export$45712eceda6fad21} from \"../interactions/usePress.mjs\";\nimport {useEffect as $5eYZN$useEffect, useMemo as $5eYZN$useMemo} from \"react\";\nimport {useFormValidationState as $5eYZN$useFormValidationState, privateValidationStateProp as $5eYZN$privateValidationStateProp} from \"react-stately/private/form/useFormValidationState\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\n\nfunction $dde212bea465bd23$export$e375f10ce42261c5(props, state, inputRef) {\n    // Create validation state here because it doesn't make sense to add to general useToggleState.\n    let validationState = (0, $5eYZN$useFormValidationState)({\n        ...props,\n        value: state.isSelected\n    });\n    let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = validationState.displayValidation;\n    let { labelProps: labelProps, inputProps: inputProps, isSelected: isSelected, isPressed: isPressed, isDisabled: isDisabled, isReadOnly: isReadOnly } = (0, $876b6f32ca5a04c3$export$cbe85ee05b554577)({\n        ...props,\n        isInvalid: isInvalid\n    }, state, inputRef);\n    (0, $860f7da480e22816$export$b8473d3665f3a75a)(props, validationState, inputRef);\n    let { isIndeterminate: isIndeterminate, isRequired: isRequired, validationBehavior: validationBehavior = 'aria' } = 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    // Reset validation state on label press for checkbox with a hidden input.\n    let { pressProps: pressProps } = (0, $d27d541f9569d26d$export$45712eceda6fad21)({\n        isDisabled: isDisabled || isReadOnly,\n        onPress () {\n            // @ts-expect-error\n            let { [(0, $5eYZN$privateValidationStateProp)]: groupValidationState } = props;\n            let { commitValidation: commitValidation } = groupValidationState ? groupValidationState : validationState;\n            commitValidation();\n        }\n    });\n    return {\n        labelProps: (0, $bbaa08b3cd72f041$export$9d1611c77c2fe928)(labelProps, pressProps, (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: {\n            ...inputProps,\n            checked: isSelected,\n            'aria-required': isRequired && validationBehavior === 'aria' || undefined,\n            required: isRequired && validationBehavior === 'native'\n        },\n        isSelected: isSelected,\n        isPressed: isPressed,\n        isDisabled: isDisabled,\n        isReadOnly: isReadOnly,\n        isInvalid: isInvalid,\n        validationErrors: validationErrors,\n        validationDetails: validationDetails\n    };\n}\n\n\nexport {$dde212bea465bd23$export$e375f10ce42261c5 as useCheckbox};\n//# sourceMappingURL=useCheckbox.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                props['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$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$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 { 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 { labelProps: labelProps, inputProps: inputProps, isSelected: isSelected, isDisabled: isDisabled, isReadOnly: isReadOnly, isPressed: isPressed, isInvalid: isInvalid } = groupState ? (0, $j1L6B$useCheckboxGroupItem)({\n        ...(0, $7230ffa83bc0c2cf$export$ef03459518577ad4)(props),\n        // Value is optional for standalone checkboxes, but required for CheckboxGroup items;\n        // it's passed explicitly here to avoid typescript error (requires ignore).\n        // @ts-ignore\n        value: props.value,\n        // ReactNode type doesn't allow function children.\n        children: typeof props.children === 'function' ? true : props.children\n    }, groupState, inputRef) : (0, $j1L6B$useCheckbox)({\n        ...(0, $7230ffa83bc0c2cf$export$ef03459518577ad4)(props),\n        children: typeof props.children === 'function' ? true : props.children,\n        validationBehavior: validationBehavior\n    }, (0, $j1L6B$useToggleState)(props), inputRef);\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: 'react-aria-Checkbox',\n        values: {\n            isSelected: isSelected,\n            isIndeterminate: props.isIndeterminate || false,\n            isPressed: isPressed,\n            isHovered: isHovered,\n            isFocused: isFocused,\n            isFocusVisible: isFocusVisible,\n            isDisabled: isDisabled,\n            isReadOnly: isReadOnly,\n            isInvalid: isInvalid,\n            isRequired: props.isRequired || false\n        }\n    });\n    let DOMProps = (0, $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\": props.isIndeterminate || undefined,\n        \"data-pressed\": isPressed || undefined,\n        \"data-hovered\": isHovered || undefined,\n        \"data-focused\": isFocused || undefined,\n        \"data-focus-visible\": isFocusVisible || undefined,\n        \"data-disabled\": isDisabled || undefined,\n        \"data-readonly\": isReadOnly || undefined,\n        \"data-invalid\": isInvalid || undefined,\n        \"data-required\": props.isRequired || undefined\n    }, /*#__PURE__*/ (0, $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$baf37c4be89255b8 as CheckboxGroupContext, $ed8ccb2e23e76301$export$139c5b8563afc1fc as CheckboxGroupStateContext, $ed8ccb2e23e76301$export$4aa08d5625cb8ead as CheckboxGroup, $ed8ccb2e23e76301$export$48513f6b9f8ce62d as Checkbox};\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"],"names":["$0fffd24394d22962$export$ec98120685d4f57d","$dde212bea465bd23$export$e375f10ce42261c5","props","state","inputRef","validationState","$5eYZN$useFormValidationState","isInvalid","validationErrors","validationDetails","labelProps","inputProps","isSelected","isPressed","isDisabled","isReadOnly","$876b6f32ca5a04c3$export$cbe85ee05b554577","$860f7da480e22816$export$b8473d3665f3a75a","isIndeterminate","isRequired","validationBehavior","$5eYZN$useEffect","pressProps","$d27d541f9569d26d$export$45712eceda6fad21","$5eYZN$privateValidationStateProp","groupValidationState","commitValidation","$bbaa08b3cd72f041$export$9d1611c77c2fe928","$5eYZN$useMemo","e","$55cfc34eef47e1ca$export$353b32fc6898d37d","toggleState","$43eCz$useToggleState","name","form","descriptionId","errorMessageId","realtimeValidation","$43eCz$useFormValidationState","nativeValidation","$43eCz$useRef","$43eCz$DEFAULT_VALIDATION_RESULT","updateValidation","$43eCz$useEffect","combinedRealtimeValidation","displayValidation","res","$43eCz$privateValidationStateProp","v","$ed8ccb2e23e76301$export$b085522c77523c51","$j1L6B$createContext","$ed8ccb2e23e76301$export$139c5b8563afc1fc","$ed8ccb2e23e76301$export$48513f6b9f8ce62d","$j1L6B$forwardRef","ref","userProvidedInputRef","otherProps","$7230ffa83bc0c2cf$export$29f1550f4b0d4415","formValidationBehavior","$7230ffa83bc0c2cf$export$fabf2dc03a41866e","$cdaed739b1139372$export$c24727297075ec6a","groupState","$j1L6B$useContext","$j1L6B$useObjectRef","$j1L6B$useMemo","$j1L6B$mergeRefs","$j1L6B$useCheckboxGroupItem","$7230ffa83bc0c2cf$export$ef03459518577ad4","$j1L6B$useCheckbox","$j1L6B$useToggleState","isFocused","isFocusVisible","focusProps","$j1L6B$useFocusRing","isInteractionDisabled","hoverProps","isHovered","$j1L6B$useHover","renderProps","$7230ffa83bc0c2cf$export$4d86445c2cf5e3","DOMProps","$j1L6B$filterDOMProps","$j1L6B$react","$7230ffa83bc0c2cf$export$df3a06d6289f983e","$j1L6B$mergeProps","$j1L6B$VisuallyHidden","withProvider","withContext","createSlotRecipeContext","CheckboxRoot","RaCheckbox","CheckboxLabel","CheckboxIndicator","Checkbox","forwardedRef","children","restProps","recipe","useSlotRecipe","recipeProps","remainingProps","styleProps","functionalProps","extractStyleProps","jsx","stateProps","jsxs","Fragment","Check","Minus"],"mappings":"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","x_google_ignoreList":[0,1,2,3]}

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

@@ -0,0 +1,2 @@
+"use strict";const h=require("react/jsx-runtime"),D=require("@chakra-ui/react/styled-system"),g=require("@commercetools/nimbus-icons"),M=require("./extract-style-props-MWsS2n9A.cjs.js"),P=require("./utils-CJJvg8rY.cjs.js"),w=require("./Form-B8FEqgZ2.cjs.js"),H=require("./useToggle-CNjj63g7.cjs.js"),V=require("./mergeProps-D1Fp1oji.cjs.js"),R=require("./useFormValidation-GTtIxbGO.cjs.js"),N=require("./usePress-BFsUizcm.cjs.js"),t=require("react"),S=require("./useToggleState-BSbrGpbA.cjs.js"),T=require("./filterDOMProps-BpxcgymS.cjs.js"),W=require("./useFocusRing-Cry5MvF1.cjs.js"),J=require("./useHover-BgpMzyUT.cjs.js"),L=require("./useObjectRef-mEu7QX6X.cjs.js"),z=require("./VisuallyHidden-CcIS29ve.cjs.js"),A=new WeakMap;function k(i,e,a){let n=R.$fd2148440a13ec26$export$fc1a364ae1f3ff10({...i,value:e.isSelected}),{isInvalid:$,validationErrors:v,validationDetails:x}=n.displayValidation,{labelProps:b,inputProps:d,isSelected:r,isPressed:f,isDisabled:c,isReadOnly:l}=H.$876b6f32ca5a04c3$export$cbe85ee05b554577({...i,isInvalid:$},e,a);R.$860f7da480e22816$export$b8473d3665f3a75a(i,n,a);let{isIndeterminate:u,isRequired:o,validationBehavior:s="aria"}=i;t.useEffect(()=>{a.current&&(a.current.indeterminate=!!u)});let{pressProps:y}=N.$d27d541f9569d26d$export$45712eceda6fad21({isDisabled:c||l,onPress(){let{[R.$fd2148440a13ec26$export$a763b9476acd3eb]:m}=i,{commitValidation:q}=m||n;q()}});return{labelProps:V.$bbaa08b3cd72f041$export$9d1611c77c2fe928(b,y,t.useMemo(()=>({onMouseDown:m=>m.preventDefault()}),[])),inputProps:{...d,checked:r,"aria-required":o&&s==="aria"||void 0,required:o&&s==="native"},isSelected:r,isPressed:f,isDisabled:c,isReadOnly:l,isInvalid:$,validationErrors:v,validationDetails:x}}function G(i,e,a){const n=S.$fd3c5e01e837dc20$export$8042c6c013fd5226({isReadOnly:i.isReadOnly||e.isReadOnly,isSelected:e.isSelected(i.value),defaultSelected:e.defaultValue.includes(i.value),onChange(s){s?e.addValue(i.value):e.removeValue(i.value),i.onChange&&i.onChange(s)}});let{name:$,form:v,descriptionId:x,errorMessageId:b,validationBehavior:d}=A.get(e);d=i.validationBehavior??d;let{realtimeValidation:r}=R.$fd2148440a13ec26$export$fc1a364ae1f3ff10({...i,value:n.isSelected,name:void 0,validationBehavior:"aria"}),f=t.useRef(R.$fd2148440a13ec26$export$dad6ae84456c676a),c=()=>{e.setInvalid(i.value,r.isInvalid?r:f.current)};t.useEffect(c);let l=e.realtimeValidation.isInvalid?e.realtimeValidation:r,u=d==="native"?e.displayValidation:l,o=k({...i,isReadOnly:i.isReadOnly||e.isReadOnly,isDisabled:i.isDisabled||e.isDisabled,name:i.name||$,form:i.form||v,isRequired:i.isRequired??e.isRequired,validationBehavior:d,[R.$fd2148440a13ec26$export$a763b9476acd3eb]:{realtimeValidation:l,displayValidation:u,resetValidation:e.resetValidation,commitValidation:e.commitValidation,updateValidation(s){f.current=s,c()}}},n,a);return{...o,inputProps:{...o.inputProps,"aria-describedby":[i["aria-describedby"],e.isInvalid?b:null,x].filter(Boolean).join(" ")||void 0}}}const O=t.createContext(null),K=t.createContext(null),Q=t.forwardRef(function(e,a){let{inputRef:n=null,...$}=e;[e,a]=P.$7230ffa83bc0c2cf$export$29f1550f4b0d4415($,a,O);let{validationBehavior:v}=P.$7230ffa83bc0c2cf$export$fabf2dc03a41866e(w.$cdaed739b1139372$export$c24727297075ec6a)||{},x=e.validationBehavior??v??"native",b=t.useContext(K),d=L.$03e8ab2d84d7657a$export$4338b53315abf666(t.useMemo(()=>V.$4064df0d6f9620e1$export$c9058316764c140e(n,e.inputRef!==void 0?e.inputRef:null),[n,e.inputRef])),{labelProps:r,inputProps:f,isSelected:c,isDisabled:l,isReadOnly:u,isPressed:o,isInvalid:s}=b?G({...P.$7230ffa83bc0c2cf$export$ef03459518577ad4(e),value:e.value,children:typeof e.children=="function"?!0:e.children},b,d):k({...P.$7230ffa83bc0c2cf$export$ef03459518577ad4(e),children:typeof e.children=="function"?!0:e.children,validationBehavior:x},S.$fd3c5e01e837dc20$export$8042c6c013fd5226(e),d),{isFocused:y,isFocusVisible:m,focusProps:q}=W.$0c4a58759813079a$export$4e328f61c538687f(),j=l||u,{hoverProps:E,isHovered:p}=J.$e969f22b6713ca4a$export$ae780daf29e6d456({...e,isDisabled:j}),C=P.$7230ffa83bc0c2cf$export$4d86445c2cf5e3({...e,defaultClassName:"react-aria-Checkbox",values:{isSelected:c,isIndeterminate:e.isIndeterminate||!1,isPressed:o,isHovered:p,isFocused:y,isFocusVisible:m,isDisabled:l,isReadOnly:u,isInvalid:s,isRequired:e.isRequired||!1}}),I=T.$8e9d2fae0ecb9001$export$457c3d6518dd4c6f(e,{global:!0});return delete I.id,delete I.onClick,t.createElement(P.$7230ffa83bc0c2cf$export$df3a06d6289f983e.label,{...V.$bbaa08b3cd72f041$export$9d1611c77c2fe928(I,r,E,C),ref:a,slot:e.slot||void 0,"data-selected":c||void 0,"data-indeterminate":e.isIndeterminate||void 0,"data-pressed":o||void 0,"data-hovered":p||void 0,"data-focused":y||void 0,"data-focus-visible":m||void 0,"data-disabled":l||void 0,"data-readonly":u||void 0,"data-invalid":s||void 0,"data-required":e.isRequired||void 0},t.createElement(z.$ea3928288112382f$export$439d29a4e110a164,{elementType:"span"},t.createElement("input",{...V.$bbaa08b3cd72f041$export$9d1611c77c2fe928(f,q),ref:d})),C.children)}),{withProvider:U,withContext:B}=D.createSlotRecipeContext({key:"nimbusCheckbox"}),X=U(Q,"root"),Y=B("span","label"),Z=B("span","indicator"),F=i=>{const{ref:e,children:a,...n}=i,$=D.useSlotRecipe({key:"nimbusCheckbox"}),[v,x]=$.splitVariantProps(n),[b,d]=M.extractStyleProps(x);return h.jsx(X,{ref:e,"data-slot":"root",...d,...v,...b,children:({isSelected:r,isIndeterminate:f,isInvalid:c,isDisabled:l,isFocused:u})=>{const o={"data-selected":r,"data-indeterminate":f,"data-invalid":c,"data-disabled":l,"data-focus":u||void 0};return h.jsxs(h.Fragment,{children:[h.jsxs(Z,{"data-slot":"indicator",...o,children:[r&&h.jsx(g.Check,{}),f&&h.jsx(g.Remove,{})]}),a&&h.jsx(Y,{"data-slot":"label",...o,children:a})]})}})};F.displayName="Checkbox";exports.$ed8ccb2e23e76301$export$b085522c77523c51=O;exports.Checkbox=F;
+//# sourceMappingURL=checkbox-W3u4vRJx.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-W3u4vRJx.cjs.js","sources":["../../../../node_modules/.pnpm/react-aria@3.48.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.48.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.48.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.17.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":["/*\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 {useToggle as $876b6f32ca5a04c3$export$cbe85ee05b554577} from \"../toggle/useToggle.mjs\";\nimport {mergeProps as $bbaa08b3cd72f041$export$9d1611c77c2fe928} from \"../utils/mergeProps.mjs\";\nimport {useFormValidation as $860f7da480e22816$export$b8473d3665f3a75a} from \"../form/useFormValidation.mjs\";\nimport {usePress as $d27d541f9569d26d$export$45712eceda6fad21} from \"../interactions/usePress.mjs\";\nimport {useEffect as $5eYZN$useEffect, useMemo as $5eYZN$useMemo} from \"react\";\nimport {useFormValidationState as $5eYZN$useFormValidationState, privateValidationStateProp as $5eYZN$privateValidationStateProp} from \"react-stately/private/form/useFormValidationState\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\n\nfunction $dde212bea465bd23$export$e375f10ce42261c5(props, state, inputRef) {\n    // Create validation state here because it doesn't make sense to add to general useToggleState.\n    let validationState = (0, $5eYZN$useFormValidationState)({\n        ...props,\n        value: state.isSelected\n    });\n    let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = validationState.displayValidation;\n    let { labelProps: labelProps, inputProps: inputProps, isSelected: isSelected, isPressed: isPressed, isDisabled: isDisabled, isReadOnly: isReadOnly } = (0, $876b6f32ca5a04c3$export$cbe85ee05b554577)({\n        ...props,\n        isInvalid: isInvalid\n    }, state, inputRef);\n    (0, $860f7da480e22816$export$b8473d3665f3a75a)(props, validationState, inputRef);\n    let { isIndeterminate: isIndeterminate, isRequired: isRequired, validationBehavior: validationBehavior = 'aria' } = 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    // Reset validation state on label press for checkbox with a hidden input.\n    let { pressProps: pressProps } = (0, $d27d541f9569d26d$export$45712eceda6fad21)({\n        isDisabled: isDisabled || isReadOnly,\n        onPress () {\n            // @ts-expect-error\n            let { [(0, $5eYZN$privateValidationStateProp)]: groupValidationState } = props;\n            let { commitValidation: commitValidation } = groupValidationState ? groupValidationState : validationState;\n            commitValidation();\n        }\n    });\n    return {\n        labelProps: (0, $bbaa08b3cd72f041$export$9d1611c77c2fe928)(labelProps, pressProps, (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: {\n            ...inputProps,\n            checked: isSelected,\n            'aria-required': isRequired && validationBehavior === 'aria' || undefined,\n            required: isRequired && validationBehavior === 'native'\n        },\n        isSelected: isSelected,\n        isPressed: isPressed,\n        isDisabled: isDisabled,\n        isReadOnly: isReadOnly,\n        isInvalid: isInvalid,\n        validationErrors: validationErrors,\n        validationDetails: validationDetails\n    };\n}\n\n\nexport {$dde212bea465bd23$export$e375f10ce42261c5 as useCheckbox};\n//# sourceMappingURL=useCheckbox.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                props['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$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$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 { 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 { labelProps: labelProps, inputProps: inputProps, isSelected: isSelected, isDisabled: isDisabled, isReadOnly: isReadOnly, isPressed: isPressed, isInvalid: isInvalid } = groupState ? (0, $j1L6B$useCheckboxGroupItem)({\n        ...(0, $7230ffa83bc0c2cf$export$ef03459518577ad4)(props),\n        // Value is optional for standalone checkboxes, but required for CheckboxGroup items;\n        // it's passed explicitly here to avoid typescript error (requires ignore).\n        // @ts-ignore\n        value: props.value,\n        // ReactNode type doesn't allow function children.\n        children: typeof props.children === 'function' ? true : props.children\n    }, groupState, inputRef) : (0, $j1L6B$useCheckbox)({\n        ...(0, $7230ffa83bc0c2cf$export$ef03459518577ad4)(props),\n        children: typeof props.children === 'function' ? true : props.children,\n        validationBehavior: validationBehavior\n    }, (0, $j1L6B$useToggleState)(props), inputRef);\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: 'react-aria-Checkbox',\n        values: {\n            isSelected: isSelected,\n            isIndeterminate: props.isIndeterminate || false,\n            isPressed: isPressed,\n            isHovered: isHovered,\n            isFocused: isFocused,\n            isFocusVisible: isFocusVisible,\n            isDisabled: isDisabled,\n            isReadOnly: isReadOnly,\n            isInvalid: isInvalid,\n            isRequired: props.isRequired || false\n        }\n    });\n    let DOMProps = (0, $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\": props.isIndeterminate || undefined,\n        \"data-pressed\": isPressed || undefined,\n        \"data-hovered\": isHovered || undefined,\n        \"data-focused\": isFocused || undefined,\n        \"data-focus-visible\": isFocusVisible || undefined,\n        \"data-disabled\": isDisabled || undefined,\n        \"data-readonly\": isReadOnly || undefined,\n        \"data-invalid\": isInvalid || undefined,\n        \"data-required\": props.isRequired || undefined\n    }, /*#__PURE__*/ (0, $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$baf37c4be89255b8 as CheckboxGroupContext, $ed8ccb2e23e76301$export$139c5b8563afc1fc as CheckboxGroupStateContext, $ed8ccb2e23e76301$export$4aa08d5625cb8ead as CheckboxGroup, $ed8ccb2e23e76301$export$48513f6b9f8ce62d as Checkbox};\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"],"names":["$0fffd24394d22962$export$ec98120685d4f57d","$dde212bea465bd23$export$e375f10ce42261c5","props","state","inputRef","validationState","$5eYZN$useFormValidationState","isInvalid","validationErrors","validationDetails","labelProps","inputProps","isSelected","isPressed","isDisabled","isReadOnly","$876b6f32ca5a04c3$export$cbe85ee05b554577","$860f7da480e22816$export$b8473d3665f3a75a","isIndeterminate","isRequired","validationBehavior","$5eYZN$useEffect","pressProps","$d27d541f9569d26d$export$45712eceda6fad21","$5eYZN$privateValidationStateProp","groupValidationState","commitValidation","$bbaa08b3cd72f041$export$9d1611c77c2fe928","$5eYZN$useMemo","e","$55cfc34eef47e1ca$export$353b32fc6898d37d","toggleState","$43eCz$useToggleState","name","form","descriptionId","errorMessageId","realtimeValidation","$43eCz$useFormValidationState","nativeValidation","$43eCz$useRef","$43eCz$DEFAULT_VALIDATION_RESULT","updateValidation","$43eCz$useEffect","combinedRealtimeValidation","displayValidation","res","$43eCz$privateValidationStateProp","v","$ed8ccb2e23e76301$export$b085522c77523c51","$j1L6B$createContext","$ed8ccb2e23e76301$export$139c5b8563afc1fc","$ed8ccb2e23e76301$export$48513f6b9f8ce62d","$j1L6B$forwardRef","ref","userProvidedInputRef","otherProps","$7230ffa83bc0c2cf$export$29f1550f4b0d4415","formValidationBehavior","$7230ffa83bc0c2cf$export$fabf2dc03a41866e","$cdaed739b1139372$export$c24727297075ec6a","groupState","$j1L6B$useContext","$j1L6B$useObjectRef","$j1L6B$useMemo","$j1L6B$mergeRefs","$j1L6B$useCheckboxGroupItem","$7230ffa83bc0c2cf$export$ef03459518577ad4","$j1L6B$useCheckbox","$j1L6B$useToggleState","isFocused","isFocusVisible","focusProps","$j1L6B$useFocusRing","isInteractionDisabled","hoverProps","isHovered","$j1L6B$useHover","renderProps","$7230ffa83bc0c2cf$export$4d86445c2cf5e3","DOMProps","$j1L6B$filterDOMProps","$j1L6B$react","$7230ffa83bc0c2cf$export$df3a06d6289f983e","$j1L6B$mergeProps","$j1L6B$VisuallyHidden","withProvider","withContext","createSlotRecipeContext","CheckboxRoot","RaCheckbox","CheckboxLabel","CheckboxIndicator","Checkbox","forwardedRef","children","restProps","recipe","useSlotRecipe","recipeProps","remainingProps","styleProps","functionalProps","extractStyleProps","jsx","stateProps","jsxs","Fragment","Check","Minus"],"mappings":"4sBAUUA,EAA4C,IAAI,QCa1D,SAASC,EAA0CC,EAAOC,EAAOC,EAAU,CAEvE,IAAIC,EAAsBC,4CAA+B,CACrD,GAAGJ,EACH,MAAOC,EAAM,UACrB,CAAK,EACG,CAAE,UAAWI,EAAW,iBAAkBC,EAAkB,kBAAmBC,GAAsBJ,EAAgB,kBACrH,CAAE,WAAYK,EAAY,WAAYC,EAAY,WAAYC,EAAY,UAAWC,EAAW,WAAYC,EAAY,WAAYC,CAAU,EAASC,4CAA2C,CAClM,GAAGd,EACH,UAAWK,CACnB,EAAOJ,EAAOC,CAAQ,EACda,4CAA2Cf,EAAOG,EAAiBD,CAAQ,EAC/E,GAAI,CAAE,gBAAiBc,EAAiB,WAAYC,EAAY,mBAAoBC,EAAqB,MAAM,EAAKlB,EAChHmB,EAAAA,UAAkB,IAAI,CAGlBjB,EAAS,UAASA,EAAS,QAAQ,cAAgB,CAAC,CAACc,EAC7D,CAAC,EAED,GAAI,CAAE,WAAYI,CAAU,EAASC,EAAAA,0CAA2C,CAC5E,WAAYT,GAAcC,EAC1B,SAAW,CAEP,GAAI,CAAE,CAAKS,EAAAA,0CAAqCC,CAAoB,EAAKvB,EACrE,CAAE,iBAAkBwB,CAAgB,EAAKD,GAA8CpB,EAC3FqB,EAAgB,CACpB,CACR,CAAK,EACD,MAAO,CACH,WAAgBC,EAAAA,0CAA2CjB,EAAYY,EAAgBM,EAAAA,QAAgB,KAAK,CAGpG,YAAcC,GAAIA,EAAE,eAAc,CAClD,GAAgB,CAAA,CAAE,CAAC,EACX,WAAY,CACR,GAAGlB,EACH,QAASC,EACT,gBAAiBO,GAAcC,IAAuB,QAAU,OAChE,SAAUD,GAAcC,IAAuB,QAC3D,EACQ,WAAYR,EACZ,UAAWC,EACX,WAAYC,EACZ,WAAYC,EACZ,UAAWR,EACX,iBAAkBC,EAClB,kBAAmBC,CAC3B,CACA,CClDA,SAASqB,EAA0C5B,EAAOC,EAAOC,EAAU,CACvE,MAAM2B,EAAkBC,4CAAuB,CAC3C,WAAY9B,EAAM,YAAcC,EAAM,WACtC,WAAYA,EAAM,WAAWD,EAAM,KAAK,EACxC,gBAAiBC,EAAM,aAAa,SAASD,EAAM,KAAK,EACxD,SAAUU,EAAY,CACdA,EAAYT,EAAM,SAASD,EAAM,KAAK,EACrCC,EAAM,YAAYD,EAAM,KAAK,EAC9BA,EAAM,UAAUA,EAAM,SAASU,CAAU,CACjD,CACR,CAAK,EACD,GAAI,CAAE,KAAMqB,EAAM,KAAMC,EAAM,cAAeC,EAAe,eAAgBC,EAAgB,mBAAoBhB,CAAkB,EAASpB,EAA2C,IAAIG,CAAK,EAC/LiB,EAAqBlB,EAAM,oBAAsBkB,EAEjD,GAAI,CAAE,mBAAoBiB,CAAkB,EAASC,EAAAA,0CAA+B,CAChF,GAAGpC,EACH,MAAO6B,EAAY,WAEnB,KAAM,OACN,mBAAoB,MAC5B,CAAK,EAEGQ,EAAuBC,EAAAA,OAAmBC,2CAAgC,EAC1EC,EAAmB,IAAI,CACvBvC,EAAM,WAAWD,EAAM,MAAOmC,EAAmB,UAAYA,EAAqBE,EAAiB,OAAO,CAC9G,EACII,EAAAA,UAAkBD,CAAgB,EAEtC,IAAIE,EAA6BzC,EAAM,mBAAmB,UAAYA,EAAM,mBAAqBkC,EAC7FQ,EAAoBzB,IAAuB,SAAWjB,EAAM,kBAAoByC,EAChFE,EAAU7C,EAA2C,CACrD,GAAGC,EACH,WAAYA,EAAM,YAAcC,EAAM,WACtC,WAAYD,EAAM,YAAcC,EAAM,WACtC,KAAMD,EAAM,MAAQ+B,EACpB,KAAM/B,EAAM,MAAQgC,EACpB,WAAYhC,EAAM,YAAcC,EAAM,WACtC,mBAAoBiB,EACpB,CAAK2B,0CAAiC,EAAI,CACtC,mBAAoBH,EACpB,kBAAmBC,EACnB,gBAAiB1C,EAAM,gBACvB,iBAAkBA,EAAM,iBACxB,iBAAkB6C,EAAG,CACjBT,EAAiB,QAAUS,EAC3BN,EAAgB,CACpB,CACZ,CACA,EAAOX,EAAa3B,CAAQ,EACxB,MAAO,CACH,GAAG0C,EACH,WAAY,CACR,GAAGA,EAAI,WACP,mBAAoB,CAChB5C,EAAM,kBAAkB,EACxBC,EAAM,UAAYiC,EAAiB,KACnCD,CAChB,EAAc,OAAO,OAAO,EAAE,KAAK,GAAG,GAAK,MAC3C,CACA,CACA,CCpCK,MAACc,EAA8DC,EAAAA,cAAsB,IAAI,EAExFC,EAA8DD,EAAAA,cAAsB,IAAI,EAmExFE,EAA8DC,EAAAA,WAAmB,SAAkBnD,EAAOoD,EAAK,CACjH,GAAI,CAAE,SAAUC,EAAuB,KAAM,GAAGC,CAAU,EAAKtD,EAC/D,CAACA,EAAOoD,CAAG,EAAQG,EAAAA,0CAA2CD,EAAYF,EAAKL,CAAyC,EACxH,GAAI,CAAE,mBAAoBS,CAAsB,EAASC,EAAAA,0CAA+CC,EAAAA,yCAAyC,GAAM,CAAA,EACnJxC,EAAqBlB,EAAM,oBAAsBwD,GAA0B,SAC3EG,EAAiBC,EAAAA,WAAmBX,CAAyC,EAC7E/C,EAAe2D,EAAAA,0CAAyBC,EAAAA,QAAgB,IAAQC,EAAAA,0CAAkBV,EAAsBrD,EAAM,WAAa,OAAYA,EAAM,SAAW,IAAI,EAAG,CAC/JqD,EACArD,EAAM,QACd,CAAK,CAAC,EACE,CAAE,WAAYQ,EAAY,WAAYC,EAAY,WAAYC,EAAY,WAAYE,EAAY,WAAYC,EAAY,UAAWF,EAAW,UAAWN,GAAcsD,EAAiBK,EAA6B,CACvN,GAAOC,EAAAA,0CAA2CjE,CAAK,EAIvD,MAAOA,EAAM,MAEb,SAAU,OAAOA,EAAM,UAAa,WAAa,GAAOA,EAAM,QACtE,EAAO2D,EAAYzD,CAAQ,EAAQgE,EAAoB,CAC/C,GAAOD,EAAAA,0CAA2CjE,CAAK,EACvD,SAAU,OAAOA,EAAM,UAAa,WAAa,GAAOA,EAAM,SAC9D,mBAAoBkB,CAC5B,EAAWiD,EAAAA,0CAAuBnE,CAAK,EAAGE,CAAQ,EAC1C,CAAE,UAAWkE,EAAW,eAAgBC,EAAgB,WAAYC,GAAmBC,4CAAmB,EAC1GC,EAAwB5D,GAAcC,EACtC,CAAE,WAAY4D,EAAY,UAAWC,CAAS,EAASC,4CAAiB,CACxE,GAAG3E,EACH,WAAYwE,CACpB,CAAK,EACGI,EAAkBC,0CAAyC,CAC3D,GAAG7E,EACH,iBAAkB,sBAClB,OAAQ,CACJ,WAAYU,EACZ,gBAAiBV,EAAM,iBAAmB,GAC1C,UAAWW,EACX,UAAW+D,EACX,UAAWN,EACX,eAAgBC,EAChB,WAAYzD,EACZ,WAAYC,EACZ,UAAWR,EACX,WAAYL,EAAM,YAAc,EAC5C,CACA,CAAK,EACG8E,EAAeC,EAAAA,0CAAuB/E,EAAO,CAC7C,OAAQ,EAChB,CAAK,EACD,cAAO8E,EAAS,GAChB,OAAOA,EAAS,QACSE,EAAc,cAAkBC,EAAAA,0CAA2C,MAAO,CACvG,GAAOC,EAAAA,0CAAmBJ,EAAUtE,EAAYiE,EAAYG,CAAW,EACvE,IAAKxB,EACL,KAAMpD,EAAM,MAAQ,OACpB,gBAAiBU,GAAc,OAC/B,qBAAsBV,EAAM,iBAAmB,OAC/C,eAAgBW,GAAa,OAC7B,eAAgB+D,GAAa,OAC7B,eAAgBN,GAAa,OAC7B,qBAAsBC,GAAkB,OACxC,gBAAiBzD,GAAc,OAC/B,gBAAiBC,GAAc,OAC/B,eAAgBR,GAAa,OAC7B,gBAAiBL,EAAM,YAAc,MAC7C,EAAyBgF,EAAc,cAAkBG,4CAAwB,CACzE,YAAa,MACrB,EAAyBH,EAAc,cAAc,QAAS,CACtD,GAAOE,EAAAA,0CAAmBzE,EAAY6D,CAAU,EAChD,IAAKpE,CACb,CAAK,CAAC,EAAG0E,EAAY,QAAQ,CAC7B,CAAC,EC/KK,CAAE,aAAAQ,EAAc,YAAAC,CAAA,EAAgBC,0BAAwB,CAC5D,IAAK,gBACP,CAAC,EAEYC,EAGTH,EAAsDI,EAAY,MAAM,EAE/DC,EAGTJ,EAAqD,OAAQ,OAAO,EAE3DK,EAGTL,EACF,OACA,WACF,ECXaM,EAAY3F,GAAyB,CAChD,KAAM,CAAE,IAAK4F,EAAc,SAAAC,EAAU,GAAGC,GAAc9F,EAEhD+F,EAASC,EAAAA,cAAc,CAAE,IAAK,iBAAkB,EAChD,CAACC,EAAaC,CAAc,EAAIH,EAAO,kBAAkBD,CAAS,EAElE,CAACK,EAAYC,CAAe,EAAIC,EAAAA,kBAAkBH,CAAc,EAEtE,OACEI,EAAAA,IAACf,EAAA,CACC,IAAKK,EACL,YAAU,OACT,GAAGQ,EACH,GAAGH,EACH,GAAGE,EAEH,SAAA,CAAC,CACA,WAAAzF,EACA,gBAAAM,EACA,UAAAX,EACA,WAAAO,EACA,UAAAwD,CAAA,IACyB,CACzB,MAAMmC,EAAa,CACjB,gBAAiB7F,EACjB,qBAAsBM,EACtB,eAAgBX,EAChB,gBAAiBO,EACjB,aAAcwD,GAAa,MAAA,EAG7B,OACEoC,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAD,EAAAA,KAACd,EAAA,CAAkB,YAAU,YAAa,GAAGa,EAC1C,SAAA,CAAA7F,SAAegG,EAAAA,MAAA,EAAM,EACrB1F,SAAoB2F,EAAAA,OAAA,CAAA,CAAM,CAAA,EAC7B,EAECd,GACCS,EAAAA,IAACb,EAAA,CAAc,YAAU,QAAS,GAAGc,EAClC,SAAAV,CAAA,CACH,CAAA,EAEJ,CAEJ,CAAA,CAAA,CAGN,EACAF,EAAS,YAAc","x_google_ignoreList":[0,1,2,3]}

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

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

package/dist/chunks/collapsible-motion-BGc_z1OF.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible-motion-BGc_z1OF.cjs.js","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"],"names":["CollapsibleMotionContext","createContext","useCollapsibleMotionContext","context","useContext","withProvider","withContext","createSlotRecipeContext","CollapsibleMotionRootSlot","CollapsibleMotionTriggerSlot","CollapsibleMotionContentSlot","CollapsibleMotionRoot","forwardRef","children","defaultExpanded","controlledExpanded","onExpandedChange","isDisabled","props","forwardedRef","disclosureState","useDisclosureState","panelRef","useRef","buttonProps","panelProps","useDisclosure","contextValue","jsx","CollapsibleMotionTrigger","asChild","componentProps","mergeProps","ButtonContext","chakra","styleProps","restProps","extractStyleProps","RaButton","CollapsibleMotionContent","isExpanded","localRef","ref","useObjectRef","mergeRefs","Presence","CollapsibleMotion"],"mappings":"maAMaA,EAA2BC,EAAAA,cAEtC,MAAS,EAKJ,SAASC,GAA6D,CAC3E,MAAMC,EAAUC,EAAAA,WAAWJ,CAAwB,EAEnD,GAAIG,IAAY,OACd,MAAM,IAAI,MACR,oFAAA,EAIJ,OAAOA,CACT,CChBA,KAAM,CAAE,aAAAE,EAAc,YAAAC,CAAA,EAAgBC,0BAAwB,CAC5D,IAAK,yBACP,CAAC,EAEYC,EAGTH,EAA6D,MAAO,MAAM,EAEjEI,EAA+BH,EAG1C,SAAU,SAAS,EAERI,EAA+BJ,EAG1C,MAAO,SAAS,ECTLK,EAETC,EAAAA,WACF,CACE,CACE,SAAAC,EACA,gBAAAC,EAAkB,GAClB,WAAYC,EACZ,iBAAAC,EACA,WAAAC,EAAa,GACb,GAAGC,CAAA,EAELC,IACG,CAEH,MAAMC,EAAkBC,EAAAA,0CAAmB,CACzC,gBAAAP,EACA,WAAYC,EACZ,iBAAAC,CAAA,CACD,EAEKM,EAAWC,EAAAA,OAAuB,IAAI,EAGtC,CAAE,YAAAC,EAAa,WAAAC,CAAA,EAAeC,EAAAA,0CAClC,CAAE,WAAAT,CAAA,EACFG,EACAE,CAAA,EAIIK,EAAe,CACnB,WAAAV,EACA,WAAYG,EAAgB,WAC5B,YAAAI,EACA,WAAAC,EACA,SAAAH,CAAA,EAGF,OACEM,EAAAA,IAAC5B,EAAyB,SAAzB,CAAkC,MAAO2B,EACxC,SAAAC,EAAAA,IAACpB,EAAA,CAA0B,IAAKW,EAAe,GAAGD,EAC/C,SAAAL,EACH,EACF,CAEJ,CACF,EAEAF,EAAsB,YAAc,yBChD7B,MAAMkB,EAA2BjB,EAAAA,WAGtC,CAAC,CAAE,SAAAC,EAAU,QAAAiB,EAAS,GAAGZ,CAAA,EAASC,IAAiB,CACnD,KAAM,CAAE,YAAAK,EAAa,WAAAP,CAAA,EAAef,EAAA,EAG9B6B,EAAiBC,EAAAA,0CAAWd,EAAOM,EAAa,CACpD,SAAUP,CAAA,CACX,EAMD,GAAIa,EACF,aACGG,EAAAA,0CAAc,SAAd,CAAuB,MAAO,CAAE,WAAAhB,CAAA,EAC/B,SAAAW,EAAAA,IAACM,EAAAA,OAAO,OAAP,CAAc,QAAO,GAAE,GAAGH,EACxB,SAAAlB,EACH,EACF,EAIJ,KAAM,CAACsB,EAAYC,CAAS,EAAIC,EAAAA,kBAAkBN,CAAc,EAIhE,OACEH,EAAAA,IAACnB,EAAA,CAA6B,IAAKU,EAAe,GAAGgB,EAAY,QAAO,GACtE,SAAAP,EAAAA,IAACU,4CAAA,CAAU,GAAGF,EAAY,SAAAvB,EAAS,EACrC,CAEJ,CAAC,EAEDgB,EAAyB,YAAc,4BCpChC,MAAMU,EAA2B3B,EAAAA,WAGtC,CAAC,CAAE,SAAAC,EAAU,GAAGK,CAAA,EAASC,IAAiB,CAC1C,KAAM,CAAE,WAAAM,EAAY,WAAAe,CAAA,EAAetC,EAAA,EAG7BuC,EAAWlB,EAAAA,OAAuB,IAAI,EACtCmB,EAAMC,EAAAA,0CAAaC,EAAAA,UAAUH,EAAUtB,CAAY,CAAC,EAE1D,OACES,MAAClB,GAA6B,IAAAgC,EAAW,GAAGxB,EAAQ,GAAGO,EAAY,QAAO,GACxE,SAAAG,EAAAA,IAACiB,EAAAA,SAAA,CACC,QAASL,EACT,cAAe,CACb,MAAO,0BACP,QAAS,wBAAA,EAEX,kBAAkB,OAEjB,SAAA3B,CAAA,CAAA,EAEL,CAEJ,CAAC,EAED0B,EAAyB,YAAc,4BCvBhC,MAAMO,EAAgD,CAe3D,KAAMnC,EAeN,QAASkB,EAeT,QAASU,CACX"}

package/dist/chunks/collapsible-motion-BhX2LAbq.es.js

@@ -0,0 +1,127 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useContext as g, createContext as h, forwardRef as c, useRef as d } from "react";
+import { $ as R } from "./useObjectRef-tuMEdnba.es.js";
+import { Presence as v } from "@chakra-ui/react/presence";
+import { m as w } from "./merge-refs-D-zSwpoh.es.js";
+import { createSlotRecipeContext as y, chakra as E } from "@chakra-ui/react/styled-system";
+import { a as S } from "./mergeProps-Bcbq3GVJ.es.js";
+import { $ as N, a as T } from "./Button-i3wfJjZy.es.js";
+import { e as k } from "./extract-style-props-D_NsrT_t.es.js";
+import { $ as _, a as j } from "./useDisclosureState-BuHSXfWu.es.js";
+const f = /* @__PURE__ */ h(void 0);
+function b() {
+  const o = g(f);
+  if (o === void 0)
+    throw new Error(
+      "useCollapsibleMotionContext must be used within a CollapsibleMotion.Root component"
+    );
+  return o;
+}
+const { withProvider: D, withContext: m } = /* @__PURE__ */ y({
+  key: "nimbusCollapsibleMotion"
+}), V = /* @__PURE__ */ D("div", "root"), q = /* @__PURE__ */ m("button", "trigger"), z = /* @__PURE__ */ m("div", "content"), C = /* @__PURE__ */ c(
+  ({
+    children: o,
+    defaultExpanded: s = !1,
+    isExpanded: i,
+    onExpandedChange: a,
+    isDisabled: e = !1,
+    ...n
+  }, r) => {
+    const l = _({
+      defaultExpanded: s,
+      isExpanded: i,
+      onExpandedChange: a
+    }), p = d(null), { buttonProps: $, panelProps: M } = j(
+      { isDisabled: e },
+      l,
+      p
+    ), P = {
+      isDisabled: e,
+      isExpanded: l.isExpanded,
+      buttonProps: $,
+      panelProps: M,
+      panelRef: p
+    };
+    return /* @__PURE__ */ t(f.Provider, { value: P, children: /* @__PURE__ */ t(V, { ref: r, ...n, children: o }) });
+  }
+);
+C.displayName = "CollapsibleMotion.Root";
+const u = /* @__PURE__ */ c(({ children: o, asChild: s, ...i }, a) => {
+  const { buttonProps: e, isDisabled: n } = b(), r = S(i, e, {
+    disabled: n
+  });
+  if (s)
+    return /* @__PURE__ */ t(N.Provider, { value: { isDisabled: n }, children: /* @__PURE__ */ t(E.button, { asChild: !0, ...r, children: o }) });
+  const [l, p] = k(r);
+  return /* @__PURE__ */ t(q, { ref: a, ...l, asChild: !0, children: /* @__PURE__ */ t(T, { ...p, children: o }) });
+});
+u.displayName = "CollapsibleMotion.Trigger";
+const x = /* @__PURE__ */ c(({ children: o, ...s }, i) => {
+  const { panelProps: a, isExpanded: e } = b(), n = d(null), r = R(w(n, i));
+  return /* @__PURE__ */ t(z, { ref: r, ...s, ...a, asChild: !0, children: /* @__PURE__ */ t(
+    v,
+    {
+      present: e,
+      animationName: {
+        _open: "slide-from-top, fade-in",
+        _closed: "slide-to-top, fade-out"
+      },
+      animationDuration: "fast",
+      children: o
+    }
+  ) });
+});
+x.displayName = "CollapsibleMotion.Content";
+const Q = {
+  /**
+   * # CollapsibleMotion.Root
+   *
+   * The root container component that manages state and provides context.
+   * Handles both controlled and uncontrolled modes for expanded/collapsed state.
+   *
+   * @example
+   * ```tsx
+   * <CollapsibleMotion.Root defaultExpanded={false}>
+   *   <CollapsibleMotion.Trigger>Toggle</CollapsibleMotion.Trigger>
+   *   <CollapsibleMotion.Content>Content here</CollapsibleMotion.Content>
+   * </CollapsibleMotion.Root>
+   * ```
+   */
+  Root: C,
+  /**
+   * # CollapsibleMotion.Trigger
+   *
+   * The trigger button that toggles the collapsible content.
+   * Handles keyboard and mouse interactions with proper ARIA attributes.
+   *
+   * @example
+   * ```tsx
+   * <CollapsibleMotion.Trigger>
+   *   Click to expand
+   * </CollapsibleMotion.Trigger>
+   * ```
+   */
+  Trigger: u,
+  /**
+   * # CollapsibleMotion.Content
+   *
+   * The collapsible content container with smooth expand/collapse animations.
+   * Automatically handles ARIA attributes for accessibility.
+   *
+   * @example
+   * ```tsx
+   * <CollapsibleMotion.Content>
+   *   <Text>Your collapsible content</Text>
+   * </CollapsibleMotion.Content>
+   * ```
+   */
+  Content: x
+};
+export {
+  Q as C,
+  x as a,
+  C as b,
+  u as c
+};
+//# sourceMappingURL=collapsible-motion-BhX2LAbq.es.js.map

package/dist/chunks/collapsible-motion-BhX2LAbq.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible-motion-BhX2LAbq.es.js","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"],"names":["CollapsibleMotionContext","createContext","useCollapsibleMotionContext","context","useContext","withProvider","withContext","createSlotRecipeContext","CollapsibleMotionRootSlot","CollapsibleMotionTriggerSlot","CollapsibleMotionContentSlot","CollapsibleMotionRoot","forwardRef","children","defaultExpanded","controlledExpanded","onExpandedChange","isDisabled","props","forwardedRef","disclosureState","useDisclosureState","panelRef","useRef","buttonProps","panelProps","useDisclosure","contextValue","jsx","CollapsibleMotionTrigger","asChild","componentProps","mergeProps","ButtonContext","chakra","styleProps","restProps","extractStyleProps","RaButton","CollapsibleMotionContent","isExpanded","localRef","ref","useObjectRef","mergeRefs","Presence","CollapsibleMotion"],"mappings":"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"}