@nadicodeai/ui 12.1.62 → 12.1.63

package/dist/components/dropdown-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../src/components/dropdown-menu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../src/components/dropdown-menu.tsx"],"names":[],"mappings":"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"}

package/dist/components/dropdown-menu.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
 import { Menu as MenuPrimitive } from "@base-ui/react/menu";
 import { cn } from "../lib/utils.js";
 import { anchoredOverlayMotion } from "../lib/motion.js";
@@ -26,8 +27,15 @@ function DropdownMenuItem({ className, iconOnly = false, inset, variant = "defau
     return (_jsx(MenuPrimitive.Item, { "data-slot": "dropdown-menu-item", "data-icon-only": iconOnly || undefined, "data-inset": inset, "data-variant": variant, className: cn("group/dropdown-menu-item relative flex min-h-touch-target cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 group-data-[density=comfortable]/menu:px-3 group-data-[density=comfortable]/menu:py-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-7 data-[variant=destructive]:text-destructive-soft-foreground data-[variant=destructive]:focus:bg-destructive-soft data-[variant=destructive]:focus:text-destructive-soft-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [@media(hover:hover)_and_(pointer:fine)]:min-h-0 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive-soft-foreground", iconOnly &&
             "size-8 min-w-touch-target shrink-0 justify-center rounded-md p-0 group-data-[density=comfortable]/menu:p-0 [@media(hover:hover)_and_(pointer:fine)]:min-w-0", className), ...props }));
 }
-function DropdownMenuCommand({ icon, children, className, ...props }) {
-    return (_jsxs(DropdownMenuItem, { ...props, className: cn(className, "h-auto w-full min-w-0 justify-start gap-3 text-left font-normal whitespace-normal"), children: [_jsx("span", { className: "min-w-0 flex-1 break-words", children: children }), _jsx("span", { "aria-hidden": "true", className: "flex shrink-0 items-center justify-center", children: icon })] }));
+/**
+ * A command in a record's or a page's menu: its label first, a decorative icon
+ * at the trailing edge. A command that cannot run now is `disabled` and stays
+ * in place, greyed, with its `reason` under the label (DESIGN.md "Menus and
+ * commands").
+ */
+function DropdownMenuCommand({ icon, children, className, reason, ...props }) {
+    const id = React.useId();
+    return (_jsxs(DropdownMenuItem, { "aria-labelledby": reason ? `${id}-label` : undefined, "aria-describedby": reason ? `${id}-reason` : undefined, ...props, className: cn(className, "h-auto w-full min-w-0 justify-start gap-3 text-left font-normal whitespace-normal"), children: [_jsxs("span", { className: "grid min-w-0 flex-1 gap-0.5 break-words", children: [_jsx("span", { id: `${id}-label`, children: children }), reason ? (_jsx("span", { className: "text-xs text-muted-foreground", "data-slot": "dropdown-menu-reason", id: `${id}-reason`, children: reason })) : null] }), _jsx("span", { "aria-hidden": "true", className: "flex shrink-0 items-center justify-center", children: icon })] }));
 }
 function DropdownMenuSub({ ...props }) {
     return _jsx(MenuPrimitive.SubmenuRoot, { "data-slot": "dropdown-menu-sub", ...props });

package/dist/components/empty-art.d.ts

@@ -0,0 +1,17 @@
+/** The pictures of `@nadicodeai/design-system/assets/empty`, the only ones a first use shows. */
+export declare const EMPTY_ART_NAMES: readonly ["agents", "apps", "billing", "customers", "installations", "library", "mcp", "messages", "partners", "passwords", "plugins", "skills", "tasks"];
+export type EmptyArtName = (typeof EMPTY_ART_NAMES)[number];
+declare const approved: unique symbol;
+/** A picture's address that came from the approved set through `approveEmptyArt`. */
+export type EmptyArt = string & {
+    readonly [approved]: true;
+};
+/**
+ * The product's one map of the approved pictures, built from the design
+ * system's imports; the bundler of each product decides their addresses.
+ */
+export declare function approveEmptyArt(imported: Record<EmptyArtName, string | {
+    src: string;
+}>): Record<EmptyArtName, EmptyArt>;
+export {};
+//# sourceMappingURL=empty-art.d.ts.map

package/dist/components/empty-art.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-art.d.ts","sourceRoot":"","sources":["../../src/components/empty-art.ts"],"names":[],"mappings":"AAIA,iGAAiG;AACjG,eAAO,MAAM,eAAe,2JAclB,CAAC;AAEX,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5D,OAAO,CAAC,MAAM,QAAQ,EAAE,OAAO,MAAM,CAAC;AAEtC,qFAAqF;AACrF,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG;IAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAA;CAAE,CAAC;AAE9D;;;GAGG;AACH,wBAAgB,eAAe,CAC7B,QAAQ,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,GAAG;IAAE,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC,GACvD,MAAM,CAAC,YAAY,EAAE,QAAQ,CAAC,CAOhC"}

package/dist/components/empty-art.js

@@ -0,0 +1,29 @@
+// No client directive: a server page builds its product's picture map with
+// `approveEmptyArt` while the module loads, and Next.js refuses a call into a
+// client module from the server.
+/** The pictures of `@nadicodeai/design-system/assets/empty`, the only ones a first use shows. */
+export const EMPTY_ART_NAMES = [
+    "agents",
+    "apps",
+    "billing",
+    "customers",
+    "installations",
+    "library",
+    "mcp",
+    "messages",
+    "partners",
+    "passwords",
+    "plugins",
+    "skills",
+    "tasks",
+];
+/**
+ * The product's one map of the approved pictures, built from the design
+ * system's imports; the bundler of each product decides their addresses.
+ */
+export function approveEmptyArt(imported) {
+    return Object.fromEntries(EMPTY_ART_NAMES.map((name) => {
+        const asset = imported[name];
+        return [name, typeof asset === "string" ? asset : asset.src];
+    }));
+}

package/dist/components/empty-state.d.ts

@@ -0,0 +1,38 @@
+import type { EmptyArt } from "./empty-art.js";
+import { type PageCommand } from "./page-actions.js";
+import { type ResolvedMessage } from "./product-message.js";
+/**
+ * What a place with nothing in it says (DESIGN.md "Elevation & Depth", the
+ * absence paragraph):
+ * - `firstUse`: a collection with no records yet whose kind has a picture in
+ *   the approved set: the picture, a title, one line saying what will live
+ *   there, and, when this viewer can add one, the action that adds the first
+ *   record;
+ * - `nothingYet`: a list with no picture of its own, such as invoices, history
+ *   or a table inside a page: one line;
+ * - `noResults`: a search or filter that matches nothing: one line and the way
+ *   to clear it, with no picture;
+ * - `failed`: a read that failed where the content would be: the warning mark
+ *   and the catalogue's message, with its controls (Retry among them).
+ */
+export type EmptyStateProps = {
+    scope?: "page" | "region" | "card";
+} & ({
+    kind: "firstUse";
+    picture: EmptyArt;
+    title: string;
+    description: string;
+    action?: PageCommand;
+} | {
+    kind: "nothingYet";
+    message: string;
+} | {
+    kind: "noResults";
+    message: string;
+    clear: PageCommand;
+} | {
+    kind: "failed";
+    message: ResolvedMessage;
+});
+export declare function EmptyState(props: EmptyStateProps): import("react").JSX.Element;
+//# sourceMappingURL=empty-state.d.ts.map

package/dist/components/empty-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../src/components/empty-state.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,KAAK,WAAW,EAAqB,MAAM,gBAAgB,CAAC;AACrE,OAAO,EAAmB,KAAK,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAE1E;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,eAAe,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAA;CAAE,GAAG,CACnE;IACE,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,QAAQ,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB,GACD;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,GACvC;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,WAAW,CAAA;CAAE,GAC1D;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,OAAO,EAAE,eAAe,CAAA;CAAE,CAC/C,CAAC;AAEF,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,+BA6ChD"}

package/dist/components/empty-state.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AlertTriangleIcon } from "lucide-react";
+import { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyPicture, EmptyTitle, } from "../internal/empty.js";
+import { PageCommandButton } from "./page-actions.js";
+import { bodyBeyondTitle } from "./product-message.js";
+export function EmptyState(props) {
+    const scope = props.scope ?? "region";
+    return (_jsxs(Empty, { "data-empty-state": props.kind, scope: scope, children: [_jsxs(EmptyHeader, { children: [props.kind === "firstUse" ? (_jsx(EmptyPicture, { size: scope === "page" ? "page" : "card", src: props.picture })) : null, props.kind === "failed" ? (_jsx(EmptyMedia, { variant: "icon", children: _jsx(AlertTriangleIcon, { "aria-hidden": "true" }) })) : null, props.kind === "firstUse" ? (_jsxs("div", { className: "grid gap-1", children: [_jsx(EmptyTitle, { children: _jsx("h2", { children: props.title }) }), _jsx(EmptyDescription, { children: props.description })] })) : props.kind === "failed" ? (_jsx(FailedRead, { message: props.message })) : (_jsx(EmptyDescription, { children: props.message }))] }), props.kind === "firstUse" && props.action ? (_jsx(EmptyContent, { "data-empty-state-action": true, children: _jsx(PageCommandButton, { command: props.action, variant: "default" }) })) : null, props.kind === "noResults" ? (_jsx(EmptyContent, { "data-empty-state-action": true, children: _jsx(PageCommandButton, { command: props.clear, variant: "outline" }) })) : null, props.kind === "failed" && props.message.actions.length > 0 ? (_jsx(EmptyContent, { "data-empty-state-action": true, children: props.message.actions.map((action) => (_jsx(PageCommandButton, { command: action, variant: "outline" }, action.label))) })) : null] }));
+}
+function FailedRead({ message }) {
+    const body = bodyBeyondTitle(message);
+    return (_jsxs("div", { className: "grid min-w-0 gap-1", "data-message-code": message.code, role: "alert", children: [_jsx(EmptyTitle, { className: "break-words", children: message.title }), body ? _jsx(EmptyDescription, { className: "break-words", children: body }) : null] }));
+}

package/dist/components/feedback-state.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { Empty } from "./empty.js";
+import { Empty } from "../internal/empty.js";
 export type FeedbackStateStatus = "empty" | "loading" | "saving" | "error" | "permission" | "offline" | "no-results" | "fatal";
 declare function FeedbackState({ status, title, description, icon, actions, children, compact, className, ...props }: Omit<React.ComponentProps<typeof Empty>, "children" | "title"> & {
     status: FeedbackStateStatus;

package/dist/components/feedback-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feedback-state.d.ts","sourceRoot":"","sources":["../../src/components/feedback-state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,EACL,KAAK,EAMN,MAAM,oBAAoB,CAAC;AAE5B,MAAM,MAAM,mBAAmB,GAC3B,OAAO,GACP,SAAS,GACT,QAAQ,GACR,OAAO,GACP,YAAY,GACZ,SAAS,GACT,YAAY,GACZ,OAAO,CAAC;AA8DZ,iBAAS,aAAa,CAAC,EACrB,MAAM,EACN,KAAK,EACL,WAAW,EACX,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,OAAe,EACf,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,GAAG;IAClE,MAAM,EAAE,mBAAmB,CAAC;IAC5B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,qBA0CA;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"feedback-state.d.ts","sourceRoot":"","sources":["../../src/components/feedback-state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,EACL,KAAK,EAMN,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,mBAAmB,GAC3B,OAAO,GACP,SAAS,GACT,QAAQ,GACR,OAAO,GACP,YAAY,GACZ,SAAS,GACT,YAAY,GACZ,OAAO,CAAC;AA8DZ,iBAAS,aAAa,CAAC,EACrB,MAAM,EACN,KAAK,EACL,WAAW,EACX,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,OAAe,EACf,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,GAAG;IAClE,MAAM,EAAE,mBAAmB,CAAC;IAC5B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,qBA0CA;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/feedback-state.js

@@ -3,7 +3,7 @@ import * as React from "react";
 import { AlertTriangleIcon, BanIcon, CloudOffIcon, InboxIcon, LockKeyholeIcon, SearchXIcon, } from "lucide-react";
 import { cn } from "../lib/utils.js";
 import { WaitingLine } from "./waiting-line.js";
-import { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, } from "./empty.js";
+import { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, } from "../internal/empty.js";
 const feedbackStateDefaults = {
     empty: {
         title: "Nothing here yet",

package/dist/components/field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../src/components/field.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,+BAW1E;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,OAAkB,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;CAAE,+BAYnE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAWvE;AAED,QAAA,MAAM,aAAa;;8EAajB,CAAC;AAEH,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,WAAwB,EACxB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,+BAUlE;AAKD,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAWzE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,+BAY9E;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAWvE;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,+BAa3E;AAED,iBAAS,cAAc,CAAC,EACtB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,+BAsBA;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,MAAM,CAAC,EAAE,KAAK,CAAC;QAAE,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC,CAAC;CAClD,sCAuCA;AAED,OAAO,EACL,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,WAAW,EACX,cAAc,EACd,QAAQ,EACR,YAAY,EACZ,UAAU,GACX,CAAC"}
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../src/components/field.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,+BAW1E;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,OAAkB,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;CAAE,+BAYnE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAWvE;AAED,QAAA,MAAM,aAAa;;8EAajB,CAAC;AAEH,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,WAAwB,EACxB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,+BAUlE;AAKD,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAWzE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,+BAY9E;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAWvE;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,+BAa3E;AAED,iBAAS,cAAc,CAAC,EACtB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,+BAsBA;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,MAAM,CAAC,EAAE,KAAK,CAAC;QAAE,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC,CAAC;CAClD,sCAwCA;AAED,OAAO,EACL,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,WAAW,EACX,cAAc,EACd,QAAQ,EACR,YAAY,EACZ,UAAU,GACX,CAAC"}

package/dist/components/field.js

@@ -59,7 +59,9 @@ function FieldError({ className, children, errors, ...props }) {
         if (uniqueErrors?.length == 1) {
             return uniqueErrors[0]?.message;
         }
-        return (_jsx("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map((error) => error?.message && _jsx("li", { children: error.message }, error.message)) }));
+        return (_jsx("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map(
+            // eslint-disable-next-line product-message/raw-text -- a field's validation messages come from the form's schema, worded by the product, and stay with their field
+            (error) => error?.message && _jsx("li", { children: error.message }, error.message)) }));
     }, [children, errors]);
     if (!content) {
         return null;

package/dist/components/form-drawer.d.ts

@@ -0,0 +1,62 @@
+import type { ComponentProps, ReactNode } from "react";
+export type FormDrawerProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** Runs once the drawer has finished opening or closing, such as to return focus. */
+    onOpenChangeComplete?: (open: boolean) => void;
+    /** What the drawer does to which record: "Add a password", "Edit Rossi", "Connect Slack". */
+    title: ReactNode;
+    description?: ReactNode;
+    /** The accessible name of the close control at the top. */
+    closeLabel: string;
+    /** A `FormDrawerForm`, or a `FormDrawerBody` and `FormDrawerFooter` for a step that is not one form. */
+    children: ReactNode;
+};
+/**
+ * The one drawer every product opens to create, edit or connect a record
+ * (DESIGN.md "Menus and commands"): from the right, its title and a close
+ * control at the top, the fields in a body that scrolls, the actions in a
+ * footer that stays in place with the primary rightmost. On a narrow window it
+ * keeps its right edge and fills the width. A centred dialog only confirms a
+ * consequence; it never holds a form.
+ */
+export declare function FormDrawer({ open, onOpenChange, onOpenChangeComplete, title, description, closeLabel, children, }: FormDrawerProps): import("react").JSX.Element;
+/** The part of the drawer that scrolls between its title and its footer. */
+export declare function FormDrawerBody({ className, ...props }: ComponentProps<"div">): import("react").JSX.Element;
+export type FormDrawerFooterProps = {
+    /** Cancel, drawn left of the actions; it closes the drawer. */
+    cancel?: {
+        label: string;
+        disabled?: boolean;
+    };
+    /** The step's own actions, the primary last so it sits rightmost. */
+    children?: ReactNode;
+};
+/** The footer that stays in place under the body: Cancel, then the actions, right-aligned. */
+export declare function FormDrawerFooter({ cancel, children }: FormDrawerFooterProps): import("react").JSX.Element;
+export type FormDrawerSubmit = {
+    label: string;
+    /** The button's own word while the save runs. */
+    pendingLabel?: string;
+    /** The save is running: the button says so and holds, and the waiting line follows. */
+    pending?: boolean;
+    /** Nothing to save yet, or a field still needs an answer. */
+    disabled?: boolean;
+    destructive?: boolean;
+    /** The id of the line that says why the save cannot run yet. */
+    describedBy?: string;
+};
+export type FormDrawerFormProps = Omit<ComponentProps<"form">, "children" | "className"> & {
+    cancelLabel: string;
+    submit: FormDrawerSubmit;
+    /** A refusal or a failure of the save, between the body and the footer, where the button is. */
+    notice?: ReactNode;
+    children: ReactNode;
+};
+/**
+ * The drawer's form: the fields in the body, a notice where the save button
+ * is, and the footer with Cancel and the save rightmost. Cancel holds while the
+ * save runs, so a running save is never left without its drawer.
+ */
+export declare function FormDrawerForm({ cancelLabel, submit, notice, children, ...form }: FormDrawerFormProps): import("react").JSX.Element;
+//# sourceMappingURL=form-drawer.d.ts.map

package/dist/components/form-drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-drawer.d.ts","sourceRoot":"","sources":["../../src/components/form-drawer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAgBvD,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,qFAAqF;IACrF,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,6FAA6F;IAC7F,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,2DAA2D;IAC3D,UAAU,EAAE,MAAM,CAAC;IACnB,wGAAwG;IACxG,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;;;;;;GAOG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,YAAY,EACZ,oBAAoB,EACpB,KAAK,EACL,WAAW,EACX,UAAU,EACV,QAAQ,GACT,EAAE,eAAe,+BAgBjB;AAED,4EAA4E;AAC5E,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,+BAW5E;AAED,MAAM,MAAM,qBAAqB,GAAG;IAClC,+DAA+D;IAC/D,MAAM,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IAC/C,qEAAqE;IACrE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,8FAA8F;AAC9F,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,qBAAqB,+BAc3E;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uFAAuF;IACvF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gEAAgE;IAChE,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC,GAAG;IACzF,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,gBAAgB,CAAC;IACzB,gGAAgG;IAChG,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAC7B,WAAW,EACX,MAAM,EACN,MAAM,EACN,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,mBAAmB,+BA+BrB"}

package/dist/components/form-drawer.js

@@ -0,0 +1,35 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "./button.js";
+import { PendingLabel } from "./pending-label.js";
+import { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, } from "./sheet.js";
+import { WaitingLine } from "./waiting-line.js";
+import { cn } from "../lib/utils.js";
+/**
+ * The one drawer every product opens to create, edit or connect a record
+ * (DESIGN.md "Menus and commands"): from the right, its title and a close
+ * control at the top, the fields in a body that scrolls, the actions in a
+ * footer that stays in place with the primary rightmost. On a narrow window it
+ * keeps its right edge and fills the width. A centred dialog only confirms a
+ * consequence; it never holds a form.
+ */
+export function FormDrawer({ open, onOpenChange, onOpenChangeComplete, title, description, closeLabel, children, }) {
+    return (_jsx(Sheet, { open: open, onOpenChange: onOpenChange, onOpenChangeComplete: onOpenChangeComplete, children: _jsxs(SheetContent, { className: "max-sm:data-[side=right]:left-nadicode-sm max-sm:data-[side=right]:w-auto", closeLabel: closeLabel, side: "right", children: [_jsxs(SheetHeader, { className: "pr-12", children: [_jsx(SheetTitle, { className: "break-words", children: title }), description ? _jsx(SheetDescription, { children: description }) : null] }), children] }) }));
+}
+/** The part of the drawer that scrolls between its title and its footer. */
+export function FormDrawerBody({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "form-drawer-body", className: cn("grid min-h-0 flex-1 grid-cols-[minmax(0,1fr)] content-start gap-4 overflow-y-auto px-nadicode-lg", className), ...props }));
+}
+/** The footer that stays in place under the body: Cancel, then the actions, right-aligned. */
+export function FormDrawerFooter({ cancel, children }) {
+    return (_jsxs(SheetFooter, { className: "flex-row flex-wrap items-center justify-end", "data-slot": "form-drawer-footer", children: [cancel ? (_jsx(SheetClose, { disabled: cancel.disabled, render: _jsx(Button, { type: "button", variant: "outline" }), children: cancel.label })) : null, children] }));
+}
+/**
+ * The drawer's form: the fields in the body, a notice where the save button
+ * is, and the footer with Cancel and the save rightmost. Cancel holds while the
+ * save runs, so a running save is never left without its drawer.
+ */
+export function FormDrawerForm({ cancelLabel, submit, notice, children, ...form }) {
+    const pending = submit.pending === true;
+    return (_jsxs("form", { "aria-busy": pending || undefined, className: "flex min-h-0 flex-1 flex-col", "data-slot": "form-drawer-form", ...form, children: [_jsx(FormDrawerBody, { children: children }), notice ? (_jsx("div", { className: "px-nadicode-lg pt-nadicode-md", "data-slot": "form-drawer-notice", children: notice })) : null, _jsxs(FormDrawerFooter, { cancel: { label: cancelLabel, disabled: pending }, children: [_jsx(Button, { "aria-busy": pending || undefined, "aria-describedby": submit.describedBy, disabled: pending || submit.disabled, type: "submit", variant: submit.destructive ? "destructive" : "default", children: _jsx(PendingLabel, { pending: pending, pendingLabel: submit.pendingLabel ?? submit.label, children: submit.label }) }), pending ? _jsx(WaitingLine, { className: "basis-full", decorative: true }) : null] })] }));
+}

package/dist/components/hover-card.js

@@ -10,6 +10,6 @@ function HoverCardTrigger({ ...props }) {
     return _jsx(PreviewCardPrimitive.Trigger, { "data-slot": "hover-card-trigger", ...props });
 }
 function HoverCardContent({ className, side = "bottom", sideOffset = 4, align = "center", alignOffset = 4, ...props }) {
-    return (_jsx(PreviewCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: _jsx(PreviewCardPrimitive.Positioner, { align: align, alignOffset: alignOffset, side: side, sideOffset: sideOffset, className: "isolate z-50", children: _jsx(PreviewCardPrimitive.Popup, { "data-slot": "hover-card-content", className: cn("z-50 w-64 rounded-md border-0 bg-popover p-control-padding-inline text-sm text-popover-foreground nc-elevation-floating outline-hidden", anchoredOverlayMotion, className), ...props }) }) }));
+    return (_jsx(PreviewCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: _jsx(PreviewCardPrimitive.Positioner, { align: align, alignOffset: alignOffset, side: side, sideOffset: sideOffset, className: "isolate z-50", children: _jsx(PreviewCardPrimitive.Popup, { "data-slot": "hover-card-content", className: cn("z-50 w-64 rounded-lg border-0 bg-popover p-control-padding-inline text-sm text-popover-foreground nc-elevation-floating outline-hidden", anchoredOverlayMotion, className), ...props }) }) }));
 }
 export { HoverCard, HoverCardTrigger, HoverCardContent };

package/dist/components/menubar.js

@@ -21,7 +21,7 @@ function MenubarTrigger({ className, ...props }) {
     return (_jsx(DropdownMenuTrigger, { "data-slot": "menubar-trigger", className: cn("flex min-h-touch-target items-center rounded-md px-1.5 py-[2px] text-sm font-medium outline-hidden select-none hover:bg-muted aria-expanded:bg-muted [@media(hover:hover)_and_(pointer:fine)]:min-h-0", className), ...props }));
 }
 function MenubarContent({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }) {
-    return (_jsx(DropdownMenuContent, { "data-slot": "menubar-content", align: align, alignOffset: alignOffset, sideOffset: sideOffset, className: cn("min-w-36 rounded-md border-0 nc-glass p-nadicode-xxs text-popover-foreground nc-elevation-floating", className), ...props }));
+    return (_jsx(DropdownMenuContent, { "data-slot": "menubar-content", align: align, alignOffset: alignOffset, sideOffset: sideOffset, className: cn("min-w-36 rounded-lg border-0 nc-glass p-nadicode-xxs text-popover-foreground nc-elevation-floating", className), ...props }));
 }
 function MenubarItem({ className, inset, variant = "default", ...props }) {
     return (_jsx(DropdownMenuItem, { "data-slot": "menubar-item", "data-inset": inset, "data-variant": variant, className: cn("group/menubar-item min-h-touch-target gap-1.5 rounded-md px-1.5 py-1 text-sm focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-7 data-[variant=destructive]:text-destructive-soft-foreground data-[variant=destructive]:focus:bg-destructive-soft data-[variant=destructive]:focus:text-destructive-soft-foreground data-disabled:opacity-50 [@media(hover:hover)_and_(pointer:fine)]:min-h-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive-soft-foreground!", className), ...props }));

package/dist/components/message-notice.d.ts

@@ -0,0 +1,18 @@
+import { type ResolvedMessage } from "./product-message.js";
+export type MessageNoticeTone = "destructive" | "warning" | "info";
+/**
+ * A message where it changes the reader's decision (DESIGN.md "Elevation &
+ * Depth", the notice paragraph):
+ * - `action`: under the control whose write failed, as one passage with its
+ *   controls beside it;
+ * - `section`: at the top of the section it concerns, framed, for a condition
+ *   that lasts.
+ */
+export type MessageNoticeProps = {
+    message: ResolvedMessage;
+    placement: "action" | "section";
+    tone?: MessageNoticeTone;
+    className?: string;
+};
+export declare function MessageNotice({ message, placement, tone, className, }: MessageNoticeProps): import("react").JSX.Element;
+//# sourceMappingURL=message-notice.d.ts.map

package/dist/components/message-notice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-notice.d.ts","sourceRoot":"","sources":["../../src/components/message-notice.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAmB,KAAK,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAE1E,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAAG,SAAS,GAAG,MAAM,CAAC;AAEnE;;;;;;;GAOG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,EAAE,eAAe,CAAC;IACzB,SAAS,EAAE,QAAQ,GAAG,SAAS,CAAC;IAChC,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAeF,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,SAAS,EACT,IAAoB,EACpB,SAAS,GACV,EAAE,kBAAkB,+BA2CpB"}

package/dist/components/message-notice.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+import { NoticeBanner } from "./notice-banner.js";
+import { PageCommandButton } from "./page-actions.js";
+import { bodyBeyondTitle } from "./product-message.js";
+function MessageActions({ message }) {
+    if (message.actions.length === 0) {
+        return null;
+    }
+    return (_jsx("div", { className: "flex flex-wrap items-center gap-2", "data-message-actions": true, children: message.actions.map((action) => (_jsx(PageCommandButton, { command: action, variant: "outline" }, action.label))) }));
+}
+export function MessageNotice({ message, placement, tone = "destructive", className, }) {
+    const body = bodyBeyondTitle(message);
+    if (placement === "section") {
+        return (_jsx(NoticeBanner, { action: message.actions.length > 0 ? _jsx(MessageActions, { message: message }) : undefined, className: className, "data-message-code": message.code, description: body ?? undefined, liveRegion: "polite", title: _jsx("span", { className: "min-w-0 break-words", children: message.title }), tone: tone }));
+    }
+    return (_jsxs("div", { className: cn("flex min-w-0 flex-col gap-2 text-sm", className), "data-message-code": message.code, "data-message-notice": "action", role: tone === "info" ? "status" : "alert", children: [_jsxs("p", { className: cn("m-0 min-w-0 break-words", tone === "destructive" && "text-destructive", tone === "warning" && "text-warning-soft-foreground", tone === "info" && "text-muted-foreground"), children: [_jsx("span", { className: "block font-medium", children: message.title }), body ? (_jsxs(_Fragment, { children: [" ", _jsx("span", { className: "block", children: body })] })) : null] }), _jsx(MessageActions, { message: message })] }));
+}

package/dist/components/model-mark.d.ts

@@ -13,6 +13,11 @@ type ModelMarkProps = Omit<React.ComponentProps<"span">, "children"> & {
      */
     label?: string;
 };
+/**
+ * A model's maker as LobeHub draws it, in the tile every mark shares, with the
+ * model's name beside it when one is given. A maker LobeHub has no mark for
+ * keeps its initials and is named in words.
+ */
 declare function ModelMark({ author, name, size, label, className, ...props }: ModelMarkProps): React.JSX.Element;
 export { ModelMark };
 export type { ModelMarkProps };

package/dist/components/model-mark.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"model-mark.d.ts","sourceRoot":"","sources":["../../src/components/model-mark.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA0J/B,KAAK,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG;IACrE,6EAA6E;IAC7E,MAAM,EAAE,MAAM,CAAC;IACf,0EAA0E;IAC1E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4FAA4F;IAC5F,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,iBAAS,SAAS,CAAC,EACjB,MAAM,EACN,IAAI,EACJ,IAAsB,EACtB,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,qBAgEhB;AAED,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"model-mark.d.ts","sourceRoot":"","sources":["../../src/components/model-mark.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA4F/B,KAAK,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG;IACrE,6EAA6E;IAC7E,MAAM,EAAE,MAAM,CAAC;IACf,0EAA0E;IAC1E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4FAA4F;IAC5F,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA+DF;;;;GAIG;AACH,iBAAS,SAAS,CAAC,EACjB,MAAM,EACN,IAAI,EACJ,IAAsB,EACtB,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,qBAsChB;AAED,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/model-mark.js

@@ -1,83 +1,42 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
 import { cn } from "../lib/utils.js";
-import { AionLabsIcon, ArceeIcon, BaiduIcon, ByteDanceIcon, ClaudeIcon, CohereIcon, DeepseekIcon, DolphinIcon, DotsStudioIcon, GeminiIcon, GrokIcon, HuggingFaceIcon, IbmIcon, InclusionAiIcon, InceptionIcon, InferenceIcon, KwaipilotIcon, LiquidIcon, LongcatIcon, MetaIcon, MicrosoftIcon, MinimaxIcon, MistralIcon, MoonshotIcon, MorphIcon, NexAgiIcon, NousResearchIcon, NovaIcon, NvidiaIcon, OpenaiIcon, OpenrouterIcon, PerceptronIcon, PerplexityIcon, PoolsideIcon, QwenIcon, RekaIcon, RelaceIcon, SakanaIcon, StepfunIcon, TencentIcon, TheDrummerIcon, ThinkingMachinesIcon, UnbiasedIcon, UpstageIcon, WriterIcon, XiaomiMimoIcon, ZaiIcon, } from "./brand-icons.js";
-function identity(Mark) {
-    return { Mark, source: "identity" };
-}
-function openRouterHuggingFaceFallback() {
-    return { Mark: HuggingFaceIcon, source: "openrouter-hugging-face-fallback" };
-}
-const MODEL_AUTHOR_MARKS = {
-    "aion-labs": identity(AionLabsIcon),
-    amazon: identity(NovaIcon),
-    "anthracite-org": openRouterHuggingFaceFallback(),
-    anthropic: identity(ClaudeIcon),
-    "arcee-ai": identity(ArceeIcon),
-    baidu: identity(BaiduIcon),
-    bytedance: identity(ByteDanceIcon),
-    "bytedance-seed": identity(ByteDanceIcon),
-    cognitivecomputations: identity(DolphinIcon),
-    cohere: identity(CohereIcon),
-    deepseek: identity(DeepseekIcon),
-    "dots-studio": identity(DotsStudioIcon),
-    google: identity(GeminiIcon),
-    gryphe: openRouterHuggingFaceFallback(),
-    "ibm-granite": identity(IbmIcon),
-    inception: identity(InceptionIcon),
-    inclusionai: identity(InclusionAiIcon),
-    "inference-net": identity(InferenceIcon),
-    kwaipilot: identity(KwaipilotIcon),
-    liquid: identity(LiquidIcon),
-    mancer: openRouterHuggingFaceFallback(),
-    meituan: identity(LongcatIcon),
-    meta: identity(MetaIcon),
-    "meta-llama": identity(MetaIcon),
-    microsoft: identity(MicrosoftIcon),
-    minimax: identity(MinimaxIcon),
-    mistralai: identity(MistralIcon),
-    moonshotai: identity(MoonshotIcon),
-    morph: identity(MorphIcon),
-    "nex-agi": identity(NexAgiIcon),
-    nousresearch: identity(NousResearchIcon),
-    nvidia: identity(NvidiaIcon),
-    openai: identity(OpenaiIcon),
-    openrouter: identity(OpenrouterIcon),
-    perceptron: identity(PerceptronIcon),
-    perplexity: identity(PerplexityIcon),
-    poolside: identity(PoolsideIcon),
-    "prism-ml": openRouterHuggingFaceFallback(),
-    qwen: identity(QwenIcon),
-    rekaai: identity(RekaIcon),
-    relace: identity(RelaceIcon),
-    sakana: identity(SakanaIcon),
-    sao10k: openRouterHuggingFaceFallback(),
-    stepfun: identity(StepfunIcon),
-    tencent: identity(TencentIcon),
-    thedrummer: identity(TheDrummerIcon),
-    thinkingmachines: identity(ThinkingMachinesIcon),
-    unbiased: identity(UnbiasedIcon),
-    undi95: openRouterHuggingFaceFallback(),
-    upstage: identity(UpstageIcon),
-    writer: identity(WriterIcon),
-    "x-ai": identity(GrokIcon),
-    xiaomi: identity(XiaomiMimoIcon),
-    "z-ai": identity(ZaiIcon),
+/**
+ * The one table of names: an OpenRouter author slug whose maker LobeHub's icon
+ * set files under another name. Every other author is looked up by its slug.
+ */
+const LOBEHUB_NAMES = {
+    "aion-labs": "aionlabs",
+    amazon: "nova",
+    anthropic: "claude",
+    "arcee-ai": "arcee",
+    "bytedance-seed": "bytedance",
+    cognitivecomputations: "dolphin",
+    "dots-studio": "dotsstudio",
+    google: "gemini",
+    "ibm-granite": "ibm",
+    "inference-net": "inference",
+    meituan: "longcat",
+    "meta-llama": "meta",
+    mistralai: "mistral",
+    moonshotai: "moonshot",
+    rekaai: "reka",
+    "x-ai": "grok",
+    xiaomi: "xiaomimimo",
+    "z-ai": "zai",
 };
+/** The shape of every file name in LobeHub's set, without its variant suffix. */
+const LOBEHUB_NAME = /^[a-z0-9]+$/;
 const MODEL_MARK_SIZE = 24;
 /** The glyph's share of the tile, the ratio the boards' generator derived. */
 const MODEL_MARK_GLYPH_RATIO = 0.62;
-/**
- * Whether a usage read's author slug names a maker this package ships. `hasOwn`
- * and not a bare index: the slug is external input, so an author named
- * `constructor` or `toString` must reach the neutral tile rather than an
- * inherited method.
- */
-function isModelAuthor(slug) {
-    return Object.hasOwn(MODEL_AUTHOR_MARKS, slug);
-}
 function normalizedAuthor(author) {
     return author.trim().toLowerCase().replace(/^~+/, "");
 }
+function lobehubName(slug) {
+    const name = Object.hasOwn(LOBEHUB_NAMES, slug) ? LOBEHUB_NAMES[slug] : slug;
+    return name && LOBEHUB_NAME.test(name) ? name : undefined;
+}
 function authorInitials(author) {
     const words = author.split(/[^a-z0-9]+/).filter(Boolean);
     return (words
@@ -86,10 +45,55 @@ function authorInitials(author) {
         .join("")
         .toUpperCase() || "?");
 }
+/*
+ * The UI build writes every mark of LobeHub's set into `dist/model-marks/`,
+ * one module each, so the bundler splits them and a page fetches only the
+ * marks it draws. The server waits for the module, and the browser keeps the
+ * server's mark while it hydrates. `use` remembers a promise it has seen
+ * settle, so a mark drawn again renders at once.
+ */
+const marks = new Map();
+function makerMark(name) {
+    let mark = marks.get(name);
+    if (!mark) {
+        mark = import(`../model-marks/${name}-color.js`)
+            .catch(() => import(`../model-marks/${name}.js`))
+            .then((module) => module.default, () => null);
+        marks.set(name, mark);
+    }
+    return mark;
+}
+/** The artwork's ids, scoped to one drawing, so two marks on a page never share a gradient. */
+function scopedIds(svg, scope) {
+    let scoped = svg;
+    for (const [, id] of svg.matchAll(/\sid="([^"]+)"/g)) {
+        scoped = scoped
+            .replaceAll(`id="${id}"`, `id="${scope}-${id}"`)
+            .replaceAll(`#${id})`, `#${scope}-${id})`)
+            .replaceAll(`#${id}"`, `#${scope}-${id}"`);
+    }
+    return scoped;
+}
+/**
+ * The tile and the name. `svg` is the maker's mark, `null` when LobeHub has
+ * none, and `undefined` while it loads, when the tile stays empty at its size.
+ */
+function MarkReading({ author, slug, name, size, svg, }) {
+    const scope = React.useId().replace(/[^\w]/g, "");
+    const glyph = Math.round(size * MODEL_MARK_GLYPH_RATIO);
+    return (_jsxs(_Fragment, { children: [_jsx("span", { "data-slot": "model-mark-tile", "aria-hidden": "true", className: "inline-flex shrink-0 items-center justify-center rounded-md border border-border bg-background text-foreground", style: { width: size, height: size }, children: svg ? (_jsx("span", { className: "inline-flex *:size-full", dangerouslySetInnerHTML: { __html: scopedIds(svg, scope) }, "data-slot": "model-mark-glyph", style: { width: glyph, height: glyph } })) : svg === null ? (_jsx("span", { className: "font-semibold leading-none text-muted-foreground", "data-slot": "model-author-monogram", style: { fontSize: Math.max(8, Math.round(size * 0.32)) }, children: authorInitials(slug) })) : null }), name ? (_jsxs("span", { className: "min-w-0 truncate", children: [_jsx("span", { className: "font-medium", children: name }), svg === null ? (_jsxs(_Fragment, { children: [" ", _jsx("span", { className: "text-xs text-muted-foreground", children: author })] })) : null] })) : null] }));
+}
+function LoadedReading({ mark, ...reading }) {
+    return _jsx(MarkReading, { ...reading, svg: React.use(makerMark(mark)) });
+}
+/**
+ * A model's maker as LobeHub draws it, in the tile every mark shares, with the
+ * model's name beside it when one is given. A maker LobeHub has no mark for
+ * keeps its initials and is named in words.
+ */
 function ModelMark({ author, name, size = MODEL_MARK_SIZE, label, className, ...props }) {
     const slug = normalizedAuthor(author);
-    const definition = isModelAuthor(slug) ? MODEL_AUTHOR_MARKS[slug] : undefined;
-    const Mark = definition?.Mark;
+    const mark = lobehubName(slug);
     // A name reaches the root from `label` or from the caller's own aria
     // attributes; only the `label` prop also states the role, because a name
     // alone on a generic element is not an accessible name. A mark with no name
@@ -101,6 +105,7 @@ function ModelMark({ author, name, size = MODEL_MARK_SIZE, label, className, ...
         : label?.trim()
             ? { role: "img", "aria-label": label }
             : {};
-    return (_jsxs("span", { "data-slot": "model-mark", "data-author": author, "data-resolved-author": slug, className: cn("inline-flex min-w-0 max-w-full items-center gap-1.5", className), ...props, ...labelling, children: [_jsx("span", { "data-slot": "model-mark-tile", "data-mark": Mark ? "brand" : "monogram", "data-mark-source": definition?.source, "aria-hidden": "true", className: "inline-flex shrink-0 items-center justify-center rounded-md border border-border bg-background text-foreground", style: { width: size, height: size }, children: Mark ? (_jsx(Mark, { size: Math.round(size * MODEL_MARK_GLYPH_RATIO) })) : (_jsx("span", { "aria-hidden": "true", className: "font-semibold leading-none text-muted-foreground", "data-slot": "model-author-monogram", style: { fontSize: Math.max(8, Math.round(size * 0.32)) }, children: authorInitials(slug) })) }), name ? (_jsxs("span", { className: "min-w-0 truncate", children: [_jsx("span", { className: "font-medium", children: name }), Mark ? null : (_jsxs(_Fragment, { children: [" ", _jsx("span", { className: "text-xs text-muted-foreground", children: author })] }))] })) : null] }));
+    const reading = { author, slug, name, size };
+    return (_jsx("span", { "data-slot": "model-mark", "data-author": author, "data-resolved-author": slug, "data-maker": mark, className: cn("inline-flex min-w-0 max-w-full items-center gap-1.5", className), ...props, ...labelling, children: mark ? (_jsx(React.Suspense, { fallback: _jsx(MarkReading, { ...reading, svg: undefined }), children: _jsx(LoadedReading, { ...reading, mark: mark }) })) : (_jsx(MarkReading, { ...reading, svg: null })) }));
 }
 export { ModelMark };