nuance-ui 0.2.35 → 0.3.0

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

@@ -9,6 +9,7 @@ const {
   ...props
 } = defineProps({
   size: { type: null, required: false },
+  iconSize: { type: [Number, String], required: false },
   gradient: { type: Object, required: false },
   color: { type: null, required: false },
   radius: { type: [String, Number, Object], required: false },
@@ -17,6 +18,10 @@ const {
   disabled: { type: Boolean, required: false },
   mod: { type: [Object, Array, null], required: false },
   variant: { type: String, required: false },
+  active: { type: Boolean, required: false },
+  activeMode: { type: String, required: false },
+  activeVariant: { type: String, required: false },
+  activeColor: { type: null, required: false },
   classes: { type: Object, required: false }
 });
 const close = useDialogState();
@@ -25,15 +30,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/drawer/drawer-close-button.vue

@@ -2,6 +2,7 @@
 import DialogCloseButton from "../dialog/ui/dialog-close-button.vue";
 const props = defineProps({
   size: { type: null, required: false },
+  iconSize: { type: [Number, String], required: false },
   gradient: { type: Object, required: false },
   color: { type: null, required: false },
   radius: { type: [String, Number, Object], required: false },
@@ -10,6 +11,10 @@ const props = defineProps({
   disabled: { type: Boolean, required: false },
   mod: { type: [Object, Array, null], required: false },
   variant: { type: String, required: false },
+  active: { type: Boolean, required: false },
+  activeMode: { type: String, required: false },
+  activeVariant: { type: String, required: false },
+  activeColor: { type: null, required: false },
   classes: { type: Object, required: false }
 });
 </script>

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

@@ -28,6 +28,10 @@ const {
   leftSectionProps: { type: Object, required: false },
   rightSectionProps: { type: Object, required: false },
   variant: { type: String, required: false },
+  active: { type: Boolean, required: false },
+  activeMode: { type: String, required: false },
+  activeVariant: { type: String, required: false },
+  activeColor: { type: null, required: false },
   classes: { type: Object, required: false },
   is: { type: null, required: false },
   mod: { type: [Object, Array, null], required: false },

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

@@ -16,6 +16,7 @@ const {
   reset: { type: null, required: false },
   directory: { type: null, required: false },
   size: { type: null, required: false },
+  iconSize: { type: [Number, String], required: false },
   gradient: { type: Object, required: false },
   color: { type: null, required: false },
   radius: { type: [String, Number, Object], required: false },
@@ -24,6 +25,10 @@ const {
   disabled: { type: Boolean, required: false },
   mod: { type: [Object, Array, null], required: false },
   variant: { type: String, required: false },
+  active: { type: Boolean, required: false },
+  activeMode: { type: String, required: false },
+  activeVariant: { type: String, required: false },
+  activeColor: { type: null, required: false },
   classes: { type: Object, required: false },
   capture: { type: null, required: false },
   initialFiles: { type: null, required: false },