@monimesl/dot-renderer-react 0.1.0-alpha.8 → 0.1.0-alpha.9

package/dist/theme.js

@@ -0,0 +1,84 @@
+import { contrast, darken } from "./color.js";
+import { createContext, useContext } from "react";
+//#region src/theme.ts
+const FONT_FAMILY = "system-ui, sans-serif";
+const SHAPE_RADIUS = {
+	square: 0,
+	subtle: 4,
+	soft: 12,
+	rounded: 20
+};
+const DEFAULT_COLORS = {
+	light: {
+		primary: "#1c1c1e",
+		background: "#f2f2f2",
+		surface: "#ffffff",
+		text: "#111111",
+		subtle: "#8e8e93",
+		muted: "#e9e9eb",
+		border: "#e9e9eb",
+		info: "#0a64d6",
+		success: "#1a8a4a",
+		warning: "#b25e00",
+		danger: "#d0312d"
+	},
+	dark: {
+		primary: "#f5f5f5",
+		background: "#121212",
+		surface: "#1e1e1e",
+		text: "#f5f5f5",
+		subtle: "#8e8e93",
+		muted: "#2c2c2e",
+		border: "#2a2a2c",
+		info: "#4c9dff",
+		success: "#3ecf72",
+		warning: "#ffb340",
+		danger: "#ff6961"
+	}
+};
+const MOST_DARKENING = 15;
+function resolveTheme(theme, systemScheme) {
+	const scheme = !theme.scheme || theme.scheme === "system" ? systemScheme : theme.scheme;
+	const defaults = DEFAULT_COLORS[scheme];
+	const colors = theme.colors ?? {};
+	const pick = (color, fallback) => color?.[scheme] ?? fallback;
+	const shape = theme.shape ?? "soft";
+	const surface = pick(colors.surface, defaults.surface);
+	const text = pick(colors.text, defaults.text);
+	const primary = pick(colors.primary, defaults.primary);
+	return {
+		scheme,
+		colors: {
+			...defaults,
+			...primaryAndOnPrimary(primary, surface, text, scheme),
+			background: pick(colors.background, defaults.background),
+			surface,
+			text
+		},
+		shape,
+		radius: SHAPE_RADIUS[shape]
+	};
+}
+function primaryAndOnPrimary(primary, surface, text, scheme) {
+	if (contrast(primary, surface) >= 4.5) return {
+		primary,
+		onPrimary: surface
+	};
+	if (scheme === "light") for (let points = .5; points <= MOST_DARKENING; points += .5) {
+		const darker = darken(primary, points);
+		if (contrast(darker, surface) >= 4.5) return {
+			primary: darker,
+			onPrimary: surface
+		};
+	}
+	return {
+		primary,
+		onPrimary: contrast(primary, text) > contrast(primary, surface) ? text : surface
+	};
+}
+const ThemeContext = createContext(resolveTheme({}, "light"));
+function useTheme() {
+	return useContext(ThemeContext);
+}
+//#endregion
+export { FONT_FAMILY, ThemeContext, resolveTheme, useTheme };

package/dist/types.d.ts

@@ -0,0 +1,7 @@
+import { BuiltinComponents, ComponentManifest, PropsOf } from "@monimesl/dot-core";
+import { ComponentType, ReactNode } from "react";
+//#region src/types.d.ts
+export type ReactComponent<M extends ComponentManifest> = ComponentType<PropsOf<M, ReactNode>>;
+export type ReactComponents<Manifests extends Record<string, ComponentManifest>> = { readonly [K in keyof Manifests]: ReactComponent<Manifests[K]>; };
+export type BuiltinReactComponents = ReactComponents<BuiltinComponents>;
+//#endregion

package/dist/vendor/@base-ui/react/checkbox/indicator/CheckboxIndicator.js

@@ -0,0 +1,51 @@
+"use client";
+import { useRenderElement } from "../../internals/useRenderElement.js";
+import { transitionStatusMapping } from "../../internals/stateAttributesMapping.js";
+import { useTransitionStatus } from "../../internals/useTransitionStatus.js";
+import { useOpenChangeComplete } from "../../internals/useOpenChangeComplete.js";
+import { getCheckboxStateAttributesMapping } from "../utils/getCheckboxStateAttributesMapping.js";
+import { useCheckboxRootContext } from "../root/CheckboxRootContext.js";
+import * as React from "react";
+//#region ../../../node_modules/.pnpm/@base-ui+react@1.8.0_@date-fns+tz@1.5.0_@types+react@19.3.0_date-fns@4.4.0_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@base-ui/react/checkbox/indicator/CheckboxIndicator.mjs
+/**
+* Indicates whether the checkbox is ticked.
+* Renders a `<span>` element.
+*
+* Documentation: [Base UI Checkbox](https://base-ui.com/react/components/checkbox)
+*/
+const CheckboxIndicator = /*#__PURE__*/ React.forwardRef(function CheckboxIndicator(componentProps, forwardedRef) {
+	const { render, className, style, keepMounted = false, ...elementProps } = componentProps;
+	const rootState = useCheckboxRootContext();
+	const rendered = rootState.checked || rootState.indeterminate;
+	const { mounted, transitionStatus, setMounted } = useTransitionStatus(rendered);
+	const indicatorRef = React.useRef(null);
+	const state = {
+		...rootState,
+		transitionStatus
+	};
+	useOpenChangeComplete({
+		batch: true,
+		enabled: !rendered,
+		open: rendered,
+		ref: indicatorRef,
+		onComplete() {
+			if (!rendered) setMounted(false);
+		}
+	});
+	const stateAttributesMapping = {
+		...getCheckboxStateAttributesMapping(rootState),
+		...transitionStatusMapping
+	};
+	const shouldRender = keepMounted || mounted;
+	const element = useRenderElement("span", componentProps, {
+		ref: [forwardedRef, indicatorRef],
+		state,
+		stateAttributesMapping,
+		props: elementProps
+	});
+	if (!shouldRender) return null;
+	return element;
+});
+if (process.env.NODE_ENV !== "production") CheckboxIndicator.displayName = "CheckboxIndicator";
+//#endregion
+export { CheckboxIndicator };

package/dist/vendor/@base-ui/react/checkbox/root/CheckboxRoot.js

@@ -0,0 +1,265 @@
+"use client";
+import { useMergedRefs } from "../../../utils/useMergedRefs.js";
+import { EMPTY_OBJECT } from "../../../utils/empty.js";
+import { mergeProps } from "../../merge-props/mergeProps.js";
+import { useRenderElement } from "../../internals/useRenderElement.js";
+import { getWindow } from "../../../../@floating-ui/utils/dist/floating-ui.utils.dom.js";
+import { useIsoLayoutEffect } from "../../../utils/useIsoLayoutEffect.js";
+import { dispatchClickWithModifiers } from "../../utils/dispatchClickWithModifiers.js";
+import { useButton } from "../../internals/use-button/useButton.js";
+import { none } from "../../internals/reason-parts.js";
+import { createChangeEventDetails } from "../../internals/createBaseUIEventDetails.js";
+import { useBaseUiId } from "../../internals/useBaseUiId.js";
+import { visuallyHidden, visuallyHiddenInput } from "../../../utils/visuallyHidden.js";
+import { useValueChanged } from "../../internals/useValueChanged.js";
+import { useControlled } from "../../../utils/useControlled.js";
+import { getDefaultFormSubmitter } from "../../../utils/getDefaultFormSubmitter.js";
+import { getCheckboxStateAttributesMapping } from "../utils/getCheckboxStateAttributesMapping.js";
+import { useFieldRootContext } from "../../internals/field-root-context/FieldRootContext.js";
+import { useRegisterFieldControl } from "../../internals/field-register-control/useRegisterFieldControl.js";
+import { useFieldItemContext } from "../../field/item/FieldItemContext.js";
+import { useFormContext } from "../../internals/form-context/FormContext.js";
+import { useLabelableContext } from "../../internals/labelable-provider/LabelableContext.js";
+import { useAriaLabelledBy } from "../../internals/labelable-provider/useAriaLabelledBy.js";
+import { useLabelableId } from "../../internals/labelable-provider/useLabelableId.js";
+import { useCheckboxGroupContext } from "../../checkbox-group/CheckboxGroupContext.js";
+import { CheckboxRootContext } from "./CheckboxRootContext.js";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region ../../../node_modules/.pnpm/@base-ui+react@1.8.0_@date-fns+tz@1.5.0_@types+react@19.3.0_date-fns@4.4.0_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@base-ui/react/checkbox/root/CheckboxRoot.mjs
+const PARENT_CHECKBOX = "data-parent";
+/**
+* Represents the checkbox itself.
+* Renders a `<span>` element and a hidden `<input>` beside.
+*
+* Documentation: [Base UI Checkbox](https://base-ui.com/react/components/checkbox)
+*/
+const CheckboxRoot = /*#__PURE__*/ React.forwardRef(function CheckboxRoot(componentProps, forwardedRef) {
+	const { checked: checkedProp, className, defaultChecked = false, "aria-labelledby": ariaLabelledByProp, disabled: disabledProp = false, form, id: idProp, indeterminate = false, inputRef: inputRefProp, name: nameProp, onCheckedChange, parent = false, readOnly = false, render, required = false, uncheckedValue, value: valueProp, nativeButton = false, style, ...elementProps } = componentProps;
+	const { clearErrors } = useFormContext();
+	const { disabled: rootDisabled, name: fieldName, setDirty, setFilled, setFocused, setTouched, state: fieldState, validationMode, validityData, validation: localValidation } = useFieldRootContext();
+	const fieldItemContext = useFieldItemContext();
+	const { labelId, registerControlId, getDescriptionProps } = useLabelableContext();
+	const groupContext = useCheckboxGroupContext();
+	const parentContext = groupContext?.allValues === void 0 ? void 0 : groupContext.parent;
+	const isGroupedWithParent = parentContext !== void 0;
+	const disabled = rootDisabled || fieldItemContext.disabled || groupContext?.disabled || disabledProp;
+	const name = fieldName ?? nameProp;
+	const value = valueProp ?? name;
+	const id = useBaseUiId();
+	const ownsControlId = groupContext?.registerControlId !== registerControlId;
+	const controlId = useLabelableId({
+		id: idProp || void 0,
+		enabled: ownsControlId
+	});
+	const rootId = nativeButton ? controlId : id;
+	let groupProps = {};
+	if (isGroupedWithParent) {
+		if (parent) groupProps = parentContext.getParentProps();
+		else if (value !== void 0) groupProps = parentContext.getChildProps(value);
+	}
+	const { checked: groupChecked = checkedProp, indeterminate: groupIndeterminate = indeterminate, onCheckedChange: groupOnChange, ...otherGroupProps } = groupProps;
+	const groupValue = groupContext?.value;
+	const controlRef = React.useRef(null);
+	const { getButtonProps, buttonRef } = useButton({
+		disabled,
+		native: nativeButton
+	});
+	const validation = groupContext?.validation ?? localValidation;
+	const [checked, setCheckedState] = useControlled({
+		controlled: value !== void 0 && groupValue !== void 0 && !parent ? groupValue.includes(value) : groupChecked,
+		default: defaultChecked,
+		name: "Checkbox",
+		state: "checked"
+	});
+	const computedChecked = isGroupedWithParent ? Boolean(groupChecked) : checked;
+	const computedIndeterminate = isGroupedWithParent ? groupIndeterminate || indeterminate : indeterminate;
+	useRegisterFieldControl(controlRef, id, checked, void 0, !groupContext && !disabled, nameProp);
+	const registerChildId = parentContext?.registerChildId;
+	const inputRef = React.useRef(null);
+	const registerFieldInput = validation.registerInput;
+	const registeredInputValue = groupContext ? value : void 0;
+	const registerInput = React.useCallback((element) => registerFieldInput(element, {
+		controlRef,
+		value: registeredInputValue
+	}), [registerFieldInput, registeredInputValue]);
+	const mergedInputRef = useMergedRefs(inputRefProp, inputRef, parent ? void 0 : registerInput);
+	const ariaLabelledBy = useAriaLabelledBy(ariaLabelledByProp, labelId, inputRef, !nativeButton, controlId);
+	useIsoLayoutEffect(() => {
+		if (inputRef.current) inputRef.current.indeterminate = computedIndeterminate;
+		if (!groupContext) setFilled(checked);
+	}, [
+		checked,
+		computedIndeterminate,
+		groupContext,
+		setFilled
+	]);
+	useValueChanged(checked, () => {
+		if (groupContext) return;
+		clearErrors(name);
+		setDirty(checked !== validityData.initialValue);
+		validation.change(checked);
+	});
+	const inputProps = mergeProps({
+		checked,
+		disabled,
+		form,
+		name: parent ? void 0 : name,
+		id: nativeButton ? void 0 : controlId,
+		required,
+		ref: mergedInputRef,
+		style: name ? visuallyHiddenInput : visuallyHidden,
+		tabIndex: -1,
+		type: "checkbox",
+		"aria-hidden": true,
+		onChange(event) {
+			if (event.nativeEvent.defaultPrevented) return;
+			if (readOnly) {
+				event.preventDefault();
+				return;
+			}
+			const nextChecked = event.currentTarget.checked;
+			const details = createChangeEventDetails(none, event.nativeEvent);
+			onCheckedChange?.(nextChecked, details);
+			if (details.isCanceled) return;
+			groupOnChange?.(nextChecked, details);
+			if (details.isCanceled) return;
+			setCheckedState(nextChecked);
+			if (value !== void 0 && groupContext !== void 0 && !parent && !isGroupedWithParent) {
+				const nextGroupValue = nextChecked ? [...groupContext.value, value] : groupContext.value.filter((item) => item !== value);
+				groupContext.setValue(nextGroupValue, details);
+			}
+		},
+		onClick(event) {
+			event.stopPropagation();
+		},
+		onFocus() {
+			controlRef.current?.focus();
+		}
+	}, valueProp !== void 0 ? { value: (groupContext ? checked && valueProp : valueProp) || "" } : EMPTY_OBJECT, getDescriptionProps, (props) => validation.getValidationProps(disabled, props));
+	React.useEffect(() => {
+		if (!parentContext || value === void 0) return;
+		const disabledStates = parentContext.disabledStatesRef.current;
+		disabledStates.set(value, disabled);
+		return () => {
+			disabledStates.delete(value);
+		};
+	}, [
+		parentContext,
+		disabled,
+		value
+	]);
+	const state = React.useMemo(() => ({
+		...fieldState,
+		checked: computedChecked,
+		disabled,
+		readOnly,
+		required,
+		indeterminate: computedIndeterminate
+	}), [
+		fieldState,
+		computedChecked,
+		disabled,
+		readOnly,
+		required,
+		computedIndeterminate
+	]);
+	const stateAttributesMapping = getCheckboxStateAttributesMapping(state);
+	const element = useRenderElement("span", componentProps, {
+		state,
+		ref: [
+			buttonRef,
+			controlRef,
+			forwardedRef
+		],
+		props: [
+			{
+				id: rootId,
+				role: "checkbox",
+				"aria-checked": computedIndeterminate ? "mixed" : computedChecked,
+				"aria-readonly": readOnly || void 0,
+				"aria-required": required || void 0,
+				"aria-labelledby": ariaLabelledBy,
+				[PARENT_CHECKBOX]: parent ? "" : void 0,
+				onFocus() {
+					if (!disabled) setFocused(true);
+				},
+				onBlur() {
+					const inputEl = inputRef.current;
+					if (!inputEl) return;
+					setTouched(true);
+					setFocused(false);
+					if (validationMode === "onBlur") validation.commit(groupContext ? groupValue : inputEl.checked);
+				},
+				onKeyDown(event) {
+					if (event.key !== "Enter") return;
+					event.preventBaseUIHandler();
+					if (event.defaultPrevented) return;
+					const formToSubmit = inputRef.current?.form ?? null;
+					const currentTarget = event.currentTarget;
+					const nativeEvent = event.nativeEvent;
+					const originalPreventDefault = event.preventDefault;
+					const originalNativePreventDefault = nativeEvent.preventDefault;
+					let preventDefaultCalledAfterPropagation = false;
+					event.preventDefault = () => {
+						preventDefaultCalledAfterPropagation = true;
+						originalPreventDefault.call(event);
+					};
+					nativeEvent.preventDefault = () => {
+						preventDefaultCalledAfterPropagation = true;
+						originalNativePreventDefault.call(nativeEvent);
+					};
+					originalNativePreventDefault.call(nativeEvent);
+					getWindow(currentTarget).queueMicrotask(() => {
+						event.preventDefault = originalPreventDefault;
+						nativeEvent.preventDefault = originalNativePreventDefault;
+						if (!preventDefaultCalledAfterPropagation) getDefaultFormSubmitter(formToSubmit)?.click();
+					});
+				},
+				onClick(event) {
+					if (readOnly || disabled) return;
+					event.preventDefault();
+					const input = inputRef.current;
+					if (!input) return;
+					dispatchClickWithModifiers(input, event);
+				}
+			},
+			elementProps,
+			otherGroupProps,
+			getButtonProps,
+			getDescriptionProps,
+			(props) => validation.getValidationProps(disabled, props)
+		],
+		stateAttributesMapping
+	});
+	const renderedId = element.props.id;
+	useIsoLayoutEffect(() => {
+		if (!registerChildId || parent || value === void 0 || renderedId === void 0) return;
+		return registerChildId(value, renderedId);
+	}, [
+		registerChildId,
+		parent,
+		value,
+		renderedId
+	]);
+	return /*#__PURE__*/ jsxs(CheckboxRootContext.Provider, {
+		value: state,
+		children: [
+			element,
+			!checked && !groupContext && name && !parent && uncheckedValue !== void 0 && /*#__PURE__*/ jsx("input", {
+				type: "hidden",
+				form,
+				name,
+				value: uncheckedValue,
+				disabled
+			}),
+			/*#__PURE__*/ jsx("input", {
+				...inputProps,
+				suppressHydrationWarning: true
+			})
+		]
+	});
+});
+if (process.env.NODE_ENV !== "production") CheckboxRoot.displayName = "CheckboxRoot";
+//#endregion
+export { CheckboxRoot, PARENT_CHECKBOX };

package/dist/vendor/@base-ui/react/checkbox/root/CheckboxRootContext.js

@@ -0,0 +1,13 @@
+"use client";
+import formatErrorMessage from "../../../utils/formatErrorMessage.js";
+import * as React from "react";
+//#region ../../../node_modules/.pnpm/@base-ui+react@1.8.0_@date-fns+tz@1.5.0_@types+react@19.3.0_date-fns@4.4.0_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@base-ui/react/checkbox/root/CheckboxRootContext.mjs
+const CheckboxRootContext = /*#__PURE__*/ React.createContext(void 0);
+if (process.env.NODE_ENV !== "production") CheckboxRootContext.displayName = "CheckboxRootContext";
+function useCheckboxRootContext() {
+	const context = React.useContext(CheckboxRootContext);
+	if (context === void 0) throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: CheckboxRootContext is missing. Checkbox parts must be placed within <Checkbox.Root>." : formatErrorMessage(14));
+	return context;
+}
+//#endregion
+export { CheckboxRootContext, useCheckboxRootContext };

package/dist/vendor/@base-ui/react/checkbox/root/CheckboxRootDataAttributes.js

@@ -0,0 +1,11 @@
+//#region ../../../node_modules/.pnpm/@base-ui+react@1.8.0_@date-fns+tz@1.5.0_@types+react@19.3.0_date-fns@4.4.0_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@base-ui/react/checkbox/root/CheckboxRootDataAttributes.mjs
+/**
+* Present when the checkbox is checked.
+*/
+const checked = "data-checked";
+/**
+* Present when the checkbox is not checked.
+*/
+const unchecked = "data-unchecked";
+//#endregion
+export { checked, unchecked };

package/dist/vendor/@base-ui/react/checkbox/utils/getCheckboxStateAttributesMapping.js

@@ -0,0 +1,15 @@
+import { fieldValidityMapping } from "../../internals/field-constants/constants.js";
+import { checked, unchecked } from "../root/CheckboxRootDataAttributes.js";
+//#region ../../../node_modules/.pnpm/@base-ui+react@1.8.0_@date-fns+tz@1.5.0_@types+react@19.3.0_date-fns@4.4.0_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@base-ui/react/checkbox/utils/getCheckboxStateAttributesMapping.mjs
+function getCheckboxStateAttributesMapping(state) {
+	return {
+		checked(value) {
+			if (state.indeterminate) return {};
+			if (value) return { [checked]: "" };
+			return { [unchecked]: "" };
+		},
+		...fieldValidityMapping
+	};
+}
+//#endregion
+export { getCheckboxStateAttributesMapping };

package/dist/vendor/@base-ui/react/checkbox-group/CheckboxGroupContext.js

@@ -0,0 +1,10 @@
+"use client";
+import * as React from "react";
+//#region ../../../node_modules/.pnpm/@base-ui+react@1.8.0_@date-fns+tz@1.5.0_@types+react@19.3.0_date-fns@4.4.0_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@base-ui/react/checkbox-group/CheckboxGroupContext.mjs
+const CheckboxGroupContext = /*#__PURE__*/ React.createContext(void 0);
+if (process.env.NODE_ENV !== "production") CheckboxGroupContext.displayName = "CheckboxGroupContext";
+function useCheckboxGroupContext() {
+	return React.useContext(CheckboxGroupContext);
+}
+//#endregion
+export { CheckboxGroupContext, useCheckboxGroupContext };

package/dist/vendor/@base-ui/react/dialog/backdrop/DialogBackdrop.js

@@ -0,0 +1,40 @@
+"use client";
+import { useDialogRootContext } from "../root/DialogRootContext.js";
+import { useRenderElement } from "../../internals/useRenderElement.js";
+import { popupTransitionStateMapping } from "../../utils/popupStateMapping.js";
+import * as React from "react";
+//#region ../../../node_modules/.pnpm/@base-ui+react@1.8.0_@date-fns+tz@1.5.0_@types+react@19.3.0_date-fns@4.4.0_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@base-ui/react/dialog/backdrop/DialogBackdrop.mjs
+/**
+* An overlay displayed beneath the popup.
+* Renders a `<div>` element.
+*
+* Documentation: [Base UI Dialog](https://base-ui.com/react/components/dialog)
+*/
+const DialogBackdrop = /*#__PURE__*/ React.forwardRef(function DialogBackdrop(componentProps, forwardedRef) {
+	const { render, className, style, forceRender = false, ...elementProps } = componentProps;
+	const store = useDialogRootContext();
+	const open = store.useState("open");
+	const nested = store.useState("nested");
+	const mounted = store.useState("mounted");
+	const state = {
+		open,
+		transitionStatus: store.useState("transitionStatus")
+	};
+	return useRenderElement("div", componentProps, {
+		state,
+		ref: [store.context.backdropRef, forwardedRef],
+		stateAttributesMapping: popupTransitionStateMapping,
+		props: [{
+			role: "presentation",
+			hidden: !mounted,
+			style: {
+				userSelect: "none",
+				WebkitUserSelect: "none"
+			}
+		}, elementProps],
+		enabled: forceRender || !nested
+	});
+});
+if (process.env.NODE_ENV !== "production") DialogBackdrop.displayName = "DialogBackdrop";
+//#endregion
+export { DialogBackdrop };

package/dist/vendor/@base-ui/react/dialog/close/DialogClose.js

@@ -0,0 +1,39 @@
+"use client";
+import { useDialogRootContext } from "../root/DialogRootContext.js";
+import { useRenderElement } from "../../internals/useRenderElement.js";
+import { useButton } from "../../internals/use-button/useButton.js";
+import { closePress } from "../../internals/reason-parts.js";
+import { createChangeEventDetails } from "../../internals/createBaseUIEventDetails.js";
+import * as React from "react";
+//#region ../../../node_modules/.pnpm/@base-ui+react@1.8.0_@date-fns+tz@1.5.0_@types+react@19.3.0_date-fns@4.4.0_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@base-ui/react/dialog/close/DialogClose.mjs
+/**
+* A button that closes the dialog.
+* Renders a `<button>` element.
+*
+* Documentation: [Base UI Dialog](https://base-ui.com/react/components/dialog)
+*/
+const DialogClose = /*#__PURE__*/ React.forwardRef(function DialogClose(componentProps, forwardedRef) {
+	const { render, className, style, disabled = false, nativeButton = true, ...elementProps } = componentProps;
+	const store = useDialogRootContext();
+	const open = store.useState("open");
+	const { getButtonProps, buttonRef } = useButton({
+		disabled,
+		native: nativeButton
+	});
+	const state = { disabled };
+	function handleClick(event) {
+		if (open) store.setOpen(false, createChangeEventDetails(closePress, event.nativeEvent));
+	}
+	return useRenderElement("button", componentProps, {
+		state,
+		ref: [forwardedRef, buttonRef],
+		props: [
+			{ onClick: handleClick },
+			elementProps,
+			getButtonProps
+		]
+	});
+});
+if (process.env.NODE_ENV !== "production") DialogClose.displayName = "DialogClose";
+//#endregion
+export { DialogClose };

package/dist/vendor/@base-ui/react/dialog/popup/DialogPopup.js

@@ -0,0 +1,92 @@
+"use client";
+import { useDialogRootContext } from "../root/DialogRootContext.js";
+import { useRenderElement } from "../../internals/useRenderElement.js";
+import { FloatingFocusManager } from "../../floating-ui-react/components/FloatingFocusManager.js";
+import { useOpenChangeComplete } from "../../internals/useOpenChangeComplete.js";
+import { FOCUSABLE_POPUP_PROPS, createDefaultInitialFocus } from "../../utils/popups/popupStoreUtils.js";
+import { useDialogPortalContext } from "../portal/DialogPortalContext.js";
+import { COMPOSITE_KEYS } from "../../internals/composite/composite.js";
+import { nestedDialogs } from "./DialogPopupCssVars.js";
+import { dialogStateAttributesMapping } from "../utils/stateAttributesMapping.js";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+//#region ../../../node_modules/.pnpm/@base-ui+react@1.8.0_@date-fns+tz@1.5.0_@types+react@19.3.0_date-fns@4.4.0_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@base-ui/react/dialog/popup/DialogPopup.mjs
+/**
+* A container for the dialog contents.
+* Renders a `<div>` element.
+*
+* Documentation: [Base UI Dialog](https://base-ui.com/react/components/dialog)
+*/
+const DialogPopup = /*#__PURE__*/ React.forwardRef(function DialogPopup(componentProps, forwardedRef) {
+	const { render, className, style, finalFocus, initialFocus, ...elementProps } = componentProps;
+	const store = useDialogRootContext();
+	const descriptionElementId = store.useState("descriptionElementId");
+	const disablePointerDismissal = store.useState("disablePointerDismissal");
+	const floatingRootContext = store.useState("floatingRootContext");
+	const rootPopupProps = store.useState("popupProps");
+	const modal = store.useState("modal");
+	const mounted = store.useState("mounted");
+	const nested = store.useState("nested");
+	const nestedOpenDialogCount = store.useState("nestedOpenDialogCount");
+	const open = store.useState("open");
+	const openMethod = store.useState("openMethod");
+	const titleElementId = store.useState("titleElementId");
+	const transitionStatus = store.useState("transitionStatus");
+	const role = store.useState("role");
+	const floatingId = floatingRootContext.useState("floatingId");
+	useDialogPortalContext();
+	useOpenChangeComplete({
+		open,
+		ref: store.context.popupRef,
+		onComplete() {
+			if (open) store.context.onOpenChangeComplete?.(true);
+		}
+	});
+	const resolvedInitialFocus = initialFocus === void 0 ? createDefaultInitialFocus(store.context.popupRef) : initialFocus;
+	const nestedDialogOpen = nestedOpenDialogCount > 0;
+	const setPopupElement = store.useStateSetter("popupElement");
+	const element = useRenderElement("div", componentProps, {
+		state: {
+			open,
+			nested,
+			transitionStatus,
+			nestedDialogOpen
+		},
+		props: [
+			rootPopupProps,
+			{
+				id: floatingId,
+				"aria-labelledby": titleElementId,
+				"aria-describedby": descriptionElementId,
+				role,
+				...FOCUSABLE_POPUP_PROPS,
+				hidden: !mounted,
+				onKeyDown(event) {
+					if (COMPOSITE_KEYS.has(event.key)) event.stopPropagation();
+				},
+				style: { [nestedDialogs]: nestedOpenDialogCount }
+			},
+			elementProps
+		],
+		ref: [
+			forwardedRef,
+			store.context.popupRef,
+			setPopupElement
+		],
+		stateAttributesMapping: dialogStateAttributesMapping
+	});
+	return /*#__PURE__*/ jsx(FloatingFocusManager, {
+		context: floatingRootContext,
+		openInteractionType: openMethod,
+		disabled: !mounted,
+		closeOnFocusOut: !disablePointerDismissal,
+		initialFocus: resolvedInitialFocus,
+		returnFocus: finalFocus,
+		modal: modal !== false,
+		restoreFocus: "popup",
+		children: element
+	});
+});
+if (process.env.NODE_ENV !== "production") DialogPopup.displayName = "DialogPopup";
+//#endregion
+export { DialogPopup };

package/dist/vendor/@base-ui/react/dialog/popup/DialogPopupCssVars.js

@@ -0,0 +1,8 @@
+//#region ../../../node_modules/.pnpm/@base-ui+react@1.8.0_@date-fns+tz@1.5.0_@types+react@19.3.0_date-fns@4.4.0_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@base-ui/react/dialog/popup/DialogPopupCssVars.mjs
+/**
+* Indicates how many dialogs are nested within.
+* @type {number}
+*/
+const nestedDialogs = "--nested-dialogs";
+//#endregion
+export { nestedDialogs };

package/dist/vendor/@base-ui/react/dialog/popup/DialogPopupDataAttributes.js

@@ -0,0 +1,7 @@
+import "../../utils/CommonPopupDataAttributes.js";
+/**
+* Present when the dialog has other open dialogs nested within it.
+*/
+const nestedDialogOpen = "data-nested-dialog-open";
+//#endregion
+export { nestedDialogOpen };