@code-sherpas/pharos-react 0.14.2 → 0.15.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,
@@ -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),
@@ -212,7 +213,7 @@ var O = {
 	success: "_success_zrawy_55",
 	warning: "_warning_zrawy_60",
 	info: "_info_zrawy_65"
-}, ee = _(O.badge, {
+}, te = v(O.badge, {
 	variants: { variant: {
 		default: O.default,
 		secondary: O.secondary,
@@ -224,80 +225,80 @@ var O = {
 	} },
 	defaultVariants: { variant: "default" }
 });
-function k({ variant: e, className: n, ...r }) {
+function ne({ 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(te({ variant: i }), n),
 		...r
 	});
 }
-k.displayName = "Badge";
-var A = {
+ne.displayName = "Badge";
+var k = {
 	input: "_input_11emo_14",
 	sizeSm: "_sizeSm_11emo_97",
 	sizeMd: "_sizeMd_11emo_103",
 	sizeLg: "_sizeLg_11emo_109"
-}, j = _(A.input, {
+}, re = v(k.input, {
 	variants: { size: {
-		sm: A.sizeSm,
-		md: A.sizeMd,
-		lg: A.sizeLg
+		sm: k.sizeSm,
+		md: k.sizeMd,
+		lg: k.sizeLg
 	} },
 	defaultVariants: { size: "md" }
 });
-function M({ size: e, className: n, type: r = "text", ref: i, ...a }) {
+function ie({ 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(re({ size: o }), n),
 		...a
 	});
 }
-M.displayName = "Input";
-var N = {
+ie.displayName = "Input";
+var A = {
 	textarea: "_textarea_1mec8_21",
 	sizeSm: "_sizeSm_1mec8_113",
 	sizeMd: "_sizeMd_1mec8_119",
 	sizeLg: "_sizeLg_1mec8_125"
-}, te = _(N.textarea, {
+}, ae = v(A.textarea, {
 	variants: { size: {
-		sm: N.sizeSm,
-		md: N.sizeMd,
-		lg: N.sizeLg
+		sm: A.sizeSm,
+		md: A.sizeMd,
+		lg: A.sizeLg
 	} },
 	defaultVariants: { size: "md" }
 });
-function ne({ size: e, className: n, ref: r, ...i }) {
+function j({ 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(ae({ size: a }), n),
 		...i
 	});
 }
-ne.displayName = "Textarea";
-var re = {
+j.displayName = "Textarea";
+var M = {
 	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(M.separator, M[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"
-}, F = _(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 I({ variant: e, className: n, ...r }) {
+function P({ variant: e, className: n, ...r }) {
 	let i = e ?? "default";
 	return /* @__PURE__ */ t("div", {
 		"data-pharos-variant": i,
-		className: v(F({ variant: i }), n),
+		className: y(se({ variant: i }), n),
 		...r
 	});
 }
-I.displayName = "Card";
-function L({ className: e, ...n }) {
+P.displayName = "Card";
+function F({ className: e, ...n }) {
 	return /* @__PURE__ */ t("div", {
 		"data-pharos-slot": "card-header",
-		className: v(P.header, e),
+		className: y(N.header, e),
 		...n
 	});
 }
-L.displayName = "CardHeader";
-function R({ className: e, ...n }) {
+F.displayName = "CardHeader";
+function I({ className: e, ...n }) {
 	return /* @__PURE__ */ t("div", {
 		"data-pharos-slot": "card-title",
-		className: v(P.title, e),
+		className: y(N.title, e),
 		...n
 	});
 }
-R.displayName = "CardTitle";
-function z({ className: e, ...n }) {
+I.displayName = "CardTitle";
+function L({ className: e, ...n }) {
 	return /* @__PURE__ */ t("p", {
 		"data-pharos-slot": "card-description",
-		className: v(P.description, e),
+		className: y(N.description, e),
 		...n
 	});
 }
-z.displayName = "CardDescription";
-function B({ className: e, ...n }) {
+L.displayName = "CardDescription";
+function R({ className: e, ...n }) {
 	return /* @__PURE__ */ t("div", {
 		"data-pharos-slot": "card-content",
-		className: v(P.content, e),
+		className: y(N.content, e),
 		...n
 	});
 }
-B.displayName = "CardContent";
-function V({ className: e, ...n }) {
+R.displayName = "CardContent";
+function z({ className: e, ...n }) {
 	return /* @__PURE__ */ t("div", {
 		"data-pharos-slot": "card-footer",
-		className: v(P.footer, e),
+		className: y(N.footer, e),
 		...n
 	});
 }
-V.displayName = "CardFooter";
-var H = {
+z.displayName = "CardFooter";
+var B = {
 	root: "_root_1xx27_21",
 	shapeCircle: "_shapeCircle_1xx27_63",
 	shapeSquare: "_shapeSquare_1xx27_67",
@@ -374,35 +375,35 @@ var H = {
 	image: "_image_1xx27_118",
 	fallback: "_fallback_1xx27_134",
 	group: "_group_1xx27_175"
-}, ae = r(null), U = r(null), W = r(null), oe = {
-	sm: H.sizeSm,
-	md: H.sizeMd,
-	lg: H.sizeLg
-}, se = {
-	circle: H.shapeCircle,
-	square: H.shapeSquare
+}, ce = r(null), V = r(null), H = r(null), le = {
+	sm: B.sizeSm,
+	md: B.sizeMd,
+	lg: B.sizeLg
+}, ue = {
+	circle: B.shapeCircle,
+	square: B.shapeSquare
 };
-function ce(e) {
+function de(e) {
 	if (typeof e == "number") return {
 		width: e,
 		height: e,
 		fontSize: `${Math.round(e * .4)}px`
 	};
 }
-function le(e) {
-	if (typeof e != "number") return oe[e];
+function fe(e) {
+	if (typeof e != "number") return le[e];
 }
-function G({ size: n, shape: r, className: i, style: o, render: l, ref: u, children: d, ...f }) {
-	let p = a(W), m = n ?? p?.size ?? "md", h = r ?? p?.shape ?? "circle", [g, _] = c("idle"), y = s(() => ({
+function U({ size: n, shape: r, className: i, style: o, render: l, ref: u, children: d, ...f }) {
+	let p = a(H), 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 = le(m), S = ce(m), C = typeof m == "number" ? String(m) : m;
-	return /* @__PURE__ */ t(ae.Provider, {
-		value: y,
-		children: /* @__PURE__ */ t(U.Provider, {
+	}), [g]), x = fe(m), S = de(m), C = typeof m == "number" ? String(m) : m;
+	return /* @__PURE__ */ t(ce.Provider, {
+		value: v,
+		children: /* @__PURE__ */ t(V.Provider, {
 			value: b,
 			children: e({
 				render: l ?? /* @__PURE__ */ t("span", {}),
@@ -412,7 +413,7 @@ function G({ 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(H.root, x, se[h], i),
+					className: y(B.root, x, ue[h], i),
 					style: S ? {
 						...S,
 						...o
@@ -424,9 +425,9 @@ function G({ size: n, shape: r, className: i, style: o, render: l, ref: u, child
 		})
 	});
 }
-G.displayName = "Avatar";
-function K({ className: e, src: n, onLoad: r, onError: s, onLoadingStatusChange: c, ref: l, ...u }) {
-	let d = a(U), f = typeof n == "string" && n.length > 0;
+U.displayName = "Avatar";
+function W({ className: e, src: n, onLoad: r, onError: s, onLoadingStatusChange: c, ref: l, ...u }) {
+	let d = a(V), f = typeof n == "string" && n.length > 0;
 	o(() => {
 		d && (d.setStatus(f ? "loading" : "idle"), c?.(f ? "loading" : "idle"));
 	}, [n]);
@@ -449,13 +450,13 @@ function K({ className: e, src: n, onLoad: r, onError: s, onLoadingStatusChange:
 		onLoad: p,
 		onError: m,
 		"data-pharos-loading": d?.status,
-		className: v(H.image, e),
+		className: y(B.image, e),
 		...u
 	});
 }
-K.displayName = "AvatarImage";
-function q({ className: e, delayMs: n = 0, children: r, ref: i, ...s }) {
-	let l = a(U), [u, d] = c(n === 0);
+W.displayName = "AvatarImage";
+function G({ className: e, delayMs: n = 0, children: r, ref: i, ...s }) {
+	let l = a(V), [u, d] = c(n === 0);
 	return o(() => {
 		if (n === 0) {
 			d(!0);
@@ -467,13 +468,13 @@ function q({ className: e, delayMs: n = 0, children: r, ref: i, ...s }) {
 		ref: i,
 		"data-pharos-slot": "avatar-fallback",
 		"data-pharos-loading": l?.status,
-		className: v(H.fallback, e),
+		className: y(B.fallback, e),
 		...s,
 		children: r
 	});
 }
-q.displayName = "AvatarFallback";
-function J({ size: e, shape: r, max: i, renderOverflow: a, className: o, children: c, ref: l, ...u }) {
+G.displayName = "AvatarFallback";
+function K({ 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 J({ size: e, shape: r, max: i, renderOverflow: a, className: o, childre
 		size: d,
 		shape: f
 	}), [d, f]);
-	return /* @__PURE__ */ t(W.Provider, {
+	return /* @__PURE__ */ t(H.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(H.group, o),
+			className: y(B.group, o),
 			...u,
-			children: [m, h > 0 ? /* @__PURE__ */ t(G, {
+			children: [m, h > 0 ? /* @__PURE__ */ t(U, {
 				"aria-label": `${h} more`,
 				"data-pharos-slot": "avatar-group-overflow",
-				children: /* @__PURE__ */ t(q, { children: a ? a(h) : `+${h}` })
+				children: /* @__PURE__ */ t(G, { children: a ? a(h) : `+${h}` })
 			}) : null]
 		})
 	});
 }
-J.displayName = "AvatarGroup";
-var Y = {
+K.displayName = "AvatarGroup";
+var q = {
 	positioner: "_positioner_ua6x3_9",
 	content: "_content_ua6x3_4",
 	item: "_item_ua6x3_5",
@@ -511,61 +512,61 @@ var Y = {
 };
 //#endregion
 //#region src/components/DropdownMenu.tsx
-function ue(e) {
+function pe(e) {
 	return /* @__PURE__ */ t(l.Root, { ...e });
 }
-ue.displayName = "DropdownMenu";
-function de(e) {
+pe.displayName = "DropdownMenu";
+function me(e) {
 	return /* @__PURE__ */ t(l.Trigger, { ...e });
 }
-de.displayName = "DropdownMenuTrigger";
-function fe({ side: e = "bottom", align: n = "start", sideOffset: r = 8, className: i, children: a, ...o }) {
+me.displayName = "DropdownMenuTrigger";
+function he({ 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: Y.positioner,
+		className: q.positioner,
 		side: e,
 		align: n,
 		sideOffset: r,
 		children: /* @__PURE__ */ t(l.Popup, {
 			"data-pharos-slot": "dropdown-menu-content",
-			className: v(Y.content, i),
+			className: y(q.content, i),
 			...o,
 			children: a
 		})
 	}) });
 }
-fe.displayName = "DropdownMenuContent";
-function pe({ variant: e = "default", className: n, ...r }) {
+he.displayName = "DropdownMenuContent";
+function ge({ variant: e = "default", className: n, ...r }) {
 	return /* @__PURE__ */ t(l.Item, {
 		"data-pharos-variant": e,
-		className: v(Y.item, e === "destructive" && Y.itemDestructive, n),
+		className: y(q.item, e === "destructive" && q.itemDestructive, n),
 		...r
 	});
 }
-pe.displayName = "DropdownMenuItem";
-function me({ className: e, ...n }) {
+ge.displayName = "DropdownMenuItem";
+function _e({ className: e, ...n }) {
 	return /* @__PURE__ */ t(l.Separator, {
 		"data-pharos-slot": "dropdown-menu-separator",
-		className: v(Y.separator, e),
+		className: y(q.separator, e),
 		...n
 	});
 }
-me.displayName = "DropdownMenuSeparator";
-function he({ className: e, ...n }) {
+_e.displayName = "DropdownMenuSeparator";
+function ve({ className: e, ...n }) {
 	return /* @__PURE__ */ t(l.GroupLabel, {
 		"data-pharos-slot": "dropdown-menu-label",
-		className: v(Y.label, e),
+		className: y(q.label, e),
 		...n
 	});
 }
-he.displayName = "DropdownMenuLabel";
-function ge(e) {
+ve.displayName = "DropdownMenuLabel";
+function ye(e) {
 	return /* @__PURE__ */ t(l.Group, {
 		"data-pharos-slot": "dropdown-menu-group",
 		...e
 	});
 }
-ge.displayName = "DropdownMenuGroup";
-var X = {
+ye.displayName = "DropdownMenuGroup";
+var J = {
 	positioner: "_positioner_ga28p_15",
 	content: "_content_ga28p_4",
 	title: "_title_ga28p_5",
@@ -573,54 +574,54 @@ var X = {
 };
 //#endregion
 //#region src/components/Popover.tsx
-function _e(e) {
+function be(e) {
 	return /* @__PURE__ */ t(u.Root, { ...e });
 }
-_e.displayName = "Popover";
-function ve(e) {
+be.displayName = "Popover";
+function xe(e) {
 	return /* @__PURE__ */ t(u.Trigger, { ...e });
 }
-ve.displayName = "PopoverTrigger";
-function ye({ side: e = "bottom", align: n = "center", sideOffset: r = 8, alignOffset: i = 0, className: a, children: o, ...s }) {
+xe.displayName = "PopoverTrigger";
+function Se({ 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: X.positioner,
+		className: J.positioner,
 		side: e,
 		align: n,
 		sideOffset: r,
 		alignOffset: i,
 		children: /* @__PURE__ */ t(u.Popup, {
 			"data-pharos-slot": "popover-content",
-			className: v(X.content, a),
+			className: y(J.content, a),
 			...s,
 			children: o
 		})
 	}) });
 }
-ye.displayName = "PopoverContent";
-function be({ className: e, ...n }) {
+Se.displayName = "PopoverContent";
+function Ce({ className: e, ...n }) {
 	return /* @__PURE__ */ t(u.Title, {
 		"data-pharos-slot": "popover-title",
-		className: v(X.title, e),
+		className: y(J.title, e),
 		...n
 	});
 }
-be.displayName = "PopoverTitle";
-function xe({ className: e, ...n }) {
+Ce.displayName = "PopoverTitle";
+function we({ className: e, ...n }) {
 	return /* @__PURE__ */ t(u.Description, {
 		"data-pharos-slot": "popover-description",
-		className: v(X.description, e),
+		className: y(J.description, e),
 		...n
 	});
 }
-xe.displayName = "PopoverDescription";
-function Se(e) {
+we.displayName = "PopoverDescription";
+function Y(e) {
 	return /* @__PURE__ */ t(u.Close, {
 		"data-pharos-slot": "popover-close",
 		...e
 	});
 }
-Se.displayName = "PopoverClose";
-var Z = {
+Y.displayName = "PopoverClose";
+var X = {
 	trigger: "_trigger_1w6j6_35",
 	sizeSm: "_sizeSm_1w6j6_92",
 	sizeMd: "_sizeMd_1w6j6_98",
@@ -637,11 +638,11 @@ var Z = {
 };
 //#endregion
 //#region src/components/Select.tsx
-function Ce(e) {
+function Te(e) {
 	return /* @__PURE__ */ t(d.Root, { ...e });
 }
-Ce.displayName = "Select";
-function we() {
+Te.displayName = "Select";
+function Ee() {
 	return /* @__PURE__ */ t("svg", {
 		viewBox: "0 0 24 24",
 		fill: "none",
@@ -655,7 +656,7 @@ function we() {
 		})
 	});
 }
-function Te() {
+function De() {
 	return /* @__PURE__ */ t("svg", {
 		viewBox: "0 0 24 24",
 		fill: "none",
@@ -669,39 +670,39 @@ function Te() {
 		})
 	});
 }
-var Ee = _(Z.trigger, {
+var Oe = v(X.trigger, {
 	variants: { size: {
-		sm: Z.sizeSm,
-		md: Z.sizeMd,
-		lg: Z.sizeLg
+		sm: X.sizeSm,
+		md: X.sizeMd,
+		lg: X.sizeLg
 	} },
 	defaultVariants: { size: "md" }
 });
-function De({ size: e, className: r, children: i, ...a }) {
+function ke({ 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(Ee({ size: o }), r),
+		className: y(Oe({ size: o }), r),
 		...a,
 		children: [i, /* @__PURE__ */ t(d.Icon, {
-			className: Z.icon,
-			children: /* @__PURE__ */ t(we, {})
+			className: X.icon,
+			children: /* @__PURE__ */ t(Ee, {})
 		})]
 	});
 }
-De.displayName = "SelectTrigger";
-function Oe({ className: e, ...n }) {
+ke.displayName = "SelectTrigger";
+function Ae({ className: e, ...n }) {
 	return /* @__PURE__ */ t(d.Value, {
 		"data-pharos-slot": "select-value",
-		className: v(Z.value, e),
+		className: y(X.value, e),
 		...n
 	});
 }
-Oe.displayName = "SelectValue";
-function ke({ side: e = "bottom", align: n = "start", sideOffset: r = 8, alignOffset: i = 0, className: a, children: o, ...s }) {
+Ae.displayName = "SelectValue";
+function je({ 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: Z.positioner,
+		className: X.positioner,
 		alignItemWithTrigger: !1,
 		side: e,
 		align: n,
@@ -709,54 +710,54 @@ function ke({ side: e = "bottom", align: n = "start", sideOffset: r = 8, alignOf
 		alignOffset: i,
 		children: /* @__PURE__ */ t(d.Popup, {
 			"data-pharos-slot": "select-content",
-			className: v(Z.content, a),
+			className: y(X.content, a),
 			...s,
 			children: /* @__PURE__ */ t(d.List, { children: o })
 		})
 	}) });
 }
-ke.displayName = "SelectContent";
-function Ae({ className: e, children: r, ...i }) {
+je.displayName = "SelectContent";
+function Me({ className: e, children: r, ...i }) {
 	return /* @__PURE__ */ n(d.Item, {
 		"data-pharos-slot": "select-item",
-		className: v(Z.item, e),
+		className: y(X.item, e),
 		...i,
 		children: [/* @__PURE__ */ t(d.ItemText, {
-			className: Z.itemText,
+			className: X.itemText,
 			children: r
 		}), /* @__PURE__ */ t(d.ItemIndicator, {
-			className: Z.itemIndicator,
-			children: /* @__PURE__ */ t(Te, {})
+			className: X.itemIndicator,
+			children: /* @__PURE__ */ t(De, {})
 		})]
 	});
 }
-Ae.displayName = "SelectItem";
-function je(e) {
+Me.displayName = "SelectItem";
+function Ne(e) {
 	return /* @__PURE__ */ t(d.Group, {
 		"data-pharos-slot": "select-group",
 		...e
 	});
 }
-je.displayName = "SelectGroup";
-function Me({ className: e, ...n }) {
+Ne.displayName = "SelectGroup";
+function Pe({ className: e, ...n }) {
 	return /* @__PURE__ */ t(d.GroupLabel, {
 		"data-pharos-slot": "select-label",
-		className: v(Z.label, e),
+		className: y(X.label, e),
 		...n
 	});
 }
-Me.displayName = "SelectLabel";
-function Ne({ className: e, ...n }) {
+Pe.displayName = "SelectLabel";
+function Fe({ className: e, ...n }) {
 	return /* @__PURE__ */ t(d.Separator, {
 		"data-pharos-slot": "select-separator",
 		role: "none",
 		"aria-hidden": !0,
-		className: v(Z.separator, e),
+		className: y(X.separator, e),
 		...n
 	});
 }
-Ne.displayName = "SelectSeparator";
-var Q = {
+Fe.displayName = "SelectSeparator";
+var Z = {
 	control: "_control_1dd5w_5",
 	chips: "_chips_1dd5w_61",
 	input: "_input_1dd5w_70",
@@ -776,14 +777,19 @@ var Q = {
 	empty: "_empty_1dd5w_294",
 	label: "_label_1dd5w_304",
 	separator: "_separator_1dd5w_311"
-};
-//#endregion
-//#region src/components/Combobox.tsx
-function Pe(e) {
-	return /* @__PURE__ */ t(f.Root, { ...e });
+}, Q = r(null);
+function Ie(e) {
+	let [n, r] = c(null), i = s(() => ({
+		anchorElement: n,
+		setAnchorElement: r
+	}), [n]);
+	return /* @__PURE__ */ t(Q.Provider, {
+		value: i,
+		children: /* @__PURE__ */ t(f.Root, { ...e })
+	});
 }
-Pe.displayName = "Combobox";
-function Fe() {
+Ie.displayName = "Combobox";
+function Le() {
 	return /* @__PURE__ */ t("svg", {
 		viewBox: "0 0 24 24",
 		fill: "none",
@@ -797,7 +803,7 @@ function Fe() {
 		})
 	});
 }
-function Ie() {
+function Re() {
 	return /* @__PURE__ */ t("svg", {
 		viewBox: "0 0 24 24",
 		fill: "none",
@@ -811,7 +817,7 @@ function Ie() {
 		})
 	});
 }
-function Le() {
+function ze() {
 	return /* @__PURE__ */ t("svg", {
 		viewBox: "0 0 24 24",
 		fill: "none",
@@ -825,147 +831,233 @@ function Le() {
 		})
 	});
 }
-function Re({ className: e, ...n }) {
+function Be({ className: e, ...n }) {
 	return /* @__PURE__ */ t(f.InputGroup, {
 		"data-pharos-slot": "combobox-control",
-		className: v(Q.control, e),
+		className: y(Z.control, e),
 		...n
 	});
 }
-Re.displayName = "ComboboxControl";
-function ze({ className: e, ...n }) {
+Be.displayName = "ComboboxControl";
+function Ve({ className: e, ref: n, ...r }) {
+	let o = a(Q), 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(Q.control, Q.chips, e),
-		...n
+		className: y(Z.control, Z.chips, e),
+		ref: s,
+		...r
 	});
 }
-ze.displayName = "ComboboxChips";
-var Be = _(Q.input, {
+Ve.displayName = "ComboboxChips";
+var He = v(Z.input, {
 	variants: { size: {
-		sm: Q.inputSizeSm,
-		md: Q.inputSizeMd,
-		lg: Q.inputSizeLg
+		sm: Z.inputSizeSm,
+		md: Z.inputSizeMd,
+		lg: Z.inputSizeLg
 	} },
 	defaultVariants: { size: "md" }
 });
-function Ve({ size: e, inset: n = !1, className: r, ...i }) {
+function Ue({ 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(Q.input, Q.chipsInput) : Be({ size: a }), r),
+		className: y(n ? y(Z.input, Z.chipsInput) : He({ size: a }), r),
 		...i
 	});
 }
-Ve.displayName = "ComboboxInput";
-function $({ className: e, children: n, ...r }) {
+Ue.displayName = "ComboboxInput";
+function We({ className: e, children: n, ...r }) {
 	return /* @__PURE__ */ t(f.Trigger, {
 		"data-pharos-slot": "combobox-trigger",
-		className: v(Q.trigger, e),
+		className: y(Z.trigger, e),
 		...r,
-		children: n ?? /* @__PURE__ */ t(Fe, {})
+		children: n ?? /* @__PURE__ */ t(Le, {})
 	});
 }
-$.displayName = "ComboboxTrigger";
-function He({ className: e, children: n, ...r }) {
+We.displayName = "ComboboxTrigger";
+function Ge({ className: e, children: n, ...r }) {
 	return /* @__PURE__ */ t(f.Clear, {
 		"data-pharos-slot": "combobox-clear",
-		className: v(Q.clear, e),
+		className: y(Z.clear, e),
 		...r,
-		children: n ?? /* @__PURE__ */ t(Le, {})
+		children: n ?? /* @__PURE__ */ t(ze, {})
 	});
 }
-He.displayName = "ComboboxClear";
-function Ue({ className: e, ...n }) {
+Ge.displayName = "ComboboxClear";
+function Ke({ className: e, ...n }) {
 	return /* @__PURE__ */ t(f.Chip, {
 		"data-pharos-slot": "combobox-chip",
-		className: v(Q.chip, e),
+		className: y(Z.chip, e),
 		...n
 	});
 }
-Ue.displayName = "ComboboxChip";
-function We({ className: e, children: n, "aria-label": r = "Remove", ...i }) {
+Ke.displayName = "ComboboxChip";
+function qe({ 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(Q.chipRemove, e),
+		className: y(Z.chipRemove, e),
 		...i,
-		children: n ?? /* @__PURE__ */ t(Le, {})
+		children: n ?? /* @__PURE__ */ t(ze, {})
 	});
 }
-We.displayName = "ComboboxChipRemove";
-function Ge({ side: e = "bottom", align: n = "start", sideOffset: r = 8, alignOffset: i = 0, className: a, children: o, ...s }) {
+qe.displayName = "ComboboxChipRemove";
+function Je({ side: e = "bottom", align: n = "start", sideOffset: r = 8, alignOffset: i = 0, className: o, children: s, ...c }) {
+	let l = a(Q)?.anchorElement ?? void 0;
 	return /* @__PURE__ */ t(f.Portal, { children: /* @__PURE__ */ t(f.Positioner, {
-		className: Q.positioner,
+		className: Z.positioner,
+		anchor: l,
 		side: e,
 		align: n,
 		sideOffset: r,
 		alignOffset: i,
 		children: /* @__PURE__ */ t(f.Popup, {
 			"data-pharos-slot": "combobox-content",
-			className: v(Q.content, a),
-			...s,
-			children: o
+			className: y(Z.content, o),
+			...c,
+			children: s
 		})
 	}) });
 }
-Ge.displayName = "ComboboxContent";
-function Ke({ className: e, ...n }) {
+Je.displayName = "ComboboxContent";
+function Ye({ className: e, ...n }) {
 	return /* @__PURE__ */ t(f.List, {
 		"data-pharos-slot": "combobox-list",
 		className: e,
 		...n
 	});
 }
-Ke.displayName = "ComboboxList";
-function qe({ className: e, children: r, ...i }) {
+Ye.displayName = "ComboboxList";
+function Xe({ className: e, children: r, ...i }) {
 	return /* @__PURE__ */ n(f.Item, {
 		"data-pharos-slot": "combobox-item",
-		className: v(Q.item, e),
+		className: y(Z.item, e),
 		...i,
 		children: [/* @__PURE__ */ t("span", {
-			className: Q.itemText,
+			className: Z.itemText,
 			children: r
 		}), /* @__PURE__ */ t(f.ItemIndicator, {
-			className: Q.itemIndicator,
-			children: /* @__PURE__ */ t(Ie, {})
+			className: Z.itemIndicator,
+			children: /* @__PURE__ */ t(Re, {})
 		})]
 	});
 }
-qe.displayName = "ComboboxItem";
-function Je({ className: e, ...n }) {
+Xe.displayName = "ComboboxItem";
+function Ze({ className: e, ...n }) {
 	return /* @__PURE__ */ t(f.Empty, {
 		"data-pharos-slot": "combobox-empty",
-		className: v(Q.empty, e),
+		className: y(Z.empty, e),
 		...n
 	});
 }
-Je.displayName = "ComboboxEmpty";
-function Ye(e) {
+Ze.displayName = "ComboboxEmpty";
+function Qe(e) {
 	return /* @__PURE__ */ t(f.Group, {
 		"data-pharos-slot": "combobox-group",
 		...e
 	});
 }
-Ye.displayName = "ComboboxGroup";
-function Xe({ className: e, ...n }) {
+Qe.displayName = "ComboboxGroup";
+function $e({ className: e, ...n }) {
 	return /* @__PURE__ */ t(f.GroupLabel, {
 		"data-pharos-slot": "combobox-group-label",
-		className: v(Q.label, e),
+		className: y(Z.label, e),
 		...n
 	});
 }
-Xe.displayName = "ComboboxGroupLabel";
-function Ze({ className: e, ...n }) {
+$e.displayName = "ComboboxGroupLabel";
+function et({ className: e, ...n }) {
 	return /* @__PURE__ */ t(f.Separator, {
 		"data-pharos-slot": "combobox-separator",
-		className: v(Q.separator, e),
+		className: y(Z.separator, e),
+		...n
+	});
+}
+et.displayName = "ComboboxSeparator";
+var $ = {
+	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 tt(e) {
+	return /* @__PURE__ */ t(p.Root, { ...e });
+}
+tt.displayName = "Sheet";
+function nt(e) {
+	return /* @__PURE__ */ t(p.Trigger, { ...e });
+}
+nt.displayName = "SheetTrigger";
+var rt = v($.content, {
+	variants: { side: {
+		top: $.sideTop,
+		right: $.sideRight,
+		bottom: $.sideBottom,
+		left: $.sideLeft
+	} },
+	defaultVariants: { side: "right" }
+});
+function it({ side: e = "right", className: r, children: i, ...a }) {
+	return /* @__PURE__ */ n(p.Portal, { children: [/* @__PURE__ */ t(p.Backdrop, { className: $.backdrop }), /* @__PURE__ */ t(p.Popup, {
+		"data-pharos-slot": "sheet-content",
+		"data-pharos-side": e ?? "right",
+		className: y(rt({ side: e }), r),
+		...a,
+		children: i
+	})] });
+}
+it.displayName = "SheetContent";
+function at({ className: e, ...n }) {
+	return /* @__PURE__ */ t("div", {
+		"data-pharos-slot": "sheet-header",
+		className: y($.header, e),
+		...n
+	});
+}
+at.displayName = "SheetHeader";
+function ot({ className: e, ...n }) {
+	return /* @__PURE__ */ t(p.Title, {
+		"data-pharos-slot": "sheet-title",
+		className: y($.title, e),
+		...n
+	});
+}
+ot.displayName = "SheetTitle";
+function st({ className: e, ...n }) {
+	return /* @__PURE__ */ t(p.Description, {
+		"data-pharos-slot": "sheet-description",
+		className: y($.description, e),
 		...n
 	});
 }
-Ze.displayName = "ComboboxSeparator";
+st.displayName = "SheetDescription";
+function ct({ className: e, ...n }) {
+	return /* @__PURE__ */ t("div", {
+		"data-pharos-slot": "sheet-footer",
+		className: y($.footer, e),
+		...n
+	});
+}
+ct.displayName = "SheetFooter";
+function lt(e) {
+	return /* @__PURE__ */ t(p.Close, {
+		"data-pharos-slot": "sheet-close",
+		...e
+	});
+}
+lt.displayName = "SheetClose";
 //#endregion
-export { G as Avatar, q as AvatarFallback, J as AvatarGroup, K as AvatarImage, k as Badge, x as Button, I as Card, B as CardContent, z as CardDescription, V as CardFooter, L as CardHeader, R as CardTitle, Pe as Combobox, Ue as ComboboxChip, We as ComboboxChipRemove, ze as ComboboxChips, He as ComboboxClear, Ge as ComboboxContent, Re as ComboboxControl, Je as ComboboxEmpty, Ye as ComboboxGroup, Xe as ComboboxGroupLabel, Ve as ComboboxInput, qe as ComboboxItem, Ke as ComboboxList, Ze as ComboboxSeparator, $ as ComboboxTrigger, ue as DropdownMenu, fe as DropdownMenuContent, ge as DropdownMenuGroup, pe as DropdownMenuItem, he as DropdownMenuLabel, me as DropdownMenuSeparator, de as DropdownMenuTrigger, D as IconButton, M as Input, _e as Popover, Se as PopoverClose, ye as PopoverContent, xe as PopoverDescription, be as PopoverTitle, ve as PopoverTrigger, Ce as Select, ke as SelectContent, je as SelectGroup, Ae as SelectItem, Me as SelectLabel, Ne as SelectSeparator, De as SelectTrigger, Oe as SelectValue, ie as Separator, w as Spinner, ne as Textarea, ee as badgeVariants, b as buttonVariants, F as cardVariants, v as cn, E as iconButtonVariants, j as inputVariants, C as spinnerVariants, te as textareaVariants };
+export { U as Avatar, G as AvatarFallback, K as AvatarGroup, W as AvatarImage, ne as Badge, S as Button, P as Card, R as CardContent, L as CardDescription, z as CardFooter, F as CardHeader, I as CardTitle, Ie as Combobox, Ke as ComboboxChip, qe as ComboboxChipRemove, Ve as ComboboxChips, Ge as ComboboxClear, Je as ComboboxContent, Be as ComboboxControl, Ze as ComboboxEmpty, Qe as ComboboxGroup, $e as ComboboxGroupLabel, Ue as ComboboxInput, Xe as ComboboxItem, Ye as ComboboxList, et as ComboboxSeparator, We as ComboboxTrigger, pe as DropdownMenu, he as DropdownMenuContent, ye as DropdownMenuGroup, ge as DropdownMenuItem, ve as DropdownMenuLabel, _e as DropdownMenuSeparator, me as DropdownMenuTrigger, D as IconButton, ie as Input, be as Popover, Y as PopoverClose, Se as PopoverContent, we as PopoverDescription, Ce as PopoverTitle, xe as PopoverTrigger, Te as Select, je as SelectContent, Ne as SelectGroup, Me as SelectItem, Pe as SelectLabel, Fe as SelectSeparator, ke as SelectTrigger, Ae as SelectValue, oe as Separator, tt as Sheet, lt as SheetClose, it as SheetContent, st as SheetDescription, ct as SheetFooter, at as SheetHeader, ot as SheetTitle, nt as SheetTrigger, w as Spinner, j as Textarea, te as badgeVariants, x as buttonVariants, se as cardVariants, y as cn, E as iconButtonVariants, re as inputVariants, rt as sheetVariants, ee as spinnerVariants, ae as textareaVariants };
 
 //# sourceMappingURL=index.js.map