@sheetxl/studio-vanilla 0.8.0-beta.1 → 0.8.0-beta.10

package/browser/esm/D0r2MPlWLnStWJNW.mjs

@@ -0,0 +1,622 @@
+/**
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.10
+*
+* (C) 2026-present SheetXL Inc. & Michael T. Ford
+* License: The license can be found at https://www.sheetxl.com/license.
+*/
+import { C as e, P as t, b as n, o as r, u as i } from "./CMxbiQ5J79M3n1tk.mjs";
+import { o as a } from "./D-55MlIn7Wo_hdjI.mjs";
+import { Ft as o, dt as s, ft as c, vt as l } from "./CWoPWWRwMgkGPFFP.mjs";
+import { D as u, Kt as d, Qt as f, Yt as p, at as m, gt as h, ut as g } from "./BNIInlJQbJjH8B6G.mjs";
+var _ = class extends d {
+	constructor(e) {
+		super(e), this._optionsMember = e;
+	}
+	getParent() {
+		return this._optionsMovable.getParent();
+	}
+	getRange(e) {
+		return this.getParent().getRange(e);
+	}
+	getRanges(e) {
+		return this.getParent().getRanges(e);
+	}
+	isDeleted() {
+		return !!super.isDeleted() || ((this._optionsMovable?.getParent?.())?.isDeleted() ?? !1);
+	}
+	getAnchorType() {
+		return p.Type.Absolute;
+	}
+	setAnchorType(e) {
+		return this;
+	}
+	_getLocalPlacement() {
+		let e = this._getState(), t = e?.pixelBounds;
+		return t ? {
+			bounds: t,
+			rotation: e.rotation ?? 0,
+			flip: {
+				horizontal: e.flipH ?? !1,
+				vertical: e.flipV ?? !1
+			}
+		} : null;
+	}
+	_getDrawnPlacement() {
+		let e = this._getLocalPlacement();
+		return e ? this._optionsMember.place(e) : null;
+	}
+	getBounds() {
+		return this._getDrawnPlacement()?.bounds ?? null;
+	}
+	getRotation() {
+		return this._getDrawnPlacement()?.rotation ?? 0;
+	}
+	getFlip() {
+		return this._getDrawnPlacement()?.flip ?? {
+			horizontal: !1,
+			vertical: !1
+		};
+	}
+	setRotation(e = 0) {
+		let t = this._acceptRotation(e);
+		if (t === null) return this;
+		e = t;
+		let r = this._getDrawnPlacement();
+		if (!r || e === r.rotation) return this;
+		let i = this._optionsMember.unplace({
+			...r,
+			rotation: e
+		});
+		if (!i) return this;
+		let a = n("op.setMovableRotation"), o = this._beginCommit(a);
+		try {
+			this._updateState({
+				rotation: i.rotation,
+				pixelBounds: i.bounds
+			}, { description: a }, ["onBoundsChange"]), this._optionsMember.onMemberPlacementChange?.(), this._notifyPlacementChange(), o.commit();
+		} catch (e) {
+			throw o.rollback(), e;
+		}
+		return this;
+	}
+	setFlip(e, t) {
+		let r = this._getDrawnPlacement();
+		if (!r) return this;
+		let i = this._acceptFlip({
+			horizontal: e.horizontal ?? r.flip.horizontal,
+			vertical: e.vertical ?? r.flip.vertical
+		});
+		if (!i) return this;
+		let { horizontal: a, vertical: o } = i;
+		if (a === r.flip.horizontal && o === r.flip.vertical) return this;
+		let s = this._optionsMember.unplace({
+			...r,
+			flip: {
+				horizontal: a,
+				vertical: o
+			}
+		});
+		if (!s) return this;
+		let c = t?.description ?? n("op.setMovableFlip"), l = this._beginCommit(c);
+		try {
+			this._updateState({
+				flipH: s.flip.horizontal,
+				flipV: s.flip.vertical
+			}, { description: c }), this._notifyPlacementChange(), l.commit();
+		} catch (e) {
+			throw l.rollback(), e;
+		}
+		return this;
+	}
+	_getAnchorBounds() {
+		let e = this._getDrawnPlacement();
+		return e ? o(e.bounds, e.rotation) : null;
+	}
+	_setAnchorBounds(e) {
+		let t = this._getDrawnPlacement();
+		if (!t) return;
+		let r = this._optionsMember.unplace({
+			...t,
+			bounds: o(e, t.rotation)
+		});
+		if (!r) return;
+		let i = this._getLocalPlacement();
+		i && s.isSameBounds(i.bounds, r.bounds) || (this._updateState({ pixelBounds: r.bounds }, { description: n("op.updateMovableBounds") }, ["onBoundsChange"]), this._optionsMember.onMemberPlacementChange?.());
+	}
+	_processContainerLayout() {
+		this._getEmitter().notify("onBoundsChange"), this._forwardLayout();
+	}
+	_fromJSON(e) {
+		let r = e.anchor?.tl ?? t.EmptyObject, i = e.anchor?.br ?? t.EmptyObject;
+		this._updateState({
+			offsets: {
+				tl: {
+					x: 0,
+					y: 0
+				},
+				br: {
+					x: 0,
+					y: 0
+				}
+			},
+			hidden: e.hidden ?? !1,
+			rotation: e.rotation ?? 0,
+			flipH: e.flipH ?? !1,
+			flipV: e.flipV ?? !1,
+			lockAspectRatio: e.lockAspect ?? null,
+			locks: e.locks ?? null,
+			anchorType: p.Type.Absolute,
+			pixelBounds: {
+				x: r.x ?? 0,
+				y: r.y ?? 0,
+				width: i.x ?? 0,
+				height: i.y ?? 0
+			}
+		}, { description: n("op.loadMovable") });
+	}
+	_getAnchorJSON() {
+		let e = this._getState()?.pixelBounds ?? {
+			x: 0,
+			y: 0,
+			width: 0,
+			height: 0
+		}, n = (e) => t.roundAccurately(e, 2);
+		return {
+			tl: {
+				x: n(e.x),
+				y: n(e.y)
+			},
+			br: {
+				x: n(e.width),
+				y: n(e.height)
+			}
+		};
+	}
+	toJSON(e) {
+		let t = super.toJSON(e);
+		return delete t.anchorType, t;
+	}
+}, v = class extends u {
+	constructor(e, t) {
+		super(t), this._group = e;
+	}
+	_getItems(e) {
+		let t = this._group._getMembers(), n = e?.type, r = n === void 0 ? null : Array.isArray(n) ? n : [n], i = [];
+		for (let n of t) {
+			if (e?.ignoreHidden && n.isHidden()) continue;
+			r && !r.includes(n.getContent().getType()) || i.push(n);
+			let t = e?.deep ? n.getMovables() : null;
+			t && i.push(...t.getItems(e));
+		}
+		return i;
+	}
+	getCount() {
+		return this._group._getMembers().length;
+	}
+	add(e) {
+		if (!e) throw new i("No movable options provided");
+		return this._group._addMember(e);
+	}
+	_insertNow(e) {
+		return this._group._insertMember(e);
+	}
+	async addPicture(e, t) {
+		let r = this._group.getMovable();
+		if (!r) throw new i("The group is not placed.");
+		let a = r.getRange().getSheet().getResources().add(e);
+		return this.add({
+			description: n("op.insertImage"),
+			...t,
+			type: "picture",
+			json: {
+				...t?.json,
+				resId: 0
+			},
+			fromResourceId: () => a
+		});
+	}
+	group(e, t) {
+		return this._group._groupMembers(e, t);
+	}
+	updateSelected(e, t) {
+		let r = this._group._getMembers().filter((e) => e.isSelected());
+		r.length !== 0 && this._group.doBatch(() => {
+			for (let t of r) e(t);
+		}, { description: t ?? n("op.updateMovables") });
+	}
+	_notifyChange() {
+		this._notifyCollectionChange();
+	}
+	get isIMovableCollection() {
+		return !0;
+	}
+}, y = (e) => e, b = (e) => e, x = Object.freeze([]), S = class extends a {
+	constructor(e) {
+		super(e), this._memberCallbacks = /* @__PURE__ */ new WeakMap(), this._toldOrder = C, this._createOptions = e, this._members = new v(this, e.transactions);
+		let { members: t, name: n, ...r } = e.json ?? {}, i = [];
+		for (let n of t ?? []) try {
+			i.push(this._createMember(n, e.fromResourceId));
+		} catch (e) {
+			console.warn("Unable to load a group member", n, e);
+		}
+		this._updateState({
+			data: r,
+			members: i
+		}), this._toldOrder = i;
+	}
+	getType() {
+		return "group";
+	}
+	getTypeDescription() {
+		return "Group";
+	}
+	getMovables() {
+		return this._members;
+	}
+	_childBounds() {
+		let e = this._getState()?.data?.childBounds;
+		if (e) return e;
+		let t = this.getMovable()?.getBounds();
+		return {
+			x: 0,
+			y: 0,
+			width: t?.width ?? 0,
+			height: t?.height ?? 0
+		};
+	}
+	_rebound() {
+		let e = this.getMovable(), t = this._drawnPlacement();
+		if (!e || !t) return;
+		let n = [];
+		for (let e of this._members_()) {
+			let t = e._getLocalPlacement();
+			t && n.push(o(t.bounds, t.rotation));
+		}
+		let r = s.unionBounds(n);
+		if (!r) return;
+		let i = this._childBounds();
+		if (s.isSameBounds(r, i)) return;
+		let a = i.width > 0 ? t.bounds.width / i.width : 1, c = i.height > 0 ? t.bounds.height / i.height : 1, l = s.placeInParent(t, i, s.flatPlacement({
+			x: r.x + r.width / 2,
+			y: r.y + r.height / 2,
+			width: 0,
+			height: 0
+		})).bounds, u = r.width * a, d = r.height * c, f = this._getState();
+		this._updateState({ data: {
+			...f.data,
+			childBounds: r
+		} }), e.setBounds({
+			x: l.x - u / 2,
+			y: l.y - d / 2,
+			width: u,
+			height: d
+		});
+	}
+	_drawnPlacement() {
+		let e = this.getMovable();
+		return e ? s.placementOf(e) : null;
+	}
+	getFill() {
+		return this._getState()?.data?.fill ?? null;
+	}
+	getTextFrame() {
+		let e = this._getMembers(), t = !1, n = [];
+		for (let r of e) {
+			let e = r.getContent().getTextFrame?.() ?? null;
+			if (!e) continue;
+			t = !0;
+			let i = e.getText();
+			i !== "" && n.push(i);
+		}
+		if (!t) return null;
+		let r = n.join("\n");
+		return Object.freeze({ getText: () => r });
+	}
+	get acceptRotation() {
+		return this._isEveryMember("acceptRotation") ? y : void 0;
+	}
+	get acceptFlip() {
+		return this._isEveryMember("acceptFlip") ? b : void 0;
+	}
+	_isEveryMember(e) {
+		let t = this._members_();
+		for (let n = 0; n < t.length; n++) if (!t[n].getContent()[e]) return !1;
+		return !0;
+	}
+	async ungroup(e) {
+		let t = this.getMovable();
+		if (!t || this.isDeleted()) return [];
+		let r = e?.description ?? n("op.ungroupDrawings");
+		this._protectionCheck(r);
+		let i = t.getRange().getSheet(), a = g(i.getView().getMovableSelection());
+		return await this.doBatch(() => {
+			let t = this._free(this._members_(), r);
+			this.delete(e);
+			let n = this._transactions.getPendingTransaction();
+			return n && h(n, i, t, {
+				autoSelect: e?.autoSelect ?? !0,
+				autoSelectRestore: e?.autoSelectRestore
+			}, a), t;
+		}, { description: r });
+	}
+	_free(e, t) {
+		let n = this.getMovable(), r = n.getParent()?.getMovables() ?? n.getRange().getSheet().getMovables(), i = n.getZIndex(), a = this._createOptions.beginPersistResource();
+		try {
+			return e.map((e, n) => {
+				let o = e.toJSON(a.toResourceId.bind(a)), c = s.placementOf(e), l = r._insertNow({
+					type: o.content.type,
+					json: o.content.json,
+					name: o.content.name,
+					altText: o.content.description,
+					bounds: c.bounds,
+					rotation: c.rotation,
+					fromResourceId: a.fromResourceId.bind(a),
+					autoSelect: !1,
+					description: t,
+					zIndex: i + n
+				});
+				return (c.flip.horizontal || c.flip.vertical) && l.setFlip(c.flip), e.isHidden() && l.setHidden(!0), o.lockAspect !== void 0 && l.setLockAspectRatio(o.lockAspect), l;
+			});
+		} finally {
+			a.endPersist();
+		}
+	}
+	getConnections() {
+		return x;
+	}
+	toJSON(e) {
+		let t = { ...this._getState()?.data ?? {} }, n = this._members_();
+		return n.length > 0 && (t.members = n.map((t) => t.toJSON(e))), t;
+	}
+	_getDrawnRect(e, t, n) {
+		let r = this._members_();
+		if (r.length === 0) return null;
+		let i = s.flatPlacement({
+			x: 0,
+			y: 0,
+			width: e,
+			height: t
+		}), a = this._childBounds(), o = 1 / 0, u = 1 / 0, d = -1 / 0, f = -1 / 0, p = !1;
+		for (let e of r) {
+			if (e.isHidden()) continue;
+			let t = e._getLocalPlacement();
+			if (!t) continue;
+			let r = s.placeInParent(i, a, t), m = e.getContent(), h = c(m) ? m._getDrawnRect(r.bounds.width, r.bounds.height, n) : null, g = l(r.bounds, h, r.rotation, r.flip);
+			o = Math.min(o, g.x), u = Math.min(u, g.y), d = Math.max(d, g.x + g.width), f = Math.max(f, g.y + g.height), p = !0;
+		}
+		return p ? {
+			l: o,
+			t: u,
+			r: d,
+			b: f
+		} : null;
+	}
+	_getMembers() {
+		return this._members_();
+	}
+	_members_() {
+		return this._getState()?.members ?? C;
+	}
+	async _addMember(e) {
+		if (!e?.type) throw new i("A member needs a type.");
+		return this._protectionCheck(n("op.insertDrawing")), await m({
+			type: e.type,
+			json: e.json
+		}), this._insertMember(e);
+	}
+	_insertMember(e) {
+		if (!e?.type) throw new i("A member needs a type.");
+		this._protectionCheck(n("op.insertDrawing"));
+		let t = this._drawnPlacement(), r = {
+			...t?.bounds ?? this._childBounds(),
+			...e.bounds
+		}, a = t ? s.placeInChild(t, this._childBounds(), {
+			bounds: r,
+			rotation: e.rotation ?? 0,
+			flip: {
+				horizontal: !1,
+				vertical: !1
+			}
+		}) : {
+			bounds: r,
+			rotation: e.rotation ?? 0,
+			flip: {
+				horizontal: !1,
+				vertical: !1
+			}
+		}, o = {
+			anchor: {
+				tl: {
+					x: a.bounds.x,
+					y: a.bounds.y
+				},
+				br: {
+					x: a.bounds.width,
+					y: a.bounds.height
+				}
+			},
+			content: {
+				type: e.type,
+				json: e.json
+			}
+		};
+		e.name && (o.content.name = e.name);
+		let c = e.altText;
+		c && (o.content.description = c), a.rotation && (o.rotation = a.rotation), a.flip.horizontal && (o.flipH = !0), a.flip.vertical && (o.flipV = !0);
+		let l = this._beginCommit(e.description ?? n("op.insertDrawing"));
+		try {
+			let t = this._createMember(o, e.fromResourceId), n = this._members_().slice();
+			return n.splice(Math.max(0, Math.min(n.length, e.zIndex ?? n.length)), 0, t), this._updateState({ members: n }), this._rebound(), l.commit(), this._members._notifyChange(), t;
+		} catch (e) {
+			throw l.rollback(), e;
+		}
+	}
+	async _groupMembers(e, t) {
+		let a = t?.description ?? n("op.groupDrawings");
+		if (this._protectionCheck(a), !e || e.length < 2) throw new i(r("error.movable.groupTooFew"));
+		let c = this._members_();
+		for (let t of e) if (!c.includes(t)) throw new i(r("error.movable.groupNotSameGroup"));
+		let l = c.filter((t) => e.includes(t));
+		if (l.length === c.length) throw new i(r("error.movable.groupWholeGroup"));
+		let u = this.getMovable();
+		if (!u) throw new i("The group is not placed.");
+		let d = u.getRange().getSheet(), f = g(d.getView().getMovableSelection()), p = s.unionBounds(l.map((e) => {
+			let t = e._getLocalPlacement();
+			return o(t.bounds, t.rotation);
+		})), m = this._createOptions.beginPersistResource();
+		try {
+			let e = {
+				anchor: {
+					tl: {
+						x: p.x,
+						y: p.y
+					},
+					br: {
+						x: p.width,
+						y: p.height
+					}
+				},
+				content: {
+					type: "group",
+					json: {
+						childBounds: { ...p },
+						members: l.map((e) => e.toJSON(m.toResourceId.bind(m)))
+					}
+				}
+			};
+			t?.name && (e.content.name = t.name);
+			let n = this._beginCommit(a);
+			try {
+				for (let e of l) e.unselect();
+				let r = this._createMember(e, m.fromResourceId.bind(m)), i = l[l.length - 1], a = [];
+				for (let e of c) e === i ? a.push(r) : l.includes(e) || a.push(e);
+				this._updateState({ members: a });
+				for (let e of l) e.getContent().delete();
+				return this._rebound(), h(n, d, [r], {
+					autoSelect: t?.autoSelect ?? !0,
+					autoSelectRestore: t?.autoSelectRestore
+				}, f), n.commit(), this._members._notifyChange(), r;
+			} catch (e) {
+				throw n.rollback(), e;
+			}
+		} finally {
+			m.endPersist();
+		}
+	}
+	_removeMember(e, t) {
+		let r = this._members_();
+		if (!r.includes(e)) return;
+		e.unselect();
+		let i = this._beginCommit(t?.description ?? n("op.deleteDrawing"));
+		try {
+			let a = r.filter((t) => t !== e);
+			if (this._updateState({ members: a }), a.length === 1 && this.getMovable()) {
+				let e = a[0], r = e.isSelected(), [o] = this._free(a, t?.description ?? n("op.deleteDrawing"));
+				this.delete(t), r && h(i, o.getRange().getSheet(), [o], { autoSelect: !0 }, [e]);
+			} else a.length === 0 ? this.delete(t) : this._rebound();
+			i.commit(), this._members._notifyChange();
+		} catch (e) {
+			throw i.rollback(), e;
+		}
+	}
+	_moveMember(e, t, n) {
+		let r = this._members_(), i = r.indexOf(e);
+		if (i === -1 || (t = Math.max(0, Math.min(r.length - 1, t))) === i) return;
+		this._protectionCheck(n);
+		let a = r.slice();
+		a.splice(i, 1), a.splice(t, 0, e), this._updateState({ members: a }, { description: n }), this._members._notifyChange();
+	}
+	_createMember(t, r) {
+		let i, a, o = this, c = t.content?.type ?? "custom", l = this._createOptions, u = {
+			type: c,
+			transactions: l.transactions,
+			beginPersistResource: l.beginPersistResource,
+			fromResourceId: r,
+			json: t.content?.json,
+			name: t.content?.name ?? null,
+			description: t.content?.description ?? null,
+			isReadOnly: () => o.isReadOnly(),
+			deleteFromContainer: () => {
+				i?._deleteFromContent();
+			},
+			getMovable: () => i,
+			getStyles: l.getStyles,
+			getRange: l.getRange,
+			addWatch: l.addWatch
+		}, d = f(c, u, {
+			getMovable: () => i,
+			amend: (e) => o._amend(e),
+			isClosed: () => o._closed
+		}), p = () => o.getMovable(), m = () => o._members_().indexOf(i);
+		return i = new _({
+			content: d,
+			json: t,
+			transactions: l.transactions,
+			beginPersistResource: l.beginPersistResource,
+			fromResourceId: r,
+			getParent: p,
+			onMemberPlacementChange: () => o._rebound(),
+			place: (e) => {
+				let t = o._drawnPlacement();
+				return t ? s.placeInParent(t, o._childBounds(), e) : null;
+			},
+			unplace: (e) => {
+				let t = o._drawnPlacement();
+				return t ? s.placeInChild(t, o._childBounds(), e) : null;
+			},
+			coords: e.EmptyRange,
+			getRanges: (e) => p().getRanges(),
+			getContainerIndex: m,
+			getZIndex: m,
+			getBoundsAtCoords: () => ({
+				x: 0,
+				y: 0,
+				width: 0,
+				height: 0
+			}),
+			getCoordsAtBounds: () => e.EmptyRange,
+			isProtected: () => o.isReadOnly(),
+			moveToBackOnContainer: () => o._moveMember(i, 0, n("op.moveToBack")),
+			moveBackwardOnContainer: () => o._moveMember(i, m() - 1, n("op.moveBackwards")),
+			moveForwardOnContainer: () => o._moveMember(i, m() + 1, n("op.moveForward")),
+			moveToFrontOnContainer: () => o._moveMember(i, o._members_().length - 1, n("op.moveToFront")),
+			deleteFromContainer: (e) => o._removeMember(i, e),
+			setContainerCallbacks: (e) => {
+				e && (a = {
+					...a,
+					...e
+				}), i && a && o._memberCallbacks.set(i, a);
+			},
+			invalidate: () => {
+				o._members._notifyChange();
+			}
+		}), a && this._memberCallbacks.set(i, a), i;
+	}
+	_tellZIndex() {
+		let e = this._members_(), t = this._toldOrder;
+		if (e !== t) {
+			this._toldOrder = e;
+			for (let n = 0; n < e.length; n++) {
+				let r = e[n];
+				t[n] !== r && this._memberCallbacks.get(r)?.processZIndex?.();
+			}
+		}
+	}
+	_amend(e) {
+		let t = this._transactions;
+		return t.amend(t.getCurrentCommit(!1).getId(), () => e());
+	}
+	_processAfterStateChange(e, t) {
+		super._processAfterStateChange(e, t), this._tellZIndex(), this._emitter.notify("onAnyChange"), this._members?._notifyChange(), this.getMovable()?._forwardLayout();
+	}
+	get isIGroup() {
+		return !0;
+	}
+	get [Symbol.toStringTag]() {
+		return "[Group]";
+	}
+	toString() {
+		return this.getTypeDescription();
+	}
+}, C = Object.freeze([]);
+export { S as Group };

package/browser/esm/{9_bymSfTn_rR_v6W.mjs → D2aQPiGg0ZoMYzuf.mjs}

@@ -1,12 +1,12 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.1
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.10
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.
 */
-import { r as e } from "./D9-wpGVbTS9rRpxx.mjs";
-import { i as t, r as n } from "./BjTf3XA9Swj0ngpH.mjs";
-import { A as r } from "./CEN8dYSpN2oew8HH.mjs";
+import { r as e } from "./DLqc11Pf8vaE4Q5B.mjs";
+import { i as t, r as n } from "./C4VT6lNbpaDXCpBb.mjs";
+import { P as r } from "./CMxbiQ5J79M3n1tk.mjs";
 var i = e(t(), 1), a = e(n(), 1);
 function o(e) {
 	if (typeof e == "function") return e;
@@ -277,7 +277,7 @@ var d = function() {
 		}
 	};
 }();
-d.register("base", () => import("./DVZ_UnchuMRveDG32.mjs")), d.register("cf", () => import("./DQ-0yyFAwoWtxmhV2.mjs"));
+d.register("base", () => import("./D_7BWdsu8yejhUxy.mjs")), d.register("cf", () => import("./i0P63Wd0RRlgJotb.mjs"));
 var f = (e) => (0, a.jsx)("svg", {
 	...e,
 	children: (0, a.jsx)("path", {})
@@ -288,24 +288,25 @@ var f = (e) => (0, a.jsx)("svg", {
 	let { iconKey: t, packKey: n, className: o, style: s, role: c, title: l, size: u, ariaHidden: m, propsSource: h, children: g, ..._ } = e, [v, y] = (0, i.useState)(null);
 	(0, i.useEffect)(() => {
 		let e = !0, i = n, a = t;
-		if (!a) {
+		if (a) {
+			if (a.includes(":")) {
+				let [e, t] = a.split(":");
+				i = e, a = t;
+			}
+			return d.resolve(a, { packKey: i }).then((t) => {
+				e && y(t);
+			}).catch(() => {}), () => {
+				e = !1;
+			};
+		}
+		{
 			let e = d.getPack(i);
 			y({
 				glyph: e ? { svg: r.EmptyArray } : void 0,
 				pack: e ?? void 0,
 				packKey: i ?? d.getActive()
 			});
-			return;
 		}
-		if (a.includes(":")) {
-			let [e, t] = a.split(":");
-			i = e, a = t;
-		}
-		return d.resolve(a, { packKey: i }).then((t) => {
-			e && y(t);
-		}), () => {
-			e = !1;
-		};
 	}, [t, n]);
 	let b = v?.pack, x = v?.glyph, S = v?.packKey, C = x ? x.svg : void 0, w = x && !C ? x.url : void 0, T = !x || C || w ? void 0 : x.emoji, E = u == null ? void 0 : typeof u == "number" ? `${u}px` : u, D = (0, i.useMemo)(() => [
 		p.Icon,
@@ -332,8 +333,7 @@ var f = (e) => (0, a.jsx)("svg", {
 		alt: l ?? ""
 	}));
 	if (x && "react" in x) {
-		let e = x.react;
-		return j((0, a.jsx)(e, {
+		let e = x.react, t = {
 			className: D,
 			style: O,
 			role: k,
@@ -341,7 +341,8 @@ var f = (e) => (0, a.jsx)("svg", {
 			title: l,
 			..._,
 			...h
-		}));
+		};
+		return j((0, a.jsx)(e, { ...t }));
 	}
 	let M = { viewBox: C?.viewBox ?? b?.meta.defaultViewBox ?? "0 0 24 24" };
 	if (typeof C == "function") return j(C(M) ?? (0, a.jsx)(f, { ...M }));
@@ -375,11 +376,11 @@ function h(e) {
 		o,
 		s,
 		n
-	]);
+	]), h = (0, i.useMemo)(() => t ? d + " walking" : d, [t, d]);
 	return (0, a.jsx)(m, {
 		iconKey: c,
 		packKey: l,
-		className: (0, i.useMemo)(() => t ? d + " walking" : d, [t, d]),
+		className: h,
 		style: {
 			...u,
 			...p