prometeo-design-system 1.9.3 → 1.9.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/dist/Avatar.es.js +1 -1
  2. package/dist/Button.es.js +1 -1
  3. package/dist/{CardProfile-BZajBGbO.js → CardProfile-Bg_q2qMm.js} +1 -1
  4. package/dist/CardProfile.es.js +1 -1
  5. package/dist/CheckBox.es.js +1 -1
  6. package/dist/CheckboxFormik.es.js +1 -1
  7. package/dist/DialogModal.es.js +45 -39
  8. package/dist/DrawerDesktop.es.js +1 -1
  9. package/dist/DrawerMobile.es.js +1 -1
  10. package/dist/DropZone.es.js +1 -1
  11. package/dist/Header.es.js +1 -1
  12. package/dist/Icons.es.js +1 -1
  13. package/dist/Input.es.js +1 -1
  14. package/dist/InputFormik.es.js +1 -1
  15. package/dist/InputMultiple.es.js +1 -1
  16. package/dist/{LayoutGeneric-jDE96L2N.js → LayoutGeneric-p4Pll4Cm.js} +1 -1
  17. package/dist/LayoutGeneric.es.js +1 -1
  18. package/dist/Logo.es.js +1 -1
  19. package/dist/Menu.es.js +1 -1
  20. package/dist/OtpInput.es.js +1 -1
  21. package/dist/Pagination.es.js +1 -1
  22. package/dist/ProfilePictureUpload.es.js +171 -131
  23. package/dist/ProgressBar.es.js +1 -1
  24. package/dist/Select.es.js +1 -1
  25. package/dist/SelectFormik.es.js +1 -1
  26. package/dist/Spinner.es.js +1 -1
  27. package/dist/Steps.es.js +1 -1
  28. package/dist/SwipeContainer.es.js +1 -1
  29. package/dist/Switch.es.js +1 -1
  30. package/dist/TabLinks.es.js +1 -1
  31. package/dist/Table.es.js +1 -1
  32. package/dist/TextArea.es.js +1 -1
  33. package/dist/Tooltip.es.js +1 -1
  34. package/dist/components/Dialog/Dialog.d.ts +0 -1
  35. package/dist/components/ProfilePictureUpload/ProfilePictureUpload.d.ts +2 -1
  36. package/dist/{jsx-runtime-ByW6EXIE.js → jsx-runtime-DKDX3adD.js} +94 -96
  37. package/dist/prometeo-design-system.css +1 -1
  38. package/dist/prometeo-design-system.es.js +4 -4
  39. package/package.json +11 -7
  40. package/src/styles/intellisense.css +213 -0
package/dist/Avatar.es.js CHANGED
@@ -1,4 +1,4 @@
1
- import { j as t } from "./jsx-runtime-ByW6EXIE.js";
1
+ import { j as t } from "./jsx-runtime-DKDX3adD.js";
2
2
  import { c as p } from "./cn-B6yFEsav.js";
3
3
  import { motion as f } from "framer-motion";
4
4
  import { useState as u } from "react";
package/dist/Button.es.js CHANGED
@@ -1,4 +1,4 @@
1
- import { j as o } from "./jsx-runtime-ByW6EXIE.js";
1
+ import { j as o } from "./jsx-runtime-DKDX3adD.js";
2
2
  import { c as x } from "./cn-B6yFEsav.js";
3
3
  import { c as N } from "./index-BOQuZ0gG.js";
4
4
  import { useAnimationControls as k, motion as y } from "framer-motion";
@@ -1,4 +1,4 @@
1
- import { j as e } from "./jsx-runtime-ByW6EXIE.js";
1
+ import { j as e } from "./jsx-runtime-DKDX3adD.js";
2
2
  import { c as l } from "./cn-B6yFEsav.js";
3
3
  import { motion as i, AnimatePresence as u } from "framer-motion";
4
4
  import m from "./Avatar.es.js";
@@ -1,4 +1,4 @@
1
- import { C as a } from "./CardProfile-BZajBGbO.js";
1
+ import { C as a } from "./CardProfile-Bg_q2qMm.js";
2
2
  export {
3
3
  a as CardProfile
4
4
  };
@@ -1,4 +1,4 @@
1
- import { j as t } from "./jsx-runtime-ByW6EXIE.js";
1
+ import { j as t } from "./jsx-runtime-DKDX3adD.js";
2
2
  import { Icons as l } from "./Icons.es.js";
3
3
  import { useId as o, useRef as d } from "react";
4
4
  const k = ({ className: s, disabled: e, ...a }) => {
@@ -1,4 +1,4 @@
1
- import { j as e } from "./jsx-runtime-ByW6EXIE.js";
1
+ import { j as e } from "./jsx-runtime-DKDX3adD.js";
2
2
  import { Icons as x } from "./Icons.es.js";
3
3
  import { c as r } from "./cn-B6yFEsav.js";
4
4
  import { useField as h, ErrorMessage as p } from "formik";
@@ -1,40 +1,46 @@
1
- import { j as t } from "./jsx-runtime-ByW6EXIE.js";
2
- import { forwardRef as u, useState as p, useImperativeHandle as f, useRef as g } from "react";
3
- import { c as i } from "./cn-B6yFEsav.js";
4
- const x = u(({
5
- children: e,
6
- onClose: o,
7
- className: s
8
- }, n) => {
9
- const [r, l] = p(!1), c = () => l(!0), a = () => {
10
- l(!1), o?.();
11
- };
12
- return f(n, () => ({
13
- open: c,
14
- close: a,
15
- isOpen: r
16
- })), /* @__PURE__ */ t.jsx(t.Fragment, { children: r && /* @__PURE__ */ t.jsx(
17
- "div",
18
- {
19
- className: "fixed inset-0 z-50 flex items-center justify-center bg-black/30 backdrop-blur-[1.5px]",
20
- onClick: a,
21
- children: /* @__PURE__ */ t.jsx(
22
- "div",
23
- {
24
- className: i("bg-neutral-default-default w-3/4 h-3/4 xl:w-3/4 xl:h-10/12 rounded-lg shadow-lg border-neutral-strong-default border relative p-6", s),
25
- onClick: (d) => d.stopPropagation(),
26
- children: e
27
- }
28
- )
29
- }
30
- ) });
31
- }), m = ({ children: e, className: o }) => /* @__PURE__ */ t.jsx("div", { className: o, children: /* @__PURE__ */ t.jsx("div", { className: i("flex flex-col gap-4"), children: e }) }), j = ({ children: e, className: o }) => /* @__PURE__ */ t.jsx("h1", { className: o, children: e }), D = ({ children: e, className: o }) => /* @__PURE__ */ t.jsx("div", { className: o, children: e }), b = ({ children: e, className: o }) => /* @__PURE__ */ t.jsx("div", { className: o, children: e }), C = Object.assign(x, {
32
- Content: m,
33
- Header: D,
34
- Footer: b,
35
- Title: j
36
- }), k = () => {
37
- const e = g(null);
1
+ import { j as s } from "./jsx-runtime-DKDX3adD.js";
2
+ import { forwardRef as f, useState as g, useCallback as x, useMemo as m, useImperativeHandle as j, useRef as D } from "react";
3
+ import { c as d } from "./cn-B6yFEsav.js";
4
+ const u = f(
5
+ ({ children: e, onClose: o, className: r }, l) => {
6
+ const [t, a] = g(!1), i = x(() => a(!0), []), n = () => {
7
+ a(!1), o?.();
8
+ }, c = m(
9
+ () => ({
10
+ open: i,
11
+ close: n,
12
+ isOpen: t
13
+ }),
14
+ [i, n, t]
15
+ );
16
+ return j(l, () => c, [c]), /* @__PURE__ */ s.jsx(s.Fragment, { children: t && /* @__PURE__ */ s.jsx(
17
+ "div",
18
+ {
19
+ className: "fixed inset-0 z-50 flex items-center justify-center bg-black/30 backdrop-blur-[1.5px]",
20
+ onClick: n,
21
+ children: /* @__PURE__ */ s.jsx(
22
+ "div",
23
+ {
24
+ className: d(
25
+ "bg-neutral-default-default w-3/4 h-3/4 xl:w-3/4 xl:h-10/12 rounded-lg shadow-lg border-neutral-strong-default border relative p-6",
26
+ r
27
+ ),
28
+ onClick: (p) => p.stopPropagation(),
29
+ children: e
30
+ }
31
+ )
32
+ }
33
+ ) });
34
+ }
35
+ ), b = ({ children: e, className: o }) => /* @__PURE__ */ s.jsx("div", { className: o, children: /* @__PURE__ */ s.jsx("div", { className: d("flex flex-col gap-4"), children: e }) }), h = ({ children: e, className: o }) => /* @__PURE__ */ s.jsx("h1", { className: o, children: e }), v = ({ children: e, className: o }) => /* @__PURE__ */ s.jsx("div", { className: o, children: e }), C = ({ children: e, className: o }) => /* @__PURE__ */ s.jsx("div", { className: o, children: e }), N = Object.assign(u, {
36
+ Content: b,
37
+ Header: v,
38
+ Footer: C,
39
+ Title: h
40
+ });
41
+ u.displayName = "Dialog";
42
+ const R = () => {
43
+ const e = D(null);
38
44
  return {
39
45
  ref: e,
40
46
  open: () => {
@@ -47,6 +53,6 @@ const x = u(({
47
53
  };
48
54
  };
49
55
  export {
50
- C as default,
51
- k as useDialogControl
56
+ N as default,
57
+ R as useDialogControl
52
58
  };
@@ -1,4 +1,4 @@
1
- import { j as e } from "./jsx-runtime-ByW6EXIE.js";
1
+ import { j as e } from "./jsx-runtime-DKDX3adD.js";
2
2
  import { Icons as j } from "./Icons.es.js";
3
3
  import { c as m } from "./cn-B6yFEsav.js";
4
4
  import { c as d } from "./index-BOQuZ0gG.js";
@@ -1,4 +1,4 @@
1
- import { j as r } from "./jsx-runtime-ByW6EXIE.js";
1
+ import { j as r } from "./jsx-runtime-DKDX3adD.js";
2
2
  import { forwardRef as O, useState as g, useRef as x, useCallback as t, useImperativeHandle as D } from "react";
3
3
  import { Drawer as n } from "vaul";
4
4
  import { c as R } from "./cn-B6yFEsav.js";
@@ -1,4 +1,4 @@
1
- import { j as e } from "./jsx-runtime-ByW6EXIE.js";
1
+ import { j as e } from "./jsx-runtime-DKDX3adD.js";
2
2
  import { c as i } from "./cn-B6yFEsav.js";
3
3
  import w, { useCallback as z } from "react";
4
4
  import { useDropzone as R } from "react-dropzone";
package/dist/Header.es.js CHANGED
@@ -1,4 +1,4 @@
1
- import { j as e } from "./jsx-runtime-ByW6EXIE.js";
1
+ import { j as e } from "./jsx-runtime-DKDX3adD.js";
2
2
  import { c as x } from "./cn-B6yFEsav.js";
3
3
  import { motion as i } from "framer-motion";
4
4
  import { memo as m } from "react";
package/dist/Icons.es.js CHANGED
@@ -1,4 +1,4 @@
1
- import { j as q } from "./jsx-runtime-ByW6EXIE.js";
1
+ import { j as q } from "./jsx-runtime-DKDX3adD.js";
2
2
  const l = ({
3
3
  size: t = 24,
4
4
  className: h,
package/dist/Input.es.js CHANGED
@@ -1,4 +1,4 @@
1
- import { j as t } from "./jsx-runtime-ByW6EXIE.js";
1
+ import { j as t } from "./jsx-runtime-DKDX3adD.js";
2
2
  import { Icons as O } from "./Icons.es.js";
3
3
  import { c as e } from "./cn-B6yFEsav.js";
4
4
  import { memo as ue, useState as N, useRef as ce, useCallback as fe, useEffect as $, useLayoutEffect as ie } from "react";
@@ -1,4 +1,4 @@
1
- import { j as e } from "./jsx-runtime-ByW6EXIE.js";
1
+ import { j as e } from "./jsx-runtime-DKDX3adD.js";
2
2
  import { c as u } from "./cn-B6yFEsav.js";
3
3
  import { FastField as O, ErrorMessage as q } from "formik";
4
4
  import { memo as G, useState as I, useRef as H, useCallback as y, useLayoutEffect as J } from "react";
@@ -1,4 +1,4 @@
1
- import { j as r } from "./jsx-runtime-ByW6EXIE.js";
1
+ import { j as r } from "./jsx-runtime-DKDX3adD.js";
2
2
  import { Icons as E } from "./Icons.es.js";
3
3
  import { c as d } from "./cn-B6yFEsav.js";
4
4
  import M, { useRef as D, useState as p, useCallback as W, useEffect as X } from "react";
@@ -1,4 +1,4 @@
1
- import { j as t } from "./jsx-runtime-ByW6EXIE.js";
1
+ import { j as t } from "./jsx-runtime-DKDX3adD.js";
2
2
  import { useRef as a, createContext as i, useContext as u, memo as c } from "react";
3
3
  const o = i(null), l = ({ children: e }) => {
4
4
  const r = a(null), s = (n) => {
@@ -1,4 +1,4 @@
1
- import { L as f } from "./LayoutGeneric-jDE96L2N.js";
1
+ import { L as f } from "./LayoutGeneric-p4Pll4Cm.js";
2
2
  export {
3
3
  f as default
4
4
  };
package/dist/Logo.es.js CHANGED
@@ -1,4 +1,4 @@
1
- import { j as e } from "./jsx-runtime-ByW6EXIE.js";
1
+ import { j as e } from "./jsx-runtime-DKDX3adD.js";
2
2
  import { Icons as t } from "./Icons.es.js";
3
3
  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: [
4
4
  /* @__PURE__ */ e.jsx(t.TicketFilled, { size: 28, className: "rotate-140 text-primary-medium-pressed icon-logo" }),
package/dist/Menu.es.js CHANGED
@@ -1,4 +1,4 @@
1
- import { j as e } from "./jsx-runtime-ByW6EXIE.js";
1
+ import { j as e } from "./jsx-runtime-DKDX3adD.js";
2
2
  import { c as r } from "./cn-B6yFEsav.js";
3
3
  import { AnimatePresence as n, motion as o } from "framer-motion";
4
4
  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(
@@ -1,4 +1,4 @@
1
- import { j as p } from "./jsx-runtime-ByW6EXIE.js";
1
+ import { j as p } from "./jsx-runtime-DKDX3adD.js";
2
2
  import { Icons as ve } from "./Icons.es.js";
3
3
  import { c as L } from "./cn-B6yFEsav.js";
4
4
  import * as n from "react";
@@ -1,4 +1,4 @@
1
- import { j as t } from "./jsx-runtime-ByW6EXIE.js";
1
+ import { j as t } from "./jsx-runtime-DKDX3adD.js";
2
2
  import { motion as a } from "framer-motion";
3
3
  function h({
4
4
  currentPage: i = 1,
@@ -1,83 +1,129 @@
1
- import { j as e } from "./jsx-runtime-ByW6EXIE.js";
2
- import { motion as n, AnimatePresence as L } from "framer-motion";
3
- import { useRef as B, useState as C } from "react";
4
- import b from "./Avatar.es.js";
5
- const I = {
1
+ import { j as e } from "./jsx-runtime-DKDX3adD.js";
2
+ import { motion as i, AnimatePresence as E } from "framer-motion";
3
+ import { useRef as v, useState as R, useLayoutEffect as A } from "react";
4
+ import H from "./Avatar.es.js";
5
+ import { c as O } from "./cn-B6yFEsav.js";
6
+ const W = {
6
7
  sm: "w-16 h-16",
7
8
  md: "w-24 h-24",
8
9
  lg: "w-32 h-32",
9
10
  xl: "w-40 h-40"
10
- }, M = {
11
+ }, F = {
11
12
  sm: "w-4 h-4",
12
13
  md: "w-5 h-5",
13
14
  lg: "w-6 h-6",
14
15
  xl: "w-8 h-8"
15
- }, N = {
16
+ }, T = {
16
17
  sm: "w-6 h-6",
17
18
  md: "w-7 h-7",
18
19
  lg: "w-8 h-8",
19
20
  xl: "w-10 h-10"
20
- }, P = {
21
+ }, V = {
21
22
  sm: "-bottom-1 -right-0.5",
22
23
  md: "-bottom-0.5 -right-0.5",
23
24
  lg: "bottom-1 right-1",
24
25
  xl: "bottom-3 right-2"
25
- }, d = {
26
+ }, y = {
26
27
  sm: "w-4 h-4",
27
28
  md: "w-5 h-5",
28
29
  lg: "w-6 h-6",
29
30
  xl: "w-7 h-7"
30
- }, S = {
31
+ }, q = {
31
32
  sm: "-top-0.5 -right-0.5",
32
33
  md: "-top-1 -right-1",
33
34
  lg: "-top-1 -right-0",
34
35
  xl: "top-1 right-1"
35
36
  };
36
- function A({
37
- imageUrl: s,
38
- fallbackText: f = "S L",
39
- onFileSelect: p,
40
- onEditClick: l,
41
- onRemoveClick: g,
37
+ function X({
38
+ imageUrl: d,
39
+ fallbackText: b = "S L",
40
+ onFileSelect: k,
41
+ onEditClick: m,
42
+ onRemoveClick: j,
42
43
  size: o = "lg",
43
- className: x,
44
+ className: C,
44
45
  disabled: t = !1,
45
- showRemoveButton: w = !0,
46
- acceptedTypes: v = "image/*",
47
- maxFileSize: c = 5 * 1024 * 1024,
48
- onError: u
46
+ showRemoveButton: B = !0,
47
+ acceptedTypes: L = "image/*",
48
+ maxFileSize: h = 5 * 1024 * 1024,
49
+ onError: g,
50
+ disbaleEntryAnimation: S = !1
49
51
  }) {
50
- const h = B(null), [i, m] = C(!1), j = (r) => r.type.startsWith("image/") ? r.size > c ? (u?.(`La imagen debe ser menor a ${Math.round(c / 1024 / 1024)}MB`), !1) : !0 : (u?.("Por favor selecciona un archivo de imagen válido"), !1), y = (r) => {
51
- const a = r.target.files?.[0];
52
- a && (j(a) && p?.(a), r.target.value = "");
53
- }, k = () => {
54
- t || (l ? l() : h.current?.click());
55
- }, $ = (r) => {
56
- r.stopPropagation(), !t && g?.();
52
+ const p = v(null), s = v(null), [u, f] = R(!1), $ = (r) => r.type.startsWith("image/") ? r.size > h ? (g?.(`La imagen debe ser menor a ${Math.round(h / 1024 / 1024)}MB`), !1) : !0 : (g?.("Por favor selecciona un archivo de imagen válido"), !1), I = (r) => {
53
+ const n = r.target.files?.[0];
54
+ n && ($(n) && k?.(n), r.target.value = "");
55
+ }, M = () => {
56
+ t || (m ? m() : p.current?.click());
57
+ }, N = (r) => {
58
+ r.stopPropagation(), !t && j?.();
57
59
  };
60
+ A(() => {
61
+ if (s.current) {
62
+ const n = ((P) => {
63
+ let a = P;
64
+ for (; a && a !== document.body; ) {
65
+ const c = window.getComputedStyle(a).backgroundColor;
66
+ if (c && c !== "transparent" && c !== "rgba(0, 0, 0, 0)")
67
+ return c;
68
+ a = a.parentElement;
69
+ }
70
+ const l = window.getComputedStyle(document.body).backgroundColor;
71
+ return l && l !== "transparent" && l !== "rgba(0, 0, 0, 0)" ? l : "rgb(255, 255, 255)";
72
+ })(s.current.parentElement);
73
+ s.current.style.borderColor = n;
74
+ }
75
+ }, []);
76
+ const w = {
77
+ initial: {
78
+ animated: {
79
+ container: {
80
+ width: 0,
81
+ height: 0
82
+ },
83
+ svg: {}
84
+ },
85
+ static: {
86
+ container: {},
87
+ svg: {}
88
+ }
89
+ },
90
+ default: {
91
+ animated: {
92
+ container: {
93
+ width: "auto",
94
+ height: "auto"
95
+ },
96
+ svg: {}
97
+ },
98
+ static: {
99
+ container: {},
100
+ svg: {}
101
+ }
102
+ }
103
+ }, x = S ? "static" : "animated";
58
104
  return /* @__PURE__ */ e.jsxs(
59
105
  "div",
60
106
  {
61
- onMouseEnter: () => m(!0),
62
- onMouseLeave: () => m(!1),
63
- className: `relative inline-block border-inherit ${x || ""}`,
107
+ onMouseEnter: () => f(!0),
108
+ onMouseLeave: () => f(!1),
109
+ className: `relative inline-block border-inherit ${C || ""}`,
64
110
  children: [
65
111
  /* @__PURE__ */ e.jsx(
66
112
  "input",
67
113
  {
68
- ref: h,
114
+ ref: p,
69
115
  type: "file",
70
- accept: v,
71
- onChange: y,
116
+ accept: L,
117
+ onChange: I,
72
118
  className: "hidden",
73
119
  disabled: t
74
120
  }
75
121
  ),
76
122
  /* @__PURE__ */ e.jsx(
77
- n.div,
123
+ i.div,
78
124
  {
79
125
  className: `
80
- ${I[o]}
126
+ ${W[o]}
81
127
  rounded-full
82
128
  overflow-hidden
83
129
  flex items-center justify-center
@@ -85,81 +131,74 @@ function A({
85
131
  ${t ? "opacity-50 cursor-not-allowed" : ""}
86
132
  `,
87
133
  children: /* @__PURE__ */ e.jsx(
88
- b,
134
+ H,
89
135
  {
90
- urlImage: s,
91
- fallbackText: f,
136
+ urlImage: d,
137
+ fallbackText: b,
92
138
  sizeImage: o,
93
139
  sizeFallback: o
94
140
  }
95
141
  )
96
142
  }
97
143
  ),
98
- /* @__PURE__ */ e.jsx(
99
- n.button,
100
- {
101
- className: `
102
- absolute
103
- ${P[o]}
104
- border-3
105
- border-inherit
106
- ${N[o]}
107
- rounded-lg
108
- bg-primary-default-default
109
- hover:bg-primary-default-hover
110
- transition-all duration-300
111
- flex
112
- items-center
113
- justify-center
114
- cursor-pointer
115
- ${t ? "opacity-50 cursor-not-allowed" : ""}
116
- `,
117
- onClick: k,
118
- disabled: t,
119
- whileTap: t ? {} : { scale: 0.95, transition: { duration: 0.2, ease: "easeInOut" } },
120
- initial: { scale: 0, rotate: -180 },
121
- animate: { scale: 1, rotate: 0 },
122
- children: /* @__PURE__ */ e.jsx(
123
- n.svg,
124
- {
125
- className: `${M[o]} text-white`,
126
- fill: "none",
127
- stroke: "currentColor",
128
- viewBox: "0 0 24 24",
129
- animate: i && !t ? {
130
- x: [0, -1, 0, 1, -1, 0, 1],
131
- y: [0, 1, 0, 1, 0, 1, 1],
132
- rotate: [0, 5, -3, 8, -5, 3, 1],
144
+ /* @__PURE__ */ e.jsxs(E, { children: [
145
+ /* @__PURE__ */ e.jsx(
146
+ i.button,
147
+ {
148
+ ref: s,
149
+ className: O(
150
+ "absolute",
151
+ "bg-primary-default-default rounded-lg border-[2px] hover:bg-primary-default-hover cursor-pointer grid place-content-center",
152
+ V[o],
153
+ T[o],
154
+ t ? "opacity-50 cursor-not-allowed" : ""
155
+ ),
156
+ onClick: M,
157
+ disabled: t,
158
+ whileTap: t ? {} : { scale: 0.95, transition: { duration: 0.2, ease: "easeInOut" } },
159
+ initial: w.initial[x].container,
160
+ animate: w.default[x].container,
161
+ children: /* @__PURE__ */ e.jsx(
162
+ i.svg,
163
+ {
164
+ className: `${F[o]} text-white`,
165
+ fill: "none",
166
+ stroke: "currentColor",
167
+ viewBox: "0 0 24 24",
168
+ animate: u && !t ? {
169
+ x: [0, -1, 0, 1, -1, 0, 1],
170
+ y: [0, 1, 0, 1, 0, 1, 1],
171
+ rotate: [0, 5, -3, 8, -5, 3, 1],
172
+ transition: {
173
+ duration: 2,
174
+ ease: "easeInOut"
175
+ }
176
+ } : { x: 0, y: 0, rotate: 0 },
133
177
  transition: {
134
- duration: 2,
178
+ duration: 1.2,
179
+ repeat: 0,
135
180
  ease: "easeInOut"
136
- }
137
- } : { x: 0, y: 0, rotate: 0 },
138
- transition: {
139
- duration: 1.2,
140
- repeat: 0,
141
- ease: "easeInOut"
142
- },
143
- children: /* @__PURE__ */ e.jsx(
144
- "path",
145
- {
146
- strokeLinecap: "round",
147
- strokeLinejoin: "round",
148
- strokeWidth: 2,
149
- d: "M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"
150
- }
151
- )
152
- }
153
- )
154
- }
155
- ),
156
- /* @__PURE__ */ e.jsx(L, { children: s && w && !t && /* @__PURE__ */ e.jsx(
157
- n.button,
158
- {
159
- className: `
181
+ },
182
+ children: /* @__PURE__ */ e.jsx(
183
+ "path",
184
+ {
185
+ strokeLinecap: "round",
186
+ strokeLinejoin: "round",
187
+ strokeWidth: 2,
188
+ d: "M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"
189
+ }
190
+ )
191
+ }
192
+ )
193
+ }
194
+ ),
195
+ d && B && !t && /* @__PURE__ */ e.jsx(
196
+ i.button,
197
+ {
198
+ className: `
160
199
  absolute
161
- ${S[o]}
162
- ${d[o]}
200
+ ${q[o]}
201
+ ${y[o]}
163
202
  rounded-full
164
203
  shadow-lg
165
204
  bg-error-light
@@ -169,39 +208,40 @@ function A({
169
208
  justify-center
170
209
  ${t ? "opacity-50 cursor-not-allowed" : ""}
171
210
  `,
172
- disabled: t,
173
- onClick: $,
174
- initial: { scale: 0, opacity: 0, rotate: -90 },
175
- animate: {
176
- scale: i ? 1 : 0.8,
177
- opacity: i ? 1 : 0,
178
- rotate: 0
179
- },
180
- exit: { scale: 0, opacity: 0, rotate: 90 },
181
- whileTap: { scale: 0.9 },
182
- transition: {
183
- type: "spring",
184
- stiffness: 300,
185
- damping: 25
186
- },
187
- children: /* @__PURE__ */ e.jsx(
188
- n.svg,
189
- {
190
- className: `${d[o]} text-white p-1`,
191
- fill: "none",
192
- stroke: "currentColor",
193
- viewBox: "0 0 24 24",
194
- whileHover: { rotate: 90 },
195
- transition: { duration: 0.2 },
196
- children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" })
197
- }
198
- )
199
- }
200
- ) })
211
+ disabled: t,
212
+ onClick: N,
213
+ initial: { scale: 0, opacity: 0, rotate: -90 },
214
+ animate: {
215
+ scale: u ? 1 : 0.8,
216
+ opacity: u ? 1 : 0,
217
+ rotate: 0
218
+ },
219
+ exit: { scale: 0, opacity: 0, rotate: 90 },
220
+ whileTap: { scale: 0.9 },
221
+ transition: {
222
+ type: "spring",
223
+ stiffness: 300,
224
+ damping: 25
225
+ },
226
+ children: /* @__PURE__ */ e.jsx(
227
+ i.svg,
228
+ {
229
+ className: `${y[o]} text-white p-1`,
230
+ fill: "none",
231
+ stroke: "currentColor",
232
+ viewBox: "0 0 24 24",
233
+ whileHover: { rotate: 90 },
234
+ transition: { duration: 0.2 },
235
+ children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" })
236
+ }
237
+ )
238
+ }
239
+ )
240
+ ] })
201
241
  ]
202
242
  }
203
243
  );
204
244
  }
205
245
  export {
206
- A as ProfilePictureUpload
246
+ X as ProfilePictureUpload
207
247
  };
@@ -1,4 +1,4 @@
1
- import { j as e } from "./jsx-runtime-ByW6EXIE.js";
1
+ import { j as e } from "./jsx-runtime-DKDX3adD.js";
2
2
  import { c as x } from "./cn-B6yFEsav.js";
3
3
  import u from "react";
4
4
  const j = u.forwardRef(
package/dist/Select.es.js CHANGED
@@ -1,4 +1,4 @@
1
- import { j as t } from "./jsx-runtime-ByW6EXIE.js";
1
+ import { j as t } from "./jsx-runtime-DKDX3adD.js";
2
2
  import { Icons as w } from "./Icons.es.js";
3
3
  import { c as o } from "./cn-B6yFEsav.js";
4
4
  import { memo as se, useState as y, useRef as re, useEffect as oe } from "react";
@@ -1,4 +1,4 @@
1
- import { j as t } from "./jsx-runtime-ByW6EXIE.js";
1
+ import { j as t } from "./jsx-runtime-DKDX3adD.js";
2
2
  import { Icons as v } from "./Icons.es.js";
3
3
  import { c as o } from "./cn-B6yFEsav.js";
4
4
  import { useField as P, ErrorMessage as M } from "formik";