@elmeragroup/fuse 0.1.0-canary.1

package/react-aria/internal/compose-tailwind-render-props.js

@@ -0,0 +1,15 @@
+import { cn } from "../../styles/cn.js";
+import { composeRenderProps } from "react-aria-components";
+//#region src/react-aria/internal/compose-tailwind-render-props.ts
+/**
+* RAC's `className` accepts a string or a render-prop function. This resolves either
+* shape and merges the recipe classes underneath the caller's, so a consumer class
+* always wins the Tailwind conflict. Package-private.
+*/
+function composeTailwindRenderProps(className, twClasses) {
+	return composeRenderProps(className, (resolved) => cn(twClasses, resolved));
+}
+//#endregion
+export { composeTailwindRenderProps };
+
+//# sourceMappingURL=compose-tailwind-render-props.js.map

package/react-aria/internal/compose-tailwind-render-props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compose-tailwind-render-props.js","names":[],"sources":["../../../src/react-aria/internal/compose-tailwind-render-props.ts"],"sourcesContent":["import { composeRenderProps } from \"react-aria-components\";\n\nimport { cn } from \"../../styles/cn\";\n\n/**\n * RAC's `className` accepts a string or a render-prop function. This resolves either\n * shape and merges the recipe classes underneath the caller's, so a consumer class\n * always wins the Tailwind conflict. Package-private.\n */\nexport function composeTailwindRenderProps<T>(\n  className: string | ((renderProps: T) => string) | undefined,\n  twClasses: string\n): string | ((renderProps: T) => string) {\n  return composeRenderProps(className, (resolved: string | undefined) => cn(twClasses, resolved));\n}\n"],"mappings":";;;;;;;;AASA,SAAgB,2BACd,WACA,WACuC;CACvC,OAAO,mBAAmB,YAAY,aAAiC,GAAG,WAAW,QAAQ,CAAC;AAChG"}

package/react-aria/internal/dialog.d.ts

@@ -0,0 +1,31 @@
+import { ComponentProps, ReactElement, ReactNode } from "react";
+import { Dialog as Dialog$1 } from "react-aria-components";
+//#region src/react-aria/internal/dialog.d.ts
+export type DialogProps = Omit<ComponentProps<typeof Dialog$1>, "children"> & {
+  children?: ReactNode;
+  title?: string;
+  closeButton?: boolean;
+  closeLabel?: string;
+};
+/**
+ * The styled dialog. The header row and the heading inside it are both conditional, and
+ * that gating is what keeps an untitled dialog nameable.
+ *
+ * RAC's `Dialog` (`Dialog.mjs:84-97`) hands `useDialog` only the `aria-labelledby` that
+ * arrived as a *prop*, and falls back to the `DialogContext` value — the name a
+ * `DialogTrigger`, `useDatePicker` or `useDateRangePicker` publishes — only when nothing
+ * resolves a `<Heading slot="title">`. `useDialog` resolves that slot through
+ * `useSlotId`, which drops the id when no element claims it. So an always-rendered
+ * heading, empty because there is no `title`, wins the name race and leaves the dialog
+ * announced as nothing at all; rendering no heading lets the context name through.
+ *
+ * Skipping the whole header when there is neither a `title` nor a close button also
+ * removes a 16 px phantom gap: `content` is `flex flex-col gap-4`, and an empty header as
+ * its first child spends one gap on nothing. Both picker popovers are that case.
+ */
+export declare function Dialog({ children, className, closeButton, closeLabel, title, ...props }: DialogProps): ReactElement;
+export declare namespace Dialog {
+  var displayName: string;
+}
+//#endregion
+//# sourceMappingURL=dialog.d.ts.map

package/react-aria/internal/dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","names":[],"sources":["../../../src/react-aria/internal/dialog.tsx"],"mappings":";;;YAiFY,cAAc,KAAK,sBAAsB;EACnD,WAAW;EACX;EACA;EACA;;;;;;;;;;;;;;;;;;wBAmBc,SACd,UACA,WACA,aACA,YACA,UACG,SACF,cAAc;yBAPD;MAAA"}

package/react-aria/internal/dialog.js

@@ -0,0 +1,100 @@
+"use client";
+import { cn } from "../../styles/cn.js";
+import { useLocalizedStrings } from "../../hooks/use-localized-strings.js";
+import { overlayCloseStrings } from "../../components/overlay/intl/index.js";
+import { overlayTitleClass } from "../../components/overlay/overlay-classes.js";
+import { X } from "../../icons/generated/x.js";
+import { Button as Button$1 } from "./button.js";
+import { use } from "react";
+import { tv } from "tailwind-variants";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Dialog as Dialog$1, Heading, OverlayTriggerStateContext } from "react-aria-components";
+//#region src/react-aria/internal/dialog.tsx
+/** Resolved once at module scope — the recipe has no axes (no per-render work). */
+const dialogSlots = tv({ slots: {
+	base: "relative max-h-[inherit] overflow-y-auto p-6 outline-none [[data-placement]>&]:p-4",
+	header: "flex items-start justify-between gap-4",
+	heading: overlayTitleClass,
+	content: "flex flex-col gap-4",
+	closeButton: "hit-area-1",
+	closeButtonIcon: "size-4"
+} })();
+const dialogBaseClass = dialogSlots.base();
+const dialogHeaderClass = dialogSlots.header();
+const dialogHeadingClass = dialogSlots.heading();
+const dialogContentClass = dialogSlots.content();
+const dialogCloseButtonClass = dialogSlots.closeButton();
+const dialogCloseButtonIconClass = dialogSlots.closeButtonIcon();
+function DialogHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "dialog-header",
+		className: cn(dialogHeaderClass, className),
+		...props
+	});
+}
+function DialogContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "dialog-content",
+		className: cn(dialogContentClass, className),
+		...props
+	});
+}
+function DialogHeading({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Heading, {
+		slot: "title",
+		className: cn(dialogHeadingClass, className),
+		...props
+	});
+}
+/**
+* The dismiss affordance reads RAC's overlay-trigger state instead of the reference's
+* `children`-as-function form, so `children` stays a plain `ReactNode` and no runtime
+* `typeof` branch decides how to render a subtree.
+*/
+function DialogCloseButton({ label }) {
+	const state = use(OverlayTriggerStateContext);
+	return /* @__PURE__ */ jsx(Button$1, {
+		"aria-label": label,
+		className: dialogCloseButtonClass,
+		onPress: () => {
+			state?.close();
+		},
+		size: "icon-sm",
+		variant: "ghost",
+		children: /* @__PURE__ */ jsx(X, { className: dialogCloseButtonIconClass })
+	});
+}
+/**
+* The styled dialog. The header row and the heading inside it are both conditional, and
+* that gating is what keeps an untitled dialog nameable.
+*
+* RAC's `Dialog` (`Dialog.mjs:84-97`) hands `useDialog` only the `aria-labelledby` that
+* arrived as a *prop*, and falls back to the `DialogContext` value — the name a
+* `DialogTrigger`, `useDatePicker` or `useDateRangePicker` publishes — only when nothing
+* resolves a `<Heading slot="title">`. `useDialog` resolves that slot through
+* `useSlotId`, which drops the id when no element claims it. So an always-rendered
+* heading, empty because there is no `title`, wins the name race and leaves the dialog
+* announced as nothing at all; rendering no heading lets the context name through.
+*
+* Skipping the whole header when there is neither a `title` nor a close button also
+* removes a 16 px phantom gap: `content` is `flex flex-col gap-4`, and an empty header as
+* its first child spends one gap on nothing. Both picker popovers are that case.
+*/
+function Dialog({ children, className, closeButton = true, closeLabel, title, ...props }) {
+	const strings = useLocalizedStrings(overlayCloseStrings);
+	const label = closeLabel ?? strings.format("close");
+	return /* @__PURE__ */ jsx(Dialog$1, {
+		"data-slot": "dialog",
+		...props,
+		className: cn(dialogBaseClass, className),
+		children: /* @__PURE__ */ jsxs(DialogContent, { children: [title !== void 0 || closeButton ? /* @__PURE__ */ jsxs(DialogHeader, { children: [title !== void 0 ? /* @__PURE__ */ jsx(DialogHeading, { children: title }) : null, closeButton ? /* @__PURE__ */ jsx(DialogCloseButton, { label }) : null] }) : null, children] })
+	});
+}
+Dialog.displayName = "ReactAriaInternal.Dialog";
+DialogContent.displayName = "ReactAriaInternal.DialogContent";
+DialogHeader.displayName = "ReactAriaInternal.DialogHeader";
+DialogHeading.displayName = "ReactAriaInternal.DialogHeading";
+//#endregion
+export { Dialog };
+
+//# sourceMappingURL=dialog.js.map

package/react-aria/internal/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","names":["Button","AriaDialog"],"sources":["../../../src/react-aria/internal/dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { use } from \"react\";\nimport type { ComponentProps, ReactElement, ReactNode } from \"react\";\n\nimport { Dialog as AriaDialog, Heading, OverlayTriggerStateContext } from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\n\nimport { overlayCloseStrings } from \"../../components/overlay/intl\";\nimport { overlayTitleClass } from \"../../components/overlay/overlay-classes\";\nimport { useLocalizedStrings } from \"../../hooks/use-localized-strings\";\nimport { X } from \"../../icons/generated/x\";\nimport { cn } from \"../../styles/cn\";\nimport { Button } from \"./button\";\n\n/**\n * The interim tier's styled dialog chrome: RAC Dialog plus the heading and close button\n * that the DatePicker popover renders with `closeButton={false}`. Package-private. The\n * public dialog family is the base-ui `@elmeragroup/fuse/dialog` entry, and this module\n * never reaches `package.json#exports`.\n *\n * The close copy is the family-owned `overlay.close` key, read from the overlay\n * dictionary in `components/overlay/intl` rather than declared here.\n */\nconst dialogVariants = tv({\n  slots: {\n    // oxlint-disable-next-line elmera/no-local-focus-ring -- dialog surface; focusable descendants own the adapter\n    base: \"relative max-h-[inherit] overflow-y-auto p-6 outline-none [[data-placement]>&]:p-4\",\n    header: \"flex items-start justify-between gap-4\",\n    // The heading borrows the public Dialog's literal so the interim tier\n    // cannot drift.\n    heading: overlayTitleClass,\n    content: \"flex flex-col gap-4\",\n    closeButton: \"hit-area-1\",\n    closeButtonIcon: \"size-4\",\n  },\n});\n\n/** Resolved once at module scope — the recipe has no axes (no per-render work). */\nconst dialogSlots = dialogVariants();\nconst dialogBaseClass = dialogSlots.base();\nconst dialogHeaderClass = dialogSlots.header();\nconst dialogHeadingClass = dialogSlots.heading();\nconst dialogContentClass = dialogSlots.content();\nconst dialogCloseButtonClass = dialogSlots.closeButton();\nconst dialogCloseButtonIconClass = dialogSlots.closeButtonIcon();\n\nfunction DialogHeader({ className, ...props }: ComponentProps<\"div\">): ReactElement {\n  return <div data-slot=\"dialog-header\" className={cn(dialogHeaderClass, className)} {...props} />;\n}\n\nfunction DialogContent({ className, ...props }: ComponentProps<\"div\">): ReactElement {\n  return <div data-slot=\"dialog-content\" className={cn(dialogContentClass, className)} {...props} />;\n}\n\nfunction DialogHeading({ className, ...props }: ComponentProps<typeof Heading>): ReactElement {\n  return <Heading slot=\"title\" className={cn(dialogHeadingClass, className)} {...props} />;\n}\n\n/**\n * The dismiss affordance reads RAC's overlay-trigger state instead of the reference's\n * `children`-as-function form, so `children` stays a plain `ReactNode` and no runtime\n * `typeof` branch decides how to render a subtree.\n */\nfunction DialogCloseButton({ label }: { label: string }): ReactElement {\n  const state = use(OverlayTriggerStateContext);\n\n  return (\n    <Button\n      aria-label={label}\n      className={dialogCloseButtonClass}\n      onPress={() => {\n        state?.close();\n      }}\n      size=\"icon-sm\"\n      variant=\"ghost\">\n      <X className={dialogCloseButtonIconClass} />\n    </Button>\n  );\n}\n\nexport type DialogProps = Omit<ComponentProps<typeof AriaDialog>, \"children\"> & {\n  children?: ReactNode;\n  title?: string;\n  closeButton?: boolean;\n  closeLabel?: string;\n};\n\n/**\n * The styled dialog. The header row and the heading inside it are both conditional, and\n * that gating is what keeps an untitled dialog nameable.\n *\n * RAC's `Dialog` (`Dialog.mjs:84-97`) hands `useDialog` only the `aria-labelledby` that\n * arrived as a *prop*, and falls back to the `DialogContext` value — the name a\n * `DialogTrigger`, `useDatePicker` or `useDateRangePicker` publishes — only when nothing\n * resolves a `<Heading slot=\"title\">`. `useDialog` resolves that slot through\n * `useSlotId`, which drops the id when no element claims it. So an always-rendered\n * heading, empty because there is no `title`, wins the name race and leaves the dialog\n * announced as nothing at all; rendering no heading lets the context name through.\n *\n * Skipping the whole header when there is neither a `title` nor a close button also\n * removes a 16 px phantom gap: `content` is `flex flex-col gap-4`, and an empty header as\n * its first child spends one gap on nothing. Both picker popovers are that case.\n */\nexport function Dialog({\n  children,\n  className,\n  closeButton = true,\n  closeLabel,\n  title,\n  ...props\n}: DialogProps): ReactElement {\n  const strings = useLocalizedStrings(overlayCloseStrings);\n  const label = closeLabel ?? strings.format(\"close\");\n\n  return (\n    <AriaDialog data-slot=\"dialog\" {...props} className={cn(dialogBaseClass, className)}>\n      <DialogContent>\n        {title !== undefined || closeButton ? (\n          <DialogHeader>\n            {title !== undefined ? <DialogHeading>{title}</DialogHeading> : null}\n            {closeButton ? <DialogCloseButton label={label} /> : null}\n          </DialogHeader>\n        ) : null}\n        {children}\n      </DialogContent>\n    </AriaDialog>\n  );\n}\n\nDialog.displayName = \"ReactAriaInternal.Dialog\";\nDialogContent.displayName = \"ReactAriaInternal.DialogContent\";\nDialogHeader.displayName = \"ReactAriaInternal.DialogHeader\";\nDialogHeading.displayName = \"ReactAriaInternal.DialogHeading\";\n"],"mappings":";;;;;;;;;;;;;AAuCA,MAAM,cAfiB,GAAG,EACxB,OAAO;CAEL,MAAM;CACN,QAAQ;CAGR,SAAS;CACT,SAAS;CACT,aAAa;CACb,iBAAiB;AACnB,EACF,CAGiC,CAAC,CAAC;AACnC,MAAM,kBAAkB,YAAY,KAAK;AACzC,MAAM,oBAAoB,YAAY,OAAO;AAC7C,MAAM,qBAAqB,YAAY,QAAQ;AAC/C,MAAM,qBAAqB,YAAY,QAAQ;AAC/C,MAAM,yBAAyB,YAAY,YAAY;AACvD,MAAM,6BAA6B,YAAY,gBAAgB;AAE/D,SAAS,aAAa,EAAE,WAAW,GAAG,SAA8C;CAClF,OAAO,oBAAC,OAAD;EAAK,aAAU;EAAgB,WAAW,GAAG,mBAAmB,SAAS;EAAG,GAAI;CAAQ,CAAA;AACjG;AAEA,SAAS,cAAc,EAAE,WAAW,GAAG,SAA8C;CACnF,OAAO,oBAAC,OAAD;EAAK,aAAU;EAAiB,WAAW,GAAG,oBAAoB,SAAS;EAAG,GAAI;CAAQ,CAAA;AACnG;AAEA,SAAS,cAAc,EAAE,WAAW,GAAG,SAAuD;CAC5F,OAAO,oBAAC,SAAD;EAAS,MAAK;EAAQ,WAAW,GAAG,oBAAoB,SAAS;EAAG,GAAI;CAAQ,CAAA;AACzF;;;;;;AAOA,SAAS,kBAAkB,EAAE,SAA0C;CACrE,MAAM,QAAQ,IAAI,0BAA0B;CAE5C,OACE,oBAACA,UAAD;EACE,cAAY;EACZ,WAAW;EACX,eAAe;GACb,OAAO,MAAM;EACf;EACA,MAAK;EACL,SAAQ;EACR,UAAA,oBAAC,GAAD,EAAG,WAAW,2BAA6B,CAAA;CACrC,CAAA;AAEZ;;;;;;;;;;;;;;;;;AAyBA,SAAgB,OAAO,EACrB,UACA,WACA,cAAc,MACd,YACA,OACA,GAAG,SACyB;CAC5B,MAAM,UAAU,oBAAoB,mBAAmB;CACvD,MAAM,QAAQ,cAAc,QAAQ,OAAO,OAAO;CAElD,OACE,oBAACC,UAAD;EAAY,aAAU;EAAS,GAAI;EAAO,WAAW,GAAG,iBAAiB,SAAS;EAChF,UAAA,qBAAC,eAAD,EAAA,UAAA,CACG,UAAU,KAAA,KAAa,cACtB,qBAAC,cAAD,EAAA,UAAA,CACG,UAAU,KAAA,IAAY,oBAAC,eAAD,EAAA,UAAgB,MAAqB,CAAA,IAAI,MAC/D,cAAc,oBAAC,mBAAD,EAA0B,MAAQ,CAAA,IAAI,IACzC,EAAA,CAAA,IACZ,MACH,QACY,EAAA,CAAA;CACL,CAAA;AAEhB;AAEA,OAAO,cAAc;AACrB,cAAc,cAAc;AAC5B,aAAa,cAAc;AAC3B,cAAc,cAAc"}

package/react-aria/internal/field.d.ts

@@ -0,0 +1,104 @@
+import { ComponentProps, ReactElement } from "react";
+import { FieldError as FieldError$1, Group, Input as Input$1, Label as Label$1, Text } from "react-aria-components";
+//#region src/react-aria/internal/field.d.ts
+/**
+ * Package-private field chrome for the interim React Aria tier. FieldGroup pins the md
+ * control height without adding a size axis. Its shared `fieldBoxChromeClass` matches
+ * Input's border, fill, radius, and shadow in mixed forms. The RAC Group is not focusable,
+ * so it uses the shared state focus constants and receives disabled/invalid state through
+ * render props, which the rac-target state face turns into the shared disabled and invalid
+ * looks. Descendant inputs borrow this surface instead of painting another fill.
+ */
+export declare const fieldGroupVariants: import("tailwind-variants").TVReturnType<{
+  isFocusVisible: {
+    true: string;
+    false: "";
+  };
+  isFocusWithin: {
+    true: "border-ring";
+    false: "";
+  };
+  isInvalid: {
+    true: string;
+    false: "";
+  };
+  isDisabled: {
+    true: string;
+    false: "";
+  };
+  isReadOnly: {
+    true: "bg-muted";
+    false: "";
+  };
+}, undefined, string, {
+  isFocusVisible: {
+    true: string;
+    false: "";
+  };
+  isFocusWithin: {
+    true: "border-ring";
+    false: "";
+  };
+  isInvalid: {
+    true: string;
+    false: "";
+  };
+  isDisabled: {
+    true: string;
+    false: "";
+  };
+  isReadOnly: {
+    true: "bg-muted";
+    false: "";
+  };
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
+  isFocusVisible: {
+    true: string;
+    false: "";
+  };
+  isFocusWithin: {
+    true: "border-ring";
+    false: "";
+  };
+  isInvalid: {
+    true: string;
+    false: "";
+  };
+  isDisabled: {
+    true: string;
+    false: "";
+  };
+  isReadOnly: {
+    true: "bg-muted";
+    false: "";
+  };
+}, undefined>>;
+/** Descendant segment rows borrow this group's field surface. */
+export declare const FieldGroupSurfaceContext: import("react").Context<boolean>;
+export type FieldGroupProps = ComponentProps<typeof Group>;
+export declare function FieldGroup({ className, ...props }: FieldGroupProps): ReactElement;
+export declare namespace FieldGroup {
+  var displayName: string;
+}
+export type LabelProps = ComponentProps<typeof Label$1>;
+export declare function Label({ className, ...props }: LabelProps): ReactElement;
+export declare namespace Label {
+  var displayName: string;
+}
+export type InputProps = ComponentProps<typeof Input$1>;
+export declare function Input({ className, ...props }: InputProps): ReactElement;
+export declare namespace Input {
+  var displayName: string;
+}
+export type DescriptionProps = ComponentProps<typeof Text>;
+export declare function Description({ className, ...props }: DescriptionProps): ReactElement;
+export declare namespace Description {
+  var displayName: string;
+}
+export type FieldErrorProps = ComponentProps<typeof FieldError$1>;
+export declare function FieldError({ className, ...props }: FieldErrorProps): ReactElement;
+export declare namespace FieldError {
+  var displayName: string;
+}
+//#endregion
+//# sourceMappingURL=field.d.ts.map

package/react-aria/internal/field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.d.ts","names":[],"sources":["../../../src/react-aria/internal/field.tsx"],"mappings":";;;;;;;;;;;qBA8Ba,gDAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAsClB,0CAAwB;YAEzB,kBAAkB,sBAAsB;wBAEpC,aAAa,cAAc,SAAS,kBAAkB;yBAAtD;MAAA;;YAuBJ,aAAa,sBAAsB;wBAE/B,QAAQ,cAAc,SAAS,aAAa;yBAA5C;MAAA;;YAUJ,aAAa,sBAAsB;wBAE/B,QAAQ,cAAc,SAAS,aAAa;yBAA5C;MAAA;;YAoBJ,mBAAmB,sBAAsB;wBAErC,cAAc,cAAc,SAAS,mBAAmB;yBAAxD;MAAA;;YAWJ,kBAAkB,sBAAsB;wBAEpC,aAAa,cAAc,SAAS,kBAAkB;yBAAtD;MAAA"}

package/react-aria/internal/field.js

@@ -0,0 +1,108 @@
+"use client";
+import { cn } from "../../styles/cn.js";
+import { racDisabledStateFaceClass, racInvalidStateFaceClass } from "../../styles/state-face.js";
+import { stateFocusRingClass, stateFocusRingVisibleClass } from "../../styles/utils.js";
+import { controlMdInsetTypeClass } from "../../styles/control-size-md.js";
+import { fieldBoxChromeClass } from "../../styles/field-box.js";
+import { composeTailwindRenderProps } from "./compose-tailwind-render-props.js";
+import { createContext } from "react";
+import { tv } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+import { FieldError as FieldError$1, Group, Input as Input$1, Label as Label$1, Text, composeRenderProps } from "react-aria-components";
+//#region src/react-aria/internal/field.tsx
+/**
+* Package-private field chrome for the interim React Aria tier. FieldGroup pins the md
+* control height without adding a size axis. Its shared `fieldBoxChromeClass` matches
+* Input's border, fill, radius, and shadow in mixed forms. The RAC Group is not focusable,
+* so it uses the shared state focus constants and receives disabled/invalid state through
+* render props, which the rac-target state face turns into the shared disabled and invalid
+* looks. Descendant inputs borrow this surface instead of painting another fill.
+*/
+const fieldGroupVariants = tv({
+	base: cn(fieldBoxChromeClass, "group flex h-(--control-h-md) items-center overflow-hidden text-foreground", stateFocusRingClass),
+	variants: {
+		isFocusVisible: {
+			true: stateFocusRingVisibleClass,
+			false: ""
+		},
+		isFocusWithin: {
+			true: "border-ring",
+			false: ""
+		},
+		isInvalid: {
+			true: racInvalidStateFaceClass,
+			false: ""
+		},
+		isDisabled: {
+			true: racDisabledStateFaceClass,
+			false: ""
+		},
+		isReadOnly: {
+			true: "bg-muted",
+			false: ""
+		}
+	},
+	defaultVariants: {
+		isFocusVisible: false,
+		isFocusWithin: false,
+		isInvalid: false,
+		isDisabled: false,
+		isReadOnly: false
+	}
+});
+/** Descendant segment rows borrow this group's field surface. */
+const FieldGroupSurfaceContext = createContext(false);
+function FieldGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx(FieldGroupSurfaceContext.Provider, {
+		value: true,
+		children: /* @__PURE__ */ jsx(Group, {
+			"data-slot": "field-group",
+			className: composeRenderProps(className, (resolved, renderProps) => cn(fieldGroupVariants({
+				isFocusVisible: renderProps.isFocusVisible,
+				isFocusWithin: renderProps.isFocusWithin,
+				isInvalid: renderProps.isInvalid,
+				isDisabled: renderProps.isDisabled,
+				isReadOnly: props.isReadOnly ?? false
+			}), resolved)),
+			...props
+		})
+	});
+}
+function Label({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Label$1, {
+		"data-slot": "field-label",
+		className: cn("text-sm font-medium w-fit cursor-default", className),
+		...props
+	});
+}
+function Input({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Input$1, {
+		"data-slot": "field-input",
+		className: composeTailwindRenderProps(className, cn("min-w-0 flex-1 bg-transparent", controlMdInsetTypeClass, "text-foreground outline-none placeholder:text-muted-foreground disabled:text-muted-foreground")),
+		...props
+	});
+}
+function Description({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Text, {
+		"data-slot": "field-description",
+		slot: "description",
+		className: cn("text-sm text-muted-foreground", className),
+		...props
+	});
+}
+function FieldError({ className, ...props }) {
+	return /* @__PURE__ */ jsx(FieldError$1, {
+		"data-slot": "field-error",
+		className: composeTailwindRenderProps(className, "text-sm whitespace-break-spaces text-error"),
+		...props
+	});
+}
+FieldGroup.displayName = "ReactAriaInternal.FieldGroup";
+Label.displayName = "ReactAriaInternal.Label";
+Input.displayName = "ReactAriaInternal.Input";
+Description.displayName = "ReactAriaInternal.Description";
+FieldError.displayName = "ReactAriaInternal.FieldError";
+//#endregion
+export { Description, FieldError, FieldGroup, FieldGroupSurfaceContext, Input, Label, fieldGroupVariants };
+
+//# sourceMappingURL=field.js.map

package/react-aria/internal/field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.js","names":["AriaGroup","AriaLabel","AriaInput","AriaText","AriaFieldError"],"sources":["../../../src/react-aria/internal/field.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext } from \"react\";\nimport type { ComponentProps, ReactElement } from \"react\";\n\nimport {\n  FieldError as AriaFieldError,\n  Group as AriaGroup,\n  Input as AriaInput,\n  Label as AriaLabel,\n  Text as AriaText,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\n\nimport { cn } from \"../../styles/cn\";\nimport { controlMdInsetTypeClass } from \"../../styles/control-size-md\";\nimport { fieldBoxChromeClass } from \"../../styles/field-box\";\nimport { racDisabledStateFaceClass, racInvalidStateFaceClass } from \"../../styles/state-face\";\nimport { stateFocusRingClass, stateFocusRingVisibleClass } from \"../../styles/utils\";\nimport { composeTailwindRenderProps } from \"./compose-tailwind-render-props\";\n\n/**\n * Package-private field chrome for the interim React Aria tier. FieldGroup pins the md\n * control height without adding a size axis. Its shared `fieldBoxChromeClass` matches\n * Input's border, fill, radius, and shadow in mixed forms. The RAC Group is not focusable,\n * so it uses the shared state focus constants and receives disabled/invalid state through\n * render props, which the rac-target state face turns into the shared disabled and invalid\n * looks. Descendant inputs borrow this surface instead of painting another fill.\n */\nexport const fieldGroupVariants = tv({\n  base: cn(\n    fieldBoxChromeClass,\n    \"group flex h-(--control-h-md) items-center overflow-hidden text-foreground\",\n    stateFocusRingClass\n  ),\n  variants: {\n    isFocusVisible: {\n      true: stateFocusRingVisibleClass,\n      false: \"\",\n    },\n    isFocusWithin: {\n      true: \"border-ring\",\n      false: \"\",\n    },\n    isInvalid: {\n      true: racInvalidStateFaceClass,\n      false: \"\",\n    },\n    isDisabled: {\n      true: racDisabledStateFaceClass,\n      false: \"\",\n    },\n    isReadOnly: {\n      true: \"bg-muted\",\n      false: \"\",\n    },\n  },\n  defaultVariants: {\n    isFocusVisible: false,\n    isFocusWithin: false,\n    isInvalid: false,\n    isDisabled: false,\n    isReadOnly: false,\n  },\n});\n\n/** Descendant segment rows borrow this group's field surface. */\nexport const FieldGroupSurfaceContext = createContext(false);\n\nexport type FieldGroupProps = ComponentProps<typeof AriaGroup>;\n\nexport function FieldGroup({ className, ...props }: FieldGroupProps): ReactElement {\n  return (\n    <FieldGroupSurfaceContext.Provider value={true}>\n      <AriaGroup\n        data-slot=\"field-group\"\n        className={composeRenderProps(className, (resolved: string | undefined, renderProps) =>\n          cn(\n            fieldGroupVariants({\n              isFocusVisible: renderProps.isFocusVisible,\n              isFocusWithin: renderProps.isFocusWithin,\n              isInvalid: renderProps.isInvalid,\n              isDisabled: renderProps.isDisabled,\n              isReadOnly: props.isReadOnly ?? false,\n            }),\n            resolved\n          )\n        )}\n        {...props}\n      />\n    </FieldGroupSurfaceContext.Provider>\n  );\n}\n\nexport type LabelProps = ComponentProps<typeof AriaLabel>;\n\nexport function Label({ className, ...props }: LabelProps): ReactElement {\n  return (\n    <AriaLabel\n      data-slot=\"field-label\"\n      className={cn(\"text-sm font-medium w-fit cursor-default\", className)}\n      {...props}\n    />\n  );\n}\n\nexport type InputProps = ComponentProps<typeof AriaInput>;\n\nexport function Input({ className, ...props }: InputProps): ReactElement {\n  return (\n    <AriaInput\n      data-slot=\"field-input\"\n      className={composeTailwindRenderProps(\n        className,\n        // The FieldGroup owns the surface (bg-card), so the inner control never\n        // paints a second one — that is what keeps the read-only `bg-muted` fill honest.\n        cn(\n          \"min-w-0 flex-1 bg-transparent\",\n          controlMdInsetTypeClass,\n          // oxlint-disable-next-line elmera/no-local-focus-ring -- within-adapter control outline\n          \"text-foreground outline-none placeholder:text-muted-foreground disabled:text-muted-foreground\"\n        )\n      )}\n      {...props}\n    />\n  );\n}\n\nexport type DescriptionProps = ComponentProps<typeof AriaText>;\n\nexport function Description({ className, ...props }: DescriptionProps): ReactElement {\n  return (\n    <AriaText\n      data-slot=\"field-description\"\n      slot=\"description\"\n      className={cn(\"text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  );\n}\n\nexport type FieldErrorProps = ComponentProps<typeof AriaFieldError>;\n\nexport function FieldError({ className, ...props }: FieldErrorProps): ReactElement {\n  return (\n    <AriaFieldError\n      data-slot=\"field-error\"\n      className={composeTailwindRenderProps(className, \"text-sm whitespace-break-spaces text-error\")}\n      {...props}\n    />\n  );\n}\n\nFieldGroup.displayName = \"ReactAriaInternal.FieldGroup\";\nLabel.displayName = \"ReactAriaInternal.Label\";\nInput.displayName = \"ReactAriaInternal.Input\";\nDescription.displayName = \"ReactAriaInternal.Description\";\nFieldError.displayName = \"ReactAriaInternal.FieldError\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AA8BA,MAAa,qBAAqB,GAAG;CACnC,MAAM,GACJ,qBACA,8EACA,mBACF;CACA,UAAU;EACR,gBAAgB;GACd,MAAM;GACN,OAAO;EACT;EACA,eAAe;GACb,MAAM;GACN,OAAO;EACT;EACA,WAAW;GACT,MAAM;GACN,OAAO;EACT;EACA,YAAY;GACV,MAAM;GACN,OAAO;EACT;EACA,YAAY;GACV,MAAM;GACN,OAAO;EACT;CACF;CACA,iBAAiB;EACf,gBAAgB;EAChB,eAAe;EACf,WAAW;EACX,YAAY;EACZ,YAAY;CACd;AACF,CAAC;;AAGD,MAAa,2BAA2B,cAAc,KAAK;AAI3D,SAAgB,WAAW,EAAE,WAAW,GAAG,SAAwC;CACjF,OACE,oBAAC,yBAAyB,UAA1B;EAAmC,OAAO;EACxC,UAAA,oBAACA,OAAD;GACE,aAAU;GACV,WAAW,mBAAmB,YAAY,UAA8B,gBACtE,GACE,mBAAmB;IACjB,gBAAgB,YAAY;IAC5B,eAAe,YAAY;IAC3B,WAAW,YAAY;IACvB,YAAY,YAAY;IACxB,YAAY,MAAM,cAAc;GAClC,CAAC,GACD,QACF,CACF;GACA,GAAI;EACL,CAAA;CACgC,CAAA;AAEvC;AAIA,SAAgB,MAAM,EAAE,WAAW,GAAG,SAAmC;CACvE,OACE,oBAACC,SAAD;EACE,aAAU;EACV,WAAW,GAAG,4CAA4C,SAAS;EACnE,GAAI;CACL,CAAA;AAEL;AAIA,SAAgB,MAAM,EAAE,WAAW,GAAG,SAAmC;CACvE,OACE,oBAACC,SAAD;EACE,aAAU;EACV,WAAW,2BACT,WAGA,GACE,iCACA,yBAEA,+FACF,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAIA,SAAgB,YAAY,EAAE,WAAW,GAAG,SAAyC;CACnF,OACE,oBAACC,MAAD;EACE,aAAU;EACV,MAAK;EACL,WAAW,GAAG,iCAAiC,SAAS;EACxD,GAAI;CACL,CAAA;AAEL;AAIA,SAAgB,WAAW,EAAE,WAAW,GAAG,SAAwC;CACjF,OACE,oBAACC,cAAD;EACE,aAAU;EACV,WAAW,2BAA2B,WAAW,4CAA4C;EAC7F,GAAI;CACL,CAAA;AAEL;AAEA,WAAW,cAAc;AACzB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,YAAY,cAAc;AAC1B,WAAW,cAAc"}

package/react-aria/internal/picker-shell.d.ts

@@ -0,0 +1,56 @@
+import { OverlayContainerProps } from "../../components/overlay/overlay-props.js";
+import { ReactElement, ReactNode } from "react";
+import { ValidationResult } from "react-aria-components";
+//#region src/react-aria/internal/picker-shell.d.ts
+/**
+ * The chrome both date pickers share: label, field box, trigger, help text, and the
+ * popover and dialog the grid opens into. Only the segment rows and the popover body
+ * differ between DatePicker and DateRangePicker, so those are the `children` and
+ * `popover` props and everything else lives here.
+ *
+ * Package-private, like every module in this directory.
+ *
+ * Two things the shell is deliberately the sole owner of:
+ *
+ *  - **The read-only fill.** The picker recipe used to paint it twice — `bg-muted` on
+ *    its `group` slot and again on its `icon` slot — while `fieldGroupVariants` has
+ *    carried an `isReadOnly` axis all along and DateField already routed state through it. The shell
+ *    hands `isReadOnly` to the FieldGroup and nothing else paints it.
+ *  - **The trigger's missing label.** RAC's `useDatePicker` / `useDateRangePicker` fills
+ *    this default `Button` slot and supplies the localized accessible name ("Calendar"
+ *    plus the field label); a local label would shadow it. That was two identical lint
+ *    disables at two call sites and is now one.
+ *
+ * The dialog is the styled private `Dialog` with `closeButton={false}` and no `title`,
+ * which supplies the accessible name: an untitled styled Dialog renders no heading,
+ * so the name RAC publishes on `DialogContext` reaches the overlay unopposed. See
+ * `internal/dialog.tsx` for why a rendered-but-empty heading would take that name instead.
+ */
+export type PickerShellProps = {
+  /** Visible label, rendered as the private RAC `Label`. Omitted when absent. */
+  label?: string;
+  /** Supporting copy, rendered as the private RAC `Description`. */
+  description?: string;
+  /** Error copy, rendered as `FieldError` when the picker is invalid. */
+  errorMessage?: ReactNode | ((validation: ValidationResult) => ReactNode);
+  /** Paints the read-only fill on the field box — the only place it is painted. */
+  isReadOnly?: boolean;
+  /** Portal target for the popover, forwarded to the private RAC `Popover`. */
+  container?: OverlayContainerProps["container"];
+  /**
+   * The picker's `range` axis. The shell resolves its own four slots from
+   * `pickerVariants` rather than taking them as class strings: they always come from one
+   * recipe call with one axis, so the axis is the honest parameter.
+   */
+  range?: boolean;
+  /** The segment row(s) inside the field box, ahead of the trigger. */
+  children: ReactNode;
+  /** The popover body: a Calendar, a RangeCalendar, or a preset pane beside one. */
+  popover: ReactNode;
+};
+export declare function PickerShell({ children, container, description, errorMessage, isReadOnly, label, popover, range }: PickerShellProps): ReactElement;
+export declare namespace PickerShell {
+  var displayName: string;
+}
+//#endregion
+//# sourceMappingURL=picker-shell.d.ts.map

package/react-aria/internal/picker-shell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"picker-shell.d.ts","names":[],"sources":["../../../src/react-aria/internal/picker-shell.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;YAsCY;;EAEV;;EAEA;;EAEA,eAAe,cAAc,YAAY,qBAAqB;;EAE9D;;EAEA,YAAY;;;;;;EAMZ;;EAEA,UAAU;;EAEV,SAAS;;wBAGK,cACd,UACA,WACA,aACA,cACA,YACA,OACA,SACA,SACC,mBAAmB;yBATN;MAAA"}

package/react-aria/internal/picker-shell.js

@@ -0,0 +1,44 @@
+"use client";
+import { CalendarBlank } from "../../icons/generated/calendar-blank.js";
+import { Button } from "./button.js";
+import { Description, FieldError, FieldGroup, Label } from "./field.js";
+import { pickerVariants } from "../../styles/picker.js";
+import { Dialog } from "./dialog.js";
+import { Popover } from "./popover.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/react-aria/internal/picker-shell.tsx
+function PickerShell({ children, container, description, errorMessage, isReadOnly, label, popover, range }) {
+	const { dialog, group, icon, trigger } = pickerVariants({ range });
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		label ? /* @__PURE__ */ jsx(Label, { children: label }) : null,
+		/* @__PURE__ */ jsxs(FieldGroup, {
+			className: group(),
+			isReadOnly,
+			children: [children, /* @__PURE__ */ jsx(Button, {
+				size: "icon-sm",
+				variant: "ghost",
+				className: trigger(),
+				children: /* @__PURE__ */ jsx(CalendarBlank, {
+					"aria-hidden": true,
+					className: icon()
+				})
+			})]
+		}),
+		description ? /* @__PURE__ */ jsx(Description, { children: description }) : null,
+		/* @__PURE__ */ jsx(FieldError, { children: errorMessage }),
+		/* @__PURE__ */ jsx(Popover, {
+			container,
+			placement: "bottom right",
+			children: /* @__PURE__ */ jsx(Dialog, {
+				className: dialog(),
+				closeButton: false,
+				children: popover
+			})
+		})
+	] });
+}
+PickerShell.displayName = "ReactAriaInternal.PickerShell";
+//#endregion
+export { PickerShell };
+
+//# sourceMappingURL=picker-shell.js.map

package/react-aria/internal/picker-shell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"picker-shell.js","names":[],"sources":["../../../src/react-aria/internal/picker-shell.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactElement, ReactNode } from \"react\";\n\nimport type { ValidationResult } from \"react-aria-components\";\n\nimport type { OverlayContainerProps } from \"../../components/overlay/overlay-props\";\nimport { CalendarBlank } from \"../../icons/generated/calendar-blank\";\nimport { pickerVariants } from \"../../styles/picker\";\nimport { Button } from \"./button\";\nimport { Dialog } from \"./dialog\";\nimport { Description, FieldError, FieldGroup, Label } from \"./field\";\nimport { Popover } from \"./popover\";\n\n/**\n * The chrome both date pickers share: label, field box, trigger, help text, and the\n * popover and dialog the grid opens into. Only the segment rows and the popover body\n * differ between DatePicker and DateRangePicker, so those are the `children` and\n * `popover` props and everything else lives here.\n *\n * Package-private, like every module in this directory.\n *\n * Two things the shell is deliberately the sole owner of:\n *\n *  - **The read-only fill.** The picker recipe used to paint it twice — `bg-muted` on\n *    its `group` slot and again on its `icon` slot — while `fieldGroupVariants` has\n *    carried an `isReadOnly` axis all along and DateField already routed state through it. The shell\n *    hands `isReadOnly` to the FieldGroup and nothing else paints it.\n *  - **The trigger's missing label.** RAC's `useDatePicker` / `useDateRangePicker` fills\n *    this default `Button` slot and supplies the localized accessible name (\"Calendar\"\n *    plus the field label); a local label would shadow it. That was two identical lint\n *    disables at two call sites and is now one.\n *\n * The dialog is the styled private `Dialog` with `closeButton={false}` and no `title`,\n * which supplies the accessible name: an untitled styled Dialog renders no heading,\n * so the name RAC publishes on `DialogContext` reaches the overlay unopposed. See\n * `internal/dialog.tsx` for why a rendered-but-empty heading would take that name instead.\n */\nexport type PickerShellProps = {\n  /** Visible label, rendered as the private RAC `Label`. Omitted when absent. */\n  label?: string;\n  /** Supporting copy, rendered as the private RAC `Description`. */\n  description?: string;\n  /** Error copy, rendered as `FieldError` when the picker is invalid. */\n  errorMessage?: ReactNode | ((validation: ValidationResult) => ReactNode);\n  /** Paints the read-only fill on the field box — the only place it is painted. */\n  isReadOnly?: boolean;\n  /** Portal target for the popover, forwarded to the private RAC `Popover`. */\n  container?: OverlayContainerProps[\"container\"];\n  /**\n   * The picker's `range` axis. The shell resolves its own four slots from\n   * `pickerVariants` rather than taking them as class strings: they always come from one\n   * recipe call with one axis, so the axis is the honest parameter.\n   */\n  range?: boolean;\n  /** The segment row(s) inside the field box, ahead of the trigger. */\n  children: ReactNode;\n  /** The popover body: a Calendar, a RangeCalendar, or a preset pane beside one. */\n  popover: ReactNode;\n};\n\nexport function PickerShell({\n  children,\n  container,\n  description,\n  errorMessage,\n  isReadOnly,\n  label,\n  popover,\n  range,\n}: PickerShellProps): ReactElement {\n  const { dialog, group, icon, trigger } = pickerVariants({ range });\n\n  return (\n    <>\n      {label ? <Label>{label}</Label> : null}\n      <FieldGroup className={group()} isReadOnly={isReadOnly}>\n        {children}\n        {/* oxlint-disable-next-line elmera/require-icon-button-label -- RAC's DatePicker and DateRangePicker fill this default Button slot and supply the trigger's localized accessible name (\"Calendar\"); a local label would shadow it. Asserted in both browser suites. */}\n        <Button size=\"icon-sm\" variant=\"ghost\" className={trigger()}>\n          <CalendarBlank aria-hidden className={icon()} />\n        </Button>\n      </FieldGroup>\n      {description ? <Description>{description}</Description> : null}\n      <FieldError>{errorMessage}</FieldError>\n      <Popover container={container} placement=\"bottom right\">\n        <Dialog className={dialog()} closeButton={false}>\n          {popover}\n        </Dialog>\n      </Popover>\n    </>\n  );\n}\n\nPickerShell.displayName = \"ReactAriaInternal.PickerShell\";\n"],"mappings":";;;;;;;;;AA6DA,SAAgB,YAAY,EAC1B,UACA,WACA,aACA,cACA,YACA,OACA,SACA,SACiC;CACjC,MAAM,EAAE,QAAQ,OAAO,MAAM,YAAY,eAAe,EAAE,MAAM,CAAC;CAEjE,OACE,qBAAA,UAAA,EAAA,UAAA;EACG,QAAQ,oBAAC,OAAD,EAAA,UAAQ,MAAa,CAAA,IAAI;EAClC,qBAAC,YAAD;GAAY,WAAW,MAAM;GAAe;GAA5C,UAAA,CACG,UAED,oBAAC,QAAD;IAAQ,MAAK;IAAU,SAAQ;IAAQ,WAAW,QAAQ;IACxD,UAAA,oBAAC,eAAD;KAAe,eAAA;KAAY,WAAW,KAAK;IAAI,CAAA;GACzC,CAAA,CACE;;EACX,cAAc,oBAAC,aAAD,EAAA,UAAc,YAAyB,CAAA,IAAI;EAC1D,oBAAC,YAAD,EAAA,UAAa,aAAyB,CAAA;EACtC,oBAAC,SAAD;GAAoB;GAAW,WAAU;GACvC,UAAA,oBAAC,QAAD;IAAQ,WAAW,OAAO;IAAG,aAAa;IACvC,UAAA;GACK,CAAA;EACD,CAAA;CACT,EAAA,CAAA;AAEN;AAEA,YAAY,cAAc"}

package/react-aria/internal/popover.d.ts

@@ -0,0 +1,43 @@
+import { OverlayContainerProps } from "../../components/overlay/overlay-props.js";
+import { ReactElement, ReactNode } from "react";
+import { PopoverProps as PopoverProps$1 } from "react-aria-components";
+//#region src/react-aria/internal/popover.d.ts
+/**
+ * React Aria's `useOverlayPosition` gutter, in px per side. The popover portals out of
+ * the picker root, so a container query cannot see the field's width and React Aria's
+ * positioning gutter is the one honest number; the CSS clamp below must reserve exactly
+ * this gutter on both sides.
+ */
+export declare const CONTAINER_PADDING = 12;
+/**
+ * The width clamp, reserving one `CONTAINER_PADDING` gutter per side. The arbitrary value
+ * is a literal because Tailwind's source scan resolves no interpolation; `popover.test.ts`
+ * pins the literal to `CONTAINER_PADDING` so the pair can only change together.
+ */
+export declare const POPOVER_MAX_WIDTH_CLASS: string;
+export type PopoverProps = Omit<PopoverProps$1, "children" | "containerPadding" | "UNSTABLE_portalContainer"> & {
+  showArrow?: boolean;
+  children: ReactNode;
+  container?: OverlayContainerProps["container"];
+};
+/**
+ * The interim tier's popover surface. Package-private: the RAC
+ * Popover was dropped from the public surface entirely, and the public popover is the
+ * base-ui entry.
+ *
+ * OverlayPortal cannot wrap this popover: RAC has no Portal component and instead
+ * takes `UNSTABLE_portalContainer` on the popover itself. The wait-not-body rule
+ * still runs through {@link useResolvedPortalContainer}; this is the documented
+ * exception.
+ *
+ * It carries no overlay-container stamp. That stamp existed solely so the private RAC
+ * `Modal`'s `shouldCloseOnInteractOutside` could recognise its own popovers; the modal
+ * stack was replaced by the shared picker shell, and the public base-ui
+ * `Dialog` that now hosts a picker tracks nesting through the React tree instead.
+ */
+export declare function Popover({ children, className, container, offset, showArrow, ...props }: PopoverProps): ReactElement | null;
+export declare namespace Popover {
+  var displayName: string;
+}
+//#endregion
+//# sourceMappingURL=popover.d.ts.map

package/react-aria/internal/popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","names":[],"sources":["../../../src/react-aria/internal/popover.tsx"],"mappings":";;;;;;;;;;qBAmBa;;;;;;qBAOA;YA8BD,eAAe,KACzB;EAGA;EACA,UAAU;EACV,YAAY;;;;;;;;;;;;;;;;;wBAkBE,UACd,UACA,WACA,WACA,QACA,cACG,SACF,eAAe;yBAPF;MAAA"}

package/react-aria/internal/popover.js

@@ -0,0 +1,75 @@
+"use client";
+import { cn } from "../../styles/cn.js";
+import { overlayLayer, overlayPopupFillClass } from "../../components/overlay/overlay-classes.js";
+import { useResolvedPortalContainer } from "../../theme/theme-scope-container.js";
+import { tv } from "tailwind-variants";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { OverlayArrow, Popover as Popover$1, composeRenderProps } from "react-aria-components";
+//#region src/react-aria/internal/popover.tsx
+/**
+* React Aria's `useOverlayPosition` gutter, in px per side. The popover portals out of
+* the picker root, so a container query cannot see the field's width and React Aria's
+* positioning gutter is the one honest number; the CSS clamp below must reserve exactly
+* this gutter on both sides.
+*/
+const CONTAINER_PADDING = 12;
+/**
+* The width clamp, reserving one `CONTAINER_PADDING` gutter per side. The arbitrary value
+* is a literal because Tailwind's source scan resolves no interpolation; `popover.test.ts`
+* pins the literal to `CONTAINER_PADDING` so the pair can only change together.
+*/
+const POPOVER_MAX_WIDTH_CLASS = cn("max-w-[calc(100vw-24px)]");
+/** Resolved once at module scope — the recipe has no axes (no per-render work). */
+const popoverSlots = tv({ slots: {
+	base: cn(overlayPopupFillClass, "shadow-md min-w-32 origin-(--trigger-anchor-point) rounded-md border border-border bg-clip-padding", POPOVER_MAX_WIDTH_CLASS, overlayLayer),
+	arrow: "group my-0!",
+	arrowSvg: "block fill-popover stroke-border stroke-1 group-placement-left:-rotate-90 group-placement-right:rotate-90 group-placement-bottom:rotate-180",
+	entering: "animate-in fade-in-0 placement-left:slide-in-from-right-2 placement-right:slide-in-from-left-2 placement-top:slide-in-from-bottom-2 placement-bottom:slide-in-from-top-2",
+	exiting: "animate-out fade-out-0 placement-left:slide-out-to-right-2 placement-right:slide-out-to-left-2 placement-top:slide-out-to-bottom-2 placement-bottom:slide-out-to-top-2"
+} })();
+const popoverBaseClass = popoverSlots.base();
+const popoverArrowClass = popoverSlots.arrow();
+const popoverArrowSvgClass = popoverSlots.arrowSvg();
+const popoverEnteringClass = popoverSlots.entering();
+const popoverExitingClass = popoverSlots.exiting();
+/**
+* The interim tier's popover surface. Package-private: the RAC
+* Popover was dropped from the public surface entirely, and the public popover is the
+* base-ui entry.
+*
+* OverlayPortal cannot wrap this popover: RAC has no Portal component and instead
+* takes `UNSTABLE_portalContainer` on the popover itself. The wait-not-body rule
+* still runs through {@link useResolvedPortalContainer}; this is the documented
+* exception.
+*
+* It carries no overlay-container stamp. That stamp existed solely so the private RAC
+* `Modal`'s `shouldCloseOnInteractOutside` could recognise its own popovers; the modal
+* stack was replaced by the shared picker shell, and the public base-ui
+* `Dialog` that now hosts a picker tracks nesting through the React tree instead.
+*/
+function Popover({ children, className, container, offset = 8, showArrow = true, ...props }) {
+	const resolvedContainer = useResolvedPortalContainer(container);
+	if (resolvedContainer === null) return null;
+	return /* @__PURE__ */ jsxs(Popover$1, {
+		offset,
+		UNSTABLE_portalContainer: resolvedContainer,
+		...props,
+		containerPadding: 12,
+		className: composeRenderProps(className, (resolved, renderProps) => cn(popoverBaseClass, renderProps.isEntering && popoverEnteringClass, renderProps.isExiting && popoverExitingClass, resolved)),
+		children: [showArrow ? /* @__PURE__ */ jsx(OverlayArrow, {
+			className: popoverArrowClass,
+			children: /* @__PURE__ */ jsx("svg", {
+				width: 12,
+				height: 12,
+				viewBox: "0 0 12 12",
+				className: popoverArrowSvgClass,
+				children: /* @__PURE__ */ jsx("path", { d: "M0 0 L6 6 L12 0" })
+			})
+		}) : null, children]
+	});
+}
+Popover.displayName = "ReactAriaInternal.Popover";
+//#endregion
+export { CONTAINER_PADDING, POPOVER_MAX_WIDTH_CLASS, Popover };
+
+//# sourceMappingURL=popover.js.map