prometeo-design-system 3.1.3 → 3.1.5

package/dist/SegmentedButton.d.ts

@@ -1,6 +0,0 @@
-export * from './exports/SegmentedButton'
-export {}
-import PrometeoDesignSystem from './exports/SegmentedButton'
-export default PrometeoDesignSystem
-export * from './exports/SegmentedButton'
-export {}

package/dist/SegmentedButton.es.js

@@ -1,185 +0,0 @@
-import { j as u } from "./jsx-runtime-DKDX3adD.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: h, name: x, onChange: j, icon: y, allowExpand: n = !1, disabled: d = !1 } = T, m = Math.max(l.findIndex((e) => e.value === h), 0), w = l.length, N = 9, b = 26, o = {
-    small: 120,
-    medium: 120,
-    large: 120
-  }, a = {
-    small: 94,
-    medium: 94,
-    large: 94
-  }, k = 16, S = {
-    small: { container: "p-2" },
-    medium: { container: "p-4 h-[48px] rounded-lg" },
-    large: { container: "p-6" }
-  }, f = {
-    default: {
-      switch: "bg-primary-medium-default text-neutral-weak-default",
-      container: "border-neutral-default-default",
-      icon: "text-neutral-weak-default",
-      option: "text-neutral-medium-pressed"
-    },
-    success: {
-      switch: "bg-success-medium-default text-neutral-weak-default",
-      container: "border-neutral-default-default",
-      icon: "text-neutral-weak-default",
-      option: "text-neutral-medium-pressed"
-    },
-    danger: {
-      switch: "bg-error-medium-default text-neutral-weak-default",
-      container: "border-neutral-default-default",
-      icon: "text-neutral-weak-default",
-      option: "text-neutral-medium-pressed"
-    },
-    warning: {
-      switch: "bg-warning-medium-default text-neutral-weak-default",
-      container: "border-neutral-default-default",
-      icon: "text-neutral-weak-default",
-      option: "text-neutral-medium-pressed"
-    },
-    disabled: {
-      switch: "bg-primary-medium-disabled text-neutral-strong-disabled",
-      container: "border-neutral-default-disabled",
-      icon: "text-neutral-strong-disabled",
-      option: "text-neutral-medium-pressed"
-    }
-  }, I = l.find((e) => e.value === h) ?? 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;
-    let e = {};
-    l.forEach((i, r) => {
-      e[r] = i.label.length * N + k * 2;
-    }), _(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 (d) return;
-    const e = m === l.length - 1 ? l[0] : l[m + 1];
-    j?.(x, e.value);
-  }, p = d ? "disabled" : R;
-  return /* @__PURE__ */ u.jsxs(
-    "button",
-    {
-      name: x,
-      type: "button",
-      style: {
-        width: v[t],
-        minWidth: v[t],
-        maxWidth: v[t]
-      },
-      className: s(
-        S[t].container,
-        f[p].container,
-        "border",
-        !d && "cursor-pointer",
-        "relative"
-      ),
-      children: [
-        /* @__PURE__ */ u.jsxs(
-          E.div,
-          {
-            animate: {
-              left: `${H}px`,
-              width: n ? g : o[t],
-              minWidth: n ? g : o[t],
-              maxWidth: n ? g : o[t]
-            },
-            transition: {
-              type: "spring",
-              stiffness: 260,
-              damping: 30
-            },
-            className: s(
-              "absolute top-0 left-0 h-full rounded-[6px] z-30",
-              "flex items-center justify-center gap-[2px] p-4",
-              f[p].switch
-            ),
-            onClick: () => {
-              !d && D();
-            },
-            children: [
-              y && z.cloneElement(y, { className: s(
-                "w-6 h-6 text-neutral-weak-default min-w-6 min-h-6",
-                f[p].icon
-              ) }),
-              /* @__PURE__ */ u.jsx(
-                "p",
-                {
-                  className: s(
-                    "prometeo-fonts-label-large ",
-                    " overflow-hidden overflow-ellipsis text-nowrap select-none ",
-                    f[p].switch
-                  ),
-                  children: I.label
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ u.jsx(
-          "div",
-          {
-            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 === (h || 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,
-                {
-                  onClick: () => {
-                    !d && j?.(x, e.value);
-                  },
-                  animate: {
-                    width: O,
-                    minWidth: O,
-                    maxWidth: O
-                  },
-                  transition: {
-                    duration: 0.3,
-                    delay: 0
-                  },
-                  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 select-none ",
-                    !d && "cursor-pointer"
-                  ),
-                  "aria-label": e.label,
-                  children: /* @__PURE__ */ u.jsx(
-                    "p",
-                    {
-                      style: {
-                        width: n ? "max-content" : a[t],
-                        minWidth: n ? "max-content" : a[t],
-                        maxWidth: n ? "max-content" : a[t]
-                      },
-                      className: s(
-                        "px-3 place-content-center overflow-hidden text-ellipsis text-wrap prometeo-fonts-label-large  h-full select-none",
-                        f[p].option
-                      ),
-                      children: e.label
-                    }
-                  )
-                },
-                e.value
-              );
-            })
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  X as SegmentedButton,
-  X as default
-};