@commercetools/nimbus 3.2.0 → 3.4.0

package/dist/chunks/drop-zone-BKJQrFGG.esm.js

@@ -0,0 +1,157 @@
+import { c as e, d as t, o as n } from "./utils-Bxhiv9E-.esm.js";
+import { a as r, r as i, t as a } from "./mergeProps-BJ6-Ao_L.esm.js";
+import { t as o } from "./useFocus-O8KJn42a.esm.js";
+import { t as s } from "./useObjectRef-B_3vY5-Q.esm.js";
+import { t as c } from "./useEffectEvent-DhwN6xRx.esm.js";
+import { t as l } from "./useLabels-Buc4v9mJ.esm.js";
+import { n as u } from "./useLocalizedStringFormatter-DnGagN_9.esm.js";
+import { t as d } from "./filterDOMProps-Dk-4zxhC.esm.js";
+import { t as f } from "./useButton-BlKLz88_.esm.js";
+import { t as p } from "./VisuallyHidden-C5SfYuNh.esm.js";
+import { C as m, O as h, t as g } from "./useDrop-DfEAeAm0.esm.js";
+import { t as _ } from "./useFocusRing-CgvZuPOT.esm.js";
+import { t as v } from "./useHover-FP8QRkFh.esm.js";
+import { n as y, o as b, r as x, t as S } from "./utils-BYIK8Yf2.esm.js";
+import { n as C, t as w } from "./Text-B7tENZ_I.esm.js";
+import { t as T } from "./intlStrings-DTJ9HMKY.esm.js";
+import { n as E, t as D } from "./normalize-messages-B_f-0I5n.esm.js";
+import { t as O } from "./icon-CSCRP1_5.esm.js";
+import { t as k } from "./extract-style-props-D519tVOc.esm.js";
+import { t as A } from "./merge-refs-C1GcH9iY.esm.js";
+import j, { Children as M, createContext as N, forwardRef as P, useEffect as F, useRef as I } from "react";
+import { Fragment as L, jsx as R, jsxs as z } from "react/jsx-runtime";
+import { UploadFile as B } from "@commercetools/nimbus-icons";
+import { createRecipeContext as V, useRecipe as H } from "@chakra-ui/react/styled-system";
+//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/dnd/useClipboard.mjs
+var U = /* @__PURE__ */ new Map();
+function W(e, t) {
+	let n = U.get(e);
+	if (!n) {
+		let t = /* @__PURE__ */ new Set(), r = (e) => {
+			for (let n of t) n(e);
+		};
+		n = {
+			listener: r,
+			handlers: t
+		}, U.set(e, n), document.addEventListener(e, r);
+	}
+	return n.handlers.add(t), () => {
+		n.handlers.delete(t), n.handlers.size === 0 && (document.removeEventListener(e, n.listener), U.delete(e));
+	};
+}
+function G(e) {
+	let { isDisabled: t } = e, n = I(!1), { focusProps: i } = o({ onFocusChange: (e) => {
+		n.current = e;
+	} }), a = c((t) => {
+		n.current && e.getItems && t.preventDefault();
+	}), s = c((t) => {
+		!n.current || !e.getItems || (t.preventDefault(), t.clipboardData && (h(t.clipboardData, e.getItems({ action: "copy" })), e.onCopy?.()));
+	}), l = c((t) => {
+		n.current && e.onCut && e.getItems && t.preventDefault();
+	}), u = c((t) => {
+		!n.current || !e.onCut || !e.getItems || (t.preventDefault(), t.clipboardData && (h(t.clipboardData, e.getItems({ action: "cut" })), e.onCut()));
+	}), d = c((t) => {
+		n.current && e.onPaste && t.preventDefault();
+	}), f = c((t) => {
+		if (!(!n.current || !e.onPaste) && (t.preventDefault(), t.clipboardData)) {
+			let n = m(t.clipboardData);
+			e.onPaste(n);
+		}
+	});
+	return F(() => {
+		if (!t) return r(W("beforecopy", a), W("copy", s), W("beforecut", l), W("cut", u), W("beforepaste", d), W("paste", f));
+	}, [t]), { clipboardProps: i };
+}
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria-components@1.19.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria-components/dist/private/DropZone.mjs
+function K(e) {
+	return e && e.__esModule ? e.default : e;
+}
+var q = /*#__PURE__*/ N(null), J = /*#__PURE__*/ P(function(r, o) {
+	let { isDisabled: c = !1 } = r;
+	[r, o] = y(r, o, q);
+	let m = s(o), h = I(null), { dropProps: w, dropButtonProps: E, isDropTarget: D } = g({
+		...r,
+		ref: h,
+		hasDropButton: !0
+	}), { buttonProps: O } = f(E || {}, h), { hoverProps: k, isHovered: A } = v(r), { focusProps: M, isFocused: N, isFocusVisible: P } = _(), F = u(K(T), "react-aria-components"), L = i(), R = l({
+		"aria-label": r["aria-label"] || F.format("dropzoneLabel"),
+		"aria-labelledby": [L, r["aria-labelledby"]].filter(Boolean).join(" ")
+	}), { clipboardProps: z } = G({
+		isDisabled: c,
+		onPaste: (e) => r.onDrop?.({
+			type: "drop",
+			items: e,
+			x: 0,
+			y: 0,
+			dropOperation: "copy"
+		})
+	}), B = x({
+		...r,
+		values: {
+			isHovered: A,
+			isFocused: N,
+			isFocusVisible: P,
+			isDropTarget: D,
+			isDisabled: c
+		},
+		defaultClassName: "react-aria-DropZone"
+	}), V = d(r, { global: !0 });
+	return delete V.id, /*#__PURE__*/ j.createElement(S, { values: [[C, {
+		id: L,
+		slot: "label"
+	}]] }, /*#__PURE__*/ j.createElement(b.div, {
+		...a(V, B, w, k),
+		slot: r.slot || void 0,
+		ref: m,
+		onClick: (r) => {
+			let i = t(r);
+			for (; i && e(m.current, i) && !n(i);) {
+				if (i === m.current) {
+					h.current?.focus();
+					break;
+				}
+				i = i.parentElement;
+			}
+		},
+		"data-hovered": A || void 0,
+		"data-focused": N || void 0,
+		"data-focus-visible": P || void 0,
+		"data-drop-target": D || void 0,
+		"data-disabled": c || void 0
+	}, /*#__PURE__*/ j.createElement(p, null, /*#__PURE__*/ j.createElement("button", {
+		...a(O, M, z, R),
+		ref: h
+	})), B.children));
+}), { withContext: Y } = V({ key: "nimbusDropZone" }), X = Y("div"), Z = {
+	en: D({ defaultLabel: "Drag and drop files here" }),
+	de: D({ defaultLabel: "Dateinen per Drag & Drop hier ablegen" }),
+	es: D({ defaultLabel: "Arrastar y soltar archivos aquí" }),
+	"fr-FR": D({ defaultLabel: "Glissez-déposez les fichiers ici" }),
+	"pt-BR": D({ defaultLabel: "Arraste e solte arquivos aqui" })
+}, Q = (e) => {
+	let { ref: t, children: n, ...r } = e, [i, a] = H({ key: "nimbusDropZone" }).splitVariantProps({ ...r }), [o, c] = k(a), l = s(A(I(null), t)), u = E(Z), d = M.count(n) > 0, f = !!(e["aria-label"] || e["aria-labelledby"]), p = u.format("defaultLabel");
+	return /* @__PURE__ */ R(X, {
+		...i,
+		...o,
+		asChild: !0,
+		children: /* @__PURE__ */ R(J, {
+			ref: l,
+			"aria-label": f ? void 0 : p,
+			...c,
+			children: d ? n : /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R(O, {
+				boxSize: "var(--drop-zone-icon-size)",
+				flexShrink: 0,
+				children: /* @__PURE__ */ R(B, {})
+			}), /* @__PURE__ */ R(w, {
+				slot: null,
+				children: p
+			})] })
+		})
+	});
+};
+Q.displayName = "DropZone";
+//#endregion
+export { Q as t };
+
+//# sourceMappingURL=drop-zone-BKJQrFGG.esm.js.map

package/dist/chunks/drop-zone-BKJQrFGG.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drop-zone-BKJQrFGG.esm.js","names":["$d3JvD$useRef","$d3JvD$useEffect","$7DqZ6$createContext","$7DqZ6$forwardRef","$7DqZ6$useObjectRef","$7DqZ6$useRef","$7DqZ6$useDrop","$7DqZ6$useButton","$7DqZ6$useHover","$7DqZ6$useFocusRing","$7DqZ6$useLocalizedStringFormatter","$7DqZ6$intlStringsmjs","$7DqZ6$useSlotId","$7DqZ6$useLabels","$7DqZ6$useClipboard","$7DqZ6$filterDOMProps","$7DqZ6$react","$7DqZ6$mergeProps","$7DqZ6$getEventTarget","$7DqZ6$nodeContains","$7DqZ6$isFocusable","$7DqZ6$VisuallyHidden"],"sources":["../../../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/dnd/useClipboard.mjs","../../../../node_modules/.pnpm/react-aria-components@1.19.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria-components/dist/private/DropZone.mjs","../../src/components/drop-zone/drop-zone.slots.tsx","../../src/components/drop-zone/intl/en.ts","../../src/components/drop-zone/intl/de.ts","../../src/components/drop-zone/intl/es.ts","../../src/components/drop-zone/intl/fr-FR.ts","../../src/components/drop-zone/intl/pt-BR.ts","../../src/components/drop-zone/drop-zone.messages.ts","../../src/components/drop-zone/drop-zone.tsx"],"sourcesContent":["import {chain as $a4e76a5424781910$export$e08e3b67e392101e} from \"../utils/chain.mjs\";\nimport {readFromDataTransfer as $d40e85a29b831dd6$export$d9e760437831f8b3, writeToDataTransfer as $d40e85a29b831dd6$export$f9c1490890ddd063} from \"./utils.mjs\";\nimport {useEffectEvent as $fe16bffc7a557bf0$export$7f54fc3180508a52} from \"../utils/useEffectEvent.mjs\";\nimport {useFocus as $1e74c67db218ce67$export$f8168d8dd8fd66e6} from \"../interactions/useFocus.mjs\";\nimport {useRef as $d3JvD$useRef, useEffect as $d3JvD$useEffect} from \"react\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\nconst $692863997030a376$var$globalEvents = new Map();\nfunction $692863997030a376$var$addGlobalEventListener(event, fn) {\n    let eventData = $692863997030a376$var$globalEvents.get(event);\n    if (!eventData) {\n        let handlers = new Set();\n        let listener = (e)=>{\n            for (let handler of handlers)handler(e);\n        };\n        eventData = {\n            listener: listener,\n            handlers: handlers\n        };\n        $692863997030a376$var$globalEvents.set(event, eventData);\n        document.addEventListener(event, listener);\n    }\n    eventData.handlers.add(fn);\n    return ()=>{\n        eventData.handlers.delete(fn);\n        if (eventData.handlers.size === 0) {\n            document.removeEventListener(event, eventData.listener);\n            $692863997030a376$var$globalEvents.delete(event);\n        }\n    };\n}\nfunction $692863997030a376$export$2314ca2a3e892862(options) {\n    let { isDisabled: isDisabled } = options;\n    let isFocusedRef = (0, $d3JvD$useRef)(false);\n    let { focusProps: focusProps } = (0, $1e74c67db218ce67$export$f8168d8dd8fd66e6)({\n        onFocusChange: (isFocused)=>{\n            isFocusedRef.current = isFocused;\n        }\n    });\n    let onBeforeCopy = (0, $fe16bffc7a557bf0$export$7f54fc3180508a52)((e)=>{\n        // Enable the \"Copy\" menu item in Safari if this element is focused and copying is supported.\n        if (isFocusedRef.current && options.getItems) e.preventDefault();\n    });\n    let onCopy = (0, $fe16bffc7a557bf0$export$7f54fc3180508a52)((e)=>{\n        if (!isFocusedRef.current || !options.getItems) return;\n        e.preventDefault();\n        if (e.clipboardData) {\n            (0, $d40e85a29b831dd6$export$f9c1490890ddd063)(e.clipboardData, options.getItems({\n                action: 'copy'\n            }));\n            options.onCopy?.();\n        }\n    });\n    let onBeforeCut = (0, $fe16bffc7a557bf0$export$7f54fc3180508a52)((e)=>{\n        if (isFocusedRef.current && options.onCut && options.getItems) e.preventDefault();\n    });\n    let onCut = (0, $fe16bffc7a557bf0$export$7f54fc3180508a52)((e)=>{\n        if (!isFocusedRef.current || !options.onCut || !options.getItems) return;\n        e.preventDefault();\n        if (e.clipboardData) {\n            (0, $d40e85a29b831dd6$export$f9c1490890ddd063)(e.clipboardData, options.getItems({\n                action: 'cut'\n            }));\n            options.onCut();\n        }\n    });\n    let onBeforePaste = (0, $fe16bffc7a557bf0$export$7f54fc3180508a52)((e)=>{\n        // Unfortunately, e.clipboardData.types is not available in this event so we always\n        // have to enable the Paste menu item even if the type of data is unsupported.\n        if (isFocusedRef.current && options.onPaste) e.preventDefault();\n    });\n    let onPaste = (0, $fe16bffc7a557bf0$export$7f54fc3180508a52)((e)=>{\n        if (!isFocusedRef.current || !options.onPaste) return;\n        e.preventDefault();\n        if (e.clipboardData) {\n            let items = (0, $d40e85a29b831dd6$export$d9e760437831f8b3)(e.clipboardData);\n            options.onPaste(items);\n        }\n    });\n    (0, $d3JvD$useEffect)(()=>{\n        if (isDisabled) return;\n        return (0, $a4e76a5424781910$export$e08e3b67e392101e)($692863997030a376$var$addGlobalEventListener('beforecopy', onBeforeCopy), $692863997030a376$var$addGlobalEventListener('copy', onCopy), $692863997030a376$var$addGlobalEventListener('beforecut', onBeforeCut), $692863997030a376$var$addGlobalEventListener('cut', onCut), $692863997030a376$var$addGlobalEventListener('beforepaste', onBeforePaste), $692863997030a376$var$addGlobalEventListener('paste', onPaste));\n    }, [\n        isDisabled\n    ]);\n    return {\n        clipboardProps: focusProps\n    };\n}\n\n\nexport {$692863997030a376$export$2314ca2a3e892862 as useClipboard};\n//# sourceMappingURL=useClipboard.mjs.map\n","import {dom as $7230ffa83bc0c2cf$export$df3a06d6289f983e, Provider as $7230ffa83bc0c2cf$export$2881499e37b75b9a, useContextProps as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, useRenderProps as $7230ffa83bc0c2cf$export$4d86445c2cf5e3} from \"./utils.mjs\";\nimport $7DqZ6$intlStringsmjs from \"./intlStrings.mjs\";\nimport {TextContext as $efe09c6d1c304b50$export$9afb8bc826b033ea} from \"./Text.mjs\";\nimport {useDrop as $7DqZ6$useDrop} from \"react-aria/useDrop\";\nimport {filterDOMProps as $7DqZ6$filterDOMProps} from \"react-aria/filterDOMProps\";\nimport {getEventTarget as $7DqZ6$getEventTarget, nodeContains as $7DqZ6$nodeContains} from \"react-aria/private/utils/shadowdom/DOMFunctions\";\nimport {isFocusable as $7DqZ6$isFocusable} from \"react-aria/private/utils/isFocusable\";\nimport {mergeProps as $7DqZ6$mergeProps} from \"react-aria/mergeProps\";\nimport $7DqZ6$react, {createContext as $7DqZ6$createContext, forwardRef as $7DqZ6$forwardRef, useRef as $7DqZ6$useRef} from \"react\";\nimport {useButton as $7DqZ6$useButton} from \"react-aria/useButton\";\nimport {useClipboard as $7DqZ6$useClipboard} from \"react-aria/useClipboard\";\nimport {useFocusRing as $7DqZ6$useFocusRing} from \"react-aria/useFocusRing\";\nimport {useHover as $7DqZ6$useHover} from \"react-aria/useHover\";\nimport {useLabels as $7DqZ6$useLabels} from \"react-aria/private/utils/useLabels\";\nimport {useLocalizedStringFormatter as $7DqZ6$useLocalizedStringFormatter} from \"react-aria/useLocalizedStringFormatter\";\nimport {useObjectRef as $7DqZ6$useObjectRef} from \"react-aria/useObjectRef\";\nimport {useSlotId as $7DqZ6$useSlotId} from \"react-aria/private/utils/useId\";\nimport {VisuallyHidden as $7DqZ6$VisuallyHidden} from \"react-aria/VisuallyHidden\";\n\n\nfunction $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst $070c0dd15dc89b58$export$14a72053295ff9a6 = /*#__PURE__*/ (0, $7DqZ6$createContext)(null);\nconst $070c0dd15dc89b58$export$3c6489d84dc98b6 = /*#__PURE__*/ (0, $7DqZ6$forwardRef)(function DropZone(props, ref) {\n    let { isDisabled: isDisabled = false } = props;\n    [props, ref] = (0, $7230ffa83bc0c2cf$export$29f1550f4b0d4415)(props, ref, $070c0dd15dc89b58$export$14a72053295ff9a6);\n    let dropzoneRef = (0, $7DqZ6$useObjectRef)(ref);\n    let buttonRef = (0, $7DqZ6$useRef)(null);\n    let { dropProps: dropProps, dropButtonProps: dropButtonProps, isDropTarget: isDropTarget } = (0, $7DqZ6$useDrop)({\n        ...props,\n        ref: buttonRef,\n        hasDropButton: true\n    });\n    let { buttonProps: buttonProps } = (0, $7DqZ6$useButton)(dropButtonProps || {}, buttonRef);\n    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $7DqZ6$useHover)(props);\n    let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $7DqZ6$useFocusRing)();\n    let stringFormatter = (0, $7DqZ6$useLocalizedStringFormatter)((0, ($parcel$interopDefault($7DqZ6$intlStringsmjs))), 'react-aria-components');\n    let textId = (0, $7DqZ6$useSlotId)();\n    let ariaLabel = props['aria-label'] || stringFormatter.format('dropzoneLabel');\n    let messageId = props['aria-labelledby'];\n    let ariaLabelledby = [\n        textId,\n        messageId\n    ].filter(Boolean).join(' ');\n    let labelProps = (0, $7DqZ6$useLabels)({\n        'aria-label': ariaLabel,\n        'aria-labelledby': ariaLabelledby\n    });\n    let { clipboardProps: clipboardProps } = (0, $7DqZ6$useClipboard)({\n        isDisabled: isDisabled,\n        onPaste: (items)=>props.onDrop?.({\n                type: 'drop',\n                items: items,\n                x: 0,\n                y: 0,\n                dropOperation: 'copy'\n            })\n    });\n    let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({\n        ...props,\n        values: {\n            isHovered: isHovered,\n            isFocused: isFocused,\n            isFocusVisible: isFocusVisible,\n            isDropTarget: isDropTarget,\n            isDisabled: isDisabled\n        },\n        defaultClassName: 'react-aria-DropZone'\n    });\n    let DOMProps = (0, $7DqZ6$filterDOMProps)(props, {\n        global: true\n    });\n    delete DOMProps.id;\n    return /*#__PURE__*/ (0, $7DqZ6$react).createElement((0, $7230ffa83bc0c2cf$export$2881499e37b75b9a), {\n        values: [\n            [\n                (0, $efe09c6d1c304b50$export$9afb8bc826b033ea),\n                {\n                    id: textId,\n                    slot: 'label'\n                }\n            ]\n        ]\n    }, /*#__PURE__*/ (0, $7DqZ6$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).div, {\n        ...(0, $7DqZ6$mergeProps)(DOMProps, renderProps, dropProps, hoverProps),\n        slot: props.slot || undefined,\n        ref: dropzoneRef,\n        onClick: (e)=>{\n            let target = (0, $7DqZ6$getEventTarget)(e);\n            while(target && (0, $7DqZ6$nodeContains)(dropzoneRef.current, target)){\n                if ((0, $7DqZ6$isFocusable)(target)) break;\n                else if (target === dropzoneRef.current) {\n                    buttonRef.current?.focus();\n                    break;\n                }\n                target = target.parentElement;\n            }\n        },\n        \"data-hovered\": isHovered || undefined,\n        \"data-focused\": isFocused || undefined,\n        \"data-focus-visible\": isFocusVisible || undefined,\n        \"data-drop-target\": isDropTarget || undefined,\n        \"data-disabled\": isDisabled || undefined\n    }, /*#__PURE__*/ (0, $7DqZ6$react).createElement((0, $7DqZ6$VisuallyHidden), null, /*#__PURE__*/ (0, $7DqZ6$react).createElement(\"button\", {\n        ...(0, $7DqZ6$mergeProps)(buttonProps, focusProps, clipboardProps, labelProps),\n        ref: buttonRef\n    })), renderProps.children));\n});\n\n\nexport {$070c0dd15dc89b58$export$14a72053295ff9a6 as DropZoneContext, $070c0dd15dc89b58$export$3c6489d84dc98b6 as DropZone};\n//# sourceMappingURL=DropZone.mjs.map\n","import { createRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { DropZoneRootSlotProps } from \"./drop-zone.types\";\n\nconst { withContext } = createRecipeContext({ key: \"nimbusDropZone\" });\n\n// DropZone Root - rendered `asChild` onto React Aria's `DropZone` element so\n// the recipe's styles apply directly to the RAC element (no intermediate\n// wrapper), keeping the forwarded ref pointed at the real drop target.\nexport const DropZoneRootSlot = withContext<\n  HTMLDivElement,\n  DropZoneRootSlotProps\n>(\"div\");\n","/**\n * Pre-compiled en messages for DropZone\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { defaultLabel: `Drag and drop files here` };\n","/**\n * Pre-compiled de messages for DropZone\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { defaultLabel: `Dateinen per Drag & Drop hier ablegen` };\n","/**\n * Pre-compiled es messages for DropZone\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { defaultLabel: `Arrastar y soltar archivos aquí` };\n","/**\n * Pre-compiled fr-FR messages for DropZone\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { defaultLabel: `Glissez-déposez les fichiers ici` };\n","/**\n * Pre-compiled pt-BR messages for DropZone\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { defaultLabel: `Arraste e solte arquivos aqui` };\n","/**\n * Pre-compiled localized messages for DropZone 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 dropZoneMessages_en from \"./intl/en\";\nimport dropZoneMessages_de from \"./intl/de\";\nimport dropZoneMessages_es from \"./intl/es\";\nimport dropZoneMessages_fr from \"./intl/fr-FR\";\nimport dropZoneMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const dropZoneMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(dropZoneMessages_en),\n  de: normalizeMessages(dropZoneMessages_de),\n  es: normalizeMessages(dropZoneMessages_es),\n  \"fr-FR\": normalizeMessages(dropZoneMessages_fr),\n  \"pt-BR\": normalizeMessages(dropZoneMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for DropZone component\n */\nexport type DropZoneMessageKey = \"defaultLabel\";\n","import { Children, useRef } from \"react\";\nimport { DropZone as RaDropZone, Text } from \"react-aria-components\";\nimport { useObjectRef } from \"react-aria\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { extractStyleProps, mergeRefs } from \"@/utils\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { Icon } from \"@/components\";\nimport { UploadFile } from \"@commercetools/nimbus-icons\";\nimport { DropZoneRootSlot } from \"./drop-zone.slots\";\nimport { dropZoneMessagesStrings } from \"./drop-zone.messages\";\nimport type { DropZoneProps } from \"./drop-zone.types\";\n\n/**\n * # DropZone\n *\n * An area into which files (or other draggable data) can be dragged and\n * dropped. DropZone does not itself provide a file picker — compose the\n * Nimbus `FileTrigger` component in its children for click-to-upload.\n *\n * Features:\n *\n * - Wraps React Aria's `DropZone` for full drag-and-drop behavior and\n *   keyboard accessibility\n * - Renders a default upload icon and localized instruction label when no\n *   children are provided; children, when provided, fully replace that\n *   default (for example a composed `FileTrigger` + `Button`, or a\n *   dropped-file list)\n * - Forwards `aria-label` / `aria-labelledby` straight to React Aria's\n *   `DropZone`, which applies them to its focusable element. An explicit\n *   label overrides only the accessible name — the default icon and visible\n *   instruction still render — because the default's visible text is opted\n *   out of the name via `slot={null}` and so never conflicts with it\n * - Supports Nimbus style props\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/dropzone}\n * @supportsStyleProps\n */\nexport const DropZone = (props: DropZoneProps) => {\n  const { ref: forwardedRef, children, ...rest } = props;\n\n  const recipe = useRecipe({ key: \"nimbusDropZone\" });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps({\n    ...rest,\n  });\n  const [styleProps, elementProps] = extractStyleProps(remainingProps);\n\n  const localRef = useRef<HTMLDivElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  const msg = useLocalizedStringFormatter(dropZoneMessagesStrings);\n  const hasChildren = Children.count(children) > 0;\n  // React Aria's `DropZone` always computes an `aria-label` for its focusable\n  // element — either the consumer's explicit `aria-label`, or (if absent) its\n  // own internal, English-only \"DropZone\" fallback string — and, whenever a\n  // `Text slot=\"label\"` descendant exists, combines that fallback with the\n  // slotted text via `aria-labelledby`, concatenating both into the\n  // accessible name. There is no prop to suppress React Aria's internal\n  // fallback. So for the default content we supply our own localized label\n  // directly as `aria-label` (which wins over React Aria's fallback) and\n  // render the matching visible line with `slot={null}` — an explicit,\n  // React-Aria-documented opt-out that stops it from being auto-wired into\n  // `DropZone`'s label slot — so nothing is left to concatenate against.\n  const hasExplicitLabel = Boolean(\n    props[\"aria-label\"] || props[\"aria-labelledby\"]\n  );\n  const defaultLabel = msg.format(\"defaultLabel\");\n\n  return (\n    <DropZoneRootSlot {...recipeProps} {...styleProps} asChild>\n      <RaDropZone\n        ref={ref}\n        aria-label={hasExplicitLabel ? undefined : defaultLabel}\n        {...elementProps}\n      >\n        {hasChildren ? (\n          children\n        ) : (\n          <>\n            <Icon boxSize=\"var(--drop-zone-icon-size)\" flexShrink={0}>\n              <UploadFile />\n            </Icon>\n            {/* eslint-disable-next-line @typescript-eslint/no-explicit-any -- RAC's `TextProps` type omits `SlotProps`, even though `Text` reads `slot` at runtime via `useContextProps`; `slot={null}` is RAC's documented opt-out from an ambient parent slot (here, `DropZone`'s own `label` slot). */}\n            <Text {...({ slot: null } as any)}>{defaultLabel}</Text>\n          </>\n        )}\n      </RaDropZone>\n    </DropZoneRootSlot>\n  );\n};\n\nDropZone.displayName = \"DropZone\";\n"],"x_google_ignoreList":[0,1],"mappings":"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"}

package/dist/chunks/drop-zone-N7k0XExn.cjs

@@ -0,0 +1,2 @@
+const e=require("./SSRProvider-CM04-CXZ.cjs.js"),t=require("./utils-igUjp_4h.cjs.js"),n=require("./mergeProps-B4zz6EqI.cjs.js"),r=require("./useFocus-Cw03jXPe.cjs.js"),i=require("./useObjectRef-B_VeQHvx.cjs.js"),a=require("./useEffectEvent-B628M4bY.cjs.js"),o=require("./useLabels-B-4HgOQw.cjs.js"),s=require("./useLocalizedStringFormatter-C0lcQbF_.cjs.js"),c=require("./filterDOMProps-DnOwsDRm.cjs.js"),l=require("./useButton-DisIwqgE.cjs.js"),u=require("./VisuallyHidden-CtikuHFk.cjs.js"),d=require("./useDrop-DYmvIAou.cjs.js"),f=require("./useFocusRing-Bx86kFi9.cjs.js"),p=require("./useHover-JjQ5Tf8X.cjs.js"),m=require("./utils-Clf3FzjT.cjs.js"),h=require("./Text-CJwD_Rm8.cjs.js"),g=require("./intlStrings-BpyCH0Lk.cjs.js"),_=require("./normalize-messages-BMq9y_ae.cjs.js"),v=require("./icon-DjrMssEK.cjs.js"),y=require("./extract-style-props-WNdpT-ME.cjs.js"),b=require("./merge-refs-DjTl2ATo.cjs.js");let x=require("react");x=e.a(x,1);let S=require("react/jsx-runtime"),C=require("@commercetools/nimbus-icons"),w=require("@chakra-ui/react/styled-system");var T=new Map;function E(e,t){let n=T.get(e);if(!n){let t=new Set,r=e=>{for(let n of t)n(e)};n={listener:r,handlers:t},T.set(e,n),document.addEventListener(e,r)}return n.handlers.add(t),()=>{n.handlers.delete(t),n.handlers.size===0&&(document.removeEventListener(e,n.listener),T.delete(e))}}function D(e){let{isDisabled:t}=e,i=(0,x.useRef)(!1),{focusProps:o}=r.t({onFocusChange:e=>{i.current=e}}),s=a.t(t=>{i.current&&e.getItems&&t.preventDefault()}),c=a.t(t=>{!i.current||!e.getItems||(t.preventDefault(),t.clipboardData&&(d.O(t.clipboardData,e.getItems({action:`copy`})),e.onCopy?.()))}),l=a.t(t=>{i.current&&e.onCut&&e.getItems&&t.preventDefault()}),u=a.t(t=>{!i.current||!e.onCut||!e.getItems||(t.preventDefault(),t.clipboardData&&(d.O(t.clipboardData,e.getItems({action:`cut`})),e.onCut()))}),f=a.t(t=>{i.current&&e.onPaste&&t.preventDefault()}),p=a.t(t=>{if(!(!i.current||!e.onPaste)&&(t.preventDefault(),t.clipboardData)){let n=d.C(t.clipboardData);e.onPaste(n)}});return(0,x.useEffect)(()=>{if(!t)return n.a(E(`beforecopy`,s),E(`copy`,c),E(`beforecut`,l),E(`cut`,u),E(`beforepaste`,f),E(`paste`,p))},[t]),{clipboardProps:o}}function O(e){return e&&e.__esModule?e.default:e}var k=(0,x.createContext)(null),A=(0,x.forwardRef)(function(e,r){let{isDisabled:a=!1}=e;[e,r]=m.n(e,r,k);let _=i.t(r),v=(0,x.useRef)(null),{dropProps:y,dropButtonProps:b,isDropTarget:S}=d.t({...e,ref:v,hasDropButton:!0}),{buttonProps:C}=l.t(b||{},v),{hoverProps:w,isHovered:T}=p.t(e),{focusProps:E,isFocused:A,isFocusVisible:j}=f.t(),M=s.n(O(g.t),`react-aria-components`),N=n.r(),P=o.t({"aria-label":e[`aria-label`]||M.format(`dropzoneLabel`),"aria-labelledby":[N,e[`aria-labelledby`]].filter(Boolean).join(` `)}),{clipboardProps:F}=D({isDisabled:a,onPaste:t=>e.onDrop?.({type:`drop`,items:t,x:0,y:0,dropOperation:`copy`})}),I=m.r({...e,values:{isHovered:T,isFocused:A,isFocusVisible:j,isDropTarget:S,isDisabled:a},defaultClassName:`react-aria-DropZone`}),L=c.t(e,{global:!0});return delete L.id,x.default.createElement(m.t,{values:[[h.n,{id:N,slot:`label`}]]},x.default.createElement(m.o.div,{...n.t(L,I,y,w),slot:e.slot||void 0,ref:_,onClick:e=>{let n=t.d(e);for(;n&&t.c(_.current,n)&&!t.o(n);){if(n===_.current){v.current?.focus();break}n=n.parentElement}},"data-hovered":T||void 0,"data-focused":A||void 0,"data-focus-visible":j||void 0,"data-drop-target":S||void 0,"data-disabled":a||void 0},x.default.createElement(u.t,null,x.default.createElement(`button`,{...n.t(C,E,F,P),ref:v})),I.children))}),{withContext:j}=(0,w.createRecipeContext)({key:`nimbusDropZone`}),M=j(`div`),N={en:_.t({defaultLabel:`Drag and drop files here`}),de:_.t({defaultLabel:`Dateinen per Drag & Drop hier ablegen`}),es:_.t({defaultLabel:`Arrastar y soltar archivos aquí`}),"fr-FR":_.t({defaultLabel:`Glissez-déposez les fichiers ici`}),"pt-BR":_.t({defaultLabel:`Arraste e solte arquivos aqui`})},P=e=>{let{ref:t,children:n,...r}=e,[a,o]=(0,w.useRecipe)({key:`nimbusDropZone`}).splitVariantProps({...r}),[s,c]=y.t(o),l=i.t(b.t((0,x.useRef)(null),t)),u=_.n(N),d=x.Children.count(n)>0,f=!!(e[`aria-label`]||e[`aria-labelledby`]),p=u.format(`defaultLabel`);return(0,S.jsx)(M,{...a,...s,asChild:!0,children:(0,S.jsx)(A,{ref:l,"aria-label":f?void 0:p,...c,children:d?n:(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(v.t,{boxSize:`var(--drop-zone-icon-size)`,flexShrink:0,children:(0,S.jsx)(C.UploadFile,{})}),(0,S.jsx)(h.t,{slot:null,children:p})]})})})};P.displayName=`DropZone`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return P}});
+//# sourceMappingURL=drop-zone-N7k0XExn.cjs.js.map

package/dist/chunks/drop-zone-N7k0XExn.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"drop-zone-N7k0XExn.cjs.js","names":["$1e74c67db218ce67$export$f8168d8dd8fd66e6","$fe16bffc7a557bf0$export$7f54fc3180508a52","$d40e85a29b831dd6$export$f9c1490890ddd063","$d40e85a29b831dd6$export$d9e760437831f8b3","$a4e76a5424781910$export$e08e3b67e392101e","$7230ffa83bc0c2cf$export$29f1550f4b0d4415","$7DqZ6$useObjectRef","$7DqZ6$useDrop","$7DqZ6$useButton","$7DqZ6$useHover","$7DqZ6$useFocusRing","$7DqZ6$useLocalizedStringFormatter","$7DqZ6$intlStringsmjs","$7DqZ6$useSlotId","$7DqZ6$useLabels","$7DqZ6$useClipboard","$7230ffa83bc0c2cf$export$4d86445c2cf5e3","$7DqZ6$filterDOMProps","$7DqZ6$react","$7230ffa83bc0c2cf$export$2881499e37b75b9a","$efe09c6d1c304b50$export$9afb8bc826b033ea","$7230ffa83bc0c2cf$export$df3a06d6289f983e","$7DqZ6$mergeProps","$7DqZ6$getEventTarget","$7DqZ6$nodeContains","$7DqZ6$isFocusable","$7DqZ6$VisuallyHidden"],"sources":["../../../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/dnd/useClipboard.mjs","../../../../node_modules/.pnpm/react-aria-components@1.19.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria-components/dist/private/DropZone.mjs","../../src/components/drop-zone/drop-zone.slots.tsx","../../src/components/drop-zone/intl/en.ts","../../src/components/drop-zone/intl/de.ts","../../src/components/drop-zone/intl/es.ts","../../src/components/drop-zone/intl/fr-FR.ts","../../src/components/drop-zone/intl/pt-BR.ts","../../src/components/drop-zone/drop-zone.messages.ts","../../src/components/drop-zone/drop-zone.tsx"],"sourcesContent":["import {chain as $a4e76a5424781910$export$e08e3b67e392101e} from \"../utils/chain.mjs\";\nimport {readFromDataTransfer as $d40e85a29b831dd6$export$d9e760437831f8b3, writeToDataTransfer as $d40e85a29b831dd6$export$f9c1490890ddd063} from \"./utils.mjs\";\nimport {useEffectEvent as $fe16bffc7a557bf0$export$7f54fc3180508a52} from \"../utils/useEffectEvent.mjs\";\nimport {useFocus as $1e74c67db218ce67$export$f8168d8dd8fd66e6} from \"../interactions/useFocus.mjs\";\nimport {useRef as $d3JvD$useRef, useEffect as $d3JvD$useEffect} from \"react\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\nconst $692863997030a376$var$globalEvents = new Map();\nfunction $692863997030a376$var$addGlobalEventListener(event, fn) {\n    let eventData = $692863997030a376$var$globalEvents.get(event);\n    if (!eventData) {\n        let handlers = new Set();\n        let listener = (e)=>{\n            for (let handler of handlers)handler(e);\n        };\n        eventData = {\n            listener: listener,\n            handlers: handlers\n        };\n        $692863997030a376$var$globalEvents.set(event, eventData);\n        document.addEventListener(event, listener);\n    }\n    eventData.handlers.add(fn);\n    return ()=>{\n        eventData.handlers.delete(fn);\n        if (eventData.handlers.size === 0) {\n            document.removeEventListener(event, eventData.listener);\n            $692863997030a376$var$globalEvents.delete(event);\n        }\n    };\n}\nfunction $692863997030a376$export$2314ca2a3e892862(options) {\n    let { isDisabled: isDisabled } = options;\n    let isFocusedRef = (0, $d3JvD$useRef)(false);\n    let { focusProps: focusProps } = (0, $1e74c67db218ce67$export$f8168d8dd8fd66e6)({\n        onFocusChange: (isFocused)=>{\n            isFocusedRef.current = isFocused;\n        }\n    });\n    let onBeforeCopy = (0, $fe16bffc7a557bf0$export$7f54fc3180508a52)((e)=>{\n        // Enable the \"Copy\" menu item in Safari if this element is focused and copying is supported.\n        if (isFocusedRef.current && options.getItems) e.preventDefault();\n    });\n    let onCopy = (0, $fe16bffc7a557bf0$export$7f54fc3180508a52)((e)=>{\n        if (!isFocusedRef.current || !options.getItems) return;\n        e.preventDefault();\n        if (e.clipboardData) {\n            (0, $d40e85a29b831dd6$export$f9c1490890ddd063)(e.clipboardData, options.getItems({\n                action: 'copy'\n            }));\n            options.onCopy?.();\n        }\n    });\n    let onBeforeCut = (0, $fe16bffc7a557bf0$export$7f54fc3180508a52)((e)=>{\n        if (isFocusedRef.current && options.onCut && options.getItems) e.preventDefault();\n    });\n    let onCut = (0, $fe16bffc7a557bf0$export$7f54fc3180508a52)((e)=>{\n        if (!isFocusedRef.current || !options.onCut || !options.getItems) return;\n        e.preventDefault();\n        if (e.clipboardData) {\n            (0, $d40e85a29b831dd6$export$f9c1490890ddd063)(e.clipboardData, options.getItems({\n                action: 'cut'\n            }));\n            options.onCut();\n        }\n    });\n    let onBeforePaste = (0, $fe16bffc7a557bf0$export$7f54fc3180508a52)((e)=>{\n        // Unfortunately, e.clipboardData.types is not available in this event so we always\n        // have to enable the Paste menu item even if the type of data is unsupported.\n        if (isFocusedRef.current && options.onPaste) e.preventDefault();\n    });\n    let onPaste = (0, $fe16bffc7a557bf0$export$7f54fc3180508a52)((e)=>{\n        if (!isFocusedRef.current || !options.onPaste) return;\n        e.preventDefault();\n        if (e.clipboardData) {\n            let items = (0, $d40e85a29b831dd6$export$d9e760437831f8b3)(e.clipboardData);\n            options.onPaste(items);\n        }\n    });\n    (0, $d3JvD$useEffect)(()=>{\n        if (isDisabled) return;\n        return (0, $a4e76a5424781910$export$e08e3b67e392101e)($692863997030a376$var$addGlobalEventListener('beforecopy', onBeforeCopy), $692863997030a376$var$addGlobalEventListener('copy', onCopy), $692863997030a376$var$addGlobalEventListener('beforecut', onBeforeCut), $692863997030a376$var$addGlobalEventListener('cut', onCut), $692863997030a376$var$addGlobalEventListener('beforepaste', onBeforePaste), $692863997030a376$var$addGlobalEventListener('paste', onPaste));\n    }, [\n        isDisabled\n    ]);\n    return {\n        clipboardProps: focusProps\n    };\n}\n\n\nexport {$692863997030a376$export$2314ca2a3e892862 as useClipboard};\n//# sourceMappingURL=useClipboard.mjs.map\n","import {dom as $7230ffa83bc0c2cf$export$df3a06d6289f983e, Provider as $7230ffa83bc0c2cf$export$2881499e37b75b9a, useContextProps as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, useRenderProps as $7230ffa83bc0c2cf$export$4d86445c2cf5e3} from \"./utils.mjs\";\nimport $7DqZ6$intlStringsmjs from \"./intlStrings.mjs\";\nimport {TextContext as $efe09c6d1c304b50$export$9afb8bc826b033ea} from \"./Text.mjs\";\nimport {useDrop as $7DqZ6$useDrop} from \"react-aria/useDrop\";\nimport {filterDOMProps as $7DqZ6$filterDOMProps} from \"react-aria/filterDOMProps\";\nimport {getEventTarget as $7DqZ6$getEventTarget, nodeContains as $7DqZ6$nodeContains} from \"react-aria/private/utils/shadowdom/DOMFunctions\";\nimport {isFocusable as $7DqZ6$isFocusable} from \"react-aria/private/utils/isFocusable\";\nimport {mergeProps as $7DqZ6$mergeProps} from \"react-aria/mergeProps\";\nimport $7DqZ6$react, {createContext as $7DqZ6$createContext, forwardRef as $7DqZ6$forwardRef, useRef as $7DqZ6$useRef} from \"react\";\nimport {useButton as $7DqZ6$useButton} from \"react-aria/useButton\";\nimport {useClipboard as $7DqZ6$useClipboard} from \"react-aria/useClipboard\";\nimport {useFocusRing as $7DqZ6$useFocusRing} from \"react-aria/useFocusRing\";\nimport {useHover as $7DqZ6$useHover} from \"react-aria/useHover\";\nimport {useLabels as $7DqZ6$useLabels} from \"react-aria/private/utils/useLabels\";\nimport {useLocalizedStringFormatter as $7DqZ6$useLocalizedStringFormatter} from \"react-aria/useLocalizedStringFormatter\";\nimport {useObjectRef as $7DqZ6$useObjectRef} from \"react-aria/useObjectRef\";\nimport {useSlotId as $7DqZ6$useSlotId} from \"react-aria/private/utils/useId\";\nimport {VisuallyHidden as $7DqZ6$VisuallyHidden} from \"react-aria/VisuallyHidden\";\n\n\nfunction $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst $070c0dd15dc89b58$export$14a72053295ff9a6 = /*#__PURE__*/ (0, $7DqZ6$createContext)(null);\nconst $070c0dd15dc89b58$export$3c6489d84dc98b6 = /*#__PURE__*/ (0, $7DqZ6$forwardRef)(function DropZone(props, ref) {\n    let { isDisabled: isDisabled = false } = props;\n    [props, ref] = (0, $7230ffa83bc0c2cf$export$29f1550f4b0d4415)(props, ref, $070c0dd15dc89b58$export$14a72053295ff9a6);\n    let dropzoneRef = (0, $7DqZ6$useObjectRef)(ref);\n    let buttonRef = (0, $7DqZ6$useRef)(null);\n    let { dropProps: dropProps, dropButtonProps: dropButtonProps, isDropTarget: isDropTarget } = (0, $7DqZ6$useDrop)({\n        ...props,\n        ref: buttonRef,\n        hasDropButton: true\n    });\n    let { buttonProps: buttonProps } = (0, $7DqZ6$useButton)(dropButtonProps || {}, buttonRef);\n    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $7DqZ6$useHover)(props);\n    let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $7DqZ6$useFocusRing)();\n    let stringFormatter = (0, $7DqZ6$useLocalizedStringFormatter)((0, ($parcel$interopDefault($7DqZ6$intlStringsmjs))), 'react-aria-components');\n    let textId = (0, $7DqZ6$useSlotId)();\n    let ariaLabel = props['aria-label'] || stringFormatter.format('dropzoneLabel');\n    let messageId = props['aria-labelledby'];\n    let ariaLabelledby = [\n        textId,\n        messageId\n    ].filter(Boolean).join(' ');\n    let labelProps = (0, $7DqZ6$useLabels)({\n        'aria-label': ariaLabel,\n        'aria-labelledby': ariaLabelledby\n    });\n    let { clipboardProps: clipboardProps } = (0, $7DqZ6$useClipboard)({\n        isDisabled: isDisabled,\n        onPaste: (items)=>props.onDrop?.({\n                type: 'drop',\n                items: items,\n                x: 0,\n                y: 0,\n                dropOperation: 'copy'\n            })\n    });\n    let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({\n        ...props,\n        values: {\n            isHovered: isHovered,\n            isFocused: isFocused,\n            isFocusVisible: isFocusVisible,\n            isDropTarget: isDropTarget,\n            isDisabled: isDisabled\n        },\n        defaultClassName: 'react-aria-DropZone'\n    });\n    let DOMProps = (0, $7DqZ6$filterDOMProps)(props, {\n        global: true\n    });\n    delete DOMProps.id;\n    return /*#__PURE__*/ (0, $7DqZ6$react).createElement((0, $7230ffa83bc0c2cf$export$2881499e37b75b9a), {\n        values: [\n            [\n                (0, $efe09c6d1c304b50$export$9afb8bc826b033ea),\n                {\n                    id: textId,\n                    slot: 'label'\n                }\n            ]\n        ]\n    }, /*#__PURE__*/ (0, $7DqZ6$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).div, {\n        ...(0, $7DqZ6$mergeProps)(DOMProps, renderProps, dropProps, hoverProps),\n        slot: props.slot || undefined,\n        ref: dropzoneRef,\n        onClick: (e)=>{\n            let target = (0, $7DqZ6$getEventTarget)(e);\n            while(target && (0, $7DqZ6$nodeContains)(dropzoneRef.current, target)){\n                if ((0, $7DqZ6$isFocusable)(target)) break;\n                else if (target === dropzoneRef.current) {\n                    buttonRef.current?.focus();\n                    break;\n                }\n                target = target.parentElement;\n            }\n        },\n        \"data-hovered\": isHovered || undefined,\n        \"data-focused\": isFocused || undefined,\n        \"data-focus-visible\": isFocusVisible || undefined,\n        \"data-drop-target\": isDropTarget || undefined,\n        \"data-disabled\": isDisabled || undefined\n    }, /*#__PURE__*/ (0, $7DqZ6$react).createElement((0, $7DqZ6$VisuallyHidden), null, /*#__PURE__*/ (0, $7DqZ6$react).createElement(\"button\", {\n        ...(0, $7DqZ6$mergeProps)(buttonProps, focusProps, clipboardProps, labelProps),\n        ref: buttonRef\n    })), renderProps.children));\n});\n\n\nexport {$070c0dd15dc89b58$export$14a72053295ff9a6 as DropZoneContext, $070c0dd15dc89b58$export$3c6489d84dc98b6 as DropZone};\n//# sourceMappingURL=DropZone.mjs.map\n","import { createRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { DropZoneRootSlotProps } from \"./drop-zone.types\";\n\nconst { withContext } = createRecipeContext({ key: \"nimbusDropZone\" });\n\n// DropZone Root - rendered `asChild` onto React Aria's `DropZone` element so\n// the recipe's styles apply directly to the RAC element (no intermediate\n// wrapper), keeping the forwarded ref pointed at the real drop target.\nexport const DropZoneRootSlot = withContext<\n  HTMLDivElement,\n  DropZoneRootSlotProps\n>(\"div\");\n","/**\n * Pre-compiled en messages for DropZone\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { defaultLabel: `Drag and drop files here` };\n","/**\n * Pre-compiled de messages for DropZone\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { defaultLabel: `Dateinen per Drag & Drop hier ablegen` };\n","/**\n * Pre-compiled es messages for DropZone\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { defaultLabel: `Arrastar y soltar archivos aquí` };\n","/**\n * Pre-compiled fr-FR messages for DropZone\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { defaultLabel: `Glissez-déposez les fichiers ici` };\n","/**\n * Pre-compiled pt-BR messages for DropZone\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { defaultLabel: `Arraste e solte arquivos aqui` };\n","/**\n * Pre-compiled localized messages for DropZone 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 dropZoneMessages_en from \"./intl/en\";\nimport dropZoneMessages_de from \"./intl/de\";\nimport dropZoneMessages_es from \"./intl/es\";\nimport dropZoneMessages_fr from \"./intl/fr-FR\";\nimport dropZoneMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const dropZoneMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(dropZoneMessages_en),\n  de: normalizeMessages(dropZoneMessages_de),\n  es: normalizeMessages(dropZoneMessages_es),\n  \"fr-FR\": normalizeMessages(dropZoneMessages_fr),\n  \"pt-BR\": normalizeMessages(dropZoneMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for DropZone component\n */\nexport type DropZoneMessageKey = \"defaultLabel\";\n","import { Children, useRef } from \"react\";\nimport { DropZone as RaDropZone, Text } from \"react-aria-components\";\nimport { useObjectRef } from \"react-aria\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { extractStyleProps, mergeRefs } from \"@/utils\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { Icon } from \"@/components\";\nimport { UploadFile } from \"@commercetools/nimbus-icons\";\nimport { DropZoneRootSlot } from \"./drop-zone.slots\";\nimport { dropZoneMessagesStrings } from \"./drop-zone.messages\";\nimport type { DropZoneProps } from \"./drop-zone.types\";\n\n/**\n * # DropZone\n *\n * An area into which files (or other draggable data) can be dragged and\n * dropped. DropZone does not itself provide a file picker — compose the\n * Nimbus `FileTrigger` component in its children for click-to-upload.\n *\n * Features:\n *\n * - Wraps React Aria's `DropZone` for full drag-and-drop behavior and\n *   keyboard accessibility\n * - Renders a default upload icon and localized instruction label when no\n *   children are provided; children, when provided, fully replace that\n *   default (for example a composed `FileTrigger` + `Button`, or a\n *   dropped-file list)\n * - Forwards `aria-label` / `aria-labelledby` straight to React Aria's\n *   `DropZone`, which applies them to its focusable element. An explicit\n *   label overrides only the accessible name — the default icon and visible\n *   instruction still render — because the default's visible text is opted\n *   out of the name via `slot={null}` and so never conflicts with it\n * - Supports Nimbus style props\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/dropzone}\n * @supportsStyleProps\n */\nexport const DropZone = (props: DropZoneProps) => {\n  const { ref: forwardedRef, children, ...rest } = props;\n\n  const recipe = useRecipe({ key: \"nimbusDropZone\" });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps({\n    ...rest,\n  });\n  const [styleProps, elementProps] = extractStyleProps(remainingProps);\n\n  const localRef = useRef<HTMLDivElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  const msg = useLocalizedStringFormatter(dropZoneMessagesStrings);\n  const hasChildren = Children.count(children) > 0;\n  // React Aria's `DropZone` always computes an `aria-label` for its focusable\n  // element — either the consumer's explicit `aria-label`, or (if absent) its\n  // own internal, English-only \"DropZone\" fallback string — and, whenever a\n  // `Text slot=\"label\"` descendant exists, combines that fallback with the\n  // slotted text via `aria-labelledby`, concatenating both into the\n  // accessible name. There is no prop to suppress React Aria's internal\n  // fallback. So for the default content we supply our own localized label\n  // directly as `aria-label` (which wins over React Aria's fallback) and\n  // render the matching visible line with `slot={null}` — an explicit,\n  // React-Aria-documented opt-out that stops it from being auto-wired into\n  // `DropZone`'s label slot — so nothing is left to concatenate against.\n  const hasExplicitLabel = Boolean(\n    props[\"aria-label\"] || props[\"aria-labelledby\"]\n  );\n  const defaultLabel = msg.format(\"defaultLabel\");\n\n  return (\n    <DropZoneRootSlot {...recipeProps} {...styleProps} asChild>\n      <RaDropZone\n        ref={ref}\n        aria-label={hasExplicitLabel ? undefined : defaultLabel}\n        {...elementProps}\n      >\n        {hasChildren ? (\n          children\n        ) : (\n          <>\n            <Icon boxSize=\"var(--drop-zone-icon-size)\" flexShrink={0}>\n              <UploadFile />\n            </Icon>\n            {/* eslint-disable-next-line @typescript-eslint/no-explicit-any -- RAC's `TextProps` type omits `SlotProps`, even though `Text` reads `slot` at runtime via `useContextProps`; `slot={null}` is RAC's documented opt-out from an ambient parent slot (here, `DropZone`'s own `label` slot). */}\n            <Text {...({ slot: null } as any)}>{defaultLabel}</Text>\n          </>\n        )}\n      </RaDropZone>\n    </DropZoneRootSlot>\n  );\n};\n\nDropZone.displayName = \"DropZone\";\n"],"x_google_ignoreList":[0,1],"mappings":"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"}

package/dist/chunks/extract-padding-props-C-IyriM4.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"extract-padding-props-C-IyriM4.cjs.js","names":[],"sources":["../../src/components/scroll-area/scroll-area.tsx","../../src/utils/extract-padding-props.ts"],"sourcesContent":["import {\n  ScrollArea as ChakraScrollArea,\n  useScrollAreaContext,\n} from \"@chakra-ui/react/scroll-area\";\nimport { extractPaddingProps } from \"@/utils\";\nimport type { ScrollAreaProps } from \"./scroll-area.types\";\n\ntype ScrollAreaPartsProps = Pick<\n  ScrollAreaProps,\n  \"children\" | \"orientation\" | \"viewportRef\"\n> & {\n  /** Padding style props extracted from Root, applied to Content. */\n  contentPaddingProps?: Record<string, unknown>;\n};\n\n/**\n * Private component that renders inside ChakraScrollArea.Root\n * so it can access useScrollAreaContext() for conditional tabIndex.\n * Composes Viewport + Content + Scrollbar(s) + Corner.\n */\nconst ScrollAreaParts = ({\n  children,\n  orientation = \"both\",\n  viewportRef,\n  contentPaddingProps,\n}: ScrollAreaPartsProps) => {\n  const { hasOverflowX, hasOverflowY } = useScrollAreaContext();\n  const tabIndex = hasOverflowX || hasOverflowY ? 0 : undefined;\n\n  // Zag always writes `min-width: fit-content` inline on the content slot so\n  // horizontal scroll works. That makes the wrapper grow to fit its widest\n  // child, which stretches every `width: 100%` sibling to that same overgrown\n  // width. For `vertical` and `both` orientations we want the wrapper to stay\n  // at viewport width so `width: 100%` children behave naturally — any\n  // descendant that still overflows (e.g. `white-space: nowrap` text) shows\n  // up as viewport scroll via descendant overflow, which is exactly what the\n  // horizontal scrollbar in `both` is for. `horizontal` keeps Zag's\n  // fit-content so a row of items can scroll as usual.\n  const contentAxisLock =\n    orientation === \"horizontal\"\n      ? { minHeight: 0, height: \"100%\" }\n      : { minWidth: \"100%\", width: \"100%\", height: \"100%\" };\n\n  // Belt-and-suspenders: clip the suppressed axis on the viewport so a child\n  // with an explicit fixed size larger than the viewport can't escape either.\n  // Inline `style` is required because Zag writes `overflow: auto` inline and\n  // recipe-generated classes can't outspecify inline styles.\n  const viewportAxisClip =\n    orientation === \"vertical\"\n      ? { overflowX: \"hidden\" as const }\n      : orientation === \"horizontal\"\n        ? { overflowY: \"hidden\" as const }\n        : undefined;\n\n  return (\n    <>\n      <ChakraScrollArea.Viewport\n        ref={viewportRef}\n        tabIndex={tabIndex}\n        style={viewportAxisClip}\n      >\n        <ChakraScrollArea.Content\n          {...contentPaddingProps}\n          style={contentAxisLock}\n        >\n          {children}\n        </ChakraScrollArea.Content>\n      </ChakraScrollArea.Viewport>\n      {(orientation === \"vertical\" || orientation === \"both\") && (\n        <ChakraScrollArea.Scrollbar orientation=\"vertical\" />\n      )}\n      {(orientation === \"horizontal\" || orientation === \"both\") && (\n        <ChakraScrollArea.Scrollbar orientation=\"horizontal\" />\n      )}\n      {orientation === \"both\" && <ChakraScrollArea.Corner />}\n    </>\n  );\n};\n\n/**\n * # ScrollArea\n *\n * A scrollable container with custom-styled scrollbar overlays.\n * Replaces native scrollbars with themed overlay indicators that appear\n * on hover or during scrolling.\n *\n * Built on Chakra UI's ScrollArea (powered by Ark UI) with Nimbus\n * design tokens and keyboard accessibility.\n *\n * @supportsStyleProps\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/layout/scroll-area}\n *\n * @example\n * ```tsx\n * <ScrollArea maxH=\"200px\" aria-label=\"Log output\">\n *   {content}\n * </ScrollArea>\n * ```\n */\nexport const ScrollArea = (props: ScrollAreaProps) => {\n  const {\n    ref,\n    viewportRef,\n    children,\n    orientation = \"both\",\n    value,\n    ...restProps\n  } = props;\n\n  const [paddingProps, rootProps] = extractPaddingProps(restProps);\n\n  const parts = (\n    <ScrollAreaParts\n      orientation={orientation}\n      viewportRef={viewportRef}\n      contentPaddingProps={paddingProps}\n    >\n      {children}\n    </ScrollAreaParts>\n  );\n\n  if (value) {\n    return (\n      <ChakraScrollArea.RootProvider ref={ref} value={value} {...rootProps}>\n        {parts}\n      </ChakraScrollArea.RootProvider>\n    );\n  }\n\n  return (\n    <ChakraScrollArea.Root ref={ref} {...rootProps}>\n      {parts}\n    </ChakraScrollArea.Root>\n  );\n};\n\nScrollArea.displayName = \"ScrollArea\";\n","/**\n * Padding style prop keys recognised by Chakra UI.\n * Used to forward padding from a parent slot to an inner slot\n * (e.g. ScrollArea Root → Content).\n */\nconst PADDING_PROP_KEYS = new Set([\n  \"p\",\n  \"pt\",\n  \"pr\",\n  \"pb\",\n  \"pl\",\n  \"ps\",\n  \"pe\",\n  \"px\",\n  \"py\",\n  \"padding\",\n  \"paddingTop\",\n  \"paddingRight\",\n  \"paddingBottom\",\n  \"paddingLeft\",\n  \"paddingX\",\n  \"paddingY\",\n  \"paddingInline\",\n  \"paddingBlock\",\n  \"paddingInlineStart\",\n  \"paddingInlineEnd\",\n  \"paddingBlockStart\",\n  \"paddingBlockEnd\",\n  \"paddingStart\",\n  \"paddingEnd\",\n]);\n\n/**\n * Extracts padding style-props from an object, separating them from other props.\n * Responsive values (arrays and objects like `{ base: \"200\", md: \"400\" }`)\n * are supported — they are extracted by key name unchanged.\n * @param props The props object to separate\n * @returns A tuple containing [paddingProps, otherProps]\n */\nexport function extractPaddingProps<T extends object>(\n  props: T\n): [Record<string, unknown>, Omit<T, string>] {\n  const paddingProps: Record<string, unknown> = {};\n  const otherProps = { ...props } as Record<string, unknown>;\n\n  Object.keys(props).forEach((key) => {\n    if (\n      Object.prototype.hasOwnProperty.call(props, key) &&\n      PADDING_PROP_KEYS.has(key)\n    ) {\n      paddingProps[key] = props[key as keyof T];\n      delete otherProps[key];\n    }\n  });\n\n  return [paddingProps, otherProps as Omit<T, string>];\n}\n"],"mappings":"6EAoBA,IAAM,GAAmB,CACvB,WACA,cAAc,OACd,cACA,yBAC0B,CAC1B,GAAM,CAAE,eAAc,iBAAA,EAAA,EAAA,sBAAsC,EACtD,EAAW,GAAgB,EAAe,EAAI,IAAA,GAW9C,EACJ,IAAgB,aACZ,CAAE,UAAW,EAAG,OAAQ,MAAO,EAC/B,CAAE,SAAU,OAAQ,MAAO,OAAQ,OAAQ,MAAO,EAMlD,EACJ,IAAgB,WACZ,CAAE,UAAW,QAAkB,EAC/B,IAAgB,aACd,CAAE,UAAW,QAAkB,EAC/B,IAAA,GAER,OACE,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,WAAiB,SAAlB,CACE,IAAK,EACK,WACV,MAAO,YAEP,EAAA,EAAA,KAAC,EAAA,WAAiB,QAAlB,CACE,GAAI,EACJ,MAAO,EAEN,UACuB,CAAA,CACD,CAAA,GACzB,IAAgB,YAAc,IAAgB,UAC9C,EAAA,EAAA,KAAC,EAAA,WAAiB,UAAlB,CAA4B,YAAY,UAAY,CAAA,GAEpD,IAAgB,cAAgB,IAAgB,UAChD,EAAA,EAAA,KAAC,EAAA,WAAiB,UAAlB,CAA4B,YAAY,YAAc,CAAA,EAEvD,IAAgB,SAAU,EAAA,EAAA,KAAC,EAAA,WAAiB,OAAlB,CAA0B,CAAA,CACrD,CAAA,CAAA,CAEN,EAuBa,EAAc,GAA2B,CACpD,GAAM,CACJ,MACA,cACA,WACA,cAAc,OACd,QACA,GAAG,GACD,EAEE,CAAC,EAAc,GAAa,EAAoB,CAAS,EAEzD,GACJ,EAAA,EAAA,KAAC,EAAD,CACe,cACA,cACb,oBAAqB,EAEpB,UACc,CAAA,EAWnB,OARI,GAEA,EAAA,EAAA,KAAC,EAAA,WAAiB,aAAlB,CAAoC,MAAY,QAAO,GAAI,WACxD,CAC4B,CAAA,GAKjC,EAAA,EAAA,KAAC,EAAA,WAAiB,KAAlB,CAA4B,MAAK,GAAI,WAClC,CACoB,CAAA,CAE3B,EAEA,EAAW,YAAc,aCpIzB,IAAM,EAAoB,IAAI,IAAI,CAChC,IACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,UACA,aACA,eACA,gBACA,cACA,WACA,WACA,gBACA,eACA,qBACA,mBACA,oBACA,kBACA,eACA,YACF,CAAC,EASD,SAAgB,EACd,EAC4C,CAC5C,IAAM,EAAwC,CAAC,EACzC,EAAa,CAAE,GAAG,CAAM,EAY9B,OAVA,OAAO,KAAK,CAAK,EAAE,QAAS,GAAQ,CAEhC,OAAO,UAAU,eAAe,KAAK,EAAO,CAAG,GAC/C,EAAkB,IAAI,CAAG,IAEzB,EAAa,GAAO,EAAM,GAC1B,OAAO,EAAW,GAEtB,CAAC,EAEM,CAAC,EAAc,CAA6B,CACrD"}
+{"version":3,"file":"extract-padding-props-C-IyriM4.cjs.js","names":[],"sources":["../../src/components/scroll-area/scroll-area.tsx","../../src/utils/extract-padding-props.ts"],"sourcesContent":["import {\n  ScrollArea as ChakraScrollArea,\n  useScrollAreaContext,\n} from \"@chakra-ui/react/scroll-area\";\nimport { extractPaddingProps } from \"@/utils\";\nimport type { ScrollAreaProps } from \"./scroll-area.types\";\n\ntype ScrollAreaPartsProps = Pick<\n  ScrollAreaProps,\n  \"children\" | \"orientation\" | \"viewportRef\"\n> & {\n  /** Padding style props extracted from Root, applied to Content. */\n  contentPaddingProps?: Record<string, unknown>;\n};\n\n/**\n * Private component that renders inside ChakraScrollArea.Root\n * so it can access useScrollAreaContext() for conditional tabIndex.\n * Composes Viewport + Content + Scrollbar(s) + Corner.\n */\nconst ScrollAreaParts = ({\n  children,\n  orientation = \"both\",\n  viewportRef,\n  contentPaddingProps,\n}: ScrollAreaPartsProps) => {\n  const { hasOverflowX, hasOverflowY } = useScrollAreaContext();\n  const tabIndex = hasOverflowX || hasOverflowY ? 0 : undefined;\n\n  // Zag always writes `min-width: fit-content` inline on the content slot so\n  // horizontal scroll works. That makes the wrapper grow to fit its widest\n  // child, which stretches every `width: 100%` sibling to that same overgrown\n  // width. For `vertical` and `both` orientations we want the wrapper to stay\n  // at viewport width so `width: 100%` children behave naturally — any\n  // descendant that still overflows (e.g. `white-space: nowrap` text) shows\n  // up as viewport scroll via descendant overflow, which is exactly what the\n  // horizontal scrollbar in `both` is for. `horizontal` keeps Zag's\n  // fit-content so a row of items can scroll as usual.\n  const contentAxisLock =\n    orientation === \"horizontal\"\n      ? { minHeight: 0, height: \"100%\" }\n      : { minWidth: \"100%\", width: \"100%\", height: \"100%\" };\n\n  // Belt-and-suspenders: clip the suppressed axis on the viewport so a child\n  // with an explicit fixed size larger than the viewport can't escape either.\n  // Inline `style` is required because Zag writes `overflow: auto` inline and\n  // recipe-generated classes can't outspecify inline styles.\n  const viewportAxisClip =\n    orientation === \"vertical\"\n      ? { overflowX: \"hidden\" as const }\n      : orientation === \"horizontal\"\n        ? { overflowY: \"hidden\" as const }\n        : undefined;\n\n  return (\n    <>\n      <ChakraScrollArea.Viewport\n        ref={viewportRef}\n        tabIndex={tabIndex}\n        style={viewportAxisClip}\n      >\n        <ChakraScrollArea.Content\n          {...contentPaddingProps}\n          style={contentAxisLock}\n        >\n          {children}\n        </ChakraScrollArea.Content>\n      </ChakraScrollArea.Viewport>\n      {(orientation === \"vertical\" || orientation === \"both\") && (\n        <ChakraScrollArea.Scrollbar orientation=\"vertical\" />\n      )}\n      {(orientation === \"horizontal\" || orientation === \"both\") && (\n        <ChakraScrollArea.Scrollbar orientation=\"horizontal\" />\n      )}\n      {orientation === \"both\" && <ChakraScrollArea.Corner />}\n    </>\n  );\n};\n\n/**\n * # ScrollArea\n *\n * A scrollable container with custom-styled scrollbar overlays.\n * Replaces native scrollbars with themed overlay indicators that appear\n * on hover or during scrolling.\n *\n * Built on Chakra UI's ScrollArea (powered by Ark UI) with Nimbus\n * design tokens and keyboard accessibility.\n *\n * @supportsStyleProps\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/layout/scroll-area}\n *\n * @example\n * ```tsx\n * <ScrollArea maxH=\"200px\" aria-label=\"Log output\">\n *   {content}\n * </ScrollArea>\n * ```\n */\nexport const ScrollArea = (props: ScrollAreaProps) => {\n  const {\n    ref,\n    viewportRef,\n    children,\n    orientation = \"both\",\n    value,\n    ...restProps\n  } = props;\n\n  const [paddingProps, rootProps] = extractPaddingProps(restProps);\n\n  const parts = (\n    <ScrollAreaParts\n      orientation={orientation}\n      viewportRef={viewportRef}\n      contentPaddingProps={paddingProps}\n    >\n      {children}\n    </ScrollAreaParts>\n  );\n\n  if (value) {\n    return (\n      <ChakraScrollArea.RootProvider ref={ref} value={value} {...rootProps}>\n        {parts}\n      </ChakraScrollArea.RootProvider>\n    );\n  }\n\n  return (\n    <ChakraScrollArea.Root ref={ref} {...rootProps}>\n      {parts}\n    </ChakraScrollArea.Root>\n  );\n};\n\nScrollArea.displayName = \"ScrollArea\";\n","/**\n * Padding style prop keys recognised by Chakra UI.\n * Used to forward padding from a parent slot to an inner slot\n * (e.g. ScrollArea Root → Content).\n */\nconst PADDING_PROP_KEYS = new Set([\n  \"p\",\n  \"pt\",\n  \"pr\",\n  \"pb\",\n  \"pl\",\n  \"ps\",\n  \"pe\",\n  \"px\",\n  \"py\",\n  \"padding\",\n  \"paddingTop\",\n  \"paddingRight\",\n  \"paddingBottom\",\n  \"paddingLeft\",\n  \"paddingX\",\n  \"paddingY\",\n  \"paddingInline\",\n  \"paddingBlock\",\n  \"paddingInlineStart\",\n  \"paddingInlineEnd\",\n  \"paddingBlockStart\",\n  \"paddingBlockEnd\",\n  \"paddingStart\",\n  \"paddingEnd\",\n]);\n\n/**\n * Extracts padding style-props from an object, separating them from other props.\n * Responsive values (arrays and objects like `{ base: \"200\", md: \"400\" }`)\n * are supported — they are extracted by key name unchanged.\n * @param props The props object to separate\n * @returns A tuple containing [paddingProps, otherProps]\n */\nexport function extractPaddingProps<T extends object>(\n  props: T\n): [Record<string, unknown>, Omit<T, string>] {\n  const paddingProps: Record<string, unknown> = {};\n  const otherProps = { ...props } as Record<string, unknown>;\n\n  Object.keys(props).forEach((key) => {\n    if (\n      Object.prototype.hasOwnProperty.call(props, key) &&\n      PADDING_PROP_KEYS.has(key)\n    ) {\n      paddingProps[key] = props[key as keyof T];\n      delete otherProps[key];\n    }\n  });\n\n  return [paddingProps, otherProps as Omit<T, string>];\n}\n"],"mappings":"6EAoBA,IAAM,GAAmB,CACvB,WACA,cAAc,OACd,cACA,yBAC0B,CAC1B,GAAM,CAAE,eAAc,iBAAA,EAAA,EAAA,qBAAA,CAAsC,EACtD,EAAW,GAAgB,EAAe,EAAI,IAAA,GAW9C,EACJ,IAAgB,aACZ,CAAE,UAAW,EAAG,OAAQ,MAAO,EAC/B,CAAE,SAAU,OAAQ,MAAO,OAAQ,OAAQ,MAAO,EAMlD,EACJ,IAAgB,WACZ,CAAE,UAAW,QAAkB,EAC/B,IAAgB,aACd,CAAE,UAAW,QAAkB,EAC/B,IAAA,GAER,OACE,EAAA,EAAA,KAAA,CAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,EAAA,WAAiB,SAAlB,CACE,IAAK,EACK,WACV,MAAO,YAEP,EAAA,EAAA,IAAA,CAAC,EAAA,WAAiB,QAAlB,CACE,GAAI,EACJ,MAAO,EAEN,UACuB,CAAA,CACD,CAAA,GACzB,IAAgB,YAAc,IAAgB,UAC9C,EAAA,EAAA,IAAA,CAAC,EAAA,WAAiB,UAAlB,CAA4B,YAAY,UAAY,CAAA,GAEpD,IAAgB,cAAgB,IAAgB,UAChD,EAAA,EAAA,IAAA,CAAC,EAAA,WAAiB,UAAlB,CAA4B,YAAY,YAAc,CAAA,EAEvD,IAAgB,SAAU,EAAA,EAAA,IAAA,CAAC,EAAA,WAAiB,OAAlB,CAA0B,CAAA,CACrD,CAAA,CAAA,CAEN,EAuBa,EAAc,GAA2B,CACpD,GAAM,CACJ,MACA,cACA,WACA,cAAc,OACd,QACA,GAAG,GACD,EAEE,CAAC,EAAc,GAAa,EAAoB,CAAS,EAEzD,GACJ,EAAA,EAAA,IAAA,CAAC,EAAD,CACe,cACA,cACb,oBAAqB,EAEpB,UACc,CAAA,EAWnB,OARI,GAEA,EAAA,EAAA,IAAA,CAAC,EAAA,WAAiB,aAAlB,CAAoC,MAAY,QAAO,GAAI,WACxD,CAC4B,CAAA,GAKjC,EAAA,EAAA,IAAA,CAAC,EAAA,WAAiB,KAAlB,CAA4B,MAAK,GAAI,WAClC,CACoB,CAAA,CAE3B,EAEA,EAAW,YAAc,aCpIzB,IAAM,EAAoB,IAAI,IAAI,CAChC,IACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,UACA,aACA,eACA,gBACA,cACA,WACA,WACA,gBACA,eACA,qBACA,mBACA,oBACA,kBACA,eACA,YACF,CAAC,EASD,SAAgB,EACd,EAC4C,CAC5C,IAAM,EAAwC,CAAC,EACzC,EAAa,CAAE,GAAG,CAAM,EAY9B,OAVA,OAAO,KAAK,CAAK,CAAC,CAAC,QAAS,GAAQ,CAEhC,OAAO,UAAU,eAAe,KAAK,EAAO,CAAG,GAC/C,EAAkB,IAAI,CAAG,IAEzB,EAAa,GAAO,EAAM,GAC1B,OAAO,EAAW,GAEtB,CAAC,EAEM,CAAC,EAAc,CAA6B,CACrD"}

package/dist/chunks/extract-padding-props-DigwT-nT.esm.js

@@ -0,0 +1,84 @@
+import { ScrollArea as e, useScrollAreaContext as t } from "@chakra-ui/react/scroll-area";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/scroll-area/scroll-area.tsx
+var a = ({ children: a, orientation: o = "both", viewportRef: s, contentPaddingProps: c }) => {
+	let { hasOverflowX: l, hasOverflowY: u } = t(), d = l || u ? 0 : void 0, f = o === "horizontal" ? {
+		minHeight: 0,
+		height: "100%"
+	} : {
+		minWidth: "100%",
+		width: "100%",
+		height: "100%"
+	}, p = o === "vertical" ? { overflowX: "hidden" } : o === "horizontal" ? { overflowY: "hidden" } : void 0;
+	return /* @__PURE__ */ i(n, { children: [
+		/* @__PURE__ */ r(e.Viewport, {
+			ref: s,
+			tabIndex: d,
+			style: p,
+			children: /* @__PURE__ */ r(e.Content, {
+				...c,
+				style: f,
+				children: a
+			})
+		}),
+		(o === "vertical" || o === "both") && /* @__PURE__ */ r(e.Scrollbar, { orientation: "vertical" }),
+		(o === "horizontal" || o === "both") && /* @__PURE__ */ r(e.Scrollbar, { orientation: "horizontal" }),
+		o === "both" && /* @__PURE__ */ r(e.Corner, {})
+	] });
+}, o = (t) => {
+	let { ref: n, viewportRef: i, children: o, orientation: s = "both", value: l, ...u } = t, [d, f] = c(u), p = /* @__PURE__ */ r(a, {
+		orientation: s,
+		viewportRef: i,
+		contentPaddingProps: d,
+		children: o
+	});
+	return l ? /* @__PURE__ */ r(e.RootProvider, {
+		ref: n,
+		value: l,
+		...f,
+		children: p
+	}) : /* @__PURE__ */ r(e.Root, {
+		ref: n,
+		...f,
+		children: p
+	});
+};
+o.displayName = "ScrollArea";
+//#endregion
+//#region src/utils/extract-padding-props.ts
+var s = /* @__PURE__ */ new Set([
+	"p",
+	"pt",
+	"pr",
+	"pb",
+	"pl",
+	"ps",
+	"pe",
+	"px",
+	"py",
+	"padding",
+	"paddingTop",
+	"paddingRight",
+	"paddingBottom",
+	"paddingLeft",
+	"paddingX",
+	"paddingY",
+	"paddingInline",
+	"paddingBlock",
+	"paddingInlineStart",
+	"paddingInlineEnd",
+	"paddingBlockStart",
+	"paddingBlockEnd",
+	"paddingStart",
+	"paddingEnd"
+]);
+function c(e) {
+	let t = {}, n = { ...e };
+	return Object.keys(e).forEach((r) => {
+		Object.prototype.hasOwnProperty.call(e, r) && s.has(r) && (t[r] = e[r], delete n[r]);
+	}), [t, n];
+}
+//#endregion
+export { o as t };
+
+//# sourceMappingURL=extract-padding-props-DigwT-nT.esm.js.map

package/dist/chunks/extract-padding-props-DigwT-nT.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"extract-padding-props-DigwT-nT.esm.js","names":[],"sources":["../../src/components/scroll-area/scroll-area.tsx","../../src/utils/extract-padding-props.ts"],"sourcesContent":["import {\n  ScrollArea as ChakraScrollArea,\n  useScrollAreaContext,\n} from \"@chakra-ui/react/scroll-area\";\nimport { extractPaddingProps } from \"@/utils\";\nimport type { ScrollAreaProps } from \"./scroll-area.types\";\n\ntype ScrollAreaPartsProps = Pick<\n  ScrollAreaProps,\n  \"children\" | \"orientation\" | \"viewportRef\"\n> & {\n  /** Padding style props extracted from Root, applied to Content. */\n  contentPaddingProps?: Record<string, unknown>;\n};\n\n/**\n * Private component that renders inside ChakraScrollArea.Root\n * so it can access useScrollAreaContext() for conditional tabIndex.\n * Composes Viewport + Content + Scrollbar(s) + Corner.\n */\nconst ScrollAreaParts = ({\n  children,\n  orientation = \"both\",\n  viewportRef,\n  contentPaddingProps,\n}: ScrollAreaPartsProps) => {\n  const { hasOverflowX, hasOverflowY } = useScrollAreaContext();\n  const tabIndex = hasOverflowX || hasOverflowY ? 0 : undefined;\n\n  // Zag always writes `min-width: fit-content` inline on the content slot so\n  // horizontal scroll works. That makes the wrapper grow to fit its widest\n  // child, which stretches every `width: 100%` sibling to that same overgrown\n  // width. For `vertical` and `both` orientations we want the wrapper to stay\n  // at viewport width so `width: 100%` children behave naturally — any\n  // descendant that still overflows (e.g. `white-space: nowrap` text) shows\n  // up as viewport scroll via descendant overflow, which is exactly what the\n  // horizontal scrollbar in `both` is for. `horizontal` keeps Zag's\n  // fit-content so a row of items can scroll as usual.\n  const contentAxisLock =\n    orientation === \"horizontal\"\n      ? { minHeight: 0, height: \"100%\" }\n      : { minWidth: \"100%\", width: \"100%\", height: \"100%\" };\n\n  // Belt-and-suspenders: clip the suppressed axis on the viewport so a child\n  // with an explicit fixed size larger than the viewport can't escape either.\n  // Inline `style` is required because Zag writes `overflow: auto` inline and\n  // recipe-generated classes can't outspecify inline styles.\n  const viewportAxisClip =\n    orientation === \"vertical\"\n      ? { overflowX: \"hidden\" as const }\n      : orientation === \"horizontal\"\n        ? { overflowY: \"hidden\" as const }\n        : undefined;\n\n  return (\n    <>\n      <ChakraScrollArea.Viewport\n        ref={viewportRef}\n        tabIndex={tabIndex}\n        style={viewportAxisClip}\n      >\n        <ChakraScrollArea.Content\n          {...contentPaddingProps}\n          style={contentAxisLock}\n        >\n          {children}\n        </ChakraScrollArea.Content>\n      </ChakraScrollArea.Viewport>\n      {(orientation === \"vertical\" || orientation === \"both\") && (\n        <ChakraScrollArea.Scrollbar orientation=\"vertical\" />\n      )}\n      {(orientation === \"horizontal\" || orientation === \"both\") && (\n        <ChakraScrollArea.Scrollbar orientation=\"horizontal\" />\n      )}\n      {orientation === \"both\" && <ChakraScrollArea.Corner />}\n    </>\n  );\n};\n\n/**\n * # ScrollArea\n *\n * A scrollable container with custom-styled scrollbar overlays.\n * Replaces native scrollbars with themed overlay indicators that appear\n * on hover or during scrolling.\n *\n * Built on Chakra UI's ScrollArea (powered by Ark UI) with Nimbus\n * design tokens and keyboard accessibility.\n *\n * @supportsStyleProps\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/layout/scroll-area}\n *\n * @example\n * ```tsx\n * <ScrollArea maxH=\"200px\" aria-label=\"Log output\">\n *   {content}\n * </ScrollArea>\n * ```\n */\nexport const ScrollArea = (props: ScrollAreaProps) => {\n  const {\n    ref,\n    viewportRef,\n    children,\n    orientation = \"both\",\n    value,\n    ...restProps\n  } = props;\n\n  const [paddingProps, rootProps] = extractPaddingProps(restProps);\n\n  const parts = (\n    <ScrollAreaParts\n      orientation={orientation}\n      viewportRef={viewportRef}\n      contentPaddingProps={paddingProps}\n    >\n      {children}\n    </ScrollAreaParts>\n  );\n\n  if (value) {\n    return (\n      <ChakraScrollArea.RootProvider ref={ref} value={value} {...rootProps}>\n        {parts}\n      </ChakraScrollArea.RootProvider>\n    );\n  }\n\n  return (\n    <ChakraScrollArea.Root ref={ref} {...rootProps}>\n      {parts}\n    </ChakraScrollArea.Root>\n  );\n};\n\nScrollArea.displayName = \"ScrollArea\";\n","/**\n * Padding style prop keys recognised by Chakra UI.\n * Used to forward padding from a parent slot to an inner slot\n * (e.g. ScrollArea Root → Content).\n */\nconst PADDING_PROP_KEYS = new Set([\n  \"p\",\n  \"pt\",\n  \"pr\",\n  \"pb\",\n  \"pl\",\n  \"ps\",\n  \"pe\",\n  \"px\",\n  \"py\",\n  \"padding\",\n  \"paddingTop\",\n  \"paddingRight\",\n  \"paddingBottom\",\n  \"paddingLeft\",\n  \"paddingX\",\n  \"paddingY\",\n  \"paddingInline\",\n  \"paddingBlock\",\n  \"paddingInlineStart\",\n  \"paddingInlineEnd\",\n  \"paddingBlockStart\",\n  \"paddingBlockEnd\",\n  \"paddingStart\",\n  \"paddingEnd\",\n]);\n\n/**\n * Extracts padding style-props from an object, separating them from other props.\n * Responsive values (arrays and objects like `{ base: \"200\", md: \"400\" }`)\n * are supported — they are extracted by key name unchanged.\n * @param props The props object to separate\n * @returns A tuple containing [paddingProps, otherProps]\n */\nexport function extractPaddingProps<T extends object>(\n  props: T\n): [Record<string, unknown>, Omit<T, string>] {\n  const paddingProps: Record<string, unknown> = {};\n  const otherProps = { ...props } as Record<string, unknown>;\n\n  Object.keys(props).forEach((key) => {\n    if (\n      Object.prototype.hasOwnProperty.call(props, key) &&\n      PADDING_PROP_KEYS.has(key)\n    ) {\n      paddingProps[key] = props[key as keyof T];\n      delete otherProps[key];\n    }\n  });\n\n  return [paddingProps, otherProps as Omit<T, string>];\n}\n"],"mappings":";;;AAoBA,IAAM,KAAmB,EACvB,aACA,iBAAc,QACd,gBACA,6BAC0B;CAC1B,IAAM,EAAE,iBAAc,oBAAiB,EAAqB,GACtD,IAAW,KAAgB,IAAe,IAAI,KAAA,GAW9C,IACJ,MAAgB,eACZ;EAAE,WAAW;EAAG,QAAQ;CAAO,IAC/B;EAAE,UAAU;EAAQ,OAAO;EAAQ,QAAQ;CAAO,GAMlD,IACJ,MAAgB,aACZ,EAAE,WAAW,SAAkB,IAC/B,MAAgB,eACd,EAAE,WAAW,SAAkB,IAC/B,KAAA;CAER,OACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,EAAiB,UAAlB;GACE,KAAK;GACK;GACV,OAAO;aAEP,kBAAC,EAAiB,SAAlB;IACE,GAAI;IACJ,OAAO;IAEN;GACuB,CAAA;EACD,CAAA;GACzB,MAAgB,cAAc,MAAgB,WAC9C,kBAAC,EAAiB,WAAlB,EAA4B,aAAY,WAAY,CAAA;GAEpD,MAAgB,gBAAgB,MAAgB,WAChD,kBAAC,EAAiB,WAAlB,EAA4B,aAAY,aAAc,CAAA;EAEvD,MAAgB,UAAU,kBAAC,EAAiB,QAAlB,CAA0B,CAAA;CACrD,EAAA,CAAA;AAEN,GAuBa,KAAc,MAA2B;CACpD,IAAM,EACJ,QACA,gBACA,aACA,iBAAc,QACd,UACA,GAAG,MACD,GAEE,CAAC,GAAc,KAAa,EAAoB,CAAS,GAEzD,IACJ,kBAAC,GAAD;EACe;EACA;EACb,qBAAqB;EAEpB;CACc,CAAA;CAWnB,OARI,IAEA,kBAAC,EAAiB,cAAlB;EAAoC;EAAY;EAAO,GAAI;YACxD;CAC4B,CAAA,IAKjC,kBAAC,EAAiB,MAAlB;EAA4B;EAAK,GAAI;YAClC;CACoB,CAAA;AAE3B;AAEA,EAAW,cAAc;;;ACpIzB,IAAM,oBAAoB,IAAI,IAAI;CAChC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,CAAC;AASD,SAAgB,EACd,GAC4C;CAC5C,IAAM,IAAwC,CAAC,GACzC,IAAa,EAAE,GAAG,EAAM;CAY9B,OAVA,OAAO,KAAK,CAAK,CAAC,CAAC,SAAS,MAAQ;EAClC,AACE,OAAO,UAAU,eAAe,KAAK,GAAO,CAAG,KAC/C,EAAkB,IAAI,CAAG,MAEzB,EAAa,KAAO,EAAM,IAC1B,OAAO,EAAW;CAEtB,CAAC,GAEM,CAAC,GAAc,CAA6B;AACrD"}

package/dist/chunks/extract-style-props-D519tVOc.esm.js

@@ -0,0 +1,12 @@
+import { t as e } from "./theme-CFqa_6UM.esm.js";
+//#region src/utils/extract-style-props.ts
+function t(t) {
+	let n = {}, r = { ...t };
+	return Object.keys(t).forEach((i) => {
+		Object.prototype.hasOwnProperty.call(t, i) && e.isValidProperty(i) && (n[i] = t[i], delete r[i]);
+	}), [n, r];
+}
+//#endregion
+export { t };
+
+//# sourceMappingURL=extract-style-props-D519tVOc.esm.js.map

package/dist/chunks/extract-style-props-D519tVOc.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"extract-style-props-D519tVOc.esm.js","names":[],"sources":["../../src/utils/extract-style-props.ts"],"sourcesContent":["import { system } from \"@/theme\";\n\n/**\n * Extracts chakra-ui style-props from an object, separating them from other props\n * @param props The props object to separate\n * @returns A tuple containing [styleProps, otherProps]\n */\nexport function extractStyleProps<T extends object>(\n  props: T\n): [Record<string, unknown>, Omit<T, string>] {\n  const styleProps: Record<string, unknown> = {};\n  const otherProps = { ...props } as Record<string, unknown>;\n\n  // Process only own properties\n  Object.keys(props).forEach((key) => {\n    if (\n      Object.prototype.hasOwnProperty.call(props, key) &&\n      system.isValidProperty(key)\n    ) {\n      styleProps[key] = props[key as keyof T];\n      delete otherProps[key];\n    }\n  });\n\n  return [styleProps, otherProps as Omit<T, string>];\n}\n"],"mappings":";;AAOA,SAAgB,EACd,GAC4C;CAC5C,IAAM,IAAsC,CAAC,GACvC,IAAa,EAAE,GAAG,EAAM;CAa9B,OAVA,OAAO,KAAK,CAAK,CAAC,CAAC,SAAS,MAAQ;EAClC,AACE,OAAO,UAAU,eAAe,KAAK,GAAO,CAAG,KAC/C,EAAO,gBAAgB,CAAG,MAE1B,EAAW,KAAO,EAAM,IACxB,OAAO,EAAW;CAEtB,CAAC,GAEM,CAAC,GAAY,CAA6B;AACnD"}

package/dist/chunks/extract-style-props-WNdpT-ME.cjs

@@ -0,0 +1,2 @@
+const e=require("./theme-DA63MDZQ.cjs.js");function t(t){let n={},r={...t};return Object.keys(t).forEach(i=>{Object.prototype.hasOwnProperty.call(t,i)&&e.t.isValidProperty(i)&&(n[i]=t[i],delete r[i])}),[n,r]}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return t}});
+//# sourceMappingURL=extract-style-props-WNdpT-ME.cjs.js.map

package/dist/chunks/extract-style-props-WNdpT-ME.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"extract-style-props-WNdpT-ME.cjs.js","names":[],"sources":["../../src/utils/extract-style-props.ts"],"sourcesContent":["import { system } from \"@/theme\";\n\n/**\n * Extracts chakra-ui style-props from an object, separating them from other props\n * @param props The props object to separate\n * @returns A tuple containing [styleProps, otherProps]\n */\nexport function extractStyleProps<T extends object>(\n  props: T\n): [Record<string, unknown>, Omit<T, string>] {\n  const styleProps: Record<string, unknown> = {};\n  const otherProps = { ...props } as Record<string, unknown>;\n\n  // Process only own properties\n  Object.keys(props).forEach((key) => {\n    if (\n      Object.prototype.hasOwnProperty.call(props, key) &&\n      system.isValidProperty(key)\n    ) {\n      styleProps[key] = props[key as keyof T];\n      delete otherProps[key];\n    }\n  });\n\n  return [styleProps, otherProps as Omit<T, string>];\n}\n"],"mappings":"2CAOA,SAAgB,EACd,EAC4C,CAC5C,IAAM,EAAsC,CAAC,EACvC,EAAa,CAAE,GAAG,CAAM,EAa9B,OAVA,OAAO,KAAK,CAAK,CAAC,CAAC,QAAS,GAAQ,CAEhC,OAAO,UAAU,eAAe,KAAK,EAAO,CAAG,GAC/C,EAAA,EAAO,gBAAgB,CAAG,IAE1B,EAAW,GAAO,EAAM,GACxB,OAAO,EAAW,GAEtB,CAAC,EAEM,CAAC,EAAY,CAA6B,CACnD"}