@ghentcdh/ui 1.1.0 → 2.0.0

package/form/InputNumber.vue.d.ts

@@ -5,18 +5,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     id: {
         type: StringConstructor;
+        default: undefined;
     };
     placeholder: {
         type: StringConstructor;
+        default: undefined;
     };
     description: {
         type: StringConstructor;
+        default: undefined;
     };
     errors: {
         type: StringConstructor;
+        default: undefined;
     };
     label: {
         type: StringConstructor;
+        default: undefined;
     };
     visible: {
         type: BooleanConstructor;
@@ -68,7 +73,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 readonly label: "fieldset-legend";
                 readonly error: "";
                 readonly input: "input";
-                readonly textarea: "input h-32";
+                readonly textarea: "textarea h-32";
                 readonly checkbox: "checkbox";
                 readonly select: "input pr-14";
                 readonly description: "form-control--description label text-xs text-gray-500";
@@ -83,6 +88,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    size: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hideErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     modelValue: {
         type: import('vue').PropType<any>;
     };
@@ -95,18 +108,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     id: {
         type: StringConstructor;
+        default: undefined;
     };
     placeholder: {
         type: StringConstructor;
+        default: undefined;
     };
     description: {
         type: StringConstructor;
+        default: undefined;
     };
     errors: {
         type: StringConstructor;
+        default: undefined;
     };
     label: {
         type: StringConstructor;
+        default: undefined;
     };
     visible: {
         type: BooleanConstructor;
@@ -158,7 +176,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 readonly label: "fieldset-legend";
                 readonly error: "";
                 readonly input: "input";
-                readonly textarea: "input h-32";
+                readonly textarea: "textarea h-32";
                 readonly checkbox: "checkbox";
                 readonly select: "input pr-14";
                 readonly description: "form-control--description label text-xs text-gray-500";
@@ -173,13 +191,25 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    size: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hideErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     modelValue: {
         type: import('vue').PropType<any>;
     };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }>, {
+    size: string;
+    label: string;
     required: boolean;
+    id: string;
+    placeholder: string;
     width: string;
     styles: {
         readonly group: {
@@ -205,7 +235,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             readonly label: "fieldset-legend";
             readonly error: "";
             readonly input: "input";
-            readonly textarea: "input h-32";
+            readonly textarea: "textarea h-32";
             readonly checkbox: "checkbox";
             readonly select: "input pr-14";
             readonly description: "form-control--description label text-xs text-gray-500";
@@ -216,10 +246,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
     };
     hideLabel: boolean;
-    isTouched: boolean;
     visible: boolean;
+    errors: string;
+    isTouched: boolean;
+    description: string;
     enabled: boolean;
     isFocused: boolean;
+    hideErrors: boolean;
     steps: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLFieldSetElement>;
 export default _default;

package/form/Textarea.properties.d.ts

@@ -3,20 +3,37 @@ export declare const TextareaProperties: {
         type: NumberConstructor;
         default: number;
     };
+    dir: {
+        type: StringConstructor;
+        default: string;
+    };
+    height: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    minHeight: {
+        type: StringConstructor;
+        default: undefined;
+    };
     id: {
         type: StringConstructor;
+        default: undefined;
     };
     placeholder: {
         type: StringConstructor;
+        default: undefined;
     };
     description: {
         type: StringConstructor;
+        default: undefined;
     };
     errors: {
         type: StringConstructor;
+        default: undefined;
     };
     label: {
         type: StringConstructor;
+        default: undefined;
     };
     visible: {
         type: BooleanConstructor;
@@ -68,7 +85,7 @@ export declare const TextareaProperties: {
                 readonly label: "fieldset-legend";
                 readonly error: "";
                 readonly input: "input";
-                readonly textarea: "input h-32";
+                readonly textarea: "textarea h-32";
                 readonly checkbox: "checkbox";
                 readonly select: "input pr-14";
                 readonly description: "form-control--description label text-xs text-gray-500";
@@ -83,5 +100,13 @@ export declare const TextareaProperties: {
         type: StringConstructor;
         default: string;
     };
+    size: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hideErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };
 export declare const TextareaEmits: string[];

package/form/Textarea.vue.d.ts

@@ -3,20 +3,37 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: NumberConstructor;
         default: number;
     };
+    dir: {
+        type: StringConstructor;
+        default: string;
+    };
+    height: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    minHeight: {
+        type: StringConstructor;
+        default: undefined;
+    };
     id: {
         type: StringConstructor;
+        default: undefined;
     };
     placeholder: {
         type: StringConstructor;
+        default: undefined;
     };
     description: {
         type: StringConstructor;
+        default: undefined;
     };
     errors: {
         type: StringConstructor;
+        default: undefined;
     };
     label: {
         type: StringConstructor;
+        default: undefined;
     };
     visible: {
         type: BooleanConstructor;
@@ -68,7 +85,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 readonly label: "fieldset-legend";
                 readonly error: "";
                 readonly input: "input";
-                readonly textarea: "input h-32";
+                readonly textarea: "textarea h-32";
                 readonly checkbox: "checkbox";
                 readonly select: "input pr-14";
                 readonly description: "form-control--description label text-xs text-gray-500";
@@ -83,6 +100,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    size: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hideErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     modelValue: {
         type: import('vue').PropType<string>;
     };
@@ -93,20 +118,37 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: NumberConstructor;
         default: number;
     };
+    dir: {
+        type: StringConstructor;
+        default: string;
+    };
+    height: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    minHeight: {
+        type: StringConstructor;
+        default: undefined;
+    };
     id: {
         type: StringConstructor;
+        default: undefined;
     };
     placeholder: {
         type: StringConstructor;
+        default: undefined;
     };
     description: {
         type: StringConstructor;
+        default: undefined;
     };
     errors: {
         type: StringConstructor;
+        default: undefined;
     };
     label: {
         type: StringConstructor;
+        default: undefined;
     };
     visible: {
         type: BooleanConstructor;
@@ -158,7 +200,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 readonly label: "fieldset-legend";
                 readonly error: "";
                 readonly input: "input";
-                readonly textarea: "input h-32";
+                readonly textarea: "textarea h-32";
                 readonly checkbox: "checkbox";
                 readonly select: "input pr-14";
                 readonly description: "form-control--description label text-xs text-gray-500";
@@ -173,13 +215,26 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    size: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hideErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     modelValue: {
         type: import('vue').PropType<string>;
     };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
+    size: string;
+    label: string;
     required: boolean;
+    dir: string;
+    id: string;
+    placeholder: string;
     width: string;
     styles: {
         readonly group: {
@@ -205,7 +260,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             readonly label: "fieldset-legend";
             readonly error: "";
             readonly input: "input";
-            readonly textarea: "input h-32";
+            readonly textarea: "textarea h-32";
             readonly checkbox: "checkbox";
             readonly select: "input pr-14";
             readonly description: "form-control--description label text-xs text-gray-500";
@@ -216,10 +271,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
     };
     hideLabel: boolean;
-    isTouched: boolean;
+    minHeight: string;
     visible: boolean;
+    errors: string;
+    isTouched: boolean;
+    description: string;
     enabled: boolean;
     isFocused: boolean;
+    hideErrors: boolean;
     rows: number;
+    height: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLFieldSetElement>;
 export default _default;

package/form/core/ControlWrapper.properties.d.ts

@@ -1,20 +1,65 @@
 import { PropType } from 'vue';
 import { MyStyles } from '../core/styles';
+/**
+ * Props shared by all form control wrappers (ControlWrapper, ReadonlyWrapper, etc.).
+ * Extend this interface for component-specific props.
+ */
+export interface ControlWrapperProps {
+    /** Unique identifier for the control element. */
+    id?: string;
+    /** Placeholder text shown when the control is empty. */
+    placeholder?: string;
+    /** Help text displayed below the control. */
+    description?: string;
+    /** Error message displayed below the control. */
+    errors?: string;
+    /** Label text displayed above the control. */
+    label?: string;
+    /** Whether the description is visible. @default false */
+    visible?: boolean;
+    /** Whether the field is required (shows asterisk). @default false */
+    required?: boolean;
+    /** Whether the control accepts input. @default true */
+    enabled?: boolean;
+    /** Whether the control currently has focus. @default false */
+    isFocused?: boolean;
+    /** Whether the control has been interacted with. @default false */
+    isTouched?: boolean;
+    /** Hide the label above the control. @default false */
+    hideLabel?: boolean;
+    /** Style overrides merged with default styles. @default myStyles */
+    styles?: MyStyles;
+    /** Tailwind width class applied to the wrapper. @default '!w-48' */
+    width?: string;
+    /** Size variant for the control. */
+    size?: string;
+    /** Hide the error/description message area. @default false */
+    hideErrors?: boolean;
+}
+/**
+ * Runtime Vue props definition for {@link ControlWrapperProps}.
+ * Use with `defineProps()` or spread into other property objects.
+ */
 export declare const ControlWrapperProperties: {
     id: {
         type: StringConstructor;
+        default: undefined;
     };
     placeholder: {
         type: StringConstructor;
+        default: undefined;
     };
     description: {
         type: StringConstructor;
+        default: undefined;
     };
     errors: {
         type: StringConstructor;
+        default: undefined;
     };
     label: {
         type: StringConstructor;
+        default: undefined;
     };
     visible: {
         type: BooleanConstructor;
@@ -66,7 +111,7 @@ export declare const ControlWrapperProperties: {
                 readonly label: "fieldset-legend";
                 readonly error: "";
                 readonly input: "input";
-                readonly textarea: "input h-32";
+                readonly textarea: "textarea h-32";
                 readonly checkbox: "checkbox";
                 readonly select: "input pr-14";
                 readonly description: "form-control--description label text-xs text-gray-500";
@@ -81,4 +126,12 @@ export declare const ControlWrapperProperties: {
         type: StringConstructor;
         default: string;
     };
+    size: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hideErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };

package/form/core/ControlWrapper.vue.d.ts

@@ -1,6 +1,7 @@
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
+        'label-action'?(_: {}): any;
         default?(_: {}): any;
     };
     refs: {};
@@ -10,18 +11,23 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     id: {
         type: StringConstructor;
+        default: undefined;
     };
     placeholder: {
         type: StringConstructor;
+        default: undefined;
     };
     description: {
         type: StringConstructor;
+        default: undefined;
     };
     errors: {
         type: StringConstructor;
+        default: undefined;
     };
     label: {
         type: StringConstructor;
+        default: undefined;
     };
     visible: {
         type: BooleanConstructor;
@@ -73,7 +79,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                 readonly label: "fieldset-legend";
                 readonly error: "";
                 readonly input: "input";
-                readonly textarea: "input h-32";
+                readonly textarea: "textarea h-32";
                 readonly checkbox: "checkbox";
                 readonly select: "input pr-14";
                 readonly description: "form-control--description label text-xs text-gray-500";
@@ -88,21 +94,34 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: StringConstructor;
         default: string;
     };
+    size: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hideErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     id: {
         type: StringConstructor;
+        default: undefined;
     };
     placeholder: {
         type: StringConstructor;
+        default: undefined;
     };
     description: {
         type: StringConstructor;
+        default: undefined;
     };
     errors: {
         type: StringConstructor;
+        default: undefined;
     };
     label: {
         type: StringConstructor;
+        default: undefined;
     };
     visible: {
         type: BooleanConstructor;
@@ -154,7 +173,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                 readonly label: "fieldset-legend";
                 readonly error: "";
                 readonly input: "input";
-                readonly textarea: "input h-32";
+                readonly textarea: "textarea h-32";
                 readonly checkbox: "checkbox";
                 readonly select: "input pr-14";
                 readonly description: "form-control--description label text-xs text-gray-500";
@@ -169,8 +188,20 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: StringConstructor;
         default: string;
     };
+    size: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hideErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{}>, {
+    size: string;
+    label: string;
     required: boolean;
+    id: string;
+    placeholder: string;
     width: string;
     styles: {
         readonly group: {
@@ -196,7 +227,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             readonly label: "fieldset-legend";
             readonly error: "";
             readonly input: "input";
-            readonly textarea: "input h-32";
+            readonly textarea: "textarea h-32";
             readonly checkbox: "checkbox";
             readonly select: "input pr-14";
             readonly description: "form-control--description label text-xs text-gray-500";
@@ -207,10 +238,13 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         };
     };
     hideLabel: boolean;
-    isTouched: boolean;
     visible: boolean;
+    errors: string;
+    isTouched: boolean;
+    description: string;
     enabled: boolean;
     isFocused: boolean;
+    hideErrors: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLFieldSetElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/form/core/properties.d.ts

@@ -1,20 +1,6 @@
 import { Editor } from '@tiptap/vue-3';
-import { MyStyles } from './styles';
-export type ControlProperties = {
-    id?: string;
-    placeholder?: string;
-    description?: string;
-    errors?: string;
-    label?: string;
-    visible?: boolean;
-    required?: boolean;
-    enabled?: boolean;
-    isFocused?: boolean;
-    isTouched?: boolean;
-    hideLabel?: boolean;
-    styles?: MyStyles;
-    width: string;
-};
+import { ControlWrapperProps } from './ControlWrapper.properties';
+export type ControlProperties = Required<ControlWrapperProps>;
 export type ToolbarAction = {
     /** Displayed inside the button (text or HTML, e.g. an icon) */
     label: string;

package/form/core/styles.d.ts

@@ -22,7 +22,7 @@ export declare const myStyles: {
         readonly label: "fieldset-legend";
         readonly error: "";
         readonly input: "input";
-        readonly textarea: "input h-32";
+        readonly textarea: "textarea h-32";
         readonly checkbox: "checkbox";
         readonly select: "input pr-14";
         readonly description: "form-control--description label text-xs text-gray-500";

package/form/core/utils/style.d.ts

@@ -1,6 +1,6 @@
 import { ControlProperties } from '../properties';
-type ErrorControlProperties = Pick<ControlProperties, 'errors' | 'isTouched'>;
-export declare const showErrors: ({ isTouched, errors }: ErrorControlProperties) => boolean;
+type StyleControlProperties = Pick<ControlProperties, 'errors' | 'isTouched' | 'size'>;
+export declare const showErrors: ({ isTouched, errors }: StyleControlProperties) => boolean;
 export declare const isDescriptionHidden: (visible: boolean, description: string | undefined, isFocused: boolean, showUnfocusedDescription: boolean) => boolean;
-export declare const buildInputStyle: (styles: string, properties: ErrorControlProperties) => any;
+export declare const buildInputStyle: (styles: string, properties: StyleControlProperties) => any;
 export {};