@code-sherpas/pharos-react 0.15.0 → 0.16.0

package/dist/index.js

@@ -182,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", {}),
@@ -203,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",
@@ -213,75 +213,75 @@ var O = {
 	success: "_success_zrawy_55",
 	warning: "_warning_zrawy_60",
 	info: "_info_zrawy_65"
-}, te = v(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" }
 });
-function ne({ variant: e, className: n, ...r }) {
+function k({ variant: e, className: n, ...r }) {
 	let i = e ?? "default";
 	return /* @__PURE__ */ t("span", {
 		"data-pharos-variant": i,
-		className: y(te({ variant: i }), n),
+		className: y(O({ variant: i }), n),
 		...r
 	});
 }
-ne.displayName = "Badge";
-var k = {
+k.displayName = "Badge";
+var A = {
 	input: "_input_11emo_14",
 	sizeSm: "_sizeSm_11emo_97",
 	sizeMd: "_sizeMd_11emo_103",
 	sizeLg: "_sizeLg_11emo_109"
-}, re = v(k.input, {
+}, j = v(A.input, {
 	variants: { size: {
-		sm: k.sizeSm,
-		md: k.sizeMd,
-		lg: k.sizeLg
+		sm: A.sizeSm,
+		md: A.sizeMd,
+		lg: A.sizeLg
 	} },
 	defaultVariants: { size: "md" }
 });
-function ie({ 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: y(re({ size: o }), n),
+		className: y(j({ size: o }), n),
 		...a
 	});
 }
-ie.displayName = "Input";
-var A = {
+ne.displayName = "Input";
+var M = {
 	textarea: "_textarea_1mec8_21",
 	sizeSm: "_sizeSm_1mec8_113",
 	sizeMd: "_sizeMd_1mec8_119",
 	sizeLg: "_sizeLg_1mec8_125"
-}, ae = v(A.textarea, {
+}, re = v(M.textarea, {
 	variants: { size: {
-		sm: A.sizeSm,
-		md: A.sizeMd,
-		lg: A.sizeLg
+		sm: M.sizeSm,
+		md: M.sizeMd,
+		lg: M.sizeLg
 	} },
 	defaultVariants: { size: "md" }
 });
-function j({ 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: y(ae({ size: a }), n),
+		className: y(re({ size: a }), n),
 		...i
 	});
 }
-j.displayName = "Textarea";
-var M = {
+ie.displayName = "Textarea";
+var ae = {
 	separator: "_separator_da90p_13",
 	horizontal: "_horizontal_da90p_29",
 	vertical: "_vertical_da90p_34"
@@ -293,7 +293,7 @@ function oe({ orientation: e = "horizontal", decorative: n = !0, className: r, .
 		role: n ? "none" : "separator",
 		"aria-orientation": !n && e === "vertical" ? "vertical" : void 0,
 		"data-pharos-orientation": e,
-		className: y(M.separator, M[e], r),
+		className: y(ae.separator, ae[e], r),
 		...i
 	});
 }
@@ -316,7 +316,7 @@ var N = {
 	} },
 	defaultVariants: { variant: "default" }
 });
-function P({ variant: e, className: n, ...r }) {
+function ce({ variant: e, className: n, ...r }) {
 	let i = e ?? "default";
 	return /* @__PURE__ */ t("div", {
 		"data-pharos-variant": i,
@@ -324,48 +324,48 @@ function P({ variant: e, className: n, ...r }) {
 		...r
 	});
 }
-P.displayName = "Card";
-function F({ className: e, ...n }) {
+ce.displayName = "Card";
+function P({ className: e, ...n }) {
 	return /* @__PURE__ */ t("div", {
 		"data-pharos-slot": "card-header",
 		className: y(N.header, e),
 		...n
 	});
 }
-F.displayName = "CardHeader";
-function I({ className: e, ...n }) {
+P.displayName = "CardHeader";
+function F({ className: e, ...n }) {
 	return /* @__PURE__ */ t("div", {
 		"data-pharos-slot": "card-title",
 		className: y(N.title, e),
 		...n
 	});
 }
-I.displayName = "CardTitle";
-function L({ className: e, ...n }) {
+F.displayName = "CardTitle";
+function I({ className: e, ...n }) {
 	return /* @__PURE__ */ t("p", {
 		"data-pharos-slot": "card-description",
 		className: y(N.description, e),
 		...n
 	});
 }
-L.displayName = "CardDescription";
-function R({ className: e, ...n }) {
+I.displayName = "CardDescription";
+function L({ className: e, ...n }) {
 	return /* @__PURE__ */ t("div", {
 		"data-pharos-slot": "card-content",
 		className: y(N.content, e),
 		...n
 	});
 }
-R.displayName = "CardContent";
-function z({ className: e, ...n }) {
+L.displayName = "CardContent";
+function R({ className: e, ...n }) {
 	return /* @__PURE__ */ t("div", {
 		"data-pharos-slot": "card-footer",
 		className: y(N.footer, e),
 		...n
 	});
 }
-z.displayName = "CardFooter";
-var B = {
+R.displayName = "CardFooter";
+var z = {
 	root: "_root_1xx27_21",
 	shapeCircle: "_shapeCircle_1xx27_63",
 	shapeSquare: "_shapeSquare_1xx27_67",
@@ -375,35 +375,35 @@ var B = {
 	image: "_image_1xx27_118",
 	fallback: "_fallback_1xx27_134",
 	group: "_group_1xx27_175"
-}, 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
+}, 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 de(e) {
+function fe(e) {
 	if (typeof e == "number") return {
 		width: e,
 		height: e,
 		fontSize: `${Math.round(e * .4)}px`
 	};
 }
-function fe(e) {
-	if (typeof e != "number") return le[e];
+function pe(e) {
+	if (typeof e != "number") return ue[e];
 }
-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(() => ({
+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 = fe(m), S = de(m), C = typeof m == "number" ? String(m) : m;
-	return /* @__PURE__ */ t(ce.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(V.Provider, {
+		children: /* @__PURE__ */ t(B.Provider, {
 			value: b,
 			children: e({
 				render: l ?? /* @__PURE__ */ t("span", {}),
@@ -413,7 +413,7 @@ function U({ 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: y(B.root, x, ue[h], i),
+					className: y(z.root, x, de[h], i),
 					style: S ? {
 						...S,
 						...o
@@ -425,9 +425,9 @@ function U({ size: n, shape: r, className: i, style: o, render: l, ref: u, child
 		})
 	});
 }
-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;
+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]);
@@ -450,13 +450,13 @@ function W({ className: e, src: n, onLoad: r, onError: s, onLoadingStatusChange:
 		onLoad: p,
 		onError: m,
 		"data-pharos-loading": d?.status,
-		className: y(B.image, e),
+		className: y(z.image, e),
 		...u
 	});
 }
-W.displayName = "AvatarImage";
-function G({ className: e, delayMs: n = 0, children: r, ref: i, ...s }) {
-	let l = a(V), [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);
@@ -468,13 +468,13 @@ function G({ className: e, delayMs: n = 0, children: r, ref: i, ...s }) {
 		ref: i,
 		"data-pharos-slot": "avatar-fallback",
 		"data-pharos-loading": l?.status,
-		className: y(B.fallback, e),
+		className: y(z.fallback, e),
 		...s,
 		children: r
 	});
 }
-G.displayName = "AvatarFallback";
-function K({ 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;
@@ -484,25 +484,25 @@ function K({ size: e, shape: r, max: i, renderOverflow: a, className: o, childre
 		size: d,
 		shape: f
 	}), [d, f]);
-	return /* @__PURE__ */ t(H.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: y(B.group, o),
+			className: y(z.group, o),
 			...u,
-			children: [m, h > 0 ? /* @__PURE__ */ t(U, {
+			children: [m, h > 0 ? /* @__PURE__ */ t(H, {
 				"aria-label": `${h} more`,
 				"data-pharos-slot": "avatar-group-overflow",
-				children: /* @__PURE__ */ t(G, { children: a ? a(h) : `+${h}` })
+				children: /* @__PURE__ */ t(W, { children: a ? a(h) : `+${h}` })
 			}) : null]
 		})
 	});
 }
-K.displayName = "AvatarGroup";
-var q = {
+G.displayName = "AvatarGroup";
+var K = {
 	positioner: "_positioner_ua6x3_9",
 	content: "_content_ua6x3_4",
 	item: "_item_ua6x3_5",
@@ -512,61 +512,61 @@ var q = {
 };
 //#endregion
 //#region src/components/DropdownMenu.tsx
-function pe(e) {
+function me(e) {
 	return /* @__PURE__ */ t(l.Root, { ...e });
 }
-pe.displayName = "DropdownMenu";
-function me(e) {
+me.displayName = "DropdownMenu";
+function he(e) {
 	return /* @__PURE__ */ t(l.Trigger, { ...e });
 }
-me.displayName = "DropdownMenuTrigger";
-function he({ 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: q.positioner,
+		className: K.positioner,
 		side: e,
 		align: n,
 		sideOffset: r,
 		children: /* @__PURE__ */ t(l.Popup, {
 			"data-pharos-slot": "dropdown-menu-content",
-			className: y(q.content, i),
+			className: y(K.content, i),
 			...o,
 			children: a
 		})
 	}) });
 }
-he.displayName = "DropdownMenuContent";
-function ge({ 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: y(q.item, e === "destructive" && q.itemDestructive, n),
+		className: y(K.item, e === "destructive" && K.itemDestructive, n),
 		...r
 	});
 }
-ge.displayName = "DropdownMenuItem";
-function _e({ className: e, ...n }) {
+_e.displayName = "DropdownMenuItem";
+function ve({ className: e, ...n }) {
 	return /* @__PURE__ */ t(l.Separator, {
 		"data-pharos-slot": "dropdown-menu-separator",
-		className: y(q.separator, e),
+		className: y(K.separator, e),
 		...n
 	});
 }
-_e.displayName = "DropdownMenuSeparator";
-function ve({ className: e, ...n }) {
+ve.displayName = "DropdownMenuSeparator";
+function ye({ className: e, ...n }) {
 	return /* @__PURE__ */ t(l.GroupLabel, {
 		"data-pharos-slot": "dropdown-menu-label",
-		className: y(q.label, e),
+		className: y(K.label, e),
 		...n
 	});
 }
-ve.displayName = "DropdownMenuLabel";
-function ye(e) {
+ye.displayName = "DropdownMenuLabel";
+function be(e) {
 	return /* @__PURE__ */ t(l.Group, {
 		"data-pharos-slot": "dropdown-menu-group",
 		...e
 	});
 }
-ye.displayName = "DropdownMenuGroup";
-var J = {
+be.displayName = "DropdownMenuGroup";
+var q = {
 	positioner: "_positioner_ga28p_15",
 	content: "_content_ga28p_4",
 	title: "_title_ga28p_5",
@@ -574,54 +574,54 @@ var J = {
 };
 //#endregion
 //#region src/components/Popover.tsx
-function be(e) {
+function xe(e) {
 	return /* @__PURE__ */ t(u.Root, { ...e });
 }
-be.displayName = "Popover";
-function xe(e) {
+xe.displayName = "Popover";
+function Se(e) {
 	return /* @__PURE__ */ t(u.Trigger, { ...e });
 }
-xe.displayName = "PopoverTrigger";
-function Se({ 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: J.positioner,
+		className: q.positioner,
 		side: e,
 		align: n,
 		sideOffset: r,
 		alignOffset: i,
 		children: /* @__PURE__ */ t(u.Popup, {
 			"data-pharos-slot": "popover-content",
-			className: y(J.content, a),
+			className: y(q.content, a),
 			...s,
 			children: o
 		})
 	}) });
 }
-Se.displayName = "PopoverContent";
-function Ce({ className: e, ...n }) {
+Ce.displayName = "PopoverContent";
+function we({ className: e, ...n }) {
 	return /* @__PURE__ */ t(u.Title, {
 		"data-pharos-slot": "popover-title",
-		className: y(J.title, e),
+		className: y(q.title, e),
 		...n
 	});
 }
-Ce.displayName = "PopoverTitle";
-function we({ className: e, ...n }) {
+we.displayName = "PopoverTitle";
+function Te({ className: e, ...n }) {
 	return /* @__PURE__ */ t(u.Description, {
 		"data-pharos-slot": "popover-description",
-		className: y(J.description, e),
+		className: y(q.description, e),
 		...n
 	});
 }
-we.displayName = "PopoverDescription";
-function Y(e) {
+Te.displayName = "PopoverDescription";
+function Ee(e) {
 	return /* @__PURE__ */ t(u.Close, {
 		"data-pharos-slot": "popover-close",
 		...e
 	});
 }
-Y.displayName = "PopoverClose";
-var X = {
+Ee.displayName = "PopoverClose";
+var J = {
 	trigger: "_trigger_1w6j6_35",
 	sizeSm: "_sizeSm_1w6j6_92",
 	sizeMd: "_sizeMd_1w6j6_98",
@@ -638,11 +638,11 @@ var X = {
 };
 //#endregion
 //#region src/components/Select.tsx
-function Te(e) {
+function De(e) {
 	return /* @__PURE__ */ t(d.Root, { ...e });
 }
-Te.displayName = "Select";
-function Ee() {
+De.displayName = "Select";
+function Oe() {
 	return /* @__PURE__ */ t("svg", {
 		viewBox: "0 0 24 24",
 		fill: "none",
@@ -656,7 +656,7 @@ function Ee() {
 		})
 	});
 }
-function De() {
+function ke() {
 	return /* @__PURE__ */ t("svg", {
 		viewBox: "0 0 24 24",
 		fill: "none",
@@ -670,39 +670,39 @@ function De() {
 		})
 	});
 }
-var Oe = v(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 ke({ 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: y(Oe({ size: o }), r),
+		className: y(Ae({ size: o }), r),
 		...a,
 		children: [i, /* @__PURE__ */ t(d.Icon, {
-			className: X.icon,
-			children: /* @__PURE__ */ t(Ee, {})
+			className: J.icon,
+			children: /* @__PURE__ */ t(Oe, {})
 		})]
 	});
 }
-ke.displayName = "SelectTrigger";
-function Ae({ className: e, ...n }) {
+je.displayName = "SelectTrigger";
+function Me({ className: e, ...n }) {
 	return /* @__PURE__ */ t(d.Value, {
 		"data-pharos-slot": "select-value",
-		className: y(X.value, e),
+		className: y(J.value, e),
 		...n
 	});
 }
-Ae.displayName = "SelectValue";
-function je({ 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,
@@ -710,54 +710,54 @@ function je({ side: e = "bottom", align: n = "start", sideOffset: r = 8, alignOf
 		alignOffset: i,
 		children: /* @__PURE__ */ t(d.Popup, {
 			"data-pharos-slot": "select-content",
-			className: y(X.content, a),
+			className: y(J.content, a),
 			...s,
 			children: /* @__PURE__ */ t(d.List, { children: o })
 		})
 	}) });
 }
-je.displayName = "SelectContent";
-function Me({ 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: y(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(De, {})
+			className: J.itemIndicator,
+			children: /* @__PURE__ */ t(ke, {})
 		})]
 	});
 }
-Me.displayName = "SelectItem";
-function Ne(e) {
+Pe.displayName = "SelectItem";
+function Fe(e) {
 	return /* @__PURE__ */ t(d.Group, {
 		"data-pharos-slot": "select-group",
 		...e
 	});
 }
-Ne.displayName = "SelectGroup";
-function Pe({ className: e, ...n }) {
+Fe.displayName = "SelectGroup";
+function Ie({ className: e, ...n }) {
 	return /* @__PURE__ */ t(d.GroupLabel, {
 		"data-pharos-slot": "select-label",
-		className: y(X.label, e),
+		className: y(J.label, e),
 		...n
 	});
 }
-Pe.displayName = "SelectLabel";
-function Fe({ 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: y(X.separator, e),
+		className: y(J.separator, e),
 		...n
 	});
 }
-Fe.displayName = "SelectSeparator";
-var Z = {
+Le.displayName = "SelectSeparator";
+var Y = {
 	control: "_control_1dd5w_5",
 	chips: "_chips_1dd5w_61",
 	input: "_input_1dd5w_70",
@@ -777,19 +777,19 @@ var Z = {
 	empty: "_empty_1dd5w_294",
 	label: "_label_1dd5w_304",
 	separator: "_separator_1dd5w_311"
-}, Q = r(null);
-function Ie(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 })
 	});
 }
-Ie.displayName = "Combobox";
-function Le() {
+Re.displayName = "Combobox";
+function ze() {
 	return /* @__PURE__ */ t("svg", {
 		viewBox: "0 0 24 24",
 		fill: "none",
@@ -803,7 +803,7 @@ function Le() {
 		})
 	});
 }
-function Re() {
+function Be() {
 	return /* @__PURE__ */ t("svg", {
 		viewBox: "0 0 24 24",
 		fill: "none",
@@ -817,7 +817,7 @@ function Re() {
 		})
 	});
 }
-function ze() {
+function Ve() {
 	return /* @__PURE__ */ t("svg", {
 		viewBox: "0 0 24 24",
 		fill: "none",
@@ -831,84 +831,84 @@ function ze() {
 		})
 	});
 }
-function Be({ className: e, ...n }) {
+function He({ className: e, ...n }) {
 	return /* @__PURE__ */ t(f.InputGroup, {
 		"data-pharos-slot": "combobox-control",
-		className: y(Z.control, e),
+		className: y(Y.control, e),
 		...n
 	});
 }
-Be.displayName = "ComboboxControl";
-function Ve({ 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: y(Z.control, Z.chips, e),
+		className: y(Y.control, Y.chips, e),
 		ref: s,
 		...r
 	});
 }
-Ve.displayName = "ComboboxChips";
-var He = v(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 Ue({ 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: y(n ? y(Z.input, Z.chipsInput) : He({ size: a }), r),
+		className: y(n ? y(Y.input, Y.chipsInput) : We({ size: a }), r),
 		...i
 	});
 }
-Ue.displayName = "ComboboxInput";
-function We({ 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: y(Z.trigger, e),
+		className: y(Y.trigger, e),
 		...r,
-		children: n ?? /* @__PURE__ */ t(Le, {})
+		children: n ?? /* @__PURE__ */ t(ze, {})
 	});
 }
-We.displayName = "ComboboxTrigger";
-function Ge({ 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: y(Z.clear, e),
+		className: y(Y.clear, e),
 		...r,
-		children: n ?? /* @__PURE__ */ t(ze, {})
+		children: n ?? /* @__PURE__ */ t(Ve, {})
 	});
 }
-Ge.displayName = "ComboboxClear";
-function Ke({ className: e, ...n }) {
+qe.displayName = "ComboboxClear";
+function Je({ className: e, ...n }) {
 	return /* @__PURE__ */ t(f.Chip, {
 		"data-pharos-slot": "combobox-chip",
-		className: y(Z.chip, e),
+		className: y(Y.chip, e),
 		...n
 	});
 }
-Ke.displayName = "ComboboxChip";
-function qe({ 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: y(Z.chipRemove, e),
+		className: y(Y.chipRemove, e),
 		...i,
-		children: n ?? /* @__PURE__ */ t(ze, {})
+		children: n ?? /* @__PURE__ */ t(Ve, {})
 	});
 }
-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;
+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,
@@ -916,68 +916,68 @@ function Je({ side: e = "bottom", align: n = "start", sideOffset: r = 8, alignOf
 		alignOffset: i,
 		children: /* @__PURE__ */ t(f.Popup, {
 			"data-pharos-slot": "combobox-content",
-			className: y(Z.content, o),
+			className: y(Y.content, o),
 			...c,
 			children: s
 		})
 	}) });
 }
-Je.displayName = "ComboboxContent";
-function Ye({ className: e, ...n }) {
+Xe.displayName = "ComboboxContent";
+function Ze({ className: e, ...n }) {
 	return /* @__PURE__ */ t(f.List, {
 		"data-pharos-slot": "combobox-list",
 		className: e,
 		...n
 	});
 }
-Ye.displayName = "ComboboxList";
-function Xe({ 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: y(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(Re, {})
+			className: Y.itemIndicator,
+			children: /* @__PURE__ */ t(Be, {})
 		})]
 	});
 }
-Xe.displayName = "ComboboxItem";
-function Ze({ className: e, ...n }) {
+Qe.displayName = "ComboboxItem";
+function $e({ className: e, ...n }) {
 	return /* @__PURE__ */ t(f.Empty, {
 		"data-pharos-slot": "combobox-empty",
-		className: y(Z.empty, e),
+		className: y(Y.empty, e),
 		...n
 	});
 }
-Ze.displayName = "ComboboxEmpty";
-function Qe(e) {
+$e.displayName = "ComboboxEmpty";
+function et(e) {
 	return /* @__PURE__ */ t(f.Group, {
 		"data-pharos-slot": "combobox-group",
 		...e
 	});
 }
-Qe.displayName = "ComboboxGroup";
-function $e({ className: e, ...n }) {
+et.displayName = "ComboboxGroup";
+function tt({ className: e, ...n }) {
 	return /* @__PURE__ */ t(f.GroupLabel, {
 		"data-pharos-slot": "combobox-group-label",
-		className: y(Z.label, e),
+		className: y(Y.label, e),
 		...n
 	});
 }
-$e.displayName = "ComboboxGroupLabel";
-function et({ className: e, ...n }) {
+tt.displayName = "ComboboxGroupLabel";
+function nt({ className: e, ...n }) {
 	return /* @__PURE__ */ t(f.Separator, {
 		"data-pharos-slot": "combobox-separator",
-		className: y(Z.separator, e),
+		className: y(Y.separator, e),
 		...n
 	});
 }
-et.displayName = "ComboboxSeparator";
-var $ = {
+nt.displayName = "ComboboxSeparator";
+var Z = {
 	backdrop: "_backdrop_1pbfd_21",
 	content: "_content_1pbfd_37",
 	sideRight: "_sideRight_1pbfd_60",
@@ -991,73 +991,139 @@ var $ = {
 };
 //#endregion
 //#region src/components/Sheet.tsx
-function tt(e) {
+function Q(e) {
 	return /* @__PURE__ */ t(p.Root, { ...e });
 }
-tt.displayName = "Sheet";
-function nt(e) {
+Q.displayName = "Sheet";
+function rt(e) {
 	return /* @__PURE__ */ t(p.Trigger, { ...e });
 }
-nt.displayName = "SheetTrigger";
-var rt = v($.content, {
+rt.displayName = "SheetTrigger";
+var it = v(Z.content, {
 	variants: { side: {
-		top: $.sideTop,
-		right: $.sideRight,
-		bottom: $.sideBottom,
-		left: $.sideLeft
+		top: Z.sideTop,
+		right: Z.sideRight,
+		bottom: Z.sideBottom,
+		left: Z.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, {
+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(rt({ side: e }), r),
+		className: y(it({ side: e }), r),
 		...a,
 		children: i
 	})] });
 }
-it.displayName = "SheetContent";
-function at({ className: e, ...n }) {
+at.displayName = "SheetContent";
+function ot({ className: e, ...n }) {
 	return /* @__PURE__ */ t("div", {
 		"data-pharos-slot": "sheet-header",
-		className: y($.header, e),
+		className: y(Z.header, e),
 		...n
 	});
 }
-at.displayName = "SheetHeader";
-function ot({ className: e, ...n }) {
+ot.displayName = "SheetHeader";
+function st({ className: e, ...n }) {
 	return /* @__PURE__ */ t(p.Title, {
 		"data-pharos-slot": "sheet-title",
-		className: y($.title, e),
+		className: y(Z.title, e),
 		...n
 	});
 }
-ot.displayName = "SheetTitle";
-function st({ className: e, ...n }) {
+st.displayName = "SheetTitle";
+function ct({ className: e, ...n }) {
 	return /* @__PURE__ */ t(p.Description, {
 		"data-pharos-slot": "sheet-description",
-		className: y($.description, e),
+		className: y(Z.description, e),
 		...n
 	});
 }
-st.displayName = "SheetDescription";
-function ct({ className: e, ...n }) {
+ct.displayName = "SheetDescription";
+function lt({ className: e, ...n }) {
 	return /* @__PURE__ */ t("div", {
 		"data-pharos-slot": "sheet-footer",
-		className: y($.footer, e),
+		className: y(Z.footer, e),
 		...n
 	});
 }
-ct.displayName = "SheetFooter";
-function lt(e) {
+lt.displayName = "SheetFooter";
+function ut(e) {
 	return /* @__PURE__ */ t(p.Close, {
 		"data-pharos-slot": "sheet-close",
 		...e
 	});
 }
-lt.displayName = "SheetClose";
+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 { 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 };
+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