@tulipfarm/sprout 0.3.0 → 0.4.0

package/dist/components/state-panel-samples.js

@@ -1,252 +1,236 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { BookOpen } from "reicon-react/icons/BookOpen";
-import { BranchDown } from "reicon-react/icons/BranchDown";
-import { ChatRound } from "reicon-react/icons/ChatRound";
-import { Checklist } from "reicon-react/icons/Checklist";
-import { Cpu } from "reicon-react/icons/Cpu";
-import { Database } from "reicon-react/icons/Database";
-import { Envelope } from "reicon-react/icons/Envelope";
-import { Files } from "reicon-react/icons/Files";
-import { Folder } from "reicon-react/icons/Folder";
-import { People } from "reicon-react/icons/People";
-import { Plug } from "reicon-react/icons/Plug";
-import { ShieldUser } from "reicon-react/icons/ShieldUser";
-import { User } from "reicon-react/icons/User";
-import { Users } from "reicon-react/icons/Users";
-import { FileTypeIcon } from "./attachment.js";
-import { AgentAvatar } from "./avatar.js";
-import { Badge } from "./badge.js";
-import { BrandIcon } from "./brand-icon.js";
-import { SampleBar, SampleIconTile, SampleList, SampleMark, SampleTable, SampleText, SampleWindow, } from "./state-sample.js";
+import { BookOpen } from 'reicon-react/icons/BookOpen';
+import { BranchDown } from 'reicon-react/icons/BranchDown';
+import { ChatRound } from 'reicon-react/icons/ChatRound';
+import { Checklist } from 'reicon-react/icons/Checklist';
+import { Cpu } from 'reicon-react/icons/Cpu';
+import { Database } from 'reicon-react/icons/Database';
+import { Envelope } from 'reicon-react/icons/Envelope';
+import { Files } from 'reicon-react/icons/Files';
+import { Folder } from 'reicon-react/icons/Folder';
+import { People } from 'reicon-react/icons/People';
+import { Plug } from 'reicon-react/icons/Plug';
+import { ShieldUser } from 'reicon-react/icons/ShieldUser';
+import { User } from 'reicon-react/icons/User';
+import { Users } from 'reicon-react/icons/Users';
+import { FileTypeIcon } from './attachment.js';
+import { AgentAvatar } from './avatar.js';
+import { Badge } from './badge.js';
+import { BrandIcon } from './brand-icon.js';
+import { SampleBar, SampleIconTile, SampleList, SampleMark, SampleTable, SampleText, SampleWindow, } from './state-sample.js';
 const muted = (text) => _jsx(SampleText, { tone: "muted", children: text });
 const strong = (text) => _jsx(SampleText, { tone: "strong", children: text });
 const named = (tone, text) => (_jsxs(_Fragment, { children: [_jsx(SampleMark, { tone: tone }), strong(text)] }));
-const agent = (id, name) => (_jsx(AgentAvatar, { agentId: id, name: name, size: "sm" }));
-const badge = (variant, text) => _jsx(Badge, { variant: variant, children: text });
+const agent = (id, name) => _jsx(AgentAvatar, { agentId: id, name: name, size: "sm" });
+const badge = (variant, text) => (_jsx(Badge, { variant: variant, children: text }));
 export function ChatsSample(props) {
     const chat = _jsx(SampleIconTile, { icon: ChatRound });
-    return (_jsx(SampleWindow, { ...props, icon: ChatRound, trail: ["Chats"], tabs: ["Active", "Archived"], children: _jsx(SampleList, { items: [
+    return (_jsx(SampleWindow, { ...props, icon: ChatRound, trail: ['Chats'], tabs: ['Active', 'Archived'], children: _jsx(SampleList, { items: [
                 {
                     leading: chat,
-                    title: "Which invoices are overdue this week?",
-                    detail: "Found 7 invoices across 4 customers",
-                    trailing: muted("2m ago"),
+                    title: 'Which invoices are overdue this week?',
+                    detail: 'Found 7 invoices across 4 customers',
+                    trailing: muted('2m ago'),
                 },
                 {
                     leading: chat,
-                    title: "Draft a follow-up for Northwind",
-                    detail: "Draft ready for your review",
-                    trailing: muted("1h ago"),
+                    title: 'Draft a follow-up for Northwind',
+                    detail: 'Draft ready for your review',
+                    trailing: muted('1h ago'),
                 },
                 {
                     leading: chat,
-                    title: "Add a Suppliers table",
-                    detail: "Name, contact, payment terms, region",
-                    trailing: muted("Yesterday"),
+                    title: 'Add a Suppliers table',
+                    detail: 'Name, contact, payment terms, region',
+                    trailing: muted('Yesterday'),
                 },
                 {
                     leading: chat,
-                    title: "Summarize last month’s orders",
-                    detail: "312 orders, up 18% on September",
-                    trailing: muted("Sep 30"),
+                    title: 'Summarize last month’s orders',
+                    detail: '312 orders, up 18% on September',
+                    trailing: muted('Sep 30'),
                 },
                 {
                     leading: chat,
-                    title: "Who owns the Acme renewal?",
-                    detail: "Assigned to the Sales team",
-                    trailing: muted("Sep 28"),
+                    title: 'Who owns the Acme renewal?',
+                    detail: 'Assigned to the Sales team',
+                    trailing: muted('Sep 28'),
                 },
             ] }) }));
 }
-const file = (name, mediaType) => (_jsx(FileTypeIcon, { name: name, mediaType: mediaType }));
+const file = (name, mediaType) => _jsx(FileTypeIcon, { name: name, mediaType: mediaType });
 export function FilesSample(props) {
     const folder = _jsx(SampleIconTile, { icon: Folder });
-    return (_jsx(SampleWindow, { ...props, icon: Files, trail: ["Files", "My files"], children: _jsx(SampleList, { items: [
+    return (_jsx(SampleWindow, { ...props, icon: Files, trail: ['Files', 'My files'], children: _jsx(SampleList, { items: [
                 {
                     leading: folder,
-                    title: "Supplier contracts",
-                    detail: "Folder · Shared with Purchasing",
-                    trailing: muted("You"),
+                    title: 'Supplier contracts',
+                    detail: 'Folder · Shared with Purchasing',
+                    trailing: muted('You'),
                 },
                 {
                     leading: folder,
-                    title: "Month-end close",
-                    detail: "Folder",
-                    trailing: muted("You"),
+                    title: 'Month-end close',
+                    detail: 'Folder',
+                    trailing: muted('You'),
                 },
                 {
-                    leading: file("Price list 2026.xlsx", "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"),
-                    title: "Price list 2026.xlsx",
-                    detail: "Spreadsheet · 48 KB",
-                    trailing: muted("You"),
+                    leading: file('Price list 2026.xlsx', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'),
+                    title: 'Price list 2026.xlsx',
+                    detail: 'Spreadsheet · 48 KB',
+                    trailing: muted('You'),
                 },
                 {
-                    leading: file("Returns policy.pdf", "application/pdf"),
-                    title: "Returns policy.pdf",
-                    detail: "PDF · 212 KB",
-                    trailing: muted("You"),
+                    leading: file('Returns policy.pdf', 'application/pdf'),
+                    title: 'Returns policy.pdf',
+                    detail: 'PDF · 212 KB',
+                    trailing: muted('You'),
                 },
                 {
-                    leading: file("Onboarding checklist.docx", "application/vnd.openxmlformats-officedocument.wordprocessingml.document"),
-                    title: "Onboarding checklist.docx",
-                    detail: "Document · 31 KB",
-                    trailing: muted("You"),
+                    leading: file('Onboarding checklist.docx', 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'),
+                    title: 'Onboarding checklist.docx',
+                    detail: 'Document · 31 KB',
+                    trailing: muted('You'),
                 },
             ] }) }));
 }
 export function AgentsSample(props) {
-    return (_jsx(SampleWindow, { ...props, icon: Users, trail: ["Agents"], children: _jsx(SampleList, { items: [
+    return (_jsx(SampleWindow, { ...props, icon: Users, trail: ['Agents'], children: _jsx(SampleList, { items: [
                 {
-                    leading: agent("sample-collections", "Collections assistant"),
-                    title: "Collections assistant",
-                    detail: "Follows up on overdue invoices",
-                    trailing: badge("success", "Active"),
+                    leading: agent('sample-collections', 'Collections assistant'),
+                    title: 'Collections assistant',
+                    detail: 'Follows up on overdue invoices',
+                    trailing: badge('success', 'Active'),
                 },
                 {
-                    leading: agent("sample-onboarding", "Onboarding guide"),
-                    title: "Onboarding guide",
-                    detail: "Welcomes new customers and books kickoffs",
-                    trailing: badge("success", "Active"),
+                    leading: agent('sample-onboarding', 'Onboarding guide'),
+                    title: 'Onboarding guide',
+                    detail: 'Welcomes new customers and books kickoffs',
+                    trailing: badge('success', 'Active'),
                 },
                 {
-                    leading: agent("sample-inventory", "Inventory watcher"),
-                    title: "Inventory watcher",
-                    detail: "Flags products below reorder level",
-                    trailing: badge("secondary", "Draft"),
+                    leading: agent('sample-inventory', 'Inventory watcher'),
+                    title: 'Inventory watcher',
+                    detail: 'Flags products below reorder level',
+                    trailing: badge('secondary', 'Draft'),
                 },
                 {
-                    leading: agent("sample-support", "Support triage"),
-                    title: "Support triage",
-                    detail: "Routes new tickets to the right team",
-                    trailing: badge("success", "Active"),
+                    leading: agent('sample-support', 'Support triage'),
+                    title: 'Support triage',
+                    detail: 'Routes new tickets to the right team',
+                    trailing: badge('success', 'Active'),
                 },
                 {
-                    leading: agent("sample-reports", "Weekly reporter"),
-                    title: "Weekly reporter",
-                    detail: "Posts pipeline numbers every Monday",
-                    trailing: badge("secondary", "Draft"),
+                    leading: agent('sample-reports', 'Weekly reporter'),
+                    title: 'Weekly reporter',
+                    detail: 'Posts pipeline numbers every Monday',
+                    trailing: badge('secondary', 'Draft'),
                 },
             ] }) }));
 }
 export function ProjectsSample(props) {
-    return (_jsxs(SampleWindow, { ...props, icon: Folder, trail: ["Projects"], children: [_jsx("p", { className: "sprout-state-panel-samples-group", children: "Active projects" }), _jsx(SampleList, { items: [
+    return (_jsxs(SampleWindow, { ...props, icon: Folder, trail: ['Projects'], children: [_jsx("p", { className: "sprout-state-panel-samples-group", children: "Active projects" }), _jsx(SampleList, { items: [
                     {
-                        title: "Spring launch",
-                        detail: "Use the launch brief for dates and messaging.",
+                        title: 'Spring launch',
+                        detail: 'Use the launch brief for dates and messaging.',
                     },
                     {
-                        title: "Customer onboarding",
-                        detail: "Keep kickoff notes and customer setup guides here.",
+                        title: 'Customer onboarding',
+                        detail: 'Keep kickoff notes and customer setup guides here.',
                     },
                     {
-                        title: "Supplier review",
-                        detail: "Compare quotes against our purchasing guidelines.",
+                        title: 'Supplier review',
+                        detail: 'Compare quotes against our purchasing guidelines.',
                     },
                 ] }), _jsx("p", { className: "sprout-state-panel-samples-group", children: "Archived projects" }), _jsx(SampleList, { items: [
                     {
-                        title: "Summer catalogue",
-                        detail: "Use the approved product descriptions.",
-                        trailing: badge("secondary", "Archived"),
+                        title: 'Summer catalogue',
+                        detail: 'Use the approved product descriptions.',
+                        trailing: badge('secondary', 'Archived'),
                     },
                 ] })] }));
 }
 export function AgentTasksSample(props) {
-    return (_jsx(SampleWindow, { ...props, icon: Checklist, trail: ["My agent tasks"], children: _jsx(SampleList, { items: [
+    return (_jsx(SampleWindow, { ...props, icon: Checklist, trail: ['My agent tasks'], children: _jsx(SampleList, { items: [
                 {
-                    leading: agent("sample-collections", "Collections assistant"),
-                    title: "Send reminders for invoices past 30 days",
-                    detail: "Collections assistant · Started 4m ago",
-                    trailing: badge("warning", "Needs review"),
+                    leading: agent('sample-collections', 'Collections assistant'),
+                    title: 'Send reminders for invoices past 30 days',
+                    detail: 'Collections assistant · Started 4m ago',
+                    trailing: badge('warning', 'Needs review'),
                 },
                 {
-                    leading: agent("sample-onboarding", "Onboarding guide"),
-                    title: "Book a kickoff with Contoso",
-                    detail: "Onboarding guide · Started 1h ago",
-                    trailing: badge("success", "Completed"),
+                    leading: agent('sample-onboarding', 'Onboarding guide'),
+                    title: 'Book a kickoff with Contoso',
+                    detail: 'Onboarding guide · Started 1h ago',
+                    trailing: badge('success', 'Completed'),
                 },
                 {
-                    leading: agent("sample-inventory", "Inventory watcher"),
-                    title: "List products below reorder level",
-                    detail: "Inventory watcher · Started today",
-                    trailing: badge("success", "Completed"),
+                    leading: agent('sample-inventory', 'Inventory watcher'),
+                    title: 'List products below reorder level',
+                    detail: 'Inventory watcher · Started today',
+                    trailing: badge('success', 'Completed'),
                 },
                 {
-                    leading: agent("sample-support", "Support triage"),
-                    title: "Tag this week’s billing tickets",
-                    detail: "Support triage · Started yesterday",
-                    trailing: badge("secondary", "Pending"),
+                    leading: agent('sample-support', 'Support triage'),
+                    title: 'Tag this week’s billing tickets',
+                    detail: 'Support triage · Started yesterday',
+                    trailing: badge('secondary', 'Pending'),
                 },
             ] }) }));
 }
 export function SkillsSample(props) {
     const skill = _jsx(SampleIconTile, { icon: BookOpen });
-    return (_jsx(SampleWindow, { ...props, icon: BookOpen, trail: ["Skills"], tabs: ["Workspace", "Built-in"], children: _jsx(SampleList, { items: [
+    return (_jsx(SampleWindow, { ...props, icon: BookOpen, trail: ['Skills'], tabs: ['Workspace', 'Built-in'], children: _jsx(SampleList, { items: [
                 {
                     leading: skill,
-                    title: "Qualify an inbound lead",
-                    detail: "Check budget, timeline, and decision maker",
-                    trailing: badge("success", "Approved"),
+                    title: 'Qualify an inbound lead',
+                    detail: 'Check budget, timeline, and decision maker',
+                    trailing: badge('success', 'Approved'),
                 },
                 {
                     leading: skill,
-                    title: "Prepare a quarterly review",
-                    detail: "Pull revenue, churn, and open risks",
-                    trailing: badge("success", "Approved"),
+                    title: 'Prepare a quarterly review',
+                    detail: 'Pull revenue, churn, and open risks',
+                    trailing: badge('success', 'Approved'),
                 },
                 {
                     leading: skill,
-                    title: "Handle a refund request",
-                    detail: "Verify the order, then propose a refund",
-                    trailing: badge("warning", "In review"),
+                    title: 'Handle a refund request',
+                    detail: 'Verify the order, then propose a refund',
+                    trailing: badge('warning', 'In review'),
                 },
                 {
                     leading: skill,
-                    title: "Write a supplier follow-up",
-                    detail: "Friendly tone, confirm delivery dates",
-                    trailing: badge("secondary", "Draft"),
+                    title: 'Write a supplier follow-up',
+                    detail: 'Friendly tone, confirm delivery dates',
+                    trailing: badge('secondary', 'Draft'),
                 },
             ] }) }));
 }
 export function WorkflowsSample(props) {
-    const active = badge("success", "Active");
-    const draft = badge("secondary", "Draft");
-    return (_jsx(SampleWindow, { ...props, icon: BranchDown, trail: ["Workflows"], children: _jsx(SampleTable, { columns: [
-                { label: "Workflow", size: "wide" },
-                { label: "Trigger" },
-                { label: "Status", size: "narrow" },
-            ], rows: [
-                [
-                    named("green", "Approve large discounts"),
-                    muted("New quote"),
-                    active,
-                ],
-                [named("blue", "Onboard a new customer"), muted("Deal won"), active],
-                [named("orange", "Reorder low stock"), muted("Daily, 8:00"), draft],
-                [
-                    named("violet", "Escalate urgent tickets"),
-                    muted("New ticket"),
-                    active,
-                ],
-                [
-                    named("red", "Chase unsigned contracts"),
-                    muted("Weekly, Mon"),
-                    draft,
-                ],
+    const active = badge('success', 'Active');
+    const draft = badge('secondary', 'Draft');
+    return (_jsx(SampleWindow, { ...props, icon: BranchDown, trail: ['Workflows'], children: _jsx(SampleTable, { columns: [{ label: 'Workflow', size: 'wide' }, { label: 'Trigger' }, { label: 'Status', size: 'narrow' }], rows: [
+                [named('green', 'Approve large discounts'), muted('New quote'), active],
+                [named('blue', 'Onboard a new customer'), muted('Deal won'), active],
+                [named('orange', 'Reorder low stock'), muted('Daily, 8:00'), draft],
+                [named('violet', 'Escalate urgent tickets'), muted('New ticket'), active],
+                [named('red', 'Chase unsigned contracts'), muted('Weekly, Mon'), draft],
             ] }) }));
 }
 export function TablesSample(props) {
     const rows = [
-        ["blue", "Customers", "12", "1,248"],
-        ["green", "Invoices", "9", "3,902"],
-        ["orange", "Orders", "14", "8,417"],
-        ["violet", "Products", "8", "326"],
-        ["red", "Suppliers", "7", "58"],
-        ["teal", "Support tickets", "10", "2,031"],
+        ['blue', 'Customers', '12', '1,248'],
+        ['green', 'Invoices', '9', '3,902'],
+        ['orange', 'Orders', '14', '8,417'],
+        ['violet', 'Products', '8', '326'],
+        ['red', 'Suppliers', '7', '58'],
+        ['teal', 'Support tickets', '10', '2,031'],
     ];
-    return (_jsx(SampleWindow, { ...props, icon: Database, trail: ["Tables"], children: _jsx(SampleTable, { columns: [
-                { label: "Table", size: "wide" },
-                { label: "Fields", size: "narrow" },
-                { label: "Rows", size: "narrow" },
+    return (_jsx(SampleWindow, { ...props, icon: Database, trail: ['Tables'], children: _jsx(SampleTable, { columns: [
+                { label: 'Table', size: 'wide' },
+                { label: 'Fields', size: 'narrow' },
+                { label: 'Rows', size: 'narrow' },
             ], rows: rows.map(([tone, name, fields, count]) => [
                 named(tone, name),
                 _jsx(SampleText, { children: fields }),
@@ -254,170 +238,150 @@ export function TablesSample(props) {
             ]) }) }));
 }
 const recordRows = [
-    ["blue", "lg", "md"],
-    ["green", "md", "sm"],
-    ["orange", "sm", "lg"],
-    ["violet", "md", "md"],
-    ["red", "lg", "sm"],
-    ["teal", "sm", "md"],
+    ['blue', 'lg', 'md'],
+    ['green', 'md', 'sm'],
+    ['orange', 'sm', 'lg'],
+    ['violet', 'md', 'md'],
+    ['red', 'lg', 'sm'],
+    ['teal', 'sm', 'md'],
 ];
 export function RecordsSample({ table, fields, ...props }) {
     const shown = fields.slice(0, 3);
     const columns = shown.length
         ? shown.map((label, index) => ({
             label,
-            size: index === 0 ? "wide" : "default",
+            size: index === 0 ? 'wide' : 'default',
         }))
-        : [{ label: "Row", size: "wide" }];
-    return (_jsx(SampleWindow, { ...props, icon: Database, trail: ["Tables", table], children: _jsx(SampleTable, { columns: columns, rows: recordRows.map(([tone, first, rest]) => columns.map((_, column) => column === 0 ? (_jsxs(_Fragment, { children: [_jsx(SampleMark, { tone: tone }), _jsx(SampleBar, { width: first })] })) : (_jsx(SampleBar, { width: column % 2 ? rest : first })))) }) }));
+        : [{ label: 'Row', size: 'wide' }];
+    return (_jsx(SampleWindow, { ...props, icon: Database, trail: ['Tables', table], children: _jsx(SampleTable, { columns: columns, rows: recordRows.map(([tone, first, rest]) => columns.map((_, column) => column === 0 ? (_jsxs(_Fragment, { children: [_jsx(SampleMark, { tone: tone }), _jsx(SampleBar, { width: first })] })) : (_jsx(SampleBar, { width: column % 2 ? rest : first })))) }) }));
 }
 export function CreateInChatSample(props) {
-    return (_jsx(SampleWindow, { ...props, icon: ChatRound, trail: ["New chat"], children: _jsxs("div", { className: "sprout-state-panel-samples-chat", children: [_jsx("p", { className: "sprout-state-panel-samples-bubble", children: "Track our suppliers with a name, contact email, payment terms, and region." }), _jsxs("p", { className: "sprout-state-panel-samples-reply", children: ["I\u2019ll create a ", _jsx("strong", { children: "Suppliers" }), " table with these fields. Review the schema before approving."] }), _jsx("div", { className: "sprout-state-panel-samples-schema", children: _jsx(SampleTable, { columns: [{ label: "Field", size: "wide" }, { label: "Type" }], rows: [
-                            [strong("Name"), muted("Text")],
-                            [strong("Contact email"), muted("Email")],
-                            [strong("Payment terms"), muted("Choice")],
-                            [strong("Region"), muted("Choice")],
+    return (_jsx(SampleWindow, { ...props, icon: ChatRound, trail: ['New chat'], children: _jsxs("div", { className: "sprout-state-panel-samples-chat", children: [_jsx("p", { className: "sprout-state-panel-samples-bubble", children: "Track our suppliers with a name, contact email, payment terms, and region." }), _jsxs("p", { className: "sprout-state-panel-samples-reply", children: ["I\u2019ll create a ", _jsx("strong", { children: "Suppliers" }), " table with these fields. Review the schema before approving."] }), _jsx("div", { className: "sprout-state-panel-samples-schema", children: _jsx(SampleTable, { columns: [{ label: 'Field', size: 'wide' }, { label: 'Type' }], rows: [
+                            [strong('Name'), muted('Text')],
+                            [strong('Contact email'), muted('Email')],
+                            [strong('Payment terms'), muted('Choice')],
+                            [strong('Region'), muted('Choice')],
                         ] }) })] }) }));
 }
 export function IntegrationsSample(props) {
-    const connected = badge("success", "Connected");
-    return (_jsx(SampleWindow, { ...props, icon: Plug, trail: ["Integrations"], tabs: ["Connected", "All"], children: _jsx(SampleList, { items: [
+    const connected = badge('success', 'Connected');
+    return (_jsx(SampleWindow, { ...props, icon: Plug, trail: ['Integrations'], tabs: ['Connected', 'All'], children: _jsx(SampleList, { items: [
                 {
                     leading: _jsx(BrandIcon, { brand: "slack", size: "sm" }),
-                    title: "Slack",
-                    detail: "Agents reply in #sales and #support",
+                    title: 'Slack',
+                    detail: 'Agents reply in #sales and #support',
                     trailing: connected,
                 },
                 {
                     leading: _jsx(BrandIcon, { brand: "gmail", size: "sm" }),
-                    title: "Gmail",
-                    detail: "Reads new mail for heartbeat answers",
+                    title: 'Gmail',
+                    detail: 'Reads new mail for heartbeat answers',
                     trailing: connected,
                 },
                 {
                     leading: _jsx(BrandIcon, { brand: "google-calendar", size: "sm" }),
-                    title: "Google Calendar",
-                    detail: "Books meetings after your approval",
+                    title: 'Google Calendar',
+                    detail: 'Books meetings after your approval',
                     trailing: connected,
                 },
                 {
                     leading: _jsx(BrandIcon, { brand: "github", size: "sm" }),
-                    title: "GitHub",
-                    detail: "Files issues for the product team",
+                    title: 'GitHub',
+                    detail: 'Files issues for the product team',
                     trailing: connected,
                 },
                 {
                     leading: _jsx(BrandIcon, { brand: "jira", size: "sm" }),
-                    title: "Jira",
-                    detail: "Searches the Support board",
-                    trailing: badge("warning", "Needs attention"),
+                    title: 'Jira',
+                    detail: 'Searches the Support board',
+                    trailing: badge('warning', 'Needs attention'),
                 },
             ] }) }));
 }
 export function ModelsSample(props) {
-    return (_jsx(SampleWindow, { ...props, icon: Cpu, trail: ["Settings", "Models"], children: _jsx(SampleList, { items: [
+    return (_jsx(SampleWindow, { ...props, icon: Cpu, trail: ['Settings', 'Models'], children: _jsx(SampleList, { items: [
                 {
                     leading: _jsx(BrandIcon, { brand: "claude", size: "sm" }),
-                    title: "Claude",
-                    detail: "Default for chat and agents",
-                    trailing: badge("success", "Enabled"),
+                    title: 'Claude',
+                    detail: 'Default for chat and agents',
+                    trailing: badge('success', 'Enabled'),
                 },
                 {
                     leading: _jsx(BrandIcon, { brand: "openai", size: "sm" }),
-                    title: "GPT",
-                    detail: "Available to the Analytics team",
-                    trailing: badge("success", "Enabled"),
+                    title: 'GPT',
+                    detail: 'Available to the Analytics team',
+                    trailing: badge('success', 'Enabled'),
                 },
                 {
                     leading: _jsx(BrandIcon, { brand: "deepseek", size: "sm" }),
-                    title: "DeepSeek",
-                    detail: "Not available to any team",
-                    trailing: badge("secondary", "Off"),
+                    title: 'DeepSeek',
+                    detail: 'Not available to any team',
+                    trailing: badge('secondary', 'Off'),
                 },
                 {
                     leading: _jsx(BrandIcon, { brand: "kimi", size: "sm" }),
-                    title: "Kimi",
-                    detail: "Not available to any team",
-                    trailing: badge("secondary", "Off"),
+                    title: 'Kimi',
+                    detail: 'Not available to any team',
+                    trailing: badge('secondary', 'Off'),
                 },
             ] }) }));
 }
 export function MembersSample(props) {
-    const admin = badge("info", "Admin");
-    const member = badge("secondary", "Member");
-    return (_jsx(SampleWindow, { ...props, icon: User, trail: ["Settings", "Members"], children: _jsx(SampleTable, { columns: [
-                { label: "Member", size: "wide" },
-                { label: "Role", size: "narrow" },
-                { label: "Teams" },
-            ], rows: [
-                [named("violet", "Maya Chen"), admin, muted("Operations")],
-                [named("orange", "Leo Martins"), member, muted("Sales, Support")],
-                [named("green", "Priya Nair"), member, muted("Finance")],
-                [named("blue", "Sam Okafor"), member, muted("Support")],
-                [named("red", "Ines Duarte"), admin, muted("Operations")],
+    const admin = badge('info', 'Admin');
+    const member = badge('secondary', 'Member');
+    return (_jsx(SampleWindow, { ...props, icon: User, trail: ['Settings', 'Members'], children: _jsx(SampleTable, { columns: [{ label: 'Member', size: 'wide' }, { label: 'Role', size: 'narrow' }, { label: 'Teams' }], rows: [
+                [named('violet', 'Maya Chen'), admin, muted('Operations')],
+                [named('orange', 'Leo Martins'), member, muted('Sales, Support')],
+                [named('green', 'Priya Nair'), member, muted('Finance')],
+                [named('blue', 'Sam Okafor'), member, muted('Support')],
+                [named('red', 'Ines Duarte'), admin, muted('Operations')],
             ] }) }));
 }
 export function TeamsSample(props) {
-    return (_jsx(SampleWindow, { ...props, icon: People, trail: ["Settings", "Teams"], children: _jsx(SampleList, { items: [
+    return (_jsx(SampleWindow, { ...props, icon: People, trail: ['Settings', 'Teams'], children: _jsx(SampleList, { items: [
                 {
                     leading: _jsx(SampleMark, { tone: "blue", size: "md" }),
-                    title: "Sales",
-                    detail: "Pipeline, quotes, and renewals · 8 members",
+                    title: 'Sales',
+                    detail: 'Pipeline, quotes, and renewals · 8 members',
                 },
                 {
                     leading: _jsx(SampleMark, { tone: "green", size: "md" }),
-                    title: "Finance",
-                    detail: "Invoices and collections · 3 members",
+                    title: 'Finance',
+                    detail: 'Invoices and collections · 3 members',
                 },
                 {
                     leading: _jsx(SampleMark, { tone: "orange", size: "md" }),
-                    title: "Support",
-                    detail: "Tickets and refunds · 6 members",
+                    title: 'Support',
+                    detail: 'Tickets and refunds · 6 members',
                 },
                 {
                     leading: _jsx(SampleMark, { tone: "violet", size: "md" }),
-                    title: "Operations",
-                    detail: "Inventory and suppliers · 4 members",
+                    title: 'Operations',
+                    detail: 'Inventory and suppliers · 4 members',
                 },
             ] }) }));
 }
 export function InvitationsSample(props) {
     const link = (email) => _jsx(SampleText, { tone: "link", children: email });
-    return (_jsx(SampleWindow, { ...props, icon: Envelope, trail: ["Settings", "Members", "Invitations"], children: _jsx(SampleTable, { columns: [
-                { label: "Email", size: "wide" },
-                { label: "Status", size: "narrow" },
-                { label: "Email delivery" },
-            ], rows: [
-                [
-                    link("maya@northwind.co"),
-                    badge("info", "active"),
-                    muted("Delivered"),
-                ],
-                [
-                    link("leo@northwind.co"),
-                    badge("secondary", "Accepted"),
-                    muted("Delivered"),
-                ],
-                [link("priya@northwind.co"), badge("info", "active"), muted("Sent")],
-                [
-                    link("sam@northwind.co"),
-                    badge("secondary", "expired"),
-                    muted("Delivered"),
-                ],
+    return (_jsx(SampleWindow, { ...props, icon: Envelope, trail: ['Settings', 'Members', 'Invitations'], children: _jsx(SampleTable, { columns: [{ label: 'Email', size: 'wide' }, { label: 'Status', size: 'narrow' }, { label: 'Email delivery' }], rows: [
+                [link('maya@northwind.co'), badge('info', 'active'), muted('Delivered')],
+                [link('leo@northwind.co'), badge('secondary', 'Accepted'), muted('Delivered')],
+                [link('priya@northwind.co'), badge('info', 'active'), muted('Sent')],
+                [link('sam@northwind.co'), badge('secondary', 'expired'), muted('Delivered')],
             ] }) }));
 }
 export function GrantsSample(props) {
-    const granted = badge("success", "Granted");
-    const none = muted("None");
-    return (_jsx(SampleWindow, { ...props, icon: ShieldUser, trail: ["Settings", "Table access"], tabs: ["Sales", "Finance", "Support"], children: _jsx(SampleTable, { columns: [
-                { label: "Table", size: "wide" },
-                { label: "Read", size: "narrow" },
-                { label: "Edit", size: "narrow" },
+    const granted = badge('success', 'Granted');
+    const none = muted('None');
+    return (_jsx(SampleWindow, { ...props, icon: ShieldUser, trail: ['Settings', 'Table access'], tabs: ['Sales', 'Finance', 'Support'], children: _jsx(SampleTable, { columns: [
+                { label: 'Table', size: 'wide' },
+                { label: 'Read', size: 'narrow' },
+                { label: 'Edit', size: 'narrow' },
             ], rows: [
-                [named("blue", "Customers"), granted, granted],
-                [named("green", "Invoices"), granted, none],
-                [named("orange", "Orders"), granted, granted],
-                [named("violet", "Products"), granted, none],
-                [named("red", "Suppliers"), none, none],
+                [named('blue', 'Customers'), granted, granted],
+                [named('green', 'Invoices'), granted, none],
+                [named('orange', 'Orders'), granted, granted],
+                [named('violet', 'Products'), granted, none],
+                [named('red', 'Suppliers'), none, none],
             ] }) }));
 }