veloce-vue 0.21.0 → 0.22.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 (235) hide show
  1. package/_virtual/_plugin-vue_export-helper.js +9 -0
  2. package/components/Accordion.vue.js +91 -0
  3. package/components/Accordion.vue2.js +4 -0
  4. package/components/Badge.vue.d.ts +1 -0
  5. package/components/Badge.vue.js +47 -0
  6. package/components/Badge.vue2.js +4 -0
  7. package/components/Button.vue.d.ts +7 -8
  8. package/components/Button.vue.js +7 -0
  9. package/components/Button.vue2.js +114 -0
  10. package/components/Checkbox.vue.d.ts +6 -7
  11. package/components/Checkbox.vue.js +98 -0
  12. package/components/Checkbox.vue2.js +4 -0
  13. package/components/Chip.vue.d.ts +6 -7
  14. package/components/Chip.vue.js +61 -0
  15. package/components/Chip.vue2.js +4 -0
  16. package/components/Drawer.vue.js +94 -0
  17. package/components/Drawer.vue2.js +4 -0
  18. package/components/Fieldset.vue.d.ts +6 -7
  19. package/components/Fieldset.vue.js +49 -0
  20. package/components/Fieldset.vue2.js +4 -0
  21. package/components/Input.vue.d.ts +11 -12
  22. package/components/Input.vue.js +106 -0
  23. package/components/Input.vue2.js +4 -0
  24. package/components/JsonRenderer.vue.js +63 -0
  25. package/components/JsonRenderer.vue2.js +4 -0
  26. package/components/Layout.vue.js +83 -0
  27. package/components/Layout.vue2.js +4 -0
  28. package/components/Message.vue.d.ts +6 -7
  29. package/components/Message.vue.js +109 -0
  30. package/components/Message.vue2.js +4 -0
  31. package/components/MiniEditor.vue.js +132 -0
  32. package/components/MiniEditor.vue2.js +4 -0
  33. package/components/Modal.vue.js +73 -0
  34. package/components/Modal.vue2.js +4 -0
  35. package/components/Popover.vue.js +78 -0
  36. package/components/Popover.vue2.js +4 -0
  37. package/components/ProgressBar.vue.js +51 -0
  38. package/components/ProgressBar.vue2.js +4 -0
  39. package/components/ProgressSpinner.vue.js +47 -0
  40. package/components/ProgressSpinner.vue2.js +4 -0
  41. package/components/RangeSlider.vue.js +61 -0
  42. package/components/RangeSlider.vue2.js +4 -0
  43. package/components/Select.vue.js +129 -0
  44. package/components/Select.vue2.js +4 -0
  45. package/components/Separator.vue.d.ts +6 -7
  46. package/components/Separator.vue.js +74 -0
  47. package/components/Separator.vue2.js +4 -0
  48. package/components/Skeleton.vue.js +7 -0
  49. package/components/Skeleton.vue2.js +24 -0
  50. package/components/Switch.vue.js +48 -0
  51. package/components/Switch.vue2.js +4 -0
  52. package/components/Tooltip.vue.js +35 -0
  53. package/components/Tooltip.vue2.js +4 -0
  54. package/components/icon/Icon.vue.d.ts +2 -3
  55. package/components/icon/Icon.vue.js +21 -0
  56. package/components/icon/Icon.vue2.js +4 -0
  57. package/components/icon/icons.d.ts +139 -142
  58. package/components/typography/Blockquote.vue.js +55 -0
  59. package/components/typography/Blockquote.vue2.js +4 -0
  60. package/components/typography/Code.vue.js +74 -0
  61. package/components/typography/Code.vue2.js +4 -0
  62. package/components/typography/H1.vue.js +55 -0
  63. package/components/typography/H1.vue2.js +4 -0
  64. package/components/typography/H2.vue.js +55 -0
  65. package/components/typography/H2.vue2.js +4 -0
  66. package/components/typography/H3.vue.js +55 -0
  67. package/components/typography/H3.vue2.js +4 -0
  68. package/components/typography/H4.vue.js +55 -0
  69. package/components/typography/H4.vue2.js +4 -0
  70. package/components/typography/H5.vue.js +55 -0
  71. package/components/typography/H5.vue2.js +4 -0
  72. package/components/typography/H6.vue.js +55 -0
  73. package/components/typography/H6.vue2.js +4 -0
  74. package/components/typography/Label.vue.js +61 -0
  75. package/components/typography/Label.vue2.js +4 -0
  76. package/components/typography/List.vue.js +60 -0
  77. package/components/typography/List.vue2.js +4 -0
  78. package/components/typography/P.vue.js +55 -0
  79. package/components/typography/P.vue2.js +4 -0
  80. package/components/typography/Span.vue.js +55 -0
  81. package/components/typography/Span.vue2.js +4 -0
  82. package/config.js +2 -14
  83. package/exports/icons.d.ts +2 -1
  84. package/exports/toast.d.ts +1 -1
  85. package/exports/types.d.ts +3 -3
  86. package/icons/Alert.vue.js +31 -0
  87. package/icons/AlertCircle.vue.js +31 -0
  88. package/icons/Archive.vue.js +33 -0
  89. package/icons/ArrowDown.vue.js +26 -0
  90. package/icons/ArrowLeft.vue.js +26 -0
  91. package/icons/ArrowRight.vue.js +26 -0
  92. package/icons/ArrowUp.vue.js +26 -0
  93. package/icons/AtSign.vue.js +30 -0
  94. package/icons/Bell.vue.js +26 -0
  95. package/icons/Bold.vue.js +20 -0
  96. package/icons/Bookmark.vue.js +25 -0
  97. package/icons/Camera.vue.js +30 -0
  98. package/icons/Check.vue.js +20 -0
  99. package/icons/CheckCircle.vue.js +26 -0
  100. package/icons/CheckSquare.vue.js +26 -0
  101. package/icons/ChevronDown.vue.js +20 -0
  102. package/icons/ChevronLeft.vue.js +25 -0
  103. package/icons/ChevronRight.vue.js +25 -0
  104. package/icons/ChevronUp.vue.js +25 -0
  105. package/icons/Circle.vue.js +29 -0
  106. package/icons/Clock.vue.js +30 -0
  107. package/icons/Close.vue.js +20 -0
  108. package/icons/Cloud.vue.js +25 -0
  109. package/icons/CloudDownload.vue.js +27 -0
  110. package/icons/CloudUpload.vue.js +27 -0
  111. package/icons/Code.vue.js +26 -0
  112. package/icons/Command.vue.js +26 -0
  113. package/icons/Copy.vue.js +33 -0
  114. package/icons/CreditCard.vue.js +32 -0
  115. package/icons/Database.vue.js +32 -0
  116. package/icons/Download.vue.js +27 -0
  117. package/icons/Edit.vue.js +26 -0
  118. package/icons/ExternalLink.vue.js +27 -0
  119. package/icons/Eye.vue.js +30 -0
  120. package/icons/EyeOff.vue.js +26 -0
  121. package/icons/FastForward.vue.js +26 -0
  122. package/icons/File.vue.js +26 -0
  123. package/icons/FileAudio.vue.js +17 -0
  124. package/icons/FileImage.vue.js +27 -0
  125. package/icons/FilePdf.vue.js +17 -0
  126. package/icons/FileText.vue.js +17 -0
  127. package/icons/FileVideo.vue.js +27 -0
  128. package/icons/FileZip.vue.js +17 -0
  129. package/icons/Filter.vue.js +25 -0
  130. package/icons/Folder.vue.js +25 -0
  131. package/icons/FolderOpen.vue.js +25 -0
  132. package/icons/FolderPlus.vue.js +27 -0
  133. package/icons/Grid.vue.js +33 -0
  134. package/icons/Hamburger.vue.js +24 -0
  135. package/icons/Hash.vue.js +17 -0
  136. package/icons/Heart.vue.js +25 -0
  137. package/icons/HelpCircle.vue.js +31 -0
  138. package/icons/Highlight.vue.js +20 -0
  139. package/icons/Home.vue.js +26 -0
  140. package/icons/Image.vue.js +38 -0
  141. package/icons/Inbox.vue.js +26 -0
  142. package/icons/Info.vue.js +31 -0
  143. package/icons/Italic.vue.js +24 -0
  144. package/icons/Key.vue.js +31 -0
  145. package/icons/Layout.vue.js +33 -0
  146. package/icons/Link.vue.js +26 -0
  147. package/icons/Link2.vue.js +27 -0
  148. package/icons/List.vue.js +17 -0
  149. package/icons/Loading.vue.js +33 -0
  150. package/icons/Lock.vue.js +33 -0
  151. package/icons/LogIn.vue.js +27 -0
  152. package/icons/LogOut.vue.js +27 -0
  153. package/icons/Mail.vue.js +32 -0
  154. package/icons/Maximize.vue.js +25 -0
  155. package/icons/Menu.vue.js +42 -0
  156. package/icons/MessageCircle.vue.js +25 -0
  157. package/icons/MessageSquare.vue.js +25 -0
  158. package/icons/Mic.vue.js +17 -0
  159. package/icons/MicOff.vue.js +17 -0
  160. package/icons/Minimize.vue.js +25 -0
  161. package/icons/Minus.vue.js +25 -0
  162. package/icons/Moon.vue.js +24 -0
  163. package/icons/MoreHorizontal.vue.js +39 -0
  164. package/icons/MoreVertical.vue.js +39 -0
  165. package/icons/Move.vue.js +17 -0
  166. package/icons/Package.vue.js +17 -0
  167. package/icons/Paperclip.vue.js +25 -0
  168. package/icons/Pause.vue.js +36 -0
  169. package/icons/Phone.vue.js +25 -0
  170. package/icons/Play.vue.js +25 -0
  171. package/icons/Plus.vue.js +26 -0
  172. package/icons/Printer.vue.js +27 -0
  173. package/icons/RadioButton.vue.js +34 -0
  174. package/icons/RefreshCw.vue.js +17 -0
  175. package/icons/Repeat.vue.js +17 -0
  176. package/icons/Rewind.vue.js +26 -0
  177. package/icons/RotateCcw.vue.js +26 -0
  178. package/icons/RotateCw.vue.js +26 -0
  179. package/icons/Save.vue.js +26 -0
  180. package/icons/Scissors.vue.js +17 -0
  181. package/icons/Search.vue.js +30 -0
  182. package/icons/Send.vue.js +26 -0
  183. package/icons/Server.vue.js +17 -0
  184. package/icons/Settings.vue.js +30 -0
  185. package/icons/Share.vue.js +27 -0
  186. package/icons/Shield.vue.js +25 -0
  187. package/icons/Shuffle.vue.js +17 -0
  188. package/icons/Sidebar.vue.js +32 -0
  189. package/icons/SkipBack.vue.js +31 -0
  190. package/icons/SkipForward.vue.js +31 -0
  191. package/icons/Slider.vue.js +17 -0
  192. package/icons/Sliders.vue.js +17 -0
  193. package/icons/SortAsc.vue.js +17 -0
  194. package/icons/SortDesc.vue.js +17 -0
  195. package/icons/Square.vue.js +31 -0
  196. package/icons/Star.vue.js +25 -0
  197. package/icons/Stop.vue.js +31 -0
  198. package/icons/Sun.vue.js +20 -0
  199. package/icons/Tag.vue.js +31 -0
  200. package/icons/Tags.vue.js +27 -0
  201. package/icons/Terminal.vue.js +31 -0
  202. package/icons/ThumbsDown.vue.js +26 -0
  203. package/icons/ThumbsUp.vue.js +26 -0
  204. package/icons/ToggleLeft.vue.js +36 -0
  205. package/icons/ToggleRight.vue.js +36 -0
  206. package/icons/Trash.vue.js +27 -0
  207. package/icons/Trash2.vue.js +17 -0
  208. package/icons/Unlink.vue.js +17 -0
  209. package/icons/Unlock.vue.js +33 -0
  210. package/icons/Upload.vue.js +27 -0
  211. package/icons/User.vue.js +30 -0
  212. package/icons/Users.vue.js +31 -0
  213. package/icons/Video.vue.js +32 -0
  214. package/icons/VideoOff.vue.js +27 -0
  215. package/icons/Volume.vue.js +26 -0
  216. package/icons/Volume1.vue.js +26 -0
  217. package/icons/Volume2.vue.js +26 -0
  218. package/icons/VolumeMute.vue.js +25 -0
  219. package/icons/VolumeX.vue.js +27 -0
  220. package/icons/X.vue.js +26 -0
  221. package/icons/XCircle.vue.js +31 -0
  222. package/icons/Zap.vue.js +25 -0
  223. package/icons/ZoomIn.vue.js +17 -0
  224. package/icons/ZoomOut.vue.js +31 -0
  225. package/icons.js +280 -4
  226. package/package.json +6 -1
  227. package/ui.js +45 -8345
  228. package/utils/config.js +16 -0
  229. package/utils/margin.js +77 -0
  230. package/utils/padding.js +77 -0
  231. package/utils/typography.js +66 -0
  232. package/utils/useRandomId.js +10 -0
  233. package/veloce.css +1 -1
  234. package/components/icon/index.d.ts +0 -6
  235. package/index-BLYh_r9b.js +0 -2977
@@ -0,0 +1,55 @@
1
+ import { defineComponent as h, computed as T, createElementBlock as B, openBlock as L, normalizeClass as _ } from "vue";
2
+ import { getTypography as x } from "../../utils/typography.js";
3
+ import { getMargin as H } from "../../utils/margin.js";
4
+ import { getPadding as R } from "../../utils/padding.js";
5
+ const z = ["innerHTML"], P = /* @__PURE__ */ h({
6
+ __name: "H2",
7
+ props: {
8
+ text: { type: String, default: "" },
9
+ fontSize: { type: String, default: "3xl" },
10
+ color: { type: String, default: "default" },
11
+ fontWeight: { type: String, default: "medium" },
12
+ lineHeight: { type: String, default: "xs" },
13
+ letterSpacing: { type: String, default: "md" },
14
+ // margin
15
+ margin: { type: String, default: "" },
16
+ marginLeft: { type: String, default: "" },
17
+ marginRight: { type: String, default: "" },
18
+ marginTop: { type: String, default: "lg" },
19
+ marginBottom: { type: String, default: "md" },
20
+ // padding
21
+ padding: { type: String, default: "" },
22
+ paddingLeft: { type: String, default: "" },
23
+ paddingRight: { type: String, default: "" },
24
+ paddingTop: { type: String, default: "" },
25
+ paddingBottom: { type: String, default: "" }
26
+ },
27
+ setup(e) {
28
+ const { fontSizes: n, fontWeights: i, textColors: g, letterSpacings: a, lineHeights: r } = x(), { margin: o, marginLeft: d, marginRight: p, marginTop: l, marginBottom: m } = H(), { padding: f, paddingLeft: s, paddingRight: u, paddingTop: c, paddingBottom: S } = R(), t = e, y = T(() => [
29
+ n[t.fontSize],
30
+ g[t.color],
31
+ i[t.fontWeight],
32
+ r[t.lineHeight],
33
+ a[t.letterSpacing],
34
+ // margin
35
+ o[t.margin],
36
+ d[t.marginLeft],
37
+ p[t.marginRight],
38
+ l[t.marginTop],
39
+ m[t.marginBottom],
40
+ // padding
41
+ f[t.padding],
42
+ s[t.paddingLeft],
43
+ u[t.paddingRight],
44
+ c[t.paddingTop],
45
+ S[t.paddingBottom]
46
+ ]);
47
+ return (C, M) => (L(), B("h2", {
48
+ class: _(y.value),
49
+ innerHTML: t.text
50
+ }, null, 10, z));
51
+ }
52
+ });
53
+ export {
54
+ P as default
55
+ };
@@ -0,0 +1,4 @@
1
+ import f from "./H2.vue.js";
2
+ export {
3
+ f as default
4
+ };
@@ -0,0 +1,55 @@
1
+ import { defineComponent as h, computed as T, createElementBlock as B, openBlock as L, normalizeClass as _ } from "vue";
2
+ import { getTypography as x } from "../../utils/typography.js";
3
+ import { getMargin as H } from "../../utils/margin.js";
4
+ import { getPadding as R } from "../../utils/padding.js";
5
+ const z = ["innerHTML"], P = /* @__PURE__ */ h({
6
+ __name: "H3",
7
+ props: {
8
+ text: { type: String, default: "" },
9
+ fontSize: { type: String, default: "2xl" },
10
+ color: { type: String, default: "default" },
11
+ fontWeight: { type: String, default: "medium" },
12
+ lineHeight: { type: String, default: "xs" },
13
+ letterSpacing: { type: String, default: "md" },
14
+ // margin
15
+ margin: { type: String, default: "" },
16
+ marginLeft: { type: String, default: "" },
17
+ marginRight: { type: String, default: "" },
18
+ marginTop: { type: String, default: "lg" },
19
+ marginBottom: { type: String, default: "md" },
20
+ // padding
21
+ padding: { type: String, default: "" },
22
+ paddingLeft: { type: String, default: "" },
23
+ paddingRight: { type: String, default: "" },
24
+ paddingTop: { type: String, default: "" },
25
+ paddingBottom: { type: String, default: "" }
26
+ },
27
+ setup(e) {
28
+ const { fontSizes: n, fontWeights: i, textColors: g, letterSpacings: a, lineHeights: r } = x(), { margin: o, marginLeft: d, marginRight: p, marginTop: l, marginBottom: m } = H(), { padding: f, paddingLeft: s, paddingRight: u, paddingTop: c, paddingBottom: S } = R(), t = e, y = T(() => [
29
+ n[t.fontSize],
30
+ g[t.color],
31
+ i[t.fontWeight],
32
+ r[t.lineHeight],
33
+ a[t.letterSpacing],
34
+ // margin
35
+ o[t.margin],
36
+ d[t.marginLeft],
37
+ p[t.marginRight],
38
+ l[t.marginTop],
39
+ m[t.marginBottom],
40
+ // padding
41
+ f[t.padding],
42
+ s[t.paddingLeft],
43
+ u[t.paddingRight],
44
+ c[t.paddingTop],
45
+ S[t.paddingBottom]
46
+ ]);
47
+ return (C, M) => (L(), B("h3", {
48
+ class: _(y.value),
49
+ innerHTML: t.text
50
+ }, null, 10, z));
51
+ }
52
+ });
53
+ export {
54
+ P as default
55
+ };
@@ -0,0 +1,4 @@
1
+ import f from "./H3.vue.js";
2
+ export {
3
+ f as default
4
+ };
@@ -0,0 +1,55 @@
1
+ import { defineComponent as h, computed as T, createElementBlock as B, openBlock as L, normalizeClass as _ } from "vue";
2
+ import { getTypography as x } from "../../utils/typography.js";
3
+ import { getMargin as H } from "../../utils/margin.js";
4
+ import { getPadding as R } from "../../utils/padding.js";
5
+ const z = ["innerHTML"], P = /* @__PURE__ */ h({
6
+ __name: "H4",
7
+ props: {
8
+ text: { type: String, default: "" },
9
+ fontSize: { type: String, default: "xl" },
10
+ color: { type: String, default: "default" },
11
+ fontWeight: { type: String, default: "medium" },
12
+ lineHeight: { type: String, default: "xs" },
13
+ letterSpacing: { type: String, default: "md" },
14
+ // margin
15
+ margin: { type: String, default: "" },
16
+ marginLeft: { type: String, default: "" },
17
+ marginRight: { type: String, default: "" },
18
+ marginTop: { type: String, default: "md" },
19
+ marginBottom: { type: String, default: "sm" },
20
+ // padding
21
+ padding: { type: String, default: "" },
22
+ paddingLeft: { type: String, default: "" },
23
+ paddingRight: { type: String, default: "" },
24
+ paddingTop: { type: String, default: "" },
25
+ paddingBottom: { type: String, default: "" }
26
+ },
27
+ setup(e) {
28
+ const { fontSizes: n, fontWeights: i, textColors: g, letterSpacings: a, lineHeights: r } = x(), { margin: o, marginLeft: d, marginRight: p, marginTop: m, marginBottom: l } = H(), { padding: f, paddingLeft: s, paddingRight: u, paddingTop: c, paddingBottom: S } = R(), t = e, y = T(() => [
29
+ n[t.fontSize],
30
+ g[t.color],
31
+ i[t.fontWeight],
32
+ r[t.lineHeight],
33
+ a[t.letterSpacing],
34
+ // margin
35
+ o[t.margin],
36
+ d[t.marginLeft],
37
+ p[t.marginRight],
38
+ m[t.marginTop],
39
+ l[t.marginBottom],
40
+ // padding
41
+ f[t.padding],
42
+ s[t.paddingLeft],
43
+ u[t.paddingRight],
44
+ c[t.paddingTop],
45
+ S[t.paddingBottom]
46
+ ]);
47
+ return (C, M) => (L(), B("h4", {
48
+ class: _(y.value),
49
+ innerHTML: t.text
50
+ }, null, 10, z));
51
+ }
52
+ });
53
+ export {
54
+ P as default
55
+ };
@@ -0,0 +1,4 @@
1
+ import f from "./H4.vue.js";
2
+ export {
3
+ f as default
4
+ };
@@ -0,0 +1,55 @@
1
+ import { defineComponent as h, computed as T, createElementBlock as B, openBlock as L, normalizeClass as _ } from "vue";
2
+ import { getTypography as x } from "../../utils/typography.js";
3
+ import { getMargin as H } from "../../utils/margin.js";
4
+ import { getPadding as R } from "../../utils/padding.js";
5
+ const z = ["innerHTML"], P = /* @__PURE__ */ h({
6
+ __name: "H5",
7
+ props: {
8
+ text: { type: String, default: "" },
9
+ fontSize: { type: String, default: "lg" },
10
+ color: { type: String, default: "default" },
11
+ fontWeight: { type: String, default: "medium" },
12
+ lineHeight: { type: String, default: "xs" },
13
+ letterSpacing: { type: String, default: "md" },
14
+ // margin
15
+ margin: { type: String, default: "" },
16
+ marginLeft: { type: String, default: "" },
17
+ marginRight: { type: String, default: "" },
18
+ marginTop: { type: String, default: "md" },
19
+ marginBottom: { type: String, default: "sm" },
20
+ // padding
21
+ padding: { type: String, default: "" },
22
+ paddingLeft: { type: String, default: "" },
23
+ paddingRight: { type: String, default: "" },
24
+ paddingTop: { type: String, default: "" },
25
+ paddingBottom: { type: String, default: "" }
26
+ },
27
+ setup(e) {
28
+ const { fontSizes: n, fontWeights: i, textColors: g, letterSpacings: a, lineHeights: r } = x(), { margin: o, marginLeft: d, marginRight: p, marginTop: m, marginBottom: l } = H(), { padding: f, paddingLeft: s, paddingRight: u, paddingTop: c, paddingBottom: S } = R(), t = e, y = T(() => [
29
+ n[t.fontSize],
30
+ g[t.color],
31
+ i[t.fontWeight],
32
+ r[t.lineHeight],
33
+ a[t.letterSpacing],
34
+ // margin
35
+ o[t.margin],
36
+ d[t.marginLeft],
37
+ p[t.marginRight],
38
+ m[t.marginTop],
39
+ l[t.marginBottom],
40
+ // padding
41
+ f[t.padding],
42
+ s[t.paddingLeft],
43
+ u[t.paddingRight],
44
+ c[t.paddingTop],
45
+ S[t.paddingBottom]
46
+ ]);
47
+ return (C, M) => (L(), B("h5", {
48
+ class: _(y.value),
49
+ innerHTML: t.text
50
+ }, null, 10, z));
51
+ }
52
+ });
53
+ export {
54
+ P as default
55
+ };
@@ -0,0 +1,4 @@
1
+ import f from "./H5.vue.js";
2
+ export {
3
+ f as default
4
+ };
@@ -0,0 +1,55 @@
1
+ import { defineComponent as h, computed as T, createElementBlock as B, openBlock as L, normalizeClass as _ } from "vue";
2
+ import { getTypography as x } from "../../utils/typography.js";
3
+ import { getMargin as H } from "../../utils/margin.js";
4
+ import { getPadding as R } from "../../utils/padding.js";
5
+ const z = ["innerHTML"], E = /* @__PURE__ */ h({
6
+ __name: "H6",
7
+ props: {
8
+ text: { type: String, default: "" },
9
+ fontSize: { type: String, default: "base" },
10
+ color: { type: String, default: "default" },
11
+ fontWeight: { type: String, default: "medium" },
12
+ lineHeight: { type: String, default: "xs" },
13
+ letterSpacing: { type: String, default: "md" },
14
+ // margin
15
+ margin: { type: String, default: "" },
16
+ marginLeft: { type: String, default: "" },
17
+ marginRight: { type: String, default: "" },
18
+ marginTop: { type: String, default: "md" },
19
+ marginBottom: { type: String, default: "sm" },
20
+ // padding
21
+ padding: { type: String, default: "" },
22
+ paddingLeft: { type: String, default: "" },
23
+ paddingRight: { type: String, default: "" },
24
+ paddingTop: { type: String, default: "" },
25
+ paddingBottom: { type: String, default: "" }
26
+ },
27
+ setup(e) {
28
+ const { fontSizes: n, fontWeights: i, textColors: g, letterSpacings: a, lineHeights: r } = x(), { margin: o, marginLeft: d, marginRight: p, marginTop: m, marginBottom: l } = H(), { padding: f, paddingLeft: s, paddingRight: u, paddingTop: c, paddingBottom: S } = R(), t = e, y = T(() => [
29
+ n[t.fontSize],
30
+ g[t.color],
31
+ i[t.fontWeight],
32
+ r[t.lineHeight],
33
+ a[t.letterSpacing],
34
+ // margin
35
+ o[t.margin],
36
+ d[t.marginLeft],
37
+ p[t.marginRight],
38
+ m[t.marginTop],
39
+ l[t.marginBottom],
40
+ // padding
41
+ f[t.padding],
42
+ s[t.paddingLeft],
43
+ u[t.paddingRight],
44
+ c[t.paddingTop],
45
+ S[t.paddingBottom]
46
+ ]);
47
+ return (C, M) => (L(), B("h6", {
48
+ class: _(y.value),
49
+ innerHTML: t.text
50
+ }, null, 10, z));
51
+ }
52
+ });
53
+ export {
54
+ E as default
55
+ };
@@ -0,0 +1,4 @@
1
+ import f from "./H6.vue.js";
2
+ export {
3
+ f as default
4
+ };
@@ -0,0 +1,61 @@
1
+ import { defineComponent as T, computed as _, createElementBlock as e, openBlock as n, normalizeClass as x, createTextVNode as L, createCommentVNode as R, toDisplayString as k } from "vue";
2
+ import { getTypography as z } from "../../utils/typography.js";
3
+ import { getMargin as C } from "../../utils/margin.js";
4
+ import { getPadding as b } from "../../utils/padding.js";
5
+ const H = {
6
+ key: 0,
7
+ class: "text-error ml-1"
8
+ }, E = /* @__PURE__ */ T({
9
+ __name: "Label",
10
+ props: {
11
+ text: { type: String, default: "" },
12
+ fontSize: { type: String, default: "" },
13
+ color: { type: String, default: "" },
14
+ fontWeight: { type: String, default: "" },
15
+ lineHeight: { type: String, default: "" },
16
+ letterSpacing: { type: String, default: "" },
17
+ required: { type: Boolean, default: !1 },
18
+ // margin
19
+ margin: { type: String, default: "" },
20
+ marginLeft: { type: String, default: "" },
21
+ marginRight: { type: String, default: "" },
22
+ marginTop: { type: String, default: "sm" },
23
+ marginBottom: { type: String, default: "sm" },
24
+ // padding
25
+ padding: { type: String, default: "" },
26
+ paddingLeft: { type: String, default: "" },
27
+ paddingRight: { type: String, default: "" },
28
+ paddingTop: { type: String, default: "" },
29
+ paddingBottom: { type: String, default: "" }
30
+ },
31
+ setup(i) {
32
+ const { fontSizes: a, fontWeights: r, textColors: g, letterSpacings: o, lineHeights: p } = z(), { margin: d, marginLeft: l, marginRight: m, marginTop: f, marginBottom: s } = C(), { padding: u, paddingLeft: c, paddingRight: S, paddingTop: y, paddingBottom: h } = b(), t = i, B = _(() => [
33
+ a[t.fontSize],
34
+ g[t.color],
35
+ r[t.fontWeight],
36
+ p[t.lineHeight],
37
+ o[t.letterSpacing],
38
+ // margin
39
+ d[t.margin],
40
+ l[t.marginLeft],
41
+ m[t.marginRight],
42
+ f[t.marginTop],
43
+ s[t.marginBottom],
44
+ // padding
45
+ u[t.padding],
46
+ c[t.paddingLeft],
47
+ S[t.paddingRight],
48
+ y[t.paddingTop],
49
+ h[t.paddingBottom]
50
+ ]);
51
+ return (W, q) => (n(), e("label", {
52
+ class: x([B.value, "block"])
53
+ }, [
54
+ L(k(t.text) + " ", 1),
55
+ t.required ? (n(), e("span", H, "*")) : R("", !0)
56
+ ], 2));
57
+ }
58
+ });
59
+ export {
60
+ E as default
61
+ };
@@ -0,0 +1,4 @@
1
+ import f from "./Label.vue.js";
2
+ export {
3
+ f as default
4
+ };
@@ -0,0 +1,60 @@
1
+ import { defineComponent as h, computed as L, createBlock as C, openBlock as i, resolveDynamicComponent as R, normalizeClass as T, withCtx as x, createElementBlock as n, Fragment as k, renderList as _, toDisplayString as v } from "vue";
2
+ import { getMargin as D } from "../../utils/margin.js";
3
+ import { getPadding as q } from "../../utils/padding.js";
4
+ const M = /* @__PURE__ */ h({
5
+ __name: "List",
6
+ props: {
7
+ type: { type: String, default: "ul" },
8
+ spacing: { type: String, default: "sm" },
9
+ items: { type: Array, required: !0 },
10
+ // margin
11
+ margin: { type: String, default: "" },
12
+ marginLeft: { type: String, default: "xl" },
13
+ marginRight: { type: String, default: "" },
14
+ marginTop: { type: String, default: "" },
15
+ marginBottom: { type: String, default: "" },
16
+ // padding
17
+ padding: { type: String, default: "" },
18
+ paddingLeft: { type: String, default: "" },
19
+ paddingRight: { type: String, default: "" },
20
+ paddingTop: { type: String, default: "" },
21
+ paddingBottom: { type: String, default: "" }
22
+ },
23
+ setup(e) {
24
+ const { margin: a, marginLeft: g, marginRight: r, marginTop: p, marginBottom: d } = D(), { padding: o, paddingLeft: l, paddingRight: s, paddingTop: m, paddingBottom: c } = q(), t = e, u = {
25
+ sm: "space-y-1",
26
+ md: "space-y-2",
27
+ lg: "space-y-3",
28
+ xl: "space-y-4"
29
+ }, f = {
30
+ ul: "list-disc",
31
+ ol: "list-decimal"
32
+ }, y = L(() => [
33
+ f[t.type],
34
+ u[t.spacing],
35
+ // margin
36
+ a[t.margin],
37
+ g[t.marginLeft],
38
+ r[t.marginRight],
39
+ p[t.marginTop],
40
+ d[t.marginBottom],
41
+ // padding
42
+ o[t.padding],
43
+ l[t.paddingLeft],
44
+ s[t.paddingRight],
45
+ m[t.paddingTop],
46
+ c[t.paddingBottom]
47
+ ].filter(Boolean));
48
+ return (w, z) => (i(), C(R(e.type), {
49
+ class: T(y.value)
50
+ }, {
51
+ default: x(() => [
52
+ (i(!0), n(k, null, _(e.items || [], (S, B) => (i(), n("li", { key: B }, v(S), 1))), 128))
53
+ ]),
54
+ _: 1
55
+ }, 8, ["class"]));
56
+ }
57
+ });
58
+ export {
59
+ M as default
60
+ };
@@ -0,0 +1,4 @@
1
+ import f from "./List.vue.js";
2
+ export {
3
+ f as default
4
+ };
@@ -0,0 +1,55 @@
1
+ import { defineComponent as h, computed as T, createElementBlock as B, openBlock as L, normalizeClass as _ } from "vue";
2
+ import { getTypography as x } from "../../utils/typography.js";
3
+ import { getMargin as R } from "../../utils/margin.js";
4
+ import { getPadding as H } from "../../utils/padding.js";
5
+ const z = ["innerHTML"], E = /* @__PURE__ */ h({
6
+ __name: "P",
7
+ props: {
8
+ text: { type: String, default: "" },
9
+ fontSize: { type: String, default: "md" },
10
+ color: { type: String, default: "default" },
11
+ fontWeight: { type: String, default: "normal" },
12
+ lineHeight: { type: String, default: "" },
13
+ letterSpacing: { type: String, default: "" },
14
+ // margin
15
+ margin: { type: String, default: "" },
16
+ marginLeft: { type: String, default: "" },
17
+ marginRight: { type: String, default: "" },
18
+ marginTop: { type: String, default: "xs" },
19
+ marginBottom: { type: String, default: "md" },
20
+ // padding
21
+ padding: { type: String, default: "" },
22
+ paddingLeft: { type: String, default: "" },
23
+ paddingRight: { type: String, default: "" },
24
+ paddingTop: { type: String, default: "" },
25
+ paddingBottom: { type: String, default: "" }
26
+ },
27
+ setup(e) {
28
+ const { fontSizes: n, fontWeights: i, textColors: g, letterSpacings: a, lineHeights: r } = x(), { margin: o, marginLeft: p, marginRight: d, marginTop: l, marginBottom: m } = R(), { padding: f, paddingLeft: s, paddingRight: u, paddingTop: c, paddingBottom: S } = H(), t = e, y = T(() => [
29
+ n[t.fontSize],
30
+ g[t.color],
31
+ i[t.fontWeight],
32
+ r[t.lineHeight],
33
+ a[t.letterSpacing],
34
+ // margin
35
+ o[t.margin],
36
+ p[t.marginLeft],
37
+ d[t.marginRight],
38
+ l[t.marginTop],
39
+ m[t.marginBottom],
40
+ // padding
41
+ f[t.padding],
42
+ s[t.paddingLeft],
43
+ u[t.paddingRight],
44
+ c[t.paddingTop],
45
+ S[t.paddingBottom]
46
+ ]);
47
+ return (C, M) => (L(), B("p", {
48
+ class: _(y.value),
49
+ innerHTML: t.text
50
+ }, null, 10, z));
51
+ }
52
+ });
53
+ export {
54
+ E as default
55
+ };
@@ -0,0 +1,4 @@
1
+ import f from "./P.vue.js";
2
+ export {
3
+ f as default
4
+ };
@@ -0,0 +1,55 @@
1
+ import { defineComponent as h, computed as T, createElementBlock as B, openBlock as L, normalizeClass as _ } from "vue";
2
+ import { getTypography as R } from "../../utils/typography.js";
3
+ import { getMargin as x } from "../../utils/margin.js";
4
+ import { getPadding as H } from "../../utils/padding.js";
5
+ const z = ["innerHTML"], P = /* @__PURE__ */ h({
6
+ __name: "Span",
7
+ props: {
8
+ text: { type: String, default: "" },
9
+ fontSize: { type: String, default: "" },
10
+ color: { type: String, default: "" },
11
+ fontWeight: { type: String, default: "" },
12
+ lineHeight: { type: String, default: "" },
13
+ letterSpacing: { type: String, default: "" },
14
+ // margin
15
+ margin: { type: String, default: "" },
16
+ marginLeft: { type: String, default: "" },
17
+ marginRight: { type: String, default: "" },
18
+ marginTop: { type: String, default: "" },
19
+ marginBottom: { type: String, default: "" },
20
+ // padding
21
+ padding: { type: String, default: "" },
22
+ paddingLeft: { type: String, default: "" },
23
+ paddingRight: { type: String, default: "" },
24
+ paddingTop: { type: String, default: "" },
25
+ paddingBottom: { type: String, default: "" }
26
+ },
27
+ setup(e) {
28
+ const { fontSizes: n, fontWeights: i, textColors: g, letterSpacings: a, lineHeights: r } = R(), { margin: o, marginLeft: p, marginRight: d, marginTop: l, marginBottom: f } = x(), { padding: m, paddingLeft: s, paddingRight: u, paddingTop: S, paddingBottom: c } = H(), t = e, y = T(() => [
29
+ n[t.fontSize],
30
+ g[t.color],
31
+ i[t.fontWeight],
32
+ r[t.lineHeight],
33
+ a[t.letterSpacing],
34
+ // margin
35
+ o[t.margin],
36
+ p[t.marginLeft],
37
+ d[t.marginRight],
38
+ l[t.marginTop],
39
+ f[t.marginBottom],
40
+ // padding
41
+ m[t.padding],
42
+ s[t.paddingLeft],
43
+ u[t.paddingRight],
44
+ S[t.paddingTop],
45
+ c[t.paddingBottom]
46
+ ]);
47
+ return (C, M) => (L(), B("span", {
48
+ class: _(y.value),
49
+ innerHTML: t.text
50
+ }, null, 10, z));
51
+ }
52
+ });
53
+ export {
54
+ P as default
55
+ };
@@ -0,0 +1,4 @@
1
+ import f from "./Span.vue.js";
2
+ export {
3
+ f as default
4
+ };
package/config.js CHANGED
@@ -1,16 +1,4 @@
1
- const n = (o) => ({
2
- install() {
3
- if (!o || !o.colors) {
4
- console.warn("No config provided for the theme settings");
5
- return;
6
- }
7
- r(o.colors);
8
- }
9
- }), r = (o) => {
10
- const e = document.documentElement;
11
- for (const t in o)
12
- o[t] && e.style.setProperty(`--ui-color-${t}`, o[t]);
13
- };
1
+ import { config as r } from "./utils/config.js";
14
2
  export {
15
- n as config
3
+ r as config
16
4
  };
@@ -1 +1,2 @@
1
- export { Icon, iconsList, Icons } from '../components/icon';
1
+ export * from '../components/icon/icons';
2
+ export { default as Icon } from '../components/icon/Icon.vue';
@@ -1,4 +1,4 @@
1
1
  export { default as Toast } from '../components/toast/Toast.vue';
2
2
  export { default as ToastContainer } from '../components/toast/ToastContainer.vue';
3
- export { useToast } from '../composables/useToast';
3
+ export { useToast, type ToastItem } from '../composables/useToast';
4
4
  export { setToastContainer } from '../composables/useToast';
@@ -1,4 +1,4 @@
1
- import { Icons } from './icons';
1
+ import { Component } from 'vue';
2
2
  type Sizes = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
3
3
  export type Size = "sm" | "md" | "lg" | "xl";
4
4
  export type Variant = "outlined" | "link" | "ghost" | "solid" | "soft";
@@ -16,7 +16,7 @@ export type AccordionItem = {
16
16
  title: string;
17
17
  content: string;
18
18
  slot?: string;
19
- icon?: Icons;
19
+ icon?: Component;
20
20
  active?: boolean;
21
21
  };
22
22
  type CommonTypographyProps = {
@@ -62,6 +62,6 @@ export type JsonRendererItem = ({
62
62
  } & JsonRendererItemBase<Omit<CommonTypographyProps, "fontSize" | "color" | "fontWeight" | "lineHeight" | "letterSpacing"> & {
63
63
  severity?: Severity;
64
64
  variant?: Variant;
65
- icon?: Icons;
65
+ icon?: Component;
66
66
  }>);
67
67
  export {};
@@ -0,0 +1,31 @@
1
+ import { createElementBlock as o, openBlock as r, createElementVNode as t } from "vue";
2
+ import n from "../_virtual/_plugin-vue_export-helper.js";
3
+ const i = {}, l = {
4
+ xmlns: "http://www.w3.org/2000/svg",
5
+ width: "24",
6
+ height: "24",
7
+ viewBox: "0 0 24 24"
8
+ };
9
+ function s(a, e) {
10
+ return r(), o("svg", l, [...e[0] || (e[0] = [
11
+ t("g", { fill: "none" }, [
12
+ t("path", {
13
+ fill: "currentColor",
14
+ "fill-opacity": "0.16",
15
+ d: "M10.575 5.217L3.517 17a1.667 1.667 0 0 0 1.425 2.5h14.116a1.666 1.666 0 0 0 1.425-2.5L13.426 5.217a1.666 1.666 0 0 0-2.85 0"
16
+ }),
17
+ t("path", {
18
+ stroke: "currentColor",
19
+ "stroke-linecap": "round",
20
+ "stroke-linejoin": "round",
21
+ "stroke-miterlimit": "10",
22
+ "stroke-width": "1.5",
23
+ d: "M12 16h.008M12 10v3m-1.425-7.783L3.517 17a1.667 1.667 0 0 0 1.425 2.5h14.116a1.666 1.666 0 0 0 1.425-2.5L13.426 5.217a1.666 1.666 0 0 0-2.85 0"
24
+ })
25
+ ], -1)
26
+ ])]);
27
+ }
28
+ const m = /* @__PURE__ */ n(i, [["render", s]]);
29
+ export {
30
+ m as default
31
+ };