@lovince/ui-vue 0.1.1 → 0.3.0

package/dist/components/{splitter.d.ts → layout/splitter.d.ts}

@@ -1,10 +1,6 @@
 import { PropType } from 'vue';
 import { Direction, Orientation } from '@lovince/ui-headless';
-/**
- * Panels with draggable dividers between them — the WAI-ARIA window splitter.
- * Sizes are percentages of the group, one per panel, and always add up to 100.
- */
-export declare const SplitterGroup: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+export declare const LvSplitterGroup: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     modelValue: {
         type: PropType<number[]>;
         default: undefined;
@@ -21,7 +17,6 @@ export declare const SplitterGroup: import('vue').DefineComponent<import('vue').
         type: BooleanConstructor;
         default: boolean;
     };
-    /** Percent moved per arrow key press. */
     keyboardStep: {
         type: NumberConstructor;
         default: number;
@@ -55,7 +50,6 @@ export declare const SplitterGroup: import('vue').DefineComponent<import('vue').
         type: BooleanConstructor;
         default: boolean;
     };
-    /** Percent moved per arrow key press. */
     keyboardStep: {
         type: NumberConstructor;
         default: number;
@@ -79,8 +73,7 @@ export declare const SplitterGroup: import('vue').DefineComponent<import('vue').
     keyboardStep: number;
     modelValue: number[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const SplitterPanel: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    /** Starting size in percent; panels without one share what is left. */
+export declare const LvSplitterPanel: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     defaultSize: {
         type: NumberConstructor;
         default: undefined;
@@ -104,7 +97,6 @@ export declare const SplitterPanel: import('vue').DefineComponent<import('vue').
 }>, () => 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<{
-    /** Starting size in percent; panels without one share what is left. */
     defaultSize: {
         type: NumberConstructor;
         default: undefined;
@@ -132,7 +124,7 @@ export declare const SplitterPanel: import('vue').DefineComponent<import('vue').
     minSize: number;
     maxSize: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const SplitterHandle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+export declare const LvSplitterHandle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     as: {
         default: string;
         type: PropType<string | import('vue').Component>;

package/dist/components/{tree.d.ts → layout/tree.d.ts}

@@ -1,10 +1,5 @@
 import { PropType } from 'vue';
-/**
- * A hierarchy to browse and pick from — the WAI-ARIA tree view. Arrow keys
- * move through the visible items; Right opens a branch or enters it, Left
- * closes it or climbs to its parent.
- */
-export declare const TreeRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+export declare const LvTreeRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     as: {
         default: string;
         type: PropType<string | import('vue').Component>;
@@ -79,7 +74,7 @@ export declare const TreeRoot: import('vue').DefineComponent<import('vue').Extra
     defaultValue: string | string[];
     defaultExpanded: string[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const TreeItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+export declare const LvTreeItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     as: {
         default: string;
         type: PropType<string | import('vue').Component>;
@@ -120,8 +115,7 @@ export declare const TreeItem: import('vue').DefineComponent<import('vue').Extra
     asChild: boolean;
     disabled: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-/** An item's children. Rendered only while the item is open, so closed branches hold no focusable items. */
-export declare const TreeGroup: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+export declare const LvTreeGroup: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     as: {
         default: string;
         type: PropType<string | import('vue').Component>;

package/dist/components/layout/virtual-list.d.ts

@@ -0,0 +1,68 @@
+import { PropType } from 'vue';
+export declare const LvVirtualList: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    items: {
+        type: PropType<readonly unknown[]>;
+        required: true;
+    };
+    itemSize: {
+        type: NumberConstructor;
+        required: true;
+    };
+    overscan: {
+        type: NumberConstructor;
+        default: number;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    getKey: {
+        type: PropType<(item: unknown, index: number) => string | number>;
+        default: (_: unknown, index: number) => number;
+    };
+    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<{
+    items: {
+        type: PropType<readonly unknown[]>;
+        required: true;
+    };
+    itemSize: {
+        type: NumberConstructor;
+        required: true;
+    };
+    overscan: {
+        type: NumberConstructor;
+        default: number;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    getKey: {
+        type: PropType<(item: unknown, index: number) => string | number>;
+        default: (_: unknown, index: number) => number;
+    };
+    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;
+    overscan: number;
+    getKey: (item: unknown, index: number) => string | number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

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

@@ -0,0 +1,114 @@
+export declare const LvBreadcrumbRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    as: {
+        default: string;
+        type: import('vue').PropType<string | import('vue').Component>;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    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: import('vue').PropType<string | import('vue').Component>;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{}>, {
+    as: string | import('vue').Component;
+    asChild: boolean;
+    label: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const LvBreadcrumbItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    as: {
+        default: string;
+        type: import('vue').PropType<string | import('vue').Component>;
+    };
+    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: import('vue').PropType<string | import('vue').Component>;
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{}>, {
+    as: string | import('vue').Component;
+    asChild: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const LvBreadcrumbLink: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    as: {
+        default: string;
+        type: import('vue').PropType<string | import('vue').Component>;
+    };
+    current: {
+        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: import('vue').PropType<string | import('vue').Component>;
+    };
+    current: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{}>, {
+    as: string | import('vue').Component;
+    asChild: boolean;
+    current: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const LvBreadcrumbSeparator: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    as: {
+        default: string;
+        type: import('vue').PropType<string | import('vue').Component>;
+    };
+    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: import('vue').PropType<string | import('vue').Component>;
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{}>, {
+    as: string | import('vue').Component;
+    asChild: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

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

@@ -0,0 +1,221 @@
+export declare const LvPaginationRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    as: {
+        default: string;
+        type: import('vue').PropType<string | import('vue').Component>;
+    };
+    page: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    defaultPage: {
+        type: NumberConstructor;
+        default: number;
+    };
+    count: {
+        type: NumberConstructor;
+        required: true;
+    };
+    siblings: {
+        type: NumberConstructor;
+        default: number;
+    };
+    boundaries: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    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, {
+    'update:page': (page: number) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    as: {
+        default: string;
+        type: import('vue').PropType<string | import('vue').Component>;
+    };
+    page: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    defaultPage: {
+        type: NumberConstructor;
+        default: number;
+    };
+    count: {
+        type: NumberConstructor;
+        required: true;
+    };
+    siblings: {
+        type: NumberConstructor;
+        default: number;
+    };
+    boundaries: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{
+    "onUpdate:page"?: ((page: number) => any) | undefined;
+}>, {
+    as: string | import('vue').Component;
+    asChild: boolean;
+    label: string;
+    disabled: boolean;
+    page: number;
+    siblings: number;
+    boundaries: number;
+    defaultPage: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const LvPaginationPage: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    page: {
+        type: NumberConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    as: {
+        readonly default: "button";
+        readonly type: import('vue').PropType<string | import('vue').Component>;
+    };
+    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<{
+    page: {
+        type: NumberConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    as: {
+        readonly default: "button";
+        readonly type: import('vue').PropType<string | import('vue').Component>;
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{}>, {
+    as: string | import('vue').Component;
+    asChild: boolean;
+    label: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const LvPaginationPrevious: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    as: {
+        readonly default: "button";
+        readonly type: import('vue').PropType<string | import('vue').Component>;
+    };
+    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: string;
+    };
+    as: {
+        readonly default: "button";
+        readonly type: import('vue').PropType<string | import('vue').Component>;
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{}>, {
+    as: string | import('vue').Component;
+    asChild: boolean;
+    label: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const LvPaginationNext: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    as: {
+        readonly default: "button";
+        readonly type: import('vue').PropType<string | import('vue').Component>;
+    };
+    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: string;
+    };
+    as: {
+        readonly default: "button";
+        readonly type: import('vue').PropType<string | import('vue').Component>;
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{}>, {
+    as: string | import('vue').Component;
+    asChild: boolean;
+    label: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const LvPaginationEllipsis: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    as: {
+        default: string;
+        type: import('vue').PropType<string | import('vue').Component>;
+    };
+    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: import('vue').PropType<string | import('vue').Component>;
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{}>, {
+    as: string | import('vue').Component;
+    asChild: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;