@koine/react 2.0.0-beta.7 → 2.0.0-beta.71

package/Details/Details.d.ts

@@ -1,404 +0,0 @@
-/// <reference types="react" />
-/// <reference types="react" />
-import type { Simplify } from "@koine/utils";
-import { type WithComponents } from "../helpers";
-export type OwnProps = React.ComponentPropsWithoutRef<"details"> & {
-    open?: boolean;
-    onChange?: () => any;
-    summary: null | React.ReactNode;
-    /** Amount of milliseconds after which the component collapses */
-    /** @default "Expand" */
-    ariaExpand?: string;
-    /** @default "Collapse" */
-    ariaCollapse?: string;
-    id?: string;
-    /** Used to trigger a recalculation effect */
-    recalc?: any;
-};
-export type Components = {
-    Root: {
-        type: "details";
-        props: {};
-    };
-    Summary: {
-        type: "summary";
-        props: React.PropsWithChildren<{
-            $open: OwnProps["open"];
-        } & Pick<OwnProps, "onChange">>;
-    };
-    Body: {
-        type: "div";
-        props: React.PropsWithChildren<{
-            $open: OwnProps["open"];
-        } & Pick<OwnProps, "onChange">>;
-        motionable: true;
-    };
-    Content: {
-        type: "div";
-        props: React.PropsWithChildren<{
-            $open: OwnProps["open"];
-            "aria-expanded"?: React.AriaAttributes["aria-expanded"];
-            "aria-label"?: React.AriaAttributes["aria-label"];
-        } & Pick<OwnProps, "onChange">>;
-        motionable: true;
-    };
-};
-export type ComponentsProps = {
-    [Name in keyof Components]: Components[Name]["props"];
-};
-export type Props = Simplify<WithComponents<OwnProps, Components>>;
-export type DetailsProps = Props;
-export type KoineDetailsProps = Props;
-export declare const Root: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement>, "ref">>>;
-export declare const Summary: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
-    $open: OwnProps["open"];
-} & 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"> & {
-    $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"> & {
-    $open: OwnProps["open"];
-    "aria-expanded"?: React.AriaAttributes["aria-expanded"];
-    "aria-label"?: React.AriaAttributes["aria-label"];
-} & Pick<OwnProps, "onChange"> & {
-    children?: import("react").ReactNode;
-}>>;
-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;
-    className?: string | undefined;
-    contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
-    contextMenu?: string | undefined;
-    dir?: string | undefined;
-    draggable?: (boolean | "true" | "false") | undefined;
-    hidden?: boolean | 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;
-    'aria-activedescendant'?: string | undefined;
-    'aria-atomic'?: (boolean | "true" | "false") | undefined;
-    'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
-    'aria-braillelabel'?: string | undefined;
-    'aria-brailleroledescription'?: string | undefined;
-    'aria-busy'?: (boolean | "true" | "false") | undefined;
-    'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
-    'aria-colcount'?: number | undefined;
-    'aria-colindex'?: number | undefined;
-    'aria-colindextext'?: string | undefined;
-    'aria-colspan'?: number | undefined;
-    'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "time" | "location" | "true" | "false" | "page" | "step" | "date" | undefined;
-    'aria-describedby'?: string | undefined;
-    'aria-description'?: string | undefined;
-    'aria-details'?: string | undefined;
-    'aria-disabled'?: (boolean | "true" | "false") | undefined;
-    'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | undefined;
-    'aria-errormessage'?: string | undefined;
-    'aria-expanded'?: (boolean | "true" | "false") | undefined;
-    'aria-flowto'?: string | undefined;
-    'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
-    'aria-hidden'?: (boolean | "true" | "false") | undefined;
-    'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
-    'aria-keyshortcuts'?: string | undefined;
-    'aria-label'?: string | undefined;
-    'aria-labelledby'?: string | undefined;
-    'aria-level'?: number | undefined;
-    'aria-live'?: "off" | "assertive" | "polite" | undefined;
-    'aria-modal'?: (boolean | "true" | "false") | undefined;
-    'aria-multiline'?: (boolean | "true" | "false") | undefined;
-    'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
-    'aria-orientation'?: "horizontal" | "vertical" | undefined;
-    'aria-owns'?: string | undefined;
-    'aria-placeholder'?: string | undefined;
-    '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-required'?: (boolean | "true" | "false") | undefined;
-    'aria-roledescription'?: string | undefined;
-    'aria-rowcount'?: number | undefined;
-    'aria-rowindex'?: number | undefined;
-    'aria-rowindextext'?: string | undefined;
-    'aria-rowspan'?: number | undefined;
-    'aria-selected'?: (boolean | "true" | "false") | undefined;
-    'aria-setsize'?: number | undefined;
-    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
-    'aria-valuemax'?: number | undefined;
-    'aria-valuemin'?: number | undefined;
-    'aria-valuenow'?: number | undefined;
-    'aria-valuetext'?: string | undefined;
-    children?: import("react").ReactNode;
-    dangerouslySetInnerHTML?: {
-        __html: string | TrustedHTML;
-    } | undefined;
-    onCopy?: import("react").ClipboardEventHandler<HTMLDetailsElement> | undefined;
-    onCopyCapture?: import("react").ClipboardEventHandler<HTMLDetailsElement> | undefined;
-    onCut?: import("react").ClipboardEventHandler<HTMLDetailsElement> | undefined;
-    onCutCapture?: import("react").ClipboardEventHandler<HTMLDetailsElement> | undefined;
-    onPaste?: import("react").ClipboardEventHandler<HTMLDetailsElement> | undefined;
-    onPasteCapture?: import("react").ClipboardEventHandler<HTMLDetailsElement> | undefined;
-    onCompositionEnd?: import("react").CompositionEventHandler<HTMLDetailsElement> | undefined;
-    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDetailsElement> | undefined;
-    onCompositionStart?: import("react").CompositionEventHandler<HTMLDetailsElement> | undefined;
-    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDetailsElement> | undefined;
-    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDetailsElement> | undefined;
-    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDetailsElement> | undefined;
-    onFocus?: import("react").FocusEventHandler<HTMLDetailsElement> | undefined;
-    onFocusCapture?: import("react").FocusEventHandler<HTMLDetailsElement> | undefined;
-    onBlur?: import("react").FocusEventHandler<HTMLDetailsElement> | undefined;
-    onBlurCapture?: import("react").FocusEventHandler<HTMLDetailsElement> | undefined;
-    onChange?: (import("react").FormEventHandler<HTMLDetailsElement> & (() => any)) | undefined;
-    onChangeCapture?: import("react").FormEventHandler<HTMLDetailsElement> | undefined;
-    onBeforeInput?: import("react").FormEventHandler<HTMLDetailsElement> | undefined;
-    onBeforeInputCapture?: import("react").FormEventHandler<HTMLDetailsElement> | undefined;
-    onInput?: import("react").FormEventHandler<HTMLDetailsElement> | undefined;
-    onInputCapture?: import("react").FormEventHandler<HTMLDetailsElement> | undefined;
-    onReset?: import("react").FormEventHandler<HTMLDetailsElement> | undefined;
-    onResetCapture?: import("react").FormEventHandler<HTMLDetailsElement> | undefined;
-    onSubmit?: import("react").FormEventHandler<HTMLDetailsElement> | undefined;
-    onSubmitCapture?: import("react").FormEventHandler<HTMLDetailsElement> | undefined;
-    onInvalid?: import("react").FormEventHandler<HTMLDetailsElement> | undefined;
-    onInvalidCapture?: import("react").FormEventHandler<HTMLDetailsElement> | undefined;
-    onLoad?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onLoadCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onError?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onErrorCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onKeyDown?: import("react").KeyboardEventHandler<HTMLDetailsElement> | undefined;
-    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDetailsElement> | undefined;
-    onKeyPress?: import("react").KeyboardEventHandler<HTMLDetailsElement> | undefined;
-    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDetailsElement> | undefined;
-    onKeyUp?: import("react").KeyboardEventHandler<HTMLDetailsElement> | undefined;
-    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDetailsElement> | undefined;
-    onAbort?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onAbortCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onCanPlay?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onCanPlayCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onCanPlayThrough?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onDurationChange?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onEmptied?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onEmptiedCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onEncrypted?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onEncryptedCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onEnded?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onEndedCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onLoadedData?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onLoadedMetadata?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onLoadStart?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onLoadStartCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onPause?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onPauseCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onPlay?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onPlayCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onPlaying?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onPlayingCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onProgress?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onProgressCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onRateChange?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onRateChangeCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onResize?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onResizeCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onSeeked?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onSeekedCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onSeeking?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onSeekingCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onStalled?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onStalledCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onSuspend?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onSuspendCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onTimeUpdate?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onVolumeChange?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onWaiting?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onWaitingCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onAuxClick?: import("react").MouseEventHandler<HTMLDetailsElement> | undefined;
-    onAuxClickCapture?: import("react").MouseEventHandler<HTMLDetailsElement> | undefined;
-    onClick?: import("react").MouseEventHandler<HTMLDetailsElement> | undefined;
-    onClickCapture?: import("react").MouseEventHandler<HTMLDetailsElement> | undefined;
-    onContextMenu?: import("react").MouseEventHandler<HTMLDetailsElement> | undefined;
-    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;
-    onDragExit?: import("react").DragEventHandler<HTMLDetailsElement> | undefined;
-    onDragExitCapture?: import("react").DragEventHandler<HTMLDetailsElement> | undefined;
-    onDragLeave?: import("react").DragEventHandler<HTMLDetailsElement> | undefined;
-    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;
-    onMouseDown?: import("react").MouseEventHandler<HTMLDetailsElement> | undefined;
-    onMouseDownCapture?: import("react").MouseEventHandler<HTMLDetailsElement> | undefined;
-    onMouseEnter?: import("react").MouseEventHandler<HTMLDetailsElement> | undefined;
-    onMouseLeave?: import("react").MouseEventHandler<HTMLDetailsElement> | undefined;
-    onMouseMove?: import("react").MouseEventHandler<HTMLDetailsElement> | undefined;
-    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDetailsElement> | undefined;
-    onMouseOut?: import("react").MouseEventHandler<HTMLDetailsElement> | undefined;
-    onMouseOutCapture?: import("react").MouseEventHandler<HTMLDetailsElement> | undefined;
-    onMouseOver?: import("react").MouseEventHandler<HTMLDetailsElement> | undefined;
-    onMouseOverCapture?: import("react").MouseEventHandler<HTMLDetailsElement> | undefined;
-    onMouseUp?: import("react").MouseEventHandler<HTMLDetailsElement> | undefined;
-    onMouseUpCapture?: import("react").MouseEventHandler<HTMLDetailsElement> | undefined;
-    onSelect?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onSelectCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    onTouchCancel?: import("react").TouchEventHandler<HTMLDetailsElement> | undefined;
-    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDetailsElement> | undefined;
-    onTouchEnd?: import("react").TouchEventHandler<HTMLDetailsElement> | undefined;
-    onTouchEndCapture?: import("react").TouchEventHandler<HTMLDetailsElement> | undefined;
-    onTouchMove?: import("react").TouchEventHandler<HTMLDetailsElement> | undefined;
-    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDetailsElement> | undefined;
-    onTouchStart?: import("react").TouchEventHandler<HTMLDetailsElement> | undefined;
-    onTouchStartCapture?: import("react").TouchEventHandler<HTMLDetailsElement> | undefined;
-    onPointerDown?: import("react").PointerEventHandler<HTMLDetailsElement> | undefined;
-    onPointerDownCapture?: import("react").PointerEventHandler<HTMLDetailsElement> | undefined;
-    onPointerMove?: import("react").PointerEventHandler<HTMLDetailsElement> | undefined;
-    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDetailsElement> | undefined;
-    onPointerUp?: import("react").PointerEventHandler<HTMLDetailsElement> | undefined;
-    onPointerUpCapture?: import("react").PointerEventHandler<HTMLDetailsElement> | undefined;
-    onPointerCancel?: import("react").PointerEventHandler<HTMLDetailsElement> | undefined;
-    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDetailsElement> | undefined;
-    onPointerEnter?: import("react").PointerEventHandler<HTMLDetailsElement> | undefined;
-    onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDetailsElement> | undefined;
-    onPointerLeave?: import("react").PointerEventHandler<HTMLDetailsElement> | undefined;
-    onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDetailsElement> | undefined;
-    onPointerOver?: import("react").PointerEventHandler<HTMLDetailsElement> | undefined;
-    onPointerOverCapture?: import("react").PointerEventHandler<HTMLDetailsElement> | undefined;
-    onPointerOut?: import("react").PointerEventHandler<HTMLDetailsElement> | undefined;
-    onPointerOutCapture?: import("react").PointerEventHandler<HTMLDetailsElement> | undefined;
-    onGotPointerCapture?: import("react").PointerEventHandler<HTMLDetailsElement> | undefined;
-    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDetailsElement> | undefined;
-    onLostPointerCapture?: import("react").PointerEventHandler<HTMLDetailsElement> | undefined;
-    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDetailsElement> | undefined;
-    onScroll?: import("react").UIEventHandler<HTMLDetailsElement> | undefined;
-    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;
-    open?: boolean | undefined;
-    onToggle?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
-    summary: null | React.ReactNode;
-    ariaExpand?: string | undefined;
-    ariaCollapse?: string | undefined;
-    recalc?: any;
-    Root: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement>, "ref">>>;
-    Summary: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
-        $open: OwnProps["open"];
-    } & 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"> & {
-        $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"> & {
-        $open: OwnProps["open"];
-        "aria-expanded"?: React.AriaAttributes["aria-expanded"];
-        "aria-label"?: React.AriaAttributes["aria-label"];
-    } & Pick<OwnProps, "onChange"> & {
-        children?: import("react").ReactNode;
-    }>>;
-} & import("react").RefAttributes<HTMLDetailsElement>) => import("react").FunctionComponentElement<any>) & {
-    Root: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement>, "ref">>>;
-    Summary: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
-        $open: OwnProps["open"];
-    } & 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"> & {
-        $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"> & {
-        $open: OwnProps["open"];
-        "aria-expanded"?: React.AriaAttributes["aria-expanded"];
-        "aria-label"?: React.AriaAttributes["aria-label"];
-    } & Pick<OwnProps, "onChange"> & {
-        children?: import("react").ReactNode;
-    }>>;
-} & {
-    defaultProps: {
-        Root: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement>, "ref">>>;
-        Summary: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
-            $open: OwnProps["open"];
-        } & 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"> & {
-            $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"> & {
-            $open: OwnProps["open"];
-            "aria-expanded"?: React.AriaAttributes["aria-expanded"];
-            "aria-label"?: React.AriaAttributes["aria-label"];
-        } & Pick<OwnProps, "onChange"> & {
-            children?: import("react").ReactNode;
-        }>>;
-    };
-};

package/Details/Details.js

@@ -1,117 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    Root: function() {
-        return Root;
-    },
-    Summary: function() {
-        return Summary;
-    },
-    Body: function() {
-        return Body;
-    },
-    Content: function() {
-        return Content;
-    },
-    KoineDetails: function() {
-        return KoineDetails;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = require("react");
-const _helpers = require("../helpers");
-const _useWindowSize = require("../hooks/useWindowSize");
-const Root = "details";
-const Summary = "summary";
-const Body = "div";
-const Content = "div";
-/**
- * FIXME: it actually works even without forwardRef, check if we do need it
- *
- * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details
- */ const DetailsWithRef = /*#__PURE__*/ (0, _react.forwardRef)(function Details({ id, open: propOpen, recalc, summary, children, Root: _Root, Summary: _Summary, Body: _Body, Content: _Content, onChange, ...props }, ref) {
-    const isControlled = typeof propOpen !== "undefined";
-    const [stateOpen, setStateOpen] = (0, _react.useState)(propOpen);
-    const [, /* height */ setHeight] = (0, _react.useState)(0);
-    const hash = id ? `#${id}` : "";
-    const winSize = (0, _useWindowSize.useWindowSize)();
-    const open = isControlled ? propOpen : stateOpen;
-    const [overflow /* setOverflow */ ] = (0, _react.useState)(open ? "unset" : "hidden");
-    const content = (0, _react.useRef)(null);
-    const defaultId = (0, _react.useId)();
-    id = id || defaultId;
-    const handleClick = (0, _react.useCallback)(()=>{
-        if (hash) {
-            window.history.replaceState(null, "", open ? window.location.pathname + window.location.search : hash);
-        }
-        if (onChange) {
-            onChange();
-        }
-        if (!isControlled) {
-            setStateOpen((prevOpen)=>!prevOpen);
-        }
-    }, [
-        open,
-        hash,
-        onChange,
-        isControlled
-    ]);
-    (0, _react.useEffect)(()=>{
-        if (content.current) {
-            setHeight(Math.ceil(content.current.offsetHeight));
-        }
-    }, [
-        winSize,
-        recalc
-    ]);
-    // deeplink on mount
-    (0, _react.useEffect)(()=>{
-        if (!isControlled && hash && window.location.hash === hash) {
-            setStateOpen(true);
-        }
-    }, [
-        hash,
-        isControlled
-    ]);
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(Root, {
-        ...props,
-        open: open || false,
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(Summary, {
-                $open: open,
-                onClick: handleClick,
-                children: summary || " "
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(Body, {
-                $open: open,
-                style: {
-                    overflow
-                },
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(Content, {
-                    // ref={content}
-                    $open: open,
-                    // aria-expanded={open}
-                    // aria-label={open ? ariaCollapse : ariaExpand}
-                    style: {
-                        pointerEvents: open ? "all" : "none"
-                    },
-                    children: children
-                })
-            })
-        ]
-    });
-});
-const KoineDetails = (0, _helpers.extendComponent)(DetailsWithRef, {
-    Root,
-    Summary,
-    Body,
-    Content
-}); // export default Details;

package/Details/Details.mjs

@@ -1,90 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useCallback, useEffect, useId, useRef, useState } from "react";
-import { extendComponent } from "../helpers";
-import { useWindowSize } from "../hooks/useWindowSize";
-export const Root = "details";
-export const Summary = "summary";
-export const Body = "div";
-export const Content = "div";
-/**
- * FIXME: it actually works even without forwardRef, check if we do need it
- *
- * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details
- */ const DetailsWithRef = /*#__PURE__*/ forwardRef(function Details({ id, open: propOpen, recalc, summary, children, Root: _Root, Summary: _Summary, Body: _Body, Content: _Content, onChange, ...props }, ref) {
-    const isControlled = typeof propOpen !== "undefined";
-    const [stateOpen, setStateOpen] = useState(propOpen);
-    const [, /* height */ setHeight] = useState(0);
-    const hash = id ? `#${id}` : "";
-    const winSize = useWindowSize();
-    const open = isControlled ? propOpen : stateOpen;
-    const [overflow /* setOverflow */ ] = useState(open ? "unset" : "hidden");
-    const content = useRef(null);
-    const defaultId = useId();
-    id = id || defaultId;
-    const handleClick = useCallback(()=>{
-        if (hash) {
-            window.history.replaceState(null, "", open ? window.location.pathname + window.location.search : hash);
-        }
-        if (onChange) {
-            onChange();
-        }
-        if (!isControlled) {
-            setStateOpen((prevOpen)=>!prevOpen);
-        }
-    }, [
-        open,
-        hash,
-        onChange,
-        isControlled
-    ]);
-    useEffect(()=>{
-        if (content.current) {
-            setHeight(Math.ceil(content.current.offsetHeight));
-        }
-    }, [
-        winSize,
-        recalc
-    ]);
-    // deeplink on mount
-    useEffect(()=>{
-        if (!isControlled && hash && window.location.hash === hash) {
-            setStateOpen(true);
-        }
-    }, [
-        hash,
-        isControlled
-    ]);
-    return /*#__PURE__*/ _jsxs(Root, {
-        ...props,
-        open: open || false,
-        children: [
-            /*#__PURE__*/ _jsx(Summary, {
-                $open: open,
-                onClick: handleClick,
-                children: summary || " "
-            }),
-            /*#__PURE__*/ _jsx(Body, {
-                $open: open,
-                style: {
-                    overflow
-                },
-                children: /*#__PURE__*/ _jsx(Content, {
-                    // ref={content}
-                    $open: open,
-                    // aria-expanded={open}
-                    // aria-label={open ? ariaCollapse : ariaExpand}
-                    style: {
-                        pointerEvents: open ? "all" : "none"
-                    },
-                    children: children
-                })
-            })
-        ]
-    });
-});
-export const KoineDetails = extendComponent(DetailsWithRef, {
-    Root,
-    Summary,
-    Body,
-    Content
-}); // export default Details;

package/Details/Details.stories.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    default: function() {
-        return _default;
-    },
-    Bare: function() {
-        return Bare;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _stories = require("@koine/stories");
-const _Details = require("./Details");
-const _default = {
-    component: _Details.KoineDetails,
-    title: "Base/Details",
-    ..._stories.storyDetailsMeta
-};
-const BareTemplate = (args)=>{
-    // return <StoryDetails {...args} Details={KoineDetails} />;
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_stories.StoryDetails, {
-        ...args,
-        Details: _Details.KoineDetails
-    });
-// return <div><Details {...args} /></div>;
-};
-const Bare = BareTemplate.bind({});
-Bare.args = {
-    summary: "Details summary",
-    children: "Medium"
-};