sakana-element 2.2.0 → 2.4.0

package/dist/types/components/Pixelate/index.d.ts

@@ -0,0 +1,71 @@
+export declare const PxPixelate: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('packages/core').PixelateProps> & Readonly<{
+        onError?: ((event: Event) => any) | undefined;
+        onRendered?: (() => any) | undefined;
+    }>, {
+        render: () => void;
+        canvasRef: import('vue').Ref<HTMLCanvasElement | undefined, HTMLCanvasElement | undefined>;
+        originRef: import('vue').Ref<HTMLImageElement | undefined, HTMLImageElement | undefined>;
+        getSize: () => {
+            width: number;
+            height: number;
+        };
+        getImageData: () => ImageData | null;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        error: (event: Event) => any;
+        rendered: () => any;
+    }, import('vue').PublicProps, {
+        pixelSize: number;
+        grayscale: boolean;
+        background: string;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        canvasRef: HTMLCanvasElement;
+        originRef: HTMLImageElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('packages/core').PixelateProps> & Readonly<{
+        onError?: ((event: Event) => any) | undefined;
+        onRendered?: (() => any) | undefined;
+    }>, {
+        render: () => void;
+        canvasRef: import('vue').Ref<HTMLCanvasElement | undefined, HTMLCanvasElement | undefined>;
+        originRef: import('vue').Ref<HTMLImageElement | undefined, HTMLImageElement | undefined>;
+        getSize: () => {
+            width: number;
+            height: number;
+        };
+        getImageData: () => ImageData | null;
+    }, {}, {}, {}, {
+        pixelSize: number;
+        grayscale: boolean;
+        background: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('packages/core').PixelateProps> & Readonly<{
+    onError?: ((event: Event) => any) | undefined;
+    onRendered?: (() => any) | undefined;
+}>, {
+    render: () => void;
+    canvasRef: import('vue').Ref<HTMLCanvasElement | undefined, HTMLCanvasElement | undefined>;
+    originRef: import('vue').Ref<HTMLImageElement | undefined, HTMLImageElement | undefined>;
+    getSize: () => {
+        width: number;
+        height: number;
+    };
+    getImageData: () => ImageData | null;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    error: (event: Event) => any;
+    rendered: () => any;
+}, string, {
+    pixelSize: number;
+    grayscale: boolean;
+    background: string;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & import('vue').Plugin;
+export * from './types';

package/dist/types/components/Pixelate/types.d.ts

@@ -0,0 +1,23 @@
+export interface PixelateProps {
+    src: string;
+    pixelSize?: number;
+    width?: number | string;
+    height?: number | string;
+    grayscale?: boolean;
+    palette?: string[] | number[][];
+    background?: string;
+}
+export interface PixelateEmits {
+    (e: 'rendered'): void;
+    (e: 'error', event: Event): void;
+}
+export interface PixelateInstance {
+    render(): void;
+    canvasRef: HTMLCanvasElement;
+    originRef: HTMLImageElement;
+    getSize(): {
+        width: number;
+        height: number;
+    };
+    getImageData(): ImageData | null;
+}

package/dist/types/components/Popconfirm/index.d.ts

@@ -1,10 +1,10 @@
 export declare const PxPopconfirm: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('packages/core').PopconfirmProps> & Readonly<{
-        onConfirm?: ((value: MouseEvent) => any) | undefined;
         onCancel?: ((value: MouseEvent) => any) | undefined;
+        onConfirm?: ((value: MouseEvent) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        confirm: (value: MouseEvent) => any;
         cancel: (value: MouseEvent) => any;
+        confirm: (value: MouseEvent) => any;
     }, import('vue').PublicProps, {
         title: string;
         icon: string;
@@ -28,6 +28,11 @@ export declare const PxPopconfirm: {
                 readonly hideTimeout?: number | undefined;
                 readonly virtualRef?: HTMLElement | undefined;
                 readonly virtualTriggering?: boolean | undefined;
+                readonly effect?: import('packages/core').TooltipEffect | undefined;
+                readonly type?: import('packages/core').TooltipType | undefined;
+                readonly enterable?: boolean | undefined;
+                readonly maxWidth?: string | number | undefined;
+                readonly showArrow?: boolean | undefined;
                 readonly "onVisible-change"?: ((value: boolean) => any) | undefined;
                 readonly "onClick-outside"?: (() => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
@@ -60,11 +65,13 @@ export declare const PxPopconfirm: {
                 "visible-change": (value: boolean) => any;
                 "click-outside": () => any;
             }, string, {
+                effect: import('packages/core').TooltipEffect;
                 transition: string;
-                trigger: "hover" | "click" | "contextmenu";
                 placement: import('@popperjs/core').Placement;
+                trigger: "hover" | "click" | "contextmenu";
                 showTimeout: number;
                 hideTimeout: number;
+                enterable: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -86,15 +93,17 @@ export declare const PxPopconfirm: {
             $nextTick: typeof import('vue').nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
+            effect: import('packages/core').TooltipEffect;
             transition: string;
-            trigger: "hover" | "click" | "contextmenu";
             placement: import('@popperjs/core').Placement;
+            trigger: "hover" | "click" | "contextmenu";
             showTimeout: number;
             hideTimeout: number;
+            enterable: boolean;
         }> & Omit<Readonly<import('packages/core').TooltipProps> & Readonly<{
             "onVisible-change"?: ((value: boolean) => any) | undefined;
             "onClick-outside"?: (() => any) | undefined;
-        }>, "toggle" | "show" | "hide" | ("transition" | "trigger" | "placement" | "showTimeout" | "hideTimeout")> & import('vue').ShallowUnwrapRef<{
+        }>, "toggle" | "show" | "hide" | ("effect" | "transition" | "placement" | "trigger" | "showTimeout" | "hideTimeout" | "enterable")> & import('vue').ShallowUnwrapRef<{
             show(): void;
             hide(): void;
             toggle(): void;
@@ -113,8 +122,8 @@ export declare const PxPopconfirm: {
         M: {};
         Defaults: {};
     }, Readonly<import('packages/core').PopconfirmProps> & Readonly<{
-        onConfirm?: ((value: MouseEvent) => any) | undefined;
         onCancel?: ((value: MouseEvent) => any) | undefined;
+        onConfirm?: ((value: MouseEvent) => any) | undefined;
     }>, {}, {}, {}, {}, {
         title: string;
         icon: string;
@@ -127,11 +136,11 @@ export declare const PxPopconfirm: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('packages/core').PopconfirmProps> & Readonly<{
-    onConfirm?: ((value: MouseEvent) => any) | undefined;
     onCancel?: ((value: MouseEvent) => any) | undefined;
+    onConfirm?: ((value: MouseEvent) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    confirm: (value: MouseEvent) => any;
     cancel: (value: MouseEvent) => any;
+    confirm: (value: MouseEvent) => any;
 }, string, {
     title: string;
     icon: string;
@@ -141,8 +150,8 @@ export declare const PxPopconfirm: {
     hideAfter: number;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
-        default?(_: {}): any;
         reference?(_: {}): any;
+        default?(_: {}): any;
     };
 }) & import('vue').Plugin;
 export * from './types';

package/dist/types/components/Popconfirm/types.d.ts

@@ -1,5 +1,6 @@
 import { ButtonType } from '../Button';
-export interface PopconfirmProps {
+import { TooltipProps } from '../Tooltip/types';
+export interface PopconfirmProps extends Pick<TooltipProps, 'disabled' | 'placement' | 'showArrow' | 'effect'> {
     title: string;
     confirmButtonText?: string;
     cancelButtonText?: string;

package/dist/types/components/Progress/constants.d.ts

@@ -0,0 +1,2 @@
+import { ColorTemplate } from '@sakana-element/utils';
+export declare const PROGRESS_COLOR_TEMPLATE: ColorTemplate;

package/dist/types/components/Progress/index.d.ts

@@ -0,0 +1,50 @@
+export declare const PxProgress: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('packages/core').ProgressProps> & Readonly<{}>, {
+        clampedPercentage: import('vue').ComputedRef<number>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        size: import('packages/core').ProgressSize;
+        type: import('packages/core').ProgressType;
+        indeterminate: boolean;
+        variant: import('packages/core').ProgressVariant;
+        strokeWidth: number;
+        percentage: number;
+        stripedFlow: boolean;
+        showText: boolean;
+        textInside: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('packages/core').ProgressProps> & Readonly<{}>, {
+        clampedPercentage: import('vue').ComputedRef<number>;
+    }, {}, {}, {}, {
+        size: import('packages/core').ProgressSize;
+        type: import('packages/core').ProgressType;
+        indeterminate: boolean;
+        variant: import('packages/core').ProgressVariant;
+        strokeWidth: number;
+        percentage: number;
+        stripedFlow: boolean;
+        showText: boolean;
+        textInside: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('packages/core').ProgressProps> & Readonly<{}>, {
+    clampedPercentage: import('vue').ComputedRef<number>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    size: import('packages/core').ProgressSize;
+    type: import('packages/core').ProgressType;
+    indeterminate: boolean;
+    variant: import('packages/core').ProgressVariant;
+    strokeWidth: number;
+    percentage: number;
+    stripedFlow: boolean;
+    showText: boolean;
+    textInside: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & import('vue').Plugin;
+export * from './types';

package/dist/types/components/Progress/types.d.ts

@@ -0,0 +1,22 @@
+export type ProgressType = 'primary' | 'success' | 'info' | 'warning' | 'danger';
+export type ProgressStatus = 'success' | 'warning' | 'danger';
+export type ProgressSize = 'large' | 'default' | 'small';
+export type ProgressVariant = 'solid' | 'striped' | 'checkered';
+export interface ProgressProps {
+    percentage?: number;
+    type?: ProgressType;
+    size?: ProgressSize;
+    status?: ProgressStatus;
+    variant?: ProgressVariant;
+    stripedFlow?: boolean;
+    indeterminate?: boolean;
+    strokeWidth?: number;
+    showText?: boolean;
+    textInside?: boolean;
+    color?: string | ((percentage: number) => string);
+    format?: (percentage: number) => string;
+}
+export interface ProgressInstance {
+    /** The clamped percentage value (0-100) */
+    clampedPercentage: number;
+}

package/dist/types/components/Radio/constants.d.ts

@@ -0,0 +1,5 @@
+import { ColorTemplate } from '@sakana-element/utils';
+import { InjectionKey } from 'vue';
+import { RadioGroupContext } from './types';
+export declare const RADIO_GROUP_CTX_KEY: InjectionKey<RadioGroupContext>;
+export declare const RADIO_COLOR_TEMPLATES: Record<string, ColorTemplate>;

package/dist/types/components/Radio/index.d.ts

@@ -0,0 +1,88 @@
+export declare const PxRadio: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('packages/core').RadioProps> & Readonly<{
+        onChange?: ((value: import('packages/core').RadioValueType) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: import('packages/core').RadioValueType) => any) | undefined;
+    }>, {
+        focus(): void;
+        checked: import('vue').ComputedRef<boolean>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        change: (value: import('packages/core').RadioValueType) => any;
+        "update:modelValue": (value: import('packages/core').RadioValueType) => any;
+    }, import('vue').PublicProps, {
+        disabled: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        inputRef: HTMLInputElement;
+    }, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('packages/core').RadioProps> & Readonly<{
+        onChange?: ((value: import('packages/core').RadioValueType) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: import('packages/core').RadioValueType) => any) | undefined;
+    }>, {
+        focus(): void;
+        checked: import('vue').ComputedRef<boolean>;
+    }, {}, {}, {}, {
+        disabled: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('packages/core').RadioProps> & Readonly<{
+    onChange?: ((value: import('packages/core').RadioValueType) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: import('packages/core').RadioValueType) => any) | undefined;
+}>, {
+    focus(): void;
+    checked: import('vue').ComputedRef<boolean>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: import('packages/core').RadioValueType) => any;
+    "update:modelValue": (value: import('packages/core').RadioValueType) => any;
+}, string, {
+    disabled: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+}) & import('vue').Plugin;
+export declare const PxRadioGroup: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('packages/core').RadioGroupProps> & Readonly<{
+        onChange?: ((value: import('packages/core').RadioValueType) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: import('packages/core').RadioValueType) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        change: (value: import('packages/core').RadioValueType) => any;
+        "update:modelValue": (value: import('packages/core').RadioValueType) => any;
+    }, import('vue').PublicProps, {
+        disabled: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('packages/core').RadioGroupProps> & Readonly<{
+        onChange?: ((value: import('packages/core').RadioValueType) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: import('packages/core').RadioValueType) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        disabled: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('packages/core').RadioGroupProps> & Readonly<{
+    onChange?: ((value: import('packages/core').RadioValueType) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: import('packages/core').RadioValueType) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: import('packages/core').RadioValueType) => any;
+    "update:modelValue": (value: import('packages/core').RadioValueType) => any;
+}, string, {
+    disabled: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+}) & import('vue').Plugin;
+export * from './types';

package/dist/types/components/Radio/types.d.ts

@@ -0,0 +1,43 @@
+import { ComputedRef } from 'vue';
+export type RadioValueType = string | number | boolean;
+export type RadioType = 'primary' | 'success' | 'warning' | 'danger' | 'info';
+export interface RadioProps {
+    modelValue?: RadioValueType;
+    value?: RadioValueType;
+    disabled?: boolean;
+    size?: 'small' | 'large';
+    type?: RadioType;
+    color?: string;
+    label?: string;
+    name?: string;
+    id?: string;
+}
+export interface RadioEmits {
+    (e: 'update:modelValue', value: RadioValueType): void;
+    (e: 'change', value: RadioValueType): void;
+}
+export interface RadioInstance {
+    focus(): void;
+    checked: ComputedRef<boolean>;
+}
+export interface RadioGroupProps {
+    modelValue: RadioValueType;
+    disabled?: boolean;
+    size?: 'small' | 'large';
+    type?: RadioType;
+    color?: string;
+    name?: string;
+}
+export interface RadioGroupEmits {
+    (e: 'update:modelValue', value: RadioValueType): void;
+    (e: 'change', value: RadioValueType): void;
+}
+export interface RadioGroupContext {
+    modelValue: ComputedRef<RadioValueType>;
+    disabled: ComputedRef<boolean>;
+    size: ComputedRef<'small' | 'large' | undefined>;
+    type: ComputedRef<RadioType | undefined>;
+    color: ComputedRef<string | undefined>;
+    name: ComputedRef<string | undefined>;
+    changeEvent(value: RadioValueType): void;
+}

package/dist/types/components/Resizable/constants.d.ts

@@ -0,0 +1,3 @@
+import { InjectionKey } from 'vue';
+import { ResizableGroupContext } from './types';
+export declare const RESIZABLE_GROUP_CTX_KEY: InjectionKey<ResizableGroupContext>;

package/dist/types/components/Resizable/index.d.ts

@@ -0,0 +1,135 @@
+export declare const PxResizableGroup: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('packages/core').ResizableGroupProps> & Readonly<{
+        onLayout?: ((sizes: number[]) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        layout: (sizes: number[]) => any;
+    }, import('vue').PublicProps, {
+        keyboardResizeBy: number;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        groupRef: HTMLDivElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('packages/core').ResizableGroupProps> & Readonly<{
+        onLayout?: ((sizes: number[]) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        keyboardResizeBy: number;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('packages/core').ResizableGroupProps> & Readonly<{
+    onLayout?: ((sizes: number[]) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    layout: (sizes: number[]) => any;
+}, string, {
+    keyboardResizeBy: number;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+}) & import('vue').Plugin;
+export declare const PxResizablePanel: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('packages/core').ResizablePanelProps> & Readonly<{
+        onResize?: ((size: number) => any) | undefined;
+        onCollapse?: (() => any) | undefined;
+        onExpand?: (() => any) | undefined;
+    }>, {
+        collapse(): void;
+        expand(): void;
+        getSize(): number;
+        resize(size: number): void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        resize: (size: number) => any;
+        collapse: () => any;
+        expand: () => any;
+    }, import('vue').PublicProps, {
+        minSize: number;
+        maxSize: number;
+        collapsible: boolean;
+        collapsedSize: number;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('packages/core').ResizablePanelProps> & Readonly<{
+        onResize?: ((size: number) => any) | undefined;
+        onCollapse?: (() => any) | undefined;
+        onExpand?: (() => any) | undefined;
+    }>, {
+        collapse(): void;
+        expand(): void;
+        getSize(): number;
+        resize(size: number): void;
+    }, {}, {}, {}, {
+        minSize: number;
+        maxSize: number;
+        collapsible: boolean;
+        collapsedSize: number;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('packages/core').ResizablePanelProps> & Readonly<{
+    onResize?: ((size: number) => any) | undefined;
+    onCollapse?: (() => any) | undefined;
+    onExpand?: (() => any) | undefined;
+}>, {
+    collapse(): void;
+    expand(): void;
+    getSize(): number;
+    resize(size: number): void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    resize: (size: number) => any;
+    collapse: () => any;
+    expand: () => any;
+}, string, {
+    minSize: number;
+    maxSize: number;
+    collapsible: boolean;
+    collapsedSize: number;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+}) & import('vue').Plugin;
+export declare const PxResizableHandle: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('packages/core').ResizableHandleProps> & Readonly<{
+        onDragging?: ((isDragging: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        dragging: (isDragging: boolean) => any;
+    }, import('vue').PublicProps, {
+        disabled: boolean;
+        hitAreaMargins: number;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('packages/core').ResizableHandleProps> & Readonly<{
+        onDragging?: ((isDragging: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        disabled: boolean;
+        hitAreaMargins: number;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('packages/core').ResizableHandleProps> & Readonly<{
+    onDragging?: ((isDragging: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    dragging: (isDragging: boolean) => any;
+}, string, {
+    disabled: boolean;
+    hitAreaMargins: number;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & import('vue').Plugin;
+export * from './types';

package/dist/types/components/Resizable/types.d.ts

@@ -0,0 +1,52 @@
+import { Ref } from 'vue';
+export interface ResizableGroupProps {
+    direction: 'horizontal' | 'vertical';
+    autoSaveId?: string;
+    keyboardResizeBy?: number;
+}
+export type ResizableGroupEmits = (e: 'layout', sizes: number[]) => void;
+export interface ResizablePanelProps {
+    defaultSize?: number;
+    minSize?: number;
+    maxSize?: number;
+    collapsible?: boolean;
+    collapsedSize?: number;
+}
+export interface ResizablePanelEmits {
+    (e: 'resize', size: number): void;
+    (e: 'collapse'): void;
+    (e: 'expand'): void;
+}
+export interface ResizablePanelInstance {
+    collapse(): void;
+    expand(): void;
+    getSize(): number;
+    resize(size: number): void;
+}
+export interface ResizableHandleProps {
+    disabled?: boolean;
+    hitAreaMargins?: number;
+}
+export type ResizableHandleEmits = (e: 'dragging', isDragging: boolean) => void;
+export interface PanelData {
+    id: number;
+    minSize: number;
+    maxSize: number;
+    collapsible: boolean;
+    collapsedSize: number;
+    defaultSize?: number;
+}
+export interface ResizableGroupContext {
+    direction: Ref<'horizontal' | 'vertical'>;
+    keyboardResizeBy: Ref<number>;
+    registerPanel(data: PanelData): void;
+    unregisterPanel(id: number): void;
+    getPanelSize(id: number): number;
+    setPanelSize(id: number, size: number, force?: boolean): void;
+    startResize(handleId: number, onDragEnd?: () => void): void;
+    keyboardResize(handleId: number, delta: number): void;
+    getNextHandleId(): number;
+    registerHandle(id: number): void;
+    unregisterHandle(id: number): void;
+    panelSizes: Ref<Map<number, number>>;
+}