@kerfjs/ui 5.0.0-beta.4 → 5.0.0-beta.6

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 (95) hide show
  1. package/README.md +8 -8
  2. package/ai/component-catalog.json +303 -167
  3. package/ai/public-api-signatures-v1.md +333 -26
  4. package/ai/skill.md +14 -7
  5. package/ai/webawesome-jsx-signatures-v1.md +1 -1
  6. package/dist/browser/{dialog-header.js → panel-header.js} +3 -2
  7. package/dist/{chunk-GY5WH7TO.js → chunk-24Z2XE6C.js} +3 -3
  8. package/dist/chunk-24Z2XE6C.js.map +1 -0
  9. package/dist/chunk-2RJBFNB6.js +172 -0
  10. package/dist/chunk-2RJBFNB6.js.map +1 -0
  11. package/dist/chunk-KZKSBUKC.js +19 -0
  12. package/dist/chunk-KZKSBUKC.js.map +1 -0
  13. package/dist/chunk-RBTVBGRD.js +23 -0
  14. package/dist/chunk-RBTVBGRD.js.map +1 -0
  15. package/dist/device-class.d.ts +62 -0
  16. package/dist/device-class.js +75 -0
  17. package/dist/device-class.js.map +1 -0
  18. package/dist/index.d.ts +2 -3
  19. package/dist/index.js +8 -9
  20. package/dist/nav-stack.d.ts +38 -0
  21. package/dist/nav-stack.js +4 -0
  22. package/dist/nav-stack.js.map +1 -0
  23. package/dist/panel-header.d.ts +26 -0
  24. package/dist/panel-header.js +6 -0
  25. package/dist/panel-header.js.map +1 -0
  26. package/dist/split-view.d.ts +42 -0
  27. package/dist/split-view.js +20 -0
  28. package/dist/split-view.js.map +1 -0
  29. package/dist/styles/foundation.css +21 -0
  30. package/dist/styles/menu-header.css +19 -2
  31. package/dist/styles/nav-stack.css +112 -0
  32. package/dist/styles/panel-header.css +59 -0
  33. package/dist/styles/split-view.css +35 -0
  34. package/dist/styles/styles.css +1 -2
  35. package/dist/styles/tab-scaffold.css +84 -0
  36. package/dist/styles/toolbar-control-group.css +52 -2
  37. package/dist/styles/toolbar-text.css +11 -0
  38. package/dist/styles/toolbar.css +9 -0
  39. package/dist/styles/workbench.css +94 -0
  40. package/dist/tab-scaffold.d.ts +30 -0
  41. package/dist/tab-scaffold.js +16 -0
  42. package/dist/tab-scaffold.js.map +1 -0
  43. package/dist/toolbar-text.d.ts +4 -2
  44. package/dist/toolbar-text.js +1 -1
  45. package/dist/wire-nav-stack.d.ts +15 -0
  46. package/dist/wire-nav-stack.js +88 -0
  47. package/dist/wire-nav-stack.js.map +1 -0
  48. package/dist/wire-tab-scaffold.d.ts +11 -0
  49. package/dist/wire-tab-scaffold.js +16 -0
  50. package/dist/wire-tab-scaffold.js.map +1 -0
  51. package/dist/wire-token-search-fields.d.ts +46 -4
  52. package/dist/wire-token-search-fields.js +1 -1
  53. package/dist/workbench.d.ts +33 -0
  54. package/dist/workbench.js +17 -0
  55. package/dist/workbench.js.map +1 -0
  56. package/docs/accessibility.md +10 -10
  57. package/docs/app-layouts.md +57 -0
  58. package/docs/component-contract.md +34 -9
  59. package/docs/component-selection.md +56 -7
  60. package/docs/design-philosophy.md +23 -1
  61. package/docs/device-class.md +54 -0
  62. package/docs/layout.md +33 -8
  63. package/docs/nav-stack.md +47 -0
  64. package/docs/recipes.md +17 -5
  65. package/docs/split-view.md +49 -0
  66. package/docs/tab-scaffold.md +41 -0
  67. package/docs/ux-demo.md +3 -3
  68. package/docs/workbench.md +47 -0
  69. package/llms.txt +107 -43
  70. package/package.json +37 -11
  71. package/ux-demo/recipes/app-shell.tsx +3 -3
  72. package/ux-demo/recipes/composer-form.tsx +2 -2
  73. package/ux-demo/recipes/list-workspace-states.tsx +2 -2
  74. package/ux-demo/recipes/loaders.ts +2 -0
  75. package/ux-demo/recipes/master-detail-dialog.tsx +2 -2
  76. package/ux-demo/recipes/mount-recipe.ts +3 -0
  77. package/ux-demo/recipes/navigation-stack.tsx +76 -0
  78. package/ux-demo/recipes/recipes.css +19 -8
  79. package/ux-demo/recipes/workspace-header.tsx +2 -2
  80. package/dist/browser/page-header.js +0 -3
  81. package/dist/chunk-2PES33HS.js +0 -13
  82. package/dist/chunk-2PES33HS.js.map +0 -1
  83. package/dist/chunk-GY5WH7TO.js.map +0 -1
  84. package/dist/chunk-H5AGGVU5.js +0 -75
  85. package/dist/chunk-H5AGGVU5.js.map +0 -1
  86. package/dist/chunk-K3G72I6D.js +0 -24
  87. package/dist/chunk-K3G72I6D.js.map +0 -1
  88. package/dist/dialog-header.d.ts +0 -15
  89. package/dist/dialog-header.js +0 -5
  90. package/dist/dialog-header.js.map +0 -1
  91. package/dist/page-header.d.ts +0 -9
  92. package/dist/page-header.js +0 -3
  93. package/dist/page-header.js.map +0 -1
  94. package/dist/styles/dialog-header.css +0 -87
  95. package/dist/styles/page-header.css +0 -33
package/dist/styles/dialog-header.css DELETED
@@ -1,87 +0,0 @@
1
- .kui-dialog-header {
2
- --kui-dialog-header-border: transparent;
3
- --kui-dialog-header-icon-background: var(--kui-color-brand-fill-quiet);
4
- --kui-dialog-header-icon-foreground: var(--kui-color-brand-on-quiet);
5
- --kui-dialog-header-title-inset: 2px;
6
- display: grid;
7
- min-height: 2.75rem;
8
- margin-inline: var(--kui-layout-inline-margin, 0.5rem);
9
- padding: var(--kui-layout-item-padding, 0.5rem);
10
- box-sizing: border-box;
11
- border: 1px solid var(--kui-dialog-header-border);
12
- border-radius: var(--kui-layout-rounded-radius, calc(1px + 0.6875rem));
13
- gap: 0;
14
- }
15
-
16
- .kui-dialog-header[data-has-icon="true"] {
17
- --kui-dialog-header-title-inset: calc(
18
- 2px + 2.125rem + var(--kui-layout-item-gap, 0.5rem)
19
- );
20
- }
21
-
22
- .kui-dialog-header__toolbar {
23
- min-height: var(--kui-toolbar-group-size, calc(2px + 2.625rem));
24
- padding: 0;
25
- }
26
-
27
- .kui-dialog-header__identity {
28
- max-width: 100%;
29
- border-color: transparent;
30
- background: transparent;
31
- gap: var(--kui-layout-item-gap, 0.5rem);
32
- }
33
-
34
- .kui-dialog-header__icon {
35
- display: grid;
36
- width: 2.125rem;
37
- height: 2.125rem;
38
- border-radius: var(--kui-radius-circle);
39
- color: var(--kui-dialog-header-icon-foreground);
40
- background: var(--kui-dialog-header-icon-background);
41
- flex: none;
42
- place-items: center;
43
- }
44
-
45
- .kui-dialog-header__icon svg {
46
- width: 1.5rem;
47
- height: 1.5rem;
48
- }
49
-
50
- .kui-dialog-header__copy {
51
- min-width: 0;
52
- overflow: hidden;
53
- }
54
-
55
- .kui-dialog-header h2,
56
- .kui-dialog-header__summary {
57
- margin: 0;
58
- }
59
-
60
- .kui-dialog-header h2 {
61
- overflow: hidden;
62
- color: var(--kui-color-text);
63
- font-size: var(--kui-font-l);
64
- line-height: 1.2;
65
- text-overflow: ellipsis;
66
- white-space: nowrap;
67
- }
68
-
69
- .kui-dialog-header__summary {
70
- min-width: 0;
71
- margin-block-start: calc(-1 * var(--kui-layout-item-padding, 0.5rem));
72
- padding-inline: var(--kui-layout-item-padding, 0.5rem);
73
- padding-inline-start: var(--kui-dialog-header-title-inset);
74
- color: var(--kui-color-text-quiet);
75
- }
76
-
77
- .kui-dialog-header__actions {
78
- gap: 0;
79
- }
80
-
81
- .kui-dialog-header__actions:has(> .kui-toolbar-control-group) {
82
- height: var(--kui-toolbar-group-size, calc(2px + 2.625rem));
83
- padding: 0;
84
- border-color: transparent;
85
- background: transparent;
86
- gap: var(--kui-layout-item-gap, 0.5rem);
87
- }
package/dist/styles/page-header.css DELETED
@@ -1,33 +0,0 @@
1
- .kui-page-header {
2
- --kui-page-header-background: transparent;
3
- --kui-page-header-border: transparent;
4
- --kui-page-header-foreground: var(--kui-color-text);
5
- display: flex;
6
- min-height: 2.75rem;
7
- margin-inline: var(--kui-layout-inline-margin, 0.5rem);
8
- padding: var(--kui-layout-item-padding, 0.5rem);
9
- box-sizing: border-box;
10
- border: 1px solid var(--kui-page-header-border);
11
- border-radius: var(--kui-layout-rounded-radius, calc(1px + 0.6875rem));
12
- color: var(--kui-page-header-foreground);
13
- background: var(--kui-page-header-background);
14
- align-items: center;
15
- justify-content: space-between;
16
- gap: var(--kui-layout-item-gap, 0.5rem);
17
- }
18
- .kui-page-header h1 {
19
- margin: 0;
20
- color: inherit;
21
- font-size: clamp(var(--kui-font-l), 2.3vw, var(--kui-font-2xl));
22
- letter-spacing: -0.025em;
23
- }
24
- .kui-page-header__action {
25
- margin-inline-end: calc(
26
- -1 *
27
- (
28
- var(--kui-layout-item-padding, 0.5rem) +
29
- var(--kui-layout-item-border-width, 1px)
30
- )
31
- );
32
- flex: none;
33
- }