prometeo-design-system 2.1.0 → 2.2.2

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";
@@ -92,7 +92,7 @@ const z = ({ children: e, direction: a = "left", isOpen: t, close: n, modal: o =
       "div",
       {
         className: b(
-          "bg-neutral-strong-default p-4 pt-10 h-full top-0 z-[60] w-max overflow-y-auto",
+          "bg-neutral-strong-default p-4 pt-10 h-full top-0 z-60 w-max overflow-y-auto",
           d ? "absolute" : "fixed",
           f({ isOpen: t, direction: a }),
           c

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 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(() => {
+    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();
+    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;
+      } else {
+        const c = n.filter((i) => i > e);
+        if (c.length > 0)
+          return Math.min(...c);
+      }
+    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);
+    }
+  }, [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;
+    }
+  }, [o]);
+  M(() => () => {
+    L();
+  }, [L]), M(() => {
+    if (!r.current || !s) return;
+    console.log(s, "new snap");
+    const e = o && 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) => {
+    if (!r.current) return;
+    const t = e.touches[0], n = r.current.offsetHeight;
+    u.current = {
+      isDragging: !1,
+      startY: t.clientY,
+      startHeight: n,
+      lastY: t.clientY,
+      lastTime: Date.now(),
+      velocity: 0
+    };
+  }, []), W = l((e) => {
+    if (!r.current) return;
+    const t = e, n = r.current.offsetHeight;
+    u.current = {
+      isDragging: !1,
+      startY: t.clientY,
+      startHeight: n,
+      lastY: t.clientY,
+      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)) {
+      const i = window.scrollY;
+      g.current = { scrollY: i }, document.body.style.position = "fixed", document.body.style.top = `-${i}px`, document.body.style.width = "100%";
+    }
+    if (c) {
+      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;
+      }
+      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, $));
+      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)) {
+      const i = window.scrollY;
+      g.current = { scrollY: i }, document.body.style.position = "fixed", document.body.style.top = `-${i}px`, document.body.style.width = "100%";
+    }
+    if (c) {
+      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;
+      }
+      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, $));
+      r.current.style.transition = "none", r.current.style.height = `${z}px`;
+    }
+  }, [o]), h = l(() => {
+    if (!u.current || !r.current) return;
+    const e = u.current;
+    if (e.isDragging) {
+      L();
+      const t = r.current.offsetHeight, n = D(t, e.velocity);
+      F(n);
+    }
+    u.current = null;
+  }, [D, E, L]);
+  M(() => {
+    const e = S.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);
+      };
+  }, [N, O, h]);
+  const I = B(() => s !== "0%", [s]);
+  return /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
+    R && /* @__PURE__ */ d.jsx(
+      "div",
+      {
+        className: T(I ? "fixed inset-0 bg-black/40 z-55 cursor-default" : "hidden"),
+        onClick: (e) => {
+          e.preventDefault(), e.stopPropagation(), H && F(0);
+        },
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ d.jsxs(
+      "div",
+      {
+        ref: r,
+        className: T(
+          o ? "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,
+          "flex flex-col items-center",
+          "touch-none select-none"
+        ),
+        children: [
+          /* @__PURE__ */ d.jsx(
+            "div",
+            {
+              ref: S,
+              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" })
+            }
+          ),
+          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(
+            "div",
+            {
+              ref: j,
+              className: T(
+                "w-full h-full overflow-y-auto px-4 pb-4 ",
+                w ? "mt-22" : "mt-11"
+              ),
+              style: {
+                overscrollBehavior: "contain",
+                overflow: I ? "auto" : "hidden"
+              },
+              children: a
+            }
+          )
+        ]
+      }
+    )
   ] });
-});
-N.displayName = "DrawerMobile";
-const S = () => {
-  const e = x(null), s = t(() => {
-    e.current?.open();
-  }, []), o = t(() => {
-    e.current?.close();
+}, te = () => {
+  const a = v(null), o = l((f) => {
+    a.current?.open(f);
+  }, []), p = l(() => {
+    a.current?.close();
   }, []);
   return {
-    isOpen: t(() => e.current?.isOpen ?? !1, []),
-    open: s,
-    close: o,
-    drawerRef: e
+    isOpen: l(() => a.current?.isOpen ?? !1, []),
+    open: o,
+    close: p,
+    drawerRef: a
   };
 };
 export {
-  N as default,
-  S as useDrawerMobile
+  ee as default,
+  te 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;