@vueland/ui 0.0.2 → 0.0.3

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 (131) hide show
  1. package/README.md +55 -45
  2. package/dist/components/CApp/CApp.js +2 -2
  3. package/dist/components/CAutocomplete/CAutocomplete.js +23 -6
  4. package/dist/components/CCheckbox/CCheckbox.js +1 -1
  5. package/dist/components/CDateInput/CDateInput.js +0 -1
  6. package/dist/components/CDatePicker/index4.js +1 -1
  7. package/dist/components/CDatePicker/index6.js +1 -1
  8. package/dist/components/CDialog/index.js +1 -1
  9. package/dist/components/CDialog/index2.js +1 -1
  10. package/dist/components/CInput/CInput.js +23 -14
  11. package/dist/components/CList/CList.js +36 -17
  12. package/dist/components/CList/CListItem.js +15 -10
  13. package/dist/components/CMenu/CMenu.js +29 -31
  14. package/dist/components/CSelect/CSelect.js +26 -6
  15. package/dist/components/CTextField/CTextField.js +1 -1
  16. package/dist/components/CTooltip/CTooltip.js +12 -8
  17. package/dist/components/CTooltip/index.js +2 -2
  18. package/dist/components/CTooltip/index2.js +5 -0
  19. package/dist/components/index.d.ts +174 -188
  20. package/dist/components/index.js +1 -1
  21. package/dist/composables/index.d.ts +124 -590
  22. package/dist/composables/index.js +11 -6
  23. package/dist/composables/use-activator.js +1 -13
  24. package/dist/composables/{use-app-scroll.js → use-application-scroll.js} +2 -2
  25. package/dist/composables/use-aria-activator.js +15 -0
  26. package/dist/composables/use-aria-dialog.js +16 -0
  27. package/dist/composables/use-aria-field.js +18 -0
  28. package/dist/composables/use-aria-listbox.js +14 -0
  29. package/dist/composables/use-aria-toggle.js +15 -0
  30. package/dist/composables/use-auto-position.js +51 -51
  31. package/dist/composables/use-breakpoints.js +8 -0
  32. package/dist/composables/use-delay-actions.js +9 -8
  33. package/dist/composables/use-display.js +4 -4
  34. package/dist/composables/use-presets.js +1 -3
  35. package/dist/constants/aria.js +32 -0
  36. package/dist/constants/index.d.ts +78 -37
  37. package/dist/constants/index.js +1 -0
  38. package/dist/css/lib.css +1 -0
  39. package/dist/css/utils/_grid.css +1 -0
  40. package/dist/css/utils/_grid.js +3 -0
  41. package/dist/css/utils/_radius.css +1 -1
  42. package/dist/css/utils/_typography.css +1 -1
  43. package/dist/library.js +5 -5
  44. package/dist/scss/lib.scss +26 -0
  45. package/dist/scss/styles.scss +1 -0
  46. package/dist/scss/utils/_grid.scss +173 -0
  47. package/dist/scss/utils/_radius.scss +4 -4
  48. package/dist/scss/utils/_typography.scss +13 -0
  49. package/dist/styles.css +1 -1
  50. package/dist/temp-types/src/components/CAutocomplete/CAutocomplete.vue.d.ts +1 -1
  51. package/dist/temp-types/src/components/CAutocomplete/CAutocomplete.vue.d.ts.map +1 -1
  52. package/dist/temp-types/src/components/CCheckbox/CCheckbox.vue.d.ts +1 -1
  53. package/dist/temp-types/src/components/CCheckbox/CheckboxElement.vue.d.ts +1 -1
  54. package/dist/temp-types/src/components/CDateInput/CDateInput.vue.d.ts +2 -2
  55. package/dist/temp-types/src/components/CDateInput/CDateInput.vue.d.ts.map +1 -1
  56. package/dist/temp-types/src/components/CGrid/CRow.d.ts +1 -1
  57. package/dist/temp-types/src/components/CInput/CInput.vue.d.ts +2 -2
  58. package/dist/temp-types/src/components/CInput/CInput.vue.d.ts.map +1 -1
  59. package/dist/temp-types/src/components/CInput/types.d.ts +2 -2
  60. package/dist/temp-types/src/components/CInput/types.d.ts.map +1 -1
  61. package/dist/temp-types/src/components/CList/CList.vue.d.ts +5 -1
  62. package/dist/temp-types/src/components/CList/CList.vue.d.ts.map +1 -1
  63. package/dist/temp-types/src/components/CList/CListItem.vue.d.ts.map +1 -1
  64. package/dist/temp-types/src/components/CList/types.d.ts +3 -1
  65. package/dist/temp-types/src/components/CList/types.d.ts.map +1 -1
  66. package/dist/temp-types/src/components/CMenu/CMenu.vue.d.ts +4 -4
  67. package/dist/temp-types/src/components/CMenu/CMenu.vue.d.ts.map +1 -1
  68. package/dist/temp-types/src/components/CMenu/types.d.ts +2 -2
  69. package/dist/temp-types/src/components/CMenu/types.d.ts.map +1 -1
  70. package/dist/temp-types/src/components/CRadio/CRadio.vue.d.ts +1 -1
  71. package/dist/temp-types/src/components/CSelect/CSelect.vue.d.ts +1 -1
  72. package/dist/temp-types/src/components/CSelect/CSelect.vue.d.ts.map +1 -1
  73. package/dist/temp-types/src/components/CSelectControl/CSelectControl.vue.d.ts +1 -1
  74. package/dist/temp-types/src/components/CTextField/CTextField.vue.d.ts +1 -1
  75. package/dist/temp-types/src/components/CTextField/CTextField.vue.d.ts.map +1 -1
  76. package/dist/temp-types/src/components/CTextField/types.d.ts +1 -1
  77. package/dist/temp-types/src/components/CTooltip/CTooltip.vue.d.ts +3 -1
  78. package/dist/temp-types/src/components/CTooltip/CTooltip.vue.d.ts.map +1 -1
  79. package/dist/temp-types/src/components/CTooltip/index.d.ts +7 -1
  80. package/dist/temp-types/src/components/CTooltip/index.d.ts.map +1 -1
  81. package/dist/temp-types/src/composables/index.d.ts +7 -2
  82. package/dist/temp-types/src/composables/index.d.ts.map +1 -1
  83. package/dist/temp-types/src/composables/use-activator.d.ts +0 -153
  84. package/dist/temp-types/src/composables/use-activator.d.ts.map +1 -1
  85. package/dist/temp-types/src/composables/{use-app-scroll.d.ts → use-application-scroll.d.ts} +2 -2
  86. package/dist/temp-types/src/composables/use-application-scroll.d.ts.map +1 -0
  87. package/dist/temp-types/src/composables/use-aria-activator.d.ts +8 -0
  88. package/dist/temp-types/src/composables/use-aria-activator.d.ts.map +1 -0
  89. package/dist/temp-types/src/composables/use-aria-dialog.d.ts +9 -0
  90. package/dist/temp-types/src/composables/use-aria-dialog.d.ts.map +1 -0
  91. package/dist/temp-types/src/composables/use-aria-field.d.ts +13 -0
  92. package/dist/temp-types/src/composables/use-aria-field.d.ts.map +1 -0
  93. package/dist/temp-types/src/composables/use-aria-listbox.d.ts +8 -0
  94. package/dist/temp-types/src/composables/use-aria-listbox.d.ts.map +1 -0
  95. package/dist/temp-types/src/composables/use-aria-toggle.d.ts +11 -0
  96. package/dist/temp-types/src/composables/use-aria-toggle.d.ts.map +1 -0
  97. package/dist/temp-types/src/composables/use-auto-position.d.ts +4 -284
  98. package/dist/temp-types/src/composables/use-auto-position.d.ts.map +1 -1
  99. package/dist/temp-types/src/composables/use-breakpoints.d.ts +1 -0
  100. package/dist/temp-types/src/composables/use-breakpoints.d.ts.map +1 -1
  101. package/dist/temp-types/src/composables/use-delay-actions.d.ts +0 -26
  102. package/dist/temp-types/src/composables/use-delay-actions.d.ts.map +1 -1
  103. package/dist/temp-types/src/composables/use-display.d.ts +22 -49
  104. package/dist/temp-types/src/composables/use-display.d.ts.map +1 -1
  105. package/dist/temp-types/src/composables/use-presets.d.ts +0 -14
  106. package/dist/temp-types/src/composables/use-presets.d.ts.map +1 -1
  107. package/dist/temp-types/src/constants/aria.d.ts +35 -0
  108. package/dist/temp-types/src/constants/aria.d.ts.map +1 -0
  109. package/dist/temp-types/src/constants/index.d.ts +1 -0
  110. package/dist/temp-types/src/constants/index.d.ts.map +1 -1
  111. package/dist/temp-types/src/constants/provide-keys.d.ts +3 -5
  112. package/dist/temp-types/src/constants/provide-keys.d.ts.map +1 -1
  113. package/dist/temp-types/src/utils/aria.d.ts +36 -0
  114. package/dist/temp-types/src/utils/aria.d.ts.map +1 -0
  115. package/dist/temp-types/src/utils/index.d.ts +1 -1
  116. package/dist/temp-types/src/utils/index.d.ts.map +1 -1
  117. package/dist/temp-types/tsconfig.build.tsbuildinfo +1 -1
  118. package/dist/utils/aria.js +95 -0
  119. package/dist/utils/index.d.ts +40 -38
  120. package/dist/utils/index.js +1 -1
  121. package/package.json +5 -5
  122. package/dist/composables/use-menu-presets.js +0 -17
  123. package/dist/css/themes/default-theme.css +0 -1
  124. package/dist/scss/themes/default-theme.scss +0 -25
  125. package/dist/temp-types/src/composables/use-app-scroll.d.ts.map +0 -1
  126. package/dist/temp-types/src/composables/use-menu-presets.d.ts +0 -7
  127. package/dist/temp-types/src/composables/use-menu-presets.d.ts.map +0 -1
  128. package/dist/temp-types/src/utils/props-factory.d.ts +0 -37
  129. package/dist/temp-types/src/utils/props-factory.d.ts.map +0 -1
  130. package/dist/utils/props-factory.js +0 -25
  131. /package/dist/css/{themes/default-theme.js → lib.js} +0 -0
@@ -1,5 +1,5 @@
1
1
  import * as vue from 'vue';
2
- import { ComponentPublicInstance, PropType, ComputedRef, App, ComponentInstance, FunctionalComponent, Directive, ShallowRef, MaybeRef, Component, Reactive } from 'vue';
2
+ import { ComponentPublicInstance, ComputedRef, Ref, ShallowReactive, App, ComponentInstance, FunctionalComponent, Directive, ShallowRef, Component, Reactive } from 'vue';
3
3
 
4
4
  type ActivatorProps = {
5
5
  closeOnClick?: boolean;
@@ -21,159 +21,6 @@ type ActivatorListeners = {
21
21
  input?: (e: Event) => void;
22
22
  change?: (e: Event) => void;
23
23
  };
24
- declare const makeActivatorProps: {
25
- <TDefaults extends Partial<Record<"closeOnClick" | "openOnClick" | "openOnHover" | "closeOnLeave" | "openOnFocus" | "activator", unknown>>>(defaults: TDefaults): {
26
- closeOnClick: "closeOnClick" extends infer T ? T extends "closeOnClick" ? T extends keyof TDefaults ? {
27
- closeOnClick: BooleanConstructor;
28
- openOnClick: BooleanConstructor;
29
- openOnHover: BooleanConstructor;
30
- closeOnLeave: BooleanConstructor;
31
- openOnFocus: BooleanConstructor;
32
- activator: {
33
- type: null;
34
- default: undefined;
35
- };
36
- }[T] & {
37
- default: TDefaults[T];
38
- } : {
39
- closeOnClick: BooleanConstructor;
40
- openOnClick: BooleanConstructor;
41
- openOnHover: BooleanConstructor;
42
- closeOnLeave: BooleanConstructor;
43
- openOnFocus: BooleanConstructor;
44
- activator: {
45
- type: null;
46
- default: undefined;
47
- };
48
- }[T] : never : never;
49
- openOnClick: "openOnClick" extends infer T_1 ? T_1 extends "openOnClick" ? T_1 extends keyof TDefaults ? {
50
- closeOnClick: BooleanConstructor;
51
- openOnClick: BooleanConstructor;
52
- openOnHover: BooleanConstructor;
53
- closeOnLeave: BooleanConstructor;
54
- openOnFocus: BooleanConstructor;
55
- activator: {
56
- type: null;
57
- default: undefined;
58
- };
59
- }[T_1] & {
60
- default: TDefaults[T_1];
61
- } : {
62
- closeOnClick: BooleanConstructor;
63
- openOnClick: BooleanConstructor;
64
- openOnHover: BooleanConstructor;
65
- closeOnLeave: BooleanConstructor;
66
- openOnFocus: BooleanConstructor;
67
- activator: {
68
- type: null;
69
- default: undefined;
70
- };
71
- }[T_1] : never : never;
72
- openOnHover: "openOnHover" extends infer T_2 ? T_2 extends "openOnHover" ? T_2 extends keyof TDefaults ? {
73
- closeOnClick: BooleanConstructor;
74
- openOnClick: BooleanConstructor;
75
- openOnHover: BooleanConstructor;
76
- closeOnLeave: BooleanConstructor;
77
- openOnFocus: BooleanConstructor;
78
- activator: {
79
- type: null;
80
- default: undefined;
81
- };
82
- }[T_2] & {
83
- default: TDefaults[T_2];
84
- } : {
85
- closeOnClick: BooleanConstructor;
86
- openOnClick: BooleanConstructor;
87
- openOnHover: BooleanConstructor;
88
- closeOnLeave: BooleanConstructor;
89
- openOnFocus: BooleanConstructor;
90
- activator: {
91
- type: null;
92
- default: undefined;
93
- };
94
- }[T_2] : never : never;
95
- closeOnLeave: "closeOnLeave" extends infer T_3 ? T_3 extends "closeOnLeave" ? T_3 extends keyof TDefaults ? {
96
- closeOnClick: BooleanConstructor;
97
- openOnClick: BooleanConstructor;
98
- openOnHover: BooleanConstructor;
99
- closeOnLeave: BooleanConstructor;
100
- openOnFocus: BooleanConstructor;
101
- activator: {
102
- type: null;
103
- default: undefined;
104
- };
105
- }[T_3] & {
106
- default: TDefaults[T_3];
107
- } : {
108
- closeOnClick: BooleanConstructor;
109
- openOnClick: BooleanConstructor;
110
- openOnHover: BooleanConstructor;
111
- closeOnLeave: BooleanConstructor;
112
- openOnFocus: BooleanConstructor;
113
- activator: {
114
- type: null;
115
- default: undefined;
116
- };
117
- }[T_3] : never : never;
118
- openOnFocus: "openOnFocus" extends infer T_4 ? T_4 extends "openOnFocus" ? T_4 extends keyof TDefaults ? {
119
- closeOnClick: BooleanConstructor;
120
- openOnClick: BooleanConstructor;
121
- openOnHover: BooleanConstructor;
122
- closeOnLeave: BooleanConstructor;
123
- openOnFocus: BooleanConstructor;
124
- activator: {
125
- type: null;
126
- default: undefined;
127
- };
128
- }[T_4] & {
129
- default: TDefaults[T_4];
130
- } : {
131
- closeOnClick: BooleanConstructor;
132
- openOnClick: BooleanConstructor;
133
- openOnHover: BooleanConstructor;
134
- closeOnLeave: BooleanConstructor;
135
- openOnFocus: BooleanConstructor;
136
- activator: {
137
- type: null;
138
- default: undefined;
139
- };
140
- }[T_4] : never : never;
141
- activator: "activator" extends infer T_5 ? T_5 extends "activator" ? T_5 extends keyof TDefaults ? {
142
- closeOnClick: BooleanConstructor;
143
- openOnClick: BooleanConstructor;
144
- openOnHover: BooleanConstructor;
145
- closeOnLeave: BooleanConstructor;
146
- openOnFocus: BooleanConstructor;
147
- activator: {
148
- type: null;
149
- default: undefined;
150
- };
151
- }[T_5] & {
152
- default: TDefaults[T_5];
153
- } : {
154
- closeOnClick: BooleanConstructor;
155
- openOnClick: BooleanConstructor;
156
- openOnHover: BooleanConstructor;
157
- closeOnLeave: BooleanConstructor;
158
- openOnFocus: BooleanConstructor;
159
- activator: {
160
- type: null;
161
- default: undefined;
162
- };
163
- }[T_5] : never : never;
164
- };
165
- (): {
166
- closeOnClick: BooleanConstructor;
167
- openOnClick: BooleanConstructor;
168
- openOnHover: BooleanConstructor;
169
- closeOnLeave: BooleanConstructor;
170
- openOnFocus: BooleanConstructor;
171
- activator: {
172
- type: null;
173
- default: undefined;
174
- };
175
- };
176
- };
177
24
  declare function useActivator(props: Partial<ActivatorProps> & Record<string, unknown>): {
178
25
  element: vue.ComputedRef<Element>;
179
26
  activatorProps: Record<string, any>;
@@ -190,17 +37,6 @@ declare function useActivator(props: Partial<ActivatorProps> & Record<string, un
190
37
  getActivator: () => Element;
191
38
  };
192
39
 
193
- declare function useAppScroll(): {
194
- appRef: vue.ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
195
- classes: vue.ComputedRef<{
196
- 'c-app--block-scroll': boolean;
197
- }>;
198
- getScrollTop: () => number;
199
- getScrollLeft: () => number;
200
- blockScroll: () => void;
201
- unblockScroll: () => void;
202
- };
203
-
204
40
  type ApplicationApi = {
205
41
  blockScroll(): void;
206
42
  unblockScroll(): void;
@@ -212,7 +48,7 @@ interface InputState {
212
48
  focused: boolean;
213
49
  isDirty: boolean;
214
50
  }
215
- type CInputKind = 'checkbox' | 'radio' | 'input' | 'area' | 'listbox';
51
+ type CInputRole = 'combobox' | 'checkbox' | 'radio' | 'listbox';
216
52
  type CInputProps<T = any> = ValidateProps & PresetProps & {
217
53
  id?: string;
218
54
  modelValue: T | T[] | undefined | null;
@@ -223,7 +59,7 @@ type CInputProps<T = any> = ValidateProps & PresetProps & {
223
59
  disabled?: boolean;
224
60
  focused?: boolean;
225
61
  readonly?: boolean;
226
- kind?: CInputKind;
62
+ role?: CInputRole;
227
63
  };
228
64
 
229
65
  type CBtnProps = PresetProps & {
@@ -232,11 +68,6 @@ type CBtnProps = PresetProps & {
232
68
  disabled?: boolean;
233
69
  };
234
70
 
235
- type COverlayProps = {
236
- modelValue: boolean;
237
- to?: string;
238
- };
239
-
240
71
  type ValidatorFn = () => boolean | Promise<boolean>;
241
72
  type ResetFn = () => void;
242
73
  interface FormAPI {
@@ -289,14 +120,89 @@ type ThemesOptions = Record<string, ThemeDefinition>;
289
120
 
290
121
  type Maybe<T> = T | undefined;
291
122
 
292
- type CMenuProps = ActivatorProps & DimensionsProps & AutoPositionProps & DelayProps & PresetProps & Partial<COverlayProps> & {
293
- closeOnClickOutside?: boolean;
294
- closeOnContentClick?: boolean;
295
- ssr?: boolean;
296
- transition?: string;
123
+ declare function useApplication(): ApplicationApi;
124
+
125
+ declare function useApplicationScroll(): {
126
+ appRef: vue.ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
127
+ classes: vue.ComputedRef<{
128
+ 'c-app--block-scroll': boolean;
129
+ }>;
130
+ getScrollTop: () => number;
131
+ getScrollLeft: () => number;
132
+ blockScroll: () => void;
133
+ unblockScroll: () => void;
297
134
  };
298
135
 
299
- declare function useApplication(): ApplicationApi;
136
+ type AriaHaspopup = 'true' | 'false' | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';
137
+
138
+ declare enum BreakpointLabels {
139
+ XS = "xs",
140
+ SM = "sm",
141
+ MD = "md",
142
+ LG = "lg",
143
+ XL = "xl",
144
+ XXL = "xxl"
145
+ }
146
+
147
+ declare enum IconAliases {
148
+ DROPDOWN = "dropdown",
149
+ CHECKBOX_ON = "checkboxOn",
150
+ CHECKBOX_OFF = "checkboxOff",
151
+ CALENDAR = "calendar",
152
+ CHEVRON_LEFT = "chevronLeft",
153
+ CHEVRON_RIGHT = "chevronRight",
154
+ RADIO_ON = "radioOn",
155
+ RADIO_OFF = "radioOff",
156
+ CLOSE = "close"
157
+ }
158
+
159
+ interface AriaActivatorState {
160
+ expanded: boolean;
161
+ haspopup?: AriaHaspopup | boolean;
162
+ controls?: string;
163
+ }
164
+ declare function useAriaActivator(state: () => AriaActivatorState): vue.ComputedRef<Partial<Record<string, string>>>;
165
+
166
+ interface AriaDialogState {
167
+ labelledBy?: string;
168
+ describedBy?: string;
169
+ modal?: boolean;
170
+ }
171
+ declare function useAriaDialog(state?: () => AriaDialogState): vue.ComputedRef<{
172
+ [x: string]: string | undefined;
173
+ }>;
174
+
175
+ interface AriaFieldState {
176
+ fieldId: string;
177
+ label?: string | boolean;
178
+ hasDetails?: boolean;
179
+ hasError?: boolean;
180
+ errorMessage?: string;
181
+ readonly?: boolean;
182
+ disabled?: boolean;
183
+ }
184
+ declare function useAriaField(state: () => AriaFieldState): vue.ComputedRef<{
185
+ [x: string]: string | undefined;
186
+ }>;
187
+
188
+ interface AriaListboxState {
189
+ multiple?: boolean;
190
+ activeDescendant?: string;
191
+ }
192
+ declare function useAriaListbox(state: () => AriaListboxState): vue.ComputedRef<{
193
+ [x: string]: string | undefined;
194
+ }>;
195
+
196
+ type AriaToggleMode = 'checkbox' | 'switch' | 'button';
197
+ interface AriaToggleState {
198
+ checked?: boolean | 'mixed';
199
+ mode?: AriaToggleMode;
200
+ disabled?: boolean;
201
+ required?: boolean;
202
+ }
203
+ declare function useAriaToggle(state: () => AriaToggleState): vue.ComputedRef<{
204
+ [x: string]: string | undefined;
205
+ }>;
300
206
 
301
207
  interface Dimensions {
302
208
  top: number;
@@ -304,298 +210,18 @@ interface Dimensions {
304
210
  width: number;
305
211
  height: number;
306
212
  }
213
+ type AlignSide = 'top' | 'bottom' | 'left' | 'right';
214
+ type AlignValue = AlignSide | 'top-center' | 'top-left' | 'top-right' | 'bottom-center' | 'bottom-left' | 'bottom-right' | 'left-center' | 'right-center';
307
215
  interface AutoPositionProps {
308
216
  strategy?: 'reverse' | 'bounce';
309
217
  positionX?: number;
310
218
  positionY?: number;
311
219
  offsetX?: number | string;
312
220
  offsetY?: number | string;
313
- left?: boolean;
314
- right?: boolean;
315
- top?: boolean;
316
- bottom?: boolean;
221
+ align?: AlignValue;
317
222
  }
318
223
  type MaybeElement = Element | ComponentPublicInstance | undefined;
319
224
  type AutoPositionInputProps = DimensionsProps & AutoPositionProps;
320
- declare const makeAutoPositionProps: {
321
- <TDefaults extends Partial<Record<"top" | "left" | "strategy" | "positionX" | "positionY" | "offsetX" | "offsetY" | "right" | "bottom", unknown>>>(defaults: TDefaults): {
322
- strategy: "strategy" extends infer T ? T extends "strategy" ? T extends keyof TDefaults ? {
323
- strategy: {
324
- type: PropType<AutoPositionProps["strategy"]>;
325
- default: string;
326
- };
327
- positionX: NumberConstructor;
328
- positionY: NumberConstructor;
329
- offsetX: (StringConstructor | NumberConstructor)[];
330
- offsetY: (StringConstructor | NumberConstructor)[];
331
- left: BooleanConstructor;
332
- right: BooleanConstructor;
333
- top: BooleanConstructor;
334
- bottom: BooleanConstructor;
335
- }[T] & {
336
- default: TDefaults[T];
337
- } : {
338
- strategy: {
339
- type: PropType<AutoPositionProps["strategy"]>;
340
- default: string;
341
- };
342
- positionX: NumberConstructor;
343
- positionY: NumberConstructor;
344
- offsetX: (StringConstructor | NumberConstructor)[];
345
- offsetY: (StringConstructor | NumberConstructor)[];
346
- left: BooleanConstructor;
347
- right: BooleanConstructor;
348
- top: BooleanConstructor;
349
- bottom: BooleanConstructor;
350
- }[T] : never : never;
351
- positionX: "positionX" extends infer T_1 ? T_1 extends "positionX" ? T_1 extends keyof TDefaults ? {
352
- strategy: {
353
- type: PropType<AutoPositionProps["strategy"]>;
354
- default: string;
355
- };
356
- positionX: NumberConstructor;
357
- positionY: NumberConstructor;
358
- offsetX: (StringConstructor | NumberConstructor)[];
359
- offsetY: (StringConstructor | NumberConstructor)[];
360
- left: BooleanConstructor;
361
- right: BooleanConstructor;
362
- top: BooleanConstructor;
363
- bottom: BooleanConstructor;
364
- }[T_1] & {
365
- default: TDefaults[T_1];
366
- } : {
367
- strategy: {
368
- type: PropType<AutoPositionProps["strategy"]>;
369
- default: string;
370
- };
371
- positionX: NumberConstructor;
372
- positionY: NumberConstructor;
373
- offsetX: (StringConstructor | NumberConstructor)[];
374
- offsetY: (StringConstructor | NumberConstructor)[];
375
- left: BooleanConstructor;
376
- right: BooleanConstructor;
377
- top: BooleanConstructor;
378
- bottom: BooleanConstructor;
379
- }[T_1] : never : never;
380
- positionY: "positionY" extends infer T_2 ? T_2 extends "positionY" ? T_2 extends keyof TDefaults ? {
381
- strategy: {
382
- type: PropType<AutoPositionProps["strategy"]>;
383
- default: string;
384
- };
385
- positionX: NumberConstructor;
386
- positionY: NumberConstructor;
387
- offsetX: (StringConstructor | NumberConstructor)[];
388
- offsetY: (StringConstructor | NumberConstructor)[];
389
- left: BooleanConstructor;
390
- right: BooleanConstructor;
391
- top: BooleanConstructor;
392
- bottom: BooleanConstructor;
393
- }[T_2] & {
394
- default: TDefaults[T_2];
395
- } : {
396
- strategy: {
397
- type: PropType<AutoPositionProps["strategy"]>;
398
- default: string;
399
- };
400
- positionX: NumberConstructor;
401
- positionY: NumberConstructor;
402
- offsetX: (StringConstructor | NumberConstructor)[];
403
- offsetY: (StringConstructor | NumberConstructor)[];
404
- left: BooleanConstructor;
405
- right: BooleanConstructor;
406
- top: BooleanConstructor;
407
- bottom: BooleanConstructor;
408
- }[T_2] : never : never;
409
- offsetX: "offsetX" extends infer T_3 ? T_3 extends "offsetX" ? T_3 extends keyof TDefaults ? {
410
- strategy: {
411
- type: PropType<AutoPositionProps["strategy"]>;
412
- default: string;
413
- };
414
- positionX: NumberConstructor;
415
- positionY: NumberConstructor;
416
- offsetX: (StringConstructor | NumberConstructor)[];
417
- offsetY: (StringConstructor | NumberConstructor)[];
418
- left: BooleanConstructor;
419
- right: BooleanConstructor;
420
- top: BooleanConstructor;
421
- bottom: BooleanConstructor;
422
- }[T_3] & {
423
- default: TDefaults[T_3];
424
- } : {
425
- strategy: {
426
- type: PropType<AutoPositionProps["strategy"]>;
427
- default: string;
428
- };
429
- positionX: NumberConstructor;
430
- positionY: NumberConstructor;
431
- offsetX: (StringConstructor | NumberConstructor)[];
432
- offsetY: (StringConstructor | NumberConstructor)[];
433
- left: BooleanConstructor;
434
- right: BooleanConstructor;
435
- top: BooleanConstructor;
436
- bottom: BooleanConstructor;
437
- }[T_3] : never : never;
438
- offsetY: "offsetY" extends infer T_4 ? T_4 extends "offsetY" ? T_4 extends keyof TDefaults ? {
439
- strategy: {
440
- type: PropType<AutoPositionProps["strategy"]>;
441
- default: string;
442
- };
443
- positionX: NumberConstructor;
444
- positionY: NumberConstructor;
445
- offsetX: (StringConstructor | NumberConstructor)[];
446
- offsetY: (StringConstructor | NumberConstructor)[];
447
- left: BooleanConstructor;
448
- right: BooleanConstructor;
449
- top: BooleanConstructor;
450
- bottom: BooleanConstructor;
451
- }[T_4] & {
452
- default: TDefaults[T_4];
453
- } : {
454
- strategy: {
455
- type: PropType<AutoPositionProps["strategy"]>;
456
- default: string;
457
- };
458
- positionX: NumberConstructor;
459
- positionY: NumberConstructor;
460
- offsetX: (StringConstructor | NumberConstructor)[];
461
- offsetY: (StringConstructor | NumberConstructor)[];
462
- left: BooleanConstructor;
463
- right: BooleanConstructor;
464
- top: BooleanConstructor;
465
- bottom: BooleanConstructor;
466
- }[T_4] : never : never;
467
- left: "left" extends infer T_5 ? T_5 extends "left" ? T_5 extends keyof TDefaults ? {
468
- strategy: {
469
- type: PropType<AutoPositionProps["strategy"]>;
470
- default: string;
471
- };
472
- positionX: NumberConstructor;
473
- positionY: NumberConstructor;
474
- offsetX: (StringConstructor | NumberConstructor)[];
475
- offsetY: (StringConstructor | NumberConstructor)[];
476
- left: BooleanConstructor;
477
- right: BooleanConstructor;
478
- top: BooleanConstructor;
479
- bottom: BooleanConstructor;
480
- }[T_5] & {
481
- default: TDefaults[T_5];
482
- } : {
483
- strategy: {
484
- type: PropType<AutoPositionProps["strategy"]>;
485
- default: string;
486
- };
487
- positionX: NumberConstructor;
488
- positionY: NumberConstructor;
489
- offsetX: (StringConstructor | NumberConstructor)[];
490
- offsetY: (StringConstructor | NumberConstructor)[];
491
- left: BooleanConstructor;
492
- right: BooleanConstructor;
493
- top: BooleanConstructor;
494
- bottom: BooleanConstructor;
495
- }[T_5] : never : never;
496
- right: "right" extends infer T_6 ? T_6 extends "right" ? T_6 extends keyof TDefaults ? {
497
- strategy: {
498
- type: PropType<AutoPositionProps["strategy"]>;
499
- default: string;
500
- };
501
- positionX: NumberConstructor;
502
- positionY: NumberConstructor;
503
- offsetX: (StringConstructor | NumberConstructor)[];
504
- offsetY: (StringConstructor | NumberConstructor)[];
505
- left: BooleanConstructor;
506
- right: BooleanConstructor;
507
- top: BooleanConstructor;
508
- bottom: BooleanConstructor;
509
- }[T_6] & {
510
- default: TDefaults[T_6];
511
- } : {
512
- strategy: {
513
- type: PropType<AutoPositionProps["strategy"]>;
514
- default: string;
515
- };
516
- positionX: NumberConstructor;
517
- positionY: NumberConstructor;
518
- offsetX: (StringConstructor | NumberConstructor)[];
519
- offsetY: (StringConstructor | NumberConstructor)[];
520
- left: BooleanConstructor;
521
- right: BooleanConstructor;
522
- top: BooleanConstructor;
523
- bottom: BooleanConstructor;
524
- }[T_6] : never : never;
525
- top: "top" extends infer T_7 ? T_7 extends "top" ? T_7 extends keyof TDefaults ? {
526
- strategy: {
527
- type: PropType<AutoPositionProps["strategy"]>;
528
- default: string;
529
- };
530
- positionX: NumberConstructor;
531
- positionY: NumberConstructor;
532
- offsetX: (StringConstructor | NumberConstructor)[];
533
- offsetY: (StringConstructor | NumberConstructor)[];
534
- left: BooleanConstructor;
535
- right: BooleanConstructor;
536
- top: BooleanConstructor;
537
- bottom: BooleanConstructor;
538
- }[T_7] & {
539
- default: TDefaults[T_7];
540
- } : {
541
- strategy: {
542
- type: PropType<AutoPositionProps["strategy"]>;
543
- default: string;
544
- };
545
- positionX: NumberConstructor;
546
- positionY: NumberConstructor;
547
- offsetX: (StringConstructor | NumberConstructor)[];
548
- offsetY: (StringConstructor | NumberConstructor)[];
549
- left: BooleanConstructor;
550
- right: BooleanConstructor;
551
- top: BooleanConstructor;
552
- bottom: BooleanConstructor;
553
- }[T_7] : never : never;
554
- bottom: "bottom" extends infer T_8 ? T_8 extends "bottom" ? T_8 extends keyof TDefaults ? {
555
- strategy: {
556
- type: PropType<AutoPositionProps["strategy"]>;
557
- default: string;
558
- };
559
- positionX: NumberConstructor;
560
- positionY: NumberConstructor;
561
- offsetX: (StringConstructor | NumberConstructor)[];
562
- offsetY: (StringConstructor | NumberConstructor)[];
563
- left: BooleanConstructor;
564
- right: BooleanConstructor;
565
- top: BooleanConstructor;
566
- bottom: BooleanConstructor;
567
- }[T_8] & {
568
- default: TDefaults[T_8];
569
- } : {
570
- strategy: {
571
- type: PropType<AutoPositionProps["strategy"]>;
572
- default: string;
573
- };
574
- positionX: NumberConstructor;
575
- positionY: NumberConstructor;
576
- offsetX: (StringConstructor | NumberConstructor)[];
577
- offsetY: (StringConstructor | NumberConstructor)[];
578
- left: BooleanConstructor;
579
- right: BooleanConstructor;
580
- top: BooleanConstructor;
581
- bottom: BooleanConstructor;
582
- }[T_8] : never : never;
583
- };
584
- (): {
585
- strategy: {
586
- type: PropType<AutoPositionProps["strategy"]>;
587
- default: string;
588
- };
589
- positionX: NumberConstructor;
590
- positionY: NumberConstructor;
591
- offsetX: (StringConstructor | NumberConstructor)[];
592
- offsetY: (StringConstructor | NumberConstructor)[];
593
- left: BooleanConstructor;
594
- right: BooleanConstructor;
595
- top: BooleanConstructor;
596
- bottom: BooleanConstructor;
597
- };
598
- };
599
225
  declare function useAutoPosition(props: AutoPositionInputProps, activatorEl?: ComputedRef<MaybeElement>): {
600
226
  activator: vue.Ref<{
601
227
  top: number;
@@ -665,6 +291,41 @@ declare function useAutocomplete<T = any>(props: IterableItemsProps<T> & Selecta
665
291
  select: (value: T) => void;
666
292
  };
667
293
 
294
+ declare const breakpoints: {
295
+ readonly xs: 0;
296
+ readonly sm: 600;
297
+ readonly md: 960;
298
+ readonly lg: 1280;
299
+ readonly xl: 1920;
300
+ readonly xxl: 2560;
301
+ };
302
+ interface Breakpoints {
303
+ xxl: boolean;
304
+ xl: boolean;
305
+ lg: boolean;
306
+ md: boolean;
307
+ sm: boolean;
308
+ xs: boolean;
309
+ xlAndLess: boolean;
310
+ lgAndLess: boolean;
311
+ mdAndLess: boolean;
312
+ smAndLess: boolean;
313
+ xlAndUp: boolean;
314
+ lgAndUp: boolean;
315
+ mdAndUp: boolean;
316
+ smAndUp: boolean;
317
+ }
318
+ type Display = {
319
+ [k in keyof Breakpoints]: Ref<boolean>;
320
+ };
321
+ declare function useDisplay(): {
322
+ state: ShallowReactive<Breakpoints>;
323
+ createDisplay(points?: Record<BreakpointLabels, number>): Display;
324
+ update(): void;
325
+ };
326
+
327
+ declare function useBreakpoints(): Display | undefined;
328
+
668
329
  declare function useButtonPresets({ props }: {
669
330
  props: CBtnProps;
670
331
  }): vue.ComputedRef<{
@@ -672,27 +333,6 @@ declare function useButtonPresets({ props }: {
672
333
  label: never[];
673
334
  }>;
674
335
 
675
- declare enum BreakpointLabels {
676
- XS = "xs",
677
- SM = "sm",
678
- MD = "md",
679
- LG = "lg",
680
- XL = "xl",
681
- XXL = "xxl"
682
- }
683
-
684
- declare enum IconAliases {
685
- DROPDOWN = "dropdown",
686
- CHECKBOX_ON = "checkboxOn",
687
- CHECKBOX_OFF = "checkboxOff",
688
- CALENDAR = "calendar",
689
- CHEVRON_LEFT = "chevronLeft",
690
- CHEVRON_RIGHT = "chevronRight",
691
- RADIO_ON = "radioOn",
692
- RADIO_OFF = "radioOff",
693
- CLOSE = "close"
694
- }
695
-
696
336
  type IconsOptions = {
697
337
  dir?: string;
698
338
  aliases?: Partial<Record<IconAliases, any>>;
@@ -725,32 +365,6 @@ type DelayProps = {
725
365
  openDelay?: number | string;
726
366
  closeDelay?: number | string;
727
367
  };
728
- declare const makeDelayProps: {
729
- <TDefaults extends Partial<Record<"openDelay" | "closeDelay", unknown>>>(defaults: TDefaults): {
730
- openDelay: "openDelay" extends infer T ? T extends "openDelay" ? T extends keyof TDefaults ? {
731
- openDelay: (StringConstructor | NumberConstructor)[];
732
- closeDelay: (StringConstructor | NumberConstructor)[];
733
- }[T] & {
734
- default: TDefaults[T];
735
- } : {
736
- openDelay: (StringConstructor | NumberConstructor)[];
737
- closeDelay: (StringConstructor | NumberConstructor)[];
738
- }[T] : never : never;
739
- closeDelay: "closeDelay" extends infer T_1 ? T_1 extends "closeDelay" ? T_1 extends keyof TDefaults ? {
740
- openDelay: (StringConstructor | NumberConstructor)[];
741
- closeDelay: (StringConstructor | NumberConstructor)[];
742
- }[T_1] & {
743
- default: TDefaults[T_1];
744
- } : {
745
- openDelay: (StringConstructor | NumberConstructor)[];
746
- closeDelay: (StringConstructor | NumberConstructor)[];
747
- }[T_1] : never : never;
748
- };
749
- (): {
750
- openDelay: (StringConstructor | NumberConstructor)[];
751
- closeDelay: (StringConstructor | NumberConstructor)[];
752
- };
753
- };
754
368
  declare function useDelayedActions(props: Partial<DelayProps> & Record<string, any>): {
755
369
  openDelay: (fn: (...args: any) => any) => void;
756
370
  closeDelay: (fn: (...args: any) => any) => void;
@@ -774,66 +388,6 @@ interface DialogsStackAPI {
774
388
  declare function createDialogsStack(): DialogsStackAPI;
775
389
  declare function useDialogsStack(): DialogsStackAPI;
776
390
 
777
- declare const breakpoints: {
778
- readonly xs: 0;
779
- readonly sm: 600;
780
- readonly md: 960;
781
- readonly lg: 1280;
782
- readonly xl: 1920;
783
- readonly xxl: 2560;
784
- };
785
- interface AppBreakpoints {
786
- xxl: MaybeRef<boolean>;
787
- xl: MaybeRef<boolean>;
788
- lg: MaybeRef<boolean>;
789
- md: MaybeRef<boolean>;
790
- sm: MaybeRef<boolean>;
791
- xs: MaybeRef<boolean>;
792
- xlAndLess: MaybeRef<boolean>;
793
- lgAndLess: MaybeRef<boolean>;
794
- mdAndLess: MaybeRef<boolean>;
795
- smAndLess: MaybeRef<boolean>;
796
- xlAndUp: MaybeRef<boolean>;
797
- lgAndUp: MaybeRef<boolean>;
798
- mdAndUp: MaybeRef<boolean>;
799
- smAndUp: MaybeRef<boolean>;
800
- }
801
- declare function useDisplay(): {
802
- state: {
803
- xxl: boolean;
804
- xl: boolean;
805
- lg: boolean;
806
- md: boolean;
807
- sm: boolean;
808
- xs: boolean;
809
- xlAndLess: boolean;
810
- lgAndLess: boolean;
811
- mdAndLess: boolean;
812
- smAndLess: boolean;
813
- xlAndUp: boolean;
814
- lgAndUp: boolean;
815
- mdAndUp: boolean;
816
- smAndUp: boolean;
817
- };
818
- createDisplay: (points?: Record<BreakpointLabels, number>) => {
819
- update: () => void;
820
- xxl: vue.Ref<boolean, boolean>;
821
- xl: vue.Ref<boolean, boolean>;
822
- lg: vue.Ref<boolean, boolean>;
823
- md: vue.Ref<boolean, boolean>;
824
- sm: vue.Ref<boolean, boolean>;
825
- xs: vue.Ref<boolean, boolean>;
826
- xlAndLess: vue.Ref<boolean, boolean>;
827
- lgAndLess: vue.Ref<boolean, boolean>;
828
- mdAndLess: vue.Ref<boolean, boolean>;
829
- smAndLess: vue.Ref<boolean, boolean>;
830
- xlAndUp: vue.Ref<boolean, boolean>;
831
- lgAndUp: vue.Ref<boolean, boolean>;
832
- mdAndUp: vue.Ref<boolean, boolean>;
833
- smAndUp: vue.Ref<boolean, boolean>;
834
- };
835
- };
836
-
837
391
  /**
838
392
  * @description - кастомный эффект, для кейсов где понадобится
839
393
  * стопать и перезапускать один и тот же эффект.
@@ -955,12 +509,6 @@ declare function useKeyboard(handlers: KeyboardHandlers, options?: UseKeyboardOp
955
509
 
956
510
  declare function useMenu(): any;
957
511
 
958
- declare function useMenuPresets({ props }: {
959
- props: CMenuProps;
960
- }): vue.ComputedRef<{
961
- root: string[];
962
- }>;
963
-
964
512
  declare function clearOverlayStack(): void;
965
513
  declare function useOverlayStack(): {
966
514
  register: () => number;
@@ -970,25 +518,11 @@ declare function useOverlayStack(): {
970
518
  type PresetProps = {
971
519
  preset?: string;
972
520
  };
973
- declare const makePresetProps: {
974
- <TDefaults extends Partial<Record<"preset", unknown>>>(defaults: TDefaults): {
975
- preset: "preset" extends infer T ? T extends "preset" ? T extends keyof TDefaults ? {
976
- preset: StringConstructor;
977
- }[T] & {
978
- default: TDefaults[T];
979
- } : {
980
- preset: StringConstructor;
981
- }[T] : never : never;
982
- };
983
- (): {
984
- preset: StringConstructor;
985
- };
986
- };
987
521
  declare function usePresets<T>(props: PresetProps): ComputedRef<Maybe<T>>;
988
522
 
989
523
  declare function useSelectControl(): any;
990
524
 
991
525
  declare function useToggle(value?: boolean): [ShallowRef<boolean>, () => void];
992
526
 
993
- export { InputEvents, breakpoints, clearOverlayStack, createDialogsStack, makeActivatorProps, makeAutoPositionProps, makeDelayProps, makePresetProps, useActivator, useAppScroll, useApplication, useAutoPosition, useAutocomplete, useButtonPresets, useCore, useDelayedActions, useDialogsStack, useDisplay, useEffect, useForm, useIcon, useId, useInputPresets, useKeyboard, useMenu, useMenuPresets, useNormalizedItems, useOverlayStack, usePresets, useSelectControl, useSelectedChips, useToggle, useValidate };
994
- export type { ActivatorListeners, ActivatorProps, AppBreakpoints, AutoPositionProps, ComponentIconData, DelayProps, DialogStackItem, DialogsStackAPI, Dimensions, FontIconData, IconMode, IconResolver, IconResolverResult, IdOptions, IterableItemsProps, KeyboardHandler, KeyboardHandlers, KeyboardKey, LoosePath, NormalizedItem, Path, PresetProps, Primitive, ResolvedIcon, SelectableEventProps, SelectableProps, SelectablePublicProps, SpriteIconData, SvgIconData, UseIconOptions, UseKeyboardOptions, ValidateFn, ValidateOn, ValidateProps, ValidateResult, ValidateState };
527
+ export { InputEvents, breakpoints, clearOverlayStack, createDialogsStack, useActivator, useApplication, useApplicationScroll, useAriaActivator, useAriaDialog, useAriaField, useAriaListbox, useAriaToggle, useAutoPosition, useAutocomplete, useBreakpoints, useButtonPresets, useCore, useDelayedActions, useDialogsStack, useDisplay, useEffect, useForm, useIcon, useId, useInputPresets, useKeyboard, useMenu, useNormalizedItems, useOverlayStack, usePresets, useSelectControl, useSelectedChips, useToggle, useValidate };
528
+ export type { ActivatorListeners, ActivatorProps, AlignSide, AlignValue, AriaActivatorState, AriaDialogState, AriaFieldState, AriaListboxState, AriaToggleMode, AriaToggleState, AutoPositionProps, Breakpoints, ComponentIconData, DelayProps, DialogStackItem, DialogsStackAPI, Dimensions, Display, FontIconData, IconMode, IconResolver, IconResolverResult, IdOptions, IterableItemsProps, KeyboardHandler, KeyboardHandlers, KeyboardKey, LoosePath, NormalizedItem, Path, PresetProps, Primitive, ResolvedIcon, SelectableEventProps, SelectableProps, SelectablePublicProps, SpriteIconData, SvgIconData, UseIconOptions, UseKeyboardOptions, ValidateFn, ValidateOn, ValidateProps, ValidateResult, ValidateState };