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

package/Autocomplete/AutocompleteMui.js

@@ -2,7 +2,7 @@ import { __assign, __awaiter, __generator, __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import useAutocomplete from "@mui/base/useAutocomplete";
 import { useCallback, useMemo, useState } from "react";
-import isString from "@koine/utils/isString";
+import { isString } from "@koine/utils";
 import { normaliseOptions, } from "../Forms/helpers.js";
 import { InputProgress } from "../Forms/styles.js";
 import { AutocompleteInner, AutocompleteInput, AutocompleteInputArrow, AutocompleteItem, AutocompleteItemLabel, AutocompleteItemRemove, AutocompleteLabel, AutocompleteMenu, AutocompleteMenuItem, AutocompleteRoot, AutocompleteWrap, } from "./components.js";

package/Autocomplete/helpers.js

@@ -1,5 +1,4 @@
-import isArray from "@koine/utils/isArray";
-import isString from "@koine/utils/isString";
+import { isArray, isString } from "@koine/utils";
 export function normaliseAutocompleteValue(value, asArray) {
     if (!value) {
         return asArray ? [""] : "";

package/Breadcrumbs/Breadcrumbs.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { m } from "framer-motion";
 import { MdKeyboardArrowRight as IconDelimiter } from "react-icons/md";
 import styled, { css } from "styled-components";
-import titleCase from "@koine/utils/titleCase";
+import { titleCase } from "@koine/utils";
 import { max, min } from "../styles/media.js";
 var LINK_GUTTER_X = 10;
 var Root = styled.nav(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  position: relative;\n"], ["\n  display: flex;\n  position: relative;\n"])));

package/Calendar/CalendarDaygridNav.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import format from "date-fns/format";
-import { useDateLocale } from "../hooks/useDateLocale.js";
+import { useDateLocale } from "../useDateLocale.js";
 export var KoineCalendarDaygridNav = function (_a) {
     var range = _a.range, view = _a.view, todayInView = _a.todayInView, handlePrev = _a.handlePrev, handleNext = _a.handleNext, handleToday = _a.handleToday, handleView = _a.handleView, localeCode = _a.locale, _b = _a.NavRoot, NavRoot = _b === void 0 ? "nav" : _b, _c = _a.NavTitle, NavTitle = _c === void 0 ? "div" : _c, _d = _a.NavBtns, NavBtns = _d === void 0 ? "div" : _d, _e = _a.NavBtnPrev, NavBtnPrev = _e === void 0 ? "button" : _e, _f = _a.NavBtnNext, NavBtnNext = _f === void 0 ? "button" : _f, _g = _a.NavBtnToday, NavBtnToday = _g === void 0 ? "button" : _g, _h = _a.NavBtnViewMonth, NavBtnViewMonth = _h === void 0 ? "button" : _h, _j = _a.NavBtnViewWeek, NavBtnViewWeek = _j === void 0 ? "button" : _j;
     var start = range[0], end = range[1];

package/Calendar/CalendarDaygridTable.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import eachWeekOfInterval from "date-fns/eachWeekOfInterval";
 import { useEffect, useMemo, useState } from "react";
 import { useSwipeable } from "react-swipeable";
-import { useDateLocale } from "../hooks/index.js";
+import { useDateLocale } from "../useDateLocale.js";
 import { CalendarDaygridCell, } from "./CalendarDaygridCell.js";
 import { processEventsInView } from "./utils.js";
 function getView(range) {

package/Calendar/calendar-api-google.js

@@ -1,9 +1,7 @@
 import { __assign, __awaiter, __generator, __rest } from "tslib";
 import differenceInDays from "date-fns/differenceInDays";
 import subDays from "date-fns/subDays";
-import arrayToLookup from "@koine/utils/arrayToLookup";
-import isString from "@koine/utils/isString";
-import isUndefined from "@koine/utils/isUndefined";
+import { arrayToLookup, isString, isUndefined } from "@koine/utils";
 import { addCalendarEvents, getEventTimestamp } from "./utils.js";
 var baseURL = "https://www.googleapis.com/calendar/v3/calendars/";
 export function getCalendarsEventsFromGoogle(_a) {

package/Details/Details.d.ts

@@ -1,5 +1,5 @@
 import type { Simplify } from "@koine/utils";
-import { type WithComponents } from "../helpers";
+import { type WithComponents } from "../extendComponent";
 export type OwnProps = React.ComponentPropsWithoutRef<"details"> & {
     open?: boolean;
     onChange?: () => any;
@@ -49,12 +49,12 @@ export declare const Summary: NonNullable<import("react").ElementType<Omit<impor
 } & Pick<OwnProps, "onChange"> & {
     children?: import("react").ReactNode;
 }>>;
-export declare const Body: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
+export declare const Body: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & {
     $open: OwnProps["open"];
 } & Pick<OwnProps, "onChange"> & {
     children?: import("react").ReactNode;
 }>>;
-export declare const Content: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
+export declare const Content: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & {
     $open: OwnProps["open"];
     "aria-expanded"?: React.AriaAttributes["aria-expanded"];
     "aria-label"?: React.AriaAttributes["aria-label"];
@@ -63,55 +63,22 @@ export declare const Content: NonNullable<import("react").ElementType<Omit<Omit<
 }>>;
 export declare const KoineDetails: ((props: {
     key?: import("react").Key | null | undefined;
-    id?: string | undefined;
     slot?: string | undefined;
     style?: import("react").CSSProperties | undefined;
     title?: string | undefined;
-    color?: string | undefined;
-    defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    suppressContentEditableWarning?: boolean | undefined;
-    suppressHydrationWarning?: boolean | undefined;
-    accessKey?: string | undefined;
-    autoFocus?: boolean | undefined;
+    onDrag?: import("react").DragEventHandler<HTMLDetailsElement> | undefined;
+    onDragStart?: import("react").DragEventHandler<HTMLDetailsElement> | undefined;
+    onDragEnd?: import("react").DragEventHandler<HTMLDetailsElement> | undefined;
+    onAnimationStart?: import("react").AnimationEventHandler<HTMLDetailsElement> | undefined;
+    onAnimationEnd?: import("react").AnimationEventHandler<HTMLDetailsElement> | undefined;
     className?: string | undefined;
-    contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
-    contextMenu?: string | undefined;
-    dir?: string | undefined;
-    draggable?: (boolean | "true" | "false") | undefined;
-    hidden?: boolean | undefined;
+    children?: import("react").ReactNode;
+    suppressHydrationWarning?: boolean | undefined;
+    color?: string | undefined;
+    id?: string | undefined;
     lang?: string | undefined;
-    nonce?: string | undefined;
-    placeholder?: string | undefined;
-    spellCheck?: (boolean | "true" | "false") | undefined;
-    tabIndex?: number | undefined;
-    translate?: "yes" | "no" | undefined;
-    radioGroup?: string | undefined;
     role?: import("react").AriaRole | undefined;
-    about?: string | undefined;
-    content?: string | undefined;
-    datatype?: string | undefined;
-    inlist?: any;
-    prefix?: string | undefined;
-    property?: string | undefined;
-    rel?: string | undefined;
-    resource?: string | undefined;
-    rev?: string | undefined;
-    typeof?: string | undefined;
-    vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
-    autoCorrect?: string | undefined;
-    autoSave?: string | undefined;
-    itemProp?: string | undefined;
-    itemScope?: boolean | undefined;
-    itemType?: string | undefined;
-    itemID?: string | undefined;
-    itemRef?: string | undefined;
-    results?: number | undefined;
-    security?: string | undefined;
-    unselectable?: "on" | "off" | undefined;
-    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
-    is?: string | undefined;
+    tabIndex?: number | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
     'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
@@ -124,7 +91,7 @@ export declare const KoineDetails: ((props: {
     'aria-colindextext'?: string | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "time" | "location" | "true" | "false" | "page" | "step" | "date" | undefined;
+    'aria-current'?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-description'?: string | undefined;
     'aria-details'?: string | undefined;
@@ -151,7 +118,7 @@ export declare const KoineDetails: ((props: {
     'aria-posinset'?: number | undefined;
     'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
     'aria-readonly'?: (boolean | "true" | "false") | undefined;
-    'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    'aria-relevant'?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
     'aria-required'?: (boolean | "true" | "false") | undefined;
     'aria-roledescription'?: string | undefined;
     'aria-rowcount'?: number | undefined;
@@ -165,7 +132,6 @@ export declare const KoineDetails: ((props: {
     'aria-valuemin'?: number | undefined;
     'aria-valuenow'?: number | undefined;
     'aria-valuetext'?: string | undefined;
-    children?: import("react").ReactNode;
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
     } | undefined;
@@ -261,9 +227,7 @@ export declare const KoineDetails: ((props: {
     onContextMenuCapture?: import("react").MouseEventHandler<HTMLDetailsElement> | undefined;
     onDoubleClick?: import("react").MouseEventHandler<HTMLDetailsElement> | undefined;
     onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDetailsElement> | undefined;
-    onDrag?: import("react").DragEventHandler<HTMLDetailsElement> | undefined;
     onDragCapture?: import("react").DragEventHandler<HTMLDetailsElement> | undefined;
-    onDragEnd?: import("react").DragEventHandler<HTMLDetailsElement> | undefined;
     onDragEndCapture?: import("react").DragEventHandler<HTMLDetailsElement> | undefined;
     onDragEnter?: import("react").DragEventHandler<HTMLDetailsElement> | undefined;
     onDragEnterCapture?: import("react").DragEventHandler<HTMLDetailsElement> | undefined;
@@ -273,7 +237,6 @@ export declare const KoineDetails: ((props: {
     onDragLeaveCapture?: import("react").DragEventHandler<HTMLDetailsElement> | undefined;
     onDragOver?: import("react").DragEventHandler<HTMLDetailsElement> | undefined;
     onDragOverCapture?: import("react").DragEventHandler<HTMLDetailsElement> | undefined;
-    onDragStart?: import("react").DragEventHandler<HTMLDetailsElement> | undefined;
     onDragStartCapture?: import("react").DragEventHandler<HTMLDetailsElement> | undefined;
     onDrop?: import("react").DragEventHandler<HTMLDetailsElement> | undefined;
     onDropCapture?: import("react").DragEventHandler<HTMLDetailsElement> | undefined;
@@ -323,14 +286,51 @@ export declare const KoineDetails: ((props: {
     onScrollCapture?: import("react").UIEventHandler<HTMLDetailsElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLDetailsElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLDetailsElement> | undefined;
-    onAnimationStart?: import("react").AnimationEventHandler<HTMLDetailsElement> | undefined;
     onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDetailsElement> | undefined;
-    onAnimationEnd?: import("react").AnimationEventHandler<HTMLDetailsElement> | undefined;
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDetailsElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLDetailsElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDetailsElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDetailsElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDetailsElement> | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    autoFocus?: boolean | undefined;
+    contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    hidden?: boolean | undefined;
+    nonce?: string | undefined;
+    placeholder?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    about?: string | undefined;
+    content?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    rel?: string | undefined;
+    resource?: string | undefined;
+    rev?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    is?: string | undefined;
     open?: boolean | undefined;
     onToggle?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
     summary: null | React.ReactNode;
@@ -343,12 +343,12 @@ export declare const KoineDetails: ((props: {
     } & Pick<OwnProps, "onChange"> & {
         children?: import("react").ReactNode;
     }>>;
-    Body: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
+    Body: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & {
         $open: OwnProps["open"];
     } & Pick<OwnProps, "onChange"> & {
         children?: import("react").ReactNode;
     }>>;
-    Content: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
+    Content: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & {
         $open: OwnProps["open"];
         "aria-expanded"?: React.AriaAttributes["aria-expanded"];
         "aria-label"?: React.AriaAttributes["aria-label"];
@@ -362,12 +362,12 @@ export declare const KoineDetails: ((props: {
     } & Pick<OwnProps, "onChange"> & {
         children?: import("react").ReactNode;
     }>>;
-    Body: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
+    Body: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & {
         $open: OwnProps["open"];
     } & Pick<OwnProps, "onChange"> & {
         children?: import("react").ReactNode;
     }>>;
-    Content: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
+    Content: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & {
         $open: OwnProps["open"];
         "aria-expanded"?: React.AriaAttributes["aria-expanded"];
         "aria-label"?: React.AriaAttributes["aria-label"];
@@ -382,12 +382,12 @@ export declare const KoineDetails: ((props: {
         } & Pick<OwnProps, "onChange"> & {
             children?: import("react").ReactNode;
         }>>;
-        Body: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
+        Body: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & {
             $open: OwnProps["open"];
         } & Pick<OwnProps, "onChange"> & {
             children?: import("react").ReactNode;
         }>>;
-        Content: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
+        Content: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & {
             $open: OwnProps["open"];
             "aria-expanded"?: React.AriaAttributes["aria-expanded"];
             "aria-label"?: React.AriaAttributes["aria-label"];

package/Details/Details.js

@@ -1,8 +1,8 @@
 import { __assign, __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useCallback, useEffect, useId, useRef, useState, } from "react";
-import { extendComponent, } from "../helpers/index.js";
-import { useWindowSize } from "../hooks/useWindowSize.js";
+import { extendComponent, } from "../extendComponent.js";
+import { useWindowSize } from "../useWindowSize.js";
 export var Root = "details";
 export var Summary = "summary";
 export var Body = "div";

package/Dialog/DialogMui.d.ts

@@ -2,7 +2,7 @@ import ModalUnstyled, { type ModalProps as ModalUnstyledProps } from "@mui/base/
 import type { MotionProps } from "framer-motion";
 import React from "react";
 import type { Simplify } from "@koine/utils";
-import { type WithComponents } from "../helpers/index.js";
+import { type WithComponents } from "../extendComponent.js";
 type ReducedModalUnstyledProps = Omit<ModalUnstyledProps, "onClose" | "BackdropComponent" | "classes" | "closeAfterTransition" | "component" | "components" | "componentsProps">;
 export type OwnProps = React.PropsWithChildren<ReducedModalUnstyledProps & {
     onClose: (event: object, reason?: string) => any;
@@ -56,13 +56,13 @@ export type Props = Simplify<WithComponents<OwnProps, Components>>;
 export type DialogProps = Props;
 export type KoineDialogProps = Props;
 export declare const Root: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Modal").ModalTypeMap<{}, "div">>;
-export declare const Backdrop: NonNullable<React.ElementType<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
+export declare const Backdrop: NonNullable<React.ElementType<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & {
     open?: OwnProps["open"];
 }>>;
 export declare const Container: NonNullable<React.ElementType<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Pick<OwnProps, "$scrollPaper"> & {
     children?: React.ReactNode;
 }>>;
-export declare const Paper: NonNullable<React.ElementType<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
+export declare const Paper: NonNullable<React.ElementType<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & {
     "aria-label": string;
 } & Pick<OwnProps, "$scrollPaper"> & {
     children?: React.ReactNode;
@@ -89,13 +89,13 @@ export declare const KoineDialog: ((props: Omit<{
     mPaper?: MotionProps | undefined;
     children?: React.ReactNode;
     Root: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Modal").ModalTypeMap<{}, "div">>;
-    Backdrop: NonNullable<React.ElementType<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
+    Backdrop: NonNullable<React.ElementType<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & {
         open?: OwnProps["open"];
     }>>;
     Container: NonNullable<React.ElementType<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Pick<OwnProps, "$scrollPaper"> & {
         children?: React.ReactNode;
     }>>;
-    Paper: NonNullable<React.ElementType<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
+    Paper: NonNullable<React.ElementType<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & {
         "aria-label": string;
     } & Pick<OwnProps, "$scrollPaper"> & {
         children?: React.ReactNode;
@@ -113,13 +113,13 @@ export declare const KoineDialog: ((props: Omit<{
     }>>;
 }, "ref"> & React.RefAttributes<HTMLDivElement>) => React.FunctionComponentElement<any>) & {
     Root: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Modal").ModalTypeMap<{}, "div">>;
-    Backdrop: NonNullable<React.ElementType<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
+    Backdrop: NonNullable<React.ElementType<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & {
         open?: OwnProps["open"];
     }>>;
     Container: NonNullable<React.ElementType<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Pick<OwnProps, "$scrollPaper"> & {
         children?: React.ReactNode;
     }>>;
-    Paper: NonNullable<React.ElementType<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
+    Paper: NonNullable<React.ElementType<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & {
         "aria-label": string;
     } & Pick<OwnProps, "$scrollPaper"> & {
         children?: React.ReactNode;
@@ -138,13 +138,13 @@ export declare const KoineDialog: ((props: Omit<{
 } & {
     defaultProps: {
         Root: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Modal").ModalTypeMap<{}, "div">>;
-        Backdrop: NonNullable<React.ElementType<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
+        Backdrop: NonNullable<React.ElementType<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & {
             open?: OwnProps["open"];
         }>>;
         Container: NonNullable<React.ElementType<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Pick<OwnProps, "$scrollPaper"> & {
             children?: React.ReactNode;
         }>>;
-        Paper: NonNullable<React.ElementType<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
+        Paper: NonNullable<React.ElementType<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & {
             "aria-label": string;
         } & Pick<OwnProps, "$scrollPaper"> & {
             children?: React.ReactNode;

package/Dialog/DialogMui.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import ModalUnstyled from "@mui/base/Modal";
 import { forwardRef, useRef } from "react";
 import { MdClear as IconClose } from "react-icons/md";
-import { extendComponent } from "../helpers/index.js";
+import { extendComponent } from "../extendComponent.js";
 export var Root = ModalUnstyled;
 export var Backdrop = "div";
 export var Container = "div";

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"])));