@commercetools/nimbus 0.0.0-canary-20251015173928 → 0.0.0-canary-20251015182814
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/accordion.d.ts +26 -11
- package/dist/alert.d.ts +54 -28
- package/dist/avatar.d.ts +17 -19
- package/dist/badge.d.ts +16 -17
- package/dist/button.d.ts +23 -16
- package/dist/calendar.d.ts +0 -4
- package/dist/card.d.ts +18 -18
- package/dist/checkbox.d.ts +14 -9
- package/dist/chunks/accordion-B2FLWAh5.cjs.js.map +1 -1
- package/dist/chunks/accordion-CKDnNkVv.es.js.map +1 -1
- package/dist/chunks/alert-CPHjPe4-.cjs.js.map +1 -1
- package/dist/chunks/alert-lNg0Rz2w.es.js.map +1 -1
- package/dist/chunks/{avatar-BfEMp9g8.es.js → avatar-CTiSGVoD.es.js} +4 -2
- package/dist/chunks/avatar-CTiSGVoD.es.js.map +1 -0
- package/dist/chunks/avatar-_o-uSXYy.cjs.js.map +1 -1
- package/dist/chunks/{badge-JEfh4EDj.es.js → badge-Csn5glEd.es.js} +4 -2
- package/dist/chunks/badge-Csn5glEd.es.js.map +1 -0
- package/dist/chunks/badge-mMpNb3Qj.cjs.js.map +1 -1
- package/dist/chunks/button-B5OOW-2z.cjs.js.map +1 -1
- package/dist/chunks/button-IZUJaJku.es.js.map +1 -1
- package/dist/chunks/calendar-V0KeNCQ3.cjs.js.map +1 -1
- package/dist/chunks/calendar-lD6G93R9.es.js.map +1 -1
- package/dist/chunks/card-BB_1xrND.es.js.map +1 -1
- package/dist/chunks/card-BPEsGx1J.cjs.js.map +1 -1
- package/dist/chunks/{checkbox-DII0AOBy.es.js → checkbox-BB-WJdal.es.js} +2 -8
- package/dist/chunks/{checkbox-DII0AOBy.es.js.map → checkbox-BB-WJdal.es.js.map} +1 -1
- package/dist/chunks/checkbox-Dod-yTj4.cjs.js.map +1 -1
- package/dist/chunks/collapsible-motion-C7M_CLNI.cjs.js.map +1 -1
- package/dist/chunks/collapsible-motion-CSrKjF8X.es.js.map +1 -1
- package/dist/chunks/combobox-B5UxZWSX.cjs.js.map +1 -1
- package/dist/chunks/{combobox-CxEeal66.es.js → combobox-D_7gr3DY.es.js} +2 -2
- package/dist/chunks/{combobox-CxEeal66.es.js.map → combobox-D_7gr3DY.es.js.map} +1 -1
- package/dist/chunks/data-table-C51WU0Cc.cjs.js.map +1 -1
- package/dist/chunks/{data-table-BGCmY93Q.es.js → data-table-ClMivKY1.es.js} +5 -8
- package/dist/chunks/{data-table-BGCmY93Q.es.js.map → data-table-ClMivKY1.es.js.map} +1 -1
- package/dist/chunks/date-input-Cap8-3zj.es.js.map +1 -1
- package/dist/chunks/date-input-DvOM0DLT.cjs.js.map +1 -1
- package/dist/chunks/date-picker-CZAoPNsT.cjs.js.map +1 -1
- package/dist/chunks/date-picker-ChZ8H-MT.es.js.map +1 -1
- package/dist/chunks/date-range-picker-DGWMdcAN.es.js.map +1 -1
- package/dist/chunks/date-range-picker-iENzosfN.cjs.js.map +1 -1
- package/dist/chunks/{draggable-list-Dv372xXb.es.js → draggable-list-s43baxoM.es.js} +2 -2
- package/dist/chunks/{draggable-list-Dv372xXb.es.js.map → draggable-list-s43baxoM.es.js.map} +1 -1
- package/dist/chunks/{field-errors-CHxHaB5C.es.js → field-errors-ClQprmQz.es.js} +1 -6
- package/dist/chunks/field-errors-ClQprmQz.es.js.map +1 -0
- package/dist/chunks/field-errors-D2re_C_c.cjs.js.map +1 -1
- package/dist/chunks/group-BqUFlw5R.cjs.js.map +1 -1
- package/dist/chunks/group-CWADf2vF.es.js.map +1 -1
- package/dist/chunks/{icon-V6yr3oou.es.js → icon-CenxuChf.es.js} +2 -4
- package/dist/chunks/icon-CenxuChf.es.js.map +1 -0
- package/dist/chunks/icon-D39U--jA.cjs.js.map +1 -1
- package/dist/chunks/kbd-BaeV_DL-.cjs.js.map +1 -1
- package/dist/chunks/kbd-CH9rYghB.es.js.map +1 -1
- package/dist/chunks/link-BEhlSTUU.es.js.map +1 -1
- package/dist/chunks/link-DpU4rPCp.cjs.js.map +1 -1
- package/dist/chunks/loading-spinner-BiVTAfmp.es.js.map +1 -1
- package/dist/chunks/loading-spinner-DQM-6XnY.cjs.js.map +1 -1
- package/dist/chunks/{localized-field-D4R1lSbz.es.js → localized-field-D3G0Uy7Z.es.js} +6 -6
- package/dist/chunks/{localized-field-D4R1lSbz.es.js.map → localized-field-D3G0Uy7Z.es.js.map} +1 -1
- package/dist/chunks/{menu-BkPvV5Ey.es.js → menu-D-vE6ZpM.es.js} +3 -6
- package/dist/chunks/menu-D-vE6ZpM.es.js.map +1 -0
- package/dist/chunks/menu-DIepV2KZ.cjs.js.map +1 -1
- package/dist/chunks/{money-input-jPYw0Jyg.es.js → money-input-sk0Slpeu.es.js} +2 -2
- package/dist/chunks/{money-input-jPYw0Jyg.es.js.map → money-input-sk0Slpeu.es.js.map} +1 -1
- package/dist/chunks/multiline-text-input-B9TBDieZ.cjs.js.map +1 -1
- package/dist/chunks/multiline-text-input-CilSJJaO.es.js.map +1 -1
- package/dist/chunks/{password-input-Bf_SPzLj.es.js → password-input-6MO4I-2j.es.js} +2 -2
- package/dist/chunks/{password-input-Bf_SPzLj.es.js.map → password-input-6MO4I-2j.es.js.map} +1 -1
- package/dist/chunks/popover-CfEq5G5-.cjs.js.map +1 -1
- package/dist/chunks/{popover-DF0ppmkw.es.js → popover-DNaC7CwB.es.js} +2 -4
- package/dist/chunks/popover-DNaC7CwB.es.js.map +1 -0
- package/dist/chunks/progress-bar-Bhp7W6Eo.cjs.js.map +1 -1
- package/dist/chunks/progress-bar-DwuOjOcH.es.js.map +1 -1
- package/dist/chunks/range-calendar-DBpl6y5i.es.js.map +1 -1
- package/dist/chunks/range-calendar-_dZfAsdG.cjs.js.map +1 -1
- package/dist/chunks/{rich-text-input-D7DcSuhr.es.js → rich-text-input-BC8CBVio.es.js} +5 -5
- package/dist/chunks/rich-text-input-BC8CBVio.es.js.map +1 -0
- package/dist/chunks/rich-text-input-Da5WFZ3l.cjs.js.map +1 -1
- package/dist/chunks/search-input-BefkmgPy.cjs.js.map +1 -1
- package/dist/chunks/search-input-DJy2NHYW.es.js.map +1 -1
- package/dist/chunks/separator-CvRn_J0r.cjs.js.map +1 -1
- package/dist/chunks/{separator-B0qxXI4c.es.js → separator-DJGUFG-o.es.js} +2 -4
- package/dist/chunks/separator-DJGUFG-o.es.js.map +1 -0
- package/dist/chunks/split-button-BO52sL7h.cjs.js.map +1 -1
- package/dist/chunks/{split-button-yfUsgbxF.es.js → split-button-BxyZmuNi.es.js} +3 -3
- package/dist/chunks/split-button-BxyZmuNi.es.js.map +1 -0
- package/dist/chunks/{switch-Df_0twKu.es.js → switch-01hEhL9A.es.js} +2 -14
- package/dist/chunks/switch-01hEhL9A.es.js.map +1 -0
- package/dist/chunks/switch-CdLhBEPq.cjs.js.map +1 -1
- package/dist/chunks/tabs-CJ0OAUSR.cjs.js.map +1 -1
- package/dist/chunks/{tabs-BCLrKRoZ.es.js → tabs-Dhte-RCe.es.js} +2 -8
- package/dist/chunks/{tabs-BCLrKRoZ.es.js.map → tabs-Dhte-RCe.es.js.map} +1 -1
- package/dist/chunks/tag-group-Btt0egzG.cjs.js.map +1 -1
- package/dist/chunks/{tag-group-B-eOhltn.es.js → tag-group-D2dgXSsV.es.js} +3 -9
- package/dist/chunks/{tag-group-B-eOhltn.es.js.map → tag-group-D2dgXSsV.es.js.map} +1 -1
- package/dist/chunks/text-input-CSAODlCw.es.js.map +1 -1
- package/dist/chunks/text-input-DZdkCbdd.cjs.js.map +1 -1
- package/dist/chunks/time-input--a_qv-Jk.es.js.map +1 -1
- package/dist/chunks/time-input-zXykDANk.cjs.js.map +1 -1
- package/dist/chunks/toggle-button-DxMZsem4.cjs.js.map +1 -1
- package/dist/chunks/toggle-button-awb1jBf8.es.js.map +1 -1
- package/dist/chunks/toolbar-DV0l5MqA.cjs.js.map +1 -1
- package/dist/chunks/{toolbar-BDatiEYj.es.js → toolbar-Dduysqqi.es.js} +4 -2
- package/dist/chunks/toolbar-Dduysqqi.es.js.map +1 -0
- package/dist/chunks/tooltip-BPTOkK7W.cjs.js.map +1 -1
- package/dist/chunks/{tooltip-CHm25f4m.es.js → tooltip-sgakxhiy.es.js} +2 -4
- package/dist/chunks/{tooltip-CHm25f4m.es.js.map → tooltip-sgakxhiy.es.js.map} +1 -1
- package/dist/collapsible-motion.d.ts +55 -42
- package/dist/combobox.d.ts +45 -25
- package/dist/components/avatar.es.js +1 -1
- package/dist/components/badge.es.js +1 -1
- package/dist/components/checkbox.es.js +1 -1
- package/dist/components/combobox.es.js +1 -1
- package/dist/components/data-table.es.js +1 -1
- package/dist/components/draggable-list.es.js +1 -1
- package/dist/components/field-errors.es.js +1 -1
- package/dist/components/icon.es.js +1 -1
- package/dist/components/localized-field.es.js +1 -1
- package/dist/components/money-input.es.js +1 -1
- package/dist/components/password-input.es.js +1 -1
- package/dist/components/popover.es.js +1 -1
- package/dist/components/rich-text-input.es.js +1 -1
- package/dist/components/separator.es.js +1 -1
- package/dist/components/split-button.es.js +1 -1
- package/dist/components/switch.es.js +1 -1
- package/dist/components/tabs.es.js +1 -1
- package/dist/components/tag-group.es.js +1 -1
- package/dist/components/toolbar.es.js +1 -1
- package/dist/components/tooltip.es.js +1 -1
- package/dist/components.d.ts +31 -20
- package/dist/data-table.d.ts +4 -24
- package/dist/date-input.d.ts +10 -35
- package/dist/date-picker.d.ts +13 -66
- package/dist/date-range-picker.d.ts +10 -21
- package/dist/dialog.d.ts +31 -20
- package/dist/draggable-list.d.ts +35 -11
- package/dist/drawer.d.ts +45 -36
- package/dist/field-errors.d.ts +33 -25
- package/dist/form-field.d.ts +32 -12
- package/dist/group.d.ts +8 -12
- package/dist/icon-button.d.ts +29 -20
- package/dist/icon-toggle-button.d.ts +21 -16
- package/dist/icon.d.ts +0 -19
- package/dist/index.d.ts +31 -20
- package/dist/index.es.js +21 -21
- package/dist/inline-svg.d.ts +2 -21
- package/dist/link.d.ts +14 -24
- package/dist/loading-spinner.d.ts +13 -22
- package/dist/localized-field.d.ts +2 -5
- package/dist/money-input.d.ts +4 -0
- package/dist/multiline-text-input.d.ts +21 -7
- package/dist/nimbus-provider.d.ts +20 -8
- package/dist/number-input.d.ts +13 -2
- package/dist/pagination.d.ts +33 -9
- package/dist/password-input.d.ts +16 -10
- package/dist/popover.d.ts +3 -3
- package/dist/progress-bar.d.ts +21 -22
- package/dist/radio-input.d.ts +8 -3
- package/dist/range-calendar.d.ts +0 -7
- package/dist/scoped-search-input.d.ts +29 -92
- package/dist/search-input.d.ts +14 -10
- package/dist/select.d.ts +25 -9
- package/dist/separator.d.ts +10 -27
- package/dist/split-button.d.ts +23 -16
- package/dist/switch.d.ts +6 -11
- package/dist/tabs.d.ts +12 -13
- package/dist/tag-group.d.ts +4 -10
- package/dist/text-input.d.ts +19 -8
- package/dist/time-input.d.ts +8 -38
- package/dist/toggle-button-group.d.ts +9 -10
- package/dist/toggle-button.d.ts +15 -15
- package/dist/toolbar.d.ts +5 -11
- package/dist/tooltip.d.ts +23 -28
- package/package.json +5 -5
- package/dist/chunks/avatar-BfEMp9g8.es.js.map +0 -1
- package/dist/chunks/badge-JEfh4EDj.es.js.map +0 -1
- package/dist/chunks/field-errors-CHxHaB5C.es.js.map +0 -1
- package/dist/chunks/icon-V6yr3oou.es.js.map +0 -1
- package/dist/chunks/menu-BkPvV5Ey.es.js.map +0 -1
- package/dist/chunks/popover-DF0ppmkw.es.js.map +0 -1
- package/dist/chunks/rich-text-input-D7DcSuhr.es.js.map +0 -1
- package/dist/chunks/separator-B0qxXI4c.es.js.map +0 -1
- package/dist/chunks/split-button-yfUsgbxF.es.js.map +0 -1
- package/dist/chunks/switch-Df_0twKu.es.js.map +0 -1
- package/dist/chunks/toolbar-BDatiEYj.es.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion-B2FLWAh5.cjs.js","sources":["../../../../node_modules/.pnpm/@react-stately+disclosure@3.0.8_react@19.1.0/node_modules/@react-stately/disclosure/dist/useDisclosureGroupState.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/Disclosure.mjs","../../src/components/accordion/accordion.slots.tsx","../../src/components/accordion/components/accordion-root.tsx","../../src/components/accordion/components/accordion-header.tsx","../../src/components/accordion/components/accordion-content.tsx","../../src/components/accordion/components/accordion-item.tsx","../../src/components/accordion/accordion.tsx"],"sourcesContent":["import {useControlledState as $j4gLc$useControlledState} from \"@react-stately/utils\";\nimport {useMemo as $j4gLc$useMemo, useEffect as $j4gLc$useEffect} from \"react\";\n\n/*\n * Copyright 2024 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\nfunction $9385b3affbdec831$export$f36461af0ef4707d(props) {\n let { allowsMultipleExpanded: allowsMultipleExpanded = false, isDisabled: isDisabled = false } = props;\n let [expandedKeys, setExpandedKeys] = (0, $j4gLc$useControlledState)((0, $j4gLc$useMemo)(()=>props.expandedKeys ? new Set(props.expandedKeys) : undefined, [\n props.expandedKeys\n ]), (0, $j4gLc$useMemo)(()=>props.defaultExpandedKeys ? new Set(props.defaultExpandedKeys) : new Set(), [\n props.defaultExpandedKeys\n ]), props.onExpandedChange);\n (0, $j4gLc$useEffect)(()=>{\n // Ensure only one item is expanded if allowsMultipleExpanded is false.\n if (!allowsMultipleExpanded && expandedKeys.size > 1) {\n let firstKey = expandedKeys.values().next().value;\n if (firstKey != null) setExpandedKeys(new Set([\n firstKey\n ]));\n }\n });\n return {\n allowsMultipleExpanded: allowsMultipleExpanded,\n isDisabled: isDisabled,\n expandedKeys: expandedKeys,\n setExpandedKeys: setExpandedKeys,\n toggleKey (key) {\n let keys;\n if (allowsMultipleExpanded) {\n keys = new Set(expandedKeys);\n if (keys.has(key)) keys.delete(key);\n else keys.add(key);\n } else keys = new Set(expandedKeys.has(key) ? [] : [\n key\n ]);\n setExpandedKeys(keys);\n }\n };\n}\n\n\nexport {$9385b3affbdec831$export$f36461af0ef4707d as useDisclosureGroupState};\n//# sourceMappingURL=useDisclosureGroupState.module.js.map\n","import {ButtonContext as $d2b4bc8c273e7be6$export$24d547caef80ccd1} from \"./Button.mjs\";\nimport {DEFAULT_SLOT as $64fa3d84918910a7$export$c62b8e45d58ddad9, Provider as $64fa3d84918910a7$export$2881499e37b75b9a, useContextProps as $64fa3d84918910a7$export$29f1550f4b0d4415, useRenderProps as $64fa3d84918910a7$export$4d86445c2cf5e3} from \"./utils.mjs\";\nimport {useDisclosure as $hI1OT$useDisclosure, useFocusRing as $hI1OT$useFocusRing} from \"react-aria\";\nimport {useDisclosureGroupState as $hI1OT$useDisclosureGroupState, useDisclosureState as $hI1OT$useDisclosureState} from \"react-stately\";\nimport {filterDOMProps as $hI1OT$filterDOMProps, useId as $hI1OT$useId, mergeProps as $hI1OT$mergeProps, mergeRefs as $hI1OT$mergeRefs} from \"@react-aria/utils\";\nimport $hI1OT$react, {createContext as $hI1OT$createContext, forwardRef as $hI1OT$forwardRef, useContext as $hI1OT$useContext} from \"react\";\n\n/*\n * Copyright 2024 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\nconst $28f4fd908f0de97f$export$1d40e3e0cc4d5de = /*#__PURE__*/ (0, $hI1OT$createContext)(null);\nconst $28f4fd908f0de97f$export$944aceb4f8c89f10 = /*#__PURE__*/ (0, $hI1OT$forwardRef)(function DisclosureGroup(props, ref) {\n let state = (0, $hI1OT$useDisclosureGroupState)(props);\n let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n ...props,\n defaultClassName: 'react-aria-DisclosureGroup',\n values: {\n isDisabled: state.isDisabled,\n state: state\n }\n });\n let domProps = (0, $hI1OT$filterDOMProps)(props, {\n global: true\n });\n return /*#__PURE__*/ (0, $hI1OT$react).createElement(\"div\", {\n ...domProps,\n ...renderProps,\n ref: ref,\n \"data-disabled\": props.isDisabled || undefined\n }, /*#__PURE__*/ (0, $hI1OT$react).createElement($28f4fd908f0de97f$export$1d40e3e0cc4d5de.Provider, {\n value: state\n }, renderProps.children));\n});\nconst $28f4fd908f0de97f$export$d665dd135a51b28a = /*#__PURE__*/ (0, $hI1OT$createContext)(null);\nconst $28f4fd908f0de97f$export$dab3ea4a6ef094da = /*#__PURE__*/ (0, $hI1OT$createContext)(null);\nconst $28f4fd908f0de97f$var$InternalDisclosureContext = /*#__PURE__*/ (0, $hI1OT$createContext)(null);\nconst $28f4fd908f0de97f$export$74a362b31437ec83 = /*#__PURE__*/ (0, $hI1OT$forwardRef)(function Disclosure(props, ref) {\n [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $28f4fd908f0de97f$export$d665dd135a51b28a);\n let groupState = (0, $hI1OT$useContext)($28f4fd908f0de97f$export$1d40e3e0cc4d5de);\n let { id: id, ...otherProps } = props;\n // Generate an id if one wasn't provided.\n // (can't pass id into useId since it can also be a number)\n let defaultId = (0, $hI1OT$useId)();\n id || (id = defaultId);\n let isExpanded = groupState ? groupState.expandedKeys.has(id) : props.isExpanded;\n let state = (0, $hI1OT$useDisclosureState)({\n ...props,\n isExpanded: isExpanded,\n onExpandedChange (isExpanded) {\n var _props_onExpandedChange;\n if (groupState) groupState.toggleKey(id);\n (_props_onExpandedChange = props.onExpandedChange) === null || _props_onExpandedChange === void 0 ? void 0 : _props_onExpandedChange.call(props, isExpanded);\n }\n });\n let panelRef = (0, $hI1OT$react).useRef(null);\n let isDisabled = props.isDisabled || (groupState === null || groupState === void 0 ? void 0 : groupState.isDisabled) || false;\n let { buttonProps: buttonProps, panelProps: panelProps } = (0, $hI1OT$useDisclosure)({\n ...props,\n isExpanded: isExpanded,\n isDisabled: isDisabled\n }, state, panelRef);\n let { isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps } = (0, $hI1OT$useFocusRing)({\n within: true\n });\n let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n ...props,\n id: undefined,\n defaultClassName: 'react-aria-Disclosure',\n values: {\n isExpanded: state.isExpanded,\n isDisabled: isDisabled,\n isFocusVisibleWithin: isFocusVisibleWithin,\n state: state\n }\n });\n let domProps = (0, $hI1OT$filterDOMProps)(otherProps, {\n global: true\n });\n return /*#__PURE__*/ (0, $hI1OT$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {\n values: [\n [\n (0, $d2b4bc8c273e7be6$export$24d547caef80ccd1),\n {\n slots: {\n [(0, $64fa3d84918910a7$export$c62b8e45d58ddad9)]: {},\n trigger: buttonProps\n }\n }\n ],\n [\n $28f4fd908f0de97f$var$InternalDisclosureContext,\n {\n panelProps: panelProps,\n panelRef: panelRef\n }\n ],\n [\n $28f4fd908f0de97f$export$dab3ea4a6ef094da,\n state\n ]\n ]\n }, /*#__PURE__*/ (0, $hI1OT$react).createElement(\"div\", {\n ...(0, $hI1OT$mergeProps)(domProps, renderProps, focusWithinProps),\n ref: ref,\n \"data-expanded\": state.isExpanded || undefined,\n \"data-disabled\": isDisabled || undefined,\n \"data-focus-visible-within\": isFocusVisibleWithin || undefined\n }, renderProps.children));\n});\nconst $28f4fd908f0de97f$export$feabaa331e1d464c = /*#__PURE__*/ (0, $hI1OT$forwardRef)(function DisclosurePanel(props, ref) {\n let { role: role = 'group' } = props;\n let { panelProps: panelProps, panelRef: panelRef } = (0, $hI1OT$useContext)($28f4fd908f0de97f$var$InternalDisclosureContext);\n let { isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps } = (0, $hI1OT$useFocusRing)({\n within: true\n });\n let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n ...props,\n defaultClassName: 'react-aria-DisclosurePanel',\n values: {\n isFocusVisibleWithin: isFocusVisibleWithin\n }\n });\n let DOMProps = (0, $hI1OT$filterDOMProps)(props, {\n global: true\n });\n return /*#__PURE__*/ (0, $hI1OT$react).createElement(\"div\", {\n ...(0, $hI1OT$mergeProps)(DOMProps, renderProps, panelProps, focusWithinProps),\n ref: (0, $hI1OT$mergeRefs)(ref, panelRef),\n role: role,\n \"data-focus-visible-within\": isFocusVisibleWithin || undefined\n }, /*#__PURE__*/ (0, $hI1OT$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {\n values: [\n [\n (0, $d2b4bc8c273e7be6$export$24d547caef80ccd1),\n null\n ]\n ]\n }, props.children));\n});\n\n\nexport {$28f4fd908f0de97f$export$1d40e3e0cc4d5de as DisclosureGroupStateContext, $28f4fd908f0de97f$export$944aceb4f8c89f10 as DisclosureGroup, $28f4fd908f0de97f$export$d665dd135a51b28a as DisclosureContext, $28f4fd908f0de97f$export$dab3ea4a6ef094da as DisclosureStateContext, $28f4fd908f0de97f$export$74a362b31437ec83 as Disclosure, $28f4fd908f0de97f$export$feabaa331e1d464c as DisclosurePanel};\n//# sourceMappingURL=Disclosure.module.js.map\n","import {\n createSlotRecipeContext,\n type HTMLChakraProps,\n} from \"@chakra-ui/react\";\nimport type { AccordionRootSlotProps } from \"./accordion.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n key: \"accordion\",\n});\n\nexport const AccordionRootSlot = withProvider<\n HTMLDivElement,\n AccordionRootSlotProps\n>(\"div\", \"root\");\n\nexport const AccordionDisclosureSlot = withContext<\n HTMLDivElement,\n HTMLChakraProps<\"div\">\n>(\"div\", \"disclosure\");\n\nexport const AccordionTriggerSlot = withContext<\n HTMLButtonElement,\n HTMLChakraProps<\"button\">\n>(\"button\", \"trigger\");\n\nexport const AccordionPanelSlot = withContext<\n HTMLDivElement,\n HTMLChakraProps<\"div\">\n>(\"div\", \"panel\");\n\nexport const AccordionTitleSlot = withContext<\n HTMLButtonElement,\n HTMLChakraProps<\"div\">\n>(\"div\", \"accordionTitle\");\n\nexport const AccordionHeaderRightContentSlot = withContext<\n HTMLDivElement,\n HTMLChakraProps<\"div\">\n>(\"div\", \"headerContentRight\");\n","import { AccordionRootSlot } from \"../accordion.slots\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { DisclosureGroup as RaDisclosureGroup } from \"react-aria-components\";\nimport type { AccordionRootProps } from \"../accordion.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\n/**\n * # Accordion\n *\n * Displays an Accordion.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/navigation/accordion}\n */\nexport const AccordionRoot = (props: AccordionRootProps) => {\n const { ref, ...restProps } = props;\n const recipe = useSlotRecipe({ key: \"accordion\" });\n const [recipeProps, restRecipeProps] = recipe.splitVariantProps(restProps);\n const [styleProps, raProps] = extractStyleProps(restRecipeProps);\n\n return (\n <AccordionRootSlot ref={ref} {...recipeProps} {...styleProps} asChild>\n <RaDisclosureGroup {...raProps} />\n </AccordionRootSlot>\n );\n};\n","import React, { useMemo } from \"react\";\nimport {\n AccordionTriggerSlot,\n AccordionTitleSlot,\n AccordionHeaderRightContentSlot,\n} from \"../accordion.slots\";\nimport { Flex } from \"@/components\";\nimport { KeyboardArrowRight } from \"@commercetools/nimbus-icons\";\nimport { Button as RaButton } from \"react-aria-components\";\nimport type { AccordionHeaderProps } from \"../accordion.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\nexport const AccordionHeader = ({\n children,\n ref,\n ...props\n}: AccordionHeaderProps) => {\n const [styleProps, restProps] = extractStyleProps(props);\n // Extract HeaderRightContent if present\n const headerContent = useMemo(() => {\n const main: React.ReactNode[] = [];\n const rightContent: React.ReactNode[] = [];\n\n React.Children.forEach(children, (child) => {\n if (\n React.isValidElement(child) &&\n child.type === AccordionHeaderRightContentSlot\n ) {\n rightContent.push(child);\n } else {\n main.push(child);\n }\n });\n\n return { main, rightContent };\n }, [children]);\n\n return (\n <Flex\n justifyContent=\"space-between\"\n alignItems=\"center\"\n borderBottom=\"solid-25\"\n borderColor=\"neutral.4\"\n {...styleProps}\n >\n <AccordionTriggerSlot ref={ref} slot=\"trigger\" asChild>\n <RaButton {...restProps}>\n <KeyboardArrowRight />\n <AccordionTitleSlot>{headerContent.main}</AccordionTitleSlot>\n </RaButton>\n </AccordionTriggerSlot>\n {headerContent.rightContent.length > 0 && (\n <AccordionHeaderRightContentSlot>\n {headerContent.rightContent}\n </AccordionHeaderRightContentSlot>\n )}\n </Flex>\n );\n};\n","import { AccordionPanelSlot } from \"../accordion.slots\";\nimport { DisclosurePanel as RaDisclosurePanel } from \"react-aria-components\";\nimport type { AccordionContentProps } from \"../accordion.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\n// Create Content component\nexport const AccordionContent = ({\n children,\n ref,\n ...props\n}: AccordionContentProps) => {\n const [styleProps, restProps] = extractStyleProps(props);\n\n return (\n <AccordionPanelSlot ref={ref} {...styleProps} asChild>\n <RaDisclosurePanel {...restProps}>{children}</RaDisclosurePanel>\n </AccordionPanelSlot>\n );\n};\n","import { AccordionDisclosureSlot } from \"../accordion.slots\";\nimport { Disclosure as RaDisclosure } from \"react-aria-components\";\nimport type { AccordionItemProps } from \"../accordion.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\nexport const AccordionItem = ({\n children,\n value,\n ref,\n ...props\n}: AccordionItemProps) => {\n const [styleProps, restProps] = extractStyleProps(props);\n const disclosureProps = {\n ...restProps,\n id: value, // React Aria uses id for the key\n };\n\n return (\n <AccordionDisclosureSlot\n data-value={value}\n ref={ref}\n {...styleProps}\n asChild\n >\n <RaDisclosure {...disclosureProps}>{children}</RaDisclosure>\n </AccordionDisclosureSlot>\n );\n};\n","import { AccordionHeaderRightContentSlot } from \"./accordion.slots\";\nimport { AccordionRoot } from \"./components/accordion-root\";\nimport { AccordionHeader } from \"./components/accordion-header\";\nimport { AccordionContent } from \"./components/accordion-content\";\nimport { AccordionItem } from \"./components/accordion-item\";\n\n// Create the Accordion namespace object as an object literal\nexport const Accordion = {\n Root: AccordionRoot,\n Item: AccordionItem,\n Header: AccordionHeader,\n Content: AccordionContent,\n HeaderRightContent: AccordionHeaderRightContentSlot,\n};\n\nexport {\n AccordionRoot as _AccordionRoot,\n AccordionItem as _AccordionItem,\n AccordionHeader as _AccordionHeader,\n AccordionContent as _AccordionContent,\n AccordionHeaderRightContentSlot as _AccordionHeaderRightContent,\n};\n"],"names":["$9385b3affbdec831$export$f36461af0ef4707d","props","allowsMultipleExpanded","isDisabled","expandedKeys","setExpandedKeys","$j4gLc$useControlledState","$j4gLc$useMemo","$j4gLc$useEffect","firstKey","key","keys","$28f4fd908f0de97f$export$1d40e3e0cc4d5de","$hI1OT$createContext","$28f4fd908f0de97f$export$944aceb4f8c89f10","$hI1OT$forwardRef","ref","state","$hI1OT$useDisclosureGroupState","renderProps","$64fa3d84918910a7$export$4d86445c2cf5e3","domProps","$hI1OT$filterDOMProps","$hI1OT$react","$28f4fd908f0de97f$export$d665dd135a51b28a","$28f4fd908f0de97f$export$dab3ea4a6ef094da","$28f4fd908f0de97f$var$InternalDisclosureContext","$28f4fd908f0de97f$export$74a362b31437ec83","$64fa3d84918910a7$export$29f1550f4b0d4415","groupState","$hI1OT$useContext","id","otherProps","defaultId","$hI1OT$useId","isExpanded","$hI1OT$useDisclosureState","_props_onExpandedChange","panelRef","buttonProps","panelProps","$hI1OT$useDisclosure","isFocusVisibleWithin","focusWithinProps","$hI1OT$useFocusRing","$64fa3d84918910a7$export$2881499e37b75b9a","$d2b4bc8c273e7be6$export$24d547caef80ccd1","$64fa3d84918910a7$export$c62b8e45d58ddad9","$hI1OT$mergeProps","$28f4fd908f0de97f$export$feabaa331e1d464c","role","DOMProps","$hI1OT$mergeRefs","withProvider","withContext","createSlotRecipeContext","AccordionRootSlot","AccordionDisclosureSlot","AccordionTriggerSlot","AccordionPanelSlot","AccordionTitleSlot","AccordionHeaderRightContentSlot","AccordionRoot","restProps","recipe","useSlotRecipe","recipeProps","restRecipeProps","styleProps","raProps","extractStyleProps","jsx","RaDisclosureGroup","AccordionHeader","children","headerContent","useMemo","main","rightContent","React","child","jsxs","Flex","RaButton","KeyboardArrowRight","AccordionContent","RaDisclosurePanel","AccordionItem","value","disclosureProps","RaDisclosure","Accordion"],"mappings":"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","x_google_ignoreList":[0,1]}
|
|
1
|
+
{"version":3,"file":"accordion-B2FLWAh5.cjs.js","sources":["../../../../node_modules/.pnpm/@react-stately+disclosure@3.0.8_react@19.1.0/node_modules/@react-stately/disclosure/dist/useDisclosureGroupState.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/Disclosure.mjs","../../src/components/accordion/accordion.slots.tsx","../../src/components/accordion/components/accordion-root.tsx","../../src/components/accordion/components/accordion-header.tsx","../../src/components/accordion/components/accordion-content.tsx","../../src/components/accordion/components/accordion-item.tsx","../../src/components/accordion/accordion.tsx"],"sourcesContent":["import {useControlledState as $j4gLc$useControlledState} from \"@react-stately/utils\";\nimport {useMemo as $j4gLc$useMemo, useEffect as $j4gLc$useEffect} from \"react\";\n\n/*\n * Copyright 2024 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\nfunction $9385b3affbdec831$export$f36461af0ef4707d(props) {\n let { allowsMultipleExpanded: allowsMultipleExpanded = false, isDisabled: isDisabled = false } = props;\n let [expandedKeys, setExpandedKeys] = (0, $j4gLc$useControlledState)((0, $j4gLc$useMemo)(()=>props.expandedKeys ? new Set(props.expandedKeys) : undefined, [\n props.expandedKeys\n ]), (0, $j4gLc$useMemo)(()=>props.defaultExpandedKeys ? new Set(props.defaultExpandedKeys) : new Set(), [\n props.defaultExpandedKeys\n ]), props.onExpandedChange);\n (0, $j4gLc$useEffect)(()=>{\n // Ensure only one item is expanded if allowsMultipleExpanded is false.\n if (!allowsMultipleExpanded && expandedKeys.size > 1) {\n let firstKey = expandedKeys.values().next().value;\n if (firstKey != null) setExpandedKeys(new Set([\n firstKey\n ]));\n }\n });\n return {\n allowsMultipleExpanded: allowsMultipleExpanded,\n isDisabled: isDisabled,\n expandedKeys: expandedKeys,\n setExpandedKeys: setExpandedKeys,\n toggleKey (key) {\n let keys;\n if (allowsMultipleExpanded) {\n keys = new Set(expandedKeys);\n if (keys.has(key)) keys.delete(key);\n else keys.add(key);\n } else keys = new Set(expandedKeys.has(key) ? [] : [\n key\n ]);\n setExpandedKeys(keys);\n }\n };\n}\n\n\nexport {$9385b3affbdec831$export$f36461af0ef4707d as useDisclosureGroupState};\n//# sourceMappingURL=useDisclosureGroupState.module.js.map\n","import {ButtonContext as $d2b4bc8c273e7be6$export$24d547caef80ccd1} from \"./Button.mjs\";\nimport {DEFAULT_SLOT as $64fa3d84918910a7$export$c62b8e45d58ddad9, Provider as $64fa3d84918910a7$export$2881499e37b75b9a, useContextProps as $64fa3d84918910a7$export$29f1550f4b0d4415, useRenderProps as $64fa3d84918910a7$export$4d86445c2cf5e3} from \"./utils.mjs\";\nimport {useDisclosure as $hI1OT$useDisclosure, useFocusRing as $hI1OT$useFocusRing} from \"react-aria\";\nimport {useDisclosureGroupState as $hI1OT$useDisclosureGroupState, useDisclosureState as $hI1OT$useDisclosureState} from \"react-stately\";\nimport {filterDOMProps as $hI1OT$filterDOMProps, useId as $hI1OT$useId, mergeProps as $hI1OT$mergeProps, mergeRefs as $hI1OT$mergeRefs} from \"@react-aria/utils\";\nimport $hI1OT$react, {createContext as $hI1OT$createContext, forwardRef as $hI1OT$forwardRef, useContext as $hI1OT$useContext} from \"react\";\n\n/*\n * Copyright 2024 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\nconst $28f4fd908f0de97f$export$1d40e3e0cc4d5de = /*#__PURE__*/ (0, $hI1OT$createContext)(null);\nconst $28f4fd908f0de97f$export$944aceb4f8c89f10 = /*#__PURE__*/ (0, $hI1OT$forwardRef)(function DisclosureGroup(props, ref) {\n let state = (0, $hI1OT$useDisclosureGroupState)(props);\n let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n ...props,\n defaultClassName: 'react-aria-DisclosureGroup',\n values: {\n isDisabled: state.isDisabled,\n state: state\n }\n });\n let domProps = (0, $hI1OT$filterDOMProps)(props, {\n global: true\n });\n return /*#__PURE__*/ (0, $hI1OT$react).createElement(\"div\", {\n ...domProps,\n ...renderProps,\n ref: ref,\n \"data-disabled\": props.isDisabled || undefined\n }, /*#__PURE__*/ (0, $hI1OT$react).createElement($28f4fd908f0de97f$export$1d40e3e0cc4d5de.Provider, {\n value: state\n }, renderProps.children));\n});\nconst $28f4fd908f0de97f$export$d665dd135a51b28a = /*#__PURE__*/ (0, $hI1OT$createContext)(null);\nconst $28f4fd908f0de97f$export$dab3ea4a6ef094da = /*#__PURE__*/ (0, $hI1OT$createContext)(null);\nconst $28f4fd908f0de97f$var$InternalDisclosureContext = /*#__PURE__*/ (0, $hI1OT$createContext)(null);\nconst $28f4fd908f0de97f$export$74a362b31437ec83 = /*#__PURE__*/ (0, $hI1OT$forwardRef)(function Disclosure(props, ref) {\n [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $28f4fd908f0de97f$export$d665dd135a51b28a);\n let groupState = (0, $hI1OT$useContext)($28f4fd908f0de97f$export$1d40e3e0cc4d5de);\n let { id: id, ...otherProps } = props;\n // Generate an id if one wasn't provided.\n // (can't pass id into useId since it can also be a number)\n let defaultId = (0, $hI1OT$useId)();\n id || (id = defaultId);\n let isExpanded = groupState ? groupState.expandedKeys.has(id) : props.isExpanded;\n let state = (0, $hI1OT$useDisclosureState)({\n ...props,\n isExpanded: isExpanded,\n onExpandedChange (isExpanded) {\n var _props_onExpandedChange;\n if (groupState) groupState.toggleKey(id);\n (_props_onExpandedChange = props.onExpandedChange) === null || _props_onExpandedChange === void 0 ? void 0 : _props_onExpandedChange.call(props, isExpanded);\n }\n });\n let panelRef = (0, $hI1OT$react).useRef(null);\n let isDisabled = props.isDisabled || (groupState === null || groupState === void 0 ? void 0 : groupState.isDisabled) || false;\n let { buttonProps: buttonProps, panelProps: panelProps } = (0, $hI1OT$useDisclosure)({\n ...props,\n isExpanded: isExpanded,\n isDisabled: isDisabled\n }, state, panelRef);\n let { isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps } = (0, $hI1OT$useFocusRing)({\n within: true\n });\n let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n ...props,\n id: undefined,\n defaultClassName: 'react-aria-Disclosure',\n values: {\n isExpanded: state.isExpanded,\n isDisabled: isDisabled,\n isFocusVisibleWithin: isFocusVisibleWithin,\n state: state\n }\n });\n let domProps = (0, $hI1OT$filterDOMProps)(otherProps, {\n global: true\n });\n return /*#__PURE__*/ (0, $hI1OT$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {\n values: [\n [\n (0, $d2b4bc8c273e7be6$export$24d547caef80ccd1),\n {\n slots: {\n [(0, $64fa3d84918910a7$export$c62b8e45d58ddad9)]: {},\n trigger: buttonProps\n }\n }\n ],\n [\n $28f4fd908f0de97f$var$InternalDisclosureContext,\n {\n panelProps: panelProps,\n panelRef: panelRef\n }\n ],\n [\n $28f4fd908f0de97f$export$dab3ea4a6ef094da,\n state\n ]\n ]\n }, /*#__PURE__*/ (0, $hI1OT$react).createElement(\"div\", {\n ...(0, $hI1OT$mergeProps)(domProps, renderProps, focusWithinProps),\n ref: ref,\n \"data-expanded\": state.isExpanded || undefined,\n \"data-disabled\": isDisabled || undefined,\n \"data-focus-visible-within\": isFocusVisibleWithin || undefined\n }, renderProps.children));\n});\nconst $28f4fd908f0de97f$export$feabaa331e1d464c = /*#__PURE__*/ (0, $hI1OT$forwardRef)(function DisclosurePanel(props, ref) {\n let { role: role = 'group' } = props;\n let { panelProps: panelProps, panelRef: panelRef } = (0, $hI1OT$useContext)($28f4fd908f0de97f$var$InternalDisclosureContext);\n let { isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps } = (0, $hI1OT$useFocusRing)({\n within: true\n });\n let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n ...props,\n defaultClassName: 'react-aria-DisclosurePanel',\n values: {\n isFocusVisibleWithin: isFocusVisibleWithin\n }\n });\n let DOMProps = (0, $hI1OT$filterDOMProps)(props, {\n global: true\n });\n return /*#__PURE__*/ (0, $hI1OT$react).createElement(\"div\", {\n ...(0, $hI1OT$mergeProps)(DOMProps, renderProps, panelProps, focusWithinProps),\n ref: (0, $hI1OT$mergeRefs)(ref, panelRef),\n role: role,\n \"data-focus-visible-within\": isFocusVisibleWithin || undefined\n }, /*#__PURE__*/ (0, $hI1OT$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {\n values: [\n [\n (0, $d2b4bc8c273e7be6$export$24d547caef80ccd1),\n null\n ]\n ]\n }, props.children));\n});\n\n\nexport {$28f4fd908f0de97f$export$1d40e3e0cc4d5de as DisclosureGroupStateContext, $28f4fd908f0de97f$export$944aceb4f8c89f10 as DisclosureGroup, $28f4fd908f0de97f$export$d665dd135a51b28a as DisclosureContext, $28f4fd908f0de97f$export$dab3ea4a6ef094da as DisclosureStateContext, $28f4fd908f0de97f$export$74a362b31437ec83 as Disclosure, $28f4fd908f0de97f$export$feabaa331e1d464c as DisclosurePanel};\n//# sourceMappingURL=Disclosure.module.js.map\n","import {\n createSlotRecipeContext,\n type HTMLChakraProps,\n} from \"@chakra-ui/react\";\nimport type { AccordionRootSlotProps } from \"./accordion.types\";\nimport type { SlotComponent } from \"../utils/slot-types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n key: \"accordion\",\n});\n\nexport const AccordionRootSlot: SlotComponent<\n HTMLDivElement,\n AccordionRootSlotProps\n> = withProvider<HTMLDivElement, AccordionRootSlotProps>(\"div\", \"root\");\n\nexport const AccordionDisclosureSlot = withContext<\n HTMLDivElement,\n HTMLChakraProps<\"div\">\n>(\"div\", \"disclosure\");\n\nexport const AccordionTriggerSlot = withContext<\n HTMLButtonElement,\n HTMLChakraProps<\"button\">\n>(\"button\", \"trigger\");\n\nexport const AccordionPanelSlot = withContext<\n HTMLDivElement,\n HTMLChakraProps<\"div\">\n>(\"div\", \"panel\");\n\nexport const AccordionTitleSlot = withContext<\n HTMLButtonElement,\n HTMLChakraProps<\"div\">\n>(\"div\", \"accordionTitle\");\n\nexport const AccordionHeaderRightContentSlot = withContext<\n HTMLDivElement,\n HTMLChakraProps<\"div\">\n>(\"div\", \"headerContentRight\");\n","import { AccordionRootSlot } from \"../accordion.slots\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { DisclosureGroup as RaDisclosureGroup } from \"react-aria-components\";\nimport type { AccordionRootProps } from \"../accordion.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\n/**\n * # Accordion\n *\n * Displays an Accordion.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/navigation/accordion}\n */\nexport const AccordionRoot = (props: AccordionRootProps) => {\n const { ref, ...restProps } = props;\n const recipe = useSlotRecipe({ key: \"accordion\" });\n const [recipeProps, restRecipeProps] = recipe.splitVariantProps(restProps);\n const [styleProps, raProps] = extractStyleProps(restRecipeProps);\n\n return (\n <AccordionRootSlot ref={ref} {...recipeProps} {...styleProps} asChild>\n <RaDisclosureGroup {...raProps} />\n </AccordionRootSlot>\n );\n};\n","import React, { useMemo } from \"react\";\nimport {\n AccordionTriggerSlot,\n AccordionTitleSlot,\n AccordionHeaderRightContentSlot,\n} from \"../accordion.slots\";\nimport { Flex } from \"@/components\";\nimport { KeyboardArrowRight } from \"@commercetools/nimbus-icons\";\nimport { Button as RaButton } from \"react-aria-components\";\nimport type { AccordionHeaderProps } from \"../accordion.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\nexport const AccordionHeader = ({\n children,\n ref,\n ...props\n}: AccordionHeaderProps) => {\n const [styleProps, restProps] = extractStyleProps(props);\n // Extract HeaderRightContent if present\n const headerContent = useMemo(() => {\n const main: React.ReactNode[] = [];\n const rightContent: React.ReactNode[] = [];\n\n React.Children.forEach(children, (child) => {\n if (\n React.isValidElement(child) &&\n child.type === AccordionHeaderRightContentSlot\n ) {\n rightContent.push(child);\n } else {\n main.push(child);\n }\n });\n\n return { main, rightContent };\n }, [children]);\n\n return (\n <Flex\n justifyContent=\"space-between\"\n alignItems=\"center\"\n borderBottom=\"solid-25\"\n borderColor=\"neutral.4\"\n {...styleProps}\n >\n <AccordionTriggerSlot ref={ref} slot=\"trigger\" asChild>\n <RaButton {...restProps}>\n <KeyboardArrowRight />\n <AccordionTitleSlot>{headerContent.main}</AccordionTitleSlot>\n </RaButton>\n </AccordionTriggerSlot>\n {headerContent.rightContent.length > 0 && (\n <AccordionHeaderRightContentSlot>\n {headerContent.rightContent}\n </AccordionHeaderRightContentSlot>\n )}\n </Flex>\n );\n};\n","import { AccordionPanelSlot } from \"../accordion.slots\";\nimport { DisclosurePanel as RaDisclosurePanel } from \"react-aria-components\";\nimport type { AccordionContentProps } from \"../accordion.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\n// Create Content component\nexport const AccordionContent = ({\n children,\n ref,\n ...props\n}: AccordionContentProps) => {\n const [styleProps, restProps] = extractStyleProps(props);\n\n return (\n <AccordionPanelSlot ref={ref} {...styleProps} asChild>\n <RaDisclosurePanel {...restProps}>{children}</RaDisclosurePanel>\n </AccordionPanelSlot>\n );\n};\n","import { AccordionDisclosureSlot } from \"../accordion.slots\";\nimport { Disclosure as RaDisclosure } from \"react-aria-components\";\nimport type { AccordionItemProps } from \"../accordion.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\nexport const AccordionItem = ({\n children,\n value,\n ref,\n ...props\n}: AccordionItemProps) => {\n const [styleProps, restProps] = extractStyleProps(props);\n const disclosureProps = {\n ...restProps,\n id: value, // React Aria uses id for the key\n };\n\n return (\n <AccordionDisclosureSlot\n data-value={value}\n ref={ref}\n {...styleProps}\n asChild\n >\n <RaDisclosure {...disclosureProps}>{children}</RaDisclosure>\n </AccordionDisclosureSlot>\n );\n};\n","import { AccordionHeaderRightContentSlot } from \"./accordion.slots\";\nimport { AccordionRoot } from \"./components/accordion-root\";\nimport { AccordionHeader } from \"./components/accordion-header\";\nimport { AccordionContent } from \"./components/accordion-content\";\nimport { AccordionItem } from \"./components/accordion-item\";\n\n// Create the Accordion namespace object as an object literal\nexport const Accordion = {\n Root: AccordionRoot,\n Item: AccordionItem,\n Header: AccordionHeader,\n Content: AccordionContent,\n HeaderRightContent: AccordionHeaderRightContentSlot,\n};\n\nexport {\n AccordionRoot as _AccordionRoot,\n AccordionItem as _AccordionItem,\n AccordionHeader as _AccordionHeader,\n AccordionContent as _AccordionContent,\n AccordionHeaderRightContentSlot as _AccordionHeaderRightContent,\n};\n"],"names":["$9385b3affbdec831$export$f36461af0ef4707d","props","allowsMultipleExpanded","isDisabled","expandedKeys","setExpandedKeys","$j4gLc$useControlledState","$j4gLc$useMemo","$j4gLc$useEffect","firstKey","key","keys","$28f4fd908f0de97f$export$1d40e3e0cc4d5de","$hI1OT$createContext","$28f4fd908f0de97f$export$944aceb4f8c89f10","$hI1OT$forwardRef","ref","state","$hI1OT$useDisclosureGroupState","renderProps","$64fa3d84918910a7$export$4d86445c2cf5e3","domProps","$hI1OT$filterDOMProps","$hI1OT$react","$28f4fd908f0de97f$export$d665dd135a51b28a","$28f4fd908f0de97f$export$dab3ea4a6ef094da","$28f4fd908f0de97f$var$InternalDisclosureContext","$28f4fd908f0de97f$export$74a362b31437ec83","$64fa3d84918910a7$export$29f1550f4b0d4415","groupState","$hI1OT$useContext","id","otherProps","defaultId","$hI1OT$useId","isExpanded","$hI1OT$useDisclosureState","_props_onExpandedChange","panelRef","buttonProps","panelProps","$hI1OT$useDisclosure","isFocusVisibleWithin","focusWithinProps","$hI1OT$useFocusRing","$64fa3d84918910a7$export$2881499e37b75b9a","$d2b4bc8c273e7be6$export$24d547caef80ccd1","$64fa3d84918910a7$export$c62b8e45d58ddad9","$hI1OT$mergeProps","$28f4fd908f0de97f$export$feabaa331e1d464c","role","DOMProps","$hI1OT$mergeRefs","withProvider","withContext","createSlotRecipeContext","AccordionRootSlot","AccordionDisclosureSlot","AccordionTriggerSlot","AccordionPanelSlot","AccordionTitleSlot","AccordionHeaderRightContentSlot","AccordionRoot","restProps","recipe","useSlotRecipe","recipeProps","restRecipeProps","styleProps","raProps","extractStyleProps","jsx","RaDisclosureGroup","AccordionHeader","children","headerContent","useMemo","main","rightContent","React","child","jsxs","Flex","RaButton","KeyboardArrowRight","AccordionContent","RaDisclosurePanel","AccordionItem","value","disclosureProps","RaDisclosure","Accordion"],"mappings":"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","x_google_ignoreList":[0,1]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion-CKDnNkVv.es.js","sources":["../../../../node_modules/.pnpm/@react-stately+disclosure@3.0.8_react@19.1.0/node_modules/@react-stately/disclosure/dist/useDisclosureGroupState.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/Disclosure.mjs","../../src/components/accordion/accordion.slots.tsx","../../src/components/accordion/components/accordion-root.tsx","../../src/components/accordion/components/accordion-header.tsx","../../src/components/accordion/components/accordion-content.tsx","../../src/components/accordion/components/accordion-item.tsx","../../src/components/accordion/accordion.tsx"],"sourcesContent":["import {useControlledState as $j4gLc$useControlledState} from \"@react-stately/utils\";\nimport {useMemo as $j4gLc$useMemo, useEffect as $j4gLc$useEffect} from \"react\";\n\n/*\n * Copyright 2024 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\nfunction $9385b3affbdec831$export$f36461af0ef4707d(props) {\n let { allowsMultipleExpanded: allowsMultipleExpanded = false, isDisabled: isDisabled = false } = props;\n let [expandedKeys, setExpandedKeys] = (0, $j4gLc$useControlledState)((0, $j4gLc$useMemo)(()=>props.expandedKeys ? new Set(props.expandedKeys) : undefined, [\n props.expandedKeys\n ]), (0, $j4gLc$useMemo)(()=>props.defaultExpandedKeys ? new Set(props.defaultExpandedKeys) : new Set(), [\n props.defaultExpandedKeys\n ]), props.onExpandedChange);\n (0, $j4gLc$useEffect)(()=>{\n // Ensure only one item is expanded if allowsMultipleExpanded is false.\n if (!allowsMultipleExpanded && expandedKeys.size > 1) {\n let firstKey = expandedKeys.values().next().value;\n if (firstKey != null) setExpandedKeys(new Set([\n firstKey\n ]));\n }\n });\n return {\n allowsMultipleExpanded: allowsMultipleExpanded,\n isDisabled: isDisabled,\n expandedKeys: expandedKeys,\n setExpandedKeys: setExpandedKeys,\n toggleKey (key) {\n let keys;\n if (allowsMultipleExpanded) {\n keys = new Set(expandedKeys);\n if (keys.has(key)) keys.delete(key);\n else keys.add(key);\n } else keys = new Set(expandedKeys.has(key) ? [] : [\n key\n ]);\n setExpandedKeys(keys);\n }\n };\n}\n\n\nexport {$9385b3affbdec831$export$f36461af0ef4707d as useDisclosureGroupState};\n//# sourceMappingURL=useDisclosureGroupState.module.js.map\n","import {ButtonContext as $d2b4bc8c273e7be6$export$24d547caef80ccd1} from \"./Button.mjs\";\nimport {DEFAULT_SLOT as $64fa3d84918910a7$export$c62b8e45d58ddad9, Provider as $64fa3d84918910a7$export$2881499e37b75b9a, useContextProps as $64fa3d84918910a7$export$29f1550f4b0d4415, useRenderProps as $64fa3d84918910a7$export$4d86445c2cf5e3} from \"./utils.mjs\";\nimport {useDisclosure as $hI1OT$useDisclosure, useFocusRing as $hI1OT$useFocusRing} from \"react-aria\";\nimport {useDisclosureGroupState as $hI1OT$useDisclosureGroupState, useDisclosureState as $hI1OT$useDisclosureState} from \"react-stately\";\nimport {filterDOMProps as $hI1OT$filterDOMProps, useId as $hI1OT$useId, mergeProps as $hI1OT$mergeProps, mergeRefs as $hI1OT$mergeRefs} from \"@react-aria/utils\";\nimport $hI1OT$react, {createContext as $hI1OT$createContext, forwardRef as $hI1OT$forwardRef, useContext as $hI1OT$useContext} from \"react\";\n\n/*\n * Copyright 2024 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\nconst $28f4fd908f0de97f$export$1d40e3e0cc4d5de = /*#__PURE__*/ (0, $hI1OT$createContext)(null);\nconst $28f4fd908f0de97f$export$944aceb4f8c89f10 = /*#__PURE__*/ (0, $hI1OT$forwardRef)(function DisclosureGroup(props, ref) {\n let state = (0, $hI1OT$useDisclosureGroupState)(props);\n let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n ...props,\n defaultClassName: 'react-aria-DisclosureGroup',\n values: {\n isDisabled: state.isDisabled,\n state: state\n }\n });\n let domProps = (0, $hI1OT$filterDOMProps)(props, {\n global: true\n });\n return /*#__PURE__*/ (0, $hI1OT$react).createElement(\"div\", {\n ...domProps,\n ...renderProps,\n ref: ref,\n \"data-disabled\": props.isDisabled || undefined\n }, /*#__PURE__*/ (0, $hI1OT$react).createElement($28f4fd908f0de97f$export$1d40e3e0cc4d5de.Provider, {\n value: state\n }, renderProps.children));\n});\nconst $28f4fd908f0de97f$export$d665dd135a51b28a = /*#__PURE__*/ (0, $hI1OT$createContext)(null);\nconst $28f4fd908f0de97f$export$dab3ea4a6ef094da = /*#__PURE__*/ (0, $hI1OT$createContext)(null);\nconst $28f4fd908f0de97f$var$InternalDisclosureContext = /*#__PURE__*/ (0, $hI1OT$createContext)(null);\nconst $28f4fd908f0de97f$export$74a362b31437ec83 = /*#__PURE__*/ (0, $hI1OT$forwardRef)(function Disclosure(props, ref) {\n [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $28f4fd908f0de97f$export$d665dd135a51b28a);\n let groupState = (0, $hI1OT$useContext)($28f4fd908f0de97f$export$1d40e3e0cc4d5de);\n let { id: id, ...otherProps } = props;\n // Generate an id if one wasn't provided.\n // (can't pass id into useId since it can also be a number)\n let defaultId = (0, $hI1OT$useId)();\n id || (id = defaultId);\n let isExpanded = groupState ? groupState.expandedKeys.has(id) : props.isExpanded;\n let state = (0, $hI1OT$useDisclosureState)({\n ...props,\n isExpanded: isExpanded,\n onExpandedChange (isExpanded) {\n var _props_onExpandedChange;\n if (groupState) groupState.toggleKey(id);\n (_props_onExpandedChange = props.onExpandedChange) === null || _props_onExpandedChange === void 0 ? void 0 : _props_onExpandedChange.call(props, isExpanded);\n }\n });\n let panelRef = (0, $hI1OT$react).useRef(null);\n let isDisabled = props.isDisabled || (groupState === null || groupState === void 0 ? void 0 : groupState.isDisabled) || false;\n let { buttonProps: buttonProps, panelProps: panelProps } = (0, $hI1OT$useDisclosure)({\n ...props,\n isExpanded: isExpanded,\n isDisabled: isDisabled\n }, state, panelRef);\n let { isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps } = (0, $hI1OT$useFocusRing)({\n within: true\n });\n let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n ...props,\n id: undefined,\n defaultClassName: 'react-aria-Disclosure',\n values: {\n isExpanded: state.isExpanded,\n isDisabled: isDisabled,\n isFocusVisibleWithin: isFocusVisibleWithin,\n state: state\n }\n });\n let domProps = (0, $hI1OT$filterDOMProps)(otherProps, {\n global: true\n });\n return /*#__PURE__*/ (0, $hI1OT$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {\n values: [\n [\n (0, $d2b4bc8c273e7be6$export$24d547caef80ccd1),\n {\n slots: {\n [(0, $64fa3d84918910a7$export$c62b8e45d58ddad9)]: {},\n trigger: buttonProps\n }\n }\n ],\n [\n $28f4fd908f0de97f$var$InternalDisclosureContext,\n {\n panelProps: panelProps,\n panelRef: panelRef\n }\n ],\n [\n $28f4fd908f0de97f$export$dab3ea4a6ef094da,\n state\n ]\n ]\n }, /*#__PURE__*/ (0, $hI1OT$react).createElement(\"div\", {\n ...(0, $hI1OT$mergeProps)(domProps, renderProps, focusWithinProps),\n ref: ref,\n \"data-expanded\": state.isExpanded || undefined,\n \"data-disabled\": isDisabled || undefined,\n \"data-focus-visible-within\": isFocusVisibleWithin || undefined\n }, renderProps.children));\n});\nconst $28f4fd908f0de97f$export$feabaa331e1d464c = /*#__PURE__*/ (0, $hI1OT$forwardRef)(function DisclosurePanel(props, ref) {\n let { role: role = 'group' } = props;\n let { panelProps: panelProps, panelRef: panelRef } = (0, $hI1OT$useContext)($28f4fd908f0de97f$var$InternalDisclosureContext);\n let { isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps } = (0, $hI1OT$useFocusRing)({\n within: true\n });\n let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n ...props,\n defaultClassName: 'react-aria-DisclosurePanel',\n values: {\n isFocusVisibleWithin: isFocusVisibleWithin\n }\n });\n let DOMProps = (0, $hI1OT$filterDOMProps)(props, {\n global: true\n });\n return /*#__PURE__*/ (0, $hI1OT$react).createElement(\"div\", {\n ...(0, $hI1OT$mergeProps)(DOMProps, renderProps, panelProps, focusWithinProps),\n ref: (0, $hI1OT$mergeRefs)(ref, panelRef),\n role: role,\n \"data-focus-visible-within\": isFocusVisibleWithin || undefined\n }, /*#__PURE__*/ (0, $hI1OT$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {\n values: [\n [\n (0, $d2b4bc8c273e7be6$export$24d547caef80ccd1),\n null\n ]\n ]\n }, props.children));\n});\n\n\nexport {$28f4fd908f0de97f$export$1d40e3e0cc4d5de as DisclosureGroupStateContext, $28f4fd908f0de97f$export$944aceb4f8c89f10 as DisclosureGroup, $28f4fd908f0de97f$export$d665dd135a51b28a as DisclosureContext, $28f4fd908f0de97f$export$dab3ea4a6ef094da as DisclosureStateContext, $28f4fd908f0de97f$export$74a362b31437ec83 as Disclosure, $28f4fd908f0de97f$export$feabaa331e1d464c as DisclosurePanel};\n//# sourceMappingURL=Disclosure.module.js.map\n","import {\n createSlotRecipeContext,\n type HTMLChakraProps,\n} from \"@chakra-ui/react\";\nimport type { AccordionRootSlotProps } from \"./accordion.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n key: \"accordion\",\n});\n\nexport const AccordionRootSlot = withProvider<\n HTMLDivElement,\n AccordionRootSlotProps\n>(\"div\", \"root\");\n\nexport const AccordionDisclosureSlot = withContext<\n HTMLDivElement,\n HTMLChakraProps<\"div\">\n>(\"div\", \"disclosure\");\n\nexport const AccordionTriggerSlot = withContext<\n HTMLButtonElement,\n HTMLChakraProps<\"button\">\n>(\"button\", \"trigger\");\n\nexport const AccordionPanelSlot = withContext<\n HTMLDivElement,\n HTMLChakraProps<\"div\">\n>(\"div\", \"panel\");\n\nexport const AccordionTitleSlot = withContext<\n HTMLButtonElement,\n HTMLChakraProps<\"div\">\n>(\"div\", \"accordionTitle\");\n\nexport const AccordionHeaderRightContentSlot = withContext<\n HTMLDivElement,\n HTMLChakraProps<\"div\">\n>(\"div\", \"headerContentRight\");\n","import { AccordionRootSlot } from \"../accordion.slots\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { DisclosureGroup as RaDisclosureGroup } from \"react-aria-components\";\nimport type { AccordionRootProps } from \"../accordion.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\n/**\n * # Accordion\n *\n * Displays an Accordion.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/navigation/accordion}\n */\nexport const AccordionRoot = (props: AccordionRootProps) => {\n const { ref, ...restProps } = props;\n const recipe = useSlotRecipe({ key: \"accordion\" });\n const [recipeProps, restRecipeProps] = recipe.splitVariantProps(restProps);\n const [styleProps, raProps] = extractStyleProps(restRecipeProps);\n\n return (\n <AccordionRootSlot ref={ref} {...recipeProps} {...styleProps} asChild>\n <RaDisclosureGroup {...raProps} />\n </AccordionRootSlot>\n );\n};\n","import React, { useMemo } from \"react\";\nimport {\n AccordionTriggerSlot,\n AccordionTitleSlot,\n AccordionHeaderRightContentSlot,\n} from \"../accordion.slots\";\nimport { Flex } from \"@/components\";\nimport { KeyboardArrowRight } from \"@commercetools/nimbus-icons\";\nimport { Button as RaButton } from \"react-aria-components\";\nimport type { AccordionHeaderProps } from \"../accordion.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\nexport const AccordionHeader = ({\n children,\n ref,\n ...props\n}: AccordionHeaderProps) => {\n const [styleProps, restProps] = extractStyleProps(props);\n // Extract HeaderRightContent if present\n const headerContent = useMemo(() => {\n const main: React.ReactNode[] = [];\n const rightContent: React.ReactNode[] = [];\n\n React.Children.forEach(children, (child) => {\n if (\n React.isValidElement(child) &&\n child.type === AccordionHeaderRightContentSlot\n ) {\n rightContent.push(child);\n } else {\n main.push(child);\n }\n });\n\n return { main, rightContent };\n }, [children]);\n\n return (\n <Flex\n justifyContent=\"space-between\"\n alignItems=\"center\"\n borderBottom=\"solid-25\"\n borderColor=\"neutral.4\"\n {...styleProps}\n >\n <AccordionTriggerSlot ref={ref} slot=\"trigger\" asChild>\n <RaButton {...restProps}>\n <KeyboardArrowRight />\n <AccordionTitleSlot>{headerContent.main}</AccordionTitleSlot>\n </RaButton>\n </AccordionTriggerSlot>\n {headerContent.rightContent.length > 0 && (\n <AccordionHeaderRightContentSlot>\n {headerContent.rightContent}\n </AccordionHeaderRightContentSlot>\n )}\n </Flex>\n );\n};\n","import { AccordionPanelSlot } from \"../accordion.slots\";\nimport { DisclosurePanel as RaDisclosurePanel } from \"react-aria-components\";\nimport type { AccordionContentProps } from \"../accordion.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\n// Create Content component\nexport const AccordionContent = ({\n children,\n ref,\n ...props\n}: AccordionContentProps) => {\n const [styleProps, restProps] = extractStyleProps(props);\n\n return (\n <AccordionPanelSlot ref={ref} {...styleProps} asChild>\n <RaDisclosurePanel {...restProps}>{children}</RaDisclosurePanel>\n </AccordionPanelSlot>\n );\n};\n","import { AccordionDisclosureSlot } from \"../accordion.slots\";\nimport { Disclosure as RaDisclosure } from \"react-aria-components\";\nimport type { AccordionItemProps } from \"../accordion.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\nexport const AccordionItem = ({\n children,\n value,\n ref,\n ...props\n}: AccordionItemProps) => {\n const [styleProps, restProps] = extractStyleProps(props);\n const disclosureProps = {\n ...restProps,\n id: value, // React Aria uses id for the key\n };\n\n return (\n <AccordionDisclosureSlot\n data-value={value}\n ref={ref}\n {...styleProps}\n asChild\n >\n <RaDisclosure {...disclosureProps}>{children}</RaDisclosure>\n </AccordionDisclosureSlot>\n );\n};\n","import { AccordionHeaderRightContentSlot } from \"./accordion.slots\";\nimport { AccordionRoot } from \"./components/accordion-root\";\nimport { AccordionHeader } from \"./components/accordion-header\";\nimport { AccordionContent } from \"./components/accordion-content\";\nimport { AccordionItem } from \"./components/accordion-item\";\n\n// Create the Accordion namespace object as an object literal\nexport const Accordion = {\n Root: AccordionRoot,\n Item: AccordionItem,\n Header: AccordionHeader,\n Content: AccordionContent,\n HeaderRightContent: AccordionHeaderRightContentSlot,\n};\n\nexport {\n AccordionRoot as _AccordionRoot,\n AccordionItem as _AccordionItem,\n AccordionHeader as _AccordionHeader,\n AccordionContent as _AccordionContent,\n AccordionHeaderRightContentSlot as _AccordionHeaderRightContent,\n};\n"],"names":["$9385b3affbdec831$export$f36461af0ef4707d","props","allowsMultipleExpanded","isDisabled","expandedKeys","setExpandedKeys","$j4gLc$useControlledState","$j4gLc$useMemo","$j4gLc$useEffect","firstKey","key","keys","$28f4fd908f0de97f$export$1d40e3e0cc4d5de","$hI1OT$createContext","$28f4fd908f0de97f$export$944aceb4f8c89f10","$hI1OT$forwardRef","ref","state","$hI1OT$useDisclosureGroupState","renderProps","$64fa3d84918910a7$export$4d86445c2cf5e3","domProps","$hI1OT$filterDOMProps","$hI1OT$react","$28f4fd908f0de97f$export$d665dd135a51b28a","$28f4fd908f0de97f$export$dab3ea4a6ef094da","$28f4fd908f0de97f$var$InternalDisclosureContext","$28f4fd908f0de97f$export$74a362b31437ec83","$64fa3d84918910a7$export$29f1550f4b0d4415","groupState","$hI1OT$useContext","id","otherProps","defaultId","$hI1OT$useId","isExpanded","$hI1OT$useDisclosureState","_props_onExpandedChange","panelRef","buttonProps","panelProps","$hI1OT$useDisclosure","isFocusVisibleWithin","focusWithinProps","$hI1OT$useFocusRing","$64fa3d84918910a7$export$2881499e37b75b9a","$d2b4bc8c273e7be6$export$24d547caef80ccd1","$64fa3d84918910a7$export$c62b8e45d58ddad9","$hI1OT$mergeProps","$28f4fd908f0de97f$export$feabaa331e1d464c","role","DOMProps","$hI1OT$mergeRefs","withProvider","withContext","createSlotRecipeContext","AccordionRootSlot","AccordionDisclosureSlot","AccordionTriggerSlot","AccordionPanelSlot","AccordionTitleSlot","AccordionHeaderRightContentSlot","AccordionRoot","restProps","recipe","useSlotRecipe","recipeProps","restRecipeProps","styleProps","raProps","extractStyleProps","jsx","RaDisclosureGroup","AccordionHeader","children","headerContent","useMemo","main","rightContent","React","child","jsxs","Flex","RaButton","KeyboardArrowRight","AccordionContent","RaDisclosurePanel","AccordionItem","value","disclosureProps","RaDisclosure","Accordion"],"mappings":"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","x_google_ignoreList":[0,1]}
|
|
1
|
+
{"version":3,"file":"accordion-CKDnNkVv.es.js","sources":["../../../../node_modules/.pnpm/@react-stately+disclosure@3.0.8_react@19.1.0/node_modules/@react-stately/disclosure/dist/useDisclosureGroupState.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/Disclosure.mjs","../../src/components/accordion/accordion.slots.tsx","../../src/components/accordion/components/accordion-root.tsx","../../src/components/accordion/components/accordion-header.tsx","../../src/components/accordion/components/accordion-content.tsx","../../src/components/accordion/components/accordion-item.tsx","../../src/components/accordion/accordion.tsx"],"sourcesContent":["import {useControlledState as $j4gLc$useControlledState} from \"@react-stately/utils\";\nimport {useMemo as $j4gLc$useMemo, useEffect as $j4gLc$useEffect} from \"react\";\n\n/*\n * Copyright 2024 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\nfunction $9385b3affbdec831$export$f36461af0ef4707d(props) {\n let { allowsMultipleExpanded: allowsMultipleExpanded = false, isDisabled: isDisabled = false } = props;\n let [expandedKeys, setExpandedKeys] = (0, $j4gLc$useControlledState)((0, $j4gLc$useMemo)(()=>props.expandedKeys ? new Set(props.expandedKeys) : undefined, [\n props.expandedKeys\n ]), (0, $j4gLc$useMemo)(()=>props.defaultExpandedKeys ? new Set(props.defaultExpandedKeys) : new Set(), [\n props.defaultExpandedKeys\n ]), props.onExpandedChange);\n (0, $j4gLc$useEffect)(()=>{\n // Ensure only one item is expanded if allowsMultipleExpanded is false.\n if (!allowsMultipleExpanded && expandedKeys.size > 1) {\n let firstKey = expandedKeys.values().next().value;\n if (firstKey != null) setExpandedKeys(new Set([\n firstKey\n ]));\n }\n });\n return {\n allowsMultipleExpanded: allowsMultipleExpanded,\n isDisabled: isDisabled,\n expandedKeys: expandedKeys,\n setExpandedKeys: setExpandedKeys,\n toggleKey (key) {\n let keys;\n if (allowsMultipleExpanded) {\n keys = new Set(expandedKeys);\n if (keys.has(key)) keys.delete(key);\n else keys.add(key);\n } else keys = new Set(expandedKeys.has(key) ? [] : [\n key\n ]);\n setExpandedKeys(keys);\n }\n };\n}\n\n\nexport {$9385b3affbdec831$export$f36461af0ef4707d as useDisclosureGroupState};\n//# sourceMappingURL=useDisclosureGroupState.module.js.map\n","import {ButtonContext as $d2b4bc8c273e7be6$export$24d547caef80ccd1} from \"./Button.mjs\";\nimport {DEFAULT_SLOT as $64fa3d84918910a7$export$c62b8e45d58ddad9, Provider as $64fa3d84918910a7$export$2881499e37b75b9a, useContextProps as $64fa3d84918910a7$export$29f1550f4b0d4415, useRenderProps as $64fa3d84918910a7$export$4d86445c2cf5e3} from \"./utils.mjs\";\nimport {useDisclosure as $hI1OT$useDisclosure, useFocusRing as $hI1OT$useFocusRing} from \"react-aria\";\nimport {useDisclosureGroupState as $hI1OT$useDisclosureGroupState, useDisclosureState as $hI1OT$useDisclosureState} from \"react-stately\";\nimport {filterDOMProps as $hI1OT$filterDOMProps, useId as $hI1OT$useId, mergeProps as $hI1OT$mergeProps, mergeRefs as $hI1OT$mergeRefs} from \"@react-aria/utils\";\nimport $hI1OT$react, {createContext as $hI1OT$createContext, forwardRef as $hI1OT$forwardRef, useContext as $hI1OT$useContext} from \"react\";\n\n/*\n * Copyright 2024 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\nconst $28f4fd908f0de97f$export$1d40e3e0cc4d5de = /*#__PURE__*/ (0, $hI1OT$createContext)(null);\nconst $28f4fd908f0de97f$export$944aceb4f8c89f10 = /*#__PURE__*/ (0, $hI1OT$forwardRef)(function DisclosureGroup(props, ref) {\n let state = (0, $hI1OT$useDisclosureGroupState)(props);\n let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n ...props,\n defaultClassName: 'react-aria-DisclosureGroup',\n values: {\n isDisabled: state.isDisabled,\n state: state\n }\n });\n let domProps = (0, $hI1OT$filterDOMProps)(props, {\n global: true\n });\n return /*#__PURE__*/ (0, $hI1OT$react).createElement(\"div\", {\n ...domProps,\n ...renderProps,\n ref: ref,\n \"data-disabled\": props.isDisabled || undefined\n }, /*#__PURE__*/ (0, $hI1OT$react).createElement($28f4fd908f0de97f$export$1d40e3e0cc4d5de.Provider, {\n value: state\n }, renderProps.children));\n});\nconst $28f4fd908f0de97f$export$d665dd135a51b28a = /*#__PURE__*/ (0, $hI1OT$createContext)(null);\nconst $28f4fd908f0de97f$export$dab3ea4a6ef094da = /*#__PURE__*/ (0, $hI1OT$createContext)(null);\nconst $28f4fd908f0de97f$var$InternalDisclosureContext = /*#__PURE__*/ (0, $hI1OT$createContext)(null);\nconst $28f4fd908f0de97f$export$74a362b31437ec83 = /*#__PURE__*/ (0, $hI1OT$forwardRef)(function Disclosure(props, ref) {\n [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $28f4fd908f0de97f$export$d665dd135a51b28a);\n let groupState = (0, $hI1OT$useContext)($28f4fd908f0de97f$export$1d40e3e0cc4d5de);\n let { id: id, ...otherProps } = props;\n // Generate an id if one wasn't provided.\n // (can't pass id into useId since it can also be a number)\n let defaultId = (0, $hI1OT$useId)();\n id || (id = defaultId);\n let isExpanded = groupState ? groupState.expandedKeys.has(id) : props.isExpanded;\n let state = (0, $hI1OT$useDisclosureState)({\n ...props,\n isExpanded: isExpanded,\n onExpandedChange (isExpanded) {\n var _props_onExpandedChange;\n if (groupState) groupState.toggleKey(id);\n (_props_onExpandedChange = props.onExpandedChange) === null || _props_onExpandedChange === void 0 ? void 0 : _props_onExpandedChange.call(props, isExpanded);\n }\n });\n let panelRef = (0, $hI1OT$react).useRef(null);\n let isDisabled = props.isDisabled || (groupState === null || groupState === void 0 ? void 0 : groupState.isDisabled) || false;\n let { buttonProps: buttonProps, panelProps: panelProps } = (0, $hI1OT$useDisclosure)({\n ...props,\n isExpanded: isExpanded,\n isDisabled: isDisabled\n }, state, panelRef);\n let { isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps } = (0, $hI1OT$useFocusRing)({\n within: true\n });\n let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n ...props,\n id: undefined,\n defaultClassName: 'react-aria-Disclosure',\n values: {\n isExpanded: state.isExpanded,\n isDisabled: isDisabled,\n isFocusVisibleWithin: isFocusVisibleWithin,\n state: state\n }\n });\n let domProps = (0, $hI1OT$filterDOMProps)(otherProps, {\n global: true\n });\n return /*#__PURE__*/ (0, $hI1OT$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {\n values: [\n [\n (0, $d2b4bc8c273e7be6$export$24d547caef80ccd1),\n {\n slots: {\n [(0, $64fa3d84918910a7$export$c62b8e45d58ddad9)]: {},\n trigger: buttonProps\n }\n }\n ],\n [\n $28f4fd908f0de97f$var$InternalDisclosureContext,\n {\n panelProps: panelProps,\n panelRef: panelRef\n }\n ],\n [\n $28f4fd908f0de97f$export$dab3ea4a6ef094da,\n state\n ]\n ]\n }, /*#__PURE__*/ (0, $hI1OT$react).createElement(\"div\", {\n ...(0, $hI1OT$mergeProps)(domProps, renderProps, focusWithinProps),\n ref: ref,\n \"data-expanded\": state.isExpanded || undefined,\n \"data-disabled\": isDisabled || undefined,\n \"data-focus-visible-within\": isFocusVisibleWithin || undefined\n }, renderProps.children));\n});\nconst $28f4fd908f0de97f$export$feabaa331e1d464c = /*#__PURE__*/ (0, $hI1OT$forwardRef)(function DisclosurePanel(props, ref) {\n let { role: role = 'group' } = props;\n let { panelProps: panelProps, panelRef: panelRef } = (0, $hI1OT$useContext)($28f4fd908f0de97f$var$InternalDisclosureContext);\n let { isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps } = (0, $hI1OT$useFocusRing)({\n within: true\n });\n let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n ...props,\n defaultClassName: 'react-aria-DisclosurePanel',\n values: {\n isFocusVisibleWithin: isFocusVisibleWithin\n }\n });\n let DOMProps = (0, $hI1OT$filterDOMProps)(props, {\n global: true\n });\n return /*#__PURE__*/ (0, $hI1OT$react).createElement(\"div\", {\n ...(0, $hI1OT$mergeProps)(DOMProps, renderProps, panelProps, focusWithinProps),\n ref: (0, $hI1OT$mergeRefs)(ref, panelRef),\n role: role,\n \"data-focus-visible-within\": isFocusVisibleWithin || undefined\n }, /*#__PURE__*/ (0, $hI1OT$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {\n values: [\n [\n (0, $d2b4bc8c273e7be6$export$24d547caef80ccd1),\n null\n ]\n ]\n }, props.children));\n});\n\n\nexport {$28f4fd908f0de97f$export$1d40e3e0cc4d5de as DisclosureGroupStateContext, $28f4fd908f0de97f$export$944aceb4f8c89f10 as DisclosureGroup, $28f4fd908f0de97f$export$d665dd135a51b28a as DisclosureContext, $28f4fd908f0de97f$export$dab3ea4a6ef094da as DisclosureStateContext, $28f4fd908f0de97f$export$74a362b31437ec83 as Disclosure, $28f4fd908f0de97f$export$feabaa331e1d464c as DisclosurePanel};\n//# sourceMappingURL=Disclosure.module.js.map\n","import {\n createSlotRecipeContext,\n type HTMLChakraProps,\n} from \"@chakra-ui/react\";\nimport type { AccordionRootSlotProps } from \"./accordion.types\";\nimport type { SlotComponent } from \"../utils/slot-types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n key: \"accordion\",\n});\n\nexport const AccordionRootSlot: SlotComponent<\n HTMLDivElement,\n AccordionRootSlotProps\n> = withProvider<HTMLDivElement, AccordionRootSlotProps>(\"div\", \"root\");\n\nexport const AccordionDisclosureSlot = withContext<\n HTMLDivElement,\n HTMLChakraProps<\"div\">\n>(\"div\", \"disclosure\");\n\nexport const AccordionTriggerSlot = withContext<\n HTMLButtonElement,\n HTMLChakraProps<\"button\">\n>(\"button\", \"trigger\");\n\nexport const AccordionPanelSlot = withContext<\n HTMLDivElement,\n HTMLChakraProps<\"div\">\n>(\"div\", \"panel\");\n\nexport const AccordionTitleSlot = withContext<\n HTMLButtonElement,\n HTMLChakraProps<\"div\">\n>(\"div\", \"accordionTitle\");\n\nexport const AccordionHeaderRightContentSlot = withContext<\n HTMLDivElement,\n HTMLChakraProps<\"div\">\n>(\"div\", \"headerContentRight\");\n","import { AccordionRootSlot } from \"../accordion.slots\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { DisclosureGroup as RaDisclosureGroup } from \"react-aria-components\";\nimport type { AccordionRootProps } from \"../accordion.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\n/**\n * # Accordion\n *\n * Displays an Accordion.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/navigation/accordion}\n */\nexport const AccordionRoot = (props: AccordionRootProps) => {\n const { ref, ...restProps } = props;\n const recipe = useSlotRecipe({ key: \"accordion\" });\n const [recipeProps, restRecipeProps] = recipe.splitVariantProps(restProps);\n const [styleProps, raProps] = extractStyleProps(restRecipeProps);\n\n return (\n <AccordionRootSlot ref={ref} {...recipeProps} {...styleProps} asChild>\n <RaDisclosureGroup {...raProps} />\n </AccordionRootSlot>\n );\n};\n","import React, { useMemo } from \"react\";\nimport {\n AccordionTriggerSlot,\n AccordionTitleSlot,\n AccordionHeaderRightContentSlot,\n} from \"../accordion.slots\";\nimport { Flex } from \"@/components\";\nimport { KeyboardArrowRight } from \"@commercetools/nimbus-icons\";\nimport { Button as RaButton } from \"react-aria-components\";\nimport type { AccordionHeaderProps } from \"../accordion.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\nexport const AccordionHeader = ({\n children,\n ref,\n ...props\n}: AccordionHeaderProps) => {\n const [styleProps, restProps] = extractStyleProps(props);\n // Extract HeaderRightContent if present\n const headerContent = useMemo(() => {\n const main: React.ReactNode[] = [];\n const rightContent: React.ReactNode[] = [];\n\n React.Children.forEach(children, (child) => {\n if (\n React.isValidElement(child) &&\n child.type === AccordionHeaderRightContentSlot\n ) {\n rightContent.push(child);\n } else {\n main.push(child);\n }\n });\n\n return { main, rightContent };\n }, [children]);\n\n return (\n <Flex\n justifyContent=\"space-between\"\n alignItems=\"center\"\n borderBottom=\"solid-25\"\n borderColor=\"neutral.4\"\n {...styleProps}\n >\n <AccordionTriggerSlot ref={ref} slot=\"trigger\" asChild>\n <RaButton {...restProps}>\n <KeyboardArrowRight />\n <AccordionTitleSlot>{headerContent.main}</AccordionTitleSlot>\n </RaButton>\n </AccordionTriggerSlot>\n {headerContent.rightContent.length > 0 && (\n <AccordionHeaderRightContentSlot>\n {headerContent.rightContent}\n </AccordionHeaderRightContentSlot>\n )}\n </Flex>\n );\n};\n","import { AccordionPanelSlot } from \"../accordion.slots\";\nimport { DisclosurePanel as RaDisclosurePanel } from \"react-aria-components\";\nimport type { AccordionContentProps } from \"../accordion.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\n// Create Content component\nexport const AccordionContent = ({\n children,\n ref,\n ...props\n}: AccordionContentProps) => {\n const [styleProps, restProps] = extractStyleProps(props);\n\n return (\n <AccordionPanelSlot ref={ref} {...styleProps} asChild>\n <RaDisclosurePanel {...restProps}>{children}</RaDisclosurePanel>\n </AccordionPanelSlot>\n );\n};\n","import { AccordionDisclosureSlot } from \"../accordion.slots\";\nimport { Disclosure as RaDisclosure } from \"react-aria-components\";\nimport type { AccordionItemProps } from \"../accordion.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\nexport const AccordionItem = ({\n children,\n value,\n ref,\n ...props\n}: AccordionItemProps) => {\n const [styleProps, restProps] = extractStyleProps(props);\n const disclosureProps = {\n ...restProps,\n id: value, // React Aria uses id for the key\n };\n\n return (\n <AccordionDisclosureSlot\n data-value={value}\n ref={ref}\n {...styleProps}\n asChild\n >\n <RaDisclosure {...disclosureProps}>{children}</RaDisclosure>\n </AccordionDisclosureSlot>\n );\n};\n","import { AccordionHeaderRightContentSlot } from \"./accordion.slots\";\nimport { AccordionRoot } from \"./components/accordion-root\";\nimport { AccordionHeader } from \"./components/accordion-header\";\nimport { AccordionContent } from \"./components/accordion-content\";\nimport { AccordionItem } from \"./components/accordion-item\";\n\n// Create the Accordion namespace object as an object literal\nexport const Accordion = {\n Root: AccordionRoot,\n Item: AccordionItem,\n Header: AccordionHeader,\n Content: AccordionContent,\n HeaderRightContent: AccordionHeaderRightContentSlot,\n};\n\nexport {\n AccordionRoot as _AccordionRoot,\n AccordionItem as _AccordionItem,\n AccordionHeader as _AccordionHeader,\n AccordionContent as _AccordionContent,\n AccordionHeaderRightContentSlot as _AccordionHeaderRightContent,\n};\n"],"names":["$9385b3affbdec831$export$f36461af0ef4707d","props","allowsMultipleExpanded","isDisabled","expandedKeys","setExpandedKeys","$j4gLc$useControlledState","$j4gLc$useMemo","$j4gLc$useEffect","firstKey","key","keys","$28f4fd908f0de97f$export$1d40e3e0cc4d5de","$hI1OT$createContext","$28f4fd908f0de97f$export$944aceb4f8c89f10","$hI1OT$forwardRef","ref","state","$hI1OT$useDisclosureGroupState","renderProps","$64fa3d84918910a7$export$4d86445c2cf5e3","domProps","$hI1OT$filterDOMProps","$hI1OT$react","$28f4fd908f0de97f$export$d665dd135a51b28a","$28f4fd908f0de97f$export$dab3ea4a6ef094da","$28f4fd908f0de97f$var$InternalDisclosureContext","$28f4fd908f0de97f$export$74a362b31437ec83","$64fa3d84918910a7$export$29f1550f4b0d4415","groupState","$hI1OT$useContext","id","otherProps","defaultId","$hI1OT$useId","isExpanded","$hI1OT$useDisclosureState","_props_onExpandedChange","panelRef","buttonProps","panelProps","$hI1OT$useDisclosure","isFocusVisibleWithin","focusWithinProps","$hI1OT$useFocusRing","$64fa3d84918910a7$export$2881499e37b75b9a","$d2b4bc8c273e7be6$export$24d547caef80ccd1","$64fa3d84918910a7$export$c62b8e45d58ddad9","$hI1OT$mergeProps","$28f4fd908f0de97f$export$feabaa331e1d464c","role","DOMProps","$hI1OT$mergeRefs","withProvider","withContext","createSlotRecipeContext","AccordionRootSlot","AccordionDisclosureSlot","AccordionTriggerSlot","AccordionPanelSlot","AccordionTitleSlot","AccordionHeaderRightContentSlot","AccordionRoot","restProps","recipe","useSlotRecipe","recipeProps","restRecipeProps","styleProps","raProps","extractStyleProps","jsx","RaDisclosureGroup","AccordionHeader","children","headerContent","useMemo","main","rightContent","React","child","jsxs","Flex","RaButton","KeyboardArrowRight","AccordionContent","RaDisclosurePanel","AccordionItem","value","disclosureProps","RaDisclosure","Accordion"],"mappings":"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","x_google_ignoreList":[0,1]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert-CPHjPe4-.cjs.js","sources":["../../src/components/alert/alert.slots.tsx","../../src/components/alert/components/alert.root.tsx","../../src/components/alert/components/alert.title.tsx","../../src/components/alert/components/alert.description.tsx","../../src/components/alert/components/alert.actions.tsx","../../src/components/alert/alert.i18n.ts","../../src/components/alert/components/alert.dismiss-button.tsx","../../src/components/alert/alert.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type {\n AlertActionsProps,\n AlertDescriptionProps,\n AlertDismissButtonProps,\n AlertIconProps,\n AlertRootProps,\n AlertTitleProps,\n} from \"./alert.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n key: \"alert\",\n});\n\nexport const AlertRoot = withProvider<HTMLDivElement, AlertRootProps>(\n \"div\",\n \"root\"\n);\n\nexport const AlertTitle = withContext<HTMLDivElement, AlertTitleProps>(\n \"div\",\n \"title\"\n);\n\nexport const AlertDescription = withContext<\n HTMLDivElement,\n AlertDescriptionProps\n>(\"div\", \"description\");\n\nexport const AlertIcon = withContext<HTMLDivElement, AlertIconProps>(\n \"div\",\n \"icon\"\n);\n\nexport const AlertActions = withContext<HTMLDivElement, AlertActionsProps>(\n \"div\",\n \"actions\"\n);\n\n// This is a div wrapper for layout placement - note that we expect it to receive `IconButton` props, but we use a `div`.\n// We then forward the consumer props to the interior `IconButton` component.\nexport const AlertDismissButton = withContext<\n HTMLDivElement,\n AlertDismissButtonProps\n>(\"div\", \"dismissButton\");\n","import { createContext, useMemo, useState, type ReactNode } from \"react\";\nimport { AlertRoot as AlertRootSlot, AlertIcon } from \"../alert.slots\";\nimport type { AlertProps, AlertRootComponent } from \"../alert.types\";\nimport { Box } from \"../../box\";\nimport { Stack } from \"../../stack\";\nimport {\n CheckCircleOutline,\n ErrorOutline,\n Info,\n WarningAmber,\n} from \"@commercetools/nimbus-icons\";\n\nconst getIconFromTone = (tone: AlertProps[\"tone\"]) => {\n switch (tone) {\n case \"critical\":\n return <ErrorOutline />;\n case \"info\":\n return <Info />;\n case \"warning\":\n return <WarningAmber />;\n case \"positive\":\n return <CheckCircleOutline />;\n default:\n return null;\n }\n};\n\ntype AlertContextValue = {\n setTitle: (title: ReactNode) => void;\n setDescription: (description: ReactNode) => void;\n setActions: (actions: ReactNode) => void;\n setDismiss: (dismiss: ReactNode) => void;\n};\n\nexport const AlertContext = createContext<AlertContextValue | undefined>(\n undefined\n);\n\n/**\n * # Alert\n *\n * Provides feedback to the user about the status of an action or system event\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/feedback/alert}\n */\nexport const AlertRoot: AlertRootComponent = (props) => {\n const { ref, children, ...restProps } = props;\n const [titleNode, setTitle] = useState<ReactNode>(null);\n const [descriptionNode, setDescription] = useState<ReactNode>(null);\n const [actionsNode, setActions] = useState<ReactNode>(null);\n const [dismissNode, setDismiss] = useState<ReactNode>(null);\n\n // Memoize the context value so we don't cause unnecessary re-renders\n const contextValue = useMemo(\n () => ({\n setTitle,\n setDescription,\n setActions,\n setDismiss,\n }),\n [setTitle, setDescription, setActions, setDismiss]\n );\n\n return (\n <AlertContext.Provider value={contextValue}>\n <AlertRootSlot ref={ref} {...restProps} role=\"alert\">\n <AlertIcon alignItems=\"flex-start\">\n {getIconFromTone(restProps.tone)}\n </AlertIcon>\n <Stack flex=\"1\" gap=\"200\">\n <Box>\n {titleNode}\n {descriptionNode}\n </Box>\n {actionsNode}\n </Stack>\n {dismissNode}\n\n {children}\n </AlertRootSlot>\n </AlertContext.Provider>\n );\n};\n\nAlertRoot.displayName = \"Alert.Root\";\n","import { useContext, useEffect } from \"react\";\nimport { AlertTitle as AlertTitleSlot } from \"../alert.slots\";\nimport type { AlertTitleProps } from \"../alert.types\";\nimport { AlertContext } from \"./alert.root\";\n\nexport const AlertTitle = ({ children, ...props }: AlertTitleProps) => {\n const context = useContext(AlertContext);\n\n useEffect(() => {\n if (context) {\n const slotElement = (\n <AlertTitleSlot {...props} fontWeight=\"600\">\n {children}\n </AlertTitleSlot>\n );\n // Register it with the parent\n context.setTitle(slotElement);\n\n // On unmount, remove it\n return () => context.setTitle(null);\n }\n }, [children, props]);\n\n return null;\n};\n\nAlertTitle.displayName = \"Alert.Title\";\n","import { useContext, useEffect } from \"react\";\nimport { AlertDescription as AlertDescriptionSlot } from \"../alert.slots\";\nimport type { AlertDescriptionProps } from \"../alert.types\";\nimport { AlertContext } from \"./alert.root\";\n\nexport const AlertDescription = ({\n children,\n ...props\n}: AlertDescriptionProps) => {\n const context = useContext(AlertContext);\n\n useEffect(() => {\n if (context) {\n const slotElement = (\n <AlertDescriptionSlot {...props}>{children}</AlertDescriptionSlot>\n );\n // Register it with the parent\n context.setDescription(slotElement);\n\n // On unmount, remove it\n return () => context.setDescription(null);\n }\n }, [children, props]);\n\n return null;\n};\n\nAlertDescription.displayName = \"Alert.Description\";\n","import { useContext, useEffect } from \"react\";\nimport { AlertActions as AlertActionsSlot } from \"../alert.slots\";\nimport type { AlertActionsProps } from \"../alert.types\";\nimport { AlertContext } from \"./alert.root\";\n\nexport const AlertActions = ({ children, ...props }: AlertActionsProps) => {\n const context = useContext(AlertContext);\n\n useEffect(() => {\n if (context) {\n const slotElement = (\n <AlertActionsSlot {...props}>{children}</AlertActionsSlot>\n );\n // Register it with the parent\n context.setActions(slotElement);\n\n // On unmount, remove it\n return () => context.setActions(null);\n }\n }, [children, props]);\n\n return null;\n};\n\nAlertActions.displayName = \"Alert.Actions\";\n","import { defineMessages } from \"react-intl\";\n\nexport const messages = defineMessages({\n dismiss: {\n id: \"Nimbus.Alert.dismiss\",\n description: \"aria-label for the dismiss button in an alert\",\n defaultMessage: \"Dismiss\",\n },\n});\n","import { useContext, useEffect } from \"react\";\nimport { AlertDismissButton as AlertDismissButtonSlot } from \"../alert.slots\";\nimport type { AlertDismissButtonProps } from \"../alert.types\";\nimport { Clear } from \"@commercetools/nimbus-icons\";\nimport { IconButton } from \"../../icon-button\";\nimport { AlertContext } from \"./alert.root\";\nimport { useIntl } from \"react-intl\";\nimport { messages } from \"../alert.i18n\";\n\nexport const AlertDismissButton = ({\n children,\n ...props\n}: AlertDismissButtonProps) => {\n const context = useContext(AlertContext);\n const intl = useIntl();\n\n useEffect(() => {\n if (context) {\n const slotElement = (\n <AlertDismissButtonSlot>\n <IconButton\n aria-label={intl.formatMessage(messages.dismiss)}\n {...props}\n variant=\"ghost\"\n size=\"2xs\"\n >\n <Clear role=\"img\" />\n </IconButton>\n </AlertDismissButtonSlot>\n );\n // Register it with the parent\n context.setDismiss(slotElement);\n\n // On unmount, remove it\n return () => context.setDismiss(null);\n }\n }, [children, props]);\n\n return null;\n};\n\nAlertDismissButton.displayName = \"Alert.DismissButton\";\n","import { AlertTitle } from \"./components/alert.title\";\nimport { AlertDescription } from \"./components/alert.description\";\nimport { AlertActions } from \"./components/alert.actions\";\nimport { AlertDismissButton } from \"./components/alert.dismiss-button\";\nimport { AlertRoot } from \"./components/alert.root\";\n\n/**\n * Alert\n * ============================================================\n * Provides feedback to the user about the status of an action or system event\n */\nexport const Alert = {\n Root: AlertRoot,\n Title: AlertTitle,\n Description: AlertDescription,\n Actions: AlertActions,\n DismissButton: AlertDismissButton,\n};\n\n// exports for internal use by react-docgen\nexport {\n AlertRoot as _AlertRoot,\n AlertTitle as _AlertTitle,\n AlertDescription as _AlertDescription,\n AlertActions as _AlertActions,\n AlertDismissButton as _AlertDismissButton,\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","AlertRoot","AlertTitle","AlertDescription","AlertIcon","AlertActions","AlertDismissButton","getIconFromTone","tone","ErrorOutline","Info","WarningAmber","CheckCircleOutline","AlertContext","createContext","props","ref","children","restProps","titleNode","setTitle","useState","descriptionNode","setDescription","actionsNode","setActions","dismissNode","setDismiss","contextValue","useMemo","jsx","jsxs","AlertRootSlot","Stack","Box","context","useContext","useEffect","slotElement","AlertTitleSlot","AlertDescriptionSlot","AlertActionsSlot","messages","defineMessages","intl","useIntl","AlertDismissButtonSlot","IconButton","Clear","Alert"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"alert-CPHjPe4-.cjs.js","sources":["../../src/components/alert/alert.slots.tsx","../../src/components/alert/components/alert.root.tsx","../../src/components/alert/components/alert.title.tsx","../../src/components/alert/components/alert.description.tsx","../../src/components/alert/components/alert.actions.tsx","../../src/components/alert/alert.i18n.ts","../../src/components/alert/components/alert.dismiss-button.tsx","../../src/components/alert/alert.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type {\n AlertActionsSlotProps,\n AlertDescriptionProps,\n AlertDismissButtonProps,\n AlertIconSlotProps,\n AlertRootSlotProps,\n AlertTitleProps,\n} from \"./alert.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n key: \"alert\",\n});\n\nexport const AlertRoot = withProvider<HTMLDivElement, AlertRootSlotProps>(\n \"div\",\n \"root\"\n);\n\nexport const AlertTitle = withContext<HTMLDivElement, AlertTitleProps>(\n \"div\",\n \"title\"\n);\n\nexport const AlertDescription = withContext<\n HTMLDivElement,\n AlertDescriptionProps\n>(\"div\", \"description\");\n\nexport const AlertIcon = withContext<HTMLDivElement, AlertIconSlotProps>(\n \"div\",\n \"icon\"\n);\n\nexport const AlertActions = withContext<HTMLDivElement, AlertActionsSlotProps>(\n \"div\",\n \"actions\"\n);\n\n// This is a div wrapper for layout placement - note that we expect it to receive `IconButton` props, but we use a `div`.\n// We then forward the consumer props to the interior `IconButton` component.\nexport const AlertDismissButton = withContext<\n HTMLDivElement,\n AlertDismissButtonProps\n>(\"div\", \"dismissButton\");\n","import { createContext, useMemo, useState, type ReactNode } from \"react\";\nimport { AlertRoot as AlertRootSlot, AlertIcon } from \"../alert.slots\";\nimport type { AlertProps, AlertRootComponent } from \"../alert.types\";\nimport { Box } from \"../../box\";\nimport { Stack } from \"../../stack\";\nimport {\n CheckCircleOutline,\n ErrorOutline,\n Info,\n WarningAmber,\n} from \"@commercetools/nimbus-icons\";\n\nconst getIconFromTone = (tone: AlertProps[\"tone\"]) => {\n switch (tone) {\n case \"critical\":\n return <ErrorOutline />;\n case \"info\":\n return <Info />;\n case \"warning\":\n return <WarningAmber />;\n case \"positive\":\n return <CheckCircleOutline />;\n default:\n return null;\n }\n};\n\ntype AlertContextValue = {\n setTitle: (title: ReactNode) => void;\n setDescription: (description: ReactNode) => void;\n setActions: (actions: ReactNode) => void;\n setDismiss: (dismiss: ReactNode) => void;\n};\n\nexport const AlertContext = createContext<AlertContextValue | undefined>(\n undefined\n);\n\n/**\n * # Alert\n *\n * Provides feedback to the user about the status of an action or system event\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/feedback/alert}\n */\nexport const AlertRoot: AlertRootComponent = (props) => {\n const { ref, children, ...restProps } = props;\n const [titleNode, setTitle] = useState<ReactNode>(null);\n const [descriptionNode, setDescription] = useState<ReactNode>(null);\n const [actionsNode, setActions] = useState<ReactNode>(null);\n const [dismissNode, setDismiss] = useState<ReactNode>(null);\n\n // Memoize the context value so we don't cause unnecessary re-renders\n const contextValue = useMemo(\n () => ({\n setTitle,\n setDescription,\n setActions,\n setDismiss,\n }),\n [setTitle, setDescription, setActions, setDismiss]\n );\n\n return (\n <AlertContext.Provider value={contextValue}>\n <AlertRootSlot ref={ref} {...restProps} role=\"alert\">\n <AlertIcon alignItems=\"flex-start\">\n {getIconFromTone(restProps.tone)}\n </AlertIcon>\n <Stack flex=\"1\" gap=\"200\">\n <Box>\n {titleNode}\n {descriptionNode}\n </Box>\n {actionsNode}\n </Stack>\n {dismissNode}\n\n {children}\n </AlertRootSlot>\n </AlertContext.Provider>\n );\n};\n\nAlertRoot.displayName = \"Alert.Root\";\n","import { useContext, useEffect } from \"react\";\nimport { AlertTitle as AlertTitleSlot } from \"../alert.slots\";\nimport type { AlertTitleProps } from \"../alert.types\";\nimport { AlertContext } from \"./alert.root\";\n\nexport const AlertTitle = ({ children, ...props }: AlertTitleProps) => {\n const context = useContext(AlertContext);\n\n useEffect(() => {\n if (context) {\n const slotElement = (\n <AlertTitleSlot {...props} fontWeight=\"600\">\n {children}\n </AlertTitleSlot>\n );\n // Register it with the parent\n context.setTitle(slotElement);\n\n // On unmount, remove it\n return () => context.setTitle(null);\n }\n }, [children, props]);\n\n return null;\n};\n\nAlertTitle.displayName = \"Alert.Title\";\n","import { useContext, useEffect } from \"react\";\nimport { AlertDescription as AlertDescriptionSlot } from \"../alert.slots\";\nimport type { AlertDescriptionProps } from \"../alert.types\";\nimport { AlertContext } from \"./alert.root\";\n\nexport const AlertDescription = ({\n children,\n ...props\n}: AlertDescriptionProps) => {\n const context = useContext(AlertContext);\n\n useEffect(() => {\n if (context) {\n const slotElement = (\n <AlertDescriptionSlot {...props}>{children}</AlertDescriptionSlot>\n );\n // Register it with the parent\n context.setDescription(slotElement);\n\n // On unmount, remove it\n return () => context.setDescription(null);\n }\n }, [children, props]);\n\n return null;\n};\n\nAlertDescription.displayName = \"Alert.Description\";\n","import { useContext, useEffect } from \"react\";\nimport { AlertActions as AlertActionsSlot } from \"../alert.slots\";\nimport type { AlertActionsProps } from \"../alert.types\";\nimport { AlertContext } from \"./alert.root\";\n\nexport const AlertActions = ({ children, ...props }: AlertActionsProps) => {\n const context = useContext(AlertContext);\n\n useEffect(() => {\n if (context) {\n const slotElement = (\n <AlertActionsSlot {...props}>{children}</AlertActionsSlot>\n );\n // Register it with the parent\n context.setActions(slotElement);\n\n // On unmount, remove it\n return () => context.setActions(null);\n }\n }, [children, props]);\n\n return null;\n};\n\nAlertActions.displayName = \"Alert.Actions\";\n","import { defineMessages } from \"react-intl\";\n\nexport const messages = defineMessages({\n dismiss: {\n id: \"Nimbus.Alert.dismiss\",\n description: \"aria-label for the dismiss button in an alert\",\n defaultMessage: \"Dismiss\",\n },\n});\n","import { useContext, useEffect } from \"react\";\nimport { AlertDismissButton as AlertDismissButtonSlot } from \"../alert.slots\";\nimport type { AlertDismissButtonProps } from \"../alert.types\";\nimport { Clear } from \"@commercetools/nimbus-icons\";\nimport { IconButton } from \"../../icon-button\";\nimport { AlertContext } from \"./alert.root\";\nimport { useIntl } from \"react-intl\";\nimport { messages } from \"../alert.i18n\";\n\nexport const AlertDismissButton = ({\n children,\n ...props\n}: AlertDismissButtonProps) => {\n const context = useContext(AlertContext);\n const intl = useIntl();\n\n useEffect(() => {\n if (context) {\n const slotElement = (\n <AlertDismissButtonSlot>\n <IconButton\n aria-label={intl.formatMessage(messages.dismiss)}\n {...props}\n variant=\"ghost\"\n size=\"2xs\"\n >\n <Clear role=\"img\" />\n </IconButton>\n </AlertDismissButtonSlot>\n );\n // Register it with the parent\n context.setDismiss(slotElement);\n\n // On unmount, remove it\n return () => context.setDismiss(null);\n }\n }, [children, props]);\n\n return null;\n};\n\nAlertDismissButton.displayName = \"Alert.DismissButton\";\n","import { AlertTitle } from \"./components/alert.title\";\nimport { AlertDescription } from \"./components/alert.description\";\nimport { AlertActions } from \"./components/alert.actions\";\nimport { AlertDismissButton } from \"./components/alert.dismiss-button\";\nimport { AlertRoot } from \"./components/alert.root\";\n\n/**\n * Alert\n * ============================================================\n * Provides feedback to the user about the status of an action or system event\n */\nexport const Alert = {\n Root: AlertRoot,\n Title: AlertTitle,\n Description: AlertDescription,\n Actions: AlertActions,\n DismissButton: AlertDismissButton,\n};\n\n// exports for internal use by react-docgen\nexport {\n AlertRoot as _AlertRoot,\n AlertTitle as _AlertTitle,\n AlertDescription as _AlertDescription,\n AlertActions as _AlertActions,\n AlertDismissButton as _AlertDismissButton,\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","AlertRoot","AlertTitle","AlertDescription","AlertIcon","AlertActions","AlertDismissButton","getIconFromTone","tone","ErrorOutline","Info","WarningAmber","CheckCircleOutline","AlertContext","createContext","props","ref","children","restProps","titleNode","setTitle","useState","descriptionNode","setDescription","actionsNode","setActions","dismissNode","setDismiss","contextValue","useMemo","jsx","jsxs","AlertRootSlot","Stack","Box","context","useContext","useEffect","slotElement","AlertTitleSlot","AlertDescriptionSlot","AlertActionsSlot","messages","defineMessages","intl","useIntl","AlertDismissButtonSlot","IconButton","Clear","Alert"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert-lNg0Rz2w.es.js","sources":["../../src/components/alert/alert.slots.tsx","../../src/components/alert/components/alert.root.tsx","../../src/components/alert/components/alert.title.tsx","../../src/components/alert/components/alert.description.tsx","../../src/components/alert/components/alert.actions.tsx","../../src/components/alert/alert.i18n.ts","../../src/components/alert/components/alert.dismiss-button.tsx","../../src/components/alert/alert.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type {\n AlertActionsProps,\n AlertDescriptionProps,\n AlertDismissButtonProps,\n AlertIconProps,\n AlertRootProps,\n AlertTitleProps,\n} from \"./alert.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n key: \"alert\",\n});\n\nexport const AlertRoot = withProvider<HTMLDivElement, AlertRootProps>(\n \"div\",\n \"root\"\n);\n\nexport const AlertTitle = withContext<HTMLDivElement, AlertTitleProps>(\n \"div\",\n \"title\"\n);\n\nexport const AlertDescription = withContext<\n HTMLDivElement,\n AlertDescriptionProps\n>(\"div\", \"description\");\n\nexport const AlertIcon = withContext<HTMLDivElement, AlertIconProps>(\n \"div\",\n \"icon\"\n);\n\nexport const AlertActions = withContext<HTMLDivElement, AlertActionsProps>(\n \"div\",\n \"actions\"\n);\n\n// This is a div wrapper for layout placement - note that we expect it to receive `IconButton` props, but we use a `div`.\n// We then forward the consumer props to the interior `IconButton` component.\nexport const AlertDismissButton = withContext<\n HTMLDivElement,\n AlertDismissButtonProps\n>(\"div\", \"dismissButton\");\n","import { createContext, useMemo, useState, type ReactNode } from \"react\";\nimport { AlertRoot as AlertRootSlot, AlertIcon } from \"../alert.slots\";\nimport type { AlertProps, AlertRootComponent } from \"../alert.types\";\nimport { Box } from \"../../box\";\nimport { Stack } from \"../../stack\";\nimport {\n CheckCircleOutline,\n ErrorOutline,\n Info,\n WarningAmber,\n} from \"@commercetools/nimbus-icons\";\n\nconst getIconFromTone = (tone: AlertProps[\"tone\"]) => {\n switch (tone) {\n case \"critical\":\n return <ErrorOutline />;\n case \"info\":\n return <Info />;\n case \"warning\":\n return <WarningAmber />;\n case \"positive\":\n return <CheckCircleOutline />;\n default:\n return null;\n }\n};\n\ntype AlertContextValue = {\n setTitle: (title: ReactNode) => void;\n setDescription: (description: ReactNode) => void;\n setActions: (actions: ReactNode) => void;\n setDismiss: (dismiss: ReactNode) => void;\n};\n\nexport const AlertContext = createContext<AlertContextValue | undefined>(\n undefined\n);\n\n/**\n * # Alert\n *\n * Provides feedback to the user about the status of an action or system event\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/feedback/alert}\n */\nexport const AlertRoot: AlertRootComponent = (props) => {\n const { ref, children, ...restProps } = props;\n const [titleNode, setTitle] = useState<ReactNode>(null);\n const [descriptionNode, setDescription] = useState<ReactNode>(null);\n const [actionsNode, setActions] = useState<ReactNode>(null);\n const [dismissNode, setDismiss] = useState<ReactNode>(null);\n\n // Memoize the context value so we don't cause unnecessary re-renders\n const contextValue = useMemo(\n () => ({\n setTitle,\n setDescription,\n setActions,\n setDismiss,\n }),\n [setTitle, setDescription, setActions, setDismiss]\n );\n\n return (\n <AlertContext.Provider value={contextValue}>\n <AlertRootSlot ref={ref} {...restProps} role=\"alert\">\n <AlertIcon alignItems=\"flex-start\">\n {getIconFromTone(restProps.tone)}\n </AlertIcon>\n <Stack flex=\"1\" gap=\"200\">\n <Box>\n {titleNode}\n {descriptionNode}\n </Box>\n {actionsNode}\n </Stack>\n {dismissNode}\n\n {children}\n </AlertRootSlot>\n </AlertContext.Provider>\n );\n};\n\nAlertRoot.displayName = \"Alert.Root\";\n","import { useContext, useEffect } from \"react\";\nimport { AlertTitle as AlertTitleSlot } from \"../alert.slots\";\nimport type { AlertTitleProps } from \"../alert.types\";\nimport { AlertContext } from \"./alert.root\";\n\nexport const AlertTitle = ({ children, ...props }: AlertTitleProps) => {\n const context = useContext(AlertContext);\n\n useEffect(() => {\n if (context) {\n const slotElement = (\n <AlertTitleSlot {...props} fontWeight=\"600\">\n {children}\n </AlertTitleSlot>\n );\n // Register it with the parent\n context.setTitle(slotElement);\n\n // On unmount, remove it\n return () => context.setTitle(null);\n }\n }, [children, props]);\n\n return null;\n};\n\nAlertTitle.displayName = \"Alert.Title\";\n","import { useContext, useEffect } from \"react\";\nimport { AlertDescription as AlertDescriptionSlot } from \"../alert.slots\";\nimport type { AlertDescriptionProps } from \"../alert.types\";\nimport { AlertContext } from \"./alert.root\";\n\nexport const AlertDescription = ({\n children,\n ...props\n}: AlertDescriptionProps) => {\n const context = useContext(AlertContext);\n\n useEffect(() => {\n if (context) {\n const slotElement = (\n <AlertDescriptionSlot {...props}>{children}</AlertDescriptionSlot>\n );\n // Register it with the parent\n context.setDescription(slotElement);\n\n // On unmount, remove it\n return () => context.setDescription(null);\n }\n }, [children, props]);\n\n return null;\n};\n\nAlertDescription.displayName = \"Alert.Description\";\n","import { useContext, useEffect } from \"react\";\nimport { AlertActions as AlertActionsSlot } from \"../alert.slots\";\nimport type { AlertActionsProps } from \"../alert.types\";\nimport { AlertContext } from \"./alert.root\";\n\nexport const AlertActions = ({ children, ...props }: AlertActionsProps) => {\n const context = useContext(AlertContext);\n\n useEffect(() => {\n if (context) {\n const slotElement = (\n <AlertActionsSlot {...props}>{children}</AlertActionsSlot>\n );\n // Register it with the parent\n context.setActions(slotElement);\n\n // On unmount, remove it\n return () => context.setActions(null);\n }\n }, [children, props]);\n\n return null;\n};\n\nAlertActions.displayName = \"Alert.Actions\";\n","import { defineMessages } from \"react-intl\";\n\nexport const messages = defineMessages({\n dismiss: {\n id: \"Nimbus.Alert.dismiss\",\n description: \"aria-label for the dismiss button in an alert\",\n defaultMessage: \"Dismiss\",\n },\n});\n","import { useContext, useEffect } from \"react\";\nimport { AlertDismissButton as AlertDismissButtonSlot } from \"../alert.slots\";\nimport type { AlertDismissButtonProps } from \"../alert.types\";\nimport { Clear } from \"@commercetools/nimbus-icons\";\nimport { IconButton } from \"../../icon-button\";\nimport { AlertContext } from \"./alert.root\";\nimport { useIntl } from \"react-intl\";\nimport { messages } from \"../alert.i18n\";\n\nexport const AlertDismissButton = ({\n children,\n ...props\n}: AlertDismissButtonProps) => {\n const context = useContext(AlertContext);\n const intl = useIntl();\n\n useEffect(() => {\n if (context) {\n const slotElement = (\n <AlertDismissButtonSlot>\n <IconButton\n aria-label={intl.formatMessage(messages.dismiss)}\n {...props}\n variant=\"ghost\"\n size=\"2xs\"\n >\n <Clear role=\"img\" />\n </IconButton>\n </AlertDismissButtonSlot>\n );\n // Register it with the parent\n context.setDismiss(slotElement);\n\n // On unmount, remove it\n return () => context.setDismiss(null);\n }\n }, [children, props]);\n\n return null;\n};\n\nAlertDismissButton.displayName = \"Alert.DismissButton\";\n","import { AlertTitle } from \"./components/alert.title\";\nimport { AlertDescription } from \"./components/alert.description\";\nimport { AlertActions } from \"./components/alert.actions\";\nimport { AlertDismissButton } from \"./components/alert.dismiss-button\";\nimport { AlertRoot } from \"./components/alert.root\";\n\n/**\n * Alert\n * ============================================================\n * Provides feedback to the user about the status of an action or system event\n */\nexport const Alert = {\n Root: AlertRoot,\n Title: AlertTitle,\n Description: AlertDescription,\n Actions: AlertActions,\n DismissButton: AlertDismissButton,\n};\n\n// exports for internal use by react-docgen\nexport {\n AlertRoot as _AlertRoot,\n AlertTitle as _AlertTitle,\n AlertDescription as _AlertDescription,\n AlertActions as _AlertActions,\n AlertDismissButton as _AlertDismissButton,\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","AlertRoot","AlertTitle","AlertDescription","AlertIcon","AlertActions","AlertDismissButton","getIconFromTone","tone","ErrorOutline","Info","WarningAmber","CheckCircleOutline","AlertContext","createContext","props","ref","children","restProps","titleNode","setTitle","useState","descriptionNode","setDescription","actionsNode","setActions","dismissNode","setDismiss","contextValue","useMemo","jsx","jsxs","AlertRootSlot","Stack","Box","context","useContext","useEffect","slotElement","AlertTitleSlot","AlertDescriptionSlot","AlertActionsSlot","messages","defineMessages","intl","useIntl","AlertDismissButtonSlot","IconButton","Clear","Alert"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"alert-lNg0Rz2w.es.js","sources":["../../src/components/alert/alert.slots.tsx","../../src/components/alert/components/alert.root.tsx","../../src/components/alert/components/alert.title.tsx","../../src/components/alert/components/alert.description.tsx","../../src/components/alert/components/alert.actions.tsx","../../src/components/alert/alert.i18n.ts","../../src/components/alert/components/alert.dismiss-button.tsx","../../src/components/alert/alert.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type {\n AlertActionsSlotProps,\n AlertDescriptionProps,\n AlertDismissButtonProps,\n AlertIconSlotProps,\n AlertRootSlotProps,\n AlertTitleProps,\n} from \"./alert.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n key: \"alert\",\n});\n\nexport const AlertRoot = withProvider<HTMLDivElement, AlertRootSlotProps>(\n \"div\",\n \"root\"\n);\n\nexport const AlertTitle = withContext<HTMLDivElement, AlertTitleProps>(\n \"div\",\n \"title\"\n);\n\nexport const AlertDescription = withContext<\n HTMLDivElement,\n AlertDescriptionProps\n>(\"div\", \"description\");\n\nexport const AlertIcon = withContext<HTMLDivElement, AlertIconSlotProps>(\n \"div\",\n \"icon\"\n);\n\nexport const AlertActions = withContext<HTMLDivElement, AlertActionsSlotProps>(\n \"div\",\n \"actions\"\n);\n\n// This is a div wrapper for layout placement - note that we expect it to receive `IconButton` props, but we use a `div`.\n// We then forward the consumer props to the interior `IconButton` component.\nexport const AlertDismissButton = withContext<\n HTMLDivElement,\n AlertDismissButtonProps\n>(\"div\", \"dismissButton\");\n","import { createContext, useMemo, useState, type ReactNode } from \"react\";\nimport { AlertRoot as AlertRootSlot, AlertIcon } from \"../alert.slots\";\nimport type { AlertProps, AlertRootComponent } from \"../alert.types\";\nimport { Box } from \"../../box\";\nimport { Stack } from \"../../stack\";\nimport {\n CheckCircleOutline,\n ErrorOutline,\n Info,\n WarningAmber,\n} from \"@commercetools/nimbus-icons\";\n\nconst getIconFromTone = (tone: AlertProps[\"tone\"]) => {\n switch (tone) {\n case \"critical\":\n return <ErrorOutline />;\n case \"info\":\n return <Info />;\n case \"warning\":\n return <WarningAmber />;\n case \"positive\":\n return <CheckCircleOutline />;\n default:\n return null;\n }\n};\n\ntype AlertContextValue = {\n setTitle: (title: ReactNode) => void;\n setDescription: (description: ReactNode) => void;\n setActions: (actions: ReactNode) => void;\n setDismiss: (dismiss: ReactNode) => void;\n};\n\nexport const AlertContext = createContext<AlertContextValue | undefined>(\n undefined\n);\n\n/**\n * # Alert\n *\n * Provides feedback to the user about the status of an action or system event\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/feedback/alert}\n */\nexport const AlertRoot: AlertRootComponent = (props) => {\n const { ref, children, ...restProps } = props;\n const [titleNode, setTitle] = useState<ReactNode>(null);\n const [descriptionNode, setDescription] = useState<ReactNode>(null);\n const [actionsNode, setActions] = useState<ReactNode>(null);\n const [dismissNode, setDismiss] = useState<ReactNode>(null);\n\n // Memoize the context value so we don't cause unnecessary re-renders\n const contextValue = useMemo(\n () => ({\n setTitle,\n setDescription,\n setActions,\n setDismiss,\n }),\n [setTitle, setDescription, setActions, setDismiss]\n );\n\n return (\n <AlertContext.Provider value={contextValue}>\n <AlertRootSlot ref={ref} {...restProps} role=\"alert\">\n <AlertIcon alignItems=\"flex-start\">\n {getIconFromTone(restProps.tone)}\n </AlertIcon>\n <Stack flex=\"1\" gap=\"200\">\n <Box>\n {titleNode}\n {descriptionNode}\n </Box>\n {actionsNode}\n </Stack>\n {dismissNode}\n\n {children}\n </AlertRootSlot>\n </AlertContext.Provider>\n );\n};\n\nAlertRoot.displayName = \"Alert.Root\";\n","import { useContext, useEffect } from \"react\";\nimport { AlertTitle as AlertTitleSlot } from \"../alert.slots\";\nimport type { AlertTitleProps } from \"../alert.types\";\nimport { AlertContext } from \"./alert.root\";\n\nexport const AlertTitle = ({ children, ...props }: AlertTitleProps) => {\n const context = useContext(AlertContext);\n\n useEffect(() => {\n if (context) {\n const slotElement = (\n <AlertTitleSlot {...props} fontWeight=\"600\">\n {children}\n </AlertTitleSlot>\n );\n // Register it with the parent\n context.setTitle(slotElement);\n\n // On unmount, remove it\n return () => context.setTitle(null);\n }\n }, [children, props]);\n\n return null;\n};\n\nAlertTitle.displayName = \"Alert.Title\";\n","import { useContext, useEffect } from \"react\";\nimport { AlertDescription as AlertDescriptionSlot } from \"../alert.slots\";\nimport type { AlertDescriptionProps } from \"../alert.types\";\nimport { AlertContext } from \"./alert.root\";\n\nexport const AlertDescription = ({\n children,\n ...props\n}: AlertDescriptionProps) => {\n const context = useContext(AlertContext);\n\n useEffect(() => {\n if (context) {\n const slotElement = (\n <AlertDescriptionSlot {...props}>{children}</AlertDescriptionSlot>\n );\n // Register it with the parent\n context.setDescription(slotElement);\n\n // On unmount, remove it\n return () => context.setDescription(null);\n }\n }, [children, props]);\n\n return null;\n};\n\nAlertDescription.displayName = \"Alert.Description\";\n","import { useContext, useEffect } from \"react\";\nimport { AlertActions as AlertActionsSlot } from \"../alert.slots\";\nimport type { AlertActionsProps } from \"../alert.types\";\nimport { AlertContext } from \"./alert.root\";\n\nexport const AlertActions = ({ children, ...props }: AlertActionsProps) => {\n const context = useContext(AlertContext);\n\n useEffect(() => {\n if (context) {\n const slotElement = (\n <AlertActionsSlot {...props}>{children}</AlertActionsSlot>\n );\n // Register it with the parent\n context.setActions(slotElement);\n\n // On unmount, remove it\n return () => context.setActions(null);\n }\n }, [children, props]);\n\n return null;\n};\n\nAlertActions.displayName = \"Alert.Actions\";\n","import { defineMessages } from \"react-intl\";\n\nexport const messages = defineMessages({\n dismiss: {\n id: \"Nimbus.Alert.dismiss\",\n description: \"aria-label for the dismiss button in an alert\",\n defaultMessage: \"Dismiss\",\n },\n});\n","import { useContext, useEffect } from \"react\";\nimport { AlertDismissButton as AlertDismissButtonSlot } from \"../alert.slots\";\nimport type { AlertDismissButtonProps } from \"../alert.types\";\nimport { Clear } from \"@commercetools/nimbus-icons\";\nimport { IconButton } from \"../../icon-button\";\nimport { AlertContext } from \"./alert.root\";\nimport { useIntl } from \"react-intl\";\nimport { messages } from \"../alert.i18n\";\n\nexport const AlertDismissButton = ({\n children,\n ...props\n}: AlertDismissButtonProps) => {\n const context = useContext(AlertContext);\n const intl = useIntl();\n\n useEffect(() => {\n if (context) {\n const slotElement = (\n <AlertDismissButtonSlot>\n <IconButton\n aria-label={intl.formatMessage(messages.dismiss)}\n {...props}\n variant=\"ghost\"\n size=\"2xs\"\n >\n <Clear role=\"img\" />\n </IconButton>\n </AlertDismissButtonSlot>\n );\n // Register it with the parent\n context.setDismiss(slotElement);\n\n // On unmount, remove it\n return () => context.setDismiss(null);\n }\n }, [children, props]);\n\n return null;\n};\n\nAlertDismissButton.displayName = \"Alert.DismissButton\";\n","import { AlertTitle } from \"./components/alert.title\";\nimport { AlertDescription } from \"./components/alert.description\";\nimport { AlertActions } from \"./components/alert.actions\";\nimport { AlertDismissButton } from \"./components/alert.dismiss-button\";\nimport { AlertRoot } from \"./components/alert.root\";\n\n/**\n * Alert\n * ============================================================\n * Provides feedback to the user about the status of an action or system event\n */\nexport const Alert = {\n Root: AlertRoot,\n Title: AlertTitle,\n Description: AlertDescription,\n Actions: AlertActions,\n DismissButton: AlertDismissButton,\n};\n\n// exports for internal use by react-docgen\nexport {\n AlertRoot as _AlertRoot,\n AlertTitle as _AlertTitle,\n AlertDescription as _AlertDescription,\n AlertActions as _AlertActions,\n AlertDismissButton as _AlertDismissButton,\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","AlertRoot","AlertTitle","AlertDescription","AlertIcon","AlertActions","AlertDismissButton","getIconFromTone","tone","ErrorOutline","Info","WarningAmber","CheckCircleOutline","AlertContext","createContext","props","ref","children","restProps","titleNode","setTitle","useState","descriptionNode","setDescription","actionsNode","setActions","dismissNode","setDismiss","contextValue","useMemo","jsx","jsxs","AlertRootSlot","Stack","Box","context","useContext","useEffect","slotElement","AlertTitleSlot","AlertDescriptionSlot","AlertActionsSlot","messages","defineMessages","intl","useIntl","AlertDismissButtonSlot","IconButton","Clear","Alert"],"mappings":"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"}
|
|
@@ -3,7 +3,9 @@ import { useState as m } from "react";
|
|
|
3
3
|
import { Image as v } from "@chakra-ui/react/image";
|
|
4
4
|
import { createRecipeContext as x } from "@chakra-ui/react";
|
|
5
5
|
import { a as A } from "./avatar.recipe-DfyPWbFZ.es.js";
|
|
6
|
-
const { withContext: C } = /* @__PURE__ */ x({ recipe: A }), N = /* @__PURE__ */ C(
|
|
6
|
+
const { withContext: C } = /* @__PURE__ */ x({ recipe: A }), N = /* @__PURE__ */ C(
|
|
7
|
+
"figure"
|
|
8
|
+
);
|
|
7
9
|
function w(t, a) {
|
|
8
10
|
return t.split("")[0].toUpperCase() + a.split("")[0].toUpperCase();
|
|
9
11
|
}
|
|
@@ -35,4 +37,4 @@ E.displayName = "Avatar";
|
|
|
35
37
|
export {
|
|
36
38
|
E as A
|
|
37
39
|
};
|
|
38
|
-
//# sourceMappingURL=avatar-
|
|
40
|
+
//# sourceMappingURL=avatar-CTiSGVoD.es.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatar-CTiSGVoD.es.js","sources":["../../src/components/avatar/avatar.slots.tsx","../../src/components/avatar/avatar.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react\";\nimport { avatarRecipe } from \"./avatar.recipe\";\nimport type { AvatarRootSlotProps } from \"./avatar.types\";\n\nconst { withContext } = createRecipeContext({ recipe: avatarRecipe });\n\nexport const AvatarRoot = withContext<HTMLElement, AvatarRootSlotProps>(\n \"figure\"\n);\n","import { useState } from \"react\";\nimport { Image } from \"@chakra-ui/react/image\";\nimport { type AvatarProps } from \"./avatar.types\";\nimport { AvatarRoot } from \"./avatar.slots.tsx\";\n\nfunction getInitials(firstName: string, lastName: string) {\n return (\n firstName.split(\"\")[0].toUpperCase() + lastName.split(\"\")[0].toUpperCase()\n );\n}\n\nexport const Avatar = (props: AvatarProps) => {\n const { ref, firstName, lastName, src, alt, ...rest } = props;\n const [imageLoaded, setImageLoaded] = useState(false);\n const [imageError, setImageError] = useState(false);\n\n const fullName = `${firstName} ${lastName}`;\n\n const sharedProps = {\n \"aria-label\": `${fullName} avatar`,\n ref,\n ...rest,\n };\n\n const onLoad = () => {\n setImageLoaded(true);\n setImageError(false);\n };\n\n const onError = () => {\n setImageLoaded(false);\n setImageError(true);\n };\n\n // Show initials if no src provided, image hasn't loaded yet, or image failed\n const shouldShowInitials = !src || !imageLoaded || imageError;\n\n return (\n <AvatarRoot {...sharedProps}>\n {shouldShowInitials ? getInitials(firstName, lastName) : null}\n\n {src && (\n <Image\n src={src}\n alt={alt || fullName}\n onLoad={onLoad}\n onError={onError}\n display={imageLoaded && !imageError ? \"block\" : \"none\"}\n />\n )}\n </AvatarRoot>\n );\n};\n\nAvatar.displayName = \"Avatar\";\n"],"names":["withContext","createRecipeContext","avatarRecipe","AvatarRoot","getInitials","firstName","lastName","Avatar","props","ref","src","alt","rest","imageLoaded","setImageLoaded","useState","imageError","setImageError","fullName","sharedProps","onLoad","onError","jsxs","jsx","Image"],"mappings":";;;;;AAIA,MAAM,EAAE,aAAAA,EAAA,IAAgB,gBAAAC,EAAoB,EAAE,QAAQC,GAAc,GAEvDC,IAAa,gBAAAH;AAAA,EACxB;AACF;ACHA,SAASI,EAAYC,GAAmBC,GAAkB;AACxD,SACED,EAAU,MAAM,EAAE,EAAE,CAAC,EAAE,gBAAgBC,EAAS,MAAM,EAAE,EAAE,CAAC,EAAE,YAAA;AAEjE;AAEO,MAAMC,IAAS,CAACC,MAAuB;AAC5C,QAAM,EAAE,KAAAC,GAAK,WAAAJ,GAAW,UAAAC,GAAU,KAAAI,GAAK,KAAAC,GAAK,GAAGC,MAASJ,GAClD,CAACK,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAC9C,CAACC,GAAYC,CAAa,IAAIF,EAAS,EAAK,GAE5CG,IAAW,GAAGb,CAAS,IAAIC,CAAQ,IAEnCa,IAAc;AAAA,IAClB,cAAc,GAAGD,CAAQ;AAAA,IACzB,KAAAT;AAAA,IACA,GAAGG;AAAA,EAAA,GAGCQ,IAAS,MAAM;AACnB,IAAAN,EAAe,EAAI,GACnBG,EAAc,EAAK;AAAA,EACrB,GAEMI,IAAU,MAAM;AACpB,IAAAP,EAAe,EAAK,GACpBG,EAAc,EAAI;AAAA,EACpB;AAKA,SACE,gBAAAK,EAACnB,GAAA,EAAY,GAAGgB,GACb,UAAA;AAAA,IAJsB,CAACT,KAAO,CAACG,KAAeG,IAIzBZ,EAAYC,GAAWC,CAAQ,IAAI;AAAA,IAExDI,KACC,gBAAAa;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAd;AAAA,QACA,KAAKC,KAAOO;AAAA,QACZ,QAAAE;AAAA,QACA,SAAAC;AAAA,QACA,SAASR,KAAe,CAACG,IAAa,UAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EAClD,GAEJ;AAEJ;AAEAT,EAAO,cAAc;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar-_o-uSXYy.cjs.js","sources":["../../src/components/avatar/avatar.slots.tsx","../../src/components/avatar/avatar.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react\";\nimport { avatarRecipe } from \"./avatar.recipe\";\nimport type {
|
|
1
|
+
{"version":3,"file":"avatar-_o-uSXYy.cjs.js","sources":["../../src/components/avatar/avatar.slots.tsx","../../src/components/avatar/avatar.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react\";\nimport { avatarRecipe } from \"./avatar.recipe\";\nimport type { AvatarRootSlotProps } from \"./avatar.types\";\n\nconst { withContext } = createRecipeContext({ recipe: avatarRecipe });\n\nexport const AvatarRoot = withContext<HTMLElement, AvatarRootSlotProps>(\n \"figure\"\n);\n","import { useState } from \"react\";\nimport { Image } from \"@chakra-ui/react/image\";\nimport { type AvatarProps } from \"./avatar.types\";\nimport { AvatarRoot } from \"./avatar.slots.tsx\";\n\nfunction getInitials(firstName: string, lastName: string) {\n return (\n firstName.split(\"\")[0].toUpperCase() + lastName.split(\"\")[0].toUpperCase()\n );\n}\n\nexport const Avatar = (props: AvatarProps) => {\n const { ref, firstName, lastName, src, alt, ...rest } = props;\n const [imageLoaded, setImageLoaded] = useState(false);\n const [imageError, setImageError] = useState(false);\n\n const fullName = `${firstName} ${lastName}`;\n\n const sharedProps = {\n \"aria-label\": `${fullName} avatar`,\n ref,\n ...rest,\n };\n\n const onLoad = () => {\n setImageLoaded(true);\n setImageError(false);\n };\n\n const onError = () => {\n setImageLoaded(false);\n setImageError(true);\n };\n\n // Show initials if no src provided, image hasn't loaded yet, or image failed\n const shouldShowInitials = !src || !imageLoaded || imageError;\n\n return (\n <AvatarRoot {...sharedProps}>\n {shouldShowInitials ? getInitials(firstName, lastName) : null}\n\n {src && (\n <Image\n src={src}\n alt={alt || fullName}\n onLoad={onLoad}\n onError={onError}\n display={imageLoaded && !imageError ? \"block\" : \"none\"}\n />\n )}\n </AvatarRoot>\n );\n};\n\nAvatar.displayName = \"Avatar\";\n"],"names":["withContext","createRecipeContext","avatarRecipe","AvatarRoot","getInitials","firstName","lastName","Avatar","props","ref","src","alt","rest","imageLoaded","setImageLoaded","useState","imageError","setImageError","fullName","sharedProps","onLoad","onError","shouldShowInitials","jsxs","jsx","Image"],"mappings":"oLAIM,CAAE,YAAAA,CAAA,EAAgBC,EAAAA,oBAAoB,CAAE,OAAQC,EAAAA,aAAc,EAEvDC,EAAaH,EACxB,QACF,ECHA,SAASI,EAAYC,EAAmBC,EAAkB,CACxD,OACED,EAAU,MAAM,EAAE,EAAE,CAAC,EAAE,cAAgBC,EAAS,MAAM,EAAE,EAAE,CAAC,EAAE,YAAA,CAEjE,CAEO,MAAMC,EAAUC,GAAuB,CAC5C,KAAM,CAAE,IAAAC,EAAK,UAAAJ,EAAW,SAAAC,EAAU,IAAAI,EAAK,IAAAC,EAAK,GAAGC,GAASJ,EAClD,CAACK,EAAaC,CAAc,EAAIC,EAAAA,SAAS,EAAK,EAC9C,CAACC,EAAYC,CAAa,EAAIF,EAAAA,SAAS,EAAK,EAE5CG,EAAW,GAAGb,CAAS,IAAIC,CAAQ,GAEnCa,EAAc,CAClB,aAAc,GAAGD,CAAQ,UACzB,IAAAT,EACA,GAAGG,CAAA,EAGCQ,EAAS,IAAM,CACnBN,EAAe,EAAI,EACnBG,EAAc,EAAK,CACrB,EAEMI,EAAU,IAAM,CACpBP,EAAe,EAAK,EACpBG,EAAc,EAAI,CACpB,EAGMK,EAAqB,CAACZ,GAAO,CAACG,GAAeG,EAEnD,OACEO,EAAAA,KAACpB,EAAA,CAAY,GAAGgB,EACb,SAAA,CAAAG,EAAqBlB,EAAYC,EAAWC,CAAQ,EAAI,KAExDI,GACCc,EAAAA,IAACC,EAAAA,MAAA,CACC,IAAAf,EACA,IAAKC,GAAOO,EACZ,OAAAE,EACA,QAAAC,EACA,QAASR,GAAe,CAACG,EAAa,QAAU,MAAA,CAAA,CAClD,EAEJ,CAEJ,EAEAT,EAAO,YAAc"}
|
|
@@ -4,7 +4,9 @@ import { createRecipeContext as n, mergeRefs as c } from "@chakra-ui/react";
|
|
|
4
4
|
import { b as d } from "./badge.recipe-DsV4A_UD.es.js";
|
|
5
5
|
import { $ as i } from "./useObjectRef-CaJ5pgjX.es.js";
|
|
6
6
|
import { a as l } from "./mergeProps-CzyOU2NE.es.js";
|
|
7
|
-
const { withContext: R } = /* @__PURE__ */ n({ recipe: d }), $ = /* @__PURE__ */ R(
|
|
7
|
+
const { withContext: R } = /* @__PURE__ */ n({ recipe: d }), $ = /* @__PURE__ */ R(
|
|
8
|
+
"span"
|
|
9
|
+
), b = (e) => {
|
|
8
10
|
const { ref: o, as: t, children: r, ...f } = e, s = m(null), a = i(c(s, o));
|
|
9
11
|
return /* @__PURE__ */ p($, { as: t || "span", ...l(f, { ref: a }), children: r });
|
|
10
12
|
};
|
|
@@ -12,4 +14,4 @@ b.displayName = "Badge";
|
|
|
12
14
|
export {
|
|
13
15
|
b as B
|
|
14
16
|
};
|
|
15
|
-
//# sourceMappingURL=badge-
|
|
17
|
+
//# sourceMappingURL=badge-Csn5glEd.es.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge-Csn5glEd.es.js","sources":["../../src/components/badge/badge.slots.tsx","../../src/components/badge/badge.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react\";\nimport { badgeRecipe } from \"./badge.recipe\";\nimport type { BadgeRootSlotProps } from \"./badge.types\";\n\nconst { withContext } = createRecipeContext({ recipe: badgeRecipe });\n\nexport const BadgeRoot = withContext<HTMLSpanElement, BadgeRootSlotProps>(\n \"span\"\n);\n","import { useRef } from \"react\";\nimport { BadgeRoot } from \"./badge.slots\";\nimport type { BadgeProps } from \"./badge.types\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport { useObjectRef, mergeProps } from \"react-aria\";\n/**\n * # Badge\n *\n * Briefly highlights or categorizes associated UI elements with concise visual cues for status or metadata.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/data-display/badge}\n */\n\nexport const Badge = (props: BadgeProps) => {\n const { ref: forwardedRef, as, children, ...rest } = props;\n\n const localRef = useRef<HTMLSpanElement>(null);\n const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n const elementType = as || \"span\";\n\n return (\n <BadgeRoot as={elementType} {...mergeProps(rest, { ref })}>\n {children}\n </BadgeRoot>\n );\n};\n\nBadge.displayName = \"Badge\";\n"],"names":["withContext","createRecipeContext","badgeRecipe","BadgeRoot","Badge","props","forwardedRef","as","children","rest","localRef","useRef","ref","useObjectRef","mergeRefs","jsx","mergeProps"],"mappings":";;;;;;AAIA,MAAM,EAAE,aAAAA,EAAA,IAAgB,gBAAAC,EAAoB,EAAE,QAAQC,GAAa,GAEtDC,IAAY,gBAAAH;AAAA,EACvB;AACF,GCKaI,IAAQ,CAACC,MAAsB;AAC1C,QAAM,EAAE,KAAKC,GAAc,IAAAC,GAAI,UAAAC,GAAU,GAAGC,MAASJ,GAE/CK,IAAWC,EAAwB,IAAI,GACvCC,IAAMC,EAAaC,EAAUJ,GAAUJ,CAAY,CAAC;AAI1D,SACE,gBAAAS,EAACZ,GAAA,EAAU,IAHOI,KAAM,QAGK,GAAGS,EAAWP,GAAM,EAAE,KAAAG,GAAK,GACrD,UAAAJ,EAAA,CACH;AAEJ;AAEAJ,EAAM,cAAc;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge-mMpNb3Qj.cjs.js","sources":["../../src/components/badge/badge.slots.tsx","../../src/components/badge/badge.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react\";\nimport { badgeRecipe } from \"./badge.recipe\";\nimport type {
|
|
1
|
+
{"version":3,"file":"badge-mMpNb3Qj.cjs.js","sources":["../../src/components/badge/badge.slots.tsx","../../src/components/badge/badge.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react\";\nimport { badgeRecipe } from \"./badge.recipe\";\nimport type { BadgeRootSlotProps } from \"./badge.types\";\n\nconst { withContext } = createRecipeContext({ recipe: badgeRecipe });\n\nexport const BadgeRoot = withContext<HTMLSpanElement, BadgeRootSlotProps>(\n \"span\"\n);\n","import { useRef } from \"react\";\nimport { BadgeRoot } from \"./badge.slots\";\nimport type { BadgeProps } from \"./badge.types\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport { useObjectRef, mergeProps } from \"react-aria\";\n/**\n * # Badge\n *\n * Briefly highlights or categorizes associated UI elements with concise visual cues for status or metadata.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/data-display/badge}\n */\n\nexport const Badge = (props: BadgeProps) => {\n const { ref: forwardedRef, as, children, ...rest } = props;\n\n const localRef = useRef<HTMLSpanElement>(null);\n const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n const elementType = as || \"span\";\n\n return (\n <BadgeRoot as={elementType} {...mergeProps(rest, { ref })}>\n {children}\n </BadgeRoot>\n );\n};\n\nBadge.displayName = \"Badge\";\n"],"names":["withContext","createRecipeContext","badgeRecipe","BadgeRoot","Badge","props","forwardedRef","as","children","rest","localRef","useRef","ref","useObjectRef","mergeRefs","elementType","jsx","mergeProps"],"mappings":"qOAIM,CAAE,YAAAA,CAAA,EAAgBC,EAAAA,oBAAoB,CAAE,OAAQC,EAAAA,YAAa,EAEtDC,EAAYH,EACvB,MACF,ECKaI,EAASC,GAAsB,CAC1C,KAAM,CAAE,IAAKC,EAAc,GAAAC,EAAI,SAAAC,EAAU,GAAGC,GAASJ,EAE/CK,EAAWC,EAAAA,OAAwB,IAAI,EACvCC,EAAMC,EAAAA,0CAAaC,EAAAA,UAAUJ,EAAUJ,CAAY,CAAC,EAEpDS,EAAcR,GAAM,OAE1B,OACES,MAACb,EAAA,CAAU,GAAIY,EAAc,GAAGE,4CAAWR,EAAM,CAAE,IAAAG,EAAK,EACrD,SAAAJ,CAAA,CACH,CAEJ,EAEAJ,EAAM,YAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-B5OOW-2z.cjs.js","sources":["../../src/components/button/button.slots.tsx","../../src/components/button/button.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react\";\nimport { buttonRecipe } from \"./button.recipe\";\nimport shouldForwardProp from \"@emotion/is-prop-valid\";\nimport { system } from \"@/theme\";\nimport type {
|
|
1
|
+
{"version":3,"file":"button-B5OOW-2z.cjs.js","sources":["../../src/components/button/button.slots.tsx","../../src/components/button/button.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react\";\nimport { buttonRecipe } from \"./button.recipe\";\nimport shouldForwardProp from \"@emotion/is-prop-valid\";\nimport { system } from \"@/theme\";\nimport type { ButtonRootSlotProps } from \"./button.types\";\n\nconst { withContext } = createRecipeContext({\n recipe: buttonRecipe,\n});\n\n/**\n * Root component that provides the styling context for the Button component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const ButtonRoot = withContext<HTMLButtonElement, ButtonRootSlotProps>(\n \"button\",\n {\n defaultProps: {\n type: \"button\",\n },\n /** make sure the `onPress` properties won't end up as attribute on the rendered DOM element */\n shouldForwardProp(prop, variantKeys) {\n const chakraSfp =\n !variantKeys?.includes(prop) && !system.isValidProperty(prop);\n return shouldForwardProp(prop) && chakraSfp && !prop.includes(\"onPress\");\n },\n }\n);\n","import { useRef } from \"react\";\nimport { useButton, useObjectRef, mergeProps } from \"react-aria\";\nimport { ButtonContext, useContextProps } from \"react-aria-components\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport { ButtonRoot } from \"./button.slots.tsx\";\nimport type { ButtonProps } from \"./button.types.ts\";\n\n/**\n * # Button\n *\n * Displays a Button.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/button}\n */\nexport const Button = (props: ButtonProps) => {\n const { ref: forwardedRef, as, asChild, children, ...rest } = props;\n\n // create a local ref (because the consumer may not provide a forwardedRef)\n const localRef = useRef<HTMLButtonElement>(null);\n // merge the local ref with a potentially forwarded ref\n const baseRef = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n // Consume context props based on slot (this enables slot-aware behavior)\n const [contextProps, contextRef] = useContextProps(\n rest,\n baseRef,\n ButtonContext\n );\n\n // if asChild is set, for react-aria to add the button-role, the elementType\n // has to be manually set to something else than button\n\n const elementType = as || (asChild ? \"a\" : \"button\") || \"button\";\n\n const { buttonProps } = useButton(\n {\n ...contextProps,\n elementType,\n },\n contextRef\n );\n\n const componentProps = mergeProps(contextProps, buttonProps, {\n as,\n asChild,\n /**\n * In case `slot` was null, the `useContextProps` hook already\n * processed it at this point, so it's safe to not attach it\n * to the DOM element\n */\n slot: contextProps.slot || undefined,\n });\n\n return (\n <ButtonRoot\n ref={contextRef}\n {...componentProps}\n aria-disabled={componentProps.isDisabled || undefined}\n data-disabled={componentProps.isDisabled || undefined}\n >\n {children}\n </ButtonRoot>\n );\n};\n\n// Manually assign a displayName for debugging purposes\nButton.displayName = \"Button\";\n"],"names":["withContext","createRecipeContext","buttonRecipe","ButtonRoot","prop","variantKeys","chakraSfp","system","shouldForwardProp","Button","props","forwardedRef","as","asChild","children","rest","localRef","useRef","baseRef","useObjectRef","mergeRefs","contextProps","contextRef","useContextProps","ButtonContext","elementType","buttonProps","useButton","componentProps","mergeProps","jsx"],"mappings":"qcAMM,CAAE,YAAAA,CAAA,EAAgBC,sBAAoB,CAC1C,OAAQC,EAAAA,YACV,CAAC,EAMYC,EAAaH,EACxB,SACA,CACE,aAAc,CACZ,KAAM,QAAA,EAGR,kBAAkBI,EAAMC,EAAa,CACnC,MAAMC,EACJ,CAACD,GAAa,SAASD,CAAI,GAAK,CAACG,EAAAA,OAAO,gBAAgBH,CAAI,EAC9D,OAAOI,EAAAA,YAAkBJ,CAAI,GAAKE,GAAa,CAACF,EAAK,SAAS,SAAS,CACzE,CAAA,CAEJ,ECbaK,EAAUC,GAAuB,CAC5C,KAAM,CAAE,IAAKC,EAAc,GAAAC,EAAI,QAAAC,EAAS,SAAAC,EAAU,GAAGC,GAASL,EAGxDM,EAAWC,EAAAA,OAA0B,IAAI,EAEzCC,EAAUC,EAAAA,0CAAaC,EAAAA,UAAUJ,EAAUL,CAAY,CAAC,EAGxD,CAACU,EAAcC,CAAU,EAAIC,EAAAA,0CACjCR,EACAG,EACAM,EAAAA,yCAAA,EAMIC,EAAcb,IAAOC,EAAU,IAAM,UAErC,CAAE,YAAAa,GAAgBC,EAAAA,0CACtB,CACE,GAAGN,EACH,YAAAI,CAAA,EAEFH,CAAA,EAGIM,EAAiBC,EAAAA,0CAAWR,EAAcK,EAAa,CAC3D,GAAAd,EACA,QAAAC,EAMA,KAAMQ,EAAa,MAAQ,MAAA,CAC5B,EAED,OACES,EAAAA,IAAC3B,EAAA,CACC,IAAKmB,EACJ,GAAGM,EACJ,gBAAeA,EAAe,YAAc,OAC5C,gBAAeA,EAAe,YAAc,OAE3C,SAAAd,CAAA,CAAA,CAGP,EAGAL,EAAO,YAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-IZUJaJku.es.js","sources":["../../src/components/button/button.slots.tsx","../../src/components/button/button.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react\";\nimport { buttonRecipe } from \"./button.recipe\";\nimport shouldForwardProp from \"@emotion/is-prop-valid\";\nimport { system } from \"@/theme\";\nimport type {
|
|
1
|
+
{"version":3,"file":"button-IZUJaJku.es.js","sources":["../../src/components/button/button.slots.tsx","../../src/components/button/button.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react\";\nimport { buttonRecipe } from \"./button.recipe\";\nimport shouldForwardProp from \"@emotion/is-prop-valid\";\nimport { system } from \"@/theme\";\nimport type { ButtonRootSlotProps } from \"./button.types\";\n\nconst { withContext } = createRecipeContext({\n recipe: buttonRecipe,\n});\n\n/**\n * Root component that provides the styling context for the Button component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const ButtonRoot = withContext<HTMLButtonElement, ButtonRootSlotProps>(\n \"button\",\n {\n defaultProps: {\n type: \"button\",\n },\n /** make sure the `onPress` properties won't end up as attribute on the rendered DOM element */\n shouldForwardProp(prop, variantKeys) {\n const chakraSfp =\n !variantKeys?.includes(prop) && !system.isValidProperty(prop);\n return shouldForwardProp(prop) && chakraSfp && !prop.includes(\"onPress\");\n },\n }\n);\n","import { useRef } from \"react\";\nimport { useButton, useObjectRef, mergeProps } from \"react-aria\";\nimport { ButtonContext, useContextProps } from \"react-aria-components\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport { ButtonRoot } from \"./button.slots.tsx\";\nimport type { ButtonProps } from \"./button.types.ts\";\n\n/**\n * # Button\n *\n * Displays a Button.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/button}\n */\nexport const Button = (props: ButtonProps) => {\n const { ref: forwardedRef, as, asChild, children, ...rest } = props;\n\n // create a local ref (because the consumer may not provide a forwardedRef)\n const localRef = useRef<HTMLButtonElement>(null);\n // merge the local ref with a potentially forwarded ref\n const baseRef = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n // Consume context props based on slot (this enables slot-aware behavior)\n const [contextProps, contextRef] = useContextProps(\n rest,\n baseRef,\n ButtonContext\n );\n\n // if asChild is set, for react-aria to add the button-role, the elementType\n // has to be manually set to something else than button\n\n const elementType = as || (asChild ? \"a\" : \"button\") || \"button\";\n\n const { buttonProps } = useButton(\n {\n ...contextProps,\n elementType,\n },\n contextRef\n );\n\n const componentProps = mergeProps(contextProps, buttonProps, {\n as,\n asChild,\n /**\n * In case `slot` was null, the `useContextProps` hook already\n * processed it at this point, so it's safe to not attach it\n * to the DOM element\n */\n slot: contextProps.slot || undefined,\n });\n\n return (\n <ButtonRoot\n ref={contextRef}\n {...componentProps}\n aria-disabled={componentProps.isDisabled || undefined}\n data-disabled={componentProps.isDisabled || undefined}\n >\n {children}\n </ButtonRoot>\n );\n};\n\n// Manually assign a displayName for debugging purposes\nButton.displayName = \"Button\";\n"],"names":["withContext","createRecipeContext","buttonRecipe","ButtonRoot","prop","variantKeys","chakraSfp","system","shouldForwardProp","Button","props","forwardedRef","as","asChild","children","rest","localRef","useRef","baseRef","useObjectRef","mergeRefs","contextProps","contextRef","useContextProps","ButtonContext","elementType","buttonProps","useButton","componentProps","mergeProps","jsx"],"mappings":";;;;;;;;;;;AAMA,MAAM,EAAE,aAAAA,EAAA,IAAgB,gBAAAC,EAAoB;AAAA,EAC1C,QAAQC;AACV,CAAC,GAMYC,IAAa,gBAAAH;AAAA,EACxB;AAAA,EACA;AAAA,IACE,cAAc;AAAA,MACZ,MAAM;AAAA,IAAA;AAAA;AAAA,IAGR,kBAAkBI,GAAMC,GAAa;AACnC,YAAMC,IACJ,CAACD,GAAa,SAASD,CAAI,KAAK,CAACG,EAAO,gBAAgBH,CAAI;AAC9D,aAAOI,EAAkBJ,CAAI,KAAKE,KAAa,CAACF,EAAK,SAAS,SAAS;AAAA,IACzE;AAAA,EAAA;AAEJ,GCbaK,IAAS,CAACC,MAAuB;AAC5C,QAAM,EAAE,KAAKC,GAAc,IAAAC,GAAI,SAAAC,GAAS,UAAAC,GAAU,GAAGC,MAASL,GAGxDM,IAAWC,EAA0B,IAAI,GAEzCC,IAAUC,EAAaC,EAAUJ,GAAUL,CAAY,CAAC,GAGxD,CAACU,GAAcC,CAAU,IAAIC;AAAAA,IACjCR;AAAA,IACAG;AAAA,IACAM;AAAAA,EAAA,GAMIC,IAAcb,MAAOC,IAAU,MAAM,WAErC,EAAE,aAAAa,MAAgBC;AAAAA,IACtB;AAAA,MACE,GAAGN;AAAA,MACH,aAAAI;AAAA,IAAA;AAAA,IAEFH;AAAA,EAAA,GAGIM,IAAiBC,EAAWR,GAAcK,GAAa;AAAA,IAC3D,IAAAd;AAAA,IACA,SAAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,MAAMQ,EAAa,QAAQ;AAAA,EAAA,CAC5B;AAED,SACE,gBAAAS;AAAA,IAAC3B;AAAA,IAAA;AAAA,MACC,KAAKmB;AAAA,MACJ,GAAGM;AAAA,MACJ,iBAAeA,EAAe,cAAc;AAAA,MAC5C,iBAAeA,EAAe,cAAc;AAAA,MAE3C,UAAAd;AAAA,IAAA;AAAA,EAAA;AAGP;AAGAL,EAAO,cAAc;"}
|