npm - @almadar/ui - Versions diffs - 2.15.11 → 2.15.13 - Mend

@almadar/ui 2.15.11 → 2.15.13

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 (7) hide show

package/dist/components/index.cjs +4 -4
package/dist/components/index.js +4 -4
package/dist/illustrations/index.cjs +72 -108
package/dist/illustrations/index.js +72 -108
package/dist/marketing/index.cjs +4 -4
package/dist/marketing/index.js +4 -4
package/package.json +1 -1

package/dist/components/index.cjs CHANGED Viewed

@@ -14945,7 +14945,7 @@ var HeroSection = ({
       className: cn(
         "w-full min-h-[60vh] flex items-center justify-center",
         "px-6 py-20",
-        "relative overflow-x-hidden overflow-y-visible",
+        "relative overflow-hidden",
         className
       ),
       children: [
@@ -15376,9 +15376,9 @@ var SplitSection = ({
         className
       ),
       padding: "lg",
-      children: /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: cn("flex flex-col lg:flex-row gap-10 lg:gap-16 items-start", isImageLeft && "lg:flex-row-reverse"), children: [
-        textContent,
-        mediaContent
+      children: /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: cn("max-w-7xl mx-auto flex flex-col lg:flex-row gap-10 lg:gap-16 items-start", isImageLeft && "lg:flex-row-reverse"), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "flex-1 min-w-0 lg:min-w-[45%]", children: textContent }),
+        /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "flex-1 min-w-0 lg:max-w-[50%]", children: mediaContent })
       ] })
     }
   );

package/dist/components/index.js CHANGED Viewed

@@ -14914,7 +14914,7 @@ var HeroSection = ({
       className: cn(
         "w-full min-h-[60vh] flex items-center justify-center",
         "px-6 py-20",
-        "relative overflow-x-hidden overflow-y-visible",
+        "relative overflow-hidden",
         className
       ),
       children: [
@@ -15345,9 +15345,9 @@ var SplitSection = ({
         className
       ),
       padding: "lg",
-      children: /* @__PURE__ */ jsxs(Box, { className: cn("flex flex-col lg:flex-row gap-10 lg:gap-16 items-start", isImageLeft && "lg:flex-row-reverse"), children: [
-        textContent,
-        mediaContent
+      children: /* @__PURE__ */ jsxs(Box, { className: cn("max-w-7xl mx-auto flex flex-col lg:flex-row gap-10 lg:gap-16 items-start", isImageLeft && "lg:flex-row-reverse"), children: [
+        /* @__PURE__ */ jsx(Box, { className: "flex-1 min-w-0 lg:min-w-[45%]", children: textContent }),
+        /* @__PURE__ */ jsx(Box, { className: "flex-1 min-w-0 lg:max-w-[50%]", children: mediaContent })
       ] })
     }
   );

package/dist/illustrations/index.cjs CHANGED Viewed

@@ -2484,40 +2484,19 @@ var SharedReality = ({
 };
 SharedReality.displayName = "SharedReality";
 var standardLibraryId = 0;
-var RING_DATA = [
-  {
-    r: 70,
-    clusters: [
-      { angle: 0, dots: 3 },
-      { angle: 1.57, dots: 2 },
-      { angle: 3.14, dots: 3 },
-      { angle: 4.71, dots: 2 }
-    ]
-  },
-  {
-    r: 120,
-    clusters: [
-      { angle: 0.5, dots: 3 },
-      { angle: 1.3, dots: 2 },
-      { angle: 2.1, dots: 3 },
-      { angle: 3.5, dots: 2 },
-      { angle: 4.3, dots: 3 },
-      { angle: 5.5, dots: 2 }
-    ]
-  },
-  {
-    r: 170,
-    clusters: [
-      { angle: 0.3, dots: 2 },
-      { angle: 1, dots: 2 },
-      { angle: 1.7, dots: 1 },
-      { angle: 2.4, dots: 2 },
-      { angle: 3.1, dots: 2 },
-      { angle: 3.9, dots: 1 },
-      { angle: 4.6, dots: 2 },
-      { angle: 5.6, dots: 2 }
-    ]
-  }
+var GROUPS = [
+  { x: 300, y: 80, dots: 5 },
+  // top
+  { x: 430, y: 140, dots: 4 },
+  // top-right
+  { x: 430, y: 260, dots: 5 },
+  // bottom-right
+  { x: 300, y: 320, dots: 4 },
+  // bottom
+  { x: 170, y: 260, dots: 5 },
+  // bottom-left
+  { x: 170, y: 140, dots: 4 }
+  // top-left
 ];
 var StandardLibrary = ({
   className,
@@ -2527,13 +2506,7 @@ var StandardLibrary = ({
   const ids = React__default.default.useMemo(() => {
     standardLibraryId += 1;
     const base = `sl-${standardLibraryId}`;
-    return {
-      glow: `${base}-glow`,
-      grad1: `${base}-g1`,
-      grad2: `${base}-g2`,
-      grad3: `${base}-g3`,
-      nucGlow: `${base}-ng`
-    };
+    return { glow: `${base}-glow`, groupGlow: `${base}-gg` };
   }, []);
   const cx = 300;
   const cy = 200;
@@ -2546,87 +2519,78 @@ var StandardLibrary = ({
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("defs", { children: [
           /* @__PURE__ */ jsxRuntime.jsxs("filter", { id: ids.glow, x: "-50%", y: "-50%", width: "200%", height: "200%", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("feGaussianBlur", { in: "SourceGraphic", stdDeviation: "4", result: "blur" }),
+            /* @__PURE__ */ jsxRuntime.jsx("feGaussianBlur", { in: "SourceGraphic", stdDeviation: "3", result: "blur" }),
             /* @__PURE__ */ jsxRuntime.jsxs("feMerge", { children: [
               /* @__PURE__ */ jsxRuntime.jsx("feMergeNode", { in: "blur" }),
               /* @__PURE__ */ jsxRuntime.jsx("feMergeNode", { in: "SourceGraphic" })
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("radialGradient", { id: ids.nucGlow, cx: "50%", cy: "50%", r: "50%", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0%", stopColor: color, stopOpacity: 0.25 }),
+          /* @__PURE__ */ jsxRuntime.jsxs("radialGradient", { id: ids.groupGlow, cx: "50%", cy: "50%", r: "50%", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0%", stopColor: color, stopOpacity: 0.1 }),
             /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "100%", stopColor: color, stopOpacity: 0 })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: ids.grad1, x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0%", stopColor: color, stopOpacity: 0.35 }),
-            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "50%", stopColor: color, stopOpacity: 0.15 }),
-            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "100%", stopColor: color, stopOpacity: 0.35 })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: ids.grad2, x1: "100%", y1: "0%", x2: "0%", y2: "100%", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0%", stopColor: color, stopOpacity: 0.25 }),
-            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "50%", stopColor: color, stopOpacity: 0.1 }),
-            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "100%", stopColor: color, stopOpacity: 0.25 })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: ids.grad3, x1: "0%", y1: "100%", x2: "100%", y2: "0%", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0%", stopColor: color, stopOpacity: 0.2 }),
-            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "50%", stopColor: color, stopOpacity: 0.06 }),
-            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "100%", stopColor: color, stopOpacity: 0.2 })
           ] })
         ] }),
         animated && /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
-          @keyframes sl-orbit { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
+          @keyframes sl-pulse { 0%, 100% { opacity: 0.4; } 50% { opacity: 0.7; } }
         ` }),
-        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx, cy, r: 190, fill: "none", stroke: color, strokeWidth: 0.3, opacity: 0.03 }),
-        [ids.grad1, ids.grad2, ids.grad3].map((gradId, ri) => /* @__PURE__ */ jsxRuntime.jsx(
-          "circle",
+        GROUPS.map((g, i) => /* @__PURE__ */ jsxRuntime.jsx(
+          "line",
           {
-            cx,
-            cy,
-            r: RING_DATA[ri].r,
-            fill: "none",
-            stroke: `url(#${gradId})`,
-            strokeWidth: ri === 0 ? 1.5 : 1,
-            strokeDasharray: ri === 2 ? "3 6" : void 0
+            x1: cx,
+            y1: cy,
+            x2: g.x,
+            y2: g.y,
+            stroke: color,
+            strokeWidth: 0.8,
+            opacity: 0.1,
+            strokeDasharray: "4 6"
           },
-          `ring-${ri}`
+          `conn-${i}`
         )),
-        RING_DATA.map((ring, ri) => /* @__PURE__ */ jsxRuntime.jsx(
-          "g",
-          {
-            style: animated ? {
-              transformOrigin: `${cx}px ${cy}px`,
-              animation: `sl-orbit ${40 + ri * 20}s linear infinite${ri % 2 === 1 ? " reverse" : ""}`
-            } : void 0,
-            children: ring.clusters.map((cluster, ci) => {
-              const basex = cx + Math.cos(cluster.angle) * ring.r;
-              const basey = cy + Math.sin(cluster.angle) * ring.r;
-              const opacity = ri === 0 ? 0.6 : ri === 1 ? 0.45 : 0.3;
-              const dotR = ri === 0 ? 3.5 : ri === 1 ? 3 : 2.5;
-              return /* @__PURE__ */ jsxRuntime.jsxs("g", { children: [
-                Array.from({ length: cluster.dots }, (_, di) => {
-                  const offsetAngle = cluster.angle + (di - (cluster.dots - 1) / 2) * 0.12;
-                  const offsetR = ring.r + (di % 2 === 0 ? 6 : -6);
-                  const dx = cx + Math.cos(offsetAngle) * offsetR;
-                  const dy = cy + Math.sin(offsetAngle) * offsetR;
-                  return /* @__PURE__ */ jsxRuntime.jsx(
-                    "circle",
-                    {
-                      cx: dx,
-                      cy: dy,
-                      r: dotR,
-                      fill: color,
-                      opacity
-                    },
-                    `dot-${ri}-${ci}-${di}`
-                  );
-                }),
-                /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: basex, cy: basey, r: dotR + 1, fill: color, opacity: opacity * 0.7 })
-              ] }, `cluster-${ri}-${ci}`);
+        GROUPS.map((g, i) => {
+          const next = GROUPS[(i + 1) % GROUPS.length];
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            "line",
+            {
+              x1: g.x,
+              y1: g.y,
+              x2: next.x,
+              y2: next.y,
+              stroke: color,
+              strokeWidth: 0.5,
+              opacity: 0.06
+            },
+            `adj-${i}`
+          );
+        }),
+        GROUPS.map((group, gi) => {
+          const dotR = 3;
+          const spread = 14;
+          return /* @__PURE__ */ jsxRuntime.jsxs("g", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: group.x, cy: group.y, r: 28, fill: `url(#${ids.groupGlow})` }),
+            /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: group.x, cy: group.y, r: 24, fill: "none", stroke: color, strokeWidth: 0.7, opacity: 0.15 }),
+            Array.from({ length: group.dots }, (_, di) => {
+              const angle = di / group.dots * Math.PI * 2 - Math.PI / 2;
+              const r = di === 0 ? 0 : spread * 0.55;
+              const dx = di === 0 ? group.x : group.x + Math.cos(angle) * r;
+              const dy = di === 0 ? group.y : group.y + Math.sin(angle) * r;
+              return /* @__PURE__ */ jsxRuntime.jsx(
+                "circle",
+                {
+                  cx: dx,
+                  cy: dy,
+                  r: di === 0 ? dotR + 1 : dotR,
+                  fill: color,
+                  opacity: di === 0 ? 0.6 : 0.35,
+                  style: animated && di === 0 ? { animation: `sl-pulse 3s ease-in-out ${gi * 0.4}s infinite` } : void 0
+                },
+                `dot-${gi}-${di}`
+              );
             })
-          },
-          `ring-clusters-${ri}`
-        )),
-        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx, cy, r: 25, fill: `url(#${ids.nucGlow})` }),
-        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx, cy, r: 8, fill: color, opacity: 0.7, filter: `url(#${ids.glow})` })
+          ] }, `group-${gi}`);
+        }),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx, cy, r: 16, fill: "none", stroke: color, strokeWidth: 1, opacity: 0.25 }),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx, cy, r: 6, fill: color, opacity: 0.6, filter: `url(#${ids.glow})` })
       ]
     }
   );

package/dist/illustrations/index.js CHANGED Viewed

@@ -2478,40 +2478,19 @@ var SharedReality = ({
 };
 SharedReality.displayName = "SharedReality";
 var standardLibraryId = 0;
-var RING_DATA = [
-  {
-    r: 70,
-    clusters: [
-      { angle: 0, dots: 3 },
-      { angle: 1.57, dots: 2 },
-      { angle: 3.14, dots: 3 },
-      { angle: 4.71, dots: 2 }
-    ]
-  },
-  {
-    r: 120,
-    clusters: [
-      { angle: 0.5, dots: 3 },
-      { angle: 1.3, dots: 2 },
-      { angle: 2.1, dots: 3 },
-      { angle: 3.5, dots: 2 },
-      { angle: 4.3, dots: 3 },
-      { angle: 5.5, dots: 2 }
-    ]
-  },
-  {
-    r: 170,
-    clusters: [
-      { angle: 0.3, dots: 2 },
-      { angle: 1, dots: 2 },
-      { angle: 1.7, dots: 1 },
-      { angle: 2.4, dots: 2 },
-      { angle: 3.1, dots: 2 },
-      { angle: 3.9, dots: 1 },
-      { angle: 4.6, dots: 2 },
-      { angle: 5.6, dots: 2 }
-    ]
-  }
+var GROUPS = [
+  { x: 300, y: 80, dots: 5 },
+  // top
+  { x: 430, y: 140, dots: 4 },
+  // top-right
+  { x: 430, y: 260, dots: 5 },
+  // bottom-right
+  { x: 300, y: 320, dots: 4 },
+  // bottom
+  { x: 170, y: 260, dots: 5 },
+  // bottom-left
+  { x: 170, y: 140, dots: 4 }
+  // top-left
 ];
 var StandardLibrary = ({
   className,
@@ -2521,13 +2500,7 @@ var StandardLibrary = ({
   const ids = React.useMemo(() => {
     standardLibraryId += 1;
     const base = `sl-${standardLibraryId}`;
-    return {
-      glow: `${base}-glow`,
-      grad1: `${base}-g1`,
-      grad2: `${base}-g2`,
-      grad3: `${base}-g3`,
-      nucGlow: `${base}-ng`
-    };
+    return { glow: `${base}-glow`, groupGlow: `${base}-gg` };
   }, []);
   const cx = 300;
   const cy = 200;
@@ -2540,87 +2513,78 @@ var StandardLibrary = ({
       children: [
         /* @__PURE__ */ jsxs("defs", { children: [
           /* @__PURE__ */ jsxs("filter", { id: ids.glow, x: "-50%", y: "-50%", width: "200%", height: "200%", children: [
-            /* @__PURE__ */ jsx("feGaussianBlur", { in: "SourceGraphic", stdDeviation: "4", result: "blur" }),
+            /* @__PURE__ */ jsx("feGaussianBlur", { in: "SourceGraphic", stdDeviation: "3", result: "blur" }),
             /* @__PURE__ */ jsxs("feMerge", { children: [
               /* @__PURE__ */ jsx("feMergeNode", { in: "blur" }),
               /* @__PURE__ */ jsx("feMergeNode", { in: "SourceGraphic" })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs("radialGradient", { id: ids.nucGlow, cx: "50%", cy: "50%", r: "50%", children: [
-            /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: color, stopOpacity: 0.25 }),
+          /* @__PURE__ */ jsxs("radialGradient", { id: ids.groupGlow, cx: "50%", cy: "50%", r: "50%", children: [
+            /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: color, stopOpacity: 0.1 }),
             /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: color, stopOpacity: 0 })
-          ] }),
-          /* @__PURE__ */ jsxs("linearGradient", { id: ids.grad1, x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
-            /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: color, stopOpacity: 0.35 }),
-            /* @__PURE__ */ jsx("stop", { offset: "50%", stopColor: color, stopOpacity: 0.15 }),
-            /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: color, stopOpacity: 0.35 })
-          ] }),
-          /* @__PURE__ */ jsxs("linearGradient", { id: ids.grad2, x1: "100%", y1: "0%", x2: "0%", y2: "100%", children: [
-            /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: color, stopOpacity: 0.25 }),
-            /* @__PURE__ */ jsx("stop", { offset: "50%", stopColor: color, stopOpacity: 0.1 }),
-            /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: color, stopOpacity: 0.25 })
-          ] }),
-          /* @__PURE__ */ jsxs("linearGradient", { id: ids.grad3, x1: "0%", y1: "100%", x2: "100%", y2: "0%", children: [
-            /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: color, stopOpacity: 0.2 }),
-            /* @__PURE__ */ jsx("stop", { offset: "50%", stopColor: color, stopOpacity: 0.06 }),
-            /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: color, stopOpacity: 0.2 })
           ] })
         ] }),
         animated && /* @__PURE__ */ jsx("style", { children: `
-          @keyframes sl-orbit { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
+          @keyframes sl-pulse { 0%, 100% { opacity: 0.4; } 50% { opacity: 0.7; } }
         ` }),
-        /* @__PURE__ */ jsx("circle", { cx, cy, r: 190, fill: "none", stroke: color, strokeWidth: 0.3, opacity: 0.03 }),
-        [ids.grad1, ids.grad2, ids.grad3].map((gradId, ri) => /* @__PURE__ */ jsx(
-          "circle",
+        GROUPS.map((g, i) => /* @__PURE__ */ jsx(
+          "line",
           {
-            cx,
-            cy,
-            r: RING_DATA[ri].r,
-            fill: "none",
-            stroke: `url(#${gradId})`,
-            strokeWidth: ri === 0 ? 1.5 : 1,
-            strokeDasharray: ri === 2 ? "3 6" : void 0
+            x1: cx,
+            y1: cy,
+            x2: g.x,
+            y2: g.y,
+            stroke: color,
+            strokeWidth: 0.8,
+            opacity: 0.1,
+            strokeDasharray: "4 6"
           },
-          `ring-${ri}`
+          `conn-${i}`
         )),
-        RING_DATA.map((ring, ri) => /* @__PURE__ */ jsx(
-          "g",
-          {
-            style: animated ? {
-              transformOrigin: `${cx}px ${cy}px`,
-              animation: `sl-orbit ${40 + ri * 20}s linear infinite${ri % 2 === 1 ? " reverse" : ""}`
-            } : void 0,
-            children: ring.clusters.map((cluster, ci) => {
-              const basex = cx + Math.cos(cluster.angle) * ring.r;
-              const basey = cy + Math.sin(cluster.angle) * ring.r;
-              const opacity = ri === 0 ? 0.6 : ri === 1 ? 0.45 : 0.3;
-              const dotR = ri === 0 ? 3.5 : ri === 1 ? 3 : 2.5;
-              return /* @__PURE__ */ jsxs("g", { children: [
-                Array.from({ length: cluster.dots }, (_, di) => {
-                  const offsetAngle = cluster.angle + (di - (cluster.dots - 1) / 2) * 0.12;
-                  const offsetR = ring.r + (di % 2 === 0 ? 6 : -6);
-                  const dx = cx + Math.cos(offsetAngle) * offsetR;
-                  const dy = cy + Math.sin(offsetAngle) * offsetR;
-                  return /* @__PURE__ */ jsx(
-                    "circle",
-                    {
-                      cx: dx,
-                      cy: dy,
-                      r: dotR,
-                      fill: color,
-                      opacity
-                    },
-                    `dot-${ri}-${ci}-${di}`
-                  );
-                }),
-                /* @__PURE__ */ jsx("circle", { cx: basex, cy: basey, r: dotR + 1, fill: color, opacity: opacity * 0.7 })
-              ] }, `cluster-${ri}-${ci}`);
+        GROUPS.map((g, i) => {
+          const next = GROUPS[(i + 1) % GROUPS.length];
+          return /* @__PURE__ */ jsx(
+            "line",
+            {
+              x1: g.x,
+              y1: g.y,
+              x2: next.x,
+              y2: next.y,
+              stroke: color,
+              strokeWidth: 0.5,
+              opacity: 0.06
+            },
+            `adj-${i}`
+          );
+        }),
+        GROUPS.map((group, gi) => {
+          const dotR = 3;
+          const spread = 14;
+          return /* @__PURE__ */ jsxs("g", { children: [
+            /* @__PURE__ */ jsx("circle", { cx: group.x, cy: group.y, r: 28, fill: `url(#${ids.groupGlow})` }),
+            /* @__PURE__ */ jsx("circle", { cx: group.x, cy: group.y, r: 24, fill: "none", stroke: color, strokeWidth: 0.7, opacity: 0.15 }),
+            Array.from({ length: group.dots }, (_, di) => {
+              const angle = di / group.dots * Math.PI * 2 - Math.PI / 2;
+              const r = di === 0 ? 0 : spread * 0.55;
+              const dx = di === 0 ? group.x : group.x + Math.cos(angle) * r;
+              const dy = di === 0 ? group.y : group.y + Math.sin(angle) * r;
+              return /* @__PURE__ */ jsx(
+                "circle",
+                {
+                  cx: dx,
+                  cy: dy,
+                  r: di === 0 ? dotR + 1 : dotR,
+                  fill: color,
+                  opacity: di === 0 ? 0.6 : 0.35,
+                  style: animated && di === 0 ? { animation: `sl-pulse 3s ease-in-out ${gi * 0.4}s infinite` } : void 0
+                },
+                `dot-${gi}-${di}`
+              );
             })
-          },
-          `ring-clusters-${ri}`
-        )),
-        /* @__PURE__ */ jsx("circle", { cx, cy, r: 25, fill: `url(#${ids.nucGlow})` }),
-        /* @__PURE__ */ jsx("circle", { cx, cy, r: 8, fill: color, opacity: 0.7, filter: `url(#${ids.glow})` })
+          ] }, `group-${gi}`);
+        }),
+        /* @__PURE__ */ jsx("circle", { cx, cy, r: 16, fill: "none", stroke: color, strokeWidth: 1, opacity: 0.25 }),
+        /* @__PURE__ */ jsx("circle", { cx, cy, r: 6, fill: color, opacity: 0.6, filter: `url(#${ids.glow})` })
       ]
     }
   );

package/dist/marketing/index.cjs CHANGED Viewed

@@ -3687,7 +3687,7 @@ var HeroSection = ({
       className: cn(
         "w-full min-h-[60vh] flex items-center justify-center",
         "px-6 py-20",
-        "relative overflow-x-hidden overflow-y-visible",
+        "relative overflow-hidden",
         className
       ),
       children: [
@@ -4021,9 +4021,9 @@ var SplitSection = ({
         className
       ),
       padding: "lg",
-      children: /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: cn("flex flex-col lg:flex-row gap-10 lg:gap-16 items-start", isImageLeft && "lg:flex-row-reverse"), children: [
-        textContent,
-        mediaContent
+      children: /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: cn("max-w-7xl mx-auto flex flex-col lg:flex-row gap-10 lg:gap-16 items-start", isImageLeft && "lg:flex-row-reverse"), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "flex-1 min-w-0 lg:min-w-[45%]", children: textContent }),
+        /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "flex-1 min-w-0 lg:max-w-[50%]", children: mediaContent })
       ] })
     }
   );

package/dist/marketing/index.js CHANGED Viewed

@@ -3663,7 +3663,7 @@ var HeroSection = ({
       className: cn(
         "w-full min-h-[60vh] flex items-center justify-center",
         "px-6 py-20",
-        "relative overflow-x-hidden overflow-y-visible",
+        "relative overflow-hidden",
         className
       ),
       children: [
@@ -3997,9 +3997,9 @@ var SplitSection = ({
         className
       ),
       padding: "lg",
-      children: /* @__PURE__ */ jsxs(Box, { className: cn("flex flex-col lg:flex-row gap-10 lg:gap-16 items-start", isImageLeft && "lg:flex-row-reverse"), children: [
-        textContent,
-        mediaContent
+      children: /* @__PURE__ */ jsxs(Box, { className: cn("max-w-7xl mx-auto flex flex-col lg:flex-row gap-10 lg:gap-16 items-start", isImageLeft && "lg:flex-row-reverse"), children: [
+        /* @__PURE__ */ jsx(Box, { className: "flex-1 min-w-0 lg:min-w-[45%]", children: textContent }),
+        /* @__PURE__ */ jsx(Box, { className: "flex-1 min-w-0 lg:max-w-[50%]", children: mediaContent })
       ] })
     }
   );

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "2.15.11",
+  "version": "2.15.13",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "main": "./dist/components/index.js",