@ketvietlab/design-system 0.1.30 → 0.1.31

package/dist/catalogue/inventory.generated.js.map

@@ -1 +1 @@
-{"version":3,"file":"inventory.generated.js","sourceRoot":"","sources":["../../../../../../packages/design-system/src/catalogue/inventory.generated.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAuC/D,MAAM,CAAC,MAAM,qBAAqB,GAA0B,IAAI,CAAC,KAAK,CACpE,k90QAAk90Q,CACn90Q,CAAA"}
+{"version":3,"file":"inventory.generated.js","sourceRoot":"","sources":["../../../../../../packages/design-system/src/catalogue/inventory.generated.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAuC/D,MAAM,CAAC,MAAM,qBAAqB,GAA0B,IAAI,CAAC,KAAK,CACpE,071QAA071Q,CAC371Q,CAAA"}

package/dist/catalogue/inventory.generated.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": "ketjs.design-system-inventory.v1",
-  "version": "0.1.30",
+  "version": "0.1.31",
   "generatedFrom": [
     "packages/design-system/src/index.ts",
     "packages/design-system/src/catalogue/inventory-policy.json",
@@ -10,14 +10,14 @@
     "publicExports": 278,
     "runtimeExports": 138,
     "registeredComponents": 133,
-    "compatibilityExports": 257,
+    "compatibilityExports": 259,
     "compatibilityModules": 43,
     "plannedComponents": 0,
     "publicGaps": 138,
     "runtimeGaps": 5,
     "typeGaps": 133,
     "cssFiles": 79,
-    "cssLines": 16153
+    "cssLines": 15905
   },
   "rows": [
     {
@@ -2938,6 +2938,7 @@
       ],
       "tests": "present",
       "testFiles": [
+        "test/backend-ui.test.ts",
         "test/design-system.test.tsx",
         "test/product-modal-view.test.tsx",
         "test/search-filter-layout.test.tsx",
@@ -6876,6 +6877,7 @@
       "specimenFiles": [],
       "tests": "present",
       "testFiles": [
+        "test/backend-ui.test.ts",
         "test/design-system.test.tsx",
         "test/product-modal-view.test.tsx",
         "test/search-filter-layout.test.tsx",
@@ -7261,6 +7263,24 @@
       "testFiles": [],
       "gapTask": "DS-015"
     },
+    {
+      "scope": "compatibility",
+      "name": "RECORD_DIALOG_PARAM",
+      "imported": "RECORD_DIALOG_PARAM",
+      "kind": "runtime",
+      "source": "./record-modal.tsx",
+      "owner": "Overlays",
+      "maturity": "compatibility",
+      "decision": "promote",
+      "target": "Public core",
+      "wave": 2,
+      "consumers": 6,
+      "specimen": "not-applicable",
+      "specimenFiles": [],
+      "tests": "gap",
+      "testFiles": [],
+      "gapTask": "DS-015"
+    },
     {
       "scope": "compatibility",
       "name": "RECORD_NEW_ID",
@@ -7827,6 +7847,24 @@
       "testFiles": ["test/backend-ui.test.ts"],
       "gapTask": "DS-007"
     },
+    {
+      "scope": "compatibility",
+      "name": "RecordStateTrigger",
+      "imported": "RecordStateTrigger",
+      "kind": "runtime",
+      "source": "./client/record-modal-form.tsx",
+      "owner": "Overlays",
+      "maturity": "compatibility",
+      "decision": "promote",
+      "target": "Public core",
+      "wave": 2,
+      "consumers": 0,
+      "specimen": "not-applicable",
+      "specimenFiles": [],
+      "tests": "gap",
+      "testFiles": [],
+      "gapTask": "DS-015"
+    },
     {
       "scope": "compatibility",
       "name": "RecordSummaryItem",
@@ -9786,6 +9824,7 @@
         "test/sale-invoicing-policy-screens.test.tsx",
         "test/stock-picking-types-screens.test.tsx",
         "test/ui-modal-large-dialog.test.tsx",
+        "test/ui-record-modal.test.tsx",
         "test/website-search-index.test.ts"
       ],
       "gapTask": "DS-010"
@@ -12120,13 +12159,14 @@
     {
       "layer": "public",
       "file": "packages/design-system/src/patterns/list-page/styles.css",
-      "lines": 232,
+      "lines": 239,
       "hooks": [
         "list-page",
         "list-page-actions",
         "list-page-body",
         "list-page-context",
         "list-page-controls",
+        "list-page-description",
         "list-page-eyebrow",
         "list-page-footer",
         "list-page-header",
@@ -12144,7 +12184,7 @@
     {
       "layer": "public",
       "file": "packages/design-system/src/patterns/modal-sheet/styles.css",
-      "lines": 244,
+      "lines": 249,
       "hooks": [
         "action",
         "modal-actions",
@@ -12158,6 +12198,7 @@
         "modal-sheet",
         "modal-title",
         "modal-title-row",
+        "tab-panel",
         "tabbed-view"
       ]
     },
@@ -12324,7 +12365,7 @@
     {
       "layer": "public",
       "file": "packages/design-system/src/primitives/status/styles.css",
-      "lines": 146,
+      "lines": 147,
       "hooks": [
         "avatar",
         "badge",
@@ -12453,7 +12494,6 @@
       "file": "packages/ketsuite/src/modules/backend/design/content.css",
       "lines": 709,
       "hooks": [
-        "action",
         "action-label",
         "action-spinner",
         "app-location-bar",
@@ -12524,10 +12564,8 @@
     {
       "layer": "compatibility",
       "file": "packages/ketsuite/src/modules/backend/design/controls.css",
-      "lines": 347,
+      "lines": 321,
       "hooks": [
-        "action",
-        "action-group",
         "action-icon",
         "action-spinner",
         "code",
@@ -12552,15 +12590,13 @@
         "section",
         "section-body",
         "stack",
-        "surface",
-        "tag",
-        "tag-remove"
+        "surface"
       ]
     },
     {
       "layer": "compatibility",
       "file": "packages/ketsuite/src/modules/backend/design/forms.css",
-      "lines": 1112,
+      "lines": 926,
       "hooks": [
         "action",
         "action-group",
@@ -12614,16 +12650,6 @@
         "media-placeholder",
         "media-primary",
         "media-upload",
-        "modal-backdrop",
-        "modal-body",
-        "modal-close",
-        "modal-description",
-        "modal-head",
-        "modal-heading",
-        "modal-layer",
-        "modal-sheet",
-        "modal-title",
-        "modal-title-row",
         "record-form",
         "record-form-with-image",
         "record-image",
@@ -12637,13 +12663,6 @@
         "relation-dialog-toolbar",
         "relation-menu",
         "relation-options",
-        "section",
-        "section-actions",
-        "section-body",
-        "section-description",
-        "section-eyebrow",
-        "section-head",
-        "section-title",
         "surface"
       ]
     },
@@ -12670,12 +12689,11 @@
     {
       "layer": "compatibility",
       "file": "packages/ketsuite/src/modules/backend/design/lists.css",
-      "lines": 1498,
+      "lines": 1449,
       "hooks": [
         "app-main",
         "app-shell",
         "avatar",
-        "badge",
         "board-page",
         "bulk-action",
         "bulk-actions",

package/dist/layouts/page-identity/index.d.ts

@@ -4,6 +4,7 @@ export type PageIdentityProps = {
     context?: JSXChild;
     eyebrow?: string | null;
     title: string;
+    description?: JSXChild;
     status?: JSXChild;
     actions?: JSXChild;
     /** Retain action content while removing an empty or conditional identity slot from layout. */
@@ -12,10 +13,6 @@ export type PageIdentityProps = {
 };
 /**
  * The single identity band shared by every full-page component and recipe.
- *
- * A page identity has no description: every page header keeps one height, so
- * switching screens never moves the controls and content below it. Explain a
- * section inside the section, or put guidance in the empty state.
  */
 export declare const pageIdentityContent: (kind: PageIdentityKind, props: PageIdentityProps) => TemplateResult;
 export declare const pageIdentity: (kind: PageIdentityKind, props: PageIdentityProps) => TemplateResult;

package/dist/layouts/page-identity/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/layouts/page-identity/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAEtE,MAAM,MAAM,gBAAgB,GACxB,MAAM,GACN,WAAW,GACX,aAAa,GACb,WAAW,GACX,gBAAgB,GAChB,gBAAgB,GAChB,YAAY,CAAA;AAEhB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,QAAQ,CAAA;IACjB,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,8FAA8F;IAC9F,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,SAAU,gBAAgB,SAAS,iBAAiB,KAAG,cAoCtF,CAAA;AAED,eAAO,MAAM,YAAY,SAAU,gBAAgB,SAAS,iBAAiB,KAAG,cAW/E,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/layouts/page-identity/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAEtE,MAAM,MAAM,gBAAgB,GACxB,MAAM,GACN,WAAW,GACX,aAAa,GACb,WAAW,GACX,gBAAgB,GAChB,gBAAgB,GAChB,YAAY,CAAA;AAEhB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,QAAQ,CAAA;IACtB,MAAM,CAAC,EAAE,QAAQ,CAAA;IACjB,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,8FAA8F;IAC9F,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,mBAAmB,SAAU,gBAAgB,SAAS,iBAAiB,KAAG,cAyCtF,CAAA;AAED,eAAO,MAAM,YAAY,SAAU,gBAAgB,SAAS,iBAAiB,KAAG,cAW/E,CAAA"}

package/dist/layouts/page-identity/index.js

@@ -1,11 +1,7 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "@ketvietlab/ketjs-view/jsx-runtime";
 /**
  * The single identity band shared by every full-page component and recipe.
- *
- * A page identity has no description: every page header keeps one height, so
- * switching screens never moves the controls and content below it. Explain a
- * section inside the section, or put guidance in the empty state.
  */
-export const pageIdentityContent = (kind, props) => (_jsxs(_Fragment, { children: [_jsxs("div", { "data-ui": `${kind}-heading`, "data-kv-page-identity": "heading", children: [!!props.eyebrow && (_jsx("p", { "data-ui": `${kind}-eyebrow`, "data-kv-page-identity": "eyebrow", children: props.eyebrow })), _jsxs("div", { "data-ui": `${kind}-title-row`, "data-kv-page-identity": "title-row", children: [_jsx("h1", { "data-ui": `${kind}-title`, "data-kv-page-identity": "title", children: props.title }), props.actions !== undefined && (_jsx("div", { "data-ui": `${kind}-actions`, "data-kv-page-identity": "actions", hidden: props.actionsHidden === true, children: props.actions }))] }), props.status !== undefined && (_jsx("div", { "data-ui": `${kind}-subline`, "data-kv-page-identity": "subline", children: _jsx("span", { "data-ui": `${kind}-status`, "data-kv-page-identity": "status", children: props.status }) }))] }), props.meta !== undefined && (_jsx("div", { "data-ui": `${kind}-meta`, "data-kv-page-identity": "meta", children: props.meta }))] }));
+export const pageIdentityContent = (kind, props) => (_jsxs(_Fragment, { children: [_jsxs("div", { "data-ui": `${kind}-heading`, "data-kv-page-identity": "heading", children: [!!props.eyebrow && (_jsx("p", { "data-ui": `${kind}-eyebrow`, "data-kv-page-identity": "eyebrow", children: props.eyebrow })), _jsxs("div", { "data-ui": `${kind}-title-row`, "data-kv-page-identity": "title-row", children: [_jsx("h1", { "data-ui": `${kind}-title`, "data-kv-page-identity": "title", children: props.title }), props.actions !== undefined && (_jsx("div", { "data-ui": `${kind}-actions`, "data-kv-page-identity": "actions", hidden: props.actionsHidden === true, children: props.actions }))] }), props.description !== undefined && props.description !== null && props.description !== '' && (_jsx("p", { "data-ui": `${kind}-description`, "data-kv-page-identity": "description", children: props.description })), props.status !== undefined && (_jsx("div", { "data-ui": `${kind}-subline`, "data-kv-page-identity": "subline", children: _jsx("span", { "data-ui": `${kind}-status`, "data-kv-page-identity": "status", children: props.status }) }))] }), props.meta !== undefined && (_jsx("div", { "data-ui": `${kind}-meta`, "data-kv-page-identity": "meta", children: props.meta }))] }));
 export const pageIdentity = (kind, props) => (_jsxs(_Fragment, { children: [props.context != null && (_jsx("div", { "data-ui": `${kind}-context`, "data-kv-page-identity": "context", children: props.context })), _jsx("header", { "data-ui": `${kind}-header`, "data-kv-page-identity": "header", children: pageIdentityContent(kind, props) })] }));
 //# sourceMappingURL=index.js.map

package/dist/layouts/page-identity/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/layouts/page-identity/index.tsx"],"names":[],"mappings":";AAsBA;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,IAAsB,EAAE,KAAwB,EAAkB,EAAE,CAAC,CACvG,8BACE,0BAAc,GAAG,IAAI,UAAU,2BAAwB,SAAS,aAC7D,CAAC,CAAC,KAAK,CAAC,OAAO,IAAI,CAClB,uBAAY,GAAG,IAAI,UAAU,2BAAwB,SAAS,YAC3D,KAAK,CAAC,OAAO,GACZ,CACL,EACD,0BAAc,GAAG,IAAI,YAAY,2BAAwB,WAAW,aAClE,wBAAa,GAAG,IAAI,QAAQ,2BAAwB,OAAO,YACxD,KAAK,CAAC,KAAK,GACT,EACJ,KAAK,CAAC,OAAO,KAAK,SAAS,IAAI,CAC9B,yBACW,GAAG,IAAI,UAAU,2BACJ,SAAS,EAC/B,MAAM,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,YAEnC,KAAK,CAAC,OAAO,GACV,CACP,IACG,EACL,KAAK,CAAC,MAAM,KAAK,SAAS,IAAI,CAC7B,yBAAc,GAAG,IAAI,UAAU,2BAAwB,SAAS,YAC9D,0BAAe,GAAG,IAAI,SAAS,2BAAwB,QAAQ,YAC5D,KAAK,CAAC,MAAM,GACR,GACH,CACP,IACG,EACL,KAAK,CAAC,IAAI,KAAK,SAAS,IAAI,CAC3B,yBAAc,GAAG,IAAI,OAAO,2BAAwB,MAAM,YACvD,KAAK,CAAC,IAAI,GACP,CACP,IACA,CACJ,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAsB,EAAE,KAAwB,EAAkB,EAAE,CAAC,CAChG,8BACG,KAAK,CAAC,OAAO,IAAI,IAAI,IAAI,CACxB,yBAAc,GAAG,IAAI,UAAU,2BAAwB,SAAS,YAC7D,KAAK,CAAC,OAAO,GACV,CACP,EACD,4BAAiB,GAAG,IAAI,SAAS,2BAAwB,QAAQ,YAC9D,mBAAmB,CAAC,IAAI,EAAE,KAAK,CAAC,GAC1B,IACR,CACJ,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/layouts/page-identity/index.tsx"],"names":[],"mappings":";AAuBA;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,IAAsB,EAAE,KAAwB,EAAkB,EAAE,CAAC,CACvG,8BACE,0BAAc,GAAG,IAAI,UAAU,2BAAwB,SAAS,aAC7D,CAAC,CAAC,KAAK,CAAC,OAAO,IAAI,CAClB,uBAAY,GAAG,IAAI,UAAU,2BAAwB,SAAS,YAC3D,KAAK,CAAC,OAAO,GACZ,CACL,EACD,0BAAc,GAAG,IAAI,YAAY,2BAAwB,WAAW,aAClE,wBAAa,GAAG,IAAI,QAAQ,2BAAwB,OAAO,YACxD,KAAK,CAAC,KAAK,GACT,EACJ,KAAK,CAAC,OAAO,KAAK,SAAS,IAAI,CAC9B,yBACW,GAAG,IAAI,UAAU,2BACJ,SAAS,EAC/B,MAAM,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,YAEnC,KAAK,CAAC,OAAO,GACV,CACP,IACG,EACL,KAAK,CAAC,WAAW,KAAK,SAAS,IAAI,KAAK,CAAC,WAAW,KAAK,IAAI,IAAI,KAAK,CAAC,WAAW,KAAK,EAAE,IAAI,CAC5F,uBAAY,GAAG,IAAI,cAAc,2BAAwB,aAAa,YACnE,KAAK,CAAC,WAAW,GAChB,CACL,EACA,KAAK,CAAC,MAAM,KAAK,SAAS,IAAI,CAC7B,yBAAc,GAAG,IAAI,UAAU,2BAAwB,SAAS,YAC9D,0BAAe,GAAG,IAAI,SAAS,2BAAwB,QAAQ,YAC5D,KAAK,CAAC,MAAM,GACR,GACH,CACP,IACG,EACL,KAAK,CAAC,IAAI,KAAK,SAAS,IAAI,CAC3B,yBAAc,GAAG,IAAI,OAAO,2BAAwB,MAAM,YACvD,KAAK,CAAC,IAAI,GACP,CACP,IACA,CACJ,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAsB,EAAE,KAAwB,EAAkB,EAAE,CAAC,CAChG,8BACG,KAAK,CAAC,OAAO,IAAI,IAAI,IAAI,CACxB,yBAAc,GAAG,IAAI,UAAU,2BAAwB,SAAS,YAC7D,KAAK,CAAC,OAAO,GACV,CACP,EACD,4BAAiB,GAAG,IAAI,SAAS,2BAAwB,QAAQ,YAC9D,mBAAmB,CAAC,IAAI,EAAE,KAAK,CAAC,GAC1B,IACR,CACJ,CAAA"}

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

@@ -40,9 +40,9 @@ export declare const AppTopbar: (props: {
         locale?: string;
     };
 }) => TemplateResult;
-export type PageHeaderProps = Omit<PageIdentityProps, 'context'>;
+export type PageHeaderProps = Omit<PageIdentityProps, 'context' | 'description'>;
 export declare const PageHeader: (props: PageHeaderProps) => TemplateResult;
-export type PageProps = PageIdentityProps & {
+export type PageProps = Omit<PageIdentityProps, 'description'> & {
     body: JSXChild;
 };
 export declare const Page: (props: PageProps) => TemplateResult;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/layouts/shell/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAEtE,OAAO,EAAqC,KAAK,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAEtG,eAAO,MAAM,KAAK,YAChB,WAAW,EACX,kBAAkB,EAClB,YAAY,EACZ,kBAAkB,EAClB,sBAAsB,EACtB,WAAW,EACX,kBAAkB,EAClB,oBAAoB,EACpB,uBAAuB,EACvB,6BAA6B,EAC7B,wBAAwB,EACxB,sBAAsB,EACtB,eAAe,EACf,qBAAqB,EACrB,sBAAsB,EACtB,aAAa,EACb,UAAU,EACV,gBAAgB,EAChB,MAAM,EACN,cAAc,EACd,aAAa,EACb,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,aAAa,EACb,cAAc,EACd,WAAW,EACX,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,sBAAsB,CACd,CAAA;AAEV,eAAO,MAAM,QAAQ,UAAW;IAC9B,MAAM,CAAC,EAAE,QAAQ,CAAA;IACjB,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,OAAO,EAAE,QAAQ,CAAA;IACjB,IAAI,EAAE,QAAQ,CAAA;IACd,SAAS,CAAC,EAAE,QAAQ,CAAA;IACpB,IAAI,CAAC,EAAE,UAAU,GAAG,UAAU,CAAA;CAC/B,KAAG,cAuBH,CAAA;AAiBD,eAAO,MAAM,QAAQ,UAAW;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;CAC/B,KAAG,cASH,CAAA;AAED,kFAAkF;AAClF,eAAO,MAAM,SAAS,UAAW;IAC/B,KAAK,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACvD,kFAAkF;IAClF,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,UAAU,CAAC,EAAE,QAAQ,CAAA;IACrB,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,KAAK,CAAC,EAAE,QAAQ,CAAA;IAChB,MAAM,EAAE;QACN,EAAE,CAAC,EAAE,MAAM,CAAA;QACX,MAAM,EAAE,MAAM,CAAA;QACd,KAAK,EAAE,MAAM,CAAA;QACb,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,WAAW,EAAE,MAAM,CAAA;QACnB,WAAW,EAAE,MAAM,CAAA;QACnB,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,MAAM,CAAC,EAAE,MAAM,CAAA;KAChB,CAAA;CACF,KAAG,cA6EH,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAA;AAEhE,eAAO,MAAM,UAAU,UAAW,eAAe,KAAG,cAInD,CAAA;AAED,MAAM,MAAM,SAAS,GAAG,iBAAiB,GAAG;IAC1C,IAAI,EAAE,QAAQ,CAAA;CACf,CAAA;AAED,eAAO,MAAM,IAAI,UAAW,SAAS,KAAG,cAQvC,CAAA;AAED,eAAO,MAAM,YAAY,UAAW;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,KAAG,cAIxD,CAAA;AAED,eAAO,MAAM,aAAa,UAAW;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,KAAG,cAKhF,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/layouts/shell/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAEtE,OAAO,EAAqC,KAAK,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAEtG,eAAO,MAAM,KAAK,YAChB,WAAW,EACX,kBAAkB,EAClB,YAAY,EACZ,kBAAkB,EAClB,sBAAsB,EACtB,WAAW,EACX,kBAAkB,EAClB,oBAAoB,EACpB,uBAAuB,EACvB,6BAA6B,EAC7B,wBAAwB,EACxB,sBAAsB,EACtB,eAAe,EACf,qBAAqB,EACrB,sBAAsB,EACtB,aAAa,EACb,UAAU,EACV,gBAAgB,EAChB,MAAM,EACN,cAAc,EACd,aAAa,EACb,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,aAAa,EACb,cAAc,EACd,WAAW,EACX,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,sBAAsB,CACd,CAAA;AAEV,eAAO,MAAM,QAAQ,UAAW;IAC9B,MAAM,CAAC,EAAE,QAAQ,CAAA;IACjB,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,OAAO,EAAE,QAAQ,CAAA;IACjB,IAAI,EAAE,QAAQ,CAAA;IACd,SAAS,CAAC,EAAE,QAAQ,CAAA;IACpB,IAAI,CAAC,EAAE,UAAU,GAAG,UAAU,CAAA;CAC/B,KAAG,cAuBH,CAAA;AAiBD,eAAO,MAAM,QAAQ,UAAW;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;CAC/B,KAAG,cASH,CAAA;AAED,kFAAkF;AAClF,eAAO,MAAM,SAAS,UAAW;IAC/B,KAAK,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACvD,kFAAkF;IAClF,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,UAAU,CAAC,EAAE,QAAQ,CAAA;IACrB,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,KAAK,CAAC,EAAE,QAAQ,CAAA;IAChB,MAAM,EAAE;QACN,EAAE,CAAC,EAAE,MAAM,CAAA;QACX,MAAM,EAAE,MAAM,CAAA;QACd,KAAK,EAAE,MAAM,CAAA;QACb,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,WAAW,EAAE,MAAM,CAAA;QACnB,WAAW,EAAE,MAAM,CAAA;QACnB,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,MAAM,CAAC,EAAE,MAAM,CAAA;KAChB,CAAA;CACF,KAAG,cA6EH,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,iBAAiB,EAAE,SAAS,GAAG,aAAa,CAAC,CAAA;AAEhF,eAAO,MAAM,UAAU,UAAW,eAAe,KAAG,cAInD,CAAA;AAED,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,iBAAiB,EAAE,aAAa,CAAC,GAAG;IAC/D,IAAI,EAAE,QAAQ,CAAA;CACf,CAAA;AAED,eAAO,MAAM,IAAI,UAAW,SAAS,KAAG,cAQvC,CAAA;AAED,eAAO,MAAM,YAAY,UAAW;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,KAAG,cAIxD,CAAA;AAED,eAAO,MAAM,aAAa,UAAW;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,KAAG,cAKhF,CAAA"}

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

@@ -1,5 +1,5 @@
 import type { JSXChild, TemplateResult } from '@ketvietlab/ketjs-view';
-export declare const HOOKS: readonly ['list-page', 'list-page-context', 'list-page-header', 'list-page-heading', 'list-page-title-row', 'list-page-eyebrow', 'list-page-title', 'list-page-actions', 'list-page-tools', 'list-page-toolbar', 'list-page-controls', 'list-page-status', 'list-page-body', 'list-page-footer'];
+export declare const HOOKS: readonly ['list-page', 'list-page-context', 'list-page-header', 'list-page-heading', 'list-page-title-row', 'list-page-eyebrow', 'list-page-title', 'list-page-description', 'list-page-actions', 'list-page-tools', 'list-page-toolbar', 'list-page-controls', 'list-page-status', 'list-page-body', 'list-page-footer'];
 export type ListPageProps = {
     title: string;
     body: JSXChild;
@@ -14,6 +14,8 @@ export type ListPageProps = {
      */
     variant?: 'operational';
     eyebrow?: string | null;
+    /** Short operational guidance shown below the title and above controls. */
+    description?: JSXChild;
     /** Primary actions beside the title of an operational page, above its query controls. */
     headerActions?: JSXChild;
     /** Tool actions follow query controls by default, or join primary actions in the header. */

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/patterns/list-page/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAGtE,eAAO,MAAM,KAAK,YAChB,WAAW,EACX,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,EACnB,qBAAqB,EACrB,mBAAmB,EACnB,iBAAiB,EACjB,mBAAmB,EACnB,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,EACpB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,CACV,CAAA;AAEV,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,QAAQ,CAAA;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,yFAAyF;IACzF,aAAa,CAAC,EAAE,QAAQ,CAAA;IACxB,4FAA4F;IAC5F,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,0FAA0F;IAC1F,gBAAgB,CAAC,EAAE,QAAQ,CAAA;IAC3B,yGAAyG;IACzG,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,MAAM,CAAC,EAAE,QAAQ,CAAA;IACjB,MAAM,CAAC,EAAE,QAAQ,CAAA;CAClB,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ,UAAW,aAAa,KAAG,cAiD/C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/patterns/list-page/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAGtE,eAAO,MAAM,KAAK,YAChB,WAAW,EACX,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,EACnB,qBAAqB,EACrB,mBAAmB,EACnB,iBAAiB,EACjB,uBAAuB,EACvB,mBAAmB,EACnB,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,EACpB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,CACV,CAAA;AAEV,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,QAAQ,CAAA;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,2EAA2E;IAC3E,WAAW,CAAC,EAAE,QAAQ,CAAA;IACtB,yFAAyF;IACzF,aAAa,CAAC,EAAE,QAAQ,CAAA;IACxB,4FAA4F;IAC5F,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,0FAA0F;IAC1F,gBAAgB,CAAC,EAAE,QAAQ,CAAA;IAC3B,yGAAyG;IACzG,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,MAAM,CAAC,EAAE,QAAQ,CAAA;IACjB,MAAM,CAAC,EAAE,QAAQ,CAAA;CAClB,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ,UAAW,aAAa,KAAG,cAkD/C,CAAA"}

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

@@ -8,6 +8,7 @@ export const HOOKS = [
     'list-page-title-row',
     'list-page-eyebrow',
     'list-page-title',
+    'list-page-description',
     'list-page-actions',
     'list-page-tools',
     'list-page-toolbar',
@@ -36,6 +37,7 @@ export const ListPage = (props) => {
                 context: props.context,
                 eyebrow: props.eyebrow,
                 title: props.title,
+                description: props.description,
                 actions: operational ? headerActions : props.actions,
                 actionsHidden: headerTools && props.headerActions == null && props.actionsHidden === true,
             }), (props.controls !== undefined || toolbarStatus !== undefined) && (_jsxs("div", { "data-ui": "list-page-toolbar", children: [toolbarStatus !== undefined && _jsx("div", { "data-ui": "list-page-status", children: toolbarStatus }), props.controls !== undefined && _jsx("div", { "data-ui": "list-page-controls", children: props.controls })] })), operational && !headerTools && props.actions !== undefined && (_jsx("div", { "data-ui": "list-page-actions", hidden: props.actionsHidden === true, children: props.actions })), _jsx("div", { "data-ui": "list-page-body", children: props.body }), footer !== undefined && _jsx("footer", { "data-ui": "list-page-footer", children: footer })] }));

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/patterns/list-page/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAmB,CAAA;AAEhD,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,WAAW;IACX,mBAAmB;IACnB,kBAAkB;IAClB,mBAAmB;IACnB,qBAAqB;IACrB,mBAAmB;IACnB,iBAAiB;IACjB,mBAAmB;IACnB,iBAAiB;IACjB,mBAAmB;IACnB,oBAAoB;IACpB,kBAAkB;IAClB,gBAAgB;IAChB,kBAAkB;CACV,CAAA;AA6BV;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAkB,EAAE;IAC/D,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,KAAK,aAAa,CAAA;IACnD,MAAM,WAAW,GAAG,WAAW,IAAI,KAAK,CAAC,gBAAgB,KAAK,QAAQ,CAAA;IACtE,MAAM,aAAa,GACjB,WAAW,IAAI,KAAK,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,CAC3C,8BACG,KAAK,CAAC,aAAa,EACpB,yBAAa,iBAAiB,EAAC,MAAM,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,YAChE,KAAK,CAAC,OAAO,GACV,IACL,CACJ,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,aAAa,CACpB,CAAA;IACH,6EAA6E;IAC7E,8EAA8E;IAC9E,iEAAiE;IACjE,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAA;IAC5D,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;IAEvE,OAAO,CACL,8BACU,WAAW,kBACL,KAAK,CAAC,OAAO,IAAI,IAAI,kBACtB,MAAM,+BACO,EAAE,aAE3B,YAAY,CAAC,WAAW,EAAE;gBACzB,OAAO,EAAE,KAAK,CAAC,OAAO;gBACtB,OAAO,EAAE,KAAK,CAAC,OAAO;gBACtB,KAAK,EAAE,KAAK,CAAC,KAAK;gBAClB,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO;gBACpD,aAAa,EAAE,WAAW,IAAI,KAAK,CAAC,aAAa,IAAI,IAAI,IAAI,KAAK,CAAC,aAAa,KAAK,IAAI;aAC1F,CAAC,EACD,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS,IAAI,aAAa,KAAK,SAAS,CAAC,IAAI,CAChE,0BAAa,mBAAmB,aAC7B,aAAa,KAAK,SAAS,IAAI,yBAAa,kBAAkB,YAAE,aAAa,GAAO,EACpF,KAAK,CAAC,QAAQ,KAAK,SAAS,IAAI,yBAAa,oBAAoB,YAAE,KAAK,CAAC,QAAQ,GAAO,IACrF,CACP,EACA,WAAW,IAAI,CAAC,WAAW,IAAI,KAAK,CAAC,OAAO,KAAK,SAAS,IAAI,CAC7D,yBAAa,mBAAmB,EAAC,MAAM,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,YAClE,KAAK,CAAC,OAAO,GACV,CACP,EACD,yBAAa,gBAAgB,YAAE,KAAK,CAAC,IAAI,GAAO,EAC/C,MAAM,KAAK,SAAS,IAAI,4BAAgB,kBAAkB,YAAE,MAAM,GAAU,IACrE,CACX,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/patterns/list-page/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAmB,CAAA;AAEhD,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,WAAW;IACX,mBAAmB;IACnB,kBAAkB;IAClB,mBAAmB;IACnB,qBAAqB;IACrB,mBAAmB;IACnB,iBAAiB;IACjB,uBAAuB;IACvB,mBAAmB;IACnB,iBAAiB;IACjB,mBAAmB;IACnB,oBAAoB;IACpB,kBAAkB;IAClB,gBAAgB;IAChB,kBAAkB;CACV,CAAA;AA+BV;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAkB,EAAE;IAC/D,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,KAAK,aAAa,CAAA;IACnD,MAAM,WAAW,GAAG,WAAW,IAAI,KAAK,CAAC,gBAAgB,KAAK,QAAQ,CAAA;IACtE,MAAM,aAAa,GACjB,WAAW,IAAI,KAAK,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,CAC3C,8BACG,KAAK,CAAC,aAAa,EACpB,yBAAa,iBAAiB,EAAC,MAAM,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,YAChE,KAAK,CAAC,OAAO,GACV,IACL,CACJ,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,aAAa,CACpB,CAAA;IACH,6EAA6E;IAC7E,8EAA8E;IAC9E,iEAAiE;IACjE,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAA;IAC5D,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;IAEvE,OAAO,CACL,8BACU,WAAW,kBACL,KAAK,CAAC,OAAO,IAAI,IAAI,kBACtB,MAAM,+BACO,EAAE,aAE3B,YAAY,CAAC,WAAW,EAAE;gBACzB,OAAO,EAAE,KAAK,CAAC,OAAO;gBACtB,OAAO,EAAE,KAAK,CAAC,OAAO;gBACtB,KAAK,EAAE,KAAK,CAAC,KAAK;gBAClB,WAAW,EAAE,KAAK,CAAC,WAAW;gBAC9B,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO;gBACpD,aAAa,EAAE,WAAW,IAAI,KAAK,CAAC,aAAa,IAAI,IAAI,IAAI,KAAK,CAAC,aAAa,KAAK,IAAI;aAC1F,CAAC,EACD,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS,IAAI,aAAa,KAAK,SAAS,CAAC,IAAI,CAChE,0BAAa,mBAAmB,aAC7B,aAAa,KAAK,SAAS,IAAI,yBAAa,kBAAkB,YAAE,aAAa,GAAO,EACpF,KAAK,CAAC,QAAQ,KAAK,SAAS,IAAI,yBAAa,oBAAoB,YAAE,KAAK,CAAC,QAAQ,GAAO,IACrF,CACP,EACA,WAAW,IAAI,CAAC,WAAW,IAAI,KAAK,CAAC,OAAO,KAAK,SAAS,IAAI,CAC7D,yBAAa,mBAAmB,EAAC,MAAM,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,YAClE,KAAK,CAAC,OAAO,GACV,CACP,EACD,yBAAa,gBAAgB,YAAE,KAAK,CAAC,IAAI,GAAO,EAC/C,MAAM,KAAK,SAAS,IAAI,4BAAgB,kBAAkB,YAAE,MAAM,GAAU,IACrE,CACX,CAAA;AACH,CAAC,CAAA"}

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

@@ -49,6 +49,13 @@
     line-height: var(--kv-leading-tight);
   }
 
+  :where([data-kv-design-system]) [data-ui="list-page-description"] {
+    margin: 0;
+    color: var(--kv-text-muted);
+    font-size: var(--kv-text-base);
+    line-height: var(--kv-leading-normal);
+  }
+
   :where([data-kv-design-system]) :is([data-ui="list-page-actions"], [data-ui="list-page-tools"]) {
     display: flex;
     flex: 0 0 auto;

package/dist/patterns/modal-sheet/index.d.ts

@@ -27,10 +27,8 @@ export declare const ModalSheet: (props: {
      * Overrides `fixed`'s height (default: the viewport cap, `100dvh` minus a margin —
      * tall on most screens). A CSS length or `calc()`/`min()` expression, for a dialog
      * whose own content is shorter than the viewport and would otherwise sit in a mostly
-     * empty frame. Set inline with `!important`, not as a plain CSS rule: a legacy
-     * admin stylesheet (`packages/ketsuite/src/modules/backend/design/forms.css`)
-     * still targets these same `data-ui` hooks at equal specificity and would
-     * otherwise win the cascade by loading later. Ignored when `height` isn't `fixed`.
+     * empty frame. Stored in a CSS custom property so responsive fullscreen rules
+     * still take precedence. Ignored when `height` is not `fixed`.
      */
     fixedHeight?: string;
     /**

package/dist/patterns/modal-sheet/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/patterns/modal-sheet/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAEtE,eAAO,MAAM,KAAK,YAChB,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,YAAY,EACZ,eAAe,EACf,iBAAiB,EACjB,aAAa,EACb,mBAAmB,EACnB,aAAa,EACb,YAAY,EACZ,eAAe,CACP,CAAA;AAEV,eAAO,MAAM,UAAU,UAAW;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,QAAQ,CAAA;IACd,4FAA4F;IAC5F,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B;;;;OAIG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAA;IACjB,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,YAAY,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACjC,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC1B;;;;OAIG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC5B;;;;;;;;OAQG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAA;IACxC,4EAA4E;IAC5E,eAAe,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;IACnC,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC9B,KAAG,cA2EH,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/patterns/modal-sheet/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAEtE,eAAO,MAAM,KAAK,YAChB,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,YAAY,EACZ,eAAe,EACf,iBAAiB,EACjB,aAAa,EACb,mBAAmB,EACnB,aAAa,EACb,YAAY,EACZ,eAAe,CACP,CAAA;AAEV,eAAO,MAAM,UAAU,UAAW;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,QAAQ,CAAA;IACd,4FAA4F;IAC5F,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B;;;;OAIG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAA;IACjB,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,YAAY,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACjC,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC1B;;;;OAIG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC5B;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAA;IACxC,4EAA4E;IAC5E,eAAe,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;IACnC,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC9B,KAAG,cA6EH,CAAA"}

package/dist/patterns/modal-sheet/index.js

@@ -15,7 +15,7 @@ export const HOOKS = [
 export const ModalSheet = (props) => {
     const client = props.mode === 'client';
     const embedded = props.mode === 'embedded';
-    return (_jsxs("div", { "data-ui": "modal-layer", "data-mode": props.mode ?? 'overlay', "data-route-modal": embedded || client ? null : 'true', "data-client-modal": client ? 'true' : null, "data-presentation": props.presentation ?? 'sheet', "data-unsaved-prompt": props.unsavedPrompt ?? null, children: [client ? (_jsx("button", { "data-ui": "modal-backdrop", type: "button", "aria-hidden": "true", tabIndex: -1, children: _jsx("span", { children: props.closeLabel }) })) : (_jsx("a", { "data-ui": "modal-backdrop", href: props.closeHref ?? '#', "aria-label": props.closeLabel, children: _jsx("span", { children: props.closeLabel }) })), _jsxs("section", { id: props.id, "data-ui": "modal-sheet", "data-size": props.size ?? 'default', "data-height": props.height === 'fixed' ? 'fixed' : null, style: props.height === 'fixed' && props.fixedHeight ? `height: ${props.fixedHeight} !important` : '', ...(props.dialogSemantics === 'parent'
+    return (_jsxs("div", { "data-ui": "modal-layer", "data-mode": props.mode ?? 'overlay', "data-route-modal": embedded || client ? null : 'true', "data-client-modal": client ? 'true' : null, "data-presentation": props.presentation ?? 'sheet', "data-unsaved-prompt": props.unsavedPrompt ?? null, children: [client ? (_jsx("button", { "data-ui": "modal-backdrop", type: "button", "aria-hidden": "true", tabIndex: -1, children: _jsx("span", { children: props.closeLabel }) })) : (_jsx("a", { "data-ui": "modal-backdrop", href: props.closeHref ?? '#', "aria-label": props.closeLabel, children: _jsx("span", { children: props.closeLabel }) })), _jsxs("section", { id: props.id, "data-ui": "modal-sheet", "data-size": props.size ?? 'default', "data-height": props.height === 'fixed' ? 'fixed' : null, style: props.height === 'fixed' && props.fixedHeight ? `--kv-modal-fixed-height: ${props.fixedHeight}` : '', ...(props.dialogSemantics === 'parent'
                     ? {}
                     : { role: 'dialog', 'aria-modal': embedded ? 'false' : 'true' }), "aria-labelledby": props.dialogSemantics === 'parent' ? null : `${props.id}-title`, "aria-describedby": props.dialogSemantics !== 'parent' && props.description ? `${props.id}-description` : null, tabindex: embedded ? null : '-1', children: [_jsxs("header", { "data-ui": "modal-head", children: [_jsxs("div", { "data-ui": "modal-heading", children: [_jsxs("div", { "data-ui": "modal-title-row", children: [_jsx("h2", { "data-ui": "modal-title", id: `${props.id}-title`, children: props.title }), props.status !== undefined && props.status] }), !!props.description && (_jsx("p", { "data-ui": "modal-description", id: `${props.id}-description`, children: props.description }))] }), client ? (_jsx("button", { "data-ui": "modal-close", type: "button", "aria-label": props.closeLabel, title: props.closeLabel, children: "\u00D7" })) : (_jsx("a", { "data-ui": "modal-close", href: props.closeHref ?? '#', "aria-label": props.closeLabel, title: props.closeLabel, children: "\u00D7" }))] }), _jsx("div", { "data-ui": "modal-body", children: props.body }), props.actions !== undefined && _jsx("footer", { "data-ui": "modal-actions", children: props.actions })] })] }));
 };

package/dist/patterns/modal-sheet/index.js.map

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

package/dist/patterns/modal-sheet/styles.css

@@ -94,7 +94,7 @@
   :where([data-kv-design-system])
     [data-ui="modal-layer"][data-presentation="dialog"]
     [data-ui="modal-sheet"][data-height="fixed"] {
-    height: calc(100dvh - var(--kv-space-12));
+    height: var(--kv-modal-fixed-height, calc(100dvh - var(--kv-space-12)));
   }
 
   :where([data-kv-design-system]) [data-ui="modal-layer"][data-mode="embedded"] [data-ui="modal-sheet"] {
@@ -185,6 +185,11 @@
     overflow: hidden;
   }
 
+  /* Keep the tab-to-content rhythm aligned with modal content stacks. */
+  :where([data-kv-design-system]) [data-ui="modal-body"] [data-ui="tab-panel"] {
+    padding-block: var(--kv-space-4);
+  }
+
   :where([data-kv-design-system]) [data-ui="modal-actions"] {
     display: flex;
     flex-wrap: wrap;

package/dist/primitives/status/styles.css

@@ -29,6 +29,7 @@
   }
   :where([data-kv-design-system]) [data-ui="badge"][data-pattern="badge"] {
     display: inline-flex;
+    flex-shrink: 0;
     min-height: 1.4rem;
     align-items: center;
     gap: 0.3125rem;

package/dist/record/display/styles.css

@@ -81,7 +81,7 @@
   }
 
   @container (max-width: 34rem) {
-    :where([data-kv-design-system]) [data-ui="description-list"] {
+    :where([data-kv-design-system]) [data-ui="description-list"][data-columns] {
       --kv-description-columns: 1;
     }
   }