@burdenoff/fe-libs 2026.527.2 → 2026.527.4

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

package/dist/form/Input.js

@@ -1,13 +1,14 @@
 import { cn as e } from "../shared-utils.js";
-import * as t from "react";
-import { jsx as n } from "react/jsx-runtime";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
 //#region src/form/Input.tsx
-var r = t.forwardRef(({ className: t, type: r, ...i }, a) => /* @__PURE__ */ n("input", {
-	type: r,
-	className: e("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors", "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", "placeholder:text-muted-foreground", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", "disabled:cursor-not-allowed disabled:opacity-50", "aria-[invalid=true]:border-destructive", t),
-	ref: a,
-	...i
-}));
-r.displayName = "Input";
+function n({ ref: n, className: r, type: i, ...a }) {
+	return /* @__PURE__ */ t("input", {
+		type: i,
+		className: e("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors", "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", "placeholder:text-muted-foreground", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", "disabled:cursor-not-allowed disabled:opacity-50", "aria-[invalid=true]:border-destructive", r),
+		ref: n,
+		...a
+	});
+}
 //#endregion
-export { r as Input };
+export { n as Input };

package/dist/form/Radio.js

@@ -1,24 +1,28 @@
 import { cn as e } from "../shared-utils.js";
-import * as t from "react";
-import { Circle as n } from "lucide-react";
-import { jsx as r } from "react/jsx-runtime";
-import * as i from "@radix-ui/react-radio-group";
+import "react";
+import { Circle as t } from "lucide-react";
+import { jsx as n } from "react/jsx-runtime";
+import * as r from "@radix-ui/react-radio-group";
 //#region src/form/Radio.tsx
-var a = t.forwardRef(({ className: t, ...n }, a) => /* @__PURE__ */ r(i.Root, {
-	className: e("grid gap-2", t),
-	...n,
-	ref: a
-}));
-a.displayName = i.Root.displayName;
-var o = t.forwardRef(({ className: t, ...a }, o) => /* @__PURE__ */ r(i.Item, {
-	ref: o,
-	className: e("aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring", "disabled:cursor-not-allowed disabled:opacity-50", t),
-	...a,
-	children: /* @__PURE__ */ r(i.Indicator, {
-		className: "flex items-center justify-center",
-		children: /* @__PURE__ */ r(n, { className: "h-3.5 w-3.5 fill-primary" })
-	})
-}));
-o.displayName = i.Item.displayName;
+function i({ ref: t, className: i, ...a }) {
+	return /* @__PURE__ */ n(r.Root, {
+		className: e("grid gap-2", i),
+		...a,
+		ref: t
+	});
+}
+i.displayName = r.Root.displayName;
+function a({ ref: i, className: a, ...o }) {
+	return /* @__PURE__ */ n(r.Item, {
+		ref: i,
+		className: e("aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring", "disabled:cursor-not-allowed disabled:opacity-50", a),
+		...o,
+		children: /* @__PURE__ */ n(r.Indicator, {
+			className: "flex items-center justify-center",
+			children: /* @__PURE__ */ n(t, { className: "size-3.5 fill-primary" })
+		})
+	});
+}
+a.displayName = r.Item.displayName;
 //#endregion
-export { a as RadioGroup, o as RadioGroupItem };
+export { i as RadioGroup, a as RadioGroupItem };

package/dist/form/Select.js

@@ -1,69 +1,84 @@
 import { cn as e } from "../shared-utils.js";
-import * as t from "react";
-import { Check as n, ChevronDown as r, ChevronUp as i } from "lucide-react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import * as s from "@radix-ui/react-select";
+import "react";
+import { Check as t, ChevronDown as n, ChevronUp as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import * as o from "@radix-ui/react-select";
 //#region src/form/Select.tsx
-var c = s.Root, l = s.Group, u = s.Value, d = t.forwardRef(({ className: t, children: n, ...i }, c) => /* @__PURE__ */ o(s.Trigger, {
-	ref: c,
-	className: e("flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm", "placeholder:text-muted-foreground", "focus:outline-none focus:ring-1 focus:ring-ring", "disabled:cursor-not-allowed disabled:opacity-50", "aria-[invalid=true]:border-destructive", "[&>span]:line-clamp-1", t),
-	...i,
-	children: [n, /* @__PURE__ */ a(s.Icon, {
-		asChild: !0,
-		children: /* @__PURE__ */ a(r, { className: "h-4 w-4 opacity-50" })
-	})]
-}));
-d.displayName = s.Trigger.displayName;
-var f = t.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ a(s.ScrollUpButton, {
-	ref: r,
-	className: e("flex cursor-default items-center justify-center py-1", t),
-	...n,
-	children: /* @__PURE__ */ a(i, { className: "h-4 w-4" })
-}));
-f.displayName = s.ScrollUpButton.displayName;
-var p = t.forwardRef(({ className: t, ...n }, i) => /* @__PURE__ */ a(s.ScrollDownButton, {
-	ref: i,
-	className: e("flex cursor-default items-center justify-center py-1", t),
-	...n,
-	children: /* @__PURE__ */ a(r, { className: "h-4 w-4" })
-}));
-p.displayName = s.ScrollDownButton.displayName;
-var m = t.forwardRef(({ className: t, children: n, position: r = "popper", ...i }, c) => /* @__PURE__ */ a(s.Portal, { children: /* @__PURE__ */ o(s.Content, {
-	ref: c,
-	className: e("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", r === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", t),
-	position: r,
-	...i,
-	children: [
-		/* @__PURE__ */ a(f, {}),
-		/* @__PURE__ */ a(s.Viewport, {
-			className: e("p-1", r === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),
-			children: n
-		}),
-		/* @__PURE__ */ a(p, {})
-	]
-}) }));
-m.displayName = s.Content.displayName;
-var h = t.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ a(s.Label, {
-	ref: r,
-	className: e("px-2 py-1.5 text-sm font-semibold", t),
-	...n
-}));
-h.displayName = s.Label.displayName;
-var g = t.forwardRef(({ className: t, children: r, ...i }, c) => /* @__PURE__ */ o(s.Item, {
-	ref: c,
-	className: e("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none", "focus:bg-accent focus:text-accent-foreground", "data-[disabled]:pointer-events-none data-[disabled]:opacity-50", t),
-	...i,
-	children: [/* @__PURE__ */ a("span", {
-		className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center",
-		children: /* @__PURE__ */ a(s.ItemIndicator, { children: /* @__PURE__ */ a(n, { className: "h-4 w-4" }) })
-	}), /* @__PURE__ */ a(s.ItemText, { children: r })]
-}));
-g.displayName = s.Item.displayName;
-var _ = t.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ a(s.Separator, {
-	ref: r,
-	className: e("-mx-1 my-1 h-px bg-muted", t),
-	...n
-}));
-_.displayName = s.Separator.displayName;
+var s = o.Root, c = o.Group, l = o.Value;
+function u({ ref: t, className: r, children: s, ...c }) {
+	return /* @__PURE__ */ a(o.Trigger, {
+		ref: t,
+		className: e("flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm", "placeholder:text-muted-foreground", "focus:outline-none focus:ring-1 focus:ring-ring", "disabled:cursor-not-allowed disabled:opacity-50", "aria-[invalid=true]:border-destructive", "[&>span]:line-clamp-1", r),
+		...c,
+		children: [s, /* @__PURE__ */ i(o.Icon, {
+			asChild: !0,
+			children: /* @__PURE__ */ i(n, { className: "size-4 opacity-50" })
+		})]
+	});
+}
+u.displayName = o.Trigger.displayName;
+function d({ ref: t, className: n, ...a }) {
+	return /* @__PURE__ */ i(o.ScrollUpButton, {
+		ref: t,
+		className: e("flex cursor-default items-center justify-center py-1", n),
+		...a,
+		children: /* @__PURE__ */ i(r, { className: "size-4" })
+	});
+}
+d.displayName = o.ScrollUpButton.displayName;
+function f({ ref: t, className: r, ...a }) {
+	return /* @__PURE__ */ i(o.ScrollDownButton, {
+		ref: t,
+		className: e("flex cursor-default items-center justify-center py-1", r),
+		...a,
+		children: /* @__PURE__ */ i(n, { className: "size-4" })
+	});
+}
+f.displayName = o.ScrollDownButton.displayName;
+function p({ ref: t, className: n, children: r, position: s = "popper", ...c }) {
+	return /* @__PURE__ */ i(o.Portal, { children: /* @__PURE__ */ a(o.Content, {
+		ref: t,
+		className: e("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", s === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", n),
+		position: s,
+		...c,
+		children: [
+			/* @__PURE__ */ i(d, {}),
+			/* @__PURE__ */ i(o.Viewport, {
+				className: e("p-1", s === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),
+				children: r
+			}),
+			/* @__PURE__ */ i(f, {})
+		]
+	}) });
+}
+p.displayName = o.Content.displayName;
+function m({ ref: t, className: n, ...r }) {
+	return /* @__PURE__ */ i(o.Label, {
+		ref: t,
+		className: e("px-2 py-1.5 text-sm font-semibold", n),
+		...r
+	});
+}
+m.displayName = o.Label.displayName;
+function h({ ref: n, className: r, children: s, ...c }) {
+	return /* @__PURE__ */ a(o.Item, {
+		ref: n,
+		className: e("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none", "focus:bg-accent focus:text-accent-foreground", "data-[disabled]:pointer-events-none data-[disabled]:opacity-50", r),
+		...c,
+		children: [/* @__PURE__ */ i("span", {
+			className: "absolute right-2 flex size-3.5 items-center justify-center",
+			children: /* @__PURE__ */ i(o.ItemIndicator, { children: /* @__PURE__ */ i(t, { className: "size-4" }) })
+		}), /* @__PURE__ */ i(o.ItemText, { children: s })]
+	});
+}
+h.displayName = o.Item.displayName;
+function g({ ref: t, className: n, ...r }) {
+	return /* @__PURE__ */ i(o.Separator, {
+		ref: t,
+		className: e("-mx-1 my-1 h-px bg-muted", n),
+		...r
+	});
+}
+g.displayName = o.Separator.displayName;
 //#endregion
-export { c as Select, m as SelectContent, l as SelectGroup, g as SelectItem, h as SelectLabel, p as SelectScrollDownButton, f as SelectScrollUpButton, _ as SelectSeparator, d as SelectTrigger, u as SelectValue };
+export { s as Select, p as SelectContent, c as SelectGroup, h as SelectItem, m as SelectLabel, f as SelectScrollDownButton, d as SelectScrollUpButton, g as SelectSeparator, u as SelectTrigger, l as SelectValue };

package/dist/form/Textarea.js

@@ -1,12 +1,13 @@
 import { cn as e } from "../shared-utils.js";
-import * as t from "react";
-import { jsx as n } from "react/jsx-runtime";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
 //#region src/form/Textarea.tsx
-var r = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("textarea", {
-	className: e("flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm", "placeholder:text-muted-foreground", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", "disabled:cursor-not-allowed disabled:opacity-50", "aria-[invalid=true]:border-destructive", "resize-y", t),
-	ref: i,
-	...r
-}));
-r.displayName = "Textarea";
+function n({ ref: n, className: r, ...i }) {
+	return /* @__PURE__ */ t("textarea", {
+		className: e("flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm", "placeholder:text-muted-foreground", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", "disabled:cursor-not-allowed disabled:opacity-50", "aria-[invalid=true]:border-destructive", "resize-y", r),
+		ref: n,
+		...i
+	});
+}
 //#endregion
-export { r as Textarea };
+export { n as Textarea };

package/dist/shared/components/AccessDenied.js

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as t } from "react/jsx-runtime";
 //#region src/shared/components/AccessDenied.tsx
 function n() {
 	return /* @__PURE__ */ e("svg", {
-		className: "w-12 h-12 text-status-error-text",
+		className: "size-12 text-status-error-text",
 		fill: "none",
 		viewBox: "0 0 24 24",
 		stroke: "currentColor",
@@ -16,7 +16,7 @@ function n() {
 }
 function r() {
 	return /* @__PURE__ */ e("svg", {
-		className: "w-5 h-5 text-status-error-text",
+		className: "size-5 text-status-error-text",
 		fill: "none",
 		viewBox: "0 0 24 24",
 		stroke: "currentColor",
@@ -35,7 +35,7 @@ function i({ title: i = "Access Denied", description: a = "You don't have permis
 			className: "bg-bg-surface border border-border-default rounded-lg p-8 max-w-md w-full text-center shadow-sm",
 			children: [
 				/* @__PURE__ */ e("div", {
-					className: "w-16 h-16 mx-auto mb-6 rounded-full bg-status-error-bg-subtle flex items-center justify-center",
+					className: "size-16 mx-auto mb-6 rounded-full bg-status-error-bg-subtle flex items-center justify-center",
 					children: s ?? /* @__PURE__ */ e(n, {})
 				}),
 				/* @__PURE__ */ e("h1", {
@@ -53,10 +53,12 @@ function i({ title: i = "Access Denied", description: a = "You don't have permis
 				(c || l) && /* @__PURE__ */ t("div", {
 					className: "flex flex-col sm:flex-row gap-3 justify-center mt-6",
 					children: [l && /* @__PURE__ */ e("button", {
+						type: "button",
 						onClick: l.onClick,
 						className: "px-4 py-2 text-action-secondary-text bg-action-secondary-bg border border-border-default rounded-md hover:bg-action-secondary-bg-hover transition-colors",
 						children: l.label
 					}), c && /* @__PURE__ */ e("button", {
+						type: "button",
 						onClick: c.onClick,
 						className: "px-4 py-2 text-action-primary-text bg-action-primary-bg rounded-md hover:bg-action-primary-bg-hover transition-colors",
 						children: c.label
@@ -75,7 +77,7 @@ function i({ title: i = "Access Denied", description: a = "You don't have permis
 		className: `bg-bg-surface border border-border-default rounded-lg p-6 text-center ${d}`,
 		children: [
 			/* @__PURE__ */ e("div", {
-				className: "w-12 h-12 mx-auto mb-4 rounded-full bg-status-error-bg-subtle flex items-center justify-center",
+				className: "size-12 mx-auto mb-4 rounded-full bg-status-error-bg-subtle flex items-center justify-center",
 				children: s ?? /* @__PURE__ */ e(n, {})
 			}),
 			/* @__PURE__ */ e("h2", {
@@ -93,10 +95,12 @@ function i({ title: i = "Access Denied", description: a = "You don't have permis
 			(c || l) && /* @__PURE__ */ t("div", {
 				className: "flex flex-col sm:flex-row gap-2 justify-center mt-4",
 				children: [l && /* @__PURE__ */ e("button", {
+					type: "button",
 					onClick: l.onClick,
 					className: "px-3 py-1.5 text-sm text-action-secondary-text bg-action-secondary-bg border border-border-default rounded hover:bg-action-secondary-bg-hover transition-colors",
 					children: l.label
 				}), c && /* @__PURE__ */ e("button", {
+					type: "button",
 					onClick: c.onClick,
 					className: "px-3 py-1.5 text-sm text-action-primary-text bg-action-primary-bg rounded hover:bg-action-primary-bg-hover transition-colors",
 					children: c.label

package/dist/shared/components/AppErrorBoundary.js

@@ -134,6 +134,7 @@ var i = class extends e {
 								justifyContent: "center"
 							},
 							children: [/* @__PURE__ */ t("button", {
+								type: "button",
 								onClick: this.handleReload,
 								style: {
 									padding: "0.75rem 1.5rem",
@@ -153,6 +154,7 @@ var i = class extends e {
 								},
 								children: "Reload Application"
 							}), r() && /* @__PURE__ */ t("button", {
+								type: "button",
 								onClick: () => {
 									this.setState({
 										hasError: !1,