@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.
Files changed (127) hide show
  1. package/Autocomplete/AutocompleteMui.js +1 -1
  2. package/Autocomplete/helpers.js +1 -2
  3. package/Breadcrumbs/Breadcrumbs.js +1 -1
  4. package/Calendar/CalendarDaygridNav.js +1 -1
  5. package/Calendar/CalendarDaygridTable.js +1 -1
  6. package/Calendar/calendar-api-google.js +1 -3
  7. package/Details/Details.d.ts +60 -60
  8. package/Details/Details.js +2 -2
  9. package/Dialog/DialogMui.d.ts +9 -9
  10. package/Dialog/DialogMui.js +1 -1
  11. package/Dialog/css/bare.d.ts +8 -8
  12. package/Dialog/css/bare.js +2 -1
  13. package/Dialog/m/bare.js +1 -1
  14. package/Dialog/sc/bare.d.ts +2 -2
  15. package/Dialog/sc/bare.js +1 -1
  16. package/Dialog/sc/framer.js +1 -1
  17. package/Dialog/sc/framerMaterial.js +1 -1
  18. package/Dialog/sc/material.d.ts +2 -2
  19. package/Dialog/sc/material.js +1 -1
  20. package/Dialog/tw/bare.d.ts +5 -5
  21. package/Dialog/tw/bare.js +2 -1
  22. package/Dialog/tw/elegant.d.ts +5 -5
  23. package/Dialog/tw/elegant.js +2 -1
  24. package/Dialog/tw/framer.d.ts +2 -2
  25. package/Dialog/tw/framer.js +1 -1
  26. package/Dialog/tw/framerMaterial.d.ts +2 -2
  27. package/Dialog/tw/framerMaterial.js +1 -1
  28. package/Dialog/tw/material.d.ts +5 -5
  29. package/Dialog/tw/material.js +2 -1
  30. package/Form/Form.d.ts +1 -1
  31. package/Form/Form.js +1 -1
  32. package/Form/sc/bare.js +1 -1
  33. package/Forms/Field/FieldControl.js +1 -1
  34. package/Forms/antispam.js +1 -3
  35. package/Forms/helpers.js +1 -2
  36. package/Header/useHeader.js +1 -1
  37. package/Pagination/PaginationNav.js +1 -1
  38. package/Spacing/Spacing.js +1 -1
  39. package/Tabs/TabsMui.d.ts +5 -5
  40. package/Tabs/TabsMui.js +1 -1
  41. package/Tabs/tw/bare.d.ts +4 -4
  42. package/Tabs/tw/bare.js +2 -1
  43. package/Tabs/tw/material.d.ts +1 -1
  44. package/Tabs/tw/material.js +2 -1
  45. package/Typography/ReadMore.js +1 -1
  46. package/{helpers/createUseMediaQueryWidth.d.ts → createUseMediaQueryWidth.d.ts} +1 -1
  47. package/{helpers/createUseMediaQueryWidth.js → createUseMediaQueryWidth.js} +2 -3
  48. package/css/index.d.ts +0 -1
  49. package/css/index.js +0 -1
  50. package/index.d.ts +25 -1
  51. package/index.js +24 -1
  52. package/package.json +79 -94
  53. package/sc/index.d.ts +0 -1
  54. package/sc/index.js +0 -1
  55. package/scm/index.d.ts +0 -1
  56. package/scm/index.js +0 -1
  57. package/shared/index.d.ts +3 -4
  58. package/shared/index.js +3 -4
  59. package/styles/theme--vanilla.js +2 -2
  60. package/tw/index.d.ts +0 -1
  61. package/tw/index.js +0 -1
  62. package/twm/index.d.ts +0 -1
  63. package/twm/index.js +0 -1
  64. package/types.d.ts +2 -0
  65. package/{hooks/useFixedOffset.js → useFixedOffset.js} +2 -5
  66. package/{hooks/useInterval.js → useInterval.js} +1 -1
  67. package/useIsomorphicLayoutEffect.d.ts +3 -0
  68. package/{hooks/useIsomorphicLayoutEffect.js → useIsomorphicLayoutEffect.js} +1 -1
  69. package/{hooks/useKeyUp.js → useKeyUp.js} +1 -1
  70. package/{hooks/useMeasure.js → useMeasure.js} +2 -6
  71. package/{hooks/useNavigateAway.js → useNavigateAway.js} +1 -1
  72. package/{hooks/useScrollPosition.js → useScrollPosition.js} +2 -2
  73. package/{hooks/useScrollThreshold.js → useScrollThreshold.js} +2 -2
  74. package/{hooks/useScrollTo.js → useScrollTo.js} +2 -2
  75. package/{hooks/useSmoothScroll.js → useSmoothScroll.js} +2 -3
  76. package/{hooks/useWindowSize.d.ts → useWindowSize.d.ts} +1 -1
  77. package/{hooks/useWindowSize.js → useWindowSize.js} +1 -2
  78. package/Meta/index.d.ts +0 -2
  79. package/Meta/index.js +0 -2
  80. package/NoJs/index.d.ts +0 -2
  81. package/NoJs/index.js +0 -2
  82. package/helpers/index.d.ts +0 -4
  83. package/helpers/index.js +0 -4
  84. package/hooks/index.d.ts +0 -20
  85. package/hooks/index.js +0 -20
  86. package/hooks/types.d.ts +0 -2
  87. package/hooks/types.js +0 -1
  88. package/hooks/useIsomorphicLayoutEffect.d.ts +0 -3
  89. /package/{Meta/Meta.d.ts → Meta.d.ts} +0 -0
  90. /package/{Meta/Meta.js → Meta.js} +0 -0
  91. /package/{NoJs/NoJs.d.ts → NoJs.d.ts} +0 -0
  92. /package/{NoJs/NoJs.js → NoJs.js} +0 -0
  93. /package/{helpers/classed.d.ts → classed.d.ts} +0 -0
  94. /package/{helpers/classed.js → classed.js} +0 -0
  95. /package/{helpers/extend-component.d.ts → extendComponent.d.ts} +0 -0
  96. /package/{helpers/extend-component.js → extendComponent.js} +0 -0
  97. /package/{helpers/mergeRefs.d.ts → mergeRefs.d.ts} +0 -0
  98. /package/{helpers/mergeRefs.js → mergeRefs.js} +0 -0
  99. /package/{hooks/useAsyncFn.d.ts → useAsyncFn.d.ts} +0 -0
  100. /package/{hooks/useAsyncFn.js → useAsyncFn.js} +0 -0
  101. /package/{hooks/useDateLocale.d.ts → useDateLocale.d.ts} +0 -0
  102. /package/{hooks/useDateLocale.js → useDateLocale.js} +0 -0
  103. /package/{hooks/useFirstMountState.d.ts → useFirstMountState.d.ts} +0 -0
  104. /package/{hooks/useFirstMountState.js → useFirstMountState.js} +0 -0
  105. /package/{hooks/useFixedOffset.d.ts → useFixedOffset.d.ts} +0 -0
  106. /package/{hooks/useFocus.d.ts → useFocus.d.ts} +0 -0
  107. /package/{hooks/useFocus.js → useFocus.js} +0 -0
  108. /package/{hooks/useInterval.d.ts → useInterval.d.ts} +0 -0
  109. /package/{hooks/useKeyUp.d.ts → useKeyUp.d.ts} +0 -0
  110. /package/{hooks/useMeasure.d.ts → useMeasure.d.ts} +0 -0
  111. /package/{hooks/useMountedState.d.ts → useMountedState.d.ts} +0 -0
  112. /package/{hooks/useMountedState.js → useMountedState.js} +0 -0
  113. /package/{hooks/useNavigateAway.d.ts → useNavigateAway.d.ts} +0 -0
  114. /package/{hooks/usePrevious.d.ts → usePrevious.d.ts} +0 -0
  115. /package/{hooks/usePrevious.js → usePrevious.js} +0 -0
  116. /package/{hooks/usePreviousRef.d.ts → usePreviousRef.d.ts} +0 -0
  117. /package/{hooks/usePreviousRef.js → usePreviousRef.js} +0 -0
  118. /package/{hooks/useScrollPosition.d.ts → useScrollPosition.d.ts} +0 -0
  119. /package/{hooks/useScrollThreshold.d.ts → useScrollThreshold.d.ts} +0 -0
  120. /package/{hooks/useScrollTo.d.ts → useScrollTo.d.ts} +0 -0
  121. /package/{hooks/useSmoothScroll.d.ts → useSmoothScroll.d.ts} +0 -0
  122. /package/{hooks/useSpinDelay.d.ts → useSpinDelay.d.ts} +0 -0
  123. /package/{hooks/useSpinDelay.js → useSpinDelay.js} +0 -0
  124. /package/{hooks/useTraceUpdate.d.ts → useTraceUpdate.d.ts} +0 -0
  125. /package/{hooks/useTraceUpdate.js → useTraceUpdate.js} +0 -0
  126. /package/{hooks/useUpdateEffect.d.ts → useUpdateEffect.d.ts} +0 -0
  127. /package/{hooks/useUpdateEffect.js → useUpdateEffect.js} +0 -0
@@ -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" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
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" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
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" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
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" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
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" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
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, extendComponent } from "../../helpers/index.js";
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]"])));
@@ -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" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
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" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
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" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
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" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
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" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
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<{
@@ -1,5 +1,6 @@
1
1
  import { __makeTemplateObject } from "tslib";
2
- import { classed, extendComponent } from "../../helpers/index.js";
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"])));
@@ -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" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
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" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
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"> & {
@@ -1,5 +1,5 @@
1
1
  import { m } from "framer-motion";
2
- import { extendComponent } from "../../helpers/index.js";
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" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
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" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
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 "../../helpers/index.js";
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";
@@ -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" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
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" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
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" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
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" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
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" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
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<{
@@ -1,5 +1,6 @@
1
1
  import { __makeTemplateObject } from "tslib";
2
- import { classed, extendComponent } from "../../helpers/index.js";
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
@@ -1,5 +1,5 @@
1
1
  import type { Simplify } from "@koine/utils";
2
- import { type WithComponents } from "../helpers/index.js";
2
+ import { type WithComponents } from "../extendComponent.js";
3
3
  export type OwnProps = React.PropsWithChildren<{
4
4
  action: string;
5
5
  ok?: boolean;
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 "../helpers/index.js";
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 "../../helpers/index.js";
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/decode";
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/decode";
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/isString";
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) {
@@ -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/ensureInt";
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);
@@ -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/isUndefined";
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 "../helpers/index.js";
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" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<UseTabReturnValue, "selected" | "active"> & {
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" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<UseTabReturnValue, "selected" | "active"> & {
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" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<UseTabReturnValue, "selected" | "active"> & {
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" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<UseTabReturnValue, "selected" | "active"> & {
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 "../helpers/index.js";
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" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
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" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
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" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
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" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
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, extendComponent } from "../../helpers/index.js";
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"])));
@@ -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" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
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">>;
@@ -1,5 +1,6 @@
1
1
  import { __makeTemplateObject } from "tslib";
2
- import { classed, extendComponent } from "../../helpers/index.js";
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"])));
@@ -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 "../hooks/index.js";
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/getMediaQueryWidthResolvers";
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/getMediaQueryWidthResolvers";
3
- import isUndefined from "@koine/utils/isUndefined";
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
@@ -1,2 +1 @@
1
- export * from "../shared/index.js";
2
1
  export { KoineDialog } from "../Dialog/css/bare.js";
package/css/index.js CHANGED
@@ -1,2 +1 @@
1
- export * from "../shared/index.js";
2
1
  export { KoineDialog } from "../Dialog/css/bare.js";
package/index.d.ts CHANGED
@@ -1 +1,25 @@
1
- export * from "./shared/index.js";
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 * from "./shared/index.js";
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";