@v1nt1248/3nclient-lib 0.3.30 → 0.3.31

package/dist/chunks/{ui3n-notification-Dr_3Td9N.js → ui3n-notification-DPC5Ke4b.js}

@@ -1,39 +1,39 @@
-import { computed as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createVNode as a, defineComponent as o, mergeProps as s, normalizeClass as c, onBeforeUnmount as l, onMounted as u, openBlock as d, ref as f, renderSlot as p, resolveDynamicComponent as m, toDisplayString as h, unref as g, useCssModule as _, watch as v, withCtx as y, withDirectives as b, withKeys as x } from "vue";
+import { computed as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createVNode as a, defineComponent as o, mergeProps as s, normalizeClass as c, onBeforeUnmount as l, onMounted as u, openBlock as d, ref as f, renderSlot as p, toDisplayString as m, unref as h, useCssModule as g, watch as _, withDirectives as v, withKeys as y } from "vue";
 //#region src/directives/ui3n-ripple.ts
-var S = {}, C = "";
-function w({ el: e, duration: t }) {
+var b = {}, x = "";
+function S({ el: e, duration: t }) {
 	let n = document.createElement("div"), r = Math.max(e.clientWidth, e.clientHeight), i = r / 2;
-	n.style.width = n.style.height = `${r}px`, n.style.left = `${Math.round(e.clientWidth / 2 - i)}px`, n.style.top = `${Math.round(e.clientHeight / 2 - i)}px`, n.classList.add("ui3n-ripple"), C && n.style.setProperty("--ui3n-ripple-bg-color", C), t && n.style.setProperty("--ui3n-ripple-duration", `${t}ms`);
+	n.style.width = n.style.height = `${r}px`, n.style.left = `${Math.round(e.clientWidth / 2 - i)}px`, n.style.top = `${Math.round(e.clientHeight / 2 - i)}px`, n.classList.add("ui3n-ripple"), x && n.style.setProperty("--ui3n-ripple-bg-color", x), t && n.style.setProperty("--ui3n-ripple-duration", `${t}ms`);
 	let a = e.getElementsByClassName("ui3n-ripple")[0];
 	a && a.remove(), e.appendChild(n);
 }
-function T({ eventName: e, el: t, duration: n }) {
-	["click", "keydown"].includes(e) && (S[e] = new AbortController(), t.addEventListener(e, function() {
-		w({
+function C({ eventName: e, el: t, duration: n }) {
+	["click", "keydown"].includes(e) && (b[e] = new AbortController(), t.addEventListener(e, function() {
+		S({
 			el: t,
 			duration: n
 		});
-	}, { signal: S[e].signal }));
+	}, { signal: b[e].signal }));
 }
-var E = {
+var w = {
 	mounted(e, t) {
 		let { color: n, duration: r, eventsTriggers: i = [], disabled: a = !1 } = t.value || {};
-		C = n || "", !a && ((!i.length || i.length && i.includes("click")) && T({
+		x = n || "", !a && ((!i.length || i.length && i.includes("click")) && C({
 			eventName: "click",
 			el: e,
 			duration: r
-		}), i.length && i.includes("enter") && T({
+		}), i.length && i.includes("enter") && C({
 			eventName: "keydown",
 			el: e,
 			duration: r
 		}));
 	},
 	beforeUnmount() {
-		Object.keys(S).forEach((e) => {
-			S[e].abort();
+		Object.keys(b).forEach((e) => {
+			b[e].abort();
 		});
 	}
-}, D = ["id", "title"], O = /* @__PURE__ */ o({
+}, T = ["id", "title"], E = /* @__PURE__ */ o({
 	__name: "ui3n-icon",
 	props: {
 		id: {},
@@ -51,28 +51,31 @@ var E = {
 	setup(t, { emit: n }) {
 		let i = t, a = n, o = e(() => i.size || i.width || 16), c = e(() => i.size || i.height || 16), l = e(() => {
 			let e = {
-				"--ui3n-icon-width": `${o.value}px`,
-				"--ui3n-icon-height": `${c.value}px`,
+				"--ui3n-icon-width": u(o.value),
+				"--ui3n-icon-height": u(c.value),
 				"--ui3n-icon-color": i.color
 			}, t = [];
 			return i.horizontalFlip && t.push("rotateY(180deg)"), i.verticalFlip && t.push("rotateX(180deg)"), i.rotate && t.push(`rotate(${i.rotate}deg)`), t.length && (e.transform = t.join(" ")), e;
 		});
+		function u(e) {
+			return isNaN(Number(e)) ? String(e) : `${e}px`;
+		}
 		return (e, n) => (d(), r("div", s({
 			id: t.id,
 			class: e.$style.ui3nIcon,
 			title: t.title,
 			style: l.value
-		}, { "data-icon": t.icon }, { onClick: n[0] ||= (e) => a("click", e) }), null, 16, D));
+		}, { "data-icon": t.icon }, { onClick: n[0] ||= (e) => a("click", e) }), null, 16, T));
 	}
-}), k = { ui3nIcon: "_ui3nIcon_skxns_1" }, A = (e, t) => {
+}), D = { ui3nIcon: "_ui3nIcon_10yhz_1" }, O = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, j = /* @__PURE__ */ A(O, [["__cssModules", { $style: k }]]), M = {
+}, k = /* @__PURE__ */ O(E, [["__cssModules", { $style: D }]]), A = {
 	small: 12,
 	regular: 16,
 	large: 24
-}, N = ["id", "disabled"], P = /* @__PURE__ */ A(/* @__PURE__ */ o({
+}, j = ["id", "disabled"], M = /* @__PURE__ */ O(/* @__PURE__ */ o({
 	__name: "ui3n-button",
 	props: {
 		id: {},
@@ -100,35 +103,35 @@ var E = {
 		"blur"
 	],
 	setup(i, { emit: a }) {
-		let o = E, s = i, l = a, m = _(), h = f(null), y = e(() => {
+		let o = w, s = i, l = a, m = g(), b = f(null), x = e(() => {
 			let e = [
 				m.ui3nButton,
 				m[s.size],
 				m[s.type]
 			];
 			return s.block && s.type !== "icon" && e.push(m.block), s.square && e.push(m.square), s.icon && e.push(m[`withIcon-${s.iconPosition}`]), s.elevation && e.push(m.elevation), e;
-		}), S = e(() => s.iconSize ? s.iconSize : M[s.size]), C = e(() => s.iconColor ? s.iconColor : "inherit");
-		async function w(e, t) {
-			["init", "enter"].includes(e) ? l(e, h.value) : l(e, t);
+		}), S = e(() => s.iconSize ? s.iconSize : A[s.size]), C = e(() => s.iconColor ? s.iconColor : "inherit");
+		async function T(e, t) {
+			["init", "enter"].includes(e) ? l(e, b.value) : l(e, t);
 		}
-		return v([() => s.color, () => s.textColor], (e, t) => {
-			if (!h.value) return;
+		return _([() => s.color, () => s.textColor], (e, t) => {
+			if (!b.value) return;
 			let [n, r] = t, [i, a] = e;
-			(s.type === "custom" || s.type === "icon") && i !== n && h.value.style.setProperty("--ui3n-button-bg-color", i ?? "var(--color-bg-button-primary-default)"), (s.type === "custom" || s.type === "icon") && a !== r && h.value.style.setProperty("--ui3n-button-text-color", a ?? "var(--color-text-button-primary-default)");
+			(s.type === "custom" || s.type === "icon") && i !== n && b.value.style.setProperty("--ui3n-button-bg-color", i ?? "var(--color-bg-button-primary-default)"), (s.type === "custom" || s.type === "icon") && a !== r && b.value.style.setProperty("--ui3n-button-text-color", a ?? "var(--color-text-button-primary-default)");
 		}), u(() => {
-			h.value && ((s.type === "custom" || s.type === "icon") && s.color && h.value.style.setProperty("--ui3n-button-bg-color", s.color), s.type === "custom" && s.textColor && h.value.style.setProperty("--ui3n-button-text-color", s.textColor), w("init"));
-		}), (e, a) => b((d(), r("button", {
+			b.value && ((s.type === "custom" || s.type === "icon") && s.color && b.value.style.setProperty("--ui3n-button-bg-color", s.color), s.type === "custom" && s.textColor && b.value.style.setProperty("--ui3n-button-text-color", s.textColor), T("init"));
+		}), (e, a) => v((d(), r("button", {
 			ref_key: "buttonEl",
-			ref: h,
+			ref: b,
 			id: i.id,
-			class: c(y.value),
+			class: c(x.value),
 			type: "button",
 			disabled: i.disabled,
-			onClick: a[0] ||= (e) => w("click", e),
-			onFocusin: a[1] ||= (e) => w("focus", e),
-			onFocusout: a[2] ||= (e) => w("blur", e),
-			onKeydown: a[3] ||= x((e) => w("enter"), ["enter"])
-		}, [i.icon ? (d(), t(j, {
+			onClick: a[0] ||= (e) => T("click", e),
+			onFocusin: a[1] ||= (e) => T("focus", e),
+			onFocusout: a[2] ||= (e) => T("blur", e),
+			onKeydown: a[3] ||= y((e) => T("enter"), ["enter"])
+		}, [i.icon ? (d(), t(k, {
 			key: 0,
 			class: c(e.$style.buttonIcon),
 			icon: i.icon,
@@ -142,7 +145,7 @@ var E = {
 		])) : n("", !0), i.type === "icon" ? n("", !0) : (d(), r("span", {
 			key: 1,
 			class: c(e.$style.text)
-		}, [p(e.$slots, "default")], 2))], 42, N)), [[g(o)]]);
+		}, [p(e.$slots, "default")], 2))], 42, j)), [[h(o)]]);
 	}
 }), [["__cssModules", { $style: {
 	ui3nButton: "_ui3nButton_5lm0q_3",
@@ -162,7 +165,7 @@ var E = {
 	icon: "_icon_5lm0q_270",
 	custom: "_custom_5lm0q_290",
 	buttonIcon: "_buttonIcon_5lm0q_319"
-} }]]), F = ["id"], I = /* @__PURE__ */ A(/* @__PURE__ */ o({
+} }]]), N = ["id"], P = /* @__PURE__ */ O(/* @__PURE__ */ o({
 	__name: "ui3n-notification",
 	props: {
 		id: {},
@@ -174,18 +177,17 @@ var E = {
 			type: Boolean,
 			default: !0
 		},
-		teleport: {},
 		onOpen: {
 			type: Function,
-			default: () => void 0
+			default: () => {}
 		},
 		onClose: {
 			type: Function,
-			default: () => void 0
+			default: () => {}
 		}
 	},
 	setup(o) {
-		let s = o, f = _(), p = {
+		let s = o, f = null, p = g(), _ = e(() => ({
 			success: {
 				color: "var(--success-content-default)",
 				icon: "round-check-circle",
@@ -210,70 +212,67 @@ var E = {
 				iconColor: "var(--error-fill-default)",
 				iconRotate: 180
 			}
-		}, v = null, b = e(() => {
+		})[s.type || "info"]), v = e(() => {
 			let e = [
-				f.ui3nNotification,
-				f[`${s.type}Type`],
-				f[`${s.position}Position`]
+				p.ui3nNotification,
+				p[`${s.type}Type`],
+				p[`${s.position}Position`]
 			];
-			return s.withIcon && e.push(f.withIcon), e;
+			return s.withIcon && e.push(p.withIcon), e;
 		});
-		function x() {
+		function y() {
 			s.onClose && s.onClose();
 		}
 		return u(() => {
-			s.onOpen && s.onOpen(), s.duration > 0 && (v = setTimeout(() => {
-				s.onClose();
+			s.onOpen && s.onOpen(), s.duration > 0 && (f = setTimeout(() => {
+				y();
 			}, s.duration));
 		}), l(() => {
-			v && clearTimeout(v);
-		}), (e, s) => (d(), t(m(o.teleport ? "Teleport" : "div"), { to: o.teleport }, {
-			default: y(() => [i("div", {
-				id: o.id,
-				class: c(b.value)
-			}, [
-				o.withIcon ? (d(), r("div", {
-					key: 0,
-					class: c(g(f).ui3nNotificationIcon)
-				}, [a(j, {
-					icon: p[o.type].icon,
-					size: "16",
-					rotate: p[o.type].iconRotate,
-					color: p[o.type].iconColor
-				}, null, 8, [
-					"icon",
-					"rotate",
-					"color"
-				])], 2)) : n("", !0),
-				i("div", { class: c(g(f).ui3nNotificationContent) }, h(o.content), 3),
-				o.duration ? n("", !0) : (d(), t(P, {
-					key: 1,
-					type: "icon",
-					size: "small",
-					color: "transparent",
-					icon: "round-close",
-					"icon-color": p[o.type].color,
-					"icon-size": "16",
-					class: c(g(f).closeBtn),
-					onClick: x
-				}, null, 8, ["icon-color", "class"]))
-			], 10, F)]),
-			_: 1
-		}, 8, ["to"]));
+			f && clearTimeout(f);
+		}), (e, s) => (d(), r("div", {
+			id: o.id,
+			class: c(v.value)
+		}, [
+			o.withIcon ? (d(), r("div", {
+				key: 0,
+				class: c(h(p).ui3nNotificationIcon)
+			}, [a(k, {
+				icon: _.value.icon,
+				size: "16",
+				rotate: _.value.iconRotate,
+				color: _.value.iconColor
+			}, null, 8, [
+				"icon",
+				"rotate",
+				"color"
+			])], 2)) : n("", !0),
+			i("div", { class: c(h(p).ui3nNotificationContent) }, m(o.content), 3),
+			o.duration ? n("", !0) : (d(), t(M, {
+				key: 1,
+				type: "icon",
+				size: "small",
+				color: "transparent",
+				icon: "round-close",
+				"icon-color": _.value.color,
+				"icon-size": "16",
+				class: c(h(p).closeBtn),
+				onClick: y
+			}, null, 8, ["icon-color", "class"]))
+		], 10, N));
 	}
 }), [["__cssModules", { $style: {
-	ui3nNotification: "_ui3nNotification_65xrt_1",
-	withIcon: "_withIcon_65xrt_20",
-	ui3nNotificationIcon: "_ui3nNotificationIcon_65xrt_24",
-	ui3nNotificationContent: "_ui3nNotificationContent_65xrt_36",
-	closeBtn: "_closeBtn_65xrt_44",
-	infoType: "_infoType_65xrt_51",
-	successType: "_successType_65xrt_61",
-	warningType: "_warningType_65xrt_71",
-	errorType: "_errorType_65xrt_81",
-	leftPosition: "_leftPosition_65xrt_91",
-	centerPosition: "_centerPosition_65xrt_96",
-	rightPosition: "_rightPosition_65xrt_101"
+	ui3nNotification: "_ui3nNotification_1iczq_1",
+	withIcon: "_withIcon_1iczq_21",
+	ui3nNotificationIcon: "_ui3nNotificationIcon_1iczq_25",
+	ui3nNotificationContent: "_ui3nNotificationContent_1iczq_38",
+	closeBtn: "_closeBtn_1iczq_47",
+	infoType: "_infoType_1iczq_54",
+	successType: "_successType_1iczq_64",
+	warningType: "_warningType_1iczq_74",
+	errorType: "_errorType_1iczq_84",
+	leftPosition: "_leftPosition_1iczq_94",
+	centerPosition: "_centerPosition_1iczq_99",
+	rightPosition: "_rightPosition_1iczq_104"
 } }]]);
 //#endregion
-export { E as a, A as i, P as n, j as r, I as t };
+export { w as a, O as i, M as n, k as r, P as t };

package/dist/{components → src/components}/index.d.ts

@@ -24,7 +24,7 @@ import { default as Ui3nDialogProvider } from './ui3n-dialog/ui3n-dialog-provide
 import { default as Ui3nDialog } from './ui3n-dialog/ui3n-dialog';
 import { Ui3nDialogComponentProps, Ui3nDialogComponentEmits, Ui3nDialogComponentSlots, Ui3nDialogEvent } from './ui3n-dialog/types';
 import { default as Ui3nMenu } from './ui3n-menu/ui3n-menu';
-import { Ui3nMenuProps, Ui3nMenuEmits, Ui3nMenuSlots, Ui3nMenuExpose } from './ui3n-menu/types';
+import { Ui3nVirtualElement, Ui3nMenuProps, Ui3nMenuEmits, Ui3nMenuSlots, Ui3nMenuExpose } from './ui3n-menu/types';
 import { default as Ui3nList } from './ui3n-list/ui3n-list';
 import { Ui3nListProps, Ui3nListEmits, Ui3nListSlots } from './ui3n-list/types';
 import { default as Ui3nVirtualScroll } from './ui3n-virtual-scroll/ui3n-virtual-scroll';
@@ -62,6 +62,6 @@ import { default as Ui3nMobileMenuItem } from './ui3n-mobile-menu-item/ui3n-mobi
 import { Ui3nMobileMenuItemBase, Ui3nMobileMenuItemProps, Ui3nMobileMenuItemEmits } from './ui3n-mobile-menu-item/types';
 import { default as Ui3nScrollbarVertical } from './ui3n-scrollbar-vertical/ui3n-scrollbar-vertical';
 import { Ui3nScrollbarVerticalProps, Ui3nScrollbarVerticalEmits, Ui3nScrollbarVerticalSlots, Ui3nScrollbarVerticalExpose } from './ui3n-scrollbar-vertical/types';
-import { default as Ui3nScrollbarHorizontal } from './ui3n-scrollbar-horizontal/ui3n-scroolbar-horizontal';
+import { default as Ui3nScrollbarHorizontal } from './ui3n-scrollbar-horizontal/ui3n-scrollbar-horizontal';
 import { Ui3nScrollbarHorizontalProps, Ui3nScrollbarHorizontalEmits, Ui3nScrollbarHorizontalSlots, Ui3nScrollbarHorizontalExpose } from './ui3n-scrollbar-horizontal/types';
-export { Ui3nIcon, Ui3nIconProps, Ui3nIconEmits, Ui3nButton, Ui3nButtonProps, Ui3nButtonEmits, Ui3nChip, Ui3nChipProps, Ui3nChipEmits, Ui3nChipSlots, Ui3nDropFiles, Ui3nDropFilesProps, Ui3nDropFilesEmits, Ui3nDropFilesSlots, Ui3nDropFilesExpose, Ui3nEmoji, Ui3nEmojiProps, Ui3nEmojiEmits, Ui3nInput, Ui3nInputProps, Ui3nInputEmits, Ui3nInputSlots, Ui3nInputExpose, Ui3nInputFile, Ui3nInputFileProps, Ui3nInputFileEmits, Ui3nInputFileExpose, Ui3nText, Ui3nTextProps, Ui3nTextEmits, Ui3nTextExpose, Ui3nCheckbox, Ui3nCheckboxProps, Ui3nCheckboxEmits, Ui3nCheckboxSlots, Ui3nCheckboxExpose, Ui3nCheckboxValue, Ui3nNotification, Ui3nTableSortIcon, Ui3nTableSortIconProps, Ui3nTable, Ui3nTableSort, Ui3nTableConfig, Ui3nTableHeadProps, Ui3nTableBodyProps, Ui3nTableGroupActionsSlot, Ui3nTableHeaderCellSlot, Ui3nTableBodyRowSlotScope, Ui3nTableBodyRowSlot, Ui3nTableBodyRowCellSlotScope, Ui3nTableBodyRowCellSlot, Ui3nTableSlots, Ui3nTableProps, Ui3nTableEmits, Ui3nTableExpose, Ui3nDialogProvider, Ui3nDialog, Ui3nDialogComponentProps, Ui3nDialogComponentEmits, Ui3nDialogComponentSlots, Ui3nDialogEvent, Ui3nMenu, Ui3nMenuProps, Ui3nMenuEmits, Ui3nMenuSlots, Ui3nMenuExpose, Ui3nList, Ui3nListProps, Ui3nListEmits, Ui3nListSlots, Ui3nVirtualScroll, Ui3nVirtualScrollProps, Ui3nVirtualScrollSlots, Ui3nTabs, Ui3nTabsProps, Ui3nTabsEmits, Ui3nTabsSlots, Ui3nBadge, Ui3nBadgeProps, Ui3nBreadcrumb, Ui3nBreadcrumbProps, Ui3nBreadcrumbEmits, Ui3nBreadcrumbSlots, Ui3nBreadcrumbs, Ui3nBreadcrumbsProps, Ui3nSwitch, Ui3nSwitchProps, Ui3nSwitchEmits, Ui3nSwitchSlots, Ui3nSwitchExpose, Ui3nStepLineBar, Ui3nStepLineBarProps, Ui3nProgressLinear, Ui3nProgressLinearProps, Ui3nProgressCircular, Ui3nProgressCircularProps, Ui3nTooltip, Ui3nTooltipEmits, Ui3nTooltipProps, Ui3nTooltipSlots, Ui3nTooltipPlacement, Ui3nRadio, Ui3nRadioGroup, Ui3nRadioValue, Ui3nRadioEmits, Ui3nRadioProps, Ui3nRadioSlots, Ui3nRadioExpose, Ui3nRadioGroupEmits, Ui3nRadioGroupProps, Ui3nRadioGroupSlots, Ui3nRadioGroupExpose, Ui3nEditable, Ui3nEditableProps, Ui3nEditableEmits, Ui3nEditableExpose, Ui3nAutocomplete, Ui3nAutocompleteProps, Ui3nAutocompleteEmits, Ui3nAutocompleteSlots, Ui3nAutocompleteExpose, Ui3nAutocompleteOptionBase, Ui3nSlider, UI3nSliderProps, UI3nSliderEmits, UI3nSliderExpose, Ui3nSelector, Ui3nSelectorProps, Ui3nSelectorEmits, Ui3nSelectorSlots, Ui3nSelectorExpose, Ui3nSelectorOptionBase, Ui3nSelectorItemDisplayingFunction, Ui3nMobileMenu, Ui3nMobileMenuProps, Ui3nMobileMenuEmits, Ui3nMobileMenuSlots, Ui3nMobileMenuItem, Ui3nMobileMenuItemBase, Ui3nMobileMenuItemProps, Ui3nMobileMenuItemEmits, Ui3nScrollbarVertical, Ui3nScrollbarVerticalProps, Ui3nScrollbarVerticalEmits, Ui3nScrollbarVerticalSlots, Ui3nScrollbarVerticalExpose, Ui3nScrollbarHorizontal, Ui3nScrollbarHorizontalProps, Ui3nScrollbarHorizontalEmits, Ui3nScrollbarHorizontalSlots, Ui3nScrollbarHorizontalExpose, };
+export { Ui3nIcon, Ui3nIconProps, Ui3nIconEmits, Ui3nButton, Ui3nButtonProps, Ui3nButtonEmits, Ui3nChip, Ui3nChipProps, Ui3nChipEmits, Ui3nChipSlots, Ui3nDropFiles, Ui3nDropFilesProps, Ui3nDropFilesEmits, Ui3nDropFilesSlots, Ui3nDropFilesExpose, Ui3nEmoji, Ui3nEmojiProps, Ui3nEmojiEmits, Ui3nInput, Ui3nInputProps, Ui3nInputEmits, Ui3nInputSlots, Ui3nInputExpose, Ui3nInputFile, Ui3nInputFileProps, Ui3nInputFileEmits, Ui3nInputFileExpose, Ui3nText, Ui3nTextProps, Ui3nTextEmits, Ui3nTextExpose, Ui3nCheckbox, Ui3nCheckboxProps, Ui3nCheckboxEmits, Ui3nCheckboxSlots, Ui3nCheckboxExpose, Ui3nCheckboxValue, Ui3nNotification, Ui3nTableSortIcon, Ui3nTableSortIconProps, Ui3nTable, Ui3nTableSort, Ui3nTableConfig, Ui3nTableHeadProps, Ui3nTableBodyProps, Ui3nTableGroupActionsSlot, Ui3nTableHeaderCellSlot, Ui3nTableBodyRowSlotScope, Ui3nTableBodyRowSlot, Ui3nTableBodyRowCellSlotScope, Ui3nTableBodyRowCellSlot, Ui3nTableSlots, Ui3nTableProps, Ui3nTableEmits, Ui3nTableExpose, Ui3nDialogProvider, Ui3nDialog, Ui3nDialogComponentProps, Ui3nDialogComponentEmits, Ui3nDialogComponentSlots, Ui3nDialogEvent, Ui3nMenu, Ui3nVirtualElement, Ui3nMenuProps, Ui3nMenuEmits, Ui3nMenuSlots, Ui3nMenuExpose, Ui3nList, Ui3nListProps, Ui3nListEmits, Ui3nListSlots, Ui3nVirtualScroll, Ui3nVirtualScrollProps, Ui3nVirtualScrollSlots, Ui3nTabs, Ui3nTabsProps, Ui3nTabsEmits, Ui3nTabsSlots, Ui3nBadge, Ui3nBadgeProps, Ui3nBreadcrumb, Ui3nBreadcrumbProps, Ui3nBreadcrumbEmits, Ui3nBreadcrumbSlots, Ui3nBreadcrumbs, Ui3nBreadcrumbsProps, Ui3nSwitch, Ui3nSwitchProps, Ui3nSwitchEmits, Ui3nSwitchSlots, Ui3nSwitchExpose, Ui3nStepLineBar, Ui3nStepLineBarProps, Ui3nProgressLinear, Ui3nProgressLinearProps, Ui3nProgressCircular, Ui3nProgressCircularProps, Ui3nTooltip, Ui3nTooltipEmits, Ui3nTooltipProps, Ui3nTooltipSlots, Ui3nTooltipPlacement, Ui3nRadio, Ui3nRadioGroup, Ui3nRadioValue, Ui3nRadioEmits, Ui3nRadioProps, Ui3nRadioSlots, Ui3nRadioExpose, Ui3nRadioGroupEmits, Ui3nRadioGroupProps, Ui3nRadioGroupSlots, Ui3nRadioGroupExpose, Ui3nEditable, Ui3nEditableProps, Ui3nEditableEmits, Ui3nEditableExpose, Ui3nAutocomplete, Ui3nAutocompleteProps, Ui3nAutocompleteEmits, Ui3nAutocompleteSlots, Ui3nAutocompleteExpose, Ui3nAutocompleteOptionBase, Ui3nSlider, UI3nSliderProps, UI3nSliderEmits, UI3nSliderExpose, Ui3nSelector, Ui3nSelectorProps, Ui3nSelectorEmits, Ui3nSelectorSlots, Ui3nSelectorExpose, Ui3nSelectorOptionBase, Ui3nSelectorItemDisplayingFunction, Ui3nMobileMenu, Ui3nMobileMenuProps, Ui3nMobileMenuEmits, Ui3nMobileMenuSlots, Ui3nMobileMenuItem, Ui3nMobileMenuItemBase, Ui3nMobileMenuItemProps, Ui3nMobileMenuItemEmits, Ui3nScrollbarVertical, Ui3nScrollbarVerticalProps, Ui3nScrollbarVerticalEmits, Ui3nScrollbarVerticalSlots, Ui3nScrollbarVerticalExpose, Ui3nScrollbarHorizontal, Ui3nScrollbarHorizontalProps, Ui3nScrollbarHorizontalEmits, Ui3nScrollbarHorizontalSlots, Ui3nScrollbarHorizontalExpose, };

package/dist/{components → src/components}/ui3n-breadcrumbs/types.d.ts

@@ -60,6 +60,8 @@ export interface Ui3nBreadcrumbsProps {
  * Breadcrumbs component slots
  */
 export interface Ui3nBreadcrumbsSlots {
+    /** Global separator slot for the entire chain */
+    separator?: () => VNode;
     /**
      * Default slot
      */

package/dist/{components → src/components}/ui3n-dialog/types.d.ts

@@ -1,5 +1,5 @@
 import { VNode } from 'vue';
-import { Ui3nIconField } from '../../types';
+import { Ui3nIconField } from '../../../types';
 /**
  * Dialog event base types
  */

package/dist/{components → src/components}/ui3n-editable/types.d.ts

@@ -1,4 +1,4 @@
-import { Nullable } from '../../types';
+import { Nullable } from '../../../types';
 /**
  * Properties of the Ui3nContentEditable component
  */

package/dist/{components → src/components}/ui3n-editable/ui3n-editable.d.ts

@@ -1,4 +1,4 @@
-import { Nullable } from '../../types';
+import { Nullable } from '../../../types';
 import { Ui3nEditableProps } from './types';
 declare const _default: import('vue').DefineComponent<Ui3nEditableProps, {
     clear: () => void;

package/dist/{components → src/components}/ui3n-editable/useContentEditable.d.ts

@@ -1,4 +1,4 @@
-import { Nullable } from '../../types';
+import { Nullable } from '../../../types';
 import { Ui3nContentEditableEmits, Ui3nContentEditableProps } from './types';
 export declare function useContentEditable(props: Ui3nContentEditableProps, emits: Ui3nContentEditableEmits): {
     el: import('vue').Ref<Nullable<HTMLElement>, Nullable<HTMLElement>>;

package/dist/{components → src/components}/ui3n-input/types.d.ts

@@ -147,11 +147,11 @@ export interface Ui3nInputSlots {
     /**
      * Slot for prepend icon (displayed at the start of the input)
      */
-    'prepend-icon'?: () => VNode[];
+    'prepend-icon'?: () => VNode;
     /**
      * Slot for append icon (displayed at the end of the input)
      */
-    'append-icon'?: () => VNode[];
+    'append-icon'?: () => VNode;
 }
 export interface Ui3nInputExpose {
     /**

package/dist/{components → src/components}/ui3n-menu/types.d.ts

@@ -1,4 +1,17 @@
 import { Ref, VNode } from 'vue';
+export interface Ui3nVirtualElement {
+    getBoundingClientRect: () => DOMRect | {
+        x: number;
+        y: number;
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+        width: number;
+        height: number;
+    };
+    contextElement?: HTMLElement;
+}
 /**
  * Menu component properties
  */
@@ -14,7 +27,7 @@ export interface Ui3nMenuProps {
     /**
      * Trigger element
      */
-    triggerElement?: HTMLElement;
+    triggerElement?: HTMLElement | Ui3nVirtualElement;
     /**
      * Position strategy
      * @default 'absolute'
@@ -77,6 +90,8 @@ export interface Ui3nMenuProps {
  * Menu component emits
  */
 export interface Ui3nMenuEmits {
+    /** Called when the menu is clicked */
+    (ev: 'click', value: Event): void;
     /**
      * Emitted when menu opens
      */

package/dist/{components → src/components}/ui3n-menu/ui3n-menu.d.ts

@@ -14,6 +14,7 @@ declare const __VLS_component: import('vue').DefineComponent<Ui3nMenuProps, {
     isPositioned: Readonly<import('vue').Ref<boolean>>;
     update: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: (value: Event) => any;
     close: () => any;
     "update:modelValue": (value: boolean) => any;
     open: () => any;
@@ -21,6 +22,7 @@ declare const __VLS_component: import('vue').DefineComponent<Ui3nMenuProps, {
     closed: () => any;
     "click-outside": () => any;
 }, string, import('vue').PublicProps, Readonly<Ui3nMenuProps> & Readonly<{
+    onClick?: ((value: Event) => any) | undefined;
     onClose?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onOpen?: (() => any) | undefined;

package/dist/{components → src/components}/ui3n-mobile-menu/ui3n-mobile-menu.d.ts

@@ -3,14 +3,14 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<Ui3nMobileMenuSlots> & Ui3nMobileMenuSlots;
     refs: {};
-    rootEl: any;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Ui3nMobileMenuProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:modelValue": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<Ui3nMobileMenuProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/{components → src/components}/ui3n-notification/types.d.ts

@@ -24,10 +24,6 @@ export interface Ui3nNotificationProps {
      * @default false
      */
     withIcon?: boolean;
-    /**
-     * Teleport target
-     */
-    teleport?: string;
     /**
      * Called when notification opens
      */

package/dist/src/components/ui3n-notification/ui3n-notification-container.d.ts

@@ -0,0 +1,11 @@
+import { Ui3nNotificationProps } from './types';
+interface IdentifiableNotice extends Ui3nNotificationProps {
+    id: string;
+}
+declare function add(notice: IdentifiableNotice): void;
+declare function remove(id: string): void;
+declare const _default: import('vue').DefineComponent<{}, {
+    add: typeof add;
+    remove: typeof remove;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/{components → src/components}/ui3n-notification/ui3n-notification.d.ts

@@ -6,5 +6,5 @@ declare const _default: import('vue').DefineComponent<Ui3nNotificationProps, {},
     withIcon: boolean;
     position: "left" | "center" | "right";
     onOpen: () => void;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/{components → src/components}/ui3n-progress/ui3n-progress-circular.d.ts

@@ -4,7 +4,7 @@ declare const _default: import('vue').DefineComponent<Ui3nProgressCircularProps,
     color: string;
     value: number | string;
     bgColor: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    element: HTMLDivElement;
-}, HTMLDivElement>;
+    indeterminate: boolean;
+    withText: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/{components → src/components}/ui3n-progress/ui3n-progress-linear.d.ts

@@ -4,5 +4,7 @@ declare const _default: import('vue').DefineComponent<Ui3nProgressLinearProps, {
     color: string;
     value: number | string;
     bgColor: string;
+    indeterminate: boolean;
+    withText: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/{components → src/components}/ui3n-selector/types.d.ts

@@ -1,5 +1,5 @@
 import { VNode } from 'vue';
-import { PrepareComponentEmits, Nullable } from '../../types';
+import { PrepareComponentEmits, Nullable } from '../../../types';
 /**
  * Base selector option interface
  */
@@ -54,10 +54,6 @@ export interface Ui3nSelectorProps<T extends Ui3nSelectorOptionBase> {
      * Property or function to display item
      */
     itemDisplay?: keyof T | Ui3nSelectorItemDisplayingFunction<T>;
-    /**
-     * Custom filter function
-     */
-    customFilter?: (value: Ui3nSelectorValue<T>, query: string) => boolean;
     /**
      * Whether to return the whole object or just the value
      * @default false
@@ -68,11 +64,6 @@ export interface Ui3nSelectorProps<T extends Ui3nSelectorOptionBase> {
      * @default false
      */
     clearable?: boolean;
-    /**
-     * Whether to show search input
-     * @default false
-     */
-    withSearch?: boolean;
     /**
      * Whether to hide selected item
      * @default false
@@ -136,7 +127,6 @@ export interface Ui3nSelectorSlots<T extends Ui3nSelectorOptionBase> {
         item: T;
         index: number;
         activeIndex: Nullable<number>;
-        query?: string;
     }) => VNode;
     /**
      * Selection slot

package/dist/{components → src/components}/ui3n-step-line-bar/ui3n-step-line-bar.d.ts

@@ -1,5 +1,6 @@
 import { Ui3nStepLineBarProps } from './types';
 declare const _default: import('vue').DefineComponent<Ui3nStepLineBarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Ui3nStepLineBarProps> & Readonly<{}>, {
     current: number;
+    steps: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/{components → src/components}/ui3n-switch/ui3n-switch.d.ts

@@ -2,9 +2,7 @@ import { Ui3nSwitchProps, Ui3nSwitchSlots } from './types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<Ui3nSwitchSlots> & Ui3nSwitchSlots;
-    refs: {
-        switchEl: HTMLDivElement;
-    };
+    refs: {};
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
@@ -21,9 +19,7 @@ declare const __VLS_component: import('vue').DefineComponent<Ui3nSwitchProps, {
     color: string;
     disabled: boolean;
     name: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    switchEl: HTMLDivElement;
-}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/{components → src/components}/ui3n-table/composables/useTable.d.ts

@@ -1,8 +1,9 @@
 import { Ref, UnwrapRef } from 'vue';
-import { Ui3nTableBodyBaseItem, Ui3nTableConfig, Ui3nTableEmits, Ui3nTableProps } from '../types';
-import { Ui3nCheckboxValue } from '../../ui3n-checkbox/types';
+import { Ui3nTableBodyBaseItem, Ui3nTableConfig, Ui3nTableEmits, Ui3nTableProps } from '../../../../components/ui3n-table/types';
+import { Ui3nCheckboxValue } from '../../../../components/ui3n-checkbox/types';
 export declare function useTable<T extends Ui3nTableBodyBaseItem>(props: Ui3nTableProps<T>, emits: Ui3nTableEmits<T>): {
     tableEl: Ref<HTMLDivElement | null, HTMLDivElement | null>;
+    tableColumnWidth: import('vue').ComputedRef<string>;
     unusedPlaceCssStyle: import('vue').ComputedRef<{
         minHeight?: undefined;
     } | {
@@ -21,7 +22,7 @@ export declare function useTable<T extends Ui3nTableBodyBaseItem>(props: Ui3nTab
         } | undefined;
         fieldAsRowKey?: UnwrapRef<keyof T> | undefined;
     }>;
-    visibleColumns: import('vue').ComputedRef<import('../types').Ui3nTableHeadProps<T>[]>;
+    visibleColumns: import('vue').ComputedRef<import('../../../../components/ui3n-table/types').Ui3nTableHeadProps<T>[]>;
     hasGroupActionsRow: Ref<boolean, boolean>;
     showGroupActionsRow: import('vue').ComputedRef<boolean>;
     selectedRows: Ref<Set<T> | T[keyof T][], Set<T> | T[keyof T][]>;

package/dist/{components → src/components}/ui3n-text/ui3n-text.d.ts

@@ -41,6 +41,7 @@ declare const _default: import('vue').DefineComponent<Ui3nTextProps, {
     name: string;
     placeholder: string;
     rows: number;
+    validateAtStartup: boolean;
     maxRows: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     textareaElement: HTMLTextAreaElement;

package/dist/{components → src/components}/ui3n-tooltip/ui3n-tooltip.d.ts

@@ -24,6 +24,7 @@ declare const __VLS_component: import('vue').DefineComponent<Ui3nTooltipProps, {
     onClosed?: (() => any) | undefined;
 }>, {
     color: string;
+    disabled: boolean;
     textColor: string;
     offsetX: string | number;
     offsetY: string | number;

package/dist/{index.d.ts → src/index.d.ts}

@@ -34,7 +34,7 @@ import { default as Ui3nSelector } from './components/ui3n-selector/ui3n-selecto
 import { default as Ui3nMobileMenu } from './components/ui3n-mobile-menu/ui3n-mobile-menu';
 import { default as Ui3nMobileMenuItem } from './components/ui3n-mobile-menu-item/ui3n-mobile-menu-item';
 import { default as Ui3nScrollbarVertical } from './components/ui3n-scrollbar-vertical/ui3n-scrollbar-vertical';
-import { default as Ui3nScrollbarHorizontal } from './components/ui3n-scrollbar-horizontal/ui3n-scroolbar-horizontal';
+import { default as Ui3nScrollbarHorizontal } from './components/ui3n-scrollbar-horizontal/ui3n-scrollbar-horizontal';
 import { default as Ui3nHtml } from './directives/ui3n-html';
 import { default as Ui3nClickOutside } from './directives/ui3n-click-outside';
 import { default as Ui3nResize } from './directives/ui3n-resize';