@lovince/ui-vue 0.0.0-stage → 0.1.0

package/dist/components/toggle-group.d.ts

@@ -0,0 +1,205 @@
+import { PropType } from 'vue';
+import { Direction, Orientation, ToggleGroupType } from '@lovince/ui-headless';
+export type { ToggleGroupType };
+export declare const ToggleRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    pressed: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultPressed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    as: {
+        readonly default: "button";
+        readonly type: 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, {
+    'update:pressed': (value: boolean) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    pressed: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultPressed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    as: {
+        readonly default: "button";
+        readonly type: PropType<string | import('vue').Component>;
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{
+    "onUpdate:pressed"?: ((value: boolean) => any) | undefined;
+}>, {
+    as: string | import('vue').Component;
+    asChild: boolean;
+    disabled: boolean;
+    pressed: boolean;
+    defaultPressed: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+/**
+ * A set of toggles with one tab stop. `single` presses at most one (`v-model`
+ * is a string); `multiple` any number (`v-model` is an array).
+ */
+export declare const ToggleGroupRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    type: {
+        type: PropType<ToggleGroupType>;
+        default: string;
+    };
+    modelValue: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+    defaultValue: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+    /** Single mode: whether the pressed item can be released, leaving none. A view switch should not allow it. */
+    allowEmpty: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    orientation: {
+        type: PropType<Orientation>;
+        default: string;
+    };
+    loop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dir: {
+        type: PropType<Direction>;
+        default: string;
+    };
+    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, {
+    'update:modelValue': (value: string | string[] | undefined) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    type: {
+        type: PropType<ToggleGroupType>;
+        default: string;
+    };
+    modelValue: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+    defaultValue: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+    /** Single mode: whether the pressed item can be released, leaving none. A view switch should not allow it. */
+    allowEmpty: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    orientation: {
+        type: PropType<Orientation>;
+        default: string;
+    };
+    loop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dir: {
+        type: PropType<Direction>;
+        default: string;
+    };
+    as: {
+        readonly type: PropType<string | import('vue').Component>;
+        readonly default: "div";
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | string[] | undefined) => any) | undefined;
+}>, {
+    as: string | import('vue').Component;
+    asChild: boolean;
+    type: ToggleGroupType;
+    disabled: boolean;
+    dir: Direction;
+    orientation: Orientation;
+    loop: boolean;
+    allowEmpty: boolean;
+    modelValue: string | string[];
+    defaultValue: string | string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const ToggleGroupItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    as: {
+        readonly default: "button";
+        readonly type: 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<{
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    as: {
+        readonly default: "button";
+        readonly type: PropType<string | import('vue').Component>;
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{}>, {
+    as: string | import('vue').Component;
+    asChild: boolean;
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/toggles.d.ts

@@ -0,0 +1,232 @@
+import { PropType } from 'vue';
+import { CheckedState } from '@lovince/ui-headless';
+export declare const CheckboxRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: PropType<CheckedState>;
+        default: undefined;
+    };
+    defaultValue: {
+        type: PropType<CheckedState>;
+        default: boolean;
+    };
+    disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    required: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    name: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    value: {
+        readonly type: StringConstructor;
+        readonly default: "on";
+    };
+    as: {
+        readonly default: "button";
+        readonly type: 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, {
+    'update:modelValue': (value: CheckedState) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: PropType<CheckedState>;
+        default: undefined;
+    };
+    defaultValue: {
+        type: PropType<CheckedState>;
+        default: boolean;
+    };
+    disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    required: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    name: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    value: {
+        readonly type: StringConstructor;
+        readonly default: "on";
+    };
+    as: {
+        readonly default: "button";
+        readonly type: PropType<string | import('vue').Component>;
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: CheckedState) => any) | undefined;
+}>, {
+    name: string;
+    as: string | import('vue').Component;
+    asChild: boolean;
+    value: string;
+    disabled: boolean;
+    required: boolean;
+    readonly: boolean;
+    modelValue: CheckedState;
+    defaultValue: CheckedState;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const CheckboxIndicator: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    as: {
+        default: string;
+        type: PropType<string | import('vue').Component>;
+    };
+    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<{
+    as: {
+        default: string;
+        type: 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 SwitchRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    required: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    name: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    value: {
+        readonly type: StringConstructor;
+        readonly default: "on";
+    };
+    as: {
+        readonly default: "button";
+        readonly type: 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, {
+    'update:modelValue': (value: boolean) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    required: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    name: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    value: {
+        readonly type: StringConstructor;
+        readonly default: "on";
+    };
+    as: {
+        readonly default: "button";
+        readonly type: PropType<string | import('vue').Component>;
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    name: string;
+    as: string | import('vue').Component;
+    asChild: boolean;
+    value: string;
+    disabled: boolean;
+    required: boolean;
+    readonly: boolean;
+    modelValue: boolean;
+    defaultValue: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const SwitchThumb: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    as: {
+        default: string;
+        type: PropType<string | import('vue').Component>;
+    };
+    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<{
+    as: {
+        default: string;
+        type: 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>;