dawn-ui-react 1.0.0-alpha.2 → 1.0.0-alpha.21

package/dist/input.types-DDZuq7AK.js

@@ -0,0 +1,21 @@
+import { _ as e } from "./form-context-CpevRrMx.js";
+//#region src/components/input/input.types.tsx
+var t = e("group flex items-center rounded-full leading-0 text-ellipsis caret-brand-border-strong outline outline-transparent transition-all placeholder:opacity-60 focus-within:outline-brand-border-strong not-focus-within:hover:outline-border-strong disabled:cursor-not-allowed aria-invalid:bg-error-container aria-invalid:text-error-on-container aria-invalid:caret-error-border-strong aria-invalid:outline-error-border aria-invalid:focus-within:outline-error-border-strong aria-invalid:not-focus-within:hover:outline-error-border data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50", {
+	variants: {
+		variant: {
+			primary: "bg-surface shadow-2xs",
+			secondary: "bg-surface-low"
+		},
+		size: {
+			small: "h-lg gap-3xs px-xs style-text-prose--1",
+			medium: "h-xl gap-2xs px-sm style-text-prose-0",
+			large: "h-2xl gap-xs px-md style-text-prose-1"
+		}
+	},
+	defaultVariants: {
+		variant: "primary",
+		size: "medium"
+	}
+});
+//#endregion
+export { t };

package/dist/label-C57cQsPN.js

@@ -0,0 +1,50 @@
+import { X as e, _ as t } from "./form-context-CpevRrMx.js";
+import { t as n } from "./useBaseUiId-DJ56dhex.js";
+import * as r from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region node_modules/.pnpm/@base-ui+react@1.4.1_@types+react@19.2.14_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/internals/labelable-provider/useAriaLabelledBy.js
+function a(t, i, a, s = !0, c) {
+	let [l, u] = r.useState(), d = n(c ? `${c}-label` : void 0), f = t ?? i ?? l;
+	return e(() => {
+		let e = t || i || !s ? void 0 : o(a.current, d);
+		l !== e && u(e);
+	}), f;
+}
+function o(e, t) {
+	let n = s(e);
+	if (n) return !n.id && t && (n.id = t), n.id || void 0;
+}
+function s(e) {
+	if (!e) return;
+	let t = e.parentElement;
+	if (t && t.tagName === "LABEL") return t;
+	let n = e.id;
+	if (n) {
+		let t = e.nextElementSibling;
+		if (t && t.htmlFor === n) return t;
+	}
+	let r = e.labels;
+	return r && r[0];
+}
+//#endregion
+//#region src/components/label/label.types.ts
+var c = t("flex items-center gap-2xs select-none hover:cursor-pointer", {
+	variants: { size: {
+		small: "style-text-default--1",
+		medium: "style-text-default-0",
+		large: "style-text-default-1"
+	} },
+	defaultVariants: { size: "medium" }
+}), l = ({ className: e, children: t, ref: n, size: r, ...a }) => /* @__PURE__ */ i("label", {
+	className: c({
+		className: e,
+		size: r
+	}),
+	"data-slot": "label",
+	htmlFor: a.htmlFor,
+	ref: n,
+	...a,
+	children: t
+});
+//#endregion
+export { a as n, l as t };

package/dist/owner-CZ-bExcn.js

@@ -0,0 +1,6 @@
+//#region node_modules/.pnpm/@base-ui+utils@0.2.8_@types+react@19.2.14_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/utils/esm/owner.js
+function e(e) {
+	return e?.ownerDocument || document;
+}
+//#endregion
+export { e as t };

package/dist/serializeValue-DadF0djs.js

@@ -0,0 +1,12 @@
+//#region node_modules/.pnpm/@base-ui+react@1.4.1_@types+react@19.2.14_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/internals/serializeValue.js
+function e(e) {
+	if (e == null) return "";
+	if (typeof e == "string") return e;
+	try {
+		return JSON.stringify(e);
+	} catch {
+		return String(e);
+	}
+}
+//#endregion
+export { e as t };

package/dist/shadowDom-nxuQhD_O.js

@@ -0,0 +1,25 @@
+import { I as e } from "./form-context-CpevRrMx.js";
+//#region node_modules/.pnpm/@base-ui+react@1.4.1_@types+react@19.2.14_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/internals/shadowDom.js
+function t(e) {
+	let t = e.activeElement;
+	for (; t?.shadowRoot?.activeElement != null;) t = t.shadowRoot.activeElement;
+	return t;
+}
+function n(t, n) {
+	if (!t || !n) return !1;
+	let r = n.getRootNode?.();
+	if (t.contains(n)) return !0;
+	if (r && e(r)) {
+		let e = n;
+		for (; e;) {
+			if (t === e) return !0;
+			e = e.parentNode || e.host;
+		}
+	}
+	return !1;
+}
+function r(e) {
+	return "composedPath" in e ? e.composedPath()[0] : e.target;
+}
+//#endregion
+export { n, r, t };

package/dist/styles.css

@@ -405,32 +405,32 @@
   --yellow-900: #715212ff;
   --yellow-950: #422f06ff;
 
-  --dawn-brand-default: light-dark(var(--blue-700), var(--blue-400));
-  --dawn-brand-muted: light-dark(var(--blue-800), var(--blue-300));
-  --dawn-brand-subtle: light-dark(var(--blue-100), var(--blue-950));
+  --dawn-brand-default: light-dark(var(--rose-600), var(--rose-300));
+  --dawn-brand-muted: light-dark(var(--rose-700), var(--rose-200));
+  --dawn-brand-subtle: light-dark(var(--rose-100), var(--rose-950));
   --dawn-brand-on-default: light-dark(var(--white), var(--neutral-950));
-  --dawn-brand-container: light-dark(var(--blue-50), var(--blue-950));
-  --dawn-brand-container-high: light-dark(var(--blue-100), var(--blue-900));
-  --dawn-brand-on-container: light-dark(var(--blue-900), var(--blue-200));
-  --dawn-brand-on-container-muted: light-dark(var(--blue-700), var(--blue-400));
-  --dawn-brand-border: light-dark(var(--blue-300), var(--blue-700));
-  --dawn-brand-border-strong: light-dark(var(--blue-600), var(--blue-400));
-  --dawn-brand-shadow: light-dark(#005ba740, #30acff66);
-
-  --dawn-accent-default: light-dark(var(--lime-700), var(--lime-400));
-  --dawn-accent-muted: light-dark(var(--lime-800), var(--lime-300));
-  --dawn-accent-subtle: light-dark(var(--lime-100), var(--green-950));
+  --dawn-brand-container: light-dark(var(--rose-50), var(--rose-950));
+  --dawn-brand-container-high: light-dark(var(--rose-100), var(--rose-900));
+  --dawn-brand-on-container: light-dark(var(--rose-900), var(--rose-200));
+  --dawn-brand-on-container-muted: light-dark(var(--rose-700), var(--rose-300));
+  --dawn-brand-border: light-dark(var(--rose-300), var(--rose-600));
+  --dawn-brand-border-strong: light-dark(var(--rose-600), var(--rose-400));
+  --dawn-brand-shadow: light-dark(#e11d4840, #fda4b866);
+
+  --dawn-accent-default: light-dark(var(--violet-600), var(--violet-300));
+  --dawn-accent-muted: light-dark(var(--violet-700), var(--violet-200));
+  --dawn-accent-subtle: light-dark(var(--violet-100), var(--violet-950));
   --dawn-accent-on-default: light-dark(var(--white), var(--neutral-950));
-  --dawn-accent-container: light-dark(var(--lime-50), var(--lime-950));
-  --dawn-accent-container-high: light-dark(var(--lime-100), var(--lime-900));
-  --dawn-accent-on-container: light-dark(var(--lime-900), var(--lime-200));
-  --dawn-accent-on-container-muted: light-dark(var(--lime-700), var(--lime-400));
-  --dawn-accent-border: light-dark(var(--lime-300), var(--green-700));
-  --dawn-accent-border-strong: light-dark(var(--lime-600), var(--lime-400));
-  --dawn-accent-shadow: light-dark(#197c4b40, #4fd99466);
+  --dawn-accent-container: light-dark(var(--violet-50), var(--violet-950));
+  --dawn-accent-container-high: light-dark(var(--violet-100), var(--violet-900));
+  --dawn-accent-on-container: light-dark(var(--violet-900), var(--violet-200));
+  --dawn-accent-on-container-muted: light-dark(var(--violet-700), var(--violet-300));
+  --dawn-accent-border: light-dark(var(--violet-300), var(--violet-700));
+  --dawn-accent-border-strong: light-dark(var(--violet-600), var(--violet-400));
+  --dawn-accent-shadow: light-dark(#7c3aed40, #d0b5fd66);
 
   --dawn-neutral-default: light-dark(var(--neutral-700), var(--neutral-100));
-  --dawn-neutral-muted: light-dark(var(--neutral-800), var(--neutral-300));
+  --dawn-neutral-muted: light-dark(var(--neutral-800), var(--neutral-400));
   --dawn-neutral-subtle: light-dark(var(--neutral-200), var(--neutral-800));
   --dawn-neutral-on-default: light-dark(var(--white), var(--neutral-950));
   --dawn-neutral-container: light-dark(var(--neutral-200), var(--neutral-800));
@@ -598,182 +598,213 @@
 
 @layer base {
   body {
+    margin: 0;
     background-color: theme(--color-surface-background);
     color: theme(--color-on-surface);
     font-family: var(--font-body);
     font-size: var(--text-base);
     scrollbar-color: theme(--color-accent-default) theme(--color-surface-2);
   }
+  button {
+    line-height: 0;
+  }
+  input {
+    line-height: 0;
+  }
 }
 
 @utility shadow-* {
   box-shadow: --value(--shadow-*) var(--dawn-shadow);
 }
 
-@utility style-text-* {
-  font-family: var(--text-font);
-  font-weight: var(--text-weight);
-  font-size: var(--text-size);
-  line-height: var(--text-leading, normal);
-  letter-spacing: normal;
-}
-
 @utility style-text-default-5 {
-  --text-font: var(--font-body);
-  --text-weight: 500;
-  --text-size: var(--text-4xl);
+  font-family: var(--font-body);
+  font-weight: 500;
+  font-size: var(--text-4xl);
+  line-height: normal;
+  letter-spacing: normal;
 }
 
 @utility style-text-default-4 {
-  --text-font: var(--font-body);
-  --text-weight: 500;
-  --text-size: var(--text-3xl);
+  font-family: var(--font-body);
+  font-weight: 500;
+  font-size: var(--text-3xl);
+  line-height: normal;
+  letter-spacing: normal;
 }
 
 @utility style-text-default-3 {
-  --text-font: var(--font-body);
-  --text-weight: 500;
-  --text-size: var(--text-2xl);
+  font-family: var(--font-body);
+  font-weight: 500;
+  font-size: var(--text-2xl);
+  line-height: normal;
+  letter-spacing: normal;
 }
 
 @utility style-text-default-2 {
-  --text-font: var(--font-body);
-  --text-weight: 500;
-  --text-size: var(--text-xl);
+  font-family: var(--font-body);
+  font-weight: 500;
+  font-size: var(--text-xl);
+  line-height: normal;
+  letter-spacing: normal;
 }
 
 @utility style-text-default-1 {
-  --text-font: var(--font-body);
-  --text-weight: 500;
-  --text-size: var(--text-lg);
+  font-family: var(--font-body);
+  font-weight: 500;
+  font-size: var(--text-lg);
+  line-height: normal;
+  letter-spacing: normal;
 }
 
 @utility style-text-default-0 {
-  --text-font: var(--font-body);
-  --text-weight: 500;
-  --text-size: var(--text-base);
+  font-family: var(--font-body);
+  font-weight: 500;
+  font-size: var(--text-base);
+  line-height: normal;
+  letter-spacing: normal;
 }
 
 @utility style-text-default--1 {
-  --text-font: var(--font-body);
-  --text-weight: 500;
-  --text-size: var(--text-sm);
+  font-family: var(--font-body);
+  font-weight: 500;
+  font-size: var(--text-sm);
+  line-height: normal;
+  letter-spacing: normal;
 }
 
 @utility style-text-default--2 {
-  --text-font: var(--font-body);
-  --text-weight: 500;
-  --text-size: var(--text-xs);
+  font-family: var(--font-body);
+  font-weight: 500;
+  font-size: var(--text-xs);
+  line-height: normal;
+  letter-spacing: normal;
 }
 
 @utility style-text-prose-5 {
-  --text-font: var(--font-body);
-  --text-weight: 400;
-  --text-size: var(--text-4xl);
-  --text-leading: 160%;
+  font-family: var(--font-body);
+  font-weight: 400;
+  font-size: var(--text-4xl);
+  line-height: 160%;
+  letter-spacing: normal;
 }
 
 @utility style-text-prose-4 {
-  --text-font: var(--font-body);
-  --text-weight: 400;
-  --text-size: var(--text-3xl);
-  --text-leading: 160%;
+  font-family: var(--font-body);
+  font-weight: 400;
+  font-size: var(--text-3xl);
+  line-height: 160%;
+  letter-spacing: normal;
 }
 
 @utility style-text-prose-3 {
-  --text-font: var(--font-body);
-  --text-weight: 400;
-  --text-size: var(--text-2xl);
-  --text-leading: 160%;
+  font-family: var(--font-body);
+  font-weight: 400;
+  font-size: var(--text-2xl);
+  line-height: 160%;
+  letter-spacing: normal;
 }
 
 @utility style-text-prose-2 {
-  --text-font: var(--font-body);
-  --text-weight: 400;
-  --text-size: var(--text-xl);
-  --text-leading: 160%;
+  font-family: var(--font-body);
+  font-weight: 400;
+  font-size: var(--text-xl);
+  line-height: 160%;
+  letter-spacing: normal;
 }
 
 @utility style-text-prose-1 {
-  --text-font: var(--font-body);
-  --text-weight: 400;
-  --text-size: var(--text-lg);
-  --text-leading: 160%;
+  font-family: var(--font-body);
+  font-weight: 400;
+  font-size: var(--text-lg);
+  line-height: 160%;
+  letter-spacing: normal;
 }
 
 @utility style-text-prose-0 {
-  --text-font: var(--font-body);
-  --text-weight: 400;
-  --text-size: var(--text-base);
-  --text-leading: 160%;
+  font-family: var(--font-body);
+  font-weight: 400;
+  font-size: var(--text-base);
+  line-height: 160%;
+  letter-spacing: normal;
 }
 
 @utility style-text-prose--1 {
-  --text-font: var(--font-body);
-  --text-weight: 400;
-  --text-size: var(--text-sm);
-  --text-leading: 160%;
+  font-family: var(--font-body);
+  font-weight: 400;
+  font-size: var(--text-sm);
+  line-height: 160%;
+  letter-spacing: normal;
 }
 
 @utility style-text-prose--2 {
-  --text-font: var(--font-body);
-  --text-weight: 400;
-  --text-size: var(--text-xs);
-  --text-leading: 160%;
+  font-family: var(--font-body);
+  font-weight: 400;
+  font-size: var(--text-xs);
+  line-height: 160%;
+  letter-spacing: normal;
 }
 
 @utility style-text-strong-5 {
-  --text-font: var(--font-heading);
-  --text-weight: 700;
-  --text-size: var(--text-4xl);
-  --text-leading: 120%;
+  font-family: var(--font-heading);
+  font-weight: 700;
+  font-size: var(--text-4xl);
+  line-height: 120%;
+  letter-spacing: normal;
 }
 
 @utility style-text-strong-4 {
-  --text-font: var(--font-heading);
-  --text-weight: 700;
-  --text-size: var(--text-3xl);
-  --text-leading: 120%;
+  font-family: var(--font-heading);
+  font-weight: 700;
+  font-size: var(--text-3xl);
+  line-height: 120%;
+  letter-spacing: normal;
 }
 
 @utility style-text-strong-3 {
-  --text-font: var(--font-heading);
-  --text-weight: 700;
-  --text-size: var(--text-2xl);
-  --text-leading: 120%;
+  font-family: var(--font-heading);
+  font-weight: 700;
+  font-size: var(--text-2xl);
+  line-height: 120%;
+  letter-spacing: normal;
 }
 
 @utility style-text-strong-2 {
-  --text-font: var(--font-heading);
-  --text-weight: 700;
-  --text-size: var(--text-xl);
-  --text-leading: 120%;
+  font-family: var(--font-heading);
+  font-weight: 700;
+  font-size: var(--text-xl);
+  line-height: 120%;
+  letter-spacing: normal;
 }
 
 @utility style-text-strong-1 {
-  --text-font: var(--font-heading);
-  --text-weight: 700;
-  --text-size: var(--text-lg);
-  --text-leading: 120%;
+  font-family: var(--font-heading);
+  font-weight: 700;
+  font-size: var(--text-lg);
+  line-height: 120%;
+  letter-spacing: normal;
 }
 
 @utility style-text-strong-0 {
-  --text-font: var(--font-heading);
-  --text-weight: 700;
-  --text-size: var(--text-base);
-  --text-leading: 120%;
+  font-family: var(--font-heading);
+  font-weight: 700;
+  font-size: var(--text-base);
+  line-height: 120%;
+  letter-spacing: normal;
 }
 
 @utility style-text-strong--1 {
-  --text-font: var(--font-heading);
-  --text-weight: 700;
-  --text-size: var(--text-sm);
-  --text-leading: 120%;
+  font-family: var(--font-heading);
+  font-weight: 700;
+  font-size: var(--text-sm);
+  line-height: 120%;
+  letter-spacing: normal;
 }
 
 @utility style-text-strong--2 {
-  --text-font: var(--font-heading);
-  --text-weight: 700;
-  --text-size: var(--text-xs);
-  --text-leading: 120%;
+  font-family: var(--font-heading);
+  font-weight: 700;
+  font-size: var(--text-xs);
+  line-height: 120%;
+  letter-spacing: normal;
 }

package/dist/useBaseUiId-DJ56dhex.js

@@ -0,0 +1,25 @@
+import { B as e } from "./form-context-CpevRrMx.js";
+import * as t from "react";
+//#region node_modules/.pnpm/@base-ui+utils@0.2.8_@types+react@19.2.14_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/utils/esm/useId.js
+var n = 0;
+function r(e, r = "mui") {
+	let [i, a] = t.useState(e), o = e || i;
+	return t.useEffect(() => {
+		i ?? (n += 1, a(`${r}-${n}`));
+	}, [i, r]), o;
+}
+var i = e.useId;
+function a(e, t) {
+	if (i !== void 0) {
+		let n = i();
+		return e ?? (t ? `${t}-${n}` : n);
+	}
+	return r(e, t);
+}
+//#endregion
+//#region node_modules/.pnpm/@base-ui+react@1.4.1_@types+react@19.2.14_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/internals/useBaseUiId.js
+function o(e) {
+	return a(e, "base-ui");
+}
+//#endregion
+export { a as n, o as t };

package/dist/useCompositeListItem-CuKiOJnK.js

@@ -0,0 +1,53 @@
+import { X as e } from "./form-context-CpevRrMx.js";
+import { n as t } from "./CompositeListContext-DMNULDos.js";
+import * as n from "react";
+//#region node_modules/.pnpm/@base-ui+react@1.4.1_@types+react@19.2.14_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/internals/composite/list/useCompositeListItem.js
+var r = /* @__PURE__ */ function(e) {
+	return e[e.None = 0] = "None", e[e.GuessFromOrder = 1] = "GuessFromOrder", e;
+}({});
+function i(i = {}) {
+	let { label: a, metadata: o, textRef: s, indexGuessBehavior: c, index: l } = i, { register: u, unregister: d, subscribeMapChange: f, elementsRef: p, labelsRef: m, nextIndexRef: h } = t(), g = n.useRef(-1), [_, v] = n.useState(l ?? (c === r.GuessFromOrder ? () => {
+		if (g.current === -1) {
+			let e = h.current;
+			h.current += 1, g.current = e;
+		}
+		return g.current;
+	} : -1)), y = n.useRef(null), b = n.useCallback((e) => {
+		if (y.current = e, _ !== -1 && e !== null && (p.current[_] = e, m)) {
+			let t = a !== void 0;
+			m.current[_] = t ? a : s?.current?.textContent ?? e.textContent;
+		}
+	}, [
+		_,
+		p,
+		m,
+		a,
+		s
+	]);
+	return e(() => {
+		if (l != null) return;
+		let e = y.current;
+		if (e) return u(e, o), () => {
+			d(e);
+		};
+	}, [
+		l,
+		u,
+		d,
+		o
+	]), e(() => {
+		if (l == null) return f((e) => {
+			let t = y.current ? e.get(y.current)?.index : null;
+			t != null && v(t);
+		});
+	}, [
+		l,
+		f,
+		v
+	]), n.useMemo(() => ({
+		ref: b,
+		index: _
+	}), [_, b]);
+}
+//#endregion
+export { i as n, r as t };

package/dist/useControlled-kefeIBTp.js

@@ -0,0 +1,48 @@
+import { $ as e } from "./form-context-CpevRrMx.js";
+import * as t from "react";
+//#region node_modules/.pnpm/@base-ui+utils@0.2.8_@types+react@19.2.14_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/utils/esm/useControlled.js
+function n({ controlled: n, default: i, name: a, state: o = "value" }) {
+	let { current: s } = t.useRef(n !== void 0), [c, l] = t.useState(i), u = s ? n : c;
+	if (process.env.NODE_ENV !== "production") {
+		t.useEffect(() => {
+			s !== (n !== void 0) && e([
+				`A component is changing the ${s ? "" : "un"}controlled ${o} state of ${a} to be ${s ? "un" : ""}controlled.`,
+				"Elements should not switch from uncontrolled to controlled (or vice versa).",
+				`Decide between using a controlled or uncontrolled ${a} element for the lifetime of the component.`,
+				"The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.",
+				"More info: https://fb.me/react-controlled-components"
+			].join("\n"));
+		}, [
+			o,
+			a,
+			n
+		]);
+		let { current: c } = t.useRef(i);
+		t.useEffect(() => {
+			!s && r(c) !== r(i) && e([`A component is changing the default ${o} state of an uncontrolled ${a} after being initialized. To suppress this warning opt to use a controlled ${a}.`].join("\n"));
+		}, [i]);
+	}
+	return [u, t.useCallback((e) => {
+		s || l(e);
+	}, [])];
+}
+function r(e) {
+	let t = 0, n = /* @__PURE__ */ new WeakMap();
+	try {
+		return JSON.stringify(e, function(e, r) {
+			if (!(e === "_owner" && this != null && typeof this == "object" && "$$typeof" in this)) {
+				if (typeof r == "bigint") return `__bigint__:${r}`;
+				if (typeof r == "object" && r) {
+					let e = n.get(r);
+					if (e !== void 0) return `__object__:${e}`;
+					n.set(r, t), t += 1;
+				}
+				return r;
+			}
+		}) ?? `__top__:${typeof e}`;
+	} catch {
+		return "__unserializable__";
+	}
+}
+//#endregion
+export { n as t };

package/dist/useLabelableId-Cb5S9nao.js

@@ -0,0 +1,39 @@
+import { G as e, Q as t, X as n, Z as r, j as i } from "./form-context-CpevRrMx.js";
+import { t as a } from "./useBaseUiId-DJ56dhex.js";
+import { t as o } from "./LabelableContext-mL6rBiul.js";
+import * as s from "react";
+//#region node_modules/.pnpm/@base-ui+react@1.4.1_@types+react@19.2.14_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/internals/labelable-provider/useLabelableId.js
+function c(c = {}) {
+	let { id: l, implicit: u = !1, controlRef: d } = c, { controlId: f, registerControlId: p } = o(), m = a(l), h = u ? f : void 0, g = t(() => Symbol("labelable-control")), _ = s.useRef(!1), v = s.useRef(l != null), y = r(() => {
+		!_.current || p === e || (_.current = !1, p(g.current, void 0));
+	});
+	return n(() => {
+		if (p === e) return;
+		let t;
+		if (u) {
+			let e = d?.current;
+			t = i(e) && e.closest("label") != null ? l ?? null : h ?? m;
+		} else if (l != null) v.current = !0, t = l;
+		else if (v.current) t = m;
+		else {
+			y();
+			return;
+		}
+		if (t === void 0) {
+			y();
+			return;
+		}
+		_.current = !0, p(g.current, t);
+	}, [
+		l,
+		d,
+		h,
+		p,
+		u,
+		m,
+		g,
+		y
+	]), s.useEffect(() => y, [y]), f ?? m;
+}
+//#endregion
+export { c as t };