@stacksjs/components 0.2.5 → 0.2.8
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.
- package/README.md +2 -2
- package/dist/components/index.d.ts +1 -1
- package/dist/composables/index.d.ts +1 -1
- package/dist/composables/useCopyCode.d.ts +1 -1
- package/dist/composables/useDarkMode.d.ts +1 -1
- package/dist/composables/useSEO.d.ts +2 -2
- package/dist/composables/utilities/index.d.ts +2 -1
- package/dist/composables/utilities/useClickOutside.d.ts +1 -1
- package/dist/composables/utilities/useFocusTrap.d.ts +1 -1
- package/dist/composables/utilities/useKeyboard.d.ts +1 -1
- package/dist/composables/utilities/useLocalStorage.d.ts +2 -2
- package/dist/composables/utilities/useMediaQuery.d.ts +1 -1
- package/dist/index.d.ts +6 -1
- package/dist/index.js +6 -6
- package/dist/ui/accordion/index.d.ts +1 -1
- package/dist/ui/audio/index.d.ts +1 -1
- package/dist/ui/auth/index.d.ts +1 -1
- package/dist/ui/avatar/index.d.ts +1 -1
- package/dist/ui/badge/index.d.ts +1 -1
- package/dist/ui/breadcrumb/index.d.ts +1 -1
- package/dist/ui/button/index.d.ts +3 -3
- package/dist/ui/calendar/index.d.ts +1 -1
- package/dist/ui/card/index.d.ts +1 -1
- package/dist/ui/checkbox/index.d.ts +1 -1
- package/dist/ui/combobox/index.d.ts +1 -1
- package/dist/ui/command-palette/index.d.ts +1 -1
- package/dist/ui/dialog/index.d.ts +1 -1
- package/dist/ui/drawer/index.d.ts +1 -1
- package/dist/ui/dropdown/index.d.ts +1 -1
- package/dist/ui/form/index.d.ts +4 -4
- package/dist/ui/image/index.d.ts +1 -1
- package/dist/ui/input/index.d.ts +7 -7
- package/dist/ui/listbox/index.d.ts +1 -1
- package/dist/ui/navigator/index.d.ts +1 -1
- package/dist/ui/notification/index.d.ts +1 -1
- package/dist/ui/pagination/index.d.ts +1 -1
- package/dist/ui/payment/index.d.ts +1 -1
- package/dist/ui/popover/index.d.ts +1 -1
- package/dist/ui/portal/index.d.ts +1 -1
- package/dist/ui/progress/index.d.ts +1 -1
- package/dist/ui/radio/index.d.ts +1 -1
- package/dist/ui/radio-group/index.d.ts +1 -1
- package/dist/ui/select/index.d.ts +1 -1
- package/dist/ui/sidebar/index.d.ts +2 -2
- package/dist/ui/skeleton/index.d.ts +1 -1
- package/dist/ui/spinner/index.d.ts +1 -1
- package/dist/ui/stepper/index.d.ts +1 -1
- package/dist/ui/storage/index.d.ts +3 -14
- package/dist/ui/switch/index.d.ts +1 -1
- package/dist/ui/table/index.d.ts +1 -1
- package/dist/ui/tabs/index.d.ts +1 -1
- package/dist/ui/teleport/index.d.ts +1 -1
- package/dist/ui/textarea/index.d.ts +1 -1
- package/dist/ui/tooltip/index.d.ts +1 -1
- package/dist/ui/transition/index.d.ts +1 -1
- package/dist/ui/video/index.d.ts +1 -1
- package/dist/ui/virtual-list/index.d.ts +1 -1
- package/dist/ui/virtual-table/index.d.ts +1 -1
- package/dist/utils/accessibility.d.ts +30 -15
- package/dist/utils/animation/easing.d.ts +1 -76
- package/dist/utils/animation/helpers.d.ts +2 -9
- package/dist/utils/animation/index.d.ts +2 -1
- package/dist/utils/animation/keyframes.d.ts +2 -1
- package/dist/utils/error-handling.d.ts +22 -26
- package/dist/utils/highlighter.d.ts +2 -1
- package/dist/utils/i18n.d.ts +91 -48
- package/dist/utils/keep-alive.d.ts +1 -1
- package/dist/utils/lazy-loading.d.ts +2 -2
- package/dist/utils/prop-validation.d.ts +7 -6
- package/dist/utils/theme.d.ts +1 -1
- package/package.json +6 -6
- package/src/composables/utilities/useLocalStorage.ts +4 -4
- package/src/ui/storage/index.ts +1 -1
- package/src/utils/accessibility.ts +1 -1
- package/src/utils/animation/easing.ts +1 -1
- package/src/utils/animation/helpers.ts +1 -1
- package/src/utils/animation/keyframes.ts +1 -1
- package/src/utils/error-handling.ts +1 -1
- package/src/utils/i18n.ts +1 -1
- package/src/utils/lazy-loading.ts +1 -1
- package/src/utils/prop-validation.ts +5 -5
- package/dist/CodeBlock-mwex82cm.stx +0 -57
- package/dist/Footer-xdaf02nr.stx +0 -66
- package/dist/Hero-9vvp7pxf.stx +0 -25
- package/dist/Installation-33bj4rm7.stx +0 -39
|
@@ -32,4 +32,4 @@ export { default as Combobox } from './Combobox.stx';
|
|
|
32
32
|
export { default as ComboboxButton } from './ComboboxButton.stx';
|
|
33
33
|
export { default as ComboboxInput } from './ComboboxInput.stx';
|
|
34
34
|
export { default as ComboboxOption } from './ComboboxOption.stx';
|
|
35
|
-
export { default as ComboboxOptions } from './ComboboxOptions.stx';
|
|
35
|
+
export { default as ComboboxOptions } from './ComboboxOptions.stx';
|
|
@@ -10,4 +10,4 @@ export declare interface CommandPaletteItemProps {
|
|
|
10
10
|
onClick?: () => void
|
|
11
11
|
}
|
|
12
12
|
export { default as CommandPalette } from './CommandPalette.stx';
|
|
13
|
-
export { default as CommandPaletteItem } from './CommandPaletteItem.stx';
|
|
13
|
+
export { default as CommandPaletteItem } from './CommandPaletteItem.stx';
|
|
@@ -24,4 +24,4 @@ export { default as Dialog } from './Dialog.stx';
|
|
|
24
24
|
export { default as DialogBackdrop } from './DialogBackdrop.stx';
|
|
25
25
|
export { default as DialogDescription } from './DialogDescription.stx';
|
|
26
26
|
export { default as DialogPanel } from './DialogPanel.stx';
|
|
27
|
-
export { default as DialogTitle } from './DialogTitle.stx';
|
|
27
|
+
export { default as DialogTitle } from './DialogTitle.stx';
|
|
@@ -22,4 +22,4 @@ export declare interface DropdownItemProps {
|
|
|
22
22
|
export { default as Dropdown } from './Dropdown.stx';
|
|
23
23
|
export { default as DropdownButton } from './DropdownButton.stx';
|
|
24
24
|
export { default as DropdownItem } from './DropdownItem.stx';
|
|
25
|
-
export { default as DropdownItems } from './DropdownItems.stx';
|
|
25
|
+
export { default as DropdownItems } from './DropdownItems.stx';
|
package/dist/ui/form/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { PropSchema
|
|
1
|
+
import type { PropSchema } from '../../utils/prop-validation';
|
|
2
2
|
/**
|
|
3
3
|
* Form prop validation schema
|
|
4
4
|
*/
|
|
@@ -6,7 +6,7 @@ export declare const formPropSchema: PropSchema;
|
|
|
6
6
|
/**
|
|
7
7
|
* Validate Form component props
|
|
8
8
|
*/
|
|
9
|
-
export declare const validateFormProps: (props: Record<string, any>)
|
|
9
|
+
export declare const validateFormProps: (props: Record<string, any>);
|
|
10
10
|
export declare interface FieldSchema {
|
|
11
11
|
required?: boolean
|
|
12
12
|
requiredMessage?: string
|
|
@@ -19,7 +19,7 @@ export declare interface FieldSchema {
|
|
|
19
19
|
validate?: (value: any, values: Record<string, any>) => string | null | undefined
|
|
20
20
|
}
|
|
21
21
|
export declare interface ValidationSchema {
|
|
22
|
-
|
|
22
|
+
[fieldName: string]: FieldSchema
|
|
23
23
|
}
|
|
24
24
|
export declare interface FormHelpers {
|
|
25
25
|
setErrors: (errors: Record<string, string>) => void
|
|
@@ -45,4 +45,4 @@ export declare interface FieldProps {
|
|
|
45
45
|
onChange: (event: Event) => void
|
|
46
46
|
onBlur: (event: Event) => void
|
|
47
47
|
}
|
|
48
|
-
export { default as Form } from './Form.stx';
|
|
48
|
+
export { default as Form } from './Form.stx';
|
package/dist/ui/image/index.d.ts
CHANGED
package/dist/ui/input/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { PropSchema
|
|
1
|
+
import type { PropSchema } from '../../utils/prop-validation';
|
|
2
2
|
/**
|
|
3
3
|
* TextInput prop validation schema
|
|
4
4
|
*/
|
|
@@ -10,23 +10,23 @@ export declare const numberInputPropSchema: PropSchema;
|
|
|
10
10
|
/**
|
|
11
11
|
* Validate TextInput component props
|
|
12
12
|
*/
|
|
13
|
-
export declare const validateTextInputProps: (props: Record<string, any>)
|
|
13
|
+
export declare const validateTextInputProps: (props: Record<string, any>);
|
|
14
14
|
/**
|
|
15
15
|
* Validate EmailInput component props
|
|
16
16
|
*/
|
|
17
|
-
export declare const validateEmailInputProps: (props: Record<string, any>)
|
|
17
|
+
export declare const validateEmailInputProps: (props: Record<string, any>);
|
|
18
18
|
/**
|
|
19
19
|
* Validate PasswordInput component props
|
|
20
20
|
*/
|
|
21
|
-
export declare const validatePasswordInputProps: (props: Record<string, any>)
|
|
21
|
+
export declare const validatePasswordInputProps: (props: Record<string, any>);
|
|
22
22
|
/**
|
|
23
23
|
* Validate NumberInput component props
|
|
24
24
|
*/
|
|
25
|
-
export declare const validateNumberInputProps: (props: Record<string, any>)
|
|
25
|
+
export declare const validateNumberInputProps: (props: Record<string, any>);
|
|
26
26
|
/**
|
|
27
27
|
* Validate SearchInput component props
|
|
28
28
|
*/
|
|
29
|
-
export declare const validateSearchInputProps: (props: Record<string, any>)
|
|
29
|
+
export declare const validateSearchInputProps: (props: Record<string, any>);
|
|
30
30
|
export declare interface BaseInputProps {
|
|
31
31
|
value?: string
|
|
32
32
|
onChange?: (value: string) => void
|
|
@@ -70,4 +70,4 @@ export { default as EmailInput } from './EmailInput.stx';
|
|
|
70
70
|
export { default as NumberInput } from './NumberInput.stx';
|
|
71
71
|
export { default as PasswordInput } from './PasswordInput.stx';
|
|
72
72
|
export { default as SearchInput } from './SearchInput.stx';
|
|
73
|
-
export { default as TextInput } from './TextInput.stx';
|
|
73
|
+
export { default as TextInput } from './TextInput.stx';
|
|
@@ -31,4 +31,4 @@ export { default as Listbox } from './Listbox.stx';
|
|
|
31
31
|
export { default as ListboxButton } from './ListboxButton.stx';
|
|
32
32
|
export { default as ListboxLabel } from './ListboxLabel.stx';
|
|
33
33
|
export { default as ListboxOption } from './ListboxOption.stx';
|
|
34
|
-
export { default as ListboxOptions } from './ListboxOptions.stx';
|
|
34
|
+
export { default as ListboxOptions } from './ListboxOptions.stx';
|
|
@@ -50,4 +50,4 @@ export declare interface CheckoutProps {
|
|
|
50
50
|
export { default as Checkout } from './Checkout.stx';
|
|
51
51
|
export { default as DefaultPaymentMethod } from './DefaultPaymentMethod.stx';
|
|
52
52
|
export { default as PaymentMethods } from './PaymentMethods.stx';
|
|
53
|
-
export { default as SubscriptionCheckout } from './SubscriptionCheckout.stx';
|
|
53
|
+
export { default as SubscriptionCheckout } from './SubscriptionCheckout.stx';
|
|
@@ -16,4 +16,4 @@ export declare interface PopoverPanelProps {
|
|
|
16
16
|
}
|
|
17
17
|
export { default as Popover } from './Popover.stx';
|
|
18
18
|
export { default as PopoverButton } from './PopoverButton.stx';
|
|
19
|
-
export { default as PopoverPanel } from './PopoverPanel.stx';
|
|
19
|
+
export { default as PopoverPanel } from './PopoverPanel.stx';
|
package/dist/ui/radio/index.d.ts
CHANGED
|
@@ -23,4 +23,4 @@ export declare interface RadioGroupDescriptionProps {
|
|
|
23
23
|
export { default as RadioGroup } from './RadioGroup.stx';
|
|
24
24
|
export { default as RadioGroupDescription } from './RadioGroupDescription.stx';
|
|
25
25
|
export { default as RadioGroupLabel } from './RadioGroupLabel.stx';
|
|
26
|
-
export { default as RadioGroupOption } from './RadioGroupOption.stx';
|
|
26
|
+
export { default as RadioGroupOption } from './RadioGroupOption.stx';
|
|
@@ -87,7 +87,7 @@ export declare interface NativeSidebarConfig {
|
|
|
87
87
|
header?: {
|
|
88
88
|
title?: string
|
|
89
89
|
subtitle?: string
|
|
90
|
-
icon?: string
|
|
90
|
+
icon?: string
|
|
91
91
|
}
|
|
92
92
|
searchPlaceholder?: string
|
|
93
93
|
sections: NativeSidebarSection[]
|
|
@@ -126,4 +126,4 @@ export { default as Sidebar } from './Sidebar.stx';
|
|
|
126
126
|
export { default as SidebarSection } from './SidebarSection.stx';
|
|
127
127
|
export { default as SidebarItem } from './SidebarItem.stx';
|
|
128
128
|
export { default as SidebarHeader } from './SidebarHeader.stx';
|
|
129
|
-
export { default as SidebarFooter } from './SidebarFooter.stx';
|
|
129
|
+
export { default as SidebarFooter } from './SidebarFooter.stx';
|
|
@@ -11,23 +11,12 @@ export declare interface StorageOptions {
|
|
|
11
11
|
encrypt?: boolean
|
|
12
12
|
compress?: boolean
|
|
13
13
|
}
|
|
14
|
-
declare type StorageWatchCallback = (
|
|
14
|
+
declare type StorageWatchCallback = (_newValue: any, _oldValue: any, _key: string) => void;
|
|
15
15
|
export declare class StorageManager {
|
|
16
|
-
|
|
17
|
-
private namespace: string;
|
|
18
|
-
private watchers: Map<string, Set<StorageWatchCallback>>;
|
|
19
|
-
private encryptionKey: any;
|
|
20
|
-
constructor(type?: 'local' | 'session', namespace?: any);
|
|
21
|
-
private handleStorageEvent(event: StorageEvent): void;
|
|
22
|
-
private encrypt(data: string): string;
|
|
23
|
-
private decrypt(data: string): string;
|
|
24
|
-
private compress(data: string): string;
|
|
25
|
-
private decompress(data: string): string;
|
|
26
|
-
private getKey(key: string): string;
|
|
16
|
+
constructor(type?: 'local' | 'session', namespace?: string);
|
|
27
17
|
set(key: string, value: any, options?: StorageOptions): void;
|
|
28
18
|
get<T = any>(key: string): T | null;
|
|
29
19
|
watch(key: string, callback: StorageWatchCallback): () => void;
|
|
30
|
-
private notifyWatchers(key: string, newValue: any, oldValue: any): void;
|
|
31
20
|
remove(key: string): void;
|
|
32
21
|
clear(): void;
|
|
33
22
|
has(key: string): boolean;
|
|
@@ -37,4 +26,4 @@ export declare class StorageManager {
|
|
|
37
26
|
setMany(items: Record<string, any>, options?: StorageOptions): void;
|
|
38
27
|
getMany<T = any>(keys: string[]): Record<string, T | null>;
|
|
39
28
|
removeMany(keys: string[]): void;
|
|
40
|
-
}
|
|
29
|
+
}
|
package/dist/ui/table/index.d.ts
CHANGED
|
@@ -26,4 +26,4 @@ export { default as TableBody } from './TableBody.stx';
|
|
|
26
26
|
export { default as TableCell } from './TableCell.stx';
|
|
27
27
|
export { default as TableHead } from './TableHead.stx';
|
|
28
28
|
export { default as TableHeader } from './TableHeader.stx';
|
|
29
|
-
export { default as TableRow } from './TableRow.stx';
|
|
29
|
+
export { default as TableRow } from './TableRow.stx';
|
package/dist/ui/tabs/index.d.ts
CHANGED
package/dist/ui/video/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare function generateId(prefix?:
|
|
1
|
+
export declare function generateId(prefix?: string): string;
|
|
2
2
|
/**
|
|
3
3
|
* Create accessible label and associate with element
|
|
4
4
|
*
|
|
@@ -80,7 +80,7 @@ export declare function getColorSchemePreference(): 'light' | 'dark' | null;
|
|
|
80
80
|
*
|
|
81
81
|
* Creates a skip link that appears on focus
|
|
82
82
|
*/
|
|
83
|
-
export declare function createSkipLink(targetId: string, text?:
|
|
83
|
+
export declare function createSkipLink(targetId: string, text?: string): HTMLAnchorElement;
|
|
84
84
|
/**
|
|
85
85
|
* Validate ARIA relationships
|
|
86
86
|
*
|
|
@@ -106,48 +106,63 @@ export declare const KeyboardKeys: {
|
|
|
106
106
|
};
|
|
107
107
|
/**
|
|
108
108
|
* ARIA attribute helpers
|
|
109
|
+
* @defaultValue
|
|
110
|
+
* ```ts
|
|
111
|
+
* {
|
|
112
|
+
* setExpanded: (element: HTMLElement, expanded: boolean) => unknown,
|
|
113
|
+
* setSelected: (element: HTMLElement, selected: boolean) => unknown,
|
|
114
|
+
* setChecked: (element: HTMLElement, checked: boolean | 'mixed') => unknown,
|
|
115
|
+
* setDisabled: (element: HTMLElement, disabled: boolean) => unknown,
|
|
116
|
+
* setHidden: (element: HTMLElement, hidden: boolean) => unknown,
|
|
117
|
+
* setPressed: (element: HTMLElement, pressed: boolean) => unknown,
|
|
118
|
+
* setInvalid: (element: HTMLElement, invalid: boolean) => unknown,
|
|
119
|
+
* setRequired: (element: HTMLElement, required: boolean) => unknown,
|
|
120
|
+
* setLive: (element: HTMLElement, live: AriaLive) => unknown,
|
|
121
|
+
* setBusy: (element: HTMLElement, busy: boolean) => unknown
|
|
122
|
+
* }
|
|
123
|
+
* ```
|
|
109
124
|
*/
|
|
110
125
|
export declare const aria: {
|
|
111
126
|
/**
|
|
112
127
|
* Set aria-expanded attribute
|
|
113
128
|
*/
|
|
114
|
-
setExpanded(element: HTMLElement, expanded: boolean)
|
|
129
|
+
setExpanded: (element: HTMLElement, expanded: boolean) => unknown;
|
|
115
130
|
/**
|
|
116
131
|
* Set aria-selected attribute
|
|
117
132
|
*/
|
|
118
|
-
setSelected(element: HTMLElement, selected: boolean)
|
|
133
|
+
setSelected: (element: HTMLElement, selected: boolean) => unknown;
|
|
119
134
|
/**
|
|
120
135
|
* Set aria-checked attribute
|
|
121
136
|
*/
|
|
122
|
-
setChecked(element: HTMLElement, checked: boolean | 'mixed')
|
|
137
|
+
setChecked: (element: HTMLElement, checked: boolean | 'mixed') => unknown;
|
|
123
138
|
/**
|
|
124
139
|
* Set aria-disabled attribute
|
|
125
140
|
*/
|
|
126
|
-
setDisabled(element: HTMLElement, disabled: boolean)
|
|
141
|
+
setDisabled: (element: HTMLElement, disabled: boolean) => unknown;
|
|
127
142
|
/**
|
|
128
143
|
* Set aria-hidden attribute
|
|
129
144
|
*/
|
|
130
|
-
setHidden(element: HTMLElement, hidden: boolean)
|
|
145
|
+
setHidden: (element: HTMLElement, hidden: boolean) => unknown;
|
|
131
146
|
/**
|
|
132
147
|
* Set aria-pressed attribute (for toggle buttons)
|
|
133
148
|
*/
|
|
134
|
-
setPressed(element: HTMLElement, pressed: boolean)
|
|
149
|
+
setPressed: (element: HTMLElement, pressed: boolean) => unknown;
|
|
135
150
|
/**
|
|
136
151
|
* Set aria-invalid attribute
|
|
137
152
|
*/
|
|
138
|
-
setInvalid(element: HTMLElement, invalid: boolean)
|
|
153
|
+
setInvalid: (element: HTMLElement, invalid: boolean) => unknown;
|
|
139
154
|
/**
|
|
140
155
|
* Set aria-required attribute
|
|
141
156
|
*/
|
|
142
|
-
setRequired(element: HTMLElement, required: boolean)
|
|
157
|
+
setRequired: (element: HTMLElement, required: boolean) => unknown;
|
|
143
158
|
/**
|
|
144
159
|
* Set aria-live region
|
|
145
160
|
*/
|
|
146
|
-
setLive(element: HTMLElement, live: AriaLive)
|
|
161
|
+
setLive: (element: HTMLElement, live: AriaLive) => unknown;
|
|
147
162
|
/**
|
|
148
163
|
* Set aria-busy attribute
|
|
149
164
|
*/
|
|
150
|
-
setBusy(element: HTMLElement, busy: boolean)
|
|
165
|
+
setBusy: (element: HTMLElement, busy: boolean) => unknown
|
|
151
166
|
};
|
|
152
167
|
/**
|
|
153
168
|
* Focus trap options
|
|
@@ -157,7 +172,7 @@ export declare interface FocusTrapOptions {
|
|
|
157
172
|
returnFocus?: HTMLElement | null
|
|
158
173
|
escapeDeactivates?: boolean
|
|
159
174
|
clickOutsideDeactivates?: boolean
|
|
160
|
-
allowOutsideClick?: boolean | ((
|
|
175
|
+
allowOutsideClick?: boolean | ((_event: MouseEvent) => boolean)
|
|
161
176
|
onActivate?: () => void
|
|
162
177
|
onDeactivate?: () => void
|
|
163
178
|
}
|
|
@@ -210,7 +225,7 @@ export declare interface RovingTabindexOptions {
|
|
|
210
225
|
/**
|
|
211
226
|
* ARIA live region types
|
|
212
227
|
*/
|
|
213
|
-
export type AriaLive = 'off' | 'polite' | 'assertive'
|
|
228
|
+
export type AriaLive = 'off' | 'polite' | 'assertive';
|
|
214
229
|
/**
|
|
215
230
|
* ARIA role types
|
|
216
231
|
*/
|
|
@@ -282,4 +297,4 @@ export type AriaRole = | 'alert'
|
|
|
282
297
|
| 'tooltip'
|
|
283
298
|
| 'tree'
|
|
284
299
|
| 'treegrid'
|
|
285
|
-
| 'treeitem'
|
|
300
|
+
| 'treeitem';
|
|
@@ -14,81 +14,6 @@ export declare const easeOutQuad: EasingFunction;
|
|
|
14
14
|
* Quadratic ease-in-out - acceleration until halfway, then deceleration
|
|
15
15
|
*/
|
|
16
16
|
export declare const easeInOutQuad: EasingFunction;
|
|
17
|
-
// Cubic
|
|
18
|
-
export declare const easeInCubic: EasingFunction;
|
|
19
|
-
export declare const easeOutCubic: EasingFunction;
|
|
20
|
-
export declare const easeInOutCubic: EasingFunction;
|
|
21
|
-
// Quartic
|
|
22
|
-
export declare const easeInQuart: EasingFunction;
|
|
23
|
-
export declare const easeOutQuart: EasingFunction;
|
|
24
|
-
export declare const easeInOutQuart: EasingFunction;
|
|
25
|
-
// Quintic
|
|
26
|
-
export declare const easeInQuint: EasingFunction;
|
|
27
|
-
export declare const easeOutQuint: EasingFunction;
|
|
28
|
-
export declare const easeInOutQuint: EasingFunction;
|
|
29
|
-
// Sinusoidal
|
|
30
|
-
export declare const easeInSine: EasingFunction;
|
|
31
|
-
export declare const easeOutSine: EasingFunction;
|
|
32
|
-
export declare const easeInOutSine: EasingFunction;
|
|
33
|
-
// Exponential
|
|
34
|
-
export declare const easeInExpo: EasingFunction;
|
|
35
|
-
export declare const easeOutExpo: EasingFunction;
|
|
36
|
-
export declare const easeInOutExpo: EasingFunction;
|
|
37
|
-
// Circular
|
|
38
|
-
export declare const easeInCirc: EasingFunction;
|
|
39
|
-
export declare const easeOutCirc: EasingFunction;
|
|
40
|
-
export declare const easeInOutCirc: EasingFunction;
|
|
41
|
-
// Elastic
|
|
42
|
-
export declare const easeInElastic: EasingFunction;
|
|
43
|
-
export declare const easeOutElastic: EasingFunction;
|
|
44
|
-
export declare const easeInOutElastic: EasingFunction;
|
|
45
|
-
// Back
|
|
46
|
-
export declare const easeInBack: EasingFunction;
|
|
47
|
-
export declare const easeOutBack: EasingFunction;
|
|
48
|
-
export declare const easeInOutBack: EasingFunction;
|
|
49
|
-
// Bounce
|
|
50
|
-
export declare const easeOutBounce: EasingFunction;
|
|
51
|
-
export declare const easeInBounce: EasingFunction;
|
|
52
|
-
export declare const easeInOutBounce: EasingFunction;
|
|
53
|
-
/**
|
|
54
|
-
* Object containing all easing functions
|
|
55
|
-
*
|
|
56
|
-
* Available easings: Linear, Quad, Cubic, Quart, Quint, Sine, Expo, Circ, Elastic, Back, Bounce
|
|
57
|
-
* Each with In, Out, InOut variants (except Linear)
|
|
58
|
-
*/
|
|
59
|
-
export declare const Easing: {
|
|
60
|
-
linear: EasingFunction
|
|
61
|
-
easeInQuad: EasingFunction
|
|
62
|
-
easeOutQuad: EasingFunction
|
|
63
|
-
easeInOutQuad: EasingFunction
|
|
64
|
-
easeInCubic: EasingFunction
|
|
65
|
-
easeOutCubic: EasingFunction
|
|
66
|
-
easeInOutCubic: EasingFunction
|
|
67
|
-
easeInQuart: EasingFunction
|
|
68
|
-
easeOutQuart: EasingFunction
|
|
69
|
-
easeInOutQuart: EasingFunction
|
|
70
|
-
easeInQuint: EasingFunction
|
|
71
|
-
easeOutQuint: EasingFunction
|
|
72
|
-
easeInOutQuint: EasingFunction
|
|
73
|
-
easeInSine: EasingFunction
|
|
74
|
-
easeOutSine: EasingFunction
|
|
75
|
-
easeInOutSine: EasingFunction
|
|
76
|
-
easeInExpo: EasingFunction
|
|
77
|
-
easeOutExpo: EasingFunction
|
|
78
|
-
easeInOutExpo: EasingFunction
|
|
79
|
-
easeInCirc: EasingFunction
|
|
80
|
-
easeOutCirc: EasingFunction
|
|
81
|
-
easeInOutCirc: EasingFunction
|
|
82
|
-
easeInElastic: EasingFunction
|
|
83
|
-
easeOutElastic: EasingFunction
|
|
84
|
-
easeInOutElastic: EasingFunction
|
|
85
|
-
easeInBack: EasingFunction
|
|
86
|
-
easeOutBack: EasingFunction
|
|
87
|
-
easeInOutBack: EasingFunction
|
|
88
|
-
easeInBounce: EasingFunction
|
|
89
|
-
easeOutBounce: EasingFunction
|
|
90
|
-
easeInOutBounce: EasingFunction
|
|
91
|
-
};
|
|
92
17
|
/**
|
|
93
18
|
* Easing functions for smooth animations
|
|
94
19
|
*
|
|
@@ -109,4 +34,4 @@ export declare const Easing: {
|
|
|
109
34
|
/**
|
|
110
35
|
* Easing function type signature
|
|
111
36
|
*/
|
|
112
|
-
export type EasingFunction = (
|
|
37
|
+
export type EasingFunction = (_t: number, _b: number, _c: number, _d: number) => number;
|
|
@@ -51,7 +51,7 @@ export declare function sequenceAnimations(element: HTMLElement, animations: Arr
|
|
|
51
51
|
* @param duration - Duration in milliseconds before removing class
|
|
52
52
|
* @returns Promise that resolves when animation completes
|
|
53
53
|
*/
|
|
54
|
-
export declare function animateWithClass(element: HTMLElement, animationClass: string, duration?:
|
|
54
|
+
export declare function animateWithClass(element: HTMLElement, animationClass: string, duration?: number): Promise<void>;
|
|
55
55
|
/**
|
|
56
56
|
* Create custom CSS @keyframes rule dynamically
|
|
57
57
|
*
|
|
@@ -71,24 +71,17 @@ export declare function createKeyframes(name: string, frames: Record<string, Rec
|
|
|
71
71
|
* Predefined CSS animation class names (compatible with Tailwind/headwind)
|
|
72
72
|
*/
|
|
73
73
|
export declare const AnimationClasses: {
|
|
74
|
-
// Fade
|
|
75
74
|
fadeIn: 'animate-fade-in';
|
|
76
75
|
fadeOut: 'animate-fade-out';
|
|
77
|
-
// Slide
|
|
78
76
|
slideInUp: 'animate-slide-in-up';
|
|
79
77
|
slideInDown: 'animate-slide-in-down';
|
|
80
78
|
slideInLeft: 'animate-slide-in-left';
|
|
81
79
|
slideInRight: 'animate-slide-in-right';
|
|
82
|
-
// Zoom
|
|
83
80
|
zoomIn: 'animate-zoom-in';
|
|
84
81
|
zoomOut: 'animate-zoom-out';
|
|
85
|
-
// Bounce
|
|
86
82
|
bounce: 'animate-bounce';
|
|
87
|
-
// Spin
|
|
88
83
|
spin: 'animate-spin';
|
|
89
|
-
// Ping
|
|
90
84
|
ping: 'animate-ping';
|
|
91
|
-
// Pulse
|
|
92
85
|
pulse: 'animate-pulse'
|
|
93
86
|
};
|
|
94
87
|
/**
|
|
@@ -116,4 +109,4 @@ export declare interface CSSAnimationOptions {
|
|
|
116
109
|
direction?: string
|
|
117
110
|
fill?: string
|
|
118
111
|
playState?: string
|
|
119
|
-
}
|
|
112
|
+
}
|
|
@@ -316,6 +316,7 @@ export declare const KeyframeAnimations: {
|
|
|
316
316
|
*/
|
|
317
317
|
export declare interface Keyframe {
|
|
318
318
|
offset: number
|
|
319
|
+
[property: string]: any
|
|
319
320
|
}
|
|
320
321
|
/**
|
|
321
322
|
* Animation configuration options
|
|
@@ -331,4 +332,4 @@ export declare interface AnimationOptions {
|
|
|
331
332
|
/**
|
|
332
333
|
* Type for predefined animation names
|
|
333
334
|
*/
|
|
334
|
-
export type KeyframeAnimationName = keyof typeof KeyframeAnimations
|
|
335
|
+
export type KeyframeAnimationName = keyof typeof KeyframeAnimations;
|