nuance-ui 0.1.38 → 0.1.39

package/dist/runtime/components/input/ui/spin-input.vue

@@ -0,0 +1,155 @@
+<script setup>
+import { clamp } from "@vueuse/core";
+import { computed } from "vue";
+import { padTime } from "../../time-picker";
+const {
+  min,
+  max,
+  placeholder = "--",
+  step,
+  readonly,
+  allowTemporaryZero = false
+} = defineProps({
+  min: { type: Number, required: true },
+  max: { type: Number, required: true },
+  step: { type: Number, required: true },
+  focusable: { type: Boolean, required: false },
+  allowTemporaryZero: { type: Boolean, required: false },
+  placeholder: { type: String, required: false },
+  readonly: { type: Boolean, required: false }
+});
+const emit = defineEmits(["next", "prev"]);
+const maxDigit = computed(() => Number(max.toFixed(0)[0]));
+const model = defineModel({ type: [Number, null], ...{ default: null } });
+const value = computed({
+  get: () => model.value == null ? "" : padTime(model.value),
+  set: (newValue) => {
+    if (readonly)
+      return;
+    const clearValue = newValue.replace(/\D/g, "");
+    if (clearValue === "") {
+      model.value = null;
+      return;
+    }
+    const parsedValue = Number.parseInt(clearValue, 10);
+    const clampedValue = allowTemporaryZero && parsedValue === 0 && min > 0 ? 0 : clamp(parsedValue, min, max);
+    model.value = clampedValue;
+    if (clampedValue > maxDigit.value || newValue.startsWith("00"))
+      emit("next");
+  }
+});
+const arrowsMax = computed(() => max + 1 - step);
+function handleKeyDown(event) {
+  if (readonly)
+    return;
+  if (event.key === "0" || event.key === "Num0") {
+    if (model.value === 0) {
+      event.preventDefault();
+      emit("next");
+    }
+  }
+  if (event.key === "Home") {
+    event.preventDefault();
+    model.value = min;
+  }
+  if (event.key === "End") {
+    event.preventDefault();
+    model.value = max;
+  }
+  if (event.key === "Backspace" || event.key === "Delete") {
+    event.preventDefault();
+    if (model.value !== null)
+      model.value = null;
+    else
+      emit("prev");
+  }
+  if (event.key === "ArrowRight") {
+    event.preventDefault();
+    emit("next");
+  }
+  if (event.key === "ArrowLeft") {
+    event.preventDefault();
+    emit("prev");
+  }
+  if (event.key === "ArrowUp") {
+    event.preventDefault();
+    const newValue = model.value === null ? min : clamp(model.value + step, min, arrowsMax.value);
+    model.value = newValue;
+  }
+  if (event.key === "ArrowDown") {
+    event.preventDefault();
+    const newValue = model.value === null ? arrowsMax.value : clamp(model.value - step, min, arrowsMax.value);
+    model.value = newValue;
+  }
+}
+</script>
+
+<template>
+	<input
+		v-model='value'
+		type='text'
+		role='spinbutton'
+		:aria-valuemin='min'
+		:aria-valuemax='max'
+		:aria-valuenow='value === null ? 0 : value'
+		:data-empty='value === null || void 0'
+		inputMode='numeric'
+		:placeholder
+		:readonly
+		:class='$style.field'
+		@keydown='handleKeyDown'
+		@focus='($event?.target).select()'
+		@click.stop='($event?.target).select()'
+	>
+</template>
+
+<style lang="postcss" module>
+.field {
+	position: relative;
+
+	width: calc(2ch + 0.3em);
+	height: 100%;
+	padding-inline: 0.15em;
+	border: 0;
+	border-radius: 2px;
+
+	font-variant-numeric: tabular-nums;
+	line-height: 1;
+	color: var(--input-color);
+	text-align: center;
+	text-align-last: center;
+
+	appearance: none;
+	background-color: transparent;
+	caret-color: transparent;
+
+	&:where([data-am-pm]) {
+		width: auto;
+	}
+
+	&:where(:disabled) {
+		cursor: not-allowed;
+	}
+
+	&::selection {
+		background-color: transparent;
+	}
+
+	&::placeholder {
+		color: inherit;
+
+		opacity: 1;
+	}
+
+	&:focus {
+		color: var(--color-white);
+
+		background-color: var(--color-primary-filled);
+		outline: 0;
+
+		&::placeholder {
+			color: var(--color-white);
+		}
+	}
+}
+</style>

package/dist/runtime/components/input/ui/spin-input.vue.d.ts

@@ -0,0 +1,25 @@
+export interface SpinInputProps {
+    min: number;
+    max: number;
+    step: number;
+    focusable?: boolean;
+    allowTemporaryZero?: boolean;
+    placeholder?: string;
+    readonly?: boolean;
+}
+type __VLS_Props = SpinInputProps;
+type __VLS_ModelProps = {
+    modelValue?: number | null;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    next: () => any;
+    "update:modelValue": (value: number | null) => any;
+    prev: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onNext?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
+    onPrev?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/link/link-button.d.vue.ts

@@ -2,13 +2,13 @@ import type { NuxtLinkProps } from '#app';
 import type { ButtonProps } from '../button/index.js';
 export interface LinkButtonProps extends Omit<NuxtLinkProps, 'href' | 'custom'>, ButtonProps {
 }
-declare var __VLS_15: {}, __VLS_17: {}, __VLS_20: {};
+declare var __VLS_17: {}, __VLS_19: {}, __VLS_22: {};
 type __VLS_Slots = {} & {
-    leftSection?: (props: typeof __VLS_15) => any;
+    leftSection?: (props: typeof __VLS_17) => any;
 } & {
-    default?: (props: typeof __VLS_17) => any;
+    default?: (props: typeof __VLS_19) => any;
 } & {
-    rightSection?: (props: typeof __VLS_20) => any;
+    rightSection?: (props: typeof __VLS_22) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<LinkButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/link/link-button.vue.d.ts

@@ -2,13 +2,13 @@ import type { NuxtLinkProps } from '#app';
 import type { ButtonProps } from '../button/index.js';
 export interface LinkButtonProps extends Omit<NuxtLinkProps, 'href' | 'custom'>, ButtonProps {
 }
-declare var __VLS_15: {}, __VLS_17: {}, __VLS_20: {};
+declare var __VLS_17: {}, __VLS_19: {}, __VLS_22: {};
 type __VLS_Slots = {} & {
-    leftSection?: (props: typeof __VLS_15) => any;
+    leftSection?: (props: typeof __VLS_17) => any;
 } & {
-    default?: (props: typeof __VLS_17) => any;
+    default?: (props: typeof __VLS_19) => any;
 } & {
-    rightSection?: (props: typeof __VLS_20) => any;
+    rightSection?: (props: typeof __VLS_22) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<LinkButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -3,9 +3,9 @@ import type { TextProps } from '../text.vue.js';
 export interface LinkProps extends Omit<NuxtLinkProps, 'href' | 'custom'>, Omit<TextProps, 'is'> {
     underline?: boolean;
 }
-declare var __VLS_14: {};
+declare var __VLS_16: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_14) => any;
+    default?: (props: typeof __VLS_16) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/link/link.vue

@@ -29,7 +29,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/link/link.vue.d.ts

@@ -3,9 +3,9 @@ import type { TextProps } from '../text.vue.js';
 export interface LinkProps extends Omit<NuxtLinkProps, 'href' | 'custom'>, Omit<TextProps, 'is'> {
     underline?: boolean;
 }
-declare var __VLS_14: {};
+declare var __VLS_16: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_14) => any;
+    default?: (props: typeof __VLS_16) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/modal/modal-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/modal/modal-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/modal/modal-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/modal/modal-header.d.vue.ts

@@ -1,9 +1,9 @@
 import type { DialogHeaderProps } from '../dialog/index.js';
 export interface ModalHeaderProps 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<ModalHeaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ModalHeaderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/modal/modal-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/modal/modal-header.vue.d.ts

@@ -1,9 +1,9 @@
 import type { DialogHeaderProps } from '../dialog/index.js';
 export interface ModalHeaderProps 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<ModalHeaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ModalHeaderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -11,9 +11,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/modal/modal-root.vue

@@ -1,5 +1,5 @@
 <script setup>
-import DialogRoot from "../dialog/dialog-root.vue";
+import DialogRoot from "../dialog/ui/dialog-root.vue";
 import css from "./modal.module.css";
 const {
   centered,
@@ -11,8 +11,8 @@ const {
   centered: { type: Boolean, required: false },
   fullScreen: { type: Boolean, required: false },
   withinPortal: { 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/modal/modal-root.vue.d.ts

@@ -11,9 +11,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/modal/modal-title.d.vue.ts

@@ -1,9 +1,9 @@
 import type { DialogTitleProps } from '../dialog/index.js';
 export interface ModalTitleProps 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<ModalTitleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ModalTitleProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/modal/modal-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/modal/modal-title.vue.d.ts

@@ -1,9 +1,9 @@
 import type { DialogTitleProps } from '../dialog/index.js';
 export interface ModalTitleProps 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<ModalTitleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ModalTitleProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/nav-link/nav-icon-link.d.vue.ts

@@ -12,9 +12,9 @@ export interface NavIconLinkProps extends ActionIconProps, Omit<NuxtLinkProps, '
     /** Variant for not active state @default `filled` */
     notActive?: ActionIconProps['variant'];
 }
-declare var __VLS_14: {};
+declare var __VLS_16: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_14) => any;
+    default?: (props: typeof __VLS_16) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<NavIconLinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NavIconLinkProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/nav-link/nav-icon-link.vue.d.ts

@@ -12,9 +12,9 @@ export interface NavIconLinkProps extends ActionIconProps, Omit<NuxtLinkProps, '
     /** Variant for not active state @default `filled` */
     notActive?: ActionIconProps['variant'];
 }
-declare var __VLS_14: {};
+declare var __VLS_16: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_14) => any;
+    default?: (props: typeof __VLS_16) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<NavIconLinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NavIconLinkProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/nav-link/nav-link.d.vue.ts

@@ -14,15 +14,15 @@ export interface NavLinkProps extends BoxProps, Omit<NuxtLinkProps, 'href' | 'cu
     disabled?: boolean;
     variant?: 'filled' | 'light' | 'subtle';
 }
-declare var __VLS_14: {}, __VLS_20: {}, __VLS_26: {}, __VLS_28: {};
+declare var __VLS_16: {}, __VLS_24: {}, __VLS_32: {}, __VLS_34: {};
 type __VLS_Slots = {} & {
-    leftSection?: (props: typeof __VLS_14) => any;
+    leftSection?: (props: typeof __VLS_16) => any;
 } & {
-    default?: (props: typeof __VLS_20) => any;
+    default?: (props: typeof __VLS_24) => any;
 } & {
-    description?: (props: typeof __VLS_26) => any;
+    description?: (props: typeof __VLS_32) => any;
 } & {
-    rightSection?: (props: typeof __VLS_28) => any;
+    rightSection?: (props: typeof __VLS_34) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<NavLinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NavLinkProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/nav-link/nav-link.vue.d.ts

@@ -14,15 +14,15 @@ export interface NavLinkProps extends BoxProps, Omit<NuxtLinkProps, 'href' | 'cu
     disabled?: boolean;
     variant?: 'filled' | 'light' | 'subtle';
 }
-declare var __VLS_14: {}, __VLS_20: {}, __VLS_26: {}, __VLS_28: {};
+declare var __VLS_16: {}, __VLS_24: {}, __VLS_32: {}, __VLS_34: {};
 type __VLS_Slots = {} & {
-    leftSection?: (props: typeof __VLS_14) => any;
+    leftSection?: (props: typeof __VLS_16) => any;
 } & {
-    default?: (props: typeof __VLS_20) => any;
+    default?: (props: typeof __VLS_24) => any;
 } & {
-    description?: (props: typeof __VLS_26) => any;
+    description?: (props: typeof __VLS_32) => any;
 } & {
-    rightSection?: (props: typeof __VLS_28) => any;
+    rightSection?: (props: typeof __VLS_34) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<NavLinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NavLinkProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -5,9 +5,9 @@ export interface PaperProps extends BoxProps {
     radius?: NuanceRadius;
     withBorder?: boolean;
 }
-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<PaperProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PaperProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -5,9 +5,9 @@ export interface PaperProps extends BoxProps {
     radius?: NuanceRadius;
     withBorder?: boolean;
 }
-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<PaperProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PaperProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/popover/lib/use-popover.d.ts

@@ -19,5 +19,6 @@ export interface UsePopoverReturn {
     arrowRef: ShallowRef<HTMLElement | null>;
     targetRef: ShallowRef<HTMLElement | null>;
     dropdownRef: ShallowRef<HTMLElement | null>;
+    opened: ModelRef<boolean>;
 }
 export declare function usePopover(options: PopoverOptions): UsePopoverReturn;

package/dist/runtime/components/popover/lib/use-popover.js

@@ -42,6 +42,7 @@ export function usePopover(options) {
     floatingStyles,
     arrowRef,
     targetRef,
-    dropdownRef
+    dropdownRef,
+    opened
   };
 }

package/dist/runtime/components/popover/popover-dropdown.vue

@@ -46,6 +46,8 @@ const style = computed(() => ({
 	border: 1px solid var(--popover-border-color);
 	border-radius: var(--popover-radius);
 
+	color: var(--color-text);
+
 	opacity: 0;
 	box-shadow: var(--popover-shadow);
 

package/dist/runtime/components/popover/popover-target.d.vue.ts

@@ -1,8 +1,12 @@
-declare var __VLS_7: {};
+type __VLS_Props = {
+    /** Disables auto click targeting @default `false` */
+    disable?: boolean;
+};
+declare var __VLS_11: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_7) => any;
+    default?: (props: typeof __VLS_11) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & 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;

package/dist/runtime/components/popover/popover-target.vue

@@ -1,11 +1,19 @@
 <script setup>
 import Renderless from "../renderless/renderless.vue";
 import { usePopoverState } from "./lib/context";
-const { id, store: { targetRef }, disabled } = usePopoverState();
+const { disable = false } = defineProps({
+  disable: { type: Boolean, required: false }
+});
+const { id, store: { targetRef, opened }, disabled } = usePopoverState();
 </script>
 
 <template>
-	<Renderless ref='targetRef' :disabled :popovertarget='id'>
+	<Renderless
+		ref='targetRef'
+		:disabled
+		:popovertarget='id'
+		@click.stop.prevent='!disable && (opened = !opened)'
+	>
 		<slot />
 	</Renderless>
 </template>

package/dist/runtime/components/popover/popover-target.vue.d.ts

@@ -1,8 +1,12 @@
-declare var __VLS_7: {};
+type __VLS_Props = {
+    /** Disables auto click targeting @default `false` */
+    disable?: boolean;
+};
+declare var __VLS_11: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_7) => any;
+    default?: (props: typeof __VLS_11) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & 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;

package/dist/runtime/components/popover/popover.vue

@@ -21,7 +21,7 @@ const {
   placement: { type: null, required: false },
   offset: { type: [Number, Object, Function], required: false },
   keepMounted: { type: Boolean, required: false },
-  width: { type: null, required: false },
+  width: { type: [String, null], required: false },
   withArrow: { type: Boolean, required: false },
   arrowSize: { type: Number, required: false },
   arrowOffset: { type: Number, required: false },

package/dist/runtime/components/progress/progress-label.d.vue.ts

@@ -1,7 +1,7 @@
 import type { BoxProps } from '@nui/components';
-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<BoxProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BoxProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/progress/progress-label.vue.d.ts

@@ -1,7 +1,7 @@
 import type { BoxProps } from '@nui/components';
-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<BoxProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BoxProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;