prometeo-design-system 2.5.2 → 2.5.4

package/dist/DatePicker.es.js

@@ -1,7 +1,7 @@
 import { j as $ } from "./jsx-runtime-DKDX3adD.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 { I as wn } from "./Input-Bhd0bmVq.js";
+import { I as wn } from "./Input-PNwH7rb6.js";
 import { createPortal as bn } from "react-dom";
 import { Icons as Mt } from "./Icons.es.js";
 import { c as Be } from "./cn-B6yFEsav.js";

package/dist/DrawerMobile.es.js

@@ -1,71 +1,72 @@
-import { j as d } from "./jsx-runtime-DKDX3adD.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";
-const G = 44, U = "height 0.5s cubic-bezier(0.32, 0.72, 0, 1)", ee = q((a, o) => {
-  const { children: p, defaultOpen: s = !1, onClose: f, snapPoints: m = ["60%"], setSnap: y, snap: w, attachToParent: R = !1 } = a, [H, r] = J(w || "0%"), j = v(f), S = v(y);
-  M(() => {
-    s && g();
-  }, [s]), M(() => {
-    S.current = y;
-  }, [y]);
-  const u = l(() => {
-    r("0%"), j.current?.();
-  }, []), g = l((E) => {
-    console.log(E || m[0] || "60%"), r(E || m[0] || "60%");
-  }, [m]), x = B(() => H !== "0%", [H]);
-  K(o, () => ({
-    open: g,
-    close: u,
-    isOpen: x
-  }), [g, u, x]);
-  const D = w || H;
-  return R ? /* @__PURE__ */ d.jsx(_, { ...a, snap: D, setSnap: r, children: p }) : Q(/* @__PURE__ */ d.jsx(_, { ...a, snap: D, setSnap: r, children: p }), document.body);
-}), _ = ({ children: a, attachToParent: o = !1, className: p, snap: s, snapPoints: f = ["60%"], setSnap: m, hideOnClose: y = !1, header: w, modal: R = !1, closeOnOverlayClick: H = !1 }) => {
-  const r = v(null), j = v(null), S = v(null), u = v(null), g = v(null), x = l(() => {
+import { j as g } from "./jsx-runtime-DKDX3adD.js";
+import { c as W } from "./cn-B6yFEsav.js";
+import { forwardRef as K, useState as B, useRef as v, useEffect as F, useCallback as c, useMemo as J, useImperativeHandle as Q } from "react";
+import { createPortal as U } from "react-dom";
+const A = 44, V = "height 0.5s cubic-bezier(0.32, 0.72, 0, 1)", te = K((u, s) => {
+  const { children: y, defaultOpen: o = !1, onClose: a, snapPoints: d = ["60%"], setSnap: w, snap: p, attachToParent: O = !1 } = u, [E, x] = B(p || "0%"), [r, C] = B(null), Y = v(a), f = v(w), m = v(r);
+  Y.current = a, m.current = r, F(() => {
+    o && b();
+  }, [o]), F(() => {
+    f.current = w;
+  }, [w]);
+  const M = c(() => {
+    x("0%"), Y.current?.(m.current), setTimeout(() => C(null), 300);
+  }, []), b = c((H, N) => {
+    console.log(H || d[0] || "60%"), x(H || d[0] || "60%"), C(N ?? null);
+  }, [d]), S = J(() => E !== "0%", [E]);
+  Q(s, () => ({
+    open: b,
+    close: M,
+    isOpen: S,
+    getContext: () => m.current
+  }), [b, M, S]);
+  const L = p || E;
+  return O ? /* @__PURE__ */ g.jsx(q, { ...u, snap: L, setSnap: x, context: r, children: y }) : U(/* @__PURE__ */ g.jsx(q, { ...u, snap: L, setSnap: x, context: r, children: y }), document.body);
+}), q = ({ children: u, attachToParent: s = !1, className: y, snap: o, snapPoints: a = ["60%"], setSnap: d, hideOnClose: w = !1, header: p, modal: O = !1, closeOnOverlayClick: E = !1, context: x }) => {
+  const r = v(null), C = v(null), Y = v(null), f = v(null), m = v(null), M = c(() => {
     if (!r.current) return [];
-    console.log(f, "snapPoints");
-    const e = o && r.current.parentElement?.offsetHeight || window.innerHeight;
-    return f?.map((t) => typeof t == "string" && t.endsWith("%") ? parseFloat(t) > 100 ? e : parseFloat(t) / 100 * e : typeof t == "string" && t.endsWith("px") ? parseFloat(t) : typeof t == "number" && t >= 0 && t <= 1 ? t * e : typeof t == "number" ? t : 0) || [];
-  }, [f, o]), D = l((e, t) => {
-    const n = x();
+    console.log(a, "snapPoints");
+    const e = s && r.current.parentElement?.offsetHeight || window.innerHeight;
+    return a?.map((t) => typeof t == "string" && t.endsWith("%") ? parseFloat(t) > 100 ? e : parseFloat(t) / 100 * e : typeof t == "string" && t.endsWith("px") ? parseFloat(t) : typeof t == "number" && t >= 0 && t <= 1 ? t * e : typeof t == "number" ? t : 0) || [];
+  }, [a, s]), b = c((e, t) => {
+    const n = M();
     if (n.length === 0) return e;
     if (Math.abs(t) > 0.05)
       if (t > 0) {
-        const c = n.filter((i) => i < e);
-        return c.length > 0 ? Math.max(...c) : y ? 0 : G;
+        const l = n.filter((i) => i < e);
+        return l.length > 0 ? Math.max(...l) : w ? 0 : A;
       } else {
-        const c = n.filter((i) => i > e);
-        if (c.length > 0)
-          return Math.min(...c);
+        const l = n.filter((i) => i > e);
+        if (l.length > 0)
+          return Math.min(...l);
       }
-    return n.reduce((c, i) => Math.abs(i - e) < Math.abs(c - e) ? i : c);
-  }, [x]), F = l((e) => {
-    if (m && f) {
-      const t = o && r.current?.parentElement?.offsetHeight || window.innerHeight, n = e <= G ? "0%" : `${Math.round(e / t * 100)}%`;
-      m(n);
+    return n.reduce((l, i) => Math.abs(i - e) < Math.abs(l - e) ? i : l);
+  }, [M]), S = c((e) => {
+    if (d && a) {
+      const t = s && r.current?.parentElement?.offsetHeight || window.innerHeight, n = e <= A ? "0%" : `${Math.round(e / t * 100)}%`;
+      d(n);
     }
-  }, [m, f, o]), E = l((e) => {
-    r.current && (r.current.style.transition = U, r.current.style.height = `${e}px`);
-  }, [m, f, o]), L = l(() => {
-    if (g.current && o) {
-      const { scrollY: e } = g.current;
-      document.body.style.position = "", document.body.style.top = "", document.body.style.width = "", window.scrollTo(0, e), g.current = null;
+  }, [d, a, s]), L = c((e) => {
+    r.current && (r.current.style.transition = V, r.current.style.height = `${e}px`);
+  }, [d, a, s]), R = c(() => {
+    if (m.current && s) {
+      const { scrollY: e } = m.current;
+      document.body.style.position = "", document.body.style.top = "", document.body.style.width = "", window.scrollTo(0, e), m.current = null;
     }
-  }, [o]);
-  M(() => () => {
-    L();
-  }, [L]), M(() => {
-    if (!r.current || !s) return;
-    console.log(s, "new snap");
-    const e = o && r.current.parentElement?.offsetHeight || window.innerHeight;
+  }, [s]);
+  F(() => () => {
+    R();
+  }, [R]), F(() => {
+    if (!r.current || !o) return;
+    console.log(o, "new snap");
+    const e = s && r.current.parentElement?.offsetHeight || window.innerHeight;
     let t = 0;
-    typeof s == "string" && s.endsWith("%") ? parseFloat(s) <= 0 ? t = y ? 0 : G : t = parseFloat(s) / 100 * e : typeof s == "string" && s.endsWith("px") ? t = parseFloat(s) : typeof s == "number" && (s >= 0 && s <= 1 ? t = s * e : t = s), E(t);
-  }, [s, o]);
-  const N = l((e) => {
+    typeof o == "string" && o.endsWith("%") ? parseFloat(o) <= 0 ? t = w ? 0 : A : t = parseFloat(o) / 100 * e : typeof o == "string" && o.endsWith("px") ? t = parseFloat(o) : typeof o == "number" && (o >= 0 && o <= 1 ? t = o * e : t = o), L(t);
+  }, [o, s]);
+  const H = c((e) => {
     if (!r.current) return;
     const t = e.touches[0], n = r.current.offsetHeight;
-    u.current = {
+    f.current = {
       isDragging: !1,
       startY: t.clientY,
       startHeight: n,
@@ -73,10 +74,10 @@ const G = 44, U = "height 0.5s cubic-bezier(0.32, 0.72, 0, 1)", ee = q((a, o) =>
       lastTime: Date.now(),
       velocity: 0
     };
-  }, []), W = l((e) => {
+  }, []), N = c((e) => {
     if (!r.current) return;
     const t = e, n = r.current.offsetHeight;
-    u.current = {
+    f.current = {
       isDragging: !1,
       startY: t.clientY,
       startHeight: n,
@@ -84,128 +85,129 @@ const G = 44, U = "height 0.5s cubic-bezier(0.32, 0.72, 0, 1)", ee = q((a, o) =>
       lastTime: Date.now(),
       velocity: 0
     };
-  }, []), O = l((e) => {
-    if (!u.current || !r.current) return;
-    const t = e.touches[0], n = u.current, b = n.startY - t.clientY, c = n.isDragging || Math.abs(b) > 5;
-    if (!n.isDragging && c && (n.isDragging = !0, o)) {
+  }, []), I = c((e) => {
+    if (!f.current || !r.current) return;
+    const t = e.touches[0], n = f.current, D = n.startY - t.clientY, l = n.isDragging || Math.abs(D) > 5;
+    if (!n.isDragging && l && (n.isDragging = !0, s)) {
       const i = window.scrollY;
-      g.current = { scrollY: i }, document.body.style.position = "fixed", document.body.style.top = `-${i}px`, document.body.style.width = "100%";
+      m.current = { scrollY: i }, document.body.style.position = "fixed", document.body.style.top = `-${i}px`, document.body.style.width = "100%";
     }
-    if (c) {
+    if (l) {
       e.preventDefault();
-      const i = Date.now(), Y = i - n.lastTime;
-      if (Y > 0) {
-        const C = (t.clientY - n.lastY) / Y;
-        n.velocity = n.velocity * 0.8 + C * 0.2;
+      const i = Date.now(), j = i - n.lastTime;
+      if (j > 0) {
+        const G = (t.clientY - n.lastY) / j;
+        n.velocity = n.velocity * 0.8 + G * 0.2;
       }
       n.lastY = t.clientY, n.lastTime = i;
-      const k = n.startHeight + b, $ = o && r.current.parentElement?.offsetHeight || window.innerHeight, z = Math.max(0, Math.min(k, $));
+      const T = n.startHeight + D, $ = s && r.current.parentElement?.offsetHeight || window.innerHeight, z = Math.max(0, Math.min(T, $));
       r.current.style.transition = "none", r.current.style.height = `${z}px`;
     }
-  }, [o]), A = l((e) => {
-    if (!u.current || !r.current) return;
-    const t = e, n = u.current, b = n.startY - t.clientY, c = n.isDragging || Math.abs(b) > 5;
-    if (!n.isDragging && c && (n.isDragging = !0, o)) {
+  }, [s]), _ = c((e) => {
+    if (!f.current || !r.current) return;
+    const t = e, n = f.current, D = n.startY - t.clientY, l = n.isDragging || Math.abs(D) > 5;
+    if (!n.isDragging && l && (n.isDragging = !0, s)) {
       const i = window.scrollY;
-      g.current = { scrollY: i }, document.body.style.position = "fixed", document.body.style.top = `-${i}px`, document.body.style.width = "100%";
+      m.current = { scrollY: i }, document.body.style.position = "fixed", document.body.style.top = `-${i}px`, document.body.style.width = "100%";
     }
-    if (c) {
+    if (l) {
       e.preventDefault();
-      const i = Date.now(), Y = i - n.lastTime;
-      if (Y > 0) {
-        const C = (t.clientY - n.lastY) / Y;
-        n.velocity = n.velocity * 0.8 + C * 0.2;
+      const i = Date.now(), j = i - n.lastTime;
+      if (j > 0) {
+        const G = (t.clientY - n.lastY) / j;
+        n.velocity = n.velocity * 0.8 + G * 0.2;
       }
       n.lastY = t.clientY, n.lastTime = i;
-      const k = n.startHeight + b, $ = o && r.current.parentElement?.offsetHeight || window.innerHeight, z = Math.max(0, Math.min(k, $));
+      const T = n.startHeight + D, $ = s && r.current.parentElement?.offsetHeight || window.innerHeight, z = Math.max(0, Math.min(T, $));
       r.current.style.transition = "none", r.current.style.height = `${z}px`;
     }
-  }, [o]), h = l(() => {
-    if (!u.current || !r.current) return;
-    const e = u.current;
+  }, [s]), h = c(() => {
+    if (!f.current || !r.current) return;
+    const e = f.current;
     if (e.isDragging) {
-      L();
-      const t = r.current.offsetHeight, n = D(t, e.velocity);
-      F(n);
+      R();
+      const t = r.current.offsetHeight, n = b(t, e.velocity);
+      S(n);
     }
-    u.current = null;
-  }, [D, E, L]);
-  M(() => {
-    const e = S.current;
+    f.current = null;
+  }, [b, L, R]);
+  F(() => {
+    const e = Y.current;
     if (e)
-      return e.addEventListener("touchstart", N, { passive: !1 }), e.addEventListener("touchmove", O, { passive: !1 }), e.addEventListener("touchend", h), e.addEventListener("touchcancel", h), e.addEventListener("mousedown", W, { passive: !1 }), e.addEventListener("mousemove", A, { passive: !1 }), e.addEventListener("mouseup", h), e.addEventListener("mouseleave", h), () => {
-        e.removeEventListener("touchstart", N), e.removeEventListener("touchmove", O), e.removeEventListener("touchend", h), e.removeEventListener("touchcancel", h), e.removeEventListener("mousedown", W), e.removeEventListener("mousemove", A), e.removeEventListener("mouseup", h), e.removeEventListener("mouseleave", h);
+      return e.addEventListener("touchstart", H, { passive: !1 }), e.addEventListener("touchmove", I, { passive: !1 }), e.addEventListener("touchend", h), e.addEventListener("touchcancel", h), e.addEventListener("mousedown", N, { passive: !1 }), e.addEventListener("mousemove", _, { passive: !1 }), e.addEventListener("mouseup", h), e.addEventListener("mouseleave", h), () => {
+        e.removeEventListener("touchstart", H), e.removeEventListener("touchmove", I), e.removeEventListener("touchend", h), e.removeEventListener("touchcancel", h), e.removeEventListener("mousedown", N), e.removeEventListener("mousemove", _), e.removeEventListener("mouseup", h), e.removeEventListener("mouseleave", h);
       };
-  }, [N, O, h]);
-  const I = B(() => s !== "0%", [s]);
-  return /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
-    R && /* @__PURE__ */ d.jsx(
+  }, [H, I, h]);
+  const k = J(() => o !== "0%", [o]);
+  return /* @__PURE__ */ g.jsxs(g.Fragment, { children: [
+    O && /* @__PURE__ */ g.jsx(
       "div",
       {
-        className: T(I ? "fixed inset-0 bg-black/40 z-55 cursor-default" : "hidden"),
+        className: W(k ? "fixed inset-0 bg-black/40 z-55 cursor-default" : "hidden"),
         onClick: (e) => {
-          e.preventDefault(), e.stopPropagation(), H && F(0);
+          e.preventDefault(), e.stopPropagation(), E && S(0);
         },
         "aria-hidden": "true"
       }
     ),
-    /* @__PURE__ */ d.jsxs(
+    /* @__PURE__ */ g.jsxs(
       "div",
       {
         ref: r,
-        className: T(
-          o ? "absolute" : "fixed",
+        className: W(
+          s ? "absolute" : "fixed",
           "z-60 bottom-0 w-full overflow-hidden",
           "bg-neutral-default-default",
           "border-t border-neutral-strong-default rounded-t-[12px]",
-          I ? "" : "border-neutral-weak",
-          p,
+          k ? "" : "border-neutral-weak",
+          y,
           "flex flex-col items-center",
           "touch-none select-none"
         ),
         children: [
-          /* @__PURE__ */ d.jsx(
+          /* @__PURE__ */ g.jsx(
             "div",
             {
-              ref: S,
+              ref: Y,
               className: "w-full  absolute top-0 h-11 flex items-center justify-center cursor-grab active:cursor-grabbing z-50 bg-inherit!",
-              children: /* @__PURE__ */ d.jsx("span", { className: "w-12 h-1 rounded-full bg-neutral-weak-default" })
+              children: /* @__PURE__ */ g.jsx("span", { className: "w-12 h-1 rounded-full bg-neutral-weak-default" })
             }
           ),
-          typeof w == "string" ? /* @__PURE__ */ d.jsx("p", { className: " prometeo-fonts-headline-small text-neutral-default-default w-full h-11 bg-inherit absolute top-11 z-50 px-4", children: w }) : w,
-          /* @__PURE__ */ d.jsx(
+          typeof p == "string" ? /* @__PURE__ */ g.jsx("p", { className: " prometeo-fonts-headline-small text-neutral-default-default w-full h-11 bg-inherit absolute top-11 z-50 px-4", children: p }) : p,
+          /* @__PURE__ */ g.jsx(
             "div",
             {
-              ref: j,
-              className: T(
+              ref: C,
+              className: W(
                 "w-full h-full overflow-y-auto px-4 pb-4 ",
-                w ? "mt-22" : "mt-11"
+                p ? "mt-22" : "mt-11"
               ),
               style: {
                 overscrollBehavior: "contain",
-                overflow: I ? "auto" : "hidden"
+                overflow: k ? "auto" : "hidden"
               },
-              children: a
+              children: typeof u == "function" ? u(x) : u
             }
           )
         ]
       }
     )
   ] });
-}, te = () => {
-  const a = v(null), o = l((f) => {
-    a.current?.open(f);
-  }, []), p = l(() => {
-    a.current?.close();
-  }, []);
+}, ne = () => {
+  const u = v(null), s = c((d, w) => {
+    u.current?.open(d, w);
+  }, []), y = c(() => {
+    u.current?.close();
+  }, []), o = c(() => u.current?.isOpen ?? !1, []), a = c(() => u.current?.getContext() ?? null, []);
   return {
-    isOpen: l(() => a.current?.isOpen ?? !1, []),
-    open: o,
-    close: p,
-    drawerRef: a
+    isOpen: o,
+    open: s,
+    close: y,
+    drawerRef: u,
+    getContext: a
   };
 };
 export {
-  ee as default,
-  te as useDrawerMobile
+  te as default,
+  ne as useDrawerMobile
 };

package/dist/Icons/Icons.d.ts

@@ -53,6 +53,7 @@ declare const Icons: {
     readonly Cancel: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
     readonly CheckCircle: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
     readonly FormatColorText: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
+    readonly CheckList: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
 };
 export { Icons };
 export type IconName = keyof typeof Icons;

package/dist/Icons.es.js

@@ -1,6 +1,6 @@
 import { j as h } from "./jsx-runtime-DKDX3adD.js";
 import { memo as v } from "react";
-const l = (t) => v(t), w = l(({
+const l = (t) => v(t), o = l(({
   size: t = 24,
   className: r,
   ...q
@@ -16,7 +16,7 @@ const l = (t) => v(t), w = l(({
     className: r,
     children: /* @__PURE__ */ h.jsx("path", { d: "M480-280q17 0 28.5-11.5T520-320q0-17-11.5-28.5T480-360q-17 0-28.5 11.5T440-320q0 17 11.5 28.5T480-280Zm0-160q17 0 28.5-11.5T520-480q0-17-11.5-28.5T480-520q-17 0-28.5 11.5T440-480q0 17 11.5 28.5T480-440Zm0-160q17 0 28.5-11.5T520-640q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640q0 17 11.5 28.5T480-600Zm320 440H160q-33 0-56.5-23.5T80-240v-160q33 0 56.5-23.5T160-480q0-33-23.5-56.5T80-560v-160q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v160q-33 0-56.5 23.5T800-480q0 33 23.5 56.5T880-400v160q0 33-23.5 56.5T800-160Zm0-80v-102q-37-22-58.5-58.5T720-480q0-43 21.5-79.5T800-618v-102H160v102q37 22 58.5 58.5T240-480q0 43-21.5 79.5T160-342v102h640ZM480-480Z" })
   }
-)), o = l(({
+)), w = l(({
   size: t = 24,
   className: r,
   ...q
@@ -32,7 +32,7 @@ const l = (t) => v(t), w = l(({
     ...q,
     children: /* @__PURE__ */ h.jsx("path", { d: "M480-280q17 0 28.5-11.5T520-320q0-17-11.5-28.5T480-360q-17 0-28.5 11.5T440-320q0 17 11.5 28.5T480-280Zm0-160q17 0 28.5-11.5T520-480q0-17-11.5-28.5T480-520q-17 0-28.5 11.5T440-480q0 17 11.5 28.5T480-440Zm0-160q17 0 28.5-11.5T520-640q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640q0 17 11.5 28.5T480-600Zm320 440H160q-33 0-56.5-23.5T80-240v-160q33 0 56.5-23.5T160-480q0-33-23.5-56.5T80-560v-160q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v160q-33 0-56.5 23.5T800-480q0 33 23.5 56.5T880-400v160q0 33-23.5 56.5T800-160Z" })
   }
-)), T = l(({
+)), s = l(({
   size: t = 24,
   className: r,
   ...q
@@ -48,7 +48,7 @@ const l = (t) => v(t), w = l(({
     className: r,
     children: /* @__PURE__ */ h.jsx("path", { d: "M240-200h120v-240h240v240h120v-360L480-740 240-560v360Zm-80 80v-480l320-240 320 240v480H520v-240h-80v240H160Zm320-350Z" })
   }
-)), s = l(({
+)), T = l(({
   size: t = 24,
   className: r,
   ...q
@@ -144,7 +144,7 @@ const l = (t) => v(t), w = l(({
     className: r,
     children: /* @__PURE__ */ h.jsx("path", { d: "M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z" })
   }
-)), Z = l(({
+)), c = l(({
   size: t = 24,
   className: r,
   ...q
@@ -160,7 +160,7 @@ const l = (t) => v(t), w = l(({
     className: r,
     children: /* @__PURE__ */ h.jsx("path", { d: "M400-240 160-480l240-240 56 58-142 142h486v80H314l142 142-56 58Z" })
   }
-)), c = l(({
+)), Z = l(({
   size: t = 24,
   className: r,
   ...q
@@ -304,7 +304,7 @@ const l = (t) => v(t), w = l(({
     className: r,
     children: /* @__PURE__ */ h.jsx("path", { d: "M400-240v-80h160v80H400ZM240-440v-80h480v80H240ZM120-640v-80h720v80H120Z" })
   }
-)), f = l(({
+)), L = l(({
   size: t = 24,
   className: r,
   ...q
@@ -320,7 +320,7 @@ const l = (t) => v(t), w = l(({
     className: r,
     children: /* @__PURE__ */ h.jsx("path", { d: "M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z" })
   }
-)), H = l(({
+)), f = l(({
   size: t = 24,
   className: r,
   ...q
@@ -336,7 +336,7 @@ const l = (t) => v(t), w = l(({
     className: r,
     children: /* @__PURE__ */ h.jsx("path", { d: "m668-380 152-130 120 10-176 153 52 227-102-62-46-198Zm-94-292-42-98 46-110 92 217-96-9ZM294-287l126-76 126 77-33-144 111-96-146-13-58-136-58 135-146 13 111 97-33 143ZM173-120l65-281L20-590l288-25 112-265 112 265 288 25-218 189 65 281-247-149-247 149Zm247-340Z" })
   }
-)), L = l(({
+)), H = l(({
   size: t = 24,
   className: r,
   ...q
@@ -400,7 +400,7 @@ const l = (t) => v(t), w = l(({
     className: r,
     children: /* @__PURE__ */ h.jsx("path", { d: "M440-320v-326L336-542l-56-58 200-200 200 200-56 58-104-104v326h-80ZM240-160q-33 0-56.5-23.5T160-240v-120h80v120h480v-120h80v120q0 33-23.5 56.5T720-160H240Z" })
   }
-)), E = l(({
+)), V = l(({
   size: t = 24,
   className: r,
   ...q
@@ -416,7 +416,7 @@ const l = (t) => v(t), w = l(({
     className: r,
     children: /* @__PURE__ */ h.jsx("path", { d: "M360-240q-33 0-56.5-23.5T280-320v-480q0-33 23.5-56.5T360-880h360q33 0 56.5 23.5T800-800v480q0 33-23.5 56.5T720-240H360Zm0-80h360v-480H360v480ZM200-80q-33 0-56.5-23.5T120-160v-560h80v560h440v80H200Zm160-240v-480 480Z" })
   }
-)), V = l(({
+)), E = l(({
   size: t = 24,
   className: r,
   ...q
@@ -599,17 +599,33 @@ const l = (t) => v(t), w = l(({
     className: r,
     children: /* @__PURE__ */ h.jsx("path", { d: "M3.5 21V17.5714H20.5V21H3.5ZM6.475 15L10.9375 3H13.0625L17.525 15H15.485L14.4225 11.9143H9.62L8.515 15H6.475ZM10.215 10.2H13.785L12.0425 5.22857H11.9575L10.215 10.2Z", fill: "currentColor" })
   }
-)), z = {
-  Ticket: w,
-  Home: T,
-  Boards: s,
+)), z = l(({
+  size: t = 24,
+  className: r,
+  ...q
+}) => /* @__PURE__ */ h.jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: t,
+    height: t,
+    viewBox: "0 -960 960 960",
+    fill: "currentColor",
+    ...q,
+    className: r,
+    children: /* @__PURE__ */ h.jsx("path", { d: "M286.5 -253.875L180 -360.375L222 -402.375L285.75 -338.625L413.25 -466.125L455.25 -423.375L286.5 -253.875ZM286.5 -493.875L180 -600.375L222 -642.375L285.75 -578.625L413.25 -706.125L455.25 -663.375L286.5 -493.875ZM510 -313.875V-373.875H780V-313.875H510ZM510 -553.875V-613.875H780V-553.875H510Z", fill: "currentColor", transform: "translate(480,-480) scale(1.45) translate(-480,480)" })
+  }
+)), t0 = {
+  Ticket: o,
+  Home: s,
+  Boards: T,
   Notifications: n,
   Help: e,
   Settings: i,
   CrevronLeft: x,
   CrevronRight: g,
-  ArrowLeft: Z,
-  Shared: c,
+  ArrowLeft: c,
+  Shared: Z,
   ChevronDown: m,
   Collapse: d,
   Calendar: C,
@@ -618,14 +634,14 @@ const l = (t) => v(t), w = l(({
   Logout: j,
   ArrowUpDown: a,
   Filter: M,
-  Search: f,
-  Stars: H,
-  MoreVert: L,
+  Search: L,
+  Stars: f,
+  MoreVert: H,
   Add: B,
   Edit: k,
   Upload: y,
-  Copy: E,
-  FaLock: V,
+  Copy: V,
+  FaLock: E,
   AccountCircle: A,
   UserAdd: F,
   AttachFile: S,
@@ -637,7 +653,7 @@ const l = (t) => v(t), w = l(({
   Check: N,
   Info: O,
   Error: P,
-  TicketFilled: o,
+  TicketFilled: w,
   UploadCloud: R,
   Clock: $,
   Pause: G,
@@ -646,10 +662,11 @@ const l = (t) => v(t), w = l(({
   Sort: Q,
   Cancel: W,
   CheckCircle: X,
-  FormatColorText: Y
+  FormatColorText: Y,
+  CheckList: z
 };
-for (const [t, r] of Object.entries(z))
+for (const [t, r] of Object.entries(t0))
   r.displayName = `${t}_Icon`;
 export {
-  z as Icons
+  t0 as Icons
 };

package/dist/{Input-Bhd0bmVq.js → Input-PNwH7rb6.js}

@@ -113,7 +113,7 @@ const h = {
   const x = {
     small: {
       container: "text-sm",
-      input: "h-10 px-3 text-sm",
+      input: "h-10 px-3 text-[1rem]",
       label: "text-xs peer-focus:text-xs peer-placeholder-shown:text-sm",
       icon: "w-4 h-4 right-3"
     },

package/dist/Input.es.js

@@ -1,4 +1,4 @@
-import { I as f } from "./Input-Bhd0bmVq.js";
+import { I as f } from "./Input-PNwH7rb6.js";
 export {
   f as default
 };

package/dist/OtpInput.es.js

@@ -279,7 +279,7 @@ const Ze = (t) => {
     "div",
     {
       className: $(
-        "relative w-14 h-14 text-[1.2rem] text-white",
+        "relative w-12 h-12 md:w-14 md:h-14 text-[1rem] md:text-[1.2rem] text-white",
         "flex items-center justify-center",
         "transition-all duration-300",
         "border-2 border-neutral-default-default rounded-md mx-1",

package/dist/{Select-B32JqJIS.js → Select-C-aLaiJu.js}

@@ -5,7 +5,7 @@ import je, { memo as W, useState as fe, useRef as G, useMemo as Z, useCallback a
 import Be from "./Spinner.es.js";
 import { createPortal as Ke } from "react-dom";
 import { u as Ue } from "./useDragScroll-CHN9OMwn.js";
-import { u as qe, I as Fe } from "./Input-Bhd0bmVq.js";
+import { u as qe, I as Fe } from "./Input-PNwH7rb6.js";
 import Ge from "./CheckBox.es.js";
 import { Skeleton as Ce } from "./Skeleton.es.js";
 const He = (r) => {

package/dist/Select.es.js

@@ -1,4 +1,4 @@
-import { S as f } from "./Select-B32JqJIS.js";
+import { S as f } from "./Select-C-aLaiJu.js";
 export {
   f as default
 };

package/dist/SelectFormik.es.js

@@ -1,6 +1,6 @@
 import { j as m } from "./jsx-runtime-DKDX3adD.js";
 import { useField as c } from "formik";
-import { S as f } from "./Select-B32JqJIS.js";
+import { S as f } from "./Select-C-aLaiJu.js";
 import { useRef as d, useEffect as v } from "react";
 function n(r) {
   return Array.isArray(r) && r.every(