@teammodlr/ui-kit 1.0.6 → 2.0.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 (254) hide show
  1. package/lib/__storybook__/argTypes.d.ts +10 -1
  2. package/lib/components/avatar/Avatar.vue.d.ts +16 -30
  3. package/lib/components/avatar/style/Avatar.css.d.ts +9 -0
  4. package/lib/components/avatar/style/index.d.ts +1 -0
  5. package/lib/components/avatargroup/AvatarGroup.vue.d.ts +28 -13
  6. package/lib/components/avatargroup/style/AvatarGroup.css.d.ts +2 -0
  7. package/lib/components/avatargroup/style/index.d.ts +1 -0
  8. package/lib/components/avatargroup/symbol.d.ts +13 -0
  9. package/lib/components/badge/Badge.vue.d.ts +30 -0
  10. package/lib/components/badge/style/Badge.css.d.ts +4 -0
  11. package/lib/components/badge/style/index.d.ts +1 -0
  12. package/lib/components/breadcrumb/Breadcrumb.vue.d.ts +12 -3
  13. package/lib/components/{breadcrumbitem → breadcrumb}/BreadcrumbItem.vue.d.ts +11 -0
  14. package/lib/components/breadcrumb/style/Breadcrumb.css.d.ts +4 -0
  15. package/lib/components/breadcrumb/style/index.d.ts +1 -0
  16. package/lib/components/breadcrumb/symbol.d.ts +13 -0
  17. package/lib/components/button/Button.vue.d.ts +39 -28
  18. package/lib/components/button/style/Button.css.d.ts +24 -0
  19. package/lib/components/button/style/index.d.ts +1 -0
  20. package/lib/components/buttongroup/ButtonGroup.vue.d.ts +2 -13
  21. package/lib/components/buttongroup/style/ButtonGroup.css.d.ts +2 -0
  22. package/lib/components/buttongroup/style/index.d.ts +1 -0
  23. package/lib/components/buttongroup/symbol.d.ts +6 -0
  24. package/lib/components/checkbox/Checkbox.vue.d.ts +17 -20
  25. package/lib/components/checkbox/style/Checkbox.css.d.ts +16 -0
  26. package/lib/components/checkbox/style/index.d.ts +1 -0
  27. package/lib/components/colorpicker/ColorPicker.vue.d.ts +75 -0
  28. package/lib/components/colorpicker/style/ColorPicker.css.d.ts +9 -0
  29. package/lib/components/colorpicker/style/index.d.ts +1 -0
  30. package/lib/components/colorpicker/utils.d.ts +16 -0
  31. package/lib/components/dropdown/Dropdown.vue.d.ts +5 -4
  32. package/lib/components/dropdown/DropdownItem.vue.d.ts +12 -5
  33. package/lib/components/dropdown/DropdownList.vue.d.ts +4 -1
  34. package/lib/components/dropdown/style/Dropdown.css.d.ts +5 -0
  35. package/lib/components/dropdown/style/index.d.ts +1 -0
  36. package/lib/components/dropdown/symbol.d.ts +6 -0
  37. package/lib/components/index.d.ts +10 -1
  38. package/lib/components/input/Input.vue.d.ts +35 -19
  39. package/lib/components/input/style/Input.css.d.ts +23 -0
  40. package/lib/components/input/style/index.d.ts +1 -0
  41. package/lib/components/link/Link.vue.d.ts +2 -2
  42. package/lib/components/messageprovider/Message.vue.d.ts +13 -1
  43. package/lib/components/messageprovider/MessageProvider.vue.d.ts +6 -5
  44. package/lib/components/messageprovider/style/Message.css.d.ts +12 -0
  45. package/lib/components/messageprovider/style/index.d.ts +1 -0
  46. package/lib/components/messageprovider/types.d.ts +2 -1
  47. package/lib/components/modal/Modal.vue.d.ts +52 -0
  48. package/lib/components/modal/style/Modal.css.d.ts +21 -0
  49. package/lib/components/modal/style/index.d.ts +1 -0
  50. package/lib/components/radio/Radio.vue.d.ts +85 -0
  51. package/lib/components/radio/style/Checkbox.css.d.ts +16 -0
  52. package/lib/components/radio/style/index.d.ts +1 -0
  53. package/lib/components/radiobutton/RadioButton.vue.d.ts +98 -0
  54. package/lib/components/radiobutton/style/RadioButton.css.d.ts +14 -0
  55. package/lib/components/radiobutton/style/index.d.ts +1 -0
  56. package/lib/components/radiobuttongroup/RadioButtonGroup.vue.d.ts +48 -0
  57. package/lib/components/radiobuttongroup/style/RadioButtonGroup.css.d.ts +3 -0
  58. package/lib/components/radiobuttongroup/style/index.d.ts +1 -0
  59. package/lib/components/radiobuttongroup/symbol.d.ts +9 -0
  60. package/lib/components/select/Select.vue.d.ts +22 -13
  61. package/lib/components/select/style/Select.css.d.ts +30 -0
  62. package/lib/components/select/style/index.d.ts +1 -0
  63. package/lib/components/skeleton/Skeleton.vue.d.ts +15 -21
  64. package/lib/components/skeleton/style/Skeleton.css.d.ts +8 -0
  65. package/lib/components/skeleton/style/index.d.ts +2 -0
  66. package/lib/components/slider/Slider.vue.d.ts +32 -0
  67. package/lib/components/slider/style/Slider.css.d.ts +4 -0
  68. package/lib/components/slider/style/index.d.ts +1 -0
  69. package/lib/components/tab/TabGroup.vue.d.ts +1 -1
  70. package/lib/components/table/Table.vue.d.ts +1 -1
  71. package/lib/components/tag/Tag.vue.d.ts +44 -0
  72. package/lib/components/tag/style/Tag.css.d.ts +11 -0
  73. package/lib/components/tag/style/index.d.ts +1 -0
  74. package/lib/components/tooltip/Tooltip.vue.d.ts +17 -2
  75. package/lib/components/tooltip/style/Tooltip.css.d.ts +6 -0
  76. package/lib/components/tooltip/style/index.d.ts +1 -0
  77. package/lib/components/virtualscroll/VirtualScroll.vue.d.ts +46 -16
  78. package/lib/components/virtualscroll/style/VirtualScroll.css.d.ts +1 -0
  79. package/lib/components/virtualscroll/style/index.d.ts +1 -0
  80. package/lib/composables/useInput.d.ts +1 -1
  81. package/lib/composables/useInteractive.d.ts +15 -0
  82. package/lib/composables/useZIndex.d.ts +8 -0
  83. package/lib/index.cjs.js +8 -2
  84. package/lib/index.d.ts +0 -1
  85. package/lib/index.es.js +3688 -1692
  86. package/lib/style.css +1 -1
  87. package/lib/styles/theme.css.d.ts +147 -0
  88. package/lib/styles/typography.css.d.ts +22 -0
  89. package/lib/types/props.d.ts +1 -0
  90. package/package.json +33 -26
  91. package/src/__storybook__/argTypes.ts +19 -1
  92. package/src/components/avatar/Avatar.vue +33 -26
  93. package/src/components/avatar/examples/index.stories.ts +1 -1
  94. package/src/components/avatar/style/Avatar.css.ts +92 -0
  95. package/src/components/avatar/style/index.ts +1 -0
  96. package/src/components/avatargroup/AvatarGroup.vue +71 -32
  97. package/src/components/avatargroup/examples/basic.vue +33 -7
  98. package/src/components/avatargroup/examples/index.stories.ts +4 -8
  99. package/src/components/avatargroup/style/AvatarGroup.css.ts +21 -0
  100. package/src/components/avatargroup/style/index.ts +1 -0
  101. package/src/components/avatargroup/symbol.ts +17 -0
  102. package/src/components/badge/Badge.css +128 -0
  103. package/src/components/badge/Badge.vue +43 -0
  104. package/src/components/badge/examples/basic.vue +10 -0
  105. package/src/components/badge/examples/index.stories.ts +21 -0
  106. package/src/components/badge/examples/index.ts +1 -0
  107. package/src/components/badge/style/Badge.css.ts +124 -0
  108. package/src/components/badge/style/index.ts +1 -0
  109. package/src/components/breadcrumb/Breadcrumb.vue +22 -15
  110. package/src/components/breadcrumb/BreadcrumbItem.vue +73 -0
  111. package/src/components/breadcrumb/examples/basic.vue +5 -7
  112. package/src/components/breadcrumb/examples/index.stories.ts +2 -2
  113. package/src/components/breadcrumb/style/Breadcrumb.css.ts +40 -0
  114. package/src/components/breadcrumb/style/index.ts +1 -0
  115. package/src/components/breadcrumb/symbol.ts +17 -0
  116. package/src/components/button/Button.vue +194 -107
  117. package/src/components/button/examples/icon-left.vue +12 -0
  118. package/src/components/button/examples/icon.vue +6 -7
  119. package/src/components/button/examples/index.stories.ts +9 -7
  120. package/src/components/button/examples/index.ts +3 -2
  121. package/src/components/button/examples/variants-secondary.vue +8 -0
  122. package/src/components/button/examples/variants.vue +8 -0
  123. package/src/components/button/style/Button.css.ts +585 -0
  124. package/src/components/button/style/index.ts +1 -0
  125. package/src/components/buttongroup/ButtonGroup.vue +36 -47
  126. package/src/components/buttongroup/examples/basic.vue +2 -2
  127. package/src/components/buttongroup/examples/icon-group.vue +22 -0
  128. package/src/components/buttongroup/examples/index.stories.ts +4 -2
  129. package/src/components/buttongroup/examples/index.ts +1 -0
  130. package/src/components/buttongroup/style/ButtonGroup.css.ts +40 -0
  131. package/src/components/buttongroup/style/index.ts +1 -0
  132. package/src/components/buttongroup/symbol.ts +8 -0
  133. package/src/components/checkbox/Checkbox.vue +70 -54
  134. package/src/components/checkbox/examples/index.stories.ts +1 -1
  135. package/src/components/checkbox/style/Checkbox.css.ts +127 -0
  136. package/src/components/checkbox/style/index.ts +1 -0
  137. package/src/components/colorpicker/ColorPicker.vue +283 -0
  138. package/src/components/colorpicker/examples/basic.vue +3 -0
  139. package/src/components/colorpicker/examples/index.stories.ts +17 -0
  140. package/src/components/colorpicker/examples/index.ts +1 -0
  141. package/src/components/colorpicker/style/ColorPicker.css.ts +97 -0
  142. package/src/components/colorpicker/style/index.ts +1 -0
  143. package/src/components/colorpicker/utils.ts +188 -0
  144. package/src/components/dropdown/Dropdown.vue +45 -24
  145. package/src/components/dropdown/DropdownItem.vue +121 -118
  146. package/src/components/dropdown/DropdownList.vue +3 -3
  147. package/src/components/dropdown/DropdownWrapper.vue +2 -1
  148. package/src/components/dropdown/examples/custom.vue +13 -0
  149. package/src/components/dropdown/examples/index.stories.ts +4 -2
  150. package/src/components/dropdown/examples/index.ts +1 -0
  151. package/src/components/dropdown/style/Dropdown.css.ts +48 -0
  152. package/src/components/dropdown/style/index.ts +1 -0
  153. package/src/components/dropdown/symbol.ts +8 -0
  154. package/src/components/form/examples/basic.vue +4 -2
  155. package/src/components/form/examples/index.stories.ts +4 -2
  156. package/src/components/image/examples/index.stories.ts +1 -1
  157. package/src/components/index.ts +10 -2
  158. package/src/components/input/Input.vue +84 -42
  159. package/src/components/input/examples/basic.vue +2 -1
  160. package/src/components/input/examples/index.stories.ts +1 -1
  161. package/src/components/input/examples/prefix.vue +4 -2
  162. package/src/components/input/examples/suffix.vue +4 -2
  163. package/src/components/input/style/Input.css.ts +221 -0
  164. package/src/components/input/style/index.ts +1 -0
  165. package/src/components/link/examples/index.stories.ts +1 -1
  166. package/src/components/messageprovider/Message.vue +52 -5
  167. package/src/components/messageprovider/MessageProvider.css +0 -13
  168. package/src/components/messageprovider/MessageProvider.vue +18 -16
  169. package/src/components/messageprovider/examples/basic.vue +56 -5
  170. package/src/components/messageprovider/examples/index.stories.ts +0 -1
  171. package/src/components/messageprovider/examples/index.ts +1 -0
  172. package/src/components/messageprovider/examples/update.vue +34 -0
  173. package/src/components/messageprovider/examples/wrapper.vue +1 -1
  174. package/src/components/messageprovider/style/Message.css.ts +109 -0
  175. package/src/components/messageprovider/style/index.ts +1 -0
  176. package/src/components/messageprovider/types.ts +9 -1
  177. package/src/components/modal/Modal.vue +126 -0
  178. package/src/components/modal/examples/basic.vue +40 -0
  179. package/src/components/modal/examples/index.stories.ts +20 -0
  180. package/src/components/modal/examples/index.ts +2 -0
  181. package/src/components/modal/examples/modal-form.vue +99 -0
  182. package/src/components/modal/style/Modal.css.ts +257 -0
  183. package/src/components/modal/style/index.ts +1 -0
  184. package/src/components/radio/Checkbox.css +185 -0
  185. package/src/components/radio/Radio.vue +137 -0
  186. package/src/components/radio/examples/basic.vue +9 -0
  187. package/src/components/radio/examples/index.stories.ts +19 -0
  188. package/src/components/radio/examples/index.ts +2 -0
  189. package/src/components/radio/style/Checkbox.css.ts +132 -0
  190. package/src/components/radio/style/index.ts +1 -0
  191. package/src/components/radiobutton/RadioButton.vue +131 -0
  192. package/src/components/radiobutton/style/RadioButton.css.ts +185 -0
  193. package/src/components/radiobutton/style/index.ts +1 -0
  194. package/src/components/radiobuttongroup/RadioButtonGroup.vue +75 -0
  195. package/src/components/radiobuttongroup/examples/basic.vue +17 -0
  196. package/src/components/radiobuttongroup/examples/index.stories.ts +22 -0
  197. package/src/components/radiobuttongroup/examples/index.ts +2 -0
  198. package/src/components/radiobuttongroup/style/RadioButtonGroup.css.ts +37 -0
  199. package/src/components/radiobuttongroup/style/index.ts +1 -0
  200. package/src/components/radiobuttongroup/symbol.ts +11 -0
  201. package/src/components/select/Select.css +0 -226
  202. package/src/components/select/Select.vue +116 -48
  203. package/src/components/select/examples/index.stories.ts +1 -1
  204. package/src/components/select/examples/multiple.vue +1 -2
  205. package/src/components/select/style/Select.css.ts +254 -0
  206. package/src/components/select/style/index.ts +1 -0
  207. package/src/components/skeleton/Skeleton.vue +55 -47
  208. package/src/components/skeleton/examples/index.stories.ts +1 -8
  209. package/src/components/skeleton/style/Skeleton.css.ts +57 -0
  210. package/src/components/skeleton/style/index.ts +2 -0
  211. package/src/components/slider/Slider.vue +76 -0
  212. package/src/components/slider/style/Slider.css.ts +43 -0
  213. package/src/components/slider/style/index.ts +1 -0
  214. package/src/components/tab/examples/index.stories.ts +1 -1
  215. package/src/components/table/examples/index.stories.ts +1 -1
  216. package/src/components/tag/Tag.css +0 -0
  217. package/src/components/tag/Tag.vue +66 -0
  218. package/src/components/tag/examples/basic.vue +5 -0
  219. package/src/components/tag/examples/index.stories.ts +22 -0
  220. package/src/components/tag/examples/index.ts +1 -0
  221. package/src/components/tag/style/Tag.css.ts +79 -0
  222. package/src/components/tag/style/index.ts +1 -0
  223. package/src/components/tooltip/Tooltip.css +0 -6
  224. package/src/components/tooltip/Tooltip.vue +53 -22
  225. package/src/components/tooltip/examples/basic.vue +2 -5
  226. package/src/components/tooltip/examples/index.stories.ts +1 -1
  227. package/src/components/tooltip/style/Tooltip.css.ts +48 -0
  228. package/src/components/tooltip/style/index.ts +1 -0
  229. package/src/components/virtualscroll/VirtualScroll.vue +159 -53
  230. package/src/components/virtualscroll/examples/basic.vue +21 -27
  231. package/src/components/virtualscroll/examples/index.stories.ts +2 -18
  232. package/src/components/virtualscroll/style/VirtualScroll.css.ts +18 -0
  233. package/src/components/virtualscroll/style/index.ts +1 -0
  234. package/src/composables/useInput.ts +2 -2
  235. package/src/composables/useInteractive.ts +20 -0
  236. package/src/composables/usePopper.ts +1 -1
  237. package/src/composables/useZIndex.ts +31 -0
  238. package/src/css/components.css +4 -3
  239. package/src/css/normalize.css +0 -379
  240. package/src/css/variables.css +2 -2
  241. package/src/examples/cards/cards.stories.ts +9 -0
  242. package/src/examples/cards/sidebar.vue +263 -0
  243. package/src/index.ts +1 -1
  244. package/src/styles/theme.css.ts +149 -0
  245. package/src/styles/typography.css.ts +91 -0
  246. package/src/types/props.ts +2 -0
  247. package/lib/components/breadcrumbitem/index.d.ts +0 -1
  248. package/src/components/avatar/Avatar.css +0 -69
  249. package/src/components/breadcrumbitem/BreadcrumbItem.vue +0 -66
  250. package/src/components/breadcrumbitem/index.ts +0 -1
  251. package/src/components/button/examples/colors-secondary.vue +0 -8
  252. package/src/components/button/examples/colors.vue +0 -8
  253. package/src/components/dropdown/Dropdown.css +0 -68
  254. /package/src/components/button/{Button.css → Button-old.css} +0 -0
@@ -0,0 +1,85 @@
1
+ import { type PropType } from 'vue';
2
+ import type { Size } from '../../types/props';
3
+ import * as style from './style';
4
+ declare const _default: import("vue").DefineComponent<{
5
+ label: {
6
+ type: StringConstructor;
7
+ };
8
+ size: {
9
+ type: PropType<Size>;
10
+ default: string;
11
+ };
12
+ disabled: {
13
+ type: BooleanConstructor;
14
+ default: boolean;
15
+ };
16
+ loading: {
17
+ type: BooleanConstructor;
18
+ default: boolean;
19
+ };
20
+ modelValue: PropType<string | number | boolean | object | any[] | undefined>;
21
+ name: StringConstructor;
22
+ readonly: BooleanConstructor;
23
+ required: BooleanConstructor;
24
+ error: StringConstructor;
25
+ rules: {
26
+ readonly type: ArrayConstructor;
27
+ readonly default: () => never[];
28
+ };
29
+ }, {
30
+ id: Readonly<import("vue").Ref<string>>;
31
+ formError: any;
32
+ insideForm: boolean;
33
+ reset: () => void;
34
+ validate: (value: any) => boolean;
35
+ setError: (value: string) => void;
36
+ disabled: import("vue").ComputedRef<any>;
37
+ name: import("vue").Ref<string | undefined>;
38
+ checked: import("vue").Ref<boolean>;
39
+ radioRef: import("vue").Ref<HTMLElement | null>;
40
+ inputError: import("vue").ComputedRef<any>;
41
+ toggle: () => void;
42
+ style: typeof style;
43
+ classes: import("vue").ComputedRef<(string | string[] | {
44
+ [x: string]: any;
45
+ })[]>;
46
+ hasSlot: import("vue").ComputedRef<boolean>;
47
+ inputListeners: {};
48
+ focus: () => void | undefined;
49
+ blur: () => void | undefined;
50
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
51
+ label: {
52
+ type: StringConstructor;
53
+ };
54
+ size: {
55
+ type: PropType<Size>;
56
+ default: string;
57
+ };
58
+ disabled: {
59
+ type: BooleanConstructor;
60
+ default: boolean;
61
+ };
62
+ loading: {
63
+ type: BooleanConstructor;
64
+ default: boolean;
65
+ };
66
+ modelValue: PropType<string | number | boolean | object | any[] | undefined>;
67
+ name: StringConstructor;
68
+ readonly: BooleanConstructor;
69
+ required: BooleanConstructor;
70
+ error: StringConstructor;
71
+ rules: {
72
+ readonly type: ArrayConstructor;
73
+ readonly default: () => never[];
74
+ };
75
+ }>> & {
76
+ [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
77
+ }, {
78
+ required: boolean;
79
+ size: Size;
80
+ disabled: boolean;
81
+ loading: boolean;
82
+ readonly: boolean;
83
+ rules: unknown[];
84
+ }>;
85
+ export default _default;
@@ -0,0 +1,16 @@
1
+ export declare const vars: {
2
+ height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3
+ radius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5
+ borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7
+ };
8
+ export declare const base: string;
9
+ export declare const input: string;
10
+ export declare const checkmark: string;
11
+ export declare const checkbox: string;
12
+ export declare const checked: string;
13
+ export declare const disabled: string;
14
+ export declare const indeterminate: string;
15
+ export declare const label: string;
16
+ export declare const size: Record<"sm" | "md" | "lg" | "xs" | "xl", string>;
@@ -0,0 +1 @@
1
+ export * from './Checkbox.css';
@@ -0,0 +1,98 @@
1
+ import type { PropType } from "vue";
2
+ import type { Size } from "../../types/props";
3
+ declare const _default: import("vue").DefineComponent<{
4
+ id: {
5
+ type: (StringConstructor | NumberConstructor)[];
6
+ required: true;
7
+ };
8
+ type: {
9
+ type: StringConstructor;
10
+ default: string;
11
+ };
12
+ size: {
13
+ type: PropType<Size>;
14
+ default: string;
15
+ };
16
+ disabled: {
17
+ type: BooleanConstructor;
18
+ default: boolean;
19
+ };
20
+ icon: {
21
+ type: BooleanConstructor;
22
+ default: boolean;
23
+ };
24
+ onClick: {
25
+ type: PropType<(e: MouseEvent) => void>;
26
+ default: () => void;
27
+ };
28
+ loading: BooleanConstructor;
29
+ modelValue: PropType<string | number | boolean | object | any[] | undefined>;
30
+ name: StringConstructor;
31
+ readonly: BooleanConstructor;
32
+ required: BooleanConstructor;
33
+ error: StringConstructor;
34
+ rules: {
35
+ readonly type: ArrayConstructor;
36
+ readonly default: () => never[];
37
+ };
38
+ }, {
39
+ radioRef: import("vue").Ref<HTMLElement | null>;
40
+ computedClasses: import("vue").ComputedRef<(string | string[] | {
41
+ [x: string]: boolean;
42
+ })[]>;
43
+ handleClick: (e: MouseEvent) => void;
44
+ selected: import("vue").ComputedRef<boolean>;
45
+ value: import("vue").ComputedRef<string | number | undefined>;
46
+ name: import("vue").ComputedRef<string | undefined>;
47
+ focus: () => void | undefined;
48
+ blur: () => void | undefined;
49
+ computedRadioClasses: import("vue").ComputedRef<string[]>;
50
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
51
+ id: {
52
+ type: (StringConstructor | NumberConstructor)[];
53
+ required: true;
54
+ };
55
+ type: {
56
+ type: StringConstructor;
57
+ default: string;
58
+ };
59
+ size: {
60
+ type: PropType<Size>;
61
+ default: string;
62
+ };
63
+ disabled: {
64
+ type: BooleanConstructor;
65
+ default: boolean;
66
+ };
67
+ icon: {
68
+ type: BooleanConstructor;
69
+ default: boolean;
70
+ };
71
+ onClick: {
72
+ type: PropType<(e: MouseEvent) => void>;
73
+ default: () => void;
74
+ };
75
+ loading: BooleanConstructor;
76
+ modelValue: PropType<string | number | boolean | object | any[] | undefined>;
77
+ name: StringConstructor;
78
+ readonly: BooleanConstructor;
79
+ required: BooleanConstructor;
80
+ error: StringConstructor;
81
+ rules: {
82
+ readonly type: ArrayConstructor;
83
+ readonly default: () => never[];
84
+ };
85
+ }>> & {
86
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
87
+ }, {
88
+ type: string;
89
+ required: boolean;
90
+ onClick: (e: MouseEvent) => void;
91
+ size: Size;
92
+ icon: boolean;
93
+ disabled: boolean;
94
+ loading: boolean;
95
+ readonly: boolean;
96
+ rules: unknown[];
97
+ }>;
98
+ export default _default;
@@ -0,0 +1,14 @@
1
+ export declare const vars: {
2
+ height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3
+ radius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4
+ padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6
+ borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7
+ boxShadowColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9
+ };
10
+ export declare const base: string;
11
+ export declare const variant: Record<"default" | "active", string>;
12
+ export declare const size: Record<"sm" | "md" | "lg" | "xs" | "xl", string>;
13
+ export declare const icon: string;
14
+ export declare const radio: string;
@@ -0,0 +1 @@
1
+ export * from './RadioButton.css';
@@ -0,0 +1,48 @@
1
+ import { type PropType } from "vue";
2
+ import type { Size } from '../../types/props';
3
+ declare const _default: import("vue").DefineComponent<{
4
+ modelValue: {
5
+ type: (StringConstructor | NumberConstructor)[];
6
+ default: string;
7
+ };
8
+ size: {
9
+ type: PropType<Size>;
10
+ default: string;
11
+ };
12
+ name: {
13
+ type: StringConstructor;
14
+ required: true;
15
+ };
16
+ block: {
17
+ type: BooleanConstructor;
18
+ default: boolean;
19
+ };
20
+ }, {
21
+ computedClasses: import("vue").ComputedRef<(string | {
22
+ [x: string]: boolean;
23
+ })[]>;
24
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
25
+ modelValue: {
26
+ type: (StringConstructor | NumberConstructor)[];
27
+ default: string;
28
+ };
29
+ size: {
30
+ type: PropType<Size>;
31
+ default: string;
32
+ };
33
+ name: {
34
+ type: StringConstructor;
35
+ required: true;
36
+ };
37
+ block: {
38
+ type: BooleanConstructor;
39
+ default: boolean;
40
+ };
41
+ }>> & {
42
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
43
+ }, {
44
+ size: Size;
45
+ block: boolean;
46
+ modelValue: string | number;
47
+ }>;
48
+ export default _default;
@@ -0,0 +1,3 @@
1
+ export declare const base: string;
2
+ export declare const vertical: string;
3
+ export declare const block: string;
@@ -0,0 +1 @@
1
+ export * from './RadioButtonGroup.css';
@@ -0,0 +1,9 @@
1
+ import type { InjectionKey } from "vue";
2
+ import type { Size } from "../../types/props";
3
+ export interface RadioButtonGroupState {
4
+ size: Size;
5
+ name: string;
6
+ modelValue: string | number;
7
+ doUpdateValue: (value: string | number) => void;
8
+ }
9
+ export declare const RADIO_BUTTON_GROUP_STATE: InjectionKey<RadioButtonGroupState>;
@@ -1,5 +1,6 @@
1
- import type { Size } from "@/types/props";
1
+ import type { Size } from "../../types/props";
2
2
  import { type PropType } from "vue";
3
+ import * as style from "./style";
3
4
  declare const _default: import("vue").DefineComponent<{
4
5
  label: {
5
6
  type: StringConstructor;
@@ -24,7 +25,7 @@ declare const _default: import("vue").DefineComponent<{
24
25
  type: PropType<Size>;
25
26
  default: string;
26
27
  };
27
- help: {
28
+ description: {
28
29
  type: StringConstructor;
29
30
  default: string;
30
31
  };
@@ -52,22 +53,26 @@ declare const _default: import("vue").DefineComponent<{
52
53
  type: BooleanConstructor;
53
54
  default: boolean;
54
55
  };
56
+ error: {
57
+ type: StringConstructor;
58
+ };
55
59
  modelValue: PropType<string | number | boolean | object | any[] | undefined>;
56
60
  name: StringConstructor;
57
61
  readonly: BooleanConstructor;
58
62
  required: BooleanConstructor;
59
- error: StringConstructor;
60
63
  rules: {
61
64
  readonly type: ArrayConstructor;
62
65
  readonly default: () => never[];
63
66
  };
64
67
  }, {
65
- container: import("vue").Ref<HTMLDivElement | undefined>;
66
- optionsRef: import("vue").Ref<HTMLDivElement[] | undefined>;
67
- searchRef: import("vue").Ref<HTMLDivElement | undefined>;
68
- selectRef: import("vue").Ref<HTMLDivElement | undefined>;
68
+ container: import("vue").Ref<HTMLElement | null>;
69
+ optionsRef: import("vue").Ref<HTMLElement[] | undefined>;
70
+ searchRef: import("vue").Ref<HTMLElement | undefined>;
71
+ selectRef: import("vue").Ref<HTMLElement | undefined>;
69
72
  popper: import("vue").Ref<HTMLElement | null | undefined>;
73
+ focusSelect: () => void;
70
74
  id: Readonly<import("vue").Ref<string>>;
75
+ isOpen: import("vue").ComputedRef<boolean>;
71
76
  open: import("vue").Ref<boolean>;
72
77
  selected: import("vue").WritableComputedRef<any>;
73
78
  computedOptions: import("vue").ComputedRef<{
@@ -95,9 +100,11 @@ declare const _default: import("vue").DefineComponent<{
95
100
  }>;
96
101
  getSelectedLabel: (value: string | number | []) => any;
97
102
  openSelect: () => void;
103
+ removeSelected: (value: string | number) => void;
98
104
  inputError: import("vue").ComputedRef<any>;
99
105
  transitionName: import("vue").ComputedRef<string>;
100
- listeners: {};
106
+ inputListeners: {};
107
+ style: typeof style;
101
108
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
102
109
  label: {
103
110
  type: StringConstructor;
@@ -122,7 +129,7 @@ declare const _default: import("vue").DefineComponent<{
122
129
  type: PropType<Size>;
123
130
  default: string;
124
131
  };
125
- help: {
132
+ description: {
126
133
  type: StringConstructor;
127
134
  default: string;
128
135
  };
@@ -150,11 +157,13 @@ declare const _default: import("vue").DefineComponent<{
150
157
  type: BooleanConstructor;
151
158
  default: boolean;
152
159
  };
160
+ error: {
161
+ type: StringConstructor;
162
+ };
153
163
  modelValue: PropType<string | number | boolean | object | any[] | undefined>;
154
164
  name: StringConstructor;
155
165
  readonly: BooleanConstructor;
156
166
  required: BooleanConstructor;
157
- error: StringConstructor;
158
167
  rules: {
159
168
  readonly type: ArrayConstructor;
160
169
  readonly default: () => never[];
@@ -164,17 +173,17 @@ declare const _default: import("vue").DefineComponent<{
164
173
  }, {
165
174
  required: boolean;
166
175
  size: Size;
176
+ multiple: boolean;
167
177
  disabled: boolean;
168
178
  loading: boolean;
169
179
  readonly: boolean;
170
180
  rules: unknown[];
171
- transitionName: string;
172
181
  placeholder: string;
173
- help: string;
182
+ description: string;
174
183
  searchable: boolean;
175
- multiple: boolean;
176
184
  optionValue: string;
177
185
  optionLabel: string;
186
+ transitionName: string;
178
187
  consistentWidth: boolean;
179
188
  }>;
180
189
  export default _default;
@@ -0,0 +1,30 @@
1
+ export declare const vars: {
2
+ height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3
+ radius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4
+ paddingX: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5
+ paddingY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6
+ borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9
+ cursor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10
+ optionColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
11
+ optionBackgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
12
+ };
13
+ export declare const wrapper: string;
14
+ export declare const base: string;
15
+ export declare const selectedTags: string;
16
+ export declare const block: string;
17
+ export declare const disabled: string;
18
+ export declare const label: string;
19
+ export declare const description: string;
20
+ export declare const errorMessage: string;
21
+ export declare const error: string;
22
+ export declare const rightIcon: string;
23
+ export declare const hasRightIcon: string;
24
+ export declare const menu: string;
25
+ export declare const placeholder: string;
26
+ export declare const search: string;
27
+ export declare const options: string;
28
+ export declare const option: string;
29
+ export declare const optionFocused: string;
30
+ export declare const optionSelected: string;
@@ -0,0 +1 @@
1
+ export * from './Select.css';
@@ -1,39 +1,33 @@
1
1
  declare const _default: import("vue").DefineComponent<{
2
- tag: {
2
+ width: {
3
3
  type: StringConstructor;
4
- default: string;
5
4
  };
6
- variant: {
5
+ height: {
7
6
  type: StringConstructor;
8
- default: string;
9
- validator: (value: string) => boolean;
10
7
  };
11
- animation: {
12
- type: StringConstructor;
13
- default: string;
8
+ loading: {
9
+ type: BooleanConstructor;
10
+ default: boolean;
14
11
  };
15
12
  }, {
16
- computedClasses: import("vue").ComputedRef<{
13
+ computedClasses: import("vue").ComputedRef<(string | {
17
14
  [x: string]: boolean;
18
- "m-skeleton": boolean;
15
+ })[]>;
16
+ computedStyles: import("vue").ComputedRef<{
17
+ [cssVarName: string]: string;
19
18
  }>;
20
19
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
21
- tag: {
20
+ width: {
22
21
  type: StringConstructor;
23
- default: string;
24
22
  };
25
- variant: {
23
+ height: {
26
24
  type: StringConstructor;
27
- default: string;
28
- validator: (value: string) => boolean;
29
25
  };
30
- animation: {
31
- type: StringConstructor;
32
- default: string;
26
+ loading: {
27
+ type: BooleanConstructor;
28
+ default: boolean;
33
29
  };
34
30
  }>>, {
35
- variant: string;
36
- tag: string;
37
- animation: string;
31
+ loading: boolean;
38
32
  }>;
39
33
  export default _default;
@@ -0,0 +1,8 @@
1
+ export declare const vars: {
2
+ height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3
+ width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4
+ marginBottom: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5
+ radius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6
+ };
7
+ export declare const base: string;
8
+ export declare const loading: string;
@@ -0,0 +1,2 @@
1
+ export { assignInlineVars } from '@vanilla-extract/dynamic';
2
+ export * from './Skeleton.css';
@@ -0,0 +1,32 @@
1
+ import * as style from './style';
2
+ declare const _default: import("vue").DefineComponent<{
3
+ modelValue: {
4
+ type: NumberConstructor;
5
+ required: true;
6
+ };
7
+ background: {
8
+ type: StringConstructor;
9
+ default: string;
10
+ };
11
+ }, {
12
+ setThumbPosition: () => void;
13
+ elementX: import("vue").Ref<number>;
14
+ pressed: import("vue").Ref<boolean>;
15
+ handleMouseDown: () => void;
16
+ slider: import("vue").Ref<HTMLElement | undefined>;
17
+ style: typeof style;
18
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
19
+ modelValue: {
20
+ type: NumberConstructor;
21
+ required: true;
22
+ };
23
+ background: {
24
+ type: StringConstructor;
25
+ default: string;
26
+ };
27
+ }>> & {
28
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
29
+ }, {
30
+ background: string;
31
+ }>;
32
+ export default _default;
@@ -0,0 +1,4 @@
1
+ export declare const slider: string;
2
+ export declare const sliderTransparent: string;
3
+ export declare const sliderBar: string;
4
+ export declare const hueSliderThumb: string;
@@ -0,0 +1 @@
1
+ export * from './Slider.css';
@@ -1,4 +1,4 @@
1
- import type { Size } from '@/types/props';
1
+ import type { Size } from '../../types/props';
2
2
  import { type PropType } from 'vue';
3
3
  declare const _default: import("vue").DefineComponent<{
4
4
  modelValue: {
@@ -56,8 +56,8 @@ declare const _default: import("vue").DefineComponent<{
56
56
  }, {
57
57
  loading: boolean;
58
58
  hover: boolean;
59
- headers: TableHeadItem[];
60
59
  items: unknown[];
60
+ headers: TableHeadItem[];
61
61
  striped: boolean;
62
62
  }>;
63
63
  export default _default;
@@ -0,0 +1,44 @@
1
+ import type { Color, Size } from "../../types/props";
2
+ import { type PropType } from "vue";
3
+ import * as style from "./style";
4
+ declare const _default: import("vue").DefineComponent<{
5
+ color: {
6
+ type: PropType<Color>;
7
+ default: string;
8
+ };
9
+ size: {
10
+ type: PropType<Size>;
11
+ default: string;
12
+ };
13
+ closeable: {
14
+ type: BooleanConstructor;
15
+ default: boolean;
16
+ };
17
+ }, {
18
+ computedClasses: import("vue").ComputedRef<string[] | {
19
+ [x: string]: boolean;
20
+ "m-tag": boolean;
21
+ }>;
22
+ close: () => void;
23
+ style: typeof style;
24
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
25
+ color: {
26
+ type: PropType<Color>;
27
+ default: string;
28
+ };
29
+ size: {
30
+ type: PropType<Size>;
31
+ default: string;
32
+ };
33
+ closeable: {
34
+ type: BooleanConstructor;
35
+ default: boolean;
36
+ };
37
+ }>> & {
38
+ onClose?: ((...args: any[]) => any) | undefined;
39
+ }, {
40
+ size: Size;
41
+ color: Color;
42
+ closeable: boolean;
43
+ }>;
44
+ export default _default;
@@ -0,0 +1,11 @@
1
+ export declare const vars: {
2
+ height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3
+ radius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4
+ paddingX: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5
+ paddingY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6
+ borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9
+ };
10
+ export declare const base: string;
11
+ export declare const close: string;
@@ -0,0 +1 @@
1
+ export * from './Tag.css';
@@ -1,6 +1,10 @@
1
1
  import { type PropType } from 'vue';
2
2
  import { type Placement } from "../../composables/usePopper";
3
3
  declare const _default: import("vue").DefineComponent<{
4
+ text: {
5
+ type: StringConstructor;
6
+ default: string;
7
+ };
4
8
  placement: {
5
9
  type: PropType<Placement>;
6
10
  default: string;
@@ -18,16 +22,23 @@ declare const _default: import("vue").DefineComponent<{
18
22
  type: BooleanConstructor;
19
23
  default: boolean;
20
24
  };
25
+ zIndex: {
26
+ type: NumberConstructor;
27
+ };
21
28
  }, {
22
29
  reference: import("vue").Ref<HTMLElement | null>;
23
30
  popper: import("vue").Ref<HTMLElement | null | undefined>;
24
31
  transferTo: import("vue").Ref<String>;
25
- transitionName: import("vue").ComputedRef<string>;
26
32
  isOpen: import("vue").Ref<boolean>;
27
33
  computedClasses: import("vue").ComputedRef<(string | {
28
- 'm-tooltip--reverse': boolean;
34
+ [x: string]: boolean;
29
35
  })[]>;
36
+ zIndex: import("vue").Ref<number>;
30
37
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
38
+ text: {
39
+ type: StringConstructor;
40
+ default: string;
41
+ };
31
42
  placement: {
32
43
  type: PropType<Placement>;
33
44
  default: string;
@@ -45,8 +56,12 @@ declare const _default: import("vue").DefineComponent<{
45
56
  type: BooleanConstructor;
46
57
  default: boolean;
47
58
  };
59
+ zIndex: {
60
+ type: NumberConstructor;
61
+ };
48
62
  }>>, {
49
63
  reverse: boolean;
64
+ text: string;
50
65
  placement: Placement;
51
66
  transfer: boolean;
52
67
  transitionName: string;