@payfit/unity-illustrations 2.47.5 → 2.47.7

package/dist/esm/components/illustration/Illustration.js

@@ -1,62 +1,47 @@
-import { jsx as c } from "react/jsx-runtime";
-import { forwardRef as h, useMemo as x } from "react";
-import { uyTv as u } from "@payfit/unity-themes";
-const p = u({
-  base: "uy:object-contain uy:aspect-auto"
-}), f = u({
-  base: "uy:object-contain uy:aspect-square",
-  variants: {
-    size: {
-      sm: "uy:size-7",
-      md: "uy:size-9",
-      lg: "uy:size-12"
-    }
-  }
-}), g = h(
-  ({
-    src: i,
-    alt: s,
-    isDecorative: t = !1,
-    variant: l,
-    className: o,
-    style: a,
-    ...e
-  }, r) => {
-    const n = l === "picture" ? p({ className: o }) : f({
-      className: o,
-      size: e.size
-    }), m = t ? e.description : void 0, { enhancedStyle: d, enhancedClassName: y } = x(() => "category" in i && "dimensions" in i ? {
-      enhancedStyle: {
-        "--uy-illustration-max-width": `${i.dimensions.width}px`,
-        "--uy-illustration-max-height": `${i.dimensions.height}px`,
-        ...a
-      },
-      enhancedClassName: `${n} uy:max-w-[var(--uy-illustration-max-width)] uy:max-h-[var(--uy-illustration-max-height)] uy:w-full uy:h-auto`.trim()
-    } : {
-      enhancedStyle: a,
-      enhancedClassName: n
-    }, [i, a, n]);
-    return /* @__PURE__ */ c(
-      "img",
-      {
-        ref: r,
-        src: i.url,
-        alt: t ? "" : s,
-        title: t ? void 0 : s,
-        className: y,
-        style: d,
-        role: t ? "presentation" : "img",
-        "aria-hidden": t,
-        "aria-description": m,
-        loading: "lazy",
-        ...e
-      }
-    );
-  }
-);
-g.displayName = "Illustration";
-export {
-  g as Illustration,
-  f as illustratedIcon,
-  p as illustratedPicture
-};
+import { forwardRef as e, useMemo as t } from "react";
+import { uyTv as n } from "@payfit/unity-themes";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/illustration/Illustration.tsx
+var i = n({ base: "uy:object-contain uy:aspect-auto" }), a = n({
+	base: "uy:object-contain uy:aspect-square",
+	variants: { size: {
+		sm: "uy:size-7",
+		md: "uy:size-9",
+		lg: "uy:size-12"
+	} }
+}), o = e(({ src: e, alt: n, isDecorative: o = !1, variant: s, className: c, style: l, ...u }, d) => {
+	let f = s === "picture" ? i({ className: c }) : a({
+		className: c,
+		size: u.size
+	}), p = o ? u.description : void 0, { enhancedStyle: m, enhancedClassName: h } = t(() => "category" in e && "dimensions" in e ? {
+		enhancedStyle: {
+			"--uy-illustration-max-width": `${e.dimensions.width}px`,
+			"--uy-illustration-max-height": `${e.dimensions.height}px`,
+			...l
+		},
+		enhancedClassName: `${f} uy:max-w-[var(--uy-illustration-max-width)] uy:max-h-[var(--uy-illustration-max-height)] uy:w-full uy:h-auto`.trim()
+	} : {
+		enhancedStyle: l,
+		enhancedClassName: f
+	}, [
+		e,
+		l,
+		f
+	]);
+	return /* @__PURE__ */ r("img", {
+		ref: d,
+		src: e.url,
+		alt: o ? "" : n,
+		title: o ? void 0 : n,
+		className: h,
+		style: m,
+		role: o ? "presentation" : "img",
+		"aria-hidden": o,
+		"aria-description": p,
+		loading: "lazy",
+		...u
+	});
+});
+o.displayName = "Illustration";
+//#endregion
+export { o as Illustration, a as illustratedIcon, i as illustratedPicture };

package/dist/esm/components/lazy-illustration/LazyIllustration.js

@@ -1,31 +1,31 @@
-import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as m, useState as e, useEffect as f } from "react";
-import { lazyIllustrationsMap as I } from "../../generated/illustrationAssets.js";
-import { illustratedPicture as y, illustratedIcon as N, Illustration as z } from "../illustration/Illustration.js";
-const L = m(({ name: a, ...t }, n) => {
-  const [s, c] = e(null), [u, o] = e(!0);
-  if (f(() => {
-    (async () => {
-      try {
-        o(!0);
-        const l = I[a], d = await l();
-        c(d.default);
-      } catch (l) {
-        console.error(`Failed to load illustration "${a}":`, l);
-      } finally {
-        o(!1);
-      }
-    })();
-  }, [a]), u || !s) {
-    const r = t.variant === "picture" ? y({ className: t.className }) : N({
-      className: t.className,
-      size: t.size
-    });
-    return /* @__PURE__ */ i("div", { className: r });
-  }
-  return /* @__PURE__ */ i(z, { ref: n, src: s, ...t });
+import { Illustration as e, illustratedIcon as t, illustratedPicture as n } from "../illustration/Illustration.js";
+import { lazyIllustrationsMap as r } from "../../generated/illustrationAssets.js";
+import { forwardRef as i, useEffect as a, useState as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
+//#region src/components/lazy-illustration/LazyIllustration.tsx
+var c = i(({ name: i, ...c }, l) => {
+	let [u, d] = o(null), [f, p] = o(!0);
+	return a(() => {
+		(async () => {
+			try {
+				p(!0);
+				let e = r[i];
+				d((await e()).default);
+			} catch (e) {
+				console.error(`Failed to load illustration "${i}":`, e);
+			} finally {
+				p(!1);
+			}
+		})();
+	}, [i]), f || !u ? /* @__PURE__ */ s("div", { className: c.variant === "picture" ? n({ className: c.className }) : t({
+		className: c.className,
+		size: c.size
+	}) }) : /* @__PURE__ */ s(e, {
+		ref: l,
+		src: u,
+		...c
+	});
 });
-L.displayName = "LazyIllustration";
-export {
-  L as LazyIllustration
-};
+c.displayName = "LazyIllustration";
+//#endregion
+export { c as LazyIllustration };

package/dist/esm/generated/Accounting.js

@@ -1,10 +1,10 @@
-import t from "./assets/Accounting.svg.js";
-const a = {
-  type: "svg",
-  url: t,
-  animated: !1,
-  name: "Accounting"
-};
-export {
-  a as default
+import e from "./assets/Accounting.js";
+//#region src/generated/Accounting.ts
+var t = {
+	type: "svg",
+	url: e,
+	animated: !1,
+	name: "Accounting"
 };
+//#endregion
+export { t as default };

package/dist/esm/generated/AccountingAnimation.js

@@ -1,12 +1,15 @@
-import t from "./assets/AccountingAnimation.webp.js";
-const n = {
-  type: "image",
-  url: t,
-  animated: !0,
-  dimensions: { width: 969, height: 852 },
-  category: "animation",
-  name: "AccountingAnimation"
-};
-export {
-  n as default
+import e from "./assets/AccountingAnimation.js";
+//#region src/generated/AccountingAnimation.ts
+var t = {
+	type: "image",
+	url: e,
+	animated: !0,
+	dimensions: {
+		width: 969,
+		height: 852
+	},
+	category: "animation",
+	name: "AccountingAnimation"
 };
+//#endregion
+export { t as default };

package/dist/esm/generated/AddEmployee.js

@@ -1,10 +1,10 @@
-import e from "./assets/AddEmployee.svg.js";
-const d = {
-  type: "svg",
-  url: e,
-  animated: !1,
-  name: "AddEmployee"
-};
-export {
-  d as default
+import e from "./assets/AddEmployee.js";
+//#region src/generated/AddEmployee.ts
+var t = {
+	type: "svg",
+	url: e,
+	animated: !1,
+	name: "AddEmployee"
 };
+//#endregion
+export { t as default };

package/dist/esm/generated/AdministrativeDocument.js

@@ -1,10 +1,10 @@
-import t from "./assets/AdministrativeDocument.svg.js";
-const a = {
-  type: "svg",
-  url: t,
-  animated: !1,
-  name: "AdministrativeDocument"
-};
-export {
-  a as default
+import e from "./assets/AdministrativeDocument.js";
+//#region src/generated/AdministrativeDocument.ts
+var t = {
+	type: "svg",
+	url: e,
+	animated: !1,
+	name: "AdministrativeDocument"
 };
+//#endregion
+export { t as default };

package/dist/esm/generated/AdministrativeDocumentWithBackground.js

@@ -1,10 +1,10 @@
-import t from "./assets/AdministrativeDocumentWithBackground.svg.js";
-const e = {
-  type: "svg",
-  url: t,
-  animated: !1,
-  name: "AdministrativeDocumentWithBackground"
-};
-export {
-  e as default
+import e from "./assets/AdministrativeDocumentWithBackground.js";
+//#region src/generated/AdministrativeDocumentWithBackground.ts
+var t = {
+	type: "svg",
+	url: e,
+	animated: !1,
+	name: "AdministrativeDocumentWithBackground"
 };
+//#endregion
+export { t as default };

package/dist/esm/generated/AlphabetCube.js

@@ -1,10 +1,10 @@
-import e from "./assets/AlphabetCube.svg.js";
-const t = {
-  type: "svg",
-  url: e,
-  animated: !1,
-  name: "AlphabetCube"
-};
-export {
-  t as default
+import e from "./assets/AlphabetCube.js";
+//#region src/generated/AlphabetCube.ts
+var t = {
+	type: "svg",
+	url: e,
+	animated: !1,
+	name: "AlphabetCube"
 };
+//#endregion
+export { t as default };

package/dist/esm/generated/Analysis.js

@@ -1,10 +1,10 @@
-import s from "./assets/Analysis.svg.js";
-const e = {
-  type: "svg",
-  url: s,
-  animated: !1,
-  name: "Analysis"
-};
-export {
-  e as default
+import e from "./assets/Analysis.js";
+//#region src/generated/Analysis.ts
+var t = {
+	type: "svg",
+	url: e,
+	animated: !1,
+	name: "Analysis"
 };
+//#endregion
+export { t as default };

package/dist/esm/generated/AnnualTaxes.js

@@ -1,10 +1,10 @@
-import a from "./assets/AnnualTaxes.svg.js";
-const n = {
-  type: "svg",
-  url: a,
-  animated: !1,
-  name: "AnnualTaxes"
-};
-export {
-  n as default
+import e from "./assets/AnnualTaxes.js";
+//#region src/generated/AnnualTaxes.ts
+var t = {
+	type: "svg",
+	url: e,
+	animated: !1,
+	name: "AnnualTaxes"
 };
+//#endregion
+export { t as default };

package/dist/esm/generated/AutomationInProgress.js

@@ -1,10 +1,10 @@
-import o from "./assets/AutomationInProgress.svg.js";
-const r = {
-  type: "svg",
-  url: o,
-  animated: !1,
-  name: "AutomationInProgress"
-};
-export {
-  r as default
+import e from "./assets/AutomationInProgress.js";
+//#region src/generated/AutomationInProgress.ts
+var t = {
+	type: "svg",
+	url: e,
+	animated: !1,
+	name: "AutomationInProgress"
 };
+//#endregion
+export { t as default };

package/dist/esm/generated/BabyBottle.js

@@ -1,10 +1,10 @@
-import t from "./assets/BabyBottle.svg.js";
-const e = {
-  type: "svg",
-  url: t,
-  animated: !1,
-  name: "BabyBottle"
-};
-export {
-  e as default
+import e from "./assets/BabyBottle.js";
+//#region src/generated/BabyBottle.ts
+var t = {
+	type: "svg",
+	url: e,
+	animated: !1,
+	name: "BabyBottle"
 };
+//#endregion
+export { t as default };

package/dist/esm/generated/BabyBottleWithBackground.js

@@ -1,10 +1,10 @@
-import t from "./assets/BabyBottleWithBackground.svg.js";
-const e = {
-  type: "svg",
-  url: t,
-  animated: !1,
-  name: "BabyBottleWithBackground"
-};
-export {
-  e as default
+import e from "./assets/BabyBottleWithBackground.js";
+//#region src/generated/BabyBottleWithBackground.ts
+var t = {
+	type: "svg",
+	url: e,
+	animated: !1,
+	name: "BabyBottleWithBackground"
 };
+//#endregion
+export { t as default };

package/dist/esm/generated/Bell.js

@@ -1,10 +1,10 @@
-import e from "./assets/Bell.svg.js";
-const a = {
-  type: "svg",
-  url: e,
-  animated: !1,
-  name: "Bell"
-};
-export {
-  a as default
+import e from "./assets/Bell.js";
+//#region src/generated/Bell.ts
+var t = {
+	type: "svg",
+	url: e,
+	animated: !1,
+	name: "Bell"
 };
+//#endregion
+export { t as default };

package/dist/esm/generated/BellWithBackground.js

@@ -1,10 +1,10 @@
-import a from "./assets/BellWithBackground.svg.js";
-const l = {
-  type: "svg",
-  url: a,
-  animated: !1,
-  name: "BellWithBackground"
-};
-export {
-  l as default
+import e from "./assets/BellWithBackground.js";
+//#region src/generated/BellWithBackground.ts
+var t = {
+	type: "svg",
+	url: e,
+	animated: !1,
+	name: "BellWithBackground"
 };
+//#endregion
+export { t as default };

package/dist/esm/generated/Bicycle.js

@@ -1,10 +1,10 @@
-import e from "./assets/Bicycle.svg.js";
-const l = {
-  type: "svg",
-  url: e,
-  animated: !1,
-  name: "Bicycle"
-};
-export {
-  l as default
+import e from "./assets/Bicycle.js";
+//#region src/generated/Bicycle.ts
+var t = {
+	type: "svg",
+	url: e,
+	animated: !1,
+	name: "Bicycle"
 };
+//#endregion
+export { t as default };

package/dist/esm/generated/BicycleWithBackground.js

@@ -1,10 +1,10 @@
-import a from "./assets/BicycleWithBackground.svg.js";
-const t = {
-  type: "svg",
-  url: a,
-  animated: !1,
-  name: "BicycleWithBackground"
-};
-export {
-  t as default
+import e from "./assets/BicycleWithBackground.js";
+//#region src/generated/BicycleWithBackground.ts
+var t = {
+	type: "svg",
+	url: e,
+	animated: !1,
+	name: "BicycleWithBackground"
 };
+//#endregion
+export { t as default };

package/dist/esm/generated/BigIdea.js

@@ -1,10 +1,10 @@
-import a from "./assets/BigIdea.svg.js";
-const t = {
-  type: "svg",
-  url: a,
-  animated: !1,
-  name: "BigIdea"
-};
-export {
-  t as default
+import e from "./assets/BigIdea.js";
+//#region src/generated/BigIdea.ts
+var t = {
+	type: "svg",
+	url: e,
+	animated: !1,
+	name: "BigIdea"
 };
+//#endregion
+export { t as default };

package/dist/esm/generated/Binoculars.js

@@ -1,10 +1,10 @@
-import a from "./assets/Binoculars.svg.js";
-const s = {
-  type: "svg",
-  url: a,
-  animated: !1,
-  name: "Binoculars"
-};
-export {
-  s as default
+import e from "./assets/Binoculars.js";
+//#region src/generated/Binoculars.ts
+var t = {
+	type: "svg",
+	url: e,
+	animated: !1,
+	name: "Binoculars"
 };
+//#endregion
+export { t as default };

package/dist/esm/generated/BinocularsAnimation.js

@@ -1,12 +1,15 @@
-import i from "./assets/BinocularsAnimation.webp.js";
-const t = {
-  type: "image",
-  url: i,
-  animated: !0,
-  dimensions: { width: 750, height: 750 },
-  category: "animation",
-  name: "BinocularsAnimation"
-};
-export {
-  t as default
+import e from "./assets/BinocularsAnimation.js";
+//#region src/generated/BinocularsAnimation.ts
+var t = {
+	type: "image",
+	url: e,
+	animated: !0,
+	dimensions: {
+		width: 750,
+		height: 750
+	},
+	category: "animation",
+	name: "BinocularsAnimation"
 };
+//#endregion
+export { t as default };

package/dist/esm/generated/Biscuit.js

@@ -1,10 +1,10 @@
-import t from "./assets/Biscuit.svg.js";
-const a = {
-  type: "svg",
-  url: t,
-  animated: !1,
-  name: "Biscuit"
-};
-export {
-  a as default
+import e from "./assets/Biscuit.js";
+//#region src/generated/Biscuit.ts
+var t = {
+	type: "svg",
+	url: e,
+	animated: !1,
+	name: "Biscuit"
 };
+//#endregion
+export { t as default };

package/dist/esm/generated/BiscuitCrumbs.js

@@ -1,10 +1,10 @@
-import s from "./assets/BiscuitCrumbs.svg.js";
-const r = {
-  type: "svg",
-  url: s,
-  animated: !1,
-  name: "BiscuitCrumbs"
-};
-export {
-  r as default
+import e from "./assets/BiscuitCrumbs.js";
+//#region src/generated/BiscuitCrumbs.ts
+var t = {
+	type: "svg",
+	url: e,
+	animated: !1,
+	name: "BiscuitCrumbs"
 };
+//#endregion
+export { t as default };

package/dist/esm/generated/BlankPayslip.js

@@ -1,10 +1,10 @@
-import a from "./assets/BlankPayslip.svg.js";
-const s = {
-  type: "svg",
-  url: a,
-  animated: !1,
-  name: "BlankPayslip"
-};
-export {
-  s as default
+import e from "./assets/BlankPayslip.js";
+//#region src/generated/BlankPayslip.ts
+var t = {
+	type: "svg",
+	url: e,
+	animated: !1,
+	name: "BlankPayslip"
 };
+//#endregion
+export { t as default };

package/dist/esm/generated/BlankPayslipWithBackground.js

@@ -1,10 +1,10 @@
-import a from "./assets/BlankPayslipWithBackground.svg.js";
-const t = {
-  type: "svg",
-  url: a,
-  animated: !1,
-  name: "BlankPayslipWithBackground"
-};
-export {
-  t as default
+import e from "./assets/BlankPayslipWithBackground.js";
+//#region src/generated/BlankPayslipWithBackground.ts
+var t = {
+	type: "svg",
+	url: e,
+	animated: !1,
+	name: "BlankPayslipWithBackground"
 };
+//#endregion
+export { t as default };