@ux-builder/ui 0.0.0-stage → 0.6.1

package/dist/shared-CjrUPFqv.js

@@ -0,0 +1,1501 @@
+import { createContext as e, useCallback as t, useContext as n, useEffect as r, useId as i, useLayoutEffect as a, useMemo as o, useRef as s, useState as c } from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region ../tokens/dist/manifest.json
+var f = [
+	{
+		name: "databricks",
+		title: "Databricks",
+		brand: "databricks",
+		designSystem: "databricks",
+		default: "light",
+		appearances: ["dark", "light"]
+	},
+	{
+		name: "plain",
+		title: "Plain",
+		brand: "plain",
+		designSystem: null,
+		default: "light",
+		appearances: ["light"]
+	},
+	{
+		name: "praxis-carbon",
+		title: "Praxis Carbon",
+		brand: "praxis",
+		designSystem: "carbon",
+		default: "dark",
+		appearances: ["dark", "light"]
+	},
+	{
+		name: "praxis-fluentui",
+		title: "Praxis Fluent",
+		brand: "praxis",
+		designSystem: "fluent",
+		default: "dark",
+		appearances: ["dark", "light"]
+	},
+	{
+		name: "praxis-material",
+		title: "Praxis Material",
+		brand: "praxis",
+		designSystem: "material",
+		default: "dark",
+		appearances: ["dark", "light"]
+	},
+	{
+		name: "praxis-v2-databricks",
+		title: "Praxis V2 Databricks",
+		brand: "praxis-v2",
+		designSystem: "databricks",
+		default: "light",
+		appearances: ["dark", "light"]
+	},
+	{
+		name: "praxis",
+		title: "Praxis",
+		brand: "praxis",
+		designSystem: null,
+		default: "dark",
+		appearances: ["dark", "light"]
+	},
+	{
+		name: "synaptiq",
+		title: "Synaptiq",
+		brand: "synaptiq",
+		designSystem: null,
+		default: "light",
+		appearances: ["dark", "light"]
+	},
+	{
+		name: "ux-builder-databricks",
+		title: "UX Builder Databricks",
+		brand: "ux-builder",
+		designSystem: "databricks",
+		default: "light",
+		appearances: ["dark", "light"]
+	}
+], p = [
+	{
+		name: "databricks",
+		title: "Databricks",
+		appearances: ["light", "dark"]
+	},
+	{
+		name: "plain",
+		title: "Plain",
+		appearances: ["light"]
+	},
+	{
+		name: "praxis-v2",
+		title: "Praxis V2",
+		appearances: ["light", "dark"]
+	},
+	{
+		name: "praxis",
+		title: "Praxis",
+		appearances: ["dark", "light"]
+	},
+	{
+		name: "synaptiq",
+		title: "Synaptiq",
+		appearances: ["light", "dark"]
+	},
+	{
+		name: "ux-builder",
+		title: "UX Builder",
+		appearances: ["light", "dark"]
+	}
+], m = /* @__PURE__ */ "accent.badge-bg.badge-fg.badge-radius.badge-size.body.border.btn-focus-offset.btn-focus-ring.btn-hover-mix.btn-lift.btn-lift-hover.btn-lift-press.btn-lift-quiet.btn-min-height.btn-pad-x.btn-press-mix.btn-radius.btn-secondary-bg.btn-secondary-border.btn-secondary-fg.btn-shift-hover.btn-shift-press.btn-size.btn-text-fg.btn-weight.card-bg.card-border.card-pad.check-border.check-on-bg.check-on-fg.check-radius.check-size.favicon.field-bg.field-border.field-border-bottom.field-focus-offset.field-focus-outline.field-focus-shadow.field-height.field-hover-edge.field-invalid-shadow.field-label-fg.field-label-size.field-label-tracking.field-label-transform.field-label-weight.field-pad-x.field-radius.font-body.font-display.font-heading.font-mono.ink.leading-body.leading-tight.logo-aspect.logo-bg.logo-height.logo-height-sm.logo-image.logo-mask.logo-paint.mark-bg.mark-image.mark-mask.measure.menu-bg.menu-border.menu-item-height.menu-item-hover.menu-item-on-bg.menu-item-on-fg.menu-item-on-mark.menu-item-on-weight.menu-pad-y.menu-radius.menu-shadow.muted.muted-2.navy.notice-bg.notice-border-width.notice-edge-mix.notice-radius.notice-stripe.notice-tint.paper.pill-bg.pill-border.pill-dot-size.pill-gap.pill-pad.pill-radius.pill-size.pill-tracking.pill-transform.pill-weight.piq-badge-bg.piq-badge-fg.piq-badge-font-size.piq-badge-radius.piq-border-default.piq-brand-favicon.piq-brand-logo-aspect.piq-brand-logo-bg.piq-brand-logo-height.piq-brand-logo-height-sm.piq-brand-logo-image.piq-brand-logo-mask.piq-brand-logo-paint.piq-brand-mark-bg.piq-brand-mark-image.piq-brand-mark-mask.piq-button-font-size.piq-button-font-weight.piq-button-ghost-fg.piq-button-height.piq-button-offset-hover.piq-button-offset-press.piq-button-padding-x.piq-button-radius.piq-button-secondary-bg.piq-button-secondary-border.piq-button-secondary-fg.piq-button-shadow.piq-button-shadow-flat.piq-button-shadow-hover.piq-button-shadow-press.piq-card-bg.piq-card-border.piq-card-padding.piq-check-border.piq-check-checked-bg.piq-check-checked-fg.piq-check-radius.piq-check-size.piq-choice-picker-border.piq-choice-picker-divider.piq-choice-picker-font-size.piq-choice-picker-font-weight.piq-choice-picker-gap.piq-choice-picker-height.piq-choice-picker-option-bg.piq-choice-picker-option-border.piq-choice-picker-option-fg.piq-choice-picker-option-hover-bg.piq-choice-picker-option-radius.piq-choice-picker-option-selected-bg.piq-choice-picker-option-selected-check.piq-choice-picker-option-selected-fg.piq-choice-picker-padding-x.piq-choice-picker-radius.piq-color-accent.piq-color-border.piq-color-ground.piq-color-ground-recessed.piq-color-on-accent.piq-color-structure.piq-color-surface.piq-color-surface-sunken.piq-color-text.piq-color-text-muted.piq-color-text-strong.piq-color-text-subtle.piq-field-bg.piq-field-border.piq-field-border-bottom.piq-field-border-hover.piq-field-focus-offset.piq-field-focus-outline.piq-field-focus-shadow.piq-field-height.piq-field-invalid-shadow.piq-field-label-fg.piq-field-label-font-size.piq-field-label-font-weight.piq-field-label-letter-spacing.piq-field-label-text-transform.piq-field-padding-x.piq-field-radius.piq-focus-offset.piq-focus-ring.piq-font-body.piq-font-display.piq-font-heading.piq-font-mono.piq-font-size-body.piq-font-size-display.piq-font-size-heading.piq-font-size-label.piq-font-size-lead.piq-font-size-small.piq-font-size-title.piq-font-weight-regular.piq-font-weight-strong.piq-icon-set.piq-letter-spacing-eyebrow.piq-letter-spacing-label.piq-line-height-body.piq-line-height-tight.piq-menu-bg.piq-menu-border.piq-menu-item-height.piq-menu-item-hover-bg.piq-menu-item-selected-bg.piq-menu-item-selected-fg.piq-menu-item-selected-font-weight.piq-menu-item-selected-indicator.piq-menu-padding-y.piq-menu-radius.piq-menu-shadow.piq-nav-bar-height.piq-nav-item-direction.piq-nav-item-gap.piq-nav-item-label-font-size.piq-nav-item-selected-bg.piq-nav-item-selected-border.piq-nav-width.piq-notice-bg.piq-notice-border-tone-mix.piq-notice-border-width.piq-notice-radius.piq-notice-stripe-width.piq-notice-tone-mix.piq-page-header-gap.piq-page-header-padding-y.piq-page-header-title-font-size.piq-pill-bg.piq-pill-border.piq-pill-dot-size.piq-pill-font-size.piq-pill-font-weight.piq-pill-gap.piq-pill-letter-spacing.piq-pill-padding.piq-pill-radius.piq-pill-text-transform.piq-progress-fill-bg.piq-progress-height.piq-progress-radius.piq-progress-track-bg.piq-radius-card.piq-radius-control.piq-shadow-card.piq-shadow-overlay.piq-size-breakpoint-expanded.piq-size-breakpoint-extra-large.piq-size-breakpoint-large.piq-size-breakpoint-medium.piq-size-content-form.piq-size-content-page.piq-size-measure.piq-size-target-minimum.piq-size-target-touch.piq-skeleton-bg.piq-skeleton-effect.piq-skeleton-radius.piq-space-1.piq-space-2.piq-space-3.piq-space-4.piq-space-5.piq-space-6.piq-space-7.piq-space-8.piq-space-gutter-compact.piq-space-gutter-expanded.piq-space-gutter-extra-large.piq-space-gutter-large.piq-space-gutter-medium.piq-spinner-line-cap.piq-spinner-stroke-width.piq-spinner-track-color.piq-state-closed.piq-state-evaluation.piq-state-layer-hover.piq-state-layer-press.piq-state-limited.piq-state-live.piq-state-purchasing.piq-switch-checked-thumb-bg.piq-switch-checked-thumb-size.piq-switch-checked-track-bg.piq-switch-height.piq-switch-radius.piq-switch-thumb-bg.piq-switch-thumb-inset.piq-switch-thumb-size.piq-switch-track-bg.piq-switch-track-border.piq-switch-width.piq-table-cell-padding-x.piq-table-cell-padding-y.piq-table-font-size.piq-table-header-bg.piq-table-header-border.piq-table-header-fg.piq-table-header-font-size.piq-table-header-font-weight.piq-table-header-height.piq-table-header-letter-spacing.piq-table-header-text-transform.piq-table-row-border.piq-table-row-height.piq-table-row-hover-bg.piq-table-row-stripe-bg.piq-tabs-indicator-height.piq-tabs-list-border.piq-tabs-tab-bg-selected.piq-tabs-tab-padding-x.piq-tabs-tab-radius.piq-toast-action-fg.piq-toast-bg.piq-toast-fg.piq-toast-radius.piq-toast-shadow.piq-toast-stripe-width.radius.radius-card.rail.rule.seg-bg.seg-divider.seg-fg.seg-gap.seg-height.seg-hover-bg.seg-on-bg.seg-on-fg.seg-opt-border.seg-opt-radius.seg-outline.seg-pad-x.seg-radius.seg-size.seg-tick.seg-weight.shadow-card.shadow-raised.size-body.size-display.size-heading.size-intro.size-label.size-small.size-title.space-1.space-2.space-3.space-4.space-5.space-6.space-7.space-8.state-closed.state-evaluation.state-limited.state-live.state-purchasing.surface.surface-sunken.switch-height.switch-inset.switch-off-bg.switch-off-border.switch-on-bg.switch-radius.switch-thumb-off.switch-thumb-off-bg.switch-thumb-on.switch-thumb-on-bg.switch-width.table-head-bg.table-head-border.table-head-fg.table-head-height.table-head-size.table-head-tracking.table-head-transform.table-head-weight.table-pad-x.table-pad-y.table-row-height.table-row-hover.table-size.toast-action-fg.toast-bg.toast-fg.toast-radius.toast-shadow.toast-stripe.tracking-kicker.tracking-label.weight-bold.weight-normal".split("."), h = "data-piq-favicon", g = {
+	svg: "image/svg+xml",
+	png: "image/png",
+	webp: "image/webp",
+	ico: "image/x-icon"
+};
+function _(e) {
+	if (typeof window > "u" || !e) return null;
+	let t = getComputedStyle(e).getPropertyValue("--piq-brand-favicon").trim();
+	return /url\(\s*["']?([^"')]+)["']?\s*\)/.exec(t)?.[1] ?? null;
+}
+function v(e = typeof document > "u" ? null : document.documentElement) {
+	if (typeof document > "u" || !e) return null;
+	let t = _(e), n = document.head.querySelector(`link[${h}]`);
+	if (!t) return n?.remove(), null;
+	n || (n = document.createElement("link"), n.rel = "icon", n.setAttribute(h, ""));
+	let r = g[/\.(\w+)(?:[?#].*)?$/.exec(t)?.[1]?.toLowerCase()];
+	return r ? n.type = r : n.removeAttribute("type"), n.getAttribute("href") !== t && n.setAttribute("href", t), document.head.appendChild(n), t;
+}
+function y() {
+	typeof document < "u" && document.head.querySelector(`link[${h}]`)?.remove();
+}
+function b() {
+	return r(() => {
+		let e = document.documentElement, t = () => v(e);
+		t();
+		let n = new MutationObserver(t);
+		n.observe(e, {
+			attributes: !0,
+			attributeFilter: ["data-theme", "data-appearance"]
+		});
+		let r = window.matchMedia?.("(prefers-color-scheme: dark)");
+		return r?.addEventListener("change", t), () => {
+			n.disconnect(), r?.removeEventListener("change", t), y();
+		};
+	}, []), null;
+}
+//#endregion
+//#region src/ThemeProvider.jsx
+var x = e(null), S = new Map(f.map((e) => [e.name, e])), C = "(prefers-color-scheme: dark)", w = "piq:set-theme", T = !0;
+try {
+	T = process.env.NODE_ENV !== "production";
+} catch {}
+var E = (e) => {
+	T && console.warn(`@ux-builder/ui ThemeProvider: ${e}`);
+};
+function D() {
+	return typeof window > "u" || !window.matchMedia ? null : window.matchMedia(C).matches ? "dark" : "light";
+}
+function O(e, t, n = D()) {
+	let r = t === "system" ? n : t, i = S.get(e);
+	return i ? r && i.appearances.includes(r) ? r : i.default : r ?? null;
+}
+var k = typeof window > "u" ? r : a, A = (e) => ({
+	...Object.fromEntries(m.map((e) => [`--${e}`, "initial"])),
+	...Object.fromEntries(Object.entries(e).filter(([, e]) => !String(e).startsWith("url(")).map(([e, t]) => [`--${e}`, t]))
+});
+function j({ theme: e, appearance: i = "system", tokens: a, favicon: l = !0, onChange: d, as: p = "div", style: m, children: h, ...g }) {
+	let _ = n(x), b = s(null), [T, j] = c(e), [M, N] = c(i), [P, F] = c(D);
+	r(() => j(e), [e]), r(() => N(i), [i]), k(() => {
+		if (M !== "system" || typeof window > "u" || !window.matchMedia) return;
+		let e = window.matchMedia(C), t = () => F(e.matches ? "dark" : "light");
+		return t(), e.addEventListener("change", t), () => e.removeEventListener("change", t);
+	}, [M]);
+	let I = a ? M === "system" ? P ?? "light" : M : O(T, M, P);
+	r(() => {
+		a || (T && !S.has(T) ? E(`unknown theme "${T}"; known: ${[...S.keys()].join(", ")}`) : T && M !== "system" && I !== M && E(`theme "${T}" has no ${M} appearance; using ${I}`));
+	}, [
+		T,
+		M,
+		I,
+		a
+	]);
+	let L = l && !a && !_;
+	k(() => {
+		L && v(b.current);
+	}, [
+		L,
+		T,
+		I
+	]), r(() => L ? y : void 0, [L]);
+	let R = t((e) => {
+		j(e), d?.({
+			theme: e,
+			appearance: M
+		});
+	}, [d, M]), z = t((e) => {
+		N(e), d?.({
+			theme: T,
+			appearance: e
+		});
+	}, [d, T]), B = !a && !_;
+	r(() => {
+		if (!B || typeof window > "u") return;
+		let e = (e) => {
+			let { theme: t, appearance: n } = e.detail ?? {};
+			t && j(t), n && N(n), (t || n) && d?.({
+				theme: t ?? T,
+				appearance: n ?? M
+			});
+		};
+		return window.addEventListener(w, e), () => window.removeEventListener(w, e);
+	}, [
+		B,
+		d,
+		T,
+		M
+	]);
+	let V = o(() => ({
+		theme: a ? null : T,
+		appearance: I,
+		preference: M,
+		themes: f,
+		setTheme: R,
+		setAppearance: z
+	}), [
+		T,
+		I,
+		M,
+		a,
+		R,
+		z
+	]), H = a ? { style: {
+		...A(a),
+		colorScheme: I ?? void 0,
+		...m
+	} } : {
+		"data-theme": T,
+		...I && { "data-appearance": I },
+		style: {
+			colorScheme: I ?? void 0,
+			...m
+		}
+	};
+	return /* @__PURE__ */ u(x.Provider, {
+		value: V,
+		children: /* @__PURE__ */ u(p, {
+			ref: b,
+			...g,
+			...H,
+			children: h
+		})
+	});
+}
+function M() {
+	let e = n(x);
+	if (!e) throw Error("useTheme() needs a <ThemeProvider> above it");
+	return e;
+}
+//#endregion
+//#region src/icons/glyphs.generated.js
+var N = {
+	material: {
+		package: "@material-symbols/svg-400",
+		version: "0.47.6",
+		license: "Apache-2.0",
+		svg: { fill: "currentColor" }
+	},
+	fluent: {
+		package: "@fluentui/svg-icons",
+		version: "1.1.343",
+		license: "MIT",
+		svg: { fill: "currentColor" }
+	},
+	carbon: {
+		package: "@carbon/icons",
+		version: "11.89.0",
+		license: "Apache-2.0",
+		svg: { fill: "currentColor" }
+	},
+	lucide: {
+		package: "lucide-static",
+		version: "1.52.0",
+		license: "ISC",
+		svg: {
+			fill: "none",
+			stroke: "currentColor",
+			"stroke-width": "2",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round"
+		}
+	}
+}, P = {
+	material: {
+		add: {
+			viewBox: "0 -960 960 960",
+			body: "<path d=\"M450-450H200v-60h250v-250h60v250h250v60H510v250h-60v-250Z\"/>"
+		},
+		"arrow-left": {
+			viewBox: "0 -960 960 960",
+			body: "<path d=\"m274-450 248 248-42 42-320-320 320-320 42 42-248 248h526v60H274Z\"/>"
+		},
+		"arrow-right": {
+			viewBox: "0 -960 960 960",
+			body: "<path d=\"M686-450H160v-60h526L438-758l42-42 320 320-320 320-42-42 248-248Z\"/>"
+		},
+		calendar: {
+			viewBox: "0 -960 960 960",
+			body: "<path d=\"M180-80q-24 0-42-18t-18-42v-620q0-24 18-42t42-18h65v-60h65v60h340v-60h65v60h65q24 0 42 18t18 42v620q0 24-18 42t-42 18H180Zm0-60h600v-430H180v430Zm0-490h600v-130H180v130Zm0 0v-130 130Z\"/>"
+		},
+		check: {
+			viewBox: "0 -960 960 960",
+			body: "<path d=\"M378-246 154-470l43-43 181 181 384-384 43 43-427 427Z\"/>"
+		},
+		"check-circle": {
+			viewBox: "0 -960 960 960",
+			body: "<path d=\"m421-298 283-283-46-45-237 237-120-120-45 45 165 166Zm59 218q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-156t86-127Q252-817 325-848.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 82-31.5 155T763-197.5q-54 54.5-127 86T480-80Zm0-60q142 0 241-99.5T820-480q0-142-99-241t-241-99q-141 0-240.5 99T140-480q0 141 99.5 240.5T480-140Zm0-340Z\"/>"
+		},
+		"chevron-down": {
+			viewBox: "0 -960 960 960",
+			body: "<path d=\"M480-344 240-584l43-43 197 197 197-197 43 43-240 240Z\"/>"
+		},
+		"chevron-left": {
+			viewBox: "0 -960 960 960",
+			body: "<path d=\"M561-240 320-481l241-241 43 43-198 198 198 198-43 43Z\"/>"
+		},
+		"chevron-right": {
+			viewBox: "0 -960 960 960",
+			body: "<path d=\"M530-481 332-679l43-43 241 241-241 241-43-43 198-198Z\"/>"
+		},
+		"chevron-up": {
+			viewBox: "0 -960 960 960",
+			body: "<path d=\"M480-554 283-357l-43-43 240-240 240 240-43 43-197-197Z\"/>"
+		},
+		close: {
+			viewBox: "0 -960 960 960",
+			body: "<path d=\"m249-207-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z\"/>"
+		},
+		copy: {
+			viewBox: "0 -960 960 960",
+			body: "<path d=\"M300-200q-24 0-42-18t-18-42v-560q0-24 18-42t42-18h440q24 0 42 18t18 42v560q0 24-18 42t-42 18H300Zm0-60h440v-560H300v560ZM180-80q-24 0-42-18t-18-42v-620h60v620h500v60H180Zm120-180v-560 560Z\"/>"
+		},
+		delete: {
+			viewBox: "0 -960 960 960",
+			body: "<path d=\"M261-120q-24.75 0-42.37-17.63Q201-155.25 201-180v-570h-41v-60h188v-30h264v30h188v60h-41v570q0 24-18 42t-42 18H261Zm438-630H261v570h438v-570ZM367-266h60v-399h-60v399Zm166 0h60v-399h-60v399ZM261-750v570-570Z\"/>"
+		},
+		download: {
+			viewBox: "0 -960 960 960",
+			body: "<path d=\"M480-313 287-506l43-43 120 120v-371h60v371l120-120 43 43-193 193ZM220-160q-24 0-42-18t-18-42v-143h60v143h520v-143h60v143q0 24-18 42t-42 18H220Z\"/>"
+		},
+		edit: {
+			viewBox: "0 -960 960 960",
+			body: "<path d=\"M180-180h44l472-471-44-44-472 471v44Zm-60 60v-128l575-574q8-8 19-12.5t23-4.5q11 0 22 4.5t20 12.5l44 44q9 9 13 20t4 22q0 11-4.5 22.5T823-694L248-120H120Zm659-617-41-41 41 41Zm-105 64-22-22 44 44-22-22Z\"/>"
+		},
+		error: {
+			viewBox: "0 -960 960 960",
+			body: "<path d=\"M503.5-289.48q9.5-9.48 9.5-23.5t-9.48-23.52q-9.48-9.5-23.5-9.5t-23.52 9.48q-9.5 9.48-9.5 23.5t9.48 23.52q9.48 9.5 23.5 9.5t23.52-9.48ZM453-433h60v-253h-60v253Zm27.27 353q-82.74 0-155.5-31.5Q252-143 197.5-197.5t-86-127.34Q80-397.68 80-480.5t31.5-155.66Q143-709 197.5-763t127.34-85.5Q397.68-880 480.5-880t155.66 31.5Q709-817 763-763t85.5 127Q880-563 880-480.27q0 82.74-31.5 155.5Q817-252 763-197.68q-54 54.31-127 86Q563-80 480.27-80Zm.23-60Q622-140 721-239.5t99-241Q820-622 721.19-721T480-820q-141 0-240.5 98.81T140-480q0 141 99.5 240.5t241 99.5Zm-.5-340Z\"/>"
+		},
+		"external-link": {
+			viewBox: "0 -960 960 960",
+			body: "<path d=\"M180-120q-24 0-42-18t-18-42v-600q0-24 18-42t42-18h279v60H180v600h600v-279h60v279q0 24-18 42t-42 18H180Zm202-219-42-43 398-398H519v-60h321v321h-60v-218L382-339Z\"/>"
+		},
+		filter: {
+			viewBox: "0 -960 960 960",
+			body: "<path d=\"M400-240v-60h160v60H400ZM240-450v-60h480v60H240ZM120-660v-60h720v60H120Z\"/>"
+		},
+		help: {
+			viewBox: "0 -960 960 960",
+			body: "<path d=\"M511-258q11-11 11-27t-11-27q-11-11-27-11t-27 11q-11 11-11 27t11 27q11 11 27 11t27-11Zm-62-135h59q0-26 6.5-47.5T555-490q31-26 44-51t13-55q0-53-34.5-85T486-713q-49 0-86.5 24.5T345-621l53 20q11-28 33-43.5t52-15.5q34 0 55 18.5t21 47.5q0 22-13 41.5T508-512q-30 26-44.5 51.5T449-393Zm31 313q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-156t86-127Q252-817 325-848.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 82-31.5 155T763-197.5q-54 54.5-127 86T480-80Zm0-60q142 0 241-99.5T820-480q0-142-99-241t-241-99q-141 0-240.5 99T140-480q0 141 99.5 240.5T480-140Zm0-340Z\"/>"
+		},
+		home: {
+			viewBox: "0 -960 960 960",
+			body: "<path d=\"M220-180h150v-250h220v250h150v-390L480-765 220-570v390Zm-60 60v-480l320-240 320 240v480H530v-250H430v250H160Zm320-353Z\"/>"
+		},
+		info: {
+			viewBox: "0 -960 960 960",
+			body: "<path d=\"M453-280h60v-240h-60v240Zm50.5-323.2q9.5-9.2 9.5-22.8 0-14.45-9.48-24.22-9.48-9.78-23.5-9.78t-23.52 9.78Q447-640.45 447-626q0 13.6 9.48 22.8 9.48 9.2 23.5 9.2t23.52-9.2ZM480.27-80q-82.74 0-155.5-31.5Q252-143 197.5-197.5t-86-127.34Q80-397.68 80-480.5t31.5-155.66Q143-709 197.5-763t127.34-85.5Q397.68-880 480.5-880t155.66 31.5Q709-817 763-763t85.5 127Q880-563 880-480.27q0 82.74-31.5 155.5Q817-252 763-197.68q-54 54.31-127 86Q563-80 480.27-80Zm.23-60Q622-140 721-239.5t99-241Q820-622 721.19-721T480-820q-141 0-240.5 98.81T140-480q0 141 99.5 240.5t241 99.5Zm-.5-340Z\"/>"
+		},
+		lock: {
+			viewBox: "0 -960 960 960",
+			body: "<path d=\"M220-80q-24.75 0-42.37-17.63Q160-115.25 160-140v-434q0-24.75 17.63-42.38Q195.25-634 220-634h70v-96q0-78.85 55.61-134.42Q401.21-920 480.11-920q78.89 0 134.39 55.58Q670-808.85 670-730v96h70q24.75 0 42.38 17.62Q800-598.75 800-574v434q0 24.75-17.62 42.37Q764.75-80 740-80H220Zm0-60h520v-434H220v434Zm314.5-162.03Q557-324.06 557-355q0-30-22.67-54.5t-54.5-24.5q-31.83 0-54.33 24.5t-22.5 55q0 30.5 22.67 52.5t54.5 22q31.83 0 54.33-22.03ZM350-634h260v-96q0-54.17-37.88-92.08-37.88-37.92-92-37.92T388-822.08q-38 37.91-38 92.08v96ZM220-140v-434 434Z\"/>"
+		},
+		menu: {
+			viewBox: "0 -960 960 960",
+			body: "<path d=\"M120-240v-60h720v60H120Zm0-210v-60h720v60H120Zm0-210v-60h720v60H120Z\"/>"
+		},
+		more: {
+			viewBox: "0 -960 960 960",
+			body: "<path d=\"M207.86-432Q188-432 174-446.14t-14-34Q160-500 174.14-514t34-14Q228-528 242-513.86t14 34Q256-460 241.86-446t-34 14Zm272 0Q460-432 446-446.14t-14-34Q432-500 446.14-514t34-14Q500-528 514-513.86t14 34Q528-460 513.86-446t-34 14Zm272 0Q732-432 718-446.14t-14-34Q704-500 718.14-514t34-14Q772-528 786-513.86t14 34Q800-460 785.86-446t-34 14Z\"/>"
+		},
+		refresh: {
+			viewBox: "0 -960 960 960",
+			body: "<path d=\"M480-160q-133 0-226.5-93.5T160-480q0-133 93.5-226.5T480-800q85 0 149 34.5T740-671v-129h60v254H546v-60h168q-38-60-97-97t-137-37q-109 0-184.5 75.5T220-480q0 109 75.5 184.5T480-220q83 0 152-47.5T728-393h62q-29 105-115 169t-195 64Z\"/>"
+		},
+		search: {
+			viewBox: "0 -960 960 960",
+			body: "<path d=\"M796-121 533-384q-30 26-70 40.5T378-329q-108 0-183-75t-75-181q0-106 75-181t182-75q106 0 180.5 75T632-585q0 43-14 83t-42 75l264 262-44 44ZM377-389q81 0 138-57.5T572-585q0-81-57-138.5T377-781q-82 0-139.5 57.5T180-585q0 81 57.5 138.5T377-389Z\"/>"
+		},
+		settings: {
+			viewBox: "0 -960 960 960",
+			body: "<path d=\"m388-80-20-126q-19-7-40-19t-37-25l-118 54-93-164 108-79q-2-9-2.5-20.5T185-480q0-9 .5-20.5T188-521L80-600l93-164 118 54q16-13 37-25t40-18l20-127h184l20 126q19 7 40.5 18.5T669-710l118-54 93 164-108 77q2 10 2.5 21.5t.5 21.5q0 10-.5 21t-2.5 21l108 78-93 164-118-54q-16 13-36.5 25.5T592-206L572-80H388Zm48-60h88l14-112q33-8 62.5-25t53.5-41l106 46 40-72-94-69q4-17 6.5-33.5T715-480q0-17-2-33.5t-7-33.5l94-69-40-72-106 46q-23-26-52-43.5T538-708l-14-112h-88l-14 112q-34 7-63.5 24T306-642l-106-46-40 72 94 69q-4 17-6.5 33.5T245-480q0 17 2.5 33.5T254-413l-94 69 40 72 106-46q24 24 53.5 41t62.5 25l14 112Zm44-210q54 0 92-38t38-92q0-54-38-92t-92-38q-54 0-92 38t-38 92q0 54 38 92t92 38Zm0-130Z\"/>"
+		},
+		"sort-ascending": {
+			viewBox: "0 -960 960 960",
+			body: "<path d=\"M450-160v-526L202-438l-42-42 320-320 320 320-42 42-248-248v526h-60Z\"/>"
+		},
+		"sort-descending": {
+			viewBox: "0 -960 960 960",
+			body: "<path d=\"M450-800v526L202-522l-42 42 320 320 320-320-42-42-248 248v-526h-60Z\"/>"
+		},
+		upload: {
+			viewBox: "0 -960 960 960",
+			body: "<path d=\"M450-313v-371L330-564l-43-43 193-193 193 193-43 43-120-120v371h-60ZM220-160q-24 0-42-18t-18-42v-143h60v143h520v-143h60v143q0 24-18 42t-42 18H220Z\"/>"
+		},
+		user: {
+			viewBox: "0 -960 960 960",
+			body: "<path d=\"M372-523q-42-42-42-108t42-108q42-42 108-42t108 42q42 42 42 108t-42 108q-42 42-108 42t-108-42ZM160-160v-94q0-38 19-65t49-41q67-30 128.5-45T480-420q62 0 123 15.5T731-360q31 14 50 41t19 65v94H160Zm60-60h520v-34q0-16-9.5-30.5T707-306q-64-31-117-42.5T480-360q-57 0-111 11.5T252-306q-14 7-23 21.5t-9 30.5v34Zm324.5-346.5Q570-592 570-631t-25.5-64.5Q519-721 480-721t-64.5 25.5Q390-670 390-631t25.5 64.5Q441-541 480-541t64.5-25.5ZM480-631Zm0 411Z\"/>"
+		},
+		view: {
+			viewBox: "0 -960 960 960",
+			body: "<path d=\"M600.5-379.5Q650-429 650-500t-49.5-120.5Q551-670 480-670t-120.5 49.5Q310-571 310-500t49.5 120.5Q409-330 480-330t120.5-49.5Zm-200-41Q368-453 368-500t32.5-79.5Q433-612 480-612t79.5 32.5Q592-547 592-500t-32.5 79.5Q527-388 480-388t-79.5-32.5ZM216-283Q98-366 40-500q58-134 176-217t264-83q146 0 264 83t176 217q-58 134-176 217t-264 83q-146 0-264-83Zm264-217Zm222.5 174.5Q804-391 857-500q-53-109-154.5-174.5T480-740q-121 0-222.5 65.5T102-500q54 109 155.5 174.5T480-260q121 0 222.5-65.5Z\"/>"
+		},
+		warning: {
+			viewBox: "0 -960 960 960",
+			body: "<path d=\"m40-120 440-760 440 760H40Zm104-60h672L480-760 144-180Zm361.5-65.68q8.5-8.67 8.5-21.5 0-12.82-8.68-21.32-8.67-8.5-21.5-8.5-12.82 0-21.32 8.68-8.5 8.67-8.5 21.5 0 12.82 8.68 21.32 8.67 8.5 21.5 8.5 12.82 0 21.32-8.68ZM454-348h60v-224h-60v224Zm26-122Z\"/>"
+		}
+	},
+	fluent: {
+		add: {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M12 3.25c.41 0 .75.34.75.75v7.25H20a.75.75 0 0 1 0 1.5h-7.25V20a.75.75 0 0 1-1.5 0v-7.25H4a.75.75 0 0 1 0-1.5h7.25V4c0-.41.34-.75.75-.75\"/>"
+		},
+		"arrow-left": {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M10.73 19.8a.75.75 0 0 0 1.04-1.1l-6.25-5.95h14.73a.75.75 0 0 0 0-1.5H5.52l6.25-5.95a.75.75 0 0 0-1.04-1.1l-7.42 7.08a1 1 0 0 0 0 1.44z\"/>"
+		},
+		"arrow-right": {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M13.27 4.2a.75.75 0 0 0-1.04 1.1l6.25 5.95H3.75a.75.75 0 0 0 0 1.5h14.73l-6.25 5.95a.75.75 0 0 0 1.04 1.1l7.42-7.08a1 1 0 0 0 0-1.44z\"/>"
+		},
+		calendar: {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M17.75 3C19.55 3 21 4.46 21 6.25v11.5c0 1.8-1.46 3.25-3.25 3.25H6.25A3.25 3.25 0 0 1 3 17.75V6.25C3 4.45 4.46 3 6.25 3zm1.75 5.5h-15v9.25c0 .97.78 1.75 1.75 1.75h11.5c.97 0 1.75-.78 1.75-1.75zm-11.75 6a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5m4.25 0a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5m-4.25-4a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5m4.25 0a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5m4.25 0a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5m1.5-6H6.25c-.97 0-1.75.78-1.75 1.75V7h15v-.75c0-.97-.78-1.75-1.75-1.75\"/>"
+		},
+		check: {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M4.53 12.97a.75.75 0 0 0-1.06 1.06l4.5 4.5c.3.3.77.3 1.06 0l11-11a.75.75 0 0 0-1.06-1.06L8.5 16.94z\"/>"
+		},
+		"check-circle": {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20m0 1.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17m-1.25 9.94 4.47-4.47a.75.75 0 0 1 1.13.98l-.07.08-5 5a.75.75 0 0 1-.98.07l-.08-.07-2.5-2.5a.75.75 0 0 1 .98-1.13l.08.07zl4.47-4.47z\"/>"
+		},
+		"chevron-down": {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M4.22 8.47c.3-.3.77-.3 1.06 0L12 15.19l6.72-6.72a.75.75 0 1 1 1.06 1.06l-7.25 7.25c-.3.3-.77.3-1.06 0L4.22 9.53a.75.75 0 0 1 0-1.06\"/>"
+		},
+		"chevron-left": {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M15.53 4.22c.3.3.3.77 0 1.06L8.81 12l6.72 6.72a.75.75 0 1 1-1.06 1.06l-7.25-7.25a.75.75 0 0 1 0-1.06l7.25-7.25c.3-.3.77-.3 1.06 0\"/>"
+		},
+		"chevron-right": {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M8.47 4.22c-.3.3-.3.77 0 1.06L15.19 12l-6.72 6.72a.75.75 0 1 0 1.06 1.06l7.25-7.25c.3-.3.3-.77 0-1.06L9.53 4.22a.75.75 0 0 0-1.06 0\"/>"
+		},
+		"chevron-up": {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M4.22 15.53c.3.3.77.3 1.06 0L12 8.81l6.72 6.72a.75.75 0 1 0 1.06-1.06l-7.25-7.25a.75.75 0 0 0-1.06 0l-7.25 7.25c-.3.3-.3.77 0 1.06\"/>"
+		},
+		close: {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"m4.4 4.55.07-.08a.75.75 0 0 1 .98-.07l.08.07L12 10.94l6.47-6.47a.75.75 0 1 1 1.06 1.06L13.06 12l6.47 6.47c.27.27.3.68.07.98l-.07.08a.75.75 0 0 1-.98.07l-.08-.07L12 13.06l-6.47 6.47a.75.75 0 0 1-1.06-1.06L10.94 12 4.47 5.53a.75.75 0 0 1-.07-.98l.07-.08z\"/>"
+		},
+		copy: {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M8.5 8.5H6.25c-.97 0-1.75.78-1.75 1.75v7.5c0 .97.78 1.75 1.75 1.75h5c.88 0 1.6-.65 1.73-1.5h1.5a3.25 3.25 0 0 1-3.23 3h-5A3.25 3.25 0 0 1 3 17.75v-7.5C3 8.45 4.46 7 6.25 7H8.5zM17.75 3C19.55 3 21 4.46 21 6.25v7.5c0 1.8-1.46 3.25-3.25 3.25h-5a3.25 3.25 0 0 1-3.25-3.25v-7.5C9.5 4.45 10.96 3 12.75 3zm-5 1.5c-.97 0-1.75.78-1.75 1.75v7.5c0 .97.78 1.75 1.75 1.75h5c.97 0 1.75-.78 1.75-1.75v-7.5c0-.97-.78-1.75-1.75-1.75z\"/>"
+		},
+		delete: {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M10 5h4a2 2 0 1 0-4 0M8.5 5a3.5 3.5 0 1 1 7 0h5.75a.75.75 0 0 1 0 1.5h-1.32l-1.17 12.11A3.75 3.75 0 0 1 15.03 22H8.97a3.75 3.75 0 0 1-3.73-3.39L4.07 6.5H2.75a.75.75 0 0 1 0-1.5zm2 4.75a.75.75 0 0 0-1.5 0v7.5a.75.75 0 0 0 1.5 0zM14.25 9c.41 0 .75.34.75.75v7.5a.75.75 0 0 1-1.5 0v-7.5c0-.41.34-.75.75-.75m-7.52 9.47a2.25 2.25 0 0 0 2.24 2.03h6.06c1.15 0 2.12-.88 2.24-2.03L18.42 6.5H5.58z\"/>"
+		},
+		download: {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M18.25 20.5a.75.75 0 1 1 0 1.5h-13a.75.75 0 1 1 0-1.5zm-6.6-18.49h.1c.38 0 .7.28.74.64l.01.1v13.7l3.72-3.73a.75.75 0 0 1 .98-.07l.08.07c.27.27.3.68.07.98l-.07.08-5 5a.75.75 0 0 1-.97.07l-.09-.07-5-5a.75.75 0 0 1 .98-1.13l.08.07L11 16.43V2.76c0-.38.28-.7.65-.75h.1z\"/>"
+		},
+		edit: {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M20.95 3.05a3.6 3.6 0 0 0-5.06 0L3.94 15c-.4.4-.7.92-.82 1.48l-1.1 4.6a.75.75 0 0 0 .9.9l4.6-1.1A3 3 0 0 0 9 20.07L20.95 8.11a3.6 3.6 0 0 0 0-5.06m-4 1.06a2.08 2.08 0 1 1 2.94 2.94l-.89.89L16.06 5zM15 6.06 17.94 9l-10 10a1.6 1.6 0 0 1-.76.43l-3.42.8.82-3.4q.1-.45.42-.77z\"/>"
+		},
+		error: {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20m0 1.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17m0 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2M12 7c.37 0 .69.28.74.65v4.6a.75.75 0 0 1-1.48.1l-.01-.1v-4.5c0-.41.33-.75.74-.75\"/>"
+		},
+		"external-link": {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M6.25 4.5c-.97 0-1.75.78-1.75 1.75v11.5c0 .97.78 1.75 1.75 1.75h11.5c.97 0 1.75-.78 1.75-1.75v-4a.75.75 0 0 1 1.5 0v4c0 1.8-1.46 3.25-3.25 3.25H6.25A3.25 3.25 0 0 1 3 17.75V6.25C3 4.45 4.46 3 6.25 3h4a.75.75 0 0 1 0 1.5zM13 3.75c0-.41.34-.75.75-.75h6.5c.41 0 .75.34.75.75v6.5a.75.75 0 0 1-1.5 0V5.56l-5.22 5.22a.75.75 0 0 1-1.06-1.06l5.22-5.22h-4.69a.75.75 0 0 1-.75-.75\"/>"
+		},
+		filter: {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M13.5 16a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1 0-1.5zm3-5a.75.75 0 0 1 0 1.5h-9a.75.75 0 0 1 0-1.5zm3-5a.75.75 0 0 1 0 1.5h-15a.75.75 0 0 1 0-1.5z\"/>"
+		},
+		help: {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20m0 1.67a8.34 8.34 0 0 0 0 16.66 8.34 8.34 0 0 0 0-16.66m0 11.83a1 1 0 1 1 0 2 1 1 0 0 1 0-2m0-8.75a2.75 2.75 0 0 1 2.75 2.75c0 1.01-.3 1.57-1.05 2.36l-.17.17c-.62.62-.78.89-.78 1.47a.75.75 0 0 1-1.5 0c0-1.01.3-1.57 1.05-2.36l.17-.17c.62-.62.78-.89.78-1.47a1.25 1.25 0 0 0-2.5-.13v.13a.75.75 0 0 1-1.5 0A2.75 2.75 0 0 1 12 6.75\"/>"
+		},
+		home: {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M10.55 2.53c.84-.7 2.06-.7 2.9 0l6.75 5.7c.5.42.8 1.05.8 1.71v9.31c0 .97-.78 1.75-1.75 1.75h-3.5c-.97 0-1.75-.78-1.75-1.75v-5a.25.25 0 0 0-.25-.25h-3.5a.25.25 0 0 0-.25.25v5c0 .97-.78 1.75-1.75 1.75h-3.5C3.78 21 3 20.22 3 19.25v-9.3c0-.67.3-1.3.8-1.73zm1.93 1.15a.75.75 0 0 0-.96 0l-6.75 5.7a.8.8 0 0 0-.27.56v9.31c0 .14.11.25.25.25h3.5q.23-.01.25-.25v-5c0-.97.78-1.75 1.75-1.75h3.5c.97 0 1.75.78 1.75 1.75v5q.02.23.25.25h3.5q.23-.01.25-.25v-9.3q0-.36-.27-.58z\"/>"
+		},
+		info: {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20m0 1.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17m0 7c.41 0 .75.34.75.75v5a.75.75 0 0 1-1.5 0v-5c0-.41.34-.75.75-.75M12 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2\"/>"
+		},
+		lock: {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M12 1a5 5 0 0 1 5 5v2.01c1.68.13 3 1.53 3 3.24v7.5c0 1.8-1.46 3.25-3.25 3.25h-9.5A3.25 3.25 0 0 1 4 18.75v-7.5a3.25 3.25 0 0 1 3-3.24V6a5 5 0 0 1 5-5M7.25 9.5c-.97 0-1.75.78-1.75 1.75v7.5c0 .97.78 1.75 1.75 1.75h9.5c.97 0 1.75-.78 1.75-1.75v-7.5c0-.97-.78-1.75-1.75-1.75zM12 13.75a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5M12 2.5A3.5 3.5 0 0 0 8.5 6v2h7V6A3.5 3.5 0 0 0 12 2.5\"/>"
+		},
+		menu: {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M2.75 18h18.5a.75.75 0 0 1 .1 1.5H2.75a.75.75 0 0 1-.1-1.5zh18.5zm0-6.5h18.5a.75.75 0 0 1 .1 1.5H2.75a.75.75 0 0 1-.1-1.5zh18.5zm0-6.5h18.5a.75.75 0 0 1 .1 1.5H2.75a.75.75 0 0 1-.1-1.49zh18.5z\"/>"
+		},
+		more: {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M7.75 12a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0m6 0a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0M18 13.75a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5\"/>"
+		},
+		refresh: {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M12 4.5a7.5 7.5 0 1 0 7.42 6.4c-.07-.46.26-.9.72-.9.37 0 .7.26.76.62q.1.67.1 1.38a9 9 0 1 1-3-6.7V4.24a.75.75 0 0 1 1.5 0v3c0 .41-.34.75-.75.75h-3a.75.75 0 0 1 0-1.5h1.35a7.5 7.5 0 0 0-5.1-2\"/>"
+		},
+		search: {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M16.1 17.16a8 8 0 1 1 1.06-1.06l4.62 4.62a.75.75 0 1 1-1.06 1.06zM17.5 11a6.5 6.5 0 1 0-13 0 6.5 6.5 0 0 0 13 0\"/>"
+		},
+		settings: {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M12.01 2.25q1.11.01 2.18.25c.32.07.55.33.59.65l.17 1.53a1.38 1.38 0 0 0 1.92 1.11l1.4-.61c.3-.13.64-.06.85.17a10 10 0 0 1 2.2 3.8c.1.3 0 .63-.26.82l-1.25.92a1.38 1.38 0 0 0 0 2.22l1.25.92c.26.19.36.52.27.82a10 10 0 0 1-2.2 3.8.75.75 0 0 1-.85.17l-1.4-.62a1.38 1.38 0 0 0-1.93 1.12l-.17 1.52a.75.75 0 0 1-.58.65 9.5 9.5 0 0 1-4.4 0 .75.75 0 0 1-.57-.65l-.17-1.52a1.38 1.38 0 0 0-1.93-1.11l-1.4.62a.75.75 0 0 1-.85-.18 10 10 0 0 1-2.2-3.8c-.1-.3 0-.63.26-.82l1.25-.92a1.38 1.38 0 0 0 0-2.22l-1.24-.92a.75.75 0 0 1-.28-.82 10 10 0 0 1 2.2-3.8c.23-.23.57-.3.86-.17l1.4.62c.4.17.86.15 1.25-.08.38-.22.63-.6.68-1.04l.17-1.53a.75.75 0 0 1 .58-.65q1.08-.24 2.2-.25m0 1.5q-.67 0-1.35.12l-.11.97a2.9 2.9 0 0 1-4.03 2.33l-.9-.4A8 8 0 0 0 4.29 9.1l.8.59a2.88 2.88 0 0 1 0 4.64l-.8.59a8 8 0 0 0 1.35 2.32l.9-.4a2.88 2.88 0 0 1 4.02 2.32l.1.99q1.35.22 2.7 0l.1-.99a2.88 2.88 0 0 1 4.02-2.32l.9.4a8 8 0 0 0 1.35-2.32l-.8-.59a2.88 2.88 0 0 1 0-4.64l.8-.59a8 8 0 0 0-1.35-2.32l-.9.4q-.55.24-1.15.24c-1.47 0-2.7-1.1-2.86-2.57l-.11-.97q-.68-.11-1.34-.12M12 8.25a3.75 3.75 0 1 1 0 7.5 3.75 3.75 0 0 1 0-7.5m0 1.5a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5\"/>"
+		},
+		"sort-ascending": {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"m6.72 8.71 4.5-4.49a.75.75 0 0 1 .97-.07l.08.07 4.5 4.5a.75.75 0 0 1-.97 1.13l-.08-.07-3.22-3.22v12.7c0 .37-.28.69-.65.74h-.1a.75.75 0 0 1-.75-.64V6.56L7.78 9.78a.75.75 0 0 1-.98.07l-.08-.07a.75.75 0 0 1-.07-.98zl4.5-4.49z\"/>"
+		},
+		"sort-descending": {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M11.65 4h.1c.38 0 .7.28.74.65l.01.1v12.7l3.22-3.23c.27-.26.68-.29.98-.07l.08.07c.27.27.3.69.07.98l-.07.09-4.5 4.5a.75.75 0 0 1-.97.07l-.09-.07-4.5-4.5a.75.75 0 0 1 .98-1.14l.08.07L11 17.44V4.75c0-.38.28-.7.65-.74l.1-.01z\"/>"
+		},
+		upload: {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M18.25 3.51a.75.75 0 1 0 0-1.5h-13a.75.75 0 1 0 0 1.5zM11.65 22h.1c.38 0 .7-.28.74-.64l.01-.1V7.56l3.72 3.72c.27.27.68.29.98.07l.08-.07a.75.75 0 0 0 .07-.98l-.07-.08-5-5a.75.75 0 0 0-.97-.07l-.09.07-5 5a.75.75 0 0 0 .98 1.13l.08-.07L11 7.58v13.67c0 .38.28.7.65.75\"/>"
+		},
+		user: {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M17.75 14C19 14 20 15 20 16.25v.57c0 .9-.32 1.76-.9 2.44Q16.74 22.01 12 22q-4.74.01-7.1-2.74a3.8 3.8 0 0 1-.9-2.43v-.58C4 15 5.01 14 6.25 14zm0 1.5H6.25a.75.75 0 0 0-.75.75v.58c0 .53.2 1.05.54 1.46C7.3 19.76 9.26 20.5 12 20.5q4.09 0 5.96-2.21c.35-.41.54-.93.54-1.47v-.57a.75.75 0 0 0-.75-.75M12 2a5 5 0 1 1 0 10 5 5 0 0 1 0-10m0 1.5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7\"/>"
+		},
+		view: {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M12 9a4 4 0 1 1 0 8 4 4 0 0 1 0-8m0 1.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5m0-5a10 10 0 0 1 9.7 7.56.75.75 0 1 1-1.45.37 8.5 8.5 0 0 0-16.5 0 .75.75 0 0 1-1.45-.36A10 10 0 0 1 12 5.5\"/>"
+		},
+		warning: {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M9.14 3.7a3.25 3.25 0 0 1 5.72 0l6.74 12.5a3.25 3.25 0 0 1-2.86 4.8H5.25a3.25 3.25 0 0 1-2.86-4.8zm4.4.72a1.75 1.75 0 0 0-3.08 0L3.7 16.92a1.75 1.75 0 0 0 1.54 2.58h13.5a1.75 1.75 0 0 0 1.53-2.58zM12 15a1 1 0 1 1 0 2 1 1 0 0 1 0-2m0-7.5c.41 0 .75.34.75.75v4.5a.75.75 0 0 1-1.5 0v-4.5c0-.41.34-.75.75-.75\"/>"
+		}
+	},
+	carbon: {
+		add: {
+			viewBox: "0 0 32 32",
+			body: "<path d=\"M17 15 17 8 15 8 15 15 8 15 8 17 15 17 15 24 17 24 17 17 24 17 24 15z\"/>"
+		},
+		"arrow-left": {
+			viewBox: "0 0 32 32",
+			body: "<path d=\"M14 26 15.41 24.59 7.83 17 28 17 28 15 7.83 15 15.41 7.41 14 6 4 16 14 26z\"/>"
+		},
+		"arrow-right": {
+			viewBox: "0 0 32 32",
+			body: "<path d=\"M18 6 16.57 7.393 24.15 15 4 15 4 17 24.15 17 16.57 24.573 18 26 28 16 18 6z\"/>"
+		},
+		calendar: {
+			viewBox: "0 0 32 32",
+			body: "<path d=\"M26,4h-4V2h-2v2h-8V2h-2v2H6C4.9,4,4,4.9,4,6v20c0,1.1,0.9,2,2,2h20c1.1,0,2-0.9,2-2V6C28,4.9,27.1,4,26,4z M26,26H6V12h20 V26z M26,10H6V6h4v2h2V6h8v2h2V6h4V10z\"/>"
+		},
+		check: {
+			viewBox: "0 0 32 32",
+			body: "<path d=\"M13 24 4 15 5.414 13.586 13 21.171 26.586 7.586 28 9 13 24z\"/>"
+		},
+		"check-circle": {
+			viewBox: "0 0 32 32",
+			body: "<path d=\"M14 21.414 9 16.413 10.413 15 14 18.586 21.585 11 23 12.415 14 21.414z\"/><path d=\"M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z\"/>"
+		},
+		"chevron-down": {
+			viewBox: "0 0 32 32",
+			body: "<path d=\"M16 22 6 12 7.4 10.6 16 19.2 24.6 10.6 26 12z\"/>"
+		},
+		"chevron-left": {
+			viewBox: "0 0 32 32",
+			body: "<path d=\"M10 16 20 6 21.4 7.4 12.8 16 21.4 24.6 20 26z\"/>"
+		},
+		"chevron-right": {
+			viewBox: "0 0 32 32",
+			body: "<path d=\"M22 16 12 26 10.6 24.6 19.2 16 10.6 7.4 12 6z\"/>"
+		},
+		"chevron-up": {
+			viewBox: "0 0 32 32",
+			body: "<path d=\"M16 10 26 20 24.6 21.4 16 12.8 7.4 21.4 6 20z\"/>"
+		},
+		close: {
+			viewBox: "0 0 32 32",
+			body: "<path d=\"M17.4141 16 24 9.4141 22.5859 8 16 14.5859 9.4143 8 8 9.4141 14.5859 16 8 22.5859 9.4143 24 16 17.4141 22.5859 24 24 22.5859 17.4141 16z\"/>"
+		},
+		copy: {
+			viewBox: "0 0 32 32",
+			body: "<path d=\"M28,10V28H10V10H28m0-2H10a2,2,0,0,0-2,2V28a2,2,0,0,0,2,2H28a2,2,0,0,0,2-2V10a2,2,0,0,0-2-2Z\"/><path d=\"M4,18H2V4A2,2,0,0,1,4,2H18V4H4Z\"/>"
+		},
+		delete: {
+			viewBox: "0 0 32 32",
+			body: "<path d=\"M12 12H14V24H12z\"/><path d=\"M18 12H20V24H18z\"/><path d=\"M4,6V8H6V28a2,2,0,0,0,2,2H24a2,2,0,0,0,2-2V8h2V6ZM8,28V8H24V28Z\"/><path d=\"M12 2H20V4H12z\"/>"
+		},
+		download: {
+			viewBox: "0 0 32 32",
+			body: "<path d=\"M26,24v4H6V24H4v4H4a2,2,0,0,0,2,2H26a2,2,0,0,0,2-2h0V24Z\"/><path d=\"M26 14 24.59 12.59 17 20.17 17 2 15 2 15 20.17 7.41 12.59 6 14 16 24 26 14z\"/>"
+		},
+		edit: {
+			viewBox: "0 0 32 32",
+			body: "<path d=\"M2 26H30V28H2z\"/><path d=\"M25.4,9c0.8-0.8,0.8-2,0-2.8c0,0,0,0,0,0l-3.6-3.6c-0.8-0.8-2-0.8-2.8,0c0,0,0,0,0,0l-15,15V24h6.4L25.4,9z M20.4,4L24,7.6 l-3,3L17.4,7L20.4,4z M6,22v-3.6l10-10l3.6,3.6l-10,10H6z\"/>"
+		},
+		error: {
+			viewBox: "0 0 32 32",
+			body: "<path d=\"M2,16H2A14,14,0,1,0,16,2,14,14,0,0,0,2,16Zm23.15,7.75L8.25,6.85a12,12,0,0,1,16.9,16.9ZM8.24,25.16A12,12,0,0,1,6.84,8.27L23.73,25.16a12,12,0,0,1-15.49,0Z\"/>"
+		},
+		"external-link": {
+			viewBox: "0 0 32 32",
+			body: "<path d=\"M26,28H6a2.0027,2.0027,0,0,1-2-2V6A2.0027,2.0027,0,0,1,6,4H16V6H6V26H26V16h2V26A2.0027,2.0027,0,0,1,26,28Z\"/><path d=\"M20 2 20 4 26.586 4 18 12.586 19.414 14 28 5.414 28 12 30 12 30 2 20 2z\"/>"
+		},
+		filter: {
+			viewBox: "0 0 32 32",
+			body: "<path d=\"M18,28H14a2,2,0,0,1-2-2V18.41L4.59,11A2,2,0,0,1,4,9.59V6A2,2,0,0,1,6,4H26a2,2,0,0,1,2,2V9.59A2,2,0,0,1,27.41,11L20,18.41V26A2,2,0,0,1,18,28ZM6,6V9.59l8,8V26h4V17.59l8-8V6Z\"/>"
+		},
+		help: {
+			viewBox: "0 0 32 32",
+			body: "<path d=\"M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z\"/><circle cx=\"16\" cy=\"23.5\" r=\"1.5\"/><path d=\"M17,8H15.5A4.49,4.49,0,0,0,11,12.5V13h2v-.5A2.5,2.5,0,0,1,15.5,10H17a2.5,2.5,0,0,1,0,5H15v4.5h2V17a4.5,4.5,0,0,0,0-9Z\"/>"
+		},
+		home: {
+			viewBox: "0 0 32 32",
+			body: "<path d=\"M16.6123,2.2138a1.01,1.01,0,0,0-1.2427,0L1,13.4194l1.2427,1.5717L4,13.6209V26a2.0041,2.0041,0,0,0,2,2H26a2.0037,2.0037,0,0,0,2-2V13.63L29.7573,15,31,13.4282ZM18,26H14V18h4Zm2,0V18a2.0023,2.0023,0,0,0-2-2H14a2.002,2.002,0,0,0-2,2v8H6V12.0615l10-7.79,10,7.8005V26Z\"/>"
+		},
+		info: {
+			viewBox: "0 0 32 32",
+			body: "<path d=\"M17 22 17 14 13 14 13 16 15 16 15 22 12 22 12 24 20 24 20 22 17 22z\"/><path d=\"M16,8a1.5,1.5,0,1,0,1.5,1.5A1.5,1.5,0,0,0,16,8Z\"/><path d=\"M16,30A14,14,0,1,1,30,16,14,14,0,0,1,16,30ZM16,4A12,12,0,1,0,28,16,12,12,0,0,0,16,4Z\"/>"
+		},
+		lock: {
+			viewBox: "0 0 32 32",
+			body: "<path d=\"M24,14H22V8A6,6,0,0,0,10,8v6H8a2,2,0,0,0-2,2V28a2,2,0,0,0,2,2H24a2,2,0,0,0,2-2V16A2,2,0,0,0,24,14ZM12,8a4,4,0,0,1,8,0v6H12ZM24,28H8V16H24Z\"/>"
+		},
+		menu: {
+			viewBox: "0 0 32 32",
+			body: "<path d=\"M4 6H28V8H4z\"/><path d=\"M4 24H28V26H4z\"/><path d=\"M4 12H28V14H4z\"/><path d=\"M4 18H28V20H4z\"/>"
+		},
+		more: {
+			viewBox: "0 0 32 32",
+			body: "<circle cx=\"8\" cy=\"16\" r=\"2\"/><circle cx=\"16\" cy=\"16\" r=\"2\"/><circle cx=\"24\" cy=\"16\" r=\"2\"/>"
+		},
+		refresh: {
+			viewBox: "0 0 32 32",
+			body: "<path d=\"M12,10H6.78A11,11,0,0,1,27,16h2A13,13,0,0,0,6,7.68V4H4v8h8Z\"/><path d=\"M20,22h5.22A11,11,0,0,1,5,16H3a13,13,0,0,0,23,8.32V28h2V20H20Z\"/>"
+		},
+		search: {
+			viewBox: "0 0 32 32",
+			body: "<path d=\"M29,27.5859l-7.5521-7.5521a11.0177,11.0177,0,1,0-1.4141,1.4141L27.5859,29ZM4,13a9,9,0,1,1,9,9A9.01,9.01,0,0,1,4,13Z\"/>"
+		},
+		settings: {
+			viewBox: "0 0 32 32",
+			body: "<path d=\"M27,16.76c0-.25,0-.5,0-.76s0-.51,0-.77l1.92-1.68A2,2,0,0,0,29.3,11L26.94,7a2,2,0,0,0-1.73-1,2,2,0,0,0-.64.1l-2.43.82a11.35,11.35,0,0,0-1.31-.75l-.51-2.52a2,2,0,0,0-2-1.61H13.64a2,2,0,0,0-2,1.61l-.51,2.52a11.48,11.48,0,0,0-1.32.75L7.43,6.06A2,2,0,0,0,6.79,6,2,2,0,0,0,5.06,7L2.7,11a2,2,0,0,0,.41,2.51L5,15.24c0,.25,0,.5,0,.76s0,.51,0,.77L3.11,18.45A2,2,0,0,0,2.7,21L5.06,25a2,2,0,0,0,1.73,1,2,2,0,0,0,.64-.1l2.43-.82a11.35,11.35,0,0,0,1.31.75l.51,2.52a2,2,0,0,0,2,1.61h4.72a2,2,0,0,0,2-1.61l.51-2.52a11.48,11.48,0,0,0,1.32-.75l2.42.82a2,2,0,0,0,.64.1,2,2,0,0,0,1.73-1L29.3,21a2,2,0,0,0-.41-2.51ZM25.21,24l-3.43-1.16a8.86,8.86,0,0,1-2.71,1.57L18.36,28H13.64l-.71-3.55a9.36,9.36,0,0,1-2.7-1.57L6.79,24,4.43,20l2.72-2.4a8.9,8.9,0,0,1,0-3.13L4.43,12,6.79,8l3.43,1.16a8.86,8.86,0,0,1,2.71-1.57L13.64,4h4.72l.71,3.55a9.36,9.36,0,0,1,2.7,1.57L25.21,8,27.57,12l-2.72,2.4a8.9,8.9,0,0,1,0,3.13L27.57,20Z\"/><path d=\"M16,22a6,6,0,1,1,6-6A5.94,5.94,0,0,1,16,22Zm0-10a3.91,3.91,0,0,0-4,4,3.91,3.91,0,0,0,4,4,3.91,3.91,0,0,0,4-4A3.91,3.91,0,0,0,16,12Z\"/>"
+		},
+		"sort-ascending": {
+			viewBox: "0 0 32 32",
+			body: "<path d=\"M18 22 19.414 20.586 23 24.172 23 4 25 4 25 24.172 28.586 20.586 30 22 24 28 18 22z\"/><path d=\"M2 18H16V20H2z\"/><path d=\"M6 12H16V14H6z\"/><path d=\"M10 6H16V8H10z\"/>"
+		},
+		"sort-descending": {
+			viewBox: "0 0 32 32",
+			body: "<path d=\"M18 22 19.414 20.586 23 24.172 23 4 25 4 25 24.172 28.586 20.586 30 22 24 28 18 22z\"/><path d=\"M2 6H16V8H2z\"/><path d=\"M6 12H16V14H6z\"/><path d=\"M10 18H16V20H10z\"/>"
+		},
+		upload: {
+			viewBox: "0 0 32 32",
+			body: "<path d=\"M6 18 7.41 19.41 15 11.83 15 30 17 30 17 11.83 24.59 19.41 26 18 16 8 6 18z\"/><path d=\"M6,8V4H26V8h2V4a2,2,0,0,0-2-2H6A2,2,0,0,0,4,4V8Z\"/>"
+		},
+		user: {
+			viewBox: "0 0 32 32",
+			body: "<path d=\"M16,4a5,5,0,1,1-5,5,5,5,0,0,1,5-5m0-2a7,7,0,1,0,7,7A7,7,0,0,0,16,2Z\"/><path d=\"M26,30H24V25a5,5,0,0,0-5-5H13a5,5,0,0,0-5,5v5H6V25a7,7,0,0,1,7-7h6a7,7,0,0,1,7,7Z\"/>"
+		},
+		view: {
+			viewBox: "0 0 32 32",
+			body: "<path d=\"M30.94,15.66A16.69,16.69,0,0,0,16,5,16.69,16.69,0,0,0,1.06,15.66a1,1,0,0,0,0,.68A16.69,16.69,0,0,0,16,27,16.69,16.69,0,0,0,30.94,16.34,1,1,0,0,0,30.94,15.66ZM16,25c-5.3,0-10.9-3.93-12.93-9C5.1,10.93,10.7,7,16,7s10.9,3.93,12.93,9C26.9,21.07,21.3,25,16,25Z\"/><path d=\"M16,10a6,6,0,1,0,6,6A6,6,0,0,0,16,10Zm0,10a4,4,0,1,1,4-4A4,4,0,0,1,16,20Z\"/>"
+		},
+		warning: {
+			viewBox: "0 0 32 32",
+			body: "<path d=\"M16,23a1.5,1.5,0,1,0,1.5,1.5A1.5,1.5,0,0,0,16,23Z\"/><path d=\"M15 12H17V21H15z\"/><path d=\"M29,30H3a1,1,0,0,1-.8872-1.4614l13-25a1,1,0,0,1,1.7744,0l13,25A1,1,0,0,1,29,30ZM4.6507,28H27.3493l.002-.0033L16.002,6.1714h-.004L4.6487,27.9967Z\"/>"
+		}
+	},
+	lucide: {
+		add: {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M5 12h14\" /><path d=\"M12 5v14\" />"
+		},
+		"arrow-left": {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"m12 19-7-7 7-7\" /><path d=\"M19 12H5\" />"
+		},
+		"arrow-right": {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M5 12h14\" /><path d=\"m12 5 7 7-7 7\" />"
+		},
+		calendar: {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M8 2v3\" /><path d=\"M16 2v3\" /><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" /><path d=\"M3 9h18\" />"
+		},
+		check: {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M20 6 9 17l-5-5\" />"
+		},
+		"check-circle": {
+			viewBox: "0 0 24 24",
+			body: "<circle cx=\"12\" cy=\"12\" r=\"10\" /><path d=\"m16 9-5.5 5.5L8 12\" />"
+		},
+		"chevron-down": {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"m6 9 6 6 6-6\" />"
+		},
+		"chevron-left": {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"m15 18-6-6 6-6\" />"
+		},
+		"chevron-right": {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"m9 18 6-6-6-6\" />"
+		},
+		"chevron-up": {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"m18 15-6-6-6 6\" />"
+		},
+		close: {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M18 6 6 18\" /><path d=\"m6 6 12 12\" />"
+		},
+		copy: {
+			viewBox: "0 0 24 24",
+			body: "<rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\" /><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\" />"
+		},
+		delete: {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M10 11v6\" /><path d=\"M14 11v6\" /><path d=\"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6\" /><path d=\"M3 6h18\" /><path d=\"M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\" />"
+		},
+		download: {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M12 15V3\" /><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\" /><path d=\"m7 10 5 5 5-5\" />"
+		},
+		edit: {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z\" /><path d=\"m15 5 4 4\" />"
+		},
+		error: {
+			viewBox: "0 0 24 24",
+			body: "<circle cx=\"12\" cy=\"12\" r=\"10\" /><path d=\"m15 9-6 6\" /><path d=\"m9 9 6 6\" />"
+		},
+		"external-link": {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M15 3h6v6\" /><path d=\"M10 14 21 3\" /><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\" />"
+		},
+		filter: {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z\" />"
+		},
+		help: {
+			viewBox: "0 0 24 24",
+			body: "<circle cx=\"12\" cy=\"12\" r=\"10\" /><path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\" /><path d=\"M12 17h.01\" />"
+		},
+		home: {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\" /><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\" />"
+		},
+		info: {
+			viewBox: "0 0 24 24",
+			body: "<circle cx=\"12\" cy=\"12\" r=\"10\" /><path d=\"M12 16v-4\" /><path d=\"M12 8h.01\" />"
+		},
+		lock: {
+			viewBox: "0 0 24 24",
+			body: "<rect width=\"18\" height=\"11\" x=\"3\" y=\"11\" rx=\"2\" ry=\"2\" /><path d=\"M7 11V7a5 5 0 0 1 10 0v4\" />"
+		},
+		menu: {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M4 5h16\" /><path d=\"M4 12h16\" /><path d=\"M4 19h16\" />"
+		},
+		more: {
+			viewBox: "0 0 24 24",
+			body: "<circle cx=\"12\" cy=\"12\" r=\"1\" /><circle cx=\"19\" cy=\"12\" r=\"1\" /><circle cx=\"5\" cy=\"12\" r=\"1\" />"
+		},
+		refresh: {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\" /><path d=\"M21 3v5h-5\" /><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\" /><path d=\"M8 16H3v5\" />"
+		},
+		search: {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"m21 21-4.34-4.34\" /><circle cx=\"11\" cy=\"11\" r=\"8\" />"
+		},
+		settings: {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915\" /><circle cx=\"12\" cy=\"12\" r=\"3\" />"
+		},
+		"sort-ascending": {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"m3 8 4-4 4 4\" /><path d=\"M7 4v16\" /><path d=\"M11 12h4\" /><path d=\"M11 16h7\" /><path d=\"M11 20h10\" />"
+		},
+		"sort-descending": {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"m3 16 4 4 4-4\" /><path d=\"M7 20V4\" /><path d=\"M11 4h10\" /><path d=\"M11 8h7\" /><path d=\"M11 12h4\" />"
+		},
+		upload: {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M12 3v12\" /><path d=\"m17 8-5-5-5 5\" /><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\" />"
+		},
+		user: {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2\" /><circle cx=\"12\" cy=\"7\" r=\"4\" />"
+		},
+		view: {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0\" /><circle cx=\"12\" cy=\"12\" r=\"3\" />"
+		},
+		warning: {
+			viewBox: "0 0 24 24",
+			body: "<path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\" /><path d=\"M12 9v4\" /><path d=\"M12 17h.01\" />"
+		}
+	}
+}, F = new Map(f.map((e) => [e.name, e])), I = /* @__PURE__ */ new Set([
+	"material",
+	"fluent",
+	"carbon"
+]), L = Object.keys(P.lucide).sort(), R = !0;
+try {
+	R = process.env.NODE_ENV !== "production";
+} catch {}
+function z(e) {
+	let t = F.get(e)?.designSystem;
+	return I.has(t) ? t : "lucide";
+}
+function B(e, t, n = P) {
+	return n[t]?.[e] ? [n[t][e], t] : n.lucide?.[e] ? [n.lucide[e], "lucide"] : [null, null];
+}
+var V = /* @__PURE__ */ new Map(), H = /<script|\son\w+\s*=|\shref\s*=|<foreignObject/i, ee = (e, t) => {
+	let n = e.glyphs;
+	if (n[t]) return [n[t], t];
+	if (n.lucide) return [n.lucide, "lucide"];
+	let r = Object.keys(N).find((e) => n[e]);
+	return r ? [n[r], r] : [null, null];
+};
+function te(...e) {
+	let t = [];
+	for (let n of e.flat()) {
+		if (!(n && typeof n.name == "string" && n.glyphs && Object.keys(n.glyphs).length > 0 && Object.keys(n.glyphs).every((e) => N[e]))) throw Error(`@ux-builder/ui registerIcons: an icon is { name, glyphs: { ${Object.keys(N).join(" | ")}: { viewBox, body } } }`);
+		for (let [e, t] of Object.entries(n.glyphs)) if (typeof t?.viewBox != "string" || typeof t?.body != "string" || H.test(t.body)) throw Error(`@ux-builder/ui registerIcons: ${n.name} (${e}) needs a viewBox and markup without scripts, handlers or links`);
+		V.set(n.name, n), t.push(n.name);
+	}
+	return t;
+}
+var ne = (e) => e.replace(/-([a-z])/g, (e, t) => t.toUpperCase()), U = Object.fromEntries(Object.entries(N).map(([e, t]) => [e, Object.fromEntries(Object.entries(t.svg).map(([e, t]) => [ne(e), t]))])), W = typeof window > "u" ? r : a;
+function G({ name: e, icon: t, set: r, size: i = "1em", label: a, className: o = "", ...l }) {
+	let d = n(x), f = s(null), [p, m] = c(null), [h, g] = c(null);
+	W(() => {
+		if (r || !f.current) return;
+		let e = getComputedStyle(f.current).getPropertyValue("--piq-icon-set").trim().replace(/^["']|["']$/g, "");
+		g(P[e] ? e : null), d?.theme || m(f.current.closest?.("[data-theme]")?.getAttribute("data-theme") ?? null);
+	});
+	let _ = r ?? h ?? z(d?.theme ?? p), v = t ?? (P.lucide[e] ? null : V.get(e)), [y, b] = v ? ee(v, _) : B(e, _);
+	if (!y) return R && console.warn(`@ux-builder/ui Icon: no icon "${e}". Shared names: ${L.join(", ")}. Every Lucide icon is in @ux-builder/ui/icons: import it (e.g. import { iconPin } from "@ux-builder/ui/icons") and pass icon={iconPin}, or registerIcons(iconPin) once.`), null;
+	let S = a ? {
+		role: "img",
+		"aria-label": a
+	} : {
+		"aria-hidden": "true",
+		focusable: "false"
+	};
+	return /* @__PURE__ */ u("svg", {
+		ref: f,
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: y.viewBox,
+		width: i,
+		height: i,
+		className: `piq-icon${o ? ` ${o}` : ""}`,
+		"data-icon": v?.name ?? e,
+		"data-icon-set": b,
+		...U[b],
+		...S,
+		...l,
+		dangerouslySetInnerHTML: { __html: y.body }
+	});
+}
+//#endregion
+//#region src/widgets/Loading.jsx
+var re = (e, t, n) => Math.min(n, Math.max(t, e)), K = (e) => typeof e == "number" ? `${e}px` : e;
+function ie({ label: e, value: t, max: n = 100, valueText: r, showValue: a = !1, hideLabel: o = !1, className: s = "", ...c }) {
+	let l = i(), f = n > 0 ? n : 100, p = typeof t == "number" && Number.isFinite(t), m = p ? re(t, 0, f) : null, h = p ? Math.round(m / f * 100) : null;
+	return /* @__PURE__ */ d("div", {
+		className: `piq-progress${p ? "" : " piq-progress--indeterminate"}${s ? ` ${s}` : ""}`,
+		...c,
+		children: [/* @__PURE__ */ d("div", {
+			className: o ? "piq-visually-hidden" : "piq-progress__head",
+			children: [/* @__PURE__ */ u("span", {
+				id: l,
+				className: "piq-progress__label",
+				children: e
+			}), p && a && /* @__PURE__ */ u("span", {
+				className: "piq-progress__value",
+				"aria-hidden": "true",
+				children: r ?? `${h}%`
+			})]
+		}), /* @__PURE__ */ u("div", {
+			className: "piq-progress__track",
+			role: "progressbar",
+			"aria-labelledby": l,
+			"aria-valuemin": 0,
+			"aria-valuemax": f,
+			"aria-valuenow": p ? m : void 0,
+			"aria-valuetext": p && r ? r : void 0,
+			children: /* @__PURE__ */ u("div", {
+				className: "piq-progress__fill",
+				style: p ? { width: `${h}%` } : void 0
+			})
+		})]
+	});
+}
+function q() {
+	return /* @__PURE__ */ d("svg", {
+		className: "piq-spinner__glyph",
+		viewBox: "0 0 24 24",
+		"aria-hidden": "true",
+		focusable: "false",
+		children: [/* @__PURE__ */ u("circle", {
+			className: "piq-spinner__track",
+			cx: "12",
+			cy: "12",
+			r: "10",
+			fill: "none"
+		}), /* @__PURE__ */ u("circle", {
+			className: "piq-spinner__arc",
+			cx: "12",
+			cy: "12",
+			r: "10",
+			fill: "none",
+			pathLength: "100"
+		})]
+	});
+}
+function ae({ size: e = "md", label: t = "Loading", showLabel: n = !1, className: r = "", ...i }) {
+	return /* @__PURE__ */ d("span", {
+		className: `piq-spinner piq-spinner--${e}${r ? ` ${r}` : ""}`,
+		role: "status",
+		...i,
+		children: [/* @__PURE__ */ u(q, {}), /* @__PURE__ */ u("span", {
+			className: n ? "piq-spinner__label" : "piq-visually-hidden",
+			children: t
+		})]
+	});
+}
+function oe({ variant: e = "text", lines: t = 1, width: n, height: r, className: i = "", style: a, ...o }) {
+	let s = `piq-skeleton piq-skeleton--${e}${i ? ` ${i}` : ""}`;
+	if (e === "text") {
+		let e = Math.max(1, Math.floor(t));
+		return /* @__PURE__ */ u("span", {
+			className: s,
+			"aria-hidden": "true",
+			style: {
+				width: K(n),
+				...a
+			},
+			...o,
+			children: Array.from({ length: e }, (e, t) => /* @__PURE__ */ u("span", { className: "piq-skeleton__line" }, t))
+		});
+	}
+	let c = e === "circle" ? {
+		width: K(n ?? r ?? 40),
+		height: K(r ?? n ?? 40)
+	} : {
+		width: K(n),
+		height: K(r)
+	};
+	return /* @__PURE__ */ u("span", {
+		className: s,
+		"aria-hidden": "true",
+		style: {
+			...c,
+			...a
+		},
+		...o
+	});
+}
+//#endregion
+//#region src/widgets/Button.jsx
+var se = {
+	primary: "",
+	secondary: " piq-btn--secondary",
+	text: " piq-btn--text"
+};
+function J({ variant: e = "primary", size: t, badge: n, busy: r = !1, type: i = "button", className: a = "", onClick: o, children: s, ...c }) {
+	let f = `piq-btn${se[e] ?? ""}${t === "sm" ? " piq-btn--sm" : ""}${r ? " piq-btn--busy" : ""}${a ? ` ${a}` : ""}`, p = /* @__PURE__ */ d(l, { children: [s, n != null && /* @__PURE__ */ u("span", {
+		className: "piq-btn__badge",
+		children: n
+	})] });
+	return r ? /* @__PURE__ */ d("button", {
+		type: i,
+		className: f,
+		...c,
+		"aria-busy": "true",
+		"aria-disabled": "true",
+		onClick: (e) => e.preventDefault(),
+		children: [/* @__PURE__ */ u("span", {
+			className: "piq-btn__label",
+			children: p
+		}), /* @__PURE__ */ u("span", {
+			className: "piq-btn__spinner",
+			children: /* @__PURE__ */ u(q, {})
+		})]
+	}) : /* @__PURE__ */ u("button", {
+		type: i,
+		className: f,
+		onClick: o,
+		...c,
+		children: p
+	});
+}
+//#endregion
+//#region src/widgets/Choice.jsx
+function ce({ label: e, className: t = "", ...n }) {
+	return /* @__PURE__ */ d("label", {
+		className: `piq-check${t ? ` ${t}` : ""}`,
+		children: [/* @__PURE__ */ u("input", {
+			type: "checkbox",
+			className: "piq-check__box",
+			...n
+		}), /* @__PURE__ */ u("span", { children: e })]
+	});
+}
+function le({ label: e, className: t = "", ...n }) {
+	return /* @__PURE__ */ d("label", {
+		className: `piq-check piq-switch${t ? ` ${t}` : ""}`,
+		children: [/* @__PURE__ */ u("input", {
+			type: "checkbox",
+			role: "switch",
+			className: "piq-switch__track",
+			...n
+		}), /* @__PURE__ */ u("span", { children: e })]
+	});
+}
+function ue({ label: e, options: t, name: n, value: r, defaultValue: a, onChange: o, disabled: s }) {
+	let c = i(), l = n ?? c;
+	return /* @__PURE__ */ d("fieldset", {
+		className: "piq-radios",
+		disabled: s,
+		children: [/* @__PURE__ */ u("legend", {
+			className: "piq-field__label",
+			children: e
+		}), t.map((e) => /* @__PURE__ */ d("label", {
+			className: "piq-check",
+			children: [/* @__PURE__ */ u("input", {
+				type: "radio",
+				className: "piq-radio",
+				name: l,
+				value: e.value,
+				disabled: e.disabled,
+				...r === void 0 ? { defaultChecked: a === e.value } : {
+					checked: r === e.value,
+					onChange: () => o?.(e.value)
+				}
+			}), /* @__PURE__ */ u("span", { children: e.label })]
+		}, e.value))]
+	});
+}
+//#endregion
+//#region src/widgets/Field.jsx
+function Y({ label: e, hint: t, error: n, id: r, className: a, children: o }) {
+	let s = i(), c = r ?? s, l = t ? `${c}-hint` : void 0, f = n ? `${c}-error` : void 0, p = {
+		id: c,
+		"aria-invalid": n ? "true" : void 0,
+		"aria-describedby": [f, l].filter(Boolean).join(" ") || void 0
+	};
+	return /* @__PURE__ */ d("div", {
+		className: `piq-field${a ? ` ${a}` : ""}`,
+		children: [
+			/* @__PURE__ */ u("label", {
+				className: "piq-field__label",
+				htmlFor: c,
+				children: e
+			}),
+			o(p),
+			n && /* @__PURE__ */ u("span", {
+				id: f,
+				className: "piq-field__error",
+				children: n
+			}),
+			t && /* @__PURE__ */ u("span", {
+				id: l,
+				className: "piq-field__hint",
+				children: t
+			})
+		]
+	});
+}
+function X({ label: e, hint: t, error: n, id: r, className: i = "", ...a }) {
+	return /* @__PURE__ */ u(Y, {
+		label: e,
+		hint: t,
+		error: n,
+		id: r,
+		className: i,
+		children: (e) => /* @__PURE__ */ u("input", {
+			type: "text",
+			className: "piq-field__input",
+			...e,
+			...a
+		})
+	});
+}
+function de({ label: e, hint: t, error: n, id: r, className: i = "", rows: a = 4, ...o }) {
+	return /* @__PURE__ */ u(Y, {
+		label: e,
+		hint: t,
+		error: n,
+		id: r,
+		className: i,
+		children: (e) => /* @__PURE__ */ u("textarea", {
+			rows: a,
+			className: "piq-field__input piq-field__input--multi",
+			...e,
+			...o
+		})
+	});
+}
+function Z({ label: e, hint: t, error: n, id: r, className: i = "", options: a, placeholder: o, ...s }) {
+	return /* @__PURE__ */ u(Y, {
+		label: e,
+		hint: t,
+		error: n,
+		id: r,
+		className: i,
+		children: (e) => /* @__PURE__ */ u("span", {
+			className: "piq-select",
+			children: /* @__PURE__ */ d("select", {
+				className: "piq-field__input piq-select__input",
+				...e,
+				...s,
+				children: [o && /* @__PURE__ */ u("option", {
+					value: "",
+					disabled: !0,
+					children: o
+				}), a.map((e) => /* @__PURE__ */ u("option", {
+					value: e.value,
+					disabled: e.disabled,
+					children: e.label
+				}, e.value))]
+			})
+		})
+	});
+}
+//#endregion
+//#region src/widgets/DatePicker.jsx
+function Q({ label: e, value: t, onChange: n, min: r, max: i, hint: a, error: o, id: s, className: c }) {
+	return /* @__PURE__ */ u(X, {
+		type: "date",
+		label: e,
+		value: t ?? "",
+		min: r,
+		max: i,
+		hint: a,
+		error: o,
+		id: s,
+		className: c,
+		onChange: (e) => n?.(e.target.value)
+	});
+}
+function fe({ label: e, from: t, to: n, onChange: r, min: a, max: o, fromLabel: s = "From", toLabel: c = "To", className: l }) {
+	let f = i();
+	return /* @__PURE__ */ d("fieldset", {
+		className: `piq-date-range${l ? ` ${l}` : ""}`,
+		children: [/* @__PURE__ */ u("legend", {
+			className: "piq-field__label",
+			children: e
+		}), /* @__PURE__ */ d("div", {
+			className: "piq-date-range__fields",
+			children: [/* @__PURE__ */ u(Q, {
+				id: `${f}-from`,
+				label: s,
+				value: t,
+				min: a,
+				max: n || o,
+				onChange: (e) => r?.({
+					from: e,
+					to: n
+				})
+			}), /* @__PURE__ */ u(Q, {
+				id: `${f}-to`,
+				label: c,
+				value: n,
+				min: t || a,
+				max: o,
+				onChange: (e) => r?.({
+					from: t,
+					to: e
+				})
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/widgets/modal.js
+function $(e, t) {
+	let n = s(null), i = s(null);
+	return r(() => {
+		let r = n.current;
+		r && (e && !r.open ? (i.current = document.activeElement, typeof r.showModal == "function" ? r.showModal() : r.setAttribute("open", ""), t?.current?.focus()) : !e && r.open && (r.close(), i.current?.focus?.()));
+	}, [e, t]), r(() => () => {
+		n.current?.open && n.current.close();
+	}, []), n;
+}
+//#endregion
+//#region src/widgets/Dialog.jsx
+function pe({ open: e = !1, onClose: t, title: n, description: r, actions: a, closeLabel: o = "Close", initialFocus: s, role: c, className: l, children: f, ...p }) {
+	let m = $(e, s), h = i(), g = i();
+	return /* @__PURE__ */ d("dialog", {
+		ref: m,
+		role: c,
+		className: `piq-dialog${l ? ` ${l}` : ""}`,
+		"aria-labelledby": h,
+		"aria-describedby": r ? g : void 0,
+		onCancel: (e) => {
+			e.preventDefault(), t?.();
+		},
+		...p,
+		children: [
+			/* @__PURE__ */ d("div", {
+				className: "piq-dialog__head",
+				children: [/* @__PURE__ */ u("h2", {
+					id: h,
+					className: "piq-dialog__title",
+					children: n
+				}), t && /* @__PURE__ */ u(J, {
+					variant: "text",
+					className: "piq-dialog__close",
+					"aria-label": o,
+					onClick: () => t(),
+					children: /* @__PURE__ */ u(G, { name: "close" })
+				})]
+			}),
+			r && /* @__PURE__ */ u("p", {
+				id: g,
+				className: "piq-dialog__description",
+				children: r
+			}),
+			f && /* @__PURE__ */ u("div", {
+				className: "piq-dialog__body",
+				children: f
+			}),
+			a && /* @__PURE__ */ u("div", {
+				className: "piq-dialog__actions",
+				children: a
+			})
+		]
+	});
+}
+//#endregion
+//#region src/widgets/MenuButton.jsx
+function me({ label: e, items: t = [], icon: n, variant: a = "secondary", size: o, align: l = "start", buttonLabel: f, className: p, ...m }) {
+	let [h, g] = c(!1), [_, v] = c(-1), y = s(null), b = s(null), x = i(), S = t.map((e, t) => e.disabled ? -1 : t).filter((e) => e >= 0), C = (e) => {
+		g(!0), v(e === "last" ? S.at(-1) : S[0]);
+	}, w = (e = !0) => {
+		g(!1), v(-1), e && y.current?.focus();
+	}, T = (e) => v((t) => S[(S.indexOf(t) + e + S.length) % S.length]);
+	r(() => {
+		h && _ >= 0 && b.current?.querySelectorAll("[data-index]")[_]?.focus();
+	}, [h, _]), r(() => {
+		if (!h) return;
+		let e = (e) => {
+			!y.current?.contains(e.target) && !b.current?.contains(e.target) && w(!1);
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [h]);
+	function E(e) {
+		[
+			"ArrowDown",
+			"Enter",
+			" "
+		].includes(e.key) ? (e.preventDefault(), C("first")) : e.key === "ArrowUp" && (e.preventDefault(), C("last"));
+	}
+	function D(e) {
+		if (e.key === "ArrowDown") e.preventDefault(), T(1);
+		else if (e.key === "ArrowUp") e.preventDefault(), T(-1);
+		else if (e.key === "Home") e.preventDefault(), v(S[0]);
+		else if (e.key === "End") e.preventDefault(), v(S.at(-1));
+		else if (e.key === "Escape") e.preventDefault(), w();
+		else if (e.key === "Tab") w(!1);
+		else if (e.key.length === 1 && /\S/.test(e.key)) {
+			let n = S.indexOf(_), r = [...S.slice(n + 1), ...S.slice(0, n + 1)].find((n) => String(t[n].label).toLowerCase().startsWith(e.key.toLowerCase()));
+			r !== void 0 && v(r);
+		}
+	}
+	function O(e, t) {
+		if (e.disabled) {
+			t.preventDefault();
+			return;
+		}
+		w(), e.onSelect?.(t);
+	}
+	let k = typeof e == "string" && e || f;
+	return /* @__PURE__ */ d("div", {
+		className: `piq-menubutton${p ? ` ${p}` : ""}`,
+		"data-align": l,
+		...m,
+		children: [/* @__PURE__ */ d(J, {
+			ref: y,
+			variant: a,
+			size: o,
+			"aria-haspopup": "menu",
+			"aria-expanded": h,
+			"aria-controls": h ? x : void 0,
+			"aria-label": f,
+			onClick: () => h ? w() : C("first"),
+			onKeyDown: E,
+			children: [
+				n && /* @__PURE__ */ u(G, { name: n }),
+				e,
+				/* @__PURE__ */ u(G, {
+					name: "chevron-down",
+					className: "piq-menubutton__chevron"
+				})
+			]
+		}), h && /* @__PURE__ */ u("ul", {
+			ref: b,
+			id: x,
+			role: "menu",
+			"aria-label": k,
+			className: "piq-menu piq-menubutton__menu",
+			onKeyDown: D,
+			children: t.map((e, t) => {
+				let n = {
+					"data-index": t,
+					tabIndex: -1,
+					className: `piq-menu__item${t === _ ? " is-hover" : ""}`,
+					role: e.checked === void 0 ? "menuitem" : "menuitemradio",
+					"aria-checked": e.checked === void 0 ? void 0 : !!e.checked,
+					"aria-disabled": e.disabled || void 0,
+					onClick: (t) => O(e, t),
+					onMouseEnter: () => !e.disabled && v(t)
+				};
+				return /* @__PURE__ */ u("li", {
+					role: "none",
+					children: e.href ? /* @__PURE__ */ u("a", {
+						href: e.href,
+						...n,
+						children: e.label
+					}) : /* @__PURE__ */ u("button", {
+						type: "button",
+						...n,
+						children: e.label
+					})
+				}, t);
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/widgets/Pagination.jsx
+function he({ page: e = 1, pageSize: t = 20, total: n = 0, onPageChange: r, pageSizes: i = [
+	10,
+	20,
+	50,
+	100
+], onPageSizeChange: a, label: o = "Pagination", ofLabel: s = "of", previousLabel: c = "Previous page", nextLabel: l = "Next page", pageSizeLabel: f = "Rows per page", className: p }) {
+	let m = Math.max(1, Math.ceil(n / t)), h = Math.min(Math.max(1, e), m), g = n ? (h - 1) * t + 1 : 0, _ = Math.min(n, h * t);
+	return /* @__PURE__ */ d("nav", {
+		"aria-label": o,
+		className: `piq-pagination${p ? ` ${p}` : ""}`,
+		children: [
+			a && /* @__PURE__ */ u(Z, {
+				label: f,
+				className: "piq-pagination__size",
+				value: String(t),
+				options: i.map((e) => ({
+					value: String(e),
+					label: String(e)
+				})),
+				onChange: (e) => a(Number(e.target.value))
+			}),
+			/* @__PURE__ */ u("p", {
+				className: "piq-pagination__position",
+				"aria-live": "polite",
+				children: `${g}–${_} ${s} ${n}`
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "piq-pagination__steps",
+				children: [/* @__PURE__ */ u(J, {
+					variant: "secondary",
+					size: "sm",
+					"aria-label": c,
+					disabled: h <= 1,
+					onClick: () => r?.(h - 1),
+					children: /* @__PURE__ */ u(G, { name: "chevron-left" })
+				}), /* @__PURE__ */ u(J, {
+					variant: "secondary",
+					size: "sm",
+					"aria-label": l,
+					disabled: h >= m,
+					onClick: () => r?.(h + 1),
+					children: /* @__PURE__ */ u(G, { name: "chevron-right" })
+				})]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/widgets/Sheet.jsx
+function ge({ open: e = !1, onClose: t, title: n, label: r, side: a = "start", closeLabel: o = "Close", initialFocus: s, className: c, children: l, ...f }) {
+	let p = $(e, s), m = i();
+	return /* @__PURE__ */ u("dialog", {
+		ref: p,
+		className: `piq-sheet${c ? ` ${c}` : ""}`,
+		"data-side": a,
+		"aria-labelledby": n ? m : void 0,
+		"aria-label": n ? void 0 : r,
+		onCancel: (e) => {
+			e.preventDefault(), t?.();
+		},
+		onClick: (e) => {
+			e.target === p.current && t?.();
+		},
+		...f,
+		children: /* @__PURE__ */ d("div", {
+			className: "piq-sheet__body",
+			children: [/* @__PURE__ */ d("div", {
+				className: "piq-sheet__head",
+				children: [n && /* @__PURE__ */ u("h2", {
+					id: m,
+					className: "piq-sheet__title",
+					children: n
+				}), /* @__PURE__ */ u(J, {
+					variant: "text",
+					className: "piq-sheet__close",
+					"aria-label": o,
+					onClick: () => t?.(),
+					children: /* @__PURE__ */ u(G, { name: "close" })
+				})]
+			}), l]
+		})
+	});
+}
+//#endregion
+//#region src/widgets/Tabs.jsx
+function _e({ tabs: e = [], value: t, defaultValue: n, onChange: r, label: a, className: o, ...l }) {
+	let [f, p] = c(n ?? e[0]?.id), m = t ?? f, h = i(), g = s(null);
+	function _(e, n) {
+		t === void 0 && p(e), e !== m && r?.(e), n && [...g.current?.querySelectorAll("[role=\"tab\"]") ?? []].find((t) => t.dataset.tab === String(e))?.focus();
+	}
+	function v(t) {
+		let n = e.findIndex((e) => e.id === m), r = getComputedStyle(t.currentTarget).direction === "rtl", i = {
+			ArrowRight: r ? -1 : 1,
+			ArrowLeft: r ? 1 : -1
+		}[t.key], a = null;
+		i ? a = (n + i + e.length) % e.length : t.key === "Home" ? a = 0 : t.key === "End" && (a = e.length - 1), a !== null && (t.preventDefault(), _(e[a].id, !0));
+	}
+	return /* @__PURE__ */ d("div", {
+		className: `piq-tabs${o ? ` ${o}` : ""}`,
+		...l,
+		children: [/* @__PURE__ */ u("div", {
+			ref: g,
+			role: "tablist",
+			"aria-label": a,
+			className: "piq-tabs__list",
+			onKeyDown: v,
+			children: e.map((e) => {
+				let t = e.id === m;
+				return /* @__PURE__ */ d("button", {
+					type: "button",
+					role: "tab",
+					"data-tab": e.id,
+					id: `${h}-tab-${e.id}`,
+					"aria-selected": t,
+					"aria-controls": `${h}-panel-${e.id}`,
+					tabIndex: t ? 0 : -1,
+					className: "piq-tabs__tab",
+					onClick: () => _(e.id),
+					children: [e.label, e.count != null && /* @__PURE__ */ u("span", {
+						className: "piq-tabs__count",
+						children: e.count
+					})]
+				}, e.id);
+			})
+		}), e.map((e) => /* @__PURE__ */ u("div", {
+			role: "tabpanel",
+			id: `${h}-panel-${e.id}`,
+			"aria-labelledby": `${h}-tab-${e.id}`,
+			tabIndex: 0,
+			hidden: e.id !== m,
+			className: "piq-tabs__panel",
+			children: e.panel
+		}, e.id))]
+	});
+}
+//#endregion
+export { p as A, te as C, M as D, O as E, b as O, B as S, j as T, oe as _, pe as a, G as b, Y as c, X as d, ce as f, ie as g, J as h, me as i, f as j, v as k, Z as l, le as m, ge as n, Q as o, ue as p, he as r, fe as s, _e as t, de as u, ae as v, x as w, z as x, L as y };
+
+//# sourceMappingURL=shared-CjrUPFqv.js.map