@commercetools/nimbus 3.1.0 → 3.2.0

package/dist/chunks/components-z7MLRzO-.esm.js

@@ -0,0 +1,193 @@
+import { i as e, n as t, t as n } from "./mergeProps-CGu7R6EG.esm.js";
+import { t as r } from "./filterDOMProps-CIO9R_wo.esm.js";
+import { t as i } from "./useControlledState-C0Hu0UZe.esm.js";
+import { n as a, t as o } from "./useDisclosureState-B3oMKVWN.esm.js";
+import { t as s } from "./useFocusRing-CYpmjNkh.esm.js";
+import { a as c, n as l, o as u, r as d, t as f } from "./utils-41EYzidf.esm.js";
+import { n as p, t as m } from "./Button-BS6XRDWw.esm.js";
+import { t as h } from "./flex-BB3-rbwF.esm.js";
+import { t as g } from "./extract-style-props-4RoFSvGV.esm.js";
+import _, { createContext as v, forwardRef as y, useContext as b, useEffect as x, useMemo as S } from "react";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { KeyboardArrowRight as T } from "@commercetools/nimbus-icons";
+import { createSlotRecipeContext as E, useSlotRecipe as D } from "@chakra-ui/react/styled-system";
+//#region ../../node_modules/.pnpm/react-stately@3.47.0_react@19.2.0/node_modules/react-stately/dist/private/disclosure/useDisclosureGroupState.mjs
+function O(e) {
+	let { allowsMultipleExpanded: t = !1, isDisabled: n = !1 } = e, [r, a] = i(S(() => e.expandedKeys ? new Set(e.expandedKeys) : void 0, [e.expandedKeys]), S(() => e.defaultExpandedKeys ? new Set(e.defaultExpandedKeys) : /* @__PURE__ */ new Set(), [e.defaultExpandedKeys]), e.onExpandedChange);
+	return x(() => {
+		if (!t && r.size > 1) {
+			let e = r.values().next().value;
+			e != null && a(new Set([e]));
+		}
+	}), {
+		allowsMultipleExpanded: t,
+		isDisabled: n,
+		expandedKeys: r,
+		setExpandedKeys: a,
+		toggleKey(e) {
+			let n;
+			t ? (n = new Set(r), n.has(e) ? n.delete(e) : n.add(e)) : n = new Set(r.has(e) ? [] : [e]), a(n);
+		}
+	};
+}
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria-components@1.18.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria-components/dist/private/Disclosure.mjs
+var k = /*#__PURE__*/ v(null), A = /*#__PURE__*/ y(function(e, t) {
+	let n = O(e), i = d({
+		...e,
+		defaultClassName: "react-aria-DisclosureGroup",
+		values: {
+			isDisabled: n.isDisabled,
+			state: n
+		}
+	}), a = r(e, { global: !0 });
+	return /*#__PURE__*/ _.createElement(u.div, {
+		...a,
+		...i,
+		ref: t,
+		"data-disabled": e.isDisabled || void 0
+	}, /*#__PURE__*/ _.createElement(k.Provider, { value: n }, i.children));
+}), j = /*#__PURE__*/ v(null), M = /*#__PURE__*/ v(null), N = /*#__PURE__*/ v(null), P = /*#__PURE__*/ y(function(t, i) {
+	[t, i] = l(t, i, j);
+	let p = b(k), { id: h, ...g } = t, v = e();
+	h ||= v;
+	let y = p ? p.expandedKeys.has(h) : t.isExpanded, x = o({
+		...t,
+		isExpanded: y,
+		onExpandedChange(e) {
+			p && p.toggleKey(h), t.onExpandedChange?.(e);
+		}
+	}), S = _.useRef(null), C = t.isDisabled || p?.isDisabled || !1, { buttonProps: w, panelProps: T } = a({
+		...t,
+		isExpanded: y,
+		isDisabled: C
+	}, x, S), { isFocusVisible: E, focusProps: D } = s({ within: !0 }), O = d({
+		...t,
+		id: void 0,
+		defaultClassName: "react-aria-Disclosure",
+		values: {
+			isExpanded: x.isExpanded,
+			isDisabled: C,
+			isFocusVisibleWithin: E,
+			state: x
+		}
+	}), A = r(g, { global: !0 });
+	return /*#__PURE__*/ _.createElement(f, { values: [
+		[m, { slots: {
+			[c]: {},
+			trigger: w
+		} }],
+		[N, {
+			panelProps: T,
+			panelRef: S
+		}],
+		[M, x]
+	] }, /*#__PURE__*/ _.createElement(u.div, {
+		...n(A, O, D),
+		ref: i,
+		"data-expanded": x.isExpanded || void 0,
+		"data-disabled": C || void 0,
+		"data-focus-visible-within": E || void 0
+	}, O.children));
+}), F = /*#__PURE__*/ y(function(e, i) {
+	let { role: a = "group" } = e, { panelProps: o, panelRef: c } = b(N), { isFocusVisible: l, focusProps: p } = s({ within: !0 }), h = d({
+		...e,
+		defaultClassName: "react-aria-DisclosurePanel",
+		values: { isFocusVisibleWithin: l }
+	}), g = r(e, {
+		global: !0,
+		labelable: !0
+	});
+	return /*#__PURE__*/ _.createElement(u.div, {
+		...n(g, h, o, p),
+		ref: t(i, c),
+		role: a,
+		"data-focus-visible-within": l || void 0
+	}, /*#__PURE__*/ _.createElement(f, { values: [[m, null]] }, e.children));
+}), { withProvider: I, withContext: L } = E({ key: "nimbusAccordion" }), R = I("div", "root"), z = L("div", "disclosure"), B = L("button", "trigger"), V = L("div", "panel"), H = L("div", "accordionTitle"), U = L("div", "headerContentRight"), W = (e) => {
+	let { ref: t, ...n } = e, [r, i] = D({ key: "nimbusAccordion" }).splitVariantProps(n), [a, o] = g(i);
+	return /* @__PURE__ */ C(R, {
+		ref: t,
+		...r,
+		...a,
+		asChild: !0,
+		children: /* @__PURE__ */ C(A, { ...o })
+	});
+};
+W.displayName = "Accordion.Root";
+//#endregion
+//#region src/components/accordion/components/accordion.item.tsx
+var G = ({ children: e, value: t, ref: n, ...r }) => {
+	let [i, a] = g(r), o = {
+		...a,
+		id: t
+	};
+	return /* @__PURE__ */ C(z, {
+		"data-value": t,
+		ref: n,
+		...i,
+		asChild: !0,
+		children: /* @__PURE__ */ C(P, {
+			...o,
+			children: e
+		})
+	});
+};
+G.displayName = "Accordion.Item";
+//#endregion
+//#region src/components/accordion/components/accordion.header-right-content.tsx
+var K = ({ children: e, ref: t, ...n }) => /* @__PURE__ */ C(U, {
+	ref: t,
+	...n,
+	children: e
+});
+K.displayName = "Accordion.HeaderRightContent";
+//#endregion
+//#region src/components/accordion/components/accordion.header.tsx
+var q = ({ children: e, ref: t, ...n }) => {
+	let [r, i] = g(n), a = S(() => {
+		let t = [], n = [];
+		return _.Children.forEach(e, (e) => {
+			_.isValidElement(e) && (e.type === K || e.type === U) ? n.push(e) : t.push(e);
+		}), {
+			main: t,
+			rightContent: n
+		};
+	}, [e]);
+	return /* @__PURE__ */ w(h, {
+		justifyContent: "space-between",
+		alignItems: "center",
+		borderBottom: "solid-25",
+		borderColor: "neutral.4",
+		...r,
+		children: [/* @__PURE__ */ C(B, {
+			ref: t,
+			slot: "trigger",
+			asChild: !0,
+			children: /* @__PURE__ */ w(p, {
+				...i,
+				children: [/* @__PURE__ */ C(T, {}), /* @__PURE__ */ C(H, { children: a.main })]
+			})
+		}), a.rightContent.length > 0 && /* @__PURE__ */ C(U, { children: a.rightContent })]
+	});
+};
+q.displayName = "Accordion.Header";
+//#endregion
+//#region src/components/accordion/components/accordion.content.tsx
+var J = ({ children: e, ref: t, ...n }) => {
+	let [r, i] = g(n);
+	return /* @__PURE__ */ C(V, {
+		ref: t,
+		...r,
+		asChild: !0,
+		children: /* @__PURE__ */ C(F, {
+			...i,
+			children: e
+		})
+	});
+};
+J.displayName = "Accordion.Content";
+//#endregion
+export { W as a, G as i, q as n, K as r, J as t };
+
+//# sourceMappingURL=components-z7MLRzO-.esm.js.map

package/dist/chunks/components-z7MLRzO-.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-z7MLRzO-.esm.js","names":["$ilT6J$useMemo","$ilT6J$useEffect","$evqUs$createContext","$evqUs$forwardRef","$evqUs$useDisclosureGroupState","$evqUs$filterDOMProps","$evqUs$react","$evqUs$useContext","$evqUs$useId","$evqUs$useDisclosureState","$evqUs$useDisclosure","$evqUs$useFocusRing","$evqUs$mergeProps","$evqUs$mergeRefs"],"sources":["../../../../node_modules/.pnpm/react-stately@3.47.0_react@19.2.0/node_modules/react-stately/dist/private/disclosure/useDisclosureGroupState.mjs","../../../../node_modules/.pnpm/react-aria-components@1.18.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria-components/dist/private/Disclosure.mjs","../../src/components/accordion/accordion.slots.tsx","../../src/components/accordion/components/accordion.root.tsx","../../src/components/accordion/components/accordion.item.tsx","../../src/components/accordion/components/accordion.header-right-content.tsx","../../src/components/accordion/components/accordion.header.tsx","../../src/components/accordion/components/accordion.content.tsx"],"sourcesContent":["import {useControlledState as $3e6197669829fe11$export$40bfa8c7b0832715} from \"../utils/useControlledState.mjs\";\nimport {useMemo as $ilT6J$useMemo, useEffect as $ilT6J$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 $29a18fa139197b5c$export$f36461af0ef4707d(props) {\n    let { allowsMultipleExpanded: allowsMultipleExpanded = false, isDisabled: isDisabled = false } = props;\n    let [expandedKeys, setExpandedKeys] = (0, $3e6197669829fe11$export$40bfa8c7b0832715)((0, $ilT6J$useMemo)(()=>props.expandedKeys ? new Set(props.expandedKeys) : undefined, [\n        props.expandedKeys\n    ]), (0, $ilT6J$useMemo)(()=>props.defaultExpandedKeys ? new Set(props.defaultExpandedKeys) : new Set(), [\n        props.defaultExpandedKeys\n    ]), props.onExpandedChange);\n    (0, $ilT6J$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 {$29a18fa139197b5c$export$f36461af0ef4707d as useDisclosureGroupState};\n//# sourceMappingURL=useDisclosureGroupState.mjs.map\n","import {ButtonContext as $7705c033048f6da7$export$24d547caef80ccd1} from \"./Button.mjs\";\nimport {DEFAULT_SLOT as $7230ffa83bc0c2cf$export$c62b8e45d58ddad9, dom as $7230ffa83bc0c2cf$export$df3a06d6289f983e, Provider as $7230ffa83bc0c2cf$export$2881499e37b75b9a, useContextProps as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, useRenderProps as $7230ffa83bc0c2cf$export$4d86445c2cf5e3} from \"./utils.mjs\";\nimport {useDisclosure as $evqUs$useDisclosure} from \"react-aria/useDisclosure\";\nimport {useDisclosureGroupState as $evqUs$useDisclosureGroupState} from \"react-stately/useDisclosureGroupState\";\nimport {useDisclosureState as $evqUs$useDisclosureState} from \"react-stately/useDisclosureState\";\nimport {filterDOMProps as $evqUs$filterDOMProps} from \"react-aria/filterDOMProps\";\nimport {mergeProps as $evqUs$mergeProps} from \"react-aria/mergeProps\";\nimport {mergeRefs as $evqUs$mergeRefs} from \"react-aria/mergeRefs\";\nimport $evqUs$react, {createContext as $evqUs$createContext, forwardRef as $evqUs$forwardRef, useContext as $evqUs$useContext} from \"react\";\nimport {useFocusRing as $evqUs$useFocusRing} from \"react-aria/useFocusRing\";\nimport {useId as $evqUs$useId} from \"react-aria/useId\";\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\n\n\n\n\n\nconst $a3e16eab0ea4036c$export$1d40e3e0cc4d5de = /*#__PURE__*/ (0, $evqUs$createContext)(null);\nconst $a3e16eab0ea4036c$export$944aceb4f8c89f10 = /*#__PURE__*/ (0, $evqUs$forwardRef)(function DisclosureGroup(props, ref) {\n    let state = (0, $evqUs$useDisclosureGroupState)(props);\n    let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({\n        ...props,\n        defaultClassName: 'react-aria-DisclosureGroup',\n        values: {\n            isDisabled: state.isDisabled,\n            state: state\n        }\n    });\n    let domProps = (0, $evqUs$filterDOMProps)(props, {\n        global: true\n    });\n    return /*#__PURE__*/ (0, $evqUs$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).div, {\n        ...domProps,\n        ...renderProps,\n        ref: ref,\n        \"data-disabled\": props.isDisabled || undefined\n    }, /*#__PURE__*/ (0, $evqUs$react).createElement($a3e16eab0ea4036c$export$1d40e3e0cc4d5de.Provider, {\n        value: state\n    }, renderProps.children));\n});\nconst $a3e16eab0ea4036c$export$d665dd135a51b28a = /*#__PURE__*/ (0, $evqUs$createContext)(null);\nconst $a3e16eab0ea4036c$export$dab3ea4a6ef094da = /*#__PURE__*/ (0, $evqUs$createContext)(null);\nconst $a3e16eab0ea4036c$var$InternalDisclosureContext = /*#__PURE__*/ (0, $evqUs$createContext)(null);\nconst $a3e16eab0ea4036c$export$74a362b31437ec83 = /*#__PURE__*/ (0, $evqUs$forwardRef)(function Disclosure(props, ref) {\n    [props, ref] = (0, $7230ffa83bc0c2cf$export$29f1550f4b0d4415)(props, ref, $a3e16eab0ea4036c$export$d665dd135a51b28a);\n    let groupState = (0, $evqUs$useContext)($a3e16eab0ea4036c$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, $evqUs$useId)();\n    id ||= defaultId;\n    let isExpanded = groupState ? groupState.expandedKeys.has(id) : props.isExpanded;\n    let state = (0, $evqUs$useDisclosureState)({\n        ...props,\n        isExpanded: isExpanded,\n        onExpandedChange (isExpanded) {\n            if (groupState) groupState.toggleKey(id);\n            props.onExpandedChange?.(isExpanded);\n        }\n    });\n    let panelRef = (0, $evqUs$react).useRef(null);\n    let isDisabled = props.isDisabled || groupState?.isDisabled || false;\n    let { buttonProps: buttonProps, panelProps: panelProps } = (0, $evqUs$useDisclosure)({\n        ...props,\n        isExpanded: isExpanded,\n        isDisabled: isDisabled\n    }, state, panelRef);\n    let { isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps } = (0, $evqUs$useFocusRing)({\n        within: true\n    });\n    let renderProps = (0, $7230ffa83bc0c2cf$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, $evqUs$filterDOMProps)(otherProps, {\n        global: true\n    });\n    return /*#__PURE__*/ (0, $evqUs$react).createElement((0, $7230ffa83bc0c2cf$export$2881499e37b75b9a), {\n        values: [\n            [\n                (0, $7705c033048f6da7$export$24d547caef80ccd1),\n                {\n                    slots: {\n                        [(0, $7230ffa83bc0c2cf$export$c62b8e45d58ddad9)]: {},\n                        trigger: buttonProps\n                    }\n                }\n            ],\n            [\n                $a3e16eab0ea4036c$var$InternalDisclosureContext,\n                {\n                    panelProps: panelProps,\n                    panelRef: panelRef\n                }\n            ],\n            [\n                $a3e16eab0ea4036c$export$dab3ea4a6ef094da,\n                state\n            ]\n        ]\n    }, /*#__PURE__*/ (0, $evqUs$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).div, {\n        ...(0, $evqUs$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 $a3e16eab0ea4036c$export$feabaa331e1d464c = /*#__PURE__*/ (0, $evqUs$forwardRef)(function DisclosurePanel(props, ref) {\n    let { role: role = 'group' } = props;\n    let { panelProps: panelProps, panelRef: panelRef } = (0, $evqUs$useContext)($a3e16eab0ea4036c$var$InternalDisclosureContext);\n    let { isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps } = (0, $evqUs$useFocusRing)({\n        within: true\n    });\n    let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({\n        ...props,\n        defaultClassName: 'react-aria-DisclosurePanel',\n        values: {\n            isFocusVisibleWithin: isFocusVisibleWithin\n        }\n    });\n    let DOMProps = (0, $evqUs$filterDOMProps)(props, {\n        global: true,\n        labelable: true\n    });\n    return /*#__PURE__*/ (0, $evqUs$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).div, {\n        ...(0, $evqUs$mergeProps)(DOMProps, renderProps, panelProps, focusWithinProps),\n        ref: (0, $evqUs$mergeRefs)(ref, panelRef),\n        role: role,\n        \"data-focus-visible-within\": isFocusVisibleWithin || undefined\n    }, /*#__PURE__*/ (0, $evqUs$react).createElement((0, $7230ffa83bc0c2cf$export$2881499e37b75b9a), {\n        values: [\n            [\n                (0, $7705c033048f6da7$export$24d547caef80ccd1),\n                null\n            ]\n        ]\n    }, props.children));\n});\n\n\nexport {$a3e16eab0ea4036c$export$1d40e3e0cc4d5de as DisclosureGroupStateContext, $a3e16eab0ea4036c$export$944aceb4f8c89f10 as DisclosureGroup, $a3e16eab0ea4036c$export$d665dd135a51b28a as DisclosureContext, $a3e16eab0ea4036c$export$dab3ea4a6ef094da as DisclosureStateContext, $a3e16eab0ea4036c$export$74a362b31437ec83 as Disclosure, $a3e16eab0ea4036c$export$feabaa331e1d464c as DisclosurePanel};\n//# sourceMappingURL=Disclosure.mjs.map\n","import {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n} from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type { AccordionRootSlotProps } from \"./accordion.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusAccordion\",\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\";\n\n/**\n * Accordion.Root\n *\n * Provides context and configuration for all accordion items.\n *\n * @supportsStyleProps\n */\nexport const AccordionRoot = (props: AccordionRootProps) => {\n  const { ref, ...restProps } = props;\n  const recipe = useSlotRecipe({ key: \"nimbusAccordion\" });\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\nAccordionRoot.displayName = \"Accordion.Root\";\n","import { AccordionDisclosureSlot } from \"../accordion.slots\";\nimport { Disclosure as RaDisclosure } from \"react-aria-components\";\nimport type { AccordionItemProps } from \"../accordion.types\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * Accordion.Item - An individual accordion item\n *\n * Contains a header and collapsible content.\n * Multiple items can be placed within an Accordion.Root.\n *\n * @supportsStyleProps\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\nAccordionItem.displayName = \"Accordion.Item\";\n","import { AccordionHeaderRightContentSlot } from \"../accordion.slots\";\nimport type { AccordionHeaderRightContentProps } from \"../accordion.types\";\n\n/**\n * Accordion.HeaderRightContent - Content displayed on the right side of the accordion header\n *\n * Used to add actions, badges, or additional information to the header.\n * Positioned to the right of the header title.\n *\n * @supportsStyleProps\n */\nexport const AccordionHeaderRightContent = ({\n  children,\n  ref,\n  ...props\n}: AccordionHeaderRightContentProps) => {\n  return (\n    <AccordionHeaderRightContentSlot ref={ref} {...props}>\n      {children}\n    </AccordionHeaderRightContentSlot>\n  );\n};\n\nAccordionHeaderRightContent.displayName = \"Accordion.HeaderRightContent\";\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\";\nimport { AccordionHeaderRightContent } from \"./accordion.header-right-content\";\n\n/**\n * Accordion.Header - The clickable header for accordion items\n *\n * Expands/collapses the accordion content when activated.\n * Handles keyboard and mouse interactions.\n *\n * @supportsStyleProps\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 === AccordionHeaderRightContent ||\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\nAccordionHeader.displayName = \"Accordion.Header\";\n","import { AccordionPanelSlot } from \"../accordion.slots\";\nimport { DisclosurePanel as RaDisclosurePanel } from \"react-aria-components\";\nimport type { AccordionContentProps } from \"../accordion.types\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * Accordion.Content - The collapsible content area\n *\n * Contains the main content that is shown/hidden when the header is activated.\n *\n * @supportsStyleProps\n */\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\nAccordionContent.displayName = \"Accordion.Content\";\n"],"x_google_ignoreList":[0,1],"mappings":"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"}

package/dist/chunks/confirmation-dialog-B7wfR9o0.cjs

@@ -0,0 +1,2 @@
+const e=require("./useControlledState-CvFKqlKF.cjs.js"),t=require("./loading-spinner-dBrg6bRi.cjs.js"),n=require("./normalize-messages-BMIBfw4v.cjs.js"),r=require("./dialog-XLoAxfTo.cjs.js"),i=require("./button-DDlet23P.cjs.js");let a=require("react/jsx-runtime");var o={en:n.t({cancel:`Cancel`,confirm:`Confirm`}),de:n.t({cancel:`Abbrechen`,confirm:`Bestätigen`}),es:n.t({cancel:`Cancelar`,confirm:`Confirmar`}),"fr-FR":n.t({cancel:`Annuler`,confirm:`Confirmer`}),"pt-BR":n.t({cancel:`Cancelar`,confirm:`Confirmar`})},s=({title:s,children:c,onConfirm:l,onCancel:u,isOpen:d,defaultOpen:f,onOpenChange:p,confirmLabel:m,cancelLabel:h,intent:g=`default`,isConfirmDisabled:_=!1,isConfirmLoading:v=!1,"aria-label":y})=>{let b=n.n(o),[x,S]=e.t(d,f??!1,p),C=m??b.format(`confirm`),w=h??b.format(`cancel`),T=g===`destructive`?`critical`:`primary`;return(0,a.jsx)(r.t.Root,{isOpen:x,onOpenChange:e=>{e||u(),S(e)},"aria-label":y,isDismissable:!v,isKeyboardDismissDisabled:v,scrollBehavior:`inside`,children:(0,a.jsxs)(r.t.Content,{children:[(0,a.jsxs)(r.t.Header,{children:[(0,a.jsx)(r.t.Title,{children:s}),(0,a.jsx)(r.t.CloseTrigger,{isDisabled:v})]}),(0,a.jsx)(r.t.Body,{children:c}),(0,a.jsxs)(r.t.Footer,{children:[(0,a.jsx)(i.t,{variant:`outline`,isDisabled:v,onPress:()=>{u(),S(!1)},children:w}),(0,a.jsxs)(i.t,{variant:`solid`,colorPalette:T,isDisabled:_||v,onPress:async()=>{let e=l();if(e!==void 0&&typeof e.then==`function`)try{await e,S(!1)}catch{}else S(!1)},children:[C,v&&(0,a.jsx)(t.t,{ml:`100`,size:`2xs`})]})]})]})})};s.displayName=`ConfirmationDialog`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});
+//# sourceMappingURL=confirmation-dialog-B7wfR9o0.cjs.js.map

package/dist/chunks/confirmation-dialog-B7wfR9o0.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirmation-dialog-B7wfR9o0.cjs.js","names":[],"sources":["../../src/patterns/dialogs/confirmation-dialog/intl/en.ts","../../src/patterns/dialogs/confirmation-dialog/intl/de.ts","../../src/patterns/dialogs/confirmation-dialog/intl/es.ts","../../src/patterns/dialogs/confirmation-dialog/intl/fr-FR.ts","../../src/patterns/dialogs/confirmation-dialog/intl/pt-BR.ts","../../src/patterns/dialogs/confirmation-dialog/confirmation-dialog.messages.ts","../../src/patterns/dialogs/confirmation-dialog/confirmation-dialog.tsx"],"sourcesContent":["/**\n * Pre-compiled en messages for ConfirmationDialog\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { cancel: `Cancel`, confirm: `Confirm` };\n","/**\n * Pre-compiled de messages for ConfirmationDialog\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { cancel: `Abbrechen`, confirm: `Bestätigen` };\n","/**\n * Pre-compiled es messages for ConfirmationDialog\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { cancel: `Cancelar`, confirm: `Confirmar` };\n","/**\n * Pre-compiled fr-FR messages for ConfirmationDialog\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { cancel: `Annuler`, confirm: `Confirmer` };\n","/**\n * Pre-compiled pt-BR messages for ConfirmationDialog\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { cancel: `Cancelar`, confirm: `Confirmar` };\n","/**\n * Pre-compiled localized messages for ConfirmationDialog component\n *\n * Generated by scripts/generate-dictionaries.ts\n * DO NOT EDIT MANUALLY\n *\n * @see https://react-spectrum.adobe.com/react-aria/internationalization.html\n */\n\nimport {\n  type LocalizedString,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { normalizeMessages } from \"../../../utils/normalize-messages\";\n\n// Pre-compiled message functions\nimport confirmationDialogMessages_en from \"./intl/en\";\nimport confirmationDialogMessages_de from \"./intl/de\";\nimport confirmationDialogMessages_es from \"./intl/es\";\nimport confirmationDialogMessages_fr from \"./intl/fr-FR\";\nimport confirmationDialogMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const confirmationDialogMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(confirmationDialogMessages_en),\n  de: normalizeMessages(confirmationDialogMessages_de),\n  es: normalizeMessages(confirmationDialogMessages_es),\n  \"fr-FR\": normalizeMessages(confirmationDialogMessages_fr),\n  \"pt-BR\": normalizeMessages(confirmationDialogMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for ConfirmationDialog component\n */\nexport type ConfirmationDialogMessageKey = \"cancel\" | \"confirm\";\n","import { useControlledState } from \"react-stately/useControlledState\";\nimport { Button } from \"@/components/button/button\";\nimport { Dialog } from \"@/components/dialog/dialog\";\nimport { LoadingSpinner } from \"@/components/loading-spinner/loading-spinner\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { confirmationDialogMessagesStrings } from \"./confirmation-dialog.messages\";\nimport type { ConfirmationDialogProps } from \"./confirmation-dialog.types\";\n\n/**\n * # ConfirmationDialog\n *\n * A pre-composed confirm/cancel dialog pattern built on top of the Nimbus\n * `Dialog` and `Button` primitives. Exposes a flat API\n * (`title`, `children`, `onConfirm`, `onCancel`, plus optional state, label,\n * intent, and accessibility props) for the common case of asking the user\n * \"are you sure?\" before a confirm/cancel action.\n *\n * Close affordances: clicking the cancel button, the X button in the\n * header, pressing Escape, or clicking the overlay all invoke `onCancel`\n * and `onOpenChange(false)`. Clicking the confirm button invokes\n * `onConfirm` and then closes — synchronously for `void` returns, or\n * after the returned `Promise` fulfills for async confirms; rejected\n * promises leave the dialog open. The confirm path never fires\n * `onCancel`.\n *\n * When `isConfirmLoading` is `true` the entire dialog is locked: the\n * confirm button shows a spinner and is disabled, the cancel button is\n * disabled, and Escape / overlay click / close-button click are all\n * suppressed.\n *\n * @example\n * ```tsx\n * const [isOpen, setIsOpen] = useState(false);\n *\n * <ConfirmationDialog\n *   title=\"Delete project\"\n *   intent=\"destructive\"\n *   isOpen={isOpen}\n *   onOpenChange={setIsOpen}\n *   onConfirm={handleDelete}\n *   onCancel={() => setIsOpen(false)}\n * >\n *   <Text>This action cannot be undone.</Text>\n * </ConfirmationDialog>\n * ```\n */\nexport const ConfirmationDialog = ({\n  title,\n  children,\n  onConfirm,\n  onCancel,\n  isOpen,\n  defaultOpen,\n  onOpenChange,\n  confirmLabel,\n  cancelLabel,\n  intent = \"default\",\n  isConfirmDisabled = false,\n  isConfirmLoading = false,\n  \"aria-label\": ariaLabel,\n}: ConfirmationDialogProps) => {\n  const msg = useLocalizedStringFormatter(confirmationDialogMessagesStrings);\n\n  // Internalize open state so we can close the dialog from our cancel\n  // and confirm buttons without relying on `slot=\"close\"` (which races\n  // its `onOpenChange` notification against the button's `onPress`\n  // handler and double-fires the cancel callback).\n  const [open, setOpen] = useControlledState<boolean>(\n    isOpen,\n    defaultOpen ?? false,\n    onOpenChange\n  );\n\n  const resolvedConfirmLabel = confirmLabel ?? msg.format(\"confirm\");\n  const resolvedCancelLabel = cancelLabel ?? msg.format(\"cancel\");\n  const confirmColorPalette = intent === \"destructive\" ? \"critical\" : \"primary\";\n\n  const handleConfirm = async () => {\n    const result = onConfirm();\n    // If the consumer returns a Promise, wait for it to settle before\n    // closing — otherwise the dialog vanishes synchronously and the\n    // consumer's `isConfirmLoading` lockout never paints. On rejection\n    // we stay open so the consumer can surface an error and let the\n    // user retry.\n    if (\n      result !== undefined &&\n      typeof (result as Promise<void>).then === \"function\"\n    ) {\n      try {\n        await result;\n        setOpen(false);\n      } catch {\n        // intentional: stay open on rejection\n      }\n    } else {\n      setOpen(false);\n    }\n  };\n\n  const handleCancelButton = () => {\n    onCancel();\n    setOpen(false);\n  };\n\n  // `Dialog.Root` invokes its `onOpenChange` for dismiss paths not\n  // driven by an explicit `onPress` in this component — Escape,\n  // overlay click, and the close-button X (which is `slot=\"close\"`\n  // inside Dialog.CloseTrigger). Our cancel and confirm buttons close\n  // via `setOpen(false)` directly and do NOT route through this\n  // callback.\n  const handleAmbientOpenChange = (newOpen: boolean) => {\n    if (!newOpen) {\n      onCancel();\n    }\n    setOpen(newOpen);\n  };\n\n  return (\n    <Dialog.Root\n      isOpen={open}\n      onOpenChange={handleAmbientOpenChange}\n      aria-label={ariaLabel}\n      isDismissable={!isConfirmLoading}\n      isKeyboardDismissDisabled={isConfirmLoading}\n      scrollBehavior=\"inside\"\n    >\n      <Dialog.Content>\n        <Dialog.Header>\n          <Dialog.Title>{title}</Dialog.Title>\n          <Dialog.CloseTrigger isDisabled={isConfirmLoading} />\n        </Dialog.Header>\n        <Dialog.Body>{children}</Dialog.Body>\n        <Dialog.Footer>\n          <Button\n            variant=\"outline\"\n            isDisabled={isConfirmLoading}\n            onPress={handleCancelButton}\n          >\n            {resolvedCancelLabel}\n          </Button>\n          <Button\n            variant=\"solid\"\n            colorPalette={confirmColorPalette}\n            isDisabled={isConfirmDisabled || isConfirmLoading}\n            onPress={handleConfirm}\n          >\n            {resolvedConfirmLabel}\n            {isConfirmLoading && <LoadingSpinner ml=\"100\" size=\"2xs\" />}\n          </Button>\n        </Dialog.Footer>\n      </Dialog.Content>\n    </Dialog.Root>\n  );\n};\n\nConfirmationDialog.displayName = \"ConfirmationDialog\";\n"],"mappings":"wQKuBA,IAAa,EAGT,CACF,GAAI,EAAA,EAAkB,CLrBP,OAAQ,SAAU,QAAS,SKqBpB,CAA6B,EACnD,GAAI,EAAA,EAAkB,CJtBP,OAAQ,YAAa,QAAS,YIsBvB,CAA6B,EACnD,GAAI,EAAA,EAAkB,CHvBP,OAAQ,WAAY,QAAS,WGuBtB,CAA6B,EACnD,QAAS,EAAA,EAAkB,CFxBZ,OAAQ,UAAW,QAAS,WEwBhB,CAA6B,EACxD,QAAS,EAAA,EAAkB,CDzBZ,OAAQ,WAAY,QAAS,WCyBjB,CAA6B,CAC1D,ECca,GAAsB,CACjC,QACA,WACA,YACA,WACA,SACA,cACA,eACA,eACA,cACA,SAAS,UACT,oBAAoB,GACpB,mBAAmB,GACnB,aAAc,KACe,CAC7B,IAAM,EAAM,EAAA,EAA4B,CAAiC,EAMnE,CAAC,EAAM,GAAW,EAAA,EACtB,EACA,GAAe,GACf,CACF,EAEM,EAAuB,GAAgB,EAAI,OAAO,SAAS,EAC3D,EAAsB,GAAe,EAAI,OAAO,QAAQ,EACxD,EAAsB,IAAW,cAAgB,WAAa,UA0CpE,OACE,EAAA,EAAA,KAAC,EAAA,EAAO,KAAR,CACE,OAAQ,EACR,aAV6B,GAAqB,CAC/C,GACH,EAAS,EAEX,EAAQ,CAAO,CACjB,EAMI,aAAY,EACZ,cAAe,CAAC,EAChB,0BAA2B,EAC3B,eAAe,mBAEf,EAAA,EAAA,MAAC,EAAA,EAAO,QAAR,CAAA,SAAA,EACE,EAAA,EAAA,MAAC,EAAA,EAAO,OAAR,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,EAAO,MAAR,CAAA,SAAe,CAAoB,CAAA,GACnC,EAAA,EAAA,KAAC,EAAA,EAAO,aAAR,CAAqB,WAAY,CAAmB,CAAA,CACvC,CAAA,CAAA,GACf,EAAA,EAAA,KAAC,EAAA,EAAO,KAAR,CAAc,UAAsB,CAAA,GACpC,EAAA,EAAA,MAAC,EAAA,EAAO,OAAR,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,EAAD,CACE,QAAQ,UACR,WAAY,EACZ,YArCuB,CAC/B,EAAS,EACT,EAAQ,EAAK,CACf,WAoCW,CACK,CAAA,GACR,EAAA,EAAA,MAAC,EAAA,EAAD,CACE,QAAQ,QACR,aAAc,EACd,WAAY,GAAqB,EACjC,QAAS,SAnEe,CAChC,IAAM,EAAS,EAAU,EAMzB,GACE,IAAW,IAAA,IACX,OAAQ,EAAyB,MAAS,WAE1C,GAAI,CACF,MAAM,EACN,EAAQ,EAAK,CACf,MAAQ,CAER,MAEA,EAAQ,EAAK,CAEjB,WA2CQ,CAMG,EACA,IAAoB,EAAA,EAAA,KAAC,EAAA,EAAD,CAAgB,GAAG,MAAM,KAAK,KAAO,CAAA,CACpD,GACK,CAAA,CAAA,CACD,CAAA,CAAA,CACL,CAAA,CAEjB,EAEA,EAAmB,YAAc"}

package/dist/chunks/confirmation-dialog-nDasu7DU.esm.js

@@ -0,0 +1,74 @@
+import { t as e } from "./useControlledState-C0Hu0UZe.esm.js";
+import { t } from "./loading-spinner-DZJpaT8b.esm.js";
+import { n, t as r } from "./normalize-messages-CKl8ms10.esm.js";
+import { t as i } from "./dialog-BbknnPiL.esm.js";
+import { t as a } from "./button-D5CV52ux.esm.js";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#endregion
+//#region src/patterns/dialogs/confirmation-dialog/confirmation-dialog.messages.ts
+var c = {
+	en: r({
+		cancel: "Cancel",
+		confirm: "Confirm"
+	}),
+	de: r({
+		cancel: "Abbrechen",
+		confirm: "Bestätigen"
+	}),
+	es: r({
+		cancel: "Cancelar",
+		confirm: "Confirmar"
+	}),
+	"fr-FR": r({
+		cancel: "Annuler",
+		confirm: "Confirmer"
+	}),
+	"pt-BR": r({
+		cancel: "Cancelar",
+		confirm: "Confirmar"
+	})
+}, l = ({ title: r, children: l, onConfirm: u, onCancel: d, isOpen: f, defaultOpen: p, onOpenChange: m, confirmLabel: h, cancelLabel: g, intent: _ = "default", isConfirmDisabled: v = !1, isConfirmLoading: y = !1, "aria-label": b }) => {
+	let x = n(c), [S, C] = e(f, p ?? !1, m), w = h ?? x.format("confirm"), T = g ?? x.format("cancel"), E = _ === "destructive" ? "critical" : "primary";
+	return /* @__PURE__ */ o(i.Root, {
+		isOpen: S,
+		onOpenChange: (e) => {
+			e || d(), C(e);
+		},
+		"aria-label": b,
+		isDismissable: !y,
+		isKeyboardDismissDisabled: y,
+		scrollBehavior: "inside",
+		children: /* @__PURE__ */ s(i.Content, { children: [
+			/* @__PURE__ */ s(i.Header, { children: [/* @__PURE__ */ o(i.Title, { children: r }), /* @__PURE__ */ o(i.CloseTrigger, { isDisabled: y })] }),
+			/* @__PURE__ */ o(i.Body, { children: l }),
+			/* @__PURE__ */ s(i.Footer, { children: [/* @__PURE__ */ o(a, {
+				variant: "outline",
+				isDisabled: y,
+				onPress: () => {
+					d(), C(!1);
+				},
+				children: T
+			}), /* @__PURE__ */ s(a, {
+				variant: "solid",
+				colorPalette: E,
+				isDisabled: v || y,
+				onPress: async () => {
+					let e = u();
+					if (e !== void 0 && typeof e.then == "function") try {
+						await e, C(!1);
+					} catch {}
+					else C(!1);
+				},
+				children: [w, y && /* @__PURE__ */ o(t, {
+					ml: "100",
+					size: "2xs"
+				})]
+			})] })
+		] })
+	});
+};
+l.displayName = "ConfirmationDialog";
+//#endregion
+export { l as t };
+
+//# sourceMappingURL=confirmation-dialog-nDasu7DU.esm.js.map

package/dist/chunks/confirmation-dialog-nDasu7DU.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirmation-dialog-nDasu7DU.esm.js","names":[],"sources":["../../src/patterns/dialogs/confirmation-dialog/intl/en.ts","../../src/patterns/dialogs/confirmation-dialog/intl/de.ts","../../src/patterns/dialogs/confirmation-dialog/intl/es.ts","../../src/patterns/dialogs/confirmation-dialog/intl/fr-FR.ts","../../src/patterns/dialogs/confirmation-dialog/intl/pt-BR.ts","../../src/patterns/dialogs/confirmation-dialog/confirmation-dialog.messages.ts","../../src/patterns/dialogs/confirmation-dialog/confirmation-dialog.tsx"],"sourcesContent":["/**\n * Pre-compiled en messages for ConfirmationDialog\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { cancel: `Cancel`, confirm: `Confirm` };\n","/**\n * Pre-compiled de messages for ConfirmationDialog\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { cancel: `Abbrechen`, confirm: `Bestätigen` };\n","/**\n * Pre-compiled es messages for ConfirmationDialog\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { cancel: `Cancelar`, confirm: `Confirmar` };\n","/**\n * Pre-compiled fr-FR messages for ConfirmationDialog\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { cancel: `Annuler`, confirm: `Confirmer` };\n","/**\n * Pre-compiled pt-BR messages for ConfirmationDialog\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { cancel: `Cancelar`, confirm: `Confirmar` };\n","/**\n * Pre-compiled localized messages for ConfirmationDialog component\n *\n * Generated by scripts/generate-dictionaries.ts\n * DO NOT EDIT MANUALLY\n *\n * @see https://react-spectrum.adobe.com/react-aria/internationalization.html\n */\n\nimport {\n  type LocalizedString,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { normalizeMessages } from \"../../../utils/normalize-messages\";\n\n// Pre-compiled message functions\nimport confirmationDialogMessages_en from \"./intl/en\";\nimport confirmationDialogMessages_de from \"./intl/de\";\nimport confirmationDialogMessages_es from \"./intl/es\";\nimport confirmationDialogMessages_fr from \"./intl/fr-FR\";\nimport confirmationDialogMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const confirmationDialogMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(confirmationDialogMessages_en),\n  de: normalizeMessages(confirmationDialogMessages_de),\n  es: normalizeMessages(confirmationDialogMessages_es),\n  \"fr-FR\": normalizeMessages(confirmationDialogMessages_fr),\n  \"pt-BR\": normalizeMessages(confirmationDialogMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for ConfirmationDialog component\n */\nexport type ConfirmationDialogMessageKey = \"cancel\" | \"confirm\";\n","import { useControlledState } from \"react-stately/useControlledState\";\nimport { Button } from \"@/components/button/button\";\nimport { Dialog } from \"@/components/dialog/dialog\";\nimport { LoadingSpinner } from \"@/components/loading-spinner/loading-spinner\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { confirmationDialogMessagesStrings } from \"./confirmation-dialog.messages\";\nimport type { ConfirmationDialogProps } from \"./confirmation-dialog.types\";\n\n/**\n * # ConfirmationDialog\n *\n * A pre-composed confirm/cancel dialog pattern built on top of the Nimbus\n * `Dialog` and `Button` primitives. Exposes a flat API\n * (`title`, `children`, `onConfirm`, `onCancel`, plus optional state, label,\n * intent, and accessibility props) for the common case of asking the user\n * \"are you sure?\" before a confirm/cancel action.\n *\n * Close affordances: clicking the cancel button, the X button in the\n * header, pressing Escape, or clicking the overlay all invoke `onCancel`\n * and `onOpenChange(false)`. Clicking the confirm button invokes\n * `onConfirm` and then closes — synchronously for `void` returns, or\n * after the returned `Promise` fulfills for async confirms; rejected\n * promises leave the dialog open. The confirm path never fires\n * `onCancel`.\n *\n * When `isConfirmLoading` is `true` the entire dialog is locked: the\n * confirm button shows a spinner and is disabled, the cancel button is\n * disabled, and Escape / overlay click / close-button click are all\n * suppressed.\n *\n * @example\n * ```tsx\n * const [isOpen, setIsOpen] = useState(false);\n *\n * <ConfirmationDialog\n *   title=\"Delete project\"\n *   intent=\"destructive\"\n *   isOpen={isOpen}\n *   onOpenChange={setIsOpen}\n *   onConfirm={handleDelete}\n *   onCancel={() => setIsOpen(false)}\n * >\n *   <Text>This action cannot be undone.</Text>\n * </ConfirmationDialog>\n * ```\n */\nexport const ConfirmationDialog = ({\n  title,\n  children,\n  onConfirm,\n  onCancel,\n  isOpen,\n  defaultOpen,\n  onOpenChange,\n  confirmLabel,\n  cancelLabel,\n  intent = \"default\",\n  isConfirmDisabled = false,\n  isConfirmLoading = false,\n  \"aria-label\": ariaLabel,\n}: ConfirmationDialogProps) => {\n  const msg = useLocalizedStringFormatter(confirmationDialogMessagesStrings);\n\n  // Internalize open state so we can close the dialog from our cancel\n  // and confirm buttons without relying on `slot=\"close\"` (which races\n  // its `onOpenChange` notification against the button's `onPress`\n  // handler and double-fires the cancel callback).\n  const [open, setOpen] = useControlledState<boolean>(\n    isOpen,\n    defaultOpen ?? false,\n    onOpenChange\n  );\n\n  const resolvedConfirmLabel = confirmLabel ?? msg.format(\"confirm\");\n  const resolvedCancelLabel = cancelLabel ?? msg.format(\"cancel\");\n  const confirmColorPalette = intent === \"destructive\" ? \"critical\" : \"primary\";\n\n  const handleConfirm = async () => {\n    const result = onConfirm();\n    // If the consumer returns a Promise, wait for it to settle before\n    // closing — otherwise the dialog vanishes synchronously and the\n    // consumer's `isConfirmLoading` lockout never paints. On rejection\n    // we stay open so the consumer can surface an error and let the\n    // user retry.\n    if (\n      result !== undefined &&\n      typeof (result as Promise<void>).then === \"function\"\n    ) {\n      try {\n        await result;\n        setOpen(false);\n      } catch {\n        // intentional: stay open on rejection\n      }\n    } else {\n      setOpen(false);\n    }\n  };\n\n  const handleCancelButton = () => {\n    onCancel();\n    setOpen(false);\n  };\n\n  // `Dialog.Root` invokes its `onOpenChange` for dismiss paths not\n  // driven by an explicit `onPress` in this component — Escape,\n  // overlay click, and the close-button X (which is `slot=\"close\"`\n  // inside Dialog.CloseTrigger). Our cancel and confirm buttons close\n  // via `setOpen(false)` directly and do NOT route through this\n  // callback.\n  const handleAmbientOpenChange = (newOpen: boolean) => {\n    if (!newOpen) {\n      onCancel();\n    }\n    setOpen(newOpen);\n  };\n\n  return (\n    <Dialog.Root\n      isOpen={open}\n      onOpenChange={handleAmbientOpenChange}\n      aria-label={ariaLabel}\n      isDismissable={!isConfirmLoading}\n      isKeyboardDismissDisabled={isConfirmLoading}\n      scrollBehavior=\"inside\"\n    >\n      <Dialog.Content>\n        <Dialog.Header>\n          <Dialog.Title>{title}</Dialog.Title>\n          <Dialog.CloseTrigger isDisabled={isConfirmLoading} />\n        </Dialog.Header>\n        <Dialog.Body>{children}</Dialog.Body>\n        <Dialog.Footer>\n          <Button\n            variant=\"outline\"\n            isDisabled={isConfirmLoading}\n            onPress={handleCancelButton}\n          >\n            {resolvedCancelLabel}\n          </Button>\n          <Button\n            variant=\"solid\"\n            colorPalette={confirmColorPalette}\n            isDisabled={isConfirmDisabled || isConfirmLoading}\n            onPress={handleConfirm}\n          >\n            {resolvedConfirmLabel}\n            {isConfirmLoading && <LoadingSpinner ml=\"100\" size=\"2xs\" />}\n          </Button>\n        </Dialog.Footer>\n      </Dialog.Content>\n    </Dialog.Root>\n  );\n};\n\nConfirmationDialog.displayName = \"ConfirmationDialog\";\n"],"mappings":";;;;;;;;AKuBA,IAAa,IAGT;CACF,IAAI,EAAkB;ELrBP,QAAQ;EAAU,SAAS;CKqBpB,CAA6B;CACnD,IAAI,EAAkB;EJtBP,QAAQ;EAAa,SAAS;CIsBvB,CAA6B;CACnD,IAAI,EAAkB;EHvBP,QAAQ;EAAY,SAAS;CGuBtB,CAA6B;CACnD,SAAS,EAAkB;EFxBZ,QAAQ;EAAW,SAAS;CEwBhB,CAA6B;CACxD,SAAS,EAAkB;EDzBZ,QAAQ;EAAY,SAAS;CCyBjB,CAA6B;AAC1D,GCca,KAAsB,EACjC,UACA,aACA,cACA,aACA,WACA,gBACA,iBACA,iBACA,gBACA,YAAS,WACT,uBAAoB,IACpB,sBAAmB,IACnB,cAAc,QACe;CAC7B,IAAM,IAAM,EAA4B,CAAiC,GAMnE,CAAC,GAAM,KAAW,EACtB,GACA,KAAe,IACf,CACF,GAEM,IAAuB,KAAgB,EAAI,OAAO,SAAS,GAC3D,IAAsB,KAAe,EAAI,OAAO,QAAQ,GACxD,IAAsB,MAAW,gBAAgB,aAAa;CA0CpE,OACE,kBAAC,EAAO,MAAR;EACE,QAAQ;EACR,eAV6B,MAAqB;GAIpD,AAHK,KACH,EAAS,GAEX,EAAQ,CAAO;EACjB;EAMI,cAAY;EACZ,eAAe,CAAC;EAChB,2BAA2B;EAC3B,gBAAe;YAEf,kBAAC,EAAO,SAAR,EAAA,UAAA;GACE,kBAAC,EAAO,QAAR,EAAA,UAAA,CACE,kBAAC,EAAO,OAAR,EAAA,UAAe,EAAoB,CAAA,GACnC,kBAAC,EAAO,cAAR,EAAqB,YAAY,EAAmB,CAAA,CACvC,EAAA,CAAA;GACf,kBAAC,EAAO,MAAR,EAAc,YAAsB,CAAA;GACpC,kBAAC,EAAO,QAAR,EAAA,UAAA,CACE,kBAAC,GAAD;IACE,SAAQ;IACR,YAAY;IACZ,eArCuB;KAE/B,AADA,EAAS,GACT,EAAQ,EAAK;IACf;cAoCW;GACK,CAAA,GACR,kBAAC,GAAD;IACE,SAAQ;IACR,cAAc;IACd,YAAY,KAAqB;IACjC,SAAS,YAnEe;KAChC,IAAM,IAAS,EAAU;KAMzB,IACE,MAAW,KAAA,KACX,OAAQ,EAAyB,QAAS,YAE1C,IAAI;MAEF,AADA,MAAM,GACN,EAAQ,EAAK;KACf,QAAQ,CAER;UAEA,EAAQ,EAAK;IAEjB;cA2CQ,CAMG,GACA,KAAoB,kBAAC,GAAD;KAAgB,IAAG;KAAM,MAAK;IAAO,CAAA,CACpD;KACK,EAAA,CAAA;EACD,EAAA,CAAA;CACL,CAAA;AAEjB;AAEA,EAAmB,cAAc"}