@atme-lab/ui-kit 0.1.23 → 0.1.24

package/dist/index.esm56.js

@@ -1,131 +1,15 @@
 "use client";
-import { j as s } from "./index.esm37.js";
-import T from "./index.esm43.js";
-import { TRIANGLE_TEMPLATES as y } from "./index.esm54.js";
-import e from "./index.esm388.js";
-function D(i) {
-  return `polygon(${i.map(([c, t]) => `${c * 100}% ${t * 100}%`).join(", ")})`;
-}
-function I({ cell: i, colors: o }) {
-  const c = o[i.bgColorIndex] ?? o[0], t = o[i.shapeColorIndex] ?? o[1], a = Math.min(i.width, i.height), {
-    x,
-    y: C,
-    width: j,
-    height: b,
-    shapeType: l,
-    triangleIndex: d,
-    stripeDirection: h,
-    stripeCount: r = 4,
-    stripeMask: v,
-    animationDelay: N,
-    animationDuration: f,
-    animationScaleFrom: $ = 0.9,
-    dotScale: m = 0.45,
-    animationType: p,
-    animationPhase: k = 0
-  } = i, g = h === 1 ? a : a / (r * 2 - 1), u = h === 1 ? a / (r * 2 - 1) : a, P = v ?? Array(r).fill(!0), w = {
-    position: "absolute",
-    left: x,
-    top: C,
-    width: j,
-    height: b,
-    "--cell-delay": `${N}ms`,
-    "--cell-duration": `${f}ms`,
-    "--cell-scale-from": $,
-    "--cell-animation-phase": `${k}ms`
-  };
-  return /* @__PURE__ */ s.jsx("div", { className: e.cell, style: w, "aria-hidden": !0, children: /* @__PURE__ */ s.jsxs(
-    "div",
-    {
-      className: T(
-        e.cellInner,
-        p === "breathe" && e.cellBreathes,
-        p === "pulse" && e.cellPulses,
-        p === "opacity" && e.cellOpacity
-      ),
-      children: [
-        /* @__PURE__ */ s.jsx("div", { className: e.bg, style: { backgroundColor: c } }),
-        l === "circle" && /* @__PURE__ */ s.jsx(
-          "div",
-          {
-            className: e.shapeCircle,
-            style: { backgroundColor: t }
-          }
-        ),
-        l === "dot" && /* @__PURE__ */ s.jsx(
-          "div",
-          {
-            className: e.shapeDot,
-            style: {
-              backgroundColor: t,
-              width: `${m * 100}%`,
-              height: `${m * 100}%`
-            }
-          }
-        ),
-        l === "triangle" && d !== void 0 && y[d] && /* @__PURE__ */ s.jsx(
-          "div",
-          {
-            className: e.shapeTriangle,
-            style: {
-              backgroundColor: t,
-              clipPath: D(y[d])
-            }
-          }
-        ),
-        l === "diamond" && /* @__PURE__ */ s.jsx(
-          "div",
-          {
-            className: e.shapeDiamond,
-            style: { backgroundColor: t }
-          }
-        ),
-        l === "cross" && /* @__PURE__ */ s.jsxs("div", { className: e.shapeCross, children: [
-          /* @__PURE__ */ s.jsx(
-            "div",
-            {
-              className: e.crossBar,
-              style: { backgroundColor: t }
-            }
-          ),
-          /* @__PURE__ */ s.jsx(
-            "div",
-            {
-              className: e.crossBarVertical,
-              style: { backgroundColor: t }
-            }
-          )
-        ] }),
-        l === "stripes" && /* @__PURE__ */ s.jsx("div", { className: e.stripes, children: Array.from(
-          { length: r },
-          (S, n) => P[n] ? /* @__PURE__ */ s.jsx(
-            "div",
-            {
-              className: e.stripe,
-              style: {
-                backgroundColor: t,
-                ...h === 1 ? {
-                  top: `${2 * n * u / a * 100}%`,
-                  left: 0,
-                  width: "100%",
-                  height: `${u / a * 100}%`
-                } : {
-                  left: `${2 * n * g / a * 100}%`,
-                  top: 0,
-                  width: `${g / a * 100}%`,
-                  height: "100%"
-                }
-              }
-            },
-            n
-          ) : null
-        ) })
-      ]
-    }
-  ) });
-}
-I.displayName = "PatternCell";
+const e = "_root_yhe7w_1", o = "_filename_yhe7w_8", r = "_code_yhe7w_15", t = "_error_yhe7w_50", _ = {
+  root: e,
+  filename: o,
+  code: r,
+  error: t
+};
 export {
-  I as PatternCell
+  r as code,
+  _ as default,
+  t as error,
+  o as filename,
+  e as root
 };
 //# sourceMappingURL=index.esm56.js.map

package/dist/index.esm56.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm56.js","sources":["../src/components/content/DecorativeFrame/components/PatternCell/PatternCell.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport type { CellConfig, Point2D } from '../../utils/patternGenerator';\nimport { TRIANGLE_TEMPLATES } from '../../utils/patternGenerator';\nimport styles from './PatternCell.module.pcss';\n\nexport interface PatternCellProps {\n  cell: CellConfig;\n  colors: string[];\n}\n\nfunction polygonClipPath(template: Point2D[]): string {\n  const points = template.map(([px, py]) => `${px * 100}% ${py * 100}%`).join(', ');\n  return `polygon(${points})`;\n}\n\nexport function PatternCell({ cell, colors }: PatternCellProps) {\n  const bgColor = colors[cell.bgColorIndex] ?? colors[0];\n  const shapeColor = colors[cell.shapeColorIndex] ?? colors[1];\n  const size = Math.min(cell.width, cell.height);\n  const {\n    x,\n    y,\n    width: cellWidth,\n    height: cellHeight,\n    shapeType,\n    triangleIndex,\n    stripeDirection,\n    stripeCount = 4,\n    stripeMask,\n    animationDelay,\n    animationDuration,\n    animationScaleFrom = 0.9,\n    dotScale = 0.45,\n    animationType,\n    animationPhase = 0,\n  } = cell;\n\n  const stripeWidth =\n    stripeDirection === 1 ? size : size / (stripeCount * 2 - 1);\n  const stripeHeight =\n    stripeDirection === 1 ? size / (stripeCount * 2 - 1) : size;\n  const visibleStripes = stripeMask ?? Array(stripeCount).fill(true);\n\n  const cellStyle: React.CSSProperties = {\n    position: 'absolute',\n    left: x,\n    top: y,\n    width: cellWidth,\n    height: cellHeight,\n    '--cell-delay': `${animationDelay}ms`,\n    '--cell-duration': `${animationDuration}ms`,\n    '--cell-scale-from': animationScaleFrom,\n    '--cell-animation-phase': `${animationPhase}ms`,\n  } as React.CSSProperties;\n\n  return (\n    <div className={styles.cell} style={cellStyle} aria-hidden>\n      <div\n        className={cn(\n          styles.cellInner,\n          animationType === 'breathe' && styles.cellBreathes,\n          animationType === 'pulse' && styles.cellPulses,\n          animationType === 'opacity' && styles.cellOpacity\n        )}\n      >\n        <div className={styles.bg} style={{ backgroundColor: bgColor }} />\n\n        {shapeType === 'circle' && (\n        <div\n          className={styles.shapeCircle}\n          style={{ backgroundColor: shapeColor }}\n        />\n      )}\n\n      {shapeType === 'dot' && (\n        <div\n          className={styles.shapeDot}\n          style={{\n            backgroundColor: shapeColor,\n            width: `${dotScale * 100}%`,\n            height: `${dotScale * 100}%`,\n          }}\n        />\n      )}\n\n      {shapeType === 'triangle' &&\n        triangleIndex !== undefined &&\n        TRIANGLE_TEMPLATES[triangleIndex] && (\n          <div\n            className={styles.shapeTriangle}\n            style={{\n              backgroundColor: shapeColor,\n              clipPath: polygonClipPath(TRIANGLE_TEMPLATES[triangleIndex]!),\n            }}\n          />\n        )}\n\n      {shapeType === 'diamond' && (\n        <div\n          className={styles.shapeDiamond}\n          style={{ backgroundColor: shapeColor }}\n        />\n      )}\n\n      {shapeType === 'cross' && (\n        <div className={styles.shapeCross}>\n          <div\n            className={styles.crossBar}\n            style={{ backgroundColor: shapeColor }}\n          />\n          <div\n            className={styles.crossBarVertical}\n            style={{ backgroundColor: shapeColor }}\n          />\n        </div>\n      )}\n\n      {shapeType === 'stripes' && (\n        <div className={styles.stripes}>\n          {Array.from({ length: stripeCount }, (_, i) =>\n            visibleStripes[i] ? (\n              <div\n                key={i}\n                className={styles.stripe}\n                style={{\n                  backgroundColor: shapeColor,\n                  ...(stripeDirection === 1\n                  ? {\n                      top: `${((2 * i * stripeHeight) / size) * 100}%`,\n                      left: 0,\n                      width: '100%',\n                      height: `${(stripeHeight / size) * 100}%`,\n                    }\n                  : {\n                      left: `${((2 * i * stripeWidth) / size) * 100}%`,\n                      top: 0,\n                      width: `${(stripeWidth / size) * 100}%`,\n                      height: '100%',\n                    }),\n                }}\n              />\n            ) : null\n          )}\n        </div>\n      )}\n      </div>\n    </div>\n  );\n}\n\nPatternCell.displayName = 'PatternCell';\n"],"names":["polygonClipPath","template","px","py","PatternCell","cell","colors","bgColor","shapeColor","size","y","cellWidth","cellHeight","shapeType","triangleIndex","stripeDirection","stripeCount","stripeMask","animationDelay","animationDuration","animationScaleFrom","dotScale","animationType","animationPhase","stripeWidth","stripeHeight","visibleStripes","cellStyle","jsx","styles","jsxs","cn","TRIANGLE_TEMPLATES","_","i"],"mappings":";;;;;AAWA,SAASA,EAAgBC,GAA6B;AAEpD,SAAO,WADQA,EAAS,IAAI,CAAC,CAACC,GAAIC,CAAE,MAAM,GAAGD,IAAK,GAAG,KAAKC,IAAK,GAAG,GAAG,EAAE,KAAK,IAAI,CACxD;AAC1B;AAEO,SAASC,EAAY,EAAE,MAAAC,GAAM,QAAAC,KAA4B;AAC9D,QAAMC,IAAUD,EAAOD,EAAK,YAAY,KAAKC,EAAO,CAAC,GAC/CE,IAAaF,EAAOD,EAAK,eAAe,KAAKC,EAAO,CAAC,GACrDG,IAAO,KAAK,IAAIJ,EAAK,OAAOA,EAAK,MAAM,GACvC;AAAA,IACJ;AAAA,IACA,GAAAK;AAAA,IACA,OAAOC;AAAA,IACP,QAAQC;AAAA,IACR,WAAAC;AAAA,IACA,eAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,YAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,oBAAAC,IAAqB;AAAA,IACrB,UAAAC,IAAW;AAAA,IACX,eAAAC;AAAA,IACA,gBAAAC,IAAiB;AAAA,EAAA,IACflB,GAEEmB,IACJT,MAAoB,IAAIN,IAAOA,KAAQO,IAAc,IAAI,IACrDS,IACJV,MAAoB,IAAIN,KAAQO,IAAc,IAAI,KAAKP,GACnDiB,IAAiBT,KAAc,MAAMD,CAAW,EAAE,KAAK,EAAI,GAE3DW,IAAiC;AAAA,IACrC,UAAU;AAAA,IACV,MAAM;AAAA,IACN,KAAKjB;AAAA,IACL,OAAOC;AAAA,IACP,QAAQC;AAAA,IACR,gBAAgB,GAAGM,CAAc;AAAA,IACjC,mBAAmB,GAAGC,CAAiB;AAAA,IACvC,qBAAqBC;AAAA,IACrB,0BAA0B,GAAGG,CAAc;AAAA,EAAA;AAG7C,SACEK,gBAAAA,MAAC,SAAI,WAAWC,EAAO,MAAM,OAAOF,GAAW,eAAW,IACxD,UAAAG,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTF,EAAO;AAAA,QACPP,MAAkB,aAAaO,EAAO;AAAA,QACtCP,MAAkB,WAAWO,EAAO;AAAA,QACpCP,MAAkB,aAAaO,EAAO;AAAA,MAAA;AAAA,MAGxC,UAAA;AAAA,QAAAD,gBAAAA,MAAC,OAAA,EAAI,WAAWC,EAAO,IAAI,OAAO,EAAE,iBAAiBtB,KAAW;AAAA,QAE/DM,MAAc,YACfe,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC,EAAO;AAAA,YAClB,OAAO,EAAE,iBAAiBrB,EAAA;AAAA,UAAW;AAAA,QAAA;AAAA,QAIxCK,MAAc,SACbe,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC,EAAO;AAAA,YAClB,OAAO;AAAA,cACL,iBAAiBrB;AAAA,cACjB,OAAO,GAAGa,IAAW,GAAG;AAAA,cACxB,QAAQ,GAAGA,IAAW,GAAG;AAAA,YAAA;AAAA,UAC3B;AAAA,QAAA;AAAA,QAIHR,MAAc,cACbC,MAAkB,UAClBkB,EAAmBlB,CAAa,KAC9Bc,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC,EAAO;AAAA,YAClB,OAAO;AAAA,cACL,iBAAiBrB;AAAA,cACjB,UAAUR,EAAgBgC,EAAmBlB,CAAa,CAAE;AAAA,YAAA;AAAA,UAC9D;AAAA,QAAA;AAAA,QAILD,MAAc,aACbe,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC,EAAO;AAAA,YAClB,OAAO,EAAE,iBAAiBrB,EAAA;AAAA,UAAW;AAAA,QAAA;AAAA,QAIxCK,MAAc,WACbiB,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAWD,EAAO,YACrB,UAAA;AAAA,UAAAD,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWC,EAAO;AAAA,cAClB,OAAO,EAAE,iBAAiBrB,EAAA;AAAA,YAAW;AAAA,UAAA;AAAA,UAEvCoB,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWC,EAAO;AAAA,cAClB,OAAO,EAAE,iBAAiBrB,EAAA;AAAA,YAAW;AAAA,UAAA;AAAA,QACvC,GACF;AAAA,QAGDK,MAAc,aACbe,gBAAAA,EAAAA,IAAC,SAAI,WAAWC,EAAO,SACpB,UAAA,MAAM;AAAA,UAAK,EAAE,QAAQb,EAAA;AAAA,UAAe,CAACiB,GAAGC,MACvCR,EAAeQ,CAAC,IACdN,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cAEC,WAAWC,EAAO;AAAA,cAClB,OAAO;AAAA,gBACL,iBAAiBrB;AAAA,gBACjB,GAAIO,MAAoB,IACtB;AAAA,kBACE,KAAK,GAAK,IAAImB,IAAIT,IAAgBhB,IAAQ,GAAG;AAAA,kBAC7C,MAAM;AAAA,kBACN,OAAO;AAAA,kBACP,QAAQ,GAAIgB,IAAehB,IAAQ,GAAG;AAAA,gBAAA,IAExC;AAAA,kBACE,MAAM,GAAK,IAAIyB,IAAIV,IAAef,IAAQ,GAAG;AAAA,kBAC7C,KAAK;AAAA,kBACL,OAAO,GAAIe,IAAcf,IAAQ,GAAG;AAAA,kBACpC,QAAQ;AAAA,gBAAA;AAAA,cACV;AAAA,YACJ;AAAA,YAjBKyB;AAAA,UAAA,IAmBL;AAAA,QAAA,EACN,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAGJ;AAEJ;AAEA9B,EAAY,cAAc;"}
+{"version":3,"file":"index.esm56.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/index.esm57.js

@@ -1,33 +1,92 @@
 "use client";
-const r = "_wrapper_1xv65_1", p = "_wrapper--error_1xv65_22", _ = "_wrapper--disabled_1xv65_31", e = "_input_1xv65_37", a = "_iconStart_1xv65_62", w = "_iconEnd_1xv65_63", t = "_wrapper--sm_1xv65_72", n = "_wrapper--md_1xv65_82", o = "_wrapper--lg_1xv65_92", s = "_wrapper--fullWidth_1xv65_102", d = {
-  wrapper: r,
-  "wrapper--error": "_wrapper--error_1xv65_22",
-  wrapperError: p,
-  "wrapper--disabled": "_wrapper--disabled_1xv65_31",
-  wrapperDisabled: _,
-  input: e,
-  iconStart: a,
-  iconEnd: w,
-  "wrapper--sm": "_wrapper--sm_1xv65_72",
-  wrapperSm: t,
-  "wrapper--md": "_wrapper--md_1xv65_82",
-  wrapperMd: n,
-  "wrapper--lg": "_wrapper--lg_1xv65_92",
-  wrapperLg: o,
-  "wrapper--fullWidth": "_wrapper--fullWidth_1xv65_102",
-  wrapperFullWidth: s
-};
+const w = [
+  [[0, 0], [1, 0], [0, 1]],
+  [[0, 0], [1, 0], [1, 1]],
+  [[0, 0], [0, 1], [1, 1]],
+  [[0, 1], [1, 0], [1, 1]]
+], F = 9301, X = 49297, R = 233280, k = 4, M = 1, b = 8, H = 0.12, Y = 0.3, E = { circle: 0.2, dot: 0.35, triangle: 0.5, diamond: 0.62, cross: 0.75 }, z = 0.3, V = 0.3, j = 450, v = 320, Z = 300, q = 0.8, J = 0.17, T = 0.25, d = 0.25, K = 0.25, Q = 7e3, $ = 2, W = 5, g = 0.75;
+function _(t, o, s) {
+  return Math.floor(s() * (o - t + 1)) + t;
+}
+function et(t) {
+  return () => (t = (t * F + X) % R, t / R);
+}
+function at(t, o, s, I, r, c = "right", e = 2) {
+  return tt(t, o, s, I, r, c, e);
+}
+function tt(t, o, s, I, r, c, e) {
+  if (t <= 0 || o <= 0) return [];
+  const N = Math.max(k, s), A = Math.max(M, Math.floor(o / N)), i = Math.min(b, Math.max(M, e));
+  let a = 1;
+  for (; a < A && o / (a + 1) >= N; )
+    a++;
+  let n = o / a;
+  n > t && (n = t, a = Math.max(M, Math.floor(o / n)));
+  const y = t / i, L = o / i;
+  if (n = Math.min(n, y, L), n <= 0) return [];
+  a = Math.max(M, Math.floor(o / n));
+  const C = Math.max(M, Math.floor(t / n)), x = () => r() > H, P = (l) => _(Math.max(M, Math.floor(l * Y)), l, r), f = c === "right" || c === "left", O = f ? a : C, u = f ? C : a, p = c === "right" || c === "bottom", S = [];
+  for (let l = 0; l < O; l++) {
+    if (!x()) continue;
+    const m = P(u), D = p ? u - m : 0, U = p ? u : m;
+    for (let h = D; h < U; h++) {
+      const B = f ? h : l, G = f ? l : h;
+      nt(S, B * n, G * n, n, n, I, r);
+    }
+  }
+  return S;
+}
+function ot(t) {
+  const o = t();
+  if (o < E.circle) return { shapeType: "circle" };
+  if (o < E.dot)
+    return { shapeType: "dot", dotScale: z + t() * V };
+  if (o < E.triangle)
+    return {
+      shapeType: "triangle",
+      triangleIndex: _(0, w.length - 1, t)
+    };
+  if (o < E.diamond) return { shapeType: "diamond" };
+  if (o < E.cross) return { shapeType: "cross" };
+  const s = _($, W, t);
+  return {
+    shapeType: "stripes",
+    stripeDirection: t() > 0.35 ? 1 : 0,
+    stripeCount: s,
+    stripeMask: Array.from({ length: s }, () => t() > 1 - g)
+  };
+}
+function nt(t, o, s, I, r, c, e) {
+  const N = _(0, c - 1, e);
+  let A = _(0, c - 1, e);
+  for (; A === N; )
+    A = _(0, c - 1, e);
+  const i = ot(e), a = e();
+  let n;
+  a < T ? n = "breathe" : a < T + d ? n = "pulse" : a < T + d + K && (n = "opacity"), t.push({
+    x: o,
+    y: s,
+    width: I,
+    height: r,
+    bgColorIndex: N,
+    shapeColorIndex: A,
+    shapeType: i.shapeType,
+    triangleIndex: i.triangleIndex,
+    stripeDirection: i.stripeDirection,
+    stripeCount: i.stripeCount,
+    stripeMask: i.stripeMask,
+    animationDelay: Math.floor(e() * j),
+    animationDuration: v + Math.floor(e() * Z),
+    animationScaleFrom: q + e() * J,
+    dotScale: i.dotScale,
+    animationType: n,
+    animationPhase: n ? Math.floor(e() * Q) : void 0
+  });
+}
 export {
-  d as default,
-  w as iconEnd,
-  a as iconStart,
-  e as input,
-  r as wrapper,
-  _ as wrapperDisabled,
-  p as wrapperError,
-  s as wrapperFullWidth,
-  o as wrapperLg,
-  n as wrapperMd,
-  t as wrapperSm
+  w as TRIANGLE_TEMPLATES,
+  et as createSeededRandom,
+  at as generatePattern,
+  _ as getRandomInt
 };
 //# sourceMappingURL=index.esm57.js.map

package/dist/index.esm57.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm57.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.esm57.js","sources":["../src/components/content/DecorativeFrame/utils/patternGenerator.ts"],"sourcesContent":["export type Point2D = [number, number];\n\nexport const TRIANGLE_TEMPLATES: Point2D[][] = [\n  [[0, 0], [1, 0], [0, 1]],\n  [[0, 0], [1, 0], [1, 1]],\n  [[0, 0], [0, 1], [1, 1]],\n  [[0, 1], [1, 0], [1, 1]],\n];\n\nexport type ShapeType =\n  | 'circle'\n  | 'dot'\n  | 'triangle'\n  | 'diamond'\n  | 'cross'\n  | 'stripes'\n  | null;\n\nexport interface CellConfig {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  bgColorIndex: number;\n  shapeColorIndex: number;\n  shapeType: ShapeType;\n  triangleIndex?: number;\n  stripeDirection?: 0 | 1;\n  stripeCount?: number;\n  stripeMask?: boolean[];\n  animationDelay: number;\n  animationDuration: number;\n  animationScaleFrom?: number;\n  dotScale?: number;\n  animationType?: 'breathe' | 'pulse' | 'opacity';\n  animationPhase?: number;\n}\n\nconst RNG_MULTIPLIER = 9301;\nconst RNG_INCREMENT = 49297;\nconst RNG_MODULUS = 233280;\n\nconst MIN_BOX_SIZE = 4;\nconst STRIP_LINES_MIN = 1;\nconst STRIP_LINES_MAX = 8;\nconst EMPTY_ROW_CHANCE = 0.12;\nconst FILL_COUNT_MIN_RATIO = 0.3;\n\nconst SHAPE_PROB = { circle: 0.2, dot: 0.35, triangle: 0.5, diamond: 0.62, cross: 0.75 } as const;\nconst DOT_SCALE_MIN = 0.3;\nconst DOT_SCALE_RANGE = 0.3;\nconst ANIM_DELAY_MAX = 450;\nconst ANIM_DURATION_MIN = 320;\nconst ANIM_DURATION_RANGE = 300;\nconst ANIM_SCALE_FROM_MIN = 0.8;\nconst ANIM_SCALE_FROM_RANGE = 0.17;\n// Animation\nconst ANIM_BREATHE_CHANCE = 0.25;\nconst ANIM_PULSE_CHANCE = 0.25;\nconst ANIM_OPACITY_CHANCE = 0.25;\nconst ANIM_PHASE_MAX = 7000;\nconst STRIPE_COUNT_MIN = 2;\nconst STRIPE_COUNT_MAX = 5;\nconst STRIPE_VISIBLE_CHANCE = 0.75;\n\nexport function getRandomInt(min: number, max: number, rng: () => number): number {\n  return Math.floor(rng() * (max - min + 1)) + min;\n}\n\nexport function createSeededRandom(seed: number): () => number {\n  return () => {\n    seed = (seed * RNG_MULTIPLIER + RNG_INCREMENT) % RNG_MODULUS;\n    return seed / RNG_MODULUS;\n  };\n}\n\nexport type PatternEdge = 'top' | 'right' | 'bottom' | 'left';\n\nexport function generatePattern(\n  stripWidth: number,\n  stripHeight: number,\n  boxSize: number,\n  colorCount: number,\n  rng: () => number,\n  edge: PatternEdge = 'right',\n  stripDensity: number = 2\n): CellConfig[] {\n  return generateEdgePattern(stripWidth, stripHeight, boxSize, colorCount, rng, edge, stripDensity);\n}\n\nfunction generateEdgePattern(\n  stripWidth: number,\n  stripHeight: number,\n  boxSize: number,\n  colorCount: number,\n  rng: () => number,\n  edge: PatternEdge,\n  stripDensity: number\n): CellConfig[] {\n  if (stripWidth <= 0 || stripHeight <= 0) return [];\n\n  const safeBoxSize = Math.max(MIN_BOX_SIZE, boxSize);\n  const maxRows = Math.max(STRIP_LINES_MIN, Math.floor(stripHeight / safeBoxSize));\n  const minLines = Math.min(STRIP_LINES_MAX, Math.max(STRIP_LINES_MIN, stripDensity));\n\n  let rowCount = 1;\n  while (rowCount < maxRows && stripHeight / (rowCount + 1) >= safeBoxSize) {\n    rowCount++;\n  }\n\n  let cellSize = stripHeight / rowCount;\n  if (cellSize > stripWidth) {\n    cellSize = stripWidth;\n    rowCount = Math.max(STRIP_LINES_MIN, Math.floor(stripHeight / cellSize));\n  }\n\n  const maxCellByWidth = stripWidth / minLines;\n  const maxCellByHeight = stripHeight / minLines;\n  cellSize = Math.min(cellSize, maxCellByWidth, maxCellByHeight);\n  if (cellSize <= 0) return [];\n\n  rowCount = Math.max(STRIP_LINES_MIN, Math.floor(stripHeight / cellSize));\n  const colCount = Math.max(STRIP_LINES_MIN, Math.floor(stripWidth / cellSize));\n\n  const shouldFill = () => rng() > EMPTY_ROW_CHANCE;\n  const fillCount = (max: number) =>\n    getRandomInt(Math.max(STRIP_LINES_MIN, Math.floor(max * FILL_COUNT_MIN_RATIO)), max, rng);\n\n  const isVerticalStrip = edge === 'right' || edge === 'left';\n  const primaryCount = isVerticalStrip ? rowCount : colCount;\n  const secondaryCount = isVerticalStrip ? colCount : rowCount;\n  const isEndEdge = edge === 'right' || edge === 'bottom';\n\n  const cells: CellConfig[] = [];\n\n  for (let i = 0; i < primaryCount; i++) {\n    if (!shouldFill()) continue;\n\n    const count = fillCount(secondaryCount);\n    const start = isEndEdge ? secondaryCount - count : 0;\n    const end = isEndEdge ? secondaryCount : count;\n\n    for (let j = start; j < end; j++) {\n      const col = isVerticalStrip ? j : i;\n      const row = isVerticalStrip ? i : j;\n      pushCell(cells, col * cellSize, row * cellSize, cellSize, cellSize, colorCount, rng);\n    }\n  }\n\n  return cells;\n}\n\nfunction pickShapeType(rng: () => number): {\n  shapeType: ShapeType;\n  triangleIndex?: number;\n  stripeDirection?: 0 | 1;\n  stripeCount?: number;\n  stripeMask?: boolean[];\n  dotScale?: number;\n} {\n  const roll = rng();\n\n  if (roll < SHAPE_PROB.circle) return { shapeType: 'circle' };\n  if (roll < SHAPE_PROB.dot) {\n    return { shapeType: 'dot', dotScale: DOT_SCALE_MIN + rng() * DOT_SCALE_RANGE };\n  }\n  if (roll < SHAPE_PROB.triangle) {\n    return {\n      shapeType: 'triangle',\n      triangleIndex: getRandomInt(0, TRIANGLE_TEMPLATES.length - 1, rng),\n    };\n  }\n  if (roll < SHAPE_PROB.diamond) return { shapeType: 'diamond' };\n  if (roll < SHAPE_PROB.cross) return { shapeType: 'cross' };\n\n  const stripeCount = getRandomInt(STRIPE_COUNT_MIN, STRIPE_COUNT_MAX, rng);\n  return {\n    shapeType: 'stripes',\n    stripeDirection: rng() > 0.35 ? 1 : 0,\n    stripeCount,\n    stripeMask: Array.from({ length: stripeCount }, () => rng() > 1 - STRIPE_VISIBLE_CHANCE),\n  };\n}\n\nfunction pushCell(\n  cells: CellConfig[],\n  x: number,\n  y: number,\n  width: number,\n  height: number,\n  colorCount: number,\n  rng: () => number\n): void {\n  const bgColorIndex = getRandomInt(0, colorCount - 1, rng);\n  let shapeColorIndex = getRandomInt(0, colorCount - 1, rng);\n  while (shapeColorIndex === bgColorIndex) {\n    shapeColorIndex = getRandomInt(0, colorCount - 1, rng);\n  }\n\n  const shape = pickShapeType(rng);\n\n  const roll = rng();\n  let animationType: 'breathe' | 'pulse' | 'opacity' | undefined;\n  if (roll < ANIM_BREATHE_CHANCE) animationType = 'breathe';\n  else if (roll < ANIM_BREATHE_CHANCE + ANIM_PULSE_CHANCE) animationType = 'pulse';\n  else if (roll < ANIM_BREATHE_CHANCE + ANIM_PULSE_CHANCE + ANIM_OPACITY_CHANCE) animationType = 'opacity';\n\n  cells.push({\n    x,\n    y,\n    width,\n    height,\n    bgColorIndex,\n    shapeColorIndex,\n    shapeType: shape.shapeType,\n    triangleIndex: shape.triangleIndex,\n    stripeDirection: shape.stripeDirection,\n    stripeCount: shape.stripeCount,\n    stripeMask: shape.stripeMask,\n    animationDelay: Math.floor(rng() * ANIM_DELAY_MAX),\n    animationDuration: ANIM_DURATION_MIN + Math.floor(rng() * ANIM_DURATION_RANGE),\n    animationScaleFrom: ANIM_SCALE_FROM_MIN + rng() * ANIM_SCALE_FROM_RANGE,\n    dotScale: shape.dotScale,\n    animationType,\n    animationPhase: animationType ? Math.floor(rng() * ANIM_PHASE_MAX) : undefined,\n  });\n}\n"],"names":["TRIANGLE_TEMPLATES","RNG_MULTIPLIER","RNG_INCREMENT","RNG_MODULUS","MIN_BOX_SIZE","STRIP_LINES_MIN","STRIP_LINES_MAX","EMPTY_ROW_CHANCE","FILL_COUNT_MIN_RATIO","SHAPE_PROB","DOT_SCALE_MIN","DOT_SCALE_RANGE","ANIM_DELAY_MAX","ANIM_DURATION_MIN","ANIM_DURATION_RANGE","ANIM_SCALE_FROM_MIN","ANIM_SCALE_FROM_RANGE","ANIM_BREATHE_CHANCE","ANIM_PULSE_CHANCE","ANIM_OPACITY_CHANCE","ANIM_PHASE_MAX","STRIPE_COUNT_MIN","STRIPE_COUNT_MAX","STRIPE_VISIBLE_CHANCE","getRandomInt","min","max","rng","createSeededRandom","seed","generatePattern","stripWidth","stripHeight","boxSize","colorCount","edge","stripDensity","generateEdgePattern","safeBoxSize","maxRows","minLines","rowCount","cellSize","maxCellByWidth","maxCellByHeight","colCount","shouldFill","fillCount","isVerticalStrip","primaryCount","secondaryCount","isEndEdge","cells","i","count","start","end","j","col","row","pushCell","pickShapeType","roll","stripeCount","x","y","width","height","bgColorIndex","shapeColorIndex","shape","animationType"],"mappings":"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"}

package/dist/index.esm58.js

@@ -1,69 +1,39 @@
 "use client";
-const y = "_typography_1c1gg_1", p = "_typography--h1_1c1gg_8", g = "_typography--h2_1c1gg_15", o = "_typography--h3_1c1gg_22", r = "_typography--h4_1c1gg_29", t = "_typography--h5_1c1gg_36", a = "_typography--h6_1c1gg_43", _ = "_typography--body_1c1gg_50", h = "_typography--caption_1c1gg_57", c = "_typography--overline_1c1gg_64", l = "_typography--xs_1c1gg_74", s = "_typography--sm_1c1gg_78", n = "_typography--base_1c1gg_82", e = "_typography--lg_1c1gg_86", i = "_typography--xl_1c1gg_90", d = "_typography--2xl_1c1gg_94", x = "_typography--3xl_1c1gg_98", H = "_typography--4xl_1c1gg_102", b = "_typography--color-primary_1c1gg_107", m = "_typography--color-secondary_1c1gg_111", X = "_typography--color-disabled_1c1gg_115", C = {
-  typography: y,
-  "typography--h1": "_typography--h1_1c1gg_8",
-  typographyH1: p,
-  "typography--h2": "_typography--h2_1c1gg_15",
-  typographyH2: g,
-  "typography--h3": "_typography--h3_1c1gg_22",
-  typographyH3: o,
-  "typography--h4": "_typography--h4_1c1gg_29",
-  typographyH4: r,
-  "typography--h5": "_typography--h5_1c1gg_36",
-  typographyH5: t,
-  "typography--h6": "_typography--h6_1c1gg_43",
-  typographyH6: a,
-  "typography--body": "_typography--body_1c1gg_50",
-  typographyBody: _,
-  "typography--caption": "_typography--caption_1c1gg_57",
-  typographyCaption: h,
-  "typography--overline": "_typography--overline_1c1gg_64",
-  typographyOverline: c,
-  "typography--xs": "_typography--xs_1c1gg_74",
-  typographyXs: l,
-  "typography--sm": "_typography--sm_1c1gg_78",
-  typographySm: s,
-  "typography--base": "_typography--base_1c1gg_82",
-  typographyBase: n,
-  "typography--lg": "_typography--lg_1c1gg_86",
-  typographyLg: e,
-  "typography--xl": "_typography--xl_1c1gg_90",
-  typographyXl: i,
-  "typography--2xl": "_typography--2xl_1c1gg_94",
-  typography2Xl: d,
-  "typography--3xl": "_typography--3xl_1c1gg_98",
-  typography3Xl: x,
-  "typography--4xl": "_typography--4xl_1c1gg_102",
-  typography4Xl: H,
-  "typography--color-primary": "_typography--color-primary_1c1gg_107",
-  typographyColorPrimary: b,
-  "typography--color-secondary": "_typography--color-secondary_1c1gg_111",
-  typographyColorSecondary: m,
-  "typography--color-disabled": "_typography--color-disabled_1c1gg_115",
-  typographyColorDisabled: X
+const t = "_root_mptdu_1", o = "_root--edge-top_mptdu_6", r = "_root--edge-bottom_mptdu_10", _ = "_root--edge-left_mptdu_14", p = "_root--edge-right_mptdu_18", e = "_content_mptdu_22", s = "_strip_mptdu_28", d = "_strip--top_mptdu_36", i = "_strip--bottom_mptdu_37", g = "_strip--left_mptdu_42", m = "_strip--right_mptdu_43", u = "_stripMirror_mptdu_48", n = {
+  root: t,
+  "root--edge-top": "_root--edge-top_mptdu_6",
+  rootEdgeTop: o,
+  "root--edge-bottom": "_root--edge-bottom_mptdu_10",
+  rootEdgeBottom: r,
+  "root--edge-left": "_root--edge-left_mptdu_14",
+  rootEdgeLeft: _,
+  "root--edge-right": "_root--edge-right_mptdu_18",
+  rootEdgeRight: p,
+  content: e,
+  strip: s,
+  "strip--top": "_strip--top_mptdu_36",
+  stripTop: d,
+  "strip--bottom": "_strip--bottom_mptdu_37",
+  stripBottom: i,
+  "strip--left": "_strip--left_mptdu_42",
+  stripLeft: g,
+  "strip--right": "_strip--right_mptdu_43",
+  stripRight: m,
+  stripMirror: u
 };
 export {
-  C as default,
-  y as typography,
-  d as typography2Xl,
-  x as typography3Xl,
-  H as typography4Xl,
-  n as typographyBase,
-  _ as typographyBody,
-  h as typographyCaption,
-  X as typographyColorDisabled,
-  b as typographyColorPrimary,
-  m as typographyColorSecondary,
-  p as typographyH1,
-  g as typographyH2,
-  o as typographyH3,
-  r as typographyH4,
-  t as typographyH5,
-  a as typographyH6,
-  e as typographyLg,
-  c as typographyOverline,
-  s as typographySm,
-  i as typographyXl,
-  l as typographyXs
+  e as content,
+  n as default,
+  t as root,
+  r as rootEdgeBottom,
+  _ as rootEdgeLeft,
+  p as rootEdgeRight,
+  o as rootEdgeTop,
+  s as strip,
+  i as stripBottom,
+  g as stripLeft,
+  u as stripMirror,
+  m as stripRight,
+  d as stripTop
 };
 //# sourceMappingURL=index.esm58.js.map

package/dist/index.esm58.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm58.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.esm58.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.esm59.js

@@ -1,45 +1,131 @@
 "use client";
-const a = "_island_1pzuz_1", n = "_island--size-sm_1pzuz_7", i = "_island--size-md_1pzuz_11", l = "_island--size-lg_1pzuz_15", s = "_island--variant-default_1pzuz_20", e = "_island--variant-paper_1pzuz_24", d = "_island--variant-accent_1pzuz_28", _ = "_island--elevation-none_1pzuz_33", t = "_island--elevation-sm_1pzuz_37", z = "_island--elevation-md_1pzuz_41", o = "_island--elevation-lg_1pzuz_45", p = "_island--elevation-xl_1pzuz_49", v = "_island--bordered_1pzuz_54", u = {
-  island: a,
-  "island--size-sm": "_island--size-sm_1pzuz_7",
-  islandSizeSm: n,
-  "island--size-md": "_island--size-md_1pzuz_11",
-  islandSizeMd: i,
-  "island--size-lg": "_island--size-lg_1pzuz_15",
-  islandSizeLg: l,
-  "island--variant-default": "_island--variant-default_1pzuz_20",
-  islandVariantDefault: s,
-  "island--variant-paper": "_island--variant-paper_1pzuz_24",
-  islandVariantPaper: e,
-  "island--variant-accent": "_island--variant-accent_1pzuz_28",
-  islandVariantAccent: d,
-  "island--elevation-none": "_island--elevation-none_1pzuz_33",
-  islandElevationNone: _,
-  "island--elevation-sm": "_island--elevation-sm_1pzuz_37",
-  islandElevationSm: t,
-  "island--elevation-md": "_island--elevation-md_1pzuz_41",
-  islandElevationMd: z,
-  "island--elevation-lg": "_island--elevation-lg_1pzuz_45",
-  islandElevationLg: o,
-  "island--elevation-xl": "_island--elevation-xl_1pzuz_49",
-  islandElevationXl: p,
-  "island--bordered": "_island--bordered_1pzuz_54",
-  islandBordered: v
-};
+import { j as s } from "./index.esm37.js";
+import T from "./index.esm43.js";
+import { TRIANGLE_TEMPLATES as y } from "./index.esm57.js";
+import e from "./index.esm388.js";
+function D(i) {
+  return `polygon(${i.map(([c, t]) => `${c * 100}% ${t * 100}%`).join(", ")})`;
+}
+function I({ cell: i, colors: o }) {
+  const c = o[i.bgColorIndex] ?? o[0], t = o[i.shapeColorIndex] ?? o[1], a = Math.min(i.width, i.height), {
+    x,
+    y: C,
+    width: j,
+    height: b,
+    shapeType: l,
+    triangleIndex: d,
+    stripeDirection: h,
+    stripeCount: r = 4,
+    stripeMask: v,
+    animationDelay: N,
+    animationDuration: f,
+    animationScaleFrom: $ = 0.9,
+    dotScale: m = 0.45,
+    animationType: p,
+    animationPhase: k = 0
+  } = i, g = h === 1 ? a : a / (r * 2 - 1), u = h === 1 ? a / (r * 2 - 1) : a, P = v ?? Array(r).fill(!0), w = {
+    position: "absolute",
+    left: x,
+    top: C,
+    width: j,
+    height: b,
+    "--cell-delay": `${N}ms`,
+    "--cell-duration": `${f}ms`,
+    "--cell-scale-from": $,
+    "--cell-animation-phase": `${k}ms`
+  };
+  return /* @__PURE__ */ s.jsx("div", { className: e.cell, style: w, "aria-hidden": !0, children: /* @__PURE__ */ s.jsxs(
+    "div",
+    {
+      className: T(
+        e.cellInner,
+        p === "breathe" && e.cellBreathes,
+        p === "pulse" && e.cellPulses,
+        p === "opacity" && e.cellOpacity
+      ),
+      children: [
+        /* @__PURE__ */ s.jsx("div", { className: e.bg, style: { backgroundColor: c } }),
+        l === "circle" && /* @__PURE__ */ s.jsx(
+          "div",
+          {
+            className: e.shapeCircle,
+            style: { backgroundColor: t }
+          }
+        ),
+        l === "dot" && /* @__PURE__ */ s.jsx(
+          "div",
+          {
+            className: e.shapeDot,
+            style: {
+              backgroundColor: t,
+              width: `${m * 100}%`,
+              height: `${m * 100}%`
+            }
+          }
+        ),
+        l === "triangle" && d !== void 0 && y[d] && /* @__PURE__ */ s.jsx(
+          "div",
+          {
+            className: e.shapeTriangle,
+            style: {
+              backgroundColor: t,
+              clipPath: D(y[d])
+            }
+          }
+        ),
+        l === "diamond" && /* @__PURE__ */ s.jsx(
+          "div",
+          {
+            className: e.shapeDiamond,
+            style: { backgroundColor: t }
+          }
+        ),
+        l === "cross" && /* @__PURE__ */ s.jsxs("div", { className: e.shapeCross, children: [
+          /* @__PURE__ */ s.jsx(
+            "div",
+            {
+              className: e.crossBar,
+              style: { backgroundColor: t }
+            }
+          ),
+          /* @__PURE__ */ s.jsx(
+            "div",
+            {
+              className: e.crossBarVertical,
+              style: { backgroundColor: t }
+            }
+          )
+        ] }),
+        l === "stripes" && /* @__PURE__ */ s.jsx("div", { className: e.stripes, children: Array.from(
+          { length: r },
+          (S, n) => P[n] ? /* @__PURE__ */ s.jsx(
+            "div",
+            {
+              className: e.stripe,
+              style: {
+                backgroundColor: t,
+                ...h === 1 ? {
+                  top: `${2 * n * u / a * 100}%`,
+                  left: 0,
+                  width: "100%",
+                  height: `${u / a * 100}%`
+                } : {
+                  left: `${2 * n * g / a * 100}%`,
+                  top: 0,
+                  width: `${g / a * 100}%`,
+                  height: "100%"
+                }
+              }
+            },
+            n
+          ) : null
+        ) })
+      ]
+    }
+  ) });
+}
+I.displayName = "PatternCell";
 export {
-  u as default,
-  a as island,
-  v as islandBordered,
-  o as islandElevationLg,
-  z as islandElevationMd,
-  _ as islandElevationNone,
-  t as islandElevationSm,
-  p as islandElevationXl,
-  l as islandSizeLg,
-  i as islandSizeMd,
-  n as islandSizeSm,
-  d as islandVariantAccent,
-  s as islandVariantDefault,
-  e as islandVariantPaper
+  I as PatternCell
 };
 //# sourceMappingURL=index.esm59.js.map

package/dist/index.esm59.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm59.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.esm59.js","sources":["../src/components/content/DecorativeFrame/components/PatternCell/PatternCell.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport type { CellConfig, Point2D } from '../../utils/patternGenerator';\nimport { TRIANGLE_TEMPLATES } from '../../utils/patternGenerator';\nimport styles from './PatternCell.module.pcss';\n\nexport interface PatternCellProps {\n  cell: CellConfig;\n  colors: string[];\n}\n\nfunction polygonClipPath(template: Point2D[]): string {\n  const points = template.map(([px, py]) => `${px * 100}% ${py * 100}%`).join(', ');\n  return `polygon(${points})`;\n}\n\nexport function PatternCell({ cell, colors }: PatternCellProps) {\n  const bgColor = colors[cell.bgColorIndex] ?? colors[0];\n  const shapeColor = colors[cell.shapeColorIndex] ?? colors[1];\n  const size = Math.min(cell.width, cell.height);\n  const {\n    x,\n    y,\n    width: cellWidth,\n    height: cellHeight,\n    shapeType,\n    triangleIndex,\n    stripeDirection,\n    stripeCount = 4,\n    stripeMask,\n    animationDelay,\n    animationDuration,\n    animationScaleFrom = 0.9,\n    dotScale = 0.45,\n    animationType,\n    animationPhase = 0,\n  } = cell;\n\n  const stripeWidth =\n    stripeDirection === 1 ? size : size / (stripeCount * 2 - 1);\n  const stripeHeight =\n    stripeDirection === 1 ? size / (stripeCount * 2 - 1) : size;\n  const visibleStripes = stripeMask ?? Array(stripeCount).fill(true);\n\n  const cellStyle: React.CSSProperties = {\n    position: 'absolute',\n    left: x,\n    top: y,\n    width: cellWidth,\n    height: cellHeight,\n    '--cell-delay': `${animationDelay}ms`,\n    '--cell-duration': `${animationDuration}ms`,\n    '--cell-scale-from': animationScaleFrom,\n    '--cell-animation-phase': `${animationPhase}ms`,\n  } as React.CSSProperties;\n\n  return (\n    <div className={styles.cell} style={cellStyle} aria-hidden>\n      <div\n        className={cn(\n          styles.cellInner,\n          animationType === 'breathe' && styles.cellBreathes,\n          animationType === 'pulse' && styles.cellPulses,\n          animationType === 'opacity' && styles.cellOpacity\n        )}\n      >\n        <div className={styles.bg} style={{ backgroundColor: bgColor }} />\n\n        {shapeType === 'circle' && (\n        <div\n          className={styles.shapeCircle}\n          style={{ backgroundColor: shapeColor }}\n        />\n      )}\n\n      {shapeType === 'dot' && (\n        <div\n          className={styles.shapeDot}\n          style={{\n            backgroundColor: shapeColor,\n            width: `${dotScale * 100}%`,\n            height: `${dotScale * 100}%`,\n          }}\n        />\n      )}\n\n      {shapeType === 'triangle' &&\n        triangleIndex !== undefined &&\n        TRIANGLE_TEMPLATES[triangleIndex] && (\n          <div\n            className={styles.shapeTriangle}\n            style={{\n              backgroundColor: shapeColor,\n              clipPath: polygonClipPath(TRIANGLE_TEMPLATES[triangleIndex]!),\n            }}\n          />\n        )}\n\n      {shapeType === 'diamond' && (\n        <div\n          className={styles.shapeDiamond}\n          style={{ backgroundColor: shapeColor }}\n        />\n      )}\n\n      {shapeType === 'cross' && (\n        <div className={styles.shapeCross}>\n          <div\n            className={styles.crossBar}\n            style={{ backgroundColor: shapeColor }}\n          />\n          <div\n            className={styles.crossBarVertical}\n            style={{ backgroundColor: shapeColor }}\n          />\n        </div>\n      )}\n\n      {shapeType === 'stripes' && (\n        <div className={styles.stripes}>\n          {Array.from({ length: stripeCount }, (_, i) =>\n            visibleStripes[i] ? (\n              <div\n                key={i}\n                className={styles.stripe}\n                style={{\n                  backgroundColor: shapeColor,\n                  ...(stripeDirection === 1\n                  ? {\n                      top: `${((2 * i * stripeHeight) / size) * 100}%`,\n                      left: 0,\n                      width: '100%',\n                      height: `${(stripeHeight / size) * 100}%`,\n                    }\n                  : {\n                      left: `${((2 * i * stripeWidth) / size) * 100}%`,\n                      top: 0,\n                      width: `${(stripeWidth / size) * 100}%`,\n                      height: '100%',\n                    }),\n                }}\n              />\n            ) : null\n          )}\n        </div>\n      )}\n      </div>\n    </div>\n  );\n}\n\nPatternCell.displayName = 'PatternCell';\n"],"names":["polygonClipPath","template","px","py","PatternCell","cell","colors","bgColor","shapeColor","size","y","cellWidth","cellHeight","shapeType","triangleIndex","stripeDirection","stripeCount","stripeMask","animationDelay","animationDuration","animationScaleFrom","dotScale","animationType","animationPhase","stripeWidth","stripeHeight","visibleStripes","cellStyle","jsx","styles","jsxs","cn","TRIANGLE_TEMPLATES","_","i"],"mappings":";;;;;AAWA,SAASA,EAAgBC,GAA6B;AAEpD,SAAO,WADQA,EAAS,IAAI,CAAC,CAACC,GAAIC,CAAE,MAAM,GAAGD,IAAK,GAAG,KAAKC,IAAK,GAAG,GAAG,EAAE,KAAK,IAAI,CACxD;AAC1B;AAEO,SAASC,EAAY,EAAE,MAAAC,GAAM,QAAAC,KAA4B;AAC9D,QAAMC,IAAUD,EAAOD,EAAK,YAAY,KAAKC,EAAO,CAAC,GAC/CE,IAAaF,EAAOD,EAAK,eAAe,KAAKC,EAAO,CAAC,GACrDG,IAAO,KAAK,IAAIJ,EAAK,OAAOA,EAAK,MAAM,GACvC;AAAA,IACJ;AAAA,IACA,GAAAK;AAAA,IACA,OAAOC;AAAA,IACP,QAAQC;AAAA,IACR,WAAAC;AAAA,IACA,eAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,YAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,oBAAAC,IAAqB;AAAA,IACrB,UAAAC,IAAW;AAAA,IACX,eAAAC;AAAA,IACA,gBAAAC,IAAiB;AAAA,EAAA,IACflB,GAEEmB,IACJT,MAAoB,IAAIN,IAAOA,KAAQO,IAAc,IAAI,IACrDS,IACJV,MAAoB,IAAIN,KAAQO,IAAc,IAAI,KAAKP,GACnDiB,IAAiBT,KAAc,MAAMD,CAAW,EAAE,KAAK,EAAI,GAE3DW,IAAiC;AAAA,IACrC,UAAU;AAAA,IACV,MAAM;AAAA,IACN,KAAKjB;AAAA,IACL,OAAOC;AAAA,IACP,QAAQC;AAAA,IACR,gBAAgB,GAAGM,CAAc;AAAA,IACjC,mBAAmB,GAAGC,CAAiB;AAAA,IACvC,qBAAqBC;AAAA,IACrB,0BAA0B,GAAGG,CAAc;AAAA,EAAA;AAG7C,SACEK,gBAAAA,MAAC,SAAI,WAAWC,EAAO,MAAM,OAAOF,GAAW,eAAW,IACxD,UAAAG,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTF,EAAO;AAAA,QACPP,MAAkB,aAAaO,EAAO;AAAA,QACtCP,MAAkB,WAAWO,EAAO;AAAA,QACpCP,MAAkB,aAAaO,EAAO;AAAA,MAAA;AAAA,MAGxC,UAAA;AAAA,QAAAD,gBAAAA,MAAC,OAAA,EAAI,WAAWC,EAAO,IAAI,OAAO,EAAE,iBAAiBtB,KAAW;AAAA,QAE/DM,MAAc,YACfe,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC,EAAO;AAAA,YAClB,OAAO,EAAE,iBAAiBrB,EAAA;AAAA,UAAW;AAAA,QAAA;AAAA,QAIxCK,MAAc,SACbe,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC,EAAO;AAAA,YAClB,OAAO;AAAA,cACL,iBAAiBrB;AAAA,cACjB,OAAO,GAAGa,IAAW,GAAG;AAAA,cACxB,QAAQ,GAAGA,IAAW,GAAG;AAAA,YAAA;AAAA,UAC3B;AAAA,QAAA;AAAA,QAIHR,MAAc,cACbC,MAAkB,UAClBkB,EAAmBlB,CAAa,KAC9Bc,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC,EAAO;AAAA,YAClB,OAAO;AAAA,cACL,iBAAiBrB;AAAA,cACjB,UAAUR,EAAgBgC,EAAmBlB,CAAa,CAAE;AAAA,YAAA;AAAA,UAC9D;AAAA,QAAA;AAAA,QAILD,MAAc,aACbe,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC,EAAO;AAAA,YAClB,OAAO,EAAE,iBAAiBrB,EAAA;AAAA,UAAW;AAAA,QAAA;AAAA,QAIxCK,MAAc,WACbiB,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAWD,EAAO,YACrB,UAAA;AAAA,UAAAD,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWC,EAAO;AAAA,cAClB,OAAO,EAAE,iBAAiBrB,EAAA;AAAA,YAAW;AAAA,UAAA;AAAA,UAEvCoB,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWC,EAAO;AAAA,cAClB,OAAO,EAAE,iBAAiBrB,EAAA;AAAA,YAAW;AAAA,UAAA;AAAA,QACvC,GACF;AAAA,QAGDK,MAAc,aACbe,gBAAAA,EAAAA,IAAC,SAAI,WAAWC,EAAO,SACpB,UAAA,MAAM;AAAA,UAAK,EAAE,QAAQb,EAAA;AAAA,UAAe,CAACiB,GAAGC,MACvCR,EAAeQ,CAAC,IACdN,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cAEC,WAAWC,EAAO;AAAA,cAClB,OAAO;AAAA,gBACL,iBAAiBrB;AAAA,gBACjB,GAAIO,MAAoB,IACtB;AAAA,kBACE,KAAK,GAAK,IAAImB,IAAIT,IAAgBhB,IAAQ,GAAG;AAAA,kBAC7C,MAAM;AAAA,kBACN,OAAO;AAAA,kBACP,QAAQ,GAAIgB,IAAehB,IAAQ,GAAG;AAAA,gBAAA,IAExC;AAAA,kBACE,MAAM,GAAK,IAAIyB,IAAIV,IAAef,IAAQ,GAAG;AAAA,kBAC7C,KAAK;AAAA,kBACL,OAAO,GAAIe,IAAcf,IAAQ,GAAG;AAAA,kBACpC,QAAQ;AAAA,gBAAA;AAAA,cACV;AAAA,YACJ;AAAA,YAjBKyB;AAAA,UAAA,IAmBL;AAAA,QAAA,EACN,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAGJ;AAEJ;AAEA9B,EAAY,cAAc;"}

package/dist/index.esm60.js

@@ -1,15 +1,13 @@
 "use client";
-const t = "_wrapper_15oje_1", o = "_term_15oje_6", e = "_tooltip_15oje_13", p = "_tooltipMeasure_15oje_31", r = {
-  wrapper: t,
-  term: o,
-  tooltip: e,
-  tooltipMeasure: p
+const n = "_link_10e20_1", l = "_linkText_10e20_33", e = "_linkIcon_10e20_38", t = {
+  link: n,
+  linkText: l,
+  linkIcon: e
 };
 export {
-  r as default,
-  o as term,
-  e as tooltip,
-  p as tooltipMeasure,
-  t as wrapper
+  t as default,
+  n as link,
+  e as linkIcon,
+  l as linkText
 };
 //# sourceMappingURL=index.esm60.js.map