@nadicodeai/ui 12.1.51 → 12.1.53

package/LICENSES/VGPU-MIT.txt

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Vercel, Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/NOTICE

@@ -35,3 +35,15 @@ Copyright (c) 2026 ChingRu <hello@chingru.com>
 Licensed under the MIT License; the full text ships as
 LICENSES/SHADCN-HEATMAP-MIT.txt. The source is adapted to distinguish missing
 coverage from a measured zero and is composed by the shared ActivityCalendar.
+
+@nadicodeai/ui draws the company card's foil with vgpu's holographic card, from
+vgpu 0.5.0.
+
+vgpu
+Copyright (c) 2025 Vercel, Inc.
+
+Licensed under the MIT License; the full text ships as LICENSES/VGPU-MIT.txt.
+src/components/company-card/renderer.ts keeps the example's WebGPU set-up, frame
+loop and cleanup, and src/components/company-card/shader.ts its light model; the
+surface is the card itself, the example's own marks give way to the card's
+engraving, and every colour is a design-system token.

package/dist/assets/brand/google.svg

@@ -0,0 +1,2 @@
+<!-- Google. Generated by packages/ui/scripts/build-icon-assets.mjs from @iconify-json/logos (CC0-1.0). -->
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 256 262" data-brand="google"><path fill="#4285f4" d="M255.88 133.45c0-10.73-.87-18.57-2.76-26.69H130.55v48.45h71.95c-1.45 12.04-9.29 30.17-26.7 42.36l-.24 1.62 38.76 30.02 2.68.27c24.66-22.78 38.88-56.28 38.88-96.03"></path><path fill="#34a853" d="M130.55 261.1c35.25 0 64.84-11.6 86.45-31.62l-41.2-31.91c-11.02 7.68-25.81 13.05-45.25 13.05-34.52 0-63.82-22.77-74.27-54.25l-1.53.13-40.3 31.19-.52 1.46c21.46 42.65 65.56 71.95 116.62 71.95"></path><path fill="#fbbc05" d="M56.28 156.37a80 80 0 0 1-4.35-25.82c0-9 1.6-17.7 4.2-25.82l-.07-1.73-40.8-31.69-1.34.64C5.08 89.65 0 109.52 0 130.55s5.08 40.9 13.93 58.6z"></path><path fill="#eb4335" d="M130.55 50.48c24.51 0 41.05 10.59 50.48 19.44l36.84-35.98C195.25 12.91 165.8 0 130.55 0 79.49 0 35.39 29.3 13.92 71.95l42.22 32.78c10.59-31.48 39.89-54.25 74.41-54.25"></path></svg>

package/dist/assets/brand/index.json

@@ -187,6 +187,14 @@
         "googlegmail"
       ]
     },
+    {
+      "slug": "google",
+      "name": "Google",
+      "set": "app",
+      "mono": false,
+      "file": "google.svg",
+      "aliases": []
+    },
     {
       "slug": "google-calendar",
       "name": "Google Calendar",

package/dist/components/agent-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"agent-card.d.ts","sourceRoot":"","sources":["../../src/components/agent-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,IAAI,EAA0C,MAAM,mBAAmB,CAAC;AAGjF,KAAK,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,UAAU,CAAC,GAAG;IAC1E,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,GAAG,EAAE,SAAS,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,6FAA6F;IAC7F,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB,CAAC;AAMF,iBAAS,SAAS,CAAC,EACjB,MAAM,EACN,SAAS,EACT,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,MAAM,EACN,GAAG,KAAK,EACT,EAAE,cAAc,+BAsDhB;AAED,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,CAAC"}
+{"version":3,"file":"agent-card.d.ts","sourceRoot":"","sources":["../../src/components/agent-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,IAAI,EAA0C,MAAM,mBAAmB,CAAC;AAGjF,KAAK,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,UAAU,CAAC,GAAG;IAC1E,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,GAAG,EAAE,SAAS,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,6FAA6F;IAC7F,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB,CAAC;AAMF,iBAAS,SAAS,CAAC,EACjB,MAAM,EACN,SAAS,EACT,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,MAAM,EACN,GAAG,KAAK,EACT,EAAE,cAAc,+BAwDhB;AAED,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,CAAC"}

package/dist/components/agent-card.js

@@ -9,6 +9,6 @@ function AgentCard({ action, className, job, meta, name, status, visual, ...prop
     const hasMeta = hasSlotContent(meta);
     const hasAction = hasSlotContent(action);
     const hasVisual = hasSlotContent(visual);
-    return (_jsxs(Card, { className: cn("h-full", className), ...props, children: [_jsxs("div", { className: cn("grid items-start gap-(--card-spacing) px-(--card-spacing)", hasVisual && "grid-cols-[auto_minmax(0,1fr)]"), children: [hasVisual ? (_jsx("div", { className: "grid size-24 place-items-center overflow-hidden", "data-slot": "agent-card-visual", children: visual })) : null, _jsxs("div", { className: "grid min-w-0 content-start gap-nadicode-xs", children: [_jsx(CardTitle, { className: "leading-tight font-semibold", children: name }), _jsx(CardDescription, { className: "leading-snug", children: job }), hasStatus ? (_jsx("div", { className: "flex flex-wrap items-center gap-nadicode-xxs pt-nadicode-xxs", "data-slot": "agent-card-status", children: status })) : null] })] }), hasMeta || hasAction ? (_jsxs(CardFooter, { className: "mt-auto gap-nadicode-sm border-t py-nadicode-sm", children: [hasMeta ? (_jsx("div", { className: "min-w-0 flex-1 text-xs text-muted-foreground", "data-slot": "agent-card-meta", children: meta })) : null, hasAction ? (_jsx("div", { className: "ml-auto shrink-0", "data-slot": "agent-card-action", children: action })) : null] })) : null] }));
+    return (_jsxs(Card, { className: cn("h-full", className), ...props, children: [_jsxs("div", { className: cn("grid items-start gap-(--card-spacing) px-(--card-spacing)", hasVisual && "grid-cols-[auto_minmax(0,1fr)]"), children: [hasVisual ? (_jsx("div", { className: "grid size-24 place-items-center overflow-hidden", "data-slot": "agent-card-visual", children: visual })) : null, _jsxs("div", { className: "grid min-w-0 content-start gap-nadicode-xs", children: [_jsx(CardTitle, { className: "leading-tight font-semibold break-words", children: name }), _jsx(CardDescription, { className: "leading-snug", children: job }), hasStatus ? (_jsx("div", { className: "flex flex-wrap items-center gap-nadicode-xxs pt-nadicode-xxs", "data-slot": "agent-card-status", children: status })) : null] })] }), hasMeta || hasAction ? (_jsxs(CardFooter, { className: "mt-auto gap-nadicode-sm border-t py-nadicode-sm", children: [hasMeta ? (_jsx("div", { className: "min-w-0 flex-1 text-xs text-muted-foreground", "data-slot": "agent-card-meta", children: meta })) : null, hasAction ? (_jsx("div", { className: "ml-auto shrink-0", "data-slot": "agent-card-action", children: action })) : null] })) : null] }));
 }
 export { AgentCard };

package/dist/components/agent-list-row.d.ts

@@ -0,0 +1,28 @@
+import type { CSSProperties } from "react";
+import { type AgentOrbFigure, type AgentOrbState } from "./agent-orb.js";
+/**
+ * One Agent in a list of them: the orb, the name, and the line that says what
+ * the Agent is doing now ("Answering on WhatsApp", "Working") or what it is
+ * for. It is the row's presentation alone, so the consumer owns the control
+ * around it: Nadia's Agents list puts it in the button that opens the Agent,
+ * and a website scene puts it in a list item that opens nothing.
+ *
+ * Narrow, the orb stands alone and the words stay for a screen reader, which is
+ * how Nadia's window draws the list when there is no room for the names.
+ */
+export declare function AgentListRow({ className, color, current, form, motionKey, name, narrow, size, state, stateLine, ...props }: Omit<React.ComponentProps<"span">, "color"> & {
+    /** The pigment of the Agent's chosen form; Nadia's striped ribbon keeps her own. */
+    color?: CSSProperties["color"];
+    /** The row the list is on now. */
+    current?: boolean;
+    form: AgentOrbFigure;
+    motionKey?: number;
+    name: string;
+    /** No room for the words: the orb alone, the rest for a screen reader. */
+    narrow?: boolean;
+    size?: 24 | 32 | 40;
+    state?: AgentOrbState;
+    /** What the Agent is doing, or what it is for. Absent, the name stands alone. */
+    stateLine?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=agent-list-row.d.ts.map

package/dist/components/agent-list-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"agent-list-row.d.ts","sourceRoot":"","sources":["../../src/components/agent-list-row.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAY,KAAK,cAAc,EAAE,KAAK,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAG3F;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,KAAK,EACL,OAAe,EACf,IAAI,EACJ,SAAS,EACT,IAAI,EACJ,MAAc,EACd,IAAS,EACT,KAAc,EACd,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,GAAG;IAC/C,oFAAoF;IACpF,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,kCAAkC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,cAAc,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,0EAA0E;IAC1E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BA4BA"}

package/dist/components/agent-list-row.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AgentOrb } from "./agent-orb.js";
+import { cn } from "../lib/utils.js";
+/**
+ * One Agent in a list of them: the orb, the name, and the line that says what
+ * the Agent is doing now ("Answering on WhatsApp", "Working") or what it is
+ * for. It is the row's presentation alone, so the consumer owns the control
+ * around it: Nadia's Agents list puts it in the button that opens the Agent,
+ * and a website scene puts it in a list item that opens nothing.
+ *
+ * Narrow, the orb stands alone and the words stay for a screen reader, which is
+ * how Nadia's window draws the list when there is no room for the names.
+ */
+export function AgentListRow({ className, color, current = false, form, motionKey, name, narrow = false, size = 40, state = "idle", stateLine, ...props }) {
+    return (_jsxs("span", { className: cn("flex w-full min-w-0 items-center gap-3 text-left text-sm", narrow && "justify-center", className), "data-slot": "agent-list-row", "data-current": current || undefined, ...props, children: [_jsx(AgentOrb, { color: color, decorative: true, form: form, motionKey: motionKey, size: size, state: state }), _jsxs("span", { className: cn("grid min-w-0", narrow && "sr-only"), children: [_jsx("span", { className: cn("truncate text-foreground", current && "font-medium"), children: name }), stateLine ? (_jsx("span", { className: "truncate text-xs text-muted-foreground", children: stateLine })) : null] })] }));
+}

package/dist/components/approval-row.d.ts

@@ -0,0 +1,21 @@
+import type { ComponentProps, ReactNode } from "react";
+import { Item } from "./item.js";
+/**
+ * One thing waiting for a person's yes: a mark for what is asking, the request
+ * in one sentence, what happened underneath it, and the single action that
+ * clears it. It is a row and not a card, because an approval is one of a list
+ * and the list is read top to bottom; put several in an `ItemGroup`.
+ *
+ * The row says what waits and offers the yes. Who may say it, what it changes
+ * and what happens after belong to the product that mounts it.
+ */
+export declare function ApprovalRow({ action, description, failed, media, title, ...props }: Omit<ComponentProps<typeof Item>, "children" | "variant" | "size" | "title"> & {
+    /** The mark of what is asking: a channel's mark, a person's avatar, an Agent's orb. */
+    media?: ReactNode;
+    title: ReactNode;
+    description?: ReactNode;
+    /** The description reports a failed attempt, so it is announced. */
+    failed?: boolean;
+    action?: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=approval-row.d.ts.map

package/dist/components/approval-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"approval-row.d.ts","sourceRoot":"","sources":["../../src/components/approval-row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EACL,IAAI,EAML,MAAM,mBAAmB,CAAC;AAE3B;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,WAAW,EACX,MAAM,EACN,KAAK,EACL,KAAK,EACL,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC,GAAG;IAChF,uFAAuF;IACvF,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,oEAAoE;IACpE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB,+BAaA"}

package/dist/components/approval-row.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Item, ItemActions, ItemContent, ItemDescription, ItemMedia, ItemTitle, } from "./item.js";
+/**
+ * One thing waiting for a person's yes: a mark for what is asking, the request
+ * in one sentence, what happened underneath it, and the single action that
+ * clears it. It is a row and not a card, because an approval is one of a list
+ * and the list is read top to bottom; put several in an `ItemGroup`.
+ *
+ * The row says what waits and offers the yes. Who may say it, what it changes
+ * and what happens after belong to the product that mounts it.
+ */
+export function ApprovalRow({ action, description, failed, media, title, ...props }) {
+    return (_jsxs(Item, { role: "listitem", size: "sm", variant: "outline", ...props, children: [media ? _jsx(ItemMedia, { children: media }) : null, _jsxs(ItemContent, { className: "min-w-0", children: [_jsx(ItemTitle, { children: title }), description ? (_jsx(ItemDescription, { ...(failed ? { role: "alert" } : {}), children: description })) : null] }), action ? _jsx(ItemActions, { children: action }) : null] }));
+}

package/dist/components/brand-icons/google.d.ts

@@ -0,0 +1,18 @@
+import { type BrandIconProps } from "./brand-icon.js";
+/**
+ * The google-icon mark from the Iconify `logos` set.
+ *
+ * Painted in the brand's official colors. Those colors are the identity
+ * being shown, so they do not follow the semantic theme.
+ *
+ * Under forced-colors mode the mark flattens to the user's system colors. That
+ * loss of brand color is the correct outcome of a contrast choice the user made,
+ * so `forced-color-adjust` stays at its `auto` default and nothing here
+ * preserves the paint.
+ *
+ * Hidden from assistive technology by default because a brand mark sits beside
+ * the text label that names it. Pass `role="img"` with an `aria-label` when
+ * the mark stands alone.
+ */
+export declare function GoogleIcon({ size, ...props }: BrandIconProps): import("react").JSX.Element;
+//# sourceMappingURL=google.d.ts.map

package/dist/components/brand-icons/google.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"google.d.ts","sourceRoot":"","sources":["../../../src/components/brand-icons/google.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuC,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAExF;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,UAAU,CAAC,EAAE,IAAsB,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BA8B9E"}

package/dist/components/brand-icons/google.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Generated by scripts/build-brand-icons.mjs from @iconify-json/logos (CC0-1.0).
+// Edit the allow-list in that script and regenerate; hand edits to brand-icons/google.tsx are lost.
+import { BRAND_ICON_SIZE, brandIconLabelling } from "./brand-icon.js";
+/**
+ * The google-icon mark from the Iconify `logos` set.
+ *
+ * Painted in the brand's official colors. Those colors are the identity
+ * being shown, so they do not follow the semantic theme.
+ *
+ * Under forced-colors mode the mark flattens to the user's system colors. That
+ * loss of brand color is the correct outcome of a contrast choice the user made,
+ * so `forced-color-adjust` stays at its `auto` default and nothing here
+ * preserves the paint.
+ *
+ * Hidden from assistive technology by default because a brand mark sits beside
+ * the text label that names it. Pass `role="img"` with an `aria-label` when
+ * the mark stands alone.
+ */
+export function GoogleIcon({ size = BRAND_ICON_SIZE, ...props }) {
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 256 262", "data-slot": "brand-icon", "data-brand": "google", ...props, ...brandIconLabelling(props), children: [_jsx("path", { fill: "#4285f4", d: "M255.88 133.45c0-10.73-.87-18.57-2.76-26.69H130.55v48.45h71.95c-1.45 12.04-9.29 30.17-26.7 42.36l-.24 1.62 38.76 30.02 2.68.27c24.66-22.78 38.88-56.28 38.88-96.03" }), _jsx("path", { fill: "#34a853", d: "M130.55 261.1c35.25 0 64.84-11.6 86.45-31.62l-41.2-31.91c-11.02 7.68-25.81 13.05-45.25 13.05-34.52 0-63.82-22.77-74.27-54.25l-1.53.13-40.3 31.19-.52 1.46c21.46 42.65 65.56 71.95 116.62 71.95" }), _jsx("path", { fill: "#fbbc05", d: "M56.28 156.37a80 80 0 0 1-4.35-25.82c0-9 1.6-17.7 4.2-25.82l-.07-1.73-40.8-31.69-1.34.64C5.08 89.65 0 109.52 0 130.55s5.08 40.9 13.93 58.6z" }), _jsx("path", { fill: "#eb4335", d: "M130.55 50.48c24.51 0 41.05 10.59 50.48 19.44l36.84-35.98C195.25 12.91 165.8 0 130.55 0 79.49 0 35.39 29.3 13.92 71.95l42.22 32.78c10.59-31.48 39.89-54.25 74.41-54.25" })] }));
+}

package/dist/components/brand-icons.d.ts

@@ -11,6 +11,7 @@ export { FigmaIcon } from "./brand-icons/figma.js";
 export { GithubIcon } from "./brand-icons/github.js";
 export { GitlabIcon } from "./brand-icons/gitlab.js";
 export { GmailIcon } from "./brand-icons/gmail.js";
+export { GoogleIcon } from "./brand-icons/google.js";
 export { GoogleCalendarIcon } from "./brand-icons/google-calendar.js";
 export { GoogleDriveIcon } from "./brand-icons/google-drive.js";
 export { IntercomIcon } from "./brand-icons/intercom.js";

package/dist/components/brand-icons.d.ts.map

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

package/dist/components/brand-icons.js

@@ -17,6 +17,7 @@ export { FigmaIcon } from "./brand-icons/figma.js";
 export { GithubIcon } from "./brand-icons/github.js";
 export { GitlabIcon } from "./brand-icons/gitlab.js";
 export { GmailIcon } from "./brand-icons/gmail.js";
+export { GoogleIcon } from "./brand-icons/google.js";
 export { GoogleCalendarIcon } from "./brand-icons/google-calendar.js";
 export { GoogleDriveIcon } from "./brand-icons/google-drive.js";
 export { IntercomIcon } from "./brand-icons/intercom.js";

package/dist/components/channel-view.d.ts

@@ -0,0 +1,89 @@
+import type { ReactNode } from "react";
+export declare function ChannelView({ children, className, header, }: {
+    children: ReactNode;
+    className?: string;
+    header: ReactNode;
+}): import("react").JSX.Element;
+export declare function ChannelHeader({ actions, className, glyph, memberCount, members, membersLabel, name, }: {
+    actions?: ReactNode;
+    className?: string;
+    /** What kind of channel this is; a plain channel is `#`. */
+    glyph?: ReactNode;
+    memberCount: number;
+    /** The channel's members as pictures, when the header shows them. */
+    members?: ReactNode;
+    /** The members control's own name, which says who is counted. */
+    membersLabel: string;
+    name: string;
+}): import("react").JSX.Element;
+/** The channel's members overlapped, the last one whole, as a stack of pictures. */
+export declare function ChannelMemberStack({ children, className, overflow, }: {
+    children: ReactNode;
+    className?: string;
+    /** How many more members there are than the stack shows, as "+N". */
+    overflow?: string;
+}): import("react").JSX.Element;
+/** A person in a channel: their initials on the muted fill, never a colour from the name. */
+export declare function ChannelPerson({ className, initials, name, }: {
+    className?: string;
+    initials: string;
+    name: string;
+}): import("react").JSX.Element;
+/** The day a run of messages belongs to: its name on the line that separates it. */
+export declare function ChannelDay({ className, label }: {
+    className?: string;
+    label: string;
+}): import("react").JSX.Element;
+export declare function ChannelMessage({ author, children, className, member, time, }: {
+    author: string;
+    children: ReactNode;
+    className?: string;
+    /** The author's picture: a person's `ChannelPerson`, a colleague's `AgentOrb`. */
+    member: ReactNode;
+    time: string;
+}): import("react").JSX.Element;
+/** A colleague addressed by name inside a message, the way a person types it. */
+export declare function ChannelMention({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+/** The reactions left on a message. */
+export declare function ChannelReactions({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function ChannelReaction({ count, glyph, label, mine, }: {
+    count: number;
+    glyph: string;
+    /** Who reacted, for a reader who cannot see the pill. */
+    label: string;
+    mine?: boolean;
+}): import("react").JSX.Element;
+/**
+ * The replies to a message, gathered under it: the pill that says how many there
+ * are and who wrote them, and the replies themselves, indented to the message's
+ * own text column.
+ */
+export declare function ChannelThread({ children, summary }: {
+    children?: ReactNode;
+    summary: ReactNode;
+}): import("react").JSX.Element;
+export declare function ChannelThreadSummary({ lastActivity, members, replies, }: {
+    lastActivity: string;
+    /** The people and colleagues who wrote in the thread, as pictures. */
+    members: ReactNode;
+    replies: string;
+}): import("react").JSX.Element;
+/** A file left in the conversation. */
+export declare function ChannelFile({ meta, name }: {
+    meta: string;
+    name: string;
+}): import("react").JSX.Element;
+/**
+ * What a voice call leaves in the conversation once it ends: that it happened,
+ * how many people were in it, and the way back to what was said.
+ */
+export declare function ChannelCall({ action, participants, title, }: {
+    action?: ReactNode;
+    participants: string;
+    title: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=channel-view.d.ts.map

package/dist/components/channel-view.d.ts.map

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

package/dist/components/channel-view.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Download, FileText, Hash, Headphones, Users } from "lucide-react";
+import { Avatar, AvatarFallback } from "./avatar.js";
+import { cn } from "../lib/utils.js";
+/**
+ * A work-chat channel, as presentation only: the channel's header, the day it
+ * opens on, the messages in it, the replies gathered under a message, a file
+ * left in the conversation, and the card a voice call leaves behind.
+ *
+ * It carries no data, no state and no store, so a product mounts it with its own
+ * members and messages. Every member's picture arrives as a slot: a person is
+ * the package `Avatar`, a digital colleague is its `AgentOrb`, which is the one
+ * Agent picture in every product (`DESIGN.md`, "Agent orbs").
+ *
+ * The geometry is Alveare's channel geometry: a 36 px member column, a 10 px gap
+ * to the text, the author and the time on one baseline, replies gathered in a
+ * pill under their message, and cards at the resting fill inside the line.
+ */
+const MEMBER_COLUMN = "flex w-9 shrink-0 justify-center";
+export function ChannelView({ children, className, header, }) {
+    return (_jsxs("div", { className: cn("grid min-h-0 min-w-0 grid-cols-[minmax(0,1fr)] grid-rows-[auto_minmax(0,1fr)] bg-background", className), children: [header, _jsx("div", { className: "flex min-h-0 min-w-0 flex-col justify-end overflow-hidden px-2 pb-4", children: children })] }));
+}
+export function ChannelHeader({ actions, className, glyph, memberCount, members, membersLabel, name, }) {
+    return (_jsx("header", { className: cn("min-w-0 shrink-0 select-none px-3 py-2 sm:px-5", className), children: _jsxs("div", { className: "flex h-9 min-w-0 items-center gap-2.5", children: [_jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-1", children: [_jsx("span", { "aria-hidden": "true", className: "flex shrink-0 items-center text-muted-foreground", children: glyph ?? _jsx(Hash, { className: "size-4" }) }), _jsx("h2", { className: "nc-type-body-md m-0 min-w-0 truncate font-medium text-foreground", children: name })] }), _jsxs("div", { className: "flex shrink-0 items-center gap-1.5", children: [members, _jsxs("span", { "aria-label": membersLabel, className: "inline-flex h-8 items-center gap-1.5 rounded-md border border-border px-2.5", role: "img", children: [_jsx(Users, { "aria-hidden": "true", className: "size-4 text-muted-foreground" }), _jsx("span", { className: "nc-type-body-sm font-medium tabular-nums text-foreground", children: memberCount })] }), actions] })] }) }));
+}
+/** The channel's members overlapped, the last one whole, as a stack of pictures. */
+export function ChannelMemberStack({ children, className, overflow, }) {
+    return (_jsxs("div", { className: cn("hidden shrink-0 items-center *:not-last:-me-2 *:ring-2 *:ring-background sm:flex", className), children: [children, overflow ? (_jsx("span", { className: "nc-type-caption flex size-8 items-center justify-center rounded-full bg-muted font-medium text-muted-foreground", children: overflow })) : null] }));
+}
+/** A person in a channel: their initials on the muted fill, never a colour from the name. */
+export function ChannelPerson({ className, initials, name, }) {
+    return (_jsx(Avatar, { "aria-label": name, className: cn("size-8", className), role: "img", size: "lg", children: _jsx(AvatarFallback, { children: initials }) }));
+}
+/** The day a run of messages belongs to: its name on the line that separates it. */
+export function ChannelDay({ className, label }) {
+    return (_jsx("div", { className: cn("relative flex justify-center py-2 before:absolute before:inset-x-0 before:top-1/2 before:h-px before:-translate-y-1/2 before:bg-border before:content-['']", className), children: _jsx("p", { className: "nc-type-caption relative m-0 shrink-0 rounded-full border border-border bg-background px-2.5 py-1 font-medium text-muted-foreground", children: label }) }));
+}
+export function ChannelMessage({ author, children, className, member, time, }) {
+    return (_jsxs("article", { className: cn("mx-1 flex items-start gap-2.5 rounded-md px-2 py-1", className), children: [_jsx("div", { className: MEMBER_COLUMN, children: member }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [_jsxs("div", { className: "flex min-w-0 flex-wrap items-baseline gap-x-1.5", children: [_jsx("span", { className: "nc-type-body-md min-w-0 truncate font-medium text-foreground", children: author }), _jsx("span", { "aria-hidden": "true", className: "nc-type-caption text-muted-foreground", children: "\u00B7" }), _jsx("span", { className: "nc-type-caption shrink-0 whitespace-nowrap tabular-nums text-muted-foreground", children: time })] }), _jsx("div", { className: "nc-type-body-md mt-0.5 min-w-0 text-foreground", children: children })] })] }));
+}
+/** A colleague addressed by name inside a message, the way a person types it. */
+export function ChannelMention({ children }) {
+    return _jsx("span", { className: "rounded-sm bg-primary/15 px-1 font-medium text-primary", children: children });
+}
+/** The reactions left on a message. */
+export function ChannelReactions({ children }) {
+    return _jsx("div", { className: "mt-1.5 flex flex-wrap items-center gap-1.5", children: children });
+}
+export function ChannelReaction({ count, glyph, label, mine, }) {
+    return (_jsxs("span", { "aria-label": label, className: cn("nc-type-caption inline-flex h-7 min-w-12 items-center justify-center gap-1.5 rounded-full border font-medium", mine
+            ? "border-primary bg-primary/10 text-primary"
+            : "border-border bg-muted text-foreground"), role: "img", children: [_jsx("span", { "aria-hidden": "true", children: glyph }), _jsx("span", { className: "tabular-nums text-muted-foreground", children: count })] }));
+}
+/**
+ * The replies to a message, gathered under it: the pill that says how many there
+ * are and who wrote them, and the replies themselves, indented to the message's
+ * own text column.
+ */
+export function ChannelThread({ children, summary }) {
+    return (_jsxs("div", { className: "grid min-w-0 grid-cols-[minmax(0,1fr)] pl-6 sm:pl-[2.625rem]", children: [_jsx("div", { className: "pl-2", children: summary }), children] }));
+}
+export function ChannelThreadSummary({ lastActivity, members, replies, }) {
+    return (_jsx("div", { className: "py-0.5", children: _jsxs("span", { className: "nc-type-caption inline-flex h-[1.875rem] w-fit max-w-full items-center gap-1.5 rounded-full pr-3 font-medium text-muted-foreground", children: [_jsx("span", { className: "flex shrink-0 items-center *:not-last:-me-1 *:ring-2 *:ring-background", children: members }), _jsxs("span", { className: "min-w-0 truncate", children: [_jsx("span", { className: "font-medium", children: replies }), _jsx("span", { "aria-hidden": "true", className: "mx-1 font-normal", children: "\u00B7" }), _jsx("span", { className: "font-normal", children: lastActivity })] })] }) }));
+}
+/** A file left in the conversation. */
+export function ChannelFile({ meta, name }) {
+    return (_jsxs("div", { className: "mt-2 flex w-fit max-w-full items-center gap-3 rounded-md border border-border bg-muted px-3 py-2 text-left sm:max-w-sm", children: [_jsx("span", { className: "flex size-9 shrink-0 items-center justify-center rounded-md bg-background text-muted-foreground", children: _jsx(FileText, { "aria-hidden": "true", className: "size-4" }) }), _jsxs("span", { className: "min-w-0 flex-1", children: [_jsx("span", { className: "nc-type-body-sm block truncate font-medium text-foreground", children: name }), _jsx("span", { className: "nc-type-caption block text-muted-foreground", children: meta })] }), _jsx(Download, { "aria-hidden": "true", className: "size-4 shrink-0 text-muted-foreground" })] }));
+}
+/**
+ * What a voice call leaves in the conversation once it ends: that it happened,
+ * how many people were in it, and the way back to what was said.
+ */
+export function ChannelCall({ action, participants, title, }) {
+    return (_jsxs("div", { className: "mt-2 flex w-96 max-w-full items-center gap-3 rounded-md border border-border bg-muted px-3 py-2.5", children: [_jsx("span", { className: "flex size-9 shrink-0 items-center justify-center rounded-md bg-background text-muted-foreground", children: _jsx(Headphones, { "aria-hidden": "true", className: "size-4" }) }), _jsxs("span", { className: "min-w-0 flex-1", children: [_jsx("span", { className: "nc-type-body-sm block font-medium text-foreground", children: title }), _jsx("span", { className: "nc-type-caption block truncate text-muted-foreground", children: participants })] }), action ? _jsx("span", { className: "flex shrink-0 items-center gap-1", children: action }) : null] }));
+}

package/dist/components/company-card/approach.d.ts

@@ -0,0 +1,22 @@
+/** How long the card turns in the light when it appears, and when it is issued. */
+export declare const SWEEP_MS = 2200;
+/** How far the card turns during that sweep, in radians, each way: within its 9° turn. */
+export declare const SWEEP_TURN = 0.15;
+type Box = {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+};
+/**
+ * Where a pointer is on the card, in the card's own coordinates (-1 to 1
+ * across each edge), and how awake the foil is for it: 1 on the card, easing
+ * to 0 one card width beyond its edges, and 0 anywhere farther away.
+ */
+export declare function approach(box: Box, clientX: number, clientY: number): {
+    x: number;
+    y: number;
+    hover: number;
+};
+export {};
+//# sourceMappingURL=approach.d.ts.map

package/dist/components/company-card/approach.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"approach.d.ts","sourceRoot":"","sources":["../../../src/components/company-card/approach.ts"],"names":[],"mappings":"AAAA,mFAAmF;AACnF,eAAO,MAAM,QAAQ,OAAO,CAAC;AAC7B,0FAA0F;AAC1F,eAAO,MAAM,UAAU,OAAO,CAAC;AAE/B,KAAK,GAAG,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AAExE;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM;;;;EAOlE"}

package/dist/components/company-card/approach.js

@@ -0,0 +1,17 @@
+/** How long the card turns in the light when it appears, and when it is issued. */
+export const SWEEP_MS = 2200;
+/** How far the card turns during that sweep, in radians, each way: within its 9° turn. */
+export const SWEEP_TURN = 0.15;
+/**
+ * Where a pointer is on the card, in the card's own coordinates (-1 to 1
+ * across each edge), and how awake the foil is for it: 1 on the card, easing
+ * to 0 one card width beyond its edges, and 0 anywhere farther away.
+ */
+export function approach(box, clientX, clientY) {
+    const x = (clientX - box.left - box.width / 2) / Math.max(1, box.width / 2);
+    const y = (clientY - box.top - box.height / 2) / Math.max(1, box.height / 2);
+    const distanceX = (Math.max(0, Math.abs(x) - 1) * box.width) / 2;
+    const distanceY = (Math.max(0, Math.abs(y) - 1) * box.height) / 2;
+    const near = Math.max(0, 1 - Math.hypot(distanceX, distanceY) / Math.max(1, box.width));
+    return { x, y, hover: near * near * (3 - 2 * near) };
+}

package/dist/components/company-card/engraving.d.ts

@@ -0,0 +1,8 @@
+/** The card's own units: a card is 85.6 × 54 mm, so 856 × 540. */
+export declare const CARD_WIDTH = 856;
+export declare const CARD_HEIGHT = 540;
+export declare const ENGRAVING: {
+    rosette: string;
+    waves: string;
+};
+//# sourceMappingURL=engraving.d.ts.map

package/dist/components/company-card/engraving.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"engraving.d.ts","sourceRoot":"","sources":["../../../src/components/company-card/engraving.ts"],"names":[],"mappings":"AAAA,kEAAkE;AAClE,eAAO,MAAM,UAAU,MAAM,CAAC;AAC9B,eAAO,MAAM,WAAW,MAAM,CAAC;AA0D/B,eAAO,MAAM,SAAS;;;CAAiD,CAAC"}

package/dist/components/company-card/engraving.js

@@ -0,0 +1,56 @@
+/** The card's own units: a card is 85.6 × 54 mm, so 856 × 540. */
+export const CARD_WIDTH = 856;
+export const CARD_HEIGHT = 540;
+const ROSETTE = {
+    x: 652,
+    y: 262,
+    radius: 196,
+    curves: 24,
+    samples: 168,
+    base: 0.66,
+    lobes: 7,
+    lobeDepth: 0.18,
+    ripples: 21,
+    rippleDepth: 0.07,
+};
+const WAVES = { lines: 21, top: 36, gap: 23, amplitude: 8, period: 190, samples: 48 };
+function polyline(points, closed) {
+    const [first, ...rest] = points;
+    if (!first)
+        return "";
+    const line = rest.map(([x, y]) => `L${Math.round(x)} ${Math.round(y)}`).join("");
+    return `M${Math.round(first[0])} ${Math.round(first[1])}${line}${closed ? "Z" : ""}`;
+}
+function rosettePath() {
+    const { x, y, radius, curves, samples, base, lobes, lobeDepth, ripples, rippleDepth } = ROSETTE;
+    const paths = [];
+    for (let curve = 0; curve < curves; curve++) {
+        const phase = (curve / curves) * Math.PI * 2;
+        const points = [];
+        for (let step = 0; step < samples; step++) {
+            const angle = (step / samples) * Math.PI * 2;
+            const swell = base +
+                lobeDepth * Math.sin(lobes * angle + phase) +
+                rippleDepth * Math.sin(ripples * angle - 3 * phase);
+            points.push([x + Math.cos(angle) * radius * swell, y + Math.sin(angle) * radius * swell]);
+        }
+        paths.push(polyline(points, true));
+    }
+    return paths.join("");
+}
+function wavesPath() {
+    const { lines, top, gap, amplitude, period, samples } = WAVES;
+    const paths = [];
+    for (let line = 0; line < lines; line++) {
+        const baseline = top + line * gap;
+        const phase = line * 0.55;
+        const points = [];
+        for (let step = 0; step <= samples; step++) {
+            const x = (step / samples) * CARD_WIDTH;
+            points.push([x, baseline + Math.sin((x / period) * Math.PI * 2 + phase) * amplitude]);
+        }
+        paths.push(polyline(points, false));
+    }
+    return paths.join("");
+}
+export const ENGRAVING = { rosette: rosettePath(), waves: wavesPath() };

package/dist/components/company-card/foil-colors.d.ts

@@ -0,0 +1,4 @@
+import type { CompanyCardEdition } from "../company-card.js";
+import type { FoilColors } from "./scene.js";
+export declare function foilColors(element: HTMLElement, edition: CompanyCardEdition): FoilColors;
+//# sourceMappingURL=foil-colors.d.ts.map

package/dist/components/company-card/foil-colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"foil-colors.d.ts","sourceRoot":"","sources":["../../../src/components/company-card/foil-colors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAyB1C,wBAAgB,UAAU,CAAC,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,kBAAkB,GAAG,UAAU,CAMxF"}

package/dist/components/company-card/foil-colors.js

@@ -0,0 +1,29 @@
+/**
+ * The GPU foil's six bands in spectral order, from the same identity tokens: a
+ * company's card takes the cool half and a Partner's the warm half, each hue
+ * two bands wide.
+ */
+const GPU_FOIL = {
+    company: ["cobalto", "cobalto", "azzurro", "azzurro", "verde", "verde"],
+    partner: ["giallo", "giallo", "arancio", "arancio", "rosso", "rosso"],
+};
+/** A token's resolved colour, as sRGB channels from 0 to 1, whatever colour space it is written in. */
+function tokenColor(element, token) {
+    const probe = document.createElement("canvas").getContext("2d", { willReadFrequently: true });
+    const value = getComputedStyle(element).getPropertyValue(`--nc-${token}`).trim();
+    // A token the page has not defined leaves the band at nothing: the foil never
+    // stands a colour in that the design system does not have.
+    if (!probe || !value)
+        return [0, 0, 0];
+    probe.fillStyle = value;
+    probe.fillRect(0, 0, 1, 1);
+    const [r = 0, g = 0, b = 0] = probe.getImageData(0, 0, 1, 1).data;
+    return [r / 255, g / 255, b / 255];
+}
+export function foilColors(element, edition) {
+    return {
+        graphite: tokenColor(element, "dark-material-floating"),
+        ink: tokenColor(element, "identity-white"),
+        hues: GPU_FOIL[edition].map((hue) => tokenColor(element, `identity-${hue}`)),
+    };
+}

package/dist/components/company-card/renderer.d.ts

@@ -0,0 +1,13 @@
+import { type FoilColors } from "./scene.js";
+type RendererOptions = {
+    colors: FoilColors;
+    /** The card's current turn in radians, for the page to turn the card itself. */
+    onTilt: (tiltX: number, tiltY: number) => void;
+};
+export declare function createRenderer(canvas: HTMLCanvasElement, options: RendererOptions): {
+    ready: Promise<void>;
+    dispose: () => void;
+    sweep: () => void;
+};
+export {};
+//# sourceMappingURL=renderer.d.ts.map

package/dist/components/company-card/renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../../src/components/company-card/renderer.ts"],"names":[],"mappings":"AAQA,OAAO,EAAe,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAEvD,KAAK,eAAe,GAAG;IACrB,MAAM,EAAE,UAAU,CAAC;IACnB,gFAAgF;IAChF,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,wBAAgB,cAAc,CAAC,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,eAAe;;;;EA+HjF"}