@propelinc/citrus-ui 1.0.5 → 1.3.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 (201) hide show
  1. package/README.md +39 -14
  2. package/dist/citrus-ui.cdn.css +1 -0
  3. package/dist/citrus-ui.css +1 -0
  4. package/dist/colors/colors.d.ts +31 -0
  5. package/dist/colors/theme.d.ts +3 -0
  6. package/dist/colors/util-classes.d.ts +11 -0
  7. package/dist/components/CAccordion.vue.d.ts +34 -0
  8. package/dist/components/CAccordionItem.vue.d.ts +39 -0
  9. package/dist/components/CAppBar.vue.d.ts +59 -0
  10. package/dist/components/CBadge.vue.d.ts +35 -0
  11. package/dist/components/CBottomSheet.vue.d.ts +90 -0
  12. package/dist/components/CButton/CButton.vue.d.ts +97 -0
  13. package/dist/components/CButton/types.d.ts +5 -0
  14. package/dist/components/CButtonStack.vue.d.ts +27 -0
  15. package/dist/components/CCard.vue.d.ts +53 -0
  16. package/dist/components/CCardFooter.vue.d.ts +20 -0
  17. package/dist/components/CCardHeader.vue.d.ts +22 -0
  18. package/dist/components/CCardSection.vue.d.ts +26 -0
  19. package/dist/components/CCheckbox.vue.d.ts +62 -0
  20. package/dist/components/CCol.vue.d.ts +30 -0
  21. package/dist/components/CDivider.vue.d.ts +9 -0
  22. package/dist/components/CDobField.vue.d.ts +60 -0
  23. package/dist/components/CDobSelect.vue.d.ts +50 -0
  24. package/dist/components/CEmailField.vue.d.ts +48 -0
  25. package/dist/components/CExpandTransition.vue.d.ts +29 -0
  26. package/dist/components/CFadeTransition.vue.d.ts +20 -0
  27. package/dist/components/CFileInput.vue.d.ts +50 -0
  28. package/dist/components/CFixedPageFooter.vue.d.ts +153 -0
  29. package/dist/components/CForm.vue.d.ts +44 -0
  30. package/dist/components/CFormFieldCounter.vue.d.ts +15 -0
  31. package/dist/components/CIconButton.vue.d.ts +97 -0
  32. package/dist/components/CLabel.vue.d.ts +36 -0
  33. package/dist/components/CListItem.vue.d.ts +56 -0
  34. package/dist/components/CListItemContent.vue.d.ts +27 -0
  35. package/dist/components/CListItemIcon.vue.d.ts +28 -0
  36. package/dist/components/CLoader.vue.d.ts +23 -0
  37. package/dist/components/CLogo.vue.d.ts +9 -0
  38. package/dist/components/CMaskedTextField.vue.d.ts +511 -0
  39. package/dist/components/CMenu.vue.d.ts +17 -0
  40. package/dist/components/CMenuItem.vue.d.ts +37 -0
  41. package/dist/components/CMenuLabel.vue.d.ts +20 -0
  42. package/dist/components/CModal.vue.d.ts +59 -0
  43. package/dist/components/CModalLoading.vue.d.ts +36 -0
  44. package/dist/components/CNotification.vue.d.ts +64 -0
  45. package/dist/components/CPhoneField.vue.d.ts +792 -0
  46. package/dist/components/CPill.vue.d.ts +41 -0
  47. package/dist/components/CPillGroup.vue.d.ts +39 -0
  48. package/dist/components/CPopup.vue.d.ts +37 -0
  49. package/dist/components/CProgressLinear.vue.d.ts +21 -0
  50. package/dist/components/CProgressRing.vue.d.ts +48 -0
  51. package/dist/components/CRadio.vue.d.ts +40 -0
  52. package/dist/components/CRadioGroup.vue.d.ts +54 -0
  53. package/dist/components/CRebrand.vue.d.ts +28 -0
  54. package/dist/components/CRow.vue.d.ts +41 -0
  55. package/dist/components/CSafeArea.vue.d.ts +18 -0
  56. package/dist/components/CSectionHeader.vue.d.ts +29 -0
  57. package/dist/components/CSelect.vue.d.ts +96 -0
  58. package/dist/components/CSkeleton.vue.d.ts +3 -0
  59. package/dist/components/CSkeletonLoaderCard.vue.d.ts +9 -0
  60. package/dist/components/CSkeletonLoaderCircle.vue.d.ts +3 -0
  61. package/dist/components/CSkeletonLoaderText.vue.d.ts +16 -0
  62. package/dist/components/CSlideFadeTransition.vue.d.ts +36 -0
  63. package/dist/components/CSplitInput.vue.d.ts +56 -0
  64. package/dist/components/CSquaredIcon.vue.d.ts +33 -0
  65. package/dist/components/CSsnField.vue.d.ts +798 -0
  66. package/dist/components/CStatusDot.vue.d.ts +10 -0
  67. package/dist/components/CSwitch.vue.d.ts +39 -0
  68. package/dist/components/CSwitchListItem.vue.d.ts +48 -0
  69. package/dist/components/CTextArea.vue.d.ts +96 -0
  70. package/dist/components/CTextField.vue.d.ts +129 -0
  71. package/dist/components/CTextLink.vue.d.ts +36 -0
  72. package/dist/components/CThirdPartyLogo.vue.d.ts +22 -0
  73. package/dist/components/CTimeago.vue.d.ts +12 -0
  74. package/dist/components/CToast.vue.d.ts +69 -0
  75. package/dist/components/CToastsList.vue.d.ts +3 -0
  76. package/dist/components/CValidationMessage.vue.d.ts +37 -0
  77. package/dist/components/CZipcodeField.vue.d.ts +796 -0
  78. package/dist/components/index.d.ts +66 -0
  79. package/dist/components/internal/CCloseButton.vue.d.ts +14 -0
  80. package/dist/composables/accessibility.d.ts +1 -0
  81. package/dist/composables/animation.d.ts +12 -0
  82. package/dist/composables/binding.d.ts +19 -0
  83. package/dist/composables/colors.d.ts +13 -0
  84. package/dist/composables/elements.d.ts +3 -0
  85. package/dist/composables/fields.d.ts +10 -0
  86. package/dist/composables/gestures.d.ts +53 -0
  87. package/dist/composables/i18n.d.ts +3 -0
  88. package/dist/composables/id.d.ts +11 -0
  89. package/dist/composables/input-mask.d.ts +18 -0
  90. package/dist/composables/router.d.ts +30 -0
  91. package/dist/composables/slots.d.ts +2 -0
  92. package/dist/composables/toast.d.ts +21 -0
  93. package/dist/composables/validations.d.ts +77 -0
  94. package/dist/icons.cdn.mjs +3 -0
  95. package/dist/icons.cdn.mjs.map +1 -0
  96. package/dist/icons.d.ts +1 -0
  97. package/dist/icons.mjs +6 -0
  98. package/dist/icons.mjs.map +1 -0
  99. package/dist/index.cdn.mjs +9328 -12875
  100. package/dist/index.cdn.mjs.map +1 -1
  101. package/dist/index.cdn2.mjs +55255 -0
  102. package/dist/index.cdn2.mjs.map +1 -0
  103. package/dist/index.d.ts +8 -0
  104. package/dist/index.mjs +3946 -0
  105. package/dist/index.mjs.map +1 -0
  106. package/dist/plugin.d.ts +3 -0
  107. package/dist/services/animation.d.ts +17 -0
  108. package/dist/services/directives/index.d.ts +2 -0
  109. package/dist/services/directives/scroll-into-view.d.ts +7 -0
  110. package/dist/services/directives/tap-animation.d.ts +6 -0
  111. package/dist/services/id.d.ts +22 -0
  112. package/dist/services/injections/accordions.d.ts +3 -0
  113. package/dist/services/injections/animations.d.ts +2 -0
  114. package/dist/services/injections/buttons.d.ts +4 -0
  115. package/dist/services/injections/forms.d.ts +6 -0
  116. package/dist/services/injections/icon-buttons.d.ts +3 -0
  117. package/dist/services/injections/pills.d.ts +4 -0
  118. package/dist/services/injections/radio.d.ts +10 -0
  119. package/dist/{styles/main.css → styles.css} +8 -6
  120. package/dist/theme/icons.d.ts +36 -0
  121. package/dist/types/CForm.d.ts +12 -0
  122. package/dist/types/font-awesome.d.ts +5 -0
  123. package/dist/types.d.ts +13 -0
  124. package/package.json +8 -3
  125. package/src/colors/colors.ts +8 -3
  126. package/src/components/CAccordion.vue +31 -24
  127. package/src/components/CAccordionItem.vue +46 -45
  128. package/src/components/CAppBar.vue +108 -101
  129. package/src/components/CBadge.vue +33 -25
  130. package/src/components/CBottomSheet.vue +212 -199
  131. package/src/components/CButton/CButton.vue +135 -147
  132. package/src/components/CButtonStack.vue +21 -13
  133. package/src/components/CCard.vue +72 -69
  134. package/src/components/CCardFooter.vue +5 -5
  135. package/src/components/CCardHeader.vue +9 -7
  136. package/src/components/CCardSection.vue +15 -8
  137. package/src/components/CCheckbox.vue +68 -69
  138. package/src/components/CCol.vue +21 -22
  139. package/src/components/CDivider.vue +9 -8
  140. package/src/components/CDobField.vue +114 -105
  141. package/src/components/CDobSelect.vue +162 -164
  142. package/src/components/CEmailField.vue +39 -27
  143. package/src/components/CExpandTransition.vue +14 -17
  144. package/src/components/CFadeTransition.vue +3 -3
  145. package/src/components/CFileInput.vue +57 -50
  146. package/src/components/CFixedPageFooter.vue +23 -17
  147. package/src/components/CForm.vue +67 -60
  148. package/src/components/CFormFieldCounter.vue +25 -28
  149. package/src/components/CIconButton.vue +84 -65
  150. package/src/components/CLabel.vue +19 -13
  151. package/src/components/CListItem.vue +67 -66
  152. package/src/components/CListItemContent.vue +14 -16
  153. package/src/components/CListItemIcon.vue +18 -14
  154. package/src/components/CLoader.vue +47 -56
  155. package/src/components/CLogo.vue +13 -12
  156. package/src/components/CMaskedTextField.vue +80 -64
  157. package/src/components/CMenu.vue +14 -6
  158. package/src/components/CMenuItem.vue +28 -22
  159. package/src/components/CMenuLabel.vue +6 -5
  160. package/src/components/CModal.vue +76 -71
  161. package/src/components/CModalLoading.vue +24 -15
  162. package/src/components/CNotification.vue +77 -28
  163. package/src/components/CPhoneField.vue +34 -25
  164. package/src/components/CPill.vue +92 -88
  165. package/src/components/CPillGroup.vue +30 -21
  166. package/src/components/CPopup.vue +46 -37
  167. package/src/components/CProgressLinear.vue +17 -11
  168. package/src/components/CProgressRing.vue +33 -33
  169. package/src/components/CRadio.vue +57 -57
  170. package/src/components/CRadioGroup.vue +85 -72
  171. package/src/components/CRow.vue +22 -20
  172. package/src/components/CSectionHeader.vue +20 -12
  173. package/src/components/CSelect.vue +89 -73
  174. package/src/components/CSkeletonLoaderCard.vue +9 -15
  175. package/src/components/CSkeletonLoaderCircle.vue +1 -9
  176. package/src/components/CSkeletonLoaderText.vue +17 -18
  177. package/src/components/CSlideFadeTransition.vue +12 -34
  178. package/src/components/CSplitInput.vue +46 -45
  179. package/src/components/CSquaredIcon.vue +39 -29
  180. package/src/components/CSsnField.vue +48 -36
  181. package/src/components/CStatusDot.vue +16 -16
  182. package/src/components/CSwitch.vue +31 -22
  183. package/src/components/CSwitchListItem.vue +27 -28
  184. package/src/components/CTextArea.vue +116 -83
  185. package/src/components/CTextField.vue +194 -198
  186. package/src/components/CTextLink.vue +28 -25
  187. package/src/components/CThirdPartyLogo.vue +30 -59
  188. package/src/components/CToast.vue +135 -132
  189. package/src/components/CToastsList.vue +2 -15
  190. package/src/components/CValidationMessage.vue +31 -24
  191. package/src/components/CZipcodeField.vue +40 -27
  192. package/src/composables/elements.ts +1 -1
  193. package/src/composables/fields.ts +4 -4
  194. package/src/composables/router.ts +6 -5
  195. package/src/icons.ts +6 -0
  196. package/src/services/injections/buttons.ts +1 -1
  197. package/src/styles/_core.scss +1 -2
  198. package/src/styles/_reset.scss +1 -1
  199. package/src/types.ts +2 -0
  200. package/dist/index.cdn.css +0 -1
  201. package/dist/styles/utils.css +0 -2709
@@ -0,0 +1,511 @@
1
+ import { MaskOptions, MaskTokens } from 'maska';
2
+ import { VNode, ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, Ref, ComponentOptionsMixin, GlobalComponents, GlobalDirectives, ComponentProvideOptions, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, DefineComponent, ComputedRef, PublicProps } from 'vue';
3
+ import { Rules } from '../composables/validations';
4
+ import { OnCleanup } from '@vue/reactivity';
5
+ type __VLS_Props = {
6
+ counter?: number | null;
7
+ dataTest?: string;
8
+ id?: string;
9
+ label?: string | null;
10
+ mask: MaskOptions['mask'] | null;
11
+ minlength?: number | string | null;
12
+ maxlength?: number | string | null;
13
+ placeholder?: string;
14
+ rules?: Rules<string>;
15
+ tokens?: MaskTokens | null;
16
+ unmaskRules?: boolean;
17
+ value?: string;
18
+ };
19
+ declare function __VLS_template(): {
20
+ attrs: Partial<{}>;
21
+ slots: Readonly<{
22
+ label?: () => VNode[];
23
+ 'prepend-inner'?: () => VNode[];
24
+ append?: () => VNode[];
25
+ message?: () => VNode[];
26
+ }> & {
27
+ label?: () => VNode[];
28
+ 'prepend-inner'?: () => VNode[];
29
+ append?: () => VNode[];
30
+ message?: () => VNode[];
31
+ };
32
+ refs: {
33
+ textField: ({
34
+ $: ComponentInternalInstance;
35
+ $data: {};
36
+ $props: {
37
+ readonly id?: string | null | undefined;
38
+ readonly label?: string | null | undefined;
39
+ readonly ariaLabel?: string | null | undefined;
40
+ readonly placeholder?: string | undefined;
41
+ readonly type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric" | undefined;
42
+ readonly clearable?: boolean | undefined;
43
+ readonly size?: "medium" | "large" | undefined;
44
+ readonly inputmode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
45
+ readonly minlength?: number | string | undefined;
46
+ readonly maxlength?: number | string | undefined;
47
+ readonly disabled?: boolean | undefined;
48
+ readonly hideable?: boolean | undefined;
49
+ readonly hideLabel?: boolean | undefined;
50
+ readonly hideDetails?: boolean | "auto" | undefined;
51
+ readonly value?: string | undefined;
52
+ readonly dataTest?: string | undefined;
53
+ readonly counter?: number | null | undefined;
54
+ readonly counterValue?: number | (() => number | null) | null | undefined;
55
+ readonly rules?: Rules<string> | undefined;
56
+ readonly validateOnBlur?: boolean | undefined;
57
+ readonly required?: boolean | undefined;
58
+ readonly errorMessage?: string | undefined;
59
+ readonly onChange?: ((value: string) => any) | undefined;
60
+ readonly onBlur?: ((event: Event) => any) | undefined;
61
+ readonly onClick?: ((event: MouseEvent) => any) | undefined;
62
+ readonly onFocus?: ((event: Event) => any) | undefined;
63
+ readonly onInput?: ((value: string) => any) | undefined;
64
+ readonly onKeydown?: ((event: KeyboardEvent) => any) | undefined;
65
+ readonly onKeypress?: ((event: KeyboardEvent) => any) | undefined;
66
+ readonly onKeyup?: ((event: KeyboardEvent) => any) | undefined;
67
+ readonly "onClick:hide"?: ((hidden: boolean) => any) | undefined;
68
+ } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
69
+ $attrs: {
70
+ [x: string]: unknown;
71
+ };
72
+ $refs: {
73
+ [x: string]: unknown;
74
+ } & {
75
+ input: HTMLInputElement;
76
+ };
77
+ $slots: Readonly<{
78
+ [name: string]: Slot<any> | undefined;
79
+ }>;
80
+ $root: ComponentPublicInstance | null;
81
+ $parent: ComponentPublicInstance | null;
82
+ $host: Element | null;
83
+ $emit: ((event: "change", value: string) => void) & ((event: "blur", event: Event) => void) & ((event: "click", event: MouseEvent) => void) & ((event: "focus", event: Event) => void) & ((event: "input", value: string) => void) & ((event: "keydown", event: KeyboardEvent) => void) & ((event: "keypress", event: KeyboardEvent) => void) & ((event: "keyup", event: KeyboardEvent) => void) & ((event: "click:hide", hidden: boolean) => void);
84
+ $el: any;
85
+ $options: ComponentOptionsBase<Readonly<{
86
+ id?: string | null;
87
+ label?: string | null;
88
+ ariaLabel?: string | null;
89
+ placeholder?: string;
90
+ type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
91
+ clearable?: boolean;
92
+ size?: "medium" | "large";
93
+ inputmode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
94
+ minlength?: number | string;
95
+ maxlength?: number | string;
96
+ disabled?: boolean;
97
+ hideable?: boolean;
98
+ hideLabel?: boolean;
99
+ hideDetails?: boolean | "auto";
100
+ value?: string;
101
+ dataTest?: string;
102
+ counter?: number | null;
103
+ counterValue?: number | (() => number | null) | null;
104
+ rules?: Rules<string>;
105
+ validateOnBlur?: boolean;
106
+ required?: boolean;
107
+ errorMessage?: string;
108
+ }> & Readonly<{
109
+ onChange?: ((value: string) => any) | undefined;
110
+ onBlur?: ((event: Event) => any) | undefined;
111
+ onClick?: ((event: MouseEvent) => any) | undefined;
112
+ onFocus?: ((event: Event) => any) | undefined;
113
+ onInput?: ((value: string) => any) | undefined;
114
+ onKeydown?: ((event: KeyboardEvent) => any) | undefined;
115
+ onKeypress?: ((event: KeyboardEvent) => any) | undefined;
116
+ onKeyup?: ((event: KeyboardEvent) => any) | undefined;
117
+ "onClick:hide"?: ((hidden: boolean) => any) | undefined;
118
+ }>, {
119
+ input: Ref<HTMLInputElement | null>;
120
+ focus: () => void;
121
+ blur: () => void;
122
+ startValidating: () => void;
123
+ }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
124
+ change: (value: string) => any;
125
+ blur: (event: Event) => any;
126
+ click: (event: MouseEvent) => any;
127
+ focus: (event: Event) => any;
128
+ input: (value: string) => any;
129
+ keydown: (event: KeyboardEvent) => any;
130
+ keypress: (event: KeyboardEvent) => any;
131
+ keyup: (event: KeyboardEvent) => any;
132
+ "click:hide": (hidden: boolean) => any;
133
+ }, string, {
134
+ type: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
135
+ label: string | null;
136
+ id: string | null;
137
+ value: string;
138
+ size: "medium" | "large";
139
+ dataTest: string;
140
+ placeholder: string;
141
+ disabled: boolean;
142
+ ariaLabel: string | null;
143
+ rules: Rules<string>;
144
+ required: boolean;
145
+ hideDetails: boolean | "auto";
146
+ counter: number | null;
147
+ counterValue: number | (() => number | null) | null;
148
+ clearable: boolean;
149
+ inputmode: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
150
+ minlength: number | string;
151
+ maxlength: number | string;
152
+ hideable: boolean;
153
+ hideLabel: boolean;
154
+ validateOnBlur: boolean;
155
+ errorMessage: string;
156
+ }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
157
+ beforeCreate?: (() => void) | (() => void)[];
158
+ created?: (() => void) | (() => void)[];
159
+ beforeMount?: (() => void) | (() => void)[];
160
+ mounted?: (() => void) | (() => void)[];
161
+ beforeUpdate?: (() => void) | (() => void)[];
162
+ updated?: (() => void) | (() => void)[];
163
+ activated?: (() => void) | (() => void)[];
164
+ deactivated?: (() => void) | (() => void)[];
165
+ beforeDestroy?: (() => void) | (() => void)[];
166
+ beforeUnmount?: (() => void) | (() => void)[];
167
+ destroyed?: (() => void) | (() => void)[];
168
+ unmounted?: (() => void) | (() => void)[];
169
+ renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
170
+ renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
171
+ errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
172
+ };
173
+ $forceUpdate: () => void;
174
+ $nextTick: nextTick;
175
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
176
+ } & Readonly<{
177
+ type: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
178
+ label: string | null;
179
+ id: string | null;
180
+ value: string;
181
+ size: "medium" | "large";
182
+ dataTest: string;
183
+ placeholder: string;
184
+ disabled: boolean;
185
+ ariaLabel: string | null;
186
+ rules: Rules<string>;
187
+ required: boolean;
188
+ hideDetails: boolean | "auto";
189
+ counter: number | null;
190
+ counterValue: number | (() => number | null) | null;
191
+ clearable: boolean;
192
+ inputmode: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
193
+ minlength: number | string;
194
+ maxlength: number | string;
195
+ hideable: boolean;
196
+ hideLabel: boolean;
197
+ validateOnBlur: boolean;
198
+ errorMessage: string;
199
+ }> & Omit<Readonly<{
200
+ id?: string | null;
201
+ label?: string | null;
202
+ ariaLabel?: string | null;
203
+ placeholder?: string;
204
+ type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
205
+ clearable?: boolean;
206
+ size?: "medium" | "large";
207
+ inputmode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
208
+ minlength?: number | string;
209
+ maxlength?: number | string;
210
+ disabled?: boolean;
211
+ hideable?: boolean;
212
+ hideLabel?: boolean;
213
+ hideDetails?: boolean | "auto";
214
+ value?: string;
215
+ dataTest?: string;
216
+ counter?: number | null;
217
+ counterValue?: number | (() => number | null) | null;
218
+ rules?: Rules<string>;
219
+ validateOnBlur?: boolean;
220
+ required?: boolean;
221
+ errorMessage?: string;
222
+ }> & Readonly<{
223
+ onChange?: ((value: string) => any) | undefined;
224
+ onBlur?: ((event: Event) => any) | undefined;
225
+ onClick?: ((event: MouseEvent) => any) | undefined;
226
+ onFocus?: ((event: Event) => any) | undefined;
227
+ onInput?: ((value: string) => any) | undefined;
228
+ onKeydown?: ((event: KeyboardEvent) => any) | undefined;
229
+ onKeypress?: ((event: KeyboardEvent) => any) | undefined;
230
+ onKeyup?: ((event: KeyboardEvent) => any) | undefined;
231
+ "onClick:hide"?: ((hidden: boolean) => any) | undefined;
232
+ }>, "blur" | "focus" | "input" | "startValidating" | ("type" | "label" | "id" | "value" | "size" | "dataTest" | "placeholder" | "disabled" | "ariaLabel" | "rules" | "required" | "hideDetails" | "counter" | "counterValue" | "clearable" | "inputmode" | "minlength" | "maxlength" | "hideable" | "hideLabel" | "validateOnBlur" | "errorMessage")> & ShallowUnwrapRef<{
233
+ input: Ref<HTMLInputElement | null>;
234
+ focus: () => void;
235
+ blur: () => void;
236
+ startValidating: () => void;
237
+ }> & {} & ComponentCustomProperties & {} & {
238
+ $slots: Readonly<{
239
+ label?: () => VNode[];
240
+ 'prepend-inner'?: () => VNode[];
241
+ append?: () => VNode[];
242
+ message?: () => VNode[];
243
+ }> & {
244
+ label?: () => VNode[];
245
+ 'prepend-inner'?: () => VNode[];
246
+ append?: () => VNode[];
247
+ message?: () => VNode[];
248
+ };
249
+ }) | null;
250
+ };
251
+ rootEl: any;
252
+ };
253
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
254
+ declare const __VLS_component: DefineComponent<__VLS_Props, {
255
+ input: ComputedRef<HTMLInputElement | null>;
256
+ }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
257
+ change: (value: string) => any;
258
+ blur: (event: Event) => any;
259
+ focus: (event: Event) => any;
260
+ input: (value: string) => any;
261
+ keydown: (event: KeyboardEvent) => any;
262
+ keypress: (event: KeyboardEvent) => any;
263
+ keyup: (event: KeyboardEvent) => any;
264
+ "input:masked": (value: string) => any;
265
+ }, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
266
+ onChange?: ((value: string) => any) | undefined;
267
+ onBlur?: ((event: Event) => any) | undefined;
268
+ onFocus?: ((event: Event) => any) | undefined;
269
+ onInput?: ((value: string) => any) | undefined;
270
+ onKeydown?: ((event: KeyboardEvent) => any) | undefined;
271
+ onKeypress?: ((event: KeyboardEvent) => any) | undefined;
272
+ onKeyup?: ((event: KeyboardEvent) => any) | undefined;
273
+ "onInput:masked"?: ((value: string) => any) | undefined;
274
+ }>, {
275
+ label: string | null;
276
+ id: string;
277
+ value: string;
278
+ dataTest: string;
279
+ placeholder: string;
280
+ rules: Rules<string>;
281
+ counter: number | null;
282
+ minlength: number | string | null;
283
+ maxlength: number | string | null;
284
+ tokens: MaskTokens | null;
285
+ unmaskRules: boolean;
286
+ }, {}, {}, {}, string, ComponentProvideOptions, false, {
287
+ textField: ({
288
+ $: ComponentInternalInstance;
289
+ $data: {};
290
+ $props: {
291
+ readonly id?: string | null | undefined;
292
+ readonly label?: string | null | undefined;
293
+ readonly ariaLabel?: string | null | undefined;
294
+ readonly placeholder?: string | undefined;
295
+ readonly type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric" | undefined;
296
+ readonly clearable?: boolean | undefined;
297
+ readonly size?: "medium" | "large" | undefined;
298
+ readonly inputmode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
299
+ readonly minlength?: number | string | undefined;
300
+ readonly maxlength?: number | string | undefined;
301
+ readonly disabled?: boolean | undefined;
302
+ readonly hideable?: boolean | undefined;
303
+ readonly hideLabel?: boolean | undefined;
304
+ readonly hideDetails?: boolean | "auto" | undefined;
305
+ readonly value?: string | undefined;
306
+ readonly dataTest?: string | undefined;
307
+ readonly counter?: number | null | undefined;
308
+ readonly counterValue?: number | (() => number | null) | null | undefined;
309
+ readonly rules?: Rules<string> | undefined;
310
+ readonly validateOnBlur?: boolean | undefined;
311
+ readonly required?: boolean | undefined;
312
+ readonly errorMessage?: string | undefined;
313
+ readonly onChange?: ((value: string) => any) | undefined;
314
+ readonly onBlur?: ((event: Event) => any) | undefined;
315
+ readonly onClick?: ((event: MouseEvent) => any) | undefined;
316
+ readonly onFocus?: ((event: Event) => any) | undefined;
317
+ readonly onInput?: ((value: string) => any) | undefined;
318
+ readonly onKeydown?: ((event: KeyboardEvent) => any) | undefined;
319
+ readonly onKeypress?: ((event: KeyboardEvent) => any) | undefined;
320
+ readonly onKeyup?: ((event: KeyboardEvent) => any) | undefined;
321
+ readonly "onClick:hide"?: ((hidden: boolean) => any) | undefined;
322
+ } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
323
+ $attrs: {
324
+ [x: string]: unknown;
325
+ };
326
+ $refs: {
327
+ [x: string]: unknown;
328
+ } & {
329
+ input: HTMLInputElement;
330
+ };
331
+ $slots: Readonly<{
332
+ [name: string]: Slot<any> | undefined;
333
+ }>;
334
+ $root: ComponentPublicInstance | null;
335
+ $parent: ComponentPublicInstance | null;
336
+ $host: Element | null;
337
+ $emit: ((event: "change", value: string) => void) & ((event: "blur", event: Event) => void) & ((event: "click", event: MouseEvent) => void) & ((event: "focus", event: Event) => void) & ((event: "input", value: string) => void) & ((event: "keydown", event: KeyboardEvent) => void) & ((event: "keypress", event: KeyboardEvent) => void) & ((event: "keyup", event: KeyboardEvent) => void) & ((event: "click:hide", hidden: boolean) => void);
338
+ $el: any;
339
+ $options: ComponentOptionsBase<Readonly<{
340
+ id?: string | null;
341
+ label?: string | null;
342
+ ariaLabel?: string | null;
343
+ placeholder?: string;
344
+ type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
345
+ clearable?: boolean;
346
+ size?: "medium" | "large";
347
+ inputmode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
348
+ minlength?: number | string;
349
+ maxlength?: number | string;
350
+ disabled?: boolean;
351
+ hideable?: boolean;
352
+ hideLabel?: boolean;
353
+ hideDetails?: boolean | "auto";
354
+ value?: string;
355
+ dataTest?: string;
356
+ counter?: number | null;
357
+ counterValue?: number | (() => number | null) | null;
358
+ rules?: Rules<string>;
359
+ validateOnBlur?: boolean;
360
+ required?: boolean;
361
+ errorMessage?: string;
362
+ }> & Readonly<{
363
+ onChange?: ((value: string) => any) | undefined;
364
+ onBlur?: ((event: Event) => any) | undefined;
365
+ onClick?: ((event: MouseEvent) => any) | undefined;
366
+ onFocus?: ((event: Event) => any) | undefined;
367
+ onInput?: ((value: string) => any) | undefined;
368
+ onKeydown?: ((event: KeyboardEvent) => any) | undefined;
369
+ onKeypress?: ((event: KeyboardEvent) => any) | undefined;
370
+ onKeyup?: ((event: KeyboardEvent) => any) | undefined;
371
+ "onClick:hide"?: ((hidden: boolean) => any) | undefined;
372
+ }>, {
373
+ input: Ref<HTMLInputElement | null>;
374
+ focus: () => void;
375
+ blur: () => void;
376
+ startValidating: () => void;
377
+ }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
378
+ change: (value: string) => any;
379
+ blur: (event: Event) => any;
380
+ click: (event: MouseEvent) => any;
381
+ focus: (event: Event) => any;
382
+ input: (value: string) => any;
383
+ keydown: (event: KeyboardEvent) => any;
384
+ keypress: (event: KeyboardEvent) => any;
385
+ keyup: (event: KeyboardEvent) => any;
386
+ "click:hide": (hidden: boolean) => any;
387
+ }, string, {
388
+ type: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
389
+ label: string | null;
390
+ id: string | null;
391
+ value: string;
392
+ size: "medium" | "large";
393
+ dataTest: string;
394
+ placeholder: string;
395
+ disabled: boolean;
396
+ ariaLabel: string | null;
397
+ rules: Rules<string>;
398
+ required: boolean;
399
+ hideDetails: boolean | "auto";
400
+ counter: number | null;
401
+ counterValue: number | (() => number | null) | null;
402
+ clearable: boolean;
403
+ inputmode: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
404
+ minlength: number | string;
405
+ maxlength: number | string;
406
+ hideable: boolean;
407
+ hideLabel: boolean;
408
+ validateOnBlur: boolean;
409
+ errorMessage: string;
410
+ }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
411
+ beforeCreate?: (() => void) | (() => void)[];
412
+ created?: (() => void) | (() => void)[];
413
+ beforeMount?: (() => void) | (() => void)[];
414
+ mounted?: (() => void) | (() => void)[];
415
+ beforeUpdate?: (() => void) | (() => void)[];
416
+ updated?: (() => void) | (() => void)[];
417
+ activated?: (() => void) | (() => void)[];
418
+ deactivated?: (() => void) | (() => void)[];
419
+ beforeDestroy?: (() => void) | (() => void)[];
420
+ beforeUnmount?: (() => void) | (() => void)[];
421
+ destroyed?: (() => void) | (() => void)[];
422
+ unmounted?: (() => void) | (() => void)[];
423
+ renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
424
+ renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
425
+ errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
426
+ };
427
+ $forceUpdate: () => void;
428
+ $nextTick: nextTick;
429
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
430
+ } & Readonly<{
431
+ type: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
432
+ label: string | null;
433
+ id: string | null;
434
+ value: string;
435
+ size: "medium" | "large";
436
+ dataTest: string;
437
+ placeholder: string;
438
+ disabled: boolean;
439
+ ariaLabel: string | null;
440
+ rules: Rules<string>;
441
+ required: boolean;
442
+ hideDetails: boolean | "auto";
443
+ counter: number | null;
444
+ counterValue: number | (() => number | null) | null;
445
+ clearable: boolean;
446
+ inputmode: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
447
+ minlength: number | string;
448
+ maxlength: number | string;
449
+ hideable: boolean;
450
+ hideLabel: boolean;
451
+ validateOnBlur: boolean;
452
+ errorMessage: string;
453
+ }> & Omit<Readonly<{
454
+ id?: string | null;
455
+ label?: string | null;
456
+ ariaLabel?: string | null;
457
+ placeholder?: string;
458
+ type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
459
+ clearable?: boolean;
460
+ size?: "medium" | "large";
461
+ inputmode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
462
+ minlength?: number | string;
463
+ maxlength?: number | string;
464
+ disabled?: boolean;
465
+ hideable?: boolean;
466
+ hideLabel?: boolean;
467
+ hideDetails?: boolean | "auto";
468
+ value?: string;
469
+ dataTest?: string;
470
+ counter?: number | null;
471
+ counterValue?: number | (() => number | null) | null;
472
+ rules?: Rules<string>;
473
+ validateOnBlur?: boolean;
474
+ required?: boolean;
475
+ errorMessage?: string;
476
+ }> & Readonly<{
477
+ onChange?: ((value: string) => any) | undefined;
478
+ onBlur?: ((event: Event) => any) | undefined;
479
+ onClick?: ((event: MouseEvent) => any) | undefined;
480
+ onFocus?: ((event: Event) => any) | undefined;
481
+ onInput?: ((value: string) => any) | undefined;
482
+ onKeydown?: ((event: KeyboardEvent) => any) | undefined;
483
+ onKeypress?: ((event: KeyboardEvent) => any) | undefined;
484
+ onKeyup?: ((event: KeyboardEvent) => any) | undefined;
485
+ "onClick:hide"?: ((hidden: boolean) => any) | undefined;
486
+ }>, "blur" | "focus" | "input" | "startValidating" | ("type" | "label" | "id" | "value" | "size" | "dataTest" | "placeholder" | "disabled" | "ariaLabel" | "rules" | "required" | "hideDetails" | "counter" | "counterValue" | "clearable" | "inputmode" | "minlength" | "maxlength" | "hideable" | "hideLabel" | "validateOnBlur" | "errorMessage")> & ShallowUnwrapRef<{
487
+ input: Ref<HTMLInputElement | null>;
488
+ focus: () => void;
489
+ blur: () => void;
490
+ startValidating: () => void;
491
+ }> & {} & ComponentCustomProperties & {} & {
492
+ $slots: Readonly<{
493
+ label?: () => VNode[];
494
+ 'prepend-inner'?: () => VNode[];
495
+ append?: () => VNode[];
496
+ message?: () => VNode[];
497
+ }> & {
498
+ label?: () => VNode[];
499
+ 'prepend-inner'?: () => VNode[];
500
+ append?: () => VNode[];
501
+ message?: () => VNode[];
502
+ };
503
+ }) | null;
504
+ }, any>;
505
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
506
+ export default _default;
507
+ type __VLS_WithTemplateSlots<T, S> = T & {
508
+ new (): {
509
+ $slots: S;
510
+ };
511
+ };
@@ -0,0 +1,17 @@
1
+ import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
+ export type { default as SlMenuItem } from '@shoelace-style/shoelace/dist/components/menu-item/menu-item.js';
3
+ declare const _default: __VLS_WithTemplateSlots< DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
4
+ select: (item: any) => any;
5
+ }, string, PublicProps, Readonly<{}> & Readonly<{
6
+ onSelect?: ((item: any) => any) | undefined;
7
+ }>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, Readonly<{
8
+ default?: () => VNode[];
9
+ }> & {
10
+ default?: () => VNode[];
11
+ }>;
12
+ export default _default;
13
+ type __VLS_WithTemplateSlots<T, S> = T & {
14
+ new (): {
15
+ $slots: S;
16
+ };
17
+ };
@@ -0,0 +1,37 @@
1
+ import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
+ type __VLS_Props = {
3
+ /** Controls whether to enable and display a checked state */
4
+ checkable?: boolean;
5
+ /** Reflects the item's checked state */
6
+ checked?: boolean;
7
+ /** Controls what style of checking to apply, either a checkbox, or just a check icon */
8
+ checkType?: 'checkbox' | 'icon';
9
+ /** Controls whether the item has hover-state styles and responds to click events */
10
+ selectable?: boolean;
11
+ };
12
+ declare function __VLS_template(): {
13
+ attrs: Partial<{}>;
14
+ slots: Readonly<{
15
+ 'prepend-inner'?: () => VNode[];
16
+ default?: () => VNode[];
17
+ }> & {
18
+ 'prepend-inner'?: () => VNode[];
19
+ default?: () => VNode[];
20
+ };
21
+ refs: {};
22
+ rootEl: any;
23
+ };
24
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
25
+ declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
26
+ checked: boolean;
27
+ checkable: boolean;
28
+ checkType: "checkbox" | "icon";
29
+ selectable: boolean;
30
+ }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
31
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
32
+ export default _default;
33
+ type __VLS_WithTemplateSlots<T, S> = T & {
34
+ new (): {
35
+ $slots: S;
36
+ };
37
+ };
@@ -0,0 +1,20 @@
1
+ import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
+ declare function __VLS_template(): {
3
+ attrs: Partial<{}>;
4
+ slots: Readonly<{
5
+ default?: () => VNode[];
6
+ }> & {
7
+ default?: () => VNode[];
8
+ };
9
+ refs: {};
10
+ rootEl: any;
11
+ };
12
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
13
+ declare const __VLS_component: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
14
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
15
+ export default _default;
16
+ type __VLS_WithTemplateSlots<T, S> = T & {
17
+ new (): {
18
+ $slots: S;
19
+ };
20
+ };
@@ -0,0 +1,59 @@
1
+ import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
+ type __VLS_Props = {
3
+ /** Aria label for the modal. This is required if title is hidden */
4
+ ariaLabel?: string;
5
+ /** Prefix for test selectors */
6
+ dataTest?: string;
7
+ /** Allows modal to be dismissed */
8
+ dismissible?: boolean;
9
+ /** Controls whether the modal displays fullscreen */
10
+ fullscreen?: boolean;
11
+ /** Shows loading state and sets loading message if string */
12
+ loading?: string | boolean;
13
+ /** The title of the modal */
14
+ title?: string | null;
15
+ /** Toggles the open/close animation */
16
+ transition?: boolean;
17
+ /** Controls whether or not the modal is showing */
18
+ value?: boolean;
19
+ };
20
+ declare function __VLS_template(): {
21
+ attrs: Partial<{}>;
22
+ slots: Readonly<{
23
+ default?: () => VNode[];
24
+ footer?: () => VNode[];
25
+ loading?: () => VNode[];
26
+ }> & {
27
+ default?: () => VNode[];
28
+ footer?: () => VNode[];
29
+ loading?: () => VNode[];
30
+ };
31
+ refs: {
32
+ modal: unknown;
33
+ };
34
+ rootEl: any;
35
+ };
36
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
37
+ declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
38
+ input: (value: boolean) => any;
39
+ }, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
40
+ onInput?: ((value: boolean) => any) | undefined;
41
+ }>, {
42
+ title: string | null;
43
+ value: boolean;
44
+ dataTest: string;
45
+ transition: boolean;
46
+ loading: string | boolean;
47
+ ariaLabel: string;
48
+ dismissible: boolean;
49
+ fullscreen: boolean;
50
+ }, {}, {}, {}, string, ComponentProvideOptions, false, {
51
+ modal: unknown;
52
+ }, any>;
53
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
54
+ export default _default;
55
+ type __VLS_WithTemplateSlots<T, S> = T & {
56
+ new (): {
57
+ $slots: S;
58
+ };
59
+ };