@commercetools/nimbus 0.0.0-canary-20260127191515 → 0.0.0-canary-20260128081211

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

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

package/dist/chunks/checkbox-Bue8n-rU.cjs.js

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

package/dist/chunks/checkbox-Bue8n-rU.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-Bue8n-rU.cjs.js","sources":["../../../../node_modules/.pnpm/@react-aria+checkbox@3.16.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@react-aria/checkbox/dist/useCheckbox.mjs","../../../../node_modules/.pnpm/@react-aria+checkbox@3.16.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@react-aria/checkbox/dist/utils.mjs","../../../../node_modules/.pnpm/@react-aria+checkbox@3.16.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@react-aria/checkbox/dist/useCheckboxGroupItem.mjs","../../../../node_modules/.pnpm/react-aria-components@1.14.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria-components/dist/Checkbox.mjs","../../src/components/checkbox/checkbox.slots.tsx","../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import {useEffect as $jNP0e$useEffect, useMemo as $jNP0e$useMemo} from \"react\";\nimport {mergeProps as $jNP0e$mergeProps} from \"@react-aria/utils\";\nimport {useFormValidationState as $jNP0e$useFormValidationState, privateValidationStateProp as $jNP0e$privateValidationStateProp} from \"@react-stately/form\";\nimport {useFormValidation as $jNP0e$useFormValidation} from \"@react-aria/form\";\nimport {usePress as $jNP0e$usePress} from \"@react-aria/interactions\";\nimport {useToggle as $jNP0e$useToggle} from \"@react-aria/toggle\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\n\nfunction $406796ff087fe49b$export$e375f10ce42261c5(props, state, inputRef) {\n    // Create validation state here because it doesn't make sense to add to general useToggleState.\n    let validationState = (0, $jNP0e$useFormValidationState)({\n        ...props,\n        value: state.isSelected\n    });\n    let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = validationState.displayValidation;\n    let { labelProps: labelProps, inputProps: inputProps, isSelected: isSelected, isPressed: isPressed, isDisabled: isDisabled, isReadOnly: isReadOnly } = (0, $jNP0e$useToggle)({\n        ...props,\n        isInvalid: isInvalid\n    }, state, inputRef);\n    (0, $jNP0e$useFormValidation)(props, validationState, inputRef);\n    let { isIndeterminate: isIndeterminate, isRequired: isRequired, validationBehavior: validationBehavior = 'aria' } = props;\n    (0, $jNP0e$useEffect)(()=>{\n        // indeterminate is a property, but it can only be set via javascript\n        // https://css-tricks.com/indeterminate-checkboxes/\n        if (inputRef.current) inputRef.current.indeterminate = !!isIndeterminate;\n    });\n    // Reset validation state on label press for checkbox with a hidden input.\n    let { pressProps: pressProps } = (0, $jNP0e$usePress)({\n        isDisabled: isDisabled || isReadOnly,\n        onPress () {\n            // @ts-expect-error\n            let { [(0, $jNP0e$privateValidationStateProp)]: groupValidationState } = props;\n            let { commitValidation: commitValidation } = groupValidationState ? groupValidationState : validationState;\n            commitValidation();\n        }\n    });\n    return {\n        labelProps: (0, $jNP0e$mergeProps)(labelProps, pressProps, (0, $jNP0e$useMemo)(()=>({\n                // Prevent label from being focused when mouse down on it.\n                // Note, this does not prevent the input from being focused in the `click` event.\n                onMouseDown: (e)=>e.preventDefault()\n            }), [])),\n        inputProps: {\n            ...inputProps,\n            checked: isSelected,\n            'aria-required': isRequired && validationBehavior === 'aria' || undefined,\n            required: isRequired && validationBehavior === 'native'\n        },\n        isSelected: isSelected,\n        isPressed: isPressed,\n        isDisabled: isDisabled,\n        isReadOnly: isReadOnly,\n        isInvalid: isInvalid,\n        validationErrors: validationErrors,\n        validationDetails: validationDetails\n    };\n}\n\n\nexport {$406796ff087fe49b$export$e375f10ce42261c5 as useCheckbox};\n//# sourceMappingURL=useCheckbox.module.js.map\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ const $1ae600c947479353$export$ec98120685d4f57d = new WeakMap();\n\n\nexport {$1ae600c947479353$export$ec98120685d4f57d as checkboxGroupData};\n//# sourceMappingURL=utils.module.js.map\n","import {useCheckbox as $406796ff087fe49b$export$e375f10ce42261c5} from \"./useCheckbox.mjs\";\nimport {checkboxGroupData as $1ae600c947479353$export$ec98120685d4f57d} from \"./utils.mjs\";\nimport {useFormValidationState as $6clEo$useFormValidationState, DEFAULT_VALIDATION_RESULT as $6clEo$DEFAULT_VALIDATION_RESULT, privateValidationStateProp as $6clEo$privateValidationStateProp} from \"@react-stately/form\";\nimport {useRef as $6clEo$useRef, useEffect as $6clEo$useEffect} from \"react\";\nimport {useToggleState as $6clEo$useToggleState} from \"@react-stately/toggle\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\nfunction $fba3e38d5ca8983f$export$353b32fc6898d37d(props, state, inputRef) {\n    const toggleState = (0, $6clEo$useToggleState)({\n        isReadOnly: props.isReadOnly || state.isReadOnly,\n        isSelected: state.isSelected(props.value),\n        defaultSelected: state.defaultValue.includes(props.value),\n        onChange (isSelected) {\n            if (isSelected) state.addValue(props.value);\n            else state.removeValue(props.value);\n            if (props.onChange) props.onChange(isSelected);\n        }\n    });\n    let { name: name, form: form, descriptionId: descriptionId, errorMessageId: errorMessageId, validationBehavior: validationBehavior } = (0, $1ae600c947479353$export$ec98120685d4f57d).get(state);\n    var _props_validationBehavior;\n    validationBehavior = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== void 0 ? _props_validationBehavior : validationBehavior;\n    // Local validation for this checkbox.\n    let { realtimeValidation: realtimeValidation } = (0, $6clEo$useFormValidationState)({\n        ...props,\n        value: toggleState.isSelected,\n        // Server validation is handled at the group level.\n        name: undefined,\n        validationBehavior: 'aria'\n    });\n    // Update the checkbox group state when realtime validation changes.\n    let nativeValidation = (0, $6clEo$useRef)((0, $6clEo$DEFAULT_VALIDATION_RESULT));\n    let updateValidation = ()=>{\n        state.setInvalid(props.value, realtimeValidation.isInvalid ? realtimeValidation : nativeValidation.current);\n    };\n    (0, $6clEo$useEffect)(updateValidation);\n    // Combine group and checkbox level validation.\n    let combinedRealtimeValidation = state.realtimeValidation.isInvalid ? state.realtimeValidation : realtimeValidation;\n    let displayValidation = validationBehavior === 'native' ? state.displayValidation : combinedRealtimeValidation;\n    var _props_isRequired;\n    let res = (0, $406796ff087fe49b$export$e375f10ce42261c5)({\n        ...props,\n        isReadOnly: props.isReadOnly || state.isReadOnly,\n        isDisabled: props.isDisabled || state.isDisabled,\n        name: props.name || name,\n        form: props.form || form,\n        isRequired: (_props_isRequired = props.isRequired) !== null && _props_isRequired !== void 0 ? _props_isRequired : state.isRequired,\n        validationBehavior: validationBehavior,\n        [(0, $6clEo$privateValidationStateProp)]: {\n            realtimeValidation: combinedRealtimeValidation,\n            displayValidation: displayValidation,\n            resetValidation: state.resetValidation,\n            commitValidation: state.commitValidation,\n            updateValidation (v) {\n                nativeValidation.current = v;\n                updateValidation();\n            }\n        }\n    }, toggleState, inputRef);\n    return {\n        ...res,\n        inputProps: {\n            ...res.inputProps,\n            'aria-describedby': [\n                props['aria-describedby'],\n                state.isInvalid ? errorMessageId : null,\n                descriptionId\n            ].filter(Boolean).join(' ') || undefined\n        }\n    };\n}\n\n\nexport {$fba3e38d5ca8983f$export$353b32fc6898d37d as useCheckboxGroupItem};\n//# sourceMappingURL=useCheckboxGroupItem.module.js.map\n","import {CheckboxContext as $4e85f108e88277b8$export$b085522c77523c51} from \"./RSPContexts.mjs\";\nimport {Provider as $64fa3d84918910a7$export$2881499e37b75b9a, removeDataAttributes as $64fa3d84918910a7$export$ef03459518577ad4, useContextProps as $64fa3d84918910a7$export$29f1550f4b0d4415, useRenderProps as $64fa3d84918910a7$export$4d86445c2cf5e3, useSlot as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, useSlottedContext as $64fa3d84918910a7$export$fabf2dc03a41866e} from \"./utils.mjs\";\nimport {FieldErrorContext as $ee014567cb39d3f0$export$ff05c3ac10437e03} from \"./FieldError.mjs\";\nimport {FormContext as $d3e0e05bdfcf66bd$export$c24727297075ec6a} from \"./Form.mjs\";\nimport {LabelContext as $01b77f81d0f07f68$export$75b6ee27786ba447} from \"./Label.mjs\";\nimport {TextContext as $514c0188e459b4c0$export$9afb8bc826b033ea} from \"./Text.mjs\";\nimport {useCheckboxGroup as $kPH7g$useCheckboxGroup, mergeProps as $kPH7g$mergeProps, useCheckboxGroupItem as $kPH7g$useCheckboxGroupItem, useCheckbox as $kPH7g$useCheckbox, useFocusRing as $kPH7g$useFocusRing, useHover as $kPH7g$useHover, VisuallyHidden as $kPH7g$VisuallyHidden} from \"react-aria\";\nimport {useCheckboxGroupState as $kPH7g$useCheckboxGroupState, useToggleState as $kPH7g$useToggleState} from \"react-stately\";\nimport {filterDOMProps as $kPH7g$filterDOMProps, useObjectRef as $kPH7g$useObjectRef, mergeRefs as $kPH7g$mergeRefs} from \"@react-aria/utils\";\nimport $kPH7g$react, {createContext as $kPH7g$createContext, forwardRef as $kPH7g$forwardRef, useContext as $kPH7g$useContext, useMemo as $kPH7g$useMemo} from \"react\";\n\n/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\n\n\n\n\n\nconst $bc237834342dbd75$export$baf37c4be89255b8 = /*#__PURE__*/ (0, $kPH7g$createContext)(null);\nconst $bc237834342dbd75$export$139c5b8563afc1fc = /*#__PURE__*/ (0, $kPH7g$createContext)(null);\nconst $bc237834342dbd75$export$4aa08d5625cb8ead = /*#__PURE__*/ (0, $kPH7g$forwardRef)(function CheckboxGroup(props, ref) {\n    [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $bc237834342dbd75$export$baf37c4be89255b8);\n    let { validationBehavior: formValidationBehavior } = (0, $64fa3d84918910a7$export$fabf2dc03a41866e)((0, $d3e0e05bdfcf66bd$export$c24727297075ec6a)) || {};\n    var _props_validationBehavior, _ref;\n    let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== void 0 ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== void 0 ? _ref : 'native';\n    let state = (0, $kPH7g$useCheckboxGroupState)({\n        ...props,\n        validationBehavior: validationBehavior\n    });\n    let [labelRef, label] = (0, $64fa3d84918910a7$export$9d4c57ee4c6ffdd8)(!props['aria-label'] && !props['aria-labelledby']);\n    let { groupProps: groupProps, labelProps: labelProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, ...validation } = (0, $kPH7g$useCheckboxGroup)({\n        ...props,\n        label: label,\n        validationBehavior: validationBehavior\n    }, state);\n    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n        ...props,\n        values: {\n            isDisabled: state.isDisabled,\n            isReadOnly: state.isReadOnly,\n            isRequired: props.isRequired || false,\n            isInvalid: state.isInvalid,\n            state: state\n        },\n        defaultClassName: 'react-aria-CheckboxGroup'\n    });\n    let DOMProps = (0, $kPH7g$filterDOMProps)(props, {\n        global: true\n    });\n    return /*#__PURE__*/ (0, $kPH7g$react).createElement(\"div\", {\n        ...(0, $kPH7g$mergeProps)(DOMProps, renderProps, groupProps),\n        ref: ref,\n        slot: props.slot || undefined,\n        \"data-readonly\": state.isReadOnly || undefined,\n        \"data-required\": props.isRequired || undefined,\n        \"data-invalid\": state.isInvalid || undefined,\n        \"data-disabled\": props.isDisabled || undefined\n    }, /*#__PURE__*/ (0, $kPH7g$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {\n        values: [\n            [\n                $bc237834342dbd75$export$139c5b8563afc1fc,\n                state\n            ],\n            [\n                (0, $01b77f81d0f07f68$export$75b6ee27786ba447),\n                {\n                    ...labelProps,\n                    ref: labelRef,\n                    elementType: 'span'\n                }\n            ],\n            [\n                (0, $514c0188e459b4c0$export$9afb8bc826b033ea),\n                {\n                    slots: {\n                        description: descriptionProps,\n                        errorMessage: errorMessageProps\n                    }\n                }\n            ],\n            [\n                (0, $ee014567cb39d3f0$export$ff05c3ac10437e03),\n                validation\n            ]\n        ]\n    }, renderProps.children));\n});\nconst $bc237834342dbd75$export$48513f6b9f8ce62d = /*#__PURE__*/ (0, $kPH7g$forwardRef)(function Checkbox(props, ref) {\n    let { inputRef: userProvidedInputRef = null, ...otherProps } = props;\n    [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(otherProps, ref, (0, $4e85f108e88277b8$export$b085522c77523c51));\n    let { validationBehavior: formValidationBehavior } = (0, $64fa3d84918910a7$export$fabf2dc03a41866e)((0, $d3e0e05bdfcf66bd$export$c24727297075ec6a)) || {};\n    var _props_validationBehavior, _ref;\n    let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== void 0 ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== void 0 ? _ref : 'native';\n    let groupState = (0, $kPH7g$useContext)($bc237834342dbd75$export$139c5b8563afc1fc);\n    let inputRef = (0, $kPH7g$useObjectRef)((0, $kPH7g$useMemo)(()=>(0, $kPH7g$mergeRefs)(userProvidedInputRef, props.inputRef !== undefined ? props.inputRef : null), [\n        userProvidedInputRef,\n        props.inputRef\n    ]));\n    let { labelProps: labelProps, inputProps: inputProps, isSelected: isSelected, isDisabled: isDisabled, isReadOnly: isReadOnly, isPressed: isPressed, isInvalid: isInvalid } = groupState ? (0, $kPH7g$useCheckboxGroupItem)({\n        ...(0, $64fa3d84918910a7$export$ef03459518577ad4)(props),\n        // Value is optional for standalone checkboxes, but required for CheckboxGroup items;\n        // it's passed explicitly here to avoid typescript error (requires ignore).\n        // @ts-ignore\n        value: props.value,\n        // ReactNode type doesn't allow function children.\n        children: typeof props.children === 'function' ? true : props.children\n    }, groupState, inputRef) : (0, $kPH7g$useCheckbox)({\n        ...(0, $64fa3d84918910a7$export$ef03459518577ad4)(props),\n        children: typeof props.children === 'function' ? true : props.children,\n        validationBehavior: validationBehavior\n    }, (0, $kPH7g$useToggleState)(props), inputRef);\n    let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $kPH7g$useFocusRing)();\n    let isInteractionDisabled = isDisabled || isReadOnly;\n    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $kPH7g$useHover)({\n        ...props,\n        isDisabled: isInteractionDisabled\n    });\n    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n        ...props,\n        defaultClassName: 'react-aria-Checkbox',\n        values: {\n            isSelected: isSelected,\n            isIndeterminate: props.isIndeterminate || false,\n            isPressed: isPressed,\n            isHovered: isHovered,\n            isFocused: isFocused,\n            isFocusVisible: isFocusVisible,\n            isDisabled: isDisabled,\n            isReadOnly: isReadOnly,\n            isInvalid: isInvalid,\n            isRequired: props.isRequired || false\n        }\n    });\n    let DOMProps = (0, $kPH7g$filterDOMProps)(props, {\n        global: true\n    });\n    delete DOMProps.id;\n    delete DOMProps.onClick;\n    return /*#__PURE__*/ (0, $kPH7g$react).createElement(\"label\", {\n        ...(0, $kPH7g$mergeProps)(DOMProps, labelProps, hoverProps, renderProps),\n        ref: ref,\n        slot: props.slot || undefined,\n        \"data-selected\": isSelected || undefined,\n        \"data-indeterminate\": props.isIndeterminate || undefined,\n        \"data-pressed\": isPressed || undefined,\n        \"data-hovered\": isHovered || undefined,\n        \"data-focused\": isFocused || undefined,\n        \"data-focus-visible\": isFocusVisible || undefined,\n        \"data-disabled\": isDisabled || undefined,\n        \"data-readonly\": isReadOnly || undefined,\n        \"data-invalid\": isInvalid || undefined,\n        \"data-required\": props.isRequired || undefined\n    }, /*#__PURE__*/ (0, $kPH7g$react).createElement((0, $kPH7g$VisuallyHidden), {\n        elementType: \"span\"\n    }, /*#__PURE__*/ (0, $kPH7g$react).createElement(\"input\", {\n        ...(0, $kPH7g$mergeProps)(inputProps, focusProps),\n        ref: inputRef\n    })), renderProps.children);\n});\n\n\nexport {$bc237834342dbd75$export$baf37c4be89255b8 as CheckboxGroupContext, $bc237834342dbd75$export$139c5b8563afc1fc as CheckboxGroupStateContext, $bc237834342dbd75$export$4aa08d5625cb8ead as CheckboxGroup, $bc237834342dbd75$export$48513f6b9f8ce62d as Checkbox};\n//# sourceMappingURL=Checkbox.module.js.map\n","import { createSlotRecipeContext } from \"@chakra-ui/react\";\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: \"checkbox\",\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: \"checkbox\" });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps(restProps);\n\n  const [styleProps, functionalProps] = extractStyleProps(remainingProps);\n\n  return (\n    <CheckboxRoot\n      ref={forwardedRef}\n      data-slot=\"root\"\n      {...functionalProps}\n      {...recipeProps}\n      {...styleProps}\n    >\n      {({\n        isSelected,\n        isIndeterminate,\n        isInvalid,\n        isDisabled,\n        isFocused,\n      }: CheckboxRenderProps) => {\n        const stateProps = {\n          \"data-selected\": isSelected,\n          \"data-indeterminate\": isIndeterminate,\n          \"data-invalid\": isInvalid,\n          \"data-disabled\": isDisabled,\n          \"data-focus\": isFocused || undefined,\n        };\n\n        return (\n          <>\n            <CheckboxIndicator data-slot=\"indicator\" {...stateProps}>\n              {isSelected && <Check />}\n              {isIndeterminate && <Minus />}\n            </CheckboxIndicator>\n\n            {children && (\n              <CheckboxLabel data-slot=\"label\" {...stateProps}>\n                {children}\n              </CheckboxLabel>\n            )}\n          </>\n        );\n      }}\n    </CheckboxRoot>\n  );\n};\nCheckbox.displayName = \"Checkbox\";\n"],"names":["$406796ff087fe49b$export$e375f10ce42261c5","props","state","inputRef","validationState","$jNP0e$useFormValidationState","isInvalid","validationErrors","validationDetails","labelProps","inputProps","isSelected","isPressed","isDisabled","isReadOnly","$jNP0e$useToggle","$jNP0e$useFormValidation","isIndeterminate","isRequired","validationBehavior","$jNP0e$useEffect","pressProps","$jNP0e$usePress","$jNP0e$privateValidationStateProp","groupValidationState","commitValidation","$jNP0e$mergeProps","$jNP0e$useMemo","e","$1ae600c947479353$export$ec98120685d4f57d","$fba3e38d5ca8983f$export$353b32fc6898d37d","toggleState","$6clEo$useToggleState","name","form","descriptionId","errorMessageId","_props_validationBehavior","realtimeValidation","$6clEo$useFormValidationState","nativeValidation","$6clEo$useRef","$6clEo$DEFAULT_VALIDATION_RESULT","updateValidation","$6clEo$useEffect","combinedRealtimeValidation","displayValidation","_props_isRequired","res","$6clEo$privateValidationStateProp","v","$bc237834342dbd75$export$139c5b8563afc1fc","$kPH7g$createContext","$bc237834342dbd75$export$48513f6b9f8ce62d","$kPH7g$forwardRef","ref","userProvidedInputRef","otherProps","$64fa3d84918910a7$export$29f1550f4b0d4415","$4e85f108e88277b8$export$b085522c77523c51","formValidationBehavior","$64fa3d84918910a7$export$fabf2dc03a41866e","$d3e0e05bdfcf66bd$export$c24727297075ec6a","_ref","groupState","$kPH7g$useContext","$kPH7g$useObjectRef","$kPH7g$useMemo","$kPH7g$mergeRefs","$kPH7g$useCheckboxGroupItem","$64fa3d84918910a7$export$ef03459518577ad4","$kPH7g$useCheckbox","$kPH7g$useToggleState","isFocused","isFocusVisible","focusProps","$kPH7g$useFocusRing","isInteractionDisabled","hoverProps","isHovered","$kPH7g$useHover","renderProps","$64fa3d84918910a7$export$4d86445c2cf5e3","DOMProps","$kPH7g$filterDOMProps","$kPH7g$react","$kPH7g$mergeProps","$kPH7g$VisuallyHidden","withProvider","withContext","createSlotRecipeContext","CheckboxRoot","RaCheckbox","CheckboxLabel","CheckboxIndicator","Checkbox","forwardedRef","children","restProps","recipe","useSlotRecipe","recipeProps","remainingProps","styleProps","functionalProps","extractStyleProps","jsx","stateProps","jsxs","Fragment","Check","Minus"],"mappings":"qxBAuBA,SAASA,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,4CAAkB,CACzK,GAAGd,EACH,UAAWK,CACnB,EAAOJ,EAAOC,CAAQ,EACda,4CAA0Bf,EAAOG,EAAiBD,CAAQ,EAC9D,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,0CAAiB,CAClD,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,0CAAmBjB,EAAYY,EAAgBM,EAAAA,QAAgB,KAAK,CAG5E,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,CC7DI,MAAMqB,EAA4C,IAAI,QCW1D,SAASC,EAA0C7B,EAAOC,EAAOC,EAAU,CACvE,MAAM4B,EAAkBC,4CAAuB,CAC3C,WAAY/B,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,KAAMsB,EAAM,KAAMC,EAAM,cAAeC,EAAe,eAAgBC,EAAgB,mBAAoBjB,CAAkB,EAASU,EAA2C,IAAI3B,CAAK,EAC/L,IAAImC,EACJlB,GAAsBkB,EAA4BpC,EAAM,sBAAwB,MAAQoC,IAA8B,OAASA,EAA4BlB,EAE3J,GAAI,CAAE,mBAAoBmB,CAAkB,EAASC,EAAAA,0CAA+B,CAChF,GAAGtC,EACH,MAAO8B,EAAY,WAEnB,KAAM,OACN,mBAAoB,MAC5B,CAAK,EAEGS,EAAuBC,EAAAA,OAAmBC,2CAAgC,EAC1EC,EAAmB,IAAI,CACvBzC,EAAM,WAAWD,EAAM,MAAOqC,EAAmB,UAAYA,EAAqBE,EAAiB,OAAO,CAC9G,EACII,EAAAA,UAAkBD,CAAgB,EAEtC,IAAIE,EAA6B3C,EAAM,mBAAmB,UAAYA,EAAM,mBAAqBoC,EAC7FQ,EAAoB3B,IAAuB,SAAWjB,EAAM,kBAAoB2C,EACpF,IAAIE,EACJ,IAAIC,EAAUhD,EAA2C,CACrD,GAAGC,EACH,WAAYA,EAAM,YAAcC,EAAM,WACtC,WAAYD,EAAM,YAAcC,EAAM,WACtC,KAAMD,EAAM,MAAQgC,EACpB,KAAMhC,EAAM,MAAQiC,EACpB,YAAaa,EAAoB9C,EAAM,cAAgB,MAAQ8C,IAAsB,OAASA,EAAoB7C,EAAM,WACxH,mBAAoBiB,EACpB,CAAK8B,0CAAiC,EAAI,CACtC,mBAAoBJ,EACpB,kBAAmBC,EACnB,gBAAiB5C,EAAM,gBACvB,iBAAkBA,EAAM,iBACxB,iBAAkBgD,EAAG,CACjBV,EAAiB,QAAUU,EAC3BP,EAAgB,CACpB,CACZ,CACA,EAAOZ,EAAa5B,CAAQ,EACxB,MAAO,CACH,GAAG6C,EACH,WAAY,CACR,GAAGA,EAAI,WACP,mBAAoB,CAChB/C,EAAM,kBAAkB,EACxBC,EAAM,UAAYkC,EAAiB,KACnCD,CAChB,EAAc,OAAO,OAAO,EAAE,KAAK,GAAG,GAAK,MAC3C,CACA,CACA,CCnDA,MAAMgB,EAA8DC,EAAAA,cAAsB,IAAI,EAoExFC,EAA8DC,EAAAA,WAAmB,SAAkBrD,EAAOsD,EAAK,CACjH,GAAI,CAAE,SAAUC,EAAuB,KAAM,GAAGC,CAAU,EAAKxD,EAC/D,CAACA,EAAOsD,CAAG,EAAQG,EAAAA,0CAA2CD,EAAYF,EAASI,2CAAyC,EAC5H,GAAI,CAAE,mBAAoBC,CAAsB,EAASC,EAAAA,0CAA+CC,EAAAA,yCAAyC,GAAM,CAAA,EACvJ,IAAIzB,EAA2B0B,EAC/B,IAAI5C,GAAsB4C,GAAQ1B,EAA4BpC,EAAM,sBAAwB,MAAQoC,IAA8B,OAASA,EAA4BuB,KAA4B,MAAQG,IAAS,OAASA,EAAO,SAChOC,EAAiBC,EAAAA,WAAmBd,CAAyC,EAC7EhD,EAAe+D,EAAAA,0CAAyBC,EAAAA,QAAgB,IAAQC,EAAAA,0CAAkBZ,EAAsBvD,EAAM,WAAa,OAAYA,EAAM,SAAW,IAAI,EAAG,CAC/JuD,EACAvD,EAAM,QACd,CAAK,CAAC,EACE,CAAE,WAAYQ,EAAY,WAAYC,EAAY,WAAYC,EAAY,WAAYE,EAAY,WAAYC,EAAY,UAAWF,EAAW,UAAWN,GAAc0D,EAAiBK,EAA6B,CACvN,GAAOC,EAAAA,0CAA2CrE,CAAK,EAIvD,MAAOA,EAAM,MAEb,SAAU,OAAOA,EAAM,UAAa,WAAa,GAAOA,EAAM,QACtE,EAAO+D,EAAY7D,CAAQ,EAAQoE,EAAoB,CAC/C,GAAOD,EAAAA,0CAA2CrE,CAAK,EACvD,SAAU,OAAOA,EAAM,UAAa,WAAa,GAAOA,EAAM,SAC9D,mBAAoBkB,CAC5B,EAAWqD,EAAAA,0CAAuBvE,CAAK,EAAGE,CAAQ,EAC1C,CAAE,UAAWsE,EAAW,eAAgBC,EAAgB,WAAYC,GAAmBC,4CAAmB,EAC1GC,EAAwBhE,GAAcC,EACtC,CAAE,WAAYgE,EAAY,UAAWC,CAAS,EAASC,4CAAiB,CACxE,GAAG/E,EACH,WAAY4E,CACpB,CAAK,EACGI,EAAkBC,0CAAyC,CAC3D,GAAGjF,EACH,iBAAkB,sBAClB,OAAQ,CACJ,WAAYU,EACZ,gBAAiBV,EAAM,iBAAmB,GAC1C,UAAWW,EACX,UAAWmE,EACX,UAAWN,EACX,eAAgBC,EAChB,WAAY7D,EACZ,WAAYC,EACZ,UAAWR,EACX,WAAYL,EAAM,YAAc,EAC5C,CACA,CAAK,EACGkF,EAAeC,EAAAA,0CAAuBnF,EAAO,CAC7C,OAAQ,EAChB,CAAK,EACD,cAAOkF,EAAS,GAChB,OAAOA,EAAS,QACSE,EAAc,cAAc,QAAS,CAC1D,GAAOC,EAAAA,0CAAmBH,EAAU1E,EAAYqE,EAAYG,CAAW,EACvE,IAAK1B,EACL,KAAMtD,EAAM,MAAQ,OACpB,gBAAiBU,GAAc,OAC/B,qBAAsBV,EAAM,iBAAmB,OAC/C,eAAgBW,GAAa,OAC7B,eAAgBmE,GAAa,OAC7B,eAAgBN,GAAa,OAC7B,qBAAsBC,GAAkB,OACxC,gBAAiB7D,GAAc,OAC/B,gBAAiBC,GAAc,OAC/B,eAAgBR,GAAa,OAC7B,gBAAiBL,EAAM,YAAc,MAC7C,EAAyBoF,EAAc,cAAkBE,4CAAwB,CACzE,YAAa,MACrB,EAAyBF,EAAc,cAAc,QAAS,CACtD,GAAOC,EAAAA,0CAAmB5E,EAAYiE,CAAU,EAChD,IAAKxE,CACb,CAAK,CAAC,EAAG8E,EAAY,QAAQ,CAC7B,CAAC,EClKK,CAAE,aAAAO,EAAc,YAAAC,CAAA,EAAgBC,0BAAwB,CAC5D,IAAK,UACP,CAAC,EAEYC,EAGTH,EAAsDI,EAAY,MAAM,EAE/DC,GAGTJ,EAAqD,OAAQ,OAAO,EAE3DK,GAGTL,EACF,OACA,WACF,ECXaM,EAAY9F,GAAyB,CAChD,KAAM,CAAE,IAAK+F,EAAc,SAAAC,EAAU,GAAGC,GAAcjG,EAEhDkG,EAASC,EAAAA,cAAc,CAAE,IAAK,WAAY,EAC1C,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,WAAA5F,EACA,gBAAAM,EACA,UAAAX,EACA,WAAAO,EACA,UAAA4D,CAAA,IACyB,CACzB,MAAMkC,EAAa,CACjB,gBAAiBhG,EACjB,qBAAsBM,EACtB,eAAgBX,EAChB,gBAAiBO,EACjB,aAAc4D,GAAa,MAAA,EAG7B,OACEmC,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAD,EAAAA,KAACd,GAAA,CAAkB,YAAU,YAAa,GAAGa,EAC1C,SAAA,CAAAhG,SAAemG,EAAAA,MAAA,EAAM,EACrB7F,SAAoB8F,EAAAA,OAAA,CAAA,CAAM,CAAA,EAC7B,EAECd,GACCS,EAAAA,IAACb,GAAA,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-Cw8rARRb.cjs.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible-motion-Cw8rARRb.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\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type { CollapsibleMotionRootSlotProps } from \"./collapsible-motion.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"collapsibleMotion\",\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 } 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  if (asChild) {\n    return (\n      <chakra.button asChild {...componentProps}>\n        {children}\n      </chakra.button>\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 { mergeRefs, Presence } from \"@chakra-ui/react\";\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","chakra","styleProps","restProps","extractStyleProps","RaButton","CollapsibleMotionContent","isExpanded","localRef","ref","useObjectRef","mergeRefs","Presence","CollapsibleMotion"],"mappings":"gXAMaA,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,mBACP,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,EAGD,GAAIa,EACF,OACEF,EAAAA,IAACK,EAAAA,OAAO,OAAP,CAAc,QAAO,GAAE,GAAGF,EACxB,SAAAlB,EACH,EAIJ,KAAM,CAACqB,EAAYC,CAAS,EAAIC,EAAAA,kBAAkBL,CAAc,EAIhE,OACEH,EAAAA,IAACnB,EAAA,CAA6B,IAAKU,EAAe,GAAGe,EAAY,QAAO,GACtE,SAAAN,EAAAA,IAACS,4CAAA,CAAU,GAAGF,EAAY,SAAAtB,EAAS,EACrC,CAEJ,CAAC,EAEDgB,EAAyB,YAAc,4BChChC,MAAMS,EAA2B1B,EAAAA,WAGtC,CAAC,CAAE,SAAAC,EAAU,GAAGK,CAAA,EAASC,IAAiB,CAC1C,KAAM,CAAE,WAAAM,EAAY,WAAAc,CAAA,EAAerC,EAAA,EAG7BsC,EAAWjB,EAAAA,OAAuB,IAAI,EACtCkB,EAAMC,EAAAA,0CAAaC,EAAAA,UAAUH,EAAUrB,CAAY,CAAC,EAE1D,OACES,MAAClB,GAA6B,IAAA+B,EAAW,GAAGvB,EAAQ,GAAGO,EAAY,QAAO,GACxE,SAAAG,EAAAA,IAACgB,EAAAA,SAAA,CACC,QAASL,EACT,cAAe,CACb,MAAO,0BACP,QAAS,wBAAA,EAEX,kBAAkB,OAEjB,SAAA1B,CAAA,CAAA,EAEL,CAEJ,CAAC,EAEDyB,EAAyB,YAAc,4BCtBhC,MAAMO,EAAgD,CAe3D,KAAMlC,EAeN,QAASkB,EAeT,QAASS,CACX"}

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

@@ -0,0 +1,126 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useContext as P, createContext as R, forwardRef as c, useRef as d } from "react";
+import { createSlotRecipeContext as h, mergeRefs as v, Presence as w } from "@chakra-ui/react";
+import { $ as y } from "./useObjectRef-CaJ5pgjX.es.js";
+import { a as E } from "./Button-C9AKe3Kt.es.js";
+import { chakra as S } from "@chakra-ui/react/styled-system";
+import { e as N } from "./extract-style-props-Cgg8HsH7.es.js";
+import { $ as T } from "./mergeProps-B-cqsBhL.es.js";
+import { $ as k, a as _ } from "./useDisclosureState-CPUsvP5-.es.js";
+const f = /* @__PURE__ */ R(void 0);
+function b() {
+  const o = P(f);
+  if (o === void 0)
+    throw new Error(
+      "useCollapsibleMotionContext must be used within a CollapsibleMotion.Root component"
+    );
+  return o;
+}
+const { withProvider: j, withContext: m } = /* @__PURE__ */ h({
+  key: "collapsibleMotion"
+}), D = /* @__PURE__ */ j("div", "root"), V = /* @__PURE__ */ m("button", "trigger"), q = /* @__PURE__ */ m("div", "content"), C = /* @__PURE__ */ c(
+  ({
+    children: o,
+    defaultExpanded: s = !1,
+    isExpanded: r,
+    onExpandedChange: i,
+    isDisabled: e = !1,
+    ...l
+  }, n) => {
+    const a = k({
+      defaultExpanded: s,
+      isExpanded: r,
+      onExpandedChange: i
+    }), p = d(null), { buttonProps: $, panelProps: M } = _(
+      { isDisabled: e },
+      a,
+      p
+    ), g = {
+      isDisabled: e,
+      isExpanded: a.isExpanded,
+      buttonProps: $,
+      panelProps: M,
+      panelRef: p
+    };
+    return /* @__PURE__ */ t(f.Provider, { value: g, children: /* @__PURE__ */ t(D, { ref: n, ...l, children: o }) });
+  }
+);
+C.displayName = "CollapsibleMotion.Root";
+const u = /* @__PURE__ */ c(({ children: o, asChild: s, ...r }, i) => {
+  const { buttonProps: e, isDisabled: l } = b(), n = T(r, e, {
+    disabled: l
+  });
+  if (s)
+    return /* @__PURE__ */ t(S.button, { asChild: !0, ...n, children: o });
+  const [a, p] = N(n);
+  return /* @__PURE__ */ t(V, { ref: i, ...a, asChild: !0, children: /* @__PURE__ */ t(E, { ...p, children: o }) });
+});
+u.displayName = "CollapsibleMotion.Trigger";
+const x = /* @__PURE__ */ c(({ children: o, ...s }, r) => {
+  const { panelProps: i, isExpanded: e } = b(), l = d(null), n = y(v(l, r));
+  return /* @__PURE__ */ t(q, { ref: n, ...s, ...i, asChild: !0, children: /* @__PURE__ */ t(
+    w,
+    {
+      present: e,
+      animationName: {
+        _open: "slide-from-top, fade-in",
+        _closed: "slide-to-top, fade-out"
+      },
+      animationDuration: "fast",
+      children: o
+    }
+  ) });
+});
+x.displayName = "CollapsibleMotion.Content";
+const L = {
+  /**
+   * # 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 {
+  L as C,
+  x as a,
+  C as b,
+  u as c
+};
+//# sourceMappingURL=collapsible-motion-DvCdOWiI.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible-motion-DvCdOWiI.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\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type { CollapsibleMotionRootSlotProps } from \"./collapsible-motion.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"collapsibleMotion\",\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 } 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  if (asChild) {\n    return (\n      <chakra.button asChild {...componentProps}>\n        {children}\n      </chakra.button>\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 { mergeRefs, Presence } from \"@chakra-ui/react\";\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","chakra","styleProps","restProps","extractStyleProps","RaButton","CollapsibleMotionContent","isExpanded","localRef","ref","useObjectRef","mergeRefs","Presence","CollapsibleMotion"],"mappings":"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"}

package/dist/chunks/combobox-BrWAptAY.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const m=require("react/jsx-runtime"),o=require("react"),yt=require("./Header-M4pnGsRC.cjs.js"),fe=require("./ListBox-LchlmcOY.cjs.js"),Ge=require("./CollectionBuilder-CCexRz-1.cjs.js"),bt=require("@chakra-ui/react"),Ee=require("@commercetools/nimbus-icons"),pe=require("./extract-style-props-C5Zbx7mA.cjs.js"),xt=require("./popover-D1VNOIaW.cjs.js"),Ne=require("./icon-button-QUJAfreK.cjs.js"),ht=require("./loading-spinner-BUfn_hwj.cjs.js"),xe=require("./Input-vwFPIv-x.cjs.js"),de=require("./tag-group-DXKJNnAJ.cjs.js"),vt=require("@chakra-ui/react/styled-system"),Ct=require("./RSPContexts-BdKenzIN.cjs.js"),Fe=require("./Button-C92vyQPT.cjs.js"),Oe=require("./utils-BNYGVv6l.cjs.js"),St=require("./Group-AZdS7wQM.cjs.js"),$t=require("./Label-DFDSAYVj.cjs.js"),wt=require("./Dialog-B64GoQlm.cjs.js"),Kt=require("./Text-BWSfeB9p.cjs.js"),ue=require("./normalize-messages-DtVffO09.cjs.js"),It=require("./useListData-DgCKbwHX.cjs.js"),We=require("./mergeProps-DD8aR8go.cjs.js"),Mt=require("./useListState-CzO_maGH.cjs.js");function Bt(e,t){let r;switch(e.state){case"idle":case"error":switch(t.type){case"loading":case"loadingMore":case"sorting":case"filtering":var l,n;return{...e,filterText:(l=t.filterText)!==null&&l!==void 0?l:e.filterText,state:t.type,items:t.type==="loading"?[]:e.items,sortDescriptor:(n=t.sortDescriptor)!==null&&n!==void 0?n:e.sortDescriptor,abortController:t.abortController};case"update":var s;return{...e,...(s=t.updater)===null||s===void 0?void 0:s.call(t,e)};case"success":case"error":return e;default:throw new Error(`Invalid action "${t.type}" in state "${e.state}"`)}case"loading":case"sorting":case"filtering":switch(t.type){case"success":if(t.abortController!==e.abortController)return e;var a;r=(a=t.selectedKeys)!==null&&a!==void 0?a:e.selectedKeys;var i,d,x;return{...e,filterText:(i=t.filterText)!==null&&i!==void 0?i:e.filterText,state:"idle",items:[...(d=t.items)!==null&&d!==void 0?d:[]],selectedKeys:r==="all"?"all":new Set(r),sortDescriptor:(x=t.sortDescriptor)!==null&&x!==void 0?x:e.sortDescriptor,abortController:void 0,cursor:t.cursor};case"error":return t.abortController!==e.abortController?e:{...e,state:"error",error:t.error,abortController:void 0};case"loading":case"loadingMore":case"sorting":case"filtering":var h;(h=e.abortController)===null||h===void 0||h.abort("aborting current load and starting new one");var f;return{...e,filterText:(f=t.filterText)!==null&&f!==void 0?f:e.filterText,state:t.type,items:t.type==="loading"?[]:e.items,abortController:t.abortController};case"update":var $;return{...e,...($=t.updater)===null||$===void 0?void 0:$.call(t,e)};default:throw new Error(`Invalid action "${t.type}" in state "${e.state}"`)}case"loadingMore":switch(t.type){case"success":var g;r=e.selectedKeys==="all"||t.selectedKeys==="all"?"all":new Set([...e.selectedKeys,...(g=t.selectedKeys)!==null&&g!==void 0?g:[]]);var I,O;return{...e,state:"idle",items:[...e.items,...(I=t.items)!==null&&I!==void 0?I:[]],selectedKeys:r,sortDescriptor:(O=t.sortDescriptor)!==null&&O!==void 0?O:e.sortDescriptor,abortController:void 0,cursor:t.cursor};case"error":return t.abortController!==e.abortController?e:{...e,state:"error",error:t.error};case"loading":case"sorting":case"filtering":var M;(M=e.abortController)===null||M===void 0||M.abort();var b;return{...e,filterText:(b=t.filterText)!==null&&b!==void 0?b:e.filterText,state:t.type,items:t.type==="loading"?[]:e.items,abortController:t.abortController};case"loadingMore":var A;return(A=t.abortController)===null||A===void 0||A.abort(),e;case"update":var w;return{...e,...(w=t.updater)===null||w===void 0?void 0:w.call(t,e)};default:throw new Error(`Invalid action "${t.type}" in state "${e.state}"`)}default:throw new Error(`Invalid state "${e.state}"`)}}function Rt(e){const{load:t,sort:r,initialSelectedKeys:l,initialSortDescriptor:n,getKey:s=f=>f.id||f.key,initialFilterText:a=""}=e;let[i,d]=o.useReducer(Bt,{state:"idle",error:void 0,items:[],selectedKeys:l==="all"?"all":new Set(l),sortDescriptor:n,filterText:a});const x=async(f,$)=>{let g=new AbortController;try{d({...f,abortController:g});var I;let b=(I=f.filterText)!==null&&I!==void 0?I:i.filterText;var O;let A=await $({items:i.items.slice(),selectedKeys:i.selectedKeys,sortDescriptor:(O=f.sortDescriptor)!==null&&O!==void 0?O:i.sortDescriptor,signal:g.signal,cursor:f.type==="loadingMore"?i.cursor:void 0,filterText:b,loadingState:i.state});var M;let w=(M=A.filterText)!==null&&M!==void 0?M:b;d({type:"success",...A,abortController:g}),w&&w!==b&&!g.signal.aborted&&x({type:"filtering",filterText:w},t)}catch(b){d({type:"error",error:b,abortController:g})}};let h=o.useRef(!1);return o.useEffect(()=>{h.current||(x({type:"loading"},t),h.current=!0)},[]),{items:i.items,selectedKeys:i.selectedKeys,sortDescriptor:i.sortDescriptor,isLoading:i.state==="loading"||i.state==="loadingMore"||i.state==="sorting"||i.state==="filtering",loadingState:i.state,error:i.error,filterText:i.filterText,getItem(f){return i.items.find($=>s($)===f)},reload(){x({type:"loading"},t)},loadMore(){i.state==="loading"||i.state==="loadingMore"||i.state==="filtering"||i.cursor==null||x({type:"loadingMore"},t)},sort(f){x({type:"sorting",sortDescriptor:f},r||t)},...It.$0d86e9c8f07f9a7b$export$79c0c687a5963b0a({...e,getKey:s,cursor:i.cursor},f=>{d({type:"update",updater:f})}),setFilterText(f){x({type:"filtering",filterText:f},t)}}}const At=o.createContext(null);function Et(e,t,r,l){var n=this,s=o.useRef(null),a=o.useRef(0),i=o.useRef(0),d=o.useRef(null),x=o.useRef([]),h=o.useRef(),f=o.useRef(),$=o.useRef(e),g=o.useRef(!0),I=o.useRef(),O=o.useRef();$.current=e;var M=typeof window<"u",b=!t&&t!==0&&M;if(typeof e!="function")throw new TypeError("Expected a function");t=+t||0;var A=!!(r=r||{}).leading,w=!("trailing"in r)||!!r.trailing,H=!!r.flushOnExit&&w,U="maxWait"in r,W="debounceOnServer"in r&&!!r.debounceOnServer,J=U?Math.max(+r.maxWait||0,t):null,re=o.useMemo(function(){var P=function(v){var E=x.current,V=h.current;return x.current=h.current=null,a.current=v,i.current=i.current||v,f.current=$.current.apply(V,E)},Q=function(v,E){b&&cancelAnimationFrame(d.current),d.current=b?requestAnimationFrame(v):setTimeout(v,E)},ne=function(v){if(!g.current)return!1;var E=v-s.current;return!s.current||E>=t||E<0||U&&v-a.current>=J},oe=function(v){return d.current=null,w&&x.current?P(v):(x.current=h.current=null,f.current)},R=function v(){var E=Date.now();if(A&&i.current===a.current&&me(),ne(E))return oe(E);if(g.current){var V=t-(E-s.current),G=U?Math.min(V,J-(E-a.current)):V;Q(v,G)}},me=function(){},Y=function(){if(M||W){var v,E=Date.now(),V=ne(E);if(x.current=[].slice.call(arguments),h.current=n,s.current=E,H&&!I.current&&(I.current=function(){var G;((G=global.document)==null?void 0:G.visibilityState)==="hidden"&&O.current.flush()},(v=global.document)==null||v.addEventListener==null||v.addEventListener("visibilitychange",I.current)),V){if(!d.current&&g.current)return a.current=s.current,Q(R,t),A?P(s.current):f.current;if(U)return Q(R,t),P(s.current)}return d.current||Q(R,t),f.current}};return Y.cancel=function(){var v=d.current;v&&(b?cancelAnimationFrame(d.current):clearTimeout(d.current)),a.current=0,x.current=s.current=h.current=d.current=null},Y.isPending=function(){return!!d.current},Y.flush=function(){return d.current?oe(Date.now()):f.current},Y},[A,U,t,J,w,H,b,M,W,l]);return O.current=re,o.useEffect(function(){return g.current=!0,function(){var P;H&&O.current.flush(),I.current&&((P=global.document)==null||P.removeEventListener==null||P.removeEventListener("visibilitychange",I.current),I.current=null),g.current=!1}},[H]),re}const{withProvider:Ft,withContext:N}=bt.createSlotRecipeContext({key:"combobox"}),Ot=Ft("div","root"),Lt=N("div","trigger"),Tt=N("div","leadingElement"),Pt=N("div","content"),Vt=N("div","tagGroup"),jt=N("div","input"),Dt=N("div","popover"),kt=N("div","listBox"),zt=N("div","section"),qt=N("div","option"),Nt=N("div","optionIndicator"),Wt=N("div","optionContent"),Gt={clearSelection:"Clear selection",options:"Options menu",selectedValues:"Selected values",toggleOptions:"Toggle options"},Ht={clearSelection:"Auswahl löschen",options:"Optionsmenü",selectedValues:"Ausgewählte Werte",toggleOptions:"Optionen umschalten"},Ut={clearSelection:"Borrar selección",options:"Menú de opciones",selectedValues:"Valores seleccionados",toggleOptions:"Opciones de conmutación"},Jt={clearSelection:"Effacer la sélection",options:"Menu d'options",selectedValues:"Valeurs sélectionnées",toggleOptions:"Basculer les options"},Qt={clearSelection:"Limpar seleção",options:"Menu de opções",selectedValues:"Selecionar valores",toggleOptions:"Alternar opções"},Xt={en:ue.normalizeMessages(Gt),de:ue.normalizeMessages(Ht),es:ue.normalizeMessages(Ut),"fr-FR":ue.normalizeMessages(Jt),"pt-BR":ue.normalizeMessages(Qt)};function He(e){if(typeof e=="string"||typeof e=="number")return e;if("id"in e)return e.id;throw new Error("ComboBox - Item must have an 'id' property or provide getKey function")}function Yt(e){if(typeof e=="string")return e;if("name"in e)return String(e.name);if("label"in e)return String(e.label);throw new Error("ComboBox - Item must have 'name' or 'label' property, or provide a getTextValue function")}function Zt(e){return{id:e,name:e}}const _t=e=>e?e instanceof Set?e:new Set(Array.isArray(e)?e:[e]):new Set,er=e=>Array.from(e),Le=o.createContext(null),Ke=()=>{const e=o.useContext(Le);if(!e)throw new Error("Nimbus - ComboBox components must be used within ComboBox.Root");return e},Ue=e=>{const{name:t,form:r,selectedKeys:l,selectionMode:n,formValue:s,allowsCustomOptions:a,collection:i,inputValue:d}=e;if(!t)return null;const x=o.useMemo(()=>{if(n==="single"){const h=Array.from(l)[0];return h?s==="text"||a?Array.from(i).find($=>$.key===h)?.textValue||d||"":String(h):""}else{const h=Array.from(l);return s==="text"||a?h.map(f=>Array.from(i).find(g=>g.key===f)?.textValue||"").filter(Boolean).join(","):h.join(",")}},[n,l,s,a,i,d]);return m.jsx("input",{type:"hidden",name:t,form:typeof r=="string"?r:void 0,value:x})};Ue.displayName="ComboBoxHiddenInput";function Je(e){let t;[e,t]=Oe.$64fa3d84918910a7$export$29f1550f4b0d4415(e,null,At);const{selectionMode:r="single",size:l="md",getKey:n=He,getTextValue:s=Yt,children:a,leadingElement:i,inputValue:d,onInputChange:x,isLoading:h,allowsEmptyMenu:f,renderEmptyState:$,async:g,filter:I,allowsCustomOptions:O=!1,isDisabled:M=!1,isInvalid:b=!1,isRequired:A=!1,isReadOnly:w=!1}=e,H=vt.useSlotRecipe({key:"combobox"}),[U,W]=H.splitVariantProps(e),[J,re]=pe.extractStyleProps(W),P=o.useRef(null),Q=o.useRef(null),[ne,oe]=o.useState([]),R=Rt({getKey:n,async load({signal:B,filterText:q}){if(!g)return{items:[]};const _=g.minSearchLength??0;if(!q||q.length<_)return{items:[]};try{return{items:await g.load(q,B)}}catch(le){if(le.name==="AbortError")throw le;const C=le;return g.onError?.(C),{items:[]}}}}),[me,Y]=o.useState(d),[v,E]=o.useState(!1),[V,G]=o.useState([]),Ie=g?.debounce??300,he=Et(B=>{E(!1),R.setFilterText(B)},Ie),ve=o.useCallback(B=>{Y(B),E(!0),he(B)},[he]),D=g?me:d,Ce=g?ve:x,X=g?v||R.loadingState==="loading"||R.loadingState==="loadingMore"||R.loadingState==="filtering":h,Se=g||O?!0:f,$e=o.useCallback(()=>X?D?.length?`loading results for "${D}"`:"loading results":D?.length&&g?.minSearchLength&&D.length>=g.minSearchLength?`no results for "${D}"`:g?.minSearchLength?`enter at least ${g?.minSearchLength} characters`:"type to search",[g?.minSearchLength,X,D]),we=o.useCallback(()=>X?D?.length?`loading results for "${D}"`:"loading results":'hit "enter" to create an option',[X,D]),z=(O?we:g?$e:void 0)??$,Z=o.useMemo(()=>{const B=g?Array.from(R.items):e.items,q=B?Array.from(B):[],_=new Set(q.map(F=>n(F)));let C=[...ne.filter(F=>!_.has(n(F))),...q];if(g&&r==="multiple"&&V.length>0){const F=new Set(C.map(ye=>n(ye)));C=[...V.filter(ye=>!F.has(n(ye))),...C]}return C},[g,R.items,e.items,ne,V,r,n]),se=o.useMemo(()=>({selectionMode:r,size:l,getKey:n,getTextValue:s,leadingElement:i,triggerRef:P,inputRef:Q,isLoading:X,isDisabled:M,isRequired:A,isInvalid:b,isReadOnly:w}),[r,n,s,i,P,Q,M,A,b,w]),ge=o.useMemo(()=>{if(Z)return Array.from(Z).map(B=>{const q="id"in B,_="textValue"in B;return q&&_?B:{...B,...q?{}:{id:n(B)},..._?{}:{textValue:s(B)}}})},[Z,n,s]),Be=o.useMemo(()=>m.jsx(Le.Provider,{value:se,children:m.jsx(fe.$eed445e0843c11d0$export$7ff8f37d2d81a48d.Provider,{value:{items:ge},children:typeof a=="function"?a({isOpen:!1,isDisabled:M,isInvalid:b,isRequired:A,defaultChildren:null}):a})}),[a,M,b,A,ge,se]);return m.jsx(Oe.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[Fe.$d2b4bc8c273e7be6$export$24d547caef80ccd1,{}],[xe.$3985021b0ad6602f$export$37fb8590cf2c088c,{}],[de.$eaf9e70818b436db$export$5b07b5dd2cbd96e3,{}]],children:m.jsx(Le.Provider,{value:se,children:m.jsx(Ot,{ref:t,...U,...J,size:l,"data-disabled":M,"data-invalid":b,"data-required":A,"data-readonly":w,"data-open":e.isOpen,role:"group",children:m.jsx(Ge.$e1995378a142960e$export$bf788dd355e3a401,{content:Be,children:B=>m.jsx(tr,{...re,size:l,filter:I,selectionMode:r,inputValue:D,onInputChange:Ce,getKey:n,getTextValue:s,allowsEmptyMenu:Se,renderEmptyState:z,isDisabled:M,isRequired:A,isInvalid:b,isReadOnly:w,collection:B,allowsCustomOptions:O,asyncConfig:g,onAsyncSelectedItemsChange:g&&r==="multiple"?G:void 0,onAddCustomItem:oe,onAddAsyncSelectedItem:G})})})})})}Je.displayName="ComboBox.Root";const tr=e=>{const t=ue.useLocalizedStringFormatter(Xt),{selectionMode:r="single",items:l,collection:n,getKey:s=He,children:a,selectedKeys:i=[],onSelectionChange:d,disabledKeys:x,inputValue:h="",onInputChange:f,filter:$,placeholder:g,menuTrigger:I="input",shouldCloseOnBlur:O=!0,shouldCloseOnSelect:M=!0,isOpen:b,defaultOpen:A=!1,onOpenChange:w,allowsEmptyMenu:H=!1,renderEmptyState:U,allowsCustomOptions:W=!1,isValidNewOption:J,getNewOptionData:re=Zt,onCreateOption:P,"aria-label":Q,"aria-labelledby":ne,"aria-describedby":oe,isDisabled:R=!1,isRequired:me=!1,isInvalid:Y=!1,isReadOnly:v=!1,shouldFocusWrap:E=!0,autoFocus:V=!1,name:G,formValue:Ie,validationBehavior:he="aria",form:ve,validate:D,isLoading:Ce,asyncConfig:X,onAsyncSelectedItemsChange:Se,onAddCustomItem:$e,onAddAsyncSelectedItem:we}=e,{triggerRef:Me,inputRef:z}=Ke(),Z=We.$bdb11010cef70236$export$f680877a34711e37(),se=We.$bdb11010cef70236$export$f680877a34711e37(),ge=o.useRef(null),Be=o.useRef(null),B=o.useMemo(()=>_t(i),[i]),q=!!d,[_,le]=o.useState(B),C=q?B:_,F=f!==void 0,Te=()=>{if(h)return h;if(F||r!=="single")return"";const c=Array.from(C);if(c.length===0)return"";const u=c[0];return n.getItem(u)?.textValue??""},[ye,ie]=o.useState(Te),T=F?h:ye,ee=o.useRef(T),[nt,Pe]=o.useState(A),S=b??nt,[Re,be]=o.useState(null),L=o.useCallback(c=>{b===void 0&&Pe(c),w?.(c)},[b,w]),ot=o.useMemo(()=>{if(T.trim()==="")return n;if(r==="single"){const u=Array.from(C);if(u.length>0){const p=u[0];if(n.getItem(p)?.textValue===T)return n}}if($){const u=Array.from(n),p=Array.from($(u,T)),K=new Set(p.map(te=>te.key));return n.filter?.((te,Ae)=>K.has(Ae.key))??n}const c=T.toLowerCase();return n.filter?.(u=>u.toLowerCase().includes(c))??n},[n,T,$,r,C]),st=o.useMemo(()=>r==="multiple"?Array.from(C).map(c=>n.getItem(c)?.value).filter(c=>c!==void 0):[],[r,C,n]),[lt,it]=o.useState(null),ct=o.useCallback(()=>{const c=b===void 0?!S:!b;b===void 0?Pe(u=>!u):w?.(!b),c&&(z.current?.focus(),be("first"))},[b,S,w]),at=o.useCallback(c=>{F||ie(c),f?.(c),I==="input"&&c!==ee.current&&L(!0),ee.current=c},[F,f,I,L]),j=o.useCallback((c,u)=>{let p=c==="all"?new Set(Array.from(n).map(k=>k.key)):c;const K=u??C,te=p.size>0&&Array.from(p).every(k=>K.has(k))&&p.size<K.size;if(r==="multiple"&&p.size===1&&!te){const k=Array.from(p)[0],ae=K.has(k),ce=new Set(K);ae?ce.delete(k):ce.add(k),p=ce}const Ae=er(p);if(d?d(Ae):le(p),X&&r==="multiple"&&Se){const k=Array.from(p).map(ae=>n.getItem(ae)?.value).filter(ae=>ae!==void 0);Se(k)}if(r==="single"){const k=Array.from(p)[0];if(k!==null){const ce=n.getItem(k)?.textValue??"";F||(ie(ce),ee.current=ce),f?.(ce)}M&&L(!1)}},[n,r,C,d,f,M,L,F]),y=Mt.$e72dd72e1c76a225$export$2f645645f7bca764({selectionMode:r,collection:ot,selectedKeys:C,onSelectionChange:j,disabledKeys:x}),ut=o.useCallback(()=>{j(new Set),F||(ie(""),ee.current=""),f?.(""),L(!0),requestAnimationFrame(()=>{z.current?.focus()})},[j,F,f,L,z]),Ve=o.useCallback(c=>{$e?.(K=>[...K,c]),X&&r==="multiple"&&we?.(K=>[...K,c]);const u=s(c),p=C;if(r==="single")j(new Set([u]),p);else{const K=new Set(p);K.add(u),j(K,p)}},[$e,X,r,we,s,C,j]),je=o.useCallback(()=>{if(!W)return!1;const c=T.trim();if(!c||Array.from(n).some(K=>K.textValue?.toLowerCase()===c.toLowerCase())||J&&!J(c))return!1;const p=re(c);return Ve(p),r==="multiple"?(F||(ie(""),ee.current=""),f?.("")):(F||(ie(c),ee.current=c),f?.(c)),P?.(p),!0},[W,re,J,T,n,r,f,P,Ve,F,ie,ee]),dt=o.useCallback(c=>{if(R||v)return;const u=C,p=new Set(u);c.forEach(K=>p.delete(K)),j(p,u),p.size===0&&z.current?.focus()},[C,j,R,v]),ft=o.useCallback(c=>{switch(c.key){case"ArrowDown":if(c.preventDefault(),!S)L(!0),be("first");else{const u=y.selectionManager.focusedKey,p=u?y.collection.getKeyAfter(u):y.collection.getFirstKey();y.selectionManager.setFocusedKey(p??y.collection.getFirstKey())}break;case"ArrowUp":if(c.preventDefault(),!S)L(!0),be("last");else{const u=y.selectionManager.focusedKey,p=u?y.collection.getKeyBefore(u):y.collection.getLastKey();y.selectionManager.setFocusedKey(p??y.collection.getLastKey())}break;case"Enter":if(S&&y.selectionManager.focusedKey){c.preventDefault();const u=y.selectionManager.focusedKey;if(r==="multiple"){const p=new Set(C);p.has(u)?p.delete(u):p.add(u),j(p)}else j(new Set([u])),y.selectionManager.setFocusedKey(null)}else S&&!y.selectionManager.focusedKey&&W&&je()&&c.preventDefault();break;case"Escape":S&&(c.preventDefault(),L(!1),y.selectionManager.setFocusedKey(null));break;case"Home":if(S){c.preventDefault();const u=y.collection.getFirstKey();y.selectionManager.setFocusedKey(u)}break;case"End":if(S){c.preventDefault();const u=y.collection.getLastKey();y.selectionManager.setFocusedKey(u)}break;case"Backspace":if(T===""){const u=Array.from(C);if(u.length>0)if(c.preventDefault(),r==="single")j(new Set);else{const p=new Set(u);p.delete(u[u.length-1]),j(p)}}break}},[S,y.selectionManager,y.collection,j,L,be,r,T,C,W,je]),pt=o.useCallback(()=>{I==="focus"&&!R&&!v&&L(!0),r==="single"&&T&&z.current&&z.current.select()},[I,R,v,L,r,T]),mt=o.useCallback(c=>{if(!O)return;const u=c.currentTarget;setTimeout(()=>{const p=document.activeElement;u.contains(p)||L(!1)},150)},[O,L]),De=o.useRef(null),ke=o.useRef(!1);o.useEffect(()=>{V&&z.current&&!R&&z.current.focus()},[V,R]);const ze=o.useRef(S);o.useEffect(()=>{b===void 0&&ze.current!==S&&(ze.current=S,w?.(S))},[S,b,w]),o.useEffect(()=>{if(r!=="single")return;const c=Array.from(y.selectionManager.selectedKeys),u=c.length>0?c[0]:null,p=u!==null?y.collection.getItem(u):null,K=p!==null;if(u===De.current&&(ke.current||u===null)||(De.current=u,ke.current=K,u!==null&&!p))return;const te=p?.textValue??"";F?f?.(te):(ie(te),ee.current=te)},[r,y.selectionManager.selectedKeys,y.collection,F,f]),o.useEffect(()=>{if(S&&Re){const c=Re==="first"?y.collection.getFirstKey():y.collection.getLastKey();y.selectionManager.setFocusedKey(c??null),be(null)}},[S,Re,y.collection,y.selectionManager]),o.useEffect(()=>{S?y.selectionManager.setFocused(!0):(y.selectionManager.setFocused(!1),y.selectionManager.setFocusedKey(null))},[S,y.selectionManager]);const qe=o.useRef(!1);y.collection.size>0&&(qe.current=!0),o.useEffect(()=>{if(!S||H||Ce||!qe.current)return;y.collection.size>0||L(!1)},[S,H,Ce,y.collection.size,L,T]),o.useEffect(()=>{const c=Me.current;if(!c)return;const u=()=>{const K=c.offsetWidth;it(`${K}px`)};u();const p=new ResizeObserver(u);return p.observe(c),()=>{p.disconnect()}},[]);const gt=[[xe.$3985021b0ad6602f$export$37fb8590cf2c088c,{ref:z,role:"combobox","aria-autocomplete":"list","aria-controls":r==="multiple"?`${se} ${Z}`:Z,"aria-expanded":S,"aria-activedescendant":y.selectionManager.focusedKey?`${Z}-option-${y.selectionManager.focusedKey}`:void 0,"aria-describedby":r==="multiple"?`${se} ${oe??""}`:oe,"aria-label":Q,"aria-labelledby":ne,value:T,onChange:c=>at(c.target.value),onKeyDown:ft,onFocus:pt,onBlur:mt,disabled:R,readOnly:v,required:me,"aria-invalid":Y,placeholder:g,name:G,form:ve,validationbehavior:he,validate:D}],[de.$eaf9e70818b436db$export$5b07b5dd2cbd96e3,{id:se,"aria-label":t.format("selectedValues"),items:st,onRemove:dt}],[Fe.$d2b4bc8c273e7be6$export$24d547caef80ccd1,{slots:{toggle:{onPress:ct,"aria-label":t.format("toggleOptions"),isDisabled:R||v,isPressed:S},clear:{onPress:ut,"aria-label":t.format("clearSelection"),style:C.size>0?void 0:{display:"none"},isDisabled:R||v||y.selectionManager.selectedKeys.size===0}}}],[wt.$07b14b47974efb58$export$9b9a0cd73afb7ca4,{isOpen:S,onOpenChange:()=>{},ref:Be,triggerRef:Me,scrollRef:ge,isNonModal:!0,trigger:"ComboBox",placement:"bottom start",style:{"--nimbus-combobox-trigger-width":lt},clearContexts:[$t.$01b77f81d0f07f68$export$75b6ee27786ba447,Fe.$d2b4bc8c273e7be6$export$24d547caef80ccd1,xe.$3985021b0ad6602f$export$37fb8590cf2c088c,St.$a049562f99e7db0e$export$f9c6924e160136d1,Kt.$514c0188e459b4c0$export$9afb8bc826b033ea]}],[Ct.$4e85f108e88277b8$export$b0d3ecf7112093a7,{shouldUseVirtualFocus:!0}],[fe.$eed445e0843c11d0$export$7ff8f37d2d81a48d,{items:l,id:Z,ref:ge,renderEmptyState:U,shouldFocusWrap:E,"aria-label":t.format("options")}],[fe.$eed445e0843c11d0$export$7c5906fe4f1f2af2,y]];return m.jsxs(Oe.$64fa3d84918910a7$export$2881499e37b75b9a,{values:gt,children:[m.jsx(Ue,{name:G,form:ve,selectedKeys:C,selectionMode:r,formValue:Ie,allowsCustomOptions:W,collection:y.collection,inputValue:T}),a]})},Qe=e=>{const[t,r]=pe.extractStyleProps(e),l=o.useContext(xe.$3985021b0ad6602f$export$37fb8590cf2c088c),{inputRef:n}=Ke();let s="",a="";l&&typeof l=="object"&&"value"in l&&(s=l.value||"",a=l.placeholder||"");const i=Math.max(s.length||a.length||1,1);return m.jsx(jt,{asChild:!0,...t,children:m.jsx(xe.$3985021b0ad6602f$export$f5b8910cec6cf069,{ref:n,...r,size:i,"data-empty":!(s.length||a.length)})})};Qe.displayName="ComboBox.Input";const rr=({children:e})=>m.jsx(Tt,{children:e}),Xe=e=>{const{selectionMode:t,size:r,getKey:l,getTextValue:n,isDisabled:s,isReadOnly:a}=Ke(),[i,d]=pe.extractStyleProps(e),x=o.useContext(de.$eaf9e70818b436db$export$5b07b5dd2cbd96e3),h=(x&&"items"in x?x.items:void 0)??[];return t!=="multiple"?null:m.jsx(Vt,{...i,...d,asChild:!0,children:m.jsx(de.TagGroup.Root,{size:r,children:m.jsx(de.TagGroup.TagList,{items:h,display:"contents",children:f=>{const $=l(f),g=n(f);return m.jsx(de.TagGroup.Tag,{id:$,textValue:g,isDisabled:s||a,maxW:"100%",children:g})}})})})};Xe.displayName="ComboBox.TagGroup";const Ye=({children:e,...t})=>{const{triggerRef:r,leadingElement:l,inputRef:n,isLoading:s,isDisabled:a}=Ke(),i=d=>{!a&&d.target instanceof HTMLElement&&!d.target.closest("button")&&n.current?.focus()};return m.jsxs(Lt,{ref:r,onClick:i,...t,children:[l&&m.jsx(rr,{children:l}),m.jsxs(Pt,{children:[m.jsx(Xe,{}),m.jsx(Qe,{})]}),m.jsx(Ne.IconButton,{slot:"clear",size:"2xs",variant:"ghost",colorPalette:"primary",children:m.jsx(Ee.Close,{})}),m.jsx(Ne.IconButton,{slot:"toggle",size:"2xs",variant:"ghost",colorPalette:"neutral",excludeFromTabOrder:!0,children:s?m.jsx(ht.LoadingSpinner,{size:"xs",margin:"50"}):m.jsx(Ee.KeyboardArrowDown,{})}),e]})};Ye.displayName="ComboBox.Trigger";const Ze=({children:e,ref:t,...r})=>{const[l,n]=pe.extractStyleProps(r);return m.jsx(Dt,{asChild:!0,...l,children:m.jsx(xt.Popover,{ref:t,isNonModal:!0,autoFocus:!0,...n,children:e})})};Ze.displayName="ComboBox.Popover";function _e({children:e,ref:t,...r}){const[l,n]=pe.extractStyleProps(r),s=typeof e=="function"?a=>{const i=e(a),d=a;return o.isValidElement(i)&&(d.id||d.textValue)?o.cloneElement(i,{...i.props,...d.id?{id:d.id}:{},...d.textValue?{textValue:d.textValue}:{}}):i}:e;return m.jsx(kt,{...l,ref:t,asChild:!0,children:m.jsx(fe.$eed445e0843c11d0$export$41f133550aa26f48,{...n,children:s})})}_e.displayName="ComboBox.ListBox";function et({children:e,ref:t,...r}){const[l,n]=pe.extractStyleProps(r);return m.jsx(qt,{...l,asChild:!0,children:m.jsx(fe.$eed445e0843c11d0$export$a11e76429ed99b4,{ref:t,...n,children:s=>{const a=typeof e=="function"?e({...s}):e;return s.selectionMode==="multiple"?m.jsxs(m.Fragment,{children:[m.jsx(Nt,{children:m.jsx("span",{"data-selected":s.isSelected,children:s.isSelected&&m.jsx(Ee.Check,{})})}),m.jsx(Wt,{children:a})]}):m.jsx(m.Fragment,{children:a})}})})}et.displayName="ComboBox.Option";function tt({children:e,label:t,items:r,ref:l,...n}){if(r&&typeof e!="function")throw new Error('ComboBox.Section: When "items" is provided, "children" must be a function');return m.jsxs(fe.$eed445e0843c11d0$export$dca12b0bb56e4fc,{ref:l,...n,children:[t&&m.jsx(zt,{asChild:!0,children:m.jsx(yt.$72a5793c14baf454$export$8b251419efc915eb,{children:t})}),r?m.jsx(Ge.$e1995378a142960e$export$fb8073518f34e6ec,{items:r,children:s=>typeof e=="function"?e(s):null}):e]})}tt.displayName="ComboBox.Section";function rt(e,t){if(!t.trim())return e;const r=t.toLowerCase(),l=[];for(const n of e)n.textValue.toLowerCase().includes(r)&&l.push(n);return l}function nr(e,t){if(!t.trim())return e;const r=t.toLowerCase(),l=[];for(const n of e)n.textValue.toLowerCase().startsWith(r)&&l.push(n);return l}function or(e,t){if(!t.trim())return e;const r=[];for(const l of e)l.textValue.includes(t)&&r.push(l);return r}function sr(e,t){if(!t.trim())return e;const r=t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),l=new RegExp(`\\b${r}`,"i"),n=[];for(const s of e)l.test(s.textValue)&&n.push(s);return n}function lr(e,t){if(!t.trim())return e;const r=t.toLowerCase(),l=[];for(const n of e){const s=n.textValue.toLowerCase();let a=0;for(let i=0;i<s.length&&a<r.length;i++)s[i]===r[a]&&a++;a===r.length&&l.push(n)}return l}function ir(e){return(t,r)=>{if(!r.trim())return t;const l=r.toLowerCase(),n=[];for(const s of t){const a=s.value;if(!a)continue;e.some(d=>{const x=d.split(".").reduce((f,$)=>f&&typeof f=="object"?f[$]:void 0,a);return x==null?!1:String(x).toLowerCase().includes(l)})&&n.push(s)}return n}}function cr(e){return(t,r)=>{if(!r.trim())return t;const l=[];for(const n of t){const s=e(n,r);s>0&&l.push({node:n,score:s})}return l.sort((n,s)=>s.score-n.score),l.map(n=>n.node)}}function ar(e=rt){return(t,r)=>{if(!r.trim())return t;const l=r.split(/\s+/).filter(a=>a.length>0);if(l.length===0)return t;const n=new Set;for(const a of l){const i=e(t,a);for(const d of i)n.add(d.key)}const s=[];for(const a of t)n.has(a.key)&&s.push(a);return s}}function ur(e){return(t,r)=>{if(!r.trim())return t;const l=[];let n=null;const s=[],a=()=>{n&&s.length>0&&(l.push(n),l.push(...s)),s.length=0};for(const i of t)if(i.type==="section")a(),n=i;else{const d=Array.from(e([i],r));d.length>0&&s.push(...d)}return a(),l}}const dr={Root:Je,Trigger:Ye,Popover:Ze,ListBox:_e,Option:et,Section:tt,filters:{filterByText:rt,filterByStartsWith:nr,filterByCaseSensitive:or,filterByWordBoundary:sr,filterByFuzzy:lr,createMultiPropertyFilter:ir,createRankedFilter:cr,createMultiTermFilter:ar,createSectionAwareFilter:ur}};exports.ComboBox=dr;
+//# sourceMappingURL=combobox-BrWAptAY.cjs.js.map