@v1nt1248/3nclient-lib 0.3.27 → 0.3.29

package/dist/chunks/ui3n-notification-Dr_3Td9N.js

@@ -0,0 +1,279 @@
+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";
+//#region src/directives/ui3n-ripple.ts
+var S = {}, C = "";
+function w({ 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`);
+	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({
+			el: t,
+			duration: n
+		});
+	}, { signal: S[e].signal }));
+}
+var E = {
+	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({
+			eventName: "click",
+			el: e,
+			duration: r
+		}), i.length && i.includes("enter") && T({
+			eventName: "keydown",
+			el: e,
+			duration: r
+		}));
+	},
+	beforeUnmount() {
+		Object.keys(S).forEach((e) => {
+			S[e].abort();
+		});
+	}
+}, D = ["id", "title"], O = /* @__PURE__ */ o({
+	__name: "ui3n-icon",
+	props: {
+		id: {},
+		icon: {},
+		title: { default: "" },
+		size: {},
+		width: {},
+		height: {},
+		color: { default: "var(--color-icon-control-primary-default)" },
+		horizontalFlip: { type: Boolean },
+		verticalFlip: { type: Boolean },
+		rotate: { default: 0 }
+	},
+	emits: ["click"],
+	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-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;
+		});
+		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));
+	}
+}), k = { ui3nIcon: "_ui3nIcon_skxns_1" }, A = (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 = {
+	small: 12,
+	regular: 16,
+	large: 24
+}, N = ["id", "disabled"], P = /* @__PURE__ */ A(/* @__PURE__ */ o({
+	__name: "ui3n-button",
+	props: {
+		id: {},
+		type: { default: "primary" },
+		size: { default: "regular" },
+		square: { type: Boolean },
+		block: { type: Boolean },
+		textColor: {},
+		color: {},
+		elevation: { type: Boolean },
+		icon: {},
+		iconSize: {},
+		iconColor: {},
+		iconPosition: { default: "right" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"init",
+		"click",
+		"enter",
+		"focus",
+		"blur"
+	],
+	setup(i, { emit: a }) {
+		let o = E, s = i, l = a, m = _(), h = f(null), y = 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);
+		}
+		return v([() => s.color, () => s.textColor], (e, t) => {
+			if (!h.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)");
+		}), 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", {
+			ref_key: "buttonEl",
+			ref: h,
+			id: i.id,
+			class: c(y.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, {
+			key: 0,
+			class: c(e.$style.buttonIcon),
+			icon: i.icon,
+			size: S.value,
+			color: C.value
+		}, null, 8, [
+			"class",
+			"icon",
+			"size",
+			"color"
+		])) : 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)]]);
+	}
+}), [["__cssModules", { $style: {
+	ui3nButton: "_ui3nButton_5lm0q_3",
+	"withIcon-left": "_withIcon-left_5lm0q_35",
+	"withIcon-right": "_withIcon-right_5lm0q_38",
+	square: "_square_5lm0q_41",
+	regular: "_regular_5lm0q_48",
+	small: "_small_5lm0q_55",
+	large: "_large_5lm0q_62",
+	block: "_block_5lm0q_69",
+	primary: "_primary_5lm0q_73",
+	elevation: "_elevation_5lm0q_96",
+	text: "_text_5lm0q_101",
+	secondary: "_secondary_5lm0q_133",
+	tertiary: "_tertiary_5lm0q_187",
+	outline: "_outline_5lm0q_242",
+	icon: "_icon_5lm0q_270",
+	custom: "_custom_5lm0q_290",
+	buttonIcon: "_buttonIcon_5lm0q_319"
+} }]]), F = ["id"], I = /* @__PURE__ */ A(/* @__PURE__ */ o({
+	__name: "ui3n-notification",
+	props: {
+		id: {},
+		type: { default: "info" },
+		content: {},
+		position: { default: "center" },
+		duration: { default: 0 },
+		withIcon: {
+			type: Boolean,
+			default: !0
+		},
+		teleport: {},
+		onOpen: {
+			type: Function,
+			default: () => void 0
+		},
+		onClose: {
+			type: Function,
+			default: () => void 0
+		}
+	},
+	setup(o) {
+		let s = o, f = _(), p = {
+			success: {
+				color: "var(--success-content-default)",
+				icon: "round-check-circle",
+				iconColor: "var(--success-fill-default)",
+				iconRotate: 0
+			},
+			warning: {
+				color: "var(--warning-content-default)",
+				icon: "round-warning",
+				iconColor: "var(--warning-fill-default)",
+				iconRotate: 0
+			},
+			info: {
+				color: "var(--info-content-default)",
+				icon: "round-info",
+				iconColor: "var(--info-fill-default)",
+				iconRotate: 180
+			},
+			error: {
+				color: "var(--error-content-default)",
+				icon: "round-info",
+				iconColor: "var(--error-fill-default)",
+				iconRotate: 180
+			}
+		}, v = null, b = e(() => {
+			let e = [
+				f.ui3nNotification,
+				f[`${s.type}Type`],
+				f[`${s.position}Position`]
+			];
+			return s.withIcon && e.push(f.withIcon), e;
+		});
+		function x() {
+			s.onClose && s.onClose();
+		}
+		return u(() => {
+			s.onOpen && s.onOpen(), s.duration > 0 && (v = setTimeout(() => {
+				s.onClose();
+			}, 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"]));
+	}
+}), [["__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"
+} }]]);
+//#endregion
+export { E as a, A as i, P as n, j as r, I as t };

package/dist/components/index.d.ts

@@ -5,17 +5,17 @@ import { Ui3nButtonProps, Ui3nButtonEmits } from './ui3n-button/types';
 import { default as Ui3nChip } from './ui3n-chip/ui3n-chip';
 import { Ui3nChipProps, Ui3nChipEmits, Ui3nChipSlots } from './ui3n-chip/types';
 import { default as Ui3nDropFiles } from './ui3n-drop-files/ui3n-drop-files';
-import { Ui3nDropFilesProps, Ui3nDropFilesEmits, Ui3nDropFilesSlots } from './ui3n-drop-files/types';
+import { Ui3nDropFilesProps, Ui3nDropFilesEmits, Ui3nDropFilesSlots, Ui3nDropFilesExpose } from './ui3n-drop-files/types';
 import { default as Ui3nEmoji } from './ui3n-emoji/ui3n-emoji';
 import { Ui3nEmojiProps, Ui3nEmojiEmits } from './ui3n-emoji/types';
 import { default as Ui3nInput } from './ui3n-input/ui3n-input';
 import { Ui3nInputProps, Ui3nInputEmits, Ui3nInputSlots, Ui3nInputExpose } from './ui3n-input/types';
 import { default as Ui3nInputFile } from './ui3n-input-file/ui3n-input-file';
-import { Ui3nInputFileProps, Ui3nInputFileEmits } from './ui3n-input-file/types';
+import { Ui3nInputFileProps, Ui3nInputFileEmits, Ui3nInputFileExpose } from './ui3n-input-file/types';
 import { default as Ui3nText } from './ui3n-text/ui3n-text';
-import { Ui3nTextProps, Ui3nTextEmits } from './ui3n-text/types';
+import { Ui3nTextProps, Ui3nTextEmits, Ui3nTextExpose } from './ui3n-text/types';
 import { default as Ui3nCheckbox } from './ui3n-checkbox/ui3n-checkbox';
-import { Ui3nCheckboxProps, Ui3nCheckboxEmits, Ui3nCheckboxSlots, Ui3nCheckboxValue } from './ui3n-checkbox/types';
+import { Ui3nCheckboxProps, Ui3nCheckboxEmits, Ui3nCheckboxSlots, Ui3nCheckboxExpose, Ui3nCheckboxValue } from './ui3n-checkbox/types';
 import { default as Ui3nNotification } from './ui3n-notification/ui3n-notification';
 import { default as Ui3nTableSortIcon } from './ui3n-table/ui3n-table-sort-icon';
 import { default as Ui3nTable } from './ui3n-table/ui3n-table';
@@ -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 } from './ui3n-menu/types';
+import { 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';
@@ -37,7 +37,7 @@ import { default as Ui3nBreadcrumb } from './ui3n-breadcrumbs/ui3n-breadcrumb';
 import { default as Ui3nBreadcrumbs } from './ui3n-breadcrumbs/ui3n-breadcrumbs';
 import { Ui3nBreadcrumbProps, Ui3nBreadcrumbEmits, Ui3nBreadcrumbSlots, Ui3nBreadcrumbsProps } from './ui3n-breadcrumbs/types';
 import { default as Ui3nSwitch } from './ui3n-switch/ui3n-switch';
-import { Ui3nSwitchProps, Ui3nSwitchEmits, Ui3nSwitchSlots } from './ui3n-switch/types';
+import { Ui3nSwitchProps, Ui3nSwitchEmits, Ui3nSwitchSlots, Ui3nSwitchExpose } from './ui3n-switch/types';
 import { default as Ui3nStepLineBar } from './ui3n-step-line-bar/ui3n-step-line-bar';
 import { Ui3nStepLineBarProps } from './ui3n-step-line-bar/types';
 import { default as Ui3nProgressLinear } from './ui3n-progress/ui3n-progress-linear';
@@ -47,15 +47,15 @@ import { default as Ui3nTooltip } from './ui3n-tooltip/ui3n-tooltip';
 import { Ui3nTooltipEmits, Ui3nTooltipProps, Ui3nTooltipSlots, Ui3nTooltipPlacement } from './ui3n-tooltip/types';
 import { default as Ui3nRadio } from './ui3n-radio-group/ui3n-radio';
 import { default as Ui3nRadioGroup } from './ui3n-radio-group/ui3n-radio-group';
-import { Ui3nRadioEmits, Ui3nRadioProps, Ui3nRadioSlots, Ui3nRadioGroupEmits, Ui3nRadioGroupProps, Ui3nRadioGroupSlots, Ui3nRadioValue } from './ui3n-radio-group/types';
+import { Ui3nRadioEmits, Ui3nRadioProps, Ui3nRadioSlots, Ui3nRadioExpose, Ui3nRadioGroupEmits, Ui3nRadioGroupProps, Ui3nRadioGroupSlots, Ui3nRadioGroupExpose, Ui3nRadioValue } from './ui3n-radio-group/types';
 import { default as Ui3nEditable } from './ui3n-editable/ui3n-editable';
-import { Ui3nEditableProps, Ui3nEditableEmits } from './ui3n-editable/types';
+import { Ui3nEditableProps, Ui3nEditableEmits, Ui3nEditableExpose } from './ui3n-editable/types';
 import { default as Ui3nAutocomplete } from './ui3n-autocomplete/ui3n-autocomplete';
-import { Ui3nAutocompleteProps, Ui3nAutocompleteEmits, Ui3nAutocompleteSlots, Ui3nAutocompleteOptionBase } from './ui3n-autocomplete/types';
+import { Ui3nAutocompleteProps, Ui3nAutocompleteEmits, Ui3nAutocompleteSlots, Ui3nAutocompleteExpose, Ui3nAutocompleteOptionBase } from './ui3n-autocomplete/types';
 import { default as Ui3nSlider } from './ui3n-slider/ui3n-slider';
-import { UI3nSliderProps, UI3nSliderEmits } from './ui3n-slider/types';
+import { UI3nSliderProps, UI3nSliderEmits, UI3nSliderExpose } from './ui3n-slider/types';
 import { default as Ui3nSelector } from './ui3n-selector/ui3n-selector';
-import { Ui3nSelectorOptionBase, Ui3nSelectorProps, Ui3nSelectorEmits, Ui3nSelectorSlots, Ui3nSelectorItemDisplayingFunction } from './ui3n-selector/types';
+import { Ui3nSelectorOptionBase, Ui3nSelectorProps, Ui3nSelectorEmits, Ui3nSelectorSlots, Ui3nSelectorExpose, Ui3nSelectorItemDisplayingFunction } from './ui3n-selector/types';
 import { default as Ui3nMobileMenu } from './ui3n-mobile-menu/ui3n-mobile-menu';
 import { Ui3nMobileMenuProps, Ui3nMobileMenuEmits, Ui3nMobileMenuSlots } from './ui3n-mobile-menu/types';
 import { default as Ui3nMobileMenuItem } from './ui3n-mobile-menu-item/ui3n-mobile-menu-item';
@@ -64,4 +64,4 @@ import { default as Ui3nScrollbarVertical } from './ui3n-scrollbar-vertical/ui3n
 import { Ui3nScrollbarVerticalProps, Ui3nScrollbarVerticalEmits, Ui3nScrollbarVerticalSlots, Ui3nScrollbarVerticalExpose } from './ui3n-scrollbar-vertical/types';
 import { default as Ui3nScrollbarHorizontal } from './ui3n-scrollbar-horizontal/ui3n-scroolbar-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, Ui3nEmoji, Ui3nEmojiProps, Ui3nEmojiEmits, Ui3nInput, Ui3nInputProps, Ui3nInputEmits, Ui3nInputSlots, Ui3nInputExpose, Ui3nInputFile, Ui3nInputFileProps, Ui3nInputFileEmits, Ui3nText, Ui3nTextProps, Ui3nTextEmits, Ui3nCheckbox, Ui3nCheckboxProps, Ui3nCheckboxEmits, Ui3nCheckboxSlots, 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, Ui3nList, Ui3nListProps, Ui3nListEmits, Ui3nListSlots, Ui3nVirtualScroll, Ui3nVirtualScrollProps, Ui3nVirtualScrollSlots, Ui3nTabs, Ui3nTabsProps, Ui3nTabsEmits, Ui3nTabsSlots, Ui3nBadge, Ui3nBadgeProps, Ui3nBreadcrumb, Ui3nBreadcrumbProps, Ui3nBreadcrumbEmits, Ui3nBreadcrumbSlots, Ui3nBreadcrumbs, Ui3nBreadcrumbsProps, Ui3nSwitch, Ui3nSwitchProps, Ui3nSwitchEmits, Ui3nSwitchSlots, Ui3nStepLineBar, Ui3nStepLineBarProps, Ui3nProgressLinear, Ui3nProgressLinearProps, Ui3nProgressCircular, Ui3nProgressCircularProps, Ui3nTooltip, Ui3nTooltipEmits, Ui3nTooltipProps, Ui3nTooltipSlots, Ui3nTooltipPlacement, Ui3nRadio, Ui3nRadioGroup, Ui3nRadioValue, Ui3nRadioEmits, Ui3nRadioProps, Ui3nRadioSlots, Ui3nRadioGroupEmits, Ui3nRadioGroupProps, Ui3nRadioGroupSlots, Ui3nEditable, Ui3nEditableProps, Ui3nEditableEmits, Ui3nAutocomplete, Ui3nAutocompleteProps, Ui3nAutocompleteEmits, Ui3nAutocompleteSlots, Ui3nAutocompleteOptionBase, Ui3nSlider, UI3nSliderProps, UI3nSliderEmits, Ui3nSelector, Ui3nSelectorProps, Ui3nSelectorEmits, Ui3nSelectorSlots, 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, 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/ui3n-autocomplete/types.d.ts

@@ -22,6 +22,10 @@ export type Ui3nAutocompleteValue<T extends Ui3nAutocompleteOptionBase> = {
  * Autocomplete component properties
  */
 export interface Ui3nAutocompleteProps<T extends Ui3nAutocompleteOptionBase> {
+    /**
+     * HTML name attribute for form submission
+     */
+    name?: string;
     /**
      * Whether to show chips
      * @default false
@@ -133,6 +137,7 @@ export interface Ui3nAutocompleteSlots<T extends Ui3nAutocompleteOptionBase> {
     chip: (props: {
         item: T | T[keyof T];
         index: number;
+        isHighlighted: boolean;
     }) => VNode;
     /**
      * No data text slot
@@ -145,3 +150,6 @@ export interface Ui3nAutocompleteSlots<T extends Ui3nAutocompleteOptionBase> {
         value: T[] | Array<T[keyof T]>;
     }) => VNode;
 }
+export interface Ui3nAutocompleteExpose {
+    clear: () => void;
+}

package/dist/components/ui3n-autocomplete/ui3n-autocomplete.d.ts

@@ -1,4 +1,4 @@
-import { Ui3nAutocompleteOptionBase, Ui3nAutocompleteProps, Ui3nAutocompleteEmits, Ui3nAutocompleteSlots } from './types';
+import { Ui3nAutocompleteOptionBase, Ui3nAutocompleteProps, Ui3nAutocompleteEmits, Ui3nAutocompleteSlots, Ui3nAutocompleteExpose } from './types';
 declare const _default: <T extends Ui3nAutocompleteOptionBase>(__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: T[keyof T][] | T[]) => any) | undefined;
@@ -6,7 +6,7 @@ declare const _default: <T extends Ui3nAutocompleteOptionBase>(__VLS_props: NonN
         readonly "onUpdate:focused"?: ((value: boolean) => any) | undefined;
         readonly "onValid:new-value"?: ((value: boolean) => any) | undefined;
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onUpdate:search" | "onUpdate:focused" | "onValid:new-value"> & Ui3nAutocompleteProps<T> & Partial<{}>> & import('vue').PublicProps;
-    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    expose(exposed: import('vue').ShallowUnwrapRef<Ui3nAutocompleteExpose>): void;
     attrs: any;
     slots: Readonly<Ui3nAutocompleteSlots<T>> & Ui3nAutocompleteSlots<T>;
     emit: Ui3nAutocompleteEmits<T>;

package/dist/components/ui3n-badge/types.d.ts

@@ -1,5 +1,9 @@
 import { VNode } from 'vue';
 export interface Ui3nBadgeSimpleProps {
+    /**
+     * Root element id
+     */
+    id?: string;
     /** For simple display as a circle */
     dot?: boolean;
     /** Text displayed inside the circle */
@@ -9,7 +13,15 @@ export interface Ui3nBadgeSimpleProps {
     /** Text color  */
     textColor?: string;
 }
+export interface Ui3nBadgeSimpleEmits {
+    (event: 'change:size', val: {
+        width: number;
+        height: number;
+    }): void;
+}
 export interface Ui3nBadgeProps {
+    /** Root element  id*/
+    id?: string;
     /** For simple display as a circle */
     dot?: boolean;
     /** Text displayed inside the circle */

package/dist/components/ui3n-badge/ui3n-badge-simple.d.ts

@@ -11,8 +11,8 @@ declare const _default: import('vue').DefineComponent<Ui3nBadgeSimpleProps, {},
     }) => any) | undefined;
 }>, {
     color: string;
-    textColor: string;
     value: string | number;
+    textColor: string;
     dot: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     element: HTMLDivElement;

package/dist/components/ui3n-badge/ui3n-badge.d.ts

@@ -8,8 +8,8 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Ui3nBadgeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Ui3nBadgeProps> & Readonly<{}>, {
     color: string;
-    textColor: string;
     value: string | number;
+    textColor: string;
     dot: boolean;
     position: "right-top" | "right-bottom" | "left-top" | "left-bottom";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/ui3n-breadcrumbs/types.d.ts

@@ -26,7 +26,7 @@ export interface Ui3nBreadcrumbEmits {
     /**
      * Called when the breadcrumb is clicked
      */
-    (ev: 'click', value: Event): void;
+    (ev: 'click', value: MouseEvent): void;
 }
 /**
  * Breadcrumb component slots

package/dist/components/ui3n-breadcrumbs/ui3n-breadcrumb.d.ts

@@ -7,9 +7,9 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Ui3nBreadcrumbProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    click: (value: Event) => any;
+    click: (value: MouseEvent) => any;
 }, string, import('vue').PublicProps, Readonly<Ui3nBreadcrumbProps> & Readonly<{
-    onClick?: ((value: Event) => any) | undefined;
+    onClick?: ((value: MouseEvent) => any) | undefined;
 }>, {
     disabled: boolean;
     separator: string;

package/dist/components/ui3n-button/types.d.ts

@@ -1,5 +1,7 @@
-import { VNode } from 'vue';
-export interface Ui3nButtonProps {
+import { ButtonHTMLAttributes, VNode } from 'vue';
+export interface Ui3nButtonProps extends /*@vue-ignore */ Omit<ButtonHTMLAttributes, 'type'> {
+    /** Root element  id*/
+    id?: string;
     /** Button type */
     type?: 'primary' | 'secondary' | 'tertiary' | 'outline' | 'icon' | 'custom';
     /** Button size */

package/dist/components/ui3n-checkbox/types.d.ts

@@ -7,6 +7,14 @@ export type Ui3nCheckboxValue = boolean | string | number;
  * Checkbox component properties
  */
 export interface Ui3nCheckboxProps {
+    /**
+     * Root element  id
+     */
+    id?: string;
+    /**
+     * HTML name attribute for form submission
+     */
+    name?: string;
     /**
      * Current checkbox value
      */
@@ -60,3 +68,6 @@ export interface Ui3nCheckboxSlots {
      */
     default: () => VNode;
 }
+export interface Ui3nCheckboxExpose {
+    clear: () => void;
+}

package/dist/components/ui3n-checkbox/ui3n-checkbox.d.ts

@@ -8,7 +8,9 @@ declare function __VLS_template(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<Ui3nCheckboxProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare const __VLS_component: import('vue').DefineComponent<Ui3nCheckboxProps, {
+    clear: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     change: (value: Ui3nCheckboxValue) => any;
     "update:modelValue": (value: Ui3nCheckboxValue) => any;
 }, string, import('vue').PublicProps, Readonly<Ui3nCheckboxProps> & Readonly<{
@@ -18,6 +20,7 @@ declare const __VLS_component: import('vue').DefineComponent<Ui3nCheckboxProps,
     size: number | string;
     color: string;
     disabled: boolean;
+    name: string;
     modelValue: Ui3nCheckboxValue;
     checkedValue: Ui3nCheckboxValue;
     uncheckedValue: Ui3nCheckboxValue;

package/dist/components/ui3n-chip/types.d.ts

@@ -3,6 +3,10 @@ import { VNode } from 'vue';
  * Chip component properties
  */
 export interface Ui3nChipProps {
+    /**
+     * Root element id
+     */
+    id?: string;
     /**
      * Chip height
      */
@@ -51,7 +55,8 @@ export interface Ui3nChipEmits {
     /**
      * Called when chip is closed
      */
-    (ev: 'close'): void;
+    (event: 'close'): void;
+    (event: 'click', value: MouseEvent): void;
 }
 /**
  * Chip component slots

package/dist/components/ui3n-chip/ui3n-chip.d.ts

@@ -7,8 +7,10 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Ui3nChipProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: (value: MouseEvent) => any;
     close: () => any;
 }, string, import('vue').PublicProps, Readonly<Ui3nChipProps> & Readonly<{
+    onClick?: ((value: MouseEvent) => any) | undefined;
     onClose?: (() => any) | undefined;
 }>, {
     height: number | string;

package/dist/components/ui3n-drop-files/types.d.ts

@@ -3,6 +3,10 @@ import { VNode } from 'vue';
  * Drop files component properties
  */
 export interface Ui3nDropFilesProps {
+    /**
+     * HTML name attribute for form submission
+     */
+    name?: string;
     /**
      * Drop files title
      */
@@ -43,3 +47,6 @@ export interface Ui3nDropFilesSlots {
      */
     'additional-text': () => VNode;
 }
+export interface Ui3nDropFilesExpose {
+    clear: () => void;
+}

package/dist/components/ui3n-drop-files/ui3n-drop-files.d.ts

@@ -4,20 +4,26 @@ declare function __VLS_template(): {
     slots: Readonly<Ui3nDropFilesSlots> & Ui3nDropFilesSlots;
     refs: {
         wrapperElement: HTMLDivElement;
+        fileInput: HTMLInputElement;
     };
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<Ui3nDropFilesProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare const __VLS_component: import('vue').DefineComponent<Ui3nDropFilesProps, {
+    clear: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     select: (fileList: FileList) => any;
 }, string, import('vue').PublicProps, Readonly<Ui3nDropFilesProps> & Readonly<{
     onSelect?: ((fileList: FileList) => any) | undefined;
 }>, {
     title: string;
     text: string;
+    name: string;
     additionalText: string;
+    permanentDisplay: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     wrapperElement: HTMLDivElement;
+    fileInput: HTMLInputElement;
 }, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/ui3n-editable/types.d.ts

@@ -77,6 +77,14 @@ export interface Ui3nContentEditableEmits {
  * Properties of the Ui3nEditable component
  */
 export interface Ui3nEditableProps {
+    /**
+     * Root element id
+     */
+    id?: string;
+    /**
+     * HTML name attribute for form submission
+     */
+    name?: string;
     /**
      * Current value of the editable content
      */
@@ -139,3 +147,6 @@ export interface Ui3nEditableEmits {
      */
     (event: 'focusout'): void;
 }
+export interface Ui3nEditableExpose {
+    clear: () => void;
+}

package/dist/components/ui3n-editable/ui3n-editable.d.ts

@@ -1,6 +1,8 @@
-import { Ui3nEditableProps } from './types';
 import { Nullable } from '../../types';
-declare const _default: import('vue').DefineComponent<Ui3nEditableProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+import { Ui3nEditableProps } from './types';
+declare const _default: import('vue').DefineComponent<Ui3nEditableProps, {
+    clear: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     done: () => any;
     cancel: () => any;
     focusin: (value: FocusEvent) => any;

package/dist/components/ui3n-icon/types.d.ts

@@ -1,4 +1,8 @@
 export interface Ui3nIconProps {
+    /**
+     * Root element id
+     */
+    id?: string;
     /** Icon name */
     icon: string;
     /** Icon title */
@@ -20,5 +24,5 @@ export interface Ui3nIconProps {
 }
 export interface Ui3nIconEmits {
     /** Called when the icon is clicked */
-    (ev: 'click', value: Event): void;
+    (ev: 'click', value: MouseEvent): void;
 }