@burdenoff/fe-libs 2026.527.2 → 2026.527.4

package/dist/chrome/notificationCenter/constants.js

@@ -0,0 +1,93 @@
+//#region src/chrome/notificationCenter/constants.ts
+var e = {
+	URGENT: {
+		color: "text-status-error-text",
+		bgColor: "bg-status-error-bg",
+		label: "Urgent",
+		order: 0
+	},
+	HIGH: {
+		color: "text-status-warning-text",
+		bgColor: "bg-status-warning-bg",
+		label: "High",
+		order: 1
+	},
+	MEDIUM: {
+		color: "text-status-info-text",
+		bgColor: "bg-status-info-bg",
+		label: "Medium",
+		order: 2
+	},
+	LOW: {
+		color: "text-text-tertiary",
+		bgColor: "bg-bg-muted",
+		label: "Low",
+		order: 3
+	}
+}, t = {
+	SYSTEM: {
+		icon: "⚙️",
+		label: "System"
+	},
+	ALERT: {
+		icon: "⚠️",
+		label: "Alert"
+	},
+	TRANSACTIONAL: {
+		icon: "📋",
+		label: "Transaction"
+	},
+	MARKETING: {
+		icon: "📣",
+		label: "Marketing"
+	}
+}, n = [
+	{
+		value: "all",
+		label: "All"
+	},
+	{
+		value: "unread",
+		label: "Unread"
+	},
+	{
+		value: "read",
+		label: "Read"
+	}
+], r = [
+	{
+		value: "ALL",
+		label: "All"
+	},
+	{
+		value: "SYSTEM",
+		label: "System"
+	},
+	{
+		value: "ALERT",
+		label: "Alert"
+	},
+	{
+		value: "TRANSACTIONAL",
+		label: "Transactional"
+	},
+	{
+		value: "MARKETING",
+		label: "Marketing"
+	}
+];
+function i(e) {
+	let t = Date.now() - new Date(e).getTime(), n = Math.floor(t / 1e3), r = Math.floor(n / 60), i = Math.floor(r / 60), a = Math.floor(i / 24);
+	return n < 60 ? "Just now" : r < 60 ? `${r}m ago` : i < 24 ? `${i}h ago` : a < 7 ? `${a}d ago` : new Date(e).toLocaleDateString();
+}
+function a(t, n) {
+	let r = [...t];
+	switch (n) {
+		case "newest": return r.sort((e, t) => new Date(t.createdAt).getTime() - new Date(e.createdAt).getTime());
+		case "oldest": return r.sort((e, t) => new Date(e.createdAt).getTime() - new Date(t.createdAt).getTime());
+		case "priority": return r.sort((t, n) => (e[t.priority]?.order ?? 99) - (e[n.priority]?.order ?? 99));
+		default: return r;
+	}
+}
+//#endregion
+export { n as FILTER_TABS, e as PRIORITY_CONFIG, t as TYPE_CONFIG, r as TYPE_FILTERS, i as formatRelativeTime, a as sortNotifications };

package/dist/chrome/notificationCenter/gql.js

@@ -0,0 +1,58 @@
+import { gql as e } from "@apollo/client";
+//#region src/chrome/notificationCenter/gql.ts
+var t = e`
+  query GetNotifications($filter: NotificationFilterInput, $limit: Int, $offset: Int) {
+    notifications(filter: $filter, limit: $limit, offset: $offset) {
+      items {
+        id
+        title
+        message
+        type
+        priority
+        status
+        channel
+        appName
+        redirectUrl
+        isRead
+        readAt
+        createdAt
+      }
+      total
+      hasMore
+    }
+  }
+`, n = e`
+  query GetMyUnreadNotificationCount($filter: NotificationFilterInput) {
+    myUnreadNotificationCount(filter: $filter)
+  }
+`, r = e`
+  subscription MyUnreadNotificationCountStream($filter: NotificationFilterInput) {
+    myUnreadNotificationCountStream(filter: $filter)
+  }
+`, i = e`
+  query MyCountsByApp {
+    myNotificationCountsByApp
+  }
+`, a = e`
+  mutation MarkAsRead($id: ID!) {
+    markNotificationAsRead(id: $id) {
+      id
+      isRead
+      readAt
+      status
+    }
+  }
+`, o = e`
+  mutation MarkAllRead {
+    markAllMyNotificationsAsRead {
+      success
+      count
+    }
+  }
+`, s = e`
+  mutation DeleteNotification($id: ID!) {
+    deleteNotification(id: $id)
+  }
+`;
+//#endregion
+export { i as COUNTS_BY_APP_QUERY, s as DELETE_NOTIFICATION_MUTATION, o as MARK_ALL_READ_MUTATION, a as MARK_READ_MUTATION, r as MY_UNREAD_COUNT_SUBSCRIPTION, t as NOTIFICATIONS_QUERY, n as UNREAD_COUNT_QUERY };

package/dist/chrome/notificationCenter/useNotificationCenter.js

@@ -0,0 +1,149 @@
+import { COUNTS_BY_APP_QUERY as e, DELETE_NOTIFICATION_MUTATION as t, MARK_ALL_READ_MUTATION as n, MARK_READ_MUTATION as r, MY_UNREAD_COUNT_SUBSCRIPTION as i, NOTIFICATIONS_QUERY as a, UNREAD_COUNT_QUERY as o } from "./gql.js";
+import { useCallback as s, useEffect as c, useRef as l, useState as u } from "react";
+//#region src/chrome/notificationCenter/useNotificationCenter.ts
+function d({ client: d, isOpen: f, lazy: p, filterTab: m, typeFilter: h, appFilter: g }) {
+	let [_, v] = u([]), [y, b] = u(0), [x, S] = u({}), [C, w] = u(0), [T, E] = u(!1), [D, O] = u(null), k = l(d);
+	c(() => {
+		k.current = d;
+	}, [d]);
+	let A = s(async () => {
+		try {
+			let e = (await k.current.query({
+				query: o,
+				variables: { filter: {
+					channel: "IN_APP",
+					archived: !1
+				} },
+				fetchPolicy: "network-only"
+			})).data;
+			b(e?.myUnreadNotificationCount ?? 0);
+		} catch {}
+	}, []), [j, M] = u(!1);
+	c(() => {
+		let e = () => M(!0);
+		if (typeof window < "u" && "requestIdleCallback" in window) {
+			let t = window.requestIdleCallback(e, { timeout: 2e3 });
+			return () => {
+				window.cancelIdleCallback?.(t);
+			};
+		}
+		let t = setTimeout(e, 500);
+		return () => clearTimeout(t);
+	}, []), c(() => {
+		if (p || !j) return;
+		A();
+		let e = k.current.subscribe({
+			query: i,
+			variables: { filter: {
+				channel: "IN_APP",
+				archived: !1
+			} },
+			fetchPolicy: "no-cache"
+		}).subscribe({
+			next: (e) => {
+				let t = e.data;
+				typeof t?.myUnreadNotificationCountStream == "number" && b(t.myUnreadNotificationCountStream);
+			},
+			error: () => {}
+		}), t = setInterval(A, 300 * 1e3);
+		return () => {
+			e.unsubscribe(), clearInterval(t);
+		};
+	}, [
+		A,
+		p,
+		j
+	]);
+	let N = s(async () => {
+		E(!0), O(null);
+		try {
+			let e = {
+				channel: "IN_APP",
+				archived: !1
+			};
+			m === "unread" && (e.isRead = !1), m === "read" && (e.isRead = !0), h !== "ALL" && (e.type = h), g !== "ALL" && (e.appName = g);
+			let t = (await k.current.query({
+				query: a,
+				variables: {
+					filter: e,
+					limit: 20,
+					offset: 0
+				},
+				fetchPolicy: "network-only"
+			})).data?.notifications;
+			t && (v(t.items ?? []), w(t.total ?? 0));
+		} catch (e) {
+			O(e instanceof Error ? e.message : "Failed to load notifications");
+		} finally {
+			E(!1);
+		}
+	}, [
+		m,
+		h,
+		g
+	]), P = s(async () => {
+		try {
+			let t = (await k.current.query({
+				query: e,
+				fetchPolicy: "network-only"
+			})).data;
+			S(t?.myNotificationCountsByApp ?? {});
+		} catch {}
+	}, []);
+	return c(() => {
+		f && (p && A(), N(), P(), A());
+	}, [
+		f,
+		N,
+		P,
+		A,
+		p
+	]), {
+		notifications: _,
+		unreadCount: y,
+		countsByApp: x,
+		totalCount: C,
+		loading: T,
+		error: D,
+		fetchNotifications: N,
+		handleMarkAsRead: s(async (e) => {
+			try {
+				await k.current.mutate({
+					mutation: r,
+					variables: { id: e }
+				}), v((t) => t.map((t) => t.id === e ? {
+					...t,
+					isRead: !0,
+					readAt: (/* @__PURE__ */ new Date()).toISOString()
+				} : t)), b((e) => Math.max(0, e - 1));
+			} catch (e) {
+				console.error("Failed to mark notification as read:", e);
+			}
+		}, []),
+		handleMarkAllAsRead: s(async () => {
+			try {
+				await k.current.mutate({ mutation: n }), v((e) => e.map((e) => ({
+					...e,
+					isRead: !0,
+					readAt: e.readAt || (/* @__PURE__ */ new Date()).toISOString()
+				}))), b(0);
+			} catch (e) {
+				console.error("Failed to mark all notifications as read:", e);
+			}
+		}, []),
+		handleDelete: s(async (e) => {
+			try {
+				await k.current.mutate({
+					mutation: t,
+					variables: { id: e }
+				});
+				let n = _.find((t) => t.id === e);
+				v((t) => t.filter((t) => t.id !== e)), w((e) => Math.max(0, e - 1)), n && !n.isRead && b((e) => Math.max(0, e - 1));
+			} catch (e) {
+				console.error("Failed to delete notification:", e);
+			}
+		}, [_])
+	};
+}
+//#endregion
+export { d as useNotificationCenter };

package/dist/chrome/notificationCenter/usePanelChrome.js

@@ -0,0 +1,36 @@
+import { useEffect as e, useState as t } from "react";
+//#region src/chrome/notificationCenter/usePanelChrome.ts
+function n() {
+	let [n, r] = t(!1);
+	return e(() => {
+		let e = window.matchMedia("(max-width: 767px)");
+		r(e.matches);
+		let t = (e) => r(e.matches);
+		return e.addEventListener("change", t), () => e.removeEventListener("change", t);
+	}, []), { isMobile: n };
+}
+function r(t, n, r, i) {
+	e(() => {
+		if (!t || n) return;
+		let e = (e) => {
+			r.current && !r.current.contains(e.target) && i();
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [
+		t,
+		n,
+		r,
+		i
+	]);
+}
+function i(t, n) {
+	e(() => {
+		if (!t) return;
+		let e = (e) => {
+			e.key === "Escape" && n();
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [t, n]);
+}
+//#endregion
+export { i as useEscapeClose, r as useOutsideClickClose, n as usePanelChrome };

package/dist/chrome/sideNavigation/CollapseToggle.js

@@ -0,0 +1,29 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/chrome/sideNavigation/CollapseToggle.tsx
+var n = ({ collapsed: n, collapseLabel: r, onToggleCollapse: i }) => /* @__PURE__ */ e("div", {
+	className: `hidden md:block py-4 border-t border-border-subtle ${n ? "px-2" : "px-card-padding"}`,
+	children: /* @__PURE__ */ t("button", {
+		type: "button",
+		onClick: i,
+		className: `w-full flex items-center gap-icon-gap py-2 rounded-button text-text-secondary hover:bg-action-ghost-bg-hover hover:text-text-primary transition-colors ${n ? "justify-center px-2" : "px-card-padding"}`,
+		"aria-label": n ? "Expand sidebar" : "Collapse sidebar",
+		title: n ? "Expand sidebar" : "Collapse sidebar",
+		children: [/* @__PURE__ */ e("svg", {
+			className: `w-icon-md h-icon-md transition-transform ${n ? "rotate-180" : ""}`,
+			fill: "none",
+			stroke: "currentColor",
+			viewBox: "0 0 24 24",
+			children: /* @__PURE__ */ e("path", {
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				strokeWidth: 2,
+				d: "M15 19l-7-7 7-7"
+			})
+		}), !n && /* @__PURE__ */ e("span", {
+			className: "text-body-sm font-medium",
+			children: r
+		})]
+	})
+});
+//#endregion
+export { n as CollapseToggle };

package/dist/chrome/sideNavigation/MobileActionsBar.js

@@ -0,0 +1,25 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/chrome/sideNavigation/MobileActionsBar.tsx
+var n = ({ actions: n, collapsed: r, onToggleCollapse: i }) => /* @__PURE__ */ t("div", {
+	className: "md:hidden py-4 px-4 border-t border-border-subtle bg-bg-canvas/50",
+	children: [/* @__PURE__ */ e("p", {
+		className: "text-caption text-text-tertiary mb-3 font-medium uppercase tracking-wider",
+		children: "Quick Actions"
+	}), /* @__PURE__ */ e("div", {
+		className: "flex items-center justify-center gap-3",
+		children: n.map((t) => /* @__PURE__ */ e("button", {
+			onClick: () => {
+				t.onClick(), t.closeSidebar !== !1 && i && !r && i();
+			},
+			className: `flex items-center justify-center w-12 h-12 rounded-xl text-body-sm font-medium transition-all ${t.isToggle && t.isActive ? "bg-action-primary-bg text-action-primary-text shadow-sm" : "bg-bg-surface text-text-primary hover:bg-action-ghost-bg-hover border border-border-subtle hover:border-border-default active:scale-95"}`,
+			"aria-label": t.label,
+			title: t.label,
+			children: /* @__PURE__ */ e("span", {
+				className: "size-5",
+				children: t.icon
+			})
+		}, t.id))
+	})]
+});
+//#endregion
+export { n as MobileActionsBar };

package/dist/chrome/sideNavigation/NavItemRenderer.js

@@ -0,0 +1,79 @@
+import { isItemDirectlyActive as e, isItemOrChildActive as t } from "./helpers.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/chrome/sideNavigation/NavItemRenderer.tsx
+var i = ({ item: a, depth: o, maxDepth: s, currentPath: c, expandedItems: l, toggleExpand: u, onItemClick: d, onToggleCollapse: f, collapsed: p }) => {
+	let m = a.children && a.children.length > 0 && o < s, h = l.has(a.id), g = t(a, c), _ = e(a, c), v = o === 0 ? "w-icon-md h-icon-md" : "w-4 h-4";
+	return /* @__PURE__ */ r("li", { children: [/* @__PURE__ */ n("div", {
+		className: "relative",
+		children: /* @__PURE__ */ r("button", {
+			type: "button",
+			onClick: () => {
+				if (p && o === 0 && m) {
+					d(a.homePath || a.children?.[0]?.path || a.path);
+					return;
+				}
+				m ? u(a.id) : (d(a.path), window.innerWidth < 768 && f && !p && f());
+			},
+			className: `
+            w-full flex items-center gap-icon-gap ${o === 0 ? "py-2" : "py-1.5"} rounded-button
+            transition-colors duration-200 ease-out
+            active:scale-[0.98]
+            ${p && o === 0 ? "md:px-2 md:justify-center" : "px-card-padding"}
+            ${_ && !m ? "bg-action-primary-bg text-action-primary-text shadow-sm" : g && !h ? "bg-action-ghost-bg-hover text-text-primary" : "text-text-secondary hover:bg-action-ghost-bg-hover hover:text-text-primary"}
+          `,
+			"aria-label": a.label,
+			children: [
+				a.icon && /* @__PURE__ */ n("div", {
+					className: `${v} flex-shrink-0 flex items-center justify-center [&>svg]:w-full [&>svg]:h-full [&>svg]:stroke-[1.75]`,
+					children: typeof a.icon == "string" ? /* @__PURE__ */ n("svg", {
+						className: "w-full h-full",
+						fill: "none",
+						stroke: "currentColor",
+						viewBox: "0 0 24 24",
+						children: /* @__PURE__ */ n("path", {
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							strokeWidth: 2,
+							d: a.icon
+						})
+					}) : a.icon
+				}),
+				/* @__PURE__ */ n("span", {
+					className: `text-body-sm font-medium flex-1 text-left ${p && o === 0 ? "md:hidden" : ""}`,
+					children: a.label
+				}),
+				a.badge !== void 0 && a.badge > 0 && /* @__PURE__ */ n("span", {
+					className: `text-xs bg-status-error-bg text-status-error-text px-2 py-0.5 rounded-pill ${p && o === 0 ? "md:hidden" : ""}`,
+					children: a.badge
+				}),
+				m && !(p && o === 0) && /* @__PURE__ */ n("svg", {
+					className: `w-4 h-4 transition-transform ${h ? "rotate-90" : ""}`,
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24",
+					children: /* @__PURE__ */ n("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: 2,
+						d: "M9 5l7 7-7 7"
+					})
+				})
+			]
+		})
+	}), m && h && !p && /* @__PURE__ */ n("ul", {
+		className: "mt-1 ml-6 space-y-1 border-l border-border-subtle pl-3 animate-in fade-in-0 slide-in-from-top-2 duration-200",
+		children: a.children.map((e) => /* @__PURE__ */ n(i, {
+			item: e,
+			depth: o + 1,
+			maxDepth: s,
+			currentPath: c,
+			expandedItems: l,
+			toggleExpand: u,
+			onItemClick: d,
+			onToggleCollapse: f,
+			collapsed: p
+		}, e.id))
+	})] });
+};
+//#endregion
+export { i as NavItemRenderer };

package/dist/chrome/sideNavigation/SidebarHeader.js

@@ -0,0 +1,29 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/chrome/sideNavigation/SidebarHeader.tsx
+var n = ({ header: n, collapsed: r, expandedCount: i, onCollapseAll: a }) => /* @__PURE__ */ t("div", {
+	className: `py-card-padding border-b border-border-subtle ${r ? "md:px-2" : "px-card-padding"} relative`,
+	children: [/* @__PURE__ */ e("div", {
+		className: i > 0 && !r ? "mr-8" : "",
+		children: n
+	}), !r && i > 0 && /* @__PURE__ */ e("button", {
+		type: "button",
+		onClick: a,
+		className: "absolute top-1/2 -translate-y-1/2 right-3 p-1.5 rounded-button hover:bg-action-ghost-bg-hover text-text-secondary hover:text-text-primary transition-colors",
+		title: "Collapse all",
+		"aria-label": "Collapse all menu items",
+		children: /* @__PURE__ */ e("svg", {
+			className: "size-4",
+			fill: "none",
+			stroke: "currentColor",
+			viewBox: "0 0 24 24",
+			children: /* @__PURE__ */ e("path", {
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				strokeWidth: 2,
+				d: "M5 15l7-7 7 7"
+			})
+		})
+	})]
+});
+//#endregion
+export { n as SidebarHeader };

package/dist/chrome/sideNavigation/helpers.js

@@ -0,0 +1,19 @@
+//#region src/chrome/sideNavigation/helpers.ts
+function e(e, t, n = !1) {
+	return e ? e === "/" ? t === "/" : n ? t === e : t === e || t.startsWith(`${e}/`) : !1;
+}
+function t(t, n) {
+	return e(t.path, n, t.exact) || e(t.homePath, n, t.exact);
+}
+var n = (e, r) => t(e, r) ? !0 : e.children ? e.children.some((e) => n(e, r)) : !1, r = (e, n, i = []) => {
+	for (let a of e) {
+		if (a.children && a.children.length > 0) {
+			let e = r(a.children, n, [...i, a.id]);
+			if (e.size > 0 || a.children.some((e) => t(e, n))) return e.add(a.id), i.forEach((t) => e.add(t)), e;
+		}
+		if (t(a, n)) return new Set(i);
+	}
+	return /* @__PURE__ */ new Set();
+};
+//#endregion
+export { r as findAncestorIds, t as isItemDirectlyActive, n as isItemOrChildActive };

package/dist/chrome/sideNavigation/useSideNavigationState.js

@@ -0,0 +1,45 @@
+import { findAncestorIds as e } from "./helpers.js";
+import { useCallback as t, useEffect as n, useRef as r, useState as i } from "react";
+//#region src/chrome/sideNavigation/useSideNavigationState.ts
+function a({ items: a, currentPath: o, collapsed: s, onToggleCollapse: c }) {
+	let [l, u] = i(/* @__PURE__ */ new Set()), d = r(s);
+	return n(() => {
+		d.current = s;
+	}, [s]), n(() => {
+		let t = e(a, o);
+		t.size > 0 && u((e) => {
+			let n = new Set(e), r = !1;
+			return t.forEach((e) => {
+				n.has(e) || (n.add(e), r = !0);
+			}), r ? n : e;
+		});
+	}, [o, a]), n(() => {
+		if (typeof window > "u" || !c) return;
+		let e = window.innerWidth < 768, t = () => {
+			let t = window.innerWidth < 768;
+			t && (!e || !d.current) && c(), e = t;
+		};
+		return t(), window.addEventListener("resize", t), () => {
+			window.removeEventListener("resize", t);
+		};
+	}, [c]), n(() => {
+		if (s) return;
+		let e = (e) => {
+			e.key === "Escape" && c && c();
+		};
+		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+	}, [s, c]), {
+		expandedItems: l,
+		toggleExpand: t((e) => {
+			u((t) => {
+				let n = new Set(t);
+				return n.has(e) ? n.delete(e) : n.add(e), n;
+			});
+		}, []),
+		collapseAll: t(() => {
+			u(/* @__PURE__ */ new Set());
+		}, [])
+	};
+}
+//#endregion
+export { a as useSideNavigationState };

package/dist/form/Checkbox.js

@@ -1,18 +1,20 @@
 import { cn as e } from "../shared-utils.js";
-import * as t from "react";
-import { Check as n } from "lucide-react";
-import { jsx as r } from "react/jsx-runtime";
-import * as i from "@radix-ui/react-checkbox";
+import "react";
+import { Check as t } from "lucide-react";
+import { jsx as n } from "react/jsx-runtime";
+import * as r from "@radix-ui/react-checkbox";
 //#region src/form/Checkbox.tsx
-var a = t.forwardRef(({ className: t, ...a }, o) => /* @__PURE__ */ r(i.Root, {
-	ref: o,
-	className: e("peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", "disabled:cursor-not-allowed disabled:opacity-50", "data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground", t),
-	...a,
-	children: /* @__PURE__ */ r(i.Indicator, {
-		className: e("flex items-center justify-center text-current"),
-		children: /* @__PURE__ */ r(n, { className: "h-4 w-4" })
-	})
-}));
-a.displayName = i.Root.displayName;
+function i({ ref: i, className: a, ...o }) {
+	return /* @__PURE__ */ n(r.Root, {
+		ref: i,
+		className: e("peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", "disabled:cursor-not-allowed disabled:opacity-50", "data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground", a),
+		...o,
+		children: /* @__PURE__ */ n(r.Indicator, {
+			className: e("flex items-center justify-center text-current"),
+			children: /* @__PURE__ */ n(t, { className: "size-4" })
+		})
+	});
+}
+i.displayName = r.Root.displayName;
 //#endregion
-export { a as Checkbox };
+export { i as Checkbox };

package/dist/form/FormDescription.js

@@ -1,17 +1,16 @@
 import { cn as e } from "../shared-utils.js";
 import { useFormField as t } from "./FormField.js";
-import * as n from "react";
-import { jsx as r } from "react/jsx-runtime";
+import "react";
+import { jsx as n } from "react/jsx-runtime";
 //#region src/form/FormDescription.tsx
-var i = n.forwardRef(({ className: n, ...i }, a) => {
+function r({ ref: r, className: i, ...a }) {
 	let { formDescriptionId: o } = t();
-	return /* @__PURE__ */ r("p", {
-		ref: a,
+	return /* @__PURE__ */ n("p", {
+		ref: r,
 		id: o,
-		className: e("text-sm text-muted-foreground", n),
-		...i
+		className: e("text-sm text-muted-foreground", i),
+		...a
 	});
-});
-i.displayName = "FormDescription";
+}
 //#endregion
-export { i as FormDescription };
+export { r as FormDescription };

package/dist/form/FormField.js

@@ -5,7 +5,7 @@ import { Controller as r, useFormContext as i } from "react-hook-form";
 //#region src/form/FormField.tsx
 var a = t.createContext({});
 function o() {
-	let e = t.useContext(a), n = t.useContext(c), { getFieldState: r, formState: o } = i(), s = r(e.name, o);
+	let e = t.use(a), n = t.use(c), { getFieldState: r, formState: o } = i(), s = r(e.name, o);
 	if (!e) throw Error("useFormField must be used within a FormField");
 	let { id: l } = n;
 	return {
@@ -23,28 +23,27 @@ function s({ ...e }) {
 		children: /* @__PURE__ */ n(r, { ...e })
 	});
 }
-var c = t.createContext({}), l = t.forwardRef(({ className: r, ...i }, a) => {
+var c = t.createContext({});
+function l({ ref: r, className: i, ...a }) {
 	let o = t.useId();
 	return /* @__PURE__ */ n(c.Provider, {
 		value: { id: o },
 		children: /* @__PURE__ */ n("div", {
-			ref: a,
-			className: e("space-y-2", r),
-			...i
+			ref: r,
+			className: e("space-y-2", i),
+			...a
 		})
 	});
-});
-l.displayName = "FormItem";
-var u = t.forwardRef(({ ...e }, t) => {
+}
+function u({ ref: e, ...t }) {
 	let { error: r, formItemId: i, formDescriptionId: a, formMessageId: s } = o();
 	return /* @__PURE__ */ n("div", {
-		ref: t,
+		ref: e,
 		id: i,
 		"aria-describedby": r ? `${a} ${s}` : `${a}`,
 		"aria-invalid": !!r,
-		...e
+		...t
 	});
-});
-u.displayName = "FormControl";
+}
 //#endregion
 export { u as FormControl, s as FormField, l as FormItem, o as useFormField };