@topjoao/top-design-system 0.1.0-beta.8 → 0.1.0

package/dist/TopToast-BoaGrI3X.js

@@ -1,673 +0,0 @@
-import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createSlots as o, createTextVNode as s, createVNode as c, defineComponent as l, guardReactiveProps as u, mergeProps as d, nextTick as f, normalizeClass as p, normalizeProps as m, normalizeStyle as h, onBeforeUnmount as g, onMounted as _, openBlock as v, ref as y, renderList as b, renderSlot as x, toDisplayString as S, unref as C, useAttrs as w, useId as T, useSlots as E, watch as D, withCtx as O, withDirectives as k } from "vue";
-import A from "primevue/button";
-import j from "primevue/tooltip";
-import { twMerge as M } from "tailwind-merge";
-import N from "primevue/dialog";
-import P from "primevue/inputtext";
-import ee from "primevue/autocomplete";
-import F from "primevue/toast";
-//#region src/components/TopButton.vue?vue&type=script&setup=true&lang.ts
-var I = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px] bg-transparent" }, L = /* @__PURE__ */ l({
-	__name: "TopButton",
-	props: {
-		tooltip: { default: "" },
-		tooltipClass: { default: "text-xs" },
-		label: { default: "" },
-		icon: { default: "" },
-		loading: {
-			type: Boolean,
-			default: !1
-		},
-		class: { default: "" },
-		outlined: {
-			type: Boolean,
-			default: !1
-		},
-		secondary: {
-			type: Boolean,
-			default: !1
-		},
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		unstyled: {
-			type: Boolean,
-			default: !1
-		},
-		type: { default: "button" }
-	},
-	emits: ["click"],
-	setup(e, { emit: r }) {
-		let a = E(), s = t(() => !!a.icon), c = e, l = r, u = t(() => {
-			let e = c.unstyled ? "" : c.secondary ? "rounded-[10px] border px-3 py-2 font-bold dark:!border-zinc-500 dark:!bg-zinc-700 dark:!text-zinc-100 dark:hover:!bg-zinc-600" : c.outlined ? "shrink-0 rounded-[10px] border-primary-800 px-3 py-2 text-primary-800 hover:bg-primary-50 dark:border-primary-200 dark:bg-transparent dark:text-primary-100 dark:hover:bg-primary-900" : "rounded-[10px] !border-primary-900 bg-primary-900 px-3 py-2 font-bold text-white hover:!border-primary-800 hover:bg-primary-800 dark:!text-white";
-			return M(e, c.class);
-		});
-		return (t, r) => (v(), i("span", I, [k((v(), n(C(A), {
-			type: e.type,
-			label: e.label,
-			disabled: e.disabled || e.loading,
-			icon: s.value ? void 0 : e.icon || void 0,
-			loading: e.loading,
-			outlined: e.outlined || e.secondary,
-			severity: e.secondary ? "secondary" : void 0,
-			class: p(u.value),
-			pt: { root: { class: u.value } },
-			onClick: r[0] ||= (e) => l("click")
-		}, o({ _: 2 }, [s.value ? {
-			name: "icon",
-			fn: O(() => [x(t.$slots, "icon")]),
-			key: "0"
-		} : void 0]), 1032, [
-			"type",
-			"label",
-			"disabled",
-			"icon",
-			"loading",
-			"outlined",
-			"severity",
-			"class",
-			"pt"
-		])), [[
-			C(j),
-			{
-				value: e.tooltip,
-				class: e.tooltipClass
-			},
-			void 0,
-			{ top: !0 }
-		]])]));
-	}
-}), R = {
-	primary: {
-		50: "#EEF9FF",
-		100: "#DFF4FF",
-		200: "#C5E6F8",
-		300: "#8EC4DF",
-		400: "#66ACD1",
-		500: "#2488BC",
-		600: "#036DA3",
-		700: "#1B5783",
-		800: "#02466B",
-		900: "#052F4A",
-		950: "#0C192D"
-	},
-	secondary: {
-		50: "#FAFAFA",
-		100: "#F4F4F5",
-		200: "#E9E9E9",
-		300: "#D8D8D8",
-		400: "#B8B8B8",
-		500: "#8E8E8E",
-		600: "#676767",
-		700: "#4B4B4B",
-		800: "#343434",
-		900: "#1C1917",
-		950: "#0C0A09"
-	},
-	success: {
-		50: "#FAFFFA",
-		100: "#F4FBF6",
-		200: "#DFF6DE",
-		300: "#CBE3CA",
-		400: "#A3CCA1",
-		500: "#6BA968",
-		600: "#358F30",
-		700: "#2C7B27",
-		800: "#1E631A",
-		900: "#10430D",
-		950: "#062804"
-	},
-	warn: {
-		50: "#FFF7ED",
-		100: "#FDF3D8",
-		200: "#FDE9B2",
-		300: "#FDD566",
-		400: "#FFB900",
-		500: "#FFA515",
-		600: "#FD9024",
-		700: "#DD781F",
-		800: "#BC4E00",
-		900: "#A42D02",
-		950: "#792202"
-	},
-	danger: {
-		50: "#F8E6E4",
-		100: "#FFDDD9",
-		200: "#EEC1BC",
-		300: "#E3938C",
-		400: "#E3675C",
-		500: "#DC3F32",
-		600: "#CF150E",
-		700: "#B10404",
-		800: "#820907",
-		900: "#5D0803",
-		950: "#450501"
-	}
-}, z = ["aria-label", "disabled"], B = { class: "flex flex-col items-center gap-2 pt-2" }, V = { class: "text-base font-bold text-secondary-900 dark:text-zinc-100" }, H = { class: "text-sm leading-5 text-secondary-700 dark:text-zinc-300" }, U = { class: "mt-2 flex w-full items-center justify-center gap-3" }, W = /* @__PURE__ */ l({
-	__name: "TopConfirmDialog",
-	props: {
-		modelValue: {
-			type: Boolean,
-			default: !1
-		},
-		title: { default: "Confirmar" },
-		message: { default: "" },
-		confirmText: { default: "Confirmar" },
-		cancelText: { default: "Cancelar" },
-		loading: {
-			type: Boolean,
-			default: !1
-		},
-		loadingText: { default: "Processando..." },
-		severity: { default: "danger" },
-		icon: { default: "pi pi-exclamation-triangle" }
-	},
-	emits: [
-		"update:modelValue",
-		"confirm",
-		"cancel",
-		"close"
-	],
-	setup(e, { emit: r }) {
-		let i = e, o = r, l = t({
-			get: () => i.modelValue,
-			set: (e) => {
-				!e && i.loading || o("update:modelValue", e);
-			}
-		}), u = t(() => ({
-			"--top-confirm-dialog-accent": i.severity === "danger" ? R.danger[600] : R.primary[800],
-			"--top-confirm-dialog-accent-hover": i.severity === "danger" ? R.danger[700] : R.primary[700]
-		})), d = t(() => ["px-3 py-2 text-sm", i.severity === "danger" ? "!border-red-600 !bg-red-600 hover:!border-red-700 hover:!bg-red-700" : ""].filter(Boolean).join(" "));
-		function f() {
-			i.loading || o("confirm");
-		}
-		function m() {
-			i.loading || (o("cancel"), l.value = !1);
-		}
-		function g() {
-			i.loading || (l.value = !1);
-		}
-		return (t, r) => (v(), n(C(N), {
-			visible: l.value,
-			"onUpdate:visible": r[0] ||= (e) => l.value = e,
-			modal: "",
-			closable: !1,
-			"close-on-escape": !e.loading,
-			"dismissable-mask": !1,
-			draggable: !1,
-			"show-header": !1,
-			style: {
-				width: "500px",
-				maxWidth: "calc(100vw - 2rem)"
-			},
-			"aria-label": e.title,
-			pt: {
-				root: { class: "top-confirm-dialog top-solutions-component" },
-				content: { class: "p-6" },
-				footer: { class: "hidden" }
-			},
-			onHide: r[1] ||= (e) => o("close")
-		}, {
-			default: O(() => [a("div", {
-				class: "relative flex flex-col items-center gap-4 text-center",
-				style: h(u.value)
-			}, [
-				a("button", {
-					type: "button",
-					class: "absolute right-[-0.25rem] top-[-0.5rem] flex size-8 items-center justify-center rounded-full border-0 bg-transparent p-0 text-secondary-700 outline-none transition-colors hover:bg-secondary-200 focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 dark:text-zinc-200 dark:hover:bg-zinc-700",
-					"aria-label": e.cancelText,
-					disabled: e.loading,
-					onClick: g
-				}, [...r[2] ||= [a("i", {
-					class: "pi pi-times text-lg",
-					"aria-hidden": "true"
-				}, null, -1)]], 8, z),
-				a("div", B, [a("i", {
-					class: p([e.icon, "top-confirm-dialog__icon text-[40px]"]),
-					"aria-hidden": "true"
-				}, null, 2), a("p", V, S(e.title), 1)]),
-				a("div", H, [x(t.$slots, "message", {}, () => [x(t.$slots, "default", {}, () => [s(S(e.message), 1)])])]),
-				a("div", U, [c(L, {
-					label: e.cancelText,
-					secondary: "",
-					disabled: e.loading,
-					class: "px-3 py-2 text-sm",
-					onClick: m
-				}, null, 8, ["label", "disabled"]), c(L, {
-					label: e.loading ? e.loadingText : e.confirmText,
-					loading: e.loading,
-					class: p(d.value),
-					onClick: f
-				}, null, 8, [
-					"label",
-					"loading",
-					"class"
-				])])
-			], 4)]),
-			_: 3
-		}, 8, [
-			"visible",
-			"close-on-escape",
-			"aria-label"
-		]));
-	}
-}), G = { class: "top-input-text top-solutions-component flex w-full flex-col gap-1" }, K = ["for"], q = {
-	key: 0,
-	"aria-hidden": "true",
-	class: "text-red-600 dark:text-red-400"
-}, J = ["id"], Y = /* @__PURE__ */ l({
-	inheritAttrs: !1,
-	__name: "TopInputText",
-	props: {
-		modelValue: { default: "" },
-		label: { default: "" },
-		placeholder: { default: "" },
-		required: {
-			type: Boolean,
-			default: !1
-		},
-		error: { default: "" },
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		readonly: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	emits: ["update:modelValue"],
-	setup(e, { emit: n }) {
-		let a = e, o = n, l = w(), u = T(), f = t(() => l.id === void 0 || l.id === null || l.id === "" ? u : String(l.id)), p = t(() => `${f.value}-error`), m = t(() => {
-			if (a.error) return !0;
-			let e = l["aria-invalid"];
-			return typeof e == "boolean" || e === "true" || e === "false" || e === "grammar" || e === "spelling" ? e : void 0;
-		}), h = t(() => {
-			let e = l["aria-describedby"], t = [typeof e == "string" ? e : "", a.error ? p.value : ""].filter(Boolean);
-			return t.length ? t.join(" ") : void 0;
-		});
-		function g(e) {
-			o("update:modelValue", e ?? "");
-		}
-		return (t, n) => (v(), i("div", G, [
-			e.label ? (v(), i("label", {
-				key: 0,
-				for: f.value,
-				class: "text-xs font-bold text-secondary-800 dark:text-zinc-200"
-			}, [s(S(e.label) + " ", 1), e.required ? (v(), i("span", q, "*")) : r("", !0)], 8, K)) : r("", !0),
-			c(C(P), d(t.$attrs, {
-				id: f.value,
-				"model-value": e.modelValue,
-				type: "text",
-				placeholder: e.placeholder,
-				required: e.required,
-				disabled: e.disabled,
-				readonly: e.readonly,
-				invalid: !!e.error,
-				"aria-invalid": m.value,
-				"aria-describedby": h.value,
-				fluid: "",
-				class: "top-input-text__control h-[40px] w-full rounded-[10px] border border-secondary-600 px-3 py-2 text-xs text-secondary-900 enabled:hover:border-secondary-700 read-only:cursor-default read-only:bg-secondary-50 disabled:cursor-not-allowed dark:border-zinc-600 dark:bg-zinc-800 dark:text-zinc-100 dark:placeholder:text-zinc-400 dark:enabled:hover:border-zinc-500 dark:read-only:bg-zinc-800",
-				"onUpdate:modelValue": g
-			}), null, 16, [
-				"id",
-				"model-value",
-				"placeholder",
-				"required",
-				"disabled",
-				"readonly",
-				"invalid",
-				"aria-invalid",
-				"aria-describedby"
-			]),
-			e.error ? (v(), i("span", {
-				key: 1,
-				id: p.value,
-				class: "text-[11px] text-red-600 dark:text-red-400",
-				role: "alert"
-			}, S(e.error), 9, J)) : r("", !0)
-		]));
-	}
-}), X = { class: "pointer-events-none absolute left-3 top-2 iconetop z-10 text-primary-800 dark:text-primary-500" }, Z = {
-	key: 0,
-	class: "pi pi-spin pi-spinner"
-}, Q = {
-	key: 1,
-	class: "pi pi-search"
-}, te = {
-	key: 1,
-	class: "flex items-center gap-1 !text-sm"
-}, ne = { class: "flex items-center gap-2 rounded-[9px] bg-primary-500 px-2 py-1 text-white" }, re = ["onClick"], ie = { class: "line-clamp-1 max-w-[300px] overflow-hidden text-ellipsis" }, ae = {
-	key: 1,
-	class: "flex min-h-[100px] flex-col items-center justify-center gap-2 py-2"
-}, oe = {
-	key: 0,
-	class: "text-xs font-medium text-primary-600"
-}, se = {
-	key: 2,
-	class: "text-xs text-secondary-500"
-}, ce = { key: 1 }, le = {
-	key: 1,
-	class: "flex items-center gap-2 font-semibold"
-}, ue = {
-	key: 1,
-	class: "flex w-full min-w-0 items-start gap-2 overflow-hidden px-2 py-3 text-sm",
-	style: { "white-space": "normal" }
-}, de = ["title"], fe = {
-	key: 0,
-	class: "top-select-option-prefix whitespace-nowrap font-bold text-primary-800 dark:text-primary-100"
-}, pe = {
-	key: 0,
-	class: "rounded-sm bg-primary-200 p-0 font-bold text-black dark:bg-cyan-700 dark:text-white"
-}, $ = {
-	key: 0,
-	class: "rounded-sm bg-primary-200 p-0 font-bold text-black dark:bg-cyan-700 dark:text-white"
-}, me = /* @__PURE__ */ l({
-	__name: "TopSelect",
-	props: {
-		modelValue: { default: null },
-		options: { default: () => [] },
-		loading: {
-			type: Boolean,
-			default: !1
-		},
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		placeholder: { default: "Pesquisar..." },
-		optionLabel: {
-			type: [String, Function],
-			default: "label"
-		},
-		optionKey: { default: "id" },
-		optionPrefix: { default: "" },
-		showOptionPrefix: {
-			type: Boolean,
-			default: !1
-		},
-		showSelectedPrefix: {
-			type: Boolean,
-			default: !1
-		},
-		panelWidth: { default: null },
-		scrollHeight: { default: "250px" },
-		invalid: {
-			type: Boolean,
-			default: !1
-		},
-		showTooltip: {
-			type: Boolean,
-			default: !0
-		},
-		optionGroupLabel: { default: null },
-		optionGroupChildren: { default: null },
-		minQueryLength: { default: 1 },
-		emptyMessage: { default: "Nenhum resultado encontrado." },
-		loadingMessage: { default: "Carregando..." },
-		showLoadingMessage: {
-			type: Boolean,
-			default: !0
-		},
-		multiple: {
-			type: Boolean,
-			default: !1
-		},
-		forceSelection: {
-			type: Boolean,
-			default: !0
-		},
-		closeOnSelect: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	emits: [
-		"update:modelValue",
-		"search",
-		"loadMore",
-		"clear",
-		"select",
-		"change"
-	],
-	setup(n, { expose: l, emit: h }) {
-		let w = n, T = h, A = E(), M = ee, N = y(""), P = y(!1), F = y(null), I = `top-select-${Math.random().toString(36).slice(2)}`, L = null, R = t({
-			get: () => w.modelValue,
-			set: (e) => T("update:modelValue", e)
-		});
-		function z(e, t) {
-			return e == null ? "" : String(typeof e == "object" ? e[t] ?? "" : e);
-		}
-		function B(e) {
-			return e == null ? "" : typeof w.optionLabel == "function" ? w.optionLabel(e) : z(e, w.optionLabel);
-		}
-		function V(e) {
-			return w.optionPrefix ? z(e, w.optionPrefix) : "";
-		}
-		function H(e, t = w.showSelectedPrefix) {
-			let n = B(e), r = V(e);
-			return t && r ? `${r} - ${n}` : n;
-		}
-		function U(e) {
-			let t = N.value;
-			if (!t) return [{
-				text: e,
-				highlighted: !1
-			}];
-			let n = t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), r = RegExp(`(${n})`, "gi");
-			return e.split(r).filter(Boolean).map((e) => ({
-				text: e,
-				highlighted: e.toLowerCase() === t.toLowerCase()
-			}));
-		}
-		function W() {
-			F.value?.hide?.();
-		}
-		function G() {
-			typeof window > "u" || window.dispatchEvent(new CustomEvent("top-select:close-others", { detail: { instanceId: I } }));
-		}
-		function K(e) {
-			e.detail?.instanceId !== I && W();
-		}
-		function q() {
-			if (w.disabled || L) {
-				W();
-				return;
-			}
-			P.value = !0, G();
-		}
-		function J() {
-			w.closeOnSelect && (P.value = !1, W(), f(W), L && clearTimeout(L), L = setTimeout(() => {
-				W(), L = null;
-			}, 200));
-		}
-		return l({ hideDropdown: W }), _(() => window.addEventListener("top-select:close-others", K)), g(() => {
-			window.removeEventListener("top-select:close-others", K), L && clearTimeout(L);
-		}), D(() => w.disabled, (e) => {
-			e && (P.value = !1, W());
-		}), D(() => w.options, () => {
-			P.value || W();
-		}), (t, l) => (v(), i("div", {
-			class: p(["top-select top-solutions-component relative w-full", { "pointer-events-none": n.disabled }]),
-			onFocusin: q
-		}, [a("span", X, [x(t.$slots, "icon", { loading: n.loading }, () => [n.loading ? (v(), i("i", Z)) : (v(), i("i", Q))])]), c(C(M), {
-			ref_key: "autocompleteRef",
-			ref: F,
-			modelValue: R.value,
-			"onUpdate:modelValue": l[0] ||= (e) => R.value = e,
-			"option-group-label": n.optionGroupLabel ?? void 0,
-			"option-group-children": n.optionGroupChildren ?? void 0,
-			suggestions: n.options,
-			"data-key": n.optionKey,
-			"option-label": (e) => H(e),
-			placeholder: n.placeholder,
-			multiple: n.multiple,
-			"min-length": n.minQueryLength,
-			disabled: n.disabled,
-			delay: 500,
-			"show-clear": !n.multiple && !n.disabled,
-			dropdown: "",
-			"dropdown-mode": "current",
-			"complete-on-focus": !1,
-			invalid: n.invalid,
-			fluid: "",
-			"force-selection": n.forceSelection,
-			"input-class": "text-xs",
-			"virtual-scroller-options": {
-				lazy: !0,
-				onLazyLoad: (e) => T("loadMore", e),
-				itemSize: 84,
-				showLoader: !0,
-				scrollHeight: n.scrollHeight
-			},
-			pt: {
-				root: { class: ["w-full text-xs", n.multiple ? "h-auto" : "h-[40px]"].join(" ") },
-				pcInputText: { root: { class: "w-full h-auto text-xs dark:text-zinc-100 border border-secondary-600 rounded-[10px] !pl-9 min-h-[36px] dark:border-zinc-600 dark:!bg-zinc-800" } },
-				input: { class: ["w-full h-auto text-xs dark:text-zinc-100", n.multiple ? "border-0 bg-transparent py-1 !shadow-none outline-none ring-0 dark:!bg-transparent" : "border border-secondary-600 rounded-[10px] !pl-9 min-h-[36px] dark:border-zinc-600 dark:!bg-zinc-600"].join(" ") },
-				inputMultiple: { class: ["rounded-[10px] pl-9 min-h-[40px] dark:border-zinc-600 dark:text-zinc-100", n.disabled ? "dark:!bg-zinc-700 dark:!text-zinc-400" : "dark:!bg-zinc-800"].join(" ") },
-				inputChip: { class: "py-0" },
-				token: { class: "bg-primary-100 text-primary-900 rounded-md gap-2 px-2 my-1 dark:bg-primary-900 dark:text-primary-100" },
-				removeTokenIcon: { class: "text-primary-900 w-3 h-3 cursor-pointer dark:text-primary-100" },
-				panel: { class: "top-select-panel top-solutions-component max-w-[85vw] overflow-hidden h-fit shadow-xl" },
-				listContainer: {
-					class: "max-w-full overflow-x-hidden",
-					style: {
-						overflowX: "hidden",
-						maxWidth: n.panelWidth ?? "85vw",
-						...n.panelWidth ? { width: n.panelWidth } : {}
-					}
-				},
-				list: { class: "max-w-full overflow-x-hidden" },
-				option: { class: "max-w-full overflow-hidden min-h-[84px]" },
-				placeholder: { class: "!text-xs" }
-			},
-			"search-message": " ",
-			onClear: l[1] ||= (e) => {
-				N.value = "", T("clear");
-			},
-			onItemSelect: l[2] ||= (e) => {
-				N.value = "", T("select", e), J();
-			},
-			onComplete: l[3] ||= (e) => {
-				if (n.disabled) {
-					W();
-					return;
-				}
-				N.value = e.query ?? "", G(), T("search", {
-					...e,
-					query: N.value
-				});
-			},
-			onChange: l[4] ||= (e) => T("change", e)
-		}, o({
-			chip: O((e) => [C(A).chip ? x(t.$slots, "chip", m(u(e)), void 0, void 0, 0) : (v(), i("div", te, [a("div", ne, [a("i", {
-				class: "pi pi-times-circle shrink-0 cursor-pointer rounded-full hover:bg-primary-800",
-				onClick: (t) => e.removeCallback(t)
-			}, null, 8, re), k((v(), i("span", ie, [s(S(H(e.value)), 1)])), [[
-				C(j),
-				H(e.value),
-				void 0,
-				{ top: !0 }
-			]])])]))]),
-			empty: O(() => [C(A).empty ? x(t.$slots, "empty", {}, void 0, void 0, 0) : n.loading ? (v(), i("div", ae, [l[5] ||= a("span", { class: "pi pi-spin pi-spinner text-2xl text-primary-600" }, null, -1), n.showLoadingMessage ? (v(), i("span", oe, S(n.loadingMessage), 1)) : r("", !0)])) : (v(), i("span", se, S(n.emptyMessage), 1))]),
-			"selected-item": O((e) => [C(A)["selected-item"] ? x(t.$slots, "selected-item", m(u(e)), void 0, void 0, 0) : e.item ? (v(), i("span", ce, S(H(e.item)), 1)) : r("", !0)]),
-			optiongroup: O((e) => [C(A)["option-group"] ? x(t.$slots, "option-group", m(u(e)), void 0, void 0, 0) : (v(), i("div", le, [e.option.icon ? (v(), i("i", {
-				key: 0,
-				class: p(e.option.icon)
-			}, null, 2)) : r("", !0), a("span", null, S(e.option[n.optionGroupLabel ?? "label"]), 1)]))]),
-			option: O((o) => [C(A).option ? x(t.$slots, "option", d(o, {
-				label: B(o.option),
-				prefix: V(o.option),
-				query: N.value
-			}), void 0, void 0, 0) : k((v(), i("div", ue, [a("span", {
-				class: "top-select-option-label line-clamp-2 min-w-0 flex-1 text-secondary-700 dark:text-zinc-200",
-				title: B(o.option)
-			}, [n.showOptionPrefix && V(o.option) ? (v(), i("span", fe, [(v(!0), i(e, null, b(U(V(o.option)), (t, n) => (v(), i(e, { key: n }, [t.highlighted ? (v(), i("mark", pe, S(t.text), 1)) : (v(), i(e, { key: 1 }, [s(S(t.text), 1)], 64))], 64))), 128)), l[6] ||= a("span", { class: "font-bold text-secondary-500 dark:text-zinc-400" }, "\xA0-\xA0", -1)])) : r("", !0), (v(!0), i(e, null, b(U(B(o.option)), (t, n) => (v(), i(e, { key: n }, [t.highlighted ? (v(), i("mark", $, S(t.text), 1)) : (v(), i(e, { key: 1 }, [s(S(t.text), 1)], 64))], 64))), 128))], 8, de)])), [[
-				C(j),
-				n.showTooltip ? B(o.option) : null,
-				void 0,
-				{ top: !0 }
-			]])]),
-			_: 2
-		}, [C(A).footer ? {
-			name: "footer",
-			fn: O((e) => [x(t.$slots, "footer", m(u(e)))]),
-			key: "0"
-		} : void 0]), 1032, [
-			"modelValue",
-			"option-group-label",
-			"option-group-children",
-			"suggestions",
-			"data-key",
-			"option-label",
-			"placeholder",
-			"multiple",
-			"min-length",
-			"disabled",
-			"show-clear",
-			"invalid",
-			"force-selection",
-			"virtual-scroller-options",
-			"pt"
-		])], 34));
-	}
-}), he = { class: "top-toast__content" }, ge = { class: "top-toast__detail" }, _e = ["onClick"], ve = {
-	key: 0,
-	class: "top-toast__footer"
-}, ye = /* @__PURE__ */ l({
-	__name: "TopToast",
-	props: { baseZIndex: { default: 3e4 } },
-	setup(e) {
-		function t(e) {
-			return e.data?.footer;
-		}
-		function o(e) {
-			return e.data?.action;
-		}
-		function c(e) {
-			o(e)?.onClick?.();
-		}
-		function l(e) {
-			return t(e) !== void 0;
-		}
-		function u(e) {
-			return !!o(e);
-		}
-		function d(e, t) {
-			return `top-toast__${t}--${e.severity ?? "info"}`;
-		}
-		return (f, m) => (v(), n(C(F), {
-			position: "top-right",
-			"base-z-index": e.baseZIndex
-		}, {
-			message: O((e) => [a("div", he, [
-				a("div", { class: p(["top-toast__summary", d(e.message, "summary")]) }, S(e.message.summary), 3),
-				a("div", ge, S(e.message.detail), 1),
-				u(e.message) ? x(f.$slots, "action", {
-					action: o(e.message),
-					message: e.message,
-					run: () => c(e.message)
-				}, () => [o(e.message) ? (v(), i("button", {
-					key: 0,
-					class: p(["top-toast__action", d(e.message, "action")]),
-					type: "button",
-					onClick: (t) => c(e.message)
-				}, [o(e.message)?.icon ? (v(), i("i", {
-					key: 0,
-					class: p(o(e.message)?.icon),
-					"aria-hidden": "true"
-				}, null, 2)) : r("", !0), s(" " + S(o(e.message)?.label), 1)], 10, _e)) : r("", !0)], void 0, 0) : r("", !0),
-				l(e.message) ? x(f.$slots, "footer", {
-					message: e.message,
-					footer: t(e.message)
-				}, () => [t(e.message) === void 0 ? r("", !0) : (v(), i("div", ve, S(t(e.message)), 1))], void 0, 1) : r("", !0)
-			])]),
-			_: 3
-		}, 8, ["base-z-index"]));
-	}
-});
-//#endregion
-export { R as a, W as i, me as n, L as o, Y as r, ye as t };
-
-//# sourceMappingURL=TopToast-BoaGrI3X.js.map