nuance-ui 0.2.7 → 0.2.9

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

@@ -42,7 +42,7 @@ const {
   withSeconds: { type: Boolean, required: false }
 });
 defineEmits(["open", "close", "select", "prev", "level", "next"]);
-const model = defineModel({ type: [String, Date] });
+const model = defineModel({ type: [String, Date, null] });
 const date = computed({
   get: () => model.value ? format(model.value, "YYYY-MM-DD") : "",
   set: (value) => {
@@ -90,72 +90,72 @@ const isClearable = computed(() => clearable && !props.disabled && !props.readon
 </script>
 
 <template>
-	<Popover :disabled @open='$emit("open")' @close='$emit("close")'>
-		<PopoverTarget>
-			<ButtonInput v-bind='props' :right-section-p-e>
-				<template #leftSection>
-					<slot name='leftSection'>
-						<Icon name='gravity-ui:calendar' />
-					</slot>
-				</template>
-
-				<template
-					v-if='!$slots.rightSection && isClearable || !!$slots.rightSection'
-					#rightSection
-				>
-					<slot name='rightSection'>
-						<ActionIcon
-							icon='gravity-ui:xmark'
-							variant='subtle'
-							color='gray'
-							size='sm'
-							@click.stop='model = ""'
-						/>
-					</slot>
-				</template>
-
-				<template #default>
-					{{ 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='date'
-				v-bind='calendarProps'
-				:disabled='props.disabled'
-				:readonly='props.readonly'
-				@next='$emit("next")'
-				@prev='$emit("prev")'
-				@level='$emit("level")'
-				@select='(d) => $emit("select", d)'
-			/>
-			<TimePicker
-				v-model='time'
-				v-bind='timePickerProps'
-				:disabled='props.disabled'
-				:readonly='props.readonly'
-				:with-seconds
-				:clearable
-			/>
-		</PopoverDropdown>
-	</Popover>
+	<Popover :disabled @open='$emit("open")' @close='$emit("close")'>
+		<PopoverTarget>
+			<ButtonInput v-bind='props' :right-section-p-e>
+				<template #leftSection>
+					<slot name='leftSection'>
+						<Icon name='gravity-ui:calendar' />
+					</slot>
+				</template>
+
+				<template
+					v-if='!$slots.rightSection && isClearable || !!$slots.rightSection'
+					#rightSection
+				>
+					<slot name='rightSection'>
+						<ActionIcon
+							icon='gravity-ui:xmark'
+							variant='subtle'
+							color='gray'
+							size='sm'
+							@click.stop='model = ""'
+						/>
+					</slot>
+				</template>
+
+				<template #default>
+					{{ 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='date'
+				v-bind='calendarProps'
+				:disabled='props.disabled'
+				:readonly='props.readonly'
+				@next='$emit("next")'
+				@prev='$emit("prev")'
+				@level='$emit("level")'
+				@select='(d) => $emit("select", d)'
+			/>
+			<TimePicker
+				v-model='time'
+				v-bind='timePickerProps'
+				:disabled='props.disabled'
+				:readonly='props.readonly'
+				:with-seconds
+				:clearable
+			/>
+		</PopoverDropdown>
+	</Popover>
 </template>
 
 <style lang="postcss" module>
-.list {
-	display: flex;
-	flex-wrap: wrap;
-	gap: .25rem;
-}
+.list {
+	display: flex;
+	flex-wrap: wrap;
+	gap: .25rem;
+}
 </style>

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

@@ -20,7 +20,7 @@ export interface DatePickerProps extends ButtonInputProps, Pick<TimePickerProps,
 type __VLS_Props = DatePickerProps;
 type __VLS_ModelProps = {
     /** ISO string */
-    modelValue?: string | Date;
+    modelValue?: string | Date | null;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare var __VLS_24: {}, __VLS_32: {}, __VLS_43: {}, __VLS_46: {}, __VLS_49: {};
@@ -39,7 +39,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     select: (date: import("./calendar/index.js").Selection) => any;
     close: () => any;
     next: () => any;
-    "update:modelValue": (value: string | Date | undefined) => any;
+    "update:modelValue": (value: string | Date | null | undefined) => any;
     prev: () => any;
     level: () => any;
     open: () => any;
@@ -47,7 +47,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     onSelect?: ((date: import("./calendar/index.js").Selection) => any) | undefined;
     onClose?: (() => any) | undefined;
     onNext?: (() => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string | Date | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | Date | null | undefined) => any) | undefined;
     onPrev?: (() => any) | undefined;
     onLevel?: (() => any) | undefined;
     onOpen?: (() => any) | undefined;

package/dist/runtime/components/dialog/types.d.ts

@@ -5,5 +5,6 @@ export interface DialogEmits {
     close: [];
 }
 export interface DialogModel {
+    /** Controls open/closed state */
     open: boolean;
 }

package/dist/runtime/components/dialog/ui/dialog-close-button.vue

@@ -17,15 +17,15 @@ const close = useDialogState();
 </script>
 
 <template>
-	<ClientOnly>
-		<ActionIcon
-			:icon
-			:variant
-			tabindex='0'
-			v-bind='props'
-			@click='close'
-		>
-			<slot />
-		</ActionIcon>
-	</ClientOnly>
+	<ClientOnly>
+		<ActionIcon
+			:icon
+			:variant
+			tabindex='0'
+			v-bind='props'
+			@click='close'
+		>
+			<slot />
+		</ActionIcon>
+	</ClientOnly>
 </template>

package/dist/runtime/components/dialog/ui/dialog-header.vue

@@ -8,9 +8,9 @@ const { is = "header", mod } = defineProps({
 </script>
 
 <template>
-	<ClientOnly>
-		<Box :is :mod :class='css.header'>
-			<slot />
-		</Box>
-	</ClientOnly>
+	<ClientOnly>
+		<Box :is :mod :class='css.header'>
+			<slot />
+		</Box>
+	</ClientOnly>
 </template>

package/dist/runtime/components/dialog/ui/dialog-title.vue

@@ -20,9 +20,9 @@ const { size = "md", lh = "1", ...props } = defineProps({
 </script>
 
 <template>
-	<ClientOnly>
-		<Title :class='css.title' :lh :size v-bind='props'>
-			<slot />
-		</Title>
-	</ClientOnly>
+	<ClientOnly>
+		<Title :class='css.title' :lh :size v-bind='props'>
+			<slot />
+		</Title>
+	</ClientOnly>
 </template>

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

@@ -15,7 +15,7 @@ const props = defineProps({
 </script>
 
 <template>
-	<DialogCloseButton v-bind='props'>
-		<slot />
-	</DialogCloseButton>
+	<DialogCloseButton v-bind='props'>
+		<slot />
+	</DialogCloseButton>
 </template>

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

@@ -7,7 +7,7 @@ const props = defineProps({
 </script>
 
 <template>
-	<DialogHeader v-bind='props'>
-		<slot />
-	</DialogHeader>
+	<DialogHeader v-bind='props'>
+		<slot />
+	</DialogHeader>
 </template>

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

@@ -41,19 +41,19 @@ const transition = computed(() => {
 </script>
 
 <template>
-	<DialogRoot
-		v-model:open='opened'
-		:mod='[{ position }, mod]'
-		:root-class='css.root'
-		:class='css.content'
-		:within-portal
-		:without-overlay
-		:close-on-click-outside
-		:transition
-		v-bind='rest'
-		@open='$emit("open")'
-		@close='$emit("close")'
-	>
-		<slot />
-	</DialogRoot>
+	<DialogRoot
+		v-model:open='opened'
+		:mod='[{ position }, mod]'
+		:root-class='css.root'
+		:class='css.content'
+		:within-portal
+		:without-overlay
+		:close-on-click-outside
+		:transition
+		v-bind='rest'
+		@open='$emit("open")'
+		@close='$emit("close")'
+	>
+		<slot />
+	</DialogRoot>
 </template>

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

@@ -19,7 +19,7 @@ const props = defineProps({
 </script>
 
 <template>
-	<DialogTitle v-bind='props'>
-		<slot />
-	</DialogTitle>
+	<DialogTitle v-bind='props'>
+		<slot />
+	</DialogTitle>
 </template>

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

@@ -5,20 +5,22 @@ export interface FileUploadButtonProps<M extends boolean> extends ButtonProps, U
     /** Icon passed to leftSection */
     icon?: string;
     /**
+     * Allows selecting multiple files
      * @default false
      */
     multiple?: MaybeRef<M>;
     /**
+     * Accepted file types
      * @default '*'
      */
     accept?: MaybeRef<string>;
     /**
-     * Reset when open file dialog.
+     * Resets selected files when the dialog opens
      * @default false
      */
     reset?: MaybeRef<boolean>;
     /**
-     * Select directories instead of files.
+     * Selects directories instead of files
      * @see [HTMLInputElement webkitdirectory](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/webkitdirectory)
      * @default false
      */

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

@@ -5,20 +5,22 @@ export interface FileUploadButtonProps<M extends boolean> extends ButtonProps, U
     /** Icon passed to leftSection */
     icon?: string;
     /**
+     * Allows selecting multiple files
      * @default false
      */
     multiple?: MaybeRef<M>;
     /**
+     * Accepted file types
      * @default '*'
      */
     accept?: MaybeRef<string>;
     /**
-     * Reset when open file dialog.
+     * Resets selected files when the dialog opens
      * @default false
      */
     reset?: MaybeRef<boolean>;
     /**
-     * Select directories instead of files.
+     * Selects directories instead of files
      * @see [HTMLInputElement webkitdirectory](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/webkitdirectory)
      * @default false
      */

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

@@ -3,20 +3,22 @@ import type { MaybeRef } from 'vue';
 import type { ActionIconProps } from '../action-icon/action-icon.vue.js';
 export interface FileUploadIconProps<M extends boolean> extends ActionIconProps, UseFileDialogOptions {
     /**
+     * Allows selecting multiple files
      * @default false
      */
     multiple?: MaybeRef<M>;
     /**
+     * Accepted file types
      * @default '*'
      */
     accept?: MaybeRef<string>;
     /**
-     * Reset when open file dialog.
+     * Resets selected files when the dialog opens
      * @default false
      */
     reset?: MaybeRef<boolean>;
     /**
-     * Select directories instead of files.
+     * Selects directories instead of files
      * @see [HTMLInputElement webkitdirectory](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/webkitdirectory)
      * @default false
      */

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

@@ -3,20 +3,22 @@ import type { MaybeRef } from 'vue';
 import type { ActionIconProps } from '../action-icon/action-icon.vue.js';
 export interface FileUploadIconProps<M extends boolean> extends ActionIconProps, UseFileDialogOptions {
     /**
+     * Allows selecting multiple files
      * @default false
      */
     multiple?: MaybeRef<M>;
     /**
+     * Accepted file types
      * @default '*'
      */
     accept?: MaybeRef<string>;
     /**
-     * Reset when open file dialog.
+     * Resets selected files when the dialog opens
      * @default false
      */
     reset?: MaybeRef<boolean>;
     /**
-     * Select directories instead of files.
+     * Selects directories instead of files
      * @see [HTMLInputElement webkitdirectory](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/webkitdirectory)
      * @default false
      */

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

@@ -93,94 +93,94 @@ const visible = computed(() => {
 </script>
 
 <template>
-	<Popover
-		:disabled='props?.disabled || props?.readonly'
-		@open='$emit("open")'
-		@close='$emit("close")'
-	>
-		<PopoverTarget>
-			<ButtonInput
-				v-bind='props'
-				v-model='model'
-				: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'
+	<Popover
+		:disabled='props?.disabled || props?.readonly'
+		@open='$emit("open")'
+		@close='$emit("close")'
+	>
+		<PopoverTarget>
+			<ButtonInput
+				v-bind='props'
+				v-model='model'
+				: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
-				@prev='$emit("prev")'
-				@next='$emit("next")'
-				@select='(d) => $emit("select", d)'
-			/>
-		</PopoverDropdown>
-	</Popover>
+}'
+							/>
+						</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
+				@prev='$emit("prev")'
+				@next='$emit("next")'
+				@select='(d) => $emit("select", d)'
+			/>
+		</PopoverDropdown>
+	</Popover>
 </template>
 
 <style lang="postcss" module>
-.list {
-	display: flex;
-	flex-wrap: wrap;
-	gap: .25rem;
-}
+.list {
+	display: flex;
+	flex-wrap: wrap;
+	gap: .25rem;
+}
 </style>

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

@@ -1,15 +1,15 @@
 import type { TextInputProps } from './index.js';
-declare var __VLS_9: {}, __VLS_17: {}, __VLS_20: {}, __VLS_23: {}, __VLS_26: {};
+declare var __VLS_9: {}, __VLS_12: {}, __VLS_15: {}, __VLS_18: {}, __VLS_21: {};
 type __VLS_Slots = {} & {
     leftSection?: (props: typeof __VLS_9) => any;
 } & {
-    rightSection?: (props: typeof __VLS_17) => any;
+    rightSection?: (props: typeof __VLS_12) => any;
 } & {
-    label?: (props: typeof __VLS_20) => any;
+    label?: (props: typeof __VLS_15) => any;
 } & {
-    error?: (props: typeof __VLS_23) => any;
+    error?: (props: typeof __VLS_18) => any;
 } & {
-    description?: (props: typeof __VLS_26) => any;
+    description?: (props: typeof __VLS_21) => 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>;