prometeo-design-system 2.6.7 → 2.7.0

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

@@ -2,14 +2,14 @@ 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";
-import { memo as P, useCallback as w, useMemo as h } from "react";
-const C = (l) => typeof l == "boolean" ? `${l}` : l === 0 ? "0" : l, V = B, _ = (l, d) => (e) => {
+import { memo as P, useCallback as C, useMemo as h } from "react";
+const V = (l) => typeof l == "boolean" ? `${l}` : l === 0 ? "0" : l, w = B, _ = (l, d) => (e) => {
   var m;
-  if (d?.variants == null) return V(l, e?.class, e?.className);
+  if (d?.variants == null) return w(l, e?.class, e?.className);
   const { variants: v, defaultVariants: t } = d, n = Object.keys(v).map((s) => {
     const u = e?.[s], i = t?.[s];
     if (u === null) return null;
-    const o = C(u) || C(i);
+    const o = V(u) || V(i);
     return v[s][o];
   }), r = e && Object.entries(e).reduce((s, u) => {
     let [i, o] = u;
@@ -31,7 +31,7 @@ const C = (l) => typeof l == "boolean" ? `${l}` : l === 0 ? "0" : l, V = B, _ =
       o
     ] : s;
   }, []);
-  return V(l, n, a, e?.class, e?.className);
+  return w(l, n, a, e?.class, e?.className);
 }, $ = _(
   "flex items-center justify-center cursor-pointer focus:outline-none font-semibold rounded-md transition-colors",
   {
@@ -51,7 +51,7 @@ const C = (l) => typeof l == "boolean" ? `${l}` : l === 0 ? "0" : l, V = B, _ =
         large: "h-[56px] w-[145px] w-fit px-4 py-3 text-base"
       },
       disabled: {
-        true: "opacity-50 cursor-not-allowed",
+        true: "opacity-50 cursor-default",
         false: ""
       },
       loading: {
@@ -125,9 +125,9 @@ function z({
   form: x,
   ...N
 }) {
-  const c = E(), H = w(() => {
+  const c = E(), H = C(() => {
     !t || a || r || !n || c.start({ rotate: 90 });
-  }, [t, a, r, n, c]), S = w(() => {
+  }, [t, a, r, n, c]), S = C(() => {
     !t || a || r || !n || c.start({ rotate: 0 });
   }, [t, a, r, n, c]), k = h(() => g(
     $({

package/dist/Button.es.js

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

package/dist/ButtonV2.d.ts

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

package/dist/ButtonV2.es.js

@@ -0,0 +1,217 @@
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { memo as N, useMemo as V } from "react";
+import B from "./Spinner.es.js";
+const M = {
+  small: {
+    container: "h-10 px-4 py-2",
+    label: "",
+    icon: ""
+  },
+  medium: {
+    container: "h-12 px-6 py-2",
+    label: "",
+    icon: ""
+  },
+  large: {
+    container: "h-14 px-6 py-2",
+    label: "",
+    icon: ""
+  }
+}, n = {
+  filled: {
+    primary: {
+      container: ` bg-primary-default-default border-primary-default-default
+            hover:bg-primary-default-hover
+            active:bg-primary-default-focused            
+            `,
+      label: " text-neutral-strong-default! group-hover:text-neutral-strong-hover! group-active:text-neutral-strong-pressed!",
+      icon: " text-neutral-strong-default! group-hover:text-neutral-strong-hover! group-active:text-neutral-strong-pressed!"
+    },
+    secondary: {
+      container: `bg-neutral-medium-default border-neutral-medium-default
+            hover:bg-neutral-medium-hover
+            active:bg-neutral-medium-pressed`,
+      label: "text-neutral-strong-default! group-hover:text-neutral-strong-hover! group-active:text-neutral-strong-pressed!",
+      icon: "text-neutral-strong-default! group-hover:text-neutral-strong-hover! group-active:text-neutral-strong-pressed!"
+    },
+    success: {
+      container: "bg-success-default-default border-success-default-default hover:bg-success-default-hover active:bg-success-default-pressed",
+      label: "text-neutral-weak-default group-hover:text-neutral-weak-hover group-active:text-neutral-weak-pressed",
+      icon: "text-neutral-weak-default group-hover:text-neutral-weak-hover group-active:text-neutral-weak-pressed"
+    },
+    error: {
+      container: "bg-error-default-default hover:bg-error-default-hover active:bg-error-default-pressed",
+      label: "text-neutral-strong-default group-hover:text-neutral-strong-hover group-active:text-neutral-strong-pressed",
+      icon: "text-neutral-strong-default group-hover:text-neutral-strong-hover group-active:text-neutral-strong-pressed"
+    },
+    warning: {
+      container: "bg-warning-default-default hover:bg-warning-default-hover active:bg-warning-default-pressed",
+      label: "text-neutral-weak-default group-hover:text-neutral-weak-hover group-active:text-neutral-weak-pressed",
+      icon: "text-neutral-weak-default group-hover:text-neutral-weak-hover group-active:text-neutral-weak-pressed"
+    },
+    disabled: {
+      container: "bg-primary-medium-disabled border-transparent cursor-default!",
+      label: "text-neutral-strong-disabled group-hover:text-neutral-strong-disabled group-active:text-neutral-strong-disabled",
+      icon: "text-neutral-strong-disabled group-hover:text-neutral-strong-disabled group-active:text-neutral-strong-disabled"
+    }
+  },
+  outlined: {
+    primary: {
+      container: `bg-transparent border-primary-default-default border
+            hover:bg-neutral-default-hover hover:border-primary-medium-hover
+            active:bg-neutral-default-pressed active:border-primary-medium-pressed
+            `,
+      label: "text-primary-default-default group-hover:text-primary-medium-hover group-active:text-primary-medium-pressed",
+      icon: "text-primary-default-default group-hover:text-primary-medium-hover group-active:text-primary-medium-pressed"
+    },
+    secondary: {
+      container: "bg-transparent border-neutral-medium-default border hover:bg-neutral-default-hover hover:border-neutral-medium-hover active:bg-neutral-default-pressed active:border-neutral-medium-pressed",
+      label: "text-neutral-strong-default group-hover:text-neutral-storng-hover group-active:text-neutral-storng-pressed",
+      icon: "text-neutral-strong-default group-hover:text-neutral-storng-hover group-active:text-neutral-storng-pressed"
+    },
+    success: {
+      container: "border border-success-default-default hover:border-success-default-hover hover:bg-neutral-default-hover active:border-success-default-pressed active:bg-neutral-default-pressed",
+      label: "text-success-medium-default group-hover:text-success-medium-hover group-active:text-success-medium-pressed",
+      icon: "text-success-medium-default group-hover:text-success-medium-hover group-active:text-success-medium-pressed"
+    },
+    error: {
+      container: "border border-error-default-default hover:border-error-default-hover hover:bg-neutral-default-hover active:border-error-default-pressed active:bg-neutral-default-pressed",
+      label: "text-error-medium-default group-hover:text-error-medium-hover group-active:text-error-medium-pressed",
+      icon: "text-error-medium-default group-hover:text-error-medium-hover group-active:text-error-medium-pressed"
+    },
+    warning: {
+      container: "border border-warning-default-default hover:border-warning-default-hover hover:bg-neutral-default-hover active:border-warning-default-pressed active:bg-neutral-default-pressed",
+      label: "text-warning-medium-default group-hover:text-warning-medium-hover group-active:text-warning-medium-pressed",
+      icon: "text-warning-medium-default group-hover:text-warning-medium-hover group-active:text-warning-medium-pressed"
+    },
+    disabled: {
+      container: "bg-neutral-default-disabled border-neutral-default-disabled border cursor-default!",
+      label: "text-neutral-default-disabled group-hover:text-neutral-default-disabled group-active:text-neutral-default-disabled",
+      icon: "text-neutral-default-disabled group-hover:text-neutral-default-disabled group-active:text-neutral-default-disabled"
+    }
+  },
+  text: {
+    primary: {
+      container: " bg-transparent border-0 text-primary-default-default hover:bg-neutral-default-hover hover:border-primary-medium-hover active:bg-neutral-default-pressed",
+      label: "text-primary-default-default group-hover:text-primary-medium-hover group-active:text-primary-medium-pressed",
+      icon: "text-primary-default-default group-hover:text-primary-medium-hover group-active:text-primary-medium-pressed"
+    },
+    secondary: {
+      container: "bg-transparent border-0 hover:bg-neutral-default-hover hover:border-neutral-medium-hover active:bg-neutral-default-pressed",
+      label: "text-neutral-strong-hover group-hover:text-neutral-storng-hover group-active:text-neutral-storng-pressed",
+      icon: "text-neutral-strong-hover group-hover:text-neutral-storng-hover group-active:text-neutral-storng-pressed"
+    },
+    success: {
+      container: "border border-transparent hover:border-success-default-hover hover:bg-neutral-default-hover hover:border-success-default-hover active:border-success-default-pressed active:bg-neutral-default-pressed",
+      label: "text-success-medium-default group-hover:text-success-medium-hover group-active:text-success-medium-pressed",
+      icon: "text-success-medium-default group-hover:text-success-medium-hover group-active:text-success-medium-pressed"
+    },
+    error: {
+      container: "border border-transparent hover:border-error-default-hover hover:bg-neutral-default-hover hover:border-error-default-hover active:border-error-default-pressed active:bg-neutral-default-pressed",
+      label: "text-error-medium-default group-hover:text-error-medium-hover group-active:text-error-medium-pressed",
+      icon: "text-error-medium-default group-hover:text-error-medium-hover group-active:text-error-medium-pressed"
+    },
+    warning: {
+      container: "border border-transparent hover:border-warning-default-hover hover:bg-neutral-default-hover hover:border-warning-default-hover active:border-warning-default-pressed active:bg-neutral-default-pressed",
+      label: "text-warning-medium-default group-hover:text-warning-medium-hover group-active:text-warning-medium-pressed",
+      icon: "text-warning-medium-default group-hover:text-warning-medium-hover group-active:text-warning-medium-pressed"
+    },
+    disabled: {
+      container: "bg-transparent border-neutral-default-disabled border-none cursor-default! hover:bg-transparent",
+      label: "text-neutral-medium-focused group-hover:text-neutral-medium-focused group-active:text-neutral-medium-focused",
+      icon: "text-neutral-medium-focused group-hover:text-neutral-medium-focused group-active:text-neutral-medium-focused"
+    }
+  }
+}, l = {
+  small: {
+    container: "",
+    label: "prometeo-fonts-label-large",
+    icon: ""
+  },
+  medium: {
+    container: "",
+    label: "prometeo-fonts-label-xlarge",
+    icon: ""
+  },
+  large: {
+    container: "",
+    label: "prometeo-fonts-label-xlarge",
+    icon: ""
+  }
+}, c = {
+  container: "flex items-center gap-1 w-max rounded-lg bg-transparent cursor-pointer transition-all ease-in-out duration-300",
+  label: "w-max transition-all ease-in-out duration-300",
+  icon: "w-max transition-all ease-in-out duration-300"
+}, A = {
+  true: {
+    container: "hover:scale-105 active:scale-95 disabled:scale-100"
+  },
+  false: {
+    container: ""
+  }
+}, C = {
+  true: {
+    icon: "group-hover:rotate-90 group-active:rotate-0 group-disabled:rotate-0"
+  },
+  false: {
+    icon: ""
+  }
+}, E = ({
+  label: m,
+  onClick: g,
+  icon: d,
+  contentClassName: s,
+  loadingText: v = "Cargando...",
+  animate: b = !0,
+  animateIcon: f = !0,
+  isLoading: t = !1,
+  children: i,
+  hideSpinner: h = !1,
+  spinner: x = /* @__PURE__ */ e.jsx(B, { size: "small", variant: "clip", speedMultiplier: 0.5, className: "mt-1.5", color: "var(--neutral-600)" }),
+  type: w,
+  className: y,
+  disabled: o,
+  variant: a = "filled",
+  form: $,
+  size: r = "medium",
+  color: p = "primary"
+}) => {
+  const k = f && !o && !t ? "true" : "false", j = b && !o && !t ? "true" : "false", u = o || t ? "disabled" : p, S = V(() => i || (t ? /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-1", children: [
+    !h && x,
+    /* @__PURE__ */ e.jsx("span", { className: ` ${l[r].label} ${n[a][u].label} ${r === "small" ? "prometeo-fonts-label-xsmall" : ""}`, children: v })
+  ] }) : /* @__PURE__ */ e.jsxs("div", { className: `flex items-center gap-1 ${s}`, children: [
+    d && /* @__PURE__ */ e.jsx("span", { className: `
+            ${c.icon}
+            ${n[a][u].icon} 
+            ${l[r].icon}
+            ${C[k].icon}
+            `, children: d }),
+    /* @__PURE__ */ e.jsx("span", { className: `
+            ${c.label}
+            ${n[a][u].label} 
+            ${l[r].label}
+            `, children: m })
+  ] })), [i, s, d, m, a, p, r]);
+  return /* @__PURE__ */ e.jsx(
+    "button",
+    {
+      type: w,
+      className: `
+            group
+            ${c.container}
+            ${l[r].container}
+            ${M[r].container}
+            ${n[a][u].container}
+            ${A[j].container}
+            ${y}
+        `,
+      disabled: o || t,
+      form: $,
+      onClick: g,
+      children: /* @__PURE__ */ e.jsx("div", { className: `flex items-center gap-1 ${s}`, children: S })
+    }
+  );
+}, D = N(E);
+export {
+  D as default
+};

package/dist/CheckboxFormik.es.js

@@ -3,8 +3,8 @@ 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";
 import { useState as b } from "react";
-const k = ({ label: c, className: d, containerClassName: m, id: o, disabled: n = !1, ...t }) => {
-  const [a, l] = h({ ...t, type: "checkbox" }), [u, i] = b(!1), s = l.touched && l.error;
+const k = ({ label: c, className: d, containerClassName: m, id: o, disabled: s = !1, ...t }) => {
+  const [a, l] = h({ ...t, type: "checkbox" }), [u, i] = b(!1), n = l.touched && l.error;
   return /* @__PURE__ */ e.jsxs("div", { className: r("relative w-full", m), children: [
     /* @__PURE__ */ e.jsxs(
       "label",
@@ -12,7 +12,7 @@ const k = ({ label: c, className: d, containerClassName: m, id: o, disabled: n =
         htmlFor: o || t.name,
         className: r(
           "flex items-center gap-3 cursor-pointer transition-all duration-200 ease-in-out",
-          n ? "cursor-not-allowed opacity-60" : "hover:opacity-80",
+          s ? "cursor-default opacity-60" : "hover:opacity-80",
           d
         ),
         children: [
@@ -31,7 +31,7 @@ const k = ({ label: c, className: d, containerClassName: m, id: o, disabled: n =
                 onBlur: (f) => {
                   i(!1), t.onBlur?.(), a.onBlur(f);
                 },
-                disabled: n,
+                disabled: s,
                 className: r(
                   "sr-only"
                 )
@@ -42,8 +42,8 @@ const k = ({ label: c, className: d, containerClassName: m, id: o, disabled: n =
               {
                 className: r(
                   "w-5 h-5 rounded border-2 transition-all duration-200 ease-in-out flex items-center justify-center",
-                  a.value ? "bg-primary-default-default border-primary-default-default" : u ? "border-primary-default-default bg-transparent" : s ? "border-error-default-default bg-transparent" : "border-neutral-default-default bg-transparent hover:border-neutral-strong-default",
-                  n && "bg-neutral-medium-default border-neutral-medium-default"
+                  a.value ? "bg-primary-default-default border-primary-default-default" : u ? "border-primary-default-default bg-transparent" : n ? "border-error-default-default bg-transparent" : "border-neutral-default-default bg-transparent hover:border-neutral-strong-default",
+                  s && "bg-neutral-medium-default border-neutral-medium-default"
                 ),
                 children: a.value && /* @__PURE__ */ e.jsx(
                   x.Check,
@@ -51,7 +51,7 @@ const k = ({ label: c, className: d, containerClassName: m, id: o, disabled: n =
                     size: 14,
                     className: r(
                       "text-white transition-all duration-200 ease-in-out",
-                      n && "text-neutral-strong-default"
+                      s && "text-neutral-strong-default"
                     )
                   }
                 )
@@ -64,8 +64,8 @@ const k = ({ label: c, className: d, containerClassName: m, id: o, disabled: n =
             {
               className: r(
                 "text-sm transition-colors duration-200 ease-in-out select-none",
-                s && "text-error-default-default",
-                n && "text-neutral-medium-default"
+                n && "text-error-default-default",
+                s && "text-neutral-medium-default"
               ),
               children: c
             }
@@ -73,7 +73,7 @@ const k = ({ label: c, className: d, containerClassName: m, id: o, disabled: n =
         ]
       }
     ),
-    s && /* @__PURE__ */ e.jsx(
+    n && /* @__PURE__ */ e.jsx(
       p,
       {
         name: t.name,

package/dist/DatePicker.es.js

@@ -1,11 +1,11 @@
 import { j as q } from "./jsx-runtime-DKDX3adD.js";
 import m, { createContext as mn, useContext as hn, useCallback as R, 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-i6OzjjFo.js";
+import { I as wn } from "./Input-BTsR-vNF.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-CvBWH1HX.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/DrawerDesktop.es.js

@@ -1,6 +1,6 @@
 import { j as l } from "./jsx-runtime-DKDX3adD.js";
 import { c as h } from "./cn-B6yFEsav.js";
-import { c as k, B as E } from "./Button-DsbEyjth.js";
+import { c as k, B as E } from "./Button-CvBWH1HX.js";
 import { createPortal as I } from "react-dom";
 import { Icons as V } from "./Icons.es.js";
 import { forwardRef as B, useRef as u, useState as N, useEffect as d, useCallback as f, useImperativeHandle as P } from "react";

package/dist/DropZone.es.js

@@ -1,7 +1,7 @@
 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";
+import R, { useCallback as z } from "react";
+import { useDropzone as w } from "react-dropzone";
 import { Icons as u } from "./Icons.es.js";
 const E = R.forwardRef(
   ({
@@ -17,7 +17,7 @@ const E = R.forwardRef(
     maxFiles: j = 1,
     ...N
   }, b) => {
-    const y = w((s, o) => {
+    const y = z((s, o) => {
       s.length > 0 && d?.(s), o.length > 0 && m?.(o);
     }, [d, m]), {
       getRootProps: D,
@@ -25,7 +25,7 @@ const E = R.forwardRef(
       isDragActive: a,
       isDragReject: t,
       fileRejections: n
-    } = z({
+    } = w({
       onDrop: y,
       accept: g,
       maxFiles: j,
@@ -54,7 +54,7 @@ const E = R.forwardRef(
             "ring-2 ring-destructive/20"
           ],
           l && [
-            "cursor-not-allowed opacity-60",
+            "cursor-default opacity-60",
             "border-muted-foreground/20 bg-muted/30"
           ]
         ),

package/dist/FAButton.es.js

@@ -30,7 +30,7 @@ const v = {
     error: "text-error-default-default hover:text-error-default-hover active:text-error-default-pressed",
     warning: "text-warning-default-default hover:text-warning-default-hover active:text-warning-default-pressed"
   }
-}, h = "bg-primary-default-disabled text-neutral-default-disabled hover:bg-primary-default-disabled active:bg-primary-default-disabled cursor-not-allowed", g = (e) => {
+}, h = "bg-primary-default-disabled text-neutral-default-disabled hover:bg-primary-default-disabled active:bg-primary-default-disabled cursor-default", g = (e) => {
   const t = e.position || v, r = e.attachToParent || !1, o = e.color || "primary", l = e.icon || f.Add, a = e.disabled || !1, u = e.variant || "filled", d = /* @__PURE__ */ i.jsx(
     "div",
     {

package/dist/Header.es.js

@@ -1,16 +1,16 @@
 import { j as l } from "./jsx-runtime-DKDX3adD.js";
-import { c as i } from "./cn-B6yFEsav.js";
-import { motion as n } from "framer-motion";
-import { memo as r } from "react";
-const x = ({ title: e, subtitle: t, children: a, className: s, subtitleClassName: m }) => /* @__PURE__ */ l.jsx(
+import { c as a } from "./cn-B6yFEsav.js";
+import { motion as r } from "framer-motion";
+import { memo as d } from "react";
+const x = ({ title: e, subtitle: t, children: i, className: s, subtitleClassName: m, titleClassName: n }) => /* @__PURE__ */ l.jsx(
   "header",
   {
-    className: i(
+    className: a(
       "h-16 flex items-center px-4 sm:h-20 md:h-24 md:px-6 lg:h-28 xl:h-32 2xl:h-36",
       s
     ),
     children: /* @__PURE__ */ l.jsxs(
-      n.div,
+      r.div,
       {
         initial: { opacity: 0, y: -10 },
         animate: { opacity: 1, y: 0 },
@@ -18,15 +18,15 @@ const x = ({ title: e, subtitle: t, children: a, className: s, subtitleClassName
         className: "flex justify-between items-center w-full",
         children: [
           /* @__PURE__ */ l.jsxs("div", { className: "flex flex-col leading-6", children: [
-            t && /* @__PURE__ */ l.jsx("h3", { className: i("text-xs font-semibold text-neutral-medium-default leading-1 sm:leading-2 prometeo-fonts-headline-large ", m), children: t }),
-            e && /* @__PURE__ */ l.jsx("h1", { className: "text-xl font-bold text-neutral-strong-default sm:text-2xl md:text-3xl xl:text-[32px] 2xl:text-[34px]", children: e })
+            t && /* @__PURE__ */ l.jsx("h3", { className: a("font-semibold text-neutral-medium-default leading-1 sm:leading-2 prometeo-fonts-headline-large ", m), children: t }),
+            e && /* @__PURE__ */ l.jsx("h1", { className: a("text-xl font-bold text-neutral-strong-default sm:text-2xl md:text-3xl xl:text-[32px] 2xl:text-[34px]", n), children: e })
           ] }),
-          a && /* @__PURE__ */ l.jsx("div", { className: "flex gap-4", children: a })
+          i && /* @__PURE__ */ l.jsx("div", { className: "flex gap-4", children: i })
         ]
       }
     )
   }
-), u = r(x, (e, t) => e.title !== t.title || e.subtitle !== t.subtitle || e.className !== t.className ? !1 : e.children !== t.children ? !e.children && !t.children : !0);
+), h = d(x, (e, t) => e.title !== t.title || e.subtitle !== t.subtitle || e.className !== t.className ? !1 : e.children !== t.children ? !e.children && !t.children : !0);
 export {
-  u as default
+  h as default
 };

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

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

package/dist/ImageGallery.es.js

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