@commercetools/nimbus 1.0.1 → 2.0.1-rc1

package/dist/chunks/radio-input-Dp05SXja.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-input-Dp05SXja.cjs.js","sources":["../../../../node_modules/.pnpm/@react-aria+radio@3.12.2_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/radio/dist/utils.mjs","../../../../node_modules/.pnpm/@react-aria+radio@3.12.2_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/radio/dist/useRadio.mjs","../../../../node_modules/.pnpm/@react-aria+radio@3.12.2_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/radio/dist/useRadioGroup.mjs","../../../../node_modules/.pnpm/@react-stately+radio@3.11.2_react@19.1.0/node_modules/@react-stately/radio/dist/useRadioGroupState.mjs","../../../../node_modules/.pnpm/react-aria-components@1.13.0_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-aria-components/dist/RadioGroup.mjs","../../src/components/radio-input/radio-input.slots.tsx","../../src/components/radio-input/components/radio-input.root.tsx","../../src/components/radio-input/components/radio-input.option.tsx","../../src/components/radio-input/radio-input.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ const $884aeceb3d67f00f$export$37b65e5b5444d35c = new WeakMap();\n\n\nexport {$884aeceb3d67f00f$export$37b65e5b5444d35c as radioGroupData};\n//# sourceMappingURL=utils.module.js.map\n","import {radioGroupData as $884aeceb3d67f00f$export$37b65e5b5444d35c} from \"./utils.mjs\";\nimport {mergeProps as $5jJ3f$mergeProps, filterDOMProps as $5jJ3f$filterDOMProps, useFormReset as $5jJ3f$useFormReset} from \"@react-aria/utils\";\nimport {useMemo as $5jJ3f$useMemo} from \"react\";\nimport {usePress as $5jJ3f$usePress, useFocusable as $5jJ3f$useFocusable} from \"@react-aria/interactions\";\nimport {useFormValidation as $5jJ3f$useFormValidation} from \"@react-aria/form\";\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 $0d5c49892c1215da$export$37b0961d2f4751e2(props, state, ref) {\n    let { value: value, children: children, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, onPressStart: onPressStart, onPressEnd: onPressEnd, onPressChange: onPressChange, onPress: onPress, onPressUp: onPressUp, onClick: onClick } = props;\n    const isDisabled = props.isDisabled || state.isDisabled;\n    let hasChildren = children != null;\n    let hasAriaLabel = ariaLabel != null || ariaLabelledby != null;\n    if (!hasChildren && !hasAriaLabel && process.env.NODE_ENV !== 'production') console.warn('If you do not provide children, you must specify an aria-label for accessibility');\n    let checked = state.selectedValue === value;\n    let onChange = (e)=>{\n        e.stopPropagation();\n        state.setSelectedValue(value);\n    };\n    // Handle press state for keyboard interactions and cases where labelProps is not used.\n    let { pressProps: pressProps, isPressed: isPressed } = (0, $5jJ3f$usePress)({\n        onPressStart: onPressStart,\n        onPressEnd: onPressEnd,\n        onPressChange: onPressChange,\n        onPress: onPress,\n        onPressUp: onPressUp,\n        onClick: onClick,\n        isDisabled: isDisabled\n    });\n    // Handle press state on the label.\n    let { pressProps: labelProps, isPressed: isLabelPressed } = (0, $5jJ3f$usePress)({\n        onPressStart: onPressStart,\n        onPressEnd: onPressEnd,\n        onPressChange: onPressChange,\n        onPressUp: onPressUp,\n        onClick: onClick,\n        isDisabled: isDisabled,\n        onPress (e) {\n            var _ref_current;\n            onPress === null || onPress === void 0 ? void 0 : onPress(e);\n            state.setSelectedValue(value);\n            (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.focus();\n        }\n    });\n    let { focusableProps: focusableProps } = (0, $5jJ3f$useFocusable)((0, $5jJ3f$mergeProps)(props, {\n        onFocus: ()=>state.setLastFocusedValue(value)\n    }), ref);\n    let interactions = (0, $5jJ3f$mergeProps)(pressProps, focusableProps);\n    let domProps = (0, $5jJ3f$filterDOMProps)(props, {\n        labelable: true\n    });\n    let tabIndex = -1;\n    if (state.selectedValue != null) {\n        if (state.selectedValue === value) tabIndex = 0;\n    } else if (state.lastFocusedValue === value || state.lastFocusedValue == null) tabIndex = 0;\n    if (isDisabled) tabIndex = undefined;\n    let { name: name, form: form, descriptionId: descriptionId, errorMessageId: errorMessageId, validationBehavior: validationBehavior } = (0, $884aeceb3d67f00f$export$37b65e5b5444d35c).get(state);\n    (0, $5jJ3f$useFormReset)(ref, state.defaultSelectedValue, state.setSelectedValue);\n    (0, $5jJ3f$useFormValidation)({\n        validationBehavior: validationBehavior\n    }, state, ref);\n    return {\n        labelProps: (0, $5jJ3f$mergeProps)(labelProps, (0, $5jJ3f$useMemo)(()=>({\n                onClick: (e)=>e.preventDefault(),\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: (0, $5jJ3f$mergeProps)(domProps, {\n            ...interactions,\n            type: 'radio',\n            name: name,\n            form: form,\n            tabIndex: tabIndex,\n            disabled: isDisabled,\n            required: state.isRequired && validationBehavior === 'native',\n            checked: checked,\n            value: value,\n            onChange: onChange,\n            'aria-describedby': [\n                props['aria-describedby'],\n                state.isInvalid ? errorMessageId : null,\n                descriptionId\n            ].filter(Boolean).join(' ') || undefined\n        }),\n        isDisabled: isDisabled,\n        isSelected: checked,\n        isPressed: isPressed || isLabelPressed\n    };\n}\n\n\nexport {$0d5c49892c1215da$export$37b0961d2f4751e2 as useRadio};\n//# sourceMappingURL=useRadio.module.js.map\n","import {radioGroupData as $884aeceb3d67f00f$export$37b65e5b5444d35c} from \"./utils.mjs\";\nimport {filterDOMProps as $czmJy$filterDOMProps, getOwnerWindow as $czmJy$getOwnerWindow, useId as $czmJy$useId, mergeProps as $czmJy$mergeProps} from \"@react-aria/utils\";\nimport {getFocusableTreeWalker as $czmJy$getFocusableTreeWalker} from \"@react-aria/focus\";\nimport {useField as $czmJy$useField} from \"@react-aria/label\";\nimport {useFocusWithin as $czmJy$useFocusWithin} from \"@react-aria/interactions\";\nimport {useLocale as $czmJy$useLocale} from \"@react-aria/i18n\";\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 $430f30ed08ec25fa$export$62b9571f283ff5c2(props, state) {\n    let { name: name, form: form, isReadOnly: isReadOnly, isRequired: isRequired, isDisabled: isDisabled, orientation: orientation = 'vertical', validationBehavior: validationBehavior = 'aria' } = props;\n    let { direction: direction } = (0, $czmJy$useLocale)();\n    let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = state.displayValidation;\n    let { labelProps: labelProps, fieldProps: fieldProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $czmJy$useField)({\n        ...props,\n        // Radio group is not an HTML input element so it\n        // shouldn't be labeled by a <label> element.\n        labelElementType: 'span',\n        isInvalid: state.isInvalid,\n        errorMessage: props.errorMessage || validationErrors\n    });\n    let domProps = (0, $czmJy$filterDOMProps)(props, {\n        labelable: true\n    });\n    // When the radio group loses focus, reset the focusable radio to null if\n    // there is no selection. This allows tabbing into the group from either\n    // direction to go to the first or last radio.\n    let { focusWithinProps: focusWithinProps } = (0, $czmJy$useFocusWithin)({\n        onBlurWithin (e) {\n            var _props_onBlur;\n            (_props_onBlur = props.onBlur) === null || _props_onBlur === void 0 ? void 0 : _props_onBlur.call(props, e);\n            if (!state.selectedValue) state.setLastFocusedValue(null);\n        },\n        onFocusWithin: props.onFocus,\n        onFocusWithinChange: props.onFocusChange\n    });\n    let onKeyDown = (e)=>{\n        let nextDir;\n        switch(e.key){\n            case 'ArrowRight':\n                if (direction === 'rtl' && orientation !== 'vertical') nextDir = 'prev';\n                else nextDir = 'next';\n                break;\n            case 'ArrowLeft':\n                if (direction === 'rtl' && orientation !== 'vertical') nextDir = 'next';\n                else nextDir = 'prev';\n                break;\n            case 'ArrowDown':\n                nextDir = 'next';\n                break;\n            case 'ArrowUp':\n                nextDir = 'prev';\n                break;\n            default:\n                return;\n        }\n        e.preventDefault();\n        let walker = (0, $czmJy$getFocusableTreeWalker)(e.currentTarget, {\n            from: e.target,\n            accept: (node)=>node instanceof (0, $czmJy$getOwnerWindow)(node).HTMLInputElement && node.type === 'radio'\n        });\n        let nextElem;\n        if (nextDir === 'next') {\n            nextElem = walker.nextNode();\n            if (!nextElem) {\n                walker.currentNode = e.currentTarget;\n                nextElem = walker.firstChild();\n            }\n        } else {\n            nextElem = walker.previousNode();\n            if (!nextElem) {\n                walker.currentNode = e.currentTarget;\n                nextElem = walker.lastChild();\n            }\n        }\n        if (nextElem) {\n            // Call focus on nextElem so that keyboard navigation scrolls the radio into view\n            nextElem.focus();\n            state.setSelectedValue(nextElem.value);\n        }\n    };\n    let groupName = (0, $czmJy$useId)(name);\n    (0, $884aeceb3d67f00f$export$37b65e5b5444d35c).set(state, {\n        name: groupName,\n        form: form,\n        descriptionId: descriptionProps.id,\n        errorMessageId: errorMessageProps.id,\n        validationBehavior: validationBehavior\n    });\n    return {\n        radioGroupProps: (0, $czmJy$mergeProps)(domProps, {\n            // https://www.w3.org/TR/wai-aria-1.2/#radiogroup\n            role: 'radiogroup',\n            onKeyDown: onKeyDown,\n            'aria-invalid': state.isInvalid || undefined,\n            'aria-errormessage': props['aria-errormessage'],\n            'aria-readonly': isReadOnly || undefined,\n            'aria-required': isRequired || undefined,\n            'aria-disabled': isDisabled || undefined,\n            'aria-orientation': orientation,\n            ...fieldProps,\n            ...focusWithinProps\n        }),\n        labelProps: labelProps,\n        descriptionProps: descriptionProps,\n        errorMessageProps: errorMessageProps,\n        isInvalid: isInvalid,\n        validationErrors: validationErrors,\n        validationDetails: validationDetails\n    };\n}\n\n\nexport {$430f30ed08ec25fa$export$62b9571f283ff5c2 as useRadioGroup};\n//# sourceMappingURL=useRadioGroup.module.js.map\n","import {useFormValidationState as $l55kx$useFormValidationState} from \"@react-stately/form\";\nimport {useControlledState as $l55kx$useControlledState} from \"@react-stately/utils\";\nimport {useMemo as $l55kx$useMemo, useState as $l55kx$useState} 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\nlet $a54cdc5c1942b639$var$instance = Math.round(Math.random() * 10000000000);\nlet $a54cdc5c1942b639$var$i = 0;\nfunction $a54cdc5c1942b639$export$bca9d026f8e704eb(props) {\n    // Preserved here for backward compatibility. React Aria now generates the name instead of stately.\n    let name = (0, $l55kx$useMemo)(()=>props.name || `radio-group-${$a54cdc5c1942b639$var$instance}-${++$a54cdc5c1942b639$var$i}`, [\n        props.name\n    ]);\n    var _props_defaultValue;\n    let [selectedValue, setSelected] = (0, $l55kx$useControlledState)(props.value, (_props_defaultValue = props.defaultValue) !== null && _props_defaultValue !== void 0 ? _props_defaultValue : null, props.onChange);\n    let [initialValue] = (0, $l55kx$useState)(selectedValue);\n    let [lastFocusedValue, setLastFocusedValue] = (0, $l55kx$useState)(null);\n    let validation = (0, $l55kx$useFormValidationState)({\n        ...props,\n        value: selectedValue\n    });\n    let setSelectedValue = (value)=>{\n        if (!props.isReadOnly && !props.isDisabled) {\n            setSelected(value);\n            validation.commitValidation();\n        }\n    };\n    let isInvalid = validation.displayValidation.isInvalid;\n    var _props_defaultValue1;\n    return {\n        ...validation,\n        name: name,\n        selectedValue: selectedValue,\n        defaultSelectedValue: props.value !== undefined ? initialValue : (_props_defaultValue1 = props.defaultValue) !== null && _props_defaultValue1 !== void 0 ? _props_defaultValue1 : null,\n        setSelectedValue: setSelectedValue,\n        lastFocusedValue: lastFocusedValue,\n        setLastFocusedValue: setLastFocusedValue,\n        isDisabled: props.isDisabled || false,\n        isReadOnly: props.isReadOnly || false,\n        isRequired: props.isRequired || false,\n        validationState: props.validationState || (isInvalid ? 'invalid' : null),\n        isInvalid: isInvalid\n    };\n}\n\n\nexport {$a54cdc5c1942b639$export$bca9d026f8e704eb as useRadioGroupState};\n//# sourceMappingURL=useRadioGroupState.module.js.map\n","import {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 {SelectionIndicatorContext as $1d5b8b8664671ef2$export$c9549807523555e0} from \"./SelectionIndicator.mjs\";\nimport {SharedElementTransition as $c8a5a149f625efcf$export$758399f318e6385a} from \"./SharedElementTransition.mjs\";\nimport {TextContext as $514c0188e459b4c0$export$9afb8bc826b033ea} from \"./Text.mjs\";\nimport {useRadioGroup as $3sixo$useRadioGroup, useRadio as $3sixo$useRadio, useFocusRing as $3sixo$useFocusRing, useHover as $3sixo$useHover, VisuallyHidden as $3sixo$VisuallyHidden} from \"react-aria\";\nimport {filterDOMProps as $3sixo$filterDOMProps, mergeProps as $3sixo$mergeProps, useObjectRef as $3sixo$useObjectRef, mergeRefs as $3sixo$mergeRefs} from \"@react-aria/utils\";\nimport {useRadioGroupState as $3sixo$useRadioGroupState} from \"react-stately\";\nimport $3sixo$react, {createContext as $3sixo$createContext, forwardRef as $3sixo$forwardRef, useMemo as $3sixo$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\n\nconst $b6c3ddc6086f204d$export$a79eda4ff50e30b6 = /*#__PURE__*/ (0, $3sixo$createContext)(null);\nconst $b6c3ddc6086f204d$export$b118023277d4a5c3 = /*#__PURE__*/ (0, $3sixo$createContext)(null);\nconst $b6c3ddc6086f204d$export$29d84393af70866c = /*#__PURE__*/ (0, $3sixo$createContext)(null);\nconst $b6c3ddc6086f204d$export$a98f0dcb43a68a25 = /*#__PURE__*/ (0, $3sixo$forwardRef)(function RadioGroup(props, ref) {\n    [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $b6c3ddc6086f204d$export$a79eda4ff50e30b6);\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, $3sixo$useRadioGroupState)({\n        ...props,\n        validationBehavior: validationBehavior\n    });\n    let [labelRef, label] = (0, $64fa3d84918910a7$export$9d4c57ee4c6ffdd8)(!props['aria-label'] && !props['aria-labelledby']);\n    let { radioGroupProps: radioGroupProps, labelProps: labelProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, ...validation } = (0, $3sixo$useRadioGroup)({\n        ...props,\n        label: label,\n        validationBehavior: validationBehavior\n    }, state);\n    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n        ...props,\n        values: {\n            orientation: props.orientation || 'vertical',\n            isDisabled: state.isDisabled,\n            isReadOnly: state.isReadOnly,\n            isRequired: state.isRequired,\n            isInvalid: state.isInvalid,\n            state: state\n        },\n        defaultClassName: 'react-aria-RadioGroup'\n    });\n    let DOMProps = (0, $3sixo$filterDOMProps)(props, {\n        global: true\n    });\n    return /*#__PURE__*/ (0, $3sixo$react).createElement(\"div\", {\n        ...(0, $3sixo$mergeProps)(DOMProps, renderProps, radioGroupProps),\n        ref: ref,\n        slot: props.slot || undefined,\n        \"data-orientation\": props.orientation || 'vertical',\n        \"data-invalid\": state.isInvalid || undefined,\n        \"data-disabled\": state.isDisabled || undefined,\n        \"data-readonly\": state.isReadOnly || undefined,\n        \"data-required\": state.isRequired || undefined\n    }, /*#__PURE__*/ (0, $3sixo$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {\n        values: [\n            [\n                $b6c3ddc6086f204d$export$29d84393af70866c,\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    }, /*#__PURE__*/ (0, $3sixo$react).createElement((0, $c8a5a149f625efcf$export$758399f318e6385a), null, renderProps.children)));\n});\nconst $b6c3ddc6086f204d$export$d7b12c4107be0d61 = /*#__PURE__*/ (0, $3sixo$forwardRef)(function Radio(props, ref) {\n    let { inputRef: userProvidedInputRef = null, ...otherProps } = props;\n    [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(otherProps, ref, $b6c3ddc6086f204d$export$b118023277d4a5c3);\n    let state = (0, $3sixo$react).useContext($b6c3ddc6086f204d$export$29d84393af70866c);\n    let inputRef = (0, $3sixo$useObjectRef)((0, $3sixo$useMemo)(()=>(0, $3sixo$mergeRefs)(userProvidedInputRef, props.inputRef !== undefined ? props.inputRef : null), [\n        userProvidedInputRef,\n        props.inputRef\n    ]));\n    let { labelProps: labelProps, inputProps: inputProps, isSelected: isSelected, isDisabled: isDisabled, isPressed: isPressed } = (0, $3sixo$useRadio)({\n        ...(0, $64fa3d84918910a7$export$ef03459518577ad4)(props),\n        // ReactNode type doesn't allow function children.\n        children: typeof props.children === 'function' ? true : props.children\n    }, state, inputRef);\n    let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $3sixo$useFocusRing)();\n    let interactionDisabled = isDisabled || state.isReadOnly;\n    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $3sixo$useHover)({\n        ...props,\n        isDisabled: interactionDisabled\n    });\n    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n        ...props,\n        defaultClassName: 'react-aria-Radio',\n        values: {\n            isSelected: isSelected,\n            isPressed: isPressed,\n            isHovered: isHovered,\n            isFocused: isFocused,\n            isFocusVisible: isFocusVisible,\n            isDisabled: isDisabled,\n            isReadOnly: state.isReadOnly,\n            isInvalid: state.isInvalid,\n            isRequired: state.isRequired\n        }\n    });\n    let DOMProps = (0, $3sixo$filterDOMProps)(props, {\n        global: true\n    });\n    delete DOMProps.id;\n    delete DOMProps.onClick;\n    return /*#__PURE__*/ (0, $3sixo$react).createElement(\"label\", {\n        ...(0, $3sixo$mergeProps)(DOMProps, labelProps, hoverProps, renderProps),\n        ref: ref,\n        \"data-selected\": isSelected || 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\": state.isReadOnly || undefined,\n        \"data-invalid\": state.isInvalid || undefined,\n        \"data-required\": state.isRequired || undefined\n    }, /*#__PURE__*/ (0, $3sixo$react).createElement((0, $3sixo$VisuallyHidden), {\n        elementType: \"span\"\n    }, /*#__PURE__*/ (0, $3sixo$react).createElement(\"input\", {\n        ...(0, $3sixo$mergeProps)(inputProps, focusProps),\n        ref: inputRef\n    })), /*#__PURE__*/ (0, $3sixo$react).createElement((0, $1d5b8b8664671ef2$export$c9549807523555e0).Provider, {\n        value: {\n            isSelected: isSelected\n        }\n    }, renderProps.children));\n});\n\n\nexport {$b6c3ddc6086f204d$export$a79eda4ff50e30b6 as RadioGroupContext, $b6c3ddc6086f204d$export$b118023277d4a5c3 as RadioContext, $b6c3ddc6086f204d$export$29d84393af70866c as RadioGroupStateContext, $b6c3ddc6086f204d$export$a98f0dcb43a68a25 as RadioGroup, $b6c3ddc6086f204d$export$d7b12c4107be0d61 as Radio};\n//# sourceMappingURL=RadioGroup.module.js.map\n","import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type {\n  RadioInputOptionSlotProps,\n  RadioInputRootSlotProps,\n} from \"./radio-input.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"radioInput\",\n});\n\nexport const RadioInputRootSlot = withProvider<\n  HTMLDivElement,\n  RadioInputRootSlotProps\n>(\"div\", \"root\");\n\nexport const RadioInputOptionSlot = withContext<\n  HTMLSpanElement,\n  RadioInputOptionSlotProps\n>(\"span\", \"option\");\n","import { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { radioInputSlotRecipe } from \"../radio-input.recipe\";\nimport { RadioGroup as RaRadioGroup } from \"react-aria-components\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport type { RadioInputRootProps } from \"../radio-input.types\";\nimport { RadioInputRootSlot } from \"../radio-input.slots\";\n\n/**\n * # RadioInput\n *\n * A set of closely related, mutually exclusive or complementary actions that are important enough to be displayed directly in the interface for quick access.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/radio-input}\n */\nexport const RadioInputRoot = (props: RadioInputRootProps) => {\n  const recipe = useSlotRecipe({ recipe: radioInputSlotRecipe });\n  const [recipeProps, restRecipeProps] = recipe.splitVariantProps(props);\n  const [styleProps, restProps] = extractStyleProps(restRecipeProps);\n\n  return (\n    <RadioInputRootSlot {...recipeProps} {...styleProps} asChild>\n      <RaRadioGroup {...restProps}>{props.children}</RaRadioGroup>\n    </RadioInputRootSlot>\n  );\n};\n\nRadioInputRoot.displayName = \"RadioInputRoot\";\n","import { Radio as RaRadio } from \"react-aria-components\";\nimport {\n  RadioButtonChecked,\n  RadioButtonUnchecked,\n} from \"@commercetools/nimbus-icons\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport type { RadioInputOptionProps } from \"../radio-input.types\";\nimport { RadioInputOptionSlot } from \"../radio-input.slots\";\nimport { useFocusRing } from \"react-aria\";\n\nexport const RadioInputOption = ({\n  children,\n  value,\n  ...rest\n}: RadioInputOptionProps) => {\n  const [styleProps, restProps] = extractStyleProps(rest);\n  const { isFocused, focusProps } = useFocusRing();\n\n  return (\n    <RadioInputOptionSlot\n      {...styleProps}\n      {...focusProps}\n      data-focus={isFocused || undefined}\n      asChild\n    >\n      <RaRadio value={value} {...restProps}>\n        {(renderProps) => {\n          const content =\n            typeof children === \"function\"\n              ? children({\n                  ...renderProps,\n                })\n              : children;\n          return (\n            <>\n              {renderProps.isSelected ? (\n                <RadioButtonChecked />\n              ) : (\n                <RadioButtonUnchecked />\n              )}\n              {content}\n            </>\n          );\n        }}\n      </RaRadio>\n    </RadioInputOptionSlot>\n  );\n};\n\nRadioInputOption.displayName = \"RadioInputOption\";\n","import { RadioInputRoot as _RadioInputRoot } from \"./components/radio-input.root\";\nimport { RadioInputOption as _RadioInputOption } from \"./components/radio-input.option\";\n\nexport const RadioInput = {\n  Root: _RadioInputRoot,\n  Option: _RadioInputOption,\n};\n\nexport { _RadioInputRoot, _RadioInputOption };\n"],"names":["$884aeceb3d67f00f$export$37b65e5b5444d35c","$0d5c49892c1215da$export$37b0961d2f4751e2","props","state","ref","value","children","ariaLabel","ariaLabelledby","onPressStart","onPressEnd","onPressChange","onPress","onPressUp","onClick","isDisabled","hasChildren","hasAriaLabel","checked","onChange","e","pressProps","isPressed","$5jJ3f$usePress","labelProps","isLabelPressed","_ref_current","focusableProps","$5jJ3f$useFocusable","$5jJ3f$mergeProps","interactions","domProps","$5jJ3f$filterDOMProps","tabIndex","name","form","descriptionId","errorMessageId","validationBehavior","$5jJ3f$useFormReset","$5jJ3f$useFormValidation","$5jJ3f$useMemo","$430f30ed08ec25fa$export$62b9571f283ff5c2","isReadOnly","isRequired","orientation","direction","$czmJy$useLocale","isInvalid","validationErrors","validationDetails","fieldProps","descriptionProps","errorMessageProps","$czmJy$useField","$czmJy$filterDOMProps","focusWithinProps","$czmJy$useFocusWithin","_props_onBlur","onKeyDown","nextDir","walker","$czmJy$getFocusableTreeWalker","node","$czmJy$getOwnerWindow","nextElem","groupName","$czmJy$useId","$czmJy$mergeProps","$a54cdc5c1942b639$var$instance","$a54cdc5c1942b639$var$i","$a54cdc5c1942b639$export$bca9d026f8e704eb","$l55kx$useMemo","_props_defaultValue","selectedValue","setSelected","$l55kx$useControlledState","initialValue","$l55kx$useState","lastFocusedValue","setLastFocusedValue","validation","$l55kx$useFormValidationState","setSelectedValue","_props_defaultValue1","$b6c3ddc6086f204d$export$a79eda4ff50e30b6","$3sixo$createContext","$b6c3ddc6086f204d$export$b118023277d4a5c3","$b6c3ddc6086f204d$export$29d84393af70866c","$b6c3ddc6086f204d$export$a98f0dcb43a68a25","$3sixo$forwardRef","$64fa3d84918910a7$export$29f1550f4b0d4415","formValidationBehavior","$64fa3d84918910a7$export$fabf2dc03a41866e","$d3e0e05bdfcf66bd$export$c24727297075ec6a","_props_validationBehavior","_ref","$3sixo$useRadioGroupState","labelRef","label","$64fa3d84918910a7$export$9d4c57ee4c6ffdd8","radioGroupProps","$3sixo$useRadioGroup","renderProps","$64fa3d84918910a7$export$4d86445c2cf5e3","DOMProps","$3sixo$filterDOMProps","$3sixo$react","$3sixo$mergeProps","$64fa3d84918910a7$export$2881499e37b75b9a","$01b77f81d0f07f68$export$75b6ee27786ba447","$514c0188e459b4c0$export$9afb8bc826b033ea","$ee014567cb39d3f0$export$ff05c3ac10437e03","$c8a5a149f625efcf$export$758399f318e6385a","$b6c3ddc6086f204d$export$d7b12c4107be0d61","userProvidedInputRef","otherProps","inputRef","$3sixo$useObjectRef","$3sixo$useMemo","$3sixo$mergeRefs","inputProps","isSelected","$3sixo$useRadio","$64fa3d84918910a7$export$ef03459518577ad4","isFocused","isFocusVisible","focusProps","$3sixo$useFocusRing","interactionDisabled","hoverProps","isHovered","$3sixo$useHover","$3sixo$VisuallyHidden","$1d5b8b8664671ef2$export$c9549807523555e0","withProvider","withContext","createSlotRecipeContext","RadioInputRootSlot","RadioInputOptionSlot","RadioInputRoot","recipe","useSlotRecipe","radioInputSlotRecipe","recipeProps","restRecipeProps","styleProps","restProps","extractStyleProps","jsx","RaRadioGroup","RadioInputOption","rest","useFocusRing","RaRadio","content","jsxs","Fragment","RadioButtonChecked","RadioButtonUnchecked","RadioInput","_RadioInputRoot","_RadioInputOption"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4]}

package/dist/chunks/range-calendar-RBEpLQJb.es.js

@@ -0,0 +1,187 @@
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { $ as R, a as I, b as F, c as G, d as H, e as j, f as S, g as A, h as B } from "./Heading-CfiWDgRZ.es.js";
+import { createSlotRecipeContext as L } from "@chakra-ui/react";
+import { useContext as p } from "react";
+import { $ as M, a as i } from "./useDateFormatter-BkKCXbud.es.js";
+import { e as w, d as N } from "./utils-Cyja2WdR.es.js";
+import { $ as D } from "./context-R4YUlO9Y.es.js";
+import { B as P } from "./box-DuBoAZvq.es.js";
+import { KeyboardArrowLeft as u, KeyboardArrowRight as x } from "@commercetools/nimbus-icons";
+import { Flex as z } from "@chakra-ui/react/flex";
+import { S as g } from "./stack-CoNreM7B.es.js";
+import { V as k } from "./visually-hidden-CVUszTlg.es.js";
+import { I as h } from "./icon-button-9Ni8-hO7.es.js";
+import { T as C } from "./text-BgiP8ZB6.es.js";
+import { r as V } from "./index-CtB71yr7.es.js";
+import { useRecipe as K } from "@chakra-ui/react/styled-system";
+import { e as W } from "./extractStyleProps-DYXEhLtq.es.js";
+import { $ as y } from "./Button-CrgZzRm9.es.js";
+import { $ as v } from "./Text-DOcU1ycg.es.js";
+const { withProvider: _, withContext: n } = /* @__PURE__ */ L({
+  key: "rangeCalendar"
+}), q = /* @__PURE__ */ _("div", "root"), E = /* @__PURE__ */ n("div", "header"), J = /* @__PURE__ */ n("div", "grids"), O = /* @__PURE__ */ n("div", "monthTitle"), Q = /* @__PURE__ */ n("table", "grid"), U = /* @__PURE__ */ n("thead", "gridHeader"), X = /* @__PURE__ */ n("th", "headerCell"), Y = /* @__PURE__ */ n("tbody", "gridBody"), Z = /* @__PURE__ */ n("td", "bodyCell"), ee = () => {
+  const { locale: s } = D(), a = w(S), t = p(R), r = a?.visibleDuration?.months || 1, o = M(i()), l = r > 1;
+  return /* @__PURE__ */ e(J, { children: Array.from({ length: r }, (b, c) => {
+    const $ = t.visibleRange.start.add({
+      months: c
+    }), f = new Intl.DateTimeFormat(s, {
+      month: "long"
+    }).format($.toDate(i()));
+    return /* @__PURE__ */ d(
+      P,
+      {
+        width: r == 1 ? "full" : "auto",
+        children: [
+          l && /* @__PURE__ */ e(O, { children: f }),
+          /* @__PURE__ */ e(Q, { asChild: !0, children: /* @__PURE__ */ d(I, { offset: { months: c }, weekdayStyle: "short", children: [
+            /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ e(F, { children: (m) => /* @__PURE__ */ e(X, { asChild: !0, children: /* @__PURE__ */ e(G, { children: m }) }) }) }),
+            /* @__PURE__ */ e(Y, { asChild: !0, children: /* @__PURE__ */ e(H, { children: (m) => {
+              const T = m.compare(o) === 0;
+              return /* @__PURE__ */ e(Z, { asChild: !0, "data-today": T, children: /* @__PURE__ */ e(j, { date: m }) });
+            } }) })
+          ] }) })
+        ]
+      },
+      f
+    );
+  }) });
+}, te = () => {
+  const t = (w(S)?.visibleDuration?.months || 1) > 1;
+  return /* @__PURE__ */ e(E, { children: /* @__PURE__ */ d(z, { children: [
+    /* @__PURE__ */ d(g, { direction: "row", alignItems: "center", children: [
+      /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(A, {}) }),
+      /* @__PURE__ */ e(
+        h,
+        {
+          slot: t ? "previous" : "previous-month",
+          size: "xs",
+          variant: "ghost",
+          tone: "primary",
+          children: /* @__PURE__ */ e(u, {})
+        }
+      ),
+      /* @__PURE__ */ e(
+        C,
+        {
+          textStyle: "sm",
+          fontWeight: "500",
+          color: "neutral.11",
+          width: t ? "4000" : "2000",
+          textAlign: "center",
+          "aria-hidden": "true",
+          slot: t ? "monthRange" : "month"
+        }
+      ),
+      /* @__PURE__ */ e(
+        h,
+        {
+          slot: t ? "next" : "next-month",
+          size: "xs",
+          variant: "ghost",
+          tone: "primary",
+          children: /* @__PURE__ */ e(x, {})
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(P, { flexGrow: "1" }),
+    /* @__PURE__ */ d(g, { direction: "row", alignItems: "center", children: [
+      /* @__PURE__ */ e(
+        h,
+        {
+          slot: "previous-year",
+          size: "xs",
+          variant: "ghost",
+          tone: "primary",
+          children: /* @__PURE__ */ e(u, {})
+        }
+      ),
+      /* @__PURE__ */ e(
+        C,
+        {
+          textStyle: "sm",
+          fontWeight: "500",
+          color: "neutral.11",
+          width: "1400",
+          textAlign: "center",
+          "aria-hidden": "true",
+          slot: "year"
+        }
+      ),
+      /* @__PURE__ */ e(h, { slot: "next-year", size: "xs", variant: "ghost", tone: "primary", children: /* @__PURE__ */ e(x, {}) })
+    ] })
+  ] }) });
+}, oe = ({
+  children: s
+}) => {
+  const { locale: a } = D(), t = p(y), r = p(v), o = p(R), l = {
+    "next-month": {
+      onPress: () => o.focusNextSection(),
+      "aria-label": "Next month"
+    },
+    "previous-month": {
+      onPress: () => o.focusPreviousSection(),
+      "aria-label": "Previous month"
+    },
+    "next-year": {
+      onPress: () => o.focusNextSection(!0),
+      "aria-label": "Next year"
+    },
+    "previous-year": {
+      onPress: () => o.focusPreviousSection(!0),
+      "aria-label": "Previous year"
+    }
+  }, b = new Intl.DateTimeFormat(a, {
+    month: "long"
+  }).format(o.focusedDate.toDate(i())), c = [
+    new Intl.DateTimeFormat(a, {
+      month: "long"
+    }).format(o.visibleRange.start.toDate(i())),
+    new Intl.DateTimeFormat(a, {
+      month: "long"
+    }).format(o.visibleRange.end.toDate(i()))
+  ].join(" - "), $ = new Intl.DateTimeFormat(a, {
+    year: "numeric"
+  }).format(o.focusedDate.toDate(i())), f = {
+    month: { children: b },
+    monthRange: { children: c },
+    year: { children: $ }
+  };
+  return /* @__PURE__ */ e(
+    N,
+    {
+      values: [
+        [
+          y,
+          {
+            ...t,
+            slots: {
+              ...t && typeof t == "object" && "slots" in t ? t.slots : {},
+              ...l
+            }
+          }
+        ],
+        [
+          v,
+          {
+            ...r,
+            slots: {
+              ...r && typeof r == "object" && "slots" in r ? r.slots : {},
+              ...f
+            }
+          }
+        ]
+      ],
+      children: s
+    }
+  );
+}, ve = (s) => {
+  const a = K({ recipe: V }), [t, r] = a.splitVariantProps(s), [o, l] = W(r);
+  return /* @__PURE__ */ e(q, { ...t, ...o, asChild: !0, children: /* @__PURE__ */ e(B, { ...l, children: /* @__PURE__ */ d(oe, { children: [
+    /* @__PURE__ */ e(te, {}),
+    /* @__PURE__ */ e(ee, {})
+  ] }) }) });
+};
+export {
+  ve as R
+};
+//# sourceMappingURL=range-calendar-RBEpLQJb.es.js.map

package/dist/chunks/range-calendar-RBEpLQJb.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"range-calendar-RBEpLQJb.es.js","sources":["../../src/components/range-calendar/range-calendar.slots.tsx","../../src/components/range-calendar/components/range-calendar.grids.tsx","../../src/components/range-calendar/components/range-calendar.header.tsx","../../src/components/range-calendar/components/range-calendar.custom-context.tsx","../../src/components/range-calendar/range-calendar.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type {\n  RangeCalendarRootSlotProps,\n  RangeCalendarHeaderSlotProps,\n  RangeCalendarGridsSlotProps,\n  RangeCalendarMonthTitleSlotProps,\n  RangeCalendarGridSlotProps,\n  RangeCalendarGridHeaderSlotProps,\n  RangeCalendarHeaderCellSlotProps,\n  RangeCalendarGridBodySlotProps,\n  RangeCalendarCellSlotProps,\n} from \"./range-calendar.types\";\nimport type { SlotComponent } from \"../utils/slot-types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"rangeCalendar\",\n});\n\nexport const RangeCalendarRootSlot: SlotComponent<\n  HTMLDivElement,\n  RangeCalendarRootSlotProps\n> = withProvider<HTMLDivElement, RangeCalendarRootSlotProps>(\"div\", \"root\");\n\nexport const RangeCalendarHeaderSlot = withContext<\n  HTMLDivElement,\n  RangeCalendarHeaderSlotProps\n>(\"div\", \"header\");\n\nexport const RangeCalendarGridsSlot = withContext<\n  HTMLDivElement,\n  RangeCalendarGridsSlotProps\n>(\"div\", \"grids\");\n\nexport const RangeCalendarMonthTitleSlot = withContext<\n  HTMLDivElement,\n  RangeCalendarMonthTitleSlotProps\n>(\"div\", \"monthTitle\");\n\nexport const RangeCalendarGridSlot = withContext<\n  HTMLTableElement,\n  RangeCalendarGridSlotProps\n>(\"table\", \"grid\");\n\nexport const RangeCalendarGridHeaderSlot = withContext<\n  HTMLTableSectionElement,\n  RangeCalendarGridHeaderSlotProps\n>(\"thead\", \"gridHeader\");\n\nexport const RangeCalendarHeaderCellSlot = withContext<\n  HTMLTableCellElement,\n  RangeCalendarHeaderCellSlotProps\n>(\"th\", \"headerCell\");\n\nexport const RangeCalendarGridBodySlot = withContext<\n  HTMLTableSectionElement,\n  RangeCalendarGridBodySlotProps\n>(\"tbody\", \"gridBody\");\n\nexport const RangeCalendarCellSlot = withContext<\n  HTMLTableCellElement,\n  RangeCalendarCellSlotProps\n>(\"td\", \"bodyCell\");\n","import { useContext } from \"react\";\nimport { today, getLocalTimeZone } from \"@internationalized/date\";\nimport {\n  CalendarGrid as RaCalendarGrid,\n  CalendarGridBody as RaCalendarGridBody,\n  CalendarGridHeader as RaCalendarGridHeader,\n  CalendarHeaderCell as RaCalendarHeaderCell,\n  CalendarCell as RaCalendarCell,\n  useSlottedContext,\n  RangeCalendarContext,\n  RangeCalendarStateContext,\n  useLocale,\n} from \"react-aria-components\";\nimport { Box } from \"@/components\";\n\nimport {\n  RangeCalendarCellSlot,\n  RangeCalendarGridBodySlot,\n  RangeCalendarGridHeaderSlot,\n  RangeCalendarGridsSlot,\n  RangeCalendarGridSlot,\n  RangeCalendarHeaderCellSlot,\n  RangeCalendarMonthTitleSlot,\n} from \"../range-calendar.slots\";\n\nexport const RangeCalendarGrids = () => {\n  const { locale } = useLocale();\n  const context = useSlottedContext(RangeCalendarContext);\n\n  const calendarState = useContext(RangeCalendarStateContext)!;\n  const visibleMonthsCount = context?.visibleDuration?.months || 1;\n  const todayDate = today(getLocalTimeZone());\n  const showMonthTitles = visibleMonthsCount > 1;\n\n  return (\n    <RangeCalendarGridsSlot>\n      {Array.from({ length: visibleMonthsCount }, (_, index) => {\n        const gridDate = calendarState.visibleRange.start.add({\n          months: index,\n        });\n        const monthName = new Intl.DateTimeFormat(locale, {\n          month: \"long\",\n        }).format(gridDate.toDate(getLocalTimeZone()));\n\n        return (\n          <Box\n            key={monthName}\n            width={visibleMonthsCount == 1 ? \"full\" : \"auto\"}\n          >\n            {showMonthTitles && (\n              <RangeCalendarMonthTitleSlot>\n                {monthName}\n              </RangeCalendarMonthTitleSlot>\n            )}\n            <RangeCalendarGridSlot asChild>\n              <RaCalendarGrid offset={{ months: index }} weekdayStyle=\"short\">\n                <RangeCalendarGridHeaderSlot asChild>\n                  <RaCalendarGridHeader>\n                    {(day) => (\n                      <RangeCalendarHeaderCellSlot asChild>\n                        <RaCalendarHeaderCell>{day}</RaCalendarHeaderCell>\n                      </RangeCalendarHeaderCellSlot>\n                    )}\n                  </RaCalendarGridHeader>\n                </RangeCalendarGridHeaderSlot>\n                <RangeCalendarGridBodySlot asChild>\n                  <RaCalendarGridBody>\n                    {(date) => {\n                      const isToday = date.compare(todayDate) === 0;\n                      return (\n                        <RangeCalendarCellSlot asChild data-today={isToday}>\n                          <RaCalendarCell date={date} />\n                        </RangeCalendarCellSlot>\n                      );\n                    }}\n                  </RaCalendarGridBody>\n                </RangeCalendarGridBodySlot>\n              </RaCalendarGrid>\n            </RangeCalendarGridSlot>\n          </Box>\n        );\n      })}\n    </RangeCalendarGridsSlot>\n  );\n};\n","import {\n  RangeCalendarContext,\n  Heading,\n  useSlottedContext,\n} from \"react-aria-components\";\nimport {\n  Box,\n  Flex,\n  IconButton,\n  Stack,\n  Text,\n  VisuallyHidden,\n} from \"@/components\";\nimport {\n  KeyboardArrowLeft,\n  KeyboardArrowRight,\n} from \"@commercetools/nimbus-icons\";\nimport { RangeCalendarHeaderSlot } from \"../range-calendar.slots\";\n\nexport const RangeCalendarHeader = () => {\n  const rangeCalendarProps = useSlottedContext(RangeCalendarContext);\n\n  // Needed to decide whether to show a single month or a range\n  const visibleDurationMonths =\n    rangeCalendarProps?.visibleDuration?.months || 1;\n  const showRangeLabel = visibleDurationMonths > 1;\n\n  return (\n    <RangeCalendarHeaderSlot>\n      <Flex>\n        <Stack direction=\"row\" alignItems=\"center\">\n          {/** solely for screen readers, if not present, a11y issues are raised */}\n          <VisuallyHidden>\n            <Heading />\n          </VisuallyHidden>\n          {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n          <IconButton\n            slot={showRangeLabel ? \"previous\" : \"previous-month\"}\n            size=\"xs\"\n            variant=\"ghost\"\n            tone=\"primary\"\n          >\n            <KeyboardArrowLeft />\n          </IconButton>\n          <Text\n            textStyle=\"sm\"\n            fontWeight=\"500\"\n            color=\"neutral.11\"\n            width={showRangeLabel ? \"4000\" : \"2000\"}\n            textAlign=\"center\"\n            aria-hidden=\"true\"\n            slot={showRangeLabel ? \"monthRange\" : \"month\"}\n          />\n          {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n          <IconButton\n            slot={showRangeLabel ? \"next\" : \"next-month\"}\n            size=\"xs\"\n            variant=\"ghost\"\n            tone=\"primary\"\n          >\n            <KeyboardArrowRight />\n          </IconButton>\n        </Stack>\n        <Box flexGrow=\"1\" />\n        <Stack direction=\"row\" alignItems=\"center\">\n          {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n          <IconButton\n            slot=\"previous-year\"\n            size=\"xs\"\n            variant=\"ghost\"\n            tone=\"primary\"\n          >\n            <KeyboardArrowLeft />\n          </IconButton>\n          <Text\n            textStyle=\"sm\"\n            fontWeight=\"500\"\n            color=\"neutral.11\"\n            width=\"1400\"\n            textAlign=\"center\"\n            aria-hidden=\"true\"\n            slot=\"year\"\n          />\n          {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n          <IconButton slot=\"next-year\" size=\"xs\" variant=\"ghost\" tone=\"primary\">\n            <KeyboardArrowRight />\n          </IconButton>\n        </Stack>\n      </Flex>\n    </RangeCalendarHeaderSlot>\n  );\n};\n","import { getLocalTimeZone } from \"@internationalized/date\";\nimport { useContext } from \"react\";\nimport {\n  Provider,\n  ButtonContext,\n  RangeCalendarStateContext,\n  TextContext,\n  useLocale,\n} from \"react-aria-components\";\n\nexport const RangeCalendarCustomContext = ({\n  children,\n}: {\n  children: React.ReactNode;\n}) => {\n  const { locale } = useLocale();\n  const buttonContext = useContext(ButtonContext)!;\n  const textContext = useContext(TextContext)!;\n  const calendarState = useContext(RangeCalendarStateContext)!;\n\n  /**\n   * Button slots\n   * ================================\n   */\n  const buttonSlots = {\n    \"next-month\": {\n      onPress: () => calendarState.focusNextSection(),\n      \"aria-label\": \"Next month\",\n    },\n    \"previous-month\": {\n      onPress: () => calendarState.focusPreviousSection(),\n      \"aria-label\": \"Previous month\",\n    },\n    \"next-year\": {\n      onPress: () => calendarState.focusNextSection(true),\n      \"aria-label\": \"Next year\",\n    },\n    \"previous-year\": {\n      onPress: () => calendarState.focusPreviousSection(true),\n      \"aria-label\": \"Previous year\",\n    },\n  };\n\n  /**\n   * Text slots\n   * ================================\n   */\n  const monthLabel = new Intl.DateTimeFormat(locale, {\n    month: \"long\",\n  }).format(calendarState.focusedDate.toDate(getLocalTimeZone()));\n\n  const monthRangeLabel = [\n    new Intl.DateTimeFormat(locale, {\n      month: \"long\",\n    }).format(calendarState.visibleRange.start.toDate(getLocalTimeZone())),\n    new Intl.DateTimeFormat(locale, {\n      month: \"long\",\n    }).format(calendarState.visibleRange.end.toDate(getLocalTimeZone())),\n  ].join(\" - \");\n\n  const yearLabel = new Intl.DateTimeFormat(locale, {\n    year: \"numeric\",\n  }).format(calendarState.focusedDate.toDate(getLocalTimeZone()));\n\n  const textSlots = {\n    month: { children: monthLabel },\n    monthRange: { children: monthRangeLabel },\n    year: { children: yearLabel },\n  };\n\n  return (\n    <Provider\n      values={[\n        [\n          ButtonContext,\n          {\n            ...buttonContext,\n            slots: {\n              ...(buttonContext &&\n              typeof buttonContext === \"object\" &&\n              \"slots\" in buttonContext\n                ? buttonContext.slots\n                : {}),\n              ...buttonSlots,\n            },\n          },\n        ],\n        [\n          TextContext,\n          {\n            ...textContext,\n            slots: {\n              ...(textContext &&\n              typeof textContext === \"object\" &&\n              \"slots\" in textContext\n                ? textContext.slots\n                : {}),\n              ...textSlots,\n            },\n          },\n        ],\n      ]}\n    >\n      {children}\n    </Provider>\n  );\n};\n","import type { RangeCalendarProps } from \"./range-calendar.types\";\nimport type { DateValue } from \"@internationalized/date\";\n\nimport { RangeCalendar as RaRangeCalendar } from \"react-aria-components\";\n\nimport { RangeCalendarRootSlot } from \"./range-calendar.slots\";\nimport { RangeCalendarGrids } from \"./components/range-calendar.grids\";\nimport { RangeCalendarHeader } from \"./components/range-calendar.header\";\nimport { rangeCalendarSlotRecipe } from \"./range-calendar.recipe\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { RangeCalendarCustomContext } from \"./components/range-calendar.custom-context\";\n\nexport const RangeCalendar = (props: RangeCalendarProps<DateValue>) => {\n  const recipe = useRecipe({ recipe: rangeCalendarSlotRecipe });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps(props);\n  const [styleProps, otherProps] = extractStyleProps(remainingProps);\n\n  return (\n    <RangeCalendarRootSlot {...recipeProps} {...styleProps} asChild>\n      <RaRangeCalendar {...otherProps}>\n        <RangeCalendarCustomContext>\n          <RangeCalendarHeader />\n          <RangeCalendarGrids />\n        </RangeCalendarCustomContext>\n      </RaRangeCalendar>\n    </RangeCalendarRootSlot>\n  );\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","RangeCalendarRootSlot","RangeCalendarHeaderSlot","RangeCalendarGridsSlot","RangeCalendarMonthTitleSlot","RangeCalendarGridSlot","RangeCalendarGridHeaderSlot","RangeCalendarHeaderCellSlot","RangeCalendarGridBodySlot","RangeCalendarCellSlot","RangeCalendarGrids","locale","useLocale","context","useSlottedContext","RangeCalendarContext","calendarState","useContext","RangeCalendarStateContext","visibleMonthsCount","todayDate","today","getLocalTimeZone","showMonthTitles","jsx","_","index","gridDate","monthName","jsxs","Box","RaCalendarGrid","RaCalendarGridHeader","day","RaCalendarHeaderCell","RaCalendarGridBody","date","isToday","RaCalendarCell","RangeCalendarHeader","showRangeLabel","Flex","Stack","VisuallyHidden","Heading","IconButton","KeyboardArrowLeft","Text","KeyboardArrowRight","RangeCalendarCustomContext","children","buttonContext","ButtonContext","textContext","TextContext","buttonSlots","monthLabel","monthRangeLabel","yearLabel","textSlots","Provider","RangeCalendar","props","recipe","useRecipe","rangeCalendarSlotRecipe","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","RaRangeCalendar"],"mappings":"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"}

package/dist/chunks/range-calendar-_dZfAsdG.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),a=require("./Heading-CCs6OF_m.cjs.js"),w=require("@chakra-ui/react"),$=require("react"),c=require("./useDateFormatter-BBcUQTYP.cjs.js"),m=require("./utils-BHdR5Nww.cjs.js"),R=require("./context-OoV8SSWX.cjs.js"),v=require("./box-CWni3A32.cjs.js"),h=require("@commercetools/nimbus-icons"),q=require("@chakra-ui/react/flex"),g=require("./stack-CIN13EDn.cjs.js"),D=require("./visually-hidden-tTYCAVoQ.cjs.js"),u=require("./icon-button-vWPrT-bR.cjs.js"),j=require("./text-CCW9kDT_.cjs.js"),P=require("./index-CRFg4Mhx.cjs.js"),I=require("@chakra-ui/react/styled-system"),T=require("./extractStyleProps-Dk3fpLyQ.cjs.js"),y=require("./Button-CFZnLKVR.cjs.js"),C=require("./Text-BWSfeB9p.cjs.js"),{withProvider:B,withContext:s}=w.createSlotRecipeContext({key:"rangeCalendar"}),H=B("div","root"),A=s("div","header"),F=s("div","grids"),G=s("div","monthTitle"),L=s("table","grid"),k=s("thead","gridHeader"),M=s("th","headerCell"),N=s("tbody","gridBody"),z=s("td","bodyCell"),K=()=>{const{locale:d}=R.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),n=m.$64fa3d84918910a7$export$fabf2dc03a41866e(a.$dfd62f934fc76fed$export$233dd9682e1ad64b),t=$.useContext(a.$dfd62f934fc76fed$export$5e0fc348c00f87a0),r=n?.visibleDuration?.months||1,o=c.$14e0f24ef4ac5c92$export$d0bdf45af03a6ea3(c.$14e0f24ef4ac5c92$export$aa8b41735afcabd2()),i=r>1;return e.jsx(F,{children:Array.from({length:r},(p,l)=>{const b=t.visibleRange.start.add({months:l}),f=new Intl.DateTimeFormat(d,{month:"long"}).format(b.toDate(c.$14e0f24ef4ac5c92$export$aa8b41735afcabd2()));return e.jsxs(v.Box,{width:r==1?"full":"auto",children:[i&&e.jsx(G,{children:f}),e.jsx(L,{asChild:!0,children:e.jsxs(a.$dfd62f934fc76fed$export$5bd780d491cfc46c,{offset:{months:l},weekdayStyle:"short",children:[e.jsx(k,{asChild:!0,children:e.jsx(a.$dfd62f934fc76fed$export$22e2d15eaa4d2377,{children:x=>e.jsx(M,{asChild:!0,children:e.jsx(a.$dfd62f934fc76fed$export$ad2135cac3a11b3d,{children:x})})})}),e.jsx(N,{asChild:!0,children:e.jsx(a.$dfd62f934fc76fed$export$e11f8ba65d857bff,{children:x=>{const S=x.compare(o)===0;return e.jsx(z,{asChild:!0,"data-today":S,children:e.jsx(a.$dfd62f934fc76fed$export$5d847498420df57b,{date:x})})}})})]})})]},f)})})},V=()=>{const t=(m.$64fa3d84918910a7$export$fabf2dc03a41866e(a.$dfd62f934fc76fed$export$233dd9682e1ad64b)?.visibleDuration?.months||1)>1;return e.jsx(A,{children:e.jsxs(q.Flex,{children:[e.jsxs(g.Stack,{direction:"row",alignItems:"center",children:[e.jsx(D.VisuallyHidden,{children:e.jsx(a.$5cb03073d3f54797$export$a8a3e93435678ff9,{})}),e.jsx(u.IconButton,{slot:t?"previous":"previous-month",size:"xs",variant:"ghost",tone:"primary",children:e.jsx(h.KeyboardArrowLeft,{})}),e.jsx(j.Text,{textStyle:"sm",fontWeight:"500",color:"neutral.11",width:t?"4000":"2000",textAlign:"center","aria-hidden":"true",slot:t?"monthRange":"month"}),e.jsx(u.IconButton,{slot:t?"next":"next-month",size:"xs",variant:"ghost",tone:"primary",children:e.jsx(h.KeyboardArrowRight,{})})]}),e.jsx(v.Box,{flexGrow:"1"}),e.jsxs(g.Stack,{direction:"row",alignItems:"center",children:[e.jsx(u.IconButton,{slot:"previous-year",size:"xs",variant:"ghost",tone:"primary",children:e.jsx(h.KeyboardArrowLeft,{})}),e.jsx(j.Text,{textStyle:"sm",fontWeight:"500",color:"neutral.11",width:"1400",textAlign:"center","aria-hidden":"true",slot:"year"}),e.jsx(u.IconButton,{slot:"next-year",size:"xs",variant:"ghost",tone:"primary",children:e.jsx(h.KeyboardArrowRight,{})})]})]})})},W=({children:d})=>{const{locale:n}=R.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),t=$.useContext(y.$d2b4bc8c273e7be6$export$24d547caef80ccd1),r=$.useContext(C.$514c0188e459b4c0$export$9afb8bc826b033ea),o=$.useContext(a.$dfd62f934fc76fed$export$5e0fc348c00f87a0),i={"next-month":{onPress:()=>o.focusNextSection(),"aria-label":"Next month"},"previous-month":{onPress:()=>o.focusPreviousSection(),"aria-label":"Previous month"},"next-year":{onPress:()=>o.focusNextSection(!0),"aria-label":"Next year"},"previous-year":{onPress:()=>o.focusPreviousSection(!0),"aria-label":"Previous year"}},p=new Intl.DateTimeFormat(n,{month:"long"}).format(o.focusedDate.toDate(c.$14e0f24ef4ac5c92$export$aa8b41735afcabd2())),l=[new Intl.DateTimeFormat(n,{month:"long"}).format(o.visibleRange.start.toDate(c.$14e0f24ef4ac5c92$export$aa8b41735afcabd2())),new Intl.DateTimeFormat(n,{month:"long"}).format(o.visibleRange.end.toDate(c.$14e0f24ef4ac5c92$export$aa8b41735afcabd2()))].join(" - "),b=new Intl.DateTimeFormat(n,{year:"numeric"}).format(o.focusedDate.toDate(c.$14e0f24ef4ac5c92$export$aa8b41735afcabd2())),f={month:{children:p},monthRange:{children:l},year:{children:b}};return e.jsx(m.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[y.$d2b4bc8c273e7be6$export$24d547caef80ccd1,{...t,slots:{...t&&typeof t=="object"&&"slots"in t?t.slots:{},...i}}],[C.$514c0188e459b4c0$export$9afb8bc826b033ea,{...r,slots:{...r&&typeof r=="object"&&"slots"in r?r.slots:{},...f}}]],children:d})},_=d=>{const n=I.useRecipe({recipe:P.rangeCalendarSlotRecipe}),[t,r]=n.splitVariantProps(d),[o,i]=T.extractStyleProps(r);return e.jsx(H,{...t,...o,asChild:!0,children:e.jsx(a.$dfd62f934fc76fed$export$a4f5c8b89d277a8d,{...i,children:e.jsxs(W,{children:[e.jsx(V,{}),e.jsx(K,{})]})})})};exports.RangeCalendar=_;
+//# sourceMappingURL=range-calendar-_dZfAsdG.cjs.js.map

package/dist/chunks/range-calendar-_dZfAsdG.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"range-calendar-_dZfAsdG.cjs.js","sources":["../../src/components/range-calendar/range-calendar.slots.tsx","../../src/components/range-calendar/components/range-calendar.grids.tsx","../../src/components/range-calendar/components/range-calendar.header.tsx","../../src/components/range-calendar/components/range-calendar.custom-context.tsx","../../src/components/range-calendar/range-calendar.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type {\n  RangeCalendarRootSlotProps,\n  RangeCalendarHeaderSlotProps,\n  RangeCalendarGridsSlotProps,\n  RangeCalendarMonthTitleSlotProps,\n  RangeCalendarGridSlotProps,\n  RangeCalendarGridHeaderSlotProps,\n  RangeCalendarHeaderCellSlotProps,\n  RangeCalendarGridBodySlotProps,\n  RangeCalendarCellSlotProps,\n} from \"./range-calendar.types\";\nimport type { SlotComponent } from \"../utils/slot-types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"rangeCalendar\",\n});\n\nexport const RangeCalendarRootSlot: SlotComponent<\n  HTMLDivElement,\n  RangeCalendarRootSlotProps\n> = withProvider<HTMLDivElement, RangeCalendarRootSlotProps>(\"div\", \"root\");\n\nexport const RangeCalendarHeaderSlot = withContext<\n  HTMLDivElement,\n  RangeCalendarHeaderSlotProps\n>(\"div\", \"header\");\n\nexport const RangeCalendarGridsSlot = withContext<\n  HTMLDivElement,\n  RangeCalendarGridsSlotProps\n>(\"div\", \"grids\");\n\nexport const RangeCalendarMonthTitleSlot = withContext<\n  HTMLDivElement,\n  RangeCalendarMonthTitleSlotProps\n>(\"div\", \"monthTitle\");\n\nexport const RangeCalendarGridSlot = withContext<\n  HTMLTableElement,\n  RangeCalendarGridSlotProps\n>(\"table\", \"grid\");\n\nexport const RangeCalendarGridHeaderSlot = withContext<\n  HTMLTableSectionElement,\n  RangeCalendarGridHeaderSlotProps\n>(\"thead\", \"gridHeader\");\n\nexport const RangeCalendarHeaderCellSlot = withContext<\n  HTMLTableCellElement,\n  RangeCalendarHeaderCellSlotProps\n>(\"th\", \"headerCell\");\n\nexport const RangeCalendarGridBodySlot = withContext<\n  HTMLTableSectionElement,\n  RangeCalendarGridBodySlotProps\n>(\"tbody\", \"gridBody\");\n\nexport const RangeCalendarCellSlot = withContext<\n  HTMLTableCellElement,\n  RangeCalendarCellSlotProps\n>(\"td\", \"bodyCell\");\n","import { useContext } from \"react\";\nimport { today, getLocalTimeZone } from \"@internationalized/date\";\nimport {\n  CalendarGrid as RaCalendarGrid,\n  CalendarGridBody as RaCalendarGridBody,\n  CalendarGridHeader as RaCalendarGridHeader,\n  CalendarHeaderCell as RaCalendarHeaderCell,\n  CalendarCell as RaCalendarCell,\n  useSlottedContext,\n  RangeCalendarContext,\n  RangeCalendarStateContext,\n  useLocale,\n} from \"react-aria-components\";\nimport { Box } from \"@/components\";\n\nimport {\n  RangeCalendarCellSlot,\n  RangeCalendarGridBodySlot,\n  RangeCalendarGridHeaderSlot,\n  RangeCalendarGridsSlot,\n  RangeCalendarGridSlot,\n  RangeCalendarHeaderCellSlot,\n  RangeCalendarMonthTitleSlot,\n} from \"../range-calendar.slots\";\n\nexport const RangeCalendarGrids = () => {\n  const { locale } = useLocale();\n  const context = useSlottedContext(RangeCalendarContext);\n\n  const calendarState = useContext(RangeCalendarStateContext)!;\n  const visibleMonthsCount = context?.visibleDuration?.months || 1;\n  const todayDate = today(getLocalTimeZone());\n  const showMonthTitles = visibleMonthsCount > 1;\n\n  return (\n    <RangeCalendarGridsSlot>\n      {Array.from({ length: visibleMonthsCount }, (_, index) => {\n        const gridDate = calendarState.visibleRange.start.add({\n          months: index,\n        });\n        const monthName = new Intl.DateTimeFormat(locale, {\n          month: \"long\",\n        }).format(gridDate.toDate(getLocalTimeZone()));\n\n        return (\n          <Box\n            key={monthName}\n            width={visibleMonthsCount == 1 ? \"full\" : \"auto\"}\n          >\n            {showMonthTitles && (\n              <RangeCalendarMonthTitleSlot>\n                {monthName}\n              </RangeCalendarMonthTitleSlot>\n            )}\n            <RangeCalendarGridSlot asChild>\n              <RaCalendarGrid offset={{ months: index }} weekdayStyle=\"short\">\n                <RangeCalendarGridHeaderSlot asChild>\n                  <RaCalendarGridHeader>\n                    {(day) => (\n                      <RangeCalendarHeaderCellSlot asChild>\n                        <RaCalendarHeaderCell>{day}</RaCalendarHeaderCell>\n                      </RangeCalendarHeaderCellSlot>\n                    )}\n                  </RaCalendarGridHeader>\n                </RangeCalendarGridHeaderSlot>\n                <RangeCalendarGridBodySlot asChild>\n                  <RaCalendarGridBody>\n                    {(date) => {\n                      const isToday = date.compare(todayDate) === 0;\n                      return (\n                        <RangeCalendarCellSlot asChild data-today={isToday}>\n                          <RaCalendarCell date={date} />\n                        </RangeCalendarCellSlot>\n                      );\n                    }}\n                  </RaCalendarGridBody>\n                </RangeCalendarGridBodySlot>\n              </RaCalendarGrid>\n            </RangeCalendarGridSlot>\n          </Box>\n        );\n      })}\n    </RangeCalendarGridsSlot>\n  );\n};\n","import {\n  RangeCalendarContext,\n  Heading,\n  useSlottedContext,\n} from \"react-aria-components\";\nimport {\n  Box,\n  Flex,\n  IconButton,\n  Stack,\n  Text,\n  VisuallyHidden,\n} from \"@/components\";\nimport {\n  KeyboardArrowLeft,\n  KeyboardArrowRight,\n} from \"@commercetools/nimbus-icons\";\nimport { RangeCalendarHeaderSlot } from \"../range-calendar.slots\";\n\nexport const RangeCalendarHeader = () => {\n  const rangeCalendarProps = useSlottedContext(RangeCalendarContext);\n\n  // Needed to decide whether to show a single month or a range\n  const visibleDurationMonths =\n    rangeCalendarProps?.visibleDuration?.months || 1;\n  const showRangeLabel = visibleDurationMonths > 1;\n\n  return (\n    <RangeCalendarHeaderSlot>\n      <Flex>\n        <Stack direction=\"row\" alignItems=\"center\">\n          {/** solely for screen readers, if not present, a11y issues are raised */}\n          <VisuallyHidden>\n            <Heading />\n          </VisuallyHidden>\n          {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n          <IconButton\n            slot={showRangeLabel ? \"previous\" : \"previous-month\"}\n            size=\"xs\"\n            variant=\"ghost\"\n            tone=\"primary\"\n          >\n            <KeyboardArrowLeft />\n          </IconButton>\n          <Text\n            textStyle=\"sm\"\n            fontWeight=\"500\"\n            color=\"neutral.11\"\n            width={showRangeLabel ? \"4000\" : \"2000\"}\n            textAlign=\"center\"\n            aria-hidden=\"true\"\n            slot={showRangeLabel ? \"monthRange\" : \"month\"}\n          />\n          {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n          <IconButton\n            slot={showRangeLabel ? \"next\" : \"next-month\"}\n            size=\"xs\"\n            variant=\"ghost\"\n            tone=\"primary\"\n          >\n            <KeyboardArrowRight />\n          </IconButton>\n        </Stack>\n        <Box flexGrow=\"1\" />\n        <Stack direction=\"row\" alignItems=\"center\">\n          {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n          <IconButton\n            slot=\"previous-year\"\n            size=\"xs\"\n            variant=\"ghost\"\n            tone=\"primary\"\n          >\n            <KeyboardArrowLeft />\n          </IconButton>\n          <Text\n            textStyle=\"sm\"\n            fontWeight=\"500\"\n            color=\"neutral.11\"\n            width=\"1400\"\n            textAlign=\"center\"\n            aria-hidden=\"true\"\n            slot=\"year\"\n          />\n          {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n          <IconButton slot=\"next-year\" size=\"xs\" variant=\"ghost\" tone=\"primary\">\n            <KeyboardArrowRight />\n          </IconButton>\n        </Stack>\n      </Flex>\n    </RangeCalendarHeaderSlot>\n  );\n};\n","import { getLocalTimeZone } from \"@internationalized/date\";\nimport { useContext } from \"react\";\nimport {\n  Provider,\n  ButtonContext,\n  RangeCalendarStateContext,\n  TextContext,\n  useLocale,\n} from \"react-aria-components\";\n\nexport const RangeCalendarCustomContext = ({\n  children,\n}: {\n  children: React.ReactNode;\n}) => {\n  const { locale } = useLocale();\n  const buttonContext = useContext(ButtonContext)!;\n  const textContext = useContext(TextContext)!;\n  const calendarState = useContext(RangeCalendarStateContext)!;\n\n  /**\n   * Button slots\n   * ================================\n   */\n  const buttonSlots = {\n    \"next-month\": {\n      onPress: () => calendarState.focusNextSection(),\n      \"aria-label\": \"Next month\",\n    },\n    \"previous-month\": {\n      onPress: () => calendarState.focusPreviousSection(),\n      \"aria-label\": \"Previous month\",\n    },\n    \"next-year\": {\n      onPress: () => calendarState.focusNextSection(true),\n      \"aria-label\": \"Next year\",\n    },\n    \"previous-year\": {\n      onPress: () => calendarState.focusPreviousSection(true),\n      \"aria-label\": \"Previous year\",\n    },\n  };\n\n  /**\n   * Text slots\n   * ================================\n   */\n  const monthLabel = new Intl.DateTimeFormat(locale, {\n    month: \"long\",\n  }).format(calendarState.focusedDate.toDate(getLocalTimeZone()));\n\n  const monthRangeLabel = [\n    new Intl.DateTimeFormat(locale, {\n      month: \"long\",\n    }).format(calendarState.visibleRange.start.toDate(getLocalTimeZone())),\n    new Intl.DateTimeFormat(locale, {\n      month: \"long\",\n    }).format(calendarState.visibleRange.end.toDate(getLocalTimeZone())),\n  ].join(\" - \");\n\n  const yearLabel = new Intl.DateTimeFormat(locale, {\n    year: \"numeric\",\n  }).format(calendarState.focusedDate.toDate(getLocalTimeZone()));\n\n  const textSlots = {\n    month: { children: monthLabel },\n    monthRange: { children: monthRangeLabel },\n    year: { children: yearLabel },\n  };\n\n  return (\n    <Provider\n      values={[\n        [\n          ButtonContext,\n          {\n            ...buttonContext,\n            slots: {\n              ...(buttonContext &&\n              typeof buttonContext === \"object\" &&\n              \"slots\" in buttonContext\n                ? buttonContext.slots\n                : {}),\n              ...buttonSlots,\n            },\n          },\n        ],\n        [\n          TextContext,\n          {\n            ...textContext,\n            slots: {\n              ...(textContext &&\n              typeof textContext === \"object\" &&\n              \"slots\" in textContext\n                ? textContext.slots\n                : {}),\n              ...textSlots,\n            },\n          },\n        ],\n      ]}\n    >\n      {children}\n    </Provider>\n  );\n};\n","import type { RangeCalendarProps } from \"./range-calendar.types\";\nimport type { DateValue } from \"@internationalized/date\";\n\nimport { RangeCalendar as RaRangeCalendar } from \"react-aria-components\";\n\nimport { RangeCalendarRootSlot } from \"./range-calendar.slots\";\nimport { RangeCalendarGrids } from \"./components/range-calendar.grids\";\nimport { RangeCalendarHeader } from \"./components/range-calendar.header\";\nimport { rangeCalendarSlotRecipe } from \"./range-calendar.recipe\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { RangeCalendarCustomContext } from \"./components/range-calendar.custom-context\";\n\nexport const RangeCalendar = (props: RangeCalendarProps<DateValue>) => {\n  const recipe = useRecipe({ recipe: rangeCalendarSlotRecipe });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps(props);\n  const [styleProps, otherProps] = extractStyleProps(remainingProps);\n\n  return (\n    <RangeCalendarRootSlot {...recipeProps} {...styleProps} asChild>\n      <RaRangeCalendar {...otherProps}>\n        <RangeCalendarCustomContext>\n          <RangeCalendarHeader />\n          <RangeCalendarGrids />\n        </RangeCalendarCustomContext>\n      </RaRangeCalendar>\n    </RangeCalendarRootSlot>\n  );\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","RangeCalendarRootSlot","RangeCalendarHeaderSlot","RangeCalendarGridsSlot","RangeCalendarMonthTitleSlot","RangeCalendarGridSlot","RangeCalendarGridHeaderSlot","RangeCalendarHeaderCellSlot","RangeCalendarGridBodySlot","RangeCalendarCellSlot","RangeCalendarGrids","locale","useLocale","context","useSlottedContext","RangeCalendarContext","calendarState","useContext","RangeCalendarStateContext","visibleMonthsCount","todayDate","today","getLocalTimeZone","showMonthTitles","jsx","_","index","gridDate","monthName","jsxs","Box","RaCalendarGrid","RaCalendarGridHeader","day","RaCalendarHeaderCell","RaCalendarGridBody","date","isToday","RaCalendarCell","RangeCalendarHeader","showRangeLabel","Flex","Stack","VisuallyHidden","Heading","IconButton","KeyboardArrowLeft","Text","KeyboardArrowRight","RangeCalendarCustomContext","children","buttonContext","ButtonContext","textContext","TextContext","buttonSlots","monthLabel","monthRangeLabel","yearLabel","textSlots","Provider","RangeCalendar","props","recipe","useRecipe","rangeCalendarSlotRecipe","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","RaRangeCalendar"],"mappings":"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"}