@threadlabs/looma 0.22.13 → 0.22.14

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 (70) hide show
  1. package/components/shared/icons.js +4 -0
  2. package/components/ui-card/ui-card.html +21 -2
  3. package/components/ui-icon/ui-icon.html +4 -0
  4. package/components/ui-input/ui-input.html +1 -0
  5. package/components/ui-input-group/ui-input-group.html +11 -0
  6. package/components/ui-popover/ui-popover.html +15 -0
  7. package/components/ui-scroll-area/ui-scroll-area.html +12 -0
  8. package/components/ui-search-result-row/ui-search-result-row.html +11 -0
  9. package/components/ui-stack/ui-stack.html +6 -3
  10. package/components/ui-text/ui-text.html +12 -0
  11. package/dist/index.js +1 -1
  12. package/editor/chunks/extensions.js +55 -2
  13. package/editor/extensions/index.d.ts +1 -0
  14. package/editor/extensions/index.js +2 -2
  15. package/editor/extensions/preset.d.ts +2 -0
  16. package/editor/extensions/relative-links.d.ts +8 -0
  17. package/editor/icons.d.ts +4 -0
  18. package/editor/index.js +7 -3
  19. package/package.json +1 -1
  20. package/styles/ui-card.css +17 -0
  21. package/styles/ui-input-group.css +9 -0
  22. package/styles/ui-input.css +1 -0
  23. package/styles/ui-popover.css +13 -0
  24. package/styles/ui-scroll-area.css +10 -0
  25. package/styles/ui-search-result-row.css +9 -0
  26. package/styles/ui-stack.css +3 -0
  27. package/styles/ui-text.css +8 -0
  28. package/vanilla/UiCard.d.ts +2 -1
  29. package/vanilla/UiCard.js +1 -1
  30. package/vanilla/UiIcon.js +1 -1
  31. package/vanilla/UiInputGroup.d.ts +1 -0
  32. package/vanilla/UiInputGroup.js +1 -1
  33. package/vanilla/UiPopover.d.ts +1 -0
  34. package/vanilla/UiPopover.js +1 -1
  35. package/vanilla/UiScrollArea.d.ts +1 -0
  36. package/vanilla/UiScrollArea.js +1 -1
  37. package/vanilla/UiSearchResultRow.d.ts +1 -0
  38. package/vanilla/UiSearchResultRow.js +1 -1
  39. package/vanilla/UiStack.d.ts +1 -1
  40. package/vanilla/UiStack.js +1 -1
  41. package/vanilla/UiText.d.ts +2 -0
  42. package/vanilla/UiText.js +1 -1
  43. package/vue/UiCard.d.ts +12 -3
  44. package/vue/UiCard.vue +49 -5
  45. package/vue/UiIcon.vue +23 -0
  46. package/vue/UiInput.vue +1 -0
  47. package/vue/UiInputGroup.d.ts +9 -0
  48. package/vue/UiInputGroup.vue +33 -2
  49. package/vue/UiPopover.d.ts +9 -0
  50. package/vue/UiPopover.vue +43 -2
  51. package/vue/UiScrollArea.d.ts +9 -0
  52. package/vue/UiScrollArea.vue +35 -2
  53. package/vue/UiSearchResultRow.d.ts +9 -0
  54. package/vue/UiSearchResultRow.vue +38 -1
  55. package/vue/UiStack.d.ts +3 -3
  56. package/vue/UiStack.vue +10 -4
  57. package/vue/UiText.d.ts +18 -0
  58. package/vue/UiText.vue +70 -0
  59. package/vue/chunks/UiCard.js +39 -3
  60. package/vue/chunks/UiIcon.js +69 -1
  61. package/vue/chunks/UiInput.js +1 -1
  62. package/vue/chunks/UiInputGroup.js +59 -22
  63. package/vue/chunks/UiPopover.js +37 -5
  64. package/vue/chunks/UiScrollArea.js +66 -23
  65. package/vue/chunks/UiSearchResultRow.js +28 -2
  66. package/vue/chunks/UiStack.js +3 -2
  67. package/vue/chunks/UiText.js +92 -4
  68. package/vue/components.css +174 -301
  69. package/vue/editor/LoomaEditor.d.ts +11 -0
  70. package/vue/editor/index.js +261 -145
@@ -5,6 +5,7 @@ import { computed, createElementBlock, createElementVNode, defineComponent, getC
5
5
  var _hoisted_1 = [
6
6
  "disabled",
7
7
  "aria-current",
8
+ "data-density",
8
9
  "data-disabled",
9
10
  "data-selected",
10
11
  "data-ui-search-result-row-state"
@@ -21,6 +22,10 @@ var UiSearchResultRow_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
21
22
  inheritAttrs: false,
22
23
  __name: "UiSearchResultRow",
23
24
  props: {
25
+ density: {
26
+ type: null,
27
+ default: "comfortable"
28
+ },
24
29
  disabled: {
25
30
  type: null,
26
31
  default: false
@@ -32,6 +37,17 @@ var UiSearchResultRow_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
32
37
  },
33
38
  setup(__props) {
34
39
  const propValidityContract = { props: {
40
+ density: {
41
+ type: {
42
+ kind: "terminal",
43
+ name: "keyword"
44
+ },
45
+ required: false,
46
+ target: { attribute: "density" },
47
+ description: "Compact keeps a title and location together in a 3.125rem row for small destination pickers; comfortable preserves the existing rich result spacing.",
48
+ values: ["comfortable", "compact"],
49
+ default: "comfortable"
50
+ },
35
51
  disabled: {
36
52
  type: {
37
53
  kind: "terminal",
@@ -55,10 +71,15 @@ var UiSearchResultRow_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
55
71
  } };
56
72
  const props = __props;
57
73
  const acceptedProps = {
74
+ density: "comfortable",
58
75
  disabled: false,
59
76
  selected: false
60
77
  };
61
78
  const checkedProps = computed(() => ({
79
+ density: checkedProp(props["density"], {
80
+ kind: "terminal",
81
+ name: "keyword"
82
+ }, false, "density", acceptedProps),
62
83
  disabled: checkedProp(props["disabled"], {
63
84
  kind: "terminal",
64
85
  name: "boolean"
@@ -93,7 +114,11 @@ var UiSearchResultRow_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
93
114
  })
94
115
  });
95
116
  /** The values the styles' :host-state() rules test. */
96
- const hostState = computed(() => [checkedProps.value.selected && "selected"].filter(Boolean).join(" "));
117
+ const hostState = computed(() => [
118
+ checkedProps.value.density && "density",
119
+ checkedProps.value.density != null && `density=${encodeURIComponent(checkedProps.value.density)}`,
120
+ checkedProps.value.selected && "selected"
121
+ ].filter(Boolean).join(" "));
97
122
  return (_ctx, _cache) => {
98
123
  return withDirectives((openBlock(), createElementBlock("button", mergeProps({
99
124
  "data-component": "ui-search-result-row",
@@ -101,6 +126,7 @@ var UiSearchResultRow_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
101
126
  }, nativeAttrs(_ctx.$attrs), {
102
127
  disabled: checkedProps.value.disabled ?? void 0,
103
128
  "aria-current": checkedProps.value.selected ?? void 0,
129
+ "data-density": reflectedProp("density", "density", checkedProps.value.density, void 0, false),
104
130
  "data-disabled": reflectedProp("disabled", "disabled", checkedProps.value.disabled, void 0, false),
105
131
  "data-selected": reflectedProp("selected", "selected", checkedProps.value.selected, void 0, false),
106
132
  "data-ui-search-result-row-state": hostState.value || void 0
@@ -118,6 +144,6 @@ var UiSearchResultRow_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
118
144
  }]]);
119
145
  };
120
146
  }
121
- }), [["__scopeId", "data-v-a9010076"]]);
147
+ }), [["__scopeId", "data-v-b1b33060"]]);
122
148
  //#endregion
123
149
  export { UiSearchResultRow_default as t };
@@ -51,8 +51,9 @@ var UiStack_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
51
51
  },
52
52
  required: false,
53
53
  target: { attribute: "gap" },
54
- description: "Space between items, on the spacing scale: xs is 0.5rem, s 0.75rem, m 1rem (also the default), l 1.5rem, and xl 2rem. The --ui-stack-gap custom property,\n set on the stack itself, overrides it; set on an ancestor, it does nothing.",
54
+ description: "Space between items, on the spacing scale: none is zero, xs is 0.5rem, s 0.75rem, m 1rem (also the default), l 1.5rem, and xl 2rem. The --ui-stack-gap\n custom property, set on the stack itself, overrides it; set on an ancestor, it does nothing.",
55
55
  values: [
56
+ "none",
56
57
  "xs",
57
58
  "s",
58
59
  "m",
@@ -141,6 +142,6 @@ var UiStack_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
141
142
  }]]);
142
143
  };
143
144
  }
144
- }), [["__scopeId", "data-v-c216d2df"]]);
145
+ }), [["__scopeId", "data-v-e67d7412"]]);
145
146
  //#endregion
146
147
  export { UiStack_default as t };
@@ -6,111 +6,133 @@ import { computed, createElementBlock, defineComponent, getCurrentInstance, merg
6
6
  var _hoisted_1 = [
7
7
  "data-align",
8
8
  "data-as",
9
+ "data-font",
9
10
  "data-size",
10
11
  "data-tone",
11
12
  "data-truncate",
12
13
  "data-variant",
13
14
  "data-weight",
15
+ "data-wrap",
14
16
  "data-ui-text-state"
15
17
  ];
16
18
  var _hoisted_2 = [
17
19
  "data-align",
18
20
  "data-as",
21
+ "data-font",
19
22
  "data-size",
20
23
  "data-tone",
21
24
  "data-truncate",
22
25
  "data-variant",
23
26
  "data-weight",
27
+ "data-wrap",
24
28
  "data-ui-text-state"
25
29
  ];
26
30
  var _hoisted_3 = [
27
31
  "data-align",
28
32
  "data-as",
33
+ "data-font",
29
34
  "data-size",
30
35
  "data-tone",
31
36
  "data-truncate",
32
37
  "data-variant",
33
38
  "data-weight",
39
+ "data-wrap",
34
40
  "data-ui-text-state"
35
41
  ];
36
42
  var _hoisted_4 = [
37
43
  "data-align",
38
44
  "data-as",
45
+ "data-font",
39
46
  "data-size",
40
47
  "data-tone",
41
48
  "data-truncate",
42
49
  "data-variant",
43
50
  "data-weight",
51
+ "data-wrap",
44
52
  "data-ui-text-state"
45
53
  ];
46
54
  var _hoisted_5 = [
47
55
  "data-align",
48
56
  "data-as",
57
+ "data-font",
49
58
  "data-size",
50
59
  "data-tone",
51
60
  "data-truncate",
52
61
  "data-variant",
53
62
  "data-weight",
63
+ "data-wrap",
54
64
  "data-ui-text-state"
55
65
  ];
56
66
  var _hoisted_6 = [
57
67
  "data-align",
58
68
  "data-as",
69
+ "data-font",
59
70
  "data-size",
60
71
  "data-tone",
61
72
  "data-truncate",
62
73
  "data-variant",
63
74
  "data-weight",
75
+ "data-wrap",
64
76
  "data-ui-text-state"
65
77
  ];
66
78
  var _hoisted_7 = [
67
79
  "data-align",
68
80
  "data-as",
81
+ "data-font",
69
82
  "data-size",
70
83
  "data-tone",
71
84
  "data-truncate",
72
85
  "data-variant",
73
86
  "data-weight",
87
+ "data-wrap",
74
88
  "data-ui-text-state"
75
89
  ];
76
90
  var _hoisted_8 = [
77
91
  "data-align",
78
92
  "data-as",
93
+ "data-font",
79
94
  "data-size",
80
95
  "data-tone",
81
96
  "data-truncate",
82
97
  "data-variant",
83
98
  "data-weight",
99
+ "data-wrap",
84
100
  "data-ui-text-state"
85
101
  ];
86
102
  var _hoisted_9 = [
87
103
  "data-align",
88
104
  "data-as",
105
+ "data-font",
89
106
  "data-size",
90
107
  "data-tone",
91
108
  "data-truncate",
92
109
  "data-variant",
93
110
  "data-weight",
111
+ "data-wrap",
94
112
  "data-ui-text-state"
95
113
  ];
96
114
  var _hoisted_10 = [
97
115
  "data-align",
98
116
  "data-as",
117
+ "data-font",
99
118
  "data-size",
100
119
  "data-tone",
101
120
  "data-truncate",
102
121
  "data-variant",
103
122
  "data-weight",
123
+ "data-wrap",
104
124
  "data-ui-text-state"
105
125
  ];
106
126
  var _hoisted_11 = [
107
127
  "data-align",
108
128
  "data-as",
129
+ "data-font",
109
130
  "data-size",
110
131
  "data-tone",
111
132
  "data-truncate",
112
133
  "data-variant",
113
134
  "data-weight",
135
+ "data-wrap",
114
136
  "data-ui-text-state"
115
137
  ];
116
138
  //#endregion
@@ -127,6 +149,10 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
127
149
  type: null,
128
150
  default: "p"
129
151
  },
152
+ font: {
153
+ type: null,
154
+ default: "inherit"
155
+ },
130
156
  size: {
131
157
  type: null,
132
158
  default: "inherit"
@@ -146,6 +172,10 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
146
172
  weight: {
147
173
  type: null,
148
174
  default: "inherit"
175
+ },
176
+ wrap: {
177
+ type: null,
178
+ default: "normal"
149
179
  }
150
180
  },
151
181
  setup(__props) {
@@ -184,6 +214,17 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
184
214
  ],
185
215
  default: "p"
186
216
  },
217
+ font: {
218
+ type: {
219
+ kind: "terminal",
220
+ name: "keyword"
221
+ },
222
+ required: false,
223
+ target: { attribute: "font" },
224
+ description: "Use sans for UI text rendered outside its original font context; inherit preserves the surrounding typeface.",
225
+ values: ["inherit", "sans"],
226
+ default: "inherit"
227
+ },
187
228
  size: {
188
229
  type: {
189
230
  kind: "terminal",
@@ -261,17 +302,30 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
261
302
  "semibold"
262
303
  ],
263
304
  default: "inherit"
305
+ },
306
+ wrap: {
307
+ type: {
308
+ kind: "terminal",
309
+ name: "keyword"
310
+ },
311
+ required: false,
312
+ target: { attribute: "wrap" },
313
+ description: "Use anywhere for unbroken values such as long destinations; ordinary prose keeps its normal wrapping.",
314
+ values: ["normal", "anywhere"],
315
+ default: "normal"
264
316
  }
265
317
  } };
266
318
  const props = __props;
267
319
  const acceptedProps = {
268
320
  align: "start",
269
321
  as: "p",
322
+ font: "inherit",
270
323
  size: "inherit",
271
324
  tone: "default",
272
325
  truncate: false,
273
326
  variant: "body",
274
- weight: "inherit"
327
+ weight: "inherit",
328
+ wrap: "normal"
275
329
  };
276
330
  const checkedProps = computed(() => ({
277
331
  align: checkedProp(props["align"], {
@@ -282,6 +336,10 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
282
336
  kind: "terminal",
283
337
  name: "keyword"
284
338
  }, false, "as", acceptedProps),
339
+ font: checkedProp(props["font"], {
340
+ kind: "terminal",
341
+ name: "keyword"
342
+ }, false, "font", acceptedProps),
285
343
  size: checkedProp(props["size"], {
286
344
  kind: "terminal",
287
345
  name: "keyword"
@@ -301,7 +359,11 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
301
359
  weight: checkedProp(props["weight"], {
302
360
  kind: "terminal",
303
361
  name: "keyword"
304
- }, false, "weight", acceptedProps)
362
+ }, false, "weight", acceptedProps),
363
+ wrap: checkedProp(props["wrap"], {
364
+ kind: "terminal",
365
+ name: "keyword"
366
+ }, false, "wrap", acceptedProps)
305
367
  }));
306
368
  checkedProps.value;
307
369
  watchSyncEffect(() => {
@@ -342,7 +404,11 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
342
404
  checkedProps.value.variant != null && `variant=${encodeURIComponent(checkedProps.value.variant)}`,
343
405
  checkedProps.value.truncate && "truncate",
344
406
  checkedProps.value.align && "align",
345
- checkedProps.value.align != null && `align=${encodeURIComponent(checkedProps.value.align)}`
407
+ checkedProps.value.align != null && `align=${encodeURIComponent(checkedProps.value.align)}`,
408
+ checkedProps.value.font && "font",
409
+ checkedProps.value.font != null && `font=${encodeURIComponent(checkedProps.value.font)}`,
410
+ checkedProps.value.wrap && "wrap",
411
+ checkedProps.value.wrap != null && `wrap=${encodeURIComponent(checkedProps.value.wrap)}`
346
412
  ].filter(Boolean).join(" "));
347
413
  return (_ctx, _cache) => {
348
414
  return checkedProps.value.as === "span" ? withDirectives((openBlock(), createElementBlock("span", mergeProps({
@@ -351,11 +417,13 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
351
417
  }, nativeAttrs(_ctx.$attrs), {
352
418
  "data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
353
419
  "data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
420
+ "data-font": reflectedProp("font", "font", checkedProps.value.font, void 0, false),
354
421
  "data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
355
422
  "data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
356
423
  "data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
357
424
  "data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
358
425
  "data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
426
+ "data-wrap": reflectedProp("wrap", "wrap", checkedProps.value.wrap, void 0, false),
359
427
  "data-ui-text-state": hostState.value || void 0,
360
428
  ref: "@html-next/root"
361
429
  }), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1)), [[unref(vPropValidity), {
@@ -367,11 +435,13 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
367
435
  }, nativeAttrs(_ctx.$attrs), {
368
436
  "data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
369
437
  "data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
438
+ "data-font": reflectedProp("font", "font", checkedProps.value.font, void 0, false),
370
439
  "data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
371
440
  "data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
372
441
  "data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
373
442
  "data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
374
443
  "data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
444
+ "data-wrap": reflectedProp("wrap", "wrap", checkedProps.value.wrap, void 0, false),
375
445
  "data-ui-text-state": hostState.value || void 0,
376
446
  ref: "@html-next/root"
377
447
  }), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_2)), [[unref(vPropValidity), {
@@ -383,11 +453,13 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
383
453
  }, nativeAttrs(_ctx.$attrs), {
384
454
  "data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
385
455
  "data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
456
+ "data-font": reflectedProp("font", "font", checkedProps.value.font, void 0, false),
386
457
  "data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
387
458
  "data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
388
459
  "data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
389
460
  "data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
390
461
  "data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
462
+ "data-wrap": reflectedProp("wrap", "wrap", checkedProps.value.wrap, void 0, false),
391
463
  "data-ui-text-state": hostState.value || void 0,
392
464
  ref: "@html-next/root"
393
465
  }), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_3)), [[unref(vPropValidity), {
@@ -399,11 +471,13 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
399
471
  }, nativeAttrs(_ctx.$attrs), {
400
472
  "data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
401
473
  "data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
474
+ "data-font": reflectedProp("font", "font", checkedProps.value.font, void 0, false),
402
475
  "data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
403
476
  "data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
404
477
  "data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
405
478
  "data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
406
479
  "data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
480
+ "data-wrap": reflectedProp("wrap", "wrap", checkedProps.value.wrap, void 0, false),
407
481
  "data-ui-text-state": hostState.value || void 0,
408
482
  ref: "@html-next/root"
409
483
  }), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_4)), [[unref(vPropValidity), {
@@ -415,11 +489,13 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
415
489
  }, nativeAttrs(_ctx.$attrs), {
416
490
  "data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
417
491
  "data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
492
+ "data-font": reflectedProp("font", "font", checkedProps.value.font, void 0, false),
418
493
  "data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
419
494
  "data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
420
495
  "data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
421
496
  "data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
422
497
  "data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
498
+ "data-wrap": reflectedProp("wrap", "wrap", checkedProps.value.wrap, void 0, false),
423
499
  "data-ui-text-state": hostState.value || void 0,
424
500
  ref: "@html-next/root"
425
501
  }), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_5)), [[unref(vPropValidity), {
@@ -431,11 +507,13 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
431
507
  }, nativeAttrs(_ctx.$attrs), {
432
508
  "data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
433
509
  "data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
510
+ "data-font": reflectedProp("font", "font", checkedProps.value.font, void 0, false),
434
511
  "data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
435
512
  "data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
436
513
  "data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
437
514
  "data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
438
515
  "data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
516
+ "data-wrap": reflectedProp("wrap", "wrap", checkedProps.value.wrap, void 0, false),
439
517
  "data-ui-text-state": hostState.value || void 0,
440
518
  ref: "@html-next/root"
441
519
  }), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_6)), [[unref(vPropValidity), {
@@ -447,11 +525,13 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
447
525
  }, nativeAttrs(_ctx.$attrs), {
448
526
  "data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
449
527
  "data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
528
+ "data-font": reflectedProp("font", "font", checkedProps.value.font, void 0, false),
450
529
  "data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
451
530
  "data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
452
531
  "data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
453
532
  "data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
454
533
  "data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
534
+ "data-wrap": reflectedProp("wrap", "wrap", checkedProps.value.wrap, void 0, false),
455
535
  "data-ui-text-state": hostState.value || void 0,
456
536
  ref: "@html-next/root"
457
537
  }), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_7)), [[unref(vPropValidity), {
@@ -463,11 +543,13 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
463
543
  }, nativeAttrs(_ctx.$attrs), {
464
544
  "data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
465
545
  "data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
546
+ "data-font": reflectedProp("font", "font", checkedProps.value.font, void 0, false),
466
547
  "data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
467
548
  "data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
468
549
  "data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
469
550
  "data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
470
551
  "data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
552
+ "data-wrap": reflectedProp("wrap", "wrap", checkedProps.value.wrap, void 0, false),
471
553
  "data-ui-text-state": hostState.value || void 0,
472
554
  ref: "@html-next/root"
473
555
  }), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_8)), [[unref(vPropValidity), {
@@ -479,11 +561,13 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
479
561
  }, nativeAttrs(_ctx.$attrs), {
480
562
  "data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
481
563
  "data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
564
+ "data-font": reflectedProp("font", "font", checkedProps.value.font, void 0, false),
482
565
  "data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
483
566
  "data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
484
567
  "data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
485
568
  "data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
486
569
  "data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
570
+ "data-wrap": reflectedProp("wrap", "wrap", checkedProps.value.wrap, void 0, false),
487
571
  "data-ui-text-state": hostState.value || void 0,
488
572
  ref: "@html-next/root"
489
573
  }), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_9)), [[unref(vPropValidity), {
@@ -495,11 +579,13 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
495
579
  }, nativeAttrs(_ctx.$attrs), {
496
580
  "data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
497
581
  "data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
582
+ "data-font": reflectedProp("font", "font", checkedProps.value.font, void 0, false),
498
583
  "data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
499
584
  "data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
500
585
  "data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
501
586
  "data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
502
587
  "data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
588
+ "data-wrap": reflectedProp("wrap", "wrap", checkedProps.value.wrap, void 0, false),
503
589
  "data-ui-text-state": hostState.value || void 0,
504
590
  ref: "@html-next/root"
505
591
  }), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_10)), [[unref(vPropValidity), {
@@ -511,11 +597,13 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
511
597
  }, nativeAttrs(_ctx.$attrs), {
512
598
  "data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
513
599
  "data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
600
+ "data-font": reflectedProp("font", "font", checkedProps.value.font, void 0, false),
514
601
  "data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
515
602
  "data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
516
603
  "data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
517
604
  "data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
518
605
  "data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
606
+ "data-wrap": reflectedProp("wrap", "wrap", checkedProps.value.wrap, void 0, false),
519
607
  "data-ui-text-state": hostState.value || void 0,
520
608
  ref: "@html-next/root"
521
609
  }), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_11)), [[unref(vPropValidity), {
@@ -524,6 +612,6 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
524
612
  }]]);
525
613
  };
526
614
  }
527
- }), [["__scopeId", "data-v-6dc4d971"]]);
615
+ }), [["__scopeId", "data-v-09b7a2ed"]]);
528
616
  //#endregion
529
617
  export { UiText_default as t };