@voxel51/voodo 0.0.36 → 0.0.37

package/dist/index.js

@@ -21103,58 +21103,68 @@ const jw = {
   tabs: e,
   variant: r = "default",
   defaultIndex: n = 0,
-  onChange: t,
-  size: o = H.Sm,
-  fullWidth: a,
-  tabListClassName: i,
-  tabPanelClassName: s,
-  ...l
-}) => /* @__PURE__ */ ie(T5, { defaultIndex: n, onChange: t, ...l, children: [
-  /* @__PURE__ */ x(
-    P5,
-    {
-      className: z(
-        "toggle-switch-tab-list",
-        "flex flex-nowrap items-center",
-        "rounded-md",
-        a ? "w-full" : "w-fit",
-        ...Qw(r),
-        i
+  index: t,
+  onChange: o,
+  size: a = H.Sm,
+  fullWidth: i,
+  tabListClassName: s,
+  tabPanelClassName: l,
+  ...c
+}) => /* @__PURE__ */ ie(
+  T5,
+  {
+    selectedIndex: t,
+    defaultIndex: n,
+    onChange: o,
+    ...c,
+    children: [
+      /* @__PURE__ */ x(
+        P5,
+        {
+          className: z(
+            "toggle-switch-tab-list",
+            "flex flex-nowrap items-center",
+            "rounded-md",
+            i ? "w-full" : "w-fit",
+            ...Qw(r),
+            s
+          ),
+          children: e.map(({ id: u, data: d }, p) => {
+            const f = p === 0, h = p === e.length - 1, g = ({ selected: v }) => z(
+              "cursor-pointer",
+              "flex-1",
+              "flex items-center justify-center",
+              "whitespace-nowrap",
+              "font-medium",
+              "outline-none",
+              "transition-colors",
+              "bg-transparent",
+              ce(Ce.CardElevated, fe.Selected),
+              qw(v),
+              d.disabled && "hover:!text-content-text-secondary",
+              "data-[focus]:outline-none",
+              "data-[disabled]:opacity-50",
+              "data-[disabled]:cursor-not-allowed",
+              Gw(r, f, h),
+              Xw(r, a)
+            ), m = /* @__PURE__ */ x(v9, { disabled: d.disabled, className: g, children: d.label });
+            return d.tooltip ? /* @__PURE__ */ x(
+              e3,
+              {
+                content: d.tooltip,
+                wrapperClassName: "flex-1 flex",
+                portal: !0,
+                children: m
+              },
+              u
+            ) : /* @__PURE__ */ x("div", { className: "flex-1 flex", children: m }, u);
+          })
+        }
       ),
-      children: e.map(({ id: c, data: u }, d) => {
-        const p = d === 0, f = d === e.length - 1, h = ({ selected: m }) => z(
-          "cursor-pointer",
-          "flex-1",
-          "flex items-center justify-center",
-          "whitespace-nowrap",
-          "font-medium",
-          "outline-none",
-          "transition-colors",
-          "bg-transparent",
-          ce(Ce.CardElevated, fe.Selected),
-          qw(m),
-          u.disabled && "hover:!text-content-text-secondary",
-          "data-[focus]:outline-none",
-          "data-[disabled]:opacity-50",
-          "data-[disabled]:cursor-not-allowed",
-          Gw(r, p, f),
-          Xw(r, o)
-        ), g = /* @__PURE__ */ x(v9, { disabled: u.disabled, className: h, children: u.label });
-        return u.tooltip ? /* @__PURE__ */ x(
-          e3,
-          {
-            content: u.tooltip,
-            wrapperClassName: "flex-1 flex",
-            portal: !0,
-            children: g
-          },
-          c
-        ) : /* @__PURE__ */ x("div", { className: "flex-1 flex", children: g }, c);
-      })
-    }
-  ),
-  /* @__PURE__ */ x(O5, { className: z(s), children: e.map(({ id: c, data: u }) => /* @__PURE__ */ x(_5, { className: z("focus:outline-none"), children: u.content }, c)) })
-] });
+      /* @__PURE__ */ x(O5, { className: z(l), children: e.map(({ id: u, data: d }) => /* @__PURE__ */ x(_5, { className: z("focus:outline-none"), children: d.content }, u)) })
+    ]
+  }
+);
 Jw.displayName = "ToggleSwitch";
 const yu = (e, r, n, t) => e ? r : Math.max(0, Math.min(t, r + n)), ey = ({
   initialX: e = 0,