@waveinno/ui 0.0.0-stage → 0.1.0

package/dist/shell/placeholder-screen.d.ts

@@ -0,0 +1,11 @@
+/**
+ * A registry screen whose page is not built yet.
+ *
+ * It tells the truth briefly — this screen is defined, its data is not
+ * connected — and points elsewhere in the module. Nothing pretends to be data.
+ */
+export declare function PlaceholderScreen({ pathname, plannedIn, }: {
+    pathname: string;
+    /** Roadmap milestone, e.g. "M5". */
+    plannedIn?: string;
+}): import("react").JSX.Element;

package/dist/shell/placeholder-screen.js

@@ -0,0 +1 @@
+"use client";import{Fragment as y,jsx as a,jsxs as t}from"react/jsx-runtime";import{ArrowRight as h,Check as x,Database as f}from"lucide-react";import g from"next/link";import{PageHeader as u}from"../components/patterns/page-header.js";import{Card as m}from"../components/ui/card.js";import{useShell as b}from"./config.js";import{moduleFromPath as N,navItemFromPath as v}from"./registry.js";function I({pathname:n,plannedIn:o}){const i=b(),s=N(i.modules,n),d=v(n,s),l=d?.label??s.title,r=i.apps.find(e=>e.id===s.app),c=s.nav.filter(e=>e.kind==="item").filter(e=>e.href!==d?.href).slice(0,6),p=["Navigation, breadcrumb and page header","Plan / role gating from the registry","Data table \u2014 sort, pin, resize, export","Record drawer and command palette","Empty, loading and error states"];return t(y,{children:[a(u,{crumbs:[...i.homeCrumb?[i.homeCrumb]:[],...r&&r.href!==i.homeCrumb?.href?[{label:r.name,href:r.href}]:[],{label:s.title,href:s.href},{label:l}],title:l,description:s.description}),t("div",{className:"grid grid-cols-1 items-start gap-3 lg:grid-cols-[minmax(0,1fr)_320px]",children:[a(m,{className:"px-6 py-8",children:t("div",{className:"flex items-start gap-3.5",children:[a("span",{className:"grid size-9 shrink-0 place-items-center rounded-ctl bg-hover text-muted","aria-hidden":!0,children:a(f,{className:"size-4"})}),t("div",{className:"min-w-0",children:[t("h2",{className:"text-[15px] font-semibold text-text",children:[l," is designed but not built yet"]}),t("p",{className:"mt-1.5 max-w-[60ch] text-[13px] leading-5 text-muted",children:["The screen is in the navigation registry and inherits the page template. Its data contract is in the API specification; the page ships with its milestone",o?` (${o})`:"","."]})]})]})}),t("div",{className:"space-y-3",children:[t(m,{children:[a("h3",{className:"text-[13px] font-semibold text-text",children:"Already wired"}),a("ul",{className:"mt-2.5 space-y-2",children:p.map(e=>t("li",{className:"flex items-start gap-2 text-[13px] text-body",children:[a(x,{className:"mt-0.5 size-3.5 shrink-0 text-success"}),e]},e))})]}),c.length?t(m,{children:[t("h3",{className:"text-[13px] font-semibold text-text",children:["Elsewhere in ",s.title]}),a("ul",{className:"-mx-1.5 mt-2",children:c.map(e=>e.kind==="item"?a("li",{children:t(g,{href:e.href,className:"flex items-center gap-2 rounded-ctl px-1.5 py-1.5 text-[13px] text-body transition-colors hover:bg-hover hover:text-text",children:[a("span",{className:"min-w-0 flex-1 truncate",children:e.label}),a(h,{className:"size-3 shrink-0 text-muted"})]})},e.href):null)})]}):null]})]})]})}export{I as PlaceholderScreen};

package/dist/shell/record-drawer.d.ts

@@ -0,0 +1,32 @@
+import * as React from "react";
+import type { Tone } from "../types";
+/**
+ * THE DRAWER — docs/DESIGN-SYSTEM.md §2.2 (revised 2026-09-25, CEO).
+ *
+ * Opening a record still never navigates: the list keeps its scroll, filters
+ * and selection underneath. The drawer is modal — the list is blurred and
+ * inert until the drawer is closed (Escape, the close button or a click on the
+ * blurred list), so nothing behind it is clicked by accident.
+ *
+ * A record with its own page (`href`) gets "Open full page"; the widen button
+ * gives more room without leaving the list.
+ */
+export declare function RecordDrawer(): React.JSX.Element | null;
+export declare function DrawerFields({ fields, className, }: {
+    fields: {
+        label: string;
+        value: React.ReactNode;
+        mono?: boolean;
+        num?: boolean;
+    }[];
+    className?: string;
+}): React.JSX.Element;
+export declare function Timeline({ events, }: {
+    events: {
+        id: string;
+        title: string;
+        detail?: React.ReactNode;
+        meta?: string;
+        tone?: Tone;
+    }[];
+}): React.JSX.Element;

package/dist/shell/record-drawer.js

@@ -0,0 +1 @@
+"use client";import{jsx as e,jsxs as s}from"react/jsx-runtime";import{ArrowUpRight as p,Maximize2 as u,Minimize2 as b,X as g}from"lucide-react";import*as x from"react";import{StatusBadge as v}from"../components/ui/badge.js";import{Button as f}from"../components/ui/button.js";import{Sheet as h,SheetClose as N,SheetContent as w,SheetTitle as T}from"../components/ui/sheet.js";import{Tabs as y,TabsContent as C,TabsList as k,TabsTrigger as S}from"../components/ui/tabs.js";import{cn as n}from"../lib/utils.js";import{useDrawer as l}from"../store/drawer-store.js";function O(){const[i,r]=x.useState(!1),t=l(a=>a.record),o=l(a=>a.tab),d=l(a=>a.setTab),m=l(a=>a.close);if(!t)return null;const c=t.tabs.length===1;return e(h,{open:!0,onOpenChange:a=>!a&&m(),children:s(w,{hideClose:!0,width:i?"w-full sm:w-[min(980px,78vw)]":"w-full sm:w-[min(600px,100vw)]",className:"transition-[width] duration-[260ms] ease-wave","aria-describedby":void 0,children:[s("div",{className:"relative shrink-0 overflow-hidden border-b border-border",children:[e("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-0 bg-[radial-gradient(520px_160px_at_0%_0%,rgba(99,102,241,.14),transparent_70%)]"}),s("div",{className:"relative px-6 pb-5 pt-5",children:[s("div",{className:"flex items-start gap-4",children:[t.leading?e("div",{className:"shrink-0",children:t.leading}):null,s("div",{className:"min-w-0 flex-1",children:[s("div",{className:"flex flex-wrap items-center gap-2",children:[e(T,{className:"disp text-[20px] font-semibold leading-7 tracking-tight [overflow-wrap:anywhere]",children:t.title}),t.status?e(v,{label:t.status.label,tone:t.status.tone}):null]}),t.subtitle?e("p",{className:"mt-0.5 truncate text-[12.5px] text-muted",children:t.subtitle}):null]}),s("div",{className:"-mr-2 -mt-1 flex shrink-0 items-center gap-0.5 rounded-xl border border-border bg-raised/80 p-0.5 shadow-[0_1px_2px_rgba(5,8,22,.14)] backdrop-blur",children:[e("button",{type:"button",className:"hidden size-8 cursor-pointer place-items-center rounded-lg text-muted transition-colors hover:bg-hover hover:text-text sm:grid","aria-label":i?"Narrow drawer":"Widen drawer",title:i?"Narrow":"Widen",onClick:()=>r(a=>!a),children:i?e(b,{className:"size-4"}):e(u,{className:"size-4"})}),e(N,{className:"grid size-8 cursor-pointer place-items-center rounded-lg text-muted transition-colors hover:bg-hover hover:text-text","aria-label":"Close",title:"Close (Esc)",children:e(g,{className:"size-4"})})]})]}),t.actions||t.href?s("div",{className:"mt-4 flex flex-wrap items-center gap-2",children:[t.actions,t.href?e(f,{size:"sm",variant:"secondary",asChild:!0,children:s("a",{href:t.href,children:["Open full page",e(p,{})]})}):null]}):null]})]}),c?e("div",{className:"min-h-0 flex-1 overflow-y-auto bg-surface/40 px-6 py-5",children:t.tabs[0].content}):s(y,{value:o,onValueChange:d,className:"flex min-h-0 flex-1 flex-col",children:[e(k,{className:"shrink-0 px-4",children:t.tabs.map(a=>e(S,{value:a.id,count:a.count,children:a.label},a.id))}),e("div",{className:"min-h-0 flex-1 overflow-y-auto bg-surface/40",children:t.tabs.map(a=>e(C,{value:a.id,className:"px-6 py-5",children:a.content},a.id))})]})]})})}function W({fields:i,className:r}){return e("dl",{className:n("grid gap-x-6 gap-y-4 sm:grid-cols-2",r),children:i.map(t=>s("div",{children:[e("dt",{className:"ov mb-1",children:t.label}),e("dd",{className:n("min-w-0 text-[13px] text-text [overflow-wrap:anywhere]",t.mono&&"mono",t.num&&"num"),children:t.value})]},t.label))})}const z={neutral:"bg-muted",info:"bg-primary",success:"bg-success",warning:"bg-warning",danger:"bg-danger",accent:"bg-accent"};function A({events:i}){return e("ol",{className:"relative border-l border-border pl-5",children:i.map(r=>s("li",{className:"relative pb-5 last:pb-0",children:[e("span",{className:n("absolute -left-[25px] top-1 size-2 rounded-full ring-4 ring-raised",z[r.tone??"neutral"]),"aria-hidden":!0}),e("p",{className:"text-[13px] font-medium text-text",children:r.title}),r.detail?e("div",{className:"mt-0.5 text-xs text-muted",children:r.detail}):null,r.meta?e("p",{className:"mt-1 text-[11px] text-muted",children:r.meta}):null]},r.id))})}export{W as DrawerFields,O as RecordDrawer,A as Timeline};

package/dist/shell/registry.d.ts

@@ -0,0 +1,24 @@
+import type { ModuleDef, NavNode } from "../types";
+type Item = Extract<NavNode, {
+    kind: "item";
+}>;
+/**
+ * The module that owns a route: the longest href that prefixes it, across the
+ * module's own href and every screen it lists. Longest wins so `/agents/runs`
+ * belongs to the screen that names it, not to `/agents`.
+ */
+export declare function moduleFromPath(modules: ModuleDef[], pathname: string): ModuleDef;
+export declare function navItemFromPath(pathname: string, mod: ModuleDef): Item | undefined;
+/**
+ * What the rail shows for an app: its entitled modules, the system modules at
+ * the foot, and — when the route belongs to neither — the current module as a
+ * "visiting" item, because a rail that highlights nothing has stopped saying
+ * where you are.
+ */
+export declare function railModules(modules: ModuleDef[], appId: string, activeKey: string, isEntitled?: (m: ModuleDef) => boolean): {
+    modules: ModuleDef[];
+    platform: ModuleDef[];
+    visiting: ModuleDef | null;
+    order: ModuleDef[];
+};
+export {};

package/dist/shell/registry.js

@@ -0,0 +1 @@
+function u(e,r){return r==="/"?e==="/":e===r||e.startsWith(`${r}/`)}function d(e,r){let n,o=-1;for(const f of e){const s=[f.href,...f.nav.filter(i=>i.kind==="item").map(i=>i.href)];for(const i of s)u(r,i)&&i.length>o&&(n=f,o=i.length)}return n??e[0]}function m(e,r){let n;for(const o of r.nav)o.kind!=="item"||!u(e,o.href)||(!n||o.href.length>n.href.length)&&(n=o);return n}function c(e,r,n,o=()=>!0){const f=e.filter(t=>t.app===r&&!t.system&&o(t)),s=e.filter(t=>t.system&&o(t)),l=f.some(t=>t.key===n)||s.some(t=>t.key===n)?null:e.find(t=>t.key===n)??null;return{modules:f,platform:s,visiting:l,order:[...f,...l?[l]:[],...s]}}export{d as moduleFromPath,m as navItemFromPath,c as railModules};

package/dist/shell/topbar.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Topbar — §5 and §4.5c/§4.5d.
+ *
+ * Three zones: **[nav] [search] [account]**. The field is centred absolutely
+ * and sized from the clearance the sides need, collapsing to its icon below a
+ * 980px *header* container width (container query, not media query) — or
+ * 1220px when the product asks for the wide clearance.
+ */
+export declare function Topbar(): import("react").JSX.Element;

package/dist/shell/topbar.js

@@ -0,0 +1 @@
+"use client";import{jsx as e,jsxs as o}from"react/jsx-runtime";import{Menu as x,PanelLeft as h,Search as p}from"lucide-react";import{WaveMark as f}from"../components/brand/logo.js";import{Button as l}from"../components/ui/button.js";import{Tooltip as g}from"../components/ui/tooltip.js";import{cn as v}from"../lib/utils.js";import{useUi as s}from"../store/ui-store.js";import{AppSwitcher as N}from"./app-switcher.js";import{Notifications as k}from"./notifications.js";import{UserMenu as w}from"./user-menu.js";import{useActive as z}from"./use-active.js";function I(){const m=s(a=>a.togglePanel),i=s(a=>a.setPalette),c=s(a=>a.setMobileNav),u=s(a=>a.setLauncher),{cfg:t,app:r}=z(),b=r.icon,n=t.showAppSwitcher!==!1&&t.apps.length>1,d=t.searchClearance==="wide";return e("header",{className:"col-start-3 col-end-4 row-start-1 flex border-b border-border bg-canvas px-4 sm:px-6",children:o("div",{className:"@container relative mx-auto flex w-full max-w-[1600px] items-center gap-2 sm:gap-2.5",children:[o("div",{className:"flex min-w-0 items-center gap-2",children:[e(g,{label:"Toggle panel",shortcut:"\u2318B",children:e(l,{variant:"ghost",size:"icon",onClick:m,className:"-ml-2.5 hidden lg:inline-flex","aria-label":"Toggle module panel",children:e(h,{})})}),e(l,{variant:"ghost",size:"icon",onClick:()=>c(!0),className:"-ml-2.5 lg:hidden","aria-label":"Open navigation",children:e(x,{})}),o("button",{type:"button",onClick:()=>n?u(!0):c(!0),"aria-label":`WAVEINNO, ${r.name}`,className:"flex min-w-0 shrink items-center gap-2 rounded-full py-1 pl-0.5 pr-2 transition-colors hover:bg-hover lg:hidden",children:[o("span",{className:"relative shrink-0",children:[e(f,{size:"sm"}),e("span",{className:"absolute -bottom-0.5 -right-0.5 grid size-[13px] place-items-center rounded-full text-white ring-2 ring-canvas",style:{background:r.tint},children:e(b,{className:"size-2"})})]}),e("span",{className:`disp truncate text-[13px] font-semibold text-text ${n?"md:hidden":""}`,children:r.name})]})]}),o("button",{type:"button",onClick:()=>i(!0),className:v("absolute left-1/2 top-1/2 hidden h-[38px] -translate-x-1/2 -translate-y-1/2 cursor-text items-center gap-2.5 rounded-full border border-border bg-surface px-[15px] text-left transition-[background-color,border-color,box-shadow] hover:border-border2 focus-visible:border-primary focus-visible:bg-raised focus-visible:shadow-elev2",d?"w-[clamp(260px,calc(100%-960px),560px)] @min-[1220px]:flex":"w-[clamp(260px,calc(100%-720px),560px)] @min-[980px]:flex"),children:[e(p,{className:"size-4 shrink-0 text-muted"}),e("span",{className:"flex-1 truncate text-sm text-placeholder",children:t.searchPlaceholder??"Search screens and records\u2026"}),e("kbd",{className:"hidden rounded-[5px] border border-border2 px-1.5 text-[11px] font-medium text-muted md:inline",children:"\u2318K"})]}),o("div",{className:"ml-auto flex items-center gap-2 sm:gap-2.5",children:[e(l,{variant:"ghost",size:"icon",onClick:()=>i(!0),className:d?"@min-[1220px]:hidden":"@min-[980px]:hidden","aria-label":"Search",children:e(p,{})}),t.topbarExtra?e("div",{className:"hidden sm:block",children:t.topbarExtra}):null,t.scope?e("div",{className:"hidden sm:block",children:t.scope}):null,n?e("div",{className:"hidden md:block",children:e(N,{})}):null,e(k,{}),e(w,{})]})]})})}export{I as Topbar};

package/dist/shell/use-active.d.ts

@@ -0,0 +1,21 @@
+/** One read of "where am I" shared by rail, panel, topbar and mobile sheet. */
+export declare function useActive(): {
+    cfg: import("./config").ShellConfig;
+    pathname: string;
+    mod: import("..").ModuleDef;
+    item: {
+        kind: "item";
+        label: string;
+        href: string;
+        count?: string;
+        hot?: boolean;
+    } | undefined;
+    app: import("..").AppDef;
+    rail: {
+        modules: import("..").ModuleDef[];
+        platform: import("..").ModuleDef[];
+        visiting: import("..").ModuleDef | null;
+        order: import("..").ModuleDef[];
+    };
+    isEntitled: (m: import("..").ModuleDef) => boolean;
+};

package/dist/shell/use-active.js

@@ -0,0 +1 @@
+"use client";import{usePathname as l}from"next/navigation";import{useApp as u}from"../store/app-store.js";import{useShell as f}from"./config.js";import{moduleFromPath as h,navItemFromPath as v,railModules as I}from"./registry.js";function F(){const t=f(),e=l(),p=u(o=>o.appId),s=h(t.modules,e),m=v(e,s),a=o=>!!o&&t.apps.some(c=>c.id===o),r=s.app??(a(p)?p:t.apps[0].id),n=t.apps.find(o=>o.id===r)??t.apps[0],i=t.isEntitled??(()=>!0),d=I(t.modules,n.id,s.key,i);return{cfg:t,pathname:e,mod:s,item:m,app:n,rail:d,isEntitled:i}}export{F as useActive};

package/dist/shell/user-menu.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Account menu — and the home of appearance. Theme and density are
+ * preferences set once, so they live here rather than in the topbar.
+ */
+export declare function UserMenu(): import("react").JSX.Element;

package/dist/shell/user-menu.js

@@ -0,0 +1 @@
+"use client";import{Fragment as D,jsx as e,jsxs as t}from"react/jsx-runtime";import{LogOut as l}from"lucide-react";import c from"next/link";import{Avatar as s}from"../components/ui/avatar.js";import{DropdownMenu as u,DropdownMenuContent as d,DropdownMenuItem as m,DropdownMenuLabel as x,DropdownMenuSeparator as a,DropdownMenuTrigger as g}from"../components/ui/dropdown-menu.js";import{DensityPicker as f,ThemeToggle as w}from"./appearance-controls.js";import{useShell as v}from"./config.js";function L(){const{user:n,userLinks:r=[],onSignOut:p}=v();return t(u,{children:[e(g,{className:"shrink-0 cursor-pointer rounded-full","aria-label":"Account menu",children:e(s,{name:n.name,src:n.avatar})}),t(d,{align:"end",className:"w-72",children:[t("div",{className:"flex items-center gap-2.5 px-2.5 py-2.5",children:[e(s,{name:n.name,size:"lg"}),t("div",{className:"min-w-0",children:[e("p",{className:"truncate text-[13px] font-semibold text-text",children:n.name}),e("p",{className:"truncate text-[11px] text-muted",children:n.email})]})]}),t("div",{className:"mx-2.5 mb-1 rounded-ctl bg-hover px-2.5 py-2",children:[e("p",{className:"ov",children:"Signed in as"}),e("p",{className:"mt-0.5 text-xs text-text",children:n.role}),n.context?e("p",{className:"mt-0.5 text-[11px] text-muted",children:n.context}):null]}),e(a,{}),e(x,{children:"Appearance"}),t("div",{className:"flex items-center justify-between gap-2 px-2.5 py-1.5",onClick:o=>o.stopPropagation(),children:[e("span",{className:"text-[13px] text-body",children:"Theme"}),e(w,{})]}),t("div",{className:"flex items-center justify-between gap-2 px-2.5 pb-2 pt-1",onClick:o=>o.stopPropagation(),children:[e("span",{className:"text-[13px] text-body",children:"Density"}),e(f,{compact:!0})]}),r.length?e(a,{}):null,r.map(o=>{const i=o.icon;return e(m,{asChild:!0,children:t(c,{href:o.href,children:[e(i,{}),o.label]})},o.href)}),p?t(D,{children:[e(a,{}),t(m,{danger:!0,onSelect:p,children:[e(l,{}),"Sign out"]})]}):null]})]})}export{L as UserMenu};

package/dist/store/app-store.d.ts

@@ -0,0 +1,10 @@
+interface AppState {
+    appId: string | null;
+    hydrated: boolean;
+    hydrate: (valid: string[]) => void;
+    setApp: (id: string) => void;
+    /** Follow the route when a link lands in another app's module. Not persisted. */
+    syncFromRoute: (id: string | null) => void;
+}
+export declare const useApp: import("zustand").UseBoundStore<import("zustand").StoreApi<AppState>>;
+export {};

package/dist/store/app-store.js

@@ -0,0 +1 @@
+"use client";import{create as o}from"zustand";const d="waveinno.app",i=o((e,r)=>({appId:null,hydrated:!1,hydrate:t=>{if(r().hydrated)return;let a=r().appId;try{const p=window.localStorage.getItem(d);p&&t.includes(p)&&!a&&(a=p)}catch{}e({appId:a,hydrated:!0})},setApp:t=>{try{window.localStorage.setItem(d,t)}catch{}e({appId:t})},syncFromRoute:t=>{!t||t===r().appId||e({appId:t})}}));export{i as useApp};

package/dist/store/drawer-store.d.ts

@@ -0,0 +1,22 @@
+import type { DrawerRecord } from "../types";
+/**
+ * The drawer law — docs/DESIGN-SYSTEM.md §2.2.
+ *
+ * Opening a record must never navigate: the list keeps its scroll, filters and
+ * selection. The URL still gets `?record=` via history.replaceState, so a
+ * drawer is linkable without a Next.js navigation.
+ *
+ * Unlike the ERP template, the record carries its own tabs: an SEO issue, an
+ * agent run and a server have nothing in common beyond a title and a status.
+ */
+interface DrawerState {
+    record: DrawerRecord | null;
+    tab: string;
+    open: (record: DrawerRecord, tab?: string) => void;
+    close: () => void;
+    setTab: (tab: string) => void;
+    /** Re-open from `?record=` on first mount. */
+    restore: (lookup: (id: string) => DrawerRecord | undefined) => void;
+}
+export declare const useDrawer: import("zustand").UseBoundStore<import("zustand").StoreApi<DrawerState>>;
+export {};

package/dist/store/drawer-store.js

@@ -0,0 +1 @@
+"use client";import{create as i}from"zustand";function n(r){if(typeof window>"u")return;const e=new URL(window.location.href);r?e.searchParams.set("record",r):e.searchParams.delete("record"),window.history.replaceState(window.history.state,"",e)}const d=i(r=>({record:null,tab:"",open:(e,t)=>{n(e.id),r({record:e,tab:t??e.tabs[0]?.id??""})},close:()=>{n(null),r({record:null})},setTab:e=>r({tab:e}),restore:e=>{if(typeof window>"u")return;const t=new URL(window.location.href).searchParams.get("record");if(!t)return;const o=e(t);o&&r({record:o,tab:o.tabs[0]?.id??""})}}));export{d as useDrawer};

package/dist/store/index.d.ts

@@ -0,0 +1,5 @@
+/** State: zustand stores the shell and patterns share. */
+export * from "./app-store";
+export * from "./drawer-store";
+export * from "./settings-store";
+export * from "./ui-store";

package/dist/store/index.js

@@ -0,0 +1 @@
+export*from"./app-store.js";export*from"./drawer-store.js";export*from"./settings-store.js";export*from"./ui-store.js";

package/dist/store/settings-store.d.ts

@@ -0,0 +1,22 @@
+import { type CurrencyConfig, type Grouping, type SymbolPosition } from "../lib/currency";
+/**
+ * Reader preferences for money.
+ *
+ * The **code** is the organisation's billing currency and comes from the shell
+ * config; grouping, decimals and symbol position are per-user preferences —
+ * a Dhaka team reading a USD invoice still reads in lakh.
+ */
+interface SettingsState {
+    overrideCode: string | null;
+    grouping: Grouping | null;
+    decimals: number | null;
+    position: SymbolPosition;
+    setOverrideCode: (code: string | null) => void;
+    setGrouping: (g: Grouping | null) => void;
+    setDecimals: (d: number | null) => void;
+    setPosition: (p: SymbolPosition) => void;
+}
+export declare const useSettings: import("zustand").UseBoundStore<import("zustand").StoreApi<SettingsState>>;
+/** The resolved currency every amount in the product formats with. */
+export declare function useCurrency(): CurrencyConfig;
+export {};

package/dist/store/settings-store.js

@@ -0,0 +1 @@
+"use client";import{create as l}from"zustand";import{configFor as u}from"../lib/currency.js";import{useShellCurrency as d}from"../shell/config.js";const n=l(i=>({overrideCode:null,grouping:null,decimals:null,position:"before",setOverrideCode:o=>i({overrideCode:o}),setGrouping:o=>i({grouping:o}),setDecimals:o=>i({decimals:o}),setPosition:o=>i({position:o})}));function m(){const i=d(),o=n(e=>e.overrideCode),r=n(e=>e.grouping),t=n(e=>e.decimals),s=n(e=>e.position);return u(o??i,{...r?{grouping:r}:{},...t!==null?{decimals:t}:{},position:s})}export{m as useCurrency,n as useSettings};

package/dist/store/ui-store.d.ts

@@ -0,0 +1,28 @@
+import type { Density, Theme } from "../types";
+/**
+ * Shell UI state.
+ *
+ * Theme and density live on <html> as data-attributes — set by a blocking
+ * script before first paint (see app/layout.tsx), so there is no flash and no
+ * hydration mismatch. This store is the *controller*, not the source of truth:
+ * it reads the DOM on mount and writes back on change.
+ */
+interface UiState {
+    theme: Theme;
+    density: Density;
+    panelCollapsed: boolean;
+    paletteOpen: boolean;
+    launcherOpen: boolean;
+    mobileNavOpen: boolean;
+    hydrated: boolean;
+    hydrate: () => void;
+    setTheme: (t: Theme) => void;
+    toggleTheme: () => void;
+    setDensity: (d: Density) => void;
+    togglePanel: () => void;
+    setPalette: (open: boolean) => void;
+    setLauncher: (open: boolean) => void;
+    setMobileNav: (open: boolean) => void;
+}
+export declare const useUi: import("zustand").UseBoundStore<import("zustand").StoreApi<UiState>>;
+export {};

package/dist/store/ui-store.js

@@ -0,0 +1 @@
+"use client";import{create as s}from"zustand";import{DENSITY_KEY as m,PANEL_KEY as n,THEME_KEY as r}from"../lib/boot-script.js";function l(t,a){try{window.localStorage.setItem(t,a)}catch{}}const h=s((t,a)=>({theme:"light",density:"default",panelCollapsed:!1,paletteOpen:!1,launcherOpen:!1,mobileNavOpen:!1,hydrated:!1,hydrate:()=>{if(a().hydrated)return;const e=document.documentElement,d=e.getAttribute("data-theme")??"light",i=e.getAttribute("data-density")??"default";let o=!1;try{o=window.localStorage.getItem(n)==="1"}catch{}e.toggleAttribute("data-panel-collapsed",o),t({theme:d,density:i,panelCollapsed:o,hydrated:!0})},setTheme:e=>{document.documentElement.setAttribute("data-theme",e),document.documentElement.style.colorScheme=e,l(r,e),t({theme:e})},toggleTheme:()=>a().setTheme(a().theme==="dark"?"light":"dark"),setDensity:e=>{document.documentElement.setAttribute("data-density",e),l(m,e),t({density:e})},togglePanel:()=>{const e=!a().panelCollapsed;document.documentElement.toggleAttribute("data-panel-collapsed",e),l(n,e?"1":"0"),t({panelCollapsed:e})},setPalette:e=>t({paletteOpen:e}),setLauncher:e=>t({launcherOpen:e}),setMobileNav:e=>t({mobileNavOpen:e})}));export{h as useUi};