@commercetools/nimbus 3.2.0 → 3.3.0

package/dist/chunks/drawer-I6J9g1l4.esm.js

@@ -0,0 +1,189 @@
+import { n as e, t } from "./Dialog-tQOfG_On.esm.js";
+import { n, t as r } from "./Modal-BG58sEN8.esm.js";
+import { n as i } from "./Button-FcraQeen.esm.js";
+import { t as a } from "./icon-button-6dtfz6Yf.esm.js";
+import { n as o, t as s } from "./normalize-messages-B_f-0I5n.esm.js";
+import { t as c } from "./heading-DA_lAqus.esm.js";
+import { p as l } from "./theme-BR3bc6tH.esm.js";
+import { t as u } from "./extract-style-props-BPnHKmWR.esm.js";
+import d, { createContext as f, useContext as p } from "react";
+import { jsx as m } from "react/jsx-runtime";
+import { Close as h } from "@commercetools/nimbus-icons";
+import { chakra as g, createSlotRecipeContext as _, useSlotRecipe as v } from "@chakra-ui/react/styled-system";
+//#region src/components/drawer/drawer.slots.tsx
+var { withProvider: y, withContext: b } = _({ key: "nimbusDrawer" }), x = y("div", "root"), S = b("button", "trigger"), C = b("div", "modalOverlay"), w = b("div", "modal"), T = b("div", "content"), E = b("header", "header"), D = b("div", "body"), O = b("footer", "footer"), k = b("h2", "title"), A = b("div", "closeTrigger"), j = f(void 0), M = () => {
+	let e = p(j);
+	if (!e) throw Error("useDrawerContext must be used within Drawer.Root");
+	return e;
+}, N = ({ children: e, value: t }) => /* @__PURE__ */ m(j, {
+	value: t,
+	children: e
+}), P = (e) => {
+	let [n] = v({ recipe: l }).splitVariantProps(e), { children: r, isOpen: i, onOpenChange: a, defaultOpen: o = !1 } = e, s = /* @__PURE__ */ m(x, {
+		...n,
+		children: r
+	}), c = d.Children.toArray(r).some((e) => {
+		if (d.isValidElement(e) && typeof e.type == "function") {
+			let t = e.type?.displayName;
+			return t === "DrawerTrigger" || t === "Drawer.Trigger";
+		}
+		return !1;
+	});
+	return /* @__PURE__ */ m(N, {
+		value: {
+			...e,
+			hasDrawerTrigger: c
+		},
+		children: c ? /* @__PURE__ */ m(t, {
+			isOpen: i,
+			onOpenChange: a,
+			defaultOpen: o,
+			children: s
+		}) : s
+	});
+};
+P.displayName = "Drawer.Root";
+//#endregion
+//#region src/components/drawer/components/drawer.trigger.tsx
+var F = ({ ref: e, children: t, asChild: n, ...r }) => {
+	if (n) return /* @__PURE__ */ m(g.button, {
+		ref: e,
+		asChild: !0,
+		...r,
+		children: t
+	});
+	let [a, o] = u(r);
+	return /* @__PURE__ */ m(S, {
+		...a,
+		asChild: !0,
+		children: /* @__PURE__ */ m(i, {
+			ref: e,
+			...o,
+			children: t
+		})
+	});
+};
+F.displayName = "Drawer.Trigger";
+//#endregion
+//#region src/components/drawer/components/drawer.content.tsx
+var I = (t) => {
+	let { ref: i, children: a, ...o } = t, { hasDrawerTrigger: s, isDismissable: c = !0, isKeyboardDismissDisabled: l, shouldCloseOnInteractOutside: d, isOpen: f, onOpenChange: p, defaultOpen: h } = M(), g = s ? {
+		isDismissable: c,
+		isKeyboardDismissDisabled: l,
+		shouldCloseOnInteractOutside: d
+	} : {
+		isDismissable: c,
+		isKeyboardDismissDisabled: l,
+		shouldCloseOnInteractOutside: d,
+		isOpen: f,
+		onOpenChange: p,
+		defaultOpen: h
+	}, [_, v] = u(o);
+	return /* @__PURE__ */ m(C, {
+		asChild: !0,
+		children: /* @__PURE__ */ m(n, {
+			...g,
+			children: /* @__PURE__ */ m(w, {
+				asChild: !0,
+				children: /* @__PURE__ */ m(r, { children: /* @__PURE__ */ m(T, {
+					asChild: !0,
+					..._,
+					children: /* @__PURE__ */ m(e, {
+						ref: i,
+						...v,
+						children: a
+					})
+				}) })
+			})
+		})
+	});
+};
+I.displayName = "Drawer.Content";
+//#endregion
+//#region src/components/drawer/components/drawer.header.tsx
+var L = (e) => {
+	let { ref: t, children: n, ...r } = e;
+	return /* @__PURE__ */ m(E, {
+		ref: t,
+		...r,
+		children: n
+	});
+};
+L.displayName = "Drawer.Header";
+//#endregion
+//#region src/components/drawer/components/drawer.body.tsx
+var R = (e) => {
+	let { ref: t, children: n, ...r } = e;
+	return /* @__PURE__ */ m(D, {
+		ref: t,
+		tabIndex: 0,
+		...r,
+		children: n
+	});
+};
+R.displayName = "Drawer.Body";
+//#endregion
+//#region src/components/drawer/components/drawer.footer.tsx
+var z = (e) => {
+	let { ref: t, children: n, ...r } = e;
+	return /* @__PURE__ */ m(O, {
+		ref: t,
+		...r,
+		children: n
+	});
+};
+z.displayName = "Drawer.Footer";
+//#endregion
+//#region src/components/drawer/components/drawer.title.tsx
+var B = (e) => {
+	let { ref: t, children: n, ...r } = e;
+	return /* @__PURE__ */ m(k, {
+		asChild: !0,
+		...r,
+		children: /* @__PURE__ */ m(c, {
+			ref: t,
+			slot: "title",
+			as: "h2",
+			textStyle: "lg",
+			children: n
+		})
+	});
+};
+B.displayName = "Drawer.Title";
+//#endregion
+//#region src/components/drawer/drawer.messages.ts
+var V = {
+	en: s({ closeTrigger: "Close drawer" }),
+	de: s({ closeTrigger: "Schublade schließen" }),
+	es: s({ closeTrigger: "Cerrar bandeja" }),
+	"fr-FR": s({ closeTrigger: "Fermer le volet" }),
+	"pt-BR": s({ closeTrigger: "Fechar gaveta" })
+}, H = (e) => {
+	let t = o(V), { ref: n, "aria-label": r, ...i } = e;
+	return /* @__PURE__ */ m(A, { children: /* @__PURE__ */ m(a, {
+		ref: n,
+		slot: "close",
+		size: "xs",
+		variant: "ghost",
+		"aria-label": r || t.format("closeTrigger"),
+		...i,
+		children: /* @__PURE__ */ m(h, {})
+	}) });
+};
+H.displayName = "Drawer.CloseTrigger";
+//#endregion
+//#region src/components/drawer/drawer.tsx
+var U = {
+	Root: P,
+	Trigger: F,
+	Content: I,
+	Header: L,
+	Body: R,
+	Footer: z,
+	Title: B,
+	CloseTrigger: H
+};
+//#endregion
+export { R as a, F as c, z as i, P as l, H as n, L as o, B as r, I as s, U as t };
+
+//# sourceMappingURL=drawer-I6J9g1l4.esm.js.map

package/dist/chunks/drawer-I6J9g1l4.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-I6J9g1l4.esm.js","names":[],"sources":["../../src/components/drawer/drawer.slots.tsx","../../src/components/drawer/components/drawer.context.tsx","../../src/components/drawer/components/drawer.root.tsx","../../src/components/drawer/components/drawer.trigger.tsx","../../src/components/drawer/components/drawer.content.tsx","../../src/components/drawer/components/drawer.header.tsx","../../src/components/drawer/components/drawer.body.tsx","../../src/components/drawer/components/drawer.footer.tsx","../../src/components/drawer/components/drawer.title.tsx","../../src/components/drawer/intl/en.ts","../../src/components/drawer/intl/de.ts","../../src/components/drawer/intl/es.ts","../../src/components/drawer/intl/fr-FR.ts","../../src/components/drawer/intl/pt-BR.ts","../../src/components/drawer/drawer.messages.ts","../../src/components/drawer/components/drawer.close-trigger.tsx","../../src/components/drawer/drawer.tsx"],"sourcesContent":["import {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n} from \"@chakra-ui/react/styled-system\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusDrawer\",\n});\n\n// Root slot - provides recipe context + config to all child components\nexport type DrawerRootSlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerRootSlot = withProvider<HTMLDivElement, DrawerRootSlotProps>(\n  \"div\",\n  \"root\"\n);\n\n// Trigger slot - button that opens the drawer\nexport type DrawerTriggerSlotProps = HTMLChakraProps<\"button\">;\nexport const DrawerTriggerSlot = withContext<\n  HTMLButtonElement,\n  DrawerTriggerSlotProps\n>(\"button\", \"trigger\");\n\n// Backdrop slot - overlay displayed behind the drawer\nexport type DrawerModalOverlaySlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerModalOverlaySlot = withContext<\n  HTMLDivElement,\n  DrawerModalOverlaySlotProps\n>(\"div\", \"modalOverlay\");\n\n// modal slot - positions the drawer content\nexport type DrawerModalSlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerModalSlot = withContext<\n  HTMLDivElement,\n  DrawerModalSlotProps\n>(\"div\", \"modal\");\n\n// Content slot - main drawer container\nexport type DrawerContentSlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerContentSlot = withContext<\n  HTMLDivElement,\n  DrawerContentSlotProps\n>(\"div\", \"content\");\n\n// Header slot - drawer header section\nexport type DrawerHeaderSlotProps = HTMLChakraProps<\"header\">;\nexport const DrawerHeaderSlot = withContext<HTMLElement, DrawerHeaderSlotProps>(\n  \"header\",\n  \"header\"\n);\n\n// Body slot - drawer body content\nexport type DrawerBodySlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerBodySlot = withContext<HTMLDivElement, DrawerBodySlotProps>(\n  \"div\",\n  \"body\"\n);\n\n// Footer slot - drawer footer section with actions\nexport type DrawerFooterSlotProps = HTMLChakraProps<\"footer\">;\nexport const DrawerFooterSlot = withContext<HTMLElement, DrawerFooterSlotProps>(\n  \"footer\",\n  \"footer\"\n);\n\n// Title slot - accessible drawer title\nexport type DrawerTitleSlotProps = HTMLChakraProps<\"h2\">;\nexport const DrawerTitleSlot = withContext<\n  HTMLHeadingElement,\n  DrawerTitleSlotProps\n>(\"h2\", \"title\");\n\n// Close trigger slot - div container for positioning close button\nexport type DrawerCloseTriggerSlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerCloseTriggerSlot = withContext<\n  HTMLDivElement,\n  DrawerCloseTriggerSlotProps\n>(\"div\", \"closeTrigger\");\n","import { createContext, useContext } from \"react\";\nimport type { DrawerRootProps } from \"../drawer.types\";\n\n/**\n * Context value containing drawer configuration passed from Root to child components\n */\nexport type DrawerContextValue = DrawerRootProps & {\n  /**\n   * Internal flag indicating whether the drawer has a Drawer.Trigger component.\n   * Used by DrawerContent to determine whether DialogTrigger is managing state.\n   */\n  hasDrawerTrigger?: boolean;\n};\n\nexport const DrawerContext = createContext<DrawerContextValue | undefined>(\n  undefined\n);\n\n/**\n * Hook to access drawer configuration from DrawerContext\n * @returns Drawer configuration from context\n * @throws Error if used outside of Drawer.Root\n */\nexport const useDrawerRootContext = (): DrawerContextValue => {\n  const context = useContext(DrawerContext);\n  if (!context) {\n    throw new Error(\"useDrawerContext must be used within Drawer.Root\");\n  }\n  return context;\n};\n\n/**\n * Provider component that passes drawer configuration down to child components\n */\nexport const DrawerProvider = ({\n  children,\n  value,\n}: {\n  children: React.ReactNode;\n  value: DrawerContextValue;\n}) => {\n  return <DrawerContext value={value}>{children}</DrawerContext>;\n};\n","import React from \"react\";\nimport { DialogTrigger as RaDialogTrigger } from \"react-aria-components\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { DrawerRootSlot } from \"../drawer.slots\";\nimport type { DrawerRootProps } from \"../drawer.types\";\nimport { DrawerProvider } from \"./drawer.context\";\nimport { drawerSlotRecipe } from \"../drawer.recipe\";\n\nexport const DrawerRoot = (props: DrawerRootProps) => {\n  const recipe = useSlotRecipe({ recipe: drawerSlotRecipe });\n  // Extract recipe props\n  const [recipeProps] = recipe.splitVariantProps(props);\n  // Extract props that are usable on RaDialogTrigger\n  const { children, isOpen, onOpenChange, defaultOpen = false } = props;\n\n  const content = <DrawerRootSlot {...recipeProps}>{children}</DrawerRootSlot>;\n\n  // Check if any child is a Drawer.Trigger component\n  // React Aria's DialogTrigger needs a pressable child, so we only use it when there's a trigger\n  const hasDrawerTrigger = React.Children.toArray(children).some((child) => {\n    if (React.isValidElement(child) && typeof child.type === \"function\") {\n      const displayName = (\n        child.type as React.ComponentType & { displayName?: string }\n      )?.displayName;\n      return (\n        displayName === \"DrawerTrigger\" || displayName === \"Drawer.Trigger\"\n      );\n    }\n    return false;\n  });\n\n  // Share all props (config + variant props) with the Drawer subcomponents\n  // Also pass hasDrawerTrigger so DrawerContent knows whether to manage its own state\n  return (\n    <DrawerProvider value={{ ...props, hasDrawerTrigger }}>\n      {hasDrawerTrigger ? (\n        // When there's a Drawer.Trigger, use DialogTrigger for React Aria integration\n        <RaDialogTrigger\n          isOpen={isOpen}\n          onOpenChange={onOpenChange}\n          defaultOpen={defaultOpen}\n        >\n          {content}\n        </RaDialogTrigger>\n      ) : (\n        // When no Drawer.Trigger, skip DialogTrigger to avoid the warning\n        content\n      )}\n    </DrawerProvider>\n  );\n};\n\nDrawerRoot.displayName = \"Drawer.Root\";\n","import { Button as RaButton } from \"react-aria-components\";\nimport { DrawerTriggerSlot } from \"../drawer.slots\";\nimport type { DrawerTriggerProps } from \"../drawer.types\";\nimport { extractStyleProps } from \"@/utils\";\nimport { chakra } from \"@chakra-ui/react/styled-system\";\n\n/**\n * Drawer.Trigger - The trigger element that opens the drawer when activated\n *\n * @supportsStyleProps\n */\nexport const DrawerTrigger = ({\n  ref: forwardedRef,\n  children,\n  asChild,\n  ...props\n}: DrawerTriggerProps) => {\n  // If asChild is true, wrap children directly in RaButton with asChild\n  if (asChild) {\n    return (\n      <chakra.button ref={forwardedRef} asChild {...props}>\n        {children}\n      </chakra.button>\n    );\n  }\n\n  const [styleProps, restProps] = extractStyleProps(props);\n\n  // Otherwise, wrap with both DrawerTriggerSlot and RaButton\n  // Only pass React Aria compatible props to avoid type conflicts\n  return (\n    <DrawerTriggerSlot {...styleProps} asChild>\n      <RaButton ref={forwardedRef} {...restProps}>\n        {children}\n      </RaButton>\n    </DrawerTriggerSlot>\n  );\n};\n\nDrawerTrigger.displayName = \"Drawer.Trigger\";\n","import {\n  Modal as RaModal,\n  ModalOverlay as RaModalOverlay,\n  Dialog as RaDialog,\n} from \"react-aria-components\";\nimport {\n  DrawerModalOverlaySlot,\n  DrawerModalSlot,\n  DrawerContentSlot,\n} from \"../drawer.slots\";\nimport type { DrawerContentProps } from \"../drawer.types\";\nimport { extractStyleProps } from \"@/utils\";\nimport { useDrawerRootContext } from \"./drawer.context\";\n\n/**\n * Drawer.Content - The main drawer content container\n *\n * @supportsStyleProps\n */\nexport const DrawerContent = (props: DrawerContentProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  // Get configuration from context\n  const {\n    hasDrawerTrigger,\n    isDismissable = true, // Default to true so clicking outside closes the drawer\n    isKeyboardDismissDisabled,\n    shouldCloseOnInteractOutside,\n    isOpen,\n    onOpenChange,\n    defaultOpen,\n  } = useDrawerRootContext();\n\n  // When there's a Drawer.Trigger, DialogTrigger manages state via React Context\n  // When there's NO Drawer.Trigger, ModalOverlay must manage its own state\n  const modalProps = hasDrawerTrigger\n    ? {\n        // With trigger: Only pass dismissal props, state is managed by DialogTrigger\n        isDismissable,\n        isKeyboardDismissDisabled,\n        shouldCloseOnInteractOutside,\n      }\n    : {\n        // Without trigger: Pass state management props to ModalOverlay\n        isDismissable,\n        isKeyboardDismissDisabled,\n        shouldCloseOnInteractOutside,\n        isOpen,\n        onOpenChange,\n        defaultOpen,\n      };\n\n  const [styleProps, functionalProps] = extractStyleProps(restProps);\n\n  return (\n    <DrawerModalOverlaySlot asChild>\n      <RaModalOverlay {...modalProps}>\n        <DrawerModalSlot asChild>\n          <RaModal>\n            <DrawerContentSlot asChild {...styleProps}>\n              <RaDialog ref={forwardedRef} {...functionalProps}>\n                {children}\n              </RaDialog>\n            </DrawerContentSlot>\n          </RaModal>\n        </DrawerModalSlot>\n      </RaModalOverlay>\n    </DrawerModalOverlaySlot>\n  );\n};\n\nDrawerContent.displayName = \"Drawer.Content\";\n","import { DrawerHeaderSlot } from \"../drawer.slots\";\nimport type { DrawerHeaderProps } from \"../drawer.types\";\n\n/**\n * Drawer.Header - The header section of the drawer\n *\n * @supportsStyleProps\n */\nexport const DrawerHeader = (props: DrawerHeaderProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <DrawerHeaderSlot ref={forwardedRef} {...restProps}>\n      {children}\n    </DrawerHeaderSlot>\n  );\n};\n\nDrawerHeader.displayName = \"Drawer.Header\";\n","import { DrawerBodySlot } from \"../drawer.slots\";\nimport type { DrawerBodyProps } from \"../drawer.types\";\n\n/**\n * Drawer.Body - The main body content section of the drawer\n *\n * @supportsStyleProps\n */\nexport const DrawerBody = (props: DrawerBodyProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  const defaultProps = {\n    /**\n     * Set tabIndex to 0 to allow the body to receive focus,\n     * effectively enabling scrolling via keyboard arrow keys.\n     */\n    tabIndex: 0,\n  };\n\n  return (\n    <DrawerBodySlot ref={forwardedRef} {...defaultProps} {...restProps}>\n      {children}\n    </DrawerBodySlot>\n  );\n};\n\nDrawerBody.displayName = \"Drawer.Body\";\n","import { DrawerFooterSlot } from \"../drawer.slots\";\nimport type { DrawerFooterProps } from \"../drawer.types\";\n\n/**\n * Drawer.Footer - The footer section of the drawer\n *\n * @supportsStyleProps\n */\nexport const DrawerFooter = (props: DrawerFooterProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <DrawerFooterSlot ref={forwardedRef} {...restProps}>\n      {children}\n    </DrawerFooterSlot>\n  );\n};\n\nDrawerFooter.displayName = \"Drawer.Footer\";\n","import { DrawerTitleSlot } from \"../drawer.slots\";\nimport type { DrawerTitleProps } from \"../drawer.types\";\nimport { Heading } from \"@/components\";\n\n/**\n * Drawer.Title - The accessible title element for the drawer\n *\n * @supportsStyleProps\n */\nexport const DrawerTitle = (props: DrawerTitleProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <DrawerTitleSlot asChild {...restProps}>\n      <Heading ref={forwardedRef} slot=\"title\" as=\"h2\" textStyle=\"lg\">\n        {children}\n      </Heading>\n    </DrawerTitleSlot>\n  );\n};\n\nDrawerTitle.displayName = \"Drawer.Title\";\n","/**\n * Pre-compiled en messages for Drawer\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { closeTrigger: `Close drawer` };\n","/**\n * Pre-compiled de messages for Drawer\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { closeTrigger: `Schublade schließen` };\n","/**\n * Pre-compiled es messages for Drawer\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { closeTrigger: `Cerrar bandeja` };\n","/**\n * Pre-compiled fr-FR messages for Drawer\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { closeTrigger: `Fermer le volet` };\n","/**\n * Pre-compiled pt-BR messages for Drawer\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { closeTrigger: `Fechar gaveta` };\n","/**\n * Pre-compiled localized messages for Drawer 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 drawerMessages_en from \"./intl/en\";\nimport drawerMessages_de from \"./intl/de\";\nimport drawerMessages_es from \"./intl/es\";\nimport drawerMessages_fr from \"./intl/fr-FR\";\nimport drawerMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const drawerMessagesStrings: LocalizedStrings<string, LocalizedString> =\n  {\n    en: normalizeMessages(drawerMessages_en),\n    de: normalizeMessages(drawerMessages_de),\n    es: normalizeMessages(drawerMessages_es),\n    \"fr-FR\": normalizeMessages(drawerMessages_fr),\n    \"pt-BR\": normalizeMessages(drawerMessages_pt),\n  } as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for Drawer component\n */\nexport type DrawerMessageKey = \"closeTrigger\";\n","import { Close } from \"@commercetools/nimbus-icons\";\nimport { DrawerCloseTriggerSlot } from \"../drawer.slots\";\nimport type { DrawerCloseTriggerProps } from \"../drawer.types\";\nimport { IconButton } from \"@/components\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { drawerMessagesStrings } from \"../drawer.messages\";\n\n/**\n * Drawer.CloseTrigger - A button that closes the drawer when activated\n *\n * @supportsStyleProps\n */\nexport const DrawerCloseTrigger = (props: DrawerCloseTriggerProps) => {\n  const msg = useLocalizedStringFormatter(drawerMessagesStrings);\n  const { ref: forwardedRef, \"aria-label\": ariaLabel, ...restProps } = props;\n\n  return (\n    <DrawerCloseTriggerSlot>\n      <IconButton\n        ref={forwardedRef}\n        slot=\"close\"\n        size=\"xs\"\n        variant=\"ghost\"\n        aria-label={ariaLabel || msg.format(\"closeTrigger\")}\n        {...restProps}\n      >\n        <Close />\n      </IconButton>\n    </DrawerCloseTriggerSlot>\n  );\n};\n\nDrawerCloseTrigger.displayName = \"Drawer.CloseTrigger\";\n","import { DrawerRoot } from \"./components/drawer.root\";\nimport { DrawerTrigger } from \"./components/drawer.trigger\";\nimport { DrawerContent } from \"./components/drawer.content\";\nimport { DrawerHeader } from \"./components/drawer.header\";\nimport { DrawerBody } from \"./components/drawer.body\";\nimport { DrawerFooter } from \"./components/drawer.footer\";\nimport { DrawerTitle } from \"./components/drawer.title\";\nimport { DrawerCloseTrigger } from \"./components/drawer.close-trigger\";\n\n/**\n * Drawer\n * ============================================================\n * A foundational drawer component for overlays that require user attention.\n * Built for accessibility and WCAG 2.1 AA compliance.\n *\n * Features:\n * - Controlled and uncontrolled modes\n * - Customizable placement, size, and animations\n * - Focus management and keyboard navigation\n * - Click-outside and Escape key dismissal\n * - Portal rendering support\n * - Backdrop overlay with animations\n *\n * @example\n * ```tsx\n * <Drawer.Root>\n *   <Drawer.Trigger>Open Drawer</Drawer.Trigger>\n *   <Drawer.Content size=\"md\" placement=\"center\">\n *     <Drawer.Header>\n *       <Drawer.Title>Drawer Title</Drawer.Title>\n *       <Drawer.CloseTrigger>×</Drawer.CloseTrigger>\n *     </Drawer.Header>\n *     <Drawer.Body>\n *       Drawer content goes here\n *     </Drawer.Body>\n *     <Drawer.Footer>\n *       <button>Cancel</button>\n *       <button>Save</button>\n *     </Drawer.Footer>\n *   </Drawer.Content>\n * </Drawer.Root>\n * ```\n * @see https://nimbus-documentation.vercel.app/components/feedback/drawer\n */\nexport const Drawer = {\n  /**\n   * # Drawer.Root\n   *\n   * The root component that provides context and state management for the drawer.\n   * Handles accessibility and keyboard interaction.\n   *\n   * This component must wrap all drawer parts (Trigger, Content, etc.) and provides\n   * the drawer open/close state and variant styling context.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Root>\n   *   <Drawer.Trigger>Open Drawer</Drawer.Trigger>\n   *   <Drawer.Content>\n   *     <Drawer.Header>\n   *       <Drawer.Title>Drawer Title</Drawer.Title>\n   *     </Drawer.Header>\n   *     <Drawer.Body>Drawer content</Drawer.Body>\n   *   </Drawer.Content>\n   * </Drawer.Root>\n   * ```\n   */\n  Root: DrawerRoot,\n  /**\n   * # Drawer.Trigger\n   *\n   * The trigger element that opens the drawer when activated.\n   * Provides accessibility and keyboard support.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Root>\n   *   <Drawer.Trigger>Open Drawer</Drawer.Trigger>\n   *   <Drawer.Content>...</Drawer.Content>\n   * </Drawer.Root>\n   * ```\n   */\n  Trigger: DrawerTrigger,\n  /**\n   * # Drawer.Content\n   *\n   * The main drawer content container that handles portalling, backdrop,\n   * positioning, and content styling.\n   *\n   * This component creates the drawer overlay, positions the content, and provides\n   * accessibility features like focus management and keyboard dismissal.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Root>\n   *   <Drawer.Trigger>Open Drawer</Drawer.Trigger>\n   *   <Drawer.Content size=\"md\" placement=\"center\">\n   *     <Drawer.Header>\n   *       <Drawer.Title>Title</Drawer.Title>\n   *     </Drawer.Header>\n   *     <Drawer.Body>Content</Drawer.Body>\n   *     <Drawer.Footer>Actions</Drawer.Footer>\n   *   </Drawer.Content>\n   * </Drawer.Root>\n   * ```\n   */\n  Content: DrawerContent,\n  /**\n   * # Drawer.Header\n   *\n   * The header section of the drawer content.\n   * Typically contains the title and close button.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Content>\n   *   <Drawer.Header>\n   *     <Drawer.Title>Drawer Title</Drawer.Title>\n   *     <Drawer.CloseTrigger />\n   *   </Drawer.Header>\n   *   <Drawer.Body>...</Drawer.Body>\n   * </Drawer.Content>\n   * ```\n   */\n  Header: DrawerHeader,\n  /**\n   * # Drawer.Body\n   *\n   * The main body content section of the drawer.\n   * Contains the primary drawer content and handles overflow/scrolling.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Content>\n   *   <Drawer.Header>...</Drawer.Header>\n   *   <Drawer.Body>\n   *     <p>This is the main content of the drawer.</p>\n   *   </Drawer.Body>\n   *   <Drawer.Footer>...</Drawer.Footer>\n   * </Drawer.Content>\n   * ```\n   */\n  Body: DrawerBody,\n  /**\n   * # Drawer.Footer\n   *\n   * The footer section of the drawer, typically containing action buttons.\n   * Provides consistent spacing and alignment for drawer actions.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Content>\n   *   <Drawer.Header>...</Drawer.Header>\n   *   <Drawer.Body>...</Drawer.Body>\n   *   <Drawer.Footer>\n   *     <Button variant=\"outline\">Cancel</Button>\n   *     <Button>Confirm</Button>\n   *   </Drawer.Footer>\n   * </Drawer.Content>\n   * ```\n   */\n  Footer: DrawerFooter,\n  /**\n   * # Drawer.Title\n   *\n   * The accessible title element for the drawer.\n   * Provides proper accessibility and screen reader support.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Content>\n   *   <Drawer.Header>\n   *     <Drawer.Title>Confirm Action</Drawer.Title>\n   *   </Drawer.Header>\n   *   <Drawer.Body>...</Drawer.Body>\n   * </Drawer.Content>\n   * ```\n   */\n  Title: DrawerTitle,\n  /**\n   * # Drawer.CloseTrigger\n   *\n   * A button that closes the drawer when activated.\n   * Displays an IconButton with a close (X) icon by default.\n   *\n   * The component automatically handles the close behavior,\n   * so no additional onPress handler is needed.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Root>\n   *   <Drawer.Trigger>Open Drawer</Drawer.Trigger>\n   *   <Drawer.Content>\n   *     <Drawer.Header>\n   *       <Drawer.Title>Title</Drawer.Title>\n   *       <Drawer.CloseTrigger aria-label=\"Close drawer\" />\n   *     </Drawer.Header>\n   *     <Drawer.Body>Content</Drawer.Body>\n   *   </Drawer.Content>\n   * </Drawer.Root>\n   * ```\n   */\n  CloseTrigger: DrawerCloseTrigger,\n};\n\n// Internal exports for react-docgen\nexport {\n  DrawerRoot as _DrawerRoot,\n  DrawerTrigger as _DrawerTrigger,\n  DrawerContent as _DrawerContent,\n  DrawerHeader as _DrawerHeader,\n  DrawerBody as _DrawerBody,\n  DrawerFooter as _DrawerFooter,\n  DrawerTitle as _DrawerTitle,\n  DrawerCloseTrigger as _DrawerCloseTrigger,\n};\n"],"mappings":"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"}

package/dist/chunks/drop-zone-Dr4VzY5B.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-CA1O0IF2.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:`Drag and drop files here`}),es:_.t({defaultLabel:`Drag and drop files here`}),"fr-FR":_.t({defaultLabel:`Drag and drop files here`}),"pt-BR":_.t({defaultLabel:`Drag and drop files here`})},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-Dr4VzY5B.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drop-zone-Dr4VzY5B.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: `Drag and drop files here` };\n","/**\n * Pre-compiled es 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 fr-FR 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 pt-BR 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 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-vRl7IFzc.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-BPnHKmWR.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: "Drag and drop files here" }),
+	es: D({ defaultLabel: "Drag and drop files here" }),
+	"fr-FR": D({ defaultLabel: "Drag and drop files here" }),
+	"pt-BR": D({ defaultLabel: "Drag and drop files here" })
+}, 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-vRl7IFzc.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drop-zone-vRl7IFzc.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: `Drag and drop files here` };\n","/**\n * Pre-compiled es 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 fr-FR 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 pt-BR 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 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"}