@ketvietlab/design-system 0.1.25 → 0.1.30

package/dist/layout-audit-cli.js

@@ -0,0 +1,63 @@
+#!/usr/bin/env node
+// Runs the LAYOUT.md audit over an application's stylesheets.
+//
+//   ket-design-system-layout-audit --config design-system-layout.json
+//   ket-design-system-layout-audit path/to/a.css path/to/b.css
+//
+// The config lists the stylesheets that already follow the rules:
+//   { "enforce": ["modules/customer_care/**/*.css"] }
+// Globs resolve from the config's directory. An application adopts the rules one
+// area at a time by adding that area here once it is clean. Every glob must match
+// at least one file, so a typo or a moved directory fails instead of passing empty.
+import { globSync, readFileSync, realpathSync } from 'node:fs';
+import { dirname, relative, resolve } from 'node:path';
+import { fileURLToPath } from 'node:url';
+import { auditLayoutCss } from './contract/layout-audit.js';
+/** Exit code 0 when clean, 1 on a violation or config problem, 2 on a usage error. */
+export const runLayoutAudit = (argv, cwd = process.cwd()) => {
+    const args = [...argv];
+    const lines = [];
+    const files = new Set();
+    const problems = [];
+    const configIndex = args.indexOf('--config');
+    if (configIndex >= 0) {
+        const configPath = resolve(cwd, args[configIndex + 1] ?? '');
+        const base = dirname(configPath);
+        const config = JSON.parse(readFileSync(configPath, 'utf8'));
+        if (!Array.isArray(config.enforce) || !config.enforce.every((entry) => typeof entry === 'string'))
+            return { code: 2, lines: [`${configPath}: "enforce" must be an array of globs`] };
+        for (const pattern of config.enforce) {
+            const matches = globSync(pattern, { cwd: base }).filter((file) => file.endsWith('.css'));
+            if (matches.length === 0)
+                problems.push(`${pattern}: matches no stylesheet (stale or mistyped entry)`);
+            for (const file of matches)
+                files.add(resolve(base, file));
+        }
+        args.splice(configIndex, 2);
+    }
+    for (const file of args)
+        files.add(resolve(cwd, file));
+    if (files.size === 0 && problems.length === 0)
+        return { code: 2, lines: ['usage: ket-design-system-layout-audit [--config <file>] [stylesheet ...]'] };
+    let violations = 0;
+    for (const file of [...files].sort()) {
+        for (const violation of auditLayoutCss(readFileSync(file, 'utf8'))) {
+            violations++;
+            lines.push(`${relative(cwd, file)}:${violation.line}  ${violation.rule}  ${violation.selector} { ${violation.property} }`, `    ${violation.message}`);
+        }
+    }
+    lines.push(...problems);
+    lines.push(`layout audit: ${files.size} stylesheet(s), ${violations} violation(s), ${problems.length} config problem(s)`);
+    if (violations === 0 && problems.length === 0)
+        return { code: 0, lines };
+    lines.push('See LAYOUT.md in @ketvietlab/design-system for the rules and how to fix each one.');
+    return { code: 1, lines };
+};
+// realpath: an npm bin is a symlink to this file.
+if (process.argv[1] && realpathSync(process.argv[1]) === realpathSync(fileURLToPath(import.meta.url))) {
+    const result = runLayoutAudit(process.argv.slice(2));
+    for (const line of result.lines)
+        console.log(line);
+    process.exit(result.code);
+}
+//# sourceMappingURL=layout-audit-cli.js.map

package/dist/layout-audit-cli.js.map

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

package/dist/layouts/app-navigation/index.d.ts

@@ -1,5 +1,5 @@
 import type { JSXChild, TemplateResult } from '@ketvietlab/ketjs-view';
-export declare const HOOKS: readonly ['app-navigation', 'navigation-trigger', 'navigation-trigger-icon', 'navigation-trigger-identity', 'navigation-trigger-label', 'navigation-layer', 'navigation-backdrop', 'navigation-drawer', 'navigation-header', 'navigation-identity', 'navigation-context', 'navigation-close', 'navigation-groups', 'navigation-group', 'navigation-group-label', 'navigation-items', 'navigation-supplementary', 'navigation-item', 'navigation-branch', 'navigation-branch-trigger', 'navigation-children', 'navigation-item-leading', 'navigation-item-copy', 'navigation-item-label', 'navigation-item-description', 'navigation-item-count', 'navigation-footer'];
+export declare const HOOKS: readonly ['app-navigation', 'navigation-trigger', 'navigation-toggle', 'navigation-trigger-icon', 'navigation-trigger-identity', 'navigation-trigger-label', 'navigation-layer', 'navigation-backdrop', 'navigation-drawer', 'navigation-header', 'navigation-identity', 'navigation-context', 'navigation-close', 'navigation-groups', 'navigation-group', 'navigation-group-label', 'navigation-items', 'navigation-supplementary', 'navigation-item', 'navigation-branch', 'navigation-branch-trigger', 'navigation-children', 'navigation-item-leading', 'navigation-item-copy', 'navigation-item-label', 'navigation-item-description', 'navigation-item-count', 'navigation-footer'];
 type NavigationItemBase = {
     id: string;
     label: string;
@@ -26,7 +26,9 @@ export type NavigationGroupData = {
 export type AppNavigationProps = {
     id: string;
     label: string;
-    identity: JSXChild;
+    identity?: JSXChild;
+    /** A topbar may provide NavigationToggle while this component owns the drawer. */
+    externalTrigger?: boolean;
     groups: readonly NavigationGroupData[];
     context?: JSXChild;
     supplementary?: JSXChild;
@@ -39,11 +41,11 @@ export type AppNavigationProps = {
 export declare const NavigationTrigger: (props: {
     controls: string;
     label: string;
-    identity: JSXChild;
+    identity?: JSXChild;
     open?: boolean;
 }) => TemplateResult;
 export declare const NavigationHeader: (props: {
-    identity: JSXChild;
+    identity?: JSXChild;
     context?: JSXChild;
     closeLabel: string;
 }) => TemplateResult;
@@ -54,7 +56,7 @@ export declare const NavigationGroup: (props: NavigationGroupData & {
 export declare const NavigationDrawer: (props: {
     id: string;
     label: string;
-    identity: JSXChild;
+    identity?: JSXChild;
     groups: readonly NavigationGroupData[];
     context?: JSXChild;
     supplementary?: JSXChild;
@@ -63,5 +65,9 @@ export declare const NavigationDrawer: (props: {
     closeLabel: string;
 }) => TemplateResult;
 export declare const AppNavigation: (props: AppNavigationProps) => TemplateResult;
+export declare const NavigationToggle: (props: {
+    controls: string;
+    label: string;
+}) => TemplateResult;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/layouts/app-navigation/index.d.ts.map

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

package/dist/layouts/app-navigation/index.js

@@ -3,6 +3,7 @@ import { each } from '@ketvietlab/ketjs-view';
 export const HOOKS = [
     'app-navigation',
     'navigation-trigger',
+    'navigation-toggle',
     'navigation-trigger-icon',
     'navigation-trigger-identity',
     'navigation-trigger-label',
@@ -30,7 +31,7 @@ export const HOOKS = [
     'navigation-footer',
 ];
 export const NavigationTrigger = (props) => (_jsxs("summary", { "data-ui": "navigation-trigger", "aria-controls": props.controls, "data-open": props.open === true ? 'true' : 'false', children: [_jsxs("span", { "data-ui": "navigation-trigger-icon", "aria-hidden": "true", children: [_jsx("span", {}), _jsx("span", {}), _jsx("span", {})] }), _jsx("span", { "data-ui": "navigation-trigger-identity", children: props.identity }), _jsx("span", { "data-ui": "navigation-trigger-label", children: props.label })] }));
-export const NavigationHeader = (props) => (_jsxs("header", { "data-ui": "navigation-header", children: [_jsxs("div", { children: [_jsx("div", { "data-ui": "navigation-identity", children: props.identity }), props.context !== undefined && _jsx("div", { "data-ui": "navigation-context", children: props.context })] }), _jsx("button", { "data-ui": "navigation-close", type: "button", "aria-label": props.closeLabel, children: _jsx("span", { "aria-hidden": "true" }) })] }));
+export const NavigationHeader = (props) => (_jsxs("header", { "data-ui": "navigation-header", children: [_jsxs("div", { children: [props.identity !== undefined && _jsx("div", { "data-ui": "navigation-identity", children: props.identity }), props.context !== undefined && _jsx("div", { "data-ui": "navigation-context", children: props.context })] }), _jsx("button", { "data-ui": "navigation-close", type: "button", "aria-label": props.closeLabel, children: _jsx("span", { "aria-hidden": "true" }) })] }));
 const NavigationItemContent = (props) => (_jsxs(_Fragment, { children: [props.item.leading !== undefined && (_jsx("span", { "data-ui": "navigation-item-leading", "aria-hidden": "true", children: props.item.leading })), _jsxs("span", { "data-ui": "navigation-item-copy", children: [_jsx("span", { "data-ui": "navigation-item-label", children: props.item.label }), props.item.description !== undefined && (_jsx("span", { "data-ui": "navigation-item-description", children: props.item.description }))] }), props.item.count !== undefined && (_jsx("span", { "data-ui": "navigation-item-count", children: String(props.item.count) }))] }));
 const hasActiveItem = (item) => item.active === true || item.children?.some(hasActiveItem) === true;
 const renderNavigationItem = (props, branchGroup, level) => {
@@ -42,10 +43,11 @@ const renderNavigationItem = (props, branchGroup, level) => {
 };
 export const NavigationItem = (props) => (_jsx(_Fragment, { children: renderNavigationItem(props, `${props.id}-root-branches`, 1) }));
 export const NavigationGroup = (props) => (_jsxs("section", { "data-ui": "navigation-group", "aria-labelledby": props.label ? `${props.id}-label` : null, children: [props.label !== undefined && (_jsx("h2", { "data-ui": "navigation-group-label", id: `${props.id}-label`, children: props.label })), _jsx("div", { "data-ui": "navigation-items", children: each(props.items, (item) => item.id, (item) => renderNavigationItem(item, props.branchGroup ?? `${props.id}-branches`, 1)) })] }));
-export const NavigationDrawer = (props) => (_jsxs("div", { "data-ui": "navigation-layer", children: [_jsx("button", { "data-ui": "navigation-backdrop", type: "button", "aria-label": props.closeLabel, tabIndex: -1 }), _jsxs("div", { "data-ui": "navigation-drawer", id: props.id, "data-navigation-label": props.label, tabIndex: -1, children: [_jsx(NavigationHeader, { identity: props.identity, context: props.context, closeLabel: props.closeLabel }), _jsxs("nav", { "data-ui": "navigation-groups", "aria-label": props.label, "data-ket-slot": props.navigationSlot, children: [each(props.groups, (group) => group.id, (group) => (_jsx(NavigationGroup, { ...group, id: `${props.id}-${group.id}`, branchGroup: `${props.id}-branches` }))), props.supplementary !== undefined && (_jsx("div", { "data-ui": "navigation-supplementary", children: props.supplementary }))] }), props.footer !== undefined && _jsx("footer", { "data-ui": "navigation-footer", children: props.footer })] })] }));
+export const NavigationDrawer = (props) => (_jsxs("div", { "data-ui": "navigation-layer", children: [_jsx("button", { "data-ui": "navigation-backdrop", type: "button", "aria-label": props.closeLabel, "aria-hidden": "true", tabIndex: -1 }), _jsxs("div", { "data-ui": "navigation-drawer", id: props.id, "data-navigation-label": props.label, tabIndex: -1, children: [_jsx(NavigationHeader, { identity: props.identity, context: props.context, closeLabel: props.closeLabel }), _jsxs("nav", { "data-ui": "navigation-groups", "aria-label": props.label, "data-ket-slot": props.navigationSlot, children: [each(props.groups, (group) => group.id, (group) => (_jsx(NavigationGroup, { ...group, id: `${props.id}-${group.id}`, branchGroup: `${props.id}-branches` }))), props.supplementary !== undefined && (_jsx("div", { "data-ui": "navigation-supplementary", children: props.supplementary }))] }), props.footer !== undefined && _jsx("footer", { "data-ui": "navigation-footer", children: props.footer })] })] }));
 export const AppNavigation = (props) => {
     const drawerId = `${props.id}-drawer`;
     const closeLabel = props.closeLabel ?? 'Close navigation';
-    return (_jsxs("details", { "data-ui": "app-navigation", "data-navigation-id": props.id, open: props.open === true, children: [_jsx(NavigationTrigger, { controls: drawerId, label: props.menuLabel ?? 'Menu', identity: props.identity, open: props.open }), _jsx(NavigationDrawer, { id: drawerId, label: props.label, identity: props.identity, groups: props.groups, context: props.context, supplementary: props.supplementary, footer: props.footer, navigationSlot: props.navigationSlot, closeLabel: closeLabel })] }));
+    return (_jsxs("details", { "data-ui": "app-navigation", "data-navigation-id": props.id, "data-external-trigger": props.externalTrigger ? 'true' : null, open: props.open === true, children: [_jsx(NavigationTrigger, { controls: drawerId, label: props.menuLabel ?? 'Menu', identity: props.identity, open: props.open }), _jsx(NavigationDrawer, { id: drawerId, label: props.label, identity: props.identity, groups: props.groups, context: props.context, supplementary: props.supplementary, footer: props.footer, navigationSlot: props.navigationSlot, closeLabel: closeLabel })] }));
 };
+export const NavigationToggle = (props) => (_jsx("button", { "data-ui": "navigation-toggle", type: "button", "aria-controls": props.controls, "aria-label": props.label, "aria-expanded": "false", children: _jsx("svg", { viewBox: "0 0 24 24", width: "20", height: "20", fill: "none", stroke: "currentColor", "stroke-width": "1.8", "aria-hidden": "true", children: _jsx("path", { d: "M4 6h16M4 12h16M4 18h16" }) }) }));
 //# sourceMappingURL=index.js.map

package/dist/layouts/app-navigation/index.js.map

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

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

@@ -370,3 +370,50 @@
     }
   }
 }
+
+@layer ket.app {
+  :where([data-kv-design-system]) [data-ui="navigation-toggle"] {
+    display: none;
+  }
+  :where([data-kv-design-system])
+    [data-ui="navigation-header"]:not(:has([data-ui="navigation-identity"], [data-ui="navigation-context"])) {
+    display: none;
+  }
+  :where([data-kv-design-system])
+    [data-ui="app-navigation"][data-external-trigger="true"]
+    > [data-ui="navigation-trigger"] {
+    display: none;
+  }
+  @media (max-width: 48rem) {
+    :where([data-kv-design-system]) [data-ui="navigation-toggle"] {
+      display: grid;
+      place-items: center;
+      width: var(--kv-control-height);
+      height: var(--kv-control-height);
+      flex: 0 0 var(--kv-control-height);
+      padding: 0;
+      border: 0;
+      border-radius: var(--kv-radius-sm);
+      background: transparent;
+      color: inherit;
+      cursor: pointer;
+    }
+    :where([data-kv-design-system])
+      [data-ui="navigation-header"]:not(
+        :has([data-ui="navigation-identity"], [data-ui="navigation-context"])
+      ) {
+      display: flex;
+      justify-content: flex-end;
+    }
+  }
+}
+
+@layer ket.app {
+  @media (max-width: 48rem) {
+    :where([data-kv-design-system])
+      [data-ui="app-navigation"]
+      :is([data-ui="navigation-item"], [data-ui="navigation-branch-trigger"]) {
+      min-height: var(--kv-touch-target);
+    }
+  }
+}

package/dist/layouts/grouped/styles.css

@@ -27,6 +27,9 @@
     --kv-color-surface-subtle: var(--kv-surface-raised);
     --kv-color-surface-hover: var(--kv-surface-hover);
     --kv-color-line: var(--kv-panel-border);
+    /* One 12px inset for every working group, heading and body alike. */
+    --kv-surface-inset: var(--kv-space-3);
+    --kv-surface-head-gap: var(--kv-space-3);
   }
 
   [data-kv-design-system][data-presentation="grouped"] :is([data-ui="app-main"], [data-ui="modal-layer"]) {
@@ -60,7 +63,7 @@
 
   [data-kv-design-system][data-presentation="grouped"]
     :is([data-ui="dashboard-page-body"], [data-ui="board-page-body"], [data-ui="record-page-body"])
-    > [data-ui="stack"],
+    > [data-ui="stack"]:not([data-gap="loose"]):not([data-gap="compact"]),
   [data-kv-design-system][data-presentation="grouped"] [data-ui="app-main"] [data-ui="grid"],
   [data-kv-design-system][data-presentation="grouped"]
     [data-ui="section-body"]
@@ -68,28 +71,15 @@
     gap: var(--kv-space-2);
   }
 
-  [data-kv-design-system][data-presentation="grouped"]
-    :is([data-ui="surface"], [data-ui="metric"], [data-ui="content-card"]) {
+  [data-kv-design-system][data-presentation="grouped"] :is([data-ui="metric"], [data-ui="content-card"]) {
     padding: var(--kv-space-3);
   }
 
-  [data-kv-design-system][data-presentation="grouped"] [data-ui="surface-head"] {
-    padding: 0;
-    margin-bottom: var(--kv-space-3);
-  }
-
   [data-kv-design-system][data-presentation="grouped"] [data-ui="table-scroll"][data-framed="false"] {
     width: auto;
     margin-inline: 0;
   }
 
-  [data-kv-design-system][data-presentation="grouped"]
-    [data-ui="surface"][data-padding="none"]
-    > [data-ui="surface-head"] {
-    padding: 0;
-    margin-bottom: var(--kv-space-3);
-  }
-
   [data-kv-design-system][data-presentation="grouped"] [data-ui="record-page-aside"] {
     margin: var(--kv-space-3) var(--kv-space-3) var(--kv-space-3) 0;
     padding: var(--kv-space-3);
@@ -102,30 +92,9 @@
     gap: var(--kv-space-3);
   }
 
-  /* The context surface already owns its background. */
-  [data-kv-design-system][data-presentation="grouped"] [data-ui="record-page-aside"] [data-ui="metric"] {
-    padding: 0;
-    min-height: 0;
-    border: 0;
-    border-radius: 0;
-    background: transparent;
-  }
-
   @media (max-width: 63.9375rem) {
     [data-kv-design-system][data-presentation="grouped"] [data-ui="record-page-aside"] {
       margin: 0 var(--kv-space-3) var(--kv-space-3);
     }
   }
-
-  [data-kv-design-system][data-presentation="grouped"] [data-ui="surface"] [data-ui="disclosure"] {
-    border: 0;
-    border-radius: 0;
-    background: transparent;
-  }
-
-  [data-kv-design-system][data-presentation="grouped"]
-    [data-ui="surface"]
-    :is([data-ui="disclosure-summary"], [data-ui="disclosure-body"]) {
-    padding-inline: 0;
-  }
 }

package/dist/layouts/layering/styles.css

@@ -0,0 +1,159 @@
+/*
+ * Layering: see LAYOUT.md, rules L1 and L2.
+ *
+ * A frame separates a white working region from the canvas behind it, and it is
+ * drawn once. Inside a white region (a surface, a modal sheet or dialog, a
+ * popover, a card, the grouped record rail) a container renders flat. Its heading
+ * and spacing stay; its border, fill, radius and shadow go, and its title steps
+ * down to the section size. So a titled table or a form group placed in a modal
+ * reads as a section of that modal, not as a card inside it.
+ *
+ * Record objects (ContentCard, KanbanCard) keep their boundary everywhere: each
+ * is one thing that opens, moves or is selected on its own. A nested `subtle`
+ * surface stays a tinted well, the one sanctioned fill inside a white region.
+ *
+ * Loaded after every presentation, so these rules win at equal specificity.
+ */
+@layer ket.app {
+  [data-kv-design-system]
+    :is(
+      [data-ui="surface"],
+      [data-ui="modal-sheet"],
+      [data-ui="dialog"],
+      [data-ui="popover-panel"],
+      [data-ui="content-card"],
+      [data-ui="kanban-card"]
+    )
+    [data-ui="surface"],
+  [data-kv-design-system][data-presentation="grouped"] [data-ui="record-page-aside"] [data-ui="surface"] {
+    overflow: visible;
+    padding: 0;
+    border: 0;
+    border-radius: 0;
+    background: transparent;
+    box-shadow: none;
+  }
+
+  [data-kv-design-system]
+    :is(
+      [data-ui="surface"],
+      [data-ui="modal-sheet"],
+      [data-ui="dialog"],
+      [data-ui="popover-panel"],
+      [data-ui="content-card"],
+      [data-ui="kanban-card"]
+    )
+    [data-ui="surface"][data-tone="subtle"],
+  [data-kv-design-system][data-presentation="grouped"]
+    [data-ui="record-page-aside"]
+    [data-ui="surface"][data-tone="subtle"] {
+    padding: var(--kv-space-3);
+    border-radius: var(--kv-radius-md);
+    background: var(--kv-panel-bg-subtle);
+  }
+
+  [data-kv-design-system]
+    :is(
+      [data-ui="surface"],
+      [data-ui="modal-sheet"],
+      [data-ui="dialog"],
+      [data-ui="popover-panel"],
+      [data-ui="content-card"],
+      [data-ui="kanban-card"]
+    )
+    [data-ui="surface"]
+    > [data-ui="surface-head"],
+  [data-kv-design-system][data-presentation="grouped"]
+    [data-ui="record-page-aside"]
+    [data-ui="surface"]
+    > [data-ui="surface-head"] {
+    padding: 0;
+    margin-bottom: var(--kv-space-3);
+  }
+
+  [data-kv-design-system]
+    :is(
+      [data-ui="surface"],
+      [data-ui="modal-sheet"],
+      [data-ui="dialog"],
+      [data-ui="popover-panel"],
+      [data-ui="content-card"],
+      [data-ui="kanban-card"]
+    )
+    [data-ui="surface"]
+    [data-ui="surface-title"],
+  [data-kv-design-system][data-presentation="grouped"]
+    [data-ui="record-page-aside"]
+    [data-ui="surface"]
+    [data-ui="surface-title"] {
+    font-size: var(--kv-text-lg);
+  }
+
+  [data-kv-design-system]
+    :is(
+      [data-ui="surface"],
+      [data-ui="modal-sheet"],
+      [data-ui="dialog"],
+      [data-ui="popover-panel"],
+      [data-ui="content-card"],
+      [data-ui="kanban-card"]
+    )
+    [data-ui="table-scroll"][data-pattern="data-table"],
+  [data-kv-design-system][data-presentation="grouped"]
+    [data-ui="record-page-aside"]
+    [data-ui="table-scroll"][data-pattern="data-table"] {
+    border: 0;
+    border-radius: 0;
+    background: transparent;
+  }
+
+  [data-kv-design-system]
+    :is(
+      [data-ui="surface"],
+      [data-ui="modal-sheet"],
+      [data-ui="dialog"],
+      [data-ui="popover-panel"],
+      [data-ui="content-card"],
+      [data-ui="kanban-card"]
+    )
+    [data-ui="disclosure"],
+  [data-kv-design-system][data-presentation="grouped"] [data-ui="record-page-aside"] [data-ui="disclosure"] {
+    border: 0;
+    border-radius: 0;
+    background: transparent;
+  }
+
+  [data-kv-design-system]
+    :is(
+      [data-ui="surface"],
+      [data-ui="modal-sheet"],
+      [data-ui="dialog"],
+      [data-ui="popover-panel"],
+      [data-ui="content-card"],
+      [data-ui="kanban-card"]
+    )
+    :is([data-ui="disclosure-summary"], [data-ui="disclosure-body"]),
+  [data-kv-design-system][data-presentation="grouped"]
+    [data-ui="record-page-aside"]
+    :is([data-ui="disclosure-summary"], [data-ui="disclosure-body"]) {
+    padding-inline: 0;
+  }
+
+  [data-kv-design-system]
+    :is(
+      [data-ui="surface"],
+      [data-ui="modal-sheet"],
+      [data-ui="dialog"],
+      [data-ui="popover-panel"],
+      [data-ui="content-card"],
+      [data-ui="kanban-card"]
+    )
+    [data-ui="metric"],
+  [data-kv-design-system][data-presentation="grouped"] [data-ui="record-page-aside"] [data-ui="metric"] {
+    min-height: 0;
+    padding: 0;
+    border: 0;
+    border-radius: 0;
+    background: transparent;
+  }
+}

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

@@ -2,9 +2,15 @@ import type { JSXChild, TemplateResult } from '@ketvietlab/ketjs-view';
 import type { Tone } from '../../primitives/status.tsx';
 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';
+/**
+ * `divided` draws a hairline between items, the peer-section divider of LAYOUT.md
+ * L3 (a form with several groups, a list of sections in a modal). It never frames
+ * an item.
+ */
 export declare const Stack: (props: {
     items: readonly JSXChild[];
     gap?: 'compact' | 'default' | 'loose';
+    divided?: boolean;
 }) => TemplateResult;
 export declare const Inline: (props: {
     items: readonly JSXChild[];

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

@@ -50,7 +50,12 @@ 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-pattern": "stack", "data-gap": props.gap ?? 'default', children: _jsx(Items, { items: props.items }) }));
+/**
+ * `divided` draws a hairline between items, the peer-section divider of LAYOUT.md
+ * L3 (a form with several groups, a list of sections in a modal). It never frames
+ * an item.
+ */
+export const Stack = (props) => (_jsx("div", { "data-ui": "stack", "data-pattern": "stack", "data-gap": props.gap ?? 'default', "data-divided": props.divided === true ? 'true' : null, children: _jsx(Items, { items: props.items }) }));
 export const Inline = (props) => (_jsx("div", { "data-ui": "inline", children: _jsx(Items, { items: props.items }) }));
 /**
  * Fixed columns. `align="stretch"` gives every block in a row the row's height,

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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"}

package/dist/layouts/layout/styles.css

@@ -1,15 +1,24 @@
 @layer ket.app {
   :where([data-kv-design-system]) [data-ui="stack"][data-pattern="stack"] {
+    --kv-stack-gap: var(--kv-space-4);
     display: grid;
-    gap: var(--kv-space-4);
+    gap: var(--kv-stack-gap);
   }
 
   :where([data-kv-design-system]) [data-ui="stack"][data-pattern="stack"][data-gap="compact"] {
-    gap: var(--kv-space-2);
+    --kv-stack-gap: var(--kv-space-2);
+    gap: var(--kv-stack-gap);
   }
 
   :where([data-kv-design-system]) [data-ui="stack"][data-pattern="stack"][data-gap="loose"] {
-    gap: var(--kv-space-8);
+    --kv-stack-gap: var(--kv-space-8);
+    gap: var(--kv-stack-gap);
+  }
+
+  /* A divider sits halfway: the gap above it and the same space below it. */
+  :where([data-kv-design-system]) [data-ui="stack"][data-pattern="stack"][data-divided="true"] > * + * {
+    padding-block-start: var(--kv-stack-gap);
+    border-block-start: 1px solid var(--kv-panel-border);
   }
 
   :where([data-kv-design-system]) [data-ui="inline"] {
@@ -79,7 +88,7 @@
   }
 
   :where([data-kv-design-system]) [data-ui="surface"][data-padding="default"] {
-    padding: var(--kv-space-5);
+    padding: var(--kv-surface-inset);
   }
 
   :where([data-kv-design-system]) [data-ui="surface"][data-has-heading="true"] {
@@ -92,7 +101,7 @@
     align-items: center;
     justify-content: space-between;
     gap: var(--kv-space-3);
-    margin-bottom: var(--kv-space-5);
+    margin-bottom: var(--kv-surface-head-gap);
   }
 
   :where([data-kv-design-system]) [data-ui="surface"][data-padding="none"][data-has-heading="true"] {
@@ -205,7 +214,7 @@
 
   :where([data-kv-design-system]) [data-ui="section-title"] {
     margin-bottom: 0;
-    font-size: var(--kv-text-md);
+    font-size: var(--kv-text-lg);
     line-height: var(--kv-leading-tight);
   }