kaleido-ui 0.1.95 → 0.1.96

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/web/index.cjs +43 -46
  2. package/dist/web/index.js +43 -46
  3. package/package.json +1 -1
package/dist/web/index.cjs CHANGED
@@ -6482,52 +6482,49 @@ var MobileHeroAnimation = ({
6482
6482
  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("animate", { attributeName: "opacity", values: "0.4;0;0.4", dur: "2.5s", repeatCount: "indefinite" })
6483
6483
  ] }) }),
6484
6484
  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("circle", { cx: C, cy: C, r: 80, fill: "none", stroke: "rgba(255,255,255,0.1)", strokeWidth: "1", strokeDasharray: "4 4" }),
6485
- /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("g", { children: [
6486
- anim && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
6487
- "animateTransform",
6488
- {
6489
- attributeName: "transform",
6490
- type: "rotate",
6491
- from: `0 ${C} ${C}`,
6492
- to: `360 ${C} ${C}`,
6493
- dur: "20s",
6494
- repeatCount: "indefinite"
6495
- }
6496
- ),
6497
- PROTOCOLS.map((protocol, i) => {
6498
- const angle = i / N * 2 * Math.PI;
6499
- const dx = Math.cos(angle);
6500
- const dy = Math.sin(angle);
6501
- const x1 = C + dx * 28;
6502
- const y1 = C + dy * 28;
6503
- const x2 = C + dx * (ORBIT_R - BADGE_HALF);
6504
- const y2 = C + dy * (ORBIT_R - BADGE_HALF);
6505
- const color = PROTOCOL_COLORS[protocol.network] ?? "#ffffff";
6506
- const dur = `${2 + i * 0.3}s`;
6507
- return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("g", { children: [
6508
- /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
6509
- "line",
6510
- {
6511
- x1,
6512
- y1,
6513
- x2,
6514
- y2,
6515
- stroke: color,
6516
- strokeWidth: "0.8",
6517
- strokeDasharray: "2 4",
6518
- opacity: "0.25",
6519
- children: anim && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("animate", { attributeName: "stroke-dashoffset", from: "0", to: "-12", dur: `${1.5 + i * 0.2}s`, repeatCount: "indefinite" })
6520
- }
6521
- ),
6522
- /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("circle", { r: "2", fill: color, opacity: "0", children: anim && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_jsx_runtime73.Fragment, { children: [
6523
- /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("animate", { attributeName: "cx", values: `${x1};${x2}`, dur, repeatCount: "indefinite" }),
6524
- /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("animate", { attributeName: "cy", values: `${y1};${y2}`, dur, repeatCount: "indefinite" }),
6525
- /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("animate", { attributeName: "opacity", values: "0;0.85;0", dur, repeatCount: "indefinite" }),
6526
- /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("animate", { attributeName: "r", values: "1.5;2.5;1.5", dur, repeatCount: "indefinite" })
6527
- ] }) })
6528
- ] }, `line-${i}`);
6529
- })
6530
- ] }),
6485
+ /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
6486
+ "g",
6487
+ {
6488
+ style: {
6489
+ animation: anim ? "mha-orbit-spin 20s linear infinite" : void 0,
6490
+ transformOrigin: "50% 50%",
6491
+ transformBox: "view-box"
6492
+ },
6493
+ children: PROTOCOLS.map((protocol, i) => {
6494
+ const angle = i / N * 2 * Math.PI;
6495
+ const dx = Math.cos(angle);
6496
+ const dy = Math.sin(angle);
6497
+ const x1 = C + dx * 28;
6498
+ const y1 = C + dy * 28;
6499
+ const x2 = C + dx * (ORBIT_R - BADGE_HALF);
6500
+ const y2 = C + dy * (ORBIT_R - BADGE_HALF);
6501
+ const color = PROTOCOL_COLORS[protocol.network] ?? "#ffffff";
6502
+ const dur = `${2 + i * 0.3}s`;
6503
+ return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("g", { children: [
6504
+ /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
6505
+ "line",
6506
+ {
6507
+ x1,
6508
+ y1,
6509
+ x2,
6510
+ y2,
6511
+ stroke: color,
6512
+ strokeWidth: "0.8",
6513
+ strokeDasharray: "2 4",
6514
+ opacity: "0.25",
6515
+ children: anim && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("animate", { attributeName: "stroke-dashoffset", from: "0", to: "-12", dur: `${1.5 + i * 0.2}s`, repeatCount: "indefinite" })
6516
+ }
6517
+ ),
6518
+ /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("circle", { r: "2", fill: color, opacity: "0", children: anim && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_jsx_runtime73.Fragment, { children: [
6519
+ /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("animate", { attributeName: "cx", values: `${x1};${x2}`, dur, repeatCount: "indefinite" }),
6520
+ /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("animate", { attributeName: "cy", values: `${y1};${y2}`, dur, repeatCount: "indefinite" }),
6521
+ /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("animate", { attributeName: "opacity", values: "0;0.85;0", dur, repeatCount: "indefinite" }),
6522
+ /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("animate", { attributeName: "r", values: "1.5;2.5;1.5", dur, repeatCount: "indefinite" })
6523
+ ] }) })
6524
+ ] }, `line-${i}`);
6525
+ })
6526
+ }
6527
+ ),
6531
6528
  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("circle", { cx: C, cy: C, r: "42", fill: "url(#mh-center-glow)", children: anim && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("animate", { attributeName: "r", values: "38;46;38", dur: "4s", repeatCount: "indefinite" }) }),
6532
6529
  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("circle", { cx: C, cy: C, r: "29", fill: "none", stroke: "url(#mh-bp)", strokeWidth: "1", opacity: "0", children: anim && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_jsx_runtime73.Fragment, { children: [
6533
6530
  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("animate", { attributeName: "r", values: "27;38", dur: "3s", repeatCount: "indefinite" }),
package/dist/web/index.js CHANGED
@@ -6300,52 +6300,49 @@ var MobileHeroAnimation = ({
6300
6300
  /* @__PURE__ */ jsx73("animate", { attributeName: "opacity", values: "0.4;0;0.4", dur: "2.5s", repeatCount: "indefinite" })
6301
6301
  ] }) }),
6302
6302
  /* @__PURE__ */ jsx73("circle", { cx: C, cy: C, r: 80, fill: "none", stroke: "rgba(255,255,255,0.1)", strokeWidth: "1", strokeDasharray: "4 4" }),
6303
- /* @__PURE__ */ jsxs59("g", { children: [
6304
- anim && /* @__PURE__ */ jsx73(
6305
- "animateTransform",
6306
- {
6307
- attributeName: "transform",
6308
- type: "rotate",
6309
- from: `0 ${C} ${C}`,
6310
- to: `360 ${C} ${C}`,
6311
- dur: "20s",
6312
- repeatCount: "indefinite"
6313
- }
6314
- ),
6315
- PROTOCOLS.map((protocol, i) => {
6316
- const angle = i / N * 2 * Math.PI;
6317
- const dx = Math.cos(angle);
6318
- const dy = Math.sin(angle);
6319
- const x1 = C + dx * 28;
6320
- const y1 = C + dy * 28;
6321
- const x2 = C + dx * (ORBIT_R - BADGE_HALF);
6322
- const y2 = C + dy * (ORBIT_R - BADGE_HALF);
6323
- const color = PROTOCOL_COLORS[protocol.network] ?? "#ffffff";
6324
- const dur = `${2 + i * 0.3}s`;
6325
- return /* @__PURE__ */ jsxs59("g", { children: [
6326
- /* @__PURE__ */ jsx73(
6327
- "line",
6328
- {
6329
- x1,
6330
- y1,
6331
- x2,
6332
- y2,
6333
- stroke: color,
6334
- strokeWidth: "0.8",
6335
- strokeDasharray: "2 4",
6336
- opacity: "0.25",
6337
- children: anim && /* @__PURE__ */ jsx73("animate", { attributeName: "stroke-dashoffset", from: "0", to: "-12", dur: `${1.5 + i * 0.2}s`, repeatCount: "indefinite" })
6338
- }
6339
- ),
6340
- /* @__PURE__ */ jsx73("circle", { r: "2", fill: color, opacity: "0", children: anim && /* @__PURE__ */ jsxs59(Fragment13, { children: [
6341
- /* @__PURE__ */ jsx73("animate", { attributeName: "cx", values: `${x1};${x2}`, dur, repeatCount: "indefinite" }),
6342
- /* @__PURE__ */ jsx73("animate", { attributeName: "cy", values: `${y1};${y2}`, dur, repeatCount: "indefinite" }),
6343
- /* @__PURE__ */ jsx73("animate", { attributeName: "opacity", values: "0;0.85;0", dur, repeatCount: "indefinite" }),
6344
- /* @__PURE__ */ jsx73("animate", { attributeName: "r", values: "1.5;2.5;1.5", dur, repeatCount: "indefinite" })
6345
- ] }) })
6346
- ] }, `line-${i}`);
6347
- })
6348
- ] }),
6303
+ /* @__PURE__ */ jsx73(
6304
+ "g",
6305
+ {
6306
+ style: {
6307
+ animation: anim ? "mha-orbit-spin 20s linear infinite" : void 0,
6308
+ transformOrigin: "50% 50%",
6309
+ transformBox: "view-box"
6310
+ },
6311
+ children: PROTOCOLS.map((protocol, i) => {
6312
+ const angle = i / N * 2 * Math.PI;
6313
+ const dx = Math.cos(angle);
6314
+ const dy = Math.sin(angle);
6315
+ const x1 = C + dx * 28;
6316
+ const y1 = C + dy * 28;
6317
+ const x2 = C + dx * (ORBIT_R - BADGE_HALF);
6318
+ const y2 = C + dy * (ORBIT_R - BADGE_HALF);
6319
+ const color = PROTOCOL_COLORS[protocol.network] ?? "#ffffff";
6320
+ const dur = `${2 + i * 0.3}s`;
6321
+ return /* @__PURE__ */ jsxs59("g", { children: [
6322
+ /* @__PURE__ */ jsx73(
6323
+ "line",
6324
+ {
6325
+ x1,
6326
+ y1,
6327
+ x2,
6328
+ y2,
6329
+ stroke: color,
6330
+ strokeWidth: "0.8",
6331
+ strokeDasharray: "2 4",
6332
+ opacity: "0.25",
6333
+ children: anim && /* @__PURE__ */ jsx73("animate", { attributeName: "stroke-dashoffset", from: "0", to: "-12", dur: `${1.5 + i * 0.2}s`, repeatCount: "indefinite" })
6334
+ }
6335
+ ),
6336
+ /* @__PURE__ */ jsx73("circle", { r: "2", fill: color, opacity: "0", children: anim && /* @__PURE__ */ jsxs59(Fragment13, { children: [
6337
+ /* @__PURE__ */ jsx73("animate", { attributeName: "cx", values: `${x1};${x2}`, dur, repeatCount: "indefinite" }),
6338
+ /* @__PURE__ */ jsx73("animate", { attributeName: "cy", values: `${y1};${y2}`, dur, repeatCount: "indefinite" }),
6339
+ /* @__PURE__ */ jsx73("animate", { attributeName: "opacity", values: "0;0.85;0", dur, repeatCount: "indefinite" }),
6340
+ /* @__PURE__ */ jsx73("animate", { attributeName: "r", values: "1.5;2.5;1.5", dur, repeatCount: "indefinite" })
6341
+ ] }) })
6342
+ ] }, `line-${i}`);
6343
+ })
6344
+ }
6345
+ ),
6349
6346
  /* @__PURE__ */ jsx73("circle", { cx: C, cy: C, r: "42", fill: "url(#mh-center-glow)", children: anim && /* @__PURE__ */ jsx73("animate", { attributeName: "r", values: "38;46;38", dur: "4s", repeatCount: "indefinite" }) }),
6350
6347
  /* @__PURE__ */ jsx73("circle", { cx: C, cy: C, r: "29", fill: "none", stroke: "url(#mh-bp)", strokeWidth: "1", opacity: "0", children: anim && /* @__PURE__ */ jsxs59(Fragment13, { children: [
6351
6348
  /* @__PURE__ */ jsx73("animate", { attributeName: "r", values: "27;38", dur: "3s", repeatCount: "indefinite" }),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kaleido-ui",
3
- "version": "0.1.95",
3
+ "version": "0.1.96",
4
4
  "description": "KaleidoSwap shared UI library — design tokens, web components (Tailwind + Radix), and React Native components extending WDK UI Kit",
5
5
  "license": "MIT",
6
6
  "type": "module",