@gradient-ui/core 0.2.0

package/dist/types/components/ui/GCheckControl/GCheckGroup.vue.d.ts

@@ -0,0 +1,190 @@
+import { type CheckGroupSlots } from '@/use/check';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<CheckGroupSlots> & CheckGroupSlots;
+    refs: {};
+    rootEl: HTMLFieldSetElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    label: Omit<{
+        type: import("vue").PropType<string>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    message: Omit<{
+        type: import("vue").PropType<string>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    disabled: Omit<{
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    size: Omit<Omit<{
+        type: import("vue").PropType<import("../../../types/CommonTypes").Sizes>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("../../../types/CommonTypes").Sizes>;
+        default: import("../../../types/CommonTypes").Sizes;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("../../../types/CommonTypes").Sizes>;
+        default: import("../../../types/CommonTypes").Sizes;
+    };
+    state: Omit<{
+        type: import("vue").PropType<import("../GGradient/types").GGradienStates>;
+        default: import("../GGradient/types").GGradienStates;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("../GGradient/types").GGradienStates>;
+        default: import("../GGradient/types").GGradienStates;
+    };
+    indicatorView: Omit<Omit<{
+        type: import("vue").PropType<import("@/use/check").CheckIndicatorView>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("@/use/check").CheckIndicatorView>;
+        default: import("@/use/check").CheckIndicatorView;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("@/use/check").CheckIndicatorView>;
+        default: import("@/use/check").CheckIndicatorView;
+    };
+    vertical: Omit<{
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    focused: Omit<{
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    color: Omit<Omit<Omit<{
+        type: import("vue").PropType<import("../../../use/colorResolver").GColor>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<string>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<string>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    focusin: (event: FocusEvent) => any;
+    focusout: (event: FocusEvent) => any;
+    pointercancel: (event: PointerEvent) => any;
+    pointerdown: (event: PointerEvent) => any;
+    pointerup: (event: PointerEvent) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    label: Omit<{
+        type: import("vue").PropType<string>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    message: Omit<{
+        type: import("vue").PropType<string>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    disabled: Omit<{
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    size: Omit<Omit<{
+        type: import("vue").PropType<import("../../../types/CommonTypes").Sizes>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("../../../types/CommonTypes").Sizes>;
+        default: import("../../../types/CommonTypes").Sizes;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("../../../types/CommonTypes").Sizes>;
+        default: import("../../../types/CommonTypes").Sizes;
+    };
+    state: Omit<{
+        type: import("vue").PropType<import("../GGradient/types").GGradienStates>;
+        default: import("../GGradient/types").GGradienStates;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("../GGradient/types").GGradienStates>;
+        default: import("../GGradient/types").GGradienStates;
+    };
+    indicatorView: Omit<Omit<{
+        type: import("vue").PropType<import("@/use/check").CheckIndicatorView>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("@/use/check").CheckIndicatorView>;
+        default: import("@/use/check").CheckIndicatorView;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("@/use/check").CheckIndicatorView>;
+        default: import("@/use/check").CheckIndicatorView;
+    };
+    vertical: Omit<{
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    focused: Omit<{
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    color: Omit<Omit<Omit<{
+        type: import("vue").PropType<import("../../../use/colorResolver").GColor>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<string>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<string>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>> & Readonly<{
+    onFocusin?: ((event: FocusEvent) => any) | undefined;
+    onFocusout?: ((event: FocusEvent) => any) | undefined;
+    onPointercancel?: ((event: PointerEvent) => any) | undefined;
+    onPointerdown?: ((event: PointerEvent) => any) | undefined;
+    onPointerup?: ((event: PointerEvent) => any) | undefined;
+}>, {
+    state: import("../GGradient/types").GGradienStates;
+    size: import("../../../types/CommonTypes").Sizes;
+    label: string;
+    message: string;
+    disabled: boolean;
+    color: string;
+    vertical: boolean;
+    indicatorView: import("@/use/check").CheckIndicatorView;
+    focused: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLFieldSetElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/ui/GCheckControl/GCheckIndicator.vue.d.ts

@@ -0,0 +1,21 @@
+import type { GGradienStates } from '../GGradient/types';
+import type { Sizes } from '@/types/CommonTypes';
+import type { GColor } from '@/use/color';
+import type { CheckIndicatorView } from '@/use/check';
+type __VLS_Props = {
+    kind: 'checkbox' | 'radio' | 'switch';
+    view?: CheckIndicatorView;
+    checked?: boolean;
+    color?: GColor;
+    disabled?: boolean;
+    size?: Sizes;
+    state?: GGradienStates;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    state: GGradienStates;
+    size: Sizes;
+    view: CheckIndicatorView;
+    disabled: boolean;
+    checked: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLSpanElement>;
+export default _default;

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

@@ -0,0 +1,3 @@
+export { default as GCheckControl } from './GCheckControl.vue';
+export { default as GCheckIndicator } from './GCheckIndicator.vue';
+export { default as GCheckGroup } from './GCheckGroup.vue';

package/dist/types/components/ui/GCheckbox/GCheckbox.vue.d.ts

@@ -0,0 +1,228 @@
+import { type CheckControlSlots } from '@/use/check';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<CheckControlSlots> & CheckControlSlots;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    rules: Omit<{
+        type: import("vue").PropType<import("gib-validate").ValidationRule<boolean>[]>;
+        default: () => never[];
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("gib-validate").ValidationRule<boolean>[]>;
+        default: import("gib-validate").ValidationRule<boolean>[];
+    };
+    id: Omit<{
+        type: import("vue").PropType<string>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    name: Omit<{
+        type: import("vue").PropType<string>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    label: Omit<{
+        type: import("vue").PropType<string>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    disabled: Omit<{
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    size: Omit<Omit<{
+        type: import("vue").PropType<import("../../../types/CommonTypes").Sizes>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("../../../types/CommonTypes").Sizes>;
+        default: import("../../../types/CommonTypes").Sizes;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("../../../types/CommonTypes").Sizes>;
+        default: import("../../../types/CommonTypes").Sizes;
+    };
+    state: Omit<{
+        type: import("vue").PropType<import("../GGradient/types").GGradienStates>;
+        default: import("../GGradient/types").GGradienStates;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("../GGradient/types").GGradienStates>;
+        default: import("../GGradient/types").GGradienStates;
+    };
+    indicatorView: Omit<Omit<{
+        type: import("vue").PropType<import("@/use/check").CheckIndicatorView>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("@/use/check").CheckIndicatorView>;
+        default: import("@/use/check").CheckIndicatorView;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("@/use/check").CheckIndicatorView>;
+        default: import("@/use/check").CheckIndicatorView;
+    };
+    message: Omit<{
+        type: import("vue").PropType<string>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    inline: Omit<{
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    color: Omit<Omit<Omit<{
+        type: import("vue").PropType<import("../../../use/colorResolver").GColor>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<string>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<string>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: import("vue").PropType<boolean>;
+    };
+}>, {
+    $v: import("gib-validate").ValidationResult<{
+        modelValue: import("gib-validate").Validatable;
+    }>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (value: boolean, event: Event) => any;
+    blur: (event: FocusEvent) => any;
+    "update:modelValue": (value: boolean) => any;
+    focus: (event: FocusEvent) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    rules: Omit<{
+        type: import("vue").PropType<import("gib-validate").ValidationRule<boolean>[]>;
+        default: () => never[];
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("gib-validate").ValidationRule<boolean>[]>;
+        default: import("gib-validate").ValidationRule<boolean>[];
+    };
+    id: Omit<{
+        type: import("vue").PropType<string>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    name: Omit<{
+        type: import("vue").PropType<string>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    label: Omit<{
+        type: import("vue").PropType<string>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    disabled: Omit<{
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    size: Omit<Omit<{
+        type: import("vue").PropType<import("../../../types/CommonTypes").Sizes>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("../../../types/CommonTypes").Sizes>;
+        default: import("../../../types/CommonTypes").Sizes;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("../../../types/CommonTypes").Sizes>;
+        default: import("../../../types/CommonTypes").Sizes;
+    };
+    state: Omit<{
+        type: import("vue").PropType<import("../GGradient/types").GGradienStates>;
+        default: import("../GGradient/types").GGradienStates;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("../GGradient/types").GGradienStates>;
+        default: import("../GGradient/types").GGradienStates;
+    };
+    indicatorView: Omit<Omit<{
+        type: import("vue").PropType<import("@/use/check").CheckIndicatorView>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("@/use/check").CheckIndicatorView>;
+        default: import("@/use/check").CheckIndicatorView;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("@/use/check").CheckIndicatorView>;
+        default: import("@/use/check").CheckIndicatorView;
+    };
+    message: Omit<{
+        type: import("vue").PropType<string>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    inline: Omit<{
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    color: Omit<Omit<Omit<{
+        type: import("vue").PropType<import("../../../use/colorResolver").GColor>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<string>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<string>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: import("vue").PropType<boolean>;
+    };
+}>> & Readonly<{
+    onChange?: ((value: boolean, event: Event) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+}>, {
+    id: string;
+    state: import("../GGradient/types").GGradienStates;
+    size: import("../../../types/CommonTypes").Sizes;
+    name: string;
+    label: string;
+    message: string;
+    disabled: boolean;
+    color: string;
+    inline: boolean;
+    rules: import("gib-validate").ValidationRule<boolean>[];
+    indicatorView: import("@/use/check").CheckIndicatorView;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,2 @@
+export { default } from './GCheckbox.vue';
+export type { GCheckboxProps } from './types';

package/dist/types/components/ui/GCheckbox/types.d.ts

@@ -0,0 +1 @@
+export type { CheckboxProps as GCheckboxProps } from '@/use/check';

package/dist/types/components/ui/GCheckboxGroup/GCheckboxGroup.vue.d.ts

@@ -0,0 +1,24 @@
+import { type CheckOptionGroupSlots } from '@/use/check';
+import type { GCheckboxGroupProps } from './types';
+declare const _default: <T, V = T, ReturnObject extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onChange?: ((value: ReturnObject extends true ? T[] : V[], event: Event) => any) | undefined;
+        readonly onBlur?: ((event: FocusEvent) => any) | undefined;
+        readonly "onUpdate:modelValue"?: ((value: ReturnObject extends true ? T[] : V[]) => any) | undefined;
+        readonly onFocus?: ((event: FocusEvent) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onFocus" | "onBlur" | "onChange" | "onUpdate:modelValue"> & Partial<{}> & GCheckboxGroupProps<T, V, ReturnObject>> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{
+        $v: import("gib-validate").ValidationResult<{
+            modelValue: import("gib-validate").Validatable;
+        }>;
+    }>): void;
+    attrs: any;
+    slots: Readonly<CheckOptionGroupSlots<T>> & CheckOptionGroupSlots<T>;
+    emit: ((evt: "change", value: ReturnObject extends true ? T[] : V[], event: Event) => void) & ((evt: "blur", event: FocusEvent) => void) & ((evt: "update:modelValue", value: ReturnObject extends true ? T[] : V[]) => void) & ((evt: "focus", event: FocusEvent) => void);
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -0,0 +1,2 @@
+export { default } from './GCheckboxGroup.vue';
+export type { GCheckboxGroupProps } from './types';

package/dist/types/components/ui/GCheckboxGroup/types.d.ts

@@ -0,0 +1,12 @@
+import type { CheckIndicatorView, CheckValueComparator, SelectionGroupProps } from '@/use/check';
+import type { SelectionValue, SelectLabelKey, SelectValueKey } from '@/use/select/types';
+export interface GCheckboxGroupProps<T, V = T, ReturnObject extends boolean = false> extends SelectionGroupProps<SelectionValue<T, V, true, ReturnObject>> {
+    modelValue: SelectionValue<T, V, true, ReturnObject>;
+    options: readonly T[];
+    name?: string;
+    labelKey?: SelectLabelKey<T>;
+    valueKey?: SelectValueKey<T, V>;
+    returnObject?: ReturnObject;
+    indicatorView?: CheckIndicatorView;
+    valueComparator?: CheckValueComparator<SelectionValue<T, V, true, ReturnObject>>;
+}