prometeo-design-system 2.7.8 → 2.7.9

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 (42) hide show
  1. package/dist/Button.es.js +5 -5
  2. package/dist/{CardProfile-WHoeSibd.js → CardProfile-DV3gwvqE.js} +24 -24
  3. package/dist/CardProfile.es.js +1 -1
  4. package/dist/CheckBox.es.js +60 -60
  5. package/dist/CheckboxFormik.es.js +2 -2
  6. package/dist/DatePicker.es.js +68 -68
  7. package/dist/DrawerDesktop.es.js +4 -4
  8. package/dist/DropZone.es.js +32 -32
  9. package/dist/FAButton.es.js +2 -2
  10. package/dist/HelperComponent-U6mPwuDH.js +24 -0
  11. package/dist/Icons/Icons.d.ts +1 -61
  12. package/dist/Icons.es.js +8 -68
  13. package/dist/{ImageGallery-WKzUevOQ.js → ImageGallery-D8nIvBpV.js} +43 -43
  14. package/dist/ImageGallery.es.js +1 -1
  15. package/dist/{Input-D6as6xD-.js → Input-60IT1aGF.js} +61 -61
  16. package/dist/Input.es.js +1 -1
  17. package/dist/InputFormik.es.js +32 -32
  18. package/dist/InputFormikV2.es.js +1 -1
  19. package/dist/InputMultiple.es.js +51 -51
  20. package/dist/Logo.es.js +3 -3
  21. package/dist/Menu.es.js +2 -2
  22. package/dist/OtpInput.es.js +42 -42
  23. package/dist/Pagination.es.js +1 -1
  24. package/dist/RadioButton.es.js +1 -1
  25. package/dist/{Select-sdfP2TL0.js → Select-C4UvSsof.js} +164 -164
  26. package/dist/Select.es.js +1 -1
  27. package/dist/SelectFormik.es.js +1 -1
  28. package/dist/SelectFormikLegacy.es.js +25 -25
  29. package/dist/SelectSearch.es.js +1 -1
  30. package/dist/Steps.es.js +14 -14
  31. package/dist/TabLinks.es.js +2 -2
  32. package/dist/Table.es.js +2 -2
  33. package/dist/Toast.es.js +23 -23
  34. package/dist/Tooltip.es.js +7 -7
  35. package/dist/components/CheckBox/CheckBox.d.ts +5 -4
  36. package/dist/components/Toaster/Toaster.d.ts +3 -3
  37. package/dist/exports/Icons.d.ts +1 -1
  38. package/dist/prometeo-design-system.css +1 -1
  39. package/dist/prometeo-design-system.es.js +125 -126
  40. package/package.json +1 -1
  41. package/dist/HelperComponent-BeNlTMqI.js +0 -24
  42. package/dist/components/Spinner/SpinnerV2.d.ts +0 -12
package/dist/Select.es.js CHANGED
@@ -1,4 +1,4 @@
1
- import { S as f } from "./Select-sdfP2TL0.js";
1
+ import { S as f } from "./Select-C4UvSsof.js";
2
2
  export {
3
3
  f as default
4
4
  };
@@ -1,6 +1,6 @@
1
1
  import { j as c } from "./jsx-runtime-DKDX3adD.js";
2
2
  import { useField as y } from "formik";
3
- import { S as m } from "./Select-sdfP2TL0.js";
3
+ import { S as m } from "./Select-C4UvSsof.js";
4
4
  import { useRef as p, useEffect as g } from "react";
5
5
  function f(e) {
6
6
  return Array.isArray(e) && e.every(
@@ -1,27 +1,27 @@
1
1
  import { j as t } from "./jsx-runtime-DKDX3adD.js";
2
+ import { Icons as g } from "./Icons.es.js";
2
3
  import { c as d } from "./cn-B6yFEsav.js";
3
4
  import { useField as $, ErrorMessage as q } from "formik";
4
- import { memo as G, useState as V, useRef as H, useEffect as J } from "react";
5
+ import { memo as G, useState as k, useRef as H, useEffect as J } from "react";
5
6
  import K from "./Spinner.es.js";
6
- import { Close as k, ChevronDown as Q } from "./Icons.es.js";
7
- const T = ({
8
- label: S,
9
- name: C,
10
- placeholder: g = "",
11
- disabled: b,
12
- containerClassName: I,
7
+ const Q = ({
8
+ label: C,
9
+ name: I,
10
+ placeholder: b = "",
11
+ disabled: j,
12
+ containerClassName: S,
13
13
  className: D,
14
14
  options: c = [],
15
15
  multiple: i = !1,
16
16
  emptyMessage: z = "No hay opciones disponibles",
17
- labelVariant: j = "default",
17
+ labelVariant: w = "default",
18
18
  isFetching: E = !1,
19
19
  returnFullObject: m = !1
20
20
  // Por defecto false para mantener compatibilidad
21
21
  }) => {
22
- const [r, w, u] = $(C), [l, x] = V(!1), [p, N] = V(!1), h = H(null), v = w.touched && w.error, o = (e) => e ? typeof e == "object" && e.id !== void 0 ? e.id : e : null, A = () => r.value ? Array.isArray(r.value) ? r.value.map(o) : o(r.value) : i ? [] : null, f = r.value && (Array.isArray(r.value) ? r.value.length > 0 : typeof r.value == "object" ? r.value.id : r.value?.toString().length > 0), O = () => j === "static" || f || l || p ? "-top-3 left-2 scale-90" : "top-1/2 -translate-y-1/2 scale-100", L = () => {
22
+ const [r, N, u] = $(I), [l, x] = k(!1), [p, A] = k(!1), h = H(null), v = N.touched && N.error, o = (e) => e ? typeof e == "object" && e.id !== void 0 ? e.id : e : null, V = () => r.value ? Array.isArray(r.value) ? r.value.map(o) : o(r.value) : i ? [] : null, f = r.value && (Array.isArray(r.value) ? r.value.length > 0 : typeof r.value == "object" ? r.value.id : r.value?.toString().length > 0), O = () => w === "static" || f || l || p ? "-top-3 left-2 scale-90" : "top-1/2 -translate-y-1/2 scale-100", L = () => {
23
23
  if (!r.value) return [];
24
- const e = A();
24
+ const e = V();
25
25
  return Array.isArray(e) ? c.filter((a) => e.includes(a.id)) : c.filter((a) => a.id === e);
26
26
  }, P = (e) => {
27
27
  if (i) {
@@ -61,7 +61,7 @@ const T = ({
61
61
  }, [l]);
62
62
  const R = () => {
63
63
  const e = L();
64
- return e.length === 0 ? g ? /* @__PURE__ */ t.jsx("span", { className: "text-neutral-medium-default opacity-50", children: g }) : null : i ? /* @__PURE__ */ t.jsx("div", { className: "flex items-center gap-1 flex-wrap py-1", children: e.map((a) => /* @__PURE__ */ t.jsxs(
64
+ return e.length === 0 ? b ? /* @__PURE__ */ t.jsx("span", { className: "text-neutral-medium-default opacity-50", children: b }) : null : i ? /* @__PURE__ */ t.jsx("div", { className: "flex items-center gap-1 flex-wrap py-1", children: e.map((a) => /* @__PURE__ */ t.jsxs(
65
65
  "div",
66
66
  {
67
67
  className: "inline-flex items-center gap-1 px-2 py-1 bg-primary-default-default text-white text-xs rounded-md",
@@ -76,7 +76,7 @@ const T = ({
76
76
  className: "shrink-0 hover:bg-primary-strong-default rounded-sm p-0.5 transition-colors",
77
77
  type: "button",
78
78
  tabIndex: -1,
79
- children: /* @__PURE__ */ t.jsx(k, { size: 12, className: "" })
79
+ children: /* @__PURE__ */ t.jsx(g.Close, { size: 12, className: "" })
80
80
  }
81
81
  )
82
82
  ]
@@ -87,21 +87,21 @@ const T = ({
87
87
  return /* @__PURE__ */ t.jsxs(
88
88
  "div",
89
89
  {
90
- className: d("relative w-full bg-inherit", I),
90
+ className: d("relative w-full bg-inherit", S),
91
91
  ref: h,
92
92
  children: [
93
93
  /* @__PURE__ */ t.jsxs("div", { className: "relative bg-inherit", children: [
94
94
  /* @__PURE__ */ t.jsxs(
95
95
  "div",
96
96
  {
97
- onClick: () => !b && x(!l),
98
- onFocus: () => N(!0),
99
- onBlur: () => N(!1),
97
+ onClick: () => !j && x(!l),
98
+ onFocus: () => A(!0),
99
+ onBlur: () => A(!1),
100
100
  className: d(
101
101
  "w-full px-3 h-12 text-left border rounded-lg transition-all duration-300 ease-in-out text-neutral-default-default",
102
102
  "flex items-center justify-between bg-transparent focus:outline-none",
103
103
  f || l || p ? " border-primary-default-focused ring-primary-default-focused ring-2" : v ? "ring-error-default-default ring-2" : "border-neutral-default-default hover:border-primary-default-hover",
104
- b && "opacity-50 cursor-default pointer-events-none",
104
+ j && "opacity-50 cursor-default pointer-events-none",
105
105
  D
106
106
  ),
107
107
  children: [
@@ -110,13 +110,13 @@ const T = ({
110
110
  {
111
111
  className: d(
112
112
  "absolute pointer-events-none bg-inherit px-1 z-10",
113
- j === "default" && "transition-all duration-200 ease-in-out",
113
+ w === "default" && "transition-all duration-200 ease-in-out",
114
114
  "text-md",
115
115
  O(),
116
116
  f || l || p ? "text-primary-default-default" : v ? "text-red-500" : "text-neutral-medium-default",
117
117
  "left-3"
118
118
  ),
119
- children: S
119
+ children: C
120
120
  }
121
121
  ),
122
122
  /* @__PURE__ */ t.jsx("div", { className: "flex-1 min-w-0", children: R() }),
@@ -130,11 +130,11 @@ const T = ({
130
130
  className: "text-neutral-medium-default hover:text-neutral-default-default transition-colors",
131
131
  type: "button",
132
132
  tabIndex: -1,
133
- children: /* @__PURE__ */ t.jsx(k, { size: 16, className: "" })
133
+ children: /* @__PURE__ */ t.jsx(g.Close, { size: 16, className: "" })
134
134
  }
135
135
  ),
136
136
  E ? /* @__PURE__ */ t.jsx(K, { size: 20, variant: "clip" }) : /* @__PURE__ */ t.jsx(
137
- Q,
137
+ g.ChevronDown,
138
138
  {
139
139
  size: 20,
140
140
  className: d(
@@ -148,7 +148,7 @@ const T = ({
148
148
  }
149
149
  ),
150
150
  l && /* @__PURE__ */ t.jsx("div", { className: "absolute z-50 w-full mt-1 bg-neutral-default-default border border-neutral-default-default rounded-md shadow-lg max-h-60 overflow-auto", children: c.length === 0 ? /* @__PURE__ */ t.jsx("div", { className: "px-3 py-2 text-neutral-medium-default", children: z }) : c.map((e) => {
151
- const a = A(), s = i ? Array.isArray(a) && a.includes(e.id) : a === e.id;
151
+ const a = V(), s = i ? Array.isArray(a) && a.includes(e.id) : a === e.id;
152
152
  return /* @__PURE__ */ t.jsxs(
153
153
  "div",
154
154
  {
@@ -188,7 +188,7 @@ const T = ({
188
188
  ]
189
189
  }
190
190
  );
191
- }, ee = G(T);
191
+ }, _ = G(Q);
192
192
  export {
193
- ee as default
193
+ _ as default
194
194
  };
@@ -1,5 +1,5 @@
1
1
  import { j as G } from "./jsx-runtime-DKDX3adD.js";
2
- import { g as i, S as H } from "./Select-sdfP2TL0.js";
2
+ import { g as i, S as H } from "./Select-C4UvSsof.js";
3
3
  import { useState as T, useRef as I, useEffect as h, useMemo as Q, useCallback as X } from "react";
4
4
  function te(e) {
5
5
  const {
package/dist/Steps.es.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import { j as e } from "./jsx-runtime-DKDX3adD.js";
2
- import { Check as j } from "./Icons.es.js";
3
- import { c as y } from "./cn-B6yFEsav.js";
2
+ import { c as j } from "./cn-B6yFEsav.js";
4
3
  import { motion as r } from "framer-motion";
5
4
  import N from "react";
5
+ import { Icons as y } from "./Icons.es.js";
6
6
  const b = ({
7
7
  index: n,
8
8
  isHorizontal: t,
@@ -80,7 +80,7 @@ const b = ({
80
80
  }
81
81
  )
82
82
  ] });
83
- }, S = ({
83
+ }, k = ({
84
84
  steps: n,
85
85
  currentStep: t,
86
86
  orientation: u = "horizontal",
@@ -115,7 +115,7 @@ const b = ({
115
115
  connectorContainer: "px-2",
116
116
  iconSize: 28
117
117
  }
118
- }, w = (a) => a < t ? "completed" : a === t ? "current" : "upcoming", g = (a) => {
118
+ }, w = (a) => a < t ? "completed" : a === t ? "current" : "upcoming", h = (a) => {
119
119
  const l = `${m[i].circle} rounded-full flex items-center justify-center font-medium`;
120
120
  switch (a) {
121
121
  case "completed":
@@ -125,7 +125,7 @@ const b = ({
125
125
  default:
126
126
  return `${l} bg-neutral-medium-default text-neutral-medium-default`;
127
127
  }
128
- }, h = (a) => {
128
+ }, g = (a) => {
129
129
  p && o && o(a);
130
130
  }, v = c ? `flex items-center w-full justify-center ${x}` : `space-y-0 ${x}`;
131
131
  return /* @__PURE__ */ e.jsx("div", { className: v, children: n.map((a, l) => {
@@ -135,16 +135,16 @@ const b = ({
135
135
  /* @__PURE__ */ e.jsx(
136
136
  r.div,
137
137
  {
138
- className: `${g(d)} ${f ? "cursor-pointer" : ""} relative z-10`,
138
+ className: `${h(d)} ${f ? "cursor-pointer" : ""} relative z-10`,
139
139
  initial: { scale: 0.8, opacity: 0 },
140
140
  animate: { scale: 1, opacity: 1 },
141
141
  transition: { duration: 0.3, delay: l * 0.3 },
142
142
  whileTap: f ? { scale: 0.95 } : {},
143
- onClick: () => h(l),
144
- children: s === "numbered" || s === "numbered-minimal" || !a.icon ? d === "completed" ? /* @__PURE__ */ e.jsx(r.div, { initial: { scale: 0 }, animate: { scale: 1 }, transition: { duration: 0.2 }, children: /* @__PURE__ */ e.jsx(j, { size: 24, className: "text-neutral-strong-default" }) }) : /* @__PURE__ */ e.jsx("span", { children: l + 1 }) : N.cloneElement(a.icon, { size: m[i].iconSize })
143
+ onClick: () => g(l),
144
+ children: s === "numbered" || s === "numbered-minimal" || !a.icon ? d === "completed" ? /* @__PURE__ */ e.jsx(r.div, { initial: { scale: 0 }, animate: { scale: 1 }, transition: { duration: 0.2 }, children: /* @__PURE__ */ e.jsx(y.Check, { size: 24, className: "text-neutral-strong-default" }) }) : /* @__PURE__ */ e.jsx("span", { children: l + 1 }) : N.cloneElement(a.icon, { size: m[i].iconSize })
145
145
  }
146
146
  ),
147
- s !== "minimal" && s !== "numbered-minimal" && a.description && /* @__PURE__ */ e.jsx("p", { className: y(
147
+ s !== "minimal" && s !== "numbered-minimal" && a.description && /* @__PURE__ */ e.jsx("p", { className: j(
148
148
  "absolute text-center w-28 -bottom-2 translate-y-full",
149
149
  m[i].description,
150
150
  "text-gray-400 mt-2 text-center",
@@ -171,13 +171,13 @@ const b = ({
171
171
  /* @__PURE__ */ e.jsx(
172
172
  r.div,
173
173
  {
174
- className: `${g(d)} ${f ? "cursor-pointer" : ""}`,
174
+ className: `${h(d)} ${f ? "cursor-pointer" : ""}`,
175
175
  initial: { scale: 0.8, opacity: 0 },
176
176
  animate: { scale: 1, opacity: 1 },
177
177
  transition: { duration: 0.3, delay: l * 0.1 },
178
178
  whileTap: f ? { scale: 0.95 } : {},
179
- onClick: () => h(l),
180
- children: s === "numbered" || s === "numbered-minimal" || !a.icon ? d === "completed" ? /* @__PURE__ */ e.jsx(r.div, { initial: { scale: 0 }, animate: { scale: 1 }, transition: { duration: 0.2 }, children: /* @__PURE__ */ e.jsx(j, { size: 24, className: "text-neutral-strong-default" }) }) : /* @__PURE__ */ e.jsx("span", { children: l + 1 }) : a.icon
179
+ onClick: () => g(l),
180
+ children: s === "numbered" || s === "numbered-minimal" || !a.icon ? d === "completed" ? /* @__PURE__ */ e.jsx(r.div, { initial: { scale: 0 }, animate: { scale: 1 }, transition: { duration: 0.2 }, children: /* @__PURE__ */ e.jsx(y.Check, { size: 24, className: "text-neutral-strong-default" }) }) : /* @__PURE__ */ e.jsx("span", { children: l + 1 }) : a.icon
181
181
  }
182
182
  ),
183
183
  s !== "minimal" && s !== "numbered-minimal" && /* @__PURE__ */ e.jsx(
@@ -187,7 +187,7 @@ const b = ({
187
187
  initial: { opacity: 0, x: -10 },
188
188
  animate: { opacity: 1, x: 0 },
189
189
  transition: { duration: 0.3, delay: l * 0.1 + 0.1 },
190
- children: a.description && /* @__PURE__ */ e.jsx("p", { className: y(
190
+ children: a.description && /* @__PURE__ */ e.jsx("p", { className: j(
191
191
  "h-full text-start flex items-center justify-start ",
192
192
  m[i].description,
193
193
  "text-gray-400",
@@ -209,5 +209,5 @@ const b = ({
209
209
  }) });
210
210
  };
211
211
  export {
212
- S as Steps
212
+ k as Steps
213
213
  };
@@ -20,7 +20,7 @@ function o({
20
20
  "div",
21
21
  {
22
22
  className: r(
23
- "flex flex-row justify-around items-end relative border-b border-neutral-strong-default w-full md:justify-start md:px-10 md:gap-5",
23
+ "flex flex-row justify-around items-end relative border-b-1 border-neutral-strong-default w-full md:justify-start md:px-10 md:gap-5",
24
24
  l
25
25
  ),
26
26
  role: "tablist",
@@ -49,7 +49,7 @@ function o({
49
49
  {
50
50
  layoutId: "tab-indicator",
51
51
  className: r(
52
- "absolute -bottom-px left-0 right-0 h-[5px] rounded-t-xl bg-primary-default-default z-0",
52
+ "absolute -bottom-[1px] left-0 right-0 h-[5px] rounded-t-xl bg-primary-default-default z-0",
53
53
  f
54
54
  ),
55
55
  transition: {
package/dist/Table.es.js CHANGED
@@ -6,7 +6,7 @@ const n = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx("div
6
6
  {
7
7
  ref: a,
8
8
  className: l(
9
- "w-full caption-bottom text-sm border-b rounded-lg border-neutral-default-default",
9
+ "w-full caption-bottom text-sm border-b-1 rounded-lg border-neutral-default-default",
10
10
  e
11
11
  ),
12
12
  ...t
@@ -36,7 +36,7 @@ const b = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx(
36
36
  {
37
37
  ref: a,
38
38
  className: l(
39
- "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0!",
39
+ "border-t bg-muted/50 font-medium [&>tr]:last:!border-b-0",
40
40
  e
41
41
  ),
42
42
  ...t
package/dist/Toast.es.js CHANGED
@@ -1,52 +1,52 @@
1
1
  import { j as e } from "./jsx-runtime-DKDX3adD.js";
2
- import w from "react";
2
+ import b from "react";
3
3
  import { toast as p } from "sonner";
4
+ import { Icons as m } from "./Icons.es.js";
4
5
  import { c as s } from "./cn-B6yFEsav.js";
5
- import { Info as m, Error as u, Cancel as f, CheckCircle as b, Close as C } from "./Icons.es.js";
6
- import h from "./Button.es.js";
6
+ import u from "./Button.es.js";
7
7
  const x = {
8
8
  dark: {
9
9
  success: {
10
10
  container: "border-b-[2px] border-success-default-default",
11
11
  iconClass: "text-success-medium-default",
12
- icon: b
12
+ icon: "CheckCircle"
13
13
  },
14
14
  error: {
15
15
  container: "border-b-[2px] border-error-default-default",
16
16
  iconClass: "text-error-medium-default",
17
- icon: f
17
+ icon: "Cancel"
18
18
  },
19
19
  warning: {
20
20
  container: "border-b-[2px] border-warning-default-default",
21
21
  iconClass: "text-warning-medium-default",
22
- icon: u
22
+ icon: "Error"
23
23
  },
24
24
  info: {
25
25
  container: " border-b-[2px] border-primary-default-default",
26
26
  iconClass: "text-primary-default-default",
27
- icon: m
27
+ icon: "Info"
28
28
  }
29
29
  },
30
30
  light: {
31
31
  success: {
32
32
  container: "",
33
33
  iconClass: "text-success-default-pressed",
34
- icon: b
34
+ icon: "CheckCircle"
35
35
  },
36
36
  error: {
37
37
  container: "",
38
38
  iconClass: "text-error-medium-pressed",
39
- icon: f
39
+ icon: "Cancel"
40
40
  },
41
41
  warning: {
42
42
  container: "",
43
43
  iconClass: "text-warning-medium-pressed",
44
- icon: u
44
+ icon: "Error"
45
45
  },
46
46
  info: {
47
47
  container: "",
48
48
  iconClass: "text-primary-default-pressed",
49
- icon: m
49
+ icon: "Info"
50
50
  }
51
51
  }
52
52
  }, i = {
@@ -62,8 +62,8 @@ const x = {
62
62
  description: "text-neutral-medium-focused",
63
63
  shadow: "0px 0px 2px 0px rgba(0, 0, 0, 0.35),8px 8px 20px 0px rgba(0, 0, 0, 0.3),0px 0px 15px 0px rgba(0, 0, 0, 0.2),0px 0px 20px 0px rgba(21, 21, 21, 0.3) inset,6px 0px 100px 0px rgba(0, 0, 0, 0.05) inset"
64
64
  }
65
- }, v = (l) => {
66
- const { title: a, description: o, button: r, id: n, icon: c, variant: d = "info", colorMode: t = "dark", showClose: g = !1 } = l;
65
+ }, h = (l) => {
66
+ const { title: a, description: o, button: r, id: n, icon: c, variant: d = "info", colorMode: t = "dark", showClose: f = !1 } = l;
67
67
  return /* @__PURE__ */ e.jsxs(
68
68
  "div",
69
69
  {
@@ -82,7 +82,7 @@ const x = {
82
82
  {
83
83
  className: "flex items-center justify-start gap-2 max-h-[38px] h-[38px] overflow-hidden flex-1 ",
84
84
  children: [
85
- /* @__PURE__ */ e.jsx("div", { className: "f", style: { color: "inherit" }, children: w.createElement(c || x[t][d].icon, { size: 24, className: x[t][d].iconClass }) }),
85
+ /* @__PURE__ */ e.jsx("div", { className: "f", style: { color: "inherit" }, children: b.createElement(m[x[t][d].icon || c], { size: 24, className: x[t][d].iconClass }) }),
86
86
  /* @__PURE__ */ e.jsxs("div", { className: "flex-1 flex flex-col gap-1", children: [
87
87
  /* @__PURE__ */ e.jsx("p", { className: s("select-none prometeo-fonts-label-medium md:prometeo-fonts-label-xlarge", i[t].title), children: a }),
88
88
  o && /* @__PURE__ */ e.jsx("p", { className: s("select-none prometeo-fonts-body-xsmall md:prometeo-fonts-body-small text-nowrap overflow-ellipsis ", i[t].description), children: o })
@@ -90,8 +90,8 @@ const x = {
90
90
  ]
91
91
  }
92
92
  ),
93
- r?.label && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ e.jsx(
94
- h,
93
+ r?.label && /* @__PURE__ */ e.jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e.jsx(
94
+ u,
95
95
  {
96
96
  label: r?.label,
97
97
  onClick: () => {
@@ -101,8 +101,8 @@ const x = {
101
101
  color: "secondary"
102
102
  }
103
103
  ) }),
104
- g && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ e.jsx(
105
- h,
104
+ f && /* @__PURE__ */ e.jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e.jsx(
105
+ u,
106
106
  {
107
107
  onClick: () => {
108
108
  p.dismiss(n);
@@ -110,7 +110,7 @@ const x = {
110
110
  label: "",
111
111
  size: "small",
112
112
  color: "secondary",
113
- icon: /* @__PURE__ */ e.jsx(C, { className: s(t === "light" ? "text-neutral-medium-focused " : "") }),
113
+ icon: /* @__PURE__ */ e.jsx(m.Close, { className: s(t === "light" ? "text-neutral-medium-focused " : "") }),
114
114
  variant: "text",
115
115
  animate: !1,
116
116
  className: s(t === "light" ? "hover:bg-neutral-default-hover-light focus:bg-inherit active:bg-neutral-weak-hover " : "")
@@ -120,10 +120,10 @@ const x = {
120
120
  }
121
121
  );
122
122
  };
123
- function M(l, a) {
123
+ function y(l, a) {
124
124
  const { duration: o = 2500, showClose: r = !1, colorMode: n = "dark" } = a || {};
125
125
  return p.custom((c) => /* @__PURE__ */ e.jsx(
126
- v,
126
+ h,
127
127
  {
128
128
  id: c,
129
129
  variant: a?.variant || "success",
@@ -140,6 +140,6 @@ function M(l, a) {
140
140
  });
141
141
  }
142
142
  export {
143
- v as default,
144
- M as toastpyrion
143
+ h as default,
144
+ y as toastpyrion
145
145
  };
@@ -1,7 +1,7 @@
1
1
  import { j as e } from "./jsx-runtime-DKDX3adD.js";
2
- import { Close as f } from "./Icons.es.js";
3
- import { AnimatePresence as p, motion as n } from "framer-motion";
4
- import { useState as x, cloneElement as b } from "react";
2
+ import { AnimatePresence as f, motion as n } from "framer-motion";
3
+ import { useState as p, cloneElement as x } from "react";
4
+ import { Icons as b } from "./Icons.es.js";
5
5
  const N = ({
6
6
  title: i,
7
7
  trigger: o,
@@ -9,7 +9,7 @@ const N = ({
9
9
  position: t = "top",
10
10
  component: c
11
11
  }) => {
12
- const [s, l] = x(!1), m = () => l(!0), a = () => l(!1), u = o === "hover" ? {
12
+ const [s, l] = p(!1), m = () => l(!0), a = () => l(!1), u = o === "hover" ? {
13
13
  onMouseEnter: m,
14
14
  onMouseLeave: a
15
15
  } : {
@@ -21,8 +21,8 @@ const N = ({
21
21
  right: "left-full top-1/2 -translate-y-1/2 ml-2"
22
22
  };
23
23
  return /* @__PURE__ */ e.jsxs("div", { className: "relative inline-block", children: [
24
- b(r, u),
25
- /* @__PURE__ */ e.jsx(p, { children: s && /* @__PURE__ */ e.jsx(
24
+ x(r, u),
25
+ /* @__PURE__ */ e.jsx(f, { children: s && /* @__PURE__ */ e.jsx(
26
26
  n.div,
27
27
  {
28
28
  initial: { opacity: 0, scale: 0.8, y: t === "top" ? 10 : -10 },
@@ -49,7 +49,7 @@ const N = ({
49
49
  className: "absolute cursor-pointer -top-2 -right-2 w-6 h-6 bg-neutral-strong-default hover:bg-neutral-medium-default rounded-full flex items-center justify-center transition-colors z-10",
50
50
  whileHover: { scale: 1.1 },
51
51
  whileTap: { scale: 0.95 },
52
- children: /* @__PURE__ */ e.jsx(f, { size: 14, className: "text-white" })
52
+ children: /* @__PURE__ */ e.jsx(b.Close, { size: 14, className: "text-white" })
53
53
  }
54
54
  )
55
55
  ] })
@@ -3,8 +3,9 @@ export type CheckBoxProps = {
3
3
  className?: string;
4
4
  disabled?: boolean;
5
5
  } & HTMLProps<HTMLInputElement>;
6
- declare const _default: import('react').MemoExoticComponent<{
7
- ({ className, disabled, ...rest }: CheckBoxProps): import("react/jsx-runtime").JSX.Element;
8
- displayName: string;
9
- }>;
6
+ interface ICheckBox extends CheckBoxProps {
7
+ onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
8
+ value?: string;
9
+ }
10
+ declare const _default: import('react').NamedExoticComponent<Omit<ICheckBox, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
10
11
  export default _default;
@@ -1,9 +1,9 @@
1
+ import { Icons } from '../../Icons/Icons';
1
2
  import { ColorMode } from '../Shared/types';
2
- import { IconComponent } from '../../Icons/Icons';
3
3
  type ToastElementsProps = {
4
4
  container: string;
5
5
  iconClass: string;
6
- icon: IconComponent;
6
+ icon: keyof typeof Icons;
7
7
  };
8
8
  type ToastVarians = 'success' | 'error' | 'warning' | 'info';
9
9
  type ToastVariantClassnames = {
@@ -20,7 +20,7 @@ export interface PyrionToastProps {
20
20
  variant?: keyof typeof toastVariants['dark'];
21
21
  title?: string;
22
22
  description?: string;
23
- icon?: IconComponent;
23
+ icon?: keyof typeof Icons;
24
24
  duration?: number;
25
25
  button?: {
26
26
  label?: string;
@@ -1 +1 @@
1
- export * from '../Icons/Icons';
1
+ export { Icons } from '../Icons/Icons';