@koine/react 1.2.3 → 2.0.0-alpha.2
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/Alert/Alert.d.ts +1 -1
- package/Animations/Reveal.d.ts +1 -1
- package/Animations/Reveal.js +1 -1
- package/Animations/Reveal.mjs +1 -1
- package/Animations/useReveal.d.ts +1 -0
- package/Autocomplete/AutocompleteMui.d.ts +3 -3
- package/Autocomplete/AutocompleteMui.js +7 -7
- package/Autocomplete/AutocompleteMui.mjs +6 -6
- package/Bg/BgColor.d.ts +1 -1
- package/Bg/BgColor.js +1 -1
- package/Bg/BgColor.mjs +1 -1
- package/Bg/BgPhoto.d.ts +1 -1
- package/Bg/BgPhoto.js +1 -1
- package/Bg/BgPhoto.mjs +1 -1
- package/Bg/BgSvg.d.ts +1 -1
- package/Bg/BgSvg.js +1 -1
- package/Bg/BgSvg.mjs +2 -2
- package/Breadcrumbs/Breadcrumbs.d.ts +1 -1
- package/Breadcrumbs/Breadcrumbs.js +2 -2
- package/Breadcrumbs/Breadcrumbs.mjs +2 -2
- package/Buttons/ButtonComposite.d.ts +1 -1
- package/Buttons/ButtonComposite.js +1 -1
- package/Buttons/ButtonComposite.mjs +1 -1
- package/Buttons/ButtonLink.d.ts +1 -1
- package/Calendar/CalendarDaygridCell.d.ts +1 -1
- package/Calendar/CalendarDaygridCell.js +3 -3
- package/Calendar/CalendarDaygridCell.mjs +3 -3
- package/Calendar/CalendarDaygridNav.d.ts +1 -1
- package/Calendar/CalendarDaygridTable.d.ts +1 -1
- package/Calendar/CalendarDaygridTable.js +2 -11
- package/Calendar/CalendarDaygridTable.mjs +2 -11
- package/Calendar/CalendarLegend.d.ts +1 -1
- package/Calendar/CalendarLegend.js +1 -2
- package/Calendar/CalendarLegend.mjs +1 -2
- package/Calendar/useCalendar.d.ts +1 -0
- package/Carousel/CarouselCss.d.ts +1 -1
- package/Carousel/CarouselCss.js +1 -1
- package/Carousel/CarouselCss.mjs +1 -1
- package/Debug/Debug.d.ts +1 -1
- package/Details/Details.d.ts +11 -1
- package/Details/Details.js +3 -3
- package/Details/Details.mjs +3 -3
- package/Dialog/DialogMui.d.ts +54 -13
- package/Dialog/DialogMui.js +3 -3
- package/Dialog/DialogMui.mjs +2 -2
- package/Dialog/css/bare.d.ts +54 -12
- package/Dialog/m/bare.d.ts +54 -11
- package/Dialog/m/bare.js +2 -2
- package/Dialog/m/bare.mjs +2 -2
- package/Dialog/m/index.d.ts +1 -0
- package/Dialog/sc/bare.d.ts +54 -12
- package/Dialog/sc/framer.d.ts +54 -11
- package/Dialog/sc/framerMaterial.d.ts +54 -11
- package/Dialog/sc/material.d.ts +54 -12
- package/Dialog/tw/bare.d.ts +54 -12
- package/Dialog/tw/elegant.d.ts +54 -12
- package/Dialog/tw/framer.d.ts +54 -11
- package/Dialog/tw/framerMaterial.d.ts +54 -11
- package/Dialog/tw/material.d.ts +54 -12
- package/Editor/Editor--tiptap.d.ts +2 -2
- package/Editor/Editor--tiptap.js +3 -3
- package/Editor/Editor--tiptap.mjs +3 -3
- package/FaviconTags/FaviconTags.d.ts +1 -1
- package/FaviconTags/index.d.ts +1 -1
- package/FaviconTags/index.js +4 -4
- package/FaviconTags/index.mjs +1 -1
- package/Form/Form.d.ts +1 -1
- package/Form/sc/bare.d.ts +7 -7
- package/Forms/Checkbox/Checkbox.d.ts +1 -1
- package/Forms/Feedback/Feedback.d.ts +1 -1
- package/Forms/Feedback/Feedback.js +1 -1
- package/Forms/Feedback/Feedback.mjs +2 -2
- package/Forms/Field/Field.d.ts +1 -1
- package/Forms/Field/Field.js +1 -1
- package/Forms/Field/Field.mjs +1 -1
- package/Forms/Field/FieldControl.d.ts +1 -1
- package/Forms/InputGroup/InputGroup.d.ts +1 -1
- package/Forms/Password/Password.js +1 -1
- package/Forms/Password/Password.mjs +1 -1
- package/Forms/Toggle/Toggle.d.ts +2 -2
- package/Forms/Toggle/Toggle.js +2 -2
- package/Forms/Toggle/Toggle.mjs +3 -3
- package/Forms/Toggle/useToggle.d.ts +1 -1
- package/Forms/antispam.d.ts +4 -4
- package/Forms/styles.d.ts +1 -1
- package/Hamburger/Hamburger.d.ts +1 -1
- package/Hamburger/Hamburger.js +1 -1
- package/Hamburger/Hamburger.mjs +1 -1
- package/Link/LinkBlank.d.ts +2 -2
- package/MenuItem/useMenuItem.d.ts +2 -4
- package/MenuItem/useMenuItem.js +16 -14
- package/MenuItem/useMenuItem.mjs +17 -15
- package/Meta/Meta.d.ts +1 -1
- package/NoJs/NoJs.d.ts +1 -1
- package/Pagination/PaginationNav.d.ts +1 -1
- package/Pagination/PaginationNav.js +5 -5
- package/Pagination/PaginationNav.mjs +6 -6
- package/Pagination/PaginationResults.d.ts +1 -1
- package/Pagination/PaginationResults.js +1 -1
- package/Pagination/PaginationResults.mjs +2 -2
- package/Progress/ProgressCircular.d.ts +1 -1
- package/Progress/ProgressLinear.d.ts +1 -1
- package/Progress/ProgressOverlay.d.ts +1 -1
- package/Progress/ProgressOverlay.js +3 -3
- package/Progress/ProgressOverlay.mjs +4 -4
- package/Rating/Rating.d.ts +2 -2
- package/Rating/Rating.js +1 -1
- package/Rating/Rating.mjs +1 -1
- package/Sidebar/Sidebar.d.ts +1 -1
- package/Sidebar/Sidebar.js +1 -1
- package/Sidebar/Sidebar.mjs +2 -2
- package/Spacing/Spacing.d.ts +1 -1
- package/Sticky/StickyCss.d.ts +1 -1
- package/Sticky/index.d.ts +1 -1
- package/Sticky/index.js +3 -2
- package/Sticky/index.mjs +1 -1
- package/Tabs/TabsMui.d.ts +46 -41
- package/Tabs/TabsMui.js +14 -11
- package/Tabs/TabsMui.mjs +10 -7
- package/Tabs/tw/bare.d.ts +40 -36
- package/Tabs/tw/material.d.ts +52 -54
- package/Typography/ReadMore.d.ts +1 -1
- package/Typography/ReadMore.js +1 -1
- package/Typography/ReadMore.mjs +1 -1
- package/Typography/TextLoop.d.ts +2 -2
- package/Typography/TextLoop.js +3 -3
- package/Typography/TextLoop.mjs +3 -3
- package/Typography/TypeStairs.js +1 -2
- package/Typography/TypeStairs.mjs +1 -2
- package/hooks/index.d.ts +20 -20
- package/hooks/index.js +42 -22
- package/hooks/index.mjs +21 -21
- package/hooks/useAsyncFn.d.ts +4 -4
- package/hooks/useFocus.d.ts +1 -0
- package/m/MotionProvider.d.ts +1 -1
- package/m/MotionProvider.js +1 -2
- package/m/MotionProvider.mjs +1 -2
- package/package.json +14 -18
- package/styles/index.d.ts +7 -7
- package/styles/index.js +39 -8
- package/styles/index.mjs +7 -7
- package/styles/styled.d.ts +1 -1
- package/styles/styled.js +2 -2
- package/styles/styled.mjs +2 -2
- package/styles/theme--vanilla.d.ts +1 -1
- package/styles/theme--vanilla.js +1 -1
- package/styles/theme--vanilla.mjs +1 -2
- package/typings.d.ts +6 -6
- package/hooks/useEffectOnce.d.ts +0 -6
- package/hooks/useEffectOnce.js +0 -13
- package/hooks/useEffectOnce.mjs +0 -9
- package/hooks/useMount.d.ts +0 -5
- package/hooks/useMount.js +0 -14
- package/hooks/useMount.mjs +0 -10
package/Tabs/tw/material.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
/// <reference types="react" />
|
|
2
3
|
export type { KoineTabsProps } from "./bare";
|
|
3
4
|
export declare const Root: import("react").ForwardRefExoticComponent<Omit<{
|
|
4
5
|
className?: string | undefined;
|
|
@@ -6,43 +7,39 @@ export declare const Root: import("react").ForwardRefExoticComponent<Omit<{
|
|
|
6
7
|
}, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<{
|
|
7
8
|
className?: string | undefined;
|
|
8
9
|
ref?: import("react").Ref<any> | undefined;
|
|
9
|
-
}, "ref"> & import("react").RefAttributes<import("@mui/
|
|
10
|
+
}, "ref"> & import("react").RefAttributes<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Tabs").TabsTypeMap<{}, "div">>>>>>;
|
|
10
11
|
export declare const List: import("react").ForwardRefExoticComponent<Omit<{
|
|
11
12
|
className?: string | undefined;
|
|
12
13
|
ref?: import("react").Ref<any> | undefined;
|
|
13
14
|
}, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<{
|
|
14
15
|
className?: string | undefined;
|
|
15
16
|
ref?: import("react").Ref<any> | undefined;
|
|
16
|
-
}, "ref"> & import("react").RefAttributes<import("@mui/
|
|
17
|
-
export declare const Tab: import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLProps<any> & import("@mui/base/
|
|
17
|
+
}, "ref"> & import("react").RefAttributes<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabsList").TabsListTypeMap<{}, "div">>>>>>;
|
|
18
|
+
export declare const Tab: import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLProps<any> & import("@mui/base/Tab").TabOwnProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
|
|
18
19
|
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
19
|
-
}, keyof import("@mui/base/
|
|
20
|
-
|
|
21
|
-
} & {
|
|
22
|
-
Indicator?: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("@mui/base/TabUnstyled").UseTabReturnValue, "disabled" | "selected" | "active"> & {
|
|
20
|
+
}, keyof import("@mui/base/Tab").TabOwnProps> & {
|
|
21
|
+
Indicator?: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
|
|
23
22
|
children?: import("react").ReactNode;
|
|
24
23
|
}>> | undefined;
|
|
25
24
|
} & {
|
|
26
25
|
className?: string | undefined;
|
|
27
26
|
ref?: import("react").Ref<any> | undefined;
|
|
28
|
-
}, "ref"> | Omit<import("@mui/base/
|
|
27
|
+
}, "ref"> | Omit<import("@mui/base/Tab").TabOwnProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
|
|
29
28
|
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
30
|
-
}, keyof import("@mui/base/
|
|
31
|
-
|
|
32
|
-
} & {
|
|
33
|
-
Indicator?: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("@mui/base/TabUnstyled").UseTabReturnValue, "disabled" | "selected" | "active"> & {
|
|
29
|
+
}, keyof import("@mui/base/Tab").TabOwnProps> & {
|
|
30
|
+
Indicator?: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
|
|
34
31
|
children?: import("react").ReactNode;
|
|
35
32
|
}>> | undefined;
|
|
36
33
|
} & {
|
|
37
34
|
className?: string | undefined;
|
|
38
35
|
ref?: import("react").Ref<any> | undefined;
|
|
39
36
|
}, "ref">) & import("react").RefAttributes<any>>;
|
|
40
|
-
export declare const Indicator: import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLProps<any> & Pick<import("@mui/base/
|
|
37
|
+
export declare const Indicator: import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLProps<any> & Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
|
|
41
38
|
children?: import("react").ReactNode;
|
|
42
39
|
} & {
|
|
43
40
|
className?: string | undefined;
|
|
44
41
|
ref?: import("react").Ref<any> | undefined;
|
|
45
|
-
}, "ref"> | Omit<Pick<import("@mui/base/
|
|
42
|
+
}, "ref"> | Omit<Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
|
|
46
43
|
children?: import("react").ReactNode;
|
|
47
44
|
} & {
|
|
48
45
|
className?: string | undefined;
|
|
@@ -54,10 +51,10 @@ export declare const Panel: import("react").ForwardRefExoticComponent<Omit<{
|
|
|
54
51
|
}, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<{
|
|
55
52
|
className?: string | undefined;
|
|
56
53
|
ref?: import("react").Ref<any> | undefined;
|
|
57
|
-
}, "ref"> & import("react").RefAttributes<import("@mui/
|
|
54
|
+
}, "ref"> & import("react").RefAttributes<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabPanel").TabPanelTypeMap<{}, "div">>>>>>;
|
|
58
55
|
export declare const KoineTabs: ((props: Omit<{
|
|
59
56
|
key?: import("react").Key | null | undefined;
|
|
60
|
-
value?: string | number |
|
|
57
|
+
value?: string | number | null | undefined;
|
|
61
58
|
id?: string | undefined;
|
|
62
59
|
title?: string | undefined;
|
|
63
60
|
color?: string | undefined;
|
|
@@ -65,10 +62,11 @@ export declare const KoineTabs: ((props: Omit<{
|
|
|
65
62
|
style?: import("react").CSSProperties | undefined;
|
|
66
63
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
67
64
|
defaultChecked?: boolean | undefined;
|
|
68
|
-
defaultValue?: string | number |
|
|
65
|
+
defaultValue?: string | number | null | undefined;
|
|
69
66
|
suppressContentEditableWarning?: boolean | undefined;
|
|
70
67
|
suppressHydrationWarning?: boolean | undefined;
|
|
71
68
|
accessKey?: string | undefined;
|
|
69
|
+
autoFocus?: boolean | undefined;
|
|
72
70
|
className?: string | undefined;
|
|
73
71
|
contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
|
|
74
72
|
contextMenu?: string | undefined;
|
|
@@ -84,11 +82,14 @@ export declare const KoineTabs: ((props: Omit<{
|
|
|
84
82
|
radioGroup?: string | undefined;
|
|
85
83
|
role?: import("react").AriaRole | undefined;
|
|
86
84
|
about?: string | undefined;
|
|
85
|
+
content?: string | undefined;
|
|
87
86
|
datatype?: string | undefined;
|
|
88
87
|
inlist?: any;
|
|
89
88
|
prefix?: string | undefined;
|
|
90
89
|
property?: string | undefined;
|
|
90
|
+
rel?: string | undefined;
|
|
91
91
|
resource?: string | undefined;
|
|
92
|
+
rev?: string | undefined;
|
|
92
93
|
typeof?: string | undefined;
|
|
93
94
|
vocab?: string | undefined;
|
|
94
95
|
autoCapitalize?: string | undefined;
|
|
@@ -107,14 +108,18 @@ export declare const KoineTabs: ((props: Omit<{
|
|
|
107
108
|
'aria-activedescendant'?: string | undefined;
|
|
108
109
|
'aria-atomic'?: (boolean | "true" | "false") | undefined;
|
|
109
110
|
'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
|
|
111
|
+
'aria-braillelabel'?: string | undefined;
|
|
112
|
+
'aria-brailleroledescription'?: string | undefined;
|
|
110
113
|
'aria-busy'?: (boolean | "true" | "false") | undefined;
|
|
111
114
|
'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
|
|
112
115
|
'aria-colcount'?: number | undefined;
|
|
113
116
|
'aria-colindex'?: number | undefined;
|
|
117
|
+
'aria-colindextext'?: string | undefined;
|
|
114
118
|
'aria-colspan'?: number | undefined;
|
|
115
119
|
'aria-controls'?: string | undefined;
|
|
116
120
|
'aria-current'?: boolean | "location" | "time" | "true" | "false" | "page" | "step" | "date" | undefined;
|
|
117
121
|
'aria-describedby'?: string | undefined;
|
|
122
|
+
'aria-description'?: string | undefined;
|
|
118
123
|
'aria-details'?: string | undefined;
|
|
119
124
|
'aria-disabled'?: (boolean | "true" | "false") | undefined;
|
|
120
125
|
'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
|
|
@@ -144,6 +149,7 @@ export declare const KoineTabs: ((props: Omit<{
|
|
|
144
149
|
'aria-roledescription'?: string | undefined;
|
|
145
150
|
'aria-rowcount'?: number | undefined;
|
|
146
151
|
'aria-rowindex'?: number | undefined;
|
|
152
|
+
'aria-rowindextext'?: string | undefined;
|
|
147
153
|
'aria-rowspan'?: number | undefined;
|
|
148
154
|
'aria-selected'?: (boolean | "true" | "false") | undefined;
|
|
149
155
|
'aria-setsize'?: number | undefined;
|
|
@@ -154,7 +160,7 @@ export declare const KoineTabs: ((props: Omit<{
|
|
|
154
160
|
'aria-valuetext'?: string | undefined;
|
|
155
161
|
children?: import("react").ReactNode;
|
|
156
162
|
dangerouslySetInnerHTML?: {
|
|
157
|
-
__html: string;
|
|
163
|
+
__html: string | TrustedHTML;
|
|
158
164
|
} | undefined;
|
|
159
165
|
onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
160
166
|
onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
@@ -172,7 +178,7 @@ export declare const KoineTabs: ((props: Omit<{
|
|
|
172
178
|
onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
|
|
173
179
|
onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
|
|
174
180
|
onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
|
|
175
|
-
onChange?: ((event: import("react").SyntheticEvent<Element, Event
|
|
181
|
+
onChange?: ((event: import("react").SyntheticEvent<Element, Event> | null, value: string | number | null) => void) | undefined;
|
|
176
182
|
onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
177
183
|
onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
178
184
|
onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
@@ -322,13 +328,13 @@ export declare const KoineTabs: ((props: Omit<{
|
|
|
322
328
|
orientation?: ("horizontal" | "vertical") | undefined;
|
|
323
329
|
selectionFollowsFocus?: boolean | undefined;
|
|
324
330
|
mTab?: import("framer-motion").MotionProps | undefined;
|
|
325
|
-
Root: import("@mui/
|
|
326
|
-
List: import("@mui/
|
|
327
|
-
Tab: import("@mui/
|
|
328
|
-
Indicator: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("@mui/base/
|
|
331
|
+
Root: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Tabs").TabsTypeMap<{}, "div">>;
|
|
332
|
+
List: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabsList").TabsListTypeMap<{}, "div">>;
|
|
333
|
+
Tab: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Tab").TabTypeMap<{}, "button">>;
|
|
334
|
+
Indicator: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
|
|
329
335
|
children?: import("react").ReactNode;
|
|
330
336
|
}>>;
|
|
331
|
-
Panel: import("@mui/
|
|
337
|
+
Panel: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabPanel").TabPanelTypeMap<{}, "div">>;
|
|
332
338
|
}, "ref"> & import("react").RefAttributes<HTMLDivElement>) => import("react").FunctionComponentElement<any>) & {
|
|
333
339
|
Root: import("react").ForwardRefExoticComponent<Omit<{
|
|
334
340
|
className?: string | undefined;
|
|
@@ -336,43 +342,39 @@ export declare const KoineTabs: ((props: Omit<{
|
|
|
336
342
|
}, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<{
|
|
337
343
|
className?: string | undefined;
|
|
338
344
|
ref?: import("react").Ref<any> | undefined;
|
|
339
|
-
}, "ref"> & import("react").RefAttributes<import("@mui/
|
|
345
|
+
}, "ref"> & import("react").RefAttributes<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Tabs").TabsTypeMap<{}, "div">>>>>>;
|
|
340
346
|
List: import("react").ForwardRefExoticComponent<Omit<{
|
|
341
347
|
className?: string | undefined;
|
|
342
348
|
ref?: import("react").Ref<any> | undefined;
|
|
343
349
|
}, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<{
|
|
344
350
|
className?: string | undefined;
|
|
345
351
|
ref?: import("react").Ref<any> | undefined;
|
|
346
|
-
}, "ref"> & import("react").RefAttributes<import("@mui/
|
|
347
|
-
Tab: import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLProps<any> & import("@mui/base/
|
|
352
|
+
}, "ref"> & import("react").RefAttributes<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabsList").TabsListTypeMap<{}, "div">>>>>>;
|
|
353
|
+
Tab: import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLProps<any> & import("@mui/base/Tab").TabOwnProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
|
|
348
354
|
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
349
|
-
}, keyof import("@mui/base/
|
|
350
|
-
|
|
351
|
-
} & {
|
|
352
|
-
Indicator?: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("@mui/base/TabUnstyled").UseTabReturnValue, "disabled" | "selected" | "active"> & {
|
|
355
|
+
}, keyof import("@mui/base/Tab").TabOwnProps> & {
|
|
356
|
+
Indicator?: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
|
|
353
357
|
children?: import("react").ReactNode;
|
|
354
358
|
}>> | undefined;
|
|
355
359
|
} & {
|
|
356
360
|
className?: string | undefined;
|
|
357
361
|
ref?: import("react").Ref<any> | undefined;
|
|
358
|
-
}, "ref"> | Omit<import("@mui/base/
|
|
362
|
+
}, "ref"> | Omit<import("@mui/base/Tab").TabOwnProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
|
|
359
363
|
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
360
|
-
}, keyof import("@mui/base/
|
|
361
|
-
|
|
362
|
-
} & {
|
|
363
|
-
Indicator?: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("@mui/base/TabUnstyled").UseTabReturnValue, "disabled" | "selected" | "active"> & {
|
|
364
|
+
}, keyof import("@mui/base/Tab").TabOwnProps> & {
|
|
365
|
+
Indicator?: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
|
|
364
366
|
children?: import("react").ReactNode;
|
|
365
367
|
}>> | undefined;
|
|
366
368
|
} & {
|
|
367
369
|
className?: string | undefined;
|
|
368
370
|
ref?: import("react").Ref<any> | undefined;
|
|
369
371
|
}, "ref">) & import("react").RefAttributes<any>>;
|
|
370
|
-
Indicator: import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLProps<any> & Pick<import("@mui/base/
|
|
372
|
+
Indicator: import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLProps<any> & Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
|
|
371
373
|
children?: import("react").ReactNode;
|
|
372
374
|
} & {
|
|
373
375
|
className?: string | undefined;
|
|
374
376
|
ref?: import("react").Ref<any> | undefined;
|
|
375
|
-
}, "ref"> | Omit<Pick<import("@mui/base/
|
|
377
|
+
}, "ref"> | Omit<Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
|
|
376
378
|
children?: import("react").ReactNode;
|
|
377
379
|
} & {
|
|
378
380
|
className?: string | undefined;
|
|
@@ -384,7 +386,7 @@ export declare const KoineTabs: ((props: Omit<{
|
|
|
384
386
|
}, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<{
|
|
385
387
|
className?: string | undefined;
|
|
386
388
|
ref?: import("react").Ref<any> | undefined;
|
|
387
|
-
}, "ref"> & import("react").RefAttributes<import("@mui/
|
|
389
|
+
}, "ref"> & import("react").RefAttributes<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabPanel").TabPanelTypeMap<{}, "div">>>>>>;
|
|
388
390
|
} & {
|
|
389
391
|
defaultProps: {
|
|
390
392
|
Root: import("react").ForwardRefExoticComponent<Omit<{
|
|
@@ -393,43 +395,39 @@ export declare const KoineTabs: ((props: Omit<{
|
|
|
393
395
|
}, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<{
|
|
394
396
|
className?: string | undefined;
|
|
395
397
|
ref?: import("react").Ref<any> | undefined;
|
|
396
|
-
}, "ref"> & import("react").RefAttributes<import("@mui/
|
|
398
|
+
}, "ref"> & import("react").RefAttributes<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Tabs").TabsTypeMap<{}, "div">>>>>>;
|
|
397
399
|
List: import("react").ForwardRefExoticComponent<Omit<{
|
|
398
400
|
className?: string | undefined;
|
|
399
401
|
ref?: import("react").Ref<any> | undefined;
|
|
400
402
|
}, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<{
|
|
401
403
|
className?: string | undefined;
|
|
402
404
|
ref?: import("react").Ref<any> | undefined;
|
|
403
|
-
}, "ref"> & import("react").RefAttributes<import("@mui/
|
|
404
|
-
Tab: import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLProps<any> & import("@mui/base/
|
|
405
|
+
}, "ref"> & import("react").RefAttributes<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabsList").TabsListTypeMap<{}, "div">>>>>>;
|
|
406
|
+
Tab: import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLProps<any> & import("@mui/base/Tab").TabOwnProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
|
|
405
407
|
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
406
|
-
}, keyof import("@mui/base/
|
|
407
|
-
|
|
408
|
-
} & {
|
|
409
|
-
Indicator?: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("@mui/base/TabUnstyled").UseTabReturnValue, "disabled" | "selected" | "active"> & {
|
|
408
|
+
}, keyof import("@mui/base/Tab").TabOwnProps> & {
|
|
409
|
+
Indicator?: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
|
|
410
410
|
children?: import("react").ReactNode;
|
|
411
411
|
}>> | undefined;
|
|
412
412
|
} & {
|
|
413
413
|
className?: string | undefined;
|
|
414
414
|
ref?: import("react").Ref<any> | undefined;
|
|
415
|
-
}, "ref"> | Omit<import("@mui/base/
|
|
415
|
+
}, "ref"> | Omit<import("@mui/base/Tab").TabOwnProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
|
|
416
416
|
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
417
|
-
}, keyof import("@mui/base/
|
|
418
|
-
|
|
419
|
-
} & {
|
|
420
|
-
Indicator?: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("@mui/base/TabUnstyled").UseTabReturnValue, "disabled" | "selected" | "active"> & {
|
|
417
|
+
}, keyof import("@mui/base/Tab").TabOwnProps> & {
|
|
418
|
+
Indicator?: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
|
|
421
419
|
children?: import("react").ReactNode;
|
|
422
420
|
}>> | undefined;
|
|
423
421
|
} & {
|
|
424
422
|
className?: string | undefined;
|
|
425
423
|
ref?: import("react").Ref<any> | undefined;
|
|
426
424
|
}, "ref">) & import("react").RefAttributes<any>>;
|
|
427
|
-
Indicator: import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLProps<any> & Pick<import("@mui/base/
|
|
425
|
+
Indicator: import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLProps<any> & Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
|
|
428
426
|
children?: import("react").ReactNode;
|
|
429
427
|
} & {
|
|
430
428
|
className?: string | undefined;
|
|
431
429
|
ref?: import("react").Ref<any> | undefined;
|
|
432
|
-
}, "ref"> | Omit<Pick<import("@mui/base/
|
|
430
|
+
}, "ref"> | Omit<Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
|
|
433
431
|
children?: import("react").ReactNode;
|
|
434
432
|
} & {
|
|
435
433
|
className?: string | undefined;
|
|
@@ -441,6 +439,6 @@ export declare const KoineTabs: ((props: Omit<{
|
|
|
441
439
|
}, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<{
|
|
442
440
|
className?: string | undefined;
|
|
443
441
|
ref?: import("react").Ref<any> | undefined;
|
|
444
|
-
}, "ref"> & import("react").RefAttributes<import("@mui/
|
|
442
|
+
}, "ref"> & import("react").RefAttributes<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabPanel").TabPanelTypeMap<{}, "div">>>>>>;
|
|
445
443
|
};
|
|
446
444
|
};
|
package/Typography/ReadMore.d.ts
CHANGED
|
@@ -9,4 +9,4 @@ export type ReadMoreProps = React.ComponentPropsWithoutRef<"div"> & {
|
|
|
9
9
|
/** @default "Collapse" */
|
|
10
10
|
collapse?: string;
|
|
11
11
|
};
|
|
12
|
-
export declare const ReadMore: ({ lines, lineHeight, fontSize, bg, expand, collapse, ...props }: ReadMoreProps) => JSX.Element;
|
|
12
|
+
export declare const ReadMore: ({ lines, lineHeight, fontSize, bg, expand, collapse, ...props }: ReadMoreProps) => import("react/jsx-runtime").JSX.Element;
|
package/Typography/ReadMore.js
CHANGED
|
@@ -41,7 +41,7 @@ var ReadMore = function (_a) {
|
|
|
41
41
|
(0, hooks_1.useIsomorphicLayoutEffect)(function () {
|
|
42
42
|
height.set(expanded ? fullHeight : maxHeight);
|
|
43
43
|
}, [expanded, height, fullHeight, maxHeight]);
|
|
44
|
-
return ((0, jsx_runtime_1.jsxs)(Root, { children: [(0, jsx_runtime_1.jsx)(framer_motion_1.m.div,
|
|
44
|
+
return ((0, jsx_runtime_1.jsxs)(Root, { children: [(0, jsx_runtime_1.jsx)(framer_motion_1.m.div, { style: styles, children: (0, jsx_runtime_1.jsx)(Content, tslib_1.__assign({ ref: content }, props)) }), exceeds && ((0, jsx_runtime_1.jsxs)(BtnWrap, { "$expanded": expanded, children: [(0, jsx_runtime_1.jsx)(BtnFader, { "$bg": bg }), (0, jsx_runtime_1.jsxs)(Btn, { "$fontSize": fontSize, "$lineHeight": lineHeight, onClick: handleExpandClick, "aria-expanded": expanded, "aria-label": expanded ? collapse : expand, children: [expanded ? collapse : expand, (0, jsx_runtime_1.jsx)(BtnIcon, { "$expanded": expanded })] })] }))] }));
|
|
45
45
|
};
|
|
46
46
|
exports.ReadMore = ReadMore;
|
|
47
47
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
package/Typography/ReadMore.mjs
CHANGED
|
@@ -38,6 +38,6 @@ export var ReadMore = function (_a) {
|
|
|
38
38
|
useIsomorphicLayoutEffect(function () {
|
|
39
39
|
height.set(expanded ? fullHeight : maxHeight);
|
|
40
40
|
}, [expanded, height, fullHeight, maxHeight]);
|
|
41
|
-
return (_jsxs(Root, { children: [_jsx(m.div,
|
|
41
|
+
return (_jsxs(Root, { children: [_jsx(m.div, { style: styles, children: _jsx(Content, __assign({ ref: content }, props)) }), exceeds && (_jsxs(BtnWrap, { "$expanded": expanded, children: [_jsx(BtnFader, { "$bg": bg }), _jsxs(Btn, { "$fontSize": fontSize, "$lineHeight": lineHeight, onClick: handleExpandClick, "aria-expanded": expanded, "aria-label": expanded ? collapse : expand, children: [expanded ? collapse : expand, _jsx(BtnIcon, { "$expanded": expanded })] })] }))] }));
|
|
42
42
|
};
|
|
43
43
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
package/Typography/TextLoop.d.ts
CHANGED
|
@@ -8,9 +8,9 @@ export type TextLoopPieceProps = React.PropsWithChildren<{
|
|
|
8
8
|
className?: string;
|
|
9
9
|
style?: React.CSSProperties;
|
|
10
10
|
}>;
|
|
11
|
-
export declare const TextLoopPiece: ({ text, style, className, direction, inline, noOverflow, delay, }: TextLoopPieceProps) => JSX.Element;
|
|
11
|
+
export declare const TextLoopPiece: ({ text, style, className, direction, inline, noOverflow, delay, }: TextLoopPieceProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
12
|
export type TextLoopPrpps = Omit<TextLoopPieceProps, "text"> & {
|
|
13
13
|
texts: string[];
|
|
14
14
|
interval?: number;
|
|
15
15
|
};
|
|
16
|
-
export declare const TextLoop: ({ texts, interval, ...props }: TextLoopPrpps) => JSX.Element;
|
|
16
|
+
export declare const TextLoop: ({ texts, interval, ...props }: TextLoopPrpps) => import("react/jsx-runtime").JSX.Element;
|
package/Typography/TextLoop.js
CHANGED
|
@@ -21,7 +21,7 @@ var TextLoopPiece = function (_a) {
|
|
|
21
21
|
}, delay);
|
|
22
22
|
return function () { return clearTimeout(timeoutId); };
|
|
23
23
|
}, [text, delay, inline]);
|
|
24
|
-
return ((0, jsx_runtime_1.jsxs)("div",
|
|
24
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: className, style: tslib_1.__assign(tslib_1.__assign({}, style), { position: "relative", display: inline ? "inline-block" : "block", width: width, whiteSpace: inline ? "nowrap" : "normal" }), children: [(0, jsx_runtime_1.jsx)("span", { ref: placeholderRef, style: { visibility: "hidden" } }), (0, jsx_runtime_1.jsx)("div", { style: {
|
|
25
25
|
overflow: noOverflow ? "hidden" : "visible",
|
|
26
26
|
display: "block",
|
|
27
27
|
position: "absolute",
|
|
@@ -29,13 +29,13 @@ var TextLoopPiece = function (_a) {
|
|
|
29
29
|
left: 0,
|
|
30
30
|
height: "100%",
|
|
31
31
|
width: "100%",
|
|
32
|
-
}
|
|
32
|
+
}, children: (0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, { children: (0, jsx_runtime_1.jsx)(framer_motion_1.m.div, { style: { position: "absolute" }, initial: {
|
|
33
33
|
opacity: 0,
|
|
34
34
|
y: direction === "down" ? "-100%" : "100%",
|
|
35
35
|
}, animate: { opacity: 1, y: 0 }, exit: {
|
|
36
36
|
opacity: 0,
|
|
37
37
|
y: direction === "down" ? "100%" : "-100%",
|
|
38
|
-
}
|
|
38
|
+
}, children: content.data }, content.key) }) })] }));
|
|
39
39
|
};
|
|
40
40
|
exports.TextLoopPiece = TextLoopPiece;
|
|
41
41
|
var TextLoop = function (_a) {
|
package/Typography/TextLoop.mjs
CHANGED
|
@@ -18,7 +18,7 @@ export var TextLoopPiece = function (_a) {
|
|
|
18
18
|
}, delay);
|
|
19
19
|
return function () { return clearTimeout(timeoutId); };
|
|
20
20
|
}, [text, delay, inline]);
|
|
21
|
-
return (_jsxs("div",
|
|
21
|
+
return (_jsxs("div", { className: className, style: __assign(__assign({}, style), { position: "relative", display: inline ? "inline-block" : "block", width: width, whiteSpace: inline ? "nowrap" : "normal" }), children: [_jsx("span", { ref: placeholderRef, style: { visibility: "hidden" } }), _jsx("div", { style: {
|
|
22
22
|
overflow: noOverflow ? "hidden" : "visible",
|
|
23
23
|
display: "block",
|
|
24
24
|
position: "absolute",
|
|
@@ -26,13 +26,13 @@ export var TextLoopPiece = function (_a) {
|
|
|
26
26
|
left: 0,
|
|
27
27
|
height: "100%",
|
|
28
28
|
width: "100%",
|
|
29
|
-
}
|
|
29
|
+
}, children: _jsx(AnimatePresence, { children: _jsx(m.div, { style: { position: "absolute" }, initial: {
|
|
30
30
|
opacity: 0,
|
|
31
31
|
y: direction === "down" ? "-100%" : "100%",
|
|
32
32
|
}, animate: { opacity: 1, y: 0 }, exit: {
|
|
33
33
|
opacity: 0,
|
|
34
34
|
y: direction === "down" ? "100%" : "-100%",
|
|
35
|
-
}
|
|
35
|
+
}, children: content.data }, content.key) }) })] }));
|
|
36
36
|
};
|
|
37
37
|
export var TextLoop = function (_a) {
|
|
38
38
|
var texts = _a.texts, _b = _a.interval, interval = _b === void 0 ? 3000 : _b, props = __rest(_a, ["texts", "interval"]);
|
package/Typography/TypeStairs.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.TypeStairs = void 0;
|
|
4
|
-
var tslib_1 = require("tslib");
|
|
5
4
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
5
|
var react_1 = require("react");
|
|
7
6
|
exports.TypeStairs = (0, react_1.forwardRef)(function (_a, ref) {
|
|
@@ -48,6 +47,6 @@ function renderRow(row, rowIndex, ref) {
|
|
|
48
47
|
if (letter !== " ") {
|
|
49
48
|
fontWeightIdx++;
|
|
50
49
|
}
|
|
51
|
-
return ((0, jsx_runtime_1.jsx)("span",
|
|
50
|
+
return ((0, jsx_runtime_1.jsx)("span", { style: { fontWeight: fontWeight }, ref: ref, children: letter }, "letter-".concat(rowIndex, "-").concat(letterIndex)));
|
|
52
51
|
}) }));
|
|
53
52
|
}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
2
|
import { forwardRef } from "react";
|
|
4
3
|
export var TypeStairs = forwardRef(function (_a, ref) {
|
|
@@ -45,6 +44,6 @@ function renderRow(row, rowIndex, ref) {
|
|
|
45
44
|
if (letter !== " ") {
|
|
46
45
|
fontWeightIdx++;
|
|
47
46
|
}
|
|
48
|
-
return (_jsx("span",
|
|
47
|
+
return (_jsx("span", { style: { fontWeight: fontWeight }, ref: ref, children: letter }, "letter-".concat(rowIndex, "-").concat(letterIndex)));
|
|
49
48
|
}) }));
|
|
50
49
|
}
|
package/hooks/index.d.ts
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
export
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
5
|
-
export
|
|
6
|
-
export
|
|
7
|
-
export
|
|
8
|
-
export
|
|
9
|
-
export
|
|
10
|
-
export
|
|
11
|
-
export
|
|
12
|
-
export
|
|
13
|
-
export
|
|
14
|
-
export
|
|
15
|
-
export
|
|
16
|
-
export
|
|
17
|
-
export
|
|
18
|
-
export
|
|
19
|
-
export
|
|
20
|
-
export
|
|
1
|
+
export { useAsyncFn, type UseAsyncFnReturn, type UseAsyncState, } from "./useAsyncFn";
|
|
2
|
+
export { useDateLocale } from "./useDateLocale";
|
|
3
|
+
export { useFirstMountState } from "./useFirstMountState";
|
|
4
|
+
export { useFixedOffset } from "./useFixedOffset";
|
|
5
|
+
export { useFocus } from "./useFocus";
|
|
6
|
+
export { useInterval } from "./useInterval";
|
|
7
|
+
export { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect";
|
|
8
|
+
export { useKeyUp } from "./useKeyUp";
|
|
9
|
+
export { useMeasure, type UseMeasureOptions, type UseMeasureReturn, } from "./useMeasure";
|
|
10
|
+
export { useMountedState } from "./useMountedState";
|
|
11
|
+
export { useNavigateAway, type UseNavigateAwayHandler, } from "./useNavigateAway";
|
|
12
|
+
export { usePrevious } from "./usePrevious";
|
|
13
|
+
export { usePreviousRef } from "./usePreviousRef";
|
|
14
|
+
export { useScrollPosition } from "./useScrollPosition";
|
|
15
|
+
export { useScrollThreshold } from "./useScrollThreshold";
|
|
16
|
+
export { useSmoothScroll } from "./useSmoothScroll";
|
|
17
|
+
export { useSpinDelay } from "./useSpinDelay";
|
|
18
|
+
export { useTraceUpdate } from "./useTraceUpdate";
|
|
19
|
+
export { useUpdateEffect } from "./useUpdateEffect";
|
|
20
|
+
export { useWindowSize } from "./useWindowSize";
|
package/hooks/index.js
CHANGED
|
@@ -1,24 +1,44 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
3
|
+
exports.useWindowSize = exports.useUpdateEffect = exports.useTraceUpdate = exports.useSpinDelay = exports.useSmoothScroll = exports.useScrollThreshold = exports.useScrollPosition = exports.usePreviousRef = exports.usePrevious = exports.useNavigateAway = exports.useMountedState = exports.useMeasure = exports.useKeyUp = exports.useIsomorphicLayoutEffect = exports.useInterval = exports.useFocus = exports.useFixedOffset = exports.useFirstMountState = exports.useDateLocale = exports.useAsyncFn = void 0;
|
|
4
|
+
var useAsyncFn_1 = require("./useAsyncFn");
|
|
5
|
+
Object.defineProperty(exports, "useAsyncFn", { enumerable: true, get: function () { return useAsyncFn_1.useAsyncFn; } });
|
|
6
|
+
var useDateLocale_1 = require("./useDateLocale");
|
|
7
|
+
Object.defineProperty(exports, "useDateLocale", { enumerable: true, get: function () { return useDateLocale_1.useDateLocale; } });
|
|
8
|
+
var useFirstMountState_1 = require("./useFirstMountState");
|
|
9
|
+
Object.defineProperty(exports, "useFirstMountState", { enumerable: true, get: function () { return useFirstMountState_1.useFirstMountState; } });
|
|
10
|
+
var useFixedOffset_1 = require("./useFixedOffset");
|
|
11
|
+
Object.defineProperty(exports, "useFixedOffset", { enumerable: true, get: function () { return useFixedOffset_1.useFixedOffset; } });
|
|
12
|
+
var useFocus_1 = require("./useFocus");
|
|
13
|
+
Object.defineProperty(exports, "useFocus", { enumerable: true, get: function () { return useFocus_1.useFocus; } });
|
|
14
|
+
var useInterval_1 = require("./useInterval");
|
|
15
|
+
Object.defineProperty(exports, "useInterval", { enumerable: true, get: function () { return useInterval_1.useInterval; } });
|
|
16
|
+
var useIsomorphicLayoutEffect_1 = require("./useIsomorphicLayoutEffect");
|
|
17
|
+
Object.defineProperty(exports, "useIsomorphicLayoutEffect", { enumerable: true, get: function () { return useIsomorphicLayoutEffect_1.useIsomorphicLayoutEffect; } });
|
|
18
|
+
var useKeyUp_1 = require("./useKeyUp");
|
|
19
|
+
Object.defineProperty(exports, "useKeyUp", { enumerable: true, get: function () { return useKeyUp_1.useKeyUp; } });
|
|
20
|
+
var useMeasure_1 = require("./useMeasure");
|
|
21
|
+
Object.defineProperty(exports, "useMeasure", { enumerable: true, get: function () { return useMeasure_1.useMeasure; } });
|
|
22
|
+
var useMountedState_1 = require("./useMountedState");
|
|
23
|
+
Object.defineProperty(exports, "useMountedState", { enumerable: true, get: function () { return useMountedState_1.useMountedState; } });
|
|
24
|
+
var useNavigateAway_1 = require("./useNavigateAway");
|
|
25
|
+
Object.defineProperty(exports, "useNavigateAway", { enumerable: true, get: function () { return useNavigateAway_1.useNavigateAway; } });
|
|
26
|
+
var usePrevious_1 = require("./usePrevious");
|
|
27
|
+
Object.defineProperty(exports, "usePrevious", { enumerable: true, get: function () { return usePrevious_1.usePrevious; } });
|
|
28
|
+
var usePreviousRef_1 = require("./usePreviousRef");
|
|
29
|
+
Object.defineProperty(exports, "usePreviousRef", { enumerable: true, get: function () { return usePreviousRef_1.usePreviousRef; } });
|
|
30
|
+
var useScrollPosition_1 = require("./useScrollPosition");
|
|
31
|
+
Object.defineProperty(exports, "useScrollPosition", { enumerable: true, get: function () { return useScrollPosition_1.useScrollPosition; } });
|
|
32
|
+
var useScrollThreshold_1 = require("./useScrollThreshold");
|
|
33
|
+
Object.defineProperty(exports, "useScrollThreshold", { enumerable: true, get: function () { return useScrollThreshold_1.useScrollThreshold; } });
|
|
34
|
+
// export { useScrollTo } from "./useScrollTo";
|
|
35
|
+
var useSmoothScroll_1 = require("./useSmoothScroll");
|
|
36
|
+
Object.defineProperty(exports, "useSmoothScroll", { enumerable: true, get: function () { return useSmoothScroll_1.useSmoothScroll; } });
|
|
37
|
+
var useSpinDelay_1 = require("./useSpinDelay");
|
|
38
|
+
Object.defineProperty(exports, "useSpinDelay", { enumerable: true, get: function () { return useSpinDelay_1.useSpinDelay; } });
|
|
39
|
+
var useTraceUpdate_1 = require("./useTraceUpdate");
|
|
40
|
+
Object.defineProperty(exports, "useTraceUpdate", { enumerable: true, get: function () { return useTraceUpdate_1.useTraceUpdate; } });
|
|
41
|
+
var useUpdateEffect_1 = require("./useUpdateEffect");
|
|
42
|
+
Object.defineProperty(exports, "useUpdateEffect", { enumerable: true, get: function () { return useUpdateEffect_1.useUpdateEffect; } });
|
|
43
|
+
var useWindowSize_1 = require("./useWindowSize");
|
|
44
|
+
Object.defineProperty(exports, "useWindowSize", { enumerable: true, get: function () { return useWindowSize_1.useWindowSize; } });
|
package/hooks/index.mjs
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
export
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
5
|
-
export
|
|
6
|
-
export
|
|
7
|
-
export
|
|
8
|
-
export
|
|
9
|
-
export
|
|
10
|
-
export
|
|
11
|
-
export
|
|
12
|
-
export
|
|
13
|
-
export
|
|
14
|
-
export
|
|
15
|
-
export
|
|
16
|
-
// export
|
|
17
|
-
export
|
|
18
|
-
export
|
|
19
|
-
export
|
|
20
|
-
export
|
|
21
|
-
export
|
|
1
|
+
export { useAsyncFn, } from "./useAsyncFn";
|
|
2
|
+
export { useDateLocale } from "./useDateLocale";
|
|
3
|
+
export { useFirstMountState } from "./useFirstMountState";
|
|
4
|
+
export { useFixedOffset } from "./useFixedOffset";
|
|
5
|
+
export { useFocus } from "./useFocus";
|
|
6
|
+
export { useInterval } from "./useInterval";
|
|
7
|
+
export { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect";
|
|
8
|
+
export { useKeyUp } from "./useKeyUp";
|
|
9
|
+
export { useMeasure, } from "./useMeasure";
|
|
10
|
+
export { useMountedState } from "./useMountedState";
|
|
11
|
+
export { useNavigateAway, } from "./useNavigateAway";
|
|
12
|
+
export { usePrevious } from "./usePrevious";
|
|
13
|
+
export { usePreviousRef } from "./usePreviousRef";
|
|
14
|
+
export { useScrollPosition } from "./useScrollPosition";
|
|
15
|
+
export { useScrollThreshold } from "./useScrollThreshold";
|
|
16
|
+
// export { useScrollTo } from "./useScrollTo";
|
|
17
|
+
export { useSmoothScroll } from "./useSmoothScroll";
|
|
18
|
+
export { useSpinDelay } from "./useSpinDelay";
|
|
19
|
+
export { useTraceUpdate } from "./useTraceUpdate";
|
|
20
|
+
export { useUpdateEffect } from "./useUpdateEffect";
|
|
21
|
+
export { useWindowSize } from "./useWindowSize";
|