@dolanske/vui 0.5.0 → 1.0.1

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 (178) hide show
  1. package/README.md +5 -4
  2. package/dist/components/Accordion/Accordion.vue.d.ts +3 -2
  3. package/dist/components/Accordion/AccordionGroup.vue.d.ts +5 -2
  4. package/dist/components/Alert/Alert.vue.d.ts +10 -3
  5. package/dist/components/Avatar/Avatar.vue.d.ts +16 -1
  6. package/dist/components/Badge/Badge.vue.d.ts +4 -3
  7. package/dist/components/Breadcrumbs/BreadcrumbItem.vue.d.ts +4 -3
  8. package/dist/components/Breadcrumbs/Breadcrumbs.vue.d.ts +3 -2
  9. package/dist/components/Button/Button.vue.d.ts +8 -17
  10. package/dist/components/ButtonGroup/ButtonGroup.vue.d.ts +5 -2
  11. package/dist/components/Calendar/Calendar.vue.d.ts +7 -7
  12. package/dist/components/Card/Card.vue.d.ts +4 -3
  13. package/dist/components/Checkbox/Checkbox.vue.d.ts +8 -6
  14. package/dist/components/CopyClipboard/CopyClipboard.vue.d.ts +2 -1
  15. package/dist/components/Divider/Divider.vue.d.ts +3 -2
  16. package/dist/components/Drawer/Drawer.vue.d.ts +6 -5
  17. package/dist/components/Dropdown/Dropdown.vue.d.ts +84 -6
  18. package/dist/components/Dropdown/DropdownItem.vue.d.ts +3 -2
  19. package/dist/components/Dropdown/DropdownTitle.vue.d.ts +6 -2
  20. package/dist/components/Flex/Flex.vue.d.ts +3 -2
  21. package/dist/components/Grid/Grid.vue.d.ts +7 -3
  22. package/dist/components/Input/Color.vue.d.ts +11 -0
  23. package/dist/components/Input/Counter.vue.d.ts +5 -5
  24. package/dist/components/Input/Dropzone.vue.d.ts +96 -11
  25. package/dist/components/Input/File.vue.d.ts +4 -3
  26. package/dist/components/Input/Input.vue.d.ts +9 -8
  27. package/dist/components/Input/Password.vue.d.ts +1 -1
  28. package/dist/components/Input/Textarea.vue.d.ts +7 -6
  29. package/dist/components/Kbd/Kbd.vue.d.ts +1 -1
  30. package/dist/components/Kbd/KbdGroup.vue.d.ts +5 -12
  31. package/dist/components/Modal/Confirm.vue.d.ts +7 -6
  32. package/dist/components/Modal/Modal.vue.d.ts +7 -6
  33. package/dist/components/OTP/OTP.vue.d.ts +7 -6
  34. package/dist/components/OTP/OTPItem.vue.d.ts +1 -1
  35. package/dist/components/Pagination/Pagination.vue.d.ts +6 -2
  36. package/dist/components/Popout/Popout.vue.d.ts +11 -3
  37. package/dist/components/Progress/Progress.vue.d.ts +7 -5
  38. package/dist/components/Radio/Radio.vue.d.ts +8 -6
  39. package/dist/components/Radio/RadioGroup.vue.d.ts +7 -6
  40. package/dist/components/Select/Select.vue.d.ts +6 -8
  41. package/dist/components/Sheet/Sheet.vue.d.ts +9 -5
  42. package/dist/components/Sidebar/Sidebar.vue.d.ts +70 -0
  43. package/dist/components/Skeleton/Skeleton.vue.d.ts +1 -1
  44. package/dist/components/Spinner/Spinner.vue.d.ts +1 -1
  45. package/dist/components/Switch/Switch.vue.d.ts +8 -6
  46. package/dist/components/Table/Cell.vue.d.ts +5 -2
  47. package/dist/components/Table/{Header.vue.d.ts → Head.vue.d.ts} +3 -2
  48. package/dist/components/Table/{Table.vue.d.ts → Root.vue.d.ts} +3 -2
  49. package/dist/components/Table/index.d.ts +6 -0
  50. package/dist/components/Table/table.d.ts +3 -3
  51. package/dist/components/Tabs/Tab.vue.d.ts +17 -3
  52. package/dist/components/Tabs/Tabs.vue.d.ts +8 -7
  53. package/dist/components/Toast/toast.d.ts +245 -0
  54. package/dist/components/Tooltip/Tooltip.vue.d.ts +2 -1
  55. package/dist/index.d.ts +5 -7
  56. package/dist/internal/Backdrop/Backdrop.vue.d.ts +3 -2
  57. package/dist/shared/helpers.d.ts +9 -0
  58. package/dist/shared/theme.d.ts +3 -0
  59. package/dist/vui.css +1 -0
  60. package/dist/vui.js +7160 -6355
  61. package/package.json +22 -18
  62. package/src/App.vue +90 -171
  63. package/src/components/Accordion/accordion.scss +1 -0
  64. package/src/components/Alert/Alert.vue +11 -5
  65. package/src/components/Alert/alert.scss +104 -23
  66. package/src/components/Avatar/Avatar.vue +4 -1
  67. package/src/components/Avatar/avatar.scss +1 -1
  68. package/src/components/Badge/Badge.vue +1 -1
  69. package/src/components/Badge/badge.scss +134 -17
  70. package/src/components/Breadcrumbs/BreadcrumbItem.vue +2 -2
  71. package/src/components/Breadcrumbs/Breadcrumbs.vue +1 -2
  72. package/src/components/Breadcrumbs/breadcrumbs.scss +2 -1
  73. package/src/components/Button/Button.vue +15 -20
  74. package/src/components/Button/button.scss +156 -55
  75. package/src/components/ButtonGroup/ButtonGroup.vue +4 -1
  76. package/src/components/ButtonGroup/button-group.scss +2 -2
  77. package/src/components/Calendar/Calendar.vue +4 -1
  78. package/src/components/Calendar/calendar.scss +25 -2
  79. package/src/components/Card/Card.vue +2 -2
  80. package/src/components/Card/card.scss +4 -4
  81. package/src/components/Checkbox/Checkbox.vue +4 -1
  82. package/src/components/Checkbox/checkbox.scss +17 -12
  83. package/src/components/CopyClipboard/CopyClipboard.vue +15 -6
  84. package/src/components/CopyClipboard/copy-clipboard.scss +10 -2
  85. package/src/components/Drawer/Drawer.vue +4 -4
  86. package/src/components/Drawer/drawer.scss +1 -0
  87. package/src/components/Dropdown/Dropdown.vue +44 -20
  88. package/src/components/Dropdown/DropdownItem.vue +4 -4
  89. package/src/components/Dropdown/DropdownTitle.vue +7 -1
  90. package/src/components/Dropdown/dropdown-item.scss +9 -2
  91. package/src/components/Dropdown/dropdown.scss +21 -7
  92. package/src/components/Grid/Grid.vue +21 -1
  93. package/src/components/Input/Color.vue +26 -0
  94. package/src/components/Input/Counter.vue +12 -16
  95. package/src/components/Input/Dropzone.vue +1 -1
  96. package/src/components/Input/File.vue +1 -1
  97. package/src/components/Input/Input.vue +8 -6
  98. package/src/components/Input/Password.vue +1 -13
  99. package/src/components/Input/Textarea.vue +4 -2
  100. package/src/components/Input/input.scss +110 -16
  101. package/src/components/Kbd/KbdGroup.vue +2 -6
  102. package/src/components/Kbd/kbd.scss +6 -5
  103. package/src/components/Modal/Confirm.vue +1 -1
  104. package/src/components/Modal/Modal.vue +23 -15
  105. package/src/components/Modal/modal.scss +11 -6
  106. package/src/components/OTP/otp.scss +8 -7
  107. package/src/components/Pagination/Pagination.vue +6 -3
  108. package/src/components/Popout/Popout.vue +15 -5
  109. package/src/components/Popout/popout.scss +8 -1
  110. package/src/components/Progress/Progress.vue +18 -5
  111. package/src/components/Progress/progress.scss +7 -1
  112. package/src/components/Radio/Radio.vue +4 -2
  113. package/src/components/Radio/radio.scss +18 -8
  114. package/src/components/Select/Select.vue +49 -18
  115. package/src/components/Select/select.scss +35 -2
  116. package/src/components/Sheet/Sheet.vue +8 -2
  117. package/src/components/Sheet/sheet.scss +9 -0
  118. package/src/components/Sidebar/Sidebar.vue +24 -11
  119. package/src/components/Sidebar/sidebar.scss +6 -5
  120. package/src/components/Spinner/spinner.scss +2 -1
  121. package/src/components/Switch/Switch.vue +4 -3
  122. package/src/components/Switch/switch.scss +39 -6
  123. package/src/components/Table/{Header.vue → Head.vue} +5 -5
  124. package/src/components/Table/{Table.vue → Root.vue} +2 -2
  125. package/src/components/Table/SelectRow.vue +2 -1
  126. package/src/components/Table/index.ts +7 -0
  127. package/src/components/Table/table.scss +25 -5
  128. package/src/components/Table/table.ts +7 -3
  129. package/src/components/Tabs/Tab.vue +7 -9
  130. package/src/components/Tabs/Tabs.vue +5 -4
  131. package/src/components/Tabs/tabs.scss +10 -3
  132. package/src/components/Toast/Toasts.vue +5 -0
  133. package/src/components/Toast/toast.scss +6 -2
  134. package/src/components/Toast/toast.ts +7 -0
  135. package/src/components/Tooltip/Tooltip.vue +9 -9
  136. package/src/components/Tooltip/tooltip.scss +4 -0
  137. package/src/examples/ExampleAccordions.vue +58 -0
  138. package/src/examples/ExampleAlerts.vue +78 -0
  139. package/src/examples/ExampleAvatars.vue +44 -0
  140. package/src/examples/ExampleBadges.vue +48 -0
  141. package/src/examples/ExampleBreadcrumbs.vue +46 -0
  142. package/src/examples/ExampleButtons.vue +140 -0
  143. package/src/examples/ExampleCalendars.vue +40 -0
  144. package/src/examples/ExampleCards.vue +94 -0
  145. package/src/examples/ExampleCheckboxes.vue +123 -0
  146. package/src/examples/ExampleCopyClipboard.vue +47 -0
  147. package/src/examples/ExampleDividers.vue +39 -0
  148. package/src/examples/ExampleDrawers.vue +67 -0
  149. package/src/examples/ExampleDropdowns.vue +114 -0
  150. package/src/examples/ExampleFlexGrid.vue +122 -0
  151. package/src/examples/ExampleInputs.vue +234 -0
  152. package/src/examples/ExampleKBD.vue +65 -0
  153. package/src/examples/ExampleModals.vue +143 -0
  154. package/src/examples/ExamplePalette.vue +159 -0
  155. package/src/examples/ExamplePopouts.vue +41 -0
  156. package/src/examples/ExampleSheets.vue +77 -0
  157. package/src/examples/ExampleSidebars.vue +270 -0
  158. package/src/examples/ExampleSkeletons.vue +26 -0
  159. package/src/examples/ExampleSpinners.vue +78 -0
  160. package/src/examples/ExampleTables.vue +195 -0
  161. package/src/examples/ExampleTabs.vue +119 -0
  162. package/src/examples/ExampleToasts.vue +96 -0
  163. package/src/examples/ExampleTooltips.vue +70 -0
  164. package/src/examples/shared/ExampleColor.vue +28 -0
  165. package/src/index.ts +8 -11
  166. package/src/internal/Backdrop/backdrop.scss +7 -1
  167. package/src/shared/helpers.ts +43 -0
  168. package/src/shared/theme.ts +22 -0
  169. package/src/style/animation.scss +1 -0
  170. package/src/style/core.scss +30 -55
  171. package/src/style/layout.scss +74 -9
  172. package/src/style/text.scss +18 -0
  173. package/src/style/theme.scss +195 -0
  174. package/src/style/tooltip.scss +22 -4
  175. package/src/style/typography.scss +95 -18
  176. package/dist/components/Table/Row.vue.d.ts +0 -16
  177. package/dist/style.css +0 -1
  178. package/src/components/Table/Row.vue +0 -9
@@ -7,19 +7,23 @@ interface Props {
7
7
  gap?: Space | number;
8
8
  rows?: number | string;
9
9
  columns?: number | string;
10
- areas?: string[];
10
+ alignCenter?: boolean;
11
+ alignStart?: boolean;
12
+ alignEnd?: boolean;
13
+ alignBaseline?: boolean;
11
14
  }
12
15
  declare function __VLS_template(): {
16
+ attrs: Partial<{}>;
13
17
  slots: {
14
18
  default?(_: {}): any;
15
19
  };
16
20
  refs: {};
17
- attrs: Partial<{}>;
21
+ rootEl: HTMLDivElement;
18
22
  };
19
23
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
20
24
  declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
21
25
  gap: Space | number;
22
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
26
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
23
27
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
24
28
  export default _default;
25
29
  type __VLS_WithTemplateSlots<T, S> = T & {
@@ -0,0 +1,11 @@
1
+ import { InputProps } from './Input.vue';
2
+ type __VLS_Props = InputProps;
3
+ type __VLS_PublicProps = {
4
+ modelValue?: string;
5
+ } & __VLS_Props;
6
+ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
7
+ "update:modelValue": (value: string) => any;
8
+ }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
9
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
10
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
11
+ export default _default;
@@ -7,13 +7,13 @@ type Props = Omit<InputProps, 'type'> & {
7
7
  decrementEnabled?: boolean;
8
8
  hideDecrement?: boolean;
9
9
  };
10
- declare let __VLS_typeProps: Props;
10
+ type __VLS_Props = Props;
11
11
  type __VLS_PublicProps = {
12
12
  modelValue?: number;
13
- } & typeof __VLS_typeProps;
13
+ } & __VLS_Props;
14
14
  declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
15
- "update:modelValue": (modelValue: number) => any;
15
+ "update:modelValue": (value: number) => any;
16
16
  }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
17
- "onUpdate:modelValue"?: ((modelValue: number) => any) | undefined;
18
- }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
17
+ "onUpdate:modelValue"?: ((value: number) => any) | undefined;
18
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
19
19
  export default _default;
@@ -1,6 +1,7 @@
1
1
  import { InputProps } from './Input.vue';
2
2
  type Props = Omit<InputProps, 'type' | 'modelValue' | 'focus' | 'limit' | 'placeholder'>;
3
3
  declare function __VLS_template(): {
4
+ attrs: Partial<{}>;
4
5
  slots: {
5
6
  default?(_: {
6
7
  dragging: boolean;
@@ -11,11 +12,11 @@ declare function __VLS_template(): {
11
12
  $: import('vue').ComponentInternalInstance;
12
13
  $data: {};
13
14
  $props: {
14
- readonly modelValue?: (string | number) | undefined;
15
- readonly type?: import('vue').InputTypeHTMLAttribute | undefined;
15
+ readonly modelValue?: string | number | undefined;
16
+ readonly type?: import('./Input.vue').InputType | undefined;
16
17
  readonly label?: string | undefined;
17
18
  readonly hint?: string | undefined;
18
- readonly limit?: (number | string) | undefined;
19
+ readonly limit?: number | string | undefined;
19
20
  readonly expand?: boolean | undefined;
20
21
  readonly placeholder?: string | undefined;
21
22
  readonly required?: boolean | undefined;
@@ -27,7 +28,7 @@ declare function __VLS_template(): {
27
28
  readonly min?: number | undefined;
28
29
  readonly max?: number | undefined;
29
30
  readonly disabled?: boolean | undefined;
30
- readonly "onUpdate:modelValue"?: ((modelValue: string | number) => any) | undefined;
31
+ readonly "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
31
32
  } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
32
33
  $attrs: {
33
34
  [x: string]: unknown;
@@ -43,16 +44,16 @@ declare function __VLS_template(): {
43
44
  $root: import('vue').ComponentPublicInstance | null;
44
45
  $parent: import('vue').ComponentPublicInstance | null;
45
46
  $host: Element | null;
46
- $emit: (event: "update:modelValue", modelValue: string | number) => void;
47
- $el: any;
47
+ $emit: (event: "update:modelValue", value: string | number) => void;
48
+ $el: HTMLDivElement;
48
49
  $options: import('vue').ComponentOptionsBase<Readonly<{
49
50
  modelValue?: string | number;
50
51
  } & InputProps> & Readonly<{
51
- "onUpdate:modelValue"?: ((modelValue: string | number) => any) | undefined;
52
+ "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
52
53
  }>, {
53
54
  focus: () => void;
54
55
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
55
- "update:modelValue": (modelValue: string | number) => any;
56
+ "update:modelValue": (value: string | number) => any;
56
57
  }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
57
58
  beforeCreate?: (() => void) | (() => void)[];
58
59
  created?: (() => void) | (() => void)[];
@@ -76,7 +77,7 @@ declare function __VLS_template(): {
76
77
  } & Readonly<{}> & Omit<Readonly<{
77
78
  modelValue?: string | number;
78
79
  } & InputProps> & Readonly<{
79
- "onUpdate:modelValue"?: ((modelValue: string | number) => any) | undefined;
80
+ "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
80
81
  }>, "focus"> & import('vue').ShallowUnwrapRef<{
81
82
  focus: () => void;
82
83
  }> & {} & import('vue').ComponentCustomProperties & {} & {
@@ -91,14 +92,98 @@ declare function __VLS_template(): {
91
92
  };
92
93
  }) | null;
93
94
  };
94
- attrs: Partial<{}>;
95
+ rootEl: HTMLDivElement;
95
96
  };
96
97
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
97
98
  declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
98
99
  files: (args_0: FileList) => any;
99
100
  }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
100
101
  onFiles?: ((args_0: FileList) => any) | undefined;
101
- }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
102
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
103
+ dropzone: ({
104
+ $: import('vue').ComponentInternalInstance;
105
+ $data: {};
106
+ $props: {
107
+ readonly modelValue?: string | number | undefined;
108
+ readonly type?: import('./Input.vue').InputType | undefined;
109
+ readonly label?: string | undefined;
110
+ readonly hint?: string | undefined;
111
+ readonly limit?: number | string | undefined;
112
+ readonly expand?: boolean | undefined;
113
+ readonly placeholder?: string | undefined;
114
+ readonly required?: boolean | undefined;
115
+ readonly readonly?: boolean | undefined;
116
+ readonly focus?: boolean | undefined;
117
+ readonly errors?: string[] | undefined;
118
+ readonly accept?: string | undefined;
119
+ readonly multiple?: boolean | undefined;
120
+ readonly min?: number | undefined;
121
+ readonly max?: number | undefined;
122
+ readonly disabled?: boolean | undefined;
123
+ readonly "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
124
+ } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
125
+ $attrs: {
126
+ [x: string]: unknown;
127
+ };
128
+ $refs: {
129
+ [x: string]: unknown;
130
+ } & {
131
+ input: HTMLInputElement;
132
+ };
133
+ $slots: Readonly<{
134
+ [name: string]: import('vue').Slot<any> | undefined;
135
+ }>;
136
+ $root: import('vue').ComponentPublicInstance | null;
137
+ $parent: import('vue').ComponentPublicInstance | null;
138
+ $host: Element | null;
139
+ $emit: (event: "update:modelValue", value: string | number) => void;
140
+ $el: HTMLDivElement;
141
+ $options: import('vue').ComponentOptionsBase<Readonly<{
142
+ modelValue?: string | number;
143
+ } & InputProps> & Readonly<{
144
+ "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
145
+ }>, {
146
+ focus: () => void;
147
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
148
+ "update:modelValue": (value: string | number) => any;
149
+ }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
150
+ beforeCreate?: (() => void) | (() => void)[];
151
+ created?: (() => void) | (() => void)[];
152
+ beforeMount?: (() => void) | (() => void)[];
153
+ mounted?: (() => void) | (() => void)[];
154
+ beforeUpdate?: (() => void) | (() => void)[];
155
+ updated?: (() => void) | (() => void)[];
156
+ activated?: (() => void) | (() => void)[];
157
+ deactivated?: (() => void) | (() => void)[];
158
+ beforeDestroy?: (() => void) | (() => void)[];
159
+ beforeUnmount?: (() => void) | (() => void)[];
160
+ destroyed?: (() => void) | (() => void)[];
161
+ unmounted?: (() => void) | (() => void)[];
162
+ renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
163
+ renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
164
+ errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
165
+ };
166
+ $forceUpdate: () => void;
167
+ $nextTick: typeof import('vue').nextTick;
168
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
169
+ } & Readonly<{}> & Omit<Readonly<{
170
+ modelValue?: string | number;
171
+ } & InputProps> & Readonly<{
172
+ "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
173
+ }>, "focus"> & import('vue').ShallowUnwrapRef<{
174
+ focus: () => void;
175
+ }> & {} & import('vue').ComponentCustomProperties & {} & {
176
+ $slots: {
177
+ before?(_: {}): any;
178
+ start?(_: {}): any;
179
+ __internal_replace_input?(_: {
180
+ inputId: string;
181
+ }): any;
182
+ end?(_: {}): any;
183
+ after?(_: {}): any;
184
+ };
185
+ }) | null;
186
+ }, HTMLDivElement>;
102
187
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
103
188
  export default _default;
104
189
  type __VLS_WithTemplateSlots<T, S> = T & {
@@ -1,7 +1,8 @@
1
1
  import { InputProps } from './Input.vue';
2
- declare const _default: import('vue').DefineComponent<Omit<InputProps, "type">, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
2
+ type __VLS_Props = Omit<InputProps, 'type'>;
3
+ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
3
4
  files: (args_0: FileList) => any;
4
- }, string, import('vue').PublicProps, Readonly<Omit<InputProps, "type">> & Readonly<{
5
+ }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
5
6
  onFiles?: ((args_0: FileList) => any) | undefined;
6
- }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
7
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
7
8
  export default _default;
@@ -1,6 +1,6 @@
1
- import { InputTypeHTMLAttribute } from 'vue';
1
+ export type InputType = 'text' | 'password' | 'color' | 'date' | 'email' | 'number' | 'range' | 'search' | 'tel' | 'time' | 'url' | 'file';
2
2
  export interface InputProps {
3
- type?: InputTypeHTMLAttribute;
3
+ type?: InputType;
4
4
  label?: string;
5
5
  hint?: string;
6
6
  limit?: number | string;
@@ -17,11 +17,12 @@ export interface InputProps {
17
17
  max?: number;
18
18
  disabled?: boolean;
19
19
  }
20
- declare let __VLS_typeProps: InputProps;
20
+ type __VLS_Props = InputProps;
21
21
  type __VLS_PublicProps = {
22
22
  modelValue?: string | number;
23
- } & typeof __VLS_typeProps;
23
+ } & __VLS_Props;
24
24
  declare function __VLS_template(): {
25
+ attrs: Partial<{}>;
25
26
  slots: {
26
27
  before?(_: {}): any;
27
28
  start?(_: {}): any;
@@ -34,18 +35,18 @@ declare function __VLS_template(): {
34
35
  refs: {
35
36
  input: HTMLInputElement;
36
37
  };
37
- attrs: Partial<{}>;
38
+ rootEl: HTMLDivElement;
38
39
  };
39
40
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
40
41
  declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {
41
42
  focus: () => void;
42
43
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
43
- "update:modelValue": (modelValue: string | number) => any;
44
+ "update:modelValue": (value: string | number) => any;
44
45
  }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
45
- "onUpdate:modelValue"?: ((modelValue: string | number) => any) | undefined;
46
+ "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
46
47
  }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
47
48
  input: HTMLInputElement;
48
- }, any>;
49
+ }, HTMLDivElement>;
49
50
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
50
51
  export default _default;
51
52
  type __VLS_WithTemplateSlots<T, S> = T & {
@@ -2,5 +2,5 @@ import { InputProps } from './Input.vue';
2
2
  type Props = Omit<InputProps, 'type'> & {
3
3
  showPassword?: boolean;
4
4
  };
5
- declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
5
+ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
6
6
  export default _default;
@@ -3,24 +3,25 @@ type Props = Omit<InputProps, 'type'> & {
3
3
  resize?: boolean | 'vertical' | 'horizontal';
4
4
  autoResize?: boolean;
5
5
  };
6
- declare let __VLS_typeProps: Props;
6
+ type __VLS_Props = Props;
7
7
  type __VLS_PublicProps = {
8
8
  modelValue?: string;
9
- } & typeof __VLS_typeProps;
9
+ } & __VLS_Props;
10
10
  declare function __VLS_template(): {
11
+ attrs: Partial<{}>;
11
12
  slots: {
12
13
  before?(_: {}): any;
13
14
  after?(_: {}): any;
14
15
  };
15
16
  refs: {};
16
- attrs: Partial<{}>;
17
+ rootEl: HTMLDivElement;
17
18
  };
18
19
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
19
20
  declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
20
- "update:modelValue": (modelValue: string) => any;
21
+ "update:modelValue": (value: string) => any;
21
22
  }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
22
- "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
23
- }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
23
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
24
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
24
25
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
25
26
  export default _default;
26
27
  type __VLS_WithTemplateSlots<T, S> = T & {
@@ -19,5 +19,5 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
19
19
  trigger: () => any;
20
20
  }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
21
21
  onTrigger?: (() => any) | undefined;
22
- }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
22
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
23
23
  export default _default;
@@ -1,20 +1,13 @@
1
- import { VNode } from 'vue';
1
+ import { default as Kbd } from './Kbd.vue';
2
2
  declare function __VLS_template(): {
3
+ attrs: Partial<{}>;
3
4
  slots: Readonly<{
4
- default: () => Array<VNode & {
5
- props: {
6
- keys: string;
7
- };
8
- }>;
5
+ default: () => Array<typeof Kbd>;
9
6
  }> & {
10
- default: () => Array<VNode & {
11
- props: {
12
- keys: string;
13
- };
14
- }>;
7
+ default: () => Array<typeof Kbd>;
15
8
  };
16
9
  refs: {};
17
- attrs: Partial<{}>;
10
+ rootEl: any;
18
11
  };
19
12
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
20
13
  declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -8,28 +8,29 @@ type Props = {
8
8
  cancelText?: string;
9
9
  showCancel?: boolean;
10
10
  } & Partial<ModalProps>;
11
- declare let __VLS_typeProps: Props;
11
+ type __VLS_Props = Props;
12
12
  type __VLS_PublicProps = {
13
13
  modelValue?: boolean;
14
- } & typeof __VLS_typeProps;
14
+ } & __VLS_Props;
15
15
  declare function __VLS_template(): {
16
+ attrs: Partial<{}>;
16
17
  slots: {
17
18
  default?(_: {}): any;
18
19
  };
19
20
  refs: {};
20
- attrs: Partial<{}>;
21
+ rootEl: any;
21
22
  };
22
23
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
23
24
  declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
24
- "update:modelValue": (modelValue: boolean) => any;
25
+ "update:modelValue": (value: boolean) => any;
25
26
  confirm: () => any;
26
27
  cancel: () => any;
27
28
  }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
28
- "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
29
+ "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
29
30
  onConfirm?: (() => any) | undefined;
30
31
  onCancel?: (() => any) | undefined;
31
32
  }>, {
32
- size: import('../../shared/types').Sizes | "full";
33
+ size: import('../../shared/types').Sizes | "full" | "screen";
33
34
  cancelText: string;
34
35
  canDismiss: boolean;
35
36
  confirmText: string;
@@ -1,7 +1,7 @@
1
1
  import { Sizes } from '../../shared/types';
2
2
  import { Props as CardProps } from '../Card/Card.vue';
3
3
  export interface ModalProps {
4
- size?: Sizes | 'full';
4
+ size?: Sizes | 'full' | 'screen';
5
5
  /**
6
6
  * Modal wraps a floating card. You can optinally pass in any props you'd pass
7
7
  * into the <Card /> component.
@@ -20,12 +20,13 @@ export interface ModalProps {
20
20
  */
21
21
  canDismiss?: boolean;
22
22
  }
23
- declare let __VLS_typeProps: ModalProps;
23
+ type __VLS_Props = ModalProps;
24
24
  declare function close(): void;
25
25
  type __VLS_PublicProps = {
26
26
  modelValue?: boolean;
27
- } & typeof __VLS_typeProps;
27
+ } & __VLS_Props;
28
28
  declare function __VLS_template(): {
29
+ attrs: Partial<{}>;
29
30
  slots: {
30
31
  header?(_: {
31
32
  close: typeof close;
@@ -38,13 +39,13 @@ declare function __VLS_template(): {
38
39
  }): any;
39
40
  };
40
41
  refs: {};
41
- attrs: Partial<{}>;
42
+ rootEl: any;
42
43
  };
43
44
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
44
45
  declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
45
- "update:modelValue": (modelValue: boolean) => any;
46
+ "update:modelValue": (value: boolean) => any;
46
47
  }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
47
- "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
48
+ "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
48
49
  }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
49
50
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
50
51
  export default _default;
@@ -9,31 +9,32 @@ interface Props {
9
9
  mode?: 'num' | 'char' | 'both';
10
10
  redacted?: boolean;
11
11
  }
12
- declare let __VLS_typeProps: Props;
12
+ type __VLS_Props = Props;
13
13
  type __VLS_PublicProps = {
14
14
  modelValue?: string;
15
- } & typeof __VLS_typeProps;
15
+ } & __VLS_Props;
16
16
  declare function __VLS_template(): {
17
+ attrs: Partial<{}>;
17
18
  slots: {
18
19
  default?(_: {}): any;
19
20
  };
20
21
  refs: {
21
22
  inputRef: HTMLInputElement;
22
23
  };
23
- attrs: Partial<{}>;
24
+ rootEl: HTMLDivElement;
24
25
  };
25
26
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
26
27
  declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
27
28
  change: (value?: string | undefined) => any;
28
- "update:modelValue": (modelValue: string) => any;
29
+ "update:modelValue": (value: string) => any;
29
30
  complete: (value: string) => any;
30
31
  }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
31
32
  onChange?: ((value?: string | undefined) => any) | undefined;
32
- "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
33
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
33
34
  onComplete?: ((value: string) => any) | undefined;
34
35
  }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
35
36
  inputRef: HTMLInputElement;
36
- }, any>;
37
+ }, HTMLDivElement>;
37
38
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
38
39
  export default _default;
39
40
  type __VLS_WithTemplateSlots<T, S> = T & {
@@ -1,5 +1,5 @@
1
1
  interface Props {
2
2
  i: number;
3
3
  }
4
- declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
4
+ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
5
5
  export default _default;
@@ -1,13 +1,16 @@
1
+ import { Variants } from '../Button/Button.vue';
1
2
  import { Pagination } from './pagination';
2
3
  interface Props {
3
4
  numbers?: boolean;
4
5
  pagination: Pagination;
5
6
  prevNext?: boolean;
6
7
  firstLast?: boolean;
8
+ variant?: Variants;
7
9
  }
8
10
  declare function setNext(): void;
9
11
  declare function setPrev(): void;
10
12
  declare function __VLS_template(): {
13
+ attrs: Partial<{}>;
11
14
  slots: {
12
15
  start?(_: {}): any;
13
16
  prev?(_: {
@@ -21,7 +24,7 @@ declare function __VLS_template(): {
21
24
  end?(_: {}): any;
22
25
  };
23
26
  refs: {};
24
- attrs: Partial<{}>;
27
+ rootEl: HTMLDivElement;
25
28
  };
26
29
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
27
30
  declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -29,10 +32,11 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
29
32
  }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
30
33
  onChange?: ((page: number) => any) | undefined;
31
34
  }>, {
35
+ variant: Variants;
32
36
  numbers: boolean;
33
37
  prevNext: boolean;
34
38
  firstLast: boolean;
35
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
39
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
36
40
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
37
41
  export default _default;
38
42
  type __VLS_WithTemplateSlots<T, S> = T & {
@@ -1,5 +1,8 @@
1
1
  import { Placement, PopoutMaybeElement } from '../../shared/types';
2
2
  export interface Props {
3
+ /**
4
+ * Reference to the HTML element the Popout is anchored to
5
+ */
3
6
  anchor: PopoutMaybeElement<HTMLElement>;
4
7
  /**
5
8
  * Override the autoPlacement option
@@ -11,20 +14,25 @@ export interface Props {
11
14
  offset?: number;
12
15
  }
13
16
  declare function __VLS_template(): {
17
+ attrs: Partial<{}>;
14
18
  slots: {
15
19
  default?(_: {}): any;
16
20
  };
17
21
  refs: {
18
22
  popout: HTMLDivElement;
19
23
  };
20
- attrs: Partial<{}>;
24
+ rootEl: HTMLDivElement;
21
25
  };
22
26
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
23
- declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
27
+ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
28
+ clickOutside: () => any;
29
+ }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
30
+ onClickOutside?: (() => any) | undefined;
31
+ }>, {
24
32
  offset: number;
25
33
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
26
34
  popout: HTMLDivElement;
27
- }, any>;
35
+ }, HTMLDivElement>;
28
36
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
29
37
  export default _default;
30
38
  type __VLS_WithTemplateSlots<T, S> = T & {
@@ -17,15 +17,17 @@ interface Props {
17
17
  */
18
18
  height?: number | string;
19
19
  }
20
- declare let __VLS_typeProps: Props;
20
+ type __VLS_Props = Props;
21
21
  type __VLS_PublicProps = {
22
22
  modelValue?: number;
23
- } & typeof __VLS_typeProps;
23
+ } & __VLS_Props;
24
24
  declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
25
- "update:modelValue": (modelValue: number) => any;
25
+ done: () => any;
26
+ "update:modelValue": (value: number) => any;
26
27
  }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
27
- "onUpdate:modelValue"?: ((modelValue: number) => any) | undefined;
28
+ onDone?: (() => any) | undefined;
29
+ "onUpdate:modelValue"?: ((value: number) => any) | undefined;
28
30
  }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
29
31
  progress: HTMLDivElement;
30
- }, any>;
32
+ }, HTMLDivElement>;
31
33
  export default _default;
@@ -2,22 +2,24 @@ export interface RadioProps {
2
2
  label?: string;
3
3
  disabled?: boolean;
4
4
  value: any;
5
+ accent?: boolean;
5
6
  }
6
- declare let __VLS_typeProps: RadioProps;
7
+ type __VLS_Props = RadioProps;
7
8
  type __VLS_PublicProps = {
8
9
  modelValue?: any;
9
- } & typeof __VLS_typeProps;
10
+ } & __VLS_Props;
10
11
  declare function __VLS_template(): {
12
+ attrs: Partial<{}>;
11
13
  slots: Readonly<Record<string, any>> & Record<string, any>;
12
14
  refs: {};
13
- attrs: Partial<{}>;
15
+ rootEl: HTMLDivElement;
14
16
  };
15
17
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
16
18
  declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
17
- "update:modelValue": (modelValue: any) => any;
19
+ "update:modelValue": (value: any) => any;
18
20
  }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
19
- "onUpdate:modelValue"?: ((modelValue: any) => any) | undefined;
20
- }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
21
+ "onUpdate:modelValue"?: ((value: any) => any) | undefined;
22
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
21
23
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
22
24
  export default _default;
23
25
  type __VLS_WithTemplateSlots<T, S> = T & {