@ketvietlab/design-system 0.1.9 → 0.1.13

package/dist/patterns/record-page/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/patterns/record-page/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,mBAAmB,EAAyB,MAAM,kBAAmB,CAAA;AAE9E,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,aAAa;IACb,qBAAqB;IACrB,oBAAoB;IACpB,uBAAuB;IACvB,qBAAqB;IACrB,mBAAmB;IACnB,qBAAqB;IACrB,oBAAoB;IACpB,yBAAyB;IACzB,qBAAqB;IACrB,kBAAkB;IAClB,wBAAwB;IACxB,wBAAwB;IACxB,oBAAoB;IACpB,kBAAkB;IAClB,mBAAmB;CACX,CAAA;AA4BV,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,iBAAkC,EAAkB,EAAE;IACvG,MAAM,IAAI,GAAG,iBAAiB,IAAI,aAAa,CAAA;IAC/C,IAAI,KAAK,CAAC,KAAK,EAAE,aAAa,KAAK,SAAS;QAC1C,OAAO,CACL,uCAA2B,KAAK,CAAC,KAAK,CAAC,aAAa,aAClD,oCAAyB,KAAK,CAAC,KAAK,CAAC,MAAM,YACxC,mBAAmB,CAAC,IAAI,EAAE,EAAE,GAAG,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC,GACvD,EACX,oCAAyB,KAAK,CAAC,KAAK,CAAC,IAAI,YAAG,KAAK,CAAC,IAAI,GAAY,IACpD,CACjB,CAAA;IACH,OAAO,CACL,8BACW,IAAI,gBACD,KAAK,CAAC,KAAK,IAAI,IAAI,oBACf,MAAM,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,kBACnC,KAAK,CAAC,OAAO,IAAI,IAAI,gBACvB,KAAK,CAAC,KAAK,IAAI,SAAS,kBACvB,QAAQ,aAEpB,KAAK,CAAC,OAAO,KAAK,SAAS,IAAI,yBAAc,GAAG,IAAI,UAAU,YAAG,KAAK,CAAC,OAAO,GAAO,EACtF,4BAAiB,GAAG,IAAI,SAAS,mBAAiB,KAAK,CAAC,KAAK,EAAE,MAAM,YAClE,mBAAmB,CAAC,IAAI,EAAE,EAAE,GAAG,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC,GACzD,EACR,KAAK,CAAC,UAAU,KAAK,SAAS,IAAI,yBAAc,GAAG,IAAI,aAAa,YAAG,KAAK,CAAC,UAAU,GAAO,EAC9F,KAAK,CAAC,UAAU,KAAK,SAAS,IAAI,yBAAc,GAAG,IAAI,aAAa,YAAG,KAAK,CAAC,UAAU,GAAO,EAC/F,0BAAc,GAAG,IAAI,SAAS,aAC5B,yBAAc,GAAG,IAAI,OAAO,mBAAiB,KAAK,CAAC,KAAK,EAAE,IAAI,YAC3D,KAAK,CAAC,IAAI,GACP,EACL,KAAK,CAAC,KAAK,KAAK,SAAS,IAAI,CAC5B,2BAAgB,GAAG,IAAI,QAAQ,gBAAc,KAAK,CAAC,UAAU,IAAI,IAAI,YAClE,KAAK,CAAC,KAAK,GACN,CACT,IACG,IACE,CACX,CAAA;AACH,CAAC,CAAA;AAED,0EAA0E;AAC1E,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAkB,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA"}

package/dist/patterns/record-page/styles.css

@@ -0,0 +1,228 @@
+@layer ket.app {
+  /* RecordPage is the canonical public record surface. FormPage keeps this same
+     rhythm as a compatibility adapter, but the hooks must remain distinct so
+     application audits can tell new record screens from legacy form screens. */
+  :where([data-kv-design-system]) [data-ui="record-page"] {
+    display: grid;
+    min-width: 0;
+    background: var(--kv-page-content-bg);
+  }
+
+  :where([data-kv-design-system]) [data-ui="record-page"][data-variant="operational"] {
+    gap: 0;
+    padding: 0 0 var(--kv-space-10);
+  }
+
+  :where([data-kv-design-system])
+    [data-ui="record-page"][data-variant="operational"]
+    [data-ui="record-page-context"] {
+    display: flex;
+    min-width: 0;
+    min-height: var(--kv-table-header-height);
+    align-items: center;
+    padding-inline: var(--kv-page-padding-x);
+    border-bottom: 1px solid var(--kv-panel-divider);
+    background: var(--kv-page-chrome-bg);
+  }
+
+  :where([data-kv-design-system]) [data-ui="record-page-header"] {
+    display: grid;
+    min-width: 0;
+    gap: var(--kv-space-2);
+    padding: var(--kv-space-4) var(--kv-page-padding-x);
+    border-bottom: 1px solid var(--kv-panel-divider);
+  }
+
+  :where([data-kv-design-system])
+    [data-ui="record-page"][data-variant="operational"]
+    [data-ui="record-page-header"] {
+    background: var(--kv-page-chrome-bg);
+  }
+
+  :where([data-kv-design-system]) [data-ui="record-page-title-row"] {
+    display: grid;
+    min-width: 0;
+    grid-template-columns: minmax(0, 1fr) auto;
+    align-items: center;
+    gap: var(--kv-space-4);
+  }
+
+  :where([data-kv-design-system]) [data-ui="record-page-heading"] {
+    display: grid;
+    min-width: 0;
+    gap: var(--kv-space-1);
+  }
+
+  :where([data-kv-design-system]) [data-ui="record-page-title"] {
+    margin: 0;
+    overflow-wrap: anywhere;
+    color: var(--kv-text-main);
+    font-size: var(--kv-page-title-size);
+    font-weight: var(--kv-weight-semibold);
+    letter-spacing: 0;
+    line-height: var(--kv-leading-tight);
+  }
+
+  :where([data-kv-design-system]) [data-ui="record-page-status"] {
+    display: inline-flex;
+    flex: 0 0 auto;
+    align-items: center;
+  }
+
+  :where([data-kv-design-system]) [data-ui="record-page-subline"] {
+    display: flex;
+    min-width: 0;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--kv-space-2);
+  }
+
+  :where([data-kv-design-system]) [data-ui="record-page-description"] {
+    max-width: 48rem;
+    margin: 0;
+    color: var(--kv-text-muted);
+    font-size: var(--kv-text-sm);
+    line-height: var(--kv-leading-normal);
+  }
+
+  :where([data-kv-design-system]) [data-ui="record-page-actions"] {
+    display: flex;
+    min-width: 0;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: flex-end;
+    gap: var(--kv-space-2);
+  }
+
+  :where([data-kv-design-system]) [data-ui="record-page-meta"] {
+    min-width: 0;
+  }
+
+  :where([data-kv-design-system]) [data-ui="record-page-controller"] {
+    min-width: 0;
+    padding-inline: var(--kv-page-padding-x);
+    background: var(--kv-page-bg);
+  }
+
+  :where([data-kv-design-system]) [data-ui="record-page-controller"]:empty {
+    display: none;
+  }
+
+  :where([data-kv-design-system]) [data-ui="record-page-navigation"] {
+    min-width: 0;
+    padding-inline: var(--kv-page-padding-x);
+    border-bottom: 1px solid var(--kv-panel-divider);
+    background: var(--kv-page-bg);
+  }
+
+  :where([data-kv-design-system]) [data-ui="record-page-layout"] {
+    display: grid;
+    min-width: 0;
+    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
+    align-items: start;
+  }
+
+  :where([data-kv-design-system])
+    [data-ui="record-page"][data-has-aside="false"]
+    [data-ui="record-page-layout"] {
+    grid-template-columns: minmax(0, 56rem);
+  }
+
+  :where([data-kv-design-system])
+    [data-ui="record-page"][data-has-aside="false"][data-width="wide"]
+    [data-ui="record-page-layout"] {
+    grid-template-columns: minmax(0, calc(68.75rem + var(--kv-page-padding-x) * 2));
+  }
+
+  :where([data-kv-design-system]) [data-ui="record-page-body"] {
+    display: grid;
+    min-width: 0;
+    gap: var(--kv-space-6);
+    padding: var(--kv-space-5) var(--kv-page-padding-x) var(--kv-space-10);
+    background: var(--kv-page-content-bg);
+  }
+
+  :where([data-kv-design-system]) [data-ui="record-page-body"] > [data-ui="stack"] {
+    gap: var(--kv-space-6);
+  }
+
+  :where([data-kv-design-system]) [data-ui="record-page-aside"] {
+    position: sticky;
+    top: 0;
+    display: grid;
+    min-width: 0;
+    max-height: 100dvh;
+    align-content: start;
+    padding: var(--kv-space-5) var(--kv-page-padding-x) var(--kv-space-10) var(--kv-space-5);
+    overflow-y: auto;
+    border-left: 1px solid var(--kv-panel-divider);
+    background: var(--kv-panel-bg-subtle);
+  }
+
+  @media (max-width: 63.9375rem) {
+    :where([data-kv-design-system]) [data-ui="record-page-layout"] {
+      grid-template-columns: minmax(0, 1fr);
+      row-gap: var(--kv-space-5);
+    }
+
+    :where([data-kv-design-system]) [data-ui="record-page-aside"] {
+      position: static;
+      max-height: none;
+      padding-top: var(--kv-space-5);
+      overflow: visible;
+      border-top: 1px solid var(--kv-panel-divider);
+      border-left: 0;
+    }
+  }
+
+  @media (max-width: 42rem) {
+    :where([data-kv-design-system]) [data-ui="record-page"][data-variant="operational"] {
+      padding-bottom: var(--kv-space-8);
+    }
+
+    :where([data-kv-design-system])
+      [data-ui="record-page"][data-variant="operational"]
+      [data-ui="record-page-context"] {
+      min-height: 2.75rem;
+      padding-inline: var(--kv-space-4);
+    }
+
+    :where([data-kv-design-system]) [data-ui="record-page-header"] {
+      padding: var(--kv-space-4) var(--kv-space-4) var(--kv-space-3);
+    }
+
+    :where([data-kv-design-system]) [data-ui="record-page-title-row"] {
+      grid-template-columns: minmax(0, 1fr);
+      align-items: stretch;
+      gap: var(--kv-space-3);
+    }
+
+    :where([data-kv-design-system]) [data-ui="record-page-title"] {
+      font-size: var(--kv-text-lg);
+    }
+
+    :where([data-kv-design-system]) [data-ui="record-page-actions"] {
+      justify-content: flex-start;
+    }
+
+    :where([data-kv-design-system])
+      [data-ui="record-page-actions"]
+      > :is([data-ui="action-group"], [data-ui="form-cluster"]) {
+      width: 100%;
+    }
+
+    :where([data-kv-design-system]) [data-ui="record-page-meta"] {
+      padding-left: 0;
+    }
+
+    :where([data-kv-design-system]) [data-ui="record-page-navigation"] {
+      padding-inline: var(--kv-space-4);
+    }
+
+    :where([data-kv-design-system]) [data-ui="record-page-body"],
+    :where([data-kv-design-system]) [data-ui="record-page-aside"],
+    :where([data-kv-design-system]) [data-ui="record-page-controller"] {
+      padding-inline: var(--kv-space-4);
+    }
+  }
+}

package/dist/patterns/record-page.d.ts

@@ -1,31 +1,2 @@
-import type { JSXChild, TemplateResult } from '@ketvietlab/ketjs-view';
-import { type PageIdentityKind } from './page-shell.tsx';
-export declare const HOOKS: readonly ['record-page', 'record-page-context', 'record-page-header', 'record-page-title-row', 'record-page-heading', 'record-page-title', 'record-page-subline', 'record-page-status', 'record-page-description', 'record-page-actions', 'record-page-meta', 'record-page-controller', 'record-page-navigation', 'record-page-layout', 'record-page-body', 'record-page-aside'];
-export type RecordPageSlots = {
-    header: string;
-    body: string;
-    fragmentTitle?: string;
-};
-export type RecordPageProps = {
-    title: string;
-    body: JSXChild;
-    context?: JSXChild;
-    variant?: 'operational';
-    width?: 'default' | 'wide';
-    scope?: string | null;
-    description?: string | null;
-    status?: JSXChild;
-    actions?: JSXChild;
-    meta?: JSXChild;
-    controller?: JSXChild;
-    navigation?: JSXChild;
-    aside?: JSXChild;
-    asideLabel?: string | null;
-    slots?: RecordPageSlots;
-};
-type RecordPageKind = Extract<PageIdentityKind, 'record-page' | 'form-page'>;
-export declare const recordPage: (props: RecordPageProps, compatibilityKind?: RecordPageKind) => TemplateResult;
-/** One durable subject: create, edit, inspect or advance its workflow. */
-export declare const RecordPage: (props: RecordPageProps) => TemplateResult;
-export {};
+export * from './record-page/index.tsx';
 //# sourceMappingURL=record-page.d.ts.map

package/dist/patterns/record-page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"record-page.d.ts","sourceRoot":"","sources":["../../../../../packages/design-system/src/patterns/record-page.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACtE,OAAO,EAAuB,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAE7E,eAAO,MAAM,KAAK,YAChB,aAAa,EACb,qBAAqB,EACrB,oBAAoB,EACpB,uBAAuB,EACvB,qBAAqB,EACrB,mBAAmB,EACnB,qBAAqB,EACrB,oBAAoB,EACpB,yBAAyB,EACzB,qBAAqB,EACrB,kBAAkB,EAClB,wBAAwB,EACxB,wBAAwB,EACxB,oBAAoB,EACpB,kBAAkB,EAClB,mBAAmB,CACX,CAAA;AAEV,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,QAAQ,CAAA;IACd,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,MAAM,CAAC,EAAE,QAAQ,CAAA;IACjB,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,UAAU,CAAC,EAAE,QAAQ,CAAA;IACrB,UAAU,CAAC,EAAE,QAAQ,CAAA;IACrB,KAAK,CAAC,EAAE,QAAQ,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,KAAK,CAAC,EAAE,eAAe,CAAA;CACxB,CAAA;AAED,KAAK,cAAc,GAAG,OAAO,CAAC,gBAAgB,EAAE,aAAa,GAAG,WAAW,CAAC,CAAA;AAE5E,eAAO,MAAM,UAAU,UAAW,eAAe,sBAAsB,cAAc,KAAG,cAsCvF,CAAA;AAED,0EAA0E;AAC1E,eAAO,MAAM,UAAU,UAAW,eAAe,KAAG,cAAmC,CAAA"}
+{"version":3,"file":"record-page.d.ts","sourceRoot":"","sources":["../../../../../packages/design-system/src/patterns/record-page.tsx"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAA"}

package/dist/patterns/record-page.js

@@ -1,29 +1,2 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@ketvietlab/ketjs-view/jsx-runtime";
-import { pageIdentityContent } from './page-shell.js';
-export const HOOKS = [
-    'record-page',
-    'record-page-context',
-    'record-page-header',
-    'record-page-title-row',
-    'record-page-heading',
-    'record-page-title',
-    'record-page-subline',
-    'record-page-status',
-    'record-page-description',
-    'record-page-actions',
-    'record-page-meta',
-    'record-page-controller',
-    'record-page-navigation',
-    'record-page-layout',
-    'record-page-body',
-    'record-page-aside',
-];
-export const recordPage = (props, compatibilityKind) => {
-    const kind = compatibilityKind ?? 'record-page';
-    if (props.slots?.fragmentTitle !== undefined)
-        return (_jsxs("ket-fragments", { "data-title": props.slots.fragmentTitle, children: [_jsx("template", { "data-ket-slot": props.slots.header, children: pageIdentityContent(kind, { ...props, groupDescription: true }) }), _jsx("template", { "data-ket-slot": props.slots.body, children: props.body })] }));
-    return (_jsxs("section", { "data-ui": kind, "data-scope": props.scope ?? null, "data-has-aside": String(props.aside !== undefined), "data-variant": props.variant ?? null, "data-width": props.width ?? 'default', "data-pattern": "record", children: [props.context !== undefined && _jsx("div", { "data-ui": `${kind}-context`, children: props.context }), _jsx("header", { "data-ui": `${kind}-header`, "data-ket-slot": props.slots?.header, children: pageIdentityContent(kind, { ...props, groupDescription: true }) }), props.controller !== undefined && _jsx("div", { "data-ui": `${kind}-controller`, children: props.controller }), props.navigation !== undefined && _jsx("div", { "data-ui": `${kind}-navigation`, children: props.navigation }), _jsxs("div", { "data-ui": `${kind}-layout`, children: [_jsx("div", { "data-ui": `${kind}-body`, "data-ket-slot": props.slots?.body, children: props.body }), props.aside !== undefined && (_jsx("aside", { "data-ui": `${kind}-aside`, "aria-label": props.asideLabel ?? null, children: props.aside }))] })] }));
-};
-/** One durable subject: create, edit, inspect or advance its workflow. */
-export const RecordPage = (props) => recordPage(props);
+export * from './record-page/index.js';
 //# sourceMappingURL=record-page.js.map

package/dist/patterns/record-page.js.map

@@ -1 +1 @@
-{"version":3,"file":"record-page.js","sourceRoot":"","sources":["../../../../../../packages/design-system/src/patterns/record-page.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,mBAAmB,EAAyB,MAAM,iBAAkB,CAAA;AAE7E,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,aAAa;IACb,qBAAqB;IACrB,oBAAoB;IACpB,uBAAuB;IACvB,qBAAqB;IACrB,mBAAmB;IACnB,qBAAqB;IACrB,oBAAoB;IACpB,yBAAyB;IACzB,qBAAqB;IACrB,kBAAkB;IAClB,wBAAwB;IACxB,wBAAwB;IACxB,oBAAoB;IACpB,kBAAkB;IAClB,mBAAmB;CACX,CAAA;AA4BV,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,iBAAkC,EAAkB,EAAE;IACvG,MAAM,IAAI,GAAG,iBAAiB,IAAI,aAAa,CAAA;IAC/C,IAAI,KAAK,CAAC,KAAK,EAAE,aAAa,KAAK,SAAS;QAC1C,OAAO,CACL,uCAA2B,KAAK,CAAC,KAAK,CAAC,aAAa,aAClD,oCAAyB,KAAK,CAAC,KAAK,CAAC,MAAM,YACxC,mBAAmB,CAAC,IAAI,EAAE,EAAE,GAAG,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC,GACvD,EACX,oCAAyB,KAAK,CAAC,KAAK,CAAC,IAAI,YAAG,KAAK,CAAC,IAAI,GAAY,IACpD,CACjB,CAAA;IACH,OAAO,CACL,8BACW,IAAI,gBACD,KAAK,CAAC,KAAK,IAAI,IAAI,oBACf,MAAM,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,kBACnC,KAAK,CAAC,OAAO,IAAI,IAAI,gBACvB,KAAK,CAAC,KAAK,IAAI,SAAS,kBACvB,QAAQ,aAEpB,KAAK,CAAC,OAAO,KAAK,SAAS,IAAI,yBAAc,GAAG,IAAI,UAAU,YAAG,KAAK,CAAC,OAAO,GAAO,EACtF,4BAAiB,GAAG,IAAI,SAAS,mBAAiB,KAAK,CAAC,KAAK,EAAE,MAAM,YAClE,mBAAmB,CAAC,IAAI,EAAE,EAAE,GAAG,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC,GACzD,EACR,KAAK,CAAC,UAAU,KAAK,SAAS,IAAI,yBAAc,GAAG,IAAI,aAAa,YAAG,KAAK,CAAC,UAAU,GAAO,EAC9F,KAAK,CAAC,UAAU,KAAK,SAAS,IAAI,yBAAc,GAAG,IAAI,aAAa,YAAG,KAAK,CAAC,UAAU,GAAO,EAC/F,0BAAc,GAAG,IAAI,SAAS,aAC5B,yBAAc,GAAG,IAAI,OAAO,mBAAiB,KAAK,CAAC,KAAK,EAAE,IAAI,YAC3D,KAAK,CAAC,IAAI,GACP,EACL,KAAK,CAAC,KAAK,KAAK,SAAS,IAAI,CAC5B,2BAAgB,GAAG,IAAI,QAAQ,gBAAc,KAAK,CAAC,UAAU,IAAI,IAAI,YAClE,KAAK,CAAC,KAAK,GACN,CACT,IACG,IACE,CACX,CAAA;AACH,CAAC,CAAA;AAED,0EAA0E;AAC1E,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAkB,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA"}
+{"version":3,"file":"record-page.js","sourceRoot":"","sources":["../../../../../../packages/design-system/src/patterns/record-page.tsx"],"names":[],"mappings":"AAAA,cAAc,wBAAyB,CAAA"}

package/dist/patterns/workspace-page/index.d.ts

@@ -0,0 +1,23 @@
+import type { JSXChild, TemplateResult } from '@ketvietlab/ketjs-view';
+import { type PageIdentityKind } from '../page-shell.tsx';
+export declare const HOOKS: readonly ['workspace-page', 'workspace-page-context', 'workspace-page-header', 'workspace-page-heading', 'workspace-page-eyebrow', 'workspace-page-title-row', 'workspace-page-title', 'workspace-page-subline', 'workspace-page-status', 'workspace-page-description', 'workspace-page-actions', 'workspace-page-meta', 'workspace-page-toolbar', 'workspace-page-controls', 'workspace-page-body'];
+export type WorkspacePageProps = {
+    title: string;
+    body: JSXChild;
+    context?: JSXChild;
+    variant?: 'operational';
+    /** Vertical work surfaces use flow; boards, timelines and maps use canvas. */
+    layout?: 'flow' | 'canvas';
+    eyebrow?: string | null;
+    description?: string | null;
+    status?: JSXChild;
+    meta?: JSXChild;
+    actions?: JSXChild;
+    controls?: JSXChild;
+};
+type CompatibilityKind = Extract<PageIdentityKind, 'dashboard-page' | 'board-page'>;
+export declare const workspacePage: (props: WorkspacePageProps, compatibilityKind?: CompatibilityKind) => TemplateResult;
+/** One operational canvas, with flow and horizontal-canvas layout modes. */
+export declare const WorkspacePage: (props: WorkspacePageProps) => TemplateResult;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/patterns/workspace-page/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/patterns/workspace-page/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACtE,OAAO,EAAgB,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAEvE,eAAO,MAAM,KAAK,YAChB,gBAAgB,EAChB,wBAAwB,EACxB,uBAAuB,EACvB,wBAAwB,EACxB,wBAAwB,EACxB,0BAA0B,EAC1B,sBAAsB,EACtB,wBAAwB,EACxB,uBAAuB,EACvB,4BAA4B,EAC5B,wBAAwB,EACxB,qBAAqB,EACrB,wBAAwB,EACxB,yBAAyB,EACzB,qBAAqB,CACb,CAAA;AAEV,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,QAAQ,CAAA;IACd,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,MAAM,CAAC,EAAE,QAAQ,CAAA;IACjB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB,CAAA;AAED,KAAK,iBAAiB,GAAG,OAAO,CAAC,gBAAgB,EAAE,gBAAgB,GAAG,YAAY,CAAC,CAAA;AAEnF,eAAO,MAAM,aAAa,UACjB,kBAAkB,sBACL,iBAAiB,KACpC,cAkBF,CAAA;AAED,4EAA4E;AAC5E,eAAO,MAAM,aAAa,UAAW,kBAAkB,KAAG,cAAsC,CAAA"}

package/dist/patterns/workspace-page/index.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@ketvietlab/ketjs-view/jsx-runtime";
+import { pageIdentity } from '../page-shell.js';
+export const HOOKS = [
+    'workspace-page',
+    'workspace-page-context',
+    'workspace-page-header',
+    'workspace-page-heading',
+    'workspace-page-eyebrow',
+    'workspace-page-title-row',
+    'workspace-page-title',
+    'workspace-page-subline',
+    'workspace-page-status',
+    'workspace-page-description',
+    'workspace-page-actions',
+    'workspace-page-meta',
+    'workspace-page-toolbar',
+    'workspace-page-controls',
+    'workspace-page-body',
+];
+export const workspacePage = (props, compatibilityKind) => {
+    const kind = compatibilityKind ?? (props.layout === 'canvas' ? 'board-page' : 'dashboard-page');
+    return (_jsxs("section", { "data-ui": kind, "data-variant": props.variant ?? null, "data-layout": props.layout ?? 'flow', "data-pattern": "workspace", children: [pageIdentity(kind, props), props.controls !== undefined && (_jsx("div", { "data-ui": `${kind}-toolbar`, children: _jsx("div", { "data-ui": `${kind}-controls`, children: props.controls }) })), _jsx("div", { "data-ui": `${kind}-body`, children: props.body })] }));
+};
+/** One operational canvas, with flow and horizontal-canvas layout modes. */
+export const WorkspacePage = (props) => workspacePage(props);
+//# sourceMappingURL=index.js.map

package/dist/patterns/workspace-page/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/patterns/workspace-page/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAyB,MAAM,kBAAmB,CAAA;AAEvE,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,gBAAgB;IAChB,wBAAwB;IACxB,uBAAuB;IACvB,wBAAwB;IACxB,wBAAwB;IACxB,0BAA0B;IAC1B,sBAAsB;IACtB,wBAAwB;IACxB,uBAAuB;IACvB,4BAA4B;IAC5B,wBAAwB;IACxB,qBAAqB;IACrB,wBAAwB;IACxB,yBAAyB;IACzB,qBAAqB;CACb,CAAA;AAmBV,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,KAAyB,EACzB,iBAAqC,EACrB,EAAE;IAClB,MAAM,IAAI,GAAG,iBAAiB,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAA;IAC/F,OAAO,CACL,8BACW,IAAI,kBACC,KAAK,CAAC,OAAO,IAAI,IAAI,iBACtB,KAAK,CAAC,MAAM,IAAI,MAAM,kBACtB,WAAW,aAEvB,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,EACzB,KAAK,CAAC,QAAQ,KAAK,SAAS,IAAI,CAC/B,yBAAc,GAAG,IAAI,UAAU,YAC7B,yBAAc,GAAG,IAAI,WAAW,YAAG,KAAK,CAAC,QAAQ,GAAO,GACpD,CACP,EACD,yBAAc,GAAG,IAAI,OAAO,YAAG,KAAK,CAAC,IAAI,GAAO,IACxC,CACX,CAAA;AACH,CAAC,CAAA;AAED,4EAA4E;AAC5E,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAkB,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA"}

package/dist/patterns/workspace-page/styles.css

@@ -0,0 +1,9 @@
+@layer ket.app {
+  :where([data-kv-design-system])
+    [data-pattern="workspace"][data-layout="canvas"]
+    > [data-ui="board-page-body"]
+    > [data-ui="grid"] {
+    grid-template-columns: repeat(var(--kv-grid-columns, 3), minmax(16rem, 1fr));
+    align-items: start;
+  }
+}

package/dist/patterns/workspace-page.d.ts

@@ -1,23 +1,2 @@
-import type { JSXChild, TemplateResult } from '@ketvietlab/ketjs-view';
-import { type PageIdentityKind } from './page-shell.tsx';
-export declare const HOOKS: readonly ['workspace-page', 'workspace-page-context', 'workspace-page-header', 'workspace-page-heading', 'workspace-page-eyebrow', 'workspace-page-title-row', 'workspace-page-title', 'workspace-page-subline', 'workspace-page-status', 'workspace-page-description', 'workspace-page-actions', 'workspace-page-meta', 'workspace-page-toolbar', 'workspace-page-controls', 'workspace-page-body'];
-export type WorkspacePageProps = {
-    title: string;
-    body: JSXChild;
-    context?: JSXChild;
-    variant?: 'operational';
-    /** Vertical work surfaces use flow; boards, timelines and maps use canvas. */
-    layout?: 'flow' | 'canvas';
-    eyebrow?: string | null;
-    description?: string | null;
-    status?: JSXChild;
-    meta?: JSXChild;
-    actions?: JSXChild;
-    controls?: JSXChild;
-};
-type CompatibilityKind = Extract<PageIdentityKind, 'dashboard-page' | 'board-page'>;
-export declare const workspacePage: (props: WorkspacePageProps, compatibilityKind?: CompatibilityKind) => TemplateResult;
-/** One operational canvas, with flow and horizontal-canvas layout modes. */
-export declare const WorkspacePage: (props: WorkspacePageProps) => TemplateResult;
-export {};
+export * from './workspace-page/index.tsx';
 //# sourceMappingURL=workspace-page.d.ts.map

package/dist/patterns/workspace-page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"workspace-page.d.ts","sourceRoot":"","sources":["../../../../../packages/design-system/src/patterns/workspace-page.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACtE,OAAO,EAAgB,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAEtE,eAAO,MAAM,KAAK,YAChB,gBAAgB,EAChB,wBAAwB,EACxB,uBAAuB,EACvB,wBAAwB,EACxB,wBAAwB,EACxB,0BAA0B,EAC1B,sBAAsB,EACtB,wBAAwB,EACxB,uBAAuB,EACvB,4BAA4B,EAC5B,wBAAwB,EACxB,qBAAqB,EACrB,wBAAwB,EACxB,yBAAyB,EACzB,qBAAqB,CACb,CAAA;AAEV,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,QAAQ,CAAA;IACd,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,MAAM,CAAC,EAAE,QAAQ,CAAA;IACjB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB,CAAA;AAED,KAAK,iBAAiB,GAAG,OAAO,CAAC,gBAAgB,EAAE,gBAAgB,GAAG,YAAY,CAAC,CAAA;AAEnF,eAAO,MAAM,aAAa,UACjB,kBAAkB,sBACL,iBAAiB,KACpC,cAkBF,CAAA;AAED,4EAA4E;AAC5E,eAAO,MAAM,aAAa,UAAW,kBAAkB,KAAG,cAAsC,CAAA"}
+{"version":3,"file":"workspace-page.d.ts","sourceRoot":"","sources":["../../../../../packages/design-system/src/patterns/workspace-page.tsx"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAA"}

package/dist/patterns/workspace-page.js

@@ -1,26 +1,2 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@ketvietlab/ketjs-view/jsx-runtime";
-import { pageIdentity } from './page-shell.js';
-export const HOOKS = [
-    'workspace-page',
-    'workspace-page-context',
-    'workspace-page-header',
-    'workspace-page-heading',
-    'workspace-page-eyebrow',
-    'workspace-page-title-row',
-    'workspace-page-title',
-    'workspace-page-subline',
-    'workspace-page-status',
-    'workspace-page-description',
-    'workspace-page-actions',
-    'workspace-page-meta',
-    'workspace-page-toolbar',
-    'workspace-page-controls',
-    'workspace-page-body',
-];
-export const workspacePage = (props, compatibilityKind) => {
-    const kind = compatibilityKind ?? (props.layout === 'canvas' ? 'board-page' : 'dashboard-page');
-    return (_jsxs("section", { "data-ui": kind, "data-variant": props.variant ?? null, "data-layout": props.layout ?? 'flow', "data-pattern": "workspace", children: [pageIdentity(kind, props), props.controls !== undefined && (_jsx("div", { "data-ui": `${kind}-toolbar`, children: _jsx("div", { "data-ui": `${kind}-controls`, children: props.controls }) })), _jsx("div", { "data-ui": `${kind}-body`, children: props.body })] }));
-};
-/** One operational canvas, with flow and horizontal-canvas layout modes. */
-export const WorkspacePage = (props) => workspacePage(props);
+export * from './workspace-page/index.js';
 //# sourceMappingURL=workspace-page.js.map

package/dist/patterns/workspace-page.js.map

@@ -1 +1 @@
-{"version":3,"file":"workspace-page.js","sourceRoot":"","sources":["../../../../../../packages/design-system/src/patterns/workspace-page.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAyB,MAAM,iBAAkB,CAAA;AAEtE,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,gBAAgB;IAChB,wBAAwB;IACxB,uBAAuB;IACvB,wBAAwB;IACxB,wBAAwB;IACxB,0BAA0B;IAC1B,sBAAsB;IACtB,wBAAwB;IACxB,uBAAuB;IACvB,4BAA4B;IAC5B,wBAAwB;IACxB,qBAAqB;IACrB,wBAAwB;IACxB,yBAAyB;IACzB,qBAAqB;CACb,CAAA;AAmBV,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,KAAyB,EACzB,iBAAqC,EACrB,EAAE;IAClB,MAAM,IAAI,GAAG,iBAAiB,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAA;IAC/F,OAAO,CACL,8BACW,IAAI,kBACC,KAAK,CAAC,OAAO,IAAI,IAAI,iBACtB,KAAK,CAAC,MAAM,IAAI,MAAM,kBACtB,WAAW,aAEvB,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,EACzB,KAAK,CAAC,QAAQ,KAAK,SAAS,IAAI,CAC/B,yBAAc,GAAG,IAAI,UAAU,YAC7B,yBAAc,GAAG,IAAI,WAAW,YAAG,KAAK,CAAC,QAAQ,GAAO,GACpD,CACP,EACD,yBAAc,GAAG,IAAI,OAAO,YAAG,KAAK,CAAC,IAAI,GAAO,IACxC,CACX,CAAA;AACH,CAAC,CAAA;AAED,4EAA4E;AAC5E,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAkB,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA"}
+{"version":3,"file":"workspace-page.js","sourceRoot":"","sources":["../../../../../../packages/design-system/src/patterns/workspace-page.tsx"],"names":[],"mappings":"AAAA,cAAc,2BAA4B,CAAA"}

package/dist/primitives/actions/index.d.ts

@@ -0,0 +1,36 @@
+import type { JSXChild, TemplateResult } from '@ketvietlab/ketjs-view';
+export declare const HOOKS: readonly ['action', 'action-leading', 'action-label', 'action-spinner', 'action-group'];
+export type ActionVariant = 'primary' | 'secondary' | 'tertiary' | 'destructive';
+export type ActionSize = 'compact' | 'default' | 'prominent';
+type ActionBase = {
+    label: string;
+    variant?: ActionVariant;
+    size?: ActionSize;
+    leading?: JSXChild;
+    disabled?: boolean;
+    loading?: boolean;
+    describedBy?: string | null;
+};
+export type ButtonProps = ActionBase & {
+    type?: 'button' | 'submit' | 'reset';
+    name?: string | null;
+    value?: string | null;
+    form?: string | null;
+};
+export type LinkButtonProps = ActionBase & {
+    href: string;
+};
+export type IconButtonProps = Omit<ButtonProps, 'leading'> & {
+    icon: JSXChild;
+    pressed?: boolean;
+};
+export declare const Button: (props: ButtonProps) => TemplateResult;
+/** An icon-only action with a visible tooltip and accessible name. */
+export declare const IconButton: (props: IconButtonProps) => TemplateResult;
+export declare const LinkButton: (props: LinkButtonProps) => TemplateResult;
+export declare const ActionGroup: (props: {
+    actions: readonly JSXChild[];
+    label?: string | null;
+}) => TemplateResult;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/actions/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/primitives/actions/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAEtE,eAAO,MAAM,KAAK,YAAI,QAAQ,EAAE,gBAAgB,EAAE,cAAc,EAAE,gBAAgB,EAAE,cAAc,CAAU,CAAA;AAE5G,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,aAAa,CAAA;AAChF,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,CAAA;AAE5D,KAAK,UAAU,GAAG;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG;IACrC,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IACpC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAA;AAC3D,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,GAAG;IAC3D,IAAI,EAAE,QAAQ,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAcD,eAAO,MAAM,MAAM,UAAW,WAAW,KAAG,cAe3C,CAAA;AAED,sEAAsE;AACtE,eAAO,MAAM,UAAU,UAAW,eAAe,KAAG,cAmBnD,CAAA;AAED,eAAO,MAAM,UAAU,UAAW,eAAe,KAAG,cAuBjD,CAAA;AAEH,eAAO,MAAM,WAAW,UAAW;IACjC,OAAO,EAAE,SAAS,QAAQ,EAAE,CAAA;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB,KAAG,cAUH,CAAA"}

package/dist/primitives/actions/index.js

@@ -0,0 +1,10 @@
+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 = ['action', 'action-leading', 'action-label', 'action-spinner', 'action-group'];
+const ActionContent = (props) => (_jsxs(_Fragment, { children: [props.loading === true && _jsx("span", { "data-ui": "action-spinner", "aria-hidden": "true" }), props.loading !== true && props.leading !== undefined && (_jsx("span", { "data-ui": "action-leading", "aria-hidden": "true", children: props.leading })), !props.iconOnly && _jsx("span", { "data-ui": "action-label", children: props.label })] }));
+export const Button = (props) => (_jsx("button", { "data-ui": "action", "data-variant": props.variant ?? 'secondary', "data-size": props.size ?? 'default', type: props.type ?? 'button', name: props.name ?? null, value: props.value ?? null, form: props.form ?? null, disabled: props.disabled === true || props.loading === true, "aria-busy": props.loading === true ? 'true' : null, "aria-describedby": props.describedBy ?? null, children: _jsx(ActionContent, { ...props }) }));
+/** An icon-only action with a visible tooltip and accessible name. */
+export const IconButton = (props) => (_jsx("button", { "data-ui": "action", "data-icon-only": "true", "data-variant": props.variant ?? 'tertiary', "data-size": props.size ?? 'default', type: props.type ?? 'button', name: props.name ?? null, value: props.value ?? null, form: props.form ?? null, disabled: props.disabled === true || props.loading === true, "aria-label": props.label, "aria-pressed": props.pressed === undefined ? null : String(props.pressed), "aria-busy": props.loading === true ? 'true' : null, "aria-describedby": props.describedBy ?? null, title: props.label, children: _jsx(ActionContent, { ...props, leading: props.icon, iconOnly: true }) }));
+export const LinkButton = (props) => props.disabled || props.loading ? (_jsx("button", { "data-ui": "action", "data-variant": props.variant ?? 'secondary', "data-size": props.size ?? 'default', type: "button", disabled: true, "aria-busy": props.loading === true ? 'true' : null, "aria-describedby": props.describedBy ?? null, children: _jsx(ActionContent, { ...props }) })) : (_jsx("a", { "data-ui": "action", "data-variant": props.variant ?? 'secondary', "data-size": props.size ?? 'default', href: props.href, "aria-describedby": props.describedBy ?? null, children: _jsx(ActionContent, { ...props }) }));
+export const ActionGroup = (props) => (_jsx("div", { "data-ui": "action-group", role: "group", "aria-label": props.label ?? null, children: each(props.actions, (_, index) => index, (action) => (_jsx(_Fragment, { children: action }))) }));
+//# sourceMappingURL=index.js.map

package/dist/primitives/actions/index.js.map

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