sakana-element 2.2.0 → 2.3.0

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

@@ -1,13 +1,13 @@
 export declare const PxSwitch: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('packages/core').SwitchProps> & Readonly<{
-        "onUpdate:modelValue"?: ((value: import('packages/core').SwitchValueType) => any) | undefined;
         onChange?: ((value: import('packages/core').SwitchValueType) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: import('packages/core').SwitchValueType) => any) | undefined;
     }>, {
         focus(): void;
         checked: import('vue').ComputedRef<boolean>;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        "update:modelValue": (value: import('packages/core').SwitchValueType) => any;
         change: (value: import('packages/core').SwitchValueType) => any;
+        "update:modelValue": (value: import('packages/core').SwitchValueType) => any;
     }, import('vue').PublicProps, {
         activeValue: import('packages/core').SwitchValueType;
         inactiveValue: import('packages/core').SwitchValueType;
@@ -21,8 +21,8 @@ export declare const PxSwitch: {
         M: {};
         Defaults: {};
     }, Readonly<import('packages/core').SwitchProps> & Readonly<{
-        "onUpdate:modelValue"?: ((value: import('packages/core').SwitchValueType) => any) | undefined;
         onChange?: ((value: import('packages/core').SwitchValueType) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: import('packages/core').SwitchValueType) => any) | undefined;
     }>, {
         focus(): void;
         checked: import('vue').ComputedRef<boolean>;
@@ -34,14 +34,14 @@ export declare const PxSwitch: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('packages/core').SwitchProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: import('packages/core').SwitchValueType) => any) | undefined;
     onChange?: ((value: import('packages/core').SwitchValueType) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: import('packages/core').SwitchValueType) => any) | undefined;
 }>, {
     focus(): void;
     checked: import('vue').ComputedRef<boolean>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "update:modelValue": (value: import('packages/core').SwitchValueType) => any;
     change: (value: import('packages/core').SwitchValueType) => any;
+    "update:modelValue": (value: import('packages/core').SwitchValueType) => any;
 }, string, {
     activeValue: import('packages/core').SwitchValueType;
     inactiveValue: import('packages/core').SwitchValueType;

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

@@ -0,0 +1,27 @@
+export declare const PxTable: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('packages/core').TableProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        size: import('packages/core').TableSize;
+        showHeader: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('packages/core').TableProps> & Readonly<{}>, {}, {}, {}, {}, {
+        size: import('packages/core').TableSize;
+        showHeader: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('packages/core').TableProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    size: import('packages/core').TableSize;
+    showHeader: 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/Table/types.d.ts

@@ -0,0 +1,20 @@
+export declare const tableSize: readonly ["xs", "sm", "md", "lg", "xl"];
+export type TableSize = (typeof tableSize)[number];
+export type TableType = 'primary' | 'success' | 'info' | 'warning' | 'danger';
+export interface TableProps {
+    type?: TableType;
+    zebra?: boolean;
+    hover?: boolean;
+    border?: boolean;
+    stripe?: boolean;
+    pinRows?: boolean;
+    pinCols?: boolean;
+    size?: TableSize;
+    showHeader?: boolean;
+    outline?: boolean;
+    ghost?: boolean;
+    hoverable?: boolean;
+}
+export interface TableInstance {
+    ref: HTMLDivElement;
+}

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

@@ -10,11 +10,13 @@ export declare const PxTooltip: {
         "visible-change": (value: boolean) => any;
         "click-outside": () => any;
     }, import('vue').PublicProps, {
+        effect: import('packages/core').TooltipEffect;
         transition: string;
         trigger: "hover" | "click" | "contextmenu";
         placement: import('@popperjs/core').Placement;
         showTimeout: number;
         hideTimeout: number;
+        enterable: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         containerNode: HTMLDivElement;
         _triggerNode: HTMLDivElement;
@@ -34,11 +36,13 @@ export declare const PxTooltip: {
         hide(): void;
         toggle(): void;
     }, {}, {}, {}, {
+        effect: import('packages/core').TooltipEffect;
         transition: string;
         trigger: "hover" | "click" | "contextmenu";
         placement: import('@popperjs/core').Placement;
         showTimeout: number;
         hideTimeout: number;
+        enterable: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -54,11 +58,13 @@ export declare const PxTooltip: {
     "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;
     showTimeout: number;
     hideTimeout: number;
+    enterable: 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;

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

@@ -1,4 +1,6 @@
 import { Options, Placement } from '@popperjs/core';
+export type TooltipEffect = 'dark' | 'light';
+export type TooltipType = 'primary' | 'success' | 'warning' | 'danger' | 'info';
 export interface TooltipProps {
     content?: string;
     trigger?: 'hover' | 'click' | 'contextmenu';
@@ -11,6 +13,11 @@ export interface TooltipProps {
     hideTimeout?: number;
     virtualRef?: HTMLElement | undefined;
     virtualTriggering?: boolean;
+    effect?: TooltipEffect;
+    type?: TooltipType;
+    enterable?: boolean;
+    maxWidth?: string | number;
+    showArrow?: boolean;
 }
 export interface TooltipEmits {
     (e: 'visible-change', value: boolean): void;

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

@@ -4,19 +4,27 @@ export * from './Badge';
 export * from './Breadcrumb';
 export * from './Button';
 export * from './Card';
+export * from './Checkbox';
 export * from './Collapse';
 export * from './ConfigProvider';
+export * from './Drawer';
+export * from './Divider';
 export * from './Dropdown';
 export * from './FileInput';
 export * from './Form';
 export * from './Icon';
+export * from './Indicator';
 export * from './Input';
 export * from './Link';
 export * from './Loading';
 export * from './Message';
 export * from './MessageBox';
 export * from './Notification';
+export * from './Pixelate';
 export * from './Popconfirm';
+export * from './Progress';
+export * from './Radio';
 export * from './Select';
 export * from './Switch';
+export * from './Table';
 export * from './Tooltip';

package/dist/types/hooks/index.d.ts

@@ -1,11 +1,13 @@
 import { default as useClickOutside } from './useClickOutside';
 import { default as useDisabledStyle } from './useDisabledStyle';
+import { default as useDraggable } from './useDraggable';
 import { default as useEventListener } from './useEventListener';
 import { default as useFocusController } from './useFocusController';
+import { default as useFocusTrap } from './useFocusTrap';
 import { default as useId } from './useId';
 import { default as useLocale } from './useLocale';
 import { default as useOffset } from './useOffset';
 import { default as useZIndex } from './useZIndex';
 export { useSystemTheme } from './useSystemTheme';
 export { type Theme, useTheme } from './useTheme';
-export { useClickOutside, useEventListener, useDisabledStyle, useFocusController, useLocale, useOffset, useZIndex, useId, };
+export { useClickOutside, useDraggable, useEventListener, useDisabledStyle, useFocusController, useFocusTrap, useLocale, useOffset, useZIndex, useId, };

package/dist/types/hooks/useDraggable.d.ts

@@ -0,0 +1,7 @@
+import { Ref } from 'vue';
+export interface UseDraggableOptions {
+    constrainToViewport?: boolean;
+}
+export default function useDraggable(targetRef: Ref<HTMLElement | undefined>, handleRef: Ref<HTMLElement | undefined>, options?: UseDraggableOptions): {
+    reset: () => void;
+};

package/dist/types/hooks/useFocusTrap.d.ts

@@ -0,0 +1,5 @@
+import { Ref } from 'vue';
+export default function useFocusTrap(containerRef: Ref<HTMLElement | undefined>): {
+    activate: () => void;
+    deactivate: () => void;
+};

package/dist/types/utils/index.d.ts

@@ -15,6 +15,7 @@ export * from './error';
 export * from './icon-map';
 export * from './icon-registry';
 export * from './install';
+export * from './instance-management';
 export * from './sanitize-svg';
 export * from './style';
 export * from './test';

package/dist/types/utils/instance-management.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Shared utilities for imperative component instance management
+ * (used by Message and Notification methods.ts).
+ */
+interface Destroyable {
+    props: {
+        onDestroy(): void;
+    };
+}
+interface Closeable {
+    handler: {
+        close(): void;
+    };
+}
+/**
+ * Forcefully unmount all instances in a flat array, bypassing CSS transitions.
+ */
+export declare function destroyAllInstances(instances: Destroyable[]): void;
+/**
+ * Forcefully unmount all instances across a Map of position-keyed arrays.
+ */
+export declare function destroyAllInstancesMap(instancesMap: Map<string, Destroyable[]>): void;
+/**
+ * Destroy oldest instances that exceed the maximum count.
+ */
+export declare function enforceMaxCount(instances: Destroyable[], max: number): void;
+/**
+ * Create a lazy global Escape key listener that is only active when
+ * at least one instance exists. Call `register()` when an instance is
+ * created and `unregister()` when an instance is destroyed.
+ *
+ * @param getLatestCloseable - returns the instance to close on Escape, or undefined
+ */
+export declare function createLazyEscapeClose(getLatestCloseable: () => Closeable | undefined): {
+    /** Call when an instance is created. */
+    register(): void;
+    /** Call when an instance is destroyed. */
+    unregister(): void;
+};
+export {};