@commercetools/nimbus 3.7.0 → 3.8.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-yMlNKWkS.es.js","names":["$5eYZN$useEffect","$5eYZN$useMemo","$43eCz$useToggleState","$43eCz$useFormValidationState","$43eCz$useRef","$43eCz$DEFAULT_VALIDATION_RESULT","$43eCz$useEffect","$43eCz$privateValidationStateProp","$j1L6B$createContext","$j1L6B$useContext","$j1L6B$useObjectRef","$j1L6B$useMemo","$j1L6B$mergeRefs","$j1L6B$useCheckboxGroupItem","$j1L6B$useCheckbox","$j1L6B$useToggleState","$j1L6B$forwardRef","$j1L6B$react","$j1L6B$useFocusRing","$j1L6B$useHover","$j1L6B$filterDOMProps","$j1L6B$mergeProps","$j1L6B$VisuallyHidden","_jsx","RaCheckbox","_Fragment","Check","Minus","$4064df0d6f9620e1$export$c9058316764c140e","$03e8ab2d84d7657a$export$4338b53315abf666","$8e9d2fae0ecb9001$export$457c3d6518dd4c6f","$fd2148440a13ec26$export$fc1a364ae1f3ff10","$fd2148440a13ec26$export$dad6ae84456c676a","$fd2148440a13ec26$export$a763b9476acd3eb","$876b6f32ca5a04c3$export$cbe85ee05b554577","$fd3c5e01e837dc20$export$8042c6c013fd5226","$ea3928288112382f$export$439d29a4e110a164","$0c4a58759813079a$export$4e328f61c538687f","$e969f22b6713ca4a$export$ae780daf29e6d456","$7230ffa83bc0c2cf$export$fabf2dc03a41866e","$7230ffa83bc0c2cf$export$29f1550f4b0d4415","$7230ffa83bc0c2cf$export$df3a06d6289f983e","$7230ffa83bc0c2cf$export$4d86445c2cf5e3","$7230ffa83bc0c2cf$export$ef03459518577ad4","$cdaed739b1139372$export$c24727297075ec6a","ForwardRef$1","extractStyleProps","$3ARPR$react","Fragment$1","$dde212bea465bd23$export$e375f10ce42261c5","props","state","inputRef","useEffect","isIndeterminate","$bbaa08b3cd72f041$export$9d1611c77c2fe928","labelProps","useMemo","$0fffd24394d22962$export$ec98120685d4f57d","$55cfc34eef47e1ca$export$353b32fc6898d37d","toggleState","isSelected","validationBehavior","nativeValidation","useRef","updateValidation","realtimeValidation","combinedRealtimeValidation","displayValidation","res","name","form","v","errorMessageId","descriptionId","$ed8ccb2e23e76301$export$b085522c77523c51","$ed8ccb2e23e76301$export$c32003b803b6c22e","$ed8ccb2e23e76301$export$139c5b8563afc1fc","$ed8ccb2e23e76301$var$InternalCheckboxContext","$ed8ccb2e23e76301$var$useCheckboxAria","formValidationBehavior","groupState","useContext","userProvidedInputRef","checkboxProps","$ed8ccb2e23e76301$export$48513f6b9f8ce62d","otherProps","ref","aria","$ed8ccb2e23e76301$export$6e7a18c0548f3129","isInteractionDisabled","isDisabled","isReadOnly","renderProps","isRequired","DOMProps","hoverProps","isPressed","isHovered","isFocused","isFocusVisible","isInvalid","inputProps","focusProps","ForwardRef","forwardRef","jsx","createSlotRecipeContext","CheckboxRoot","withProvider","CheckboxLabel","withContext","CheckboxIndicator","Checkbox","forwardedRef","restProps","recipeProps","remainingProps","useSlotRecipe","styleProps","functionalProps","stateProps","children"],"sources":["../../../../node_modules/.pnpm/react-aria@3.53.1_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/checkbox/useCheckbox.mjs","../../../../node_modules/.pnpm/react-aria@3.53.1_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/checkbox/utils.mjs","../../../../node_modules/.pnpm/react-aria@3.53.1_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/checkbox/useCheckboxGroupItem.mjs","../../../../node_modules/.pnpm/react-aria-components@1.22.1_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria-components/dist/private/Checkbox.mjs","../../../nimbus-icons/dist/esm/material-icons/remove.js","../../src/components/checkbox/checkbox.slots.tsx","../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import {useToggle as $876b6f32ca5a04c3$export$cbe85ee05b554577} from \"../toggle/useToggle.mjs\";\nimport {mergeProps as $bbaa08b3cd72f041$export$9d1611c77c2fe928} from \"../utils/mergeProps.mjs\";\nimport {useEffect as $5eYZN$useEffect, useMemo as $5eYZN$useMemo} from \"react\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\nfunction $dde212bea465bd23$export$e375f10ce42261c5(props, state, inputRef) {\n    let { labelProps: labelProps, inputProps: inputProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, isSelected: isSelected, isPressed: isPressed, isDisabled: isDisabled, isReadOnly: isReadOnly, isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = (0, $876b6f32ca5a04c3$export$cbe85ee05b554577)(props, state, inputRef);\n    let { isIndeterminate: isIndeterminate } = props;\n    (0, $5eYZN$useEffect)(()=>{\n        // indeterminate is a property, but it can only be set via javascript\n        // https://css-tricks.com/indeterminate-checkboxes/\n        if (inputRef.current) inputRef.current.indeterminate = !!isIndeterminate;\n    });\n    return {\n        labelProps: (0, $bbaa08b3cd72f041$export$9d1611c77c2fe928)(labelProps, (0, $5eYZN$useMemo)(()=>({\n                // Prevent label from being focused when mouse down on it.\n                // Note, this does not prevent the input from being focused in the `click` event.\n                onMouseDown: (e)=>e.preventDefault()\n            }), [])),\n        inputProps: inputProps,\n        descriptionProps: descriptionProps,\n        errorMessageProps: errorMessageProps,\n        isSelected: isSelected,\n        isPressed: isPressed,\n        isDisabled: isDisabled,\n        isReadOnly: isReadOnly,\n        isInvalid: isInvalid,\n        validationErrors: validationErrors,\n        validationDetails: validationDetails\n    };\n}\n\n\nexport {$dde212bea465bd23$export$e375f10ce42261c5 as useCheckbox};\n//# sourceMappingURL=useCheckbox.mjs.map\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ const $0fffd24394d22962$export$ec98120685d4f57d = new WeakMap();\n\n\nexport {$0fffd24394d22962$export$ec98120685d4f57d as checkboxGroupData};\n//# sourceMappingURL=utils.mjs.map\n","import {useCheckbox as $dde212bea465bd23$export$e375f10ce42261c5} from \"./useCheckbox.mjs\";\nimport {checkboxGroupData as $0fffd24394d22962$export$ec98120685d4f57d} from \"./utils.mjs\";\nimport {useFormValidationState as $43eCz$useFormValidationState, DEFAULT_VALIDATION_RESULT as $43eCz$DEFAULT_VALIDATION_RESULT, privateValidationStateProp as $43eCz$privateValidationStateProp} from \"react-stately/private/form/useFormValidationState\";\nimport {useRef as $43eCz$useRef, useEffect as $43eCz$useEffect} from \"react\";\nimport {useToggleState as $43eCz$useToggleState} from \"react-stately/useToggleState\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\nfunction $55cfc34eef47e1ca$export$353b32fc6898d37d(props, state, inputRef) {\n    const toggleState = (0, $43eCz$useToggleState)({\n        isReadOnly: props.isReadOnly || state.isReadOnly,\n        isSelected: state.isSelected(props.value),\n        defaultSelected: state.defaultValue.includes(props.value),\n        onChange (isSelected) {\n            if (isSelected) state.addValue(props.value);\n            else state.removeValue(props.value);\n            if (props.onChange) props.onChange(isSelected);\n        }\n    });\n    let { name: name, form: form, descriptionId: descriptionId, errorMessageId: errorMessageId, validationBehavior: validationBehavior } = (0, $0fffd24394d22962$export$ec98120685d4f57d).get(state);\n    validationBehavior = props.validationBehavior ?? validationBehavior;\n    // Local validation for this checkbox.\n    let { realtimeValidation: realtimeValidation } = (0, $43eCz$useFormValidationState)({\n        ...props,\n        value: toggleState.isSelected,\n        // Server validation is handled at the group level.\n        name: undefined,\n        validationBehavior: 'aria'\n    });\n    // Update the checkbox group state when realtime validation changes.\n    let nativeValidation = (0, $43eCz$useRef)((0, $43eCz$DEFAULT_VALIDATION_RESULT));\n    let updateValidation = ()=>{\n        state.setInvalid(props.value, realtimeValidation.isInvalid ? realtimeValidation : nativeValidation.current);\n    };\n    (0, $43eCz$useEffect)(updateValidation);\n    // Combine group and checkbox level validation.\n    let combinedRealtimeValidation = state.realtimeValidation.isInvalid ? state.realtimeValidation : realtimeValidation;\n    let displayValidation = validationBehavior === 'native' ? state.displayValidation : combinedRealtimeValidation;\n    let res = (0, $dde212bea465bd23$export$e375f10ce42261c5)({\n        ...props,\n        isReadOnly: props.isReadOnly || state.isReadOnly,\n        isDisabled: props.isDisabled || state.isDisabled,\n        name: props.name || name,\n        form: props.form || form,\n        isRequired: props.isRequired ?? state.isRequired,\n        validationBehavior: validationBehavior,\n        [(0, $43eCz$privateValidationStateProp)]: {\n            realtimeValidation: combinedRealtimeValidation,\n            displayValidation: displayValidation,\n            resetValidation: state.resetValidation,\n            commitValidation: state.commitValidation,\n            updateValidation (v) {\n                nativeValidation.current = v;\n                updateValidation();\n            }\n        }\n    }, toggleState, inputRef);\n    return {\n        ...res,\n        inputProps: {\n            ...res.inputProps,\n            'aria-describedby': [\n                res.inputProps['aria-describedby'],\n                state.isInvalid ? errorMessageId : null,\n                descriptionId\n            ].filter(Boolean).join(' ') || undefined\n        }\n    };\n}\n\n\nexport {$55cfc34eef47e1ca$export$353b32fc6898d37d as useCheckboxGroupItem};\n//# sourceMappingURL=useCheckboxGroupItem.mjs.map\n","import {dom as $7230ffa83bc0c2cf$export$df3a06d6289f983e, Provider as $7230ffa83bc0c2cf$export$2881499e37b75b9a, removeDataAttributes as $7230ffa83bc0c2cf$export$ef03459518577ad4, useContextProps as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, useRenderProps as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, useSlot as $7230ffa83bc0c2cf$export$9d4c57ee4c6ffdd8, useSlottedContext as $7230ffa83bc0c2cf$export$fabf2dc03a41866e} from \"./utils.mjs\";\nimport {FieldErrorContext as $1f3c3b1a70cec653$export$ff05c3ac10437e03} from \"./FieldError.mjs\";\nimport {FormContext as $cdaed739b1139372$export$c24727297075ec6a} from \"./Form.mjs\";\nimport {LabelContext as $43a3b93638fe5db9$export$75b6ee27786ba447} from \"./Label.mjs\";\nimport {TextContext as $efe09c6d1c304b50$export$9afb8bc826b033ea} from \"./Text.mjs\";\nimport {useCheckboxGroup as $j1L6B$useCheckboxGroup, useCheckboxGroupItem as $j1L6B$useCheckboxGroupItem} from \"react-aria/useCheckboxGroup\";\nimport {useCheckbox as $j1L6B$useCheckbox} from \"react-aria/useCheckbox\";\nimport {useCheckboxGroupState as $j1L6B$useCheckboxGroupState} from \"react-stately/useCheckboxGroupState\";\nimport {filterDOMProps as $j1L6B$filterDOMProps} from \"react-aria/filterDOMProps\";\nimport {mergeProps as $j1L6B$mergeProps} from \"react-aria/mergeProps\";\nimport {mergeRefs as $j1L6B$mergeRefs} from \"react-aria/mergeRefs\";\nimport $j1L6B$react, {createContext as $j1L6B$createContext, forwardRef as $j1L6B$forwardRef, useContext as $j1L6B$useContext, useMemo as $j1L6B$useMemo} from \"react\";\nimport {useFocusRing as $j1L6B$useFocusRing} from \"react-aria/useFocusRing\";\nimport {useHover as $j1L6B$useHover} from \"react-aria/useHover\";\nimport {useObjectRef as $j1L6B$useObjectRef} from \"react-aria/useObjectRef\";\nimport {useToggleState as $j1L6B$useToggleState} from \"react-stately/useToggleState\";\nimport {VisuallyHidden as $j1L6B$VisuallyHidden} from \"react-aria/VisuallyHidden\";\n\n/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst $ed8ccb2e23e76301$export$b085522c77523c51 = /*#__PURE__*/ (0, $j1L6B$createContext)(null);\nconst $ed8ccb2e23e76301$export$c32003b803b6c22e = /*#__PURE__*/ (0, $j1L6B$createContext)(null);\nconst $ed8ccb2e23e76301$export$baf37c4be89255b8 = /*#__PURE__*/ (0, $j1L6B$createContext)(null);\nconst $ed8ccb2e23e76301$export$139c5b8563afc1fc = /*#__PURE__*/ (0, $j1L6B$createContext)(null);\nconst $ed8ccb2e23e76301$export$4aa08d5625cb8ead = /*#__PURE__*/ (0, $j1L6B$forwardRef)(function CheckboxGroup(props, ref) {\n    [props, ref] = (0, $7230ffa83bc0c2cf$export$29f1550f4b0d4415)(props, ref, $ed8ccb2e23e76301$export$baf37c4be89255b8);\n    let { validationBehavior: formValidationBehavior } = (0, $7230ffa83bc0c2cf$export$fabf2dc03a41866e)((0, $cdaed739b1139372$export$c24727297075ec6a)) || {};\n    let validationBehavior = props.validationBehavior ?? formValidationBehavior ?? 'native';\n    let state = (0, $j1L6B$useCheckboxGroupState)({\n        ...props,\n        validationBehavior: validationBehavior\n    });\n    let [labelRef, label] = (0, $7230ffa83bc0c2cf$export$9d4c57ee4c6ffdd8)(!props['aria-label'] && !props['aria-labelledby']);\n    let { groupProps: groupProps, labelProps: labelProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, ...validation } = (0, $j1L6B$useCheckboxGroup)({\n        ...props,\n        label: label,\n        validationBehavior: validationBehavior\n    }, state);\n    let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({\n        ...props,\n        values: {\n            isDisabled: state.isDisabled,\n            isReadOnly: state.isReadOnly,\n            isRequired: props.isRequired || false,\n            isInvalid: state.isInvalid,\n            state: state\n        },\n        defaultClassName: 'react-aria-CheckboxGroup'\n    });\n    let DOMProps = (0, $j1L6B$filterDOMProps)(props, {\n        global: true\n    });\n    return /*#__PURE__*/ (0, $j1L6B$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).div, {\n        ...(0, $j1L6B$mergeProps)(DOMProps, renderProps, groupProps),\n        ref: ref,\n        slot: props.slot || undefined,\n        \"data-readonly\": state.isReadOnly || undefined,\n        \"data-required\": props.isRequired || undefined,\n        \"data-invalid\": state.isInvalid || undefined,\n        \"data-disabled\": props.isDisabled || undefined\n    }, /*#__PURE__*/ (0, $j1L6B$react).createElement((0, $7230ffa83bc0c2cf$export$2881499e37b75b9a), {\n        values: [\n            [\n                $ed8ccb2e23e76301$export$139c5b8563afc1fc,\n                state\n            ],\n            [\n                (0, $43a3b93638fe5db9$export$75b6ee27786ba447),\n                {\n                    ...labelProps,\n                    ref: labelRef,\n                    elementType: 'span'\n                }\n            ],\n            [\n                (0, $efe09c6d1c304b50$export$9afb8bc826b033ea),\n                {\n                    slots: {\n                        description: descriptionProps,\n                        errorMessage: errorMessageProps\n                    }\n                }\n            ],\n            [\n                (0, $1f3c3b1a70cec653$export$ff05c3ac10437e03),\n                validation\n            ]\n        ]\n    }, renderProps.children));\n});\nconst $ed8ccb2e23e76301$var$InternalCheckboxContext = /*#__PURE__*/ (0, $j1L6B$createContext)(null);\nconst $ed8ccb2e23e76301$export$94195a47b94ed396 = /*#__PURE__*/ (0, $j1L6B$forwardRef)(function Checkbox(props, ref) {\n    let { inputRef: userProvidedInputRef = null, ...otherProps } = props;\n    [props, ref] = (0, $7230ffa83bc0c2cf$export$29f1550f4b0d4415)(otherProps, ref, $ed8ccb2e23e76301$export$c32003b803b6c22e);\n    let groupState = (0, $j1L6B$useContext)($ed8ccb2e23e76301$export$139c5b8563afc1fc);\n    let [aria, inputRef] = $ed8ccb2e23e76301$var$useCheckboxAria(props, userProvidedInputRef);\n    let { descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, isSelected: isSelected, isDisabled: isDisabled, isReadOnly: isReadOnly, isInvalid: isInvalid, validationDetails: validationDetails, validationErrors: validationErrors } = aria;\n    let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({\n        ...props,\n        defaultClassName: 'react-aria-CheckboxField',\n        values: {\n            isSelected: isSelected,\n            isIndeterminate: props.isIndeterminate || false,\n            isDisabled: isDisabled,\n            isReadOnly: isReadOnly,\n            isInvalid: isInvalid,\n            isRequired: props.isRequired || false\n        }\n    });\n    let DOMProps = (0, $j1L6B$filterDOMProps)(props, {\n        global: true\n    });\n    delete DOMProps.id;\n    delete DOMProps.onClick;\n    return /*#__PURE__*/ (0, $j1L6B$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).div, {\n        ...(0, $j1L6B$mergeProps)(DOMProps, renderProps),\n        ref: ref,\n        slot: props.slot || undefined,\n        \"data-selected\": isSelected || undefined,\n        \"data-indeterminate\": props.isIndeterminate || undefined,\n        \"data-disabled\": isDisabled || undefined,\n        \"data-readonly\": isReadOnly || undefined,\n        \"data-invalid\": isInvalid || undefined,\n        \"data-required\": props.isRequired || undefined\n    }, /*#__PURE__*/ (0, $j1L6B$react).createElement((0, $7230ffa83bc0c2cf$export$2881499e37b75b9a), {\n        values: [\n            [\n                $ed8ccb2e23e76301$var$InternalCheckboxContext,\n                {\n                    ...aria,\n                    inputRef: inputRef,\n                    defaultClassName: 'react-aria-CheckboxButton',\n                    isIndeterminate: props.isIndeterminate,\n                    isRequired: props.isRequired\n                }\n            ],\n            [\n                (0, $efe09c6d1c304b50$export$9afb8bc826b033ea),\n                {\n                    slots: {\n                        description: descriptionProps,\n                        errorMessage: errorMessageProps\n                    }\n                }\n            ],\n            // In a CheckboxGroup, validation is handled at the group level instead of repeated on each checkbox.\n            [\n                (0, $1f3c3b1a70cec653$export$ff05c3ac10437e03),\n                groupState ? null : {\n                    isInvalid: isInvalid,\n                    validationDetails: validationDetails,\n                    validationErrors: validationErrors\n                }\n            ]\n        ]\n    }, renderProps.children));\n});\nfunction $ed8ccb2e23e76301$var$useCheckboxAria(props, userProvidedInputRef) {\n    let { validationBehavior: formValidationBehavior } = (0, $7230ffa83bc0c2cf$export$fabf2dc03a41866e)((0, $cdaed739b1139372$export$c24727297075ec6a)) || {};\n    let validationBehavior = props.validationBehavior ?? formValidationBehavior ?? 'native';\n    let groupState = (0, $j1L6B$useContext)($ed8ccb2e23e76301$export$139c5b8563afc1fc);\n    let inputRef = (0, $j1L6B$useObjectRef)((0, $j1L6B$useMemo)(()=>(0, $j1L6B$mergeRefs)(userProvidedInputRef, props.inputRef !== undefined ? props.inputRef : null), [\n        userProvidedInputRef,\n        props.inputRef\n    ]));\n    let checkboxProps = {\n        ...(0, $7230ffa83bc0c2cf$export$ef03459518577ad4)(props),\n        children: typeof props.children === 'function' ? true : props.children,\n        value: props.value,\n        validationBehavior: validationBehavior\n    };\n    let aria = groupState ? (0, $j1L6B$useCheckboxGroupItem)(checkboxProps, groupState, inputRef) : (0, $j1L6B$useCheckbox)(checkboxProps, (0, $j1L6B$useToggleState)(props), inputRef);\n    return [\n        aria,\n        inputRef\n    ];\n}\nconst $ed8ccb2e23e76301$export$48513f6b9f8ce62d = /*#__PURE__*/ (0, $j1L6B$forwardRef)(function Checkbox(props, ref) {\n    let { inputRef: userProvidedInputRef = null, ...otherProps } = props;\n    [props, ref] = (0, $7230ffa83bc0c2cf$export$29f1550f4b0d4415)(otherProps, ref, $ed8ccb2e23e76301$export$b085522c77523c51);\n    let [aria, inputRef] = $ed8ccb2e23e76301$var$useCheckboxAria(props, userProvidedInputRef);\n    return /*#__PURE__*/ (0, $j1L6B$react).createElement($ed8ccb2e23e76301$var$InternalCheckboxContext.Provider, {\n        value: {\n            ...aria,\n            inputRef: inputRef,\n            defaultClassName: 'react-aria-Checkbox',\n            isIndeterminate: props.isIndeterminate,\n            isRequired: props.isRequired\n        }\n    }, /*#__PURE__*/ (0, $j1L6B$react).createElement($ed8ccb2e23e76301$export$6e7a18c0548f3129, {\n        ...props,\n        ref: ref\n    }));\n});\nconst $ed8ccb2e23e76301$export$6e7a18c0548f3129 = /*#__PURE__*/ (0, $j1L6B$forwardRef)(function CheckboxButton(props, ref) {\n    let { labelProps: labelProps, inputProps: inputProps, isSelected: isSelected, isDisabled: isDisabled, isReadOnly: isReadOnly, isPressed: isPressed, isInvalid: isInvalid, inputRef: inputRef, defaultClassName: defaultClassName, isIndeterminate: isIndeterminate, isRequired: isRequired } = (0, $j1L6B$useContext)($ed8ccb2e23e76301$var$InternalCheckboxContext);\n    let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $j1L6B$useFocusRing)();\n    let isInteractionDisabled = isDisabled || isReadOnly;\n    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $j1L6B$useHover)({\n        ...props,\n        isDisabled: isInteractionDisabled\n    });\n    let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({\n        ...props,\n        defaultClassName: defaultClassName,\n        values: {\n            isSelected: isSelected,\n            isIndeterminate: isIndeterminate || false,\n            isPressed: isPressed,\n            isHovered: isHovered,\n            isFocused: isFocused,\n            isFocusVisible: isFocusVisible,\n            isDisabled: isDisabled,\n            isReadOnly: isReadOnly,\n            isInvalid: isInvalid,\n            isRequired: isRequired || false\n        }\n    });\n    let DOMProps = (0, $j1L6B$filterDOMProps)(props, {\n        global: true\n    });\n    delete DOMProps.id;\n    delete DOMProps.onClick;\n    return /*#__PURE__*/ (0, $j1L6B$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).label, {\n        ...(0, $j1L6B$mergeProps)(DOMProps, labelProps, hoverProps, renderProps),\n        ref: ref,\n        slot: props.slot || undefined,\n        \"data-selected\": isSelected || undefined,\n        \"data-indeterminate\": isIndeterminate || undefined,\n        \"data-pressed\": isPressed || undefined,\n        \"data-hovered\": isHovered || undefined,\n        \"data-focused\": isFocused || undefined,\n        \"data-focus-visible\": isFocusVisible || undefined,\n        \"data-disabled\": isDisabled || undefined,\n        \"data-readonly\": isReadOnly || undefined,\n        \"data-invalid\": isInvalid || undefined,\n        \"data-required\": isRequired || undefined\n    }, /*#__PURE__*/ (0, $j1L6B$react).createElement((0, $j1L6B$VisuallyHidden), {\n        elementType: \"span\"\n    }, /*#__PURE__*/ (0, $j1L6B$react).createElement(\"input\", {\n        ...(0, $j1L6B$mergeProps)(inputProps, focusProps),\n        ref: inputRef\n    })), renderProps.children);\n});\n\n\nexport {$ed8ccb2e23e76301$export$b085522c77523c51 as CheckboxContext, $ed8ccb2e23e76301$export$c32003b803b6c22e as CheckboxFieldContext, $ed8ccb2e23e76301$export$baf37c4be89255b8 as CheckboxGroupContext, $ed8ccb2e23e76301$export$139c5b8563afc1fc as CheckboxGroupStateContext, $ed8ccb2e23e76301$export$4aa08d5625cb8ead as CheckboxGroup, $ed8ccb2e23e76301$export$94195a47b94ed396 as CheckboxField, $ed8ccb2e23e76301$export$48513f6b9f8ce62d as Checkbox, $ed8ccb2e23e76301$export$6e7a18c0548f3129 as CheckboxButton};\n//# sourceMappingURL=Checkbox.mjs.map\n","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from \"react\";\nconst SvgRemove = (props, ref) => (_jsx(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", \"aria-hidden\": \"true\", fill: \"currentColor\", ref: ref, ...props, children: _jsx(\"path\", { d: \"M19 13H5v-2h14z\" }) }));\nconst ForwardRef = forwardRef(SvgRemove);\nexport default ForwardRef;\n","import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport { Checkbox as RaCheckbox } from \"react-aria-components\";\nimport type { SlotComponent } from \"@/type-utils/slot-types\";\nimport type {\n  CheckboxRootSlotProps,\n  CheckboxIndicatorSlotProps,\n  CheckboxLabelSlotProps,\n} from \"./checkbox.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusCheckbox\",\n});\n\nexport const CheckboxRoot: SlotComponent<\n  HTMLLabelElement,\n  CheckboxRootSlotProps\n> = withProvider<HTMLLabelElement, CheckboxRootSlotProps>(RaCheckbox, \"root\");\n\nexport const CheckboxLabel: SlotComponent<\n  HTMLSpanElement,\n  CheckboxLabelSlotProps\n> = withContext<HTMLSpanElement, CheckboxLabelSlotProps>(\"span\", \"label\");\n\nexport const CheckboxIndicator: SlotComponent<\n  HTMLSpanElement,\n  CheckboxIndicatorSlotProps\n> = withContext<HTMLSpanElement, CheckboxIndicatorSlotProps>(\n  \"span\",\n  \"indicator\"\n);\n","import { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { Check, Remove as Minus } from \"@commercetools/nimbus-icons\";\nimport { extractStyleProps } from \"@/utils\";\nimport type { CheckboxProps } from \"./checkbox.types\";\nimport type { CheckboxRenderProps } from \"react-aria-components\";\nimport {\n  CheckboxIndicator,\n  CheckboxRoot,\n  CheckboxLabel,\n} from \"./checkbox.slots\";\n\n/**\n * # Checkbox\n *\n * Displays a checkbox.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/checkbox}\n * @supportsStyleProps\n */\nexport const Checkbox = (props: CheckboxProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  const recipe = useSlotRecipe({ key: \"nimbusCheckbox\" });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps(restProps);\n\n  const [styleProps, functionalProps] = extractStyleProps(remainingProps);\n\n  return (\n    <CheckboxRoot\n      ref={forwardedRef}\n      data-slot=\"root\"\n      {...functionalProps}\n      {...recipeProps}\n      {...styleProps}\n    >\n      {({\n        isSelected,\n        isIndeterminate,\n        isInvalid,\n        isDisabled,\n        isFocused,\n      }: CheckboxRenderProps) => {\n        const stateProps = {\n          \"data-selected\": isSelected,\n          \"data-indeterminate\": isIndeterminate,\n          \"data-invalid\": isInvalid,\n          \"data-disabled\": isDisabled,\n          \"data-focus\": isFocused || undefined,\n        };\n\n        return (\n          <>\n            <CheckboxIndicator data-slot=\"indicator\" {...stateProps}>\n              {isSelected && <Check />}\n              {isIndeterminate && <Minus />}\n            </CheckboxIndicator>\n\n            {children && (\n              <CheckboxLabel data-slot=\"label\" {...stateProps}>\n                {children}\n              </CheckboxLabel>\n            )}\n          </>\n        );\n      }}\n    </CheckboxRoot>\n  );\n};\nCheckbox.displayName = \"Checkbox\";\n"],"ignoreList":[0,1,2,3],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible-motion-B70cr4KH.es.js","names":["useDisclosureState","useDisclosure","mergeProps","ButtonContext","RaButton","useObjectRef","$bbaa08b3cd72f041$export$9d1611c77c2fe928","$086b1fd51041276f$export$3fcbf6e4407997e0","$7705c033048f6da7$export$353f5b6fc5456de1","$7705c033048f6da7$export$24d547caef80ccd1","extractStyleProps","mergeRefs","CollapsibleMotionContext","createContext","useCollapsibleMotionContext","context","useContext","createSlotRecipeContext","CollapsibleMotionRootSlot","withProvider","CollapsibleMotionTriggerSlot","withContext","CollapsibleMotionContentSlot","CollapsibleMotionRoot","forwardRef","controlledExpanded","props","disclosureState","panelRef","useRef","$89a3495b7d82e671$export$6e3e27031a30522f","contextValue","forwardedRef","CollapsibleMotionTrigger","componentProps","buttonProps","isDisabled","asChild","chakra","styleProps","restProps","CollapsibleMotionContent","localRef","ref","$03e8ab2d84d7657a$export$4338b53315abf666","panelProps","Presence","isExpanded","CollapsibleMotion"],"sources":["../../src/components/collapsible-motion/components/collapsible-motion-context.tsx","../../src/components/collapsible-motion/collapsible-motion.slots.tsx","../../src/components/collapsible-motion/components/collapsible-motion-root.tsx","../../src/components/collapsible-motion/components/collapsible-motion-trigger.tsx","../../src/components/collapsible-motion/components/collapsible-motion-content.tsx","../../src/components/collapsible-motion/collapsible-motion.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { CollapsibleMotionContextValue } from \"../collapsible-motion.types\";\n\n/**\n * React Context for sharing CollapsibleMotion state between compound components\n */\nexport const CollapsibleMotionContext = createContext<\n  CollapsibleMotionContextValue | undefined\n>(undefined);\n\n/**\n * Custom hook to consume CollapsibleMotion context\n */\nexport function useCollapsibleMotionContext(): CollapsibleMotionContextValue {\n  const context = useContext(CollapsibleMotionContext);\n\n  if (context === undefined) {\n    throw new Error(\n      \"useCollapsibleMotionContext must be used within a CollapsibleMotion.Root component\"\n    );\n  }\n\n  return context;\n}\n","import {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n} from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type { CollapsibleMotionRootSlotProps } from \"./collapsible-motion.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusCollapsibleMotion\",\n});\n\nexport const CollapsibleMotionRootSlot: SlotComponent<\n  HTMLDivElement,\n  CollapsibleMotionRootSlotProps\n> = withProvider<HTMLDivElement, CollapsibleMotionRootSlotProps>(\"div\", \"root\");\n\nexport const CollapsibleMotionTriggerSlot = withContext<\n  HTMLButtonElement,\n  HTMLChakraProps<\"button\">\n>(\"button\", \"trigger\");\n\nexport const CollapsibleMotionContentSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"content\");\n","import { useRef, forwardRef } from \"react\";\nimport { useDisclosure } from \"react-aria\";\nimport { useDisclosureState } from \"react-stately\";\nimport { CollapsibleMotionContext } from \"./collapsible-motion-context\";\nimport { CollapsibleMotionRootSlot } from \"../collapsible-motion.slots\";\nimport type { CollapsibleMotionRootProps } from \"../collapsible-motion.types\";\n\n/**\n * CollapsibleMotion.Root - The root container component that manages state and provides context\n *\n * This component contains all the state management logic and provides context to\n * CollapsibleMotion.Trigger and CollapsibleMotion.Content components.\n *\n * @supportsStyleProps\n */\nexport const CollapsibleMotionRoot: React.ForwardRefExoticComponent<\n  CollapsibleMotionRootProps & React.RefAttributes<HTMLDivElement>\n> = forwardRef<HTMLDivElement, CollapsibleMotionRootProps>(\n  (\n    {\n      children,\n      defaultExpanded = false,\n      isExpanded: controlledExpanded,\n      onExpandedChange,\n      isDisabled = false,\n      ...props\n    },\n    forwardedRef\n  ) => {\n    // Use React Aria's disclosure state management\n    const disclosureState = useDisclosureState({\n      defaultExpanded,\n      isExpanded: controlledExpanded,\n      onExpandedChange,\n    });\n\n    const panelRef = useRef<HTMLDivElement>(null);\n\n    // Use React Aria's disclosure hook for ARIA props\n    const { buttonProps, panelProps } = useDisclosure(\n      { isDisabled },\n      disclosureState,\n      panelRef\n    );\n\n    // Context value to provide to child components\n    const contextValue = {\n      isDisabled,\n      isExpanded: disclosureState.isExpanded,\n      buttonProps,\n      panelProps,\n      panelRef,\n    };\n\n    return (\n      <CollapsibleMotionContext.Provider value={contextValue}>\n        <CollapsibleMotionRootSlot ref={forwardedRef} {...props}>\n          {children}\n        </CollapsibleMotionRootSlot>\n      </CollapsibleMotionContext.Provider>\n    );\n  }\n);\n\nCollapsibleMotionRoot.displayName = \"CollapsibleMotion.Root\";\n","import { forwardRef } from \"react\";\nimport { mergeProps } from \"react-aria\";\nimport { useCollapsibleMotionContext } from \"./collapsible-motion-context\";\nimport { CollapsibleMotionTriggerSlot } from \"../collapsible-motion.slots\";\nimport type { CollapsibleMotionTriggerProps } from \"../collapsible-motion.types\";\nimport { Button as RaButton, ButtonContext } from \"react-aria-components\";\nimport { chakra } from \"@chakra-ui/react/styled-system\";\nimport { extractStyleProps } from \"@/utils\";\n/**\n * CollapsibleMotion.Trigger - The trigger button that toggles the collapsible content\n *\n * This component renders a button with proper ARIA attributes for accessibility.\n * It automatically handles the toggle functionality when clicked.\n *\n * @supportsStyleProps\n */\nexport const CollapsibleMotionTrigger = forwardRef<\n  HTMLButtonElement,\n  CollapsibleMotionTriggerProps\n>(({ children, asChild, ...props }, forwardedRef) => {\n  const { buttonProps, isDisabled } = useCollapsibleMotionContext();\n\n  // Use mergeProps to properly compose event handlers like React Aria does\n  const componentProps = mergeProps(props, buttonProps, {\n    disabled: isDisabled,\n  });\n\n  // If asChild is true, wrap children directly in a button with asChild.\n  // ButtonContext.Provider passes isDisabled through React Aria's context so\n  // Nimbus Button's useButton receives it (the native `disabled` HTML attribute\n  // alone is overwritten by useButton's output in the JSX spread).\n  if (asChild) {\n    return (\n      <ButtonContext.Provider value={{ isDisabled }}>\n        <chakra.button asChild {...componentProps}>\n          {children}\n        </chakra.button>\n      </ButtonContext.Provider>\n    );\n  }\n\n  const [styleProps, restProps] = extractStyleProps(componentProps);\n\n  // Otherwise, wrap with both CollapsibleMotionTriggerSlot and RaButton\n  // Only pass React Aria compatible props to avoid type conflicts\n  return (\n    <CollapsibleMotionTriggerSlot ref={forwardedRef} {...styleProps} asChild>\n      <RaButton {...restProps}>{children}</RaButton>\n    </CollapsibleMotionTriggerSlot>\n  );\n});\n\nCollapsibleMotionTrigger.displayName = \"CollapsibleMotion.Trigger\";\n","import { forwardRef, useRef } from \"react\";\nimport { useObjectRef } from \"react-aria\";\nimport { Presence } from \"@chakra-ui/react/presence\";\nimport { mergeRefs } from \"@/utils\";\nimport { useCollapsibleMotionContext } from \"./collapsible-motion-context\";\nimport { CollapsibleMotionContentSlot } from \"../collapsible-motion.slots\";\nimport type { CollapsibleMotionContentProps } from \"../collapsible-motion.types\";\n\n/**\n * CollapsibleMotion.Content - The collapsible content container\n *\n * This component renders the content that will expand and collapse.\n * It handles accessibility attributes through React Aria.\n *\n * @supportsStyleProps\n */\nexport const CollapsibleMotionContent = forwardRef<\n  HTMLDivElement,\n  CollapsibleMotionContentProps\n>(({ children, ...props }, forwardedRef) => {\n  const { panelProps, isExpanded } = useCollapsibleMotionContext();\n\n  // Create a local ref and merge with forwardedRef (for user)\n  const localRef = useRef<HTMLDivElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  return (\n    <CollapsibleMotionContentSlot ref={ref} {...props} {...panelProps} asChild>\n      <Presence\n        present={isExpanded}\n        animationName={{\n          _open: \"slide-from-top, fade-in\",\n          _closed: \"slide-to-top, fade-out\",\n        }}\n        animationDuration=\"fast\"\n      >\n        {children}\n      </Presence>\n    </CollapsibleMotionContentSlot>\n  );\n});\n\nCollapsibleMotionContent.displayName = \"CollapsibleMotion.Content\";\n","import {\n  CollapsibleMotionRoot,\n  CollapsibleMotionTrigger,\n  CollapsibleMotionContent,\n} from \"./components\";\n\nexport const CollapsibleMotion = {\n  /**\n   * # CollapsibleMotion.Root\n   *\n   * The root container component that manages state and provides context.\n   * Handles both controlled and uncontrolled modes for expanded/collapsed state.\n   *\n   * @example\n   * ```tsx\n   * <CollapsibleMotion.Root defaultExpanded={false}>\n   *   <CollapsibleMotion.Trigger>Toggle</CollapsibleMotion.Trigger>\n   *   <CollapsibleMotion.Content>Content here</CollapsibleMotion.Content>\n   * </CollapsibleMotion.Root>\n   * ```\n   */\n  Root: CollapsibleMotionRoot,\n\n  /**\n   * # CollapsibleMotion.Trigger\n   *\n   * The trigger button that toggles the collapsible content.\n   * Handles keyboard and mouse interactions with proper ARIA attributes.\n   *\n   * @example\n   * ```tsx\n   * <CollapsibleMotion.Trigger>\n   *   Click to expand\n   * </CollapsibleMotion.Trigger>\n   * ```\n   */\n  Trigger: CollapsibleMotionTrigger,\n\n  /**\n   * # CollapsibleMotion.Content\n   *\n   * The collapsible content container with smooth expand/collapse animations.\n   * Automatically handles ARIA attributes for accessibility.\n   *\n   * @example\n   * ```tsx\n   * <CollapsibleMotion.Content>\n   *   <Text>Your collapsible content</Text>\n   * </CollapsibleMotion.Content>\n   * ```\n   */\n  Content: CollapsibleMotionContent,\n};\n"],"mappings":";;;;;;;;;;;AAMA,IAAaY,IAA2BC,EAEtC,KAAA,CAAS;AAKX,SAAgBC,IAA6D;CAC3E,IAAMC,IAAUC,EAAWJ,CAAwB;CAEnD,IAAIG,MAAY,KAAA,GACd,MAAU,MACR,oFACF;CAGF,OAAOA;AACT;;;AChBA,IAAM,EAAE,iBAAc,mBAAgBE,EAAwB,EAC5D,KAAK,0BACP,CAAC,GAEYC,IAGTC,EAA6D,OAAO,MAAM,GAEjEC,IAA+BC,EAG1C,UAAU,SAAS,GAERC,IAA+BD,EAG1C,OAAO,SAAS,GCTLE,IAETC,GAEA,EACE,aACA,qBAAkB,IAClB,YAAYC,GACZ,qBACA,gBAAa,IACb,GAAGC,KAEL,MACG;CAEH,IAAMC,IAAkB3B,EAAmB;EACzC;EACA,YAAYyB;EACZ;CACF,CAAC,GAEKG,IAAWC,EAAuB,IAAI,GAGtC,EAAE,gBAAa,kBAAe5B,EAClC,EAAE,cAAW,GACb0B,GACAC,CACF,GAGMG,IAAe;EACnB;EACA,YAAYJ,EAAgB;EAC5B;EACA;EACA;CACF;CAEA,OACE,kBAACf,EAAyB,UAA1B;EAAmC,OAAOmB;EACxC,UAAA,kBAACb,GAAD;GAA2B,KAAKc;GAAc,GAAIN;GAC/C;EACwB,CAAA;CACM,CAAA;AAEvC,CACF;AAEA,EAAsB,cAAc;;;AChDpC,IAAaO,IAA2BT,GAGrC,EAAE,aAAU,YAAS,GAAGE,KAAS,MAAiB;CACnD,IAAM,EAAE,gBAAa,kBAAeZ,EAA4B,GAG1DoB,IAAiBhC,EAAWwB,GAAOS,GAAa,EACpD,UAAUC,EACZ,CAAC;CAMD,IAAIC,GACF,OACE,kBAAClC,EAAc,UAAf;EAAwB,OAAO,EAAE,cAAW;EAC1C,UAAA,kBAACmC,EAAO,QAAR;GAAe,SAAA;GAAQ,GAAIJ;GACxB;EACY,CAAA;CACO,CAAA;CAI5B,IAAM,CAACK,GAAYC,KAAa9B,EAAkBwB,CAAc;CAIhE,OACE,kBAACd,GAAD;EAA8B,KAAKY;EAAc,GAAIO;EAAY,SAAA;EAC/D,UAAA,kBAACnC,GAAD;GAAU,GAAIoC;GAAY;EAAmB,CAAA;CACjB,CAAA;AAElC,CAAC;AAED,EAAyB,cAAc;;;ACpCvC,IAAaC,IAA2BjB,GAGrC,EAAE,aAAU,GAAGE,KAAS,MAAiB;CAC1C,IAAM,EAAE,eAAY,kBAAeZ,EAA4B,GAGzD4B,IAAWb,EAAuB,IAAI,GACtCc,IAAMtC,EAAaM,EAAU+B,GAAUV,CAAY,CAAC;CAE1D,OACE,kBAACV,GAAD;EAAmC;EAAK,GAAII;EAAO,GAAImB;EAAY,SAAA;EACjE,UAAA,kBAACC,GAAD;GACE,SAASC;GACT,eAAe;IACb,OAAO;IACP,SAAS;GACX;GACA,mBAAkB;GAEjB;EACO,CAAA;CACkB,CAAA;AAElC,CAAC;AAED,EAAyB,cAAc;;;ACpCvC,IAAaC,IAAoB;CAe/B,MAAMzB;CAeN,SAASU;CAeT,SAASQ;AACX"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible-motion-DjtTnNC5.cjs.js","names":["createContext","useContext","createSlotRecipeContext","forwardRef","useDisclosureState","useRef","useDisclosure","forwardRef","mergeProps","ButtonContext","chakra","extractStyleProps","RaButton","forwardRef","useRef","useObjectRef","mergeRefs","Presence","require_mergeProps","require_useObjectRef","require_useDisclosureState","require_Button","require_extract_style_props","require_merge_refs","react","react_jsx_runtime","_chakra_ui_react_styled_system","_chakra_ui_react_presence","CollapsibleMotionContext","useCollapsibleMotionContext","context","CollapsibleMotionRootSlot","withProvider","CollapsibleMotionTriggerSlot","withContext","CollapsibleMotionContentSlot","CollapsibleMotionRoot","controlledExpanded","props","disclosureState","panelRef","contextValue","forwardedRef","CollapsibleMotionTrigger","componentProps","buttonProps","isDisabled","asChild","styleProps","restProps","CollapsibleMotionContent","localRef","ref","panelProps","isExpanded","CollapsibleMotion"],"sources":["../../src/components/collapsible-motion/components/collapsible-motion-context.tsx","../../src/components/collapsible-motion/collapsible-motion.slots.tsx","../../src/components/collapsible-motion/components/collapsible-motion-root.tsx","../../src/components/collapsible-motion/components/collapsible-motion-trigger.tsx","../../src/components/collapsible-motion/components/collapsible-motion-content.tsx","../../src/components/collapsible-motion/collapsible-motion.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { CollapsibleMotionContextValue } from \"../collapsible-motion.types\";\n\n/**\n * React Context for sharing CollapsibleMotion state between compound components\n */\nexport const CollapsibleMotionContext = createContext<\n  CollapsibleMotionContextValue | undefined\n>(undefined);\n\n/**\n * Custom hook to consume CollapsibleMotion context\n */\nexport function useCollapsibleMotionContext(): CollapsibleMotionContextValue {\n  const context = useContext(CollapsibleMotionContext);\n\n  if (context === undefined) {\n    throw new Error(\n      \"useCollapsibleMotionContext must be used within a CollapsibleMotion.Root component\"\n    );\n  }\n\n  return context;\n}\n","import {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n} from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type { CollapsibleMotionRootSlotProps } from \"./collapsible-motion.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusCollapsibleMotion\",\n});\n\nexport const CollapsibleMotionRootSlot: SlotComponent<\n  HTMLDivElement,\n  CollapsibleMotionRootSlotProps\n> = withProvider<HTMLDivElement, CollapsibleMotionRootSlotProps>(\"div\", \"root\");\n\nexport const CollapsibleMotionTriggerSlot = withContext<\n  HTMLButtonElement,\n  HTMLChakraProps<\"button\">\n>(\"button\", \"trigger\");\n\nexport const CollapsibleMotionContentSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"content\");\n","import { useRef, forwardRef } from \"react\";\nimport { useDisclosure } from \"react-aria\";\nimport { useDisclosureState } from \"react-stately\";\nimport { CollapsibleMotionContext } from \"./collapsible-motion-context\";\nimport { CollapsibleMotionRootSlot } from \"../collapsible-motion.slots\";\nimport type { CollapsibleMotionRootProps } from \"../collapsible-motion.types\";\n\n/**\n * CollapsibleMotion.Root - The root container component that manages state and provides context\n *\n * This component contains all the state management logic and provides context to\n * CollapsibleMotion.Trigger and CollapsibleMotion.Content components.\n *\n * @supportsStyleProps\n */\nexport const CollapsibleMotionRoot: React.ForwardRefExoticComponent<\n  CollapsibleMotionRootProps & React.RefAttributes<HTMLDivElement>\n> = forwardRef<HTMLDivElement, CollapsibleMotionRootProps>(\n  (\n    {\n      children,\n      defaultExpanded = false,\n      isExpanded: controlledExpanded,\n      onExpandedChange,\n      isDisabled = false,\n      ...props\n    },\n    forwardedRef\n  ) => {\n    // Use React Aria's disclosure state management\n    const disclosureState = useDisclosureState({\n      defaultExpanded,\n      isExpanded: controlledExpanded,\n      onExpandedChange,\n    });\n\n    const panelRef = useRef<HTMLDivElement>(null);\n\n    // Use React Aria's disclosure hook for ARIA props\n    const { buttonProps, panelProps } = useDisclosure(\n      { isDisabled },\n      disclosureState,\n      panelRef\n    );\n\n    // Context value to provide to child components\n    const contextValue = {\n      isDisabled,\n      isExpanded: disclosureState.isExpanded,\n      buttonProps,\n      panelProps,\n      panelRef,\n    };\n\n    return (\n      <CollapsibleMotionContext.Provider value={contextValue}>\n        <CollapsibleMotionRootSlot ref={forwardedRef} {...props}>\n          {children}\n        </CollapsibleMotionRootSlot>\n      </CollapsibleMotionContext.Provider>\n    );\n  }\n);\n\nCollapsibleMotionRoot.displayName = \"CollapsibleMotion.Root\";\n","import { forwardRef } from \"react\";\nimport { mergeProps } from \"react-aria\";\nimport { useCollapsibleMotionContext } from \"./collapsible-motion-context\";\nimport { CollapsibleMotionTriggerSlot } from \"../collapsible-motion.slots\";\nimport type { CollapsibleMotionTriggerProps } from \"../collapsible-motion.types\";\nimport { Button as RaButton, ButtonContext } from \"react-aria-components\";\nimport { chakra } from \"@chakra-ui/react/styled-system\";\nimport { extractStyleProps } from \"@/utils\";\n/**\n * CollapsibleMotion.Trigger - The trigger button that toggles the collapsible content\n *\n * This component renders a button with proper ARIA attributes for accessibility.\n * It automatically handles the toggle functionality when clicked.\n *\n * @supportsStyleProps\n */\nexport const CollapsibleMotionTrigger = forwardRef<\n  HTMLButtonElement,\n  CollapsibleMotionTriggerProps\n>(({ children, asChild, ...props }, forwardedRef) => {\n  const { buttonProps, isDisabled } = useCollapsibleMotionContext();\n\n  // Use mergeProps to properly compose event handlers like React Aria does\n  const componentProps = mergeProps(props, buttonProps, {\n    disabled: isDisabled,\n  });\n\n  // If asChild is true, wrap children directly in a button with asChild.\n  // ButtonContext.Provider passes isDisabled through React Aria's context so\n  // Nimbus Button's useButton receives it (the native `disabled` HTML attribute\n  // alone is overwritten by useButton's output in the JSX spread).\n  if (asChild) {\n    return (\n      <ButtonContext.Provider value={{ isDisabled }}>\n        <chakra.button asChild {...componentProps}>\n          {children}\n        </chakra.button>\n      </ButtonContext.Provider>\n    );\n  }\n\n  const [styleProps, restProps] = extractStyleProps(componentProps);\n\n  // Otherwise, wrap with both CollapsibleMotionTriggerSlot and RaButton\n  // Only pass React Aria compatible props to avoid type conflicts\n  return (\n    <CollapsibleMotionTriggerSlot ref={forwardedRef} {...styleProps} asChild>\n      <RaButton {...restProps}>{children}</RaButton>\n    </CollapsibleMotionTriggerSlot>\n  );\n});\n\nCollapsibleMotionTrigger.displayName = \"CollapsibleMotion.Trigger\";\n","import { forwardRef, useRef } from \"react\";\nimport { useObjectRef } from \"react-aria\";\nimport { Presence } from \"@chakra-ui/react/presence\";\nimport { mergeRefs } from \"@/utils\";\nimport { useCollapsibleMotionContext } from \"./collapsible-motion-context\";\nimport { CollapsibleMotionContentSlot } from \"../collapsible-motion.slots\";\nimport type { CollapsibleMotionContentProps } from \"../collapsible-motion.types\";\n\n/**\n * CollapsibleMotion.Content - The collapsible content container\n *\n * This component renders the content that will expand and collapse.\n * It handles accessibility attributes through React Aria.\n *\n * @supportsStyleProps\n */\nexport const CollapsibleMotionContent = forwardRef<\n  HTMLDivElement,\n  CollapsibleMotionContentProps\n>(({ children, ...props }, forwardedRef) => {\n  const { panelProps, isExpanded } = useCollapsibleMotionContext();\n\n  // Create a local ref and merge with forwardedRef (for user)\n  const localRef = useRef<HTMLDivElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  return (\n    <CollapsibleMotionContentSlot ref={ref} {...props} {...panelProps} asChild>\n      <Presence\n        present={isExpanded}\n        animationName={{\n          _open: \"slide-from-top, fade-in\",\n          _closed: \"slide-to-top, fade-out\",\n        }}\n        animationDuration=\"fast\"\n      >\n        {children}\n      </Presence>\n    </CollapsibleMotionContentSlot>\n  );\n});\n\nCollapsibleMotionContent.displayName = \"CollapsibleMotion.Content\";\n","import {\n  CollapsibleMotionRoot,\n  CollapsibleMotionTrigger,\n  CollapsibleMotionContent,\n} from \"./components\";\n\nexport const CollapsibleMotion = {\n  /**\n   * # CollapsibleMotion.Root\n   *\n   * The root container component that manages state and provides context.\n   * Handles both controlled and uncontrolled modes for expanded/collapsed state.\n   *\n   * @example\n   * ```tsx\n   * <CollapsibleMotion.Root defaultExpanded={false}>\n   *   <CollapsibleMotion.Trigger>Toggle</CollapsibleMotion.Trigger>\n   *   <CollapsibleMotion.Content>Content here</CollapsibleMotion.Content>\n   * </CollapsibleMotion.Root>\n   * ```\n   */\n  Root: CollapsibleMotionRoot,\n\n  /**\n   * # CollapsibleMotion.Trigger\n   *\n   * The trigger button that toggles the collapsible content.\n   * Handles keyboard and mouse interactions with proper ARIA attributes.\n   *\n   * @example\n   * ```tsx\n   * <CollapsibleMotion.Trigger>\n   *   Click to expand\n   * </CollapsibleMotion.Trigger>\n   * ```\n   */\n  Trigger: CollapsibleMotionTrigger,\n\n  /**\n   * # CollapsibleMotion.Content\n   *\n   * The collapsible content container with smooth expand/collapse animations.\n   * Automatically handles ARIA attributes for accessibility.\n   *\n   * @example\n   * ```tsx\n   * <CollapsibleMotion.Content>\n   *   <Text>Your collapsible content</Text>\n   * </CollapsibleMotion.Content>\n   * ```\n   */\n  Content: CollapsibleMotionContent,\n};\n"],"mappings":"0ZAMA,IAAa4B,GAAA,EAA2B5B,EAAAA,cAAAA,CAEtC,IAAA,EAAS,EAKX,SAAgB6B,GAA6D,CAC3E,IAAMC,GAAA,EAAU7B,EAAAA,WAAAA,CAAW2B,CAAwB,EAEnD,GAAIE,IAAY,IAAA,GACd,MAAU,MACR,oFACF,EAGF,OAAOA,CACT,CChBA,GAAM,CAAE,eAAc,gBAAA,EAAgB5B,EAAAA,wBAAAA,CAAwB,CAC5D,IAAK,yBACP,CAAC,EAEY6B,EAGTC,EAA6D,MAAO,MAAM,EAEjEC,EAA+BC,EAG1C,SAAU,SAAS,EAERC,EAA+BD,EAG1C,MAAO,SAAS,ECTLE,GAAA,EAETjC,EAAAA,WAAAA,EAEA,CACE,WACA,kBAAkB,GAClB,WAAYkC,EACZ,mBACA,aAAa,GACb,GAAGC,GAEL,IACG,CAEH,IAAMC,EAAkBnC,EAAAA,EAAmB,CACzC,kBACA,WAAYiC,EACZ,kBACF,CAAC,EAEKG,GAAA,EAAWnC,EAAAA,OAAAA,CAAuB,IAAI,EAGtC,CAAE,cAAa,cAAeC,EAAAA,EAClC,CAAE,YAAW,EACbiC,EACAC,CACF,EAGMC,EAAe,CACnB,aACA,WAAYF,EAAgB,WAC5B,cACA,aACA,UACF,EAEA,OACE,EAAAd,EAAA,IAAA,CAACG,EAAyB,SAA1B,CAAmC,MAAOa,EACxC,UAAA,EAAAhB,EAAA,IAAA,CAACM,EAAD,CAA2B,IAAKW,EAAc,GAAIJ,EAC/C,UACwB,CAAA,CACM,CAAA,CAEvC,CACF,EAEA,EAAsB,YAAc,yBChDpC,IAAaK,GAAA,EAA2BpC,EAAAA,WAAAA,EAGrC,CAAE,WAAU,UAAS,GAAG+B,GAAS,IAAiB,CACnD,GAAM,CAAE,cAAa,cAAeT,EAA4B,EAG1De,EAAiBpC,EAAAA,EAAW8B,EAAOO,EAAa,CACpD,SAAUC,CACZ,CAAC,EAMD,GAAIC,EACF,OACE,EAAAtB,EAAA,IAAA,CAAChB,EAAAA,EAAc,SAAf,CAAwB,MAAO,CAAE,YAAW,EAC1C,UAAA,EAAAgB,EAAA,IAAA,CAACf,EAAAA,OAAO,OAAR,CAAe,QAAA,GAAQ,GAAIkC,EACxB,UACY,CAAA,CACO,CAAA,EAI5B,GAAM,CAACI,EAAYC,GAAatC,EAAAA,EAAkBiC,CAAc,EAIhE,OACE,EAAAnB,EAAA,IAAA,CAACQ,EAAD,CAA8B,IAAKS,EAAc,GAAIM,EAAY,QAAA,GAC/D,UAAA,EAAAvB,EAAA,IAAA,CAACb,EAAAA,EAAD,CAAU,GAAIqC,EAAY,UAAmB,CAAA,CACjB,CAAA,CAElC,CAAC,EAED,EAAyB,YAAc,4BCpCvC,IAAaC,GAAA,EAA2BrC,EAAAA,WAAAA,EAGrC,CAAE,WAAU,GAAGyB,GAAS,IAAiB,CAC1C,GAAM,CAAE,aAAY,cAAeT,EAA4B,EAGzDsB,GAAA,EAAWrC,EAAAA,OAAAA,CAAuB,IAAI,EACtCsC,EAAMrC,EAAAA,EAAaC,EAAAA,EAAUmC,EAAUT,CAAY,CAAC,EAE1D,OACE,EAAAjB,EAAA,IAAA,CAACU,EAAD,CAAmC,MAAK,GAAIG,EAAO,GAAIe,EAAY,QAAA,GACjE,UAAA,EAAA5B,EAAA,IAAA,CAACR,EAAAA,SAAD,CACE,QAASqC,EACT,cAAe,CACb,MAAO,0BACP,QAAS,wBACX,EACA,kBAAkB,OAEjB,UACO,CAAA,CACkB,CAAA,CAElC,CAAC,EAED,EAAyB,YAAc,4BCpCvC,IAAaC,EAAoB,CAe/B,KAAMnB,EAeN,QAASO,EAeT,QAASO,CACX"}

package/dist/chunks/combobox-CR1EtIML.cjs

@@ -0,0 +1,2 @@
+const e=require("./SSRProvider-BkGdO-EE.cjs"),t=require("./CollectionBuilder-CPobPAxl.cjs"),n=require("./mergeProps-BgWtdfQT.cjs"),r=require("./ListBox-Cu8WmekC.cjs"),i=require("./Dialog-iHfIJEY_.cjs"),a=require("./Header-hA5K_Ef3.cjs"),o=require("./tag-group-BjP33dFF.cjs"),s=require("./utils-tbrKoWZQ.cjs"),c=require("./Autocomplete-CKi3KR8-.cjs"),l=require("./Label-B-Qb-9HV.cjs"),u=require("./Button-CwMvFWJZ.cjs"),d=require("./Text-C4dsZQdS.cjs"),f=require("./Group-BNnxaAI-.cjs"),p=require("./Input-BpDRiDr6.cjs"),m=require("./useListState-vHoeixKN.cjs"),h=require("./useListData-JCxEwIQP.cjs"),g=require("./adornment-content-Dt8t-Uwj.cjs"),_=require("./check-Dx3ZPrQd.cjs"),ee=require("./close-MovqoOGD.cjs"),v=require("./keyboard-arrow-down-CVsAElQN.cjs"),y=require("./normalize-messages-D3QZsMK8.cjs"),b=require("./icon-button-CdnkEz-r.cjs"),x=require("./loading-spinner-CpZl4iJL.cjs"),S=require("./extract-style-props-e57WhXBe.cjs");let C=require("react");C=e.a(C,1);let w=require("react/jsx-runtime"),T=require("@chakra-ui/react/styled-system");var te=(0,C.createContext)(null);function E(e,t){let n;switch(e.state){case`idle`:case`error`:switch(t.type){case`loading`:case`loadingMore`:case`sorting`:case`filtering`:return{...e,filterText:t.filterText??e.filterText,state:t.type,items:t.type===`loading`?[]:e.items,sortDescriptor:t.sortDescriptor??e.sortDescriptor,abortController:t.abortController};case`update`:return{...e,...t.updater?.(e)};case`success`:case`error`:return e;default:throw Error(`Invalid action "${t.type}" in state "${e.state}"`)}case`loading`:case`sorting`:case`filtering`:switch(t.type){case`success`:return t.abortController===e.abortController?(n=t.selectedKeys??e.selectedKeys,{...e,filterText:t.filterText??e.filterText,state:`idle`,items:[...t.items??[]],selectedKeys:n===`all`?`all`:new Set(n),sortDescriptor:t.sortDescriptor??e.sortDescriptor,abortController:void 0,cursor:t.cursor}):e;case`error`:return t.abortController===e.abortController?{...e,state:`error`,error:t.error,abortController:void 0}:e;case`loading`:case`loadingMore`:case`sorting`:case`filtering`:return e.abortController?.abort(`aborting current load and starting new one`),{...e,filterText:t.filterText??e.filterText,state:t.type,items:t.type===`loading`?[]:e.items,abortController:t.abortController};case`update`:return{...e,...t.updater?.(e)};default:throw Error(`Invalid action "${t.type}" in state "${e.state}"`)}case`loadingMore`:switch(t.type){case`success`:return n=e.selectedKeys===`all`||t.selectedKeys===`all`?`all`:new Set([...e.selectedKeys,...t.selectedKeys??[]]),{...e,state:`idle`,items:[...e.items,...t.items??[]],selectedKeys:n,sortDescriptor:t.sortDescriptor??e.sortDescriptor,abortController:void 0,cursor:t.cursor};case`error`:return t.abortController===e.abortController?{...e,state:`error`,error:t.error}:e;case`loading`:case`sorting`:case`filtering`:return e.abortController?.abort(),{...e,filterText:t.filterText??e.filterText,state:t.type,items:t.type===`loading`?[]:e.items,abortController:t.abortController};case`loadingMore`:return t.abortController?.abort(),e;case`update`:return{...e,...t.updater?.(e)};default:throw Error(`Invalid action "${t.type}" in state "${e.state}"`)}default:throw Error(`Invalid state "${e.state}"`)}}function ne(e){let{load:t,sort:n,initialSelectedKeys:r,initialSortDescriptor:i,getKey:a=e=>e.id||e.key,initialFilterText:o=``}=e,[s,c]=(0,C.useReducer)(E,{state:`idle`,error:void 0,items:[],selectedKeys:r===`all`?`all`:new Set(r),sortDescriptor:i,filterText:o}),l=async(e,n)=>{let r=new AbortController;try{c({...e,abortController:r});let i=e.filterText??s.filterText,a=await n({items:s.items.slice(),selectedKeys:s.selectedKeys,sortDescriptor:e.sortDescriptor??s.sortDescriptor,signal:r.signal,cursor:e.type===`loadingMore`?s.cursor:void 0,filterText:i,loadingState:s.state}),o=a.filterText??i;c({type:`success`,...a,abortController:r}),o&&o!==i&&!r.signal.aborted&&l({type:`filtering`,filterText:o},t)}catch(e){c({type:`error`,error:e,abortController:r})}},u=(0,C.useRef)(!1);return(0,C.useEffect)(()=>{u.current||=(l({type:`loading`},t),!0)},[]),{items:s.items,selectedKeys:s.selectedKeys,sortDescriptor:s.sortDescriptor,isLoading:s.state===`loading`||s.state===`loadingMore`||s.state===`sorting`||s.state===`filtering`,loadingState:s.state,error:s.error,filterText:s.filterText,getItem(e){return s.items.find(t=>a(t)===e)},reload(){l({type:`loading`},t)},loadMore(){s.state!==`loading`&&s.state!==`loadingMore`&&s.state!==`filtering`&&s.cursor!=null&&l({type:`loadingMore`},t)},sort(e){l({type:`sorting`,sortDescriptor:e},n||t)},...h.n({...e,getKey:a,cursor:s.cursor},e=>{c({type:`update`,updater:e})}),setFilterText(e){l({type:`filtering`,filterText:e},t)}}}function re(e,t,n,r){var i=this,a=(0,C.useRef)(null),o=(0,C.useRef)(0),s=(0,C.useRef)(0),c=(0,C.useRef)(null),l=(0,C.useRef)([]),u=(0,C.useRef)(),d=(0,C.useRef)(),f=(0,C.useRef)(e),p=(0,C.useRef)(!0),m=(0,C.useRef)(),h=(0,C.useRef)();f.current=e;var g=typeof window<`u`,_=!t&&t!==0&&g;if(typeof e!=`function`)throw TypeError(`Expected a function`);t=+t||0;var ee=!!(n||={}).leading,v=!(`trailing`in n)||!!n.trailing,y=!!n.flushOnExit&&v,b=`maxWait`in n,x=`debounceOnServer`in n&&!!n.debounceOnServer,S=b?Math.max(+n.maxWait||0,t):null,w=(0,C.useMemo)(function(){var e=function(e){var t=l.current,n=u.current;return l.current=u.current=null,o.current=e,s.current=s.current||e,d.current=f.current.apply(n,t)},n=function(e,t){_&&cancelAnimationFrame(c.current),c.current=_?requestAnimationFrame(e):setTimeout(e,t)},C=function(e){if(!p.current)return!1;var n=e-a.current;return!a.current||n>=t||n<0||b&&e-o.current>=S},w=function(t){return c.current=null,v&&l.current?e(t):(l.current=u.current=null,d.current)},T=function e(){var r=Date.now();if(ee&&s.current===o.current&&te(),C(r))return w(r);if(p.current){var i=t-(r-a.current);n(e,b?Math.min(i,S-(r-o.current)):i)}},te=function(){r&&r({})},E=function(){if(g||x){var r,s=Date.now(),f=C(s);if(l.current=[].slice.call(arguments),u.current=i,a.current=s,y&&!m.current&&(m.current=function(){globalThis.document?.visibilityState===`hidden`&&h.current.flush()},(r=globalThis.document)==null||r.addEventListener==null||r.addEventListener(`visibilitychange`,m.current)),f){if(!c.current&&p.current)return o.current=a.current,n(T,t),ee?e(a.current):d.current;if(b)return n(T,t),e(a.current)}return c.current||n(T,t),d.current}};return E.cancel=function(){var e=c.current;e&&(_?cancelAnimationFrame(c.current):clearTimeout(c.current)),o.current=0,l.current=a.current=u.current=c.current=null,e&&r&&r({})},E.isPending=function(){return!!c.current},E.flush=function(){return c.current?w(Date.now()):d.current},E},[ee,b,t,S,v,y,_,g,x,r]);return h.current=w,(0,C.useEffect)(function(){return p.current=!0,function(){var e;y&&h.current.flush(),m.current&&=((e=globalThis.document)==null||e.removeEventListener==null||e.removeEventListener(`visibilitychange`,m.current),null),p.current=!1}},[y]),w}var{withProvider:D,withContext:O}=(0,T.createSlotRecipeContext)({key:`nimbusCombobox`}),ie=D(`div`,`root`),k=O(`div`,`trigger`),ae=O(`div`,`leadingElement`),oe=O(`div`,`trailingElement`),A=O(`div`,`content`),se=O(`div`,`tagGroup`),ce=O(`div`,`input`),le=O(`div`,`popover`),ue=O(`div`,`listBox`),de=O(`div`,`section`),j=O(`div`,`option`),M=O(`div`,`optionIndicator`),fe=O(`div`,`optionContent`),pe={en:y.t({clearSelection:`Clear selection`,options:`Options menu`,selectedValues:`Selected values`,toggleOptions:`Toggle options`}),de:y.t({clearSelection:`Auswahl löschen`,options:`Optionsmenü`,selectedValues:`Ausgewählte Werte`,toggleOptions:`Optionen anzeigen/ verbergen`}),es:y.t({clearSelection:`Borrar selección`,options:`Menú de opciones`,selectedValues:`Valores seleccionados`,toggleOptions:`Opciones de conmutación`}),"fr-FR":y.t({clearSelection:`Effacer la sélection`,options:`Menu d'options`,selectedValues:`Valeurs sélectionnées`,toggleOptions:`Basculer les options`}),"pt-BR":y.t({clearSelection:`Limpar seleção`,options:`Menu de opções`,selectedValues:`Selecionar valores`,toggleOptions:`Alternar opções`})};function me(e){if(typeof e==`string`||typeof e==`number`)return e;if(`id`in e)return e.id;throw Error(`ComboBox - Item must have an 'id' property or provide getKey function`)}function he(e){if(typeof e==`string`)return e;if(`name`in e)return String(e.name);if(`label`in e)return String(e.label);throw Error(`ComboBox - Item must have 'name' or 'label' property, or provide a getTextValue function`)}function ge(e){return{id:e,name:e}}var _e=e=>e?e instanceof Set?e:new Set(Array.isArray(e)?e:[e]):new Set,ve=e=>Array.from(e),N=(0,C.createContext)(null),P=()=>{let e=(0,C.useContext)(N);if(!e)throw Error(`Nimbus - ComboBox components must be used within ComboBox.Root`);return e},ye=e=>{let{name:t,form:n,selectedKeys:r,selectionMode:i,formValue:a,allowsCustomOptions:o,collection:s,inputValue:c}=e,l=(0,C.useMemo)(()=>{if(i===`single`){let e=Array.from(r)[0];return e?a===`text`||o?Array.from(s).find(t=>t.key===e)?.textValue||c||``:String(e):``}{let e=Array.from(r);return a===`text`||o?e.map(e=>Array.from(s).find(t=>t.key===e)?.textValue||``).filter(Boolean).join(`,`):e.join(`,`)}},[i,r,a,o,s,c]);return t?(0,w.jsx)(`input`,{type:`hidden`,name:t,form:typeof n==`string`?n:void 0,value:l}):null};ye.displayName=`ComboBoxHiddenInput`;function F(e){let n;[e,n]=s.n(e,null,te);let{selectionMode:i=`single`,size:a=`md`,getKey:c=me,getTextValue:l=he,children:d,leadingElement:f,trailingElement:m,inputValue:h,onInputChange:g,isLoading:_,allowsEmptyMenu:ee,renderEmptyState:v,async:y,filter:b,allowsCustomOptions:x=!1,isDisabled:E=!1,isInvalid:D=!1,isRequired:O=!1,isReadOnly:k=!1}=e,[ae,oe]=(0,T.useSlotRecipe)({key:`nimbusCombobox`}).splitVariantProps(e),[A,se]=S.t(oe),ce=(0,C.useRef)(null),le=(0,C.useRef)(null),[ue,de]=(0,C.useState)([]),j=ne({getKey:c,async load({signal:e,filterText:t}){if(!y)return{items:[]};let n=y.minSearchLength??0;if(!t||t.length<n)return{items:[]};try{return{items:await y.load(t,e)}}catch(e){if(e.name===`AbortError`)throw e;let t=e;return y.onError?.(t),{items:[]}}}}),[M,fe]=(0,C.useState)(h),[pe,ge]=(0,C.useState)(!1),[_e,ve]=(0,C.useState)([]),P=re(e=>{ge(!1),j.setFilterText(e)},y?.debounce??300),ye=(0,C.useCallback)(e=>{fe(e),ge(!0),P(e)},[P]),F=y?M:h,I=y?ye:g,L=y?pe||j.loadingState===`loading`||j.loadingState===`loadingMore`||j.loadingState===`filtering`:_,xe=y||x?!0:ee,R=(0,C.useCallback)(()=>L?F?.length?`loading results for "${F}"`:`loading results`:F?.length&&y?.minSearchLength&&F.length>=y.minSearchLength?`no results for "${F}"`:y?.minSearchLength?`enter at least ${y?.minSearchLength} characters`:`type to search`,[y?.minSearchLength,L,F]),Se=(0,C.useCallback)(()=>L?F?.length?`loading results for "${F}"`:`loading results`:`hit "enter" to create an option`,[L,F]),Ce=(x?Se:y?R:void 0)??v,z=(0,C.useMemo)(()=>{let t=y?Array.from(j.items):e.items,n=t?Array.from(t):[],r=new Set(n.map(e=>c(e))),a=[...ue.filter(e=>!r.has(c(e))),...n];if(y&&i===`multiple`&&_e.length>0){let e=new Set(a.map(e=>c(e)));a=[..._e.filter(t=>!e.has(c(t))),...a]}return a},[y,j.items,e.items,ue,_e,i,c]),B=(0,C.useMemo)(()=>({selectionMode:i,size:a,getKey:c,getTextValue:l,leadingElement:f,trailingElement:m,triggerRef:ce,inputRef:le,isLoading:L,isDisabled:E,isRequired:O,isInvalid:D,isReadOnly:k}),[i,c,l,f,m,ce,le,L,a,E,O,D,k]),V=(0,C.useMemo)(()=>{if(z)return Array.from(z).map(e=>{let t=`id`in e,n=`textValue`in e;return t&&n?e:{...e,...t?{}:{id:c(e)},...n?{}:{textValue:l(e)}}})},[z,c,l]),we=(0,C.useMemo)(()=>(0,w.jsx)(N.Provider,{value:B,children:(0,w.jsx)(r.r.Provider,{value:{items:V},children:typeof d==`function`?d({isOpen:!1,isDisabled:E,isInvalid:D,isRequired:O,isReadOnly:k,defaultChildren:null}):d})}),[d,E,D,k,O,V,B]);return(0,w.jsx)(s.t,{values:[[u.t,{}],[p.t,{}],[o.n,{}]],children:(0,w.jsx)(N.Provider,{value:B,children:(0,w.jsx)(ie,{ref:n,...ae,...A,size:a,"data-disabled":E,"data-invalid":D,"data-required":O,"data-readonly":k,"data-open":e.isOpen,role:`group`,children:(0,w.jsx)(t.n,{content:we,children:e=>(0,w.jsx)(be,{...se,size:a,filter:b,selectionMode:i,inputValue:F,onInputChange:I,getKey:c,getTextValue:l,allowsEmptyMenu:xe,renderEmptyState:Ce,isDisabled:E,isRequired:O,isInvalid:D,isReadOnly:k,collection:e,allowsCustomOptions:x,asyncConfig:y,onAsyncSelectedItemsChange:y&&i===`multiple`?ve:void 0,onAddCustomItem:de,onAddAsyncSelectedItem:ve})})})})})}F.displayName=`ComboBox.Root`;var be=e=>{let t=y.n(pe),{selectionMode:a=`single`,items:h,collection:g,getKey:_=me,children:ee,selectedKeys:v=[],onSelectionChange:b,disabledKeys:x,inputValue:S=``,onInputChange:T,filter:te,placeholder:E,menuTrigger:ne=`input`,shouldCloseOnBlur:re=!0,shouldCloseOnSelect:D=!0,isOpen:O,defaultOpen:ie=!1,onOpenChange:k,allowsEmptyMenu:ae=!1,renderEmptyState:oe,allowsCustomOptions:A=!1,isValidNewOption:se,getNewOptionData:ce=ge,onCreateOption:le,"aria-label":ue,"aria-labelledby":de,"aria-describedby":j,isDisabled:M=!1,isRequired:fe=!1,isInvalid:he=!1,isReadOnly:N=!1,shouldFocusWrap:F=!0,autoFocus:be=!1,name:I,formValue:L,validationBehavior:xe=`aria`,form:R,validate:Se,isLoading:Ce,asyncConfig:z,onAsyncSelectedItemsChange:B,onAddCustomItem:V,onAddAsyncSelectedItem:we}=e,{triggerRef:H,inputRef:U}=P(),W=n.i(),Te=n.i(),Ee=(0,C.useRef)(null),De=(0,C.useRef)(null),Oe=Array.isArray(v)?v.join(`\0`):String(v??``),ke=(0,C.useMemo)(()=>_e(v),[Oe]),Ae=!!b,[je,Me]=(0,C.useState)(ke),G=Ae?ke:je,K=T!==void 0,[Ne,q]=(0,C.useState)(()=>{if(S)return S;if(K||a!==`single`)return``;let e=Array.from(G);if(e.length===0)return``;let t=e[0];return g.getItem(t)?.textValue??``}),J=K?S:Ne,Y=(0,C.useRef)(J),[Pe,Fe]=(0,C.useState)(ie),X=O??Pe,[Ie,Le]=(0,C.useState)(null),Z=(0,C.useCallback)(e=>{O===void 0&&Fe(e),k?.(e)},[O,k]),Re=(0,C.useMemo)(()=>{if(a!==`single`)return;let e=Array.from(G);if(e.length!==0)return g.getItem(e[0])?.textValue},[a,G,g]),ze=(0,C.useMemo)(()=>{if(J.trim()===``||a===`single`&&Re===J)return g;if(te){let e=Array.from(g),t=Array.from(te(e,J)),n=new Set(t.map(e=>e.key));return g.filter?.((e,t)=>n.has(t.key))??g}let e=J.toLowerCase();return g.filter?.(t=>t.toLowerCase().includes(e))??g},[g,J,te,a,Re]),Be=(0,C.useMemo)(()=>a===`multiple`?Array.from(G).map(e=>g.getItem(e)?.value).filter(e=>e!==void 0):[],[a,G,g]),[Ve,He]=(0,C.useState)(null),Ue=(0,C.useCallback)(()=>{let e=O===void 0?!X:!O;O===void 0?Fe(e=>!e):k?.(!O),e&&(U.current?.focus(),Le(`first`))},[O,X,k,U]),We=(0,C.useCallback)(e=>{K||q(e),T?.(e),ne===`input`&&e!==Y.current&&Z(!0),Y.current=e},[K,T,ne,Z]),Ge=(0,C.useCallback)(()=>{let e=H.current?.querySelector(`[class*="nimbus-combobox__content"]`);e&&requestAnimationFrame(()=>{e.scrollTop=e.scrollHeight})},[H]),Q=(0,C.useCallback)((e,t)=>{let n=e===`all`?new Set(Array.from(g).map(e=>e.key)):e,r=t??G,i=n.size>0&&Array.from(n).every(e=>r.has(e))&&n.size<r.size;if(a===`multiple`&&n.size===1&&!i){let e=Array.from(n)[0],t=r.has(e),i=new Set(r);t?i.delete(e):i.add(e),n=i}let o=ve(n);if(b?b(o):Me(n),z&&a===`multiple`&&B){let e=Array.from(n).map(e=>g.getItem(e)?.value).filter(e=>e!==void 0);B(e)}if(a===`multiple`&&n.size>r.size&&Ge(),a===`single`){let e=Array.from(n)[0];if(e!==null){let t=g.getItem(e)?.textValue??``;K||(q(t),Y.current=t),T?.(t)}D&&Z(!1)}},[g,a,G,b,T,D,Z,K,z,B,Ge]),$=m.t({selectionMode:a,collection:ze,selectedKeys:G,onSelectionChange:Q,disabledKeys:x}),Ke=(0,C.useCallback)(()=>{Q(new Set),K||(q(``),Y.current=``),T?.(``),Z(!0),requestAnimationFrame(()=>{U.current?.focus()})},[Q,K,T,Z,U]),qe=(0,C.useCallback)(e=>{V?.(t=>[...t,e]),z&&a===`multiple`&&we?.(t=>[...t,e]);let t=_(e),n=G;if(a===`single`)Q(new Set([t]),n);else{let e=new Set(n);e.add(t),Q(e,n)}},[V,z,a,we,_,G,Q]),Je=(0,C.useCallback)(()=>{if(!A)return!1;let e=J.trim();if(!e||Array.from(g).some(t=>t.textValue?.toLowerCase()===e.toLowerCase())||se&&!se(e))return!1;let t=ce(e);return qe(t),a===`multiple`?(K||(q(``),Y.current=``),T?.(``)):(K||(q(e),Y.current=e),T?.(e)),le?.(t),!0},[A,ce,se,J,g,a,T,le,qe,K,q,Y]),Ye=(0,C.useCallback)(e=>{if(M||N)return;let t=G,n=new Set(t);e.forEach(e=>n.delete(e)),Q(n,t),n.size===0&&U.current?.focus()},[G,Q,M,N,U]),Xe=(0,C.useCallback)(e=>{switch(e.key){case`ArrowDown`:if(e.preventDefault(),!X)Z(!0),Le(`first`);else{let e=$.selectionManager.focusedKey,t=e?$.collection.getKeyAfter(e):$.collection.getFirstKey();$.selectionManager.setFocusedKey(t??$.collection.getFirstKey())}break;case`ArrowUp`:if(e.preventDefault(),!X)Z(!0),Le(`last`);else{let e=$.selectionManager.focusedKey,t=e?$.collection.getKeyBefore(e):$.collection.getLastKey();$.selectionManager.setFocusedKey(t??$.collection.getLastKey())}break;case`Enter`:if(X&&$.selectionManager.focusedKey){e.preventDefault();let t=$.selectionManager.focusedKey;if(a===`multiple`){let e=new Set(G);e.has(t)?e.delete(t):e.add(t),Q(e)}else Q(new Set([t])),$.selectionManager.setFocusedKey(null)}else X&&!$.selectionManager.focusedKey&&A&&Je()&&e.preventDefault();break;case`Escape`:X&&(e.preventDefault(),Z(!1),$.selectionManager.setFocusedKey(null));break;case`Home`:if(X){e.preventDefault();let t=$.collection.getFirstKey();$.selectionManager.setFocusedKey(t)}break;case`End`:if(X){e.preventDefault();let t=$.collection.getLastKey();$.selectionManager.setFocusedKey(t)}break;case`Backspace`:if(J===``){let t=Array.from(G);if(t.length>0){if(e.preventDefault(),a===`single`)Q(new Set);else{let e=new Set(t);e.delete(t[t.length-1]),Q(e)}}}}},[X,$.selectionManager,$.collection,Q,Z,Le,a,J,G,A,Je]),Ze=(0,C.useCallback)(()=>{ne===`focus`&&!M&&!N&&Z(!0),a===`single`&&J&&U.current&&U.current.select()},[ne,M,N,Z,a,J,U]),Qe=(0,C.useCallback)(()=>{re&&setTimeout(()=>{let e=document.activeElement,t=H.current?.contains(e),n=De.current?.contains(e);!t&&!n&&Z(!1)},150)},[re,Z,H,De]),$e=(0,C.useRef)(null),et=(0,C.useRef)(!1);(0,C.useEffect)(()=>{be&&U.current&&!M&&U.current.focus()},[be,M,U]);let tt=(0,C.useRef)(X);(0,C.useEffect)(()=>{O===void 0&&tt.current!==X&&(tt.current=X,k?.(X))},[X,O,k]),(0,C.useEffect)(()=>{if(a!==`single`)return;let e=Array.from($.selectionManager.selectedKeys),t=e.length>0?e[0]:null,n=t===null?null:$.collection.getItem(t),r=n!==null;if(t===$e.current&&(et.current||t===null)||($e.current=t,et.current=r,t!==null&&!n))return;let i=n?.textValue??``;K?T?.(i):(q(i),Y.current=i)},[a,$.selectionManager.selectedKeys,$.collection,K,T]),(0,C.useEffect)(()=>{if(X&&Ie){let e=Ie===`first`?$.collection.getFirstKey():$.collection.getLastKey();$.selectionManager.setFocusedKey(e??null),Le(null)}},[X,Ie,$.collection,$.selectionManager]),(0,C.useEffect)(()=>{X?$.selectionManager.setFocused(!0):($.selectionManager.setFocused(!1),$.selectionManager.setFocusedKey(null))},[X,$.selectionManager]);let nt=(0,C.useRef)(!1);(0,C.useEffect)(()=>{$.collection.size>0&&(nt.current=!0)},[$.collection.size]),(0,C.useEffect)(()=>{X&&!ae&&(Ce||nt.current&&($.collection.size>0||Z(!1)))},[X,ae,Ce,$.collection.size,Z,J]),(0,C.useEffect)(()=>{let e=H.current;if(!e)return;let t=()=>{let t=e.offsetWidth;He(`${t}px`)};t();let n=new ResizeObserver(t);return n.observe(e),()=>{n.disconnect()}},[H]);let rt=(0,C.useMemo)(()=>({ref:U,role:`combobox`,"aria-autocomplete":`list`,"aria-controls":a===`multiple`?`${Te} ${W}`:W,"aria-expanded":X,"aria-activedescendant":$.selectionManager.focusedKey?`${W}-option-${$.selectionManager.focusedKey}`:void 0,"aria-describedby":a===`multiple`?`${Te} ${j??``}`:j,"aria-label":ue,"aria-labelledby":de,value:J,onChange:e=>We(e.target.value),onKeyDown:Xe,onFocus:Ze,onBlur:Qe,disabled:M,readOnly:N,required:fe,"aria-invalid":he,placeholder:E,name:I,form:R,validationbehavior:xe,validate:Se}),[U,a,Te,W,X,$.selectionManager.focusedKey,j,ue,de,J,We,Xe,Ze,Qe,M,N,fe,he,E,I,R,xe,Se]),it=(0,C.useMemo)(()=>({id:Te,"aria-label":t.format(`selectedValues`),items:Be,onRemove:Ye}),[Te,t,Be,Ye]),at=G.size>0,ot=(0,C.useMemo)(()=>({slots:{toggle:{onPress:Ue,"aria-label":t.format(`toggleOptions`),isDisabled:M||N,isPressed:X},clear:{onPress:Ke,"aria-label":t.format(`clearSelection`),style:at?void 0:{display:`none`},isDisabled:M||N||!at}}}),[Ue,t,M,N,X,Ke,at]),st=(0,C.useCallback)(e=>{e||Z(!1)},[Z]),ct=(0,C.useMemo)(()=>({"--nimbus-combobox-trigger-width":Ve}),[Ve]),lt=(0,C.useMemo)(()=>({isOpen:X,onOpenChange:st,ref:De,triggerRef:H,scrollRef:Ee,isNonModal:!0,trigger:`ComboBox`,placement:`bottom start`,style:ct,clearContexts:[l.t,u.t,p.t,f.n,d.n]}),[X,st,De,H,Ee,ct]),ut=(0,C.useMemo)(()=>({shouldUseVirtualFocus:!0}),[]),dt=(0,C.useMemo)(()=>({items:h,id:W,ref:Ee,renderEmptyState:oe,shouldFocusWrap:F,"aria-label":t.format(`options`)}),[h,W,Ee,oe,F,t]);return(0,w.jsxs)(s.t,{values:[[p.t,rt],[o.n,it],[u.t,ot],[i.d,lt],[c.n,ut],[r.r,dt],[r.n,$]],children:[(0,w.jsx)(ye,{name:I,form:R,selectedKeys:G,selectionMode:a,formValue:L,allowsCustomOptions:A,collection:$.collection,inputValue:J}),ee]})},I=e=>{let[t,n]=S.t(e),r=(0,C.useContext)(p.t),{inputRef:i}=P(),a=``,o=``;r&&typeof r==`object`&&`value`in r&&(a=r.value||``,o=r.placeholder||``);let s=Math.max(a.length||o.length||1,1);return(0,w.jsx)(ce,{asChild:!0,...t,children:(0,w.jsx)(p.n,{ref:i,...n,size:s,"data-empty":!(a.length||o.length)})})};I.displayName=`ComboBox.Input`;var L=({children:e})=>(0,w.jsx)(ae,{children:e}),xe=({children:e})=>(0,w.jsx)(oe,{children:(0,w.jsx)(g.t,{children:e})}),R=e=>{let{selectionMode:t,size:n,getKey:r,getTextValue:i,isDisabled:a,isReadOnly:s}=P(),[c,l]=S.t(e),u=(0,C.useContext)(o.n),d=(u&&`items`in u?u.items:void 0)??[];return t===`multiple`?(0,w.jsx)(se,{...c,...l,asChild:!0,children:(0,w.jsx)(o.t.Root,{size:n,children:(0,w.jsx)(o.t.TagList,{items:d,display:`contents`,children:e=>{let t=r(e),n=i(e);return(0,w.jsx)(o.t.Tag,{id:t,textValue:n,isDisabled:a||s,maxW:`100%`,children:n})}})})}):null};R.displayName=`ComboBox.TagGroup`;var Se=({children:e,...t})=>{let{triggerRef:n,leadingElement:r,trailingElement:i,inputRef:a,isLoading:o,isDisabled:s}=P();return(0,w.jsxs)(k,{ref:n,onClick:e=>{!s&&e.target instanceof HTMLElement&&!e.target.closest(`button`)&&a.current?.focus()},...t,children:[r&&(0,w.jsx)(L,{children:r}),(0,w.jsxs)(A,{children:[(0,w.jsx)(R,{}),(0,w.jsx)(I,{})]}),i&&(0,w.jsx)(xe,{children:i}),(0,w.jsx)(b.t,{slot:`clear`,size:`2xs`,variant:`ghost`,colorPalette:`primary`,children:(0,w.jsx)(ee.t,{})}),(0,w.jsx)(b.t,{slot:`toggle`,size:`2xs`,variant:`ghost`,colorPalette:`neutral`,excludeFromTabOrder:!0,children:o?(0,w.jsx)(x.t,{size:`xs`,margin:`50`}):(0,w.jsx)(v.t,{})}),e]})};Se.displayName=`ComboBox.Trigger`;var Ce=({children:e,ref:t,...n})=>{let[r,a]=S.t(n);return(0,w.jsx)(le,{asChild:!0,...r,children:(0,w.jsx)(i.u,{ref:t,isNonModal:!0,...a,children:e})})};Ce.displayName=`ComboBox.Popover`;function z({children:e,ref:t,...n}){let[i,a]=S.t(n),o=typeof e==`function`?t=>{let n=e(t),r=t;return(0,C.isValidElement)(n)&&(r.id||r.textValue)?(0,C.cloneElement)(n,{...n.props,...r.id?{id:r.id}:{},...r.textValue?{textValue:r.textValue}:{}}):n}:e;return(0,w.jsx)(ue,{...i,ref:t,asChild:!0,children:(0,w.jsx)(r.t,{...a,children:o})})}z.displayName=`ComboBox.ListBox`;function B({children:e,ref:t,...n}){let{textValue:i,...a}=n,[o,s]=S.t(a),c=i??(typeof e==`string`?e:void 0);return(0,w.jsx)(j,{...o,asChild:!0,children:(0,w.jsx)(r.a,{ref:t,...s,textValue:c,children:t=>{let n=typeof e==`function`?e({...t}):e;return t.selectionMode===`multiple`?(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(M,{children:(0,w.jsx)(`span`,{"data-selected":t.isSelected,children:t.isSelected&&(0,w.jsx)(_.t,{})})}),(0,w.jsx)(fe,{children:n})]}):(0,w.jsx)(w.Fragment,{children:n})}})})}B.displayName=`ComboBox.Option`;function V({children:e,label:n,items:i,ref:o,...s}){if(i&&typeof e!=`function`)throw Error(`ComboBox.Section: When "items" is provided, "children" must be a function`);return(0,w.jsxs)(r.o,{ref:o,...s,children:[n&&(0,w.jsx)(de,{asChild:!0,children:(0,w.jsx)(a.t,{children:n})}),i?(0,w.jsx)(t.i,{items:i,children:t=>typeof e==`function`?e(t):null}):e]})}V.displayName=`ComboBox.Section`;function we(e,t){if(!t.trim())return e;let n=t.toLowerCase(),r=[];for(let t of e)t.textValue.toLowerCase().includes(n)&&r.push(t);return r}function H(e,t){if(!t.trim())return e;let n=t.toLowerCase(),r=[];for(let t of e)t.textValue.toLowerCase().startsWith(n)&&r.push(t);return r}function U(e,t){if(!t.trim())return e;let n=[];for(let r of e)r.textValue.includes(t)&&n.push(r);return n}function W(e,t){if(!t.trim())return e;let n=t.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`),r=RegExp(`\\b${n}`,`i`),i=[];for(let t of e)r.test(t.textValue)&&i.push(t);return i}function Te(e,t){if(!t.trim())return e;let n=t.toLowerCase(),r=[];for(let t of e){let e=t.textValue.toLowerCase(),i=0;for(let t=0;t<e.length&&i<n.length;t++)e[t]===n[i]&&i++;i===n.length&&r.push(t)}return r}function Ee(e){return(t,n)=>{if(!n.trim())return t;let r=n.toLowerCase(),i=[];for(let n of t){let t=n.value;t&&e.some(e=>{let n=e.split(`.`).reduce((e,t)=>e&&typeof e==`object`?e[t]:void 0,t);return n!=null&&String(n).toLowerCase().includes(r)})&&i.push(n)}return i}}function De(e){return(t,n)=>{if(!n.trim())return t;let r=[];for(let i of t){let t=e(i,n);t>0&&r.push({node:i,score:t})}return r.sort((e,t)=>t.score-e.score),r.map(e=>e.node)}}function Oe(e=we){return(t,n)=>{if(!n.trim())return t;let r=n.split(/\s+/).filter(e=>e.length>0);if(r.length===0)return t;let i=new Set;for(let n of r){let r=e(t,n);for(let e of r)i.add(e.key)}let a=[];for(let e of t)i.has(e.key)&&a.push(e);return a}}function ke(e){return(t,n)=>{if(!n.trim())return t;let r=[],i=null,a=[],o=()=>{i&&a.length>0&&(r.push(i),r.push(...a)),a.length=0};for(let r of t)if(r.type===`section`)o(),i=r;else{let t=Array.from(e([r],n));t.length>0&&a.push(...t)}return o(),r}}var Ae={Root:F,Trigger:Se,Popover:Ce,ListBox:z,Option:B,Section:V,filters:{filterByText:we,filterByStartsWith:H,filterByCaseSensitive:U,filterByWordBoundary:W,filterByFuzzy:Te,createMultiPropertyFilter:Ee,createRankedFilter:De,createMultiTermFilter:Oe,createSectionAwareFilter:ke}};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return Ae}});
+//# sourceMappingURL=combobox-CR1EtIML.cjs.map