@cnamts/synapse 1.0.26 → 1.1.0

package/dist/components/Customs/Selects/SyAutocomplete/composables/useSyAutocompleteValidation.d.ts

@@ -0,0 +1,18 @@
+import { Ref } from 'vue';
+import { FieldValidationProps } from '../../../../../composables/unifyValidation/useValidation';
+export declare function useSyAutocompleteValidation(props: FieldValidationProps): {
+    focused: Ref<boolean, boolean>;
+    hasInteracted: Ref<boolean, boolean>;
+    markInteracted: () => void;
+    validate: () => Promise<boolean>;
+    clearValidation: () => void;
+    validateOnSubmit: () => Promise<boolean>;
+    validateOnBlur: () => void;
+    displayErrors: import('vue').ComputedRef<string[]>;
+    displayWarnings: import('vue').ComputedRef<string[]>;
+    displaySuccesses: import('vue').ComputedRef<string[]>;
+    displayHasError: import('vue').ComputedRef<boolean | undefined>;
+    displayHasWarning: import('vue').ComputedRef<boolean | undefined>;
+    displayHasSuccess: import('vue').ComputedRef<boolean>;
+    validationIcon: import('vue').ComputedRef<string | null>;
+};

package/dist/components/Customs/Selects/SyAutocomplete/utils/ariaManager.d.ts

@@ -10,5 +10,5 @@ export declare const ariaManager: {
     updateValidationAttributes(inputElement: HTMLElement, isRequiredValue: boolean, hasErrorValue: boolean): void;
     cleanParentAttributes(parentElement: HTMLElement): void;
     cleanAlertAttributes(parentElement: HTMLElement): void;
-    setupAriaAttributesForAutocomplete(textFieldRef: Ref<any>, isOpen: Ref<boolean>, menuId: string, activeDescendant: Ref<string>, loading: boolean, inputLabel?: string): void;
+    setupAriaAttributesForAutocomplete(textFieldRef: Ref<any>, isOpen: Ref<boolean>, menuId: string, activeDescendant: Ref<string>, loading: boolean, inputLabel?: string, required?: boolean, hasError?: boolean): void;
 };

package/dist/components/Customs/Selects/SyAutocomplete/utils/useKeyboardHandler.d.ts

@@ -1,4 +1,4 @@
-import { Ref, ComputedRef } from 'vue';
+import { ComputedRef, Ref } from 'vue';
 import { ItemType, SelectValue, SelectArray } from '../types';
 interface KeyboardHandlerProps {
     multiple: boolean;
@@ -13,6 +13,7 @@ interface KeyboardHandlerDeps {
     filteredItems: ComputedRef<ItemType[]>;
     uniqueMenuId: Ref<string>;
     focusListItem: boolean;
+    hasPrependItem?: ComputedRef<boolean>;
 }
 export declare function useSyAutocompleteKeyboard(props: KeyboardHandlerProps, deps: KeyboardHandlerDeps): {
     handleKeydown: (e: KeyboardEvent) => void;
@@ -22,6 +23,7 @@ export declare function useSyAutocompleteKeyboard(props: KeyboardHandlerProps, d
             input?: HTMLInputElement;
         };
     } | null>, noFocus?: boolean) => void;
+    focusPrepend: () => void;
     keyboardActiveId: Ref<string, string>;
     handleTabKey: () => void;
 };

package/dist/components/Customs/Selects/SyInputSelect/SyInputSelect.d.ts

@@ -44,8 +44,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     valueKey: string;
     disableErrorHandling: boolean;
     errorMessages: string | string[];
-    displayAsterisk: boolean;
     customRules: ValidationRule[];
+    displayAsterisk: boolean;
     clearable: boolean;
     isHeaderToolbar: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

package/dist/components/Customs/Selects/SySelect/SySelect.d.ts

@@ -1,6 +1,5 @@
-import { nextTick, Ref } from 'vue';
+import { nextTick } from 'vue';
 import { ColorType, IconType, VariantStyle } from '@/types/vuetifyTypes';
-import { ValidationRule } from '../../../../composables/validation/useValidation';
 import { FieldValidationProps } from '../../../../composables/unifyValidation/useValidation';
 export type ItemType = {
     [key: string]: unknown;
@@ -45,7 +44,6 @@ declare function __VLS_template(): {
         append?(_: {}): any;
     };
     refs: {
-        labelRef: HTMLSpanElement;
         list: ({
             $: import('vue').ComponentInternalInstance;
             $data: {};
@@ -489,9 +487,9 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
-    isOpen: Ref<boolean, boolean>;
+    isOpen: import('vue').Ref<boolean, boolean>;
     closeList: (event?: Event) => void;
-    validateOnSubmit: (() => Promise<boolean>) | (() => Promise<boolean>);
+    validateOnSubmit: () => Promise<boolean>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
     "prepend-icon-click": (...args: any[]) => void;
@@ -523,6 +521,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     disableErrorHandling: boolean;
     errorMessages: string[] | null;
     maxErrors: number;
+    hasError: boolean;
+    hasWarning: boolean;
+    hasSuccess: boolean;
+    useVuetifyValidation: boolean;
+    customRules: import('../../../../composables/unifyValidation/useValidation').ValidationRule[];
+    customWarningRules: import('../../../../composables/unifyValidation/useValidation').ValidationRule[];
+    customSuccessRules: import('../../../../composables/unifyValidation/useValidation').ValidationRule[];
     prependTooltip: string;
     appendTooltip: string;
     tooltipLocation: "top" | "bottom" | "start" | "end";
@@ -532,23 +537,15 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     disableClickButton: boolean;
     autocomplete: "on" | "off" | string;
     helpText: string;
+    hideDetails: boolean;
     isValidateOnBlur: boolean;
-    useVuetifyValidation: boolean;
-    customRules: ValidationRule[];
-    customWarningRules: ValidationRule[];
-    customSuccessRules: ValidationRule[];
-    warningMessages: string[] | null;
     successMessages: string[] | null;
-    hasError: boolean;
-    hasWarning: boolean;
-    hasSuccess: boolean;
-    hideDetails: boolean;
+    warningMessages: string[] | null;
     clearable: boolean;
     plainTextKey: string;
     chips: boolean;
     allowHtml: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    labelRef: HTMLSpanElement;
     list: ({
         $: import('vue').ComponentInternalInstance;
         $data: {};

package/dist/components/Customs/Selects/SySelect/composables/useSySelectKeyboard.d.ts

@@ -10,6 +10,7 @@ export interface UseSySelectKeyboardOptions {
     getItemText: (item: unknown) => unknown;
     optionIdPrefix?: string;
     focusListItem?: boolean;
+    skipInitialFocus?: Ref<boolean>;
 }
 export declare function useSySelectKeyboard(options: UseSySelectKeyboardOptions): {
     activeDescendantId: Ref<string, string>;

package/dist/components/Customs/Selects/SySelect/composables/useSySelectValidation.d.ts

@@ -0,0 +1,15 @@
+import { FieldValidationProps } from '../../../../../composables/unifyValidation/useValidation';
+export declare function useSySelectValidation(props: FieldValidationProps & {
+    modelValue?: unknown;
+}): {
+    focused: import('vue').Ref<boolean, boolean>;
+    validate: () => Promise<boolean>;
+    clearValidation: () => void;
+    errors: import('vue').ComputedRef<string[]>;
+    warnings: import('vue').ComputedRef<string[]>;
+    successes: import('vue').ComputedRef<string[]>;
+    hasError: import('vue').ComputedRef<boolean | undefined>;
+    hasWarning: import('vue').ComputedRef<boolean | undefined>;
+    hasSuccess: import('vue').ComputedRef<boolean>;
+    validationIcon: import('vue').ComputedRef<string | null>;
+};

package/dist/components/Customs/SyCheckBoxGroup/SyCheckBoxGroup.d.ts

@@ -66,14 +66,14 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     showSuccessMessages: boolean;
     disableErrorHandling: boolean;
     errorMessages: string[] | null;
-    displayAsterisk: boolean;
-    isValidateOnBlur: boolean;
     customRules: ValidationRule[];
     customWarningRules: ValidationRule[];
     customSuccessRules: ValidationRule[];
-    warningMessages: string[] | null;
-    successMessages: string[] | null;
+    displayAsterisk: boolean;
     hideDetails: boolean | "auto";
+    isValidateOnBlur: boolean;
+    successMessages: string[] | null;
+    warningMessages: string[] | null;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     messagesRef: import('vue').CreateComponentPublicInstanceWithMixins<{
         style: string | false | import('vue').StyleValue[] | import('vue').CSSProperties | null;

package/dist/components/Customs/SyCheckbox/SyCheckbox.d.ts

@@ -452,7 +452,7 @@ declare function __VLS_template(): {
             } & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
                 modelValue?: unknown;
                 "onUpdate:modelValue"?: ((value: unknown) => void) | undefined;
-            }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "hideDetails" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & {
+            }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "hideDetails" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & {
                 _allExposed: {
                     reset: () => Promise<void>;
                     resetValidation: () => Promise<void>;
@@ -677,14 +677,14 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     showSuccessMessages: boolean;
     disableErrorHandling: boolean;
     errorMessages: string[] | null;
-    displayAsterisk: boolean;
-    isValidateOnBlur: boolean;
     customRules: ValidationRule[];
     customWarningRules: ValidationRule[];
     customSuccessRules: ValidationRule[];
-    warningMessages: string[] | null;
-    successMessages: string[] | null;
+    displayAsterisk: boolean;
     hideDetails: boolean | "auto";
+    isValidateOnBlur: boolean;
+    successMessages: string[] | null;
+    warningMessages: string[] | null;
     trueValue: true;
     falseValue: false;
     controlsIds: string[];
@@ -1102,7 +1102,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
         } & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
             modelValue?: unknown;
             "onUpdate:modelValue"?: ((value: unknown) => void) | undefined;
-        }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "hideDetails" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & {
+        }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "hideDetails" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & {
             _allExposed: {
                 reset: () => Promise<void>;
                 resetValidation: () => Promise<void>;

package/dist/components/Customs/SyIcon/SyIcon.d.ts

@@ -7,6 +7,82 @@ type __VLS_Props = {
     autoDetectButton?: boolean;
     color?: string;
     size?: string;
+    width?: string;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    svg: import('vue').CreateComponentPublicInstanceWithMixins<{
+        style: string | false | import('vue').StyleValue[] | import('vue').CSSProperties | null;
+        tag: string | import('vuetify/lib/types.mjs').JSXComponent;
+        size: string | number;
+        disabled: boolean;
+        start: boolean;
+        end: boolean;
+    } & {
+        theme?: string | undefined;
+        class?: any;
+        color?: string | undefined;
+        icon?: IconValue | undefined;
+        opacity?: string | number | undefined;
+    } & {
+        $children?: {
+            default?: (() => import('vue').VNodeChild) | undefined;
+        } | {
+            $stable?: boolean | undefined;
+        } | (() => import('vue').VNodeChild) | import('vue').VNodeChild;
+        "v-slots"?: {
+            default?: false | (() => import('vue').VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        "v-slot:default"?: false | (() => import('vue').VNodeChild) | undefined;
+    }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Record<string, any>, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
+        style: import('vue').StyleValue;
+        tag: string | import('vuetify/lib/types.mjs').JSXComponent;
+        size: string | number;
+        disabled: boolean;
+        start: boolean;
+        end: boolean;
+    }, true, {}, import('vue').SlotsType<Partial<{
+        default: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+            [key: string]: any;
+        }>[];
+    }>>, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, {
+        style: string | false | import('vue').StyleValue[] | import('vue').CSSProperties | null;
+        tag: string | import('vuetify/lib/types.mjs').JSXComponent;
+        size: string | number;
+        disabled: boolean;
+        start: boolean;
+        end: boolean;
+    } & {
+        theme?: string | undefined;
+        class?: any;
+        color?: string | undefined;
+        icon?: IconValue | undefined;
+        opacity?: string | number | undefined;
+    } & {
+        $children?: {
+            default?: (() => import('vue').VNodeChild) | undefined;
+        } | {
+            $stable?: boolean | undefined;
+        } | (() => import('vue').VNodeChild) | import('vue').VNodeChild;
+        "v-slots"?: {
+            default?: false | (() => import('vue').VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        "v-slot:default"?: false | (() => import('vue').VNodeChild) | undefined;
+    }, {}, {}, {}, {}, {
+        style: import('vue').StyleValue;
+        tag: string | import('vuetify/lib/types.mjs').JSXComponent;
+        size: string | number;
+        disabled: boolean;
+        start: boolean;
+        end: boolean;
+    }> | null;
+}, any>;
 export default _default;

package/dist/components/Customs/SyIconButton/SyIconButton.d.ts

@@ -0,0 +1,18 @@
+import { IconValue } from 'vuetify/lib/composables/icons.mjs';
+type Size = 'x-small' | 'small' | 'default' | 'large' | 'x-large';
+type Variant = 'flat' | 'text' | 'elevated' | 'tonal' | 'outlined' | 'plain';
+type Color = 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' | (string & {});
+type __VLS_Props = {
+    icon: IconValue;
+    label: string;
+    color?: Color;
+    size?: Size;
+    disabled?: boolean;
+    variant?: Variant;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "click-icon-button": () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onClick-icon-button"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/Customs/SyRadioGroup/SyRadioGroup.d.ts

@@ -1,34 +1,23 @@
 import { nextTick } from 'vue';
-import { ValidationRule } from '../../../composables/validation/useValidation';
+import { FieldValidationProps } from '../../../composables/unifyValidation/useValidation';
 type __VLS_Props = {
-    modelValue?: PropertyKey | null;
-    label?: string;
-    displayAsterisk?: boolean;
     ariaLabel?: string;
     ariaLabelledby?: string;
-    title?: string;
     color?: string;
-    disabled?: boolean;
-    readonly?: boolean;
-    hideDetails?: boolean | 'auto';
     density?: 'default' | 'comfortable' | 'compact';
+    displayAsterisk?: boolean;
+    helpText?: string;
+    hideDetails?: boolean | 'auto';
+    id?: string;
+    label?: string;
+    modelValue?: PropertyKey | null;
+    name?: string;
     options?: Array<{
         label: string;
         value: PropertyKey;
     }>;
-    name?: string;
-    id?: string;
-    required?: boolean;
-    errorMessages?: string[] | null;
-    warningMessages?: string[] | null;
-    successMessages?: string[] | null;
-    customRules?: ValidationRule[];
-    customWarningRules?: ValidationRule[];
-    customSuccessRules?: ValidationRule[];
-    showSuccessMessages?: boolean;
-    isValidateOnBlur?: boolean;
-    disableErrorHandling?: boolean;
-};
+    title?: string;
+} & FieldValidationProps;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -433,7 +422,7 @@ declare function __VLS_template(): {
             } & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
                 modelValue?: unknown;
                 "onUpdate:modelValue"?: ((value: unknown) => void) | undefined;
-            }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "hideDetails" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & {
+            }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "hideDetails" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & {
                 _allExposed: {
                     reset: () => Promise<void>;
                     resetValidation: () => Promise<void>;
@@ -603,20 +592,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
-    validation: {
-        errors: import('vue').Ref<string[], string[]>;
-        warnings: import('vue').Ref<string[], string[]>;
-        successes: import('vue').Ref<string[], string[]>;
-        displaySuccesses: import('vue').ComputedRef<string[]>;
-        hasError: import('vue').ComputedRef<boolean>;
-        hasWarning: import('vue').ComputedRef<boolean>;
-        hasSuccess: import('vue').ComputedRef<boolean>;
-        validateField: (value: unknown, rules?: ValidationRule[], warningRules?: ValidationRule[], successRules?: ValidationRule[]) => import('../../../composables/validation/useValidation').ValidationResult | Promise<import('../../../composables/validation/useValidation').ValidationResult>;
-        validateOnSubmit: () => boolean;
-        clearValidation: () => void;
-    };
     validateOnSubmit: () => Promise<boolean>;
-    checkErrorOnBlur: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     change: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
@@ -643,14 +619,20 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     showSuccessMessages: boolean;
     disableErrorHandling: boolean;
     errorMessages: string[] | null;
+    maxErrors: number;
+    hasError: boolean;
+    hasWarning: boolean;
+    hasSuccess: boolean;
+    useVuetifyValidation: boolean;
+    customRules: import('../../../composables/unifyValidation/useValidation').ValidationRule[];
+    customWarningRules: import('../../../composables/unifyValidation/useValidation').ValidationRule[];
+    customSuccessRules: import('../../../composables/unifyValidation/useValidation').ValidationRule[];
     displayAsterisk: boolean;
+    helpText: string;
+    hideDetails: boolean | "auto";
     isValidateOnBlur: boolean;
-    customRules: ValidationRule[];
-    customWarningRules: ValidationRule[];
-    customSuccessRules: ValidationRule[];
-    warningMessages: string[] | null;
     successMessages: string[] | null;
-    hideDetails: boolean | "auto";
+    warningMessages: string[] | null;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     radioGroupRef: ({
         $: import('vue').ComponentInternalInstance;
@@ -1049,7 +1031,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
         } & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
             modelValue?: unknown;
             "onUpdate:modelValue"?: ((value: unknown) => void) | undefined;
-        }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "hideDetails" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & {
+        }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "hideDetails" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & {
             _allExposed: {
                 reset: () => Promise<void>;
                 resetValidation: () => Promise<void>;

package/dist/components/Customs/SyRadioGroup/composables/useSyRadioGroupValidation.d.ts

@@ -0,0 +1,50 @@
+import { ComputedRef, Ref } from 'vue';
+import { FieldValidationProps, ValidationRule, VuetifyValidationRule } from '../../../../composables/unifyValidation/useValidation';
+export interface SyRadioGroupValidationProps extends FieldValidationProps {
+    modelValue?: PropertyKey | null;
+    required?: boolean;
+    readonly?: boolean;
+    disabled?: boolean;
+    customRules?: ValidationRule[];
+    customWarningRules?: ValidationRule[];
+    customSuccessRules?: ValidationRule[];
+    isValidateOnBlur?: boolean;
+    showSuccessMessages?: boolean;
+    useVuetifyValidation?: boolean;
+    rules?: VuetifyValidationRule[];
+    errorMessages?: string[] | null;
+    warningMessages?: string[] | null;
+    successMessages?: string[] | null;
+    hasError?: boolean;
+    hasWarning?: boolean;
+    hasSuccess?: boolean;
+    maxErrors?: number;
+    disableErrorHandling?: boolean;
+    fieldIdentifier?: string;
+}
+export interface UseSyRadioGroupValidationReturn {
+    validate: () => Promise<boolean>;
+    validateOnSubmit: () => Promise<boolean>;
+    errors: Ref<string[]>;
+    warnings: Ref<string[]>;
+    successes: Ref<string[]>;
+    hasError: ComputedRef<boolean | undefined>;
+    hasWarning: ComputedRef<boolean | undefined>;
+    hasSuccess: ComputedRef<boolean | undefined>;
+    defaultRules: ComputedRef<ValidationRule[]>;
+    focused: Ref<boolean>;
+}
+/**
+ * Composable pour gérer la validation du composant SyRadioGroup
+ *
+ * Ce composable encapsule toute la logique de validation spécifique aux groupes de radios :
+ * - Validation required avec message personnalisé
+ * - Validation immédiate à la sélection (isValidateOnBlur = false par défaut)
+ * - Support des customRules, customWarningRules, customSuccessRules
+ * - Désactivation automatique des messages de succès en mode Vuetify
+ * - Intégration avec useValidation du design system
+ *
+ * @example
+ * const { validate, errors, hasError, defaultRules } = useSyRadioGroupValidation(props, model)
+ */
+export declare function useSyRadioGroupValidation(props: SyRadioGroupValidationProps, model: Ref<PropertyKey | null>, focused?: Ref<boolean>): UseSyRadioGroupValidationReturn;