@code-sherpas/pharos-react 0.14.3 → 0.16.0

package/dist/index.js

@@ -6,34 +6,35 @@ import { Menu as l } from "@base-ui/react/menu";
 import { Popover as u } from "@base-ui/react/popover";
 import { Select as d } from "@base-ui/react/select";
 import { Combobox as f } from "@base-ui/react/combobox";
+import { Dialog as p } from "@base-ui/react/dialog";
 //#region node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
-function p(e) {
+function m(e) {
 	var t, n, r = "";
 	if (typeof e == "string" || typeof e == "number") r += e;
 	else if (typeof e == "object") if (Array.isArray(e)) {
 		var i = e.length;
-		for (t = 0; t < i; t++) e[t] && (n = p(e[t])) && (r && (r += " "), r += n);
+		for (t = 0; t < i; t++) e[t] && (n = m(e[t])) && (r && (r += " "), r += n);
 	} else for (n in e) e[n] && (r && (r += " "), r += n);
 	return r;
 }
-function m() {
-	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = p(e)) && (r && (r += " "), r += t);
+function h() {
+	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = m(e)) && (r && (r += " "), r += t);
 	return r;
 }
 //#endregion
 //#region node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs
-var h = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, g = m, _ = (e, t) => (n) => {
-	if (t?.variants == null) return g(e, n?.class, n?.className);
+var g = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, _ = h, v = (e, t) => (n) => {
+	if (t?.variants == null) return _(e, n?.class, n?.className);
 	let { variants: r, defaultVariants: i } = t, a = Object.keys(r).map((e) => {
 		let t = n?.[e], a = i?.[e];
 		if (t === null) return null;
-		let o = h(t) || h(a);
+		let o = g(t) || g(a);
 		return r[e][o];
 	}), o = n && Object.entries(n).reduce((e, t) => {
 		let [n, r] = t;
 		return r === void 0 || (e[n] = r), e;
 	}, {});
-	return g(e, a, t?.compoundVariants?.reduce((e, t) => {
+	return _(e, a, t?.compoundVariants?.reduce((e, t) => {
 		let { class: n, className: r, ...a } = t;
 		return Object.entries(a).every((e) => {
 			let [t, n] = e;
@@ -53,10 +54,10 @@ var h = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, g = m, _ = (e
 };
 //#endregion
 //#region src/lib/cn.ts
-function v(...e) {
-	return m(e);
+function y(...e) {
+	return h(e);
 }
-var y = {
+var b = {
 	button: "_button_iu0wg_18",
 	primary: "_primary_iu0wg_127",
 	secondary: "_secondary_iu0wg_141",
@@ -65,18 +66,18 @@ var y = {
 	sizeSm: "_sizeSm_iu0wg_197",
 	sizeMd: "_sizeMd_iu0wg_205",
 	sizeLg: "_sizeLg_iu0wg_213"
-}, b = _(y.button, {
+}, x = v(b.button, {
 	variants: {
 		intent: {
-			primary: y.primary,
-			secondary: y.secondary,
-			ghost: y.ghost,
-			destructive: y.destructive
+			primary: b.primary,
+			secondary: b.secondary,
+			ghost: b.ghost,
+			destructive: b.destructive
 		},
 		size: {
-			sm: y.sizeSm,
-			md: y.sizeMd,
-			lg: y.sizeLg
+			sm: b.sizeSm,
+			md: b.sizeMd,
+			lg: b.sizeLg
 		}
 	},
 	defaultVariants: {
@@ -84,7 +85,7 @@ var y = {
 		size: "md"
 	}
 });
-function x({ render: n, className: r, intent: i, size: a, type: o = "button", ref: s, ...c }) {
+function S({ render: n, className: r, intent: i, size: a, type: o = "button", ref: s, ...c }) {
 	let l = i ?? "primary", u = a ?? "md";
 	return e({
 		render: n ?? /* @__PURE__ */ t("button", {}),
@@ -94,7 +95,7 @@ function x({ render: n, className: r, intent: i, size: a, type: o = "button", re
 			type: o,
 			"data-pharos-intent": l,
 			"data-pharos-size": u,
-			className: v(b({
+			className: y(x({
 				intent: l,
 				size: u
 			}), r),
@@ -102,8 +103,8 @@ function x({ render: n, className: r, intent: i, size: a, type: o = "button", re
 		}
 	});
 }
-x.displayName = "Button";
-var S = {
+S.displayName = "Button";
+var C = {
 	spinner: "_spinner_gg970_28",
 	icon: "_icon_gg970_46",
 	"pharos-spinner-spin": "_pharos-spinner-spin_gg970_1",
@@ -111,11 +112,11 @@ var S = {
 	sizeMd: "_sizeMd_gg970_74",
 	sizeLg: "_sizeLg_gg970_79",
 	srOnly: "_srOnly_gg970_87"
-}, C = _(S.spinner, {
+}, ee = v(C.spinner, {
 	variants: { size: {
-		sm: S.sizeSm,
-		md: S.sizeMd,
-		lg: S.sizeLg
+		sm: C.sizeSm,
+		md: C.sizeMd,
+		lg: C.sizeLg
 	} },
 	defaultVariants: { size: "md" }
 });
@@ -125,11 +126,11 @@ function w({ size: e, className: r, srLabel: i = "Loading…", children: a, ref:
 		ref: o,
 		role: "status",
 		"data-pharos-size": c,
-		className: v(C({ size: c }), r),
+		className: y(ee({ size: c }), r),
 		...s,
 		children: [
 			/* @__PURE__ */ t("svg", {
-				className: S.icon,
+				className: C.icon,
 				viewBox: "0 0 24 24",
 				fill: "none",
 				stroke: "currentColor",
@@ -145,7 +146,7 @@ function w({ size: e, className: r, srLabel: i = "Loading…", children: a, ref:
 				})
 			}),
 			/* @__PURE__ */ t("span", {
-				className: S.srOnly,
+				className: C.srOnly,
 				children: i
 			}),
 			a
@@ -162,7 +163,7 @@ var T = {
 	sizeSm: "_sizeSm_ltuh2_150",
 	sizeMd: "_sizeMd_ltuh2_160",
 	sizeLg: "_sizeLg_ltuh2_170"
-}, E = _(T.button, {
+}, E = v(T.button, {
 	variants: {
 		intent: {
 			primary: T.primary,
@@ -181,7 +182,7 @@ var T = {
 		size: "md"
 	}
 });
-function D({ render: n, className: r, intent: i, size: a, isLoading: o, disabled: s, type: c = "button", children: l, ref: u, ...d }) {
+function te({ render: n, className: r, intent: i, size: a, isLoading: o, disabled: s, type: c = "button", children: l, ref: u, ...d }) {
 	let f = i ?? "ghost", p = a ?? "md";
 	return e({
 		render: n ?? /* @__PURE__ */ t("button", {}),
@@ -193,7 +194,7 @@ function D({ render: n, className: r, intent: i, size: a, isLoading: o, disabled
 			"data-pharos-size": p,
 			"aria-busy": o ? !0 : void 0,
 			disabled: !!s || !!o,
-			className: v(E({
+			className: y(E({
 				intent: f,
 				size: p
 			}), r),
@@ -202,8 +203,8 @@ function D({ render: n, className: r, intent: i, size: a, isLoading: o, disabled
 		}
 	});
 }
-D.displayName = "IconButton";
-var O = {
+te.displayName = "IconButton";
+var D = {
 	badge: "_badge_zrawy_5",
 	default: "_default_zrawy_30",
 	secondary: "_secondary_zrawy_35",
@@ -212,15 +213,15 @@ var O = {
 	success: "_success_zrawy_55",
 	warning: "_warning_zrawy_60",
 	info: "_info_zrawy_65"
-}, ee = _(O.badge, {
+}, O = v(D.badge, {
 	variants: { variant: {
-		default: O.default,
-		secondary: O.secondary,
-		destructive: O.destructive,
-		outline: O.outline,
-		success: O.success,
-		warning: O.warning,
-		info: O.info
+		default: D.default,
+		secondary: D.secondary,
+		destructive: D.destructive,
+		outline: D.outline,
+		success: D.success,
+		warning: D.warning,
+		info: D.info
 	} },
 	defaultVariants: { variant: "default" }
 });
@@ -228,7 +229,7 @@ function k({ variant: e, className: n, ...r }) {
 	let i = e ?? "default";
 	return /* @__PURE__ */ t("span", {
 		"data-pharos-variant": i,
-		className: v(ee({ variant: i }), n),
+		className: y(O({ variant: i }), n),
 		...r
 	});
 }
@@ -238,7 +239,7 @@ var A = {
 	sizeSm: "_sizeSm_11emo_97",
 	sizeMd: "_sizeMd_11emo_103",
 	sizeLg: "_sizeLg_11emo_109"
-}, j = _(A.input, {
+}, j = v(A.input, {
 	variants: { size: {
 		sm: A.sizeSm,
 		md: A.sizeMd,
@@ -246,58 +247,58 @@ var A = {
 	} },
 	defaultVariants: { size: "md" }
 });
-function M({ size: e, className: n, type: r = "text", ref: i, ...a }) {
+function ne({ size: e, className: n, type: r = "text", ref: i, ...a }) {
 	let o = e ?? "md";
 	return /* @__PURE__ */ t("input", {
 		ref: i,
 		type: r,
 		"data-pharos-size": o,
-		className: v(j({ size: o }), n),
+		className: y(j({ size: o }), n),
 		...a
 	});
 }
-M.displayName = "Input";
-var N = {
+ne.displayName = "Input";
+var M = {
 	textarea: "_textarea_1mec8_21",
 	sizeSm: "_sizeSm_1mec8_113",
 	sizeMd: "_sizeMd_1mec8_119",
 	sizeLg: "_sizeLg_1mec8_125"
-}, te = _(N.textarea, {
+}, re = v(M.textarea, {
 	variants: { size: {
-		sm: N.sizeSm,
-		md: N.sizeMd,
-		lg: N.sizeLg
+		sm: M.sizeSm,
+		md: M.sizeMd,
+		lg: M.sizeLg
 	} },
 	defaultVariants: { size: "md" }
 });
-function ne({ size: e, className: n, ref: r, ...i }) {
+function ie({ size: e, className: n, ref: r, ...i }) {
 	let a = e ?? "md";
 	return /* @__PURE__ */ t("textarea", {
 		ref: r,
 		"data-pharos-size": a,
-		className: v(te({ size: a }), n),
+		className: y(re({ size: a }), n),
 		...i
 	});
 }
-ne.displayName = "Textarea";
-var re = {
+ie.displayName = "Textarea";
+var ae = {
 	separator: "_separator_da90p_13",
 	horizontal: "_horizontal_da90p_29",
 	vertical: "_vertical_da90p_34"
 };
 //#endregion
 //#region src/components/Separator.tsx
-function ie({ orientation: e = "horizontal", decorative: n = !0, className: r, ...i }) {
+function oe({ orientation: e = "horizontal", decorative: n = !0, className: r, ...i }) {
 	return /* @__PURE__ */ t("div", {
 		role: n ? "none" : "separator",
 		"aria-orientation": !n && e === "vertical" ? "vertical" : void 0,
 		"data-pharos-orientation": e,
-		className: v(re.separator, re[e], r),
+		className: y(ae.separator, ae[e], r),
 		...i
 	});
 }
-ie.displayName = "Separator";
-var P = {
+oe.displayName = "Separator";
+var N = {
 	card: "_card_yxgwa_10",
 	default: "_default_yxgwa_42",
 	elevated: "_elevated_yxgwa_46",
@@ -307,64 +308,64 @@ var P = {
 	description: "_description_yxgwa_77",
 	content: "_content_yxgwa_85",
 	footer: "_footer_yxgwa_95"
-}, ae = _(P.card, {
+}, se = v(N.card, {
 	variants: { variant: {
-		default: P.default,
-		elevated: P.elevated,
-		outlined: P.outlined
+		default: N.default,
+		elevated: N.elevated,
+		outlined: N.outlined
 	} },
 	defaultVariants: { variant: "default" }
 });
-function F({ variant: e, className: n, ...r }) {
+function ce({ variant: e, className: n, ...r }) {
 	let i = e ?? "default";
 	return /* @__PURE__ */ t("div", {
 		"data-pharos-variant": i,
-		className: v(ae({ variant: i }), n),
+		className: y(se({ variant: i }), n),
 		...r
 	});
 }
-F.displayName = "Card";
-function I({ className: e, ...n }) {
+ce.displayName = "Card";
+function P({ className: e, ...n }) {
 	return /* @__PURE__ */ t("div", {
 		"data-pharos-slot": "card-header",
-		className: v(P.header, e),
+		className: y(N.header, e),
 		...n
 	});
 }
-I.displayName = "CardHeader";
-function L({ className: e, ...n }) {
+P.displayName = "CardHeader";
+function F({ className: e, ...n }) {
 	return /* @__PURE__ */ t("div", {
 		"data-pharos-slot": "card-title",
-		className: v(P.title, e),
+		className: y(N.title, e),
 		...n
 	});
 }
-L.displayName = "CardTitle";
-function R({ className: e, ...n }) {
+F.displayName = "CardTitle";
+function I({ className: e, ...n }) {
 	return /* @__PURE__ */ t("p", {
 		"data-pharos-slot": "card-description",
-		className: v(P.description, e),
+		className: y(N.description, e),
 		...n
 	});
 }
-R.displayName = "CardDescription";
-function z({ className: e, ...n }) {
+I.displayName = "CardDescription";
+function L({ className: e, ...n }) {
 	return /* @__PURE__ */ t("div", {
 		"data-pharos-slot": "card-content",
-		className: v(P.content, e),
+		className: y(N.content, e),
 		...n
 	});
 }
-z.displayName = "CardContent";
-function B({ className: e, ...n }) {
+L.displayName = "CardContent";
+function R({ className: e, ...n }) {
 	return /* @__PURE__ */ t("div", {
 		"data-pharos-slot": "card-footer",
-		className: v(P.footer, e),
+		className: y(N.footer, e),
 		...n
 	});
 }
-B.displayName = "CardFooter";
-var V = {
+R.displayName = "CardFooter";
+var z = {
 	root: "_root_1xx27_21",
 	shapeCircle: "_shapeCircle_1xx27_63",
 	shapeSquare: "_shapeSquare_1xx27_67",
@@ -374,35 +375,35 @@ var V = {
 	image: "_image_1xx27_118",
 	fallback: "_fallback_1xx27_134",
 	group: "_group_1xx27_175"
-}, oe = r(null), H = r(null), U = r(null), se = {
-	sm: V.sizeSm,
-	md: V.sizeMd,
-	lg: V.sizeLg
-}, ce = {
-	circle: V.shapeCircle,
-	square: V.shapeSquare
+}, le = r(null), B = r(null), V = r(null), ue = {
+	sm: z.sizeSm,
+	md: z.sizeMd,
+	lg: z.sizeLg
+}, de = {
+	circle: z.shapeCircle,
+	square: z.shapeSquare
 };
-function le(e) {
+function fe(e) {
 	if (typeof e == "number") return {
 		width: e,
 		height: e,
 		fontSize: `${Math.round(e * .4)}px`
 	};
 }
-function ue(e) {
-	if (typeof e != "number") return se[e];
+function pe(e) {
+	if (typeof e != "number") return ue[e];
 }
-function W({ size: n, shape: r, className: i, style: o, render: l, ref: u, children: d, ...f }) {
-	let p = a(U), m = n ?? p?.size ?? "md", h = r ?? p?.shape ?? "circle", [g, _] = c("idle"), y = s(() => ({
+function H({ size: n, shape: r, className: i, style: o, render: l, ref: u, children: d, ...f }) {
+	let p = a(V), m = n ?? p?.size ?? "md", h = r ?? p?.shape ?? "circle", [g, _] = c("idle"), v = s(() => ({
 		size: m,
 		shape: h
 	}), [m, h]), b = s(() => ({
 		status: g,
 		setStatus: _
-	}), [g]), x = ue(m), S = le(m), C = typeof m == "number" ? String(m) : m;
-	return /* @__PURE__ */ t(oe.Provider, {
-		value: y,
-		children: /* @__PURE__ */ t(H.Provider, {
+	}), [g]), x = pe(m), S = fe(m), C = typeof m == "number" ? String(m) : m;
+	return /* @__PURE__ */ t(le.Provider, {
+		value: v,
+		children: /* @__PURE__ */ t(B.Provider, {
 			value: b,
 			children: e({
 				render: l ?? /* @__PURE__ */ t("span", {}),
@@ -412,7 +413,7 @@ function W({ size: n, shape: r, className: i, style: o, render: l, ref: u, child
 					"data-pharos-size": C,
 					"data-pharos-shape": h,
 					"data-pharos-loading": g,
-					className: v(V.root, x, ce[h], i),
+					className: y(z.root, x, de[h], i),
 					style: S ? {
 						...S,
 						...o
@@ -424,9 +425,9 @@ function W({ size: n, shape: r, className: i, style: o, render: l, ref: u, child
 		})
 	});
 }
-W.displayName = "Avatar";
-function G({ className: e, src: n, onLoad: r, onError: s, onLoadingStatusChange: c, ref: l, ...u }) {
-	let d = a(H), f = typeof n == "string" && n.length > 0;
+H.displayName = "Avatar";
+function U({ className: e, src: n, onLoad: r, onError: s, onLoadingStatusChange: c, ref: l, ...u }) {
+	let d = a(B), f = typeof n == "string" && n.length > 0;
 	o(() => {
 		d && (d.setStatus(f ? "loading" : "idle"), c?.(f ? "loading" : "idle"));
 	}, [n]);
@@ -449,13 +450,13 @@ function G({ className: e, src: n, onLoad: r, onError: s, onLoadingStatusChange:
 		onLoad: p,
 		onError: m,
 		"data-pharos-loading": d?.status,
-		className: v(V.image, e),
+		className: y(z.image, e),
 		...u
 	});
 }
-G.displayName = "AvatarImage";
-function K({ className: e, delayMs: n = 0, children: r, ref: i, ...s }) {
-	let l = a(H), [u, d] = c(n === 0);
+U.displayName = "AvatarImage";
+function W({ className: e, delayMs: n = 0, children: r, ref: i, ...s }) {
+	let l = a(B), [u, d] = c(n === 0);
 	return o(() => {
 		if (n === 0) {
 			d(!0);
@@ -467,13 +468,13 @@ function K({ className: e, delayMs: n = 0, children: r, ref: i, ...s }) {
 		ref: i,
 		"data-pharos-slot": "avatar-fallback",
 		"data-pharos-loading": l?.status,
-		className: v(V.fallback, e),
+		className: y(z.fallback, e),
 		...s,
 		children: r
 	});
 }
-K.displayName = "AvatarFallback";
-function q({ size: e, shape: r, max: i, renderOverflow: a, className: o, children: c, ref: l, ...u }) {
+W.displayName = "AvatarFallback";
+function G({ size: e, shape: r, max: i, renderOverflow: a, className: o, children: c, ref: l, ...u }) {
 	let d = e ?? "md", f = r ?? "circle", p = s(() => {
 		let e = [], t = 0, n = [], r = (e) => {
 			n.push(e), t += 1;
@@ -483,25 +484,25 @@ function q({ size: e, shape: r, max: i, renderOverflow: a, className: o, childre
 		size: d,
 		shape: f
 	}), [d, f]);
-	return /* @__PURE__ */ t(U.Provider, {
+	return /* @__PURE__ */ t(V.Provider, {
 		value: g,
 		children: /* @__PURE__ */ n("div", {
 			ref: l,
 			"data-pharos-slot": "avatar-group",
 			"data-pharos-size": typeof d == "number" ? String(d) : d,
 			"data-pharos-shape": f,
-			className: v(V.group, o),
+			className: y(z.group, o),
 			...u,
-			children: [m, h > 0 ? /* @__PURE__ */ t(W, {
+			children: [m, h > 0 ? /* @__PURE__ */ t(H, {
 				"aria-label": `${h} more`,
 				"data-pharos-slot": "avatar-group-overflow",
-				children: /* @__PURE__ */ t(K, { children: a ? a(h) : `+${h}` })
+				children: /* @__PURE__ */ t(W, { children: a ? a(h) : `+${h}` })
 			}) : null]
 		})
 	});
 }
-q.displayName = "AvatarGroup";
-var J = {
+G.displayName = "AvatarGroup";
+var K = {
 	positioner: "_positioner_ua6x3_9",
 	content: "_content_ua6x3_4",
 	item: "_item_ua6x3_5",
@@ -511,61 +512,61 @@ var J = {
 };
 //#endregion
 //#region src/components/DropdownMenu.tsx
-function de(e) {
+function me(e) {
 	return /* @__PURE__ */ t(l.Root, { ...e });
 }
-de.displayName = "DropdownMenu";
-function fe(e) {
+me.displayName = "DropdownMenu";
+function he(e) {
 	return /* @__PURE__ */ t(l.Trigger, { ...e });
 }
-fe.displayName = "DropdownMenuTrigger";
-function pe({ side: e = "bottom", align: n = "start", sideOffset: r = 8, className: i, children: a, ...o }) {
+he.displayName = "DropdownMenuTrigger";
+function ge({ side: e = "bottom", align: n = "start", sideOffset: r = 8, className: i, children: a, ...o }) {
 	return /* @__PURE__ */ t(l.Portal, { children: /* @__PURE__ */ t(l.Positioner, {
-		className: J.positioner,
+		className: K.positioner,
 		side: e,
 		align: n,
 		sideOffset: r,
 		children: /* @__PURE__ */ t(l.Popup, {
 			"data-pharos-slot": "dropdown-menu-content",
-			className: v(J.content, i),
+			className: y(K.content, i),
 			...o,
 			children: a
 		})
 	}) });
 }
-pe.displayName = "DropdownMenuContent";
-function me({ variant: e = "default", className: n, ...r }) {
+ge.displayName = "DropdownMenuContent";
+function _e({ variant: e = "default", className: n, ...r }) {
 	return /* @__PURE__ */ t(l.Item, {
 		"data-pharos-variant": e,
-		className: v(J.item, e === "destructive" && J.itemDestructive, n),
+		className: y(K.item, e === "destructive" && K.itemDestructive, n),
 		...r
 	});
 }
-me.displayName = "DropdownMenuItem";
-function he({ className: e, ...n }) {
+_e.displayName = "DropdownMenuItem";
+function ve({ className: e, ...n }) {
 	return /* @__PURE__ */ t(l.Separator, {
 		"data-pharos-slot": "dropdown-menu-separator",
-		className: v(J.separator, e),
+		className: y(K.separator, e),
 		...n
 	});
 }
-he.displayName = "DropdownMenuSeparator";
-function ge({ className: e, ...n }) {
+ve.displayName = "DropdownMenuSeparator";
+function ye({ className: e, ...n }) {
 	return /* @__PURE__ */ t(l.GroupLabel, {
 		"data-pharos-slot": "dropdown-menu-label",
-		className: v(J.label, e),
+		className: y(K.label, e),
 		...n
 	});
 }
-ge.displayName = "DropdownMenuLabel";
-function _e(e) {
+ye.displayName = "DropdownMenuLabel";
+function be(e) {
 	return /* @__PURE__ */ t(l.Group, {
 		"data-pharos-slot": "dropdown-menu-group",
 		...e
 	});
 }
-_e.displayName = "DropdownMenuGroup";
-var Y = {
+be.displayName = "DropdownMenuGroup";
+var q = {
 	positioner: "_positioner_ga28p_15",
 	content: "_content_ga28p_4",
 	title: "_title_ga28p_5",
@@ -573,54 +574,54 @@ var Y = {
 };
 //#endregion
 //#region src/components/Popover.tsx
-function ve(e) {
+function xe(e) {
 	return /* @__PURE__ */ t(u.Root, { ...e });
 }
-ve.displayName = "Popover";
-function ye(e) {
+xe.displayName = "Popover";
+function Se(e) {
 	return /* @__PURE__ */ t(u.Trigger, { ...e });
 }
-ye.displayName = "PopoverTrigger";
-function be({ side: e = "bottom", align: n = "center", sideOffset: r = 8, alignOffset: i = 0, className: a, children: o, ...s }) {
+Se.displayName = "PopoverTrigger";
+function Ce({ side: e = "bottom", align: n = "center", sideOffset: r = 8, alignOffset: i = 0, className: a, children: o, ...s }) {
 	return /* @__PURE__ */ t(u.Portal, { children: /* @__PURE__ */ t(u.Positioner, {
-		className: Y.positioner,
+		className: q.positioner,
 		side: e,
 		align: n,
 		sideOffset: r,
 		alignOffset: i,
 		children: /* @__PURE__ */ t(u.Popup, {
 			"data-pharos-slot": "popover-content",
-			className: v(Y.content, a),
+			className: y(q.content, a),
 			...s,
 			children: o
 		})
 	}) });
 }
-be.displayName = "PopoverContent";
-function xe({ className: e, ...n }) {
+Ce.displayName = "PopoverContent";
+function we({ className: e, ...n }) {
 	return /* @__PURE__ */ t(u.Title, {
 		"data-pharos-slot": "popover-title",
-		className: v(Y.title, e),
+		className: y(q.title, e),
 		...n
 	});
 }
-xe.displayName = "PopoverTitle";
-function Se({ className: e, ...n }) {
+we.displayName = "PopoverTitle";
+function Te({ className: e, ...n }) {
 	return /* @__PURE__ */ t(u.Description, {
 		"data-pharos-slot": "popover-description",
-		className: v(Y.description, e),
+		className: y(q.description, e),
 		...n
 	});
 }
-Se.displayName = "PopoverDescription";
-function Ce(e) {
+Te.displayName = "PopoverDescription";
+function Ee(e) {
 	return /* @__PURE__ */ t(u.Close, {
 		"data-pharos-slot": "popover-close",
 		...e
 	});
 }
-Ce.displayName = "PopoverClose";
-var X = {
+Ee.displayName = "PopoverClose";
+var J = {
 	trigger: "_trigger_1w6j6_35",
 	sizeSm: "_sizeSm_1w6j6_92",
 	sizeMd: "_sizeMd_1w6j6_98",
@@ -637,11 +638,11 @@ var X = {
 };
 //#endregion
 //#region src/components/Select.tsx
-function we(e) {
+function De(e) {
 	return /* @__PURE__ */ t(d.Root, { ...e });
 }
-we.displayName = "Select";
-function Te() {
+De.displayName = "Select";
+function Oe() {
 	return /* @__PURE__ */ t("svg", {
 		viewBox: "0 0 24 24",
 		fill: "none",
@@ -655,7 +656,7 @@ function Te() {
 		})
 	});
 }
-function Ee() {
+function ke() {
 	return /* @__PURE__ */ t("svg", {
 		viewBox: "0 0 24 24",
 		fill: "none",
@@ -669,39 +670,39 @@ function Ee() {
 		})
 	});
 }
-var De = _(X.trigger, {
+var Ae = v(J.trigger, {
 	variants: { size: {
-		sm: X.sizeSm,
-		md: X.sizeMd,
-		lg: X.sizeLg
+		sm: J.sizeSm,
+		md: J.sizeMd,
+		lg: J.sizeLg
 	} },
 	defaultVariants: { size: "md" }
 });
-function Oe({ size: e, className: r, children: i, ...a }) {
+function je({ size: e, className: r, children: i, ...a }) {
 	let o = e ?? "md";
 	return /* @__PURE__ */ n(d.Trigger, {
 		"data-pharos-slot": "select-trigger",
 		"data-pharos-size": o,
-		className: v(De({ size: o }), r),
+		className: y(Ae({ size: o }), r),
 		...a,
 		children: [i, /* @__PURE__ */ t(d.Icon, {
-			className: X.icon,
-			children: /* @__PURE__ */ t(Te, {})
+			className: J.icon,
+			children: /* @__PURE__ */ t(Oe, {})
 		})]
 	});
 }
-Oe.displayName = "SelectTrigger";
-function ke({ className: e, ...n }) {
+je.displayName = "SelectTrigger";
+function Me({ className: e, ...n }) {
 	return /* @__PURE__ */ t(d.Value, {
 		"data-pharos-slot": "select-value",
-		className: v(X.value, e),
+		className: y(J.value, e),
 		...n
 	});
 }
-ke.displayName = "SelectValue";
-function Ae({ side: e = "bottom", align: n = "start", sideOffset: r = 8, alignOffset: i = 0, className: a, children: o, ...s }) {
+Me.displayName = "SelectValue";
+function Ne({ side: e = "bottom", align: n = "start", sideOffset: r = 8, alignOffset: i = 0, className: a, children: o, ...s }) {
 	return /* @__PURE__ */ t(d.Portal, { children: /* @__PURE__ */ t(d.Positioner, {
-		className: X.positioner,
+		className: J.positioner,
 		alignItemWithTrigger: !1,
 		side: e,
 		align: n,
@@ -709,54 +710,54 @@ function Ae({ side: e = "bottom", align: n = "start", sideOffset: r = 8, alignOf
 		alignOffset: i,
 		children: /* @__PURE__ */ t(d.Popup, {
 			"data-pharos-slot": "select-content",
-			className: v(X.content, a),
+			className: y(J.content, a),
 			...s,
 			children: /* @__PURE__ */ t(d.List, { children: o })
 		})
 	}) });
 }
-Ae.displayName = "SelectContent";
-function je({ className: e, children: r, ...i }) {
+Ne.displayName = "SelectContent";
+function Pe({ className: e, children: r, ...i }) {
 	return /* @__PURE__ */ n(d.Item, {
 		"data-pharos-slot": "select-item",
-		className: v(X.item, e),
+		className: y(J.item, e),
 		...i,
 		children: [/* @__PURE__ */ t(d.ItemText, {
-			className: X.itemText,
+			className: J.itemText,
 			children: r
 		}), /* @__PURE__ */ t(d.ItemIndicator, {
-			className: X.itemIndicator,
-			children: /* @__PURE__ */ t(Ee, {})
+			className: J.itemIndicator,
+			children: /* @__PURE__ */ t(ke, {})
 		})]
 	});
 }
-je.displayName = "SelectItem";
-function Me(e) {
+Pe.displayName = "SelectItem";
+function Fe(e) {
 	return /* @__PURE__ */ t(d.Group, {
 		"data-pharos-slot": "select-group",
 		...e
 	});
 }
-Me.displayName = "SelectGroup";
-function Ne({ className: e, ...n }) {
+Fe.displayName = "SelectGroup";
+function Ie({ className: e, ...n }) {
 	return /* @__PURE__ */ t(d.GroupLabel, {
 		"data-pharos-slot": "select-label",
-		className: v(X.label, e),
+		className: y(J.label, e),
 		...n
 	});
 }
-Ne.displayName = "SelectLabel";
-function Pe({ className: e, ...n }) {
+Ie.displayName = "SelectLabel";
+function Le({ className: e, ...n }) {
 	return /* @__PURE__ */ t(d.Separator, {
 		"data-pharos-slot": "select-separator",
 		role: "none",
 		"aria-hidden": !0,
-		className: v(X.separator, e),
+		className: y(J.separator, e),
 		...n
 	});
 }
-Pe.displayName = "SelectSeparator";
-var Z = {
+Le.displayName = "SelectSeparator";
+var Y = {
 	control: "_control_1dd5w_5",
 	chips: "_chips_1dd5w_61",
 	input: "_input_1dd5w_70",
@@ -776,19 +777,19 @@ var Z = {
 	empty: "_empty_1dd5w_294",
 	label: "_label_1dd5w_304",
 	separator: "_separator_1dd5w_311"
-}, Q = r(null);
-function Fe(e) {
+}, X = r(null);
+function Re(e) {
 	let [n, r] = c(null), i = s(() => ({
 		anchorElement: n,
 		setAnchorElement: r
 	}), [n]);
-	return /* @__PURE__ */ t(Q.Provider, {
+	return /* @__PURE__ */ t(X.Provider, {
 		value: i,
 		children: /* @__PURE__ */ t(f.Root, { ...e })
 	});
 }
-Fe.displayName = "Combobox";
-function Ie() {
+Re.displayName = "Combobox";
+function ze() {
 	return /* @__PURE__ */ t("svg", {
 		viewBox: "0 0 24 24",
 		fill: "none",
@@ -802,7 +803,7 @@ function Ie() {
 		})
 	});
 }
-function Le() {
+function Be() {
 	return /* @__PURE__ */ t("svg", {
 		viewBox: "0 0 24 24",
 		fill: "none",
@@ -816,7 +817,7 @@ function Le() {
 		})
 	});
 }
-function Re() {
+function Ve() {
 	return /* @__PURE__ */ t("svg", {
 		viewBox: "0 0 24 24",
 		fill: "none",
@@ -830,84 +831,84 @@ function Re() {
 		})
 	});
 }
-function ze({ className: e, ...n }) {
+function He({ className: e, ...n }) {
 	return /* @__PURE__ */ t(f.InputGroup, {
 		"data-pharos-slot": "combobox-control",
-		className: v(Z.control, e),
+		className: y(Y.control, e),
 		...n
 	});
 }
-ze.displayName = "ComboboxControl";
-function Be({ className: e, ref: n, ...r }) {
-	let o = a(Q), s = i((e) => {
+He.displayName = "ComboboxControl";
+function Ue({ className: e, ref: n, ...r }) {
+	let o = a(X), s = i((e) => {
 		o?.setAnchorElement(e), typeof n == "function" ? n(e) : n && (n.current = e);
 	}, [o, n]);
 	return /* @__PURE__ */ t(f.Chips, {
 		"data-pharos-slot": "combobox-chips",
-		className: v(Z.control, Z.chips, e),
+		className: y(Y.control, Y.chips, e),
 		ref: s,
 		...r
 	});
 }
-Be.displayName = "ComboboxChips";
-var Ve = _(Z.input, {
+Ue.displayName = "ComboboxChips";
+var We = v(Y.input, {
 	variants: { size: {
-		sm: Z.inputSizeSm,
-		md: Z.inputSizeMd,
-		lg: Z.inputSizeLg
+		sm: Y.inputSizeSm,
+		md: Y.inputSizeMd,
+		lg: Y.inputSizeLg
 	} },
 	defaultVariants: { size: "md" }
 });
-function $({ size: e, inset: n = !1, className: r, ...i }) {
+function Ge({ size: e, inset: n = !1, className: r, ...i }) {
 	let a = e ?? "md";
 	return /* @__PURE__ */ t(f.Input, {
 		"data-pharos-slot": "combobox-input",
 		"data-pharos-size": a,
-		className: v(n ? v(Z.input, Z.chipsInput) : Ve({ size: a }), r),
+		className: y(n ? y(Y.input, Y.chipsInput) : We({ size: a }), r),
 		...i
 	});
 }
-$.displayName = "ComboboxInput";
-function He({ className: e, children: n, ...r }) {
+Ge.displayName = "ComboboxInput";
+function Ke({ className: e, children: n, ...r }) {
 	return /* @__PURE__ */ t(f.Trigger, {
 		"data-pharos-slot": "combobox-trigger",
-		className: v(Z.trigger, e),
+		className: y(Y.trigger, e),
 		...r,
-		children: n ?? /* @__PURE__ */ t(Ie, {})
+		children: n ?? /* @__PURE__ */ t(ze, {})
 	});
 }
-He.displayName = "ComboboxTrigger";
-function Ue({ className: e, children: n, ...r }) {
+Ke.displayName = "ComboboxTrigger";
+function qe({ className: e, children: n, ...r }) {
 	return /* @__PURE__ */ t(f.Clear, {
 		"data-pharos-slot": "combobox-clear",
-		className: v(Z.clear, e),
+		className: y(Y.clear, e),
 		...r,
-		children: n ?? /* @__PURE__ */ t(Re, {})
+		children: n ?? /* @__PURE__ */ t(Ve, {})
 	});
 }
-Ue.displayName = "ComboboxClear";
-function We({ className: e, ...n }) {
+qe.displayName = "ComboboxClear";
+function Je({ className: e, ...n }) {
 	return /* @__PURE__ */ t(f.Chip, {
 		"data-pharos-slot": "combobox-chip",
-		className: v(Z.chip, e),
+		className: y(Y.chip, e),
 		...n
 	});
 }
-We.displayName = "ComboboxChip";
-function Ge({ className: e, children: n, "aria-label": r = "Remove", ...i }) {
+Je.displayName = "ComboboxChip";
+function Ye({ className: e, children: n, "aria-label": r = "Remove", ...i }) {
 	return /* @__PURE__ */ t(f.ChipRemove, {
 		"data-pharos-slot": "combobox-chip-remove",
 		"aria-label": r,
-		className: v(Z.chipRemove, e),
+		className: y(Y.chipRemove, e),
 		...i,
-		children: n ?? /* @__PURE__ */ t(Re, {})
+		children: n ?? /* @__PURE__ */ t(Ve, {})
 	});
 }
-Ge.displayName = "ComboboxChipRemove";
-function Ke({ side: e = "bottom", align: n = "start", sideOffset: r = 8, alignOffset: i = 0, className: o, children: s, ...c }) {
-	let l = a(Q)?.anchorElement ?? void 0;
+Ye.displayName = "ComboboxChipRemove";
+function Xe({ side: e = "bottom", align: n = "start", sideOffset: r = 8, alignOffset: i = 0, className: o, children: s, ...c }) {
+	let l = a(X)?.anchorElement ?? void 0;
 	return /* @__PURE__ */ t(f.Portal, { children: /* @__PURE__ */ t(f.Positioner, {
-		className: Z.positioner,
+		className: Y.positioner,
 		anchor: l,
 		side: e,
 		align: n,
@@ -915,68 +916,214 @@ function Ke({ side: e = "bottom", align: n = "start", sideOffset: r = 8, alignOf
 		alignOffset: i,
 		children: /* @__PURE__ */ t(f.Popup, {
 			"data-pharos-slot": "combobox-content",
-			className: v(Z.content, o),
+			className: y(Y.content, o),
 			...c,
 			children: s
 		})
 	}) });
 }
-Ke.displayName = "ComboboxContent";
-function qe({ className: e, ...n }) {
+Xe.displayName = "ComboboxContent";
+function Ze({ className: e, ...n }) {
 	return /* @__PURE__ */ t(f.List, {
 		"data-pharos-slot": "combobox-list",
 		className: e,
 		...n
 	});
 }
-qe.displayName = "ComboboxList";
-function Je({ className: e, children: r, ...i }) {
+Ze.displayName = "ComboboxList";
+function Qe({ className: e, children: r, ...i }) {
 	return /* @__PURE__ */ n(f.Item, {
 		"data-pharos-slot": "combobox-item",
-		className: v(Z.item, e),
+		className: y(Y.item, e),
 		...i,
 		children: [/* @__PURE__ */ t("span", {
-			className: Z.itemText,
+			className: Y.itemText,
 			children: r
 		}), /* @__PURE__ */ t(f.ItemIndicator, {
-			className: Z.itemIndicator,
-			children: /* @__PURE__ */ t(Le, {})
+			className: Y.itemIndicator,
+			children: /* @__PURE__ */ t(Be, {})
 		})]
 	});
 }
-Je.displayName = "ComboboxItem";
-function Ye({ className: e, ...n }) {
+Qe.displayName = "ComboboxItem";
+function $e({ className: e, ...n }) {
 	return /* @__PURE__ */ t(f.Empty, {
 		"data-pharos-slot": "combobox-empty",
-		className: v(Z.empty, e),
+		className: y(Y.empty, e),
 		...n
 	});
 }
-Ye.displayName = "ComboboxEmpty";
-function Xe(e) {
+$e.displayName = "ComboboxEmpty";
+function et(e) {
 	return /* @__PURE__ */ t(f.Group, {
 		"data-pharos-slot": "combobox-group",
 		...e
 	});
 }
-Xe.displayName = "ComboboxGroup";
-function Ze({ className: e, ...n }) {
+et.displayName = "ComboboxGroup";
+function tt({ className: e, ...n }) {
 	return /* @__PURE__ */ t(f.GroupLabel, {
 		"data-pharos-slot": "combobox-group-label",
-		className: v(Z.label, e),
+		className: y(Y.label, e),
 		...n
 	});
 }
-Ze.displayName = "ComboboxGroupLabel";
-function Qe({ className: e, ...n }) {
+tt.displayName = "ComboboxGroupLabel";
+function nt({ className: e, ...n }) {
 	return /* @__PURE__ */ t(f.Separator, {
 		"data-pharos-slot": "combobox-separator",
-		className: v(Z.separator, e),
+		className: y(Y.separator, e),
+		...n
+	});
+}
+nt.displayName = "ComboboxSeparator";
+var Z = {
+	backdrop: "_backdrop_1pbfd_21",
+	content: "_content_1pbfd_37",
+	sideRight: "_sideRight_1pbfd_60",
+	sideLeft: "_sideLeft_1pbfd_73",
+	sideTop: "_sideTop_1pbfd_86",
+	sideBottom: "_sideBottom_1pbfd_99",
+	header: "_header_1pbfd_113",
+	title: "_title_1pbfd_119",
+	description: "_description_1pbfd_127",
+	footer: "_footer_1pbfd_134"
+};
+//#endregion
+//#region src/components/Sheet.tsx
+function Q(e) {
+	return /* @__PURE__ */ t(p.Root, { ...e });
+}
+Q.displayName = "Sheet";
+function rt(e) {
+	return /* @__PURE__ */ t(p.Trigger, { ...e });
+}
+rt.displayName = "SheetTrigger";
+var it = v(Z.content, {
+	variants: { side: {
+		top: Z.sideTop,
+		right: Z.sideRight,
+		bottom: Z.sideBottom,
+		left: Z.sideLeft
+	} },
+	defaultVariants: { side: "right" }
+});
+function at({ side: e = "right", className: r, children: i, ...a }) {
+	return /* @__PURE__ */ n(p.Portal, { children: [/* @__PURE__ */ t(p.Backdrop, { className: Z.backdrop }), /* @__PURE__ */ t(p.Popup, {
+		"data-pharos-slot": "sheet-content",
+		"data-pharos-side": e ?? "right",
+		className: y(it({ side: e }), r),
+		...a,
+		children: i
+	})] });
+}
+at.displayName = "SheetContent";
+function ot({ className: e, ...n }) {
+	return /* @__PURE__ */ t("div", {
+		"data-pharos-slot": "sheet-header",
+		className: y(Z.header, e),
 		...n
 	});
 }
-Qe.displayName = "ComboboxSeparator";
+ot.displayName = "SheetHeader";
+function st({ className: e, ...n }) {
+	return /* @__PURE__ */ t(p.Title, {
+		"data-pharos-slot": "sheet-title",
+		className: y(Z.title, e),
+		...n
+	});
+}
+st.displayName = "SheetTitle";
+function ct({ className: e, ...n }) {
+	return /* @__PURE__ */ t(p.Description, {
+		"data-pharos-slot": "sheet-description",
+		className: y(Z.description, e),
+		...n
+	});
+}
+ct.displayName = "SheetDescription";
+function lt({ className: e, ...n }) {
+	return /* @__PURE__ */ t("div", {
+		"data-pharos-slot": "sheet-footer",
+		className: y(Z.footer, e),
+		...n
+	});
+}
+lt.displayName = "SheetFooter";
+function ut(e) {
+	return /* @__PURE__ */ t(p.Close, {
+		"data-pharos-slot": "sheet-close",
+		...e
+	});
+}
+ut.displayName = "SheetClose";
+var $ = {
+	backdrop: "_backdrop_mozml_18",
+	content: "_content_mozml_32",
+	header: "_header_mozml_75",
+	title: "_title_mozml_81",
+	description: "_description_mozml_89",
+	footer: "_footer_mozml_96"
+};
+//#endregion
+//#region src/components/Dialog.tsx
+function dt(e) {
+	return /* @__PURE__ */ t(p.Root, { ...e });
+}
+dt.displayName = "Dialog";
+function ft(e) {
+	return /* @__PURE__ */ t(p.Trigger, { ...e });
+}
+ft.displayName = "DialogTrigger";
+function pt({ className: e, children: r, ...i }) {
+	return /* @__PURE__ */ n(p.Portal, { children: [/* @__PURE__ */ t(p.Backdrop, { className: $.backdrop }), /* @__PURE__ */ t(p.Popup, {
+		"data-pharos-slot": "dialog-content",
+		className: y($.content, e),
+		...i,
+		children: r
+	})] });
+}
+pt.displayName = "DialogContent";
+function mt({ className: e, ...n }) {
+	return /* @__PURE__ */ t("div", {
+		"data-pharos-slot": "dialog-header",
+		className: y($.header, e),
+		...n
+	});
+}
+mt.displayName = "DialogHeader";
+function ht({ className: e, ...n }) {
+	return /* @__PURE__ */ t(p.Title, {
+		"data-pharos-slot": "dialog-title",
+		className: y($.title, e),
+		...n
+	});
+}
+ht.displayName = "DialogTitle";
+function gt({ className: e, ...n }) {
+	return /* @__PURE__ */ t(p.Description, {
+		"data-pharos-slot": "dialog-description",
+		className: y($.description, e),
+		...n
+	});
+}
+gt.displayName = "DialogDescription";
+function _t({ className: e, ...n }) {
+	return /* @__PURE__ */ t("div", {
+		"data-pharos-slot": "dialog-footer",
+		className: y($.footer, e),
+		...n
+	});
+}
+_t.displayName = "DialogFooter";
+function vt(e) {
+	return /* @__PURE__ */ t(p.Close, {
+		"data-pharos-slot": "dialog-close",
+		...e
+	});
+}
+vt.displayName = "DialogClose";
 //#endregion
-export { W as Avatar, K as AvatarFallback, q as AvatarGroup, G as AvatarImage, k as Badge, x as Button, F as Card, z as CardContent, R as CardDescription, B as CardFooter, I as CardHeader, L as CardTitle, Fe as Combobox, We as ComboboxChip, Ge as ComboboxChipRemove, Be as ComboboxChips, Ue as ComboboxClear, Ke as ComboboxContent, ze as ComboboxControl, Ye as ComboboxEmpty, Xe as ComboboxGroup, Ze as ComboboxGroupLabel, $ as ComboboxInput, Je as ComboboxItem, qe as ComboboxList, Qe as ComboboxSeparator, He as ComboboxTrigger, de as DropdownMenu, pe as DropdownMenuContent, _e as DropdownMenuGroup, me as DropdownMenuItem, ge as DropdownMenuLabel, he as DropdownMenuSeparator, fe as DropdownMenuTrigger, D as IconButton, M as Input, ve as Popover, Ce as PopoverClose, be as PopoverContent, Se as PopoverDescription, xe as PopoverTitle, ye as PopoverTrigger, we as Select, Ae as SelectContent, Me as SelectGroup, je as SelectItem, Ne as SelectLabel, Pe as SelectSeparator, Oe as SelectTrigger, ke as SelectValue, ie as Separator, w as Spinner, ne as Textarea, ee as badgeVariants, b as buttonVariants, ae as cardVariants, v as cn, E as iconButtonVariants, j as inputVariants, C as spinnerVariants, te as textareaVariants };
+export { H as Avatar, W as AvatarFallback, G as AvatarGroup, U as AvatarImage, k as Badge, S as Button, ce as Card, L as CardContent, I as CardDescription, R as CardFooter, P as CardHeader, F as CardTitle, Re as Combobox, Je as ComboboxChip, Ye as ComboboxChipRemove, Ue as ComboboxChips, qe as ComboboxClear, Xe as ComboboxContent, He as ComboboxControl, $e as ComboboxEmpty, et as ComboboxGroup, tt as ComboboxGroupLabel, Ge as ComboboxInput, Qe as ComboboxItem, Ze as ComboboxList, nt as ComboboxSeparator, Ke as ComboboxTrigger, dt as Dialog, vt as DialogClose, pt as DialogContent, gt as DialogDescription, _t as DialogFooter, mt as DialogHeader, ht as DialogTitle, ft as DialogTrigger, me as DropdownMenu, ge as DropdownMenuContent, be as DropdownMenuGroup, _e as DropdownMenuItem, ye as DropdownMenuLabel, ve as DropdownMenuSeparator, he as DropdownMenuTrigger, te as IconButton, ne as Input, xe as Popover, Ee as PopoverClose, Ce as PopoverContent, Te as PopoverDescription, we as PopoverTitle, Se as PopoverTrigger, De as Select, Ne as SelectContent, Fe as SelectGroup, Pe as SelectItem, Ie as SelectLabel, Le as SelectSeparator, je as SelectTrigger, Me as SelectValue, oe as Separator, Q as Sheet, ut as SheetClose, at as SheetContent, ct as SheetDescription, lt as SheetFooter, ot as SheetHeader, st as SheetTitle, rt as SheetTrigger, w as Spinner, ie as Textarea, O as badgeVariants, x as buttonVariants, se as cardVariants, y as cn, E as iconButtonVariants, j as inputVariants, it as sheetVariants, ee as spinnerVariants, re as textareaVariants };
 
 //# sourceMappingURL=index.js.map