@maltjoy/core-vue 1.0.0-alpha.3 → 1.0.0-alpha.5

package/dist/components/JoyButton/JoyButton.types.d.ts

@@ -1,11 +1,11 @@
 import { GENERIC_VARIANTS, SIZES } from '@/types';
 /** BUTTON VARIANTS/COLORS */
-declare const BUTTONS_SPECIFIC_VARIANTS: readonly ["main", "admin", "white", "ghost"];
+declare const BUTTONS_SPECIFIC_VARIANTS: readonly ["main", "admin", "ghost"];
 export declare const BUTTON_VARIANTS: ((typeof GENERIC_VARIANTS)[number] | (typeof BUTTONS_SPECIFIC_VARIANTS)[number])[];
 export type ButtonVariants = (typeof BUTTON_VARIANTS)[number];
 /** BUTTON SIZES */
-export declare const BUTTON_SIZES: readonly ["xlarge", "large", "medium", "small", "xsmall", "xxsmall"];
-export type ButtonSizes = (typeof BUTTON_SIZES)[number];
+export type ButtonSizes = Exclude<(typeof SIZES)[number], 'xlarge'>;
+export declare const BUTTON_SIZES: ButtonSizes[];
 /** BUTTON ICON SIZES */
 type ButtonSpecificIconsSizes = Exclude<(typeof SIZES)[number], 'xlarge' | 'large' | 'medium'>;
 export declare const ICON_SIZES: ButtonSpecificIconsSizes[];

package/dist/components/JoyButton/JoyButton.vue.d.ts

@@ -18,13 +18,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     /** Button or Link color variant */
     variant: {
-        type: PropType<"white" | "main" | "primary" | "secondary" | "admin" | "ghost">;
+        type: PropType<"main" | "secondary" | "primary" | "admin" | "ghost">;
         default: string;
         validator(variant: ButtonVariants): boolean;
     };
     /** Button or Link size */
     size: {
-        type: PropType<"small" | "xlarge" | "large" | "medium" | "xsmall" | "xxsmall">;
+        type: PropType<ButtonSizes>;
         default: string;
         validator(variant: ButtonSizes): boolean;
     };
@@ -52,13 +52,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     /** Button or Link color variant */
     variant: {
-        type: PropType<"white" | "main" | "primary" | "secondary" | "admin" | "ghost">;
+        type: PropType<"main" | "secondary" | "primary" | "admin" | "ghost">;
         default: string;
         validator(variant: ButtonVariants): boolean;
     };
     /** Button or Link size */
     size: {
-        type: PropType<"small" | "xlarge" | "large" | "medium" | "xsmall" | "xxsmall">;
+        type: PropType<ButtonSizes>;
         default: string;
         validator(variant: ButtonSizes): boolean;
     };
@@ -71,8 +71,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>>, {
     circle: boolean;
     loading: boolean;
-    variant: "white" | "main" | "primary" | "secondary" | "admin" | "ghost";
-    size: "small" | "xlarge" | "large" | "medium" | "xsmall" | "xxsmall";
+    variant: "main" | "secondary" | "primary" | "admin" | "ghost";
+    size: ButtonSizes;
     iconSize: "small" | "xsmall" | "xxsmall";
 }>, {
     default: (_: {}) => any;

package/dist/components/JoyCheckbox/JoyCheckbox.vue.d.ts

@@ -0,0 +1,91 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    id: {
+        type: StringConstructor;
+    }; /** Can't be used in addition of v-model. See usage : https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes */
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: {
+        type: StringConstructor;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Can't be used in addition of v-model. See usage : https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes */
+    indeterminate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+    };
+}, {
+    isIndeterminate: import("vue").Ref<boolean>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    id: {
+        type: StringConstructor;
+    }; /** Can't be used in addition of v-model. See usage : https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes */
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: {
+        type: StringConstructor;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Can't be used in addition of v-model. See usage : https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes */
+    indeterminate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    indeterminate: boolean;
+    invalid: boolean;
+    required: boolean;
+    modelValue: boolean;
+    value: string;
+}>, {
+    default: (_: {}) => any;
+    'checkbox-content': (_: {}) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/JoyCheckbox/tests/JoyCheckbox.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/JoyFormError/JoyFormError.vue.d.ts

@@ -0,0 +1,23 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    noHtmlErrorText: StringConstructor;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    noHtmlErrorText: StringConstructor;
+}>>, {
+    visible: boolean;
+}>, {
+    default: (_: {}) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/JoyFormError/tests/JoyFormError.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/JoyHighlight/JoyHighlight.types.d.ts

@@ -0,0 +1,3 @@
+import { LEVELS } from '@/types';
+export type HighlightLevels = (typeof LEVELS)[number];
+export declare const HIGHLIGHT_LEVELS: ("error" | "neutral" | "success" | "info" | "warning")[];

package/dist/components/JoyHighlight/JoyHighlight.vue.d.ts

@@ -0,0 +1,48 @@
+import { PropType } from 'vue';
+import { HighlightLevels } from './JoyHighlight.types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    accent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    displayIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    icon: StringConstructor;
+    level: {
+        type: PropType<"error" | "neutral" | "success" | "info" | "warning">;
+        default: string;
+        validator(level: HighlightLevels): boolean;
+    };
+}, {
+    getRelevantIcon: import("vue").ComputedRef<string>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    accent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    displayIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    icon: StringConstructor;
+    level: {
+        type: PropType<"error" | "neutral" | "success" | "info" | "warning">;
+        default: string;
+        validator(level: HighlightLevels): boolean;
+    };
+}>>, {
+    accent: boolean;
+    displayIcon: boolean;
+    level: "error" | "neutral" | "success" | "info" | "warning";
+}>, {
+    'highlight-title': (_: {}) => any;
+    default: (_: {}) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/JoyHighlight/tests/JoyHighlight.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/JoyInput/JoyInput.types.d.ts

@@ -0,0 +1,3 @@
+import { SIZES } from '@/types';
+export type InputSizes = Extract<(typeof SIZES)[number], 'small' | 'medium' | 'large'>;
+export declare const INPUT_SIZES: InputSizes[];

package/dist/components/JoyInput/JoyInput.vue.d.ts

@@ -1,84 +1,105 @@
 import { PropType } from 'vue';
+import { InputSizes } from './JoyInput.types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     clearable: {
         type: BooleanConstructor;
         default: boolean;
     };
     icon: StringConstructor;
-    invalid: {
-        type: BooleanConstructor;
-        default: boolean;
+    size: {
+        type: PropType<InputSizes>;
+        default: string;
+        validator(size: InputSizes): boolean;
     };
-    labelSize: PropType<"small" | "large" | "medium">;
+    type: StringConstructor;
+    unit: StringConstructor;
     modelValue: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * For accessibility purpose, the name is required. it will be mapped to the input ID, and the label "for" attribute as well.
-     */
-    name: {
-        type: StringConstructor;
+    label: StringConstructor;
+    labelSize: {
+        type: PropType<"small" | "large" | "medium">;
+        default: string;
     };
     optionalLabel: StringConstructor;
-    required: {
+    requiredMark: {
         type: BooleanConstructor;
         default: boolean;
     };
-    requiredMark: {
+    disabled: {
         type: BooleanConstructor;
         default: boolean;
     };
-    size: {
+    id: {
         type: StringConstructor;
-        default: string;
     };
-    type: StringConstructor;
-    unit: StringConstructor;
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: {
+        type: StringConstructor;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     clearable: {
         type: BooleanConstructor;
         default: boolean;
     };
     icon: StringConstructor;
-    invalid: {
-        type: BooleanConstructor;
-        default: boolean;
+    size: {
+        type: PropType<InputSizes>;
+        default: string;
+        validator(size: InputSizes): boolean;
     };
-    labelSize: PropType<"small" | "large" | "medium">;
+    type: StringConstructor;
+    unit: StringConstructor;
     modelValue: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * For accessibility purpose, the name is required. it will be mapped to the input ID, and the label "for" attribute as well.
-     */
-    name: {
-        type: StringConstructor;
+    label: StringConstructor;
+    labelSize: {
+        type: PropType<"small" | "large" | "medium">;
+        default: string;
     };
     optionalLabel: StringConstructor;
-    required: {
+    requiredMark: {
         type: BooleanConstructor;
         default: boolean;
     };
-    requiredMark: {
+    disabled: {
         type: BooleanConstructor;
         default: boolean;
     };
-    size: {
+    id: {
         type: StringConstructor;
-        default: string;
     };
-    type: StringConstructor;
-    unit: StringConstructor;
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: {
+        type: StringConstructor;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    size: string;
-    required: boolean;
-    clearable: boolean;
+    size: InputSizes;
+    disabled: boolean;
     invalid: boolean;
+    required: boolean;
     modelValue: string;
+    clearable: boolean;
+    labelSize: "small" | "large" | "medium";
     requiredMark: boolean;
 }>, {
     default: (_: {}) => any;

package/dist/components/JoyLabel/JoyLabel.vue.d.ts

@@ -36,8 +36,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }>>, {
     size: "small" | "large" | "medium";
-    tagName: "label" | "legend";
     required: boolean;
+    tagName: "label" | "legend";
 }>, {
     default: (_: {}) => any;
 }>;

package/dist/components/JoyRadio/JoyRadio.types.d.ts

@@ -0,0 +1,2 @@
+export declare const RADIO_THEMES: readonly ["default", "outline"];
+export type RadioThemes = (typeof RADIO_THEMES)[number];

package/dist/components/JoyRadio/JoyRadio.vue.d.ts

@@ -1,14 +1,8 @@
 import { PropType } from 'vue';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    disabled: BooleanConstructor;
-    invalid: BooleanConstructor;
     modelValue: {
         type: StringConstructor;
     };
-    name: {
-        type: StringConstructor;
-    };
-    required: BooleanConstructor;
     theme: {
         type: PropType<"default" | "outline">;
         default: string;
@@ -16,19 +10,31 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     value: {
         type: StringConstructor;
     };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    id: {
+        type: StringConstructor;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: {
+        type: StringConstructor;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     checked: import("vue").ComputedRef<boolean>;
     isExpanded: import("vue").Ref<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    disabled: BooleanConstructor;
-    invalid: BooleanConstructor;
     modelValue: {
         type: StringConstructor;
     };
-    name: {
-        type: StringConstructor;
-    };
-    required: BooleanConstructor;
     theme: {
         type: PropType<"default" | "outline">;
         default: string;
@@ -36,12 +42,30 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     value: {
         type: StringConstructor;
     };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    id: {
+        type: StringConstructor;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: {
+        type: StringConstructor;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
-    required: boolean;
     invalid: boolean;
+    required: boolean;
     theme: "default" | "outline";
 }>, {
     default: (_: {}) => any;

package/dist/components/JoyRadioGroup/JoyRadioGroup.vue.d.ts

@@ -7,16 +7,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     form: {
         type: StringConstructor;
     };
-    modelValue: {
-        type: StringConstructor;
-    };
     name: {
         type: StringConstructor;
     };
-    invalid: BooleanConstructor;
-    invalidText: {
-        type: StringConstructor;
-    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     direction: {
         type: PropType<"vertical" | "horizontal">;
@@ -25,18 +18,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     form: {
         type: StringConstructor;
     };
-    modelValue: {
-        type: StringConstructor;
-    };
     name: {
         type: StringConstructor;
     };
-    invalid: BooleanConstructor;
-    invalidText: {
-        type: StringConstructor;
-    };
 }>>, {
-    invalid: boolean;
     direction: "vertical" | "horizontal";
 }>, {
     'radio-group-legend': (_: {}) => any;

package/dist/components/JoySelect/JoySelect.vue.d.ts

@@ -1,91 +1,78 @@
-import { PropType } from 'vue';
-import { LabelSizes } from './JoySelect.types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    disabled: {
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: StringConstructor;
+    labelSize: {
+        type: import("vue").PropType<"small" | "large" | "medium">;
+        default: string;
+    };
+    optionalLabel: StringConstructor;
+    requiredMark: {
         type: BooleanConstructor;
         default: boolean;
     };
-    invalid: {
+    disabled: {
         type: BooleanConstructor;
         default: boolean;
     };
     id: {
         type: StringConstructor;
     };
-    label: {
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: {
         type: StringConstructor;
     };
-    labelSize: {
-        type: PropType<LabelSizes>;
-        default: string;
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
     };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: StringConstructor;
         default: string;
     };
-    name: {
-        type: StringConstructor;
+    label: StringConstructor;
+    labelSize: {
+        type: import("vue").PropType<"small" | "large" | "medium">;
         default: string;
     };
-    optionalLabel: {
-        type: StringConstructor;
-    };
-    required: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    optionalLabel: StringConstructor;
     requiredMark: {
         type: BooleanConstructor;
         default: boolean;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     disabled: {
         type: BooleanConstructor;
         default: boolean;
     };
-    invalid: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     id: {
         type: StringConstructor;
     };
-    label: {
-        type: StringConstructor;
-    };
-    labelSize: {
-        type: PropType<LabelSizes>;
-        default: string;
-    };
-    modelValue: {
-        type: StringConstructor;
-        default: string;
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
     };
     name: {
         type: StringConstructor;
-        default: string;
-    };
-    optionalLabel: {
-        type: StringConstructor;
     };
     required: {
         type: BooleanConstructor;
         default: boolean;
     };
-    requiredMark: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
-    required: boolean;
     invalid: boolean;
+    required: boolean;
     modelValue: string;
-    name: string;
+    labelSize: "small" | "large" | "medium";
     requiredMark: boolean;
-    labelSize: LabelSizes;
 }>, {
     label: (_: {}) => any;
     default: (_: {}) => any;

package/dist/components/JoyTemplate/JoyTemplate.types.d.ts

@@ -0,0 +1,2 @@
+export declare const TEMPLATE_SIDEBAR: readonly ["left", "right"];
+export type TemplateSidebar = (typeof TEMPLATE_SIDEBAR)[number];