@indielayer/ui 1.0.0-alpha.7 → 1.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 (209) hide show
  1. package/README.md +6 -3
  2. package/lib/index.cjs.js +1 -15
  3. package/lib/index.es.js +4453 -3651
  4. package/lib/nuxt.js +2 -1
  5. package/package.json +16 -6
  6. package/src/common/icons.ts +15 -0
  7. package/src/common/utils.ts +68 -0
  8. package/src/components/alert/Alert.theme.ts +57 -0
  9. package/src/components/alert/Alert.vue +51 -127
  10. package/src/components/alert/__tests__/Alert.spec.ts +14 -0
  11. package/src/components/avatar/Avatar.theme.ts +39 -0
  12. package/src/components/avatar/Avatar.vue +58 -96
  13. package/src/components/avatar/__tests__/Avatar.spec.ts +11 -0
  14. package/src/components/badge/Badge.theme.ts +13 -0
  15. package/src/components/badge/Badge.vue +58 -65
  16. package/src/components/badge/__tests__/Badge.spec.ts +11 -0
  17. package/src/components/breadcrumbs/Breadcrumbs.theme.ts +9 -0
  18. package/src/components/breadcrumbs/Breadcrumbs.vue +34 -24
  19. package/src/components/breadcrumbs/__tests__/Breadcrumbs.spec.ts +11 -0
  20. package/src/components/button/Button.theme.ts +234 -0
  21. package/src/components/button/Button.vue +94 -356
  22. package/src/components/button/ButtonGroup.theme.ts +5 -0
  23. package/src/components/button/ButtonGroup.vue +30 -29
  24. package/src/components/button/__tests__/ Button.spec.ts +11 -0
  25. package/src/components/button/__tests__/ ButtonGroup.spec.ts +11 -0
  26. package/src/components/card/Card.theme.ts +7 -0
  27. package/src/components/card/Card.vue +18 -11
  28. package/src/components/card/__tests__/Card.spec.ts +11 -0
  29. package/src/components/checkbox/Checkbox.theme.ts +92 -0
  30. package/src/components/checkbox/Checkbox.vue +69 -156
  31. package/src/components/checkbox/__tests__/Checkbox.spec.ts +11 -0
  32. package/src/components/collapse/Collapse.theme.ts +11 -0
  33. package/src/components/collapse/Collapse.vue +99 -118
  34. package/src/components/collapse/__tests__/Collapse.spec.ts +11 -0
  35. package/src/components/container/Container.theme.ts +7 -0
  36. package/src/components/container/Container.vue +17 -9
  37. package/src/components/container/__tests__/Container.spec.ts +11 -0
  38. package/src/components/divider/Divider.theme.ts +11 -0
  39. package/src/components/divider/Divider.vue +22 -18
  40. package/src/components/divider/__tests__/Divider.spec.ts +11 -0
  41. package/src/components/drawer/Drawer.theme.ts +9 -0
  42. package/src/components/drawer/Drawer.vue +160 -177
  43. package/src/components/drawer/__tests__/Drawer.spec.ts +11 -0
  44. package/src/components/form/Form.theme.ts +7 -0
  45. package/src/components/form/Form.vue +90 -73
  46. package/src/components/form/__tests__/Form.spec.ts +11 -0
  47. package/src/components/helpers/InputError.tsx +14 -0
  48. package/src/components/icon/Icon.theme.ts +16 -0
  49. package/src/components/icon/Icon.vue +72 -88
  50. package/src/components/icon/__tests__/Icon.spec.ts +11 -0
  51. package/src/components/image/Image.theme.ts +7 -0
  52. package/src/components/image/Image.vue +22 -23
  53. package/src/components/image/__tests__/Image.spec.ts +11 -0
  54. package/src/components/index.ts +3 -3
  55. package/src/components/input/Input.theme.ts +44 -0
  56. package/src/components/input/Input.vue +97 -130
  57. package/src/components/input/__tests__/Input.spec.ts +11 -0
  58. package/src/components/link/Link.theme.ts +26 -0
  59. package/src/components/link/Link.vue +41 -66
  60. package/src/components/link/__tests__/Link.spec.ts +11 -0
  61. package/src/components/menu/Menu.theme.ts +7 -0
  62. package/src/components/menu/Menu.vue +54 -45
  63. package/src/components/menu/MenuItem.theme.ts +107 -0
  64. package/src/components/menu/MenuItem.vue +97 -199
  65. package/src/components/menu/__tests__/Menu.spec.ts +11 -0
  66. package/src/components/menu/__tests__/MenuItem.spec.ts +11 -0
  67. package/src/components/modal/Modal.theme.ts +29 -0
  68. package/src/components/modal/Modal.vue +78 -101
  69. package/src/components/modal/__tests__/Modal.spec.ts +11 -0
  70. package/src/components/notifications/Notifications.theme.ts +11 -0
  71. package/src/components/notifications/Notifications.vue +233 -247
  72. package/src/components/notifications/__tests__/Notifications.spec.ts +11 -0
  73. package/src/components/pagination/Pagination.theme.ts +27 -0
  74. package/src/components/pagination/Pagination.vue +142 -164
  75. package/src/components/pagination/PaginationItem.theme.ts +14 -0
  76. package/src/components/pagination/PaginationItem.vue +26 -33
  77. package/src/components/pagination/__tests__/Pagination.spec.ts +11 -0
  78. package/src/components/pagination/__tests__/PaginationItem.spec.ts +11 -0
  79. package/src/components/popover/Popover.theme.ts +9 -0
  80. package/src/components/popover/Popover.vue +153 -101
  81. package/src/components/popover/PopoverContainer.theme.ts +7 -0
  82. package/src/components/popover/PopoverContainer.vue +17 -9
  83. package/src/components/popover/__tests__/Popover.spec.ts +11 -0
  84. package/src/components/popover/__tests__/PopoverContainer.spec.ts +11 -0
  85. package/src/components/progress/Progress.theme.ts +26 -0
  86. package/src/components/progress/Progress.vue +29 -53
  87. package/src/components/progress/__tests__/Progress.spec.ts +11 -0
  88. package/src/components/radio/Radio.theme.ts +121 -0
  89. package/src/components/radio/Radio.vue +81 -158
  90. package/src/components/radio/__tests__/Radio.spec.ts +11 -0
  91. package/src/components/scroll/Scroll.theme.ts +7 -0
  92. package/src/components/scroll/Scroll.vue +34 -36
  93. package/src/components/scroll/__tests__/Scroll.spec.ts +11 -0
  94. package/src/components/select/Select.theme.ts +54 -0
  95. package/src/components/select/Select.vue +219 -273
  96. package/src/components/select/__tests__/Select.spec.ts +11 -0
  97. package/src/components/skeleton/Skeleton.theme.ts +7 -0
  98. package/src/components/skeleton/Skeleton.vue +17 -9
  99. package/src/components/skeleton/__tests__/Skeleton.spec.ts +11 -0
  100. package/src/components/slider/Slider.theme.ts +30 -0
  101. package/src/components/slider/Slider.vue +135 -168
  102. package/src/components/slider/__tests__/Slider.spec.ts +11 -0
  103. package/src/components/spacer/{Spacer.vue → Spacer.tsx} +3 -6
  104. package/src/components/spacer/__tests__/Spacer.spec.ts +11 -0
  105. package/src/components/spinner/Spinner.vue +10 -34
  106. package/src/components/spinner/__tests__/Spinner.spec.ts +11 -0
  107. package/src/components/tab/Tab.theme.ts +22 -0
  108. package/src/components/tab/Tab.vue +89 -93
  109. package/src/components/tab/TabGroup.theme.ts +43 -0
  110. package/src/components/tab/TabGroup.vue +94 -127
  111. package/src/components/tab/__tests__/Tab.spec.ts +11 -0
  112. package/src/components/tab/__tests__/TabGroup.spec.ts +11 -0
  113. package/src/components/table/Table.theme.ts +19 -0
  114. package/src/components/table/Table.vue +136 -147
  115. package/src/components/table/{TableBody.vue → TableBody.tsx} +3 -8
  116. package/src/components/table/TableCell.theme.ts +27 -0
  117. package/src/components/table/TableCell.vue +30 -58
  118. package/src/components/table/TableHead.tsx +14 -0
  119. package/src/components/table/TableHeader.vue +18 -20
  120. package/src/components/table/TableRow.vue +23 -20
  121. package/src/components/table/__tests__/Table.spec.ts +11 -0
  122. package/src/components/tag/Tag.theme.ts +32 -0
  123. package/src/components/tag/Tag.vue +40 -68
  124. package/src/components/tag/__tests__/Tag.spec.ts +11 -0
  125. package/src/components/textarea/Textarea.theme.ts +62 -0
  126. package/src/components/textarea/Textarea.vue +100 -115
  127. package/src/components/textarea/__tests__/Textarea.spec.ts +11 -0
  128. package/src/components/toggle/Toggle.theme.ts +51 -0
  129. package/src/components/toggle/Toggle.vue +51 -81
  130. package/src/components/toggle/__tests__/Toggle.spec.ts +11 -0
  131. package/src/components/tooltip/Tooltip.theme.ts +51 -0
  132. package/src/components/tooltip/Tooltip.vue +9 -14
  133. package/src/components/tooltip/__tests__/Tooltip.spec.ts +11 -0
  134. package/src/composables/colors-utils.ts +68 -68
  135. package/src/composables/colors.ts +18 -6
  136. package/src/composables/common.ts +1 -0
  137. package/src/composables/css.ts +7 -2
  138. package/src/composables/index.ts +1 -1
  139. package/src/composables/inputtable.ts +1 -1
  140. package/src/composables/interactive.ts +8 -4
  141. package/src/composables/keys.ts +1 -0
  142. package/src/composables/notifications.ts +10 -0
  143. package/src/composables/theme.ts +88 -0
  144. package/src/create.ts +9 -4
  145. package/src/exports/nuxt.js +2 -1
  146. package/src/version.ts +1 -1
  147. package/volar.d.ts +1 -0
  148. package/lib/components/alert/Alert.vue.d.ts +0 -42
  149. package/lib/components/avatar/Avatar.vue.d.ts +0 -49
  150. package/lib/components/badge/Badge.vue.d.ts +0 -75
  151. package/lib/components/breadcrumbs/Breadcrumbs.vue.d.ts +0 -30
  152. package/lib/components/button/Button.vue.d.ts +0 -87
  153. package/lib/components/button/ButtonGroup.vue.d.ts +0 -49
  154. package/lib/components/card/Card.vue.d.ts +0 -17
  155. package/lib/components/checkbox/Checkbox.vue.d.ts +0 -81
  156. package/lib/components/collapse/Collapse.vue.d.ts +0 -47
  157. package/lib/components/container/Container.vue.d.ts +0 -14
  158. package/lib/components/divider/Divider.vue.d.ts +0 -10
  159. package/lib/components/drawer/Drawer.vue.d.ts +0 -73
  160. package/lib/components/form/Form.vue.d.ts +0 -46
  161. package/lib/components/icon/Icon.vue.d.ts +0 -40
  162. package/lib/components/image/Image.vue.d.ts +0 -8
  163. package/lib/components/index.d.ts +0 -45
  164. package/lib/components/input/Input.vue.d.ts +0 -117
  165. package/lib/components/link/Link.vue.d.ts +0 -36
  166. package/lib/components/menu/Menu.vue.d.ts +0 -62
  167. package/lib/components/menu/MenuItem.vue.d.ts +0 -114
  168. package/lib/components/modal/Modal.vue.d.ts +0 -34
  169. package/lib/components/notifications/Notifications.vue.d.ts +0 -104
  170. package/lib/components/pagination/Pagination.vue.d.ts +0 -58
  171. package/lib/components/pagination/PaginationItem.vue.d.ts +0 -32
  172. package/lib/components/popover/Popover.vue.d.ts +0 -64
  173. package/lib/components/popover/PopoverContainer.vue.d.ts +0 -14
  174. package/lib/components/progress/Progress.vue.d.ts +0 -42
  175. package/lib/components/radio/Radio.vue.d.ts +0 -79
  176. package/lib/components/scroll/Scroll.vue.d.ts +0 -29
  177. package/lib/components/select/Select.vue.d.ts +0 -100
  178. package/lib/components/skeleton/Skeleton.vue.d.ts +0 -14
  179. package/lib/components/slider/Slider.vue.d.ts +0 -96
  180. package/lib/components/spacer/Spacer.vue.d.ts +0 -2
  181. package/lib/components/spinner/Spinner.vue.d.ts +0 -16
  182. package/lib/components/tab/Tab.vue.d.ts +0 -52
  183. package/lib/components/tab/TabGroup.vue.d.ts +0 -61
  184. package/lib/components/table/Table.vue.d.ts +0 -82
  185. package/lib/components/table/TableBody.vue.d.ts +0 -2
  186. package/lib/components/table/TableCell.vue.d.ts +0 -33
  187. package/lib/components/table/TableHead.vue.d.ts +0 -2
  188. package/lib/components/table/TableHeader.vue.d.ts +0 -33
  189. package/lib/components/table/TableRow.vue.d.ts +0 -23
  190. package/lib/components/tag/Tag.vue.d.ts +0 -45
  191. package/lib/components/textarea/Textarea.vue.d.ts +0 -106
  192. package/lib/components/toggle/Toggle.vue.d.ts +0 -79
  193. package/lib/components/tooltip/Tooltip.vue.d.ts +0 -2
  194. package/lib/composables/colors-utils.d.ts +0 -8
  195. package/lib/composables/colors.d.ts +0 -26
  196. package/lib/composables/common.d.ts +0 -14
  197. package/lib/composables/css.d.ts +0 -5
  198. package/lib/composables/index.d.ts +0 -7
  199. package/lib/composables/inputtable.d.ts +0 -37
  200. package/lib/composables/interactive.d.ts +0 -10
  201. package/lib/composables/keys.d.ts +0 -7
  202. package/lib/composables/notification.d.ts +0 -1
  203. package/lib/create.d.ts +0 -12
  204. package/lib/index.d.ts +0 -6
  205. package/lib/install.d.ts +0 -4
  206. package/lib/style.css +0 -1
  207. package/lib/version.d.ts +0 -2
  208. package/src/components/table/TableHead.vue +0 -15
  209. package/src/composables/notification.ts +0 -10
@@ -1,82 +0,0 @@
1
- import { type PropType } from 'vue';
2
- import { type Sort, type Align } from './TableHeader.vue';
3
- export declare type Header = {
4
- sortable?: boolean;
5
- sort?: string[];
6
- align?: Align;
7
- value: string;
8
- text: string;
9
- width: string | number;
10
- };
11
- declare const _default: import("vue").DefineComponent<{
12
- headers: {
13
- type: PropType<Header[]>;
14
- default: () => never[];
15
- };
16
- items: {
17
- type: ArrayConstructor;
18
- default: () => never[];
19
- };
20
- sort: {
21
- type: PropType<string[]>;
22
- default: () => never[];
23
- };
24
- loading: BooleanConstructor;
25
- dense: BooleanConstructor;
26
- fixed: BooleanConstructor;
27
- striped: BooleanConstructor;
28
- pointer: BooleanConstructor;
29
- scrollable: {
30
- type: BooleanConstructor;
31
- default: boolean;
32
- };
33
- stickyHeader: {
34
- type: BooleanConstructor;
35
- default: boolean;
36
- };
37
- }, {
38
- getSort: (headerValue: string, sort: string[]) => Sort;
39
- getValue: (item: any, path: string | string[]) => any;
40
- sortHeader: (header: Header) => void;
41
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:sort" | "click-row")[], "update:sort" | "click-row", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
42
- headers: {
43
- type: PropType<Header[]>;
44
- default: () => never[];
45
- };
46
- items: {
47
- type: ArrayConstructor;
48
- default: () => never[];
49
- };
50
- sort: {
51
- type: PropType<string[]>;
52
- default: () => never[];
53
- };
54
- loading: BooleanConstructor;
55
- dense: BooleanConstructor;
56
- fixed: BooleanConstructor;
57
- striped: BooleanConstructor;
58
- pointer: BooleanConstructor;
59
- scrollable: {
60
- type: BooleanConstructor;
61
- default: boolean;
62
- };
63
- stickyHeader: {
64
- type: BooleanConstructor;
65
- default: boolean;
66
- };
67
- }>> & {
68
- "onUpdate:sort"?: ((...args: any[]) => any) | undefined;
69
- "onClick-row"?: ((...args: any[]) => any) | undefined;
70
- }, {
71
- fixed: boolean;
72
- sort: string[];
73
- items: unknown[];
74
- loading: boolean;
75
- pointer: boolean;
76
- dense: boolean;
77
- stickyHeader: boolean;
78
- striped: boolean;
79
- headers: Header[];
80
- scrollable: boolean;
81
- }>;
82
- export default _default;
@@ -1,2 +0,0 @@
1
- declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
2
- export default _default;
@@ -1,33 +0,0 @@
1
- declare const _default: import("vue").DefineComponent<{
2
- textAlign: {
3
- type: StringConstructor;
4
- validator: (value: string) => boolean;
5
- };
6
- truncate: BooleanConstructor;
7
- dense: BooleanConstructor;
8
- fixed: BooleanConstructor;
9
- verticalAlign: {
10
- type: StringConstructor;
11
- default: string;
12
- validator: (value: string) => boolean;
13
- };
14
- }, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
15
- textAlign: {
16
- type: StringConstructor;
17
- validator: (value: string) => boolean;
18
- };
19
- truncate: BooleanConstructor;
20
- dense: BooleanConstructor;
21
- fixed: BooleanConstructor;
22
- verticalAlign: {
23
- type: StringConstructor;
24
- default: string;
25
- validator: (value: string) => boolean;
26
- };
27
- }>>, {
28
- fixed: boolean;
29
- dense: boolean;
30
- verticalAlign: string;
31
- truncate: boolean;
32
- }>;
33
- export default _default;
@@ -1,2 +0,0 @@
1
- declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
2
- export default _default;
@@ -1,33 +0,0 @@
1
- import { type PropType } from 'vue';
2
- export declare type Sort = 1 | -1 | undefined;
3
- export declare type Align = 'left' | 'center' | 'right' | 'justify' | undefined;
4
- declare const _default: import("vue").DefineComponent<{
5
- sort: {
6
- type: PropType<Sort>;
7
- validator: (value: number) => boolean;
8
- };
9
- sortable: BooleanConstructor;
10
- textAlign: {
11
- type: PropType<Align>;
12
- default: string;
13
- validator: (value: string) => boolean;
14
- };
15
- stickyHeader: BooleanConstructor;
16
- }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
17
- sort: {
18
- type: PropType<Sort>;
19
- validator: (value: number) => boolean;
20
- };
21
- sortable: BooleanConstructor;
22
- textAlign: {
23
- type: PropType<Align>;
24
- default: string;
25
- validator: (value: string) => boolean;
26
- };
27
- stickyHeader: BooleanConstructor;
28
- }>>, {
29
- textAlign: Align;
30
- sortable: boolean;
31
- stickyHeader: boolean;
32
- }>;
33
- export default _default;
@@ -1,23 +0,0 @@
1
- import { type PropType } from 'vue';
2
- declare const _default: import("vue").DefineComponent<{
3
- pointer: BooleanConstructor;
4
- striped: BooleanConstructor;
5
- verticalAlign: {
6
- type: PropType<"top" | "bottom" | "baseline" | "middle" | "text-bottom" | "text-top">;
7
- default: string;
8
- validator: (value: string) => boolean;
9
- };
10
- }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
11
- pointer: BooleanConstructor;
12
- striped: BooleanConstructor;
13
- verticalAlign: {
14
- type: PropType<"top" | "bottom" | "baseline" | "middle" | "text-bottom" | "text-top">;
15
- default: string;
16
- validator: (value: string) => boolean;
17
- };
18
- }>>, {
19
- pointer: boolean;
20
- verticalAlign: "top" | "bottom" | "baseline" | "middle" | "text-bottom" | "text-top";
21
- striped: boolean;
22
- }>;
23
- export default _default;
@@ -1,45 +0,0 @@
1
- declare const _default: import("vue").DefineComponent<{
2
- tag: {
3
- type: StringConstructor;
4
- default: string;
5
- };
6
- rounded: BooleanConstructor;
7
- removable: BooleanConstructor;
8
- outlined: BooleanConstructor;
9
- color: {
10
- readonly type: StringConstructor;
11
- readonly default: string | undefined;
12
- };
13
- size: {
14
- readonly type: import("vue").PropType<import("../../composables/common").Size>;
15
- readonly validator: (value: string) => boolean;
16
- };
17
- }, {
18
- styles: import("vue").ComputedRef<Record<string, string>>;
19
- sizeClasses: import("vue").ComputedRef<"px-2 py-1 text-xs" | "px-4 py-3 text-lg" | "px-3 py-2" | "px-2 py-1 text-sm" | "px-6 py-6 text-xl">;
20
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "remove"[], "remove", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
21
- tag: {
22
- type: StringConstructor;
23
- default: string;
24
- };
25
- rounded: BooleanConstructor;
26
- removable: BooleanConstructor;
27
- outlined: BooleanConstructor;
28
- color: {
29
- readonly type: StringConstructor;
30
- readonly default: string | undefined;
31
- };
32
- size: {
33
- readonly type: import("vue").PropType<import("../../composables/common").Size>;
34
- readonly validator: (value: string) => boolean;
35
- };
36
- }>> & {
37
- onRemove?: ((...args: any[]) => any) | undefined;
38
- }, {
39
- tag: string;
40
- outlined: boolean;
41
- removable: boolean;
42
- color: string;
43
- rounded: boolean;
44
- }>;
45
- export default _default;
@@ -1,106 +0,0 @@
1
- declare const _default: import("vue").DefineComponent<{
2
- helper: StringConstructor;
3
- label: StringConstructor;
4
- dir: {
5
- type: StringConstructor;
6
- default: string;
7
- };
8
- rows: NumberConstructor;
9
- max: NumberConstructor;
10
- maxlength: NumberConstructor;
11
- min: NumberConstructor;
12
- minlength: NumberConstructor;
13
- placeholder: StringConstructor;
14
- adjustToText: {
15
- type: BooleanConstructor;
16
- default: boolean;
17
- };
18
- preventEnter: BooleanConstructor;
19
- inputClass: StringConstructor;
20
- block: BooleanConstructor;
21
- modelValue: import("vue").PropType<[string, number, boolean, object, []]>;
22
- name: StringConstructor;
23
- readonly: BooleanConstructor;
24
- required: BooleanConstructor;
25
- validateOnInput: {
26
- readonly type: BooleanConstructor;
27
- readonly default: true;
28
- };
29
- error: StringConstructor;
30
- rules: {
31
- readonly type: ArrayConstructor;
32
- readonly default: () => never[];
33
- };
34
- disabled: BooleanConstructor;
35
- loading: BooleanConstructor;
36
- size: {
37
- readonly type: import("vue").PropType<import("../../composables/common").Size>;
38
- readonly validator: (value: string) => boolean;
39
- };
40
- }, {
41
- elRef: import("vue").Ref<HTMLTextAreaElement | undefined>;
42
- style: string;
43
- onInput: () => void;
44
- onEnter: (e: KeyboardEvent) => void;
45
- isFirstValidation: import("vue").Ref<boolean>;
46
- errorInternal: any;
47
- isInsideForm: any;
48
- inputListeners: {};
49
- reset: () => void;
50
- validate: (val: any) => boolean;
51
- setError: (val: string) => void;
52
- focus: () => void;
53
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
54
- helper: StringConstructor;
55
- label: StringConstructor;
56
- dir: {
57
- type: StringConstructor;
58
- default: string;
59
- };
60
- rows: NumberConstructor;
61
- max: NumberConstructor;
62
- maxlength: NumberConstructor;
63
- min: NumberConstructor;
64
- minlength: NumberConstructor;
65
- placeholder: StringConstructor;
66
- adjustToText: {
67
- type: BooleanConstructor;
68
- default: boolean;
69
- };
70
- preventEnter: BooleanConstructor;
71
- inputClass: StringConstructor;
72
- block: BooleanConstructor;
73
- modelValue: import("vue").PropType<[string, number, boolean, object, []]>;
74
- name: StringConstructor;
75
- readonly: BooleanConstructor;
76
- required: BooleanConstructor;
77
- validateOnInput: {
78
- readonly type: BooleanConstructor;
79
- readonly default: true;
80
- };
81
- error: StringConstructor;
82
- rules: {
83
- readonly type: ArrayConstructor;
84
- readonly default: () => never[];
85
- };
86
- disabled: BooleanConstructor;
87
- loading: BooleanConstructor;
88
- size: {
89
- readonly type: import("vue").PropType<import("../../composables/common").Size>;
90
- readonly validator: (value: string) => boolean;
91
- };
92
- }>> & {
93
- [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
94
- }, {
95
- readonly: boolean;
96
- dir: string;
97
- required: boolean;
98
- block: boolean;
99
- disabled: boolean;
100
- loading: boolean;
101
- validateOnInput: boolean;
102
- rules: unknown[];
103
- adjustToText: boolean;
104
- preventEnter: boolean;
105
- }>;
106
- export default _default;
@@ -1,79 +0,0 @@
1
- declare const _default: import("vue").DefineComponent<{
2
- id: StringConstructor;
3
- label: StringConstructor;
4
- glow: BooleanConstructor;
5
- modelValue: import("vue").PropType<[string, number, boolean, object, []]>;
6
- name: StringConstructor;
7
- readonly: BooleanConstructor;
8
- required: BooleanConstructor;
9
- validateOnInput: {
10
- readonly type: BooleanConstructor;
11
- readonly default: true;
12
- };
13
- error: StringConstructor;
14
- rules: {
15
- readonly type: ArrayConstructor;
16
- readonly default: () => never[];
17
- };
18
- disabled: BooleanConstructor;
19
- loading: BooleanConstructor;
20
- color: {
21
- readonly type: StringConstructor;
22
- readonly default: string | undefined;
23
- };
24
- size: {
25
- readonly type: import("vue").PropType<import("../../composables/common").Size>;
26
- readonly validator: (value: string) => boolean;
27
- };
28
- }, {
29
- elRef: import("vue").Ref<HTMLElement | undefined>;
30
- checked: import("vue").WritableComputedRef<boolean>;
31
- styles: import("vue").ComputedRef<Record<string, string>>;
32
- isFirstValidation: import("vue").Ref<boolean>;
33
- errorInternal: any;
34
- isInsideForm: any;
35
- inputListeners: {};
36
- reset: () => void;
37
- validate: (val: any) => boolean;
38
- setError: (val: string) => void;
39
- focus: () => void;
40
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
41
- id: StringConstructor;
42
- label: StringConstructor;
43
- glow: BooleanConstructor;
44
- modelValue: import("vue").PropType<[string, number, boolean, object, []]>;
45
- name: StringConstructor;
46
- readonly: BooleanConstructor;
47
- required: BooleanConstructor;
48
- validateOnInput: {
49
- readonly type: BooleanConstructor;
50
- readonly default: true;
51
- };
52
- error: StringConstructor;
53
- rules: {
54
- readonly type: ArrayConstructor;
55
- readonly default: () => never[];
56
- };
57
- disabled: BooleanConstructor;
58
- loading: BooleanConstructor;
59
- color: {
60
- readonly type: StringConstructor;
61
- readonly default: string | undefined;
62
- };
63
- size: {
64
- readonly type: import("vue").PropType<import("../../composables/common").Size>;
65
- readonly validator: (value: string) => boolean;
66
- };
67
- }>> & {
68
- [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
69
- }, {
70
- readonly: boolean;
71
- glow: boolean;
72
- required: boolean;
73
- color: string;
74
- disabled: boolean;
75
- loading: boolean;
76
- validateOnInput: boolean;
77
- rules: unknown[];
78
- }>;
79
- export default _default;
@@ -1,2 +0,0 @@
1
- declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
2
- export default _default;
@@ -1,8 +0,0 @@
1
- import type { Tone, ColorLibrary } from './colors';
2
- export declare const setOpacity: (color: string, opacity: number) => string;
3
- export declare const isValidColor: (color: string) => boolean;
4
- export declare const colorShade: (color: string, percentage: number) => string;
5
- export declare const shades: Tone[];
6
- export declare const indielayerColors: string[];
7
- export declare function calculateColors(): ColorLibrary;
8
- export declare const tailwindColors: ColorLibrary;
@@ -1,26 +0,0 @@
1
- export declare type Tone = '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
2
- export interface ColorPalette {
3
- 50: string;
4
- 100: string;
5
- 200: string;
6
- 300: string;
7
- 400: string;
8
- 500: string;
9
- 600: string;
10
- 700: string;
11
- 800: string;
12
- 900: string;
13
- }
14
- export declare type ColorLibrary = Record<string, ColorPalette>;
15
- export declare const useColors: {
16
- (): {
17
- getPalette: (color: string) => ColorPalette;
18
- getColorOpacity: (color: string, opacity: number) => string;
19
- };
20
- props(defaultColor?: string | undefined): {
21
- readonly color: {
22
- readonly type: StringConstructor;
23
- readonly default: string | undefined;
24
- };
25
- };
26
- };
@@ -1,14 +0,0 @@
1
- import type { PropType } from 'vue';
2
- export declare type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined;
3
- export declare const useCommon: {
4
- (): void;
5
- props(): {
6
- readonly size: {
7
- readonly type: PropType<Size>;
8
- readonly validator: (value: string) => boolean;
9
- };
10
- };
11
- validators(): {
12
- size: string[];
13
- };
14
- };
@@ -1,5 +0,0 @@
1
- export declare const useCSS: (namespace?: string | undefined) => {
2
- get: (name: string, value: string, theme?: string | undefined, modifier?: string | undefined) => string;
3
- variable: (name: string, theme?: string | undefined, modifier?: string | undefined) => string;
4
- variables: (object: Record<string, string | object>, theme?: string | undefined, modifier?: string | undefined) => Record<string, string>;
5
- };
@@ -1,7 +0,0 @@
1
- export * from './keys';
2
- export * from './common';
3
- export * from './colors';
4
- export * from './css';
5
- export * from './inputtable';
6
- export * from './interactive';
7
- export * from './notification';
@@ -1,37 +0,0 @@
1
- import type { Ref, PropType } from 'vue';
2
- export interface XFormInputMethods {
3
- focus: () => void;
4
- validate: (val: any) => boolean;
5
- setError: (val: string) => void;
6
- }
7
- export declare const useInputtable: {
8
- (props: any, { focus, emit, withListeners }: {
9
- focus: () => void;
10
- emit: any;
11
- withListeners?: boolean | undefined;
12
- }): {
13
- isFirstValidation: Ref<boolean>;
14
- errorInternal: any;
15
- isInsideForm: any;
16
- inputListeners: {};
17
- reset: () => void;
18
- validate: (val: any) => boolean;
19
- setError: (val: string) => void;
20
- };
21
- emits(withListeners?: boolean): string[];
22
- props(): {
23
- readonly modelValue: PropType<[string, number, boolean, object, []]>;
24
- readonly name: StringConstructor;
25
- readonly readonly: BooleanConstructor;
26
- readonly required: BooleanConstructor;
27
- readonly validateOnInput: {
28
- readonly type: BooleanConstructor;
29
- readonly default: true;
30
- };
31
- readonly error: StringConstructor;
32
- readonly rules: {
33
- readonly type: ArrayConstructor;
34
- readonly default: () => never[];
35
- };
36
- };
37
- };
@@ -1,10 +0,0 @@
1
- import type { Ref } from 'vue';
2
- export declare const useInteractive: {
3
- (el: Ref<HTMLElement | undefined>): {
4
- focus: () => void;
5
- };
6
- props(): {
7
- readonly disabled: BooleanConstructor;
8
- readonly loading: BooleanConstructor;
9
- };
10
- };
@@ -1,7 +0,0 @@
1
- import type { InjectionKey } from 'vue';
2
- export declare const injectTabKey: InjectionKey<any>;
3
- export declare const injectFormKey: InjectionKey<any>;
4
- export declare const injectIconsKey: InjectionKey<any>;
5
- export declare const injectColorsKey: InjectionKey<any>;
6
- export declare const injectButtonGroupKey: InjectionKey<any>;
7
- export declare const injectNotificationKey: InjectionKey<any>;
@@ -1 +0,0 @@
1
- export declare const useNotification: () => any;
package/lib/create.d.ts DELETED
@@ -1,12 +0,0 @@
1
- import type { App } from 'vue';
2
- import type { ColorLibrary } from './composables/colors';
3
- export interface IndielayerUIOptions {
4
- prefix?: string;
5
- components?: any;
6
- colors?: ColorLibrary;
7
- icons?: any;
8
- }
9
- declare const create: (createOptions?: IndielayerUIOptions) => {
10
- install: (app: App, installOptions?: IndielayerUIOptions) => void;
11
- };
12
- export default create;
package/lib/index.d.ts DELETED
@@ -1,6 +0,0 @@
1
- export { tailwindColors as colors } from './composables/colors-utils';
2
- export { default as version } from './version';
3
- export * from './components';
4
- export * from './composables';
5
- export { default as createUI } from './create';
6
- export { default } from './install';
package/lib/install.d.ts DELETED
@@ -1,4 +0,0 @@
1
- declare const _default: {
2
- install: (app: import("vue").App<any>, installOptions?: import("./create").IndielayerUIOptions) => void;
3
- };
4
- export default _default;
package/lib/style.css DELETED
@@ -1 +0,0 @@
1
- ._alert_1sdha_2[data-v-35ce54d8]{color:var(--x-alert-text);background-color:var(--x-alert-bg);border-color:var(--x-alert-border)}._alert--glow_1sdha_1[data-v-35ce54d8]{box-shadow:0 0 #000,0 0 #000,0 10px 15px -3px var(--x-alert-glow),0 4px 6px -4px var(--x-alert-glow)}.dark ._alert_1sdha_2[data-v-35ce54d8]{color:var(--x-dark-alert-text, var(--x-alert-text));background-color:var(--x-dark-alert-bg, var(--x-alert-bg));border-color:var(--x-dark-alert-border, var(--x-alert-border))}._avatar_v7jzc_2[data-v-243016db]{color:var(--x-avatar-text);background-color:var(--x-avatar-bg);border-color:var(--x-avatar-border)}.dark ._avatar_v7jzc_2[data-v-243016db]{color:var(--x-dark-avatar-text, var(--x-avatar-text));background-color:var(--x-dark-avatar-bg, var(--x-avatar-bg));border-color:var(--x-dark-avatar-border, var(--x-avatar-border))}._button_1sbr9_2[data-v-6cb75733]{color:var(--x-button-text);background-color:var(--x-button-bg);border-color:var(--x-button-border)}._button--glow_1sbr9_1[data-v-6cb75733]{box-shadow:0 0 #000,0 0 #000,0 10px 15px -3px var(--x-button-glow),0 4px 6px -4px var(--x-button-glow)}._button_1sbr9_2[data-v-6cb75733]:hover{color:var(--x-button-text-hover, var(--x-button-text));background-color:var(--x-button-bg-hover, var(--x-button-bg));border-color:var(--x-button-border-hover, var(--x-button-border))}._button_1sbr9_2[data-v-6cb75733]:active{color:var(--x-button-text-active, var(--x-button-text));background-color:var(--x-button-bg-active, var(--x-button-bg));border-color:var(--x-button-border-active, var(--x-button-border))}.dark ._button_1sbr9_2[data-v-6cb75733]{color:var(--x-dark-button-text, var(--x-button-text));background-color:var(--x-dark-button-bg, var(--x-button-bg));border-color:var(--x-dark-button-border, var(--x-button-border))}.dark ._button_1sbr9_2[data-v-6cb75733]:hover{color:var(--x-dark-button-text-hover, var(--x-dark-button-text, var(--x-button-text)));background-color:var(--x-dark-button-bg-hover, var(--x-dark-button-bg, var(--x-button-bg)));border-color:var(--x-dark-button-border-hover, var(--x-dark-button-border, var(--x-button-border)))}.dark ._button_1sbr9_2[data-v-6cb75733]:active{color:var(--x-dark-button-text-active, var(--x-dark-button-text));background-color:var(--x-dark-button-bg-active, var(--x-dark-button-bg, var(--x-button-bg)));border-color:var(--x-dark-button-border-active, var(--x-dark-button-border, var(--x-button-border)))}._button-group_s7fyl_2:not(._button-group--rounded_s7fyl_1)>:first-child{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem;border-left-width:1px}._button-group_s7fyl_2:not(._button-group--rounded_s7fyl_1)>:last-child{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}._button-group--rounded_s7fyl_1>:first-of-type{border-top-left-radius:9999px;border-bottom-left-radius:9999px;border-left-width:1px}._button-group--rounded_s7fyl_1>:last-child{border-top-right-radius:9999px;border-bottom-right-radius:9999px}._checkbox--glow_1dz66_1[data-v-05f49cb5]{box-shadow:0 0 #000,0 0 #000,0 10px 15px -3px var(--x-glow),0 4px 6px -4px var(--x-glow)}._scrollWrap_1k3q9_2[data-v-7362ac18]:before,._scrollWrap_1k3q9_2[data-v-7362ac18]:after{content:"";pointer-events:none;position:absolute;z-index:1;transition:box-shadow .2s}._scrollWrap_1k3q9_2._horizontal_1k3q9_11[data-v-7362ac18]:before,._scrollWrap_1k3q9_2._horizontal_1k3q9_11[data-v-7362ac18]:after{top:0;bottom:0;width:20px}._scrollWrap_1k3q9_2._vertical_1k3q9_17[data-v-7362ac18]:before,._scrollWrap_1k3q9_2._vertical_1k3q9_17[data-v-7362ac18]:after{right:0;left:0;height:20px}._scrollWrap_1k3q9_2._horizontal_1k3q9_11[data-v-7362ac18]:before{left:0}._scrollWrap_1k3q9_2._horizontal_1k3q9_11[data-v-7362ac18]:after{right:0}._scrollWrap_1k3q9_2._vertical_1k3q9_17[data-v-7362ac18]:before{top:0}._scrollWrap_1k3q9_2._vertical_1k3q9_17[data-v-7362ac18]:after{bottom:0}._scrollWrap_1k3q9_2._shadow-left_1k3q9_36[data-v-7362ac18]:before{box-shadow:inset 12px 0 10px -10px #00000012}._scrollWrap_1k3q9_2._shadow-right_1k3q9_40[data-v-7362ac18]:after{box-shadow:inset -12px 0 10px -10px #00000012}._scrollWrap_1k3q9_2._shadow-top_1k3q9_44[data-v-7362ac18]:before{box-shadow:inset 0 12px 10px -10px #00000012}._scrollWrap_1k3q9_2._shadow-bottom_1k3q9_48[data-v-7362ac18]:after{box-shadow:inset 0 -12px 10px -10px #00000012}._hideScroll_1k3q9_53[data-v-7362ac18]{-ms-overflow-style:auto;scrollbar-width:none}._hideScroll_1k3q9_53[data-v-7362ac18]::-webkit-scrollbar{display:none}._link--shadow_1tilo_1[data-v-af336fea]{box-shadow:inset 0 -.315em 0 0 var(--x-shadow)}._link--shadow_1tilo_1[data-v-af336fea]:hover{box-shadow:inset 0 -1.125em 0 0 var(--x-shadow)}.dark ._link--shadow_1tilo_1[data-v-af336fea]{box-shadow:inset 0 -.315em 0 0 var(--x-dark-shadow)}.dark ._link--shadow_1tilo_1[data-v-af336fea]:hover{box-shadow:inset 0 -1.125em 0 0 var(--x-dark-shadow)}._menu-item_1v1kj_2[data-v-295f8cb3]{color:var(--x-text);background-color:var(--x-bg)}._menu-item_1v1kj_2[data-v-295f8cb3]:before{content:"";position:absolute;left:-1px;height:100%;width:1px;background-color:transparent}._menu-item_1v1kj_2[data-v-295f8cb3]:hover{color:var(--x-text-hover, var(--x-text));background-color:var(--x-bg-hover, var(--x-bg))}.dark ._menu-item_1v1kj_2[data-v-295f8cb3]{color:var(--x-dark-text);background:var(--x-dark-bg)}.dark ._menu-item_1v1kj_2[data-v-295f8cb3]:hover{color:var(--x-dark-text-hover, var(--x-dark-text));background-color:var(--x-dark-bg-hover, var(--x-dark-bg))}.x-menu-inner ._menu-item_1v1kj_2[data-v-295f8cb3]:hover:before,.x-menu-inner ._menu-item--active_1v1kj_1[data-v-295f8cb3]:before{background-color:var(--x-border-hover)}._popover_2vipi_2 ._popoverContent_2vipi_3{visibility:hidden;transition-duration:.1s;transition-timing-function:cubic-bezier(.4,0,1,1)}._popover_2vipi_2 ._popoverTop_2vipi_8{--tw-translate-y: .5rem}._popover_2vipi_2 ._popoverRight_2vipi_11{--tw-translate-x: -.5rem}._popover_2vipi_2 ._popoverBottom_2vipi_14{--tw-translate-y: -.25rem}._popover_2vipi_2 ._popoverLeft_2vipi_17{--tw-translate-x: .5rem}._popover_2vipi_2._hover_2vipi_21:hover ._popoverContent_2vipi_3,._popover_2vipi_2._is-open_2vipi_22 ._popoverContent_2vipi_3{visibility:visible;transition-duration:.15s;transition-timing-function:cubic-bezier(0,0,.2,1)}._popover_2vipi_2._hover_2vipi_21:hover ._popoverTop_2vipi_8,._popover_2vipi_2._is-open_2vipi_22 ._popoverTop_2vipi_8{--tw-translate-y: .25rem}._popover_2vipi_2._hover_2vipi_21:hover ._popoverRight_2vipi_11,._popover_2vipi_2._is-open_2vipi_22 ._popoverRight_2vipi_11{--tw-translate-x: 0px}._popover_2vipi_2._hover_2vipi_21:hover ._popoverBottom_2vipi_14,._popover_2vipi_2._is-open_2vipi_22 ._popoverBottom_2vipi_14{--tw-translate-y: .25rem}._popover_2vipi_2._hover_2vipi_21:hover ._popoverLeft_2vipi_17,._popover_2vipi_2._is-open_2vipi_22 ._popoverLeft_2vipi_17{--tw-translate-x: 0px}._radio--glow_14rlz_1[data-v-4e34dad2]{box-shadow:0 0 #000,0 0 #000,0 10px 15px -3px var(--x-glow),0 4px 6px -4px var(--x-glow)}
package/lib/version.d.ts DELETED
@@ -1,2 +0,0 @@
1
- declare const _default: "1.0.0-alpha.7";
2
- export default _default;
@@ -1,15 +0,0 @@
1
- <script lang="ts">
2
- import { defineComponent } from 'vue'
3
-
4
- export default defineComponent({
5
- name: 'XTableHead',
6
- })
7
- </script>
8
-
9
- <template>
10
- <thead class="align-bottom">
11
- <tr class="text-sm text-gray-600 dark:text-gray-400 border-b">
12
- <slot></slot>
13
- </tr>
14
- </thead>
15
- </template>
@@ -1,10 +0,0 @@
1
- import { inject } from 'vue'
2
- import { injectNotificationKey } from './keys'
3
-
4
- export const useNotification = () => {
5
- const notification = inject(injectNotificationKey)
6
-
7
- if (!notification) console.warn('useNotification must have a parent wrapped with Notifications component')
8
-
9
- return notification
10
- }