@koine/react 2.0.0-beta.15 → 2.0.0-beta.17

package/Dialog/css/bare.d.ts

@@ -6,7 +6,7 @@ export declare const Root: import("react").ForwardRefExoticComponent<Omit<{
 export declare const Backdrop: import("react").ForwardRefExoticComponent<Omit<{
     className?: string | undefined;
     ref?: import("react").Ref<any> | undefined;
-}, "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"> & {
+}, "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"> & {
     open?: any;
 }>>>>;
 export declare const Container: import("react").ForwardRefExoticComponent<Omit<{
@@ -18,7 +18,7 @@ export declare const Container: import("react").ForwardRefExoticComponent<Omit<{
 export declare const Paper: import("react").ForwardRefExoticComponent<Omit<{
     className?: string | undefined;
     ref?: import("react").Ref<any> | undefined;
-}, "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"> & {
+}, "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"> & {
     "aria-label": string;
 } & Pick<_.OwnProps, "$scrollPaper"> & {
     children?: import("react").ReactNode;
@@ -54,13 +54,13 @@ export declare const KoineDialog: ((props: Omit<{
     mPaper?: import("framer-motion").MotionProps | undefined;
     children?: import("react").ReactNode;
     Root: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Modal").ModalTypeMap<{}, "div">>;
-    Backdrop: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
+    Backdrop: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & {
         open?: any;
     }>>;
     Container: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Pick<_.OwnProps, "$scrollPaper"> & {
         children?: import("react").ReactNode;
     }>>;
-    Paper: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
+    Paper: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & {
         "aria-label": string;
     } & Pick<_.OwnProps, "$scrollPaper"> & {
         children?: import("react").ReactNode;
@@ -84,7 +84,7 @@ export declare const KoineDialog: ((props: Omit<{
     Backdrop: import("react").ForwardRefExoticComponent<Omit<{
         className?: string | undefined;
         ref?: import("react").Ref<any> | undefined;
-    }, "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"> & {
+    }, "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"> & {
         open?: any;
     }>>>>;
     Container: import("react").ForwardRefExoticComponent<Omit<{
@@ -96,7 +96,7 @@ export declare const KoineDialog: ((props: Omit<{
     Paper: import("react").ForwardRefExoticComponent<Omit<{
         className?: string | undefined;
         ref?: import("react").Ref<any> | undefined;
-    }, "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"> & {
+    }, "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"> & {
         "aria-label": string;
     } & Pick<_.OwnProps, "$scrollPaper"> & {
         children?: import("react").ReactNode;
@@ -130,7 +130,7 @@ export declare const KoineDialog: ((props: Omit<{
         Backdrop: import("react").ForwardRefExoticComponent<Omit<{
             className?: string | undefined;
             ref?: import("react").Ref<any> | undefined;
-        }, "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"> & {
+        }, "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"> & {
             open?: any;
         }>>>>;
         Container: import("react").ForwardRefExoticComponent<Omit<{
@@ -142,7 +142,7 @@ export declare const KoineDialog: ((props: Omit<{
         Paper: import("react").ForwardRefExoticComponent<Omit<{
             className?: string | undefined;
             ref?: import("react").Ref<any> | undefined;
-        }, "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"> & {
+        }, "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"> & {
             "aria-label": string;
         } & Pick<_.OwnProps, "$scrollPaper"> & {
             children?: import("react").ReactNode;

package/Dialog/css/bare.js

@@ -1,5 +1,6 @@
 import { __makeTemplateObject } from "tslib";
-import { classed, extendComponent } from "../../helpers/index.js";
+import { classed } from "../../classed.js";
+import { extendComponent } from "../../extendComponent.js";
 import * as _ from "../DialogMui.js";
 export var Root = classed(_.Root)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["dialog"], ["dialog"])));
 export var Backdrop = classed(_.Backdrop)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["dialogBackdrop"], ["dialogBackdrop"])));

package/Dialog/m/bare.js

@@ -1,3 +1,3 @@
-import { extendComponent } from "../../helpers/index.js";
+import { extendComponent } from "../../extendComponent.js";
 var Dialog = function () { return null; };
 export var KoineDialog = extendComponent(Dialog, {});

package/Dialog/sc/bare.d.ts

@@ -18,13 +18,13 @@ export declare const KoineDialog: ((props: Omit<{
     mPaper?: import("framer-motion").MotionProps | undefined;
     children?: import("react").ReactNode;
     Root: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Modal").ModalTypeMap<{}, "div">>;
-    Backdrop: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
+    Backdrop: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & {
         open?: any;
     }>>;
     Container: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Pick<_.OwnProps, "$scrollPaper"> & {
         children?: import("react").ReactNode;
     }>>;
-    Paper: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
+    Paper: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & {
         "aria-label": string;
     } & Pick<_.OwnProps, "$scrollPaper"> & {
         children?: import("react").ReactNode;

package/Dialog/sc/bare.js

@@ -1,7 +1,7 @@
 import { __makeTemplateObject } from "tslib";
 import styled from "styled-components";
 import { IconButton } from "../../Buttons/index.js";
-import { extendComponent } from "../../helpers/index.js";
+import { extendComponent } from "../../extendComponent.js";
 import { inset0 } from "../../styles/styled.js";
 import * as _ from "../DialogMui.js";
 export var Root = styled(_.Root)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  z-index: 1300;\n  position: fixed;\n  ", "\n"], ["\n  z-index: 1300;\n  position: fixed;\n  ", "\n"])), inset0);

package/Dialog/sc/framer.js

@@ -1,5 +1,5 @@
 import { m } from "framer-motion";
-import { extendComponent } from "../../helpers/index.js";
+import { extendComponent } from "../../extendComponent.js";
 import { KoineDialog as _ } from "../m/bare.js";
 import { dialogBackdropMotion, dialogPaperMotion } from "../m/basic.js";
 import { Backdrop, Body, Close, Container, Header, Paper, Root } from "./bare.js";

package/Dialog/sc/framerMaterial.js

@@ -1,5 +1,5 @@
 import { m } from "framer-motion";
-import { extendComponent } from "../../helpers/index.js";
+import { extendComponent } from "../../extendComponent.js";
 import { KoineDialog as _ } from "../m/bare.js";
 import { dialogBackdropMotion, dialogPaperMotion } from "../m/basic.js";
 import { Backdrop, Body, Close, Container, Header, Paper, Root, } from "./material.js";

package/Dialog/sc/material.d.ts

@@ -17,13 +17,13 @@ export declare const KoineDialog: ((props: Omit<{
     mPaper?: import("framer-motion").MotionProps | undefined;
     children?: import("react").ReactNode;
     Root: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Modal").ModalTypeMap<{}, "div">>;
-    Backdrop: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
+    Backdrop: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & {
         open?: any;
     }>>;
     Container: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Pick<import("../DialogMui").OwnProps, "$scrollPaper"> & {
         children?: import("react").ReactNode;
     }>>;
-    Paper: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
+    Paper: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & {
         "aria-label": string;
     } & Pick<import("../DialogMui").OwnProps, "$scrollPaper"> & {
         children?: import("react").ReactNode;

package/Dialog/sc/material.js

@@ -1,6 +1,6 @@
 import { __makeTemplateObject } from "tslib";
 import styled from "styled-components";
-import { extendComponent } from "../../helpers/index.js";
+import { extendComponent } from "../../extendComponent.js";
 import { KoineDialog as _ } from "./bare.js";
 export var Root = styled(_.Root)(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
 export var Backdrop = styled(_.Backdrop)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background: rgba(0, 0, 0, 0.5);\n  filter: backdrop-blur(4px);\n"], ["\n  background: rgba(0, 0, 0, 0.5);\n  filter: backdrop-blur(4px);\n"])));

package/Dialog/tw/bare.d.ts

@@ -7,7 +7,7 @@ export declare const Root: import("react").ForwardRefExoticComponent<Omit<{
 export declare const Backdrop: import("react").ForwardRefExoticComponent<Omit<{
     className?: string | undefined;
     ref?: import("react").Ref<any> | undefined;
-}, "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"> & {
+}, "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"> & {
     open?: any;
 }>>>>;
 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<{
     mPaper?: import("framer-motion").MotionProps | undefined;
     children?: import("react").ReactNode;
     Root: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Modal").ModalTypeMap<{}, "div">>;
-    Backdrop: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
+    Backdrop: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & {
         open?: any;
     }>>;
     Container: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Pick<_.OwnProps, "$scrollPaper"> & {
         children?: import("react").ReactNode;
     }>>;
-    Paper: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
+    Paper: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & {
         "aria-label": string;
     } & Pick<_.OwnProps, "$scrollPaper"> & {
         children?: import("react").ReactNode;
@@ -97,7 +97,7 @@ export declare const KoineDialog: ((props: Omit<{
     Backdrop: import("react").ForwardRefExoticComponent<Omit<{
         className?: string | undefined;
         ref?: import("react").Ref<any> | undefined;
-    }, "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"> & {
+    }, "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"> & {
         open?: any;
     }>>>>;
     Container: import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLProps<any> & Pick<_.OwnProps, "$scrollPaper"> & {
@@ -155,7 +155,7 @@ export declare const KoineDialog: ((props: Omit<{
         Backdrop: import("react").ForwardRefExoticComponent<Omit<{
             className?: string | undefined;
             ref?: import("react").Ref<any> | undefined;
-        }, "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"> & {
+        }, "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"> & {
             open?: any;
         }>>>>;
         Container: import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLProps<any> & Pick<_.OwnProps, "$scrollPaper"> & {

package/Dialog/tw/bare.js

@@ -1,5 +1,6 @@
 import { __makeTemplateObject } from "tslib";
-import { classed, extendComponent } from "../../helpers/index.js";
+import { classed } from "../../classed.js";
+import { extendComponent } from "../../extendComponent.js";
 import * as _ from "../DialogMui.js";
 export var Root = classed(_.Root)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["< class=\"dialog fixed z-[1300] inset-0"], ["< class=\"dialog fixed z-[1300] inset-0"])));
 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

@@ -12,7 +12,7 @@ export declare const Backdrop: import("react").ForwardRefExoticComponent<Omit<{
 }, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<{
     className?: string | undefined;
     ref?: import("react").Ref<any> | undefined;
-}, "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"> & {
+}, "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"> & {
     open?: any;
 }>>>>>>;
 export declare const Container: import("react").ForwardRefExoticComponent<Omit<{
@@ -87,13 +87,13 @@ export declare const KoineDialog: ((props: Omit<{
     mPaper?: import("framer-motion").MotionProps | undefined;
     children?: import("react").ReactNode;
     Root: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Modal").ModalTypeMap<{}, "div">>;
-    Backdrop: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
+    Backdrop: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & {
         open?: any;
     }>>;
     Container: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Pick<import("../DialogMui").OwnProps, "$scrollPaper"> & {
         children?: import("react").ReactNode;
     }>>;
-    Paper: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
+    Paper: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & {
         "aria-label": string;
     } & Pick<import("../DialogMui").OwnProps, "$scrollPaper"> & {
         children?: import("react").ReactNode;
@@ -123,7 +123,7 @@ export declare const KoineDialog: ((props: Omit<{
     }, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<{
         className?: string | undefined;
         ref?: import("react").Ref<any> | undefined;
-    }, "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"> & {
+    }, "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"> & {
         open?: any;
     }>>>>>>;
     Container: import("react").ForwardRefExoticComponent<Omit<{
@@ -202,7 +202,7 @@ export declare const KoineDialog: ((props: Omit<{
         }, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<{
             className?: string | undefined;
             ref?: import("react").Ref<any> | undefined;
-        }, "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"> & {
+        }, "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"> & {
             open?: any;
         }>>>>>>;
         Container: import("react").ForwardRefExoticComponent<Omit<{

package/Dialog/tw/elegant.js

@@ -1,5 +1,6 @@
 import { __makeTemplateObject } from "tslib";
-import { classed, extendComponent } from "../../helpers/index.js";
+import { classed } from "../../classed.js";
+import { extendComponent } from "../../extendComponent.js";
 import { KoineDialog as _ } from "./bare.js";
 export var Root = classed(_.Root)(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
 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

@@ -7,7 +7,7 @@ export declare const KoineDialog: ((props: unknown) => import("react").FunctionC
     Backdrop: import("framer-motion").CustomDomComponent<Omit<{
         className?: string | undefined;
         ref?: import("react").Ref<any> | undefined;
-    }, "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"> & {
+    }, "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"> & {
         open?: any;
     }>>>>;
     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
         Backdrop: import("framer-motion").CustomDomComponent<Omit<{
             className?: string | undefined;
             ref?: import("react").Ref<any> | undefined;
-        }, "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"> & {
+        }, "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"> & {
             open?: any;
         }>>>>;
         Container: import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLProps<any> & Pick<import("../DialogMui").OwnProps, "$scrollPaper"> & {

package/Dialog/tw/framer.js

@@ -1,5 +1,5 @@
 import { m } from "framer-motion";
-import { extendComponent } from "../../helpers/index.js";
+import { extendComponent } from "../../extendComponent.js";
 import { KoineDialog as _ } from "../m/bare.js";
 import { dialogBackdropMotion, dialogPaperMotion } from "../m/basic.js";
 import { Backdrop, Body, Close, Container, Header, Paper, Root } from "./bare.js";

package/Dialog/tw/framerMaterial.d.ts

@@ -13,7 +13,7 @@ export declare const KoineDialog: ((props: unknown) => import("react").FunctionC
     }, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<{
         className?: string | undefined;
         ref?: import("react").Ref<any> | undefined;
-    }, "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"> & {
+    }, "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"> & {
         open?: any;
     }>>>>>>;
     Container: import("react").ForwardRefExoticComponent<Omit<{
@@ -94,7 +94,7 @@ export declare const KoineDialog: ((props: unknown) => import("react").FunctionC
         }, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<{
             className?: string | undefined;
             ref?: import("react").Ref<any> | undefined;
-        }, "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"> & {
+        }, "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"> & {
             open?: any;
         }>>>>>>;
         Container: import("react").ForwardRefExoticComponent<Omit<{

package/Dialog/tw/framerMaterial.js

@@ -1,5 +1,5 @@
 import { m } from "framer-motion";
-import { extendComponent } from "../../helpers/index.js";
+import { extendComponent } from "../../extendComponent.js";
 import { KoineDialog as _ } from "../m/bare.js";
 import { dialogBackdropMotion, dialogPaperMotion } from "../m/basic.js";
 import { Backdrop, Body, Close, Container, Header, Paper, Root, } from "./material.js";

package/Dialog/tw/material.d.ts

@@ -12,7 +12,7 @@ export declare const Backdrop: import("react").ForwardRefExoticComponent<Omit<{
 }, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<{
     className?: string | undefined;
     ref?: import("react").Ref<any> | undefined;
-}, "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"> & {
+}, "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"> & {
     open?: any;
 }>>>>>>;
 export declare const Container: import("react").ForwardRefExoticComponent<Omit<{
@@ -87,13 +87,13 @@ export declare const KoineDialog: ((props: Omit<{
     mPaper?: import("framer-motion").MotionProps | undefined;
     children?: import("react").ReactNode;
     Root: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Modal").ModalTypeMap<{}, "div">>;
-    Backdrop: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
+    Backdrop: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & {
         open?: any;
     }>>;
     Container: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Pick<import("../DialogMui").OwnProps, "$scrollPaper"> & {
         children?: import("react").ReactNode;
     }>>;
-    Paper: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
+    Paper: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & {
         "aria-label": string;
     } & Pick<import("../DialogMui").OwnProps, "$scrollPaper"> & {
         children?: import("react").ReactNode;
@@ -123,7 +123,7 @@ export declare const KoineDialog: ((props: Omit<{
     }, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<{
         className?: string | undefined;
         ref?: import("react").Ref<any> | undefined;
-    }, "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"> & {
+    }, "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"> & {
         open?: any;
     }>>>>>>;
     Container: import("react").ForwardRefExoticComponent<Omit<{
@@ -202,7 +202,7 @@ export declare const KoineDialog: ((props: Omit<{
         }, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<{
             className?: string | undefined;
             ref?: import("react").Ref<any> | undefined;
-        }, "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"> & {
+        }, "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"> & {
             open?: any;
         }>>>>>>;
         Container: import("react").ForwardRefExoticComponent<Omit<{

package/Dialog/tw/material.js

@@ -1,5 +1,6 @@
 import { __makeTemplateObject } from "tslib";
-import { classed, extendComponent } from "../../helpers/index.js";
+import { classed } from "../../classed.js";
+import { extendComponent } from "../../extendComponent.js";
 import { KoineDialog as _ } from "./bare.js";
 export var Root = classed(_.Root)(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
 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

@@ -1,5 +1,5 @@
 import type { Simplify } from "@koine/utils";
-import { type WithComponents } from "../helpers/index.js";
+import { type WithComponents } from "../extendComponent.js";
 export type OwnProps = React.PropsWithChildren<{
     action: string;
     ok?: boolean;

package/Form/Form.js

@@ -1,7 +1,7 @@
-import { __assign, __rest } from "tslib";
+import { __assign, __read, __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
-import { extendComponent, } from "../helpers/index.js";
+import { extendComponent, } from "../extendComponent.js";
 export var Root = "form";
 export var Overlay = "div";
 export var Progress = "div";
@@ -14,7 +14,7 @@ export var Form = function (_a) {
     } : _b, _Fail = _a.Fail, _c = _a.failProps, failProps = _c === void 0 ? {
         children: "Failed.",
     } : _c, collapseOnOk = _a.collapseOnOk, collapseOnFail = _a.collapseOnFail, _d = _a.okTimeout, okTimeout = _d === void 0 ? 3000 : _d, _e = _a.failTimeout, failTimeout = _e === void 0 ? 3000 : _e, children = _a.children, props = __rest(_a, ["Root", "Overlay", "Progress", "Collapsable", "ok", "fail", "loading", "Ok", "okProps", "Fail", "failProps", "collapseOnOk", "collapseOnFail", "okTimeout", "failTimeout", "children"]);
-    var _f = useState(""), open = _f[0], setOpen = _f[1];
+    var _f = __read(useState(""), 2), open = _f[0], setOpen = _f[1];
     var commonProps = {
         head: null,
         components: {

package/Form/sc/bare.js

@@ -3,7 +3,7 @@ import styled from "styled-components";
 import { Alert } from "../../Alert/index.js";
 import { Collapsable } from "../../Collapsable/index.js";
 import { ProgressCircular } from "../../Progress/index.js";
-import { extendComponent } from "../../helpers/index.js";
+import { extendComponent } from "../../extendComponent.js";
 import { centered, overlay } from "../../styles/styled.js";
 import * as _ from "../Form.js";
 export var Root = styled(_.Root)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));

package/Forms/Field/FieldControl.js

@@ -2,7 +2,7 @@ import { __assign, __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { useFormState } from "react-hook-form";
-import decode from "@koine/utils/decode";
+import { decode } from "@koine/utils";
 import { InputHoneypot } from "../styles.js";
 import { Field } from "./Field.js";
 import { FieldHint } from "./FieldHint.js";

package/Forms/Password/Password.js

@@ -1,4 +1,4 @@
-import { __assign, __makeTemplateObject, __rest } from "tslib";
+import { __assign, __makeTemplateObject, __read, __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { forwardRef, useState } from "react";
 import { ImEyeBlocked as IconInvisible, ImEye as IconVisible, } from "react-icons/im";
@@ -11,7 +11,7 @@ export var PasswordInputNative = styled(InputNative)(templateObject_2 || (templa
 var PasswordIcon = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  opacity: 0.5;\n"], ["\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  opacity: 0.5;\n"])), ICON_WIDTH);
 export var Password = forwardRef(function Password(_a, ref) {
     var register = _a.register, name = _a.name, label = _a.label, props = __rest(_a, ["register", "name", "label"]);
-    var _b = useState(false), visible = _b[0], setVisible = _b[1];
+    var _b = __read(useState(false), 2), visible = _b[0], setVisible = _b[1];
     return (_jsxs(_Fragment, { children: [label && _jsx(Label, { children: label }), _jsxs(PasswordInputWrap, { children: [_jsx(PasswordInputNative, __assign({ type: visible ? "text" : "password", autoComplete: "new-password" }, (register ? register(name) : { name: name, ref: ref }), props)), _jsx(PasswordIcon, { onClick: function () { return setVisible(function (prev) { return !prev; }); }, children: visible ? _jsx(IconInvisible, {}) : _jsx(IconVisible, {}) })] })] }));
 });
 var templateObject_1, templateObject_2, templateObject_3;

package/Forms/antispam.js

@@ -1,7 +1,5 @@
 import { object } from "@kuus/yup";
-import decode from "@koine/utils/decode";
-import encode from "@koine/utils/encode";
-import isUndefined from "@koine/utils/isUndefined";
+import { decode, encode, isUndefined } from "@koine/utils";
 export function encodeForm(validationRules) {
     var encoded = {};
     var encodedNames = {};

package/Forms/helpers.js

@@ -1,5 +1,4 @@
-import isString from "@koine/utils/isString";
-import matchSorter from "@koine/utils/matchSorter";
+import { isString, matchSorter } from "@koine/utils";
 export var normaliseOptions = function (options) {
     if (options === void 0) { options = []; }
     return options.map(function (option) {

package/Grid/Grid.js

@@ -1,4 +1,4 @@
-import { __makeTemplateObject } from "tslib";
+import { __makeTemplateObject, __read } from "tslib";
 import styled from "styled-components";
 export var GRID_COLUMNS = 12;
 export var GRID_GUTTER_DEFAULT = "half";
@@ -26,7 +26,7 @@ function getColCss(props) {
         var offsets = $offset.split(",");
         for (var i = 0; i <= offsets.length; i++) {
             if (offsets[i]) {
-                var _a = offsets[i].split(":"), offsetBreakpoint = _a[0], offsetSize = _a[1];
+                var _a = __read(offsets[i].split(":"), 2), offsetBreakpoint = _a[0], offsetSize = _a[1];
                 css += " \n          @media(min-width: ".concat(breakpoints[offsetBreakpoint], "px){\n            margin-left: ").concat((100 * offsetSize) / GRID_COLUMNS, "%;\n          }\n        ");
             }
         }

package/Header/useHeader.js

@@ -1,15 +1,16 @@
+import { __read } from "tslib";
 import { useEffect, useState } from "react";
-import { useScrollPosition } from "../hooks/useScrollPosition.js";
 import { useMedia } from "../styles/media.js";
 import { useTheme } from "../styles/theme.js";
+import { useScrollPosition } from "../useScrollPosition.js";
 export var useHeader = function () {
-    var _a = useState(false), isSticky = _a[0], setIsSticky = _a[1];
+    var _a = __read(useState(false), 2), isSticky = _a[0], setIsSticky = _a[1];
     var themed = useTheme().header;
     var isDesktopLayout = useMedia("min:".concat(themed.breakpoint));
     var valueIdx = isDesktopLayout ? 1 : 0;
-    var _b = useState(themed.height[valueIdx]), headerHeight = _b[0], setHeaderHeight = _b[1];
-    var _c = useState(themed.height[valueIdx]), placeholderHeight = _c[0], setPlaceholderHeight = _c[1];
-    var _d = useState(themed.logoWidth[valueIdx]), logoWidth = _d[0], setLogoWidth = _d[1];
+    var _b = __read(useState(themed.height[valueIdx]), 2), headerHeight = _b[0], setHeaderHeight = _b[1];
+    var _c = __read(useState(themed.height[valueIdx]), 2), placeholderHeight = _c[0], setPlaceholderHeight = _c[1];
+    var _d = __read(useState(themed.logoWidth[valueIdx]), 2), logoWidth = _d[0], setLogoWidth = _d[1];
     useScrollPosition(function (currentPosition) {
         var isPastThreshold = currentPosition.y * -1 > 40;
         if (isSticky !== isPastThreshold)

package/MenuItem/useMenuItem.js

@@ -1,4 +1,4 @@
-import { __assign } from "tslib";
+import { __assign, __read } from "tslib";
 import useMenu from "@mui/base/useMenu";
 import useForkRef from "@mui/utils/useForkRef";
 import { useCallback, useEffect, useId, useRef, useState } from "react";
@@ -16,7 +16,7 @@ export function useMenuItem(props) {
     useEffect(function () {
         registerItem(id, { disabled: disabled, id: id, ref: itemRef, label: label });
     }, [id, registerItem, disabled, ref, label]);
-    var _d = useState(false), focusRequested = _d[0], requestFocus = _d[1];
+    var _d = __read(useState(false), 2), focusRequested = _d[0], requestFocus = _d[1];
     var focusIfRequested = useCallback(function () {
         if (focusRequested && itemRef.current != null) {
             itemRef.current.focus();

package/Pagination/PaginationNav.js

@@ -2,7 +2,7 @@ import { __makeTemplateObject } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { CgArrowLeftR as IconArrowLeft, CgArrowRightR as IconArrowRight, } from "react-icons/cg";
 import styled from "styled-components";
-import ensureInt from "@koine/utils/ensureInt";
+import { ensureInt } from "@koine/utils";
 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"])));
 var item = "\n  display: block;\n  padding: 5px 10px;\n";
 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/Progress/ProgressOverlay.js

@@ -1,4 +1,4 @@
-import { __makeTemplateObject } from "tslib";
+import { __makeTemplateObject, __read } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { m } from "framer-motion";
 import { useEffect } from "react";
@@ -10,7 +10,7 @@ var ProgressOverlayWrap = styled(m.div)(templateObject_1 || (templateObject_1 =
 var ProgressOverlayCenterer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--progress-overlay-bg);\n"], ["\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--progress-overlay-bg);\n"])));
 export var ProgressOverlay = function (_a) {
     var running = _a.running;
-    var _b = useHeader(), headerHeight = _b[2];
+    var _b = __read(useHeader(), 3), headerHeight = _b[2];
     useEffect(function () {
         document.body.style.cursor = running ? "wait" : "";
     }, [running]);

package/Rating/Rating.js

@@ -1,4 +1,4 @@
-import { __assign, __makeTemplateObject, __rest } from "tslib";
+import { __assign, __makeTemplateObject, __read, __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useId, useState } from "react";
 import styled from "styled-components";
@@ -15,8 +15,8 @@ export var RatingRoot = styled.div(templateObject_5 || (templateObject_5 = __mak
 export var Rating = function (_a) {
     var _b = _a.value, value = _b === void 0 ? 0 : _b, count = _a.count, _c = _a.min, min = _c === void 0 ? 0 : _c, _d = _a.max, max = _d === void 0 ? 5 : _d, _e = _a.showDetails, showDetails = _e === void 0 ? true : _e, colorBg = _a.colorBg, colorStroke = _a.colorStroke, _f = _a.starSize, starSize = _f === void 0 ? 16 : _f;
     var id = useId();
-    var currentValue = useState(value)[0];
-    var _g = useState([]), stars = _g[0], setStars = _g[1];
+    var _g = __read(useState(value), 1), currentValue = _g[0];
+    var _h = __read(useState([]), 2), stars = _h[0], setStars = _h[1];
     var getStars = useCallback(function (activeCount) {
         var stars = [];
         for (var currentStar = min + 1; currentStar < max + 1; currentStar++) {