nuance-ui 0.2.35 → 0.2.36

package/dist/module.json

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

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

@@ -0,0 +1,79 @@
+import type { Classes, NuanceRadius } from '@nui/types';
+import type { TitleProps } from './title.vue.js';
+export interface AccordionItem {
+    label?: string;
+    slot?: string;
+    content?: string;
+    disabled?: boolean;
+    /** Iconify icon */
+    icon?: string;
+    /** Iconify icon */
+    trailingIcon?: string;
+    /**
+   * A unique value for the accordion item. Defaults to the index.
+   * Also used as the Vue `key` for this item, so providing a stable value prevents
+   * accordion content (and its local state) from remounting when items are added, removed,
+   * or reordered.
+   */
+    value?: string;
+}
+type AccordionVariant = 'default' | 'contained' | 'filled' | 'separated';
+export interface AccordionProps<Multiple extends boolean = false> {
+    /** If set, multiple items can be opened at the same time @default false */
+    multiple?: Multiple;
+    /** If set, arrow keys loop through items (first to last and last to first) @default true */
+    loop?: boolean;
+    /** @default 'default' */
+    variant?: AccordionVariant;
+    /** Transition duration in ms @default 200 */
+    transitionDuration?: number;
+    /** If set, chevron rotation is disabled @default false */
+    disableChevronRotation?: boolean;
+    /** Position of the chevron relative to the item label @default right */
+    chevronPosition?: 'left' | 'right';
+    /** Size of the chevron icon container @default auto */
+    chevronSize?: number | string;
+    /**
+     * Size of the default chevron icon. Ignored when `chevron` prop is set.
+     * Use `chevronSize` instead when using custom chevron.
+     * @default 16
+     */
+    chevronIconSize?: number | string;
+    /**
+     * Sets heading level (h2-h6) for `Accordion.Control` elements.
+     * Wraps each control in the corresponding heading tag, recommended to meet WAI-ARIA accessibility requirements.
+     * Has no visual effect.
+     */
+    order?: TitleProps['order'];
+    /** Custom chevron icon */
+    chevron?: string;
+    /**
+     * Key of `theme.radius` or any valid CSS value to set border-radius.
+     * Numbers are converted to rem.
+     *  @default theme.defaultRadius */
+    radius?: NuanceRadius;
+    /**
+     *  If set to `false`, panels are unmounted when collapsed.
+     * By default, panels stay mounted when collapsed. @default true
+     */
+    keepMounted?: boolean;
+    classes?: Classes<'root' | 'content' | 'item' | 'panel' | 'icon' | 'chevron' | 'label' | 'itemTitle' | 'control'>;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+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<AccordionProps<Multiple>> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {};
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+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/accordion.vue

@@ -0,0 +1,44 @@
+<script>
+
+</script>
+
+<script setup>
+import { getRadius, getSize, useVarsResolver } from "#imports";
+import Box from "./box.vue";
+const {
+  transitionDuration,
+  chevronSize,
+  radius
+} = defineProps({
+  multiple: { type: null, required: false },
+  loop: { type: Boolean, required: false },
+  variant: { type: String, required: false },
+  transitionDuration: { type: Number, required: false },
+  disableChevronRotation: { type: Boolean, required: false },
+  chevronPosition: { type: String, required: false },
+  chevronSize: { type: [Number, String], required: false },
+  chevronIconSize: { type: [Number, String], required: false },
+  order: { type: String, required: false },
+  chevron: { type: String, required: false },
+  radius: { type: [String, Number], required: false },
+  keepMounted: { type: Boolean, required: false },
+  classes: { type: Object, required: false }
+});
+const style = useVarsResolver(() => ({
+  root: {
+    "--accordion-transition-duration": transitionDuration === void 0 ? void 0 : `${transitionDuration}ms`,
+    "--accordion-chevron-size": chevronSize === void 0 ? void 0 : getSize(chevronSize),
+    "--accordion-radius": radius === void 0 ? void 0 : getRadius(radius)
+  }
+}));
+</script>
+
+<template>
+	<Box :style='style.root'>
+		accordion
+	</Box>
+</template>
+
+<style module>
+.root{--accordion-radius:var(--radius-default)}.panel{overflow-wrap:break-word}.content{padding:var(--spacing-md);padding-top:calc(var(--spacing-xs)/2)}.itemTitle{margin:0;padding:0;width:100%}.control{align-items:center;background-color:transparent;color:var(--color-bright);cursor:pointer;display:flex;flex-direction:row-reverse;opacity:1;padding-inline:var(--spacing-md);width:100%}.control:where([data-chevron-position=left]){flex-direction:row;padding-inline-start:0}.control:where(:disabled,[data-disabled]){cursor:not-allowed;opacity:.4}.control--contained:where(:not(:disabled,[data-disabled])),.control--default:where(:not(:disabled,[data-disabled])){@mixin hover{@mixin where-light{background-color:var(--color-gray-0)}@mixin where-dark{background-color:var(--color-dark-6)}}}.label{color:inherit;flex:1;font-weight:var(--font-weight-regular);overflow:hidden;padding-bottom:var(--spacing-sm);padding-top:var(--spacing-sm);text-overflow:ellipsis}.chevron{align-items:center;display:flex;justify-content:flex-start;min-width:var(--accordion-chevron-size,rem(15px));transform:rotate(0deg);transition:transform var(--accordion-transition-duration,.2s) ease;width:var(--accordion-chevron-size,rem(15px))}.chevron:where([data-rotate]){transform:rotate(180deg)}.chevron:where([data-position=left]){margin-inline-end:var(--spacing-md);margin-inline-start:var(--spacing-md)}.icon{align-items:center;display:flex;justify-content:center;margin-inline-end:var(--spacing-sm)}.icon:where([data-chevron-position=left]){margin-inline-end:0;margin-inline-start:var(--spacing-lg)}.item{@mixin where-light{--item-border-color:var(--color-gray-3);--item-filled-color:var(--color-gray-0)}@mixin where-dark{--item-border-color:var(--color-dark-4);--item-filled-color:var(--color-dark-6)}}.item--default{border-bottom:1px solid var(--item-border-color)}.item--contained{border:1px solid var(--item-border-color);transition:background-color .15s ease}.item--contained:where([data-active]){background-color:var(--item-filled-color)}.item--contained:first-of-type,.item--contained:first-of-type>[data-accordion-control]{border-start-end-radius:var(--accordion-radius);border-start-start-radius:var(--accordion-radius)}.item--contained:last-of-type,.item--contained:last-of-type>[data-accordion-control]{border-end-end-radius:var(--accordion-radius);border-end-start-radius:var(--accordion-radius)}.item--contained+.item--contained{border-top:0}.item--filled{border-radius:var(--accordion-radius)}.item--filled:where([data-active]){background-color:var(--item-filled-color)}.item--separated{background-color:var(--item-filled-color);border:1px solid transparent;border-radius:var(--accordion-radius);transition:background-color .15s ease}.item--separated[data-active]{border-color:var(--item-border-color);@mixin where-light{background-color:var(--color-white)}@mixin where-dark{background-color:var(--color-dark-7)}}.item--separated+.item--separated{margin-top:var(--spacing-md)}
+</style>

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

@@ -0,0 +1,79 @@
+import type { Classes, NuanceRadius } from '@nui/types';
+import type { TitleProps } from './title.vue.js';
+export interface AccordionItem {
+    label?: string;
+    slot?: string;
+    content?: string;
+    disabled?: boolean;
+    /** Iconify icon */
+    icon?: string;
+    /** Iconify icon */
+    trailingIcon?: string;
+    /**
+   * A unique value for the accordion item. Defaults to the index.
+   * Also used as the Vue `key` for this item, so providing a stable value prevents
+   * accordion content (and its local state) from remounting when items are added, removed,
+   * or reordered.
+   */
+    value?: string;
+}
+type AccordionVariant = 'default' | 'contained' | 'filled' | 'separated';
+export interface AccordionProps<Multiple extends boolean = false> {
+    /** If set, multiple items can be opened at the same time @default false */
+    multiple?: Multiple;
+    /** If set, arrow keys loop through items (first to last and last to first) @default true */
+    loop?: boolean;
+    /** @default 'default' */
+    variant?: AccordionVariant;
+    /** Transition duration in ms @default 200 */
+    transitionDuration?: number;
+    /** If set, chevron rotation is disabled @default false */
+    disableChevronRotation?: boolean;
+    /** Position of the chevron relative to the item label @default right */
+    chevronPosition?: 'left' | 'right';
+    /** Size of the chevron icon container @default auto */
+    chevronSize?: number | string;
+    /**
+     * Size of the default chevron icon. Ignored when `chevron` prop is set.
+     * Use `chevronSize` instead when using custom chevron.
+     * @default 16
+     */
+    chevronIconSize?: number | string;
+    /**
+     * Sets heading level (h2-h6) for `Accordion.Control` elements.
+     * Wraps each control in the corresponding heading tag, recommended to meet WAI-ARIA accessibility requirements.
+     * Has no visual effect.
+     */
+    order?: TitleProps['order'];
+    /** Custom chevron icon */
+    chevron?: string;
+    /**
+     * Key of `theme.radius` or any valid CSS value to set border-radius.
+     * Numbers are converted to rem.
+     *  @default theme.defaultRadius */
+    radius?: NuanceRadius;
+    /**
+     *  If set to `false`, panels are unmounted when collapsed.
+     * By default, panels stay mounted when collapsed. @default true
+     */
+    keepMounted?: boolean;
+    classes?: Classes<'root' | 'content' | 'item' | 'panel' | 'icon' | 'chevron' | 'label' | 'itemTitle' | 'control'>;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+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<AccordionProps<Multiple>> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {};
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+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/collapsible/collapsible-content.d.vue.ts

@@ -0,0 +1,18 @@
+import type { BoxProps } from '../box.vue.js';
+export interface CollapsibleContentProps extends BoxProps {
+    /**
+     * Used to force mounting when more control is needed. Useful when
+     * controlling animation with Vue animation libraries.
+     */
+    forceMount?: boolean;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<CollapsibleContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CollapsibleContentProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/collapsible/collapsible-content.vue

@@ -0,0 +1,76 @@
+<script>
+
+</script>
+
+<script setup>
+import { unrefElement, useEventListener } from "@vueuse/core";
+import { computed, onMounted, ref, shallowRef, useTemplateRef, watch } from "vue";
+import Box from "../box.vue";
+import { useCollapsibleState } from "./collapsible-root.vue";
+const props = defineProps({
+  forceMount: { type: Boolean, required: false },
+  is: { type: null, required: false },
+  mod: { type: [Object, Array, null], required: false }
+});
+const ctx = useCollapsibleState();
+const el = useTemplateRef("el");
+const width = ref(0);
+const height = ref(0);
+const isMountAnimationPrevented = ref(ctx.open.value);
+const savedStyle = shallowRef();
+watch(() => ctx.open.value, () => {
+  const node = unrefElement(el);
+  if (!node)
+    return;
+  if (!savedStyle.value) {
+    savedStyle.value = {
+      transitionDuration: node.style.transitionDuration,
+      animationName: node.style.animationName
+    };
+  }
+  node.style.transitionDuration = "0s";
+  node.style.animationName = "none";
+  height.value = node.scrollHeight;
+  width.value = node.scrollWidth;
+  if (!isMountAnimationPrevented.value) {
+    requestAnimationFrame(() => {
+      node.style.transitionDuration = savedStyle.value.transitionDuration;
+      node.style.animationName = savedStyle.value.animationName;
+    });
+  }
+}, { immediate: true, flush: "post" });
+onMounted(() => {
+  requestAnimationFrame(() => {
+    isMountAnimationPrevented.value = false;
+  });
+});
+const isPresent = computed(() => props.forceMount || ctx.open.value);
+const dataState = computed(() => {
+  if (isMountAnimationPrevented.value)
+    return void 0;
+  return ctx.open.value ? "open" : "closed";
+});
+useEventListener(el, "beforematch", () => {
+  requestAnimationFrame(() => ctx.onOpenToggle());
+});
+</script>
+
+<template>
+	<Box
+		v-if='ctx.unmountOnHide.value ? isPresent : true'
+		v-bind='$attrs'
+		:id='ctx.contentId'
+		ref='el'
+		:hidden='isPresent ? void 0 : ctx.unmountOnHide.value ? void 0 : "until-found"'
+		:mod='[{
+  disabled: ctx.disabled,
+  state: dataState
+}, mod]'
+		:style='{
+  "--collapsible-content-height": `${height}px`,
+  "--collapsible-content-width": `${width}px`
+}'
+	>
+		<slot />
+	</Box>
+</template>

package/dist/runtime/components/collapsible/collapsible-content.vue.d.ts

@@ -0,0 +1,18 @@
+import type { BoxProps } from '../box.vue.js';
+export interface CollapsibleContentProps extends BoxProps {
+    /**
+     * Used to force mounting when more control is needed. Useful when
+     * controlling animation with Vue animation libraries.
+     */
+    forceMount?: boolean;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<CollapsibleContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CollapsibleContentProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,42 @@
+import type { Ref } from 'vue';
+import type { BoxProps } from '../box.vue.js';
+export interface CollapsibleRootProps extends BoxProps {
+    /**
+     * The open state of the collapsible when it is initially rendered.
+     * Use when you do not need to control its open state.
+     */
+    defaultOpen?: boolean;
+    /** When `true`, prevents the user from interacting with the collapsible. */
+    disabled?: boolean;
+    /** When `true`, the element will be unmounted on closed state. */
+    unmountOnHide?: boolean;
+}
+interface CollapsibleRootContext {
+    contentId: string;
+    disabled?: Ref<boolean>;
+    open: Ref<boolean>;
+    unmountOnHide: Ref<boolean>;
+    onOpenToggle: () => void;
+}
+export declare const useCollapsibleState: () => CollapsibleRootContext;
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<CollapsibleRootProps & {
+    open?: boolean;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<CollapsibleRootProps & {
+    open?: boolean;
+}> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {
+        /** Current open state */
+        open: boolean;
+    }) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,41 @@
+<script>
+import { toRefs } from "vue";
+import { createStrictInjection } from "#imports";
+import Box from "../box.vue";
+const injectionKey = /* @__PURE__ */ Symbol("collapsible-ctx");
+const [useProvide, useInject] = createStrictInjection((state) => state, {
+  name: "CollapsibleRoot",
+  injectionKey
+});
+export const useCollapsibleState = useInject;
+</script>
+
+<script setup>
+const props = defineProps({
+  defaultOpen: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false },
+  unmountOnHide: { type: Boolean, required: false },
+  is: { type: null, required: false },
+  mod: { type: [Object, Array, null], required: false }
+});
+defineSlots();
+const open = defineModel("open", { type: Boolean, ...{ default: false } });
+const { disabled, unmountOnHide } = toRefs(props);
+useProvide({
+  contentId: "",
+  disabled,
+  open,
+  unmountOnHide,
+  onOpenToggle: () => {
+    if (disabled.value)
+      return;
+    open.value = !open.value;
+  }
+});
+</script>
+
+<template>
+	<Box :mod='[{ disabled, open: open ? "open" : "closed" }, mod]'>
+		<slot :open='open' />
+	</Box>
+</template>

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

@@ -0,0 +1,42 @@
+import type { Ref } from 'vue';
+import type { BoxProps } from '../box.vue.js';
+export interface CollapsibleRootProps extends BoxProps {
+    /**
+     * The open state of the collapsible when it is initially rendered.
+     * Use when you do not need to control its open state.
+     */
+    defaultOpen?: boolean;
+    /** When `true`, prevents the user from interacting with the collapsible. */
+    disabled?: boolean;
+    /** When `true`, the element will be unmounted on closed state. */
+    unmountOnHide?: boolean;
+}
+interface CollapsibleRootContext {
+    contentId: string;
+    disabled?: Ref<boolean>;
+    open: Ref<boolean>;
+    unmountOnHide: Ref<boolean>;
+    onOpenToggle: () => void;
+}
+export declare const useCollapsibleState: () => CollapsibleRootContext;
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<CollapsibleRootProps & {
+    open?: boolean;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<CollapsibleRootProps & {
+    open?: boolean;
+}> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {
+        /** Current open state */
+        open: boolean;
+    }) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/collapsible/collapsible-trigger.d.vue.ts

@@ -0,0 +1,13 @@
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_10) => 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_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/components/collapsible/collapsible-trigger.vue

@@ -0,0 +1,20 @@
+<script setup>
+import Renderless from "../renderless/renderless.vue";
+import { useCollapsibleState } from "./collapsible-root.vue";
+const ctx = useCollapsibleState();
+</script>
+
+<template>
+	<Renderless
+		:mod='{
+  disabled: ctx.disabled?.value,
+  state: ctx.open.value ? "open" : "closed"
+}'
+		:aria-controls='ctx.contentId'
+		:aria-expanded='ctx.open.value'
+		:disabled='ctx.disabled?.value'
+		@click='ctx.onOpenToggle()'
+	>
+		<slot />
+	</Renderless>
+</template>

package/dist/runtime/components/collapsible/collapsible-trigger.vue.d.ts

@@ -0,0 +1,13 @@
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_10) => 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_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/components/collapsible/index.d.ts

@@ -0,0 +1,3 @@
+export type * from './collapsible-content.vue';
+export { type CollapsibleRootProps, useCollapsibleState } from './collapsible-root.vue.js';
+export type * from './collapsible-trigger.vue';

package/dist/runtime/components/collapsible/index.js

@@ -0,0 +1 @@
+export { useCollapsibleState } from "./collapsible-root.vue";

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

@@ -1,7 +1,7 @@
 import type { ActionIconProps } from '../../action-icon/index.js';
-declare var __VLS_16: {};
+declare var __VLS_10: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_16) => any;
+    default?: (props: typeof __VLS_10) => 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/dialog/ui/dialog-close-button.vue

@@ -25,15 +25,13 @@ const resolvedIcon = computed(() => icon ?? icons.close);
 </script>
 
 <template>
-	<ClientOnly>
-		<ActionIcon
-			:icon='resolvedIcon'
-			:variant
-			tabindex='0'
-			v-bind='props'
-			@click='close'
-		>
-			<slot />
-		</ActionIcon>
-	</ClientOnly>
+	<ActionIcon
+		:icon='resolvedIcon'
+		:variant
+		tabindex='0'
+		v-bind='props'
+		@click='close'
+	>
+		<slot />
+	</ActionIcon>
 </template>

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

@@ -1,7 +1,7 @@
 import type { ActionIconProps } from '../../action-icon/index.js';
-declare var __VLS_16: {};
+declare var __VLS_10: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_16) => any;
+    default?: (props: typeof __VLS_10) => 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/dialog/ui/dialog-footer.d.vue.ts

@@ -1,9 +1,9 @@
 import type { BoxProps } from '../../box.vue.js';
 export interface DialogFooterProps extends BoxProps {
 }
-declare var __VLS_14: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_14) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<DialogFooterProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DialogFooterProps> & 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-footer.vue

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

package/dist/runtime/components/dialog/ui/dialog-footer.vue.d.ts

@@ -1,9 +1,9 @@
 import type { BoxProps } from '../../box.vue.js';
 export interface DialogFooterProps extends BoxProps {
 }
-declare var __VLS_14: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_14) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<DialogFooterProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DialogFooterProps> & 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-header.d.vue.ts

@@ -1,9 +1,9 @@
 import type { BoxProps } from '../../box.vue.js';
 export interface DialogHeaderProps extends BoxProps {
 }
-declare var __VLS_14: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_14) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<DialogHeaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DialogHeaderProps> & 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-header.vue

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

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

@@ -1,9 +1,9 @@
 import type { BoxProps } from '../../box.vue.js';
 export interface DialogHeaderProps extends BoxProps {
 }
-declare var __VLS_14: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_14) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<DialogHeaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DialogHeaderProps> & 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-root.d.vue.ts

@@ -36,9 +36,9 @@ type __VLS_ModelProps = {
     'open'?: DialogModel['open'];
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_38: {};
+declare var __VLS_31: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_38) => 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/ui/dialog-root.vue

@@ -71,29 +71,27 @@ const style = computed(() => ({
 </script>
 
 <template>
-	<ClientOnly>
-		<Teleport :disabled='!withinPortal' :to='portalTarget'>
-			<Box
-				is='dialog'
-				ref='dialogRef'
-				:class='[css.root, classes?.root]'
-				:mod='[{ "without-overlay": withoutOverlay }, mod]'
-				:style
-				@click='overlayClick'
-				@close='$emit("close")'
-				@cancel.prevent='opened = false'
-			>
-				<NTransition :name='transition'>
-					<Box
-						is='section'
-						v-if='opened'
-						:class='[css.content, classes?.content]'
-						v-bind='$attrs'
-					>
-						<slot />
-					</Box>
-				</NTransition>
-			</Box>
-		</Teleport>
-	</ClientOnly>
+	<Teleport :disabled='!withinPortal' :to='portalTarget'>
+		<Box
+			is='dialog'
+			ref='dialogRef'
+			:class='[css.root, classes?.root]'
+			:mod='[{ "without-overlay": withoutOverlay }, mod]'
+			:style
+			@click='overlayClick'
+			@close='$emit("close")'
+			@cancel.prevent='opened = false'
+		>
+			<NTransition :name='transition'>
+				<Box
+					is='section'
+					v-if='opened'
+					:class='[css.content, classes?.content]'
+					v-bind='$attrs'
+				>
+					<slot />
+				</Box>
+			</NTransition>
+		</Box>
+	</Teleport>
 </template>

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

@@ -36,9 +36,9 @@ type __VLS_ModelProps = {
     'open'?: DialogModel['open'];
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_38: {};
+declare var __VLS_31: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_38) => 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/ui/dialog-section.d.vue.ts

@@ -2,9 +2,9 @@ import type { BoxProps } from '../../box.vue.js';
 export interface DialogSectionProps extends BoxProps {
     bordered?: boolean;
 }
-declare var __VLS_14: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_14) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<DialogSectionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DialogSectionProps> & 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-section.vue

@@ -9,9 +9,7 @@ const { is = "section", bordered, mod } = defineProps({
 </script>
 
 <template>
-	<ClientOnly>
-		<Box :is :mod='[{ bordered }, mod]' :class='css.section'>
-			<slot />
-		</Box>
-	</ClientOnly>
+	<Box :is :mod='[{ bordered }, mod]' :class='css.section'>
+		<slot />
+	</Box>
 </template>

package/dist/runtime/components/dialog/ui/dialog-section.vue.d.ts

@@ -2,9 +2,9 @@ import type { BoxProps } from '../../box.vue.js';
 export interface DialogSectionProps extends BoxProps {
     bordered?: boolean;
 }
-declare var __VLS_14: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_14) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<DialogSectionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DialogSectionProps> & 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-title.d.vue.ts

@@ -1,9 +1,9 @@
 import type { TitleProps } from '../../title.vue.js';
 export interface DialogTitleProps extends TitleProps {
 }
-declare var __VLS_14: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_14) => 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-title.vue

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

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

@@ -1,9 +1,9 @@
 import type { TitleProps } from '../../title.vue.js';
 export interface DialogTitleProps extends TitleProps {
 }
-declare var __VLS_14: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_14) => 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/index.d.ts

@@ -1,3 +1,4 @@
+export type * from './accordion.vue';
 export * from './action-icon/index.js';
 export * from './app-shell/index.js';
 export * from './avatar/index.js';
@@ -10,6 +11,7 @@ export * from './calendar/index.js';
 export * from './card/index.js';
 export * from './checkbox/index.js';
 export * from './chip/index.js';
+export * from './collapsible/index.js';
 export * from './combobox/index.js';
 export type * from './container.vue';
 export type * from './date-time-picker.vue';

package/dist/runtime/components/index.js

@@ -6,6 +6,7 @@ export * from "./calendar/index.js";
 export * from "./card/index.js";
 export * from "./checkbox/index.js";
 export * from "./chip/index.js";
+export * from "./collapsible/index.js";
 export * from "./combobox/index.js";
 export * from "./dialog/index.js";
 export * from "./drawer/index.js";

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

@@ -1,5 +1,5 @@
 import type { NuxtLinkProps } from '#app';
 export declare function pickLinkProps<T extends NuxtLinkProps>(props: T): {
-    link: Pick<T, "replace" | "to" | "target" | "external" | "rel" | "noRel" | "prefetch" | "noPrefetch" | "prefetchOn" | "trailingSlash" | "activeClass" | "ariaCurrentValue" | "exactActiveClass" | "prefetchedClass" | "viewTransition">;
-    rest: Omit<T, "replace" | "to" | "target" | "external" | "rel" | "noRel" | "prefetch" | "noPrefetch" | "prefetchOn" | "trailingSlash" | "activeClass" | "ariaCurrentValue" | "exactActiveClass" | "prefetchedClass" | "viewTransition">;
+    link: Pick<T, "replace" | "target" | "to" | "external" | "rel" | "noRel" | "prefetch" | "noPrefetch" | "prefetchOn" | "trailingSlash" | "activeClass" | "ariaCurrentValue" | "exactActiveClass" | "prefetchedClass" | "viewTransition">;
+    rest: Omit<T, "replace" | "target" | "to" | "external" | "rel" | "noRel" | "prefetch" | "noPrefetch" | "prefetchOn" | "trailingSlash" | "activeClass" | "ariaCurrentValue" | "exactActiveClass" | "prefetchedClass" | "viewTransition">;
 };

package/dist/runtime/components/scroll-area.vue

@@ -1,6 +1,7 @@
 <script setup>
+import { useVarsResolver } from "@nui/composables";
+import { getSize } from "@nui/utils";
 import { useResizeObserver } from "@vueuse/core";
-import { getSize, useVarsResolver } from "#imports";
 import { computed, onBeforeUnmount, onMounted, ref, useTemplateRef } from "vue";
 import Box from "./box.vue";
 const {

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

@@ -40,8 +40,8 @@ declare const __VLS_export: <Value extends string = string, Ext extends Combobox
         onSubmit?: ((args_0: string, args_1: import("./combobox/index.js").ComboboxItem<string, object>) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string | string[] | null) => any) | undefined;
         onOpen?: ((args_0: import("./combobox/index.js").ComboboxDropdownEventSource) => any) | undefined;
-        "onUpdate:search"?: ((value: string) => any) | undefined;
         "onUpdate:open"?: ((value: boolean) => any) | undefined;
+        "onUpdate:search"?: ((value: string) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
@@ -63,7 +63,7 @@ declare const __VLS_export: <Value extends string = string, Ext extends Combobox
     } & {
         rightSection?: (props: {}) => any;
     };
-    emit: (((evt: "select", args_0: number) => void) & ((evt: "clear") => void) & ((evt: "close", args_0: import("./combobox/index.js").ComboboxDropdownEventSource) => void) & ((evt: "submit", args_0: string, args_1: import("./combobox/index.js").ComboboxItem<string, object>) => void) & ((evt: "open", args_0: import("./combobox/index.js").ComboboxDropdownEventSource) => void)) & (((event: "update:modelValue", value: string | string[] | null) => void) & ((event: "update:search", value: string) => void) & ((event: "update:open", value: boolean) => void));
+    emit: (((evt: "select", args_0: number) => void) & ((evt: "clear") => void) & ((evt: "close", args_0: import("./combobox/index.js").ComboboxDropdownEventSource) => void) & ((evt: "submit", args_0: string, args_1: import("./combobox/index.js").ComboboxItem<string, object>) => void) & ((evt: "open", args_0: import("./combobox/index.js").ComboboxDropdownEventSource) => void)) & (((event: "update:modelValue", value: string | string[] | null) => void) & ((event: "update:open", value: boolean) => void) & ((event: "update:search", value: string) => void));
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -40,8 +40,8 @@ declare const __VLS_export: <Value extends string = string, Ext extends Combobox
         onSubmit?: ((args_0: string, args_1: import("./combobox/index.js").ComboboxItem<string, object>) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string | string[] | null) => any) | undefined;
         onOpen?: ((args_0: import("./combobox/index.js").ComboboxDropdownEventSource) => any) | undefined;
-        "onUpdate:search"?: ((value: string) => any) | undefined;
         "onUpdate:open"?: ((value: boolean) => any) | undefined;
+        "onUpdate:search"?: ((value: string) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
@@ -63,7 +63,7 @@ declare const __VLS_export: <Value extends string = string, Ext extends Combobox
     } & {
         rightSection?: (props: {}) => any;
     };
-    emit: (((evt: "select", args_0: number) => void) & ((evt: "clear") => void) & ((evt: "close", args_0: import("./combobox/index.js").ComboboxDropdownEventSource) => void) & ((evt: "submit", args_0: string, args_1: import("./combobox/index.js").ComboboxItem<string, object>) => void) & ((evt: "open", args_0: import("./combobox/index.js").ComboboxDropdownEventSource) => void)) & (((event: "update:modelValue", value: string | string[] | null) => void) & ((event: "update:search", value: string) => void) & ((event: "update:open", value: boolean) => void));
+    emit: (((evt: "select", args_0: number) => void) & ((evt: "clear") => void) & ((evt: "close", args_0: import("./combobox/index.js").ComboboxDropdownEventSource) => void) & ((evt: "submit", args_0: string, args_1: import("./combobox/index.js").ComboboxItem<string, object>) => void) & ((evt: "open", args_0: import("./combobox/index.js").ComboboxDropdownEventSource) => void)) & (((event: "update:modelValue", value: string | string[] | null) => void) & ((event: "update:open", value: boolean) => void) & ((event: "update:search", value: string) => void));
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/runtime/components/table/ui/table.vue

@@ -1,4 +1,5 @@
 <script setup>
+import { useVarsResolver } from "@nui/composables";
 import { getThemeColor } from "@nui/utils";
 import {
   FlexRender,
@@ -9,7 +10,6 @@ import {
   useVueTable
 } from "@tanstack/vue-table";
 import { reactivePick, unrefElement } from "@vueuse/core";
-import { useVarsResolver } from "#imports";
 import { computed, ref, useTemplateRef, watch } from "vue";
 import Box from "../../box.vue";
 import { createRowHandlers, processColumns, resolveValue, valueUpdater } from "../lib";

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

@@ -62,8 +62,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
 }>, {
-    variant: TabsVariant;
     orientation: "vertical" | "horizontal";
+    variant: TabsVariant;
     placement: "left" | "right";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -62,8 +62,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
 }>, {
-    variant: TabsVariant;
     orientation: "vertical" | "horizontal";
+    variant: TabsVariant;
     placement: "left" | "right";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -15,6 +15,16 @@ export interface TransitionProps {
      * @default `0`
      */
     delay?: number;
+    /**
+   * Controls the timing sequence of leaving/entering transitions.
+   * Default behavior is simultaneous.
+   */
+    mode?: 'in-out' | 'out-in' | 'default';
+    /**
+   * Whether to apply transition on initial render.
+   * Default: false
+   */
+    appear?: boolean;
 }
 declare var __VLS_9: {};
 type __VLS_Slots = {} & {

package/dist/runtime/components/transition.vue

@@ -3,11 +3,15 @@ import { computed } from "vue";
 const {
   name = "pop-bottom-left",
   duration = 250,
-  delay
+  delay,
+  appear,
+  mode
 } = defineProps({
   name: { type: String, required: false },
   duration: { type: Number, required: false },
-  delay: { type: Number, required: false }
+  delay: { type: Number, required: false },
+  mode: { type: String, required: false },
+  appear: { type: Boolean, required: false }
 });
 const emit = defineEmits(["afterLeave"]);
 const style = computed(() => ({
@@ -17,7 +21,14 @@ const style = computed(() => ({
 </script>
 
 <template>
-	<Transition :class='$style.root' :style :name @after-leave='() => emit("afterLeave")'>
+	<Transition
+		:class='$style.root'
+		:style
+		:name
+		:mode
+		:appear
+		@after-leave='() => emit("afterLeave")'
+	>
 		<slot />
 	</Transition>
 </template>

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

@@ -15,6 +15,16 @@ export interface TransitionProps {
      * @default `0`
      */
     delay?: number;
+    /**
+   * Controls the timing sequence of leaving/entering transitions.
+   * Default behavior is simultaneous.
+   */
+    mode?: 'in-out' | 'out-in' | 'default';
+    /**
+   * Whether to apply transition on initial render.
+   * Default: false
+   */
+    appear?: boolean;
 }
 declare var __VLS_9: {};
 type __VLS_Slots = {} & {

package/dist/runtime/modals/modals-provider.vue

@@ -3,14 +3,12 @@ import { $modals } from "./modal-manager";
 </script>
 
 <template>
-	<ClientOnly>
-		<div id='nui-modals-root'>
-			<component
-				:is='entry.component'
-				v-for='[id, entry] in $modals.modals'
-				:key='id'
-				v-bind='entry.props'
-			/>
-		</div>
-	</ClientOnly>
+	<div id='nui-modals-root'>
+		<component
+			:is='entry.component'
+			v-for='[id, entry] in $modals.modals'
+			:key='id'
+			v-bind='entry.props'
+		/>
+	</div>
 </template>

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "nuance-ui",
-	"version": "0.2.35",
+	"version": "0.2.36",
 	"description": "A modern Nuxt UI library inspired by the best of the React ecosystem.",
 	"repository": {
 		"type": "git",
@@ -77,11 +77,11 @@
 		}
 	},
 	"devDependencies": {
-		"@antfu/eslint-config": "^8.2.0",
-		"@nuxt/icon": "^2.2.1",
+		"@antfu/eslint-config": "^9.1.0",
 		"@nuxt/devtools": "^3.1.1",
 		"@nuxt/eslint": "1.10.0",
 		"@nuxt/eslint-config": "^1.13.0",
+		"@nuxt/icon": "^2.2.1",
 		"@nuxt/image": "^2.0.0",
 		"@nuxt/module-builder": "^1.0.2",
 		"@nuxt/schema": "^4.4.2",