@tmf_ciclica/ciclicastorybook 1.2.172 → 1.2.173

package/dist/index.es.js

@@ -10916,18 +10916,14 @@ const cs = ["#a8d8cf", "#3bbfa0", "#5dd4b8", "#7ed4c2", "#2aa88a"], Ia = ({
           opacity: 0.9
         }, children: f.title }),
         /* @__PURE__ */ T("div", { style: {
-          display: "flex",
-          alignItems: "center",
-          gap: "10px"
+          position: "relative",
+          height: `${o}px`,
+          background: "transparent"
+          // no overflow:hidden here — the fill's own border-radius
+          // shapes it, and the label needs to sit outside the fill
+          // without being clipped
         }, children: [
           /* @__PURE__ */ u("div", { style: {
-            position: "relative",
-            flex: 1,
-            height: `${o}px`,
-            background: "transparent",
-            borderRadius: g,
-            overflow: "hidden"
-          }, children: /* @__PURE__ */ u("div", { style: {
             position: "absolute",
             left: 0,
             top: 0,
@@ -10936,15 +10932,19 @@ const cs = ["#a8d8cf", "#3bbfa0", "#5dd4b8", "#7ed4c2", "#2aa88a"], Ia = ({
             background: x,
             borderRadius: g,
             transition: s ? "width 0.8s cubic-bezier(0.16, 1, 0.3, 1)" : "none"
-          } }) }),
+          } }),
           /* @__PURE__ */ u("span", { style: {
+            position: "absolute",
+            left: `calc(${w}% + 10px)`,
+            top: "50%",
+            transform: "translateY(-50%)",
             color: b,
             fontSize: "18px",
             fontWeight: "700",
             pointerEvents: "none",
             letterSpacing: "-0.3px",
-            minWidth: "2ch",
-            textAlign: "left",
+            whiteSpace: "nowrap",
+            transition: s ? "left 0.8s cubic-bezier(0.16, 1, 0.3, 1)" : "none",
             // text-stroke for the outline effect
             ...d ? {
               WebkitTextStroke: `1px ${d}`,