@code-sherpas/pharos-react 0.18.0 → 0.20.0

package/dist/index.js

@@ -1,1192 +1,20 @@
-"use client";
-import { useRender as e } from "@base-ui/react/use-render";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { createContext as r, useCallback as i, useContext as a, useEffect as o, useMemo as s, useState as c } from "react";
-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";
-import { Checkbox as m } from "@base-ui/react/checkbox";
-import { Switch as h } from "@base-ui/react/switch";
-//#region node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
-function g(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 = g(e[t])) && (r && (r += " "), r += n);
-	} else for (n in e) e[n] && (r && (r += " "), r += n);
-	return r;
-}
-function _() {
-	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = g(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 v = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, y = _, b = (e, t) => (n) => {
-	if (t?.variants == null) return y(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 = v(t) || v(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 y(e, a, t?.compoundVariants?.reduce((e, t) => {
-		let { class: n, className: r, ...a } = t;
-		return Object.entries(a).every((e) => {
-			let [t, n] = e;
-			return Array.isArray(n) ? n.includes({
-				...i,
-				...o
-			}[t]) : {
-				...i,
-				...o
-			}[t] === n;
-		}) ? [
-			...e,
-			n,
-			r
-		] : e;
-	}, []), n?.class, n?.className);
-};
-//#endregion
-//#region src/lib/cn.ts
-function x(...e) {
-	return _(e);
-}
-var S = {
-	button: "_button_iu0wg_18",
-	primary: "_primary_iu0wg_127",
-	secondary: "_secondary_iu0wg_141",
-	ghost: "_ghost_iu0wg_161",
-	destructive: "_destructive_iu0wg_175",
-	sizeSm: "_sizeSm_iu0wg_197",
-	sizeMd: "_sizeMd_iu0wg_205",
-	sizeLg: "_sizeLg_iu0wg_213"
-}, C = b(S.button, {
-	variants: {
-		intent: {
-			primary: S.primary,
-			secondary: S.secondary,
-			ghost: S.ghost,
-			destructive: S.destructive
-		},
-		size: {
-			sm: S.sizeSm,
-			md: S.sizeMd,
-			lg: S.sizeLg
-		}
-	},
-	defaultVariants: {
-		intent: "primary",
-		size: "md"
-	}
-});
-function w({ 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", {}),
-		ref: s,
-		defaultTagName: "button",
-		props: {
-			type: o,
-			"data-pharos-intent": l,
-			"data-pharos-size": u,
-			className: x(C({
-				intent: l,
-				size: u
-			}), r),
-			...c
-		}
-	});
-}
-w.displayName = "Button";
-var T = {
-	spinner: "_spinner_gg970_28",
-	icon: "_icon_gg970_46",
-	"pharos-spinner-spin": "_pharos-spinner-spin_gg970_1",
-	sizeSm: "_sizeSm_gg970_69",
-	sizeMd: "_sizeMd_gg970_74",
-	sizeLg: "_sizeLg_gg970_79",
-	srOnly: "_srOnly_gg970_87"
-}, ee = b(T.spinner, {
-	variants: { size: {
-		sm: T.sizeSm,
-		md: T.sizeMd,
-		lg: T.sizeLg
-	} },
-	defaultVariants: { size: "md" }
-});
-function E({ size: e, className: r, srLabel: i = "Loading…", children: a, ref: o, ...s }) {
-	let c = e ?? "md";
-	return /* @__PURE__ */ n("span", {
-		ref: o,
-		role: "status",
-		"data-pharos-size": c,
-		className: x(ee({ size: c }), r),
-		...s,
-		children: [
-			/* @__PURE__ */ t("svg", {
-				className: T.icon,
-				viewBox: "0 0 24 24",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: 2.5,
-				strokeLinecap: "round",
-				"aria-hidden": "true",
-				focusable: "false",
-				children: /* @__PURE__ */ t("circle", {
-					cx: "12",
-					cy: "12",
-					r: "10",
-					strokeDasharray: "50 25"
-				})
-			}),
-			/* @__PURE__ */ t("span", {
-				className: T.srOnly,
-				children: i
-			}),
-			a
-		]
-	});
-}
-E.displayName = "Spinner";
-var D = {
-	button: "_button_ltuh2_14",
-	primary: "_primary_ltuh2_74",
-	secondary: "_secondary_ltuh2_88",
-	ghost: "_ghost_ltuh2_107",
-	destructive: "_destructive_ltuh2_121",
-	sizeSm: "_sizeSm_ltuh2_150",
-	sizeMd: "_sizeMd_ltuh2_160",
-	sizeLg: "_sizeLg_ltuh2_170"
-}, te = b(D.button, {
-	variants: {
-		intent: {
-			primary: D.primary,
-			secondary: D.secondary,
-			ghost: D.ghost,
-			destructive: D.destructive
-		},
-		size: {
-			sm: D.sizeSm,
-			md: D.sizeMd,
-			lg: D.sizeLg
-		}
-	},
-	defaultVariants: {
-		intent: "ghost",
-		size: "md"
-	}
-});
-function ne({ 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", {}),
-		ref: u,
-		defaultTagName: "button",
-		props: {
-			type: c,
-			"data-pharos-intent": f,
-			"data-pharos-size": p,
-			"aria-busy": o ? !0 : void 0,
-			disabled: !!s || !!o,
-			className: x(te({
-				intent: f,
-				size: p
-			}), r),
-			...d,
-			children: o ? /* @__PURE__ */ t(E, { size: p }) : l
-		}
-	});
-}
-ne.displayName = "IconButton";
-var O = {
-	badge: "_badge_zrawy_5",
-	default: "_default_zrawy_30",
-	secondary: "_secondary_zrawy_35",
-	destructive: "_destructive_zrawy_40",
-	outline: "_outline_zrawy_45",
-	success: "_success_zrawy_55",
-	warning: "_warning_zrawy_60",
-	info: "_info_zrawy_65"
-}, k = b(O.badge, {
-	variants: { variant: {
-		default: O.default,
-		secondary: O.secondary,
-		destructive: O.destructive,
-		outline: O.outline,
-		success: O.success,
-		warning: O.warning,
-		info: O.info
-	} },
-	defaultVariants: { variant: "default" }
-});
-function A({ variant: e, className: n, ...r }) {
-	let i = e ?? "default";
-	return /* @__PURE__ */ t("span", {
-		"data-pharos-variant": i,
-		className: x(k({ variant: i }), n),
-		...r
-	});
-}
-A.displayName = "Badge";
-var j = {
-	input: "_input_11emo_14",
-	sizeSm: "_sizeSm_11emo_97",
-	sizeMd: "_sizeMd_11emo_103",
-	sizeLg: "_sizeLg_11emo_109"
-}, re = b(j.input, {
-	variants: { size: {
-		sm: j.sizeSm,
-		md: j.sizeMd,
-		lg: j.sizeLg
-	} },
-	defaultVariants: { size: "md" }
-});
-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: x(re({ size: o }), n),
-		...a
-	});
-}
-ie.displayName = "Input";
-var M = {
-	textarea: "_textarea_1mec8_21",
-	sizeSm: "_sizeSm_1mec8_113",
-	sizeMd: "_sizeMd_1mec8_119",
-	sizeLg: "_sizeLg_1mec8_125"
-}, ae = b(M.textarea, {
-	variants: { size: {
-		sm: M.sizeSm,
-		md: M.sizeMd,
-		lg: M.sizeLg
-	} },
-	defaultVariants: { size: "md" }
-});
-function oe({ size: e, className: n, ref: r, ...i }) {
-	let a = e ?? "md";
-	return /* @__PURE__ */ t("textarea", {
-		ref: r,
-		"data-pharos-size": a,
-		className: x(ae({ size: a }), n),
-		...i
-	});
-}
-oe.displayName = "Textarea";
-var se = {
-	separator: "_separator_da90p_13",
-	horizontal: "_horizontal_da90p_29",
-	vertical: "_vertical_da90p_34"
-};
-//#endregion
-//#region src/components/Separator.tsx
-function ce({ 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: x(se.separator, se[e], r),
-		...i
-	});
-}
-ce.displayName = "Separator";
-var N = {
-	card: "_card_yxgwa_10",
-	default: "_default_yxgwa_42",
-	elevated: "_elevated_yxgwa_46",
-	outlined: "_outlined_yxgwa_51",
-	header: "_header_yxgwa_62",
-	title: "_title_yxgwa_69",
-	description: "_description_yxgwa_77",
-	content: "_content_yxgwa_85",
-	footer: "_footer_yxgwa_95"
-}, le = b(N.card, {
-	variants: { variant: {
-		default: N.default,
-		elevated: N.elevated,
-		outlined: N.outlined
-	} },
-	defaultVariants: { variant: "default" }
-});
-function ue({ variant: e, className: n, ...r }) {
-	let i = e ?? "default";
-	return /* @__PURE__ */ t("div", {
-		"data-pharos-variant": i,
-		className: x(le({ variant: i }), n),
-		...r
-	});
-}
-ue.displayName = "Card";
-function P({ className: e, ...n }) {
-	return /* @__PURE__ */ t("div", {
-		"data-pharos-slot": "card-header",
-		className: x(N.header, e),
-		...n
-	});
-}
-P.displayName = "CardHeader";
-function F({ className: e, ...n }) {
-	return /* @__PURE__ */ t("div", {
-		"data-pharos-slot": "card-title",
-		className: x(N.title, e),
-		...n
-	});
-}
-F.displayName = "CardTitle";
-function I({ className: e, ...n }) {
-	return /* @__PURE__ */ t("p", {
-		"data-pharos-slot": "card-description",
-		className: x(N.description, e),
-		...n
-	});
-}
-I.displayName = "CardDescription";
-function L({ className: e, ...n }) {
-	return /* @__PURE__ */ t("div", {
-		"data-pharos-slot": "card-content",
-		className: x(N.content, e),
-		...n
-	});
-}
-L.displayName = "CardContent";
-function R({ className: e, ...n }) {
-	return /* @__PURE__ */ t("div", {
-		"data-pharos-slot": "card-footer",
-		className: x(N.footer, e),
-		...n
-	});
-}
-R.displayName = "CardFooter";
-var z = {
-	root: "_root_1xx27_21",
-	shapeCircle: "_shapeCircle_1xx27_63",
-	shapeSquare: "_shapeSquare_1xx27_67",
-	sizeSm: "_sizeSm_1xx27_86",
-	sizeMd: "_sizeMd_1xx27_93",
-	sizeLg: "_sizeLg_1xx27_100",
-	image: "_image_1xx27_118",
-	fallback: "_fallback_1xx27_134",
-	group: "_group_1xx27_175"
-}, de = r(null), B = r(null), V = r(null), fe = {
-	sm: z.sizeSm,
-	md: z.sizeMd,
-	lg: z.sizeLg
-}, pe = {
-	circle: z.shapeCircle,
-	square: z.shapeSquare
-};
-function me(e) {
-	if (typeof e == "number") return {
-		width: e,
-		height: e,
-		fontSize: `${Math.round(e * .4)}px`
-	};
-}
-function he(e) {
-	if (typeof e != "number") return fe[e];
-}
-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]), y = s(() => ({
-		status: g,
-		setStatus: _
-	}), [g]), b = he(m), S = me(m), C = typeof m == "number" ? String(m) : m;
-	return /* @__PURE__ */ t(de.Provider, {
-		value: v,
-		children: /* @__PURE__ */ t(B.Provider, {
-			value: y,
-			children: e({
-				render: l ?? /* @__PURE__ */ t("span", {}),
-				ref: u,
-				defaultTagName: "span",
-				props: {
-					"data-pharos-size": C,
-					"data-pharos-shape": h,
-					"data-pharos-loading": g,
-					className: x(z.root, b, pe[h], i),
-					style: S ? {
-						...S,
-						...o
-					} : o,
-					...f,
-					children: d
-				}
-			})
-		})
-	});
-}
-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]);
-	let p = i((e) => {
-		d?.setStatus("loaded"), c?.("loaded"), r?.(e);
-	}, [
-		d,
-		r,
-		c
-	]), m = i((e) => {
-		d?.setStatus("error"), c?.("error"), s?.(e);
-	}, [
-		d,
-		s,
-		c
-	]);
-	return !f || d && d.status === "error" ? null : /* @__PURE__ */ t("img", {
-		ref: l,
-		src: n,
-		onLoad: p,
-		onError: m,
-		"data-pharos-loading": d?.status,
-		className: x(z.image, e),
-		...u
-	});
-}
-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);
-			return;
-		}
-		let e = window.setTimeout(() => d(!0), n);
-		return () => window.clearTimeout(e);
-	}, [n]), l && l.status === "loaded" || !u ? null : /* @__PURE__ */ t("span", {
-		ref: i,
-		"data-pharos-slot": "avatar-fallback",
-		"data-pharos-loading": l?.status,
-		className: x(z.fallback, e),
-		...s,
-		children: r
-	});
-}
-W.displayName = "AvatarFallback";
-function ge({ 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;
-		};
-		return Array.isArray(c) ? c.forEach((e) => r(e)) : c && r(c), n.concat(e).slice(0, t);
-	}, [c]), m = typeof i == "number" && p.length > i ? p.slice(0, Math.max(i - 1, 0)) : p, h = typeof i == "number" && p.length > i ? p.length - m.length : 0, g = s(() => ({
-		size: d,
-		shape: f
-	}), [d, f]);
-	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: x(z.group, o),
-			...u,
-			children: [m, h > 0 ? /* @__PURE__ */ t(H, {
-				"aria-label": `${h} more`,
-				"data-pharos-slot": "avatar-group-overflow",
-				children: /* @__PURE__ */ t(W, { children: a ? a(h) : `+${h}` })
-			}) : null]
-		})
-	});
-}
-ge.displayName = "AvatarGroup";
-var G = {
-	positioner: "_positioner_ua6x3_9",
-	content: "_content_ua6x3_4",
-	item: "_item_ua6x3_5",
-	itemDestructive: "_itemDestructive_ua6x3_113",
-	separator: "_separator_ua6x3_6",
-	label: "_label_ua6x3_6"
-};
-//#endregion
-//#region src/components/DropdownMenu.tsx
-function _e(e) {
-	return /* @__PURE__ */ t(l.Root, { ...e });
-}
-_e.displayName = "DropdownMenu";
-function ve(e) {
-	return /* @__PURE__ */ t(l.Trigger, { ...e });
-}
-ve.displayName = "DropdownMenuTrigger";
-function ye({ 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: G.positioner,
-		side: e,
-		align: n,
-		sideOffset: r,
-		children: /* @__PURE__ */ t(l.Popup, {
-			"data-pharos-slot": "dropdown-menu-content",
-			className: x(G.content, i),
-			...o,
-			children: a
-		})
-	}) });
-}
-ye.displayName = "DropdownMenuContent";
-function be({ variant: e = "default", className: n, ...r }) {
-	return /* @__PURE__ */ t(l.Item, {
-		"data-pharos-variant": e,
-		className: x(G.item, e === "destructive" && G.itemDestructive, n),
-		...r
-	});
-}
-be.displayName = "DropdownMenuItem";
-function xe({ className: e, ...n }) {
-	return /* @__PURE__ */ t(l.Separator, {
-		"data-pharos-slot": "dropdown-menu-separator",
-		className: x(G.separator, e),
-		...n
-	});
-}
-xe.displayName = "DropdownMenuSeparator";
-function Se({ className: e, ...n }) {
-	return /* @__PURE__ */ t(l.GroupLabel, {
-		"data-pharos-slot": "dropdown-menu-label",
-		className: x(G.label, e),
-		...n
-	});
-}
-Se.displayName = "DropdownMenuLabel";
-function Ce(e) {
-	return /* @__PURE__ */ t(l.Group, {
-		"data-pharos-slot": "dropdown-menu-group",
-		...e
-	});
-}
-Ce.displayName = "DropdownMenuGroup";
-var K = {
-	positioner: "_positioner_ga28p_15",
-	content: "_content_ga28p_4",
-	title: "_title_ga28p_5",
-	description: "_description_ga28p_5"
-};
-//#endregion
-//#region src/components/Popover.tsx
-function we(e) {
-	return /* @__PURE__ */ t(u.Root, { ...e });
-}
-we.displayName = "Popover";
-function Te(e) {
-	return /* @__PURE__ */ t(u.Trigger, { ...e });
-}
-Te.displayName = "PopoverTrigger";
-function Ee({ 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: K.positioner,
-		side: e,
-		align: n,
-		sideOffset: r,
-		alignOffset: i,
-		children: /* @__PURE__ */ t(u.Popup, {
-			"data-pharos-slot": "popover-content",
-			className: x(K.content, a),
-			...s,
-			children: o
-		})
-	}) });
-}
-Ee.displayName = "PopoverContent";
-function De({ className: e, ...n }) {
-	return /* @__PURE__ */ t(u.Title, {
-		"data-pharos-slot": "popover-title",
-		className: x(K.title, e),
-		...n
-	});
-}
-De.displayName = "PopoverTitle";
-function Oe({ className: e, ...n }) {
-	return /* @__PURE__ */ t(u.Description, {
-		"data-pharos-slot": "popover-description",
-		className: x(K.description, e),
-		...n
-	});
-}
-Oe.displayName = "PopoverDescription";
-function ke(e) {
-	return /* @__PURE__ */ t(u.Close, {
-		"data-pharos-slot": "popover-close",
-		...e
-	});
-}
-ke.displayName = "PopoverClose";
-var q = {
-	trigger: "_trigger_1w6j6_35",
-	sizeSm: "_sizeSm_1w6j6_92",
-	sizeMd: "_sizeMd_1w6j6_98",
-	sizeLg: "_sizeLg_1w6j6_104",
-	value: "_value_1w6j6_113",
-	icon: "_icon_1w6j6_127",
-	positioner: "_positioner_1w6j6_24",
-	content: "_content_1w6j6_146",
-	item: "_item_1w6j6_17",
-	itemText: "_itemText_1w6j6_17",
-	itemIndicator: "_itemIndicator_1w6j6_228",
-	label: "_label_1w6j6_242",
-	separator: "_separator_1w6j6_250"
-};
-//#endregion
-//#region src/components/Select.tsx
-function Ae(e) {
-	return /* @__PURE__ */ t(d.Root, { ...e });
-}
-Ae.displayName = "Select";
-function je() {
-	return /* @__PURE__ */ t("svg", {
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "2",
-		"aria-hidden": "true",
-		children: /* @__PURE__ */ t("path", {
-			d: "m6 9 6 6 6-6",
-			strokeLinecap: "round",
-			strokeLinejoin: "round"
-		})
-	});
-}
-function Me() {
-	return /* @__PURE__ */ t("svg", {
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "2",
-		"aria-hidden": "true",
-		children: /* @__PURE__ */ t("path", {
-			d: "M20 6 9 17l-5-5",
-			strokeLinecap: "round",
-			strokeLinejoin: "round"
-		})
-	});
-}
-var Ne = b(q.trigger, {
-	variants: { size: {
-		sm: q.sizeSm,
-		md: q.sizeMd,
-		lg: q.sizeLg
-	} },
-	defaultVariants: { size: "md" }
-});
-function Pe({ 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: x(Ne({ size: o }), r),
-		...a,
-		children: [i, /* @__PURE__ */ t(d.Icon, {
-			className: q.icon,
-			children: /* @__PURE__ */ t(je, {})
-		})]
-	});
-}
-Pe.displayName = "SelectTrigger";
-function Fe({ className: e, ...n }) {
-	return /* @__PURE__ */ t(d.Value, {
-		"data-pharos-slot": "select-value",
-		className: x(q.value, e),
-		...n
-	});
-}
-Fe.displayName = "SelectValue";
-function Ie({ 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: q.positioner,
-		alignItemWithTrigger: !1,
-		side: e,
-		align: n,
-		sideOffset: r,
-		alignOffset: i,
-		children: /* @__PURE__ */ t(d.Popup, {
-			"data-pharos-slot": "select-content",
-			className: x(q.content, a),
-			...s,
-			children: /* @__PURE__ */ t(d.List, { children: o })
-		})
-	}) });
-}
-Ie.displayName = "SelectContent";
-function Le({ className: e, children: r, ...i }) {
-	return /* @__PURE__ */ n(d.Item, {
-		"data-pharos-slot": "select-item",
-		className: x(q.item, e),
-		...i,
-		children: [/* @__PURE__ */ t(d.ItemText, {
-			className: q.itemText,
-			children: r
-		}), /* @__PURE__ */ t(d.ItemIndicator, {
-			className: q.itemIndicator,
-			children: /* @__PURE__ */ t(Me, {})
-		})]
-	});
-}
-Le.displayName = "SelectItem";
-function Re(e) {
-	return /* @__PURE__ */ t(d.Group, {
-		"data-pharos-slot": "select-group",
-		...e
-	});
-}
-Re.displayName = "SelectGroup";
-function ze({ className: e, ...n }) {
-	return /* @__PURE__ */ t(d.GroupLabel, {
-		"data-pharos-slot": "select-label",
-		className: x(q.label, e),
-		...n
-	});
-}
-ze.displayName = "SelectLabel";
-function Be({ className: e, ...n }) {
-	return /* @__PURE__ */ t(d.Separator, {
-		"data-pharos-slot": "select-separator",
-		role: "none",
-		"aria-hidden": !0,
-		className: x(q.separator, e),
-		...n
-	});
-}
-Be.displayName = "SelectSeparator";
-var J = {
-	control: "_control_1dd5w_5",
-	chips: "_chips_1dd5w_61",
-	input: "_input_1dd5w_70",
-	inputSizeSm: "_inputSizeSm_1dd5w_99",
-	inputSizeMd: "_inputSizeMd_1dd5w_104",
-	inputSizeLg: "_inputSizeLg_1dd5w_109",
-	chipsInput: "_chipsInput_1dd5w_117",
-	trigger: "_trigger_1dd5w_124",
-	clear: "_clear_1dd5w_125",
-	chip: "_chip_1dd5w_61",
-	chipRemove: "_chipRemove_1dd5w_169",
-	positioner: "_positioner_1dd5w_203",
-	content: "_content_1dd5w_193",
-	item: "_item_1dd5w_14",
-	itemText: "_itemText_1dd5w_14",
-	itemIndicator: "_itemIndicator_1dd5w_272",
-	empty: "_empty_1dd5w_294",
-	label: "_label_1dd5w_304",
-	separator: "_separator_1dd5w_311"
-}, Y = r(null);
-function Ve(e) {
-	let [n, r] = c(null), i = s(() => ({
-		anchorElement: n,
-		setAnchorElement: r
-	}), [n]);
-	return /* @__PURE__ */ t(Y.Provider, {
-		value: i,
-		children: /* @__PURE__ */ t(f.Root, { ...e })
-	});
-}
-Ve.displayName = "Combobox";
-function He() {
-	return /* @__PURE__ */ t("svg", {
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "2",
-		"aria-hidden": "true",
-		children: /* @__PURE__ */ t("path", {
-			d: "m6 9 6 6 6-6",
-			strokeLinecap: "round",
-			strokeLinejoin: "round"
-		})
-	});
-}
-function Ue() {
-	return /* @__PURE__ */ t("svg", {
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "2",
-		"aria-hidden": "true",
-		children: /* @__PURE__ */ t("path", {
-			d: "M20 6 9 17l-5-5",
-			strokeLinecap: "round",
-			strokeLinejoin: "round"
-		})
-	});
-}
-function We() {
-	return /* @__PURE__ */ t("svg", {
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "2",
-		"aria-hidden": "true",
-		children: /* @__PURE__ */ t("path", {
-			d: "M18 6 6 18M6 6l12 12",
-			strokeLinecap: "round",
-			strokeLinejoin: "round"
-		})
-	});
-}
-function Ge({ className: e, ...n }) {
-	return /* @__PURE__ */ t(f.InputGroup, {
-		"data-pharos-slot": "combobox-control",
-		className: x(J.control, e),
-		...n
-	});
-}
-Ge.displayName = "ComboboxControl";
-function Ke({ className: e, ref: n, ...r }) {
-	let o = a(Y), 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: x(J.control, J.chips, e),
-		ref: s,
-		...r
-	});
-}
-Ke.displayName = "ComboboxChips";
-var qe = b(J.input, {
-	variants: { size: {
-		sm: J.inputSizeSm,
-		md: J.inputSizeMd,
-		lg: J.inputSizeLg
-	} },
-	defaultVariants: { size: "md" }
-});
-function Je({ 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: x(n ? x(J.input, J.chipsInput) : qe({ size: a }), r),
-		...i
-	});
-}
-Je.displayName = "ComboboxInput";
-function Ye({ className: e, children: n, ...r }) {
-	return /* @__PURE__ */ t(f.Trigger, {
-		"data-pharos-slot": "combobox-trigger",
-		className: x(J.trigger, e),
-		...r,
-		children: n ?? /* @__PURE__ */ t(He, {})
-	});
-}
-Ye.displayName = "ComboboxTrigger";
-function Xe({ className: e, children: n, ...r }) {
-	return /* @__PURE__ */ t(f.Clear, {
-		"data-pharos-slot": "combobox-clear",
-		className: x(J.clear, e),
-		...r,
-		children: n ?? /* @__PURE__ */ t(We, {})
-	});
-}
-Xe.displayName = "ComboboxClear";
-function Ze({ className: e, ...n }) {
-	return /* @__PURE__ */ t(f.Chip, {
-		"data-pharos-slot": "combobox-chip",
-		className: x(J.chip, e),
-		...n
-	});
-}
-Ze.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: x(J.chipRemove, e),
-		...i,
-		children: n ?? /* @__PURE__ */ t(We, {})
-	});
-}
-Qe.displayName = "ComboboxChipRemove";
-function $e({ side: e = "bottom", align: n = "start", sideOffset: r = 8, alignOffset: i = 0, className: o, children: s, ...c }) {
-	let l = a(Y)?.anchorElement ?? void 0;
-	return /* @__PURE__ */ t(f.Portal, { children: /* @__PURE__ */ t(f.Positioner, {
-		className: J.positioner,
-		anchor: l,
-		side: e,
-		align: n,
-		sideOffset: r,
-		alignOffset: i,
-		children: /* @__PURE__ */ t(f.Popup, {
-			"data-pharos-slot": "combobox-content",
-			className: x(J.content, o),
-			...c,
-			children: s
-		})
-	}) });
-}
-$e.displayName = "ComboboxContent";
-function et({ className: e, ...n }) {
-	return /* @__PURE__ */ t(f.List, {
-		"data-pharos-slot": "combobox-list",
-		className: e,
-		...n
-	});
-}
-et.displayName = "ComboboxList";
-function tt({ className: e, children: r, ...i }) {
-	return /* @__PURE__ */ n(f.Item, {
-		"data-pharos-slot": "combobox-item",
-		className: x(J.item, e),
-		...i,
-		children: [/* @__PURE__ */ t("span", {
-			className: J.itemText,
-			children: r
-		}), /* @__PURE__ */ t(f.ItemIndicator, {
-			className: J.itemIndicator,
-			children: /* @__PURE__ */ t(Ue, {})
-		})]
-	});
-}
-tt.displayName = "ComboboxItem";
-function nt({ className: e, ...n }) {
-	return /* @__PURE__ */ t(f.Empty, {
-		"data-pharos-slot": "combobox-empty",
-		className: x(J.empty, e),
-		...n
-	});
-}
-nt.displayName = "ComboboxEmpty";
-function rt(e) {
-	return /* @__PURE__ */ t(f.Group, {
-		"data-pharos-slot": "combobox-group",
-		...e
-	});
-}
-rt.displayName = "ComboboxGroup";
-function it({ className: e, ...n }) {
-	return /* @__PURE__ */ t(f.GroupLabel, {
-		"data-pharos-slot": "combobox-group-label",
-		className: x(J.label, e),
-		...n
-	});
-}
-it.displayName = "ComboboxGroupLabel";
-function at({ className: e, ...n }) {
-	return /* @__PURE__ */ t(f.Separator, {
-		"data-pharos-slot": "combobox-separator",
-		className: x(J.separator, e),
-		...n
-	});
-}
-at.displayName = "ComboboxSeparator";
-var X = {
-	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 ot(e) {
-	return /* @__PURE__ */ t(p.Root, { ...e });
-}
-ot.displayName = "Sheet";
-function st(e) {
-	return /* @__PURE__ */ t(p.Trigger, { ...e });
-}
-st.displayName = "SheetTrigger";
-var ct = b(X.content, {
-	variants: { side: {
-		top: X.sideTop,
-		right: X.sideRight,
-		bottom: X.sideBottom,
-		left: X.sideLeft
-	} },
-	defaultVariants: { side: "right" }
-});
-function lt({ side: e = "right", className: r, children: i, ...a }) {
-	return /* @__PURE__ */ n(p.Portal, { children: [/* @__PURE__ */ t(p.Backdrop, { className: X.backdrop }), /* @__PURE__ */ t(p.Popup, {
-		"data-pharos-slot": "sheet-content",
-		"data-pharos-side": e ?? "right",
-		className: x(ct({ side: e }), r),
-		...a,
-		children: i
-	})] });
-}
-lt.displayName = "SheetContent";
-function ut({ className: e, ...n }) {
-	return /* @__PURE__ */ t("div", {
-		"data-pharos-slot": "sheet-header",
-		className: x(X.header, e),
-		...n
-	});
-}
-ut.displayName = "SheetHeader";
-function dt({ className: e, ...n }) {
-	return /* @__PURE__ */ t(p.Title, {
-		"data-pharos-slot": "sheet-title",
-		className: x(X.title, e),
-		...n
-	});
-}
-dt.displayName = "SheetTitle";
-function ft({ className: e, ...n }) {
-	return /* @__PURE__ */ t(p.Description, {
-		"data-pharos-slot": "sheet-description",
-		className: x(X.description, e),
-		...n
-	});
-}
-ft.displayName = "SheetDescription";
-function pt({ className: e, ...n }) {
-	return /* @__PURE__ */ t("div", {
-		"data-pharos-slot": "sheet-footer",
-		className: x(X.footer, e),
-		...n
-	});
-}
-pt.displayName = "SheetFooter";
-function mt(e) {
-	return /* @__PURE__ */ t(p.Close, {
-		"data-pharos-slot": "sheet-close",
-		...e
-	});
-}
-mt.displayName = "SheetClose";
-var Z = {
-	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 ht(e) {
-	return /* @__PURE__ */ t(p.Root, { ...e });
-}
-ht.displayName = "Dialog";
-function gt(e) {
-	return /* @__PURE__ */ t(p.Trigger, { ...e });
-}
-gt.displayName = "DialogTrigger";
-function _t({ className: e, children: r, ...i }) {
-	return /* @__PURE__ */ n(p.Portal, { children: [/* @__PURE__ */ t(p.Backdrop, { className: Z.backdrop }), /* @__PURE__ */ t(p.Popup, {
-		"data-pharos-slot": "dialog-content",
-		className: x(Z.content, e),
-		...i,
-		children: r
-	})] });
-}
-_t.displayName = "DialogContent";
-function vt({ className: e, ...n }) {
-	return /* @__PURE__ */ t("div", {
-		"data-pharos-slot": "dialog-header",
-		className: x(Z.header, e),
-		...n
-	});
-}
-vt.displayName = "DialogHeader";
-function yt({ className: e, ...n }) {
-	return /* @__PURE__ */ t(p.Title, {
-		"data-pharos-slot": "dialog-title",
-		className: x(Z.title, e),
-		...n
-	});
-}
-yt.displayName = "DialogTitle";
-function Q({ className: e, ...n }) {
-	return /* @__PURE__ */ t(p.Description, {
-		"data-pharos-slot": "dialog-description",
-		className: x(Z.description, e),
-		...n
-	});
-}
-Q.displayName = "DialogDescription";
-function bt({ className: e, ...n }) {
-	return /* @__PURE__ */ t("div", {
-		"data-pharos-slot": "dialog-footer",
-		className: x(Z.footer, e),
-		...n
-	});
-}
-bt.displayName = "DialogFooter";
-function xt(e) {
-	return /* @__PURE__ */ t(p.Close, {
-		"data-pharos-slot": "dialog-close",
-		...e
-	});
-}
-xt.displayName = "DialogClose";
-var $ = {
-	root: "_root_1v9tz_14",
-	indicator: "_indicator_1v9tz_65",
-	icon: "_icon_1v9tz_72",
-	iconIndeterminate: "_iconIndeterminate_1v9tz_79",
-	iconCheck: "_iconCheck_1v9tz_83"
-};
-//#endregion
-//#region src/components/Checkbox.tsx
-function St() {
-	return /* @__PURE__ */ t("svg", {
-		className: x($.icon, $.iconCheck),
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "3",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		"aria-hidden": "true",
-		children: /* @__PURE__ */ t("path", { d: "M20 6 9 17l-5-5" })
-	});
-}
-function Ct() {
-	return /* @__PURE__ */ t("svg", {
-		className: x($.icon, $.iconIndeterminate),
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "3",
-		strokeLinecap: "round",
-		"aria-hidden": "true",
-		children: /* @__PURE__ */ t("path", { d: "M5 12h14" })
-	});
-}
-function wt({ className: e, ...r }) {
-	return /* @__PURE__ */ t(m.Root, {
-		"data-pharos-slot": "checkbox",
-		className: x($.root, e),
-		...r,
-		children: /* @__PURE__ */ n(m.Indicator, {
-			className: $.indicator,
-			children: [/* @__PURE__ */ t(St, {}), /* @__PURE__ */ t(Ct, {})]
-		})
-	});
-}
-wt.displayName = "Checkbox";
-var Tt = {
-	root: "_root_5v2er_17",
-	thumb: "_thumb_5v2er_72"
-};
-//#endregion
-//#region src/components/Switch.tsx
-function Et({ className: e, ...n }) {
-	return /* @__PURE__ */ t(h.Root, {
-		"data-pharos-slot": "switch",
-		className: x(Tt.root, e),
-		...n,
-		children: /* @__PURE__ */ t(h.Thumb, { className: Tt.thumb })
-	});
-}
-Et.displayName = "Switch";
-//#endregion
-export { H as Avatar, W as AvatarFallback, ge as AvatarGroup, U as AvatarImage, A as Badge, w as Button, ue as Card, L as CardContent, I as CardDescription, R as CardFooter, P as CardHeader, F as CardTitle, wt as Checkbox, Ve as Combobox, Ze as ComboboxChip, Qe as ComboboxChipRemove, Ke as ComboboxChips, Xe as ComboboxClear, $e as ComboboxContent, Ge as ComboboxControl, nt as ComboboxEmpty, rt as ComboboxGroup, it as ComboboxGroupLabel, Je as ComboboxInput, tt as ComboboxItem, et as ComboboxList, at as ComboboxSeparator, Ye as ComboboxTrigger, ht as Dialog, xt as DialogClose, _t as DialogContent, Q as DialogDescription, bt as DialogFooter, vt as DialogHeader, yt as DialogTitle, gt as DialogTrigger, _e as DropdownMenu, ye as DropdownMenuContent, Ce as DropdownMenuGroup, be as DropdownMenuItem, Se as DropdownMenuLabel, xe as DropdownMenuSeparator, ve as DropdownMenuTrigger, ne as IconButton, ie as Input, we as Popover, ke as PopoverClose, Ee as PopoverContent, Oe as PopoverDescription, De as PopoverTitle, Te as PopoverTrigger, Ae as Select, Ie as SelectContent, Re as SelectGroup, Le as SelectItem, ze as SelectLabel, Be as SelectSeparator, Pe as SelectTrigger, Fe as SelectValue, ce as Separator, ot as Sheet, mt as SheetClose, lt as SheetContent, ft as SheetDescription, pt as SheetFooter, ut as SheetHeader, dt as SheetTitle, st as SheetTrigger, E as Spinner, Et as Switch, oe as Textarea, k as badgeVariants, C as buttonVariants, le as cardVariants, x as cn, te as iconButtonVariants, re as inputVariants, ct as sheetVariants, ee as spinnerVariants, ae as textareaVariants };
-
-//# sourceMappingURL=index.js.map
+import { cn as e } from "./lib/cn.js";
+import { Button as t, buttonVariants as n } from "./components/Button.js";
+import { Spinner as r, spinnerVariants as i } from "./components/Spinner.js";
+import { IconButton as a, iconButtonVariants as o } from "./components/IconButton.js";
+import { Badge as s, badgeVariants as c } from "./components/Badge.js";
+import { Input as l, inputVariants as u } from "./components/Input.js";
+import { Textarea as d, textareaVariants as f } from "./components/Textarea.js";
+import { Separator as p } from "./components/Separator.js";
+import { Card as m, CardContent as h, CardDescription as g, CardFooter as _, CardHeader as v, CardTitle as y, cardVariants as b } from "./components/Card.js";
+import { Avatar as x, AvatarFallback as S, AvatarGroup as C, AvatarImage as w } from "./components/Avatar.js";
+import { DropdownMenu as T, DropdownMenuContent as E, DropdownMenuGroup as D, DropdownMenuItem as O, DropdownMenuLabel as k, DropdownMenuSeparator as A, DropdownMenuTrigger as j } from "./components/DropdownMenu.js";
+import { Popover as M, PopoverClose as N, PopoverContent as P, PopoverDescription as F, PopoverTitle as I, PopoverTrigger as L } from "./components/Popover.js";
+import { Select as R, SelectContent as z, SelectGroup as B, SelectItem as V, SelectLabel as H, SelectSeparator as U, SelectTrigger as W, SelectValue as G } from "./components/Select.js";
+import { Combobox as K, ComboboxChip as q, ComboboxChipRemove as J, ComboboxChips as Y, ComboboxClear as X, ComboboxContent as Z, ComboboxControl as Q, ComboboxEmpty as $, ComboboxGroup as ee, ComboboxGroupLabel as te, ComboboxInput as ne, ComboboxItem as re, ComboboxList as ie, ComboboxSeparator as ae, ComboboxTrigger as oe } from "./components/Combobox.js";
+import { Sheet as se, SheetClose as ce, SheetContent as le, SheetDescription as ue, SheetFooter as de, SheetHeader as fe, SheetTitle as pe, SheetTrigger as me, sheetVariants as he } from "./components/Sheet.js";
+import { Dialog as ge, DialogClose as _e, DialogContent as ve, DialogDescription as ye, DialogFooter as be, DialogHeader as xe, DialogTitle as Se, DialogTrigger as Ce } from "./components/Dialog.js";
+import { Checkbox as we } from "./components/Checkbox.js";
+import { Switch as Te } from "./components/Switch.js";
+import { RadioGroup as Ee, RadioGroupItem as De } from "./components/RadioGroup.js";
+export { x as Avatar, S as AvatarFallback, C as AvatarGroup, w as AvatarImage, s as Badge, t as Button, m as Card, h as CardContent, g as CardDescription, _ as CardFooter, v as CardHeader, y as CardTitle, we as Checkbox, K as Combobox, q as ComboboxChip, J as ComboboxChipRemove, Y as ComboboxChips, X as ComboboxClear, Z as ComboboxContent, Q as ComboboxControl, $ as ComboboxEmpty, ee as ComboboxGroup, te as ComboboxGroupLabel, ne as ComboboxInput, re as ComboboxItem, ie as ComboboxList, ae as ComboboxSeparator, oe as ComboboxTrigger, ge as Dialog, _e as DialogClose, ve as DialogContent, ye as DialogDescription, be as DialogFooter, xe as DialogHeader, Se as DialogTitle, Ce as DialogTrigger, T as DropdownMenu, E as DropdownMenuContent, D as DropdownMenuGroup, O as DropdownMenuItem, k as DropdownMenuLabel, A as DropdownMenuSeparator, j as DropdownMenuTrigger, a as IconButton, l as Input, M as Popover, N as PopoverClose, P as PopoverContent, F as PopoverDescription, I as PopoverTitle, L as PopoverTrigger, Ee as RadioGroup, De as RadioGroupItem, R as Select, z as SelectContent, B as SelectGroup, V as SelectItem, H as SelectLabel, U as SelectSeparator, W as SelectTrigger, G as SelectValue, p as Separator, se as Sheet, ce as SheetClose, le as SheetContent, ue as SheetDescription, de as SheetFooter, fe as SheetHeader, pe as SheetTitle, me as SheetTrigger, r as Spinner, Te as Switch, d as Textarea, c as badgeVariants, n as buttonVariants, b as cardVariants, e as cn, o as iconButtonVariants, u as inputVariants, he as sheetVariants, i as spinnerVariants, f as textareaVariants };