@lovince/ui-vue 0.1.0 → 0.2.0

package/dist/components/{dialog.d.ts → navigation/stepper.d.ts}

@@ -1,139 +1,137 @@
 import { PropType } from 'vue';
-import { DialogRole, DismissReason } from '@lovince/ui-headless';
-export declare const DialogRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    open: {
-        type: BooleanConstructor;
+import { Orientation } from '@lovince/ui-headless';
+export declare const LvStepperRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    step: {
+        type: NumberConstructor;
         default: undefined;
     };
-    defaultOpen: {
-        type: BooleanConstructor;
-        default: boolean;
+    defaultStep: {
+        type: NumberConstructor;
+        default: number;
     };
-    modal: {
+    count: {
+        type: NumberConstructor;
+        required: true;
+    };
+    linear: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /** `alertdialog` interrupts for a decision: outside presses never dismiss it. */
-    role: {
-        type: PropType<DialogRole>;
-        default: string;
-    };
-}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}>[] | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    'update:open': (value: boolean) => boolean;
-    dismiss: (reason: DismissReason) => boolean;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    open: {
-        type: BooleanConstructor;
+    completed: {
+        type: PropType<readonly number[]>;
         default: undefined;
     };
-    defaultOpen: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    modal: {
+    disabled: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /** `alertdialog` interrupts for a decision: outside presses never dismiss it. */
-    role: {
-        type: PropType<DialogRole>;
+    orientation: {
+        type: PropType<Orientation>;
         default: string;
     };
-}>> & Readonly<{
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    onDismiss?: ((reason: DismissReason) => any) | undefined;
-}>, {
-    open: boolean;
-    role: DialogRole;
-    modal: boolean;
-    defaultOpen: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const DialogTrigger: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    readonly as: {
-        readonly default: "button";
+    as: {
         readonly type: PropType<string | import('vue').Component>;
+        readonly default: "div";
     };
-    readonly asChild: {
+    asChild: {
         readonly type: BooleanConstructor;
         readonly default: false;
     };
 }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    readonly as: {
-        readonly default: "button";
-        readonly type: PropType<string | import('vue').Component>;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:step': (step: number) => boolean;
+    'update:completed': (steps: readonly number[]) => steps is any[];
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    step: {
+        type: NumberConstructor;
+        default: undefined;
     };
-    readonly asChild: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
+    defaultStep: {
+        type: NumberConstructor;
+        default: number;
     };
-}>> & Readonly<{}>, {
-    readonly as: string | import('vue').Component;
-    readonly asChild: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const DialogPortal: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    to: {
-        type: PropType<string | HTMLElement>;
-        default: string;
+    count: {
+        type: NumberConstructor;
+        required: true;
     };
-    disabled: {
+    linear: {
         type: BooleanConstructor;
         default: boolean;
     };
-}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}> | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    to: {
-        type: PropType<string | HTMLElement>;
-        default: string;
+    completed: {
+        type: PropType<readonly number[]>;
+        default: undefined;
     };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Readonly<{}>, {
-    to: string | HTMLElement;
-    disabled: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const DialogOverlay: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    readonly as: {
+    orientation: {
+        type: PropType<Orientation>;
+        default: string;
+    };
+    as: {
         readonly type: PropType<string | import('vue').Component>;
         readonly default: "div";
     };
-    readonly asChild: {
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{
+    "onUpdate:step"?: ((step: number) => any) | undefined;
+    "onUpdate:completed"?: ((steps: readonly number[]) => any) | undefined;
+}>, {
+    as: string | import('vue').Component;
+    asChild: boolean;
+    disabled: boolean;
+    orientation: Orientation;
+    step: number;
+    linear: boolean;
+    completed: readonly number[];
+    defaultStep: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const LvStepperItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    as: {
+        default: string;
+        type: PropType<string | import('vue').Component>;
+    };
+    step: {
+        type: NumberConstructor;
+        required: true;
+    };
+    asChild: {
         readonly type: BooleanConstructor;
         readonly default: false;
     };
 }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
-}> | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    readonly as: {
-        readonly type: PropType<string | import('vue').Component>;
-        readonly default: "div";
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    as: {
+        default: string;
+        type: PropType<string | import('vue').Component>;
     };
-    readonly asChild: {
+    step: {
+        type: NumberConstructor;
+        required: true;
+    };
+    asChild: {
         readonly type: BooleanConstructor;
         readonly default: false;
     };
 }>> & Readonly<{}>, {
-    readonly as: string | import('vue').Component;
-    readonly asChild: boolean;
+    as: string | import('vue').Component;
+    asChild: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const DialogContent: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    closeOnEscape: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    closeOnOutside: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+export declare const LvStepperSeparator: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     as: {
-        readonly type: PropType<string | import('vue').Component>;
-        readonly default: "div";
+        default: string;
+        type: PropType<string | import('vue').Component>;
+    };
+    step: {
+        type: NumberConstructor;
+        required: true;
     };
     asChild: {
         readonly type: BooleanConstructor;
@@ -141,38 +139,32 @@ export declare const DialogContent: import('vue').DefineComponent<import('vue').
     };
 }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
-}> | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("escapeKeyDown" | "pointerDownOutside" | "focusOutside")[], "escapeKeyDown" | "pointerDownOutside" | "focusOutside", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    closeOnEscape: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    closeOnOutside: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     as: {
-        readonly type: PropType<string | import('vue').Component>;
-        readonly default: "div";
+        default: string;
+        type: PropType<string | import('vue').Component>;
+    };
+    step: {
+        type: NumberConstructor;
+        required: true;
     };
     asChild: {
         readonly type: BooleanConstructor;
         readonly default: false;
     };
-}>> & Readonly<{
-    onEscapeKeyDown?: ((...args: any[]) => any) | undefined;
-    onPointerDownOutside?: ((...args: any[]) => any) | undefined;
-    onFocusOutside?: ((...args: any[]) => any) | undefined;
-}>, {
+}>> & Readonly<{}>, {
     as: string | import('vue').Component;
     asChild: boolean;
-    closeOnEscape: boolean;
-    closeOnOutside: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const DialogTitle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+export declare const LvStepperContent: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     as: {
         default: string;
         type: PropType<string | import('vue').Component>;
     };
+    step: {
+        type: NumberConstructor;
+        required: true;
+    };
     asChild: {
         readonly type: BooleanConstructor;
         readonly default: false;
@@ -184,6 +176,10 @@ export declare const DialogTitle: import('vue').DefineComponent<import('vue').Ex
         default: string;
         type: PropType<string | import('vue').Component>;
     };
+    step: {
+        type: NumberConstructor;
+        required: true;
+    };
     asChild: {
         readonly type: BooleanConstructor;
         readonly default: false;
@@ -192,10 +188,14 @@ export declare const DialogTitle: import('vue').DefineComponent<import('vue').Ex
     as: string | import('vue').Component;
     asChild: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const DialogDescription: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+export declare const LvStepperTrigger: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    step: {
+        type: NumberConstructor;
+        required: true;
+    };
     as: {
-        default: string;
-        type: PropType<string | import('vue').Component>;
+        readonly default: "button";
+        readonly type: PropType<string | import('vue').Component>;
     };
     asChild: {
         readonly type: BooleanConstructor;
@@ -204,9 +204,13 @@ export declare const DialogDescription: import('vue').DefineComponent<import('vu
 }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    step: {
+        type: NumberConstructor;
+        required: true;
+    };
     as: {
-        default: string;
-        type: PropType<string | import('vue').Component>;
+        readonly default: "button";
+        readonly type: PropType<string | import('vue').Component>;
     };
     asChild: {
         readonly type: BooleanConstructor;
@@ -216,7 +220,31 @@ export declare const DialogDescription: import('vue').DefineComponent<import('vu
     as: string | import('vue').Component;
     asChild: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const DialogClose: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+export declare const LvStepperPrevious: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly as: {
+        readonly default: "button";
+        readonly type: PropType<string | import('vue').Component>;
+    };
+    readonly asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly as: {
+        readonly default: "button";
+        readonly type: PropType<string | import('vue').Component>;
+    };
+    readonly asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{}>, {
+    readonly as: string | import('vue').Component;
+    readonly asChild: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const LvStepperNext: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     readonly as: {
         readonly default: "button";
         readonly type: PropType<string | import('vue').Component>;

package/dist/components/navigation/table-of-contents.d.ts

@@ -0,0 +1,60 @@
+import { PropType } from 'vue';
+export type TocEntry = {
+    readonly id: string;
+    readonly text: string;
+    readonly depth?: number;
+};
+export declare const LvTableOfContents: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    as: {
+        default: string;
+        type: PropType<string | import('vue').Component>;
+    };
+    entries: {
+        type: PropType<readonly TocEntry[]>;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    line: {
+        type: NumberConstructor;
+        default: number;
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (id: string | undefined) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    as: {
+        default: string;
+        type: PropType<string | import('vue').Component>;
+    };
+    entries: {
+        type: PropType<readonly TocEntry[]>;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    line: {
+        type: NumberConstructor;
+        default: number;
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{
+    onChange?: ((id: string | undefined) => any) | undefined;
+}>, {
+    as: string | import('vue').Component;
+    asChild: boolean;
+    label: string;
+    line: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/navigation/toolbar.d.ts

@@ -0,0 +1,179 @@
+import { PropType } from 'vue';
+import { Direction, Orientation } from '@lovince/ui-headless';
+export declare const LvToolbarRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    orientation: {
+        type: PropType<Orientation>;
+        default: string;
+    };
+    dir: {
+        type: PropType<Direction>;
+        default: string;
+    };
+    loop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    as: {
+        readonly type: PropType<string | import('vue').Component>;
+        readonly default: "div";
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    orientation: {
+        type: PropType<Orientation>;
+        default: string;
+    };
+    dir: {
+        type: PropType<Direction>;
+        default: string;
+    };
+    loop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    as: {
+        readonly type: PropType<string | import('vue').Component>;
+        readonly default: "div";
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{}>, {
+    as: string | import('vue').Component;
+    asChild: boolean;
+    label: string;
+    disabled: boolean;
+    dir: Direction;
+    orientation: Orientation;
+    loop: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const LvToolbarButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    as: {
+        default: string;
+        type: PropType<string | import('vue').Component>;
+    };
+    value: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    as: {
+        default: string;
+        type: PropType<string | import('vue').Component>;
+    };
+    value: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{}>, {
+    as: string | import('vue').Component;
+    asChild: boolean;
+    value: string;
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const LvToolbarLink: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    as: {
+        default: string;
+        type: PropType<string | import('vue').Component>;
+    };
+    value: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    as: {
+        default: string;
+        type: PropType<string | import('vue').Component>;
+    };
+    value: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{}>, {
+    as: string | import('vue').Component;
+    asChild: boolean;
+    value: string;
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const LvToolbarSeparator: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly as: {
+        readonly type: PropType<string | import('vue').Component>;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly as: {
+        readonly type: PropType<string | import('vue').Component>;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{}>, {
+    readonly as: string | import('vue').Component;
+    readonly asChild: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;