@jfrader/ui 0.5.0 → 0.6.0

package/dist/dialog-ciiv9H2b.js

@@ -1,218 +0,0 @@
-'use client';
-import { r as e, t } from "./sx-Dx9JUKp5.js";
-import { n } from "./focus-ring-BK5W5_NY.js";
-import { r } from "./media-8yrN85VT.js";
-import { t as i } from "./use-controlled-state-DpeVQZNR.js";
-import { n as a, t as o } from "./surface-DZ4d-2aL.js";
-import { t as s } from "./trigger-style-B1KVC8O1.js";
-import { i as c, n as l, r as u, t as d } from "./use-native-dialog-DWpIUVO1.js";
-import { createContext as f, useCallback as p, useContext as m, useEffect as h, useId as g, useMemo as _, useRef as v, useState as y } from "react";
-import { vars as b } from "@jfrader/tokens/vars";
-import { jsx as x } from "@emotion/react/jsx-runtime";
-//#region src/components/dialog/dialog.tsx
-var S = f(null), C = f(null);
-function w(e) {
-	let t = m(S);
-	if (!t) throw Error(`Dialog.${e} must be rendered inside <Dialog>.`);
-	return t;
-}
-var T = e(o), E = e({
-	...a,
-	borderRadius: b.radius.lg,
-	boxShadow: b.shadow.floating,
-	padding: b.space[5],
-	minInlineSize: "320px",
-	maxInlineSize: "min(560px, calc(100vw - 32px))"
-}), D = e({
-	margin: 0,
-	marginBlockEnd: b.space[2],
-	fontSize: b.textSize.lg,
-	fontWeight: b.fontWeight.semibold,
-	lineHeight: b.lineHeight.tight
-}), O = e({
-	margin: 0,
-	marginBlockEnd: b.space[4],
-	fontSize: b.textSize.sm,
-	color: b.color.textMuted
-}), k = e({
-	appearance: "none",
-	display: "inline-flex",
-	alignItems: "center",
-	border: "1px solid transparent",
-	borderRadius: b.radius.md,
-	backgroundColor: "transparent",
-	paddingBlock: b.space[1],
-	paddingInline: b.space[3],
-	font: "inherit",
-	fontSize: b.textSize.sm,
-	fontWeight: b.fontWeight.medium,
-	color: b.color.textMuted,
-	cursor: "pointer",
-	transitionProperty: "background-color, color",
-	transitionDuration: b.motion.duration.fast,
-	transitionTimingFunction: b.motion.easeStandard,
-	"&:hover:not(:disabled)": {
-		backgroundColor: b.color.surfaceHover,
-		color: b.color.text
-	},
-	"&:focus-visible": { ...n },
-	"&:disabled": {
-		opacity: .55,
-		cursor: "not-allowed"
-	},
-	[r]: { transitionDuration: "0s" }
-});
-function A({ open: e, defaultOpen: t = !1, onOpenChange: n, children: r }) {
-	let a = g(), [o = !1, s] = i(e, t, n), { setDialogElement: l, setOpen: u, requestClose: d, repairToken: f } = c(o, s), [p, m] = y(!1), [h, v] = y(!1), b = _(() => ({
-		open: o,
-		setOpen: u,
-		requestClose: d,
-		repairToken: f,
-		setDialogElement: l,
-		titleId: `${a}-title`,
-		descriptionId: `${a}-description`,
-		hasTitle: p,
-		hasDescription: h,
-		setHasTitle: m,
-		setHasDescription: v
-	}), [
-		o,
-		u,
-		d,
-		f,
-		l,
-		a,
-		p,
-		h
-	]);
-	return /* @__PURE__ */ x(S.Provider, {
-		value: b,
-		children: r
-	});
-}
-A.displayName = "Dialog";
-function j({ ref: e = null, onClick: n, render: r, className: i, sx: a, ...o }) {
-	let { open: c, setOpen: l } = w("Trigger"), { "data-ui": u, ...d } = o, f = n, p = (e) => {
-		f?.(e), e.defaultPrevented || l(!0);
-	}, m = {
-		type: "button",
-		...d,
-		ref: e,
-		"data-ui": r && u !== void 0 ? `${u} dialog-trigger` : "dialog-trigger",
-		"aria-haspopup": "dialog",
-		"aria-expanded": c,
-		onClick: p
-	};
-	return /* @__PURE__ */ x(t, {
-		className: i,
-		styles: r ? void 0 : s,
-		sx: a,
-		children: (e) => r ? r({
-			...m,
-			className: e
-		}) : /* @__PURE__ */ x("button", {
-			...m,
-			className: e
-		})
-	});
-}
-j.displayName = "Dialog.Trigger";
-function M({ ref: e, className: n, sx: r, ...i }) {
-	let { children: a, onCancel: o, onClick: s, onClose: c, "aria-labelledby": f, "aria-describedby": m, withDescription: h = !0, ...g } = d(i), _ = w("Content"), { setOpen: y, titleId: b, descriptionId: S, hasTitle: D, hasDescription: O } = _, k = v(null), A = p(() => {
-		l(k.current, y);
-	}, [y]), j = u({
-		..._,
-		requestClose: A
-	}, {
-		onCancel: o,
-		onClick: s,
-		onClose: c
-	}, e, k), M = [f, D && b].filter(Boolean).join(" ") || void 0, N = [m, h && O && S].filter(Boolean).join(" ") || void 0;
-	return /* @__PURE__ */ x(t, {
-		className: n,
-		styles: T,
-		sx: r,
-		children: (e) => /* @__PURE__ */ x("dialog", {
-			...g,
-			...j,
-			"data-ui": "dialog",
-			"aria-modal": "true",
-			"aria-labelledby": M,
-			"aria-describedby": N,
-			className: e,
-			children: /* @__PURE__ */ x(C.Provider, {
-				value: A,
-				children: /* @__PURE__ */ x("div", {
-					css: E,
-					children: a
-				})
-			})
-		})
-	});
-}
-M.displayName = "Dialog.Content";
-function N({ ref: e, className: n, sx: r, ...i }) {
-	let { titleId: a, setHasTitle: o } = w("Title");
-	return h(() => (o(!0), () => o(!1)), [o]), /* @__PURE__ */ x(t, {
-		className: n,
-		styles: D,
-		sx: r,
-		children: (t) => /* @__PURE__ */ x("h2", {
-			...i,
-			ref: e,
-			id: a,
-			"data-ui": "dialog-title",
-			className: t
-		})
-	});
-}
-N.displayName = "Dialog.Title";
-function P({ ref: e, className: n, sx: r, ...i }) {
-	let { descriptionId: a, setHasDescription: o } = w("Description");
-	return h(() => (o(!0), () => o(!1)), [o]), /* @__PURE__ */ x(t, {
-		className: n,
-		styles: O,
-		sx: r,
-		children: (t) => /* @__PURE__ */ x("p", {
-			...i,
-			ref: e,
-			id: a,
-			"data-ui": "dialog-description",
-			className: t
-		})
-	});
-}
-P.displayName = "Dialog.Description";
-function F({ ref: e = null, onClick: n, render: r, className: i, sx: a, ...o }) {
-	let { setOpen: s } = w("Close"), c = m(C), { "data-ui": l, ...u } = o, d = n, f = (e) => {
-		d?.(e), !e.defaultPrevented && (c ? c() : s(!1));
-	}, p = {
-		type: "button",
-		...u,
-		ref: e,
-		"data-ui": r && l !== void 0 ? `${l} dialog-close` : "dialog-close",
-		onClick: f
-	};
-	return /* @__PURE__ */ x(t, {
-		className: i,
-		styles: r ? void 0 : k,
-		sx: a,
-		children: (e) => r ? r({
-			...p,
-			className: e
-		}) : /* @__PURE__ */ x("button", {
-			...p,
-			className: e
-		})
-	});
-}
-F.displayName = "Dialog.Close";
-var I = Object.assign(A, {
-	Trigger: j,
-	Content: M,
-	Title: N,
-	Description: P,
-	Close: F
-});
-//#endregion
-export { I as t };