eco-vue-js 0.20.5 → 0.20.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 (133) hide show
  1. package/README.md +7 -0
  2. package/dist/assets/icons/IconBroom.js +27 -0
  3. package/dist/assets/icons/IconCactus.js +21 -0
  4. package/dist/assets/icons/IconCancel.js +2 -1
  5. package/dist/assets/icons/IconCloud.js +29 -0
  6. package/dist/assets/icons/IconCloudSun.js +29 -0
  7. package/dist/assets/icons/IconCloudSunPartial.js +40 -0
  8. package/dist/assets/icons/IconDanger.js +2 -0
  9. package/dist/assets/icons/IconDrop.js +21 -0
  10. package/dist/assets/icons/IconFern.js +26 -0
  11. package/dist/assets/icons/IconHealth.js +21 -0
  12. package/dist/assets/icons/IconHealthcare.js +27 -0
  13. package/dist/assets/icons/IconMonstera.js +25 -0
  14. package/dist/assets/icons/IconPalette.js +24 -0
  15. package/dist/assets/icons/IconPlant.js +26 -0
  16. package/dist/assets/icons/IconRuler.js +20 -0
  17. package/dist/assets/icons/IconSave.js +27 -0
  18. package/dist/assets/icons/IconSnowflake.js +21 -0
  19. package/dist/assets/icons/IconSprig.js +25 -0
  20. package/dist/assets/icons/IconSuccess.js +1 -0
  21. package/dist/assets/icons/IconThermometer.js +43 -0
  22. package/dist/assets/icons/IconWarn.js +3 -0
  23. package/dist/assets/icons/IconWeight.js +5 -6
  24. package/dist/assets/icons/IconWind.js +22 -0
  25. package/dist/components/Button/WButton.vue.d.ts.map +1 -1
  26. package/dist/components/Button/WButton.vue_vue_type_script_setup_true_lang.js +3 -2
  27. package/dist/components/Button/WButtonDropdown.vue_vue_type_script_setup_true_lang.js +1 -1
  28. package/dist/components/Button/WButtonGroup.vue_vue_type_script_setup_true_lang.js +3 -3
  29. package/dist/components/Button/WButtonMore.vue_vue_type_script_setup_true_lang.js +1 -1
  30. package/dist/components/Button/WButtonSelection.vue_vue_type_script_setup_true_lang.js +1 -1
  31. package/dist/components/Checkbox/WCheckbox.vue_vue_type_script_setup_true_lang.js +4 -4
  32. package/dist/components/DatePicker/components/CalendarDay.vue_vue_type_script_setup_true_lang.js +3 -3
  33. package/dist/components/Dropdown/WDropdown.vue.d.ts.map +1 -1
  34. package/dist/components/Dropdown/WDropdown.vue_vue_type_script_setup_true_lang.js +3 -3
  35. package/dist/components/Dropdown/WDropdownTip.vue.d.ts +15 -0
  36. package/dist/components/Dropdown/WDropdownTip.vue.d.ts.map +1 -0
  37. package/dist/components/Dropdown/WDropdownTip.vue.js +5 -0
  38. package/dist/components/Dropdown/WDropdownTip.vue_vue_type_script_setup_true_lang.js +51 -0
  39. package/dist/components/FieldWrapper/WFieldWrapper.vue.d.ts.map +1 -1
  40. package/dist/components/FieldWrapper/WFieldWrapper.vue_vue_type_script_setup_true_lang.js +4 -1
  41. package/dist/components/FilePicker/WFilePicker.vue.d.ts.map +1 -1
  42. package/dist/components/FilePicker/WFilePicker.vue_vue_type_script_setup_true_lang.js +1 -1
  43. package/dist/components/Input/WInput.vue_vue_type_script_setup_true_lang.js +1 -1
  44. package/dist/components/Input/WInputSuggest.vue.d.ts.map +1 -1
  45. package/dist/components/Input/WInputSuggest.vue_vue_type_script_setup_true_lang.js +3 -2
  46. package/dist/components/Input/WInputToolbarButton.vue_vue_type_script_setup_true_lang.js +1 -1
  47. package/dist/components/List/components/HeaderExport.vue_vue_type_script_setup_true_lang.js +1 -1
  48. package/dist/components/List/components/HeaderSettings.vue_vue_type_script_setup_true_lang.js +1 -1
  49. package/dist/components/List/components/HeaderSettingsItem.vue.d.ts +37 -0
  50. package/dist/components/List/components/HeaderSettingsItem.vue.d.ts.map +1 -0
  51. package/dist/components/List/components/HeaderSort.vue.d.ts.map +1 -1
  52. package/dist/components/List/components/HeaderSort.vue_vue_type_script_setup_true_lang.js +36 -20
  53. package/dist/components/List/components/ListFilterLocal.vue.d.ts.map +1 -1
  54. package/dist/components/List/components/ListFilterLocal.vue_vue_type_script_setup_true_lang.js +3 -1
  55. package/dist/components/List/components/ListFilterLocalItem.vue.d.ts.map +1 -1
  56. package/dist/components/List/components/ListFilterLocalItem.vue_vue_type_script_setup_true_lang.js +10 -4
  57. package/dist/components/List/components/ListFilterSelect.vue.d.ts.map +1 -1
  58. package/dist/components/List/components/ListFilterSelect.vue_vue_type_script_setup_true_lang.js +13 -6
  59. package/dist/components/List/components/ListItem.vue_vue_type_script_setup_true_lang.js +4 -4
  60. package/dist/components/Page/WPage.vue.d.ts.map +1 -1
  61. package/dist/components/Page/WPage.vue_vue_type_script_setup_true_lang.js +2 -2
  62. package/dist/components/Select/WSelect.vue.d.ts.map +1 -1
  63. package/dist/components/Select/WSelect.vue_vue_type_script_setup_true_lang.js +9 -10
  64. package/dist/components/Select/WSelectAsync.vue.d.ts.map +1 -1
  65. package/dist/components/Select/WSelectAsync.vue_vue_type_script_setup_true_lang.js +9 -4
  66. package/dist/components/Select/components/SelectAsyncPrefix.vue.d.ts.map +1 -1
  67. package/dist/components/Select/components/SelectAsyncPrefix.vue_vue_type_script_setup_true_lang.js +5 -0
  68. package/dist/components/Select/components/SelectAsyncPrefixPage.vue.d.ts.map +1 -1
  69. package/dist/components/Select/components/SelectAsyncPrefixPage.vue_vue_type_script_setup_true_lang.js +19 -0
  70. package/dist/components/Select/types.d.ts +3 -0
  71. package/dist/components/Select/types.d.ts.map +1 -1
  72. package/dist/components/Slider/WSliderRange.vue.d.ts.map +1 -1
  73. package/dist/components/Slider/WSliderRange.vue_vue_type_script_setup_true_lang.js +17 -9
  74. package/dist/components/Tooltip/components/TooltipContainer.vue.d.ts +2 -2
  75. package/dist/components/Tooltip/components/TooltipContainer.vue.d.ts.map +1 -1
  76. package/dist/components/Tooltip/components/TooltipContainer.vue_vue_type_script_setup_true_lang.js +13 -35
  77. package/dist/components/Uniform/WUniform.vue.d.ts +3 -3
  78. package/dist/components/Uniform/WUniform.vue.d.ts.map +1 -1
  79. package/dist/components/Uniform/WUniform.vue_vue_type_script_setup_true_lang.js +10 -2
  80. package/dist/components/Uniform/types.d.ts +3 -2
  81. package/dist/components/Uniform/types.d.ts.map +1 -1
  82. package/dist/components/Uniform/use/useUniformField.d.ts.map +1 -1
  83. package/dist/components/Uniform/use/useUniformField.js +2 -1
  84. package/dist/components/Uniform/use/useUniformForm.d.ts +1 -1
  85. package/dist/components/Uniform/use/useUniformForm.d.ts.map +1 -1
  86. package/dist/components/Uniform/use/useUniformForm.js +10 -6
  87. package/dist/components/Uniform/use/useUniformModel.d.ts +1 -0
  88. package/dist/components/Uniform/use/useUniformModel.d.ts.map +1 -1
  89. package/dist/components/Uniform/use/useUniformModel.js +14 -0
  90. package/dist/components/Uniform/use/useUniformSubmit.d.ts +1 -1
  91. package/dist/components/Uniform/use/useUniformSubmit.d.ts.map +1 -1
  92. package/dist/components/Uniform/use/useUniformSubmit.js +18 -7
  93. package/dist/components/Uniform/utils/utils.d.ts.map +1 -1
  94. package/dist/components/Uniform/utils/utils.js +11 -1
  95. package/dist/main.d.ts +20 -1
  96. package/dist/main.d.ts.map +1 -1
  97. package/dist/main.js +21 -1
  98. package/docs/components/button-group.md +104 -0
  99. package/docs/components/button.md +143 -0
  100. package/docs/components/charts.md +210 -0
  101. package/docs/components/checkbox.md +285 -0
  102. package/docs/components/content-blocks.md +290 -0
  103. package/docs/components/dropdown-menu.md +464 -0
  104. package/docs/components/field-wrapper.md +135 -0
  105. package/docs/components/form.md +396 -0
  106. package/docs/components/infinite-list.md +322 -0
  107. package/docs/components/input.md +738 -0
  108. package/docs/components/links.md +186 -0
  109. package/docs/components/list.md +350 -0
  110. package/docs/components/modal.md +391 -0
  111. package/docs/components/notify.md +50 -0
  112. package/docs/components/pickers.md +296 -0
  113. package/docs/components/report-pages.md +178 -0
  114. package/docs/components/select.md +1721 -0
  115. package/docs/components/status-and-loading.md +345 -0
  116. package/docs/components/tabs.md +323 -0
  117. package/docs/components/toggle.md +79 -0
  118. package/docs/components/tooltip.md +104 -0
  119. package/docs/components/utilities.md +135 -0
  120. package/docs/guide/app-shell.md +506 -0
  121. package/docs/guide/conventions.md +46 -0
  122. package/docs/guide/data-layer.md +354 -0
  123. package/docs/guide/getting-started.md +124 -0
  124. package/docs/guide/theming.md +246 -0
  125. package/docs/icons.md +21 -0
  126. package/docs/llms.txt +55 -0
  127. package/docs/recipes/list-with-fields.md +1144 -0
  128. package/package.json +8 -4
  129. package/scripts/color-roles-codemod.js +2 -2
  130. package/tailwind-base/css/internal-variables.css +0 -12
  131. package/tailwind-base/css/roles.css +35 -7
  132. package/tailwind-base/css/theme.css +12 -3
  133. package/tailwind-base/plugins/internal-classes.ts +2 -2
package/README.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # eco-vue-js
2
2
 
3
+ Docs, with live demos and a theme playground: https://rsmple.github.io/eco-vue-js/
4
+
5
+ For AI coding assistants, the docs of the installed version are in the package as Markdown: start at
6
+ `node_modules/eco-vue-js/docs/llms.txt`. The latest version's docs are also online as
7
+ [llms.txt](https://rsmple.github.io/eco-vue-js/llms.txt) and
8
+ [llms-full.txt](https://rsmple.github.io/eco-vue-js/llms-full.txt).
9
+
3
10
  ## Usage
4
11
 
5
12
  ### Installation
@@ -0,0 +1,27 @@
1
+ import { createElementBlock, createElementVNode, openBlock } from "vue";
2
+ //#region src/assets/icons/IconBroom.svg?component
3
+ var _hoisted_1 = {
4
+ width: "20",
5
+ height: "20",
6
+ viewBox: "0 0 24 24",
7
+ fill: "none",
8
+ xmlns: "http://www.w3.org/2000/svg"
9
+ };
10
+ function render(_ctx, _cache) {
11
+ return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
12
+ d: "M9.87 5.67 6.45 7.75 4.89 5.19a2 2 0 0 1 .67-2.75 2 2 0 0 1 2.75.67zm1.95 3.49-3.16 1.92a4 4 0 0 0-1.51 5.18l2.05 4.18a2.45 2.45 0 0 0 3.54 1.03l6.43-3.91a2.46 2.46 0 0 0 .71-3.62l-2.77-3.74a3.97 3.97 0 0 0-5.29-1.04",
13
+ stroke: "currentcolor",
14
+ "stroke-linecap": "round",
15
+ "stroke-linejoin": "round",
16
+ "stroke-width": "1.5"
17
+ }, null, -1), createElementVNode("path", {
18
+ d: "M10.76 5.1 5.63 8.22l2.08 3.41 5.13-3.12zm3.55 11.71 1.65 2.71m-4.21-1.15 1.65 2.71m3.47-5.83 1.65 2.71",
19
+ stroke: "currentcolor",
20
+ "stroke-linecap": "round",
21
+ "stroke-linejoin": "round",
22
+ "stroke-width": "1.5"
23
+ }, null, -1)])]);
24
+ }
25
+ var IconBroom_default = { render };
26
+ //#endregion
27
+ export { IconBroom_default as default, render };
@@ -0,0 +1,21 @@
1
+ import { createElementBlock, createElementVNode, openBlock } from "vue";
2
+ //#region src/assets/icons/IconCactus.svg?component
3
+ var _hoisted_1 = {
4
+ width: "20",
5
+ height: "20",
6
+ viewBox: "0 0 24 24",
7
+ fill: "none",
8
+ xmlns: "http://www.w3.org/2000/svg"
9
+ };
10
+ function render(_ctx, _cache) {
11
+ return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
12
+ d: "M10 21v-5.5H6.5A1.5 1.5 0 0 1 5 14v-4a1.25 1.25 0 1 1 2.5 0v3H10V5a2 2 0 1 1 4 0v5h2.5V7A1.25 1.25 0 1 1 19 7v4a1.5 1.5 0 0 1-1.5 1.5H14V21m-4 0H6m4 0h4m0 0h4",
13
+ stroke: "currentcolor",
14
+ "stroke-linecap": "round",
15
+ "stroke-linejoin": "round",
16
+ "stroke-width": "1.5"
17
+ }, null, -1)])]);
18
+ }
19
+ var IconCactus_default = { render };
20
+ //#endregion
21
+ export { IconCactus_default as default, render };
@@ -11,7 +11,8 @@ function render(_ctx, _cache) {
11
11
  return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
12
12
  d: "m4 4 16 16m0-16L4 20",
13
13
  stroke: "currentcolor",
14
- "stroke-width": "3"
14
+ "stroke-linecap": "round",
15
+ "stroke-width": "1.5"
15
16
  }, null, -1)])]);
16
17
  }
17
18
  var IconCancel_default = { render };
@@ -0,0 +1,29 @@
1
+ import { createElementBlock, createElementVNode, openBlock } from "vue";
2
+ //#region src/assets/icons/IconCloud.svg?component
3
+ var _hoisted_1 = {
4
+ width: "20",
5
+ height: "20",
6
+ viewBox: "0 0 24 24",
7
+ fill: "none",
8
+ xmlns: "http://www.w3.org/2000/svg"
9
+ };
10
+ function render(_ctx, _cache) {
11
+ return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
12
+ d: "M7.27 13.01a4 4 0 0 0-1.72-.41c-4.68.33-4.68 7.14 0 7.47h11.09a5.3 5.3 0 0 0 3.64-1.4c3.29-2.87 1.53-8.64-2.8-9.19C15.92.11 2.39 3.67 5.6 12.6",
13
+ stroke: "currentcolor",
14
+ "stroke-linecap": "round",
15
+ "stroke-linejoin": "round",
16
+ "stroke-miterlimit": "10",
17
+ "stroke-width": "1.5"
18
+ }, null, -1), createElementVNode("path", {
19
+ d: "M15.85 9.92q.79-.4 1.67-.41",
20
+ stroke: "currentcolor",
21
+ "stroke-linecap": "round",
22
+ "stroke-linejoin": "round",
23
+ "stroke-miterlimit": "10",
24
+ "stroke-width": "1.5"
25
+ }, null, -1)])]);
26
+ }
27
+ var IconCloud_default = { render };
28
+ //#endregion
29
+ export { IconCloud_default as default, render };
@@ -0,0 +1,29 @@
1
+ import { createElementBlock, createElementVNode, openBlock } from "vue";
2
+ //#region src/assets/icons/IconCloudSun.svg?component
3
+ var _hoisted_1 = {
4
+ width: "20",
5
+ height: "20",
6
+ viewBox: "0 0 24 24",
7
+ fill: "none",
8
+ xmlns: "http://www.w3.org/2000/svg"
9
+ };
10
+ function render(_ctx, _cache) {
11
+ return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
12
+ d: "M21.9 13.96a5.1 5.1 0 0 1-1.63 4.72 5.3 5.3 0 0 1-3.64 1.4H5.54c-4.67-.34-4.68-7.14 0-7.48h.05c-2.19-6.13 3.5-9.73 7.79-8.35",
13
+ stroke: "currentcolor",
14
+ "stroke-linecap": "round",
15
+ "stroke-linejoin": "round",
16
+ "stroke-miterlimit": "10",
17
+ "stroke-width": "1.5"
18
+ }, null, -1), createElementVNode("path", {
19
+ d: "M7.26 13.01a4 4 0 0 0-1.67-.41m16.38-4.1c0 1.1-.51 2.09-1.32 2.73a3.5 3.5 0 0 1-5.68-2.73c0-.96.39-1.83 1.03-2.46v-.01a3.5 3.5 0 0 1 5.97 2.47",
20
+ stroke: "currentcolor",
21
+ "stroke-linecap": "round",
22
+ "stroke-linejoin": "round",
23
+ "stroke-miterlimit": "10",
24
+ "stroke-width": "1.5"
25
+ }, null, -1)])]);
26
+ }
27
+ var IconCloudSun_default = { render };
28
+ //#endregion
29
+ export { IconCloudSun_default as default, render };
@@ -0,0 +1,40 @@
1
+ import { createElementBlock, createElementVNode, openBlock } from "vue";
2
+ //#region src/assets/icons/IconCloudSunPartial.svg?component
3
+ var _hoisted_1 = {
4
+ width: "20",
5
+ height: "20",
6
+ viewBox: "0 0 24 24",
7
+ fill: "none",
8
+ xmlns: "http://www.w3.org/2000/svg"
9
+ };
10
+ function render(_ctx, _cache) {
11
+ return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
12
+ createElementVNode("path", {
13
+ d: "M20.27 18.68a5.3 5.3 0 0 1-3.64 1.4H5.54c-4.67-.34-4.68-7.14 0-7.48h.05C2.89 5.06 12.12 1.34 16 6.03v.01c.7.86 1.23 2 1.47 3.45a5 5 0 0 1 3.18 1.74c1.75 2.07 1.9 5.45-.38 7.45",
14
+ stroke: "currentcolor",
15
+ "stroke-linecap": "round",
16
+ "stroke-linejoin": "round",
17
+ "stroke-miterlimit": "10",
18
+ "stroke-width": "1.5"
19
+ }, null, -1),
20
+ createElementVNode("path", {
21
+ d: "M7.26 13.01a4 4 0 0 0-1.67-.41m10.26-2.68q.79-.4 1.67-.41",
22
+ stroke: "currentcolor",
23
+ "stroke-linecap": "round",
24
+ "stroke-linejoin": "round",
25
+ "stroke-miterlimit": "10",
26
+ "stroke-width": "1.5"
27
+ }, null, -1),
28
+ createElementVNode("path", {
29
+ d: "M21.97 8.5c0 1.1-.51 2.09-1.32 2.73a5 5 0 0 0-3.18-1.74A7 7 0 0 0 16 6.04v-.01a3.5 3.5 0 0 1 5.97 2.47",
30
+ stroke: "currentcolor",
31
+ "stroke-linecap": "round",
32
+ "stroke-linejoin": "round",
33
+ "stroke-miterlimit": "10",
34
+ "stroke-width": "1.5"
35
+ }, null, -1)
36
+ ])]);
37
+ }
38
+ var IconCloudSunPartial_default = { render };
39
+ //#endregion
40
+ export { IconCloudSunPartial_default as default, render };
@@ -14,10 +14,12 @@ function render(_ctx, _cache) {
14
14
  fill: "currentcolor"
15
15
  }, null, -1),
16
16
  createElementVNode("path", {
17
+ class: "fill-tone-on",
17
18
  d: "M13 14.28h-2L10.09 7h3.81z",
18
19
  fill: "#fff"
19
20
  }, null, -1),
20
21
  createElementVNode("circle", {
22
+ class: "fill-tone-on",
21
23
  cx: "12",
22
24
  cy: "18",
23
25
  fill: "#fff",
@@ -0,0 +1,21 @@
1
+ import { createElementBlock, createElementVNode, openBlock } from "vue";
2
+ //#region src/assets/icons/IconDrop.svg?component
3
+ var _hoisted_1 = {
4
+ width: "20",
5
+ height: "20",
6
+ viewBox: "0 0 24 24",
7
+ fill: "none",
8
+ xmlns: "http://www.w3.org/2000/svg"
9
+ };
10
+ function render(_ctx, _cache) {
11
+ return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
12
+ d: "M12 2s-8 8.3-8 13.37C4 19.57 7.59 23 12 23s8-3.42 8-7.63C20 10.29 12 2 12 2",
13
+ stroke: "currentcolor",
14
+ "stroke-linecap": "round",
15
+ "stroke-linejoin": "round",
16
+ "stroke-width": "1.5"
17
+ }, null, -1)])]);
18
+ }
19
+ var IconDrop_default = { render };
20
+ //#endregion
21
+ export { IconDrop_default as default, render };
@@ -0,0 +1,26 @@
1
+ import { createElementBlock, createElementVNode, openBlock } from "vue";
2
+ //#region src/assets/icons/IconFern.svg?component
3
+ var _hoisted_1 = {
4
+ width: "20",
5
+ height: "20",
6
+ viewBox: "0 0 24 24",
7
+ fill: "none",
8
+ xmlns: "http://www.w3.org/2000/svg"
9
+ };
10
+ function render(_ctx, _cache) {
11
+ return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
12
+ d: "M12 22V4.46a2 2 0 1 1 3.11 1.66",
13
+ stroke: "currentcolor",
14
+ "stroke-linecap": "round",
15
+ "stroke-linejoin": "round",
16
+ "stroke-width": "1.5"
17
+ }, null, -1), createElementVNode("path", {
18
+ d: "M5 15.5C6.5 18 9 19 12 19s5.5-1 7-3.5M6.5 12c1 2 3 3 5.5 3s4.5-1 5.5-3M8.2 9c.8 1.3 2.3 2 3.8 2s3-.5 4-1.5",
19
+ stroke: "currentcolor",
20
+ "stroke-linecap": "round",
21
+ "stroke-width": "1.5"
22
+ }, null, -1)])]);
23
+ }
24
+ var IconFern_default = { render };
25
+ //#endregion
26
+ export { IconFern_default as default, render };
@@ -0,0 +1,21 @@
1
+ import { createElementBlock, createElementVNode, openBlock } from "vue";
2
+ //#region src/assets/icons/IconHealth.svg?component
3
+ var _hoisted_1 = {
4
+ width: "20",
5
+ height: "20",
6
+ viewBox: "0 0 24 24",
7
+ fill: "none",
8
+ xmlns: "http://www.w3.org/2000/svg"
9
+ };
10
+ function render(_ctx, _cache) {
11
+ return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
12
+ d: "M12.62 20.81c-.34.12-.9.12-1.24 0C8.48 19.82 2 15.69 2 8.69A5.57 5.57 0 0 1 7.56 3.1c1.82 0 3.43.88 4.44 2.24a5.5 5.5 0 0 1 4.44-2.24C19.51 3.1 22 5.6 22 8.69c0 7-6.48 11.13-9.38 12.12",
13
+ stroke: "currentcolor",
14
+ "stroke-linecap": "round",
15
+ "stroke-linejoin": "round",
16
+ "stroke-width": "1.5"
17
+ }, null, -1)])]);
18
+ }
19
+ var IconHealth_default = { render };
20
+ //#endregion
21
+ export { IconHealth_default as default, render };
@@ -0,0 +1,27 @@
1
+ import { createElementBlock, createElementVNode, openBlock } from "vue";
2
+ //#region src/assets/icons/IconHealthcare.svg?component
3
+ var _hoisted_1 = {
4
+ width: "20",
5
+ height: "20",
6
+ viewBox: "0 0 24 24",
7
+ fill: "none",
8
+ xmlns: "http://www.w3.org/2000/svg"
9
+ };
10
+ function render(_ctx, _cache) {
11
+ return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
12
+ d: "M7.5 7.5V3h6v4.5H18v6h-4.5V18h-6v-4.5H3v-6z",
13
+ stroke: "currentcolor",
14
+ "stroke-linecap": "round",
15
+ "stroke-linejoin": "round",
16
+ "stroke-width": "1.5"
17
+ }, null, -1), createElementVNode("path", {
18
+ d: "M10.5 20v1h6v-4.5H21v-6h-1",
19
+ stroke: "currentcolor",
20
+ "stroke-linecap": "round",
21
+ "stroke-linejoin": "round",
22
+ "stroke-width": "1.5"
23
+ }, null, -1)])]);
24
+ }
25
+ var IconHealthcare_default = { render };
26
+ //#endregion
27
+ export { IconHealthcare_default as default, render };
@@ -0,0 +1,25 @@
1
+ import { createElementBlock, createElementVNode, openBlock } from "vue";
2
+ //#region src/assets/icons/IconMonstera.svg?component
3
+ var _hoisted_1 = {
4
+ width: "20",
5
+ height: "20",
6
+ viewBox: "0 0 24 24",
7
+ fill: "none",
8
+ xmlns: "http://www.w3.org/2000/svg"
9
+ };
10
+ function render(_ctx, _cache) {
11
+ return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
12
+ d: "M12 2.5c3 1 5.5 2.5 6.8 4.7l-4.3 2.3 5.4.5c.5 1.2.6 2.4.4 3.6l-5.3.9 4.6 1.3c-.8 2.2-2.6 3.7-4.6 3.7-1.4 0-2.4-.9-3-2-.6 1.1-1.6 2-3 2-2 0-3.8-1.5-4.6-3.7L9 14.5l-5.3-.9c-.2-1.2-.1-2.4.4-3.6l5.4-.5-4.3-2.3C6.5 5 9 3.5 12 2.5Z",
13
+ stroke: "currentcolor",
14
+ "stroke-linejoin": "round",
15
+ "stroke-width": "1.5"
16
+ }, null, -1), createElementVNode("path", {
17
+ d: "M12 6.5v15",
18
+ stroke: "currentcolor",
19
+ "stroke-linecap": "round",
20
+ "stroke-width": "1.5"
21
+ }, null, -1)])]);
22
+ }
23
+ var IconMonstera_default = { render };
24
+ //#endregion
25
+ export { IconMonstera_default as default, render };
@@ -0,0 +1,24 @@
1
+ import { createElementBlock, createElementVNode, openBlock } from "vue";
2
+ //#region src/assets/icons/IconPalette.svg?component
3
+ var _hoisted_1 = {
4
+ width: "20",
5
+ height: "20",
6
+ viewBox: "0 0 24 24",
7
+ fill: "none",
8
+ xmlns: "http://www.w3.org/2000/svg"
9
+ };
10
+ function render(_ctx, _cache) {
11
+ return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
12
+ d: "M12 21.5a9.5 9.5 0 1 1 9.5-9.5c0 2.62-2.13 3.8-4.75 3.8h-2.1a1.9 1.9 0 0 0-1.33 3.25c.34.34.53.8.53 1.28 0 .64-.55 1.17-1.85 1.17",
13
+ stroke: "currentcolor",
14
+ "stroke-linecap": "round",
15
+ "stroke-linejoin": "round",
16
+ "stroke-width": "1.5"
17
+ }, null, -1), createElementVNode("path", {
18
+ d: "M7.5 12.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3-4a1 1 0 1 0 0-2 1 1 0 0 0 0 2m4.5 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2",
19
+ fill: "currentcolor"
20
+ }, null, -1)])]);
21
+ }
22
+ var IconPalette_default = { render };
23
+ //#endregion
24
+ export { IconPalette_default as default, render };
@@ -0,0 +1,26 @@
1
+ import { createElementBlock, createElementVNode, openBlock } from "vue";
2
+ //#region src/assets/icons/IconPlant.svg?component
3
+ var _hoisted_1 = {
4
+ width: "20",
5
+ height: "20",
6
+ viewBox: "0 0 24 24",
7
+ fill: "none",
8
+ xmlns: "http://www.w3.org/2000/svg"
9
+ };
10
+ function render(_ctx, _cache) {
11
+ return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
12
+ d: "M2.5 15c1-5 6.5-7 10-3.5C9 10.5 7.05 13.94 6 14c-1.6.09-2 0-3.5 1m10-3.5c-.07-6.03 2.21-7 8-7-3.5 7-5 3-8 7",
13
+ stroke: "currentcolor",
14
+ "stroke-linecap": "round",
15
+ "stroke-linejoin": "round",
16
+ "stroke-width": "1.5"
17
+ }, null, -1), createElementVNode("path", {
18
+ d: "M12.5 20.5c1.17-3.76 1.21-5.93-.5-10",
19
+ stroke: "currentcolor",
20
+ "stroke-linecap": "round",
21
+ "stroke-width": "1.5"
22
+ }, null, -1)])]);
23
+ }
24
+ var IconPlant_default = { render };
25
+ //#endregion
26
+ export { IconPlant_default as default, render };
@@ -0,0 +1,20 @@
1
+ import { createElementBlock, createElementVNode, openBlock } from "vue";
2
+ //#region src/assets/icons/IconRuler.svg?component
3
+ var _hoisted_1 = {
4
+ width: "20",
5
+ height: "20",
6
+ viewBox: "0 0 24 24",
7
+ fill: "none",
8
+ xmlns: "http://www.w3.org/2000/svg"
9
+ };
10
+ function render(_ctx, _cache) {
11
+ return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
12
+ d: "m20.49 13.41-9.9-9.9q-2.12-2.1-4.25 0L3.51 6.34q-2.1 2.13 0 4.25l9.9 9.9q2.13 2.12 4.25 0l2.83-2.83q2.12-2.13 0-4.25ZM4.22 11.3l3.54-3.54m4.94 12.02 2.84-2.83m-5.7-.04 3.57-3.5m-6.36.71L9.17 12",
13
+ stroke: "currentcolor",
14
+ "stroke-linecap": "round",
15
+ "stroke-width": "1.5"
16
+ }, null, -1)])]);
17
+ }
18
+ var IconRuler_default = { render };
19
+ //#endregion
20
+ export { IconRuler_default as default, render };
@@ -0,0 +1,27 @@
1
+ import { createElementBlock, createElementVNode, openBlock } from "vue";
2
+ //#region src/assets/icons/IconSave.svg?component
3
+ var _hoisted_1 = {
4
+ width: "20",
5
+ height: "20",
6
+ viewBox: "0 0 24 24",
7
+ fill: "none",
8
+ xmlns: "http://www.w3.org/2000/svg"
9
+ };
10
+ function render(_ctx, _cache) {
11
+ return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
12
+ d: "M22 7v10c0 5 0 5-5 5H7c-5 0-5 0-5-5V7c0-5 0-5 5-5h10m5 5-5-5",
13
+ stroke: "currentcolor",
14
+ "stroke-linecap": "round",
15
+ "stroke-linejoin": "round",
16
+ "stroke-width": "1.5"
17
+ }, null, -1), createElementVNode("path", {
18
+ d: "M5.5 21.5v-3.7c0-4.3 0-4.3 4.55-4.3h3.9c4.55 0 4.55 0 4.55 4.3v3.7M15 2.25v3.23c0 3.77 0 3.77-2.8 3.77H9.8C7 9.25 7 9.25 7 5.48V2.25",
19
+ stroke: "currentcolor",
20
+ "stroke-linecap": "round",
21
+ "stroke-linejoin": "round",
22
+ "stroke-width": "1.5"
23
+ }, null, -1)])]);
24
+ }
25
+ var IconSave_default = { render };
26
+ //#endregion
27
+ export { IconSave_default as default, render };
@@ -0,0 +1,21 @@
1
+ import { createElementBlock, createElementVNode, openBlock } from "vue";
2
+ //#region src/assets/icons/IconSnowflake.svg?component
3
+ var _hoisted_1 = {
4
+ width: "20",
5
+ height: "20",
6
+ viewBox: "0 0 24 24",
7
+ fill: "none",
8
+ xmlns: "http://www.w3.org/2000/svg"
9
+ };
10
+ function render(_ctx, _cache) {
11
+ return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
12
+ d: "M12 2v20M3.34 7l17.32 10M3.34 17 20.66 7M9.5 3.5 12 6l2.5-2.5m-5 17L12 18l2.5 2.5m3.61-14.92L17.2 9l3.41.92m-14.72 8.5L6.8 15l-3.41-.92m14.72 4.34L17.2 15l3.41-.92M5.89 5.58 6.8 9l-3.41.92",
13
+ stroke: "currentcolor",
14
+ "stroke-linecap": "round",
15
+ "stroke-linejoin": "round",
16
+ "stroke-width": "1.5"
17
+ }, null, -1)])]);
18
+ }
19
+ var IconSnowflake_default = { render };
20
+ //#endregion
21
+ export { IconSnowflake_default as default, render };
@@ -0,0 +1,25 @@
1
+ import { createElementBlock, createElementVNode, openBlock } from "vue";
2
+ //#region src/assets/icons/IconSprig.svg?component
3
+ var _hoisted_1 = {
4
+ width: "20",
5
+ height: "20",
6
+ viewBox: "0 0 24 24",
7
+ fill: "none",
8
+ xmlns: "http://www.w3.org/2000/svg"
9
+ };
10
+ function render(_ctx, _cache) {
11
+ return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
12
+ d: "M12 22V9.5",
13
+ stroke: "currentcolor",
14
+ "stroke-linecap": "round",
15
+ "stroke-width": "1.5"
16
+ }, null, -1), createElementVNode("path", {
17
+ d: "M12 18c-1-4-4-4.5-7-5 1 3 3 5.5 7 5Zm0-4c1-4 4-4.5 7-5-1 3-3 5.5-7 5Zm0-4.5c-3-1.5-1.5-6 0-8 1.5 2 3 6.5 0 8Z",
18
+ stroke: "currentcolor",
19
+ "stroke-linejoin": "round",
20
+ "stroke-width": "1.5"
21
+ }, null, -1)])]);
22
+ }
23
+ var IconSprig_default = { render };
24
+ //#endregion
25
+ export { IconSprig_default as default, render };
@@ -14,6 +14,7 @@ function render(_ctx, _cache) {
14
14
  fill: "currentcolor",
15
15
  r: "12"
16
16
  }, null, -1), createElementVNode("path", {
17
+ class: "fill-tone-on",
17
18
  d: "M10.6 18 5 10.61h2.2l3.4 4.48L16.79 7H19z",
18
19
  fill: "#fff"
19
20
  }, null, -1)])]);
@@ -0,0 +1,43 @@
1
+ import { createElementBlock, createElementVNode, openBlock } from "vue";
2
+ //#region src/assets/icons/IconThermometer.svg?component
3
+ var _hoisted_1 = {
4
+ width: "24",
5
+ height: "24",
6
+ viewBox: "0 0 24 24",
7
+ fill: "none",
8
+ xmlns: "http://www.w3.org/2000/svg"
9
+ };
10
+ function render(_ctx, _cache) {
11
+ return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
12
+ createElementVNode("path", {
13
+ d: "M8.88 4v10.45a5 5 0 0 0-1.69 2.42c-.28.96-.25 1.98.1 2.92s.97 1.75 1.82 2.33a5.1 5.1 0 0 0 5.78 0 5 5 0 0 0 1.83-2.33 4.7 4.7 0 0 0 .09-2.92 5 5 0 0 0-1.68-2.42V4c0-.8-.33-1.56-.92-2.12a3.2 3.2 0 0 0-4.42 0A3 3 0 0 0 8.88 4",
14
+ stroke: "currentcolor",
15
+ "stroke-linecap": "round",
16
+ "stroke-linejoin": "round",
17
+ "stroke-width": "1.5"
18
+ }, null, -1),
19
+ createElementVNode("path", {
20
+ d: "M19 3h1m-1 3h.1M19 9h1m-1 3h.1",
21
+ stroke: "currentcolor",
22
+ "stroke-linecap": "round",
23
+ "stroke-width": "1.5"
24
+ }, null, -1),
25
+ createElementVNode("path", {
26
+ d: "M12 18v-8",
27
+ stroke: "currentcolor",
28
+ "stroke-linecap": "round",
29
+ "stroke-linejoin": "round",
30
+ "stroke-width": "1.5"
31
+ }, null, -1),
32
+ createElementVNode("circle", {
33
+ cx: "12",
34
+ cy: "18",
35
+ r: "1",
36
+ stroke: "currentcolor",
37
+ "stroke-width": "1.5"
38
+ }, null, -1)
39
+ ])]);
40
+ }
41
+ var IconThermometer_default = { render };
42
+ //#endregion
43
+ export { IconThermometer_default as default, render };
@@ -18,18 +18,21 @@ function render(_ctx, _cache) {
18
18
  x: "11.78"
19
19
  }, null, -1),
20
20
  createElementVNode("circle", {
21
+ class: "fill-tone-on",
21
22
  cx: "7.36",
22
23
  cy: "12.27",
23
24
  fill: "#fff",
24
25
  r: "1.47"
25
26
  }, null, -1),
26
27
  createElementVNode("circle", {
28
+ class: "fill-tone-on",
27
29
  cx: "11.78",
28
30
  cy: "12.27",
29
31
  fill: "#fff",
30
32
  r: "1.47"
31
33
  }, null, -1),
32
34
  createElementVNode("circle", {
35
+ class: "fill-tone-on",
33
36
  cx: "16.2",
34
37
  cy: "12.27",
35
38
  fill: "#fff",
@@ -9,16 +9,15 @@ var _hoisted_1 = {
9
9
  };
10
10
  function render(_ctx, _cache) {
11
11
  return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
12
- d: "M10 22h4c5 0 7-2 7-7V9c0-5-2-7-7-7h-4C5 2 3 4 3 9v6c0 5 2 7 7 7",
12
+ d: "M18.3 21H5.7a2 2 0 0 1-1.9-2.59l2.77-9A2 2 0 0 1 8.47 8h7.05a2 2 0 0 1 1.91 1.41l2.77 9A2 2 0 0 1 18.3 21Z",
13
13
  stroke: "currentcolor",
14
- "stroke-linecap": "round",
15
14
  "stroke-linejoin": "round",
16
15
  "stroke-width": "1.5"
17
- }, null, -1), createElementVNode("path", {
18
- d: "M17.25 8.29a7.9 7.9 0 0 0-10.5 0l2.18 3.5a4.6 4.6 0 0 1 6.14 0z",
16
+ }, null, -1), createElementVNode("circle", {
17
+ cx: "12",
18
+ cy: "5.5",
19
+ r: "2.5",
19
20
  stroke: "currentcolor",
20
- "stroke-linecap": "round",
21
- "stroke-linejoin": "round",
22
21
  "stroke-width": "1.5"
23
22
  }, null, -1)])]);
24
23
  }
@@ -0,0 +1,22 @@
1
+ import { createElementBlock, createElementVNode, openBlock } from "vue";
2
+ //#region src/assets/icons/IconWind.svg?component
3
+ var _hoisted_1 = {
4
+ width: "20",
5
+ height: "20",
6
+ viewBox: "0 0 24 24",
7
+ fill: "none",
8
+ xmlns: "http://www.w3.org/2000/svg"
9
+ };
10
+ function render(_ctx, _cache) {
11
+ return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
12
+ d: "m2 13.1 2.5-1.5a4.9 4.9 0 0 1 5 0c1.54.92 3.46.92 5 0a4.9 4.9 0 0 1 5 0l2.5 1.5M2 3.9l2.5 1.5c1.54.92 3.46.92 5 0a4.9 4.9 0 0 1 5 0c1.54.92 3.46.92 5 0L22 3.9M2 20.1l2.5-1.5a4.9 4.9 0 0 1 5 0c1.54.92 3.46.92 5 0a4.9 4.9 0 0 1 5 0l2.5 1.5",
13
+ stroke: "currentcolor",
14
+ "stroke-linecap": "round",
15
+ "stroke-linejoin": "round",
16
+ "stroke-miterlimit": "10",
17
+ "stroke-width": "1.5"
18
+ }, null, -1)])]);
19
+ }
20
+ var IconWind_default = { render };
21
+ //#endregion
22
+ export { IconWind_default as default, render };
@@ -1 +1 @@
1
- {"version":3,"file":"WButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButton.vue"],"names":[],"mappings":"AAgFA;AA8LA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,SAAS,CAAA;AAUxC,OAAO,EAAC,YAAY,EAAgI,MAAM,sBAAsB,CAAA;AAwChL,KAAK,WAAW,GAAG;IACjB,sBAAsB;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAC;AA2VF,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"WButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButton.vue"],"names":[],"mappings":"AAiFA;AA+LA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,SAAS,CAAA;AAUxC,OAAO,EAAC,YAAY,EAAgI,MAAM,sBAAsB,CAAA;AAwChL,KAAK,WAAW,GAAG;IACjB,sBAAsB;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAC;AA4VF,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
@@ -104,10 +104,11 @@ var WButton_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
104
104
  } : {}
105
105
  }, {
106
106
  ref: "container",
107
- class: ["relative isolate flex min-h---button-height items-center justify-center rounded-(--w-button-rounded,1rem) [border-width:var(--w-button-border,1px)] px-(--w-button-padding) font-medium whitespace-nowrap outline-none select-none w-ripple-rounded-[calc(var(--w-button-rounded,1rem)-var(--w-button-border,1px))]", {
107
+ class: ["relative isolate flex min-h---button-height items-center justify-center rounded-(--w-button-rounded,1rem) [border-width:var(--w-button-border,1px)] px-(--w-button-padding) font-medium whitespace-nowrap select-none w-ripple-rounded-[calc(var(--w-button-rounded,1rem)-var(--w-button-border,1px))]", {
108
108
  [unref(semanticTypeButtonBackgroundMap)[__props.semanticType] ?? unref(semanticTypeBackgroundMap)[__props.semanticType]]: !__props.outline,
109
+ "before:text-tone-fill": __props.outline,
109
110
  [unref(semanticTypeBorderMap)[__props.semanticType]]: true,
110
- "w-ripple cursor-pointer w-ripple-hover w-ripple-opacity-20 before:text-black-default dark:w-ripple-opacity-30": !__props.loading && !unref(isDisabled),
111
+ "w-ripple cursor-pointer w-ripple-hover before:text-black-default w-ripple-opacity-15": !__props.loading && !unref(isDisabled),
111
112
  "cursor-progress": __props.loading,
112
113
  "cursor-not-allowed opacity-70": unref(isDisabled),
113
114
  "last-not:rounded-r-none last-not:border-r-0 last-not:before:rounded-r-none first-not:rounded-l-none first-not:border-l-0 first-not:before:rounded-l-none": __props.join
@@ -63,7 +63,7 @@ var WButtonDropdown_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
63
63
  text: __props.tooltipText
64
64
  }, null, 8, ["text"])) : createCommentVNode("", true)])]),
65
65
  content: withCtx(() => [createVNode(WClickOutside_default, {
66
- class: "bg-surface my-1 max-h-[inherit] w-full overflow-y-auto overflow-x-hidden overscroll-contain rounded-xl shadow-md border border-solid border-line-raised",
66
+ class: "surface-raised my-1 max-h-[inherit] w-full overflow-y-auto overflow-x-hidden overscroll-contain rounded-xl shadow-md border border-solid border-line-raised",
67
67
  onClick: close
68
68
  }, {
69
69
  default: withCtx(() => [renderSlot(_ctx.$slots, "content", { close })]),
@@ -111,11 +111,11 @@ var WButtonGroup_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
111
111
  name: "field",
112
112
  fn: withCtx(() => [unref(isSkeleton) ? (openBlock(), createBlock(WSkeleton_default, {
113
113
  key: 0,
114
- class: "w-skeleton-h---w-button-height w-skeleton-rounded-[0.625rem]"
114
+ class: "w-skeleton-h---w-button-height w-skeleton-rounded-(--w-button-rounded,1rem)"
115
115
  })) : (openBlock(), createElementBlock("div", {
116
116
  key: 1,
117
117
  role: "group",
118
- class: normalizeClass(["flex max-w-full gap-0.5 rounded-[0.625rem] p-0.75 bg-surface-muted", {
118
+ class: normalizeClass(["flex max-w-full gap-0.5 rounded-(--w-button-rounded,1rem) p-0.75 bg-surface-muted", {
119
119
  "flex-wrap": __props.wrap,
120
120
  "flex-col": __props.col,
121
121
  "w-fit": !__props.stretch
@@ -125,7 +125,7 @@ var WButtonGroup_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
125
125
  key: index,
126
126
  type: "button",
127
127
  "aria-pressed": getValue(item) === __props.modelValue,
128
- class: normalizeClass(["relative isolate flex h-[calc(var(--w-button-height,2.75rem)-0.375rem)] bg-size-[200%] bg-position-[100%] items-center justify-center gap-2 rounded-lg px-3 font-medium whitespace-nowrap outline-none select-none", {
128
+ class: normalizeClass(["relative isolate flex h-[calc(var(--w-button-height,2.75rem)-0.375rem)] bg-size-[200%] bg-position-[100%] items-center justify-center gap-2 rounded-[max(0px,calc(var(--w-button-rounded,1rem)-0.1875rem))] px-(--w-button-padding) font-medium whitespace-nowrap outline-none select-none", {
129
129
  [unref(semanticTypeButtonBackgroundMap)[__props.semanticType] ?? unref(semanticTypeBackgroundMap)[__props.semanticType]]: getValue(item) === __props.modelValue,
130
130
  "shadow-sm": getValue(item) === __props.modelValue,
131
131
  "text-accent bg-transparent": getValue(item) !== __props.modelValue,