@gradient-ui/core 0.4.0 → 0.4.1

package/dist/types/use/check/booleanControl.d.ts

@@ -14,13 +14,13 @@ export declare function useCheckBooleanControl(props: BooleanControlProps, model
         inputType: "checkbox";
         message: string;
         checked: boolean;
+        disabled: boolean;
         focused: boolean;
-        state: import("../../components/ui/GGradient/types").GGradienStates | undefined;
+        state: import("../../components/ui/GGradient").GGradienStates | undefined;
         rules?: import("gib-validate").ValidationRule<boolean>[];
         name?: string;
         label?: string;
-        color?: import("../colorResolver").GColor;
-        disabled?: boolean;
+        color?: import("..").GColor;
         size?: import("../../types/CommonTypes").Sizes;
         indicatorView?: import("./types").CheckIndicatorView;
         inline?: boolean;
@@ -29,13 +29,13 @@ export declare function useCheckBooleanControl(props: BooleanControlProps, model
         inputType: "checkbox";
         message: string;
         checked: boolean;
+        disabled: boolean;
         focused: boolean;
-        state: import("../../components/ui/GGradient/types").GGradienStates | undefined;
+        state: import("../../components/ui/GGradient").GGradienStates | undefined;
         rules?: import("gib-validate").ValidationRule<boolean>[];
         name?: string;
         label?: string;
-        color?: import("../colorResolver").GColor;
-        disabled?: boolean;
+        color?: import("..").GColor;
         size?: import("../../types/CommonTypes").Sizes;
         indicatorView?: import("./types").CheckIndicatorView;
         inline?: boolean;
@@ -43,10 +43,10 @@ export declare function useCheckBooleanControl(props: BooleanControlProps, model
     indicatorProps: import("vue").ComputedRef<{
         kind: "switch" | "checkbox";
         checked: boolean;
-        disabled: boolean | undefined;
+        disabled: boolean;
         size: import("../../types/CommonTypes").Sizes | undefined;
-        color: string | undefined;
-        state: import("../../components/ui/GGradient/types").GGradienStates | undefined;
+        color: import("..").GColor | undefined;
+        state: import("../../components/ui/GGradient").GGradienStates | undefined;
         view: import("./types").CheckIndicatorView | undefined;
     }>;
     handleChange: (event: Event) => void;

package/dist/types/use/check/optionGroup.d.ts

@@ -1,4 +1,5 @@
 import type { SelectionValue } from '@/use/select/types';
+import type { InternalItem } from '@/use/select/types';
 import type { CheckSelectionProps } from './types';
 export declare function useCheckOptionGroup<T, V, Multiple extends boolean, ReturnObject extends boolean>(props: CheckSelectionProps<T, V, Multiple, ReturnObject>, emit: {
     updateModelValue: (value: SelectionValue<T, V, Multiple, ReturnObject>) => void;
@@ -12,18 +13,19 @@ export declare function useCheckOptionGroup<T, V, Multiple extends boolean, Retu
     groupProps: import("vue").ComputedRef<{
         label: string | undefined;
         message: string;
-        color: string | undefined;
-        disabled: boolean | undefined;
+        color: import("..").GColor | undefined;
+        disabled: boolean;
         size: import("../../types/CommonTypes").Sizes | undefined;
-        state: import("../../components/ui/GGradient/types").GGradienStates | undefined;
+        state: import("../../components/ui/GGradient").GGradienStates | undefined;
         indicatorView: import("./types").CheckIndicatorView | undefined;
         vertical: boolean | undefined;
         focused: boolean;
     }>;
-    items: import("vue").ComputedRef<import("@/use/select/types").InternalItem<T, V>[]>;
-    isItemSelected: (item: import("@/use/select/types").InternalItem<T, V>) => boolean;
-    getNextItemValue: (item: import("@/use/select/types").InternalItem<T, V>) => SelectionValue<T, V, Multiple, ReturnObject> | undefined;
-    selectItem: (item: import("@/use/select/types").InternalItem<T, V>) => void;
+    disabled: import("vue").ComputedRef<boolean>;
+    items: import("vue").ComputedRef<InternalItem<T, V>[]>;
+    isItemSelected: (item: InternalItem<T, V>) => boolean;
+    getNextItemValue: (item: InternalItem<T, V>) => SelectionValue<T, V, Multiple, ReturnObject> | undefined;
+    selectItem: (item: InternalItem<T, V>) => void;
     handleGroupFocusIn: (event: FocusEvent) => void;
     handleGroupFocusOut: (event: FocusEvent) => void;
     handlePointerDown: () => void;

package/dist/types/use/check/types.d.ts

@@ -105,11 +105,11 @@ export declare const makeCheckFieldProps: <Defaults extends {
         type: PropType<GColor>;
         default: string;
     }, "type" | "default"> & {
-        type: PropType<string>;
-        default: string;
+        type: PropType<GColor>;
+        default: GColor;
     }, "type" | "default"> & {
-        type: PropType<Defaults["color"] extends infer T_18 ? T_18 extends Defaults["color"] ? T_18 extends unknown ? string : string | T_18 : never : never>;
-        default: Defaults["color"] extends infer T_19 ? T_19 extends Defaults["color"] ? T_19 extends unknown ? string : string | T_19 : never : never;
+        type: PropType<Defaults["color"] extends infer T_18 ? T_18 extends Defaults["color"] ? T_18 extends unknown ? GColor : GColor | T_18 : never : never>;
+        default: Defaults["color"] extends infer T_19 ? T_19 extends Defaults["color"] ? T_19 extends unknown ? GColor : NonNullable<GColor> | T_19 : never : never;
     };
 };
 export declare const makeCheckGroupVisualProps: <Defaults extends {
@@ -165,11 +165,11 @@ export declare const makeCheckGroupVisualProps: <Defaults extends {
         type: PropType<GColor>;
         default: string;
     }, "type" | "default"> & {
-        type: PropType<string>;
-        default: string;
+        type: PropType<GColor>;
+        default: GColor;
     }, "type" | "default"> & {
-        type: PropType<Defaults["color"] extends infer T_16 ? T_16 extends Defaults["color"] ? T_16 extends unknown ? string : string | T_16 : never : never>;
-        default: Defaults["color"] extends infer T_17 ? T_17 extends Defaults["color"] ? T_17 extends unknown ? string : string | T_17 : never : never;
+        type: PropType<Defaults["color"] extends infer T_16 ? T_16 extends Defaults["color"] ? T_16 extends unknown ? GColor : GColor | T_16 : never : never>;
+        default: Defaults["color"] extends infer T_17 ? T_17 extends Defaults["color"] ? T_17 extends unknown ? GColor : NonNullable<GColor> | T_17 : never : never;
     };
 };
 export declare const makeCheckControlBaseProps: <Defaults extends {
@@ -275,14 +275,14 @@ export declare const makeCheckControlBaseProps: <Defaults extends {
         type: PropType<GColor>;
         default: string;
     }, "type" | "default"> & {
-        type: PropType<string>;
-        default: string;
+        type: PropType<GColor>;
+        default: GColor;
     }, "type" | "default"> & {
-        type: PropType<string>;
-        default: string;
+        type: PropType<GColor>;
+        default: GColor;
     }, "type" | "default"> & {
-        type: PropType<Defaults["color"] extends infer T_24 ? T_24 extends Defaults["color"] ? T_24 extends unknown ? string : string | T_24 : never : never>;
-        default: Defaults["color"] extends infer T_25 ? T_25 extends Defaults["color"] ? T_25 extends unknown ? string : string | T_25 : never : never;
+        type: PropType<Defaults["color"] extends infer T_24 ? T_24 extends Defaults["color"] ? T_24 extends unknown ? GColor : GColor | T_24 : never : never>;
+        default: Defaults["color"] extends infer T_25 ? T_25 extends Defaults["color"] ? T_25 extends unknown ? GColor : NonNullable<GColor> | T_25 : never : never;
     };
 };
 export declare const makeCheckGroupBaseProps: <Defaults extends {
@@ -362,14 +362,14 @@ export declare const makeCheckGroupBaseProps: <Defaults extends {
         type: PropType<GColor>;
         default: string;
     }, "type" | "default"> & {
-        type: PropType<string>;
-        default: string;
+        type: PropType<GColor>;
+        default: GColor;
     }, "type" | "default"> & {
-        type: PropType<string>;
-        default: string;
+        type: PropType<GColor>;
+        default: GColor;
     }, "type" | "default"> & {
-        type: PropType<Defaults["color"] extends infer T_16 ? T_16 extends Defaults["color"] ? T_16 extends unknown ? string : string | T_16 : never : never>;
-        default: Defaults["color"] extends infer T_17 ? T_17 extends Defaults["color"] ? T_17 extends unknown ? string : string | T_17 : never : never;
+        type: PropType<Defaults["color"] extends infer T_16 ? T_16 extends Defaults["color"] ? T_16 extends unknown ? GColor : GColor | T_16 : never : never>;
+        default: Defaults["color"] extends infer T_17 ? T_17 extends Defaults["color"] ? T_17 extends unknown ? GColor : NonNullable<GColor> | T_17 : never : never;
     };
 };
 export declare function makeCheckBooleanControlProps(): {
@@ -453,14 +453,14 @@ export declare function makeCheckBooleanControlProps(): {
         type: PropType<GColor>;
         default: string;
     }, "type" | "default"> & {
-        type: PropType<string>;
-        default: string;
+        type: PropType<GColor>;
+        default: GColor;
     }, "type" | "default"> & {
-        type: PropType<string>;
-        default: string;
+        type: PropType<GColor>;
+        default: GColor;
     }, "type" | "default"> & {
-        type: PropType<string>;
-        default: string;
+        type: PropType<GColor>;
+        default: GColor;
     };
 };
 export interface CheckControlSlots {

package/dist/types/use/color.d.ts

@@ -11,8 +11,8 @@ export declare const makeColorProps: <Defaults extends {
         type: PropType<GColor>;
         default: string;
     }, "type" | "default"> & {
-        type: PropType<Defaults["color"] extends infer T ? T extends Defaults["color"] ? T extends unknown ? string : string | T : never : never>;
-        default: Defaults["color"] extends infer T_1 ? T_1 extends Defaults["color"] ? T_1 extends unknown ? string : string | T_1 : never : never;
+        type: PropType<Defaults["color"] extends infer T ? T extends Defaults["color"] ? T extends unknown ? GColor : GColor | T : never : never>;
+        default: Defaults["color"] extends infer T_1 ? T_1 extends Defaults["color"] ? T_1 extends unknown ? GColor : T_1 | NonNullable<GColor> : never : never;
     };
 };
 export declare function useColor(props: ColorProps): {

package/dist/types/use/colorResolver.d.ts

@@ -1,6 +1,16 @@
+import { COLOR_SEEDS } from '@/theme/colorSeeds';
+import { type ColorShade } from '@/theme/palette';
 import { type MaybeRefOrGetter } from 'vue';
-export type GColor = string;
-export declare function resolveColorValue(color?: GColor): string;
-export declare function resolveOnColorValue(color?: GColor): string;
-export declare function resolveGradientValue(color?: GColor): string;
-export declare function useResolveGradientValue(color: MaybeRefOrGetter<GColor | undefined>): import("vue").ComputedRef<string>;
+type KebabCase<Value extends string> = Value extends `${infer Head}${infer Tail}` ? Tail extends Uncapitalize<Tail> ? `${Lowercase<Head>}${KebabCase<Tail>}` : `${Lowercase<Head>}-${KebabCase<Tail>}` : Value;
+type ColorFamilyName = 'source' | KebabCase<Extract<keyof typeof COLOR_SEEDS, string>>;
+export declare const SEMANTIC_COLORS: readonly ["primary", "main", "error", "warning", "success", "surface", "on-surface"];
+export type SemanticColor = (typeof SEMANTIC_COLORS)[number];
+export type PaletteColor = ColorFamilyName | `${ColorFamilyName}-${ColorShade}`;
+export type CSSKeywordColor = 'transparent' | 'currentColor' | 'currentcolor' | 'inherit' | 'initial' | 'revert' | 'unset' | 'black' | 'white';
+export type CSSColor = CSSKeywordColor | `#${string}` | `rgb(${string})` | `rgba(${string})` | `hsl(${string})` | `hsla(${string})` | `hwb(${string})` | `lab(${string})` | `lch(${string})` | `oklab(${string})` | `oklch(${string})` | `color(${string})` | `var(${string})` | `${string}-gradient(${string})`;
+export type GColor = SemanticColor | PaletteColor | CSSColor;
+export declare const resolveColorValue: (color?: GColor) => string;
+export declare const resolveOnColorValue: (color?: GColor) => string;
+export declare const resolveGradientValue: (color?: GColor) => string;
+export declare const useResolveGradientValue: (color: MaybeRefOrGetter<GColor | undefined>) => import("vue").ComputedRef<string>;
+export {};

package/dist/types/use/form/context.d.ts

@@ -0,0 +1,8 @@
+import { type Ref } from 'vue';
+export type GFormValidateOn = 'blur' | 'input' | 'submit' | 'lazy';
+export interface GFormContext {
+    disabled: Readonly<Ref<boolean>>;
+    validateOn: Readonly<Ref<GFormValidateOn>>;
+}
+export declare const provideFormContext: (context: GFormContext) => void;
+export declare const useFormContext: () => GFormContext | null;

package/dist/types/use/form/control.d.ts

@@ -4,14 +4,18 @@ export interface UseFormControlOptions<T> {
     modelValue: MaybeRefOrGetter<T>;
     rules: MaybeRefOrGetter<ValidationRule<T>[] | undefined>;
     message: MaybeRefOrGetter<string | undefined>;
+    disabled?: MaybeRefOrGetter<boolean | undefined>;
 }
 export declare function useFormControl<T>(options: UseFormControlOptions<T>): {
     focused: import("vue").Ref<boolean, boolean>;
     $v: import("gib-validate").ValidationResult<{
         modelValue: Validatable;
     }>;
+    disabled: ComputedRef<boolean>;
+    validateOn: ComputedRef<import("./context").GFormValidateOn>;
     computedMessage: ComputedRef<string>;
     hasValidationError: ComputedRef<boolean>;
     onFocus: () => void;
     onBlur: () => void;
+    onInputValidation: () => void;
 };

package/dist/types/use/form/props.d.ts

@@ -24,11 +24,11 @@ export declare const makePLAFieldProps: <Defaults extends {
         type: PropType<import("@/use/color").GColor>;
         default: string;
     }, "type" | "default"> & {
-        type: PropType<string>;
-        default: string;
+        type: PropType<import("@/use/color").GColor>;
+        default: import("@/use/color").GColor;
     }, "type" | "default"> & {
-        type: PropType<Defaults["color"] extends infer T_6 ? T_6 extends Defaults["color"] ? T_6 extends unknown ? string : string | T_6 : never : never>;
-        default: Defaults["color"] extends infer T_7 ? T_7 extends Defaults["color"] ? T_7 extends unknown ? string : string | T_7 : never : never;
+        type: PropType<Defaults["color"] extends infer T_6 ? T_6 extends Defaults["color"] ? T_6 extends unknown ? import("@/use/color").GColor : import("@/use/color").GColor | T_6 : never : never>;
+        default: Defaults["color"] extends infer T_7 ? T_7 extends Defaults["color"] ? T_7 extends unknown ? import("@/use/color").GColor : NonNullable<import("@/use/color").GColor> | T_7 : never : never;
     };
 };
 export declare const makeFieldStateProps: <Defaults extends {

package/dist/types/use/form/textFieldControl.d.ts

@@ -41,6 +41,7 @@ export declare function useTextFieldControl(options: UseTextFieldControlOptions)
     }>;
     fieldProps: import("vue").ComputedRef<{
         id: string;
+        disabled: boolean;
         focused: boolean;
         message: string;
         state: GGradienStates | undefined;
@@ -48,7 +49,6 @@ export declare function useTextFieldControl(options: UseTextFieldControlOptions)
         multiline: boolean;
         label?: string;
         color?: GColor;
-        disabled?: boolean;
         clearable?: boolean;
         size?: Sizes;
         prependIcon?: MdiIcon;

package/dist/types/use/glass.d.ts

@@ -0,0 +1,24 @@
+import type { StringeredNumber } from '@/types/CommonTypes';
+import { type MaybeRefOrGetter, type PropType } from 'vue';
+export interface GlassProps {
+    backdropBlur?: StringeredNumber;
+}
+export declare const makeGlassProps: <Defaults extends {
+    backdropBlur?: unknown;
+} = object>(defaults?: Defaults | undefined) => {
+    backdropBlur: Omit<{
+        type: PropType<StringeredNumber>;
+        default: number;
+    }, "type" | "default"> & {
+        type: PropType<Defaults["backdropBlur"] extends infer T ? T extends Defaults["backdropBlur"] ? T extends unknown ? StringeredNumber : StringeredNumber | T : never : never>;
+        default: Defaults["backdropBlur"] extends infer T_1 ? T_1 extends Defaults["backdropBlur"] ? T_1 extends unknown ? StringeredNumber : NonNullable<StringeredNumber> | T_1 : never : never;
+    };
+};
+export declare const useGlass: (props: {
+    backdropBlur?: MaybeRefOrGetter<StringeredNumber | undefined>;
+}) => {
+    backdropBlur: import("vue").ComputedRef<string>;
+    glassStyles: import("vue").ComputedRef<{
+        '--g-glass-backdrop-blur': string;
+    }>;
+};