@burdenoff/fe-libs 2026.527.2 → 2026.527.3

package/dist/chrome/NotificationCenter.js

@@ -161,7 +161,7 @@ var te = ({ notification: e, onMarkAsRead: t, onDelete: n, onRedirect: r }) => {
 			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), p || t(i), f && r(f));
 		},
 		children: [
-			!p && /* @__PURE__ */ a("div", { className: "absolute top-3 left-1.5 w-2 h-2 rounded-full bg-action-primary-bg" }),
+			!p && /* @__PURE__ */ a("div", { className: "absolute top-3 left-1.5 size-2 rounded-full bg-action-primary-bg" }),
 			/* @__PURE__ */ a("div", {
 				className: "flex-shrink-0 mt-0.5 ml-2",
 				children: /* @__PURE__ */ a("span", {
@@ -181,6 +181,7 @@ var te = ({ notification: e, onMarkAsRead: t, onDelete: n, onRedirect: r }) => {
 						}), /* @__PURE__ */ o("div", {
 							className: "flex-shrink-0 flex items-center gap-0.5 opacity-0 group-hover:opacity-100 transition-opacity",
 							children: [!p && /* @__PURE__ */ a("button", {
+								type: "button",
 								onClick: (e) => {
 									e.stopPropagation(), t(i);
 								},
@@ -188,7 +189,7 @@ var te = ({ notification: e, onMarkAsRead: t, onDelete: n, onRedirect: r }) => {
 								title: "Mark as read",
 								"aria-label": "Mark as read",
 								children: /* @__PURE__ */ a("svg", {
-									className: "w-3.5 h-3.5",
+									className: "size-3.5",
 									fill: "none",
 									stroke: "currentColor",
 									viewBox: "0 0 24 24",
@@ -200,6 +201,7 @@ var te = ({ notification: e, onMarkAsRead: t, onDelete: n, onRedirect: r }) => {
 									})
 								})
 							}), /* @__PURE__ */ a("button", {
+								type: "button",
 								onClick: (e) => {
 									e.stopPropagation(), n(i);
 								},
@@ -207,7 +209,7 @@ var te = ({ notification: e, onMarkAsRead: t, onDelete: n, onRedirect: r }) => {
 								title: "Dismiss",
 								"aria-label": "Dismiss notification",
 								children: /* @__PURE__ */ a("svg", {
-									className: "w-3.5 h-3.5",
+									className: "size-3.5",
 									fill: "none",
 									stroke: "currentColor",
 									viewBox: "0 0 24 24",
@@ -241,13 +243,14 @@ var te = ({ notification: e, onMarkAsRead: t, onDelete: n, onRedirect: r }) => {
 								children: y(m)
 							}),
 							f && /* @__PURE__ */ o("button", {
+								type: "button",
 								onClick: (e) => {
 									e.stopPropagation(), r(f);
 								},
 								className: "inline-flex items-center gap-0.5 text-[10px] text-action-primary-bg hover:underline",
 								"aria-label": "Open link",
 								children: ["Open", /* @__PURE__ */ a("svg", {
-									className: "w-2.5 h-2.5",
+									className: "size-2.5",
 									fill: "none",
 									stroke: "currentColor",
 									viewBox: "0 0 24 24",
@@ -267,7 +270,7 @@ var te = ({ notification: e, onMarkAsRead: t, onDelete: n, onRedirect: r }) => {
 	});
 }, b = () => /* @__PURE__ */ o("div", {
 	className: "flex gap-3 p-3 rounded-card border border-border-subtle animate-pulse",
-	children: [/* @__PURE__ */ a("div", { className: "w-6 h-6 rounded bg-bg-muted flex-shrink-0" }), /* @__PURE__ */ o("div", {
+	children: [/* @__PURE__ */ a("div", { className: "size-6 rounded bg-bg-muted flex-shrink-0" }), /* @__PURE__ */ o("div", {
 		className: "flex-1 space-y-2",
 		children: [
 			/* @__PURE__ */ a("div", { className: "h-4 bg-bg-muted rounded w-3/4" }),
@@ -444,11 +447,12 @@ var te = ({ notification: e, onMarkAsRead: t, onDelete: n, onRedirect: r }) => {
 					className: "flex items-center gap-2",
 					children: [
 						T && /* @__PURE__ */ a("button", {
+							type: "button",
 							onClick: () => w(!1),
 							className: "p-1 rounded-button hover:bg-action-ghost-bg-hover text-text-primary",
 							"aria-label": "Close",
 							children: /* @__PURE__ */ a("svg", {
-								className: "w-5 h-5",
+								className: "size-5",
 								fill: "none",
 								stroke: "currentColor",
 								viewBox: "0 0 24 24",
@@ -461,7 +465,7 @@ var te = ({ notification: e, onMarkAsRead: t, onDelete: n, onRedirect: r }) => {
 							})
 						}),
 						/* @__PURE__ */ a("svg", {
-							className: "w-5 h-5 text-text-primary",
+							className: "size-5 text-text-primary",
 							fill: "none",
 							stroke: "currentColor",
 							viewBox: "0 0 24 24",
@@ -484,15 +488,17 @@ var te = ({ notification: e, onMarkAsRead: t, onDelete: n, onRedirect: r }) => {
 				}), /* @__PURE__ */ o("div", {
 					className: "flex items-center gap-2",
 					children: [k > 0 && /* @__PURE__ */ a("button", {
+						type: "button",
 						onClick: se,
 						className: "text-xs text-action-primary-bg hover:underline font-medium",
 						children: "Mark all read"
 					}), !T && /* @__PURE__ */ a("button", {
+						type: "button",
 						onClick: () => w(!1),
 						className: "p-1 rounded-button hover:bg-action-ghost-bg-hover text-text-tertiary",
 						"aria-label": "Close panel",
 						children: /* @__PURE__ */ a("svg", {
-							className: "w-4 h-4",
+							className: "size-4",
 							fill: "none",
 							stroke: "currentColor",
 							viewBox: "0 0 24 24",
@@ -581,7 +587,7 @@ var te = ({ notification: e, onMarkAsRead: t, onDelete: n, onRedirect: r }) => {
 					className: "flex flex-col items-center justify-center p-8 text-center",
 					children: [
 						/* @__PURE__ */ a("svg", {
-							className: "w-10 h-10 text-status-error-text mb-3",
+							className: "size-10 text-status-error-text mb-3",
 							fill: "none",
 							stroke: "currentColor",
 							viewBox: "0 0 24 24",
@@ -597,6 +603,7 @@ var te = ({ notification: e, onMarkAsRead: t, onDelete: n, onRedirect: r }) => {
 							children: "Failed to load notifications"
 						}),
 						/* @__PURE__ */ a("button", {
+							type: "button",
 							onClick: Y,
 							className: "text-xs text-action-primary-bg hover:underline font-medium",
 							children: "Try again"
@@ -606,7 +613,7 @@ var te = ({ notification: e, onMarkAsRead: t, onDelete: n, onRedirect: r }) => {
 					className: "flex flex-col items-center justify-center p-8 text-center",
 					children: [
 						/* @__PURE__ */ a("svg", {
-							className: "w-12 h-12 text-text-tertiary mb-3",
+							className: "size-12 text-text-tertiary mb-3",
 							fill: "none",
 							stroke: "currentColor",
 							viewBox: "0 0 24 24",
@@ -648,6 +655,7 @@ var te = ({ notification: e, onMarkAsRead: t, onDelete: n, onRedirect: r }) => {
 							N === 1 ? "" : "s"
 						]
 					}), h && /* @__PURE__ */ a("button", {
+						type: "button",
 						onClick: ue,
 						className: "text-xs text-action-primary-bg hover:underline font-medium",
 						children: "View All"
@@ -661,6 +669,7 @@ var te = ({ notification: e, onMarkAsRead: t, onDelete: n, onRedirect: r }) => {
 		className: "relative",
 		children: [
 			/* @__PURE__ */ o("button", {
+				type: "button",
 				onClick: ae,
 				className: "relative p-2 hover:bg-action-ghost-bg-hover rounded-button text-text-primary",
 				"aria-label": `Notifications${k > 0 ? ` (${k} unread)` : ""}`,

package/dist/chrome/PanelTabs.js

@@ -10,29 +10,32 @@ var o = ({ tabs: o, activeTabId: s, onTabClick: c, onClose: l, onMinimize: u, on
 			return /* @__PURE__ */ a("button", {
 				onClick: () => c(e.id),
 				className: `flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-t transition-colors ${e.id === s ? "bg-bg-surface text-text-primary border-b-2 border-action-primary-bg" : "text-text-secondary hover:text-text-primary hover:bg-bg-surface-hover"}`,
-				children: [t && /* @__PURE__ */ i(t, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ i("span", { children: e.title })]
+				children: [t && /* @__PURE__ */ i(t, { className: "size-3.5" }), /* @__PURE__ */ i("span", { children: e.title })]
 			}, e.id);
 		})
 	}), /* @__PURE__ */ a("div", {
 		className: "flex items-center gap-0.5",
 		children: [
 			u && /* @__PURE__ */ i("button", {
+				type: "button",
 				onClick: u,
 				className: "p-1 rounded text-text-tertiary hover:text-text-primary hover:bg-bg-surface-hover transition-colors",
 				"aria-label": "Minimize panel",
-				children: /* @__PURE__ */ i(n, { className: "w-3.5 h-3.5" })
+				children: /* @__PURE__ */ i(n, { className: "size-3.5" })
 			}),
 			d && /* @__PURE__ */ i("button", {
+				type: "button",
 				onClick: d,
 				className: "p-1 rounded text-text-tertiary hover:text-text-primary hover:bg-bg-surface-hover transition-colors",
 				"aria-label": f ? "Restore panel" : "Maximize panel",
-				children: i(f ? t : e, { className: "w-3.5 h-3.5" })
+				children: i(f ? t : e, { className: "size-3.5" })
 			}),
 			/* @__PURE__ */ i("button", {
+				type: "button",
 				onClick: l,
 				className: "p-1 rounded text-text-tertiary hover:text-text-primary hover:bg-bg-surface-hover transition-colors",
 				"aria-label": "Close panel",
-				children: /* @__PURE__ */ i(r, { className: "w-3.5 h-3.5" })
+				children: /* @__PURE__ */ i(r, { className: "size-3.5" })
 			})
 		]
 	})]

package/dist/chrome/PluginContextMenuTarget.js

@@ -57,7 +57,7 @@ var o = ({ targetId: o, children: s, className: c }) => {
 					role: "menuitem",
 					children: [/* @__PURE__ */ a("span", {
 						className: "flex items-center gap-2",
-						children: [t ? /* @__PURE__ */ i(t, { className: "h-4 w-4" }) : null, /* @__PURE__ */ i("span", { children: e.label })]
+						children: [t ? /* @__PURE__ */ i(t, { className: "size-4" }) : null, /* @__PURE__ */ i("span", { children: e.label })]
 					}), e.shortcut ? /* @__PURE__ */ i("span", {
 						className: "text-xs text-text-secondary",
 						children: e.shortcut

package/dist/chrome/ProductPickerSheet.js

@@ -24,10 +24,10 @@ var o = ({ open: o, onOpenChange: s, products: c, currentProductId: l, onProduct
 					className: `w-full flex items-center gap-4 px-4 py-3.5 text-body-sm transition-colors ${e.id === l ? "bg-action-ghost-bg-hover" : "hover:bg-action-ghost-bg-hover"}`,
 					children: [
 						e.icon ? /* @__PURE__ */ i("div", {
-							className: "w-10 h-10 rounded-lg bg-action-primary-bg/10 flex items-center justify-center flex-shrink-0",
+							className: "size-10 rounded-lg bg-action-primary-bg/10 flex items-center justify-center flex-shrink-0",
 							children: e.icon
 						}) : /* @__PURE__ */ i("div", {
-							className: "w-10 h-10 rounded-lg bg-action-primary-bg flex items-center justify-center flex-shrink-0",
+							className: "size-10 rounded-lg bg-action-primary-bg flex items-center justify-center flex-shrink-0",
 							children: /* @__PURE__ */ i("span", {
 								className: "text-action-primary-text font-bold text-sm",
 								children: e.name.substring(0, 2).toUpperCase()
@@ -44,7 +44,7 @@ var o = ({ open: o, onOpenChange: s, products: c, currentProductId: l, onProduct
 							})]
 						}),
 						e.id === l && /* @__PURE__ */ i("svg", {
-							className: "w-5 h-5 text-action-primary-bg flex-shrink-0",
+							className: "size-5 text-action-primary-bg flex-shrink-0",
 							fill: "currentColor",
 							viewBox: "0 0 20 20",
 							children: /* @__PURE__ */ i("path", {
@@ -54,7 +54,7 @@ var o = ({ open: o, onOpenChange: s, products: c, currentProductId: l, onProduct
 							})
 						}),
 						e.url && e.id !== l && /* @__PURE__ */ i("svg", {
-							className: "w-4 h-4 text-text-tertiary flex-shrink-0",
+							className: "size-4 text-text-tertiary flex-shrink-0",
 							fill: "none",
 							stroke: "currentColor",
 							viewBox: "0 0 24 24",

package/dist/chrome/ProductSideNav.js

@@ -20,7 +20,7 @@ function c({ logo: c, appName: l, groupOrder: u, groupLabels: d, mobileActions:
 		},
 		"aria-label": m,
 		children: [/* @__PURE__ */ i("div", {
-			className: "w-8 h-8 bg-action-primary-bg rounded-md flex items-center justify-center flex-shrink-0",
+			className: "size-8 bg-action-primary-bg rounded-md flex items-center justify-center flex-shrink-0",
 			children: /* @__PURE__ */ i("span", {
 				className: "text-action-primary-text font-bold text-sm",
 				children: c

package/dist/chrome/ProductSwitcher.js

@@ -22,7 +22,7 @@ var a = ({ products: a, currentProductId: o, onProductChange: s, compact: c = !1
 			"aria-expanded": l,
 			children: [
 				/* @__PURE__ */ r("div", {
-					className: "w-6 h-6 rounded flex items-center justify-center flex-shrink-0 text-white font-semibold text-xs",
+					className: "size-6 rounded flex items-center justify-center flex-shrink-0 text-white font-semibold text-xs",
 					style: { backgroundColor: f?.color || "#3b82f6" },
 					children: f?.icon || f?.name.charAt(0)
 				}),
@@ -61,7 +61,7 @@ var a = ({ products: a, currentProductId: o, onProductChange: s, compact: c = !1
 					className: `w-full flex items-center gap-3 px-4 py-2.5 text-body-sm transition-colors ${e.comingSoon ? "text-text-tertiary cursor-not-allowed opacity-60" : e.id === o ? "bg-action-ghost-bg-hover text-text-primary font-medium" : "text-text-primary hover:bg-action-ghost-bg-hover"}`,
 					children: [
 						/* @__PURE__ */ r("div", {
-							className: "w-8 h-8 rounded flex items-center justify-center flex-shrink-0 text-white font-semibold text-sm",
+							className: "size-8 rounded flex items-center justify-center flex-shrink-0 text-white font-semibold text-sm",
 							style: { backgroundColor: e.color || "#3b82f6" },
 							children: e.icon || e.name.charAt(0)
 						}),
@@ -73,7 +73,7 @@ var a = ({ products: a, currentProductId: o, onProductChange: s, compact: c = !1
 							className: "text-body-xs px-2 py-0.5 rounded-full bg-bg-sunken text-text-secondary border border-border-subtle",
 							children: "Coming soon"
 						}) : e.id === o && /* @__PURE__ */ r("svg", {
-							className: "w-5 h-5 text-action-primary-text",
+							className: "size-5 text-action-primary-text",
 							fill: "currentColor",
 							viewBox: "0 0 20 20",
 							children: /* @__PURE__ */ r("path", {

package/dist/chrome/ProfileSwitcher.js

@@ -20,7 +20,7 @@ var o = ({ user: o, accounts: s = [], activeAccountId: c, onViewProfile: l, onLo
 			"aria-expanded": h,
 			children: [
 				/* @__PURE__ */ i("div", {
-					className: "w-8 h-8 rounded-full bg-action-primary-bg flex items-center justify-center flex-shrink-0",
+					className: "size-8 rounded-full bg-action-primary-bg flex items-center justify-center flex-shrink-0",
 					children: o.avatar ? /* @__PURE__ */ i("img", {
 						src: o.avatar,
 						alt: `${o.firstName} ${o.lastName}`,
@@ -39,7 +39,7 @@ var o = ({ user: o, accounts: s = [], activeAccountId: c, onViewProfile: l, onLo
 					]
 				}),
 				!m && y && /* @__PURE__ */ i("span", {
-					className: "text-xs bg-action-primary-bg text-action-primary-text rounded-full w-5 h-5 flex items-center justify-center font-semibold",
+					className: "text-xs bg-action-primary-bg text-action-primary-text rounded-full size-5 flex items-center justify-center font-semibold",
 					children: s.length
 				}),
 				!m && /* @__PURE__ */ i("svg", {
@@ -62,7 +62,7 @@ var o = ({ user: o, accounts: s = [], activeAccountId: c, onViewProfile: l, onLo
 					className: "px-6 py-4 text-center border-b border-border-subtle",
 					children: [
 						/* @__PURE__ */ i("div", {
-							className: "w-20 h-20 mx-auto mb-3 rounded-full bg-action-primary-bg flex items-center justify-center",
+							className: "size-20 mx-auto mb-3 rounded-full bg-action-primary-bg flex items-center justify-center",
 							children: o.avatar ? /* @__PURE__ */ i("img", {
 								src: o.avatar,
 								alt: o.firstName,
@@ -103,6 +103,7 @@ var o = ({ user: o, accounts: s = [], activeAccountId: c, onViewProfile: l, onLo
 				l && /* @__PURE__ */ i("div", {
 					className: "px-4 py-2",
 					children: /* @__PURE__ */ i("button", {
+						type: "button",
 						onClick: () => {
 							l(), g(!1);
 						},
@@ -126,7 +127,7 @@ var o = ({ user: o, accounts: s = [], activeAccountId: c, onViewProfile: l, onLo
 								className: "flex items-center gap-3",
 								children: [
 									/* @__PURE__ */ i("div", {
-										className: "w-10 h-10 rounded-full bg-action-primary-bg flex items-center justify-center flex-shrink-0",
+										className: "size-10 rounded-full bg-action-primary-bg flex items-center justify-center flex-shrink-0",
 										children: e.avatar ? /* @__PURE__ */ i("img", {
 											src: e.avatar,
 											alt: e.name,
@@ -137,6 +138,7 @@ var o = ({ user: o, accounts: s = [], activeAccountId: c, onViewProfile: l, onLo
 										})
 									}),
 									/* @__PURE__ */ a("button", {
+										type: "button",
 										onClick: () => {
 											d && (d(e), g(!1));
 										},
@@ -154,13 +156,14 @@ var o = ({ user: o, accounts: s = [], activeAccountId: c, onViewProfile: l, onLo
 										})]
 									}),
 									p && /* @__PURE__ */ i("button", {
+										type: "button",
 										onClick: (t) => {
 											t.stopPropagation(), p(e.id);
 										},
-										className: "w-6 h-6 flex items-center justify-center rounded-full hover:bg-status-error-bg/20 text-text-tertiary hover:text-status-error-text transition-colors opacity-0 group-hover:opacity-100",
+										className: "size-6 flex items-center justify-center rounded-full hover:bg-status-error-bg/20 text-text-tertiary hover:text-status-error-text transition-colors opacity-0 group-hover:opacity-100",
 										"aria-label": "Remove account",
 										children: /* @__PURE__ */ i("svg", {
-											className: "w-4 h-4",
+											className: "size-4",
 											fill: "none",
 											stroke: "currentColor",
 											viewBox: "0 0 24 24",
@@ -182,12 +185,13 @@ var o = ({ user: o, accounts: s = [], activeAccountId: c, onViewProfile: l, onLo
 					children: /* @__PURE__ */ a("div", {
 						className: "grid grid-cols-2 gap-2",
 						children: [f && /* @__PURE__ */ a("button", {
+							type: "button",
 							onClick: () => {
 								f(), g(!1);
 							},
 							className: "flex items-center justify-center gap-2 px-3 py-2.5 text-body-sm font-medium text-text-primary bg-action-ghost-bg hover:bg-action-ghost-bg-hover rounded-button border border-border-default transition-colors",
 							children: [/* @__PURE__ */ i("svg", {
-								className: "w-4 h-4",
+								className: "size-4",
 								fill: "none",
 								stroke: "currentColor",
 								viewBox: "0 0 24 24",
@@ -199,12 +203,13 @@ var o = ({ user: o, accounts: s = [], activeAccountId: c, onViewProfile: l, onLo
 								})
 							}), /* @__PURE__ */ i("span", { children: "Add account" })]
 						}), u && /* @__PURE__ */ a("button", {
+							type: "button",
 							onClick: () => {
 								u(), g(!1);
 							},
 							className: "flex items-center justify-center gap-2 px-3 py-2.5 text-body-sm font-medium text-text-primary bg-action-ghost-bg hover:bg-action-ghost-bg-hover rounded-button border border-border-default transition-colors",
 							children: [/* @__PURE__ */ i("svg", {
-								className: "w-4 h-4",
+								className: "size-4",
 								fill: "none",
 								stroke: "currentColor",
 								viewBox: "0 0 24 24",

package/dist/chrome/ShortcutHelpDialog.js

@@ -56,10 +56,11 @@ var s = ({ isOpen: s, onClose: c, shortcuts: l }) => {
 						className: "text-text-secondary text-sm mt-1",
 						children: "Quickly navigate and perform actions using your keyboard"
 					})] }), /* @__PURE__ */ a("button", {
+						type: "button",
 						onClick: c,
 						className: "p-2 hover:bg-action-ghost-bg-hover rounded-button text-text-secondary transition-colors",
 						"aria-label": "Close",
-						children: /* @__PURE__ */ a(i, { className: "w-5 h-5" })
+						children: /* @__PURE__ */ a(i, { className: "size-5" })
 					})]
 				}),
 				/* @__PURE__ */ a("div", {

package/dist/chrome/SideNavigation.js

@@ -22,6 +22,7 @@ var p = (e, t) => f(e, t) ? !0 : e.children ? e.children.some((e) => p(e, t)) :
 	return /* @__PURE__ */ u("li", { children: [/* @__PURE__ */ l("div", {
 		className: "relative",
 		children: /* @__PURE__ */ u("button", {
+			type: "button",
 			onClick: () => {
 				if (c && t === 0 && d) {
 					o(e.homePath || e.children?.[0]?.path || e.path);
@@ -169,11 +170,12 @@ var p = (e, t) => f(e, t) ? !0 : e.children ? e.children.some((e) => p(e, t)) :
 			!p && _ && /* @__PURE__ */ l("div", {
 				className: "md:hidden flex justify-end px-2 pt-2",
 				children: /* @__PURE__ */ l("button", {
+					type: "button",
 					onClick: _,
 					className: "p-2 rounded-button hover:bg-action-ghost-bg-hover text-text-secondary hover:text-text-primary transition-colors",
 					"aria-label": "Close sidebar",
 					children: /* @__PURE__ */ l("svg", {
-						className: "w-5 h-5",
+						className: "size-5",
 						fill: "none",
 						stroke: "currentColor",
 						viewBox: "0 0 24 24",
@@ -192,6 +194,7 @@ var p = (e, t) => f(e, t) ? !0 : e.children ? e.children.some((e) => p(e, t)) :
 					className: T.size > 0 && !p ? "mr-8" : "",
 					children: y
 				}), !p && T.size > 0 && /* @__PURE__ */ l("button", {
+					type: "button",
 					onClick: () => {
 						E(/* @__PURE__ */ new Set());
 					},
@@ -199,7 +202,7 @@ var p = (e, t) => f(e, t) ? !0 : e.children ? e.children.some((e) => p(e, t)) :
 					title: "Collapse all",
 					"aria-label": "Collapse all menu items",
 					children: /* @__PURE__ */ l("svg", {
-						className: "w-4 h-4",
+						className: "size-4",
 						fill: "none",
 						stroke: "currentColor",
 						viewBox: "0 0 24 24",
@@ -283,7 +286,7 @@ var p = (e, t) => f(e, t) ? !0 : e.children ? e.children.some((e) => p(e, t)) :
 						"aria-label": e.label,
 						title: e.label,
 						children: /* @__PURE__ */ l("span", {
-							className: "w-5 h-5",
+							className: "size-5",
 							children: e.icon
 						})
 					}, e.id))
@@ -292,6 +295,7 @@ var p = (e, t) => f(e, t) ? !0 : e.children ? e.children.some((e) => p(e, t)) :
 			_ && /* @__PURE__ */ l("div", {
 				className: `hidden md:block py-4 border-t border-border-subtle ${p ? "px-2" : "px-card-padding"}`,
 				children: /* @__PURE__ */ u("button", {
+					type: "button",
 					onClick: _,
 					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 ${p ? "justify-center px-2" : "px-card-padding"}`,
 					"aria-label": p ? "Expand sidebar" : "Collapse sidebar",

package/dist/chrome/Sidebar.js

@@ -26,6 +26,7 @@ var a = ({ sections: a, isCollapsed: o = !1, onToggleCollapse: s, header: c, foo
 						children: [!o && /* @__PURE__ */ r("div", {
 							className: "px-card-padding mb-2",
 							children: t.collapsible ? /* @__PURE__ */ i("button", {
+								type: "button",
 								onClick: () => h(t.title),
 								className: "flex items-center justify-between w-full text-text-tertiary text-xs font-semibold uppercase tracking-wider hover:text-text-secondary transition-colors",
 								"aria-expanded": !a,

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 };

package/dist/form/FormLabel.js

@@ -1,24 +1,24 @@
 import { cn as e } from "../shared-utils.js";
 import { useFormField as t } from "./FormField.js";
-import * as n from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { cva as a } from "class-variance-authority";
-import * as o from "@radix-ui/react-label";
+import "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { cva as i } from "class-variance-authority";
+import * as a from "@radix-ui/react-label";
 //#region src/form/FormLabel.tsx
-var s = a("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"), c = n.forwardRef(({ className: n, required: a, children: c, ...l }, u) => {
+var o = i("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
+function s({ ref: i, className: s, required: c, children: l, ...u }) {
 	let { error: d, formItemId: f } = t();
-	return /* @__PURE__ */ i(o.Root, {
-		ref: u,
-		className: e(s(), d && "text-destructive", n),
+	return /* @__PURE__ */ r(a.Root, {
+		ref: i,
+		className: e(o(), d && "text-destructive", s),
 		htmlFor: f,
-		...l,
-		children: [c, a && /* @__PURE__ */ r("span", {
+		...u,
+		children: [l, c && /* @__PURE__ */ n("span", {
 			className: "ml-1 text-destructive",
 			"aria-label": "required",
 			children: "*"
 		})]
 	});
-});
-c.displayName = "FormLabel";
+}
 //#endregion
-export { c as FormLabel };
+export { s as FormLabel };

package/dist/form/FormMessage.js

@@ -1,20 +1,19 @@
 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/FormMessage.tsx
-var i = n.forwardRef(({ className: n, children: i, ...a }, o) => {
-	let { error: s, formMessageId: c } = t(), l = s ? String(s?.message) : i;
-	return l ? /* @__PURE__ */ r("p", {
-		ref: o,
+function r({ ref: r, className: i, children: a, ...o }) {
+	let { error: s, formMessageId: c } = t(), l = s ? String(s?.message) : a;
+	return l ? /* @__PURE__ */ n("p", {
+		ref: r,
 		id: c,
-		className: e("text-sm font-medium text-destructive", n),
+		className: e("text-sm font-medium text-destructive", i),
 		role: "alert",
 		"aria-live": "polite",
-		...a,
+		...o,
 		children: l
 	}) : null;
-});
-i.displayName = "FormMessage";
+}
 //#endregion
-export { i as FormMessage };
+export { r as FormMessage };