@threadlabs/looma 0.33.1 → 0.34.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 (184) hide show
  1. package/components/shared/overlay.js +8 -2
  2. package/components/shared/surface-material.js +21 -0
  3. package/components/ui-button/ui-button.html +63 -47
  4. package/components/ui-card/ui-card.html +44 -2
  5. package/components/ui-curve-editor/curve.js +10 -0
  6. package/components/ui-curve-editor/ui-curve-editor.html +181 -0
  7. package/components/ui-curve-editor/ui-curve-editor.js +51 -0
  8. package/components/ui-dialog/ui-dialog.html +62 -1
  9. package/components/ui-dialog/ui-dialog.js +9 -1
  10. package/components/ui-icon-button/ui-icon-button.html +75 -23
  11. package/components/ui-menu/ui-menu.html +60 -0
  12. package/components/ui-menu/ui-menu.js +1 -1
  13. package/components/ui-number-input/arithmetic.js +47 -0
  14. package/components/ui-number-input/ui-number-input.html +62 -0
  15. package/components/ui-number-input/ui-number-input.js +44 -0
  16. package/components/ui-popover/ui-popover.html +64 -1
  17. package/components/ui-popover/ui-popover.js +1 -1
  18. package/components/ui-slider/ui-slider.html +84 -0
  19. package/components/ui-slider/ui-slider.js +29 -0
  20. package/components/ui-tabs/ui-tabs.html +6 -1
  21. package/components/ui-text/ui-text.html +31 -6
  22. package/components/ui-tooltip/ui-tooltip.html +60 -0
  23. package/components/ui-tooltip/ui-tooltip.js +1 -1
  24. package/dist/index.js +46 -43
  25. package/docs/README.md +34 -4
  26. package/docs/card.html +16 -2
  27. package/docs/card.js +17 -2
  28. package/docs/catalog.json +1154 -144
  29. package/docs/customizer-render.mjs +35 -9
  30. package/docs/customizer.js +83 -20
  31. package/docs/documentation.css +9 -1
  32. package/docs/index.d.ts +4 -2
  33. package/docs/index.mjs +1 -1
  34. package/docs/preview.js +2 -0
  35. package/docs/render.mjs +15 -6
  36. package/docs/site.mjs +50 -9
  37. package/docs/theme-session.mjs +51 -0
  38. package/docs/theme.mjs +134 -15
  39. package/docs/value-editors.mjs +33 -0
  40. package/package.json +2 -2
  41. package/styles/ui-button.css +45 -45
  42. package/styles/ui-card.css +47 -0
  43. package/styles/ui-curve-editor.css +109 -0
  44. package/styles/ui-dialog.css +132 -0
  45. package/styles/ui-icon-button.css +63 -20
  46. package/styles/ui-menu.css +72 -0
  47. package/styles/ui-number-input.css +34 -0
  48. package/styles/ui-popover.css +74 -0
  49. package/styles/ui-slider.css +53 -0
  50. package/styles/ui-tabs.css +6 -1
  51. package/styles/ui-text.css +23 -1
  52. package/styles/ui-tooltip.css +72 -0
  53. package/theme-system.css +26 -10
  54. package/tokens.css +8 -2
  55. package/vanilla/UiButton.d.ts +1 -0
  56. package/vanilla/UiButton.js +195 -130
  57. package/vanilla/UiCard.d.ts +1 -1
  58. package/vanilla/UiCard.js +1 -1
  59. package/vanilla/UiCurveEditor.d.ts +28 -0
  60. package/vanilla/UiCurveEditor.js +134 -0
  61. package/vanilla/UiIconButton.d.ts +2 -1
  62. package/vanilla/UiIconButton.js +58 -31
  63. package/vanilla/UiNumberInput.d.ts +33 -0
  64. package/vanilla/UiNumberInput.js +79 -0
  65. package/vanilla/UiSlider.d.ts +33 -0
  66. package/vanilla/UiSlider.js +125 -0
  67. package/vanilla/UiText.d.ts +2 -2
  68. package/vanilla/UiText.js +45 -11
  69. package/vanilla/index.js +3 -0
  70. package/vue/UiButton.d.ts +6 -0
  71. package/vue/UiButton.vue +155 -56
  72. package/vue/UiCard.d.ts +2 -2
  73. package/vue/UiCard.vue +55 -5
  74. package/vue/UiCurveEditor.d.ts +53 -0
  75. package/vue/UiCurveEditor.js +2 -0
  76. package/vue/UiCurveEditor.vue +427 -0
  77. package/vue/UiDialog.vue +177 -1
  78. package/vue/UiIconButton.d.ts +8 -2
  79. package/vue/UiIconButton.vue +164 -34
  80. package/vue/UiMenu.vue +89 -0
  81. package/vue/UiNumberInput.d.ts +83 -0
  82. package/vue/UiNumberInput.js +2 -0
  83. package/vue/UiNumberInput.vue +370 -0
  84. package/vue/UiPopover.vue +92 -1
  85. package/vue/UiSlider.d.ts +83 -0
  86. package/vue/UiSlider.js +2 -0
  87. package/vue/UiSlider.vue +412 -0
  88. package/vue/UiTabs.vue +6 -1
  89. package/vue/UiText.d.ts +7 -5
  90. package/vue/UiText.vue +104 -22
  91. package/vue/UiTooltip.vue +89 -0
  92. package/vue/chunks/UiActionBar.js +1 -1
  93. package/vue/chunks/UiAffordanceScope.js +2 -2
  94. package/vue/chunks/UiAvatar.js +2 -2
  95. package/vue/chunks/UiAvatarGroup.js +2 -2
  96. package/vue/chunks/UiBadge.js +2 -2
  97. package/vue/chunks/UiBreadcrumbItem.js +2 -2
  98. package/vue/chunks/UiBreadcrumbs.js +2 -2
  99. package/vue/chunks/UiButton.js +94 -11
  100. package/vue/chunks/UiCallout.js +2 -2
  101. package/vue/chunks/UiCard.js +6 -5
  102. package/vue/chunks/UiCheckbox.js +2 -2
  103. package/vue/chunks/UiCluster.js +2 -2
  104. package/vue/chunks/UiColorPicker.js +2 -2
  105. package/vue/chunks/UiCombobox.js +2 -2
  106. package/vue/chunks/UiContainer.js +2 -2
  107. package/vue/chunks/UiContextMenu.js +2 -2
  108. package/vue/chunks/UiCover.js +2 -2
  109. package/vue/chunks/UiCurveEditor.js +413 -0
  110. package/vue/chunks/UiDescriptionItem.js +2 -2
  111. package/vue/chunks/UiDescriptionList.js +2 -2
  112. package/vue/chunks/UiDialog.js +4 -4
  113. package/vue/chunks/UiDisclosure.js +2 -2
  114. package/vue/chunks/UiEditable.js +2 -2
  115. package/vue/chunks/UiEditorBlockActions.js +2 -2
  116. package/vue/chunks/UiEditorChipEditor.js +2 -2
  117. package/vue/chunks/UiEditorCodeLanguage.js +2 -2
  118. package/vue/chunks/UiEditorFootnoteEditor.js +2 -2
  119. package/vue/chunks/UiEditorImageToolbar.js +3 -3
  120. package/vue/chunks/UiEditorInsertTableGrid.js +2 -2
  121. package/vue/chunks/UiEditorLinkCard.js +3 -3
  122. package/vue/chunks/UiEditorLinkForm.js +3 -3
  123. package/vue/chunks/UiEditorMentionMenu.js +2 -2
  124. package/vue/chunks/UiEditorMentionMenuItem.js +2 -2
  125. package/vue/chunks/UiEditorSlashMenu.js +2 -2
  126. package/vue/chunks/UiEditorSlashMenuGroup.js +2 -2
  127. package/vue/chunks/UiEditorSlashMenuItem.js +2 -2
  128. package/vue/chunks/UiEditorSurface.js +2 -2
  129. package/vue/chunks/UiEditorTableContextMenu.js +2 -2
  130. package/vue/chunks/UiEditorTableOverlay.js +2 -2
  131. package/vue/chunks/UiEditorTableToolbar.js +2 -2
  132. package/vue/chunks/UiEditorToolbar.js +2 -2
  133. package/vue/chunks/UiFloatingActionButton.js +2 -2
  134. package/vue/chunks/UiFormField.js +2 -2
  135. package/vue/chunks/UiGrid.js +2 -2
  136. package/vue/chunks/UiIcon.js +2 -2
  137. package/vue/chunks/UiIconButton.js +77 -11
  138. package/vue/chunks/UiImage.js +2 -2
  139. package/vue/chunks/UiInput.js +2 -2
  140. package/vue/chunks/UiInputGroup.js +2 -2
  141. package/vue/chunks/UiList.js +2 -2
  142. package/vue/chunks/UiListItem.js +2 -2
  143. package/vue/chunks/UiListbox.js +2 -2
  144. package/vue/chunks/UiMenu.js +3 -3
  145. package/vue/chunks/UiMenuGroup.js +2 -2
  146. package/vue/chunks/UiMenuItem.js +2 -2
  147. package/vue/chunks/UiMeter.js +2 -2
  148. package/vue/chunks/UiNavItem.js +2 -2
  149. package/vue/chunks/UiNumberInput.js +390 -0
  150. package/vue/chunks/UiPageHeader.js +2 -2
  151. package/vue/chunks/UiPopover.js +4 -4
  152. package/vue/chunks/UiRadio.js +2 -2
  153. package/vue/chunks/UiRadioGroup.js +2 -2
  154. package/vue/chunks/UiReel.js +2 -2
  155. package/vue/chunks/UiScrollArea.js +2 -2
  156. package/vue/chunks/UiSearchResultRow.js +2 -2
  157. package/vue/chunks/UiSearchShell.js +2 -2
  158. package/vue/chunks/UiSection.js +2 -2
  159. package/vue/chunks/UiSelect.js +2 -2
  160. package/vue/chunks/UiSeparator.js +2 -2
  161. package/vue/chunks/UiSidebar.js +2 -2
  162. package/vue/chunks/UiSlider.js +396 -0
  163. package/vue/chunks/UiSpinner.js +2 -2
  164. package/vue/chunks/UiStack.js +2 -2
  165. package/vue/chunks/UiStatusMessage.js +2 -2
  166. package/vue/chunks/UiSwatch.js +2 -2
  167. package/vue/chunks/UiSwitch.js +2 -2
  168. package/vue/chunks/UiSwitcher.js +2 -2
  169. package/vue/chunks/UiTable.js +2 -2
  170. package/vue/chunks/UiTabs.js +3 -3
  171. package/vue/chunks/UiText.js +53 -12
  172. package/vue/chunks/UiTextarea.js +2 -2
  173. package/vue/chunks/UiToast.js +2 -2
  174. package/vue/chunks/UiToastRegion.js +2 -2
  175. package/vue/chunks/UiTooltip.js +3 -3
  176. package/vue/chunks/UiTopBar.js +1 -1
  177. package/vue/chunks/UiTree.js +2 -2
  178. package/vue/chunks/UiTreeItem.js +2 -2
  179. package/vue/chunks/_plugin-vue_export-helper.js +68 -2
  180. package/vue/chunks/props.js +24 -1
  181. package/vue/components.css +2215 -1203
  182. package/vue/editor/index.js +623 -211
  183. package/vue/index.d.ts +3 -0
  184. package/vue/index.js +5 -2
package/vanilla/UiText.js CHANGED
@@ -24,17 +24,19 @@ const T18 = ["",[],4];
24
24
  const T19 = ["",[]];
25
25
  const T20 = ["",[],4];
26
26
  const T21 = ["",[]];
27
- let P0, P1, P2, P3, P4, P5, P6, P7, P8, P9, P10, P11, P12, P13, P14, P15, P16, P17, P18, P19, P20, P21;
27
+ const T22 = ["",[],4];
28
+ const T23 = ["",[]];
29
+ let P0, P1, P2, P3, P4, P5, P6, P7, P8, P9, P10, P11, P12, P13, P14, P15, P16, P17, P18, P19, P20, P21, P22, P23;
28
30
  const S = { n: [], t: [], f: import.meta.url, g: "ui-text", b: generatedInputs };
29
- const A = [["span",{},[],"",[],["data-ui-text-state","data-ui-text-prop-align","data-ui-text-prop-as","data-ui-text-prop-font","data-ui-text-prop-grow","data-ui-text-prop-size","data-ui-text-prop-tone","data-ui-text-prop-trim","data-ui-text-prop-truncate","data-ui-text-prop-variant","data-ui-text-prop-weight","data-ui-text-prop-wrap"]],["div",{},[],"",[],["data-ui-text-state","data-ui-text-prop-align","data-ui-text-prop-as","data-ui-text-prop-font","data-ui-text-prop-grow","data-ui-text-prop-size","data-ui-text-prop-tone","data-ui-text-prop-trim","data-ui-text-prop-truncate","data-ui-text-prop-variant","data-ui-text-prop-weight","data-ui-text-prop-wrap"]],["small",{},[],"",[],["data-ui-text-state","data-ui-text-prop-align","data-ui-text-prop-as","data-ui-text-prop-font","data-ui-text-prop-grow","data-ui-text-prop-size","data-ui-text-prop-tone","data-ui-text-prop-trim","data-ui-text-prop-truncate","data-ui-text-prop-variant","data-ui-text-prop-weight","data-ui-text-prop-wrap"]],["strong",{},[],"",[],["data-ui-text-state","data-ui-text-prop-align","data-ui-text-prop-as","data-ui-text-prop-font","data-ui-text-prop-grow","data-ui-text-prop-size","data-ui-text-prop-tone","data-ui-text-prop-trim","data-ui-text-prop-truncate","data-ui-text-prop-variant","data-ui-text-prop-weight","data-ui-text-prop-wrap"]],["label",{},[],"",[],["data-ui-text-state","data-ui-text-prop-align","data-ui-text-prop-as","data-ui-text-prop-font","data-ui-text-prop-grow","data-ui-text-prop-size","data-ui-text-prop-tone","data-ui-text-prop-trim","data-ui-text-prop-truncate","data-ui-text-prop-variant","data-ui-text-prop-weight","data-ui-text-prop-wrap"]],["h2",{},[],"",[],["data-ui-text-state","data-ui-text-prop-align","data-ui-text-prop-as","data-ui-text-prop-font","data-ui-text-prop-grow","data-ui-text-prop-size","data-ui-text-prop-tone","data-ui-text-prop-trim","data-ui-text-prop-truncate","data-ui-text-prop-variant","data-ui-text-prop-weight","data-ui-text-prop-wrap"]],["h3",{},[],"",[],["data-ui-text-state","data-ui-text-prop-align","data-ui-text-prop-as","data-ui-text-prop-font","data-ui-text-prop-grow","data-ui-text-prop-size","data-ui-text-prop-tone","data-ui-text-prop-trim","data-ui-text-prop-truncate","data-ui-text-prop-variant","data-ui-text-prop-weight","data-ui-text-prop-wrap"]],["h4",{},[],"",[],["data-ui-text-state","data-ui-text-prop-align","data-ui-text-prop-as","data-ui-text-prop-font","data-ui-text-prop-grow","data-ui-text-prop-size","data-ui-text-prop-tone","data-ui-text-prop-trim","data-ui-text-prop-truncate","data-ui-text-prop-variant","data-ui-text-prop-weight","data-ui-text-prop-wrap"]],["h5",{},[],"",[],["data-ui-text-state","data-ui-text-prop-align","data-ui-text-prop-as","data-ui-text-prop-font","data-ui-text-prop-grow","data-ui-text-prop-size","data-ui-text-prop-tone","data-ui-text-prop-trim","data-ui-text-prop-truncate","data-ui-text-prop-variant","data-ui-text-prop-weight","data-ui-text-prop-wrap"]],["h6",{},[],"",[],["data-ui-text-state","data-ui-text-prop-align","data-ui-text-prop-as","data-ui-text-prop-font","data-ui-text-prop-grow","data-ui-text-prop-size","data-ui-text-prop-tone","data-ui-text-prop-trim","data-ui-text-prop-truncate","data-ui-text-prop-variant","data-ui-text-prop-weight","data-ui-text-prop-wrap"]],["p",{},[],"",[],["data-ui-text-state","data-ui-text-prop-align","data-ui-text-prop-as","data-ui-text-prop-font","data-ui-text-prop-grow","data-ui-text-prop-size","data-ui-text-prop-tone","data-ui-text-prop-trim","data-ui-text-prop-truncate","data-ui-text-prop-variant","data-ui-text-prop-weight","data-ui-text-prop-wrap"]]];
30
- const Q = [[],[],[],[],[],[],[],[],[],[],[]];
31
- const D = { g: "ui-text", props: { "align": { "required":false,"values":["start","center"],"default":"start", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "as": { "required":false,"values":["p","span","div","small","strong","label","h2","h3","h4","h5","h6"],"default":"p", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "font": { "required":false,"values":["inherit","sans"],"default":"inherit", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "grow": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "size": { "required":false,"values":["inherit","xs","sm","md","lg"],"default":"inherit", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "tone": { "required":false,"values":["default","secondary","muted","accent","danger","success","info","warning"],"default":"default", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "trim": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "truncate": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "variant": { "required":false,"values":["body","eyebrow","code"],"default":"body", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "weight": { "required":false,"values":["inherit","normal","medium","semibold"],"default":"inherit", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "wrap": { "required":false,"values":["normal","anywhere"],"default":"normal", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] } } };
31
+ const A = [["span",{},[],"",[],["data-ui-text-state","data-ui-text-prop-align","data-ui-text-prop-as","data-ui-text-prop-font","data-ui-text-prop-grow","data-ui-text-prop-size","data-ui-text-prop-tone","data-ui-text-prop-trim","data-ui-text-prop-truncate","data-ui-text-prop-variant","data-ui-text-prop-weight","data-ui-text-prop-wrap"]],["div",{},[],"",[],["data-ui-text-state","data-ui-text-prop-align","data-ui-text-prop-as","data-ui-text-prop-font","data-ui-text-prop-grow","data-ui-text-prop-size","data-ui-text-prop-tone","data-ui-text-prop-trim","data-ui-text-prop-truncate","data-ui-text-prop-variant","data-ui-text-prop-weight","data-ui-text-prop-wrap"]],["small",{},[],"",[],["data-ui-text-state","data-ui-text-prop-align","data-ui-text-prop-as","data-ui-text-prop-font","data-ui-text-prop-grow","data-ui-text-prop-size","data-ui-text-prop-tone","data-ui-text-prop-trim","data-ui-text-prop-truncate","data-ui-text-prop-variant","data-ui-text-prop-weight","data-ui-text-prop-wrap"]],["strong",{},[],"",[],["data-ui-text-state","data-ui-text-prop-align","data-ui-text-prop-as","data-ui-text-prop-font","data-ui-text-prop-grow","data-ui-text-prop-size","data-ui-text-prop-tone","data-ui-text-prop-trim","data-ui-text-prop-truncate","data-ui-text-prop-variant","data-ui-text-prop-weight","data-ui-text-prop-wrap"]],["label",{},[],"",[],["data-ui-text-state","data-ui-text-prop-align","data-ui-text-prop-as","data-ui-text-prop-font","data-ui-text-prop-grow","data-ui-text-prop-size","data-ui-text-prop-tone","data-ui-text-prop-trim","data-ui-text-prop-truncate","data-ui-text-prop-variant","data-ui-text-prop-weight","data-ui-text-prop-wrap"]],["h1",{},[],"",[],["data-ui-text-state","data-ui-text-prop-align","data-ui-text-prop-as","data-ui-text-prop-font","data-ui-text-prop-grow","data-ui-text-prop-size","data-ui-text-prop-tone","data-ui-text-prop-trim","data-ui-text-prop-truncate","data-ui-text-prop-variant","data-ui-text-prop-weight","data-ui-text-prop-wrap"]],["h2",{},[],"",[],["data-ui-text-state","data-ui-text-prop-align","data-ui-text-prop-as","data-ui-text-prop-font","data-ui-text-prop-grow","data-ui-text-prop-size","data-ui-text-prop-tone","data-ui-text-prop-trim","data-ui-text-prop-truncate","data-ui-text-prop-variant","data-ui-text-prop-weight","data-ui-text-prop-wrap"]],["h3",{},[],"",[],["data-ui-text-state","data-ui-text-prop-align","data-ui-text-prop-as","data-ui-text-prop-font","data-ui-text-prop-grow","data-ui-text-prop-size","data-ui-text-prop-tone","data-ui-text-prop-trim","data-ui-text-prop-truncate","data-ui-text-prop-variant","data-ui-text-prop-weight","data-ui-text-prop-wrap"]],["h4",{},[],"",[],["data-ui-text-state","data-ui-text-prop-align","data-ui-text-prop-as","data-ui-text-prop-font","data-ui-text-prop-grow","data-ui-text-prop-size","data-ui-text-prop-tone","data-ui-text-prop-trim","data-ui-text-prop-truncate","data-ui-text-prop-variant","data-ui-text-prop-weight","data-ui-text-prop-wrap"]],["h5",{},[],"",[],["data-ui-text-state","data-ui-text-prop-align","data-ui-text-prop-as","data-ui-text-prop-font","data-ui-text-prop-grow","data-ui-text-prop-size","data-ui-text-prop-tone","data-ui-text-prop-trim","data-ui-text-prop-truncate","data-ui-text-prop-variant","data-ui-text-prop-weight","data-ui-text-prop-wrap"]],["h6",{},[],"",[],["data-ui-text-state","data-ui-text-prop-align","data-ui-text-prop-as","data-ui-text-prop-font","data-ui-text-prop-grow","data-ui-text-prop-size","data-ui-text-prop-tone","data-ui-text-prop-trim","data-ui-text-prop-truncate","data-ui-text-prop-variant","data-ui-text-prop-weight","data-ui-text-prop-wrap"]],["p",{},[],"",[],["data-ui-text-state","data-ui-text-prop-align","data-ui-text-prop-as","data-ui-text-prop-font","data-ui-text-prop-grow","data-ui-text-prop-size","data-ui-text-prop-tone","data-ui-text-prop-trim","data-ui-text-prop-truncate","data-ui-text-prop-variant","data-ui-text-prop-weight","data-ui-text-prop-wrap"]]];
32
+ const Q = [[],[],[],[],[],[],[],[],[],[],[],[]];
33
+ const D = { g: "ui-text", props: { "align": { "required":false,"values":["start","center"],"default":"start", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "as": { "required":false,"values":["p","span","div","small","strong","label","h1","h2","h3","h4","h5","h6"],"default":"p", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "font": { "required":false,"values":["inherit","sans"],"default":"inherit", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "grow": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "size": { "required":false,"values":["inherit","xs","sm","md","lg"],"default":"inherit", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "tone": { "required":false,"values":["default","secondary","muted","accent","danger","success","info","warning"],"default":"default", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "trim": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "truncate": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "variant": { "required":false,"values":["body","display","heading","label","caption","eyebrow","code"],"default":"body", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "weight": { "required":false,"values":["inherit","normal","medium","semibold"],"default":"inherit", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "wrap": { "required":false,"values":["normal","anywhere"],"default":"normal", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] } } };
32
34
 
33
35
  export function createUiText(options = {}, html) {
34
36
  const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
35
37
  const v = [null, null, null, null, null, null, null, null, null, null, null];
36
38
  let B = acceptProps(undefined, D, S.n, v, componentProps, [], html);
37
- let a = ((v[1] === "span") ? 0 : (v[1] === "div") ? 1 : (v[1] === "small") ? 2 : (v[1] === "strong") ? 3 : (v[1] === "label") ? 4 : (v[1] === "h2") ? 5 : (v[1] === "h3") ? 6 : (v[1] === "h4") ? 7 : (v[1] === "h5") ? 8 : (v[1] === "h6") ? 9 : 10);
39
+ let a = ((v[1] === "span") ? 0 : (v[1] === "div") ? 1 : (v[1] === "small") ? 2 : (v[1] === "strong") ? 3 : (v[1] === "label") ? 4 : (v[1] === "h1") ? 5 : (v[1] === "h2") ? 6 : (v[1] === "h3") ? 7 : (v[1] === "h4") ? 8 : (v[1] === "h5") ? 9 : (v[1] === "h6") ? 10 : 11);
38
40
  let element;
39
41
  if (a === 0) {
40
42
  element = document.createElement("span");
@@ -72,34 +74,41 @@ export function createUiText(options = {}, html) {
72
74
  }
73
75
  element.setAttribute("data-component", "ui-text");
74
76
  } else if (a === 5) {
75
- element = document.createElement("h2");
77
+ element = document.createElement("h1");
76
78
  for (const [name, value] of Object.entries(attributes)) {
77
79
  if (value === null || value === undefined || value === false) continue;
78
80
  element.setAttribute(name, value === true ? "" : String(value));
79
81
  }
80
82
  element.setAttribute("data-component", "ui-text");
81
83
  } else if (a === 6) {
82
- element = document.createElement("h3");
84
+ element = document.createElement("h2");
83
85
  for (const [name, value] of Object.entries(attributes)) {
84
86
  if (value === null || value === undefined || value === false) continue;
85
87
  element.setAttribute(name, value === true ? "" : String(value));
86
88
  }
87
89
  element.setAttribute("data-component", "ui-text");
88
90
  } else if (a === 7) {
89
- element = document.createElement("h4");
91
+ element = document.createElement("h3");
90
92
  for (const [name, value] of Object.entries(attributes)) {
91
93
  if (value === null || value === undefined || value === false) continue;
92
94
  element.setAttribute(name, value === true ? "" : String(value));
93
95
  }
94
96
  element.setAttribute("data-component", "ui-text");
95
97
  } else if (a === 8) {
96
- element = document.createElement("h5");
98
+ element = document.createElement("h4");
97
99
  for (const [name, value] of Object.entries(attributes)) {
98
100
  if (value === null || value === undefined || value === false) continue;
99
101
  element.setAttribute(name, value === true ? "" : String(value));
100
102
  }
101
103
  element.setAttribute("data-component", "ui-text");
102
104
  } else if (a === 9) {
105
+ element = document.createElement("h5");
106
+ for (const [name, value] of Object.entries(attributes)) {
107
+ if (value === null || value === undefined || value === false) continue;
108
+ element.setAttribute(name, value === true ? "" : String(value));
109
+ }
110
+ element.setAttribute("data-component", "ui-text");
111
+ } else if (a === 10) {
103
112
  element = document.createElement("h6");
104
113
  for (const [name, value] of Object.entries(attributes)) {
105
114
  if (value === null || value === undefined || value === false) continue;
@@ -203,6 +212,14 @@ export function createUiText(options = {}, html) {
203
212
  };
204
213
  const p21 = (r, c, d) => {
205
214
  };
215
+ const m23 = (d) => {
216
+ const n = (P23 ??= buildTemplate(T23)).cloneNode(true);
217
+ const r = { n };
218
+ p23(r, -1, d);
219
+ return r;
220
+ };
221
+ const p23 = (r, c, d) => {
222
+ };
206
223
  const m0 = (n, d) => {
207
224
  n.append((P0 ??= buildTemplate(T0)).cloneNode(true));
208
225
  const t0 = n.firstChild;
@@ -390,13 +407,30 @@ export function createUiText(options = {}, html) {
390
407
  if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b0 = m21(d); at.before(r.b0.n); } }
391
408
  else if (r.b0 !== undefined) p21(r.b0, c, d);
392
409
  };
393
- const M = [m0, m2, m4, m6, m8, m10, m12, m14, m16, m18, m20], N = [p0, p2, p4, p6, p8, p10, p12, p14, p16, p18, p20];
410
+ const m22 = (n, d) => {
411
+ n.append((P22 ??= buildTemplate(T22)).cloneNode(true));
412
+ const t0 = n.firstChild;
413
+ const r = { n, v0: undefined, a0: t0, e0: t0.nextSibling, b0: undefined, f0: undefined };
414
+ p22(r, -1, d);
415
+ return r;
416
+ };
417
+ const p22 = (r, c, d) => {
418
+ if (c & 2045) {
419
+ const x0 = hostState(["grow","size","trim","tone","weight","variant","truncate","align","font","wrap"], [v[3], v[4], v[6], v[5], v[9], v[8], v[7], v[0], v[2], v[10]]);
420
+ const s0 = x0;
421
+ if (s0 !== r.v0) writeAttribute(r.n, "data-ui-text-state", (r.v0 = s0) === "" ? null : s0);
422
+ }
423
+ if (r.f0 === undefined) { r.f0 = 1; const at = fillSlot(r.a0, r.e0, "", J, false, undefined, d);
424
+ if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b0 = m23(d); at.before(r.b0.n); } }
425
+ else if (r.b0 !== undefined) p23(r.b0, c, d);
426
+ };
427
+ const M = [m0, m2, m4, m6, m8, m10, m12, m14, m16, m18, m20, m22], N = [p0, p2, p4, p6, p8, p10, p12, p14, p16, p18, p20, p22];
394
428
  let R;
395
429
  const p = (c, d) => {
396
430
  if (R === null) return;
397
431
  if (R === undefined) { R = M[a](element, d); return; }
398
432
  if (c & 2) {
399
- const t = ((v[1] === "span") ? 0 : (v[1] === "div") ? 1 : (v[1] === "small") ? 2 : (v[1] === "strong") ? 3 : (v[1] === "label") ? 4 : (v[1] === "h2") ? 5 : (v[1] === "h3") ? 6 : (v[1] === "h4") ? 7 : (v[1] === "h5") ? 8 : (v[1] === "h6") ? 9 : 10);
433
+ const t = ((v[1] === "span") ? 0 : (v[1] === "div") ? 1 : (v[1] === "small") ? 2 : (v[1] === "strong") ? 3 : (v[1] === "label") ? 4 : (v[1] === "h1") ? 5 : (v[1] === "h2") ? 6 : (v[1] === "h3") ? 7 : (v[1] === "h4") ? 8 : (v[1] === "h5") ? 9 : (v[1] === "h6") ? 10 : 11);
400
434
  if (t !== a) {
401
435
  dispose(R);
402
436
  for (const key in I.r) delete I.r[key];
package/vanilla/index.js CHANGED
@@ -15,6 +15,7 @@ export * from "./UiCombobox.js";
15
15
  export * from "./UiContainer.js";
16
16
  export * from "./UiContextMenu.js";
17
17
  export * from "./UiCover.js";
18
+ export * from "./UiCurveEditor.js";
18
19
  export * from "./UiDescriptionItem.js";
19
20
  export * from "./UiDescriptionList.js";
20
21
  export * from "./UiDialog.js";
@@ -54,6 +55,7 @@ export * from "./UiMenuGroup.js";
54
55
  export * from "./UiMenuItem.js";
55
56
  export * from "./UiMeter.js";
56
57
  export * from "./UiNavItem.js";
58
+ export * from "./UiNumberInput.js";
57
59
  export * from "./UiPageHeader.js";
58
60
  export * from "./UiPopover.js";
59
61
  export * from "./UiRadio.js";
@@ -66,6 +68,7 @@ export * from "./UiSection.js";
66
68
  export * from "./UiSelect.js";
67
69
  export * from "./UiSeparator.js";
68
70
  export * from "./UiSidebar.js";
71
+ export * from "./UiSlider.js";
69
72
  export * from "./UiSpinner.js";
70
73
  export * from "./UiStack.js";
71
74
  export * from "./UiStatusMessage.js";
package/vue/UiButton.d.ts CHANGED
@@ -41,6 +41,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
41
41
  pending: {
42
42
  type: PropType<boolean | null>;
43
43
  };
44
+ preset: {
45
+ type: PropType<"none" | "primary" | "standard" | "quiet" | "destructive" | null>;
46
+ };
44
47
  rel: {
45
48
  type: PropType<string | null>;
46
49
  };
@@ -87,6 +90,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
87
90
  pending: {
88
91
  type: PropType<boolean | null>;
89
92
  };
93
+ preset: {
94
+ type: PropType<"none" | "primary" | "standard" | "quiet" | "destructive" | null>;
95
+ };
90
96
  rel: {
91
97
  type: PropType<string | null>;
92
98
  };