@declarion/react 0.60.0 → 0.63.0

package/dist-lib/Forgot.impl-CmT5A__V.js

@@ -0,0 +1,105 @@
+import { kn as e, wt as t } from "./useCurrentScreen--UovgvRj.js";
+import { t as n } from "./Icons-lt-7lhYR.js";
+import { r } from "./CopyButton-C0iEvaT1.js";
+import { V as i, X as a } from "./PropertyGridEditor-BTjscqfz.js";
+import { t as o } from "./AuthShell-DdiughRT.js";
+import { useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Link as u } from "react-router";
+//#region src/components/pages/auth/Forgot.impl.tsx
+function d() {
+	let d = t(), [f, p] = s(""), [m, h] = s(!1), [g, _] = s(!1);
+	async function v(t) {
+		if (t.preventDefault(), !g) {
+			_(!0);
+			try {
+				await e("auth.request_password_reset", { email: f });
+			} catch {} finally {
+				h(!0), _(!1);
+			}
+		}
+	}
+	return /* @__PURE__ */ c(o, { children: /* @__PURE__ */ l("form", {
+		onSubmit: v,
+		"data-testid": "forgot-form",
+		children: [
+			/* @__PURE__ */ c("div", {
+				className: "text-accent uppercase",
+				style: {
+					fontSize: 10.5,
+					fontWeight: 700,
+					letterSpacing: "0.1em"
+				},
+				children: d("auth.forgot.eyebrow", "Reset password")
+			}),
+			/* @__PURE__ */ c("h2", {
+				style: {
+					margin: "6px 0 4px",
+					fontSize: 24,
+					fontWeight: 600,
+					letterSpacing: "-0.018em"
+				},
+				children: d("auth.forgot.title", "Forgot your password?")
+			}),
+			/* @__PURE__ */ c("p", {
+				className: "text-muted-foreground",
+				style: {
+					margin: "0 0 20px",
+					fontSize: 13
+				},
+				children: d("auth.forgot.subtitle", "Enter your email and we'll send a secure reset link. It expires in 30 minutes.")
+			}),
+			m ? /* @__PURE__ */ l("div", {
+				"data-testid": "forgot-sent-panel",
+				role: "status",
+				className: "bg-success-soft text-success",
+				style: {
+					padding: 14,
+					borderRadius: 8,
+					fontSize: 12.5,
+					display: "flex",
+					gap: 8,
+					alignItems: "flex-start"
+				},
+				children: [/* @__PURE__ */ c(n.check, { size: 14 }), /* @__PURE__ */ c("div", { children: d("auth.forgot.sent", "If that email is in our system, we've sent a reset link. Check your inbox — it expires in 30 minutes.") })]
+			}) : /* @__PURE__ */ l("div", {
+				style: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 12
+				},
+				children: [
+					/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c(i, { children: d("auth.field.email", "Email") }), /* @__PURE__ */ c(a, {
+						value: f,
+						onChange: p,
+						prefix: /* @__PURE__ */ c(n.email, { size: 13 }),
+						placeholder: d("auth.field.email_placeholder", "you@company.com"),
+						autoFocus: !0,
+						required: !0,
+						type: "email",
+						"aria-label": d("auth.field.email", "Email")
+					})] }),
+					/* @__PURE__ */ c(r, {
+						type: "submit",
+						size: "md",
+						kind: "primary",
+						style: {
+							justifyContent: "center",
+							width: "100%"
+						},
+						disabled: g,
+						children: g ? d("auth.forgot.submitting", "Sending…") : d("auth.forgot.submit", "Send reset link")
+					}),
+					/* @__PURE__ */ c(u, {
+						to: "/login",
+						className: "text-accent text-center no-underline",
+						style: { fontSize: 12 },
+						children: d("auth.back_to_sign_in", "← Back to sign in")
+					})
+				]
+			})
+		]
+	}) });
+}
+//#endregion
+export { d as Forgot };

package/dist-lib/{Grid-CYERLdXO.js → Grid-Cg29k0jv.js}

@@ -1,6 +1,6 @@
-import { dt as e, ft as t, ht as n, lt as r, mt as i, pt as a, st as o, ut as s } from "./useCurrentScreen-BPq7HMF1.js";
-import { t as c, u as l } from "./useText-BFDCTUSo.js";
-import { c as u, i as d, l as f, m as p, t as m } from "./value-By1-WJ8J.js";
+import { Nt as e, wt as t } from "./useCurrentScreen--UovgvRj.js";
+import { C as n, S as r, b as i, g as a, v as o, w as s, x as c, y as l } from "./PropertyGridEditor-BTjscqfz.js";
+import { c as u, i as d, l as f, m as p, t as m } from "./value-CDCeHgOv.js";
 import { useCallback as h, useEffect as g, useMemo as _, useRef as v, useState as y } from "react";
 import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
 import { DndContext as C, PointerSensor as w, closestCenter as T, useSensor as ee, useSensors as te } from "@dnd-kit/core";
@@ -10,76 +10,75 @@ import { CSS as k } from "@dnd-kit/utilities";
 function A(e, t) {
 	return u(e, t);
 }
-function j(e) {
-	let { field: u, fieldName: d, value: f, onChange: p, mode: b, disabled: O } = e, k = m(f), [A, j] = y([]), [M, N] = y(/* @__PURE__ */ new Set()), [P, F] = y(null), { register: I, unregister: L, isDraft: R } = o(), z = c(), B = c("errors"), V = v(/* @__PURE__ */ new Set()), H = v([]);
+function j(i) {
+	let { field: u, fieldName: d, value: f, onChange: p, mode: b, disabled: O } = i, k = m(f), [A, j] = y([]), [M, N] = y(/* @__PURE__ */ new Set()), [P, F] = y(null), { register: I, unregister: L, isDraft: R } = a(), z = t(), B = t("errors"), V = v(/* @__PURE__ */ new Set()), H = v([]);
 	H.current = A;
 	let U = v(k);
 	U.current = k, g(() => () => {
 		H.current.forEach((e) => e.abort());
 	}, []);
-	let W = te(ee(w, { activationConstraint: { distance: 5 } })), oe = (u.accepts ?? ["image/*"]).join(","), se = u.display?.reorderable !== !1, ce = u.display?.listable_thumbnail, G = h(async (o) => {
-		let c = n(o, u.accepts, u.max_size_bytes), l = `tile-${Math.random().toString(36).slice(2)}-${Date.now()}`, f = new AbortController();
-		if (c) {
-			j((e) => [...e, {
-				localId: l,
-				filename: o.name,
-				progress: null,
-				error: t(z, B, c),
-				abort: () => {}
-			}]);
-			return;
-		}
-		j((e) => [...e, {
-			localId: l,
-			filename: o.name,
-			progress: {
-				loaded: 0,
-				total: o.size,
-				pct: 0
-			},
-			error: null,
-			abort: () => f.abort()
+	let W = te(ee(w, { activationConstraint: { distance: 5 } })), oe = (u.accepts ?? ["image/*"]).join(","), se = u.display?.reorderable !== !1, ce = u.display?.listable_thumbnail, G = h(async (e) => {
+		let t = s(e, u.accepts, u.max_size_bytes), a = `tile-${Math.random().toString(36).slice(2)}-${Date.now()}`, f = new AbortController();
+		if (t) j((n) => [...n, {
+			localId: a,
+			filename: e.name,
+			progress: null,
+			error: c(z, B, t),
+			abort: () => {}
 		}]);
-		try {
-			let t = await i({
-				file: o,
-				entityCode: e.entityCode,
-				fieldCode: d,
-				signal: f.signal,
-				onProgress: (e) => j((t) => t.map((t) => t.localId === l ? {
-					...t,
-					progress: e
-				} : t))
-			});
-			if (V.current.delete(l)) {
-				s(t.id).catch(() => {}), L(t.id);
-				return;
-			}
-			I(t.id, () => s(t.id));
-			let n = {
-				id: t.id,
-				filename: t.filename,
-				content_type: t.content_type,
-				size_bytes: t.size_bytes,
-				sha256: t.sha256,
-				width: t.width,
-				height: t.height,
-				url: t.url,
-				metadata: t.metadata
-			}, r = [...U.current, n];
-			U.current = r, p?.(r), j((e) => e.filter((e) => e.localId !== l));
-		} catch (e) {
-			if (e instanceof r && e.code === "ABORTED") {
-				j((e) => e.filter((e) => e.localId !== l));
-				return;
+		else {
+			j((t) => [...t, {
+				localId: a,
+				filename: e.name,
+				progress: {
+					loaded: 0,
+					total: e.size,
+					pct: 0
+				},
+				error: null,
+				abort: () => f.abort()
+			}]);
+			try {
+				let t = await n({
+					file: e,
+					entityCode: i.entityCode,
+					fieldCode: d,
+					signal: f.signal,
+					onProgress: (e) => j((t) => t.map((t) => t.localId === a ? {
+						...t,
+						progress: e
+					} : t))
+				});
+				if (V.current.delete(a)) {
+					l(t.id).catch(() => {}), L(t.id);
+					return;
+				}
+				I(t.id, () => l(t.id));
+				let r = {
+					id: t.id,
+					filename: t.filename,
+					content_type: t.content_type,
+					size_bytes: t.size_bytes,
+					sha256: t.sha256,
+					width: t.width,
+					height: t.height,
+					url: t.url,
+					metadata: t.metadata
+				}, o = [...U.current, r];
+				U.current = o, p?.(o), j((e) => e.filter((e) => e.localId !== a));
+			} catch (e) {
+				if (e instanceof o && e.code === "ABORTED") {
+					j((e) => e.filter((e) => e.localId !== a));
+					return;
+				}
+				let t = r(z, B, e);
+				j((e) => e.map((e) => e.localId === a ? {
+					...e,
+					error: t,
+					progress: null,
+					abort: () => {}
+				} : e));
 			}
-			let t = a(z, B, e);
-			j((e) => e.map((e) => e.localId === l ? {
-				...e,
-				error: t,
-				progress: null,
-				abort: () => {}
-			} : e));
 		}
 	}, [
 		B,
@@ -88,7 +87,7 @@ function j(e) {
 		u.max_size_bytes,
 		d,
 		p,
-		e.entityCode,
+		i.entityCode,
 		I,
 		L
 	]), K = h((e) => {
@@ -106,7 +105,7 @@ function j(e) {
 		let t = e.target.files;
 		e.target.value = "", t && t.length > 0 && K(t);
 	}, [K]), fe = h((e) => {
-		R(e) && (s(e).catch(() => {}), L(e));
+		R(e) && (l(e).catch(() => {}), L(e));
 		let t = k.filter((t) => t.id !== e);
 		p?.(t), N((t) => {
 			let n = new Set(t);
@@ -119,7 +118,7 @@ function j(e) {
 		L
 	]), pe = h(() => {
 		M.size !== 0 && (Array.from(M).forEach((e) => {
-			R(e) && (s(e).catch(() => {}), L(e));
+			R(e) && (l(e).catch(() => {}), L(e));
 		}), p?.(k.filter((e) => !M.has(e.id))), N(/* @__PURE__ */ new Set()));
 	}, [
 		R,
@@ -168,7 +167,7 @@ function j(e) {
 				children: [
 					/* @__PURE__ */ x("span", {
 						className: "text-foreground",
-						children: l(z, "file.grid.selected", M.size, {
+						children: e(z, "file.grid.selected", M.size, {
 							one: "{count} selected",
 							other: "{count} selected"
 						})
@@ -252,42 +251,42 @@ function j(e) {
 		]
 	});
 }
-function re({ file: e, selected: t, disabled: n, reorderable: r, preferredThumbnail: i, onSelect: a, onRemove: o, onPreview: s }) {
+function re({ file: e, selected: n, disabled: r, reorderable: i, preferredThumbnail: a, onSelect: o, onRemove: s, onPreview: c }) {
 	let { attributes: l, listeners: u, setNodeRef: p, transform: m, transition: h, isDragging: g } = O({
 		id: e.id,
-		disabled: !r
-	}), _ = c(), v = {
+		disabled: !i
+	}), _ = t(), v = {
 		transform: k.Transform.toString(m),
 		transition: h,
 		opacity: g ? .5 : 1
-	}, y = d(e.id, f(e, i), A(e, i));
+	}, y = d(e.id, f(e, a), A(e, a));
 	return /* @__PURE__ */ S("div", {
 		ref: p,
 		style: v,
-		className: `group relative aspect-square overflow-hidden rounded-md border ${t ? "border-accent" : "border-border"} bg-surface-2`,
+		className: `group relative aspect-square overflow-hidden rounded-md border ${n ? "border-accent" : "border-border"} bg-surface-2`,
 		"data-testid": `grid-tile-${e.id}`,
-		"data-selected": t || void 0,
+		"data-selected": n || void 0,
 		children: [y ? /* @__PURE__ */ x("img", {
 			src: y,
 			alt: e.filename,
 			className: "h-full w-full cursor-pointer object-cover",
 			loading: "lazy",
-			onClick: s
+			onClick: c
 		}) : /* @__PURE__ */ x("div", {
 			className: "flex h-full w-full cursor-pointer items-center justify-center bg-surface-3 text-xs text-muted-foreground",
-			onClick: s,
+			onClick: c,
 			children: e.filename
-		}), !n && /* @__PURE__ */ S(b, { children: [
+		}), !r && /* @__PURE__ */ S(b, { children: [
 			/* @__PURE__ */ x("input", {
 				type: "checkbox",
 				className: "absolute left-1 top-1 h-4 w-4 cursor-pointer",
-				checked: t,
-				onChange: a,
+				checked: n,
+				onChange: o,
 				"aria-label": _("file.grid.select", "Select {filename}", { filename: e.filename }),
 				"data-testid": `select-${e.id}`,
 				onClick: (e) => e.stopPropagation()
 			}),
-			r && /* @__PURE__ */ x("button", {
+			i && /* @__PURE__ */ x("button", {
 				type: "button",
 				className: "absolute right-1 top-1 cursor-grab rounded-sm border border-border bg-card px-1 text-xs",
 				"aria-label": _("file.grid.reorder", "Drag to reorder {filename}", { filename: e.filename }),
@@ -301,12 +300,12 @@ function re({ file: e, selected: t, disabled: n, reorderable: r, preferredThumbn
 				children: [/* @__PURE__ */ x("button", {
 					type: "button",
 					className: "rounded-sm border border-border bg-card px-2 py-0.5 text-xs",
-					onClick: s,
+					onClick: c,
 					children: _("file.view", "View")
 				}), /* @__PURE__ */ x("button", {
 					type: "button",
 					className: "rounded-sm border border-border bg-card px-2 py-0.5 text-xs text-destructive",
-					onClick: o,
+					onClick: s,
 					"data-testid": `remove-${e.id}`,
 					children: _("file.delete", "Delete")
 				})]
@@ -314,8 +313,8 @@ function re({ file: e, selected: t, disabled: n, reorderable: r, preferredThumbn
 		] })]
 	});
 }
-function ie({ tile: e, onCancel: t, onDismiss: n }) {
-	let r = c();
+function ie({ tile: e, onCancel: n, onDismiss: r }) {
+	let i = t();
 	return /* @__PURE__ */ S("div", {
 		className: `relative flex aspect-square flex-col items-center justify-center rounded-md border ${e.error ? "border-destructive" : "border-border"} bg-surface-2 p-2 text-center text-xs`,
 		"data-testid": `pending-tile-${e.localId}`,
@@ -341,36 +340,36 @@ function ie({ tile: e, onCancel: t, onDismiss: n }) {
 			/* @__PURE__ */ x("button", {
 				type: "button",
 				className: "mt-1 rounded-sm border border-border bg-card px-2 py-0.5",
-				onClick: e.error ? n : t,
-				children: e.error ? r("file.upload.dismiss", "Dismiss") : r("file.upload.cancel", "Cancel")
+				onClick: e.error ? r : n,
+				children: e.error ? i("file.upload.dismiss", "Dismiss") : i("file.upload.cancel", "Cancel")
 			})
 		]
 	});
 }
-function ae({ file: t, hasPrev: n, hasNext: r, onPrev: i, onNext: a, onClose: o }) {
-	let s = c(), l = d(t.id, "preview", t.presigned_url ?? t.url ?? A(t));
+function ae({ file: e, hasPrev: n, hasNext: r, onPrev: a, onNext: o, onClose: s }) {
+	let c = t(), l = d(e.id, "preview", e.presigned_url ?? e.url ?? A(e));
 	return /* @__PURE__ */ S("div", {
 		className: "fixed inset-0 z-50 flex items-center justify-center bg-black/80",
 		role: "dialog",
 		"aria-modal": "true",
-		"aria-label": t.filename,
+		"aria-label": e.filename,
 		"data-testid": "lightbox",
-		onClick: o,
+		onClick: s,
 		children: [
 			/* @__PURE__ */ x("button", {
 				type: "button",
 				className: "absolute right-4 top-4 rounded-sm border border-border bg-card px-3 py-1 text-foreground",
 				onClick: (e) => {
-					e.stopPropagation(), o();
+					e.stopPropagation(), s();
 				},
 				"data-testid": "lightbox-close",
-				children: s("file.lightbox.close", "Close")
+				children: c("file.lightbox.close", "Close")
 			}),
 			n && /* @__PURE__ */ x("button", {
 				type: "button",
 				className: "absolute left-4 rounded-sm border border-border bg-card px-3 py-2 text-foreground",
 				onClick: (e) => {
-					e.stopPropagation(), i();
+					e.stopPropagation(), a();
 				},
 				"data-testid": "lightbox-prev",
 				children: "‹"
@@ -379,22 +378,22 @@ function ae({ file: t, hasPrev: n, hasNext: r, onPrev: i, onNext: a, onClose: o
 				type: "button",
 				className: "absolute right-4 bottom-4 rounded-sm border border-border bg-card px-3 py-2 text-foreground",
 				onClick: (e) => {
-					e.stopPropagation(), a();
+					e.stopPropagation(), o();
 				},
 				"data-testid": "lightbox-next",
 				children: "›"
 			}),
 			l ? /* @__PURE__ */ x("img", {
 				src: l,
-				alt: t.filename,
+				alt: e.filename,
 				className: "max-h-[90vh] max-w-[90vw] object-contain",
 				onClick: (e) => e.stopPropagation()
 			}) : /* @__PURE__ */ S("div", {
 				className: "rounded-md bg-card p-4 text-foreground",
 				children: [
-					t.filename,
+					e.filename,
 					" (",
-					e(t.size_bytes),
+					i(e.size_bytes),
 					")"
 				]
 			})

package/dist-lib/Icons-Dzl-AkD_.d.ts

@@ -0,0 +1,159 @@
+import { CSSProperties, FC } from "react";
+//#region src/components/shared/DynamicIcon.d.ts
+interface DynamicIconProps {
+  name: string;
+  size?: number | string;
+  className?: string;
+  style?: CSSProperties;
+}
+/**
+ * Resolve and render a DSL `icon:` name. Subscribes to the icon registry via
+ * useSyncExternalStore so a late or replaced registry (identity switch
+ * re-fetch) re-renders every mounted icon.
+ *
+ * Precedence:
+ *   1. registry entry for `name` (svg | url | lucide) - consumer-declared DATA
+ *   2. built-in glyph `Icon[name]` (the bundled ~119)
+ *   3. literal `lucide:<name>` prefix - lazy Lucide
+ *   4. fallback `folder`
+ */
+declare function DynamicIcon({ name, size, className, style }: DynamicIconProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/primitives/Icons.d.ts
+type IconProps = {
+  size?: number;
+  cls?: string;
+  style?: CSSProperties;
+};
+declare const Icon: {
+  action: FC<IconProps>;
+  activity: FC<IconProps>;
+  ai: FC<IconProps>;
+  arrowDown: FC<IconProps>;
+  arrowUp: FC<IconProps>;
+  audit: FC<IconProps>;
+  back: FC<IconProps>;
+  "badge-dollar-sign": FC<IconProps>;
+  ban: FC<IconProps>;
+  bell: FC<IconProps>;
+  bolt: FC<IconProps>;
+  "book-open": FC<IconProps>;
+  box: FC<IconProps>;
+  boxes: FC<IconProps>;
+  branch: FC<IconProps>;
+  building: FC<IconProps>;
+  calendar: FC<IconProps>;
+  check: FC<IconProps>;
+  cheveron: FC<IconProps>;
+  "circle-dot": FC<IconProps>;
+  clock: FC<IconProps>;
+  code: FC<IconProps>;
+  columns: FC<IconProps>;
+  "columns-3": FC<IconProps>;
+  command: FC<IconProps>;
+  company: FC<IconProps>;
+  copy: FC<IconProps>;
+  cpu: FC<IconProps>;
+  "credit-card": FC<IconProps>;
+  database: FC<IconProps>;
+  dbtable: FC<IconProps>;
+  device: FC<IconProps>;
+  dot: FC<IconProps>;
+  down: FC<IconProps>;
+  download: FC<IconProps>;
+  edit: FC<IconProps>;
+  email: FC<IconProps>;
+  entity: FC<IconProps>;
+  external: FC<IconProps>;
+  eye: FC<IconProps>;
+  eyeOff: FC<IconProps>;
+  field: FC<IconProps>;
+  file: FC<IconProps>;
+  "file-diff": FC<IconProps>;
+  filePlus: FC<IconProps>;
+  filter: FC<IconProps>;
+  fingerprint: FC<IconProps>;
+  flow: FC<IconProps>;
+  folder: FC<IconProps>;
+  gavel: FC<IconProps>;
+  "git-branch": FC<IconProps>;
+  globe: FC<IconProps>;
+  grid: FC<IconProps>;
+  group: FC<IconProps>;
+  "hand-coins": FC<IconProps>;
+  handlers: FC<IconProps>;
+  hash: FC<IconProps>;
+  home: FC<IconProps>;
+  idp: FC<IconProps>;
+  inbox: FC<IconProps>;
+  info: FC<IconProps>;
+  jobs: FC<IconProps>;
+  key: FC<IconProps>;
+  "key-round": FC<IconProps>;
+  layers: FC<IconProps>;
+  layout: FC<IconProps>;
+  "layout-dashboard": FC<IconProps>;
+  leads: FC<IconProps>;
+  left: FC<IconProps>;
+  link: FC<IconProps>;
+  linkedin: FC<IconProps>;
+  list: FC<IconProps>;
+  "list-checks": FC<IconProps>;
+  loader: FC<IconProps>;
+  lock: FC<IconProps>;
+  log: FC<IconProps>;
+  "log-in": FC<IconProps>;
+  logout: FC<IconProps>;
+  menu: FC<IconProps>;
+  "messages-square": FC<IconProps>;
+  minus: FC<IconProps>;
+  moon: FC<IconProps>;
+  more: FC<IconProps>;
+  package: FC<IconProps>;
+  paperclip: FC<IconProps>;
+  pipeline: FC<IconProps>;
+  play: FC<IconProps>;
+  "play-circle": FC<IconProps>;
+  plus: FC<IconProps>;
+  "plus-circle": FC<IconProps>;
+  "receipt-text": FC<IconProps>;
+  refresh: FC<IconProps>;
+  repeat: FC<IconProps>;
+  right: FC<IconProps>;
+  save: FC<IconProps>;
+  scale: FC<IconProps>;
+  sched: FC<IconProps>;
+  search: FC<IconProps>;
+  settings: FC<IconProps>;
+  "settings-2": FC<IconProps>;
+  shield: FC<IconProps>;
+  "shield-check": FC<IconProps>;
+  "shield-plus": FC<IconProps>;
+  "shopping-cart": FC<IconProps>;
+  sliders: FC<IconProps>;
+  "sliders-horizontal": FC<IconProps>;
+  sort: FC<IconProps>;
+  sparkle: FC<IconProps>;
+  star: FC<IconProps>;
+  sun: FC<IconProps>;
+  tag: FC<IconProps>;
+  tags: FC<IconProps>;
+  tenant: FC<IconProps>;
+  "toggle-right": FC<IconProps>;
+  trash: FC<IconProps>;
+  "trash-2": FC<IconProps>;
+  "undo-2": FC<IconProps>;
+  up: FC<IconProps>;
+  upload: FC<IconProps>;
+  user: FC<IconProps>;
+  "user-plus": FC<IconProps>;
+  users: FC<IconProps>;
+  "users-round": FC<IconProps>;
+  "wallet-cards": FC<IconProps>;
+  warning: FC<IconProps>;
+  x: FC<IconProps>;
+  zap: FC<IconProps>;
+};
+type IconName = keyof typeof Icon;
+//#endregion
+export { DynamicIcon as i, IconName as n, IconProps as r, Icon as t };