prometeo-design-system 1.7.1 → 1.7.3

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 (3) hide show
  1. package/dist/SelectFormik.es.js +141 -123
  2. package/dist/components/SelectFormik/SelectFormik.d.ts +3 -2
  3. package/package.json +225 -225
package/dist/SelectFormik.es.js CHANGED
@@ -1,35 +1,39 @@
1
1
  import { j as t } from "./jsx-runtime-ByW6EXIE.js";
2
2
  import { Icons as v } from "./Icons.es.js";
3
- import { c as u } from "./cn-B6yFEsav.js";
4
- import { useField as I, ErrorMessage as P } from "formik";
5
- import { useState as w, useRef as M, useEffect as R } from "react";
6
- const J = ({
3
+ import { c as o } from "./cn-B6yFEsav.js";
4
+ import { useField as P, ErrorMessage as M } from "formik";
5
+ import { useState as w, useRef as R, useEffect as L } from "react";
6
+ import B from "./Spinner.es.js";
7
+ const T = ({
7
8
  label: N,
8
9
  name: A,
9
10
  placeholder: b = "",
10
11
  disabled: c,
11
12
  containerClassName: k,
12
13
  className: C,
13
- options: o = [],
14
+ options: u = [],
14
15
  multiple: n = !1,
15
16
  emptyMessage: D = "No hay opciones disponibles",
16
- labelVariant: g = "default"
17
+ labelVariant: g = "default",
18
+ isFetching: O = !1
17
19
  }) => {
18
- const [a, y, i] = I(A), [l, f] = w(!1), [m, j] = w(!1), x = M(null), p = y.touched && y.error, d = a.value && (Array.isArray(a.value) ? a.value.length > 0 : a.value.toString().length > 0), O = () => g === "static" || d || l || m ? "-top-3 left-2 scale-90" : "top-1/2 -translate-y-1/2 scale-100", V = () => a.value ? Array.isArray(a.value) ? o.filter((e) => a.value.includes(e.id)) : o.filter((e) => e.id === a.value) : [], E = (e) => {
20
+ const [a, y, i] = P(A), [l, f] = w(!1), [m, j] = w(!1), x = R(null), p = y.touched && y.error, d = a.value && (Array.isArray(a.value) ? a.value.length > 0 : a.value.toString().length > 0), S = () => g === "static" || d || l || m ? "-top-3 left-2 scale-90" : "top-1/2 -translate-y-1/2 scale-100", V = () => a.value ? Array.isArray(a.value) ? u.filter((e) => a.value.includes(e.id)) : u.filter((e) => e.id === a.value) : [], z = (e) => {
19
21
  if (n) {
20
22
  const r = Array.isArray(a.value) ? a.value : [], s = r.includes(e.id) ? r.filter((h) => h !== e.id) : [...r, e.id];
21
23
  i.setValue(s);
22
24
  } else
23
25
  i.setValue(e.id), f(!1);
24
- }, S = (e) => {
26
+ }, E = (e) => {
25
27
  e.stopPropagation(), i.setValue(n ? [] : "");
26
- }, z = (e, r) => {
28
+ }, F = (e, r) => {
27
29
  if (r?.stopPropagation(), n && Array.isArray(a.value)) {
28
- const s = a.value.filter((h) => h !== e);
30
+ const s = a.value.filter(
31
+ (h) => h !== e
32
+ );
29
33
  i.setValue(s);
30
34
  }
31
35
  };
32
- R(() => {
36
+ L(() => {
33
37
  const e = (r) => {
34
38
  x.current && !x.current.contains(r.target) && f(!1);
35
39
  };
@@ -37,124 +41,138 @@ const J = ({
37
41
  document.removeEventListener("mousedown", e);
38
42
  };
39
43
  }, [l]);
40
- const F = () => {
44
+ const I = () => {
41
45
  const e = V();
42
- return e.length === 0 ? b ? /* @__PURE__ */ t.jsx("span", { className: "text-neutral-medium-default opacity-50", children: b }) : null : n ? /* @__PURE__ */ t.jsx("div", { className: "flex items-center gap-1 flex-wrap py-1", children: e.map((r) => /* @__PURE__ */ t.jsxs("div", { className: "inline-flex items-center gap-1 px-2 py-1 bg-primary-default-default text-white text-xs rounded-md", children: [
43
- /* @__PURE__ */ t.jsx("span", { className: "truncate max-w-20", children: r.label }),
44
- /* @__PURE__ */ t.jsx(
45
- "button",
46
- {
47
- onMouseDown: (s) => {
48
- s.preventDefault(), z(r.id, s);
49
- },
50
- className: "flex-shrink-0 hover:bg-primary-strong-default rounded-sm p-0.5 transition-colors",
51
- type: "button",
52
- tabIndex: -1,
53
- children: /* @__PURE__ */ t.jsx(v.Close, { size: 12, className: "" })
54
- }
55
- )
56
- ] }, r.id)) }) : /* @__PURE__ */ t.jsx("span", { children: e[0]?.label });
46
+ return e.length === 0 ? b ? /* @__PURE__ */ t.jsx("span", { className: "text-neutral-medium-default opacity-50", children: b }) : null : n ? /* @__PURE__ */ t.jsx("div", { className: "flex items-center gap-1 flex-wrap py-1", children: e.map((r) => /* @__PURE__ */ t.jsxs(
47
+ "div",
48
+ {
49
+ className: "inline-flex items-center gap-1 px-2 py-1 bg-primary-default-default text-white text-xs rounded-md",
50
+ children: [
51
+ /* @__PURE__ */ t.jsx("span", { className: "truncate max-w-20", children: r.label }),
52
+ /* @__PURE__ */ t.jsx(
53
+ "button",
54
+ {
55
+ onMouseDown: (s) => {
56
+ s.preventDefault(), F(r.id, s);
57
+ },
58
+ className: "flex-shrink-0 hover:bg-primary-strong-default rounded-sm p-0.5 transition-colors",
59
+ type: "button",
60
+ tabIndex: -1,
61
+ children: /* @__PURE__ */ t.jsx(v.Close, { size: 12, className: "" })
62
+ }
63
+ )
64
+ ]
65
+ },
66
+ r.id
67
+ )) }) : /* @__PURE__ */ t.jsx("span", { children: e[0]?.label });
57
68
  };
58
- return /* @__PURE__ */ t.jsxs("div", { className: u("relative w-full bg-inherit", k), ref: x, children: [
59
- /* @__PURE__ */ t.jsxs("div", { className: "relative bg-inherit", children: [
60
- /* @__PURE__ */ t.jsxs(
61
- "button",
62
- {
63
- type: "button",
64
- disabled: c,
65
- onClick: () => !c && f(!l),
66
- onFocus: () => j(!0),
67
- onBlur: () => j(!1),
68
- className: u(
69
- "w-full px-3 h-12 text-left border-1 rounded-lg transition-all duration-200 ease-in-out text-neutral-default-default",
70
- "flex items-center justify-between bg-transparent focus:outline-none",
71
- d || l || m ? "border-primary-default-default border-2" : p ? "border-error-default-default" : "border-neutral-default-default hover:border-neutral-strong-default",
72
- c && "opacity-50 cursor-not-allowed",
73
- C
69
+ return /* @__PURE__ */ t.jsxs(
70
+ "div",
71
+ {
72
+ className: o("relative w-full bg-inherit", k),
73
+ ref: x,
74
+ children: [
75
+ /* @__PURE__ */ t.jsxs("div", { className: "relative bg-inherit", children: [
76
+ /* @__PURE__ */ t.jsxs(
77
+ "button",
78
+ {
79
+ type: "button",
80
+ disabled: c,
81
+ onClick: () => !c && f(!l),
82
+ onFocus: () => j(!0),
83
+ onBlur: () => j(!1),
84
+ className: o(
85
+ "w-full px-3 h-12 text-left border-1 rounded-lg transition-all duration-200 ease-in-out text-neutral-default-default",
86
+ "flex items-center justify-between bg-transparent focus:outline-none",
87
+ d || l || m ? "border-primary-default-default border-2" : p ? "border-error-default-default" : "border-neutral-default-default hover:border-neutral-strong-default",
88
+ c && "opacity-50 cursor-not-allowed",
89
+ C
90
+ ),
91
+ children: [
92
+ /* @__PURE__ */ t.jsx(
93
+ "label",
94
+ {
95
+ className: o(
96
+ "absolute pointer-events-none bg-inherit px-1 z-10",
97
+ g === "default" && "transition-all duration-200 ease-in-out",
98
+ "text-md",
99
+ S(),
100
+ d || l || m ? "text-primary-default-default" : p ? "text-red-500" : "text-neutral-medium-default",
101
+ "left-3"
102
+ ),
103
+ children: N
104
+ }
105
+ ),
106
+ /* @__PURE__ */ t.jsx("div", { className: "flex-1 min-w-0", children: I() }),
107
+ /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2 ml-2", children: [
108
+ d && /* @__PURE__ */ t.jsx(
109
+ "button",
110
+ {
111
+ onMouseDown: (e) => {
112
+ e.preventDefault(), e.stopPropagation(), E(e);
113
+ },
114
+ className: "text-neutral-medium-default hover:text-neutral-default-default transition-colors",
115
+ type: "button",
116
+ tabIndex: -1,
117
+ children: /* @__PURE__ */ t.jsx(v.Close, { size: 16, className: "" })
118
+ }
119
+ ),
120
+ O ? /* @__PURE__ */ t.jsx(B, { size: 20, variant: "clip" }) : /* @__PURE__ */ t.jsx(
121
+ v.ChevronDown,
122
+ {
123
+ size: 20,
124
+ className: o(
125
+ "transition-transform text-neutral-default-default",
126
+ l ? "rotate-180" : ""
127
+ )
128
+ }
129
+ )
130
+ ] })
131
+ ]
132
+ }
74
133
  ),
75
- children: [
76
- /* @__PURE__ */ t.jsx(
77
- "label",
134
+ 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: u.length === 0 ? /* @__PURE__ */ t.jsx("div", { className: "px-3 py-2 text-neutral-medium-default", children: D }) : u.map((e) => {
135
+ const r = n ? Array.isArray(a.value) && a.value.includes(e.id) : a.value === e.id;
136
+ return /* @__PURE__ */ t.jsxs(
137
+ "div",
78
138
  {
79
- className: u(
80
- "absolute pointer-events-none bg-inherit px-1 z-10",
81
- g === "default" && "transition-all duration-200 ease-in-out",
82
- "text-md",
83
- O(),
84
- d || l || m ? "text-primary-default-default" : p ? "text-red-500" : "text-neutral-medium-default",
85
- "left-3"
139
+ onMouseDown: (s) => {
140
+ s.preventDefault(), z(e), s.stopPropagation();
141
+ },
142
+ className: o(
143
+ "px-3 py-2 cursor-pointer flex items-center transition-colors",
144
+ r ? "bg-primary-default-default text-white" : "hover:bg-neutral-medium-selected text-neutral-default-default"
86
145
  ),
87
- children: N
88
- }
89
- ),
90
- /* @__PURE__ */ t.jsx("div", { className: "flex-1 min-w-0", children: F() }),
91
- /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2 ml-2", children: [
92
- d && /* @__PURE__ */ t.jsx(
93
- "button",
94
- {
95
- onMouseDown: (e) => {
96
- e.preventDefault(), e.stopPropagation(), S(e);
97
- },
98
- className: "text-neutral-medium-default hover:text-neutral-default-default transition-colors",
99
- type: "button",
100
- tabIndex: -1,
101
- children: /* @__PURE__ */ t.jsx(v.Close, { size: 16, className: "" })
102
- }
103
- ),
104
- /* @__PURE__ */ t.jsx(
105
- v.ChevronDown,
106
- {
107
- size: 20,
108
- className: u(
109
- "transition-transform text-neutral-default-default",
110
- l ? "rotate-180" : ""
111
- )
112
- }
113
- )
114
- ] })
115
- ]
116
- }
117
- ),
118
- 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: o.length === 0 ? /* @__PURE__ */ t.jsx("div", { className: "px-3 py-2 text-neutral-medium-default", children: D }) : o.map((e) => {
119
- const r = n ? Array.isArray(a.value) && a.value.includes(e.id) : a.value === e.id;
120
- return /* @__PURE__ */ t.jsxs(
121
- "div",
146
+ children: [
147
+ n && /* @__PURE__ */ t.jsx(
148
+ "input",
149
+ {
150
+ type: "checkbox",
151
+ checked: r,
152
+ onChange: () => {
153
+ },
154
+ className: "mr-2 pointer-events-none"
155
+ }
156
+ ),
157
+ /* @__PURE__ */ t.jsx("span", { children: e.label })
158
+ ]
159
+ },
160
+ e.id
161
+ );
162
+ }) })
163
+ ] }),
164
+ p && /* @__PURE__ */ t.jsx(
165
+ M,
122
166
  {
123
- onMouseDown: (s) => {
124
- s.preventDefault(), E(e), s.stopPropagation();
125
- },
126
- className: u(
127
- "px-3 py-2 cursor-pointer flex items-center transition-colors",
128
- r ? "bg-primary-default-default text-white" : "hover:bg-neutral-medium-selected text-neutral-default-default"
129
- ),
130
- children: [
131
- n && /* @__PURE__ */ t.jsx(
132
- "input",
133
- {
134
- type: "checkbox",
135
- checked: r,
136
- onChange: () => {
137
- },
138
- className: "mr-2 pointer-events-none"
139
- }
140
- ),
141
- /* @__PURE__ */ t.jsx("span", { children: e.label })
142
- ]
143
- },
144
- e.id
145
- );
146
- }) })
147
- ] }),
148
- p && /* @__PURE__ */ t.jsx(
149
- P,
150
- {
151
- name: a.name,
152
- component: "span",
153
- className: "block text-error-default-default text-xs mt-1"
154
- }
155
- )
156
- ] });
167
+ name: a.name,
168
+ component: "span",
169
+ className: "block text-error-default-default text-xs mt-1"
170
+ }
171
+ )
172
+ ]
173
+ }
174
+ );
157
175
  };
158
176
  export {
159
- J as default
177
+ T as default
160
178
  };
package/dist/components/SelectFormik/SelectFormik.d.ts CHANGED
@@ -9,10 +9,11 @@ export interface ISelectFormik {
9
9
  disabled: boolean;
10
10
  containerClassName: string;
11
11
  className: string;
12
- labelVariant?: 'default' | 'static';
12
+ labelVariant?: "default" | "static";
13
13
  options: ISelectFormikOption[];
14
14
  multiple?: boolean;
15
15
  emptyMessage?: string;
16
+ isFetching?: boolean;
16
17
  }
17
- declare const SelectFormik: ({ label, name, placeholder, disabled, containerClassName, className, options, multiple, emptyMessage, labelVariant, }: ISelectFormik) => import("react/jsx-runtime").JSX.Element;
18
+ declare const SelectFormik: ({ label, name, placeholder, disabled, containerClassName, className, options, multiple, emptyMessage, labelVariant, isFetching, }: ISelectFormik) => import("react/jsx-runtime").JSX.Element;
18
19
  export default SelectFormik;
package/package.json CHANGED
@@ -1,225 +1,225 @@
1
- {
2
- "name": "prometeo-design-system",
3
- "private": false,
4
- "version": "1.7.1",
5
- "type": "module",
6
- "description": "design kit system",
7
- "main": "dist/prometeo-design-system.umd.js",
8
- "module": "dist/prometeo-design-system.es.js",
9
- "types": "dist/index.d.ts",
10
- "sideEffects": [
11
- "**/*.css",
12
- "**/*.scss"
13
- ],
14
- "exports": {
15
- ".": {
16
- "types": "./dist/index.d.ts",
17
- "import": "./dist/prometeo-design-system.es.js",
18
- "require": "./dist/prometeo-design-system.umd.js"
19
- },
20
- "./Button": {
21
- "types": "./dist/Button.d.ts",
22
- "import": "./dist/Button.es.js"
23
- },
24
- "./Avatar": {
25
- "types": "./dist/Avatar.d.ts",
26
- "import": "./dist/Avatar.es.js"
27
- },
28
- "./CardProfile": {
29
- "types": "./dist/CardProfile.d.ts",
30
- "import": "./dist/CardProfile.es.js"
31
- },
32
- "./CheckBox": {
33
- "types": "./dist/CheckBox.d.ts",
34
- "import": "./dist/CheckBox.es.js"
35
- },
36
- "./CheckboxFormik": {
37
- "types": "./dist/CheckboxFormik.d.ts",
38
- "import": "./dist/CheckboxFormik.es.js"
39
- },
40
- "./DialogModal": {
41
- "types": "./dist/DialogModal.d.ts",
42
- "import": "./dist/DialogModal.es.js"
43
- },
44
- "./DrawerDesktop": {
45
- "types": "./dist/DrawerDesktop.d.ts",
46
- "import": "./dist/DrawerDesktop.es.js"
47
- },
48
- "./DrawerMobile": {
49
- "types": "./dist/DrawerMobile.d.ts",
50
- "import": "./dist/DrawerMobile.es.js"
51
- },
52
- "./Header": {
53
- "types": "./dist/Header.d.ts",
54
- "import": "./dist/Header.es.js"
55
- },
56
- "./Input": {
57
- "types": "./dist/Input.d.ts",
58
- "import": "./dist/Input.es.js"
59
- },
60
- "./InputFormik": {
61
- "types": "./dist/InputFormik.d.ts",
62
- "import": "./dist/InputFormik.es.js"
63
- },
64
- "./Logo": {
65
- "types": "./dist/Logo.d.ts",
66
- "import": "./dist/Logo.es.js"
67
- },
68
- "./Menu": {
69
- "types": "./dist/Menu.d.ts",
70
- "import": "./dist/Menu.es.js"
71
- },
72
- "./Pagination": {
73
- "types": "./dist/Pagination.d.ts",
74
- "import": "./dist/Pagination.es.js"
75
- },
76
- "./ProgressBar": {
77
- "types": "./dist/ProgressBar.d.ts",
78
- "import": "./dist/ProgressBar.es.js"
79
- },
80
- "./ProfilePictureUpload": {
81
- "types": "./dist/ProfilePictureUpload.d.ts",
82
- "import": "./dist/ProfilePictureUpload.es.js"
83
- },
84
- "./Select": {
85
- "types": "./dist/Select.d.ts",
86
- "import": "./dist/Select.es.js"
87
- },
88
- "./SelectFormik": {
89
- "types": "./dist/SelectFormik.d.ts",
90
- "import": "./dist/SelectFormik.es.js"
91
- },
92
- "./Spinner": {
93
- "types": "./dist/Spinner.d.ts",
94
- "import": "./dist/Spinner.es.js"
95
- },
96
- "./Steps": {
97
- "types": "./dist/Steps.d.ts",
98
- "import": "./dist/Steps.es.js"
99
- },
100
- "./SwipeContainer": {
101
- "types": "./dist/SwipeContainer.d.ts",
102
- "import": "./dist/SwipeContainer.es.js"
103
- },
104
- "./TabLinks": {
105
- "types": "./dist/TabLinks.d.ts",
106
- "import": "./dist/TabLinks.es.js"
107
- },
108
- "./Table": {
109
- "types": "./dist/Table.d.ts",
110
- "import": "./dist/Table.es.js"
111
- },
112
- "./TextArea": {
113
- "types": "./dist/TextArea.d.ts",
114
- "import": "./dist/TextArea.es.js"
115
- },
116
- "./Tooltip": {
117
- "types": "./dist/Tooltip.d.ts",
118
- "import": "./dist/Tooltip.es.js"
119
- },
120
- "./LayoutGeneric": {
121
- "types": "./dist/LayoutGeneric.d.ts",
122
- "import": "./dist/LayoutGeneric.es.js"
123
- },
124
- "./OtpInput": {
125
- "types": "./dist/OtpInput.d.ts",
126
- "import": "./dist/OtpInput.es.js"
127
- },
128
- "./DropZone": {
129
- "types": "./dist/DropZone.d.ts",
130
- "import": "./dist/DropZone.es.js"
131
- },
132
- "./Icons": {
133
- "types": "./dist/Icons.d.ts",
134
- "import": "./dist/Icons.es.js"
135
- },
136
- "./InputMultiple": {
137
- "types": "./dist/InputMultiple.d.ts",
138
- "import": "./dist/InputMultiple.es.js"
139
- },
140
- "./styles": "./dist/prometeo-design-system.css"
141
- },
142
- "files": [
143
- "dist",
144
- "README.md"
145
- ],
146
- "keywords": [
147
- "react",
148
- "design-system",
149
- "components",
150
- "tailwind",
151
- "framer-motion",
152
- "typescript",
153
- "ui-kit"
154
- ],
155
- "author": "Mat",
156
- "license": "MIT",
157
- "repository": {
158
- "type": "git",
159
- "url": "https://github.com/your-username/prometeo-design-system.git"
160
- },
161
- "homepage": "https://github.com/your-username/prometeo-design-system#readme",
162
- "bugs": {
163
- "url": "https://github.com/your-username/prometeo-design-system/issues"
164
- },
165
- "scripts": {
166
- "dev": "vite",
167
- "build": "tsc -b && vite build",
168
- "lint": "eslint .",
169
- "preview": "vite preview",
170
- "clean": "rm -rf dist",
171
- "storybook": "storybook dev -p 6006",
172
- "build-storybook": "storybook build"
173
- },
174
- "dependencies": {
175
- "shared-dependencies-tickets": "^1.0.11"
176
- },
177
- "devDependencies": {
178
- "@eslint/js": "^9.33.0",
179
- "@gsap/react": "^2.1.2",
180
- "@storybook/addon-docs": "^9.1.3",
181
- "@storybook/addon-onboarding": "^9.1.3",
182
- "@storybook/react-vite": "^9.1.3",
183
- "@tailwindcss/vite": "^4.1.13",
184
- "@tanstack/react-table": "^8.21.3",
185
- "@types/node": "^24.3.1",
186
- "@types/react": "^19.1.10",
187
- "@types/react-dom": "^19.1.7",
188
- "@vitejs/plugin-react-swc": "^4.0.0",
189
- "class-variance-authority": "^0.7.1",
190
- "eslint": "^9.33.0",
191
- "eslint-plugin-react-hooks": "^5.2.0",
192
- "eslint-plugin-react-refresh": "^0.4.20",
193
- "eslint-plugin-storybook": "^9.1.3",
194
- "globals": "^16.3.0",
195
- "input-otp": "^1.4.2",
196
- "react": "^19.0.0",
197
- "react-dom": "^19.0.0",
198
- "storybook": "^9.1.3",
199
- "tailwindcss": "^4.1.12",
200
- "tw-animate-css": "^1.3.7",
201
- "typescript": "~5.8.3",
202
- "typescript-eslint": "^8.39.1",
203
- "vite": "^7.1.2",
204
- "vite-plugin-dts": "^4.5.4"
205
- },
206
- "peerDependencies": {
207
- "@emotion/is-prop-valid": "^1.4.0",
208
- "@gsap/react": "^2.0.0",
209
- "clsx": "^2.0.0",
210
- "formik": "^2.4.6",
211
- "framer-motion": "^12.0.0",
212
- "gsap": "^3.12.5",
213
- "lucide-react": "^0.400.0",
214
- "react": "^19.0.0",
215
- "react-dom": "^19.0.0",
216
- "react-dropzone": "^14.3.8",
217
- "react-router": "^7.0.0",
218
- "react-router-dom": "^7.0.0",
219
- "react-spinners": "^0.17.0",
220
- "sonner": "^2.0.7",
221
- "tailwind-merge": "^3.0.0",
222
- "use-debounce": "^10.0.0",
223
- "vaul": "^1.1.2"
224
- }
225
- }
1
+ {
2
+ "name": "prometeo-design-system",
3
+ "private": false,
4
+ "version": "1.7.3",
5
+ "type": "module",
6
+ "description": "design kit system",
7
+ "main": "dist/prometeo-design-system.umd.js",
8
+ "module": "dist/prometeo-design-system.es.js",
9
+ "types": "dist/index.d.ts",
10
+ "sideEffects": [
11
+ "**/*.css",
12
+ "**/*.scss"
13
+ ],
14
+ "exports": {
15
+ ".": {
16
+ "types": "./dist/index.d.ts",
17
+ "import": "./dist/prometeo-design-system.es.js",
18
+ "require": "./dist/prometeo-design-system.umd.js"
19
+ },
20
+ "./Button": {
21
+ "types": "./dist/Button.d.ts",
22
+ "import": "./dist/Button.es.js"
23
+ },
24
+ "./Avatar": {
25
+ "types": "./dist/Avatar.d.ts",
26
+ "import": "./dist/Avatar.es.js"
27
+ },
28
+ "./CardProfile": {
29
+ "types": "./dist/CardProfile.d.ts",
30
+ "import": "./dist/CardProfile.es.js"
31
+ },
32
+ "./CheckBox": {
33
+ "types": "./dist/CheckBox.d.ts",
34
+ "import": "./dist/CheckBox.es.js"
35
+ },
36
+ "./CheckboxFormik": {
37
+ "types": "./dist/CheckboxFormik.d.ts",
38
+ "import": "./dist/CheckboxFormik.es.js"
39
+ },
40
+ "./DialogModal": {
41
+ "types": "./dist/DialogModal.d.ts",
42
+ "import": "./dist/DialogModal.es.js"
43
+ },
44
+ "./DrawerDesktop": {
45
+ "types": "./dist/DrawerDesktop.d.ts",
46
+ "import": "./dist/DrawerDesktop.es.js"
47
+ },
48
+ "./DrawerMobile": {
49
+ "types": "./dist/DrawerMobile.d.ts",
50
+ "import": "./dist/DrawerMobile.es.js"
51
+ },
52
+ "./Header": {
53
+ "types": "./dist/Header.d.ts",
54
+ "import": "./dist/Header.es.js"
55
+ },
56
+ "./Input": {
57
+ "types": "./dist/Input.d.ts",
58
+ "import": "./dist/Input.es.js"
59
+ },
60
+ "./InputFormik": {
61
+ "types": "./dist/InputFormik.d.ts",
62
+ "import": "./dist/InputFormik.es.js"
63
+ },
64
+ "./Logo": {
65
+ "types": "./dist/Logo.d.ts",
66
+ "import": "./dist/Logo.es.js"
67
+ },
68
+ "./Menu": {
69
+ "types": "./dist/Menu.d.ts",
70
+ "import": "./dist/Menu.es.js"
71
+ },
72
+ "./Pagination": {
73
+ "types": "./dist/Pagination.d.ts",
74
+ "import": "./dist/Pagination.es.js"
75
+ },
76
+ "./ProgressBar": {
77
+ "types": "./dist/ProgressBar.d.ts",
78
+ "import": "./dist/ProgressBar.es.js"
79
+ },
80
+ "./ProfilePictureUpload": {
81
+ "types": "./dist/ProfilePictureUpload.d.ts",
82
+ "import": "./dist/ProfilePictureUpload.es.js"
83
+ },
84
+ "./Select": {
85
+ "types": "./dist/Select.d.ts",
86
+ "import": "./dist/Select.es.js"
87
+ },
88
+ "./SelectFormik": {
89
+ "types": "./dist/SelectFormik.d.ts",
90
+ "import": "./dist/SelectFormik.es.js"
91
+ },
92
+ "./Spinner": {
93
+ "types": "./dist/Spinner.d.ts",
94
+ "import": "./dist/Spinner.es.js"
95
+ },
96
+ "./Steps": {
97
+ "types": "./dist/Steps.d.ts",
98
+ "import": "./dist/Steps.es.js"
99
+ },
100
+ "./SwipeContainer": {
101
+ "types": "./dist/SwipeContainer.d.ts",
102
+ "import": "./dist/SwipeContainer.es.js"
103
+ },
104
+ "./TabLinks": {
105
+ "types": "./dist/TabLinks.d.ts",
106
+ "import": "./dist/TabLinks.es.js"
107
+ },
108
+ "./Table": {
109
+ "types": "./dist/Table.d.ts",
110
+ "import": "./dist/Table.es.js"
111
+ },
112
+ "./TextArea": {
113
+ "types": "./dist/TextArea.d.ts",
114
+ "import": "./dist/TextArea.es.js"
115
+ },
116
+ "./Tooltip": {
117
+ "types": "./dist/Tooltip.d.ts",
118
+ "import": "./dist/Tooltip.es.js"
119
+ },
120
+ "./LayoutGeneric": {
121
+ "types": "./dist/LayoutGeneric.d.ts",
122
+ "import": "./dist/LayoutGeneric.es.js"
123
+ },
124
+ "./OtpInput": {
125
+ "types": "./dist/OtpInput.d.ts",
126
+ "import": "./dist/OtpInput.es.js"
127
+ },
128
+ "./DropZone": {
129
+ "types": "./dist/DropZone.d.ts",
130
+ "import": "./dist/DropZone.es.js"
131
+ },
132
+ "./Icons": {
133
+ "types": "./dist/Icons.d.ts",
134
+ "import": "./dist/Icons.es.js"
135
+ },
136
+ "./InputMultiple": {
137
+ "types": "./dist/InputMultiple.d.ts",
138
+ "import": "./dist/InputMultiple.es.js"
139
+ },
140
+ "./styles": "./dist/prometeo-design-system.css"
141
+ },
142
+ "files": [
143
+ "dist",
144
+ "README.md"
145
+ ],
146
+ "keywords": [
147
+ "react",
148
+ "design-system",
149
+ "components",
150
+ "tailwind",
151
+ "framer-motion",
152
+ "typescript",
153
+ "ui-kit"
154
+ ],
155
+ "author": "Mat",
156
+ "license": "MIT",
157
+ "repository": {
158
+ "type": "git",
159
+ "url": "https://github.com/your-username/prometeo-design-system.git"
160
+ },
161
+ "homepage": "https://github.com/your-username/prometeo-design-system#readme",
162
+ "bugs": {
163
+ "url": "https://github.com/your-username/prometeo-design-system/issues"
164
+ },
165
+ "scripts": {
166
+ "dev": "vite",
167
+ "build": "tsc -b && vite build",
168
+ "lint": "eslint .",
169
+ "preview": "vite preview",
170
+ "clean": "rm -rf dist",
171
+ "storybook": "storybook dev -p 6006",
172
+ "build-storybook": "storybook build"
173
+ },
174
+ "dependencies": {
175
+ "shared-dependencies-tickets": "^1.0.11"
176
+ },
177
+ "devDependencies": {
178
+ "@eslint/js": "^9.33.0",
179
+ "@gsap/react": "^2.1.2",
180
+ "@storybook/addon-docs": "^9.1.3",
181
+ "@storybook/addon-onboarding": "^9.1.3",
182
+ "@storybook/react-vite": "^9.1.3",
183
+ "@tailwindcss/vite": "^4.1.13",
184
+ "@tanstack/react-table": "^8.21.3",
185
+ "@types/node": "^24.3.1",
186
+ "@types/react": "^19.1.10",
187
+ "@types/react-dom": "^19.1.7",
188
+ "@vitejs/plugin-react-swc": "^4.0.0",
189
+ "class-variance-authority": "^0.7.1",
190
+ "eslint": "^9.33.0",
191
+ "eslint-plugin-react-hooks": "^5.2.0",
192
+ "eslint-plugin-react-refresh": "^0.4.20",
193
+ "eslint-plugin-storybook": "^9.1.3",
194
+ "globals": "^16.3.0",
195
+ "input-otp": "^1.4.2",
196
+ "react": "^19.0.0",
197
+ "react-dom": "^19.0.0",
198
+ "storybook": "^9.1.3",
199
+ "tailwindcss": "^4.1.12",
200
+ "tw-animate-css": "^1.3.7",
201
+ "typescript": "~5.8.3",
202
+ "typescript-eslint": "^8.39.1",
203
+ "vite": "^7.1.2",
204
+ "vite-plugin-dts": "^4.5.4"
205
+ },
206
+ "peerDependencies": {
207
+ "@emotion/is-prop-valid": "^1.4.0",
208
+ "@gsap/react": "^2.0.0",
209
+ "clsx": "^2.0.0",
210
+ "formik": "^2.4.6",
211
+ "framer-motion": "^12.0.0",
212
+ "gsap": "^3.12.5",
213
+ "lucide-react": "^0.400.0",
214
+ "react": "^19.0.0",
215
+ "react-dom": "^19.0.0",
216
+ "react-dropzone": "^14.3.8",
217
+ "react-router": "^7.0.0",
218
+ "react-router-dom": "^7.0.0",
219
+ "react-spinners": "^0.17.0",
220
+ "sonner": "^2.0.7",
221
+ "tailwind-merge": "^3.0.0",
222
+ "use-debounce": "^10.0.0",
223
+ "vaul": "^1.1.2"
224
+ }
225
+ }