@burdenoff/fe-libs 2026.527.2 → 2026.527.3

package/dist/button/Button.js

@@ -1,10 +1,10 @@
 import { cn as e } from "../shared-utils.js";
-import * as t from "react";
-import { jsx as n } from "react/jsx-runtime";
-import { Slot as r } from "@radix-ui/react-slot";
-import { cva as i } from "class-variance-authority";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+import { Slot as n } from "@radix-ui/react-slot";
+import { cva as r } from "class-variance-authority";
 //#region src/button/Button.tsx
-var a = i("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all duration-200 ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 active:scale-[0.98] hover:shadow-md", {
+var i = r("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all duration-200 ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 active:scale-[0.98] hover:shadow-md", {
 	variants: {
 		variant: {
 			default: "bg-primary text-primary-foreground shadow hover:bg-primary/90 hover:shadow-lg active:shadow-sm",
@@ -25,15 +25,17 @@ var a = i("inline-flex items-center justify-center gap-2 whitespace-nowrap round
 		variant: "default",
 		size: "default"
 	}
-}), o = t.forwardRef(({ className: t, variant: i, size: o, asChild: s = !1, ...c }, l) => /* @__PURE__ */ n(s ? r : "button", {
-	className: e(a({
-		variant: i,
-		size: o,
-		className: t
-	})),
-	ref: l,
-	...c
-}));
-o.displayName = "Button";
+});
+function a({ ref: r, className: a, variant: o, size: s, asChild: c = !1, ...l }) {
+	return /* @__PURE__ */ t(c ? n : "button", {
+		className: e(i({
+			variant: o,
+			size: s,
+			className: a
+		})),
+		ref: r,
+		...l
+	});
+}
 //#endregion
-export { o as Button };
+export { a as Button };

package/dist/chrome/AccountSwitcher.js

@@ -37,7 +37,7 @@ var f = ({ accounts: f, activeAccountId: p, onSwitchAccount: m, onAddAccount: h,
 			},
 			children: [
 				/* @__PURE__ */ c("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__ */ c("img", {
 						src: e.avatar,
 						alt: e.name,
@@ -58,7 +58,7 @@ var f = ({ accounts: f, activeAccountId: p, onSwitchAccount: m, onAddAccount: h,
 					})]
 				}),
 				t && /* @__PURE__ */ c("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__ */ c("path", {
@@ -68,13 +68,14 @@ var f = ({ accounts: f, activeAccountId: p, onSwitchAccount: m, onAddAccount: h,
 					})
 				}),
 				!t && g && /* @__PURE__ */ c("button", {
+					type: "button",
 					onClick: (t) => {
 						t.stopPropagation(), g(e.id);
 					},
 					className: "p-1 rounded hover:bg-status-error-bg/20 text-text-tertiary hover:text-status-error-text transition-colors",
 					"aria-label": `Remove ${e.name}`,
 					children: /* @__PURE__ */ c("svg", {
-						className: "w-4 h-4",
+						className: "size-4",
 						fill: "none",
 						stroke: "currentColor",
 						viewBox: "0 0 24 24",
@@ -106,12 +107,13 @@ var f = ({ accounts: f, activeAccountId: p, onSwitchAccount: m, onAddAccount: h,
 		/* @__PURE__ */ l("div", {
 			className: "p-2 space-y-1",
 			children: [h && /* @__PURE__ */ l("button", {
+				type: "button",
 				onClick: () => {
 					h(), b(!1);
 				},
 				className: "w-full flex items-center gap-3 px-3 py-2 rounded-lg text-text-primary hover:bg-action-ghost-bg-hover transition-colors",
 				children: [/* @__PURE__ */ c("svg", {
-					className: "w-5 h-5",
+					className: "size-5",
 					fill: "none",
 					stroke: "currentColor",
 					viewBox: "0 0 24 24",
@@ -126,12 +128,13 @@ var f = ({ accounts: f, activeAccountId: p, onSwitchAccount: m, onAddAccount: h,
 					children: "Add Another Account"
 				})]
 			}), _ && f.length > 0 && /* @__PURE__ */ l("button", {
+				type: "button",
 				onClick: () => {
 					_(), b(!1);
 				},
 				className: "w-full flex items-center gap-3 px-3 py-2 rounded-lg text-status-error-text hover:bg-status-error-bg/10 transition-colors",
 				children: [/* @__PURE__ */ c("svg", {
-					className: "w-5 h-5",
+					className: "size-5",
 					fill: "none",
 					stroke: "currentColor",
 					viewBox: "0 0 24 24",
@@ -154,7 +157,7 @@ var f = ({ accounts: f, activeAccountId: p, onSwitchAccount: m, onAddAccount: h,
 		"aria-expanded": y,
 		children: [
 			C && /* @__PURE__ */ c("div", {
-				className: "w-8 h-8 rounded-full bg-action-primary-bg flex items-center justify-center",
+				className: "size-8 rounded-full bg-action-primary-bg flex items-center justify-center",
 				children: C.avatar ? /* @__PURE__ */ c("img", {
 					src: C.avatar,
 					alt: C.name,
@@ -182,7 +185,7 @@ var f = ({ accounts: f, activeAccountId: p, onSwitchAccount: m, onAddAccount: h,
 						d: "M19 9l-7 7-7-7"
 					})
 				}), /* @__PURE__ */ c("span", {
-					className: "absolute -top-1 -right-1 w-3 h-3 text-[10px] bg-action-primary-bg text-action-primary-text rounded-full flex items-center justify-center font-bold",
+					className: "absolute -top-1 -right-1 size-3 text-[10px] bg-action-primary-bg text-action-primary-text rounded-full flex items-center justify-center font-bold",
 					children: f.length
 				})]
 			})

package/dist/chrome/AutoBreadcrumbs.js

@@ -53,6 +53,7 @@ function m() {
 			className: "flex items-center gap-spacing-xs text-body-sm flex-wrap",
 			children: [
 				/* @__PURE__ */ o("li", { children: /* @__PURE__ */ s("button", {
+					type: "button",
 					onClick: () => p("/"),
 					className: "flex items-center gap-icon-gap text-text-secondary hover:text-text-primary transition-colors",
 					"aria-label": "Home",
@@ -71,6 +72,7 @@ function m() {
 						className: "text-text-primary font-medium truncate max-w-[200px] sm:max-w-none",
 						children: e.label
 					}) : /* @__PURE__ */ o("button", {
+						type: "button",
 						onClick: () => p(e.path),
 						className: "text-text-secondary hover:text-text-primary transition-colors truncate max-w-[120px] sm:max-w-[200px]",
 						children: e.label

package/dist/chrome/Breadcrumbs.js

@@ -29,6 +29,7 @@ var a = ({ items: a, separator: o, showHome: s = !0, onHomeClick: c, maxItems: l
 		children: /* @__PURE__ */ i("ol", {
 			className: "flex items-center gap-icon-gap",
 			children: [s && /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r("button", {
+				type: "button",
 				onClick: c,
 				className: "text-text-secondary hover:text-text-primary transition-colors p-1 rounded hover:bg-action-ghost-bg-hover",
 				"aria-label": "Home",
@@ -55,6 +56,7 @@ var a = ({ items: a, separator: o, showHome: s = !0, onHomeClick: c, maxItems: l
 					className: "text-text-tertiary px-2",
 					children: "..."
 				}) : n.href || n.onClick ? /* @__PURE__ */ i("button", {
+					type: "button",
 					onClick: n.onClick || (() => {}),
 					className: e("flex items-center gap-icon-gap px-2 py-1 rounded transition-colors", n.isCurrentPage ? "text-text-primary font-medium pointer-events-none" : "text-text-secondary hover:text-text-primary hover:bg-action-ghost-bg-hover"),
 					"aria-current": n.isCurrentPage ? "page" : void 0,

package/dist/chrome/CommandPalette.js

@@ -98,7 +98,7 @@ function d({ actions: l, shortcuts: d = [], placeholder: f = "Type a command or
 					/* @__PURE__ */ c("div", {
 						className: "flex items-center border-b px-3",
 						children: [
-							/* @__PURE__ */ s(a, { className: "h-4 w-4 mr-2 flex-shrink-0 opacity-50" }),
+							/* @__PURE__ */ s(a, { className: "size-4 mr-2 flex-shrink-0 opacity-50" }),
 							/* @__PURE__ */ s("input", {
 								type: "text",
 								placeholder: f,
@@ -108,10 +108,11 @@ function d({ actions: l, shortcuts: d = [], placeholder: f = "Type a command or
 								autoFocus: !0
 							}),
 							g && /* @__PURE__ */ s("button", {
+								type: "button",
 								onClick: () => _(""),
 								className: "ml-2 rounded-sm opacity-70 hover:opacity-100",
 								"aria-label": "Clear search",
-								children: /* @__PURE__ */ s(o, { className: "h-4 w-4" })
+								children: /* @__PURE__ */ s(o, { className: "size-4" })
 							})
 						]
 					}),
@@ -128,10 +129,11 @@ function d({ actions: l, shortcuts: d = [], placeholder: f = "Type a command or
 							}), n.map((t) => {
 								let n = t.icon, r = w;
 								return w++, /* @__PURE__ */ c("button", {
+									type: "button",
 									onClick: () => void x(t),
 									className: e("w-full flex items-start gap-2 px-2 py-2 text-sm rounded-md transition-colors text-left", r === v ? "bg-accent" : "hover:bg-accent/50"),
 									children: [
-										n && /* @__PURE__ */ s(n, { className: "h-4 w-4 mt-0.5 flex-shrink-0" }),
+										n && /* @__PURE__ */ s(n, { className: "size-4 mt-0.5 flex-shrink-0" }),
 										/* @__PURE__ */ c("div", {
 											className: "flex-1 min-w-0",
 											children: [/* @__PURE__ */ s("div", {

package/dist/chrome/ContextSwitcher.js

@@ -15,7 +15,7 @@ var f = ({ value: e, onChange: t, placeholder: n, inputRef: r }) => /* @__PURE__
 		className: "relative",
 		children: [
 			/* @__PURE__ */ l("svg", {
-				className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--color-text-tertiary)]",
+				className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-[var(--color-text-tertiary)]",
 				fill: "none",
 				stroke: "currentColor",
 				viewBox: "0 0 24 24",
@@ -35,11 +35,12 @@ var f = ({ value: e, onChange: t, placeholder: n, inputRef: r }) => /* @__PURE__
 				className: "w-full pl-9 pr-8 py-2 text-sm bg-[var(--color-bg-surface)] border border-[var(--color-border-subtle)] rounded-md focus:outline-none focus:ring-2 focus:ring-[var(--color-action-primary-border)] focus:border-transparent text-[var(--color-text-primary)] placeholder:text-[var(--color-text-tertiary)] transition-all duration-200"
 			}),
 			e && /* @__PURE__ */ l("button", {
+				type: "button",
 				onClick: () => t(""),
 				className: "absolute right-2 top-1/2 -translate-y-1/2 p-1 rounded-md hover:bg-[var(--color-action-ghost-bgHover)] text-[var(--color-text-tertiary)] hover:text-[var(--color-text-primary)] transition-all duration-150 ease-out",
 				"aria-label": "Clear search",
 				children: /* @__PURE__ */ l("svg", {
-					className: "w-4 h-4",
+					className: "size-4",
 					fill: "none",
 					stroke: "currentColor",
 					viewBox: "0 0 24 24",
@@ -57,7 +58,7 @@ var f = ({ value: e, onChange: t, placeholder: n, inputRef: r }) => /* @__PURE__
 	className: "px-4 py-8 text-center animate-in fade-in-0 duration-200",
 	children: t ? /* @__PURE__ */ u(c, { children: [
 		/* @__PURE__ */ l("svg", {
-			className: "w-8 h-8 mx-auto mb-2 text-[var(--color-text-tertiary)]",
+			className: "size-8 mx-auto mb-2 text-[var(--color-text-tertiary)]",
 			fill: "none",
 			stroke: "currentColor",
 			viewBox: "0 0 24 24",
@@ -172,7 +173,7 @@ var f = ({ value: e, onChange: t, placeholder: n, inputRef: r }) => /* @__PURE__
 						style: { animationDelay: `${t * 30}ms` },
 						children: [
 							/* @__PURE__ */ l("svg", {
-								className: "w-5 h-5 text-[var(--color-text-secondary)] flex-shrink-0",
+								className: "size-5 text-[var(--color-text-secondary)] flex-shrink-0",
 								fill: "none",
 								stroke: "currentColor",
 								viewBox: "0 0 24 24",
@@ -188,7 +189,7 @@ var f = ({ value: e, onChange: t, placeholder: n, inputRef: r }) => /* @__PURE__
 								children: e.name
 							}),
 							e.id === v && /* @__PURE__ */ l("svg", {
-								className: "w-5 h-5 text-[var(--color-action-primary-bg)] flex-shrink-0 animate-in zoom-in-50 duration-200",
+								className: "size-5 text-[var(--color-action-primary-bg)] flex-shrink-0 animate-in zoom-in-50 duration-200",
 								fill: "currentColor",
 								viewBox: "0 0 20 20",
 								children: /* @__PURE__ */ l("path", {
@@ -219,7 +220,7 @@ var f = ({ value: e, onChange: t, placeholder: n, inputRef: r }) => /* @__PURE__
 						style: { animationDelay: `${t * 30}ms` },
 						children: [
 							/* @__PURE__ */ l("svg", {
-								className: "w-5 h-5 text-[var(--color-text-secondary)] flex-shrink-0",
+								className: "size-5 text-[var(--color-text-secondary)] flex-shrink-0",
 								fill: "none",
 								stroke: "currentColor",
 								viewBox: "0 0 24 24",
@@ -235,7 +236,7 @@ var f = ({ value: e, onChange: t, placeholder: n, inputRef: r }) => /* @__PURE__
 								children: e.name
 							}),
 							e.id === y && /* @__PURE__ */ l("svg", {
-								className: "w-5 h-5 text-[var(--color-action-primary-bg)] flex-shrink-0 animate-in zoom-in-50 duration-200",
+								className: "size-5 text-[var(--color-action-primary-bg)] flex-shrink-0 animate-in zoom-in-50 duration-200",
 								fill: "currentColor",
 								viewBox: "0 0 20 20",
 								children: /* @__PURE__ */ l("path", {
@@ -266,7 +267,7 @@ var f = ({ value: e, onChange: t, placeholder: n, inputRef: r }) => /* @__PURE__
 						style: { animationDelay: `${t * 30}ms` },
 						children: [
 							/* @__PURE__ */ l("svg", {
-								className: "w-5 h-5 text-[var(--color-text-secondary)] flex-shrink-0",
+								className: "size-5 text-[var(--color-text-secondary)] flex-shrink-0",
 								fill: "none",
 								stroke: "currentColor",
 								viewBox: "0 0 24 24",
@@ -282,7 +283,7 @@ var f = ({ value: e, onChange: t, placeholder: n, inputRef: r }) => /* @__PURE__
 								children: e.name
 							}),
 							e.id === b && /* @__PURE__ */ l("svg", {
-								className: "w-5 h-5 text-[var(--color-action-primary-bg)] flex-shrink-0 animate-in zoom-in-50 duration-200",
+								className: "size-5 text-[var(--color-action-primary-bg)] flex-shrink-0 animate-in zoom-in-50 duration-200",
 								fill: "currentColor",
 								viewBox: "0 0 20 20",
 								children: /* @__PURE__ */ l("path", {
@@ -305,7 +306,7 @@ var f = ({ value: e, onChange: t, placeholder: n, inputRef: r }) => /* @__PURE__
 		"aria-label": "Switch context",
 		"aria-expanded": T,
 		children: w ? /* @__PURE__ */ l("svg", {
-			className: "w-5 h-5 text-[var(--color-text-primary)]",
+			className: "size-5 text-[var(--color-text-primary)]",
 			fill: "none",
 			stroke: "currentColor",
 			viewBox: "0 0 24 24",
@@ -318,7 +319,7 @@ var f = ({ value: e, onChange: t, placeholder: n, inputRef: r }) => /* @__PURE__
 		}) : /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ u("div", {
 			className: "flex items-center gap-1.5",
 			children: [/* @__PURE__ */ l("svg", {
-				className: "w-4 h-4 text-[var(--color-text-secondary)]",
+				className: "size-4 text-[var(--color-text-secondary)]",
 				fill: "none",
 				stroke: "currentColor",
 				viewBox: "0 0 24 24",

package/dist/chrome/DynamicFooter.js

@@ -39,12 +39,12 @@ var _ = h`
 	about: "about",
 	contact: "contact"
 }, b = {
-	twitter: /* @__PURE__ */ m(f, { className: "w-5 h-5" }),
-	x: /* @__PURE__ */ m(f, { className: "w-5 h-5" }),
-	github: /* @__PURE__ */ m(c, { className: "w-5 h-5" }),
-	discord: /* @__PURE__ */ m(d, { className: "w-5 h-5" }),
-	linkedin: /* @__PURE__ */ m(u, { className: "w-5 h-5" }),
-	youtube: /* @__PURE__ */ m(p, { className: "w-5 h-5" })
+	twitter: /* @__PURE__ */ m(f, { className: "size-5" }),
+	x: /* @__PURE__ */ m(f, { className: "size-5" }),
+	github: /* @__PURE__ */ m(c, { className: "size-5" }),
+	discord: /* @__PURE__ */ m(d, { className: "size-5" }),
+	linkedin: /* @__PURE__ */ m(u, { className: "size-5" }),
+	youtube: /* @__PURE__ */ m(p, { className: "size-5" })
 }, x = [
 	"terms-of-service",
 	"privacy-policy",
@@ -98,7 +98,7 @@ function S({ productSlug: c, productName: u, tagline: d, version: f = "v1.0.0",
 				id: e,
 				label: e.charAt(0).toUpperCase() + e.slice(1),
 				href: t,
-				icon: b[e.toLowerCase()] || /* @__PURE__ */ m(l, { className: "w-5 h-5" })
+				icon: b[e.toLowerCase()] || /* @__PURE__ */ m(l, { className: "size-5" })
 			}));
 			r.length > 0 && A(r);
 		}).catch(() => {}), () => {

package/dist/chrome/Footer.js

@@ -87,19 +87,19 @@ var s = [
 		id: "twitter",
 		label: "Twitter",
 		href: "https://twitter.com/burdenoff",
-		icon: /* @__PURE__ */ a(i, { className: "w-5 h-5" })
+		icon: /* @__PURE__ */ a(i, { className: "size-5" })
 	},
 	{
 		id: "github",
 		label: "GitHub",
 		href: "https://github.com/algoshred",
-		icon: /* @__PURE__ */ a(n, { className: "w-5 h-5" })
+		icon: /* @__PURE__ */ a(n, { className: "size-5" })
 	},
 	{
 		id: "discord",
 		label: "Discord",
 		href: "https://discord.gg/burdenoff",
-		icon: /* @__PURE__ */ a(r, { className: "w-5 h-5" })
+		icon: /* @__PURE__ */ a(r, { className: "size-5" })
 	}
 ], l = ({ logo: n, productName: r = "Burdenoff Workspaces", tagline: i = "Enterprise collaboration made simple", columns: l = s, socialLinks: u = c, copyright: d, version: f, buildInfo: p, context: m, children: h, renderLink: g }) => {
 	let _ = (/* @__PURE__ */ new Date()).getFullYear(), v = d ?? `${_} Burdenoff. All rights reserved.`, y = g ?? (({ href: e, external: t, children: n, className: r }) => /* @__PURE__ */ a("a", {
@@ -122,7 +122,7 @@ var s = [
 							/* @__PURE__ */ o("div", {
 								className: "flex items-center gap-3 mb-4",
 								children: [n ?? /* @__PURE__ */ a("div", {
-									className: "w-8 h-8 rounded-md bg-gradient-to-br from-brand-primary to-brand-secondary flex items-center justify-center text-white font-bold text-sm",
+									className: "size-8 rounded-md bg-gradient-to-br from-brand-primary to-brand-secondary flex items-center justify-center text-white font-bold text-sm",
 									children: "B"
 								}), /* @__PURE__ */ a("span", {
 									className: "text-lg font-semibold text-text-primary",
@@ -157,7 +157,7 @@ var s = [
 							children: [
 								e.icon,
 								e.label,
-								e.external && /* @__PURE__ */ a(t, { className: "w-3 h-3" })
+								e.external && /* @__PURE__ */ a(t, { className: "size-3" })
 							]
 						}) }, e.id))
 					})] }, e.title))]

package/dist/chrome/GeographySwitcher.js

@@ -41,7 +41,7 @@ var s = [
 			"aria-label": "Change country",
 			"aria-expanded": f,
 			children: d ? /* @__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",
@@ -88,7 +88,7 @@ var s = [
 					children: /* @__PURE__ */ o("div", {
 						className: "relative",
 						children: [/* @__PURE__ */ a("svg", {
-							className: "absolute left-2.5 top-1/2 -translate-y-1/2 w-4 h-4 text-text-secondary pointer-events-none",
+							className: "absolute left-2.5 top-1/2 -translate-y-1/2 size-4 text-text-secondary pointer-events-none",
 							fill: "none",
 							stroke: "currentColor",
 							viewBox: "0 0 24 24",
@@ -136,7 +136,7 @@ var s = [
 								children: e.code
 							}),
 							e.code === l && /* @__PURE__ */ a("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__ */ a("path", {

package/dist/chrome/GlobalSearch.js

@@ -113,7 +113,7 @@ function l({ open: c, onClose: l, categories: ue = [], placeholder: de = "Search
 					/* @__PURE__ */ o("div", {
 						className: "flex items-center border-b px-3",
 						children: [
-							/* @__PURE__ */ a(ae, { className: "h-4 w-4 mr-2 flex-shrink-0 opacity-50" }),
+							/* @__PURE__ */ a(ae, { className: "size-4 mr-2 flex-shrink-0 opacity-50" }),
 							/* @__PURE__ */ a("input", {
 								type: "text",
 								placeholder: de,
@@ -123,25 +123,28 @@ function l({ open: c, onClose: l, categories: ue = [], placeholder: de = "Search
 								autoFocus: !0
 							}),
 							u && /* @__PURE__ */ a("button", {
+								type: "button",
 								onClick: () => d(""),
 								className: "ml-2 rounded-sm opacity-70 hover:opacity-100",
 								"aria-label": "Clear search",
-								children: /* @__PURE__ */ a(se, { className: "h-4 w-4" })
+								children: /* @__PURE__ */ a(se, { className: "size-4" })
 							})
 						]
 					}),
 					ue.length > 0 && /* @__PURE__ */ o("div", {
 						className: "flex items-center gap-1 p-2 border-b overflow-x-auto scrollbar-hide scroll-smooth snap-x snap-mandatory",
 						children: [/* @__PURE__ */ a("button", {
+							type: "button",
 							onClick: () => p(void 0),
 							className: e("px-3 py-1.5 text-xs rounded-md transition-colors whitespace-nowrap flex-shrink-0 snap-start", f === void 0 ? "bg-primary text-primary-foreground" : "bg-muted hover:bg-muted/80"),
 							children: "All"
 						}), ue.map((t) => {
 							let n = t.icon;
 							return /* @__PURE__ */ o("button", {
+								type: "button",
 								onClick: () => p(t.name),
 								className: e("px-3 py-1.5 text-xs rounded-md transition-colors whitespace-nowrap flex-shrink-0 flex items-center gap-1.5 snap-start", f === t.name ? "bg-primary text-primary-foreground" : "bg-muted hover:bg-muted/80"),
-								children: [/* @__PURE__ */ a(n, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ a("span", {
+								children: [/* @__PURE__ */ a(n, { className: "size-3.5" }), /* @__PURE__ */ a("span", {
 									className: "hidden xs:inline",
 									children: t.label
 								})]
@@ -157,19 +160,21 @@ function l({ open: c, onClose: l, categories: ue = [], placeholder: de = "Search
 								"FULLTEXT",
 								"EXACT"
 							].map((t) => /* @__PURE__ */ a("button", {
+								type: "button",
 								onClick: () => S(t),
 								className: e("px-2 py-1 text-[10px] font-medium rounded transition-colors", x === t ? "bg-primary text-primary-foreground" : "bg-muted/60 text-muted-foreground hover:bg-muted"),
 								title: t === "PARTIAL" ? "Autocomplete — matches prefixes and substrings" : t === "FULLTEXT" ? "Full-text — BM25 word matching with stemming" : "Exact — all search terms must appear",
 								children: t === "PARTIAL" ? "Partial" : t === "FULLTEXT" ? "Fulltext" : "Exact"
 							}, t))
 						}), /* @__PURE__ */ o("button", {
+							type: "button",
 							onClick: () => _e((e) => !e),
 							className: "flex items-center gap-1 px-2 py-1 text-[10px] font-medium text-muted-foreground rounded hover:bg-muted transition-colors",
 							"aria-expanded": b,
 							children: [
-								/* @__PURE__ */ a(oe, { className: "h-3 w-3" }),
+								/* @__PURE__ */ a(oe, { className: "size-3" }),
 								"Filters",
-								a(b ? te : ee, { className: "h-3 w-3" })
+								a(b ? te : ee, { className: "size-3" })
 							]
 						})]
 					}),
@@ -412,6 +417,7 @@ function l({ open: c, onClose: l, categories: ue = [], placeholder: de = "Search
 							/* @__PURE__ */ a("div", {
 								className: "flex justify-end",
 								children: /* @__PURE__ */ a("button", {
+									type: "button",
 									onClick: () => {
 										S("PARTIAL"), w("SCORE_DESC"), E(""), O(""), A(""), M(""), P(""), I(""), R(""), B(""), H(""), W(""), K(""), J(""), X(""), Q("EQUALS");
 									},
@@ -426,7 +432,7 @@ function l({ open: c, onClose: l, categories: ue = [], placeholder: de = "Search
 						children: [
 							g && /* @__PURE__ */ a("div", {
 								className: "flex items-center justify-center py-6",
-								children: /* @__PURE__ */ a(ie, { className: "h-4 w-4 animate-spin" })
+								children: /* @__PURE__ */ a(ie, { className: "size-4 animate-spin" })
 							}),
 							v && /* @__PURE__ */ a("div", {
 								className: "py-6 text-center text-sm text-destructive",
@@ -436,9 +442,10 @@ function l({ open: c, onClose: l, categories: ue = [], placeholder: de = "Search
 								className: "px-2 py-1.5 text-xs font-medium text-muted-foreground",
 								children: "Recent Searches"
 							}), fe.map((e, t) => /* @__PURE__ */ o("button", {
+								type: "button",
 								onClick: () => d(e),
 								className: "w-full flex items-center gap-2 px-2 py-2 text-sm rounded-md hover:bg-accent transition-colors text-left",
-								children: [/* @__PURE__ */ a(ne, { className: "h-4 w-4 opacity-50" }), e]
+								children: [/* @__PURE__ */ a(ne, { className: "size-4 opacity-50" }), e]
 							}, t))] }),
 							!g && !v && u && m.length === 0 && /* @__PURE__ */ o("div", {
 								className: "py-6 text-center text-sm text-muted-foreground",
@@ -454,9 +461,10 @@ function l({ open: c, onClose: l, categories: ue = [], placeholder: de = "Search
 							}), t.map((e) => {
 								let t = e.icon;
 								return /* @__PURE__ */ o("button", {
+									type: "button",
 									onClick: () => be(e),
 									className: "w-full flex items-start gap-2 px-2 py-2 text-sm rounded-md hover:bg-accent transition-colors text-left",
-									children: [t && /* @__PURE__ */ a(t, { className: "h-4 w-4 mt-0.5 flex-shrink-0" }), /* @__PURE__ */ o("div", {
+									children: [t && /* @__PURE__ */ a(t, { className: "size-4 mt-0.5 flex-shrink-0" }), /* @__PURE__ */ o("div", {
 										className: "flex-1 min-w-0",
 										children: [/* @__PURE__ */ a("div", {
 											className: "font-medium truncate",
@@ -473,11 +481,12 @@ function l({ open: c, onClose: l, categories: ue = [], placeholder: de = "Search
 					u && m.length > 0 && he && /* @__PURE__ */ a("div", {
 						className: "border-t p-2",
 						children: /* @__PURE__ */ o("button", {
+							type: "button",
 							onClick: () => {
 								he(u, $(), f), l();
 							},
 							className: "w-full flex items-center justify-center gap-2 py-2 text-sm text-primary hover:bg-accent rounded-md transition-colors",
-							children: [/* @__PURE__ */ a(re, { className: "h-4 w-4" }), "View all results"]
+							children: [/* @__PURE__ */ a(re, { className: "size-4" }), "View all results"]
 						})
 					})
 				]

package/dist/chrome/HeaderBar.js

@@ -5,6 +5,7 @@ var n = ({ logo: n, appName: r, onLogoClick: i, onMenuToggle: a, onSearchClick:
 	children: [/* @__PURE__ */ t("div", {
 		className: "flex items-center gap-2 md:gap-control-gap",
 		children: [a && /* @__PURE__ */ e("button", {
+			type: "button",
 			onClick: a,
 			className: "p-2 hover:bg-action-ghost-bg-hover rounded-button text-text-primary",
 			"aria-label": "Toggle sidebar",
@@ -52,6 +53,7 @@ var n = ({ logo: n, appName: r, onLogoClick: i, onMenuToggle: a, onSearchClick:
 			}),
 			(_ || v || y || b) && /* @__PURE__ */ e("div", { className: "hidden md:block h-6 w-px bg-border-subtle" }),
 			S && /* @__PURE__ */ e("button", {
+				type: "button",
 				onClick: S,
 				className: `p-2 hover:bg-action-ghost-bg-hover rounded-button text-text-primary ${C ? "hidden md:block" : ""}`,
 				"aria-label": "Keyboard shortcuts",
@@ -70,6 +72,7 @@ var n = ({ logo: n, appName: r, onLogoClick: i, onMenuToggle: a, onSearchClick:
 				})
 			}),
 			o && /* @__PURE__ */ e("button", {
+				type: "button",
 				onClick: o,
 				className: "p-2 hover:bg-action-ghost-bg-hover rounded-button text-text-primary",
 				"aria-label": "Search",
@@ -89,6 +92,7 @@ var n = ({ logo: n, appName: r, onLogoClick: i, onMenuToggle: a, onSearchClick:
 			}),
 			g,
 			d || (u ? /* @__PURE__ */ t("button", {
+				type: "button",
 				onClick: u,
 				className: "relative p-2 hover:bg-action-ghost-bg-hover rounded-button text-text-primary",
 				"aria-label": "Notifications",
@@ -103,9 +107,10 @@ var n = ({ logo: n, appName: r, onLogoClick: i, onMenuToggle: a, onSearchClick:
 						strokeWidth: 2,
 						d: "M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"
 					})
-				}), l > 0 && /* @__PURE__ */ e("span", { className: "absolute top-1 right-1 w-2 h-2 bg-status-error-bg rounded-full border border-bg-elevated" })]
+				}), l > 0 && /* @__PURE__ */ e("span", { className: "absolute top-1 right-1 size-2 bg-status-error-bg rounded-full border border-bg-elevated" })]
 			}) : null),
 			p && /* @__PURE__ */ e("button", {
+				type: "button",
 				onClick: p,
 				className: `p-2 hover:bg-action-ghost-bg-hover rounded-button text-text-primary ${C ? "hidden md:block" : ""}`,
 				"aria-label": "Toggle theme",

package/dist/chrome/LanguagePickerSheet.js

@@ -38,7 +38,7 @@ var o = ({ open: o, onOpenChange: s, languages: c, currentLanguage: l, onLanguag
 							})]
 						}),
 						e.code === 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", {

package/dist/chrome/LanguageSwitcher.js

@@ -21,7 +21,7 @@ var o = ({ languages: o, currentLanguage: s, onLanguageChange: c, compact: l = !
 			"aria-label": "Change language",
 			"aria-expanded": u,
 			children: l ? /* @__PURE__ */ i("svg", {
-				className: "w-5 h-5 text-text-primary",
+				className: "size-5 text-text-primary",
 				fill: "none",
 				stroke: "currentColor",
 				viewBox: "0 0 24 24",
@@ -75,7 +75,7 @@ var o = ({ languages: o, currentLanguage: s, onLanguageChange: c, compact: l = !
 							})]
 						}),
 						e.code === s && /* @__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", {