import { default as TxMotionControl } from './src/TxMotionControl.vue';
/**
* Source-mapped Amicro UIkit controls composed with TuffEx semantic primitives.
* @example
* @public
*/
declare const MotionControl: {
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins & Readonly<{
onSelect?: ((item: import('.').MotionControlItem) => any) | undefined;
onClose?: ((item: import('.').MotionControlItem) => any) | undefined;
onAdd?: ((item?: import('.').MotionControlItem | undefined) => any) | undefined;
onChange?: ((value: import('.').MotionControlValue) => any) | undefined;
"onUpdate:modelValue"?: ((value: import('.').MotionControlValue) => any) | undefined;
"onUpdate:open"?: ((open: boolean) => any) | undefined;
onAction?: ((payload: {
variant: import('.').MotionControlVariant;
value: import('.').MotionControlValue | undefined;
item?: import('.').MotionControlItem;
}) => any) | undefined;
onNavigate?: ((direction: "forward" | "back") => any) | undefined;
onDownload?: (() => any) | undefined;
"onUpdate:items"?: ((items: import('.').MotionControlItem[]) => any) | undefined;
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
select: (item: import('.').MotionControlItem) => any;
close: (item: import('.').MotionControlItem) => any;
add: (item?: import('.').MotionControlItem | undefined) => any;
change: (value: import('.').MotionControlValue) => any;
"update:modelValue": (value: import('.').MotionControlValue) => any;
"update:open": (open: boolean) => any;
action: (payload: {
variant: import('.').MotionControlVariant;
value: import('.').MotionControlValue | undefined;
item?: import('.').MotionControlItem;
}) => any;
navigate: (direction: "forward" | "back") => any;
download: () => any;
"update:items": (items: import('.').MotionControlItem[]) => any;
}, import('vue').PublicProps, {
label: string;
progress: number;
status: import('.').MotionControlStatus;
variant: import('.').MotionControlVariant;
open: boolean;
href: string;
disabled: boolean;
target: "_self" | "_blank";
size: "xs" | "sm" | "md" | "lg";
max: number;
modelValue: import('.').MotionControlValue;
items: import('.').MotionControlItem[];
step: number;
tooltip: string;
options: import('.').MotionControlItem[];
animated: boolean;
min: number;
labels: Partial;
count: number;
minItems: number;
newItem: import('.').MotionControlItem;
maxItems: number;
canBack: boolean;
canForward: boolean;
}, false, {}, {}, Record, Record, string, {
root: HTMLDivElement;
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly & Readonly<{
onSelect?: ((item: import('.').MotionControlItem) => any) | undefined;
onClose?: ((item: import('.').MotionControlItem) => any) | undefined;
onAdd?: ((item?: import('.').MotionControlItem | undefined) => any) | undefined;
onChange?: ((value: import('.').MotionControlValue) => any) | undefined;
"onUpdate:modelValue"?: ((value: import('.').MotionControlValue) => any) | undefined;
"onUpdate:open"?: ((open: boolean) => any) | undefined;
onAction?: ((payload: {
variant: import('.').MotionControlVariant;
value: import('.').MotionControlValue | undefined;
item?: import('.').MotionControlItem;
}) => any) | undefined;
onNavigate?: ((direction: "forward" | "back") => any) | undefined;
onDownload?: (() => any) | undefined;
"onUpdate:items"?: ((items: import('.').MotionControlItem[]) => any) | undefined;
}>, {}, {}, {}, {}, {
label: string;
progress: number;
status: import('.').MotionControlStatus;
variant: import('.').MotionControlVariant;
open: boolean;
href: string;
disabled: boolean;
target: "_self" | "_blank";
size: "xs" | "sm" | "md" | "lg";
max: number;
modelValue: import('.').MotionControlValue;
items: import('.').MotionControlItem[];
step: number;
tooltip: string;
options: import('.').MotionControlItem[];
animated: boolean;
min: number;
labels: Partial;
count: number;
minItems: number;
newItem: import('.').MotionControlItem;
maxItems: number;
canBack: boolean;
canForward: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import('vue').ComponentOptionsBase & Readonly<{
onSelect?: ((item: import('.').MotionControlItem) => any) | undefined;
onClose?: ((item: import('.').MotionControlItem) => any) | undefined;
onAdd?: ((item?: import('.').MotionControlItem | undefined) => any) | undefined;
onChange?: ((value: import('.').MotionControlValue) => any) | undefined;
"onUpdate:modelValue"?: ((value: import('.').MotionControlValue) => any) | undefined;
"onUpdate:open"?: ((open: boolean) => any) | undefined;
onAction?: ((payload: {
variant: import('.').MotionControlVariant;
value: import('.').MotionControlValue | undefined;
item?: import('.').MotionControlItem;
}) => any) | undefined;
onNavigate?: ((direction: "forward" | "back") => any) | undefined;
onDownload?: (() => any) | undefined;
"onUpdate:items"?: ((items: import('.').MotionControlItem[]) => any) | undefined;
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
select: (item: import('.').MotionControlItem) => any;
close: (item: import('.').MotionControlItem) => any;
add: (item?: import('.').MotionControlItem | undefined) => any;
change: (value: import('.').MotionControlValue) => any;
"update:modelValue": (value: import('.').MotionControlValue) => any;
"update:open": (open: boolean) => any;
action: (payload: {
variant: import('.').MotionControlVariant;
value: import('.').MotionControlValue | undefined;
item?: import('.').MotionControlItem;
}) => any;
navigate: (direction: "forward" | "back") => any;
download: () => any;
"update:items": (items: import('.').MotionControlItem[]) => any;
}, string, {
label: string;
progress: number;
status: import('.').MotionControlStatus;
variant: import('.').MotionControlVariant;
open: boolean;
href: string;
disabled: boolean;
target: "_self" | "_blank";
size: "xs" | "sm" | "md" | "lg";
max: number;
modelValue: import('.').MotionControlValue;
items: import('.').MotionControlItem[];
step: number;
tooltip: string;
options: import('.').MotionControlItem[];
animated: boolean;
min: number;
labels: Partial;
count: number;
minItems: number;
newItem: import('.').MotionControlItem;
maxItems: number;
canBack: boolean;
canForward: boolean;
}, {}, string, {}, Record, Record, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
$slots: {
icon?(_: {
item: import('.').MotionControlItem;
active: boolean;
}): any;
item?(_: {
item: import('.').MotionControlItem;
active: boolean;
}): any;
item?(_: {
item: import('.').MotionControlItem;
active: boolean;
}): any;
panel?(_: {
item: import('.').MotionControlItem;
active: boolean;
}): any;
panel?(_: {
item: import('.').MotionControlItem;
}): any;
menu?(_: {
items: import('.').MotionControlItem[];
select: (item: import('.').MotionControlItem) => void;
}): any;
menu?(_: {
items: import('.').MotionControlItem[];
select: (item: import('.').MotionControlItem) => void;
}): any;
default?(_: {}): any;
default?(_: {}): any;
default?(_: {}): any;
default?(_: {}): any;
preview?(_: {}): any;
value?(_: {
value: import('.').MotionControlValue;
item: import('.').MotionControlItem | undefined;
}): any;
};
}) & import('vue').Plugin;
export { MotionControl, TxMotionControl };
export { MOTION_CONTROL_SOURCES } from './src/catalog';
export type { MotionControlSource } from './src/catalog';
export { MOTION_CONTROL_DEFAULT_LABELS, MOTION_CONTROL_VARIANTS } from './src/types';
export type { MotionControlEmits, MotionControlItem, MotionControlLabels, MotionControlProps, MotionControlStatus, MotionControlValue, MotionControlVariant } from './src/types';
export type TxMotionControlInstance = InstanceType;
export default MotionControl;