@reapit/elements 5.0.0-beta.80 → 5.0.0-beta.82

package/dist/js/listbox-D8N2pj3f.js

@@ -0,0 +1,325 @@
+import { t as e } from "./dist-DLc9lUhF.js";
+import { useMutationObserver as t } from "./utils/mutation-observer.js";
+import { Divider as n } from "./core/divider.js";
+import { handleArrowNavigation as r } from "./utils/keyboard-navigation.js";
+import { createContext as i, forwardRef as a, useCallback as o, useContext as s, useEffect as c, useId as l, useMemo as u, useRef as d, useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/utils/listbox/context.ts
+var h = i(null);
+function g() {
+	let e = s(h);
+	if (!e) throw Error("useListboxContext must be used within a Listbox");
+	return e;
+}
+//#endregion
+//#region src/utils/listbox/dom-helpers/common.ts
+var _ = class e extends Error {
+	constructor(t) {
+		super(t), this.name = "ListboxError", Error.captureStackTrace && Error.captureStackTrace(this, e);
+	}
+};
+function v(e) {
+	let t;
+	if (typeof e == "string") {
+		let n = document.getElementById(e);
+		if (!n) throw new _(`Listbox with id "${e}" does not exist in the document`);
+		t = n;
+	} else t = e;
+	let n = t.firstElementChild;
+	if (!(n instanceof HTMLSelectElement)) throw new _(`${typeof e == "string" ? `Listbox with id "${e}"` : "Listbox element"} does not contain a select element as its first child. Found: ${n?.constructor.name ?? "null"}`);
+	return n;
+}
+function y(e, t) {
+	let n = Array.from(e.options).find((e) => e.value === t);
+	if (!(n instanceof HTMLOptionElement)) throw new _(`Option with value "${t}" does not exist in select element. Available values: [${Array.from(e.options).map((e) => e.value).join(", ")}]`);
+	return n;
+}
+function b(e) {
+	let t = new Event("input", {
+		bubbles: !0,
+		cancelable: !0
+	});
+	e.dispatchEvent(t);
+}
+//#endregion
+//#region src/utils/listbox/dom-helpers/clear-listbox-value.ts
+function x(e) {
+	let t = v(e), n = t.selectedOptions.length > 0;
+	for (let e of Array.from(t.selectedOptions)) e.selected = !1;
+	n && b(t);
+}
+//#endregion
+//#region src/utils/listbox/dom-helpers/get-listbox-value.ts
+function S(e) {
+	let t = e instanceof HTMLSelectElement ? e : v(e), n = Array.from(t.selectedOptions).map((e) => e.value).filter((e) => e !== "");
+	return t.multiple ? n : n[0] ?? "";
+}
+//#endregion
+//#region src/utils/listbox/dom-helpers/selectors.ts
+var C = ":is(button[role=\"option\"], summary)", w = `${C}:is([aria-checked="true"], [aria-selected="true"])`;
+//#endregion
+//#region src/utils/listbox/dom-helpers/get-listbox-selected-options.ts
+function T(e) {
+	return Array.from(e.querySelectorAll(w)).filter((e) => e instanceof HTMLButtonElement && e.value !== "");
+}
+//#endregion
+//#region src/utils/listbox/dom-helpers/is-listbox-option-selected.ts
+function E(e) {
+	return e.ariaChecked === "true" || e.ariaSelected === "true";
+}
+//#endregion
+//#region src/utils/listbox/dom-helpers/set-listbox-option-selected-state.ts
+function D(e, t, n) {
+	let r = v(e), i = y(r, t), a = i.selected;
+	i.selected = n(i.selected, r), a !== i.selected && b(r);
+}
+//#endregion
+//#region src/utils/listbox/get-select-id.ts
+function O(e) {
+	return `${e}-select`;
+}
+//#endregion
+//#region src/utils/listbox/render-context.ts
+var k = i(null);
+function A() {
+	let e = s(k);
+	if (!e) throw Error("useListboxRenderContext must be used within a Listbox");
+	return e;
+}
+//#endregion
+//#region src/utils/listbox/option/update-option-selection.ts
+var j = {
+	auto: (e, t) => t.multiple ? !e : !0,
+	toggle: (e) => !e,
+	select: () => !0
+};
+function M(e) {
+	return e === "auto" || e === "toggle" || e === "select";
+}
+function N(e) {
+	let { listboxId: t, selectAction: n } = e.currentTarget.dataset, r = e.currentTarget.value;
+	!t || typeof r != "string" || M(n) && D(t, r, j[n]);
+}
+//#endregion
+//#region src/utils/listbox/option/option.tsx
+function P({ as: e, children: t, disabled: n, onClick: r, value: i, ...a }) {
+	let o = e || "button", s = g(), c = A(), l = s.selectValue.includes(i) || i === "" && s.selectValue.length === 0;
+	if (c === "native") return l ? null : /* @__PURE__ */ p("option", {
+		value: i,
+		children: t
+	});
+	let u = (e) => {
+		r?.(e), N(e);
+	};
+	return /* @__PURE__ */ p(o, {
+		...a,
+		"aria-checked": s.multiple ? l : void 0,
+		"aria-selected": s.multiple ? void 0 : l,
+		"data-listbox-id": s.listboxId,
+		"data-select-action": s.selectAction,
+		disabled: s.disabled || n,
+		onClick: u,
+		role: "option",
+		tabIndex: -1,
+		type: "button",
+		value: i,
+		children: t
+	});
+}
+P.displayName = "Listbox.Option";
+//#endregion
+//#region src/utils/listbox/optgroup/optgroup.tsx
+function F({ as: e, children: t, label: n, ...r }) {
+	return A() === "native" ? /* @__PURE__ */ p("optgroup", {
+		label: n,
+		children: t
+	}) : /* @__PURE__ */ p(e, {
+		...r,
+		label: n,
+		role: "group",
+		children: t
+	});
+}
+F.displayName = "Listbox.Optgroup";
+//#endregion
+//#region src/utils/listbox/select/styles.ts
+var I = /* @__PURE__ */ e("select")({
+	name: "ElListboxSelect",
+	class: "el-listbox-select",
+	propsAsIs: !1
+}), L = a(function({ children: e, onChange: t, placeholder: n = "Select an option", multiple: r, value: i, ...a }, o) {
+	return /* @__PURE__ */ m(I, {
+		...a,
+		hidden: !0,
+		multiple: r,
+		onChange: t,
+		onInput: t,
+		ref: o,
+		value: r ? i : i[0] ?? "",
+		children: [
+			!r && /* @__PURE__ */ p("option", {
+				value: "",
+				children: n
+			}),
+			i.map((e) => /* @__PURE__ */ p("option", {
+				value: e,
+				children: e
+			}, e)),
+			/* @__PURE__ */ p(k.Provider, {
+				value: "native",
+				children: e
+			})
+		]
+	});
+});
+//#endregion
+//#region src/utils/listbox/use-focus-management/handle-blur-event.ts
+function R(e) {
+	let t = e.currentTarget, n = v(t);
+	t.contains(e.relatedTarget) || (t.tabIndex = 0, e.isTrusted && n.dispatchEvent(new FocusEvent("focusout", {
+		bubbles: !0,
+		cancelable: !0,
+		relatedTarget: e.relatedTarget
+	})));
+}
+//#endregion
+//#region src/utils/listbox/use-focus-management/handle-focus-event.ts
+function z(e) {
+	return e instanceof HTMLButtonElement;
+}
+function B(e) {
+	return e instanceof HTMLElement && e.matches(":focus-visible");
+}
+function V(e) {
+	let t = e.currentTarget, n = v(t), r = t.dataset.selectionFollowsFocus === "true", { relatedTarget: i, target: a } = e, o = B(a), s = !t.contains(i), c = t.contains(i) && z(a) && z(i);
+	if (o && c && r) {
+		a.click();
+		return;
+	}
+	if (s && (e.isTrusted && n.dispatchEvent(new FocusEvent("focusin", {
+		bubbles: !0,
+		cancelable: !0,
+		relatedTarget: e.relatedTarget
+	})), o)) {
+		t.tabIndex = -1;
+		let e = t.querySelector(w);
+		if (z(e)) {
+			e.focus();
+			return;
+		}
+		let n = t.querySelector(C);
+		z(n) && (n.focus(), r && n.click());
+	}
+}
+//#endregion
+//#region src/utils/listbox/use-focus-management/use-focus-management.ts
+function H({ onKeyDown: e }) {
+	return {
+		onBlur: (e) => {
+			R(e);
+		},
+		onFocus: (e) => {
+			V(e);
+		},
+		onKeyDown: (t) => {
+			e?.(t), r(t, { selectors: C });
+		}
+	};
+}
+//#endregion
+//#region src/utils/listbox/use-selection-observer.tsx
+function U(e, n) {
+	let r = d(n);
+	c(function() {
+		r.current = n;
+	}, [n]);
+	let i = o(() => {
+		let t = document.getElementById(e);
+		if (t) {
+			let n = S(e), i = T(t);
+			r.current(i, n);
+		}
+	}, [e]);
+	c(function() {
+		i();
+	}, []), t(e, i, W), t(O(e), i, G);
+}
+var W = {
+	attributeFilter: ["aria-checked", "aria-selected"],
+	subtree: !0
+}, G = { childList: !0 };
+//#endregion
+//#region src/utils/listbox/use-select-state.tsx
+function K({ defaultValue: e, multiple: t, onChange: n, value: r }) {
+	let [i, a] = f(() => q(r ?? e ?? [])), o = q(r ?? i);
+	return [t ? o : o.slice(0, 1), (e) => {
+		n?.(e), a(q(S(e.currentTarget)));
+	}];
+}
+function q(e) {
+	return typeof e == "string" ? [e] : e;
+}
+//#endregion
+//#region src/utils/listbox/use-state.ts
+function J(e) {
+	return f(e);
+}
+//#endregion
+//#region src/utils/listbox/listbox.tsx
+function Y({ "aria-disabled": e = !1, "aria-multiselectable": t = !1, "aria-orientation": n = "vertical", "aria-required": r = !1, as: i, children: a, className: o, defaultValue: s, id: c, name: d, onBlur: f, onChange: g, onFocus: _, onKeyDown: v, placeholder: y, selectAction: b = "auto", selectRef: x, selectionFollowsFocus: S = !t, style: C, value: w, ...T }) {
+	let E = i ?? "div", D = l(), A = c ?? D, [j, M] = K({
+		defaultValue: s,
+		multiple: t,
+		onChange: g,
+		value: w
+	}), N = H({ onKeyDown: v }), P = u(() => ({
+		disabled: e,
+		listboxId: A,
+		multiple: t,
+		selectAction: b,
+		selectValue: j
+	}), [
+		e,
+		A,
+		t,
+		b,
+		j
+	]);
+	return /* @__PURE__ */ p(E, {
+		...T,
+		...N,
+		"aria-disabled": e,
+		"aria-multiselectable": t,
+		"aria-orientation": n,
+		"aria-required": r,
+		"data-selection-follows-focus": S,
+		className: o,
+		id: A,
+		role: "listbox",
+		style: C,
+		tabIndex: 0,
+		children: /* @__PURE__ */ m(h.Provider, {
+			value: P,
+			children: [/* @__PURE__ */ p(L, {
+				disabled: e,
+				id: O(A),
+				multiple: t,
+				name: d,
+				onBlur: f,
+				onChange: M,
+				onFocus: _,
+				placeholder: y,
+				ref: x,
+				required: r,
+				value: j,
+				children: a
+			}), /* @__PURE__ */ p(k.Provider, {
+				value: "custom",
+				children: a
+			})]
+		})
+	});
+}
+Y.Divider = n, Y.Option = P, Y.Optgroup = F, Y.Select = L, Y.useSelectionObserver = U, Y.useState = J, Y.Context = h, Y.RenderContext = k, Y.useContext = g, Y.useRenderContext = A, Y.clearValue = x, Y.getSelectedOptions = T, Y.getValue = S, Y.setOptionSelectedState = D;
+//#endregion
+export { x as _, H as a, k as c, D as d, E as f, S as g, w as h, U as i, A as l, C as m, J as n, F as o, T as p, K as r, P as s, Y as t, O as u, h as v, g as y };

package/dist/js/location-DXA24FLd.js

@@ -0,0 +1,16 @@
+import { t as e } from "./make-icon-Cez0iOAn.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#endregion
+//#region src/icons/location.tsx
+var n = e("LocationIcon", (e) => /* @__PURE__ */ t("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	fill: "currentColor",
+	viewBox: "0 0 24 24",
+	...e,
+	children: /* @__PURE__ */ t("path", { d: "M12 2a7 7 0 0 0-7 7c0 4.17 4.41 9.91 6.23 12.1a1 1 0 0 0 1.54 0C14.59 18.91 19 13.17 19 9a7 7 0 0 0-7-7Zm0 10a3 3 0 1 1 0-6 3 3 0 0 1 0 6Z" })
+}));
+//#endregion
+export { n as t };

package/dist/js/location-alt-BmJvHuVm.js

@@ -0,0 +1,16 @@
+import { t as e } from "./make-icon-Cez0iOAn.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#endregion
+//#region src/icons/location-alt.tsx
+var n = e("LocationAltIcon", (e) => /* @__PURE__ */ t("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	fill: "currentColor",
+	viewBox: "0 0 24 24",
+	...e,
+	children: /* @__PURE__ */ t("path", { d: "M10.91 23.191v-2c-2.095-.237-3.902-1.117-5.422-2.641-1.52-1.524-2.397-3.327-2.63-5.41h-2v-2.18h2C3.096 8.865 3.977 7.058 5.5 5.538c1.523-1.52 3.327-2.397 5.41-2.63v-2h2.18v2c2.083.233 3.887 1.11 5.41 2.63 1.523 1.52 2.404 3.327 2.641 5.422h2v2.18h-2c-.233 2.083-1.11 3.886-2.629 5.41-1.52 1.524-3.327 2.404-5.422 2.641v2h-2.18ZM12 18.978c1.917 0 3.55-.675 4.902-2.026 1.35-1.35 2.026-2.985 2.026-4.902 0-1.917-.675-3.551-2.026-4.902-1.35-1.35-2.985-2.026-4.902-2.026-1.917 0-3.55.675-4.902 2.026-1.35 1.35-2.025 2.985-2.026 4.902 0 1.917.675 3.551 2.026 4.902 1.35 1.35 2.985 2.026 4.902 2.026Z" })
+}));
+//#endregion
+export { n as t };

package/dist/js/location-disabled-7vClqgC2.js

@@ -0,0 +1,16 @@
+import { t as e } from "./make-icon-Cez0iOAn.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#endregion
+//#region src/icons/location-disabled.tsx
+var n = e("LocationDisabledIcon", (e) => /* @__PURE__ */ t("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	fill: "currentColor",
+	viewBox: "0 0 24 24",
+	...e,
+	children: /* @__PURE__ */ t("path", { d: "M9.07 11.161a3 3 0 1 1 4.2-4.2l2.8-2.86a7 7 0 0 0-12 4.86 12.48 12.48 0 0 0 1.7 5.47l3.3-3.27Zm11.19-6.98a1 1 0 0 0-1.41 0L3.29 19.741a1 1 0 1 0 1.42 1.41l3.21-3.19c.91 1.3 1.78 2.4 2.38 3.12a1 1 0 0 0 1.54 0c1.82-2.21 6.23-7.95 6.23-12.12a7.615 7.615 0 0 0-.09-1.08l2.28-2.28a1 1 0 0 0 0-1.42Z" })
+}));
+//#endregion
+export { n as t };

package/dist/js/location-outline-CwJRUO8T.js

@@ -0,0 +1,24 @@
+import { t as e } from "./make-icon-Cez0iOAn.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#endregion
+//#region src/icons/location-outline.tsx
+var r = e("LocationOutlineIcon", (e) => /* @__PURE__ */ n("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	fill: "currentColor",
+	viewBox: "0 0 24 24",
+	...e,
+	children: [/* @__PURE__ */ t("path", {
+		fillRule: "evenodd",
+		d: "M12 7.018a2.9 2.9 0 0 1 2.9 2.9v.037a2.9 2.9 0 0 1-2.9 2.9 2.9 2.9 0 0 1-2.9-2.9l.002-.018-.002-.019a2.9 2.9 0 0 1 2.9-2.9Zm0 1.8a1.1 1.1 0 0 0-1.1 1.1l-.002.019.002.018a1.099 1.099 0 1 0 2.2 0v-.037a1.1 1.1 0 0 0-1.1-1.1Z",
+		clipRule: "evenodd"
+	}), /* @__PURE__ */ t("path", {
+		fillRule: "evenodd",
+		d: "M12 2.1a7.774 7.774 0 0 1 7.773 7.773v.172c0 1.04-.325 2.145-.788 3.205-.466 1.07-1.098 2.155-1.774 3.172-1.013 1.524-2.15 2.934-3.033 3.964l-.784.892c-.7.777-1.882.826-2.642.146l-.146-.146c-.896-.994-2.466-2.823-3.817-4.856-.676-1.017-1.308-2.102-1.774-3.172-.463-1.06-.788-2.165-.788-3.205v-.172A7.774 7.774 0 0 1 12 2.1Zm0 1.8a5.972 5.972 0 0 0-5.973 5.973v.172c0 .69.222 1.535.637 2.486.41.941.984 1.93 1.624 2.894 1.281 1.927 2.785 3.683 3.655 4.648.032.035.081.036.113.001.87-.966 2.375-2.722 3.656-4.65.64-.963 1.214-1.951 1.624-2.893.415-.951.637-1.796.637-2.486v-.172A5.972 5.972 0 0 0 12 3.9Z",
+		clipRule: "evenodd"
+	})]
+}));
+//#endregion
+export { r as t };

package/dist/js/lock-BEAtAaty.js

@@ -0,0 +1,20 @@
+import { t as e } from "./make-icon-Cez0iOAn.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#endregion
+//#region src/icons/lock.tsx
+var n = e("LockIcon", (e) => /* @__PURE__ */ t("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	fill: "currentColor",
+	viewBox: "0 0 24 24",
+	...e,
+	children: /* @__PURE__ */ t("path", {
+		fillRule: "evenodd",
+		d: "M18 10V8A6 6 0 0 0 6 8v2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2ZM8 8a4 4 0 1 1 8 0v2H8V8Zm4 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z",
+		clipRule: "evenodd"
+	})
+}));
+//#endregion
+export { n as t };

package/dist/js/lock-outline-C1AZOPMm.js

@@ -0,0 +1,20 @@
+import { t as e } from "./make-icon-Cez0iOAn.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#endregion
+//#region src/icons/lock-outline.tsx
+var r = e("LockOutlineIcon", (e) => /* @__PURE__ */ n("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	fill: "currentColor",
+	viewBox: "0 0 24 24",
+	...e,
+	children: [/* @__PURE__ */ t("path", { d: "M13.5 16a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z" }), /* @__PURE__ */ t("path", {
+		fillRule: "evenodd",
+		d: "M18 8v2a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2V8a6 6 0 1 1 12 0Zm-6-4a4 4 0 0 0-4 4v2h8V8a4 4 0 0 0-4-4Zm-6 8v8h12v-8H6Z",
+		clipRule: "evenodd"
+	})]
+}));
+//#endregion
+export { r as t };

package/dist/js/maintenance-DbA1Pwpv.js

@@ -0,0 +1,16 @@
+import { t as e } from "./make-icon-Cez0iOAn.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#endregion
+//#region src/icons/maintenance.tsx
+var n = e("MaintenanceIcon", (e) => /* @__PURE__ */ t("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	fill: "currentColor",
+	viewBox: "0 0 24 24",
+	...e,
+	children: /* @__PURE__ */ t("path", { d: "M18.947 22.407a2 2 0 0 1-1.41-.58l-6.85-6.85a1.05 1.05 0 0 0-1-.25 6.78 6.78 0 0 1-3 .12 7 7 0 0 1-5-9.9 1 1 0 0 1 .74-.55 1 1 0 0 1 .78.29l3.74 3.72 1.42-1.41-3.73-3.74a1 1 0 0 1-.28-.87 1 1 0 0 1 .54-.7 7 7 0 0 1 9.9 5 6.78 6.78 0 0 1-.12 3c-.095.354 0 .732.25 1l6.85 6.85a2 2 0 0 1 0 2.82l-1.42 1.42a1.94 1.94 0 0 1-1.41.63Zm1.42-3.41-6.85-6.85a3 3 0 0 1-.77-2.92 4.82 4.82 0 0 0 .08-2.17 5 5 0 0 0-4-4 4.9 4.9 0 0 0-1.62 0l2.57 2.53a2 2 0 0 1 0 2.82l-1.42 1.42a2 2 0 0 1-2.82 0l-2.57-2.57a4.9 4.9 0 0 0 0 1.62 5 5 0 0 0 4 4 4.86 4.86 0 0 0 2.18-.08 3.06 3.06 0 0 1 .79-.1 3 3 0 0 1 2.13.87l6.85 6.84 1.45-1.41Z" })
+}));
+//#endregion
+export { n as t };

package/dist/js/maintenance-alt-CpZAiFUT.js

@@ -0,0 +1,16 @@
+import { t as e } from "./make-icon-Cez0iOAn.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#endregion
+//#region src/icons/maintenance-alt.tsx
+var n = e("MaintenanceAltIcon", (e) => /* @__PURE__ */ t("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	fill: "currentColor",
+	viewBox: "0 0 24 24",
+	...e,
+	children: /* @__PURE__ */ t("path", { d: "m21.157 18.326-6.85-6.84a2 2 0 0 1-.5-2 6.11 6.11 0 0 0 .1-2.6 6 6 0 0 0-4.82-4.79 5.94 5.94 0 0 0-2.95.21.49.49 0 0 0-.18.82l3.2 3.2a1 1 0 0 1 0 1.4l-1.43 1.43a1 1 0 0 1-1.42 0l-3.18-3.2a.49.49 0 0 0-.82.18 5.94 5.94 0 0 0-.21 2.95 6 6 0 0 0 4.82 4.82 6.11 6.11 0 0 0 2.6-.1 2 2 0 0 1 2 .5l6.85 6.85a1 1 0 0 0 1.42 0l1.37-1.43a1 1 0 0 0 0-1.4Z" })
+}));
+//#endregion
+export { n as t };

package/dist/js/make-icon-Cez0iOAn.js

@@ -0,0 +1,19 @@
+import { t as e } from "./dist-Du1lGuAB.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/icons/make-icon/styles.ts
+var n = "el-icon";
+//#endregion
+//#region src/icons/make-icon/make-icon.tsx
+function r(r, i) {
+	function a({ className: r, color: a = "inherit", size: o = "100%", ...s }) {
+		return /* @__PURE__ */ t(i, {
+			...s,
+			className: e(n, r),
+			color: a,
+			"data-size": o
+		});
+	}
+	return a.displayName = r, a;
+}
+//#endregion
+export { r as t };

package/dist/js/marketplace-BB11I052.js

@@ -0,0 +1,16 @@
+import { t as e } from "./make-icon-Cez0iOAn.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#endregion
+//#region src/icons/marketplace.tsx
+var n = e("MarketplaceIcon", (e) => /* @__PURE__ */ t("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	fill: "currentColor",
+	viewBox: "0 0 24 24",
+	...e,
+	children: /* @__PURE__ */ t("path", { d: "M6.5 11a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9Zm15.49-1.36c.28.47.06.86-.49.86h-8c-.5 0-.77-.39-.5-.86l4-6.78a.55.55 0 0 1 1 0l3.99 6.78ZM9.5 13.5a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h6Zm9 3H21a1 1 0 1 1 0 2h-2.5V21a1 1 0 1 1-2 0v-2.5H14a1 1 0 1 1 0-2h2.5V14a1 1 0 1 1 2 0v2.5Z" })
+}));
+//#endregion
+export { n as t };

package/dist/js/menu-BAaCecQl.js

@@ -0,0 +1,160 @@
+import { t as e } from "./dist-DLc9lUhF.js";
+import { t } from "./dist-Du1lGuAB.js";
+import { t as n } from "./popover-DY4LMxoS.js";
+import { Divider as r } from "./core/divider.js";
+import { handleArrowNavigation as i, handleLinkActivation as a } from "./utils/keyboard-navigation.js";
+import { useCallback as o, useId as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/core/menu/group/styles.ts
+var u = /* @__PURE__ */ e("div")({
+	name: "ElMenuGroup",
+	class: "el-menu-group",
+	propsAsIs: !1
+}), d = /* @__PURE__ */ e("div")({
+	name: "ElMenuGroupLabelContainer",
+	class: "el-menu-group-label-container",
+	propsAsIs: !1
+});
+//#endregion
+//#region src/core/menu/group/group.tsx
+function f({ "aria-label": e, children: t, label: n, role: r = "group", ...i }) {
+	let a = s();
+	return /* @__PURE__ */ l(u, {
+		...i,
+		"aria-label": e,
+		"aria-labelledby": e ? void 0 : a,
+		role: r,
+		children: [n && /* @__PURE__ */ c(d, {
+			id: a,
+			children: n
+		}), t]
+	});
+}
+f.displayName = "Menu.Group";
+//#endregion
+//#region src/core/menu/item/styles.ts
+var p = "el-menu-item", m = /* @__PURE__ */ e("span")({
+	name: "ElMenuItemIconContainer",
+	class: "el-menu-item-icon-container",
+	propsAsIs: !1
+}), h = /* @__PURE__ */ e("span")({
+	name: "ElMenuItemContentContainer",
+	class: "el-menu-item-content-container",
+	propsAsIs: !1
+}), g = /* @__PURE__ */ e("span")({
+	name: "ElMenuItemLabel",
+	class: "el-menu-item-label",
+	propsAsIs: !1
+}), _ = /* @__PURE__ */ e("span")({
+	name: "ElMenuItemLabelText",
+	class: "el-menu-item-label-text",
+	propsAsIs: !1
+}), v = /* @__PURE__ */ e("span")({
+	name: "ElMenuItemBadgeContainer",
+	class: "el-menu-item-badge-container",
+	propsAsIs: !1
+}), y = /* @__PURE__ */ e("span")({
+	name: "ElMenuItemSupplementaryInfo",
+	class: "el-menu-item-supplementary-info",
+	propsAsIs: !1
+});
+//#endregion
+//#region src/core/menu/item/item-base.tsx
+function b({ "aria-disabled": e, as: n, badge: r, className: i, children: a, iconLeft: u, iconRight: d, onClick: f, role: b = "menuitem", supplementaryInfo: x, ...S }) {
+	let C = s(), w = s(), T = s(), E = o((e) => {
+		if (e.currentTarget.getAttribute("aria-disabled") === "true") {
+			e.preventDefault(), e.stopPropagation();
+			return;
+		}
+		f?.(e);
+	}, [f]);
+	return /* @__PURE__ */ l(n, {
+		...S,
+		"aria-details": `${w} ${T}`,
+		"aria-disabled": !!S.disabled || !!e,
+		"aria-labelledby": C,
+		className: t(p, i),
+		onClick: E,
+		role: b,
+		children: [
+			u && /* @__PURE__ */ c(m, {
+				"aria-hidden": !0,
+				children: u
+			}),
+			/* @__PURE__ */ l(h, { children: [/* @__PURE__ */ l(g, { children: [a && /* @__PURE__ */ c(_, {
+				id: C,
+				children: a
+			}), r && /* @__PURE__ */ c(v, {
+				id: w,
+				children: r
+			})] }), x && /* @__PURE__ */ c(y, {
+				id: T,
+				children: x
+			})] }),
+			d && /* @__PURE__ */ c(m, {
+				"aria-hidden": !0,
+				children: d
+			})
+		]
+	});
+}
+//#endregion
+//#region src/core/menu/item/anchor-item.tsx
+function x(e) {
+	return /* @__PURE__ */ c(b, {
+		as: "a",
+		...e
+	});
+}
+x.displayName = "Menu.AnchorItem";
+//#endregion
+//#region src/core/menu/item/item.tsx
+function S(e) {
+	return /* @__PURE__ */ c(b, {
+		as: "button",
+		...e
+	});
+}
+S.displayName = "Menu.Item";
+//#endregion
+//#region src/core/menu/styles.ts
+var C = "el-menu";
+//#endregion
+//#region src/core/menu/use-close-menu-on-click.ts
+function w(e) {
+	return o((t) => {
+		e?.(t), !t.defaultPrevented && t.isTrusted && t.target instanceof HTMLElement && (t.target.role === "menuitem" || t.target.closest("[role=\"menuitem\"]") !== null) && t.currentTarget.hidePopover();
+	}, [e]);
+}
+//#endregion
+//#region src/core/menu/use-keyboard-navigation.ts
+function T(e) {
+	return o((t) => {
+		e?.(t), !t.defaultPrevented && (a(t), i(t));
+	}, [e]);
+}
+//#endregion
+//#region src/core/menu/menu.tsx
+function E({ "aria-labelledby": e, children: r, className: i, gap: a = "--spacing-1", maxHeight: o, maxWidth: s, onClick: l, onKeyDown: u, placement: d = "top-start", ...f }) {
+	let p = w(l), m = T(u);
+	return /* @__PURE__ */ c(n, {
+		...f,
+		"aria-labelledby": e,
+		anchorId: e,
+		className: t(C, i),
+		elevation: "xl",
+		gap: `var(${a})`,
+		maxHeight: `var(${o})`,
+		maxWidth: `var(${s})`,
+		onClick: p,
+		onKeyDown: m,
+		placement: d,
+		positionTryFallbacks: "flip-block, flip-inline",
+		popover: "auto",
+		role: "menu",
+		children: r
+	});
+}
+E.AnchorItem = x, E.Divider = r, E.Group = f, E.Item = S, E.getClosestMenuElement = n.getClosestPopoverElement, E.getTriggerProps = n.getTriggerProps;
+//#endregion
+export { b as a, m as c, y as d, p as f, d as h, x as i, g as l, u as m, C as n, v as o, f as p, S as r, h as s, E as t, _ as u };