@nadicodeai/ui 8.1.0 → 8.3.0

package/dist/components/settings-facts.js

@@ -1,7 +1,10 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Separator } from "./separator.js";
 import { cn } from "../lib/utils.js";
 import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "./card.js";
-export function SettingsFactsSection({ action, description, facts, footer, missingValueLabel, headingId, title, surface = "resting", size = "sm", ...props }) {
-    return (_jsxs(Card, { render: _jsx("section", {}), ...props, "aria-labelledby": headingId, surface: surface, size: size, className: "min-w-0", children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: _jsx("h2", { id: headingId, tabIndex: -1, children: title }) }), description ? _jsx(CardDescription, { children: description }) : null, action ? _jsx(CardAction, { children: action }) : null] }), _jsx(Separator, {}), _jsx(CardContent, { children: _jsx("dl", { className: "grid min-w-0 grid-cols-1 gap-3 nc-type-body-sm sm:grid-cols-2", children: facts.map((fact) => (_jsxs(Card, { className: cn("min-w-0 gap-1 px-(--card-spacing)", fact.block && "col-span-full"), size: "sm", surface: "outlined", children: [_jsx("dt", { className: "text-xs text-muted-foreground", children: fact.label }), _jsx("dd", { className: cn("min-w-0 wrap-anywhere", fact.block && "whitespace-pre-wrap", (fact.value == null || fact.value === "") && "text-muted-foreground"), children: fact.value == null || fact.value === "" ? missingValueLabel : fact.value })] }, fact.label))) }) }), footer ? _jsx(CardFooter, { className: "flex-wrap gap-3", children: footer }) : null] }));
+export function SettingsFactsSection({ action, description, facts, footer, missingValueLabel, headingId, title, surface = "resting", factLayout = "cells", size = "sm", ...props }) {
+    return (_jsxs(Card, { render: _jsx("section", {}), ...props, "aria-labelledby": headingId, surface: surface, size: size, className: "min-w-0", children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: _jsx("h2", { id: headingId, tabIndex: -1, children: title }) }), description ? _jsx(CardDescription, { children: description }) : null, action ? _jsx(CardAction, { children: action }) : null] }), _jsx(Separator, {}), _jsx(CardContent, { children: _jsx("dl", { className: cn("grid min-w-0 grid-cols-1 nc-type-body-sm sm:grid-cols-2", factLayout === "plain" ? "gap-x-8 gap-y-5" : "gap-3"), children: facts.map((fact) => {
+                        const content = (_jsxs(_Fragment, { children: [_jsx("dt", { className: "text-xs text-muted-foreground", children: fact.label }), _jsx("dd", { className: cn("min-w-0 wrap-anywhere", fact.block && "whitespace-pre-wrap", (fact.value == null || fact.value === "") && "text-muted-foreground"), children: fact.value == null || fact.value === "" ? missingValueLabel : fact.value })] }));
+                        return factLayout === "plain" ? (_jsx("div", { className: cn("flex min-w-0 flex-col gap-1", fact.block && "col-span-full"), children: content }, fact.label)) : (_jsx(Card, { className: cn("min-w-0 gap-1 px-(--card-spacing)", fact.block && "col-span-full"), size: "sm", surface: "outlined", children: content }, fact.label));
+                    }) }) }), footer ? _jsx(CardFooter, { className: "flex-wrap gap-3", children: footer }) : null] }));
 }

package/dist/components/settings-section.d.ts

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { type CardSurface } from "./card.js";
 import { Field } from "./field.js";
 export type SettingsFieldControlProps = {
     id: string;
@@ -7,11 +8,12 @@ export type SettingsFieldControlProps = {
     disabled?: boolean;
     required?: boolean;
 };
-declare function SettingsSection({ title, description, actions, footer, children, className, ...props }: Omit<React.ComponentProps<"section">, "title"> & {
+declare function SettingsSection({ title, description, actions, footer, children, className, surface, ...props }: Omit<React.ComponentProps<"section">, "title"> & {
     title?: React.ReactNode;
     description?: React.ReactNode;
     actions?: React.ReactNode;
     footer?: React.ReactNode;
+    surface?: CardSurface;
 }): React.JSX.Element;
 declare function SettingsField({ id, label, description, error, invalid, disabled, required, children, className, contentClassName, controlClassName, ...props }: Omit<React.ComponentProps<typeof Field>, "children"> & {
     id: string;

package/dist/components/settings-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"settings-section.d.ts","sourceRoot":"","sources":["../../src/components/settings-section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,OAAO,EACL,KAAK,EAMN,MAAM,oBAAoB,CAAC;AAE5B,MAAM,MAAM,yBAAyB,GAAG;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,cAAc,CAAC,EAAE,IAAI,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,iBAAS,eAAe,CAAC,EACvB,KAAK,EACL,WAAW,EACX,OAAO,EACP,MAAM,EACN,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,GAAG;IAClD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,qBA8BA;AAED,iBAAS,aAAa,CAAC,EACrB,EAAE,EACF,KAAK,EACL,WAAW,EACX,KAAK,EACL,OAAwB,EACxB,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IACxD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,YAAY,EAAE,yBAAyB,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IAClF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,qBAsCA;AAED,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"settings-section.d.ts","sourceRoot":"","sources":["../../src/components/settings-section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAQL,KAAK,WAAW,EACjB,MAAM,QAAQ,CAAC;AAEhB,OAAO,EACL,KAAK,EAMN,MAAM,oBAAoB,CAAC;AAE5B,MAAM,MAAM,yBAAyB,GAAG;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,cAAc,CAAC,EAAE,IAAI,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,iBAAS,eAAe,CAAC,EACvB,KAAK,EACL,WAAW,EACX,OAAO,EACP,MAAM,EACN,QAAQ,EACR,SAAS,EACT,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,GAAG;IAClD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,qBA+BA;AAED,iBAAS,aAAa,CAAC,EACrB,EAAE,EACF,KAAK,EACL,WAAW,EACX,KAAK,EACL,OAAwB,EACxB,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IACxD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,YAAY,EAAE,yBAAyB,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IAClF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,qBAsCA;AAED,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/settings-section.js

@@ -3,8 +3,8 @@ import { cn } from "../lib/utils.js";
 import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "./card.js";
 import { Separator } from "./separator.js";
 import { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, } from "./field.js";
-function SettingsSection({ title, description, actions, footer, children, className, ...props }) {
-    return (_jsxs(Card, { render: _jsx("section", { ...props, "data-slot": "settings-section" }), className: cn("min-w-0", className), children: [(title || description || actions) && (_jsxs(_Fragment, { children: [_jsxs(CardHeader, { children: [title && (_jsx(CardTitle, { children: _jsx("h2", { children: title }) })), description && _jsx(CardDescription, { children: description }), actions && _jsx(CardAction, { children: actions })] }), _jsx(Separator, {})] })), _jsx(CardContent, { children: _jsx(FieldGroup, { "data-slot": "settings-section-fields", children: children }) }), footer && (_jsx(CardFooter, { className: "flex-wrap justify-end gap-3 border-t border-border", children: footer }))] }));
+function SettingsSection({ title, description, actions, footer, children, className, surface = "resting", ...props }) {
+    return (_jsxs(Card, { render: _jsx("section", { ...props, "data-slot": "settings-section" }), surface: surface, className: cn("min-w-0", className), children: [(title || description || actions) && (_jsxs(_Fragment, { children: [_jsxs(CardHeader, { children: [title && (_jsx(CardTitle, { children: _jsx("h2", { children: title }) })), description && _jsx(CardDescription, { children: description }), actions && _jsx(CardAction, { children: actions })] }), _jsx(Separator, {})] })), _jsx(CardContent, { children: _jsx(FieldGroup, { "data-slot": "settings-section-fields", children: children }) }), footer && (_jsx(CardFooter, { className: "flex-wrap justify-end gap-3 border-t border-border", children: footer }))] }));
 }
 function SettingsField({ id, label, description, error, invalid = Boolean(error), disabled, required, children, className, contentClassName, controlClassName, ...props }) {
     const descriptionId = description ? `${id}-description` : undefined;

package/dist/components/table-value.d.ts

@@ -0,0 +1,7 @@
+import type { ReactElement } from "react";
+export type TableValueProps = {
+    value: string | number | ReactElement | null | undefined;
+    missingLabel: string;
+};
+export declare function TableValue({ value, missingLabel }: TableValueProps): string | number | import("react").JSX.Element;
+//# sourceMappingURL=table-value.d.ts.map

package/dist/components/table-value.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-value.d.ts","sourceRoot":"","sources":["../../src/components/table-value.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,IAAI,GAAG,SAAS,CAAC;IACzD,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,eAAe,iDASlE"}

package/dist/components/table-value.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function TableValue({ value, missingLabel }) {
+    if (value !== null && value !== undefined && value !== "")
+        return value;
+    return (_jsxs("span", { "data-slot": "table-missing-value", className: "text-muted-foreground", children: [_jsx("span", { "aria-hidden": "true", children: "\u2014" }), _jsx("span", { className: "sr-only", children: missingLabel })] }));
+}

package/dist/components/table.d.ts

@@ -5,6 +5,7 @@ declare function Table({ className, compactDetails, ...props }: React.ComponentP
 }): React.JSX.Element;
 declare function TableHeader({ className, ...props }: React.ComponentProps<"thead">): React.JSX.Element;
 declare function TableBody({ className, ...props }: React.ComponentProps<"tbody">): React.JSX.Element;
+declare function TableRecordGroup({ className, ...props }: React.ComponentProps<"tbody">): React.JSX.Element;
 declare function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">): React.JSX.Element;
 declare function TableRow({ className, ...props }: React.ComponentProps<"tr">): React.JSX.Element;
 declare function TableHead({ className, ...props }: React.ComponentProps<"th">): React.JSX.Element;
@@ -20,5 +21,5 @@ declare function TableDetailRow({ colSpan, facts, layout, }: {
     }[];
 }): React.JSX.Element;
 declare function TableCaption({ className, ...props }: React.ComponentProps<"caption">): React.JSX.Element;
-export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, TableDetailRow, tableCompactLayouts, type TableCompactLayout, };
+export { Table, TableHeader, TableBody, TableRecordGroup, TableFooter, TableHead, TableRow, TableCell, TableCaption, TableDetailRow, tableCompactLayouts, type TableCompactLayout, };
 //# sourceMappingURL=table.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/components/table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,mBAAmB,EAAE,KAAK,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAE1F,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,cAAc,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,GAAG;IAAE,cAAc,CAAC,EAAE,kBAAkB,CAAA;CAAE,qBAoBzE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,qBAQ1E;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,qBAQxE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,qBAW1E;AAED,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAWpE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAWrE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAQrE;AAED,iBAAS,cAAc,CAAC,EACtB,OAAO,EACP,KAAK,EACL,MAAmB,GACpB,EAAE;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,KAAK,EAAE,SAAS;QACd,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB,EAAE,CAAC;CACL,qBAiCA;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,qBAQ7E;AAED,OAAO,EACL,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,cAAc,EACd,mBAAmB,EACnB,KAAK,kBAAkB,GACxB,CAAC"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/components/table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,mBAAmB,EAAE,KAAK,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAE1F,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,cAAc,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,GAAG;IAAE,cAAc,CAAC,EAAE,kBAAkB,CAAA;CAAE,qBAoBzE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,qBAQ1E;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,qBAQxE;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,qBAW/E;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,qBAW1E;AAED,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAWpE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAWrE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAQrE;AAED,iBAAS,cAAc,CAAC,EACtB,OAAO,EACP,KAAK,EACL,MAAmB,GACpB,EAAE;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,KAAK,EAAE,SAAS;QACd,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB,EAAE,CAAC;CACL,qBAiCA;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,qBAQ7E;AAED,OAAO,EACL,KAAK,EACL,WAAW,EACX,SAAS,EACT,gBAAgB,EAChB,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,cAAc,EACd,mBAAmB,EACnB,KAAK,kBAAkB,GACxB,CAAC"}

package/dist/components/table.js

@@ -11,6 +11,9 @@ function TableHeader({ className, ...props }) {
 function TableBody({ className, ...props }) {
     return (_jsx("tbody", { "data-slot": "table-body", className: cn("[&_tr]:h-10 [&_tr:last-child]:border-0", className), ...props }));
 }
+function TableRecordGroup({ className, ...props }) {
+    return (_jsx("tbody", { "data-slot": "table-record-group", className: cn("[&_tr]:h-10 [&:hover>tr]:bg-accent [&:has(:focus-visible)>tr]:bg-accent [&:has([aria-expanded=true])>tr]:bg-accent [&:has(>tr[data-state=selected])>tr]:bg-muted [&:last-of-type>tr]:border-0", className), ...props }));
+}
 function TableFooter({ className, ...props }) {
     return (_jsx("tfoot", { "data-slot": "table-footer", className: cn("border-t border-border bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props }));
 }
@@ -29,4 +32,4 @@ function TableDetailRow({ colSpan, facts, layout = "standard", }) {
 function TableCaption({ className, ...props }) {
     return (_jsx("caption", { "data-slot": "table-caption", className: cn("mt-4 text-sm text-muted-foreground", className), ...props }));
 }
-export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, TableDetailRow, tableCompactLayouts, };
+export { Table, TableHeader, TableBody, TableRecordGroup, TableFooter, TableHead, TableRow, TableCell, TableCaption, TableDetailRow, tableCompactLayouts, };

package/dist/index.d.ts

@@ -3,7 +3,9 @@ export * from "./components/action-band.js";
 export * from "./components/action-menu.js";
 export * from "./components/action-status.js";
 export * from "./components/activity-orb.js";
+export * from "./components/activity-calendar.js";
 export * from "./components/agent-card.js";
+export * from "./components/agent-orb.js";
 export * from "./components/agent-visual.js";
 export * from "./components/alert.js";
 export * from "./components/alert-dialog.js";
@@ -27,6 +29,7 @@ export * from "./components/carousel.js";
 export * from "./components/chart.js";
 export * from "./components/chart-area-stacked.js";
 export * from "./components/chart-bar-multiple.js";
+export * from "./components/chart-bar-horizontal.js";
 export * from "./components/chart-bar-stacked.js";
 export * from "./components/chart-card.js";
 export * from "./components/chart-date-range.js";
@@ -88,6 +91,7 @@ export * from "./components/media-mount.js";
 export * from "./components/memory-item.js";
 export * from "./components/menu-choice-row.js";
 export * from "./components/menubar.js";
+export * from "./components/model-identity.js";
 export * from "./components/model-mark.js";
 export * from "./components/native-select.js";
 export * from "./components/nav-bar.js";
@@ -128,6 +132,8 @@ export * from "./components/status-row.js";
 export * from "./components/steps.js";
 export * from "./components/switch.js";
 export * from "./components/table.js";
+export * from "./components/table-value.js";
+export * from "./components/object-workspace.js";
 export * from "./components/tabs.js";
 export * from "./components/team-grid.js";
 export * from "./components/testimonials.js";

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -3,7 +3,9 @@ export * from "./components/action-band.js";
 export * from "./components/action-menu.js";
 export * from "./components/action-status.js";
 export * from "./components/activity-orb.js";
+export * from "./components/activity-calendar.js";
 export * from "./components/agent-card.js";
+export * from "./components/agent-orb.js";
 export * from "./components/agent-visual.js";
 export * from "./components/alert.js";
 export * from "./components/alert-dialog.js";
@@ -27,6 +29,7 @@ export * from "./components/carousel.js";
 export * from "./components/chart.js";
 export * from "./components/chart-area-stacked.js";
 export * from "./components/chart-bar-multiple.js";
+export * from "./components/chart-bar-horizontal.js";
 export * from "./components/chart-bar-stacked.js";
 export * from "./components/chart-card.js";
 export * from "./components/chart-date-range.js";
@@ -88,6 +91,7 @@ export * from "./components/media-mount.js";
 export * from "./components/memory-item.js";
 export * from "./components/menu-choice-row.js";
 export * from "./components/menubar.js";
+export * from "./components/model-identity.js";
 export * from "./components/model-mark.js";
 export * from "./components/native-select.js";
 export * from "./components/nav-bar.js";
@@ -128,6 +132,8 @@ export * from "./components/status-row.js";
 export * from "./components/steps.js";
 export * from "./components/switch.js";
 export * from "./components/table.js";
+export * from "./components/table-value.js";
+export * from "./components/object-workspace.js";
 export * from "./components/tabs.js";
 export * from "./components/team-grid.js";
 export * from "./components/testimonials.js";

package/dist/internal/agent-orb-motion.d.ts

@@ -0,0 +1,14 @@
+import type { AgentOrbForm } from "./agent-orb.js";
+export type AgentOrbState = "idle" | "working" | "waiting" | "blocked" | "thinking" | "done";
+export declare function stateSpeed(state: AgentOrbState, form: AgentOrbForm): number;
+export declare function motionPose(form: AgentOrbForm, state: AgentOrbState, age: number): {
+    sx: number;
+    sy: number;
+    x: number;
+    y: number;
+    rotation: number;
+    split: number;
+    opacity: number;
+};
+export declare function paintOrbCue(context: CanvasRenderingContext2D, state: AgentOrbState, size: number, seconds: number, reduced: boolean, colors: readonly string[], depth: "back" | "front"): void;
+//# sourceMappingURL=agent-orb-motion.d.ts.map

package/dist/internal/agent-orb-motion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"agent-orb-motion.d.ts","sourceRoot":"","sources":["../../src/internal/agent-orb-motion.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;AAY7F,wBAAgB,UAAU,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,YAAY,UAGlE;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,EAAE,MAAM;;;;;;;;EA0C/E;AAED,wBAAgB,WAAW,CACzB,OAAO,EAAE,wBAAwB,EACjC,KAAK,EAAE,aAAa,EACpB,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,SAAS,MAAM,EAAE,EACzB,KAAK,EAAE,MAAM,GAAG,OAAO,QAgExB"}

package/dist/internal/agent-orb-motion.js

@@ -0,0 +1,120 @@
+const personalities = {
+    ribbon: { speed: 0.55, tilt: 0.15 },
+    lattice: { speed: 0.28, tilt: -0.12 },
+    orbit: { speed: 0.7, tilt: 0.2 },
+    globe: { speed: 0.35, tilt: -0.16 },
+    network: { speed: 0.55, tilt: 0.1 },
+    braid: { speed: 0.65, tilt: -0.2 },
+    morph: { speed: 0.9, tilt: 0.12 },
+};
+export function stateSpeed(state, form) {
+    const speed = { idle: 1, working: 1, thinking: 1, waiting: 0, blocked: 0, done: 0.65 };
+    return speed[state] * personalities[form].speed;
+}
+export function motionPose(form, state, age) {
+    const personality = personalities[form];
+    let sx = 0.82;
+    let sy = 0.82;
+    let y = 0;
+    const x = 0;
+    let rotation = 0;
+    const split = 0;
+    let opacity = 1;
+    if (state === "idle") {
+        const breath = Math.sin((age * Math.PI) / 2);
+        sx += breath * 0.01;
+        sy += breath * 0.01;
+        y = -breath * 0.004;
+    }
+    else if (state === "waiting") {
+        sx = 0.8;
+        sy = 0.84;
+        y = -0.015;
+        opacity = 0.75;
+    }
+    else if (state === "blocked") {
+        const stop = Math.min(1, age / 0.25);
+        const effort = Math.sin(stop * Math.PI);
+        sx = 0.8 + effort * 0.015;
+        sy = 0.82 - stop * 0.08;
+        y = stop * 0.025 - effort * 0.018;
+        rotation = personality.tilt * stop * 0.4;
+        opacity = 1 - stop * 0.4;
+    }
+    else if (state === "done") {
+        if (age < 0.18) {
+            const anticipation = Math.sin((Math.PI * age) / 0.18);
+            sx += 0.03 * anticipation;
+            sy -= 0.04 * anticipation;
+            y = 0.012 * anticipation;
+        }
+        else if (age < 1.3) {
+            const leap = (age - 0.18) / 1.12;
+            y = -0.07 * Math.sin(Math.PI * leap);
+            sx += 0.025 * Math.sin(Math.PI * leap);
+            sy += 0.035 * Math.sin(Math.PI * leap);
+            rotation = Math.sin(leap * Math.PI * 2) * 0.07;
+        }
+    }
+    return { sx, sy, x, y, rotation, split, opacity };
+}
+export function paintOrbCue(context, state, size, seconds, reduced, colors, depth) {
+    if (state !== "working" && state !== "thinking" && state !== "done")
+        return;
+    context.save();
+    if (state === "thinking") {
+        if (depth === "front") {
+            for (let i = 0; i < 3; i++) {
+                const pulse = reduced
+                    ? 0.5
+                    : (1 + Math.cos((seconds * Math.PI * 2) / 3.6 - (i * Math.PI * 2) / 3)) / 2;
+                context.fillStyle = colors[i % colors.length];
+                context.globalAlpha = 0.65 + pulse * 0.35;
+                context.beginPath();
+                context.arc(size * (0.5 + (i - 1) * 0.09), size * 0.08, Math.max(1, size * (0.022 + pulse * 0.005)), 0, Math.PI * 2);
+                context.fill();
+            }
+        }
+    }
+    else if (state === "working" || (!reduced && seconds < 3.1)) {
+        const count = state === "done" ? 3 : 1;
+        for (let wave = 0; wave < count; wave++) {
+            const progress = state === "done" ? (seconds - wave * 0.38) / 2.2 : 0;
+            if (progress < 0 || progress > 1)
+                continue;
+            const fade = state === "done" ? Math.sin(progress * Math.PI) : 1;
+            const head = (reduced ? 0.8 : (seconds * Math.PI * 2) / 7.2) + wave * 2.1;
+            const tailLength = Math.PI * 1.4;
+            const tilt = -0.38 + wave * 0.4;
+            const radiusX = size * (0.44 + progress * 0.03);
+            const radiusY = size * (0.19 + progress * 0.11);
+            const point = (angle) => {
+                const x = Math.cos(angle) * radiusX;
+                const y = Math.sin(angle) * radiusY;
+                return [
+                    size / 2 + x * Math.cos(tilt) - y * Math.sin(tilt),
+                    size / 2 + x * Math.sin(tilt) + y * Math.cos(tilt),
+                ];
+            };
+            const gradient = context.createLinearGradient(size * 0.1, size * 0.7, size * 0.9, size * 0.3);
+            colors.forEach((color, index) => gradient.addColorStop(index / Math.max(1, colors.length - 1), color));
+            context.strokeStyle = gradient;
+            context.lineCap = "round";
+            for (let segment = 0; segment < 100; segment++) {
+                const fraction = segment / 100;
+                const angle = head - tailLength + tailLength * fraction;
+                const front = Math.sin(angle) >= 0;
+                if (front !== (depth === "front"))
+                    continue;
+                const taper = Math.sin(Math.PI * (0.04 + fraction * 0.92));
+                context.globalAlpha = fade * (front ? 0.92 : 0.55) * (0.25 + taper * 0.75);
+                context.lineWidth = Math.max(0.65, size * 0.027 * taper);
+                context.beginPath();
+                context.moveTo(...point(angle));
+                context.lineTo(...point(angle + tailLength / 100 + 0.002));
+                context.stroke();
+            }
+        }
+    }
+    context.restore();
+}

package/dist/internal/agent-orb.d.ts

@@ -0,0 +1,19 @@
+import { type AgentOrbState } from "./agent-orb-motion.js";
+declare const agentOrbForms: {
+    readonly orbit: "working";
+    readonly globe: "searching";
+    readonly lattice: "solving";
+    readonly network: "connecting";
+    readonly braid: "weaving";
+    readonly ribbon: "composing";
+    readonly morph: "shaping";
+};
+export type AgentOrbForm = keyof typeof agentOrbForms;
+export type AgentOrbSize = 20 | 24 | 32 | 40 | 64 | 96 | 160;
+export declare function mountAgentOrb(canvas: HTMLCanvasElement, form: AgentOrbForm, size: AgentOrbSize, initiallyPaused: boolean, initialState?: AgentOrbState): {
+    destroy(): void;
+    setPaused(_value: boolean): void;
+    setState(_value: AgentOrbState): void;
+};
+export {};
+//# sourceMappingURL=agent-orb.d.ts.map

package/dist/internal/agent-orb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"agent-orb.d.ts","sourceRoot":"","sources":["../../src/internal/agent-orb.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAuC,MAAM,oBAAoB,CAAC;AAE7F,QAAA,MAAM,aAAa;;;;;;;;CAQ0B,CAAC;AAE9C,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,aAAa,CAAC;AACtD,MAAM,MAAM,YAAY,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,CAAC;AAkD7D,wBAAgB,aAAa,CAC3B,MAAM,EAAE,iBAAiB,EACzB,IAAI,EAAE,YAAY,EAClB,IAAI,EAAE,YAAY,EAClB,eAAe,EAAE,OAAO,EACxB,YAAY,GAAE,aAAsB;;sBAIO,OAAO;qBAAuB,aAAa;EAqHvF"}

package/dist/internal/agent-orb.js

@@ -0,0 +1,151 @@
+import { MODE_FRAMES, resolvePreset } from "thinking-orbs/engine";
+import { motionPose, paintOrbCue, stateSpeed } from "./agent-orb-motion.js";
+const agentOrbForms = {
+    orbit: "working",
+    globe: "searching",
+    lattice: "solving",
+    network: "connecting",
+    braid: "weaving",
+    ribbon: "composing",
+    morph: "shaping",
+};
+function paintAgentOrb(context, form, size, seconds, color, state = "idle", age = 0, reduced = false, celebrationColors = [color]) {
+    const preset = resolvePreset(agentOrbForms[form], size <= 32 ? 20 : 64);
+    const frame = MODE_FRAMES[preset.mode](size, seconds, preset.opts);
+    context.clearRect(0, 0, size, size);
+    const pose = motionPose(form, state, reduced ? (state === "done" ? 2 : 0.6) : age);
+    const gestureSeconds = reduced ? 0.8 : age / (state === "done" ? 0.575 : 0.2875);
+    const project = (x, y) => {
+        const dx = (x - size / 2) * pose.sx;
+        const dy = (y - size / 2) * pose.sy;
+        return [
+            size / 2 +
+                dx * Math.cos(pose.rotation) -
+                dy * Math.sin(pose.rotation) +
+                (pose.x + Math.sign(dx) * pose.split) * size,
+            size / 2 + dx * Math.sin(pose.rotation) + dy * Math.cos(pose.rotation) + pose.y * size,
+        ];
+    };
+    paintOrbCue(context, state, size, gestureSeconds, reduced, celebrationColors, "back");
+    context.fillStyle = color;
+    context.strokeStyle = color;
+    for (const line of frame.lines) {
+        context.globalAlpha = Math.min(1, Math.max(0, (1 - line.white) * (line.a ?? 1) * pose.opacity));
+        context.lineWidth = line.w;
+        context.beginPath();
+        context.moveTo(...project(line.x1, line.y1));
+        context.lineTo(...project(line.x2, line.y2));
+        context.stroke();
+    }
+    for (const dot of frame.dots) {
+        context.globalAlpha = Math.min(1, Math.max(0, (1 - dot.white) * (dot.a ?? 1) * pose.opacity));
+        context.beginPath();
+        context.arc(...project(dot.x, dot.y), dot.r, 0, Math.PI * 2);
+        context.fill();
+    }
+    context.globalAlpha = 1;
+    paintOrbCue(context, state, size, gestureSeconds, reduced, celebrationColors, "front");
+}
+export function mountAgentOrb(canvas, form, size, initiallyPaused, initialState = "idle") {
+    const context = canvas.getContext("2d");
+    if (!context)
+        return { destroy() { }, setPaused(_value) { }, setState(_value) { } };
+    const motion = window.matchMedia("(prefers-reduced-motion: reduce)");
+    let paused = initiallyPaused;
+    let visible = true;
+    let disposed = false;
+    let request = 0;
+    let seconds = 0.6;
+    let age = 0;
+    let state = initialState;
+    let previous = null;
+    let lastPaint = 0;
+    let ratio = 1;
+    let color = getComputedStyle(canvas).color;
+    let celebrationColors = [color];
+    function paint() {
+        if (!context)
+            return;
+        context.setTransform(ratio, 0, 0, ratio, 0, 0);
+        paintAgentOrb(context, form, size, seconds, color, state, age, motion.matches, celebrationColors);
+    }
+    function running() {
+        return (!disposed &&
+            visible &&
+            !document.hidden &&
+            !motion.matches &&
+            !paused &&
+            state !== "waiting" &&
+            !(state === "blocked" && age >= 0.3) &&
+            !(state === "done" && age >= 1.8));
+    }
+    function tick(now) {
+        request = 0;
+        if (!running())
+            return;
+        if (previous !== null) {
+            const elapsed = Math.min((now - previous) / 1000, 0.1);
+            seconds += elapsed * stateSpeed(state, form);
+            age += elapsed * (state === "done" ? 0.575 : 0.2875);
+        }
+        previous = now;
+        if (now - lastPaint >= 1000 / 30) {
+            paint();
+            lastPaint = now;
+        }
+        request = requestAnimationFrame(tick);
+    }
+    function play() {
+        cancelAnimationFrame(request);
+        request = 0;
+        previous = null;
+        paint();
+        if (running())
+            request = requestAnimationFrame(tick);
+    }
+    function refresh() {
+        ratio = Math.min(window.devicePixelRatio || 1, 2);
+        canvas.width = Math.round(size * ratio);
+        canvas.height = Math.round(size * ratio);
+        const appearance = getComputedStyle(canvas);
+        color = appearance.color;
+        celebrationColors = ["--nc-chart-5", "--nc-chart-6", "--nc-warning", "--nc-chart-4"].map((token) => `color-mix(in oklch, ${appearance.getPropertyValue(token).trim() || color} 75%, white)`);
+        play();
+    }
+    const visibility = new IntersectionObserver(([entry]) => {
+        visible = entry?.isIntersecting ?? false;
+        play();
+    });
+    visibility.observe(canvas);
+    const appearance = new MutationObserver(refresh);
+    for (let ancestor = canvas; ancestor; ancestor = ancestor.parentElement) {
+        appearance.observe(ancestor, {
+            attributes: true,
+            attributeFilter: ["class", "style", "data-theme"],
+        });
+    }
+    motion.addEventListener("change", play);
+    document.addEventListener("visibilitychange", play);
+    window.addEventListener("resize", refresh);
+    refresh();
+    return {
+        setState(value) {
+            state = value;
+            age = 0;
+            play();
+        },
+        setPaused(value) {
+            paused = value;
+            play();
+        },
+        destroy() {
+            disposed = true;
+            cancelAnimationFrame(request);
+            visibility.disconnect();
+            appearance.disconnect();
+            motion.removeEventListener("change", play);
+            document.removeEventListener("visibilitychange", play);
+            window.removeEventListener("resize", refresh);
+        },
+    };
+}

package/dist/internal/object-identity-support.d.ts

@@ -0,0 +1,6 @@
+import { type ReactNode } from "react";
+export declare function ObjectIdentitySupport({ children, label }: {
+    children: ReactNode;
+    label: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=object-identity-support.d.ts.map

package/dist/internal/object-identity-support.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"object-identity-support.d.ts","sourceRoot":"","sources":["../../src/internal/object-identity-support.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMjD,wBAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,+BAqBhG"}

package/dist/internal/object-identity-support.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { ChevronDown } from "lucide-react";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../components/collapsible.js";
+import { cn } from "../lib/utils.js";
+export function ObjectIdentitySupport({ children, label }) {
+    const [open, setOpen] = useState(false);
+    return (_jsxs("div", { className: "min-w-0 basis-full lg:max-w-xl lg:flex-1 lg:basis-80", "data-slot": "object-identity-support", children: [_jsx("div", { className: "hidden lg:block", children: children }), _jsxs(Collapsible, { className: "lg:hidden", onOpenChange: setOpen, open: open, children: [_jsxs(CollapsibleTrigger, { className: "nc-transition-paint flex min-h-8 w-full items-center justify-between gap-3 text-left text-xs text-muted-foreground hover:text-foreground", children: [label, _jsx(ChevronDown, { "aria-hidden": "true", className: cn("nc-transition-transform size-4 shrink-0", open && "rotate-180") })] }), _jsx(CollapsibleContent, { className: "pt-3", children: children })] })] }));
+}

package/dist/lib/format-token-count.d.ts

@@ -0,0 +1,4 @@
+/** Formats a token count with a stable K/M/B vocabulary in every locale. */
+declare function formatTokenCount(value: number, locale?: string): string;
+export { formatTokenCount };
+//# sourceMappingURL=format-token-count.d.ts.map

package/dist/lib/format-token-count.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-token-count.d.ts","sourceRoot":"","sources":["../../src/lib/format-token-count.ts"],"names":[],"mappings":"AAQA,4EAA4E;AAC5E,iBAAS,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAuBhE;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/lib/format-token-count.js

@@ -0,0 +1,31 @@
+const TOKEN_COUNT_UNAVAILABLE = "—";
+const TOKEN_COUNT_SCALES = [
+    { threshold: 1_000_000_000, suffix: "B" },
+    { threshold: 1_000_000, suffix: "M" },
+    { threshold: 1_000, suffix: "K" },
+];
+/** Formats a token count with a stable K/M/B vocabulary in every locale. */
+function formatTokenCount(value, locale) {
+    if (!Number.isFinite(value))
+        return TOKEN_COUNT_UNAVAILABLE;
+    const exact = new Intl.NumberFormat(locale, { maximumFractionDigits: 0 });
+    const magnitude = Math.abs(value);
+    if (magnitude < 1_000)
+        return exact.format(value);
+    let scale = TOKEN_COUNT_SCALES.find((candidate) => magnitude >= candidate.threshold);
+    if (!scale)
+        return exact.format(value);
+    let scaled = value / scale.threshold;
+    const roundedMagnitude = Math.round(Math.abs(scaled) * 100) / 100;
+    if (roundedMagnitude >= 1_000 && scale.suffix !== "B") {
+        const nextIndex = TOKEN_COUNT_SCALES.indexOf(scale) - 1;
+        scale = TOKEN_COUNT_SCALES[nextIndex] ?? scale;
+        scaled = value / scale.threshold;
+    }
+    const compact = new Intl.NumberFormat(locale, {
+        maximumFractionDigits: 2,
+        useGrouping: false,
+    });
+    return `${compact.format(scaled)}${scale.suffix}`;
+}
+export { formatTokenCount };

package/docs/activity.md

@@ -2,7 +2,9 @@
 
 The system activity family has three motions. They describe ongoing system
 operations across the website, Portal and Nadia. They do not represent an
-Agent's identity, attention or personality.
+Agent's identity, attention or personality. The separate [AgentOrb](agent-orb.md)
+uses seven of the same upstream geometries for persistent identity, with one
+chosen pigment instead of the system activity palette.
 
 | Activity | Use when | Library motion |
 | --- | --- | --- |