prometeo-design-system 2.1.0 → 2.2.1

package/dist/Avatar.es.js

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-ByW6EXIE.js";
+import { j as t } from "./jsx-runtime-DKDX3adD.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-Bc0LYLfg.js → Button-DsbEyjth.js}

@@ -1,4 +1,4 @@
-import { j as f } from "./jsx-runtime-ByW6EXIE.js";
+import { j as f } from "./jsx-runtime-DKDX3adD.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-Bc0LYLfg.js";
+import { B as f } from "./Button-DsbEyjth.js";
 export {
   f as default
 };

package/dist/{CardProfile-BiYr6kY9.js → CardProfile-BhFog7j5.js}

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { c as l } from "./cn-B6yFEsav.js";
 import { motion as i, 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-BiYr6kY9.js";
+import { C as a } from "./CardProfile-BhFog7j5.js";
 export {
   a as CardProfile
 };

package/dist/CheckBox.es.js

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-ByW6EXIE.js";
+import { j as t } from "./jsx-runtime-DKDX3adD.js";
 import { Icons as l } from "./Icons.es.js";
 import { useId as o, useRef as d } from "react";
 const k = ({ className: s, disabled: e, ...a }) => {

package/dist/CheckboxFormik.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.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-ByW6EXIE.js";
+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 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-Bc0LYLfg.js";
+import { B as vt } from "./Button-DsbEyjth.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 t } from "./jsx-runtime-ByW6EXIE.js";
+import { j as t } from "./jsx-runtime-DKDX3adD.js";
 import { forwardRef as u, useState as p, useImperativeHandle as f, useRef as g } from "react";
 import { c as i } from "./cn-B6yFEsav.js";
 const x = u(({

package/dist/DrawerDesktop.es.js

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

package/dist/DropZone.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.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 e } from "./jsx-runtime-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { c as x } from "./cn-B6yFEsav.js";
 import { motion as m } from "framer-motion";
 import { memo as i } from "react";

package/dist/Icons/Icons.d.ts

@@ -48,4 +48,5 @@ export declare const Icons: {
     readonly Pause: ({ size, className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
     readonly FastForward: ({ size, className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
     readonly Trash: ({ size, className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly Sort: ({ size, className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
 };

package/dist/Icons.es.js

@@ -1,4 +1,4 @@
-import { j as h } from "./jsx-runtime-ByW6EXIE.js";
+import { j as h } from "./jsx-runtime-DKDX3adD.js";
 const v = ({
   size: t = 24,
   className: q,
@@ -427,19 +427,19 @@ const v = ({
   size: t = 24,
   className: q,
   ...r
-}) => /* @__PURE__ */ h.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", ...r, viewBox: "0 -960 960 960", width: t, height: t, fill: "currentColor", className: q, children: /* @__PURE__ */ h.jsx("path", { d: "M720-400v-120H600v-80h120v-120h80v120h120v80H800v120h-80Zm-360-80q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 66-47 113t-113 47ZM40-160v-112q0-34 17.5-62.5T104-378q62-31 126-46.5T360-440q66 0 130 15.5T616-378q29 15 46.5 43.5T680-272v112H40Zm80-80h480v-32q0-11-5.5-20T580-306q-54-27-109-40.5T360-360q-56 0-111 13.5T140-306q-9 5-14.5 14t-5.5 20v32Zm240-320q33 0 56.5-23.5T440-640q0-33-23.5-56.5T360-720q-33 0-56.5 23.5T280-640q0 33 23.5 56.5T360-560Zm0-80Zm0 400Z" }) }), U = ({
+}) => /* @__PURE__ */ h.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", ...r, viewBox: "0 -960 960 960", width: t, height: t, fill: "currentColor", className: q, children: /* @__PURE__ */ h.jsx("path", { d: "M720-400v-120H600v-80h120v-120h80v120h120v80H800v120h-80Zm-360-80q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 66-47 113t-113 47ZM40-160v-112q0-34 17.5-62.5T104-378q62-31 126-46.5T360-440q66 0 130 15.5T616-378q29 15 46.5 43.5T680-272v112H40Zm80-80h480v-32q0-11-5.5-20T580-306q-54-27-109-40.5T360-360q-56 0-111 13.5T140-306q-9 5-14.5 14t-5.5 20v32Zm240-320q33 0 56.5-23.5T440-640q0-33-23.5-56.5T360-720q-33 0-56.5 23.5T280-640q0 33 23.5 56.5T360-560Zm0-80Zm0 400Z" }) }), S = ({
   size: t = 24,
   className: q,
   ...r
-}) => /* @__PURE__ */ h.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", ...r, viewBox: "0 -960 960 960", width: t, height: t, fill: "currentColor", className: q, children: /* @__PURE__ */ h.jsx("path", { d: "M720-330q0 104-73 177T470-80q-104 0-177-73t-73-177v-370q0-75 52.5-127.5T400-880q75 0 127.5 52.5T580-700v350q0 46-32 78t-78 32q-46 0-78-32t-32-78v-370h80v370q0 13 8.5 21.5T470-320q13 0 21.5-8.5T500-350v-350q-1-42-29.5-71T400-800q-42 0-71 29t-29 71v370q-1 71 49 120.5T470-160q70 0 119-49.5T640-330v-390h80v390Z" }) }), D = ({
+}) => /* @__PURE__ */ h.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", ...r, viewBox: "0 -960 960 960", width: t, height: t, fill: "currentColor", className: q, children: /* @__PURE__ */ h.jsx("path", { d: "M720-330q0 104-73 177T470-80q-104 0-177-73t-73-177v-370q0-75 52.5-127.5T400-880q75 0 127.5 52.5T580-700v350q0 46-32 78t-78 32q-46 0-78-32t-32-78v-370h80v370q0 13 8.5 21.5T470-320q13 0 21.5-8.5T500-350v-350q-1-42-29.5-71T400-800q-42 0-71 29t-29 71v370q-1 71 49 120.5T470-160q70 0 119-49.5T640-330v-390h80v390Z" }) }), U = ({
   size: t = 24,
   className: q,
   ...r
-}) => /* @__PURE__ */ h.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", ...r, viewBox: "0 -960 960 960", width: t, height: t, fill: "currentColor", className: q, children: /* @__PURE__ */ h.jsx("path", { d: "M480-80q-155 0-269-103T82-440h81q15 121 105.5 200.5T480-160q134 0 227-93t93-227q0-134-93-227t-227-93q-86 0-159.5 42.5T204-640h116v80H88q29-140 139-230t253-90q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm112-232L440-464v-216h80v184l128 128-56 56Z" }) }), F = ({
+}) => /* @__PURE__ */ h.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", ...r, viewBox: "0 -960 960 960", width: t, height: t, fill: "currentColor", className: q, children: /* @__PURE__ */ h.jsx("path", { d: "M480-80q-155 0-269-103T82-440h81q15 121 105.5 200.5T480-160q134 0 227-93t93-227q0-134-93-227t-227-93q-86 0-159.5 42.5T204-640h116v80H88q29-140 139-230t253-90q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm112-232L440-464v-216h80v184l128 128-56 56Z" }) }), D = ({
   size: t = 24,
   className: q,
   ...r
-}) => /* @__PURE__ */ h.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", ...r, viewBox: "0 -960 960 960", width: t, height: t, fill: "currentColor", className: q, children: /* @__PURE__ */ h.jsx("path", { d: "M80-80v-720q0-33 23.5-56.5T160-880h640q33 0 56.5 23.5T880-800v480q0 33-23.5 56.5T800-240H240L80-80Zm126-240h594v-480H160v525l46-45Zm-46 0v-480 480Z" }) }), S = ({
+}) => /* @__PURE__ */ h.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", ...r, viewBox: "0 -960 960 960", width: t, height: t, fill: "currentColor", className: q, children: /* @__PURE__ */ h.jsx("path", { d: "M80-80v-720q0-33 23.5-56.5T160-880h640q33 0 56.5 23.5T880-800v480q0 33-23.5 56.5T800-240H240L80-80Zm126-240h594v-480H160v525l46-45Zm-46 0v-480 480Z" }) }), F = ({
   size: t = 24,
   className: q,
   ...r
@@ -534,7 +534,23 @@ const v = ({
     className: q,
     children: /* @__PURE__ */ h.jsx("path", { d: "M280-120q-33 0-56.5-23.5T200-200v-520h-40v-80h200v-40h240v40h200v80h-40v520q0 33-23.5 56.5T680-120H280Zm400-600H280v520h400v-520ZM360-280h80v-360h-80v360Zm160 0h80v-360h-80v360ZM280-720v520-520Z" })
   }
-), Q = {
+), K = ({
+  size: t = 24,
+  className: q,
+  ...r
+}) => /* @__PURE__ */ h.jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: t,
+    height: t,
+    viewBox: "0 0 8 14",
+    fill: "currentColor",
+    ...r,
+    className: q,
+    children: /* @__PURE__ */ h.jsx("path", { d: "M4 13.3333L0 9.33333L0.95 8.38333L4 11.4333L7.05 8.38333L8 9.33333L4 13.3333ZM0.966667 4.93333L0 4L4 0L8 4L7.03333 4.93333L4 1.9L0.966667 4.93333Z" })
+  }
+), W = {
   Ticket: v,
   Home: T,
   Boards: w,
@@ -563,10 +579,10 @@ const v = ({
   FaLock: y,
   AccountCircle: E,
   UserAdd: A,
-  AttachFile: U,
-  HistoryActivity: D,
-  MessageSquare: F,
-  CloseNavBarDesktop: S,
+  AttachFile: S,
+  HistoryActivity: U,
+  MessageSquare: D,
+  CloseNavBarDesktop: F,
   EyeVisibility: V,
   EyeVisibilityOff: _,
   Check: b,
@@ -577,8 +593,9 @@ const v = ({
   Clock: P,
   Pause: R,
   FastForward: G,
-  Trash: J
+  Trash: J,
+  Sort: K
 };
 export {
-  Q as Icons
+  W as Icons
 };

package/dist/Input.es.js

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-ByW6EXIE.js";
+import { j as t } from "./jsx-runtime-DKDX3adD.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-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.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-ByW6EXIE.js";
+import { j as r } from "./jsx-runtime-DKDX3adD.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-jDE96L2N.js → LayoutGeneric-p4Pll4Cm.js}

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-ByW6EXIE.js";
+import { j as t } from "./jsx-runtime-DKDX3adD.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-jDE96L2N.js";
+import { L as f } from "./LayoutGeneric-p4Pll4Cm.js";
 export {
   f as default
 };

package/dist/Logo.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.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-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.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-ByW6EXIE.js";
+import { j as p } from "./jsx-runtime-DKDX3adD.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-ByW6EXIE.js";
+import { j as t } from "./jsx-runtime-DKDX3adD.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 e } from "./jsx-runtime-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { motion as i, AnimatePresence as E } from "framer-motion";
 import { useRef as v, useState as R, useLayoutEffect as A } from "react";
 import H from "./Avatar.es.js";

package/dist/ProgressBar.es.js

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

package/dist/Select.es.js

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-ByW6EXIE.js";
+import { j as t } from "./jsx-runtime-DKDX3adD.js";
 import { Icons as w } from "./Icons.es.js";
 import { c as o } from "./cn-B6yFEsav.js";
 import { memo as se, useState as y, useRef as re, useEffect as oe } from "react";

package/dist/SelectFormik.es.js

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-ByW6EXIE.js";
+import { j as t } from "./jsx-runtime-DKDX3adD.js";
 import { Icons as h } from "./Icons.es.js";
 import { c as i } from "./cn-B6yFEsav.js";
 import { useField as P, ErrorMessage as M } from "formik";

package/dist/Skeleton.es.js

@@ -1,4 +1,4 @@
-import { j as x } from "./jsx-runtime-ByW6EXIE.js";
+import { j as x } from "./jsx-runtime-DKDX3adD.js";
 import { c as P } from "./cn-B6yFEsav.js";
 import { useRef as $, useLayoutEffect as B } from "react";
 const v = (g) => {

package/dist/Spinner.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { ClipLoader as l, SyncLoader as m, HashLoader as p, GridLoader as x, DotLoader as j, BounceLoader as f } from "react-spinners";
 import { c as L } from "./cn-B6yFEsav.js";
 const y = ({

package/dist/Steps.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { c as j } from "./cn-B6yFEsav.js";
 import { motion as r } from "framer-motion";
 import N from "react";

package/dist/SwipeContainer.es.js

@@ -1,4 +1,4 @@
-import { j as o } from "./jsx-runtime-ByW6EXIE.js";
+import { j as o } from "./jsx-runtime-DKDX3adD.js";
 import { c as i } from "./cn-B6yFEsav.js";
 import { useState as d, useRef as D, useEffect as L } from "react";
 const O = ({

package/dist/Switch.es.js

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

package/dist/TabLinks.es.js

@@ -1,4 +1,4 @@
-import { j as a } from "./jsx-runtime-ByW6EXIE.js";
+import { j as a } from "./jsx-runtime-DKDX3adD.js";
 import { motion as x } from "framer-motion";
 import { memo as b } from "react";
 import { c as r } from "./cn-B6yFEsav.js";

package/dist/Table.es.js

@@ -1,4 +1,4 @@
-import { j as r } from "./jsx-runtime-ByW6EXIE.js";
+import { j as r } from "./jsx-runtime-DKDX3adD.js";
 import { c as l } from "./cn-B6yFEsav.js";
 import * as o from "react";
 const n = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx("div", { className: "w-full", children: /* @__PURE__ */ r.jsx(

package/dist/TextArea.es.js

@@ -1,4 +1,4 @@
-import { j as y } from "./jsx-runtime-ByW6EXIE.js";
+import { j as y } from "./jsx-runtime-DKDX3adD.js";
 import { c as C } from "./cn-B6yFEsav.js";
 import * as s from "react";
 function M({

package/dist/Tooltip.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { AnimatePresence as f, motion as n } from "framer-motion";
 import { useState as p, cloneElement as x } from "react";
 import { Icons as b } from "./Icons.es.js";

package/dist/components/Drawer/DrawerDesktop.d.ts

@@ -13,5 +13,5 @@ export interface DrawerDesktopProps {
     attachToParent?: boolean;
     closeOnOverlayClick?: boolean;
 }
-declare const DrawerDesktopV2: import('react').ForwardRefExoticComponent<DrawerDesktopProps & import('react').RefAttributes<DrawerDesktopHandle>>;
-export default DrawerDesktopV2;
+declare const DrawerDesktop: import('react').ForwardRefExoticComponent<DrawerDesktopProps & import('react').RefAttributes<DrawerDesktopHandle>>;
+export default DrawerDesktop;