nuance-ui 0.1.38 → 0.1.39

package/dist/runtime/components/dialog/{dialog-root.vue → ui/dialog-root.vue}

@@ -2,10 +2,10 @@
 import { getRadius, getShadow, getSize, getSpacing, rem } from "@nui/utils";
 import { onClickOutside, unrefElement } from "@vueuse/core";
 import { computed, onMounted, shallowRef, watch } from "vue";
-import Box from "../box.vue";
-import NTransition from "../transition/transition.vue";
+import Box from "../../box.vue";
+import NTransition from "../../transition/transition.vue";
+import { useProvideDialogState } from "../lib";
 import css from "./dialog.module.css";
-import { useProvideDialogState } from "./lib";
 const {
   withinPortal = true,
   closeOnClickOutside = true,
@@ -23,8 +23,8 @@ const {
   closeOnClickOutside: { type: Boolean, required: false },
   withinPortal: { type: Boolean, required: false },
   withoutOverlay: { type: Boolean, required: false },
-  yOffset: { type: null, required: false },
-  xOffset: { type: null, required: false },
+  yOffset: { type: void 0, required: false },
+  xOffset: { type: void 0, required: false },
   radius: { type: [String, Number], required: false },
   size: { type: String, required: false },
   shadow: { type: String, required: false },

package/dist/runtime/components/dialog/{dialog-root.vue.d.ts → ui/dialog-root.vue.d.ts}

@@ -1,8 +1,8 @@
 import type { NuanceRadius, NuanceShadow, NuanceSize, NuanceSpacing } from '@nui/types';
 import type { CSSProperties } from 'vue';
-import type { BoxProps } from '../box.vue.js';
-import type { TransitionName } from '../transition/index.js';
-import type { DialogModel } from './types/index.js';
+import type { BoxProps } from '../../box.vue.js';
+import type { TransitionName } from '../../transition/index.js';
+import type { DialogModel } from '../model.js';
 export interface DialogRootProps extends BoxProps {
     /** If set, the dialog is closed when user clicks on the overlay @default `true` */
     closeOnClickOutside?: boolean;
@@ -31,9 +31,9 @@ type __VLS_ModelProps = {
     'open'?: DialogModel['open'];
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_25: {};
+declare var __VLS_31: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_25) => any;
+    default?: (props: typeof __VLS_31) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => any;

package/dist/runtime/components/dialog/{dialog-title.d.vue.ts → ui/dialog-title.d.vue.ts}

@@ -1,9 +1,9 @@
-import type { TitleProps } from '../title.vue.js';
+import type { TitleProps } from '../../title.vue.js';
 export interface DialogTitleProps extends TitleProps {
 }
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<DialogTitleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DialogTitleProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/dialog/{dialog-title.vue → ui/dialog-title.vue}

@@ -1,5 +1,5 @@
 <script setup>
-import Title from "../title.vue";
+import Title from "../../title.vue";
 import css from "./dialog.module.css";
 const { size = "md", lh = "1", ...props } = defineProps({
   order: { type: String, required: false },
@@ -13,7 +13,7 @@ const { size = "md", lh = "1", ...props } = defineProps({
   variant: { type: String, required: false },
   fz: { type: null, required: false },
   lh: { type: String, required: false },
-  fw: { type: null, required: false },
+  fw: { type: void 0, required: false },
   c: { type: null, required: false },
   mod: { type: [Object, Array, null], required: false }
 });

package/dist/runtime/components/dialog/{dialog-title.vue.d.ts → ui/dialog-title.vue.d.ts}

@@ -1,9 +1,9 @@
-import type { TitleProps } from '../title.vue.js';
+import type { TitleProps } from '../../title.vue.js';
 export interface DialogTitleProps extends TitleProps {
 }
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<DialogTitleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DialogTitleProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/dialog/ui/dialog.module.css

@@ -0,0 +1 @@
+.root{--dialog-size-xs:rem(320px);--dialog-size-sm:rem(380px);--dialog-size-md:rem(440px);--dialog-size-lg:rem(620px);--dialog-size-xl:rem(780px);--dialog-size:var(--dialog-size-md);--dialog-y-offset:0;--dialog-x-offset:0;--dialog-shadow:var(--shadow-md);--dialog-radius:var(--radius-default);--overlay-bg:rgba(0,0,0,.4);--overlay-filter:blur(.1rem);background:none;border:none;box-shadow:var(--dialog-shadow);display:grid;left:var(--dialog-x-offset);max-height:100%;max-width:100%;min-height:0;opacity:0;overflow:hidden;padding:0;top:var(--dialog-y-offset);transition:opacity .3s ease,overlay allow-discrete .3s ease,display allow-discrete .3s ease;width:var(--dialog-size)}.root::backdrop{backdrop-filter:var(--overlay-filter);background:var(--overlay-bg,rgba(0,0,0,.6));opacity:0;transition:opacity .3s ease,overlay allow-discrete .3s ease,display allow-discrete .3s ease}.root[open]{opacity:1}@starting-style{.root[open]{opacity:0}}.root[open]::backdrop{opacity:1}@starting-style{.root[open]::backdrop{opacity:0}}.root:not([open]){opacity:0;pointer-events:none}.root:not([open])::backdrop{opacity:0}.root[data-without-overlay]::backdrop{display:none}.content{background-color:var(--color-body);border-radius:var(--dialog-radius);color:var(--color-text);height:100%;min-height:0;padding:var(--spacing-sm);width:100%}.header{align-items:center;display:flex;justify-content:space-between}.title{font-weight:400}

package/dist/runtime/components/drawer/drawer-close-button.d.vue.ts

@@ -1,7 +1,7 @@
 import type { ActionIconProps } from '../action-icon/index.js';
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ActionIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ActionIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/drawer/drawer-close-button.vue

@@ -1,5 +1,5 @@
 <script setup>
-import DialogCloseButton from "../dialog/dialog-close-button.vue";
+import DialogCloseButton from "../dialog/ui/dialog-close-button.vue";
 const props = defineProps({
   size: { type: null, required: false },
   variant: { type: String, required: false },

package/dist/runtime/components/drawer/drawer-close-button.vue.d.ts

@@ -1,7 +1,7 @@
 import type { ActionIconProps } from '../action-icon/index.js';
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ActionIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ActionIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/drawer/drawer-header.d.vue.ts

@@ -1,9 +1,9 @@
 import type { DialogHeaderProps } from '../dialog/index.js';
 export interface DrawerHeaderProps extends DialogHeaderProps {
 }
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<DrawerHeaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DrawerHeaderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/drawer/drawer-header.vue

@@ -1,5 +1,5 @@
 <script setup>
-import DialogHeader from "../dialog/dialog-header.vue";
+import DialogHeader from "../dialog/ui/dialog-header.vue";
 const props = defineProps({
   is: { type: null, required: false },
   mod: { type: [Object, Array, null], required: false }

package/dist/runtime/components/drawer/drawer-header.vue.d.ts

@@ -1,9 +1,9 @@
 import type { DialogHeaderProps } from '../dialog/index.js';
 export interface DrawerHeaderProps extends DialogHeaderProps {
 }
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<DrawerHeaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DrawerHeaderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/drawer/drawer-root.d.vue.ts

@@ -9,9 +9,9 @@ type __VLS_ModelProps = {
     'open'?: DialogModel['open'];
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_10: {};
+declare var __VLS_11: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_10) => any;
+    default?: (props: typeof __VLS_11) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => any;

package/dist/runtime/components/drawer/drawer-root.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { computed } from "vue";
-import DialogRoot from "../dialog/dialog-root.vue";
+import DialogRoot from "../dialog/ui/dialog-root.vue";
 import css from "./drawer.module.css";
 const {
   position = "left",
@@ -12,8 +12,8 @@ const {
   position: { type: String, required: false },
   withinPortal: { type: Boolean, required: false },
   withoutOverlay: { type: Boolean, required: false },
-  yOffset: { type: null, required: false },
-  xOffset: { type: null, required: false },
+  yOffset: { type: void 0, required: false },
+  xOffset: { type: void 0, required: false },
   radius: { type: [String, Number], required: false },
   size: { type: String, required: false },
   shadow: { type: String, required: false },

package/dist/runtime/components/drawer/drawer-root.vue.d.ts

@@ -9,9 +9,9 @@ type __VLS_ModelProps = {
     'open'?: DialogModel['open'];
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_10: {};
+declare var __VLS_11: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_10) => any;
+    default?: (props: typeof __VLS_11) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => any;

package/dist/runtime/components/drawer/drawer-title.d.vue.ts

@@ -1,9 +1,9 @@
 import type { DialogTitleProps } from '../dialog/index.js';
 export interface DrawerTitleProps extends DialogTitleProps {
 }
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<DrawerTitleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DrawerTitleProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/drawer/drawer-title.vue

@@ -1,5 +1,5 @@
 <script setup>
-import DialogTitle from "../dialog/dialog-title.vue";
+import DialogTitle from "../dialog/ui/dialog-title.vue";
 const props = defineProps({
   order: { type: String, required: false },
   textWrap: { type: String, required: false },
@@ -12,7 +12,7 @@ const props = defineProps({
   variant: { type: String, required: false },
   fz: { type: null, required: false },
   lh: { type: String, required: false },
-  fw: { type: null, required: false },
+  fw: { type: void 0, required: false },
   c: { type: null, required: false },
   mod: { type: [Object, Array, null], required: false }
 });

package/dist/runtime/components/drawer/drawer-title.vue.d.ts

@@ -1,9 +1,9 @@
 import type { DialogTitleProps } from '../dialog/index.js';
 export interface DrawerTitleProps extends DialogTitleProps {
 }
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<DrawerTitleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DrawerTitleProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/drawer/drawer.module.css

@@ -1 +1 @@
-.root{height:100%;overflow-y:auto}.root[data-position=left] .content{border-radius:0 var(--dialog-radius) var(--dialog-radius) 0}.root[data-position=right]{left:unset;right:var(--dialog-x-offset)}.root[data-position=right] .content{border-radius:var(--dialog-radius) 0 0 var(--dialog-radius)}.root[data-position=top]{height:var(--dialog-size);top:var(--dialog-y-offset);width:100%}.root[data-position=top] .content{border-radius:0 0 var(--dialog-radius) var(--dialog-radius)}.root[data-position=bottom]{bottom:var(--dialog-y-offset);height:var(--dialog-size);top:unset;width:100%}.root[data-position=bottom] .content{border-radius:var(--dialog-radius) var(--dialog-radius) 0 0}
+.root{height:100%;overflow:hidden}.root[data-position=left]{max-height:100dvh}.root[data-position=left] .content{border-radius:0 var(--dialog-radius) var(--dialog-radius) 0}.root[data-position=right]{left:unset;max-height:100dvh;right:var(--dialog-x-offset)}.root[data-position=right] .content{border-radius:var(--dialog-radius) 0 0 var(--dialog-radius)}.root[data-position=top]{height:var(--dialog-size);top:var(--dialog-y-offset);width:100%}.root[data-position=top] .content{border-radius:0 0 var(--dialog-radius) var(--dialog-radius)}.root[data-position=bottom]{bottom:var(--dialog-y-offset);height:var(--dialog-size);top:unset;width:100%}.root[data-position=bottom] .content{border-radius:var(--dialog-radius) var(--dialog-radius) 0 0}.content{min-height:0}

package/dist/runtime/components/file-upload.d.vue.ts

@@ -22,11 +22,13 @@ export interface FileUploadProps<M extends boolean> extends ActionIconProps, Use
      */
     directory?: MaybeRef<boolean>;
 }
-declare const __VLS_export: <Multiple extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<FileUploadProps<Multiple> & {
+declare const __VLS_export: <Multiple extends boolean = false>(__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<FileUploadProps<Multiple> & {
         onCancel?: (() => any) | undefined;
         onChange?: ((files: (Multiple extends true ? File[] : File) | null) => any) | undefined;
-    }> & import("vue").PublicProps;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: import("vue").ShallowUnwrapRef<{
         files: import("vue").Ref<FileList | null, FileList | null>;
         reset: () => void;
@@ -39,6 +41,8 @@ declare const __VLS_export: <Multiple extends boolean = false>(__VLS_props: NonN
 };
 declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
     [K in keyof T as K]: T[K];
-} & {};
+}) & {};

package/dist/runtime/components/file-upload.vue.d.ts

@@ -22,11 +22,13 @@ export interface FileUploadProps<M extends boolean> extends ActionIconProps, Use
      */
     directory?: MaybeRef<boolean>;
 }
-declare const __VLS_export: <Multiple extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<FileUploadProps<Multiple> & {
+declare const __VLS_export: <Multiple extends boolean = false>(__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<FileUploadProps<Multiple> & {
         onCancel?: (() => any) | undefined;
         onChange?: ((files: (Multiple extends true ? File[] : File) | null) => any) | undefined;
-    }> & import("vue").PublicProps;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: import("vue").ShallowUnwrapRef<{
         files: import("vue").Ref<FileList | null, FileList | null>;
         reset: () => void;
@@ -39,6 +41,8 @@ declare const __VLS_export: <Multiple extends boolean = false>(__VLS_props: NonN
 };
 declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
     [K in keyof T as K]: T[K];
-} & {};
+}) & {};

package/dist/runtime/components/index.d.ts

@@ -12,6 +12,7 @@ export * from './checkbox/index.js';
 export * from './chip/index.js';
 export * from './combobox/index.js';
 export * from './container.vue.js';
+export type * from './date-time-picker.vue';
 export * from './dialog/index.js';
 export * from './drawer/index.js';
 export * from './file-upload.vue.js';

package/dist/runtime/components/input/date-picker.d.vue.ts

@@ -0,0 +1,44 @@
+import type { Format } from '@formkit/tempo';
+import type { Selection, SelectionMode } from '../calendar/index.js';
+import type { CalendarProps } from '../calendar/calendar.vue.js';
+import type { ButtonInputProps } from './ui/button-input.vue.js';
+/**
+ * - presets
+ */
+export interface DatePickerProps<Mode extends SelectionMode> extends CalendarProps<Mode>, ButtonInputProps {
+    /** Tempo format for value */
+    valueFormat?: Format;
+}
+declare const __VLS_export: <Mode extends SelectionMode>(__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<(DatePickerProps<Mode> & {
+        /** ISO string(s) */
+        modelValue?: Selection | Selection[];
+    }) & {
+        "onUpdate:modelValue"?: ((value: Selection | Selection[] | undefined) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        leftSection?: (props: {}) => any;
+    } & {
+        rightSection?: (props: {}) => any;
+    } & {
+        label?: (props: {}) => any;
+    } & {
+        error?: (props: {}) => any;
+    } & {
+        description?: (props: {}) => any;
+    };
+    emit: (event: "update:modelValue", value: Selection | Selection[] | undefined) => void;
+}>) => 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];
+}) & {};

package/dist/runtime/components/input/date-picker.vue

@@ -0,0 +1,174 @@
+<script setup>
+import { format } from "@formkit/tempo";
+import { useDatesConfig } from "@nui/composals";
+import { computed } from "vue";
+import ActionIcon from "../action-icon/action-icon.vue";
+import Badge from "../badge.vue";
+import Calendar from "../calendar/calendar.vue";
+import PopoverDropdown from "../popover/popover-dropdown.vue";
+import PopoverTarget from "../popover/popover-target.vue";
+import Popover from "../popover/popover.vue";
+import ButtonInput from "./ui/button-input.vue";
+const {
+  mode = "single",
+  valueFormat = "short",
+  // Calendar props
+  fixedWeeks = false,
+  withCellSpacing = false,
+  hideOutsideDates = false,
+  highlightToday = true,
+  excludeDate,
+  maxDate,
+  minDate,
+  minLevel,
+  maxLevel,
+  numberOfMonths,
+  prevDisabled,
+  nextDisabled,
+  weekdayFormat,
+  withWeekNumbers,
+  config: cfg,
+  ...props
+} = defineProps({
+  valueFormat: { type: [String, Object], required: false },
+  size: { type: String, required: false },
+  withWeekNumbers: { type: Boolean, required: false },
+  prevDisabled: { type: Function, required: false },
+  nextDisabled: { type: Function, required: false },
+  minLevel: { type: String, required: false },
+  maxLevel: { type: String, required: false },
+  withCellSpacing: { type: Boolean, required: false },
+  mode: { type: null, required: false },
+  numberOfMonths: { type: Number, required: false },
+  weekdayFormat: { type: String, required: false },
+  fixedWeeks: { type: Boolean, required: false },
+  minDate: { type: [Date, String], required: false },
+  maxDate: { type: [Date, String], required: false },
+  excludeDate: { type: Function, required: false },
+  highlightToday: { type: Boolean, required: false },
+  hideOutsideDates: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false },
+  readonly: { type: Boolean, required: false },
+  config: { type: Object, required: false },
+  multiline: { type: Boolean, required: false },
+  name: { type: String, required: false },
+  error: { type: String, required: false },
+  description: { type: String, required: false },
+  label: { type: String, required: false },
+  required: { type: Boolean, required: false },
+  id: { type: [String, null], required: false },
+  radius: { type: String, required: false },
+  variant: { type: String, required: false },
+  resize: { type: void 0, required: false },
+  leftSectionPE: { type: null, required: false },
+  rightSectionPE: { type: null, required: false },
+  classes: { type: Object, required: false }
+});
+const model = defineModel({ type: [String, null, Array] });
+const config = useDatesConfig(cfg);
+const formatValue = (date) => format({ date, format: valueFormat, ...config });
+const visible = computed(() => {
+  if (!model.value)
+    return null;
+  switch (mode) {
+    case "single":
+      return formatValue(model.value);
+    case "week":
+    case "range": {
+      const [start, end] = model.value;
+      if (!start)
+        return null;
+      if (end && start !== end)
+        return `${formatValue(start)} - ${formatValue(end)}`;
+      else
+        return formatValue(start);
+    }
+    case "multiple":
+      return model.value.map(formatValue);
+    default:
+      return null;
+  }
+});
+</script>
+
+<template>
+	<Popover>
+		<PopoverTarget>
+			<ButtonInput v-bind='props' :multiline='mode === "multiple"'>
+				<template #leftSection>
+					<slot name='leftSection'>
+						<Icon name='gravity-ui:calendar' />
+					</slot>
+				</template>
+				<template v-if='!!$slots.rightSection' #rightSection>
+					<slot name='rightSection' />
+				</template>
+
+				<div v-if='mode === "multiple"' :class='$style.list'>
+					<Badge
+						v-for='(date, ix) in visible'
+						:key='date'
+						variant='light'
+						color='gray'
+					>
+						{{ date }}
+
+						<template #rightSection>
+							<ActionIcon
+								icon='gravity-ui:xmark'
+								variant='subtle'
+								color='gray'
+								size='xs'
+								@click.stop.prevent='() => {
+  model = model.filter((_, _ix) => _ix !== ix);
+}'
+							/>
+						</template>
+					</Badge>
+				</div>
+				<template v-else>
+					{{ visible }}
+				</template>
+
+				<template v-if='!!$slots.label' #label>
+					<slot name='label' />
+				</template>
+				<template v-if='!!$slots.error' #error>
+					<slot name='error' />
+				</template>
+				<template v-if='!!$slots.description' #description>
+					<slot name='description' />
+				</template>
+			</ButtonInput>
+		</PopoverTarget>
+		<PopoverDropdown>
+			<Calendar
+				v-model:value='model'
+				:mode
+				:fixed-weeks
+				:with-cell-spacing
+				:exclude-date
+				:hide-outside-dates
+				:highlight-today
+				:max-date
+				:min-date
+				:min-level
+				:max-level
+				:number-of-months
+				:prev-disabled
+				:next-disabled
+				:weekday-format
+				:with-week-numbers
+				:config
+			/>
+		</PopoverDropdown>
+	</Popover>
+</template>
+
+<style lang="postcss" module>
+.list {
+	display: flex;
+	flex-wrap: wrap;
+	gap: .25rem;
+}
+</style>

package/dist/runtime/components/input/date-picker.vue.d.ts

@@ -0,0 +1,44 @@
+import type { Format } from '@formkit/tempo';
+import type { Selection, SelectionMode } from '../calendar/index.js';
+import type { CalendarProps } from '../calendar/calendar.vue.js';
+import type { ButtonInputProps } from './ui/button-input.vue.js';
+/**
+ * - presets
+ */
+export interface DatePickerProps<Mode extends SelectionMode> extends CalendarProps<Mode>, ButtonInputProps {
+    /** Tempo format for value */
+    valueFormat?: Format;
+}
+declare const __VLS_export: <Mode extends SelectionMode>(__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<(DatePickerProps<Mode> & {
+        /** ISO string(s) */
+        modelValue?: Selection | Selection[];
+    }) & {
+        "onUpdate:modelValue"?: ((value: Selection | Selection[] | undefined) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        leftSection?: (props: {}) => any;
+    } & {
+        rightSection?: (props: {}) => any;
+    } & {
+        label?: (props: {}) => any;
+    } & {
+        error?: (props: {}) => any;
+    } & {
+        description?: (props: {}) => any;
+    };
+    emit: (event: "update:modelValue", value: Selection | Selection[] | undefined) => void;
+}>) => 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];
+}) & {};

package/dist/runtime/components/input/email-input.d.vue.ts

@@ -1,15 +1,15 @@
 import type { TextInputProps } from './index.js';
-declare var __VLS_7: {}, __VLS_19: {}, __VLS_22: {}, __VLS_25: {}, __VLS_28: {};
+declare var __VLS_9: {}, __VLS_17: {}, __VLS_20: {}, __VLS_23: {}, __VLS_26: {};
 type __VLS_Slots = {} & {
-    leftSection?: (props: typeof __VLS_7) => any;
+    leftSection?: (props: typeof __VLS_9) => any;
 } & {
-    rightSection?: (props: typeof __VLS_19) => any;
+    rightSection?: (props: typeof __VLS_17) => any;
 } & {
-    label?: (props: typeof __VLS_22) => any;
+    label?: (props: typeof __VLS_20) => any;
 } & {
-    error?: (props: typeof __VLS_25) => any;
+    error?: (props: typeof __VLS_23) => any;
 } & {
-    description?: (props: typeof __VLS_28) => any;
+    description?: (props: typeof __VLS_26) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<TextInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TextInputProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;