@ketvietlab/design-system 0.1.16 → 0.1.18

package/dist/data-operations/timeframe-filter/styles.css

@@ -0,0 +1,109 @@
+@layer ket.app {
+  :where([data-kv-design-system]) [data-ui="timeframe"] {
+    display: flex;
+    min-width: 0;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--kv-space-1) var(--kv-space-3);
+  }
+
+  :where([data-kv-design-system]) [data-ui="timeframe-menu"] {
+    position: relative;
+    flex: 0 0 auto;
+  }
+
+  :where([data-kv-design-system]) [data-ui="timeframe-trigger"] {
+    display: inline-flex;
+    min-height: var(--kv-control-height-sm);
+    align-items: center;
+    gap: var(--kv-space-2);
+    padding-inline: var(--kv-space-3);
+    border: 1px solid var(--kv-border-strong);
+    border-radius: var(--kv-radius-sm);
+    background: var(--kv-panel-bg);
+    color: var(--kv-color-ink);
+    cursor: pointer;
+    font-size: var(--kv-text-sm);
+    list-style: none;
+  }
+
+  :where([data-kv-design-system]) [data-ui="timeframe-trigger"]::-webkit-details-marker {
+    display: none;
+  }
+
+  /* The chevron is decoration for a disclosure the markup already states. */
+  :where([data-kv-design-system]) [data-ui="timeframe-trigger"]::after {
+    inline-size: 0.375rem;
+    block-size: 0.375rem;
+    margin-inline-start: var(--kv-space-1);
+    border-inline-end: 1.5px solid var(--kv-color-ink-secondary);
+    border-block-end: 1.5px solid var(--kv-color-ink-secondary);
+    content: "";
+    transform: translateY(-2px) rotate(45deg);
+  }
+
+  :where([data-kv-design-system]) [data-ui="timeframe-menu"][open] > [data-ui="timeframe-trigger"]::after {
+    transform: translateY(1px) rotate(225deg);
+  }
+
+  :where([data-kv-design-system]) [data-ui="timeframe-label"] {
+    color: var(--kv-color-ink-secondary);
+    font-size: var(--kv-text-xs);
+    font-weight: var(--kv-weight-semibold);
+    letter-spacing: 0.04em;
+    text-transform: uppercase;
+  }
+
+  :where([data-kv-design-system]) [data-ui="timeframe-value"] {
+    font-weight: var(--kv-weight-semibold);
+  }
+
+  :where([data-kv-design-system]) [data-ui="timeframe-content"] {
+    position: absolute;
+    z-index: var(--kv-layer-menu);
+    inset-block-start: calc(100% + var(--kv-space-1));
+    inset-inline-start: 0;
+    display: grid;
+    min-inline-size: 14rem;
+    max-block-size: 24rem;
+    padding: var(--kv-space-1);
+    overflow: auto;
+    border: 1px solid var(--kv-border-strong);
+    border-radius: var(--kv-radius-sm);
+    background: var(--kv-panel-bg);
+    box-shadow: var(--kv-shadow-popover);
+  }
+
+  :where([data-kv-design-system]) [data-ui="timeframe-option"] {
+    display: grid;
+    min-height: var(--kv-control-height-sm);
+    align-content: center;
+    padding: var(--kv-space-1) var(--kv-space-2);
+    border-radius: var(--kv-radius-sm);
+    color: var(--kv-color-ink);
+    font-size: var(--kv-text-sm);
+    text-decoration: none;
+  }
+
+  :where([data-kv-design-system])
+    :is([data-ui="timeframe-option"]:hover, [data-ui="timeframe-option"][data-active="true"]) {
+    background: var(--kv-accent-subtle);
+  }
+
+  :where([data-kv-design-system]) [data-ui="timeframe-option-label"] {
+    font-weight: var(--kv-weight-medium);
+  }
+
+  :where([data-kv-design-system]) [data-ui="timeframe-option-detail"] {
+    color: var(--kv-color-ink-secondary);
+    font-size: var(--kv-text-xs);
+    font-variant-numeric: tabular-nums;
+  }
+
+  :where([data-kv-design-system])
+    :is([data-ui="timeframe-range"], [data-ui="timeframe-asof"], [data-ui="timeframe-note"]) {
+    color: var(--kv-color-ink-secondary);
+    font-size: var(--kv-text-sm);
+    font-variant-numeric: tabular-nums;
+  }
+}

package/dist/foundations/tokens.css

@@ -292,6 +292,16 @@
     --kv-table-row-hover: light-dark(#f7f5f5, rgb(255 255 255 / 2.7%));
     --kv-table-row-selected: light-dark(#eef0fb, rgb(89 104 223 / 9%));
     --kv-table-border: var(--kv-panel-border);
+    /* Six categorical chart hues. The first two are the pair most often
+       compared; red sits last because it reads as a warning elsewhere. Dark
+       marks are lifted for contrast rather than darkened. */
+    --kv-chart-1: light-dark(#4759b8, #7b8bf5);
+    --kv-chart-2: light-dark(#1d7a52, #3fc98a);
+    --kv-chart-3: light-dark(#b5761a, #e8ab45);
+    --kv-chart-4: light-dark(#7a4bad, #b389e8);
+    --kv-chart-5: light-dark(#1a7d8c, #45c2d1);
+    --kv-chart-6: light-dark(#a83a3a, #ef7a72);
+    --kv-chart-track: light-dark(#efedee, rgb(255 255 255 / 5.5%));
     --kv-sidebar-border: light-dark(#e9e7e8, rgb(255 255 255 / 7%));
     --kv-right-rail-border: var(--kv-sidebar-border);
   }

package/dist/index.d.ts

@@ -7,11 +7,11 @@ export type { NoticeTone } from './primitives/feedback/index.tsx';
 export { Field } from './primitives/field/index.tsx';
 export type { FieldOption, FieldProps } from './primitives/field/index.tsx';
 export { Breadcrumbs, NavItem, NavList, Tabs } from './primitives/navigation/index.tsx';
-export type { BreadcrumbItem, NavItemProps, TabItem } from './primitives/navigation/index.tsx';
+export type { BreadcrumbItem, BreadcrumbsProps, NavItemProps, TabItem, } from './primitives/navigation/index.tsx';
 export { Progress } from './primitives/progress/index.tsx';
 export type { ProgressTone } from './primitives/progress/index.tsx';
 export { ActionMenu, Menu } from './interactions/menu/index.tsx';
-export type { MenuItem, MenuProps } from './interactions/menu/index.tsx';
+export type { MenuEntry, MenuItem, MenuLabel, MenuProps, MenuSeparator } from './interactions/menu/index.tsx';
 export { Popover } from './interactions/popover/index.tsx';
 export type { PopoverProps } from './interactions/popover/index.tsx';
 export { Tooltip } from './interactions/tooltip/index.tsx';
@@ -42,6 +42,12 @@ export { DataGrid } from './data-display/data-grid/index.tsx';
 export type { DataGridColumn, DataGridProps } from './data-display/data-grid/index.tsx';
 export { Tree, TreeGrid } from './data-display/tree/index.tsx';
 export type { TreeGridColumn, TreeGridRow, TreeNode } from './data-display/tree/index.tsx';
+export { DataMatrix } from './data-display/matrix/index.tsx';
+export type { DataMatrixColumn, DataMatrixProps, DataMatrixRow } from './data-display/matrix/index.tsx';
+export { BarChart } from './data-display/bar-chart/index.tsx';
+export type { BarChartBar, BarChartKey, BarChartProps, BarChartSegment, } from './data-display/bar-chart/index.tsx';
+export { TimeframeFilter } from './data-operations/timeframe-filter/index.tsx';
+export type { TimeframeFilterProps, TimeframeOption } from './data-operations/timeframe-filter/index.tsx';
 export { AvatarGroup, DescriptionList, KeyValue, Person, Status } from './record/display/index.tsx';
 export type { KeyValueProps, PersonProps } from './record/display/index.tsx';
 export { FormattedDate, FormattedMoney, FormattedNumber } from './record/formatted-values/index.tsx';
@@ -51,8 +57,10 @@ export { ActivityTimeline, AuditLog } from './record/activity/index.tsx';
 export type { ActivityItem } from './record/activity/index.tsx';
 export { Attachments, MediaGallery } from './record/media/index.tsx';
 export type { AttachmentItem, MediaItem } from './record/media/index.tsx';
-export { ContentCard, Disclosure, Grid, Inline, Metric, Section, Stack, Surface, } from './layouts/layout/index.tsx';
+export { CardGrid, ContentCard, Disclosure, Grid, Inline, KanbanCard, KanbanGrid, Metric, Section, Stack, Surface, } from './layouts/layout/index.tsx';
+export type { CardGridProps, ContentCardProps, KanbanCardProps, KanbanGridProps, } from './layouts/layout/index.tsx';
 export { AppShell, Page, PageHeader, RecordCanvas, RecordSection } from './layouts/shell/index.tsx';
+export type { PageHeaderProps, PageProps } from './layouts/shell/index.tsx';
 export { AppNavigation, NavigationDrawer, NavigationGroup, NavigationHeader, NavigationItem, NavigationTrigger, } from './layouts/app-navigation/index.tsx';
 export type { AppNavigationProps, NavigationGroupData, NavigationItemData, } from './layouts/app-navigation/index.tsx';
 export { DataTable } from './patterns/data-table/index.tsx';

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -22,12 +22,15 @@ export { InlineEdit } from './data-operations/inline-edit/index.js';
 export { ResourceList } from './data-display/resource-list/index.js';
 export { DataGrid } from './data-display/data-grid/index.js';
 export { Tree, TreeGrid } from './data-display/tree/index.js';
+export { DataMatrix } from './data-display/matrix/index.js';
+export { BarChart } from './data-display/bar-chart/index.js';
+export { TimeframeFilter } from './data-operations/timeframe-filter/index.js';
 export { AvatarGroup, DescriptionList, KeyValue, Person, Status } from './record/display/index.js';
 export { FormattedDate, FormattedMoney, FormattedNumber } from './record/formatted-values/index.js';
 export { RecordActions, RecordRail, RecordSummary } from './record/composition/index.js';
 export { ActivityTimeline, AuditLog } from './record/activity/index.js';
 export { Attachments, MediaGallery } from './record/media/index.js';
-export { ContentCard, Disclosure, Grid, Inline, Metric, Section, Stack, Surface, } from './layouts/layout/index.js';
+export { CardGrid, ContentCard, Disclosure, Grid, Inline, KanbanCard, KanbanGrid, Metric, Section, Stack, Surface, } from './layouts/layout/index.js';
 export { AppShell, Page, PageHeader, RecordCanvas, RecordSection } from './layouts/shell/index.js';
 export { AppNavigation, NavigationDrawer, NavigationGroup, NavigationHeader, NavigationItem, NavigationTrigger, } from './layouts/app-navigation/index.js';
 export { DataTable } from './patterns/data-table/index.js';

package/dist/index.js.map

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

package/dist/interactions/menu/index.d.ts

@@ -1,7 +1,8 @@
 import type { JSXChild, TemplateResult } from '@ketvietlab/ketjs-view';
-export declare const HOOKS: readonly ['menu', 'menu-trigger', 'menu-panel', 'menu-item', 'menu-item-copy'];
+export declare const HOOKS: readonly ['menu', 'menu-trigger', 'menu-panel', 'menu-label', 'menu-separator', 'menu-item', 'menu-item-leading', 'menu-item-copy', 'menu-item-check', 'menu-item-shortcut'];
 export type MenuItem = {
     id: string;
+    kind?: 'item';
     label: string;
     href?: string;
     name?: string;
@@ -11,11 +12,25 @@ export type MenuItem = {
     description?: string;
     disabled?: boolean;
     destructive?: boolean;
+    /** Turns the command into a menuitemcheckbox while preserving server-owned state. */
+    checked?: boolean;
+    /** Visible keyboard hint; the browser interaction remains owned by the application. */
+    shortcut?: string;
 };
+export type MenuLabel = {
+    id: string;
+    kind: 'label';
+    label: string;
+};
+export type MenuSeparator = {
+    id: string;
+    kind: 'separator';
+};
+export type MenuEntry = MenuItem | MenuLabel | MenuSeparator;
 export type MenuProps = {
     id: string;
     label: string;
-    items: readonly MenuItem[];
+    items: readonly MenuEntry[];
     trigger?: JSXChild;
     open?: boolean;
     align?: 'start' | 'end';

package/dist/interactions/menu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/interactions/menu/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAEtE,eAAO,MAAM,KAAK,YAAI,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,WAAW,EAAE,gBAAgB,CAAU,CAAA;AAEnG,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,SAAS,GAAG;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,SAAS,QAAQ,EAAE,CAAA;IAC1B,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,IAAI,UAAW,SAAS,KAAG,cAqDvC,CAAA;AAED,eAAO,MAAM,UAAU,UAAW,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,GAAG;IAAE,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,KAAG,cAM1F,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/interactions/menu/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAEtE,eAAO,MAAM,KAAK,YAChB,MAAM,EACN,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,oBAAoB,CACZ,CAAA;AAEV,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,qFAAqF;IACrF,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,uFAAuF;IACvF,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,SAAS,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AACpE,MAAM,MAAM,aAAa,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,WAAW,CAAA;CAAE,CAAA;AAC7D,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,aAAa,CAAA;AAE5D,MAAM,MAAM,SAAS,GAAG;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,SAAS,SAAS,EAAE,CAAA;IAC3B,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,IAAI,UAAW,SAAS,KAAG,cAmFvC,CAAA;AAED,eAAO,MAAM,UAAU,UAAW,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,GAAG;IAAE,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,KAAG,cAM1F,CAAA"}

package/dist/interactions/menu/index.js

@@ -1,13 +1,29 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "@ketvietlab/ketjs-view/jsx-runtime";
 import { each } from '@ketvietlab/ketjs-view';
-export const HOOKS = ['menu', 'menu-trigger', 'menu-panel', 'menu-item', 'menu-item-copy'];
+export const HOOKS = [
+    'menu',
+    'menu-trigger',
+    'menu-panel',
+    'menu-label',
+    'menu-separator',
+    'menu-item',
+    'menu-item-leading',
+    'menu-item-copy',
+    'menu-item-check',
+    'menu-item-shortcut',
+];
 export const Menu = (props) => (_jsxs("details", { "data-ui": "menu", "data-align": props.align ?? 'start', open: props.open === true ? true : undefined, children: [_jsx("summary", { "data-ui": "menu-trigger", "aria-haspopup": "menu", "aria-controls": `${props.id}-panel`, children: props.trigger ?? props.label }), _jsx("div", { "data-ui": "menu-panel", id: `${props.id}-panel`, role: "menu", "aria-label": props.label, children: each(props.items, (item) => item.id, (item) => {
-                const content = (_jsxs(_Fragment, { children: [item.leading !== undefined && _jsx("span", { "aria-hidden": "true", children: item.leading }), _jsxs("span", { "data-ui": "menu-item-copy", children: [_jsx("span", { children: item.label }), item.description && _jsx("small", { children: item.description })] })] }));
+                if (item.kind === 'separator')
+                    return _jsx("hr", { "data-ui": "menu-separator" });
+                if (item.kind === 'label')
+                    return (_jsx("span", { "data-ui": "menu-label", role: "presentation", children: item.label }));
+                const role = item.checked === undefined ? 'menuitem' : 'menuitemcheckbox';
+                const content = (_jsxs(_Fragment, { children: [item.checked !== undefined && (_jsx("span", { "data-ui": "menu-item-check", "aria-hidden": "true", children: item.checked ? '✓' : '' })), item.leading !== undefined && (_jsx("span", { "data-ui": "menu-item-leading", "aria-hidden": "true", children: item.leading })), _jsxs("span", { "data-ui": "menu-item-copy", children: [_jsx("span", { children: item.label }), item.description && _jsx("small", { children: item.description })] }), item.shortcut && _jsx("kbd", { "data-ui": "menu-item-shortcut", children: item.shortcut })] }));
                 if (item.disabled)
-                    return (_jsx("span", { "data-ui": "menu-item", role: "menuitem", "aria-disabled": "true", tabIndex: "-1", children: content }));
+                    return (_jsx("span", { "data-ui": "menu-item", role: role, "aria-checked": item.checked === undefined ? null : String(item.checked), "aria-disabled": "true", tabIndex: "-1", children: content }));
                 if (item.href)
-                    return (_jsx("a", { "data-ui": "menu-item", "data-destructive": item.destructive ? 'true' : null, role: "menuitem", href: item.href, children: content }));
-                return (_jsx("button", { "data-ui": "menu-item", "data-destructive": item.destructive ? 'true' : null, role: "menuitem", type: "submit", name: item.name ?? 'intent', value: item.value ?? item.id, form: item.form ?? null, children: content }));
+                    return (_jsx("a", { "data-ui": "menu-item", "data-destructive": item.destructive ? 'true' : null, role: role, "aria-checked": item.checked === undefined ? null : String(item.checked), href: item.href, children: content }));
+                return (_jsx("button", { "data-ui": "menu-item", "data-destructive": item.destructive ? 'true' : null, role: role, "aria-checked": item.checked === undefined ? null : String(item.checked), type: "submit", name: item.name ?? 'intent', value: item.value ?? item.id, form: item.form ?? null, children: content }));
             }) })] }));
 export const ActionMenu = (props) => (_jsx(Menu, { ...props, trigger: _jsxs("span", { children: [props.triggerLabel ?? props.label, " \u00B7\u00B7\u00B7"] }), align: props.align ?? 'end' }));
 //# sourceMappingURL=index.js.map

package/dist/interactions/menu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/interactions/menu/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAG7C,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,WAAW,EAAE,gBAAgB,CAAU,CAAA;AAwBnG,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAkB,EAAE,CAAC,CACxD,8BAAiB,MAAM,gBAAa,KAAK,CAAC,KAAK,IAAI,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,aACtG,6BAAiB,cAAc,mBAAe,MAAM,mBAAgB,GAAG,KAAK,CAAC,EAAE,QAAQ,YACpF,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,KAAK,GACrB,EACV,yBAAa,YAAY,EAAC,EAAE,EAAE,GAAG,KAAK,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAC,MAAM,gBAAa,KAAK,CAAC,KAAK,YACnF,IAAI,CACH,KAAK,CAAC,KAAK,EACX,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,EACjB,CAAC,IAAI,EAAE,EAAE;gBACP,MAAM,OAAO,GAAG,CACd,8BACG,IAAI,CAAC,OAAO,KAAK,SAAS,IAAI,8BAAkB,MAAM,YAAE,IAAI,CAAC,OAAO,GAAQ,EAC7E,2BAAc,gBAAgB,aAC5B,yBAAO,IAAI,CAAC,KAAK,GAAQ,EACxB,IAAI,CAAC,WAAW,IAAI,0BAAQ,IAAI,CAAC,WAAW,GAAS,IACjD,IACN,CACJ,CAAA;gBACD,IAAI,IAAI,CAAC,QAAQ;oBACf,OAAO,CACL,0BAAc,WAAW,EAAC,IAAI,EAAC,UAAU,mBAAe,MAAM,EAAC,QAAQ,EAAC,IAAI,YACzE,OAAO,GACH,CACR,CAAA;gBACH,IAAI,IAAI,CAAC,IAAI;oBACX,OAAO,CACL,uBACU,WAAW,sBACD,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EAClD,IAAI,EAAC,UAAU,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,YAEd,OAAO,GACN,CACL,CAAA;gBACH,OAAO,CACL,4BACU,WAAW,sBACD,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EAClD,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,QAAQ,EAC3B,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,EAAE,EAC5B,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,IAAI,YAEtB,OAAO,GACD,CACV,CAAA;YACH,CAAC,CACF,GACG,IACE,CACX,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAA6D,EAAkB,EAAE,CAAC,CAC3G,KAAC,IAAI,OACC,KAAK,EACT,OAAO,EAAE,2BAAO,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,KAAK,2BAAY,EAC7D,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,KAAK,GAC3B,CACH,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/interactions/menu/index.tsx"],"names":[],"mappings":"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"}

package/dist/interactions/menu/styles.css

@@ -31,6 +31,10 @@
     left: 0;
     display: grid;
     min-width: 13rem;
+    width: max-content;
+    max-width: min(22rem, calc(100vw - var(--kv-space-8)));
+    max-height: min(28rem, calc(100dvh - var(--kv-space-8)));
+    overflow-y: auto;
     padding: var(--kv-space-1);
     border: 1px solid var(--kv-border-default);
     border-radius: var(--kv-radius-md);
@@ -38,6 +42,22 @@
     box-shadow: var(--kv-shadow-popover);
   }
 
+  :where([data-kv-design-system]) [data-ui="menu-label"] {
+    padding: var(--kv-space-2) var(--kv-space-3) var(--kv-space-1);
+    color: var(--kv-text-muted);
+    font-size: var(--kv-text-2xs);
+    font-weight: var(--kv-weight-bold);
+    text-transform: uppercase;
+  }
+
+  :where([data-kv-design-system]) [data-ui="menu-separator"] {
+    height: 1px;
+    padding: 0;
+    border: 0;
+    margin: var(--kv-space-1) var(--kv-space-2);
+    background: var(--kv-color-line);
+  }
+
   :where([data-kv-design-system]) [data-ui="menu"][data-align="end"] [data-ui="menu-panel"] {
     right: 0;
     left: auto;
@@ -75,9 +95,25 @@
 
   :where([data-kv-design-system]) [data-ui="menu-item-copy"] {
     display: grid;
+    min-width: 0;
+    flex: 1;
     gap: var(--kv-space-0-5);
   }
 
+  :where([data-kv-design-system]) :is([data-ui="menu-item-leading"], [data-ui="menu-item-check"]) {
+    display: inline-grid;
+    width: 1rem;
+    flex: none;
+    place-items: center;
+  }
+
+  :where([data-kv-design-system]) [data-ui="menu-item-shortcut"] {
+    flex: none;
+    color: var(--kv-text-muted);
+    font: inherit;
+    font-size: var(--kv-text-xs);
+  }
+
   :where([data-kv-design-system]) [data-ui="menu-item-copy"] small {
     color: var(--kv-text-muted);
     font-size: var(--kv-text-xs);

package/dist/layouts/app-navigation/styles.css

@@ -204,6 +204,14 @@
     width: var(--kv-space-5);
     place-items: center;
     color: var(--kv-text-muted);
+    font-size: var(--kv-text-xl);
+    line-height: 1;
+  }
+
+  :where([data-kv-design-system]) [data-ui="navigation-item-leading"] [data-ui="icon"] {
+    width: var(--kv-text-xl);
+    height: var(--kv-text-xl);
+    flex: 0 0 var(--kv-text-xl);
   }
 
   :where([data-kv-design-system]) [data-ui="navigation-item-copy"] {

package/dist/layouts/layout/index.d.ts

@@ -1,6 +1,6 @@
 import type { JSXChild, TemplateResult } from '@ketvietlab/ketjs-view';
 import type { Tone } from '../../primitives/status.tsx';
-export declare const HOOKS: readonly ['stack', 'inline', 'grid', 'surface', 'surface-head', 'surface-title', 'surface-actions', 'disclosure', 'disclosure-summary', 'disclosure-body', 'section', 'section-head', 'section-eyebrow', 'section-title', 'section-description', 'section-actions', 'section-body', 'content-card', 'card-head', 'card-title', 'card-summary', 'card-body', 'card-meta', 'card-actions', 'metric', 'metric-icon', 'metric-label', 'metric-value', 'metric-detail'];
+export declare const HOOKS: readonly ['stack', 'inline', 'grid', 'card-grid', 'surface', 'surface-head', 'surface-heading', 'surface-title', 'surface-description', 'surface-actions', 'disclosure', 'disclosure-summary', 'disclosure-body', 'section', 'section-head', 'section-eyebrow', 'section-title', 'section-description', 'section-actions', 'section-body', 'content-card', 'card-media', 'card-head', 'card-leading', 'card-heading', 'card-eyebrow', 'card-title', 'card-summary', 'card-status', 'card-body', 'card-meta', 'card-actions', 'kanban', 'kanban-card', 'kanban-media', 'kanban-title', 'kanban-meta', 'kanban-note', 'kanban-actions', 'metric', 'metric-icon', 'metric-label', 'metric-value', 'metric-detail'];
 export { AppShell, Page, PageHeader, RecordCanvas, RecordSection } from '../shell.tsx';
 export declare const Stack: (props: {
     items: readonly JSXChild[];
@@ -9,13 +9,29 @@ export declare const Stack: (props: {
 export declare const Inline: (props: {
     items: readonly JSXChild[];
 }) => TemplateResult;
+/**
+ * Fixed columns. `align="stretch"` gives every block in a row the row's height,
+ * so side-by-side dashboard cards end on one line instead of leaving a hole
+ * under the shorter one.
+ */
 export declare const Grid: (props: {
     items: readonly JSXChild[];
     columns?: 2 | 3 | 4;
+    align?: 'start' | 'stretch';
 }) => TemplateResult;
+export type CardGridProps<T> = {
+    items: readonly T[];
+    id: (item: T) => unknown;
+    card: (item: T) => TemplateResult;
+    minimum?: 'compact' | 'default' | 'wide';
+};
+/** An adaptive card collection; unlike `Grid`, column count follows available width. */
+export declare const CardGrid: <T>(props: CardGridProps<T>) => TemplateResult;
 export declare const Surface: (props: {
     body: JSXChild;
     title?: string;
+    /** One line under the title. A dashboard block keeps its heading, context and content in one card. */
+    description?: string | null;
     actions?: JSXChild;
     tone?: 'default' | 'subtle' | 'raised';
     padding?: 'none' | 'compact' | 'default';
@@ -33,15 +49,39 @@ export declare const Section: (props: {
     eyebrow?: string | null;
     actions?: JSXChild;
 }) => TemplateResult;
-export declare const ContentCard: (props: {
+export type ContentCardProps = {
     title: string;
+    eyebrow?: string | null;
     summary?: string | null;
+    leading?: JSXChild;
+    media?: JSXChild;
+    status?: JSXChild;
     body?: JSXChild;
     meta?: JSXChild;
     actions?: JSXChild;
     href?: string | null;
     selected?: boolean;
-}) => TemplateResult;
+    tone?: 'default' | 'subtle' | 'raised';
+    padding?: 'compact' | 'default';
+};
+export declare const ContentCard: (props: ContentCardProps) => TemplateResult;
+export type KanbanCardProps = {
+    id: string;
+    title: string;
+    href?: string | null;
+    media?: JSXChild;
+    meta?: JSXChild;
+    note?: string | null;
+    actions?: JSXChild;
+    selected?: boolean;
+};
+export declare const KanbanCard: (props: KanbanCardProps) => TemplateResult;
+export type KanbanGridProps<T> = {
+    rows: readonly T[];
+    id: (row: T) => unknown;
+    card: (row: T) => TemplateResult;
+};
+export declare const KanbanGrid: <T>(props: KanbanGridProps<T>) => TemplateResult;
 /**
  * One number, with the context that makes it mean something.
  *

package/dist/layouts/layout/index.d.ts.map

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

package/dist/layouts/layout/index.js

@@ -4,9 +4,12 @@ export const HOOKS = [
     'stack',
     'inline',
     'grid',
+    'card-grid',
     'surface',
     'surface-head',
+    'surface-heading',
     'surface-title',
+    'surface-description',
     'surface-actions',
     'disclosure',
     'disclosure-summary',
@@ -19,12 +22,24 @@ export const HOOKS = [
     'section-actions',
     'section-body',
     'content-card',
+    'card-media',
     'card-head',
+    'card-leading',
+    'card-heading',
+    'card-eyebrow',
     'card-title',
     'card-summary',
+    'card-status',
     'card-body',
     'card-meta',
     'card-actions',
+    'kanban',
+    'kanban-card',
+    'kanban-media',
+    'kanban-title',
+    'kanban-meta',
+    'kanban-note',
+    'kanban-actions',
     'metric',
     'metric-icon',
     'metric-label',
@@ -35,14 +50,23 @@ export { AppShell, Page, PageHeader, RecordCanvas, RecordSection } from '../shel
 const Items = (props) => (_jsx(_Fragment, { children: each(props.items, (_, index) => index, 
     // biome-ignore lint/complexity/noUselessFragments: `each` requires a TemplateResult callback.
     (item) => (typeof item === 'string' || typeof item === 'number' ? _jsx("span", { children: item }) : _jsx(_Fragment, { children: item }))) }));
-export const Stack = (props) => (_jsx("div", { "data-ui": "stack", "data-gap": props.gap ?? 'default', children: _jsx(Items, { items: props.items }) }));
+export const Stack = (props) => (_jsx("div", { "data-ui": "stack", "data-pattern": "stack", "data-gap": props.gap ?? 'default', children: _jsx(Items, { items: props.items }) }));
 export const Inline = (props) => (_jsx("div", { "data-ui": "inline", children: _jsx(Items, { items: props.items }) }));
-export const Grid = (props) => (_jsx("div", { "data-ui": "grid", "data-columns": String(props.columns ?? 3), children: _jsx(Items, { items: props.items }) }));
-export const Surface = (props) => (_jsxs("div", { "data-ui": "surface", "data-tone": props.tone ?? 'default', "data-padding": props.padding ?? 'default', "data-has-heading": props.title ? 'true' : null, children: [props.title && (_jsxs("header", { "data-ui": "surface-head", children: [_jsx("h2", { "data-ui": "surface-title", children: props.title }), props.actions !== undefined && _jsx("div", { "data-ui": "surface-actions", children: props.actions })] })), props.body] }));
+/**
+ * Fixed columns. `align="stretch"` gives every block in a row the row's height,
+ * so side-by-side dashboard cards end on one line instead of leaving a hole
+ * under the shorter one.
+ */
+export const Grid = (props) => (_jsx("div", { "data-ui": "grid", "data-columns": String(props.columns ?? 3), "data-align": props.align === 'stretch' ? 'stretch' : null, children: _jsx(Items, { items: props.items }) }));
+/** An adaptive card collection; unlike `Grid`, column count follows available width. */
+export const CardGrid = (props) => (_jsx("div", { "data-ui": "card-grid", "data-minimum": props.minimum === 'default' ? null : props.minimum, children: each(props.items, props.id, (item) => props.card(item)) }));
+export const Surface = (props) => (_jsxs("div", { "data-ui": "surface", "data-tone": props.tone ?? 'default', "data-padding": props.padding ?? 'default', "data-has-heading": props.title ? 'true' : null, children: [props.title && (_jsxs("header", { "data-ui": "surface-head", children: [props.description ? (_jsxs("div", { "data-ui": "surface-heading", children: [_jsx("h2", { "data-ui": "surface-title", children: props.title }), _jsx("p", { "data-ui": "surface-description", children: props.description })] })) : (_jsx("h2", { "data-ui": "surface-title", children: props.title })), props.actions !== undefined && _jsx("div", { "data-ui": "surface-actions", children: props.actions })] })), props.body] }));
 /** Native, keyboard-accessible progressive disclosure for dense secondary detail. */
 export const Disclosure = (props) => (_jsxs("details", { "data-ui": "disclosure", open: props.open === true ? true : undefined, children: [_jsx("summary", { "data-ui": "disclosure-summary", children: props.summary }), _jsx("div", { "data-ui": "disclosure-body", children: props.body })] }));
 export const Section = (props) => (_jsxs("section", { "data-ui": "section", children: [_jsxs("header", { "data-ui": "section-head", children: [_jsxs("div", { children: [!!props.eyebrow && _jsx("p", { "data-ui": "section-eyebrow", children: props.eyebrow }), _jsx("h2", { "data-ui": "section-title", children: props.title }), !!props.description && _jsx("p", { "data-ui": "section-description", children: props.description })] }), props.actions !== undefined && _jsx("div", { "data-ui": "section-actions", children: props.actions })] }), _jsx("div", { "data-ui": "section-body", children: props.body })] }));
-export const ContentCard = (props) => (_jsxs("article", { "data-ui": "content-card", "data-interactive": String(!!props.href), "data-selected": String(props.selected === true), children: [_jsxs("header", { "data-ui": "card-head", children: [_jsx("h3", { "data-ui": "card-title", children: props.href ? _jsx("a", { href: props.href, children: props.title }) : props.title }), !!props.summary && _jsx("p", { "data-ui": "card-summary", children: props.summary })] }), props.body !== undefined && _jsx("div", { "data-ui": "card-body", children: props.body }), props.meta !== undefined && _jsx("div", { "data-ui": "card-meta", children: props.meta }), props.actions !== undefined && _jsx("div", { "data-ui": "card-actions", children: props.actions })] }));
+export const ContentCard = (props) => (_jsxs("article", { "data-ui": "content-card", "data-interactive": String(!!props.href), "data-selected": String(props.selected === true), "data-tone": props.tone ?? 'default', "data-padding": props.padding ?? 'default', children: [props.media !== undefined && _jsx("div", { "data-ui": "card-media", children: props.media }), _jsxs("header", { "data-ui": "card-head", children: [props.leading !== undefined && (_jsx("span", { "data-ui": "card-leading", "aria-hidden": "true", children: props.leading })), _jsxs("div", { "data-ui": "card-heading", children: [!!props.eyebrow && _jsx("p", { "data-ui": "card-eyebrow", children: props.eyebrow }), _jsx("h3", { "data-ui": "card-title", children: props.href ? _jsx("a", { href: props.href, children: props.title }) : props.title }), !!props.summary && _jsx("p", { "data-ui": "card-summary", children: props.summary })] }), props.status !== undefined && _jsx("div", { "data-ui": "card-status", children: props.status })] }), props.body !== undefined && _jsx("div", { "data-ui": "card-body", children: props.body }), props.meta !== undefined && _jsx("div", { "data-ui": "card-meta", children: props.meta }), props.actions !== undefined && _jsx("div", { "data-ui": "card-actions", children: props.actions })] }));
+export const KanbanCard = (props) => (_jsxs("article", { "data-ui": "kanban-card", "data-key": props.id, "data-interactive": String(!!props.href), "data-selected": String(props.selected === true), children: [props.media !== undefined && _jsx("div", { "data-ui": "kanban-media", children: props.media }), _jsx("h3", { "data-ui": "kanban-title", children: props.href ? _jsx("a", { href: props.href, children: props.title }) : props.title }), props.meta !== undefined && _jsx("div", { "data-ui": "kanban-meta", children: props.meta }), !!props.note && _jsx("p", { "data-ui": "kanban-note", children: props.note }), props.actions !== undefined && _jsx("div", { "data-ui": "kanban-actions", children: props.actions })] }));
+export const KanbanGrid = (props) => (_jsx("div", { "data-ui": "kanban", children: each(props.rows, props.id, (row) => props.card(row)) }));
 /**
  * One number, with the context that makes it mean something.
  *

package/dist/layouts/layout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/layouts/layout/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/layouts/layout/index.tsx"],"names":[],"mappings":"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"}