prometeo-design-system 2.4.2 → 2.4.4

package/dist/SegmentedButton.es.js

@@ -1,9 +1,9 @@
 import { j as u } from "./jsx-runtime-ByW6EXIE.js";
-import { c as d } from "./cn-B6yFEsav.js";
+import { c as s } from "./cn-B6yFEsav.js";
 import z, { useState as M, useMemo as C, useEffect as L } from "react";
 import { motion as E } from "framer-motion";
 const X = (T) => {
-  const [c, _] = M({}), { size: t = "medium", color: R = "default", options: l, value: p, name: x, onChange: j, icon: y, allowExpand: n = !1, disabled: s = !1 } = T, m = Math.max(l.findIndex((e) => e.value === p), 0), b = l.length, N = 9, w = 26, o = {
+  const [c, _] = M({}), { size: t = "medium", color: R = "default", options: l, value: p, name: x, onChange: j, icon: y, allowExpand: n = !1, disabled: d = !1 } = T, m = Math.max(l.findIndex((e) => e.value === p), 0), w = l.length, N = 9, b = 26, o = {
     small: 120,
     medium: 120,
     large: 120
@@ -46,10 +46,10 @@ const X = (T) => {
       icon: "text-neutral-strong-disabled",
       option: "text-neutral-strong-disabled"
     }
-  }, I = l.find((e) => e.value === p) ?? l[0], g = I.label.length * N + k * 2 + w, W = () => C(() => Object.values(c).reduce((i, r) => i + r, 0) + w, [c]), v = {
-    small: n ? W() : (b - 1) * a.small + o.small,
-    medium: n ? W() : (b - 1) * a.medium + o.medium,
-    large: n ? W() : (b - 1) * a.large + o.large
+  }, I = l.find((e) => e.value === p) ?? l[0], g = I.label.length * N + k * 2 + b, W = () => C(() => Object.values(c).reduce((i, r) => i + r, 0) + b, [c]), v = {
+    small: n ? W() : (w - 1) * a.small + o.small,
+    medium: n ? W() : (w - 1) * a.medium + o.medium,
+    large: n ? W() : (w - 1) * a.large + o.large
   };
   L(() => {
     if (!n) return;
@@ -59,33 +59,31 @@ const X = (T) => {
     }), _(e);
   }, []);
   const H = C(() => n ? Object.values(c).reduce((e, i, r) => r < m ? e + i : e, 0) : Math.max(m * a[t] - 2, 0), [m]), D = () => {
-    if (s) return;
+    if (d) return;
     const e = m === l.length - 1 ? l[0] : l[m + 1];
     j?.(x, e.value);
-  }, h = s ? "disabled" : R;
+  }, h = d ? "disabled" : R;
   return /* @__PURE__ */ u.jsxs(
     "button",
     {
       name: x,
       type: "button",
-      id: "segmented-button-container",
       style: {
         width: v[t],
         minWidth: v[t],
         maxWidth: v[t]
       },
-      className: d(
+      className: s(
         S[t].container,
         f[h].container,
         "border-[1px]",
-        !s && "cursor-pointer",
+        !d && "cursor-pointer",
         "relative"
       ),
       children: [
         /* @__PURE__ */ u.jsxs(
           E.div,
           {
-            id: "segmented-button-switcher",
             animate: {
               left: `${H}px`,
               width: n ? g : o[t],
@@ -97,25 +95,25 @@ const X = (T) => {
               stiffness: 260,
               damping: 30
             },
-            className: d(
+            className: s(
               "absolute top-0 left-0 h-full rounded-[6px] z-30",
               "flex items-center justify-center gap-[2px] p-4",
               f[h].switch
             ),
             onClick: () => {
-              !s && D();
+              !d && D();
             },
             children: [
-              y && z.cloneElement(y, { className: d(
+              y && z.cloneElement(y, { className: s(
                 "w-6 h-6 text-neutral-weak-default min-w-6 min-h-6",
                 f[h].icon
               ) }),
               /* @__PURE__ */ u.jsx(
                 "p",
                 {
-                  className: d(
+                  className: s(
                     "prometeo-fonts-label-large ",
-                    " overflow-hidden overflow-ellipsis text-nowrap ",
+                    " overflow-hidden overflow-ellipsis text-nowrap select-none ",
                     f[h].switch
                   ),
                   children: I.label
@@ -127,19 +125,17 @@ const X = (T) => {
         /* @__PURE__ */ u.jsx(
           "div",
           {
-            id: "segmented-button-options",
-            className: d(
+            className: s(
               "absolute top-0 left-0 w-full h-full overflow-hidden",
               "flex justify-center"
             ),
             children: l?.map((e, i) => {
-              const r = e.value === (p || l[0].value), A = n ? c[i] + w : o[t], P = n ? c[i] : a[t], O = r ? A : P;
+              const r = e.value === (p || l[0].value), A = n ? c[i] + b : o[t], P = n ? c[i] : a[t], O = r ? A : P;
               return /* @__PURE__ */ u.jsx(
                 E.span,
                 {
-                  id: "segmented-button-option",
                   onClick: () => {
-                    !s && j?.(x, e.value);
+                    !d && j?.(x, e.value);
                   },
                   animate: {
                     width: O,
@@ -150,12 +146,12 @@ const X = (T) => {
                     duration: 0.3,
                     delay: 0
                   },
-                  className: d(
+                  className: s(
                     "z-20 h-full ",
                     "flex items-center justify-center px-3 py-[6px]",
                     "prometeo-fonts-label-large text-neutral-medium-default",
-                    " overflow-hidden ",
-                    !s && "cursor-pointer"
+                    " overflow-hidden select-none ",
+                    !d && "cursor-pointer"
                   ),
                   "aria-label": e.label,
                   children: /* @__PURE__ */ u.jsx(
@@ -166,8 +162,8 @@ const X = (T) => {
                         minWidth: n ? "max-content" : a[t],
                         maxWidth: n ? "max-content" : a[t]
                       },
-                      className: d(
-                        "px-3 place-content-center overflow-hidden text-ellipsis text-wrap prometeo-fonts-label-large  h-full",
+                      className: s(
+                        "px-3 place-content-center overflow-hidden text-ellipsis text-wrap prometeo-fonts-label-large  h-full select-none",
                         f[h].option
                       ),
                       children: e.label