kaleido-ui 0.1.94 → 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 +44 -47
  2. package/dist/web/index.js +44 -47
  3. package/package.json +1 -1
package/dist/web/index.cjs CHANGED
@@ -2808,7 +2808,7 @@ function OptionSelector({
2808
2808
  !compact && "w-full"
2809
2809
  ),
2810
2810
  children: [
2811
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "truncate", children: selected?.label }),
2811
+ /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "truncate leading-normal", children: selected?.label }),
2812
2812
  /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
2813
2813
  Icon,
2814
2814
  {
@@ -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
@@ -2626,7 +2626,7 @@ function OptionSelector({
2626
2626
  !compact && "w-full"
2627
2627
  ),
2628
2628
  children: [
2629
- /* @__PURE__ */ jsx32("span", { className: "truncate", children: selected?.label }),
2629
+ /* @__PURE__ */ jsx32("span", { className: "truncate leading-normal", children: selected?.label }),
2630
2630
  /* @__PURE__ */ jsx32(
2631
2631
  Icon,
2632
2632
  {
@@ -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.94",
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",