@bubo-squared/ui-framework 0.1.98 → 0.1.99

package/dist/index.cjs

@@ -2691,61 +2691,68 @@ var Slider = (props) => {
       index
     );
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: wrapperBase2, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: cn("w-full flex flex-col gap-1", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "relative w-full", children: [
-      showTooltip && primary !== void 0 && renderTooltipBubble(
-        "primary",
-        primaryPercent,
-        formatDisplayValue(primary),
-        hoveredThumbIndex === 0 || draggingThumbIndex === 0
-      ),
-      showTooltip && isRange && secondary !== void 0 && renderTooltipBubble(
-        "secondary",
-        secondaryPercent,
-        formatDisplayValue(secondary),
-        hoveredThumbIndex === 1 || draggingThumbIndex === 1
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
-        "div",
-        {
-          className: cn(
-            "relative w-full flex items-center rounded-4",
-            disabled ? "bg-(--background-primary-disabled) cursor-default" : "bg-(--background-secondary) cursor-pointer"
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    "div",
+    {
+      className: wrapperBase2,
+      style: { marginInline: `${thumbRadius}px` },
+      children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: cn("w-full flex flex-col gap-1", className), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "relative w-full", children: [
+          showTooltip && primary !== void 0 && renderTooltipBubble(
+            "primary",
+            primaryPercent,
+            formatDisplayValue(primary),
+            hoveredThumbIndex === 0 || draggingThumbIndex === 0
           ),
-          style: { height: `${trackHeight}px` },
-          ref: trackRef,
-          onPointerDown: handleTrackPointerDown,
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
-              "div",
-              {
-                className: cn(
-                  "absolute h-full rounded-4",
-                  disabled ? "bg-(--background-primary-disabled)" : "bg-(--background-secondary)"
+          showTooltip && isRange && secondary !== void 0 && renderTooltipBubble(
+            "secondary",
+            secondaryPercent,
+            formatDisplayValue(secondary),
+            hoveredThumbIndex === 1 || draggingThumbIndex === 1
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+            "div",
+            {
+              className: cn(
+                "relative w-full flex items-center rounded-4",
+                disabled ? "bg-(--background-primary-disabled) cursor-default" : "bg-(--background-secondary) cursor-pointer"
+              ),
+              style: { height: `${trackHeight}px` },
+              ref: trackRef,
+              onPointerDown: handleTrackPointerDown,
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+                  "div",
+                  {
+                    className: cn(
+                      "absolute h-full rounded-4",
+                      disabled ? "bg-(--background-primary-disabled)" : "bg-(--background-secondary)"
+                    ),
+                    style: {
+                      width: `calc(100% + ${thumbWidth}px)`,
+                      left: `-${thumbRadius}px`
+                    }
+                  }
                 ),
-                style: {
-                  width: `calc(100% + ${thumbWidth}px)`,
-                  left: `-${thumbRadius}px`
-                }
-              }
+                renderHandle(0, primaryPercent, formatDisplayValue(primary)),
+                isRange && secondary !== void 0 && renderHandle(1, secondaryPercent, formatDisplayValue(secondary))
+              ]
+            }
+          )
+        ] }),
+        showNumeric && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+          "p",
+          {
+            className: cn(
+              "paragraph-s text-primary",
+              disabled && "text-primary-disabled"
             ),
-            renderHandle(0, primaryPercent, formatDisplayValue(primary)),
-            isRange && secondary !== void 0 && renderHandle(1, secondaryPercent, formatDisplayValue(secondary))
-          ]
-        }
-      )
-    ] }),
-    showNumeric && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
-      "p",
-      {
-        className: cn(
-          "paragraph-s text-primary",
-          disabled && "text-primary-disabled"
-        ),
-        children: formatNumericLabel()
-      }
-    )
-  ] }) });
+            children: formatNumericLabel()
+          }
+        )
+      ] })
+    }
+  );
 };
 Slider.displayName = "Slider";