@netless/telebox-insider 0.2.29 → 0.2.30

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netless/telebox-insider",
-  "version": "0.2.29",
+  "version": "0.2.30",
   "private": false,
   "description": "Window widget for Whiteboard",
   "author": "CRIMX <straybugs@gmail.com> (https://github.com/crimx/)",
@@ -24,16 +24,11 @@
     "lint": "lint-staged",
     "start": "vite ./playground --open --host",
     "storybook": "start-storybook -p 6006 --no-version-updates",
-    "types": "cross-env NODE_ENV=production tsc --declaration --emitDeclarationOnly --jsx react --esModuleInterop --outDir dist"
-  },
-  "dependencies": {
-    "@types/shallowequal": "^1.1.1",
-    "eventemitter3": "^4.0.7",
-    "shallowequal": "^1.1.0",
-    "stylefire": "^7.0.3"
+    "types": "dts -o dist/index.d.ts"
   },
   "devDependencies": {
     "@babel/plugin-proposal-class-properties": "^7.13.0",
+    "@hyrious/dts": "^0.2.2",
     "@netless/eslint-plugin": "^1.1.2",
     "@rollup/plugin-commonjs": "^17.1.0",
     "@rollup/plugin-node-resolve": "^11.2.0",
@@ -49,6 +44,7 @@
     "@types/node": "^14.14.16",
     "@types/react": "^17.0.0",
     "@types/react-dom": "^17.0.0",
+    "@types/shallowequal": "^1.1.1",
     "@typescript-eslint/eslint-plugin": "^4.11.0",
     "@typescript-eslint/parser": "^4.11.0",
     "chance": "^1.1.7",
@@ -61,6 +57,9 @@
     "eslint-plugin-prettier": "^3.1.4",
     "eslint-plugin-react": "^7.20.6",
     "eslint-plugin-react-app": "^6.2.2",
+    "eventemitter3": "^4.0.7",
+    "shallowequal": "^1.1.0",
+    "stylefire": "^7.0.3",
     "faker": "^5.4.0",
     "fork-ts-checker-webpack-plugin": "^6.0.4",
     "lint-staged": "^10.5.4",
@@ -73,7 +72,7 @@
     "sass": "^1.36.0",
     "sass-loader": "^10.1.1",
     "side-effect-manager": "0.1.5",
-    "typescript": "^4.1.2",
+    "typescript": "^5.4.5",
     "value-enhancer": "^0.0.8",
     "vite": "^2.4.4"
   }

package/src/index.ts

@@ -2,6 +2,6 @@ import "./scss/fancy-scrollbar.scss";
 
 export * from "./TeleBox";
 export * from "./TeleTitleBar";
-export * from "./TeleBoxReact";
+// export * from "./TeleBoxReact";
 export * from "./TeleBoxManager";
 export * from "./TeleBoxCollector";

package/dist/TeleBox/constants.d.ts

@@ -1,44 +0,0 @@
-export declare enum TELE_BOX_COLOR_SCHEME {
-    Light = "light",
-    Dark = "dark",
-    Auto = "auto"
-}
-export declare enum TELE_BOX_STATE {
-    Normal = "normal",
-    Minimized = "minimized",
-    Maximized = "maximized"
-}
-export declare enum TELE_BOX_EVENT {
-    DarkMode = "dark_mode",
-    PrefersColorScheme = "prefers_color_scheme",
-    Close = "close",
-    Focus = "focus",
-    Blur = "blur",
-    Move = "move",
-    Resize = "resize",
-    IntrinsicMove = "intrinsic_move",
-    IntrinsicResize = "intrinsic_resize",
-    VisualResize = "visual_resize",
-    ZIndex = "z_index",
-    State = "state",
-    Minimized = "minimized",
-    Maximized = "maximized",
-    Readonly = "readonly",
-    Destroyed = "destroyed"
-}
-export declare enum TELE_BOX_DELEGATE_EVENT {
-    Close = "close",
-    Maximize = "maximize",
-    Minimize = "minimize"
-}
-export declare enum TELE_BOX_RESIZE_HANDLE {
-    North = "n",
-    South = "s",
-    West = "w",
-    East = "e",
-    NorthWest = "nw",
-    NorthEast = "ne",
-    SouthEast = "se",
-    SouthWest = "sw"
-}
-export declare const TeleBoxDragHandleType = "dh";

package/dist/TeleBox/index.d.ts

@@ -1,171 +0,0 @@
-import "./style.scss";
-import { SideEffectManager } from "side-effect-manager";
-import { Val, ValEnhancedResult, ValSideEffectBinder } from "value-enhancer";
-import { TeleTitleBar } from "../TeleTitleBar";
-import type { TeleBoxConfig, TeleBoxRect, TeleBoxEvents, TeleBoxState, TeleBoxDelegateEvents, TeleBoxCoord, TeleBoxSize, TeleBoxColorScheme } from "./typings";
-export * from "./constants";
-export * from "./typings";
-declare type ValConfig = {
-    prefersColorScheme: Val<TeleBoxColorScheme, boolean>;
-    darkMode: Val<boolean, boolean>;
-    containerRect: Val<TeleBoxRect, boolean>;
-    collectorRect: Val<TeleBoxRect | undefined, boolean>;
-    /** Box title. Default empty. */
-    title: Val<string, boolean>;
-    /** Is box visible */
-    visible: Val<boolean, boolean>;
-    /** Is box readonly */
-    readonly: Val<boolean, boolean>;
-    /** Able to resize box window */
-    resizable: Val<boolean, boolean>;
-    /** Able to drag box window */
-    draggable: Val<boolean, boolean>;
-    /** Restrict box to always be within the containing area. */
-    fence: Val<boolean, boolean>;
-    /** Fixed width/height ratio for box window. */
-    fixRatio: Val<boolean, boolean>;
-    focus: Val<boolean, boolean>;
-    zIndex: Val<number, boolean>;
-    /** Is box minimized. Default false. */
-    minimized: Val<boolean, boolean>;
-    /** Is box maximized. Default false. */
-    maximized: Val<boolean, boolean>;
-    $userContent: Val<HTMLElement | undefined>;
-    $userFooter: Val<HTMLElement | undefined>;
-    $userStyles: Val<HTMLStyleElement | undefined>;
-};
-export interface TeleBox extends ValEnhancedResult<ValConfig> {
-}
-export declare class TeleBox {
-    constructor({ id, title, prefersColorScheme, darkMode, visible, width, height, minWidth, minHeight, x, y, minimized, maximized, readonly, resizable, draggable, fence, fixRatio, focus, zIndex, namespace, titleBar, content, footer, styles, containerRect, collectorRect, }?: TeleBoxConfig);
-    readonly id: string;
-    /** ClassName Prefix. For CSS styling. Default "telebox" */
-    readonly namespace: string;
-    readonly events: TeleBoxEvents;
-    readonly _delegateEvents: TeleBoxDelegateEvents;
-    protected _sideEffect: SideEffectManager;
-    protected _valSideEffectBinder: ValSideEffectBinder;
-    titleBar: TeleTitleBar;
-    _minSize$: Val<TeleBoxSize, boolean>;
-    _size$: Val<TeleBoxSize, boolean>;
-    _intrinsicSize$: Val<TeleBoxSize, boolean>;
-    _visualSize$: Val<TeleBoxSize, boolean>;
-    _coord$: Val<TeleBoxCoord, boolean>;
-    _intrinsicCoord$: Val<TeleBoxCoord, boolean>;
-    get darkMode(): boolean;
-    _state$: Val<TeleBoxState, boolean>;
-    get state(): TeleBoxState;
-    /** @deprecated use setMaximized and setMinimized instead */
-    setState(state: TeleBoxState, skipUpdate?: boolean): this;
-    /** Minimum box width relative to container element. 0~1. Default 0. */
-    get minWidth(): number;
-    /** Minimum box height relative to container element. 0~1. Default 0. */
-    get minHeight(): number;
-    /**
-     * @param minWidth Minimum box width relative to container element. 0~1.
-     * @returns this
-     */
-    setMinWidth(minWidth: number, skipUpdate?: boolean): this;
-    /**
-     * @param minHeight Minimum box height relative to container element. 0~1.
-     * @returns this
-     */
-    setMinHeight(minHeight: number, skipUpdate?: boolean): this;
-    /** Intrinsic box width relative to container element(without counting the effect of maximization or minimization). 0~1. Default 0.5. */
-    get intrinsicWidth(): number;
-    /** Intrinsic box height relative to container element(without counting the effect of maximization or minimization). 0~1. Default 0.5. */
-    get intrinsicHeight(): number;
-    /**
-     * Resize box.
-     * @param width Box width relative to container element. 0~1.
-     * @param height Box height relative to container element. 0~1.
-     * @param skipUpdate Skip emitting event.
-     * @returns this
-     */
-    resize(width: number, height: number, skipUpdate?: boolean): this;
-    /** Box width relative to container element. 0~1. Default 0.5. */
-    get width(): number;
-    /** Box height relative to container element. 0~1. Default 0.5. */
-    get height(): number;
-    /** Box width in pixels. */
-    get absoluteWidth(): number;
-    /** Box height in pixels. */
-    get absoluteHeight(): number;
-    /** Actual rendered box width relative to container element. 0~1. Default 0.5. */
-    get visualWidth(): number;
-    /** Actual rendered box height relative to container element. 0~1. Default 0.5. */
-    get visualHeight(): number;
-    /** Intrinsic box x position relative to container element(without counting the effect of maximization or minimization). 0~1. Default 0.1. */
-    get intrinsicX(): number;
-    /** Intrinsic box y position relative to container element(without counting the effect of maximization or minimization). 0~1. Default 0.1. */
-    get intrinsicY(): number;
-    /**
-     * Move box position.
-     * @param x x position relative to container element. 0~1.
-     * @param y y position relative to container element. 0~1.
-     * @param skipUpdate Skip emitting event.
-     * @returns this
-     */
-    move(x: number, y: number, skipUpdate?: boolean): this;
-    /** Box x position relative to container element. 0~1. Default 0.1. */
-    get x(): number;
-    /** Box y position relative to container element. 0~1. Default 0.1. */
-    get y(): number;
-    /**
-     * Resize + Move, with respect to fixed ratio.
-     * @param x x position relative to container element. 0~1.
-     * @param y y position relative to container element. 0~1.
-     * @param width Box width relative to container element. 0~1.
-     * @param height Box height relative to container element. 0~1.
-     * @param skipUpdate Skip emitting event.
-     * @returns this
-     */
-    transform(x: number, y: number, width: number, height: number, skipUpdate?: boolean): this;
-    /**
-     * Mount box to a container element.
-     */
-    mount(container: HTMLElement): this;
-    /**
-     * Unmount box from the container element.
-     */
-    unmount(): this;
-    /**
-     * Mount dom to box content.
-     */
-    mountContent(content: HTMLElement): this;
-    /**
-     * Unmount content from the box.
-     */
-    unmountContent(): this;
-    /**
-     * Mount dom to box Footer.
-     */
-    mountFooter(footer: HTMLElement): this;
-    /**
-     * Unmount Footer from the box.
-     */
-    unmountFooter(): this;
-    getUserStyles(): HTMLStyleElement | undefined;
-    mountStyles(styles: string | HTMLStyleElement): this;
-    unmountStyles(): this;
-    /** DOM of the box */
-    $box: HTMLElement;
-    /** DOM of the box content */
-    $content: HTMLElement;
-    /** DOM of the box title bar */
-    $titleBar: HTMLElement;
-    /** DOM of the box footer */
-    $footer: HTMLElement;
-    protected _renderSideEffect: SideEffectManager;
-    render(root?: HTMLElement): HTMLElement;
-    protected _handleTrackStart?: (ev: MouseEvent | TouchEvent) => void;
-    handleTrackStart: (ev: MouseEvent | TouchEvent) => void;
-    protected _renderResizeHandlers(): void;
-    destroy(): void;
-    /**
-     * Wrap a className with namespace
-     */
-    wrapClassName(className: string): string;
-}
-declare type PropKeys<K = keyof TeleBox> = K extends keyof TeleBox ? TeleBox[K] extends Function ? never : K : never;
-export declare type ReadonlyTeleBox = Pick<TeleBox, PropKeys | "wrapClassName" | "mountContent" | "mountFooter" | "mountStyles" | "handleTrackStart">;

package/dist/TeleBox/typings.d.ts

@@ -1,133 +0,0 @@
-import type EventEmitter from "eventemitter3";
-import type { TeleTitleBar } from "../TeleTitleBar";
-import type { TeleBoxDragHandleType, TELE_BOX_EVENT, TELE_BOX_DELEGATE_EVENT, TELE_BOX_RESIZE_HANDLE, TELE_BOX_STATE, TELE_BOX_COLOR_SCHEME } from "./constants";
-export declare type TeleBoxColorScheme = `${TELE_BOX_COLOR_SCHEME}`;
-export declare type TeleBoxCoord = {
-    x: number;
-    y: number;
-};
-export declare type TeleBoxSize = {
-    width: number;
-    height: number;
-};
-export declare type TeleBoxState = `${TELE_BOX_STATE}`;
-export interface TeleBoxRect {
-    readonly x: number;
-    readonly y: number;
-    readonly width: number;
-    readonly height: number;
-}
-export interface TeleBoxConfig {
-    /** Box ID. */
-    readonly id?: string;
-    /** Box title. Default empty. */
-    readonly title?: string;
-    /** Prefers Box color scheme. Default light. */
-    readonly prefersColorScheme?: TeleBoxColorScheme;
-    /** Actual Box Dark Mode */
-    readonly darkMode?: boolean;
-    /** Box visible. Default true. */
-    readonly visible?: boolean;
-    /** Box width relative to root element. 0~1. Default 0.5. */
-    readonly width?: number;
-    /** Box height relative to root element. 0~1. Default 0.5. */
-    readonly height?: number;
-    /** Minimum box width relative to root element. 0~1. Default 0. */
-    readonly minWidth?: number;
-    /** Minimum box height relative to root element. 0~1. Default 0. */
-    readonly minHeight?: number;
-    /** x position relative to root element. 0~1. Default 0.1. */
-    readonly x?: number;
-    /** y position relative to root element. 0~1. Default 0.1. */
-    readonly y?: number;
-    /** Maximize box. Default false. */
-    readonly maximized?: boolean;
-    /** Minimize box. Overwrites maximized state. Default false. */
-    readonly minimized?: boolean;
-    /** The initial state of the box. Default normal. */
-    readonly state?: TeleBoxState;
-    /** Is box readonly */
-    readonly readonly?: boolean;
-    /** Able to resize box window. Default true. */
-    readonly resizable?: boolean;
-    /** Able to drag box window Default true. */
-    readonly draggable?: boolean;
-    /** Restrict box to always be within the containing area. Default true. */
-    readonly fence?: boolean;
-    /** Fixed width/height ratio for box window. Default false. */
-    readonly fixRatio?: boolean;
-    /** Box focused. */
-    readonly focus?: boolean;
-    /** Base z-index for box. */
-    readonly zIndex?: number;
-    /** Classname Prefix. For CSS styling. Default "telebox". */
-    readonly namespace?: string;
-    /** TeleTitleBar Instance. */
-    readonly titleBar?: TeleTitleBar;
-    /** Box content. */
-    readonly content?: HTMLElement;
-    /** Box footer. */
-    readonly footer?: HTMLElement;
-    /** Box content styles. */
-    readonly styles?: HTMLStyleElement;
-    /** Position and dimension of container */
-    readonly containerRect?: TeleBoxRect;
-    /** Position and dimension of collector */
-    readonly collectorRect?: TeleBoxRect;
-}
-declare type CheckTeleBoxConfig<T extends Record<`${TELE_BOX_EVENT}`, any>> = T;
-export declare type TeleBoxEventConfig = CheckTeleBoxConfig<{
-    dark_mode: boolean;
-    prefers_color_scheme: TeleBoxColorScheme;
-    close: void;
-    focus: void;
-    blur: void;
-    move: {
-        x: number;
-        y: number;
-    };
-    resize: {
-        width: number;
-        height: number;
-    };
-    intrinsic_move: {
-        x: number;
-        y: number;
-    };
-    intrinsic_resize: {
-        width: number;
-        height: number;
-    };
-    visual_resize: {
-        width: number;
-        height: number;
-    };
-    z_index: number;
-    state: TeleBoxState;
-    minimized: boolean;
-    maximized: boolean;
-    readonly: boolean;
-    destroyed: void;
-}>;
-export declare type TeleBoxEvent = keyof TeleBoxEventConfig;
-export interface TeleBoxEvents extends EventEmitter<TeleBoxEvent> {
-    on<U extends TeleBoxEvent>(event: U, listener: (value: TeleBoxEventConfig[U]) => void): this;
-    once<U extends TeleBoxEvent>(event: U, listener: (value: TeleBoxEventConfig[U]) => void): this;
-    addListener<U extends TeleBoxEvent>(event: U, listener: (value: TeleBoxEventConfig[U]) => void): this;
-    emit<U extends TeleBoxEvent>(event: U, ...value: TeleBoxEventConfig[U] extends void ? [] : [TeleBoxEventConfig[U]]): boolean;
-}
-export declare type TeleBoxHandleType = TELE_BOX_RESIZE_HANDLE | typeof TeleBoxDragHandleType;
-declare type CheckTeleBoxDelegateConfig<T extends Record<`${TELE_BOX_DELEGATE_EVENT}`, any>> = T;
-export declare type TeleBoxDelegateEventConfig = CheckTeleBoxDelegateConfig<{
-    close: void;
-    maximize: void;
-    minimize: void;
-}>;
-export declare type TeleBoxDelegateEvent = keyof TeleBoxDelegateEventConfig;
-export interface TeleBoxDelegateEvents extends EventEmitter<TeleBoxDelegateEvent> {
-    on<U extends TeleBoxDelegateEvent>(event: U, listener: (value: TeleBoxDelegateEventConfig[U]) => void): this;
-    once<U extends TeleBoxDelegateEvent>(event: U, listener: (value: TeleBoxDelegateEventConfig[U]) => void): this;
-    addListener<U extends TeleBoxDelegateEvent>(event: U, listener: (value: TeleBoxDelegateEventConfig[U]) => void): this;
-    emit<U extends TeleBoxDelegateEvent>(event: U, ...value: TeleBoxDelegateEventConfig[U] extends void ? [] : [TeleBoxDelegateEventConfig[U]]): boolean;
-}
-export {};

package/dist/TeleBoxCollector/TeleBoxCollector.stories.d.ts

@@ -1,5 +0,0 @@
-import { Meta, Story } from "@storybook/react";
-import { TeleBoxCollectorConfig } from ".";
-declare const storyMeta: Meta;
-export default storyMeta;
-export declare const Overview: Story<TeleBoxCollectorConfig>;

package/dist/TeleBoxCollector/index.d.ts

@@ -1,39 +0,0 @@
-import "./style.scss";
-import { TeleStyles } from "../typings";
-export interface TeleBoxCollectorConfig {
-    visible?: boolean;
-    readonly?: boolean;
-    darkMode?: boolean;
-    namespace?: string;
-    styles?: TeleStyles;
-    onClick?: () => void;
-}
-export declare class TeleBoxCollector {
-    constructor({ visible, readonly, darkMode, namespace, styles, onClick, }?: TeleBoxCollectorConfig);
-    readonly styles: TeleStyles;
-    readonly namespace: string;
-    get visible(): boolean;
-    get readonly(): boolean;
-    get darkMode(): boolean;
-    onClick: (() => void) | undefined;
-    $collector: HTMLElement | undefined;
-    /**
-     * Mount collector to a root element.
-     */
-    mount(root: HTMLElement): this;
-    /**
-     * Unmount collector from the root element.
-     */
-    unmount(): this;
-    setVisible(visible: boolean): this;
-    setReadonly(readonly: boolean): this;
-    setDarkMode(darkMode: boolean): this;
-    setStyles(styles: TeleStyles): this;
-    render(): HTMLElement;
-    destroy(): void;
-    wrapClassName(className: string): string;
-    protected _visible: boolean;
-    protected _readonly: boolean;
-    protected _darkMode: boolean;
-    protected handleCollectorClick: () => void;
-}

package/dist/TeleBoxManager/MaxTitleBar/MaxTitleBar.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, Story } from "@storybook/react";
-import { MaxTitleBarReactProps } from "./MaxTitleBarReact";
-declare const storyMeta: Meta;
-export default storyMeta;
-export declare const Overview: Story<MaxTitleBarReactProps>;
-export declare const SingleBox: Story<MaxTitleBarReactProps>;
-export declare const BoxOverflows: Story<MaxTitleBarReactProps>;

package/dist/TeleBoxManager/MaxTitleBar/MaxTitleBarReact.d.ts

@@ -1,4 +0,0 @@
-import { FC } from "react";
-import { MaxTitleBarConfig } from ".";
-export declare type MaxTitleBarReactProps = MaxTitleBarConfig;
-export declare const MaxTitleBarReact: FC<MaxTitleBarConfig>;

package/dist/TeleBoxManager/MaxTitleBar/index.d.ts

@@ -1,29 +0,0 @@
-import "./style.scss";
-import type { TeleBox } from "../../TeleBox";
-import { DefaultTitleBar, DefaultTitleBarConfig } from "../../TeleTitleBar";
-import { TeleBoxRect, TeleBoxState } from "../../TeleBox/typings";
-export declare type MaxTitleBarTeleBox = Pick<TeleBox, "id" | "title" | "readonly">;
-export interface MaxTitleBarConfig extends DefaultTitleBarConfig {
-    darkMode: boolean;
-    boxes: MaxTitleBarTeleBox[];
-    containerRect: TeleBoxRect;
-    focusedBox?: MaxTitleBarTeleBox;
-}
-export declare class MaxTitleBar extends DefaultTitleBar {
-    constructor(config: MaxTitleBarConfig);
-    focusBox(box?: MaxTitleBarTeleBox): void;
-    setContainerRect(rect: TeleBoxRect): void;
-    setBoxes(boxes: MaxTitleBarTeleBox[]): void;
-    setState(state: TeleBoxState): void;
-    setReadonly(readonly: boolean): void;
-    setDarkMode(darkMode: boolean): void;
-    render(): HTMLElement;
-    destroy(): void;
-    updateTitles(): void;
-    protected renderTitles(): HTMLElement;
-    protected darkMode: boolean;
-    protected $titles: HTMLElement | undefined;
-    protected boxes: MaxTitleBarTeleBox[];
-    focusedBox: MaxTitleBarTeleBox | undefined;
-    protected containerRect: TeleBoxRect;
-}

package/dist/TeleBoxManager/constants.d.ts

@@ -1,17 +0,0 @@
-export declare enum TELE_BOX_MANAGER_EVENT {
-    Focused = "focused",
-    Blurred = "blurred",
-    Created = "created",
-    Removed = "removed",
-    State = "state",
-    Maximized = "maximized",
-    Minimized = "minimized",
-    Move = "move",
-    Resize = "resize",
-    IntrinsicMove = "intrinsic_move",
-    IntrinsicResize = "intrinsic_resize",
-    VisualResize = "visual_resize",
-    ZIndex = "z_index",
-    PrefersColorScheme = "prefers_color_scheme",
-    DarkMode = "dark_mode"
-}

package/dist/TeleBoxManager/index.d.ts

@@ -1,60 +0,0 @@
-import type { TeleBoxConfig, TeleBoxRect, TeleBoxState } from "../TeleBox/typings";
-import { TeleBoxCollector } from "../TeleBoxCollector";
-import { ReadonlyTeleBox, TeleBox } from "../TeleBox";
-import type { TeleBoxManagerConfig, TeleBoxManagerCreateConfig, TeleBoxManagerEvents, TeleBoxManagerQueryConfig, TeleBoxManagerUpdateConfig } from "./typings";
-import { MaxTitleBar } from "./MaxTitleBar";
-import { TeleBoxColorScheme } from "..";
-import { SideEffectManager } from "side-effect-manager";
-import { Val, ValEnhancedResult } from "value-enhancer";
-export * from "./typings";
-export * from "./constants";
-declare type ValConfig = {
-    prefersColorScheme: Val<TeleBoxColorScheme, boolean>;
-    containerRect: Val<TeleBoxRect, boolean>;
-    collector: Val<TeleBoxCollector | null>;
-    collectorRect: Val<TeleBoxRect | undefined>;
-    readonly: Val<boolean, boolean>;
-    minimized: Val<boolean, boolean>;
-    maximized: Val<boolean, boolean>;
-    fence: Val<boolean, boolean>;
-};
-export interface TeleBoxManager extends ValEnhancedResult<ValConfig> {
-}
-export declare class TeleBoxManager {
-    constructor({ root, prefersColorScheme, minimized, maximized, fence, containerRect, collector, namespace, readonly, }?: TeleBoxManagerConfig);
-    get boxes(): ReadonlyArray<TeleBox>;
-    get topBox(): TeleBox | undefined;
-    readonly events: TeleBoxManagerEvents;
-    protected _sideEffect: SideEffectManager;
-    protected root: HTMLElement;
-    readonly namespace: string;
-    _darkMode$: Val<boolean, boolean>;
-    get darkMode(): boolean;
-    _state$: Val<TeleBoxState, boolean>;
-    get state(): TeleBoxState;
-    /** @deprecated use setMaximized and setMinimized instead */
-    setState(state: TeleBoxState, skipUpdate?: boolean): this;
-    create(config?: TeleBoxManagerCreateConfig, smartPosition?: boolean): ReadonlyTeleBox;
-    query(config?: TeleBoxManagerQueryConfig): ReadonlyTeleBox[];
-    queryOne(config?: TeleBoxManagerQueryConfig): ReadonlyTeleBox | undefined;
-    update(boxID: string, config: TeleBoxManagerUpdateConfig, skipUpdate?: boolean): void;
-    updateAll(config: TeleBoxManagerUpdateConfig, skipUpdate?: boolean): void;
-    remove(boxOrID: string | TeleBox, skipUpdate?: boolean): ReadonlyTeleBox | undefined;
-    removeTopBox(): ReadonlyTeleBox | undefined;
-    removeAll(skipUpdate?: boolean): ReadonlyTeleBox[];
-    destroy(skipUpdate?: boolean): void;
-    wrapClassName(className: string): string;
-    focusBox(boxOrID: string | TeleBox, skipUpdate?: boolean): void;
-    focusTopBox(): void;
-    blurBox(boxOrID: string | TeleBox, skipUpdate?: boolean): void;
-    blurAll(skipUpdate?: boolean): void;
-    protected maxTitleBar: MaxTitleBar;
-    protected boxes$: Val<TeleBox[]>;
-    protected topBox$: Val<TeleBox | undefined>;
-    protected teleBoxMatcher(config: TeleBoxManagerQueryConfig): (box: TeleBox) => boolean;
-    protected updateBox(box: TeleBox, config: TeleBoxManagerUpdateConfig, skipUpdate?: boolean): void;
-    protected smartPosition(config?: TeleBoxConfig): TeleBoxConfig;
-    protected makeBoxTop(box: TeleBox, skipUpdate?: boolean): void;
-    protected getBoxIndex(boxOrID: TeleBox | string): number;
-    protected getBox(boxOrID: TeleBox | string): TeleBox | undefined;
-}

package/dist/TeleBoxManager/typings.d.ts

@@ -1,42 +0,0 @@
-import type EventEmitter from "eventemitter3";
-import { TeleBoxColorScheme } from "..";
-import type { ReadonlyTeleBox, TeleBoxState } from "../TeleBox";
-import type { TeleBoxConfig } from "../TeleBox/typings";
-import type { TeleBoxCollector } from "../TeleBoxCollector";
-import type { TELE_BOX_MANAGER_EVENT } from "./constants";
-export interface TeleBoxManagerConfig extends Pick<TeleBoxConfig, "prefersColorScheme" | "fence" | "containerRect" | "maximized" | "minimized" | "namespace" | "readonly"> {
-    /** Element to mount boxes. */
-    root?: HTMLElement;
-    /** Where the minimized boxes go. */
-    collector?: TeleBoxCollector;
-}
-declare type TeleBoxManagerBoxConfigBaseProps = "title" | "visible" | "width" | "height" | "minWidth" | "minHeight" | "x" | "y" | "resizable" | "draggable" | "fixRatio" | "zIndex";
-export declare type TeleBoxManagerCreateConfig = Pick<TeleBoxConfig, TeleBoxManagerBoxConfigBaseProps | "content" | "footer" | "id" | "focus">;
-export declare type TeleBoxManagerQueryConfig = Pick<TeleBoxConfig, TeleBoxManagerBoxConfigBaseProps | "id" | "focus">;
-export declare type TeleBoxManagerUpdateConfig = Pick<TeleBoxConfig, TeleBoxManagerBoxConfigBaseProps | "content" | "footer">;
-declare type CheckTeleBoxManagerConfig<T extends Record<`${TELE_BOX_MANAGER_EVENT}`, any>> = T;
-export declare type TeleBoxManagerEventConfig = CheckTeleBoxManagerConfig<{
-    focused: [ReadonlyTeleBox | undefined];
-    blurred: [ReadonlyTeleBox | undefined];
-    created: [ReadonlyTeleBox];
-    removed: [ReadonlyTeleBox[]];
-    state: [TeleBoxState];
-    maximized: [boolean];
-    minimized: [boolean];
-    move: [ReadonlyTeleBox];
-    resize: [ReadonlyTeleBox];
-    intrinsic_move: [ReadonlyTeleBox];
-    intrinsic_resize: [ReadonlyTeleBox];
-    visual_resize: [ReadonlyTeleBox];
-    z_index: [ReadonlyTeleBox];
-    prefers_color_scheme: [TeleBoxColorScheme];
-    dark_mode: [boolean];
-}>;
-export declare type TeleBoxManagerEvent = keyof TeleBoxManagerEventConfig;
-export interface TeleBoxManagerEvents extends EventEmitter<TeleBoxManagerEvent> {
-    on<U extends TeleBoxManagerEvent>(event: U, listener: (...value: TeleBoxManagerEventConfig[U]) => void): this;
-    once<U extends TeleBoxManagerEvent>(event: U, listener: (...value: TeleBoxManagerEventConfig[U]) => void): this;
-    addListener<U extends TeleBoxManagerEvent>(event: U, listener: (...value: TeleBoxManagerEventConfig[U]) => void): this;
-    emit<U extends TeleBoxManagerEvent>(event: U, ...value: TeleBoxManagerEventConfig[U]): boolean;
-}
-export {};

package/dist/TeleBoxReact/TeleBox.stories.d.ts

@@ -1,9 +0,0 @@
-import { Meta, Story } from "@storybook/react";
-import { TeleBoxReactProps } from ".";
-declare const storyMeta: Meta<TeleBoxReactProps>;
-export default storyMeta;
-export declare const Overview: Story<TeleBoxReactProps>;
-export declare const Resizable: Story<TeleBoxReactProps>;
-export declare const Draggable: Story<TeleBoxReactProps>;
-export declare const FixRatio: Story<TeleBoxReactProps>;
-export declare const Readonly: Story<TeleBoxReactProps>;

package/dist/TeleBoxReact/index.d.ts

@@ -1,17 +0,0 @@
-import { FC } from "react";
-import { TeleBoxConfig, TeleBoxState } from "../TeleBox/typings";
-export declare type TeleBoxReactProps = TeleBoxConfig & {
-    onResize?: (event: {
-        width: number;
-        height: number;
-    }) => void;
-    onMove?: (event: {
-        x: number;
-        y: number;
-    }) => void;
-    onClose?: () => void;
-    onFocus?: () => void;
-    onBlur?: () => void;
-    onStateChanged?: (state: TeleBoxState) => void;
-};
-export declare const TeleBoxReact: FC<TeleBoxReactProps>;

package/dist/TeleBoxReact/utils.d.ts

@@ -1,2 +0,0 @@
-import { useEffect } from "react";
-export declare const useUpdateEffect: typeof useEffect;

package/dist/TeleTitleBar/DefaultTitleBar/DefaultTitleBar.stories.d.ts

@@ -1,4 +0,0 @@
-import { Meta, Story } from "@storybook/react";
-declare const storyMeta: Meta;
-export default storyMeta;
-export declare const LongTitle: Story;