@7pmlabs/design-system 0.8.0 → 0.8.2

package/dist/types/components/BRadio.vue.d.ts

@@ -24,7 +24,7 @@ export interface BRadioProps {
     required?: boolean;
     requiredErrorMessage?: string;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BRadioProps>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BRadioProps>, {
     inputId: string;
     modelValue: string;
     inputName: string;
@@ -36,7 +36,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     validationRules: any;
     required: boolean;
     requiredErrorMessage: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: () => void;
     "update:modelValue": (value: string | number | boolean) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BRadioProps>, {
@@ -51,22 +51,22 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     validationRules: any;
     required: boolean;
     requiredErrorMessage: string;
-}>>> & {
+}>>> & Readonly<{
     onChange?: () => any;
     "onUpdate:modelValue"?: (value: string | number | boolean) => any;
-}, {
+}>, {
     disabled: boolean;
+    required: boolean;
     label: string;
     inputId: string;
     modelValue: string | number | boolean;
     labelOrphan: boolean;
-    required: boolean;
     validationRules: ValidationRule[];
     requiredErrorMessage: string;
     hideDetails: boolean;
     inputName: string;
     labelCssClass: string;
-}, {}>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/types/components/BSelect.vue.d.ts

@@ -27,7 +27,7 @@ export interface BSelectProps {
      */
     allowInput?: boolean;
 }
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BSelectProps>, {
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BSelectProps>, {
     inputId: string;
     label: string;
     disabled: boolean;
@@ -39,10 +39,10 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     requiredErrorMessage: string;
     hideDetails: boolean;
     allowInput: boolean;
-}>, {
+}>>, {
     validate: () => void;
-    selectMenu: import("vue").Ref<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    selectMenu: import("vue").Ref<boolean, boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (value: string | number) => void;
     open: () => void;
     close: () => void;
@@ -60,17 +60,17 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     requiredErrorMessage: string;
     hideDetails: boolean;
     allowInput: boolean;
-}>>> & {
+}>>> & Readonly<{
     onChange?: (value: string | number) => any;
+    onClose?: () => any;
     "onUpdate:modelValue"?: (value: string | number) => any;
     onOpen?: () => any;
-    onClose?: () => any;
     "onChange:input"?: (inputValue: string) => any;
-}, {
+}>, {
     disabled: boolean;
+    required: boolean;
     label: string;
     inputId: string;
-    required: boolean;
     validationRules: ValidationRule[];
     placeholder: string;
     requiredErrorMessage: string;
@@ -78,7 +78,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     valueCssClass: string;
     menuCssClass: string;
     allowInput: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/dist/types/components/BStepper.vue.d.ts

@@ -9,11 +9,11 @@ interface Props {
      */
     modelValue: number;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: number) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {}>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {}>>> & Readonly<{
     "onUpdate:modelValue"?: (value: number) => any;
-}, {}, {}>, Partial<Record<`step-header-${number}`, (_: {
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Partial<Record<`step-header-${number}`, (_: {
     text: string;
 }) => any>> & Partial<Record<`step-content-${number}`, (_: {}) => any>>>;
 export default _default;

package/dist/types/components/BSwitch.vue.d.ts

@@ -8,13 +8,13 @@ export interface BCheckboxProps {
     labelOrphan?: boolean;
     disabled?: boolean;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BCheckboxProps>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BCheckboxProps>, {
     inputId: string;
     modelValue: boolean;
     label: string;
     labelOrphan: boolean;
     disabled: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean | (string | number)[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BCheckboxProps>, {
     inputId: string;
@@ -22,15 +22,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     label: string;
     labelOrphan: boolean;
     disabled: boolean;
-}>>> & {
+}>>> & Readonly<{
     "onUpdate:modelValue"?: (value: boolean | (string | number)[]) => any;
-}, {
+}>, {
     disabled: boolean;
     label: string;
     inputId: string;
     modelValue: boolean | (string | number)[];
     labelOrphan: boolean;
-}, {}>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/types/components/BTabs/BTab.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/types/components/BTabs/BTabs.vue.d.ts

@@ -13,20 +13,20 @@ export interface BTabsProps {
      */
     headerCssClass?: string;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BTabsProps>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BTabsProps>, {
     modelValue: any;
     headerCssClass: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: number) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BTabsProps>, {
     modelValue: any;
     headerCssClass: string;
-}>>> & {
+}>>> & Readonly<{
     "onUpdate:modelValue"?: (value: number) => any;
-}, {
+}>, {
     modelValue: number;
     headerCssClass: string;
-}, {}>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     "headers-prepend"?(_: {}): any;
     "headers-append"?(_: {}): any;
     default?(_: {}): any;

package/dist/types/components/BTextField.vue.d.ts

@@ -34,7 +34,7 @@ export interface BTextFieldProps {
      */
     inputmode?: 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BTextFieldProps>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BTextFieldProps>, {
     inputId: string;
     inputCssClass: string;
     validationRules: any;
@@ -49,11 +49,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     hideDetails: boolean;
     inputHandler: any;
     inputmode: string;
-}>, {
+}>>, {
     validate: () => void;
     focus: () => void;
     blur: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     focus: () => void;
     blur: () => void;
     "press:enter": () => void;
@@ -73,17 +73,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     hideDetails: boolean;
     inputHandler: any;
     inputmode: string;
-}>>> & {
-    onFocus?: () => any;
+}>>> & Readonly<{
     onBlur?: () => any;
+    onFocus?: () => any;
     "onUpdate:modelValue"?: (value: string | number) => any;
     "onPress:enter"?: () => any;
-}, {
+}>, {
     type: string;
     disabled: boolean;
+    required: boolean;
     label: string;
     inputId: string;
-    required: boolean;
     inputCssClass: string;
     validationRules: ValidationRule[];
     placeholder: string;
@@ -93,7 +93,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     hideDetails: boolean;
     inputHandler: any;
     inputmode: "text" | "search" | "email" | "tel" | "url" | "none" | "numeric" | "decimal";
-}, {}>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     prependIcon?(_: {}): any;
     appendIcon?(_: {}): any;
 }>;

package/dist/types/components/BTextarea.vue.d.ts

@@ -26,7 +26,7 @@ export interface BTextareaProps {
      */
     hideDetails?: boolean;
 }
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BTextareaProps>, {
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BTextareaProps>, {
     inputId: string;
     inputCssClass: string;
     validationRules: any;
@@ -39,9 +39,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     required: boolean;
     requiredErrorMessage: string;
     hideDetails: boolean;
-}>, {
+}>>, {
     validate: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BTextareaProps>, {
     inputId: string;
@@ -56,13 +56,13 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     required: boolean;
     requiredErrorMessage: string;
     hideDetails: boolean;
-}>>> & {
+}>>> & Readonly<{
     "onUpdate:modelValue"?: (value: string) => any;
-}, {
+}>, {
     disabled: boolean;
+    required: boolean;
     label: string;
     inputId: string;
-    required: boolean;
     inputCssClass: string;
     validationRules: ValidationRule[];
     placeholder: string;
@@ -71,7 +71,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     readonly: boolean;
     hideDetails: boolean;
     rows: number;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/dist/types/components/BTimeline/BTimeline.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/types/components/BTimeline/BTimelineItem.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/types/components/BToast/BToast.vue.d.ts

@@ -2,11 +2,11 @@ import type { BToastItemModel } from '@/types';
 export interface Props {
     modelValue: BToastItemModel[];
 }
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: BToastItemModel[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {}>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {}>>> & Readonly<{
     "onUpdate:modelValue"?: (value: BToastItemModel[]) => any;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/dist/types/components/BToast/BToastItem.vue.d.ts

@@ -4,23 +4,23 @@ export interface Props {
     type?: `${BToastItemType}`;
     hideClose?: boolean;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     text: string;
     type: BToastItemType;
     hideClose: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     text: string;
     type: BToastItemType;
     hideClose: boolean;
-}>>> & {
+}>>> & Readonly<{
     onClose?: () => any;
-}, {
-    type: "default" | "success" | "error";
+}>, {
+    type: "default" | "error" | "success";
     text: string;
     hideClose: boolean;
-}, {}>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/types/components/BTooltip.vue.d.ts

@@ -10,23 +10,23 @@ export interface BTooltipProps {
      */
     openEvent?: `${BTooltipOpenEvent}`;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BTooltipProps>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BTooltipProps>, {
     modelValue: boolean;
     position: BTooltipPosition;
     openEvent: BTooltipOpenEvent;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BTooltipProps>, {
     modelValue: boolean;
     position: BTooltipPosition;
     openEvent: BTooltipOpenEvent;
-}>>> & {
+}>>> & Readonly<{
     "onUpdate:modelValue"?: (value: boolean) => any;
-}, {
+}>, {
     modelValue: boolean;
     position: "top" | "bottom";
-    openEvent: "focus" | "click" | "hover";
-}, {}>, {
+    openEvent: "click" | "focus" | "hover";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     toggle?(_: {}): any;
     default?(_: {}): any;
 }>;

package/dist/types/composables/Validation.d.ts

@@ -19,7 +19,7 @@ export interface ValidationResult {
  * @returns
  */
 export declare function useValidationForm(): {
-    validationForm: Record<string, Ref<ValidationResult>>;
+    validationForm: Record<string, Ref<ValidationResult, ValidationResult>>;
     validateAll: () => boolean;
     resetAll: () => void;
 };
@@ -37,5 +37,10 @@ export declare function useValidationField(key: string, fieldValue: Ref<any>, va
         fieldValue: any;
         valid: boolean;
         errorMessage: ValidationErrorMessageFunction;
+    }, ValidationResult | {
+        validate: () => void;
+        fieldValue: any;
+        valid: boolean;
+        errorMessage: ValidationErrorMessageFunction;
     }>;
 };

package/dist/types/constants/Common.d.ts

@@ -3,8 +3,8 @@ import type { ValidationResult } from '@/composables/Validation';
 export declare const DateDelimiter = "/";
 export declare const RequiredSymbol = "*";
 export declare const PIKey: {
-    FormValidation: InjectionKey<Record<string, Ref<ValidationResult>>>;
+    FormValidation: InjectionKey<Record<string, Ref<ValidationResult, ValidationResult>>>;
     CloseDropdown: InjectionKey<() => void>;
-    Carousel: InjectionKey<Ref<HTMLDivElement[]>>;
+    Carousel: InjectionKey<Ref<HTMLDivElement[], HTMLDivElement[]>>;
 };
 export declare const FileImageTypes: string[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@7pmlabs/design-system",
-  "version": "0.8.0",
+  "version": "0.8.2",
   "homepage": "https://github.com/ngphanducthinh/design-system",
   "sideEffects": [
     "style.css"
@@ -51,8 +51,8 @@
     "@vueuse/core": "^10.9.0",
     "lodash-es": "^4.17.21",
     "moment-mini": "^2.29.4",
-    "uuid": "^9.0.0",
-    "vue": "^3.0.0",
+    "uuid": "^10.0.0",
+    "vue": "^3.5.12",
     "vue-i18n": "^9.2.2"
   },
   "devDependencies": {