@ketvietlab/design-system 0.1.25 → 0.1.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (208) hide show
  1. package/README.md +130 -5
  2. package/dist/atlas/island-runtime.d.mts +2 -0
  3. package/dist/atlas/island-runtime.d.mts.map +1 -0
  4. package/dist/atlas/island-runtime.mjs +2 -0
  5. package/dist/atlas/island-runtime.mjs.map +1 -0
  6. package/dist/atlas/relation-select-hydration.d.ts +2 -0
  7. package/dist/atlas/relation-select-hydration.d.ts.map +1 -0
  8. package/dist/atlas/relation-select-hydration.js +40 -0
  9. package/dist/atlas/relation-select-hydration.js.map +1 -0
  10. package/dist/atlas-cli.d.ts.map +1 -1
  11. package/dist/atlas-cli.js +28 -10
  12. package/dist/atlas-cli.js.map +1 -1
  13. package/dist/catalogue/date-pickers.d.ts +6 -0
  14. package/dist/catalogue/date-pickers.d.ts.map +1 -0
  15. package/dist/catalogue/date-pickers.js +16 -0
  16. package/dist/catalogue/date-pickers.js.map +1 -0
  17. package/dist/catalogue/index.d.ts +7 -2
  18. package/dist/catalogue/index.d.ts.map +1 -1
  19. package/dist/catalogue/index.js +20 -4
  20. package/dist/catalogue/index.js.map +1 -1
  21. package/dist/catalogue/inventory-policy.json +49 -0
  22. package/dist/catalogue/inventory.generated.js +1 -1
  23. package/dist/catalogue/inventory.generated.js.map +1 -1
  24. package/dist/catalogue/inventory.generated.json +2815 -1108
  25. package/dist/catalogue/layering.d.ts +10 -0
  26. package/dist/catalogue/layering.d.ts.map +1 -0
  27. package/dist/catalogue/layering.js +67 -0
  28. package/dist/catalogue/layering.js.map +1 -0
  29. package/dist/catalogue/primitives.css +77 -0
  30. package/dist/catalogue/primitives.d.ts +34 -0
  31. package/dist/catalogue/primitives.d.ts.map +1 -0
  32. package/dist/catalogue/primitives.js +149 -0
  33. package/dist/catalogue/primitives.js.map +1 -0
  34. package/dist/catalogue/registry.d.ts.map +1 -1
  35. package/dist/catalogue/registry.js +18 -0
  36. package/dist/catalogue/registry.js.map +1 -1
  37. package/dist/catalogue/specimens.d.ts.map +1 -1
  38. package/dist/catalogue/specimens.js +142 -22
  39. package/dist/catalogue/specimens.js.map +1 -1
  40. package/dist/catalogue/styles.css +1 -0
  41. package/dist/contract/index.d.ts +2 -0
  42. package/dist/contract/index.d.ts.map +1 -1
  43. package/dist/contract/index.js +11 -0
  44. package/dist/contract/index.js.map +1 -1
  45. package/dist/contract/layout-audit.d.ts +32 -0
  46. package/dist/contract/layout-audit.d.ts.map +1 -0
  47. package/dist/contract/layout-audit.js +204 -0
  48. package/dist/contract/layout-audit.js.map +1 -0
  49. package/dist/forms/date-time/date-math.d.ts +23 -0
  50. package/dist/forms/date-time/date-math.d.ts.map +1 -0
  51. package/dist/forms/date-time/date-math.js +83 -0
  52. package/dist/forms/date-time/date-math.js.map +1 -0
  53. package/dist/forms/date-time/index.d.ts +37 -6
  54. package/dist/forms/date-time/index.d.ts.map +1 -1
  55. package/dist/forms/date-time/index.js +140 -6
  56. package/dist/forms/date-time/index.js.map +1 -1
  57. package/dist/forms/date-time/runtime.d.ts +4 -0
  58. package/dist/forms/date-time/runtime.d.ts.map +1 -0
  59. package/dist/forms/date-time/runtime.js +637 -0
  60. package/dist/forms/date-time/runtime.js.map +1 -0
  61. package/dist/forms/date-time/styles.css +251 -12
  62. package/dist/foundations/tokens.css +48 -28
  63. package/dist/index.d.ts +15 -4
  64. package/dist/index.d.ts.map +1 -1
  65. package/dist/index.js +8 -3
  66. package/dist/index.js.map +1 -1
  67. package/dist/interactions/ket-table/demo.d.ts +4 -0
  68. package/dist/interactions/ket-table/demo.d.ts.map +1 -0
  69. package/dist/interactions/ket-table/demo.js +147 -0
  70. package/dist/interactions/ket-table/demo.js.map +1 -0
  71. package/dist/interactions/ket-table/index.d.ts +199 -0
  72. package/dist/interactions/ket-table/index.d.ts.map +1 -0
  73. package/dist/interactions/ket-table/index.js +376 -0
  74. package/dist/interactions/ket-table/index.js.map +1 -0
  75. package/dist/interactions/ket-table/styles.css +282 -0
  76. package/dist/interactions/lightbox/demo.d.ts +3 -0
  77. package/dist/interactions/lightbox/demo.d.ts.map +1 -0
  78. package/dist/interactions/lightbox/demo.js +21 -0
  79. package/dist/interactions/lightbox/demo.js.map +1 -0
  80. package/dist/interactions/lightbox/index.d.ts +58 -0
  81. package/dist/interactions/lightbox/index.d.ts.map +1 -0
  82. package/dist/interactions/lightbox/index.js +220 -0
  83. package/dist/interactions/lightbox/index.js.map +1 -0
  84. package/dist/interactions/lightbox/styles.css +153 -0
  85. package/dist/interactions/relation-select/demo.d.ts +3 -0
  86. package/dist/interactions/relation-select/demo.d.ts.map +1 -0
  87. package/dist/interactions/relation-select/demo.js +36 -0
  88. package/dist/interactions/relation-select/demo.js.map +1 -0
  89. package/dist/interactions/relation-select/index.d.ts +87 -0
  90. package/dist/interactions/relation-select/index.d.ts.map +1 -0
  91. package/dist/interactions/relation-select/index.js +307 -0
  92. package/dist/interactions/relation-select/index.js.map +1 -0
  93. package/dist/interactions/relation-select/styles.css +299 -0
  94. package/dist/interactions/reorder-list/index.d.ts +23 -0
  95. package/dist/interactions/reorder-list/index.d.ts.map +1 -0
  96. package/dist/interactions/reorder-list/index.js +15 -0
  97. package/dist/interactions/reorder-list/index.js.map +1 -0
  98. package/dist/interactions/reorder-list/runtime.d.ts +5 -0
  99. package/dist/interactions/reorder-list/runtime.d.ts.map +1 -0
  100. package/dist/interactions/reorder-list/runtime.js +85 -0
  101. package/dist/interactions/reorder-list/runtime.js.map +1 -0
  102. package/dist/interactions/reorder-list/styles.css +33 -0
  103. package/dist/interactions/search-filter/demo.d.ts +3 -0
  104. package/dist/interactions/search-filter/demo.d.ts.map +1 -0
  105. package/dist/interactions/search-filter/demo.js +74 -0
  106. package/dist/interactions/search-filter/demo.js.map +1 -0
  107. package/dist/interactions/search-filter/index.d.ts +153 -0
  108. package/dist/interactions/search-filter/index.d.ts.map +1 -0
  109. package/dist/interactions/search-filter/index.js +824 -0
  110. package/dist/interactions/search-filter/index.js.map +1 -0
  111. package/dist/interactions/search-filter/styles.css +568 -0
  112. package/dist/layout-audit-cli.d.ts +7 -0
  113. package/dist/layout-audit-cli.d.ts.map +1 -0
  114. package/dist/layout-audit-cli.js +63 -0
  115. package/dist/layout-audit-cli.js.map +1 -0
  116. package/dist/layouts/app-navigation/index.d.ts +11 -5
  117. package/dist/layouts/app-navigation/index.d.ts.map +1 -1
  118. package/dist/layouts/app-navigation/index.js +5 -3
  119. package/dist/layouts/app-navigation/index.js.map +1 -1
  120. package/dist/layouts/app-navigation/styles.css +47 -0
  121. package/dist/layouts/grouped/styles.css +5 -36
  122. package/dist/layouts/layering/styles.css +159 -0
  123. package/dist/layouts/layout/index.d.ts +6 -0
  124. package/dist/layouts/layout/index.d.ts.map +1 -1
  125. package/dist/layouts/layout/index.js +6 -1
  126. package/dist/layouts/layout/index.js.map +1 -1
  127. package/dist/layouts/layout/styles.css +15 -6
  128. package/dist/layouts/page-identity/index.d.ts +10 -7
  129. package/dist/layouts/page-identity/index.d.ts.map +1 -1
  130. package/dist/layouts/page-identity/index.js +9 -4
  131. package/dist/layouts/page-identity/index.js.map +1 -1
  132. package/dist/layouts/shell/index.d.ts +34 -1
  133. package/dist/layouts/shell/index.d.ts.map +1 -1
  134. package/dist/layouts/shell/index.js +26 -3
  135. package/dist/layouts/shell/index.js.map +1 -1
  136. package/dist/layouts/shell/styles.css +284 -2
  137. package/dist/patterns/board-page/index.d.ts +1 -1
  138. package/dist/patterns/board-page/index.d.ts.map +1 -1
  139. package/dist/patterns/board-page/index.js +0 -1
  140. package/dist/patterns/board-page/index.js.map +1 -1
  141. package/dist/patterns/board-page/styles.css +0 -12
  142. package/dist/patterns/dashboard-page/index.d.ts +1 -1
  143. package/dist/patterns/dashboard-page/index.d.ts.map +1 -1
  144. package/dist/patterns/dashboard-page/index.js +0 -1
  145. package/dist/patterns/dashboard-page/index.js.map +1 -1
  146. package/dist/patterns/dashboard-page/styles.css +0 -13
  147. package/dist/patterns/data-table/styles.css +1 -1
  148. package/dist/patterns/form-page/index.d.ts +1 -1
  149. package/dist/patterns/form-page/index.d.ts.map +1 -1
  150. package/dist/patterns/form-page/index.js +0 -1
  151. package/dist/patterns/form-page/index.js.map +1 -1
  152. package/dist/patterns/form-page/styles.css +0 -12
  153. package/dist/patterns/list-page/index.d.ts +10 -4
  154. package/dist/patterns/list-page/index.d.ts.map +1 -1
  155. package/dist/patterns/list-page/index.js +10 -8
  156. package/dist/patterns/list-page/index.js.map +1 -1
  157. package/dist/patterns/list-page/responsive.css +1 -13
  158. package/dist/patterns/list-page/styles.css +20 -20
  159. package/dist/patterns/modal-sheet/index.d.ts +2 -0
  160. package/dist/patterns/modal-sheet/index.d.ts.map +1 -1
  161. package/dist/patterns/modal-sheet/index.js +3 -1
  162. package/dist/patterns/modal-sheet/index.js.map +1 -1
  163. package/dist/patterns/modal-sheet/styles.css +1 -1
  164. package/dist/patterns/page-shell/styles.css +0 -12
  165. package/dist/patterns/record-form/styles.css +34 -0
  166. package/dist/patterns/record-page/index.d.ts +1 -2
  167. package/dist/patterns/record-page/index.d.ts.map +1 -1
  168. package/dist/patterns/record-page/index.js +2 -3
  169. package/dist/patterns/record-page/index.js.map +1 -1
  170. package/dist/patterns/record-page/styles.css +0 -12
  171. package/dist/patterns/workspace-page/index.d.ts +1 -2
  172. package/dist/patterns/workspace-page/index.d.ts.map +1 -1
  173. package/dist/patterns/workspace-page/index.js +0 -1
  174. package/dist/patterns/workspace-page/index.js.map +1 -1
  175. package/dist/primitives/actions/index.d.ts +4 -0
  176. package/dist/primitives/actions/index.d.ts.map +1 -1
  177. package/dist/primitives/actions/index.js +2 -2
  178. package/dist/primitives/actions/index.js.map +1 -1
  179. package/dist/primitives/actions/styles.css +3 -1
  180. package/dist/primitives/feedback/styles.css +11 -6
  181. package/dist/primitives/field/index.d.ts +5 -0
  182. package/dist/primitives/field/index.d.ts.map +1 -1
  183. package/dist/primitives/field/index.js +1 -1
  184. package/dist/primitives/field/index.js.map +1 -1
  185. package/dist/primitives/field/native-control.d.ts.map +1 -1
  186. package/dist/primitives/field/native-control.js +3 -3
  187. package/dist/primitives/field/native-control.js.map +1 -1
  188. package/dist/primitives/field/styles.css +124 -2
  189. package/dist/primitives/progress/styles.css +3 -0
  190. package/dist/primitives/status/index.d.ts +12 -1
  191. package/dist/primitives/status/index.d.ts.map +1 -1
  192. package/dist/primitives/status/index.js +16 -1
  193. package/dist/primitives/status/index.js.map +1 -1
  194. package/dist/primitives/status/styles.css +34 -2
  195. package/dist/record/display/index.d.ts +6 -0
  196. package/dist/record/display/index.d.ts.map +1 -1
  197. package/dist/record/display/index.js +6 -1
  198. package/dist/record/display/index.js.map +1 -1
  199. package/dist/record/display/styles.css +25 -0
  200. package/dist/record/formatted-values/index.d.ts +2 -1
  201. package/dist/record/formatted-values/index.d.ts.map +1 -1
  202. package/dist/record/formatted-values/index.js +2 -1
  203. package/dist/record/formatted-values/index.js.map +1 -1
  204. package/dist/runtime/index.d.ts.map +1 -1
  205. package/dist/runtime/index.js +132 -2
  206. package/dist/runtime/index.js.map +1 -1
  207. package/dist/styles.css +1 -1
  208. package/package.json +4 -3
@@ -1,6 +1,6 @@
1
1
  import type { TemplateResult } from '@ketvietlab/ketjs-view';
2
2
  import { type RecordPageProps, type RecordPageSlots } from '../record-page.tsx';
3
- export declare const HOOKS: readonly ['form-page', 'form-page-context', 'form-page-header', 'form-page-title-row', 'form-page-heading', 'form-page-title', 'form-page-subline', 'form-page-status', 'form-page-description', 'form-page-actions', 'form-page-meta', 'form-page-controller', 'form-page-navigation', 'form-page-layout', 'form-page-body', 'form-page-aside'];
3
+ export declare const HOOKS: readonly ['form-page', 'form-page-context', 'form-page-header', 'form-page-title-row', 'form-page-heading', 'form-page-title', 'form-page-subline', 'form-page-status', 'form-page-actions', 'form-page-meta', 'form-page-controller', 'form-page-navigation', 'form-page-layout', 'form-page-body', 'form-page-aside'];
4
4
  export type FormPageSlots = RecordPageSlots;
5
5
  export type FormPageProps = RecordPageProps;
6
6
  /** @deprecated Use RecordPage. Retained while application call sites migrate. */
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/patterns/form-page/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAC5D,OAAO,EAAc,KAAK,eAAe,EAAE,KAAK,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAE3F,eAAO,MAAM,KAAK,YAChB,WAAW,EACX,mBAAmB,EACnB,kBAAkB,EAClB,qBAAqB,EACrB,mBAAmB,EACnB,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,EAClB,uBAAuB,EACvB,mBAAmB,EACnB,gBAAgB,EAChB,sBAAsB,EACtB,sBAAsB,EACtB,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,CACT,CAAA;AAEV,MAAM,MAAM,aAAa,GAAG,eAAe,CAAA;AAC3C,MAAM,MAAM,aAAa,GAAG,eAAe,CAAA;AAE3C,iFAAiF;AACjF,eAAO,MAAM,QAAQ,UAAW,aAAa,KAAG,cAAgD,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/patterns/form-page/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAC5D,OAAO,EAAc,KAAK,eAAe,EAAE,KAAK,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAE3F,eAAO,MAAM,KAAK,YAChB,WAAW,EACX,mBAAmB,EACnB,kBAAkB,EAClB,qBAAqB,EACrB,mBAAmB,EACnB,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,EACnB,gBAAgB,EAChB,sBAAsB,EACtB,sBAAsB,EACtB,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,CACT,CAAA;AAEV,MAAM,MAAM,aAAa,GAAG,eAAe,CAAA;AAC3C,MAAM,MAAM,aAAa,GAAG,eAAe,CAAA;AAE3C,iFAAiF;AACjF,eAAO,MAAM,QAAQ,UAAW,aAAa,KAAG,cAAgD,CAAA"}
@@ -8,7 +8,6 @@ export const HOOKS = [
8
8
  'form-page-title',
9
9
  'form-page-subline',
10
10
  'form-page-status',
11
- 'form-page-description',
12
11
  'form-page-actions',
13
12
  'form-page-meta',
14
13
  'form-page-controller',
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/patterns/form-page/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAA8C,MAAM,mBAAoB,CAAA;AAE3F,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,WAAW;IACX,mBAAmB;IACnB,kBAAkB;IAClB,qBAAqB;IACrB,mBAAmB;IACnB,iBAAiB;IACjB,mBAAmB;IACnB,kBAAkB;IAClB,uBAAuB;IACvB,mBAAmB;IACnB,gBAAgB;IAChB,sBAAsB;IACtB,sBAAsB;IACtB,kBAAkB;IAClB,gBAAgB;IAChB,iBAAiB;CACT,CAAA;AAKV,iFAAiF;AACjF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAkB,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,WAAW,CAAC,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/patterns/form-page/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAA8C,MAAM,mBAAoB,CAAA;AAE3F,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,WAAW;IACX,mBAAmB;IACnB,kBAAkB;IAClB,qBAAqB;IACrB,mBAAmB;IACnB,iBAAiB;IACjB,mBAAmB;IACnB,kBAAkB;IAClB,mBAAmB;IACnB,gBAAgB;IAChB,sBAAsB;IACtB,sBAAsB;IACtB,kBAAkB;IAClB,gBAAgB;IAChB,iBAAiB;CACT,CAAA;AAKV,iFAAiF;AACjF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAkB,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,WAAW,CAAC,CAAA"}
@@ -79,14 +79,6 @@
79
79
  gap: var(--kv-space-2);
80
80
  }
81
81
 
82
- :where([data-kv-design-system]) [data-ui="form-page-description"] {
83
- max-width: 48rem;
84
- margin: 0;
85
- color: var(--kv-text-muted);
86
- font-size: var(--kv-text-sm);
87
- line-height: var(--kv-leading-normal);
88
- }
89
-
90
82
  :where([data-kv-design-system]) [data-ui="form-page-actions"] {
91
83
  display: flex;
92
84
  min-width: 0;
@@ -200,10 +192,6 @@
200
192
  gap: var(--kv-space-3);
201
193
  }
202
194
 
203
- :where([data-kv-design-system]) [data-ui="form-page-title"] {
204
- font-size: var(--kv-text-lg);
205
- }
206
-
207
195
  :where([data-kv-design-system]) [data-ui="form-page-actions"] {
208
196
  justify-content: flex-start;
209
197
  }
@@ -1,5 +1,5 @@
1
1
  import type { JSXChild, TemplateResult } from '@ketvietlab/ketjs-view';
2
- 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-toolbar', 'list-page-controls', 'list-page-status', 'list-page-body', 'list-page-footer'];
2
+ 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'];
3
3
  export type ListPageProps = {
4
4
  title: string;
5
5
  body: JSXChild;
@@ -14,8 +14,14 @@ export type ListPageProps = {
14
14
  */
15
15
  variant?: 'operational';
16
16
  eyebrow?: string | null;
17
- description?: string | null;
17
+ /** Primary actions beside the title of an operational page, above its query controls. */
18
+ headerActions?: JSXChild;
19
+ /** Tool actions follow query controls by default, or join primary actions in the header. */
18
20
  actions?: JSXChild;
21
+ /** Place operational tools next to primary header actions without a separate body row. */
22
+ actionsPlacement?: 'header';
23
+ /** Hide only the operational tool slot without unmounting associated forms or hiding primary actions. */
24
+ actionsHidden?: boolean;
19
25
  controls?: JSXChild;
20
26
  status?: JSXChild;
21
27
  footer?: JSXChild;
@@ -24,8 +30,8 @@ export type ListPageProps = {
24
30
  * The baseline for an operational collection screen.
25
31
  *
26
32
  * Applications own the translated copy, URL-driven controls and records. This
27
- * pattern owns their order and rhythm: identity and primary action first, query
28
- * controls second, then the result status and the collection itself.
33
+ * pattern owns their order and rhythm: identity and optional primary actions,
34
+ * query controls, optional separate tools, then the collection itself.
29
35
  */
30
36
  export declare const ListPage: (props: ListPageProps) => TemplateResult;
31
37
  //# sourceMappingURL=index.d.ts.map
@@ -1 +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,uBAAuB,EACvB,mBAAmB,EACnB,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,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,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,cA2B/C,CAAA"}
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"}
@@ -1,4 +1,4 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "@ketvietlab/ketjs-view/jsx-runtime";
1
+ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "@ketvietlab/ketjs-view/jsx-runtime";
2
2
  import { pageIdentity } from '../page-shell.js';
3
3
  export const HOOKS = [
4
4
  'list-page',
@@ -8,8 +8,8 @@ export const HOOKS = [
8
8
  'list-page-title-row',
9
9
  'list-page-eyebrow',
10
10
  'list-page-title',
11
- 'list-page-description',
12
11
  'list-page-actions',
12
+ 'list-page-tools',
13
13
  'list-page-toolbar',
14
14
  'list-page-controls',
15
15
  'list-page-status',
@@ -20,22 +20,24 @@ export const HOOKS = [
20
20
  * The baseline for an operational collection screen.
21
21
  *
22
22
  * Applications own the translated copy, URL-driven controls and records. This
23
- * pattern owns their order and rhythm: identity and primary action first, query
24
- * controls second, then the result status and the collection itself.
23
+ * pattern owns their order and rhythm: identity and optional primary actions,
24
+ * query controls, optional separate tools, then the collection itself.
25
25
  */
26
26
  export const ListPage = (props) => {
27
27
  const operational = props.variant === 'operational';
28
+ const headerTools = operational && props.actionsPlacement === 'header';
29
+ const headerActions = headerTools && props.actions !== undefined ? (_jsxs(_Fragment, { children: [props.headerActions, _jsx("div", { "data-ui": "list-page-tools", hidden: props.actionsHidden === true, children: props.actions })] })) : (props.headerActions);
28
30
  // Result summaries close the collection in an operational workspace. Keeping
29
31
  // the legacy `status` prop as the input lets existing screens migrate without
30
32
  // duplicating their translated count as a separate footer value.
31
33
  const toolbarStatus = operational ? undefined : props.status;
32
34
  const footer = props.footer ?? (operational ? props.status : undefined);
33
- return (_jsxs("section", { "data-ui": "list-page", "data-variant": props.variant ?? null, "data-pattern": "list", children: [pageIdentity('list-page', {
35
+ return (_jsxs("section", { "data-ui": "list-page", "data-variant": props.variant ?? null, "data-pattern": "list", "data-ket-preserve-context": "", children: [pageIdentity('list-page', {
34
36
  context: props.context,
35
37
  eyebrow: props.eyebrow,
36
38
  title: props.title,
37
- description: props.description,
38
- actions: props.actions,
39
- }), (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 })] })), _jsx("div", { "data-ui": "list-page-body", children: props.body }), footer !== undefined && _jsx("footer", { "data-ui": "list-page-footer", children: footer })] }));
39
+ actions: operational ? headerActions : props.actions,
40
+ actionsHidden: headerTools && props.headerActions == null && props.actionsHidden === true,
41
+ }), (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 })] }));
40
42
  };
41
43
  //# sourceMappingURL=index.js.map
@@ -1 +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,uBAAuB;IACvB,mBAAmB;IACnB,mBAAmB;IACnB,oBAAoB;IACpB,kBAAkB;IAClB,gBAAgB;IAChB,kBAAkB;CACV,CAAA;AAuBV;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAkB,EAAE;IAC/D,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,KAAK,aAAa,CAAA;IACnD,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,8BAAiB,WAAW,kBAAe,KAAK,CAAC,OAAO,IAAI,IAAI,kBAAe,MAAM,aAClF,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,KAAK,CAAC,OAAO;aACvB,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,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"}
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"}
@@ -57,22 +57,11 @@
57
57
  [data-ui="list-page"][data-variant="operational"]
58
58
  [data-ui="list-page-title"] {
59
59
  order: 1;
60
- font-size: var(--kv-text-lg);
61
60
  }
62
61
 
63
62
  :where([data-kv-design-system])
64
63
  [data-ui="list-page"][data-variant="operational"]
65
- [data-ui="list-page-description"] {
66
- order: 2;
67
- }
68
-
69
- :where([data-kv-design-system])
70
- [data-ui="list-page"][data-variant="operational"]
71
- [data-ui="list-page-actions"],
72
- :where([data-kv-design-system])
73
- [data-ui="list-page"][data-variant="operational"]
74
- [data-ui="list-page-actions"]
75
- > [data-ui="inline"] {
64
+ [data-ui="list-page-actions"] {
76
65
  width: 100%;
77
66
  }
78
67
 
@@ -87,7 +76,6 @@
87
76
  [data-ui="list-page"][data-variant="operational"]
88
77
  [data-ui="list-page-actions"]
89
78
  [data-ui="action"][data-variant="primary"] {
90
- min-height: 2.75rem;
91
79
  flex: 1 1 auto;
92
80
  }
93
81
 
@@ -1,13 +1,7 @@
1
1
  @layer ket.app {
2
- :where([data-kv-design-system])
3
- :is(
4
- [data-ui="list-page"],
5
- [data-ui="record-page"],
6
- [data-ui="form-page"],
7
- [data-ui="dashboard-page"],
8
- [data-ui="board-page"]
9
- ) {
10
- --kv-page-title-size: 1.5rem;
2
+ /* Hidden action slots retain their forms but contribute no layout space. */
3
+ :where([data-kv-design-system]) :is([data-ui="list-page-actions"], [data-ui="list-page-tools"])[hidden] {
4
+ display: none;
11
5
  }
12
6
 
13
7
  :where([data-kv-design-system]) [data-ui="list-page"] {
@@ -55,15 +49,7 @@
55
49
  line-height: var(--kv-leading-tight);
56
50
  }
57
51
 
58
- :where([data-kv-design-system]) [data-ui="list-page-description"] {
59
- max-width: 48rem;
60
- margin: 0;
61
- color: var(--kv-text-muted);
62
- font-size: var(--kv-text-sm);
63
- line-height: var(--kv-leading-normal);
64
- }
65
-
66
- :where([data-kv-design-system]) [data-ui="list-page-actions"] {
52
+ :where([data-kv-design-system]) :is([data-ui="list-page-actions"], [data-ui="list-page-tools"]) {
67
53
  display: flex;
68
54
  flex: 0 0 auto;
69
55
  flex-wrap: wrap;
@@ -153,8 +139,9 @@
153
139
 
154
140
  :where([data-kv-design-system])
155
141
  [data-ui="list-page"][data-variant="operational"]
156
- [data-ui="list-page-actions"] {
157
- justify-content: flex-end;
142
+ > [data-ui="list-page-actions"] {
143
+ justify-content: flex-start;
144
+ padding: var(--kv-space-2) var(--kv-page-padding-x);
158
145
  }
159
146
 
160
147
  :where([data-kv-design-system])
@@ -230,3 +217,16 @@
230
217
  background: var(--kv-table-row-hover);
231
218
  }
232
219
  }
220
+
221
+ @layer ket.app {
222
+ :where([data-kv-design-system][data-density="compact"])
223
+ [data-ui="list-page"][data-variant="operational"]
224
+ [data-ui="list-page-header"] {
225
+ padding-block: var(--kv-space-2);
226
+ }
227
+ :where([data-kv-design-system][data-density="compact"])
228
+ [data-ui="list-page"][data-variant="operational"]
229
+ [data-ui="list-page-toolbar"] {
230
+ padding-block: var(--kv-space-2);
231
+ }
232
+ }
@@ -40,6 +40,8 @@ export declare const ModalSheet: (props: {
40
40
  * no navigation layer ever treats closing it as a page change.
41
41
  */
42
42
  mode?: 'overlay' | 'embedded' | 'client';
43
+ /** A native dialog ancestor can own the accessible dialog role and name. */
44
+ dialogSemantics?: 'self' | 'parent';
43
45
  unsavedPrompt?: string | null;
44
46
  }) => TemplateResult;
45
47
  //# sourceMappingURL=index.d.ts.map
@@ -1 +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,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC9B,KAAG,cAwEH,CAAA"}
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"}
@@ -15,6 +15,8 @@ export const HOOKS = [
15
15
  export const ModalSheet = (props) => {
16
16
  const client = props.mode === 'client';
17
17
  const embedded = props.mode === 'embedded';
18
- 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-label": props.closeLabel, 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` : '', role: "dialog", "aria-modal": embedded ? 'false' : 'true', "aria-labelledby": `${props.id}-title`, "aria-describedby": 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 })] })] }));
18
+ 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'
19
+ ? {}
20
+ : { 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 })] })] }));
19
21
  };
20
22
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/patterns/modal-sheet/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/patterns/modal-sheet/index.tsx"],"names":[],"mappings":"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"}
@@ -136,7 +136,7 @@
136
136
  overflow: hidden;
137
137
  color: var(--kv-color-ink);
138
138
  font-family: var(--kv-font-display);
139
- font-size: var(--kv-text-lg);
139
+ font-size: var(--kv-text-xl);
140
140
  font-weight: 650;
141
141
  line-height: var(--kv-leading-tight);
142
142
  text-overflow: ellipsis;
@@ -46,14 +46,6 @@
46
46
  line-height: var(--kv-leading-tight);
47
47
  }
48
48
 
49
- :where([data-kv-design-system]) [data-kv-page-identity="description"] {
50
- max-width: 48rem;
51
- margin: 0;
52
- color: var(--kv-text-muted);
53
- font-size: var(--kv-text-sm);
54
- line-height: var(--kv-leading-normal);
55
- }
56
-
57
49
  :where([data-kv-design-system]) [data-kv-page-identity="eyebrow"] {
58
50
  margin: 0;
59
51
  color: var(--kv-accent);
@@ -120,10 +112,6 @@
120
112
  gap: var(--kv-space-3);
121
113
  }
122
114
 
123
- :where([data-kv-design-system]) [data-kv-page-identity="title"] {
124
- font-size: var(--kv-text-lg);
125
- }
126
-
127
115
  :where([data-kv-design-system]) [data-kv-page-identity="actions"] {
128
116
  justify-content: flex-start;
129
117
  }
@@ -7,6 +7,14 @@
7
7
  gap: var(--kv-gap-field-group);
8
8
  }
9
9
 
10
+ /* Action-only forms must contribute their button's intrinsic width in footers.
11
+ Inline-size containment would collapse them to zero and overlap adjacent actions. */
12
+ :where([data-kv-design-system]) [data-ui="record-form"][data-layout="actions"] {
13
+ container-type: normal;
14
+ display: block;
15
+ flex: 0 0 auto;
16
+ }
17
+
10
18
  @media (max-width: 48rem) {
11
19
  :where([data-kv-design-system]) [data-ui="table-scroll"][data-responsive="stack"] {
12
20
  overflow: hidden;
@@ -99,6 +107,19 @@
99
107
  }
100
108
  }
101
109
 
110
+ /* Full-row controls share the label track of either half-row field. At
111
+ narrower desktop widths, 35% of a half-row is smaller than the 9rem cap. */
112
+ @media (min-width: 48rem) {
113
+ :where([data-kv-design-system])
114
+ [data-ui="form-grid"]
115
+ > [data-ui="field"][data-span="full"]:not([data-kind="group"]) {
116
+ grid-template-columns: minmax(0, min(9rem, calc((100% - var(--kv-gap-field-group)) * 0.175))) minmax(
117
+ 0,
118
+ 1fr
119
+ );
120
+ }
121
+ }
122
+
102
123
  @media (max-width: 47.9375rem) {
103
124
  :where([data-kv-design-system]) [data-ui="list-chrome-row"][data-row="query"] {
104
125
  flex-wrap: wrap;
@@ -163,6 +184,19 @@
163
184
  border-top: 1px solid var(--kv-panel-divider);
164
185
  }
165
186
 
187
+ /* Full-row controls share the label track of either half-row field. At
188
+ narrower desktop widths, 35% of a half-row is smaller than the 9rem cap. */
189
+ @media (min-width: 48rem) {
190
+ :where([data-kv-design-system])
191
+ [data-ui="form-grid"]
192
+ > [data-ui="field"][data-span="full"]:not([data-kind="group"]) {
193
+ grid-template-columns: minmax(0, min(9rem, calc((100% - var(--kv-gap-field-group)) * 0.175))) minmax(
194
+ 0,
195
+ 1fr
196
+ );
197
+ }
198
+ }
199
+
166
200
  @media (max-width: 47.9375rem) {
167
201
  :where([data-kv-design-system]) [data-ui="form-grid"] {
168
202
  grid-template-columns: minmax(0, 1fr);
@@ -1,6 +1,6 @@
1
1
  import type { JSXChild, TemplateResult } from '@ketvietlab/ketjs-view';
2
2
  import { type PageIdentityKind } from '../page-shell.tsx';
3
- 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'];
3
+ 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-actions', 'record-page-meta', 'record-page-controller', 'record-page-navigation', 'record-page-layout', 'record-page-body', 'record-page-aside'];
4
4
  export type RecordPageSlots = {
5
5
  header: string;
6
6
  body: string;
@@ -13,7 +13,6 @@ export type RecordPageProps = {
13
13
  variant?: 'operational';
14
14
  width?: 'default' | 'wide';
15
15
  scope?: string | null;
16
- description?: string | null;
17
16
  status?: JSXChild;
18
17
  actions?: JSXChild;
19
18
  meta?: JSXChild;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/patterns/record-page/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACtE,OAAO,EAAuB,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAE9E,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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/patterns/record-page/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACtE,OAAO,EAAuB,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAE9E,eAAO,MAAM,KAAK,YAChB,aAAa,EACb,qBAAqB,EACrB,oBAAoB,EACpB,uBAAuB,EACvB,qBAAqB,EACrB,mBAAmB,EACnB,qBAAqB,EACrB,oBAAoB,EACpB,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,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,cAoCvF,CAAA;AAED,0EAA0E;AAC1E,eAAO,MAAM,UAAU,UAAW,eAAe,KAAG,cAAmC,CAAA"}
@@ -9,7 +9,6 @@ export const HOOKS = [
9
9
  'record-page-title',
10
10
  'record-page-subline',
11
11
  'record-page-status',
12
- 'record-page-description',
13
12
  'record-page-actions',
14
13
  'record-page-meta',
15
14
  'record-page-controller',
@@ -21,8 +20,8 @@ export const HOOKS = [
21
20
  export const recordPage = (props, compatibilityKind) => {
22
21
  const kind = compatibilityKind ?? 'record-page';
23
22
  if (props.slots?.fragmentTitle !== undefined)
24
- 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 })] }));
25
- 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 }))] })] }));
23
+ return (_jsxs("ket-fragments", { "data-title": props.slots.fragmentTitle, children: [_jsx("template", { "data-ket-slot": props.slots.header, children: pageIdentityContent(kind, props) }), _jsx("template", { "data-ket-slot": props.slots.body, children: props.body })] }));
24
+ 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) }), 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 }))] })] }));
26
25
  };
27
26
  /** One durable subject: create, edit, inspect or advance its workflow. */
28
27
  export const RecordPage = (props) => recordPage(props);
@@ -1 +1 @@
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"}
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,qBAAqB;IACrB,kBAAkB;IAClB,wBAAwB;IACxB,wBAAwB;IACxB,oBAAoB;IACpB,kBAAkB;IAClB,mBAAmB;CACX,CAAA;AA2BV,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,YAAG,mBAAmB,CAAC,IAAI,EAAE,KAAK,CAAC,GAAY,EAC1F,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,KAAK,CAAC,GAC1B,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"}
@@ -77,14 +77,6 @@
77
77
  gap: var(--kv-space-2);
78
78
  }
79
79
 
80
- :where([data-kv-design-system]) [data-ui="record-page-description"] {
81
- max-width: 48rem;
82
- margin: 0;
83
- color: var(--kv-text-muted);
84
- font-size: var(--kv-text-sm);
85
- line-height: var(--kv-leading-normal);
86
- }
87
-
88
80
  :where([data-kv-design-system]) [data-ui="record-page-actions"] {
89
81
  display: flex;
90
82
  min-width: 0;
@@ -197,10 +189,6 @@
197
189
  gap: var(--kv-space-3);
198
190
  }
199
191
 
200
- :where([data-kv-design-system]) [data-ui="record-page-title"] {
201
- font-size: var(--kv-text-lg);
202
- }
203
-
204
192
  :where([data-kv-design-system]) [data-ui="record-page-actions"] {
205
193
  justify-content: flex-start;
206
194
  }
@@ -1,6 +1,6 @@
1
1
  import type { JSXChild, TemplateResult } from '@ketvietlab/ketjs-view';
2
2
  import { type PageIdentityKind } from '../page-shell.tsx';
3
- 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'];
3
+ 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-actions', 'workspace-page-meta', 'workspace-page-toolbar', 'workspace-page-controls', 'workspace-page-body'];
4
4
  export type WorkspacePageProps = {
5
5
  title: string;
6
6
  body: JSXChild;
@@ -9,7 +9,6 @@ export type WorkspacePageProps = {
9
9
  /** Vertical work surfaces use flow; boards, timelines and maps use canvas. */
10
10
  layout?: 'flow' | 'canvas';
11
11
  eyebrow?: string | null;
12
- description?: string | null;
13
12
  status?: JSXChild;
14
13
  meta?: JSXChild;
15
14
  actions?: JSXChild;
@@ -1 +1 @@
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"}
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,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,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"}
@@ -10,7 +10,6 @@ export const HOOKS = [
10
10
  'workspace-page-title',
11
11
  'workspace-page-subline',
12
12
  'workspace-page-status',
13
- 'workspace-page-description',
14
13
  'workspace-page-actions',
15
14
  'workspace-page-meta',
16
15
  'workspace-page-toolbar',
@@ -1 +1 @@
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"}
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,wBAAwB;IACxB,qBAAqB;IACrB,wBAAwB;IACxB,yBAAyB;IACzB,qBAAqB;CACb,CAAA;AAkBV,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"}
@@ -16,6 +16,10 @@ export type ButtonProps = ActionBase & {
16
16
  name?: string | null;
17
17
  value?: string | null;
18
18
  form?: string | null;
19
+ /** For a button that shows or hides a region: whether that region is open now. */
20
+ expanded?: boolean;
21
+ /** The id of the region an `expanded` button shows or hides. */
22
+ controls?: string | null;
19
23
  };
20
24
  export type LinkButtonProps = ActionBase & {
21
25
  href: string;
@@ -1 +1 @@
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"}
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;IACpB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACzB,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,cAiB3C,CAAA;AAED,sEAAsE;AACtE,eAAO,MAAM,UAAU,UAAW,eAAe,KAAG,cAqBnD,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"}
@@ -2,9 +2,9 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "@ketvietlab/k
2
2
  import { each } from '@ketvietlab/ketjs-view';
3
3
  export const HOOKS = ['action', 'action-leading', 'action-label', 'action-spinner', 'action-group'];
4
4
  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 })] }));
5
- 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 }) }));
5
+ 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, "aria-expanded": props.expanded === undefined ? null : String(props.expanded), "aria-controls": props.controls ?? null, children: _jsx(ActionContent, { ...props }) }));
6
6
  /** An icon-only action with a visible tooltip and accessible name. */
7
- 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 }) }));
7
+ 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, "aria-expanded": props.expanded === undefined ? null : String(props.expanded), "aria-controls": props.controls ?? null, title: props.label, children: _jsx(ActionContent, { ...props, leading: props.icon, iconOnly: true }) }));
8
8
  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 }) }));
9
9
  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 }))) }));
10
10
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/primitives/actions/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/primitives/actions/index.tsx"],"names":[],"mappings":"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"}