veloce-vue 0.20.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 (255) hide show
  1. package/_virtual/_plugin-vue_export-helper.js +9 -0
  2. package/components/Accordion.vue.d.ts +19 -1
  3. package/components/Accordion.vue.js +91 -0
  4. package/components/Accordion.vue2.js +4 -0
  5. package/components/Badge.vue.d.ts +1 -0
  6. package/components/Badge.vue.js +47 -0
  7. package/components/Badge.vue2.js +4 -0
  8. package/components/Button.vue.d.ts +16 -8
  9. package/components/Button.vue.js +7 -0
  10. package/components/Button.vue2.js +114 -0
  11. package/components/Checkbox.vue.d.ts +6 -7
  12. package/components/Checkbox.vue.js +98 -0
  13. package/components/Checkbox.vue2.js +4 -0
  14. package/components/Chip.vue.d.ts +6 -7
  15. package/components/Chip.vue.js +61 -0
  16. package/components/Chip.vue2.js +4 -0
  17. package/components/Drawer.vue.js +94 -0
  18. package/components/Drawer.vue2.js +4 -0
  19. package/components/Fieldset.vue.d.ts +6 -7
  20. package/components/Fieldset.vue.js +49 -0
  21. package/components/Fieldset.vue2.js +4 -0
  22. package/components/Input.vue.d.ts +11 -12
  23. package/components/Input.vue.js +106 -0
  24. package/components/Input.vue2.js +4 -0
  25. package/components/JsonRenderer.vue.d.ts +14 -0
  26. package/components/JsonRenderer.vue.js +63 -0
  27. package/components/JsonRenderer.vue2.js +4 -0
  28. package/components/Layout.vue.js +83 -0
  29. package/components/Layout.vue2.js +4 -0
  30. package/components/Message.vue.d.ts +97 -8
  31. package/components/Message.vue.js +109 -0
  32. package/components/Message.vue2.js +4 -0
  33. package/components/MiniEditor.vue.d.ts +12 -0
  34. package/components/MiniEditor.vue.js +132 -0
  35. package/components/MiniEditor.vue2.js +4 -0
  36. package/components/Modal.vue.js +73 -0
  37. package/components/Modal.vue2.js +4 -0
  38. package/components/Popover.vue.js +78 -0
  39. package/components/Popover.vue2.js +4 -0
  40. package/components/ProgressBar.vue.js +51 -0
  41. package/components/ProgressBar.vue2.js +4 -0
  42. package/components/ProgressSpinner.vue.js +47 -0
  43. package/components/ProgressSpinner.vue2.js +4 -0
  44. package/components/RangeSlider.vue.js +61 -0
  45. package/components/RangeSlider.vue2.js +4 -0
  46. package/components/Select.vue.js +129 -0
  47. package/components/Select.vue2.js +4 -0
  48. package/components/Separator.vue.d.ts +8 -9
  49. package/components/Separator.vue.js +74 -0
  50. package/components/Separator.vue2.js +4 -0
  51. package/components/Skeleton.vue.d.ts +1 -1
  52. package/components/Skeleton.vue.js +7 -0
  53. package/components/Skeleton.vue2.js +24 -0
  54. package/components/Switch.vue.js +48 -0
  55. package/components/Switch.vue2.js +4 -0
  56. package/components/Tooltip.vue.js +35 -0
  57. package/components/Tooltip.vue2.js +4 -0
  58. package/components/icon/Icon.vue.d.ts +2 -3
  59. package/components/icon/Icon.vue.js +21 -0
  60. package/components/icon/Icon.vue2.js +4 -0
  61. package/components/icon/icons.d.ts +139 -139
  62. package/components/typography/Blockquote.vue.d.ts +151 -0
  63. package/components/typography/Blockquote.vue.js +55 -0
  64. package/components/typography/Blockquote.vue2.js +4 -0
  65. package/components/typography/Code.vue.d.ts +160 -0
  66. package/components/typography/Code.vue.js +74 -0
  67. package/components/typography/Code.vue2.js +4 -0
  68. package/components/typography/H1.vue.d.ts +151 -0
  69. package/components/typography/H1.vue.js +55 -0
  70. package/components/typography/H1.vue2.js +4 -0
  71. package/components/typography/H2.vue.d.ts +151 -0
  72. package/components/typography/H2.vue.js +55 -0
  73. package/components/typography/H2.vue2.js +4 -0
  74. package/components/typography/H3.vue.d.ts +151 -0
  75. package/components/typography/H3.vue.js +55 -0
  76. package/components/typography/H3.vue2.js +4 -0
  77. package/components/typography/H4.vue.d.ts +151 -0
  78. package/components/typography/H4.vue.js +55 -0
  79. package/components/typography/H4.vue2.js +4 -0
  80. package/components/typography/H5.vue.d.ts +151 -0
  81. package/components/typography/H5.vue.js +55 -0
  82. package/components/typography/H5.vue2.js +4 -0
  83. package/components/typography/H6.vue.d.ts +151 -0
  84. package/components/typography/H6.vue.js +55 -0
  85. package/components/typography/H6.vue2.js +4 -0
  86. package/components/typography/Label.vue.d.ts +160 -0
  87. package/components/typography/Label.vue.js +61 -0
  88. package/components/typography/Label.vue2.js +4 -0
  89. package/components/typography/List.vue.d.ts +123 -0
  90. package/components/typography/List.vue.js +60 -0
  91. package/components/typography/List.vue2.js +4 -0
  92. package/components/typography/P.vue.d.ts +151 -0
  93. package/components/typography/P.vue.js +55 -0
  94. package/components/typography/P.vue2.js +4 -0
  95. package/components/typography/Span.vue.d.ts +151 -0
  96. package/components/typography/Span.vue.js +55 -0
  97. package/components/typography/Span.vue2.js +4 -0
  98. package/config.js +2 -14
  99. package/exports/composables.d.ts +1 -0
  100. package/exports/icons.d.ts +2 -1
  101. package/exports/toast.d.ts +4 -0
  102. package/exports/types.d.ts +56 -3
  103. package/exports/typography.d.ts +12 -0
  104. package/exports/ui.d.ts +2 -0
  105. package/exports/utils.d.ts +3 -0
  106. package/icons/Alert.vue.js +31 -0
  107. package/icons/AlertCircle.vue.js +31 -0
  108. package/icons/Archive.vue.js +33 -0
  109. package/icons/ArrowDown.vue.js +26 -0
  110. package/icons/ArrowLeft.vue.js +26 -0
  111. package/icons/ArrowRight.vue.js +26 -0
  112. package/icons/ArrowUp.vue.js +26 -0
  113. package/icons/AtSign.vue.js +30 -0
  114. package/icons/Bell.vue.js +26 -0
  115. package/icons/Bold.vue.js +20 -0
  116. package/icons/Bookmark.vue.js +25 -0
  117. package/icons/Camera.vue.js +30 -0
  118. package/icons/Check.vue.js +20 -0
  119. package/icons/CheckCircle.vue.js +26 -0
  120. package/icons/CheckSquare.vue.js +26 -0
  121. package/icons/ChevronDown.vue.js +20 -0
  122. package/icons/ChevronLeft.vue.js +25 -0
  123. package/icons/ChevronRight.vue.js +25 -0
  124. package/icons/ChevronUp.vue.js +25 -0
  125. package/icons/Circle.vue.js +29 -0
  126. package/icons/Clock.vue.js +30 -0
  127. package/icons/Close.vue.js +20 -0
  128. package/icons/Cloud.vue.js +25 -0
  129. package/icons/CloudDownload.vue.js +27 -0
  130. package/icons/CloudUpload.vue.js +27 -0
  131. package/icons/Code.vue.js +26 -0
  132. package/icons/Command.vue.js +26 -0
  133. package/icons/Copy.vue.js +33 -0
  134. package/icons/CreditCard.vue.js +32 -0
  135. package/icons/Database.vue.js +32 -0
  136. package/icons/Download.vue.js +27 -0
  137. package/icons/Edit.vue.js +26 -0
  138. package/icons/ExternalLink.vue.js +27 -0
  139. package/icons/Eye.vue.js +30 -0
  140. package/icons/EyeOff.vue.js +26 -0
  141. package/icons/FastForward.vue.js +26 -0
  142. package/icons/File.vue.js +26 -0
  143. package/icons/FileAudio.vue.js +17 -0
  144. package/icons/FileImage.vue.js +27 -0
  145. package/icons/FilePdf.vue.js +17 -0
  146. package/icons/FileText.vue.js +17 -0
  147. package/icons/FileVideo.vue.js +27 -0
  148. package/icons/FileZip.vue.js +17 -0
  149. package/icons/Filter.vue.js +25 -0
  150. package/icons/Folder.vue.js +25 -0
  151. package/icons/FolderOpen.vue.js +25 -0
  152. package/icons/FolderPlus.vue.js +27 -0
  153. package/icons/Grid.vue.js +33 -0
  154. package/icons/Hamburger.vue.js +24 -0
  155. package/icons/Hash.vue.js +17 -0
  156. package/icons/Heart.vue.js +25 -0
  157. package/icons/HelpCircle.vue.js +31 -0
  158. package/icons/Highlight.vue.js +20 -0
  159. package/icons/Home.vue.js +26 -0
  160. package/icons/Image.vue.js +38 -0
  161. package/icons/Inbox.vue.js +26 -0
  162. package/icons/Info.vue.js +31 -0
  163. package/icons/Italic.vue.js +24 -0
  164. package/icons/Key.vue.js +31 -0
  165. package/icons/Layout.vue.js +33 -0
  166. package/icons/Link.vue.js +26 -0
  167. package/icons/Link2.vue.js +27 -0
  168. package/icons/List.vue.js +17 -0
  169. package/icons/Loading.vue.js +33 -0
  170. package/icons/Lock.vue.js +33 -0
  171. package/icons/LogIn.vue.js +27 -0
  172. package/icons/LogOut.vue.js +27 -0
  173. package/icons/Mail.vue.js +32 -0
  174. package/icons/Maximize.vue.js +25 -0
  175. package/icons/Menu.vue.js +42 -0
  176. package/icons/MessageCircle.vue.js +25 -0
  177. package/icons/MessageSquare.vue.js +25 -0
  178. package/icons/Mic.vue.js +17 -0
  179. package/icons/MicOff.vue.js +17 -0
  180. package/icons/Minimize.vue.js +25 -0
  181. package/icons/Minus.vue.js +25 -0
  182. package/icons/Moon.vue.js +24 -0
  183. package/icons/MoreHorizontal.vue.js +39 -0
  184. package/icons/MoreVertical.vue.js +39 -0
  185. package/icons/Move.vue.js +17 -0
  186. package/icons/Package.vue.js +17 -0
  187. package/icons/Paperclip.vue.js +25 -0
  188. package/icons/Pause.vue.js +36 -0
  189. package/icons/Phone.vue.js +25 -0
  190. package/icons/Play.vue.js +25 -0
  191. package/icons/Plus.vue.js +26 -0
  192. package/icons/Printer.vue.js +27 -0
  193. package/icons/RadioButton.vue.js +34 -0
  194. package/icons/RefreshCw.vue.js +17 -0
  195. package/icons/Repeat.vue.js +17 -0
  196. package/icons/Rewind.vue.js +26 -0
  197. package/icons/RotateCcw.vue.js +26 -0
  198. package/icons/RotateCw.vue.js +26 -0
  199. package/icons/Save.vue.js +26 -0
  200. package/icons/Scissors.vue.js +17 -0
  201. package/icons/Search.vue.js +30 -0
  202. package/icons/Send.vue.js +26 -0
  203. package/icons/Server.vue.js +17 -0
  204. package/icons/Settings.vue.js +30 -0
  205. package/icons/Share.vue.js +27 -0
  206. package/icons/Shield.vue.js +25 -0
  207. package/icons/Shuffle.vue.js +17 -0
  208. package/icons/Sidebar.vue.js +32 -0
  209. package/icons/SkipBack.vue.js +31 -0
  210. package/icons/SkipForward.vue.js +31 -0
  211. package/icons/Slider.vue.js +17 -0
  212. package/icons/Sliders.vue.js +17 -0
  213. package/icons/SortAsc.vue.js +17 -0
  214. package/icons/SortDesc.vue.js +17 -0
  215. package/icons/Square.vue.js +31 -0
  216. package/icons/Star.vue.js +25 -0
  217. package/icons/Stop.vue.js +31 -0
  218. package/icons/Sun.vue.js +20 -0
  219. package/icons/Tag.vue.js +31 -0
  220. package/icons/Tags.vue.js +27 -0
  221. package/icons/Terminal.vue.js +31 -0
  222. package/icons/ThumbsDown.vue.js +26 -0
  223. package/icons/ThumbsUp.vue.js +26 -0
  224. package/icons/ToggleLeft.vue.js +36 -0
  225. package/icons/ToggleRight.vue.js +36 -0
  226. package/icons/Trash.vue.js +27 -0
  227. package/icons/Trash2.vue.js +17 -0
  228. package/icons/Unlink.vue.js +17 -0
  229. package/icons/Unlock.vue.js +33 -0
  230. package/icons/Upload.vue.js +27 -0
  231. package/icons/User.vue.js +30 -0
  232. package/icons/Users.vue.js +31 -0
  233. package/icons/Video.vue.js +32 -0
  234. package/icons/VideoOff.vue.js +27 -0
  235. package/icons/Volume.vue.js +26 -0
  236. package/icons/Volume1.vue.js +26 -0
  237. package/icons/Volume2.vue.js +26 -0
  238. package/icons/VolumeMute.vue.js +25 -0
  239. package/icons/VolumeX.vue.js +27 -0
  240. package/icons/X.vue.js +26 -0
  241. package/icons/XCircle.vue.js +31 -0
  242. package/icons/Zap.vue.js +25 -0
  243. package/icons/ZoomIn.vue.js +17 -0
  244. package/icons/ZoomOut.vue.js +31 -0
  245. package/icons.js +280 -4
  246. package/package.json +6 -1
  247. package/ui.js +45 -7352
  248. package/utils/config.js +16 -0
  249. package/utils/margin.js +77 -0
  250. package/utils/padding.js +77 -0
  251. package/utils/typography.js +66 -0
  252. package/utils/useRandomId.js +10 -0
  253. package/veloce.css +1 -1
  254. package/components/icon/index.d.ts +0 -6
  255. package/index-Cqxg4hfC.js +0 -2928
@@ -0,0 +1,151 @@
1
+ import { TextColor, FontWeight, Margin, Padding, FontSize, LineHeight, LetterSpacing } from '../../exports/types';
2
+ import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
+ declare const _default: DefineComponent<ExtractPropTypes<{
4
+ text: {
5
+ type: StringConstructor;
6
+ default: string;
7
+ };
8
+ fontSize: {
9
+ type: () => FontSize;
10
+ default: FontSize;
11
+ };
12
+ color: {
13
+ type: () => TextColor;
14
+ default: TextColor;
15
+ };
16
+ fontWeight: {
17
+ type: () => FontWeight;
18
+ default: FontWeight;
19
+ };
20
+ lineHeight: {
21
+ type: () => LineHeight;
22
+ default: string;
23
+ };
24
+ letterSpacing: {
25
+ type: () => LetterSpacing;
26
+ default: LetterSpacing;
27
+ };
28
+ margin: {
29
+ type: () => Margin;
30
+ default: string;
31
+ };
32
+ marginLeft: {
33
+ type: () => Margin;
34
+ default: string;
35
+ };
36
+ marginRight: {
37
+ type: () => Margin;
38
+ default: string;
39
+ };
40
+ marginTop: {
41
+ type: () => Margin;
42
+ default: string;
43
+ };
44
+ marginBottom: {
45
+ type: () => Margin;
46
+ default: string;
47
+ };
48
+ padding: {
49
+ type: () => Padding;
50
+ default: string;
51
+ };
52
+ paddingLeft: {
53
+ type: () => Padding;
54
+ default: string;
55
+ };
56
+ paddingRight: {
57
+ type: () => Padding;
58
+ default: string;
59
+ };
60
+ paddingTop: {
61
+ type: () => Padding;
62
+ default: string;
63
+ };
64
+ paddingBottom: {
65
+ type: () => Padding;
66
+ default: string;
67
+ };
68
+ }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
69
+ text: {
70
+ type: StringConstructor;
71
+ default: string;
72
+ };
73
+ fontSize: {
74
+ type: () => FontSize;
75
+ default: FontSize;
76
+ };
77
+ color: {
78
+ type: () => TextColor;
79
+ default: TextColor;
80
+ };
81
+ fontWeight: {
82
+ type: () => FontWeight;
83
+ default: FontWeight;
84
+ };
85
+ lineHeight: {
86
+ type: () => LineHeight;
87
+ default: string;
88
+ };
89
+ letterSpacing: {
90
+ type: () => LetterSpacing;
91
+ default: LetterSpacing;
92
+ };
93
+ margin: {
94
+ type: () => Margin;
95
+ default: string;
96
+ };
97
+ marginLeft: {
98
+ type: () => Margin;
99
+ default: string;
100
+ };
101
+ marginRight: {
102
+ type: () => Margin;
103
+ default: string;
104
+ };
105
+ marginTop: {
106
+ type: () => Margin;
107
+ default: string;
108
+ };
109
+ marginBottom: {
110
+ type: () => Margin;
111
+ default: string;
112
+ };
113
+ padding: {
114
+ type: () => Padding;
115
+ default: string;
116
+ };
117
+ paddingLeft: {
118
+ type: () => Padding;
119
+ default: string;
120
+ };
121
+ paddingRight: {
122
+ type: () => Padding;
123
+ default: string;
124
+ };
125
+ paddingTop: {
126
+ type: () => Padding;
127
+ default: string;
128
+ };
129
+ paddingBottom: {
130
+ type: () => Padding;
131
+ default: string;
132
+ };
133
+ }>> & Readonly<{}>, {
134
+ text: string;
135
+ fontSize: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
136
+ color: TextColor;
137
+ fontWeight: FontWeight;
138
+ lineHeight: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
139
+ letterSpacing: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
140
+ margin: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
141
+ marginLeft: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
142
+ marginRight: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
143
+ marginTop: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
144
+ marginBottom: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
145
+ padding: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
146
+ paddingLeft: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
147
+ paddingRight: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
148
+ paddingTop: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
149
+ paddingBottom: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
150
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLParagraphElement>;
151
+ export default _default;
@@ -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,151 @@
1
+ import { TextColor, FontWeight, Margin, Padding, FontSize, LineHeight, LetterSpacing } from '../../exports/types';
2
+ import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
+ declare const _default: DefineComponent<ExtractPropTypes<{
4
+ text: {
5
+ type: StringConstructor;
6
+ default: string;
7
+ };
8
+ fontSize: {
9
+ type: () => FontSize;
10
+ default: FontSize;
11
+ };
12
+ color: {
13
+ type: () => TextColor;
14
+ default: TextColor;
15
+ };
16
+ fontWeight: {
17
+ type: () => FontWeight;
18
+ default: FontWeight;
19
+ };
20
+ lineHeight: {
21
+ type: () => LineHeight;
22
+ default: LineHeight;
23
+ };
24
+ letterSpacing: {
25
+ type: () => LetterSpacing;
26
+ default: LetterSpacing;
27
+ };
28
+ margin: {
29
+ type: () => Margin;
30
+ default: string;
31
+ };
32
+ marginLeft: {
33
+ type: () => Margin;
34
+ default: string;
35
+ };
36
+ marginRight: {
37
+ type: () => Margin;
38
+ default: string;
39
+ };
40
+ marginTop: {
41
+ type: () => Margin;
42
+ default: string;
43
+ };
44
+ marginBottom: {
45
+ type: () => Margin;
46
+ default: string;
47
+ };
48
+ padding: {
49
+ type: () => Padding;
50
+ default: string;
51
+ };
52
+ paddingLeft: {
53
+ type: () => Padding;
54
+ default: string;
55
+ };
56
+ paddingRight: {
57
+ type: () => Padding;
58
+ default: string;
59
+ };
60
+ paddingTop: {
61
+ type: () => Padding;
62
+ default: string;
63
+ };
64
+ paddingBottom: {
65
+ type: () => Padding;
66
+ default: string;
67
+ };
68
+ }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
69
+ text: {
70
+ type: StringConstructor;
71
+ default: string;
72
+ };
73
+ fontSize: {
74
+ type: () => FontSize;
75
+ default: FontSize;
76
+ };
77
+ color: {
78
+ type: () => TextColor;
79
+ default: TextColor;
80
+ };
81
+ fontWeight: {
82
+ type: () => FontWeight;
83
+ default: FontWeight;
84
+ };
85
+ lineHeight: {
86
+ type: () => LineHeight;
87
+ default: LineHeight;
88
+ };
89
+ letterSpacing: {
90
+ type: () => LetterSpacing;
91
+ default: LetterSpacing;
92
+ };
93
+ margin: {
94
+ type: () => Margin;
95
+ default: string;
96
+ };
97
+ marginLeft: {
98
+ type: () => Margin;
99
+ default: string;
100
+ };
101
+ marginRight: {
102
+ type: () => Margin;
103
+ default: string;
104
+ };
105
+ marginTop: {
106
+ type: () => Margin;
107
+ default: string;
108
+ };
109
+ marginBottom: {
110
+ type: () => Margin;
111
+ default: string;
112
+ };
113
+ padding: {
114
+ type: () => Padding;
115
+ default: string;
116
+ };
117
+ paddingLeft: {
118
+ type: () => Padding;
119
+ default: string;
120
+ };
121
+ paddingRight: {
122
+ type: () => Padding;
123
+ default: string;
124
+ };
125
+ paddingTop: {
126
+ type: () => Padding;
127
+ default: string;
128
+ };
129
+ paddingBottom: {
130
+ type: () => Padding;
131
+ default: string;
132
+ };
133
+ }>> & Readonly<{}>, {
134
+ text: string;
135
+ fontSize: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
136
+ color: TextColor;
137
+ fontWeight: FontWeight;
138
+ lineHeight: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
139
+ letterSpacing: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
140
+ margin: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
141
+ marginLeft: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
142
+ marginRight: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
143
+ marginTop: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
144
+ marginBottom: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
145
+ padding: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
146
+ paddingLeft: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
147
+ paddingRight: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
148
+ paddingTop: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
149
+ paddingBottom: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
150
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLSpanElement>;
151
+ export default _default;
@@ -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
  };
@@ -0,0 +1 @@
1
+ export { useColorMode } from '../composables/useColorMode';
@@ -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';
@@ -0,0 +1,4 @@
1
+ export { default as Toast } from '../components/toast/Toast.vue';
2
+ export { default as ToastContainer } from '../components/toast/ToastContainer.vue';
3
+ export { useToast, type ToastItem } from '../composables/useToast';
4
+ export { setToastContainer } from '../composables/useToast';
@@ -1,14 +1,67 @@
1
- import { Icons } from './icons';
1
+ import { Component } from 'vue';
2
+ type Sizes = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
2
3
  export type Size = "sm" | "md" | "lg" | "xl";
3
4
  export type Variant = "outlined" | "link" | "ghost" | "solid" | "soft";
4
5
  export type Severity = "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral";
5
- export type FontWeight = "normal" | "medium" | "semibold" | "bold";
6
6
  export type Position = "left" | "right" | "top" | "bottom";
7
7
  export type Direction = "horizontal" | "vertical";
8
+ export type Margin = Sizes;
9
+ export type Padding = Sizes;
10
+ export type FontSize = Sizes;
11
+ export type FontWeight = "light" | "normal" | "medium" | "semibold" | "bold" | "black";
12
+ export type TextColor = Severity | "default" | "muted";
13
+ export type LineHeight = Sizes;
14
+ export type LetterSpacing = Sizes;
8
15
  export type AccordionItem = {
9
16
  title: string;
10
17
  content: string;
11
18
  slot?: string;
12
- icon?: Icons;
19
+ icon?: Component;
13
20
  active?: boolean;
14
21
  };
22
+ type CommonTypographyProps = {
23
+ fontSize?: FontSize;
24
+ color?: TextColor;
25
+ fontWeight?: FontWeight;
26
+ lineHeight?: LineHeight;
27
+ letterSpacing?: LetterSpacing;
28
+ margin?: Margin;
29
+ marginLeft?: Margin;
30
+ marginRight?: Margin;
31
+ marginTop?: Margin;
32
+ marginBottom?: Margin;
33
+ padding?: Padding;
34
+ paddingLeft?: Padding;
35
+ paddingRight?: Padding;
36
+ paddingTop?: Padding;
37
+ paddingBottom?: Padding;
38
+ text?: string;
39
+ };
40
+ type JsonRendererItemBase<TProps = CommonTypographyProps> = {
41
+ props?: TProps;
42
+ id?: string;
43
+ };
44
+ export type JsonRendererItem = ({
45
+ component: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | "blockquote";
46
+ } & JsonRendererItemBase<CommonTypographyProps>) | ({
47
+ component: "code";
48
+ } & JsonRendererItemBase<CommonTypographyProps & {
49
+ block?: boolean;
50
+ }>) | ({
51
+ component: "label";
52
+ } & JsonRendererItemBase<CommonTypographyProps & {
53
+ required?: boolean;
54
+ }>) | ({
55
+ component: "list";
56
+ } & JsonRendererItemBase<Omit<CommonTypographyProps, "fontSize" | "color" | "fontWeight" | "lineHeight" | "letterSpacing" | "text"> & {
57
+ type?: "ul" | "ol";
58
+ spacing?: Size;
59
+ items?: string[];
60
+ }>) | ({
61
+ component: "message";
62
+ } & JsonRendererItemBase<Omit<CommonTypographyProps, "fontSize" | "color" | "fontWeight" | "lineHeight" | "letterSpacing"> & {
63
+ severity?: Severity;
64
+ variant?: Variant;
65
+ icon?: Component;
66
+ }>);
67
+ export {};
@@ -0,0 +1,12 @@
1
+ export { default as Blockquote } from '../components/typography/Blockquote.vue';
2
+ export { default as Code } from '../components/typography/Code.vue';
3
+ export { default as H1 } from '../components/typography/H1.vue';
4
+ export { default as H2 } from '../components/typography/H2.vue';
5
+ export { default as H3 } from '../components/typography/H3.vue';
6
+ export { default as H4 } from '../components/typography/H4.vue';
7
+ export { default as H5 } from '../components/typography/H5.vue';
8
+ export { default as H6 } from '../components/typography/H6.vue';
9
+ export { default as Label } from '../components/typography/Label.vue';
10
+ export { default as List } from '../components/typography/List.vue';
11
+ export { default as P } from '../components/typography/P.vue';
12
+ export { default as Span } from '../components/typography/Span.vue';
package/exports/ui.d.ts CHANGED
@@ -6,6 +6,7 @@ export { default as Chip } from '../components/Chip.vue';
6
6
  export { default as Drawer } from '../components/Drawer.vue';
7
7
  export { default as Fieldset } from '../components/Fieldset.vue';
8
8
  export { default as Input } from '../components/Input.vue';
9
+ export { default as JsonRenderer } from '../components/JsonRenderer.vue';
9
10
  export { default as Layout } from '../components/Layout.vue';
10
11
  export { default as Message } from '../components/Message.vue';
11
12
  export { default as Modal } from '../components/Modal.vue';
@@ -18,3 +19,4 @@ export { default as Separator } from '../components/Separator.vue';
18
19
  export { default as Skeleton } from '../components/Skeleton.vue';
19
20
  export { default as Switch } from '../components/Switch.vue';
20
21
  export { default as Tooltip } from '../components/Tooltip.vue';
22
+ export { default as MiniEditor } from '../components/MiniEditor.vue';
@@ -1 +1,4 @@
1
1
  export { useRandomId } from '../utils/useRandomId';
2
+ export { getTypography } from '../utils/typography';
3
+ export { getMargin } from '../utils/margin';
4
+ export { getPadding } from '../utils/padding';
@@ -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
+ };
@@ -0,0 +1,31 @@
1
+ import { createElementBlock as r, openBlock as o, createElementVNode as e } from "vue";
2
+ import n from "../_virtual/_plugin-vue_export-helper.js";
3
+ const c = {}, i = {
4
+ xmlns: "http://www.w3.org/2000/svg",
5
+ width: "24",
6
+ height: "24",
7
+ viewBox: "0 0 24 24"
8
+ };
9
+ function s(l, t) {
10
+ return o(), r("svg", i, [...t[0] || (t[0] = [
11
+ e("g", {
12
+ fill: "none",
13
+ stroke: "currentColor",
14
+ "stroke-linecap": "round",
15
+ "stroke-linejoin": "round",
16
+ "stroke-width": "2"
17
+ }, [
18
+ e("circle", {
19
+ cx: "12",
20
+ cy: "12",
21
+ r: "10"
22
+ }),
23
+ e("path", { d: "M12 8v4" }),
24
+ e("path", { d: "M12 16h.01" })
25
+ ], -1)
26
+ ])]);
27
+ }
28
+ const f = /* @__PURE__ */ n(c, [["render", s]]);
29
+ export {
30
+ f as default
31
+ };
@@ -0,0 +1,33 @@
1
+ import { createElementBlock as o, openBlock as r, createElementVNode as e } from "vue";
2
+ import n from "../_virtual/_plugin-vue_export-helper.js";
3
+ const i = {}, s = {
4
+ xmlns: "http://www.w3.org/2000/svg",
5
+ width: "24",
6
+ height: "24",
7
+ viewBox: "0 0 24 24"
8
+ };
9
+ function c(h, t) {
10
+ return r(), o("svg", s, [...t[0] || (t[0] = [
11
+ e("g", {
12
+ fill: "none",
13
+ stroke: "currentColor",
14
+ "stroke-linecap": "round",
15
+ "stroke-linejoin": "round",
16
+ "stroke-width": "2"
17
+ }, [
18
+ e("rect", {
19
+ width: "20",
20
+ height: "5",
21
+ x: "2",
22
+ y: "3",
23
+ rx: "1"
24
+ }),
25
+ e("path", { d: "M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8" }),
26
+ e("path", { d: "M10 12h4" })
27
+ ], -1)
28
+ ])]);
29
+ }
30
+ const a = /* @__PURE__ */ n(i, [["render", c]]);
31
+ export {
32
+ a as default
33
+ };