@kerfjs/ui 5.0.0-beta.53 → 5.0.0-beta.55

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 (152) hide show
  1. package/README.md +4 -2
  2. package/ai/application-ui-diagnostic-ids-v1.json +1 -0
  3. package/ai/component-catalog-v2.json +138 -5
  4. package/ai/component-catalog-v2.schema.json +2 -1
  5. package/ai/component-catalog.json +208 -16
  6. package/ai/public-api-signatures-v1.md +462 -39
  7. package/ai/skill.md +28 -20
  8. package/ai/webawesome-jsx-signatures-v1.md +1 -1
  9. package/analyzer/index.mjs +48 -0
  10. package/analyzer/loud-pairs.d.mts +49 -0
  11. package/analyzer/loud-pairs.mjs +357 -0
  12. package/dist/app-tab.d.ts +7 -5
  13. package/dist/app-tab.js +1 -1
  14. package/dist/browser/popup-menu.js +3 -0
  15. package/dist/catalog-resources.d.ts +1 -1
  16. package/dist/catalog.d.ts +10 -4
  17. package/dist/catalog.js +243 -300
  18. package/dist/catalog.js.map +1 -1
  19. package/dist/{chunk-7IUSV4XG.js → chunk-24PHKUR3.js} +2 -2
  20. package/dist/chunk-24PHKUR3.js.map +1 -0
  21. package/dist/{chunk-EKYZCRCX.js → chunk-3CGQ7ZNO.js} +54 -22
  22. package/dist/chunk-3CGQ7ZNO.js.map +1 -0
  23. package/dist/{chunk-UKKSMZYT.js → chunk-46263QLK.js} +51 -1
  24. package/dist/chunk-46263QLK.js.map +1 -0
  25. package/dist/chunk-4BIMLITI.js +92 -0
  26. package/dist/chunk-4BIMLITI.js.map +1 -0
  27. package/dist/{chunk-NDUGJ4TU.js → chunk-5NDQABWK.js} +1 -1
  28. package/dist/{chunk-NDUGJ4TU.js.map → chunk-5NDQABWK.js.map} +1 -1
  29. package/dist/{chunk-ZK5EGVFP.js → chunk-5OLVUEND.js} +12 -2
  30. package/dist/chunk-5OLVUEND.js.map +1 -0
  31. package/dist/{chunk-CMUIXJZM.js → chunk-BSKEH3UC.js} +2 -2
  32. package/dist/{chunk-CMUIXJZM.js.map → chunk-BSKEH3UC.js.map} +1 -1
  33. package/dist/chunk-EAX2GSS4.js +384 -0
  34. package/dist/chunk-EAX2GSS4.js.map +1 -0
  35. package/dist/chunk-KH6VUGHU.js +399 -0
  36. package/dist/chunk-KH6VUGHU.js.map +1 -0
  37. package/dist/{chunk-BJJKFVWW.js → chunk-LZXQVUGN.js} +2 -2
  38. package/dist/chunk-LZXQVUGN.js.map +1 -0
  39. package/dist/chunk-N7FHFNT6.js +55 -0
  40. package/dist/chunk-N7FHFNT6.js.map +1 -0
  41. package/dist/{chunk-CCMKJWLX.js → chunk-NE5JAOQS.js} +7 -7
  42. package/dist/chunk-NE5JAOQS.js.map +1 -0
  43. package/dist/chunk-PSHUSWQH.js +18 -0
  44. package/dist/chunk-PSHUSWQH.js.map +1 -0
  45. package/dist/{chunk-KPNTVB7A.js → chunk-R754MHXX.js} +3 -3
  46. package/dist/{chunk-KPNTVB7A.js.map → chunk-R754MHXX.js.map} +1 -1
  47. package/dist/{chunk-HJKRCKDR.js → chunk-RNRUVPJ3.js} +4 -2
  48. package/dist/chunk-RNRUVPJ3.js.map +1 -0
  49. package/dist/{chunk-VOCPXGQN.js → chunk-VHADGP3B.js} +9 -8
  50. package/dist/chunk-VHADGP3B.js.map +1 -0
  51. package/dist/chunk-XQV2B4IL.js +14 -0
  52. package/dist/chunk-XQV2B4IL.js.map +1 -0
  53. package/dist/collapsible-panel.d.ts +46 -15
  54. package/dist/collapsible-panel.js +42 -10
  55. package/dist/collapsible-panel.js.map +1 -1
  56. package/dist/floating-toolbar.d.ts +5 -2
  57. package/dist/floating-toolbar.js +1 -1
  58. package/dist/index.d.ts +1 -0
  59. package/dist/index.js +20 -18
  60. package/dist/list-header.js +1 -1
  61. package/dist/list-inset-text.d.ts +7 -1
  62. package/dist/list-inset-text.js +2 -1
  63. package/dist/panel-toolbar-BFQxFITu.d.ts +52 -0
  64. package/dist/popup-menu-register.d.ts +9 -0
  65. package/dist/popup-menu-register.js +30 -0
  66. package/dist/popup-menu-register.js.map +1 -0
  67. package/dist/popup-menu.d.ts +71 -0
  68. package/dist/popup-menu.js +3 -0
  69. package/dist/popup-menu.js.map +1 -0
  70. package/dist/resizable-region.d.ts +4 -1
  71. package/dist/resizable-region.js +1 -1
  72. package/dist/split-view.js +1 -1
  73. package/dist/state-banner.js +1 -1
  74. package/dist/styles/catalog/components/catalog-example.css +0 -16
  75. package/dist/styles/catalog/components/catalog-stage.css +8 -13
  76. package/dist/styles/catalog/components/catalog.css +8 -18
  77. package/dist/styles/catalog.css +0 -5
  78. package/dist/styles/collapsible-panel.css +88 -10
  79. package/dist/styles/floating-toolbar.css +11 -6
  80. package/dist/styles/popup-menu.css +12 -0
  81. package/dist/styles/resizable-region.css +81 -13
  82. package/dist/styles/state-banner.css +13 -4
  83. package/dist/styles/styles.css +1 -0
  84. package/dist/styles/tab-bar.css +31 -3
  85. package/dist/styles/toolbar-control-group.css +13 -0
  86. package/dist/styles/toolbar.css +43 -2
  87. package/dist/styles/workbench.css +503 -10
  88. package/dist/text.js +1 -1
  89. package/dist/token-search-field.d.ts +10 -1
  90. package/dist/token-search-field.js +1 -1
  91. package/dist/{types-CEsieBZi.d.ts → types-D6vzj-VT.d.ts} +15 -0
  92. package/dist/wire-catalog.d.ts +13 -1
  93. package/dist/wire-catalog.js +18 -3
  94. package/dist/wire-catalog.js.map +1 -1
  95. package/dist/wire-resizable-regions.d.ts +2 -1
  96. package/dist/wire-resizable-regions.js +2 -1
  97. package/dist/wire-sidebar.js +6 -3
  98. package/dist/wire-sidebar.js.map +1 -1
  99. package/dist/wire-tab-bars.js +1 -1
  100. package/dist/wire-token-search-fields.js +1 -1
  101. package/dist/wire-workbench.d.ts +109 -0
  102. package/dist/wire-workbench.js +6 -0
  103. package/dist/wire-workbench.js.map +1 -0
  104. package/dist/workbench.d.ts +166 -6
  105. package/dist/workbench.js +11 -104
  106. package/dist/workbench.js.map +1 -1
  107. package/docs/accessibility.md +66 -10
  108. package/docs/app-layouts.md +12 -1
  109. package/docs/catalog.md +27 -9
  110. package/docs/collapsible-panel.md +114 -1
  111. package/docs/component-contract.md +2 -2
  112. package/docs/component-selection.md +41 -23
  113. package/docs/design/templates/state-banner/danger-dark.svg +1 -1
  114. package/docs/design/templates/state-banner/danger.svg +1 -1
  115. package/docs/design/templates/state-banner/info-dark.svg +1 -1
  116. package/docs/design/templates/state-banner/info.svg +1 -1
  117. package/docs/design/templates/state-banner/success-dark.svg +1 -1
  118. package/docs/design/templates/state-banner/success.svg +1 -1
  119. package/docs/design/templates/state-banner/warning-dark.svg +1 -1
  120. package/docs/design/templates/state-banner/warning.svg +1 -1
  121. package/docs/design/templates/state-banner-dark.svg +1 -1
  122. package/docs/design/templates/state-banner.svg +1 -1
  123. package/docs/document-baseline.md +4 -0
  124. package/docs/layout.md +10 -1
  125. package/docs/recipes.md +48 -39
  126. package/docs/surface-scaffold.md +1 -1
  127. package/docs/type-contracts.md +2 -1
  128. package/docs/ui-analyzer.md +94 -19
  129. package/docs/ui-doctor.md +6 -0
  130. package/docs/ux-demo.md +7 -3
  131. package/docs/webawesome-theme.md +11 -2
  132. package/docs/workbench.md +388 -8
  133. package/llms.txt +13 -8
  134. package/package.json +17 -2
  135. package/ux-demo/recipes/app-shell.tsx +141 -223
  136. package/ux-demo/recipes/collapsible-sidebar.tsx +48 -78
  137. package/ux-demo/recipes/list-detail-dialog.tsx +150 -54
  138. package/ux-demo/recipes/mount-recipe.ts +0 -5
  139. package/ux-demo/recipes/types.ts +0 -1
  140. package/dist/chunk-7IUSV4XG.js.map +0 -1
  141. package/dist/chunk-BJJKFVWW.js.map +0 -1
  142. package/dist/chunk-CCMKJWLX.js.map +0 -1
  143. package/dist/chunk-EKYZCRCX.js.map +0 -1
  144. package/dist/chunk-HJKRCKDR.js.map +0 -1
  145. package/dist/chunk-UKKSMZYT.js.map +0 -1
  146. package/dist/chunk-VOCPXGQN.js.map +0 -1
  147. package/dist/chunk-ZK5EGVFP.js.map +0 -1
  148. package/dist/styles/catalog/components/catalog-detail.css +0 -35
  149. package/dist/styles/catalog/components/catalog-resource-footer.css +0 -37
  150. package/dist/styles/catalog/components/catalog-secondary-sections.css +0 -38
  151. package/dist/styles/catalog/components/catalog-section-list.css +0 -22
  152. package/dist/styles/catalog/components/catalog-sidebar.css +0 -82
package/dist/styles/catalog/components/catalog-secondary-sections.css DELETED
@@ -1,38 +0,0 @@
1
- .kui-catalog__group--secondary {
2
- margin-block-start: var(--kui-space-m);
3
- padding-block-start: var(--kui-space-s);
4
- border-block-start: 1px solid var(--kui-color-border-quiet);
5
- }
6
-
7
- .kui-catalog__secondary {
8
- display: grid;
9
- padding-block: var(--kui-space-xs);
10
- gap: var(--kui-space-s);
11
- }
12
-
13
- .kui-catalog__secondary-group {
14
- display: grid;
15
- min-width: 0;
16
- gap: var(--kui-space-2xs);
17
- }
18
-
19
- .kui-catalog__secondary-heading {
20
- margin: 0 0.5rem;
21
- padding: 0.1rem 0.55rem;
22
- color: var(--kui-color-text-quiet);
23
- font-size: var(--kui-font-2xs);
24
- font-weight: 650;
25
- letter-spacing: 0.04em;
26
- text-transform: uppercase;
27
- }
28
-
29
- .kui-catalog__secondary-items {
30
- min-width: 0;
31
- }
32
-
33
- @media (max-width: 52rem) {
34
- .kui-catalog__group--secondary {
35
- min-width: 0;
36
- margin-block-start: 0;
37
- }
38
- }
package/dist/styles/catalog/components/catalog-section-list.css DELETED
@@ -1,22 +0,0 @@
1
- .kui-catalog__group {
2
- margin-block-start: var(--kui-space-m);
3
- }
4
-
5
- .kui-catalog__group:first-child {
6
- margin-block-start: var(--kui-space-2xs);
7
- }
8
-
9
- .kui-catalog__items {
10
- min-width: 0;
11
- }
12
-
13
- @media (max-width: 52rem) {
14
- .kui-catalog__group,
15
- .kui-catalog__group:first-child {
16
- min-width: 0;
17
- margin: 0;
18
- }
19
- }
20
- .kui-catalog__sections {
21
- display: contents;
22
- }
package/dist/styles/catalog/components/catalog-sidebar.css DELETED
@@ -1,82 +0,0 @@
1
- .kui-catalog__sidebar {
2
- display: grid;
3
- width: var(--kui-catalog-sidebar-width);
4
- min-width: var(--kui-catalog-sidebar-width);
5
- height: 100%;
6
- padding: 0;
7
- overflow: hidden;
8
- justify-self: start;
9
- box-sizing: border-box;
10
- border: 0 solid var(--kui-pane-separator-color, var(--kui-color-border));
11
- border-inline-end-width: var(--kui-pane-separator-width, 1px);
12
- background: var(--kui-color-surface);
13
- transition:
14
- transform 200ms ease,
15
- visibility 0s linear 0s;
16
- }
17
-
18
- .kui-catalog__brand {
19
- display: flex;
20
- min-width: 0;
21
- flex-direction: column;
22
- }
23
-
24
- .kui-catalog__sidebar[data-collapsed="true"] {
25
- transform: translateX(-100%);
26
- visibility: hidden;
27
- transition:
28
- transform 200ms ease,
29
- visibility 0s linear 200ms;
30
- }
31
-
32
- .kui-catalog__mark {
33
- display: block;
34
- width: 2.125rem;
35
- height: 2.125rem;
36
- flex: 0 0 auto;
37
- }
38
-
39
- .kui-catalog__subtitle {
40
- margin: 0;
41
- padding: var(--kui-layout-item-padding, 0.5rem);
42
- box-sizing: border-box;
43
- border: 1px solid transparent;
44
- color: var(--kui-color-text-quiet);
45
- font-size: var(--kui-font-xs);
46
- }
47
-
48
- .kui-catalog__navigation {
49
- display: flex;
50
- min-width: 0;
51
- flex-direction: column;
52
- gap: var(--kui-layout-content-gap, 1.5rem);
53
- }
54
-
55
- @media (max-width: 52rem) {
56
- .kui-catalog__sidebar[data-collapsed="true"] {
57
- display: none;
58
- }
59
-
60
- .kui-catalog__sidebar {
61
- width: 100%;
62
- min-width: 0;
63
- height: auto;
64
- justify-self: stretch;
65
- border-block-end-width: var(--kui-pane-separator-width, 1px);
66
- border-inline-end-width: 0;
67
- transform: none;
68
- }
69
-
70
- .kui-catalog__navigation {
71
- display: grid;
72
- grid-template-columns: repeat(2, minmax(0, 1fr));
73
- align-items: start;
74
- gap: 0.5rem 1rem;
75
- }
76
- }
77
-
78
- @media (prefers-reduced-motion: reduce) {
79
- .kui-catalog__sidebar {
80
- transition-duration: 0s;
81
- }
82
- }