@koine/react 2.0.0-beta.15 → 2.0.0-beta.16
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/Autocomplete/AutocompleteMui.js +1 -1
- package/Autocomplete/helpers.js +1 -2
- package/Breadcrumbs/Breadcrumbs.js +1 -1
- package/Calendar/CalendarDaygridNav.js +1 -1
- package/Calendar/CalendarDaygridTable.js +1 -1
- package/Calendar/calendar-api-google.js +1 -3
- package/Details/Details.d.ts +60 -60
- package/Details/Details.js +2 -2
- package/Dialog/DialogMui.d.ts +9 -9
- package/Dialog/DialogMui.js +1 -1
- package/Dialog/css/bare.d.ts +8 -8
- package/Dialog/css/bare.js +2 -1
- package/Dialog/m/bare.js +1 -1
- package/Dialog/sc/bare.d.ts +2 -2
- package/Dialog/sc/bare.js +1 -1
- package/Dialog/sc/framer.js +1 -1
- package/Dialog/sc/framerMaterial.js +1 -1
- package/Dialog/sc/material.d.ts +2 -2
- package/Dialog/sc/material.js +1 -1
- package/Dialog/tw/bare.d.ts +5 -5
- package/Dialog/tw/bare.js +2 -1
- package/Dialog/tw/elegant.d.ts +5 -5
- package/Dialog/tw/elegant.js +2 -1
- package/Dialog/tw/framer.d.ts +2 -2
- package/Dialog/tw/framer.js +1 -1
- package/Dialog/tw/framerMaterial.d.ts +2 -2
- package/Dialog/tw/framerMaterial.js +1 -1
- package/Dialog/tw/material.d.ts +5 -5
- package/Dialog/tw/material.js +2 -1
- package/Form/Form.d.ts +1 -1
- package/Form/Form.js +1 -1
- package/Form/sc/bare.js +1 -1
- package/Forms/Field/FieldControl.js +1 -1
- package/Forms/antispam.js +1 -3
- package/Forms/helpers.js +1 -2
- package/Header/useHeader.js +1 -1
- package/Pagination/PaginationNav.js +1 -1
- package/Spacing/Spacing.js +1 -1
- package/Tabs/TabsMui.d.ts +5 -5
- package/Tabs/TabsMui.js +1 -1
- package/Tabs/tw/bare.d.ts +4 -4
- package/Tabs/tw/bare.js +2 -1
- package/Tabs/tw/material.d.ts +1 -1
- package/Tabs/tw/material.js +2 -1
- package/Typography/ReadMore.js +1 -1
- package/{helpers/createUseMediaQueryWidth.d.ts → createUseMediaQueryWidth.d.ts} +1 -1
- package/{helpers/createUseMediaQueryWidth.js → createUseMediaQueryWidth.js} +2 -3
- package/css/index.d.ts +0 -1
- package/css/index.js +0 -1
- package/index.d.ts +25 -1
- package/index.js +24 -1
- package/package.json +79 -94
- package/sc/index.d.ts +0 -1
- package/sc/index.js +0 -1
- package/scm/index.d.ts +0 -1
- package/scm/index.js +0 -1
- package/shared/index.d.ts +3 -4
- package/shared/index.js +3 -4
- package/styles/theme--vanilla.js +2 -2
- package/tw/index.d.ts +0 -1
- package/tw/index.js +0 -1
- package/twm/index.d.ts +0 -1
- package/twm/index.js +0 -1
- package/types.d.ts +2 -0
- package/{hooks/useFixedOffset.js → useFixedOffset.js} +2 -5
- package/{hooks/useInterval.js → useInterval.js} +1 -1
- package/useIsomorphicLayoutEffect.d.ts +3 -0
- package/{hooks/useIsomorphicLayoutEffect.js → useIsomorphicLayoutEffect.js} +1 -1
- package/{hooks/useKeyUp.js → useKeyUp.js} +1 -1
- package/{hooks/useMeasure.js → useMeasure.js} +2 -6
- package/{hooks/useNavigateAway.js → useNavigateAway.js} +1 -1
- package/{hooks/useScrollPosition.js → useScrollPosition.js} +2 -2
- package/{hooks/useScrollThreshold.js → useScrollThreshold.js} +2 -2
- package/{hooks/useScrollTo.js → useScrollTo.js} +2 -2
- package/{hooks/useSmoothScroll.js → useSmoothScroll.js} +2 -3
- package/{hooks/useWindowSize.d.ts → useWindowSize.d.ts} +1 -1
- package/{hooks/useWindowSize.js → useWindowSize.js} +1 -2
- package/Meta/index.d.ts +0 -2
- package/Meta/index.js +0 -2
- package/NoJs/index.d.ts +0 -2
- package/NoJs/index.js +0 -2
- package/helpers/index.d.ts +0 -4
- package/helpers/index.js +0 -4
- package/hooks/index.d.ts +0 -20
- package/hooks/index.js +0 -20
- package/hooks/types.d.ts +0 -2
- package/hooks/types.js +0 -1
- package/hooks/useIsomorphicLayoutEffect.d.ts +0 -3
- /package/{Meta/Meta.d.ts → Meta.d.ts} +0 -0
- /package/{Meta/Meta.js → Meta.js} +0 -0
- /package/{NoJs/NoJs.d.ts → NoJs.d.ts} +0 -0
- /package/{NoJs/NoJs.js → NoJs.js} +0 -0
- /package/{helpers/classed.d.ts → classed.d.ts} +0 -0
- /package/{helpers/classed.js → classed.js} +0 -0
- /package/{helpers/extend-component.d.ts → extendComponent.d.ts} +0 -0
- /package/{helpers/extend-component.js → extendComponent.js} +0 -0
- /package/{helpers/mergeRefs.d.ts → mergeRefs.d.ts} +0 -0
- /package/{helpers/mergeRefs.js → mergeRefs.js} +0 -0
- /package/{hooks/useAsyncFn.d.ts → useAsyncFn.d.ts} +0 -0
- /package/{hooks/useAsyncFn.js → useAsyncFn.js} +0 -0
- /package/{hooks/useDateLocale.d.ts → useDateLocale.d.ts} +0 -0
- /package/{hooks/useDateLocale.js → useDateLocale.js} +0 -0
- /package/{hooks/useFirstMountState.d.ts → useFirstMountState.d.ts} +0 -0
- /package/{hooks/useFirstMountState.js → useFirstMountState.js} +0 -0
- /package/{hooks/useFixedOffset.d.ts → useFixedOffset.d.ts} +0 -0
- /package/{hooks/useFocus.d.ts → useFocus.d.ts} +0 -0
- /package/{hooks/useFocus.js → useFocus.js} +0 -0
- /package/{hooks/useInterval.d.ts → useInterval.d.ts} +0 -0
- /package/{hooks/useKeyUp.d.ts → useKeyUp.d.ts} +0 -0
- /package/{hooks/useMeasure.d.ts → useMeasure.d.ts} +0 -0
- /package/{hooks/useMountedState.d.ts → useMountedState.d.ts} +0 -0
- /package/{hooks/useMountedState.js → useMountedState.js} +0 -0
- /package/{hooks/useNavigateAway.d.ts → useNavigateAway.d.ts} +0 -0
- /package/{hooks/usePrevious.d.ts → usePrevious.d.ts} +0 -0
- /package/{hooks/usePrevious.js → usePrevious.js} +0 -0
- /package/{hooks/usePreviousRef.d.ts → usePreviousRef.d.ts} +0 -0
- /package/{hooks/usePreviousRef.js → usePreviousRef.js} +0 -0
- /package/{hooks/useScrollPosition.d.ts → useScrollPosition.d.ts} +0 -0
- /package/{hooks/useScrollThreshold.d.ts → useScrollThreshold.d.ts} +0 -0
- /package/{hooks/useScrollTo.d.ts → useScrollTo.d.ts} +0 -0
- /package/{hooks/useSmoothScroll.d.ts → useSmoothScroll.d.ts} +0 -0
- /package/{hooks/useSpinDelay.d.ts → useSpinDelay.d.ts} +0 -0
- /package/{hooks/useSpinDelay.js → useSpinDelay.js} +0 -0
- /package/{hooks/useTraceUpdate.d.ts → useTraceUpdate.d.ts} +0 -0
- /package/{hooks/useTraceUpdate.js → useTraceUpdate.js} +0 -0
- /package/{hooks/useUpdateEffect.d.ts → useUpdateEffect.d.ts} +0 -0
- /package/{hooks/useUpdateEffect.js → useUpdateEffect.js} +0 -0
package/Dialog/tw/bare.d.ts
CHANGED
|
@@ -7,7 +7,7 @@ export declare const Root: import("react").ForwardRefExoticComponent<Omit<{
|
|
|
7
7
|
export declare const Backdrop: import("react").ForwardRefExoticComponent<Omit<{
|
|
8
8
|
className?: string | undefined;
|
|
9
9
|
ref?: import("react").Ref<any> | undefined;
|
|
10
|
-
}, "ref"> & import("react").RefAttributes<NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "
|
|
10
|
+
}, "ref"> & import("react").RefAttributes<NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & {
|
|
11
11
|
open?: any;
|
|
12
12
|
}>>>>;
|
|
13
13
|
export declare const Container: import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLProps<any> & Pick<_.OwnProps, "$scrollPaper"> & {
|
|
@@ -67,13 +67,13 @@ export declare const KoineDialog: ((props: Omit<{
|
|
|
67
67
|
mPaper?: import("framer-motion").MotionProps | undefined;
|
|
68
68
|
children?: import("react").ReactNode;
|
|
69
69
|
Root: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Modal").ModalTypeMap<{}, "div">>;
|
|
70
|
-
Backdrop: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "
|
|
70
|
+
Backdrop: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & {
|
|
71
71
|
open?: any;
|
|
72
72
|
}>>;
|
|
73
73
|
Container: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Pick<_.OwnProps, "$scrollPaper"> & {
|
|
74
74
|
children?: import("react").ReactNode;
|
|
75
75
|
}>>;
|
|
76
|
-
Paper: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "
|
|
76
|
+
Paper: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & {
|
|
77
77
|
"aria-label": string;
|
|
78
78
|
} & Pick<_.OwnProps, "$scrollPaper"> & {
|
|
79
79
|
children?: import("react").ReactNode;
|
|
@@ -97,7 +97,7 @@ export declare const KoineDialog: ((props: Omit<{
|
|
|
97
97
|
Backdrop: import("react").ForwardRefExoticComponent<Omit<{
|
|
98
98
|
className?: string | undefined;
|
|
99
99
|
ref?: import("react").Ref<any> | undefined;
|
|
100
|
-
}, "ref"> & import("react").RefAttributes<NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "
|
|
100
|
+
}, "ref"> & import("react").RefAttributes<NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & {
|
|
101
101
|
open?: any;
|
|
102
102
|
}>>>>;
|
|
103
103
|
Container: import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLProps<any> & Pick<_.OwnProps, "$scrollPaper"> & {
|
|
@@ -155,7 +155,7 @@ export declare const KoineDialog: ((props: Omit<{
|
|
|
155
155
|
Backdrop: import("react").ForwardRefExoticComponent<Omit<{
|
|
156
156
|
className?: string | undefined;
|
|
157
157
|
ref?: import("react").Ref<any> | undefined;
|
|
158
|
-
}, "ref"> & import("react").RefAttributes<NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "
|
|
158
|
+
}, "ref"> & import("react").RefAttributes<NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & {
|
|
159
159
|
open?: any;
|
|
160
160
|
}>>>>;
|
|
161
161
|
Container: import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLProps<any> & Pick<_.OwnProps, "$scrollPaper"> & {
|
package/Dialog/tw/bare.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { __makeTemplateObject } from "tslib";
|
|
2
|
-
import { classed
|
|
2
|
+
import { classed } from "../../classed.js";
|
|
3
|
+
import { extendComponent } from "../../extendComponent.js";
|
|
3
4
|
import * as _ from "../DialogMui.js";
|
|
4
5
|
export var Root = classed(_.Root)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["< class=\"dialog fixed z-[1300] inset-0"], ["< class=\"dialog fixed z-[1300] inset-0"])));
|
|
5
6
|
export var Backdrop = classed(_.Backdrop)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["< class=\"dialogBackdrop fixed -z-[1] inset-0 [-webkit-tap-highlight-color:transparent]"], ["< class=\"dialogBackdrop fixed -z-[1] inset-0 [-webkit-tap-highlight-color:transparent]"])));
|
package/Dialog/tw/elegant.d.ts
CHANGED
|
@@ -12,7 +12,7 @@ export declare const Backdrop: import("react").ForwardRefExoticComponent<Omit<{
|
|
|
12
12
|
}, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<{
|
|
13
13
|
className?: string | undefined;
|
|
14
14
|
ref?: import("react").Ref<any> | undefined;
|
|
15
|
-
}, "ref"> & import("react").RefAttributes<NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "
|
|
15
|
+
}, "ref"> & import("react").RefAttributes<NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & {
|
|
16
16
|
open?: any;
|
|
17
17
|
}>>>>>>;
|
|
18
18
|
export declare const Container: import("react").ForwardRefExoticComponent<Omit<{
|
|
@@ -87,13 +87,13 @@ export declare const KoineDialog: ((props: Omit<{
|
|
|
87
87
|
mPaper?: import("framer-motion").MotionProps | undefined;
|
|
88
88
|
children?: import("react").ReactNode;
|
|
89
89
|
Root: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Modal").ModalTypeMap<{}, "div">>;
|
|
90
|
-
Backdrop: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "
|
|
90
|
+
Backdrop: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & {
|
|
91
91
|
open?: any;
|
|
92
92
|
}>>;
|
|
93
93
|
Container: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Pick<import("../DialogMui").OwnProps, "$scrollPaper"> & {
|
|
94
94
|
children?: import("react").ReactNode;
|
|
95
95
|
}>>;
|
|
96
|
-
Paper: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "
|
|
96
|
+
Paper: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & {
|
|
97
97
|
"aria-label": string;
|
|
98
98
|
} & Pick<import("../DialogMui").OwnProps, "$scrollPaper"> & {
|
|
99
99
|
children?: import("react").ReactNode;
|
|
@@ -123,7 +123,7 @@ export declare const KoineDialog: ((props: Omit<{
|
|
|
123
123
|
}, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<{
|
|
124
124
|
className?: string | undefined;
|
|
125
125
|
ref?: import("react").Ref<any> | undefined;
|
|
126
|
-
}, "ref"> & import("react").RefAttributes<NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "
|
|
126
|
+
}, "ref"> & import("react").RefAttributes<NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & {
|
|
127
127
|
open?: any;
|
|
128
128
|
}>>>>>>;
|
|
129
129
|
Container: import("react").ForwardRefExoticComponent<Omit<{
|
|
@@ -202,7 +202,7 @@ export declare const KoineDialog: ((props: Omit<{
|
|
|
202
202
|
}, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<{
|
|
203
203
|
className?: string | undefined;
|
|
204
204
|
ref?: import("react").Ref<any> | undefined;
|
|
205
|
-
}, "ref"> & import("react").RefAttributes<NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "
|
|
205
|
+
}, "ref"> & import("react").RefAttributes<NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & {
|
|
206
206
|
open?: any;
|
|
207
207
|
}>>>>>>;
|
|
208
208
|
Container: import("react").ForwardRefExoticComponent<Omit<{
|
package/Dialog/tw/elegant.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { __makeTemplateObject } from "tslib";
|
|
2
|
-
import { classed
|
|
2
|
+
import { classed } from "../../classed.js";
|
|
3
|
+
import { extendComponent } from "../../extendComponent.js";
|
|
3
4
|
import { KoineDialog as _ } from "./bare.js";
|
|
4
5
|
export var Root = classed(_.Root)(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
|
|
5
6
|
export var Backdrop = classed(_.Backdrop)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["< class=\"bg-white/[.5] backdrop-blur-sm"], ["< class=\"bg-white/[.5] backdrop-blur-sm"])));
|
package/Dialog/tw/framer.d.ts
CHANGED
|
@@ -7,7 +7,7 @@ export declare const KoineDialog: ((props: unknown) => import("react").FunctionC
|
|
|
7
7
|
Backdrop: import("framer-motion").CustomDomComponent<Omit<{
|
|
8
8
|
className?: string | undefined;
|
|
9
9
|
ref?: import("react").Ref<any> | undefined;
|
|
10
|
-
}, "ref"> & import("react").RefAttributes<NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "
|
|
10
|
+
}, "ref"> & import("react").RefAttributes<NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & {
|
|
11
11
|
open?: any;
|
|
12
12
|
}>>>>;
|
|
13
13
|
Container: import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLProps<any> & Pick<import("../DialogMui").OwnProps, "$scrollPaper"> & {
|
|
@@ -60,7 +60,7 @@ export declare const KoineDialog: ((props: unknown) => import("react").FunctionC
|
|
|
60
60
|
Backdrop: import("framer-motion").CustomDomComponent<Omit<{
|
|
61
61
|
className?: string | undefined;
|
|
62
62
|
ref?: import("react").Ref<any> | undefined;
|
|
63
|
-
}, "ref"> & import("react").RefAttributes<NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "
|
|
63
|
+
}, "ref"> & import("react").RefAttributes<NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & {
|
|
64
64
|
open?: any;
|
|
65
65
|
}>>>>;
|
|
66
66
|
Container: import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLProps<any> & Pick<import("../DialogMui").OwnProps, "$scrollPaper"> & {
|
package/Dialog/tw/framer.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { m } from "framer-motion";
|
|
2
|
-
import { extendComponent } from "../../
|
|
2
|
+
import { extendComponent } from "../../extendComponent.js";
|
|
3
3
|
import { KoineDialog as _ } from "../m/bare.js";
|
|
4
4
|
import { dialogBackdropMotion, dialogPaperMotion } from "../m/basic.js";
|
|
5
5
|
import { Backdrop, Body, Close, Container, Header, Paper, Root } from "./bare.js";
|
|
@@ -13,7 +13,7 @@ export declare const KoineDialog: ((props: unknown) => import("react").FunctionC
|
|
|
13
13
|
}, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<{
|
|
14
14
|
className?: string | undefined;
|
|
15
15
|
ref?: import("react").Ref<any> | undefined;
|
|
16
|
-
}, "ref"> & import("react").RefAttributes<NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "
|
|
16
|
+
}, "ref"> & import("react").RefAttributes<NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & {
|
|
17
17
|
open?: any;
|
|
18
18
|
}>>>>>>;
|
|
19
19
|
Container: import("react").ForwardRefExoticComponent<Omit<{
|
|
@@ -94,7 +94,7 @@ export declare const KoineDialog: ((props: unknown) => import("react").FunctionC
|
|
|
94
94
|
}, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<{
|
|
95
95
|
className?: string | undefined;
|
|
96
96
|
ref?: import("react").Ref<any> | undefined;
|
|
97
|
-
}, "ref"> & import("react").RefAttributes<NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "
|
|
97
|
+
}, "ref"> & import("react").RefAttributes<NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & {
|
|
98
98
|
open?: any;
|
|
99
99
|
}>>>>>>;
|
|
100
100
|
Container: import("react").ForwardRefExoticComponent<Omit<{
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { m } from "framer-motion";
|
|
2
|
-
import { extendComponent } from "../../
|
|
2
|
+
import { extendComponent } from "../../extendComponent.js";
|
|
3
3
|
import { KoineDialog as _ } from "../m/bare.js";
|
|
4
4
|
import { dialogBackdropMotion, dialogPaperMotion } from "../m/basic.js";
|
|
5
5
|
import { Backdrop, Body, Close, Container, Header, Paper, Root, } from "./material.js";
|
package/Dialog/tw/material.d.ts
CHANGED
|
@@ -12,7 +12,7 @@ export declare const Backdrop: import("react").ForwardRefExoticComponent<Omit<{
|
|
|
12
12
|
}, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<{
|
|
13
13
|
className?: string | undefined;
|
|
14
14
|
ref?: import("react").Ref<any> | undefined;
|
|
15
|
-
}, "ref"> & import("react").RefAttributes<NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "
|
|
15
|
+
}, "ref"> & import("react").RefAttributes<NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & {
|
|
16
16
|
open?: any;
|
|
17
17
|
}>>>>>>;
|
|
18
18
|
export declare const Container: import("react").ForwardRefExoticComponent<Omit<{
|
|
@@ -87,13 +87,13 @@ export declare const KoineDialog: ((props: Omit<{
|
|
|
87
87
|
mPaper?: import("framer-motion").MotionProps | undefined;
|
|
88
88
|
children?: import("react").ReactNode;
|
|
89
89
|
Root: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Modal").ModalTypeMap<{}, "div">>;
|
|
90
|
-
Backdrop: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "
|
|
90
|
+
Backdrop: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & {
|
|
91
91
|
open?: any;
|
|
92
92
|
}>>;
|
|
93
93
|
Container: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Pick<import("../DialogMui").OwnProps, "$scrollPaper"> & {
|
|
94
94
|
children?: import("react").ReactNode;
|
|
95
95
|
}>>;
|
|
96
|
-
Paper: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "
|
|
96
|
+
Paper: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & {
|
|
97
97
|
"aria-label": string;
|
|
98
98
|
} & Pick<import("../DialogMui").OwnProps, "$scrollPaper"> & {
|
|
99
99
|
children?: import("react").ReactNode;
|
|
@@ -123,7 +123,7 @@ export declare const KoineDialog: ((props: Omit<{
|
|
|
123
123
|
}, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<{
|
|
124
124
|
className?: string | undefined;
|
|
125
125
|
ref?: import("react").Ref<any> | undefined;
|
|
126
|
-
}, "ref"> & import("react").RefAttributes<NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "
|
|
126
|
+
}, "ref"> & import("react").RefAttributes<NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & {
|
|
127
127
|
open?: any;
|
|
128
128
|
}>>>>>>;
|
|
129
129
|
Container: import("react").ForwardRefExoticComponent<Omit<{
|
|
@@ -202,7 +202,7 @@ export declare const KoineDialog: ((props: Omit<{
|
|
|
202
202
|
}, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<{
|
|
203
203
|
className?: string | undefined;
|
|
204
204
|
ref?: import("react").Ref<any> | undefined;
|
|
205
|
-
}, "ref"> & import("react").RefAttributes<NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "
|
|
205
|
+
}, "ref"> & import("react").RefAttributes<NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & {
|
|
206
206
|
open?: any;
|
|
207
207
|
}>>>>>>;
|
|
208
208
|
Container: import("react").ForwardRefExoticComponent<Omit<{
|
package/Dialog/tw/material.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { __makeTemplateObject } from "tslib";
|
|
2
|
-
import { classed
|
|
2
|
+
import { classed } from "../../classed.js";
|
|
3
|
+
import { extendComponent } from "../../extendComponent.js";
|
|
3
4
|
import { KoineDialog as _ } from "./bare.js";
|
|
4
5
|
export var Root = classed(_.Root)(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
|
|
5
6
|
export var Backdrop = classed(_.Backdrop)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["< class=\"bg-black/[.5] backdrop-blur-sm"], ["< class=\"bg-black/[.5] backdrop-blur-sm"])));
|
package/Form/Form.d.ts
CHANGED
package/Form/Form.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
2
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { useEffect, useState } from "react";
|
|
4
|
-
import { extendComponent, } from "../
|
|
4
|
+
import { extendComponent, } from "../extendComponent.js";
|
|
5
5
|
export var Root = "form";
|
|
6
6
|
export var Overlay = "div";
|
|
7
7
|
export var Progress = "div";
|
package/Form/sc/bare.js
CHANGED
|
@@ -3,7 +3,7 @@ import styled from "styled-components";
|
|
|
3
3
|
import { Alert } from "../../Alert/index.js";
|
|
4
4
|
import { Collapsable } from "../../Collapsable/index.js";
|
|
5
5
|
import { ProgressCircular } from "../../Progress/index.js";
|
|
6
|
-
import { extendComponent } from "../../
|
|
6
|
+
import { extendComponent } from "../../extendComponent.js";
|
|
7
7
|
import { centered, overlay } from "../../styles/styled.js";
|
|
8
8
|
import * as _ from "../Form.js";
|
|
9
9
|
export var Root = styled(_.Root)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
|
|
@@ -2,7 +2,7 @@ import { __assign, __rest } from "tslib";
|
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
3
|
import { useMemo } from "react";
|
|
4
4
|
import { useFormState } from "react-hook-form";
|
|
5
|
-
import decode from "@koine/utils
|
|
5
|
+
import { decode } from "@koine/utils";
|
|
6
6
|
import { InputHoneypot } from "../styles.js";
|
|
7
7
|
import { Field } from "./Field.js";
|
|
8
8
|
import { FieldHint } from "./FieldHint.js";
|
package/Forms/antispam.js
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
import { object } from "@kuus/yup";
|
|
2
|
-
import decode from "@koine/utils
|
|
3
|
-
import encode from "@koine/utils/encode";
|
|
4
|
-
import isUndefined from "@koine/utils/isUndefined";
|
|
2
|
+
import { decode, encode, isUndefined } from "@koine/utils";
|
|
5
3
|
export function encodeForm(validationRules) {
|
|
6
4
|
var encoded = {};
|
|
7
5
|
var encodedNames = {};
|
package/Forms/helpers.js
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import isString from "@koine/utils
|
|
2
|
-
import matchSorter from "@koine/utils/matchSorter";
|
|
1
|
+
import { isString, matchSorter } from "@koine/utils";
|
|
3
2
|
export var normaliseOptions = function (options) {
|
|
4
3
|
if (options === void 0) { options = []; }
|
|
5
4
|
return options.map(function (option) {
|
package/Header/useHeader.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { useEffect, useState } from "react";
|
|
2
|
-
import { useScrollPosition } from "../hooks/useScrollPosition.js";
|
|
3
2
|
import { useMedia } from "../styles/media.js";
|
|
4
3
|
import { useTheme } from "../styles/theme.js";
|
|
4
|
+
import { useScrollPosition } from "../useScrollPosition.js";
|
|
5
5
|
export var useHeader = function () {
|
|
6
6
|
var _a = useState(false), isSticky = _a[0], setIsSticky = _a[1];
|
|
7
7
|
var themed = useTheme().header;
|
|
@@ -2,7 +2,7 @@ import { __makeTemplateObject } from "tslib";
|
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { CgArrowLeftR as IconArrowLeft, CgArrowRightR as IconArrowRight, } from "react-icons/cg";
|
|
4
4
|
import styled from "styled-components";
|
|
5
|
-
import ensureInt from "@koine/utils
|
|
5
|
+
import { ensureInt } from "@koine/utils";
|
|
6
6
|
var Root = styled.nav(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 20px 0 40px;\n font-weight: 600;\n\n & a {\n text-decoration: none;\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 20px 0 40px;\n font-weight: 600;\n\n & a {\n text-decoration: none;\n }\n"])));
|
|
7
7
|
var item = "\n display: block;\n padding: 5px 10px;\n";
|
|
8
8
|
var ItemCurrent = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n background: var(--accent400);\n border-radius: 2px;\n"], ["\n ", "\n background: var(--accent400);\n border-radius: 2px;\n"])), item);
|
package/Spacing/Spacing.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { __assign, __makeTemplateObject, __rest, __spreadArray } from "tslib";
|
|
2
2
|
import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
|
|
3
3
|
import styled from "styled-components";
|
|
4
|
-
import isUndefined from "@koine/utils
|
|
4
|
+
import { isUndefined } from "@koine/utils";
|
|
5
5
|
import { spacingBottom, spacingTop, } from "../styles/spacing.js";
|
|
6
6
|
var Root = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), function (p) { return p.$top && spacingTop.call.apply(spacingTop, __spreadArray([p.theme], p.$top, false)); }, function (p) { return p.$bottom && spacingBottom.call.apply(spacingBottom, __spreadArray([p.theme], p.$bottom, false)); });
|
|
7
7
|
var extractDirectionArgs = function (raw) {
|
package/Tabs/TabsMui.d.ts
CHANGED
|
@@ -5,7 +5,7 @@ import TabsListUnstyled, { type TabsListProps as TabsListUnstyledProps } from "@
|
|
|
5
5
|
import { type UseTabReturnValue } from "@mui/base/useTab";
|
|
6
6
|
import type { MotionProps } from "framer-motion";
|
|
7
7
|
import type { Simplify } from "@koine/utils";
|
|
8
|
-
import { type WithComponents } from "../
|
|
8
|
+
import { type WithComponents } from "../extendComponent.js";
|
|
9
9
|
type ReducedTabsUnstyledProps = Omit<TabsUnstyledProps, "component" | "slots" | "slotProps">;
|
|
10
10
|
export type OwnProps = React.PropsWithChildren<ReducedTabsUnstyledProps & {
|
|
11
11
|
mTab?: MotionProps;
|
|
@@ -44,7 +44,7 @@ export type TabsProps = Props;
|
|
|
44
44
|
export type KoineTabsProps = Props;
|
|
45
45
|
export declare const Root: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Tabs").TabsTypeMap<{}, "div">>;
|
|
46
46
|
export declare const List: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabsList").TabsListTypeMap<{}, "div">>;
|
|
47
|
-
export declare const Indicator: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "
|
|
47
|
+
export declare const Indicator: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & Pick<UseTabReturnValue, "selected" | "active"> & {
|
|
48
48
|
children?: import("react").ReactNode;
|
|
49
49
|
}>>;
|
|
50
50
|
export declare const Panel: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabPanel").TabPanelTypeMap<{}, "div">>;
|
|
@@ -58,7 +58,7 @@ export declare const KoineTabs: ((props: Omit<{
|
|
|
58
58
|
Root: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Tabs").TabsTypeMap<{}, "div">>;
|
|
59
59
|
List: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabsList").TabsListTypeMap<{}, "div">>;
|
|
60
60
|
Tab: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Tab").TabTypeMap<{}, "button">>;
|
|
61
|
-
Indicator: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "
|
|
61
|
+
Indicator: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & Pick<UseTabReturnValue, "selected" | "active"> & {
|
|
62
62
|
children?: import("react").ReactNode;
|
|
63
63
|
}>>;
|
|
64
64
|
Panel: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabPanel").TabPanelTypeMap<{}, "div">>;
|
|
@@ -66,7 +66,7 @@ export declare const KoineTabs: ((props: Omit<{
|
|
|
66
66
|
Root: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Tabs").TabsTypeMap<{}, "div">>;
|
|
67
67
|
List: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabsList").TabsListTypeMap<{}, "div">>;
|
|
68
68
|
Tab: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<unknown>>;
|
|
69
|
-
Indicator: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "
|
|
69
|
+
Indicator: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & Pick<UseTabReturnValue, "selected" | "active"> & {
|
|
70
70
|
children?: import("react").ReactNode;
|
|
71
71
|
}>>;
|
|
72
72
|
Panel: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabPanel").TabPanelTypeMap<{}, "div">>;
|
|
@@ -75,7 +75,7 @@ export declare const KoineTabs: ((props: Omit<{
|
|
|
75
75
|
Root: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Tabs").TabsTypeMap<{}, "div">>;
|
|
76
76
|
List: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabsList").TabsListTypeMap<{}, "div">>;
|
|
77
77
|
Tab: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<unknown>>;
|
|
78
|
-
Indicator: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "
|
|
78
|
+
Indicator: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & Pick<UseTabReturnValue, "selected" | "active"> & {
|
|
79
79
|
children?: import("react").ReactNode;
|
|
80
80
|
}>>;
|
|
81
81
|
Panel: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabPanel").TabPanelTypeMap<{}, "div">>;
|
package/Tabs/TabsMui.js
CHANGED
|
@@ -6,7 +6,7 @@ import TabsUnstyled from "@mui/base/Tabs";
|
|
|
6
6
|
import TabsListUnstyled from "@mui/base/TabsList";
|
|
7
7
|
import useTab from "@mui/base/useTab";
|
|
8
8
|
import { forwardRef } from "react";
|
|
9
|
-
import { extendComponent, } from "../
|
|
9
|
+
import { extendComponent, } from "../extendComponent.js";
|
|
10
10
|
export var Root = TabsUnstyled;
|
|
11
11
|
export var List = TabsListUnstyled;
|
|
12
12
|
export var Indicator = "span";
|
package/Tabs/tw/bare.d.ts
CHANGED
|
@@ -14,7 +14,7 @@ export declare const Tab: import("react").ForwardRefExoticComponent<Omit<{
|
|
|
14
14
|
export declare const Indicator: import("react").ForwardRefExoticComponent<Omit<{
|
|
15
15
|
className?: string | undefined;
|
|
16
16
|
ref?: import("react").Ref<any> | undefined;
|
|
17
|
-
}, "ref"> & import("react").RefAttributes<NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "
|
|
17
|
+
}, "ref"> & import("react").RefAttributes<NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
|
|
18
18
|
children?: import("react").ReactNode;
|
|
19
19
|
}>>>>;
|
|
20
20
|
export declare const Panel: import("react").ForwardRefExoticComponent<Omit<{
|
|
@@ -30,7 +30,7 @@ export declare const KoineTabs: ((props: Omit<{
|
|
|
30
30
|
Root: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Tabs").TabsTypeMap<{}, "div">>;
|
|
31
31
|
List: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabsList").TabsListTypeMap<{}, "div">>;
|
|
32
32
|
Tab: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Tab").TabTypeMap<{}, "button">>;
|
|
33
|
-
Indicator: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "
|
|
33
|
+
Indicator: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
|
|
34
34
|
children?: import("react").ReactNode;
|
|
35
35
|
}>>;
|
|
36
36
|
Panel: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabPanel").TabPanelTypeMap<{}, "div">>;
|
|
@@ -50,7 +50,7 @@ export declare const KoineTabs: ((props: Omit<{
|
|
|
50
50
|
Indicator: import("react").ForwardRefExoticComponent<Omit<{
|
|
51
51
|
className?: string | undefined;
|
|
52
52
|
ref?: import("react").Ref<any> | undefined;
|
|
53
|
-
}, "ref"> & import("react").RefAttributes<NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "
|
|
53
|
+
}, "ref"> & import("react").RefAttributes<NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
|
|
54
54
|
children?: import("react").ReactNode;
|
|
55
55
|
}>>>>;
|
|
56
56
|
Panel: import("react").ForwardRefExoticComponent<Omit<{
|
|
@@ -74,7 +74,7 @@ export declare const KoineTabs: ((props: Omit<{
|
|
|
74
74
|
Indicator: import("react").ForwardRefExoticComponent<Omit<{
|
|
75
75
|
className?: string | undefined;
|
|
76
76
|
ref?: import("react").Ref<any> | undefined;
|
|
77
|
-
}, "ref"> & import("react").RefAttributes<NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "
|
|
77
|
+
}, "ref"> & import("react").RefAttributes<NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
|
|
78
78
|
children?: import("react").ReactNode;
|
|
79
79
|
}>>>>;
|
|
80
80
|
Panel: import("react").ForwardRefExoticComponent<Omit<{
|
package/Tabs/tw/bare.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { __makeTemplateObject } from "tslib";
|
|
2
|
-
import { classed
|
|
2
|
+
import { classed } from "../../classed.js";
|
|
3
|
+
import { extendComponent } from "../../extendComponent.js";
|
|
3
4
|
import * as _ from "../TabsMui.js";
|
|
4
5
|
export var Root = classed(_.Root)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["< class=\"tabs"], ["< class=\"tabs"])));
|
|
5
6
|
export var List = classed(_.List)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["< class=\"tabsList flex"], ["< class=\"tabsList flex"])));
|
package/Tabs/tw/material.d.ts
CHANGED
|
@@ -41,7 +41,7 @@ export declare const KoineTabs: ((props: Omit<{
|
|
|
41
41
|
Root: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Tabs").TabsTypeMap<{}, "div">>;
|
|
42
42
|
List: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabsList").TabsListTypeMap<{}, "div">>;
|
|
43
43
|
Tab: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Tab").TabTypeMap<{}, "button">>;
|
|
44
|
-
Indicator: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "
|
|
44
|
+
Indicator: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
|
|
45
45
|
children?: import("react").ReactNode;
|
|
46
46
|
}>>;
|
|
47
47
|
Panel: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabPanel").TabPanelTypeMap<{}, "div">>;
|
package/Tabs/tw/material.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { __makeTemplateObject } from "tslib";
|
|
2
|
-
import { classed
|
|
2
|
+
import { classed } from "../../classed.js";
|
|
3
|
+
import { extendComponent } from "../../extendComponent.js";
|
|
3
4
|
import { KoineTabs as _ } from "./bare.js";
|
|
4
5
|
export var Root = classed(_.Root)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["< class=\""], ["< class=\""])));
|
|
5
6
|
export var List = classed(_.List)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["< class=\"border-b-gray-200 border-b border-solid"], ["< class=\"border-b-gray-200 border-b border-solid"])));
|
package/Typography/ReadMore.js
CHANGED
|
@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
import { m, useSpring } from "framer-motion";
|
|
4
4
|
import { useMemo, useRef, useState } from "react";
|
|
5
5
|
import styled from "styled-components";
|
|
6
|
-
import { useIsomorphicLayoutEffect } from "../
|
|
6
|
+
import { useIsomorphicLayoutEffect } from "../useIsomorphicLayoutEffect.js";
|
|
7
7
|
var Root = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
|
|
8
8
|
var Content = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n & p:first-child {\n margin-top: 0;\n }\n"], ["\n & p:first-child {\n margin-top: 0;\n }\n"])));
|
|
9
9
|
var BtnWrap = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n justify-content: flex-end;\n transition: transform 0.18s ease-in-out;\n text-align: right;\n transform: translateY(", ");\n opacity: ", ";\n"], ["\n display: flex;\n justify-content: flex-end;\n transition: transform 0.18s ease-in-out;\n text-align: right;\n transform: translateY(", ");\n opacity: ", ";\n"])), function (p) { return (p.$expanded ? "0" : "-100%"); }, function (p) { return (p.$expanded ? 0 : 1); });
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type GetMediaQueryWidthResolversBreakpoints } from "@koine/utils
|
|
1
|
+
import { type GetMediaQueryWidthResolversBreakpoints } from "@koine/utils";
|
|
2
2
|
type _MediaQuerWidthDefExplicit<TBreakpoint extends string> = `min-${TBreakpoint}` | `max-${TBreakpoint}` | `up-${TBreakpoint}` | `down-${TBreakpoint}` | `between-${TBreakpoint}_${TBreakpoint}` | `only-${TBreakpoint}`;
|
|
3
3
|
export type MediaQuerWidthDef<TBreakpoint extends string> = `${TBreakpoint}` | _MediaQuerWidthDefExplicit<TBreakpoint>;
|
|
4
4
|
export type MediaQueryWidth<TBreakpoint extends string> = `@${MediaQuerWidthDef<TBreakpoint>}`;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { useState } from "react";
|
|
2
|
-
import getMediaQueryWidthResolvers from "@koine/utils
|
|
3
|
-
import
|
|
4
|
-
import useIsomorphicLayoutEffect from "../hooks/useIsomorphicLayoutEffect.js";
|
|
2
|
+
import { getMediaQueryWidthResolvers, isUndefined, } from "@koine/utils";
|
|
3
|
+
import useIsomorphicLayoutEffect from "./useIsomorphicLayoutEffect.js";
|
|
5
4
|
export function createUseMediaQueryWidth(customBreakpoints) {
|
|
6
5
|
var queryResolvers = getMediaQueryWidthResolvers(customBreakpoints);
|
|
7
6
|
return function useMediaQueryWidth(media, serverValue) {
|
package/css/index.d.ts
CHANGED
package/css/index.js
CHANGED
package/index.d.ts
CHANGED
|
@@ -1 +1,25 @@
|
|
|
1
|
-
export
|
|
1
|
+
export { classed } from "./classed.js";
|
|
2
|
+
export { createUseMediaQueryWidth, type MediaQuerWidthDef, type MediaQueryWidth, } from "./createUseMediaQueryWidth.js";
|
|
3
|
+
export { type ExtendableComponent, type OverridableComponents, type WithComponents, extendComponent, } from "./extendComponent.js";
|
|
4
|
+
export { mergeRefs } from "./mergeRefs.js";
|
|
5
|
+
export { useAsyncFn, type UseAsyncFnReturn, type UseAsyncState, } from "./useAsyncFn.js";
|
|
6
|
+
export { useDateLocale } from "./useDateLocale.js";
|
|
7
|
+
export { useFirstMountState } from "./useFirstMountState.js";
|
|
8
|
+
export { useFixedOffset } from "./useFixedOffset.js";
|
|
9
|
+
export { useFocus } from "./useFocus.js";
|
|
10
|
+
export { useInterval } from "./useInterval.js";
|
|
11
|
+
export { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect.js";
|
|
12
|
+
export { useKeyUp } from "./useKeyUp.js";
|
|
13
|
+
export { useMeasure, type UseMeasureOptions, type UseMeasureReturn, } from "./useMeasure.js";
|
|
14
|
+
export { useMountedState } from "./useMountedState.js";
|
|
15
|
+
export { useNavigateAway, type UseNavigateAwayHandler, } from "./useNavigateAway.js";
|
|
16
|
+
export { usePrevious } from "./usePrevious.js";
|
|
17
|
+
export { usePreviousRef } from "./usePreviousRef.js";
|
|
18
|
+
export { useScrollPosition } from "./useScrollPosition.js";
|
|
19
|
+
export { useScrollThreshold } from "./useScrollThreshold.js";
|
|
20
|
+
export { useSmoothScroll } from "./useSmoothScroll.js";
|
|
21
|
+
export { useSpinDelay } from "./useSpinDelay.js";
|
|
22
|
+
export { useTraceUpdate } from "./useTraceUpdate.js";
|
|
23
|
+
export { useUpdateEffect } from "./useUpdateEffect.js";
|
|
24
|
+
export { useWindowSize } from "./useWindowSize.js";
|
|
25
|
+
export type { Translate, Option } from "./types.js";
|
package/index.js
CHANGED
|
@@ -1 +1,24 @@
|
|
|
1
|
-
export
|
|
1
|
+
export { classed } from "./classed.js";
|
|
2
|
+
export { createUseMediaQueryWidth, } from "./createUseMediaQueryWidth.js";
|
|
3
|
+
export { extendComponent, } from "./extendComponent.js";
|
|
4
|
+
export { mergeRefs } from "./mergeRefs.js";
|
|
5
|
+
export { useAsyncFn, } from "./useAsyncFn.js";
|
|
6
|
+
export { useDateLocale } from "./useDateLocale.js";
|
|
7
|
+
export { useFirstMountState } from "./useFirstMountState.js";
|
|
8
|
+
export { useFixedOffset } from "./useFixedOffset.js";
|
|
9
|
+
export { useFocus } from "./useFocus.js";
|
|
10
|
+
export { useInterval } from "./useInterval.js";
|
|
11
|
+
export { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect.js";
|
|
12
|
+
export { useKeyUp } from "./useKeyUp.js";
|
|
13
|
+
export { useMeasure, } from "./useMeasure.js";
|
|
14
|
+
export { useMountedState } from "./useMountedState.js";
|
|
15
|
+
export { useNavigateAway, } from "./useNavigateAway.js";
|
|
16
|
+
export { usePrevious } from "./usePrevious.js";
|
|
17
|
+
export { usePreviousRef } from "./usePreviousRef.js";
|
|
18
|
+
export { useScrollPosition } from "./useScrollPosition.js";
|
|
19
|
+
export { useScrollThreshold } from "./useScrollThreshold.js";
|
|
20
|
+
export { useSmoothScroll } from "./useSmoothScroll.js";
|
|
21
|
+
export { useSpinDelay } from "./useSpinDelay.js";
|
|
22
|
+
export { useTraceUpdate } from "./useTraceUpdate.js";
|
|
23
|
+
export { useUpdateEffect } from "./useUpdateEffect.js";
|
|
24
|
+
export { useWindowSize } from "./useWindowSize.js";
|