@arbidocs/blocks 0.5.23 → 0.5.25

package/dist/{chunk-VNHLFS6T.cjs → chunk-4KLBM5K5.cjs}

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkBL74GYSA_cjs = require('./chunk-BL74GYSA.cjs');
+var chunkJGCYM3II_cjs = require('./chunk-JGCYM3II.cjs');
 var chunk4S34OHJX_cjs = require('./chunk-4S34OHJX.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -9,10 +9,10 @@ function ConnectedNativeDocxComparison({
   fontBaseUrl,
   ...props
 }) {
-  const adapter = chunkBL74GYSA_cjs.useConnectedNativeDocxAdapter(fontBaseUrl);
+  const adapter = chunkJGCYM3II_cjs.useConnectedNativeDocxAdapter(fontBaseUrl);
   return /* @__PURE__ */ jsxRuntime.jsx(chunk4S34OHJX_cjs.NativeDocxComparison, { ...props, adapter, onCompared: adapter.onVersionSaved });
 }
 
 exports.ConnectedNativeDocxComparison = ConnectedNativeDocxComparison;
-//# sourceMappingURL=chunk-VNHLFS6T.cjs.map
-//# sourceMappingURL=chunk-VNHLFS6T.cjs.map
+//# sourceMappingURL=chunk-4KLBM5K5.cjs.map
+//# sourceMappingURL=chunk-4KLBM5K5.cjs.map

package/dist/{chunk-VNHLFS6T.cjs.map → chunk-4KLBM5K5.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/connection/docx/ConnectedNativeDocxComparison.tsx"],"names":["useConnectedNativeDocxAdapter","NativeDocxComparison"],"mappings":";;;;;;AAOO,SAAS,6BAAA,CAA8B;AAAA,EAC5C,WAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAyF;AACvF,EAAA,MAAM,OAAA,GAAUA,gDAA8B,WAAW,CAAA;AACzD,EAAA,sCAAQC,sCAAA,EAAA,EAAsB,GAAG,OAAO,OAAA,EAAkB,UAAA,EAAY,QAAQ,cAAA,EAAgB,CAAA;AAChG","file":"chunk-VNHLFS6T.cjs","sourcesContent":["import {\n  NativeDocxComparison,\n  type NativeDocxComparisonProps,\n} from '../../docx/NativeDocxComparison'\nimport { useConnectedNativeDocxAdapter } from './ConnectedNativeDocxEditor'\n\n/** The Word redline of two documents or versions, on the signed-in session. */\nexport function ConnectedNativeDocxComparison({\n  fontBaseUrl,\n  ...props\n}: Omit<NativeDocxComparisonProps, 'adapter' | 'onCompared'> & { fontBaseUrl?: string }) {\n  const adapter = useConnectedNativeDocxAdapter(fontBaseUrl)\n  return <NativeDocxComparison {...props} adapter={adapter} onCompared={adapter.onVersionSaved} />\n}\n"]}
+{"version":3,"sources":["../src/connection/docx/ConnectedNativeDocxComparison.tsx"],"names":["useConnectedNativeDocxAdapter","NativeDocxComparison"],"mappings":";;;;;;AAOO,SAAS,6BAAA,CAA8B;AAAA,EAC5C,WAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAyF;AACvF,EAAA,MAAM,OAAA,GAAUA,gDAA8B,WAAW,CAAA;AACzD,EAAA,sCAAQC,sCAAA,EAAA,EAAsB,GAAG,OAAO,OAAA,EAAkB,UAAA,EAAY,QAAQ,cAAA,EAAgB,CAAA;AAChG","file":"chunk-4KLBM5K5.cjs","sourcesContent":["import {\n  NativeDocxComparison,\n  type NativeDocxComparisonProps,\n} from '../../docx/NativeDocxComparison'\nimport { useConnectedNativeDocxAdapter } from './ConnectedNativeDocxEditor'\n\n/** The Word redline of two documents or versions, on the signed-in session. */\nexport function ConnectedNativeDocxComparison({\n  fontBaseUrl,\n  ...props\n}: Omit<NativeDocxComparisonProps, 'adapter' | 'onCompared'> & { fontBaseUrl?: string }) {\n  const adapter = useConnectedNativeDocxAdapter(fontBaseUrl)\n  return <NativeDocxComparison {...props} adapter={adapter} onCompared={adapter.onVersionSaved} />\n}\n"]}

package/dist/{chunk-7DDMF3DZ.cjs → chunk-53T2FY4Z.cjs}

@@ -1,11 +1,11 @@
 "use client";
 'use strict';
 
-var chunkSQ5F5BFW_cjs = require('./chunk-SQ5F5BFW.cjs');
+var chunkXDU3HHUU_cjs = require('./chunk-XDU3HHUU.cjs');
 var chunkQW3SVHGM_cjs = require('./chunk-QW3SVHGM.cjs');
 var jsxRuntime = require('react/jsx-runtime');
-var ui = require('@arbidocs/react/ui');
 var lucideReact = require('lucide-react');
+var ui = require('@arbidocs/react/ui');
 
 function DataTableBlock({ columns, rows, caption, emptyText, testId }) {
   const area = testId ?? "data-table-block";
@@ -26,7 +26,7 @@ function DataTableBlock({ columns, rows, caption, emptyText, testId }) {
       }
     ) : null,
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkSQ5F5BFW_cjs.DataTable,
+      chunkXDU3HHUU_cjs.DataTable,
       {
         columns: tableColumns,
         rows: tableRows,
@@ -37,31 +37,6 @@ function DataTableBlock({ columns, rows, caption, emptyText, testId }) {
     )
   ] });
 }
-function PageHeader({
-  title,
-  eyebrow,
-  description,
-  leading,
-  actions,
-  tabs,
-  className,
-  testId
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cn("flex flex-col gap-3", className), "data-testid": testId, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center gap-3", children: [
-        leading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0", "data-slot": "page-header-leading", children: leading }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
-          eyebrow && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-1 text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: eyebrow }),
-          /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "font-display text-2xl font-semibold tracking-tight text-foreground", children: title }),
-          description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 max-w-2xl text-sm text-muted-foreground", children: description })
-        ] })
-      ] }),
-      actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex shrink-0 items-center gap-2", children: actions })
-    ] }),
-    tabs && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "page-header-tabs", children: tabs })
-  ] });
-}
 function MetricCard({
   label,
   value,
@@ -154,7 +129,6 @@ function StatGroup({ items, testId }) {
 
 exports.DataTableBlock = DataTableBlock;
 exports.MetricCard = MetricCard;
-exports.PageHeader = PageHeader;
 exports.StatGroup = StatGroup;
-//# sourceMappingURL=chunk-7DDMF3DZ.cjs.map
-//# sourceMappingURL=chunk-7DDMF3DZ.cjs.map
+//# sourceMappingURL=chunk-53T2FY4Z.cjs.map
+//# sourceMappingURL=chunk-53T2FY4Z.cjs.map

package/dist/chunk-53T2FY4Z.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DataTableBlock.tsx","../src/components/MetricCard.tsx","../src/components/StatGroup.tsx"],"names":["jsxs","jsx","DataTable","Card","cn","ArrowUpRight","ArrowDownRight","ActionLink"],"mappings":"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","file":"chunk-53T2FY4Z.cjs","sourcesContent":["/**\n * A **serializable** data table for the Puck builder.\n *\n * The library's developer-facing {@link DataTable} is driven by `Column<T>` whose\n * `header`/`render` are React nodes and functions — powerful, but non-serializable,\n * so it can never be a Puck block. `DataTableBlock` closes that gap with a flat,\n * JSON-safe schema (string headers, string field keys, string cells) and rebuilds\n * the non-serializable `Column<Row>[]` internally, rendering through the very same\n * {@link DataTable} so it inherits the library's markup and tokens verbatim.\n */\nimport { DataTable, type Column } from './DataTable'\n\nexport interface DataTableBlockColumn {\n  /** Column heading text. */\n  header: string\n  /** Key used to look a cell up in each row record. */\n  field: string\n  /** Cell/heading alignment. */\n  align?: 'left' | 'right' | 'center'\n}\n\nexport interface DataTableBlockProps {\n  /** Serializable column schema. */\n  columns: DataTableBlockColumn[]\n  /** One record per row; cells are looked up by each column's `field`. */\n  rows: Array<Record<string, string>>\n  /** Optional caption rendered above the table. */\n  caption?: string\n  /** Empty-state title shown when there are no rows. */\n  emptyText?: string\n  /** testid area prefix; also set on the wrapper element. */\n  testId?: string\n}\n\n/** A row wrapper so {@link DataTable} gets a stable id without polluting the record. */\ninterface TableRowData {\n  __id: string\n  cells: Record<string, string>\n}\n\n/**\n * Renders a {@link DataTable} from a flat, serializable schema. Columns are mapped\n * to `Column<TableRowData>[]` (header string, positional-stable key, alignment) and\n * each cell is resolved by `field`; rows carry a synthetic id for React keys/testids.\n */\nexport function DataTableBlock({ columns, rows, caption, emptyText, testId }: DataTableBlockProps) {\n  const area = testId ?? 'data-table-block'\n\n  const tableColumns: Column<TableRowData>[] = columns.map((col, index) => ({\n    key: col.field || `col-${index}`,\n    header: col.header,\n    align: col.align,\n    render: (row) => row.cells[col.field] ?? '',\n  }))\n\n  const tableRows: TableRowData[] = rows.map((cells, index) => ({ __id: String(index), cells }))\n\n  return (\n    <div data-testid={testId}>\n      {caption ? (\n        <p\n          className=\"mb-2 text-sm text-muted-foreground\"\n          data-testid={testId ? `${testId}-caption` : undefined}\n        >\n          {caption}\n        </p>\n      ) : null}\n      <DataTable\n        columns={tableColumns}\n        rows={tableRows}\n        getRowId={(row) => row.__id}\n        area={area}\n        emptyTitle={emptyText}\n      />\n    </div>\n  )\n}\n","import type { ReactNode } from 'react'\nimport type { LucideIcon } from 'lucide-react'\nimport { ArrowDownRight, ArrowUpRight } from 'lucide-react'\nimport { Card, cn } from '@arbidocs/react/ui'\nimport { ActionLink } from './ActionLink'\n\nexport interface MetricCardProps {\n  label: ReactNode\n  value: ReactNode\n  icon?: LucideIcon\n  hint?: ReactNode\n  delta?: { value: string; direction: 'up' | 'down'; good?: boolean }\n  /**\n   * Icon accent as a theme colour-token key (e.g. `primary`, `success`, or the host's own brand\n   * token). Resolved to `var(--color-<accent>)` at render. `'default'` inherits `foreground`.\n   */\n  accent?: string\n  /** Show a placeholder instead of the value (the figure is still being fetched). */\n  isLoading?: boolean\n  /** Makes the tile a real link (ctrl/cmd-click works). */\n  href?: string\n  /** Click handler; with `href`, a plain click calls it instead of navigating. */\n  onSelect?: () => void\n  className?: string\n  testId?: string\n}\n\n/** The one true KPI tile. Used across every dashboard and module header. */\nexport function MetricCard({\n  label,\n  value,\n  icon: Icon,\n  hint,\n  delta,\n  accent = 'default',\n  isLoading = false,\n  href,\n  onSelect,\n  className,\n  testId,\n}: MetricCardProps) {\n  const accentStyle =\n    accent && accent !== 'default' ? { color: `var(--color-${accent})` } : undefined\n  const deltaGood = delta?.good ?? delta?.direction === 'up'\n  const isInteractive = Boolean(href || onSelect)\n  const card = (\n    <Card\n      variant=\"elevated\"\n      className={cn('card-hover min-w-0 rounded-xl p-5', className)}\n      data-testid={isInteractive ? undefined : testId}\n      aria-busy={isLoading || undefined}\n    >\n      <div className=\"flex items-start justify-between gap-3\">\n        <p className=\"min-w-0 text-xs font-medium uppercase tracking-wide text-muted-foreground\">\n          {label}\n        </p>\n        {Icon && <Icon className=\"size-4 shrink-0\" style={accentStyle} />}\n      </div>\n      {isLoading ? (\n        <div\n          className=\"mt-2 h-8 w-20 animate-pulse rounded bg-muted\"\n          data-slot=\"metric-card-skeleton\"\n        />\n      ) : (\n        <p\n          className=\"mt-2 font-display text-2xl font-semibold tracking-tight [overflow-wrap:anywhere]\"\n          data-testid={testId && `${testId}-value`}\n        >\n          {value}\n        </p>\n      )}\n      <div className=\"mt-1 flex items-center gap-2\">\n        {delta && !isLoading && (\n          <span\n            className={cn(\n              'inline-flex items-center gap-0.5 text-xs font-medium',\n              deltaGood ? 'text-success' : 'text-destructive'\n            )}\n          >\n            {delta.direction === 'up' ? (\n              <ArrowUpRight className=\"size-3\" />\n            ) : (\n              <ArrowDownRight className=\"size-3\" />\n            )}\n            {delta.value}\n          </span>\n        )}\n        {hint && <span className=\"text-xs text-muted-foreground\">{hint}</span>}\n      </div>\n    </Card>\n  )\n  if (!isInteractive) return card\n  return (\n    <ActionLink\n      href={href}\n      onSelect={onSelect}\n      className=\"block rounded-xl text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n      data-testid={testId}\n    >\n      {card}\n    </ActionLink>\n  )\n}\n","import { cn } from '@arbidocs/react/ui'\n\nexport interface StatItem {\n  value: string\n  label: string\n  /** Optional caption under the label (e.g. a qualifier or unit). */\n  sub?: string\n}\n\nexport interface StatGroupProps {\n  items: StatItem[]\n  testId?: string\n}\n\nconst GRID: Record<number, string> = {\n  1: 'grid-cols-1',\n  2: 'grid-cols-2',\n  3: 'grid-cols-2 sm:grid-cols-3',\n  4: 'grid-cols-2 lg:grid-cols-4',\n}\n\n/** Big-number stat group — headline metrics with captions. */\nexport function StatGroup({ items, testId }: StatGroupProps) {\n  const list = items ?? []\n  const cols = GRID[Math.min(list.length, 4)] ?? GRID[4]\n  return (\n    <dl className={cn('grid gap-8', cols)} data-testid={testId}>\n      {list.map((item, i) => (\n        <div key={i} className=\"min-w-0 text-center\" data-testid={testId && `${testId}-item-${i}`}>\n          <dt className=\"sr-only\">{item.label}</dt>\n          <dd className=\"text-4xl font-semibold tracking-tight [overflow-wrap:anywhere] sm:text-5xl\">\n            {item.value}\n          </dd>\n          <p className=\"mt-2 text-sm text-muted-foreground\">{item.label}</p>\n          {item.sub && <p className=\"mt-1 text-xs text-muted-foreground/80\">{item.sub}</p>}\n        </div>\n      ))}\n    </dl>\n  )\n}\n"]}

package/dist/{chunk-BTF4AZMG.js → chunk-57CG33XJ.js}

@@ -1,4 +1,6 @@
 "use client";
+import { entityNoun } from '@arbidocs/react/ui';
+
 // src/workspaces/workspace-type.ts
 function getHumanUserCount(users) {
   if (!users) return 0;
@@ -33,8 +35,6 @@ function getVariantBorderClass(variant) {
       return "border-gray-600";
   }
 }
-
-// src/workspaces/workspace-groups.ts
 var NO_PROJECT_GROUP_KEY = "__none__";
 var isListedWorkspace = (workspace) => workspace.workspace_type !== "skills";
 var byPinThenName = (pinned) => (a, b) => {
@@ -66,7 +66,7 @@ function groupWorkspacesByProject(workspaces, {
     groups.push({
       key: projectExtId ?? NO_PROJECT_GROUP_KEY,
       projectExtId,
-      title: projectExtId ? name || (isOwned ? "Personal" : "Unnamed project") : isCommon ? "Common" : workspacesLabel,
+      title: projectExtId ? name || (isOwned ? "Personal" : `Unnamed ${entityNoun("PROJECT")}`) : isCommon ? "Common" : workspacesLabel,
       isOwned,
       isCommon,
       workspaces: [...list].sort(byPinThenName(pinned))
@@ -144,5 +144,5 @@ function workspaceFilterAttributes(workspace, { selfId, pinned }) {
 }
 
 export { NO_PROJECT_GROUP_KEY, WORKSPACE_CATEGORY_FILTERS, byRecentUpdate, getHumanUserCount, getVariantBgClass, getVariantBorderClass, getWorkspaceTypeInfo, groupWorkspacesByProject, isAgentAccount, isListedWorkspace, projectFilterId, workspaceConversationCount, workspaceDocumentCount, workspaceFilterAttributes, workspaceGroupStats };
-//# sourceMappingURL=chunk-BTF4AZMG.js.map
-//# sourceMappingURL=chunk-BTF4AZMG.js.map
+//# sourceMappingURL=chunk-57CG33XJ.js.map
+//# sourceMappingURL=chunk-57CG33XJ.js.map

package/dist/chunk-57CG33XJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/workspaces/workspace-type.ts","../src/workspaces/workspace-groups.ts"],"names":[],"mappings":"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","file":"chunk-57CG33XJ.js","sourcesContent":["/**\n * Workspace Type Utilities\n *\n * Helper functions for determining workspace type information.\n */\n\nexport type WorkspaceVariant = 'primary' | 'secondary' | 'gray'\n\n/**\n * Count non-agent users in a workspace.\n * Workspace users with agent_ext_id are agents and should not count\n * for determining workspace type (individual vs group).\n */\nexport function getHumanUserCount(users?: { agent_ext_id?: string | null }[]): number {\n  if (!users) return 0\n  return users.filter((u) => !u.agent_ext_id).length\n}\n\n/**\n * Helper to determine workspace type and variant\n */\nexport function getWorkspaceTypeInfo(\n  isPublic: boolean,\n  userCount: number\n): { type: string; variant: WorkspaceVariant } {\n  if (isPublic) {\n    return { type: 'Common', variant: 'gray' }\n  }\n  if (userCount > 1) {\n    return { type: 'Group', variant: 'secondary' }\n  }\n  return { type: 'Individual', variant: 'primary' }\n}\n\n/**\n * Returns the Tailwind background color class for a workspace type variant\n */\nexport function getVariantBgClass(variant: WorkspaceVariant): string {\n  switch (variant) {\n    case 'primary':\n      return 'bg-primary'\n    case 'secondary':\n      return 'bg-secondary'\n    case 'gray':\n      return 'bg-gray-600'\n  }\n}\n\n/**\n * Returns the Tailwind border color class for a workspace type variant\n */\nexport function getVariantBorderClass(variant: WorkspaceVariant): string {\n  switch (variant) {\n    case 'primary':\n      return 'border-primary'\n    case 'secondary':\n      return 'border-secondary'\n    case 'gray':\n      return 'border-gray-600'\n  }\n}\n","/**\n * The user's workspaces grouped by project, as the workspace list shows them (cards and table\n * alike): one group per project, the user's own projects first (an owned project with no\n * workspace yet still gets its group, to invite the first one), other people's projects by name,\n * and the workspaces with no visible project last. Plus the tri-state filter over the list\n * (projects and workspace categories) and the totals a group's heading shows.\n *\n * Pure: a host maps nothing; these read the API's workspace and project records as they come.\n */\nimport type { components } from '@arbidocs/client'\nimport { getHumanUserCount, getWorkspaceTypeInfo } from './workspace-type'\nimport { entityNoun } from '@arbidocs/react/ui'\n\nexport type GroupedWorkspace = components['schemas']['WorkspaceResponse']\ntype Project = Pick<\n  components['schemas']['ProjectResponse'],\n  'external_id' | 'name' | 'subscription' | 'created_by'\n>\n\n/** Group key of the workspaces that have no visible project. */\nexport const NO_PROJECT_GROUP_KEY = '__none__'\n\nexport interface WorkspaceProjectGroup {\n  /** Stable key (the project's id, or `NO_PROJECT_GROUP_KEY`): collapse state and row ids. */\n  key: string\n  projectExtId: string | null\n  /** The project's name with the fallbacks applied (\"Personal\", \"Common\", \"Workspaces\"…). */\n  title: string\n  /** The user owns the project. */\n  isOwned: boolean\n  /**\n   * The no-project group of public workspaces the user is not a member of (\"Common\"): shared\n   * with everyone, so it starts collapsed.\n   */\n  isCommon: boolean\n  /** Pinned first, then by name. */\n  workspaces: GroupedWorkspace[]\n}\n\nexport interface GroupWorkspacesOptions {\n  /** The signed-in user (`usr-…`): whose projects and workspaces are \"own\". */\n  selfId: string | undefined\n  /** Pinned workspace ids: first within their group. */\n  pinned?: ReadonlySet<string>\n  /** The user's projects: fresher names, and a group for each owned project with no workspace. */\n  projects?: readonly Project[]\n  /** The plural word for workspaces (the own no-project group's title). */\n  workspacesLabel?: string\n}\n\n/** The skills marketplace is a system workspace: reached through the skills UI, never listed. */\nexport const isListedWorkspace = (workspace: Pick<GroupedWorkspace, 'workspace_type'>): boolean =>\n  workspace.workspace_type !== 'skills'\n\nconst byPinThenName =\n  (pinned: ReadonlySet<string>) => (a: GroupedWorkspace, b: GroupedWorkspace) => {\n    const aPinned = pinned.has(a.external_id)\n    const bPinned = pinned.has(b.external_id)\n    if (aPinned !== bPinned) return aPinned ? -1 : 1\n    return a.name.localeCompare(b.name)\n  }\n\n/**\n * Group `workspaces` (already filtered) by project. The order: own projects (by name, then the\n * own projects with no workspace), other people's projects by name, the no-project group last.\n */\nexport function groupWorkspacesByProject(\n  workspaces: readonly GroupedWorkspace[],\n  {\n    selfId,\n    pinned = new Set(),\n    projects = [],\n    workspacesLabel = 'Workspaces',\n  }: GroupWorkspacesOptions\n): WorkspaceProjectGroup[] {\n  const byProject = new Map<string | null, GroupedWorkspace[]>()\n  for (const workspace of workspaces) {\n    const key = workspace.project_ext_id ?? null\n    const list = byProject.get(key)\n    if (list) list.push(workspace)\n    else byProject.set(key, [workspace])\n  }\n\n  const projectById = new Map(projects.map((p) => [p.external_id, p]))\n  const groups: WorkspaceProjectGroup[] = []\n  for (const [projectExtId, list] of byProject) {\n    const first = list[0]\n    const isOwned = !!projectExtId && first.project_owner_ext_id === selfId\n    const isCommon = !projectExtId && !list.some((w) => w.is_member)\n    const name = projectExtId\n      ? projectById.get(projectExtId)?.name || first.project_name || null\n      : null\n    groups.push({\n      key: projectExtId ?? NO_PROJECT_GROUP_KEY,\n      projectExtId,\n      title: projectExtId\n        ? name || (isOwned ? 'Personal' : `Unnamed ${entityNoun('PROJECT')}`)\n        : isCommon\n          ? 'Common'\n          : workspacesLabel,\n      isOwned,\n      isCommon,\n      workspaces: [...list].sort(byPinThenName(pinned)),\n    })\n  }\n\n  groups.sort((a, b) => {\n    if (!a.projectExtId !== !b.projectExtId) return a.projectExtId ? -1 : 1\n    if (a.isOwned !== b.isOwned) return a.isOwned ? -1 : 1\n    return a.title.localeCompare(b.title)\n  })\n\n  // An own project with no workspace yet keeps its group (after the own projects with some).\n  const empty = projects\n    .filter((p) => p.created_by === selfId && !byProject.has(p.external_id))\n    .map<WorkspaceProjectGroup>((p) => ({\n      key: p.external_id,\n      projectExtId: p.external_id,\n      title: p.name || 'Personal',\n      isOwned: true,\n      isCommon: false,\n      workspaces: [],\n    }))\n  const ownedCount = groups.filter((g) => g.isOwned).length\n  groups.splice(ownedCount, 0, ...empty)\n  return groups\n}\n\n/** Most recently updated first (the cards' order within a group). */\nexport function byRecentUpdate(a: GroupedWorkspace, b: GroupedWorkspace): number {\n  const time = (w: GroupedWorkspace) => {\n    const t = Date.parse(w.updated_at ?? '')\n    return Number.isNaN(t) ? 0 : t\n  }\n  return time(b) - time(a)\n}\n\n/** What a group's heading reports about its workspaces: sums, and distinct people (no agents). */\nexport interface WorkspaceGroupStats {\n  workspaces: number\n  documents: number\n  conversations: number\n  members: number\n  /** The most recent activity (ISO), `''` when none. */\n  updatedAt: string\n}\n\nexport const workspaceDocumentCount = (w: GroupedWorkspace): number =>\n  (w.shared_document_count ?? 0) + (w.private_document_count ?? 0)\n\nexport const workspaceConversationCount = (w: GroupedWorkspace): number =>\n  (w.shared_conversation_count ?? 0) + (w.private_conversation_count ?? 0)\n\n/** An agent account (`agt-…`): kept out of member counts and faces. */\nexport const isAgentAccount = (user: { external_id: string }): boolean =>\n  user.external_id.startsWith('agt-')\n\nexport function workspaceGroupStats(workspaces: readonly GroupedWorkspace[]): WorkspaceGroupStats {\n  let documents = 0\n  let conversations = 0\n  let updatedAt = ''\n  const members = new Set<string>()\n  for (const workspace of workspaces) {\n    documents += workspaceDocumentCount(workspace)\n    conversations += workspaceConversationCount(workspace)\n    const at = workspace.updated_at || workspace.created_at || ''\n    if (at > updatedAt) updatedAt = at\n    for (const member of workspace.users ?? []) {\n      if (isAgentAccount(member.user)) continue\n      members.add(member.user.external_id || member.user.email)\n    }\n  }\n  return {\n    workspaces: workspaces.length,\n    documents,\n    conversations,\n    members: members.size,\n    updatedAt,\n  }\n}\n\n// ── Filtering ────────────────────────────────────────────────────────────────\n\n/** The category filters, in menu order. */\nexport const WORKSPACE_CATEGORY_FILTERS = [\n  { id: 'owned', label: 'Owned by me' },\n  { id: 'pinned', label: 'Pinned' },\n  { id: 'individual', label: 'Individual' },\n  { id: 'group', label: 'Group' },\n  { id: 'common', label: 'Common' },\n] as const\n\n/** A project filter's id. */\nexport const projectFilterId = (projectExtId: string): string => `project:${projectExtId}`\n\n/** Which filters a workspace matches: its category, pinned, owned, and its project. */\nexport function workspaceFilterAttributes(\n  workspace: GroupedWorkspace,\n  { selfId, pinned }: { selfId: string | undefined; pinned: ReadonlySet<string> }\n): Record<string, boolean> {\n  const { type } = getWorkspaceTypeInfo(workspace.is_public, getHumanUserCount(workspace.users))\n  const attributes: Record<string, boolean> = {\n    individual: type === 'Individual',\n    group: type === 'Group',\n    common: type === 'Common',\n    pinned: pinned.has(workspace.external_id),\n    owned: workspace.created_by_ext_id === selfId,\n  }\n  if (workspace.project_ext_id) attributes[projectFilterId(workspace.project_ext_id)] = true\n  return attributes\n}\n"]}

package/dist/chunk-5ZBXFHZW.js

@@ -0,0 +1,434 @@
+"use client";
+import { matchFontPairing, FONT_PAIRINGS } from './chunk-NHZK64TQ.js';
+import { useState, useEffect } from 'react';
+import { RotateCcw, ChevronDown, Palette, Check, Save } from 'lucide-react';
+import { Input, Card, CardHeader, CardTitle, CardContent } from '@arbidocs/react/ui';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/theme/tokens.ts
+var THEME_STYLE_ID = "arbi-theme-vars";
+var TRIPLET_RE = /^-?\d+(?:\.\d+)?\s+-?\d+(?:\.\d+)?%\s+-?\d+(?:\.\d+)?%$/;
+function parseRgb(color) {
+  if (color.startsWith("#")) {
+    let hex = color.slice(1);
+    if (hex.length === 3) {
+      hex = hex.split("").map((ch) => ch + ch).join("");
+    }
+    if (hex.length === 6 && /^[0-9a-fA-F]{6}$/.test(hex)) {
+      return {
+        r: parseInt(hex.slice(0, 2), 16),
+        g: parseInt(hex.slice(2, 4), 16),
+        b: parseInt(hex.slice(4, 6), 16)
+      };
+    }
+    return null;
+  }
+  const m = color.match(/^rgba?\(\s*([\d.]+)[\s,]+([\d.]+)[\s,]+([\d.]+)/i);
+  if (m) return { r: Number(m[1]), g: Number(m[2]), b: Number(m[3]) };
+  return null;
+}
+function rgbToHslTriplet(r, g, b) {
+  const rn = r / 255;
+  const gn = g / 255;
+  const bn = b / 255;
+  const max = Math.max(rn, gn, bn);
+  const min = Math.min(rn, gn, bn);
+  const l = (max + min) / 2;
+  const d = max - min;
+  let h = 0;
+  let s = 0;
+  if (d !== 0) {
+    s = d / (1 - Math.abs(2 * l - 1));
+    switch (max) {
+      case rn:
+        h = 60 * ((gn - bn) / d % 6);
+        break;
+      case gn:
+        h = 60 * ((bn - rn) / d + 2);
+        break;
+      default:
+        h = 60 * ((rn - gn) / d + 4);
+        break;
+    }
+  }
+  if (h < 0) h += 360;
+  return `${Math.round(h)} ${Math.round(s * 100)}% ${Math.round(l * 100)}%`;
+}
+function toHslTriplet(color) {
+  const c = color.trim();
+  if (TRIPLET_RE.test(c)) return c;
+  const rgb = parseRgb(c);
+  if (!rgb) return c;
+  return rgbToHslTriplet(rgb.r, rgb.g, rgb.b);
+}
+function renderTripletBlock(colors) {
+  return Object.entries(colors).map(([key, value]) => `  --${key}: ${toHslTriplet(value)};`).join("\n");
+}
+function emitCssVars(theme, dark) {
+  if (typeof document === "undefined") return;
+  const meta = [
+    `  --font-display: ${theme.fonts.display};`,
+    `  --font-sans: ${theme.fonts.sans};`,
+    `  --radius: ${theme.radius}rem;`
+  ].join("\n");
+  let css = `:root {
+${renderTripletBlock(theme.colors)}
+${meta}
+}`;
+  if (dark) {
+    css += `
+:root.dark {
+${renderTripletBlock(dark)}
+}`;
+  }
+  let style = document.getElementById(THEME_STYLE_ID);
+  if (!style) {
+    style = document.createElement("style");
+    style.id = THEME_STYLE_ID;
+    document.head.appendChild(style);
+  }
+  style.textContent = css;
+}
+function removeCssVars() {
+  if (typeof document === "undefined") return;
+  document.getElementById(THEME_STYLE_ID)?.remove();
+}
+function normalizeOptions(optionsOrRoot) {
+  if (typeof HTMLElement !== "undefined" && optionsOrRoot instanceof HTMLElement) {
+    return { root: optionsOrRoot };
+  }
+  return optionsOrRoot;
+}
+function applyThemeVars(theme, optionsOrRoot = {}) {
+  const { mode = "flat", dark, root = document.documentElement } = normalizeOptions(optionsOrRoot);
+  if (mode === "cssVars") {
+    emitCssVars(theme, dark);
+    return;
+  }
+  for (const [key, value] of Object.entries(theme.colors)) {
+    root.style.setProperty(`--color-${key}`, value);
+  }
+  root.style.setProperty("--font-display", theme.fonts.display);
+  root.style.setProperty("--font-sans", theme.fonts.sans);
+  root.style.setProperty("--radius", `${theme.radius}rem`);
+}
+function applyFontVars(fonts, root = document.documentElement) {
+  root.style.setProperty("--font-display", fonts.display);
+  root.style.setProperty("--font-sans", fonts.sans);
+}
+function clearFontVars(root = document.documentElement) {
+  root.style.removeProperty("--font-display");
+  root.style.removeProperty("--font-sans");
+}
+function clearThemeVars(theme, optionsOrRoot = {}) {
+  const { mode = "flat", root = document.documentElement } = normalizeOptions(optionsOrRoot);
+  if (mode === "cssVars") {
+    removeCssVars();
+    return;
+  }
+  for (const key of Object.keys(theme.colors)) {
+    root.style.removeProperty(`--color-${key}`);
+  }
+  root.style.removeProperty("--font-display");
+  root.style.removeProperty("--font-sans");
+  root.style.removeProperty("--radius");
+}
+function ThemeEditor({
+  bundle,
+  variant = "panel",
+  preview,
+  onSave,
+  testIdPrefix = "theme",
+  defaultOpen = false
+}) {
+  const { useStore, tokens, presets, groupLabels, mode, darkColors } = bundle;
+  const colors = useStore((s) => s.colors);
+  const fonts = useStore((s) => s.fonts);
+  const radius = useStore((s) => s.radius);
+  const activePresetId = useStore((s) => s.activePresetId);
+  const setColor = useStore((s) => s.setColor);
+  const setFont = useStore((s) => s.setFont);
+  const setFontPairing = useStore((s) => s.setFontPairing);
+  const setRadius = useStore((s) => s.setRadius);
+  const applyPreset = useStore((s) => s.applyPreset);
+  const reset = useStore((s) => s.reset);
+  const [open, setOpen] = useState(defaultOpen);
+  const [saving, setSaving] = useState(false);
+  const [savedVia, setSavedVia] = useState(null);
+  useEffect(() => {
+    applyThemeVars({ colors, fonts, radius }, { mode, dark: darkColors });
+  }, [colors, fonts, radius, mode, darkColors]);
+  const tid2 = (suffix) => `${testIdPrefix}-${suffix}`;
+  const groups = [...new Set(tokens.map((t) => t.group))];
+  const save = async () => {
+    if (!onSave) return;
+    setSaving(true);
+    try {
+      const via = await onSave();
+      setSavedVia(typeof via === "string" ? via : "saved");
+    } catch {
+      setSavedVia(null);
+    } finally {
+      setSaving(false);
+    }
+  };
+  const Presets = /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+    presets.map((p) => /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => applyPreset(p.id),
+        className: `rounded-full border px-3 py-1 text-xs font-medium transition-colors ${activePresetId === p.id ? "border-primary bg-primary text-primary-foreground" : "border-border text-foreground hover:border-primary"}`,
+        "data-testid": tid2(`preset-${p.id}`),
+        children: p.label
+      },
+      p.id
+    )),
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: reset,
+        className: "ml-auto inline-flex items-center gap-1.5 text-xs font-medium text-muted-foreground hover:text-foreground",
+        "data-testid": tid2("reset"),
+        children: [
+          /* @__PURE__ */ jsx(RotateCcw, { className: "size-3" }),
+          " Reset"
+        ]
+      }
+    )
+  ] });
+  const colorRow = (k, label) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "color",
+        value: colors[k] ?? "#000000",
+        onChange: (e) => setColor(k, e.target.value),
+        className: "size-9 shrink-0 cursor-pointer rounded-md border border-border bg-transparent",
+        "aria-label": label,
+        "data-testid": tid2(`color-${k}`)
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx("span", { className: "block text-xs text-muted-foreground", children: label }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          value: colors[k] ?? "",
+          onChange: (e) => setColor(k, e.target.value),
+          "aria-label": `${label} hex value`,
+          className: "bg-card placeholder:text-muted-foreground focus-visible:border-ring/60 focus-visible:ring-2 focus-visible:ring-ring h-7 font-mono text-xs",
+          "data-testid": tid2(`hex-${k}`)
+        }
+      )
+    ] })
+  ] }, k);
+  const activePairing = matchFontPairing(fonts);
+  const Typography = /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("span", { className: "block text-xs text-muted-foreground", children: "Typeface" }),
+      /* @__PURE__ */ jsxs(
+        "select",
+        {
+          value: activePairing?.id ?? "",
+          onChange: (e) => setFontPairing(e.target.value),
+          "aria-label": "Typeface",
+          className: "mt-1 h-8 w-full rounded-md border border-border bg-card px-2 text-xs text-foreground focus-visible:border-ring/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          "data-testid": tid2("font-pairing"),
+          children: [
+            !activePairing && /* @__PURE__ */ jsx("option", { value: "", children: "Custom" }),
+            FONT_PAIRINGS.map((pairing) => /* @__PURE__ */ jsx("option", { value: pairing.id, children: pairing.label }, pairing.id))
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: activePairing?.description ?? "Hand-edited font stacks." })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("span", { className: "block text-xs text-muted-foreground", children: "Display font stack" }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          value: fonts.display,
+          onChange: (e) => setFont("display", e.target.value),
+          "aria-label": "Display font stack",
+          className: "bg-card placeholder:text-muted-foreground focus-visible:border-ring/60 focus-visible:ring-2 focus-visible:ring-ring mt-1 font-mono text-xs",
+          "data-testid": tid2("font-display")
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("span", { className: "block text-xs text-muted-foreground", children: "Body font stack" }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          value: fonts.sans,
+          onChange: (e) => setFont("sans", e.target.value),
+          "aria-label": "Body font stack",
+          className: "bg-card placeholder:text-muted-foreground focus-visible:border-ring/60 focus-visible:ring-2 focus-visible:ring-ring mt-1 font-mono text-xs",
+          "data-testid": tid2("font-sans")
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsxs("span", { className: "block text-xs text-muted-foreground", children: [
+        "Base radius \u2014 ",
+        radius,
+        "rem"
+      ] }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "range",
+          min: 0,
+          max: 1.5,
+          step: 0.125,
+          value: radius,
+          onChange: (e) => setRadius(Number(e.target.value)),
+          "aria-label": "Base radius",
+          className: "mt-2 w-full accent-[color:var(--color-primary)]",
+          "data-testid": tid2("radius")
+        }
+      )
+    ] })
+  ] });
+  const Preview = /* @__PURE__ */ jsxs(Card, { variant: "elevated", className: "rounded-lg", "data-testid": tid2("preview"), children: [
+    /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-base", children: "Live preview" }) }),
+    /* @__PURE__ */ jsxs(CardContent, { className: "space-y-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "rounded-[var(--radius)] bg-primary p-4 text-primary-foreground", children: [
+        /* @__PURE__ */ jsx("p", { className: "font-display text-lg font-semibold", children: preview?.title ?? "Preview" }),
+        preview?.subtitle && /* @__PURE__ */ jsx("p", { className: "text-xs opacity-80", children: preview.subtitle })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-6 gap-1.5", children: tokens.map((t) => /* @__PURE__ */ jsx(
+        "div",
+        {
+          title: t.label,
+          className: "aspect-square rounded-md border border-border",
+          style: { background: `var(--color-${t.key})` }
+        },
+        t.key
+      )) }),
+      /* @__PURE__ */ jsxs("div", { className: "rounded-[var(--radius)] border border-border bg-[color:var(--color-ai-accent-soft,var(--color-accent))] p-3", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-[color:var(--color-ai-accent,var(--color-primary))]", children: "AI action surface" }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Themed by the AI-kit accent tokens." })
+      ] })
+    ] })
+  ] });
+  const SaveBar = onSave && /* @__PURE__ */ jsxs("div", { className: "mt-6 flex items-center gap-3", children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => void save(),
+        disabled: saving,
+        className: "inline-flex items-center gap-1.5 rounded-md bg-primary px-3 py-2 text-sm font-medium text-primary-foreground hover:opacity-90 disabled:opacity-60",
+        "data-testid": tid2("save"),
+        children: [
+          savedVia ? /* @__PURE__ */ jsx(Check, { className: "size-4" }) : /* @__PURE__ */ jsx(Save, { className: "size-4" }),
+          saving ? "Saving\u2026" : savedVia ? "Saved" : "Save theme"
+        ]
+      }
+    ),
+    savedVia && /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", "data-testid": tid2("via"), children: [
+      "stored via ",
+      savedVia
+    ] })
+  ] });
+  if (variant === "collapsed") {
+    const controlsId = `${testIdPrefix}-controls`;
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-3", "data-testid": testIdPrefix, children: [
+      Presets,
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-8 gap-1.5 @xl:grid-cols-12", "aria-hidden": "true", children: tokens.slice(0, 12).map((t) => /* @__PURE__ */ jsx(
+        "div",
+        {
+          title: t.label,
+          className: "aspect-square rounded-md border border-border",
+          style: { background: `var(--color-${t.key})` }
+        },
+        t.key
+      )) }),
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => setOpen((o) => !o),
+          "aria-expanded": open,
+          "aria-controls": controlsId,
+          className: "inline-flex items-center gap-1.5 text-sm font-medium text-foreground hover:text-primary",
+          "data-testid": tid2("customize"),
+          children: [
+            /* @__PURE__ */ jsx(ChevronDown, { className: `size-4 transition-transform ${open ? "rotate-180" : ""}` }),
+            "Customize colours and type"
+          ]
+        }
+      ),
+      open && /* @__PURE__ */ jsxs(
+        "div",
+        {
+          id: controlsId,
+          className: "max-h-[28rem] overflow-y-auto rounded-md border border-border bg-card p-4",
+          "data-testid": tid2("controls"),
+          children: [
+            /* @__PURE__ */ jsx("p", { className: "mb-2 text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground", children: "Colours" }),
+            /* @__PURE__ */ jsx("div", { className: "grid gap-3 @xl:grid-cols-2", children: tokens.map((t) => colorRow(t.key, t.label)) }),
+            /* @__PURE__ */ jsx("p", { className: "mt-6 mb-2 text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground", children: "Typography & shape" }),
+            Typography
+          ]
+        }
+      ),
+      SaveBar
+    ] });
+  }
+  if (variant === "drawer") {
+    return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col overflow-y-auto bg-card p-5", "data-testid": testIdPrefix, children: [
+      /* @__PURE__ */ jsx("div", { className: "mb-4 flex items-center justify-between", children: /* @__PURE__ */ jsx("h2", { className: "font-display text-lg font-semibold text-foreground", children: "Theme" }) }),
+      Presets,
+      /* @__PURE__ */ jsx("p", { className: "mt-5 mb-2 text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground", children: "Colours" }),
+      /* @__PURE__ */ jsx("div", { className: "space-y-3", children: tokens.map((t) => colorRow(t.key, t.label)) }),
+      /* @__PURE__ */ jsx("p", { className: "mt-6 mb-2 text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground", children: "Typography & shape" }),
+      Typography,
+      SaveBar
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-6 lg:grid-cols-[1fr_320px]", "data-testid": testIdPrefix, children: [
+    /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsxs(Card, { variant: "elevated", className: "rounded-lg", children: [
+        /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs(CardTitle, { className: "flex items-center gap-2 text-base", children: [
+          /* @__PURE__ */ jsx(Palette, { className: "size-4 text-[color:var(--color-primary)]" }),
+          " Presets"
+        ] }) }),
+        /* @__PURE__ */ jsx(CardContent, { children: Presets })
+      ] }),
+      groups.map((group) => /* @__PURE__ */ jsxs(
+        Card,
+        {
+          variant: "elevated",
+          className: "rounded-lg",
+          "data-testid": tid2(`group-${group}`),
+          children: [
+            /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-base", children: groupLabels[group] ?? group }) }),
+            /* @__PURE__ */ jsx(CardContent, { className: "grid gap-3 @xl:grid-cols-2", children: tokens.filter((t) => t.group === group).map((t) => colorRow(t.key, t.label)) })
+          ]
+        },
+        group
+      )),
+      /* @__PURE__ */ jsxs(Card, { variant: "elevated", className: "rounded-lg", children: [
+        /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-base", children: "Typography & shape" }) }),
+        /* @__PURE__ */ jsx(CardContent, { children: Typography })
+      ] }),
+      SaveBar
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "lg:sticky lg:top-4 lg:self-start", children: Preview })
+  ] });
+}
+
+// src/lib/testid.ts
+function tid(...parts) {
+  return parts.filter((p) => p !== void 0 && p !== false && p !== "").map(
+    (p) => String(p).trim().toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "")
+  ).join("-");
+}
+
+export { THEME_STYLE_ID, ThemeEditor, applyFontVars, applyThemeVars, clearFontVars, clearThemeVars, tid, toHslTriplet };
+//# sourceMappingURL=chunk-5ZBXFHZW.js.map
+//# sourceMappingURL=chunk-5ZBXFHZW.js.map