@cuemath/leap 3.2.34-mb → 3.3.0

package/dist/features/ui/sticker-grid/sticker.js

@@ -0,0 +1,57 @@
+import { jsxs as p, jsx as s } from "react/jsx-runtime";
+import { memo as S, useState as v, useRef as L, useLayoutEffect as M, useCallback as i, useMemo as $ } from "react";
+import g from "../lottie-animation/lottie-animation.js";
+import { StickerContainer as k, StaticEmoji as E, LottieContainer as j } from "./sticker-grid-styles.js";
+const x = ({
+  emoji: a,
+  lottieUrl: c,
+  size: t = 48,
+  onClick: o,
+  disabled: e = !1
+}) => {
+  const [r, u] = v(!1), n = L(null);
+  M(() => {
+    n.current && n.current.playSegments([0, 1], !0);
+  }, []);
+  const f = i(() => {
+    e || u(!0);
+  }, [e]), m = i(() => {
+    e || u(!1);
+  }, [e]), l = i(() => {
+    !e && o && o();
+  }, [e, o]), h = $(
+    () => ({
+      loop: !0,
+      renderer: "canvas",
+      autoplay: r
+    }),
+    [r]
+  );
+  return /* @__PURE__ */ p(
+    k,
+    {
+      $size: t,
+      $disabled: e,
+      onMouseEnter: f,
+      onMouseLeave: m,
+      onClick: l,
+      children: [
+        !r && /* @__PURE__ */ s(E, { $size: t, children: a }),
+        c && /* @__PURE__ */ s(j, { $size: t, children: /* @__PURE__ */ s(
+          g,
+          {
+            ref: n,
+            src: c,
+            width: "100%",
+            height: "100%",
+            settings: h
+          }
+        ) })
+      ]
+    }
+  );
+}, d = S(x);
+export {
+  d as default
+};
+//# sourceMappingURL=sticker.js.map

package/dist/features/ui/sticker-grid/sticker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sticker.js","sources":["../../../../src/features/ui/sticker-grid/sticker.tsx"],"sourcesContent":["import type { ILottieAnimationRef } from '../lottie-animation/types';\nimport type { IStickerProps } from './sticker-grid-types';\n\nimport React, { useCallback, useMemo, useRef, useState, memo, useLayoutEffect } from 'react';\n\nimport LottieAnimation from '../lottie-animation/lottie-animation';\nimport { StickerContainer, StaticEmoji, LottieContainer } from './sticker-grid-styles';\n\nconst Sticker: React.FC<IStickerProps> = ({\n  emoji,\n  lottieUrl,\n  size = 48,\n  onClick,\n  disabled = false,\n}) => {\n  const [isHovered, setIsHovered] = useState(false);\n  const lottieRef = useRef<ILottieAnimationRef>(null);\n\n  useLayoutEffect(() => {\n    if (lottieRef.current) {\n      lottieRef.current.playSegments([0, 1], true);\n    }\n  }, []);\n\n  const handleMouseEnter = useCallback(() => {\n    if (!disabled) setIsHovered(true);\n  }, [disabled]);\n\n  const handleMouseLeave = useCallback(() => {\n    if (!disabled) setIsHovered(false);\n  }, [disabled]);\n\n  const handleClick = useCallback(() => {\n    if (!disabled && onClick) onClick();\n  }, [disabled, onClick]);\n\n  const lottieSettings = useMemo(\n    () => ({\n      loop: true,\n      renderer: 'canvas',\n      autoplay: isHovered,\n    }),\n    [isHovered],\n  );\n\n  return (\n    <StickerContainer\n      $size={size}\n      $disabled={disabled}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      onClick={handleClick}\n    >\n      {!isHovered && <StaticEmoji $size={size}>{emoji}</StaticEmoji>}\n\n      {lottieUrl && (\n        <LottieContainer $size={size}>\n          <LottieAnimation\n            ref={lottieRef}\n            src={lottieUrl}\n            width=\"100%\"\n            height=\"100%\"\n            settings={lottieSettings}\n          />\n        </LottieContainer>\n      )}\n    </StickerContainer>\n  );\n};\n\nexport default memo(Sticker);\n"],"names":["Sticker","emoji","lottieUrl","size","onClick","disabled","isHovered","setIsHovered","useState","lottieRef","useRef","useLayoutEffect","handleMouseEnter","useCallback","handleMouseLeave","handleClick","lottieSettings","useMemo","jsxs","StickerContainer","jsx","StaticEmoji","LottieContainer","LottieAnimation","Sticker$1","memo"],"mappings":";;;;AAQA,MAAMA,IAAmC,CAAC;AAAA,EACxC,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,SAAAC;AAAA,EACA,UAAAC,IAAW;AACb,MAAM;AACJ,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1CC,IAAYC,EAA4B,IAAI;AAElD,EAAAC,EAAgB,MAAM;AACpB,IAAIF,EAAU,WACZA,EAAU,QAAQ,aAAa,CAAC,GAAG,CAAC,GAAG,EAAI;AAAA,EAE/C,GAAG,CAAE,CAAA;AAEC,QAAAG,IAAmBC,EAAY,MAAM;AACrC,IAACR,KAAUE,EAAa,EAAI;AAAA,EAAA,GAC/B,CAACF,CAAQ,CAAC,GAEPS,IAAmBD,EAAY,MAAM;AACrC,IAACR,KAAUE,EAAa,EAAK;AAAA,EAAA,GAChC,CAACF,CAAQ,CAAC,GAEPU,IAAcF,EAAY,MAAM;AAChC,IAAA,CAACR,KAAYD,KAAiBA;EAAA,GACjC,CAACC,GAAUD,CAAO,CAAC,GAEhBY,IAAiBC;AAAA,IACrB,OAAO;AAAA,MACL,MAAM;AAAA,MACN,UAAU;AAAA,MACV,UAAUX;AAAA,IAAA;AAAA,IAEZ,CAACA,CAAS;AAAA,EAAA;AAIV,SAAA,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOhB;AAAA,MACP,WAAWE;AAAA,MACX,cAAcO;AAAA,MACd,cAAcE;AAAA,MACd,SAASC;AAAA,MAER,UAAA;AAAA,QAAA,CAACT,KAAa,gBAAAc,EAACC,GAAY,EAAA,OAAOlB,GAAO,UAAMF,GAAA;AAAA,QAE/CC,KACC,gBAAAkB,EAACE,GAAgB,EAAA,OAAOnB,GACtB,UAAA,gBAAAiB;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,KAAKd;AAAA,YACL,KAAKP;AAAA,YACL,OAAM;AAAA,YACN,QAAO;AAAA,YACP,UAAUc;AAAA,UAAA;AAAA,QAAA,GAEd;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,GAEeQ,IAAAC,EAAKzB,CAAO;"}

package/dist/features/ui/stickers/constants.js

@@ -0,0 +1,6 @@
+const I = 32, E = 48;
+export {
+  E as STICKER_MAX_SIZE,
+  I as STICKER_MIN_SIZE
+};
+//# sourceMappingURL=constants.js.map

package/dist/features/ui/stickers/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/features/ui/stickers/constants.ts"],"sourcesContent":["export const STICKER_MIN_SIZE = 32;\nexport const STICKER_MAX_SIZE = 48;\n"],"names":["STICKER_MIN_SIZE","STICKER_MAX_SIZE"],"mappings":"AAAO,MAAMA,IAAmB,IACnBC,IAAmB;"}

package/dist/features/ui/stickers/stickers-effects.js

@@ -0,0 +1,64 @@
+import { keyframes as r, css as t } from "styled-components";
+import { randomizeDuration as o } from "./stickers-utils.js";
+const s = r`
+  0% {
+    transform: translateY(0vh);
+    opacity: 1;
+  }
+  100% {
+    transform: translateY(-100vh);
+    opacity: 0;
+  }
+`, n = r`
+  0% {
+    transform: translateY(0vh);
+    opacity: 1;
+  }
+  100% {
+    transform: translateY(100vh);
+    opacity: 0;
+  }
+`, e = r`
+  0% {
+    transform: translateX(var(--from-x)) translateY(var(--from-y)) scale(1);
+    opacity: 1;
+  }
+  100% {
+    transform: translateX(0vw) translateY(0vh) scale(1.25);
+    opacity: 0;
+  }
+`, m = r`
+  0% {
+    transform: translateX(0) translateY(0vh);
+    opacity: 1;
+  }
+  35% {
+    transform: translateX(0) translateY(-50vh) scale(1.25);
+    opacity: 1;
+  }
+  60% {
+    transform: translateX(var(--from-x)) translateY(var(--from-y)) scale(1.25);
+    opacity: 0.75;
+  }
+  100% {
+    transform: translateX(var(--from-x)) translateY(-110vh) scale(1.25);
+    opacity: 0;
+  }
+`, i = {
+  float_up: (a) => t`
+    animation: ${s} ${o(a)}ms ease-out forwards;
+  `,
+  fall_down: (a) => t`
+    animation: ${n} ${o(a)}ms ease-out forwards;
+  `,
+  burst_from_edges: (a) => t`
+    animation: ${e} ${o(a)}ms linear forwards;
+  `,
+  pop_expand: (a) => t`
+    animation: ${m} ${a}ms cubic-bezier(0.5, 0.1, 0.7, 1) forwards;
+  `
+};
+export {
+  i as effectAnimations
+};
+//# sourceMappingURL=stickers-effects.js.map

package/dist/features/ui/stickers/stickers-effects.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stickers-effects.js","sources":["../../../../src/features/ui/stickers/stickers-effects.ts"],"sourcesContent":["import type { StickersProps } from './stickers-types';\n\nimport { keyframes, css } from 'styled-components';\n\nimport { randomizeDuration } from './stickers-utils';\n\nconst floatUp = keyframes`\n  0% {\n    transform: translateY(0vh);\n    opacity: 1;\n  }\n  100% {\n    transform: translateY(-100vh);\n    opacity: 0;\n  }\n`;\n\nconst fallDown = keyframes`\n  0% {\n    transform: translateY(0vh);\n    opacity: 1;\n  }\n  100% {\n    transform: translateY(100vh);\n    opacity: 0;\n  }\n`;\n\nconst burstFromEdges = keyframes`\n  0% {\n    transform: translateX(var(--from-x)) translateY(var(--from-y)) scale(1);\n    opacity: 1;\n  }\n  100% {\n    transform: translateX(0vw) translateY(0vh) scale(1.25);\n    opacity: 0;\n  }\n`;\n\nconst popExpand = keyframes`\n  0% {\n    transform: translateX(0) translateY(0vh);\n    opacity: 1;\n  }\n  35% {\n    transform: translateX(0) translateY(-50vh) scale(1.25);\n    opacity: 1;\n  }\n  60% {\n    transform: translateX(var(--from-x)) translateY(var(--from-y)) scale(1.25);\n    opacity: 0.75;\n  }\n  100% {\n    transform: translateX(var(--from-x)) translateY(-110vh) scale(1.25);\n    opacity: 0;\n  }\n`;\n\nexport const effectAnimations: Record<\n  StickersProps['effect'],\n  (duration: number) => ReturnType<typeof css>\n> = {\n  float_up: (duration: number) => css`\n    animation: ${floatUp} ${randomizeDuration(duration)}ms ease-out forwards;\n  `,\n  fall_down: (duration: number) => css`\n    animation: ${fallDown} ${randomizeDuration(duration)}ms ease-out forwards;\n  `,\n  burst_from_edges: (duration: number) => css`\n    animation: ${burstFromEdges} ${randomizeDuration(duration)}ms linear forwards;\n  `,\n  pop_expand: (duration: number) => css`\n    animation: ${popExpand} ${duration}ms cubic-bezier(0.5, 0.1, 0.7, 1) forwards;\n  `,\n};\n"],"names":["floatUp","keyframes","fallDown","burstFromEdges","popExpand","effectAnimations","duration","css","randomizeDuration"],"mappings":";;AAMA,MAAMA,IAAUC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWVC,IAAWD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWXE,IAAiBF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWjBG,IAAYH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAmBLI,IAGT;AAAA,EACF,UAAU,CAACC,MAAqBC;AAAA,iBACjBP,CAAO,IAAIQ,EAAkBF,CAAQ,CAAC;AAAA;AAAA,EAErD,WAAW,CAACA,MAAqBC;AAAA,iBAClBL,CAAQ,IAAIM,EAAkBF,CAAQ,CAAC;AAAA;AAAA,EAEtD,kBAAkB,CAACA,MAAqBC;AAAA,iBACzBJ,CAAc,IAAIK,EAAkBF,CAAQ,CAAC;AAAA;AAAA,EAE5D,YAAY,CAACA,MAAqBC;AAAA,iBACnBH,CAAS,IAAIE,CAAQ;AAAA;AAEtC;"}

package/dist/features/ui/stickers/stickers-styled.js

@@ -0,0 +1,29 @@
+import $, { css as s } from "styled-components";
+import { effectAnimations as n } from "./stickers-effects.js";
+const h = $.div`
+  position: relative;
+  width: 100vw;
+  height: 100vh;
+  background: transparent;
+  pointer-events: none;
+`, a = $.div`
+  position: absolute;
+  z-index: 10;
+
+  left: ${({ x: t }) => `${t}%`};
+  top: ${({ y: t }) => `${t}%`};
+  width: ${({ size: t }) => `${t}px`};
+  height: ${({ size: t }) => `${t}px`};
+  font-size: ${({ size: t }) => `${t}px`};
+
+  ${({ effect: t, duration: i, fromX: o, fromY: e }) => o && e ? s`
+          ${n[t](i)}
+          --from-x: ${o};
+          --from-y: ${e};
+        ` : n[t](i)}
+`;
+export {
+  h as Container,
+  a as Sticker
+};
+//# sourceMappingURL=stickers-styled.js.map

package/dist/features/ui/stickers/stickers-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stickers-styled.js","sources":["../../../../src/features/ui/stickers/stickers-styled.ts"],"sourcesContent":["import type { StickersProps } from './stickers-types';\n\nimport styled, { css } from 'styled-components';\n\nimport { effectAnimations } from './stickers-effects';\n\nexport const Container = styled.div`\n  position: relative;\n  width: 100vw;\n  height: 100vh;\n  background: transparent;\n  pointer-events: none;\n`;\n\nexport const Sticker = styled.div<{\n  effect: StickersProps['effect'];\n  duration: number;\n  fromX?: string;\n  fromY?: string;\n  x: number;\n  y: number;\n  size: number;\n}>`\n  position: absolute;\n  z-index: 10;\n\n  left: ${({ x }) => `${x}%`};\n  top: ${({ y }) => `${y}%`};\n  width: ${({ size }) => `${size}px`};\n  height: ${({ size }) => `${size}px`};\n  font-size: ${({ size }) => `${size}px`};\n\n  ${({ effect, duration, fromX, fromY }) =>\n    fromX && fromY\n      ? css`\n          ${effectAnimations[effect](duration)}\n          --from-x: ${fromX};\n          --from-y: ${fromY};\n        `\n      : effectAnimations[effect](duration)}\n`;\n"],"names":["Container","styled","Sticker","x","y","size","effect","duration","fromX","fromY","css","effectAnimations"],"mappings":";;AAMO,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQnBC,IAAUD,EAAO;AAAA;AAAA;AAAA;AAAA,UAYpB,CAAC,EAAE,GAAAE,EAAQ,MAAA,GAAGA,CAAC,GAAG;AAAA,SACnB,CAAC,EAAE,GAAAC,EAAQ,MAAA,GAAGA,CAAC,GAAG;AAAA,WAChB,CAAC,EAAE,MAAAC,EAAW,MAAA,GAAGA,CAAI,IAAI;AAAA,YACxB,CAAC,EAAE,MAAAA,EAAW,MAAA,GAAGA,CAAI,IAAI;AAAA,eACtB,CAAC,EAAE,MAAAA,EAAW,MAAA,GAAGA,CAAI,IAAI;AAAA;AAAA,IAEpC,CAAC,EAAE,QAAAC,GAAQ,UAAAC,GAAU,OAAAC,GAAO,OAAAC,QAC5BD,KAASC,IACLC;AAAA,YACIC,EAAiBL,CAAM,EAAEC,CAAQ,CAAC;AAAA,sBACxBC,CAAK;AAAA,sBACLC,CAAK;AAAA,YAEnBE,EAAiBL,CAAM,EAAEC,CAAQ,CAAC;AAAA;"}

package/dist/features/ui/stickers/stickers-utils.js

@@ -0,0 +1,91 @@
+const f = (n, s) => {
+  const t = Math.ceil(s / 4), r = Math.floor(n / t), d = n % t, M = ["top", "right", "bottom", "left"][r] ?? "left", h = (d + 0.5) / t * 100, i = (Math.random() - 0.5) * 25, o = Math.min(Math.max(h + i, 0), 100), a = 45 + Math.random() * 10, e = 45 + Math.random() * 10;
+  let l = 0, m = 0;
+  switch (M) {
+    case "top":
+      l = o - a, m = -e + i;
+      break;
+    case "right":
+      l = 100 - a + i, m = o - e;
+      break;
+    case "bottom":
+      l = o - a, m = 100 - e + i;
+      break;
+    case "left":
+      l = -a + i, m = o - e;
+      break;
+  }
+  return {
+    fromX: `${l}vw`,
+    fromY: `${m}vh`,
+    x: a,
+    y: e
+  };
+}, g = (n, s = 10) => {
+  const t = [];
+  let r = 0;
+  const d = n;
+  for (; t.length < n && r < d; ) {
+    const c = Math.floor(Math.random() * (100 - 2 * s) + s);
+    t.every((M) => Math.abs(M - c) >= s) && t.push(c), r++;
+  }
+  for (; t.length < n; )
+    t.push(Math.floor(Math.random() * (100 - 2 * s) + s));
+  return t;
+};
+function x({
+  count: n,
+  effect: s,
+  stickers: t,
+  minSize: r,
+  maxSize: d
+}) {
+  const c = 100 / n * 2, M = () => Math.random() * (d - r) + r, h = [], i = ["float_up", "fall_down"].includes(s) ? g(n, c) : [];
+  for (let o = 0; o < n; o++) {
+    const a = t[o % t.length] ?? "", e = M();
+    if (s === "float_up")
+      h.push({
+        id: o,
+        sticker: a,
+        x: i[o],
+        y: 110 + (Math.random() - 0.5) * e,
+        size: e
+      });
+    else if (s === "fall_down")
+      h.push({
+        id: o,
+        sticker: a,
+        x: i[o],
+        y: -10 + (Math.random() - 0.5) * e,
+        size: e
+      });
+    else if (s === "burst_from_edges") {
+      const { x: l, y: m, fromX: p, fromY: u } = f(o, n);
+      h.push({ id: o, sticker: a, x: l, y: m, fromX: p, fromY: u, size: e });
+    } else s === "pop_expand" ? h.push({
+      id: o,
+      sticker: a,
+      x: 50,
+      y: 100,
+      fromX: `${(Math.random() - 0.5) * 27.5}vw`,
+      fromY: `${-50 - Math.random() * 27.5}vh`,
+      size: e
+    }) : h.push({
+      id: o,
+      sticker: a,
+      x: Math.random() * 100,
+      y: Math.random() * 100,
+      size: e
+    });
+  }
+  return h;
+}
+const v = (n, s = 0.2) => {
+  const t = n * s, r = n - t, d = n + t;
+  return Math.floor(Math.random() * (d - r + 1)) + r;
+};
+export {
+  x as generateStickerData,
+  v as randomizeDuration
+};
+//# sourceMappingURL=stickers-utils.js.map

package/dist/features/ui/stickers/stickers-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stickers-utils.js","sources":["../../../../src/features/ui/stickers/stickers-utils.ts"],"sourcesContent":["import type { StickerDatum, StickersProps } from './stickers-types';\n\nconst getBurstPosition = (\n  index: number,\n  total: number,\n): {\n  fromX: string;\n  fromY: string;\n  x: number;\n  y: number;\n} => {\n  const countPerSide = Math.ceil(total / 4);\n  const sideIndex = Math.floor(index / countPerSide);\n  const pos = index % countPerSide;\n\n  const sides = ['top', 'right', 'bottom', 'left'] as const;\n  const side = sides[sideIndex] ?? 'left';\n\n  const basePercent = ((pos + 0.5) / countPerSide) * 100;\n  const jitter = (Math.random() - 0.5) * 25;\n  const edgePercent = Math.min(Math.max(basePercent + jitter, 0), 100);\n\n  const centerX = 45 + Math.random() * 10;\n  const centerY = 45 + Math.random() * 10;\n\n  let fromX = 0;\n  let fromY = 0;\n\n  switch (side) {\n    case 'top':\n      fromX = edgePercent - centerX;\n      fromY = -centerY + jitter;\n      break;\n    case 'right':\n      fromX = 100 - centerX + jitter;\n      fromY = edgePercent - centerY;\n      break;\n    case 'bottom':\n      fromX = edgePercent - centerX;\n      fromY = 100 - centerY + jitter;\n      break;\n    case 'left':\n      fromX = -centerX + jitter;\n      fromY = edgePercent - centerY;\n      break;\n  }\n\n  return {\n    fromX: `${fromX}vw`,\n    fromY: `${fromY}vh`,\n    x: centerX,\n    y: centerY,\n  };\n};\n\nconst getRandomNonOverlappingPositions = (count: number, buffer = 10): number[] => {\n  const used: number[] = [];\n  let attempts = 0;\n  const maxAttempts = count;\n\n  while (used.length < count && attempts < maxAttempts) {\n    const value = Math.floor(Math.random() * (100 - 2 * buffer) + buffer);\n\n    if (used.every(v => Math.abs(v - value) >= buffer)) {\n      used.push(value);\n    }\n    attempts++;\n  }\n\n  while (used.length < count) {\n    used.push(Math.floor(Math.random() * (100 - 2 * buffer) + buffer));\n  }\n\n  return used;\n};\n\nexport function generateStickerData({\n  count,\n  effect,\n  stickers,\n  minSize,\n  maxSize,\n}: {\n  count: number;\n  effect: StickersProps['effect'];\n  stickers: string[];\n  minSize: number;\n  maxSize: number;\n}): StickerDatum[] {\n  const buffer = (100 / count) * 2;\n  const getSize = () => Math.random() * (maxSize - minSize) + minSize;\n  const result: StickerDatum[] = [];\n  const xPositions = ['float_up', 'fall_down'].includes(effect)\n    ? getRandomNonOverlappingPositions(count, buffer)\n    : [];\n\n  for (let i = 0; i < count; i++) {\n    const sticker = stickers[i % stickers.length] ?? '';\n    const size = getSize();\n\n    if (effect === 'float_up') {\n      result.push({\n        id: i,\n        sticker,\n        x: xPositions[i]!,\n        y: 110 + (Math.random() - 0.5) * size,\n        size,\n      });\n    } else if (effect === 'fall_down') {\n      result.push({\n        id: i,\n        sticker,\n        x: xPositions[i]!,\n        y: -10 + (Math.random() - 0.5) * size,\n        size,\n      });\n    } else if (effect === 'burst_from_edges') {\n      const { x, y, fromX, fromY } = getBurstPosition(i, count);\n\n      result.push({ id: i, sticker, x, y, fromX, fromY, size });\n    } else if (effect === 'pop_expand') {\n      result.push({\n        id: i,\n        sticker,\n        x: 50,\n        y: 100,\n        fromX: `${(Math.random() - 0.5) * 27.5}vw`,\n        fromY: `${-50 - Math.random() * 27.5}vh`,\n        size,\n      });\n    } else {\n      result.push({\n        id: i,\n        sticker,\n        x: Math.random() * 100,\n        y: Math.random() * 100,\n        size,\n      });\n    }\n  }\n\n  return result;\n}\n\nexport const randomizeDuration = (base: number, variancePercent = 0.2): number => {\n  const delta = base * variancePercent;\n  const min = base - delta;\n  const max = base + delta;\n\n  return Math.floor(Math.random() * (max - min + 1)) + min;\n};\n"],"names":["getBurstPosition","index","total","countPerSide","sideIndex","pos","side","basePercent","jitter","edgePercent","centerX","centerY","fromX","fromY","getRandomNonOverlappingPositions","count","buffer","used","attempts","maxAttempts","value","v","generateStickerData","effect","stickers","minSize","maxSize","getSize","result","xPositions","i","sticker","size","x","y","randomizeDuration","base","variancePercent","delta","min","max"],"mappings":"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"}

package/dist/features/ui/stickers/stickers.js

@@ -0,0 +1,40 @@
+import { jsx as a } from "react/jsx-runtime";
+import { memo as E, useState as I, useLayoutEffect as l } from "react";
+import { STICKER_MIN_SIZE as x, STICKER_MAX_SIZE as D } from "./constants.js";
+import { Container as T, Sticker as _ } from "./stickers-styled.js";
+import { generateStickerData as z } from "./stickers-utils.js";
+const C = ({ stickers: i, effect: t, count: m, duration: r }) => {
+  const [c, s] = I([]);
+  return l(() => {
+    const e = z({
+      count: m,
+      effect: t,
+      stickers: i,
+      minSize: x,
+      maxSize: D
+    });
+    s(e);
+    const o = setTimeout(() => s([]), r);
+    return () => clearTimeout(o);
+  }, [i, t, m, r]), /* @__PURE__ */ a(T, { children: c.map((e) => {
+    const { id: o, sticker: n, x: S, y: k, size: p, fromX: u, fromY: f } = e;
+    return /* @__PURE__ */ a(
+      _,
+      {
+        effect: t,
+        duration: r,
+        fromX: u,
+        fromY: f,
+        x: S,
+        y: k,
+        size: p,
+        children: n
+      },
+      o
+    );
+  }) });
+}, R = E(C);
+export {
+  R as default
+};
+//# sourceMappingURL=stickers.js.map

package/dist/features/ui/stickers/stickers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stickers.js","sources":["../../../../src/features/ui/stickers/stickers.tsx"],"sourcesContent":["import type { StickerDatum, StickersProps } from './stickers-types';\n\nimport React, { memo, useLayoutEffect, useState } from 'react';\n\nimport { STICKER_MAX_SIZE, STICKER_MIN_SIZE } from './constants';\nimport { Container, Sticker } from './stickers-styled';\nimport { generateStickerData } from './stickers-utils';\n\nconst Stickers: React.FC<StickersProps> = ({ stickers, effect, count, duration }) => {\n  const [stickersData, setStickersData] = useState<ReturnType<typeof generateStickerData>>([]);\n\n  useLayoutEffect(() => {\n    const stickerData = generateStickerData({\n      count,\n      effect,\n      stickers,\n      minSize: STICKER_MIN_SIZE,\n      maxSize: STICKER_MAX_SIZE,\n    });\n\n    setStickersData(stickerData);\n\n    const timeout = setTimeout(() => setStickersData([]), duration);\n\n    return () => clearTimeout(timeout);\n  }, [stickers, effect, count, duration]);\n\n  return (\n    <Container>\n      {stickersData.map((data: StickerDatum) => {\n        const { id, sticker, x, y, size, fromX, fromY } = data;\n\n        return (\n          <Sticker\n            key={id}\n            effect={effect}\n            duration={duration}\n            fromX={fromX}\n            fromY={fromY}\n            x={x}\n            y={y}\n            size={size}\n          >\n            {sticker}\n          </Sticker>\n        );\n      })}\n    </Container>\n  );\n};\n\nexport default memo(Stickers);\n"],"names":["Stickers","stickers","effect","count","duration","stickersData","setStickersData","useState","useLayoutEffect","stickerData","generateStickerData","STICKER_MIN_SIZE","STICKER_MAX_SIZE","timeout","jsx","Container","data","id","sticker","x","y","size","fromX","fromY","Sticker","memo"],"mappings":";;;;;AAQA,MAAMA,IAAoC,CAAC,EAAE,UAAAC,GAAU,QAAAC,GAAQ,OAAAC,GAAO,UAAAC,QAAe;AACnF,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAiD,CAAE,CAAA;AAE3F,SAAAC,EAAgB,MAAM;AACpB,UAAMC,IAAcC,EAAoB;AAAA,MACtC,OAAAP;AAAA,MACA,QAAAD;AAAA,MACA,UAAAD;AAAA,MACA,SAASU;AAAA,MACT,SAASC;AAAA,IAAA,CACV;AAED,IAAAN,EAAgBG,CAAW;AAE3B,UAAMI,IAAU,WAAW,MAAMP,EAAgB,CAAE,CAAA,GAAGF,CAAQ;AAEvD,WAAA,MAAM,aAAaS,CAAO;AAAA,KAChC,CAACZ,GAAUC,GAAQC,GAAOC,CAAQ,CAAC,GAGnC,gBAAAU,EAAAC,GAAA,EACE,UAAaV,EAAA,IAAI,CAACW,MAAuB;AAClC,UAAA,EAAE,IAAAC,GAAI,SAAAC,GAAS,GAAAC,GAAG,GAAAC,GAAG,MAAAC,GAAM,OAAAC,GAAO,OAAAC,EAAU,IAAAP;AAGhD,WAAA,gBAAAF;AAAA,MAACU;AAAA,MAAA;AAAA,QAEC,QAAAtB;AAAA,QACA,UAAAE;AAAA,QACA,OAAAkB;AAAA,QACA,OAAAC;AAAA,QACA,GAAAJ;AAAA,QACA,GAAAC;AAAA,QACA,MAAAC;AAAA,QAEC,UAAAH;AAAA,MAAA;AAAA,MATID;AAAA,IAAA;AAAA,EAYV,CAAA,EACH,CAAA;AAEJ,GAEehB,IAAAwB,EAAKzB,CAAQ;"}

package/dist/features/ui/theme/get-device.js

@@ -1,5 +1,5 @@
 import { BREAKPOINTS as E, EDeviceType as e } from "./constants.js";
-const D = (r) => r >= E.xlargeDevice ? e.XLARGE_DEVICE : r >= E.largeDevice ? e.LARGE_DEVICE : r >= E.smallDesktop ? e.SMALL_DESKTOP : r >= E.desktop ? e.DESKTOP : r >= E.tablet ? e.TABLET : e.MOBILE;
+const D = (r) => r >= E.xlargeDevice ? e.XLARGE_DEVICE : r >= E.largeDevice ? e.LARGE_DEVICE : r >= E.desktop ? e.DESKTOP : r >= E.smallDesktop ? e.SMALL_DESKTOP : r >= E.tablet ? e.TABLET : e.MOBILE;
 export {
   D as getDevice
 };

package/dist/features/ui/theme/get-device.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-device.js","sources":["../../../../src/features/ui/theme/get-device.ts"],"sourcesContent":["import { BREAKPOINTS, EDeviceType } from './constants';\n\nexport const getDevice = (width: number): EDeviceType => {\n  if (width >= BREAKPOINTS.xlargeDevice) return EDeviceType.XLARGE_DEVICE;\n\n  if (width >= BREAKPOINTS.largeDevice) return EDeviceType.LARGE_DEVICE;\n\n  if (width >= BREAKPOINTS.smallDesktop) return EDeviceType.SMALL_DESKTOP;\n\n  if (width >= BREAKPOINTS.desktop) return EDeviceType.DESKTOP;\n\n  if (width >= BREAKPOINTS.tablet) return EDeviceType.TABLET;\n\n  return EDeviceType.MOBILE;\n};\n"],"names":["getDevice","width","BREAKPOINTS","EDeviceType"],"mappings":";AAEa,MAAAA,IAAY,CAACC,MACpBA,KAASC,EAAY,eAAqBC,EAAY,gBAEtDF,KAASC,EAAY,cAAoBC,EAAY,eAErDF,KAASC,EAAY,eAAqBC,EAAY,gBAEtDF,KAASC,EAAY,UAAgBC,EAAY,UAEjDF,KAASC,EAAY,SAAeC,EAAY,SAE7CA,EAAY;"}
+{"version":3,"file":"get-device.js","sources":["../../../../src/features/ui/theme/get-device.ts"],"sourcesContent":["import { BREAKPOINTS, EDeviceType } from './constants';\n\nexport const getDevice = (width: number): EDeviceType => {\n  if (width >= BREAKPOINTS.xlargeDevice) return EDeviceType.XLARGE_DEVICE;\n\n  if (width >= BREAKPOINTS.largeDevice) return EDeviceType.LARGE_DEVICE;\n\n  if (width >= BREAKPOINTS.desktop) return EDeviceType.DESKTOP;\n\n  if (width >= BREAKPOINTS.smallDesktop) return EDeviceType.SMALL_DESKTOP;\n\n  if (width >= BREAKPOINTS.tablet) return EDeviceType.TABLET;\n\n  return EDeviceType.MOBILE;\n};\n"],"names":["getDevice","width","BREAKPOINTS","EDeviceType"],"mappings":";AAEa,MAAAA,IAAY,CAACC,MACpBA,KAASC,EAAY,eAAqBC,EAAY,gBAEtDF,KAASC,EAAY,cAAoBC,EAAY,eAErDF,KAASC,EAAY,UAAgBC,EAAY,UAEjDF,KAASC,EAAY,eAAqBC,EAAY,gBAEtDF,KAASC,EAAY,SAAeC,EAAY,SAE7CA,EAAY;"}