@oomol-lab/open-flow 0.1.0-alpha.8 → 0.1.0-beta.1

package/dist/browser/{createResourceDialog-A64dDFCG.js → createResourceDialog-DXQz0thK.js}

@@ -1,10 +1,11 @@
-import { A as e, At as t, Bn as n, D as r, Gn as i, Jn as a, O as o, On as s, Ot as c, Pr as l, R as u, S as d, T as f, Wn as p, Y as m, _ as h, b as g, c as _, ct as v, dt as y, er as b, ht as x, it as S, j as C, kn as w, lr as T, lt as E, nt as D, rr as O, st as k, t as A, v as j, y as M } from "./createLucideIcon-CqjqCezK.js";
-import { a as N, c as P, d as ee, i as te, l as ne, n as F, o as I, r as L, s as re, t as ie, u as ae } from "./field-CKGQHCIi.js";
+import { a as e } from "./main-DmjVyuWr.js";
+import { B as t, Ct as n, F as r, Ft as i, It as a, Jn as o, Kn as s, L as c, Lt as l, M as u, Mt as d, Nn as f, Ot as p, P as m, Pn as h, Qn as g, R as _, Tt as v, Ut as y, V as b, Vn as x, W as S, Xn as C, Yn as w, Z as T, an as E, c as D, er as O, et as ee, fr as k, i as A, lr as j, lt as M, n as te, nn as N, nt as P, o as ne, p as F, qn as I, rr as L, vr as re, x as ie, z as ae, zt as oe } from "./getPseudoElementBounds-ESJExRFX.js";
+import { t as se } from "./workbenchSelect-B2s1HV-Y.js";
 import * as R from "react";
-import { useEffect as oe, useRef as z, useState as se } from "react";
-import { Fragment as ce, jsx as B, jsxs as V } from "react/jsx-runtime";
+import { useEffect as ce, useRef as z, useState as le } from "react";
+import { Fragment as ue, jsx as B, jsxs as V } from "react/jsx-runtime";
 //#region ../../node_modules/.bun/lucide-react@0.468.0+f4eacebf2041cd4f/node_modules/lucide-react/dist/esm/icons/x.js
-var H = A("X", [["path", {
+var H = i("X", [["path", {
 	d: "M18 6 6 18",
 	key: "1bl5f8"
 }], ["path", {
@@ -14,52 +15,52 @@ var H = A("X", [["path", {
 process.env.NODE_ENV !== "production" && (U.displayName = "DialogRootContext");
 function W(e) {
 	let t = R.useContext(U);
-	if (e === !1 && t === void 0) throw Error(process.env.NODE_ENV === "production" ? O(27) : "Base UI: DialogRootContext is missing. Dialog parts must be placed within <Dialog.Root>.");
+	if (e === !1 && t === void 0) throw Error(process.env.NODE_ENV === "production" ? k(27) : "Base UI: DialogRootContext is missing. Dialog parts must be placed within <Dialog.Root>.");
 	return t;
 }
 //#endregion
 //#region ../../node_modules/.bun/@base-ui+react@1.4.1+b87d06724be9db7a/node_modules/@base-ui/react/esm/dialog/backdrop/DialogBackdrop.js
-var le = {
-	...d,
-	...t
+var de = {
+	...v,
+	...E
 }, G = /*#__PURE__*/ R.forwardRef(function(e, t) {
-	let { render: n, className: r, style: i, forceRender: o = !1, ...s } = e, { store: c } = W(), l = c.useState("open"), u = c.useState("nested"), d = c.useState("mounted"), f = {
-		open: l,
-		transitionStatus: c.useState("transitionStatus")
+	let { render: n, className: r, style: i, forceRender: a = !1, ...o } = e, { store: s } = W(), c = s.useState("open"), l = s.useState("nested"), u = s.useState("mounted"), d = {
+		open: c,
+		transitionStatus: s.useState("transitionStatus")
 	};
-	return a("div", e, {
-		state: f,
-		ref: [c.context.backdropRef, t],
-		stateAttributesMapping: le,
+	return L("div", e, {
+		state: d,
+		ref: [s.context.backdropRef, t],
+		stateAttributesMapping: de,
 		props: [{
 			role: "presentation",
-			hidden: !d,
+			hidden: !u,
 			style: {
 				userSelect: "none",
 				WebkitUserSelect: "none"
 			}
-		}, s],
-		enabled: o || !u
+		}, o],
+		enabled: a || !l
 	});
 });
 process.env.NODE_ENV !== "production" && (G.displayName = "DialogBackdrop");
 //#endregion
 //#region ../../node_modules/.bun/@base-ui+react@1.4.1+b87d06724be9db7a/node_modules/@base-ui/react/esm/dialog/close/DialogClose.js
 var K = /*#__PURE__*/ R.forwardRef(function(e, t) {
-	let { render: n, className: r, disabled: i = !1, nativeButton: o = !0, style: s, ...c } = e, { store: l } = W(), u = l.useState("open");
+	let { render: n, className: r, disabled: i = !1, nativeButton: a = !0, style: o, ...s } = e, { store: c } = W(), u = c.useState("open");
 	function d(e) {
-		u && l.setOpen(!1, E(y, e.nativeEvent));
+		u && c.setOpen(!1, l(oe, e.nativeEvent));
 	}
-	let { getButtonProps: f, buttonRef: p } = b({
+	let { getButtonProps: f, buttonRef: p } = j({
 		disabled: i,
-		native: o
+		native: a
 	});
-	return a("button", e, {
+	return L("button", e, {
 		state: { disabled: i },
 		ref: [t, p],
 		props: [
 			{ onClick: d },
-			c,
+			s,
 			f
 		]
 	});
@@ -67,76 +68,76 @@ var K = /*#__PURE__*/ R.forwardRef(function(e, t) {
 process.env.NODE_ENV !== "production" && (K.displayName = "DialogClose");
 //#endregion
 //#region ../../node_modules/.bun/@base-ui+react@1.4.1+b87d06724be9db7a/node_modules/@base-ui/react/esm/dialog/popup/DialogPopupCssVars.js
-var ue = /*#__PURE__*/ function(e) {
+var fe = /*#__PURE__*/ function(e) {
 	return e.nestedDialogs = "--nested-dialogs", e;
-}({}), de = function(e) {
-	return e[e.open = g.open] = "open", e[e.closed = g.closed] = "closed", e[e.startingStyle = g.startingStyle] = "startingStyle", e[e.endingStyle = g.endingStyle] = "endingStyle", e.nested = "data-nested", e.nestedDialogOpen = "data-nested-dialog-open", e;
+}({}), pe = function(e) {
+	return e[e.open = n.open] = "open", e[e.closed = n.closed] = "closed", e[e.startingStyle = n.startingStyle] = "startingStyle", e[e.endingStyle = n.endingStyle] = "endingStyle", e.nested = "data-nested", e.nestedDialogOpen = "data-nested-dialog-open", e;
 }({}), q = /*#__PURE__*/ R.createContext(void 0);
 process.env.NODE_ENV !== "production" && (q.displayName = "DialogPortalContext");
-function fe() {
+function me() {
 	let e = R.useContext(q);
-	if (e === void 0) throw Error(process.env.NODE_ENV === "production" ? O(26) : "Base UI: <Dialog.Portal> is missing.");
+	if (e === void 0) throw Error(process.env.NODE_ENV === "production" ? k(26) : "Base UI: <Dialog.Portal> is missing.");
 	return e;
 }
 //#endregion
 //#region ../../node_modules/.bun/@base-ui+react@1.4.1+b87d06724be9db7a/node_modules/@base-ui/react/esm/dialog/popup/DialogPopup.js
-var pe = {
-	...d,
-	...t,
+var he = {
+	...v,
+	...E,
 	nestedDialogOpen(e) {
-		return e ? { [de.nestedDialogOpen]: "" } : null;
+		return e ? { [pe.nestedDialogOpen]: "" } : null;
 	}
 }, J = /*#__PURE__*/ R.forwardRef(function(e, t) {
-	let { className: n, finalFocus: r, initialFocus: i, render: o, style: s, ...l } = e, { store: u } = W(), d = u.useState("descriptionElementId"), f = u.useState("disablePointerDismissal"), p = u.useState("floatingRootContext"), m = u.useState("popupProps"), h = u.useState("modal"), g = u.useState("mounted"), v = u.useState("nested"), y = u.useState("nestedOpenDialogCount"), b = u.useState("open"), x = u.useState("openMethod"), S = u.useState("titleElementId"), w = u.useState("transitionStatus"), T = u.useState("role");
-	fe(), c({
-		open: b,
-		ref: u.context.popupRef,
+	let { className: n, finalFocus: r, initialFocus: i, render: a, style: o, ...s } = e, { store: c } = W(), l = c.useState("descriptionElementId"), u = c.useState("disablePointerDismissal"), d = c.useState("floatingRootContext"), f = c.useState("popupProps"), p = c.useState("modal"), m = c.useState("mounted"), h = c.useState("nested"), g = c.useState("nestedOpenDialogCount"), _ = c.useState("open"), v = c.useState("openMethod"), y = c.useState("titleElementId"), b = c.useState("transitionStatus"), x = c.useState("role");
+	me(), N({
+		open: _,
+		ref: c.context.popupRef,
 		onComplete() {
-			b && u.context.onOpenChangeComplete?.(!0);
+			_ && c.context.onOpenChangeComplete?.(!0);
 		}
 	});
-	function E(e) {
-		return e !== "touch" || u.context.popupRef.current;
+	function S(e) {
+		return e !== "touch" || c.context.popupRef.current;
 	}
-	let D = i === void 0 ? E : i, O = a("div", e, {
+	let C = i === void 0 ? S : i, w = L("div", e, {
 		state: {
-			open: b,
-			nested: v,
-			transitionStatus: w,
-			nestedDialogOpen: y > 0
+			open: _,
+			nested: h,
+			transitionStatus: b,
+			nestedDialogOpen: g > 0
 		},
 		props: [
-			m,
+			f,
 			{
-				"aria-labelledby": S ?? void 0,
-				"aria-describedby": d ?? void 0,
-				role: T,
+				"aria-labelledby": y ?? void 0,
+				"aria-describedby": l ?? void 0,
+				role: x,
 				tabIndex: -1,
-				hidden: !g,
+				hidden: !m,
 				onKeyDown(e) {
-					_.has(e.key) && e.stopPropagation();
+					ie.has(e.key) && e.stopPropagation();
 				},
-				style: { [ue.nestedDialogs]: y }
+				style: { [fe.nestedDialogs]: g }
 			},
-			l
+			s
 		],
 		ref: [
 			t,
-			u.context.popupRef,
-			u.useStateSetter("popupElement")
+			c.context.popupRef,
+			c.useStateSetter("popupElement")
 		],
-		stateAttributesMapping: pe
+		stateAttributesMapping: he
 	});
-	return /*#__PURE__*/ B(C, {
-		context: p,
-		openInteractionType: x,
-		disabled: !g,
-		closeOnFocusOut: !f,
-		initialFocus: D,
+	return /*#__PURE__*/ B(P, {
+		context: d,
+		openInteractionType: v,
+		disabled: !m,
+		closeOnFocusOut: !u,
+		initialFocus: C,
 		returnFocus: r,
-		modal: h !== !1,
+		modal: p !== !1,
 		restoreFocus: "popup",
-		children: O
+		children: w
 	});
 });
 process.env.NODE_ENV !== "production" && (J.displayName = "DialogPopup");
@@ -146,12 +147,12 @@ var Y = /*#__PURE__*/ R.forwardRef(function(e, t) {
 	let { keepMounted: n = !1, ...r } = e, { store: i } = W(), a = i.useState("mounted"), o = i.useState("modal"), s = i.useState("open");
 	return a || n ? /*#__PURE__*/ B(q.Provider, {
 		value: n,
-		children: /*#__PURE__*/ V(u, {
+		children: /*#__PURE__*/ V(M, {
 			ref: t,
 			...r,
-			children: [a && o === !0 && /*#__PURE__*/ B(j, {
+			children: [a && o === !0 && /*#__PURE__*/ B(D, {
 				ref: i.context.internalBackdropRef,
-				inert: M(!s)
+				inert: F(!s)
 			}), e.children]
 		})
 	}) : null;
@@ -159,89 +160,89 @@ var Y = /*#__PURE__*/ R.forwardRef(function(e, t) {
 process.env.NODE_ENV !== "production" && (Y.displayName = "DialogPortal");
 //#endregion
 //#region ../../node_modules/.bun/@base-ui+react@1.4.1+b87d06724be9db7a/node_modules/@base-ui/react/esm/dialog/root/useDialogRoot.js
-function me(t) {
-	let { store: n, parentContext: i, actionsRef: a, isDrawer: o } = t, c = n.useState("open"), l = n.useState("disablePointerDismissal"), u = n.useState("modal"), d = n.useState("popupElement"), { openMethod: p, triggerProps: m } = f(c);
-	ae(n);
-	let { forceUnmount: g } = ee(c, n), _ = R.useCallback(() => {
-		n.setOpen(!1, E(x));
+function ge(e) {
+	let { store: n, parentContext: i, actionsRef: a, isDrawer: o } = e, s = n.useState("open"), c = n.useState("disablePointerDismissal"), d = n.useState("modal"), p = n.useState("popupElement"), { openMethod: g, triggerProps: _ } = te(s);
+	t(n);
+	let { forceUnmount: v } = b(s, n), x = R.useCallback(() => {
+		n.setOpen(!1, l(y));
 	}, [n]);
 	R.useImperativeHandle(a, () => ({
-		unmount: g,
-		close: _
-	}), [g, _]);
-	let v = re({
+		unmount: v,
+		close: x
+	}), [v, x]);
+	let S = r({
 		popupStore: n,
 		onOpenChange: n.setOpen,
 		treatPopupAsFloatingElement: !0
-	}), [y, b] = R.useState(0), [S, C] = R.useState(0), T = y === 0, D = I(v), O = e(v, {
+	}), [C, w] = R.useState(0), [T, E] = R.useState(0), D = C === 0, O = u(S), k = ee(S, {
 		outsidePressEvent() {
 			return n.context.internalBackdropRef.current || n.context.backdropRef.current ? "intentional" : {
-				mouse: u === "trap-focus" ? "sloppy" : "intentional",
+				mouse: d === "trap-focus" ? "sloppy" : "intentional",
 				touch: "sloppy"
 			};
 		},
 		outsidePress(e) {
 			if (!n.context.outsidePressEnabledRef.current || "button" in e && e.button !== 0 || "touches" in e && e.touches.length !== 1) return !1;
-			let t = w(e);
-			if (T && !l) {
+			let t = h(e);
+			if (D && !c) {
 				let e = t;
-				return u && (n.context.internalBackdropRef.current || n.context.backdropRef.current) ? n.context.internalBackdropRef.current === e || n.context.backdropRef.current === e || s(e, d) && !e?.hasAttribute("data-base-ui-portal") : !0;
+				return d && (n.context.internalBackdropRef.current || n.context.backdropRef.current) ? n.context.internalBackdropRef.current === e || n.context.backdropRef.current === e || f(e, p) && !e?.hasAttribute("data-base-ui-portal") : !0;
 			}
 			return !1;
 		},
-		escapeKey: T
+		escapeKey: D
 	});
-	h(c && u === !0, d);
-	let { getReferenceProps: k, getFloatingProps: A, getTriggerProps: j } = r([D, O]);
+	ne(s && d === !0, p);
+	let { getReferenceProps: A, getFloatingProps: j, getTriggerProps: M } = m([O, k]);
 	n.useContextCallback("onNestedDialogOpen", (e, t) => {
-		b(e), C(t);
+		w(e), E(t);
 	}), n.useContextCallback("onNestedDialogClose", () => {
-		b(0), C(0);
-	}), R.useEffect(() => (i?.onNestedDialogOpen && c && i.onNestedDialogOpen(y + 1, S + +!!o), i?.onNestedDialogClose && !c && i.onNestedDialogClose(), () => {
-		i?.onNestedDialogClose && c && i.onNestedDialogClose();
+		w(0), E(0);
+	}), R.useEffect(() => (i?.onNestedDialogOpen && s && i.onNestedDialogOpen(C + 1, T + +!!o), i?.onNestedDialogClose && !s && i.onNestedDialogClose(), () => {
+		i?.onNestedDialogClose && s && i.onNestedDialogClose();
 	}), [
 		o,
-		c,
-		y,
-		S,
+		s,
+		C,
+		T,
 		i
 	]);
-	let M = R.useMemo(() => k(m), [k, m]), N = R.useMemo(() => j(m), [j, m]), P = R.useMemo(() => A(), [A]);
+	let N = R.useMemo(() => A(_), [A, _]), P = R.useMemo(() => M(_), [M, _]), F = R.useMemo(() => j(), [j]);
 	n.useSyncedValues({
-		openMethod: p,
-		activeTriggerProps: M,
-		inactiveTriggerProps: N,
-		popupProps: P,
-		floatingRootContext: v,
-		nestedOpenDialogCount: y,
-		nestedOpenDrawerCount: S
+		openMethod: g,
+		activeTriggerProps: N,
+		inactiveTriggerProps: P,
+		popupProps: F,
+		floatingRootContext: S,
+		nestedOpenDialogCount: C,
+		nestedOpenDrawerCount: T
 	});
 }
 //#endregion
 //#region ../../node_modules/.bun/@base-ui+react@1.4.1+b87d06724be9db7a/node_modules/@base-ui/react/esm/dialog/store/DialogStore.js
-var he = {
-	...ne,
-	modal: D((e) => e.modal),
-	nested: D((e) => e.nested),
-	nestedOpenDialogCount: D((e) => e.nestedOpenDialogCount),
-	nestedOpenDrawerCount: D((e) => e.nestedOpenDrawerCount),
-	disablePointerDismissal: D((e) => e.disablePointerDismissal),
-	openMethod: D((e) => e.openMethod),
-	descriptionElementId: D((e) => e.descriptionElementId),
-	titleElementId: D((e) => e.titleElementId),
-	viewportElement: D((e) => e.viewportElement),
-	role: D((e) => e.role)
-}, ge = class e extends m {
+var _e = {
+	..._,
+	modal: T((e) => e.modal),
+	nested: T((e) => e.nested),
+	nestedOpenDialogCount: T((e) => e.nestedOpenDialogCount),
+	nestedOpenDrawerCount: T((e) => e.nestedOpenDrawerCount),
+	disablePointerDismissal: T((e) => e.disablePointerDismissal),
+	openMethod: T((e) => e.openMethod),
+	descriptionElementId: T((e) => e.descriptionElementId),
+	titleElementId: T((e) => e.titleElementId),
+	viewportElement: T((e) => e.viewportElement),
+	role: T((e) => e.role)
+}, ve = class e extends S {
 	constructor(e) {
-		super(_e(e), {
+		super(ye(e), {
 			popupRef: /*#__PURE__*/ R.createRef(),
 			backdropRef: /*#__PURE__*/ R.createRef(),
 			internalBackdropRef: /*#__PURE__*/ R.createRef(),
 			outsidePressEnabledRef: { current: !0 },
-			triggerElements: new o(),
+			triggerElements: new ae(),
 			onOpenChange: void 0,
 			onOpenChangeComplete: void 0
-		}, he);
+		}, _e);
 	}
 	setOpen = (e, t) => {
 		if (t.preventUnmountOnClose = () => {
@@ -252,13 +253,13 @@ var he = {
 		(r || e) && (n.activeTriggerId = r, n.activeTriggerElement = t.trigger ?? null), this.update(n);
 	};
 	static useStore(t, n) {
-		let r = T(() => new e(n)).current;
+		let r = re(() => new e(n)).current;
 		return t ?? r;
 	}
 };
-function _e(e = {}) {
+function ye(e = {}) {
 	return {
-		...P(),
+		...c(),
 		modal: !0,
 		disablePointerDismissal: !1,
 		popupElement: null,
@@ -277,8 +278,8 @@ function _e(e = {}) {
 //#region ../../node_modules/.bun/@base-ui+react@1.4.1+b87d06724be9db7a/node_modules/@base-ui/react/esm/dialog/root/DialogRoot.js
 var X = /*#__PURE__*/ R.createContext(!1);
 process.env.NODE_ENV !== "production" && (X.displayName = "IsDrawerContext");
-function ve(e) {
-	let { children: t, open: n, defaultOpen: r = !1, onOpenChange: i, onOpenChangeComplete: a, disablePointerDismissal: o = !1, modal: s = !0, actionsRef: c, handle: l, triggerId: u, defaultTriggerId: d = null } = e, f = W(!0), p = R.useContext(X), m = !!f, h = ge.useStore(l?.store, {
+function be(e) {
+	let { children: t, open: n, defaultOpen: r = !1, onOpenChange: i, onOpenChangeComplete: a, disablePointerDismissal: o = !1, modal: s = !0, actionsRef: c, handle: l, triggerId: u, defaultTriggerId: d = null } = e, f = W(!0), p = R.useContext(X), m = !!f, h = ve.useStore(l?.store, {
 		open: r,
 		openProp: n,
 		activeTriggerId: d,
@@ -287,7 +288,7 @@ function ve(e) {
 		disablePointerDismissal: o,
 		nested: m
 	});
-	S(() => {
+	A(() => {
 		n === void 0 && h.state.open === !1 && r === !0 && h.update({
 			open: !0,
 			activeTriggerId: d
@@ -298,7 +299,7 @@ function ve(e) {
 		modal: s
 	}), h.useContextCallback("onOpenChange", i), h.useContextCallback("onOpenChangeComplete", a);
 	let g = h.useState("payload");
-	me({
+	ge({
 		store: h,
 		actionsRef: c,
 		parentContext: f?.store.context,
@@ -318,22 +319,22 @@ function ve(e) {
 //#endregion
 //#region ../../node_modules/.bun/@base-ui+react@1.4.1+b87d06724be9db7a/node_modules/@base-ui/react/esm/dialog/title/DialogTitle.js
 var Z = /*#__PURE__*/ R.forwardRef(function(e, t) {
-	let { render: r, className: i, style: o, id: s, ...c } = e, { store: l } = W(), u = n(s);
-	return l.useSyncedValueWithCleanup("titleElementId", u), a("h2", e, {
+	let { render: n, className: r, style: i, id: a, ...o } = e, { store: s } = W(), c = x(a);
+	return s.useSyncedValueWithCleanup("titleElementId", c), L("h2", e, {
 		ref: t,
-		props: [{ id: u }, c]
+		props: [{ id: c }, o]
 	});
 });
 process.env.NODE_ENV !== "production" && (Z.displayName = "DialogTitle");
 //#endregion
 //#region src/ui/browser/dialog.tsx
-function ye(e) {
-	return /* @__PURE__ */ B(ve, {
+function xe(e) {
+	return /* @__PURE__ */ B(be, {
 		"data-slot": "dialog",
 		...e
 	});
 }
-function be(e) {
+function Se(e) {
 	return /* @__PURE__ */ B(Y, {
 		"data-slot": "dialog-portal",
 		...e
@@ -345,23 +346,23 @@ function Q(e) {
 		...e
 	});
 }
-function xe({ className: e, ...t }) {
+function Ce({ className: e, ...t }) {
 	return /* @__PURE__ */ B(G, {
 		"data-slot": "dialog-overlay",
-		className: i("fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0 motion-reduce:animate-none motion-reduce:transition-none", e),
+		className: O("fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0 motion-reduce:animate-none motion-reduce:transition-none", e),
 		...t
 	});
 }
-function Se({ children: e, className: t, closeLabel: n = "Close", container: r, showCloseButton: a = !0, ...o }) {
-	return /* @__PURE__ */ V(be, {
+function $({ children: e, className: t, closeLabel: n = "Close", container: r, showCloseButton: i = !0, ...a }) {
+	return /* @__PURE__ */ V(Se, {
 		container: r,
-		children: [/* @__PURE__ */ B(xe, {}), /* @__PURE__ */ V(J, {
+		children: [/* @__PURE__ */ B(Ce, {}), /* @__PURE__ */ V(J, {
 			"data-slot": "dialog-content",
-			className: i("fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-sm text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 motion-reduce:animate-none motion-reduce:transition-none", t),
-			...o,
-			children: [e, a && /* @__PURE__ */ V(K, {
+			className: O("fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-sm text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 motion-reduce:animate-none motion-reduce:transition-none", t),
+			...a,
+			children: [e, i && /* @__PURE__ */ V(K, {
 				"data-slot": "dialog-close",
-				render: /* @__PURE__ */ B(p, {
+				render: /* @__PURE__ */ B(g, {
 					className: "absolute top-2 right-2",
 					size: "icon-sm",
 					variant: "ghost"
@@ -374,94 +375,130 @@ function Se({ children: e, className: t, closeLabel: n = "Close", container: r,
 		})]
 	});
 }
-function Ce({ className: e, ...t }) {
+function we({ className: e, ...t }) {
 	return /* @__PURE__ */ B("div", {
 		"data-slot": "dialog-header",
-		className: i("flex flex-col gap-2", e),
+		className: O("flex flex-col gap-2", e),
 		...t
 	});
 }
-function $({ className: e, ...t }) {
+function Te({ className: e, ...t }) {
 	return /* @__PURE__ */ B("div", {
 		"data-slot": "dialog-footer",
-		className: i("-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 sm:flex-row sm:justify-end", e),
+		className: O("-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 sm:flex-row sm:justify-end", e),
 		...t
 	});
 }
-function we({ className: e, ...t }) {
+function Ee({ className: e, ...t }) {
 	return /* @__PURE__ */ B(Z, {
 		"data-slot": "dialog-title",
-		className: i("text-base leading-none font-medium", e),
+		className: O("text-base leading-none font-medium", e),
 		...t
 	});
 }
 //#endregion
 //#region src/workbench/browser/runtime/shell/createResourceDialog.tsx
-function Te({ id: e, issue: t, label: n, name: r, onNameChange: i, onOpenChange: a, onSubmit: o, pending: s, title: c }) {
-	let u = l(), d = z(null), f = z(null), [m, h] = se(!1), g = r.length > 0 && t != null, _ = u(g ? `resource.nameIssue.${t}` : "resource.nameHint", { max: 80 }), y = `${e}-message`;
-	return oe(() => h(!0), []), /* @__PURE__ */ V(ce, { children: [/* @__PURE__ */ B("div", { ref: f }), /* @__PURE__ */ B(ye, {
-		onOpenChange: h,
+function De({ disabled: t, field: n, id: r, issue: i, label: c, name: l, onNameChange: u, onOpenChange: f, onSubmit: m, pending: h, title: _ }) {
+	let v = e(), y = z(null), b = z(null), [x, S] = le(!1), T = l.length > 0 && i != null, E = v(T ? `resource.nameIssue.${i}` : "resource.nameHint", { max: 80 }), D = `${r}-message`, O = `${r}-option`;
+	return ce(() => S(!0), []), /* @__PURE__ */ V(ue, { children: [/* @__PURE__ */ B("div", { ref: b }), /* @__PURE__ */ B(xe, {
+		onOpenChange: S,
 		onOpenChangeComplete: (e) => {
-			e || a(!1);
+			e || f(!1);
 		},
-		open: m,
-		children: /* @__PURE__ */ B(Se, {
-			container: f.current,
-			initialFocus: () => d.current,
+		open: x,
+		children: /* @__PURE__ */ B($, {
+			container: b.current,
+			initialFocus: () => y.current,
 			showCloseButton: !1,
 			children: /* @__PURE__ */ V("form", {
 				className: "flex flex-col gap-4",
-				onSubmit: o,
+				onSubmit: m,
 				children: [
-					/* @__PURE__ */ V(Ce, {
+					/* @__PURE__ */ V(we, {
 						className: "flex-row items-center justify-between",
-						children: [/* @__PURE__ */ B(we, { children: c }), /* @__PURE__ */ B(Q, {
-							"aria-label": u("common.cancel"),
-							render: /* @__PURE__ */ B(p, {
+						children: [/* @__PURE__ */ B(Ee, { children: _ }), /* @__PURE__ */ B(Q, {
+							"aria-label": v("common.cancel"),
+							render: /* @__PURE__ */ B(g, {
 								size: "icon-sm",
 								variant: "ghost"
 							}),
 							type: "button",
-							children: /* @__PURE__ */ B(k, { name: "close" })
+							children: /* @__PURE__ */ B(p, { name: "close" })
 						})]
 					}),
-					/* @__PURE__ */ B(te, { children: /* @__PURE__ */ V(ie, {
-						"data-invalid": g,
-						children: [
-							/* @__PURE__ */ B(N, {
-								htmlFor: e,
-								children: n
+					/* @__PURE__ */ V(w, {
+						className: "gap-4",
+						children: [/* @__PURE__ */ V(s, {
+							"data-invalid": T,
+							children: [
+								/* @__PURE__ */ B(C, {
+									htmlFor: r,
+									children: c
+								}),
+								/* @__PURE__ */ B(a, {
+									autoComplete: "off",
+									"aria-describedby": D,
+									"aria-invalid": T,
+									id: r,
+									name: "resource-name",
+									onChange: (e) => u(e.target.value),
+									ref: y,
+									required: !0,
+									value: l
+								}),
+								B(T ? o : I, {
+									id: D,
+									children: E
+								})
+							]
+						}), n != null && /* @__PURE__ */ V(s, { children: [
+							/* @__PURE__ */ B(C, {
+								htmlFor: n.state == "ready" ? O : void 0,
+								children: n.label
 							}),
-							/* @__PURE__ */ B(v, {
-								autoComplete: "off",
-								"aria-describedby": y,
-								"aria-invalid": g,
-								id: e,
-								name: "resource-name",
-								onChange: (e) => i(e.target.value),
-								ref: d,
-								required: !0,
-								value: r
+							n.state == "ready" ? /* @__PURE__ */ B(se, {
+								ariaLabel: n.ariaLabel,
+								className: "w-full",
+								id: O,
+								onValueChange: n.onValueChange,
+								options: n.options,
+								portalRoot: b.current,
+								value: n.value
+							}) : /* @__PURE__ */ V("div", {
+								className: "flex min-h-9 items-center gap-2 rounded-lg border bg-muted/30 px-3 py-2 text-sm text-muted-foreground",
+								role: n.state == "error" ? "alert" : "status",
+								children: [
+									n.state == "loading" && /* @__PURE__ */ B(d, { "aria-hidden": "true" }),
+									/* @__PURE__ */ B("span", { children: n.status }),
+									n.state == "error" && /* @__PURE__ */ B(g, {
+										className: "ml-auto bg-background",
+										onClick: n.onRetry,
+										size: "sm",
+										type: "button",
+										variant: "outline",
+										children: n.retry
+									})
+								]
 							}),
-							B(g ? L : F, {
-								id: y,
-								children: _
-							})
-						]
-					}) }),
-					/* @__PURE__ */ V($, { children: [/* @__PURE__ */ B(Q, {
-						render: /* @__PURE__ */ B(p, { variant: "outline" }),
-						type: "button",
-						children: u("common.cancel")
-					}), /* @__PURE__ */ B(p, {
-						disabled: s || t != null,
-						type: "submit",
-						children: u(s ? "common.creating" : "common.create")
-					})] })
+							/* @__PURE__ */ B(I, { children: n.description })
+						] })]
+					}),
+					/* @__PURE__ */ V(Te, {
+						className: "mx-0 mb-0 border-0 bg-transparent p-0 pt-1",
+						children: [/* @__PURE__ */ B(Q, {
+							render: /* @__PURE__ */ B(g, { variant: "outline" }),
+							type: "button",
+							children: v("common.cancel")
+						}), /* @__PURE__ */ B(g, {
+							disabled: t || h || i != null,
+							type: "submit",
+							children: v(h ? "common.creating" : "common.create")
+						})]
+					})
 				]
 			})
 		})
 	})] });
 }
 //#endregion
-export { Te as default };
+export { De as default };