prometeo-design-system 2.4.1 → 2.4.3

package/dist/Avatar.es.js

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-DKDX3adD.js";
+import { j as t } from "./jsx-runtime-ByW6EXIE.js";
 import { c as p } from "./cn-B6yFEsav.js";
 import { motion as u } from "framer-motion";
 import { useState as f } from "react";

package/dist/{Button-DsbEyjth.js → Button-Bc0LYLfg.js}

@@ -1,4 +1,4 @@
-import { j as f } from "./jsx-runtime-DKDX3adD.js";
+import { j as f } from "./jsx-runtime-ByW6EXIE.js";
 import { c as g } from "./cn-B6yFEsav.js";
 import { clsx as B } from "clsx";
 import { useAnimationControls as E, motion as j } from "framer-motion";

package/dist/Button.es.js

@@ -1,4 +1,4 @@
-import { B as f } from "./Button-DsbEyjth.js";
+import { B as f } from "./Button-Bc0LYLfg.js";
 export {
   f as default
 };

package/dist/{CardProfile-Fn44kEnM.js → CardProfile-BhHJmvqs.js}

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-ByW6EXIE.js";
 import { c as i } from "./cn-B6yFEsav.js";
 import { motion as l, AnimatePresence as u } from "framer-motion";
 import m from "./Avatar.es.js";

package/dist/CardProfile.es.js

@@ -1,4 +1,4 @@
-import { C as a } from "./CardProfile-Fn44kEnM.js";
+import { C as a } from "./CardProfile-BhHJmvqs.js";
 export {
   a as CardProfile
 };

package/dist/CheckBox.es.js

@@ -1,8 +1,8 @@
-import { j as a } from "./jsx-runtime-DKDX3adD.js";
+import { j as r } from "./jsx-runtime-ByW6EXIE.js";
 import { Icons as h } from "./Icons.es.js";
 import { memo as x, useId as o, useRef as m } from "react";
 const n = ({ className: s, disabled: e, ...t }) => {
-  const c = o(), i = o(), r = m(null), l = `
+  const c = o(), i = o(), a = m(null), l = `
     after:content-["<span id='${c}-hover-span'></span>"]
     after:absolute
     after:top-1/2
@@ -24,7 +24,7 @@ const n = ({ className: s, disabled: e, ...t }) => {
     transition-all
     duration-200
     ease-in-out
-    `, d = "hover:#hover-span:opacity-100", p = "bg-primary-light", u = `
+    `, d = "hover:#hover-span:opacity-100", u = "bg-primary-light", p = `
     bg-transparent
     border-[2px]
     aria-checked:border-none
@@ -38,7 +38,7 @@ const n = ({ className: s, disabled: e, ...t }) => {
     // biome-ignore lint/a11y/noStaticElementInteractions: <>
     // biome-ignore lint/a11y/useKeyWithClickEvents: <>
     // biome-ignore lint/correctness/useUniqueElementIds: <>
-    /* @__PURE__ */ a.jsx(
+    /* @__PURE__ */ r.jsx(
       "div",
       {
         id: "checkbox-container",
@@ -49,28 +49,29 @@ const n = ({ className: s, disabled: e, ...t }) => {
           zIndex: 10
         },
         className: "grid place-items-center p-2",
-        onClick: r.current?.click,
+        onClick: a.current?.click,
         draggable: !1,
-        children: /* @__PURE__ */ a.jsxs(
+        children: /* @__PURE__ */ r.jsxs(
           "div",
           {
             id: "checkbox-box",
             "aria-checked": t.checked,
             className: `grid place-items-center absolute size-[18px] rounded-[2px] 
         ${l} 
-        ${u}
-        ${t.checked ? p : ""}
+        ${p}
+        ${t.checked ? u : ""}
         ${e ? f[t.checked ? "selected" : "default"] : ""}
         `,
-            onClick: r.current?.click,
+            onClick: a.current?.click,
             draggable: !1,
             children: [
-              /* @__PURE__ */ a.jsx(
+              /* @__PURE__ */ r.jsx(
                 "input",
                 {
                   type: "checkbox",
+                  readOnly: !0,
                   id: i,
-                  ref: r,
+                  ref: a,
                   className: `${s} ${d} `,
                   disabled: e,
                   style: {
@@ -87,7 +88,7 @@ const n = ({ className: s, disabled: e, ...t }) => {
                   ...t
                 }
               ),
-              t.checked && /* @__PURE__ */ a.jsx(
+              t.checked && /* @__PURE__ */ r.jsx(
                 h.Check,
                 {
                   size: 18,

package/dist/CheckboxFormik.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-ByW6EXIE.js";
 import { Icons as x } from "./Icons.es.js";
 import { c as r } from "./cn-B6yFEsav.js";
 import { useField as h, ErrorMessage as p } from "formik";

package/dist/DatePicker.es.js

@@ -1,11 +1,11 @@
-import { j as $ } from "./jsx-runtime-DKDX3adD.js";
+import { j as $ } from "./jsx-runtime-ByW6EXIE.js";
 import m, { createContext as mn, useContext as hn, useCallback as q, useRef as Se, useLayoutEffect as yn, useState as he, useEffect as _e, useMemo as fe, memo as pn } from "react";
 import { InputMultiple as gn } from "./InputMultiple.es.js";
 import wn from "./Input.es.js";
 import { createPortal as bn } from "react-dom";
 import { Icons as Mt } from "./Icons.es.js";
 import { c as Be } from "./cn-B6yFEsav.js";
-import { B as vt } from "./Button-DsbEyjth.js";
+import { B as vt } from "./Button-Bc0LYLfg.js";
 function Mn(e, t, n = "long") {
   return new Intl.DateTimeFormat("en-US", {
     // Enforces engine to render the time. Without the option JavaScriptCore omits it.

package/dist/DialogModal.es.js

@@ -1,4 +1,4 @@
-import { j as o } from "./jsx-runtime-DKDX3adD.js";
+import { j as o } from "./jsx-runtime-ByW6EXIE.js";
 import { forwardRef as h, memo as s, useState as D, useRef as p, useCallback as n, useImperativeHandle as R } from "react";
 import { c as j } from "./cn-B6yFEsav.js";
 const C = h(

package/dist/DrawerDesktop.es.js

@@ -1,6 +1,6 @@
-import { j as s } from "./jsx-runtime-DKDX3adD.js";
+import { j as s } from "./jsx-runtime-ByW6EXIE.js";
 import { c as b } from "./cn-B6yFEsav.js";
-import { c as y, B as h } from "./Button-DsbEyjth.js";
+import { c as y, B as h } from "./Button-Bc0LYLfg.js";
 import { createPortal as g } from "react-dom";
 import { Icons as C } from "./Icons.es.js";
 import { forwardRef as k, useState as j, useRef as x, useEffect as v, useCallback as l, useImperativeHandle as D } from "react";

package/dist/DrawerMobile.es.js

@@ -1,4 +1,4 @@
-import { j as d } from "./jsx-runtime-DKDX3adD.js";
+import { j as d } from "./jsx-runtime-ByW6EXIE.js";
 import { c as T } from "./cn-B6yFEsav.js";
 import { forwardRef as q, useState as J, useRef as v, useEffect as M, useCallback as l, useMemo as B, useImperativeHandle as K } from "react";
 import { createPortal as Q } from "react-dom";

package/dist/DropZone.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-ByW6EXIE.js";
 import { c as i } from "./cn-B6yFEsav.js";
 import R, { useCallback as w } from "react";
 import { useDropzone as z } from "react-dropzone";

package/dist/Header.es.js

@@ -1,4 +1,4 @@
-import { j as l } from "./jsx-runtime-DKDX3adD.js";
+import { j as l } from "./jsx-runtime-ByW6EXIE.js";
 import { c as s } from "./cn-B6yFEsav.js";
 import { motion as m } from "framer-motion";
 import { memo as n } from "react";

package/dist/Icons.es.js

@@ -1,4 +1,4 @@
-import { j as h } from "./jsx-runtime-DKDX3adD.js";
+import { j as h } from "./jsx-runtime-ByW6EXIE.js";
 import { memo as v } from "react";
 const l = (t) => v(t), w = l(({
   size: t = 24,

package/dist/Image.es.js

@@ -1,4 +1,4 @@
-import { j as n } from "./jsx-runtime-DKDX3adD.js";
+import { j as n } from "./jsx-runtime-ByW6EXIE.js";
 import { memo as x, useState as E, useRef as R, useCallback as N, useEffect as b } from "react";
 import M from "./Spinner.es.js";
 import { c as d } from "./cn-B6yFEsav.js";

package/dist/{ImageGallery-DnoRTpCr.js → ImageGallery-BeADef_g.js}

@@ -1,8 +1,8 @@
-import { j as t } from "./jsx-runtime-DKDX3adD.js";
+import { j as t } from "./jsx-runtime-ByW6EXIE.js";
 import ee, { memo as D, forwardRef as L, useRef as v, useEffect as te, useCallback as i, useState as R, useImperativeHandle as ne } from "react";
 import { c as X } from "./cn-B6yFEsav.js";
 import { u as re } from "./useDragScroll-CHN9OMwn.js";
-import { B as S } from "./Button-DsbEyjth.js";
+import { B as S } from "./Button-Bc0LYLfg.js";
 import { Icons as M } from "./Icons.es.js";
 const O = D(L(({ images: n, className: c }, r) => {
   const { ref: d, bind: a } = re({

package/dist/ImageGallery.es.js

@@ -1,4 +1,4 @@
-import { I as p } from "./ImageGallery-DnoRTpCr.js";
+import { I as p } from "./ImageGallery-BeADef_g.js";
 import { useRef as u, useCallback as r } from "react";
 const g = () => {
   const e = u(null), t = r((a) => {

package/dist/Input.es.js

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-DKDX3adD.js";
+import { j as t } from "./jsx-runtime-ByW6EXIE.js";
 import { Icons as J } from "./Icons.es.js";
 import { c as e } from "./cn-B6yFEsav.js";
 import { memo as xe, useState as H, useRef as K, useCallback as me, useEffect as L, useLayoutEffect as ge } from "react";

package/dist/InputFormik.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-ByW6EXIE.js";
 import { c as u } from "./cn-B6yFEsav.js";
 import { FastField as O, ErrorMessage as q } from "formik";
 import { memo as G, useState as I, useRef as H, useCallback as y, useLayoutEffect as J } from "react";

package/dist/InputMultiple.es.js

@@ -1,4 +1,4 @@
-import { j as r } from "./jsx-runtime-DKDX3adD.js";
+import { j as r } from "./jsx-runtime-ByW6EXIE.js";
 import { Icons as C } from "./Icons.es.js";
 import { c as d } from "./cn-B6yFEsav.js";
 import S, { useRef as M, useState as x, useCallback as T, useEffect as ee } from "react";

package/dist/{LayoutGeneric-p4Pll4Cm.js → LayoutGeneric-jDE96L2N.js}

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-DKDX3adD.js";
+import { j as t } from "./jsx-runtime-ByW6EXIE.js";
 import { useRef as a, createContext as i, useContext as u, memo as c } from "react";
 const o = i(null), l = ({ children: e }) => {
   const r = a(null), s = (n) => {

package/dist/LayoutGeneric.es.js

@@ -1,4 +1,4 @@
-import { L as f } from "./LayoutGeneric-p4Pll4Cm.js";
+import { L as f } from "./LayoutGeneric-jDE96L2N.js";
 export {
   f as default
 };

package/dist/Logo.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-ByW6EXIE.js";
 import { Icons as t } from "./Icons.es.js";
 const s = () => /* @__PURE__ */ e.jsxs("div", { className: "container-logo flex items-center justify-center gap-1 bg-gradient-to-br from-[#312C85] to-[#1E1A4D] rounded-md min-w-[185px]", children: [
   /* @__PURE__ */ e.jsx(t.TicketFilled, { size: 28, className: "rotate-140 text-primary-medium-pressed icon-logo" }),

package/dist/Menu.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-ByW6EXIE.js";
 import { c as r } from "./cn-B6yFEsav.js";
 import { AnimatePresence as n, motion as o } from "framer-motion";
 const s = ({ menuRef: t, children: a, className: i }) => /* @__PURE__ */ e.jsx("div", { ref: t, className: r("flex bg-neutral-default-default absolute bottom-10 left-24 border-1 border-neutral-strong-default h-auto w-60 rounded-md px-2", i), children: /* @__PURE__ */ e.jsx(n, { mode: "wait", children: /* @__PURE__ */ e.jsx(

package/dist/OtpInput.es.js

@@ -1,4 +1,4 @@
-import { j as p } from "./jsx-runtime-DKDX3adD.js";
+import { j as p } from "./jsx-runtime-ByW6EXIE.js";
 import { Icons as ve } from "./Icons.es.js";
 import { c as L } from "./cn-B6yFEsav.js";
 import * as n from "react";

package/dist/Pagination.es.js

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-DKDX3adD.js";
+import { j as t } from "./jsx-runtime-ByW6EXIE.js";
 import { motion as a } from "framer-motion";
 function h({
   currentPage: i = 1,

package/dist/ProfilePictureUpload.es.js

@@ -1,4 +1,4 @@
-import { j as n } from "./jsx-runtime-DKDX3adD.js";
+import { j as n } from "./jsx-runtime-ByW6EXIE.js";
 import { motion as s } from "framer-motion";
 import { memo as T, useRef as b, useLayoutEffect as A } from "react";
 import M from "./Avatar.es.js";

package/dist/ProgressBar.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-ByW6EXIE.js";
 import { c as x } from "./cn-B6yFEsav.js";
 import u from "react";
 const j = u.forwardRef(

package/dist/SegmentedButton.es.js

@@ -1,9 +1,9 @@
-import { j as u } from "./jsx-runtime-DKDX3adD.js";
-import { c as d } from "./cn-B6yFEsav.js";
+import { j as u } from "./jsx-runtime-ByW6EXIE.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