@stihl-design-system/components
Version:
Welcome to the STIHL Design System react component library.
230 lines (229 loc) • 23.5 kB
JavaScript
"use client";
import { jsx as A } from "react/jsx-runtime";
import { d as W } from "./index.D-sRdssb.js";
import { c as $ } from "./index.DL9mof6u.js";
import * as x from "react";
import { useRef as H, useState as C, useEffect as P } from "react";
import { h as U } from "./has-window.ut_-aShB.js";
import { g as Z } from "./helpers.CexwVao7.js";
import '../assets/Icon.QeJ7TxZs.css';var j = /* @__PURE__ */ new Map(), D = /* @__PURE__ */ new WeakMap(), G = 0, F = void 0;
function J(t) {
return t ? (D.has(t) || (G += 1, D.set(t, G.toString())), D.get(t)) : "0";
}
function K(t) {
return Object.keys(t).sort().filter(
(s) => t[s] !== void 0
).map((s) => `${s}_${s === "root" ? J(t.root) : t[s]}`).toString();
}
function Q(t) {
const s = K(t);
let e = j.get(s);
if (!e) {
const o = /* @__PURE__ */ new Map();
let c;
const i = new IntersectionObserver((n) => {
n.forEach((r) => {
var a;
const m = r.isIntersecting && c.some((d) => r.intersectionRatio >= d);
t.trackVisibility && typeof r.isVisible > "u" && (r.isVisible = m), (a = o.get(r.target)) == null || a.forEach((d) => {
d(m, r);
});
});
}, t);
c = i.thresholds || (Array.isArray(t.threshold) ? t.threshold : [t.threshold || 0]), e = {
id: s,
observer: i,
elements: o
}, j.set(s, e);
}
return e;
}
function Y(t, s, e = {}, o = F) {
if (typeof window.IntersectionObserver > "u" && o !== void 0) {
const a = t.getBoundingClientRect();
return s(o, {
isIntersecting: o,
target: t,
intersectionRatio: typeof e.threshold == "number" ? e.threshold : 0,
time: 0,
boundingClientRect: a,
intersectionRect: a,
rootBounds: a
}), () => {
};
}
const { id: c, observer: i, elements: n } = Q(e), r = n.get(t) || [];
return n.has(t) || n.set(t, r), r.push(s), i.observe(t), function() {
r.splice(r.indexOf(s), 1), r.length === 0 && (n.delete(t), i.unobserve(t)), n.size === 0 && (i.disconnect(), j.delete(c));
};
}
function ss({
threshold: t,
delay: s,
trackVisibility: e,
rootMargin: o,
root: c,
triggerOnce: i,
skip: n,
initialInView: r,
fallbackInView: a,
onChange: m
} = {}) {
var d;
const [h, b] = x.useState(null), u = x.useRef(m), [f, w] = x.useState({
inView: !!r,
entry: void 0
});
u.current = m, x.useEffect(
() => {
if (n || !h) return;
let p;
return p = Y(
h,
(S, v) => {
w({
inView: S,
entry: v
}), u.current && u.current(S, v), v.isIntersecting && i && p && (p(), p = void 0);
},
{
root: c,
rootMargin: o,
threshold: t,
// @ts-ignore
trackVisibility: e,
// @ts-ignore
delay: s
},
a
), () => {
p && p();
};
},
// We break the rule here, because we aren't including the actual `threshold` variable
// eslint-disable-next-line react-hooks/exhaustive-deps
[
// If the threshold is an array, convert it to a string, so it won't change between renders.
Array.isArray(t) ? t.toString() : t,
h,
c,
o,
i,
n,
e,
a,
s
]
);
const l = (d = f.entry) == null ? void 0 : d.target, k = x.useRef(void 0);
!h && l && !i && !n && k.current !== l && (k.current = l, w({
inView: !!r,
entry: void 0
}));
const g = [b, f.inView, f.entry];
return g.ref = g[0], g.inView = g[1], g.entry = g[2], g;
}
const ts = "ds-icon_image_clh5i_1", is = "ds-icon_image--theme-dark_clh5i_10", es = "ds-icon_image--size-x-large_clh5i_13", os = "ds-icon_image--size-medium_clh5i_19", rs = "ds-icon_image--size-small_clh5i_25", ns = "ds-icon_image--size-x-small_clh5i_31", y = {
image: ts,
imageThemeDark: is,
imageSizeXLarge: es,
imageSizeMedium: os,
imageSizeSmall: rs,
imageSizeXSmall: ns
}, as = (t, s, e) => {
const o = t[s];
return o ? typeof o == "function" ? o() : Promise.resolve(o) : new Promise((c, i) => {
(typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(i.bind(null, /* @__PURE__ */ new Error("Unknown variable dynamic import: " + s + (s.split("/").length !== e ? ". Note that variables only represent file names one level deep." : ""))));
});
}, us = ["x-large", "large", "medium", "small", "x-small"], cs = (t) => {
const s = H(void 0), [e, o] = C(!1), [c, i] = C(!0);
return P(() => {
if (!U)
return;
let n = !0;
return e && (i(!0), (async () => {
try {
s.current = await as(/* @__PURE__ */ Object.assign({ "../../../../icons/dist/assets/360.svg": () => import("./360.CfjUtgxq.js"), "../../../../icons/dist/assets/academic-cap.svg": () => import("./academic-cap.OBigTQQS.js"), "../../../../icons/dist/assets/accessibility.svg": () => import("./accessibility.B57oX4yV.js"), "../../../../icons/dist/assets/alarm-clock.svg": () => import("./alarm-clock.CpK-AEZG.js"), "../../../../icons/dist/assets/arrow-clockwise.svg": () => import("./arrow-clockwise.C4iOgjOc.js"), "../../../../icons/dist/assets/arrow-counterclockwise.svg": () => import("./arrow-counterclockwise.CgQAuBUe.js"), "../../../../icons/dist/assets/arrow-down-line.svg": () => import("./arrow-down-line.RDD2pRZY.js"), "../../../../icons/dist/assets/arrow-down.svg": () => import("./arrow-down.XpokLh98.js"), "../../../../icons/dist/assets/arrow-edge.svg": () => import("./arrow-edge.CPA93M81.js"), "../../../../icons/dist/assets/arrow-left.svg": () => import("./arrow-left.C8NG5I2X.js"), "../../../../icons/dist/assets/arrow-out.svg": () => import("./arrow-out.CsHHHYN9.js"), "../../../../icons/dist/assets/arrow-outline-left.svg": () => import("./arrow-outline-left.Bhw_LzfV.js"), "../../../../icons/dist/assets/arrow-right.svg": () => import("./arrow-right.HNwAz18h.js"), "../../../../icons/dist/assets/arrow-up-arrow-down.svg": () => import("./arrow-up-arrow-down.BVyuVJP5.js"), "../../../../icons/dist/assets/arrow-up.svg": () => import("./arrow-up.Ca1GnLaY.js"), "../../../../icons/dist/assets/at.svg": () => import("./at.BNfdp4M0.js"), "../../../../icons/dist/assets/barcode-scanner.svg": () => import("./barcode-scanner.D0olxB_m.js"), "../../../../icons/dist/assets/battery-charge-0.svg": () => import("./battery-charge-0.DxlgEAto.js"), "../../../../icons/dist/assets/battery-charge-100.svg": () => import("./battery-charge-100.D0Cax7dU.js"), "../../../../icons/dist/assets/battery.svg": () => import("./battery.6Idoickg.js"), "../../../../icons/dist/assets/bell.svg": () => import("./bell.DbPxCAUM.js"), "../../../../icons/dist/assets/bin-open.svg": () => import("./bin-open.DsjIBW00.js"), "../../../../icons/dist/assets/bin.svg": () => import("./bin.ktpYUJmK.js"), "../../../../icons/dist/assets/bluetooth-off.svg": () => import("./bluetooth-off.BzZCh4Q8.js"), "../../../../icons/dist/assets/bluetooth.svg": () => import("./bluetooth.dW5tTwby.js"), "../../../../icons/dist/assets/bookmark.svg": () => import("./bookmark.B7Mbr-d6.js"), "../../../../icons/dist/assets/burger.svg": () => import("./burger.DLP81BXa.js"), "../../../../icons/dist/assets/calendar.svg": () => import("./calendar.Cig7yG7m.js"), "../../../../icons/dist/assets/camera.svg": () => import("./camera.BoCB0Emp.js"), "../../../../icons/dist/assets/caret-down.svg": () => import("./caret-down.CupuwAF6.js"), "../../../../icons/dist/assets/caret-right.svg": () => import("./caret-right.DKtu4PQe.js"), "../../../../icons/dist/assets/cart-check.svg": () => import("./cart-check.CYH0vTB8.js"), "../../../../icons/dist/assets/cart-plus.svg": () => import("./cart-plus.DzXXFMZj.js"), "../../../../icons/dist/assets/cart.svg": () => import("./cart.CoEwMABr.js"), "../../../../icons/dist/assets/catalog.svg": () => import("./catalog.CwV-J6Kb.js"), "../../../../icons/dist/assets/certificate.svg": () => import("./certificate.Crs4RohK.js"), "../../../../icons/dist/assets/chain-link.svg": () => import("./chain-link.BMV2WV6k.js"), "../../../../icons/dist/assets/chainsaw.svg": () => import("./chainsaw.CI1EYF7a.js"), "../../../../icons/dist/assets/check.svg": () => import("./check.CuZKWgYj.js"), "../../../../icons/dist/assets/chevron-down.svg": () => import("./chevron-down.5UkGOwK_.js"), "../../../../icons/dist/assets/chevron-left.svg": () => import("./chevron-left.DRFQ-efY.js"), "../../../../icons/dist/assets/chevron-line-left.svg": () => import("./chevron-line-left.SQvDJQ1t.js"), "../../../../icons/dist/assets/chevron-line-right.svg": () => import("./chevron-line-right.CYQ3b2cQ.js"), "../../../../icons/dist/assets/chevron-right.svg": () => import("./chevron-right.B_Ew9QUt.js"), "../../../../icons/dist/assets/chevron-up.svg": () => import("./chevron-up.DqETUWqG.js"), "../../../../icons/dist/assets/circle-check-colored.svg": () => import("./circle-check-colored.qP2s3vjI.js"), "../../../../icons/dist/assets/circle-check-inverted.svg": () => import("./circle-check-inverted.Cc2cUmWT.js"), "../../../../icons/dist/assets/circle-info-colored.svg": () => import("./circle-info-colored.D2pp54gf.js"), "../../../../icons/dist/assets/circle-info-inverted.svg": () => import("./circle-info-inverted.D8Z0vTmu.js"), "../../../../icons/dist/assets/circle-pause.svg": () => import("./circle-pause.DaRfXOff.js"), "../../../../icons/dist/assets/circle-stroke.svg": () => import("./circle-stroke.CWu_o3Gx.js"), "../../../../icons/dist/assets/circle.svg": () => import("./circle.471EUzv6.js"), "../../../../icons/dist/assets/clock.svg": () => import("./clock.Bw5ICIVH.js"), "../../../../icons/dist/assets/coffee-cup.svg": () => import("./coffee-cup.DIijzKx_.js"), "../../../../icons/dist/assets/collapse.svg": () => import("./collapse.Dvv3mgkv.js"), "../../../../icons/dist/assets/compare.svg": () => import("./compare.BgktBbYD.js"), "../../../../icons/dist/assets/connected-box-mobile.svg": () => import("./connected-box-mobile.DboMCVxp.js"), "../../../../icons/dist/assets/connected-box-stationary.svg": () => import("./connected-box-stationary.CAPCPQ1d.js"), "../../../../icons/dist/assets/connected-box.svg": () => import("./connected-box.DVqJw-ws.js"), "../../../../icons/dist/assets/cross.svg": () => import("./cross.rEw3TuHs.js"), "../../../../icons/dist/assets/diamond-exclamationmark-colored.svg": () => import("./diamond-exclamationmark-colored.CzYiaTZ0.js"), "../../../../icons/dist/assets/diamond-exclamationmark-inverted.svg": () => import("./diamond-exclamationmark-inverted.DzAIb8Nt.js"), "../../../../icons/dist/assets/diamond.svg": () => import("./diamond.CXZHFpPC.js"), "../../../../icons/dist/assets/diskette.svg": () => import("./diskette._0C2VZ9v.js"), "../../../../icons/dist/assets/distance.svg": () => import("./distance.FA6pTjcW.js"), "../../../../icons/dist/assets/document-magnifying-glass.svg": () => import("./document-magnifying-glass.DkvpNz-D.js"), "../../../../icons/dist/assets/document-s.svg": () => import("./document-s.CoOp0kBK.js"), "../../../../icons/dist/assets/dots-connected.svg": () => import("./dots-connected.ZMYjHeNS.js"), "../../../../icons/dist/assets/download-complete.svg": () => import("./download-complete.CZVpzrvY.js"), "../../../../icons/dist/assets/envelope-open.svg": () => import("./envelope-open.CA4cE5lk.js"), "../../../../icons/dist/assets/envelope.svg": () => import("./envelope.re-RxZVw.js"), "../../../../icons/dist/assets/exclamationmark.svg": () => import("./exclamationmark.DEbIGqGC.js"), "../../../../icons/dist/assets/exit.svg": () => import("./exit.Cgb8AB-k.js"), "../../../../icons/dist/assets/eye-closed.svg": () => import("./eye-closed.CvqozUwK.js"), "../../../../icons/dist/assets/eye.svg": () => import("./eye.CRQMKZs4.js"), "../../../../icons/dist/assets/facebook.svg": () => import("./facebook.CVcxa0rV.js"), "../../../../icons/dist/assets/feather.svg": () => import("./feather.l1E4nFBx.js"), "../../../../icons/dist/assets/file-type-doc.svg": () => import("./file-type-doc.B_RSSYbu.js"), "../../../../icons/dist/assets/file-type-image.svg": () => import("./file-type-image.Cg2NRd7y.js"), "../../../../icons/dist/assets/file-type-pdf.svg": () => import("./file-type-pdf.Dm94xL2i.js"), "../../../../icons/dist/assets/file-type-video.svg": () => import("./file-type-video.CFwfiP-D.js"), "../../../../icons/dist/assets/file-type-zip.svg": () => import("./file-type-zip.SNixmKhQ.js"), "../../../../icons/dist/assets/file.svg": () => import("./file.DLgRXiem.js"), "../../../../icons/dist/assets/filter.svg": () => import("./filter.DrPSKpaG.js"), "../../../../icons/dist/assets/finger-double-arrow.svg": () => import("./finger-double-arrow.DDUZoPh8.js"), "../../../../icons/dist/assets/flash.svg": () => import("./flash.CgJJ1bUx.js"), "../../../../icons/dist/assets/fullscreen.svg": () => import("./fullscreen.Be2rBj1i.js"), "../../../../icons/dist/assets/gear.svg": () => import("./gear.DEltGVSA.js"), "../../../../icons/dist/assets/globe.svg": () => import("./globe.DG6uw6fi.js"), "../../../../icons/dist/assets/grid.svg": () => import("./grid.DH1impeF.js"), "../../../../icons/dist/assets/guidance.svg": () => import("./guidance.BBYB3JpW.js"), "../../../../icons/dist/assets/haircross.svg": () => import("./haircross.D-whkit9.js"), "../../../../icons/dist/assets/hanger.svg": () => import("./hanger.Bo8qtNo5.js"), "../../../../icons/dist/assets/headphones.svg": () => import("./headphones.DjWXOuJJ.js"), "../../../../icons/dist/assets/heart.svg": () => import("./heart.D-BnHMb-.js"), "../../../../icons/dist/assets/hexagon-arrow-clockwise.svg": () => import("./hexagon-arrow-clockwise.D0eeDQQx.js"), "../../../../icons/dist/assets/horizontal-ellipsis.svg": () => import("./horizontal-ellipsis.ChdN6RnG.js"), "../../../../icons/dist/assets/house.svg": () => import("./house.BohpDQ3q.js"), "../../../../icons/dist/assets/imow.svg": () => import("./imow.Dh1oMqcW.js"), "../../../../icons/dist/assets/info.svg": () => import("./info.BZVg9FLA.js"), "../../../../icons/dist/assets/instagram.svg": () => import("./instagram.CIlKb7xj.js"), "../../../../icons/dist/assets/leave-fullscreen.svg": () => import("./leave-fullscreen.BC5iwDur.js"), "../../../../icons/dist/assets/lightbulb.svg": () => import("./lightbulb.DQ7TiRsr.js"), "../../../../icons/dist/assets/linkedin.svg": () => import("./linkedin.br5zvxco.js"), "../../../../icons/dist/assets/list-three-rows.svg": () => import("./list-three-rows.Cso4ybs8.js"), "../../../../icons/dist/assets/list-two-rows.svg": () => import("./list-two-rows.DOsZEv0-.js"), "../../../../icons/dist/assets/loading-spinner.svg": () => import("./loading-spinner.BukfMaU6.js"), "../../../../icons/dist/assets/lock.svg": () => import("./lock.Dw_GOpTn.js"), "../../../../icons/dist/assets/magnifying-glass-minus.svg": () => import("./magnifying-glass-minus.BYztw2P1.js"), "../../../../icons/dist/assets/magnifying-glass-plus.svg": () => import("./magnifying-glass-plus.BTgviDVh.js"), "../../../../icons/dist/assets/magnifying-glass.svg": () => import("./magnifying-glass.C8DfRaIO.js"), "../../../../icons/dist/assets/map.svg": () => import("./map.DNl7PF61.js"), "../../../../icons/dist/assets/minus.svg": () => import("./minus.BkhCuIH4.js"), "../../../../icons/dist/assets/mobile.svg": () => import("./mobile.C1Kj9VnC.js"), "../../../../icons/dist/assets/moon.svg": () => import("./moon.5yILPYXs.js"), "../../../../icons/dist/assets/muscle.svg": () => import("./muscle.DbNjWasV.js"), "../../../../icons/dist/assets/nine-squares.svg": () => import("./nine-squares.DVsNAOzz.js"), "../../../../icons/dist/assets/note-check.svg": () => import("./note-check.CM_kmt0M.js"), "../../../../icons/dist/assets/note-plus.svg": () => import("./note-plus.Bkn78EyA.js"), "../../../../icons/dist/assets/note.svg": () => import("./note.CE0ACLn8.js"), "../../../../icons/dist/assets/number-input.svg": () => import("./number-input.BLhoh5mh.js"), "../../../../icons/dist/assets/paperclip.svg": () => import("./paperclip.BMerX4rj.js"), "../../../../icons/dist/assets/parcel.svg": () => import("./parcel.Ve9GL_EG.js"), "../../../../icons/dist/assets/pause.svg": () => import("./pause.B91Ejn-O.js"), "../../../../icons/dist/assets/pen.svg": () => import("./pen.CvKw2PvE.js"), "../../../../icons/dist/assets/percent.svg": () => import("./percent.BlB6rG-B.js"), "../../../../icons/dist/assets/petrol.svg": () => import("./petrol.BGWwCsTw.js"), "../../../../icons/dist/assets/phone.svg": () => import("./phone.DzdXfmNC.js"), "../../../../icons/dist/assets/pin-s.svg": () => import("./pin-s.DXgYuN9C.js"), "../../../../icons/dist/assets/pin.svg": () => import("./pin.DZfZr4El.js"), "../../../../icons/dist/assets/pinterest.svg": () => import("./pinterest.sUPAub_q.js"), "../../../../icons/dist/assets/placeholder.svg": () => import("./placeholder.Dbb0hT5R.js"), "../../../../icons/dist/assets/play.svg": () => import("./play.BDiY2JrT.js"), "../../../../icons/dist/assets/plug.svg": () => import("./plug.DZozve4C.js"), "../../../../icons/dist/assets/plus.svg": () => import("./plus.zdu17kAe.js"), "../../../../icons/dist/assets/printer.svg": () => import("./printer.CaFaWfeS.js"), "../../../../icons/dist/assets/prohibition-sign.svg": () => import("./prohibition-sign.DUFn0QiV.js"), "../../../../icons/dist/assets/questionmark.svg": () => import("./questionmark.QyDxanQy.js"), "../../../../icons/dist/assets/security.svg": () => import("./security.DkLw5ym4.js"), "../../../../icons/dist/assets/share.svg": () => import("./share.C3wwEl8n.js"), "../../../../icons/dist/assets/shirt.svg": () => import("./shirt.BC8W-yCI.js"), "../../../../icons/dist/assets/shop.svg": () => import("./shop.DdPV35mK.js"), "../../../../icons/dist/assets/sound-off.svg": () => import("./sound-off.D4kGcehG.js"), "../../../../icons/dist/assets/sound-on.svg": () => import("./sound-on.Cynkb0_t.js"), "../../../../icons/dist/assets/speechbubble.svg": () => import("./speechbubble.87vuoKUp.js"), "../../../../icons/dist/assets/speechbubbles.svg": () => import("./speechbubbles.CSFhpNJn.js"), "../../../../icons/dist/assets/square.svg": () => import("./square.D6PgEi_r.js"), "../../../../icons/dist/assets/star-half.svg": () => import("./star-half.DZTtM5Bw.js"), "../../../../icons/dist/assets/star.svg": () => import("./star.BkjednvI.js"), "../../../../icons/dist/assets/sun.svg": () => import("./sun.CY6ttzTL.js"), "../../../../icons/dist/assets/tag.svg": () => import("./tag.yO7uMsHj.js"), "../../../../icons/dist/assets/thumbs-down.svg": () => import("./thumbs-down.DeBD6wnK.js"), "../../../../icons/dist/assets/thumbs-up.svg": () => import("./thumbs-up.D-44gexH.js"), "../../../../icons/dist/assets/tiktok.svg": () => import("./tiktok.BWJTDGYm.js"), "../../../../icons/dist/assets/triangle-exclamationmark-colored.svg": () => import("./triangle-exclamationmark-colored.e93zvQ6Q.js"), "../../../../icons/dist/assets/triangle-exclamationmark-inverted.svg": () => import("./triangle-exclamationmark-inverted.BiGoK7TV.js"), "../../../../icons/dist/assets/triangle.svg": () => import("./triangle.ibv6NDnt.js"), "../../../../icons/dist/assets/truck.svg": () => import("./truck.xIk5wW6T.js"), "../../../../icons/dist/assets/twitch.svg": () => import("./twitch.C893cAK8.js"), "../../../../icons/dist/assets/two-people-screen.svg": () => import("./two-people-screen.BBLouaW4.js"), "../../../../icons/dist/assets/two-sheets.svg": () => import("./two-sheets.DWFmuL7N.js"), "../../../../icons/dist/assets/upload.svg": () => import("./upload.BogDfonx.js"), "../../../../icons/dist/assets/user.svg": () => import("./user.BMARueuy.js"), "../../../../icons/dist/assets/variants.svg": () => import("./variants.-R3_RCW8.js"), "../../../../icons/dist/assets/vertical-ellipsis.svg": () => import("./vertical-ellipsis.Bc9eBsDF.js"), "../../../../icons/dist/assets/wc.svg": () => import("./wc.gmKE1r5l.js"), "../../../../icons/dist/assets/weight.svg": () => import("./weight.DUPu2UT0.js"), "../../../../icons/dist/assets/whatsapp.svg": () => import("./whatsapp.CPpu-7Nn.js"), "../../../../icons/dist/assets/wifi-1bar.svg": () => import("./wifi-1bar.BcEP-r8w.js"), "../../../../icons/dist/assets/wifi-2bars.svg": () => import("./wifi-2bars.jDOd4Q3q.js"), "../../../../icons/dist/assets/wifi-off.svg": () => import("./wifi-off.D9xPqVWn.js"), "../../../../icons/dist/assets/wifi.svg": () => import("./wifi.CuQykF6X.js"), "../../../../icons/dist/assets/wind-rose.svg": () => import("./wind-rose.C-XcKdy-.js"), "../../../../icons/dist/assets/wrench.svg": () => import("./wrench.DMFV2S9u.js"), "../../../../icons/dist/assets/x.svg": () => import("./x.BqbpXd7O.js"), "../../../../icons/dist/assets/xing.svg": () => import("./xing.CiKYLbPq.js"), "../../../../icons/dist/assets/youtube.svg": () => import("./youtube.DrImaRSP.js") }), `../../../../icons/dist/assets/${t}.svg`, 8);
} catch (a) {
console.error(Z("DSIcon", a instanceof Error ? a.message : String(a)));
} finally {
n && i(!1);
}
})()), () => {
n = !1;
};
}, [t, e]), {
isLoading: c,
SVGIcon: s.current?.default,
setShouldLoad: o
};
}, fs = (t) => {
const s = W.c(38);
let e, o, c, i, n, r, a;
s[0] !== t ? ({
aria: e,
className: o,
name: n,
size: r,
source: i,
theme: a,
...c
} = t, s[0] = t, s[1] = e, s[2] = o, s[3] = c, s[4] = i, s[5] = n, s[6] = r, s[7] = a) : (e = s[1], o = s[2], c = s[3], i = s[4], n = s[5], r = s[6], a = s[7]);
const m = n === void 0 ? "placeholder" : n, d = r === void 0 ? "large" : r, h = a === void 0 ? "light" : a, {
SVGIcon: b,
isLoading: u,
setShouldLoad: f
} = cs(m), [, w] = C(m);
let l;
s[8] === Symbol.for("react.memo_cache_sentinel") ? (l = {
"x-large": 24,
large: 16,
medium: 12,
small: 10,
"x-small": 8
}, s[8] = l) : l = s[8];
const k = l;
let g;
s[9] !== m || s[10] !== w ? (g = () => {
w(m);
}, s[9] = m, s[10] = w, s[11] = g) : g = s[11];
let p;
s[12] !== m ? (p = [m], s[12] = m, s[13] = p) : p = s[13], P(g, p);
const S = !!i;
let v;
s[14] !== f ? (v = (q) => {
f(q);
}, s[14] = f, s[15] = v) : v = s[15];
let z;
s[16] !== S || s[17] !== v ? (z = {
rootMargin: "200px 0px",
triggerOnce: !0,
fallbackInView: !0,
skip: S,
onChange: v
}, s[16] = S, s[17] = v, s[18] = z) : z = s[18];
const {
ref: E
} = ss(z);
let I;
s[19] !== i ? (I = (q) => (B) => {
i && B && (B.src = q);
}, s[19] = i, s[20] = I) : I = s[20];
const L = I, N = h === "dark" && !i && !m.includes("-colored"), T = d === "x-large", V = d === "medium", O = d === "small", X = d === "x-small";
let R;
s[21] !== o || s[22] !== N || s[23] !== T || s[24] !== V || s[25] !== O || s[26] !== X ? (R = $(y.image, o, {
[y.imageThemeDark]: N,
[y.imageSizeXLarge]: T,
[y.imageSizeMedium]: V,
[y.imageSizeSmall]: O,
[y.imageSizeXSmall]: X
}), s[21] = o, s[22] = N, s[23] = T, s[24] = V, s[25] = O, s[26] = X, s[27] = R) : R = s[27];
const _ = R;
let M;
return s[28] !== b || s[29] !== L || s[30] !== e || s[31] !== _ || s[32] !== u || s[33] !== E || s[34] !== c || s[35] !== d || s[36] !== i ? (M = i ? /* @__PURE__ */ A("img", { className: _, ref: L(i), width: k[d], height: k[d], loading: "lazy", alt: e?.["aria-label"] || "", ...c }) : !u && b ? /* @__PURE__ */ A(b, { className: _, title: e?.["aria-label"] || "", role: e?.["aria-label"] ? "img" : void 0, ...c }) : /* @__PURE__ */ A("div", { className: _, ref: E }), s[28] = b, s[29] = L, s[30] = e, s[31] = _, s[32] = u, s[33] = E, s[34] = c, s[35] = d, s[36] = i, s[37] = M) : M = s[37], M;
};
export {
fs as D,
us as I,
cs as u
};