@citruslime/ui 4.0.0-beta.9 → 4.0.0

package/dist/components/input/cl-ui-input.vue.d.ts

@@ -1,496 +1,75 @@
 import type { CurrencyInputOptions } from 'vue-currency-input';
+import { clUiCalendar } from '../calendar';
 import type { QuickDateName } from '../calendar/quick-dates';
 import type { DateRange } from '../input-v2';
+import { clUiSlider } from '../slider';
 import type { InputValidationState, InputType, InputValueType } from './types';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    inputType?: "number" | "reset" | "submit" | "search" | "button" | "time" | "text" | "color" | "email" | "tel" | "password" | "checkbox" | "date" | "file" | "radio" | "range" | "url" | "currency" | "datetime" | "dateRange" | undefined;
+type __VLS_Props = {
+    inputType?: InputType;
     modelValue?: InputValueType;
-    label?: string | undefined;
-    isRequired?: boolean | undefined;
-    customValidationFunction?: ((_name: string, _value: InputValueType) => InputValidationState) | undefined;
-    onInputFunction?: ((_value: InputValueType) => InputValueType) | undefined;
-    min?: string | number | null | undefined;
-    max?: string | number | null | undefined;
-    step?: number | undefined;
-    validateImmediately?: boolean | undefined;
-    validateOn?: "change" | "input" | "disabled" | undefined;
-    externalErrors?: string[] | undefined;
-    disabled?: boolean | undefined;
-    timeZone?: string | null | undefined;
-    requiredText?: string | undefined;
-    placeholderText?: string | undefined;
-    group?: string | undefined;
-    showLabel?: boolean | undefined;
-    showArrows?: boolean | undefined;
-    autocomplete?: string | undefined;
-    highlightWhenValid?: boolean | undefined;
-    messageWhenValid?: string | undefined;
-    inputSpecificClasses?: string | undefined;
-    showValidationMessages?: boolean | undefined;
-    hideRequiredAsterisk?: boolean | undefined;
-    initialDate?: string | null | undefined;
-    quickDateScope?: "past" | "future" | "none" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | null | undefined;
-    dateFormatLocale?: string | null | undefined;
-    currencyOptions?: CurrencyInputOptions | undefined;
-}>, {
-    inputType: string;
-    modelValue: undefined;
-    label: string;
-    isRequired: boolean;
-    customValidationFunction: undefined;
-    onInputFunction: undefined;
-    min: null;
-    max: null;
-    step: number;
-    validateImmediately: boolean;
-    validateOn: string;
-    externalErrors: () => never[];
-    disabled: boolean;
-    timeZone: null;
-    requiredText: string;
-    placeholderText: string;
-    group: string;
-    showLabel: boolean;
-    showArrows: boolean;
-    autocomplete: string;
-    highlightWhenValid: boolean;
-    messageWhenValid: string;
-    inputSpecificClasses: string;
-    showValidationMessages: boolean;
-    hideRequiredAsterisk: boolean;
-    initialDate: null;
-    quickDateScope: null;
-    dateFormatLocale: null;
-    currencyOptions: undefined;
-}>>, {
+    label?: string;
+    isRequired?: boolean;
+    customValidationFunction?: (_name: string, _value: InputValueType) => InputValidationState;
+    onInputFunction?: (_value: InputValueType) => InputValueType;
+    min?: number | string | null;
+    max?: number | string | null;
+    step?: number;
+    validateImmediately?: boolean;
+    validateOn?: 'disabled' | 'input' | 'change';
+    externalErrors?: string[];
+    disabled?: boolean;
+    timeZone?: string | null;
+    requiredText?: string;
+    placeholderText?: string;
+    group?: string;
+    showLabel?: boolean;
+    showArrows?: boolean;
+    autocomplete?: string;
+    highlightWhenValid?: boolean;
+    messageWhenValid?: string;
+    inputSpecificClasses?: string;
+    showValidationMessages?: boolean;
+    hideRequiredAsterisk?: boolean;
+    initialDate?: string | null;
+    quickDateScope?: 'past' | 'future' | 'none' | QuickDateName[] | null;
+    dateFormatLocale?: string | null;
+    currencyOptions?: CurrencyInputOptions;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {
     focus(): void;
     blur(): void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (args_0: Event, args_1: InputValueType) => void;
-    click: (event: MouseEvent) => void;
-    focus: () => void;
     input: (args_0: {
-        target: EventTarget | import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-            type: {
-                type: import("vue").PropType<"time" | "date" | "datetime" | "dateRange">;
-                default: string;
-            };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            max: {
-                type: import("vue").PropType<string | null>;
-                default: null;
-            };
-            required: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            placeholder: {
-                type: import("vue").PropType<string | null>;
-                default: null;
-            };
-            date: {
-                type: import("vue").PropType<string | DateRange | null>;
-                required: true;
-            };
-            min: {
-                type: import("vue").PropType<string | null>;
-                default: null;
-            };
-            dateFormatLocale: {
-                type: import("vue").PropType<string | null>;
-                default: null;
-            };
-            timeZone: {
-                type: import("vue").PropType<string | null>;
-                default: null;
-            };
-            quickDateScope: {
-                type: import("vue").PropType<"past" | "future" | "none" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | null>;
-                default: null;
-            };
-            initialDate: {
-                type: import("vue").PropType<string | null>;
-                default: null;
-            };
-        }>, {
-            focus(): void;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:date": (args_0: string | DateRange | null) => void;
-        }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-            type: {
-                type: import("vue").PropType<"time" | "date" | "datetime" | "dateRange">;
-                default: string;
-            };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            max: {
-                type: import("vue").PropType<string | null>;
-                default: null;
-            };
-            required: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            placeholder: {
-                type: import("vue").PropType<string | null>;
-                default: null;
-            };
-            date: {
-                type: import("vue").PropType<string | DateRange | null>;
-                required: true;
-            };
-            min: {
-                type: import("vue").PropType<string | null>;
-                default: null;
-            };
-            dateFormatLocale: {
-                type: import("vue").PropType<string | null>;
-                default: null;
-            };
-            timeZone: {
-                type: import("vue").PropType<string | null>;
-                default: null;
-            };
-            quickDateScope: {
-                type: import("vue").PropType<"past" | "future" | "none" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | null>;
-                default: null;
-            };
-            initialDate: {
-                type: import("vue").PropType<string | null>;
-                default: null;
-            };
-        }>> & Readonly<{
-            "onUpdate:date"?: ((args_0: string | DateRange | null) => any) | undefined;
-        }>, {
-            type: "time" | "date" | "datetime" | "dateRange";
-            disabled: boolean;
-            max: string | null;
-            required: boolean;
-            placeholder: string | null;
-            min: string | null;
-            dateFormatLocale: string | null;
-            timeZone: string | null;
-            quickDateScope: "past" | "future" | "none" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | null;
-            initialDate: string | null;
-        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any> | import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-            value: {
-                required: true;
-                type: import("vue").PropType<number>;
-            };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            max: {
-                type: import("vue").PropType<number>;
-                required: true;
-            };
-            placeholder: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            min: {
-                type: import("vue").PropType<number>;
-                required: true;
-            };
-            step: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-        }>, {
-            focus(): void;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:value": (value: number) => void;
-        }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-            value: {
-                required: true;
-                type: import("vue").PropType<number>;
-            };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            max: {
-                type: import("vue").PropType<number>;
-                required: true;
-            };
-            placeholder: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            min: {
-                type: import("vue").PropType<number>;
-                required: true;
-            };
-            step: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-        }>> & Readonly<{
-            "onUpdate:value"?: ((value: number) => any) | undefined;
-        }>, {
-            disabled: boolean;
-            placeholder: string;
-            step: number;
-        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any> | null;
-    }, args_1: InputValueType) => void;
-    "update:model-value": (args_0: InputValueType) => void;
-    validated: (args_0: boolean, args_1: InputValueType) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    inputType?: "number" | "reset" | "submit" | "search" | "button" | "time" | "text" | "color" | "email" | "tel" | "password" | "checkbox" | "date" | "file" | "radio" | "range" | "url" | "currency" | "datetime" | "dateRange" | undefined;
-    modelValue?: InputValueType;
-    label?: string | undefined;
-    isRequired?: boolean | undefined;
-    customValidationFunction?: ((_name: string, _value: InputValueType) => InputValidationState) | undefined;
-    onInputFunction?: ((_value: InputValueType) => InputValueType) | undefined;
-    min?: string | number | null | undefined;
-    max?: string | number | null | undefined;
-    step?: number | undefined;
-    validateImmediately?: boolean | undefined;
-    validateOn?: "change" | "input" | "disabled" | undefined;
-    externalErrors?: string[] | undefined;
-    disabled?: boolean | undefined;
-    timeZone?: string | null | undefined;
-    requiredText?: string | undefined;
-    placeholderText?: string | undefined;
-    group?: string | undefined;
-    showLabel?: boolean | undefined;
-    showArrows?: boolean | undefined;
-    autocomplete?: string | undefined;
-    highlightWhenValid?: boolean | undefined;
-    messageWhenValid?: string | undefined;
-    inputSpecificClasses?: string | undefined;
-    showValidationMessages?: boolean | undefined;
-    hideRequiredAsterisk?: boolean | undefined;
-    initialDate?: string | null | undefined;
-    quickDateScope?: "past" | "future" | "none" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | null | undefined;
-    dateFormatLocale?: string | null | undefined;
-    currencyOptions?: CurrencyInputOptions | undefined;
-}>, {
-    inputType: string;
-    modelValue: undefined;
-    label: string;
-    isRequired: boolean;
-    customValidationFunction: undefined;
-    onInputFunction: undefined;
-    min: null;
-    max: null;
-    step: number;
-    validateImmediately: boolean;
-    validateOn: string;
-    externalErrors: () => never[];
-    disabled: boolean;
-    timeZone: null;
-    requiredText: string;
-    placeholderText: string;
-    group: string;
-    showLabel: boolean;
-    showArrows: boolean;
-    autocomplete: string;
-    highlightWhenValid: boolean;
-    messageWhenValid: string;
-    inputSpecificClasses: string;
-    showValidationMessages: boolean;
-    hideRequiredAsterisk: boolean;
-    initialDate: null;
-    quickDateScope: null;
-    dateFormatLocale: null;
-    currencyOptions: undefined;
-}>>> & Readonly<{
-    onChange?: ((args_0: Event, args_1: InputValueType) => any) | undefined;
-    onClick?: ((event: MouseEvent) => any) | undefined;
-    onFocus?: (() => any) | undefined;
+        target: EventTarget | typeof clUiCalendar | typeof clUiSlider | null;
+    }, args_1: InputValueType) => any;
+    focus: () => any;
+    change: (args_0: Event, args_1: InputValueType) => any;
+    click: (event: MouseEvent) => any;
+    "update:model-value": (args_0: InputValueType) => any;
+    validated: (args_0: boolean, args_1: InputValueType) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onInput?: ((args_0: {
-        target: EventTarget | import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-            type: {
-                type: import("vue").PropType<"time" | "date" | "datetime" | "dateRange">;
-                default: string;
-            };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            max: {
-                type: import("vue").PropType<string | null>;
-                default: null;
-            };
-            required: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            placeholder: {
-                type: import("vue").PropType<string | null>;
-                default: null;
-            };
-            date: {
-                type: import("vue").PropType<string | DateRange | null>;
-                required: true;
-            };
-            min: {
-                type: import("vue").PropType<string | null>;
-                default: null;
-            };
-            dateFormatLocale: {
-                type: import("vue").PropType<string | null>;
-                default: null;
-            };
-            timeZone: {
-                type: import("vue").PropType<string | null>;
-                default: null;
-            };
-            quickDateScope: {
-                type: import("vue").PropType<"past" | "future" | "none" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | null>;
-                default: null;
-            };
-            initialDate: {
-                type: import("vue").PropType<string | null>;
-                default: null;
-            };
-        }>, {
-            focus(): void;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:date": (args_0: string | DateRange | null) => void;
-        }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-            type: {
-                type: import("vue").PropType<"time" | "date" | "datetime" | "dateRange">;
-                default: string;
-            };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            max: {
-                type: import("vue").PropType<string | null>;
-                default: null;
-            };
-            required: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            placeholder: {
-                type: import("vue").PropType<string | null>;
-                default: null;
-            };
-            date: {
-                type: import("vue").PropType<string | DateRange | null>;
-                required: true;
-            };
-            min: {
-                type: import("vue").PropType<string | null>;
-                default: null;
-            };
-            dateFormatLocale: {
-                type: import("vue").PropType<string | null>;
-                default: null;
-            };
-            timeZone: {
-                type: import("vue").PropType<string | null>;
-                default: null;
-            };
-            quickDateScope: {
-                type: import("vue").PropType<"past" | "future" | "none" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | null>;
-                default: null;
-            };
-            initialDate: {
-                type: import("vue").PropType<string | null>;
-                default: null;
-            };
-        }>> & Readonly<{
-            "onUpdate:date"?: ((args_0: string | DateRange | null) => any) | undefined;
-        }>, {
-            type: "time" | "date" | "datetime" | "dateRange";
-            disabled: boolean;
-            max: string | null;
-            required: boolean;
-            placeholder: string | null;
-            min: string | null;
-            dateFormatLocale: string | null;
-            timeZone: string | null;
-            quickDateScope: "past" | "future" | "none" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | null;
-            initialDate: string | null;
-        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any> | import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-            value: {
-                required: true;
-                type: import("vue").PropType<number>;
-            };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            max: {
-                type: import("vue").PropType<number>;
-                required: true;
-            };
-            placeholder: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            min: {
-                type: import("vue").PropType<number>;
-                required: true;
-            };
-            step: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-        }>, {
-            focus(): void;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:value": (value: number) => void;
-        }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-            value: {
-                required: true;
-                type: import("vue").PropType<number>;
-            };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            max: {
-                type: import("vue").PropType<number>;
-                required: true;
-            };
-            placeholder: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            min: {
-                type: import("vue").PropType<number>;
-                required: true;
-            };
-            step: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-        }>> & Readonly<{
-            "onUpdate:value"?: ((value: number) => any) | undefined;
-        }>, {
-            disabled: boolean;
-            placeholder: string;
-            step: number;
-        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any> | null;
+        target: EventTarget | typeof clUiCalendar | typeof clUiSlider | null;
     }, args_1: InputValueType) => any) | undefined;
+    onFocus?: (() => any) | undefined;
+    onChange?: ((args_0: Event, args_1: InputValueType) => any) | undefined;
+    onClick?: ((event: MouseEvent) => any) | undefined;
     "onUpdate:model-value"?: ((args_0: InputValueType) => any) | undefined;
     onValidated?: ((args_0: boolean, args_1: InputValueType) => any) | undefined;
 }>, {
     label: string;
     disabled: boolean;
-    max: number | string | null;
     modelValue: string | number | boolean | DateRange | null;
     placeholderText: string;
     group: string;
     min: number | string | null;
+    max: number | string | null;
     showArrows: boolean;
     step: number;
     dateFormatLocale: string | null;
     timeZone: string | null;
     isRequired: boolean;
-    quickDateScope: 'past' | 'future' | 'none' | QuickDateName[] | null;
+    quickDateScope: "past" | "future" | "none" | QuickDateName[] | null;
     initialDate: string | null;
     currencyOptions: CurrencyInputOptions;
     highlightWhenValid: boolean;
@@ -499,7 +78,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     customValidationFunction: (_name: string, _value: InputValueType) => InputValidationState;
     onInputFunction: (_value: InputValueType) => InputValueType;
     validateImmediately: boolean;
-    validateOn: 'disabled' | 'input' | 'change';
+    validateOn: "disabled" | "input" | "change";
     externalErrors: string[];
     requiredText: string;
     showLabel: boolean;
@@ -507,22 +86,5 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     messageWhenValid: string;
     showValidationMessages: boolean;
     hideRequiredAsterisk: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

package/dist/components/input-v2/input-checkbox/cl-ui-input-checkbox.vue.d.ts

@@ -1,61 +1,36 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    modelValue: {
-        required: true;
-        type: import("vue").PropType<boolean>;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    required: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    errors: {
-        type: import("vue").PropType<string[] | null>;
-        default: null;
-    };
-}>, {
+type __VLS_Props = {
+    errors?: string[] | null;
+    disabled?: boolean;
+    readonly?: boolean;
+    required?: boolean;
+};
+type __VLS_Slots = {
+    default(): any;
+    'help-text'(): any;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue: boolean;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {
     focus: () => void | undefined;
     blur: () => void | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (modelValue: boolean) => void;
-    blur: () => void;
-    focus: () => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        required: true;
-        type: import("vue").PropType<boolean>;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    required: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    errors: {
-        type: import("vue").PropType<string[] | null>;
-        default: null;
-    };
-}>> & Readonly<{
-    onBlur?: (() => any) | undefined;
+    focus: () => any;
+    blur: () => any;
+    "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onFocus?: (() => any) | undefined;
-    "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
+    onBlur?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     disabled: boolean;
     required: boolean;
     errors: string[] | null;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{
-    default(): any;
-    'help-text'(): any;
-}> & {
-    default(): any;
-    'help-text'(): any;
-}>;
+    readonly: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };