@eslamdevui/ui 4.0.0 → 4.1.1-rc.1

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

@@ -52,19 +52,18 @@ export type TimelineSlots<T extends TimelineItem = TimelineItem> = {
 } & DynamicSlots<T, 'indicator' | 'date' | 'title' | 'description', {
     item: T;
 }>;
-declare const _default: <T extends TimelineItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
-        readonly "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue"> & (TimelineProps<T> & {
+declare const __VLS_export: <T extends TimelineItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<(TimelineProps<T> & {
         modelValue?: string | number;
-    }) & {}> & import("vue").PublicProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    }) & __VLS_EmitsToProps<__VLS_NormalizeEmits<(evt: "update:modelValue", value: string | number | undefined) => void>>> & import("vue").PublicProps;
+    expose: (exposed: {}) => void;
     attrs: any;
     slots: TimelineSlots<T>;
     emit: (evt: "update:modelValue", value: string | number | undefined) => void;
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_PrettifyLocal<T> = {
     [K in keyof T as K]: T[K];

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

@@ -58,17 +58,17 @@ export interface ToastProps extends Pick<ToastRootProps, 'defaultOpen' | 'open'
 export interface ToastEmits extends ToastRootEmits {
 }
 export interface ToastSlots {
-    leading(props?: {}): any;
+    leading(props: {
+        ui: Toast['ui'];
+    }): any;
     title(props?: {}): any;
     description(props?: {}): any;
     actions(props?: {}): any;
     close(props: {
-        ui: {
-            [K in keyof Required<Toast['slots']>]: (props?: Record<string, any>) => string;
-        };
+        ui: Toast['ui'];
     }): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ToastProps, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ToastProps, {
     height: import("vue").Ref<number, number>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     pause: () => any;
@@ -157,6 +157,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ToastProps
     progress: boolean | Pick<ProgressProps, "color" | "ui">;
     orientation: Toast["variants"]["orientation"];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ToastSlots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/components/Toast.vue

@@ -66,7 +66,7 @@ defineExpose({
     :class="ui.root({ class: [props.ui?.root, props.class] })"
     :style="{ '--height': height }"
   >
-    <slot name="leading">
+    <slot name="leading" :ui="ui">
       <UAvatar v-if="avatar" :size="props.ui?.avatarSize || ui.avatarSize()" v-bind="avatar" :class="ui.avatar({ class: props.ui?.avatar })" />
       <UIcon v-else-if="icon" :name="icon" :class="ui.icon({ class: props.ui?.icon })" />
     </slot>

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

@@ -58,17 +58,17 @@ export interface ToastProps extends Pick<ToastRootProps, 'defaultOpen' | 'open'
 export interface ToastEmits extends ToastRootEmits {
 }
 export interface ToastSlots {
-    leading(props?: {}): any;
+    leading(props: {
+        ui: Toast['ui'];
+    }): any;
     title(props?: {}): any;
     description(props?: {}): any;
     actions(props?: {}): any;
     close(props: {
-        ui: {
-            [K in keyof Required<Toast['slots']>]: (props?: Record<string, any>) => string;
-        };
+        ui: Toast['ui'];
     }): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ToastProps, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ToastProps, {
     height: import("vue").Ref<number, number>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     pause: () => any;
@@ -157,6 +157,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ToastProps
     progress: boolean | Pick<ProgressProps, "color" | "ui">;
     orientation: Toast["variants"]["orientation"];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ToastSlots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -24,18 +24,25 @@ export interface ToasterProps extends Omit<ToastProviderProps, 'swipeDirection'>
      * @defaultValue true
      */
     portal?: boolean | string | HTMLElement;
+    /**
+     * Maximum number of toasts to display at once.
+     * @defaultValue 5
+     */
+    max?: number;
     class?: any;
     ui?: Toaster['slots'];
 }
 export interface ToasterSlots {
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ToasterProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ToasterProps> & Readonly<{}>, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ToasterProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ToasterProps> & Readonly<{}>, {
     progress: boolean;
     expand: boolean;
     duration: number;
+    max: number;
     portal: boolean | string | HTMLElement;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ToasterSlots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/components/Toaster.vue

@@ -6,11 +6,11 @@ export default {
 </script>
 
 <script setup>
-import { ref, computed, toRef } from "vue";
+import { ref, computed, toRef, provide } from "vue";
 import { ToastProvider, ToastViewport, ToastPortal, useForwardProps } from "reka-ui";
 import { reactivePick } from "@vueuse/core";
 import { useAppConfig } from "#imports";
-import { useToast } from "../composables/useToast";
+import { useToast, toastMaxInjectionKey } from "../composables/useToast";
 import { usePortal } from "../composables/usePortal";
 import { omit } from "../utils";
 import { tv } from "../utils/tv";
@@ -20,16 +20,19 @@ const props = defineProps({
   expand: { type: Boolean, required: false, default: true },
   progress: { type: Boolean, required: false, default: true },
   portal: { type: [Boolean, String], required: false, skipCheck: true, default: true },
+  max: { type: Number, required: false, default: 5 },
   class: { type: null, required: false },
   ui: { type: null, required: false },
   label: { type: String, required: false },
   duration: { type: Number, required: false, default: 5e3 },
+  disableSwipe: { type: Boolean, required: false },
   swipeThreshold: { type: Number, required: false }
 });
 defineSlots();
 const { toasts, remove } = useToast();
 const appConfig = useAppConfig();
-const providerProps = useForwardProps(reactivePick(props, "duration", "label", "swipeThreshold"));
+provide(toastMaxInjectionKey, toRef(() => props.max));
+const providerProps = useForwardProps(reactivePick(props, "duration", "label", "swipeThreshold", "disableSwipe"));
 const portalProps = usePortal(toRef(() => props.portal));
 const swipeDirection = computed(() => {
   switch (props.position) {

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

@@ -24,18 +24,25 @@ export interface ToasterProps extends Omit<ToastProviderProps, 'swipeDirection'>
      * @defaultValue true
      */
     portal?: boolean | string | HTMLElement;
+    /**
+     * Maximum number of toasts to display at once.
+     * @defaultValue 5
+     */
+    max?: number;
     class?: any;
     ui?: Toaster['slots'];
 }
 export interface ToasterSlots {
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ToasterProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ToasterProps> & Readonly<{}>, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ToasterProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ToasterProps> & Readonly<{}>, {
     progress: boolean;
     expand: boolean;
     duration: number;
+    max: number;
     portal: boolean | string | HTMLElement;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ToasterSlots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -40,15 +40,18 @@ export interface TooltipSlots {
     default(props: {
         open: boolean;
     }): any;
-    content(props?: {}): any;
+    content(props: {
+        ui: Tooltip['ui'];
+    }): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<TooltipProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<TooltipProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<TooltipProps> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
     portal: boolean | string | HTMLElement;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, TooltipSlots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/components/Tooltip.vue

@@ -48,7 +48,7 @@ const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.tooltip || {}
 
     <TooltipPortal v-bind="portalProps">
       <TooltipContent v-bind="contentProps" :class="ui.content({ class: [!slots.default && props.class, props.ui?.content] })">
-        <slot name="content">
+        <slot name="content" :ui="ui">
           <span v-if="text" :class="ui.text({ class: props.ui?.text })">{{ text }}</span>
 
           <span v-if="kbds?.length" :class="ui.kbds({ class: props.ui?.kbds })">

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

@@ -40,15 +40,18 @@ export interface TooltipSlots {
     default(props: {
         open: boolean;
     }): any;
-    content(props?: {}): any;
+    content(props: {
+        ui: Tooltip['ui'];
+    }): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<TooltipProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<TooltipProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<TooltipProps> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
     portal: boolean | string | HTMLElement;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, TooltipSlots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -1,4 +1,4 @@
-import type { TreeRootProps, TreeRootEmits } from 'reka-ui';
+import type { TreeRootProps, TreeRootEmits, TreeItemSelectEvent, TreeItemToggleEvent } from 'reka-ui';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/tree';
 import type { IconProps } from '../types';
@@ -19,8 +19,8 @@ export type TreeItem = {
     disabled?: boolean;
     slot?: string;
     children?: TreeItem[];
-    onToggle?(e: Event): void;
-    onSelect?(e?: Event): void;
+    onToggle?: (e: TreeItemToggleEvent<TreeItem>) => void;
+    onSelect?: (e: TreeItemSelectEvent<TreeItem>) => void;
     class?: any;
     ui?: Pick<Tree['slots'], 'item' | 'itemWithChildren' | 'link' | 'linkLeadingIcon' | 'linkLabel' | 'linkTrailing' | 'linkTrailingIcon' | 'listWithChildren'>;
     [key: string]: any;
@@ -30,7 +30,10 @@ export interface TreeProps<T extends TreeItem[] = TreeItem[], M extends boolean
      * The element or component this component should render as.
      * @defaultValue 'ul'
      */
-    as?: any;
+    as?: any | {
+        root?: any;
+        link?: any;
+    };
     /**
      * @defaultValue 'primary'
      */
@@ -71,6 +74,31 @@ export interface TreeProps<T extends TreeItem[] = TreeItem[], M extends boolean
     defaultValue?: M extends true ? T[number][] : T[number];
     /** Whether multiple options can be selected or not. */
     multiple?: M & boolean;
+    /**
+     * Use nested DOM structure (children inside parents) vs flattened structure (all items at same level).
+     * When `virtualize` is enabled, this is automatically set to `false`.
+     * @defaultValue true
+     */
+    nested?: boolean;
+    /**
+     * Enable virtualization for large lists.
+     * Note: when enabled, the tree structure is flattened like if `nested` was set to `false`.
+     * @defaultValue false
+     */
+    virtualize?: boolean | {
+        /**
+         * Number of items rendered outside the visible area
+         * @defaultValue 12
+         */
+        overscan?: number;
+        /**
+         * Estimated size (in px) of each item
+         * @defaultValue 32
+         */
+        estimateSize?: number;
+    };
+    onSelect?: (e: TreeItemSelectEvent<T[number]>, item: T[number]) => void;
+    onToggle?: (e: TreeItemToggleEvent<T[number]>, item: T[number]) => void;
     class?: any;
     ui?: Tree['slots'];
 }
@@ -81,6 +109,10 @@ type SlotProps<T extends TreeItem> = (props: {
     level: number;
     expanded: boolean;
     selected: boolean;
+    indeterminate: boolean | undefined;
+    handleSelect: () => void;
+    handleToggle: () => void;
+    ui: Tree['ui'];
 }) => any;
 export type TreeSlots<T extends TreeItem[] = TreeItem[]> = {
     'item-wrapper': SlotProps<T[number]>;
@@ -92,20 +124,24 @@ export type TreeSlots<T extends TreeItem[] = TreeItem[]> = {
     index: number;
     level: number;
     expanded: boolean;
+    ui: Tree['ui'];
     selected: boolean;
+    indeterminate: boolean | undefined;
+    handleSelect: () => void;
+    handleToggle: () => void;
 }>;
-declare const _default: <T extends TreeItem[], M extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
-        readonly "onUpdate:modelValue"?: ((val: M extends true ? T[number][] : T[number]) => any) | undefined;
-        readonly "onUpdate:expanded"?: ((val: string[]) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue" | "onUpdate:expanded"> & TreeProps<T, M> & {}> & import("vue").PublicProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+declare const __VLS_export: <T extends TreeItem[], M extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<TreeProps<T, M> & __VLS_EmitsToProps<__VLS_NormalizeEmits<((evt: "update:modelValue", val: M extends true ? T[number][] : T[number]) => void) & ((evt: "update:expanded", val: string[]) => void)>>> & import("vue").PublicProps;
+    expose: (exposed: import("vue").ShallowUnwrapRef<{
+        readonly $el: any;
+    }>) => void;
     attrs: any;
     slots: TreeSlots<T>;
     emit: ((evt: "update:modelValue", val: M extends true ? T[number][] : T[number]) => void) & ((evt: "update:expanded", val: string[]) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_PrettifyLocal<T> = {
     [K in keyof T as K]: T[K];