@burdenoff/fe-libs 2026.819.5 → 2026.823.2

package/dist/ui/pwa-update-toast.js

@@ -0,0 +1,43 @@
+import { cn as e } from "../shared-utils.js";
+import { Button as t } from "./button.js";
+import { useEffect as n, useState as r } from "react";
+import { RefreshCw as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/ui/pwa-update-toast.tsx
+var s = "burdenoff:pwaUpdateReady";
+function c({ hasUpdate: c, message: l = "A new version is ready.", actionLabel: u = "Reload", onReload: d, className: f }) {
+	let [p, m] = r(!1);
+	return n(() => {
+		if (c !== void 0) return;
+		let e = () => m(!0);
+		return window.addEventListener(s, e), () => window.removeEventListener(s, e);
+	}, [c]), c ?? p ? /* @__PURE__ */ o("div", {
+		"data-pwa-update-toast": "",
+		role: "status",
+		"aria-live": "polite",
+		className: e("fixed inset-x-4 z-[140] mx-auto flex max-w-md items-center gap-3 rounded-card border border-border-subtle bg-bg-elevated px-4 py-3 shadow-elevation-3", f),
+		children: [
+			/* @__PURE__ */ a(i, {
+				className: "size-4 shrink-0 text-text-secondary",
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ a("span", {
+				className: "flex-1 text-sm text-text-primary",
+				children: l
+			}),
+			/* @__PURE__ */ a(t, {
+				size: "sm",
+				onClick: () => {
+					if (d) {
+						d();
+						return;
+					}
+					window.location.reload();
+				},
+				children: u
+			})
+		]
+	}) : null;
+}
+//#endregion
+export { c as PWAUpdateToast };

package/dist/ui/select.d.ts

@@ -45,5 +45,43 @@ declare function SelectSeparator({ ref, className, ...props }: ComponentPropsWit
 declare namespace SelectSeparator {
     var displayName: string | undefined;
 }
+export interface NativeSelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface NativeSelectProps {
+    options: NativeSelectOption[];
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    placeholder?: string;
+    /** Heading for the native bottom sheet (defaults to the placeholder). */
+    title?: string;
+    disabled?: boolean;
+    /**
+     * Use the bottom-sheet picker on native phones. Default true — set false to
+     * always use the Radix popover.
+     */
+    nativeSheet?: boolean;
+    className?: string;
+    'aria-label'?: string;
+    id?: string;
+    name?: string;
+}
+/**
+ * NativeSelect — a drop-in, options-driven select built on the shared `Select`
+ * primitives, which switches to a `BottomSheet` picker inside installed native
+ * apps on phone widths (spec §5.7: bottom sheets replace popovers on mobile;
+ * `selection()` haptic on value change).
+ *
+ * The compound `Select*` primitives are untouched and remain the API for
+ * custom/grouped content; use `NativeSelect` when the options are a flat list
+ * and you want the platform-correct picker for free.
+ *
+ * DOM contract: `[data-native-select-trigger]` on the sheet trigger,
+ * `[data-native-select-option]` on each 48px sheet row.
+ */
+export declare function NativeSelect({ options, value, defaultValue, onValueChange, placeholder, title, disabled, nativeSheet, className, id, name, 'aria-label': ariaLabel, }: NativeSelectProps): import("react/jsx-runtime").JSX.Element;
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };
 //# sourceMappingURL=select.d.ts.map

package/dist/ui/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/ui/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAAE,KAAK,wBAAwB,EAAE,KAAK,UAAU,EAAE,MAAM,OAAO,CAAC;AAIvE,QAAA,MAAM,MAAM,iDAAuB,CAAC;AAEpC,QAAA,MAAM,WAAW,6HAAwB,CAAC;AAE1C,QAAA,MAAM,WAAW,8HAAwB,CAAC;AAE1C,iBAAS,aAAa,CAAC,EACrB,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IAC5D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC;CAC7D,2CAgBA;kBAvBQ,aAAa;;;AA0BtB,iBAAS,oBAAoB,CAAC,EAC5B,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,wBAAwB,CAAC,OAAO,eAAe,CAAC,cAAc,CAAC,GAAG;IACnE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,cAAc,CAAC,CAAC,CAAC;CACpE,2CAUA;kBAhBQ,oBAAoB;;;AAmB7B,iBAAS,sBAAsB,CAAC,EAC9B,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,wBAAwB,CAAC,OAAO,eAAe,CAAC,gBAAgB,CAAC,GAAG;IACrE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,gBAAgB,CAAC,CAAC,CAAC;CACtE,2CAUA;kBAhBQ,sBAAsB;;;AAmB/B,iBAAS,aAAa,CAAC,EACrB,GAAG,EACH,SAAS,EACT,QAAQ,EACR,QAAmB,EACnB,GAAG,KAAK,EACT,EAAE,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IAC5D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC;CAC7D,2CA4BA;kBApCQ,aAAa;;;AAuCtB,iBAAS,WAAW,CAAC,EACnB,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,wBAAwB,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,GAAG;IAC1D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC;CAC3D,2CAWA;kBAjBQ,WAAW;;;AAoBpB,iBAAS,UAAU,CAAC,EAClB,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG;IACzD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC;CAC1D,2CAmBA;kBA1BQ,UAAU;;;AA6BnB,iBAAS,eAAe,CAAC,EACvB,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,wBAAwB,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,GAAG;IAC9D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC;CAC/D,2CAQA;kBAdQ,eAAe;;;AAiBxB,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,GACZ,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/ui/select.tsx"],"names":[],"mappings":"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"}

package/dist/ui/select.js

@@ -1,83 +1,184 @@
-import { cn as e } from "../shared-utils.js";
-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";
+import { BottomSheet as e, BottomSheetContent as t, BottomSheetHeader as n, BottomSheetTitle as r } from "./bottom-sheet.js";
+import { isNative as i } from "../shared/native/platform.js";
+import { cn as a } from "../shared-utils.js";
+import { nativeSelection as o } from "../shared/native/consumers.js";
+import { useEffect as s, useState as c } from "react";
+import { Check as l, ChevronDown as u, ChevronUp as d } from "lucide-react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import * as h from "@radix-ui/react-select";
 //#region src/ui/select.tsx
-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-10 w-full items-center justify-between rounded-input border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary transition-colors duration-200 data-[placeholder]:text-text-placeholder focus:border-border-focus focus:outline-none focus:shadow-[var(--shadow-focus)] focus:ring-1 focus:ring-[var(--color-focus-ring)] disabled:cursor-not-allowed disabled:opacity-50 aria-[invalid=true]:border-status-error-border [&>span]:line-clamp-1", r),
-		...c,
-		children: [s, /* @__PURE__ */ i(o.Icon, {
+var g = h.Root, _ = h.Group, v = h.Value;
+function y({ ref: e, className: t, children: n, ...r }) {
+	return /* @__PURE__ */ m(h.Trigger, {
+		ref: e,
+		className: a("flex h-10 w-full items-center justify-between rounded-input border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary transition-colors duration-200 data-[placeholder]:text-text-placeholder focus:border-border-focus focus:outline-none focus:shadow-[var(--shadow-focus)] focus:ring-1 focus:ring-[var(--color-focus-ring)] disabled:cursor-not-allowed disabled:opacity-50 aria-[invalid=true]:border-status-error-border [&>span]:line-clamp-1", t),
+		...r,
+		children: [n, /* @__PURE__ */ p(h.Icon, {
 			asChild: !0,
-			children: /* @__PURE__ */ i(n, { className: "size-4 text-text-muted" })
+			children: /* @__PURE__ */ p(u, { className: "size-4 text-text-muted" })
 		})]
 	});
 }
-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" })
+y.displayName = h.Trigger.displayName;
+function b({ ref: e, className: t, ...n }) {
+	return /* @__PURE__ */ p(h.ScrollUpButton, {
+		ref: e,
+		className: a("flex cursor-default items-center justify-center py-1", t),
+		...n,
+		children: /* @__PURE__ */ p(d, { 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" })
+b.displayName = h.ScrollUpButton.displayName;
+function x({ ref: e, className: t, ...n }) {
+	return /* @__PURE__ */ p(h.ScrollDownButton, {
+		ref: e,
+		className: a("flex cursor-default items-center justify-center py-1", t),
+		...n,
+		children: /* @__PURE__ */ p(u, { 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-card border border-border-subtle bg-bg-elevated text-text-primary shadow-elevation-3 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,
+x.displayName = h.ScrollDownButton.displayName;
+function S({ ref: e, className: t, children: n, position: r = "popper", ...i }) {
+	return /* @__PURE__ */ p(h.Portal, { children: /* @__PURE__ */ m(h.Content, {
+		ref: e,
+		className: a("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-card border border-border-subtle bg-bg-elevated text-text-primary shadow-elevation-3 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__ */ 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__ */ p(b, {}),
+			/* @__PURE__ */ p(h.Viewport, {
+				className: a("p-1", r === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),
+				children: n
 			}),
-			/* @__PURE__ */ i(f, {})
+			/* @__PURE__ */ p(x, {})
 		]
 	}) });
 }
-p.displayName = o.Content.displayName;
-function m({ ref: t, className: n, ...r }) {
-	return /* @__PURE__ */ i(o.Label, {
-		ref: t,
-		className: e("py-1.5 pl-8 pr-2 text-xs font-medium uppercase tracking-wide text-text-muted", n),
-		...r
+S.displayName = h.Content.displayName;
+function C({ ref: e, className: t, ...n }) {
+	return /* @__PURE__ */ p(h.Label, {
+		ref: e,
+		className: a("py-1.5 pl-8 pr-2 text-xs font-medium uppercase tracking-wide text-text-muted", t),
+		...n
 	});
 }
-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-button py-1.5 pl-8 pr-2 text-sm text-text-primary outline-none transition-colors focus:bg-[var(--color-accent-soft)] focus:text-text-primary data-[state=checked]:bg-[var(--color-accent-soft)] data-[disabled]:pointer-events-none data-[disabled]:opacity-50", r),
-		...c,
-		children: [/* @__PURE__ */ i("span", {
+C.displayName = h.Label.displayName;
+function w({ ref: e, className: t, children: n, ...r }) {
+	return /* @__PURE__ */ m(h.Item, {
+		ref: e,
+		className: a("relative flex w-full cursor-default select-none items-center rounded-button py-1.5 pl-8 pr-2 text-sm text-text-primary outline-none transition-colors focus:bg-[var(--color-accent-soft)] focus:text-text-primary data-[state=checked]:bg-[var(--color-accent-soft)] data-[disabled]:pointer-events-none data-[disabled]:opacity-50", t),
+		...r,
+		children: [/* @__PURE__ */ p("span", {
 			className: "absolute left-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 })]
+			children: /* @__PURE__ */ p(h.ItemIndicator, { children: /* @__PURE__ */ p(l, { className: "size-4" }) })
+		}), /* @__PURE__ */ p(h.ItemText, { children: n })]
 	});
 }
-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-border-subtle", n),
-		...r
+w.displayName = h.Item.displayName;
+function T({ ref: e, className: t, ...n }) {
+	return /* @__PURE__ */ p(h.Separator, {
+		ref: e,
+		className: a("-mx-1 my-1 h-px bg-border-subtle", t),
+		...n
 	});
 }
-g.displayName = o.Separator.displayName;
+T.displayName = h.Separator.displayName;
+var E = "(max-width: 767px)";
+function D(e) {
+	let [t, n] = c(!1);
+	return s(() => {
+		if (!e || typeof window > "u" || !window.matchMedia) {
+			n(!1);
+			return;
+		}
+		if (!i()) {
+			n(!1);
+			return;
+		}
+		let t = window.matchMedia(E);
+		n(t.matches);
+		let r = (e) => n(e.matches);
+		return t.addEventListener("change", r), () => t.removeEventListener("change", r);
+	}, [e]), t;
+}
+function O({ options: i, value: s, defaultValue: d, onValueChange: h, placeholder: _ = "Select…", title: b, disabled: x = !1, nativeSheet: C = !0, className: T, id: E, name: O, "aria-label": k }) {
+	let A = D(C), [j, M] = c(d), [N, P] = c(!1), F = s ?? j, I = (e) => {
+		s === void 0 && M(e), h?.(e);
+	};
+	if (!A) return /* @__PURE__ */ m(g, {
+		value: s,
+		defaultValue: d,
+		onValueChange: I,
+		disabled: x,
+		name: O,
+		children: [/* @__PURE__ */ p(y, {
+			id: E,
+			"aria-label": k,
+			className: T,
+			children: /* @__PURE__ */ p(v, { placeholder: _ })
+		}), /* @__PURE__ */ p(S, { children: i.map((e) => /* @__PURE__ */ p(w, {
+			value: e.value,
+			disabled: e.disabled,
+			children: e.label
+		}, e.value)) })]
+	});
+	let L = i.find((e) => e.value === F);
+	return /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("button", {
+		type: "button",
+		id: E,
+		"data-native-select-trigger": "",
+		"aria-label": k,
+		"aria-haspopup": "listbox",
+		"aria-expanded": N,
+		disabled: x,
+		onClick: () => P(!0),
+		className: a("flex h-10 w-full items-center justify-between rounded-input border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary transition-colors duration-200 focus:border-border-focus focus:outline-none focus:shadow-[var(--shadow-focus)] focus:ring-1 focus:ring-[var(--color-focus-ring)] disabled:cursor-not-allowed disabled:opacity-50", !L && "text-text-placeholder", T),
+		children: [/* @__PURE__ */ p("span", {
+			className: "line-clamp-1 text-left",
+			children: L?.label ?? _
+		}), /* @__PURE__ */ p(u, {
+			className: "size-4 text-text-muted",
+			"aria-hidden": "true"
+		})]
+	}), /* @__PURE__ */ p(e, {
+		open: N,
+		onOpenChange: P,
+		children: /* @__PURE__ */ m(t, {
+			showCloseButton: !1,
+			children: [/* @__PURE__ */ p(n, {
+				className: "px-1 text-center",
+				children: /* @__PURE__ */ p(r, {
+					className: "text-base",
+					children: b ?? _
+				})
+			}), /* @__PURE__ */ p("div", {
+				role: "listbox",
+				"aria-label": k ?? b ?? _,
+				className: "flex flex-col pb-2",
+				children: i.map((e) => {
+					let t = e.value === F;
+					return /* @__PURE__ */ m("button", {
+						type: "button",
+						role: "option",
+						"data-native-select-option": "",
+						"aria-selected": t,
+						disabled: e.disabled,
+						onClick: () => {
+							o(), I(e.value), P(!1);
+						},
+						className: a("flex h-12 w-full items-center justify-between rounded-button px-4 text-base text-text-primary transition-colors hover:bg-action-ghost-bgHover focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus)] focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)] disabled:pointer-events-none disabled:opacity-50", t && "bg-[var(--color-accent-soft)] font-medium"),
+						children: [/* @__PURE__ */ p("span", {
+							className: "text-left",
+							children: e.label
+						}), t && /* @__PURE__ */ p(l, {
+							className: "size-4",
+							"aria-hidden": "true"
+						})]
+					}, e.value);
+				})
+			})]
+		})
+	})] });
+}
 //#endregion
-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 };
+export { O as NativeSelect, g as Select, S as SelectContent, _ as SelectGroup, w as SelectItem, C as SelectLabel, x as SelectScrollDownButton, b as SelectScrollUpButton, T as SelectSeparator, y as SelectTrigger, v as SelectValue };

package/dist/ui.js

@@ -8,38 +8,43 @@ import { BrandedSplash as N } from "./ui/branded-splash.js";
 import { Table as P, TableBody as F, TableCaption as I, TableCell as L, TableFooter as R, TableHead as z, TableHeader as B, TableRow as V } from "./ui/table.js";
 import { ResponsiveTable as H } from "./ui/responsive-table.js";
 import { Button as U, buttonVariants as W } from "./ui/button.js";
-import { Select as G, SelectContent as K, SelectGroup as q, SelectItem as J, SelectLabel as Y, SelectScrollDownButton as X, SelectScrollUpButton as Z, SelectSeparator as Q, SelectTrigger as $, SelectValue as ee } from "./ui/select.js";
-import { Pagination as te } from "./ui/pagination.js";
-import { Stepper as ne } from "./ui/stepper.js";
-import { ResponsiveStack as re } from "./ui/responsive-stack.js";
-import { EmptyState as ie } from "./ui/empty-state.js";
-import { AlertDialog as ae, AlertDialogAction as oe, AlertDialogCancel as se, AlertDialogContent as ce, AlertDialogDescription as le, AlertDialogFooter as ue, AlertDialogHeader as de, AlertDialogOverlay as fe, AlertDialogPortal as pe, AlertDialogTitle as me, AlertDialogTrigger as he } from "./ui/alert-dialog.js";
-import { Badge as ge, badgeVariants as _e } from "./ui/badge.js";
-import { Card as ve, CardContent as ye, CardDescription as be, CardFooter as xe, CardHeader as Se, CardTitle as Ce } from "./ui/card.js";
-import { Checkbox as we } from "./ui/checkbox.js";
-import { Command as Te, CommandDialog as Ee, CommandEmpty as De, CommandGroup as Oe, CommandInput as ke, CommandItem as Ae, CommandList as je, CommandSeparator as Me, CommandShortcut as Ne } from "./ui/command.js";
-import { DropdownMenu as Pe, DropdownMenuCheckboxItem as Fe, DropdownMenuContent as Ie, DropdownMenuGroup as Le, DropdownMenuItem as Re, DropdownMenuLabel as ze, DropdownMenuPortal as Be, DropdownMenuRadioGroup as Ve, DropdownMenuRadioItem as He, DropdownMenuSeparator as Ue, DropdownMenuShortcut as We, DropdownMenuSub as Ge, DropdownMenuSubContent as Ke, DropdownMenuSubTrigger as qe, DropdownMenuTrigger as Je } from "./ui/dropdown-menu.js";
-import { Input as Ye } from "./ui/input.js";
-import { Label as Xe } from "./ui/label.js";
-import { Popover as Ze, PopoverAnchor as Qe, PopoverContent as $e, PopoverTrigger as et } from "./ui/popover.js";
-import { ScrollArea as tt, ScrollBar as nt } from "./ui/scroll-area.js";
-import { Separator as rt } from "./ui/separator.js";
-import { Sheet as it, SheetClose as at, SheetContent as ot, SheetDescription as st, SheetFooter as ct, SheetHeader as lt, SheetTitle as ut, SheetTrigger as dt } from "./ui/sheet.js";
-import { Skeleton as ft } from "./ui/skeleton.js";
-import { Toaster as pt } from "./ui/sonner.js";
-import { Spinner as mt } from "./ui/spinner.js";
-import { Switch as ht } from "./ui/switch.js";
-import { Tabs as gt, TabsContent as _t, TabsList as vt, TabsTrigger as yt } from "./ui/tabs.js";
-import { Textarea as bt } from "./ui/textarea.js";
-import { Tooltip as xt, TooltipContent as St, TooltipProvider as Ct, TooltipTrigger as wt } from "./ui/tooltip.js";
-import { PageContainer as Tt } from "./ui/page-container.js";
-import { GlassCard as Et, glassCardVariants as Dt } from "./ui/glass-card.js";
-import { EmphasisPanel as Ot } from "./ui/emphasis-panel.js";
-import { ShowMore as kt } from "./ui/show-more.js";
-import { CTAOverflowMenu as At } from "./ui/cta-overflow-menu.js";
-import { ModernLanding as jt } from "./ui/modern-landing.js";
-import { AuroraBackground as Mt } from "./ui/aurora-background.js";
-import { IllustratedEmptyState as Nt, Illustration as Pt } from "./ui/illustration.js";
-import { GradientText as Ft } from "./ui/gradient-text.js";
-import { NextSteps as It, PagePurpose as Lt } from "./ui/guidance.js";
-export { e as Accordion, t as AccordionContent, n as AccordionItem, r as AccordionTrigger, ae as AlertDialog, oe as AlertDialogAction, se as AlertDialogCancel, ce as AlertDialogContent, le as AlertDialogDescription, ue as AlertDialogFooter, de as AlertDialogHeader, fe as AlertDialogOverlay, pe as AlertDialogPortal, me as AlertDialogTitle, he as AlertDialogTrigger, Mt as AuroraBackground, ge as Badge, _ as BottomSheet, v as BottomSheetClose, y as BottomSheetContent, b as BottomSheetDescription, x as BottomSheetFooter, S as BottomSheetHeader, C as BottomSheetTitle, w as BottomSheetTrigger, N as BrandedSplash, U as Button, At as CTAOverflowMenu, ve as Card, ye as CardContent, be as CardDescription, xe as CardFooter, Se as CardHeader, Ce as CardTitle, we as Checkbox, Te as Command, Ee as CommandDialog, De as CommandEmpty, Oe as CommandGroup, ke as CommandInput, Ae as CommandItem, je as CommandList, Me as CommandSeparator, Ne as CommandShortcut, i as Dialog, a as DialogClose, o as DialogContent, s as DialogDescription, c as DialogFooter, l as DialogHeader, u as DialogOverlay, d as DialogPortal, f as DialogTitle, p as DialogTrigger, Pe as DropdownMenu, Fe as DropdownMenuCheckboxItem, Ie as DropdownMenuContent, Le as DropdownMenuGroup, Re as DropdownMenuItem, ze as DropdownMenuLabel, Be as DropdownMenuPortal, Ve as DropdownMenuRadioGroup, He as DropdownMenuRadioItem, Ue as DropdownMenuSeparator, We as DropdownMenuShortcut, Ge as DropdownMenuSub, Ke as DropdownMenuSubContent, qe as DropdownMenuSubTrigger, Je as DropdownMenuTrigger, Ot as EmphasisPanel, ie as EmptyState, m as EntityIdModal, Et as GlassCard, Ft as GradientText, Nt as IllustratedEmptyState, Pt as Illustration, Ye as Input, Xe as Label, jt as ModernLanding, It as NextSteps, g as OptionalFields, Tt as PageContainer, Lt as PagePurpose, te as Pagination, Ze as Popover, Qe as PopoverAnchor, $e as PopoverContent, et as PopoverTrigger, T as ResponsiveDialog, E as ResponsiveDialogClose, D as ResponsiveDialogContent, O as ResponsiveDialogDescription, k as ResponsiveDialogFooter, A as ResponsiveDialogHeader, j as ResponsiveDialogTitle, M as ResponsiveDialogTrigger, re as ResponsiveStack, H as ResponsiveTable, tt as ScrollArea, nt as ScrollBar, G as Select, K as SelectContent, q as SelectGroup, J as SelectItem, Y as SelectLabel, X as SelectScrollDownButton, Z as SelectScrollUpButton, Q as SelectSeparator, $ as SelectTrigger, ee as SelectValue, rt as Separator, it as Sheet, at as SheetClose, ot as SheetContent, st as SheetDescription, ct as SheetFooter, lt as SheetHeader, ut as SheetTitle, dt as SheetTrigger, kt as ShowMore, ft as Skeleton, mt as Spinner, ne as Stepper, ht as Switch, P as Table, F as TableBody, I as TableCaption, L as TableCell, R as TableFooter, z as TableHead, B as TableHeader, V as TableRow, gt as Tabs, _t as TabsContent, vt as TabsList, yt as TabsTrigger, bt as Textarea, pt as Toaster, xt as Tooltip, St as TooltipContent, Ct as TooltipProvider, wt as TooltipTrigger, _e as badgeVariants, W as buttonVariants, Dt as glassCardVariants, h as useEntityIdModal };
+import { NativeSelect as G, Select as K, SelectContent as q, SelectGroup as J, SelectItem as Y, SelectLabel as X, SelectScrollDownButton as Z, SelectScrollUpButton as Q, SelectSeparator as $, SelectTrigger as ee, SelectValue as te } from "./ui/select.js";
+import { Pagination as ne } from "./ui/pagination.js";
+import { Stepper as re } from "./ui/stepper.js";
+import { ResponsiveStack as ie } from "./ui/responsive-stack.js";
+import { EmptyState as ae } from "./ui/empty-state.js";
+import { AlertDialog as oe, AlertDialogAction as se, AlertDialogCancel as ce, AlertDialogContent as le, AlertDialogDescription as ue, AlertDialogFooter as de, AlertDialogHeader as fe, AlertDialogOverlay as pe, AlertDialogPortal as me, AlertDialogTitle as he, AlertDialogTrigger as ge } from "./ui/alert-dialog.js";
+import { Badge as _e, badgeVariants as ve } from "./ui/badge.js";
+import { Card as ye, CardContent as be, CardDescription as xe, CardFooter as Se, CardHeader as Ce, CardTitle as we } from "./ui/card.js";
+import { Checkbox as Te } from "./ui/checkbox.js";
+import { Command as Ee, CommandDialog as De, CommandEmpty as Oe, CommandGroup as ke, CommandInput as Ae, CommandItem as je, CommandList as Me, CommandSeparator as Ne, CommandShortcut as Pe } from "./ui/command.js";
+import { DropdownMenu as Fe, DropdownMenuCheckboxItem as Ie, DropdownMenuContent as Le, DropdownMenuGroup as Re, DropdownMenuItem as ze, DropdownMenuLabel as Be, DropdownMenuPortal as Ve, DropdownMenuRadioGroup as He, DropdownMenuRadioItem as Ue, DropdownMenuSeparator as We, DropdownMenuShortcut as Ge, DropdownMenuSub as Ke, DropdownMenuSubContent as qe, DropdownMenuSubTrigger as Je, DropdownMenuTrigger as Ye } from "./ui/dropdown-menu.js";
+import { Input as Xe } from "./ui/input.js";
+import { Label as Ze } from "./ui/label.js";
+import { Popover as Qe, PopoverAnchor as $e, PopoverContent as et, PopoverTrigger as tt } from "./ui/popover.js";
+import { ScrollArea as nt, ScrollBar as rt } from "./ui/scroll-area.js";
+import { Separator as it } from "./ui/separator.js";
+import { Sheet as at, SheetClose as ot, SheetContent as st, SheetDescription as ct, SheetFooter as lt, SheetHeader as ut, SheetTitle as dt, SheetTrigger as ft } from "./ui/sheet.js";
+import { Skeleton as pt } from "./ui/skeleton.js";
+import { Toaster as mt } from "./ui/sonner.js";
+import { Spinner as ht } from "./ui/spinner.js";
+import { Switch as gt } from "./ui/switch.js";
+import { Tabs as _t, TabsContent as vt, TabsList as yt, TabsTrigger as bt } from "./ui/tabs.js";
+import { Textarea as xt } from "./ui/textarea.js";
+import { Tooltip as St, TooltipContent as Ct, TooltipProvider as wt, TooltipTrigger as Tt } from "./ui/tooltip.js";
+import { PageContainer as Et } from "./ui/page-container.js";
+import { GlassCard as Dt, glassCardVariants as Ot } from "./ui/glass-card.js";
+import { EmphasisPanel as kt } from "./ui/emphasis-panel.js";
+import { ShowMore as At } from "./ui/show-more.js";
+import { CTAOverflowMenu as jt } from "./ui/cta-overflow-menu.js";
+import { ModernLanding as Mt } from "./ui/modern-landing.js";
+import { AuroraBackground as Nt } from "./ui/aurora-background.js";
+import { IllustratedEmptyState as Pt, Illustration as Ft } from "./ui/illustration.js";
+import { GradientText as It } from "./ui/gradient-text.js";
+import { NextSteps as Lt, PagePurpose as Rt } from "./ui/guidance.js";
+import { NativeWelcome as zt } from "./ui/native-welcome.js";
+import { ActionSheet as Bt } from "./ui/action-sheet.js";
+import { OfflineBanner as Vt } from "./ui/offline-banner.js";
+import { PullToRefresh as Ht } from "./ui/pull-to-refresh.js";
+import { PWAUpdateToast as Ut } from "./ui/pwa-update-toast.js";
+export { e as Accordion, t as AccordionContent, n as AccordionItem, r as AccordionTrigger, Bt as ActionSheet, oe as AlertDialog, se as AlertDialogAction, ce as AlertDialogCancel, le as AlertDialogContent, ue as AlertDialogDescription, de as AlertDialogFooter, fe as AlertDialogHeader, pe as AlertDialogOverlay, me as AlertDialogPortal, he as AlertDialogTitle, ge as AlertDialogTrigger, Nt as AuroraBackground, _e as Badge, _ as BottomSheet, v as BottomSheetClose, y as BottomSheetContent, b as BottomSheetDescription, x as BottomSheetFooter, S as BottomSheetHeader, C as BottomSheetTitle, w as BottomSheetTrigger, N as BrandedSplash, U as Button, jt as CTAOverflowMenu, ye as Card, be as CardContent, xe as CardDescription, Se as CardFooter, Ce as CardHeader, we as CardTitle, Te as Checkbox, Ee as Command, De as CommandDialog, Oe as CommandEmpty, ke as CommandGroup, Ae as CommandInput, je as CommandItem, Me as CommandList, Ne as CommandSeparator, Pe as CommandShortcut, i as Dialog, a as DialogClose, o as DialogContent, s as DialogDescription, c as DialogFooter, l as DialogHeader, u as DialogOverlay, d as DialogPortal, f as DialogTitle, p as DialogTrigger, Fe as DropdownMenu, Ie as DropdownMenuCheckboxItem, Le as DropdownMenuContent, Re as DropdownMenuGroup, ze as DropdownMenuItem, Be as DropdownMenuLabel, Ve as DropdownMenuPortal, He as DropdownMenuRadioGroup, Ue as DropdownMenuRadioItem, We as DropdownMenuSeparator, Ge as DropdownMenuShortcut, Ke as DropdownMenuSub, qe as DropdownMenuSubContent, Je as DropdownMenuSubTrigger, Ye as DropdownMenuTrigger, kt as EmphasisPanel, ae as EmptyState, m as EntityIdModal, Dt as GlassCard, It as GradientText, Pt as IllustratedEmptyState, Ft as Illustration, Xe as Input, Ze as Label, Mt as ModernLanding, G as NativeSelect, zt as NativeWelcome, Lt as NextSteps, Vt as OfflineBanner, g as OptionalFields, Ut as PWAUpdateToast, Et as PageContainer, Rt as PagePurpose, ne as Pagination, Qe as Popover, $e as PopoverAnchor, et as PopoverContent, tt as PopoverTrigger, Ht as PullToRefresh, T as ResponsiveDialog, E as ResponsiveDialogClose, D as ResponsiveDialogContent, O as ResponsiveDialogDescription, k as ResponsiveDialogFooter, A as ResponsiveDialogHeader, j as ResponsiveDialogTitle, M as ResponsiveDialogTrigger, ie as ResponsiveStack, H as ResponsiveTable, nt as ScrollArea, rt as ScrollBar, K as Select, q as SelectContent, J as SelectGroup, Y as SelectItem, X as SelectLabel, Z as SelectScrollDownButton, Q as SelectScrollUpButton, $ as SelectSeparator, ee as SelectTrigger, te as SelectValue, it as Separator, at as Sheet, ot as SheetClose, st as SheetContent, ct as SheetDescription, lt as SheetFooter, ut as SheetHeader, dt as SheetTitle, ft as SheetTrigger, At as ShowMore, pt as Skeleton, ht as Spinner, re as Stepper, gt as Switch, P as Table, F as TableBody, I as TableCaption, L as TableCell, R as TableFooter, z as TableHead, B as TableHeader, V as TableRow, _t as Tabs, vt as TabsContent, yt as TabsList, bt as TabsTrigger, xt as Textarea, mt as Toaster, St as Tooltip, Ct as TooltipContent, wt as TooltipProvider, Tt as TooltipTrigger, ve as badgeVariants, W as buttonVariants, Ot as glassCardVariants, h as useEntityIdModal };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/fe-libs",
-  "version": "2026.819.5",
+  "version": "2026.823.2",
   "description": "Burdenoff frontend primitives and domain libraries",
   "type": "module",
   "bin": {
@@ -220,6 +220,7 @@
       "default": "./dist/shared/shims/*.js"
     },
     "./shared/styles/app-shell.css": "./src/shared/styles/app-shell.css",
+    "./shared/styles/native.css": "./src/shared/styles/native.css",
     "./shared/utils/lazyWithRetry": {
       "types": "./dist/shared/utils/lazyWithRetry.d.ts",
       "import": "./dist/shared/utils/lazyWithRetry.js"
@@ -263,6 +264,14 @@
     "./shared/native/*": {
       "types": "./dist/shared/native/*.d.ts",
       "import": "./dist/shared/native/*.js"
+    },
+    "./shell-native": {
+      "types": "./dist/shell-native/index.d.ts",
+      "import": "./dist/shell-native.js"
+    },
+    "./shell-native/*": {
+      "types": "./dist/shell-native/*.d.ts",
+      "import": "./dist/shell-native/*.js"
     }
   },
   "files": [
@@ -284,7 +293,7 @@
     "lint:sanity": "if [ \"${CI:-}\" = \"true\" ]; then bun run lint; else bun run lint -- --cache --cache-location .eslintcache; fi",
     "format": "prettier --config shared/config/prettier.config.mjs --write \"src/**/*.{ts,tsx}\" \"!src/config/*.config.ts\"",
     "type:check": "bash scripts/build-limits.sh tsc --noEmit",
-    "test": "bun test scripts/graphql-schema-drift/__tests__ src/credentials src/storage src/shared/assistant src/shared/providers/AppShellProvider.test.ts src/shared/events/sinks/RybbitSink.test.ts",
+    "test": "bun test scripts/graphql-schema-drift/__tests__ src/credentials src/storage src/shared/assistant src/shared/providers/AppShellProvider.test.ts src/shared/events/sinks/RybbitSink.test.ts src/shell-native src/shared/native src/chrome/__tests__ src/ui/__tests__",
     "sanity": "bash scripts/build-limits.sh --gate bash -c 'bun run lint:sanity && bun run format && bun run type:check && bun run test && bun run build'",
     "switch:status": "bun scripts/deps-mode.ts status",
     "switch:remote": "bun scripts/deps-mode.ts remote",
@@ -350,7 +359,23 @@
     "typescript": "^5.9.0",
     "typescript-eslint": "^8.50.1",
     "vite": "8.0.10",
-    "vite-plugin-dts": "4.5.4"
+    "vite-plugin-dts": "4.5.4",
+    "@capacitor/app": "^8.1.0",
+    "@capacitor/action-sheet": "^8.1.1",
+    "@capacitor/browser": "^8.0.3",
+    "@capacitor/clipboard": "^8.0.1",
+    "@capacitor/device": "^8.0.2",
+    "@capacitor/dialog": "^8.0.1",
+    "@capacitor/haptics": "^8.0.2",
+    "@capacitor/keyboard": "^8.0.3",
+    "@capacitor/network": "^8.0.1",
+    "@capacitor/preferences": "^8.0.1",
+    "@capacitor/share": "^8.0.1",
+    "@capacitor/splash-screen": "^8.0.1",
+    "@capacitor/status-bar": "^8.0.2",
+    "@capacitor/toast": "^8.0.1",
+    "@capacitor/push-notifications": "^8.0.3",
+    "@capgo/capacitor-updater": "^8.47.5"
   },
   "peerDependencies": {
     "@apollo/client": "^4.0.9",
@@ -363,7 +388,23 @@
     "react-dom": "^19.0.0",
     "react-router": "^8.3.0",
     "zustand": "^5.0.5",
-    "framer-motion": "^12.0.0"
+    "framer-motion": "^12.0.0",
+    "@capacitor/app": "^8.1.0",
+    "@capacitor/action-sheet": "^8.1.1",
+    "@capacitor/browser": "^8.0.3",
+    "@capacitor/clipboard": "^8.0.1",
+    "@capacitor/device": "^8.0.2",
+    "@capacitor/dialog": "^8.0.1",
+    "@capacitor/haptics": "^8.0.2",
+    "@capacitor/keyboard": "^8.0.3",
+    "@capacitor/network": "^8.0.1",
+    "@capacitor/preferences": "^8.0.1",
+    "@capacitor/share": "^8.0.1",
+    "@capacitor/splash-screen": "^8.0.1",
+    "@capacitor/status-bar": "^8.0.2",
+    "@capacitor/toast": "^8.0.1",
+    "@capacitor/push-notifications": "^8.0.3",
+    "@capgo/capacitor-updater": "^8.47.5"
   },
   "overrides": {
     "lodash": "4.18.1",
@@ -398,6 +439,54 @@
     },
     "framer-motion": {
       "optional": true
+    },
+    "@capacitor/app": {
+      "optional": true
+    },
+    "@capacitor/action-sheet": {
+      "optional": true
+    },
+    "@capacitor/browser": {
+      "optional": true
+    },
+    "@capacitor/clipboard": {
+      "optional": true
+    },
+    "@capacitor/device": {
+      "optional": true
+    },
+    "@capacitor/dialog": {
+      "optional": true
+    },
+    "@capacitor/haptics": {
+      "optional": true
+    },
+    "@capacitor/keyboard": {
+      "optional": true
+    },
+    "@capacitor/network": {
+      "optional": true
+    },
+    "@capacitor/preferences": {
+      "optional": true
+    },
+    "@capacitor/share": {
+      "optional": true
+    },
+    "@capacitor/splash-screen": {
+      "optional": true
+    },
+    "@capacitor/status-bar": {
+      "optional": true
+    },
+    "@capacitor/toast": {
+      "optional": true
+    },
+    "@capacitor/push-notifications": {
+      "optional": true
+    },
+    "@capgo/capacitor-updater": {
+      "optional": true
     }
   },
   "engines": {

package/src/shared/styles/app-shell.css

@@ -10,6 +10,9 @@
  * Then add product-specific overrides below.
  */
 
+/* Installed-app (Capacitor / PWA / Electron) look & feel rules. */
+@import './native.css';
+
 /* ============================================
  * @theme — Tailwind v4 theme configuration
  * Maps fe-libs design tokens to Tailwind utilities