@maltjoy/core-vue 1.0.0-alpha.4 → 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<"main" | "secondary" | "white" | "primary" | "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<"main" | "secondary" | "white" | "primary" | "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: "main" | "secondary" | "white" | "primary" | "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

@@ -30,6 +30,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         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<{
@@ -64,6 +67,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    label: {
+        type: StringConstructor;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {

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,29 +1,32 @@
+import { PropType } from 'vue';
+import { InputSizes } from './JoyInput.types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     clearable: {
         type: BooleanConstructor;
         default: boolean;
     };
     icon: StringConstructor;
-    modelValue: {
-        type: StringConstructor;
-        default: string;
-    };
-    optionalLabel: StringConstructor;
-    requiredMark: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     size: {
-        type: StringConstructor;
+        type: PropType<InputSizes>;
         default: string;
+        validator(size: InputSizes): boolean;
     };
     type: StringConstructor;
     unit: StringConstructor;
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
     label: StringConstructor;
     labelSize: {
-        type: import("vue").PropType<"small" | "large" | "medium">;
+        type: PropType<"small" | "large" | "medium">;
         default: string;
     };
+    optionalLabel: StringConstructor;
+    requiredMark: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -48,26 +51,27 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     icon: StringConstructor;
-    modelValue: {
-        type: StringConstructor;
-        default: string;
-    };
-    optionalLabel: StringConstructor;
-    requiredMark: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     size: {
-        type: StringConstructor;
+        type: PropType<InputSizes>;
         default: string;
+        validator(size: InputSizes): boolean;
     };
     type: StringConstructor;
     unit: StringConstructor;
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
     label: StringConstructor;
     labelSize: {
-        type: import("vue").PropType<"small" | "large" | "medium">;
+        type: PropType<"small" | "large" | "medium">;
         default: string;
     };
+    optionalLabel: StringConstructor;
+    requiredMark: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -89,14 +93,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    size: string;
+    size: InputSizes;
     disabled: boolean;
     invalid: boolean;
     required: boolean;
     modelValue: string;
     clearable: boolean;
-    requiredMark: boolean;
     labelSize: "small" | "large" | "medium";
+    requiredMark: boolean;
 }>, {
     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/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

@@ -3,18 +3,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    optionalLabel: {
-        type: StringConstructor;
-    };
-    requiredMark: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     label: StringConstructor;
     labelSize: {
         type: import("vue").PropType<"small" | "large" | "medium">;
         default: string;
     };
+    optionalLabel: StringConstructor;
+    requiredMark: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -38,18 +36,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    optionalLabel: {
-        type: StringConstructor;
-    };
-    requiredMark: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     label: StringConstructor;
     labelSize: {
         type: import("vue").PropType<"small" | "large" | "medium">;
         default: string;
     };
+    optionalLabel: StringConstructor;
+    requiredMark: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -75,8 +71,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     invalid: boolean;
     required: boolean;
     modelValue: string;
-    requiredMark: boolean;
     labelSize: "small" | "large" | "medium";
+    requiredMark: boolean;
 }>, {
     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];

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

@@ -0,0 +1,111 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    autogrow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    minlength: {
+        type: NumberConstructor;
+    };
+    minlengthLabel: StringConstructor;
+    maxlength: {
+        type: NumberConstructor;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: StringConstructor;
+    labelSize: {
+        type: import("vue").PropType<"small" | "large" | "medium">;
+        default: string;
+    };
+    optionalLabel: StringConstructor;
+    requiredMark: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    id: {
+        type: StringConstructor;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: {
+        type: StringConstructor;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    isInvalid: import("vue").Ref<boolean>;
+    valueOverMaxlength: import("vue").ComputedRef<boolean>;
+    valueUnderMinlength: import("vue").ComputedRef<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<{
+    autogrow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    minlength: {
+        type: NumberConstructor;
+    };
+    minlengthLabel: StringConstructor;
+    maxlength: {
+        type: NumberConstructor;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: StringConstructor;
+    labelSize: {
+        type: import("vue").PropType<"small" | "large" | "medium">;
+        default: string;
+    };
+    optionalLabel: StringConstructor;
+    requiredMark: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    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;
+    invalid: boolean;
+    required: boolean;
+    modelValue: string;
+    labelSize: "small" | "large" | "medium";
+    requiredMark: boolean;
+    autogrow: boolean;
+}>, {
+    default: (_: {}) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,4 +1,5 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    label: StringConstructor;
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -26,6 +27,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: StringConstructor;
     disabled: {
         type: BooleanConstructor;
         default: boolean;

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

@@ -0,0 +1,8 @@
+export declare const JUSTIFY_WRAPPER: readonly ["center", "space-between", "flex-start", "flex-end"];
+export type JustifyWrapper = (typeof JUSTIFY_WRAPPER)[number];
+export declare const ALIGN_WRAPPER: readonly ["center", "flex-start", "flex-end", "stretch"];
+export type AlignWrapper = (typeof ALIGN_WRAPPER)[number];
+export declare const DIRECTION_WRAPPER: readonly ["row", "column"];
+export type DirectionWrapper = (typeof DIRECTION_WRAPPER)[number];
+export declare const WRAP_WRAPPER: readonly ["nowrap", "wrap"];
+export type WrapWrapper = (typeof WRAP_WRAPPER)[number];

package/dist/components/index.d.ts

@@ -11,5 +11,6 @@ import JoySelect from '@/components/JoySelect/JoySelect.vue';
 import JoySpinner from '@/components/JoySpinner/JoySpinner.vue';
 import JoyWrapper from '@/components/JoyWrapper/JoyWrapper.vue';
 import JoyTemplate from '@/components/JoyTemplate/JoyTemplate.vue';
+import JoyTextarea from '@/components/JoyTextarea/JoyTextarea.vue';
 import JoyToggle from '@/components/JoyToggle/JoyToggle.vue';
-export { JoyButton, JoyCheckbox, JoyFormError, JoyHighlight, JoyInput, JoyLabel, JoyLink, JoyRadio, JoyRadioGroup, JoySelect, JoySpinner, JoyTemplate, JoyToggle, JoyWrapper };
+export { JoyButton, JoyCheckbox, JoyFormError, JoyHighlight, JoyInput, JoyLabel, JoyLink, JoyRadio, JoyRadioGroup, JoySelect, JoySpinner, JoyTemplate, JoyTextarea, JoyToggle, JoyWrapper, };

package/dist/composables/props.d.ts

@@ -19,6 +19,12 @@ export declare const FORM_BASED_PROPS: {
         default: boolean;
     };
 };
+export declare const TEXT_BASED_PROPS: {
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+};
 export declare const CHECKBOX_BASED_PROPS: {
     disabled: {
         type: BooleanConstructor;
@@ -53,4 +59,9 @@ export declare const LABEL_BASED_PROPS: {
         type: PropType<"small" | "large" | "medium">;
         default: string;
     };
+    optionalLabel: StringConstructor;
+    requiredMark: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };