prometeo-design-system 1.7.1 → 1.7.2

package/dist/SelectFormik.es.js

@@ -1,35 +1,37 @@
 import { j as t } from "./jsx-runtime-ByW6EXIE.js";
 import { Icons as v } from "./Icons.es.js";
-import { c as u } from "./cn-B6yFEsav.js";
-import { useField as I, ErrorMessage as P } from "formik";
-import { useState as w, useRef as M, useEffect as R } from "react";
-const J = ({
-  label: N,
-  name: A,
+import { c as o } from "./cn-B6yFEsav.js";
+import { useField as F, ErrorMessage as M } from "formik";
+import { useState as N, useRef as R, useEffect as L } from "react";
+import B from "./Spinner.es.js";
+const T = ({
+  label: A,
+  name: k,
   placeholder: b = "",
   disabled: c,
-  containerClassName: k,
-  className: C,
-  options: o = [],
+  containerClassName: C,
+  className: D,
+  options: u = [],
   multiple: n = !1,
-  emptyMessage: D = "No hay opciones disponibles",
-  labelVariant: g = "default"
+  emptyMessage: O = "No hay opciones disponibles",
+  labelVariant: g = "default",
+  isFetching: y = !1
 }) => {
-  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) => {
+  const [a, j, i] = F(k), [l, f] = N(!1), [m, w] = N(!1), x = R(null), p = j.touched && j.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) => {
     if (n) {
       const r = Array.isArray(a.value) ? a.value : [], s = r.includes(e.id) ? r.filter((h) => h !== e.id) : [...r, e.id];
       i.setValue(s);
     } else
       i.setValue(e.id), f(!1);
-  }, S = (e) => {
+  }, E = (e) => {
     e.stopPropagation(), i.setValue(n ? [] : "");
-  }, z = (e, r) => {
+  }, I = (e, r) => {
     if (r?.stopPropagation(), n && Array.isArray(a.value)) {
       const s = a.value.filter((h) => h !== e);
       i.setValue(s);
     }
   };
-  R(() => {
+  L(() => {
     const e = (r) => {
       x.current && !x.current.contains(r.target) && f(!1);
     };
@@ -37,7 +39,7 @@ const J = ({
       document.removeEventListener("mousedown", e);
     };
   }, [l]);
-  const F = () => {
+  const P = () => {
     const e = V();
     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: [
       /* @__PURE__ */ t.jsx("span", { className: "truncate max-w-20", children: r.label }),
@@ -45,7 +47,7 @@ const J = ({
         "button",
         {
           onMouseDown: (s) => {
-            s.preventDefault(), z(r.id, s);
+            s.preventDefault(), I(r.id, s);
           },
           className: "flex-shrink-0 hover:bg-primary-strong-default rounded-sm p-0.5 transition-colors",
           type: "button",
@@ -55,7 +57,7 @@ const J = ({
       )
     ] }, r.id)) }) : /* @__PURE__ */ t.jsx("span", { children: e[0]?.label });
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: u("relative w-full bg-inherit", k), ref: x, children: [
+  return /* @__PURE__ */ t.jsxs("div", { className: o("relative w-full bg-inherit", C), ref: x, children: [
     /* @__PURE__ */ t.jsxs("div", { className: "relative bg-inherit", children: [
       /* @__PURE__ */ t.jsxs(
         "button",
@@ -63,37 +65,37 @@ const J = ({
           type: "button",
           disabled: c,
           onClick: () => !c && f(!l),
-          onFocus: () => j(!0),
-          onBlur: () => j(!1),
-          className: u(
+          onFocus: () => w(!0),
+          onBlur: () => w(!1),
+          className: o(
             "w-full px-3 h-12 text-left border-1 rounded-lg transition-all duration-200 ease-in-out text-neutral-default-default",
             "flex items-center justify-between bg-transparent focus:outline-none",
             d || l || m ? "border-primary-default-default border-2" : p ? "border-error-default-default" : "border-neutral-default-default hover:border-neutral-strong-default",
             c && "opacity-50 cursor-not-allowed",
-            C
+            D
           ),
           children: [
             /* @__PURE__ */ t.jsx(
               "label",
               {
-                className: u(
+                className: o(
                   "absolute pointer-events-none bg-inherit px-1 z-10",
                   g === "default" && "transition-all duration-200 ease-in-out",
                   "text-md",
-                  O(),
+                  S(),
                   d || l || m ? "text-primary-default-default" : p ? "text-red-500" : "text-neutral-medium-default",
                   "left-3"
                 ),
-                children: N
+                children: A
               }
             ),
-            /* @__PURE__ */ t.jsx("div", { className: "flex-1 min-w-0", children: F() }),
+            /* @__PURE__ */ t.jsx("div", { className: "flex-1 min-w-0", children: P() }),
             /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2 ml-2", children: [
               d && /* @__PURE__ */ t.jsx(
                 "button",
                 {
                   onMouseDown: (e) => {
-                    e.preventDefault(), e.stopPropagation(), S(e);
+                    e.preventDefault(), e.stopPropagation(), E(e);
                   },
                   className: "text-neutral-medium-default hover:text-neutral-default-default transition-colors",
                   type: "button",
@@ -101,11 +103,12 @@ const J = ({
                   children: /* @__PURE__ */ t.jsx(v.Close, { size: 16, className: "" })
                 }
               ),
-              /* @__PURE__ */ t.jsx(
+              y && /* @__PURE__ */ t.jsx(B, { size: 20, variant: "clip" }),
+              !y && /* @__PURE__ */ t.jsx(
                 v.ChevronDown,
                 {
                   size: 20,
-                  className: u(
+                  className: o(
                     "transition-transform text-neutral-default-default",
                     l ? "rotate-180" : ""
                   )
@@ -115,15 +118,15 @@ const J = ({
           ]
         }
       ),
-      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) => {
+      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: O }) : u.map((e) => {
         const r = n ? Array.isArray(a.value) && a.value.includes(e.id) : a.value === e.id;
         return /* @__PURE__ */ t.jsxs(
           "div",
           {
             onMouseDown: (s) => {
-              s.preventDefault(), E(e), s.stopPropagation();
+              s.preventDefault(), z(e), s.stopPropagation();
             },
-            className: u(
+            className: o(
               "px-3 py-2 cursor-pointer flex items-center transition-colors",
               r ? "bg-primary-default-default text-white" : "hover:bg-neutral-medium-selected text-neutral-default-default"
             ),
@@ -146,7 +149,7 @@ const J = ({
       }) })
     ] }),
     p && /* @__PURE__ */ t.jsx(
-      P,
+      M,
       {
         name: a.name,
         component: "span",
@@ -156,5 +159,5 @@ const J = ({
   ] });
 };
 export {
-  J as default
+  T as default
 };

package/dist/components/SelectFormik/SelectFormik.d.ts

@@ -13,6 +13,7 @@ export interface ISelectFormik {
     options: ISelectFormikOption[];
     multiple?: boolean;
     emptyMessage?: string;
+    isFetching?: boolean;
 }
-declare const SelectFormik: ({ label, name, placeholder, disabled, containerClassName, className, options, multiple, emptyMessage, labelVariant, }: ISelectFormik) => import("react/jsx-runtime").JSX.Element;
+declare const SelectFormik: ({ label, name, placeholder, disabled, containerClassName, className, options, multiple, emptyMessage, labelVariant, isFetching, }: ISelectFormik) => import("react/jsx-runtime").JSX.Element;
 export default SelectFormik;

package/package.json

@@ -1,225 +1,225 @@
-{
-  "name": "prometeo-design-system",
-  "private": false,
-  "version": "1.7.1",
-  "type": "module",
-  "description": "design kit system",
-  "main": "dist/prometeo-design-system.umd.js",
-  "module": "dist/prometeo-design-system.es.js",
-  "types": "dist/index.d.ts",
-  "sideEffects": [
-    "**/*.css",
-    "**/*.scss"
-  ],
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/prometeo-design-system.es.js",
-      "require": "./dist/prometeo-design-system.umd.js"
-    },
-    "./Button": {
-      "types": "./dist/Button.d.ts",
-      "import": "./dist/Button.es.js"
-    },
-    "./Avatar": {
-      "types": "./dist/Avatar.d.ts",
-      "import": "./dist/Avatar.es.js"
-    },
-    "./CardProfile": {
-      "types": "./dist/CardProfile.d.ts",
-      "import": "./dist/CardProfile.es.js"
-    },
-    "./CheckBox": {
-      "types": "./dist/CheckBox.d.ts",
-      "import": "./dist/CheckBox.es.js"
-    },
-    "./CheckboxFormik": {
-      "types": "./dist/CheckboxFormik.d.ts",
-      "import": "./dist/CheckboxFormik.es.js"
-    },
-    "./DialogModal": {
-      "types": "./dist/DialogModal.d.ts",
-      "import": "./dist/DialogModal.es.js"
-    },
-    "./DrawerDesktop": {
-      "types": "./dist/DrawerDesktop.d.ts",
-      "import": "./dist/DrawerDesktop.es.js"
-    },
-    "./DrawerMobile": {
-      "types": "./dist/DrawerMobile.d.ts",
-      "import": "./dist/DrawerMobile.es.js"
-    },
-    "./Header": {
-      "types": "./dist/Header.d.ts",
-      "import": "./dist/Header.es.js"
-    },
-    "./Input": {
-      "types": "./dist/Input.d.ts",
-      "import": "./dist/Input.es.js"
-    },
-    "./InputFormik": {
-      "types": "./dist/InputFormik.d.ts",
-      "import": "./dist/InputFormik.es.js"
-    },
-    "./Logo": {
-      "types": "./dist/Logo.d.ts",
-      "import": "./dist/Logo.es.js"
-    },
-    "./Menu": {
-      "types": "./dist/Menu.d.ts",
-      "import": "./dist/Menu.es.js"
-    },
-    "./Pagination": {
-      "types": "./dist/Pagination.d.ts",
-      "import": "./dist/Pagination.es.js"
-    },
-    "./ProgressBar": {
-      "types": "./dist/ProgressBar.d.ts",
-      "import": "./dist/ProgressBar.es.js"
-    },
-    "./ProfilePictureUpload": {
-      "types": "./dist/ProfilePictureUpload.d.ts",
-      "import": "./dist/ProfilePictureUpload.es.js"
-    },
-    "./Select": {
-      "types": "./dist/Select.d.ts",
-      "import": "./dist/Select.es.js"
-    },
-    "./SelectFormik": {
-      "types": "./dist/SelectFormik.d.ts",
-      "import": "./dist/SelectFormik.es.js"
-    },
-    "./Spinner": {
-      "types": "./dist/Spinner.d.ts",
-      "import": "./dist/Spinner.es.js"
-    },
-    "./Steps": {
-      "types": "./dist/Steps.d.ts",
-      "import": "./dist/Steps.es.js"
-    },
-    "./SwipeContainer": {
-      "types": "./dist/SwipeContainer.d.ts",
-      "import": "./dist/SwipeContainer.es.js"
-    },
-    "./TabLinks": {
-      "types": "./dist/TabLinks.d.ts",
-      "import": "./dist/TabLinks.es.js"
-    },
-    "./Table": {
-      "types": "./dist/Table.d.ts",
-      "import": "./dist/Table.es.js"
-    },
-    "./TextArea": {
-      "types": "./dist/TextArea.d.ts",
-      "import": "./dist/TextArea.es.js"
-    },
-    "./Tooltip": {
-      "types": "./dist/Tooltip.d.ts",
-      "import": "./dist/Tooltip.es.js"
-    },
-    "./LayoutGeneric": {
-      "types": "./dist/LayoutGeneric.d.ts",
-      "import": "./dist/LayoutGeneric.es.js"
-    },
-    "./OtpInput": {
-      "types": "./dist/OtpInput.d.ts",
-      "import": "./dist/OtpInput.es.js"
-    },
-    "./DropZone": {
-      "types": "./dist/DropZone.d.ts",
-      "import": "./dist/DropZone.es.js"
-    },
-    "./Icons": {
-      "types": "./dist/Icons.d.ts",
-      "import": "./dist/Icons.es.js"
-    },
-    "./InputMultiple": {
-      "types": "./dist/InputMultiple.d.ts",
-      "import": "./dist/InputMultiple.es.js"
-    },
-    "./styles": "./dist/prometeo-design-system.css"
-  },
-  "files": [
-    "dist",
-    "README.md"
-  ],
-  "keywords": [
-    "react",
-    "design-system",
-    "components",
-    "tailwind",
-    "framer-motion",
-    "typescript",
-    "ui-kit"
-  ],
-  "author": "Mat",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/your-username/prometeo-design-system.git"
-  },
-  "homepage": "https://github.com/your-username/prometeo-design-system#readme",
-  "bugs": {
-    "url": "https://github.com/your-username/prometeo-design-system/issues"
-  },
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc -b && vite build",
-    "lint": "eslint .",
-    "preview": "vite preview",
-    "clean": "rm -rf dist",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
-  },
-  "dependencies": {
-    "shared-dependencies-tickets": "^1.0.11"
-  },
-  "devDependencies": {
-    "@eslint/js": "^9.33.0",
-    "@gsap/react": "^2.1.2",
-    "@storybook/addon-docs": "^9.1.3",
-    "@storybook/addon-onboarding": "^9.1.3",
-    "@storybook/react-vite": "^9.1.3",
-    "@tailwindcss/vite": "^4.1.13",
-    "@tanstack/react-table": "^8.21.3",
-    "@types/node": "^24.3.1",
-    "@types/react": "^19.1.10",
-    "@types/react-dom": "^19.1.7",
-    "@vitejs/plugin-react-swc": "^4.0.0",
-    "class-variance-authority": "^0.7.1",
-    "eslint": "^9.33.0",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react-refresh": "^0.4.20",
-    "eslint-plugin-storybook": "^9.1.3",
-    "globals": "^16.3.0",
-    "input-otp": "^1.4.2",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "storybook": "^9.1.3",
-    "tailwindcss": "^4.1.12",
-    "tw-animate-css": "^1.3.7",
-    "typescript": "~5.8.3",
-    "typescript-eslint": "^8.39.1",
-    "vite": "^7.1.2",
-    "vite-plugin-dts": "^4.5.4"
-  },
-  "peerDependencies": {
-    "@emotion/is-prop-valid": "^1.4.0",
-    "@gsap/react": "^2.0.0",
-    "clsx": "^2.0.0",
-    "formik": "^2.4.6",
-    "framer-motion": "^12.0.0",
-    "gsap": "^3.12.5",
-    "lucide-react": "^0.400.0",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "react-dropzone": "^14.3.8",
-    "react-router": "^7.0.0",
-    "react-router-dom": "^7.0.0",
-    "react-spinners": "^0.17.0",
-    "sonner": "^2.0.7",
-    "tailwind-merge": "^3.0.0",
-    "use-debounce": "^10.0.0",
-    "vaul": "^1.1.2"
-  }
-}
+{
+  "name": "prometeo-design-system",
+  "private": false,
+  "version": "1.7.2",
+  "type": "module",
+  "description": "design kit system",
+  "main": "dist/prometeo-design-system.umd.js",
+  "module": "dist/prometeo-design-system.es.js",
+  "types": "dist/index.d.ts",
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/prometeo-design-system.es.js",
+      "require": "./dist/prometeo-design-system.umd.js"
+    },
+    "./Button": {
+      "types": "./dist/Button.d.ts",
+      "import": "./dist/Button.es.js"
+    },
+    "./Avatar": {
+      "types": "./dist/Avatar.d.ts",
+      "import": "./dist/Avatar.es.js"
+    },
+    "./CardProfile": {
+      "types": "./dist/CardProfile.d.ts",
+      "import": "./dist/CardProfile.es.js"
+    },
+    "./CheckBox": {
+      "types": "./dist/CheckBox.d.ts",
+      "import": "./dist/CheckBox.es.js"
+    },
+    "./CheckboxFormik": {
+      "types": "./dist/CheckboxFormik.d.ts",
+      "import": "./dist/CheckboxFormik.es.js"
+    },
+    "./DialogModal": {
+      "types": "./dist/DialogModal.d.ts",
+      "import": "./dist/DialogModal.es.js"
+    },
+    "./DrawerDesktop": {
+      "types": "./dist/DrawerDesktop.d.ts",
+      "import": "./dist/DrawerDesktop.es.js"
+    },
+    "./DrawerMobile": {
+      "types": "./dist/DrawerMobile.d.ts",
+      "import": "./dist/DrawerMobile.es.js"
+    },
+    "./Header": {
+      "types": "./dist/Header.d.ts",
+      "import": "./dist/Header.es.js"
+    },
+    "./Input": {
+      "types": "./dist/Input.d.ts",
+      "import": "./dist/Input.es.js"
+    },
+    "./InputFormik": {
+      "types": "./dist/InputFormik.d.ts",
+      "import": "./dist/InputFormik.es.js"
+    },
+    "./Logo": {
+      "types": "./dist/Logo.d.ts",
+      "import": "./dist/Logo.es.js"
+    },
+    "./Menu": {
+      "types": "./dist/Menu.d.ts",
+      "import": "./dist/Menu.es.js"
+    },
+    "./Pagination": {
+      "types": "./dist/Pagination.d.ts",
+      "import": "./dist/Pagination.es.js"
+    },
+    "./ProgressBar": {
+      "types": "./dist/ProgressBar.d.ts",
+      "import": "./dist/ProgressBar.es.js"
+    },
+    "./ProfilePictureUpload": {
+      "types": "./dist/ProfilePictureUpload.d.ts",
+      "import": "./dist/ProfilePictureUpload.es.js"
+    },
+    "./Select": {
+      "types": "./dist/Select.d.ts",
+      "import": "./dist/Select.es.js"
+    },
+    "./SelectFormik": {
+      "types": "./dist/SelectFormik.d.ts",
+      "import": "./dist/SelectFormik.es.js"
+    },
+    "./Spinner": {
+      "types": "./dist/Spinner.d.ts",
+      "import": "./dist/Spinner.es.js"
+    },
+    "./Steps": {
+      "types": "./dist/Steps.d.ts",
+      "import": "./dist/Steps.es.js"
+    },
+    "./SwipeContainer": {
+      "types": "./dist/SwipeContainer.d.ts",
+      "import": "./dist/SwipeContainer.es.js"
+    },
+    "./TabLinks": {
+      "types": "./dist/TabLinks.d.ts",
+      "import": "./dist/TabLinks.es.js"
+    },
+    "./Table": {
+      "types": "./dist/Table.d.ts",
+      "import": "./dist/Table.es.js"
+    },
+    "./TextArea": {
+      "types": "./dist/TextArea.d.ts",
+      "import": "./dist/TextArea.es.js"
+    },
+    "./Tooltip": {
+      "types": "./dist/Tooltip.d.ts",
+      "import": "./dist/Tooltip.es.js"
+    },
+    "./LayoutGeneric": {
+      "types": "./dist/LayoutGeneric.d.ts",
+      "import": "./dist/LayoutGeneric.es.js"
+    },
+    "./OtpInput": {
+      "types": "./dist/OtpInput.d.ts",
+      "import": "./dist/OtpInput.es.js"
+    },
+    "./DropZone": {
+      "types": "./dist/DropZone.d.ts",
+      "import": "./dist/DropZone.es.js"
+    },
+    "./Icons": {
+      "types": "./dist/Icons.d.ts",
+      "import": "./dist/Icons.es.js"
+    },
+    "./InputMultiple": {
+      "types": "./dist/InputMultiple.d.ts",
+      "import": "./dist/InputMultiple.es.js"
+    },
+    "./styles": "./dist/prometeo-design-system.css"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "keywords": [
+    "react",
+    "design-system",
+    "components",
+    "tailwind",
+    "framer-motion",
+    "typescript",
+    "ui-kit"
+  ],
+  "author": "Mat",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/your-username/prometeo-design-system.git"
+  },
+  "homepage": "https://github.com/your-username/prometeo-design-system#readme",
+  "bugs": {
+    "url": "https://github.com/your-username/prometeo-design-system/issues"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "clean": "rm -rf dist",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "dependencies": {
+    "shared-dependencies-tickets": "^1.0.11"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.33.0",
+    "@gsap/react": "^2.1.2",
+    "@storybook/addon-docs": "^9.1.3",
+    "@storybook/addon-onboarding": "^9.1.3",
+    "@storybook/react-vite": "^9.1.3",
+    "@tailwindcss/vite": "^4.1.13",
+    "@tanstack/react-table": "^8.21.3",
+    "@types/node": "^24.3.1",
+    "@types/react": "^19.1.10",
+    "@types/react-dom": "^19.1.7",
+    "@vitejs/plugin-react-swc": "^4.0.0",
+    "class-variance-authority": "^0.7.1",
+    "eslint": "^9.33.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.20",
+    "eslint-plugin-storybook": "^9.1.3",
+    "globals": "^16.3.0",
+    "input-otp": "^1.4.2",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "storybook": "^9.1.3",
+    "tailwindcss": "^4.1.12",
+    "tw-animate-css": "^1.3.7",
+    "typescript": "~5.8.3",
+    "typescript-eslint": "^8.39.1",
+    "vite": "^7.1.2",
+    "vite-plugin-dts": "^4.5.4"
+  },
+  "peerDependencies": {
+    "@emotion/is-prop-valid": "^1.4.0",
+    "@gsap/react": "^2.0.0",
+    "clsx": "^2.0.0",
+    "formik": "^2.4.6",
+    "framer-motion": "^12.0.0",
+    "gsap": "^3.12.5",
+    "lucide-react": "^0.400.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-dropzone": "^14.3.8",
+    "react-router": "^7.0.0",
+    "react-router-dom": "^7.0.0",
+    "react-spinners": "^0.17.0",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^3.0.0",
+    "use-debounce": "^10.0.0",
+    "vaul": "^1.1.2"
+  }
+}