@midas-ds/components 17.15.2 → 17.15.4

package/chunks/menu-CB6VDQ-u.js

@@ -0,0 +1,49 @@
+import { t as e } from "./clsx-BtlV5Vo3.js";
+import { t } from "./check-BiPE7lAA.js";
+import { t as n } from "./chevron-right-DJ7qKNKG.js";
+import { Menu as r, MenuItem as i, MenuSection as a, MenuTrigger as o, Popover as s, Separator as c } from "react-aria-components";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import '../assets/menu.css';var f = {
+	menu: "_menu_1wm5z_1",
+	menuSection: "_menuSection_1wm5z_17",
+	medium: "_medium_1wm5z_29",
+	menuItem: "_menuItem_1wm5z_36",
+	mainContent: "_mainContent_1wm5z_105",
+	checkMark: "_checkMark_1wm5z_116",
+	separator: "_separator_1wm5z_126",
+	menuPopover: "_menuPopover_1wm5z_149 _dropdownAnimation_1ljkv_4"
+}, p = ({ className: t, size: n = "large", ...i }) => /* @__PURE__ */ u(r, {
+	className: e(t, f.menu, n === "medium" && f.medium),
+	...i
+}), m = (r) => /* @__PURE__ */ u(i, {
+	...r,
+	textValue: r.textValue || (typeof r.children == "string" ? r.children : void 0),
+	className: e(f.menuItem, r.className),
+	children: (e) => {
+		let { children: i } = r, { selectionMode: a, isSelected: o, hasSubmenu: s } = e;
+		return /* @__PURE__ */ d(l, { children: [
+			a !== "none" && /* @__PURE__ */ u(t, {
+				size: 16,
+				className: f.checkMark,
+				"data-selected": o || void 0
+			}),
+			/* @__PURE__ */ u("div", {
+				className: f.mainContent,
+				children: typeof i == "function" ? i(e) : i
+			}),
+			s && /* @__PURE__ */ u(n, { size: 20 })
+		] });
+	}
+}), h = ({ className: t, ...n }) => /* @__PURE__ */ u(s, {
+	className: e(t, f.menuPopover),
+	offset: 4,
+	...n
+}), g = ({ className: t, ...n }) => /* @__PURE__ */ u(a, {
+	className: e(t, f.menuSection),
+	...n
+}), _ = ({ className: t, ...n }) => /* @__PURE__ */ u(c, {
+	className: e(t, f.separator),
+	...n
+});
+//#endregion
+export { p as a, m as i, g as n, o, h as r, _ as t };

package/chunks/modal-Dr0ythpF.js

@@ -0,0 +1,66 @@
+import { t as e } from "./clsx-BtlV5Vo3.js";
+import { t } from "./x-Bs_QW3q8.js";
+import { t as n } from "./useLocalizedStringFormatter-bRLuRzVD.js";
+import { n as r } from "./button-CFjf-bDe.js";
+import { t as i } from "./heading-595zCrRS.js";
+import { forwardRef as a } from "react";
+import { Dialog as o, DialogTrigger as s, Modal as c, ModalOverlay as l, composeRenderProps as u } from "react-aria-components";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import '../assets/modal.css';var p = {
+	modal: "_modal_x15md_1",
+	dialog: "_dialog_x15md_10",
+	modalHeader: "_modalHeader_x15md_39",
+	modalTitle: "_modalTitle_x15md_50",
+	modalBody: "_modalBody_x15md_56"
+}, m = {
+	en: { close: "Close" },
+	sv: { close: "Stäng" }
+}, h = {
+	modalOverlay: "_modalOverlay_gwg3f_1",
+	"modal-fade": "_modal-fade_gwg3f_1"
+}, g = a(({ className: t, ...n }, r) => /* @__PURE__ */ d(l, {
+	className: e(t, h.modalOverlay),
+	ref: r,
+	...n
+}));
+g.displayName = "ModalOverlay";
+//#endregion
+//#region packages/components/src/modal/Modal.tsx
+var _ = a(({ children: e, title: a, hideCloseButton: s = !1, ...l }, h) => {
+	let _ = n(m);
+	return /* @__PURE__ */ d(g, {
+		...l,
+		children: u(e, (e) => /* @__PURE__ */ d(c, {
+			className: p.modal,
+			ref: h,
+			children: /* @__PURE__ */ f(o, {
+				className: p.dialog,
+				children: [/* @__PURE__ */ f("div", {
+					className: p.modalHeader,
+					children: [/* @__PURE__ */ d("div", {
+						className: p.modalTitle,
+						children: a && /* @__PURE__ */ d(i, {
+							level: 3,
+							elementType: "h2",
+							slot: "title",
+							children: a
+						})
+					}), !s && /* @__PURE__ */ d(r, {
+						slot: "close",
+						variant: "tertiary",
+						icon: t,
+						iconPlacement: "right",
+						children: _.format("close")
+					})]
+				}), /* @__PURE__ */ d("div", {
+					className: p.modalBody,
+					tabIndex: -1,
+					children: e
+				})]
+			})
+		}))
+	});
+});
+_.displayName = "Modal";
+//#endregion
+export { _ as n, g as r, s as t };

package/chunks/popover-DxnYz_IT.js

@@ -0,0 +1,27 @@
+import { t as e } from "./clsx-BtlV5Vo3.js";
+import { forwardRef as t } from "react";
+import { OverlayArrow as n, Popover as r, PopoverContext as i, composeRenderProps as a, useContextProps as o } from "react-aria-components";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import '../assets/popover.css';var u = {
+	popover: "_popover_1k0dj_1",
+	arrow: "_arrow_1k0dj_25"
+}, d = t((t, d) => {
+	let [f, p] = o(t, d, i), { className: m, hideArrow: h = !1, offset: g = 4, ..._ } = f;
+	return /* @__PURE__ */ c(r, {
+		className: e(u.popover, m),
+		offset: g,
+		ref: p,
+		..._,
+		children: a(f.children, (e) => /* @__PURE__ */ l(s, { children: [!h && /* @__PURE__ */ c(n, {
+			className: u.arrow,
+			children: /* @__PURE__ */ c("svg", {
+				height: 16,
+				viewBox: "0 0 16 16",
+				width: 16,
+				children: /* @__PURE__ */ c("path", { d: "M0 0 L8 8 L16 0" })
+			})
+		}), e] }))
+	});
+});
+//#endregion
+export { d as t };

package/chunks/progress-bar-Dppkp0cT.js

@@ -0,0 +1,40 @@
+import { t as e } from "./clsx-BtlV5Vo3.js";
+import { t } from "./label-uwnwLD3z.js";
+import "react";
+import { ProgressBar as n } from "react-aria-components";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+import '../assets/progress-bar.css';var o = {
+	progressBar: "_progressBar_1hwve_1",
+	indeterminate: "_indeterminate_1hwve_1",
+	label: "_label_1hwve_9",
+	value: "_value_1hwve_14",
+	bar: "_bar_1hwve_19",
+	fill: "_fill_1hwve_29"
+}, s = ({ label: s, labelProps: c, showValueLabel: l = !1, ...u }) => /* @__PURE__ */ i(n, {
+	...u,
+	className: e(o.progressBar, u.className),
+	children: ({ percentage: n, valueText: u, isIndeterminate: d }) => /* @__PURE__ */ a(r, { children: [
+		s && /* @__PURE__ */ i(t, {
+			elementType: "span",
+			...c,
+			className: e(c?.className, o.label),
+			children: s
+		}),
+		l && /* @__PURE__ */ i(t, {
+			elementType: "span",
+			...c,
+			id: s ? "" : c?.id,
+			className: e(c?.className, o.value),
+			children: u
+		}),
+		/* @__PURE__ */ i("div", {
+			className: o.bar,
+			children: /* @__PURE__ */ i("div", {
+				className: o.fill,
+				style: { width: `${d ? 50 : n}%` }
+			})
+		})
+	] })
+});
+//#endregion
+export { s as t };

package/chunks/radio-PBrD5BO4.js

@@ -0,0 +1,43 @@
+'use client';
+import { t as e } from "./clsx-BtlV5Vo3.js";
+import { t } from "./text-mAeDlv5N.js";
+import { t as n } from "./field-error-DYp2kgFr.js";
+import { n as r, t as i } from "./label-uwnwLD3z.js";
+import "react";
+import { Group as a, Radio as o, RadioGroup as s, composeRenderProps as c } from "react-aria-components";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import '../assets/radio.css';var f = {
+	radioGroup: "_radioGroup_1oic0_1",
+	wrap: "_wrap_1oic0_12",
+	radio: "_radio_1oic0_1"
+}, p = ({ label: o, description: p, errorMessage: m, children: h, className: g, errorPosition: _ = "top", popover: v, ...y }) => /* @__PURE__ */ u(s, {
+	...y,
+	className: e(f.radioGroup, g),
+	children: c(h, (e) => /* @__PURE__ */ d(l, { children: [
+		/* @__PURE__ */ u(r, {
+			popover: v,
+			children: o && /* @__PURE__ */ u(i, { children: o })
+		}),
+		p && /* @__PURE__ */ u(t, {
+			slot: "description",
+			children: p
+		}),
+		_ === "top" && /* @__PURE__ */ u(n, {
+			"data-testid": "fieldError",
+			children: m
+		}),
+		/* @__PURE__ */ u(a, {
+			className: f.wrap,
+			children: e
+		}),
+		_ === "bottom" && /* @__PURE__ */ u(n, {
+			"data-testid": "fieldError",
+			children: m
+		})
+	] }))
+}), m = ({ className: t, ...n }) => /* @__PURE__ */ u(o, {
+	className: e(f.radio, t),
+	...n
+});
+//#endregion
+export { p as n, m as t };

package/chunks/search-field-B5RciSq0.js

@@ -0,0 +1,90 @@
+'use client';
+import { t as e } from "./clsx-BtlV5Vo3.js";
+import { t } from "./createLucideIcon-DhIhuN5D.js";
+import { t as n } from "./x-Bs_QW3q8.js";
+import { t as r } from "./useLocalizedStringFormatter-bRLuRzVD.js";
+import { n as i } from "./button-CFjf-bDe.js";
+import { t as a } from "./field-error-DYp2kgFr.js";
+import { t as o } from "./TextField.module-CrR3Krxn.js";
+import { FormContext as s, Input as c, SearchField as l, useSlottedContext as u } from "react-aria-components";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import '../assets/search-field.css';var m = t("search", [["path", {
+	d: "m21 21-4.34-4.34",
+	key: "14j7rj"
+}], ["circle", {
+	cx: "11",
+	cy: "11",
+	r: "8",
+	key: "4ej97u"
+}]]), h = {
+	container: "_container_1msv3_1",
+	inner: "_inner_1msv3_10",
+	inputContainer: "_inputContainer_1msv3_15",
+	medium: "_medium_1msv3_21",
+	icon: "_icon_1msv3_26",
+	clear: "_clear_1msv3_38",
+	input: "_input_1msv3_15"
+}, g = {
+	en: { search: "Search" },
+	sv: { search: "Sök" }
+};
+//#endregion
+//#region packages/components/src/search-field/SearchField.tsx
+function _(e) {
+	return !!e?.length;
+}
+var v = ({ errorPosition: t = "top", size: v = "large", showButton: y, className: b, errorMessage: x, placeholder: S, validationBehavior: C, inputMode: w = "search", ...T }) => {
+	let E = r(g), D = u(s), O = C ?? D?.validationBehavior ?? "aria", k = y !== !1, A = (e) => {
+		!e || T.isInvalid || T.validate && _(T.validate(e)) || T.onSubmit?.(e);
+	};
+	return /* @__PURE__ */ f(l, {
+		...T,
+		inputMode: w,
+		onSubmit: A,
+		"aria-label": T["aria-label"] ?? S,
+		className: e(h.container, b),
+		validationBehavior: O,
+		children: ({ state: r }) => /* @__PURE__ */ p(d, { children: [
+			t === "top" && /* @__PURE__ */ f(a, { children: ({ validationErrors: e }) => x ?? e.join(" ") }),
+			/* @__PURE__ */ p("div", {
+				className: h.inner,
+				children: [/* @__PURE__ */ p("div", {
+					className: e(h.inputContainer, { [h.medium]: v === "medium" }),
+					children: [
+						/* @__PURE__ */ f(m, {
+							size: 20,
+							className: h.icon
+						}),
+						/* @__PURE__ */ f(c, {
+							placeholder: S,
+							className: e(o.input, h.input, { [h.medium]: v === "medium" }),
+							onKeyDown: T.onSubmit ? void 0 : (e) => {
+								e.key === "Enter" && r.value && !T.isInvalid && e.currentTarget.form?.requestSubmit();
+							}
+						}),
+						r.value.length > 0 && /* @__PURE__ */ f(i, {
+							variant: "icon",
+							size: v,
+							className: e(h.clear, { [h.medium]: v === "medium" }),
+							children: /* @__PURE__ */ f(n, {
+								size: 20,
+								"aria-hidden": !0
+							})
+						})
+					]
+				}), k && /* @__PURE__ */ f(i, {
+					slot: null,
+					excludeFromTabOrder: !0,
+					size: v,
+					isDisabled: T.isDisabled,
+					type: "button",
+					onPress: () => A(r.value),
+					children: T.buttonText ?? E.format("search")
+				})]
+			}),
+			t === "bottom" && /* @__PURE__ */ f(a, { children: ({ validationErrors: e }) => x ?? e.join(" ") })
+		] })
+	});
+};
+//#endregion
+export { v as t };

package/chunks/select-BZ0greL0.js

@@ -0,0 +1,171 @@
+import { n as e, t } from "./clsx-BtlV5Vo3.js";
+import { t as n } from "./chevron-down-Buf0eTzo.js";
+import { n as r } from "./checkbox-B_41DFjp.js";
+import { t as i } from "./x-Bs_QW3q8.js";
+import { t as a } from "./useLocalizedStringFormatter-bRLuRzVD.js";
+import { t as o } from "./text-mAeDlv5N.js";
+import { t as s } from "./field-error-DYp2kgFr.js";
+import { n as c, t as l } from "./label-uwnwLD3z.js";
+import { t as u } from "./popover-DxnYz_IT.js";
+import { c as d } from "./list-box-Dm2itiZD.js";
+import { n as f, r as p, t as m } from "./tag-CELJrUEQ.js";
+import h, { useContext as g } from "react";
+import { Button as _, Select as v, SelectStateContext as y, SelectValue as b } from "react-aria-components";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { useFocusManager as w } from "react-aria";
+import { FocusScope as T } from "@react-aria/focus";
+import '../assets/select.css';var E = {
+	en: {
+		clearAll: "Clear all",
+		selectAll: "Select all",
+		selectedItems: "Selected items",
+		selected: "selected"
+	},
+	sv: {
+		clearAll: "Rensa alla",
+		selectAll: "Välj alla",
+		selectedItems: "Valda objekt",
+		selected: "valda"
+	}
+}, D = {
+	select: "_select_1vj7t_1",
+	triggerContainer: "_triggerContainer_1vj7t_7",
+	trigger: "_trigger_1vj7t_7",
+	medium: "_medium_1vj7t_30",
+	icon: "_icon_1vj7t_68",
+	selectValue: "_selectValue_1vj7t_74",
+	placeholder: "_placeholder_1vj7t_80",
+	multiSelectValue: "_multiSelectValue_1vj7t_90",
+	selectValueTag: "_selectValueTag_1vj7t_114",
+	clearButton: "_clearButton_1vj7t_128",
+	truncate: "_truncate_1vj7t_140",
+	popover: "_popover_1vj7t_177",
+	selectAll: "_selectAll_1vj7t_205",
+	tagGroup: "_tagGroup_1vj7t_271"
+}, O = () => {
+	let e = h.useContext(y), t = a(E);
+	return /* @__PURE__ */ S(r, {
+		className: D.selectAll,
+		isIndeterminate: !e?.selectionManager.isSelectAll && !e?.selectionManager.isEmpty,
+		isSelected: e?.selectionManager.isSelectAll,
+		onChange: () => {
+			e?.setValue(e?.selectionManager.isSelectAll ? null : Array.from(e.collection.getKeys())), e?.commitValidation();
+		},
+		children: t.format("selectAll")
+	});
+}, k = ({ isDisabled: e }) => {
+	let t = a(E), n = (e, n) => e.length === 1 ? n : `${e.length} ${t.format("selected")}`;
+	return /* @__PURE__ */ S(b, {
+		className: D.multiSelectValue,
+		"data-disabled": e || void 0,
+		children: ({ isPlaceholder: t, selectedItems: r, selectedText: i }) => t ? /* @__PURE__ */ S(x, {}) : /* @__PURE__ */ C("div", {
+			className: D.selectValueTag,
+			"data-disabled": e || void 0,
+			children: [/* @__PURE__ */ S("span", {
+				className: D.truncate,
+				children: n(r, i)
+			}), /* @__PURE__ */ S(A, { isDisabled: e })]
+		})
+	});
+}, A = ({ isDisabled: e }) => {
+	let t = h.useContext(y), n = a(E), r = w();
+	return /* @__PURE__ */ S(_, {
+		"aria-label": n.format("clearAll"),
+		className: D.clearButton,
+		onPress: () => {
+			r?.focusFirst(), t?.setValue(null);
+		},
+		slot: null,
+		isDisabled: e,
+		children: /* @__PURE__ */ S(i, {
+			width: 20,
+			height: 20
+		})
+	});
+}, j = ({ showTags: e, isDisabled: t }) => {
+	let n = a(E), r = g(y);
+	return !r?.selectedItems.length || !e ? null : /* @__PURE__ */ S(m, {
+		"aria-label": n.format("selectedItems"),
+		className: D.tagGroup,
+		onRemove: (e) => {
+			r?.selectionManager.toggleSelection(Array.from(e)[0]);
+		},
+		selectionBehavior: "toggle",
+		children: /* @__PURE__ */ S(f, {
+			items: r.selectedItems,
+			children: (e) => /* @__PURE__ */ S(p, {
+				isDismissable: !0,
+				id: e.key,
+				isDisabled: t,
+				textValue: e.textValue,
+				children: e.textValue
+			}, e.key)
+		})
+	});
+}, M = ({ isDisabled: t, selectionMode: r, size: i }) => {
+	let a = g(y);
+	return /* @__PURE__ */ C(_, {
+		className: e({ [D.medium]: i === "medium" }, D.trigger),
+		"data-invalid": !!a?.displayValidation.isInvalid || void 0,
+		children: [/* @__PURE__ */ S(b, {
+			className: D.selectValue,
+			"data-disabled": t || void 0,
+			children: ({ selectedText: e, defaultChildren: t }) => /* @__PURE__ */ S("div", {
+				className: D.placeholder,
+				children: /* @__PURE__ */ S("span", {
+					className: D.truncate,
+					children: r === "multiple" && e ? null : e || t
+				})
+			})
+		}), /* @__PURE__ */ S("span", {
+			"aria-hidden": "true",
+			className: D.icon,
+			children: /* @__PURE__ */ S(n, { size: 20 })
+		})]
+	});
+};
+//#endregion
+//#region packages/components/src/select/Select.tsx
+function N({ children: e, description: n, errorMessage: r, errorPosition: i = "top", items: a, label: f, popover: p, popoverProps: m, size: h = "large", ...g }) {
+	return /* @__PURE__ */ S(T, { children: /* @__PURE__ */ C(v, {
+		...g,
+		className: t(g.className, D.select),
+		children: [
+			/* @__PURE__ */ S(c, {
+				popover: p,
+				children: f && /* @__PURE__ */ S(l, {
+					"data-disabled": g.isDisabled || void 0,
+					children: f
+				})
+			}),
+			n && /* @__PURE__ */ S(o, {
+				slot: "description",
+				children: n
+			}),
+			i === "top" && /* @__PURE__ */ S(s, { children: r }),
+			/* @__PURE__ */ C("div", {
+				className: D.triggerContainer,
+				"data-disabled": g.isDisabled || void 0,
+				children: [/* @__PURE__ */ S(M, {
+					size: h,
+					...g
+				}), g.selectionMode === "multiple" ? /* @__PURE__ */ S(k, { ...g }) : null]
+			}),
+			i === "bottom" && /* @__PURE__ */ S(s, { children: r }),
+			/* @__PURE__ */ C(u, {
+				offset: 0,
+				hideArrow: !0,
+				...m,
+				className: t(m?.className, D.popover),
+				children: [g.isSelectableAll && /* @__PURE__ */ S(O, {}), /* @__PURE__ */ S(d, {
+					escapeKeyBehavior: "none",
+					items: a,
+					children: e
+				})]
+			}),
+			/* @__PURE__ */ S(j, { ...g })
+		]
+	}) });
+}
+//#endregion
+export { N as t };

package/chunks/skeleton-OqKFBcmO.js

@@ -0,0 +1,36 @@
+import { t as e } from "./clsx-BtlV5Vo3.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import '../assets/skeleton.css';var r = {
+	skeleton: "_skeleton_1o4vz_11",
+	circle: "_circle_1o4vz_25",
+	wave: "_wave_1o4vz_30",
+	onLayer01: "_onLayer01_1o4vz_54",
+	form: "_form_1o4vz_58",
+	formLabel: "_formLabel_1o4vz_64",
+	formDescription: "_formDescription_1o4vz_70",
+	formInput: "_formInput_1o4vz_76",
+	medium: "_medium_1o4vz_81"
+}, i = ({ variant: i = "rectangle", width: a, height: o, size: s = "large", isAnimated: c = !0, className: l, style: u, isOnLayer01: d, ...f }) => (i === "circle" && o !== void 0 && console.warn("Height is not allowed when using circle, control size with width"), i === "form" ? /* @__PURE__ */ n("div", {
+	className: e(r.form, r[s], d && r.onLayer01, l),
+	style: {
+		width: a,
+		...u
+	},
+	...f,
+	children: [
+		/* @__PURE__ */ t("div", { className: e(r.skeleton, r.formLabel, c && r.wave, d && r.onLayer01) }),
+		/* @__PURE__ */ t("div", { className: e(r.skeleton, r.formDescription, c && r.wave, d && r.onLayer01) }),
+		/* @__PURE__ */ t("div", { className: e(r.skeleton, r.formInput, c && r.wave, d && r.onLayer01) })
+	]
+}) : /* @__PURE__ */ t("div", {
+	className: e(r.skeleton, r[i], c && r.wave, d && r.onLayer01, l),
+	style: {
+		width: a,
+		height: o,
+		...u
+	},
+	...f
+}));
+//#endregion
+export { i as t };

package/chunks/spinner-C3WiZYld.js

@@ -0,0 +1,32 @@
+import { t as e } from "./clsx-BtlV5Vo3.js";
+import { t } from "./createLucideIcon-DhIhuN5D.js";
+import { t as n } from "./useLocalizedStringFormatter-bRLuRzVD.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { VisuallyHidden as a } from "react-aria";
+import '../assets/spinner.css';var o = {
+	container: "_container_1qexx_1",
+	spinner: "_spinner_1qexx_5",
+	rotating: "_rotating_1qexx_1",
+	large: "_large_1qexx_18"
+}, s = t("loader-circle", [["path", {
+	d: "M21 12a9 9 0 1 1-6.219-8.56",
+	key: "13zald"
+}]]), c = {
+	en: { loadingPleaseWait: "Loading, please wait..." },
+	sv: { loadingPleaseWait: "Laddar, vänligen vänta..." }
+}, l = ({ small: t, color: l, className: u }) => {
+	let d = n(c);
+	return /* @__PURE__ */ i("div", {
+		className: e(o.container, u),
+		role: "status",
+		children: [/* @__PURE__ */ r(s, {
+			className: e(o.spinner, !t && o.large),
+			size: t ? 20 : 96,
+			strokeWidth: t ? 2 : 8,
+			absoluteStrokeWidth: !0,
+			color: l
+		}), /* @__PURE__ */ r(a, { children: d.format("loadingPleaseWait") })]
+	});
+};
+//#endregion
+export { l as t };

package/chunks/square-arrow-out-up-right-Bobm4VNc.js

@@ -0,0 +1,17 @@
+import { t as e } from "./createLucideIcon-DhIhuN5D.js";
+var t = e("square-arrow-out-up-right", [
+	["path", {
+		d: "M21 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6",
+		key: "y09zxi"
+	}],
+	["path", {
+		d: "m21 3-9 9",
+		key: "mpx6sq"
+	}],
+	["path", {
+		d: "M15 3h6v6",
+		key: "1q9fwt"
+	}]
+]);
+//#endregion
+export { t };