prometeo-design-system 2.2.2 → 2.3.1

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-BhFog7j5.js → CardProfile-BiYr6kY9.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 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-BhFog7j5.js";
+import { C as a } from "./CardProfile-BiYr6kY9.js";
 export {
   a as CardProfile
 };

package/dist/CheckBox.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 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-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 t } from "./jsx-runtime-DKDX3adD.js";
+import { j as t } from "./jsx-runtime-ByW6EXIE.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-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 e } from "./jsx-runtime-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-ByW6EXIE.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.es.js

@@ -1,4 +1,4 @@
-import { j as h } from "./jsx-runtime-DKDX3adD.js";
+import { j as h } from "./jsx-runtime-ByW6EXIE.js";
 const v = ({
   size: t = 24,
   className: q,

package/dist/Image.d.ts

@@ -0,0 +1,4 @@
+export {}
+import PrometeoDesignSystem from './exports/Image'
+export default PrometeoDesignSystem
+export {}

package/dist/Image.es.js

@@ -0,0 +1,91 @@
+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";
+import { Skeleton as S } from "./Skeleton.es.js";
+const T = (s, e) => {
+  if (s.src !== e.src || s.alt !== e.alt || s.width !== e.width || s.height !== e.height || s.className !== e.className || s.lazy !== e.lazy || s.showLoader !== e.showLoader || s.allowPreview !== e.allowPreview) return !1;
+  const r = s.loaderProps, a = e.loaderProps;
+  return !(r !== a && (!r || !a || r.loaderType !== a.loaderType || r.variant !== a.variant || r.speedMultiplier !== a.speedMultiplier || r.className !== a.className || r.size !== a.size || r.backdropClassName !== a.backdropClassName));
+}, D = x(
+  (s) => {
+    const { src: e, alt: r, width: a, height: c, className: f, lazy: y = !0, showLoader: k = !0, loaderProps: I, allowPreview: t = !1, galleryRef: l } = s, { variant: v = "clip", speedMultiplier: j = 0.7, className: z, size: C = 48, backdropClassName: L, loaderType: u = "clasic" } = I || {}, [m, g] = E(!0), h = R(!1), p = N((i) => {
+      const o = new Image();
+      o.src = i, o.onload = () => {
+        g(!1);
+      }, o.onerror = () => {
+        g(!1);
+      };
+    }, []);
+    b(() => {
+      p(e);
+    }, [e, p]), b(() => {
+      l?.current && !h.current && (l.current.addImage({ src: e, alt: r, width: a, height: c, className: f }), h.current = !0);
+    }, [l, e, r, a, c, f]);
+    const w = N(() => {
+      if (t && l?.current) {
+        const o = l.current.images.findIndex((P) => P.src === e);
+        l.current.openLightbox(o >= 0 ? o : 0);
+      }
+    }, [t, l, e]);
+    return (
+      // biome-ignore lint/a11y/noStaticElementInteractions: false positive
+      /* @__PURE__ */ n.jsxs(
+        "div",
+        {
+          className: d(
+            "relative rounded-2xl overflow-hidden select-none",
+            t && l && "cursor-pointer hover:brightness-75 transition-all ease-in-out duration-300",
+            f
+          ),
+          style: {
+            width: a,
+            height: c,
+            minWidth: a,
+            minHeight: c
+          },
+          onClick: w,
+          role: t ? "button" : void 0,
+          tabIndex: t ? 0 : void 0,
+          onKeyDown: t ? (i) => {
+            (i.key === "Enter" || i.key === " ") && (i.preventDefault(), w());
+          } : void 0,
+          children: [
+            /* @__PURE__ */ n.jsx(
+              "img",
+              {
+                draggable: !1,
+                src: e,
+                alt: r,
+                className: d("object-cover", f, "w-full h-full"),
+                loading: y ? "lazy" : "eager"
+              }
+            ),
+            m && k && /* @__PURE__ */ n.jsx(
+              "div",
+              {
+                className: d(
+                  "absolute grid place-items-center",
+                  "inset-0",
+                  u === "skeleton" ? "bg-inherit" : "bg-black/30",
+                  L
+                ),
+                children: u === "clasic" ? /* @__PURE__ */ n.jsx(M, { variant: v, speedMultiplier: j, loading: m, className: z, size: C }) : /* @__PURE__ */ n.jsx(
+                  S,
+                  {
+                    className: "w-full h-full z-100"
+                  }
+                )
+              }
+            )
+          ]
+        }
+      )
+    );
+  },
+  T
+);
+D.displayName = "Image";
+export {
+  D as default
+};

package/dist/ImageGallery-O5Y4oBrD.js

@@ -0,0 +1,352 @@
+import { j as n } from "./jsx-runtime-ByW6EXIE.js";
+import ee, { memo as z, forwardRef as O, useRef as w, useCallback as a, useEffect as te, useState as I, useImperativeHandle as re } from "react";
+import { c as L } from "./cn-B6yFEsav.js";
+import { B as R } from "./Button-Bc0LYLfg.js";
+import { Icons as S } from "./Icons.es.js";
+const F = z(O(({ images: s, className: f }, o) => {
+  const h = w(null), r = w({
+    isDragging: !1,
+    startX: 0,
+    scrollLeft: 0,
+    totalDistance: 0,
+    lastX: 0,
+    lastTime: 0,
+    velocity: 0
+  }), i = w(null), u = a(() => {
+    const e = h.current;
+    if (!e) return;
+    const c = 0.9;
+    Math.abs(r.current.velocity) > 0.5 ? (e.scrollLeft -= r.current.velocity, r.current.velocity *= c, i.current = requestAnimationFrame(u)) : (r.current.velocity = 0, i.current && (cancelAnimationFrame(i.current), i.current = null));
+  }, []), l = a((e) => {
+    const c = h.current;
+    if (!c) return;
+    i.current && (cancelAnimationFrame(i.current), i.current = null);
+    const p = Date.now();
+    r.current = {
+      isDragging: !0,
+      startX: e.pageX - c.offsetLeft,
+      scrollLeft: c.scrollLeft,
+      totalDistance: 0,
+      lastX: e.pageX - c.offsetLeft,
+      lastTime: p,
+      velocity: 0
+    }, c.style.cursor = "grabbing", c.style.scrollBehavior = "auto", c.style.userSelect = "none";
+  }, []), M = a((e) => {
+    const c = h.current;
+    if (!c || !r.current.isDragging) return;
+    e.preventDefault();
+    const p = Date.now(), y = e.pageX - c.offsetLeft, D = y - r.current.startX, b = p - r.current.lastTime;
+    if (r.current.totalDistance += Math.abs(D), b > 0) {
+      const j = y - r.current.lastX;
+      r.current.velocity = j / b * 16;
+    }
+    r.current.lastX = y, r.current.lastTime = p, c.scrollLeft = r.current.scrollLeft - D;
+  }, []), d = a(() => {
+    const e = h.current;
+    e && (e.style.cursor = "grab", e.style.userSelect = "auto", Math.abs(r.current.velocity) > 1 && u(), r.current.isDragging = !1);
+  }, [u]), v = a(() => {
+    const e = h.current;
+    e && r.current.isDragging && (e.style.cursor = "grab", e.style.userSelect = "auto", Math.abs(r.current.velocity) > 1 && u(), r.current.isDragging = !1);
+  }, [u]), x = a(() => r.current.totalDistance < 5, []), m = a((e) => {
+    x() || (e.preventDefault(), e.stopPropagation());
+  }, [x]);
+  return /* @__PURE__ */ n.jsx(
+    "section",
+    {
+      ref: h,
+      className: L("flex gap-4 w-full overflow-x-auto py-2 relative", f),
+      style: {},
+      onMouseDown: l,
+      onMouseMove: M,
+      onMouseUp: d,
+      onMouseLeave: v,
+      onClickCapture: m,
+      "aria-label": "Image gallery",
+      children: s && s.length > 0 && s.map((e, c) => ee.cloneElement(e, {
+        key: e.props.src || c,
+        ...e.props,
+        galleryRef: o,
+        allowPreview: !0
+      }))
+    }
+  );
+}));
+F.displayName = "GalleryPreview";
+const H = z(({ images: s, lightboxClassName: f, closeLightbox: o, showThumbnails: h, thumbnailsClassName: r, currentIndex: i, goToNext: u, goToPrevious: l, goToIndex: M }) => {
+  const d = w(null), v = w(null), x = w(null), m = w({
+    scale: 1,
+    translateX: 0,
+    translateY: 0
+  }), e = w({
+    startX: 0,
+    startY: 0,
+    isDragging: !1,
+    distanceX: 0,
+    distanceY: 0
+  });
+  te(() => {
+    x.current && x.current.focus();
+  }, []);
+  const c = a((t) => {
+    t.preventDefault(), t.stopPropagation(), t.key === "Escape" ? o() : t.key === "ArrowLeft" ? l() : t.key === "ArrowRight" && u();
+  }, [o, l, u]), p = a((t) => {
+    e.current = { startX: t.touches[0].clientX, startY: t.touches[0].clientY, isDragging: !0, distanceX: 0, distanceY: 0 };
+  }, []), y = a((t) => {
+    const X = t.touches[0];
+    e.current = { ...e.current, isDragging: !0, distanceX: X.clientX - e.current.startX, distanceY: X.clientY - e.current.startY };
+  }, []), D = a(() => {
+    e.current = { ...e.current, startX: 0, startY: 0, isDragging: !1 }, Math.abs(e.current.distanceX) > Math.abs(e.current.distanceY) && (e.current.distanceX < 0 ? u() : l());
+  }, [u, l]), b = a(() => {
+    const t = d.current;
+    if (!t) return;
+    const { scale: X, translateX: Y, translateY: k } = m.current;
+    t.style.transform = `scale(${X}) translate(${Y}px, ${k}px)`, t.style.transformOrigin = "center center", t.style.transition = "transform 0.1s ease-out";
+  }, []), j = a(() => {
+    m.current = { scale: 1, translateX: 0, translateY: 0 }, d.current && (d.current.style.transform = "scale(1) translate(0px, 0px)", d.current.style.transformOrigin = "center center");
+  }, []), g = a((t) => {
+    const X = d.current, Y = v.current;
+    if (!X || !Y) return;
+    if (t.shiftKey) {
+      t.deltaY < 0 ? u() : t.deltaY > 0 && l();
+      return;
+    }
+    const k = 2e-3, E = 1, _ = 8, B = -t.deltaY * k, T = m.current.scale;
+    let C = T + B;
+    if (C = Math.max(E, Math.min(_, C)), C === E) {
+      j();
+      return;
+    }
+    const N = Y.getBoundingClientRect(), K = t.clientX - N.left, G = t.clientY - N.top, W = N.width / 2, q = N.height / 2, V = K - W, $ = G - q, A = C / T, U = m.current.translateX, Z = m.current.translateY, J = U - V * (A - 1) / C, Q = Z - $ * (A - 1) / C;
+    m.current = {
+      scale: C,
+      translateX: J,
+      translateY: Q
+    }, b();
+  }, [u, l, b, j]);
+  return s.length === 0 ? null : /* @__PURE__ */ n.jsxs(
+    "div",
+    {
+      ref: x,
+      className: L("fixed inset-0 z-50 bg-black/90 flex items-center justify-center lg:px-16", f),
+      onClick: o,
+      onKeyDown: c,
+      onTouchStart: p,
+      onTouchMove: y,
+      onTouchEnd: D,
+      tabIndex: 0,
+      role: "dialog",
+      "aria-modal": "true",
+      children: [
+        /* @__PURE__ */ n.jsx("div", { className: "absolute top-4 right-4 z-110", children: /* @__PURE__ */ n.jsx(
+          R,
+          {
+            variant: "text",
+            color: "secondary",
+            size: "small",
+            onClick: o,
+            className: "!text-white hover:!text-gray-300 !w-auto !h-auto !p-2",
+            "aria-label": "Close gallery",
+            children: /* @__PURE__ */ n.jsx(S.Close, { size: 24 })
+          }
+        ) }),
+        s.length > 1 && /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+          /* @__PURE__ */ n.jsx(
+            "div",
+            {
+              className: "absolute left-0 lg:h-full items-center flex justify-center w-16 z-100 cursor-w-resize",
+              onClick: (t) => {
+                t.stopPropagation(), l();
+              },
+              children: /* @__PURE__ */ n.jsx(
+                R,
+                {
+                  variant: "text",
+                  color: "secondary",
+                  size: "small",
+                  onClick: (t) => {
+                    t.stopPropagation(), l();
+                  },
+                  className: "!text-white hover:!text-gray-300 !w-auto !h-auto !p-2",
+                  "aria-label": "Previous image",
+                  children: /* @__PURE__ */ n.jsx(S.CrevronLeft, { size: 24 })
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ n.jsx(
+            "div",
+            {
+              className: "absolute right-0 lg:h-full items-center flex justify-center w-16 z-100 cursor-e-resize",
+              onClick: (t) => {
+                t.stopPropagation(), u();
+              },
+              children: /* @__PURE__ */ n.jsx(
+                R,
+                {
+                  variant: "text",
+                  color: "secondary",
+                  size: "small",
+                  onClick: (t) => {
+                    t.stopPropagation(), u();
+                  },
+                  className: "!text-white hover:!text-gray-300 !w-auto !h-auto !p-2",
+                  "aria-label": "Next image",
+                  children: /* @__PURE__ */ n.jsx(S.CrevronRight, { size: 24 })
+                }
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ n.jsx(
+          "div",
+          {
+            ref: v,
+            onClick: (t) => t.stopPropagation(),
+            className: "relative max-w-[90vw] max-h-[98vh] mx-auto  flex flex-col w-max lg:h-full h-max",
+            onWheel: g,
+            children: /* @__PURE__ */ n.jsx(
+              "div",
+              {
+                className: "max-h-[98vh] relative overflow-hidden w-full h-full",
+                style: {
+                  animation: "galleryFadeIn 0.6s ease-in-out"
+                },
+                ref: d,
+                children: /* @__PURE__ */ n.jsx(
+                  "img",
+                  {
+                    src: s[i].src,
+                    alt: s[i].alt,
+                    className: L(
+                      " w-full h-full object-contain select-none",
+                      "prometeo-lightbox-image"
+                    ),
+                    onLoad: () => j()
+                  }
+                )
+              },
+              i
+            )
+          }
+        ),
+        h && /* @__PURE__ */ n.jsx("div", { className: " w-full absolute items-center flex justify-center left-0 right-0 z-[100] bottom-0", children: /* @__PURE__ */ n.jsx(P, { images: s, currentIndex: i, goToIndex: M, thumbnailsClassName: r }) }),
+        s.length > 1 && /* @__PURE__ */ n.jsxs("div", { className: "absolute bottom-20 left-1/2 transform -translate-x-1/2 text-neutral-default-default prometeo-fonts-label-xlarge px-4 py-2 rounded-full", children: [
+          i + 1,
+          " / ",
+          s.length
+        ] })
+      ]
+    }
+  );
+});
+H.displayName = "LightBox";
+const ne = (s, f) => {
+  if (s.currentIndex !== f.currentIndex || s.thumbnailsClassName !== f.thumbnailsClassName || s.images.length !== f.images.length) return !1;
+  for (let o = 0; o < s.images.length; o++)
+    if (s.images[o].src !== f.images[o].src) return !1;
+  return !0;
+}, P = z(({ images: s, currentIndex: f, goToIndex: o, thumbnailsClassName: h }) => /* @__PURE__ */ n.jsxs(
+  "div",
+  {
+    className: "flex gap-4 w-max overflow-x-auto overflow-y-visible max-w-full px-16 py-4",
+    style: {
+      scrollbarWidth: "none",
+      msOverflowStyle: "none",
+      WebkitOverflowScrolling: "touch"
+    },
+    children: [
+      /* @__PURE__ */ n.jsx("style", { children: `
+                .flex.gap-4.w-max::-webkit-scrollbar {
+                    display: none;
+                }
+            ` }),
+      s.map((r, i) => /* @__PURE__ */ n.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: (u) => {
+            u.stopPropagation(), o(i);
+          },
+          className: L(
+            "w-16 h-16 aspect-square min-w-16 rounded overflow-hidden transition-all duration-300 hover:scale-125 cursor-pointer",
+            h,
+            i === f ? "scale-110" : ""
+          ),
+          children: /* @__PURE__ */ n.jsx(
+            "img",
+            {
+              src: r.src,
+              alt: r.alt,
+              className: "w-full h-full object-cover select-none"
+            }
+          )
+        },
+        r.src
+      ))
+    ]
+  }
+), ne);
+P.displayName = "Thumbnails";
+const se = O(
+  (s, f) => {
+    const {
+      children: o,
+      className: h,
+      lightboxClassName: r,
+      showThumbnails: i,
+      thumbnailsClassName: u
+    } = s, [l, M] = I([]), [d, v] = I(!1), [x, m] = I(0), e = o ? Array.isArray(o) ? o : [o] : [], c = a((g) => {
+      M((t) => t.some((Y) => Y.src === g.src) ? t : [...t, g]);
+    }, []), p = a((g = 0) => {
+      m(g), v(!0);
+    }, []), y = a(() => {
+      v(!1);
+    }, []);
+    re(
+      f,
+      () => ({
+        openLightbox: p,
+        closeLightbox: y,
+        isOpen: d,
+        addImage: c,
+        images: l
+      }),
+      [l]
+    );
+    const D = a(() => {
+      m((g) => (g + 1) % l.length);
+    }, [l.length]), b = a(() => {
+      m((g) => (g - 1 + l.length) % l.length);
+    }, [l.length]), j = a((g) => {
+      m(g);
+    }, []);
+    return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+      /* @__PURE__ */ n.jsx(
+        F,
+        {
+          images: e,
+          className: h,
+          ref: f
+        }
+      ),
+      d && /* @__PURE__ */ n.jsx(
+        H,
+        {
+          images: l,
+          closeLightbox: y,
+          showThumbnails: i,
+          lightboxClassName: r,
+          thumbnailsClassName: u,
+          currentIndex: x,
+          goToNext: D,
+          goToPrevious: b,
+          goToIndex: j
+        }
+      )
+    ] });
+  }
+);
+se.displayName = "ImageGallery";
+export {
+  se as I
+};

package/dist/ImageGallery.d.ts

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

package/dist/ImageGallery.es.js

@@ -0,0 +1,23 @@
+import { I as p } from "./ImageGallery-O5Y4oBrD.js";
+import { useRef as u, useCallback as r } from "react";
+const g = () => {
+  const e = u(null), t = r((a) => {
+    e.current?.addImage(a);
+  }, []), n = r(() => {
+    e.current?.openLightbox();
+  }, []), o = r(() => {
+    e.current?.closeLightbox();
+  }, []), s = r(() => e.current?.isOpen ?? !1, []), c = r(() => e.current?.images ?? [], []);
+  return {
+    isOpen: s,
+    openLightbox: n,
+    closeLightbox: o,
+    galleryRef: e,
+    addImage: t,
+    images: c
+  };
+};
+export {
+  p as default,
+  g as useImageGallery
+};

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 e } from "./jsx-runtime-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-ByW6EXIE.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";