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

package/dist/vendor/@base-ui/react/dialog/portal/DialogPortal.js

@@ -0,0 +1,38 @@
+"use client";
+import { useDialogRootContext } from "../root/DialogRootContext.js";
+import { FloatingPortal } from "../../floating-ui-react/components/FloatingPortal.js";
+import { DialogPortalContext } from "./DialogPortalContext.js";
+import { inertValue } from "../../../utils/inertValue.js";
+import { InternalBackdrop } from "../../utils/InternalBackdrop.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/dialog/portal/DialogPortal.mjs
+/**
+* A portal element that moves the popup to a different part of the DOM.
+* By default, the portal element is appended to `<body>`.
+* Renders a `<div>` element.
+*
+* Documentation: [Base UI Dialog](https://base-ui.com/react/components/dialog)
+*/
+const DialogPortal = /*#__PURE__*/ React.forwardRef(function DialogPortal(props, forwardedRef) {
+	const { keepMounted = false, ...portalProps } = props;
+	const store = useDialogRootContext();
+	const mounted = store.useState("mounted");
+	const modal = store.useState("modal");
+	const open = store.useState("open");
+	if (!(mounted || keepMounted)) return null;
+	return /*#__PURE__*/ jsx(DialogPortalContext.Provider, {
+		value: keepMounted,
+		children: /*#__PURE__*/ jsxs(FloatingPortal, {
+			ref: forwardedRef,
+			...portalProps,
+			children: [mounted && modal === true && /*#__PURE__*/ jsx(InternalBackdrop, {
+				ref: store.context.internalBackdropRef,
+				inert: inertValue(!open)
+			}), props.children]
+		})
+	});
+});
+if (process.env.NODE_ENV !== "production") DialogPortal.displayName = "DialogPortal";
+//#endregion
+export { DialogPortal };

package/dist/vendor/@base-ui/react/dialog/portal/DialogPortalContext.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/dialog/portal/DialogPortalContext.mjs
+const DialogPortalContext = /*#__PURE__*/ React.createContext(void 0);
+if (process.env.NODE_ENV !== "production") DialogPortalContext.displayName = "DialogPortalContext";
+function useDialogPortalContext() {
+	const value = React.useContext(DialogPortalContext);
+	if (value === void 0) throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Dialog.Portal> is missing." : formatErrorMessage(26));
+	return value;
+}
+//#endregion
+export { DialogPortalContext, useDialogPortalContext };

package/dist/vendor/@base-ui/react/dialog/root/DialogRoot.js

@@ -0,0 +1,16 @@
+"use client";
+import { fastComponent } from "../../../utils/fastHooks.js";
+import { useRenderDialogRoot } from "./useRenderDialogRoot.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/dialog/root/DialogRoot.mjs
+/**
+* Groups all parts of the dialog.
+* Doesn't render its own HTML element.
+*
+* Documentation: [Base UI Dialog](https://base-ui.com/react/components/dialog)
+*/
+const DialogRoot = fastComponent(function DialogRoot(props) {
+	return useRenderDialogRoot("dialog", props);
+});
+if (process.env.NODE_ENV !== "production") DialogRoot.displayName = "DialogRoot";
+//#endregion
+export { DialogRoot };

package/dist/vendor/@base-ui/react/dialog/root/DialogRootContext.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/dialog/root/DialogRootContext.mjs
+const DialogRootContext = /*#__PURE__*/ React.createContext(void 0);
+if (process.env.NODE_ENV !== "production") DialogRootContext.displayName = "DialogRootContext";
+function useDialogRootContext(optional) {
+	const store = React.useContext(DialogRootContext);
+	if (!optional && store === void 0) throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: DialogRootContext is missing. Dialog parts must be placed within <Dialog.Root>." : formatErrorMessage(27));
+	return store;
+}
+//#endregion
+export { DialogRootContext, useDialogRootContext };

package/dist/vendor/@base-ui/react/dialog/root/useDialogRoot.js

@@ -0,0 +1,77 @@
+"use client";
+import { useIsoLayoutEffect } from "../../../utils/useIsoLayoutEffect.js";
+import { contains, getTarget } from "../../../utils/shadowDom.js";
+import { useDismiss } from "../../floating-ui-react/hooks/useDismiss.js";
+import { usePopupInteractionProps } from "../../utils/popups/popupStoreUtils.js";
+import { useScrollLock } from "../../../utils/useScrollLock.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/root/useDialogRoot.mjs
+function DialogInteractions({ store, parentContext, isDrawer }) {
+	const open = store.useState("open");
+	const disablePointerDismissal = store.useState("disablePointerDismissal");
+	const modal = store.useState("modal");
+	const popupElement = store.useState("popupElement");
+	const floatingRootContext = store.useState("floatingRootContext");
+	const [ownNestedOpenDialogs, setOwnNestedOpenDialogs] = React.useState(0);
+	const [ownNestedOpenDrawers, setOwnNestedOpenDrawers] = React.useState(0);
+	const isTopmost = ownNestedOpenDialogs === 0;
+	const dismiss = useDismiss(floatingRootContext, {
+		outsidePressEvent() {
+			if (store.context.internalBackdropRef.current || store.context.backdropRef.current) return "intentional";
+			return {
+				mouse: modal === "trap-focus" ? "sloppy" : "intentional",
+				touch: "sloppy"
+			};
+		},
+		outsidePress(event) {
+			if (!store.context.outsidePressEnabledRef.current) return false;
+			if ("button" in event && event.button !== 0) return false;
+			if ("touches" in event) {
+				if (event.type === "touchend") {
+					if (event.changedTouches.length !== 1 || event.touches.length !== 0) return false;
+				} else if (event.touches.length !== 1) return false;
+			}
+			const target = getTarget(event);
+			if (isTopmost && !disablePointerDismissal) {
+				if (modal) {
+					const internalBackdrop = store.context.internalBackdropRef.current;
+					const backdrop = store.context.backdropRef.current;
+					return internalBackdrop || backdrop ? internalBackdrop === target || backdrop === target || contains(target, popupElement) && !target?.hasAttribute("data-base-ui-portal") : true;
+				}
+				return true;
+			}
+			return false;
+		},
+		escapeKey: isTopmost
+	});
+	useScrollLock(open && modal === true, popupElement);
+	store.useContextCallback("onNestedDialogOpen", (dialogCount, drawerCount) => {
+		setOwnNestedOpenDialogs(dialogCount);
+		setOwnNestedOpenDrawers(drawerCount);
+	});
+	useIsoLayoutEffect(() => {
+		if (parentContext?.onNestedDialogOpen) {
+			if (open) parentContext.onNestedDialogOpen(ownNestedOpenDialogs + 1, ownNestedOpenDrawers + (isDrawer ? 1 : 0));
+			else parentContext.onNestedDialogOpen(0, 0);
+		}
+		return () => {
+			if (parentContext?.onNestedDialogOpen && open) parentContext.onNestedDialogOpen(0, 0);
+		};
+	}, [
+		isDrawer,
+		open,
+		ownNestedOpenDialogs,
+		ownNestedOpenDrawers,
+		parentContext
+	]);
+	usePopupInteractionProps(store, {
+		activeTriggerProps: dismiss.reference,
+		inactiveTriggerProps: dismiss.trigger,
+		popupProps: dismiss.floating,
+		nestedOpenDialogCount: ownNestedOpenDialogs,
+		nestedOpenDrawerCount: ownNestedOpenDrawers
+	});
+	return null;
+}
+//#endregion
+export { DialogInteractions };

package/dist/vendor/@base-ui/react/dialog/root/useRenderDialogRoot.js

@@ -0,0 +1,65 @@
+"use client";
+import { DialogRootContext, useDialogRootContext } from "./DialogRootContext.js";
+import { imperativeAction } from "../../internals/reason-parts.js";
+import { createChangeEventDetails } from "../../internals/createBaseUIEventDetails.js";
+import { PopupHandleAttachment, useImplicitActiveTrigger, useOpenStateTransitions, usePopupRootStore, usePopupRootSync } from "../../utils/popups/popupStoreUtils.js";
+import { DialogInteractions } from "./useDialogRoot.js";
+import { DialogStore } from "../store/DialogStore.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/dialog/root/useRenderDialogRoot.mjs
+function useRenderDialogRoot(mode, props) {
+	const { children, open: openProp, defaultOpen = false, onOpenChange, onOpenChangeComplete, disablePointerDismissal: disablePointerDismissalProp = false, modal: modalProp = true, actionsRef, handle, triggerId: triggerIdProp, defaultTriggerId: defaultTriggerIdProp = null } = props;
+	const isDrawer = mode === "drawer";
+	const isAlertDialog = mode === "alert-dialog";
+	const modal = isAlertDialog ? true : modalProp;
+	const disablePointerDismissal = isAlertDialog || disablePointerDismissalProp;
+	const role = isAlertDialog ? "alertdialog" : "dialog";
+	const parentStore = useDialogRootContext(true);
+	const rootState = {
+		modal,
+		disablePointerDismissal,
+		nested: parentStore != null,
+		role
+	};
+	const store = usePopupRootStore((floatingId, floatingNested) => new DialogStore({
+		open: defaultOpen,
+		openProp,
+		activeTriggerId: defaultTriggerIdProp,
+		triggerIdProp,
+		...rootState
+	}, floatingId, floatingNested), true);
+	store.useControlledProp("openProp", openProp);
+	store.useControlledProp("triggerIdProp", triggerIdProp);
+	store.useSyncedValues(rootState);
+	store.useContextCallback("onOpenChange", onOpenChange);
+	store.useContextCallback("onOpenChangeComplete", onOpenChangeComplete);
+	const open = store.useState("open");
+	const mounted = store.useState("mounted");
+	const payload = store.useState("payload");
+	usePopupRootSync(store, open);
+	useImplicitActiveTrigger(store);
+	const { forceUnmount } = useOpenStateTransitions(open, store);
+	React.useImperativeHandle(actionsRef, () => ({
+		unmount: forceUnmount,
+		close: () => store.setOpen(false, createChangeEventDetails(imperativeAction))
+	}), [forceUnmount, store]);
+	const shouldRenderInteractions = open || mounted;
+	return /*#__PURE__*/ jsxs(DialogRootContext.Provider, {
+		value: store,
+		children: [
+			handle && /*#__PURE__*/ jsx(PopupHandleAttachment, {
+				handle,
+				store
+			}),
+			shouldRenderInteractions && /*#__PURE__*/ jsx(DialogInteractions, {
+				store,
+				parentContext: parentStore?.context,
+				isDrawer
+			}),
+			typeof children === "function" ? children({ payload }) : children
+		]
+	});
+}
+//#endregion
+export { useRenderDialogRoot };

package/dist/vendor/@base-ui/react/dialog/store/DialogStore.js

@@ -0,0 +1,70 @@
+import { ReactStore } from "../../../utils/store/ReactStore.js";
+import { createPopupOpenState } from "../../utils/popups/popupStoreUtils.js";
+import { PopupTriggerMap } from "../../utils/popups/popupTriggerMap.js";
+import { createInitialPopupStoreState, popupStoreSelectors } from "../../utils/popups/store.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/store/DialogStore.mjs
+const selectors = {
+	...popupStoreSelectors,
+	modal: (state) => state.modal,
+	nested: (state) => state.nested,
+	nestedOpenDialogCount: (state) => state.nestedOpenDialogCount,
+	nestedOpenDrawerCount: (state) => state.nestedOpenDrawerCount,
+	disablePointerDismissal: (state) => state.disablePointerDismissal,
+	openMethod: (state) => state.openMethod,
+	descriptionElementId: (state) => state.descriptionElementId,
+	titleElementId: (state) => state.titleElementId,
+	viewportElement: (state) => state.viewportElement,
+	role: (state) => state.role
+};
+/**
+* The subset of `DialogStore` that detached handle-backed triggers rely on. Both the real
+* `DialogStore` and the inert fallback store satisfy it, so a trigger can read from whichever
+* store the handle currently exposes.
+*/
+var DialogStore = class extends ReactStore {
+	constructor(initialState, floatingId, nested) {
+		const triggerElements = new PopupTriggerMap();
+		const state = createInitialState(initialState, triggerElements, floatingId, nested);
+		super(state, createInitialContext(triggerElements), selectors);
+	}
+	setOpen = (nextOpen, eventDetails) => {
+		eventDetails.preventUnmountOnClose = () => {
+			this.set("preventUnmountingOnClose", true);
+		};
+		if (!nextOpen && eventDetails.trigger == null && this.state.activeTriggerId != null) eventDetails.trigger = this.state.activeTriggerElement ?? void 0;
+		this.context.onOpenChange?.(nextOpen, eventDetails);
+		if (eventDetails.isCanceled) return;
+		this.state.floatingRootContext.dispatchOpenChange(nextOpen, eventDetails);
+		this.update(createPopupOpenState(this.state, nextOpen, eventDetails.trigger));
+	};
+};
+function createInitialState(initialState, triggerElements, floatingId, nested = false) {
+	return {
+		...createInitialPopupStoreState(triggerElements, floatingId, nested),
+		modal: true,
+		disablePointerDismissal: false,
+		viewportElement: null,
+		descriptionElementId: void 0,
+		titleElementId: void 0,
+		openMethod: null,
+		nested: false,
+		nestedOpenDialogCount: 0,
+		nestedOpenDrawerCount: 0,
+		role: "dialog",
+		...initialState
+	};
+}
+function createInitialContext(triggerElements) {
+	return {
+		popupRef: /*#__PURE__*/ React.createRef(),
+		backdropRef: /*#__PURE__*/ React.createRef(),
+		internalBackdropRef: /*#__PURE__*/ React.createRef(),
+		outsidePressEnabledRef: { current: true },
+		triggerElements,
+		onOpenChange: void 0,
+		onOpenChangeComplete: void 0
+	};
+}
+//#endregion
+export { DialogStore };

package/dist/vendor/@base-ui/react/dialog/title/DialogTitle.js

@@ -0,0 +1,25 @@
+"use client";
+import { useDialogRootContext } from "../root/DialogRootContext.js";
+import { useRenderElement } from "../../internals/useRenderElement.js";
+import { useBaseUiId } from "../../internals/useBaseUiId.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/title/DialogTitle.mjs
+/**
+* A heading that labels the dialog.
+* Renders an `<h2>` element.
+*
+* Documentation: [Base UI Dialog](https://base-ui.com/react/components/dialog)
+*/
+const DialogTitle = /*#__PURE__*/ React.forwardRef(function DialogTitle(componentProps, forwardedRef) {
+	const { render, className, style, id: idProp, ...elementProps } = componentProps;
+	const store = useDialogRootContext();
+	const id = useBaseUiId(idProp);
+	store.useSyncedValueWithCleanup("titleElementId", id);
+	return useRenderElement("h2", componentProps, {
+		ref: forwardedRef,
+		props: [{ id }, elementProps]
+	});
+});
+if (process.env.NODE_ENV !== "production") DialogTitle.displayName = "DialogTitle";
+//#endregion
+export { DialogTitle };

package/dist/vendor/@base-ui/react/dialog/utils/stateAttributesMapping.js

@@ -0,0 +1,17 @@
+import { transitionStatusMapping } from "../../internals/stateAttributesMapping.js";
+import { popupStateMapping } from "../../utils/popupStateMapping.js";
+import { nestedDialogOpen } from "../popup/DialogPopupDataAttributes.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/dialog/utils/stateAttributesMapping.mjs
+/**
+* Shared by `Dialog.Popup` and `Dialog.Viewport`, whose states have the same shape.
+* `nested` is not mapped: unmapped `true` booleans already render as `data-nested`.
+*/
+const dialogStateAttributesMapping = {
+	...popupStateMapping,
+	...transitionStatusMapping,
+	nestedDialogOpen(value) {
+		return value ? { [nestedDialogOpen]: "" } : null;
+	}
+};
+//#endregion
+export { dialogStateAttributesMapping };

package/dist/vendor/@base-ui/react/field/control/FieldControlDataAttributes.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/field/control/FieldControlDataAttributes.mjs
+/**
+* Present when the field is in a valid state.
+*/
+const valid = "data-valid";
+/**
+* Present when the field is in an invalid state.
+*/
+const invalid = "data-invalid";
+//#endregion
+export { invalid, valid };

package/dist/vendor/@base-ui/react/field/item/FieldItemContext.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/field/item/FieldItemContext.mjs
+const FieldItemContext = /*#__PURE__*/ React.createContext({ disabled: false });
+if (process.env.NODE_ENV !== "production") FieldItemContext.displayName = "FieldItemContext";
+function useFieldItemContext() {
+	return React.useContext(FieldItemContext);
+}
+//#endregion
+export { FieldItemContext, useFieldItemContext };

package/dist/vendor/@base-ui/react/field/root/useFieldValidation.js

@@ -0,0 +1,18 @@
+"use client";
+import { DEFAULT_VALIDITY_STATE } from "../../internals/field-constants/constants.js";
+import "react";
+Object.keys(DEFAULT_VALIDITY_STATE);
+/**
+* Whether an input participates in the surrounding Base UI Form. Inputs that are effectively
+* disabled, or whose `form` attribute explicitly associates them with another form, are excluded.
+* DOM position only matters when it associates the input with a different form. Otherwise, field
+* registration is context-driven, so portaled inputs (for example inside a dialog) still belong to
+* the form for both validation and values projected into `onFormSubmit`.
+*/
+function isEligibleInput(input, formElement) {
+	if (input.matches(":disabled")) return false;
+	if (!formElement || input.form === formElement) return true;
+	return input.form === null && !input.hasAttribute("form");
+}
+//#endregion
+export { isEligibleInput };

package/dist/vendor/@base-ui/react/fieldset/root/FieldsetRootContext.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/fieldset/root/FieldsetRootContext.mjs
+const FieldsetRootContext = /*#__PURE__*/ React.createContext(void 0);
+if (process.env.NODE_ENV !== "production") FieldsetRootContext.displayName = "FieldsetRootContext";
+function useFieldsetRootContext(optional = false) {
+	const context = React.useContext(FieldsetRootContext);
+	if (!context && !optional) throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: FieldsetRootContext is missing. Fieldset parts must be placed within <Fieldset.Root>." : formatErrorMessage(86));
+	return context;
+}
+//#endregion
+export { FieldsetRootContext, useFieldsetRootContext };