nuance-ui 0.2.11 → 0.2.14

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": "^4.0.0"
   },
-  "version": "0.2.11",
+  "version": "0.2.14",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -35,6 +35,7 @@ const module$1 = defineNuxtModule({
     const aliases = {
       composables: resolve("./runtime/composables"),
       components: resolve("./runtime/components"),
+      form: resolve("./runtime/form"),
       utils: resolve("./runtime/utils"),
       types: resolve("./runtime/types"),
       modals: resolve("./runtime/modals")
@@ -70,6 +71,17 @@ const module$1 = defineNuxtModule({
           "**/*.module.css"
         ]
       });
+      addComponentsDir({
+        path: aliases.form,
+        prefix: options.prefix,
+        pathPrefix: false,
+        extensions: [".vue"],
+        ignore: [
+          "**/_*/**",
+          "**/types/**",
+          "**/*.module.css"
+        ]
+      });
       addImportsDir(aliases.composables);
       addImportsDir(aliases.utils);
     }

package/dist/runtime/components/app-shell/app-shell.d.vue.ts

@@ -14,6 +14,14 @@ export interface AppShellProps extends BoxProps {
     withBorder?: boolean;
     /** Locale configuration for date-aware features */
     dateConfig?: Partial<DateConfig>;
+    /** Hides aside on mount */
+    hideAside?: boolean;
+    /** Hides navbar on mount */
+    hideNavbar?: boolean;
+    /** Hides header on mount */
+    hideHeader?: boolean;
+    /** Hides footer on mount */
+    hideFooter?: boolean;
 }
 type __VLS_Props = AppShellProps;
 type __VLS_ModelProps = {

package/dist/runtime/components/app-shell/app-shell.vue

@@ -12,13 +12,17 @@ const {
   layout: { type: String, required: false },
   withBorder: { type: Boolean, required: false },
   dateConfig: { type: Object, required: false },
+  hideAside: { type: Boolean, required: false },
+  hideNavbar: { type: Boolean, required: false },
+  hideHeader: { type: Boolean, required: false },
+  hideFooter: { type: Boolean, required: false },
   is: { type: null, required: false },
   mod: { type: [Object, Array, null], required: false }
 });
-const aside = defineModel("aside", { type: Boolean, ...{ default: false } });
-const header = defineModel("header", { type: Boolean, ...{ default: false } });
-const navbar = defineModel("navbar", { type: Boolean, ...{ default: false } });
-const footer = defineModel("footer", { type: Boolean, ...{ default: false } });
+const aside = defineModel("aside", { type: Boolean, ...{ default: (props) => !!props.hideAside } });
+const header = defineModel("header", { type: Boolean, ...{ default: (props) => !!props.hideHeader } });
+const navbar = defineModel("navbar", { type: Boolean, ...{ default: (props) => !!props.hideNavbar } });
+const footer = defineModel("footer", { type: Boolean, ...{ default: (props) => !!props.hideFooter } });
 useProvideAppShell({ aside, footer, header, navbar });
 useProvideDatesConfig(dateConfig);
 const style = useVarsResolver(() => ({
@@ -38,7 +42,7 @@ const style = useVarsResolver(() => ({
 <template>
 	<Box
 		:is
-		:style
+		:style='style.root'
 		:class='$style.root'
 		:mod='[mod, { layout, "with-border": withBorder }]'
 	>

package/dist/runtime/components/app-shell/app-shell.vue.d.ts

@@ -14,6 +14,14 @@ export interface AppShellProps extends BoxProps {
     withBorder?: boolean;
     /** Locale configuration for date-aware features */
     dateConfig?: Partial<DateConfig>;
+    /** Hides aside on mount */
+    hideAside?: boolean;
+    /** Hides navbar on mount */
+    hideNavbar?: boolean;
+    /** Hides header on mount */
+    hideHeader?: boolean;
+    /** Hides footer on mount */
+    hideFooter?: boolean;
 }
 type __VLS_Props = AppShellProps;
 type __VLS_ModelProps = {

package/dist/runtime/components/checkbox/checkbox.vue

@@ -80,7 +80,7 @@ const style = useVarsResolver((theme) => {
 	>
 		<Box :class='$style.inner' :mod='{ "label-position": rest?.labelPosition }'>
 			<input
-				:id
+				:id='uuid'
 				v-model='checked'
 				type='checkbox'
 				:class='$style.input'

package/dist/runtime/components/input/number-input.vue

@@ -61,7 +61,7 @@ function handleBlur() {
 				<input
 					:id
 					v-model='value'
-					:class='css'
+					v-bind='{ ...$attrs, class: css }'
 					:min
 					:max
 					:step

package/dist/runtime/components/input/text-input.vue

@@ -32,7 +32,10 @@ defineExpose({
 </script>
 
 <template>
-	<InputWrapper v-bind='props' :class='[$attrs.class, classes?.wrapper]'>
+	<InputWrapper
+		v-bind='props'
+		:class='[$attrs.class, classes?.wrapper]'
+	>
 		<BaseInput>
 			<template v-if='!!$slots.leftSection || icon' #leftSection>
 				<slot name='leftSection'>

package/dist/runtime/components/textarea.d.vue.ts

@@ -2,6 +2,8 @@ import type { InputBaseProps, InputWrapperProps } from './input/index.js';
 export interface TextareaProps extends InputWrapperProps, InputBaseProps {
     /** Icon displayed in the left section */
     icon?: string;
+    /** If set, enables textarea height growing with its content @default false */
+    autosize?: boolean;
 }
 type __VLS_Props = TextareaProps;
 type __VLS_ModelProps = {
@@ -21,11 +23,11 @@ type __VLS_Slots = {} & {
     description?: (props: typeof __VLS_33) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
-    $el: HTMLTextAreaElement | null | undefined;
+    $el: Readonly<import("vue").ShallowRef<HTMLTextAreaElement | null>>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string | undefined) => any;
+    "update:modelValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/textarea.vue

@@ -1,10 +1,17 @@
 <script setup>
-import { unrefElement, useTextareaAutosize } from "@vueuse/core";
+import { useTextareaAutosize } from "@vueuse/core";
 import { useTemplateRef } from "vue";
 import InputBase from "./input/ui/input-base.vue";
 import InputWrapper from "./input/ui/input-wrapper.vue";
-const { icon, ...props } = defineProps({
+const {
+  icon,
+  autosize = false,
+  multiline = true,
+  resize,
+  ...props
+} = defineProps({
   icon: { type: String, required: false },
+  autosize: { type: Boolean, required: false },
   error: { type: String, required: false },
   description: { type: String, required: false },
   label: { type: String, required: false },
@@ -20,21 +27,27 @@ const { icon, ...props } = defineProps({
   readonly: { type: Boolean, required: false },
   disabled: { type: Boolean, required: false }
 });
-const model = defineModel({ type: String });
-const ref = useTemplateRef("input");
-const { input } = useTextareaAutosize({
-  input: model.value,
-  styleProp: "minHeight",
-  element: unrefElement(ref.value)
-});
+const model = defineModel({ type: String, ...{ default: "" } });
+const inputRef = useTemplateRef("input");
+if (autosize) {
+  useTextareaAutosize({
+    element: inputRef,
+    input: model
+  });
+}
 defineExpose({
-  $el: unrefElement(ref.value)
+  $el: inputRef
 });
 </script>
 
 <template>
-	<InputWrapper v-bind='props' :multiline :class='$attrs?.class'>
-		<InputBase>
+	<InputWrapper
+		v-bind='props'
+		:multiline
+		:class='$attrs?.class'
+		:resize='autosize ? void 0 : resize'
+	>
+		<InputBase :classes='{ root: $style.test }'>
 			<template v-if='!!$slots.leftSection || icon' #leftSection>
 				<slot name='leftSection'>
 					<Icon v-if='icon' :name='icon' />
@@ -49,7 +62,7 @@ defineExpose({
 					v-model='model'
 					:class='[css, $style.textarea]'
 					:required='props.required'
-					:disabled='props.required'
+					:disabled='props.disabled'
 					:readonly='props.readonly'
 				/>
 			</template>
@@ -72,5 +85,5 @@ defineExpose({
 </template>
 
 <style module>
-.textarea{height:auto;scrollbar-width:none;-ms-overflow-style:none}.textarea::-webkit-scrollbar{display:none}
+.textarea{--input-padding-y:var(--input-padding-inline-start);height:auto;line-height:1.2;min-height:rem(62px);scrollbar-width:none;-ms-overflow-style:none}.textarea::-webkit-scrollbar{display:none}
 </style>

package/dist/runtime/components/textarea.vue.d.ts

@@ -2,6 +2,8 @@ import type { InputBaseProps, InputWrapperProps } from './input/index.js';
 export interface TextareaProps extends InputWrapperProps, InputBaseProps {
     /** Icon displayed in the left section */
     icon?: string;
+    /** If set, enables textarea height growing with its content @default false */
+    autosize?: boolean;
 }
 type __VLS_Props = TextareaProps;
 type __VLS_ModelProps = {
@@ -21,11 +23,11 @@ type __VLS_Slots = {} & {
     description?: (props: typeof __VLS_33) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
-    $el: HTMLTextAreaElement | null | undefined;
+    $el: Readonly<import("vue").ShallowRef<HTMLTextAreaElement | null>>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string | undefined) => any;
+    "update:modelValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/form/checkbox-field.d.vue.ts

@@ -0,0 +1,38 @@
+import type { RuleExpression } from 'vee-validate';
+import type { CheckboxProps } from '../components/checkbox/checkbox.vue.js';
+export interface CheckboxFieldProps extends Omit<CheckboxProps, 'error'> {
+    /** Field name used by vee-validate */
+    name: string;
+    /** Validation rules, applied when `controlled: false` or as field-level override */
+    rules?: RuleExpression<boolean>;
+    /** When to trigger validation @default `'change'` */
+    validateOn?: 'change' | 'submit';
+    /** Pre-fills the field value @default `false` */
+    initialValue?: boolean;
+    /** If `false`, disconnects the field from the parent form context @default `true` */
+    controlled?: boolean;
+}
+declare var __VLS_11: {
+    class: string;
+    indeterminate: boolean;
+}, __VLS_14: {}, __VLS_17: {}, __VLS_20: {
+    error: string | undefined;
+};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_11) => any;
+} & {
+    label?: (props: typeof __VLS_14) => any;
+} & {
+    description?: (props: typeof __VLS_17) => any;
+} & {
+    error?: (props: typeof __VLS_20) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<CheckboxFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CheckboxFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/form/checkbox-field.vue

@@ -0,0 +1,68 @@
+<script setup>
+import { useField } from "vee-validate";
+import Checkbox from "../components/checkbox/checkbox.vue";
+const {
+  name,
+  rules,
+  validateOn = "change",
+  initialValue = false,
+  controlled = true,
+  ...props
+} = defineProps({
+  name: { type: String, required: true },
+  rules: { type: [String, Object, Function, Array], required: false, skipCheck: true },
+  validateOn: { type: String, required: false },
+  initialValue: { type: Boolean, required: false },
+  controlled: { type: Boolean, required: false },
+  id: { type: String, required: false },
+  color: { type: null, required: false },
+  iconColor: { type: null, required: false },
+  radius: { type: [String, Number, Object], required: false },
+  size: { type: String, required: false },
+  value: { type: String, required: false },
+  variant: { type: String, required: false },
+  label: { type: String, required: false },
+  description: { type: String, required: false },
+  disabled: { type: Boolean, required: false, skipCheck: true },
+  labelPosition: { type: String, required: false },
+  bodyElement: { type: null, required: false },
+  labelElement: { type: null, required: false },
+  is: { type: null, required: false },
+  mod: { type: [Object, Array, null], required: false }
+});
+const {
+  value,
+  errorMessage,
+  handleChange
+} = useField(() => name, rules, {
+  validateOnValueUpdate: false,
+  validateOnMount: false,
+  initialValue,
+  controlled
+});
+</script>
+
+<template>
+	<Checkbox
+		v-bind='props'
+		:model-value='value'
+		:error='errorMessage'
+		@update:model-value='handleChange($event, validateOn === "change" || !!errorMessage)'
+	>
+		<template v-if='$slots.icon' #icon='slotProps'>
+			<slot name='icon' v-bind='slotProps' />
+		</template>
+
+		<template v-if='$slots.label' #label>
+			<slot name='label' />
+		</template>
+
+		<template v-if='$slots.description' #description>
+			<slot name='description' />
+		</template>
+
+		<template v-if='$slots.error' #error>
+			<slot name='error' :error='errorMessage' />
+		</template>
+	</Checkbox>
+</template>

package/dist/runtime/form/checkbox-field.vue.d.ts

@@ -0,0 +1,38 @@
+import type { RuleExpression } from 'vee-validate';
+import type { CheckboxProps } from '../components/checkbox/checkbox.vue.js';
+export interface CheckboxFieldProps extends Omit<CheckboxProps, 'error'> {
+    /** Field name used by vee-validate */
+    name: string;
+    /** Validation rules, applied when `controlled: false` or as field-level override */
+    rules?: RuleExpression<boolean>;
+    /** When to trigger validation @default `'change'` */
+    validateOn?: 'change' | 'submit';
+    /** Pre-fills the field value @default `false` */
+    initialValue?: boolean;
+    /** If `false`, disconnects the field from the parent form context @default `true` */
+    controlled?: boolean;
+}
+declare var __VLS_11: {
+    class: string;
+    indeterminate: boolean;
+}, __VLS_14: {}, __VLS_17: {}, __VLS_20: {
+    error: string | undefined;
+};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_11) => any;
+} & {
+    label?: (props: typeof __VLS_14) => any;
+} & {
+    description?: (props: typeof __VLS_17) => any;
+} & {
+    error?: (props: typeof __VLS_20) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<CheckboxFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CheckboxFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/form/checkbox-group-field.d.vue.ts

@@ -0,0 +1,35 @@
+import type { RuleExpression } from 'vee-validate';
+import type { CheckboxGroupProps } from '../components/checkbox/checkbox-group.vue.js';
+export interface CheckboxGroupFieldProps extends Omit<CheckboxGroupProps, 'error'> {
+    /** Field name used by vee-validate */
+    name: string;
+    /** Validation rules, applied when `controlled: false` or as field-level override */
+    rules?: RuleExpression<string[]>;
+    /** When to trigger validation @default `'change'` */
+    validateOn?: 'change' | 'submit';
+    /** Pre-fills the field value */
+    initialValue?: string[];
+    /** If `false`, disconnects the field from the parent form context @default `true` */
+    controlled?: boolean;
+}
+declare var __VLS_10: {}, __VLS_13: {}, __VLS_16: {}, __VLS_19: {
+    error: string | undefined;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_10) => any;
+} & {
+    label?: (props: typeof __VLS_13) => any;
+} & {
+    description?: (props: typeof __VLS_16) => any;
+} & {
+    error?: (props: typeof __VLS_19) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<CheckboxGroupFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CheckboxGroupFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/form/checkbox-group-field.vue

@@ -0,0 +1,62 @@
+<script setup>
+import { useField } from "vee-validate";
+import CheckboxGroup from "../components/checkbox/checkbox-group.vue";
+const {
+  name,
+  rules,
+  validateOn = "change",
+  initialValue,
+  controlled = true,
+  ...props
+} = defineProps({
+  name: { type: String, required: true },
+  rules: { type: [String, Object, Function, Array], required: false, skipCheck: true },
+  validateOn: { type: String, required: false },
+  initialValue: { type: Array, required: false },
+  controlled: { type: Boolean, required: false },
+  size: { type: String, required: false },
+  readOnly: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false },
+  maxSelectedValues: { type: Number, required: false },
+  description: { type: String, required: false },
+  label: { type: String, required: false },
+  required: { type: Boolean, required: false },
+  radius: { type: [String, Number, Object], required: false },
+  variant: { type: String, required: false },
+  leftSectionPE: { type: void 0, required: false },
+  rightSectionPE: { type: void 0, required: false }
+});
+const {
+  value,
+  errorMessage,
+  handleChange
+} = useField(() => name, rules, {
+  validateOnValueUpdate: false,
+  validateOnMount: false,
+  initialValue,
+  controlled
+});
+</script>
+
+<template>
+	<CheckboxGroup
+		v-bind='props'
+		:model-value='value ?? []'
+		:error='errorMessage'
+		@update:model-value='handleChange($event, validateOn === "change" || !!errorMessage)'
+	>
+		<slot />
+
+		<template v-if='$slots.label' #label>
+			<slot name='label' />
+		</template>
+
+		<template v-if='$slots.description' #description>
+			<slot name='description' />
+		</template>
+
+		<template v-if='$slots.error' #error>
+			<slot name='error' :error='errorMessage' />
+		</template>
+	</CheckboxGroup>
+</template>

package/dist/runtime/form/checkbox-group-field.vue.d.ts

@@ -0,0 +1,35 @@
+import type { RuleExpression } from 'vee-validate';
+import type { CheckboxGroupProps } from '../components/checkbox/checkbox-group.vue.js';
+export interface CheckboxGroupFieldProps extends Omit<CheckboxGroupProps, 'error'> {
+    /** Field name used by vee-validate */
+    name: string;
+    /** Validation rules, applied when `controlled: false` or as field-level override */
+    rules?: RuleExpression<string[]>;
+    /** When to trigger validation @default `'change'` */
+    validateOn?: 'change' | 'submit';
+    /** Pre-fills the field value */
+    initialValue?: string[];
+    /** If `false`, disconnects the field from the parent form context @default `true` */
+    controlled?: boolean;
+}
+declare var __VLS_10: {}, __VLS_13: {}, __VLS_16: {}, __VLS_19: {
+    error: string | undefined;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_10) => any;
+} & {
+    label?: (props: typeof __VLS_13) => any;
+} & {
+    description?: (props: typeof __VLS_16) => any;
+} & {
+    error?: (props: typeof __VLS_19) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<CheckboxGroupFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CheckboxGroupFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/form/date-field.d.vue.ts

@@ -0,0 +1,45 @@
+import type { RuleExpression } from 'vee-validate';
+import type { DateSelection, SelectionMode } from '../components/calendar/index.js';
+import type { DatePickerProps } from '../components/input/date-picker.vue.js';
+export interface DateFieldProps<Mode extends SelectionMode = 'single'> extends Omit<DatePickerProps<Mode>, 'error'> {
+    /** Field name used by vee-validate */
+    name: string;
+    /** Validation rules, applied when `controlled: false` or as field-level override */
+    rules?: RuleExpression<DateSelection<Mode>>;
+    /** When to trigger validation @default `'change'` */
+    validateOn?: 'change' | 'submit';
+    /** Pre-fills the field value */
+    initialValue?: DateSelection<Mode>;
+    /** If `false`, disconnects the field from the parent form context @default `true` */
+    controlled?: boolean;
+}
+declare const __VLS_export: <Mode extends SelectionMode = "single">(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<DateFieldProps<Mode>> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        leftSection?: (props: {}) => any;
+    } & {
+        rightSection?: (props: {}) => any;
+    } & {
+        label?: (props: {}) => any;
+    } & {
+        description?: (props: {}) => any;
+    } & {
+        error?: (props: {
+            error: string | undefined;
+        }) => any;
+    };
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};