themelia-ui 3.1.0 → 3.2.0

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 (178) hide show
  1. package/.agents/skills/themelia-ui/SKILL.md +38 -9
  2. package/.agents/skills/themelia-ui/manifest.json +23 -0
  3. package/.agents/skills/themelia-ui/references/api-compatibility.md +3 -2
  4. package/.agents/skills/themelia-ui/references/blocks.md +123 -0
  5. package/.agents/skills/themelia-ui/references/composition-ladder.md +8 -8
  6. package/.agents/skills/themelia-ui/references/composition.md +98 -1
  7. package/.agents/skills/themelia-ui/references/forms.md +23 -3
  8. package/.agents/skills/themelia-ui/references/framework-wiring.md +34 -6
  9. package/.agents/skills/themelia-ui/references/i18n.md +4 -2
  10. package/.agents/skills/themelia-ui/references/imports.md +1 -1
  11. package/.agents/skills/themelia-ui/references/installation.md +5 -4
  12. package/.agents/skills/themelia-ui/references/migration.md +22 -2
  13. package/.agents/skills/themelia-ui/references/provider-and-scoping.md +27 -9
  14. package/.agents/skills/themelia-ui/references/reference-workflows.md +43 -0
  15. package/.agents/skills/themelia-ui/references/structure-and-spacing.md +147 -0
  16. package/.agents/skills/themelia-ui/references/theming.md +6 -2
  17. package/.agents/skills/themelia-ui/references/troubleshooting.md +28 -5
  18. package/.agents/skills/themelia-ui/references/verification.md +58 -2
  19. package/CHANGELOG.md +25 -0
  20. package/README.md +3 -0
  21. package/dist/{alert-dialog-Bmo1YrTm.js → alert-dialog-Cg2HhuBe.js} +1 -1
  22. package/dist/base/alert-dialog.js +1 -1
  23. package/dist/base/cards.js +1 -1
  24. package/dist/base/choice-inputs.js +1 -1
  25. package/dist/base/combobox.js +1 -1
  26. package/dist/base/command.js +1 -1
  27. package/dist/base/date-pickers.js +1 -1
  28. package/dist/base/dialog.js +1 -1
  29. package/dist/base/display.js +1 -1
  30. package/dist/base/forms-numeric.js +1 -1
  31. package/dist/base/forms.js +1 -1
  32. package/dist/base/item.js +1 -1
  33. package/dist/base/navigation.js +1 -1
  34. package/dist/base/otp-input.js +1 -1
  35. package/dist/base/overlay.js +1 -1
  36. package/dist/base/popover-menu.js +1 -1
  37. package/dist/base/repeaters.js +1 -1
  38. package/dist/base/sheet.js +1 -1
  39. package/dist/base/sidebar.js +1 -1
  40. package/dist/base/skeleton.js +1 -1
  41. package/dist/base/structure.js +1 -1
  42. package/dist/base/timeline.js +1 -1
  43. package/dist/base/upload.js +1 -1
  44. package/dist/base/value-inputs.js +1 -1
  45. package/dist/blocks/admin/access.js +2 -2
  46. package/dist/blocks/admin/commerce.js +9 -9
  47. package/dist/blocks/analytics.js +3 -3
  48. package/dist/blocks/onboarding.js +1 -1
  49. package/dist/blocks/timelines.js +1 -1
  50. package/dist/{cards-DdiICdMM.js → cards-Ddhz43Bz.js} +2 -2
  51. package/dist/{choice-inputs-CCw-0gD6.js → choice-inputs-NwRxvmZN.js} +2 -2
  52. package/dist/combobox-519ubijc.js +292 -0
  53. package/dist/{command-CnB_IZSo.js → command-JjApYFds.js} +2 -2
  54. package/dist/{comments-C6Y_ddMt.js → comments-CCQ2QRaU.js} +4 -4
  55. package/dist/components/base/display/icon-badge.d.ts +2 -2
  56. package/dist/components/base/forms/form-field.d.ts +2 -2
  57. package/dist/components/base/structure/bleed.d.ts +1 -0
  58. package/dist/components/base/structure/grid.d.ts +8 -2
  59. package/dist/components/base/structure/split.d.ts +1 -0
  60. package/dist/components/features/combobox/fetching-combobox.d.ts +2 -1
  61. package/dist/components/features/combobox/resource-combobox.d.ts +3 -0
  62. package/dist/components/features/combobox/use-suggestions.d.ts +7 -0
  63. package/dist/css/structure.css +1 -1
  64. package/dist/{date-pickers-C2HgjpFU.js → date-pickers-BwCwKIVM.js} +1 -1
  65. package/dist/{dialog-0nRFg5Zs.js → dialog-CAnwRNrm.js} +1 -1
  66. package/dist/{display-BGN834xV.js → display-a7AoX_u7.js} +1 -1
  67. package/dist/features/actions.js +1 -1
  68. package/dist/features/activities.js +3 -3
  69. package/dist/features/ai-chat.js +2 -2
  70. package/dist/features/combobox.js +285 -273
  71. package/dist/features/comments.js +1 -1
  72. package/dist/features/data-view.js +5 -5
  73. package/dist/features/event-calendar.js +3 -3
  74. package/dist/features/filters.js +1 -1
  75. package/dist/features/global-search.js +4 -4
  76. package/dist/features/map.js +2 -2
  77. package/dist/features/media-library.js +8 -8
  78. package/dist/features/mentions.js +1 -1
  79. package/dist/features/overlays.js +1 -1
  80. package/dist/features/products.js +9 -9
  81. package/dist/features/resource-assignment.js +3 -3
  82. package/dist/features/resource.js +3 -3
  83. package/dist/features/schema-form.js +6 -6
  84. package/dist/features/sync.js +2 -2
  85. package/dist/features/table.js +1 -1
  86. package/dist/features/theme-tweaker.js +10 -10
  87. package/dist/{filters-geLuSlFL.js → filters-BhsTkWpZ.js} +9 -9
  88. package/dist/{forms-NxbJK4Mh.js → forms-C0WeNPFF.js} +1 -1
  89. package/dist/{forms-numeric-C6NMdj6G.js → forms-numeric-IwQ1ltNf.js} +1 -1
  90. package/dist/hooks/use-native-dialog.d.ts +1 -1
  91. package/dist/{item-CuUJyETl.js → item-M2pmpWXh.js} +1 -1
  92. package/dist/layout/app-shell.js +1 -1
  93. package/dist/layout/auth.js +1 -1
  94. package/dist/layout/header.js +3 -3
  95. package/dist/layout/navigation.js +1 -1
  96. package/dist/layout/page.js +2 -2
  97. package/dist/layout/settings.js +2 -2
  98. package/dist/layout/sidebar.js +10 -6
  99. package/dist/layout/workspace.js +3 -3
  100. package/dist/lib/ui-provider/ui-scope.d.ts +1 -1
  101. package/dist/{mentions-oeYNv_j1.js → mentions-BOxbigwp.js} +2 -2
  102. package/dist/{navigation-BTX5Ti0Z.js → navigation-Bgu7Vc0M.js} +2 -2
  103. package/dist/{navigation-WYKjDhZq.js → navigation-DiYACqpE.js} +2 -2
  104. package/dist/{overlay-C8RAgi2_.js → overlay-BuQOl8aP.js} +5 -5
  105. package/dist/{overlays-9BxwFTou.js → overlays-1sULyytH.js} +5 -5
  106. package/dist/{popover-menu-DcLeiw9r.js → popover-menu-QXgQeWeG.js} +1 -1
  107. package/dist/{repeaters-DfptvbGA.js → repeaters-CeH20dvr.js} +4 -4
  108. package/dist/{sheet-D-DVZH_b.js → sheet-CJ1-OAla.js} +1 -1
  109. package/dist/{sidebar-DXQOy_Cb.js → sidebar-D8uGqxio.js} +4 -4
  110. package/dist/{skeleton-CubvHel9.js → skeleton-BTKNKTdj.js} +1 -1
  111. package/dist/{structure-B9Y5NkP_.js → structure-CynEZ-OY.js} +1 -2
  112. package/dist/style.css +1 -1
  113. package/dist/styles/TOKENS.md +4 -3
  114. package/dist/{table-DT_20ity.js → table-B7dtIFUx.js} +4 -4
  115. package/dist/{timeline-BRZbSdhf.js → timeline-BR_jNgvz.js} +1 -1
  116. package/dist/{timelines-DczZKW5p.js → timelines-DXG1BfIN.js} +1 -1
  117. package/dist/{upload-C_6mlbfl.js → upload-CYuoJykZ.js} +1 -1
  118. package/dist/{value-inputs-CnO6RZeT.js → value-inputs-ng8aVJJZ.js} +4 -4
  119. package/docs/README.md +11 -1
  120. package/docs/build/browser-composition-fixture.ts +28 -0
  121. package/docs/build/recipes.md +398 -1
  122. package/docs/generated/component-index.json +1993 -862
  123. package/docs/generated/components/base--display.md +2 -2
  124. package/docs/generated/components/base--forms.md +72 -1
  125. package/docs/generated/components/base--structure.md +56 -5
  126. package/docs/generated/components/base--typography.md +38 -0
  127. package/docs/generated/components/blocks--admin--access.md +10 -0
  128. package/docs/generated/components/blocks--analytics.md +44 -0
  129. package/docs/generated/components/features--combobox.md +67 -0
  130. package/docs/generated/components/features--data-view.md +59 -3
  131. package/docs/generated/components/features--filters.md +10 -0
  132. package/docs/generated/components/features--media-library.md +68 -0
  133. package/docs/generated/components/features--overlays.md +54 -0
  134. package/docs/generated/components/features--rich-text-editor.md +38 -0
  135. package/docs/generated/components/layout--app-shell.md +31 -0
  136. package/docs/generated/components/layout--containers.md +40 -0
  137. package/docs/generated/components/layout--page.md +30 -1
  138. package/docs/generated/components/layout--sidebar.md +41 -0
  139. package/docs/generated/components/ui-provider.md +1 -1
  140. package/docs/generated/composition-ladder.md +8 -8
  141. package/docs/generated/consumer-contract.json +5736 -0
  142. package/docs/generated/imports.md +1 -1
  143. package/docs/generated/recipes.json +171 -1
  144. package/docs/generated/workflows/communications-overview/analytics/communications-reference.tsx +19 -0
  145. package/docs/generated/workflows/index.json +691 -0
  146. package/docs/generated/workflows/media-picking/media-library/media-picking-reference.tsx +63 -0
  147. package/docs/generated/workflows/media-picking/media-library/reference-data.ts +3 -0
  148. package/docs/generated/workflows/multi-section-form/form-workflow/multi-section-reference.tsx +46 -0
  149. package/docs/generated/workflows/nested-action-flow/action-overlays/nested-action-reference.tsx +39 -0
  150. package/docs/generated/workflows/record-detail/page-layout/record-detail-reference.tsx +24 -0
  151. package/docs/generated/workflows/resource-index/data-view/resource-index-reference.tsx +51 -0
  152. package/docs/generated/workflows/scoped-resource-selection/combobox/scoped-resource-reference.tsx +50 -0
  153. package/docs/generated/workflows/website-content-editor/media-library/reference-data.ts +3 -0
  154. package/docs/generated/workflows/website-content-editor/rich-text-editor/website-content-reference.tsx +33 -0
  155. package/docs/generated/workflows/workspace-navigation/app-shell/workspace-navigation-reference.tsx +26 -0
  156. package/docs/learn/api-compatibility.md +3 -2
  157. package/docs/learn/blocks.md +123 -0
  158. package/docs/learn/composition.md +98 -1
  159. package/docs/learn/forms.md +23 -3
  160. package/docs/learn/framework-wiring.md +34 -6
  161. package/docs/learn/i18n.md +4 -2
  162. package/docs/learn/installation.md +5 -4
  163. package/docs/learn/migration.md +22 -2
  164. package/docs/learn/provider-and-scoping.md +27 -9
  165. package/docs/learn/reference-workflows.md +43 -0
  166. package/docs/learn/structure-and-spacing.md +147 -0
  167. package/docs/learn/theming.md +6 -2
  168. package/docs/learn/troubleshooting.md +28 -5
  169. package/docs/learn/verification.md +58 -2
  170. package/package.json +4 -1
  171. package/scripts/consumer/codemod.mjs +3 -24
  172. package/scripts/consumer/contract-reader.mjs +42 -0
  173. package/scripts/consumer/css-scan.mjs +51 -0
  174. package/scripts/consumer/diagnose.mjs +136 -0
  175. package/scripts/consumer/find-component.mjs +28 -13
  176. package/scripts/consumer/install-skill.mjs +93 -11
  177. package/src/styles/TOKENS.md +4 -3
  178. package/dist/combobox-Byu8N-Oe.js +0 -274
@@ -1,274 +0,0 @@
1
- import "#core.css";
2
- import { c as e, s as t } from "./typography-DmeR05Er.js";
3
- import { t as n } from "./cx--CBrhWH0.js";
4
- import { u as r } from "./ui-provider-DpzLUD12.js";
5
- import { CheckIcon as i, ChevronDownIcon as a, SearchIcon as o, XIcon as s } from "lucide-react";
6
- import { jsx as c, jsxs as l } from "react/jsx-runtime";
7
- import { Combobox as u } from "@base-ui/react/combobox";
8
- import "#css/combobox2.css";
9
- //#region src/components/base/combobox/combobox.strings.ts
10
- var d = {
11
- clear: "Clear selection",
12
- toggle: "Show options",
13
- removeChip: (e) => `Remove ${e}`
14
- }, f = {
15
- inputWrap: "combobox__inputWrap___pq05W",
16
- input: "combobox__input___aAwhX",
17
- actions: "combobox__actions___IyZ2d",
18
- action: "combobox__action___0IR8g",
19
- trigger: "combobox__trigger___n7R5B",
20
- triggerIcon: "combobox__triggerIcon___IMtUV",
21
- positioner: "combobox__positioner___v-iEj",
22
- popup: "combobox__popup___KLyqI",
23
- list: "combobox__list___DJHyc",
24
- item: "combobox__item___W4q_8",
25
- itemLabel: "combobox__itemLabel___nw0at",
26
- indicator: "combobox__indicator___UCySr",
27
- group: "combobox__group___pmVFV",
28
- groupLabel: "combobox__groupLabel___Ohsi4",
29
- empty: "combobox__empty___DplDZ",
30
- status: "combobox__status___8Yiku",
31
- separator: "combobox__separator___Sd_Mg",
32
- chips: "combobox__chips___S6OXP",
33
- chip: "combobox__chip___fL92a",
34
- chipRemove: "combobox__chipRemove___cm7qk",
35
- popupSearch: "combobox__popupSearch___HJUiP",
36
- popupSearchInput: "combobox__popupSearchInput___tliZC",
37
- popupSearchIcon: "combobox__popupSearchIcon____iBcZ",
38
- chipsInput: "combobox__chipsInput___0jhr3",
39
- backdrop: "combobox__backdrop___HP8mt",
40
- arrow: "combobox__arrow___OPPY3"
41
- }, p = u.Root;
42
- function m({ container: e, ...t }) {
43
- let n = r(e);
44
- return /* @__PURE__ */ c(u.Portal, {
45
- container: n,
46
- ...t
47
- });
48
- }
49
- var h = u.Collection;
50
- function g({ className: e, ...t }) {
51
- return /* @__PURE__ */ c(u.Input, {
52
- "data-slot": "combobox-input",
53
- "data-field-control": "",
54
- className: n("combobox-input--component", f.input, e),
55
- ...t
56
- });
57
- }
58
- function _({ className: e, showClear: t = !1, invalid: r, strings: i, ...o }) {
59
- let p = {
60
- ...d,
61
- ...i
62
- };
63
- return /* @__PURE__ */ l("div", {
64
- className: f.inputWrap,
65
- "data-has-clear": t || void 0,
66
- children: [/* @__PURE__ */ c(u.Input, {
67
- "data-slot": "combobox-input",
68
- "data-field-control": "",
69
- "aria-invalid": r || void 0,
70
- className: n("combobox-input--component", f.input, e),
71
- ...o
72
- }), /* @__PURE__ */ l("div", {
73
- className: f.actions,
74
- children: [t && /* @__PURE__ */ c(u.Clear, {
75
- "data-slot": "combobox-clear",
76
- "data-hit-area": !0,
77
- "aria-label": p.clear,
78
- className: f.action,
79
- children: /* @__PURE__ */ c(s, { "aria-hidden": !0 })
80
- }), /* @__PURE__ */ c(u.Trigger, {
81
- "data-hit-area": !0,
82
- "aria-label": p.toggle,
83
- className: f.action,
84
- children: /* @__PURE__ */ c(a, { "aria-hidden": !0 })
85
- })]
86
- })]
87
- });
88
- }
89
- function v({ className: e, children: t, ...r }) {
90
- return /* @__PURE__ */ l(u.Trigger, {
91
- "data-slot": "combobox-trigger",
92
- "data-field-control": "",
93
- className: n("combobox-trigger--component", f.trigger, e),
94
- ...r,
95
- children: [t, /* @__PURE__ */ c(u.Icon, {
96
- className: f.triggerIcon,
97
- children: /* @__PURE__ */ c(a, { "aria-hidden": !0 })
98
- })]
99
- });
100
- }
101
- function y({ className: t, ...r }) {
102
- return /* @__PURE__ */ l("div", {
103
- "data-slot": "combobox-popup-input",
104
- className: f.popupSearch,
105
- children: [/* @__PURE__ */ c(o, {
106
- "aria-hidden": !0,
107
- className: f.popupSearchIcon
108
- }), /* @__PURE__ */ c(u.Input, {
109
- "data-slot": "combobox-input",
110
- className: n("combobox-popup-input--component", f.popupSearchInput, e({ size: "sm" }), t),
111
- ...r
112
- })]
113
- });
114
- }
115
- function b({ placeholder: e, ...n }) {
116
- return /* @__PURE__ */ c(u.Value, {
117
- "data-slot": "combobox-value",
118
- placeholder: e ? /* @__PURE__ */ c(t, {
119
- tag: "span",
120
- size: "inherit",
121
- type: "secondary",
122
- className: "combobox-value--component",
123
- children: e
124
- }) : void 0,
125
- ...n
126
- });
127
- }
128
- function x({ className: e, children: t, ...r }) {
129
- return /* @__PURE__ */ c(u.Clear, {
130
- "data-slot": "combobox-clear",
131
- "data-hit-area": !0,
132
- "aria-label": d.clear,
133
- className: n("combobox-clear--component", f.action, e),
134
- ...r,
135
- children: t ?? /* @__PURE__ */ c(s, { "aria-hidden": !0 })
136
- });
137
- }
138
- function S({ className: e, sideOffset: t = 4, ...r }) {
139
- return /* @__PURE__ */ c(u.Positioner, {
140
- "data-slot": "combobox-positioner",
141
- sideOffset: t,
142
- className: n("combobox-positioner--component", f.positioner, e),
143
- ...r
144
- });
145
- }
146
- function C({ className: e, ...t }) {
147
- return /* @__PURE__ */ c(u.Popup, {
148
- "data-slot": "combobox-popup",
149
- className: n("combobox-popup--component", f.popup, e),
150
- ...t
151
- });
152
- }
153
- function w({ className: e, ...t }) {
154
- return /* @__PURE__ */ c(u.List, {
155
- "data-slot": "combobox-list",
156
- className: n("combobox-list--component", f.list, e),
157
- ...t
158
- });
159
- }
160
- function T({ className: t, children: r, ...a }) {
161
- return /* @__PURE__ */ l(u.Item, {
162
- "data-slot": "combobox-item",
163
- className: n("combobox-item--component", f.item, e({ size: "sm" }), t),
164
- ...a,
165
- children: [/* @__PURE__ */ c("span", {
166
- className: f.itemLabel,
167
- children: r
168
- }), /* @__PURE__ */ c(u.ItemIndicator, {
169
- className: f.indicator,
170
- children: /* @__PURE__ */ c(i, { "aria-hidden": !0 })
171
- })]
172
- });
173
- }
174
- function E({ className: e, children: t, ...r }) {
175
- return /* @__PURE__ */ c(u.ItemIndicator, {
176
- "data-slot": "combobox-item-indicator",
177
- className: n("combobox-item-indicator--component", f.indicator, e),
178
- ...r,
179
- children: t ?? /* @__PURE__ */ c(i, { "aria-hidden": !0 })
180
- });
181
- }
182
- function D({ className: t, ...r }) {
183
- return /* @__PURE__ */ c(u.Empty, {
184
- "data-slot": "combobox-empty",
185
- className: n("combobox-empty--component", f.empty, e({ size: "sm" }), t),
186
- ...r
187
- });
188
- }
189
- function O({ className: t, ...r }) {
190
- return /* @__PURE__ */ c(u.Status, {
191
- "data-slot": "combobox-status",
192
- className: n("combobox-status--component", f.status, e({ size: "sm" }), t),
193
- ...r
194
- });
195
- }
196
- function k({ className: e, ...t }) {
197
- return /* @__PURE__ */ c(u.Group, {
198
- "data-slot": "combobox-group",
199
- className: n("combobox-group--component", f.group, e),
200
- ...t
201
- });
202
- }
203
- function A({ className: t, ...r }) {
204
- return /* @__PURE__ */ c(u.GroupLabel, {
205
- "data-slot": "combobox-group-label",
206
- className: n("combobox-group-label--component", f.groupLabel, e({
207
- size: "xs",
208
- weight: "medium"
209
- }), t),
210
- ...r
211
- });
212
- }
213
- function j({ className: e, ...t }) {
214
- return /* @__PURE__ */ c(u.Separator, {
215
- "data-slot": "combobox-separator",
216
- className: n("combobox-separator--component", f.separator, e),
217
- ...t
218
- });
219
- }
220
- function M({ className: e, invalid: t, ...r }) {
221
- return /* @__PURE__ */ c(u.Chips, {
222
- "data-slot": "combobox-chips",
223
- "data-field-shell": "",
224
- "aria-invalid": t || void 0,
225
- className: n("combobox-chips--component", f.chips, e),
226
- ...r
227
- });
228
- }
229
- function N({ className: t, children: r, strings: i, ...a }) {
230
- let o = {
231
- ...d,
232
- ...i
233
- };
234
- return /* @__PURE__ */ l(u.Chip, {
235
- "data-slot": "combobox-chip",
236
- className: n("combobox-chip--component", f.chip, e({
237
- size: "xs",
238
- weight: "medium"
239
- }), t),
240
- ...a,
241
- children: [r, /* @__PURE__ */ c(u.ChipRemove, {
242
- "data-hit-area": !0,
243
- "aria-label": o.removeChip(typeof r == "string" || typeof r == "number" ? String(r) : "item"),
244
- className: f.chipRemove,
245
- children: /* @__PURE__ */ c(s, { "aria-hidden": !0 })
246
- })]
247
- });
248
- }
249
- function P({ className: e, ...t }) {
250
- return /* @__PURE__ */ c(u.Input, {
251
- "data-slot": "combobox-chips-input",
252
- "data-field-control": "",
253
- className: n("combobox-chips-input--component", f.chipsInput, e),
254
- ...t
255
- });
256
- }
257
- function F({ className: e, ...t }) {
258
- return /* @__PURE__ */ c(u.Backdrop, {
259
- "data-slot": "combobox-backdrop",
260
- className: n("combobox-backdrop--component", f.backdrop, e),
261
- ...t
262
- });
263
- }
264
- function I({ className: e, ...t }) {
265
- return /* @__PURE__ */ c(u.Arrow, {
266
- className: n("combobox-arrow--component", f.arrow, e),
267
- ...t
268
- });
269
- }
270
- //#endregion
271
- //#region src/components/base/combobox/combobox-filter.ts
272
- var L = u.useFilter;
273
- //#endregion
274
- export { O as C, d as E, j as S, b as T, C as _, M as a, S as b, h as c, A as d, g as f, w as g, E as h, N as i, D as l, T as m, I as n, P as o, _ as p, F as r, x as s, L as t, k as u, y as v, v as w, p as x, m as y };