commit 562f67c5c06837afb697954fa67cbf7b1cbf1c27
Author: faisolavolut <faisol@avolut.com>
Date:   Tue Oct 21 14:38:45 2025 +0700

    first commit

diff --git a/.env.local b/.env.local
new file mode 100644
index 0000000..93e6647
--- /dev/null
+++ b/.env.local
@@ -0,0 +1 @@
+NEXT_PUBLIC_API_URL=http://localhost:3000
diff --git a/.env.prisma.example b/.env.prisma.example
new file mode 100644
index 0000000..379f42d
--- /dev/null
+++ b/.env.prisma.example
@@ -0,0 +1,5 @@
+# Copy this file to .env.prisma and set your DATABASE_URL
+# Example:
+# DATABASE_URL="postgresql://user:pass@host:port/dbname"
+
+DATABASE_URL="postgresql://postgres:gEJIfovgvDAroHhqRiKhYVvrkn2OqXfF3tw8xJmnvw7JhrZgN24pTD9iWMIUIUL6@prasi.avolut.com:8741/kig-bank"
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..9448035
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,4 @@
+node_modules
+.next
+out
+build
\ No newline at end of file
diff --git a/components.json b/components.json
new file mode 100644
index 0000000..f814870
--- /dev/null
+++ b/components.json
@@ -0,0 +1,20 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "src/app/globals.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  }
+}
diff --git a/db-schema.json b/db-schema.json
new file mode 100644
index 0000000..e518c77
--- /dev/null
+++ b/db-schema.json
@@ -0,0 +1,16 @@
+{
+  "tables": {
+    "banks": {
+      "fields": {
+        "id": "number",
+        "name": "string"
+      }
+    },
+    "users": {
+      "fields": {
+        "id": "number",
+        "username": "string"
+      }
+    }
+  }
+}
diff --git a/next-env.d.ts b/next-env.d.ts
new file mode 100644
index 0000000..830fb59
--- /dev/null
+++ b/next-env.d.ts
@@ -0,0 +1,6 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+/// <reference path="./.next/types/routes.d.ts" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..d7017d5
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,4964 @@
+{
+  "name": "next-express-ts-app-frontend",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "next-express-ts-app-frontend",
+      "version": "1.0.0",
+      "dependencies": {
+        "@dnd-kit/core": "^6.3.1",
+        "@dnd-kit/modifiers": "^9.0.0",
+        "@dnd-kit/sortable": "^10.0.0",
+        "@dnd-kit/utilities": "^3.2.2",
+        "@emotion/css": "^11.13.5",
+        "@floating-ui/react": "^0.27.16",
+        "@prisma/client": "^6.17.1",
+        "@radix-ui/react-avatar": "^1.1.10",
+        "@radix-ui/react-checkbox": "^1.3.3",
+        "@radix-ui/react-dialog": "^1.1.15",
+        "@radix-ui/react-dropdown-menu": "^2.1.16",
+        "@radix-ui/react-icons": "^1.3.2",
+        "@radix-ui/react-label": "^2.1.7",
+        "@radix-ui/react-scroll-area": "^1.2.10",
+        "@radix-ui/react-select": "^2.2.6",
+        "@radix-ui/react-separator": "^1.1.7",
+        "@radix-ui/react-slot": "^1.2.3",
+        "@radix-ui/react-tabs": "^1.1.13",
+        "@radix-ui/react-toggle": "^1.1.10",
+        "@radix-ui/react-toggle-group": "^1.1.11",
+        "@radix-ui/react-tooltip": "^1.2.8",
+        "@reduxjs/toolkit": "^1.9.5",
+        "@tabler/icons-react": "^3.35.0",
+        "@tailwindcss/postcss": "^4.1.14",
+        "@tanstack/react-table": "^8.21.3",
+        "@types/lodash.debounce": "^4.0.9",
+        "@types/lodash.get": "^4.4.9",
+        "@types/lodash.uniqby": "^4.7.9",
+        "class-variance-authority": "^0.7.1",
+        "classnames": "^2.5.1",
+        "clsx": "^2.1.1",
+        "dayjs": "^1.11.18",
+        "lodash.debounce": "^4.0.8",
+        "lodash.get": "^4.4.2",
+        "lodash.uniqby": "^4.7.0",
+        "lucide-react": "^0.545.0",
+        "next": "latest",
+        "next-themes": "^0.4.6",
+        "react": "latest",
+        "react-colorful": "^5.6.1",
+        "react-dom": "latest",
+        "react-hook-form": "^7.45.0",
+        "react-redux": "^8.1.2",
+        "react-resizable": "^3.0.5",
+        "react-resizable-panels": "^3.0.6",
+        "react-select": "^5.8.0",
+        "react-select-async-paginate": "^0.7.9",
+        "recharts": "^2.15.4",
+        "sonner": "^2.0.7",
+        "tailwind-merge": "^3.3.1",
+        "tailwindcss": "^4.1.14",
+        "tinycolor2": "^1.6.0",
+        "tw-animate-css": "^1.4.0",
+        "vaul": "^1.1.2",
+        "zod": "^4.1.12"
+      },
+      "devDependencies": {
+        "@types/classnames": "^2.3.0",
+        "@types/node": "24.7.2",
+        "@types/react": "latest",
+        "@types/react-dom": "latest",
+        "@types/react-resizable": "^3.0.8",
+        "@types/tinycolor2": "^1.4.6",
+        "autoprefixer": "^10.4.21",
+        "postcss": "^8.5.6",
+        "prisma": "^6.17.1",
+        "tailwindcss": "^4.1.14",
+        "typescript": "latest"
+      }
+    },
+    "node_modules/@alloc/quick-lru": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
+      "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@babel/code-frame": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.27.1.tgz",
+      "integrity": "sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.27.1",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.28.3",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.28.3.tgz",
+      "integrity": "sha512-3lSpxGgvnmZznmBkCRnVREPUFJv2wrv9iAoFDvADJc0ypmdOxdUtcLeBgBJ6zE0PMeTKnxeQzyk0xTBq4Ep7zw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.28.3",
+        "@babel/types": "^7.28.2",
+        "@jridgewell/gen-mapping": "^0.3.12",
+        "@jridgewell/trace-mapping": "^0.3.28",
+        "jsesc": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-globals": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
+      "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-imports": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.27.1.tgz",
+      "integrity": "sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.27.1",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz",
+      "integrity": "sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.28.4",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.28.4.tgz",
+      "integrity": "sha512-yZbBqeM6TkpP9du/I2pUZnJsRMGGvOuIrhjzC1AwHwW+6he4mni6Bp/m8ijn0iOuZuPI2BfkCoSRunpyjnrQKg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.28.4"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/runtime": {
+      "version": "7.28.4",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.28.4.tgz",
+      "integrity": "sha512-Q/N6JNWvIvPnLDvjlE1OUBLPQHH6l3CltCEsHIujp45zQUSSh8K+gHnaEX45yAT1nyngnINhvWtzN+Nb9D8RAQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/template": {
+      "version": "7.27.2",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.27.2.tgz",
+      "integrity": "sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/parser": "^7.27.2",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.28.4",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.28.4.tgz",
+      "integrity": "sha512-YEzuboP2qvQavAcjgQNVgsvHIDv6ZpwXvcvjmyySP2DIMuByS/6ioU5G9pYrWHM6T2YDfc7xga9iNzYOs12CFQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/generator": "^7.28.3",
+        "@babel/helper-globals": "^7.28.0",
+        "@babel/parser": "^7.28.4",
+        "@babel/template": "^7.27.2",
+        "@babel/types": "^7.28.4",
+        "debug": "^4.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.28.4",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.28.4.tgz",
+      "integrity": "sha512-bkFqkLhh3pMBUQQkpVgWDWq/lqzc2678eUyDlTBhRqhCHFguYYGM0Efga7tYk4TogG/3x0EEl66/OQ+WGbWB/Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@dnd-kit/accessibility": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@dnd-kit/accessibility/-/accessibility-3.1.1.tgz",
+      "integrity": "sha512-2P+YgaXF+gRsIihwwY1gCsQSYnu9Zyj2py8kY5fFvUM1qm2WA2u639R6YNVfU4GWr+ZM5mqEsfHZZLoRONbemw==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0"
+      }
+    },
+    "node_modules/@dnd-kit/core": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/@dnd-kit/core/-/core-6.3.1.tgz",
+      "integrity": "sha512-xkGBRQQab4RLwgXxoqETICr6S5JlogafbhNsidmrkVv2YRs5MLwpjoF2qpiGjQt8S9AoxtIV603s0GIUpY5eYQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@dnd-kit/accessibility": "^3.1.1",
+        "@dnd-kit/utilities": "^3.2.2",
+        "tslib": "^2.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
+    "node_modules/@dnd-kit/modifiers": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/@dnd-kit/modifiers/-/modifiers-9.0.0.tgz",
+      "integrity": "sha512-ybiLc66qRGuZoC20wdSSG6pDXFikui/dCNGthxv4Ndy8ylErY0N3KVxY2bgo7AWwIbxDmXDg3ylAFmnrjcbVvw==",
+      "license": "MIT",
+      "dependencies": {
+        "@dnd-kit/utilities": "^3.2.2",
+        "tslib": "^2.0.0"
+      },
+      "peerDependencies": {
+        "@dnd-kit/core": "^6.3.0",
+        "react": ">=16.8.0"
+      }
+    },
+    "node_modules/@dnd-kit/sortable": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/@dnd-kit/sortable/-/sortable-10.0.0.tgz",
+      "integrity": "sha512-+xqhmIIzvAYMGfBYYnbKuNicfSsk4RksY2XdmJhT+HAC01nix6fHCztU68jooFiMUB01Ky3F0FyOvhG/BZrWkg==",
+      "license": "MIT",
+      "dependencies": {
+        "@dnd-kit/utilities": "^3.2.2",
+        "tslib": "^2.0.0"
+      },
+      "peerDependencies": {
+        "@dnd-kit/core": "^6.3.0",
+        "react": ">=16.8.0"
+      }
+    },
+    "node_modules/@dnd-kit/utilities": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/@dnd-kit/utilities/-/utilities-3.2.2.tgz",
+      "integrity": "sha512-+MKAJEOfaBe5SmV6t34p80MMKhjvUz0vRrvVJbPT0WElzaOJ/1xs+D+KDv+tD/NE5ujfrChEcshd4fLn0wpiqg==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0"
+      }
+    },
+    "node_modules/@emnapi/runtime": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.5.0.tgz",
+      "integrity": "sha512-97/BJ3iXHww3djw6hYIfErCZFee7qCtrneuLa20UXFCOTCfBM2cvQHjWJ2EG0s0MtdNwInarqCTz35i4wWXHsQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emotion/babel-plugin": {
+      "version": "11.13.5",
+      "resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.13.5.tgz",
+      "integrity": "sha512-pxHCpT2ex+0q+HH91/zsdHkw/lXd468DIN2zvfvLtPKLLMo6gQj7oLObq8PhkrxOZb/gGCq03S3Z7PDhS8pduQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.16.7",
+        "@babel/runtime": "^7.18.3",
+        "@emotion/hash": "^0.9.2",
+        "@emotion/memoize": "^0.9.0",
+        "@emotion/serialize": "^1.3.3",
+        "babel-plugin-macros": "^3.1.0",
+        "convert-source-map": "^1.5.0",
+        "escape-string-regexp": "^4.0.0",
+        "find-root": "^1.1.0",
+        "source-map": "^0.5.7",
+        "stylis": "4.2.0"
+      }
+    },
+    "node_modules/@emotion/cache": {
+      "version": "11.14.0",
+      "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.14.0.tgz",
+      "integrity": "sha512-L/B1lc/TViYk4DcpGxtAVbx0ZyiKM5ktoIyafGkH6zg/tj+mA+NE//aPYKG0k8kCHSHVJrpLpcAlOBEXQ3SavA==",
+      "license": "MIT",
+      "dependencies": {
+        "@emotion/memoize": "^0.9.0",
+        "@emotion/sheet": "^1.4.0",
+        "@emotion/utils": "^1.4.2",
+        "@emotion/weak-memoize": "^0.4.0",
+        "stylis": "4.2.0"
+      }
+    },
+    "node_modules/@emotion/css": {
+      "version": "11.13.5",
+      "resolved": "https://registry.npmjs.org/@emotion/css/-/css-11.13.5.tgz",
+      "integrity": "sha512-wQdD0Xhkn3Qy2VNcIzbLP9MR8TafI0MJb7BEAXKp+w4+XqErksWR4OXomuDzPsN4InLdGhVe6EYcn2ZIUCpB8w==",
+      "license": "MIT",
+      "dependencies": {
+        "@emotion/babel-plugin": "^11.13.5",
+        "@emotion/cache": "^11.13.5",
+        "@emotion/serialize": "^1.3.3",
+        "@emotion/sheet": "^1.4.0",
+        "@emotion/utils": "^1.4.2"
+      }
+    },
+    "node_modules/@emotion/hash": {
+      "version": "0.9.2",
+      "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.2.tgz",
+      "integrity": "sha512-MyqliTZGuOm3+5ZRSaaBGP3USLw6+EGykkwZns2EPC5g8jJ4z9OrdZY9apkl3+UP9+sdz76YYkwCKP5gh8iY3g==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/memoize": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.9.0.tgz",
+      "integrity": "sha512-30FAj7/EoJ5mwVPOWhAyCX+FPfMDrVecJAM+Iw9NRoSl4BBAQeqj4cApHHUXOVvIPgLVDsCFoz/hGD+5QQD1GQ==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/react": {
+      "version": "11.14.0",
+      "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.14.0.tgz",
+      "integrity": "sha512-O000MLDBDdk/EohJPFUqvnp4qnHeYkVP5B0xEG0D/L7cOKP9kefu2DXn8dj74cQfsEzUqh+sr1RzFqiL1o+PpA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.3",
+        "@emotion/babel-plugin": "^11.13.5",
+        "@emotion/cache": "^11.14.0",
+        "@emotion/serialize": "^1.3.3",
+        "@emotion/use-insertion-effect-with-fallbacks": "^1.2.0",
+        "@emotion/utils": "^1.4.2",
+        "@emotion/weak-memoize": "^0.4.0",
+        "hoist-non-react-statics": "^3.3.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@emotion/serialize": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.3.3.tgz",
+      "integrity": "sha512-EISGqt7sSNWHGI76hC7x1CksiXPahbxEOrC5RjmFRJTqLyEK9/9hZvBbiYn70dw4wuwMKiEMCUlR6ZXTSWQqxA==",
+      "license": "MIT",
+      "dependencies": {
+        "@emotion/hash": "^0.9.2",
+        "@emotion/memoize": "^0.9.0",
+        "@emotion/unitless": "^0.10.0",
+        "@emotion/utils": "^1.4.2",
+        "csstype": "^3.0.2"
+      }
+    },
+    "node_modules/@emotion/sheet": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.4.0.tgz",
+      "integrity": "sha512-fTBW9/8r2w3dXWYM4HCB1Rdp8NLibOw2+XELH5m5+AkWiL/KqYX6dc0kKYlaYyKjrQ6ds33MCdMPEwgs2z1rqg==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/unitless": {
+      "version": "0.10.0",
+      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.10.0.tgz",
+      "integrity": "sha512-dFoMUuQA20zvtVTuxZww6OHoJYgrzfKM1t52mVySDJnMSEa08ruEvdYQbhvyu6soU+NeLVd3yKfTfT0NeV6qGg==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/use-insertion-effect-with-fallbacks": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.2.0.tgz",
+      "integrity": "sha512-yJMtVdH59sxi/aVJBpk9FQq+OR8ll5GT8oWd57UpeaKEVGab41JWaCFA7FRLoMLloOZF/c/wsPoe+bfGmRKgDg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": ">=16.8.0"
+      }
+    },
+    "node_modules/@emotion/utils": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.4.2.tgz",
+      "integrity": "sha512-3vLclRofFziIa3J2wDh9jjbkUz9qk5Vi3IZ/FSTKViB0k+ef0fPV7dYrUIugbgupYDx7v9ud/SjrtEP8Y4xLoA==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/weak-memoize": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.4.0.tgz",
+      "integrity": "sha512-snKqtPW01tN0ui7yu9rGv69aJXr/a/Ywvl11sUjNtEcRc+ng/mQriFL0wLXMef74iHa/EkftbDzU9F8iFbH+zg==",
+      "license": "MIT"
+    },
+    "node_modules/@floating-ui/core": {
+      "version": "1.7.3",
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.7.3.tgz",
+      "integrity": "sha512-sGnvb5dmrJaKEZ+LDIpguvdX3bDlEllmv4/ClQ9awcmCZrlx5jQyyMWFM5kBI+EyNOCDDiKk8il0zeuX3Zlg/w==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/utils": "^0.2.10"
+      }
+    },
+    "node_modules/@floating-ui/dom": {
+      "version": "1.7.4",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.7.4.tgz",
+      "integrity": "sha512-OOchDgh4F2CchOX94cRVqhvy7b3AFb+/rQXyswmzmGakRfkMgoWVjfnLWkRirfLEfuD4ysVW16eXzwt3jHIzKA==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/core": "^1.7.3",
+        "@floating-ui/utils": "^0.2.10"
+      }
+    },
+    "node_modules/@floating-ui/react": {
+      "version": "0.27.16",
+      "resolved": "https://registry.npmjs.org/@floating-ui/react/-/react-0.27.16.tgz",
+      "integrity": "sha512-9O8N4SeG2z++TSM8QA/KTeKFBVCNEz/AGS7gWPJf6KFRzmRWixFRnCnkPHRDwSVZW6QPDO6uT0P2SpWNKCc9/g==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/react-dom": "^2.1.6",
+        "@floating-ui/utils": "^0.2.10",
+        "tabbable": "^6.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=17.0.0",
+        "react-dom": ">=17.0.0"
+      }
+    },
+    "node_modules/@floating-ui/react-dom": {
+      "version": "2.1.6",
+      "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.1.6.tgz",
+      "integrity": "sha512-4JX6rEatQEvlmgU80wZyq9RT96HZJa88q8hp0pBd+LrczeDI4o6uA2M+uvxngVHo4Ihr8uibXxH6+70zhAFrVw==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/dom": "^1.7.4"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
+    "node_modules/@floating-ui/utils": {
+      "version": "0.2.10",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.10.tgz",
+      "integrity": "sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==",
+      "license": "MIT"
+    },
+    "node_modules/@img/colour": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@img/colour/-/colour-1.0.0.tgz",
+      "integrity": "sha512-A5P/LfWGFSl6nsckYtjw9da+19jB8hkJ6ACTGcDfEJ0aE+l2n2El7dsVM7UVHZQ9s2lmYMWlrS21YLy2IR1LUw==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@img/sharp-darwin-arm64": {
+      "version": "0.34.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.34.4.tgz",
+      "integrity": "sha512-sitdlPzDVyvmINUdJle3TNHl+AG9QcwiAMsXmccqsCOMZNIdW2/7S26w0LyU8euiLVzFBL3dXPwVCq/ODnf2vA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-arm64": "1.2.3"
+      }
+    },
+    "node_modules/@img/sharp-darwin-x64": {
+      "version": "0.34.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.34.4.tgz",
+      "integrity": "sha512-rZheupWIoa3+SOdF/IcUe1ah4ZDpKBGWcsPX6MT0lYniH9micvIU7HQkYTfrx5Xi8u+YqwLtxC/3vl8TQN6rMg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-x64": "1.2.3"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-arm64": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.2.3.tgz",
+      "integrity": "sha512-QzWAKo7kpHxbuHqUC28DZ9pIKpSi2ts2OJnoIGI26+HMgq92ZZ4vk8iJd4XsxN+tYfNJxzH6W62X5eTcsBymHw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-x64": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.2.3.tgz",
+      "integrity": "sha512-Ju+g2xn1E2AKO6YBhxjj+ACcsPQRHT0bhpglxcEf+3uyPY+/gL8veniKoo96335ZaPo03bdDXMv0t+BBFAbmRA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.2.3.tgz",
+      "integrity": "sha512-x1uE93lyP6wEwGvgAIV0gP6zmaL/a0tGzJs/BIDDG0zeBhMnuUPm7ptxGhUbcGs4okDJrk4nxgrmxpib9g6HpA==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm64": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.2.3.tgz",
+      "integrity": "sha512-I4RxkXU90cpufazhGPyVujYwfIm9Nk1QDEmiIsaPwdnm013F7RIceaCc87kAH+oUB1ezqEvC6ga4m7MSlqsJvQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-ppc64": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-ppc64/-/sharp-libvips-linux-ppc64-1.2.3.tgz",
+      "integrity": "sha512-Y2T7IsQvJLMCBM+pmPbM3bKT/yYJvVtLJGfCs4Sp95SjvnFIjynbjzsa7dY1fRJX45FTSfDksbTp6AGWudiyCg==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-s390x": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.2.3.tgz",
+      "integrity": "sha512-RgWrs/gVU7f+K7P+KeHFaBAJlNkD1nIZuVXdQv6S+fNA6syCcoboNjsV2Pou7zNlVdNQoQUpQTk8SWDHUA3y/w==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-x64": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.2.3.tgz",
+      "integrity": "sha512-3JU7LmR85K6bBiRzSUc/Ff9JBVIFVvq6bomKE0e63UXGeRw2HPVEjoJke1Yx+iU4rL7/7kUjES4dZ/81Qjhyxg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-arm64": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.2.3.tgz",
+      "integrity": "sha512-F9q83RZ8yaCwENw1GieztSfj5msz7GGykG/BA+MOUefvER69K/ubgFHNeSyUu64amHIYKGDs4sRCMzXVj8sEyw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-x64": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.2.3.tgz",
+      "integrity": "sha512-U5PUY5jbc45ANM6tSJpsgqmBF/VsL6LnxJmIf11kB7J5DctHgqm0SkuXzVWtIY90GnJxKnC/JT251TDnk1fu/g==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm": {
+      "version": "0.34.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.34.4.tgz",
+      "integrity": "sha512-Xyam4mlqM0KkTHYVSuc6wXRmM7LGN0P12li03jAnZ3EJWZqj83+hi8Y9UxZUbxsgsK1qOEwg7O0Bc0LjqQVtxA==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm": "1.2.3"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm64": {
+      "version": "0.34.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.34.4.tgz",
+      "integrity": "sha512-YXU1F/mN/Wu786tl72CyJjP/Ngl8mGHN1hST4BGl+hiW5jhCnV2uRVTNOcaYPs73NeT/H8Upm3y9582JVuZHrQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm64": "1.2.3"
+      }
+    },
+    "node_modules/@img/sharp-linux-ppc64": {
+      "version": "0.34.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-ppc64/-/sharp-linux-ppc64-0.34.4.tgz",
+      "integrity": "sha512-F4PDtF4Cy8L8hXA2p3TO6s4aDt93v+LKmpcYFLAVdkkD3hSxZzee0rh6/+94FpAynsuMpLX5h+LRsSG3rIciUQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-ppc64": "1.2.3"
+      }
+    },
+    "node_modules/@img/sharp-linux-s390x": {
+      "version": "0.34.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.34.4.tgz",
+      "integrity": "sha512-qVrZKE9Bsnzy+myf7lFKvng6bQzhNUAYcVORq2P7bDlvmF6u2sCmK2KyEQEBdYk+u3T01pVsPrkj943T1aJAsw==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-s390x": "1.2.3"
+      }
+    },
+    "node_modules/@img/sharp-linux-x64": {
+      "version": "0.34.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.34.4.tgz",
+      "integrity": "sha512-ZfGtcp2xS51iG79c6Vhw9CWqQC8l2Ot8dygxoDoIQPTat/Ov3qAa8qpxSrtAEAJW+UjTXc4yxCjNfxm4h6Xm2A==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-x64": "1.2.3"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-arm64": {
+      "version": "0.34.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.34.4.tgz",
+      "integrity": "sha512-8hDVvW9eu4yHWnjaOOR8kHVrew1iIX+MUgwxSuH2XyYeNRtLUe4VNioSqbNkB7ZYQJj9rUTT4PyRscyk2PXFKA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-arm64": "1.2.3"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-x64": {
+      "version": "0.34.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.34.4.tgz",
+      "integrity": "sha512-lU0aA5L8QTlfKjpDCEFOZsTYGn3AEiO6db8W5aQDxj0nQkVrZWmN3ZP9sYKWJdtq3PWPhUNlqehWyXpYDcI9Sg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-x64": "1.2.3"
+      }
+    },
+    "node_modules/@img/sharp-wasm32": {
+      "version": "0.34.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.34.4.tgz",
+      "integrity": "sha512-33QL6ZO/qpRyG7woB/HUALz28WnTMI2W1jgX3Nu2bypqLIKx/QKMILLJzJjI+SIbvXdG9fUnmrxR7vbi1sTBeA==",
+      "cpu": [
+        "wasm32"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later AND MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/runtime": "^1.5.0"
+      },
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-arm64": {
+      "version": "0.34.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-arm64/-/sharp-win32-arm64-0.34.4.tgz",
+      "integrity": "sha512-2Q250do/5WXTwxW3zjsEuMSv5sUU4Tq9VThWKlU2EYLm4MB7ZeMwF+SFJutldYODXF6jzc6YEOC+VfX0SZQPqA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-ia32": {
+      "version": "0.34.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.34.4.tgz",
+      "integrity": "sha512-3ZeLue5V82dT92CNL6rsal6I2weKw1cYu+rGKm8fOCCtJTR2gYeUfY3FqUnIJsMUPIH68oS5jmZ0NiJ508YpEw==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-x64": {
+      "version": "0.34.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.34.4.tgz",
+      "integrity": "sha512-xIyj4wpYs8J18sVN3mSQjwrw7fKUqRw+Z5rnHNCy5fYTxigBz81u5mOMPmFumwjcn8+ld1ppptMBCLic1nz6ig==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@isaacs/fs-minipass": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@isaacs/fs-minipass/-/fs-minipass-4.0.1.tgz",
+      "integrity": "sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==",
+      "license": "ISC",
+      "dependencies": {
+        "minipass": "^7.0.4"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@next/env": {
+      "version": "15.5.4",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-15.5.4.tgz",
+      "integrity": "sha512-27SQhYp5QryzIT5uO8hq99C69eLQ7qkzkDPsk3N+GuS2XgOgoYEeOav7Pf8Tn4drECOVDsDg8oj+/DVy8qQL2A==",
+      "license": "MIT"
+    },
+    "node_modules/@next/swc-darwin-arm64": {
+      "version": "15.5.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-15.5.4.tgz",
+      "integrity": "sha512-nopqz+Ov6uvorej8ndRX6HlxCYWCO3AHLfKK2TYvxoSB2scETOcfm/HSS3piPqc3A+MUgyHoqE6je4wnkjfrOA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-darwin-x64": {
+      "version": "15.5.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-15.5.4.tgz",
+      "integrity": "sha512-QOTCFq8b09ghfjRJKfb68kU9k2K+2wsC4A67psOiMn849K9ZXgCSRQr0oVHfmKnoqCbEmQWG1f2h1T2vtJJ9mA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-gnu": {
+      "version": "15.5.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-15.5.4.tgz",
+      "integrity": "sha512-eRD5zkts6jS3VfE/J0Kt1VxdFqTnMc3QgO5lFE5GKN3KDI/uUpSyK3CjQHmfEkYR4wCOl0R0XrsjpxfWEA++XA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-musl": {
+      "version": "15.5.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-15.5.4.tgz",
+      "integrity": "sha512-TOK7iTxmXFc45UrtKqWdZ1shfxuL4tnVAOuuJK4S88rX3oyVV4ZkLjtMT85wQkfBrOOvU55aLty+MV8xmcJR8A==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-gnu": {
+      "version": "15.5.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-15.5.4.tgz",
+      "integrity": "sha512-7HKolaj+481FSW/5lL0BcTkA4Ueam9SPYWyN/ib/WGAFZf0DGAN8frNpNZYFHtM4ZstrHZS3LY3vrwlIQfsiMA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-musl": {
+      "version": "15.5.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-15.5.4.tgz",
+      "integrity": "sha512-nlQQ6nfgN0nCO/KuyEUwwOdwQIGjOs4WNMjEUtpIQJPR2NUfmGpW2wkJln1d4nJ7oUzd1g4GivH5GoEPBgfsdw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-arm64-msvc": {
+      "version": "15.5.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-15.5.4.tgz",
+      "integrity": "sha512-PcR2bN7FlM32XM6eumklmyWLLbu2vs+D7nJX8OAIoWy69Kef8mfiN4e8TUv2KohprwifdpFKPzIP1njuCjD0YA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-x64-msvc": {
+      "version": "15.5.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.5.4.tgz",
+      "integrity": "sha512-1ur2tSHZj8Px/KMAthmuI9FMp/YFusMMGoRNJaRZMOlSkgvLjzosSdQI0cJAKogdHl3qXUQKL9MGaYvKwA7DXg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@prisma/client": {
+      "version": "6.17.1",
+      "resolved": "https://registry.npmjs.org/@prisma/client/-/client-6.17.1.tgz",
+      "integrity": "sha512-zL58jbLzYamjnNnmNA51IOZdbk5ci03KviXCuB0Tydc9btH2kDWsi1pQm2VecviRTM7jGia0OPPkgpGnT3nKvw==",
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18.18"
+      },
+      "peerDependencies": {
+        "prisma": "*",
+        "typescript": ">=5.1.0"
+      },
+      "peerDependenciesMeta": {
+        "prisma": {
+          "optional": true
+        },
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@prisma/config": {
+      "version": "6.17.1",
+      "resolved": "https://registry.npmjs.org/@prisma/config/-/config-6.17.1.tgz",
+      "integrity": "sha512-fs8wY6DsvOCzuiyWVckrVs1LOcbY4LZNz8ki4uUIQ28jCCzojTGqdLhN2Jl5lDnC1yI8/gNIKpsWDM8pLhOdwA==",
+      "devOptional": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "c12": "3.1.0",
+        "deepmerge-ts": "7.1.5",
+        "effect": "3.16.12",
+        "empathic": "2.0.0"
+      }
+    },
+    "node_modules/@prisma/debug": {
+      "version": "6.17.1",
+      "resolved": "https://registry.npmjs.org/@prisma/debug/-/debug-6.17.1.tgz",
+      "integrity": "sha512-Vf7Tt5Wh9XcndpbmeotuqOMLWPTjEKCsgojxXP2oxE1/xYe7PtnP76hsouG9vis6fctX+TxgmwxTuYi/+xc7dQ==",
+      "devOptional": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/@prisma/engines": {
+      "version": "6.17.1",
+      "resolved": "https://registry.npmjs.org/@prisma/engines/-/engines-6.17.1.tgz",
+      "integrity": "sha512-D95Ik3GYZkqZ8lSR4EyFOJ/tR33FcYRP8kK61o+WMsyD10UfJwd7+YielflHfKwiGodcqKqoraWw8ElAgMDbPw==",
+      "devOptional": true,
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@prisma/debug": "6.17.1",
+        "@prisma/engines-version": "6.17.1-1.272a37d34178c2894197e17273bf937f25acdeac",
+        "@prisma/fetch-engine": "6.17.1",
+        "@prisma/get-platform": "6.17.1"
+      }
+    },
+    "node_modules/@prisma/engines-version": {
+      "version": "6.17.1-1.272a37d34178c2894197e17273bf937f25acdeac",
+      "resolved": "https://registry.npmjs.org/@prisma/engines-version/-/engines-version-6.17.1-1.272a37d34178c2894197e17273bf937f25acdeac.tgz",
+      "integrity": "sha512-17140E3huOuD9lMdJ9+SF/juOf3WR3sTJMVyyenzqUPbuH+89nPhSWcrY+Mf7tmSs6HvaO+7S+HkELinn6bhdg==",
+      "devOptional": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/@prisma/fetch-engine": {
+      "version": "6.17.1",
+      "resolved": "https://registry.npmjs.org/@prisma/fetch-engine/-/fetch-engine-6.17.1.tgz",
+      "integrity": "sha512-AYZiHOs184qkDMiTeshyJCtyL4yERkjfTkJiSJdYuSfc24m94lTNL5+GFinZ6vVz+ktX4NJzHKn1zIFzGTWrWg==",
+      "devOptional": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@prisma/debug": "6.17.1",
+        "@prisma/engines-version": "6.17.1-1.272a37d34178c2894197e17273bf937f25acdeac",
+        "@prisma/get-platform": "6.17.1"
+      }
+    },
+    "node_modules/@prisma/get-platform": {
+      "version": "6.17.1",
+      "resolved": "https://registry.npmjs.org/@prisma/get-platform/-/get-platform-6.17.1.tgz",
+      "integrity": "sha512-AKEn6fsfz0r482S5KRDFlIGEaq9wLNcgalD1adL+fPcFFblIKs1sD81kY/utrHdqKuVC6E1XSRpegDK3ZLL4Qg==",
+      "devOptional": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@prisma/debug": "6.17.1"
+      }
+    },
+    "node_modules/@radix-ui/number": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/number/-/number-1.1.1.tgz",
+      "integrity": "sha512-MkKCwxlXTgz6CFoJx3pCwn07GKp36+aZyu/u2Ln2VrA5DcdyCZkASEDBTd8x5whTQQL5CiYf4prXKLcgQdv29g==",
+      "license": "MIT"
+    },
+    "node_modules/@radix-ui/primitive": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.3.tgz",
+      "integrity": "sha512-JTF99U/6XIjCBo0wqkU5sK10glYe27MRRsfwoiq5zzOEZLHU3A3KCMa5X/azekYRCJ0HlwI0crAXS/5dEHTzDg==",
+      "license": "MIT"
+    },
+    "node_modules/@radix-ui/react-arrow": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.1.7.tgz",
+      "integrity": "sha512-F+M1tLhO+mlQaOWspE8Wstg+z6PwxwRd8oQ8IXceWz92kfAmalTRf0EjrouQeo7QssEPfCn05B4Ihs1K9WQ/7w==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.1.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-avatar": {
+      "version": "1.1.10",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-avatar/-/react-avatar-1.1.10.tgz",
+      "integrity": "sha512-V8piFfWapM5OmNCXTzVQY+E1rDa53zY+MQ4Y7356v4fFz6vqCyUtIz2rUD44ZEdwg78/jKmMJHj07+C/Z/rcog==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-callback-ref": "1.1.1",
+        "@radix-ui/react-use-is-hydrated": "0.1.0",
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-checkbox": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-checkbox/-/react-checkbox-1.3.3.tgz",
+      "integrity": "sha512-wBbpv+NQftHDdG86Qc0pIyXk5IR3tM8Vd0nWLKDcX8nNn4nXFOFwsKuqw2okA/1D/mpaAkmuyndrPJTYDNZtFw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.3",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-presence": "1.1.5",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-controllable-state": "1.2.2",
+        "@radix-ui/react-use-previous": "1.1.1",
+        "@radix-ui/react-use-size": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-collection": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.1.7.tgz",
+      "integrity": "sha512-Fh9rGN0MoI4ZFUNyfFVNU4y9LUz93u9/0K+yLgA2bwRojxM8JU1DyvvMBabnZPBgMWREAJvU2jjVzq+LrFUglw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-slot": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.2.tgz",
+      "integrity": "sha512-z4eqJvfiNnFMHIIvXP3CY57y2WJs5g2v3X0zm9mEJkrkNv4rDxu+sg9Jh8EkXyeqBkB7SOcboo9dMVqhyrACIg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-context": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.2.tgz",
+      "integrity": "sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dialog": {
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dialog/-/react-dialog-1.1.15.tgz",
+      "integrity": "sha512-TCglVRtzlffRNxRMEyR36DGBLJpeusFcgMVD9PZEzAKnUs1lKCgX5u9BmC2Yg+LL9MgZDugFFs1Vl+Jp4t/PGw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.3",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-dismissable-layer": "1.1.11",
+        "@radix-ui/react-focus-guards": "1.1.3",
+        "@radix-ui/react-focus-scope": "1.1.7",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-portal": "1.1.9",
+        "@radix-ui/react-presence": "1.1.5",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-slot": "1.2.3",
+        "@radix-ui/react-use-controllable-state": "1.2.2",
+        "aria-hidden": "^1.2.4",
+        "react-remove-scroll": "^2.6.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-direction": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-direction/-/react-direction-1.1.1.tgz",
+      "integrity": "sha512-1UEWRX6jnOA2y4H5WczZ44gOOjTEmlqv1uNW4GAJEO5+bauCBhv8snY65Iw5/VOS/ghKN9gr2KjnLKxrsvoMVw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dismissable-layer": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.11.tgz",
+      "integrity": "sha512-Nqcp+t5cTB8BinFkZgXiMJniQH0PsUt2k51FUhbdfeKvc4ACcG2uQniY/8+h1Yv6Kza4Q7lD7PQV0z0oicE0Mg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.3",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-callback-ref": "1.1.1",
+        "@radix-ui/react-use-escape-keydown": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dropdown-menu": {
+      "version": "2.1.16",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dropdown-menu/-/react-dropdown-menu-2.1.16.tgz",
+      "integrity": "sha512-1PLGQEynI/3OX/ftV54COn+3Sud/Mn8vALg2rWnBLnRaGtJDduNW/22XjlGgPdpcIbiQxjKtb7BkcjP00nqfJw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.3",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-menu": "2.1.16",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-controllable-state": "1.2.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-focus-guards": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.1.3.tgz",
+      "integrity": "sha512-0rFg/Rj2Q62NCm62jZw0QX7a3sz6QCQU0LpZdNrJX8byRGaGVTqbrW9jAoIAHyMQqsNpeZ81YgSizOt5WXq0Pw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-focus-scope": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-scope/-/react-focus-scope-1.1.7.tgz",
+      "integrity": "sha512-t2ODlkXBQyn7jkl6TNaw/MtVEVvIGelJDCG41Okq/KwUsJBwQ4XVZsHAVUkK4mBv3ewiAS3PGuUWuY2BoK4ZUw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-callback-ref": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-icons": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-icons/-/react-icons-1.3.2.tgz",
+      "integrity": "sha512-fyQIhGDhzfc9pK2kH6Pl9c4BDJGfMkPqkyIgYDthyNYoNg3wVhoJMMh19WS4Up/1KMPFVpNsT2q3WmXn2N1m6g==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^16.x || ^17.x || ^18.x || ^19.0.0 || ^19.0.0-rc"
+      }
+    },
+    "node_modules/@radix-ui/react-id": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.1.1.tgz",
+      "integrity": "sha512-kGkGegYIdQsOb4XjsfM97rXsiHaBwco+hFI66oO4s9LU+PLAC5oJ7khdOVFxkhsmlbpUqDAvXw11CluXP+jkHg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-label": {
+      "version": "2.1.7",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-label/-/react-label-2.1.7.tgz",
+      "integrity": "sha512-YT1GqPSL8kJn20djelMX7/cTRp/Y9w5IZHvfxQTVHrOqa2yMl7i/UfMqKRU5V7mEyKTrUVgJXhNQPVCG8PBLoQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.1.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-menu": {
+      "version": "2.1.16",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-menu/-/react-menu-2.1.16.tgz",
+      "integrity": "sha512-72F2T+PLlphrqLcAotYPp0uJMr5SjP5SL01wfEspJbru5Zs5vQaSHb4VB3ZMJPimgHHCHG7gMOeOB9H3Hdmtxg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.3",
+        "@radix-ui/react-collection": "1.1.7",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-direction": "1.1.1",
+        "@radix-ui/react-dismissable-layer": "1.1.11",
+        "@radix-ui/react-focus-guards": "1.1.3",
+        "@radix-ui/react-focus-scope": "1.1.7",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-popper": "1.2.8",
+        "@radix-ui/react-portal": "1.1.9",
+        "@radix-ui/react-presence": "1.1.5",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-roving-focus": "1.1.11",
+        "@radix-ui/react-slot": "1.2.3",
+        "@radix-ui/react-use-callback-ref": "1.1.1",
+        "aria-hidden": "^1.2.4",
+        "react-remove-scroll": "^2.6.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-popper": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.2.8.tgz",
+      "integrity": "sha512-0NJQ4LFFUuWkE7Oxf0htBKS6zLkkjBH+hM1uk7Ng705ReR8m/uelduy1DBo0PyBXPKVnBA6YBlU94MBGXrSBCw==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/react-dom": "^2.0.0",
+        "@radix-ui/react-arrow": "1.1.7",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-callback-ref": "1.1.1",
+        "@radix-ui/react-use-layout-effect": "1.1.1",
+        "@radix-ui/react-use-rect": "1.1.1",
+        "@radix-ui/react-use-size": "1.1.1",
+        "@radix-ui/rect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-portal": {
+      "version": "1.1.9",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.9.tgz",
+      "integrity": "sha512-bpIxvq03if6UNwXZ+HTK71JLh4APvnXntDc6XOX8UVq4XQOVl7lwok0AvIl+b8zgCw3fSaVTZMpAPPagXbKmHQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-presence": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.5.tgz",
+      "integrity": "sha512-/jfEwNDdQVBCNvjkGit4h6pMOzq8bHkopq458dPt2lMjx+eBQUohZNG9A7DtO/O5ukSbxuaNGXMjHicgwy6rQQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.3.tgz",
+      "integrity": "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-roving-focus": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-roving-focus/-/react-roving-focus-1.1.11.tgz",
+      "integrity": "sha512-7A6S9jSgm/S+7MdtNDSb+IU859vQqJ/QAtcYQcfFC6W8RS4IxIZDldLR0xqCFZ6DCyrQLjLPsxtTNch5jVA4lA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.3",
+        "@radix-ui/react-collection": "1.1.7",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-direction": "1.1.1",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-callback-ref": "1.1.1",
+        "@radix-ui/react-use-controllable-state": "1.2.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-scroll-area": {
+      "version": "1.2.10",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-scroll-area/-/react-scroll-area-1.2.10.tgz",
+      "integrity": "sha512-tAXIa1g3sM5CGpVT0uIbUx/U3Gs5N8T52IICuCtObaos1S8fzsrPXG5WObkQN3S6NVl6wKgPhAIiBGbWnvc97A==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/number": "1.1.1",
+        "@radix-ui/primitive": "1.1.3",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-direction": "1.1.1",
+        "@radix-ui/react-presence": "1.1.5",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-callback-ref": "1.1.1",
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-select": {
+      "version": "2.2.6",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-select/-/react-select-2.2.6.tgz",
+      "integrity": "sha512-I30RydO+bnn2PQztvo25tswPH+wFBjehVGtmagkU78yMdwTwVf12wnAOF+AeP8S2N8xD+5UPbGhkUfPyvT+mwQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/number": "1.1.1",
+        "@radix-ui/primitive": "1.1.3",
+        "@radix-ui/react-collection": "1.1.7",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-direction": "1.1.1",
+        "@radix-ui/react-dismissable-layer": "1.1.11",
+        "@radix-ui/react-focus-guards": "1.1.3",
+        "@radix-ui/react-focus-scope": "1.1.7",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-popper": "1.2.8",
+        "@radix-ui/react-portal": "1.1.9",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-slot": "1.2.3",
+        "@radix-ui/react-use-callback-ref": "1.1.1",
+        "@radix-ui/react-use-controllable-state": "1.2.2",
+        "@radix-ui/react-use-layout-effect": "1.1.1",
+        "@radix-ui/react-use-previous": "1.1.1",
+        "@radix-ui/react-visually-hidden": "1.2.3",
+        "aria-hidden": "^1.2.4",
+        "react-remove-scroll": "^2.6.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-separator": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-separator/-/react-separator-1.1.7.tgz",
+      "integrity": "sha512-0HEb8R9E8A+jZjvmFCy/J4xhbXy3TV+9XSnGJ3KvTtjlIUy/YQ/p6UYZvi7YbeoeXdyU9+Y3scizK6hkY37baA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.1.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-slot": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
+      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-tabs": {
+      "version": "1.1.13",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-tabs/-/react-tabs-1.1.13.tgz",
+      "integrity": "sha512-7xdcatg7/U+7+Udyoj2zodtI9H/IIopqo+YOIcZOq1nJwXWBZ9p8xiu5llXlekDbZkca79a/fozEYQXIA4sW6A==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.3",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-direction": "1.1.1",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-presence": "1.1.5",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-roving-focus": "1.1.11",
+        "@radix-ui/react-use-controllable-state": "1.2.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-toggle": {
+      "version": "1.1.10",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-toggle/-/react-toggle-1.1.10.tgz",
+      "integrity": "sha512-lS1odchhFTeZv3xwHH31YPObmJn8gOg7Lq12inrr0+BH/l3Tsq32VfjqH1oh80ARM3mlkfMic15n0kg4sD1poQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.3",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-controllable-state": "1.2.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-toggle-group": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-toggle-group/-/react-toggle-group-1.1.11.tgz",
+      "integrity": "sha512-5umnS0T8JQzQT6HbPyO7Hh9dgd82NmS36DQr+X/YJ9ctFNCiiQd6IJAYYZ33LUwm8M+taCz5t2ui29fHZc4Y6Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.3",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-direction": "1.1.1",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-roving-focus": "1.1.11",
+        "@radix-ui/react-toggle": "1.1.10",
+        "@radix-ui/react-use-controllable-state": "1.2.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-tooltip": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-tooltip/-/react-tooltip-1.2.8.tgz",
+      "integrity": "sha512-tY7sVt1yL9ozIxvmbtN5qtmH2krXcBCfjEiCgKGLqunJHvgvZG2Pcl2oQ3kbcZARb1BGEHdkLzcYGO8ynVlieg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.3",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-dismissable-layer": "1.1.11",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-popper": "1.2.8",
+        "@radix-ui/react-portal": "1.1.9",
+        "@radix-ui/react-presence": "1.1.5",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-slot": "1.2.3",
+        "@radix-ui/react-use-controllable-state": "1.2.2",
+        "@radix-ui/react-visually-hidden": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-callback-ref": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.1.1.tgz",
+      "integrity": "sha512-FkBMwD+qbGQeMu1cOHnuGB6x4yzPjho8ap5WtbEJ26umhgqVXbhekKUQO+hZEL1vU92a3wHwdp0HAcqAUF5iDg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-controllable-state": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.2.2.tgz",
+      "integrity": "sha512-BjasUjixPFdS+NKkypcyyN5Pmg83Olst0+c6vGov0diwTEo6mgdqVR6hxcEgFuh4QrAs7Rc+9KuGJ9TVCj0Zzg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-effect-event": "0.0.2",
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-effect-event": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-effect-event/-/react-use-effect-event-0.0.2.tgz",
+      "integrity": "sha512-Qp8WbZOBe+blgpuUT+lw2xheLP8q0oatc9UpmiemEICxGvFLYmHm9QowVZGHtJlGbS6A6yJ3iViad/2cVjnOiA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-escape-keydown": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.1.1.tgz",
+      "integrity": "sha512-Il0+boE7w/XebUHyBjroE+DbByORGR9KKmITzbR7MyQ4akpORYP/ZmbhAr0DG7RmmBqoOnZdy2QlvajJ2QA59g==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-callback-ref": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-is-hydrated": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-is-hydrated/-/react-use-is-hydrated-0.1.0.tgz",
+      "integrity": "sha512-U+UORVEq+cTnRIaostJv9AGdV3G6Y+zbVd+12e18jQ5A3c0xL03IhnHuiU4UV69wolOQp5GfR58NW/EgdQhwOA==",
+      "license": "MIT",
+      "dependencies": {
+        "use-sync-external-store": "^1.5.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-layout-effect": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.1.tgz",
+      "integrity": "sha512-RbJRS4UWQFkzHTTwVymMTUv8EqYhOp8dOOviLj2ugtTiXRaRQS7GLGxZTLL1jWhMeoSCf5zmcZkqTl9IiYfXcQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-previous": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-previous/-/react-use-previous-1.1.1.tgz",
+      "integrity": "sha512-2dHfToCj/pzca2Ck724OZ5L0EVrr3eHRNsG/b3xQJLA2hZpVCS99bLAX+hm1IHXDEnzU6by5z/5MIY794/a8NQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-rect": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-rect/-/react-use-rect-1.1.1.tgz",
+      "integrity": "sha512-QTYuDesS0VtuHNNvMh+CjlKJ4LJickCMUAqjlE3+j8w+RlRpwyX3apEQKGFzbZGdo7XNG1tXa+bQqIE7HIXT2w==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/rect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-size": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-size/-/react-use-size-1.1.1.tgz",
+      "integrity": "sha512-ewrXRDTAqAXlkl6t/fkXWNAhFX9I+CkKlw6zjEwk86RSPKwZr3xpBRso655aqYafwtnbpHLj6toFzmd6xdVptQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-visually-hidden": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.2.3.tgz",
+      "integrity": "sha512-pzJq12tEaaIhqjbzpCuv/OypJY/BPavOofm+dbab+MHLajy277+1lLm6JFcGgF5eskJ6mquGirhXY2GD/8u8Ug==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.1.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/rect": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/rect/-/rect-1.1.1.tgz",
+      "integrity": "sha512-HPwpGIzkl28mWyZqG52jiqDJ12waP11Pa1lGoiyUkIEuMLBP0oeK/C89esbXrxsky5we7dfd8U58nm0SgAWpVw==",
+      "license": "MIT"
+    },
+    "node_modules/@reduxjs/toolkit": {
+      "version": "1.9.7",
+      "resolved": "https://registry.npmjs.org/@reduxjs/toolkit/-/toolkit-1.9.7.tgz",
+      "integrity": "sha512-t7v8ZPxhhKgOKtU+uyJT13lu4vL7az5aFi4IdoDs/eS548edn2M8Ik9h8fxgvMjGoAUVFSt6ZC1P5cWmQ014QQ==",
+      "license": "MIT",
+      "dependencies": {
+        "immer": "^9.0.21",
+        "redux": "^4.2.1",
+        "redux-thunk": "^2.4.2",
+        "reselect": "^4.1.8"
+      },
+      "peerDependencies": {
+        "react": "^16.9.0 || ^17.0.0 || ^18",
+        "react-redux": "^7.2.1 || ^8.0.2"
+      },
+      "peerDependenciesMeta": {
+        "react": {
+          "optional": true
+        },
+        "react-redux": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@seznam/compose-react-refs": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/@seznam/compose-react-refs/-/compose-react-refs-1.0.6.tgz",
+      "integrity": "sha512-izzOXQfeQLonzrIQb8u6LQ8dk+ymz3WXTIXjvOlTXHq6sbzROg3NWU+9TTAOpEoK9Bth24/6F/XrfHJ5yR5n6Q==",
+      "license": "ISC"
+    },
+    "node_modules/@standard-schema/spec": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@standard-schema/spec/-/spec-1.0.0.tgz",
+      "integrity": "sha512-m2bOd0f2RT9k8QJx1JN85cZYyH1RqFBdlwtkSlf4tBDYLCiiZnv1fIIwacK6cqwXavOydf0NPToMQgpKq+dVlA==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/@swc/helpers": {
+      "version": "0.5.15",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.15.tgz",
+      "integrity": "sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/@tabler/icons": {
+      "version": "3.35.0",
+      "resolved": "https://registry.npmjs.org/@tabler/icons/-/icons-3.35.0.tgz",
+      "integrity": "sha512-yYXe+gJ56xlZFiXwV9zVoe3FWCGuZ/D7/G4ZIlDtGxSx5CGQK110wrnT29gUj52kEZoxqF7oURTk97GQxELOFQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/codecalm"
+      }
+    },
+    "node_modules/@tabler/icons-react": {
+      "version": "3.35.0",
+      "resolved": "https://registry.npmjs.org/@tabler/icons-react/-/icons-react-3.35.0.tgz",
+      "integrity": "sha512-XG7t2DYf3DyHT5jxFNp5xyLVbL4hMJYJhiSdHADzAjLRYfL7AnjlRfiHDHeXxkb2N103rEIvTsBRazxXtAUz2g==",
+      "license": "MIT",
+      "dependencies": {
+        "@tabler/icons": "3.35.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/codecalm"
+      },
+      "peerDependencies": {
+        "react": ">= 16"
+      }
+    },
+    "node_modules/@tailwindcss/node": {
+      "version": "4.1.14",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.1.14.tgz",
+      "integrity": "sha512-hpz+8vFk3Ic2xssIA3e01R6jkmsAhvkQdXlEbRTk6S10xDAtiQiM3FyvZVGsucefq764euO/b8WUW9ysLdThHw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/remapping": "^2.3.4",
+        "enhanced-resolve": "^5.18.3",
+        "jiti": "^2.6.0",
+        "lightningcss": "1.30.1",
+        "magic-string": "^0.30.19",
+        "source-map-js": "^1.2.1",
+        "tailwindcss": "4.1.14"
+      }
+    },
+    "node_modules/@tailwindcss/oxide": {
+      "version": "4.1.14",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.1.14.tgz",
+      "integrity": "sha512-23yx+VUbBwCg2x5XWdB8+1lkPajzLmALEfMb51zZUBYaYVPDQvBSD/WYDqiVyBIo2BZFa3yw1Rpy3G2Jp+K0dw==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "dependencies": {
+        "detect-libc": "^2.0.4",
+        "tar": "^7.5.1"
+      },
+      "engines": {
+        "node": ">= 10"
+      },
+      "optionalDependencies": {
+        "@tailwindcss/oxide-android-arm64": "4.1.14",
+        "@tailwindcss/oxide-darwin-arm64": "4.1.14",
+        "@tailwindcss/oxide-darwin-x64": "4.1.14",
+        "@tailwindcss/oxide-freebsd-x64": "4.1.14",
+        "@tailwindcss/oxide-linux-arm-gnueabihf": "4.1.14",
+        "@tailwindcss/oxide-linux-arm64-gnu": "4.1.14",
+        "@tailwindcss/oxide-linux-arm64-musl": "4.1.14",
+        "@tailwindcss/oxide-linux-x64-gnu": "4.1.14",
+        "@tailwindcss/oxide-linux-x64-musl": "4.1.14",
+        "@tailwindcss/oxide-wasm32-wasi": "4.1.14",
+        "@tailwindcss/oxide-win32-arm64-msvc": "4.1.14",
+        "@tailwindcss/oxide-win32-x64-msvc": "4.1.14"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-android-arm64": {
+      "version": "4.1.14",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.1.14.tgz",
+      "integrity": "sha512-a94ifZrGwMvbdeAxWoSuGcIl6/DOP5cdxagid7xJv6bwFp3oebp7y2ImYsnZBMTwjn5Ev5xESvS3FFYUGgPODQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-arm64": {
+      "version": "4.1.14",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.1.14.tgz",
+      "integrity": "sha512-HkFP/CqfSh09xCnrPJA7jud7hij5ahKyWomrC3oiO2U9i0UjP17o9pJbxUN0IJ471GTQQmzwhp0DEcpbp4MZTA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-x64": {
+      "version": "4.1.14",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.1.14.tgz",
+      "integrity": "sha512-eVNaWmCgdLf5iv6Qd3s7JI5SEFBFRtfm6W0mphJYXgvnDEAZ5sZzqmI06bK6xo0IErDHdTA5/t7d4eTfWbWOFw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-freebsd-x64": {
+      "version": "4.1.14",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.1.14.tgz",
+      "integrity": "sha512-QWLoRXNikEuqtNb0dhQN6wsSVVjX6dmUFzuuiL09ZeXju25dsei2uIPl71y2Ic6QbNBsB4scwBoFnlBfabHkEw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": {
+      "version": "4.1.14",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.1.14.tgz",
+      "integrity": "sha512-VB4gjQni9+F0VCASU+L8zSIyjrLLsy03sjcR3bM0V2g4SNamo0FakZFKyUQ96ZVwGK4CaJsc9zd/obQy74o0Fw==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-gnu": {
+      "version": "4.1.14",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.1.14.tgz",
+      "integrity": "sha512-qaEy0dIZ6d9vyLnmeg24yzA8XuEAD9WjpM5nIM1sUgQ/Zv7cVkharPDQcmm/t/TvXoKo/0knI3me3AGfdx6w1w==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-musl": {
+      "version": "4.1.14",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.1.14.tgz",
+      "integrity": "sha512-ISZjT44s59O8xKsPEIesiIydMG/sCXoMBCqsphDm/WcbnuWLxxb+GcvSIIA5NjUw6F8Tex7s5/LM2yDy8RqYBQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-gnu": {
+      "version": "4.1.14",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.1.14.tgz",
+      "integrity": "sha512-02c6JhLPJj10L2caH4U0zF8Hji4dOeahmuMl23stk0MU1wfd1OraE7rOloidSF8W5JTHkFdVo/O7uRUJJnUAJg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-musl": {
+      "version": "4.1.14",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.1.14.tgz",
+      "integrity": "sha512-TNGeLiN1XS66kQhxHG/7wMeQDOoL0S33x9BgmydbrWAb9Qw0KYdd8o1ifx4HOGDWhVmJ+Ul+JQ7lyknQFilO3Q==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-wasm32-wasi": {
+      "version": "4.1.14",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.1.14.tgz",
+      "integrity": "sha512-uZYAsaW/jS/IYkd6EWPJKW/NlPNSkWkBlaeVBi/WsFQNP05/bzkebUL8FH1pdsqx4f2fH/bWFcUABOM9nfiJkQ==",
+      "bundleDependencies": [
+        "@napi-rs/wasm-runtime",
+        "@emnapi/core",
+        "@emnapi/runtime",
+        "@tybys/wasm-util",
+        "@emnapi/wasi-threads",
+        "tslib"
+      ],
+      "cpu": [
+        "wasm32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/core": "^1.5.0",
+        "@emnapi/runtime": "^1.5.0",
+        "@emnapi/wasi-threads": "^1.1.0",
+        "@napi-rs/wasm-runtime": "^1.0.5",
+        "@tybys/wasm-util": "^0.10.1",
+        "tslib": "^2.4.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
+      "version": "4.1.14",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.1.14.tgz",
+      "integrity": "sha512-Az0RnnkcvRqsuoLH2Z4n3JfAef0wElgzHD5Aky/e+0tBUxUhIeIqFBTMNQvmMRSP15fWwmvjBxZ3Q8RhsDnxAA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-x64-msvc": {
+      "version": "4.1.14",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.1.14.tgz",
+      "integrity": "sha512-ttblVGHgf68kEE4om1n/n44I0yGPkCPbLsqzjvybhpwa6mKKtgFfAzy6btc3HRmuW7nHe0OOrSeNP9sQmmH9XA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/postcss": {
+      "version": "4.1.14",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/postcss/-/postcss-4.1.14.tgz",
+      "integrity": "sha512-BdMjIxy7HUNThK87C7BC8I1rE8BVUsfNQSI5siQ4JK3iIa3w0XyVvVL9SXLWO//CtYTcp1v7zci0fYwJOjB+Zg==",
+      "license": "MIT",
+      "dependencies": {
+        "@alloc/quick-lru": "^5.2.0",
+        "@tailwindcss/node": "4.1.14",
+        "@tailwindcss/oxide": "4.1.14",
+        "postcss": "^8.4.41",
+        "tailwindcss": "4.1.14"
+      }
+    },
+    "node_modules/@tanstack/react-table": {
+      "version": "8.21.3",
+      "resolved": "https://registry.npmjs.org/@tanstack/react-table/-/react-table-8.21.3.tgz",
+      "integrity": "sha512-5nNMTSETP4ykGegmVkhjcS8tTLW6Vl4axfEGQN3v0zdHYbK4UfoqfPChclTrJ4EoK9QynqAu9oUf8VEmrpZ5Ww==",
+      "license": "MIT",
+      "dependencies": {
+        "@tanstack/table-core": "8.21.3"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "react": ">=16.8",
+        "react-dom": ">=16.8"
+      }
+    },
+    "node_modules/@tanstack/table-core": {
+      "version": "8.21.3",
+      "resolved": "https://registry.npmjs.org/@tanstack/table-core/-/table-core-8.21.3.tgz",
+      "integrity": "sha512-ldZXEhOBb8Is7xLs01fR3YEc3DERiz5silj8tnGkFZytt1abEvl/GhUmCE0PMLaMPTa3Jk4HbKmRlHmu+gCftg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
+    "node_modules/@types/classnames": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/@types/classnames/-/classnames-2.3.0.tgz",
+      "integrity": "sha512-3GsbOoDYteFShlrBTKzI2Eii4vPg/jAf7LXRIn0WQePKlmhpkV0KoTMuawA7gZJkrbPrZGwv9IEAfIWaOaQK8w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "classnames": "*"
+      }
+    },
+    "node_modules/@types/d3-array": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-array/-/d3-array-3.2.2.tgz",
+      "integrity": "sha512-hOLWVbm7uRza0BYXpIIW5pxfrKe0W+D5lrFiAEYR+pb6w3N2SwSMaJbXdUfSEv+dT4MfHBLtn5js0LAWaO6otw==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-color": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/@types/d3-color/-/d3-color-3.1.3.tgz",
+      "integrity": "sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-ease": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-ease/-/d3-ease-3.0.2.tgz",
+      "integrity": "sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-interpolate": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/d3-interpolate/-/d3-interpolate-3.0.4.tgz",
+      "integrity": "sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-color": "*"
+      }
+    },
+    "node_modules/@types/d3-path": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@types/d3-path/-/d3-path-3.1.1.tgz",
+      "integrity": "sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-scale": {
+      "version": "4.0.9",
+      "resolved": "https://registry.npmjs.org/@types/d3-scale/-/d3-scale-4.0.9.tgz",
+      "integrity": "sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-time": "*"
+      }
+    },
+    "node_modules/@types/d3-shape": {
+      "version": "3.1.7",
+      "resolved": "https://registry.npmjs.org/@types/d3-shape/-/d3-shape-3.1.7.tgz",
+      "integrity": "sha512-VLvUQ33C+3J+8p+Daf+nYSOsjB4GXp19/S/aGo60m9h1v6XaxjiT82lKVWJCfzhtuZ3yD7i/TPeC/fuKLLOSmg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-path": "*"
+      }
+    },
+    "node_modules/@types/d3-time": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/d3-time/-/d3-time-3.0.4.tgz",
+      "integrity": "sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-timer": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-timer/-/d3-timer-3.0.2.tgz",
+      "integrity": "sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==",
+      "license": "MIT"
+    },
+    "node_modules/@types/hoist-non-react-statics": {
+      "version": "3.3.7",
+      "resolved": "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.7.tgz",
+      "integrity": "sha512-PQTyIulDkIDro8P+IHbKCsw7U2xxBYflVzW/FgWdCAePD9xGSidgA76/GeJ6lBKoblyhf9pBY763gbrN+1dI8g==",
+      "license": "MIT",
+      "dependencies": {
+        "hoist-non-react-statics": "^3.3.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*"
+      }
+    },
+    "node_modules/@types/lodash": {
+      "version": "4.17.20",
+      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.17.20.tgz",
+      "integrity": "sha512-H3MHACvFUEiujabxhaI/ImO6gUrd8oOurg7LQtS7mbwIXA/cUqWrvBsaeJ23aZEPk1TAYkurjfMbSELfoCXlGA==",
+      "license": "MIT"
+    },
+    "node_modules/@types/lodash.debounce": {
+      "version": "4.0.9",
+      "resolved": "https://registry.npmjs.org/@types/lodash.debounce/-/lodash.debounce-4.0.9.tgz",
+      "integrity": "sha512-Ma5JcgTREwpLRwMM+XwBR7DaWe96nC38uCBDFKZWbNKD+osjVzdpnUSwBcqCptrp16sSOLBAUb50Car5I0TCsQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/lodash": "*"
+      }
+    },
+    "node_modules/@types/lodash.get": {
+      "version": "4.4.9",
+      "resolved": "https://registry.npmjs.org/@types/lodash.get/-/lodash.get-4.4.9.tgz",
+      "integrity": "sha512-J5dvW98sxmGnamqf+/aLP87PYXyrha9xIgc2ZlHl6OHMFR2Ejdxep50QfU0abO1+CH6+ugx+8wEUN1toImAinA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/lodash": "*"
+      }
+    },
+    "node_modules/@types/lodash.uniqby": {
+      "version": "4.7.9",
+      "resolved": "https://registry.npmjs.org/@types/lodash.uniqby/-/lodash.uniqby-4.7.9.tgz",
+      "integrity": "sha512-rjrXji/seS6BZJRgXrU2h6FqxRVufsbq/HE0Tx0SdgbtlWr2YmD/M64BlYEYYlaMcpZwy32IYVkMfUMYlPuv0w==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/lodash": "*"
+      }
+    },
+    "node_modules/@types/node": {
+      "version": "24.7.2",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-24.7.2.tgz",
+      "integrity": "sha512-/NbVmcGTP+lj5oa4yiYxxeBjRivKQ5Ns1eSZeB99ExsEQ6rX5XYU1Zy/gGxY/ilqtD4Etx9mKyrPxZRetiahhA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~7.14.0"
+      }
+    },
+    "node_modules/@types/parse-json": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.2.tgz",
+      "integrity": "sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==",
+      "license": "MIT"
+    },
+    "node_modules/@types/prop-types": {
+      "version": "15.7.15",
+      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.15.tgz",
+      "integrity": "sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw==",
+      "license": "MIT"
+    },
+    "node_modules/@types/react": {
+      "version": "18.3.26",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.26.tgz",
+      "integrity": "sha512-RFA/bURkcKzx/X9oumPG9Vp3D3JUgus/d0b67KB0t5S/raciymilkOa66olh78MUI92QLbEJevO7rvqU/kjwKA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/prop-types": "*",
+        "csstype": "^3.0.2"
+      }
+    },
+    "node_modules/@types/react-dom": {
+      "version": "18.3.7",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.7.tgz",
+      "integrity": "sha512-MEe3UeoENYVFXzoXEWsvcpg6ZvlrFNlOQ7EOsvhI3CfAXwzPfO8Qwuxd40nepsYKqyyVQnTdEfv68q91yLcKrQ==",
+      "devOptional": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "^18.0.0"
+      }
+    },
+    "node_modules/@types/react-resizable": {
+      "version": "3.0.8",
+      "resolved": "https://registry.npmjs.org/@types/react-resizable/-/react-resizable-3.0.8.tgz",
+      "integrity": "sha512-Pcvt2eGA7KNXldt1hkhVhAgZ8hK41m0mp89mFgQi7LAAEZiaLgm4fHJ5zbJZ/4m2LVaAyYrrRRv1LHDcrGQanA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/react": "*"
+      }
+    },
+    "node_modules/@types/react-transition-group": {
+      "version": "4.4.12",
+      "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.12.tgz",
+      "integrity": "sha512-8TV6R3h2j7a91c+1DXdJi3Syo69zzIZbz7Lg5tORM5LEJG7X/E6a1V3drRyBRZq7/utz7A+c4OgYLiLcYGHG6w==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*"
+      }
+    },
+    "node_modules/@types/tinycolor2": {
+      "version": "1.4.6",
+      "resolved": "https://registry.npmjs.org/@types/tinycolor2/-/tinycolor2-1.4.6.tgz",
+      "integrity": "sha512-iEN8J0BoMnsWBqjVbWH/c0G0Hh7O21lpR2/+PrvAVgWdzL7eexIFm4JN/Wn10PTcmNdtS6U67r499mlWMXOxNw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/use-sync-external-store": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/@types/use-sync-external-store/-/use-sync-external-store-0.0.3.tgz",
+      "integrity": "sha512-EwmlvuaxPNej9+T4v5AuBPJa2x2UOJVdjCtDHgcDqitUeOtjnJKJ+apYjVcAoBEMjKW1VVFGZLUb5+qqa09XFA==",
+      "license": "MIT"
+    },
+    "node_modules/@vtaits/use-lazy-ref": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/@vtaits/use-lazy-ref/-/use-lazy-ref-0.1.4.tgz",
+      "integrity": "sha512-pdHe8k2WLIm8ccVfNw3HzeTCkifKKjVQ3hpiM7/rMynCp8nev715wrY2RCYnbeowNvekWqpGdHtrWKfCDocC6g==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/aria-hidden": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/aria-hidden/-/aria-hidden-1.2.6.tgz",
+      "integrity": "sha512-ik3ZgC9dY/lYVVM++OISsaYDeg1tb0VtP5uL3ouh1koGOaUMDPpbFIei4JkFimWUFPn90sbMNMXQAIVOlnYKJA==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/autoprefixer": {
+      "version": "10.4.21",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.21.tgz",
+      "integrity": "sha512-O+A6LWV5LDHSJD3LjHYoNi4VLsj/Whi7k6zG12xTYaU4cQ8oxQGckXNX8cRHK5yOZ/ppVHe0ZBXGzSV9jXdVbQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/autoprefixer"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.24.4",
+        "caniuse-lite": "^1.0.30001702",
+        "fraction.js": "^4.3.7",
+        "normalize-range": "^0.1.2",
+        "picocolors": "^1.1.1",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "bin": {
+        "autoprefixer": "bin/autoprefixer"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/babel-plugin-macros": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz",
+      "integrity": "sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "cosmiconfig": "^7.0.0",
+        "resolve": "^1.19.0"
+      },
+      "engines": {
+        "node": ">=10",
+        "npm": ">=6"
+      }
+    },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.8.16",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.8.16.tgz",
+      "integrity": "sha512-OMu3BGQ4E7P1ErFsIPpbJh0qvDudM/UuJeHgkAvfWe+0HFJCXh+t/l8L6fVLR55RI/UbKrVLnAXZSVwd9ysWYw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.js"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.26.3",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.26.3.tgz",
+      "integrity": "sha512-lAUU+02RFBuCKQPj/P6NgjlbCnLBMp4UtgTx7vNHd3XSIJF87s9a5rA3aH2yw3GS9DqZAUbOtZdCCiZeVRqt0w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "baseline-browser-mapping": "^2.8.9",
+        "caniuse-lite": "^1.0.30001746",
+        "electron-to-chromium": "^1.5.227",
+        "node-releases": "^2.0.21",
+        "update-browserslist-db": "^1.1.3"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/c12": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/c12/-/c12-3.1.0.tgz",
+      "integrity": "sha512-uWoS8OU1MEIsOv8p/5a82c3H31LsWVR5qiyXVfBNOzfffjUWtPnhAb4BYI2uG2HfGmZmFjCtui5XNWaps+iFuw==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "chokidar": "^4.0.3",
+        "confbox": "^0.2.2",
+        "defu": "^6.1.4",
+        "dotenv": "^16.6.1",
+        "exsolve": "^1.0.7",
+        "giget": "^2.0.0",
+        "jiti": "^2.4.2",
+        "ohash": "^2.0.11",
+        "pathe": "^2.0.3",
+        "perfect-debounce": "^1.0.0",
+        "pkg-types": "^2.2.0",
+        "rc9": "^2.1.2"
+      },
+      "peerDependencies": {
+        "magicast": "^0.3.5"
+      },
+      "peerDependenciesMeta": {
+        "magicast": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001750",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001750.tgz",
+      "integrity": "sha512-cuom0g5sdX6rw00qOoLNSFCJ9/mYIsuSOA+yzpDw8eopiFqcVwQvZHqov0vmEighRxX++cfC0Vg1G+1Iy/mSpQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "CC-BY-4.0"
+    },
+    "node_modules/chokidar": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
+      "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "readdirp": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 14.16.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/chownr": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/chownr/-/chownr-3.0.0.tgz",
+      "integrity": "sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==",
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/citty": {
+      "version": "0.1.6",
+      "resolved": "https://registry.npmjs.org/citty/-/citty-0.1.6.tgz",
+      "integrity": "sha512-tskPPKEs8D2KPafUypv2gxwJP8h/OaJmC82QQGGDQcHvXX43xF2VDACcJVmZ0EuSxkpO9Kc4MlrA3q0+FG58AQ==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "consola": "^3.2.3"
+      }
+    },
+    "node_modules/class-variance-authority": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/class-variance-authority/-/class-variance-authority-0.7.1.tgz",
+      "integrity": "sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "clsx": "^2.1.1"
+      },
+      "funding": {
+        "url": "https://polar.sh/cva"
+      }
+    },
+    "node_modules/classnames": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.5.1.tgz",
+      "integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==",
+      "license": "MIT"
+    },
+    "node_modules/client-only": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
+      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
+      "license": "MIT"
+    },
+    "node_modules/clsx": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
+      "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/confbox": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/confbox/-/confbox-0.2.2.tgz",
+      "integrity": "sha512-1NB+BKqhtNipMsov4xI/NnhCKp9XG9NamYp5PVm9klAT0fsrNPjaFICsCFhNhwZJKNh7zB/3q8qXz0E9oaMNtQ==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/consola": {
+      "version": "3.4.2",
+      "resolved": "https://registry.npmjs.org/consola/-/consola-3.4.2.tgz",
+      "integrity": "sha512-5IKcdX0nnYavi6G7TtOhwkYzyjfJlatbjMjuLSfE2kYT5pMDOilZ4OvMhi637CcDICTmz3wARPoyhqyX1Y+XvA==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^14.18.0 || >=16.10.0"
+      }
+    },
+    "node_modules/convert-source-map": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz",
+      "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==",
+      "license": "MIT"
+    },
+    "node_modules/cosmiconfig": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz",
+      "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/parse-json": "^4.0.0",
+        "import-fresh": "^3.2.1",
+        "parse-json": "^5.0.0",
+        "path-type": "^4.0.0",
+        "yaml": "^1.10.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
+      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
+      "license": "MIT"
+    },
+    "node_modules/d3-array": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-3.2.4.tgz",
+      "integrity": "sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==",
+      "license": "ISC",
+      "dependencies": {
+        "internmap": "1 - 2"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-color": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz",
+      "integrity": "sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-ease": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-ease/-/d3-ease-3.0.1.tgz",
+      "integrity": "sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-format": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-format/-/d3-format-3.1.0.tgz",
+      "integrity": "sha512-YyUI6AEuY/Wpt8KWLgZHsIU86atmikuoOmCfommt0LYHiQSPjvX2AcFc38PX0CBpr2RCyZhjex+NS/LPOv6YqA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-interpolate": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-3.0.1.tgz",
+      "integrity": "sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-color": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-path": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-3.1.0.tgz",
+      "integrity": "sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-scale": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-4.0.2.tgz",
+      "integrity": "sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-array": "2.10.0 - 3",
+        "d3-format": "1 - 3",
+        "d3-interpolate": "1.2.0 - 3",
+        "d3-time": "2.1.1 - 3",
+        "d3-time-format": "2 - 4"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-shape": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-3.2.0.tgz",
+      "integrity": "sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-path": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-time": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-time/-/d3-time-3.1.0.tgz",
+      "integrity": "sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-array": "2 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-time-format": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/d3-time-format/-/d3-time-format-4.1.0.tgz",
+      "integrity": "sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-time": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-timer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-3.0.1.tgz",
+      "integrity": "sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/dayjs": {
+      "version": "1.11.18",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.18.tgz",
+      "integrity": "sha512-zFBQ7WFRvVRhKcWoUh+ZA1g2HVgUbsZm9sbddh8EC5iv93sui8DVVz1Npvz+r6meo9VKfa8NyLWBsQK1VvIKPA==",
+      "license": "MIT"
+    },
+    "node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/decimal.js-light": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/decimal.js-light/-/decimal.js-light-2.5.1.tgz",
+      "integrity": "sha512-qIMFpTMZmny+MMIitAB6D7iVPEorVw6YQRWkvarTkT4tBeSLLiHzcwj6q0MmYSFCiVpiqPJTJEYIrpcPzVEIvg==",
+      "license": "MIT"
+    },
+    "node_modules/deepmerge-ts": {
+      "version": "7.1.5",
+      "resolved": "https://registry.npmjs.org/deepmerge-ts/-/deepmerge-ts-7.1.5.tgz",
+      "integrity": "sha512-HOJkrhaYsweh+W+e74Yn7YStZOilkoPb6fycpwNLKzSPtruFs48nYis0zy5yJz1+ktUhHxoRDJ27RQAWLIJVJw==",
+      "devOptional": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "node_modules/defu": {
+      "version": "6.1.4",
+      "resolved": "https://registry.npmjs.org/defu/-/defu-6.1.4.tgz",
+      "integrity": "sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/destr": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/destr/-/destr-2.0.5.tgz",
+      "integrity": "sha512-ugFTXCtDZunbzasqBxrK93Ik/DRYsO6S/fedkWEMKqt04xZ4csmnmwGDBAb07QWNaGMAmnTIemsYZCksjATwsA==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/detect-libc": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
+      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/detect-node-es": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/detect-node-es/-/detect-node-es-1.1.0.tgz",
+      "integrity": "sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==",
+      "license": "MIT"
+    },
+    "node_modules/dom-helpers": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz",
+      "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.8.7",
+        "csstype": "^3.0.2"
+      }
+    },
+    "node_modules/dotenv": {
+      "version": "16.6.1",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.6.1.tgz",
+      "integrity": "sha512-uBq4egWHTcTt33a72vpSG0z3HnPuIl6NqYcTrKEg2azoEyl2hpW0zqlxysq2pK9HlDIHyHyakeYaYnSAwd8bow==",
+      "devOptional": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://dotenvx.com"
+      }
+    },
+    "node_modules/effect": {
+      "version": "3.16.12",
+      "resolved": "https://registry.npmjs.org/effect/-/effect-3.16.12.tgz",
+      "integrity": "sha512-N39iBk0K71F9nb442TLbTkjl24FLUzuvx2i1I2RsEAQsdAdUTuUoW0vlfUXgkMTUOnYqKnWcFfqw4hK4Pw27hg==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@standard-schema/spec": "^1.0.0",
+        "fast-check": "^3.23.1"
+      }
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.234",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.234.tgz",
+      "integrity": "sha512-RXfEp2x+VRYn8jbKfQlRImzoJU01kyDvVPBmG39eU2iuRVhuS6vQNocB8J0/8GrIMLnPzgz4eW6WiRnJkTuNWg==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/empathic": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/empathic/-/empathic-2.0.0.tgz",
+      "integrity": "sha512-i6UzDscO/XfAcNYD75CfICkmfLedpyPDdozrLMmQc5ORaQcdMoc21OnlEylMIqI7U8eniKrPMxxtj8k0vhmJhA==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/enhanced-resolve": {
+      "version": "5.18.3",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.3.tgz",
+      "integrity": "sha512-d4lC8xfavMeBjzGr2vECC3fsGXziXZQyJxD868h2M/mBI3PwAuODxAkLkq5HYuvrPYcUtiLzsTo8U3PgX3Ocww==",
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/error-ex": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.4.tgz",
+      "integrity": "sha512-sqQamAnR14VgCr1A618A3sGrygcpK+HEbenA/HiEAkkUwcZIIB/tgWqHFxWgOyDh4nB4JCRimh79dR5Ywc9MDQ==",
+      "license": "MIT",
+      "dependencies": {
+        "is-arrayish": "^0.2.1"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eventemitter3": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
+      "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==",
+      "license": "MIT"
+    },
+    "node_modules/exsolve": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/exsolve/-/exsolve-1.0.7.tgz",
+      "integrity": "sha512-VO5fQUzZtI6C+vx4w/4BWJpg3s/5l+6pRQEHzFRM8WFi4XffSP1Z+4qi7GbjWbvRQEbdIco5mIMq+zX4rPuLrw==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-check": {
+      "version": "3.23.2",
+      "resolved": "https://registry.npmjs.org/fast-check/-/fast-check-3.23.2.tgz",
+      "integrity": "sha512-h5+1OzzfCC3Ef7VbtKdcv7zsstUQwUDlYpUTvjeUsJAssPgLn7QzbboPtL5ro04Mq0rPOsMzl7q5hIbRs2wD1A==",
+      "devOptional": true,
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/dubzzz"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fast-check"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "pure-rand": "^6.1.0"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/fast-equals": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/fast-equals/-/fast-equals-5.3.2.tgz",
+      "integrity": "sha512-6rxyATwPCkaFIL3JLqw8qXqMpIZ942pTX/tbQFkRsDGblS8tNGtlUauA/+mt6RUfqn/4MoEr+WDkYoIQbibWuQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/find-root": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz",
+      "integrity": "sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==",
+      "license": "MIT"
+    },
+    "node_modules/fraction.js": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
+      "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "type": "patreon",
+        "url": "https://github.com/sponsors/rawify"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-nonce": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-nonce/-/get-nonce-1.0.1.tgz",
+      "integrity": "sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/giget": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/giget/-/giget-2.0.0.tgz",
+      "integrity": "sha512-L5bGsVkxJbJgdnwyuheIunkGatUF/zssUoxxjACCseZYAVbaqdh9Tsmmlkl8vYan09H7sbvKt4pS8GqKLBrEzA==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "citty": "^0.1.6",
+        "consola": "^3.4.0",
+        "defu": "^6.1.4",
+        "node-fetch-native": "^1.6.6",
+        "nypm": "^0.6.0",
+        "pathe": "^2.0.3"
+      },
+      "bin": {
+        "giget": "dist/cli.mjs"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "license": "ISC"
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/hoist-non-react-statics": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
+      "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "react-is": "^16.7.0"
+      }
+    },
+    "node_modules/hoist-non-react-statics/node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+      "license": "MIT"
+    },
+    "node_modules/immer": {
+      "version": "9.0.21",
+      "resolved": "https://registry.npmjs.org/immer/-/immer-9.0.21.tgz",
+      "integrity": "sha512-bc4NBHqOqSfRW7POMkHd51LvClaeMXpm8dx0e8oE2GORbq5aRK7Bxl4FyzVLdGtLmvLKL7BTDBG5ACQm4HWjTA==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/immer"
+      }
+    },
+    "node_modules/import-fresh": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
+      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
+      "license": "MIT",
+      "dependencies": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/internmap": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/internmap/-/internmap-2.0.3.tgz",
+      "integrity": "sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/is-arrayish": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
+      "license": "MIT"
+    },
+    "node_modules/is-core-module": {
+      "version": "2.16.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
+      "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/jiti": {
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.6.1.tgz",
+      "integrity": "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==",
+      "license": "MIT",
+      "bin": {
+        "jiti": "lib/jiti-cli.mjs"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "license": "MIT"
+    },
+    "node_modules/jsesc": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+      "license": "MIT",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/json-parse-even-better-errors": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
+      "license": "MIT"
+    },
+    "node_modules/krustykrab": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/krustykrab/-/krustykrab-1.1.0.tgz",
+      "integrity": "sha512-xpX9MPbw+nJseewe6who9Oq46RQwrBfps+dO/N4fSjJhsf2+y4XWC2kz46oBGX8yzMHyYJj35ug0X5s5yxB6tA==",
+      "license": "MIT"
+    },
+    "node_modules/lightningcss": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.30.1.tgz",
+      "integrity": "sha512-xi6IyHML+c9+Q3W0S4fCQJOym42pyurFiJUHEcEyHS0CeKzia4yZDEsLlqOFykxOdHpNy0NmvVO31vcSqAxJCg==",
+      "license": "MPL-2.0",
+      "dependencies": {
+        "detect-libc": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "lightningcss-darwin-arm64": "1.30.1",
+        "lightningcss-darwin-x64": "1.30.1",
+        "lightningcss-freebsd-x64": "1.30.1",
+        "lightningcss-linux-arm-gnueabihf": "1.30.1",
+        "lightningcss-linux-arm64-gnu": "1.30.1",
+        "lightningcss-linux-arm64-musl": "1.30.1",
+        "lightningcss-linux-x64-gnu": "1.30.1",
+        "lightningcss-linux-x64-musl": "1.30.1",
+        "lightningcss-win32-arm64-msvc": "1.30.1",
+        "lightningcss-win32-x64-msvc": "1.30.1"
+      }
+    },
+    "node_modules/lightningcss-darwin-arm64": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.30.1.tgz",
+      "integrity": "sha512-c8JK7hyE65X1MHMN+Viq9n11RRC7hgin3HhYKhrMyaXflk5GVplZ60IxyoVtzILeKr+xAJwg6zK6sjTBJ0FKYQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-darwin-x64": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.30.1.tgz",
+      "integrity": "sha512-k1EvjakfumAQoTfcXUcHQZhSpLlkAuEkdMBsI/ivWw9hL+7FtilQc0Cy3hrx0AAQrVtQAbMI7YjCgYgvn37PzA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-freebsd-x64": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.30.1.tgz",
+      "integrity": "sha512-kmW6UGCGg2PcyUE59K5r0kWfKPAVy4SltVeut+umLCFoJ53RdCUWxcRDzO1eTaxf/7Q2H7LTquFHPL5R+Gjyig==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm-gnueabihf": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.30.1.tgz",
+      "integrity": "sha512-MjxUShl1v8pit+6D/zSPq9S9dQ2NPFSQwGvxBCYaBYLPlCWuPh9/t1MRS8iUaR8i+a6w7aps+B4N0S1TYP/R+Q==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-gnu": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.30.1.tgz",
+      "integrity": "sha512-gB72maP8rmrKsnKYy8XUuXi/4OctJiuQjcuqWNlJQ6jZiWqtPvqFziskH3hnajfvKB27ynbVCucKSm2rkQp4Bw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-musl": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.30.1.tgz",
+      "integrity": "sha512-jmUQVx4331m6LIX+0wUhBbmMX7TCfjF5FoOH6SD1CttzuYlGNVpA7QnrmLxrsub43ClTINfGSYyHe2HWeLl5CQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-gnu": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.30.1.tgz",
+      "integrity": "sha512-piWx3z4wN8J8z3+O5kO74+yr6ze/dKmPnI7vLqfSqI8bccaTGY5xiSGVIJBDd5K5BHlvVLpUB3S2YCfelyJ1bw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-musl": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.30.1.tgz",
+      "integrity": "sha512-rRomAK7eIkL+tHY0YPxbc5Dra2gXlI63HL+v1Pdi1a3sC+tJTcFrHX+E86sulgAXeI7rSzDYhPSeHHjqFhqfeQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-arm64-msvc": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.30.1.tgz",
+      "integrity": "sha512-mSL4rqPi4iXq5YVqzSsJgMVFENoa4nGTT/GjO2c0Yl9OuQfPsIfncvLrEW6RbbB24WtZ3xP/2CCmI3tNkNV4oA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-x64-msvc": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.30.1.tgz",
+      "integrity": "sha512-PVqXh48wh4T53F/1CCu8PIPCxLzWyCnn/9T5W1Jpmdy5h9Cwd+0YQS6/LwhHXSafuc61/xg9Lv5OrCby6a++jg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lines-and-columns": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+      "license": "MIT"
+    },
+    "node_modules/lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.debounce": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
+      "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.get": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/lodash.get/-/lodash.get-4.4.2.tgz",
+      "integrity": "sha512-z+Uw/vLuy6gQe8cfaFWD7p0wVv8fJl3mbzXh33RS+0oW2wvUqiRXiQ69gLWSLpgB5/6sU+r6BlQR0MBILadqTQ==",
+      "deprecated": "This package is deprecated. Use the optional chaining (?.) operator instead.",
+      "license": "MIT"
+    },
+    "node_modules/lodash.uniqby": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/lodash.uniqby/-/lodash.uniqby-4.7.0.tgz",
+      "integrity": "sha512-e/zcLx6CSbmaEgFHCA7BnoQKyCtKMxnuWrJygbwPs/AIn+IMKl66L8/s+wBUn5LRw2pZx3bUHibiV1b6aTWIww==",
+      "license": "MIT"
+    },
+    "node_modules/loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "loose-envify": "cli.js"
+      }
+    },
+    "node_modules/lucide-react": {
+      "version": "0.545.0",
+      "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.545.0.tgz",
+      "integrity": "sha512-7r1/yUuflQDSt4f1bpn5ZAocyIxcTyVyBBChSVtBKn5M+392cPmI5YJMWOJKk/HUWGm5wg83chlAZtCcGbEZtw==",
+      "license": "ISC",
+      "peerDependencies": {
+        "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/magic-string": {
+      "version": "0.30.19",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.19.tgz",
+      "integrity": "sha512-2N21sPY9Ws53PZvsEpVtNuSW+ScYbQdp4b9qUaL+9QkHUrGFKo56Lg9Emg5s9V/qrtNBmiR01sYhUOwu3H+VOw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.5"
+      }
+    },
+    "node_modules/memoize-one": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-6.0.0.tgz",
+      "integrity": "sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==",
+      "license": "MIT"
+    },
+    "node_modules/minipass": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
+      "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "node_modules/minizlib": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-3.1.0.tgz",
+      "integrity": "sha512-KZxYo1BUkWD2TVFLr0MQoM8vUUigWD3LlD83a/75BqC+4qE0Hb1Vo5v1FgcfaNXvfXzr+5EhQ6ing/CaBijTlw==",
+      "license": "MIT",
+      "dependencies": {
+        "minipass": "^7.1.2"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "license": "MIT"
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/next": {
+      "version": "15.5.4",
+      "resolved": "https://registry.npmjs.org/next/-/next-15.5.4.tgz",
+      "integrity": "sha512-xH4Yjhb82sFYQfY3vbkJfgSDgXvBB6a8xPs9i35k6oZJRoQRihZH+4s9Yo2qsWpzBmZ3lPXaJ2KPXLfkvW4LnA==",
+      "license": "MIT",
+      "dependencies": {
+        "@next/env": "15.5.4",
+        "@swc/helpers": "0.5.15",
+        "caniuse-lite": "^1.0.30001579",
+        "postcss": "8.4.31",
+        "styled-jsx": "5.1.6"
+      },
+      "bin": {
+        "next": "dist/bin/next"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^19.8.0 || >= 20.0.0"
+      },
+      "optionalDependencies": {
+        "@next/swc-darwin-arm64": "15.5.4",
+        "@next/swc-darwin-x64": "15.5.4",
+        "@next/swc-linux-arm64-gnu": "15.5.4",
+        "@next/swc-linux-arm64-musl": "15.5.4",
+        "@next/swc-linux-x64-gnu": "15.5.4",
+        "@next/swc-linux-x64-musl": "15.5.4",
+        "@next/swc-win32-arm64-msvc": "15.5.4",
+        "@next/swc-win32-x64-msvc": "15.5.4",
+        "sharp": "^0.34.3"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.1.0",
+        "@playwright/test": "^1.51.1",
+        "babel-plugin-react-compiler": "*",
+        "react": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
+        "react-dom": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
+        "sass": "^1.3.0"
+      },
+      "peerDependenciesMeta": {
+        "@opentelemetry/api": {
+          "optional": true
+        },
+        "@playwright/test": {
+          "optional": true
+        },
+        "babel-plugin-react-compiler": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/next-themes": {
+      "version": "0.4.6",
+      "resolved": "https://registry.npmjs.org/next-themes/-/next-themes-0.4.6.tgz",
+      "integrity": "sha512-pZvgD5L0IEvX5/9GWyHMf3m8BKiVQwsCMHfoFosXtXBMnaS0ZnIJ9ST4b4NqLVKDEm8QBxoNNGNaBv2JNF6XNA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc"
+      }
+    },
+    "node_modules/next/node_modules/postcss": {
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.6",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/node-fetch-native": {
+      "version": "1.6.7",
+      "resolved": "https://registry.npmjs.org/node-fetch-native/-/node-fetch-native-1.6.7.tgz",
+      "integrity": "sha512-g9yhqoedzIUm0nTnTqAQvueMPVOuIY16bqgAJJC8XOOubYFNwz6IER9qs0Gq2Xd0+CecCKFjtdDTMA4u4xG06Q==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.23",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.23.tgz",
+      "integrity": "sha512-cCmFDMSm26S6tQSDpBCg/NR8NENrVPhAJSf+XbxBG4rPFaaonlEoE9wHQmun+cls499TQGSb7ZyPBRlzgKfpeg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/normalize-range": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
+      "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/nypm": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/nypm/-/nypm-0.6.2.tgz",
+      "integrity": "sha512-7eM+hpOtrKrBDCh7Ypu2lJ9Z7PNZBdi/8AT3AX8xoCj43BBVHD0hPSTEvMtkMpfs8FCqBGhxB+uToIQimA111g==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "citty": "^0.1.6",
+        "consola": "^3.4.2",
+        "pathe": "^2.0.3",
+        "pkg-types": "^2.3.0",
+        "tinyexec": "^1.0.1"
+      },
+      "bin": {
+        "nypm": "dist/cli.mjs"
+      },
+      "engines": {
+        "node": "^14.16.0 || >=16.10.0"
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ohash": {
+      "version": "2.0.11",
+      "resolved": "https://registry.npmjs.org/ohash/-/ohash-2.0.11.tgz",
+      "integrity": "sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "license": "MIT",
+      "dependencies": {
+        "callsites": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/parse-json": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
+      "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.0.0",
+        "error-ex": "^1.3.1",
+        "json-parse-even-better-errors": "^2.3.0",
+        "lines-and-columns": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "license": "MIT"
+    },
+    "node_modules/path-type": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/pathe": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz",
+      "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/perfect-debounce": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/perfect-debounce/-/perfect-debounce-1.0.0.tgz",
+      "integrity": "sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
+    },
+    "node_modules/pkg-types": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-2.3.0.tgz",
+      "integrity": "sha512-SIqCzDRg0s9npO5XQ3tNZioRY1uK06lA41ynBC1YmFTmnY6FjUjVt6s4LoADmwoig1qqD0oK8h1p/8mlMx8Oig==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "confbox": "^0.2.2",
+        "exsolve": "^1.0.7",
+        "pathe": "^2.0.3"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.5.6",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
+      "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.11",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/postcss-value-parser": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/prisma": {
+      "version": "6.17.1",
+      "resolved": "https://registry.npmjs.org/prisma/-/prisma-6.17.1.tgz",
+      "integrity": "sha512-ac6h0sM1Tg3zu8NInY+qhP/S9KhENVaw9n1BrGKQVFu05JT5yT5Qqqmb8tMRIE3ZXvVj4xcRA5yfrsy4X7Yy5g==",
+      "devOptional": true,
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@prisma/config": "6.17.1",
+        "@prisma/engines": "6.17.1"
+      },
+      "bin": {
+        "prisma": "build/index.js"
+      },
+      "engines": {
+        "node": ">=18.18"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.1.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/prop-types": {
+      "version": "15.8.1",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
+      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.13.1"
+      }
+    },
+    "node_modules/prop-types/node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+      "license": "MIT"
+    },
+    "node_modules/pure-rand": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/pure-rand/-/pure-rand-6.1.0.tgz",
+      "integrity": "sha512-bVWawvoZoBYpp6yIoQtQXHZjmz35RSVHnUOTefl8Vcjr8snTPY1wnpSPMWekcFwbxI6gtmT7rSYPFvz71ldiOA==",
+      "devOptional": true,
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/dubzzz"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fast-check"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/rc9": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/rc9/-/rc9-2.1.2.tgz",
+      "integrity": "sha512-btXCnMmRIBINM2LDZoEmOogIZU7Qe7zn4BpomSKZ/ykbLObuBdvG+mFq11DL6fjH1DRwHhrlgtYWG96bJiC7Cg==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "defu": "^6.1.4",
+        "destr": "^2.0.3"
+      }
+    },
+    "node_modules/react": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
+      "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-colorful": {
+      "version": "5.6.1",
+      "resolved": "https://registry.npmjs.org/react-colorful/-/react-colorful-5.6.1.tgz",
+      "integrity": "sha512-1exovf0uGTGyq5mXQT0zgQ80uvj2PCwvF8zY1RN9/vbJVSjSo3fsB/4L3ObbF7u70NduSiK4xu4Y6q1MHoUGEw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
+      "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.1.0",
+        "scheduler": "^0.23.2"
+      },
+      "peerDependencies": {
+        "react": "^18.3.1"
+      }
+    },
+    "node_modules/react-hook-form": {
+      "version": "7.65.0",
+      "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.65.0.tgz",
+      "integrity": "sha512-xtOzDz063WcXvGWaHgLNrNzlsdFgtUWcb32E6WFaGTd7kPZG3EeDusjdZfUsPwKCKVXy1ZlntifaHZ4l8pAsmw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/react-hook-form"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17 || ^18 || ^19"
+      }
+    },
+    "node_modules/react-is": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+      "license": "MIT"
+    },
+    "node_modules/react-redux": {
+      "version": "8.1.3",
+      "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-8.1.3.tgz",
+      "integrity": "sha512-n0ZrutD7DaX/j9VscF+uTALI3oUPa/pO4Z3soOBIjuRn/FzVu6aehhysxZCLi6y7duMf52WNZGMl7CtuK5EnRw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.12.1",
+        "@types/hoist-non-react-statics": "^3.3.1",
+        "@types/use-sync-external-store": "^0.0.3",
+        "hoist-non-react-statics": "^3.3.2",
+        "react-is": "^18.0.0",
+        "use-sync-external-store": "^1.0.0"
+      },
+      "peerDependencies": {
+        "@types/react": "^16.8 || ^17.0 || ^18.0",
+        "@types/react-dom": "^16.8 || ^17.0 || ^18.0",
+        "react": "^16.8 || ^17.0 || ^18.0",
+        "react-dom": "^16.8 || ^17.0 || ^18.0",
+        "react-native": ">=0.59",
+        "redux": "^4 || ^5.0.0-beta.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        },
+        "react-dom": {
+          "optional": true
+        },
+        "react-native": {
+          "optional": true
+        },
+        "redux": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-remove-scroll": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.7.1.tgz",
+      "integrity": "sha512-HpMh8+oahmIdOuS5aFKKY6Pyog+FNaZV/XyJOq7b4YFwsFHe5yYfdbIalI4k3vU2nSDql7YskmUseHsRrJqIPA==",
+      "license": "MIT",
+      "dependencies": {
+        "react-remove-scroll-bar": "^2.3.7",
+        "react-style-singleton": "^2.2.3",
+        "tslib": "^2.1.0",
+        "use-callback-ref": "^1.3.3",
+        "use-sidecar": "^1.1.3"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-remove-scroll-bar": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/react-remove-scroll-bar/-/react-remove-scroll-bar-2.3.8.tgz",
+      "integrity": "sha512-9r+yi9+mgU33AKcj6IbT9oRCO78WriSj6t/cF8DWBZJ9aOGPOTEDvdUDz1FwKim7QXWwmHqtdHnRJfhAxEG46Q==",
+      "license": "MIT",
+      "dependencies": {
+        "react-style-singleton": "^2.2.2",
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-resizable": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/react-resizable/-/react-resizable-3.0.5.tgz",
+      "integrity": "sha512-vKpeHhI5OZvYn82kXOs1bC8aOXktGU5AmKAgaZS4F5JPburCtbmDPqE7Pzp+1kN4+Wb81LlF33VpGwWwtXem+w==",
+      "license": "MIT",
+      "dependencies": {
+        "prop-types": "15.x",
+        "react-draggable": "^4.0.3"
+      },
+      "peerDependencies": {
+        "react": ">= 16.3"
+      }
+    },
+    "node_modules/react-resizable-panels": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/react-resizable-panels/-/react-resizable-panels-3.0.6.tgz",
+      "integrity": "sha512-b3qKHQ3MLqOgSS+FRYKapNkJZf5EQzuf6+RLiq1/IlTHw99YrZ2NJZLk4hQIzTnnIkRg2LUqyVinu6YWWpUYew==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
+        "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+      }
+    },
+    "node_modules/react-resizable/node_modules/react-draggable": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/react-draggable/-/react-draggable-4.5.0.tgz",
+      "integrity": "sha512-VC+HBLEZ0XJxnOxVAZsdRi8rD04Iz3SiiKOoYzamjylUcju/hP9np/aZdLHf/7WOD268WMoNJMvYfB5yAK45cw==",
+      "license": "MIT",
+      "dependencies": {
+        "clsx": "^2.1.1",
+        "prop-types": "^15.8.1"
+      },
+      "peerDependencies": {
+        "react": ">= 16.3.0",
+        "react-dom": ">= 16.3.0"
+      }
+    },
+    "node_modules/react-select": {
+      "version": "5.10.2",
+      "resolved": "https://registry.npmjs.org/react-select/-/react-select-5.10.2.tgz",
+      "integrity": "sha512-Z33nHdEFWq9tfnfVXaiM12rbJmk+QjFEztWLtmXqQhz6Al4UZZ9xc0wiatmGtUOCCnHN0WizL3tCMYRENX4rVQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.12.0",
+        "@emotion/cache": "^11.4.0",
+        "@emotion/react": "^11.8.1",
+        "@floating-ui/dom": "^1.0.1",
+        "@types/react-transition-group": "^4.4.0",
+        "memoize-one": "^6.0.0",
+        "prop-types": "^15.6.0",
+        "react-transition-group": "^4.3.0",
+        "use-isomorphic-layout-effect": "^1.2.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/react-select-async-paginate": {
+      "version": "0.7.11",
+      "resolved": "https://registry.npmjs.org/react-select-async-paginate/-/react-select-async-paginate-0.7.11.tgz",
+      "integrity": "sha512-AjtCLPMk5DLNgygwQprEPC0gfVIjkou+QYvXM+2gm/LeRpY1Gv5KNT79EYB37H1uMCrwA+HL9BY7OtlaNWtYNg==",
+      "license": "MIT",
+      "dependencies": {
+        "@seznam/compose-react-refs": "^1.0.6",
+        "@vtaits/use-lazy-ref": "^0.1.4",
+        "krustykrab": "^1.1.0",
+        "sleep-promise": "^9.1.0",
+        "use-is-mounted-ref": "^1.5.0",
+        "use-latest": "^1.3.0"
+      },
+      "peerDependencies": {
+        "react": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-select": "^5.0.0"
+      }
+    },
+    "node_modules/react-smooth": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/react-smooth/-/react-smooth-4.0.4.tgz",
+      "integrity": "sha512-gnGKTpYwqL0Iii09gHobNolvX4Kiq4PKx6eWBCYYix+8cdw+cGo3do906l1NBPKkSWx1DghC1dlWG9L2uGd61Q==",
+      "license": "MIT",
+      "dependencies": {
+        "fast-equals": "^5.0.1",
+        "prop-types": "^15.8.1",
+        "react-transition-group": "^4.4.5"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/react-style-singleton": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/react-style-singleton/-/react-style-singleton-2.2.3.tgz",
+      "integrity": "sha512-b6jSvxvVnyptAiLjbkWLE/lOnR4lfTtDAl+eUC7RZy+QQWc6wRzIV2CE6xBuMmDxc2qIihtDCZD5NPOFl7fRBQ==",
+      "license": "MIT",
+      "dependencies": {
+        "get-nonce": "^1.0.0",
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-transition-group": {
+      "version": "4.4.5",
+      "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz",
+      "integrity": "sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@babel/runtime": "^7.5.5",
+        "dom-helpers": "^5.0.1",
+        "loose-envify": "^1.4.0",
+        "prop-types": "^15.6.2"
+      },
+      "peerDependencies": {
+        "react": ">=16.6.0",
+        "react-dom": ">=16.6.0"
+      }
+    },
+    "node_modules/readdirp": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz",
+      "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14.18.0"
+      },
+      "funding": {
+        "type": "individual",
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/recharts": {
+      "version": "2.15.4",
+      "resolved": "https://registry.npmjs.org/recharts/-/recharts-2.15.4.tgz",
+      "integrity": "sha512-UT/q6fwS3c1dHbXv2uFgYJ9BMFHu3fwnd7AYZaEQhXuYQ4hgsxLvsUXzGdKeZrW5xopzDCvuA2N41WJ88I7zIw==",
+      "license": "MIT",
+      "dependencies": {
+        "clsx": "^2.0.0",
+        "eventemitter3": "^4.0.1",
+        "lodash": "^4.17.21",
+        "react-is": "^18.3.1",
+        "react-smooth": "^4.0.4",
+        "recharts-scale": "^0.4.4",
+        "tiny-invariant": "^1.3.1",
+        "victory-vendor": "^36.6.8"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "react": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/recharts-scale": {
+      "version": "0.4.5",
+      "resolved": "https://registry.npmjs.org/recharts-scale/-/recharts-scale-0.4.5.tgz",
+      "integrity": "sha512-kivNFO+0OcUNu7jQquLXAxz1FIwZj8nrj+YkOKc5694NbjCvcT6aSZiIzNzd2Kul4o4rTto8QVR9lMNtxD4G1w==",
+      "license": "MIT",
+      "dependencies": {
+        "decimal.js-light": "^2.4.1"
+      }
+    },
+    "node_modules/redux": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/redux/-/redux-4.2.1.tgz",
+      "integrity": "sha512-LAUYz4lc+Do8/g7aeRa8JkyDErK6ekstQaqWQrNRW//MY1TvCEpMtpTWvlQ+FPbWCx+Xixu/6SHt5N0HR+SB4w==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.9.2"
+      }
+    },
+    "node_modules/redux-thunk": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/redux-thunk/-/redux-thunk-2.4.2.tgz",
+      "integrity": "sha512-+P3TjtnP0k/FEjcBL5FZpoovtvrTNT/UXd4/sluaSyrURlSlhLSzEdfsTBW7WsKB6yPvgd7q/iZPICFjW4o57Q==",
+      "license": "MIT",
+      "peerDependencies": {
+        "redux": "^4"
+      }
+    },
+    "node_modules/reselect": {
+      "version": "4.1.8",
+      "resolved": "https://registry.npmjs.org/reselect/-/reselect-4.1.8.tgz",
+      "integrity": "sha512-ab9EmR80F/zQTMNeneUr4cv+jSwPJgIlvEmVwLerwrWVbpLlBuls9XHzIeTFy4cegU2NHBp3va0LKOzU5qFEYQ==",
+      "license": "MIT"
+    },
+    "node_modules/resolve": {
+      "version": "1.22.10",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.10.tgz",
+      "integrity": "sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==",
+      "license": "MIT",
+      "dependencies": {
+        "is-core-module": "^2.16.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/scheduler": {
+      "version": "0.23.2",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
+      "integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      }
+    },
+    "node_modules/semver": {
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "license": "ISC",
+      "optional": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/sharp": {
+      "version": "0.34.4",
+      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.34.4.tgz",
+      "integrity": "sha512-FUH39xp3SBPnxWvd5iib1X8XY7J0K0X7d93sie9CJg2PO8/7gmg89Nve6OjItK53/MlAushNNxteBYfM6DEuoA==",
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "@img/colour": "^1.0.0",
+        "detect-libc": "^2.1.0",
+        "semver": "^7.7.2"
+      },
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-darwin-arm64": "0.34.4",
+        "@img/sharp-darwin-x64": "0.34.4",
+        "@img/sharp-libvips-darwin-arm64": "1.2.3",
+        "@img/sharp-libvips-darwin-x64": "1.2.3",
+        "@img/sharp-libvips-linux-arm": "1.2.3",
+        "@img/sharp-libvips-linux-arm64": "1.2.3",
+        "@img/sharp-libvips-linux-ppc64": "1.2.3",
+        "@img/sharp-libvips-linux-s390x": "1.2.3",
+        "@img/sharp-libvips-linux-x64": "1.2.3",
+        "@img/sharp-libvips-linuxmusl-arm64": "1.2.3",
+        "@img/sharp-libvips-linuxmusl-x64": "1.2.3",
+        "@img/sharp-linux-arm": "0.34.4",
+        "@img/sharp-linux-arm64": "0.34.4",
+        "@img/sharp-linux-ppc64": "0.34.4",
+        "@img/sharp-linux-s390x": "0.34.4",
+        "@img/sharp-linux-x64": "0.34.4",
+        "@img/sharp-linuxmusl-arm64": "0.34.4",
+        "@img/sharp-linuxmusl-x64": "0.34.4",
+        "@img/sharp-wasm32": "0.34.4",
+        "@img/sharp-win32-arm64": "0.34.4",
+        "@img/sharp-win32-ia32": "0.34.4",
+        "@img/sharp-win32-x64": "0.34.4"
+      }
+    },
+    "node_modules/sleep-promise": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/sleep-promise/-/sleep-promise-9.1.0.tgz",
+      "integrity": "sha512-UHYzVpz9Xn8b+jikYSD6bqvf754xL2uBUzDFwiU6NcdZeifPr6UfgU43xpkPu67VMS88+TI2PSI7Eohgqf2fKA==",
+      "license": "MIT"
+    },
+    "node_modules/sonner": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/sonner/-/sonner-2.0.7.tgz",
+      "integrity": "sha512-W6ZN4p58k8aDKA4XPcx2hpIQXBRAgyiWVkYhT7CvK6D3iAu7xjvVyhQHg2/iaKJZ1XVJ4r7XuwGL+WGEK37i9w==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^18.0.0 || ^19.0.0 || ^19.0.0-rc",
+        "react-dom": "^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+      }
+    },
+    "node_modules/source-map": {
+      "version": "0.5.7",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+      "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/styled-jsx": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.6.tgz",
+      "integrity": "sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA==",
+      "license": "MIT",
+      "dependencies": {
+        "client-only": "0.0.1"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "peerDependencies": {
+        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0 || ^19.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "@babel/core": {
+          "optional": true
+        },
+        "babel-plugin-macros": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/stylis": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.2.0.tgz",
+      "integrity": "sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==",
+      "license": "MIT"
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/tabbable": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/tabbable/-/tabbable-6.2.0.tgz",
+      "integrity": "sha512-Cat63mxsVJlzYvN51JmVXIgNoUokrIaT2zLclCXjRd8boZ0004U4KCs/sToJ75C6sdlByWxpYnb5Boif1VSFew==",
+      "license": "MIT"
+    },
+    "node_modules/tailwind-merge": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-3.3.1.tgz",
+      "integrity": "sha512-gBXpgUm/3rp1lMZZrM/w7D8GKqshif0zAymAhbCyIt8KMe+0v9DQ7cdYLR4FHH/cKpdTXb+A/tKKU3eolfsI+g==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/dcastil"
+      }
+    },
+    "node_modules/tailwindcss": {
+      "version": "4.1.14",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.14.tgz",
+      "integrity": "sha512-b7pCxjGO98LnxVkKjaZSDeNuljC4ueKUddjENJOADtubtdo8llTaJy7HwBMeLNSSo2N5QIAgklslK1+Ir8r6CA==",
+      "license": "MIT"
+    },
+    "node_modules/tapable": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.3.0.tgz",
+      "integrity": "sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/tar": {
+      "version": "7.5.1",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-7.5.1.tgz",
+      "integrity": "sha512-nlGpxf+hv0v7GkWBK2V9spgactGOp0qvfWRxUMjqHyzrt3SgwE48DIv/FhqPHJYLHpgW1opq3nERbz5Anq7n1g==",
+      "license": "ISC",
+      "dependencies": {
+        "@isaacs/fs-minipass": "^4.0.0",
+        "chownr": "^3.0.0",
+        "minipass": "^7.1.2",
+        "minizlib": "^3.1.0",
+        "yallist": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tiny-invariant": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.3.tgz",
+      "integrity": "sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==",
+      "license": "MIT"
+    },
+    "node_modules/tinycolor2": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/tinycolor2/-/tinycolor2-1.6.0.tgz",
+      "integrity": "sha512-XPaBkWQJdsf3pLKJV9p4qN/S+fm2Oj8AIPo1BTUhg5oxkvm9+SVEGFdhyOz7tTdUTfvxMiAs4sp6/eZO2Ew+pw==",
+      "license": "MIT"
+    },
+    "node_modules/tinyexec": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-1.0.1.tgz",
+      "integrity": "sha512-5uC6DDlmeqiOwCPmK9jMSdOuZTh8bU39Ys6yidB+UTt5hfZUPGAypSgFRiEp+jbi9qH40BLDvy85jIU88wKSqw==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "license": "0BSD"
+    },
+    "node_modules/tw-animate-css": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/tw-animate-css/-/tw-animate-css-1.4.0.tgz",
+      "integrity": "sha512-7bziOlRqH0hJx80h/3mbicLW7o8qLsH5+RaLR2t+OHM3D0JlWGODQKQ4cxbK7WlvmUxpcj6Kgu6EKqjrGFe3QQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/Wombosvideo"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "5.9.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+      "devOptional": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "7.14.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.14.0.tgz",
+      "integrity": "sha512-QQiYxHuyZ9gQUIrmPo3IA+hUl4KYk8uSA7cHrcKd/l3p1OTpZcM0Tbp9x7FAtXdAYhlasd60ncPpgu6ihG6TOA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.3.tgz",
+      "integrity": "sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/use-callback-ref": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/use-callback-ref/-/use-callback-ref-1.3.3.tgz",
+      "integrity": "sha512-jQL3lRnocaFtu3V00JToYz/4QkNWswxijDaCVNZRiRTO3HQDLsdu1ZtmIUvV4yPp+rvWm5j0y0TG/S61cuijTg==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/use-is-mounted-ref": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/use-is-mounted-ref/-/use-is-mounted-ref-1.5.0.tgz",
+      "integrity": "sha512-p5FksHf/ospZUr5KU9ese6u3jp9fzvZ3wuSb50i0y6fdONaHWgmOqQtxR/PUcwi6hnhQDbNxWSg3eTK3N6m+dg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": ">=16.0.0"
+      }
+    },
+    "node_modules/use-isomorphic-layout-effect": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/use-isomorphic-layout-effect/-/use-isomorphic-layout-effect-1.2.1.tgz",
+      "integrity": "sha512-tpZZ+EX0gaghDAiFR37hj5MgY6ZN55kLiPkJsKxBMZ6GZdOSPJXiOzPM984oPYZ5AnehYx5WQp1+ME8I/P/pRA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/use-latest": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/use-latest/-/use-latest-1.3.0.tgz",
+      "integrity": "sha512-mhg3xdm9NaM8q+gLT8KryJPnRFOz1/5XPBhmDEVZK1webPzDjrPk7f/mbpeLqTgB9msytYWANxgALOCJKnLvcQ==",
+      "license": "MIT",
+      "dependencies": {
+        "use-isomorphic-layout-effect": "^1.1.1"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/use-sidecar": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/use-sidecar/-/use-sidecar-1.1.3.tgz",
+      "integrity": "sha512-Fedw0aZvkhynoPYlA5WXrMCAMm+nSWdZt6lzJQ7Ok8S6Q+VsHmHpRWndVRJ8Be0ZbkfPc5LRYH+5XrzXcEeLRQ==",
+      "license": "MIT",
+      "dependencies": {
+        "detect-node-es": "^1.1.0",
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/use-sync-external-store": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.6.0.tgz",
+      "integrity": "sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/vaul": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vaul/-/vaul-1.1.2.tgz",
+      "integrity": "sha512-ZFkClGpWyI2WUQjdLJ/BaGuV6AVQiJ3uELGk3OYtP+B6yCO7Cmn9vPFXVJkRaGkOJu3m8bQMgtyzNHixULceQA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-dialog": "^1.1.1"
+      },
+      "peerDependencies": {
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc"
+      }
+    },
+    "node_modules/victory-vendor": {
+      "version": "36.9.2",
+      "resolved": "https://registry.npmjs.org/victory-vendor/-/victory-vendor-36.9.2.tgz",
+      "integrity": "sha512-PnpQQMuxlwYdocC8fIJqVXvkeViHYzotI+NJrCuav0ZYFoq912ZHBk3mCeuj+5/VpodOjPe1z0Fk2ihgzlXqjQ==",
+      "license": "MIT AND ISC",
+      "dependencies": {
+        "@types/d3-array": "^3.0.3",
+        "@types/d3-ease": "^3.0.0",
+        "@types/d3-interpolate": "^3.0.1",
+        "@types/d3-scale": "^4.0.2",
+        "@types/d3-shape": "^3.1.0",
+        "@types/d3-time": "^3.0.0",
+        "@types/d3-timer": "^3.0.0",
+        "d3-array": "^3.1.6",
+        "d3-ease": "^3.0.1",
+        "d3-interpolate": "^3.0.1",
+        "d3-scale": "^4.0.2",
+        "d3-shape": "^3.1.0",
+        "d3-time": "^3.0.0",
+        "d3-timer": "^3.0.1"
+      }
+    },
+    "node_modules/yallist": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-5.0.0.tgz",
+      "integrity": "sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==",
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/yaml": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
+      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
+      "license": "ISC",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/zod": {
+      "version": "4.1.12",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-4.1.12.tgz",
+      "integrity": "sha512-JInaHOamG8pt5+Ey8kGmdcAcg3OL9reK8ltczgHTAwNhMys/6ThXHityHxVV2p3fkw/c+MAvBHFVYHFZDmjMCQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..7cbdddd
--- /dev/null
+++ b/package.json
@@ -0,0 +1,83 @@
+{
+  "name": "next-express-ts-app-frontend",
+  "version": "1.0.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "generate:db-types": "node scripts/generate-db-types.js",
+    "prisma:pull": "npx prisma db pull --schema=prisma/schema.prisma --print",
+    "generate:db-types:prisma": "node scripts/prisma-to-dbtypes.js"
+  },
+  "dependencies": {
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/modifiers": "^9.0.0",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "@emotion/css": "^11.13.5",
+    "@floating-ui/react": "^0.27.16",
+    "@prisma/client": "^6.17.1",
+    "@radix-ui/react-avatar": "^1.1.10",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-icons": "^1.3.2",
+    "@radix-ui/react-label": "^2.1.7",
+    "@radix-ui/react-scroll-area": "^1.2.10",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.7",
+    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-toggle": "^1.1.10",
+    "@radix-ui/react-toggle-group": "^1.1.11",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@reduxjs/toolkit": "^1.9.5",
+    "@tabler/icons-react": "^3.35.0",
+    "@tailwindcss/postcss": "^4.1.14",
+    "@tanstack/react-table": "^8.21.3",
+    "@types/lodash.debounce": "^4.0.9",
+    "@types/lodash.get": "^4.4.9",
+    "@types/lodash.uniqby": "^4.7.9",
+    "class-variance-authority": "^0.7.1",
+    "classnames": "^2.5.1",
+    "clsx": "^2.1.1",
+    "dayjs": "^1.11.18",
+    "lodash.debounce": "^4.0.8",
+    "lodash.get": "^4.4.2",
+    "lodash.uniqby": "^4.7.0",
+    "lucide-react": "^0.545.0",
+    "next": "latest",
+    "next-themes": "^0.4.6",
+    "react": "latest",
+    "react-colorful": "^5.6.1",
+    "react-dom": "latest",
+    "react-hook-form": "^7.45.0",
+    "react-redux": "^8.1.2",
+    "react-resizable": "^3.0.5",
+    "react-resizable-panels": "^3.0.6",
+    "react-select": "^5.8.0",
+    "react-select-async-paginate": "^0.7.9",
+    "recharts": "^2.15.4",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^3.3.1",
+    "tailwindcss": "^4.1.14",
+    "tinycolor2": "^1.6.0",
+    "tw-animate-css": "^1.4.0",
+    "vaul": "^1.1.2",
+    "zod": "^4.1.12"
+  },
+  "devDependencies": {
+    "@types/classnames": "^2.3.0",
+    "@types/node": "24.7.2",
+    "@types/react": "latest",
+    "@types/react-dom": "latest",
+    "@types/react-resizable": "^3.0.8",
+    "@types/tinycolor2": "^1.4.6",
+    "autoprefixer": "^10.4.21",
+    "postcss": "^8.5.6",
+    "prisma": "^6.17.1",
+    "tailwindcss": "^4.1.14",
+    "typescript": "latest"
+  }
+}
diff --git a/postcss.config.mjs b/postcss.config.mjs
new file mode 100644
index 0000000..61e3684
--- /dev/null
+++ b/postcss.config.mjs
@@ -0,0 +1,7 @@
+const config = {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};
+
+export default config;
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
new file mode 100644
index 0000000..d5c0f95
--- /dev/null
+++ b/prisma/schema.prisma
@@ -0,0 +1,166 @@
+generator client {
+  provider = "prisma-client-js"
+  output   = "./node_modules/@prisma/client"
+}
+
+datasource db {
+  provider = "postgresql"
+  url      = "postgresql://postgres:gEJIfovgvDAroHhqRiKhYVvrkn2OqXfF3tw8xJmnvw7JhrZgN24pTD9iWMIUIUL6@prasi.avolut.com:8741/kig-bank"
+}
+
+model access {
+  access_id    String   @id @default(dbgenerated("gen_random_uuid()")) @db.Uuid
+  user_id      String   @db.Uuid
+  access_type  String   @db.VarChar(50)
+  access_value String
+  is_created   Boolean  @default(false)
+  is_updated   Boolean  @default(false)
+  is_deleted   Boolean  @default(false)
+  is_active    Boolean  @default(true)
+  created_at   DateTime @default(now()) @db.Timestamptz(6)
+  updated_at   DateTime @default(now()) @db.Timestamptz(6)
+  read_only    Boolean  @default(true)
+  users        users    @relation(fields: [user_id], references: [user_id], onDelete: NoAction, onUpdate: NoAction)
+
+  @@unique([user_id, access_type])
+}
+
+model activity_logs {
+  log_id     String   @id @default(dbgenerated("gen_random_uuid()")) @db.Uuid
+  user_id    String   @db.Uuid
+  action     String   @db.VarChar(100)
+  status     String   @db.VarChar(50)
+  message    String?
+  extra_json Json?
+  created_at DateTime @default(now()) @db.Timestamptz(6)
+  users      users    @relation(fields: [user_id], references: [user_id], onDelete: NoAction, onUpdate: NoAction)
+}
+
+model auth_logs {
+  log_id     String   @id @default(dbgenerated("gen_random_uuid()")) @db.Uuid
+  user_id    String   @db.Uuid
+  action     String   @db.VarChar(100)
+  status     String   @db.VarChar(50)
+  message    String?
+  extra_json Json?
+  created_at DateTime @default(now()) @db.Timestamptz(6)
+  users      users    @relation(fields: [user_id], references: [user_id], onDelete: NoAction, onUpdate: NoAction)
+}
+
+model banks {
+  bank_id    String   @id @default(dbgenerated("gen_random_uuid()")) @db.Uuid
+  code       String   @unique @db.VarChar(50)
+  name       String   @db.VarChar(150)
+  is_active  Boolean  @default(true)
+  created_at DateTime @default(now()) @db.Timestamptz(6)
+  updated_at DateTime @default(now()) @db.Timestamptz(6)
+  users      users[]
+}
+
+model dashboards {
+  dashboard_id String   @id @default(dbgenerated("gen_random_uuid()")) @db.Uuid
+  user_id      String   @db.Uuid
+  title        String   @db.VarChar(150)
+  value        Decimal  @db.Decimal(20, 2)
+  date         DateTime @default(now()) @db.Timestamptz(6)
+  is_active    Boolean  @default(true)
+  created_at   DateTime @default(now()) @db.Timestamptz(6)
+  updated_at   DateTime @default(now()) @db.Timestamptz(6)
+  users        users    @relation(fields: [user_id], references: [user_id], onDelete: NoAction, onUpdate: NoAction)
+}
+
+model parameters {
+  parameter_id String   @id @default(dbgenerated("gen_random_uuid()")) @db.Uuid
+  user_id      String   @db.Uuid
+  param_key    String   @db.VarChar(100)
+  param_value  String
+  is_active    Boolean  @default(true)
+  created_at   DateTime @default(now()) @db.Timestamptz(6)
+  updated_at   DateTime @default(now()) @db.Timestamptz(6)
+  users        users    @relation(fields: [user_id], references: [user_id], onDelete: NoAction, onUpdate: NoAction)
+
+  @@unique([user_id, param_key])
+}
+
+model sessions {
+  session_id String    @id @default(dbgenerated("gen_random_uuid()")) @db.Uuid
+  user_id    String    @db.Uuid
+  token_hash String    @db.VarChar(128)
+  expires_at DateTime? @db.Timestamptz(6)
+  is_revoked Boolean   @default(false)
+  created_at DateTime  @default(now()) @db.Timestamptz(6)
+  updated_at DateTime  @default(now()) @db.Timestamptz(6)
+  users      users     @relation(fields: [user_id], references: [user_id], onDelete: NoAction, onUpdate: NoAction)
+
+  @@index([token_hash])
+  @@index([user_id])
+}
+
+model tenants {
+  tenant_id  String   @id @default(dbgenerated("gen_random_uuid()")) @db.Uuid
+  code       String   @unique @db.VarChar(50)
+  name       String   @db.VarChar(150)
+  is_active  Boolean  @default(true)
+  created_at DateTime @default(now()) @db.Timestamptz(6)
+  updated_at DateTime @default(now()) @db.Timestamptz(6)
+  users      users?
+}
+
+model user_access {
+  access_id    String   @id @default(dbgenerated("gen_random_uuid()")) @db.Uuid
+  user_id      String   @db.Uuid
+  access_type  String   @db.VarChar(50)
+  access_value String
+  is_active    Boolean  @default(true)
+  created_at   DateTime @default(now()) @db.Timestamptz(6)
+  updated_at   DateTime @default(now()) @db.Timestamptz(6)
+  users        users    @relation(fields: [user_id], references: [user_id], onDelete: NoAction, onUpdate: NoAction)
+
+  @@unique([user_id, access_type])
+}
+
+model users {
+  user_id          String          @id @default(dbgenerated("gen_random_uuid()")) @db.Uuid
+  tenant_id        String          @unique @db.Uuid
+  bank_id          String          @db.Uuid
+  partnerserviceid String?
+  client_id        String?
+  client_secret    String?
+  api_key          String?
+  api_secret       String?
+  username         String?
+  password         String?
+  token_access     String?
+  token_refresh    String?
+  token_expiry     DateTime?       @db.Timestamptz(6)
+  extra_json       Json?
+  is_active        Boolean         @default(true)
+  created_at       DateTime        @default(now()) @db.Timestamptz(6)
+  db_id            String?         @db.Uuid
+  last_login       DateTime?       @db.Timestamptz(6)
+  updated_at       DateTime        @default(now()) @db.Timestamptz(6)
+  access           access[]
+  activity_logs    activity_logs[]
+  auth_logs        auth_logs[]
+  dashboards       dashboards[]
+  parameters       parameters[]
+  sessions         sessions[]
+  user_access      user_access[]
+  banks            banks           @relation(fields: [bank_id], references: [bank_id], onDelete: NoAction, onUpdate: NoAction)
+  database         database?       @relation(fields: [db_id], references: [db_id], onDelete: NoAction, onUpdate: NoAction)
+  tenants          tenants         @relation(fields: [tenant_id], references: [tenant_id], onDelete: NoAction, onUpdate: NoAction)
+}
+
+model database {
+  db_id      String   @id @default(dbgenerated("gen_random_uuid()")) @db.Uuid
+  name       String   @unique @db.VarChar(100)
+  host       String   @db.VarChar(100)
+  port       Int
+  username   String   @db.VarChar(100)
+  password   String   @db.VarChar(100)
+  db_name    String   @db.VarChar(100)
+  is_active  Boolean  @default(true)
+  created_at DateTime @default(now()) @db.Timestamptz(6)
+  updated_at DateTime @default(now()) @db.Timestamptz(6)
+  users      users[]
+}
diff --git a/scripts/generate-db-types.js b/scripts/generate-db-types.js
new file mode 100644
index 0000000..bfc9015
--- /dev/null
+++ b/scripts/generate-db-types.js
@@ -0,0 +1,56 @@
+const fs = require("fs");
+const path = require("path");
+
+const schemaPath = path.resolve(process.cwd(), "db-schema.json");
+const outPath = path.resolve(process.cwd(), "src", "types", "db-client.d.ts");
+
+if (!fs.existsSync(schemaPath)) {
+  console.error("db-schema.json not found");
+  process.exit(1);
+}
+
+const schema = JSON.parse(fs.readFileSync(schemaPath, "utf8"));
+const tables = schema.tables || {};
+
+function fieldTypeToTs(t) {
+  switch (t) {
+    case "number":
+      return "number";
+    case "string":
+      return "string";
+    case "boolean":
+      return "boolean";
+    default:
+      return "any";
+  }
+}
+
+let out = `// GENERATED FILE — edit db-schema.json and run npm run generate:db-types\n\n`;
+out += `type DBAction<TRequest = any, TResponse = any> = (payload?: TRequest) => Promise<TResponse>;\n\n`;
+
+out += `// Generated tables\n`;
+out += `interface DBTables {\n`;
+for (const [table, def] of Object.entries(tables)) {
+  out += `  ${table}: {\n`;
+  out += `    create: DBAction<{ data: Partial<{`;
+  const fields = def.fields || {};
+  const fPairs = Object.entries(fields).map(
+    ([n, t]) => `${n}: ${fieldTypeToTs(t)}`
+  );
+  out += fPairs.join("; ");
+  out += `}> }, any>;\n`;
+  out += `    update: DBAction<{ where: any; data: any }, any>;\n`;
+  out += `    delete: DBAction<{ where: any }, any>;\n`;
+  out += `    findFirst: DBAction<{ where?: any; include?: any; select?: any }, any>;\n`;
+  out += `    findMany: DBAction<any, any[]>;\n`;
+  out += `  };\n`;
+}
+out += `}\n\n`;
+
+out += `type DBClient = {\n  [K in keyof DBTables]: DBTables[K];\n} & { [table: string]: { [action: string]: DBAction<any, any> } };\n\n`;
+
+out += `declare module "@/lib/dbClient" {\n  const db: DBClient;\n  export default db;\n}\n`;
+
+fs.mkdirSync(path.dirname(outPath), { recursive: true });
+fs.writeFileSync(outPath, out, "utf8");
+console.log("Wrote", outPath);
diff --git a/scripts/prisma-to-dbtypes.js b/scripts/prisma-to-dbtypes.js
new file mode 100644
index 0000000..601bb81
--- /dev/null
+++ b/scripts/prisma-to-dbtypes.js
@@ -0,0 +1,59 @@
+const fs = require("fs");
+const path = require("path");
+
+// This script reads prisma/schema.prisma and extracts model names, then
+// generates src/types/db-client.d.ts similar to the JSON generator.
+
+const schemaPath = path.resolve(process.cwd(), "prisma", "schema.prisma");
+const outPath = path.resolve(process.cwd(), "src", "types", "db-client.d.ts");
+
+if (!fs.existsSync(schemaPath)) {
+  console.error("prisma/schema.prisma not found");
+  process.exit(1);
+}
+
+const content = fs.readFileSync(schemaPath, "utf8");
+
+// Very simple parser: find `model <Name> {` occurrences
+const modelRegex = /model\s+(\w+)\s+\{/g;
+let match;
+const models = [];
+while ((match = modelRegex.exec(content)) !== null) {
+  models.push(match[1]);
+}
+
+if (models.length === 0) {
+  console.warn(
+    "No models found in prisma/schema.prisma. Run `npx prisma db pull` first."
+  );
+}
+
+function toTableName(model) {
+  // Use the model name lowercased with no modifications so table names
+  // match the model names exactly (except for case).
+  return model.toLowerCase();
+}
+
+let out = `// GENERATED FILE — derived from prisma/schema.prisma (run scripts/prisma-to-dbtypes.js)\n\n`;
+out += `type DBAction<TRequest = any, TResponse = any> = (payload?: TRequest) => Promise<TResponse>;\n\n`;
+
+out += `interface DBTables {\n`;
+for (const m of models) {
+  const t = toTableName(m);
+  out += `  ${t}: {\n`;
+  out += `    create: DBAction<{ data: any }, any>;\n`;
+  out += `    update: DBAction<{ where: any; data: any }, any>;\n`;
+  out += `    delete: DBAction<{ where: any }, any>;\n`;
+  out += `    findFirst: DBAction<{ where?: any; include?: any; select?: any }, any>;\n`;
+  out += `    findMany: DBAction<any, any[]>;\n`;
+  out += `  };\n`;
+}
+out += `}\n\n`;
+
+out += `type DBClient = {\n  [K in keyof DBTables]: DBTables[K];\n} & { [table: string]: { [action: string]: DBAction<any, any> } };\n\n`;
+
+out += `declare module "@/lib/dbClient" {\n  const db: DBClient;\n  export default db;\n}\n`;
+
+fs.mkdirSync(path.dirname(outPath), { recursive: true });
+fs.writeFileSync(outPath, out, "utf8");
+console.log("Wrote", outPath, "with models:", models.join(", "));
diff --git a/src/app/d/bank/[id]/page.tsx b/src/app/d/bank/[id]/page.tsx
new file mode 100644
index 0000000..db74486
--- /dev/null
+++ b/src/app/d/bank/[id]/page.tsx
@@ -0,0 +1,30 @@
+import Protected from "@/components/Protected";
+import SetPageTitle from "@/components/SetPageTitle";
+import SetHeaderTitle from "@/components/SetHeaderTitle";
+import BankEditClient from "@/components/banks/BankEditClient";
+
+export const metadata = {
+  title: "Master Data - Bank",
+};
+
+export default async function Page({ params }: { params: { id: string } }) {
+  const { id } = params;
+
+  return (
+    <Protected>
+      {/* document/tab title */}
+      <SetPageTitle title={id === "new" ? "Create Bank" : "Edit Bank"} />
+      {/* header title / breadcrumb */}
+      <SetHeaderTitle
+        title={
+          id === "new"
+            ? [{ label: "Banks", url: "/d/bank" }, { label: "Create" }]
+            : [{ label: "Banks", url: "/d/bank" }, { label: "Edit" }]
+        }
+      />
+      <div className="p-2">
+        <BankEditClient id={id} />
+      </div>
+    </Protected>
+  );
+}
diff --git a/src/app/d/bank/page.tsx b/src/app/d/bank/page.tsx
new file mode 100644
index 0000000..6206209
--- /dev/null
+++ b/src/app/d/bank/page.tsx
@@ -0,0 +1,33 @@
+import RemoteDataTable from "@/components/RemoteDataTable";
+import Protected from "@/components/Protected";
+import SetPageTitle from "@/components/SetPageTitle";
+import SetHeaderTitle from "@/components/SetHeaderTitle";
+
+export const metadata = {
+  title: "Master Data - Bank",
+};
+
+export default function Page() {
+  return (
+    <Protected>
+      {/* document/tab title */}
+      <SetPageTitle title="Master Data - Bank" />
+      {/* header title / breadcrumb */}
+      <SetHeaderTitle title="Banks" />
+      <div className="p-2">
+        <RemoteDataTable
+          table="banks"
+          idField="bank_id"
+          columns={[
+            { name: "name", label: "Bank Name" },
+            { name: "code", label: "Bank Code" },
+          ]}
+          // pass a serializable URL pattern; client will resolve :field or {field}
+          urlData="/d/bank/:bank_id"
+          addSectionLabel="Add Bank"
+          addSectionUrl="/d/bank/new"
+        />
+      </div>
+    </Protected>
+  );
+}
diff --git a/src/app/d/dashboard/data.json b/src/app/d/dashboard/data.json
new file mode 100644
index 0000000..ec08736
--- /dev/null
+++ b/src/app/d/dashboard/data.json
@@ -0,0 +1,614 @@
+[
+  {
+    "id": 1,
+    "header": "Cover page",
+    "type": "Cover page",
+    "status": "In Process",
+    "target": "18",
+    "limit": "5",
+    "reviewer": "Eddie Lake"
+  },
+  {
+    "id": 2,
+    "header": "Table of contents",
+    "type": "Table of contents",
+    "status": "Done",
+    "target": "29",
+    "limit": "24",
+    "reviewer": "Eddie Lake"
+  },
+  {
+    "id": 3,
+    "header": "Executive summary",
+    "type": "Narrative",
+    "status": "Done",
+    "target": "10",
+    "limit": "13",
+    "reviewer": "Eddie Lake"
+  },
+  {
+    "id": 4,
+    "header": "Technical approach",
+    "type": "Narrative",
+    "status": "Done",
+    "target": "27",
+    "limit": "23",
+    "reviewer": "Jamik Tashpulatov"
+  },
+  {
+    "id": 5,
+    "header": "Design",
+    "type": "Narrative",
+    "status": "In Process",
+    "target": "2",
+    "limit": "16",
+    "reviewer": "Jamik Tashpulatov"
+  },
+  {
+    "id": 6,
+    "header": "Capabilities",
+    "type": "Narrative",
+    "status": "In Process",
+    "target": "20",
+    "limit": "8",
+    "reviewer": "Jamik Tashpulatov"
+  },
+  {
+    "id": 7,
+    "header": "Integration with existing systems",
+    "type": "Narrative",
+    "status": "In Process",
+    "target": "19",
+    "limit": "21",
+    "reviewer": "Jamik Tashpulatov"
+  },
+  {
+    "id": 8,
+    "header": "Innovation and Advantages",
+    "type": "Narrative",
+    "status": "Done",
+    "target": "25",
+    "limit": "26",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 9,
+    "header": "Overview of EMR's Innovative Solutions",
+    "type": "Technical content",
+    "status": "Done",
+    "target": "7",
+    "limit": "23",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 10,
+    "header": "Advanced Algorithms and Machine Learning",
+    "type": "Narrative",
+    "status": "Done",
+    "target": "30",
+    "limit": "28",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 11,
+    "header": "Adaptive Communication Protocols",
+    "type": "Narrative",
+    "status": "Done",
+    "target": "9",
+    "limit": "31",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 12,
+    "header": "Advantages Over Current Technologies",
+    "type": "Narrative",
+    "status": "Done",
+    "target": "12",
+    "limit": "0",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 13,
+    "header": "Past Performance",
+    "type": "Narrative",
+    "status": "Done",
+    "target": "22",
+    "limit": "33",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 14,
+    "header": "Customer Feedback and Satisfaction Levels",
+    "type": "Narrative",
+    "status": "Done",
+    "target": "15",
+    "limit": "34",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 15,
+    "header": "Implementation Challenges and Solutions",
+    "type": "Narrative",
+    "status": "Done",
+    "target": "3",
+    "limit": "35",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 16,
+    "header": "Security Measures and Data Protection Policies",
+    "type": "Narrative",
+    "status": "In Process",
+    "target": "6",
+    "limit": "36",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 17,
+    "header": "Scalability and Future Proofing",
+    "type": "Narrative",
+    "status": "Done",
+    "target": "4",
+    "limit": "37",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 18,
+    "header": "Cost-Benefit Analysis",
+    "type": "Plain language",
+    "status": "Done",
+    "target": "14",
+    "limit": "38",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 19,
+    "header": "User Training and Onboarding Experience",
+    "type": "Narrative",
+    "status": "Done",
+    "target": "17",
+    "limit": "39",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 20,
+    "header": "Future Development Roadmap",
+    "type": "Narrative",
+    "status": "Done",
+    "target": "11",
+    "limit": "40",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 21,
+    "header": "System Architecture Overview",
+    "type": "Technical content",
+    "status": "In Process",
+    "target": "24",
+    "limit": "18",
+    "reviewer": "Maya Johnson"
+  },
+  {
+    "id": 22,
+    "header": "Risk Management Plan",
+    "type": "Narrative",
+    "status": "Done",
+    "target": "15",
+    "limit": "22",
+    "reviewer": "Carlos Rodriguez"
+  },
+  {
+    "id": 23,
+    "header": "Compliance Documentation",
+    "type": "Legal",
+    "status": "In Process",
+    "target": "31",
+    "limit": "27",
+    "reviewer": "Sarah Chen"
+  },
+  {
+    "id": 24,
+    "header": "API Documentation",
+    "type": "Technical content",
+    "status": "Done",
+    "target": "8",
+    "limit": "12",
+    "reviewer": "Raj Patel"
+  },
+  {
+    "id": 25,
+    "header": "User Interface Mockups",
+    "type": "Visual",
+    "status": "In Process",
+    "target": "19",
+    "limit": "25",
+    "reviewer": "Leila Ahmadi"
+  },
+  {
+    "id": 26,
+    "header": "Database Schema",
+    "type": "Technical content",
+    "status": "Done",
+    "target": "22",
+    "limit": "20",
+    "reviewer": "Thomas Wilson"
+  },
+  {
+    "id": 27,
+    "header": "Testing Methodology",
+    "type": "Technical content",
+    "status": "In Process",
+    "target": "17",
+    "limit": "14",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 28,
+    "header": "Deployment Strategy",
+    "type": "Narrative",
+    "status": "Done",
+    "target": "26",
+    "limit": "30",
+    "reviewer": "Eddie Lake"
+  },
+  {
+    "id": 29,
+    "header": "Budget Breakdown",
+    "type": "Financial",
+    "status": "In Process",
+    "target": "13",
+    "limit": "16",
+    "reviewer": "Jamik Tashpulatov"
+  },
+  {
+    "id": 30,
+    "header": "Market Analysis",
+    "type": "Research",
+    "status": "Done",
+    "target": "29",
+    "limit": "32",
+    "reviewer": "Sophia Martinez"
+  },
+  {
+    "id": 31,
+    "header": "Competitor Comparison",
+    "type": "Research",
+    "status": "In Process",
+    "target": "21",
+    "limit": "19",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 32,
+    "header": "Maintenance Plan",
+    "type": "Technical content",
+    "status": "Done",
+    "target": "16",
+    "limit": "23",
+    "reviewer": "Alex Thompson"
+  },
+  {
+    "id": 33,
+    "header": "User Personas",
+    "type": "Research",
+    "status": "In Process",
+    "target": "27",
+    "limit": "24",
+    "reviewer": "Nina Patel"
+  },
+  {
+    "id": 34,
+    "header": "Accessibility Compliance",
+    "type": "Legal",
+    "status": "Done",
+    "target": "18",
+    "limit": "21",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 35,
+    "header": "Performance Metrics",
+    "type": "Technical content",
+    "status": "In Process",
+    "target": "23",
+    "limit": "26",
+    "reviewer": "David Kim"
+  },
+  {
+    "id": 36,
+    "header": "Disaster Recovery Plan",
+    "type": "Technical content",
+    "status": "Done",
+    "target": "14",
+    "limit": "17",
+    "reviewer": "Jamik Tashpulatov"
+  },
+  {
+    "id": 37,
+    "header": "Third-party Integrations",
+    "type": "Technical content",
+    "status": "In Process",
+    "target": "25",
+    "limit": "28",
+    "reviewer": "Eddie Lake"
+  },
+  {
+    "id": 38,
+    "header": "User Feedback Summary",
+    "type": "Research",
+    "status": "Done",
+    "target": "20",
+    "limit": "15",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 39,
+    "header": "Localization Strategy",
+    "type": "Narrative",
+    "status": "In Process",
+    "target": "12",
+    "limit": "19",
+    "reviewer": "Maria Garcia"
+  },
+  {
+    "id": 40,
+    "header": "Mobile Compatibility",
+    "type": "Technical content",
+    "status": "Done",
+    "target": "28",
+    "limit": "31",
+    "reviewer": "James Wilson"
+  },
+  {
+    "id": 41,
+    "header": "Data Migration Plan",
+    "type": "Technical content",
+    "status": "In Process",
+    "target": "19",
+    "limit": "22",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 42,
+    "header": "Quality Assurance Protocols",
+    "type": "Technical content",
+    "status": "Done",
+    "target": "30",
+    "limit": "33",
+    "reviewer": "Priya Singh"
+  },
+  {
+    "id": 43,
+    "header": "Stakeholder Analysis",
+    "type": "Research",
+    "status": "In Process",
+    "target": "11",
+    "limit": "14",
+    "reviewer": "Eddie Lake"
+  },
+  {
+    "id": 44,
+    "header": "Environmental Impact Assessment",
+    "type": "Research",
+    "status": "Done",
+    "target": "24",
+    "limit": "27",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 45,
+    "header": "Intellectual Property Rights",
+    "type": "Legal",
+    "status": "In Process",
+    "target": "17",
+    "limit": "20",
+    "reviewer": "Sarah Johnson"
+  },
+  {
+    "id": 46,
+    "header": "Customer Support Framework",
+    "type": "Narrative",
+    "status": "Done",
+    "target": "22",
+    "limit": "25",
+    "reviewer": "Jamik Tashpulatov"
+  },
+  {
+    "id": 47,
+    "header": "Version Control Strategy",
+    "type": "Technical content",
+    "status": "In Process",
+    "target": "15",
+    "limit": "18",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 48,
+    "header": "Continuous Integration Pipeline",
+    "type": "Technical content",
+    "status": "Done",
+    "target": "26",
+    "limit": "29",
+    "reviewer": "Michael Chen"
+  },
+  {
+    "id": 49,
+    "header": "Regulatory Compliance",
+    "type": "Legal",
+    "status": "In Process",
+    "target": "13",
+    "limit": "16",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 50,
+    "header": "User Authentication System",
+    "type": "Technical content",
+    "status": "Done",
+    "target": "28",
+    "limit": "31",
+    "reviewer": "Eddie Lake"
+  },
+  {
+    "id": 51,
+    "header": "Data Analytics Framework",
+    "type": "Technical content",
+    "status": "In Process",
+    "target": "21",
+    "limit": "24",
+    "reviewer": "Jamik Tashpulatov"
+  },
+  {
+    "id": 52,
+    "header": "Cloud Infrastructure",
+    "type": "Technical content",
+    "status": "Done",
+    "target": "16",
+    "limit": "19",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 53,
+    "header": "Network Security Measures",
+    "type": "Technical content",
+    "status": "In Process",
+    "target": "29",
+    "limit": "32",
+    "reviewer": "Lisa Wong"
+  },
+  {
+    "id": 54,
+    "header": "Project Timeline",
+    "type": "Planning",
+    "status": "Done",
+    "target": "14",
+    "limit": "17",
+    "reviewer": "Eddie Lake"
+  },
+  {
+    "id": 55,
+    "header": "Resource Allocation",
+    "type": "Planning",
+    "status": "In Process",
+    "target": "27",
+    "limit": "30",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 56,
+    "header": "Team Structure and Roles",
+    "type": "Planning",
+    "status": "Done",
+    "target": "20",
+    "limit": "23",
+    "reviewer": "Jamik Tashpulatov"
+  },
+  {
+    "id": 57,
+    "header": "Communication Protocols",
+    "type": "Planning",
+    "status": "In Process",
+    "target": "15",
+    "limit": "18",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 58,
+    "header": "Success Metrics",
+    "type": "Planning",
+    "status": "Done",
+    "target": "30",
+    "limit": "33",
+    "reviewer": "Eddie Lake"
+  },
+  {
+    "id": 59,
+    "header": "Internationalization Support",
+    "type": "Technical content",
+    "status": "In Process",
+    "target": "23",
+    "limit": "26",
+    "reviewer": "Jamik Tashpulatov"
+  },
+  {
+    "id": 60,
+    "header": "Backup and Recovery Procedures",
+    "type": "Technical content",
+    "status": "Done",
+    "target": "18",
+    "limit": "21",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 61,
+    "header": "Monitoring and Alerting System",
+    "type": "Technical content",
+    "status": "In Process",
+    "target": "25",
+    "limit": "28",
+    "reviewer": "Daniel Park"
+  },
+  {
+    "id": 62,
+    "header": "Code Review Guidelines",
+    "type": "Technical content",
+    "status": "Done",
+    "target": "12",
+    "limit": "15",
+    "reviewer": "Eddie Lake"
+  },
+  {
+    "id": 63,
+    "header": "Documentation Standards",
+    "type": "Technical content",
+    "status": "In Process",
+    "target": "27",
+    "limit": "30",
+    "reviewer": "Jamik Tashpulatov"
+  },
+  {
+    "id": 64,
+    "header": "Release Management Process",
+    "type": "Planning",
+    "status": "Done",
+    "target": "22",
+    "limit": "25",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 65,
+    "header": "Feature Prioritization Matrix",
+    "type": "Planning",
+    "status": "In Process",
+    "target": "19",
+    "limit": "22",
+    "reviewer": "Emma Davis"
+  },
+  {
+    "id": 66,
+    "header": "Technical Debt Assessment",
+    "type": "Technical content",
+    "status": "Done",
+    "target": "24",
+    "limit": "27",
+    "reviewer": "Eddie Lake"
+  },
+  {
+    "id": 67,
+    "header": "Capacity Planning",
+    "type": "Planning",
+    "status": "In Process",
+    "target": "21",
+    "limit": "24",
+    "reviewer": "Jamik Tashpulatov"
+  },
+  {
+    "id": 68,
+    "header": "Service Level Agreements",
+    "type": "Legal",
+    "status": "Done",
+    "target": "26",
+    "limit": "29",
+    "reviewer": "Assign reviewer"
+  }
+]
diff --git a/src/app/d/dashboard/page.tsx b/src/app/d/dashboard/page.tsx
new file mode 100644
index 0000000..3174321
--- /dev/null
+++ b/src/app/d/dashboard/page.tsx
@@ -0,0 +1,16 @@
+import { ChartAreaInteractive } from "@/components/chart-area-interactive";
+import { SectionCards } from "@/components/section-cards";
+import Protected from "@/components/Protected";
+
+export default function Page() {
+  return (
+    <Protected>
+      <div className="flex flex-col gap-4 py-4 md:gap-6 md:py-6">
+        <SectionCards />
+        <div className="px-4 lg:px-6">
+          <ChartAreaInteractive />
+        </div>
+      </div>
+    </Protected>
+  );
+}
diff --git a/src/app/d/database/[id]/page.tsx b/src/app/d/database/[id]/page.tsx
new file mode 100644
index 0000000..d462548
--- /dev/null
+++ b/src/app/d/database/[id]/page.tsx
@@ -0,0 +1,68 @@
+import Protected from "@/components/Protected";
+import SetPageTitle from "@/components/SetPageTitle";
+import SetHeaderTitle from "@/components/SetHeaderTitle";
+import DatabaseFormClient from "@/components/DatabaseFormClient";
+import { callDbServer } from "@/lib/dbServer";
+
+export default async function Page({ params }: { params: any }) {
+  const { id } = await params;
+
+  if (id === "new") {
+    return (
+      <Protected>
+        <SetPageTitle title="Database - New" />
+        <SetHeaderTitle
+          title={[
+            { label: "Databases", url: "/d/database" },
+            { label: "Create" },
+          ]}
+        />
+        <div className="p-2">
+          {/* @ts-ignore client component */}
+          <DatabaseFormClient id={id} />
+        </div>
+      </Protected>
+    );
+  }
+
+  const rec = await callDbServer("database", "findFirst", {
+    where: { db_id: id },
+  });
+
+  if (!rec) {
+    return (
+      <Protected>
+        <SetPageTitle title="Database - Not Found" />
+        <SetHeaderTitle title="Database - Not Found" />
+        <div className="p-4">
+          <h2 className="text-lg font-semibold">Data not found</h2>
+          <p className="text-sm text-muted-foreground mt-2">
+            The database record does not exist.
+          </p>
+          <div className="mt-4">
+            <a href="/d/database" className="text-primary underline">
+              Back to Databases
+            </a>
+          </div>
+        </div>
+      </Protected>
+    );
+  }
+
+  return (
+    <Protected>
+      <SetPageTitle title={`Database - ${rec?.name ?? id}`} />
+      <SetHeaderTitle
+        title={
+          id === "new"
+            ? [{ label: "Database", url: "/d/database" }, { label: "Create" }]
+            : [{ label: "Database", url: "/d/database" }, { label: "Detail" }]
+        }
+      />
+      <div className="p-2">
+        {/* @ts-ignore client component */}
+        <DatabaseFormClient id={id} defaults={rec} />
+      </div>
+    </Protected>
+  );
+}
diff --git a/src/app/d/database/page.tsx b/src/app/d/database/page.tsx
new file mode 100644
index 0000000..c30962e
--- /dev/null
+++ b/src/app/d/database/page.tsx
@@ -0,0 +1,31 @@
+import Protected from "@/components/Protected";
+import SetPageTitle from "@/components/SetPageTitle";
+import SetHeaderTitle from "@/components/SetHeaderTitle";
+import RemoteDataTable from "@/components/RemoteDataTable";
+
+export const metadata = {
+  title: "Master Data - Database",
+};
+
+export default function Page() {
+  return (
+    <Protected>
+      <SetPageTitle title="Master Data - Database" />
+      <SetHeaderTitle title="Databases" />
+      <div className="p-2">
+        <RemoteDataTable
+          table="database"
+          idField="db_id"
+          columns={[
+            { name: "name", label: "Name" },
+            { name: "host", label: "Host" },
+            { name: "db_name", label: "Database" },
+          ]}
+          urlData="/d/database/:id"
+          addSectionLabel="Add Database"
+          addSectionUrl="/d/database/new"
+        />
+      </div>
+    </Protected>
+  );
+}
diff --git a/src/app/d/layout.tsx b/src/app/d/layout.tsx
new file mode 100644
index 0000000..da2076a
--- /dev/null
+++ b/src/app/d/layout.tsx
@@ -0,0 +1,40 @@
+import "@/app/globals.css";
+import { AppSidebar } from "@/components/app-sidebar";
+import { SiteHeader } from "@/components/site-header";
+import { SidebarInset, SidebarProvider } from "@/components/ui/sidebar";
+import Protected from "@/components/Protected";
+export const metadata = {
+  title: "Next.js",
+  description: "Generated by Next.js",
+};
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <Protected>
+      <SidebarProvider
+        style={
+          {
+            "--sidebar-width": "calc(var(--spacing) * 72)",
+            "--header-height": "calc(var(--spacing) * 12)",
+          } as React.CSSProperties
+        }
+      >
+        <AppSidebar variant="inset" />
+        <SidebarInset>
+          <SiteHeader />
+          <div className="flex flex-1 flex-col">
+            <div className="@container/main flex flex-1 flex-col gap-2">
+              <div className="flex flex-col gap-4 py-4 md:gap-6 md:py-6 flex-1">
+                {children}
+              </div>
+            </div>
+          </div>
+        </SidebarInset>
+      </SidebarProvider>
+    </Protected>
+  );
+}
diff --git a/src/app/d/menu.json b/src/app/d/menu.json
new file mode 100644
index 0000000..ec08736
--- /dev/null
+++ b/src/app/d/menu.json
@@ -0,0 +1,614 @@
+[
+  {
+    "id": 1,
+    "header": "Cover page",
+    "type": "Cover page",
+    "status": "In Process",
+    "target": "18",
+    "limit": "5",
+    "reviewer": "Eddie Lake"
+  },
+  {
+    "id": 2,
+    "header": "Table of contents",
+    "type": "Table of contents",
+    "status": "Done",
+    "target": "29",
+    "limit": "24",
+    "reviewer": "Eddie Lake"
+  },
+  {
+    "id": 3,
+    "header": "Executive summary",
+    "type": "Narrative",
+    "status": "Done",
+    "target": "10",
+    "limit": "13",
+    "reviewer": "Eddie Lake"
+  },
+  {
+    "id": 4,
+    "header": "Technical approach",
+    "type": "Narrative",
+    "status": "Done",
+    "target": "27",
+    "limit": "23",
+    "reviewer": "Jamik Tashpulatov"
+  },
+  {
+    "id": 5,
+    "header": "Design",
+    "type": "Narrative",
+    "status": "In Process",
+    "target": "2",
+    "limit": "16",
+    "reviewer": "Jamik Tashpulatov"
+  },
+  {
+    "id": 6,
+    "header": "Capabilities",
+    "type": "Narrative",
+    "status": "In Process",
+    "target": "20",
+    "limit": "8",
+    "reviewer": "Jamik Tashpulatov"
+  },
+  {
+    "id": 7,
+    "header": "Integration with existing systems",
+    "type": "Narrative",
+    "status": "In Process",
+    "target": "19",
+    "limit": "21",
+    "reviewer": "Jamik Tashpulatov"
+  },
+  {
+    "id": 8,
+    "header": "Innovation and Advantages",
+    "type": "Narrative",
+    "status": "Done",
+    "target": "25",
+    "limit": "26",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 9,
+    "header": "Overview of EMR's Innovative Solutions",
+    "type": "Technical content",
+    "status": "Done",
+    "target": "7",
+    "limit": "23",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 10,
+    "header": "Advanced Algorithms and Machine Learning",
+    "type": "Narrative",
+    "status": "Done",
+    "target": "30",
+    "limit": "28",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 11,
+    "header": "Adaptive Communication Protocols",
+    "type": "Narrative",
+    "status": "Done",
+    "target": "9",
+    "limit": "31",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 12,
+    "header": "Advantages Over Current Technologies",
+    "type": "Narrative",
+    "status": "Done",
+    "target": "12",
+    "limit": "0",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 13,
+    "header": "Past Performance",
+    "type": "Narrative",
+    "status": "Done",
+    "target": "22",
+    "limit": "33",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 14,
+    "header": "Customer Feedback and Satisfaction Levels",
+    "type": "Narrative",
+    "status": "Done",
+    "target": "15",
+    "limit": "34",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 15,
+    "header": "Implementation Challenges and Solutions",
+    "type": "Narrative",
+    "status": "Done",
+    "target": "3",
+    "limit": "35",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 16,
+    "header": "Security Measures and Data Protection Policies",
+    "type": "Narrative",
+    "status": "In Process",
+    "target": "6",
+    "limit": "36",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 17,
+    "header": "Scalability and Future Proofing",
+    "type": "Narrative",
+    "status": "Done",
+    "target": "4",
+    "limit": "37",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 18,
+    "header": "Cost-Benefit Analysis",
+    "type": "Plain language",
+    "status": "Done",
+    "target": "14",
+    "limit": "38",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 19,
+    "header": "User Training and Onboarding Experience",
+    "type": "Narrative",
+    "status": "Done",
+    "target": "17",
+    "limit": "39",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 20,
+    "header": "Future Development Roadmap",
+    "type": "Narrative",
+    "status": "Done",
+    "target": "11",
+    "limit": "40",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 21,
+    "header": "System Architecture Overview",
+    "type": "Technical content",
+    "status": "In Process",
+    "target": "24",
+    "limit": "18",
+    "reviewer": "Maya Johnson"
+  },
+  {
+    "id": 22,
+    "header": "Risk Management Plan",
+    "type": "Narrative",
+    "status": "Done",
+    "target": "15",
+    "limit": "22",
+    "reviewer": "Carlos Rodriguez"
+  },
+  {
+    "id": 23,
+    "header": "Compliance Documentation",
+    "type": "Legal",
+    "status": "In Process",
+    "target": "31",
+    "limit": "27",
+    "reviewer": "Sarah Chen"
+  },
+  {
+    "id": 24,
+    "header": "API Documentation",
+    "type": "Technical content",
+    "status": "Done",
+    "target": "8",
+    "limit": "12",
+    "reviewer": "Raj Patel"
+  },
+  {
+    "id": 25,
+    "header": "User Interface Mockups",
+    "type": "Visual",
+    "status": "In Process",
+    "target": "19",
+    "limit": "25",
+    "reviewer": "Leila Ahmadi"
+  },
+  {
+    "id": 26,
+    "header": "Database Schema",
+    "type": "Technical content",
+    "status": "Done",
+    "target": "22",
+    "limit": "20",
+    "reviewer": "Thomas Wilson"
+  },
+  {
+    "id": 27,
+    "header": "Testing Methodology",
+    "type": "Technical content",
+    "status": "In Process",
+    "target": "17",
+    "limit": "14",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 28,
+    "header": "Deployment Strategy",
+    "type": "Narrative",
+    "status": "Done",
+    "target": "26",
+    "limit": "30",
+    "reviewer": "Eddie Lake"
+  },
+  {
+    "id": 29,
+    "header": "Budget Breakdown",
+    "type": "Financial",
+    "status": "In Process",
+    "target": "13",
+    "limit": "16",
+    "reviewer": "Jamik Tashpulatov"
+  },
+  {
+    "id": 30,
+    "header": "Market Analysis",
+    "type": "Research",
+    "status": "Done",
+    "target": "29",
+    "limit": "32",
+    "reviewer": "Sophia Martinez"
+  },
+  {
+    "id": 31,
+    "header": "Competitor Comparison",
+    "type": "Research",
+    "status": "In Process",
+    "target": "21",
+    "limit": "19",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 32,
+    "header": "Maintenance Plan",
+    "type": "Technical content",
+    "status": "Done",
+    "target": "16",
+    "limit": "23",
+    "reviewer": "Alex Thompson"
+  },
+  {
+    "id": 33,
+    "header": "User Personas",
+    "type": "Research",
+    "status": "In Process",
+    "target": "27",
+    "limit": "24",
+    "reviewer": "Nina Patel"
+  },
+  {
+    "id": 34,
+    "header": "Accessibility Compliance",
+    "type": "Legal",
+    "status": "Done",
+    "target": "18",
+    "limit": "21",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 35,
+    "header": "Performance Metrics",
+    "type": "Technical content",
+    "status": "In Process",
+    "target": "23",
+    "limit": "26",
+    "reviewer": "David Kim"
+  },
+  {
+    "id": 36,
+    "header": "Disaster Recovery Plan",
+    "type": "Technical content",
+    "status": "Done",
+    "target": "14",
+    "limit": "17",
+    "reviewer": "Jamik Tashpulatov"
+  },
+  {
+    "id": 37,
+    "header": "Third-party Integrations",
+    "type": "Technical content",
+    "status": "In Process",
+    "target": "25",
+    "limit": "28",
+    "reviewer": "Eddie Lake"
+  },
+  {
+    "id": 38,
+    "header": "User Feedback Summary",
+    "type": "Research",
+    "status": "Done",
+    "target": "20",
+    "limit": "15",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 39,
+    "header": "Localization Strategy",
+    "type": "Narrative",
+    "status": "In Process",
+    "target": "12",
+    "limit": "19",
+    "reviewer": "Maria Garcia"
+  },
+  {
+    "id": 40,
+    "header": "Mobile Compatibility",
+    "type": "Technical content",
+    "status": "Done",
+    "target": "28",
+    "limit": "31",
+    "reviewer": "James Wilson"
+  },
+  {
+    "id": 41,
+    "header": "Data Migration Plan",
+    "type": "Technical content",
+    "status": "In Process",
+    "target": "19",
+    "limit": "22",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 42,
+    "header": "Quality Assurance Protocols",
+    "type": "Technical content",
+    "status": "Done",
+    "target": "30",
+    "limit": "33",
+    "reviewer": "Priya Singh"
+  },
+  {
+    "id": 43,
+    "header": "Stakeholder Analysis",
+    "type": "Research",
+    "status": "In Process",
+    "target": "11",
+    "limit": "14",
+    "reviewer": "Eddie Lake"
+  },
+  {
+    "id": 44,
+    "header": "Environmental Impact Assessment",
+    "type": "Research",
+    "status": "Done",
+    "target": "24",
+    "limit": "27",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 45,
+    "header": "Intellectual Property Rights",
+    "type": "Legal",
+    "status": "In Process",
+    "target": "17",
+    "limit": "20",
+    "reviewer": "Sarah Johnson"
+  },
+  {
+    "id": 46,
+    "header": "Customer Support Framework",
+    "type": "Narrative",
+    "status": "Done",
+    "target": "22",
+    "limit": "25",
+    "reviewer": "Jamik Tashpulatov"
+  },
+  {
+    "id": 47,
+    "header": "Version Control Strategy",
+    "type": "Technical content",
+    "status": "In Process",
+    "target": "15",
+    "limit": "18",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 48,
+    "header": "Continuous Integration Pipeline",
+    "type": "Technical content",
+    "status": "Done",
+    "target": "26",
+    "limit": "29",
+    "reviewer": "Michael Chen"
+  },
+  {
+    "id": 49,
+    "header": "Regulatory Compliance",
+    "type": "Legal",
+    "status": "In Process",
+    "target": "13",
+    "limit": "16",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 50,
+    "header": "User Authentication System",
+    "type": "Technical content",
+    "status": "Done",
+    "target": "28",
+    "limit": "31",
+    "reviewer": "Eddie Lake"
+  },
+  {
+    "id": 51,
+    "header": "Data Analytics Framework",
+    "type": "Technical content",
+    "status": "In Process",
+    "target": "21",
+    "limit": "24",
+    "reviewer": "Jamik Tashpulatov"
+  },
+  {
+    "id": 52,
+    "header": "Cloud Infrastructure",
+    "type": "Technical content",
+    "status": "Done",
+    "target": "16",
+    "limit": "19",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 53,
+    "header": "Network Security Measures",
+    "type": "Technical content",
+    "status": "In Process",
+    "target": "29",
+    "limit": "32",
+    "reviewer": "Lisa Wong"
+  },
+  {
+    "id": 54,
+    "header": "Project Timeline",
+    "type": "Planning",
+    "status": "Done",
+    "target": "14",
+    "limit": "17",
+    "reviewer": "Eddie Lake"
+  },
+  {
+    "id": 55,
+    "header": "Resource Allocation",
+    "type": "Planning",
+    "status": "In Process",
+    "target": "27",
+    "limit": "30",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 56,
+    "header": "Team Structure and Roles",
+    "type": "Planning",
+    "status": "Done",
+    "target": "20",
+    "limit": "23",
+    "reviewer": "Jamik Tashpulatov"
+  },
+  {
+    "id": 57,
+    "header": "Communication Protocols",
+    "type": "Planning",
+    "status": "In Process",
+    "target": "15",
+    "limit": "18",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 58,
+    "header": "Success Metrics",
+    "type": "Planning",
+    "status": "Done",
+    "target": "30",
+    "limit": "33",
+    "reviewer": "Eddie Lake"
+  },
+  {
+    "id": 59,
+    "header": "Internationalization Support",
+    "type": "Technical content",
+    "status": "In Process",
+    "target": "23",
+    "limit": "26",
+    "reviewer": "Jamik Tashpulatov"
+  },
+  {
+    "id": 60,
+    "header": "Backup and Recovery Procedures",
+    "type": "Technical content",
+    "status": "Done",
+    "target": "18",
+    "limit": "21",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 61,
+    "header": "Monitoring and Alerting System",
+    "type": "Technical content",
+    "status": "In Process",
+    "target": "25",
+    "limit": "28",
+    "reviewer": "Daniel Park"
+  },
+  {
+    "id": 62,
+    "header": "Code Review Guidelines",
+    "type": "Technical content",
+    "status": "Done",
+    "target": "12",
+    "limit": "15",
+    "reviewer": "Eddie Lake"
+  },
+  {
+    "id": 63,
+    "header": "Documentation Standards",
+    "type": "Technical content",
+    "status": "In Process",
+    "target": "27",
+    "limit": "30",
+    "reviewer": "Jamik Tashpulatov"
+  },
+  {
+    "id": 64,
+    "header": "Release Management Process",
+    "type": "Planning",
+    "status": "Done",
+    "target": "22",
+    "limit": "25",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 65,
+    "header": "Feature Prioritization Matrix",
+    "type": "Planning",
+    "status": "In Process",
+    "target": "19",
+    "limit": "22",
+    "reviewer": "Emma Davis"
+  },
+  {
+    "id": 66,
+    "header": "Technical Debt Assessment",
+    "type": "Technical content",
+    "status": "Done",
+    "target": "24",
+    "limit": "27",
+    "reviewer": "Eddie Lake"
+  },
+  {
+    "id": 67,
+    "header": "Capacity Planning",
+    "type": "Planning",
+    "status": "In Process",
+    "target": "21",
+    "limit": "24",
+    "reviewer": "Jamik Tashpulatov"
+  },
+  {
+    "id": 68,
+    "header": "Service Level Agreements",
+    "type": "Legal",
+    "status": "Done",
+    "target": "26",
+    "limit": "29",
+    "reviewer": "Assign reviewer"
+  }
+]
diff --git a/src/app/d/tenant/[id]/page.tsx b/src/app/d/tenant/[id]/page.tsx
new file mode 100644
index 0000000..496c4ba
--- /dev/null
+++ b/src/app/d/tenant/[id]/page.tsx
@@ -0,0 +1,68 @@
+import Protected from "@/components/Protected";
+import SetPageTitle from "@/components/SetPageTitle";
+import SetHeaderTitle from "@/components/SetHeaderTitle";
+import TenantEditClient from "@/components/TenantEditClient";
+import { callDbServer } from "@/lib/dbServer";
+
+export default async function Page({ params }: { params: any }) {
+  const { id } = await params;
+
+  if (id === "new") {
+    return (
+      <Protected>
+        <SetPageTitle title="Tenant - New" />
+        <SetHeaderTitle
+          title={[{ label: "Tenants", url: "/d/tenant" }, { label: "Create" }]}
+        />
+        <div className="p-2">
+          {/* client handles create */}
+          {/* @ts-ignore client component */}
+          <TenantEditClient id={id} />
+        </div>
+      </Protected>
+    );
+  }
+
+  // fetch existing tenant for edit
+  // fetch existing tenant for edit (server-side helper)
+  const tenant = await callDbServer("tenants", "findFirst", {
+    where: { tenant_id: id },
+  });
+  if (!tenant) {
+    return (
+      <Protected>
+        <SetPageTitle title="Tenant - Not Found" />
+        <SetHeaderTitle title="Tenant - Not Found" />
+        <div className="p-4">
+          <h2 className="text-lg font-semibold">Data not found</h2>
+          <p className="text-sm text-muted-foreground mt-2">
+            The tenant you are looking for does not exist or has been removed.
+          </p>
+          <div className="mt-4">
+            <a href="/d/tenant" className="text-primary underline">
+              Back to Tenants
+            </a>
+          </div>
+        </div>
+      </Protected>
+    );
+  }
+
+  return (
+    <Protected>
+      <SetPageTitle title={`Tenant - ${tenant?.name ?? id}`} />
+      <SetHeaderTitle title={`Tenant - ${tenant?.name ?? id}`} />
+      <SetHeaderTitle
+        title={
+          id === "new"
+            ? [{ label: "Tenants", url: "/d/tenant" }, { label: "Create" }]
+            : [{ label: "Tenants", url: "/d/tenant" }, { label: "Detail" }]
+        }
+      />
+      <div className="p-2">
+        {/* @ts-ignore client component */}
+        <TenantEditClient id={id} defaults={tenant} />
+      </div>
+    </Protected>
+  );
+}
diff --git a/src/app/d/tenant/page.tsx b/src/app/d/tenant/page.tsx
new file mode 100644
index 0000000..828a400
--- /dev/null
+++ b/src/app/d/tenant/page.tsx
@@ -0,0 +1,30 @@
+import Protected from "@/components/Protected";
+import SetPageTitle from "@/components/SetPageTitle";
+import SetHeaderTitle from "@/components/SetHeaderTitle";
+import RemoteDataTable from "@/components/RemoteDataTable";
+
+export const metadata = {
+  title: "Master Data - Tenant",
+};
+
+export default function Page() {
+  return (
+    <Protected>
+      <SetPageTitle title="Master Data - Tenant" />
+      <SetHeaderTitle title="Tenants" />
+      <div className="p-2">
+        <RemoteDataTable
+          table="tenants"
+          idField="tenant_id"
+          columns={[
+            { name: "name", label: "Tenant Name" },
+            { name: "code", label: "Code" },
+          ]}
+          urlData="/d/tenant/:tenant_id"
+          addSectionLabel="Add Tenant"
+          addSectionUrl="/d/tenant/new"
+        />
+      </div>
+    </Protected>
+  );
+}
diff --git a/src/app/d/user/[id]/[name]/[id_child]/page.tsx b/src/app/d/user/[id]/[name]/[id_child]/page.tsx
new file mode 100644
index 0000000..ddb0d2f
--- /dev/null
+++ b/src/app/d/user/[id]/[name]/[id_child]/page.tsx
@@ -0,0 +1,118 @@
+import Protected from "@/components/Protected";
+import SetPageTitle from "@/components/SetPageTitle";
+import SetHeaderTitle from "@/components/SetHeaderTitle";
+import { callDbServer } from "@/lib/dbServer";
+import ParameterFormClient from "@/components/ParameterFormClient";
+
+export default async function Page({ params }: { params: any }) {
+  const { id_child, id, name } = await params;
+  if (id_child !== "new") {
+    if (name == "access") {
+      const access = await callDbServer("user_access", "findFirst", {
+        where: { access_id: id_child },
+      });
+      if (!access) {
+        return (
+          <Protected>
+            <SetPageTitle title="User Access - Not Found" />
+            <SetHeaderTitle title="User Access - Not Found" />
+            <div className="p-4">
+              <h2 className="text-lg font-semibold">Data not found</h2>
+              <p className="text-sm text-muted-foreground mt-2">
+                The user access you are looking for does not exist.
+              </p>
+              <div className="mt-4">
+                <a href="/d/user" className="text-primary underline">
+                  Back to User Access
+                </a>
+              </div>
+            </div>
+          </Protected>
+        );
+      }
+    } else if (name == "parameter") {
+      const parameter = await callDbServer("parameters", "findFirst", {
+        where: { parameter_id: id_child },
+      });
+      if (!parameter) {
+        return (
+          <Protected>
+            <SetPageTitle title="User Parameter - Not Found" />
+            <SetHeaderTitle title="User Parameter - Not Found" />
+            <div className="p-4">
+              <h2 className="text-lg font-semibold">Data not found</h2>
+              <p className="text-sm text-muted-foreground mt-2">
+                The user parameter you are looking for does not exist.
+              </p>
+              <div className="mt-4">
+                <a href="/d/user" className="text-primary underline">
+                  Back to User Parameters
+                </a>
+              </div>
+            </div>
+          </Protected>
+        );
+      }
+    }
+  }
+  if (name == "access") {
+    return (
+      <Protected>
+        <SetPageTitle title={`User Access - ${id_child}`} />
+        <SetHeaderTitle
+          title={
+            id_child === "new"
+              ? [
+                  { label: "User", url: "/d/user" },
+                  { label: "Detail", url: `/d/user/${id}` },
+                  { label: "Create Access" },
+                ]
+              : [
+                  { label: "User", url: "/d/user" },
+                  { label: "Detail", url: `/d/user/${id}` },
+                  { label: "Detail Access" },
+                ]
+          }
+        />
+        <div className="p-2">{/* <ParameterFormClient id={id_child} /> */}</div>
+      </Protected>
+    );
+  } else if (name == "parameter") {
+    return (
+      <Protected>
+        <SetPageTitle title={`User Parameter - ${id_child}`} />
+        <SetHeaderTitle
+          title={
+            id_child === "new"
+              ? [
+                  { label: "User", url: "/d/user" },
+                  { label: "Detail", url: `/d/user/${id}` },
+                  { label: "Create Parameter" },
+                ]
+              : [
+                  { label: "User", url: "/d/user" },
+                  { label: "Detail", url: `/d/user/${id}` },
+                  { label: "Detail Parameter" },
+                ]
+          }
+        />
+        <div className="p-2">
+          <ParameterFormClient id={id_child} userId={id} />
+        </div>
+      </Protected>
+    );
+  }
+  return (
+    <Protected>
+      <SetPageTitle title={`User - ${id_child}`} />
+      <SetHeaderTitle
+        title={[
+          { label: "User", url: "/d/user" },
+          { label: "User", url: `/d/user/${id}` },
+          { label: "Detail Parameter" },
+        ]}
+      />
+      <div className="p-2">Invalid URL</div>
+    </Protected>
+  );
+}
diff --git a/src/app/d/user/[id]/page.tsx b/src/app/d/user/[id]/page.tsx
new file mode 100644
index 0000000..9ecf057
--- /dev/null
+++ b/src/app/d/user/[id]/page.tsx
@@ -0,0 +1,51 @@
+import Protected from "@/components/Protected";
+import SetPageTitle from "@/components/SetPageTitle";
+import SetHeaderTitle from "@/components/SetHeaderTitle";
+import { callDbServer } from "@/lib/dbServer";
+import UserFormClient from "@/components/UserFormClient";
+
+export default async function Page({ params }: { params: any }) {
+  const { id } = await params;
+  if (id !== "new") {
+    const user = await callDbServer("users", "findFirst", {
+      where: { user_id: id },
+    });
+    if (!user) {
+      return (
+        <Protected>
+          <SetPageTitle title="User - Not Found" />
+          <SetHeaderTitle title="User - Not Found" />
+          <div className="p-4">
+            <h2 className="text-lg font-semibold">Data not found</h2>
+            <p className="text-sm text-muted-foreground mt-2">
+              The user you are looking for does not exist.
+            </p>
+            <div className="mt-4">
+              <a href="/d/user" className="text-primary underline">
+                Back to Users
+              </a>
+            </div>
+          </div>
+        </Protected>
+      );
+    }
+  }
+
+  return (
+    <Protected>
+      <SetPageTitle title={`User - ${id}`} />
+      <SetHeaderTitle
+        title={
+          id === "new"
+            ? [{ label: "User", url: "/d/user" }, { label: "Create" }]
+            : [{ label: "User", url: "/d/user" }, { label: "Detail" }]
+        }
+      />
+      <div className="p-2 flex flex-col flex-grow">
+        {/* client form handles callbacks */}
+        {/* @ts-ignore client component */}
+        <UserFormClient id={id} />
+      </div>
+    </Protected>
+  );
+}
diff --git a/src/app/d/user/page.tsx b/src/app/d/user/page.tsx
new file mode 100644
index 0000000..238e97b
--- /dev/null
+++ b/src/app/d/user/page.tsx
@@ -0,0 +1,18 @@
+import Protected from "@/components/Protected";
+import SetPageTitle from "@/components/SetPageTitle";
+import SetHeaderTitle from "@/components/SetHeaderTitle";
+import UsersManager from "@/components/UsersManager";
+
+export const metadata = { title: "Master Data - User" };
+
+export default function Page() {
+  return (
+    <Protected>
+      <SetPageTitle title="Master Data - User" />
+      <SetHeaderTitle title="Users" />
+      <div className="p-2">
+        <UsersManager />
+      </div>
+    </Protected>
+  );
+}
diff --git a/src/app/dashboard/data.json b/src/app/dashboard/data.json
new file mode 100644
index 0000000..ec08736
--- /dev/null
+++ b/src/app/dashboard/data.json
@@ -0,0 +1,614 @@
+[
+  {
+    "id": 1,
+    "header": "Cover page",
+    "type": "Cover page",
+    "status": "In Process",
+    "target": "18",
+    "limit": "5",
+    "reviewer": "Eddie Lake"
+  },
+  {
+    "id": 2,
+    "header": "Table of contents",
+    "type": "Table of contents",
+    "status": "Done",
+    "target": "29",
+    "limit": "24",
+    "reviewer": "Eddie Lake"
+  },
+  {
+    "id": 3,
+    "header": "Executive summary",
+    "type": "Narrative",
+    "status": "Done",
+    "target": "10",
+    "limit": "13",
+    "reviewer": "Eddie Lake"
+  },
+  {
+    "id": 4,
+    "header": "Technical approach",
+    "type": "Narrative",
+    "status": "Done",
+    "target": "27",
+    "limit": "23",
+    "reviewer": "Jamik Tashpulatov"
+  },
+  {
+    "id": 5,
+    "header": "Design",
+    "type": "Narrative",
+    "status": "In Process",
+    "target": "2",
+    "limit": "16",
+    "reviewer": "Jamik Tashpulatov"
+  },
+  {
+    "id": 6,
+    "header": "Capabilities",
+    "type": "Narrative",
+    "status": "In Process",
+    "target": "20",
+    "limit": "8",
+    "reviewer": "Jamik Tashpulatov"
+  },
+  {
+    "id": 7,
+    "header": "Integration with existing systems",
+    "type": "Narrative",
+    "status": "In Process",
+    "target": "19",
+    "limit": "21",
+    "reviewer": "Jamik Tashpulatov"
+  },
+  {
+    "id": 8,
+    "header": "Innovation and Advantages",
+    "type": "Narrative",
+    "status": "Done",
+    "target": "25",
+    "limit": "26",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 9,
+    "header": "Overview of EMR's Innovative Solutions",
+    "type": "Technical content",
+    "status": "Done",
+    "target": "7",
+    "limit": "23",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 10,
+    "header": "Advanced Algorithms and Machine Learning",
+    "type": "Narrative",
+    "status": "Done",
+    "target": "30",
+    "limit": "28",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 11,
+    "header": "Adaptive Communication Protocols",
+    "type": "Narrative",
+    "status": "Done",
+    "target": "9",
+    "limit": "31",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 12,
+    "header": "Advantages Over Current Technologies",
+    "type": "Narrative",
+    "status": "Done",
+    "target": "12",
+    "limit": "0",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 13,
+    "header": "Past Performance",
+    "type": "Narrative",
+    "status": "Done",
+    "target": "22",
+    "limit": "33",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 14,
+    "header": "Customer Feedback and Satisfaction Levels",
+    "type": "Narrative",
+    "status": "Done",
+    "target": "15",
+    "limit": "34",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 15,
+    "header": "Implementation Challenges and Solutions",
+    "type": "Narrative",
+    "status": "Done",
+    "target": "3",
+    "limit": "35",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 16,
+    "header": "Security Measures and Data Protection Policies",
+    "type": "Narrative",
+    "status": "In Process",
+    "target": "6",
+    "limit": "36",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 17,
+    "header": "Scalability and Future Proofing",
+    "type": "Narrative",
+    "status": "Done",
+    "target": "4",
+    "limit": "37",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 18,
+    "header": "Cost-Benefit Analysis",
+    "type": "Plain language",
+    "status": "Done",
+    "target": "14",
+    "limit": "38",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 19,
+    "header": "User Training and Onboarding Experience",
+    "type": "Narrative",
+    "status": "Done",
+    "target": "17",
+    "limit": "39",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 20,
+    "header": "Future Development Roadmap",
+    "type": "Narrative",
+    "status": "Done",
+    "target": "11",
+    "limit": "40",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 21,
+    "header": "System Architecture Overview",
+    "type": "Technical content",
+    "status": "In Process",
+    "target": "24",
+    "limit": "18",
+    "reviewer": "Maya Johnson"
+  },
+  {
+    "id": 22,
+    "header": "Risk Management Plan",
+    "type": "Narrative",
+    "status": "Done",
+    "target": "15",
+    "limit": "22",
+    "reviewer": "Carlos Rodriguez"
+  },
+  {
+    "id": 23,
+    "header": "Compliance Documentation",
+    "type": "Legal",
+    "status": "In Process",
+    "target": "31",
+    "limit": "27",
+    "reviewer": "Sarah Chen"
+  },
+  {
+    "id": 24,
+    "header": "API Documentation",
+    "type": "Technical content",
+    "status": "Done",
+    "target": "8",
+    "limit": "12",
+    "reviewer": "Raj Patel"
+  },
+  {
+    "id": 25,
+    "header": "User Interface Mockups",
+    "type": "Visual",
+    "status": "In Process",
+    "target": "19",
+    "limit": "25",
+    "reviewer": "Leila Ahmadi"
+  },
+  {
+    "id": 26,
+    "header": "Database Schema",
+    "type": "Technical content",
+    "status": "Done",
+    "target": "22",
+    "limit": "20",
+    "reviewer": "Thomas Wilson"
+  },
+  {
+    "id": 27,
+    "header": "Testing Methodology",
+    "type": "Technical content",
+    "status": "In Process",
+    "target": "17",
+    "limit": "14",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 28,
+    "header": "Deployment Strategy",
+    "type": "Narrative",
+    "status": "Done",
+    "target": "26",
+    "limit": "30",
+    "reviewer": "Eddie Lake"
+  },
+  {
+    "id": 29,
+    "header": "Budget Breakdown",
+    "type": "Financial",
+    "status": "In Process",
+    "target": "13",
+    "limit": "16",
+    "reviewer": "Jamik Tashpulatov"
+  },
+  {
+    "id": 30,
+    "header": "Market Analysis",
+    "type": "Research",
+    "status": "Done",
+    "target": "29",
+    "limit": "32",
+    "reviewer": "Sophia Martinez"
+  },
+  {
+    "id": 31,
+    "header": "Competitor Comparison",
+    "type": "Research",
+    "status": "In Process",
+    "target": "21",
+    "limit": "19",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 32,
+    "header": "Maintenance Plan",
+    "type": "Technical content",
+    "status": "Done",
+    "target": "16",
+    "limit": "23",
+    "reviewer": "Alex Thompson"
+  },
+  {
+    "id": 33,
+    "header": "User Personas",
+    "type": "Research",
+    "status": "In Process",
+    "target": "27",
+    "limit": "24",
+    "reviewer": "Nina Patel"
+  },
+  {
+    "id": 34,
+    "header": "Accessibility Compliance",
+    "type": "Legal",
+    "status": "Done",
+    "target": "18",
+    "limit": "21",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 35,
+    "header": "Performance Metrics",
+    "type": "Technical content",
+    "status": "In Process",
+    "target": "23",
+    "limit": "26",
+    "reviewer": "David Kim"
+  },
+  {
+    "id": 36,
+    "header": "Disaster Recovery Plan",
+    "type": "Technical content",
+    "status": "Done",
+    "target": "14",
+    "limit": "17",
+    "reviewer": "Jamik Tashpulatov"
+  },
+  {
+    "id": 37,
+    "header": "Third-party Integrations",
+    "type": "Technical content",
+    "status": "In Process",
+    "target": "25",
+    "limit": "28",
+    "reviewer": "Eddie Lake"
+  },
+  {
+    "id": 38,
+    "header": "User Feedback Summary",
+    "type": "Research",
+    "status": "Done",
+    "target": "20",
+    "limit": "15",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 39,
+    "header": "Localization Strategy",
+    "type": "Narrative",
+    "status": "In Process",
+    "target": "12",
+    "limit": "19",
+    "reviewer": "Maria Garcia"
+  },
+  {
+    "id": 40,
+    "header": "Mobile Compatibility",
+    "type": "Technical content",
+    "status": "Done",
+    "target": "28",
+    "limit": "31",
+    "reviewer": "James Wilson"
+  },
+  {
+    "id": 41,
+    "header": "Data Migration Plan",
+    "type": "Technical content",
+    "status": "In Process",
+    "target": "19",
+    "limit": "22",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 42,
+    "header": "Quality Assurance Protocols",
+    "type": "Technical content",
+    "status": "Done",
+    "target": "30",
+    "limit": "33",
+    "reviewer": "Priya Singh"
+  },
+  {
+    "id": 43,
+    "header": "Stakeholder Analysis",
+    "type": "Research",
+    "status": "In Process",
+    "target": "11",
+    "limit": "14",
+    "reviewer": "Eddie Lake"
+  },
+  {
+    "id": 44,
+    "header": "Environmental Impact Assessment",
+    "type": "Research",
+    "status": "Done",
+    "target": "24",
+    "limit": "27",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 45,
+    "header": "Intellectual Property Rights",
+    "type": "Legal",
+    "status": "In Process",
+    "target": "17",
+    "limit": "20",
+    "reviewer": "Sarah Johnson"
+  },
+  {
+    "id": 46,
+    "header": "Customer Support Framework",
+    "type": "Narrative",
+    "status": "Done",
+    "target": "22",
+    "limit": "25",
+    "reviewer": "Jamik Tashpulatov"
+  },
+  {
+    "id": 47,
+    "header": "Version Control Strategy",
+    "type": "Technical content",
+    "status": "In Process",
+    "target": "15",
+    "limit": "18",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 48,
+    "header": "Continuous Integration Pipeline",
+    "type": "Technical content",
+    "status": "Done",
+    "target": "26",
+    "limit": "29",
+    "reviewer": "Michael Chen"
+  },
+  {
+    "id": 49,
+    "header": "Regulatory Compliance",
+    "type": "Legal",
+    "status": "In Process",
+    "target": "13",
+    "limit": "16",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 50,
+    "header": "User Authentication System",
+    "type": "Technical content",
+    "status": "Done",
+    "target": "28",
+    "limit": "31",
+    "reviewer": "Eddie Lake"
+  },
+  {
+    "id": 51,
+    "header": "Data Analytics Framework",
+    "type": "Technical content",
+    "status": "In Process",
+    "target": "21",
+    "limit": "24",
+    "reviewer": "Jamik Tashpulatov"
+  },
+  {
+    "id": 52,
+    "header": "Cloud Infrastructure",
+    "type": "Technical content",
+    "status": "Done",
+    "target": "16",
+    "limit": "19",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 53,
+    "header": "Network Security Measures",
+    "type": "Technical content",
+    "status": "In Process",
+    "target": "29",
+    "limit": "32",
+    "reviewer": "Lisa Wong"
+  },
+  {
+    "id": 54,
+    "header": "Project Timeline",
+    "type": "Planning",
+    "status": "Done",
+    "target": "14",
+    "limit": "17",
+    "reviewer": "Eddie Lake"
+  },
+  {
+    "id": 55,
+    "header": "Resource Allocation",
+    "type": "Planning",
+    "status": "In Process",
+    "target": "27",
+    "limit": "30",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 56,
+    "header": "Team Structure and Roles",
+    "type": "Planning",
+    "status": "Done",
+    "target": "20",
+    "limit": "23",
+    "reviewer": "Jamik Tashpulatov"
+  },
+  {
+    "id": 57,
+    "header": "Communication Protocols",
+    "type": "Planning",
+    "status": "In Process",
+    "target": "15",
+    "limit": "18",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 58,
+    "header": "Success Metrics",
+    "type": "Planning",
+    "status": "Done",
+    "target": "30",
+    "limit": "33",
+    "reviewer": "Eddie Lake"
+  },
+  {
+    "id": 59,
+    "header": "Internationalization Support",
+    "type": "Technical content",
+    "status": "In Process",
+    "target": "23",
+    "limit": "26",
+    "reviewer": "Jamik Tashpulatov"
+  },
+  {
+    "id": 60,
+    "header": "Backup and Recovery Procedures",
+    "type": "Technical content",
+    "status": "Done",
+    "target": "18",
+    "limit": "21",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 61,
+    "header": "Monitoring and Alerting System",
+    "type": "Technical content",
+    "status": "In Process",
+    "target": "25",
+    "limit": "28",
+    "reviewer": "Daniel Park"
+  },
+  {
+    "id": 62,
+    "header": "Code Review Guidelines",
+    "type": "Technical content",
+    "status": "Done",
+    "target": "12",
+    "limit": "15",
+    "reviewer": "Eddie Lake"
+  },
+  {
+    "id": 63,
+    "header": "Documentation Standards",
+    "type": "Technical content",
+    "status": "In Process",
+    "target": "27",
+    "limit": "30",
+    "reviewer": "Jamik Tashpulatov"
+  },
+  {
+    "id": 64,
+    "header": "Release Management Process",
+    "type": "Planning",
+    "status": "Done",
+    "target": "22",
+    "limit": "25",
+    "reviewer": "Assign reviewer"
+  },
+  {
+    "id": 65,
+    "header": "Feature Prioritization Matrix",
+    "type": "Planning",
+    "status": "In Process",
+    "target": "19",
+    "limit": "22",
+    "reviewer": "Emma Davis"
+  },
+  {
+    "id": 66,
+    "header": "Technical Debt Assessment",
+    "type": "Technical content",
+    "status": "Done",
+    "target": "24",
+    "limit": "27",
+    "reviewer": "Eddie Lake"
+  },
+  {
+    "id": 67,
+    "header": "Capacity Planning",
+    "type": "Planning",
+    "status": "In Process",
+    "target": "21",
+    "limit": "24",
+    "reviewer": "Jamik Tashpulatov"
+  },
+  {
+    "id": 68,
+    "header": "Service Level Agreements",
+    "type": "Legal",
+    "status": "Done",
+    "target": "26",
+    "limit": "29",
+    "reviewer": "Assign reviewer"
+  }
+]
diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
new file mode 100644
index 0000000..0ce632a
--- /dev/null
+++ b/src/app/dashboard/page.tsx
@@ -0,0 +1,5 @@
+import { redirect } from "next/navigation";
+
+export default function Page() {
+  redirect("/d/dashboard");
+}
diff --git a/src/app/globals.css b/src/app/globals.css
new file mode 100644
index 0000000..a356309
--- /dev/null
+++ b/src/app/globals.css
@@ -0,0 +1,123 @@
+@import "tailwindcss";
+@import "tw-animate-css";
+
+@custom-variant dark (&:is(.dark *));
+
+:root {
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.145 0 0);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.145 0 0);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.145 0 0);
+  --primary: oklch(0.205 0 0);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.97 0 0);
+  --secondary-foreground: oklch(0.205 0 0);
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
+  --accent: oklch(0.97 0 0);
+  --accent-foreground: oklch(0.205 0 0);
+  --destructive: oklch(0.577 0.245 27.325);
+  --destructive-foreground: oklch(0.577 0.245 27.325);
+  --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
+  --ring: oklch(0.708 0 0);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --radius: 0.625rem;
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.145 0 0);
+  --sidebar-primary: oklch(0.205 0 0);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.97 0 0);
+  --sidebar-accent-foreground: oklch(0.205 0 0);
+  --sidebar-border: oklch(0.922 0 0);
+  --sidebar-ring: oklch(0.708 0 0);
+}
+
+.dark {
+  --background: oklch(0.145 0 0);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.145 0 0);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.145 0 0);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.985 0 0);
+  --primary-foreground: oklch(0.205 0 0);
+  --secondary: oklch(0.269 0 0);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.269 0 0);
+  --muted-foreground: oklch(0.708 0 0);
+  --accent: oklch(0.269 0 0);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.396 0.141 25.723);
+  --destructive-foreground: oklch(0.637 0.237 25.331);
+  --border: oklch(0.269 0 0);
+  --input: oklch(0.269 0 0);
+  --ring: oklch(0.439 0 0);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.205 0 0);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.269 0 0);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(0.269 0 0);
+  --sidebar-ring: oklch(0.439 0 0);
+}
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
new file mode 100644
index 0000000..9dcd6af
--- /dev/null
+++ b/src/app/layout.tsx
@@ -0,0 +1,31 @@
+import "@/app/globals.css";
+import ReduxProvider from "@/providers/ReduxProvider";
+import { PageTitleProvider } from "@/providers/PageTitleProvider";
+import GlobalCxProvider from "@/components/GlobalCxProvider";
+import { Toaster } from "@/components/ui/sonner";
+
+export const metadata = {
+  title: "Next.js",
+  description: "Generated by Next.js",
+};
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="en">
+      <body>
+        <ReduxProvider>
+          <PageTitleProvider>
+            <GlobalCxProvider />
+
+            <Toaster position="top-right" />
+            {children}
+          </PageTitleProvider>
+        </ReduxProvider>
+      </body>
+    </html>
+  );
+}
diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
new file mode 100644
index 0000000..3ddcbc7
--- /dev/null
+++ b/src/app/login/page.tsx
@@ -0,0 +1,19 @@
+import { GalleryVerticalEnd } from "lucide-react";
+
+import { LoginForm } from "@/components/login-form";
+
+export default function LoginPage() {
+  return (
+    <div className="bg-muted flex min-h-svh flex-col items-center justify-center gap-6 p-6 md:p-10">
+      <div className="flex w-full max-w-sm flex-col gap-6">
+        <a href="#" className="flex items-center gap-2 self-center font-medium">
+          <div className="bg-primary text-primary-foreground flex size-6 items-center justify-center rounded-md">
+            <GalleryVerticalEnd className="size-4" />
+          </div>
+          Midsuit
+        </a>
+        <LoginForm />
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
new file mode 100644
index 0000000..3f4ee26
--- /dev/null
+++ b/src/app/page.tsx
@@ -0,0 +1,6 @@
+import { redirect } from "next/navigation";
+
+export default function Home() {
+  // server-side redirect to /login
+  redirect("/login");
+}
diff --git a/src/app/test-db/page.tsx b/src/app/test-db/page.tsx
new file mode 100644
index 0000000..121e7ac
--- /dev/null
+++ b/src/app/test-db/page.tsx
@@ -0,0 +1,14 @@
+import TestDbClient from "@/components/TestDbClient";
+
+export const metadata = {
+  title: "Test DB Client",
+};
+
+export default function Page() {
+  return (
+    <main className="p-6">
+      <h1 className="text-2xl font-bold mb-4">Test DB Client</h1>
+      <TestDbClient />
+    </main>
+  );
+}
diff --git a/src/components/AsyncSelectPaginate.tsx b/src/components/AsyncSelectPaginate.tsx
new file mode 100644
index 0000000..e1fe006
--- /dev/null
+++ b/src/components/AsyncSelectPaginate.tsx
@@ -0,0 +1,73 @@
+"use client";
+
+import * as React from "react";
+import Select from "react-select";
+
+type OptionType = { label: string; value: string };
+
+export default function AsyncSelectPaginate({
+  loader,
+  value,
+  onChange,
+  ...rest
+}: any) {
+  const [options, setOptions] = React.useState<OptionType[]>([]);
+  const [page, setPage] = React.useState(1);
+  const [hasMore, setHasMore] = React.useState(false);
+  const [inputValue, setInputValue] = React.useState("");
+  const [loading, setLoading] = React.useState(false);
+
+  React.useEffect(() => {
+    let mounted = true;
+    setLoading(true);
+    (async () => {
+      try {
+        const res = await loader?.(inputValue ?? "", 1);
+        if (!mounted) return;
+        const opts = (res && res.options) || [];
+        setOptions(opts || []);
+        setHasMore(Boolean(res && res.hasMore));
+        setPage(1);
+      } catch (e) {
+        console.error("AsyncSelectPaginate load error", e);
+      } finally {
+        if (mounted) setLoading(false);
+      }
+    })();
+
+    return () => {
+      mounted = false;
+    };
+  }, [inputValue, loader]);
+
+  const loadMore = async () => {
+    if (loading || !hasMore) return;
+    setLoading(true);
+    const next = page + 1;
+    try {
+      const res = await loader?.(inputValue ?? "", next);
+      const opts = (res && res.options) || [];
+      setOptions((s) => [...s, ...(opts || [])]);
+      setHasMore(Boolean(res && res.hasMore));
+      setPage(next);
+    } catch (e) {
+      console.error("AsyncSelectPaginate loadMore error", e);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div>
+      <Select
+        options={options}
+        value={value}
+        onChange={onChange}
+        onInputChange={(val) => setInputValue(val)}
+        onMenuScrollToBottom={loadMore}
+        isLoading={loading}
+        {...rest}
+      />
+    </div>
+  );
+}
diff --git a/src/components/BanksManager.tsx b/src/components/BanksManager.tsx
new file mode 100644
index 0000000..d93e830
--- /dev/null
+++ b/src/components/BanksManager.tsx
@@ -0,0 +1,125 @@
+"use client";
+
+import React from "react";
+import db from "@/lib/dbClient";
+
+export default function BanksManager() {
+  const [banks, setBanks] = React.useState<any[]>([]);
+  const [loading, setLoading] = React.useState(false);
+  const [name, setName] = React.useState("");
+  const [code, setCode] = React.useState("");
+  const [error, setError] = React.useState<string | null>(null);
+
+  const fetchBanks = React.useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const res = await db.banks.findMany();
+      setBanks(res ?? []);
+    } catch (e: any) {
+      setError(e?.message || String(e));
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+
+  React.useEffect(() => {
+    fetchBanks();
+  }, [fetchBanks]);
+
+  const handleCreate = async () => {
+    setError(null);
+    try {
+      const res = await db.banks.create({ data: { name, code } });
+      setBanks((s) => [res, ...s]);
+      setName("");
+      setCode("");
+    } catch (e: any) {
+      setError(e?.message || String(e));
+    }
+  };
+
+  const handleToggle = async (bank: any) => {
+    try {
+      const res = await db.banks.update({
+        where: { bank_id: bank.bank_id },
+        data: { is_active: !bank.is_active },
+      });
+      setBanks((s) => s.map((b) => (b.bank_id === bank.bank_id ? res : b)));
+    } catch (e: any) {
+      setError(e?.message || String(e));
+    }
+  };
+
+  const handleDelete = async (bank: any) => {
+    try {
+      await db.banks.delete({ where: { bank_id: bank.bank_id } });
+      setBanks((s) => s.filter((b) => b.bank_id !== bank.bank_id));
+    } catch (e: any) {
+      setError(e?.message || String(e));
+    }
+  };
+
+  return (
+    <div className="p-4">
+      <h2 className="text-xl font-semibold mb-4">Master Data — Banks</h2>
+
+      <div className="mb-4">
+        <input
+          placeholder="code"
+          value={code}
+          onChange={(e) => setCode(e.target.value)}
+          className="border px-2 py-1 mr-2"
+        />
+        <input
+          placeholder="name"
+          value={name}
+          onChange={(e) => setName(e.target.value)}
+          className="border px-2 py-1 mr-2"
+        />
+        <button onClick={handleCreate} className="btn">
+          Create
+        </button>
+      </div>
+
+      {error && <div className="text-red-600 mb-2">{error}</div>}
+
+      {loading ? (
+        <div>Loading...</div>
+      ) : (
+        <table className="w-full border-collapse">
+          <thead>
+            <tr>
+              <th className="border p-2 text-left">Code</th>
+              <th className="border p-2 text-left">Name</th>
+              <th className="border p-2">Active</th>
+              <th className="border p-2">Actions</th>
+            </tr>
+          </thead>
+          <tbody>
+            {banks.map((b) => (
+              <tr key={b.bank_id}>
+                <td className="border p-2">{b.code}</td>
+                <td className="border p-2">{b.name}</td>
+                <td className="border p-2 text-center">
+                  {b.is_active ? "Yes" : "No"}
+                </td>
+                <td className="border p-2">
+                  <button onClick={() => handleToggle(b)} className="mr-2">
+                    Toggle
+                  </button>
+                  <button
+                    onClick={() => handleDelete(b)}
+                    className="text-red-600"
+                  >
+                    Delete
+                  </button>
+                </td>
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      )}
+    </div>
+  );
+}
diff --git a/src/components/BaseForm.tsx b/src/components/BaseForm.tsx
new file mode 100644
index 0000000..bdf9fdb
--- /dev/null
+++ b/src/components/BaseForm.tsx
@@ -0,0 +1,47 @@
+"use client";
+"use client";
+
+import * as React from "react";
+import { FormProvider, useForm } from "react-hook-form";
+import { Button } from "@/components/ui/button";
+
+export type BaseFormProps<T extends Record<string, any>> = {
+  defaultValues?: Partial<T>;
+  onSubmit: (values: T) => Promise<void> | void;
+  children?: React.ReactNode;
+  submitLabel?: string;
+};
+
+export default function BaseForm<T extends Record<string, any>>({
+  defaultValues,
+  onSubmit,
+  children,
+  submitLabel = "Save",
+}: BaseFormProps<T>) {
+  const methods = useForm<T>({ defaultValues: defaultValues as any });
+
+  // If parent provides new defaultValues (e.g. after an async fetch), reset the form
+  React.useEffect(() => {
+    if (defaultValues) {
+      methods.reset(defaultValues as any);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [JSON.stringify(defaultValues)]);
+
+  return (
+    <FormProvider {...methods}>
+      <form
+        onSubmit={methods.handleSubmit(async (v: any) => {
+          await onSubmit(v as T);
+        })}
+        className="space-y-4"
+      >
+        {children}
+
+        <div className="flex items-center gap-2">
+          <Button type="submit">{submitLabel}</Button>
+        </div>
+      </form>
+    </FormProvider>
+  );
+}
diff --git a/src/components/DatabaseFormClient.tsx b/src/components/DatabaseFormClient.tsx
new file mode 100644
index 0000000..974ac73
--- /dev/null
+++ b/src/components/DatabaseFormClient.tsx
@@ -0,0 +1,98 @@
+"use client";
+import React from "react";
+import { useRouter } from "next/navigation";
+import { Form } from "@/components/form/Form";
+import { Field } from "@/components/form/Field";
+import { toast } from "sonner";
+import db from "@/lib/dbClient";
+import { Button } from "./ui/button";
+
+type Props = { id?: string; defaults?: any };
+
+export default function DatabaseFormClient({ id, defaults }: Props) {
+  const router = useRouter();
+  const [loading, setLoading] = React.useState(false);
+
+  return (
+    <Form
+      onSubmit={async (fm: any) => {
+        try {
+          const vals = fm.data;
+          if (!id || id === "new") {
+            await db.database.create({ data: vals });
+            toast.success("Database created");
+          } else {
+            await db.database.update({ where: { id }, data: vals });
+            toast.success("Database updated");
+          }
+          router.push("/d/database");
+        } catch (e: any) {
+          toast.error(String(e?.message || e));
+        }
+      }}
+      onLoad={async () => {
+        if (id && id !== "new") {
+          const rec = await db.database.findFirst({ where: { db_id: id } });
+          return rec || {};
+        }
+        return {};
+      }}
+      showResize={false}
+      header={(fm: any) => (
+        <div className="flex-grow px-4 py-2 font-semibold flex flex-row items-center gap-2">
+          <Button
+            disabled={loading}
+            onClick={async () => {
+              try {
+                setLoading(true);
+                await fm.submit();
+              } finally {
+                setLoading(false);
+              }
+            }}
+          >
+            {loading ? "Saving..." : "Save"}
+          </Button>
+
+          {id && id !== "new" && (
+            <Button
+              variant="destructive"
+              onClick={async () => {
+                if (!id || id === "new") return;
+                const ok = confirm(
+                  "Are you sure you want to delete this user?"
+                );
+                if (!ok) return;
+                try {
+                  setLoading(true);
+                  await db.users.delete({ where: { user_id: id } });
+                  toast.success("User deleted");
+                  router.push("/d/user");
+                } catch (e: any) {
+                  toast.error(String(e?.message || e));
+                } finally {
+                  setLoading(false);
+                }
+              }}
+              disabled={loading || !id || id === "new"}
+            >
+              Delete
+            </Button>
+          )}
+        </div>
+      )}
+      children={(fm: any) => (
+        <div className="p-4">
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+            <Field fm={fm} name="name" label="Name" type="text" />
+            <Field fm={fm} name="host" label="Host" type="text" />
+            <Field fm={fm} name="port" label="Port" type="money" />
+            <Field fm={fm} name="username" label="User" type="text" />
+            <Field fm={fm} name="db_name" label="Database" type="text" />
+            <Field fm={fm} name="password" label="Password" type="text" />
+          </div>
+        </div>
+      )}
+    />
+  );
+}
diff --git a/src/components/ExampleComponent.tsx b/src/components/ExampleComponent.tsx
new file mode 100644
index 0000000..533d213
--- /dev/null
+++ b/src/components/ExampleComponent.tsx
@@ -0,0 +1,12 @@
+import React from 'react';
+
+const ExampleComponent: React.FC = () => {
+    return (
+        <div>
+            <h1>This is an Example Component</h1>
+            <p>This component can be reused throughout the application.</p>
+        </div>
+    );
+};
+
+export default ExampleComponent;
\ No newline at end of file
diff --git a/src/components/GlobalCxProvider.tsx b/src/components/GlobalCxProvider.tsx
new file mode 100644
index 0000000..4d88fdc
--- /dev/null
+++ b/src/components/GlobalCxProvider.tsx
@@ -0,0 +1,20 @@
+"use client";
+
+import { useEffect } from "react";
+import classnames from "classnames";
+import { css as emotionCss } from "@emotion/css";
+
+export default function GlobalCxProvider() {
+  useEffect(() => {
+    try {
+      // expose as a global helper `cx` (same API as classnames)
+      (globalThis as any).cx = classnames;
+      // expose Emotion's css helper so files that use `css` template literals without local import work
+      (globalThis as any).css = emotionCss;
+    } catch (e) {
+      // noop
+    }
+  }, []);
+
+  return null;
+}
diff --git a/src/components/ParameterFormClient.tsx b/src/components/ParameterFormClient.tsx
new file mode 100644
index 0000000..b63c7df
--- /dev/null
+++ b/src/components/ParameterFormClient.tsx
@@ -0,0 +1,110 @@
+"use client";
+import { Form } from "@/components/form/Form";
+import { Field } from "@/components/form/Field";
+import db from "@/lib/dbClient";
+import { toast } from "sonner";
+import React from "react";
+import { Button } from "./ui/button";
+import { useRouter } from "next/navigation";
+
+export default function ParameterFormClient({
+  userId,
+  id,
+  defaults,
+  onSaved,
+}: any) {
+  const [loading, setLoading] = React.useState(false);
+  const router = useRouter();
+
+  const isNew = !id || id === "new";
+  return (
+    <Form
+      onLoad={async () => {
+        if (isNew) return { param_key: "", param_value: "", user_id: userId };
+        const data = await db.parameters.findFirst({
+          where: { parameter_id: id },
+        });
+        return data || {};
+      }}
+      onSubmit={async (fm: any) => {
+        const vals = fm.data;
+        if (isNew) {
+          console.log({ data: { ...vals, user_id: userId } });
+          const data = await db.parameters.create({
+            data: { ...vals, user_id: userId },
+          });
+          router.push(`/d/user/${userId}/parameter/${data.parameter_id}`);
+        } else {
+          await db.parameters.update({
+            where: { parameter_id: id },
+            data: vals,
+          });
+          toast.success("Parameter updated");
+        }
+        if (onSaved) onSaved();
+      }}
+      header={(fm: any) => (
+        <>
+          <div className="flex-grow px-4 py-2 font-semibold flex flex-row items-center gap-2">
+            <Button
+              disabled={loading}
+              onClick={async () => {
+                try {
+                  setLoading(true);
+                  await fm.submit();
+                } catch (e: any) {
+                  setLoading(false);
+                  toast.error(String(e?.message || e));
+                } finally {
+                  setLoading(false);
+                }
+              }}
+            >
+              {loading ? "Saving..." : "Save"}
+            </Button>
+            {id && id !== "new" && (
+              <Button
+                variant="destructive"
+                onClick={async () => {
+                  if (!id || id === "new") return;
+                  const ok = confirm(
+                    "Are you sure you want to delete this user?"
+                  );
+                  if (!ok) return;
+                  try {
+                    setLoading(true);
+                    await db.parameters.delete({ where: { parameter_id: id } });
+                    toast.success("Parameter deleted");
+                    router.push(`/d/user/${userId}`);
+                  } catch (e: any) {
+                    toast.error(String(e?.message || e));
+                  } finally {
+                    setLoading(false);
+                  }
+                }}
+                disabled={loading || !id || id === "new"}
+              >
+                Delete
+              </Button>
+            )}
+          </div>
+        </>
+      )}
+      showResize={false}
+      children={(fm: any) => (
+        <>
+          <div
+            className={
+              "flex flex-col gap-y-2 md:gap-y-0 md:flex-row flex-wrap px-4 py-2"
+            }
+          >
+            <div className={"flex-grow grid gap-4 md:gap-6 md:grid-cols-2"}>
+              <Field fm={fm} name="param_key" label="Key" type="text" />
+              <Field fm={fm} name="param_value" label="Value" type="text" />
+            </div>
+          </div>
+        </>
+      )}
+    />
+  );
+}
diff --git a/src/components/ParametersList.tsx b/src/components/ParametersList.tsx
new file mode 100644
index 0000000..8e39e45
--- /dev/null
+++ b/src/components/ParametersList.tsx
@@ -0,0 +1,22 @@
+"use client";
+import RemoteDataTable from "@/components/RemoteDataTable";
+
+export default function ParametersList({ userId }: { userId: string }) {
+  return (
+    <div className="">
+      <RemoteDataTable
+        table="parameters"
+        idField="parameter_id"
+        columns={[
+          { name: "param_key", label: "Key" },
+          { name: "param_value", label: "Value" },
+          { name: "is_active", label: "Active" },
+        ]}
+        addSectionLabel="Add Parameter"
+        addSectionUrl={`/d/user/${userId}/parameter/new`}
+        urlData={`/d/user/${userId}/parameter/:parameter_id`}
+        // note: RemoteDataTable will call backend /db with table/actions
+      />
+    </div>
+  );
+}
diff --git a/src/components/Popover/Popover.css b/src/components/Popover/Popover.css
new file mode 100644
index 0000000..36ac889
--- /dev/null
+++ b/src/components/Popover/Popover.css
@@ -0,0 +1,4 @@
+[data-floating-ui-portal] > div {
+    z-index: 100;
+  }
+  
\ No newline at end of file
diff --git a/src/components/Popover/Popover.tsx b/src/components/Popover/Popover.tsx
new file mode 100644
index 0000000..b14bbcd
--- /dev/null
+++ b/src/components/Popover/Popover.tsx
@@ -0,0 +1,385 @@
+import {
+  FloatingFocusManager,
+  FloatingOverlay,
+  FloatingPortal,
+  Placement,
+  arrow,
+  autoUpdate,
+  flip,
+  offset,
+  shift,
+  useClick,
+  useDismiss,
+  useFloating,
+  useId,
+  useInteractions,
+  useMergeRefs,
+  useRole,
+} from "@floating-ui/react";
+import * as React from "react";
+import "./Popover.css";
+import { css } from "@emotion/css";
+
+interface PopoverOptions {
+  initialOpen?: boolean;
+  placement?: Placement;
+  modal?: boolean;
+  open?: boolean;
+  offset?: number;
+  onOpenChange?: (open: boolean) => void;
+  autoFocus?: boolean;
+  backdrop?: boolean | "self";
+  root?: HTMLElement;
+}
+
+export function usePopover({
+  initialOpen = false,
+  placement = "bottom",
+  modal = false,
+  open: controlledOpen,
+  offset: popoverOffset = 5,
+  onOpenChange: setControlledOpen,
+  autoFocus = false,
+  backdrop = true,
+  root,
+}: PopoverOptions = {}) {
+  const arrowRef = React.useRef<HTMLDivElement | null>(null);
+  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(initialOpen);
+  const [labelId, setLabelId] = React.useState<string | undefined>();
+  const [descriptionId, setDescriptionId] = React.useState<
+    string | undefined
+  >();
+
+  // Determine whether the popover is open
+  const open = controlledOpen ?? uncontrolledOpen;
+  const setOpen = setControlledOpen ?? setUncontrolledOpen;
+
+  // Floating UI setup
+  const data = useFloating({
+    placement,
+    open,
+    onOpenChange: setOpen,
+    whileElementsMounted: autoUpdate,
+    middleware: [
+      offset(popoverOffset),
+      flip({
+        fallbackAxisSideDirection: "end",
+        padding: 8,
+      }),
+      shift({ padding: 5 }),
+      arrow({ element: arrowRef }),
+    ],
+  });
+
+  const context = data.context;
+
+  // Add interactions (click, dismiss, role)
+  const click = useClick(context, {
+    enabled: controlledOpen == null, // Only enable if not controlled
+  });
+  const dismiss = useDismiss(context);
+  const role = useRole(context);
+
+  // Combine all interactions
+  const interactions = useInteractions([click, dismiss, role]);
+
+  // Return memoized popover properties
+  return React.useMemo(
+    () => ({
+      open,
+      setOpen,
+      ...interactions,
+      ...data,
+      arrowRef,
+      modal,
+      labelId,
+      descriptionId,
+      setLabelId,
+      setDescriptionId,
+      backdrop,
+      autoFocus,
+      root,
+    }),
+    [
+      open,
+      setOpen,
+      interactions,
+      data,
+      modal,
+      labelId,
+      descriptionId,
+      backdrop,
+      autoFocus,
+      root,
+    ]
+  );
+}
+
+function mapPlacementSideToCSSProperty(placement: Placement) {
+  const staticPosition = placement.split("-")[0];
+
+  const staticSide = {
+    top: "bottom",
+    right: "left",
+    bottom: "top",
+    left: "right",
+  }[staticPosition];
+
+  return staticSide;
+}
+function PopoverArrow() {
+  const context = usePopoverContext();
+  const { x: arrowX, y: arrowY } = context.middlewareData.arrow || {
+    x: 0,
+    y: 0,
+  };
+  const staticSide = mapPlacementSideToCSSProperty(context.placement) as string;
+
+  return (
+    <div
+      ref={context.arrowRef}
+      style={{
+        left: arrowX != null ? `${arrowX}px` : "",
+        top: arrowY != null ? `${arrowY}px` : "",
+        [staticSide]: "-4px",
+        transform: "rotate(45deg)",
+        cursor: "pointer",
+      }}
+      className={cx(
+        "arrow",
+        css`
+          pointer-events: none;
+          position: absolute;
+          width: 10px;
+          height: 10px;
+          background: white;
+        `
+      )}
+    />
+  );
+}
+
+type ContextType =
+  | (ReturnType<typeof usePopover> & {
+      setLabelId: React.Dispatch<React.SetStateAction<string | undefined>>;
+      setDescriptionId: React.Dispatch<
+        React.SetStateAction<string | undefined>
+      >;
+    })
+  | null;
+
+const PopoverContext = React.createContext<ContextType>(null);
+
+export const usePopoverContext = () => {
+  const context = React.useContext(PopoverContext);
+
+  if (context == null) {
+    throw new Error("Popover components must be wrapped in <Popover />");
+  }
+
+  return context;
+};
+
+export function Popover({
+  children,
+  content,
+  modal = false,
+  className,
+  classNameTrigger,
+  arrow,
+  popoverClassName,
+  onMouseDown,
+  ...restOptions
+}: {
+  root?: HTMLElement;
+  className?: string;
+  classNameTrigger?: string;
+  children: React.ReactNode;
+  content?: React.ReactNode;
+  popoverClassName?: string;
+  arrow?: boolean;
+  onMouseDown?: (event: any) => void;
+} & PopoverOptions) {
+  const popover = usePopover({ modal, ...restOptions });
+
+  let _content = content;
+  if (!content) _content = <div className={"w-[300px] h-[150px]"}></div>;
+  return (
+    <PopoverContext.Provider value={popover}>
+      <PopoverTrigger
+        asChild
+        className={cx("h-full cursor-pointer", classNameTrigger)}
+        onClick={
+          typeof restOptions.open !== "undefined"
+            ? () => {
+                popover.setOpen(!popover.open);
+              }
+            : undefined
+        }
+      >
+        {[children]}
+      </PopoverTrigger>
+      <PopoverContent
+        className={cx(
+          "pointer-events-auto",
+          popoverClassName
+            ? popoverClassName
+            : cx(
+                className,
+                css`
+                  background: white;
+                  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
+                  user-select: none;
+                `
+              )
+        )}
+        onMouseDown={onMouseDown}
+      >
+        {_content}
+        {(typeof arrow === "undefined" || arrow) && <PopoverArrow />}
+      </PopoverContent>
+    </PopoverContext.Provider>
+  );
+}
+
+interface PopoverTriggerProps {
+  children: React.ReactNode;
+  asChild?: boolean;
+}
+
+export const PopoverTrigger = React.forwardRef<
+  HTMLElement,
+  React.HTMLProps<HTMLElement> & PopoverTriggerProps
+>(function PopoverTrigger({ children, asChild = false, ...props }, propRef) {
+  const context = usePopoverContext();
+
+  // Gabungkan refs dari popover context dan ref prop
+  const ref = useMergeRefs([context.refs.setReference, propRef]);
+
+  // `asChild` memungkinkan elemen anak digunakan sebagai anchor
+  if (asChild && React.isValidElement(children)) {
+    return React.cloneElement(children, {
+      ref,
+      ...context.getReferenceProps({
+        ...props,
+        ...children.props,
+        "data-state": context.open ? "open" : "closed",
+      }),
+    } as any);
+  }
+
+  return (
+    <div
+      ref={ref}
+      data-state={context.open ? "open" : "closed"}
+      {...context.getReferenceProps(props as any)}
+    >
+      {children}
+    </div>
+  );
+});
+
+export const PopoverContent = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLProps<HTMLDivElement>
+>(function PopoverContent(props, propRef) {
+  const { context: floatingContext, ...context } = usePopoverContext();
+  const ref = useMergeRefs([context.refs.setFloating, propRef]);
+
+  if (!floatingContext.open) return null;
+
+  const _content = (
+    <div
+      ref={ref}
+      style={{
+        ...context.floatingStyles,
+        ...props.style,
+      }}
+      aria-labelledby={context.labelId}
+      aria-describedby={context.descriptionId}
+      {...context.getFloatingProps(props as any)}
+    >
+      {props.children}
+    </div>
+  );
+
+  const content = context.autoFocus ? (
+    <FloatingFocusManager context={floatingContext} modal={context.modal}>
+      {_content}
+    </FloatingFocusManager>
+  ) : (
+    _content
+  );
+
+  return (
+    <FloatingPortal root={context.root}>
+      {context.backdrop ? (
+        <FloatingOverlay className={"z-50"} lockScroll>
+          {content}
+        </FloatingOverlay>
+      ) : (
+        content
+      )}
+    </FloatingPortal>
+  );
+});
+
+export const PopoverHeading = React.forwardRef<
+  HTMLHeadingElement,
+  React.HTMLProps<HTMLHeadingElement>
+>(function PopoverHeading({ children, ...props }, ref) {
+  const { setLabelId } = usePopoverContext();
+  const id = useId();
+
+  // Only sets `aria-labelledby` on the Popover root element
+  // if this component is mounted inside it.
+  React.useLayoutEffect(() => {
+    setLabelId(id);
+    return () => setLabelId(undefined);
+  }, [id, setLabelId]);
+
+  return (
+    <h2 {...props} ref={ref} id={id}>
+      {children}
+    </h2>
+  );
+});
+
+export const PopoverDescription = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLProps<HTMLParagraphElement>
+>(function PopoverDescription({ children, ...props }, ref) {
+  const { setDescriptionId } = usePopoverContext();
+  const id = useId();
+
+  // Only sets `aria-describedby` on the Popover root element
+  // if this component is mounted inside it.
+  React.useLayoutEffect(() => {
+    setDescriptionId(id);
+    return () => setDescriptionId(undefined);
+  }, [id, setDescriptionId]);
+
+  return (
+    <p {...props} ref={ref} id={id}>
+      {children}
+    </p>
+  );
+});
+
+export const PopoverClose = React.forwardRef<
+  HTMLButtonElement,
+  React.ButtonHTMLAttributes<HTMLButtonElement>
+>(function PopoverClose(props, ref) {
+  const { setOpen } = usePopoverContext();
+  return (
+    <button
+      type="button"
+      ref={ref}
+      {...props}
+      onClick={(event) => {
+        props.onClick?.(event);
+        setOpen(false);
+      }}
+    />
+  );
+});
diff --git a/src/components/Protected.tsx b/src/components/Protected.tsx
new file mode 100644
index 0000000..d46258a
--- /dev/null
+++ b/src/components/Protected.tsx
@@ -0,0 +1,27 @@
+"use client";
+
+import React from "react";
+import { useAppSelector } from "@/store/hooks";
+import { useRouter } from "next/navigation";
+import { Skeleton } from "@/components/ui/skeleton";
+
+export default function Protected({ children }: { children: React.ReactNode }) {
+  const { token, hydrated } = useAppSelector((s) => s.auth);
+  const router = useRouter();
+
+  React.useEffect(() => {
+    if (hydrated && !token) router.replace("/login");
+  }, [hydrated, token, router]);
+
+  // Wait for hydration to avoid redirect flash
+  if (!hydrated)
+    return (
+      <div className="flex items-center justify-center min-h-screen">
+        <Skeleton className="h-8 w-64" />
+      </div>
+    );
+
+  if (!token) return null;
+
+  return <>{children}</>;
+}
diff --git a/src/components/RemoteDataTable.tsx b/src/components/RemoteDataTable.tsx
new file mode 100644
index 0000000..0bec06e
--- /dev/null
+++ b/src/components/RemoteDataTable.tsx
@@ -0,0 +1,167 @@
+"use client";
+
+import React from "react";
+import db from "@/lib/dbClient";
+import { DataTable } from "@/components/data-table";
+
+type ColumnDef = {
+  name: string; // property path on row
+  label: string;
+  type?: "string" | "number" | "boolean" | "date" | "status" | "code";
+  children?: ColumnDef[];
+};
+
+type Props = {
+  table: string;
+  idField?: string; // e.g. 'bank_id'
+  columns?: ColumnDef[];
+  where?: any;
+  search?: string;
+  filters?: Record<string, any>;
+  urlData?: ((data: any) => string) | string; // either a serializable URL pattern or a function
+  addSectionLabel?: string;
+  addSectionUrl?: string;
+  include?: any;
+};
+
+export default function RemoteDataTable({
+  table,
+  idField,
+  columns,
+  where,
+  search,
+  filters,
+  include,
+  urlData,
+  addSectionLabel,
+  addSectionUrl,
+}: Props) {
+  const [rows, setRows] = React.useState<any[]>([]);
+  const [loading, setLoading] = React.useState(false);
+  const [error, setError] = React.useState<string | null>(null);
+  const [pageIndex, setPageIndex] = React.useState(0);
+  const [pageSize, setPageSize] = React.useState(10);
+  const [total, setTotal] = React.useState<number | null>(null);
+
+  const fetchPage = React.useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const skip = pageIndex * pageSize;
+      const take = pageSize;
+      // build payload: send Prisma-like args plus optional where/search/filters
+      const args: any = { skip, take };
+      // include consumer-supplied where/search/filters
+      if (typeof where !== "undefined") args.where = where;
+      if (typeof search !== "undefined") args.search = search;
+      if (typeof filters !== "undefined") args.filters = filters;
+      if (typeof include !== "undefined") args.include = include;
+
+      // @ts-ignore dynamic access
+      const res = await (db as any)[table].findMany(args);
+
+      // try to fetch total count from backend if endpoint supports it
+      let fetchedTotal: number | null = null;
+      try {
+        // @ts-ignore dynamic access
+        const c = await (db as any)[table].count?.({
+          where: args.where ?? where,
+        });
+        if (typeof c === "number") fetchedTotal = c;
+        else if (c && typeof c.count === "number") fetchedTotal = c;
+      } catch (e) {
+        // ignore count errors; we'll fallback to response shape
+      }
+      console.log(res);
+      if (Array.isArray(res)) {
+        setRows(res);
+        setTotal(fetchedTotal ?? res.length);
+      } else if (res && Array.isArray(res as any)) {
+        setRows(res as any);
+        setTotal(
+          fetchedTotal ??
+            (typeof (res as any) === "number"
+              ? (res as any)
+              : (res as any).length)
+        );
+      } else if (res && Array.isArray(res as any)) {
+        // some backends wrap in { result: [...] }
+        setRows(res as any);
+        setTotal(fetchedTotal ?? (res as any).length);
+      } else {
+        setRows([]);
+        setTotal(0);
+      }
+    } catch (e: any) {
+      setError(e?.message || String(e));
+    } finally {
+      setLoading(false);
+    }
+  }, [table, pageIndex, pageSize]);
+
+  React.useEffect(() => {
+    fetchPage();
+  }, [fetchPage]);
+
+  const idKey = React.useMemo(() => idField ?? "", [idField]);
+
+  const cols: ColumnDef[] = columns && columns.length ? columns : [];
+
+  const mapped = rows.map((r: any, idx: number) => {
+    const id = idKey ? r[idKey] ?? idx : pageIndex * pageSize + idx;
+
+    const getByPath = (obj: any, path: string) => {
+      return path
+        .split(".")
+        .reduce((acc: any, k) => (acc ? acc[k] : undefined), obj);
+    };
+    const headerField = cols[1]?.name ?? cols[0]?.name ?? "name";
+    const typeField = cols[0]?.name ?? "code";
+    const header = getByPath(r, headerField) ?? String(id);
+    const type = getByPath(r, typeField) ?? "";
+    const status =
+      typeof r.is_active !== "undefined"
+        ? r.is_active
+          ? "Done"
+          : "In Progress"
+        : "";
+    let result = {
+      id,
+      ...r,
+    };
+    return result;
+  });
+  const onDelete = React.useCallback(
+    async (id: any) => {
+      try {
+        // @ts-ignore dynamic access
+        await (db as any)[table].delete({ where: { [idField ?? "id"]: id } });
+        // refresh
+        fetchPage();
+      } catch (e) {
+        console.error("delete failed", e);
+        throw e;
+      }
+    },
+    [table, idField, fetchPage]
+  );
+  console.log(mapped);
+  return (
+    <div>
+      {loading && (
+        <div className="py-2 text-sm text-muted-foreground">
+          Loading table...
+        </div>
+      )}
+      {error && <div className="py-2 text-sm text-red-600">{error}</div>}
+      <DataTable
+        data={mapped}
+        columns={cols}
+        urlData={urlData}
+        onDelete={onDelete}
+        addSectionLabel={addSectionLabel}
+        addSectionUrl={addSectionUrl}
+      />
+    </div>
+  );
+}
diff --git a/src/components/SetHeaderTitle.tsx b/src/components/SetHeaderTitle.tsx
new file mode 100644
index 0000000..3976840
--- /dev/null
+++ b/src/components/SetHeaderTitle.tsx
@@ -0,0 +1,21 @@
+"use client";
+
+import { useEffect } from "react";
+import { usePageTitle } from "@/providers/PageTitleProvider";
+
+export default function SetHeaderTitle({
+  title,
+  resetTo = "Documents",
+}: {
+  title: string | { label: string; url?: string }[];
+  resetTo?: string | { label: string; url?: string }[] | string;
+}) {
+  const { setTitle } = usePageTitle();
+
+  useEffect(() => {
+    setTitle(title as any);
+    return () => setTitle(resetTo as any);
+  }, [title, resetTo, setTitle]);
+
+  return null;
+}
diff --git a/src/components/SetPageTitle.tsx b/src/components/SetPageTitle.tsx
new file mode 100644
index 0000000..521cbc5
--- /dev/null
+++ b/src/components/SetPageTitle.tsx
@@ -0,0 +1,39 @@
+"use client";
+
+import { useEffect } from "react";
+
+/**
+ * SetPageTitle (document title)
+ * This component updates the browser/document title (the website tab title).
+ * It intentionally does NOT touch the header title provider.
+ *
+ * Usage: <SetPageTitle title="My Page" /> or pass an array of breadcrumb items;
+ * when an array is provided the last breadcrumb label will be used as the page title.
+ */
+export default function SetPageTitle({
+  title,
+  resetTo = "App",
+}: {
+  title: string | { label: string; url?: string }[];
+  resetTo?: string | { label: string; url?: string }[] | string;
+}) {
+  useEffect(() => {
+    const resolved = Array.isArray(title)
+      ? title.length
+        ? title[title.length - 1].label
+        : String(title)
+      : title;
+
+    const prev = document.title;
+    document.title = String(resolved);
+
+    return () => {
+      if (typeof resetTo === "string") document.title = resetTo;
+      else if (Array.isArray(resetTo) && resetTo.length)
+        document.title = resetTo[resetTo.length - 1].label;
+      else document.title = prev;
+    };
+  }, [title, resetTo]);
+
+  return null;
+}
diff --git a/src/components/TenantEditClient.tsx b/src/components/TenantEditClient.tsx
new file mode 100644
index 0000000..6cb25ae
--- /dev/null
+++ b/src/components/TenantEditClient.tsx
@@ -0,0 +1,84 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { useForm } from "react-hook-form";
+import db from "@/lib/dbClient";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { toast } from "sonner";
+import { useRouter } from "next/navigation";
+
+type Props = {
+  id?: string | null;
+  defaults?: any;
+};
+
+export default function TenantEditClient({ id, defaults }: Props) {
+  const router = useRouter();
+  const { register, handleSubmit, reset } = useForm({
+    defaultValues: defaults,
+  });
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+
+  useEffect(() => {
+    if (defaults) reset(defaults);
+  }, [defaults, reset]);
+
+  const onSubmit = async (vals: any) => {
+    setLoading(true);
+    setError(null);
+    try {
+      if (!id || id === "new") {
+        await db.tenants.create({ data: vals });
+        toast.success("Tenant created");
+      } else {
+        await db.tenants.update({ where: { tenant_id: id }, data: vals });
+        toast.success("Tenant updated");
+      }
+      // client-side navigation for smoother UX
+      router.push("/d/tenant");
+    } catch (e: any) {
+      const msg = e?.message || String(e);
+      setError(msg);
+      toast.error("Save failed: " + msg);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <form className="p-4" onSubmit={handleSubmit(onSubmit)}>
+      <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+        <div className="flex flex-col gap-2 mb-2">
+          <Label htmlFor="name">Name</Label>
+          <Input
+            id="name"
+            disabled={loading}
+            {...register("name", { required: true })}
+          />
+        </div>
+        <div className="flex flex-col gap-2 mb-2">
+          <Label htmlFor="code">Code</Label>
+          <Input id="code" disabled={loading} {...register("code")} />
+        </div>
+      </div>
+
+      {error && <div className="text-sm text-red-600 mb-2">{error}</div>}
+
+      <div className="flex gap-2 mt-4">
+        <Button type="submit" disabled={loading}>
+          {loading ? "Saving..." : "Save"}
+        </Button>
+        <Button
+          variant="outline"
+          onClick={() => router.push("/d/tenant")}
+          disabled={loading}
+        >
+          Back
+        </Button>
+      </div>
+    </form>
+  );
+}
diff --git a/src/components/TestDbClient.tsx b/src/components/TestDbClient.tsx
new file mode 100644
index 0000000..dd267bd
--- /dev/null
+++ b/src/components/TestDbClient.tsx
@@ -0,0 +1,49 @@
+"use client";
+
+import React from "react";
+import db from "@/lib/dbClient";
+
+export default function TestDbClient() {
+  const [name, setName] = React.useState("");
+  const [loading, setLoading] = React.useState(false);
+  const [result, setResult] = React.useState<any>(null);
+  const [error, setError] = React.useState<string | null>(null);
+
+  const handleCreate = async () => {
+    setLoading(true);
+    setError(null);
+    setResult(null);
+    try {
+      const res = await db.banks.create({ data: { name, code: name } });
+      setResult(res);
+    } catch (e: any) {
+      setError(e?.message || String(e));
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div className="p-4">
+      <h2 className="text-lg font-semibold mb-2">Test DB Client</h2>
+      <div className="mb-2">
+        <input
+          value={name}
+          onChange={(e) => setName(e.target.value)}
+          placeholder="bank name"
+          className="border px-2 py-1 mr-2"
+        />
+        <button onClick={handleCreate} disabled={loading} className="btn">
+          {loading ? "Creating..." : "Create"}
+        </button>
+      </div>
+
+      {result && (
+        <pre className="bg-gray-100 p-2 mt-2">
+          {JSON.stringify(result, null, 2)}
+        </pre>
+      )}
+      {error && <div className="text-red-600 mt-2">Error: {error}</div>}
+    </div>
+  );
+}
diff --git a/src/components/UserAccessList.tsx b/src/components/UserAccessList.tsx
new file mode 100644
index 0000000..85f7235
--- /dev/null
+++ b/src/components/UserAccessList.tsx
@@ -0,0 +1,21 @@
+"use client";
+import RemoteDataTable from "@/components/RemoteDataTable";
+
+export default function UserAccessList({ userId }: { userId: string }) {
+  return (
+    <div className="">
+      <RemoteDataTable
+        table="user_access"
+        idField="access_id"
+        columns={[
+          { name: "access_type", label: "Type" },
+          { name: "access_value", label: "Value" },
+          { name: "is_active", label: "Active" },
+        ]}
+        addSectionLabel="Add Access"
+        addSectionUrl={`/d/user/${userId}/access/new`}
+        urlData={`/d/user/${userId}/access/:access_id`}
+      />
+    </div>
+  );
+}
diff --git a/src/components/UserEditClient.tsx b/src/components/UserEditClient.tsx
new file mode 100644
index 0000000..190248e
--- /dev/null
+++ b/src/components/UserEditClient.tsx
@@ -0,0 +1,80 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { useForm } from "react-hook-form";
+import db from "@/lib/dbClient";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { toast } from "sonner";
+import { useRouter } from "next/navigation";
+
+type Props = { id?: string | null; defaults?: any };
+
+export default function UserEditClient({ id, defaults }: Props) {
+  const router = useRouter();
+  const { register, handleSubmit, reset } = useForm({
+    defaultValues: defaults,
+  });
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+
+  useEffect(() => {
+    if (defaults) reset(defaults);
+  }, [defaults, reset]);
+
+  const onSubmit = async (vals: any) => {
+    setLoading(true);
+    setError(null);
+    try {
+      if (!id || id === "new") {
+        await db.users.create({ data: vals });
+        toast.success("User created");
+      } else {
+        await db.users.update({ where: { user_id: id }, data: vals });
+        toast.success("User updated");
+      }
+      router.push("/d/user");
+    } catch (e: any) {
+      const msg = e?.message || String(e);
+      setError(msg);
+      toast.error("Save failed: " + msg);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <form className="p-4 max-w-lg" onSubmit={handleSubmit(onSubmit)}>
+      <div className="flex flex-col gap-2 mb-2">
+        <Label htmlFor="username">Username</Label>
+        <Input
+          id="username"
+          disabled={loading}
+          {...register("username", { required: true })}
+        />
+      </div>
+      <div className="flex flex-col gap-2 mb-2">
+        <Label htmlFor="email">Email</Label>
+        <Input
+          id="email"
+          disabled={loading}
+          {...register("email", { required: true })}
+        />
+      </div>
+      {error && <div className="text-sm text-red-600 mb-2">{error}</div>}
+      <div className="flex gap-2 mt-4">
+        <Button type="submit" disabled={loading}>
+          {loading ? "Saving..." : "Save"}
+        </Button>
+        <Button
+          variant="outline"
+          onClick={() => router.push("/d/user")}
+          disabled={loading}
+        >
+          Back
+        </Button>
+      </div>
+    </form>
+  );
+}
diff --git a/src/components/UserFormClient.tsx b/src/components/UserFormClient.tsx
new file mode 100644
index 0000000..b1b84dc
--- /dev/null
+++ b/src/components/UserFormClient.tsx
@@ -0,0 +1,279 @@
+"use client";
+import React from "react";
+import { useRouter } from "next/navigation";
+import { Form } from "@/components/form/Form";
+import { Field } from "@/components/form/Field";
+import { toast } from "sonner";
+import db from "@/lib/dbClient";
+import { Button } from "./ui/button";
+import ParametersList from "@/components/ParametersList";
+import UserAccessList from "@/components/UserAccessList";
+import {
+  ResizableHandle,
+  ResizablePanel,
+  ResizablePanelGroup,
+} from "./ui/resize";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "./ui/tabs";
+type Props = { id?: string; defaults?: any };
+
+export default function UserFormClient({ id, defaults }: Props) {
+  const router = useRouter();
+  const [loading, setLoading] = React.useState(false);
+
+  return (
+    <div className="flex flex-col flex-grow">
+      <ResizablePanelGroup direction="vertical" className=" rounded-lg ">
+        <ResizablePanel defaultSize={id && id !== "new" ? 75 : 100}>
+          <div className="flex h-full flex-col overflow-y-auto">
+            <Form
+              onSubmit={async (fm: any) => {
+                const vals = fm.data;
+                delete vals.tenants;
+                delete vals.banks;
+                delete vals.database;
+                console.log("vals", vals);
+                if (!id || id === "new") {
+                  await db.users.create({ data: vals });
+                  toast.success("User created");
+                } else {
+                  await db.users.update({
+                    where: { user_id: id },
+                    data: vals,
+                  });
+                  // toast.success("User updated");
+                }
+              }}
+              onLoad={async () => {
+                if (id && id !== "new") {
+                  const user = await db.users.findFirst({
+                    select: {
+                      user_id: true,
+                      username: true,
+                      tenant_id: true,
+                      bank_id: true,
+                      private_key_file: true,
+                      public_key_file: true,
+                      pharaphrase: true,
+                      clientbank_id: true,
+                      db_id: true,
+                      tenants: true,
+                      banks: true,
+                      database: true,
+                    },
+                    where: { user_id: id },
+                    // include: { tenants: true, banks: true },
+                  });
+                  return user || {};
+                }
+                return {};
+              }}
+              showResize={false}
+              header={(fm: any) => (
+                <>
+                  <div className="flex-grow px-4 py-2 font-semibold flex flex-row items-center gap-2">
+                    <Button
+                      disabled={loading}
+                      onClick={async () => {
+                        try {
+                          setLoading(true);
+                          await fm.submit();
+                        } catch (e: any) {
+                          setLoading(false);
+                          toast.error(String(e?.message || e));
+                        } finally {
+                          setLoading(false);
+                        }
+                      }}
+                    >
+                      {loading ? "Saving..." : "Save"}
+                    </Button>
+                    {id && id !== "new" && (
+                      <Button
+                        variant="destructive"
+                        onClick={async () => {
+                          if (!id || id === "new") return;
+                          const ok = confirm(
+                            "Are you sure you want to delete this user?"
+                          );
+                          if (!ok) return;
+                          try {
+                            setLoading(true);
+                            await db.users.delete({ where: { user_id: id } });
+                            toast.success("User deleted");
+                            router.push("/d/user");
+                          } catch (e: any) {
+                            toast.error(String(e?.message || e));
+                          } finally {
+                            setLoading(false);
+                          }
+                        }}
+                        disabled={loading || !id || id === "new"}
+                      >
+                        Delete
+                      </Button>
+                    )}
+                  </div>
+                </>
+              )}
+              children={(fm: any) => (
+                <>
+                  <div
+                    className={
+                      "flex flex-col gap-y-2 md:gap-y-0 md:flex-row flex-wrap px-4 py-2"
+                    }
+                  >
+                    <div
+                      className={"flex-grow grid gap-4 md:gap-6 md:grid-cols-2"}
+                    >
+                      <div>
+                        <Field
+                          fm={fm}
+                          target={"tenant_id"}
+                          name={"tenants"}
+                          label={"Tenant"}
+                          type={"dropdown-async"}
+                          onLoad={async (param: any) => {
+                            const res = await db.tenants.findMany({
+                              where: { name: { contains: param.search || "" } },
+                              take: param.take || 10,
+                              skip: param.skip || 0,
+                            });
+                            return res;
+                          }}
+                          onValue={"tenant_id"}
+                          onLabel={"name"}
+                        />
+                      </div>
+                      <div>
+                        <Field
+                          fm={fm}
+                          target={"bank_id"}
+                          name={"banks"}
+                          label={"Bank"}
+                          type={"dropdown-async"}
+                          onLoad={async (param: any) => {
+                            const res = await db.banks.findMany({
+                              where: { name: { contains: param.search || "" } },
+                              take: param.take || 10,
+                              skip: param.skip || 0,
+                            });
+                            return res;
+                          }}
+                          onValue={"bank_id"}
+                          onLabel={"name"}
+                        />
+                      </div>
+                      <div>
+                        <Field
+                          fm={fm}
+                          name={"clientbank_id"}
+                          label={"Client Bank ID"}
+                          type={"text"}
+                          placeholder="Client Bank ID"
+                        />
+                      </div>
+
+                      <div>
+                        <Field
+                          fm={fm}
+                          name={"client_id"}
+                          label={"Midsuit Client ID"}
+                          type={"text"}
+                          placeholder="Midsuit Client ID"
+                        />
+                      </div>
+                      <div>
+                        <Field
+                          fm={fm}
+                          target={"db_id"}
+                          name={"database"}
+                          label={"Database"}
+                          type={"dropdown-async"}
+                          onLoad={async (param: any) => {
+                            const res = await db.database.findMany({
+                              where: { name: { contains: param.search || "" } },
+                              take: param.take || 10,
+                              skip: param.skip || 0,
+                            });
+                            return res;
+                          }}
+                          onValue={"db_id"}
+                          onLabel={"name"}
+                        />
+                      </div>
+                      <div>
+                        <Field
+                          fm={fm}
+                          name={"username"}
+                          label={"Username"}
+                          type={"text"}
+                          placeholder="Username"
+                        />
+                      </div>
+                      <div>
+                        <Field
+                          fm={fm}
+                          name={"password"}
+                          label={"Password"}
+                          type={"text"}
+                          placeholder="********"
+                        />
+                      </div>
+                      <div>
+                        <Field
+                          fm={fm}
+                          name={"private_key_file"}
+                          label={"Private Key File"}
+                          type={"upload"}
+                        />
+                      </div>
+                      <div>
+                        <Field
+                          fm={fm}
+                          name={"pharaphrase"}
+                          label={"Paraphrase"}
+                          type={"text"}
+                          placeholder="********"
+                        />
+                      </div>
+
+                      <div>
+                        <Field
+                          fm={fm}
+                          name={"public_key_file"}
+                          label={"Public Key File"}
+                          type={"upload"}
+                        />
+                      </div>
+                    </div>
+                  </div>
+                </>
+              )}
+            />
+          </div>
+        </ResizablePanel>
+        <ResizableHandle />
+        <ResizablePanel defaultSize={id && id !== "new" ? 25 : 0}>
+          <div className="flex h-full flex-grow">
+            {id && id !== "new" ? (
+              <Tabs defaultValue="parameter" className="w-full">
+                <div className="bg-muted w-full">
+                  <TabsList>
+                    <TabsTrigger value="parameter">Parameters</TabsTrigger>
+                    <TabsTrigger value="access">User Access</TabsTrigger>
+                  </TabsList>
+                </div>
+                <TabsContent value="access">
+                  <UserAccessList userId={id} />
+                </TabsContent>
+                <TabsContent value="parameter">
+                  <ParametersList userId={id} />
+                </TabsContent>
+              </Tabs>
+            ) : null}
+          </div>
+        </ResizablePanel>
+      </ResizablePanelGroup>
+    </div>
+  );
+}
diff --git a/src/components/UsersManager.tsx b/src/components/UsersManager.tsx
new file mode 100644
index 0000000..66da51a
--- /dev/null
+++ b/src/components/UsersManager.tsx
@@ -0,0 +1,67 @@
+"use client";
+import { useEffect, useState } from "react";
+import RemoteDataTable from "@/components/RemoteDataTable";
+import {
+  Drawer,
+  DrawerTrigger,
+  DrawerContent,
+  DrawerHeader,
+  DrawerTitle,
+  DrawerDescription,
+} from "@/components/ui/drawer";
+import UserEditClient from "./UserEditClient";
+
+export default function UsersManager() {
+  const [open, setOpen] = useState(false);
+  const [editingId, setEditingId] = useState<string | null>(null);
+
+  useEffect(() => {
+    const handler = (e: any) => {
+      const url = e?.detail?.url;
+      if (url) {
+        window.location.href = url;
+        return;
+      }
+      setOpen(true);
+      setEditingId(null);
+    };
+    window.addEventListener("app:add-section", handler as EventListener);
+    return () =>
+      window.removeEventListener("app:add-section", handler as EventListener);
+  }, []);
+
+  return (
+    <div className="p-2">
+      <div className="flex items-center justify-between mb-4">
+        <div />
+        <Drawer open={open} onOpenChange={setOpen}>
+          <DrawerTrigger asChild>
+            <span />
+          </DrawerTrigger>
+          <DrawerContent>
+            <DrawerHeader>
+              <DrawerTitle>Add User</DrawerTitle>
+              <DrawerDescription>Create or edit a user</DrawerDescription>
+            </DrawerHeader>
+            {/* @ts-ignore client component */}
+            <UserEditClient id={editingId ?? "new"} />
+          </DrawerContent>
+        </Drawer>
+      </div>
+
+      <RemoteDataTable
+        table="users"
+        idField="user_id"
+        columns={[
+          { name: "username", label: "Username" },
+          { name: "tenants.name", label: "Client" },
+          { name: "banks.name", label: "Bank" },
+        ]}
+        urlData="/d/user/:user_id"
+        addSectionLabel="Add User"
+        addSectionUrl="/d/user/new"
+        include={{ tenants: true, banks: true }}
+      />
+    </div>
+  );
+}
diff --git a/src/components/app-sidebar.tsx b/src/components/app-sidebar.tsx
new file mode 100644
index 0000000..d73f4fa
--- /dev/null
+++ b/src/components/app-sidebar.tsx
@@ -0,0 +1,118 @@
+"use client";
+import * as React from "react";
+import {
+  IconChartBar,
+  IconDashboard,
+  IconDatabase,
+  IconInnerShadowTop,
+  IconListDetails,
+  IconUsers,
+} from "@tabler/icons-react";
+
+import { NavMain } from "@/components/nav-main";
+import { NavUser } from "@/components/nav-user";
+import {
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarHeader,
+  SidebarMenu,
+  SidebarMenuButton,
+  SidebarMenuItem,
+} from "@/components/ui/sidebar";
+
+const navMain = [
+  {
+    title: "Dashboard",
+    url: "/d/dashboard",
+    icon: IconDashboard,
+  },
+  {
+    title: "Tenant",
+    url: "/d/tenant",
+    icon: IconListDetails,
+  },
+  {
+    title: "Bank",
+    url: "/d/bank",
+    icon: IconChartBar,
+  },
+  {
+    title: "Database",
+    url: "/d/database",
+    icon: IconDatabase,
+  },
+  {
+    title: "Users",
+    url: "/d/user",
+    icon: IconUsers,
+  },
+];
+
+export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
+  const [user, setUser] = React.useState<any>(null);
+  const [loading, setLoading] = React.useState(true);
+
+  React.useEffect(() => {
+    async function fetchUser() {
+      try {
+        setLoading(true);
+        // token should be sent via cookie
+        const token = localStorage.getItem("authToken");
+
+        const headers: Record<string, string> = {};
+        if (token) {
+          headers["Authorization"] = `Bearer ${token}`;
+        }
+        const res = await fetch(process.env.NEXT_PUBLIC_API_URL + "/me", {
+          headers,
+        });
+        const json = await res.json();
+        // expects { result: { user_id, username } }'
+        console.log({ json });
+        console.log({
+          name: json?.result?.username || "-",
+          email: undefined,
+          avatar: "/avatars/shadcn.jpg",
+          user_id: json?.result?.user_id,
+        });
+        setUser({
+          name: json?.result?.username || "-",
+          email: undefined,
+          avatar: "/avatars/shadcn.jpg",
+          user_id: json?.result?.user_id,
+        });
+        console.log(user);
+      } catch (e) {
+        setUser(null);
+      } finally {
+        setLoading(false);
+      }
+    }
+    fetchUser();
+  }, []);
+
+  return (
+    <Sidebar collapsible="offcanvas" {...props}>
+      <SidebarHeader>
+        <SidebarMenu>
+          <SidebarMenuItem>
+            <SidebarMenuButton
+              asChild
+              className="data-[slot=sidebar-menu-button]:!p-1.5"
+            >
+              <a href="#">
+                <IconInnerShadowTop className="!size-5" />
+                <span className="text-base font-semibold">Midsuit</span>
+              </a>
+            </SidebarMenuButton>
+          </SidebarMenuItem>
+        </SidebarMenu>
+      </SidebarHeader>
+      <SidebarContent>
+        <NavMain items={navMain} />
+      </SidebarContent>
+      <SidebarFooter>{!loading && <NavUser user={user} />}</SidebarFooter>
+    </Sidebar>
+  );
+}
diff --git a/src/components/banks/BankEditClient.tsx b/src/components/banks/BankEditClient.tsx
new file mode 100644
index 0000000..609791d
--- /dev/null
+++ b/src/components/banks/BankEditClient.tsx
@@ -0,0 +1,11 @@
+"use client";
+
+import BaseBankForm from "@/components/banks/BaseBankForm";
+
+export default function BankEditClient({ id }: { id: string }) {
+  return (
+    <div className="p-4">
+      <BaseBankForm id={id} />
+    </div>
+  );
+}
diff --git a/src/components/banks/BaseBankForm.tsx b/src/components/banks/BaseBankForm.tsx
new file mode 100644
index 0000000..41720a5
--- /dev/null
+++ b/src/components/banks/BaseBankForm.tsx
@@ -0,0 +1,128 @@
+"use client";
+
+import * as React from "react";
+import BaseForm from "@/components/BaseForm";
+import { Field, FieldLabel, FieldContent } from "@/components/ui/field";
+import { Input } from "@/components/ui/input";
+import db from "@/lib/dbClient";
+import { useRouter } from "next/navigation";
+import { useFormContext, Controller } from "react-hook-form";
+import AsyncSelectPaginate from "@/components/AsyncSelectPaginate";
+
+function BankFields() {
+  const { control } = useFormContext();
+
+  return (
+    <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+      <Field>
+        <FieldLabel>Name</FieldLabel>
+        <FieldContent>
+          <Controller
+            name="name"
+            control={control}
+            render={({ field }) => <Input {...field} />}
+          />
+        </FieldContent>
+      </Field>
+
+      <Field>
+        <FieldLabel>Code</FieldLabel>
+        <FieldContent>
+          <Controller
+            name="code"
+            control={control}
+            render={({ field }) => <Input {...field} />}
+          />
+        </FieldContent>
+      </Field>
+
+      <Field>
+        <FieldLabel>Parent Bank</FieldLabel>
+        <FieldContent>
+          <Controller
+            name="parent_bank"
+            control={control}
+            render={({ field }) => (
+              <AsyncSelectPaginate
+                value={field.value}
+                getOptionLabel={(o: any) => o.label}
+                getOptionValue={(o: any) => o.value}
+                loader={async (search: string, page: number) => {
+                  const take = 20;
+                  const skip = (page - 1) * take;
+
+                  // Query tenants (paginated) from backend via db client
+                  const res: any = await db.tenants.findMany({
+                    skip,
+                    take,
+                    where: { name: { contains: search } },
+                  });
+
+                  let items: any[] = [];
+                  if (Array.isArray(res)) items = res;
+                  else if (res && Array.isArray(res.rows)) items = res.rows;
+
+                  const options = items.map((it: any) => ({
+                    label: it.name,
+                    value: String(it.tenant_id || it.id || it.bank_id),
+                  }));
+
+                  const hasMore = items.length === take;
+
+                  return { options, hasMore };
+                }}
+                onChange={(v: any) => field.onChange(v)}
+              />
+            )}
+          />
+        </FieldContent>
+      </Field>
+    </div>
+  );
+}
+
+export default function BaseBankForm({ id }: { id?: string }) {
+  const router = useRouter();
+  const [defaults, setDefaults] = React.useState<any>(undefined);
+
+  React.useEffect(() => {
+    let mounted = true;
+    (async () => {
+      if (id && id !== "new") {
+        try {
+          const resp = await db.banks.findFirst({ where: { bank_id: id } });
+          if (mounted) setDefaults(resp || {});
+        } catch (e) {
+          console.error("failed to load bank", e);
+          if (mounted) setDefaults({});
+        }
+      } else {
+        if (mounted) setDefaults({});
+      }
+    })();
+
+    return () => {
+      mounted = false;
+    };
+  }, [id]);
+
+  const onSubmit = async (values: any) => {
+    if (id === "new") await db.banks.create({ data: values });
+    else await db.banks.update({ where: { bank_id: id }, data: values });
+
+    router.push("/d/bank");
+  };
+
+  if (id && id !== "new" && defaults === undefined)
+    return <div>Loading...</div>;
+
+  return (
+    <BaseForm
+      defaultValues={defaults}
+      onSubmit={onSubmit}
+      submitLabel={id === "new" ? "Create" : "Save"}
+    >
+      <BankFields />
+    </BaseForm>
+  );
+}
diff --git a/src/components/chart-area-interactive.tsx b/src/components/chart-area-interactive.tsx
new file mode 100644
index 0000000..5b475ea
--- /dev/null
+++ b/src/components/chart-area-interactive.tsx
@@ -0,0 +1,291 @@
+"use client"
+
+import * as React from "react"
+import { Area, AreaChart, CartesianGrid, XAxis } from "recharts"
+
+import { useIsMobile } from "@/hooks/use-mobile"
+import {
+  Card,
+  CardAction,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card"
+import {
+  ChartConfig,
+  ChartContainer,
+  ChartTooltip,
+  ChartTooltipContent,
+} from "@/components/ui/chart"
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select"
+import {
+  ToggleGroup,
+  ToggleGroupItem,
+} from "@/components/ui/toggle-group"
+
+export const description = "An interactive area chart"
+
+const chartData = [
+  { date: "2024-04-01", desktop: 222, mobile: 150 },
+  { date: "2024-04-02", desktop: 97, mobile: 180 },
+  { date: "2024-04-03", desktop: 167, mobile: 120 },
+  { date: "2024-04-04", desktop: 242, mobile: 260 },
+  { date: "2024-04-05", desktop: 373, mobile: 290 },
+  { date: "2024-04-06", desktop: 301, mobile: 340 },
+  { date: "2024-04-07", desktop: 245, mobile: 180 },
+  { date: "2024-04-08", desktop: 409, mobile: 320 },
+  { date: "2024-04-09", desktop: 59, mobile: 110 },
+  { date: "2024-04-10", desktop: 261, mobile: 190 },
+  { date: "2024-04-11", desktop: 327, mobile: 350 },
+  { date: "2024-04-12", desktop: 292, mobile: 210 },
+  { date: "2024-04-13", desktop: 342, mobile: 380 },
+  { date: "2024-04-14", desktop: 137, mobile: 220 },
+  { date: "2024-04-15", desktop: 120, mobile: 170 },
+  { date: "2024-04-16", desktop: 138, mobile: 190 },
+  { date: "2024-04-17", desktop: 446, mobile: 360 },
+  { date: "2024-04-18", desktop: 364, mobile: 410 },
+  { date: "2024-04-19", desktop: 243, mobile: 180 },
+  { date: "2024-04-20", desktop: 89, mobile: 150 },
+  { date: "2024-04-21", desktop: 137, mobile: 200 },
+  { date: "2024-04-22", desktop: 224, mobile: 170 },
+  { date: "2024-04-23", desktop: 138, mobile: 230 },
+  { date: "2024-04-24", desktop: 387, mobile: 290 },
+  { date: "2024-04-25", desktop: 215, mobile: 250 },
+  { date: "2024-04-26", desktop: 75, mobile: 130 },
+  { date: "2024-04-27", desktop: 383, mobile: 420 },
+  { date: "2024-04-28", desktop: 122, mobile: 180 },
+  { date: "2024-04-29", desktop: 315, mobile: 240 },
+  { date: "2024-04-30", desktop: 454, mobile: 380 },
+  { date: "2024-05-01", desktop: 165, mobile: 220 },
+  { date: "2024-05-02", desktop: 293, mobile: 310 },
+  { date: "2024-05-03", desktop: 247, mobile: 190 },
+  { date: "2024-05-04", desktop: 385, mobile: 420 },
+  { date: "2024-05-05", desktop: 481, mobile: 390 },
+  { date: "2024-05-06", desktop: 498, mobile: 520 },
+  { date: "2024-05-07", desktop: 388, mobile: 300 },
+  { date: "2024-05-08", desktop: 149, mobile: 210 },
+  { date: "2024-05-09", desktop: 227, mobile: 180 },
+  { date: "2024-05-10", desktop: 293, mobile: 330 },
+  { date: "2024-05-11", desktop: 335, mobile: 270 },
+  { date: "2024-05-12", desktop: 197, mobile: 240 },
+  { date: "2024-05-13", desktop: 197, mobile: 160 },
+  { date: "2024-05-14", desktop: 448, mobile: 490 },
+  { date: "2024-05-15", desktop: 473, mobile: 380 },
+  { date: "2024-05-16", desktop: 338, mobile: 400 },
+  { date: "2024-05-17", desktop: 499, mobile: 420 },
+  { date: "2024-05-18", desktop: 315, mobile: 350 },
+  { date: "2024-05-19", desktop: 235, mobile: 180 },
+  { date: "2024-05-20", desktop: 177, mobile: 230 },
+  { date: "2024-05-21", desktop: 82, mobile: 140 },
+  { date: "2024-05-22", desktop: 81, mobile: 120 },
+  { date: "2024-05-23", desktop: 252, mobile: 290 },
+  { date: "2024-05-24", desktop: 294, mobile: 220 },
+  { date: "2024-05-25", desktop: 201, mobile: 250 },
+  { date: "2024-05-26", desktop: 213, mobile: 170 },
+  { date: "2024-05-27", desktop: 420, mobile: 460 },
+  { date: "2024-05-28", desktop: 233, mobile: 190 },
+  { date: "2024-05-29", desktop: 78, mobile: 130 },
+  { date: "2024-05-30", desktop: 340, mobile: 280 },
+  { date: "2024-05-31", desktop: 178, mobile: 230 },
+  { date: "2024-06-01", desktop: 178, mobile: 200 },
+  { date: "2024-06-02", desktop: 470, mobile: 410 },
+  { date: "2024-06-03", desktop: 103, mobile: 160 },
+  { date: "2024-06-04", desktop: 439, mobile: 380 },
+  { date: "2024-06-05", desktop: 88, mobile: 140 },
+  { date: "2024-06-06", desktop: 294, mobile: 250 },
+  { date: "2024-06-07", desktop: 323, mobile: 370 },
+  { date: "2024-06-08", desktop: 385, mobile: 320 },
+  { date: "2024-06-09", desktop: 438, mobile: 480 },
+  { date: "2024-06-10", desktop: 155, mobile: 200 },
+  { date: "2024-06-11", desktop: 92, mobile: 150 },
+  { date: "2024-06-12", desktop: 492, mobile: 420 },
+  { date: "2024-06-13", desktop: 81, mobile: 130 },
+  { date: "2024-06-14", desktop: 426, mobile: 380 },
+  { date: "2024-06-15", desktop: 307, mobile: 350 },
+  { date: "2024-06-16", desktop: 371, mobile: 310 },
+  { date: "2024-06-17", desktop: 475, mobile: 520 },
+  { date: "2024-06-18", desktop: 107, mobile: 170 },
+  { date: "2024-06-19", desktop: 341, mobile: 290 },
+  { date: "2024-06-20", desktop: 408, mobile: 450 },
+  { date: "2024-06-21", desktop: 169, mobile: 210 },
+  { date: "2024-06-22", desktop: 317, mobile: 270 },
+  { date: "2024-06-23", desktop: 480, mobile: 530 },
+  { date: "2024-06-24", desktop: 132, mobile: 180 },
+  { date: "2024-06-25", desktop: 141, mobile: 190 },
+  { date: "2024-06-26", desktop: 434, mobile: 380 },
+  { date: "2024-06-27", desktop: 448, mobile: 490 },
+  { date: "2024-06-28", desktop: 149, mobile: 200 },
+  { date: "2024-06-29", desktop: 103, mobile: 160 },
+  { date: "2024-06-30", desktop: 446, mobile: 400 },
+]
+
+const chartConfig = {
+  visitors: {
+    label: "Visitors",
+  },
+  desktop: {
+    label: "Desktop",
+    color: "var(--primary)",
+  },
+  mobile: {
+    label: "Mobile",
+    color: "var(--primary)",
+  },
+} satisfies ChartConfig
+
+export function ChartAreaInteractive() {
+  const isMobile = useIsMobile()
+  const [timeRange, setTimeRange] = React.useState("90d")
+
+  React.useEffect(() => {
+    if (isMobile) {
+      setTimeRange("7d")
+    }
+  }, [isMobile])
+
+  const filteredData = chartData.filter((item) => {
+    const date = new Date(item.date)
+    const referenceDate = new Date("2024-06-30")
+    let daysToSubtract = 90
+    if (timeRange === "30d") {
+      daysToSubtract = 30
+    } else if (timeRange === "7d") {
+      daysToSubtract = 7
+    }
+    const startDate = new Date(referenceDate)
+    startDate.setDate(startDate.getDate() - daysToSubtract)
+    return date >= startDate
+  })
+
+  return (
+    <Card className="@container/card">
+      <CardHeader>
+        <CardTitle>Total Visitors</CardTitle>
+        <CardDescription>
+          <span className="hidden @[540px]/card:block">
+            Total for the last 3 months
+          </span>
+          <span className="@[540px]/card:hidden">Last 3 months</span>
+        </CardDescription>
+        <CardAction>
+          <ToggleGroup
+            type="single"
+            value={timeRange}
+            onValueChange={setTimeRange}
+            variant="outline"
+            className="hidden *:data-[slot=toggle-group-item]:!px-4 @[767px]/card:flex"
+          >
+            <ToggleGroupItem value="90d">Last 3 months</ToggleGroupItem>
+            <ToggleGroupItem value="30d">Last 30 days</ToggleGroupItem>
+            <ToggleGroupItem value="7d">Last 7 days</ToggleGroupItem>
+          </ToggleGroup>
+          <Select value={timeRange} onValueChange={setTimeRange}>
+            <SelectTrigger
+              className="flex w-40 **:data-[slot=select-value]:block **:data-[slot=select-value]:truncate @[767px]/card:hidden"
+              size="sm"
+              aria-label="Select a value"
+            >
+              <SelectValue placeholder="Last 3 months" />
+            </SelectTrigger>
+            <SelectContent className="rounded-xl">
+              <SelectItem value="90d" className="rounded-lg">
+                Last 3 months
+              </SelectItem>
+              <SelectItem value="30d" className="rounded-lg">
+                Last 30 days
+              </SelectItem>
+              <SelectItem value="7d" className="rounded-lg">
+                Last 7 days
+              </SelectItem>
+            </SelectContent>
+          </Select>
+        </CardAction>
+      </CardHeader>
+      <CardContent className="px-2 pt-4 sm:px-6 sm:pt-6">
+        <ChartContainer
+          config={chartConfig}
+          className="aspect-auto h-[250px] w-full"
+        >
+          <AreaChart data={filteredData}>
+            <defs>
+              <linearGradient id="fillDesktop" x1="0" y1="0" x2="0" y2="1">
+                <stop
+                  offset="5%"
+                  stopColor="var(--color-desktop)"
+                  stopOpacity={1.0}
+                />
+                <stop
+                  offset="95%"
+                  stopColor="var(--color-desktop)"
+                  stopOpacity={0.1}
+                />
+              </linearGradient>
+              <linearGradient id="fillMobile" x1="0" y1="0" x2="0" y2="1">
+                <stop
+                  offset="5%"
+                  stopColor="var(--color-mobile)"
+                  stopOpacity={0.8}
+                />
+                <stop
+                  offset="95%"
+                  stopColor="var(--color-mobile)"
+                  stopOpacity={0.1}
+                />
+              </linearGradient>
+            </defs>
+            <CartesianGrid vertical={false} />
+            <XAxis
+              dataKey="date"
+              tickLine={false}
+              axisLine={false}
+              tickMargin={8}
+              minTickGap={32}
+              tickFormatter={(value) => {
+                const date = new Date(value)
+                return date.toLocaleDateString("en-US", {
+                  month: "short",
+                  day: "numeric",
+                })
+              }}
+            />
+            <ChartTooltip
+              cursor={false}
+              content={
+                <ChartTooltipContent
+                  labelFormatter={(value) => {
+                    return new Date(value).toLocaleDateString("en-US", {
+                      month: "short",
+                      day: "numeric",
+                    })
+                  }}
+                  indicator="dot"
+                />
+              }
+            />
+            <Area
+              dataKey="mobile"
+              type="natural"
+              fill="url(#fillMobile)"
+              stroke="var(--color-mobile)"
+              stackId="a"
+            />
+            <Area
+              dataKey="desktop"
+              type="natural"
+              fill="url(#fillDesktop)"
+              stroke="var(--color-desktop)"
+              stackId="a"
+            />
+          </AreaChart>
+        </ChartContainer>
+      </CardContent>
+    </Card>
+  )
+}
diff --git a/src/components/data-table.tsx b/src/components/data-table.tsx
new file mode 100644
index 0000000..60ebde7
--- /dev/null
+++ b/src/components/data-table.tsx
@@ -0,0 +1,903 @@
+"use client";
+import * as React from "react";
+import {
+  closestCenter,
+  DndContext,
+  KeyboardSensor,
+  MouseSensor,
+  TouchSensor,
+  useSensor,
+  useSensors,
+  type DragEndEvent,
+  type UniqueIdentifier,
+} from "@dnd-kit/core";
+import { restrictToVerticalAxis } from "@dnd-kit/modifiers";
+import {
+  arrayMove,
+  SortableContext,
+  useSortable,
+  verticalListSortingStrategy,
+} from "@dnd-kit/sortable";
+import { CSS } from "@dnd-kit/utilities";
+import {
+  IconChevronDown,
+  IconChevronLeft,
+  IconChevronRight,
+  IconChevronsLeft,
+  IconChevronsRight,
+  IconDotsVertical,
+  IconPencil,
+  IconGripVertical,
+  IconLayoutColumns,
+  IconPlus,
+  IconTrendingUp,
+} from "@tabler/icons-react";
+import {
+  ColumnDef,
+  ColumnFiltersState,
+  flexRender,
+  getCoreRowModel,
+  getFacetedRowModel,
+  getFacetedUniqueValues,
+  getFilteredRowModel,
+  getPaginationRowModel,
+  getSortedRowModel,
+  Row,
+  SortingState,
+  useReactTable,
+  VisibilityState,
+} from "@tanstack/react-table";
+import { Area, AreaChart, CartesianGrid, XAxis } from "recharts";
+import { z } from "zod";
+// lightweight safe get to avoid adding types for lodash/get
+function safeGet(obj: any, path: string, defaultValue?: any) {
+  if (!obj || !path) return defaultValue;
+  const parts = path.split(".");
+  let cur = obj as any;
+  for (const p of parts) {
+    if (cur == null) return defaultValue;
+    cur = cur[p];
+  }
+  return cur === undefined ? defaultValue : cur;
+}
+
+import { useIsMobile } from "@/hooks/use-mobile";
+import { useRouter } from "next/navigation";
+import { toast } from "sonner";
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+import {
+  ChartConfig,
+  ChartContainer,
+  ChartTooltip,
+  ChartTooltipContent,
+} from "@/components/ui/chart";
+import { Checkbox } from "@/components/ui/checkbox";
+import {
+  Drawer,
+  DrawerClose,
+  DrawerContent,
+  DrawerDescription,
+  DrawerFooter,
+  DrawerHeader,
+  DrawerTitle,
+  DrawerTrigger,
+} from "@/components/ui/drawer";
+import {
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+import { Separator } from "@/components/ui/separator";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/components/ui/table";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
+import { ButtonLink } from "./ui/button-link";
+
+export const schema = z.object({
+  id: z.number(),
+  header: z.string(),
+  type: z.string(),
+  status: z.string(),
+  target: z.string(),
+  limit: z.string(),
+  reviewer: z.string(),
+});
+
+// Create a separate component for the drag handle
+function DragHandle({ id }: { id: number }) {
+  const { attributes, listeners } = useSortable({
+    id,
+  });
+
+  return (
+    <Button
+      {...attributes}
+      {...listeners}
+      variant="ghost"
+      size="icon"
+      className="text-muted-foreground size-7 hover:bg-transparent"
+    >
+      <IconGripVertical className="text-muted-foreground size-3" />
+      <span className="sr-only">Drag to reorder</span>
+    </Button>
+  );
+}
+
+const columns: ColumnDef<z.infer<typeof schema>>[] = [
+  {
+    id: "drag",
+    header: () => null,
+    cell: ({ row }) => <DragHandle id={row.original.id} />,
+  },
+  {
+    id: "select",
+    header: ({ table }) => (
+      <div className="flex items-center justify-center">
+        <Checkbox
+          checked={
+            table.getIsAllPageRowsSelected() ||
+            (table.getIsSomePageRowsSelected() && "indeterminate")
+          }
+          onCheckedChange={(value) => table.toggleAllPageRowsSelected(!!value)}
+          aria-label="Select all"
+        />
+      </div>
+    ),
+    cell: ({ row }) => (
+      <div className="flex items-center justify-center">
+        <Checkbox
+          checked={row.getIsSelected()}
+          onCheckedChange={(value) => row.toggleSelected(!!value)}
+          aria-label="Select row"
+        />
+      </div>
+    ),
+    enableSorting: false,
+    enableHiding: false,
+  },
+  {
+    id: "actions",
+    cell: () => (
+      <DropdownMenu>
+        <DropdownMenuTrigger asChild>
+          <Button
+            variant="ghost"
+            className="data-[state=open]:bg-muted text-muted-foreground flex size-8"
+            size="icon"
+          >
+            <IconDotsVertical />
+            <span className="sr-only">Open menu</span>
+          </Button>
+        </DropdownMenuTrigger>
+        <DropdownMenuContent align="end" className="w-32">
+          <DropdownMenuItem>Edit</DropdownMenuItem>
+          <DropdownMenuItem>Make a copy</DropdownMenuItem>
+          <DropdownMenuItem>Favorite</DropdownMenuItem>
+          <DropdownMenuSeparator />
+          <DropdownMenuItem variant="destructive">Delete</DropdownMenuItem>
+        </DropdownMenuContent>
+      </DropdownMenu>
+    ),
+  },
+];
+
+function DraggableRow({ row }: { row: Row<z.infer<typeof schema>> }) {
+  const { transform, transition, setNodeRef, isDragging } = useSortable({
+    id: row.original.id,
+  });
+
+  return (
+    <TableRow
+      data-state={row.getIsSelected() && "selected"}
+      data-dragging={isDragging}
+      ref={setNodeRef}
+      className="relative z-0 data-[dragging=true]:z-10 data-[dragging=true]:opacity-80"
+      style={{
+        transform: CSS.Transform.toString(transform),
+        transition: transition,
+      }}
+    >
+      {row.getVisibleCells().map((cell) => (
+        <TableCell key={cell.id}>
+          {flexRender(cell.column.columnDef.cell, cell.getContext())}
+        </TableCell>
+      ))}
+    </TableRow>
+  );
+}
+
+function ActionsCell({
+  row,
+  urlData,
+  onDelete,
+  onEdit,
+}: {
+  row: any;
+  urlData?: ((d: any) => string) | string;
+  onDelete?: (id: any) => Promise<void>;
+  onEdit?: (row: any) => void;
+}) {
+  const router = useRouter();
+
+  const resolveUrlFromPattern = (pattern: string, data: any) => {
+    // support :field and {field} placeholders
+    let url = pattern.replace(/:([a-zA-Z0-9_\.]+)/g, (_, p) => {
+      return encodeURIComponent(String(safeGet(data, p, "")));
+    });
+    url = url.replace(/\{([a-zA-Z0-9_\.]+)\}/g, (_, p) => {
+      return encodeURIComponent(String(safeGet(data, p, "")));
+    });
+    return url;
+  };
+
+  const goTo = () => {
+    if (!urlData) return;
+    let url: string | undefined;
+    if (typeof urlData === "function") url = urlData(row.original);
+    else if (typeof urlData === "string") {
+      // if pattern contains placeholder, resolve it; otherwise append id
+      const hasPlaceholder = /[:{]/.test(urlData);
+      if (hasPlaceholder) url = resolveUrlFromPattern(urlData, row.original);
+      else
+        url = urlData.endsWith("/")
+          ? urlData + row.original.id
+          : `${urlData}/${row.original.id}`;
+    }
+    if (url) router.push(url);
+  };
+
+  const handleDelete = async () => {
+    const ok = confirm("Are you sure you want to delete this item?");
+    if (!ok) return;
+    if (!onDelete) return;
+    try {
+      await onDelete(row.original.id);
+      toast.success("Deleted");
+    } catch (e: any) {
+      console.error("delete failed", e);
+      toast.error("Delete failed: " + (e?.message || String(e)));
+    }
+  };
+
+  return (
+    <div className="flex items-center gap-2">
+      <Button
+        variant="ghost"
+        size="icon"
+        onClick={() => (onEdit ? onEdit(row.original) : goTo())}
+        title="Edit"
+      >
+        <IconPencil />
+        <span className="sr-only">Edit</span>
+      </Button>
+      {/* <DropdownMenu >
+        <DropdownMenuTrigger asChild>
+          <Button
+            variant="ghost"
+            className="data-[state=open]:bg-muted text-muted-foreground flex size-8"
+            size="icon"
+          >
+            <IconDotsVertical />
+            <span className="sr-only">Open menu</span>
+          </Button>
+        </DropdownMenuTrigger>
+        <DropdownMenuContent align="end" className="w-32">
+          <DropdownMenuItem onClick={goTo}>Edit</DropdownMenuItem>
+          <DropdownMenuItem>Make a copy</DropdownMenuItem>
+          <DropdownMenuItem>Favorite</DropdownMenuItem>
+          <DropdownMenuSeparator />
+          <DropdownMenuItem variant="destructive" onClick={handleDelete}>
+            Delete
+          </DropdownMenuItem>
+        </DropdownMenuContent>
+      </DropdownMenu> */}
+    </div>
+  );
+}
+
+export function DataTable({
+  data: initialData,
+  columns: inputColumns,
+  urlData,
+  onDelete,
+  addSectionLabel,
+  addSectionUrl,
+  onAdd,
+  onEdit,
+}: {
+  data: any[];
+  columns?: any[]; // accept either TanStack ColumnDef[] or simple spec [{value,label,cell?}]
+  urlData?: ((data: any) => string) | string; // function to convert row data to URL
+  onDelete?: (id: any) => Promise<void>;
+  addSectionLabel?: string;
+  addSectionUrl?: string;
+  onAdd?: () => void;
+  onEdit?: (row: any) => void;
+}) {
+  const [data, setData] = React.useState(() => initialData);
+  // Keep internal state in sync when parent passes new data (e.g., after fetch)
+  React.useEffect(() => {
+    setData(initialData || []);
+  }, [initialData]);
+  const [rowSelection, setRowSelection] = React.useState({});
+  const [columnVisibility, setColumnVisibility] =
+    React.useState<VisibilityState>({});
+  const [columnFilters, setColumnFilters] = React.useState<ColumnFiltersState>(
+    []
+  );
+  const [sorting, setSorting] = React.useState<SortingState>([]);
+  const [pagination, setPagination] = React.useState({
+    pageIndex: 0,
+    pageSize: 10,
+  });
+  const sortableId = React.useId();
+  const sensors = useSensors(
+    useSensor(MouseSensor, {}),
+    useSensor(TouchSensor, {}),
+    useSensor(KeyboardSensor, {})
+  );
+
+  const dataIds = React.useMemo<UniqueIdentifier[]>(
+    () => data?.map(({ id }) => id) || [],
+    [data]
+  );
+
+  // convert inputColumns (simple spec) into TanStack ColumnDef[] if provided
+  const convertedUserColumns: ColumnDef<any, any>[] = (inputColumns || [])
+    .filter(Boolean)
+    .map((c: any) => {
+      const value = c.value || c.name;
+      const header = c.label || value;
+      if (typeof c.cell === "function") {
+        return {
+          id: value,
+          header,
+          cell: c.cell,
+          accessorFn: (row: any) => safeGet(row, value),
+        } as ColumnDef<any, any>;
+      }
+      return {
+        id: value,
+        header,
+        accessorFn: (row: any) => safeGet(row, value),
+        cell: ({ row }: any) => (
+          <div className="w-32">
+            <Badge variant="outline" className="text-muted-foreground px-1.5">
+              {String(safeGet(row.original, value) ?? "")}
+            </Badge>
+          </div>
+        ),
+      } as ColumnDef<any, any>;
+    });
+
+  // if no inputColumns provided, derive from first data row
+  const derivedColumns: ColumnDef<any, any>[] = React.useMemo(() => {
+    if (inputColumns && inputColumns.length) return [];
+    const sample =
+      (data && data.length ? data[0] : initialData && initialData[0]) || {};
+    const keys = Object.keys(sample || {});
+    const humanize = (s: string) =>
+      s
+        .replace(/[_\.\-]+/g, " ")
+        .replace(/([a-z0-9])([A-Z])/g, "$1 $2")
+        .split(" ")
+        .map((w) => w.charAt(0).toUpperCase() + w.slice(1))
+        .join(" ");
+
+    return keys.map((k) => {
+      return {
+        id: k,
+        header: humanize(k),
+        accessorFn: (row: any) => safeGet(row, k),
+        cell: ({ row }: any) => (
+          <div className="truncate">
+            {String(safeGet(row.original, k) ?? "")}
+          </div>
+        ),
+      } as ColumnDef<any, any>;
+    });
+  }, [inputColumns, data, initialData]);
+
+  // build final columns: keep drag + select, insert converted user columns, then rest from static columns after the default header/type
+  const finalColumns: ColumnDef<any, any>[] = React.useMemo(() => {
+    const prefix = columns.slice(0, 2);
+    const suffix = columns.slice(2); // drop header (2) and type (3)
+    if (convertedUserColumns.length > 0)
+      return [...(prefix as any), ...convertedUserColumns, ...(suffix as any)];
+    if (derivedColumns.length > 0)
+      return [...(prefix as any), ...derivedColumns, ...(suffix as any)];
+    return columns as ColumnDef<any, any>[];
+  }, [convertedUserColumns, derivedColumns]);
+
+  // Inject actions cell that can use the urlData prop to navigate to row-specific pages
+  const columnsWithActions = React.useMemo(() => {
+    return finalColumns.map((col) => {
+      if (col.id === "actions") {
+        return {
+          ...col,
+          cell: ({ row }: any) => (
+            <ActionsCell row={row} urlData={urlData} onDelete={onDelete} onEdit={onEdit} />
+          ),
+        } as ColumnDef<any, any>;
+      }
+      return col;
+    });
+  }, [finalColumns, urlData, onDelete, onEdit]);
+
+  const table = useReactTable({
+    data,
+    columns: columnsWithActions,
+    state: {
+      sorting,
+      columnVisibility,
+      rowSelection,
+      columnFilters,
+      pagination,
+    },
+    getRowId: (row) => row.id.toString(),
+    enableRowSelection: true,
+    onRowSelectionChange: setRowSelection,
+    onSortingChange: setSorting,
+    onColumnFiltersChange: setColumnFilters,
+    onColumnVisibilityChange: setColumnVisibility,
+    onPaginationChange: setPagination,
+    getCoreRowModel: getCoreRowModel(),
+    getFilteredRowModel: getFilteredRowModel(),
+    getPaginationRowModel: getPaginationRowModel(),
+    getSortedRowModel: getSortedRowModel(),
+    getFacetedRowModel: getFacetedRowModel(),
+    getFacetedUniqueValues: getFacetedUniqueValues(),
+  });
+
+  function handleDragEnd(event: DragEndEvent) {
+    const { active, over } = event;
+    if (active && over && active.id !== over.id) {
+      setData((data) => {
+        const oldIndex = dataIds.indexOf(active.id);
+        const newIndex = dataIds.indexOf(over.id);
+        return arrayMove(data, oldIndex, newIndex);
+      });
+    }
+  }
+
+  return (
+    <Tabs
+      defaultValue="outline"
+      className="w-full flex-col justify-start gap-6"
+    >
+      <div className="flex items-center justify-between px-4 lg:px-6">
+        <Label htmlFor="view-selector" className="sr-only">
+          View
+        </Label>
+        <Select defaultValue="outline">
+          <SelectTrigger
+            className="flex w-fit @4xl/main:hidden"
+            size="sm"
+            id="view-selector"
+          >
+            <SelectValue placeholder="Select a view" />
+          </SelectTrigger>
+          <SelectContent>
+            <SelectItem value="outline">Outline</SelectItem>
+            <SelectItem value="past-performance">Past Performance</SelectItem>
+            <SelectItem value="key-personnel">Key Personnel</SelectItem>
+            <SelectItem value="focus-documents">Focus Documents</SelectItem>
+          </SelectContent>
+        </Select>
+        <TabsList
+          style={{
+            display: "none",
+          }}
+          className="**:data-[slot=badge]:bg-muted-foreground/30 hidden **:data-[slot=badge]:size-5 **:data-[slot=badge]:rounded-full **:data-[slot=badge]:px-1 @4xl/main:flex"
+        >
+          <TabsTrigger value="outline">Outline</TabsTrigger>
+          <TabsTrigger value="past-performance">
+            Past Performance <Badge variant="secondary">3</Badge>
+          </TabsTrigger>
+          <TabsTrigger value="key-personnel">
+            Key Personnel <Badge variant="secondary">2</Badge>
+          </TabsTrigger>
+          <TabsTrigger value="focus-documents">Focus Documents</TabsTrigger>
+        </TabsList>
+        <div className="flex items-center gap-2">
+          <DropdownMenu>
+            <DropdownMenuTrigger asChild>
+              <Button variant="outline" size="sm">
+                <IconLayoutColumns />
+                <span className="hidden lg:inline">Customize Columns</span>
+                <span className="lg:hidden">Columns</span>
+                <IconChevronDown />
+              </Button>
+            </DropdownMenuTrigger>
+            <DropdownMenuContent align="end" className="w-56">
+              {table
+                .getAllColumns()
+                .filter(
+                  (column) =>
+                    typeof column.accessorFn !== "undefined" &&
+                    column.getCanHide()
+                )
+                .map((column) => {
+                  return (
+                    <DropdownMenuCheckboxItem
+                      key={column.id}
+                      className="capitalize"
+                      checked={column.getIsVisible()}
+                      onCheckedChange={(value) =>
+                        column.toggleVisibility(!!value)
+                      }
+                    >
+                      {column.id}
+                    </DropdownMenuCheckboxItem>
+                  );
+                })}
+            </DropdownMenuContent>
+          </DropdownMenu>
+          {onAdd ? (
+            <Button size="sm" onClick={onAdd}>
+              <IconPlus />
+              <span className="hidden lg:inline">{addSectionLabel ?? "Add Section"}</span>
+            </Button>
+          ) : (
+            <ButtonLink
+              href={addSectionUrl || "#"}
+              disabled={!addSectionUrl}
+              size="sm"
+            >
+              <IconPlus />
+              <span className="hidden lg:inline">
+                {addSectionLabel ?? "Add Section"}
+              </span>{" "}
+            </ButtonLink>
+          )}
+        </div>
+      </div>
+      <TabsContent
+        value="outline"
+        className="relative flex flex-col gap-4 overflow-auto px-4 lg:px-6"
+      >
+        <div className="overflow-hidden rounded-lg border">
+          <DndContext
+            collisionDetection={closestCenter}
+            modifiers={[restrictToVerticalAxis]}
+            onDragEnd={handleDragEnd}
+            sensors={sensors}
+            id={sortableId}
+          >
+            <Table>
+              <TableHeader className="bg-muted sticky top-0 z-10">
+                {table.getHeaderGroups().map((headerGroup) => (
+                  <TableRow key={headerGroup.id}>
+                    {headerGroup.headers.map((header) => {
+                      return (
+                        <TableHead key={header.id} colSpan={header.colSpan}>
+                          {header.isPlaceholder
+                            ? null
+                            : flexRender(
+                                header.column.columnDef.header,
+                                header.getContext()
+                              )}
+                        </TableHead>
+                      );
+                    })}
+                  </TableRow>
+                ))}
+              </TableHeader>
+              <TableBody className="**:data-[slot=table-cell]:first:w-8">
+                {table.getRowModel().rows?.length ? (
+                  <SortableContext
+                    items={dataIds}
+                    strategy={verticalListSortingStrategy}
+                  >
+                    {table.getRowModel().rows.map((row) => (
+                      <DraggableRow key={row.id} row={row} />
+                    ))}
+                  </SortableContext>
+                ) : (
+                  <TableRow>
+                    <TableCell
+                      colSpan={columns.length}
+                      className="h-24 text-center"
+                    >
+                      No results.
+                    </TableCell>
+                  </TableRow>
+                )}
+              </TableBody>
+            </Table>
+          </DndContext>
+        </div>
+        <div className="flex items-center justify-between px-4">
+          <div className="text-muted-foreground hidden flex-1 text-sm lg:flex">
+            {table.getFilteredSelectedRowModel().rows.length} of{" "}
+            {table.getFilteredRowModel().rows.length} row(s) selected.
+          </div>
+          <div className="flex w-full items-center gap-8 lg:w-fit">
+            <div className="hidden items-center gap-2 lg:flex">
+              <Label htmlFor="rows-per-page" className="text-sm font-medium">
+                Rows per page
+              </Label>
+              <Select
+                value={`${table.getState().pagination.pageSize}`}
+                onValueChange={(value) => {
+                  table.setPageSize(Number(value));
+                }}
+              >
+                <SelectTrigger size="sm" className="w-20" id="rows-per-page">
+                  <SelectValue
+                    placeholder={table.getState().pagination.pageSize}
+                  />
+                </SelectTrigger>
+                <SelectContent side="top">
+                  {[10, 20, 30, 40, 50].map((pageSize) => (
+                    <SelectItem key={pageSize} value={`${pageSize}`}>
+                      {pageSize}
+                    </SelectItem>
+                  ))}
+                </SelectContent>
+              </Select>
+            </div>
+            <div className="flex w-fit items-center justify-center text-sm font-medium">
+              Page {table.getState().pagination.pageIndex + 1} of{" "}
+              {table.getPageCount()}
+            </div>
+            <div className="ml-auto flex items-center gap-2 lg:ml-0">
+              <Button
+                variant="outline"
+                className="hidden h-8 w-8 p-0 lg:flex"
+                onClick={() => table.setPageIndex(0)}
+                disabled={!table.getCanPreviousPage()}
+              >
+                <span className="sr-only">Go to first page</span>
+                <IconChevronsLeft />
+              </Button>
+              <Button
+                variant="outline"
+                className="size-8"
+                size="icon"
+                onClick={() => table.previousPage()}
+                disabled={!table.getCanPreviousPage()}
+              >
+                <span className="sr-only">Go to previous page</span>
+                <IconChevronLeft />
+              </Button>
+              <Button
+                variant="outline"
+                className="size-8"
+                size="icon"
+                onClick={() => table.nextPage()}
+                disabled={!table.getCanNextPage()}
+              >
+                <span className="sr-only">Go to next page</span>
+                <IconChevronRight />
+              </Button>
+              <Button
+                variant="outline"
+                className="hidden size-8 lg:flex"
+                size="icon"
+                onClick={() => table.setPageIndex(table.getPageCount() - 1)}
+                disabled={!table.getCanNextPage()}
+              >
+                <span className="sr-only">Go to last page</span>
+                <IconChevronsRight />
+              </Button>
+            </div>
+          </div>
+        </div>
+      </TabsContent>
+      <TabsContent
+        value="past-performance"
+        className="flex flex-col px-4 lg:px-6"
+      >
+        <div className="aspect-video w-full flex-1 rounded-lg border border-dashed"></div>
+      </TabsContent>
+      <TabsContent value="key-personnel" className="flex flex-col px-4 lg:px-6">
+        <div className="aspect-video w-full flex-1 rounded-lg border border-dashed"></div>
+      </TabsContent>
+      <TabsContent
+        value="focus-documents"
+        className="flex flex-col px-4 lg:px-6"
+      >
+        <div className="aspect-video w-full flex-1 rounded-lg border border-dashed"></div>
+      </TabsContent>
+    </Tabs>
+  );
+}
+
+const chartData = [
+  { month: "January", desktop: 186, mobile: 80 },
+  { month: "February", desktop: 305, mobile: 200 },
+  { month: "March", desktop: 237, mobile: 120 },
+  { month: "April", desktop: 73, mobile: 190 },
+  { month: "May", desktop: 209, mobile: 130 },
+  { month: "June", desktop: 214, mobile: 140 },
+];
+
+const chartConfig = {
+  desktop: {
+    label: "Desktop",
+    color: "var(--primary)",
+  },
+  mobile: {
+    label: "Mobile",
+    color: "var(--primary)",
+  },
+} satisfies ChartConfig;
+
+function TableCellViewer({ item }: { item: z.infer<typeof schema> }) {
+  const isMobile = useIsMobile();
+
+  return (
+    <Drawer direction={isMobile ? "bottom" : "right"}>
+      <DrawerTrigger asChild>
+        <Button variant="link" className="text-foreground w-fit px-0 text-left">
+          {item.header}
+        </Button>
+      </DrawerTrigger>
+      <DrawerContent>
+        <DrawerHeader className="gap-1">
+          <DrawerTitle>{item.header}</DrawerTitle>
+          <DrawerDescription>
+            Showing total visitors for the last 6 months
+          </DrawerDescription>
+        </DrawerHeader>
+        <div className="flex flex-col gap-4 overflow-y-auto px-4 text-sm">
+          {!isMobile && (
+            <>
+              <ChartContainer config={chartConfig}>
+                <AreaChart
+                  accessibilityLayer
+                  data={chartData}
+                  margin={{
+                    left: 0,
+                    right: 10,
+                  }}
+                >
+                  <CartesianGrid vertical={false} />
+                  <XAxis
+                    dataKey="month"
+                    tickLine={false}
+                    axisLine={false}
+                    tickMargin={8}
+                    tickFormatter={(value) => value.slice(0, 3)}
+                    hide
+                  />
+                  <ChartTooltip
+                    cursor={false}
+                    content={<ChartTooltipContent indicator="dot" />}
+                  />
+                  <Area
+                    dataKey="mobile"
+                    type="natural"
+                    fill="var(--color-mobile)"
+                    fillOpacity={0.6}
+                    stroke="var(--color-mobile)"
+                    stackId="a"
+                  />
+                  <Area
+                    dataKey="desktop"
+                    type="natural"
+                    fill="var(--color-desktop)"
+                    fillOpacity={0.4}
+                    stroke="var(--color-desktop)"
+                    stackId="a"
+                  />
+                </AreaChart>
+              </ChartContainer>
+              <Separator />
+              <div className="grid gap-2">
+                <div className="flex gap-2 leading-none font-medium">
+                  Trending up by 5.2% this month{" "}
+                  <IconTrendingUp className="size-4" />
+                </div>
+                <div className="text-muted-foreground">
+                  Showing total visitors for the last 6 months. This is just
+                  some random text to test the layout. It spans multiple lines
+                  and should wrap around.
+                </div>
+              </div>
+              <Separator />
+            </>
+          )}
+          <form className="flex flex-col gap-4">
+            <div className="flex flex-col gap-3">
+              <Label htmlFor="header">Header</Label>
+              <Input id="header" defaultValue={item.header} />
+            </div>
+            <div className="grid grid-cols-2 gap-4">
+              <div className="flex flex-col gap-3">
+                <Label htmlFor="type">Type</Label>
+                <Select defaultValue={item.type}>
+                  <SelectTrigger id="type" className="w-full">
+                    <SelectValue placeholder="Select a type" />
+                  </SelectTrigger>
+                  <SelectContent>
+                    <SelectItem value="Table of Contents">
+                      Table of Contents
+                    </SelectItem>
+                    <SelectItem value="Executive Summary">
+                      Executive Summary
+                    </SelectItem>
+                    <SelectItem value="Technical Approach">
+                      Technical Approach
+                    </SelectItem>
+                    <SelectItem value="Design">Design</SelectItem>
+                    <SelectItem value="Capabilities">Capabilities</SelectItem>
+                    <SelectItem value="Focus Documents">
+                      Focus Documents
+                    </SelectItem>
+                    <SelectItem value="Narrative">Narrative</SelectItem>
+                    <SelectItem value="Cover Page">Cover Page</SelectItem>
+                  </SelectContent>
+                </Select>
+              </div>
+              <div className="flex flex-col gap-3">
+                <Label htmlFor="status">Status</Label>
+                <Select defaultValue={item.status}>
+                  <SelectTrigger id="status" className="w-full">
+                    <SelectValue placeholder="Select a status" />
+                  </SelectTrigger>
+                  <SelectContent>
+                    <SelectItem value="Done">Done</SelectItem>
+                    <SelectItem value="In Progress">In Progress</SelectItem>
+                    <SelectItem value="Not Started">Not Started</SelectItem>
+                  </SelectContent>
+                </Select>
+              </div>
+            </div>
+            <div className="grid grid-cols-2 gap-4">
+              <div className="flex flex-col gap-3">
+                <Label htmlFor="target">Target</Label>
+                <Input id="target" defaultValue={item.target} />
+              </div>
+              <div className="flex flex-col gap-3">
+                <Label htmlFor="limit">Limit</Label>
+                <Input id="limit" defaultValue={item.limit} />
+              </div>
+            </div>
+            <div className="flex flex-col gap-3">
+              <Label htmlFor="reviewer">Reviewer</Label>
+              <Select defaultValue={item.reviewer}>
+                <SelectTrigger id="reviewer" className="w-full">
+                  <SelectValue placeholder="Select a reviewer" />
+                </SelectTrigger>
+                <SelectContent>
+                  <SelectItem value="Eddie Lake">Eddie Lake</SelectItem>
+                  <SelectItem value="Jamik Tashpulatov">
+                    Jamik Tashpulatov
+                  </SelectItem>
+                  <SelectItem value="Emily Whalen">Emily Whalen</SelectItem>
+                </SelectContent>
+              </Select>
+            </div>
+          </form>
+        </div>
+        <DrawerFooter>
+          <Button>Submit</Button>
+          <DrawerClose asChild>
+            <Button variant="outline">Done</Button>
+          </DrawerClose>
+        </DrawerFooter>
+      </DrawerContent>
+    </Drawer>
+  );
+}
diff --git a/src/components/form/Field.tsx b/src/components/form/Field.tsx
new file mode 100644
index 0000000..4c1d148
--- /dev/null
+++ b/src/components/form/Field.tsx
@@ -0,0 +1,538 @@
+"use client";
+import { useEffect, useRef } from "react";
+import { FieldCheckbox } from "./field/TypeCheckbox";
+import { TypeDropdown } from "./field/TypeDropdown";
+import { TypeInput } from "./field/TypeInput";
+import { TypeUpload } from "./field/TypeUpload";
+import { TypeTag } from "./field/TypeTag";
+import get from "lodash.get";
+import { getNumber } from "@/lib/utils/getNumber";
+import { useLocal } from "@/lib/utils/use-local";
+import { FieldRadio } from "./field/TypeRadio";
+import { cn } from "@/lib/utils";
+import { TooltipBetter } from "../ui/tooltip-better";
+import { TypeDropdownBetter } from "./field/TypeDropdownBetter";
+import { TypeAsyncDropdown } from "./field/TypeAsyncDropdown";
+export interface FieldProps {
+  fm: any;
+  label?: string;
+  name: string;
+  isBetter?: boolean;
+  tooltip?: string;
+  valueKey?: string;
+  target?: string;
+  onLoad?: (params?: any) => Promise<any> | any;
+  onCount?: (param?: any) => Promise<any> | any;
+  onDelete?: (item: any) => Promise<any> | any;
+  urlUpload?: string;
+  type?:
+    | "rating"
+    | "color"
+    | "single-checkbox"
+    | "radio"
+    | "checkbox"
+    | "upload"
+    | "multi-upload"
+    | "dropdown"
+    | "multi-dropdown"
+    | "checkbox"
+    | "radio"
+    | "single-checkbox"
+    | "richtext"
+    | "tag"
+    | "text"
+    | "money"
+    | "textarea"
+    | "time"
+    | "date"
+    | "password"
+    | "email"
+    | "multi-dropdown-better"
+    | "multi-async"
+    | "dropdown-async"
+    | "status";
+  placeholder?: string;
+  disabled?: boolean;
+  required?: boolean;
+  hidden_label?: boolean;
+  onChange?: ({ data }: any) => Promise<void> | void;
+  className?: string;
+  classField?: string;
+  style?: string;
+  prefix?: string | any | (() => any);
+  suffix?: string | any | (() => any);
+  allowNew?: boolean;
+  unique?: boolean;
+  onLabel?: string | ((item: any) => any);
+  onValue?: string | ((item: any) => any);
+  pagination?: boolean;
+  search?: "api" | "local";
+  visibleLabel?: boolean;
+  autoRefresh?: boolean;
+  forceDisabled?: boolean;
+  description?: string | (() => any);
+  styleField?: string | null;
+  isDebounce?: boolean;
+  data?: any;
+  mode?: string;
+  valueChecked?: string[];
+}
+export const Field: React.FC<FieldProps> = ({
+  fm,
+  visibleLabel = false,
+  label,
+  isBetter = false,
+  name,
+  onLoad,
+  type = "text",
+  placeholder,
+  required,
+  disabled,
+  hidden_label,
+  onChange,
+  className,
+  classField,
+  style,
+  prefix,
+  suffix,
+  allowNew,
+  unique = true,
+  tooltip,
+  valueKey,
+  onDelete,
+  onCount,
+  onLabel,
+  onValue = "id",
+  target,
+  pagination = true,
+  search = "api",
+  autoRefresh = false,
+  forceDisabled,
+  description,
+  styleField,
+  isDebounce = false,
+  valueChecked,
+  urlUpload,
+  mode,
+}) => {
+  let result = null;
+  const field = useLocal({
+    focus: false,
+  });
+  const suffixRef = useRef<HTMLDivElement | null>(null);
+  const prefixRef = useRef<HTMLDivElement | null>(null);
+  const initField = {
+    label,
+    isBetter,
+    name,
+    onLoad,
+    type,
+    placeholder,
+    required,
+    disabled,
+    hidden_label,
+    onChange,
+    className,
+    classField,
+    style,
+    prefix,
+    suffix,
+    allowNew,
+    unique,
+    tooltip,
+    valueKey,
+    onDelete,
+    onCount,
+    onLabel,
+    onValue,
+    target,
+    pagination,
+    search,
+  };
+  const is_disable =
+    typeof forceDisabled === "boolean"
+      ? forceDisabled
+      : fm.mode === "view"
+      ? true
+      : disabled;
+  const error = fm.error?.[name];
+  useEffect(() => {
+    setTimeout(() => {
+      if (typeof fm.fields?.[name] !== "object") {
+        const fields = fm.fields?.[name];
+        fm.fields[name] = {
+          ...fields,
+          label,
+          name,
+          onLoad,
+          type,
+          placeholder,
+          required,
+          disabled,
+          hidden_label,
+          onChange,
+          className,
+          style,
+        };
+        fm.render();
+      }
+    }, 1000);
+  }, []);
+  const before = typeof prefix === "function" ? prefix() : prefix;
+  const after = typeof suffix === "function" ? suffix() : suffix;
+  return (
+    <>
+      <div
+        className={cx(
+          "flex",
+          style === "inline" ? "flex-row gap-x-1" : "flex-col",
+          css`
+            .field input:focus {
+              outline: 0px !important;
+              border: 0px !important;
+              outline-offset: 0px !important;
+              --tw-ring-color: transparent !important;
+            }
+            .field textarea:focus {
+              outline: 0px !important;
+              border: 0px !important;
+              outline-offset: 0px !important;
+              --tw-ring-color: transparent !important;
+            }
+            .field input {
+              border: 0px !important;
+              box-shadow: none;
+            }
+          `,
+          style === "gform" &&
+            css`
+              .field input {
+                padding-left: 0px !important;
+                padding-right: 0px !important;
+              }
+              .field textarea {
+                padding-left: 0px !important;
+                padding-right: 0px !important;
+              }
+            `
+        )}
+      >
+        {!hidden_label ? (
+          <label
+            className={cx(
+              "block mb-2 text-md font-medium   text-sm flex flex-row",
+              style === "inline" ? "w-[100px]" : "",
+              visibleLabel ? "text-transparent" : "text-gray-900"
+            )}
+          >
+            {label}
+            {required ? (
+              <span className="flex flex-row px-0.5 text-red-500">*</span>
+            ) : (
+              <></>
+            )}
+          </label>
+        ) : (
+          <></>
+        )}
+        <TooltipBetter content={tooltip} side="bottom">
+          <div
+            className={cn(
+              is_disable
+                ? "border border-gray-100 bg-gray-100 is_disable"
+                : "border border-gray-300 ",
+              "relative field",
+              !is_disable
+                ? style === "underline" || style === "gform"
+                  ? "focus-within:border-b focus-within:border-b-primary"
+                  : "focus-within:border focus-within:border-primary"
+                : "",
+              style === "underline" || style === "gform"
+                ? "rounded-none border-transparent border-b-gray-300 "
+                : "",
+              [
+                "rating",
+                "color",
+                "single-checkbox",
+                "radio",
+                "checkbox",
+                "multi-upload",
+              ].includes(type) &&
+                css`
+                  border: 0px !important;
+                `,
+              ["upload"].includes(type) &&
+                css`
+                  padding: 0px !important;
+                `,
+              is_disable &&
+                ["multi-upload"].includes(type) &&
+                css`
+                  background: transparent !important;
+                `,
+              classField,
+              error
+                ? "flex flex-row rounded-md flex-grow border-red-500 border items-center"
+                : style === "underline"
+                ? "flex flex-row rounded-none flex-grow  items-center"
+                : "flex flex-row rounded-md flex-grow  items-center"
+            )}
+          >
+            {before && (
+              <div
+                // ref={prefixRef}
+                className={cx(
+                  "px-1 py-1  items-center flex flex-row flex-grow rounded-l-md h-full prefix",
+                  css`
+                    height: 2.13rem;
+                  `
+                  // style === "gform"
+                  //   ? ""
+                  //   : is_disable
+                  //   ? "bg-gray-200/50 "
+                  //   : "bg-gray-200/50 "
+                )}
+              >
+                {before}
+              </div>
+            )}
+            {/* "multi-dropdown-better" */}
+            {["upload"].includes(type) ? (
+              <>
+                <TypeUpload
+                  fm={fm}
+                  name={name}
+                  on_change={onChange}
+                  mode={"upload"}
+                  urlUpload={urlUpload}
+                  disabled={is_disable}
+                />
+              </>
+            ) : ["multi-upload"].includes(type) ? (
+              <>
+                <TypeUpload
+                  fm={fm}
+                  name={name}
+                  on_change={onChange}
+                  mode={"upload"}
+                  type="multi"
+                  disabled={is_disable}
+                  valueKey={valueKey}
+                  onDelete={onDelete}
+                />
+              </>
+            ) : ["dropdown"].includes(type) ? (
+              <>
+                <TypeDropdown
+                  fm={fm}
+                  fields={initField}
+                  required={required}
+                  name={name}
+                  onLoad={onLoad}
+                  placeholder={placeholder}
+                  disabled={is_disable}
+                  onChange={onChange}
+                  allowNew={allowNew}
+                />
+              </>
+            ) : ["multi-dropdown"].includes(type) ? (
+              <>
+                <TypeDropdown
+                  fm={fm}
+                  fields={initField}
+                  required={required}
+                  name={name}
+                  onLoad={onLoad}
+                  placeholder={placeholder}
+                  disabled={is_disable}
+                  onChange={onChange}
+                  mode="multi"
+                  unique={unique}
+                  isBetter={isBetter}
+                />
+              </>
+            ) : ["multi-async"].includes(type) ? (
+              <>
+                <div className="w-full">
+                  <TypeAsyncDropdown
+                    fm={fm}
+                    fields={initField}
+                    label={label}
+                    target={target}
+                    required={required}
+                    name={name}
+                    onLoad={onLoad}
+                    onLabel={onLabel}
+                    onValue={onValue}
+                    placeholder={placeholder}
+                    disabled={is_disable}
+                    onChange={onChange}
+                    mode="multi"
+                    pagination={pagination}
+                    unique={unique}
+                    isBetter={isBetter}
+                  />
+                </div>
+              </>
+            ) : ["dropdown-async"].includes(type) ? (
+              <>
+                <div className="w-full">
+                  <TypeAsyncDropdown
+                    label={label}
+                    fm={fm}
+                    autoRefresh={autoRefresh}
+                    fields={initField}
+                    required={required}
+                    name={name}
+                    target={target}
+                    onLoad={onLoad}
+                    onLabel={onLabel}
+                    onValue={onValue}
+                    placeholder={placeholder}
+                    disabled={is_disable}
+                    onChange={onChange}
+                    pagination={pagination}
+                    unique={unique}
+                    isBetter={isBetter}
+                    search={search}
+                  />
+                </div>
+              </>
+            ) : ["multi-dropdown-better"].includes(type) ? (
+              <>
+                <TypeDropdownBetter
+                  fm={fm}
+                  fields={initField}
+                  required={required}
+                  name={name}
+                  onLoad={onLoad}
+                  placeholder={placeholder}
+                  disabled={is_disable}
+                  onChange={onChange}
+                  mode="multi"
+                  unique={unique}
+                  isBetter={isBetter}
+                  onCount={onCount}
+                  onLabel={onLabel}
+                />
+              </>
+            ) : ["checkbox"].includes(type) ? (
+              <>
+                <FieldCheckbox
+                  fm={fm}
+                  fields={initField}
+                  name={name}
+                  onLoad={onLoad}
+                  placeholder={placeholder}
+                  disabled={is_disable}
+                  onChange={onChange}
+                  className={className}
+                />
+              </>
+            ) : ["radio"].includes(type) ? (
+              <>
+                <FieldRadio
+                  fields={initField}
+                  fm={fm}
+                  name={name}
+                  onLoad={onLoad}
+                  placeholder={placeholder}
+                  disabled={is_disable}
+                  onChange={onChange}
+                  className={className}
+                />
+              </>
+            ) : ["single-checkbox"].includes(type) ? (
+              <>
+                <FieldCheckbox
+                  fm={fm}
+                  fields={initField}
+                  name={name}
+                  onLoad={onLoad}
+                  placeholder={placeholder}
+                  disabled={is_disable}
+                  className={className}
+                  onChange={onChange}
+                  mode="single"
+                />
+              </>
+            ) : ["tag"].includes(type) ? (
+              <>
+                <TypeTag
+                  styleField={styleField}
+                  fm={fm}
+                  fields={initField}
+                  name={name}
+                  valueChecked={valueChecked}
+                  disabled={is_disable}
+                  className={className}
+                  onChange={onChange}
+                  mode={mode}
+                />
+              </>
+            ) : (
+              <>
+                <TypeInput
+                  fm={fm}
+                  fields={initField}
+                  name={name}
+                  isDebounce={isDebounce}
+                  placeholder={placeholder}
+                  required={required}
+                  type={type}
+                  disabled={is_disable}
+                  onChange={onChange}
+                  onFocus={() => {
+                    field.focus = true;
+                    field.render();
+                  }}
+                  className={cx(
+                    before &&
+                      css`
+                        padding-left: ${getNumber(
+                          get(prefixRef, "current.clientWidth")
+                        ) + 10}px;
+                      `,
+                    after &&
+                      css`
+                        padding-right: ${getNumber(
+                          get(suffixRef, "current.clientWidth")
+                        ) + 10}px;
+                      `,
+                    className
+                  )}
+                />
+              </>
+            )}
+            {after && (
+              <div
+                // ref={suffixRef}
+                className={cx(
+                  "px-1 py-1  items-center flex flex-row flex-grow rounded-r-md h-full suffix",
+                  css`
+                    height: 2.13rem;
+                  `,
+                  is_disable ? "bg-gray-200/50 " : "bg-gray-200/50 "
+                )}
+              >
+                {after}
+              </div>
+            )}
+          </div>
+        </TooltipBetter>
+        {description ? (
+          <div className="text-xs text-gray-500 py-1">
+            {typeof description === "function" ? description() : description}
+          </div>
+        ) : (
+          <></>
+        )}
+        {error ? (
+          <div className="text-sm text-red-500 py-1">{error}</div>
+        ) : (
+          <></>
+        )}
+      </div>
+    </>
+  );
+};
diff --git a/src/components/form/Form.tsx b/src/components/form/Form.tsx
new file mode 100644
index 0000000..f442f94
--- /dev/null
+++ b/src/components/form/Form.tsx
@@ -0,0 +1,432 @@
+"use client";
+import { useLocal } from "@/lib/utils/use-local";
+import { AlertTriangle, Check, Loader2 } from "lucide-react";
+import { css } from "@emotion/css";
+import { cn } from "@/lib/utils";
+import { useEffect } from "react";
+import { toast } from "sonner";
+import {
+  ResizableHandle,
+  ResizablePanel,
+  ResizablePanelGroup,
+} from "../ui/resize";
+import get from "lodash.get";
+import { Skeleton } from "../ui/skeleton";
+import { normalDate } from "@/lib/utils/date";
+
+// ensure cx is available (some files rely on global `cx` at runtime)
+const cx = (globalThis as any).cx || cn;
+
+type Local<T> = {
+  data: T | null;
+  submit: () => Promise<void>;
+  render: () => void;
+};
+
+export const Form: React.FC<any> = ({
+  children,
+  header,
+  onLoad,
+  onSubmit,
+  onFooter,
+  showResize,
+  mode,
+  className,
+  onInit,
+  afterLoad,
+  toastMessage,
+}) => {
+  const local = useLocal({
+    ready: false,
+    data: null as any | null,
+    btn_ready: true,
+    submit: async () => {
+      toast.info(
+        <>
+          <Loader2
+            className={cx(
+              "h-4 w-4 animate-spin-important",
+              css`
+                animation: spin 1s linear infinite !important;
+                @keyframes spin {
+                  0% {
+                    transform: rotate(0deg);
+                  }
+                  100% {
+                    transform: rotate(360deg);
+                  }
+                }
+              `
+            )}
+          />
+          {toastMessage ? `${toastMessage}...` : "Saving..."}
+        </>,
+        {
+          duration: Infinity,
+        }
+      );
+      local.btn_ready = false;
+      local.render();
+      try {
+        const fieldDate: any = local?.fields;
+        let isError = false;
+        let error: Record<string, string> = {};
+        try {
+          const dateFields = Object.values(fieldDate).filter(
+            (field: any) => get(field, "type") === "date"
+          );
+          if (dateFields.length) {
+            dateFields.forEach((e: any) => {
+              if (e?.name) {
+                local.data[e.name] = normalDate(local.data[e.name]);
+              }
+            });
+            local.render();
+          }
+        } catch (ex) {
+          console.error("Error processing date fields:", ex);
+        }
+
+        if (mode !== "view") {
+          const fieldRequired = Object.values(fieldDate).filter(
+            (field: any) => field?.required || field?.type === "table"
+          );
+
+          if (fieldRequired.length) {
+            fieldRequired.forEach((e: any) => {
+              let keys = e?.name;
+              const type = e?.type;
+
+              if (type === "table" && e?.fields?.length) {
+                e.fields.forEach((item: any, index: number) => {
+                  let errorChilds: Record<string, string> = {};
+                  const fieldRequired = Object.values(item?.fields).filter(
+                    (field: any) => field?.required
+                  );
+                  fieldRequired.forEach((subField: any) => {
+                    let keySub = subField?.name;
+                    const typeSub = subField?.type;
+                    const val = get(local.data, `${keys}[${index}].${keySub}`);
+                    if (["dropdown-async", "multi-async"].includes(typeSub)) {
+                      keySub = subField?.target || subField?.name;
+                    }
+                    if (
+                      [
+                        "multi-dropdown",
+                        "checkbox",
+                        "multi-upload",
+                        "multi-async",
+                      ].includes(typeSub)
+                    ) {
+                      if (
+                        !Array.isArray(get(local.data, keys)) ||
+                        !val?.length
+                      ) {
+                        errorChilds[subField.name] =
+                          "This field requires at least one item.";
+                        isError = true;
+                      }
+                    } else if (!val) {
+                      errorChilds[subField.name] =
+                        "Please fill out this field.";
+                      isError = true;
+                    }
+
+                    console.log({
+                      keySub,
+                      data: get(local.data, `${keys}[${index}]`),
+                      val,
+                    });
+                  });
+
+                  item.error = errorChilds;
+                });
+              } else {
+                if (["dropdown-async", "multi-async"].includes(type)) {
+                  keys = e?.target || e?.name;
+                }
+                const val = get(local.data, keys);
+                if (
+                  [
+                    "multi-dropdown",
+                    "checkbox",
+                    "multi-upload",
+                    "multi-async",
+                  ].includes(type)
+                ) {
+                  if (!Array.isArray(val) || !val?.length) {
+                    error[e.name] = "This field requires at least one item.";
+                    isError = true;
+                  }
+                } else if (!val) {
+                  error[e.name] = "Please fill out this field.";
+                  isError = true;
+                }
+              }
+            });
+          }
+        }
+
+        local.error = error;
+        local.render();
+        if (isError) {
+          throw new Error("please check your input field.");
+        } else {
+          await onSubmit(local);
+        }
+        setTimeout(() => {
+          toast.dismiss();
+          setTimeout(() => {
+            toast.success(
+              <div
+                className={cx(
+                  "cursor-pointer flex flex-col select-none items-stretch flex-1 w-full"
+                )}
+                onClick={() => {
+                  toast.dismiss();
+                }}
+              >
+                <div className="flex text-green-700 items-center success-title font-semibold">
+                  <Check className="h-6 w-6 mr-1 " />
+
+                  {toastMessage ? `${toastMessage} success` : "Record Saved"}
+                </div>
+              </div>
+            );
+          }, 100);
+        }, 100);
+      } catch (ex: any) {
+        const msg = get(ex, "response.data.meta.message") || ex.message;
+        setTimeout(() => {
+          toast.dismiss();
+          setTimeout(() => {
+            toast.error(
+              <div className="flex flex-col w-full">
+                <div className="flex text-red-600 items-center">
+                  <AlertTriangle className="h-4 w-4 mr-1" />
+                  {toastMessage
+                    ? `${toastMessage} failed ${msg}.`
+                    : `Submit Failed ${msg}.`}
+                </div>
+              </div>,
+              {
+                dismissible: true,
+                className: css`
+                  background: #ffecec;
+                  border: 2px solid red;
+                `,
+              }
+            );
+          }, 100);
+        }, 100);
+      }
+      local.btn_ready = true;
+      local.render();
+    },
+    reload: async () => {
+      local.ready = false;
+      local.render();
+      toast.info(
+        <>
+          <Loader2
+            className={cx(
+              "h-4 w-4 animate-spin-important",
+              css`
+                animation: spin 1s linear infinite !important;
+                @keyframes spin {
+                  0% {
+                    transform: rotate(0deg);
+                  }
+                  100% {
+                    transform: rotate(360deg);
+                  }
+                }
+              `
+            )}
+          />
+          {"Loading..."}
+        </>,
+        {
+          duration: Infinity,
+        }
+      );
+      local.data = null;
+      local.render();
+      try {
+        const res = await onLoad();
+        local.data = res;
+      } catch (ex) {}
+      local.ready = true;
+      local.render();
+      if (typeof afterLoad === "function") {
+        afterLoad(local);
+      }
+      setTimeout(() => {
+        toast.dismiss();
+      }, 100);
+    },
+    fields: {} as any,
+    render: () => {},
+    error: {} as any,
+    onChange: () => {},
+    mode,
+  });
+  useEffect(() => {
+    local.onChange();
+  }, [local.data]);
+  useEffect(() => {
+    const run = async () => {
+      if (typeof onInit === "function") {
+        onInit(local);
+      }
+      local.ready = false;
+      local.render();
+      toast.info(
+        <>
+          <Loader2
+            className={cx(
+              "h-4 w-4 animate-spin-important",
+              css`
+                animation: spin 1s linear infinite !important;
+                @keyframes spin {
+                  0% {
+                    transform: rotate(0deg);
+                  }
+                  100% {
+                    transform: rotate(360deg);
+                  }
+                }
+              `
+            )}
+          />
+          {"Loading..."}
+        </>,
+        {
+          duration: Infinity,
+        }
+      );
+      let res = null as any;
+      try {
+        res = await onLoad();
+        local.data = res;
+        setTimeout(() => {
+          toast.dismiss();
+        }, 100);
+      } catch (ex: any) {
+        const msg = get(ex, "response.data.meta.message") || ex.message;
+        setTimeout(() => {
+          toast.dismiss();
+          setTimeout(() => {
+            toast.error(
+              <div className="flex flex-col w-full">
+                <div className="flex text-red-600 items-center">
+                  <AlertTriangle className="h-4 w-4 mr-1" />
+                  {`Failed ${msg}.`}
+                </div>
+              </div>,
+              {
+                dismissible: true,
+                className: css`
+                  background: #ffecec;
+                  border: 2px solid red;
+                `,
+              }
+            );
+          }, 100);
+        }, 100);
+      }
+      local.ready = true;
+      local.render();
+      if (typeof afterLoad === "function") {
+        await afterLoad(local);
+      }
+    };
+    run();
+  }, []);
+
+  // Tambahkan dependency ke header agar reaktif
+  const HeaderComponent = typeof header === "function" ? header(local) : <></>;
+  if (!local.ready)
+    return (
+      <div className="flex flex-grow flex-row items-center justify-center">
+        <div className="space-y-2">
+          <Skeleton className="h-4 w-[250px]" />
+          <Skeleton className="h-16 w-[250px]" />
+        </div>
+      </div>
+    );
+  return (
+    <div className={`flex-grow flex-col flex h-full ${className}`}>
+      <div className="flex flex-row">{HeaderComponent}</div>
+      {showResize ? (
+        // Resize panels...
+        <ResizablePanelGroup direction="vertical" className="rounded-lg border">
+          <ResizablePanel className="border-none flex flex-col">
+            <form
+              className="flex flex-grow flex-col"
+              onSubmit={(e) => {
+                e.preventDefault();
+                local.submit();
+              }}
+            >
+              {local.ready ? (
+                children(local)
+              ) : (
+                <div>
+                  <div className="space-y-2">
+                    <Skeleton className="h-4 w-[250px]" />
+                    <Skeleton className="h-4 w-[200px]" />
+                  </div>
+                </div>
+              )}
+            </form>
+          </ResizablePanel>
+          <ResizableHandle className="border-none" />
+          <ResizablePanel className="border-t-2 flex flex-row flex-grow">
+            {typeof onFooter === "function" ? onFooter(local) : null}
+          </ResizablePanel>
+        </ResizablePanelGroup>
+      ) : (
+        <>
+          <form
+            className={cx(
+              "flex flex-col ",
+              typeof onFooter === "function" ? "" : "flex-grow"
+            )}
+            onSubmit={(e) => {
+              e.preventDefault();
+              local.submit();
+            }}
+          >
+            {local.ready ? (
+              children(local)
+            ) : (
+              <div className="flex flex-grow flex-row items-center justify-center">
+                <div className="space-y-2">
+                  <Skeleton className="h-4 w-[250px]" />
+                  <Skeleton className="h-16 w-[200px]" />
+                </div>
+              </div>
+            )}
+          </form>
+          {typeof onFooter === "function" ? (
+            <div
+              className={cx(
+                "flex flex-grow flex-col",
+                css`
+                  .tbl {
+                    position: relative;
+                  }
+                `
+              )}
+            >
+              {onFooter(local)}
+            </div>
+          ) : (
+            <></>
+          )}
+        </>
+      )}
+    </div>
+  );
+};
diff --git a/src/components/form/field/AfterEditor.tsx b/src/components/form/field/AfterEditor.tsx
new file mode 100644
index 0000000..0c8bc1a
--- /dev/null
+++ b/src/components/form/field/AfterEditor.tsx
@@ -0,0 +1,9 @@
+import { FC, useEffect } from "react";
+
+export const InitEditor: FC<any> = ({ local, editor }) => {
+  useEffect(() => {
+    local.editor = editor;
+    local.render();
+  }, []);
+  return <div></div>;
+};
diff --git a/src/components/form/field/FilePreview.tsx b/src/components/form/field/FilePreview.tsx
new file mode 100644
index 0000000..19c3d26
--- /dev/null
+++ b/src/components/form/field/FilePreview.tsx
@@ -0,0 +1,525 @@
+import { siteurl } from "@/lib/utils/siteurl";
+import { useLocal } from "@/lib/utils/use-local";
+import { ExternalLink } from "lucide-react";
+import { ReactElement } from "react";
+
+export const ThumbPreview = ({
+  url,
+  options,
+}: {
+  url: string;
+  options: ReactElement;
+}) => {
+  const local = useLocal({ size: "", is_doc: true }, async () => {});
+
+  const file = getFileName(url);
+  if (typeof file === "string") return;
+
+  const color = darkenColor(generateRandomColor(file.extension));
+  let content = (
+    <div
+      className={cx(
+        css`
+          background: white;
+          color: ${color};
+          border: 1px solid ${color};
+          color: ${color};
+          border-radius: 3px;
+          text-transform: uppercase;
+          font-size: 14px;
+          font-weight: black;
+          padding: 3px 7px;
+
+          width: 60px;
+          height: 60px;
+
+          &:hover {
+            border: 1px solid #1c4ed8;
+            outline: 1px solid #1c4ed8;
+          }
+        `,
+        "flex justify-center items-center flex-col"
+      )}
+      onClick={() => {
+        // let _url = siteurl(url || "");
+        // window.open(_url, "_blank");
+      }}
+    >
+      <div>{file.extension}</div>
+      <div
+        className={css`
+          font-size: 9px;
+          color: gray;
+          margin-top: -3px;
+        `}
+      >
+        {local.size}
+      </div>
+    </div>
+  );
+
+  let is_image = false;
+
+  if ([".png", ".jpeg", ".jpg", ".webp"].find((e) => url.endsWith(e))) {
+    is_image = true;
+    local.is_doc = false;
+    content = (
+      <div className="rounded-lg w-96 overflow-hidden shadow-lg">
+        <img
+          onClick={() => {
+            let _url = siteurl(url || "");
+            window.open(_url, "_blank");
+          }}
+          className={cx(
+            "rounded-md w-96 h-full object-cover",
+            css`
+              &:hover {
+                outline: 2px solid #1c4ed8;
+              }
+            `,
+            css`
+              width: 60px;
+              height: 60px;
+              background-image: linear-gradient(
+                  45deg,
+                  #ccc 25%,
+                  transparent 25%
+                ),
+                linear-gradient(135deg, #ccc 25%, transparent 25%),
+                linear-gradient(45deg, transparent 75%, #ccc 75%),
+                linear-gradient(135deg, transparent 75%, #ccc 75%);
+              background-size: 25px 25px; /* Must be a square */
+              background-position: 0 0, 12.5px 0, 12.5px -12.5px, 0px 12.5px; /* Must be half of one side of the square */
+            `
+          )}
+          src={siteurl(
+            `/_img/${url.substring("_file/".length)}?${"w=60&h=60&fit=cover"}`
+          )}
+        />
+      </div>
+    );
+  }
+
+  return (
+    <>
+      {file.extension && (
+        <div
+          className={cx(
+            "flex border rounded items-start px-1 relative bg-white cursor-pointer",
+            "space-x-1 py-1 thumb-preview"
+          )}
+        >
+          {content}
+          {options}
+        </div>
+      )}
+    </>
+  );
+};
+
+export const FilePreview = ({
+  url,
+  disabled,
+  limit_name,
+}: {
+  url: any;
+  disabled?: boolean;
+  limit_name?: number;
+}) => {
+  let ural = url;
+  if (url instanceof File) {
+    ural = `${URL.createObjectURL(url)}.${url.name.split(".").pop()}`;
+  }
+  const file = getFileName(ural);
+  if (typeof file === "string")
+    return (
+      <div
+        className={cx(
+          css`
+            border-radius: 3px;
+            padding: 0px 5px;
+            height: 20px;
+            margin-right: 5px;
+            height: 20px;
+            border: 1px solid #ccc;
+            background: white;
+          `,
+          "flex items-center text-md"
+        )}
+      >
+        {file}
+      </div>
+    );
+  const color = darkenColor(generateRandomColor(file.extension));
+  let content = (
+    <div
+      className={cx(
+        css`
+          background: white;
+          border: 1px solid ${color};
+          color: ${color};
+          border-radius: 3px;
+          text-transform: uppercase;
+          padding: 0px 5px;
+          font-size: 9px;
+          height: 15px;
+          margin-right: 5px;
+        `,
+        "flex items-center"
+      )}
+    >
+      {file.extension}
+    </div>
+  );
+  const getFileNameWithoutExtension = (filename: string) => {
+    const parts = filename.split(".");
+    parts.pop(); // Hapus bagian terakhir (ekstensi)
+    const result = parts.join("."); // Gabungkan kembali
+    return limit_name ? result.substring(0, limit_name) : result;
+  };
+  const ura =
+    ural && ural.startsWith("blob:") ? getFileNameWithoutExtension(ural) : ural;
+  if ([".png", ".jpeg", ".jpg", ".webp"].find((e) => ural.endsWith(e))) {
+    content = (
+      <div className="rounded-lg flex-grow overflow-hidden">
+        <img
+          onClick={() => {
+            let _url = siteurl(ural || "");
+            window.open(_url, "_blank");
+          }}
+          className={cx(
+            "rounded-md h-full object-cover",
+            css`
+              &:hover {
+                outline: 2px solid #1c4ed8;
+              }
+            `,
+            css`
+              width: 30px;
+              height: 30px;
+              background-image: linear-gradient(
+                  45deg,
+                  #ccc 25%,
+                  transparent 25%
+                ),
+                linear-gradient(135deg, #ccc 25%, transparent 25%),
+                linear-gradient(45deg, transparent 75%, #ccc 75%),
+                linear-gradient(135deg, transparent 75%, #ccc 75%);
+              background-size: 25px 25px; /* Must be a square */
+              background-position: 0 0, 12.5px 0, 12.5px -12.5px, 0px 12.5px; /* Must be half of one side of the square */
+            `
+          )}
+          src={ural && ural.startsWith("blob:") ? ura : ural}
+        />
+      </div>
+    );
+  }
+
+  return (
+    <>
+      {file.extension && (
+        <div
+          className={cx(
+            "flex  rounded items-center px-1   cursor-pointer flex-grow hover:bg-gray-100 gap-x-1 justify-between",
+            "pr-2",
+            css`
+              &:hover {
+                // border: 1px solid #1c4ed8;
+                // outline: 1px solid #1c4ed8;
+              }
+              &:hover {
+                // border-bottom: 1px solid #1c4ed8;
+                // outline: 1px solid #1c4ed8;
+              }
+            `,
+            disabled ? "bg-transparent" : "bg-white"
+          )}
+          onClick={() => {
+            let _url: any =
+              url && url.startsWith("blob:") ? ura : siteurl(ura || "");
+            window.open(_url, "_blank");
+          }}
+        >
+          <div className="flex flex-row gap-x-1 items-center">
+            <div className="h-[30px] flex flex-row items-center">{content}</div>
+            <div className="text-xs filename">
+              {limit_name && file?.name
+                ? file?.name.substring(0, limit_name)
+                : file?.name}
+            </div>
+          </div>
+
+          <div className="ml-2">
+            <ExternalLink size="12px" />
+          </div>
+        </div>
+      )}
+    </>
+  );
+};
+export const FilePreviewBetter = ({
+  url,
+  disabled,
+  filename,
+}: {
+  url: any;
+  disabled?: boolean;
+  filename?: string;
+}) => {
+  const file: any = extractFileInfo(filename || url);
+  const color = colorOfExtension(file.extension);
+  let content = (
+    <div
+      className={cx(
+        "flex items-center justify-center w-8 h-8 rounded-lg ",
+        css`
+          background: ${color?.background};
+          border: 1px solid ${color?.color};
+          color: ${color?.color};
+          border-radius: 3px;
+          text-transform: uppercase;
+          padding: 0px 5px;
+          font-size: 9px;
+          margin-right: 5px;
+        `,
+        "flex items-center"
+      )}
+    >
+      {file.extension}
+    </div>
+  );
+  if (
+    file?.fullname &&
+    [".png", ".jpeg", ".jpg", ".webp"].find((e) => file?.fullname.endsWith(e))
+  ) {
+    content = (
+      <div className="rounded-lg flex-grow overflow-hidden">
+        <img
+          onClick={() => {
+            let _url = siteurl(url || "");
+            window.open(_url, "_blank");
+          }}
+          className={cx(
+            "rounded-md w-8 h-8  object-cover",
+            css`
+              &:hover {
+                outline: 2px solid #1c4ed8;
+              }
+            `,
+            css`
+              background-image: linear-gradient(
+                  45deg,
+                  #ccc 25%,
+                  transparent 25%
+                ),
+                linear-gradient(135deg, #ccc 25%, transparent 25%),
+                linear-gradient(45deg, transparent 75%, #ccc 75%),
+                linear-gradient(135deg, transparent 75%, #ccc 75%);
+              background-size: 25px 25px; /* Must be a square */
+              background-position: 0 0, 12.5px 0, 12.5px -12.5px, 0px 12.5px; /* Must be half of one side of the square */
+            `
+          )}
+          src={url}
+        />
+      </div>
+    );
+  }
+
+  return (
+    <>
+      {file.extension && (
+        <div
+          className={cx(
+            "flex  max-w-full rounded items-center px-1   cursor-pointer flex-grow hover:bg-gray-100 gap-x-1 justify-between",
+            "pr-2",
+            css`
+              &:hover {
+                // border: 1px solid #1c4ed8;
+                // outline: 1px solid #1c4ed8;
+              }
+              &:hover {
+                // border-bottom: 1px solid #1c4ed8;
+                // outline: 1px solid #1c4ed8;
+              }
+            `,
+            disabled ? "bg-transparent" : "bg-white"
+          )}
+          onClick={() => {
+            window.open(url, "_blank");
+          }}
+        >
+          <div className="flex flex-row gap-x-1 items-center">
+            <div className=" flex flex-row items-center">{content}</div>
+            <div className="text-xs filename line-clamp-1 break-all">
+              {file?.name}
+            </div>
+          </div>
+
+          <div className="ml-2">
+            <ExternalLink size="12px" />
+          </div>
+        </div>
+      )}
+    </>
+  );
+};
+function darkenColor(color: string, factor: number = 0.5): string {
+  const rgb = hexToRgb(color);
+  const r = Math.floor(rgb.r * factor);
+  const g = Math.floor(rgb.g * factor);
+  const b = Math.floor(rgb.b * factor);
+  return rgbToHex(r, g, b);
+}
+
+function hexToRgb(hex: string): { r: number; g: number; b: number } {
+  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+  return result
+    ? {
+        r: parseInt(result[1], 16),
+        g: parseInt(result[2], 16),
+        b: parseInt(result[3], 16),
+      }
+    : { r: 0, g: 0, b: 0 };
+}
+
+function rgbToHex(r: number, g: number, b: number): string {
+  return `#${r.toString(16).padStart(2, "0")}${g
+    .toString(16)
+    .padStart(2, "0")}${b.toString(16).padStart(2, "0")}`;
+}
+function generateRandomColor(str: string): string {
+  let hash = 0;
+  if (str.length === 0) return hash.toString(); // Return a string representation of the hash
+  for (let i = 0; i < str.length; i++) {
+    hash = str.charCodeAt(i) + ((hash << 5) - hash);
+    hash = hash & hash;
+  }
+  let color = "#";
+  for (let i = 0; i < 3; i++) {
+    const value = (hash >> (i * 8)) & 255;
+    color += ("00" + value.toString(16)).substr(-2);
+  }
+  return color;
+}
+const getFileName = (url: string) => {
+  if (url && typeof url === "string" && url.startsWith("[")) {
+    try {
+      const list = JSON.parse(url);
+      if (list.length === 0) return "Empty";
+      return `${list.length} File${list.length > 1 ? "s" : ""}`;
+    } catch (e) {
+      console.error(`Error parsing multi-file: ${url}`);
+    }
+    return "Unknown File";
+  }
+
+  const fileName = url.substring(url.lastIndexOf("/") + 1);
+  const dotIndex = fileName.lastIndexOf(".");
+  const fullname = fileName;
+  if (dotIndex === -1) {
+    return { name: fileName, extension: "", fullname };
+  }
+  const name = fileName.substring(0, dotIndex);
+  const extension = fileName.substring(dotIndex + 1);
+  return { name, extension, fullname };
+};
+
+const extractFileInfo = (url: string) => {
+  let fileName = url.split("/").pop();
+  if (fileName) {
+    let parts = fileName.split(".");
+    let extension = parts.length > 1 ? parts.pop() : "";
+    let name = parts.join(".");
+
+    return {
+      name: name,
+      fullname: fileName,
+      extension: extension,
+    };
+  } else {
+    return {
+      name: null,
+      fullname: null,
+      extension: null,
+    };
+  }
+};
+export const ImgThumb = ({
+  className,
+  url,
+  w,
+  h,
+  fit,
+}: {
+  className?: string;
+  url: string;
+  w: number;
+  h: number;
+  fit?: "cover" | "contain" | "inside" | "fill" | "outside";
+}) => {
+  const local = useLocal({ error: false });
+  return (
+    <div
+      className={cx(
+        "img-thumb",
+        className,
+        css`
+          width: ${w}px;
+          height: ${h}px;
+          background-image: linear-gradient(45deg, #ccc 25%, transparent 25%),
+            linear-gradient(135deg, #ccc 25%, transparent 25%),
+            linear-gradient(45deg, transparent 75%, #ccc 75%),
+            linear-gradient(135deg, transparent 75%, #ccc 75%);
+          background-size: 25px 25px; /* Must be a square */
+          background-position: 0 0, 12.5px 0, 12.5px -12.5px, 0px 12.5px; /* Must be half of one side of the square */
+        `
+      )}
+    >
+      {!local.error && url && (
+        <img
+          onError={() => {
+            local.error = true;
+            local.render();
+          }}
+          src={siteurl(
+            `/_img/${url.substring("_file/".length)}?w=${w}&h=${h}&fit=${
+              fit || "cover"
+            }`
+          )}
+        />
+      )}
+    </div>
+  );
+};
+
+const getRandomColorPair = () => {
+  const colors = [
+    { color: "#dc2626", background: "#fbd5d5" },
+    { color: "#2563eb", background: "#dbeafe" },
+    { color: "#16a34a", background: "#dcfce7" },
+    { color: "#6b7280", background: "#f3f4f6" },
+    { color: "#7c3aed", background: "#ede9fe" },
+    { color: "#f97316", background: "#ffedd5" },
+    { color: "#0d9488", background: "#ccfbf1" },
+    { color: "#9333ea", background: "#e9d5ff" },
+    { color: "#eab308", background: "#fef9c3" },
+  ];
+  return colors[Math.floor(Math.random() * colors.length)];
+};
+
+const colorOfExtension = (extension: string) => {
+  const colorMap: any = {
+    pdf: { color: "#dc2626", background: "#fbd5d5" },
+    doc: { color: "#2563eb", background: "#dbeafe" },
+    docx: { color: "#2563eb", background: "#dbeafe" },
+    xls: { color: "#16a34a", background: "#dcfce7" },
+    xlsx: { color: "#16a34a", background: "#dcfce7" },
+    txt: { color: "#6b7280", background: "#f3f4f6" },
+    zip: { color: "#7c3aed", background: "#ede9fe" },
+    rar: { color: "#7c3aed", background: "#ede9fe" },
+    mp4: { color: "#f97316", background: "#ffedd5" },
+    mp3: { color: "#0d9488", background: "#ccfbf1" },
+  };
+
+  return colorMap[extension] || getRandomColorPair();
+};
diff --git a/src/components/form/field/Type.tsx b/src/components/form/field/Type.tsx
new file mode 100644
index 0000000..e975b8f
--- /dev/null
+++ b/src/components/form/field/Type.tsx
@@ -0,0 +1,9 @@
+import { Input } from "@/components/ui/input";
+
+export const TypeInput: React.FC<any> = () => {
+  return (
+    <>
+      <Input id="name" name="name" placeholder="Type product name" required />
+    </>
+  );
+};
diff --git a/src/components/form/field/TypeAsyncDropdown.tsx b/src/components/form/field/TypeAsyncDropdown.tsx
new file mode 100644
index 0000000..e4bc04e
--- /dev/null
+++ b/src/components/form/field/TypeAsyncDropdown.tsx
@@ -0,0 +1,391 @@
+import { AsyncPaginate } from "react-select-async-paginate";
+import { components } from "react-select";
+import { useLocal } from "@/lib/utils/use-local";
+import { empty } from "@/lib/utils/isStringEmpty";
+import { useEffect, useMemo, useRef, useState } from "react";
+import debounce from "lodash.debounce";
+import get from "lodash.get";
+import { Popover } from "../../Popover/Popover";
+
+export const TypeAsyncDropdown: React.FC<any> = ({
+  name,
+  fm,
+  onChange,
+  label,
+  disabled,
+  onValue,
+  onLabel,
+  onLoad,
+  fields,
+  target,
+  mode = "dropdown",
+  placeholder,
+  pagination = true,
+  search = "api",
+  required = false,
+  autoRefresh = false,
+}) => {
+  const [cacheUniq, setCacheUniq] = useState(0);
+  const [open, setOpen] = useState(false as boolean);
+  const [refreshKey, setRefreshKey] = useState(Date.now());
+  const selectRef = useRef<HTMLDivElement>(null);
+  const [width, setWidth] = useState<number>(0);
+  const getValue =
+    typeof onValue === "string"
+      ? (e: any) => {
+          if (typeof e !== "object" && !Array.isArray(e)) {
+            return e;
+          }
+          return get(e, onValue);
+        }
+      : onValue;
+  const getLabel =
+    typeof onLabel === "string"
+      ? (e: any) => {
+          if (typeof e !== "object" && !Array.isArray(e)) {
+            return e;
+          }
+          return get(e, onLabel);
+        }
+      : onLabel;
+  let placeholderField =
+    mode === "multi"
+      ? placeholder || `Add ${label}`
+      : placeholder || `Select ${label}`;
+  const field = useLocal({
+    data: [] as any[],
+    reload: async () => {
+      setRefreshKey(Date.now());
+    },
+  });
+  const debouncedLoadOptions = useMemo(
+    () =>
+      debounce(async (searchQuery: string, page: number, resolve: any) => {
+        let paging = page;
+        if (pagination === false && paging > 1) {
+          resolve({
+            options: [],
+            hasMore: false,
+            additional: {
+              page: searchQuery ? 2 : page + 1,
+            },
+          });
+        } else {
+          let result: any = await onLoad(
+            search === "local"
+              ? {
+                  skip: page > 1 ? (page - 1) * 10 : 0,
+                  take: 10,
+                }
+              : {
+                  skip: page > 1 ? (page - 1) * 10 : 0,
+                  take: 10,
+                  search: searchQuery,
+                }
+          );
+          if (Array.isArray(result) && result.length) {
+            result = result.map((e) => {
+              return {
+                ...e,
+                label: getLabel(e),
+                value: getValue(e),
+              };
+            });
+          }
+          const respon = result;
+          if (
+            pagination === false &&
+            Array.isArray(respon) &&
+            !empty(searchQuery) &&
+            search === "local"
+          ) {
+            let filter = respon?.length
+              ? respon.filter((e: any) => {
+                  const label = getLabel(e) || "";
+                  return label
+                    .toLowerCase()
+                    .includes(searchQuery.toLowerCase());
+                })
+              : [];
+            resolve({
+              options: filter,
+              hasMore: filter.length >= 1,
+              additional: {
+                page: searchQuery ? 2 : page + 1,
+              },
+            });
+          } else {
+            resolve({
+              options: respon,
+              hasMore: respon.length >= 1,
+              additional: {
+                page: searchQuery ? 2 : page + 1,
+              },
+            });
+          }
+        }
+      }, 200),
+    []
+  );
+  const loadOptions: any = async (
+    searchQuery: any,
+    loadedOptions: any,
+    { page }: any
+  ) => {
+    return new Promise((resolve) => {
+      debouncedLoadOptions(searchQuery, page, resolve);
+    });
+  };
+  useEffect(() => {
+    if (!fm?.fields?.[name]) {
+      fm.fields[name] = { ...fields, ...field };
+      fm.render();
+    }
+  }, []);
+  const MultiValue = (props: any) => {
+    return (
+      <components.MultiValue
+        {...props}
+        className={cx(
+          "selected-multi-value rounded-lg  bg-gray-200 ",
+          css`
+            border-radius: 6px !important;
+          `
+        )}
+      >
+        {props.children}
+      </components.MultiValue>
+    );
+  };
+  const Option = (props: any) => {
+    const { data, isSelected, isFocused } = props;
+    return (
+      <components.Option
+        {...props}
+        className={cx(
+          css`
+            cursor: pointer !important;
+            padding: 0px !important;
+            background: transparent !important;
+            display: flex !important;
+            flex-direction: column !important;
+            width: 100% !imporatnt;
+          `
+        )}
+      >
+        <div
+          className={cx(
+            `pointer-events-auto opt-item px-3 py-1 cursor-pointer option-item text-sm text-black ${
+              isSelected ? "selected" : " hover:bg-blue-50"
+            } ${isFocused ? "focused" : ""}`,
+            "border-t"
+          )}
+        >
+          {getLabel(data)}
+        </div>
+      </components.Option>
+    );
+  };
+  const clearable =
+    mode === "dropdown" && required ? false : mode === "multi" ? true : true;
+  let value = fm.data[name];
+  if (value) {
+    if (mode === "multi") {
+      if (Array.isArray(value) && value?.length) {
+        value = value.map((e) => {
+          return {
+            ...e,
+            value: getValue(e),
+            label: getLabel(e),
+          };
+        });
+      } else {
+        value = [];
+      }
+    } else if (typeof value === "object") {
+      value = value
+        ? {
+            value: getValue(value),
+            label: getLabel(value),
+          }
+        : null;
+    } else if (
+      !target &&
+      typeof value !== "object" &&
+      typeof value === "string" &&
+      value
+    ) {
+      value = value
+        ? onValue === onLabel
+          ? {
+              value: value,
+              label: value,
+            }
+          : {
+              value: value,
+              label: getLabel(value),
+            }
+        : null;
+    } else if (typeof value === "string") {
+      value =
+        onValue === onLabel
+          ? {
+              value: value,
+              label: value,
+            }
+          : {
+              value: value,
+              label: typeof onLabel === "string" ? value : getLabel(value),
+            };
+    } else if (Array.isArray(value) && value?.length) {
+      value = value.map((e) => {
+        return {
+          ...e,
+          value: getValue(e),
+          label: getLabel(e),
+        };
+      });
+    } else if (typeof value === "object" && value) {
+      value = value
+        ? {
+            ...value,
+            value: getValue(value),
+            label: getLabel(value),
+          }
+        : value;
+    }
+  }
+  const CustomMenu = (props: any) => {
+    return (
+      <Popover
+        onMouseDown={(e) => {
+          e.stopPropagation();
+          e.preventDefault();
+        }}
+        classNameTrigger={""}
+        arrow={false}
+        className="rounded-md"
+        onOpenChange={(open: any) => {
+          setOpen(open);
+        }}
+        open={true}
+        content={
+          <div
+            className={cx(
+              "flex flex-col flex-grow",
+              css`
+                width: ${width}px;
+              `
+            )}
+          >
+            {props.children}
+          </div>
+        }
+      >
+        <></>
+      </Popover>
+    );
+  };
+  useEffect(() => {
+    if (selectRef.current) {
+      setWidth(selectRef.current.offsetWidth);
+    }
+  }, [selectRef]);
+  const customFilterOption = (option: any, rawInput: any) => {
+    // option.data berisi data opsi, misalnya label dan value
+    // rawInput adalah string yang diketik pengguna
+    console.log(option, rawInput);
+    return true;
+  };
+  const increaseUniq = (uniq: number) => uniq + 1;
+  return (
+    <div ref={selectRef} className="w-full">
+      <AsyncPaginate
+        menuIsOpen={open}
+        key={refreshKey}
+        placeholder={disabled ? "" : placeholderField}
+        isDisabled={disabled}
+        className={cx(
+          "rounded-md border-none text-sm w-full",
+          css`
+            [role="listbox"] {
+              padding: 0px !important;
+              z-index: 5;
+            }
+            input:focus {
+              outline: 0px !important;
+              border: 0px !important;
+              outline-offset: 0px !important;
+              --tw-ring-color: transparent !important;
+            }
+            .css-13cymwt-control {
+              border-color: transparent;
+              border-width: 0px;
+              border-radius: 6px;
+            }
+            .css-t3ipsp-control {
+              border-color: transparent;
+              border-width: 0px;
+              box-shadow: none;
+              border-radius: 6px;
+            }
+            > :nth-child(4) {
+              z-index: 4 !important;
+            }
+          `,
+          disabled
+            ? css`
+                > div {
+                  border-width: 0px !important;
+                  background: transparent !important;
+                }
+                > div > div:last-child {
+                  display: none !important;
+                }
+                > div > div:first-child > div {
+                  color: black !important;
+                }
+              `
+            : ``
+        )}
+        isClearable={clearable}
+        onMenuOpen={() => {
+          if (autoRefresh) setCacheUniq(increaseUniq);
+          setOpen(true);
+        }}
+        onMenuClose={() => {
+          setOpen(false);
+        }}
+        closeMenuOnSelect={mode === "dropdown" ? true : false}
+        // closeMenuOnSelect={false}
+        cacheUniqs={[cacheUniq]}
+        getOptionValue={(item) => item.value}
+        getOptionLabel={(item) => item.label}
+        value={value}
+        components={{ MultiValue, Option, Menu: CustomMenu }}
+        loadOptions={loadOptions}
+        isSearchable={true}
+        // filterOption={customFilterOption}
+        isMulti={mode === "multi"}
+        onChange={(e) => {
+          setOpen(mode === "dropdown" ? false : true);
+          if (target) {
+            fm.data[target] = getValue(e);
+          }
+          if (mode === "dropdown" && !target) {
+            fm.data[name] = getValue(e);
+          } else {
+            fm.data[name] = e;
+          }
+          fm.render();
+          if (typeof onChange === "function") {
+            onChange({ ...e, data: e });
+          }
+        }}
+        additional={{
+          page: 1,
+        }}
+      />
+    </div>
+  );
+};
diff --git a/src/components/form/field/TypeCheckbox.tsx b/src/components/form/field/TypeCheckbox.tsx
new file mode 100644
index 0000000..279607f
--- /dev/null
+++ b/src/components/form/field/TypeCheckbox.tsx
@@ -0,0 +1,154 @@
+import { useLocal } from "@/lib/utils/use-local";
+import { FC, useEffect } from "react";
+
+export const FieldCheckbox: FC<any> = ({
+  fm,
+  name,
+  onLoad,
+  onChange,
+  placeholder,
+  disabled,
+  className,
+  mode,
+  fields,
+}) => {
+  const local = useLocal({
+    list: [] as any[],
+    reload: async () => {
+      fm.fields[name] = { ...fields, ...local };
+      fm.render();
+      const callback = (res: any[]) => {
+        if (Array.isArray(res)) {
+          local.list = res;
+        } else {
+          local.list = [];
+        }
+
+        local.render();
+      };
+      const res = onLoad();
+      if (res instanceof Promise) res.then(callback);
+      else callback(res);
+    },
+  });
+  useEffect(() => {
+    fm.fields[name] = { ...fields, ...local };
+    const callback = (res: any[]) => {
+      if (Array.isArray(res)) {
+        local.list = res;
+      } else {
+        local.list = [];
+      }
+      local.render();
+    };
+    const res = onLoad();
+    if (res instanceof Promise) res.then(callback);
+    else callback(res);
+  }, []);
+
+  let value =
+    mode === "single" && typeof fm.data?.[name] === "string"
+      ? [fm.data?.[name]]
+      : fm.data?.[name];
+
+  let is_tree = false;
+  const applyChanges = (selected: any[]) => {
+    selected = selected.filter((e) => e);
+    const val = selected.map((e) => e.value);
+    if (mode === "single") {
+      selected = val?.[0];
+
+      fm.data[name] = selected;
+    } else {
+      fm.data[name] = val;
+    }
+    fm.render();
+
+    if (typeof onChange === "function") {
+      onChange(fm.data[name]);
+    }
+  };
+  return (
+    <>
+      <div className={cx("flex items-center w-full flex-row")}>
+        <div
+          className={cx(
+            `flex flex-col p-0.5 flex-1`,
+            !is_tree && "space-y-1 ",
+            className
+          )}
+        >
+          {local.list.map((item, idx) => {
+            let isChecked = false;
+            try {
+              isChecked = value.some((e: any) => e === item.value);
+            } catch (ex) {}
+
+            return (
+              <div
+                key={idx + "_checkbox"}
+                onClick={() => {
+                  if (!disabled) {
+                    let selected = Array.isArray(value)
+                      ? value.map((row) => {
+                          return local.list.find((e) => e.value === row);
+                        })
+                      : [];
+
+                    if (isChecked) {
+                      selected = selected.filter(
+                        (e: any) => e.value !== item.value
+                      );
+                    } else {
+                      if (mode === "single") {
+                        selected = [item];
+                      } else {
+                        selected.push(item);
+                      }
+                    }
+                    applyChanges(selected);
+                  }
+                }}
+                className={cx(
+                  "text-sm opt-item flex flex-row space-x-1 cursor-pointer items-center rounded-full p-0.5",
+                  isChecked && "active"
+                )}
+              >
+                <div className="text-primary">
+                  {isChecked ? (
+                    <svg
+                      xmlns="http://www.w3.org/2000/svg"
+                      width="24"
+                      height="24"
+                      viewBox="0 0 24 24"
+                      className="fill-sky-500"
+                    >
+                      <path
+                        fill="currentColor"
+                        d="m10.6 14.092l-2.496-2.496q-.14-.14-.344-.15q-.204-.01-.364.15t-.16.354q0 .194.16.354l2.639 2.638q.242.243.565.243q.323 0 .565-.243l5.477-5.477q.14-.14.15-.344q.01-.204-.15-.363q-.16-.16-.354-.16q-.194 0-.353.16L10.6 14.092ZM5.615 20q-.69 0-1.152-.462Q4 19.075 4 18.385V5.615q0-.69.463-1.152Q4.925 4 5.615 4h12.77q.69 0 1.152.463q.463.462.463 1.152v12.77q0 .69-.462 1.152q-.463.463-1.153.463H5.615Z"
+                      />
+                    </svg>
+                  ) : (
+                    <svg
+                      xmlns="http://www.w3.org/2000/svg"
+                      width="24"
+                      height="24"
+                      viewBox="0 0 24 24"
+                    >
+                      <path
+                        fill="currentColor"
+                        d="M5.615 20q-.69 0-1.152-.462Q4 19.075 4 18.385V5.615q0-.69.463-1.152Q4.925 4 5.615 4h12.77q.69 0 1.152.463q.463.462.463 1.152v12.77q0 .69-.462 1.152q-.463.463-1.153.463H5.615Zm0-1h12.77q.23 0 .423-.192q.192-.193.192-.423V5.615q0-.23-.192-.423Q18.615 5 18.385 5H5.615q-.23 0-.423.192Q5 5.385 5 5.615v12.77q0 .23.192.423q.193.192.423.192Z"
+                      />
+                    </svg>
+                  )}
+                </div>
+
+                <div className="">{item.label}</div>
+              </div>
+            );
+          })}
+        </div>
+      </div>
+    </>
+  );
+};
diff --git a/src/components/form/field/TypeColor.tsx b/src/components/form/field/TypeColor.tsx
new file mode 100644
index 0000000..1ff213c
--- /dev/null
+++ b/src/components/form/field/TypeColor.tsx
@@ -0,0 +1,117 @@
+import { useLocal } from "@/lib/utils/use-local";
+import { Suspense, useEffect } from "react";
+import tinycolor from "tinycolor2";
+import { HexColorPicker } from "react-colorful";
+
+export const TypeColor: React.FC<any> = ({
+  value,
+  onChangePicker,
+  onClose,
+  onChange,
+}) => {
+  const meta = useLocal({
+    originalValue: "",
+    inputValue: value,
+    rgbValue: "",
+    selectedEd: "" as string,
+  });
+  useEffect(() => {
+    meta.inputValue = value || "";
+    const convertColor = tinycolor(meta.inputValue);
+    meta.rgbValue = convertColor.toRgbString();
+    meta.render();
+  }, [value]);
+  const tin = tinycolor(meta.inputValue);
+  return (
+    <div className="flex p-3 space-x-4 items-start">
+      <div
+        className={cx(
+          "flex flex-col items-center",
+          css`
+            .react-colorful__pointer {
+              border-radius: 4px;
+              width: 20px;
+              height: 20px;
+            }
+          `
+        )}
+        onClick={(e) => {
+          e.stopPropagation();
+          e.preventDefault();
+        }}
+      >
+        <Suspense>
+          <HexColorPicker
+            color={meta.inputValue}
+            onChange={(color) => {
+              if (color) {
+                meta.inputValue = color;
+                onChangePicker(color);
+                const convertColor = tinycolor(meta.inputValue);
+                meta.rgbValue = convertColor.toRgbString();
+              }
+            }}
+          />
+        </Suspense>
+      </div>
+      <div
+        className={cx(
+          "grid grid-cols-1 gap-y-0.5",
+          css`
+            width: 78px;
+          `
+        )}
+      >
+        <div
+          className="p-[1px] border rounded flex items-center justify-center"
+          style={{
+            marginBottom: "4px",
+          }}
+        >
+          <input
+            value={meta.inputValue || "#FFFFFFFF"}
+            className={cx(
+              `rounded cursor-text bg-[${meta.inputValue}] min-w-[0px] text-[13px] px-[8px] py-[1px] uppercase`,
+              tin.isValid() &&
+                css`
+                  color: ${!tin.isLight() ? "#FFF" : "#000"};
+                  background-color: ${meta.inputValue || ""};
+                `
+            )}
+            spellCheck={false}
+            onChange={(e) => {
+              const color = e.currentTarget.value;
+              meta.inputValue = color;
+              onChangePicker(color);
+            }}
+          />
+        </div>
+
+        <div className="">
+          {meta.inputValue !== "" && (
+            <>
+              <div
+                className="cursor-pointer text-center border border-gray-200 rounded hover:bg-gray-100"
+                onClick={() => {
+                  meta.inputValue = "";
+                  onChangePicker("");
+                }}
+              >
+                Reset
+              </div>
+            </>
+          )}
+
+          {onClose && (
+            <div
+              className="cursor-pointer text-center border border-gray-200 rounded hover:bg-gray-100 mt-[4px]"
+              onClick={onClose}
+            >
+              Close
+            </div>
+          )}
+        </div>
+      </div>
+    </div>
+  );
+};
diff --git a/src/components/form/field/TypeDropdown.tsx b/src/components/form/field/TypeDropdown.tsx
new file mode 100644
index 0000000..aacc5b0
--- /dev/null
+++ b/src/components/form/field/TypeDropdown.tsx
@@ -0,0 +1,68 @@
+import { Typeahead } from "./Typeahead";
+
+export const TypeDropdown: React.FC<any> = ({
+  required,
+  fm,
+  name,
+  onLoad,
+  onChange,
+  placeholder,
+  disabled,
+  mode,
+  allowNew = false,
+  unique = true,
+  isBetter = false,
+  fields,
+}) => {
+  return (
+    <>
+      <Typeahead
+        value={
+          Array.isArray(fm.data?.[name])
+            ? fm.data?.[name]
+            : fm.data?.[name]
+            ? [fm.data?.[name]]
+            : []
+        }
+        isBetter={isBetter}
+        allowNew={allowNew}
+        unique={mode === "multi" ? (isBetter ? false : true) : false}
+        disabledSearch={false}
+        //   popupClassName={}
+        required={required}
+        onSelect={({ search, item }) => {
+          if (item) {
+            if (mode === "multi") {
+              if (!Array.isArray(fm.data[name])) {
+                fm.data[name] = [];
+                fm.render();
+              }
+              fm.data[name].push(item.value);
+              fm.render();
+            } else {
+              fm.data[name] = item.value;
+              fm.render();
+            }
+          }
+          if (typeof onChange === "function" && item) {
+            onChange(item);
+          }
+          return item?.value || search;
+        }}
+        disabled={disabled}
+        // allowNew={false}
+        autoPopupWidth={true}
+        focusOpen={true}
+        mode={mode ? mode : "single"}
+        placeholder={placeholder}
+        options={onLoad}
+        onInit={(e) => {
+          fm.fields[name] = {
+            ...fields,
+            ...e,
+          };
+        }}
+      />
+    </>
+  );
+};
diff --git a/src/components/form/field/TypeDropdownBetter.tsx b/src/components/form/field/TypeDropdownBetter.tsx
new file mode 100644
index 0000000..deedeac
--- /dev/null
+++ b/src/components/form/field/TypeDropdownBetter.tsx
@@ -0,0 +1,69 @@
+import { TypeaheadBetter } from "./TypeaheadBetter";
+
+export const TypeDropdownBetter: React.FC<any> = ({
+  required,
+  fm,
+  name,
+  onLoad,
+  onChange,
+  placeholder,
+  disabled,
+  mode,
+  allowNew = false,
+  unique = true,
+  isBetter = false,
+  onCount,
+  onLabel,
+  fields,
+}) => {
+  return (
+    <>
+      <TypeaheadBetter
+        value={
+          Array.isArray(fm.data?.[name])
+            ? fm.data?.[name]
+            : fm.data?.[name]
+            ? [fm.data?.[name]]
+            : []
+        }
+        onCount={onCount}
+        onLoad={onLoad}
+        onLabel={onLabel}
+        isBetter={isBetter}
+        allowNew={allowNew}
+        unique={mode === "multi" ? (isBetter ? false : true) : false}
+        disabledSearch={false}
+        required={required}
+        onSelect={({ search, item }) => {
+          if (item) {
+            if (mode === "multi") {
+              if (!Array.isArray(fm.data[name])) {
+                fm.data[name] = [];
+                fm.render();
+              }
+              fm.data[name].push(item.value);
+              fm.render();
+            } else {
+              fm.data[name] = item.value;
+              fm.render();
+            }
+          }
+          if (typeof onChange === "function" && item) {
+            onChange(item);
+          }
+          return item?.value || search;
+        }}
+        disabled={disabled}
+        // allowNew={false}
+        autoPopupWidth={true}
+        focusOpen={true}
+        mode={mode ? mode : "single"}
+        placeholder={placeholder}
+        options={onLoad}
+        onInit={(e) => {
+          fm.fields[name] = { ...fields, ...e };
+        }}
+      />
+    </>
+  );
+};
diff --git a/src/components/form/field/TypeInput.tsx b/src/components/form/field/TypeInput.tsx
new file mode 100644
index 0000000..db22999
--- /dev/null
+++ b/src/components/form/field/TypeInput.tsx
@@ -0,0 +1,552 @@
+import { useLocal } from "@/lib/utils/use-local";
+import Datepicker from "../../ui/Datepicker";
+import { Input } from "../../ui/input";
+import { Textarea } from "../../ui/text-area";
+import { useEffect, useRef, useState } from "react";
+import tinycolor from "tinycolor2";
+import { FieldColorPicker } from "../../ui/FieldColorPopover";
+import { Rating } from "../../ui/ratings";
+import { getNumber } from "@/lib/utils/getNumber";
+import MaskedInput from "../../ui/MaskedInput";
+import { cn } from "@/lib/utils";
+import { time } from "@/lib/utils/date";
+import React from "react";
+import debounce from "lodash.debounce";
+import { IconEye, IconEyeClosed } from "@tabler/icons-react";
+
+export const TypeInput: React.FC<any> = ({
+  name,
+  fm,
+  placeholder,
+  disabled = false,
+  required,
+  type,
+  field,
+  onChange,
+  className,
+  placeholderDate,
+  isDebounce = false,
+}) => {
+  const [inputValue, setInputValue] = useState(null as any);
+
+  const [hover, setHover] = useState(0); // State untuk menyimpan nilai hover
+  const textareaRef = useRef<HTMLTextAreaElement | null>(null);
+
+  let value: any = fm.data?.[name] || "";
+
+  const [rating, setRating] = useState(value); // State untuk menyimpan nilai rating
+  const handleClick = (index: number) => {
+    setRating(index); // Update nilai rating
+    fm.data[name] = rating + 1;
+    fm.render();
+  };
+  const input = useLocal({
+    value: 0 as any,
+    ref: null as any,
+    show_pass: false as boolean,
+    open: false,
+  });
+  const meta = useLocal({
+    originalValue: "",
+    inputValue: value,
+    rgbValue: "",
+    selectedEd: "" as string,
+  });
+  const handleInput = () => {
+    const textarea = textareaRef.current;
+    if (textarea) {
+      textarea.style.height = "auto"; // Reset height to calculate new height
+      textarea.style.height = `${textarea.scrollHeight}px`; // Adjust height based on content
+    }
+  };
+  const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {
+    if (event.key === "Enter") {
+      event.stopPropagation();
+      event.preventDefault();
+    }
+  };
+  useEffect(() => {
+    if (type === "color") {
+      meta.inputValue = value || "";
+      const convertColor = tinycolor(meta.inputValue);
+      meta.rgbValue = convertColor.toRgbString();
+      meta.render();
+    } else {
+      setRating(value ? value - 1 : value);
+    }
+  }, [value]);
+  useEffect(() => {
+    if (type === "money") {
+      input.value =
+        typeof fm.data?.[name] === "number" && fm.data?.[name] === 0
+          ? "0"
+          : formatCurrency(value);
+      input.render();
+    }
+  }, [fm.data?.[name]]);
+  const error = fm.error?.[name];
+  switch (type) {
+    case "textarea":
+      return (
+        <>
+          <Textarea
+            ref={textareaRef}
+            id={name}
+            onInput={handleInput}
+            name={name}
+            disabled={disabled}
+            required={required}
+            className={cx(
+              "text-sm border-none",
+              css`
+                background-color: ${disabled
+                    ? "rgb(243 244 246)"
+                    : "transparant"}
+                  ? "";
+              `
+            )}
+            placeholder={placeholder || ""}
+            value={value}
+            onChange={(ev) => {
+              fm.data[name] = ev.currentTarget.value;
+              fm.render();
+
+              if (typeof onChange === "function") {
+                onChange(ev.currentTarget.value);
+              }
+            }}
+          />
+        </>
+      );
+      break;
+
+    case "time":
+      return (
+        <>
+          <MaskedInput
+            value={time(value) || ""}
+            disabled={disabled}
+            className={cx(
+              css`
+                background-color: ${disabled
+                  ? "rgb(243 244 246)"
+                  : "transparant"};
+              `,
+              className
+            )}
+            onChange={(value) => {
+              if (disabled) return;
+              fm.data[name] = value;
+              fm.render();
+              if (typeof onChange === "function") {
+                onChange(value);
+              }
+            }}
+          />
+        </>
+      );
+      break;
+
+    case "rating":
+      return (
+        <div className="flex">
+          <Rating
+            rating={getNumber(fm.data?.[name])}
+            totalStars={5}
+            size={24}
+            variant="yellow"
+            disabled={disabled}
+            className="h-1"
+            showText={false}
+            onRatingChange={(e) => {
+              fm.data[name] = getNumber(e);
+              fm.render();
+              if (typeof onChange === "function") {
+                onChange(getNumber(e));
+              }
+            }}
+          />
+        </div>
+      );
+      break;
+    case "color":
+      return (
+        <div className="flex flex-row items-center">
+          <div className="border border-gray-300 p-0.5 rounded-sm">
+            <FieldColorPicker
+              value={fm.data?.[name]}
+              update={(val) => {
+                fm.data[name] = val;
+                fm.render();
+                if (typeof onChange === "function") {
+                  onChange(val);
+                }
+              }}
+              onOpen={() => {
+                input.open = true;
+                input.render();
+              }}
+              onClose={() => {
+                input.open = false;
+                input.render();
+              }}
+              open={input.open}
+              showHistory={false}
+            >
+              <div
+                className={cx(
+                  css`
+                    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>');
+                  `,
+                  "cursor-pointer  rounded-md"
+                )}
+              >
+                <div
+                  className={cx(
+                    "rounded-sm h-8 w-8",
+                    css`
+                      background: ${fm?.data?.[name]};
+                    `,
+                    "color-box"
+                  )}
+                ></div>
+              </div>
+            </FieldColorPicker>
+          </div>
+        </div>
+      );
+      break;
+
+    case "date":
+      return (
+        <>
+          <Datepicker
+            value={{ startDate: value, endDate: value }}
+            disabled={disabled}
+            displayFormat="DD MMM YYYY"
+            placeholder={placeholder || "DD MMM YYYY"}
+            mode={"daily"}
+            maxDate={field?.max_date instanceof Date ? field.max_date : null}
+            minDate={field?.min_date instanceof Date ? field.min_date : null}
+            asSingle={true}
+            useRange={false}
+            onChange={(value) => {
+              fm.data[name] = value?.startDate
+                ? new Date(value?.startDate)
+                : null;
+              fm.render();
+              if (typeof onChange === "function") {
+                onChange(value?.startDate ? new Date(value?.startDate) : null);
+              }
+            }}
+          />
+        </>
+      );
+      break;
+    case "money":
+      return (
+        <>
+          <Input
+            id={name}
+            name={name}
+            disabled={disabled}
+            className={cn(
+              "text-sm text-right	",
+              error
+                ? css`
+                    border-color: red !important;
+                  `
+                : ``,
+              css`
+                background-color: ${disabled
+                    ? "rgb(243 244 246)"
+                    : "transparant"}
+                  ? "";
+              `,
+              className
+            )}
+            required={required}
+            placeholder={placeholder || ""}
+            value={formatCurrency(input.value)}
+            type={"text"}
+            onKeyDown={handleKeyDown}
+            onChange={(ev) => {
+              const rawValue = ev.currentTarget.value
+                .replace(/[^0-9,-]/g, "")
+                .toString();
+              if (rawValue === "0") {
+                input.value = "0";
+                input.render();
+              }
+              if (
+                (!rawValue.startsWith(",") || !rawValue.endsWith(",")) &&
+                !rawValue.endsWith("-") &&
+                convertionCurrencyNumber(rawValue) !==
+                  convertionCurrencyNumber(input.value)
+              ) {
+                fm.data[name] = convertionCurrencyNumber(
+                  formatCurrency(rawValue)
+                );
+                fm.render();
+                if (typeof onChange === "function") {
+                  onChange(convertionCurrencyNumber(formatCurrency(rawValue)));
+                }
+                input.value = formatCurrency(fm.data[name]);
+                input.render();
+              } else {
+                input.value = rawValue;
+                input.render();
+              }
+            }}
+          />
+        </>
+      );
+      break;
+  }
+  let type_field = type;
+  if (input.show_pass) {
+    type_field = "text";
+  }
+  if (type === "status") {
+    if (disabled) {
+      return (
+        <>
+          <Input
+            id={name}
+            onKeyDown={handleKeyDown}
+            name={name}
+            className={cx(
+              "text-sm",
+              error
+                ? css`
+                    border-color: red !important;
+                  `
+                : ``,
+              css`
+                background-color: ${disabled
+                    ? "rgb(243 244 246)"
+                    : "transparant"}
+                  ? "";
+              `,
+              className
+            )}
+            disabled={disabled}
+            required={required}
+            placeholder={placeholder || ""}
+            value={value}
+            type={!type ? "text" : type_field}
+            onChange={(ev) => {
+              fm.data[name] = ev.currentTarget.value;
+              fm.render();
+              if (typeof onChange === "function") {
+                onChange(ev.currentTarget.value);
+              }
+            }}
+          />
+
+          {type === "password" && (
+            <div
+              className=" right-0 h-full flex items-center cursor-pointer px-2"
+              onClick={() => {
+                input.show_pass = !input.show_pass;
+                input.render();
+              }}
+            >
+              <div className="">
+                {input.show_pass ? (
+                  <IconEye className="h-4" />
+                ) : (
+                  <IconEyeClosed className="h-4" />
+                )}
+              </div>
+            </div>
+          )}
+        </>
+      );
+    } else {
+      type = "text";
+    }
+  }
+
+  const latestValueRef = React.useRef<string | null>(null);
+
+  const debouncedOnChange = React.useMemo(
+    () =>
+      debounce(() => {
+        if (typeof onChange === "function" && latestValueRef.current !== null) {
+          onChange(latestValueRef.current);
+        }
+      }, 1000),
+    []
+  );
+
+  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+    latestValueRef.current = event.currentTarget.value; // Simpan nilai terbaru
+    debouncedOnChange(); // Panggil fungsi debounce
+  };
+
+  useEffect(() => {
+    return () => {
+      debouncedOnChange.cancel(); // Bersihkan debounce saat komponen unmount
+    };
+  }, [debouncedOnChange]);
+  return (
+    <>
+      <Input
+        id={name}
+        onKeyDown={handleKeyDown}
+        name={name}
+        className={cx(
+          "text-sm",
+          error
+            ? css`
+                border-color: red !important;
+              `
+            : ``,
+          css`
+            background-color: ${disabled ? "rgb(243 244 246)" : "transparant"} ?
+              "";
+          `,
+          className
+        )}
+        disabled={disabled}
+        required={required}
+        placeholder={placeholder || ""}
+        value={value}
+        type={!type ? "text" : type_field}
+        onChange={(ev) => {
+          setInputValue(ev.currentTarget.value);
+          fm.data[name] = ev.currentTarget.value;
+          fm.render();
+          if (!isDebounce) {
+            if (typeof onChange === "function") {
+              onChange(ev.currentTarget.value);
+            }
+          } else {
+            handleInputChange(ev);
+          }
+        }}
+      />
+
+      {type === "password" && (
+        <div
+          className=" right-0 h-full flex items-center cursor-pointer px-2"
+          onClick={() => {
+            input.show_pass = !input.show_pass;
+            input.render();
+          }}
+        >
+          <div className="">
+            {input.show_pass ? (
+              <IconEyeClosed className="h-4" />
+            ) : (
+              <IconEye className="h-4" />
+            )}
+          </div>
+        </div>
+      )}
+    </>
+  );
+};
+const convertionCurrencyNumber = (value: string) => {
+  if (!value) return null;
+  let numberString = value.toString().replace(/[^0-9,-]/g, "");
+  if (numberString.endsWith(",")) {
+    return Number(numberString.replace(",", "")) || 0;
+  }
+  if (numberString.endsWith("-")) {
+    return Number(numberString.replace("-", "")) || 0;
+  }
+  const rawValue = numberString.replace(/[^0-9,-]/g, "").replace(",", ".");
+  return parseFloat(rawValue) || 0;
+};
+const formatCurrency = (value: any) => {
+  // Menghapus semua karakter kecuali angka, koma, dan tanda minusif (value === null || value === undefined) return '';
+  if (typeof value === "number" && value === 0) return "0";
+  if (typeof value === "string" && value === "0") return "0";
+  if (!value) return "";
+  let numberString = "";
+  if (typeof value === "number") {
+    numberString = formatMoney(value);
+  } else {
+    numberString = value.toString().replace(/[^0-9,-]/g, "");
+  }
+  if (numberString.endsWith("-") && numberString.startsWith("-")) {
+    return "-";
+  } else if (numberString.endsWith(",")) {
+    const isNegative = numberString.startsWith("-");
+    numberString = numberString.replace("-", "");
+    const split = numberString.split(",");
+    if (isNumberOrCurrency(split[0]) === "Number") {
+      split[0] = formatMoney(Number(split[0]));
+    }
+    let rupiah = split[0];
+    rupiah = split[1] !== undefined ? rupiah + "," + split[1] : rupiah;
+    return (isNegative ? "-" : "") + rupiah;
+  } else {
+    const isNegative = numberString.startsWith("-");
+    numberString = numberString.replace("-", "");
+    const split = numberString.split(",");
+    if (isNumberOrCurrency(split[0]) === "Number") {
+      split[0] = formatMoney(Number(split[0]));
+    }
+    let rupiah = split[0];
+    rupiah = split[1] !== undefined ? rupiah + "," + split[1] : rupiah;
+    return (isNegative ? "-" : "") + rupiah;
+  }
+};
+export const formatMoney = (res: any) => {
+  if (typeof res === "string" && res.startsWith("BigInt::")) {
+    res = res.substring(`BigInt::`.length);
+  }
+
+  const formattedAmount = new Intl.NumberFormat("id-ID", {
+    minimumFractionDigits: 0,
+  }).format(res);
+  return formattedAmount;
+};
+const isNumberOrCurrency = (input: any) => {
+  // Pengecekan apakah input adalah angka biasa
+
+  if (typeof input === "string") {
+    let rs = input;
+    if (input.startsWith("-")) {
+      rs = rs.replace("-", "");
+    }
+    const dots = rs.match(/\./g);
+    if (dots && dots.length > 1) {
+      return "Currency";
+    } else if (dots && dots.length === 1) {
+      if (!hasNonZeroDigitAfterDecimal(rs)) {
+        return "Currency";
+      }
+      return "Currency";
+    }
+  }
+  if (!isNaN(input)) {
+    return "Number";
+  }
+  // Pengecekan apakah input adalah format mata uang dengan pemisah ribuan
+  const currencyRegex = /^-?Rp?\s?\d{1,3}(\.\d{3})*$/;
+  if (currencyRegex.test(input)) {
+    return "Currency";
+  }
+
+  // Jika tidak terdeteksi sebagai angka atau format mata uang, kembalikan null atau sesuai kebutuhan
+  return null;
+};
+const hasNonZeroDigitAfterDecimal = (input: string) => {
+  // Ekspresi reguler untuk mencocokkan angka 1-9 setelah koma atau titik
+  const regex = /[.,]\d*[1-9]\d*/;
+  return regex.test(input);
+};
+export const convertToTimeOnly = (isoString: any) => {
+  if (!isoString || isoString === "") return null;
+  const isoRegex = /^\d{4}-\d{2}-\d{2}T(\d{2}:\d{2}):\d{2}Z$/;
+
+  const match = isoString.match(isoRegex);
+  if (match) {
+    return match[1];
+  }
+  return isoString;
+};
diff --git a/src/components/form/field/TypeRadio.tsx b/src/components/form/field/TypeRadio.tsx
new file mode 100644
index 0000000..6dad3de
--- /dev/null
+++ b/src/components/form/field/TypeRadio.tsx
@@ -0,0 +1,132 @@
+import { cn } from "@/lib/utils";
+import { useLocal } from "@/lib/utils/use-local";
+import { FC, useEffect } from "react";
+import { IconToggleLeft, IconToggleRightFilled } from "@tabler/icons-react";
+
+export const FieldRadio: FC<any> = ({
+  fm,
+  name,
+  onLoad,
+  onChange,
+  placeholder,
+  disabled,
+  className,
+  mode = "single",
+  fields,
+}) => {
+  const local = useLocal({
+    list: [] as any[],
+    reload: async () => {
+      fm.fields[name] = { ...fields, ...local };
+      fm.render();
+      const callback = (res: any[]) => {
+        if (Array.isArray(res)) {
+          local.list = res;
+        } else {
+          local.list = [];
+        }
+
+        local.render();
+      };
+      const res = onLoad();
+      if (res instanceof Promise) res.then(callback);
+      else callback(res);
+    },
+  });
+  useEffect(() => {
+    fm.fields[name] = { ...fields, ...local };
+    const callback = (res: any[]) => {
+      if (Array.isArray(res)) {
+        local.list = res;
+      } else {
+        local.list = [];
+      }
+      local.render();
+    };
+    const res = onLoad();
+    if (res instanceof Promise) res.then(callback);
+    else callback(res);
+  }, []);
+
+  let value =
+    mode === "single" && typeof fm.data?.[name] === "string"
+      ? [fm.data?.[name]]
+      : fm.data?.[name];
+
+  let is_tree = false;
+  const applyChanges = (selected: any[]) => {
+    selected = selected.filter((e) => e);
+    const val = selected.map((e) => e.value);
+    if (mode === "single") {
+      selected = val?.[0];
+
+      fm.data[name] = selected;
+    } else {
+      fm.data[name] = val;
+    }
+    fm.render();
+
+    if (typeof onChange === "function") {
+      onChange(fm.data[name]);
+    }
+  };
+  return (
+    <>
+      <div className={cx("flex items-center w-full flex-row")}>
+        <div
+          className={cn(
+            `flex flex-col p-0.5 flex-1 text-sm `,
+            !is_tree && "space-y-1 ",
+            className
+          )}
+        >
+          {local.list.map((item, idx) => {
+            let isChecked = false;
+            try {
+              isChecked = value.some((e: any) => e === item.value);
+            } catch (ex) {}
+
+            return (
+              <div
+                key={idx + "_checkbox"}
+                onClick={() => {
+                  if (!disabled) {
+                    let selected = Array.isArray(value)
+                      ? value.map((row) => {
+                          return local.list.find((e) => e.value === row);
+                        })
+                      : [];
+
+                    if (isChecked) {
+                      selected = selected.filter(
+                        (e: any) => e.value !== item.value
+                      );
+                    } else {
+                      if (mode === "single") {
+                        selected = [item];
+                      } else {
+                        selected.push(item);
+                      }
+                    }
+                    applyChanges(selected);
+                  }
+                }}
+                className={cx(
+                  "opt-item flex flex-row gap-x-1 cursor-pointer items-center rounded-full p-0.5 ",
+                  isChecked && "active"
+                )}
+              >
+                {isChecked ? (
+                  <IconToggleRightFilled className="text-primary" />
+                ) : (
+                  <IconToggleLeft className="text-primary" />
+                )}
+                <div className="">{item.label}</div>
+              </div>
+            );
+          })}
+        </div>
+      </div>
+    </>
+  );
+};
diff --git a/src/components/form/field/TypeTag.tsx b/src/components/form/field/TypeTag.tsx
new file mode 100644
index 0000000..e809381
--- /dev/null
+++ b/src/components/form/field/TypeTag.tsx
@@ -0,0 +1,199 @@
+import { cva } from "class-variance-authority";
+import { useRef, useState, useEffect } from "react";
+import { Checkbox } from "../../ui/checkbox";
+import { X } from "lucide-react";
+import { IconToggleLeft, IconToggleRightFilled } from "@tabler/icons-react";
+
+export const TypeTag: React.FC<any> = ({
+  name,
+  fm,
+  placeholder,
+  disabled = false,
+  required,
+  type,
+  field,
+  onChange,
+  styleField,
+  mode,
+  valueChecked,
+}) => {
+  const [tags, setTags] = useState<string[]>(fm.data?.[name] || []);
+  const [inputValue, setInputValue] = useState("");
+  const [editingIndex, setEditingIndex] = useState<number | null>(null); // Index tag yang sedang diedit
+  const [tempValue, setTempValue] = useState<string>(""); // Nilai sementara untuk pengeditan
+  const tagRefs = useRef<(HTMLDivElement | null)[]>([]);
+  const val = fm?.data?.[name];
+
+  useEffect(() => {
+    if (editingIndex !== null && tagRefs.current[editingIndex]) {
+      tagRefs.current[editingIndex]?.focus();
+    }
+  }, [editingIndex]);
+
+  const handleSaveEdit = (index: number) => {
+    if (disabled) return;
+    const updatedTags = [...tags];
+    updatedTags[index] = tempValue.trim(); // Update nilai tag
+    setTags(updatedTags);
+    setEditingIndex(null); // Keluar dari mode edit
+    setTempValue(""); // Reset nilai sementara
+
+    fm.data[name] = updatedTags;
+    fm.render();
+    if (typeof onChange === "function") {
+      onChange(tags);
+    }
+  };
+
+  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
+    if (e.key === "Enter") {
+      e.preventDefault();
+      e.stopPropagation();
+    }
+    if (disabled) return;
+    if (e.key === "Enter" && inputValue) {
+      e.preventDefault();
+      e.stopPropagation();
+      setTags([...tags, inputValue]);
+      setInputValue("");
+      fm.data[name] = [...tags, inputValue];
+      fm.render();
+      if (typeof onChange === "function") {
+        onChange(tags);
+      }
+    } else if (e.key === "Backspace" && !inputValue && tags.length > 0) {
+      setTags(tags.slice(0, -1));
+    }
+  };
+
+  const handleFocusTag = (index: number) => {
+    if (disabled) return;
+    setEditingIndex(index); // Masuk ke mode edit
+    setTempValue(tags[index]); // Isi nilai sementara dengan nilai tag
+  };
+
+  const removeTag = (index: number) => {
+    if (disabled) return;
+    setTags(tags.filter((_, i) => i !== index));
+  };
+
+  const buttonVariants = cva(
+    "flex flex-row items-center  rounded-full  text-sm p-1",
+    {
+      variants: {
+        variant: {
+          default: "bg-blue-100 text-blue-800 m-1",
+          moe: "",
+        },
+      },
+    }
+  );
+  const stylingGroup = ["checkbox", "radio", "order"];
+  return (
+    <div
+      className={cx(
+        "flex    rounded-md flex-grow ",
+        stylingGroup.includes(styleField)
+          ? "flex-wrap flex-col"
+          : "items-center flex-wrap",
+        disabled && !tags?.length ? "h-9" : ""
+      )}
+    >
+      {tags.map((tag, index) => {
+        const checked = valueChecked?.length
+          ? isChecked(tag, valueChecked)
+          : false;
+        return (
+          <div
+            key={index}
+            className={cx(
+              buttonVariants({ variant: styleField ? styleField : "default" }),
+              editingIndex === index
+                ? styleField
+                  ? "border-b border-gray-500 rounded-none"
+                  : "bg-transparent border border-gray-500 rounded-full text-gray-900"
+                : ""
+            )}
+          >
+            {styleField === "checkbox" ? (
+              <>
+                <Checkbox
+                  className="border border-primary"
+                  checked={checked}
+                  onClick={(e) => {}}
+                />{" "}
+              </>
+            ) : styleField === "radio" ? (
+              <>{checked ? <IconToggleRightFilled /> : <IconToggleLeft />}</>
+            ) : styleField === "order" ? (
+              <>
+                {index + 1}
+                {". "}
+              </>
+            ) : (
+              <></>
+            )}
+            {disabled ? (
+              <div className="px-2">{tag}</div>
+            ) : (
+              <div
+                ref={(el) => {
+                  if (el) tagRefs.current[index] = el;
+                }}
+                className={cx(
+                  "px-3 py-1 pr-0 flex-grow  focus:shadow-none focus:ring-0	 focus:border-none focus:outline-none",
+                  editingIndex !== index && "cursor-pointer"
+                )}
+                contentEditable={editingIndex === index}
+                suppressContentEditableWarning
+                onBlur={() => handleSaveEdit(index)}
+                onKeyDown={(e) => {
+                  if (disabled) return;
+                  if (e.key === "Enter") {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    handleSaveEdit(index);
+                  }
+                  if (e.key === "Escape") {
+                    setEditingIndex(null);
+                  }
+                }}
+                onClick={() => handleFocusTag(index)}
+                onInput={(e) =>
+                  setTempValue((e.target as HTMLDivElement).innerText)
+                }
+              >
+                {tag}
+              </div>
+            )}
+
+            {!disabled && (
+              <button
+                type="button"
+                onClick={() => removeTag(index)}
+                className="ml-2  text-red-500  pr-2"
+              >
+                <X size={16} />
+              </button>
+            )}
+          </div>
+        );
+      })}
+      {!disabled && (
+        <input
+          type="text"
+          value={inputValue}
+          onChange={(e: any) => setInputValue(e.target.value)}
+          onKeyDown={handleKeyDown}
+          className="rounded-md flex-grow border-none outline-none text-sm focus:shadow-none focus:ring-0	 focus:border-none focus:outline-none"
+          placeholder="Add a option..."
+        />
+      )}
+    </div>
+  );
+};
+
+const isChecked = (value: string, valueChecked: string[]) => {
+  const findCheck = valueChecked?.find((item) => item === value);
+  return findCheck ? true : false;
+};
diff --git a/src/components/form/field/TypeUpload.tsx b/src/components/form/field/TypeUpload.tsx
new file mode 100644
index 0000000..1692b31
--- /dev/null
+++ b/src/components/form/field/TypeUpload.tsx
@@ -0,0 +1,48 @@
+import { FieldUploadMulti } from "./TypeUploadMulti";
+import { FieldUploadSingle } from "./TypeUploadSingle";
+
+export const TypeUpload: React.FC<any> = ({
+  name,
+  fm,
+  on_change,
+  mode,
+  type,
+  disabled,
+  valueKey = "url",
+  onDelete,
+  style = "directUpload",
+  urlUpload,
+}) => {
+  if (type === "multi") {
+    return (
+      <>
+        <FieldUploadMulti
+          field={{
+            name,
+            disabled,
+          }}
+          fm={fm}
+          on_change={on_change}
+          mode={mode}
+          valueKey={valueKey}
+          onDelete={onDelete}
+        />
+      </>
+    );
+  }
+  return (
+    <>
+      <FieldUploadSingle
+        field={{
+          name,
+          disabled,
+        }}
+        isDirectUpload={style === "directUpload"}
+        fm={fm}
+        on_change={on_change}
+        mode={mode}
+        urlUpload={urlUpload}
+      />
+    </>
+  );
+};
diff --git a/src/components/form/field/TypeUploadMulti.tsx b/src/components/form/field/TypeUploadMulti.tsx
new file mode 100644
index 0000000..48d2404
--- /dev/null
+++ b/src/components/form/field/TypeUploadMulti.tsx
@@ -0,0 +1,173 @@
+import { Upload } from "lucide-react";
+import { ChangeEvent, FC } from "react";
+import { useLocal } from "@/lib/utils/use-local";
+import { FilePreviewBetter } from "./FilePreview";
+import { IconTrashX } from "@tabler/icons-react";
+
+export const FieldUploadMulti: FC<{
+  field: any;
+  fm: any;
+  on_change: (e: any) => void | Promise<void>;
+  mode?: "upload";
+  valueKey?: string;
+  onDelete?: (e: any) => any | Promise<any>;
+}> = ({ field, fm, on_change, mode, valueKey = "url", onDelete }) => {
+  const styling = "mini";
+  const disabled = field?.disabled || false;
+  let value: any = fm.data?.[field.name];
+  // let type_upload =
+  const input = useLocal({
+    value: [] as any[],
+    display: false as any,
+    ref: null as any,
+    drop: false as boolean,
+    uploading: new Set<File>(),
+    fase: value ? "preview" : ("start" as "start" | "upload" | "preview"),
+    style: "inline" as "inline" | "full",
+  });
+
+  const on_upload = async (event: ChangeEvent<HTMLInputElement>) => {
+    let file = null;
+    try {
+      file = event.target?.files?.[0];
+    } catch (ex) {}
+
+    if (event.target.files) {
+      const list = [] as any[];
+      input.fase = "upload";
+      input.render();
+      const files = event.target.files.length;
+      for (let i = 0; i < event.target.files.length; i++) {
+        const file = event.target?.files?.item(i);
+        if (file) {
+          list.push({
+            name: file.name,
+            data: file,
+            [valueKey]: `${URL.createObjectURL(file)}`,
+          });
+        }
+      }
+      const existing = fm.data[field.name] || [];
+      fm.data[field.name] = existing.concat(list);
+      fm.render();
+      if (typeof on_change === "function") on_change(fm.data?.[field.name]);
+      input.fase = "start";
+      input.render();
+    }
+
+    if (input.ref) {
+      input.ref.value = null;
+    }
+  };
+  return (
+    <div className="flex-grow flex-col flex w-full h-full items-stretch relative">
+      {!disabled ? (
+        <>
+          {" "}
+          <div className="flex flex-wrap py-1 pb-2">
+            <div className=" relative flex focus-within:border focus-within:border-primary border border-gray-300 rounded-md ">
+              <div
+                className={cx(
+                  "hover:bg-gray-50 text-gray-900 text-md rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-1.5 ",
+                  css`
+                    input[type="file"],
+                    input[type="file"]::-webkit-file-upload-button {
+                      cursor: pointer;
+                    }
+                  `,
+                  disabled && "bg-gray-50"
+                )}
+              >
+                {!disabled && (
+                  <input
+                    ref={(ref) => {
+                      if (ref) input.ref = ref;
+                    }}
+                    type="file"
+                    multiple={true}
+                    // accept={field.prop.upload?.accept}
+                    accept={"file/**"}
+                    onChange={on_upload}
+                    className={cx(
+                      "absolute w-full h-full cursor-pointer top-0 left-0 opacity-0"
+                    )}
+                  />
+                )}
+                {!disabled ? (
+                  <div
+                    onClick={() => {
+                      if (input.ref) {
+                        input.ref.click();
+                      }
+                    }}
+                    className="items-center flex text-base px-1 outline-none rounded cursor-pointer flex-row justify-center"
+                  >
+                    <div className="flex flex-row items-center px-2">
+                      <Upload className="h-4 w-4" />
+                    </div>
+                    <div className="flex flex-row items-center  text-sm">
+                      Add File
+                    </div>
+                  </div>
+                ) : (
+                  <div className="flex flex-row items-center px-1.5 text-sm">
+                    -
+                  </div>
+                )}
+              </div>
+            </div>
+          </div>
+        </>
+      ) : (
+        <></>
+      )}
+
+      <div className="flex flex-wrap gap-2">
+        {Array.isArray(value) && value?.length ? (
+          <>
+            {value.map((e: any, idx: number) => {
+              return (
+                <div className="flex flex-col" key={`files-${name}-${idx}`}>
+                  <div className="flex flex-row items-center w-64 p-2 border rounded-lg shadow-sm bg-white">
+                    <div className="flex flex-grow flex-row items-center">
+                      <div className="flex flex-grow">
+                        <FilePreviewBetter
+                          url={e?.[valueKey]}
+                          filename={e?.name}
+                          disabled={disabled}
+                        />
+                      </div>
+                      {!disabled ? (
+                        <>
+                          <div
+                            className="hover:bg-gray-100 p-2 rounded-lg cursor-pointer"
+                            onClick={() => {
+                              fm.data[field.name] = value.filter(
+                                (_, i) => i !== idx
+                              );
+                              fm.render();
+                              if (typeof on_change === "function")
+                                on_change(fm.data?.[field.name]);
+
+                              if (typeof onDelete === "function") onDelete(e);
+                            }}
+                          >
+                            <IconTrashX className="h-5 w-5 text-gray-500" />
+                          </div>
+                        </>
+                      ) : (
+                        <></>
+                      )}
+                    </div>
+                  </div>
+                </div>
+              );
+            })}
+          </>
+        ) : (
+          <></>
+        )}
+      </div>
+    </div>
+  );
+};
diff --git a/src/components/form/field/TypeUploadSingle.tsx b/src/components/form/field/TypeUploadSingle.tsx
new file mode 100644
index 0000000..7f49859
--- /dev/null
+++ b/src/components/form/field/TypeUploadSingle.tsx
@@ -0,0 +1,283 @@
+import get from "lodash.get";
+import { Loader2, Paperclip, Trash2, Upload } from "lucide-react";
+import { ChangeEvent, FC, useEffect } from "react";
+import { useLocal } from "@/lib/utils/use-local";
+import { siteurl } from "@/lib/utils/siteurl";
+import { FilePreview } from "./FilePreview";
+
+export const FieldUploadSingle: FC<{
+  field: any;
+  fm: any;
+  on_change: (e: any) => void | Promise<void>;
+  mode?: "upload" | "import";
+  isDirectUpload?: boolean;
+  urlUpload?: string;
+}> = ({ field, fm, on_change, mode, isDirectUpload, urlUpload }) => {
+  const styling = "mini";
+  const disabled = field?.disabled || false;
+  let value: any = fm.data?.[field.name];
+  // let type_upload =
+  const input = useLocal({
+    value: 0 as any,
+    display: false as any,
+    ref: null as any,
+    drop: false as boolean,
+    fase: value ? "preview" : ("start" as "start" | "upload" | "preview"),
+    style: "inline" as "inline" | "full",
+    preview: null as any,
+    isLocal: false,
+  });
+  useEffect(() => {
+    if (value instanceof File) {
+      input.preview = `${URL.createObjectURL(value)}.${value.name
+        .split(".")
+        .pop()}`;
+      input.isLocal = true;
+      input.render();
+    }
+  }, []);
+
+  const on_upload = async (event: ChangeEvent<HTMLInputElement>) => {
+    let file: File | null = null;
+    try {
+      file = event.target?.files?.[0] ?? null;
+    } catch (ex) {
+      file = null;
+    }
+
+    if (!file) {
+      if (input.ref) input.ref.value = null;
+      return;
+    }
+
+    // Direct upload to provided urlUpload (or fallback to internal upload endpoint)
+    if (isDirectUpload) {
+      const formData = new FormData();
+      formData.append("file", file);
+
+      let url = siteurl("/upload");
+
+      input.fase = "upload";
+      input.render();
+
+      try {
+        const token = localStorage.getItem("authToken");
+
+        const headers: Record<string, string> = {};
+        if (token) {
+          headers["Authorization"] = `Bearer ${token}`;
+        }
+
+        const response = await fetch(url, {
+          method: "POST",
+          headers,
+          body: formData,
+        });
+
+        if (!response.ok) throw new Error("Upload failed");
+
+        const contentType = response.headers.get("content-type") || "";
+        let result: any;
+        if (contentType.includes("application/json")) {
+          result = await response.json();
+        }
+        console.log("Upload result", result);
+
+        // Normalize result into a usable value for fm.data[field.name]
+        if (result && typeof result === "object" && !Array.isArray(result)) {
+          // prefer API shape: { url, filename, size }
+          const urlVal =
+            get(result, "url") ||
+            get(result, "path") ||
+            get(result, "file") ||
+            get(result, "filename");
+          if (urlVal) {
+            fm.data[field.name] = urlVal;
+            input.fase = "preview";
+            input.preview = urlVal;
+            input.isLocal = false;
+          } else {
+            // fallback to storing the whole object and show local preview
+            fm.data[field.name] = result;
+            input.fase = "preview";
+            input.preview = `${URL.createObjectURL(file)}.${file.name
+              .split(".")
+              .pop()}`;
+            input.isLocal = true;
+          }
+        } else if (typeof result === "string") {
+          // server returned a string (likely a URL)
+          fm.data[field.name] = result;
+          input.fase = "preview";
+          input.preview = result;
+          input.isLocal = false;
+        } else if (Array.isArray(result) && result.length > 0) {
+          // older behavior: server returned an array with path fragments
+          fm.data[field.name] = `_file${get(result, "[0]")}`;
+          input.fase = "preview";
+          input.preview = `${URL.createObjectURL(file)}.${file.name
+            .split(".")
+            .pop()}`;
+          input.isLocal = true;
+        } else {
+          // unknown shape: store raw result and show local preview
+          fm.data[field.name] = result;
+          input.fase = "preview";
+          input.preview = `${URL.createObjectURL(file)}.${file.name
+            .split(".")
+            .pop()}`;
+          input.isLocal = true;
+        }
+
+        fm.render();
+        input.render();
+
+        if (typeof on_change === "function") await on_change({});
+      } catch (err: any) {
+        console.error("Upload error", err);
+        alert(`Upload failed: ${String(err?.message || err)}`);
+      }
+    } else {
+      // Default: keep file locally in fm.data and preview
+      fm.data[field.name] = file;
+      // Default: keep file locally in fm.data and preview
+      fm.data[field.name] = file;
+      fm.render();
+      input.fase = "preview";
+      input.preview = `${URL.createObjectURL(file)}.${file.name
+        .split(".")
+        .pop()}`;
+      input.isLocal = true;
+      input.render();
+      if (typeof on_change === "function") {
+        await on_change({});
+      }
+    }
+
+    if (input.ref) {
+      input.ref.value = null;
+    }
+  };
+
+  return (
+    <div className="flex-grow flex-row flex w-full h-full items-stretch relative">
+      {input.fase === "start" ? (
+        <>
+          <div
+            className={cx(
+              "hover:bg-gray-50 text-gray-900 text-md rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-1.5 ",
+              css`
+                input[type="file"],
+                input[type="file"]::-webkit-file-upload-button {
+                  cursor: pointer;
+                }
+              `,
+              disabled && "bg-gray-50"
+            )}
+          >
+            {!disabled && (
+              <input
+                ref={(ref) => {
+                  if (ref) input.ref = ref;
+                }}
+                type="file"
+                multiple={false}
+                // accept={field.prop.upload?.accept}
+                accept={"file/**"}
+                onChange={on_upload}
+                className={cx(
+                  "absolute w-full h-full cursor-pointer top-0 left-0 opacity-0"
+                )}
+              />
+            )}
+            {!disabled ? (
+              <div
+                onClick={() => {
+                  if (input.ref) {
+                    input.ref.click();
+                  }
+                }}
+                className="items-center flex text-base px-1 outline-none rounded cursor-pointer flex-row justify-center"
+              >
+                <div className="flex flex-row items-center px-2">
+                  <Upload className="h-4 w-4" />
+                </div>
+                <div className="flex flex-row items-center  text-sm">
+                  Add File
+                </div>
+              </div>
+            ) : (
+              <div className="flex flex-row items-center px-1.5 text-sm">-</div>
+            )}
+          </div>
+        </>
+      ) : input.fase === "upload" ? (
+        <div className="flex items-center">
+          <div className="px-2">
+            <Loader2 className={cx("h-5 w-5 animate-spin")} />
+          </div>
+          <div className="">Uploading</div>
+        </div>
+      ) : input.fase === "preview" ? (
+        <div className="flex flex-row gap-x-1 justify-between flex-1 p-1">
+          <FilePreview
+            url={input.isLocal ? input.preview : value || ""}
+            disabled={disabled}
+          />
+          {!disabled ? (
+            <>
+              <div
+                onClick={(e) => {
+                  if (!disabled) {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    if (confirm("Clear this file ?")) {
+                      input.fase = "start";
+                      fm.data[field.name] = null;
+                      fm.render();
+                    }
+                  }
+                }}
+                className={cx(
+                  "flex flex-row items-center border px-2 rounded cursor-pointer hover:bg-red-100"
+                )}
+              >
+                <Trash2 className="text-red-500 h-4 w-4" />
+              </div>
+            </>
+          ) : (
+            <></>
+          )}
+        </div>
+      ) : (
+        <></>
+      )}
+    </div>
+  );
+};
+
+const IconFile: FC<{ type: string }> = ({ type }) => {
+  if (["xlsx"].includes(type)) {
+    return (
+      <div className="flex flex-row text-[#2a801d]">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          width="20"
+          height="20"
+          viewBox="0 0 24 24"
+        >
+          <path
+            fill="currentColor"
+            d="m2.859 2.877l12.57-1.795a.5.5 0 0 1 .571.494v20.848a.5.5 0 0 1-.57.494L2.858 21.123a1 1 0 0 1-.859-.99V3.867a1 1 0 0 1 .859-.99M17 3h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1h-4zm-6.8 9L13 8h-2.4L9 10.286L7.4 8H5l2.8 4L5 16h2.4L9 13.714L10.6 16H13z"
+          />
+        </svg>
+      </div>
+    );
+  } else {
+    return (
+      <div className="flex flex-row ">
+        <Paperclip className="h-5 w-5" />
+      </div>
+    );
+  }
+};
diff --git a/src/components/form/field/Typeahead.tsx b/src/components/form/field/Typeahead.tsx
new file mode 100644
index 0000000..e23b642
--- /dev/null
+++ b/src/components/form/field/Typeahead.tsx
@@ -0,0 +1,837 @@
+import {
+  FC,
+  KeyboardEvent,
+  useCallback,
+  useEffect,
+  useRef,
+  useState,
+} from "react";
+
+import { useLocal } from "@/lib/utils/use-local";
+import { TypeaheadOptions } from "./typeahead-opt";
+import { Badge } from "../../ui/badge";
+import uniqBy from "lodash.uniqby";
+import { IconChevronDown, IconX } from "@tabler/icons-react";
+
+type OptItem = { value: string; label: string; tag?: string };
+
+export const Typeahead: FC<{
+  fitur?: "search-add";
+  onLabel?: string | ((item: any) => string);
+  value?: string[] | null;
+  placeholder?: string;
+  required?: boolean;
+  options?: (arg: {
+    search: string;
+    existing: OptItem[];
+    paging?: number;
+    take?: number;
+  }) => (string | OptItem)[] | Promise<(string | OptItem)[]>;
+  onSelect?: (arg: { search: string; item?: null | OptItem }) => string | false;
+  onChange?: (selected: string[]) => void;
+  unique?: boolean;
+  allowNew?: boolean;
+  className?: string;
+  popupClassName?: string;
+  localSearch?: boolean;
+  autoPopupWidth?: boolean;
+  focusOpen?: boolean;
+  disabled?: boolean;
+  mode?: "multi" | "single";
+  note?: string;
+  disabledSearch?: boolean;
+  onInit?: (e: any) => void;
+  isBetter?: boolean;
+}> = ({
+  value,
+  fitur,
+  note,
+  options: options_fn,
+  onSelect,
+  unique,
+  allowNew: allow_new,
+  focusOpen: on_focus_open,
+  localSearch: local_search,
+  autoPopupWidth: auto_popup_width,
+  placeholder,
+  mode,
+  disabled,
+  onChange,
+  className,
+  popupClassName,
+  disabledSearch,
+  onInit,
+  isBetter = false,
+}) => {
+  const maxLength = 4;
+  const [searchTerm, setSearchTerm] = useState("");
+  const [debouncedTerm, setDebouncedTerm] = useState("");
+  const local = useLocal({
+    value: [] as string[],
+    open: false,
+    options: [] as OptItem[],
+    loaded: false,
+    loading: false,
+    selectBetter: {
+      all: false,
+      partial: [] as any[],
+    },
+    search: {
+      input: "",
+      timeout: null as any,
+      searching: false,
+      promise: null as any,
+      result: null as null | OptItem[],
+    },
+    unique: typeof unique === "undefined" ? true : unique,
+    allow_new: typeof allow_new === "undefined" ? false : allow_new,
+    on_focus_open: typeof on_focus_open === "undefined" ? true : on_focus_open,
+    local_search: typeof local_search === "undefined" ? true : local_search,
+    mode: typeof mode === "undefined" ? "multi" : mode,
+    auto_popup_width:
+      typeof auto_popup_width === "undefined" ? false : auto_popup_width,
+    select: null as null | OptItem,
+  });
+  const input = useRef<HTMLInputElement>(null);
+
+  let select_found = false;
+  let options = [...(local.search.result || local.options)];
+
+  const added = new Set<string>();
+  if (local.mode === "multi") {
+    options = options.filter((e) => {
+      if (!added.has(e.value)) added.add(e.value);
+      else return false;
+      if (local.select && local.select.value === e.value) select_found = true;
+      if (local.unique) {
+        if (local.value.includes(e.value)) {
+          return false;
+        }
+      }
+      return true;
+    });
+    if (Array.isArray(value) && value?.length) {
+      if (!select_found) {
+        local.select = options[0];
+      }
+    }
+  }
+
+  useEffect(() => {
+    if (!value) return;
+    if (options.length === 0) {
+      loadOptions().then(() => {
+        if (typeof value === "object" && value) {
+          local.value = value;
+          local.render();
+        } else if (typeof value === "string") {
+          local.value = [value];
+          local.render();
+        }
+      });
+    } else {
+      if (typeof value === "object" && value) {
+        local.value = value;
+        local.render();
+      } else {
+        local.value = [];
+        local.render();
+      }
+    }
+  }, [value]);
+
+  const select = useCallback(
+    (arg: { search: string; item?: null | OptItem }) => {
+      if (!local.allow_new) {
+        let found = null;
+        if (!arg.item) {
+          found = options.find((e) => e.value === arg.search);
+        } else {
+          found = options.find((e) => e.value === arg.item?.value);
+        }
+        if (!found) {
+          return false;
+        }
+      }
+      if (local.unique) {
+        let found = local.value.find((e) => {
+          return e === arg.item?.value || arg.search === e;
+        });
+        if (found) {
+          return false;
+        }
+      }
+
+      if (local.mode === "single") {
+        local.value = [];
+      }
+
+      if (typeof onSelect === "function") {
+        const result = onSelect(arg);
+
+        if (result) {
+          local.value.push(result);
+          local.render();
+
+          if (typeof onChange === "function") {
+            onChange(local.value);
+          }
+          return result;
+        } else {
+          return false;
+        }
+      } else {
+        let val = false as any;
+        if (arg.item) {
+          local.value.push(arg.item.value);
+          val = arg.item.value;
+        } else {
+          if (!arg.search) return false;
+          local.value.push(arg.search);
+          val = arg.search;
+        }
+
+        if (typeof onChange === "function") {
+          onChange(local.value);
+        }
+        local.render();
+        return val;
+      }
+      return true;
+    },
+    [onSelect, local.value, options]
+  );
+
+  const keydown = useCallback(
+    (e: KeyboardEvent<HTMLInputElement>) => {
+      if (e.key === "Backspace") {
+        if (local.value.length > 0 && e.currentTarget.selectionStart === 0) {
+          local.value.pop();
+          local.render();
+        }
+      }
+      if (e.key === "Enter") {
+        e.preventDefault();
+        e.stopPropagation();
+        const selected = select({
+          search: local.search.input,
+          item: local.select,
+        });
+
+        if (local.mode === "single") {
+          local.open = false;
+        }
+        if (typeof selected === "string") {
+          if (!allow_new) resetSearch();
+          if (local.mode === "single") {
+            const item = options.find((item) => item.value === selected);
+            if (item) {
+              local.search.input = item.label;
+            }
+          }
+        }
+
+        local.render();
+        return;
+      }
+      if (options.length > 0) {
+        local.open = true;
+        if (e.key === "ArrowDown") {
+          e.preventDefault();
+          e.stopPropagation();
+
+          const idx = options.findIndex((item) => {
+            if (item.value === local.select?.value) return true;
+          });
+          if (idx >= 0) {
+            if (idx + 1 <= options.length - 1) {
+              local.select = options[idx + 1];
+            } else {
+              local.select = options[0];
+            }
+          } else {
+            local.select = options[0];
+          }
+          local.render();
+        }
+        if (e.key === "ArrowUp") {
+          e.preventDefault();
+          e.stopPropagation();
+
+          const idx = options.findIndex((item) => {
+            if (item.value === local.select?.value) return true;
+          });
+          if (idx >= 0) {
+            if (idx - 1 >= 0) {
+              local.select = options[idx - 1];
+            } else {
+              local.select = options[options.length - 1];
+            }
+          } else {
+            local.select = options[0];
+          }
+          local.render();
+        }
+      }
+    },
+    [local.value, local.select, select, options, local.search.input]
+  );
+
+  const loadOptions = useCallback(async () => {
+    if (typeof options_fn === "function" && !local.loading) {
+      local.loading = true;
+      local.loaded = false;
+      local.render();
+      const res = options_fn({
+        search: local.search.input,
+        existing: options,
+      });
+
+      if (res) {
+        const applyOptions = (result: (string | OptItem)[]) => {
+          local.options = result.map((item) => {
+            if (typeof item === "string") return { value: item, label: item };
+            return item;
+          });
+          local.render();
+        };
+
+        if (res instanceof Promise) {
+          const result = await res;
+          applyOptions(result);
+        } else {
+          applyOptions(res);
+        }
+        local.loaded = true;
+        local.loading = false;
+        local.render();
+      }
+    }
+  }, [options_fn]);
+  useEffect(() => {
+    if (typeof onInit === "function") {
+      onInit({
+        reload: async () => {
+          if (typeof options_fn === "function" && !local.loading) {
+            local.loading = true;
+            local.loaded = false;
+            local.render();
+            const res = options_fn({
+              search: local.search.input,
+              existing: options,
+            });
+
+            if (res) {
+              const applyOptions = (result: (string | OptItem)[]) => {
+                local.options = result.map((item) => {
+                  if (typeof item === "string")
+                    return { value: item, label: item };
+                  return item;
+                });
+                local.render();
+              };
+
+              if (res instanceof Promise) {
+                const result = await res;
+                applyOptions(result);
+              } else {
+                applyOptions(res);
+              }
+              local.loaded = true;
+              local.loading = false;
+              local.render();
+            }
+          }
+        },
+      });
+    }
+  }, []);
+  // Debounce effect
+  useEffect(() => {
+    const timer = setTimeout(() => {
+      setDebouncedTerm(searchTerm); // Update debounced term after 1 second
+    }, 100);
+
+    return () => clearTimeout(timer); // Clear timeout if user types again
+  }, [searchTerm]);
+
+  // Function to handle search
+  useEffect(() => {
+    if (debouncedTerm) {
+      performSearch(debouncedTerm);
+    }
+  }, [debouncedTerm]);
+
+  const performSearch = (value: any) => {
+    if (typeof onSelect === "function") {
+      const result = onSelect({
+        search: value,
+        item: {
+          label: value,
+          value: value,
+        },
+      });
+
+      if (result) {
+        local.value.push(result);
+        local.render();
+
+        if (typeof onChange === "function") {
+          onChange(local.value);
+        }
+        return result;
+      } else {
+        return false;
+      }
+    }
+    // Lakukan pencarian, panggil API, atau filter data di sini
+  };
+  const resetSearch = () => {
+    local.search.searching = false;
+    local.search.input = "";
+    local.search.promise = null;
+    local.search.result = null;
+    local.select = null;
+    clearTimeout(local.search.timeout);
+  };
+
+  if (local.mode === "single" && local.value.length > 1) {
+    local.value = [local.value.pop() || ""];
+  }
+
+  if (local.value.length === 0) {
+    if (local.mode === "single") {
+      if (!local.open && !allow_new) {
+        local.select = null;
+
+        local.search.input = "";
+      }
+    }
+  }
+
+  const valueLabel = uniqBy(
+    local.value?.map((value) => {
+      if (local.mode === "single") {
+        const item = options.find((item) => item.value === value);
+
+        if (!local.open && !allow_new) {
+          local.select = item || null;
+
+          local.search.input = item?.tag || item?.label || "";
+        }
+        return item;
+      }
+
+      const item = local.options.find((e) => e.value === value);
+      return item;
+    }),
+    "value"
+  );
+  let inputval = local.search.input;
+
+  if (!local.open && local.mode === "single" && local.value?.length > 0) {
+    const found = options.find((e) => e.value === local.value[0]);
+    if (found) {
+      inputval = found.tag || found.label;
+    } else {
+      inputval = local.value[0];
+    }
+  }
+  useEffect(() => {
+    if (allow_new && local.open) {
+      local.search.input = local.value[0];
+      local.render();
+    }
+  }, [local.open]);
+
+  return (
+    <div className="flex flex-row flex-grow w-full relative">
+      <div
+        className={cx(
+          allow_new
+            ? "cursor-text"
+            : local.mode === "single"
+            ? "cursor-pointer"
+            : "cursor-text",
+          "text-black flex relative flex-wrap py-0 items-center w-full h-full flex-1 ",
+          className
+        )}
+        onClick={() => {
+          if (!disabled) input.current?.focus();
+        }}
+      >
+        {local.mode === "multi" ? (
+          <div
+            className={cx(
+              css`
+                margin-top: 5px;
+                margin-bottom: -3px;
+                display: flex;
+                flex-wrap: wrap;
+              `
+            )}
+          >
+            {valueLabel.map((e, idx) => {
+              return (
+                <Badge
+                  key={idx}
+                  variant={"outline"}
+                  className={cx(
+                    "space-x-1 mr-2 mb-2 bg-white",
+                    !disabled &&
+                      " cursor-pointer hover:bg-red-100 hover:border-red-100"
+                  )}
+                  onClick={(ev) => {
+                    if (!disabled) {
+                      ev.stopPropagation();
+                      ev.preventDefault();
+                      local.value = local.value.filter(
+                        (val) => e?.value !== val
+                      );
+                      local.render();
+                      input.current?.focus();
+
+                      if (typeof onChange === "function") {
+                        onChange(local.value);
+                      }
+                    }
+                  }}
+                >
+                  <div className="text-xs">
+                    {e?.tag || e?.label || <>&nbsp;</>}
+                  </div>
+                  {!disabled && <IconX size={12} />}
+                </Badge>
+              );
+            })}
+          </div>
+        ) : (
+          <></>
+        )}
+        <TypeaheadOptions
+          fitur={fitur}
+          popup={true}
+          onOpenChange={(open) => {
+            if (!open) {
+              local.select = null;
+            }
+            local.open = open;
+            local.render();
+
+            if (!open) {
+              resetSearch();
+            }
+          }}
+          onRemove={(data) => {
+            local.value = local.value.filter((val) => data?.value !== val);
+            local.render();
+            input.current?.focus();
+
+            if (typeof onChange === "function") {
+              onChange(local.value);
+            }
+          }}
+          onSelectAll={(data: boolean) => {
+            local.value = data ? options.map((e) => e?.value) : [];
+            local.render();
+            input.current?.focus();
+            if (typeof onChange === "function") {
+              onChange(local.value);
+            }
+          }}
+          init={local}
+          isBetter={isBetter}
+          loading={local.loading}
+          showEmpty={!allow_new}
+          className={popupClassName}
+          open={local.open}
+          options={options}
+          searching={local.search.searching}
+          searchText={local.search.input}
+          onSearch={async (e) => {
+            const val = e.currentTarget.value;
+            if (!local.open) {
+              local.open = true;
+            }
+
+            local.search.input = val;
+            local.render();
+
+            if (local.search.promise) {
+              await local.search.promise;
+            }
+
+            local.search.searching = true;
+            local.render();
+            if (allow_new) {
+              setSearchTerm(val);
+            }
+            if (local.search.searching) {
+              if (local.local_search) {
+                if (!local.loaded) {
+                  await loadOptions();
+                }
+                const search = local.search.input.toLowerCase();
+                if (search) {
+                  local.search.result = options.filter((e) =>
+                    e.label.toLowerCase().includes(search)
+                  );
+
+                  if (
+                    local.search.result.length > 0 &&
+                    !local.search.result.find(
+                      (e) => e.value === local.select?.value
+                    )
+                  ) {
+                  }
+                } else {
+                  local.search.result = null;
+                }
+                local.search.searching = false;
+                local.render();
+              } else {
+                clearTimeout(local.search.timeout);
+                local.search.timeout = setTimeout(async () => {
+                  const result = options_fn?.({
+                    search: local.search.input,
+                    existing: options,
+                  });
+                  if (result) {
+                    if (result instanceof Promise) {
+                      local.search.promise = result;
+                      local.search.result = (await result).map((item) => {
+                        if (typeof item === "string")
+                          return { value: item, label: item };
+                        return item;
+                      });
+                      local.search.searching = false;
+                      local.search.promise = null;
+                    } else {
+                      local.search.result = result.map((item) => {
+                        if (typeof item === "string")
+                          return { value: item, label: item };
+                        return item;
+                      });
+                      local.search.searching = false;
+                    }
+
+                    if (
+                      local.search.result.length > 0 &&
+                      !local.search.result.find(
+                        (e) => e.value === local.select?.value
+                      )
+                    ) {
+                    }
+
+                    local.render();
+                  }
+                }, 100);
+              }
+            }
+          }}
+          onSelect={(value) => {
+            if (!isBetter) local.open = false;
+            resetSearch();
+            const item = options.find((item) => item.value === value);
+            if (item) {
+              let search = local.search.input;
+              if (local.mode === "single") {
+                local.search.input = item.tag || item.label;
+              } else {
+                local.search.input = "";
+              }
+
+              select({
+                search,
+                item,
+              });
+            }
+
+            local.render();
+          }}
+          width={
+            local.auto_popup_width ? input.current?.offsetWidth : undefined
+          }
+          isMulti={local.mode === "multi"}
+          selected={({ item, options, idx }) => {
+            // console.log(local.select);
+            if (isBetter) {
+              const val = local.value?.length ? local.value : [];
+              let isSelect = options.find((e) => {
+                return (
+                  e?.value === item?.value &&
+                  val.find((ex) => ex === item?.value)
+                );
+              });
+              return isSelect ? true : false;
+            } else if (item.value === local.select?.value) {
+              return true;
+            }
+
+            return false;
+          }}
+        >
+          <div
+            className={cx(
+              allow_new ? "cursor-text" : "cursor-pointer",
+              "single flex-1 flex-grow flex flex-row"
+            )}
+            onClick={(e) => {
+              e.stopPropagation();
+              if (!disabled) {
+                if (!local.open) {
+                  if (local.on_focus_open) {
+                    loadOptions();
+                    local.open = true;
+                    local.render();
+                    // if (allow_new) {
+                    //   local.search.input = inputval;
+                    //   local.render();
+                    // }
+                  }
+                }
+                if (local.mode === "single") {
+                  if (input && input.current) input.current.select();
+                }
+              }
+            }}
+          >
+            {isBetter ? (
+              <div className="h-9 flex-grow flex flex-row items-start">
+                <div className="flex flex-grow"></div>
+                <div className="h-9 flex flex-row items-center px-2">
+                  <IconChevronDown size={14} />
+                </div>
+              </div>
+            ) : (
+              <input
+                placeholder={
+                  local.mode === "multi"
+                    ? placeholder
+                    : valueLabel[0]?.label || placeholder
+                }
+                type="text"
+                ref={input}
+                value={inputval}
+                onChange={async (e) => {
+                  const val = e.currentTarget.value;
+                  if (!local.open) {
+                    local.open = true;
+                  }
+
+                  local.search.input = val;
+                  local.render();
+
+                  if (local.search.promise) {
+                    await local.search.promise;
+                  }
+
+                  local.search.searching = true;
+                  local.render();
+                  if (allow_new) {
+                    setSearchTerm(val);
+                  }
+                  if (local.search.searching) {
+                    if (local.local_search) {
+                      if (!local.loaded) {
+                        await loadOptions();
+                      }
+                      const search = local.search.input.toLowerCase();
+                      if (search) {
+                        local.search.result = options.filter((e) =>
+                          e.label.toLowerCase().includes(search)
+                        );
+
+                        if (
+                          local.search.result.length > 0 &&
+                          !local.search.result.find(
+                            (e) => e.value === local.select?.value
+                          )
+                        ) {
+                          local.select = local.search.result[0];
+                        }
+                      } else {
+                        local.search.result = null;
+                      }
+                      local.search.searching = false;
+                      local.render();
+                    } else {
+                      clearTimeout(local.search.timeout);
+                      local.search.timeout = setTimeout(async () => {
+                        const result = options_fn?.({
+                          search: local.search.input,
+                          existing: options,
+                        });
+                        if (result) {
+                          if (result instanceof Promise) {
+                            local.search.promise = result;
+                            local.search.result = (await result).map((item) => {
+                              if (typeof item === "string")
+                                return { value: item, label: item };
+                              return item;
+                            });
+                            local.search.searching = false;
+                            local.search.promise = null;
+                          } else {
+                            local.search.result = result.map((item) => {
+                              if (typeof item === "string")
+                                return { value: item, label: item };
+                              return item;
+                            });
+                            local.search.searching = false;
+                          }
+
+                          if (
+                            local.search.result.length > 0 &&
+                            !local.search.result.find(
+                              (e) => e.value === local.select?.value
+                            )
+                          ) {
+                            local.select = local.search.result[0];
+                          }
+
+                          local.render();
+                        }
+                      }, 100);
+                    }
+                  }
+                }}
+                disabled={!disabled ? disabledSearch : disabled}
+                spellCheck={false}
+                className={cx(
+                  "text-black flex h-9 w-full border-input bg-transparent px-3 py-1 text-base border-none shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground md:text-sm focus:outline-none focus:ring-0",
+                  local.mode === "single" ? "cursor-pointer" : ""
+                )}
+                style={{
+                  pointerEvents: disabledSearch ? "none" : "auto", // Mencegah input menangkap klik saat disabled
+                }}
+                onKeyDown={keydown}
+              />
+            )}
+          </div>
+        </TypeaheadOptions>
+      </div>
+
+      {local.mode === "single" && fitur !== "search-add" && (
+        <>
+          <div
+            className={cx(
+              "typeahead-arrow absolute z-10 inset-0 left-auto flex items-center ",
+              " justify-center w-6 mr-1 my-2 bg-transparant",
+              disabled ? "hidden" : "cursor-pointer"
+            )}
+            onClick={() => {
+              if (!disabled) {
+                local.value = [];
+                local.render();
+                if (typeof onChange === "function") onChange(local.value);
+              }
+            }}
+          >
+            {inputval ? <IconX size={14} /> : <IconChevronDown size={14} />}
+          </div>
+        </>
+      )}
+    </div>
+  );
+};
diff --git a/src/components/form/field/TypeaheadBetter.tsx b/src/components/form/field/TypeaheadBetter.tsx
new file mode 100644
index 0000000..03ed8a9
--- /dev/null
+++ b/src/components/form/field/TypeaheadBetter.tsx
@@ -0,0 +1,725 @@
+import {
+  FC,
+  KeyboardEvent,
+  useCallback,
+  useEffect,
+  useRef,
+  useState,
+} from "react";
+
+import { useLocal } from "@/lib/utils/use-local";
+import { Badge } from "../../ui/badge";
+import { X } from "lucide-react";
+import { TypeaheadOptionsBetter } from "./typeahead-opt-better";
+import { IconChevronDown, IconX } from "@tabler/icons-react";
+
+type OptItem = { value: string; label: string; tag?: string };
+
+export const TypeaheadBetter: FC<{
+  fitur?: "search-add";
+  onLoad?: any[] | ((param: any) => Promise<any[]> | any[]);
+  onLabel?: string | ((item: any) => string);
+  value?: string[] | null;
+  placeholder?: string;
+  required?: boolean;
+  options?: (arg: {
+    search: string;
+    existing: OptItem[];
+    paging?: number;
+    take?: number;
+  }) => (string | OptItem)[] | Promise<(string | OptItem)[]>;
+  onSelect?: (arg: { search: string; item?: null | OptItem }) => string | false;
+  onChange?: (selected: string[]) => void;
+  unique?: boolean;
+  allowNew?: boolean;
+  className?: string;
+  popupClassName?: string;
+  localSearch?: boolean;
+  autoPopupWidth?: boolean;
+  focusOpen?: boolean;
+  disabled?: boolean;
+  mode?: "multi" | "single";
+  note?: string;
+  disabledSearch?: boolean;
+  onInit?: (e: any) => void;
+  isBetter?: boolean;
+  onCount?: any | ((param: any) => Promise<any> | any);
+}> = ({
+  value,
+  fitur,
+  note,
+  options: options_fn,
+  onSelect,
+  unique,
+  onLabel,
+  allowNew: allow_new,
+  focusOpen: on_focus_open,
+  localSearch: local_search,
+  autoPopupWidth: auto_popup_width,
+  placeholder,
+  mode,
+  disabled,
+  onChange,
+  className,
+  popupClassName,
+  disabledSearch,
+  onInit,
+  onLoad,
+  isBetter = false,
+  onCount,
+}) => {
+  const [searchTerm, setSearchTerm] = useState("");
+  const [debouncedTerm, setDebouncedTerm] = useState("");
+  const local = useLocal({
+    value: [] as string[],
+    open: false,
+    options: [] as OptItem[],
+    loaded: false,
+    loading: false,
+    selectBetter: {
+      all: false,
+      partial: [] as any[],
+    },
+    search: {
+      input: "",
+      timeout: null as any,
+      searching: false,
+      promise: null as any,
+      result: null as null | OptItem[],
+    },
+    unique: typeof unique === "undefined" ? true : unique,
+    allow_new: typeof allow_new === "undefined" ? false : allow_new,
+    on_focus_open: typeof on_focus_open === "undefined" ? true : on_focus_open,
+    local_search: typeof local_search === "undefined" ? true : local_search,
+    mode: typeof mode === "undefined" ? "multi" : mode,
+    auto_popup_width:
+      typeof auto_popup_width === "undefined" ? false : auto_popup_width,
+    select: null as null | OptItem,
+  });
+  const input = useRef<HTMLInputElement>(null);
+
+  let select_found = false;
+  let options = [...(local.search.result || local.options)];
+
+  const added = new Set<string>();
+  if (local.mode === "multi") {
+    options = options.filter((e) => {
+      if (!added.has(e.value)) added.add(e.value);
+      else return false;
+      if (local.select && local.select.value === e.value) select_found = true;
+      if (local.unique) {
+        if (local.value.includes(e.value)) {
+          return false;
+        }
+      }
+      return true;
+    });
+    if (Array.isArray(value) && value?.length) {
+      if (!select_found) {
+        local.select = options[0];
+      }
+    }
+  }
+
+  useEffect(() => {
+    if (!value) return;
+    if (options.length === 0) {
+      loadOptions().then(() => {
+        if (typeof value === "object" && value) {
+          local.value = value;
+          local.render();
+        } else if (typeof value === "string") {
+          local.value = [value];
+          local.render();
+        }
+      });
+    } else {
+      if (typeof value === "object" && value) {
+        local.value = value;
+        local.render();
+      } else {
+        local.value = [];
+        local.render();
+      }
+    }
+  }, [value]);
+
+  const select = useCallback(
+    (arg: { search: string; item?: null | OptItem }) => {
+      if (!local.allow_new) {
+        let found = null;
+        if (!arg.item) {
+          found = options.find((e) => e.value === arg.search);
+        } else {
+          found = options.find((e) => e.value === arg.item?.value);
+        }
+        if (!found) {
+          return false;
+        }
+      }
+      if (local.unique) {
+        let found = local.value.find((e) => {
+          return e === arg.item?.value || arg.search === e;
+        });
+        if (found) {
+          return false;
+        }
+      }
+
+      if (local.mode === "single") {
+        local.value = [];
+      }
+
+      if (typeof onSelect === "function") {
+        const result = onSelect(arg);
+
+        if (result) {
+          local.value.push(result);
+          local.render();
+
+          if (typeof onChange === "function") {
+            onChange(local.value);
+          }
+          return result;
+        } else {
+          return false;
+        }
+      } else {
+        let val = false as any;
+        if (arg.item) {
+          local.value.push(arg.item.value);
+          val = arg.item.value;
+        } else {
+          if (!arg.search) return false;
+          local.value.push(arg.search);
+          val = arg.search;
+        }
+
+        if (typeof onChange === "function") {
+          onChange(local.value);
+        }
+        local.render();
+        return val;
+      }
+      return true;
+    },
+    [onSelect, local.value, options]
+  );
+
+  const keydown = useCallback(
+    (e: KeyboardEvent<HTMLInputElement>) => {
+      if (e.key === "Backspace") {
+        if (local.value.length > 0 && e.currentTarget.selectionStart === 0) {
+          local.value.pop();
+          local.render();
+        }
+      }
+      if (e.key === "Enter") {
+        e.preventDefault();
+        e.stopPropagation();
+        const selected = select({
+          search: local.search.input,
+          item: local.select,
+        });
+
+        if (local.mode === "single") {
+          local.open = false;
+        }
+        if (typeof selected === "string") {
+          if (!allow_new) resetSearch();
+          if (local.mode === "single") {
+            const item = options.find((item) => item.value === selected);
+            if (item) {
+              local.search.input = item.label;
+            }
+          }
+        }
+
+        local.render();
+        return;
+      }
+      if (options.length > 0) {
+        local.open = true;
+        if (e.key === "ArrowDown") {
+          e.preventDefault();
+          e.stopPropagation();
+
+          const idx = options.findIndex((item) => {
+            if (item.value === local.select?.value) return true;
+          });
+          if (idx >= 0) {
+            if (idx + 1 <= options.length - 1) {
+              local.select = options[idx + 1];
+            } else {
+              local.select = options[0];
+            }
+          } else {
+            local.select = options[0];
+          }
+          local.render();
+        }
+        if (e.key === "ArrowUp") {
+          e.preventDefault();
+          e.stopPropagation();
+
+          const idx = options.findIndex((item) => {
+            if (item.value === local.select?.value) return true;
+          });
+          if (idx >= 0) {
+            if (idx - 1 >= 0) {
+              local.select = options[idx - 1];
+            } else {
+              local.select = options[options.length - 1];
+            }
+          } else {
+            local.select = options[0];
+          }
+          local.render();
+        }
+      }
+    },
+    [local.value, local.select, select, options, local.search.input]
+  );
+
+  const loadOptions = useCallback(async () => {
+    if (typeof options_fn === "function" && !local.loading) {
+      local.loading = true;
+      local.loaded = false;
+      local.render();
+      const res = options_fn({
+        search: local.search.input,
+        existing: options,
+      });
+
+      if (res) {
+        const applyOptions = (result: (string | OptItem)[]) => {
+          local.options = result.map((item) => {
+            if (typeof item === "string") return { value: item, label: item };
+            return item;
+          });
+          local.render();
+        };
+
+        if (res instanceof Promise) {
+          const result = await res;
+          applyOptions(result);
+        } else {
+          applyOptions(res);
+        }
+        local.loaded = true;
+        local.loading = false;
+        local.render();
+      }
+    }
+  }, [options_fn]);
+  useEffect(() => {
+    if (typeof onInit === "function") {
+      onInit({
+        reload: async () => {
+          if (typeof options_fn === "function" && !local.loading) {
+            local.loading = true;
+            local.loaded = false;
+            local.render();
+            const res = options_fn({
+              search: local.search.input,
+              existing: options,
+            });
+
+            if (res) {
+              const applyOptions = (result: (string | OptItem)[]) => {
+                local.options = result.map((item) => {
+                  if (typeof item === "string")
+                    return { value: item, label: item };
+                  return item;
+                });
+                local.render();
+              };
+
+              if (res instanceof Promise) {
+                const result = await res;
+                applyOptions(result);
+              } else {
+                applyOptions(res);
+              }
+              local.loaded = true;
+              local.loading = false;
+              local.render();
+            }
+          }
+        },
+      });
+    }
+  }, []);
+  // Debounce effect
+  useEffect(() => {
+    const timer = setTimeout(() => {
+      setDebouncedTerm(searchTerm); // Update debounced term after 1 second
+    }, 100);
+
+    return () => clearTimeout(timer); // Clear timeout if user types again
+  }, [searchTerm]);
+
+  // Function to handle search
+  useEffect(() => {
+    if (debouncedTerm) {
+      performSearch(debouncedTerm);
+    }
+  }, [debouncedTerm]);
+
+  const performSearch = (value: any) => {
+    if (typeof onSelect === "function") {
+      const result = onSelect({
+        search: value,
+        item: {
+          label: value,
+          value: value,
+        },
+      });
+
+      if (result) {
+        local.value.push(result);
+        local.render();
+
+        if (typeof onChange === "function") {
+          onChange(local.value);
+        }
+        return result;
+      } else {
+        return false;
+      }
+    }
+    // Lakukan pencarian, panggil API, atau filter data di sini
+  };
+  const resetSearch = () => {
+    local.search.searching = false;
+    local.search.input = "";
+    local.search.promise = null;
+    local.search.result = null;
+    local.select = null;
+    clearTimeout(local.search.timeout);
+  };
+
+  if (local.mode === "single" && local.value.length > 1) {
+    local.value = [local.value.pop() || ""];
+  }
+
+  if (local.value.length === 0) {
+    if (local.mode === "single") {
+      if (!local.open && !allow_new) {
+        local.select = null;
+
+        local.search.input = "";
+      }
+    }
+  }
+
+  const valueLabel = [{ id: 1, name: "LABEL" }];
+  let inputval = local.search.input;
+
+  if (!local.open && local.mode === "single" && local.value?.length > 0) {
+    const found = options.find((e) => e.value === local.value[0]);
+    if (found) {
+      inputval = found.tag || found.label;
+    } else {
+      inputval = local.value[0];
+    }
+  }
+  useEffect(() => {
+    if (allow_new && local.open) {
+      local.search.input = local.value[0];
+      local.render();
+    }
+  }, [local.open]);
+
+  return (
+    <div className="flex flex-row flex-grow w-full relative">
+      <div
+        className={cx(
+          allow_new
+            ? "cursor-text"
+            : local.mode === "single"
+            ? "cursor-pointer"
+            : "cursor-text",
+          "text-black flex relative flex-wrap py-0 items-center w-full h-full flex-1 ",
+          className
+        )}
+        onClick={() => {
+          if (!disabled) input.current?.focus();
+        }}
+      >
+        {local.mode === "multi" ? (
+          <div
+            className={cx(
+              "gap-2 px-1",
+              css`
+                margin-top: 5px;
+                margin-bottom: -3px;
+                display: flex;
+                flex-wrap: wrap;
+              `
+            )}
+          >
+            {valueLabel.map((e: any, idx) => {
+              const label =
+                typeof onLabel === "function"
+                  ? onLabel(e)
+                  : typeof onLabel === "string"
+                  ? e[onLabel]
+                  : "";
+              return (
+                <Badge
+                  key={idx}
+                  variant={"outline"}
+                  className={cx(
+                    "space-x-1 mr-2 mb-2 bg-white",
+                    !disabled &&
+                      " cursor-pointer hover:bg-red-100 hover:border-red-100"
+                  )}
+                  onClick={(ev) => {
+                    // if (!disabled) {
+                    //   ev.stopPropagation();
+                    //   ev.preventDefault();
+                    //   local.value = local.value.filter(
+                    //     (val) => e?.value !== val
+                    //   );
+                    //   local.render();
+                    //   input.current?.focus();
+                    //   if (typeof onChange === "function") {
+                    //     onChange(local.value);
+                    //   }
+                    // }
+                  }}
+                >
+                  <div className="text-xs">{label || <>&nbsp;</>}</div>
+                  {!disabled && <IconX size={12} />}
+                </Badge>
+              );
+            })}
+          </div>
+        ) : (
+          <></>
+        )}
+        <TypeaheadOptionsBetter
+          fitur={fitur}
+          popup={true}
+          onOpenChange={(open) => {
+            if (!open) {
+              local.select = null;
+            }
+            local.open = open;
+            local.render();
+
+            if (!open) {
+              resetSearch();
+            }
+          }}
+          onRemove={(data) => {
+            local.value = local.value.filter((val) => data?.value !== val);
+            local.render();
+            input.current?.focus();
+
+            if (typeof onChange === "function") {
+              onChange(local.value);
+            }
+          }}
+          onSelectAll={(data: boolean) => {
+            local.value = data ? options.map((e) => e?.value) : [];
+            local.render();
+            input.current?.focus();
+            if (typeof onChange === "function") {
+              onChange(local.value);
+            }
+          }}
+          init={local}
+          isBetter={isBetter}
+          loading={local.loading}
+          showEmpty={!allow_new}
+          className={popupClassName}
+          open={local.open}
+          options={options}
+          searching={local.search.searching}
+          searchText={local.search.input}
+          onLabel={onLabel}
+          onSearch={async (e) => {
+            const val = e.currentTarget.value;
+            if (!local.open) {
+              local.open = true;
+            }
+
+            local.search.input = val;
+            local.render();
+
+            if (local.search.promise) {
+              await local.search.promise;
+            }
+
+            local.search.searching = true;
+            local.render();
+            if (allow_new) {
+              setSearchTerm(val);
+            }
+            if (local.search.searching) {
+              if (local.local_search) {
+                if (!local.loaded) {
+                  await loadOptions();
+                }
+                const search = local.search.input.toLowerCase();
+                if (search) {
+                  local.search.result = options.filter((e) =>
+                    e.label.toLowerCase().includes(search)
+                  );
+
+                  if (
+                    local.search.result.length > 0 &&
+                    !local.search.result.find(
+                      (e) => e.value === local.select?.value
+                    )
+                  ) {
+                  }
+                } else {
+                  local.search.result = null;
+                }
+                local.search.searching = false;
+                local.render();
+              } else {
+                clearTimeout(local.search.timeout);
+                local.search.timeout = setTimeout(async () => {
+                  const result = options_fn?.({
+                    search: local.search.input,
+                    existing: options,
+                  });
+                  if (result) {
+                    if (result instanceof Promise) {
+                      local.search.promise = result;
+                      local.search.result = (await result).map((item) => {
+                        if (typeof item === "string")
+                          return { value: item, label: item };
+                        return item;
+                      });
+                      local.search.searching = false;
+                      local.search.promise = null;
+                    } else {
+                      local.search.result = result.map((item) => {
+                        if (typeof item === "string")
+                          return { value: item, label: item };
+                        return item;
+                      });
+                      local.search.searching = false;
+                    }
+
+                    if (
+                      local.search.result.length > 0 &&
+                      !local.search.result.find(
+                        (e) => e.value === local.select?.value
+                      )
+                    ) {
+                    }
+
+                    local.render();
+                  }
+                }, 100);
+              }
+            }
+          }}
+          onSelect={(value) => {
+            if (!isBetter) local.open = false;
+            resetSearch();
+            const item = options.find((item) => item.value === value);
+            if (item) {
+              let search = local.search.input;
+              if (local.mode === "single") {
+                local.search.input = item.tag || item.label;
+              } else {
+                local.search.input = "";
+              }
+
+              select({
+                search,
+                item,
+              });
+            }
+
+            local.render();
+          }}
+          width={
+            local.auto_popup_width ? input.current?.offsetWidth : undefined
+          }
+          isMulti={local.mode === "multi"}
+          selected={({ item, options, idx }) => {
+            // console.log(local.select);
+            if (isBetter) {
+              const val = local.value?.length ? local.value : [];
+              let isSelect = options.find((e) => {
+                return (
+                  e?.value === item?.value &&
+                  val.find((ex) => ex === item?.value)
+                );
+              });
+              return isSelect ? true : false;
+            } else if (item.value === local.select?.value) {
+              return true;
+            }
+
+            return false;
+          }}
+          onLoad={onLoad}
+          onCount={onCount}
+        >
+          <div
+            className={cx(
+              allow_new ? "cursor-text" : "cursor-pointer",
+              "single flex-1 flex-grow flex flex-row"
+            )}
+            onClick={(e) => {
+              e.stopPropagation();
+              if (!disabled) {
+                if (!local.open) {
+                  if (local.on_focus_open) {
+                    loadOptions();
+                    local.open = true;
+                    local.render();
+                    // if (allow_new) {
+                    //   local.search.input = inputval;
+                    //   local.render();
+                    // }
+                  }
+                }
+                if (local.mode === "single") {
+                  if (input && input.current) input.current.select();
+                }
+              }
+            }}
+          >
+            <div className="h-9 flex-grow flex flex-row items-start">
+              <div className="flex flex-grow"></div>
+              <div className="h-9 flex flex-row items-center px-2">
+                <IconChevronDown size={14} />
+              </div>
+            </div>
+          </div>
+        </TypeaheadOptionsBetter>
+      </div>
+
+      {local.mode === "single" && fitur !== "search-add" && (
+        <>
+          <div
+            className={cx(
+              "typeahead-arrow absolute z-10 inset-0 left-auto flex items-center ",
+              " justify-center w-6 mr-1 my-2 bg-transparant",
+              disabled ? "hidden" : "cursor-pointer"
+            )}
+            onClick={() => {
+              if (!disabled) {
+                local.value = [];
+                local.render();
+                if (typeof onChange === "function") onChange(local.value);
+              }
+            }}
+          >
+            {inputval ? <X size={14} /> : <IconChevronDown size={14} />}
+          </div>
+        </>
+      )}
+    </div>
+  );
+};
diff --git a/src/components/form/field/typeahead-opt-better.tsx b/src/components/form/field/typeahead-opt-better.tsx
new file mode 100644
index 0000000..8ea3928
--- /dev/null
+++ b/src/components/form/field/typeahead-opt-better.tsx
@@ -0,0 +1,317 @@
+import { FC, useCallback } from "react";
+import { useLocal } from "@/lib/utils/use-local";
+import { Popover } from "../../Popover/Popover";
+import { ButtonBetter } from "../../ui/button";
+import { Checkbox } from "../../ui/checkbox";
+import { IconCheck, IconSearch } from "@tabler/icons-react";
+import { ListUIClean } from "../../list/ListUIClean";
+import { debouncedHandler } from "@/lib/utils/debounceHandler";
+
+export type OptionItem = { value: string; label: string };
+export const TypeaheadOptionsBetter: FC<{
+  popup?: boolean;
+  onLabel?: string | ((item: any) => string);
+  onRemove?: (data: any) => void;
+  onSelectAll?: (data: boolean) => void;
+  init?: any;
+  loading?: boolean;
+  open?: boolean;
+  children: any;
+  onOpenChange?: (open: boolean) => void;
+  options: OptionItem[];
+  className?: string;
+  showEmpty: boolean;
+  selected?: (arg: {
+    item: OptionItem;
+    options: OptionItem[];
+    idx: number;
+  }) => boolean;
+  onSelect?: (value: string) => void;
+  searching?: boolean;
+  searchText?: string;
+  width?: number;
+  isMulti?: boolean;
+  fitur?: "search-add";
+  isBetter?: boolean;
+  onSearch?: (event: any) => void;
+  search?: boolean;
+  onLoad?: any[] | ((param: any) => Promise<any[]> | any[]);
+  onCount?: any | ((param: any) => Promise<any> | any);
+}> = ({
+  popup,
+  loading,
+  children,
+  onLabel,
+  open,
+  onOpenChange,
+  className,
+  options,
+  selected,
+  onSelect,
+  searching,
+  searchText,
+  showEmpty,
+  width,
+  isMulti,
+  fitur,
+  isBetter,
+  init,
+  onSearch,
+  search,
+  onRemove,
+  onSelectAll,
+  onLoad,
+  onCount,
+}) => {
+  if (!popup) return children;
+  const local = useLocal({
+    selectedIdx: 0,
+    selected: [] as any[],
+    search: "",
+    list: null as any,
+  });
+
+  const handleSearch = useCallback(
+    debouncedHandler(() => {
+      // local.refresh();
+      console.log(local.list);
+    }, 1000),
+    []
+  );
+  let content = (
+    <div
+      className={cx(
+        className,
+        "flex flex-col",
+        isBetter
+          ? css`
+              min-width: 350px;
+              height: 450px;
+            `
+          : width
+          ? css`
+              min-width: ${width}px;
+            `
+          : css`
+              min-width: 150px;
+            `,
+        css`
+          max-height: 400px;
+          overflow: auto;
+        `
+      )}
+    >
+      {isBetter ? (
+        <>
+          <div className="flex flex-row w-full p-1">
+            <div className="flex-grow flex flex-row relative">
+              <div
+                className={cx(
+                  "absolute left-0 px-1.5",
+                  css`
+                    top: 50%;
+                    transform: translateY(-50%);
+                  `
+                )}
+              >
+                <IconSearch />
+              </div>
+
+              <input
+                placeholder={"Search"}
+                type="text"
+                spellCheck={false}
+                onChange={(e) => {
+                  const value = e.target.value;
+                  local.search = value;
+                  local.render();
+                  handleSearch();
+                }}
+                className={cx(
+                  "pl-6 pr-3 py-1 rounded-md text-black flex h-9 flex-grow border border-gray-200 bg-white  text-base  shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground md:text-sm focus:outline-none focus:ring-0"
+                )}
+              />
+            </div>
+          </div>
+          {init.search.input === "" || !init.search.input ? (
+            <div className="flex flex-row px-3 py-1 gap-x-2 items-center cursor-pointer">
+              <Checkbox
+                id="terms"
+                className="border border-primary"
+                checked={init?.selectBetter?.all ? true : false}
+                onClick={(e) => {
+                  init.selectBetter.all = !init.selectBetter.all;
+                  init.render();
+                  if (typeof onSelectAll === "function")
+                    onSelectAll(init.selectBetter.all);
+                }}
+              />
+              Select All
+            </div>
+          ) : (
+            <></>
+          )}
+        </>
+      ) : (
+        <></>
+      )}
+      {loading || searching ? (
+        <div
+          className={cx(
+            isBetter && "flex-grow flex flex-row items-center justify-center",
+            "px-4 w-full text-slate-400 text-sm py-2"
+          )}
+        >
+          Loading...
+        </div>
+      ) : (
+        <>
+          {options.length === 0 ? (
+            <div
+              className={cx(
+                isBetter &&
+                  "flex-grow flex flex-row items-center justify-center",
+                "p-4 w-full text-center text-md text-slate-400"
+              )}
+            >
+              {fitur === "search-add" ? (
+                <ButtonBetter
+                  variant={"outline"}
+                  className="flex flex-row gap-x-2"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width={20}
+                    height={20}
+                    viewBox="0 0 24 24"
+                  >
+                    <path
+                      fill="none"
+                      stroke="currentColor"
+                      strokeLinecap="round"
+                      strokeLinejoin="round"
+                      strokeMiterlimit={10}
+                      strokeWidth={1.5}
+                      d="M6 12h12m-6 6V6"
+                    ></path>
+                  </svg>{" "}
+                  <span>
+                    Add{" "}
+                    <span
+                      className={css`
+                        font-style: italic;
+                      `}
+                    >
+                      "{searchText}"
+                    </span>
+                  </span>
+                </ButtonBetter>
+              ) : (
+                <>
+                  {!searchText ? (
+                    <>&mdash; Empty &mdash;</>
+                  ) : (
+                    <>
+                      Search
+                      <span
+                        className={css`
+                          font-style: italic;
+                          padding: 0px 5px;
+                        `}
+                      >
+                        "{searchText}"
+                      </span>
+                      not found
+                    </>
+                  )}
+                </>
+              )}
+            </div>
+          ) : (
+            <ListUIClean
+              onInit={(e: any) => {
+                local.list = e;
+                local.render();
+              }}
+              classContainer={"border-none p-0"}
+              name="themes"
+              content={({ item }: any) => {
+                const label =
+                  typeof onLabel === "function"
+                    ? onLabel(item)
+                    : typeof onLabel === "string"
+                    ? item[onLabel]
+                    : "";
+                return (
+                  <>
+                    <div className="flex flex-row  gap-x-2 items-center cursor-pointer">
+                      <Checkbox
+                        id="terms"
+                        className="border border-primary"
+                        checked={true}
+                        onClick={() => {
+                          // if (is_selected) {
+                          //   if (typeof onRemove === "function") onRemove(item);
+                          // } else {
+                          //   onSelect?.(item.value);
+                          // }
+                        }}
+                      />
+                      {label}
+                    </div>
+                  </>
+                );
+              }}
+              onLoad={async (param: any) => {
+                const result: any =
+                  typeof onLoad === "function"
+                    ? await onLoad({ ...param, search: local.search })
+                    : onLoad;
+                console.log({ result });
+                return result;
+              }}
+              onCount={async (params: any) => {
+                const result: any =
+                  typeof onCount === "function"
+                    ? await onCount({
+                        take: 1,
+                        paging: 1,
+                        search: local.search,
+                      })
+                    : onCount;
+                return result;
+              }}
+            />
+          )}
+        </>
+      )}
+      {false ? (
+        <div className="w-full flex flex-row items-center justify-end p-1 border-t border-gray-200">
+          <ButtonBetter className="rounded-md text-xs flex flex-row items-center gap-x-1">
+            <IconCheck />
+            OK
+          </ButtonBetter>
+        </div>
+      ) : (
+        <></>
+      )}
+    </div>
+  );
+
+  if (!showEmpty && options.length === 0) content = <></>;
+
+  return (
+    <Popover
+      open={open}
+      arrow={false}
+      onOpenChange={onOpenChange}
+      backdrop={false}
+      classNameTrigger={!isMulti ? "w-full" : "flex-grow"}
+      placement="bottom-start"
+      className="flex-1 rounded-md overflow-hidden"
+      content={content}
+    >
+      {children}
+    </Popover>
+  );
+};
diff --git a/src/components/form/field/typeahead-opt.tsx b/src/components/form/field/typeahead-opt.tsx
new file mode 100644
index 0000000..7fe6e00
--- /dev/null
+++ b/src/components/form/field/typeahead-opt.tsx
@@ -0,0 +1,348 @@
+import { FC } from "react";
+import { useLocal } from "@/lib/utils/use-local";
+import { Popover } from "../../Popover/Popover";
+import { ButtonBetter } from "../../ui/button";
+import { Checkbox } from "../../ui/checkbox";
+import { ScrollArea } from "../../ui/scroll-area";
+import { IconCheck, IconSearch } from "@tabler/icons-react";
+
+export type OptionItem = { value: string; label: string };
+export const TypeaheadOptions: FC<{
+  popup?: boolean;
+  onRemove?: (data: any) => void;
+  onSelectAll?: (data: boolean) => void;
+  init?: any;
+  loading?: boolean;
+  open?: boolean;
+  children: any;
+  onOpenChange?: (open: boolean) => void;
+  options: OptionItem[];
+  className?: string;
+  showEmpty: boolean;
+  selected?: (arg: {
+    item: OptionItem;
+    options: OptionItem[];
+    idx: number;
+  }) => boolean;
+  onSelect?: (value: string) => void;
+  searching?: boolean;
+  searchText?: string;
+  width?: number;
+  isMulti?: boolean;
+  fitur?: "search-add";
+  isBetter?: boolean;
+  onSearch?: (event: any) => void;
+  search?: boolean;
+}> = ({
+  popup,
+  loading,
+  children,
+  open,
+  onOpenChange,
+  className,
+  options,
+  selected,
+  onSelect,
+  searching,
+  searchText,
+  showEmpty,
+  width,
+  isMulti,
+  fitur,
+  isBetter,
+  init,
+  onSearch,
+  search,
+  onRemove,
+  onSelectAll,
+}) => {
+  if (!popup) return children;
+  const local = useLocal({
+    selectedIdx: 0,
+  });
+
+  let content = (
+    <div
+      className={cx(
+        className,
+        "flex flex-col",
+        isBetter
+          ? css`
+              min-width: 350px;
+              height: 450px;
+            `
+          : width
+          ? css`
+              min-width: ${width}px;
+            `
+          : css`
+              min-width: 150px;
+            `,
+        css`
+          max-height: 400px;
+          overflow: auto;
+        `
+      )}
+    >
+      {isBetter ? (
+        <>
+          <div className="flex flex-row w-full p-1">
+            <div className="flex-grow flex flex-row relative">
+              <div
+                className={cx(
+                  "absolute left-0 px-1.5",
+                  css`
+                    top: 50%;
+                    transform: translateY(-50%);
+                  `
+                )}
+              >
+                <IconSearch />
+              </div>
+
+              <input
+                placeholder={"Search"}
+                type="text"
+                spellCheck={false}
+                onChange={onSearch}
+                className={cx(
+                  "pl-6 pr-3 py-1 rounded-md text-black flex h-9 flex-grow border border-gray-200 bg-white  text-base  shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground md:text-sm focus:outline-none focus:ring-0"
+                )}
+              />
+            </div>
+          </div>
+          {init.search.input === "" || !init.search.input ? (
+            <div className="flex flex-row px-3 py-1 gap-x-2 items-center cursor-pointer">
+              <Checkbox
+                id="terms"
+                className="border border-primary"
+                checked={init?.selectBetter?.all ? true : false}
+                onClick={(e) => {
+                  init.selectBetter.all = !init.selectBetter.all;
+                  init.render();
+                  if (typeof onSelectAll === "function")
+                    onSelectAll(init.selectBetter.all);
+                }}
+              />
+              Select All
+            </div>
+          ) : (
+            <></>
+          )}
+        </>
+      ) : (
+        <></>
+      )}
+      {loading || searching ? (
+        <div
+          className={cx(
+            isBetter && "flex-grow flex flex-row items-center justify-center",
+            "px-4 w-full text-slate-400 text-sm py-2"
+          )}
+        >
+          Loading...
+        </div>
+      ) : (
+        <>
+          {options.length === 0 ? (
+            <div
+              className={cx(
+                isBetter &&
+                  "flex-grow flex flex-row items-center justify-center",
+                "p-4 w-full text-center text-md text-slate-400"
+              )}
+            >
+              {fitur === "search-add" ? (
+                <ButtonBetter
+                  variant={"outline"}
+                  className="flex flex-row gap-x-2"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width={20}
+                    height={20}
+                    viewBox="0 0 24 24"
+                  >
+                    <path
+                      fill="none"
+                      stroke="currentColor"
+                      strokeLinecap="round"
+                      strokeLinejoin="round"
+                      strokeMiterlimit={10}
+                      strokeWidth={1.5}
+                      d="M6 12h12m-6 6V6"
+                    ></path>
+                  </svg>{" "}
+                  <span>
+                    Add{" "}
+                    <span
+                      className={css`
+                        font-style: italic;
+                      `}
+                    >
+                      "{searchText}"
+                    </span>
+                  </span>
+                </ButtonBetter>
+              ) : (
+                <>
+                  {!searchText ? (
+                    <>&mdash; Empty &mdash;</>
+                  ) : (
+                    <>
+                      Search
+                      <span
+                        className={css`
+                          font-style: italic;
+                          padding: 0px 5px;
+                        `}
+                      >
+                        "{searchText}"
+                      </span>
+                      not found
+                    </>
+                  )}
+                </>
+              )}
+            </div>
+          ) : isBetter ? (
+            <ScrollArea className="w-full flex-grow flex flex-col gap-y-2">
+              {options.map((item, idx) => {
+                const is_selected = isBetter
+                  ? init.selectBetter.all
+                    ? true
+                    : selected?.({ item, options, idx })
+                  : selected?.({ item, options, idx });
+
+                if (is_selected) {
+                  local.selectedIdx = idx;
+                }
+                if (isBetter) {
+                  return (
+                    <div
+                      className="flex flex-row px-3 py-1 gap-x-2 items-center cursor-pointer"
+                      key={item.value + "_" + idx}
+                    >
+                      <Checkbox
+                        id="terms"
+                        className="border border-primary"
+                        checked={is_selected}
+                        onClick={() => {
+                          if (is_selected) {
+                            if (typeof onRemove === "function") onRemove(item);
+                          } else {
+                            onSelect?.(item.value);
+                          }
+                        }}
+                      />
+                      {item.label || <>&nbsp;</>}
+                    </div>
+                  );
+                }
+                return (
+                  <div
+                    tabIndex={0}
+                    key={item.value + "_" + idx}
+                    className={cx(
+                      "opt-item px-3 py-1 cursor-pointer option-item text-sm",
+                      is_selected
+                        ? "bg-blue-600 text-white"
+                        : "hover:bg-blue-50",
+                      idx > 0 && "border-t"
+                    )}
+                    onClick={() => {
+                      onSelect?.(item.value);
+                    }}
+                  >
+                    {item.label || <>&nbsp;</>}
+                  </div>
+                );
+              })}
+            </ScrollArea>
+          ) : (
+            <div className="w-full flex-grow flex flex-col">
+              {options.map((item, idx) => {
+                const is_selected = isBetter
+                  ? init.selectBetter.all
+                    ? true
+                    : selected?.({ item, options, idx })
+                  : selected?.({ item, options, idx });
+
+                if (is_selected) {
+                  local.selectedIdx = idx;
+                }
+                if (isBetter) {
+                  return (
+                    <div
+                      className="flex flex-row px-3 py-1 gap-x-2 items-center cursor-pointer"
+                      key={item.value + "_" + idx}
+                    >
+                      <Checkbox
+                        id="terms"
+                        className="border border-primary"
+                        checked={is_selected}
+                        onClick={() => {
+                          if (is_selected) {
+                            if (typeof onRemove === "function") onRemove(item);
+                          } else {
+                            onSelect?.(item.value);
+                          }
+                        }}
+                      />
+                      {item.label || <>&nbsp;</>}
+                    </div>
+                  );
+                }
+                return (
+                  <div
+                    tabIndex={0}
+                    key={item.value + "_" + idx}
+                    className={cx(
+                      "opt-item px-3 py-1 cursor-pointer option-item text-sm",
+                      is_selected
+                        ? "bg-blue-600 text-white"
+                        : "hover:bg-blue-50",
+                      idx > 0 && "border-t"
+                    )}
+                    onClick={() => {
+                      onSelect?.(item.value);
+                    }}
+                  >
+                    {item.label || <>&nbsp;</>}
+                  </div>
+                );
+              })}
+            </div>
+          )}
+        </>
+      )}
+      {false ? (
+        <div className="w-full flex flex-row items-center justify-end p-1 border-t border-gray-200">
+          <ButtonBetter className="rounded-md text-xs flex flex-row items-center gap-x-1">
+            <IconCheck />
+            OK
+          </ButtonBetter>
+        </div>
+      ) : (
+        <></>
+      )}
+    </div>
+  );
+
+  if (!showEmpty && options.length === 0) content = <></>;
+
+  return (
+    <Popover
+      open={open}
+      arrow={false}
+      onOpenChange={onOpenChange}
+      backdrop={false}
+      classNameTrigger={!isMulti ? "w-full" : "flex-grow"}
+      placement="bottom-start"
+      className="flex-1 rounded-md overflow-hidden"
+      content={content}
+    >
+      {children}
+    </Popover>
+  );
+};
diff --git a/src/components/list/ListUI.tsx b/src/components/list/ListUI.tsx
new file mode 100644
index 0000000..86a1757
--- /dev/null
+++ b/src/components/list/ListUI.tsx
@@ -0,0 +1,104 @@
+"use client";
+import React from "react";
+import { useLocal } from "@/lib/utils/use-local";
+import get from "lodash.get";
+import { ListBetter } from "../tablelist/List";
+import { cn } from "@/lib/utils";
+export const ListUI: React.FC<any> = ({
+  tabHeader,
+  className,
+  classNameScrollArea,
+  name,
+  modeTab,
+  column,
+  align = "center",
+  onLoad,
+  take = 20,
+  header,
+  disabledPagination,
+  disabledHeader,
+  disabledHeadTable,
+  hiddenNoRow,
+  disabledHoverRow,
+  onInit,
+  onCount,
+  fm,
+  mode,
+  feature,
+  onChange,
+  delete_name,
+  title,
+  tab,
+  onTab,
+  breadcrumb,
+  classNameContainer,
+  content,
+  ready = true,
+}) => {
+  const local = useLocal({
+    tab: get(tab, "[0].id"),
+    table: {
+      count: 0 as number,
+    } as any,
+    show: true as boolean,
+    count: 0 as number,
+    readyTitle: true,
+  });
+  if (!ready) {
+    return (
+      <div className="flex-grow flex-grow flex flex-row items-center justify-center">
+        <div className="spinner-better"></div>
+      </div>
+    );
+  }
+  return (
+    <div
+      className={cn(
+        "flex flex-col flex-grow  rounded-lg border border-gray-200 py-2 overflow-hidden",
+        className
+      )}
+    >
+      <div className="flex flex-col flex-grow">
+        <div className="flex flex-col  flex-grow">
+          {title ? (
+            <div className="flex flex-col w-full px-4 pt-2">
+              {typeof title === "function"
+                ? title({ ui: local, count: local.count })
+                : title}
+            </div>
+          ) : (
+            <></>
+          )}
+
+          <div className="w-full flex flex-row flex-grow  overflow-hidden ">
+            <ListBetter
+              name={name}
+              classNameScrollArea={classNameScrollArea}
+              classNameContainer={classNameContainer}
+              content={content}
+              onLoad={onLoad}
+              onCount={async (params: any) => {
+                const result = await onCount();
+                local.count = result;
+                local.render();
+                return result;
+              }}
+              onInit={(e: any) => {
+                local.readyTitle = false;
+                local.table = e;
+                local.render();
+                setTimeout(() => {
+                  local.readyTitle = true;
+                  local.render();
+                }, 100);
+                if (typeof onInit === "function") {
+                  onInit(e);
+                }
+              }}
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
diff --git a/src/components/list/ListUIClean.tsx b/src/components/list/ListUIClean.tsx
new file mode 100644
index 0000000..514ed6d
--- /dev/null
+++ b/src/components/list/ListUIClean.tsx
@@ -0,0 +1,106 @@
+"use client";
+import React from "react";
+import { useLocal } from "@/lib/utils/use-local";
+import get from "lodash.get";
+import { ListBetter } from "../tablelist/List";
+import { cn } from "@/lib/utils";
+export const ListUIClean: React.FC<any> = ({
+  tabHeader,
+  name,
+  modeTab,
+  column,
+  align = "center",
+  onLoad,
+  take = 20,
+  header,
+  disabledPagination,
+  disabledHeader,
+  disabledHeadTable,
+  hiddenNoRow,
+  disabledHoverRow,
+  onInit,
+  onCount,
+  fm,
+  mode,
+  feature,
+  onChange,
+  delete_name,
+  title,
+  tab,
+  onTab,
+  breadcrumb,
+  content,
+  ready = true,
+  classContainer,
+}) => {
+  const local = useLocal({
+    tab: get(tab, "[0].id"),
+    table: {
+      count: 0 as number,
+    } as any,
+    show: true as boolean,
+    count: 0 as number,
+    readyTitle: true,
+  });
+  const labelTitle =
+    typeof title === "function"
+      ? title({ ui: local, count: local.count })
+      : title;
+  if (!ready) {
+    return (
+      <div className="flex-grow flex-grow flex flex-row items-center justify-center">
+        <div className="spinner-better"></div>
+      </div>
+    );
+  }
+  return (
+    <div
+      className={cn(
+        "flex flex-col flex-grow  rounded-lg border border-gray-200 py-2 overflow-hidden h-full",
+        classContainer
+      )}
+    >
+      <div className="flex flex-col flex-grow">
+        <div className="flex flex-col  flex-grow">
+          {labelTitle ? (
+            <>
+              <div className="flex flex-col w-full px-4 pt-2">
+                {typeof title === "function"
+                  ? title({ ui: local, count: local.table.count })
+                  : title}
+              </div>
+            </>
+          ) : (
+            <></>
+          )}
+
+          <div className="w-full h-full flex flex-row flex-grow  overflow-hidden ">
+            <ListBetter
+              name={name}
+              content={content}
+              onLoad={onLoad}
+              onCount={async (params: any) => {
+                const result = await onCount(params);
+                local.count = result;
+                local.render();
+                return result;
+              }}
+              onInit={(e: any) => {
+                local.readyTitle = false;
+                local.table = e;
+                local.render();
+                setTimeout(() => {
+                  local.readyTitle = true;
+                  local.render();
+                }, 100);
+                if (typeof onInit === "function") {
+                  onInit(e);
+                }
+              }}
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
diff --git a/src/components/login-form.tsx b/src/components/login-form.tsx
new file mode 100644
index 0000000..189d682
--- /dev/null
+++ b/src/components/login-form.tsx
@@ -0,0 +1,116 @@
+"use client";
+
+import React, { useState } from "react";
+import { cn } from "@/lib/utils";
+import { Button } from "@/components/ui/button";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+import {
+  Field,
+  FieldDescription,
+  FieldGroup,
+  FieldLabel,
+} from "@/components/ui/field";
+import { Input } from "@/components/ui/input";
+import { useRouter } from "next/navigation";
+import { useAppDispatch, useAppSelector } from "@/store/hooks";
+import { login } from "@/store/authSlice";
+import type { RootState } from "@/store";
+
+export function LoginForm({
+  className,
+  ...props
+}: React.ComponentProps<"div">) {
+  const router = useRouter();
+  const dispatch = useAppDispatch();
+  const [error, setError] = useState<string | null>(null);
+  const {
+    token,
+    loading: authLoading,
+    error: authError,
+  } = useAppSelector((s: RootState) => s.auth);
+
+  // redirect when token appears
+  React.useEffect(() => {
+    if (token) router.push("/d/dashboard");
+  }, [token, router]);
+
+  async function handleSubmit(e: React.FormEvent<HTMLFormElement>) {
+    e.preventDefault();
+    setError(null);
+
+    const form = e.currentTarget;
+    const formData = new FormData(form);
+    const username = (formData.get("username") as string) || "";
+    const password = (formData.get("password") as string) || "";
+
+    try {
+      // dispatch login thunk
+      // note: unwrap() could be used here to throw if rejected, but we'll rely on auth state
+      dispatch(login({ username, password }));
+    } catch (err: any) {
+      setError(err?.message || "Login failed");
+    }
+  }
+
+  return (
+    <div className={cn("flex flex-col gap-6", className)} {...props}>
+      <Card>
+        <CardHeader className="text-center">
+          <CardTitle className="text-xl">Welcome back</CardTitle>
+          <CardDescription>Login with your account</CardDescription>
+        </CardHeader>
+        <CardContent>
+          <form onSubmit={handleSubmit}>
+            <FieldGroup>
+              <Field>
+                <FieldLabel htmlFor="username">Username</FieldLabel>
+                <Input
+                  id="username"
+                  name="username"
+                  type="text"
+                  placeholder="your-username"
+                  required
+                />
+              </Field>
+              <Field>
+                <div className="flex items-center">
+                  <FieldLabel htmlFor="password">Password</FieldLabel>
+                  <a
+                    href="#"
+                    className="ml-auto text-sm underline-offset-4 hover:underline"
+                  >
+                    Forgot your password?
+                  </a>
+                </div>
+                <Input id="password" name="password" type="password" required />
+              </Field>
+              <Field>
+                <Button type="submit" disabled={authLoading}>
+                  {authLoading ? "Logging in..." : "Login"}
+                </Button>
+                <FieldDescription className="text-center">
+                  Don&apos;t have an account? <a href="#">Sign up</a>
+                </FieldDescription>
+              </Field>
+            </FieldGroup>
+          </form>
+          {(error || authError) && (
+            <div className="mt-2 text-sm text-destructive">
+              {error || authError}
+            </div>
+          )}
+        </CardContent>
+      </Card>
+      <FieldDescription className="px-6 text-center">
+        By clicking continue, you agree to our <a href="#">Terms of Service</a>{" "}
+        and <a href="#">Privacy Policy</a>.
+      </FieldDescription>
+    </div>
+  );
+}
diff --git a/src/components/nav-documents.tsx b/src/components/nav-documents.tsx
new file mode 100644
index 0000000..5d18abc
--- /dev/null
+++ b/src/components/nav-documents.tsx
@@ -0,0 +1,105 @@
+"use client";
+
+import {
+  IconDots,
+  IconFolder,
+  IconShare3,
+  IconTrash,
+  type Icon,
+} from "@tabler/icons-react";
+
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+import {
+  SidebarGroup,
+  SidebarGroupLabel,
+  SidebarMenu,
+  SidebarMenuAction,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  useSidebar,
+} from "@/components/ui/sidebar";
+import { usePathname } from "next/navigation";
+
+export function NavDocuments({
+  items,
+}: {
+  items: {
+    name: string;
+    url: string;
+    icon: Icon;
+  }[];
+}) {
+  const { isMobile } = useSidebar();
+  const pathname = usePathname();
+
+  return (
+    <SidebarGroup className="group-data-[collapsible=icon]:hidden">
+      <SidebarGroupLabel>Documents</SidebarGroupLabel>
+      <SidebarMenu>
+        {items.map((item) => {
+          const isActive =
+            pathname === item.url || pathname?.startsWith(item.url + "/");
+          return (
+            <SidebarMenuItem key={item.name}>
+              <SidebarMenuButton asChild>
+                <a
+                  className={
+                    isActive
+                      ? "!bg-muted text-primary-foreground flex items-center gap-2"
+                      : "flex items-center gap-2"
+                  }
+                  href={item.url}
+                >
+                  <item.icon />
+                  <span>{item.name}</span>
+                </a>
+              </SidebarMenuButton>
+              <DropdownMenu>
+                <DropdownMenuTrigger asChild>
+                  <SidebarMenuAction
+                    showOnHover
+                    className="data-[state=open]:bg-accent rounded-sm"
+                  >
+                    <IconDots />
+                    <span className="sr-only">More</span>
+                  </SidebarMenuAction>
+                </DropdownMenuTrigger>
+                <DropdownMenuContent
+                  className="w-24 rounded-lg"
+                  side={isMobile ? "bottom" : "right"}
+                  align={isMobile ? "end" : "start"}
+                >
+                  <DropdownMenuItem>
+                    <IconFolder />
+                    <span>Open</span>
+                  </DropdownMenuItem>
+                  <DropdownMenuItem>
+                    <IconShare3 />
+                    <span>Share</span>
+                  </DropdownMenuItem>
+                  <DropdownMenuSeparator />
+                  <DropdownMenuItem variant="destructive">
+                    <IconTrash />
+                    <span>Delete</span>
+                  </DropdownMenuItem>
+                </DropdownMenuContent>
+              </DropdownMenu>
+            </SidebarMenuItem>
+          );
+        })}
+        <SidebarMenuItem>
+          <SidebarMenuButton className="text-sidebar-foreground/70">
+            <IconDots className="text-sidebar-foreground/70" />
+            <span>More</span>
+          </SidebarMenuButton>
+        </SidebarMenuItem>
+      </SidebarMenu>
+    </SidebarGroup>
+  );
+}
diff --git a/src/components/nav-main.tsx b/src/components/nav-main.tsx
new file mode 100644
index 0000000..f03fb5b
--- /dev/null
+++ b/src/components/nav-main.tsx
@@ -0,0 +1,73 @@
+"use client";
+
+import { IconCirclePlusFilled, IconMail, type Icon } from "@tabler/icons-react";
+import { usePathname } from "next/navigation";
+import Link from "next/link";
+
+import { Button } from "@/components/ui/button";
+import {
+  SidebarGroup,
+  SidebarGroupContent,
+  SidebarMenu,
+  SidebarMenuButton,
+  SidebarMenuItem,
+} from "@/components/ui/sidebar";
+
+export function NavMain({
+  items,
+}: {
+  items: {
+    title: string;
+    url: string;
+    icon?: Icon;
+  }[];
+}) {
+  const pathname = usePathname();
+
+  return (
+    <SidebarGroup>
+      <SidebarGroupContent className="flex flex-col gap-2">
+        <SidebarMenu>
+          <SidebarMenuItem className="flex items-center gap-2">
+            <SidebarMenuButton
+              tooltip="Quick Create"
+              className="bg-primary text-primary-foreground hover:bg-primary/90 hover:text-primary-foreground active:bg-primary/90 active:text-primary-foreground min-w-8 duration-200 ease-linear"
+            >
+              <IconCirclePlusFilled />
+              <span>Quick Create</span>
+            </SidebarMenuButton>
+            <Button
+              size="icon"
+              className="size-8 group-data-[collapsible=icon]:opacity-0"
+              variant="outline"
+            >
+              <IconMail />
+              <span className="sr-only">Inbox</span>
+            </Button>
+          </SidebarMenuItem>
+        </SidebarMenu>
+        <SidebarMenu>
+          {items.map((item) => {
+            const isActive =
+              pathname === item.url || pathname?.startsWith(item.url + "/");
+            return (
+              <SidebarMenuItem key={item.title}>
+                <SidebarMenuButton asChild tooltip={item.title}>
+                  <Link
+                    href={item.url}
+                    className={`flex items-center gap-2 ${
+                      isActive ? "!bg-muted text-primary" : ""
+                    }`}
+                  >
+                    {item.icon && <item.icon />}
+                    <span>{item.title}</span>
+                  </Link>
+                </SidebarMenuButton>
+              </SidebarMenuItem>
+            );
+          })}
+        </SidebarMenu>
+      </SidebarGroupContent>
+    </SidebarGroup>
+  );
+}
diff --git a/src/components/nav-secondary.tsx b/src/components/nav-secondary.tsx
new file mode 100644
index 0000000..42a15f5
--- /dev/null
+++ b/src/components/nav-secondary.tsx
@@ -0,0 +1,56 @@
+"use client";
+
+import * as React from "react";
+import { type Icon } from "@tabler/icons-react";
+import { usePathname } from "next/navigation";
+
+import {
+  SidebarGroup,
+  SidebarGroupContent,
+  SidebarMenu,
+  SidebarMenuButton,
+  SidebarMenuItem,
+} from "@/components/ui/sidebar";
+
+export function NavSecondary({
+  items,
+  ...props
+}: {
+  items: {
+    title: string;
+    url: string;
+    icon: Icon;
+  }[];
+} & React.ComponentPropsWithoutRef<typeof SidebarGroup>) {
+  const pathname = usePathname();
+
+  return (
+    <SidebarGroup {...props}>
+      <SidebarGroupContent>
+        <SidebarMenu>
+          {items.map((item) => {
+            const isActive =
+              pathname === item.url || pathname?.startsWith(item.url + "/");
+            return (
+              <SidebarMenuItem key={item.title}>
+                <SidebarMenuButton asChild>
+                  <a
+                    className={
+                      isActive
+                        ? "!bg-muted text-primary-foreground flex items-center gap-2"
+                        : "flex items-center gap-2"
+                    }
+                    href={item.url}
+                  >
+                    <item.icon />
+                    <span>{item.title}</span>
+                  </a>
+                </SidebarMenuButton>
+              </SidebarMenuItem>
+            );
+          })}
+        </SidebarMenu>
+      </SidebarGroupContent>
+    </SidebarGroup>
+  );
+}
diff --git a/src/components/nav-user.tsx b/src/components/nav-user.tsx
new file mode 100644
index 0000000..106bc60
--- /dev/null
+++ b/src/components/nav-user.tsx
@@ -0,0 +1,125 @@
+"use client";
+
+import {
+  IconCreditCard,
+  IconDotsVertical,
+  IconLogout,
+  IconNotification,
+  IconUserCircle,
+} from "@tabler/icons-react";
+
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+import {
+  SidebarMenu,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  useSidebar,
+} from "@/components/ui/sidebar";
+
+export function NavUser({
+  user,
+}: {
+  user: {
+    name: string;
+    email: string;
+    avatar: string;
+  };
+}) {
+  const { isMobile } = useSidebar();
+
+  return (
+    <SidebarMenu>
+      <SidebarMenuItem>
+        <DropdownMenu>
+          <DropdownMenuTrigger asChild>
+            <SidebarMenuButton
+              size="lg"
+              className="data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground"
+            >
+              <Avatar className="h-8 w-8 rounded-lg grayscale">
+                <AvatarImage src={user.avatar} alt={user.name} />
+                <AvatarFallback className="rounded-lg">CN</AvatarFallback>
+              </Avatar>
+              <div className="grid flex-1 text-left text-sm leading-tight">
+                <span className="truncate font-medium">{user.name}</span>
+                <span className="text-muted-foreground truncate text-xs">
+                  {user.email}
+                </span>
+              </div>
+              <IconDotsVertical className="ml-auto size-4" />
+            </SidebarMenuButton>
+          </DropdownMenuTrigger>
+          <DropdownMenuContent
+            className="w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg"
+            side={isMobile ? "bottom" : "right"}
+            align="end"
+            sideOffset={4}
+          >
+            <DropdownMenuLabel className="p-0 font-normal">
+              <div className="flex items-center gap-2 px-1 py-1.5 text-left text-sm">
+                <Avatar className="h-8 w-8 rounded-lg">
+                  <AvatarImage src={user.avatar} alt={user.name} />
+                  <AvatarFallback className="rounded-lg">CN</AvatarFallback>
+                </Avatar>
+                <div className="grid flex-1 text-left text-sm leading-tight">
+                  <span className="truncate font-medium">{user.name}</span>
+                  <span className="text-muted-foreground truncate text-xs">
+                    {user.email}
+                  </span>
+                </div>
+              </div>
+            </DropdownMenuLabel>
+            <DropdownMenuSeparator className="hidden" />
+            <DropdownMenuGroup className="hidden">
+              <DropdownMenuItem>
+                <IconUserCircle />
+                Account
+              </DropdownMenuItem>
+              <DropdownMenuItem>
+                <IconCreditCard />
+                Billing
+              </DropdownMenuItem>
+              <DropdownMenuItem>
+                <IconNotification />
+                Notifications
+              </DropdownMenuItem>
+            </DropdownMenuGroup>
+            <DropdownMenuSeparator />
+            <DropdownMenuItem
+              onClick={async () => {
+                try {
+                  const token = localStorage.getItem("authToken");
+
+                  const headers: Record<string, string> = {};
+                  if (token) {
+                    headers["Authorization"] = `Bearer ${token}`;
+                  }
+                  await fetch(
+                    process.env.NEXT_PUBLIC_API_URL + "/auth/logout",
+                    { method: "POST", headers }
+                  );
+                  localStorage.removeItem("authToken");
+                  window.location.href = "/login";
+                } catch (e) {
+                  alert("Logout failed");
+                }
+              }}
+            >
+              <IconLogout />
+              Log out
+            </DropdownMenuItem>
+          </DropdownMenuContent>
+        </DropdownMenu>
+      </SidebarMenuItem>
+    </SidebarMenu>
+  );
+}
diff --git a/src/components/section-cards.tsx b/src/components/section-cards.tsx
new file mode 100644
index 0000000..f714d25
--- /dev/null
+++ b/src/components/section-cards.tsx
@@ -0,0 +1,102 @@
+import { IconTrendingDown, IconTrendingUp } from "@tabler/icons-react"
+
+import { Badge } from "@/components/ui/badge"
+import {
+  Card,
+  CardAction,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card"
+
+export function SectionCards() {
+  return (
+    <div className="*:data-[slot=card]:from-primary/5 *:data-[slot=card]:to-card dark:*:data-[slot=card]:bg-card grid grid-cols-1 gap-4 px-4 *:data-[slot=card]:bg-gradient-to-t *:data-[slot=card]:shadow-xs lg:px-6 @xl/main:grid-cols-2 @5xl/main:grid-cols-4">
+      <Card className="@container/card">
+        <CardHeader>
+          <CardDescription>Total Revenue</CardDescription>
+          <CardTitle className="text-2xl font-semibold tabular-nums @[250px]/card:text-3xl">
+            $1,250.00
+          </CardTitle>
+          <CardAction>
+            <Badge variant="outline">
+              <IconTrendingUp />
+              +12.5%
+            </Badge>
+          </CardAction>
+        </CardHeader>
+        <CardFooter className="flex-col items-start gap-1.5 text-sm">
+          <div className="line-clamp-1 flex gap-2 font-medium">
+            Trending up this month <IconTrendingUp className="size-4" />
+          </div>
+          <div className="text-muted-foreground">
+            Visitors for the last 6 months
+          </div>
+        </CardFooter>
+      </Card>
+      <Card className="@container/card">
+        <CardHeader>
+          <CardDescription>New Customers</CardDescription>
+          <CardTitle className="text-2xl font-semibold tabular-nums @[250px]/card:text-3xl">
+            1,234
+          </CardTitle>
+          <CardAction>
+            <Badge variant="outline">
+              <IconTrendingDown />
+              -20%
+            </Badge>
+          </CardAction>
+        </CardHeader>
+        <CardFooter className="flex-col items-start gap-1.5 text-sm">
+          <div className="line-clamp-1 flex gap-2 font-medium">
+            Down 20% this period <IconTrendingDown className="size-4" />
+          </div>
+          <div className="text-muted-foreground">
+            Acquisition needs attention
+          </div>
+        </CardFooter>
+      </Card>
+      <Card className="@container/card">
+        <CardHeader>
+          <CardDescription>Active Accounts</CardDescription>
+          <CardTitle className="text-2xl font-semibold tabular-nums @[250px]/card:text-3xl">
+            45,678
+          </CardTitle>
+          <CardAction>
+            <Badge variant="outline">
+              <IconTrendingUp />
+              +12.5%
+            </Badge>
+          </CardAction>
+        </CardHeader>
+        <CardFooter className="flex-col items-start gap-1.5 text-sm">
+          <div className="line-clamp-1 flex gap-2 font-medium">
+            Strong user retention <IconTrendingUp className="size-4" />
+          </div>
+          <div className="text-muted-foreground">Engagement exceed targets</div>
+        </CardFooter>
+      </Card>
+      <Card className="@container/card">
+        <CardHeader>
+          <CardDescription>Growth Rate</CardDescription>
+          <CardTitle className="text-2xl font-semibold tabular-nums @[250px]/card:text-3xl">
+            4.5%
+          </CardTitle>
+          <CardAction>
+            <Badge variant="outline">
+              <IconTrendingUp />
+              +4.5%
+            </Badge>
+          </CardAction>
+        </CardHeader>
+        <CardFooter className="flex-col items-start gap-1.5 text-sm">
+          <div className="line-clamp-1 flex gap-2 font-medium">
+            Steady performance increase <IconTrendingUp className="size-4" />
+          </div>
+          <div className="text-muted-foreground">Meets growth projections</div>
+        </CardFooter>
+      </Card>
+    </div>
+  )
+}
diff --git a/src/components/site-header.tsx b/src/components/site-header.tsx
new file mode 100644
index 0000000..6813ea5
--- /dev/null
+++ b/src/components/site-header.tsx
@@ -0,0 +1,63 @@
+"use client";
+import * as React from "react";
+import { Separator } from "@/components/ui/separator";
+import { SidebarTrigger } from "@/components/ui/sidebar";
+import { usePageTitle } from "@/providers/PageTitleProvider";
+import {
+  Breadcrumb,
+  BreadcrumbList,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+} from "@/components/ui/breadcrumb";
+
+export function SiteHeader() {
+  const { title } = usePageTitle();
+
+  return (
+    <header className="flex h-(--header-height) shrink-0 items-center gap-2 border-b transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-(--header-height)">
+      <div className="flex w-full items-center gap-1 px-4 lg:gap-2 lg:px-6">
+        <SidebarTrigger className="-ml-1" />
+        <Separator
+          orientation="vertical"
+          className="mx-2 data-[orientation=vertical]:h-4"
+        />
+        <h1 className="text-base font-medium">
+          {Array.isArray(title) ? (
+            <Breadcrumb>
+              <BreadcrumbList className="flex items-center gap-2">
+                {title.map((t, i) => (
+                  <React.Fragment key={i}>
+                    <BreadcrumbItem>
+                      {t.url ? (
+                        <BreadcrumbLink href={t.url}>{t.label}</BreadcrumbLink>
+                      ) : (
+                        <BreadcrumbPage>{t.label}</BreadcrumbPage>
+                      )}
+                    </BreadcrumbItem>
+                    {i < title.length - 1 && <BreadcrumbSeparator />}
+                  </React.Fragment>
+                ))}
+              </BreadcrumbList>
+            </Breadcrumb>
+          ) : (
+            title
+          )}
+        </h1>
+        <div className="ml-auto flex items-center gap-2">
+          {/* <Button variant="ghost" asChild size="sm" className="hidden sm:flex">
+            <a
+              href="https://github.com/shadcn-ui/ui/tree/main/apps/v4/app/(examples)/dashboard"
+              rel="noopener noreferrer"
+              target="_blank"
+              className="dark:text-foreground"
+            >
+              GitHub
+            </a>
+          </Button> */}
+        </div>
+      </div>
+    </header>
+  );
+}
diff --git a/src/components/tablelist/List.tsx b/src/components/tablelist/List.tsx
new file mode 100644
index 0000000..44a6f6e
--- /dev/null
+++ b/src/components/tablelist/List.tsx
@@ -0,0 +1,327 @@
+"use client";
+import React, { useEffect, useState } from "react";
+import { useLocal } from "@/lib/utils/use-local";
+import { toast } from "sonner";
+import { Loader2 } from "lucide-react";
+import { ScrollArea } from "../ui/scroll-area";
+import get from "lodash.get";
+import { cn } from "@/lib/utils";
+
+export const ListBetter: React.FC<any> = ({
+  classNameContainer,
+  classNameScrollArea,
+  autoPagination = true,
+  name,
+  column,
+  style = "UI",
+  align = "center",
+  onLoad,
+  take = 10,
+  header,
+  disabledPagination,
+  disabledHeader,
+  disabledHeadTable,
+  hiddenNoRow,
+  disabledHoverRow,
+  onInit,
+  onCount,
+  fm,
+  mode,
+  feature,
+  onChange,
+  content,
+}) => {
+  const [data, setData] = useState<any[]>([]);
+  const [maxPage, setMaxPage] = useState<number>(0);
+  const [reload, setReload] = useState(0);
+
+  const local = useLocal({
+    table: null as any,
+    data: [] as any[],
+    dataForm: [] as any[],
+    listData: [] as any[],
+    sort: {} as any,
+    search: null as any,
+    paging: 1,
+    maxPage: 1,
+    count: 0 as any,
+    ready: false,
+    addRow: (row: any) => {
+      setData((prev) => [...prev, row]);
+      local.data.push(row);
+      local.render();
+    },
+    selection: {
+      all: false,
+      partial: [] as any[],
+      data: [] as any[],
+    },
+    renderRow: (row: any) => {
+      setData((prev) => [...prev, row]);
+      local.data = data;
+      local.render();
+    },
+    removeRow: (row: any) => {
+      setData((prev) => prev.filter((item) => item !== row)); // Update state lokal
+      local.data = local.data.filter((item: any) => item !== row); // Hapus row dari local.data
+      local.render(); // Panggil render untuk memperbarui UI
+    },
+    refresh: async () => {
+      toast.info(
+        <>
+          <Loader2
+            className={cx(
+              "h-4 w-4 animate-spin-important",
+              css`
+                animation: spin 1s linear infinite !important;
+                @keyframes spin {
+                  0% {
+                    transform: rotate(0deg);
+                  }
+                  100% {
+                    transform: rotate(360deg);
+                  }
+                }
+              `
+            )}
+          />
+          {"Loading..."}
+        </>,
+        {
+          duration: Infinity,
+        }
+      );
+      local.ready = false;
+      local.render();
+      try {
+        if (typeof onCount === "function") {
+          const res = await onCount();
+          local.count = res;
+          local.maxPage = Math.ceil(res / take);
+          local.paging = 1;
+          local.render();
+        }
+        if (Array.isArray(onLoad)) {
+          let res = onLoad;
+          local.data = res;
+          local.render();
+          setData(res);
+        } else {
+          let res: any = await onLoad({
+            search: local.search,
+            sort: local.sort,
+            take,
+            paging: 1,
+          });
+          local.data = res;
+          local.render();
+          setData(res);
+          setTimeout(() => {
+            toast.dismiss();
+          }, 100);
+        }
+      } catch (ex: any) {
+        console.error(get(ex, "response.data.meta.message") || ex.message);
+      }
+      setTimeout(() => {
+        toast.dismiss();
+      }, 100);
+      local.ready = true;
+      local.render();
+    },
+    reload: async () => {
+      toast.info(
+        <>
+          <Loader2
+            className={cx(
+              "h-4 w-4 animate-spin-important",
+              css`
+                animation: spin 1s linear infinite !important;
+                @keyframes spin {
+                  0% {
+                    transform: rotate(0deg);
+                  }
+                  100% {
+                    transform: rotate(360deg);
+                  }
+                }
+              `
+            )}
+          />
+          {"Loading..."}
+        </>,
+        {
+          duration: Infinity,
+        }
+      );
+      const listData = local.data || [];
+      try {
+        if (Array.isArray(onLoad)) {
+          let res = onLoad;
+          local.data = listData.concat(res);
+          local.render();
+          setData(res);
+        } else {
+          let res: any = await onLoad({
+            search: local.search,
+            sort: local.sort,
+            take,
+            paging: local.paging,
+          });
+          local.data = listData.concat(res);
+          local.render();
+          setData(res);
+          setTimeout(() => {
+            toast.dismiss();
+          }, 100);
+        }
+      } catch (ex: any) {
+        console.error(get(ex, "response.data.meta.message") || ex.message);
+      }
+      setTimeout(() => {
+        toast.dismiss();
+      }, 100);
+    },
+  });
+  useEffect(() => {
+    const run = async () => {
+      toast.info(
+        <>
+          <Loader2
+            className={cx(
+              "h-4 w-4 animate-spin-important",
+              css`
+                animation: spin 1s linear infinite !important;
+                @keyframes spin {
+                  0% {
+                    transform: rotate(0deg);
+                  }
+                  100% {
+                    transform: rotate(360deg);
+                  }
+                }
+              `
+            )}
+          />
+          {"Loading..."}
+        </>,
+        {
+          duration: Infinity,
+        }
+      );
+      local.ready = false;
+      local.render();
+      try {
+        if (typeof onCount === "function") {
+          const res = await onCount();
+          setMaxPage(Math.ceil(res / take));
+          local.maxPage = Math.ceil(res / take);
+          local.count = res;
+          local.render();
+        }
+        if (mode === "form") {
+          local.data = fm.data?.[name] || [];
+          local.render();
+          setData(fm.data?.[name] || []);
+        } else {
+          if (Array.isArray(onLoad)) {
+            local.data = onLoad;
+            local.render();
+            setData(onLoad);
+          } else if (typeof onLoad === "function") {
+            let res: any = await onLoad({
+              search: local.search,
+              sort: local.sort,
+              take,
+              paging: 1,
+            });
+            local.data = res;
+            local.render();
+            setData(local.data);
+          } else {
+            let res = onLoad;
+            local.data = res;
+            local.render();
+            setData(local.data);
+          }
+        }
+      } catch (ex: any) {
+        console.error(get(ex, "response.data.meta.message") || ex.message);
+      }
+      if (typeof onInit === "function") {
+        onInit(local);
+      }
+      local.ready = true;
+      local.render();
+      setTimeout(() => {
+        toast.dismiss();
+      }, 100);
+    };
+    run();
+  }, []);
+
+  const observerRef: any = React.useRef();
+
+  const lastPostRef = React.useCallback((node: any) => {
+    if (observerRef) {
+      if (observerRef.current) observerRef.current.disconnect();
+      observerRef.current = new IntersectionObserver((entries) => {
+        if (entries[0].isIntersecting) {
+          if (local.paging < local.maxPage) {
+            local.paging = local.paging + 1;
+            local.render();
+            local.reload();
+            setReload((r) => r + 1);
+          }
+        }
+      });
+      if (node) observerRef.current.observe(node);
+    }
+  }, []);
+  return (
+    <>
+      <div className="tbl-wrapper flex flex-grow flex-col">
+        <ScrollArea
+          className={cn(
+            "w-full h-full flex flex-col gap-y-4 p-4",
+            classNameScrollArea
+          )}
+          reload={reload}
+        >
+          {!local.ready ? (
+            <>
+              <div className="flex-grow h-full flex-grow flex flex-row items-center justify-center">
+                <div className="spinner-better"></div>
+              </div>
+            </>
+          ) : (
+            <div
+              className={cn(
+                "flex-grow flex flex-col gap-y-4",
+                classNameContainer
+              )}
+            >
+              {Array.isArray(local.data) && local.data?.length ? (
+                local.data?.map((e, idx) => {
+                  return (
+                    <div
+                      className="flex flex-col w-full"
+                      key={`items-${name}-${idx}`}
+                      ref={local.data?.length === idx + 1 ? lastPostRef : null}
+                    >
+                      {typeof content === "function"
+                        ? content({ item: e, idx, tbl: local })
+                        : content}
+                    </div>
+                  );
+                })
+              ) : (
+                <></>
+              )}
+            </div>
+          )}
+        </ScrollArea>
+      </div>
+    </>
+  );
+};
diff --git a/src/components/tablelist/TableBetter.tsx b/src/components/tablelist/TableBetter.tsx
new file mode 100644
index 0000000..8c2088d
--- /dev/null
+++ b/src/components/tablelist/TableBetter.tsx
@@ -0,0 +1,663 @@
+"use client";
+import React, { FC, useEffect, useState } from "react";
+import { useLocal } from "@/lib/utils/use-local";
+import { init_column } from "./lib/column";
+import { toast } from "sonner";
+import { Loader2, Sticker } from "lucide-react";
+import { getNumber } from "@/lib/utils/getNumber";
+import { formatMoney } from "@/components/form/field/TypeInput";
+import "react-resizable/css/styles.css";
+import { Resizable } from "react-resizable";
+import get from "lodash.get";
+import { Table } from "../ui/table";
+import { IconChevronLeft, IconChevronRight } from "@tabler/icons-react";
+export const TableEditBetter: React.FC<any> = ({
+  name,
+  column,
+  align = "center",
+  onLoad,
+  take = 20,
+  header,
+  disabledPagination,
+  disabledHeader,
+  disabledHeadTable,
+  hiddenNoRow,
+  disabledHoverRow,
+  onInit,
+  onCount,
+  fm,
+  mode,
+  feature,
+  onChange,
+  delete_name,
+}) => {
+  const [data, setData] = useState<any[]>([]);
+  const [columns, setColumns] = useState([] as any[]);
+  const sideLeft =
+    typeof header?.sideLeft === "function" ? header.sideLeft : null;
+  const sideRight =
+    typeof header?.sideRight === "function" ? header.sideRight : null;
+  const checkbox =
+    Array.isArray(feature) && feature?.length
+      ? feature.includes("checkbox")
+      : false;
+  const local = useLocal({
+    table: null as any,
+    data: [] as any[],
+    dataForm: [] as any[],
+    listData: [] as any[],
+    sort: {} as any,
+    search: null as any,
+    count: 0 as any,
+    addRow: (row: any) => {
+      const data = fm.data?.[name] || [];
+      data.push(row);
+      fm.data[name] = data;
+      fm.render();
+      local.data = fm.data[name];
+      local.render();
+    },
+    selection: {
+      all: false,
+      partial: [] as any[],
+    },
+    renderRow: (row: any) => {
+      setData((prev) => [...prev, row]);
+      local.data = data;
+      local.render();
+    },
+    removeRow: (row: any) => {
+      const data = fm.data?.[name] || [];
+      if (delete_name) {
+        const ids: any[] = Array.isArray(fm.data?.[delete_name])
+          ? fm.data?.deleted_line_ids
+          : [];
+        if (row?.id) {
+          ids.push(row.id);
+        }
+        fm.data[delete_name] = ids;
+      }
+      fm.data[name] = data.filter((item: any) => item !== row);
+      fm.render();
+      local.data = fm.data[name];
+      local.render();
+    },
+    reload: async () => {
+      toast.info(
+        <>
+          <Loader2
+            className={cx(
+              "h-4 w-4 animate-spin-important",
+              css`
+                animation: spin 1s linear infinite !important;
+                @keyframes spin {
+                  0% {
+                    transform: rotate(0deg);
+                  }
+                  100% {
+                    transform: rotate(360deg);
+                  }
+                }
+              `
+            )}
+          />
+          {"Loading..."}
+        </>,
+        {
+          duration: Infinity,
+        }
+      );
+      try {
+        if (Array.isArray(onLoad)) {
+          local.data = onLoad;
+          local.render();
+          setData(onLoad);
+        } else {
+          const res: any = onLoad({
+            search: local.search,
+            sort: local.sort,
+            take,
+            paging: 1,
+          });
+          if (res instanceof Promise) {
+            res.then((e) => {
+              local.data = e;
+              local.render();
+              setData(e);
+              setTimeout(() => {
+                toast.dismiss();
+              }, 100);
+            });
+          } else {
+            local.data = res;
+            local.render();
+            setData(res);
+          }
+        }
+      } catch (ex: any) {
+        console.error(get(ex, "response.data.meta.message") || ex.message);
+      }
+      setTimeout(() => {
+        toast.dismiss();
+      }, 100);
+    },
+  });
+  // const cloneListFM = (data: any[]) => {
+  //   if (mode === "form") {
+  //     local.dataForm = data.map((e: any) => cloneFM(fm, e));
+  //     local.render();
+  //   }
+  // };
+  useEffect(() => {
+    const defaultColumns: any[] = init_column(column);
+    const col = defaultColumns?.length
+      ? defaultColumns.map((e: any) => {
+          return {
+            ...e,
+            width: e?.width || 150,
+          };
+        })
+      : ([] as any[]);
+    setColumns(col);
+    local.data = fm?.data[name] || [];
+    local.render();
+    fm.fields[name] = {
+      name: name,
+      type: "table",
+      fields: [],
+    };
+    fm.render();
+  }, []);
+
+  const handleResize = (index: any, width: any) => {
+    setColumns((prevColumns: any) => {
+      const updatedColumns = [...prevColumns];
+      updatedColumns[index].width = width;
+      return updatedColumns;
+    });
+  };
+  return (
+    <>
+      <div className="tbl-wrapper flex flex-grow flex-col">
+        {!disabledHeader ? (
+          <div className="px-2 head-tbl-list block items-start justify-between  bg-white px-0 py-4 sm:flex">
+            <div className="flex flex-row h-full">
+              <div className="sm:flex flex flex-col space-y-2 flex-grow">
+                <div className="flex flex-grow flex-row">
+                  {sideLeft ? sideLeft(local) : <></>}
+                </div>
+              </div>
+            </div>
+            <div className="ml-auto flex items-center flex-row">
+              <div className="flex">{sideRight ? sideRight(local) : <></>}</div>
+            </div>
+          </div>
+        ) : (
+          <></>
+        )}
+
+        <div className="flex flex-col flex-grow">
+          <div className="overflow-auto relative flex-grow flex-row">
+            <div className="tbl absolute top-0 left-0 inline-block flex-grow w-full h-full align-middle">
+              <div className="relative">
+                <Table
+                  className={cx(
+                    "min-w-full divide-y divide-gray-200 text-black",
+                    css`
+                      thead th:first-child {
+                        overflow: hidden;
+                        border-top-left-radius: 10px; /* Sudut kiri atas */
+                        border-bottom-left-radius: 10px;
+                      }
+                      thead th:last-child {
+                        overflow: hidden;
+                        border-top-right-radius: 10px; /* Sudut kiri atas */
+                        border-bottom-right-radius: 10px;
+                      }
+                      tbody td:first-child {
+                        overflow: hidden;
+                        border-top-left-radius: 10px; /* Sudut kiri atas */
+                        border-bottom-left-radius: 10px;
+                      }
+                      tbody td:last-child {
+                        overflow: hidden;
+                        border-top-right-radius: 10px; /* Sudut kiri atas */
+                        border-bottom-right-radius: 10px;
+                      }
+                      .react-resizable-handle {
+                        cursor: e-resize;
+                        width: 2px;
+                        height: 100%;
+                        background: #313678;
+                      }
+                      .react-resizable {
+                      }
+                    `,
+                    checkbox &&
+                      css`
+                        .table-header-tbl > th:first-child {
+                          width: 20px !important; /* Atur lebar sesuai kebutuhan */
+                          text-align: center;
+                        }
+                        .table-row-element > td:first-child {
+                          width: 20px !important; /* Atur lebar sesuai kebutuhan */
+                          text-align: center;
+                        }
+                      `
+                  )}
+                >
+                  {!disabledHeadTable ? (
+                    <thead
+                      className={cx(
+                        "rounded-md overflow-hidden text-md bg-primary group/head text-md uppercase text-white sticky top-0",
+                        css`
+                          z-index: 1;
+                        `
+                      )}
+                    >
+                      <tr className={"table-header-tbl"}>
+                        {columns.map((col, idx) => {
+                          return (
+                            <HeaderColumn
+                              col={col}
+                              key={`${col?.accessorKey}_${idx}`}
+                              width={col.width}
+                              height={0}
+                              onResize={(e: any, { size }: any) =>
+                                handleResize(idx, size.width)
+                              }
+                            >
+                              <div className="flex items-center h-full flex-grow p-2">
+                                <span>
+                                  {typeof col?.header === "function"
+                                    ? col?.header()
+                                    : col.header}
+                                </span>
+                              </div>
+                            </HeaderColumn>
+                          );
+                        })}
+                      </tr>
+                    </thead>
+                  ) : (
+                    <></>
+                  )}
+                  <tbody>
+                    {local.data.map((row: any, index: any) => {
+                      if (
+                        typeof fm.fields?.[name]?.fields?.[index]?.fields !==
+                        "object"
+                      ) {
+                        fm.fields[name].fields[index] = {
+                          fields: {},
+                        };
+                      }
+                      const fm_row = {
+                        ...fm,
+                        name: name,
+                        type: "table",
+                        data: row,
+                        error: fm.fields?.[name]?.fields?.[index]?.error,
+                        fields: fm.fields?.[name]?.fields?.[index]?.fields,
+                        render: () => {
+                          local.render();
+                          fm.data[name] = local.data;
+                          fm.render();
+                        },
+                      };
+                      return (
+                        <tr
+                          key={`row_${name}_${index}`}
+                          className={cx(css`
+                            td {
+                              vertical-align: ${align};
+                            }
+                          `)}
+                        >
+                          {columns.map((col, idx) => {
+                            const param = {
+                              row: row,
+                              name: col?.name,
+                              idx,
+                              tbl: local,
+                              fm_row: fm_row,
+                              onChange,
+                            };
+                            const renderData =
+                              typeof col?.renderCell === "function" ? (
+                                col.renderCell(param)
+                              ) : (
+                                <>No Column</>
+                              );
+                            return (
+                              <td
+                                key={`row_${name}_${index}_${col?.accessorKey}_${idx}`}
+                                className={
+                                  "table-header-tbl align-top capitalize"
+                                }
+                              >
+                                <div className="p-1">{renderData}</div>
+                              </td>
+                            );
+                          })}
+                        </tr>
+                      );
+                    })}
+                  </tbody>
+                </Table>
+              </div>
+            </div>
+            {!local?.data?.length && (
+              <div
+                className={cx(
+                  "flex-1 w-full absolute inset-0 flex flex-col items-center justify-center",
+                  css`
+                    top: 50%;
+                    transform: translateY(-50%);
+                  `
+                )}
+              >
+                <div className="max-w-[15%] flex flex-col items-center">
+                  <Sticker size={35} strokeWidth={1} />
+                  <div className="pt-1 text-center">No&nbsp;Data</div>
+                </div>
+              </div>
+            )}
+          </div>
+        </div>
+      </div>
+    </>
+  );
+};
+const HeaderColumn: FC<any> = ({ children, width, height, onResize, col }) => {
+  const [isResizing, setIsResizing] = useState(false);
+
+  const handleResizeStart = () => {
+    setIsResizing(true);
+  };
+
+  const handleResizeStop = () => {
+    setIsResizing(false);
+  };
+
+  return (
+    <Resizable
+      onResizeStart={handleResizeStart}
+      onResizeStop={handleResizeStop}
+      width={width}
+      height={height}
+      onResize={onResize}
+    >
+      <th
+        className="table-header-tbl capitalize relative"
+        style={{ width: col.width }}
+      >
+        {children}
+        <div
+          className={cx(
+            css`
+              position: absolute;
+              right: 0;
+              top: 0;
+              height: 100%;
+              width: 5px;
+              background: transparent;
+              cursor: e-resize;
+              transition: background 0.2s ease;
+
+              &:hover {
+                background: #4a90e2; /* Warna biru saat hover */
+              }
+
+              &:active {
+                background: #357abd; /* Warna biru lebih gelap saat di-resize */
+              }
+
+              ${isResizing &&
+              css`
+                background: #357abd; /* Warna biru lebih gelap saat resize aktif */
+                opacity: 0.8;
+              `}
+            `
+          )}
+        ></div>
+      </th>
+    </Resizable>
+  );
+};
+export const Pagination: React.FC<any> = ({
+  onNextPage,
+  onPrevPage,
+  disabledNextPage,
+  disabledPrevPage,
+  page,
+  count,
+  list,
+  setPage,
+  onChangePage,
+}) => {
+  const local = useLocal({
+    page: 1 as any,
+    pagination: [] as any,
+  });
+  useEffect(() => {
+    local.page = page;
+    local.pagination = getPagination(page, Math.ceil(count / 20));
+    local.render();
+  }, [page, count]);
+  return (
+    <div className=" border-t border-gray-300 tbl-pagination sticky text-sm bottom-0 right-0 w-full grid grid-cols-3 gap-4 justify-end text-sm  bg-white pt-2">
+      <div className="flex flex-row items-center text-gray-600">
+        Showing {local.page * 20 - 19} to{" "}
+        {list.data?.length >= 20
+          ? local.page * 20
+          : local.page === 1 && Math.ceil(count / 20) === 1
+          ? list.data?.length
+          : local.page * 20 - 19 + list.data?.length}{" "}
+        of {formatMoney(getNumber(count))} results
+      </div>
+      <div className="flex flex-row justify-center">
+        <div>
+          <nav
+            className="isolate inline-flex -space-x-px flex flex-row items-center gap-x-2"
+            aria-label="Pagination"
+          >
+            {local.pagination.map((e: any, idx: number) => {
+              return (
+                <div
+                  key={"page_" + idx}
+                  onClick={() => {
+                    if (e?.label !== "...") {
+                      local.page = getNumber(e?.label);
+                      local.render();
+                      onChangePage(local.page - 1);
+                      setPage(local.page - 1);
+                      list.reload();
+                    }
+                  }}
+                  className={cx(
+                    "text-sm px-2 py-1",
+                    e.active
+                      ? "relative z-10 inline-flex items-center bg-primary font-semibold text-white rounded-md"
+                      : e?.label === "..."
+                      ? "relative z-10 inline-flex items-center  font-semibold text-gray-800 rounded-md"
+                      : "cursor-pointer relative z-10 inline-flex items-center hover:bg-gray-100 font-semibold text-gray-800 rounded-md"
+                  )}
+                >
+                  {e?.label}
+                </div>
+              );
+            })}
+          </nav>
+        </div>
+      </div>
+      <div className="flex flex-row items-center justify-end">
+        <div className="flex items-center  flex-row gap-x-2 sm:mb-0 text-sm">
+          <div
+            onClick={() => {
+              if (!disabledPrevPage) {
+                onPrevPage();
+              }
+            }}
+            className={cx(
+              "flex flex-row items-center gap-x-2  justify-center rounded p-1 ",
+              disabledPrevPage
+                ? "text-gray-200 border-gray-200 border px-2"
+                : "cursor-pointer text-gray-500 hover:bg-gray-100 hover:text-gray-900  border-gray-500 border px-2"
+            )}
+          >
+            <IconChevronLeft className="text-sm" />
+            <span>Previous</span>
+          </div>
+          <div
+            onClick={() => {
+              if (!disabledNextPage) {
+                onNextPage();
+              }
+            }}
+            className={cx(
+              "flex flex-row items-center gap-x-2  justify-center rounded p-1 ",
+              disabledNextPage
+                ? "text-gray-200 border-gray-200 border px-2"
+                : "cursor-pointer text-gray-500 hover:bg-gray-100 hover:text-gray-900  border-gray-500 border px-2"
+            )}
+          >
+            <span>Next</span>
+            <IconChevronRight className="text-sm" />
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+export const PaginationPage: React.FC<any> = ({
+  onNextPage,
+  onPrevPage,
+  disabledNextPage,
+  disabledPrevPage,
+  page,
+  count,
+  list,
+  take,
+  setPage,
+  onChangePage,
+}) => {
+  const local = useLocal({
+    page: 1 as any,
+    pagination: [] as any,
+  });
+  useEffect(() => {
+    local.page = page;
+    local.pagination = getPagination(page, Math.ceil(count / take));
+    local.render();
+  }, [page, count]);
+  return (
+    <div className=" tbl-pagination  text-sm bottom-0 right-0 w-full grid grid-cols-1 gap-4 justify-center text-sm  bg-white pt-2">
+      <div className="flex flex-row items-center justify-center">
+        <div className="flex items-center  flex-row gap-x-2 sm:mb-0 text-sm">
+          <div
+            onClick={() => {
+              if (!disabledPrevPage) {
+                onPrevPage();
+              }
+            }}
+            className={cx(
+              "flex flex-row items-center gap-x-2  justify-center rounded-full p-2 text-md",
+              disabledPrevPage
+                ? "text-gray-200 border-gray-200 border "
+                : "cursor-pointer text-gray-500 hover:bg-gray-100 hover:text-gray-900  border-gray-500 border "
+            )}
+          >
+            <IconChevronLeft />
+          </div>
+          <div className="flex flex-row justify-center">
+            <div>
+              <nav
+                className="isolate inline-flex -space-x-px flex flex-row items-center gap-x-2"
+                aria-label="Pagination"
+              >
+                {local.pagination.map((e: any, idx: number) => {
+                  return (
+                    <div
+                      key={"page_" + idx}
+                      onClick={() => {
+                        if (e?.label !== "...") {
+                          local.page = getNumber(e?.label);
+                          local.render();
+                          onChangePage(local.page - 1);
+                          setPage(local.page - 1);
+                        }
+                      }}
+                      className={cx(
+                        "text-md px-2.5 py-1",
+                        e.active
+                          ? "relative z-10 inline-flex items-center bg-primary font-semibold text-white rounded-full"
+                          : e?.label === "..."
+                          ? "relative z-10 inline-flex items-center  font-semibold text-gray-800 rounded-full"
+                          : "cursor-pointer relative z-10 inline-flex items-center hover:bg-gray-100 font-semibold text-gray-800 rounded-full"
+                      )}
+                    >
+                      {e?.label}
+                    </div>
+                  );
+                })}
+              </nav>
+            </div>
+          </div>
+          <div
+            onClick={() => {
+              if (!disabledNextPage) {
+                onNextPage();
+              }
+            }}
+            className={cx(
+              "flex flex-row items-center gap-x-2   justify-center rounded-full p-2 ",
+              disabledNextPage
+                ? "text-gray-200 border-gray-200 border"
+                : "cursor-pointer text-gray-500 hover:bg-gray-100 hover:text-gray-900  border-gray-500 border "
+            )}
+          >
+            <IconChevronRight className="text-md" />
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+const getPagination = (currentPage: number, totalPages: number) => {
+  const pagination: { label: string; active: boolean }[] = [];
+  const maxVisible = 5; // Jumlah maksimal elemen yang ditampilkan
+  const halfRange = Math.floor((maxVisible - 3) / 2);
+
+  if (totalPages <= maxVisible) {
+    // Jika total halaman lebih kecil dari batas, tampilkan semua halaman
+    for (let i = 1; i <= totalPages; i++) {
+      pagination.push({ label: i.toString(), active: i === currentPage });
+    }
+  } else {
+    pagination.push({ label: "1", active: currentPage === 1 }); // Halaman pertama selalu ada
+
+    if (currentPage > halfRange + 2) {
+      pagination.push({ label: "...", active: false }); // Awal titik-titik
+    }
+
+    const startPage = Math.max(2, currentPage - halfRange);
+    const endPage = Math.min(totalPages - 1, currentPage + halfRange);
+
+    for (let i = startPage; i <= endPage; i++) {
+      pagination.push({ label: i.toString(), active: i === currentPage });
+    }
+
+    if (currentPage < totalPages - halfRange - 1) {
+      pagination.push({ label: "...", active: false }); // Akhir titik-titik
+    }
+
+    pagination.push({
+      label: totalPages.toString(),
+      active: currentPage === totalPages,
+    }); // Halaman terakhir selalu ada
+  }
+
+  return pagination;
+};
diff --git a/src/components/tablelist/TableList.tsx b/src/components/tablelist/TableList.tsx
new file mode 100644
index 0000000..548a9e9
--- /dev/null
+++ b/src/components/tablelist/TableList.tsx
@@ -0,0 +1,1399 @@
+"use client";
+import {
+  ColumnDef,
+  ColumnResizeDirection,
+  ColumnResizeMode,
+  flexRender,
+  getCoreRowModel,
+  getPaginationRowModel,
+  getSortedRowModel,
+  SortingState,
+  useReactTable,
+} from "@tanstack/react-table";
+import React, { useEffect, useState } from "react";
+import { useLocal } from "@/lib/utils/use-local";
+import Link from "next/link";
+import { init_column } from "./lib/column";
+import { toast } from "sonner";
+import { Loader2, Sticker } from "lucide-react";
+import { InputSearch } from "../ui/input-search";
+import get from "lodash.get";
+import { Checkbox } from "../ui/checkbox";
+import { getNumber } from "@/lib/utils/getNumber";
+import { formatMoney } from "@/components/form/field/TypeInput";
+import { events } from "@/lib/utils/event";
+import { Popover } from "../Popover/Popover";
+import { Button, ButtonBetter, ButtonContainer } from "../ui/button";
+import { Form } from "../form/Form";
+import { Field, FieldProps } from "../form/Field";
+import {
+  IconCaretDownFilled,
+  IconCaretUpDownFilled,
+  IconCaretUpFilled,
+  IconChevronLeft,
+  IconChevronRight,
+  IconFilter,
+  IconPlus,
+} from "@tabler/icons-react";
+import { Table, TableBody, TableCell, TableRow } from "../ui/table";
+export interface Column<T = any> {
+  name: string; // Tetap string karena ini adalah identifier kolom
+  header: (() => JSX.Element) | string;
+  filter?: boolean;
+  resize?: boolean;
+  width?: number;
+  type?: "text" | "date" | "time" | "money" | "file";
+  nameFilter?: string | string[];
+  placeholderFilter?: string | string[];
+  onLoadFilter?: (params?: any) => Promise<any> | any;
+  labelFilter?: string;
+  onLabel?: string | ((item: any) => any);
+  onValue?: string | ((item: any) => any);
+  pagination?: boolean;
+  search?: "api" | "local";
+  renderCell: (params: {
+    row: T; // row tetap `T` agar lebih fleksibel
+    name: string; // name tetap string
+    cell: any;
+    idx: number;
+    tbl: any;
+    fm_row?: any;
+    onChange?: (data: any) => void;
+    render: () => void;
+  }) => JSX.Element | any;
+  sortable?: boolean;
+}
+export interface TableListProps<T extends object> {
+  autoPagination?: boolean;
+  name?: string;
+  column: Column<T>[] | (() => Column<T>[]);
+  style?: "UI" | "Default";
+  align?: "center" | "left" | "right";
+  onLoad:
+    | ((params: {
+        search?: string;
+        sort?: SortingState;
+        take: number;
+        paging: number;
+      }) => Promise<any[]>)
+    | any[];
+  take?: number;
+  header?: {
+    sideLeft?: (local: any) => React.ReactNode;
+    sideRight?: (local: any) => React.ReactNode;
+  };
+  disabledPagination?: boolean;
+  disabledHeader?: boolean;
+  disabledHeadTable?: boolean;
+  hiddenNoRow?: boolean;
+  disabledHoverRow?: boolean;
+  onInit?: (local: any) => void;
+  onCount?: (
+    params?:
+      | {
+          search?: string;
+          take: number;
+          paging: number;
+        }
+      | string
+  ) => Promise<number>;
+  fm?: any;
+  mode?: "form" | "table";
+  feature?: string[];
+  onChange?: (data: any) => void;
+  filter?: boolean;
+}
+
+export interface FilterProps<T extends object> {
+  nameFilter?: string | string[];
+  placeholderFilter?: string | string[];
+}
+export interface FieldFilterProps
+  extends Omit<FieldProps, "fm">,
+    FilterProps<object>,
+    FilterProps<object> {
+  fm?: any; // Membuat `fm` nullable
+}
+
+export const TableList = <T extends object>({
+  autoPagination = true,
+  name = "table",
+  column,
+  style = "UI",
+  align = "center",
+  onLoad,
+  take = 20,
+  header,
+  disabledPagination,
+  disabledHeader,
+  disabledHeadTable,
+  hiddenNoRow,
+  disabledHoverRow,
+  onInit,
+  onCount,
+  fm,
+  mode = "table",
+  feature,
+  onChange,
+  filter = true,
+}: TableListProps<T>) => {
+  const [show, setShow] = useState(false as boolean);
+  const [data, setData] = useState<any[]>([]);
+  const sideLeft =
+    typeof header?.sideLeft === "function" ? header.sideLeft : null;
+  const sideRight =
+    typeof header?.sideRight === "function" ? header.sideRight : null;
+  type Person = {
+    firstName: string;
+    lastName: string;
+    age: number;
+    visits: number;
+    status: string;
+    progress: number;
+  };
+  const checkbox =
+    Array.isArray(feature) && feature?.length
+      ? feature.includes("checkbox")
+      : false;
+
+  const local = useLocal({
+    fieldFilter: [] as FieldFilterProps[],
+    fieldResultFilter: {} as any,
+    table: null as any,
+    data: [] as any[],
+    dataForm: [] as any[],
+    listData: [] as any[],
+    sort: {} as any,
+    filter: {} as any,
+    search: null as any,
+    paging: 1,
+    count: 0 as any,
+    addRow: (row: any) => {
+      setData((prev) => [...prev, row]);
+      local.data.push(row);
+      local.render();
+    },
+    selection: {
+      all: false,
+      partial: [] as any[],
+      data: [] as any[],
+    },
+    renderRow: (row: any) => {
+      setData((prev) => [...prev, row]);
+      local.data = data;
+      local.render();
+    },
+    removeRow: (row: any) => {
+      setData((prev) => prev.filter((item) => item !== row)); // Update state lokal
+      local.data = local.data.filter((item: any) => item !== row); // Hapus row dari local.data
+      local.render(); // Panggil render untuk memperbarui UI
+    },
+    refresh: async () => {
+      toast.info(
+        <>
+          <Loader2
+            className={cx(
+              "h-4 w-4 animate-spin-important",
+              css`
+                animation: spin 1s linear infinite !important;
+                @keyframes spin {
+                  0% {
+                    transform: rotate(0deg);
+                  }
+                  100% {
+                    transform: rotate(360deg);
+                  }
+                }
+              `
+            )}
+          />
+          {"Loading..."}
+        </>,
+        {
+          duration: Infinity,
+        }
+      );
+      if (typeof onCount === "function") {
+        const params = await events("onload-param", {
+          take: 1,
+          paging: 1,
+          search: local.search,
+          ...local.filter,
+          ...local.fieldResultFilter,
+        });
+        const res = await onCount(params);
+        local.count = res;
+        local.render();
+      }
+      if (Array.isArray(onLoad)) {
+        let res = onLoad;
+        if (!autoPagination) {
+          res = paginateArray(res, take, 1);
+        }
+        local.data = res;
+        local.render();
+        setData(res);
+      } else {
+        let res: any = await onLoad({
+          search: local.search,
+          sort: local.sort,
+          take,
+          paging: 1,
+          ...local.fieldResultFilter,
+        });
+        if (!autoPagination) {
+          res = paginateArray(res, take, 1);
+        }
+        local.data = res;
+        cloneListFM(res);
+        local.render();
+        setData(res);
+        setTimeout(() => {
+          toast.dismiss();
+        }, 100);
+      }
+    },
+    reload: async () => {
+      toast.info(
+        <>
+          <Loader2
+            className={cx(
+              "h-4 w-4 animate-spin-important",
+              css`
+                animation: spin 1s linear infinite !important;
+                @keyframes spin {
+                  0% {
+                    transform: rotate(0deg);
+                  }
+                  100% {
+                    transform: rotate(360deg);
+                  }
+                }
+              `
+            )}
+          />
+          {"Loading..."}
+        </>,
+        {
+          duration: Infinity,
+        }
+      );
+      if (Array.isArray(onLoad)) {
+        let res = onLoad;
+        if (!autoPagination) {
+          res = paginateArray(res, take, local.paging);
+        }
+        local.data = res;
+        local.render();
+        setData(res);
+      } else {
+        let res: any = await onLoad({
+          search: local.search,
+          sort: local.sort,
+          take,
+          paging: local.paging,
+          ...local.filter,
+          ...local.fieldResultFilter,
+        });
+        if (!autoPagination) {
+          res = paginateArray(res, take, local.paging);
+        }
+        local.data = res;
+        cloneListFM(res);
+        local.render();
+        setData(res);
+        setTimeout(() => {
+          toast.dismiss();
+        }, 100);
+      }
+      setTimeout(() => {
+        toast.dismiss();
+      }, 100);
+    },
+  });
+  const cloneListFM = (data: any[]) => {
+    if (mode === "form") {
+      local.dataForm = data.map((e: any) => {
+        return {
+          ...fm,
+          data: e,
+          render: () => {
+            local.render();
+            fm.data[name] = local.data;
+            fm.render();
+          },
+        };
+      });
+      local.render();
+    }
+  };
+  useEffect(() => {
+    try {
+      const col = typeof column === "function" ? column() : column;
+      if (Array.isArray(col) && col?.length) {
+        const dateIndices = Array.isArray(col)
+          ? col
+              .map((e, index) => (e.type === "date" ? index : -1))
+              .filter((index) => index !== -1)
+          : [];
+        const result: FieldFilterProps[] = col
+          .filter(
+            (e, index) =>
+              e.filter !== false &&
+              (e.type !== "date" || dateIndices.includes(index))
+          ) // Hapus jika `false`
+          .map((e) => ({
+            nameFilter: e?.nameFilter,
+            placeholderFilter: e?.placeholderFilter,
+            name:
+              Array.isArray(e?.nameFilter) && e?.nameFilter?.length
+                ? e.nameFilter[0]
+                : typeof e?.nameFilter === "string"
+                ? e.nameFilter
+                : e?.name,
+            label:
+              e?.labelFilter && typeof e?.labelFilter === "string"
+                ? e.labelFilter // Default null jika tidak ada label
+                : e?.header && typeof e?.header === "string"
+                ? e.header
+                : "", // Default null jika tidak ada label
+            type:
+              typeof e.onLoadFilter === "function"
+                ? "dropdown-async"
+                : e.type === "file"
+                ? "text"
+                : e.type ?? "text", // Default null jika tidak ada type
+            onLoad: e.onLoadFilter, // Jika `undefined`, `null`, atau bukan boolean, default `true`
+            onValue: e?.onValue,
+            onLabel: e?.onLabel,
+            pagination: e?.pagination,
+            search: e?.search,
+          }));
+        console.log({ result });
+        local.fieldFilter = result;
+        local.render();
+      }
+    } catch (ex) {}
+    const run = async () => {
+      toast.info(
+        <>
+          <Loader2
+            className={cx(
+              "h-4 w-4 animate-spin-important",
+              css`
+                animation: spin 1s linear infinite !important;
+                @keyframes spin {
+                  0% {
+                    transform: rotate(0deg);
+                  }
+                  100% {
+                    transform: rotate(360deg);
+                  }
+                }
+              `
+            )}
+          />
+          {"Loading..."}
+        </>,
+        {
+          duration: Infinity,
+        }
+      );
+      try {
+        try {
+          if (typeof onCount === "function") {
+            const params = await events("onload-param", {
+              take: 1,
+              paging: 1,
+              search: local.search,
+              ...local.filter,
+              ...local.fieldResultFilter,
+            });
+            const res = await onCount(params);
+            local.count = res;
+            local.render();
+          }
+        } catch (ex) {}
+        if (mode === "form") {
+          local.data = fm.data?.[name] || [];
+          cloneListFM(fm.data?.[name] || []);
+          local.render();
+          setData(fm.data?.[name] || []);
+        } else {
+          if (Array.isArray(onLoad)) {
+            local.data = onLoad;
+            cloneListFM(onLoad);
+            local.render();
+            setData(onLoad);
+          } else if (typeof onLoad === "function") {
+            let res: any = await onLoad({
+              search: local.search,
+              sort: local.sort,
+              take,
+              paging: 1,
+              ...local.filter,
+              ...local.fieldResultFilter,
+            });
+            if (!autoPagination) {
+              res = paginateArray(res, take, 1);
+            }
+            if (!local.count) {
+              local.count = res?.length;
+            }
+            local.data = res;
+            local.render();
+            setData(local.data);
+          } else {
+            let res: any[] = onLoad;
+            if (!autoPagination) {
+              res = paginateArray(res, take, 1);
+            }
+            local.data = res;
+            local.render();
+            setData(local.data);
+          }
+        }
+      } catch (ex) {}
+      setTimeout(() => {
+        toast.dismiss();
+      }, 100);
+    };
+    if (typeof onInit === "function") {
+      onInit(local);
+    }
+    run();
+  }, []);
+  const cols = typeof column === "function" ? column() : column;
+  const defaultColumns: ColumnDef<Person>[] = init_column(cols);
+  const [sorting, setSorting] = React.useState<SortingState>([]);
+  const [columns] = React.useState<typeof defaultColumns>(() =>
+    checkbox
+      ? [
+          {
+            id: "select",
+            width: 10,
+            header: ({ table }) => {
+              return (
+                <Checkbox
+                  id="terms"
+                  className="text-primary bg-white data-[state=checked]:bg-white data-[state=checked]:text-primary"
+                  checked={table.getIsAllRowsSelected()}
+                  onClick={(e) => {
+                    table.getToggleAllRowsSelectedHandler();
+                    const handler = table.getToggleAllRowsSelectedHandler();
+                    handler(e); // Pastikan ini memanggil fungsi handler yang benar
+                    local.selection.all = !local.selection.all;
+                    local.render();
+                    setTimeout(() => {
+                      if (!table.getIsAllRowsSelected()) {
+                        local.selection.all = false;
+                        local.selection.partial = [];
+                        local.selection.data = [];
+                        local.render();
+                      } else {
+                        local.selection.partial = local.data.map((e) => e?.id);
+                        local.selection.data = local.data;
+                        local.render();
+                      }
+                    }, 25);
+                  }}
+                />
+              );
+            },
+            cell: ({ row }) => {
+              const findCheck = (row: any) => {
+                if (row.getIsSelected()) return true;
+                const data: any = row.original;
+                const res = local.selection.partial.find((e) => e === data?.id);
+                return res ? true : false;
+              };
+              return (
+                <div className="px-0.5 items-center justify-center flex flex-row">
+                  <Checkbox
+                    id="terms"
+                    className="border border-primary"
+                    checked={findCheck(row)}
+                    onClick={(e) => {
+                      const handler = row.getToggleSelectedHandler();
+                      handler(e); // Pastikan ini memanggil fungsi handler yang benar
+                      const data: any = row.original;
+                      const checked = local.selection.all
+                        ? true
+                        : local.selection.partial.find((e) => e === data?.id);
+                      if (!checked) {
+                        local.selection.partial.push(data?.id);
+                        local.selection.data.push(data);
+                      } else {
+                        if (
+                          local.selection.partial.find((e) => e === data?.id)
+                        ) {
+                          local.selection.partial =
+                            local.selection.partial.filter(
+                              (e: any) => e !== data?.id
+                            );
+                          local.selection.data = local.selection.data.filter(
+                            (e: any) => e?.id !== data?.id
+                          );
+                        }
+                        local.selection.all = false;
+                      }
+                      local.render();
+                    }}
+                  />
+                </div>
+              );
+            },
+            sortable: false,
+          },
+          ...defaultColumns,
+        ]
+      : [...defaultColumns]
+  );
+
+  const [columnResizeMode, setColumnResizeMode] =
+    React.useState<ColumnResizeMode>("onChange");
+
+  const [columnResizeDirection, setColumnResizeDirection] =
+    React.useState<ColumnResizeDirection>("ltr");
+  // Create the table and pass your options
+  useEffect(() => {
+    setData(local.data);
+  }, [local.data.length]);
+  const paginationConfig = disabledPagination
+    ? {}
+    : {
+        getPaginationRowModel: getPaginationRowModel(),
+      };
+  const [pagination, setPagination] = React.useState({
+    pageIndex: 0,
+    pageSize: take,
+  });
+  const table = useReactTable({
+    data: data,
+    columnResizeMode,
+    pageCount: Math.ceil(local.count / take),
+    manualPagination: true,
+    columnResizeDirection,
+    columns,
+    enableRowSelection: true,
+    getCoreRowModel: getCoreRowModel(),
+    getSortedRowModel: getSortedRowModel(),
+    onSortingChange: setSorting,
+    initialState: {
+      pagination: {
+        pageIndex: 0,
+        pageSize: take, //custom default page size
+      },
+    },
+    state: {
+      pagination,
+      sorting,
+    },
+    ...paginationConfig,
+  });
+  local.table = table;
+
+  // Manage your own state
+  const [state, setState] = React.useState(table.initialState);
+
+  // Override the state managers for the table to your own
+  table.setOptions((prev) => ({
+    ...prev,
+    state,
+    onStateChange: setState,
+    debugTable: state.pagination.pageIndex > 2,
+  }));
+  return (
+    <>
+      <div className="tbl-wrapper flex flex-grow flex-col">
+        {!disabledHeader ? (
+          <div className="head-tbl-list block items-start justify-between  flex-col gap-y-2 md:flex-row px-4 py-4 sm:flex">
+            <div className="flex flex-row items-end">
+              <div className="sm:flex flex flex-col space-y-2">
+                <div className="flex">
+                  {sideLeft ? (
+                    sideLeft(local)
+                  ) : (
+                    <>
+                      <Link href={"/new"}>
+                        <Button className="bg-primary">
+                          <div className="flex items-center gap-x-0.5">
+                            <IconPlus className="text-xl" />
+                            <span className="capitalize">Add {name}</span>
+                          </div>
+                        </Button>
+                      </Link>
+                    </>
+                  )}
+                </div>
+              </div>
+            </div>
+
+            <div className="pt-2 md:pt-0 ml-auto flex items-center flex-row gap-x-1">
+              <div className="tbl-search  items-center sm:mb-0 sm:flex sm:divide-x sm:divide-gray-100 flex-grow md:flex-grow-0">
+                <div
+                  onSubmit={async (e) => {
+                    e.preventDefault();
+                    await local.reload();
+                  }}
+                >
+                  <div className="relative  lg:w-56">
+                    <InputSearch
+                      id="users-search"
+                      delay={1000}
+                      name="users-search"
+                      placeholder={`Search`}
+                      onChange={(e) => {
+                        const value = e.target.value;
+                        local.search = value;
+                        local.render();
+                        local.refresh();
+                      }}
+                    />
+                  </div>
+                </div>
+              </div>
+              {mode === "table" && filter && local?.fieldFilter?.length ? (
+                <div className="flex flex-row items-center">
+                  <Popover
+                    classNameTrigger={""}
+                    arrow={show}
+                    className="rounded-md"
+                    onOpenChange={(open: any) => {
+                      setShow(open);
+                    }}
+                    open={show}
+                    content={
+                      <div className="flex flex-col p-4 w-80 gap-y-1 overflow-y-scroll max-h-96">
+                        {/* <div className="text-md font-semibold">Filter</div> */}
+
+                        <Form
+                          toastMessage="Filter"
+                          onSubmit={async (fm: any) => {
+                            local.fieldResultFilter = fm?.data;
+                            local.render();
+                            local.refresh();
+                            setShow(false);
+                          }}
+                          onLoad={async () => {
+                            return { ...local.fieldResultFilter };
+                          }}
+                          showResize={false}
+                          header={(fm: any) => {
+                            return <></>;
+                          }}
+                          children={(fm: any) => {
+                            return (
+                              <>
+                                <div
+                                  className={cx(
+                                    "flex flex-col flex-wrap  rounded-sm"
+                                  )}
+                                >
+                                  <div className="flex-grow grid gap-y-2">
+                                    {local.fieldFilter?.map((e, idx) => {
+                                      if (e?.type === "date") {
+                                        const fm_row = {
+                                          data: fm?.data?.[e?.name],
+                                          ...fm,
+                                          render: () => {
+                                            fm.render();
+                                            fm.data[e?.name] = fm_row.data;
+                                            fm.render();
+                                          },
+                                        };
+                                        return (
+                                          <div
+                                            key={`field-filter-${idx}`}
+                                            className=" grid grid-cols-2 gap-2"
+                                          >
+                                            <Field
+                                              fm={fm}
+                                              name={
+                                                e?.nameFilter?.[0] ||
+                                                "start_date"
+                                              }
+                                              label={e?.label}
+                                              type={"date"}
+                                              placeholder={
+                                                e?.placeholderFilter?.[0] ||
+                                                "Form"
+                                              }
+                                            />
+                                            <Field
+                                              fm={fm}
+                                              name={
+                                                e?.nameFilter?.[1] || "end_date"
+                                              }
+                                              label={e?.label}
+                                              type={"date"}
+                                              placeholder={
+                                                e?.placeholderFilter?.[1] ||
+                                                "To"
+                                              }
+                                              visibleLabel={true}
+                                            />
+                                          </div>
+                                        );
+                                      }
+                                      return (
+                                        <div key={`field-filter-${idx}`}>
+                                          <Field
+                                            fm={fm}
+                                            label={e?.label}
+                                            type={e?.type}
+                                            placeholder={`Search${
+                                              e?.label ? ` ${e?.label}` : "..."
+                                            }`}
+                                            {...e}
+                                          />
+                                        </div>
+                                      );
+                                    })}
+                                  </div>
+                                  <div className="flex flex-row items-center justify-end py-2 w-full gap-x-2">
+                                    <ButtonBetter
+                                      className="rounded-full w-full px-6 "
+                                      variant={"outline"}
+                                      onClick={(e) => {
+                                        e.preventDefault();
+                                        e.stopPropagation();
+                                        fm.data = {};
+                                        fm.render();
+                                        fm.submit();
+                                      }}
+                                    >
+                                      Clear
+                                    </ButtonBetter>
+                                    <ButtonBetter className="rounded-full w-full px-6 ">
+                                      Apply
+                                    </ButtonBetter>
+                                  </div>
+                                </div>
+                              </>
+                            );
+                          }}
+                        />
+                      </div>
+                    }
+                  >
+                    <ButtonContainer
+                      onClick={() => {
+                        setShow(true);
+                      }}
+                    >
+                      <IconFilter />
+                    </ButtonContainer>
+                  </Popover>
+                </div>
+              ) : (
+                <></>
+              )}
+
+              <div className="flex">{sideRight ? sideRight(local) : <></>}</div>
+            </div>
+          </div>
+        ) : (
+          <></>
+        )}
+
+        <div className="flex flex-col flex-grow">
+          <div className="overflow-auto relative flex-grow flex-row">
+            <div className="tablelist absolute top-0 left-0 inline-block flex-grow w-full h-full align-middle">
+              <div className="relative">
+                <Table
+                  className={cx(
+                    "min-w-full divide-y divide-gray-200 table-bg",
+                    css`
+                      // thead th:first-child {
+                      //   overflow: hidden;
+                      //   border-top-left-radius: 10px; /* Sudut kiri atas */
+                      //   border-bottom-left-radius: 10px;
+                      // }
+                      // thead th:last-child {
+                      //   overflow: hidden;
+                      //   border-top-right-radius: 10px; /* Sudut kiri atas */
+                      //   border-bottom-right-radius: 10px;
+                      // }
+                      // tbody td:first-child {
+                      //   overflow: hidden;
+                      //   border-top-left-radius: 10px; /* Sudut kiri atas */
+                      //   border-bottom-left-radius: 10px;
+                      // }
+                      // tbody td:last-child {
+                      //   overflow: hidden;
+                      //   border-top-right-radius: 10px; /* Sudut kiri atas */
+                      //   border-bottom-right-radius: 10px;
+                      // }
+                    `,
+                    checkbox &&
+                      css`
+                        .table-header-tbl > th:first-child {
+                          width: 20px !important; /* Atur lebar sesuai kebutuhan */
+                          text-align: center;
+                          min-width: 40px;
+                          max-width: 40px;
+                        }
+                        .table-row-element > td:first-child {
+                          width: 20px !important; /* Atur lebar sesuai kebutuhan */
+                          text-align: center;
+                          min-width: 40px;
+                          max-width: 40px;
+                        }
+                      `
+                  )}
+                >
+                  {!disabledHeadTable ? (
+                    <thead
+                      className={cx(
+                        "table-head-list  overflow-hidden text-md bg-primary text-white group/head text-md uppercase sticky top-0",
+                        css`
+                          z-index: 1;
+                        `
+                      )}
+                    >
+                      {table.getHeaderGroups().map((headerGroup) => (
+                        <tr
+                          key={`${headerGroup.id}`}
+                          className={"table-header-tbl"}
+                        >
+                          {headerGroup.headers.map((header, index) => {
+                            const name = header.column.id;
+                            const col = cols.find((e: any) => e?.name === name);
+                            const isSort =
+                              name === "select"
+                                ? false
+                                : typeof col?.sortable === "boolean"
+                                ? col.sortable
+                                : true;
+                            const resize =
+                              name === "select"
+                                ? false
+                                : typeof col?.resize === "boolean"
+                                ? col.resize
+                                : true;
+                            return (
+                              <th
+                                {...{
+                                  style: {
+                                    width: !resize
+                                      ? `${col?.width}px`
+                                      : name === "select"
+                                      ? `${5}px`
+                                      : col?.width
+                                      ? header.getSize() < col?.width
+                                        ? `${col.width}px`
+                                        : header.getSize()
+                                      : header.getSize(),
+                                  },
+                                }}
+                                key={header.id}
+                                colSpan={header.colSpan}
+                                className={cx(
+                                  "relative px-2 py-2 text-sm py-1 uppercase",
+                                  name === "select" &&
+                                    css`
+                                      max-width: 5px;
+                                    `
+                                )}
+                              >
+                                <div
+                                  key={`${header.id}-label`}
+                                  {...{
+                                    style: col?.width
+                                      ? {
+                                          minWidth: `${col.width}px`,
+                                        }
+                                      : {},
+                                  }}
+                                  onClick={() => {
+                                    if (isSort) {
+                                      const sort = local?.sort?.[name];
+                                      const mode =
+                                        sort === "desc"
+                                          ? null
+                                          : sort === "asc"
+                                          ? "desc"
+                                          : "asc";
+                                      local.sort = mode
+                                        ? {
+                                            [name]: mode,
+                                          }
+                                        : {};
+                                      local.render();
+
+                                      local.reload();
+                                    }
+                                  }}
+                                  className={cx(
+                                    "flex flex-grow flex-row  flex-grow select-none items-center flex-row text-base text-nowrap",
+                                    isSort ? " cursor-pointer" : ""
+                                  )}
+                                >
+                                  <div
+                                    className={cx(
+                                      "flex flex-row items-center flex-grow text-sm  capitalize",
+                                      name === "select" ? "justify-center" : ""
+                                    )}
+                                  >
+                                    {header.isPlaceholder
+                                      ? null
+                                      : flexRender(
+                                          header.column.columnDef.header,
+                                          header.getContext()
+                                        )}
+                                  </div>
+                                  {isSort ? (
+                                    <div className="flex flex-col items-center">
+                                      {local?.sort?.[name] ? (
+                                        <>
+                                          {local?.sort?.[name] === "asc" ? (
+                                            <IconCaretUpFilled
+                                              className={cx(
+                                                "text-xs",
+                                                local?.sort?.[name] === "asc"
+                                                  ? "text-white"
+                                                  : "text-primary"
+                                              )}
+                                            />
+                                          ) : (
+                                            <IconCaretDownFilled
+                                              className={cx(
+                                                "text-xs",
+                                                local?.sort?.[name] === "desc"
+                                                  ? "text-white"
+                                                  : "text-primary"
+                                              )}
+                                            />
+                                          )}
+                                        </>
+                                      ) : (
+                                        <IconCaretUpDownFilled className=" text-xs text-white" />
+                                      )}
+                                    </div>
+                                  ) : (
+                                    <></>
+                                  )}
+                                </div>
+                                {resize &&
+                                headerGroup.headers.length !== index + 1 ? (
+                                  <div
+                                    key={`${header.id}-resizer`} // Tambahkan key unik
+                                    {...{
+                                      onDoubleClick: () =>
+                                        header.column.resetSize(),
+                                      onMouseDown: header.getResizeHandler(),
+                                      onTouchStart: header.getResizeHandler(),
+                                      className: cx(
+                                        `resizer hover:bg-second cursor-e-resize	 ${
+                                          table.options.columnResizeDirection
+                                        } ${
+                                          header.column.getIsResizing()
+                                            ? "isResizing bg-second"
+                                            : "  bg-primary"
+                                        }`,
+                                        css`
+                                          width: 5px;
+                                          cursor: e-resize !important;
+                                        `
+                                      ),
+                                      style: {
+                                        transform:
+                                          columnResizeMode === "onEnd" &&
+                                          header.column.getIsResizing()
+                                            ? `translateX(${
+                                                (table.options
+                                                  .columnResizeDirection ===
+                                                "rtl"
+                                                  ? -1
+                                                  : 1) *
+                                                (table.getState()
+                                                  .columnSizingInfo
+                                                  .deltaOffset ?? 0)
+                                              }px)`
+                                            : "",
+                                      },
+                                    }}
+                                  ></div>
+                                ) : null}
+                              </th>
+                            );
+                          })}
+                        </tr>
+                      ))}
+                    </thead>
+                  ) : (
+                    <></>
+                  )}
+
+                  <TableBody className="divide-y border-none ">
+                    {table.getRowModel().rows.map((row, idx) => {
+                      const fm_row =
+                        mode === "form" ? local.dataForm?.[idx] : null;
+                      return (
+                        <TableRow
+                          key={row.id}
+                          className={cx(
+                            disabledHoverRow ? "" : "hover:bg-gray-100",
+                            css`
+                              height: 44px;
+                              > td {
+                                vertical-align: ${align};
+                              }
+                            `,
+                            "border-none ",
+                            style === "UI" ? "even:bg-linear-blue " : ""
+                          )}
+                        >
+                          {row.getVisibleCells().map((cell: any) => {
+                            const ctx = cell.getContext();
+                            const param = {
+                              row: row.original,
+                              name: get(ctx, "column.columnDef.accessorKey"),
+                              cell,
+                              idx,
+                              tbl: local,
+                              fm_row: fm_row,
+                              onChange,
+                              render: () => {
+                                local.render();
+                                setData(local.data);
+                              },
+                            };
+                            const head = cols.find(
+                              (e: any) =>
+                                e?.name ===
+                                get(ctx, "column.columnDef.accessorKey")
+                            );
+                            const renderData =
+                              typeof head?.renderCell === "function"
+                                ? head.renderCell(param)
+                                : flexRender(
+                                    cell.column.columnDef.cell,
+                                    cell.getContext()
+                                  );
+                            return (
+                              <TableCell
+                                className={cx(
+                                  "text-md px-2  py-1  whitespace-nowrap text-gray-900 items-start",
+                                  name === "select"
+                                    ? css`
+                                        width: 5px;
+                                      `
+                                    : ``
+                                )}
+                                key={cell.id}
+                              >
+                                {renderData}
+                              </TableCell>
+                            );
+                          })}
+                        </TableRow>
+                      );
+                    })}
+                  </TableBody>
+                </Table>
+              </div>
+            </div>
+            {!hiddenNoRow && !table.getRowModel().rows?.length && (
+              <div
+                className={cx(
+                  "flex-1 w-full absolute inset-0 flex flex-col items-center justify-center",
+                  css`
+                    top: 50%;
+                    transform: translateY(-50%);
+                  `
+                )}
+              >
+                <div className="max-w-[15%] flex flex-col items-center">
+                  <Sticker size={35} strokeWidth={1} />
+                  <div className="pt-1 text-center">No&nbsp;Data</div>
+                </div>
+              </div>
+            )}
+          </div>
+        </div>
+        <Pagination
+          list={local}
+          count={local.count}
+          onNextPage={() => {
+            table.nextPage();
+            local.paging = local.paging + 1;
+            local.render();
+            local.reload();
+          }}
+          onPrevPage={() => {
+            table.previousPage();
+            local.paging = local.paging - 1;
+            local.render();
+            local.reload();
+          }}
+          disabledNextPage={!table.getCanNextPage()}
+          disabledPrevPage={!table.getCanPreviousPage()}
+          page={local.paging}
+          setPage={(page: any) => {
+            setPagination({
+              pageIndex: page,
+              pageSize: take,
+            });
+            local.paging = page;
+            local.render();
+            local.reload();
+          }}
+          countPage={table.getPageCount()}
+          countData={local.data.length}
+          take={take}
+          onChangePage={(page: number) => {
+            table.setPageIndex(page);
+          }}
+        />
+      </div>
+    </>
+  );
+};
+
+export const Pagination: React.FC<any> = ({
+  onNextPage,
+  onPrevPage,
+  disabledNextPage,
+  disabledPrevPage,
+  page,
+  count,
+  list,
+  setPage,
+  onChangePage,
+}) => {
+  const local = useLocal({
+    page: 1 as any,
+    pagination: [] as any,
+  });
+  useEffect(() => {
+    local.page = page;
+    local.pagination = getPagination(page, Math.ceil(count / 20));
+    local.render();
+  }, [page, count]);
+  return (
+    <div className=" border-t border-gray-300 p-2 tbl-pagination sticky text-sm bottom-0 right-0 w-full grid grid-cols-3 gap-4 justify-end text-sm ">
+      <div className="flex flex-row items-center text-gray-600">
+        Showing {local.page * 20 - 19} to{" "}
+        {list.data?.length >= 20
+          ? local.page * 20
+          : local.page === 1 && Math.ceil(count / 20) === 1
+          ? list.data?.length
+          : local.page * 20 - 19 + list.data?.length}{" "}
+        of {formatMoney(getNumber(count))} results
+      </div>
+      <div className="flex flex-row justify-center">
+        <div>
+          <nav
+            className="isolate inline-flex -space-x-px flex flex-row items-center gap-x-2"
+            aria-label="Pagination"
+          >
+            {local.pagination.map((e: any, idx: number) => {
+              return (
+                <div
+                  key={"page_" + idx}
+                  onClick={() => {
+                    if (e?.label !== "...") {
+                      local.page = getNumber(e?.label);
+                      local.render();
+                      onChangePage(local.page);
+                      setPage(local.page);
+                      list.reload();
+                    }
+                  }}
+                  className={cx(
+                    "text-sm px-2 py-1",
+                    e.active
+                      ? "relative z-10 inline-flex items-center bg-primary font-semibold text-white rounded-md"
+                      : e?.label === "..."
+                      ? "relative z-10 inline-flex items-center  font-semibold text-gray-800 rounded-md"
+                      : "cursor-pointer relative z-10 inline-flex items-center hover:bg-gray-100 font-semibold text-gray-800 rounded-md"
+                  )}
+                >
+                  {e?.label}
+                </div>
+              );
+            })}
+          </nav>
+        </div>
+      </div>
+      <div className="flex flex-row items-center justify-end">
+        <div className="flex items-center  flex-row gap-x-2 sm:mb-0 text-sm">
+          <div
+            onClick={() => {
+              if (!disabledPrevPage) {
+                onPrevPage();
+              }
+            }}
+            className={cx(
+              "flex flex-row items-center gap-x-2  justify-center rounded p-1 ",
+              disabledPrevPage
+                ? "text-gray-200 border-gray-200 border px-2"
+                : "cursor-pointer text-gray-500 hover:bg-gray-100 hover:text-gray-900  border-gray-500 border px-2"
+            )}
+          >
+            <IconChevronLeft className="text-sm" />
+            {/* <span>Previous</span> */}
+          </div>
+          <div
+            onClick={() => {
+              if (!disabledNextPage) {
+                onNextPage();
+              }
+            }}
+            className={cx(
+              "flex flex-row items-center gap-x-2  justify-center rounded p-1 ",
+              disabledNextPage
+                ? "text-gray-200 border-gray-200 border px-2"
+                : "cursor-pointer text-gray-500 hover:bg-gray-100 hover:text-gray-900  border-gray-500 border px-2"
+            )}
+          >
+            {/* <span>Next</span> */}
+            <IconChevronRight className="text-sm" />
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+export const PaginationPage: React.FC<any> = ({
+  onNextPage,
+  onPrevPage,
+  disabledNextPage,
+  disabledPrevPage,
+  page,
+  count,
+  list,
+  take,
+  setPage,
+  onChangePage,
+}) => {
+  const local = useLocal({
+    page: 1 as any,
+    pagination: [] as any,
+  });
+  useEffect(() => {
+    local.page = page;
+    local.pagination = getPagination(page, Math.ceil(count / take));
+    local.render();
+  }, [page, count]);
+  return (
+    <div className=" tbl-pagination  text-sm bottom-0 right-0 w-full grid grid-cols-1 gap-4 justify-center text-sm   pt-2">
+      <div className="flex flex-row items-center justify-center">
+        <div className="flex items-center  flex-row gap-x-2 sm:mb-0 text-sm">
+          <div
+            onClick={() => {
+              if (!disabledPrevPage) {
+                onPrevPage();
+              }
+            }}
+            className={cx(
+              "flex flex-row items-center gap-x-2  justify-center rounded-full p-2 text-md",
+              disabledPrevPage
+                ? "text-gray-200 border-gray-200 border "
+                : "cursor-pointer text-gray-500 hover:bg-gray-100 hover:text-gray-900  border-gray-500 border "
+            )}
+          >
+            <IconChevronLeft />
+          </div>
+          <div className="flex flex-row justify-center">
+            <div>
+              <nav
+                className="isolate inline-flex -space-x-px flex flex-row items-center gap-x-2"
+                aria-label="Pagination"
+              >
+                {local.pagination.map((e: any, idx: number) => {
+                  return (
+                    <div
+                      key={"page_" + idx}
+                      onClick={() => {
+                        if (e?.label !== "...") {
+                          local.page = getNumber(e?.label);
+                          local.render();
+                          onChangePage(local.page);
+                          setPage(local.page);
+                        }
+                      }}
+                      className={cx(
+                        "text-md px-2.5 py-1",
+                        e.active
+                          ? "relative z-10 inline-flex items-center bg-primary font-semibold text-white rounded-full"
+                          : e?.label === "..."
+                          ? "relative z-10 inline-flex items-center  font-semibold text-gray-800 rounded-full"
+                          : "cursor-pointer relative z-10 inline-flex items-center hover:bg-gray-100 font-semibold text-gray-800 rounded-full"
+                      )}
+                    >
+                      {e?.label}
+                    </div>
+                  );
+                })}
+              </nav>
+            </div>
+          </div>
+          <div
+            onClick={() => {
+              if (!disabledNextPage) {
+                onNextPage();
+              }
+            }}
+            className={cx(
+              "flex flex-row items-center gap-x-2   justify-center rounded-full p-2 ",
+              disabledNextPage
+                ? "text-gray-200 border-gray-200 border"
+                : "cursor-pointer text-gray-500 hover:bg-gray-100 hover:text-gray-900  border-gray-500 border "
+            )}
+          >
+            <IconChevronRight className="text-md" />
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+const getPagination = (currentPage: number, totalPages: number) => {
+  const pagination: { label: string; active: boolean }[] = [];
+  const maxVisible = 5; // Jumlah maksimal elemen yang ditampilkan
+  const halfRange = Math.floor((maxVisible - 3) / 2);
+
+  if (totalPages <= maxVisible) {
+    // Jika total halaman lebih kecil dari batas, tampilkan semua halaman
+    for (let i = 1; i <= totalPages; i++) {
+      pagination.push({ label: i.toString(), active: i === currentPage });
+    }
+  } else {
+    pagination.push({ label: "1", active: currentPage === 1 }); // Halaman pertama selalu ada
+
+    if (currentPage > halfRange + 2) {
+      pagination.push({ label: "...", active: false }); // Awal titik-titik
+    }
+
+    const startPage = Math.max(2, currentPage - halfRange);
+    const endPage = Math.min(totalPages - 1, currentPage + halfRange);
+
+    for (let i = startPage; i <= endPage; i++) {
+      pagination.push({ label: i.toString(), active: i === currentPage });
+    }
+
+    if (currentPage < totalPages - halfRange - 1) {
+      pagination.push({ label: "...", active: false }); // Akhir titik-titik
+    }
+
+    pagination.push({
+      label: totalPages.toString(),
+      active: currentPage === totalPages,
+    }); // Halaman terakhir selalu ada
+  }
+
+  return pagination;
+};
+
+function paginateArray(array: any[], take: number, paging: number) {
+  if (!Array.isArray(array) || !array?.length) {
+    return [];
+  }
+  const startIndex = (paging - 1) * take;
+  const endIndex = startIndex + take;
+  return array.slice(startIndex, endIndex);
+}
diff --git a/src/components/tablelist/TableListBetter.tsx b/src/components/tablelist/TableListBetter.tsx
new file mode 100644
index 0000000..a8723d2
--- /dev/null
+++ b/src/components/tablelist/TableListBetter.tsx
@@ -0,0 +1,995 @@
+"use client";
+import {
+  ColumnDef,
+  ColumnResizeDirection,
+  ColumnResizeMode,
+  flexRender,
+  getCoreRowModel,
+  getPaginationRowModel,
+  getSortedRowModel,
+  SortingState,
+  useReactTable,
+} from "@tanstack/react-table";
+import React, { useCallback, useEffect, useState } from "react";
+import {
+  IconCaretUpDownFilled,
+  IconCaretUpFilled,
+  IconCaretDownFilled as IconCaretDown,
+  IconPlus,
+  IconChevronLeft,
+  IconChevronRight,
+} from "@tabler/icons-react";
+import { useLocal } from "@/lib/utils/use-local";
+import { debouncedHandler } from "@/lib/utils/debounceHandler";
+import Link from "next/link";
+import { init_column } from "./lib/column";
+import { toast } from "sonner";
+import { Loader2, Sticker } from "lucide-react";
+import { Button } from "../ui/button";
+import { Table, TableBody, TableCell, TableRow } from "../ui/table";
+import { Label } from "../ui/label";
+import { InputSearch } from "../ui/input-search";
+import get from "lodash.get";
+import { Checkbox } from "../ui/checkbox";
+import { getNumber } from "@/lib/utils/getNumber";
+import { formatMoney } from "@/components/form/field/TypeInput";
+
+export const TableListBetter: React.FC<any> = ({
+  name,
+  column,
+  align = "center",
+  onLoad,
+  take = 20,
+  header,
+  disabledPagination,
+  disabledHeader,
+  disabledHeadTable,
+  hiddenNoRow,
+  disabledHoverRow,
+  onInit,
+  onCount,
+  fm,
+  mode,
+  feature,
+  onChange,
+}) => {
+  const [data, setData] = useState<any[]>([]);
+  const sideLeft =
+    typeof header?.sideLeft === "function" ? header.sideLeft : null;
+  const sideRight =
+    typeof header?.sideRight === "function" ? header.sideRight : null;
+  type Person = {
+    firstName: string;
+    lastName: string;
+    age: number;
+    visits: number;
+    status: string;
+    progress: number;
+  };
+  const checkbox =
+    Array.isArray(feature) && feature?.length
+      ? feature.includes("checkbox")
+      : false;
+
+  const local = useLocal({
+    table: null as any,
+    data: [] as any[],
+    dataForm: [] as any[],
+    listData: [] as any[],
+    sort: {} as any,
+    search: null as any,
+    count: 0 as any,
+    addRow: (row: any) => {
+      setData((prev) => [...prev, row]);
+      local.data.push(row);
+      local.render();
+    },
+    selection: {
+      all: false,
+      partial: [] as any[],
+    },
+    renderRow: (row: any) => {
+      setData((prev) => [...prev, row]);
+      local.data = data;
+      local.render();
+    },
+    removeRow: (row: any) => {
+      setData((prev) => prev.filter((item) => item !== row)); // Update state lokal
+      local.data = local.data.filter((item: any) => item !== row); // Hapus row dari local.data
+      local.render(); // Panggil render untuk memperbarui UI
+    },
+    reload: async () => {
+      toast.info(
+        <>
+          <Loader2
+            className={cx(
+              "h-4 w-4 animate-spin-important",
+              css`
+                animation: spin 1s linear infinite !important;
+                @keyframes spin {
+                  0% {
+                    transform: rotate(0deg);
+                  }
+                  100% {
+                    transform: rotate(360deg);
+                  }
+                }
+              `
+            )}
+          />
+          {"Loading..."}
+        </>,
+        {
+          duration: Infinity,
+        }
+      );
+      try {
+        if (Array.isArray(onLoad)) {
+          local.data = onLoad;
+          local.render();
+          setData(onLoad);
+          setTimeout(() => {
+            toast.dismiss();
+          }, 100);
+        } else {
+          const res: any = onLoad({
+            search: local.search,
+            sort: local.sort,
+            take,
+            paging: 1,
+          });
+          if (res instanceof Promise) {
+            res.then((e) => {
+              local.data = e;
+              cloneListFM(e);
+              local.render();
+              setData(e);
+              setTimeout(() => {
+                toast.dismiss();
+              }, 100);
+            });
+          } else {
+            local.data = res;
+            cloneListFM(res);
+            local.render();
+            setData(res);
+            setTimeout(() => {
+              toast.dismiss();
+            }, 100);
+          }
+        }
+      } catch (ex: any) {
+        console.error(get(ex, "response.data.meta.message") || ex.message);
+      }
+      setTimeout(() => {
+        toast.dismiss();
+      }, 100);
+    },
+  });
+  const cloneListFM = (data: any[]) => {
+    if (mode === "form") {
+      local.dataForm = data;
+      local.render();
+    }
+  };
+  useEffect(() => {
+    const run = async () => {
+      toast.info(
+        <>
+          <Loader2
+            className={cx(
+              "h-4 w-4 animate-spin-important",
+              css`
+                animation: spin 1s linear infinite !important;
+                @keyframes spin {
+                  0% {
+                    transform: rotate(0deg);
+                  }
+                  100% {
+                    transform: rotate(360deg);
+                  }
+                }
+              `
+            )}
+          />
+          {"Loading..."}
+        </>,
+        {
+          duration: Infinity,
+        }
+      );
+      try {
+        if (typeof onCount === "function") {
+          const res = await onCount();
+          local.count = res;
+
+          local.render();
+        }
+
+        if (Array.isArray(onLoad)) {
+          local.data = onLoad;
+          cloneListFM(onLoad);
+          local.render();
+          setData(onLoad);
+          setTimeout(() => {
+            toast.dismiss();
+          }, 100);
+        } else {
+          const res: any = await onLoad({
+            search: local.search,
+            sort: local.sort,
+            take,
+            paging: 1,
+          });
+          local.data = res;
+          cloneListFM(res);
+          local.render();
+          setData(res);
+          setTimeout(() => {
+            toast.dismiss();
+          }, 100);
+        }
+      } catch (ex: any) {
+        console.error(get(ex, "response.data.meta.message") || ex.message);
+      }
+      setTimeout(() => {
+        toast.dismiss();
+      }, 100);
+    };
+    if (typeof onInit === "function") {
+      onInit(local);
+    }
+    run();
+  }, []);
+  const defaultColumns: ColumnDef<Person>[] = init_column(column);
+  const [sorting, setSorting] = React.useState<SortingState>([]);
+  const [columns] = React.useState<typeof defaultColumns>(() =>
+    checkbox
+      ? [
+          {
+            id: "select",
+            width: 10,
+            header: ({ table }) => (
+              <Checkbox
+                id="terms"
+                checked={table.getIsAllRowsSelected()}
+                onClick={(e) => {
+                  table.getToggleAllRowsSelectedHandler();
+                  const handler = table.getToggleAllRowsSelectedHandler();
+                  handler(e); // Pastikan ini memanggil fungsi handler yang benar
+                  local.selection.all = !local.selection.all;
+                  local.render();
+                }}
+              />
+            ),
+            cell: ({ row }) => {
+              const findCheck = (row: any) => {
+                if (row.getIsSelected()) return true;
+                const data: any = row.original;
+                const res = local.selection.partial.find((e) => e === data?.id);
+                return res ? true : false;
+              };
+              return (
+                <div className="px-0.5 items-center justify-center flex flex-row">
+                  <Checkbox
+                    id="terms"
+                    checked={findCheck(row)}
+                    onClick={(e) => {
+                      const handler = row.getToggleSelectedHandler();
+                      handler(e); // Pastikan ini memanggil fungsi handler yang benar
+                      const data: any = row.original;
+                      const checked = local.selection.all
+                        ? true
+                        : local.selection.partial.find((e) => e === data?.id);
+                      if (!checked) {
+                        local.selection.partial.push(data?.id);
+                      } else {
+                        if (
+                          local.selection.partial.find((e) => e === data?.id)
+                        ) {
+                          local.selection.partial =
+                            local.selection.partial.filter(
+                              (e: any) => e !== data?.id
+                            );
+                        }
+                        local.selection.all = false;
+                      }
+                      local.render();
+                    }}
+                  />
+                </div>
+              );
+            },
+            sortable: false,
+          },
+          ...defaultColumns,
+        ]
+      : [...defaultColumns]
+  );
+  const [columnResizeMode, setColumnResizeMode] =
+    React.useState<ColumnResizeMode>("onChange");
+
+  const [columnResizeDirection, setColumnResizeDirection] =
+    React.useState<ColumnResizeDirection>("ltr");
+  // Create the table and pass your options
+  useEffect(() => {
+    setData(local.data);
+  }, [local.data.length]);
+  const paginationConfig = disabledPagination
+    ? {}
+    : {
+        getPaginationRowModel: getPaginationRowModel(),
+      };
+  const [pagination, setPagination] = React.useState({
+    pageIndex: 0,
+    pageSize: 20,
+  });
+  const table = useReactTable({
+    data: data,
+    columnResizeMode,
+    pageCount: Math.ceil(local.count / 20),
+    manualPagination: true,
+    columnResizeDirection,
+    columns,
+    enableRowSelection: true,
+    getCoreRowModel: getCoreRowModel(),
+    getSortedRowModel: getSortedRowModel(),
+    onSortingChange: setSorting,
+    initialState: {
+      pagination: {
+        pageIndex: 0,
+        pageSize: 20, //custom default page size
+      },
+    },
+    state: {
+      pagination,
+      sorting,
+    },
+    ...paginationConfig,
+  });
+  local.table = table;
+
+  // Manage your own state
+  const [state, setState] = React.useState(table.initialState);
+
+  // Override the state managers for the table to your own
+  table.setOptions((prev) => ({
+    ...prev,
+    state,
+    onStateChange: setState,
+    debugTable: state.pagination.pageIndex > 2,
+  }));
+  const handleSearch = useCallback(
+    debouncedHandler(() => {
+      local.reload();
+    }, 1000),
+    []
+  );
+  return (
+    <>
+      <div className="tbl-wrapper flex flex-grow flex-col">
+        {!disabledHeader ? (
+          <div className="head-tbl-list block items-start justify-between   px-4 py-4 sm:flex">
+            <div className="flex flex-row items-end">
+              <div className="sm:flex flex flex-col space-y-2">
+                <div className="flex">
+                  {sideLeft ? (
+                    sideLeft(local)
+                  ) : (
+                    <>
+                      <Link href={"/new"}>
+                        <Button className="bg-primary">
+                          <div className="flex items-center gap-x-0.5">
+                            <IconPlus className="text-xl" />
+                            <span className="capitalize">Add {name}</span>
+                          </div>
+                        </Button>
+                      </Link>
+                    </>
+                  )}
+                </div>
+              </div>
+            </div>
+
+            <div className="ml-auto flex items-center flex-row">
+              <div className="tbl-search hidden items-center sm:mb-0 sm:flex sm:divide-x sm:divide-gray-100">
+                <form
+                  onSubmit={async (e) => {
+                    e.preventDefault();
+                    await local.reload();
+                  }}
+                >
+                  <Label htmlFor="users-search" className="sr-only">
+                    Search
+                  </Label>
+                  <div className="relative  lg:w-56">
+                    <InputSearch
+                      // className="bg-white search text-xs "
+                      id="users-search"
+                      name="users-search"
+                      placeholder={`Search`}
+                      onChange={(e) => {
+                        const value = e.target.value;
+                        local.search = value;
+                        local.render();
+                        handleSearch();
+                      }}
+                    />
+                  </div>
+                </form>
+              </div>
+              <div className="flex">{sideRight ? sideRight(local) : <></>}</div>
+            </div>
+          </div>
+        ) : (
+          <></>
+        )}
+
+        <div className="flex flex-col flex-grow">
+          <div className="container-table overflow-auto relative flex-grow flex-row">
+            <div className="tbl absolute top-0 left-0 inline-block flex-grow w-full h-full align-middle">
+              <div className="relative">
+                <Table
+                  className={cx(
+                    "min-w-full divide-y divide-gray-200 table-bg",
+                    css`
+                      // thead th:first-child {
+                      //   overflow: hidden;
+                      //   border-top-left-radius: 10px; /* Sudut kiri atas */
+                      //   border-bottom-left-radius: 10px;
+                      // }
+                      // thead th:last-child {
+                      //   overflow: hidden;
+                      //   border-top-right-radius: 10px; /* Sudut kiri atas */
+                      //   border-bottom-right-radius: 10px;
+                      // }
+                      // tbody td:first-child {
+                      //   overflow: hidden;
+                      //   border-top-left-radius: 10px; /* Sudut kiri atas */
+                      //   border-bottom-left-radius: 10px;
+                      // }
+                      // tbody td:last-child {
+                      //   overflow: hidden;
+                      //   border-top-right-radius: 10px; /* Sudut kiri atas */
+                      //   border-bottom-right-radius: 10px;
+                      // }
+                    `,
+                    checkbox &&
+                      css`
+                        .table-header-tbl > th:first-child {
+                          width: 20px !important; /* Atur lebar sesuai kebutuhan */
+                          text-align: center;
+                          min-width: 40px;
+                          max-width: 40px;
+                        }
+                        .table-row-element > td:first-child {
+                          width: 20px !important; /* Atur lebar sesuai kebutuhan */
+                          text-align: center;
+                          min-width: 40px;
+                          max-width: 40px;
+                        }
+                      `
+                  )}
+                >
+                  {!disabledHeadTable ? (
+                    <thead className="table-head-list  overflow-hidden text-md bg-primary text-white group/head text-md uppercase sticky top-0">
+                      {table.getHeaderGroups().map((headerGroup) => (
+                        <tr
+                          key={`${headerGroup.id}`}
+                          className={"table-header-tbl"}
+                        >
+                          {headerGroup.headers.map((header, index) => {
+                            const name = header.column.id;
+                            const col = column.find(
+                              (e: any) => e?.name === name
+                            );
+                            const isSort =
+                              name === "select"
+                                ? false
+                                : typeof col?.sortable === "boolean"
+                                ? col.sortable
+                                : true;
+                            const resize =
+                              name === "select"
+                                ? false
+                                : typeof col?.resize === "boolean"
+                                ? col.resize
+                                : true;
+                            return (
+                              <th
+                                {...{
+                                  style: {
+                                    width: !resize
+                                      ? `${col?.width}px`
+                                      : name === "select"
+                                      ? `${5}px`
+                                      : col?.width
+                                      ? header.getSize() < col?.width
+                                        ? `${col.width}px`
+                                        : header.getSize()
+                                      : header.getSize(),
+                                  },
+                                }}
+                                key={header.id}
+                                colSpan={header.colSpan}
+                                className={cx(
+                                  "relative px-2 py-2 text-sm py-1 uppercase",
+                                  name === "select" &&
+                                    css`
+                                      max-width: 5px;
+                                    `
+                                )}
+                              >
+                                <div
+                                  key={`${header.id}-label`}
+                                  {...{
+                                    style: col?.width
+                                      ? {
+                                          minWidth: `${col.width}px`,
+                                        }
+                                      : {},
+                                  }}
+                                  onClick={() => {
+                                    if (isSort) {
+                                      const sort = local?.sort?.[name];
+                                      const mode =
+                                        sort === "desc"
+                                          ? null
+                                          : sort === "asc"
+                                          ? "desc"
+                                          : "asc";
+                                      local.sort = mode
+                                        ? {
+                                            [name]: mode,
+                                          }
+                                        : {};
+                                      local.render();
+
+                                      local.reload();
+                                    }
+                                  }}
+                                  className={cx(
+                                    "flex flex-grow flex-row  flex-grow select-none items-center flex-row text-base text-nowrap",
+                                    isSort ? " cursor-pointer" : ""
+                                  )}
+                                >
+                                  <div
+                                    className={cx(
+                                      "flex flex-row items-center flex-grow text-sm  capitalize",
+                                      name === "select" ? "justify-center" : ""
+                                    )}
+                                  >
+                                    {header.isPlaceholder
+                                      ? null
+                                      : flexRender(
+                                          header.column.columnDef.header,
+                                          header.getContext()
+                                        )}
+                                  </div>
+                                  {isSort ? (
+                                    <div className="flex flex-col items-center">
+                                      {local?.sort?.[name] ? (
+                                        <>
+                                          {local?.sort?.[name] === "asc" ? (
+                                            <IconCaretUpFilled
+                                              className={cx(
+                                                "text-xs",
+                                                local?.sort?.[name] === "asc"
+                                                  ? "text-white"
+                                                  : "text-primary"
+                                              )}
+                                            />
+                                          ) : (
+                                            <IconCaretDown
+                                              className={cx(
+                                                "text-xs",
+                                                local?.sort?.[name] === "desc"
+                                                  ? "text-white"
+                                                  : "text-primary"
+                                              )}
+                                            />
+                                          )}
+                                        </>
+                                      ) : (
+                                        <IconCaretUpDownFilled className=" text-xs text-white" />
+                                      )}
+                                    </div>
+                                  ) : (
+                                    <></>
+                                  )}
+                                </div>
+                                {resize &&
+                                headerGroup.headers.length !== index + 1 ? (
+                                  <div
+                                    key={`${header.id}-resizer`} // Tambahkan key unik
+                                    {...{
+                                      onDoubleClick: () =>
+                                        header.column.resetSize(),
+                                      onMouseDown: header.getResizeHandler(),
+                                      onTouchStart: header.getResizeHandler(),
+                                      className: cx(
+                                        `resizer hover:bg-second cursor-e-resize	 ${
+                                          table.options.columnResizeDirection
+                                        } ${
+                                          header.column.getIsResizing()
+                                            ? "isResizing bg-second"
+                                            : "  bg-primary"
+                                        }`,
+                                        css`
+                                          width: 1px;
+                                          cursor: e-resize !important;
+                                        `
+                                      ),
+                                      style: {
+                                        transform:
+                                          columnResizeMode === "onEnd" &&
+                                          header.column.getIsResizing()
+                                            ? `translateX(${
+                                                (table.options
+                                                  .columnResizeDirection ===
+                                                "rtl"
+                                                  ? -1
+                                                  : 1) *
+                                                (table.getState()
+                                                  .columnSizingInfo
+                                                  .deltaOffset ?? 0)
+                                              }px)`
+                                            : "",
+                                      },
+                                    }}
+                                  ></div>
+                                ) : null}
+                              </th>
+                            );
+                          })}
+                        </tr>
+                      ))}
+                    </thead>
+                  ) : (
+                    <></>
+                  )}
+
+                  <TableBody className="divide-y border-none ">
+                    {table.getRowModel().rows.map((row, idx) => {
+                      const fm_row =
+                        mode === "form" ? local.dataForm?.[idx] : null;
+                      return (
+                        <TableRow
+                          key={row.id}
+                          className={cx(
+                            disabledHoverRow ? "" : "hover:bg-gray-100",
+                            css`
+                              height: 44px;
+                              > td {
+                                vertical-align: ${align};
+                              }
+                            `,
+                            "border-none even:bg-linear-blue "
+                          )}
+                        >
+                          {row.getVisibleCells().map((cell: any) => {
+                            const ctx = cell.getContext();
+                            const param = {
+                              row: row.original,
+                              name: get(ctx, "column.columnDef.accessorKey"),
+                              cell,
+                              idx,
+                              tbl: local,
+                              fm_row: fm_row,
+                              onChange,
+                            };
+                            const head = column.find(
+                              (e: any) =>
+                                e?.name ===
+                                get(ctx, "column.columnDef.accessorKey")
+                            );
+                            const renderData =
+                              typeof head?.renderCell === "function"
+                                ? head.renderCell(param)
+                                : flexRender(
+                                    cell.column.columnDef.cell,
+                                    cell.getContext()
+                                  );
+                            return (
+                              <TableCell
+                                className={cx(
+                                  "text-md px-2  py-1  whitespace-nowrap text-gray-900 items-start",
+                                  name === "select"
+                                    ? css`
+                                        width: 5px;
+                                      `
+                                    : ``
+                                )}
+                                key={cell.id}
+                              >
+                                {renderData}
+                              </TableCell>
+                            );
+                          })}
+                        </TableRow>
+                      );
+                    })}
+                  </TableBody>
+                </Table>
+              </div>
+            </div>
+            {!hiddenNoRow && !table.getRowModel().rows?.length && (
+              <div
+                className={cx(
+                  "flex-1 w-full absolute inset-0 flex flex-col items-center justify-center",
+                  css`
+                    top: 50%;
+                    transform: translateY(-50%);
+                  `
+                )}
+              >
+                <div className="max-w-[15%] flex flex-col items-center">
+                  <Sticker size={35} strokeWidth={1} />
+                  <div className="pt-1 text-center">No&nbsp;Data</div>
+                </div>
+              </div>
+            )}
+          </div>
+        </div>
+        <PaginationPage
+          list={local}
+          count={local.count}
+          onNextPage={() => table.nextPage()}
+          onPrevPage={() => table.previousPage()}
+          disabledNextPage={!table.getCanNextPage()}
+          disabledPrevPage={!table.getCanPreviousPage()}
+          page={table.getState().pagination.pageIndex + 1}
+          setPage={(page: any) => {
+            setPagination({
+              pageIndex: page,
+              pageSize: 20,
+            });
+          }}
+          countPage={table.getPageCount()}
+          countData={local.data.length}
+          take={take}
+          onChangePage={(page: number) => {
+            table.setPageIndex(page);
+          }}
+        />
+      </div>
+    </>
+  );
+};
+
+export const Pagination: React.FC<any> = ({
+  onNextPage,
+  onPrevPage,
+  disabledNextPage,
+  disabledPrevPage,
+  page,
+  count,
+  list,
+  setPage,
+  onChangePage,
+}) => {
+  const local = useLocal({
+    page: 1 as any,
+    pagination: [] as any,
+  });
+  useEffect(() => {
+    local.page = page;
+    local.pagination = getPagination(page, Math.ceil(count / 20));
+    local.render();
+  }, [page, count]);
+  return (
+    <div className=" border-t border-gray-300 tbl-pagination sticky text-sm bottom-0 right-0 w-full grid grid-cols-3 gap-4 justify-end text-sm   pt-2">
+      <div className="flex flex-row items-center text-gray-600">
+        Showing {local.page * 20 - 19} to{" "}
+        {list.data?.length >= 20
+          ? local.page * 20
+          : local.page === 1 && Math.ceil(count / 20) === 1
+          ? list.data?.length
+          : local.page * 20 - 19 + list.data?.length}{" "}
+        of {formatMoney(getNumber(count))} results
+      </div>
+      <div className="flex flex-row justify-center">
+        <div>
+          <nav
+            className="isolate inline-flex -space-x-px flex flex-row items-center gap-x-2"
+            aria-label="Pagination"
+          >
+            {local.pagination.map((e: any, idx: number) => {
+              return (
+                <div
+                  key={"page_" + idx}
+                  onClick={() => {
+                    if (e?.label !== "...") {
+                      local.page = getNumber(e?.label);
+                      local.render();
+                      onChangePage(local.page - 1);
+                      setPage(local.page - 1);
+                      list.reload();
+                    }
+                  }}
+                  className={cx(
+                    "text-sm px-2 py-1",
+                    e.active
+                      ? "relative z-10 inline-flex items-center bg-primary font-semibold text-white rounded-md"
+                      : e?.label === "..."
+                      ? "relative z-10 inline-flex items-center  font-semibold text-gray-800 rounded-md"
+                      : "cursor-pointer relative z-10 inline-flex items-center hover:bg-gray-100 font-semibold text-gray-800 rounded-md"
+                  )}
+                >
+                  {e?.label}
+                </div>
+              );
+            })}
+          </nav>
+        </div>
+      </div>
+      <div className="flex flex-row items-center justify-end">
+        <div className="flex items-center  flex-row gap-x-2 sm:mb-0 text-sm">
+          <div
+            onClick={() => {
+              if (!disabledPrevPage) {
+                onPrevPage();
+              }
+            }}
+            className={cx(
+              "flex flex-row items-center gap-x-2  justify-center rounded p-1 ",
+              disabledPrevPage
+                ? "text-gray-200 border-gray-200 border px-2"
+                : "cursor-pointer text-gray-500 hover:bg-gray-100 hover:text-gray-900  border-gray-500 border px-2"
+            )}
+          >
+            <IconChevronLeft className="text-sm" />
+            {/* <span>Previous</span> */}
+          </div>
+          <div
+            onClick={() => {
+              if (!disabledNextPage) {
+                onNextPage();
+              }
+            }}
+            className={cx(
+              "flex flex-row items-center gap-x-2  justify-center rounded p-1 ",
+              disabledNextPage
+                ? "text-gray-200 border-gray-200 border px-2"
+                : "cursor-pointer text-gray-500 hover:bg-gray-100 hover:text-gray-900  border-gray-500 border px-2"
+            )}
+          >
+            {/* <span>Next</span> */}
+            <IconChevronRight className="text-sm" />
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+export const PaginationPage: React.FC<any> = ({
+  onNextPage,
+  onPrevPage,
+  disabledNextPage,
+  disabledPrevPage,
+  page,
+  count,
+  list,
+  take,
+  setPage,
+  onChangePage,
+}) => {
+  const local = useLocal({
+    page: 1 as any,
+    pagination: [] as any,
+  });
+  useEffect(() => {
+    local.page = page;
+    local.pagination = getPagination(page, Math.ceil(count / take));
+    local.render();
+  }, [page, count]);
+  return (
+    <div className="py-2 tbl-pagination  text-sm bottom-0 right-0 w-full grid grid-cols-1 gap-4 justify-center text-sm">
+      <div className="flex flex-row items-center justify-center">
+        <div className="flex items-center  flex-row gap-x-2 sm:mb-0 text-sm">
+          <div
+            onClick={() => {
+              if (!disabledPrevPage) {
+                onPrevPage();
+              }
+            }}
+            className={cx(
+              "flex flex-row items-center gap-x-2  justify-center rounded-full p-2 text-md",
+              disabledPrevPage
+                ? "text-gray-200 border-gray-200 border "
+                : "cursor-pointer text-gray-500 hover:bg-gray-100 hover:text-gray-900  border-gray-500 border "
+            )}
+          >
+            <IconChevronLeft />
+          </div>
+          <div className="flex flex-row justify-center">
+            <div>
+              <nav
+                className="isolate inline-flex -space-x-px flex flex-row items-center gap-x-2"
+                aria-label="Pagination"
+              >
+                {local.pagination.map((e: any, idx: number) => {
+                  return (
+                    <div
+                      key={"page_" + idx}
+                      onClick={() => {
+                        if (e?.label !== "...") {
+                          local.page = getNumber(e?.label);
+                          local.render();
+                          onChangePage(local.page - 1);
+                          setPage(local.page - 1);
+                        }
+                      }}
+                      className={cx(
+                        "text-md px-2.5 py-1",
+                        e.active
+                          ? "relative z-10 inline-flex items-center bg-primary font-semibold text-white rounded-full"
+                          : e?.label === "..."
+                          ? "relative z-10 inline-flex items-center  font-semibold text-gray-800 rounded-full"
+                          : "cursor-pointer relative z-10 inline-flex items-center hover:bg-gray-100 font-semibold text-gray-800 rounded-full"
+                      )}
+                    >
+                      {e?.label}
+                    </div>
+                  );
+                })}
+              </nav>
+            </div>
+          </div>
+          <div
+            onClick={() => {
+              if (!disabledNextPage) {
+                onNextPage();
+              }
+            }}
+            className={cx(
+              "flex flex-row items-center gap-x-2   justify-center rounded-full p-2 ",
+              disabledNextPage
+                ? "text-gray-200 border-gray-200 border"
+                : "cursor-pointer text-gray-500 hover:bg-gray-100 hover:text-gray-900  border-gray-500 border "
+            )}
+          >
+            <IconChevronRight className="text-md" />
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+const getPagination = (currentPage: number, totalPages: number) => {
+  const pagination: { label: string; active: boolean }[] = [];
+  const maxVisible = 5; // Jumlah maksimal elemen yang ditampilkan
+  const halfRange = Math.floor((maxVisible - 3) / 2);
+
+  if (totalPages <= maxVisible) {
+    // Jika total halaman lebih kecil dari batas, tampilkan semua halaman
+    for (let i = 1; i <= totalPages; i++) {
+      pagination.push({ label: i.toString(), active: i === currentPage });
+    }
+  } else {
+    pagination.push({ label: "1", active: currentPage === 1 }); // Halaman pertama selalu ada
+
+    if (currentPage > halfRange + 2) {
+      pagination.push({ label: "...", active: false }); // Awal titik-titik
+    }
+
+    const startPage = Math.max(2, currentPage - halfRange);
+    const endPage = Math.min(totalPages - 1, currentPage + halfRange);
+
+    for (let i = startPage; i <= endPage; i++) {
+      pagination.push({ label: i.toString(), active: i === currentPage });
+    }
+
+    if (currentPage < totalPages - halfRange - 1) {
+      pagination.push({ label: "...", active: false }); // Akhir titik-titik
+    }
+
+    pagination.push({
+      label: totalPages.toString(),
+      active: currentPage === totalPages,
+    }); // Halaman terakhir selalu ada
+  }
+
+  return pagination;
+};
diff --git a/src/components/tablelist/lib/column.ts b/src/components/tablelist/lib/column.ts
new file mode 100644
index 0000000..3e73496
--- /dev/null
+++ b/src/components/tablelist/lib/column.ts
@@ -0,0 +1,10 @@
+export const init_column = (data: any[]): any[] => {
+  return data.length
+    ? data.map((e) => {
+        return {
+          accessorKey: e.name,
+          ...e,
+        };
+      })
+    : [];
+};
diff --git a/src/components/ui/Datepicker/components/Calendar/Days.tsx b/src/components/ui/Datepicker/components/Calendar/Days.tsx
new file mode 100644
index 0000000..4883bc4
--- /dev/null
+++ b/src/components/ui/Datepicker/components/Calendar/Days.tsx
@@ -0,0 +1,646 @@
+import dayjs from "dayjs";
+import isBetween from "dayjs/plugin/isBetween";
+import React, {
+  useCallback,
+  useContext,
+  useEffect,
+  useRef,
+  useState,
+} from "react";
+
+import { BG_COLOR, TEXT_COLOR } from "../../constants";
+import DatepickerContext from "../../contexts/DatepickerContext";
+import {
+  formatDate,
+  nextMonth,
+  previousMonth,
+  classNames as cn,
+} from "../../helpers";
+import { Period } from "../../types";
+import get from "lodash.get";
+import { getNumber } from "@/lib/utils/getNumber";
+
+dayjs.extend(isBetween);
+
+interface Props {
+  calendarData: {
+    date: dayjs.Dayjs;
+    days: {
+      previous: number[];
+      current: number[];
+      next: number[];
+    };
+  };
+  onClickPreviousDays: (day: number) => void;
+  onClickDay: (day: number) => void;
+  onClickNextDays: (day: number) => void;
+  onIcon?: (day: number, date: Date, data?: any) => any;
+  style?: string;
+}
+const Days: React.FC<Props> = ({
+  calendarData,
+  onClickPreviousDays,
+  onClickDay,
+  onClickNextDays,
+  onIcon,
+  style,
+}) => {
+  // Ref
+  const calendarRef = useRef(null);
+  const markRef = useRef(null);
+  const [height, setHeight] = useState(0);
+  const [heightItem, setHeightItem] = useState(0);
+  const [maxItem, setMaxItem] = useState(0);
+  const [width, setWidth] = useState(0);
+  // Contexts
+  const {
+    primaryColor,
+    period,
+    changePeriod,
+    dayHover,
+    changeDayHover,
+    minDate,
+    maxDate,
+    disabledDates,
+  } = useContext(DatepickerContext);
+
+  // Functions
+  const currentDateClass = useCallback(
+    (item: number) => {
+      const itemDate = `${calendarData.date.year()}-${
+        calendarData.date.month() + 1
+      }-${item >= 10 ? item : "0" + item}`;
+      if (formatDate(dayjs()) === formatDate(dayjs(itemDate)))
+        return TEXT_COLOR["500"][
+          primaryColor as keyof (typeof TEXT_COLOR)["500"]
+        ];
+      return "";
+    },
+    [calendarData.date, primaryColor]
+  );
+
+  const activeDateData = useCallback(
+    (day: number) => {
+      const fullDay = `${calendarData.date.year()}-${
+        calendarData.date.month() + 1
+      }-${day}`;
+      let className = "";
+
+      if (
+        dayjs(fullDay).isSame(period.start) &&
+        dayjs(fullDay).isSame(period.end)
+      ) {
+        className = ` ${BG_COLOR["500"][primaryColor]} text-white font-medium rounded-full`;
+      } else if (dayjs(fullDay).isSame(period.start)) {
+        className = ` ${BG_COLOR["500"][primaryColor]} text-white font-medium ${
+          dayjs(fullDay).isSame(dayHover) && !period.end
+            ? "rounded-full"
+            : "rounded-l-full"
+        }`;
+      } else if (dayjs(fullDay).isSame(period.end)) {
+        className = ` ${BG_COLOR["500"][primaryColor]} text-white font-medium ${
+          dayjs(fullDay).isSame(dayHover) && !period.start
+            ? "rounded-full"
+            : "rounded-r-full"
+        }`;
+      }
+
+      return {
+        active:
+          dayjs(fullDay).isSame(period.start) ||
+          dayjs(fullDay).isSame(period.end),
+        className: className,
+      };
+    },
+    [calendarData.date, dayHover, period.end, period.start, primaryColor]
+  );
+
+  const hoverClassByDay = useCallback(
+    (day: number) => {
+      let className = currentDateClass(day);
+      const fullDay = `${calendarData.date.year()}-${
+        calendarData.date.month() + 1
+      }-${day >= 10 ? day : "0" + day}`;
+
+      if (period.start && period.end) {
+        if (dayjs(fullDay).isBetween(period.start, period.end, "day", "[)")) {
+          return ` ${BG_COLOR["100"][primaryColor]} ${currentDateClass(
+            day
+          )} dark:bg-white/10`;
+        }
+      }
+
+      if (!dayHover) {
+        return className;
+      }
+
+      if (
+        period.start &&
+        dayjs(fullDay).isBetween(period.start, dayHover, "day", "[)")
+      ) {
+        className = ` ${BG_COLOR["100"][primaryColor]} ${currentDateClass(
+          day
+        )} dark:bg-white/10`;
+      }
+
+      if (
+        period.end &&
+        dayjs(fullDay).isBetween(dayHover, period.end, "day", "[)")
+      ) {
+        className = ` ${BG_COLOR["100"][primaryColor]} ${currentDateClass(
+          day
+        )} dark:bg-white/10`;
+      }
+
+      if (dayHover === fullDay) {
+        const bgColor = BG_COLOR["500"][primaryColor];
+        className = ` transition-all duration-500 text-white font-medium ${bgColor} ${
+          period.start ? "rounded-r-full" : "rounded-l-full"
+        }`;
+      }
+
+      return className;
+    },
+    [
+      calendarData.date,
+      currentDateClass,
+      dayHover,
+      period.end,
+      period.start,
+      primaryColor,
+    ]
+  );
+
+  const isDateTooEarly = useCallback(
+    (day: number, type: "current" | "previous" | "next") => {
+      if (!minDate) {
+        return false;
+      }
+      const object = {
+        previous: previousMonth(calendarData.date),
+        current: calendarData.date,
+        next: nextMonth(calendarData.date),
+      };
+      const newDate = object[type as keyof typeof object];
+      const formattedDate = newDate.set("date", day);
+      return dayjs(formattedDate).isSame(dayjs(minDate), "day")
+        ? false
+        : dayjs(formattedDate).isBefore(dayjs(minDate));
+    },
+    [calendarData.date, minDate]
+  );
+
+  const isDateTooLate = useCallback(
+    (day: number, type: "current" | "previous" | "next") => {
+      if (!maxDate) {
+        return false;
+      }
+      const object = {
+        previous: previousMonth(calendarData.date),
+        current: calendarData.date,
+        next: nextMonth(calendarData.date),
+      };
+      const newDate = object[type as keyof typeof object];
+      const formattedDate = newDate.set("date", day);
+      return dayjs(formattedDate).isSame(dayjs(maxDate), "day")
+        ? false
+        : dayjs(formattedDate).isAfter(dayjs(maxDate));
+    },
+    [calendarData.date, maxDate]
+  );
+
+  const isDateDisabled = useCallback(
+    (day: number, type: "current" | "previous" | "next") => {
+      if (isDateTooEarly(day, type) || isDateTooLate(day, type)) {
+        return true;
+      }
+      const object = {
+        previous: previousMonth(calendarData.date),
+        current: calendarData.date,
+        next: nextMonth(calendarData.date),
+      };
+      const newDate = object[type as keyof typeof object];
+      const formattedDate = `${newDate.year()}-${newDate.month() + 1}-${
+        day >= 10 ? day : "0" + day
+      }`;
+
+      if (
+        !disabledDates ||
+        (Array.isArray(disabledDates) && !disabledDates.length)
+      ) {
+        return false;
+      }
+
+      let matchingCount = 0;
+      disabledDates?.forEach((dateRange) => {
+        if (
+          dayjs(formattedDate).isAfter(dateRange.startDate) &&
+          dayjs(formattedDate).isBefore(dateRange.endDate)
+        ) {
+          matchingCount++;
+        }
+        if (
+          dayjs(formattedDate).isSame(dateRange.startDate) ||
+          dayjs(formattedDate).isSame(dateRange.endDate)
+        ) {
+          matchingCount++;
+        }
+      });
+      return matchingCount > 0;
+    },
+    [calendarData.date, isDateTooEarly, isDateTooLate, disabledDates]
+  );
+
+  const buttonClass = useCallback(
+    (day: number, type: "current" | "next" | "previous") => {
+      let baseClass = `calender-day flex items-center justify-center ${
+        style === "custom" ? " w-6 h-6 m-1" : "w-12 h-12 lg:w-10 lg:h-10"
+      } relative`;
+      if (type === "current") {
+        return cn(
+          baseClass,
+          !activeDateData(day).active
+            ? hoverClassByDay(day)
+            : style === "custom"
+            ? ""
+            : activeDateData(day).className,
+          isDateDisabled(day, type) && "text-gray-400 cursor-not-allowed"
+        );
+      }
+      return cn(
+        baseClass,
+        isDateDisabled(day, type) && "cursor-not-allowed",
+        "text-gray-400"
+      );
+    },
+    [activeDateData, hoverClassByDay, isDateDisabled]
+  );
+
+  const checkIfHoverPeriodContainsDisabledPeriod = useCallback(
+    (hoverPeriod: Period) => {
+      if (!Array.isArray(disabledDates)) {
+        return false;
+      }
+      for (let i = 0; i < disabledDates.length; i++) {
+        if (
+          dayjs(hoverPeriod.start).isBefore(disabledDates[i].startDate) &&
+          dayjs(hoverPeriod.end).isAfter(disabledDates[i].endDate)
+        ) {
+          return true;
+        }
+      }
+      return false;
+    },
+    [disabledDates]
+  );
+
+  const getMetaData = useCallback(() => {
+    return {
+      previous: previousMonth(calendarData.date),
+      current: calendarData.date,
+      next: nextMonth(calendarData.date),
+    };
+  }, [calendarData.date]);
+
+  const hoverDay = useCallback(
+    (day: number, type: string) => {
+      const object = getMetaData();
+      const newDate = object[type as keyof typeof object];
+      const newHover = `${newDate.year()}-${newDate.month() + 1}-${
+        day >= 10 ? day : "0" + day
+      }`;
+
+      if (period.start && !period.end) {
+        const hoverPeriod = { ...period, end: newHover };
+        if (dayjs(newHover).isBefore(dayjs(period.start))) {
+          hoverPeriod.start = newHover;
+          hoverPeriod.end = period.start;
+          if (!checkIfHoverPeriodContainsDisabledPeriod(hoverPeriod)) {
+            changePeriod({
+              start: null,
+              end: period.start,
+            });
+          }
+        }
+        if (!checkIfHoverPeriodContainsDisabledPeriod(hoverPeriod)) {
+          changeDayHover(newHover);
+        }
+      }
+
+      if (!period.start && period.end) {
+        const hoverPeriod = { ...period, start: newHover };
+        if (dayjs(newHover).isAfter(dayjs(period.end))) {
+          hoverPeriod.start = period.end;
+          hoverPeriod.end = newHover;
+          if (!checkIfHoverPeriodContainsDisabledPeriod(hoverPeriod)) {
+            changePeriod({
+              start: period.end,
+              end: null,
+            });
+          }
+        }
+        if (!checkIfHoverPeriodContainsDisabledPeriod(hoverPeriod)) {
+          changeDayHover(newHover);
+        }
+      }
+    },
+    [
+      changeDayHover,
+      changePeriod,
+      checkIfHoverPeriodContainsDisabledPeriod,
+      getMetaData,
+      period,
+    ]
+  );
+
+  const handleClickDay = useCallback(
+    (day: number, type: "previous" | "current" | "next") => {
+      function continueClick() {
+        if (type === "previous") {
+          onClickPreviousDays(day);
+        }
+
+        if (type === "current") {
+          onClickDay(day);
+        }
+
+        if (type === "next") {
+          onClickNextDays(day);
+        }
+      }
+
+      if (disabledDates?.length) {
+        const object = getMetaData();
+        const newDate = object[type as keyof typeof object];
+        const clickDay = `${newDate.year()}-${newDate.month() + 1}-${
+          day >= 10 ? day : "0" + day
+        }`;
+
+        if (period.start && !period.end) {
+          dayjs(clickDay).isSame(dayHover) && continueClick();
+        } else if (!period.start && period.end) {
+          dayjs(clickDay).isSame(dayHover) && continueClick();
+        } else {
+          continueClick();
+        }
+      } else {
+        continueClick();
+      }
+    },
+    [
+      dayHover,
+      disabledDates?.length,
+      getMetaData,
+      onClickDay,
+      onClickNextDays,
+      onClickPreviousDays,
+      period.end,
+      period.start,
+    ]
+  );
+  const load_marker = (day: number, type: string) => {
+    let fullDay = `${calendarData.date.year()}-${
+      calendarData.date.month() + 1
+    }-${day >= 10 ? day : "0" + day}`;
+    if (type === "previous") {
+      const newDate = previousMonth(calendarData.date);
+      fullDay = `${newDate.year()}-${newDate.month() + 1}-${
+        day >= 10 ? day : "0" + day
+      }`;
+    }
+    if (type === "next") {
+      const newDate = nextMonth(calendarData.date);
+      fullDay = `${newDate.year()}-${newDate.month() + 1}-${
+        day >= 10 ? day : "0" + day
+      }`;
+    }
+    const res = new Date(fullDay);
+    return typeof onIcon === "function"
+      ? onIcon(day, res, {
+          ref: calendarRef,
+          height,
+          maxItem,
+          width,
+          heightItem,
+        })
+      : null;
+  };
+  useEffect(() => {
+    if (calendarRef?.current && markRef?.current) {
+      // const card = getNumber(get(calendarRef, "current.clientWidth"));
+      const cardDay = calendarRef.current as any;
+      const rect = cardDay.getBoundingClientRect();
+      const card = getNumber(rect?.width);
+      const cardHeight = getNumber(get(markRef, "current.clientHeight"));
+      const heightItem = 20; // perkiraan
+      console.log(card);
+      setWidth(card);
+      setHeight(cardHeight);
+      console.log(Math.floor(cardHeight / heightItem));
+      setMaxItem(Math.floor(cardHeight / heightItem));
+      setHeightItem(20);
+      // setMaxItem
+      const day = 3;
+      const fullwidth = card * 7;
+      const percent = (7 / 3) * 100;
+    }
+  }, [calendarRef.current, markRef.current]);
+  return (
+    <div
+      className={cx(
+        "calender-days grid grid-cols-7 ",
+        style === "custom" ? "" : "  my-1 gap-y-0.5",
+        css`
+          z-index: 0;
+          .calender-grid {
+            // aspect-ratio: 1 / 1;
+          }
+        `
+      )}
+    >
+      {calendarData.days.previous.map((item, index) => (
+        <div
+          key={"prev_" + index}
+          className={cx(
+            "calender-grid flex flex-row",
+            style === "custom"
+              ? "border-gray-200 hover:bg-gray-100  cursor-pointer"
+              : ""
+          )}
+          onClick={() => {
+            if (style === "custom") handleClickDay(item, "previous");
+          }}
+        >
+          <div className="flex flex-col flex-grow calender-day-wrap">
+            {style === "custom" ? (
+              <>
+                <button
+                  type="button"
+                  key={index}
+                  disabled={isDateDisabled(item, "previous")}
+                  className={`${buttonClass(item, "previous")}`}
+                  onMouseOver={() => {
+                    hoverDay(item, "previous");
+                  }}
+                >
+                  <span className="relative">{item}</span>
+                </button>
+                <div className="flex flex-grow  relative">
+                  {load_marker(item, "previous")}
+                  {/*
+                  {index === 1 && (
+                    <div
+                      className={cx(
+                        "hover:bg-gray-200 font-bold text-sm text-black px-2 absolute top-[27px] left-0 w-[196px] rounded-md",
+                        css`
+                          z-index: 1;
+                        `
+                      )}
+                    >
+                      1 more
+                    </div>
+                  )} */}
+                </div>
+              </>
+            ) : (
+              <>
+                <button
+                  type="button"
+                  key={index}
+                  disabled={isDateDisabled(item, "previous")}
+                  className={`${buttonClass(item, "previous")}`}
+                  onClick={() => handleClickDay(item, "previous")}
+                  onMouseOver={() => {
+                    hoverDay(item, "previous");
+                  }}
+                >
+                  <span className="relative">
+                    {item}
+                    {load_marker(item, "previous")}
+                  </span>
+                </button>
+              </>
+            )}
+          </div>
+        </div>
+      ))}
+
+      {calendarData.days.current.map((item, index) => (
+        <div
+          key={"current_" + index}
+          ref={index === 0 ? calendarRef : null}
+          className={cx(
+            "calender-grid flex flex-row",
+            style === "custom"
+              ? activeDateData(item).active
+                ? "bg-blue-200/75 ring-1  cursor-pointer border-gray-200"
+                : "hover:bg-gray-50  cursor-pointer border-gray-200 bg-white"
+              : ""
+          )}
+          onClick={() => {
+            if (style === "custom") handleClickDay(item, "current");
+          }}
+        >
+          <div className="flex flex-col flex-grow calender-day-wrap">
+            {style === "custom" ? (
+              <>
+                <button
+                  type="button"
+                  key={index}
+                  disabled={isDateDisabled(item, "current")}
+                  className={`${buttonClass(item, "current")}`}
+                  // onClick={() => handleClickDay(item, "current")}
+                  onMouseOver={() => {
+                    hoverDay(item, "current");
+                  }}
+                >
+                  <span className="relative">{item}</span>
+                </button>
+                <div
+                  className="flex flex-grow  relative "
+                  ref={index === 0 ? markRef : null}
+                >
+                  {load_marker(item, "current")}
+                </div>
+              </>
+            ) : (
+              <>
+                <button
+                  type="button"
+                  key={index}
+                  disabled={isDateDisabled(item, "current")}
+                  className={`${buttonClass(item, "current")}`}
+                  onClick={() => handleClickDay(item, "current")}
+                  onMouseOver={() => {
+                    hoverDay(item, "current");
+                  }}
+                >
+                  <span className="relative">
+                    {item}
+                    {load_marker(item, "current")}
+                  </span>
+                </button>
+              </>
+            )}
+          </div>
+        </div>
+      ))}
+
+      {calendarData.days.next.map((item, index) => (
+        <div
+          key={"next_" + index}
+          className={cx(
+            "calender-grid flex flex-row ",
+            style === "custom"
+              ? "hover:bg-gray-100  cursor-pointer border-gray-200"
+              : ""
+          )}
+          onClick={() => {
+            if (style === "custom") handleClickDay(item, "next");
+          }}
+        >
+          <div className="flex flex-col flex-grow calender-day-wrap">
+            {style === "custom" ? (
+              <>
+                <button
+                  type="button"
+                  key={index}
+                  disabled={isDateDisabled(item, "next")}
+                  className={`${buttonClass(item, "next")}`}
+                  onMouseOver={() => {
+                    hoverDay(item, "next");
+                  }}
+                >
+                  <span className="relative">{item}</span>
+                </button>
+                <div className="flex flex-grow  relative ">
+                  {load_marker(item, "next")}
+                </div>
+              </>
+            ) : (
+              <>
+                <button
+                  type="button"
+                  key={index}
+                  disabled={isDateDisabled(item, "next")}
+                  className={`${buttonClass(item, "next")}`}
+                  onClick={() => handleClickDay(item, "next")}
+                  onMouseOver={() => {
+                    hoverDay(item, "next");
+                  }}
+                >
+                  <span className="relative">
+                    {item}
+                    {load_marker(item, "next")}
+                  </span>
+                </button>
+              </>
+            )}
+          </div>
+        </div>
+      ))}
+    </div>
+  );
+};
+
+export default Days;
diff --git a/src/components/ui/Datepicker/components/Calendar/Months.tsx b/src/components/ui/Datepicker/components/Calendar/Months.tsx
new file mode 100644
index 0000000..6aa5a55
--- /dev/null
+++ b/src/components/ui/Datepicker/components/Calendar/Months.tsx
@@ -0,0 +1,48 @@
+import dayjs from "dayjs";
+import React, { useContext } from "react";
+
+import { MONTHS } from "../../constants";
+import DatepickerContext from "../../contexts/DatepickerContext";
+import { loadLanguageModule } from "../../helpers";
+import { RoundedButton } from "../utils";
+
+interface Props {
+  currentMonth: number;
+  clickMonth: (month: number) => void;
+  style?: string;
+}
+
+const Months: React.FC<Props> = ({ currentMonth, clickMonth, style }) => {
+  const { i18n } = useContext(DatepickerContext);
+  loadLanguageModule(i18n);
+  return (
+    <div
+      className={cx(
+        "w-full grid gap-2 mt-2",
+        style === "custom" ? "uppercase grid-cols-2 p-4" : "grid-cols-2"
+      )}
+    >
+      {MONTHS.map((item) => (
+        <RoundedButton
+          key={item}
+          padding="py-3"
+          onClick={() => {
+            clickMonth(item);
+          }}
+          active={currentMonth === item}
+          style={style}
+        >
+          {style === "custom" ? (
+            <div className="px-2 py-1">
+              {dayjs(`2022-${item}-01`).locale(i18n).format("MMMM")}
+            </div>
+          ) : (
+            <>{dayjs(`2022-${item}-01`).locale(i18n).format("MMM")}</>
+          )}
+        </RoundedButton>
+      ))}
+    </div>
+  );
+};
+
+export default Months;
diff --git a/src/components/ui/Datepicker/components/Calendar/Week.tsx b/src/components/ui/Datepicker/components/Calendar/Week.tsx
new file mode 100644
index 0000000..98e2003
--- /dev/null
+++ b/src/components/ui/Datepicker/components/Calendar/Week.tsx
@@ -0,0 +1,71 @@
+import dayjs from "dayjs";
+import React, { useContext, useMemo } from "react";
+
+import { DAYS } from "../../constants";
+import DatepickerContext from "../../contexts/DatepickerContext";
+import { loadLanguageModule, shortString, ucFirst } from "../../helpers";
+interface Props {
+  style?: string;
+}
+const Week: React.FC<Props> = ({ style }) => {
+  const { i18n, startWeekOn } = useContext(DatepickerContext);
+  loadLanguageModule(i18n);
+  const startDateModifier = useMemo(() => {
+    if (startWeekOn) {
+      switch (startWeekOn) {
+        case "mon":
+          return 1;
+        case "tue":
+          return 2;
+        case "wed":
+          return 3;
+        case "thu":
+          return 4;
+        case "fri":
+          return 5;
+        case "sat":
+          return 6;
+        case "sun":
+          return 0;
+        default:
+          return 0;
+      }
+    }
+    return 0;
+  }, [startWeekOn]);
+
+  return (
+    <div
+      className={cx(
+        " grid grid-cols-7 border-b  dark:border-gray-700",
+        style === "custom"
+          ? "sticky top-0 bg-white z-99 border-gray-200"
+          : "border-gray-300  py-2",
+        style === "custom" &&
+          css`
+            z-index: 99;
+          `
+      )}
+    >
+      {DAYS.map((item) => (
+        <div
+          key={item}
+          className={cx(
+            "tracking-wide text-gray-500 text-center",
+            style === "custom" && " border-r border-gray-200 py-2"
+          )}
+        >
+          {ucFirst(
+            shortString(
+              dayjs(`2022-11-${6 + (item + startDateModifier)}`)
+                .locale(i18n)
+                .format("ddd")
+            )
+          )}
+        </div>
+      ))}
+    </div>
+  );
+};
+
+export default Week;
diff --git a/src/components/ui/Datepicker/components/Calendar/Years.tsx b/src/components/ui/Datepicker/components/Calendar/Years.tsx
new file mode 100644
index 0000000..3256d2b
--- /dev/null
+++ b/src/components/ui/Datepicker/components/Calendar/Years.tsx
@@ -0,0 +1,68 @@
+import React, { useContext } from "react";
+
+import { generateArrayNumber } from "../../helpers";
+import { RoundedButton } from "../utils";
+
+import DatepickerContext from "../../contexts/DatepickerContext";
+
+interface Props {
+  year: number;
+  currentYear: number;
+  minYear: number | null;
+  maxYear: number | null;
+  clickYear: (data: number) => void;
+  style?: string;
+}
+
+const Years: React.FC<Props> = ({
+  year,
+  currentYear,
+  minYear,
+  maxYear,
+  clickYear,
+  style,
+}) => {
+  const { dateLooking } = useContext(DatepickerContext);
+
+  let startDate = 0;
+  let endDate = 0;
+
+  switch (dateLooking) {
+    case "backward":
+      startDate = year - 11;
+      endDate = year;
+      break;
+    case "middle":
+      startDate = year - 4;
+      endDate = year + 7;
+      break;
+    case "forward":
+    default:
+      startDate = year;
+      endDate = year + 11;
+      break;
+  }
+
+  return (
+    <div className=" w-full grid grid-cols-2 gap-2 mt-2">
+      {generateArrayNumber(startDate, endDate).map((item, index) => (
+        <RoundedButton
+          key={index}
+          padding="py-3"
+          onClick={() => {
+            clickYear(item);
+          }}
+          active={currentYear === item}
+          disabled={
+            (maxYear !== null && item > maxYear) ||
+            (minYear !== null && item < minYear)
+          }
+        >
+          <>{item}</>
+        </RoundedButton>
+      ))}
+    </div>
+  );
+};
+
+export default Years;
diff --git a/src/components/ui/Datepicker/components/Calendar/index.tsx b/src/components/ui/Datepicker/components/Calendar/index.tsx
new file mode 100644
index 0000000..49b791f
--- /dev/null
+++ b/src/components/ui/Datepicker/components/Calendar/index.tsx
@@ -0,0 +1,502 @@
+import dayjs from "dayjs";
+import React, {
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useState,
+} from "react";
+
+import { CALENDAR_SIZE, DATE_FORMAT } from "../../constants";
+import DatepickerContext from "../../contexts/DatepickerContext";
+import {
+  formatDate,
+  getDaysInMonth,
+  getFirstDayInMonth,
+  getFirstDaysInMonth,
+  getLastDaysInMonth,
+  getNumberOfDay,
+  loadLanguageModule,
+  nextMonth,
+  previousMonth,
+} from "../../helpers";
+import {
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  DoubleChevronLeftIcon,
+  DoubleChevronRightIcon,
+  RoundedButton,
+} from "../utils";
+
+import Days from "./Days";
+import Months from "./Months";
+import Week from "./Week";
+import Years from "./Years";
+
+import { DateType } from "../../types";
+
+interface Props {
+  date: dayjs.Dayjs;
+  minDate?: DateType | null;
+  maxDate?: DateType | null;
+  onClickPrevious: () => void;
+  onClickNext: () => void;
+  changeMonth: (month: number) => void;
+  changeYear: (year: number) => void;
+  mode?: "monthly" | "daily";
+  onMark?: (day: number, date: Date, data?: any) => any;
+  style?: "custom" | "prasi";
+  onLoad?: (e?: any) => void | Promise<void>;
+}
+
+const Calendar: React.FC<Props> = ({
+  date,
+  minDate,
+  maxDate,
+  onClickPrevious,
+  onClickNext,
+  changeMonth,
+  changeYear,
+  onMark,
+  mode = "daily",
+  style = "prasi",
+  onLoad,
+}) => {
+  // Contexts
+  const {
+    period,
+    changePeriod,
+    changeDayHover,
+    showFooter,
+    changeDatepickerValue,
+    hideDatepicker,
+    asSingle,
+    i18n,
+    startWeekOn,
+    input,
+  } = useContext(DatepickerContext);
+  loadLanguageModule(i18n);
+
+  // States
+  const [showMonths, setShowMonths] = useState(false);
+  const [showYears, setShowYears] = useState(false);
+  const [year, setYear] = useState(date.year());
+  const [openPopover, setOpenPopover] = useState(false);
+  const [openPopoverYear, setOpenPopoverYear] = useState(false);
+  useEffect(() => {
+    if (mode === "monthly") {
+      setShowMonths(true);
+      hideYears();
+    }
+  }, []);
+  // Functions
+  const previous = useCallback(() => {
+    return getLastDaysInMonth(
+      previousMonth(date),
+      getNumberOfDay(getFirstDayInMonth(date).ddd, startWeekOn)
+    );
+  }, [date, startWeekOn]);
+  const previousDate = useCallback(() => {
+    const day = getLastDaysInMonth(
+      previousMonth(date),
+      getNumberOfDay(getFirstDayInMonth(date).ddd, startWeekOn)
+    );
+  }, [date, startWeekOn]);
+  const current = useCallback(() => {
+    return getDaysInMonth(formatDate(date));
+  }, [date]);
+
+  const next = useCallback(() => {
+    return getFirstDaysInMonth(
+      previousMonth(date),
+      CALENDAR_SIZE - (previous().length + current().length)
+    );
+  }, [current, date, previous]);
+
+  const hideMonths = useCallback(() => {
+    showMonths && setShowMonths(false);
+  }, [showMonths]);
+
+  const hideYears = useCallback(() => {
+    showYears && setShowYears(false);
+  }, [showYears]);
+
+  const clickMonth = useCallback(
+    (month: number) => {
+      setTimeout(() => {
+        changeMonth(month);
+        if (mode === "daily") {
+          setShowMonths(!showMonths);
+        } else {
+          hideDatepicker();
+          clickDay(1, month, date.year());
+        }
+      }, 250);
+    },
+    [changeMonth, showMonths]
+  );
+
+  const clickYear = useCallback(
+    (year: number) => {
+      setTimeout(() => {
+        changeYear(year);
+        setShowYears(!showYears);
+        if (mode === "monthly") {
+          setShowMonths(true);
+          clickDay(1, date.month() + 1, year);
+        }
+      }, 250);
+    },
+    [changeYear, showYears]
+  );
+
+  const clickDay = useCallback(
+    (day: number, month = date.month() + 1, year = date.year()) => {
+      const fullDay = `${year}-${month}-${day}`;
+      let newStart;
+      let newEnd = null;
+      function chosePeriod(start: string, end: string) {
+        const ipt = input?.current;
+        changeDatepickerValue(
+          {
+            startDate: dayjs(start).format(DATE_FORMAT),
+            endDate: dayjs(end).format(DATE_FORMAT),
+          },
+          ipt
+        );
+        hideDatepicker();
+      }
+
+      if (period.start && period.end) {
+        if (changeDayHover) {
+          changeDayHover(null);
+        }
+        changePeriod({
+          start: null,
+          end: null,
+        });
+      }
+
+      if ((!period.start && !period.end) || (period.start && period.end)) {
+        if (!period.start && !period.end) {
+          changeDayHover(fullDay);
+        }
+        newStart = fullDay;
+        if (asSingle) {
+          newEnd = fullDay;
+          chosePeriod(fullDay, fullDay);
+        }
+      } else {
+        if (period.start && !period.end) {
+          // start not null
+          // end null
+          const condition =
+            dayjs(fullDay).isSame(dayjs(period.start)) ||
+            dayjs(fullDay).isAfter(dayjs(period.start));
+          newStart = condition ? period.start : fullDay;
+          newEnd = condition ? fullDay : period.start;
+        } else {
+          // Start null
+          // End not null
+          const condition =
+            dayjs(fullDay).isSame(dayjs(period.end)) ||
+            dayjs(fullDay).isBefore(dayjs(period.end));
+          newStart = condition ? fullDay : period.start;
+          newEnd = condition ? period.end : fullDay;
+        }
+
+        if (!showFooter) {
+          if (newStart && newEnd) {
+            chosePeriod(newStart, newEnd);
+          }
+        }
+      }
+
+      if (!(newEnd && newStart) || showFooter) {
+        changePeriod({
+          start: newStart,
+          end: newEnd,
+        });
+      }
+    },
+    [
+      asSingle,
+      changeDatepickerValue,
+      changeDayHover,
+      changePeriod,
+      date,
+      hideDatepicker,
+      period.end,
+      period.start,
+      showFooter,
+      input,
+    ]
+  );
+
+  const clickPreviousDays = useCallback(
+    (day: number) => {
+      const newDate = previousMonth(date);
+      clickDay(day, newDate.month() + 1, newDate.year());
+      onClickPrevious();
+    },
+    [clickDay, date, onClickPrevious]
+  );
+
+  const clickNextDays = useCallback(
+    (day: number) => {
+      const newDate = nextMonth(date);
+      clickDay(day, newDate.month() + 1, newDate.year());
+      onClickNext();
+    },
+    [clickDay, date, onClickNext]
+  );
+
+  // UseEffects & UseLayoutEffect
+  useEffect(() => {
+    setYear(date.year());
+  }, [date]);
+
+  const getMonth = (month?: string) => {
+    const value: any = date;
+    const currentDate: any = new Date(value);
+    const previousMonthDate = new Date(currentDate);
+    previousMonthDate.setDate(1);
+    switch (month) {
+      case "before":
+        previousMonthDate.setMonth(currentDate.getMonth() - 1);
+        break;
+      case "after":
+        previousMonthDate.setMonth(currentDate.getMonth() + 1);
+        break;
+      default:
+        break;
+    }
+    return previousMonthDate;
+  };
+  // Variables
+  const calendarData = useMemo(() => {
+    const data = {
+      previous: previous(),
+      current: current(),
+      next: next(),
+    };
+    const result = {
+      date: date,
+      days: data,
+      time: {
+        previous: data?.previous?.length
+          ? data.previous.map((e) => {
+              return new Date(
+                getMonth("before").getFullYear(),
+                getMonth("before").getMonth(),
+                e
+              );
+            })
+          : [],
+        current: data?.current?.length
+          ? data.current.map((e) => {
+              return new Date(
+                getMonth().getFullYear(),
+                getMonth().getMonth(),
+                e
+              );
+            })
+          : [],
+        next: data?.next?.length
+          ? data.next.map((e) => {
+              return new Date(
+                getMonth("after").getFullYear(),
+                getMonth("after").getMonth(),
+                e
+              );
+            })
+          : [],
+      },
+    };
+    return result;
+  }, [current, date, next, previous]);
+  useEffect(() => {
+    if (typeof onLoad === "function") {
+      const run = async () => {
+        if (typeof onLoad === "function") {
+          const param = dayjs(formatDate(date)).toDate();
+          await onLoad({
+            date: param,
+            calender: calendarData,
+          });
+        }
+      };
+      run();
+    }
+  }, [calendarData, date]);
+  const minYear = React.useMemo(
+    () => (minDate && dayjs(minDate).isValid() ? dayjs(minDate).year() : null),
+    [minDate]
+  );
+  const maxYear = React.useMemo(
+    () => (maxDate && dayjs(maxDate).isValid() ? dayjs(maxDate).year() : null),
+    [maxDate]
+  );
+  const isCustom = style === "custom";
+
+  return (
+    <div
+      className={cx(
+        "w-full md:w-[296px] md:min-w-[296px] calender",
+        isCustom && "flex-grow"
+      )}
+    >
+      <div
+        className={cx(
+          "flex items-stretch ",
+          isCustom ? "" : "space-x-1.5 px-2 py-1.5 flex-col",
+          css`
+            border-bottom: 1px solid #d1d5db;
+          `
+        )}
+      >
+        {style === "custom" ? (
+          <div className="flex flex-row items-center px-2 py-2 justify-between w-full">
+            <div className="flex flex-row gap-x-2 items-center">
+              <div className="flex flex-row gap-x-2">
+                <button
+                  type="button"
+                  onClick={onClickPrevious}
+                  className="flex items-center justify-center rounded-l-md py-2 pl-3 pr-4 text-gray-400 hover:text-gray-500 focus:relative md:w-9 md:px-2 md:hover:bg-gray-50"
+                >
+                  <ChevronLeftIcon className="h-5 w-5" aria-hidden="true" />
+                </button>
+                <button
+                  type="button"
+                  onClick={onClickNext}
+                  className="flex items-center justify-center rounded-r-md py-2 pl-4 pr-3 text-gray-400 hover:text-gray-500 focus:relative md:w-9 md:px-2 md:hover:bg-gray-50"
+                >
+                  <ChevronRightIcon className="h-5 w-5" aria-hidden="true" />
+                </button>
+              </div>
+              <div className="text-base font-semibold text-gray-900 capitalize flex flex-row">
+                {calendarData.date.locale(i18n).format("MMMM")}{" "}
+                {calendarData.date.year()}
+              </div>
+            </div>
+            <div></div>
+          </div>
+        ) : (
+          <div className="flex flex-row items-center">
+            {!showMonths && !showYears && (
+              <div className="flex-none flex-row flex items-center">
+                <RoundedButton roundedFull={true} onClick={onClickPrevious}>
+                  <ChevronLeftIcon className="h-5 w-5" />
+                </RoundedButton>
+              </div>
+            )}
+
+            {showYears && (
+              <div className="flex-none  flex-row flex items-center">
+                <RoundedButton
+                  roundedFull={true}
+                  onClick={() => {
+                    setYear(year - 12);
+                  }}
+                >
+                  <DoubleChevronLeftIcon className="h-5 w-5" />
+                </RoundedButton>
+              </div>
+            )}
+
+            <div className=" flex flex-1 items-stretch space-x-1.5">
+              <div className="w-1/2 flex items-stretch">
+                <RoundedButton
+                  onClick={() => {
+                    setShowMonths(!showMonths);
+                    hideYears();
+                  }}
+                >
+                  <>{calendarData.date.locale(i18n).format("MMM")}</>
+                </RoundedButton>
+              </div>
+
+              <div className="w-1/2 flex items-stretch">
+                <RoundedButton
+                  onClick={() => {
+                    setShowYears(!showYears);
+                    hideMonths();
+                  }}
+                >
+                  <div className="">{calendarData.date.year()}</div>
+                </RoundedButton>
+              </div>
+            </div>
+
+            {showYears && (
+              <div className="flex-none  flex-row flex items-center">
+                <RoundedButton
+                  roundedFull={true}
+                  onClick={() => {
+                    setYear(year + 12);
+                  }}
+                >
+                  <DoubleChevronRightIcon className="h-5 w-5" />
+                </RoundedButton>
+              </div>
+            )}
+
+            {!showMonths && !showYears && (
+              <div className="flex-none  flex-row flex items-center">
+                <RoundedButton roundedFull={true} onClick={onClickNext}>
+                  <ChevronRightIcon className="h-5 w-5" />
+                </RoundedButton>
+              </div>
+            )}
+          </div>
+        )}
+      </div>
+      <div
+        className={cx(
+          isCustom ? "flex-grow" : "min-h-[285px]",
+          "mt-0.5  calender-body"
+        )}
+      >
+        {showMonths && (
+          <Months
+            currentMonth={calendarData.date.month() + 1}
+            clickMonth={clickMonth}
+            style={style}
+          />
+        )}
+
+        {showYears && (
+          <Years
+            year={year}
+            minYear={minYear}
+            maxYear={maxYear}
+            currentYear={calendarData.date.year()}
+            clickYear={clickYear}
+          />
+        )}
+
+        {!showMonths && !showYears && (
+          <>
+            <Week style={style} />
+
+            <Days
+              calendarData={calendarData}
+              onClickPreviousDays={clickPreviousDays}
+              onClickDay={clickDay}
+              onClickNextDays={clickNextDays}
+              style={style}
+              onIcon={(day, date, data) => {
+                if (typeof onMark === "function") {
+                  return onMark(day, date, data);
+                }
+                return <></>;
+              }}
+            />
+          </>
+        )}
+      </div>
+    </div>
+  );
+};
+
+export default Calendar;
diff --git a/src/components/ui/Datepicker/components/Datepicker.tsx b/src/components/ui/Datepicker/components/Datepicker.tsx
new file mode 100644
index 0000000..095d2ef
--- /dev/null
+++ b/src/components/ui/Datepicker/components/Datepicker.tsx
@@ -0,0 +1,397 @@
+import dayjs from "dayjs";
+import React, {
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from "react";
+
+import Calendar from "./Calendar";
+import Footer from "./Footer";
+import Input from "./Input";
+import Shortcuts from "./Shortcuts";
+import { COLORS, DATE_FORMAT, DEFAULT_COLOR, LANGUAGE } from "../constants";
+import DatepickerContext from "../contexts/DatepickerContext";
+import { formatDate, nextMonth, previousMonth } from "../helpers";
+import useOnClickOutside from "../hooks";
+import { Period, DatepickerType, ColorKeys } from "../types";
+
+import { VerticalDash } from "./utils";
+import { useLocal } from "@/lib/utils/use-local";
+import { Popover } from "@/components/Popover/Popover";
+
+const Datepicker: React.FC<DatepickerType> = ({
+  primaryColor = "blue",
+  value = null,
+  onChange,
+  useRange = true,
+  showFooter = false,
+  showShortcuts = false,
+  configs = undefined,
+  asSingle = false,
+  placeholder = null,
+  separator = "~",
+  startFrom = null,
+  i18n = LANGUAGE,
+  disabled = false,
+  inputClassName = null,
+  containerClassName = null,
+  toggleClassName = null,
+  toggleIcon = undefined,
+  displayFormat = DATE_FORMAT,
+  readOnly = false,
+  minDate = null,
+  maxDate = null,
+  dateLooking = "forward",
+  disabledDates = null,
+  inputId,
+  inputName,
+  startWeekOn = "sun",
+  classNames = undefined,
+  popoverDirection = undefined,
+  mode = "daily",
+}) => {
+  const local = useLocal({ open: false as boolean });
+  // Ref
+  const containerRef = useRef<HTMLDivElement | null>(null);
+  const calendarContainerRef = useRef<HTMLDivElement | null>(null);
+  const arrowRef = useRef<HTMLDivElement | null>(null);
+
+  // State
+  const [firstDate, setFirstDate] = useState<dayjs.Dayjs>(
+    startFrom && dayjs(startFrom).isValid() ? dayjs(startFrom) : dayjs()
+  );
+  const [secondDate, setSecondDate] = useState<dayjs.Dayjs>(
+    nextMonth(firstDate)
+  );
+  const [period, setPeriod] = useState<Period>({
+    start: null,
+    end: null,
+  });
+  const [dayHover, setDayHover] = useState<string | null>(null);
+  const [inputText, setInputText] = useState<string>("");
+  const [inputRef, setInputRef] = useState(React.createRef<HTMLInputElement>());
+
+  // Custom Hooks use
+  useOnClickOutside(calendarContainerRef, () => {
+    const container = calendarContainerRef.current;
+    if (container) {
+      hideDatepicker();
+    }
+  });
+
+  // Functions
+  const hideDatepicker = useCallback(() => {
+    local.open = false;
+    local.render();
+  }, []);
+
+  /* Start First */
+  const firstGotoDate = useCallback(
+    (date: dayjs.Dayjs) => {
+      const newDate = dayjs(formatDate(date));
+      const reformatDate = dayjs(formatDate(secondDate));
+      if (newDate.isSame(reformatDate) || newDate.isAfter(reformatDate)) {
+        setSecondDate(nextMonth(date));
+      }
+      setFirstDate(date);
+    },
+    [secondDate]
+  );
+
+  const previousMonthFirst = useCallback(() => {
+    setFirstDate(previousMonth(firstDate));
+  }, [firstDate]);
+
+  const nextMonthFirst = useCallback(() => {
+    firstGotoDate(nextMonth(firstDate));
+  }, [firstDate, firstGotoDate]);
+
+  const changeFirstMonth = useCallback(
+    (month: number) => {
+      firstGotoDate(
+        dayjs(`${firstDate.year()}-${month < 10 ? "0" : ""}${month}-01`)
+      );
+    },
+    [firstDate, firstGotoDate]
+  );
+
+  const changeFirstYear = useCallback(
+    (year: number) => {
+      firstGotoDate(dayjs(`${year}-${firstDate.month() + 1}-01`));
+    },
+    [firstDate, firstGotoDate]
+  );
+  /* End First */
+
+  /* Start Second */
+  const secondGotoDate = useCallback(
+    (date: dayjs.Dayjs) => {
+      const newDate = dayjs(formatDate(date, displayFormat));
+      const reformatDate = dayjs(formatDate(firstDate, displayFormat));
+      if (newDate.isSame(reformatDate) || newDate.isBefore(reformatDate)) {
+        setFirstDate(previousMonth(date));
+      }
+      setSecondDate(date);
+    },
+    [firstDate, displayFormat]
+  );
+
+  const previousMonthSecond = useCallback(() => {
+    secondGotoDate(previousMonth(secondDate));
+  }, [secondDate, secondGotoDate]);
+
+  const nextMonthSecond = useCallback(() => {
+    setSecondDate(nextMonth(secondDate));
+  }, [secondDate]);
+
+  const changeSecondMonth = useCallback(
+    (month: number) => {
+      secondGotoDate(
+        dayjs(`${secondDate.year()}-${month < 10 ? "0" : ""}${month}-01`)
+      );
+    },
+    [secondDate, secondGotoDate]
+  );
+
+  const changeSecondYear = useCallback(
+    (year: number) => {
+      secondGotoDate(dayjs(`${year}-${secondDate.month() + 1}-01`));
+    },
+    [secondDate, secondGotoDate]
+  );
+  /* End Second */
+
+  // UseEffects & UseLayoutEffect
+  useEffect(() => {
+    const container = containerRef.current;
+    const calendarContainer = calendarContainerRef.current;
+    const arrow = arrowRef.current;
+
+    if (container && calendarContainer && arrow) {
+      const detail = container.getBoundingClientRect();
+      const screenCenter = window.innerWidth / 2;
+      const containerCenter = (detail.right - detail.x) / 2 + detail.x;
+
+      if (containerCenter > screenCenter) {
+        arrow.classList.add("right-0");
+        arrow.classList.add("mr-3.5");
+        calendarContainer.classList.add("right-0");
+      }
+    }
+  }, []);
+
+  useEffect(() => {
+    if (value && value.startDate && value.endDate) {
+      const startDate = dayjs(value.startDate);
+      const endDate = dayjs(value.endDate);
+      const validDate = startDate.isValid() && endDate.isValid();
+      const condition =
+        validDate && (startDate.isSame(endDate) || startDate.isBefore(endDate));
+      if (condition) {
+        setPeriod({
+          start: formatDate(startDate),
+          end: formatDate(endDate),
+        });
+        setInputText(
+          `${formatDate(startDate, displayFormat)}${
+            asSingle
+              ? ""
+              : ` ${separator} ${formatDate(endDate, displayFormat)}`
+          }`
+        );
+      }
+    }
+
+    if (value && value.startDate === null && value.endDate === null) {
+      setPeriod({
+        start: null,
+        end: null,
+      });
+      setInputText("");
+    }
+  }, [asSingle, value, displayFormat, separator]);
+
+  useEffect(() => {
+    if (startFrom && dayjs(startFrom).isValid()) {
+      const startDate = value?.startDate;
+      const endDate = value?.endDate;
+      if (startDate && dayjs(startDate).isValid()) {
+        setFirstDate(dayjs(startDate));
+        if (!asSingle) {
+          if (
+            endDate &&
+            dayjs(endDate).isValid() &&
+            dayjs(endDate).startOf("month").isAfter(dayjs(startDate))
+          ) {
+            setSecondDate(dayjs(endDate));
+          } else {
+            setSecondDate(nextMonth(dayjs(startDate)));
+          }
+        }
+      } else {
+        setFirstDate(dayjs(startFrom));
+        setSecondDate(nextMonth(dayjs(startFrom)));
+      }
+    }
+  }, [asSingle, startFrom, value]);
+
+  // Variables
+  const safePrimaryColor = useMemo(() => {
+    if (COLORS.includes(primaryColor)) {
+      return primaryColor as ColorKeys;
+    }
+    return DEFAULT_COLOR;
+  }, [primaryColor]);
+  const contextValues = useMemo(() => {
+    return {
+      asSingle,
+      primaryColor: safePrimaryColor,
+      configs,
+      calendarContainer: calendarContainerRef,
+      arrowContainer: arrowRef,
+      hideDatepicker,
+      period,
+      changePeriod: (newPeriod: Period) => setPeriod(newPeriod),
+      dayHover,
+      changeDayHover: (newDay: string | null) => setDayHover(newDay),
+      inputText,
+      changeInputText: (newText: string) => setInputText(newText),
+      updateFirstDate: (newDate: dayjs.Dayjs) => firstGotoDate(newDate),
+      changeDatepickerValue: onChange,
+      showFooter,
+      placeholder,
+      separator,
+      i18n,
+      value,
+      disabled,
+      inputClassName,
+      containerClassName,
+      toggleClassName,
+      toggleIcon,
+      readOnly,
+      displayFormat,
+      minDate,
+      maxDate,
+      dateLooking,
+      disabledDates,
+      inputId,
+      inputName,
+      startWeekOn,
+      classNames,
+      onChange,
+      input: inputRef,
+      popoverDirection,
+    };
+  }, [
+    asSingle,
+    safePrimaryColor,
+    configs,
+    hideDatepicker,
+    period,
+    dayHover,
+    inputText,
+    onChange,
+    showFooter,
+    placeholder,
+    separator,
+    i18n,
+    value,
+    disabled,
+    inputClassName,
+    containerClassName,
+    toggleClassName,
+    toggleIcon,
+    readOnly,
+    displayFormat,
+    minDate,
+    maxDate,
+    dateLooking,
+    disabledDates,
+    inputId,
+    inputName,
+    startWeekOn,
+    classNames,
+    inputRef,
+    popoverDirection,
+    firstGotoDate,
+  ]);
+
+  const containerClassNameOverload = useMemo(() => {
+    const defaultContainerClassName = "relative w-full text-gray-700";
+    return typeof containerClassName === "function"
+      ? containerClassName(defaultContainerClassName)
+      : typeof containerClassName === "string" && containerClassName !== ""
+      ? containerClassName
+      : defaultContainerClassName;
+  }, [containerClassName]);
+
+  return (
+    <DatepickerContext.Provider value={contextValues}>
+      <Popover
+        classNameTrigger={"w-full"}
+        arrow={false}
+        className="rounded-md"
+        onOpenChange={(open: any) => {
+          if (!disabled) {
+            local.open = open;
+            local.render();
+          }
+        }}
+        open={local.open}
+        content={
+          <div className={cx("text-md 2xl:text-md")} ref={calendarContainerRef}>
+            <div className="flex flex-col lg:flex-row py-1">
+              {showShortcuts && <Shortcuts />}
+
+              <div
+                className={`flex items-stretch flex-col md:flex-row space-y-4 md:space-y-0 md:space-x-1.5 ${
+                  showShortcuts ? "md:pl-2" : "md:pl-1"
+                } pr-2 lg:pr-1`}
+              >
+                <Calendar
+                  date={firstDate}
+                  onClickPrevious={previousMonthFirst}
+                  onClickNext={nextMonthFirst}
+                  changeMonth={changeFirstMonth}
+                  changeYear={changeFirstYear}
+                  mode={mode}
+                  minDate={minDate}
+                  maxDate={maxDate}
+                />
+
+                {useRange && (
+                  <>
+                    <div className="flex items-center">
+                      <VerticalDash />
+                    </div>
+
+                    <Calendar
+                      date={secondDate}
+                      onClickPrevious={previousMonthSecond}
+                      onClickNext={nextMonthSecond}
+                      changeMonth={changeSecondMonth}
+                      changeYear={changeSecondYear}
+                      mode={mode}
+                      minDate={minDate}
+                      maxDate={maxDate}
+                    />
+                  </>
+                )}
+              </div>
+            </div>
+
+            {showFooter && <Footer />}
+          </div>
+        }
+      >
+        <div className={containerClassNameOverload}>
+          <Input setContextRef={setInputRef} />
+        </div>
+      </Popover>
+    </DatepickerContext.Provider>
+  );
+};
+
+export default Datepicker;
diff --git a/src/components/ui/Datepicker/components/Footer.tsx b/src/components/ui/Datepicker/components/Footer.tsx
new file mode 100644
index 0000000..9b4a720
--- /dev/null
+++ b/src/components/ui/Datepicker/components/Footer.tsx
@@ -0,0 +1,55 @@
+import dayjs from "dayjs";
+import React, { useCallback, useContext } from "react";
+
+import { DATE_FORMAT } from "../constants";
+import DatepickerContext from "../contexts/DatepickerContext";
+
+import { PrimaryButton, SecondaryButton } from "./utils";
+
+const Footer: React.FC = () => {
+  // Contexts
+  const { hideDatepicker, period, changeDatepickerValue, configs, classNames } =
+    useContext(DatepickerContext);
+
+  // Functions
+  const getClassName = useCallback(() => {
+    if (
+      typeof classNames !== "undefined" &&
+      typeof classNames?.footer === "function"
+    ) {
+      return classNames.footer();
+    }
+
+    return " flex items-center justify-end pb-2.5 pt-3 border-t border-gray-300 dark:border-gray-700";
+  }, [classNames]);
+
+  return (
+    <div className={getClassName()}>
+      <div className="w-full md:w-auto flex items-center justify-center space-x-3">
+        <SecondaryButton
+          onClick={() => {
+            hideDatepicker();
+          }}
+        >
+          <>{configs?.footer?.cancel ? configs.footer.cancel : "Cancel"}</>
+        </SecondaryButton>
+        <PrimaryButton
+          onClick={() => {
+            if (period.start && period.end) {
+              changeDatepickerValue({
+                startDate: dayjs(period.start).format(DATE_FORMAT),
+                endDate: dayjs(period.end).format(DATE_FORMAT),
+              });
+              hideDatepicker();
+            }
+          }}
+          disabled={!(period.start && period.end)}
+        >
+          <>{configs?.footer?.apply ? configs.footer.apply : "Apply"}</>
+        </PrimaryButton>
+      </div>
+    </div>
+  );
+};
+
+export default Footer;
diff --git a/src/components/ui/Datepicker/components/Input.tsx b/src/components/ui/Datepicker/components/Input.tsx
new file mode 100644
index 0000000..a5c04a9
--- /dev/null
+++ b/src/components/ui/Datepicker/components/Input.tsx
@@ -0,0 +1,333 @@
+import dayjs from "dayjs";
+import React, { useCallback, useContext, useEffect, useRef } from "react";
+
+import { BORDER_COLOR, DATE_FORMAT, RING_COLOR } from "../constants";
+import DatepickerContext from "../contexts/DatepickerContext";
+import { dateIsValid, parseFormattedDate } from "../helpers";
+
+import ToggleButton from "./ToggleButton";
+
+type Props = {
+  setContextRef?: (ref: React.RefObject<HTMLInputElement>) => void;
+};
+
+const Input: React.FC<Props> = (e: Props) => {
+  // Context
+  const {
+    primaryColor,
+    period,
+    dayHover,
+    changeDayHover,
+    calendarContainer,
+    arrowContainer,
+    inputText,
+    changeInputText,
+    hideDatepicker,
+    changeDatepickerValue,
+    asSingle,
+    placeholder,
+    separator,
+    disabled,
+    inputClassName,
+    toggleClassName,
+    toggleIcon,
+    readOnly,
+    displayFormat,
+    inputId,
+    inputName,
+    classNames,
+    popoverDirection,
+  } = useContext(DatepickerContext);
+
+  // UseRefs
+  const buttonRef = useRef<HTMLButtonElement>(null);
+  const inputRef = useRef<HTMLInputElement>(null);
+
+  // Functions
+  const getClassName = useCallback(() => {
+    const input = inputRef.current;
+
+    if (
+      input &&
+      typeof classNames !== "undefined" &&
+      typeof classNames?.input === "function"
+    ) {
+      return classNames.input(input);
+    }
+
+    const border =
+      BORDER_COLOR.focus[primaryColor as keyof typeof BORDER_COLOR.focus];
+    const ring =
+      RING_COLOR["second-focus"][
+        primaryColor as keyof (typeof RING_COLOR)["second-focus"]
+      ];
+
+    const defaultInputClassName = `relative flex h-9 w-full rounded-md border border-gray-200 border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm ${border} ${ring}`;
+
+    return typeof inputClassName === "function"
+      ? inputClassName(defaultInputClassName)
+      : typeof inputClassName === "string" && inputClassName !== ""
+      ? inputClassName
+      : defaultInputClassName;
+  }, [inputRef, classNames, primaryColor, inputClassName]);
+
+  const handleInputChange = useCallback(
+    (e: React.ChangeEvent<HTMLInputElement>) => {
+      const inputValue = e.target.value;
+      const dates = [];
+      if (asSingle) {
+        const date = parseFormattedDate(inputValue, displayFormat);
+        if (dateIsValid(date.toDate())) {
+          dates.push(date.format(DATE_FORMAT));
+        }
+      } else {
+        const parsed = inputValue.split(separator);
+
+        let startDate = null;
+        let endDate = null;
+
+        if (parsed.length === 2) {
+          startDate = parseFormattedDate(parsed[0], displayFormat);
+          endDate = parseFormattedDate(parsed[1], displayFormat);
+        } else {
+          const middle = Math.floor(inputValue.length / 2);
+          startDate = parseFormattedDate(
+            inputValue.slice(0, middle),
+            displayFormat
+          );
+          endDate = parseFormattedDate(inputValue.slice(middle), displayFormat);
+        }
+
+        if (
+          dateIsValid(startDate.toDate()) &&
+          dateIsValid(endDate.toDate()) &&
+          startDate.isBefore(endDate)
+        ) {
+          dates.push(startDate.format(DATE_FORMAT));
+          dates.push(endDate.format(DATE_FORMAT));
+        }
+      }
+
+      if (dates[0]) {
+        changeDatepickerValue(
+          {
+            startDate: dates[0],
+            endDate: dates[1] || dates[0],
+          },
+          e.target
+        );
+        if (dates[1])
+          changeDayHover(dayjs(dates[1]).add(-1, "day").format(DATE_FORMAT));
+        else changeDayHover(dates[0]);
+      } else {
+        changeDatepickerValue(null, e.target);
+      }
+
+      changeInputText(e.target.value);
+    },
+    [
+      asSingle,
+      displayFormat,
+      separator,
+      changeDatepickerValue,
+      changeDayHover,
+      changeInputText,
+    ]
+  );
+
+  const handleInputKeyDown = useCallback(
+    (e: React.KeyboardEvent<HTMLInputElement>) => {
+      if (e.key === "Enter") {
+        const input = inputRef.current;
+        if (input) {
+          input.blur();
+        }
+        hideDatepicker();
+      }
+    },
+    [hideDatepicker]
+  );
+
+  const renderToggleIcon = useCallback(
+    (isEmpty: boolean) => {
+      return typeof toggleIcon === "undefined" ? (
+        <ToggleButton isEmpty={isEmpty} />
+      ) : (
+        toggleIcon(isEmpty)
+      );
+    },
+    [toggleIcon]
+  );
+
+  const getToggleClassName = useCallback(() => {
+    const button = buttonRef.current;
+
+    if (
+      button &&
+      typeof classNames !== "undefined" &&
+      typeof classNames?.toggleButton === "function"
+    ) {
+      return classNames.toggleButton(button);
+    }
+
+    const defaultToggleClassName =
+      "absolute right-0 top-0 h-full px-3 text-gray-400 focus:outline-none disabled:opacity-40 disabled:cursor-not-allowed";
+
+    return typeof toggleClassName === "function"
+      ? toggleClassName(defaultToggleClassName)
+      : typeof toggleClassName === "string" && toggleClassName !== ""
+      ? toggleClassName
+      : defaultToggleClassName;
+  }, [toggleClassName, buttonRef, classNames]);
+
+  // UseEffects && UseLayoutEffect
+  useEffect(() => {
+    if (inputRef && e.setContextRef && typeof e.setContextRef === "function") {
+      e.setContextRef(inputRef);
+    }
+  }, [e, inputRef]);
+
+  useEffect(() => {
+    const button = buttonRef?.current;
+
+    function focusInput(e: Event) {
+      e.stopPropagation();
+      const input = inputRef.current;
+
+      if (input) {
+        input.focus();
+        if (inputText) {
+          changeInputText("");
+          if (dayHover) {
+            changeDayHover(null);
+          }
+          if (period.start && period.end) {
+            changeDatepickerValue(
+              {
+                startDate: null,
+                endDate: null,
+              },
+              input
+            );
+          }
+        }
+      }
+    }
+
+    if (button) {
+      button.addEventListener("click", focusInput);
+    }
+
+    return () => {
+      if (button) {
+        button.removeEventListener("click", focusInput);
+      }
+    };
+  }, [
+    changeDatepickerValue,
+    changeDayHover,
+    changeInputText,
+    dayHover,
+    inputText,
+    period.end,
+    period.start,
+    inputRef,
+  ]);
+
+  useEffect(() => {
+    const div = calendarContainer?.current;
+    const input = inputRef.current;
+    const arrow = arrowContainer?.current;
+
+    function showCalendarContainer() {
+      if (arrow && div && div.classList.contains("hidden")) {
+        div.classList.remove("hidden");
+        div.classList.add("block");
+
+        // window.innerWidth === 767
+        const popoverOnUp = popoverDirection == "up";
+        const popoverOnDown = popoverDirection === "down";
+        if (
+          popoverOnUp ||
+          (window.innerWidth > 767 &&
+            window.screen.height - 100 < div.getBoundingClientRect().bottom &&
+            !popoverOnDown)
+        ) {
+          div.classList.add("bottom-full");
+          div.classList.add("mb-2.5");
+          div.classList.remove("mt-2.5");
+          arrow.classList.add("-bottom-2");
+          arrow.classList.add("border-r");
+          arrow.classList.add("border-b");
+          arrow.classList.remove("border-l");
+          arrow.classList.remove("border-t");
+        }
+
+        setTimeout(() => {
+          div.classList.remove("translate-y-4");
+          div.classList.remove("opacity-0");
+          div.classList.add("translate-y-0");
+          div.classList.add("opacity-1");
+        }, 1);
+      }
+    }
+
+    if (div && input) {
+      input.addEventListener("focus", showCalendarContainer);
+    }
+
+    return () => {
+      if (input) {
+        input.removeEventListener("focus", showCalendarContainer);
+      }
+    };
+  }, [calendarContainer, arrowContainer, popoverDirection]);
+
+  return (
+    <>
+      {disabled ? (
+        <div
+          className={
+            "flex h-9 w-full rounded-md  border-input bg-gray-100 items-center px-3 py-1 text-base transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm"
+          }
+        >
+          {inputText ? inputText : "-"}
+        </div>
+      ) : (
+        <input
+          ref={inputRef}
+          type="text"
+          className={getClassName()}
+          readOnly={readOnly}
+          placeholder={
+            placeholder
+              ? placeholder
+              : `${displayFormat}${
+                  asSingle ? "" : ` ${separator} ${displayFormat}`
+                }`
+          }
+          value={inputText}
+          id={inputId}
+          name={inputName}
+          autoComplete="off"
+          role="presentation"
+          onChange={handleInputChange}
+          onKeyDown={handleInputKeyDown}
+        />
+      )}
+
+      {!disabled && (
+        <button
+          type="button"
+          ref={buttonRef}
+          disabled={disabled}
+          className={getToggleClassName()}
+        >
+          {renderToggleIcon(inputText == null || !inputText?.length)}
+        </button>
+      )}
+    </>
+  );
+};
+
+export default Input;
diff --git a/src/components/ui/Datepicker/components/Shortcuts.tsx b/src/components/ui/Datepicker/components/Shortcuts.tsx
new file mode 100644
index 0000000..4cd1c57
--- /dev/null
+++ b/src/components/ui/Datepicker/components/Shortcuts.tsx
@@ -0,0 +1,179 @@
+import dayjs from "dayjs";
+import React, { useCallback, useContext, useMemo } from "react";
+
+import { DATE_FORMAT, TEXT_COLOR } from "../constants";
+import DEFAULT_SHORTCUTS from "../constants/shortcuts";
+import DatepickerContext from "../contexts/DatepickerContext";
+import { Period, ShortcutsItem } from "../types";
+
+interface ItemTemplateProps {
+  children: any;
+  key: number;
+  item: ShortcutsItem | ShortcutsItem[];
+}
+
+// eslint-disable-next-line react/display-name
+const ItemTemplate = React.memo((props: ItemTemplateProps) => {
+  const {
+    primaryColor,
+    period,
+    changePeriod,
+    updateFirstDate,
+    dayHover,
+    changeDayHover,
+    hideDatepicker,
+    changeDatepickerValue,
+  } = useContext(DatepickerContext);
+
+  // Functions
+  const getClassName: () => string = useCallback(() => {
+    const textColor =
+      TEXT_COLOR["600"][primaryColor as keyof (typeof TEXT_COLOR)["600"]];
+    const textColorHover =
+      TEXT_COLOR.hover[primaryColor as keyof typeof TEXT_COLOR.hover];
+    return `whitespace-nowrap w-1/2 md:w-1/3 lg:w-auto transition-all duration-300 hover:bg-gray-100 dark:hover:bg-white/10 p-2 rounded cursor-pointer ${textColor} ${textColorHover}`;
+  }, [primaryColor]);
+
+  const chosePeriod = useCallback(
+    (item: Period) => {
+      if (dayHover) {
+        changeDayHover(null);
+      }
+      if (period.start || period.end) {
+        changePeriod({
+          start: null,
+          end: null,
+        });
+      }
+      changePeriod(item);
+      changeDatepickerValue({
+        startDate: item.start,
+        endDate: item.end,
+      });
+      updateFirstDate(dayjs(item.start));
+      hideDatepicker();
+    },
+    [
+      changeDatepickerValue,
+      changeDayHover,
+      changePeriod,
+      dayHover,
+      hideDatepicker,
+      period.end,
+      period.start,
+      updateFirstDate,
+    ]
+  );
+
+  const children = props?.children;
+
+  return (
+    <li
+      className={getClassName()}
+      onClick={() => {
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        chosePeriod(props?.item.period);
+      }}
+    >
+      {children}
+    </li>
+  );
+});
+
+const Shortcuts: React.FC = () => {
+  // Contexts
+  const { configs } = useContext(DatepickerContext);
+
+  const callPastFunction = useCallback((data: unknown, numberValue: number) => {
+    return typeof data === "function" ? data(numberValue) : null;
+  }, []);
+
+  const shortcutOptions = useMemo<
+    [string, ShortcutsItem | ShortcutsItem[]][]
+  >(() => {
+    if (!configs?.shortcuts) {
+      return Object.entries(DEFAULT_SHORTCUTS);
+    }
+
+    return Object.entries(configs.shortcuts).flatMap(([key, customConfig]) => {
+      if (Object.prototype.hasOwnProperty.call(DEFAULT_SHORTCUTS, key)) {
+        return [[key, DEFAULT_SHORTCUTS[key]]];
+      }
+
+      const { text, period } = customConfig as {
+        text: string;
+        period: { start: string; end: string };
+      };
+      if (!text || !period) {
+        return [];
+      }
+
+      const start = dayjs(period.start);
+      const end = dayjs(period.end);
+
+      if (
+        start.isValid() &&
+        end.isValid() &&
+        (start.isBefore(end) || start.isSame(end))
+      ) {
+        return [
+          [
+            text,
+            {
+              text,
+              period: {
+                start: start.format(DATE_FORMAT),
+                end: end.format(DATE_FORMAT),
+              },
+            },
+          ],
+        ];
+      }
+
+      return [];
+    });
+  }, [configs]);
+
+  const printItemText = useCallback((item: ShortcutsItem) => {
+    return item?.text ?? null;
+  }, []);
+
+  return shortcutOptions?.length ? (
+    <div className="md:border-b mb-3 lg:mb-0 lg:border-r lg:border-b-0 border-gray-300 dark:border-gray-700 pr-1">
+      <ul className="w-full tracking-wide flex flex-wrap lg:flex-col pb-1 lg:pb-0">
+        {shortcutOptions.map(([key, item], index: number) =>
+          Array.isArray(item) ? (
+            item.map((item, index) => (
+              <ItemTemplate key={index} item={item}>
+                <>
+                  {key === "past" &&
+                  configs?.shortcuts &&
+                  key in configs.shortcuts &&
+                  item.daysNumber
+                    ? callPastFunction(
+                        configs.shortcuts[key as "past"],
+                        item.daysNumber
+                      )
+                    : item.text}
+                </>
+              </ItemTemplate>
+            ))
+          ) : (
+            <ItemTemplate key={index} item={item}>
+              {configs?.shortcuts && key in configs.shortcuts
+                ? typeof configs.shortcuts[
+                    key as keyof typeof configs.shortcuts
+                  ] === "object"
+                  ? printItemText(item)
+                  : configs.shortcuts[key as keyof typeof configs.shortcuts]
+                : printItemText(item)}
+            </ItemTemplate>
+          )
+        )}
+      </ul>
+    </div>
+  ) : null;
+};
+
+export default Shortcuts;
diff --git a/src/components/ui/Datepicker/components/ToggleButton.tsx b/src/components/ui/Datepicker/components/ToggleButton.tsx
new file mode 100644
index 0000000..5b62bdf
--- /dev/null
+++ b/src/components/ui/Datepicker/components/ToggleButton.tsx
@@ -0,0 +1,19 @@
+import React from "react";
+
+import { CloseIcon, DateIcon } from "./utils";
+
+interface ToggleButtonProps {
+  isEmpty: boolean;
+}
+
+const ToggleButton: React.FC<ToggleButtonProps> = (
+  e: ToggleButtonProps
+): JSX.Element => {
+  return e.isEmpty ? (
+    <DateIcon className="h-5 w-5" />
+  ) : (
+    <CloseIcon className="h-5 w-5" />
+  );
+};
+
+export default ToggleButton;
diff --git a/src/components/ui/Datepicker/components/utils.tsx b/src/components/ui/Datepicker/components/utils.tsx
new file mode 100644
index 0000000..c7fac0a
--- /dev/null
+++ b/src/components/ui/Datepicker/components/utils.tsx
@@ -0,0 +1,257 @@
+import React, { useCallback, useContext } from "react";
+
+import { BG_COLOR, BORDER_COLOR, BUTTON_COLOR, RING_COLOR } from "../constants";
+import DatepickerContext from "../contexts/DatepickerContext";
+
+interface IconProps {
+  className: string;
+}
+
+interface Button {
+  children: JSX.Element | JSX.Element[];
+  onClick: React.MouseEventHandler<HTMLButtonElement>;
+  disabled?: boolean;
+  roundedFull?: boolean;
+  padding?: string;
+  active?: boolean;
+  style?: string;
+  className?: string;
+}
+
+export const DateIcon: React.FC<IconProps> = ({ className = "w-6 h-6" }) => {
+  return (
+    <svg
+      className={className}
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 24 24"
+      strokeWidth={1.5}
+      stroke="currentColor"
+    >
+      <path
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5m-9-6h.008v.008H12v-.008zM12 15h.008v.008H12V15zm0 2.25h.008v.008H12v-.008zM9.75 15h.008v.008H9.75V15zm0 2.25h.008v.008H9.75v-.008zM7.5 15h.008v.008H7.5V15zm0 2.25h.008v.008H7.5v-.008zm6.75-4.5h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V15zm0 2.25h.008v.008h-.008v-.008zm2.25-4.5h.008v.008H16.5v-.008zm0 2.25h.008v.008H16.5V15z"
+      />
+    </svg>
+  );
+};
+
+export const CloseIcon: React.FC<IconProps> = ({ className = "w-6 h-6" }) => {
+  return (
+    <svg
+      className={className}
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 24 24"
+      strokeWidth={1.5}
+      stroke="currentColor"
+    >
+      <path
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        d="M6 18L18 6M6 6l12 12"
+      />
+    </svg>
+  );
+};
+
+export const ChevronLeftIcon: React.FC<IconProps> = ({
+  className = "w-6 h-6",
+}) => {
+  return (
+    <svg
+      className={className}
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 24 24"
+      strokeWidth={1.5}
+      stroke="currentColor"
+    >
+      <path
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        d="M15.75 19.5L8.25 12l7.5-7.5"
+      />
+    </svg>
+  );
+};
+
+export const DoubleChevronLeftIcon: React.FC<IconProps> = ({
+  className = "w-6 h-6",
+}) => {
+  return (
+    <svg
+      className={className}
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 24 24"
+      strokeWidth={1.5}
+      stroke="currentColor"
+    >
+      <path
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        d="M18.75 19.5l-7.5-7.5 7.5-7.5m-6 15L5.25 12l7.5-7.5"
+      />
+    </svg>
+  );
+};
+
+export const ChevronRightIcon: React.FC<IconProps> = ({
+  className = "w-6 h-6",
+}) => {
+  return (
+    <svg
+      className={className}
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 24 24"
+      strokeWidth={1.5}
+      stroke="currentColor"
+    >
+      <path
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        d="M8.25 4.5l7.5 7.5-7.5 7.5"
+      />
+    </svg>
+  );
+};
+
+export const DoubleChevronRightIcon: React.FC<IconProps> = ({
+  className = "w-6 h-6",
+}) => {
+  return (
+    <svg
+      className={className}
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 24 24"
+      strokeWidth={1.5}
+      stroke="currentColor"
+    >
+      <path
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        d="M11.25 4.5l7.5 7.5-7.5 7.5m-6-15l7.5 7.5-7.5 7.5"
+      />
+    </svg>
+  );
+};
+
+export const SecondaryButton: React.FC<Button> = ({
+  children,
+  onClick,
+  disabled = false,
+}) => {
+  // Contexts
+  const { primaryColor } = useContext(DatepickerContext);
+
+  // Functions
+  const getClassName: () => string = useCallback(() => {
+    const ringColor =
+      RING_COLOR.focus[primaryColor as keyof typeof RING_COLOR.focus];
+    return ` w-full transition-all duration-300 bg-gray-50 font-medium border border-gray-300 px-4 py-2.5 text-md rounded-md focus:ring-2 focus:ring-offset-2 hover:bg-gray-50 ${ringColor}`;
+  }, [primaryColor]);
+
+  return (
+    <button
+      type="button"
+      className={getClassName()}
+      onClick={onClick}
+      disabled={disabled}
+    >
+      {children}
+    </button>
+  );
+};
+
+export const PrimaryButton: React.FC<Button> = ({
+  children,
+  onClick,
+  disabled = false,
+}) => {
+  // Contexts
+  const { primaryColor } = useContext(DatepickerContext);
+  const bgColor =
+    BG_COLOR["500"][primaryColor as keyof (typeof BG_COLOR)["500"]];
+  const borderColor =
+    BORDER_COLOR["500"][primaryColor as keyof (typeof BORDER_COLOR)["500"]];
+  const bgColorHover =
+    BG_COLOR.hover[primaryColor as keyof typeof BG_COLOR.hover];
+  const ringColor =
+    RING_COLOR.focus[primaryColor as keyof typeof RING_COLOR.focus];
+
+  // Functions
+  const getClassName = useCallback(() => {
+    return ` w-full transition-all duration-300 ${bgColor} ${borderColor} text-white font-medium border px-4 py-2 text-md rounded-md focus:ring-2 focus:ring-offset-2 ${bgColorHover} ${ringColor} ${
+      disabled ? " cursor-no-drop" : ""
+    }`;
+  }, [bgColor, bgColorHover, borderColor, disabled, ringColor]);
+
+  return (
+    <button
+      type="button"
+      className={getClassName()}
+      onClick={onClick}
+      disabled={disabled}
+    >
+      {children}
+    </button>
+  );
+};
+
+export const RoundedButton: React.FC<Button> = ({
+  children,
+  onClick,
+  disabled,
+  roundedFull = false,
+  padding = "",
+  active = false,
+  style,
+  className = "rounded-full",
+}) => {
+  // Contexts
+  const { primaryColor } = useContext(DatepickerContext);
+
+  // Functions
+  const getClassName = useCallback(() => {
+    const darkClass = "";
+    const activeClass = active ? "font-semibold bg-gray-50 " : "";
+    const defaultClass = !roundedFull
+      ? `w-full tracking-wide ${darkClass} ${activeClass} transition-all duration-300 ${
+          style === "custom" ? "px-2" : "uppercase p-[0.45rem] py-[0.55rem]"
+        } hover:bg-gray-100 focus:ring-1`
+      : `${darkClass} ${activeClass} transition-all duration-300 hover:bg-gray-100  focus:ring-1`;
+    const buttonFocusColor =
+      BUTTON_COLOR.focus[primaryColor as keyof typeof BUTTON_COLOR.focus];
+    const disabledClass = disabled ? "line-through" : "";
+
+    return `${defaultClass} ${buttonFocusColor} ${disabledClass} ${className}`;
+  }, [disabled, padding, primaryColor, roundedFull, active]);
+
+  return (
+    <button
+      type="button"
+      className={getClassName()}
+      onClick={onClick}
+      disabled={disabled}
+    >
+      {children}
+    </button>
+  );
+};
+
+export const VerticalDash = () => {
+  // Contexts
+  const { primaryColor } = useContext(DatepickerContext);
+  const bgColor =
+    BG_COLOR["500"][primaryColor as keyof (typeof BG_COLOR)["500"]];
+
+  return (
+    <div
+      className={`bg-blue-500 h-7 w-1 rounded-full hidden md:block ${bgColor}`}
+    />
+  );
+};
diff --git a/src/components/ui/Datepicker/constants/index.ts b/src/components/ui/Datepicker/constants/index.ts
new file mode 100644
index 0000000..30984f5
--- /dev/null
+++ b/src/components/ui/Datepicker/constants/index.ts
@@ -0,0 +1,285 @@
+import { ColorKeys, Colors } from "../types";
+
+export const COLORS = [
+  "blue",
+  "orange",
+  "yellow",
+  "red",
+  "purple",
+  "amber",
+  "lime",
+  "green",
+  "emerald",
+  "teal",
+  "cyan",
+  "sky",
+  "indigo",
+  "violet",
+  "purple",
+  "fuchsia",
+  "pink",
+  "rose",
+] as const;
+
+export const DEFAULT_COLOR: ColorKeys = "blue";
+
+export const LANGUAGE = "en";
+
+export const DATE_FORMAT = "YYYY-MM-DD";
+
+export const START_WEEK = "sun";
+
+export const DATE_LOOKING_OPTIONS = ["forward", "backward", "middle"];
+
+export const DAYS = [0, 1, 2, 3, 4, 5, 6];
+
+export const MONTHS = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
+
+export const CALENDAR_SIZE = 42;
+
+// Beware, these maps of colors cannot be replaced with functions using string interpolation such as `bg-${color}-100`
+// as described in Tailwind documentation https://tailwindcss.com/docs/content-configuration#dynamiclass-names
+export const BG_COLOR: Colors = {
+  100: {
+    blue: "bg-blue-100",
+    orange: "bg-orange-100",
+    yellow: "bg-yellow-100",
+    red: "bg-red-100",
+    purple: "bg-purple-100",
+    amber: "bg-amber-100",
+    lime: "bg-lime-100",
+    green: "bg-green-100",
+    emerald: "bg-emerald-100",
+    teal: "bg-teal-100",
+    cyan: "bg-cyan-100",
+    sky: "bg-sky-100",
+    indigo: "bg-indigo-100",
+    violet: "bg-violet-100",
+    fuchsia: "bg-fuchsia-100",
+    pink: "bg-pink-100",
+    rose: "bg-rose-100",
+  },
+  200: {
+    blue: "bg-blue-200",
+    orange: "bg-orange-200",
+    yellow: "bg-yellow-200",
+    red: "bg-red-200",
+    purple: "bg-purple-200",
+    amber: "bg-amber-200",
+    lime: "bg-lime-200",
+    green: "bg-green-200",
+    emerald: "bg-emerald-200",
+    teal: "bg-teal-200",
+    cyan: "bg-cyan-200",
+    sky: "bg-sky-200",
+    indigo: "bg-indigo-200",
+    violet: "bg-violet-200",
+    fuchsia: "bg-fuchsia-200",
+    pink: "bg-pink-200",
+    rose: "bg-rose-200",
+  },
+  500: {
+    blue: "bg-blue-500",
+    orange: "bg-orange-500",
+    yellow: "bg-yellow-500",
+    red: "bg-red-500",
+    purple: "bg-purple-500",
+    amber: "bg-amber-500",
+    lime: "bg-lime-500",
+    green: "bg-green-500",
+    emerald: "bg-emerald-500",
+    teal: "bg-teal-500",
+    cyan: "bg-cyan-500",
+    sky: "bg-sky-500",
+    indigo: "bg-indigo-500",
+    violet: "bg-violet-500",
+    fuchsia: "bg-fuchsia-500",
+    pink: "bg-pink-500",
+    rose: "bg-rose-500",
+  },
+  hover: {
+    blue: "hover:bg-blue-600",
+    orange: "hover:bg-orange-600",
+    yellow: "hover:bg-yellow-600",
+    red: "hover:bg-red-600",
+    purple: "hover:bg-purple-600",
+    amber: "hover:bg-amber-600",
+    lime: "hover:bg-lime-600",
+    green: "hover:bg-green-600",
+    emerald: "hover:bg-emerald-600",
+    teal: "hover:bg-teal-600",
+    cyan: "hover:bg-cyan-600",
+    sky: "hover:bg-sky-600",
+    indigo: "hover:bg-indigo-600",
+    violet: "hover:bg-violet-600",
+    fuchsia: "hover:bg-fuchsia-600",
+    pink: "hover:bg-pink-600",
+    rose: "hover:bg-rose-600",
+  },
+};
+
+export const TEXT_COLOR: Colors = {
+  500: {
+    blue: "text-blue-500",
+    orange: "text-orange-500",
+    yellow: "text-yellow-500",
+    red: "text-red-500",
+    purple: "text-purple-500",
+    amber: "text-amber-500",
+    lime: "text-lime-500",
+    green: "text-green-500",
+    emerald: "text-emerald-500",
+    teal: "text-teal-500",
+    cyan: "text-cyan-500",
+    sky: "text-sky-500",
+    indigo: "text-indigo-500",
+    violet: "text-violet-500",
+    fuchsia: "text-fuchsia-500",
+    pink: "text-pink-500",
+    rose: "text-rose-500",
+  },
+  600: {
+    blue: "text-blue-600",
+    orange: "text-orange-600 ",
+    yellow: "text-yellow-600 ",
+    red: "text-red-600 ",
+    purple: "text-purple-600 ",
+    amber: "text-amber-600 ",
+    lime: "text-lime-600 ",
+    green: "text-green-600 ",
+    emerald:
+      "text-emerald-600 ",
+    teal: "text-teal-600 ",
+    cyan: "text-cyan-600 ",
+    sky: "text-sky-600 ",
+    indigo: "text-indigo-600 ",
+    violet: "text-violet-600 ",
+    fuchsia:
+      "text-fuchsia-600 ",
+    pink: "text-pink-600 ",
+    rose: "text-rose-600 ",
+  },
+  hover: {
+    blue: "hover:text-blue-700",
+    orange: "hover:text-orange-700",
+    yellow: "hover:text-yellow-700",
+    red: "hover:text-red-700",
+    purple: "hover:text-purple-700",
+    amber: "hover:text-amber-700",
+    lime: "hover:text-lime-700",
+    green: "hover:text-green-700",
+    emerald: "hover:text-emerald-700",
+    teal: "hover:text-teal-700",
+    cyan: "hover:text-cyan-700",
+    sky: "hover:text-sky-700",
+    indigo: "hover:text-indigo-700",
+    violet: "hover:text-violet-700",
+    fuchsia: "hover:text-fuchsia-700",
+    pink: "hover:text-pink-700",
+    rose: "hover:text-rose-700",
+  },
+};
+
+export const BORDER_COLOR: Colors = {
+  500: {
+    blue: "border-blue-500",
+    orange: "border-orange-500",
+    yellow: "border-yellow-500",
+    red: "border-red-500",
+    purple: "border-purple-500",
+    amber: "border-amber-500",
+    lime: "border-lime-500",
+    green: "border-green-500",
+    emerald: "border-emerald-500",
+    teal: "border-teal-500",
+    cyan: "border-cyan-500",
+    sky: "border-sky-500",
+    indigo: "border-indigo-500",
+    violet: "border-violet-500",
+    fuchsia: "border-fuchsia-500",
+    pink: "border-pink-500",
+    rose: "border-rose-500",
+  },
+  focus: {
+    blue: "focus:border-blue-500",
+    orange: "focus:border-orange-500",
+    yellow: "focus:border-yellow-500",
+    red: "focus:border-red-500",
+    purple: "focus:border-purple-500",
+    amber: "focus:border-amber-500",
+    lime: "focus:border-lime-500",
+    green: "focus:border-green-500",
+    emerald: "focus:border-emerald-500",
+    teal: "focus:border-teal-500",
+    cyan: "focus:border-cyan-500",
+    sky: "focus:border-sky-500",
+    indigo: "focus:border-indigo-500",
+    violet: "focus:border-violet-500",
+    fuchsia: "focus:border-fuchsia-500",
+    pink: "focus:border-pink-500",
+    rose: "focus:border-rose-500",
+  },
+};
+
+export const RING_COLOR: Colors = {
+  focus: {
+    blue: "focus:ring-blue-500",
+    orange: "focus:ring-orange-500",
+    yellow: "focus:ring-yellow-500",
+    red: "focus:ring-red-500",
+    purple: "focus:ring-purple-500",
+    amber: "focus:ring-amber-500",
+    lime: "focus:ring-lime-500",
+    green: "focus:ring-green-500",
+    emerald: "focus:ring-emerald-500",
+    teal: "focus:ring-teal-500",
+    cyan: "focus:ring-cyan-500",
+    sky: "focus:ring-sky-500",
+    indigo: "focus:ring-indigo-500",
+    violet: "focus:ring-violet-500",
+    fuchsia: "focus:ring-fuchsia-500",
+    pink: "focus:ring-pink-500",
+    rose: "focus:ring-rose-500",
+  },
+  "second-focus": {
+    blue: "focus:ring-blue-500/20",
+    orange: "focus:ring-orange-500/20",
+    yellow: "focus:ring-yellow-500/20",
+    red: "focus:ring-red-500/20",
+    purple: "focus:ring-purple-500/20",
+    amber: "focus:ring-amber-500/20",
+    lime: "focus:ring-lime-500/20",
+    green: "focus:ring-green-500/20",
+    emerald: "focus:ring-emerald-500/20",
+    teal: "focus:ring-teal-500/20",
+    cyan: "focus:ring-cyan-500/20",
+    sky: "focus:ring-sky-500/20",
+    indigo: "focus:ring-indigo-500/20",
+    violet: "focus:ring-violet-500/20",
+    fuchsia: "focus:ring-fuchsia-500/20",
+    pink: "focus:ring-pink-500/20",
+    rose: "focus:ring-rose-500/20",
+  },
+};
+
+export const BUTTON_COLOR: Colors = {
+  focus: {
+    blue: "focus:ring-blue-500/50 focus:bg-blue-100/50",
+    orange: "focus:ring-orange-500/50 focus:bg-orange-100/50",
+    yellow: "focus:ring-yellow-500/50 focus:bg-yellow-100/50",
+    red: "focus:ring-red-500/50 focus:bg-red-100/50",
+    purple: "focus:ring-purple-500/50 focus:bg-purple-100/50",
+    amber: "focus:ring-amber-500/50 focus:bg-amber-100/50",
+    lime: "focus:ring-lime-500/50 focus:bg-lime-100/50",
+    green: "focus:ring-green-500/50 focus:bg-green-100/50",
+    emerald: "focus:ring-emerald-500/50 focus:bg-emerald-100/50",
+    teal: "focus:ring-teal-500/50 focus:bg-teal-100/50",
+    cyan: "focus:ring-cyan-500/50 focus:bg-cyan-100/50",
+    sky: "focus:ring-sky-500/50 focus:bg-sky-100/50",
+    indigo: "focus:ring-indigo-500/50 focus:bg-indigo-100/50",
+    violet: "focus:ring-violet-500/50 focus:bg-violet-100/50",
+    fuchsia: "focus:ring-fuchsia-500/50 focus:bg-fuchsia-100/50",
+    pink: "focus:ring-pink-500/50 focus:bg-pink-100/50",
+    rose: "focus:ring-rose-500/50 focus:bg-rose-100/50",
+  },
+};
diff --git a/src/components/ui/Datepicker/constants/shortcuts.ts b/src/components/ui/Datepicker/constants/shortcuts.ts
new file mode 100644
index 0000000..4921bd4
--- /dev/null
+++ b/src/components/ui/Datepicker/constants/shortcuts.ts
@@ -0,0 +1,57 @@
+import dayjs from "dayjs";
+
+import { formatDate, previousMonth } from "../helpers";
+import { ShortcutsItem } from "../types";
+
+const DEFAULT_SHORTCUTS: {
+  [key in string]: ShortcutsItem | ShortcutsItem[];
+} = {
+  today: {
+    text: "Today",
+    period: {
+      start: formatDate(dayjs()),
+      end: formatDate(dayjs()),
+    },
+  },
+  yesterday: {
+    text: "Yesterday",
+    period: {
+      start: formatDate(dayjs().subtract(1, "d")),
+      end: formatDate(dayjs().subtract(1, "d")),
+    },
+  },
+  past: [
+    {
+      daysNumber: 7,
+      text: "Last 7 days",
+      period: {
+        start: formatDate(dayjs().subtract(7, "d")),
+        end: formatDate(dayjs()),
+      },
+    },
+    {
+      daysNumber: 30,
+      text: "Last 30 days",
+      period: {
+        start: formatDate(dayjs().subtract(30, "d")),
+        end: formatDate(dayjs()),
+      },
+    },
+  ],
+  currentMonth: {
+    text: "This month",
+    period: {
+      start: formatDate(dayjs().startOf("month")),
+      end: formatDate(dayjs().endOf("month")),
+    },
+  },
+  pastMonth: {
+    text: "Last month",
+    period: {
+      start: formatDate(previousMonth(dayjs()).startOf("month")),
+      end: formatDate(previousMonth(dayjs()).endOf("month")),
+    },
+  },
+};
+
+export default DEFAULT_SHORTCUTS;
diff --git a/src/components/ui/Datepicker/contexts/DatepickerContext.ts b/src/components/ui/Datepicker/contexts/DatepickerContext.ts
new file mode 100644
index 0000000..42bafa5
--- /dev/null
+++ b/src/components/ui/Datepicker/contexts/DatepickerContext.ts
@@ -0,0 +1,104 @@
+import dayjs from "dayjs";
+import React, { createContext } from "react";
+
+import { DATE_FORMAT, LANGUAGE, START_WEEK } from "../constants";
+import {
+  Configs,
+  Period,
+  DateValueType,
+  DateType,
+  DateRangeType,
+  ClassNamesTypeProp,
+  PopoverDirectionType,
+  ColorKeys,
+} from "../types";
+
+interface DatepickerStore {
+  input?: React.RefObject<HTMLInputElement>;
+  asSingle?: boolean;
+  primaryColor: ColorKeys;
+  configs?: Configs;
+  calendarContainer: React.RefObject<HTMLDivElement> | null;
+  arrowContainer: React.RefObject<HTMLDivElement> | null;
+  hideDatepicker: () => void;
+  period: Period;
+  changePeriod: (period: Period) => void;
+  dayHover: string | null;
+  changeDayHover: (day: string | null) => void;
+  inputText: string;
+  changeInputText: (text: string) => void;
+  updateFirstDate: (date: dayjs.Dayjs) => void;
+  changeDatepickerValue: (
+    value: DateValueType,
+    e?: HTMLInputElement | null | undefined
+  ) => void;
+  showFooter?: boolean;
+  placeholder?: string | null;
+  separator: string;
+  i18n: string;
+  value: DateValueType;
+  disabled?: boolean;
+  inputClassName?: ((className: string) => string) | string | null;
+  containerClassName?: ((className: string) => string) | string | null;
+  toggleClassName?: ((className: string) => string) | string | null;
+  toggleIcon?: (open: boolean) => React.ReactNode;
+  readOnly?: boolean;
+  startWeekOn?: string | null;
+  displayFormat: string;
+  minDate?: DateType | null;
+  maxDate?: DateType | null;
+  dateLooking?: "forward" | "backward" | "middle";
+  disabledDates?: DateRangeType[] | null;
+  inputId?: string;
+  inputName?: string;
+  classNames?: ClassNamesTypeProp;
+  popoverDirection?: PopoverDirectionType;
+}
+
+const DatepickerContext = createContext<DatepickerStore>({
+  input: undefined,
+  primaryColor: "blue",
+  configs: undefined,
+  calendarContainer: null,
+  arrowContainer: null,
+  period: { start: null, end: null },
+  // eslint-disable-next-line @typescript-eslint/no-empty-function,@typescript-eslint/no-unused-vars
+  changePeriod: (period) => {},
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  hideDatepicker: () => {},
+  dayHover: null,
+  // eslint-disable-next-line @typescript-eslint/no-empty-function,@typescript-eslint/no-unused-vars
+  changeDayHover: (day: string | null) => {},
+  inputText: "",
+  // eslint-disable-next-line @typescript-eslint/no-empty-function,@typescript-eslint/no-unused-vars
+  changeInputText: (text) => {},
+  // eslint-disable-next-line @typescript-eslint/no-empty-function,@typescript-eslint/no-unused-vars
+  updateFirstDate: (date) => {},
+  // eslint-disable-next-line @typescript-eslint/no-empty-function,@typescript-eslint/no-unused-vars
+  changeDatepickerValue: (
+    value: DateValueType,
+    e: HTMLInputElement | null | undefined
+  ) => {},
+  showFooter: false,
+  value: null,
+  i18n: LANGUAGE,
+  disabled: false,
+  inputClassName: "",
+  containerClassName: "",
+  toggleClassName: "",
+  readOnly: false,
+  displayFormat: DATE_FORMAT,
+  minDate: null,
+  maxDate: null,
+  dateLooking: "forward",
+  disabledDates: null,
+  inputId: undefined,
+  inputName: undefined,
+  startWeekOn: START_WEEK,
+  toggleIcon: undefined,
+  classNames: undefined,
+  popoverDirection: undefined,
+  separator: "~",
+});
+
+export default DatepickerContext;
diff --git a/src/components/ui/Datepicker/helpers/index.ts b/src/components/ui/Datepicker/helpers/index.ts
new file mode 100644
index 0000000..30d9cb8
--- /dev/null
+++ b/src/components/ui/Datepicker/helpers/index.ts
@@ -0,0 +1,649 @@
+import dayjs from "dayjs";
+import customParseFormat from "dayjs/plugin/customParseFormat";
+import weekday from "dayjs/plugin/weekday";
+
+dayjs.extend(weekday);
+dayjs.extend(customParseFormat);
+
+import { DATE_FORMAT, LANGUAGE } from "../constants";
+
+export function classNames(...classes: (false | null | undefined | string)[]) {
+  return classes.filter(Boolean).join(" ");
+}
+
+export function getTextColorByPrimaryColor(color: string) {
+  switch (color) {
+    case "blue":
+      return "text-blue-500";
+    case "orange":
+      return "text-orange-500";
+    case "yellow":
+      return "text-yellow-500";
+    case "red":
+      return "text-red-500";
+    case "purple":
+      return "text-purple-500";
+    case "amber":
+      return "text-amber-500";
+    case "lime":
+      return "text-lime-500";
+    case "green":
+      return "text-green-500";
+    case "emerald":
+      return "text-emerald-500";
+    case "teal":
+      return "text-teal-500";
+    case "cyan":
+      return "text-cyan-500";
+    case "sky":
+      return "text-sky-500";
+    case "indigo":
+      return "text-indigo-500";
+    case "violet":
+      return "text-violet-500";
+    case "fuchsia":
+      return "text-fuchsia-500";
+    case "pink":
+      return "text-pink-500";
+    case "rose":
+      return "text-rose-500";
+    default:
+      return "";
+  }
+}
+
+export function generateArrayNumber(start = 0, end = 0) {
+  const array = [];
+  for (let i = start; i <= end; i++) {
+    array.push(i);
+  }
+
+  return array;
+}
+
+export function shortString(value: string, limit = 3) {
+  return value.slice(0, limit);
+}
+
+export function ucFirst(value: string) {
+  return `${value[0].toUpperCase()}${value.slice(1, value.length)}`;
+}
+
+export function formatDate(date: dayjs.Dayjs, format = DATE_FORMAT) {
+  return date.format(format);
+}
+
+export function parseFormattedDate(date: string, format = DATE_FORMAT) {
+  return dayjs(date, format);
+}
+
+export function getFirstDayInMonth(date: string | dayjs.Dayjs) {
+  return {
+    ddd: formatDate(dayjs(date).startOf("month"), "ddd"),
+    basic: formatDate(dayjs(date).startOf("month")),
+    object: dayjs(date).startOf("month"),
+  };
+}
+
+export function getLastDayInMonth(date: string) {
+  return {
+    ddd: formatDate(dayjs(date).endOf("month"), "ddd"),
+    basic: formatDate(dayjs(date).endOf("month")),
+    object: dayjs(date).endOf("month"),
+  };
+}
+
+export function getDaysInMonth(date: string | dayjs.Dayjs) {
+  if (!isNaN(dayjs(date).daysInMonth())) {
+    return [...generateArrayNumber(1, dayjs(date).daysInMonth())];
+  }
+  return [];
+}
+
+export function nextMonth(date: dayjs.Dayjs) {
+  return date
+    .date(1)
+    .hour(0)
+    .minute(0)
+    .second(0)
+    .month(date.month() + 1);
+}
+
+export function previousMonth(date: dayjs.Dayjs) {
+  return date
+    .date(1)
+    .hour(0)
+    .minute(0)
+    .second(0)
+    .month(date.month() - 1);
+}
+
+export function getFirstElementsInArray(array: number[] = [], size = 0) {
+  return array.slice(0, size);
+}
+
+export function getLastElementsDateInArray(array: any[] = [], size = 0) {
+  const result: any[] = [];
+  if (Array.isArray(array) && size > 0) {
+    if (size >= array.length) {
+      return array;
+    }
+
+    let y = array.length - 1;
+    for (let i = 0; i < size; i++) {
+      result.push(array[y]);
+      y--;
+    }
+  }
+  return result.reverse();
+}
+export function getLastElementsInArray(array: number[] = [], size = 0) {
+  const result: number[] = [];
+  if (Array.isArray(array) && size > 0) {
+    if (size >= array.length) {
+      return array;
+    }
+
+    let y = array.length - 1;
+    for (let i = 0; i < size; i++) {
+      result.push(array[y]);
+      y--;
+    }
+  }
+  return result.reverse();
+}
+
+export function getNumberOfDay(
+  dayString: string,
+  startWeekOn?: string | null | undefined
+): number {
+  let number = 0;
+
+  let startDateModifier = 0;
+
+  if (startWeekOn) {
+    switch (startWeekOn) {
+      case "mon":
+        startDateModifier = 6;
+        break;
+      case "tue":
+        startDateModifier = 5;
+        break;
+      case "wed":
+        startDateModifier = 4;
+        break;
+      case "thu":
+        startDateModifier = 3;
+        break;
+      case "fri":
+        startDateModifier = 2;
+        break;
+      case "sat":
+        startDateModifier = 1;
+        break;
+      case "sun":
+        startDateModifier = 0;
+        break;
+      default:
+        break;
+    }
+  }
+
+  [
+    "Sunday",
+    "Monday",
+    "Tuesday",
+    "Wednesday",
+    "Thursday",
+    "Friday",
+    "Saturday",
+  ].forEach((item, index) => {
+    if (item.includes(dayString)) {
+      number = (index + startDateModifier) % 7;
+    }
+  });
+
+  return number;
+}
+
+export function getLastDaysInMonth(date: dayjs.Dayjs | string, size = 0) {
+  return getLastElementsInArray(getDaysInMonth(date), size);
+}
+export function getLastDateInMonth(date: dayjs.Dayjs | string, size = 0) {
+  return getLastElementsInArray(getDaysInMonth(date), size);
+}
+export function getFirstDaysInMonth(date: string | dayjs.Dayjs, size = 0) {
+  return getFirstElementsInArray(getDaysInMonth(date), size);
+}
+
+export function loadLanguageModule(language = LANGUAGE) {
+  switch (language) {
+    case "af":
+      import("dayjs/locale/af");
+      break;
+    case "am":
+      import("dayjs/locale/am");
+      break;
+    case "ar-dz":
+      import("dayjs/locale/ar-dz");
+      break;
+    case "ar-iq":
+      import("dayjs/locale/ar-iq");
+      break;
+    case "ar-kw":
+      import("dayjs/locale/ar-kw");
+      break;
+    case "ar-ly":
+      import("dayjs/locale/ar-ly");
+      break;
+    case "ar-ma":
+      import("dayjs/locale/ar-ma");
+      break;
+    case "ar-sa":
+      import("dayjs/locale/ar-sa");
+      break;
+    case "ar-tn":
+      import("dayjs/locale/ar-tn");
+      break;
+    case "ar":
+      import("dayjs/locale/ar");
+      break;
+    case "az":
+      import("dayjs/locale/az");
+      break;
+    case "bg":
+      import("dayjs/locale/bg");
+      break;
+    case "bi":
+      import("dayjs/locale/bi");
+      break;
+    case "bm":
+      import("dayjs/locale/bm");
+      break;
+    case "bn-bd":
+      import("dayjs/locale/bn-bd");
+      break;
+    case "bn":
+      import("dayjs/locale/bn");
+      break;
+    case "bo":
+      import("dayjs/locale/bo");
+      break;
+    case "br":
+      import("dayjs/locale/br");
+      break;
+    case "ca":
+      import("dayjs/locale/ca");
+      break;
+    case "cs":
+      import("dayjs/locale/cs");
+      break;
+    case "cv":
+      import("dayjs/locale/cv");
+      break;
+    case "cy":
+      import("dayjs/locale/cy");
+      break;
+
+    case "da":
+      import("dayjs/locale/da");
+      break;
+    case "de-at":
+      import("dayjs/locale/de-at");
+      break;
+    case "de-ch":
+      import("dayjs/locale/de-ch");
+      break;
+    case "de":
+      import("dayjs/locale/de");
+      break;
+    case "dv":
+      import("dayjs/locale/dv");
+      break;
+
+    case "el":
+      import("dayjs/locale/el");
+      break;
+    case "en-au":
+      import("dayjs/locale/en-au");
+      break;
+    case "en-gb":
+      import("dayjs/locale/en-gb");
+      break;
+    case "en-ie":
+      import("dayjs/locale/en-ie");
+      break;
+    case "en-il":
+      import("dayjs/locale/en-il");
+      break;
+    case "en-in":
+      import("dayjs/locale/en-in");
+      break;
+    case "en-nz":
+      import("dayjs/locale/en-nz");
+      break;
+    case "en-sg":
+      import("dayjs/locale/en-sg");
+      break;
+    case "en-tt":
+      import("dayjs/locale/en-tt");
+      break;
+    case "en":
+      import("dayjs/locale/en");
+      break;
+    case "eo":
+      import("dayjs/locale/eo");
+      break;
+    case "es-do":
+      import("dayjs/locale/es-do");
+      break;
+    case "es-mx":
+      import("dayjs/locale/es-mx");
+      break;
+    case "es-pr":
+      import("dayjs/locale/es-pr");
+      break;
+    case "es-us":
+      import("dayjs/locale/es-us");
+      break;
+    case "es":
+      import("dayjs/locale/es");
+      break;
+    case "et":
+      import("dayjs/locale/et");
+      break;
+    case "eu":
+      import("dayjs/locale/eu");
+      break;
+
+    case "fa":
+      import("dayjs/locale/fa");
+      break;
+    case "fi":
+      import("dayjs/locale/fi");
+      break;
+    case "fo":
+      import("dayjs/locale/fo");
+      break;
+    case "fr-ch":
+      import("dayjs/locale/fr-ch");
+      break;
+    case "fr":
+      import("dayjs/locale/fr");
+      break;
+    case "fy":
+      import("dayjs/locale/fy");
+      break;
+    case "ga":
+      import("dayjs/locale/ga");
+      break;
+    case "gd":
+      import("dayjs/locale/gd");
+      break;
+    case "gl":
+      import("dayjs/locale/gl");
+      break;
+    case "gom-latn":
+      import("dayjs/locale/gom-latn");
+      break;
+    case "gu":
+      import("dayjs/locale/gu");
+      break;
+    case "he":
+      import("dayjs/locale/he");
+      break;
+    case "hi":
+      import("dayjs/locale/hi");
+      break;
+    case "hr":
+      import("dayjs/locale/hr");
+      break;
+    case "ht":
+      import("dayjs/locale/ht");
+      break;
+    case "hu":
+      import("dayjs/locale/hu");
+      break;
+    case "hy-am":
+      import("dayjs/locale/hy-am");
+      break;
+
+    case "id":
+      import("dayjs/locale/id");
+      break;
+    case "is":
+      import("dayjs/locale/is");
+      break;
+    case "it-ch":
+      import("dayjs/locale/it-ch");
+      break;
+    case "it":
+      import("dayjs/locale/it");
+      break;
+
+    case "ja":
+      import("dayjs/locale/ja");
+      break;
+    case "jv":
+      import("dayjs/locale/jv");
+      break;
+
+    case "ka":
+      import("dayjs/locale/ka");
+      break;
+    case "kk":
+      import("dayjs/locale/kk");
+      break;
+    case "ko":
+      import("dayjs/locale/ko");
+      break;
+    case "ku":
+      import("dayjs/locale/ku");
+      break;
+    case "ky":
+      import("dayjs/locale/ky");
+      break;
+
+    case "lb":
+      import("dayjs/locale/lb");
+      break;
+    case "lo":
+      import("dayjs/locale/lo");
+      break;
+    case "lt":
+      import("dayjs/locale/lt");
+      break;
+    case "lv":
+      import("dayjs/locale/lv");
+      break;
+
+    case "me":
+      import("dayjs/locale/me");
+      break;
+    case "mi":
+      import("dayjs/locale/mi");
+      break;
+    case "mk":
+      import("dayjs/locale/mk");
+      break;
+    case "ml":
+      import("dayjs/locale/ml");
+      break;
+    case "mn":
+      import("dayjs/locale/mn");
+      break;
+    case "ms-my":
+      import("dayjs/locale/ms-my");
+      break;
+    case "ms":
+      import("dayjs/locale/ms");
+      break;
+    case "mt":
+      import("dayjs/locale/mt");
+      break;
+    case "my":
+      import("dayjs/locale/my");
+      break;
+
+    case "nb":
+      import("dayjs/locale/nb");
+      break;
+    case "ne":
+      import("dayjs/locale/ne");
+      break;
+    case "nl-be":
+      import("dayjs/locale/nl-be");
+      break;
+    case "nl":
+      import("dayjs/locale/nl");
+      break;
+    case "nn":
+      import("dayjs/locale/nn");
+      break;
+    case "pa-in":
+      import("dayjs/locale/pa-in");
+      break;
+    case "pl":
+      import("dayjs/locale/pl");
+      break;
+    case "pt-br":
+      import("dayjs/locale/pt-br");
+      break;
+    case "pt":
+      import("dayjs/locale/pt");
+      break;
+
+    case "rn":
+      import("dayjs/locale/rn");
+      break;
+    case "ro":
+      import("dayjs/locale/ro");
+      break;
+    case "ru":
+      import("dayjs/locale/ru");
+      break;
+    case "rw":
+      import("dayjs/locale/rw");
+      break;
+
+    case "sd":
+      import("dayjs/locale/sd");
+      break;
+    case "se":
+      import("dayjs/locale/se");
+      break;
+    case "si":
+      import("dayjs/locale/si");
+      break;
+    case "sk":
+      import("dayjs/locale/sk");
+      break;
+    case "sl":
+      import("dayjs/locale/sl");
+      break;
+    case "sq":
+      import("dayjs/locale/sq");
+      break;
+    case "sr":
+      import("dayjs/locale/sr");
+      break;
+    case "sr-cyrl":
+      import("dayjs/locale/sr-cyrl");
+      break;
+    case "ss":
+      import("dayjs/locale/ss");
+      break;
+    case "sv-fi":
+      import("dayjs/locale/sv-fi");
+      break;
+    case "sv":
+      import("dayjs/locale/sv");
+      break;
+    case "sw":
+      import("dayjs/locale/sw");
+      break;
+
+    case "ta":
+      import("dayjs/locale/ta");
+      break;
+    case "te":
+      import("dayjs/locale/te");
+      break;
+    case "tg":
+      import("dayjs/locale/tg");
+      break;
+    case "th":
+      import("dayjs/locale/th");
+      break;
+    case "tk":
+      import("dayjs/locale/tk");
+      break;
+    case "tl-ph":
+      import("dayjs/locale/tl-ph");
+      break;
+    case "tlh":
+      import("dayjs/locale/tlh");
+      break;
+    case "tr":
+      import("dayjs/locale/tr");
+      break;
+    case "tzl":
+      import("dayjs/locale/tzl");
+      break;
+    case "tzm-latn":
+      import("dayjs/locale/tzm-latn");
+      break;
+    case "tzm":
+      import("dayjs/locale/tzm");
+      break;
+
+    case "ug-cn":
+      import("dayjs/locale/ug-cn");
+      break;
+    case "uk":
+      import("dayjs/locale/uk");
+      break;
+    case "ur":
+      import("dayjs/locale/ur");
+      break;
+    case "uz-latn":
+      import("dayjs/locale/uz-latn");
+      break;
+    case "uz":
+      import("dayjs/locale/uz");
+      break;
+
+    case "vi":
+      import("dayjs/locale/vi");
+      break;
+
+    case "x-pseudo":
+      import("dayjs/locale/x-pseudo");
+      break;
+
+    case "yo":
+      import("dayjs/locale/yo");
+      break;
+
+    case "zh-cn":
+      import("dayjs/locale/zh-cn");
+      break;
+    case "zh-hk":
+      import("dayjs/locale/zh-hk");
+      break;
+    case "zh-tw":
+      import("dayjs/locale/zh-tw");
+      break;
+    case "zh":
+      import("dayjs/locale/zh");
+      break;
+
+    default:
+      import("dayjs/locale/en");
+      break;
+  }
+}
+
+export function dateIsValid(date: Date | number) {
+  return date instanceof Date && !isNaN(date.getTime());
+}
diff --git a/src/components/ui/Datepicker/hooks/index.ts b/src/components/ui/Datepicker/hooks/index.ts
new file mode 100644
index 0000000..ad7872a
--- /dev/null
+++ b/src/components/ui/Datepicker/hooks/index.ts
@@ -0,0 +1,24 @@
+import React, { useEffect } from "react";
+
+export default function useOnClickOutside(
+  ref: React.RefObject<HTMLDivElement>,
+  handler: (e?: MouseEvent | TouchEvent) => void
+) {
+  useEffect(() => {
+    const listener = (event: MouseEvent | TouchEvent) => {
+      if (!ref.current || ref.current.contains(event.target as Node)) {
+        return;
+      }
+
+      handler(event);
+    };
+
+    document.addEventListener("mousedown", listener);
+    document.addEventListener("touchstart", listener);
+
+    return () => {
+      document.removeEventListener("mousedown", listener);
+      document.removeEventListener("touchstart", listener);
+    };
+  }, [ref, handler]);
+}
diff --git a/src/components/ui/Datepicker/index.tsx b/src/components/ui/Datepicker/index.tsx
new file mode 100644
index 0000000..1a4ded8
--- /dev/null
+++ b/src/components/ui/Datepicker/index.tsx
@@ -0,0 +1,4 @@
+import Datepicker from "./components/Datepicker";
+
+export * from "./types";
+export default Datepicker;
diff --git a/src/components/ui/Datepicker/types/index.ts b/src/components/ui/Datepicker/types/index.ts
new file mode 100644
index 0000000..ae2cb68
--- /dev/null
+++ b/src/components/ui/Datepicker/types/index.ts
@@ -0,0 +1,100 @@
+import React from "react";
+
+import { COLORS } from "../constants";
+
+export interface Period {
+  start: string | null;
+  end: string | null;
+}
+
+interface CustomShortcuts {
+  [key: string]: ShortcutsItem;
+}
+
+interface DefaultShortcuts {
+  today?: string;
+  yesterday?: string;
+  past?: (period: number) => string;
+  currentMonth?: string;
+  pastMonth?: string;
+}
+export interface Configs {
+  shortcuts?: DefaultShortcuts | CustomShortcuts;
+  footer?: {
+    cancel?: string;
+    apply?: string;
+  };
+}
+
+export interface ShortcutsItem {
+  text: string;
+  daysNumber?: number;
+  period: {
+    start: Date | string;
+    end: Date | string;
+  };
+}
+
+export type DateType = string | null | Date;
+
+export type DateRangeType = {
+  startDate: DateType;
+  endDate: DateType;
+};
+
+export type DateValueType = DateRangeType | null;
+
+export type ClassNamesTypeProp = {
+  container?: (p?: object | null | undefined) => string | undefined;
+  input?: (p?: object | null | undefined) => string | undefined;
+  toggleButton?: (p?: object | null | undefined) => string | undefined;
+  footer?: (p?: object | null | undefined) => string | undefined;
+};
+
+export type PopoverDirectionType = "up" | "down";
+
+export interface DatepickerType {
+  primaryColor?: ColorKeys;
+  value: DateValueType;
+  onChange: (
+    value: DateValueType,
+    e?: HTMLInputElement | null | undefined
+  ) => void;
+  useRange?: boolean;
+  showFooter?: boolean;
+  showShortcuts?: boolean;
+  configs?: Configs;
+  asSingle?: boolean;
+  placeholder?: string;
+  separator?: string;
+  startFrom?: Date | null;
+  i18n?: string;
+  disabled?: boolean;
+  classNames?: ClassNamesTypeProp | undefined;
+  containerClassName?: ((className: string) => string) | string | null;
+  inputClassName?: ((className: string) => string) | string | null;
+  toggleClassName?: ((className: string) => string) | string | null;
+  toggleIcon?: (open: boolean) => React.ReactNode;
+  inputId?: string;
+  inputName?: string;
+  displayFormat?: string;
+  readOnly?: boolean;
+  minDate?: Date | null;
+  maxDate?: Date | null;
+  dateLooking?: "forward" | "backward" | "middle";
+  disabledDates?: DateRangeType[] | null;
+  startWeekOn?: string | null;
+  popoverDirection?: PopoverDirectionType;
+  mode?: "daily" | "monthly";
+  onMark?: (day: number, date: Date, data?: any) => any;
+  onLoad?: (day: any) => Promise<void>;
+  style?: "custom" | "prasi";
+}
+
+export type ColorKeys = (typeof COLORS)[number]; // "blue" | "orange"
+
+export interface Colors {
+  [key: string]: {
+    [K in ColorKeys]: string;
+  };
+}
diff --git a/src/components/ui/FieldColorPopover.tsx b/src/components/ui/FieldColorPopover.tsx
new file mode 100644
index 0000000..aa16cbc
--- /dev/null
+++ b/src/components/ui/FieldColorPopover.tsx
@@ -0,0 +1,68 @@
+import { useLocal } from "@/lib/utils/use-local";
+import { FC, ReactElement, useEffect, useTransition } from "react";
+import { Popover } from "../Popover/Popover";
+import { TypeColor } from "../form/field/TypeColor";
+
+export const FieldColorPicker: FC<{
+  children: ReactElement;
+  value?: string;
+  update: (value: string) => void;
+  open: boolean;
+  onOpen?: () => void;
+  onClose?: () => void;
+  showHistory?: boolean;
+}> = ({ children, value, update, open, onClose, onOpen, showHistory }) => {
+  const local = useLocal({ show: open || false });
+  useEffect(() => {
+    if (value) {
+      local.show = open || false;
+      local.render();
+    }
+  }, [value, open]);
+  const [_, tx] = useTransition();
+
+  return (
+    <Popover
+      open={local.show}
+      onOpenChange={(open: any) => {
+        local.show = open;
+        if (open && onOpen) {
+          onOpen();
+        } else if (onClose) {
+          onClose();
+        }
+        local.render();
+      }}
+      backdrop={false}
+      popoverClassName="rounded-md p-2 text-sm bg-white shadow-2xl border border-slate-300"
+      content={
+        <TypeColor
+          value={value}
+          showHistory={showHistory}
+          onClose={() => {
+            local.show = false;
+            local.render();
+            if (onClose) onClose();
+          }}
+          onChangePicker={(color: any) => {
+            tx(() => {
+              if (color.indexOf("NaN") < 0) {
+                update(color);
+              }
+            });
+          }}
+        />
+      }
+    >
+      <div
+        onClick={() => {
+          local.show = true;
+          local.render();
+          if (onOpen) onOpen();
+        }}
+      >
+        {children}
+      </div>
+    </Popover>
+  );
+};
diff --git a/src/components/ui/MaskedInput.tsx b/src/components/ui/MaskedInput.tsx
new file mode 100644
index 0000000..75736df
--- /dev/null
+++ b/src/components/ui/MaskedInput.tsx
@@ -0,0 +1,93 @@
+import React, { useRef, useState } from "react";
+
+interface MaskedInputProps {
+  value: string;
+  onChange: (value: any) => void;
+  disabled?: boolean;
+  className?: string;
+}
+
+const MaskedInput: React.FC<MaskedInputProps> = ({
+  value,
+  onChange,
+  disabled = false,
+  className,
+}) => {
+  const inputRef = useRef<HTMLInputElement>(null); // Referensi ke elemen input
+  const [localValue, setLocalValue] = useState<string>(value); // State lokal untuk kontrol input
+
+  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    if (disabled) return;
+    let input = e.target.value;
+
+    // Hapus semua karakter non-digit
+    input = input.replace(/\D/g, "");
+
+    // Format ke dalam bentuk HH:mm dengan padding underscore
+    if (input.length === 1) {
+      input = input + "_:__"; // Jika 1 angka
+    } else if (input.length === 2) {
+      input = input + ":__"; // Jika 2 angka
+    } else if (input.length > 2) {
+      input = input.substring(0, 2) + ":" + input.substring(2, 4);
+      if (input.length < 5) {
+        input = input.padEnd(5, "_"); // Tambahkan underscore untuk padding
+      }
+    }
+
+    // Batasi panjang maksimum
+    if (input.length > 5) {
+      input = input.substring(0, 5);
+    }
+    // Validasi batas maksimal jam
+    if (input.length === 5 && !input.includes("_")) {
+      const [hours, minutes] = input.split(":").map(Number);
+
+      // Koreksi jika jam atau menit melebihi batas
+      const correctedHours = Math.min(hours, 23);
+      const correctedMinutes = Math.min(minutes, 59);
+      input = `${String(correctedHours).padStart(2, "0")}:${String(
+        correctedMinutes
+      ).padStart(2, "0")}`;
+    }
+    // Update state lokal
+    setLocalValue(input);
+
+    // Panggil `onChange` jika input lengkap (tanpa underscore) atau jika input kosong
+    if (input.length === 5 && !input.includes("_")) {
+      onChange(input); // Input lengkap
+    } else if (input === "__:__" || input === "") {
+      onChange(null); // Input kosong
+    }
+
+    // Atur posisi kursor
+    if (inputRef.current) {
+      const caretPosition = Math.max(
+        input.indexOf("_") !== -1 ? input.indexOf("_") : input.length,
+        0
+      );
+      let caret = caretPosition === 3 ? 2 : caretPosition;
+      setTimeout(() => {
+        inputRef.current?.setSelectionRange(caret, caret);
+      }, 0);
+    }
+  };
+
+  return (
+    <input
+      ref={inputRef}
+      id="time"
+      type="text"
+      value={localValue}
+      disabled={disabled}
+      onChange={handleInputChange}
+      placeholder={disabled ? "" : "__:__"}
+      className={cx(
+        "w-full px-4 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring focus:ring-blue-300 focus:border-blue-500",
+        className
+      )}
+    />
+  );
+};
+
+export default MaskedInput;
diff --git a/src/components/ui/avatar.tsx b/src/components/ui/avatar.tsx
new file mode 100644
index 0000000..71e428b
--- /dev/null
+++ b/src/components/ui/avatar.tsx
@@ -0,0 +1,53 @@
+"use client"
+
+import * as React from "react"
+import * as AvatarPrimitive from "@radix-ui/react-avatar"
+
+import { cn } from "@/lib/utils"
+
+function Avatar({
+  className,
+  ...props
+}: React.ComponentProps<typeof AvatarPrimitive.Root>) {
+  return (
+    <AvatarPrimitive.Root
+      data-slot="avatar"
+      className={cn(
+        "relative flex size-8 shrink-0 overflow-hidden rounded-full",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function AvatarImage({
+  className,
+  ...props
+}: React.ComponentProps<typeof AvatarPrimitive.Image>) {
+  return (
+    <AvatarPrimitive.Image
+      data-slot="avatar-image"
+      className={cn("aspect-square size-full", className)}
+      {...props}
+    />
+  )
+}
+
+function AvatarFallback({
+  className,
+  ...props
+}: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {
+  return (
+    <AvatarPrimitive.Fallback
+      data-slot="avatar-fallback"
+      className={cn(
+        "bg-muted flex size-full items-center justify-center rounded-full",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export { Avatar, AvatarImage, AvatarFallback }
diff --git a/src/components/ui/badge.tsx b/src/components/ui/badge.tsx
new file mode 100644
index 0000000..0205413
--- /dev/null
+++ b/src/components/ui/badge.tsx
@@ -0,0 +1,46 @@
+import * as React from "react"
+import { Slot } from "@radix-ui/react-slot"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const badgeVariants = cva(
+  "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default:
+          "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary:
+          "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive:
+          "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline:
+          "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  }
+)
+
+function Badge({
+  className,
+  variant,
+  asChild = false,
+  ...props
+}: React.ComponentProps<"span"> &
+  VariantProps<typeof badgeVariants> & { asChild?: boolean }) {
+  const Comp = asChild ? Slot : "span"
+
+  return (
+    <Comp
+      data-slot="badge"
+      className={cn(badgeVariants({ variant }), className)}
+      {...props}
+    />
+  )
+}
+
+export { Badge, badgeVariants }
diff --git a/src/components/ui/breadcrumb.tsx b/src/components/ui/breadcrumb.tsx
new file mode 100644
index 0000000..301887d
--- /dev/null
+++ b/src/components/ui/breadcrumb.tsx
@@ -0,0 +1,108 @@
+import * as React from "react"
+import { Slot } from "@radix-ui/react-slot"
+import { cn } from "@/lib/utils"
+import { ChevronRightIcon, DotsHorizontalIcon } from "@radix-ui/react-icons"
+
+function Breadcrumb({ ...props }: React.ComponentProps<"nav">) {
+  return <nav aria-label="breadcrumb" data-slot="breadcrumb" {...props} />
+}
+
+function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">) {
+  return (
+    <ol
+      data-slot="breadcrumb-list"
+      className={cn(
+        "text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">) {
+  return (
+    <li
+      data-slot="breadcrumb-item"
+      className={cn("inline-flex items-center gap-1.5", className)}
+      {...props}
+    />
+  )
+}
+
+function BreadcrumbLink({
+  asChild,
+  className,
+  ...props
+}: React.ComponentProps<"a"> & {
+  asChild?: boolean
+}) {
+  const Comp = asChild ? Slot : "a"
+
+  return (
+    <Comp
+      data-slot="breadcrumb-link"
+      className={cn("hover:text-foreground transition-colors", className)}
+      {...props}
+    />
+  )
+}
+
+function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">) {
+  return (
+    <span
+      data-slot="breadcrumb-page"
+      role="link"
+      aria-disabled="true"
+      aria-current="page"
+      className={cn("text-foreground font-normal", className)}
+      {...props}
+    />
+  )
+}
+
+function BreadcrumbSeparator({
+  children,
+  className,
+  ...props
+}: React.ComponentProps<"li">) {
+  return (
+    <li
+      data-slot="breadcrumb-separator"
+      role="presentation"
+      aria-hidden="true"
+      className={cn("[&>svg]:size-3.5", className)}
+      {...props}
+    >
+      {children ?? <ChevronRightIcon />}
+    </li>
+  )
+}
+
+function BreadcrumbEllipsis({
+  className,
+  ...props
+}: React.ComponentProps<"span">) {
+  return (
+    <span
+      data-slot="breadcrumb-ellipsis"
+      role="presentation"
+      aria-hidden="true"
+      className={cn("flex size-9 items-center justify-center", className)}
+      {...props}
+    >
+      <DotsHorizontalIcon className="size-4" />
+      <span className="sr-only">More</span>
+    </span>
+  )
+}
+
+export {
+  Breadcrumb,
+  BreadcrumbList,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  BreadcrumbEllipsis,
+}
diff --git a/src/components/ui/button-link.tsx b/src/components/ui/button-link.tsx
new file mode 100644
index 0000000..20ee9ef
--- /dev/null
+++ b/src/components/ui/button-link.tsx
@@ -0,0 +1,88 @@
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva, type VariantProps } from "class-variance-authority";
+
+import { cn } from "@/lib/utils";
+import Link from "next/link";
+import { FC } from "react";
+
+const btn = cva(
+  "px-4 py-2 group relative flex items-stretch justify-center p-0.5 text-center font-medium transition-[color,background-color,border-color,text-decoration-color,fill,stroke,box-shadow] focus:z-10 focus:outline-none border border-transparent text-white focus:ring-4 focus:ring-cyan-300 enabled:hover:bg-cyan-800 dark:bg-cyan-600 dark:focus:ring-cyan-800 dark:enabled:hover:bg-cyan-700 rounded-lg"
+);
+const buttonVariants = cva(
+  " inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default:
+          "bg-primary text-white shadow hover:bg-primary/90 [&_svg]:size-4 ",
+        destructive:
+          "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90 [&_svg]:size-4 ",
+        outline:
+          "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground [&_svg]:size-4 ",
+        secondary:
+          "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80 [&_svg]:size-4 ",
+        ghost: "hover:bg-accent hover:text-accent-foreground [&_svg]:size-4 ",
+        link: "text-primary underline-offset-4 hover:underline [&_svg]:size-4 ",
+        noline:
+          "text-black border-none border-input bg-background  hover:bg-accent hover:text-accent-foreground p-0 [&_svg]:size-4 ",
+        clean:
+          "text-black border-none border-input bg-transparent p-0 h-auto w-auto",
+      },
+      size: {
+        default: "h-9 px-4 py-2",
+        sm: "h-8 rounded-md px-3 text-xs",
+        lg: "h-10 rounded-md px-8",
+        icon: "h-9 w-9",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  }
+);
+
+export interface ButtonProps
+  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
+    VariantProps<typeof buttonVariants> {
+  asChild?: boolean;
+}
+
+const ButtonBetter = React.forwardRef<HTMLButtonElement, ButtonProps>(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    return (
+      <Comp
+        className={cn(buttonVariants({ variant, size, className }))}
+        ref={ref}
+        {...props}
+      />
+    );
+  }
+);
+const ButtonLink: FC<any> = ({
+  className,
+  children,
+  target,
+  onClick,
+  href,
+  size,
+  variant = "default",
+}) => {
+  return (
+    <Link href={href} target={target} className="flex flex-row items-center">
+      <ButtonBetter
+        className={cn(className)}
+        variant={variant}
+        size={size}
+        onClick={onClick}
+      >
+        {children}
+      </ButtonBetter>
+    </Link>
+  );
+};
+ButtonBetter.displayName = "Button";
+
+export { ButtonLink };
diff --git a/src/components/ui/button.tsx b/src/components/ui/button.tsx
new file mode 100644
index 0000000..bcb5c69
--- /dev/null
+++ b/src/components/ui/button.tsx
@@ -0,0 +1,187 @@
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva, type VariantProps } from "class-variance-authority";
+
+import { cn } from "@/lib/utils";
+import { FC } from "react";
+import { ButtonLink } from "./button-link";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "./tooltip";
+const buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive:
+          "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline:
+          "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        secondary:
+          "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost:
+          "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        link: "text-primary underline-offset-4 hover:underline",
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  }
+);
+export interface ButtonProps
+  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
+    VariantProps<typeof buttonVariants> {
+  asChild?: boolean;
+  tooltip?: any;
+  href?: string;
+  typeButton?: "button" | "container" | "tooltip";
+}
+
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ...props
+}: React.ComponentProps<"button"> &
+  VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+  }) {
+  const Comp = asChild ? Slot : "button";
+
+  return (
+    <Comp
+      data-slot="button"
+      className={cn(buttonVariants({ variant, size, className }))}
+      {...props}
+    />
+  );
+}
+const ButtonBetter = React.forwardRef<HTMLButtonElement, ButtonProps>(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    return (
+      <Comp
+        className={cn(buttonVariants({ variant, size, className }))}
+        ref={ref}
+        {...props}
+      />
+    );
+  }
+);
+const ButtonBetterTooltip = React.forwardRef<HTMLButtonElement, ButtonProps>(
+  (
+    {
+      typeButton = "button",
+      tooltip,
+      href,
+      className,
+      variant,
+      size,
+      asChild = false,
+      ...props
+    },
+    ref
+  ) => {
+    const Comp = asChild ? Slot : "button";
+    if (tooltip) {
+      return (
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <div className="flex flex-row items-center">
+                {href ? (
+                  <ButtonLink
+                    href={href}
+                    className={cn(buttonVariants({ variant, size, className }))}
+                    ref={ref}
+                    variant={variant}
+                  >
+                    {props.children}
+                  </ButtonLink>
+                ) : typeButton === "container" ? (
+                  <ButtonContainer
+                    className={className}
+                    variant={variant}
+                    children={props.children}
+                  />
+                ) : (
+                  <Comp
+                    className={cn(buttonVariants({ variant, size, className }))}
+                    ref={ref}
+                    {...props}
+                  />
+                )}
+              </div>
+            </TooltipTrigger>
+            <TooltipContent className="bg-linear-sidebar-active text-white  border border-primary shadow-md transition-all ">
+              <p>{tooltip}</p>
+            </TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
+      );
+    }
+    if (href) {
+      return (
+        <ButtonLink
+          href={href}
+          className={cn(buttonVariants({ variant, size, className }))}
+          ref={ref}
+          variant={variant}
+        >
+          {props.children}
+        </ButtonLink>
+      );
+    }
+    if (typeButton === "container") {
+      return (
+        <ButtonContainer
+          className={className}
+          variant={variant}
+          children={props.children}
+        />
+      );
+    }
+    return (
+      <Comp
+        className={cn(buttonVariants({ variant, size, className }))}
+        ref={ref}
+        {...props}
+      />
+    );
+  }
+);
+
+const ButtonContainer: FC<any> = ({
+  children,
+  className,
+  variant = "default",
+}) => {
+  const vr = variant ? variant : "default";
+  return (
+    <div className={cx(buttonVariants({ variant: vr, className }))}>
+      <div className="flex items-center gap-x-0.5 text-sm">{children}</div>
+    </div>
+  );
+};
+export {
+  ButtonBetterTooltip,
+  ButtonBetter,
+  ButtonContainer,
+  Button,
+  buttonVariants,
+};
diff --git a/src/components/ui/card.tsx b/src/components/ui/card.tsx
new file mode 100644
index 0000000..681ad98
--- /dev/null
+++ b/src/components/ui/card.tsx
@@ -0,0 +1,92 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+function Card({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="card"
+      className={cn(
+        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function CardHeader({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="card-header"
+      className={cn(
+        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function CardTitle({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="card-title"
+      className={cn("leading-none font-semibold", className)}
+      {...props}
+    />
+  )
+}
+
+function CardDescription({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="card-description"
+      className={cn("text-muted-foreground text-sm", className)}
+      {...props}
+    />
+  )
+}
+
+function CardAction({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="card-action"
+      className={cn(
+        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function CardContent({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="card-content"
+      className={cn("px-6", className)}
+      {...props}
+    />
+  )
+}
+
+function CardFooter({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="card-footer"
+      className={cn("flex items-center px-6 [.border-t]:pt-6", className)}
+      {...props}
+    />
+  )
+}
+
+export {
+  Card,
+  CardHeader,
+  CardFooter,
+  CardTitle,
+  CardAction,
+  CardDescription,
+  CardContent,
+}
diff --git a/src/components/ui/chart.tsx b/src/components/ui/chart.tsx
new file mode 100644
index 0000000..48d2724
--- /dev/null
+++ b/src/components/ui/chart.tsx
@@ -0,0 +1,355 @@
+import * as React from "react"
+import * as RechartsPrimitive from "recharts"
+
+import { cn } from "@/lib/utils"
+
+// Format: { THEME_NAME: CSS_SELECTOR }
+const THEMES = { light: "", dark: ".dark" } as const
+
+export type ChartConfig = {
+  [k in string]: {
+    label?: React.ReactNode
+    icon?: React.ComponentType
+  } & (
+    | { color?: string; theme?: never }
+    | { color?: never; theme: Record<keyof typeof THEMES, string> }
+  )
+}
+
+type ChartContextProps = {
+  config: ChartConfig
+}
+
+const ChartContext = React.createContext<ChartContextProps | null>(null)
+
+function useChart() {
+  const context = React.useContext(ChartContext)
+
+  if (!context) {
+    throw new Error("useChart must be used within a <ChartContainer />")
+  }
+
+  return context
+}
+
+function ChartContainer({
+  id,
+  className,
+  children,
+  config,
+  ...props
+}: React.ComponentProps<"div"> & {
+  config: ChartConfig
+  children: React.ComponentProps<
+    typeof RechartsPrimitive.ResponsiveContainer
+  >["children"]
+}) {
+  const uniqueId = React.useId()
+  const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`
+
+  return (
+    <ChartContext.Provider value={{ config }}>
+      <div
+        data-slot="chart"
+        data-chart={chartId}
+        className={cn(
+          "[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden",
+          className
+        )}
+        {...props}
+      >
+        <ChartStyle id={chartId} config={config} />
+        <RechartsPrimitive.ResponsiveContainer>
+          {children}
+        </RechartsPrimitive.ResponsiveContainer>
+      </div>
+    </ChartContext.Provider>
+  )
+}
+
+const ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {
+  const colorConfig = Object.entries(config).filter(
+    ([, config]) => config.theme || config.color
+  )
+
+  if (!colorConfig.length) {
+    return null
+  }
+
+  return (
+    <style
+      dangerouslySetInnerHTML={{
+        __html: Object.entries(THEMES)
+          .map(
+            ([theme, prefix]) => `
+${prefix} [data-chart=${id}] {
+${colorConfig
+  .map(([key, itemConfig]) => {
+    const color =
+      itemConfig.theme?.[theme as keyof typeof itemConfig.theme] ||
+      itemConfig.color
+    return color ? `  --color-${key}: ${color};` : null
+  })
+  .join("\n")}
+}
+`
+          )
+          .join("\n"),
+      }}
+    />
+  )
+}
+
+const ChartTooltip = RechartsPrimitive.Tooltip
+
+function ChartTooltipContent({
+  active,
+  payload,
+  className,
+  indicator = "dot",
+  hideLabel = false,
+  hideIndicator = false,
+  label,
+  labelFormatter,
+  labelClassName,
+  formatter,
+  color,
+  nameKey,
+  labelKey,
+}: React.ComponentProps<typeof RechartsPrimitive.Tooltip> &
+  React.ComponentProps<"div"> & {
+    hideLabel?: boolean
+    hideIndicator?: boolean
+    indicator?: "line" | "dot" | "dashed"
+    nameKey?: string
+    labelKey?: string
+  }) {
+  const { config } = useChart()
+
+  const tooltipLabel = React.useMemo(() => {
+    if (hideLabel || !payload?.length) {
+      return null
+    }
+
+    const [item] = payload
+    const key = `${labelKey || item?.dataKey || item?.name || "value"}`
+    const itemConfig = getPayloadConfigFromPayload(config, item, key)
+    const value =
+      !labelKey && typeof label === "string"
+        ? config[label as keyof typeof config]?.label || label
+        : itemConfig?.label
+
+    if (labelFormatter) {
+      return (
+        <div className={cn("font-medium", labelClassName)}>
+          {labelFormatter(value, payload)}
+        </div>
+      )
+    }
+
+    if (!value) {
+      return null
+    }
+
+    return <div className={cn("font-medium", labelClassName)}>{value}</div>
+  }, [
+    label,
+    labelFormatter,
+    payload,
+    hideLabel,
+    labelClassName,
+    config,
+    labelKey,
+  ])
+
+  if (!active || !payload?.length) {
+    return null
+  }
+
+  const nestLabel = payload.length === 1 && indicator !== "dot"
+
+  return (
+    <div
+      className={cn(
+        "border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl",
+        className
+      )}
+    >
+      {!nestLabel ? tooltipLabel : null}
+      <div className="grid gap-1.5">
+        {payload
+          .filter((item) => item.type !== "none")
+          .map((item, index) => {
+            const key = `${nameKey || item.name || item.dataKey || "value"}`
+            const itemConfig = getPayloadConfigFromPayload(config, item, key)
+            const indicatorColor = color || item.payload.fill || item.color
+
+            return (
+              <div
+                key={item.dataKey}
+                className={cn(
+                  "[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5",
+                  indicator === "dot" && "items-center"
+                )}
+              >
+                {formatter && item?.value !== undefined && item.name ? (
+                  formatter(item.value, item.name, item, index, item.payload)
+                ) : (
+                  <>
+                    {itemConfig?.icon ? (
+                      <itemConfig.icon />
+                    ) : (
+                      !hideIndicator && (
+                        <div
+                          className={cn(
+                            "shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)",
+                            {
+                              "h-2.5 w-2.5": indicator === "dot",
+                              "w-1": indicator === "line",
+                              "w-0 border-[1.5px] border-dashed bg-transparent":
+                                indicator === "dashed",
+                              "my-0.5": nestLabel && indicator === "dashed",
+                            }
+                          )}
+                          style={
+                            {
+                              "--color-bg": indicatorColor,
+                              "--color-border": indicatorColor,
+                            } as React.CSSProperties
+                          }
+                        />
+                      )
+                    )}
+                    <div
+                      className={cn(
+                        "flex flex-1 justify-between leading-none",
+                        nestLabel ? "items-end" : "items-center"
+                      )}
+                    >
+                      <div className="grid gap-1.5">
+                        {nestLabel ? tooltipLabel : null}
+                        <span className="text-muted-foreground">
+                          {itemConfig?.label || item.name}
+                        </span>
+                      </div>
+                      {item.value && (
+                        <span className="text-foreground font-mono font-medium tabular-nums">
+                          {item.value.toLocaleString()}
+                        </span>
+                      )}
+                    </div>
+                  </>
+                )}
+              </div>
+            )
+          })}
+      </div>
+    </div>
+  )
+}
+
+const ChartLegend = RechartsPrimitive.Legend
+
+function ChartLegendContent({
+  className,
+  hideIcon = false,
+  payload,
+  verticalAlign = "bottom",
+  nameKey,
+}: React.ComponentProps<"div"> &
+  Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
+    hideIcon?: boolean
+    nameKey?: string
+  }) {
+  const { config } = useChart()
+
+  if (!payload?.length) {
+    return null
+  }
+
+  return (
+    <div
+      className={cn(
+        "flex items-center justify-center gap-4",
+        verticalAlign === "top" ? "pb-3" : "pt-3",
+        className
+      )}
+    >
+      {payload
+        .filter((item) => item.type !== "none")
+        .map((item) => {
+          const key = `${nameKey || item.dataKey || "value"}`
+          const itemConfig = getPayloadConfigFromPayload(config, item, key)
+
+          return (
+            <div
+              key={item.value}
+              className={cn(
+                "[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"
+              )}
+            >
+              {itemConfig?.icon && !hideIcon ? (
+                <itemConfig.icon />
+              ) : (
+                <div
+                  className="h-2 w-2 shrink-0 rounded-[2px]"
+                  style={{
+                    backgroundColor: item.color,
+                  }}
+                />
+              )}
+              {itemConfig?.label}
+            </div>
+          )
+        })}
+    </div>
+  )
+}
+
+// Helper to extract item config from a payload.
+function getPayloadConfigFromPayload(
+  config: ChartConfig,
+  payload: unknown,
+  key: string
+) {
+  if (typeof payload !== "object" || payload === null) {
+    return undefined
+  }
+
+  const payloadPayload =
+    "payload" in payload &&
+    typeof payload.payload === "object" &&
+    payload.payload !== null
+      ? payload.payload
+      : undefined
+
+  let configLabelKey: string = key
+
+  if (
+    key in payload &&
+    typeof payload[key as keyof typeof payload] === "string"
+  ) {
+    configLabelKey = payload[key as keyof typeof payload] as string
+  } else if (
+    payloadPayload &&
+    key in payloadPayload &&
+    typeof payloadPayload[key as keyof typeof payloadPayload] === "string"
+  ) {
+    configLabelKey = payloadPayload[
+      key as keyof typeof payloadPayload
+    ] as string
+  }
+
+  return configLabelKey in config
+    ? config[configLabelKey]
+    : config[key as keyof typeof config]
+}
+
+export {
+  ChartContainer,
+  ChartTooltip,
+  ChartTooltipContent,
+  ChartLegend,
+  ChartLegendContent,
+  ChartStyle,
+}
diff --git a/src/components/ui/checkbox.tsx b/src/components/ui/checkbox.tsx
new file mode 100644
index 0000000..defeb01
--- /dev/null
+++ b/src/components/ui/checkbox.tsx
@@ -0,0 +1,30 @@
+import * as React from "react"
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox"
+import { CheckIcon } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+function Checkbox({
+  className,
+  ...props
+}: React.ComponentProps<typeof CheckboxPrimitive.Root>) {
+  return (
+    <CheckboxPrimitive.Root
+      data-slot="checkbox"
+      className={cn(
+        "peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      )}
+      {...props}
+    >
+      <CheckboxPrimitive.Indicator
+        data-slot="checkbox-indicator"
+        className="flex items-center justify-center text-current transition-none"
+      >
+        <CheckIcon className="size-3.5" />
+      </CheckboxPrimitive.Indicator>
+    </CheckboxPrimitive.Root>
+  )
+}
+
+export { Checkbox }
diff --git a/src/components/ui/drawer.tsx b/src/components/ui/drawer.tsx
new file mode 100644
index 0000000..869955f
--- /dev/null
+++ b/src/components/ui/drawer.tsx
@@ -0,0 +1,133 @@
+import * as React from "react"
+import { Drawer as DrawerPrimitive } from "vaul"
+
+import { cn } from "@/lib/utils"
+
+function Drawer({
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Root>) {
+  return <DrawerPrimitive.Root data-slot="drawer" {...props} />
+}
+
+function DrawerTrigger({
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {
+  return <DrawerPrimitive.Trigger data-slot="drawer-trigger" {...props} />
+}
+
+function DrawerPortal({
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Portal>) {
+  return <DrawerPrimitive.Portal data-slot="drawer-portal" {...props} />
+}
+
+function DrawerClose({
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Close>) {
+  return <DrawerPrimitive.Close data-slot="drawer-close" {...props} />
+}
+
+function DrawerOverlay({
+  className,
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {
+  return (
+    <DrawerPrimitive.Overlay
+      data-slot="drawer-overlay"
+      className={cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function DrawerContent({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Content>) {
+  return (
+    <DrawerPortal data-slot="drawer-portal">
+      <DrawerOverlay />
+      <DrawerPrimitive.Content
+        data-slot="drawer-content"
+        className={cn(
+          "group/drawer-content bg-background fixed z-50 flex h-auto flex-col",
+          "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b",
+          "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t",
+          "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm",
+          "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm",
+          className
+        )}
+        {...props}
+      >
+        <div className="bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" />
+        {children}
+      </DrawerPrimitive.Content>
+    </DrawerPortal>
+  )
+}
+
+function DrawerHeader({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="drawer-header"
+      className={cn(
+        "flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function DrawerFooter({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="drawer-footer"
+      className={cn("mt-auto flex flex-col gap-2 p-4", className)}
+      {...props}
+    />
+  )
+}
+
+function DrawerTitle({
+  className,
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Title>) {
+  return (
+    <DrawerPrimitive.Title
+      data-slot="drawer-title"
+      className={cn("text-foreground font-semibold", className)}
+      {...props}
+    />
+  )
+}
+
+function DrawerDescription({
+  className,
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Description>) {
+  return (
+    <DrawerPrimitive.Description
+      data-slot="drawer-description"
+      className={cn("text-muted-foreground text-sm", className)}
+      {...props}
+    />
+  )
+}
+
+export {
+  Drawer,
+  DrawerPortal,
+  DrawerOverlay,
+  DrawerTrigger,
+  DrawerClose,
+  DrawerContent,
+  DrawerHeader,
+  DrawerFooter,
+  DrawerTitle,
+  DrawerDescription,
+}
diff --git a/src/components/ui/dropdown-menu.tsx b/src/components/ui/dropdown-menu.tsx
new file mode 100644
index 0000000..bbe6fb0
--- /dev/null
+++ b/src/components/ui/dropdown-menu.tsx
@@ -0,0 +1,257 @@
+"use client"
+
+import * as React from "react"
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu"
+import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+function DropdownMenu({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {
+  return <DropdownMenuPrimitive.Root data-slot="dropdown-menu" {...props} />
+}
+
+function DropdownMenuPortal({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {
+  return (
+    <DropdownMenuPrimitive.Portal data-slot="dropdown-menu-portal" {...props} />
+  )
+}
+
+function DropdownMenuTrigger({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {
+  return (
+    <DropdownMenuPrimitive.Trigger
+      data-slot="dropdown-menu-trigger"
+      {...props}
+    />
+  )
+}
+
+function DropdownMenuContent({
+  className,
+  sideOffset = 4,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {
+  return (
+    <DropdownMenuPrimitive.Portal>
+      <DropdownMenuPrimitive.Content
+        data-slot="dropdown-menu-content"
+        sideOffset={sideOffset}
+        className={cn(
+          "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+          className
+        )}
+        {...props}
+      />
+    </DropdownMenuPrimitive.Portal>
+  )
+}
+
+function DropdownMenuGroup({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {
+  return (
+    <DropdownMenuPrimitive.Group data-slot="dropdown-menu-group" {...props} />
+  )
+}
+
+function DropdownMenuItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+  inset?: boolean
+  variant?: "default" | "destructive"
+}) {
+  return (
+    <DropdownMenuPrimitive.Item
+      data-slot="dropdown-menu-item"
+      data-inset={inset}
+      data-variant={variant}
+      className={cn(
+        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function DropdownMenuCheckboxItem({
+  className,
+  children,
+  checked,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {
+  return (
+    <DropdownMenuPrimitive.CheckboxItem
+      data-slot="dropdown-menu-checkbox-item"
+      className={cn(
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      checked={checked}
+      {...props}
+    >
+      <span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
+        <DropdownMenuPrimitive.ItemIndicator>
+          <CheckIcon className="size-4" />
+        </DropdownMenuPrimitive.ItemIndicator>
+      </span>
+      {children}
+    </DropdownMenuPrimitive.CheckboxItem>
+  )
+}
+
+function DropdownMenuRadioGroup({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {
+  return (
+    <DropdownMenuPrimitive.RadioGroup
+      data-slot="dropdown-menu-radio-group"
+      {...props}
+    />
+  )
+}
+
+function DropdownMenuRadioItem({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {
+  return (
+    <DropdownMenuPrimitive.RadioItem
+      data-slot="dropdown-menu-radio-item"
+      className={cn(
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    >
+      <span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
+        <DropdownMenuPrimitive.ItemIndicator>
+          <CircleIcon className="size-2 fill-current" />
+        </DropdownMenuPrimitive.ItemIndicator>
+      </span>
+      {children}
+    </DropdownMenuPrimitive.RadioItem>
+  )
+}
+
+function DropdownMenuLabel({
+  className,
+  inset,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+  inset?: boolean
+}) {
+  return (
+    <DropdownMenuPrimitive.Label
+      data-slot="dropdown-menu-label"
+      data-inset={inset}
+      className={cn(
+        "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function DropdownMenuSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {
+  return (
+    <DropdownMenuPrimitive.Separator
+      data-slot="dropdown-menu-separator"
+      className={cn("bg-border -mx-1 my-1 h-px", className)}
+      {...props}
+    />
+  )
+}
+
+function DropdownMenuShortcut({
+  className,
+  ...props
+}: React.ComponentProps<"span">) {
+  return (
+    <span
+      data-slot="dropdown-menu-shortcut"
+      className={cn(
+        "text-muted-foreground ml-auto text-xs tracking-widest",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function DropdownMenuSub({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {
+  return <DropdownMenuPrimitive.Sub data-slot="dropdown-menu-sub" {...props} />
+}
+
+function DropdownMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+  inset?: boolean
+}) {
+  return (
+    <DropdownMenuPrimitive.SubTrigger
+      data-slot="dropdown-menu-sub-trigger"
+      data-inset={inset}
+      className={cn(
+        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    >
+      {children}
+      <ChevronRightIcon className="ml-auto size-4" />
+    </DropdownMenuPrimitive.SubTrigger>
+  )
+}
+
+function DropdownMenuSubContent({
+  className,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {
+  return (
+    <DropdownMenuPrimitive.SubContent
+      data-slot="dropdown-menu-sub-content"
+      className={cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export {
+  DropdownMenu,
+  DropdownMenuPortal,
+  DropdownMenuTrigger,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuLabel,
+  DropdownMenuItem,
+  DropdownMenuCheckboxItem,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubTrigger,
+  DropdownMenuSubContent,
+}
diff --git a/src/components/ui/field.tsx b/src/components/ui/field.tsx
new file mode 100644
index 0000000..bd6d428
--- /dev/null
+++ b/src/components/ui/field.tsx
@@ -0,0 +1,242 @@
+import { useMemo } from "react"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+import { Label } from "@/components/ui/label"
+import { Separator } from "@/components/ui/separator"
+
+function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">) {
+  return (
+    <fieldset
+      data-slot="field-set"
+      className={cn(
+        "flex flex-col gap-6",
+        "has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function FieldLegend({
+  className,
+  variant = "legend",
+  ...props
+}: React.ComponentProps<"legend"> & { variant?: "legend" | "label" }) {
+  return (
+    <legend
+      data-slot="field-legend"
+      data-variant={variant}
+      className={cn(
+        "mb-3 font-medium",
+        "data-[variant=legend]:text-base",
+        "data-[variant=label]:text-sm",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function FieldGroup({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="field-group"
+      className={cn(
+        "group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+const fieldVariants = cva(
+  "group/field flex w-full gap-3 data-[invalid=true]:text-destructive",
+  {
+    variants: {
+      orientation: {
+        vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
+        horizontal: [
+          "flex-row items-center",
+          "[&>[data-slot=field-label]]:flex-auto",
+          "has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
+        ],
+        responsive: [
+          "flex-col [&>*]:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto",
+          "@md/field-group:[&>[data-slot=field-label]]:flex-auto",
+          "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
+        ],
+      },
+    },
+    defaultVariants: {
+      orientation: "vertical",
+    },
+  }
+)
+
+function Field({
+  className,
+  orientation = "vertical",
+  ...props
+}: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>) {
+  return (
+    <div
+      role="group"
+      data-slot="field"
+      data-orientation={orientation}
+      className={cn(fieldVariants({ orientation }), className)}
+      {...props}
+    />
+  )
+}
+
+function FieldContent({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="field-content"
+      className={cn(
+        "group/field-content flex flex-1 flex-col gap-1.5 leading-snug",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function FieldLabel({
+  className,
+  ...props
+}: React.ComponentProps<typeof Label>) {
+  return (
+    <Label
+      data-slot="field-label"
+      className={cn(
+        "group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50",
+        "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4",
+        "has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function FieldTitle({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="field-label"
+      className={cn(
+        "flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function FieldDescription({ className, ...props }: React.ComponentProps<"p">) {
+  return (
+    <p
+      data-slot="field-description"
+      className={cn(
+        "text-muted-foreground text-sm leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance",
+        "last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5",
+        "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function FieldSeparator({
+  children,
+  className,
+  ...props
+}: React.ComponentProps<"div"> & {
+  children?: React.ReactNode
+}) {
+  return (
+    <div
+      data-slot="field-separator"
+      data-content={!!children}
+      className={cn(
+        "relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2",
+        className
+      )}
+      {...props}
+    >
+      <Separator className="absolute inset-0 top-1/2" />
+      {children && (
+        <span
+          className="bg-background text-muted-foreground relative mx-auto block w-fit px-2"
+          data-slot="field-separator-content"
+        >
+          {children}
+        </span>
+      )}
+    </div>
+  )
+}
+
+function FieldError({
+  className,
+  children,
+  errors,
+  ...props
+}: React.ComponentProps<"div"> & {
+  errors?: Array<{ message?: string } | undefined>
+}) {
+  const content = useMemo(() => {
+    if (children) {
+      return children
+    }
+
+    if (!errors?.length) {
+      return null
+    }
+
+    if (errors?.length == 1) {
+      return errors[0]?.message
+    }
+
+    return (
+      <ul className="ml-4 flex list-disc flex-col gap-1">
+        {errors.map(
+          (error, index) =>
+            error?.message && <li key={index}>{error.message}</li>
+        )}
+      </ul>
+    )
+  }, [children, errors])
+
+  if (!content) {
+    return null
+  }
+
+  return (
+    <div
+      role="alert"
+      data-slot="field-error"
+      className={cn("text-destructive text-sm font-normal", className)}
+      {...props}
+    >
+      {content}
+    </div>
+  )
+}
+
+export {
+  Field,
+  FieldLabel,
+  FieldDescription,
+  FieldError,
+  FieldGroup,
+  FieldLegend,
+  FieldSeparator,
+  FieldSet,
+  FieldContent,
+  FieldTitle,
+}
diff --git a/src/components/ui/input-search.tsx b/src/components/ui/input-search.tsx
new file mode 100644
index 0000000..1dd8cfc
--- /dev/null
+++ b/src/components/ui/input-search.tsx
@@ -0,0 +1,48 @@
+import * as React from "react";
+import { cn } from "@/lib/utils";
+import debounce from "lodash.debounce";
+import { IconSearch } from "@tabler/icons-react";
+
+interface InputSearchProps extends React.ComponentProps<"input"> {
+  delay?: number;
+}
+
+const InputSearch = React.forwardRef<HTMLInputElement, InputSearchProps>(
+  ({ className, type, onChange, delay = 100, ...props }, ref) => {
+    const debouncedLoadOptions = React.useMemo(
+      () =>
+        debounce((event: React.ChangeEvent<HTMLInputElement>) => {
+          if (onChange) onChange(event);
+        }, delay),
+      [delay, onChange]
+    );
+
+    return (
+      <div className="flex flex-row relative">
+        <IconSearch className="absolute left-4 top-1/2 transform -translate-y-1/2 text-gray-500" />
+        <input
+          type={type}
+          className={cn(
+            "px-3 py-2 flex h-9 w-full rounded-md border border-gray-300 bg-transparent text-base shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+            className,
+            "pl-10"
+          )}
+          ref={ref}
+          onChange={debouncedLoadOptions}
+          onKeyDown={(event) => {
+            if (event.key === "Enter" && onChange) {
+              event.stopPropagation();
+              event.preventDefault(); // Mencegah submit form default jika ada
+              onChange(event as any); // Panggil `onChange` langsung saat Enter ditekan
+            }
+          }}
+          {...props}
+        />
+      </div>
+    );
+  }
+);
+
+InputSearch.displayName = "InputSearch";
+
+export { InputSearch };
diff --git a/src/components/ui/input.tsx b/src/components/ui/input.tsx
new file mode 100644
index 0000000..8916905
--- /dev/null
+++ b/src/components/ui/input.tsx
@@ -0,0 +1,21 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+function Input({ className, type, ...props }: React.ComponentProps<"input">) {
+  return (
+    <input
+      type={type}
+      data-slot="input"
+      className={cn(
+        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+        "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export { Input }
diff --git a/src/components/ui/label.tsx b/src/components/ui/label.tsx
new file mode 100644
index 0000000..ef7133a
--- /dev/null
+++ b/src/components/ui/label.tsx
@@ -0,0 +1,22 @@
+import * as React from "react"
+import * as LabelPrimitive from "@radix-ui/react-label"
+
+import { cn } from "@/lib/utils"
+
+function Label({
+  className,
+  ...props
+}: React.ComponentProps<typeof LabelPrimitive.Root>) {
+  return (
+    <LabelPrimitive.Root
+      data-slot="label"
+      className={cn(
+        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export { Label }
diff --git a/src/components/ui/ratings.tsx b/src/components/ui/ratings.tsx
new file mode 100644
index 0000000..b9cb440
--- /dev/null
+++ b/src/components/ui/ratings.tsx
@@ -0,0 +1,169 @@
+"use client";
+
+import React, { useState } from "react";
+import { Star } from "lucide-react";
+import { cn } from "@/lib/utils";
+
+const ratingVariants = {
+  default: {
+    star: "text-foreground",
+    emptyStar: "text-muted-foreground",
+  },
+  destructive: {
+    star: "text-red-500",
+    emptyStar: "text-red-200",
+  },
+  yellow: {
+    star: "text-yellow-300",
+    emptyStar: "text-yellow-300",
+  },
+};
+
+interface RatingProps extends React.HTMLAttributes<HTMLDivElement> {
+  rating: number;
+  totalStars?: number;
+  size?: number;
+  fill?: boolean;
+  Icon?: React.ReactElement;
+  variant?: keyof typeof ratingVariants;
+  onRatingChange?: (rating: number) => void;
+  showText?: boolean; // Add showText prop
+  disabled?: boolean;
+}
+
+export const Rating = ({
+  rating: initialRating,
+  totalStars = 5,
+  size = 20,
+  fill = true,
+  Icon = <Star />,
+  variant = "default",
+  onRatingChange,
+  showText = true, // Default to true if disabled prop is not provided
+  disabled = false, // Default to false if disabled prop is not provided
+  ...props
+}: RatingProps) => {
+  const [hoverRating, setHoverRating] = useState<number | null>(null);
+  const [currentRating, setCurrentRating] = useState(initialRating);
+  const [isHovering, setIsHovering] = useState(false);
+
+  const handleMouseEnter = (event: React.MouseEvent<HTMLDivElement>) => {
+    if (!disabled) {
+      setIsHovering(true);
+      const starIndex = parseInt(
+        (event.currentTarget as HTMLDivElement).dataset.starIndex || "0"
+      );
+      setHoverRating(starIndex);
+    }
+  };
+
+  const handleMouseLeave = () => {
+    setIsHovering(false);
+    setHoverRating(null);
+  };
+
+  const handleClick = (event: React.MouseEvent<HTMLDivElement>) => {
+    if (!disabled) {
+      const starIndex = parseInt(
+        (event.currentTarget as HTMLDivElement).dataset.starIndex || "0"
+      );
+      setCurrentRating(starIndex);
+      setHoverRating(null);
+      if (onRatingChange) {
+        onRatingChange(starIndex);
+      }
+    }
+  };
+
+  const displayRating = disabled ? initialRating : hoverRating ?? currentRating;
+  const fullStars = Math.floor(displayRating);
+  const partialStar =
+    displayRating % 1 > 0 ? (
+      <PartialStar
+        fillPercentage={displayRating % 1}
+        size={size}
+        className={cn(ratingVariants[variant].star)}
+        Icon={Icon}
+      />
+    ) : null;
+
+  return (
+    <div
+      className={cn("flex w-fit flex-col gap-2", {
+        "pointer-events-none": disabled,
+      })}
+      onMouseLeave={handleMouseLeave}
+      {...props}
+    >
+      <div className="flex items-center" onMouseEnter={handleMouseEnter}>
+        {[...Array(fullStars)].map((_, i) =>
+          React.cloneElement(Icon, {
+            key: i,
+            size,
+            className: cn(
+              fill ? "fill-current stroke-1" : "fill-transparent",
+              ratingVariants[variant].star
+            ),
+            onClick: handleClick,
+            onMouseEnter: handleMouseEnter,
+            "data-star-index": i + 1,
+          })
+        )}
+        {partialStar}
+        {[
+          ...Array(Math.max(0, totalStars - fullStars - (partialStar ? 1 : 0))),
+        ].map((_, i) =>
+          React.cloneElement(Icon, {
+            key: i + fullStars + 1,
+            size,
+            className: cn("stroke-1", ratingVariants[variant].emptyStar),
+            onClick: handleClick,
+            onMouseEnter: handleMouseEnter,
+            "data-star-index": i + fullStars + 1,
+          })
+        )}
+      </div>
+      {showText && (
+        <span className="text-xs text-muted-foreground font-semibold">
+          Current Rating: {`${currentRating}`}
+        </span>
+      )}
+    </div>
+  );
+};
+
+interface PartialStarProps {
+  fillPercentage: number;
+  size: number;
+  className?: string;
+  Icon: React.ReactElement;
+}
+
+const PartialStar = ({
+  fillPercentage,
+  size,
+  className,
+  Icon,
+}: PartialStarProps) => {
+  return (
+    <div style={{ position: "relative", display: "inline-block" }}>
+      {React.cloneElement(Icon, {
+        size,
+        className: cn("fill-transparent", className),
+      })}
+      <div
+        style={{
+          position: "absolute",
+          top: 0,
+          overflow: "hidden",
+          width: `${fillPercentage * 100}%`,
+        }}
+      >
+        {React.cloneElement(Icon, {
+          size,
+          className: cn("fill-current", className),
+        })}
+      </div>
+    </div>
+  );
+};
diff --git a/src/components/ui/resize.tsx b/src/components/ui/resize.tsx
new file mode 100644
index 0000000..c0929f4
--- /dev/null
+++ b/src/components/ui/resize.tsx
@@ -0,0 +1,45 @@
+"use client";
+
+import { GripVertical } from "lucide-react";
+import * as ResizablePrimitive from "react-resizable-panels";
+
+import { cn } from "@/lib/utils";
+
+const ResizablePanelGroup = ({
+  className,
+  ...props
+}: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => (
+  <ResizablePrimitive.PanelGroup
+    className={cn(
+      "flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
+      className
+    )}
+    {...props}
+  />
+);
+
+const ResizablePanel = ResizablePrimitive.Panel;
+
+const ResizableHandle = ({
+  withHandle,
+  className,
+  ...props
+}: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
+  withHandle?: boolean;
+}) => (
+  <ResizablePrimitive.PanelResizeHandle
+    className={cn(
+      "relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
+      className
+    )}
+    {...props}
+  >
+    {withHandle && (
+      <div className="z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border">
+        <GripVertical className="h-2.5 w-2.5" />
+      </div>
+    )}
+  </ResizablePrimitive.PanelResizeHandle>
+);
+
+export { ResizablePanelGroup, ResizablePanel, ResizableHandle };
diff --git a/src/components/ui/scroll-area.tsx b/src/components/ui/scroll-area.tsx
new file mode 100644
index 0000000..2567754
--- /dev/null
+++ b/src/components/ui/scroll-area.tsx
@@ -0,0 +1,74 @@
+"use client";
+
+import * as React from "react";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import { cn } from "@/lib/utils";
+
+const ScrollArea = React.forwardRef<
+  React.ElementRef<typeof ScrollAreaPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> & {
+    reload?: any; // Trigger to force height update
+  }
+>(({ className, children, reload, ...props }, ref) => {
+  const viewportRef = React.useRef<HTMLDivElement | null>(null);
+
+  const childPort = React.useRef<HTMLDivElement | null>(null);
+  // Effect untuk memaksa ScrollArea mengupdate layout saat reload berubah
+  // React.useEffect(() => {
+  //   if (viewportRef?.current && childPort?.current) {
+  //     console.log(viewportRef.current);
+
+  //     console.log(childPort.current);
+  //     // viewportRef.current.style.height = "auto"; // Reset height
+  //     // requestAnimationFrame(() => {
+  //     //   viewportRef.current?.scrollHeight; // Trigger repaint
+  //     // });
+  //   }
+  // }, [reload]); // Dependensi pada reload untuk trigger ulang
+
+  return (
+    <ScrollAreaPrimitive.Root
+      ref={ref}
+      className={cn("relative overflow-hidden", className)}
+      {...props}
+    >
+      <ScrollAreaPrimitive.Viewport
+        ref={viewportRef}
+        className="h-full w-full rounded-[inherit] relative"
+      >
+        <div className="absolute top-0 left-0 w-full h-full">
+          <div className="w-full h-full" ref={childPort}>
+            {children}
+          </div>
+        </div>
+      </ScrollAreaPrimitive.Viewport>
+      <ScrollBar />
+      <ScrollAreaPrimitive.Corner />
+    </ScrollAreaPrimitive.Root>
+  );
+});
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
+
+const ScrollBar = React.forwardRef<
+  React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,
+  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>
+>(({ className, orientation = "vertical", ...props }, ref) => (
+  <ScrollAreaPrimitive.ScrollAreaScrollbar
+    ref={ref}
+    orientation={orientation}
+    className={cn(
+      "hover:bg-gray-100/50 flex touch-none select-none transition-colors ",
+      orientation === "vertical" &&
+        "h-full w-2.5 border-l border-l-transparent ",
+      orientation === "horizontal" &&
+        "h-2.5 flex-col border-t border-t-transparent ",
+      className
+    )}
+    {...props}
+  >
+    <ScrollAreaPrimitive.ScrollAreaThumb className="relative flex-1 rounded-full bg-border bg-gray-300" />
+  </ScrollAreaPrimitive.ScrollAreaScrollbar>
+));
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+
+export { ScrollArea, ScrollBar };
diff --git a/src/components/ui/select.tsx b/src/components/ui/select.tsx
new file mode 100644
index 0000000..d34798f
--- /dev/null
+++ b/src/components/ui/select.tsx
@@ -0,0 +1,185 @@
+import * as React from "react"
+import * as SelectPrimitive from "@radix-ui/react-select"
+import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+function Select({
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Root>) {
+  return <SelectPrimitive.Root data-slot="select" {...props} />
+}
+
+function SelectGroup({
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Group>) {
+  return <SelectPrimitive.Group data-slot="select-group" {...props} />
+}
+
+function SelectValue({
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Value>) {
+  return <SelectPrimitive.Value data-slot="select-value" {...props} />
+}
+
+function SelectTrigger({
+  className,
+  size = "default",
+  children,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
+  size?: "sm" | "default"
+}) {
+  return (
+    <SelectPrimitive.Trigger
+      data-slot="select-trigger"
+      data-size={size}
+      className={cn(
+        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    >
+      {children}
+      <SelectPrimitive.Icon asChild>
+        <ChevronDownIcon className="size-4 opacity-50" />
+      </SelectPrimitive.Icon>
+    </SelectPrimitive.Trigger>
+  )
+}
+
+function SelectContent({
+  className,
+  children,
+  position = "popper",
+  align = "center",
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Content>) {
+  return (
+    <SelectPrimitive.Portal>
+      <SelectPrimitive.Content
+        data-slot="select-content"
+        className={cn(
+          "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
+          position === "popper" &&
+            "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+          className
+        )}
+        position={position}
+        align={align}
+        {...props}
+      >
+        <SelectScrollUpButton />
+        <SelectPrimitive.Viewport
+          className={cn(
+            "p-1",
+            position === "popper" &&
+              "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
+          )}
+        >
+          {children}
+        </SelectPrimitive.Viewport>
+        <SelectScrollDownButton />
+      </SelectPrimitive.Content>
+    </SelectPrimitive.Portal>
+  )
+}
+
+function SelectLabel({
+  className,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Label>) {
+  return (
+    <SelectPrimitive.Label
+      data-slot="select-label"
+      className={cn("text-muted-foreground px-2 py-1.5 text-xs", className)}
+      {...props}
+    />
+  )
+}
+
+function SelectItem({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Item>) {
+  return (
+    <SelectPrimitive.Item
+      data-slot="select-item"
+      className={cn(
+        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        className
+      )}
+      {...props}
+    >
+      <span className="absolute right-2 flex size-3.5 items-center justify-center">
+        <SelectPrimitive.ItemIndicator>
+          <CheckIcon className="size-4" />
+        </SelectPrimitive.ItemIndicator>
+      </span>
+      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
+    </SelectPrimitive.Item>
+  )
+}
+
+function SelectSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Separator>) {
+  return (
+    <SelectPrimitive.Separator
+      data-slot="select-separator"
+      className={cn("bg-border pointer-events-none -mx-1 my-1 h-px", className)}
+      {...props}
+    />
+  )
+}
+
+function SelectScrollUpButton({
+  className,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {
+  return (
+    <SelectPrimitive.ScrollUpButton
+      data-slot="select-scroll-up-button"
+      className={cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      )}
+      {...props}
+    >
+      <ChevronUpIcon className="size-4" />
+    </SelectPrimitive.ScrollUpButton>
+  )
+}
+
+function SelectScrollDownButton({
+  className,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {
+  return (
+    <SelectPrimitive.ScrollDownButton
+      data-slot="select-scroll-down-button"
+      className={cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      )}
+      {...props}
+    >
+      <ChevronDownIcon className="size-4" />
+    </SelectPrimitive.ScrollDownButton>
+  )
+}
+
+export {
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+}
diff --git a/src/components/ui/separator.tsx b/src/components/ui/separator.tsx
new file mode 100644
index 0000000..275381c
--- /dev/null
+++ b/src/components/ui/separator.tsx
@@ -0,0 +1,28 @@
+"use client"
+
+import * as React from "react"
+import * as SeparatorPrimitive from "@radix-ui/react-separator"
+
+import { cn } from "@/lib/utils"
+
+function Separator({
+  className,
+  orientation = "horizontal",
+  decorative = true,
+  ...props
+}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {
+  return (
+    <SeparatorPrimitive.Root
+      data-slot="separator"
+      decorative={decorative}
+      orientation={orientation}
+      className={cn(
+        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export { Separator }
diff --git a/src/components/ui/sheet.tsx b/src/components/ui/sheet.tsx
new file mode 100644
index 0000000..84649ad
--- /dev/null
+++ b/src/components/ui/sheet.tsx
@@ -0,0 +1,139 @@
+"use client"
+
+import * as React from "react"
+import * as SheetPrimitive from "@radix-ui/react-dialog"
+import { XIcon } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {
+  return <SheetPrimitive.Root data-slot="sheet" {...props} />
+}
+
+function SheetTrigger({
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {
+  return <SheetPrimitive.Trigger data-slot="sheet-trigger" {...props} />
+}
+
+function SheetClose({
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Close>) {
+  return <SheetPrimitive.Close data-slot="sheet-close" {...props} />
+}
+
+function SheetPortal({
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Portal>) {
+  return <SheetPrimitive.Portal data-slot="sheet-portal" {...props} />
+}
+
+function SheetOverlay({
+  className,
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {
+  return (
+    <SheetPrimitive.Overlay
+      data-slot="sheet-overlay"
+      className={cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SheetContent({
+  className,
+  children,
+  side = "right",
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Content> & {
+  side?: "top" | "right" | "bottom" | "left"
+}) {
+  return (
+    <SheetPortal>
+      <SheetOverlay />
+      <SheetPrimitive.Content
+        data-slot="sheet-content"
+        className={cn(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+          side === "right" &&
+            "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
+          side === "left" &&
+            "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
+          side === "top" &&
+            "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
+          side === "bottom" &&
+            "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",
+          className
+        )}
+        {...props}
+      >
+        {children}
+        <SheetPrimitive.Close className="ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none">
+          <XIcon className="size-4" />
+          <span className="sr-only">Close</span>
+        </SheetPrimitive.Close>
+      </SheetPrimitive.Content>
+    </SheetPortal>
+  )
+}
+
+function SheetHeader({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sheet-header"
+      className={cn("flex flex-col gap-1.5 p-4", className)}
+      {...props}
+    />
+  )
+}
+
+function SheetFooter({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sheet-footer"
+      className={cn("mt-auto flex flex-col gap-2 p-4", className)}
+      {...props}
+    />
+  )
+}
+
+function SheetTitle({
+  className,
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Title>) {
+  return (
+    <SheetPrimitive.Title
+      data-slot="sheet-title"
+      className={cn("text-foreground font-semibold", className)}
+      {...props}
+    />
+  )
+}
+
+function SheetDescription({
+  className,
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Description>) {
+  return (
+    <SheetPrimitive.Description
+      data-slot="sheet-description"
+      className={cn("text-muted-foreground text-sm", className)}
+      {...props}
+    />
+  )
+}
+
+export {
+  Sheet,
+  SheetTrigger,
+  SheetClose,
+  SheetContent,
+  SheetHeader,
+  SheetFooter,
+  SheetTitle,
+  SheetDescription,
+}
diff --git a/src/components/ui/sidebar.tsx b/src/components/ui/sidebar.tsx
new file mode 100644
index 0000000..1ee5a45
--- /dev/null
+++ b/src/components/ui/sidebar.tsx
@@ -0,0 +1,726 @@
+"use client"
+
+import * as React from "react"
+import { Slot } from "@radix-ui/react-slot"
+import { cva, VariantProps } from "class-variance-authority"
+import { PanelLeftIcon } from "lucide-react"
+
+import { useIsMobile } from "@/hooks/use-mobile"
+import { cn } from "@/lib/utils"
+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
+import { Separator } from "@/components/ui/separator"
+import {
+  Sheet,
+  SheetContent,
+  SheetDescription,
+  SheetHeader,
+  SheetTitle,
+} from "@/components/ui/sheet"
+import { Skeleton } from "@/components/ui/skeleton"
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "@/components/ui/tooltip"
+
+const SIDEBAR_COOKIE_NAME = "sidebar_state"
+const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7
+const SIDEBAR_WIDTH = "16rem"
+const SIDEBAR_WIDTH_MOBILE = "18rem"
+const SIDEBAR_WIDTH_ICON = "3rem"
+const SIDEBAR_KEYBOARD_SHORTCUT = "b"
+
+type SidebarContextProps = {
+  state: "expanded" | "collapsed"
+  open: boolean
+  setOpen: (open: boolean) => void
+  openMobile: boolean
+  setOpenMobile: (open: boolean) => void
+  isMobile: boolean
+  toggleSidebar: () => void
+}
+
+const SidebarContext = React.createContext<SidebarContextProps | null>(null)
+
+function useSidebar() {
+  const context = React.useContext(SidebarContext)
+  if (!context) {
+    throw new Error("useSidebar must be used within a SidebarProvider.")
+  }
+
+  return context
+}
+
+function SidebarProvider({
+  defaultOpen = true,
+  open: openProp,
+  onOpenChange: setOpenProp,
+  className,
+  style,
+  children,
+  ...props
+}: React.ComponentProps<"div"> & {
+  defaultOpen?: boolean
+  open?: boolean
+  onOpenChange?: (open: boolean) => void
+}) {
+  const isMobile = useIsMobile()
+  const [openMobile, setOpenMobile] = React.useState(false)
+
+  // This is the internal state of the sidebar.
+  // We use openProp and setOpenProp for control from outside the component.
+  const [_open, _setOpen] = React.useState(defaultOpen)
+  const open = openProp ?? _open
+  const setOpen = React.useCallback(
+    (value: boolean | ((value: boolean) => boolean)) => {
+      const openState = typeof value === "function" ? value(open) : value
+      if (setOpenProp) {
+        setOpenProp(openState)
+      } else {
+        _setOpen(openState)
+      }
+
+      // This sets the cookie to keep the sidebar state.
+      document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`
+    },
+    [setOpenProp, open]
+  )
+
+  // Helper to toggle the sidebar.
+  const toggleSidebar = React.useCallback(() => {
+    return isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open)
+  }, [isMobile, setOpen, setOpenMobile])
+
+  // Adds a keyboard shortcut to toggle the sidebar.
+  React.useEffect(() => {
+    const handleKeyDown = (event: KeyboardEvent) => {
+      if (
+        event.key === SIDEBAR_KEYBOARD_SHORTCUT &&
+        (event.metaKey || event.ctrlKey)
+      ) {
+        event.preventDefault()
+        toggleSidebar()
+      }
+    }
+
+    window.addEventListener("keydown", handleKeyDown)
+    return () => window.removeEventListener("keydown", handleKeyDown)
+  }, [toggleSidebar])
+
+  // We add a state so that we can do data-state="expanded" or "collapsed".
+  // This makes it easier to style the sidebar with Tailwind classes.
+  const state = open ? "expanded" : "collapsed"
+
+  const contextValue = React.useMemo<SidebarContextProps>(
+    () => ({
+      state,
+      open,
+      setOpen,
+      isMobile,
+      openMobile,
+      setOpenMobile,
+      toggleSidebar,
+    }),
+    [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
+  )
+
+  return (
+    <SidebarContext.Provider value={contextValue}>
+      <TooltipProvider delayDuration={0}>
+        <div
+          data-slot="sidebar-wrapper"
+          style={
+            {
+              "--sidebar-width": SIDEBAR_WIDTH,
+              "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
+              ...style,
+            } as React.CSSProperties
+          }
+          className={cn(
+            "group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full",
+            className
+          )}
+          {...props}
+        >
+          {children}
+        </div>
+      </TooltipProvider>
+    </SidebarContext.Provider>
+  )
+}
+
+function Sidebar({
+  side = "left",
+  variant = "sidebar",
+  collapsible = "offcanvas",
+  className,
+  children,
+  ...props
+}: React.ComponentProps<"div"> & {
+  side?: "left" | "right"
+  variant?: "sidebar" | "floating" | "inset"
+  collapsible?: "offcanvas" | "icon" | "none"
+}) {
+  const { isMobile, state, openMobile, setOpenMobile } = useSidebar()
+
+  if (collapsible === "none") {
+    return (
+      <div
+        data-slot="sidebar"
+        className={cn(
+          "bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col",
+          className
+        )}
+        {...props}
+      >
+        {children}
+      </div>
+    )
+  }
+
+  if (isMobile) {
+    return (
+      <Sheet open={openMobile} onOpenChange={setOpenMobile} {...props}>
+        <SheetContent
+          data-sidebar="sidebar"
+          data-slot="sidebar"
+          data-mobile="true"
+          className="bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden"
+          style={
+            {
+              "--sidebar-width": SIDEBAR_WIDTH_MOBILE,
+            } as React.CSSProperties
+          }
+          side={side}
+        >
+          <SheetHeader className="sr-only">
+            <SheetTitle>Sidebar</SheetTitle>
+            <SheetDescription>Displays the mobile sidebar.</SheetDescription>
+          </SheetHeader>
+          <div className="flex h-full w-full flex-col">{children}</div>
+        </SheetContent>
+      </Sheet>
+    )
+  }
+
+  return (
+    <div
+      className="group peer text-sidebar-foreground hidden md:block"
+      data-state={state}
+      data-collapsible={state === "collapsed" ? collapsible : ""}
+      data-variant={variant}
+      data-side={side}
+      data-slot="sidebar"
+    >
+      {/* This is what handles the sidebar gap on desktop */}
+      <div
+        data-slot="sidebar-gap"
+        className={cn(
+          "relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear",
+          "group-data-[collapsible=offcanvas]:w-0",
+          "group-data-[side=right]:rotate-180",
+          variant === "floating" || variant === "inset"
+            ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]"
+            : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"
+        )}
+      />
+      <div
+        data-slot="sidebar-container"
+        className={cn(
+          "fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",
+          side === "left"
+            ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]"
+            : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
+          // Adjust the padding for floating and inset variants.
+          variant === "floating" || variant === "inset"
+            ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]"
+            : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",
+          className
+        )}
+        {...props}
+      >
+        <div
+          data-sidebar="sidebar"
+          data-slot="sidebar-inner"
+          className="bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm"
+        >
+          {children}
+        </div>
+      </div>
+    </div>
+  )
+}
+
+function SidebarTrigger({
+  className,
+  onClick,
+  ...props
+}: React.ComponentProps<typeof Button>) {
+  const { toggleSidebar } = useSidebar()
+
+  return (
+    <Button
+      data-sidebar="trigger"
+      data-slot="sidebar-trigger"
+      variant="ghost"
+      size="icon"
+      className={cn("size-7", className)}
+      onClick={(event) => {
+        onClick?.(event)
+        toggleSidebar()
+      }}
+      {...props}
+    >
+      <PanelLeftIcon />
+      <span className="sr-only">Toggle Sidebar</span>
+    </Button>
+  )
+}
+
+function SidebarRail({ className, ...props }: React.ComponentProps<"button">) {
+  const { toggleSidebar } = useSidebar()
+
+  return (
+    <button
+      data-sidebar="rail"
+      data-slot="sidebar-rail"
+      aria-label="Toggle Sidebar"
+      tabIndex={-1}
+      onClick={toggleSidebar}
+      title="Toggle Sidebar"
+      className={cn(
+        "hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex",
+        "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize",
+        "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
+        "hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full",
+        "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
+        "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SidebarInset({ className, ...props }: React.ComponentProps<"main">) {
+  return (
+    <main
+      data-slot="sidebar-inset"
+      className={cn(
+        "bg-background relative flex w-full flex-1 flex-col",
+        "md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SidebarInput({
+  className,
+  ...props
+}: React.ComponentProps<typeof Input>) {
+  return (
+    <Input
+      data-slot="sidebar-input"
+      data-sidebar="input"
+      className={cn("bg-background h-8 w-full shadow-none", className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarHeader({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sidebar-header"
+      data-sidebar="header"
+      className={cn("flex flex-col gap-2 p-2", className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarFooter({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sidebar-footer"
+      data-sidebar="footer"
+      className={cn("flex flex-col gap-2 p-2", className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof Separator>) {
+  return (
+    <Separator
+      data-slot="sidebar-separator"
+      data-sidebar="separator"
+      className={cn("bg-sidebar-border mx-2 w-auto", className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarContent({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sidebar-content"
+      data-sidebar="content"
+      className={cn(
+        "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SidebarGroup({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sidebar-group"
+      data-sidebar="group"
+      className={cn("relative flex w-full min-w-0 flex-col p-2", className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarGroupLabel({
+  className,
+  asChild = false,
+  ...props
+}: React.ComponentProps<"div"> & { asChild?: boolean }) {
+  const Comp = asChild ? Slot : "div"
+
+  return (
+    <Comp
+      data-slot="sidebar-group-label"
+      data-sidebar="group-label"
+      className={cn(
+        "text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+        "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SidebarGroupAction({
+  className,
+  asChild = false,
+  ...props
+}: React.ComponentProps<"button"> & { asChild?: boolean }) {
+  const Comp = asChild ? Slot : "button"
+
+  return (
+    <Comp
+      data-slot="sidebar-group-action"
+      data-sidebar="group-action"
+      className={cn(
+        "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+        // Increases the hit area of the button on mobile.
+        "after:absolute after:-inset-2 md:after:hidden",
+        "group-data-[collapsible=icon]:hidden",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SidebarGroupContent({
+  className,
+  ...props
+}: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sidebar-group-content"
+      data-sidebar="group-content"
+      className={cn("w-full text-sm", className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarMenu({ className, ...props }: React.ComponentProps<"ul">) {
+  return (
+    <ul
+      data-slot="sidebar-menu"
+      data-sidebar="menu"
+      className={cn("flex w-full min-w-0 flex-col gap-1", className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarMenuItem({ className, ...props }: React.ComponentProps<"li">) {
+  return (
+    <li
+      data-slot="sidebar-menu-item"
+      data-sidebar="menu-item"
+      className={cn("group/menu-item relative", className)}
+      {...props}
+    />
+  )
+}
+
+const sidebarMenuButtonVariants = cva(
+  "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+        outline:
+          "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]",
+      },
+      size: {
+        default: "h-8 text-sm",
+        sm: "h-7 text-xs",
+        lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  }
+)
+
+function SidebarMenuButton({
+  asChild = false,
+  isActive = false,
+  variant = "default",
+  size = "default",
+  tooltip,
+  className,
+  ...props
+}: React.ComponentProps<"button"> & {
+  asChild?: boolean
+  isActive?: boolean
+  tooltip?: string | React.ComponentProps<typeof TooltipContent>
+} & VariantProps<typeof sidebarMenuButtonVariants>) {
+  const Comp = asChild ? Slot : "button"
+  const { isMobile, state } = useSidebar()
+
+  const button = (
+    <Comp
+      data-slot="sidebar-menu-button"
+      data-sidebar="menu-button"
+      data-size={size}
+      data-active={isActive}
+      className={cn(sidebarMenuButtonVariants({ variant, size }), className)}
+      {...props}
+    />
+  )
+
+  if (!tooltip) {
+    return button
+  }
+
+  if (typeof tooltip === "string") {
+    tooltip = {
+      children: tooltip,
+    }
+  }
+
+  return (
+    <Tooltip>
+      <TooltipTrigger asChild>{button}</TooltipTrigger>
+      <TooltipContent
+        side="right"
+        align="center"
+        hidden={state !== "collapsed" || isMobile}
+        {...tooltip}
+      />
+    </Tooltip>
+  )
+}
+
+function SidebarMenuAction({
+  className,
+  asChild = false,
+  showOnHover = false,
+  ...props
+}: React.ComponentProps<"button"> & {
+  asChild?: boolean
+  showOnHover?: boolean
+}) {
+  const Comp = asChild ? Slot : "button"
+
+  return (
+    <Comp
+      data-slot="sidebar-menu-action"
+      data-sidebar="menu-action"
+      className={cn(
+        "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+        // Increases the hit area of the button on mobile.
+        "after:absolute after:-inset-2 md:after:hidden",
+        "peer-data-[size=sm]/menu-button:top-1",
+        "peer-data-[size=default]/menu-button:top-1.5",
+        "peer-data-[size=lg]/menu-button:top-2.5",
+        "group-data-[collapsible=icon]:hidden",
+        showOnHover &&
+          "peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SidebarMenuBadge({
+  className,
+  ...props
+}: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sidebar-menu-badge"
+      data-sidebar="menu-badge"
+      className={cn(
+        "text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none",
+        "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground",
+        "peer-data-[size=sm]/menu-button:top-1",
+        "peer-data-[size=default]/menu-button:top-1.5",
+        "peer-data-[size=lg]/menu-button:top-2.5",
+        "group-data-[collapsible=icon]:hidden",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SidebarMenuSkeleton({
+  className,
+  showIcon = false,
+  ...props
+}: React.ComponentProps<"div"> & {
+  showIcon?: boolean
+}) {
+  // Random width between 50 to 90%.
+  const width = React.useMemo(() => {
+    return `${Math.floor(Math.random() * 40) + 50}%`
+  }, [])
+
+  return (
+    <div
+      data-slot="sidebar-menu-skeleton"
+      data-sidebar="menu-skeleton"
+      className={cn("flex h-8 items-center gap-2 rounded-md px-2", className)}
+      {...props}
+    >
+      {showIcon && (
+        <Skeleton
+          className="size-4 rounded-md"
+          data-sidebar="menu-skeleton-icon"
+        />
+      )}
+      <Skeleton
+        className="h-4 max-w-(--skeleton-width) flex-1"
+        data-sidebar="menu-skeleton-text"
+        style={
+          {
+            "--skeleton-width": width,
+          } as React.CSSProperties
+        }
+      />
+    </div>
+  )
+}
+
+function SidebarMenuSub({ className, ...props }: React.ComponentProps<"ul">) {
+  return (
+    <ul
+      data-slot="sidebar-menu-sub"
+      data-sidebar="menu-sub"
+      className={cn(
+        "border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5",
+        "group-data-[collapsible=icon]:hidden",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SidebarMenuSubItem({
+  className,
+  ...props
+}: React.ComponentProps<"li">) {
+  return (
+    <li
+      data-slot="sidebar-menu-sub-item"
+      data-sidebar="menu-sub-item"
+      className={cn("group/menu-sub-item relative", className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarMenuSubButton({
+  asChild = false,
+  size = "md",
+  isActive = false,
+  className,
+  ...props
+}: React.ComponentProps<"a"> & {
+  asChild?: boolean
+  size?: "sm" | "md"
+  isActive?: boolean
+}) {
+  const Comp = asChild ? Slot : "a"
+
+  return (
+    <Comp
+      data-slot="sidebar-menu-sub-button"
+      data-sidebar="menu-sub-button"
+      data-size={size}
+      data-active={isActive}
+      className={cn(
+        "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+        "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",
+        size === "sm" && "text-xs",
+        size === "md" && "text-sm",
+        "group-data-[collapsible=icon]:hidden",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export {
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarGroup,
+  SidebarGroupAction,
+  SidebarGroupContent,
+  SidebarGroupLabel,
+  SidebarHeader,
+  SidebarInput,
+  SidebarInset,
+  SidebarMenu,
+  SidebarMenuAction,
+  SidebarMenuBadge,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  SidebarMenuSkeleton,
+  SidebarMenuSub,
+  SidebarMenuSubButton,
+  SidebarMenuSubItem,
+  SidebarProvider,
+  SidebarRail,
+  SidebarSeparator,
+  SidebarTrigger,
+  useSidebar,
+}
diff --git a/src/components/ui/skeleton.tsx b/src/components/ui/skeleton.tsx
new file mode 100644
index 0000000..32ea0ef
--- /dev/null
+++ b/src/components/ui/skeleton.tsx
@@ -0,0 +1,13 @@
+import { cn } from "@/lib/utils"
+
+function Skeleton({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="skeleton"
+      className={cn("bg-accent animate-pulse rounded-md", className)}
+      {...props}
+    />
+  )
+}
+
+export { Skeleton }
diff --git a/src/components/ui/sonner.tsx b/src/components/ui/sonner.tsx
new file mode 100644
index 0000000..91b7a46
--- /dev/null
+++ b/src/components/ui/sonner.tsx
@@ -0,0 +1,24 @@
+"use client";
+import { useTheme } from "next-themes";
+import { Toaster as Sonner, ToasterProps } from "sonner";
+
+const Toaster = ({ ...props }: ToasterProps) => {
+  const { theme = "system" } = useTheme();
+
+  return (
+    <Sonner
+      theme={theme as ToasterProps["theme"]}
+      className="toaster group"
+      style={
+        {
+          "--normal-bg": "var(--popover)",
+          "--normal-text": "var(--popover-foreground)",
+          "--normal-border": "var(--border)",
+        } as React.CSSProperties
+      }
+      {...props}
+    />
+  );
+};
+
+export { Toaster };
diff --git a/src/components/ui/spinner.tsx b/src/components/ui/spinner.tsx
new file mode 100644
index 0000000..efa780f
--- /dev/null
+++ b/src/components/ui/spinner.tsx
@@ -0,0 +1,9 @@
+import { Loader2 } from "lucide-react";
+
+export const Spinner = ({ className }: { className?: string }) => {
+    return (
+      <div className={className}>
+        <Loader2 className={cx("h-4 w-4 animate-spin")} />
+      </div>
+    );
+  };
\ No newline at end of file
diff --git a/src/components/ui/table.tsx b/src/components/ui/table.tsx
new file mode 100644
index 0000000..5513a5c
--- /dev/null
+++ b/src/components/ui/table.tsx
@@ -0,0 +1,114 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+function Table({ className, ...props }: React.ComponentProps<"table">) {
+  return (
+    <div
+      data-slot="table-container"
+      className="relative w-full overflow-x-auto"
+    >
+      <table
+        data-slot="table"
+        className={cn("w-full caption-bottom text-sm", className)}
+        {...props}
+      />
+    </div>
+  )
+}
+
+function TableHeader({ className, ...props }: React.ComponentProps<"thead">) {
+  return (
+    <thead
+      data-slot="table-header"
+      className={cn("[&_tr]:border-b", className)}
+      {...props}
+    />
+  )
+}
+
+function TableBody({ className, ...props }: React.ComponentProps<"tbody">) {
+  return (
+    <tbody
+      data-slot="table-body"
+      className={cn("[&_tr:last-child]:border-0", className)}
+      {...props}
+    />
+  )
+}
+
+function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">) {
+  return (
+    <tfoot
+      data-slot="table-footer"
+      className={cn(
+        "bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function TableRow({ className, ...props }: React.ComponentProps<"tr">) {
+  return (
+    <tr
+      data-slot="table-row"
+      className={cn(
+        "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function TableHead({ className, ...props }: React.ComponentProps<"th">) {
+  return (
+    <th
+      data-slot="table-head"
+      className={cn(
+        "text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function TableCell({ className, ...props }: React.ComponentProps<"td">) {
+  return (
+    <td
+      data-slot="table-cell"
+      className={cn(
+        "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function TableCaption({
+  className,
+  ...props
+}: React.ComponentProps<"caption">) {
+  return (
+    <caption
+      data-slot="table-caption"
+      className={cn("text-muted-foreground mt-4 text-sm", className)}
+      {...props}
+    />
+  )
+}
+
+export {
+  Table,
+  TableHeader,
+  TableBody,
+  TableFooter,
+  TableHead,
+  TableRow,
+  TableCell,
+  TableCaption,
+}
diff --git a/src/components/ui/tabs.tsx b/src/components/ui/tabs.tsx
new file mode 100644
index 0000000..497ba5e
--- /dev/null
+++ b/src/components/ui/tabs.tsx
@@ -0,0 +1,66 @@
+"use client"
+
+import * as React from "react"
+import * as TabsPrimitive from "@radix-ui/react-tabs"
+
+import { cn } from "@/lib/utils"
+
+function Tabs({
+  className,
+  ...props
+}: React.ComponentProps<typeof TabsPrimitive.Root>) {
+  return (
+    <TabsPrimitive.Root
+      data-slot="tabs"
+      className={cn("flex flex-col gap-2", className)}
+      {...props}
+    />
+  )
+}
+
+function TabsList({
+  className,
+  ...props
+}: React.ComponentProps<typeof TabsPrimitive.List>) {
+  return (
+    <TabsPrimitive.List
+      data-slot="tabs-list"
+      className={cn(
+        "bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function TabsTrigger({
+  className,
+  ...props
+}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {
+  return (
+    <TabsPrimitive.Trigger
+      data-slot="tabs-trigger"
+      className={cn(
+        "data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function TabsContent({
+  className,
+  ...props
+}: React.ComponentProps<typeof TabsPrimitive.Content>) {
+  return (
+    <TabsPrimitive.Content
+      data-slot="tabs-content"
+      className={cn("flex-1 outline-none", className)}
+      {...props}
+    />
+  )
+}
+
+export { Tabs, TabsList, TabsTrigger, TabsContent }
diff --git a/src/components/ui/text-area.tsx b/src/components/ui/text-area.tsx
new file mode 100644
index 0000000..bf734d1
--- /dev/null
+++ b/src/components/ui/text-area.tsx
@@ -0,0 +1,22 @@
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+const Textarea = React.forwardRef<
+  HTMLTextAreaElement,
+  React.ComponentProps<"textarea">
+>(({ className, ...props }, ref) => {
+  return (
+    <textarea
+      className={cn(
+        "flex min-h-[60px] w-full disabled:bg-gray-100/50 border-gray-300 rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring  md:text-sm",
+        className
+      )}
+      ref={ref}
+      {...props}
+    />
+  );
+});
+Textarea.displayName = "Textarea";
+
+export { Textarea };
diff --git a/src/components/ui/toggle-group.tsx b/src/components/ui/toggle-group.tsx
new file mode 100644
index 0000000..5eed401
--- /dev/null
+++ b/src/components/ui/toggle-group.tsx
@@ -0,0 +1,73 @@
+"use client"
+
+import * as React from "react"
+import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group"
+import { type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+import { toggleVariants } from "@/components/ui/toggle"
+
+const ToggleGroupContext = React.createContext<
+  VariantProps<typeof toggleVariants>
+>({
+  size: "default",
+  variant: "default",
+})
+
+function ToggleGroup({
+  className,
+  variant,
+  size,
+  children,
+  ...props
+}: React.ComponentProps<typeof ToggleGroupPrimitive.Root> &
+  VariantProps<typeof toggleVariants>) {
+  return (
+    <ToggleGroupPrimitive.Root
+      data-slot="toggle-group"
+      data-variant={variant}
+      data-size={size}
+      className={cn(
+        "group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs",
+        className
+      )}
+      {...props}
+    >
+      <ToggleGroupContext.Provider value={{ variant, size }}>
+        {children}
+      </ToggleGroupContext.Provider>
+    </ToggleGroupPrimitive.Root>
+  )
+}
+
+function ToggleGroupItem({
+  className,
+  children,
+  variant,
+  size,
+  ...props
+}: React.ComponentProps<typeof ToggleGroupPrimitive.Item> &
+  VariantProps<typeof toggleVariants>) {
+  const context = React.useContext(ToggleGroupContext)
+
+  return (
+    <ToggleGroupPrimitive.Item
+      data-slot="toggle-group-item"
+      data-variant={context.variant || variant}
+      data-size={context.size || size}
+      className={cn(
+        toggleVariants({
+          variant: context.variant || variant,
+          size: context.size || size,
+        }),
+        "min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l",
+        className
+      )}
+      {...props}
+    >
+      {children}
+    </ToggleGroupPrimitive.Item>
+  )
+}
+
+export { ToggleGroup, ToggleGroupItem }
diff --git a/src/components/ui/toggle.tsx b/src/components/ui/toggle.tsx
new file mode 100644
index 0000000..94ec8f5
--- /dev/null
+++ b/src/components/ui/toggle.tsx
@@ -0,0 +1,47 @@
+"use client"
+
+import * as React from "react"
+import * as TogglePrimitive from "@radix-ui/react-toggle"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const toggleVariants = cva(
+  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline:
+          "border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground",
+      },
+      size: {
+        default: "h-9 px-2 min-w-9",
+        sm: "h-8 px-1.5 min-w-8",
+        lg: "h-10 px-2.5 min-w-10",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  }
+)
+
+function Toggle({
+  className,
+  variant,
+  size,
+  ...props
+}: React.ComponentProps<typeof TogglePrimitive.Root> &
+  VariantProps<typeof toggleVariants>) {
+  return (
+    <TogglePrimitive.Root
+      data-slot="toggle"
+      className={cn(toggleVariants({ variant, size, className }))}
+      {...props}
+    />
+  )
+}
+
+export { Toggle, toggleVariants }
diff --git a/src/components/ui/tooltip-better.tsx b/src/components/ui/tooltip-better.tsx
new file mode 100644
index 0000000..6ffcc52
--- /dev/null
+++ b/src/components/ui/tooltip-better.tsx
@@ -0,0 +1,28 @@
+import { FC } from "react";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "./tooltip";
+
+export const TooltipBetter: FC<any> = ({ content, children, side = "top" }) => {
+  if (content) {
+    return (
+      <TooltipProvider>
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <div className="w-full flex flex-grow flex-row">{children}</div>
+          </TooltipTrigger>
+          <TooltipContent
+            side={side}
+            className="bg-linear-sidebar-active text-white  border border-primary shadow-md transition-all "
+          >
+            <p>{content}</p>
+          </TooltipContent>
+        </Tooltip>
+      </TooltipProvider>
+    );
+  }
+  return children;
+};
diff --git a/src/components/ui/tooltip.tsx b/src/components/ui/tooltip.tsx
new file mode 100644
index 0000000..715bf76
--- /dev/null
+++ b/src/components/ui/tooltip.tsx
@@ -0,0 +1,59 @@
+import * as React from "react"
+import * as TooltipPrimitive from "@radix-ui/react-tooltip"
+
+import { cn } from "@/lib/utils"
+
+function TooltipProvider({
+  delayDuration = 0,
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {
+  return (
+    <TooltipPrimitive.Provider
+      data-slot="tooltip-provider"
+      delayDuration={delayDuration}
+      {...props}
+    />
+  )
+}
+
+function Tooltip({
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Root>) {
+  return (
+    <TooltipProvider>
+      <TooltipPrimitive.Root data-slot="tooltip" {...props} />
+    </TooltipProvider>
+  )
+}
+
+function TooltipTrigger({
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {
+  return <TooltipPrimitive.Trigger data-slot="tooltip-trigger" {...props} />
+}
+
+function TooltipContent({
+  className,
+  sideOffset = 0,
+  children,
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Content>) {
+  return (
+    <TooltipPrimitive.Portal>
+      <TooltipPrimitive.Content
+        data-slot="tooltip-content"
+        sideOffset={sideOffset}
+        className={cn(
+          "bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
+          className
+        )}
+        {...props}
+      >
+        {children}
+        <TooltipPrimitive.Arrow className="bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" />
+      </TooltipPrimitive.Content>
+    </TooltipPrimitive.Portal>
+  )
+}
+
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }
diff --git a/src/hooks/use-mobile.ts b/src/hooks/use-mobile.ts
new file mode 100644
index 0000000..2b0fe1d
--- /dev/null
+++ b/src/hooks/use-mobile.ts
@@ -0,0 +1,19 @@
+import * as React from "react"
+
+const MOBILE_BREAKPOINT = 768
+
+export function useIsMobile() {
+  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined)
+
+  React.useEffect(() => {
+    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)
+    const onChange = () => {
+      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
+    }
+    mql.addEventListener("change", onChange)
+    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
+    return () => mql.removeEventListener("change", onChange)
+  }, [])
+
+  return !!isMobile
+}
diff --git a/src/lib/dbClient.ts b/src/lib/dbClient.ts
new file mode 100644
index 0000000..79de1bd
--- /dev/null
+++ b/src/lib/dbClient.ts
@@ -0,0 +1,93 @@
+"use client";
+
+/**
+ * Client-side "Prisma-like" helper that sends requests directly to the
+ * external backend at `${NEXT_PUBLIC_API_URL}/db`.
+ *
+ * Example:
+ *   await db.banks.create({ data: { name: 123 } })
+ *
+ * This helper performs a network request from the browser to your
+ * backend. Do not store secrets here; ensure your backend validates
+ * and authorizes requests.
+ */
+
+type Action = "create" | "update" | "delete" | "find" | "findMany" | string;
+
+type RequestPayload = {
+  table: string;
+  action: Action;
+  data?: any;
+};
+
+const BACKEND =
+  (process.env.NEXT_PUBLIC_API_URL as string) || "http://localhost:5998";
+
+async function callApi(payload: RequestPayload) {
+  const forwardUrl = `${BACKEND.replace(/\/$/, "")}/db`;
+
+  const headers: Record<string, string> = {
+    "Content-Type": "application/json",
+  };
+
+  try {
+    const token = localStorage.getItem("authToken");
+    if (token) headers["Authorization"] = `Bearer ${token}`;
+  } catch (e) {
+    // ignore storage errors
+  }
+
+  const res = await fetch(forwardUrl, {
+    method: "POST",
+    headers,
+    body: JSON.stringify(payload),
+  });
+
+  if (!res.ok) {
+    const text = await res.text();
+    throw new Error(`db request failed: ${res.status} ${text}`);
+  }
+
+  const json = await res.json();
+
+  // Keep returning json?.result as the canonical payload shape.
+  // Add a lightweight debug log so devs can inspect what the backend returned
+  // without changing the return value or unpacking behavior.
+  try {
+    // eslint-disable-next-line no-console
+    console.debug("dbClient: request", { payload, result: json?.result });
+  } catch (e) {
+    /* ignore logging errors */
+  }
+
+  return json?.result;
+}
+
+const db = new Proxy(
+  {},
+  {
+    get(_target, tableName: string | symbol) {
+      if (typeof tableName === "symbol") return undefined;
+
+      return new Proxy(
+        {},
+        {
+          get(_t, action: string | symbol) {
+            if (typeof action === "symbol") return undefined;
+
+            return async (payload?: any) => {
+              const body = payload ?? {};
+              return callApi({
+                table: String(tableName),
+                action: String(action),
+                data: body,
+              });
+            };
+          },
+        }
+      );
+    },
+  }
+);
+
+export default db;
diff --git a/src/lib/dbServer.ts b/src/lib/dbServer.ts
new file mode 100644
index 0000000..e7f94d8
--- /dev/null
+++ b/src/lib/dbServer.ts
@@ -0,0 +1,28 @@
+/**
+ * Server-side DB helper: calls the external backend /db endpoint.
+ * This file is safe to import in server components (no `use client`).
+ */
+
+const BACKEND =
+  (process.env.NEXT_PUBLIC_API_URL as string) || "http://localhost:5998";
+
+export async function callDbServer(table: string, action: string, data?: any) {
+  const forwardUrl = `${BACKEND.replace(/\/$/, "")}/db`;
+
+  const res = await fetch(forwardUrl, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify({ table, action, data }),
+  });
+
+  if (!res.ok) {
+    const text = await res.text();
+    throw new Error(`db request failed: ${res.status} ${text}`);
+  }
+
+  const json = await res.json();
+  // backend returns result envelope
+  return json?.result ?? json;
+}
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
new file mode 100644
index 0000000..a5ef193
--- /dev/null
+++ b/src/lib/utils.ts
@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}
diff --git a/src/lib/utils/date.ts b/src/lib/utils/date.ts
new file mode 100644
index 0000000..a86fb96
--- /dev/null
+++ b/src/lib/utils/date.ts
@@ -0,0 +1,75 @@
+import day from "dayjs";
+import relative from "dayjs/plugin/relativeTime";
+import { empty } from "./isStringEmpty";
+
+day.extend(relative);
+
+export const longDate = (date: string | Date) => {
+  if (date instanceof Date || typeof date === "string") {
+    return day(date).format("DD MMM YYYY - hh:mm");
+  }
+  return "-";
+};
+
+export const formatDay = (date: string | Date, format: string) => {
+  if (date instanceof Date || typeof date === "string") {
+    return day(date).format(format);
+  }
+  return null;
+};
+
+export const dayDate = (date: string | Date) => {
+  if (date instanceof Date || (typeof date === "string" && !empty(date))) {
+    return day(date).format("DD MMMM YYYY");
+  }
+  return "-";
+};
+export const monthYearDate = (date: string | Date) => {
+  if (date instanceof Date || (typeof date === "string" && !empty(date))) {
+    return day(date).format("MMMM YYYY");
+  }
+  return "-";
+};
+export const shortDate = (date: string | Date) => {
+  if (date instanceof Date || typeof date === "string") {
+    const formattedDate = day(date);
+    if (formattedDate.isValid()) {
+      return formattedDate.format("DD/MM/YYYY");
+    }
+  }
+  return "-";
+};
+
+export const normalDate = (date: string | Date) => {
+  if (date instanceof Date || typeof date === "string") {
+    return day(date).format("YYYY-MM-DD");
+  }
+  return null;
+};
+
+export const timeAgo = (date: string | Date) => {
+  if (date instanceof Date || typeof date === "string") {
+    return day(date).fromNow();
+  }
+  return "-";
+};
+export const formatTime = (date: string | Date) => {
+  if (date instanceof Date || typeof date === "string") {
+    return day(date).format("HH:mm");
+  }
+  return "-";
+};
+
+export const time = (date: string | Date) => {
+  if (!date) return null;
+  if (date === "string") {
+    const timeFormatRegex = /^(\d{2}):(\d{2})$/;
+    if (timeFormatRegex.test(date)) {
+      return date; // Jika sudah format HH:mm, langsung return
+    }
+  }
+  if (date instanceof Date || typeof date === "string") {
+    return day(date).format("HH:mm");
+  }
+  return null;
+};
diff --git a/src/lib/utils/debounceHandler.ts b/src/lib/utils/debounceHandler.ts
new file mode 100644
index 0000000..3dc6303
--- /dev/null
+++ b/src/lib/utils/debounceHandler.ts
@@ -0,0 +1,17 @@
+export const debouncedHandler = <T>(
+    callback: () => void | Promise<void>, // Bisa sinkron atau async
+    delay: number
+  ) => {
+    let timeout: NodeJS.Timeout;
+    return () => {
+      clearTimeout(timeout);
+      timeout = setTimeout(async () => {
+        try {
+          await callback();
+        } catch (error) {
+          console.error("Error in debounced function:", error);
+        }
+      }, delay);
+    };
+  };
+  
\ No newline at end of file
diff --git a/src/lib/utils/event.ts b/src/lib/utils/event.ts
new file mode 100644
index 0000000..d1f9796
--- /dev/null
+++ b/src/lib/utils/event.ts
@@ -0,0 +1,40 @@
+import get from "lodash.get";
+import { generateQueryString } from "./generateQueryString";
+import { empty } from "./isStringEmpty";
+
+type EventActions = "before-onload" | "onload-param" | string;
+export const events = async (action: EventActions, data: any, param?: any) => {
+  switch (action) {
+    case "onload-param":
+      let params = {
+        ...data,
+        page: get(data, "paging"),
+        page_size: get(data, "take"),
+        search: get(data, "search"),
+      };
+      params = {
+        ...params,
+      };
+      if (params?.sort) {
+        params = {
+          ...params,
+          ...params?.sort,
+        };
+      }
+      delete params["sort"];
+      delete params["paging"];
+      delete params["take"];
+      const result = generateQueryString(params);
+      const parameter2 =
+        typeof param === "string" && param ? param?.replace(/^\?/, "") : "";
+      if (result)
+        return `${result}${!empty(parameter2) ? `&${parameter2}` : ``}`;
+      if (empty(result) && !empty(param)) return param;
+      return "";
+      break;
+
+    default:
+      break;
+  }
+  return "";
+};
diff --git a/src/lib/utils/generateQueryString.ts b/src/lib/utils/generateQueryString.ts
new file mode 100644
index 0000000..2a7a9cd
--- /dev/null
+++ b/src/lib/utils/generateQueryString.ts
@@ -0,0 +1,33 @@
+import { empty } from "./isStringEmpty";
+
+export const generateQueryString = (data: Record<string, any>) => {
+  // Priksa menapa input punika bentukipun object lan mboten null
+  if (typeof data !== "object" || data === null || Array.isArray(data)) {
+    return "";
+  }
+
+  // Nyaring nilai null utawi undefined, lajeng priksa menapa object punika kosong sasampunipun disaring
+  const filteredData = Object.keys(data)
+    .filter((key) => {
+      if (typeof data[key] === "string") return !empty(data[key]);
+      return data[key] !== undefined && data[key] !== null;
+    })
+    .reduce((obj: any, key) => {
+      obj[key] = data[key];
+      return obj;
+    }, {});
+
+  if (Object.keys(filteredData).length === 0) {
+    return ""; // Wangsul string kosong menawi object ingkang sampun disaring kosong
+  }
+
+  // Nggawe query string saking data ingkang sampun disaring
+  const queryString = Object.keys(filteredData)
+    .map(
+      (key) =>
+        `${encodeURIComponent(key)}=${encodeURIComponent(filteredData[key])}`
+    )
+    .join("&");
+
+  return "?" + queryString;
+};
diff --git a/src/lib/utils/getNumber.ts b/src/lib/utils/getNumber.ts
new file mode 100644
index 0000000..bd48b9b
--- /dev/null
+++ b/src/lib/utils/getNumber.ts
@@ -0,0 +1,3 @@
+export const getNumber = (data: any) => {
+  return Number(data) || 0;
+};
diff --git a/src/lib/utils/isStringEmpty.ts b/src/lib/utils/isStringEmpty.ts
new file mode 100644
index 0000000..b538899
--- /dev/null
+++ b/src/lib/utils/isStringEmpty.ts
@@ -0,0 +1,13 @@
+export const isStringEmpty = (input: string | null | undefined): boolean => {
+  if (input === null || input === undefined) {
+    return true;
+  }
+  return input.trim().length === 0;
+};
+export const empty = (input: string | null | undefined): boolean => {
+  if (input === null || input === undefined) {
+    return true;
+  }
+  if (typeof input === "string") return input.trim().length === 0;
+  return true;
+};
diff --git a/src/lib/utils/siteurl.ts b/src/lib/utils/siteurl.ts
new file mode 100644
index 0000000..59e39e3
--- /dev/null
+++ b/src/lib/utils/siteurl.ts
@@ -0,0 +1,12 @@
+import dotenv from "dotenv";
+import { empty } from "./isStringEmpty";
+dotenv.config();
+export const siteurl = (
+  param: string,
+  port?: "portal" | "recruitment" | "mpp"
+) => {
+  if (param && param.startsWith("http")) return param;
+  const root_url = `${process.env.NEXT_PUBLIC_API_URL}${param}`;
+  if (port && empty(param)) return "";
+  return `${root_url}`;
+};
diff --git a/src/lib/utils/use-local.ts b/src/lib/utils/use-local.ts
new file mode 100644
index 0000000..05609fe
--- /dev/null
+++ b/src/lib/utils/use-local.ts
@@ -0,0 +1,104 @@
+import { useEffect, useRef, useState } from "react";
+
+export const useLocal = <T extends object>(
+  data: T,
+  effect?: (arg: {
+    init: boolean;
+    setDelayedRender: (arg: boolean) => void;
+  }) => Promise<void | (() => void)> | void | (() => void),
+  deps?: any[]
+): {
+  [K in keyof T]: T[K] extends Promise<any> ? null | Awaited<T[K]> : T[K];
+} & { render: () => void } => {
+  const [, _render] = useState({});
+  const _ = useRef({
+    data: data as unknown as T & {
+      render: () => void;
+    },
+    deps: (deps || []) as any[],
+    ready: false,
+    _loading: {} as any,
+    lastRender: 0,
+    lastRenderCount: 0,
+    delayedRender: false,
+    delayedRenderTimeout: null as any,
+    overRenderTimeout: null as any,
+  });
+  const local = _.current;
+
+  useEffect(() => {
+    local.ready = true;
+    if (effect)
+      effect({
+        init: true,
+        setDelayedRender(arg) {
+          local.delayedRender = arg;
+        },
+      });
+  }, []);
+
+  if (local.ready === false) {
+    local._loading = {};
+
+    local.data.render = () => {
+      if (local.ready) {
+        if (local.delayedRender) {
+          if (Date.now() - local.lastRender > 100) {
+            local.lastRender = Date.now();
+            _render({});
+          } else {
+            clearTimeout(local.delayedRenderTimeout);
+            local.delayedRenderTimeout = setTimeout(local.data.render, 50);
+          }
+          return;
+        }
+
+        if (Date.now() - local.lastRender < 300) {
+          local.lastRenderCount++;
+        } else {
+          local.lastRenderCount = 0;
+        }
+
+        local.lastRender = Date.now();
+
+        if (local.lastRenderCount > 300) {
+          clearTimeout(local.overRenderTimeout);
+          local.overRenderTimeout = setTimeout(() => {
+            local.lastRenderCount = 0;
+            local.lastRender = Date.now();
+            _render({});
+          }, 1000);
+
+          console.error(
+            `local.render executed ${local.lastRenderCount} times in less than 300ms`
+          );
+          return;
+        }
+
+        _render({});
+      }
+    };
+  } else {
+    if (local.deps.length > 0 && deps) {
+      for (const [k, dep] of Object.entries(deps) as any) {
+        if (local.deps[k] !== dep) {
+          local.deps[k] = dep;
+
+          if (effect) {
+            setTimeout(() => {
+              effect({
+                init: false,
+                setDelayedRender(arg) {
+                  local.delayedRender = arg;
+                },
+              });
+            });
+          }
+          break;
+        }
+      }
+    }
+  }
+
+  return local.data as any;
+};
\ No newline at end of file
diff --git a/src/providers/PageTitleProvider.tsx b/src/providers/PageTitleProvider.tsx
new file mode 100644
index 0000000..b8e8e72
--- /dev/null
+++ b/src/providers/PageTitleProvider.tsx
@@ -0,0 +1,35 @@
+"use client";
+
+import React from "react";
+
+type BreadcrumbItem = { label: string; url?: string };
+
+type PageTitleContext = {
+  title: string | BreadcrumbItem[];
+  setTitle: (t: string | BreadcrumbItem[]) => void;
+};
+
+const PageTitleContext = React.createContext<PageTitleContext | undefined>(
+  undefined
+);
+
+export function PageTitleProvider({ children }: { children: React.ReactNode }) {
+  const [title, setTitle] = React.useState<string | BreadcrumbItem[]>(
+    "Documents"
+  );
+
+  return (
+    <PageTitleContext.Provider value={{ title, setTitle }}>
+      {children}
+    </PageTitleContext.Provider>
+  );
+}
+
+export function usePageTitle() {
+  const ctx = React.useContext(PageTitleContext);
+  if (!ctx)
+    throw new Error("usePageTitle must be used within PageTitleProvider");
+  return ctx;
+}
+
+export default PageTitleProvider;
diff --git a/src/providers/ReduxProvider.tsx b/src/providers/ReduxProvider.tsx
new file mode 100644
index 0000000..ea79ccb
--- /dev/null
+++ b/src/providers/ReduxProvider.tsx
@@ -0,0 +1,26 @@
+"use client";
+
+import React from "react";
+import { Provider } from "react-redux";
+import { store } from "@/store";
+import { setToken } from "@/store/authSlice";
+import { setHydrated } from "@/store/authSlice";
+
+export default function ReduxProvider({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  // Rehydrate token from localStorage on the client
+  React.useEffect(() => {
+    try {
+      const t = localStorage.getItem("authToken");
+      if (t) store.dispatch(setToken(t));
+      store.dispatch(setHydrated(true));
+    } catch (e) {
+      /* ignore */
+    }
+  }, []);
+
+  return <Provider store={store}>{children}</Provider>;
+}
diff --git a/src/store/authSlice.ts b/src/store/authSlice.ts
new file mode 100644
index 0000000..093777b
--- /dev/null
+++ b/src/store/authSlice.ts
@@ -0,0 +1,90 @@
+"use client";
+
+import { createAsyncThunk, createSlice, PayloadAction } from "@reduxjs/toolkit";
+
+type AuthState = {
+  token: string | null;
+  loading: boolean;
+  error: string | null;
+  hydrated: boolean;
+};
+
+const initialState: AuthState = {
+  token: null,
+  loading: false,
+  error: null,
+  hydrated: false,
+};
+
+export const login = createAsyncThunk(
+  "auth/login",
+  async (
+    payload: { username: string; password: string },
+    { rejectWithValue }
+  ) => {
+    try {
+      const base = process.env.NEXT_PUBLIC_API_URL || "http://localhost:5998";
+      const res = await fetch(`${base}/auth/login`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(payload),
+      });
+
+      if (!res.ok) {
+        const data = await res.json().catch(() => ({}));
+        return rejectWithValue(
+          data?.message || `Request failed: ${res.status}`
+        );
+      }
+
+      const data = await res.json();
+      return data;
+    } catch (err: any) {
+      return rejectWithValue(err?.message || "Network error");
+    }
+  }
+);
+
+const authSlice = createSlice({
+  name: "auth",
+  initialState,
+  reducers: {
+    logout(state) {
+      state.token = null;
+      state.error = null;
+    },
+    setHydrated(state, action: PayloadAction<boolean>) {
+      state.hydrated = action.payload;
+    },
+    setToken(state, action: PayloadAction<string>) {
+      state.token = action.payload;
+    },
+  },
+  extraReducers: (builder) => {
+    builder
+      .addCase(login.pending, (state) => {
+        state.loading = true;
+        state.error = null;
+      })
+      .addCase(login.fulfilled, (state, action) => {
+        state.loading = false;
+        state.error = null;
+        state.token = action.payload?.token ?? null;
+        try {
+          if (action.payload?.token) {
+            localStorage.setItem("authToken", action.payload.token);
+          }
+        } catch (e) {
+          // ignore storage errors
+        }
+      })
+      .addCase(login.rejected, (state, action) => {
+        state.loading = false;
+        state.error =
+          (action.payload as string) || action.error.message || "Login failed";
+      });
+  },
+});
+
+export const { logout, setToken, setHydrated } = authSlice.actions;
+export default authSlice.reducer;
diff --git a/src/store/hooks.ts b/src/store/hooks.ts
new file mode 100644
index 0000000..7f5bf68
--- /dev/null
+++ b/src/store/hooks.ts
@@ -0,0 +1,7 @@
+"use client";
+
+import { TypedUseSelectorHook, useDispatch, useSelector } from "react-redux";
+import type { RootState, AppDispatch } from "./index";
+
+export const useAppDispatch: () => AppDispatch = useDispatch;
+export const useAppSelector: TypedUseSelectorHook<RootState> = useSelector;
diff --git a/src/store/index.ts b/src/store/index.ts
new file mode 100644
index 0000000..3608d1e
--- /dev/null
+++ b/src/store/index.ts
@@ -0,0 +1,13 @@
+"use client";
+
+import { configureStore } from "@reduxjs/toolkit";
+import authReducer from "./authSlice";
+
+export const store = configureStore({
+  reducer: {
+    auth: authReducer,
+  },
+});
+
+export type RootState = ReturnType<typeof store.getState>;
+export type AppDispatch = typeof store.dispatch;
diff --git a/src/types/db-client.d.ts b/src/types/db-client.d.ts
new file mode 100644
index 0000000..07b826e
--- /dev/null
+++ b/src/types/db-client.d.ts
@@ -0,0 +1,92 @@
+// GENERATED FILE — derived from prisma/schema.prisma (run scripts/prisma-to-dbtypes.js)
+
+type DBAction<TRequest = any, TResponse = any> = (payload?: TRequest) => Promise<TResponse>;
+
+interface DBTables {
+  access: {
+    create: DBAction<{ data: any }, any>;
+    update: DBAction<{ where: any; data: any }, any>;
+    delete: DBAction<{ where: any }, any>;
+    findFirst: DBAction<{ where?: any; include?: any; select?: any }, any>;
+    findMany: DBAction<any, any[]>;
+  };
+  activity_logs: {
+    create: DBAction<{ data: any }, any>;
+    update: DBAction<{ where: any; data: any }, any>;
+    delete: DBAction<{ where: any }, any>;
+    findFirst: DBAction<{ where?: any; include?: any; select?: any }, any>;
+    findMany: DBAction<any, any[]>;
+  };
+  auth_logs: {
+    create: DBAction<{ data: any }, any>;
+    update: DBAction<{ where: any; data: any }, any>;
+    delete: DBAction<{ where: any }, any>;
+    findFirst: DBAction<{ where?: any; include?: any; select?: any }, any>;
+    findMany: DBAction<any, any[]>;
+  };
+  banks: {
+    create: DBAction<{ data: any }, any>;
+    update: DBAction<{ where: any; data: any }, any>;
+    delete: DBAction<{ where: any }, any>;
+    findFirst: DBAction<{ where?: any; include?: any; select?: any }, any>;
+    findMany: DBAction<any, any[]>;
+  };
+  dashboards: {
+    create: DBAction<{ data: any }, any>;
+    update: DBAction<{ where: any; data: any }, any>;
+    delete: DBAction<{ where: any }, any>;
+    findFirst: DBAction<{ where?: any; include?: any; select?: any }, any>;
+    findMany: DBAction<any, any[]>;
+  };
+  parameters: {
+    create: DBAction<{ data: any }, any>;
+    update: DBAction<{ where: any; data: any }, any>;
+    delete: DBAction<{ where: any }, any>;
+    findFirst: DBAction<{ where?: any; include?: any; select?: any }, any>;
+    findMany: DBAction<any, any[]>;
+  };
+  sessions: {
+    create: DBAction<{ data: any }, any>;
+    update: DBAction<{ where: any; data: any }, any>;
+    delete: DBAction<{ where: any }, any>;
+    findFirst: DBAction<{ where?: any; include?: any; select?: any }, any>;
+    findMany: DBAction<any, any[]>;
+  };
+  tenants: {
+    create: DBAction<{ data: any }, any>;
+    update: DBAction<{ where: any; data: any }, any>;
+    delete: DBAction<{ where: any }, any>;
+    findFirst: DBAction<{ where?: any; include?: any; select?: any }, any>;
+    findMany: DBAction<any, any[]>;
+  };
+  user_access: {
+    create: DBAction<{ data: any }, any>;
+    update: DBAction<{ where: any; data: any }, any>;
+    delete: DBAction<{ where: any }, any>;
+    findFirst: DBAction<{ where?: any; include?: any; select?: any }, any>;
+    findMany: DBAction<any, any[]>;
+  };
+  users: {
+    create: DBAction<{ data: any }, any>;
+    update: DBAction<{ where: any; data: any }, any>;
+    delete: DBAction<{ where: any }, any>;
+    findFirst: DBAction<{ where?: any; include?: any; select?: any }, any>;
+    findMany: DBAction<any, any[]>;
+  };
+  database: {
+    create: DBAction<{ data: any }, any>;
+    update: DBAction<{ where: any; data: any }, any>;
+    delete: DBAction<{ where: any }, any>;
+    findFirst: DBAction<{ where?: any; include?: any; select?: any }, any>;
+    findMany: DBAction<any, any[]>;
+  };
+}
+
+type DBClient = {
+  [K in keyof DBTables]: DBTables[K];
+} & { [table: string]: { [action: string]: DBAction<any, any> } };
+
+declare module "@/lib/dbClient" {
+  const db: DBClient;
+  export default db;
+}
diff --git a/src/types/globals.d.ts b/src/types/globals.d.ts
new file mode 100644
index 0000000..3894337
--- /dev/null
+++ b/src/types/globals.d.ts
@@ -0,0 +1,11 @@
+import "classnames";
+import "@emotion/css";
+
+declare global {
+  // `cx` mirrors the default export of the `classnames` package
+  var cx: typeof import("classnames");
+  // `css` mirrors the named export `css` from @emotion/css
+  var css: typeof import("@emotion/css").css;
+}
+
+export {};
diff --git a/src/types/index.ts b/src/types/index.ts
new file mode 100644
index 0000000..4ac427e
--- /dev/null
+++ b/src/types/index.ts
@@ -0,0 +1,15 @@
+// This file exports interfaces that define custom types used throughout the frontend, ensuring type safety in components and pages.
+
+export interface ExampleType {
+    id: number;
+    name: string;
+    description?: string;
+}
+
+export interface User {
+    id: string;
+    username: string;
+    email: string;
+    createdAt: Date;
+    updatedAt: Date;
+}
\ No newline at end of file
diff --git a/tailwind.config.ts b/tailwind.config.ts
new file mode 100644
index 0000000..5ec5851
--- /dev/null
+++ b/tailwind.config.ts
@@ -0,0 +1,107 @@
+// import type { Config } from "tailwindcss";
+
+// export default {
+//   content: [
+//     "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
+//     "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
+//     "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
+//     "./src/lib/**/*.{js,ts,jsx,tsx,mdx}",
+//     "./node_modules/flowbite-react/lib/**/*.{js,ts}",
+//   ],
+//   theme: {
+//     extend: {
+//       colors: {
+//         primary: "#313678",
+//         background: "var(--background)",
+//         foreground: "var(--foreground)",
+//         second: "#C3D5FF",
+//         "background-default": "#F4F7FF",
+//         "default-stroke": "#C3D5FF",
+//         "default-text": "#313678",
+//         "active=advice": "#313678",
+//         "active-stroke": "#C3D5FF",
+//         "active-text": "#FFFFFF",
+//         "disabled-stroke": "#94A3B8",
+//         "disabled-text": "#94A3B8",
+//         accent: "#f4f4f5",
+//         layer: "#F8FAFB",
+//         "card-layer": "#EBF1F6",
+//         "card-active": "#F6FAFD",
+//         "sidebar-label": "#AEB4BC",
+//       },
+
+//       backgroundImage: {
+//         "linear-blue":
+//           "linear-gradient(90deg, rgba(195,213,255,0.6) 0%, rgba(195,213,255,0.4) 100%)",
+//         "linear-sidebar-active":
+//           "linear-gradient(90deg, rgba(62,62,97,1) 0%, rgba(46,46,72,1) 100%)",
+//         "linear-primary":
+//           "linear-gradient(90deg, rgba(62,62,97,1) 0%, rgba(46,46,72,1) 100%)",
+//       },
+//       textColor: {
+//         "linear-blue":
+//           "linear-gradient(90deg, rgba(195,213,255,0.6) 0%, rgba(195,213,255,0.4) 100%)",
+//         "linear-sidebar-active":
+//           "linear-gradient(90deg, rgba(62,62,97,1) 0%, rgba(46,46,72,1) 100%)",
+//         "linear-primary":
+//           "linear-gradient(90deg, rgba(62,62,97,1) 0%, rgba(46,46,72,1) 100%)",
+//       },
+//       borderColor: {
+//         "linear-blue": "rgba(195,213,255,0.6)",
+//         "linear-sidebar-active": "rgba(62,62,97,1)",
+//         "linear-primary": "rgba(62,62,97,1)",
+//       },
+//       fontFamily: {
+//         body: [
+//           "Inter",
+//           "ui-sans-serif",
+//           "system-ui",
+//           "-apple-system",
+//           "system-ui",
+//           "Segoe UI",
+//           "Roboto",
+//           "Helvetica Neue",
+//           "Arial",
+//           "Noto Sans",
+//           "sans-serif",
+//           "Apple Color Emoji",
+//           "Segoe UI Emoji",
+//           "Segoe UI Symbol",
+//           "Noto Color Emoji",
+//         ],
+//         mono: [
+//           "ui-monospace",
+//           "SFMono-Regular",
+//           "Menlo",
+//           "Monaco",
+//           "Consolas",
+//           "Liberation Mono",
+//           "Courier New",
+//           "monospace",
+//         ],
+//         sans: [
+//           "Inter",
+//           "ui-sans-serif",
+//           "system-ui",
+//           "-apple-system",
+//           "system-ui",
+//           "Segoe UI",
+//           "Roboto",
+//           "Helvetica Neue",
+//           "Arial",
+//           "Noto Sans",
+//           "sans-serif",
+//           "Apple Color Emoji",
+//           "Segoe UI Emoji",
+//           "Segoe UI Symbol",
+//           "Noto Color Emoji",
+//         ],
+//       },
+//       maxWidth: {
+//         "2xs": "16rem",
+//         "8xl": "90rem",
+//       },
+//     },
+//   },
+//   plugins: [flowbite],
+// } satisfies Config;
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..d76981e
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,29 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
+    },
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ]
+  },
+  "include": ["**/*.ts", "**/*.tsx", "next-env.d.ts", ".next/types/**/*.ts"],
+  "exclude": ["node_modules"]
+}
diff --git a/tsconfig.tsbuildinfo b/tsconfig.tsbuildinfo
new file mode 100644
index 0000000..4e6e6a5
--- /dev/null
+++ b/tsconfig.tsbuildinfo
@@ -0,0 +1 @@
+{"fileNames":["./node_modules/typescript/lib/lib.es5.d.ts","./node_modules/typescript/lib/lib.es2015.d.ts","./node_modules/typescript/lib/lib.es2016.d.ts","./node_modules/typescript/lib/lib.es2017.d.ts","./node_modules/typescript/lib/lib.es2018.d.ts","./node_modules/typescript/lib/lib.es2019.d.ts","./node_modules/typescript/lib/lib.es2020.d.ts","./node_modules/typescript/lib/lib.es2021.d.ts","./node_modules/typescript/lib/lib.es2022.d.ts","./node_modules/typescript/lib/lib.es2023.d.ts","./node_modules/typescript/lib/lib.es2024.d.ts","./node_modules/typescript/lib/lib.esnext.d.ts","./node_modules/typescript/lib/lib.dom.d.ts","./node_modules/typescript/lib/lib.dom.iterable.d.ts","./node_modules/typescript/lib/lib.es2015.core.d.ts","./node_modules/typescript/lib/lib.es2015.collection.d.ts","./node_modules/typescript/lib/lib.es2015.generator.d.ts","./node_modules/typescript/lib/lib.es2015.iterable.d.ts","./node_modules/typescript/lib/lib.es2015.promise.d.ts","./node_modules/typescript/lib/lib.es2015.proxy.d.ts","./node_modules/typescript/lib/lib.es2015.reflect.d.ts","./node_modules/typescript/lib/lib.es2015.symbol.d.ts","./node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts","./node_modules/typescript/lib/lib.es2016.array.include.d.ts","./node_modules/typescript/lib/lib.es2016.intl.d.ts","./node_modules/typescript/lib/lib.es2017.arraybuffer.d.ts","./node_modules/typescript/lib/lib.es2017.date.d.ts","./node_modules/typescript/lib/lib.es2017.object.d.ts","./node_modules/typescript/lib/lib.es2017.sharedmemory.d.ts","./node_modules/typescript/lib/lib.es2017.string.d.ts","./node_modules/typescript/lib/lib.es2017.intl.d.ts","./node_modules/typescript/lib/lib.es2017.typedarrays.d.ts","./node_modules/typescript/lib/lib.es2018.asyncgenerator.d.ts","./node_modules/typescript/lib/lib.es2018.asynciterable.d.ts","./node_modules/typescript/lib/lib.es2018.intl.d.ts","./node_modules/typescript/lib/lib.es2018.promise.d.ts","./node_modules/typescript/lib/lib.es2018.regexp.d.ts","./node_modules/typescript/lib/lib.es2019.array.d.ts","./node_modules/typescript/lib/lib.es2019.object.d.ts","./node_modules/typescript/lib/lib.es2019.string.d.ts","./node_modules/typescript/lib/lib.es2019.symbol.d.ts","./node_modules/typescript/lib/lib.es2019.intl.d.ts","./node_modules/typescript/lib/lib.es2020.bigint.d.ts","./node_modules/typescript/lib/lib.es2020.date.d.ts","./node_modules/typescript/lib/lib.es2020.promise.d.ts","./node_modules/typescript/lib/lib.es2020.sharedmemory.d.ts","./node_modules/typescript/lib/lib.es2020.string.d.ts","./node_modules/typescript/lib/lib.es2020.symbol.wellknown.d.ts","./node_modules/typescript/lib/lib.es2020.intl.d.ts","./node_modules/typescript/lib/lib.es2020.number.d.ts","./node_modules/typescript/lib/lib.es2021.promise.d.ts","./node_modules/typescript/lib/lib.es2021.string.d.ts","./node_modules/typescript/lib/lib.es2021.weakref.d.ts","./node_modules/typescript/lib/lib.es2021.intl.d.ts","./node_modules/typescript/lib/lib.es2022.array.d.ts","./node_modules/typescript/lib/lib.es2022.error.d.ts","./node_modules/typescript/lib/lib.es2022.intl.d.ts","./node_modules/typescript/lib/lib.es2022.object.d.ts","./node_modules/typescript/lib/lib.es2022.string.d.ts","./node_modules/typescript/lib/lib.es2022.regexp.d.ts","./node_modules/typescript/lib/lib.es2023.array.d.ts","./node_modules/typescript/lib/lib.es2023.collection.d.ts","./node_modules/typescript/lib/lib.es2023.intl.d.ts","./node_modules/typescript/lib/lib.es2024.arraybuffer.d.ts","./node_modules/typescript/lib/lib.es2024.collection.d.ts","./node_modules/typescript/lib/lib.es2024.object.d.ts","./node_modules/typescript/lib/lib.es2024.promise.d.ts","./node_modules/typescript/lib/lib.es2024.regexp.d.ts","./node_modules/typescript/lib/lib.es2024.sharedmemory.d.ts","./node_modules/typescript/lib/lib.es2024.string.d.ts","./node_modules/typescript/lib/lib.esnext.array.d.ts","./node_modules/typescript/lib/lib.esnext.collection.d.ts","./node_modules/typescript/lib/lib.esnext.intl.d.ts","./node_modules/typescript/lib/lib.esnext.disposable.d.ts","./node_modules/typescript/lib/lib.esnext.promise.d.ts","./node_modules/typescript/lib/lib.esnext.decorators.d.ts","./node_modules/typescript/lib/lib.esnext.iterator.d.ts","./node_modules/typescript/lib/lib.esnext.float16.d.ts","./node_modules/typescript/lib/lib.esnext.error.d.ts","./node_modules/typescript/lib/lib.esnext.sharedmemory.d.ts","./node_modules/typescript/lib/lib.decorators.d.ts","./node_modules/typescript/lib/lib.decorators.legacy.d.ts","./.next/types/routes.d.ts","./node_modules/@types/react/global.d.ts","./node_modules/csstype/index.d.ts","./node_modules/@types/prop-types/index.d.ts","./node_modules/@types/react/index.d.ts","./node_modules/next/dist/styled-jsx/types/css.d.ts","./node_modules/next/dist/styled-jsx/types/macro.d.ts","./node_modules/next/dist/styled-jsx/types/style.d.ts","./node_modules/next/dist/styled-jsx/types/global.d.ts","./node_modules/next/dist/styled-jsx/types/index.d.ts","./node_modules/next/dist/shared/lib/amp.d.ts","./node_modules/next/amp.d.ts","./node_modules/next/dist/server/get-page-files.d.ts","./node_modules/@types/node/compatibility/iterators.d.ts","./node_modules/@types/node/globals.typedarray.d.ts","./node_modules/@types/node/buffer.buffer.d.ts","./node_modules/@types/node/globals.d.ts","./node_modules/@types/node/web-globals/abortcontroller.d.ts","./node_modules/@types/node/web-globals/crypto.d.ts","./node_modules/@types/node/web-globals/domexception.d.ts","./node_modules/@types/node/web-globals/events.d.ts","./node_modules/undici-types/utility.d.ts","./node_modules/undici-types/header.d.ts","./node_modules/undici-types/readable.d.ts","./node_modules/undici-types/fetch.d.ts","./node_modules/undici-types/formdata.d.ts","./node_modules/undici-types/connector.d.ts","./node_modules/undici-types/client-stats.d.ts","./node_modules/undici-types/client.d.ts","./node_modules/undici-types/errors.d.ts","./node_modules/undici-types/dispatcher.d.ts","./node_modules/undici-types/global-dispatcher.d.ts","./node_modules/undici-types/global-origin.d.ts","./node_modules/undici-types/pool-stats.d.ts","./node_modules/undici-types/pool.d.ts","./node_modules/undici-types/handlers.d.ts","./node_modules/undici-types/balanced-pool.d.ts","./node_modules/undici-types/h2c-client.d.ts","./node_modules/undici-types/agent.d.ts","./node_modules/undici-types/mock-interceptor.d.ts","./node_modules/undici-types/mock-call-history.d.ts","./node_modules/undici-types/mock-agent.d.ts","./node_modules/undici-types/mock-client.d.ts","./node_modules/undici-types/mock-pool.d.ts","./node_modules/undici-types/snapshot-agent.d.ts","./node_modules/undici-types/mock-errors.d.ts","./node_modules/undici-types/proxy-agent.d.ts","./node_modules/undici-types/env-http-proxy-agent.d.ts","./node_modules/undici-types/retry-handler.d.ts","./node_modules/undici-types/retry-agent.d.ts","./node_modules/undici-types/api.d.ts","./node_modules/undici-types/cache-interceptor.d.ts","./node_modules/undici-types/interceptors.d.ts","./node_modules/undici-types/util.d.ts","./node_modules/undici-types/cookies.d.ts","./node_modules/undici-types/patch.d.ts","./node_modules/undici-types/websocket.d.ts","./node_modules/undici-types/eventsource.d.ts","./node_modules/undici-types/diagnostics-channel.d.ts","./node_modules/undici-types/content-type.d.ts","./node_modules/undici-types/cache.d.ts","./node_modules/undici-types/index.d.ts","./node_modules/@types/node/web-globals/fetch.d.ts","./node_modules/@types/node/web-globals/navigator.d.ts","./node_modules/@types/node/web-globals/storage.d.ts","./node_modules/@types/node/web-globals/streams.d.ts","./node_modules/@types/node/assert.d.ts","./node_modules/@types/node/assert/strict.d.ts","./node_modules/@types/node/async_hooks.d.ts","./node_modules/@types/node/buffer.d.ts","./node_modules/@types/node/child_process.d.ts","./node_modules/@types/node/cluster.d.ts","./node_modules/@types/node/console.d.ts","./node_modules/@types/node/constants.d.ts","./node_modules/@types/node/crypto.d.ts","./node_modules/@types/node/dgram.d.ts","./node_modules/@types/node/diagnostics_channel.d.ts","./node_modules/@types/node/dns.d.ts","./node_modules/@types/node/dns/promises.d.ts","./node_modules/@types/node/domain.d.ts","./node_modules/@types/node/events.d.ts","./node_modules/@types/node/fs.d.ts","./node_modules/@types/node/fs/promises.d.ts","./node_modules/@types/node/http.d.ts","./node_modules/@types/node/http2.d.ts","./node_modules/@types/node/https.d.ts","./node_modules/@types/node/inspector.d.ts","./node_modules/@types/node/inspector.generated.d.ts","./node_modules/@types/node/module.d.ts","./node_modules/@types/node/net.d.ts","./node_modules/@types/node/os.d.ts","./node_modules/@types/node/path.d.ts","./node_modules/@types/node/perf_hooks.d.ts","./node_modules/@types/node/process.d.ts","./node_modules/@types/node/punycode.d.ts","./node_modules/@types/node/querystring.d.ts","./node_modules/@types/node/readline.d.ts","./node_modules/@types/node/readline/promises.d.ts","./node_modules/@types/node/repl.d.ts","./node_modules/@types/node/sea.d.ts","./node_modules/@types/node/sqlite.d.ts","./node_modules/@types/node/stream.d.ts","./node_modules/@types/node/stream/promises.d.ts","./node_modules/@types/node/stream/consumers.d.ts","./node_modules/@types/node/stream/web.d.ts","./node_modules/@types/node/string_decoder.d.ts","./node_modules/@types/node/test.d.ts","./node_modules/@types/node/timers.d.ts","./node_modules/@types/node/timers/promises.d.ts","./node_modules/@types/node/tls.d.ts","./node_modules/@types/node/trace_events.d.ts","./node_modules/@types/node/tty.d.ts","./node_modules/@types/node/url.d.ts","./node_modules/@types/node/util.d.ts","./node_modules/@types/node/v8.d.ts","./node_modules/@types/node/vm.d.ts","./node_modules/@types/node/wasi.d.ts","./node_modules/@types/node/worker_threads.d.ts","./node_modules/@types/node/zlib.d.ts","./node_modules/@types/node/index.d.ts","./node_modules/@types/react/canary.d.ts","./node_modules/@types/react/experimental.d.ts","./node_modules/@types/react-dom/index.d.ts","./node_modules/@types/react-dom/canary.d.ts","./node_modules/@types/react-dom/experimental.d.ts","./node_modules/next/dist/lib/fallback.d.ts","./node_modules/next/dist/compiled/webpack/webpack.d.ts","./node_modules/next/dist/server/config.d.ts","./node_modules/next/dist/lib/load-custom-routes.d.ts","./node_modules/next/dist/shared/lib/image-config.d.ts","./node_modules/next/dist/build/webpack/plugins/subresource-integrity-plugin.d.ts","./node_modules/next/dist/server/body-streams.d.ts","./node_modules/next/dist/server/lib/cache-control.d.ts","./node_modules/next/dist/lib/setup-exception-listeners.d.ts","./node_modules/next/dist/lib/worker.d.ts","./node_modules/next/dist/lib/constants.d.ts","./node_modules/next/dist/client/components/app-router-headers.d.ts","./node_modules/next/dist/build/rendering-mode.d.ts","./node_modules/next/dist/server/lib/router-utils/build-prefetch-segment-data-route.d.ts","./node_modules/next/dist/server/require-hook.d.ts","./node_modules/next/dist/server/lib/experimental/ppr.d.ts","./node_modules/next/dist/build/webpack/plugins/app-build-manifest-plugin.d.ts","./node_modules/next/dist/lib/page-types.d.ts","./node_modules/next/dist/build/segment-config/app/app-segment-config.d.ts","./node_modules/next/dist/build/segment-config/pages/pages-segment-config.d.ts","./node_modules/next/dist/build/analysis/get-page-static-info.d.ts","./node_modules/next/dist/build/webpack/loaders/get-module-build-info.d.ts","./node_modules/next/dist/build/webpack/plugins/middleware-plugin.d.ts","./node_modules/next/dist/server/node-polyfill-crypto.d.ts","./node_modules/next/dist/server/node-environment-baseline.d.ts","./node_modules/next/dist/server/node-environment-extensions/error-inspect.d.ts","./node_modules/next/dist/server/node-environment-extensions/random.d.ts","./node_modules/next/dist/server/node-environment-extensions/date.d.ts","./node_modules/next/dist/server/node-environment-extensions/web-crypto.d.ts","./node_modules/next/dist/server/node-environment-extensions/node-crypto.d.ts","./node_modules/next/dist/server/node-environment.d.ts","./node_modules/next/dist/build/page-extensions-type.d.ts","./node_modules/next/dist/build/webpack/plugins/flight-manifest-plugin.d.ts","./node_modules/next/dist/server/instrumentation/types.d.ts","./node_modules/next/dist/lib/coalesced-function.d.ts","./node_modules/next/dist/shared/lib/router/utils/middleware-route-matcher.d.ts","./node_modules/next/dist/server/lib/router-utils/types.d.ts","./node_modules/next/dist/shared/lib/modern-browserslist-target.d.ts","./node_modules/next/dist/shared/lib/constants.d.ts","./node_modules/next/dist/trace/types.d.ts","./node_modules/next/dist/trace/trace.d.ts","./node_modules/next/dist/trace/shared.d.ts","./node_modules/next/dist/trace/index.d.ts","./node_modules/next/dist/build/load-jsconfig.d.ts","./node_modules/@next/env/dist/index.d.ts","./node_modules/next/dist/build/webpack/plugins/telemetry-plugin/use-cache-tracker-utils.d.ts","./node_modules/next/dist/build/webpack/plugins/telemetry-plugin/telemetry-plugin.d.ts","./node_modules/next/dist/telemetry/storage.d.ts","./node_modules/next/dist/build/build-context.d.ts","./node_modules/next/dist/shared/lib/bloom-filter.d.ts","./node_modules/next/dist/build/webpack-config.d.ts","./node_modules/next/dist/server/route-kind.d.ts","./node_modules/next/dist/server/route-definitions/route-definition.d.ts","./node_modules/next/dist/build/swc/generated-native.d.ts","./node_modules/next/dist/build/swc/types.d.ts","./node_modules/next/dist/server/dev/parse-version-info.d.ts","./node_modules/next/dist/next-devtools/shared/types.d.ts","./node_modules/next/dist/server/dev/dev-indicator-server-state.d.ts","./node_modules/next/dist/server/lib/parse-stack.d.ts","./node_modules/next/dist/next-devtools/server/shared.d.ts","./node_modules/next/dist/next-devtools/shared/stack-frame.d.ts","./node_modules/next/dist/next-devtools/dev-overlay/utils/get-error-by-type.d.ts","./node_modules/@types/react/jsx-runtime.d.ts","./node_modules/next/dist/next-devtools/dev-overlay/container/runtime-error/render-error.d.ts","./node_modules/next/dist/next-devtools/dev-overlay/shared.d.ts","./node_modules/next/dist/server/dev/hot-reloader-types.d.ts","./node_modules/next/dist/server/lib/cache-handlers/types.d.ts","./node_modules/next/dist/server/response-cache/types.d.ts","./node_modules/next/dist/server/resume-data-cache/cache-store.d.ts","./node_modules/next/dist/server/resume-data-cache/resume-data-cache.d.ts","./node_modules/next/dist/server/render-result.d.ts","./node_modules/next/dist/server/lib/i18n-provider.d.ts","./node_modules/next/dist/server/web/next-url.d.ts","./node_modules/next/dist/compiled/@edge-runtime/cookies/index.d.ts","./node_modules/next/dist/server/web/spec-extension/cookies.d.ts","./node_modules/next/dist/server/web/spec-extension/request.d.ts","./node_modules/next/dist/server/after/builtin-request-context.d.ts","./node_modules/next/dist/server/web/spec-extension/fetch-event.d.ts","./node_modules/next/dist/server/web/spec-extension/response.d.ts","./node_modules/next/dist/build/segment-config/middleware/middleware-config.d.ts","./node_modules/next/dist/server/web/types.d.ts","./node_modules/next/dist/build/webpack/plugins/pages-manifest-plugin.d.ts","./node_modules/next/dist/shared/lib/router/utils/parse-url.d.ts","./node_modules/next/dist/server/base-http/node.d.ts","./node_modules/next/dist/build/webpack/plugins/next-font-manifest-plugin.d.ts","./node_modules/next/dist/server/route-definitions/locale-route-definition.d.ts","./node_modules/next/dist/server/route-definitions/pages-route-definition.d.ts","./node_modules/next/dist/shared/lib/mitt.d.ts","./node_modules/next/dist/client/with-router.d.ts","./node_modules/next/dist/client/router.d.ts","./node_modules/next/dist/client/route-loader.d.ts","./node_modules/next/dist/client/page-loader.d.ts","./node_modules/next/dist/shared/lib/router/router.d.ts","./node_modules/next/dist/shared/lib/router-context.shared-runtime.d.ts","./node_modules/next/dist/shared/lib/loadable-context.shared-runtime.d.ts","./node_modules/next/dist/shared/lib/loadable.shared-runtime.d.ts","./node_modules/next/dist/shared/lib/image-config-context.shared-runtime.d.ts","./node_modules/next/dist/shared/lib/hooks-client-context.shared-runtime.d.ts","./node_modules/next/dist/shared/lib/head-manager-context.shared-runtime.d.ts","./node_modules/next/dist/server/route-definitions/app-page-route-definition.d.ts","./node_modules/next/dist/build/webpack/loaders/metadata/types.d.ts","./node_modules/next/dist/build/webpack/loaders/next-app-loader/index.d.ts","./node_modules/next/dist/server/lib/app-dir-module.d.ts","./node_modules/next/dist/server/web/spec-extension/adapters/request-cookies.d.ts","./node_modules/next/dist/server/async-storage/draft-mode-provider.d.ts","./node_modules/next/dist/server/web/spec-extension/adapters/headers.d.ts","./node_modules/next/dist/server/app-render/cache-signal.d.ts","./node_modules/next/dist/server/app-render/dynamic-rendering.d.ts","./node_modules/next/dist/server/request/fallback-params.d.ts","./node_modules/next/dist/server/app-render/work-unit-async-storage-instance.d.ts","./node_modules/next/dist/server/response-cache/index.d.ts","./node_modules/next/dist/server/lib/lazy-result.d.ts","./node_modules/next/dist/server/lib/implicit-tags.d.ts","./node_modules/next/dist/server/app-render/work-unit-async-storage.external.d.ts","./node_modules/next/dist/shared/lib/deep-readonly.d.ts","./node_modules/next/dist/shared/lib/router/utils/parse-relative-url.d.ts","./node_modules/next/dist/server/app-render/app-render.d.ts","./node_modules/next/dist/shared/lib/server-inserted-html.shared-runtime.d.ts","./node_modules/next/dist/shared/lib/amp-context.shared-runtime.d.ts","./node_modules/next/dist/server/route-modules/app-page/vendored/contexts/entrypoints.d.ts","./node_modules/next/dist/server/route-modules/app-page/module.compiled.d.ts","./node_modules/next/dist/client/components/error-boundary.d.ts","./node_modules/next/dist/client/components/layout-router.d.ts","./node_modules/next/dist/client/components/render-from-template-context.d.ts","./node_modules/next/dist/server/app-render/action-async-storage-instance.d.ts","./node_modules/next/dist/server/app-render/action-async-storage.external.d.ts","./node_modules/next/dist/client/components/client-page.d.ts","./node_modules/next/dist/client/components/client-segment.d.ts","./node_modules/next/dist/server/request/search-params.d.ts","./node_modules/next/dist/client/components/hooks-server-context.d.ts","./node_modules/next/dist/client/components/http-access-fallback/error-boundary.d.ts","./node_modules/next/dist/lib/metadata/types/alternative-urls-types.d.ts","./node_modules/next/dist/lib/metadata/types/extra-types.d.ts","./node_modules/next/dist/lib/metadata/types/metadata-types.d.ts","./node_modules/next/dist/lib/metadata/types/manifest-types.d.ts","./node_modules/next/dist/lib/metadata/types/opengraph-types.d.ts","./node_modules/next/dist/lib/metadata/types/twitter-types.d.ts","./node_modules/next/dist/lib/metadata/types/metadata-interface.d.ts","./node_modules/next/dist/lib/metadata/types/resolvers.d.ts","./node_modules/next/dist/lib/metadata/types/icons.d.ts","./node_modules/next/dist/lib/metadata/resolve-metadata.d.ts","./node_modules/next/dist/lib/metadata/metadata.d.ts","./node_modules/next/dist/lib/framework/boundary-components.d.ts","./node_modules/next/dist/server/app-render/rsc/preloads.d.ts","./node_modules/next/dist/server/app-render/rsc/postpone.d.ts","./node_modules/next/dist/server/app-render/rsc/taint.d.ts","./node_modules/next/dist/shared/lib/segment-cache/segment-value-encoding.d.ts","./node_modules/next/dist/server/app-render/collect-segment-data.d.ts","./node_modules/next/dist/next-devtools/userspace/app/segment-explorer-node.d.ts","./node_modules/next/dist/server/app-render/entry-base.d.ts","./node_modules/next/dist/build/templates/app-page.d.ts","./node_modules/@types/react/jsx-dev-runtime.d.ts","./node_modules/next/dist/server/route-modules/app-page/vendored/rsc/entrypoints.d.ts","./node_modules/@types/react-dom/client.d.ts","./node_modules/@types/react-dom/server.d.ts","./node_modules/next/dist/server/route-modules/app-page/vendored/ssr/entrypoints.d.ts","./node_modules/next/dist/server/route-modules/app-page/module.d.ts","./node_modules/next/dist/server/web/adapter.d.ts","./node_modules/next/dist/server/use-cache/cache-life.d.ts","./node_modules/next/dist/server/app-render/types.d.ts","./node_modules/next/dist/client/components/router-reducer/router-reducer-types.d.ts","./node_modules/next/dist/client/flight-data-helpers.d.ts","./node_modules/next/dist/client/components/router-reducer/fetch-server-response.d.ts","./node_modules/next/dist/shared/lib/app-router-context.shared-runtime.d.ts","./node_modules/next/dist/server/route-modules/pages/vendored/contexts/entrypoints.d.ts","./node_modules/next/dist/server/route-modules/pages/module.compiled.d.ts","./node_modules/next/dist/build/templates/pages.d.ts","./node_modules/next/dist/server/route-modules/pages/module.d.ts","./node_modules/next/dist/next-devtools/userspace/pages/pages-dev-overlay-setup.d.ts","./node_modules/next/dist/server/render.d.ts","./node_modules/next/dist/server/route-definitions/pages-api-route-definition.d.ts","./node_modules/next/dist/server/route-matches/pages-api-route-match.d.ts","./node_modules/next/dist/server/route-matchers/route-matcher.d.ts","./node_modules/next/dist/server/route-matcher-providers/route-matcher-provider.d.ts","./node_modules/next/dist/server/route-matcher-managers/route-matcher-manager.d.ts","./node_modules/next/dist/server/normalizers/normalizer.d.ts","./node_modules/next/dist/server/normalizers/locale-route-normalizer.d.ts","./node_modules/next/dist/server/normalizers/request/pathname-normalizer.d.ts","./node_modules/next/dist/server/normalizers/request/suffix.d.ts","./node_modules/next/dist/server/normalizers/request/rsc.d.ts","./node_modules/next/dist/server/normalizers/request/prefetch-rsc.d.ts","./node_modules/next/dist/server/normalizers/request/next-data.d.ts","./node_modules/next/dist/server/normalizers/request/segment-prefix-rsc.d.ts","./node_modules/next/dist/build/static-paths/types.d.ts","./node_modules/next/dist/server/base-server.d.ts","./node_modules/next/dist/server/lib/async-callback-set.d.ts","./node_modules/next/dist/shared/lib/router/utils/route-regex.d.ts","./node_modules/next/dist/shared/lib/router/utils/route-matcher.d.ts","./node_modules/sharp/lib/index.d.ts","./node_modules/next/dist/server/image-optimizer.d.ts","./node_modules/next/dist/server/next-server.d.ts","./node_modules/next/dist/server/lib/types.d.ts","./node_modules/next/dist/server/lib/lru-cache.d.ts","./node_modules/next/dist/server/lib/dev-bundler-service.d.ts","./node_modules/next/dist/server/dev/static-paths-worker.d.ts","./node_modules/next/dist/server/dev/next-dev-server.d.ts","./node_modules/next/dist/server/next.d.ts","./node_modules/next/dist/server/lib/render-server.d.ts","./node_modules/next/dist/server/lib/router-server.d.ts","./node_modules/next/dist/shared/lib/router/utils/path-match.d.ts","./node_modules/next/dist/server/lib/router-utils/filesystem.d.ts","./node_modules/next/dist/server/lib/router-utils/setup-dev-bundler.d.ts","./node_modules/next/dist/server/lib/router-utils/router-server-context.d.ts","./node_modules/next/dist/server/route-modules/route-module.d.ts","./node_modules/next/dist/server/load-components.d.ts","./node_modules/next/dist/server/route-definitions/app-route-route-definition.d.ts","./node_modules/next/dist/server/async-storage/work-store.d.ts","./node_modules/next/dist/server/web/http.d.ts","./node_modules/next/dist/server/route-modules/app-route/shared-modules.d.ts","./node_modules/next/dist/client/components/redirect-status-code.d.ts","./node_modules/next/dist/client/components/redirect-error.d.ts","./node_modules/next/dist/build/templates/app-route.d.ts","./node_modules/next/dist/server/route-modules/app-route/module.d.ts","./node_modules/next/dist/server/route-modules/app-route/module.compiled.d.ts","./node_modules/next/dist/build/segment-config/app/app-segments.d.ts","./node_modules/next/dist/build/utils.d.ts","./node_modules/next/dist/build/turborepo-access-trace/types.d.ts","./node_modules/next/dist/build/turborepo-access-trace/result.d.ts","./node_modules/next/dist/build/turborepo-access-trace/helpers.d.ts","./node_modules/next/dist/build/turborepo-access-trace/index.d.ts","./node_modules/next/dist/export/routes/types.d.ts","./node_modules/next/dist/export/types.d.ts","./node_modules/next/dist/export/worker.d.ts","./node_modules/next/dist/build/worker.d.ts","./node_modules/next/dist/build/index.d.ts","./node_modules/next/dist/server/lib/incremental-cache/index.d.ts","./node_modules/next/dist/server/after/after.d.ts","./node_modules/next/dist/server/after/after-context.d.ts","./node_modules/next/dist/server/app-render/work-async-storage-instance.d.ts","./node_modules/next/dist/server/app-render/work-async-storage.external.d.ts","./node_modules/next/dist/server/request/params.d.ts","./node_modules/next/dist/server/route-matches/route-match.d.ts","./node_modules/next/dist/server/request-meta.d.ts","./node_modules/next/dist/cli/next-test.d.ts","./node_modules/next/dist/server/config-shared.d.ts","./node_modules/next/dist/server/base-http/index.d.ts","./node_modules/next/dist/server/api-utils/index.d.ts","./node_modules/next/dist/types.d.ts","./node_modules/next/dist/shared/lib/html-context.shared-runtime.d.ts","./node_modules/next/dist/shared/lib/utils.d.ts","./node_modules/next/dist/pages/_app.d.ts","./node_modules/next/app.d.ts","./node_modules/next/dist/server/web/spec-extension/unstable-cache.d.ts","./node_modules/next/dist/server/web/spec-extension/revalidate.d.ts","./node_modules/next/dist/server/web/spec-extension/unstable-no-store.d.ts","./node_modules/next/dist/server/use-cache/cache-tag.d.ts","./node_modules/next/cache.d.ts","./node_modules/next/dist/shared/lib/runtime-config.external.d.ts","./node_modules/next/config.d.ts","./node_modules/next/dist/pages/_document.d.ts","./node_modules/next/document.d.ts","./node_modules/next/dist/shared/lib/dynamic.d.ts","./node_modules/next/dynamic.d.ts","./node_modules/next/dist/pages/_error.d.ts","./node_modules/next/error.d.ts","./node_modules/next/dist/shared/lib/head.d.ts","./node_modules/next/head.d.ts","./node_modules/next/dist/server/request/cookies.d.ts","./node_modules/next/dist/server/request/headers.d.ts","./node_modules/next/dist/server/request/draft-mode.d.ts","./node_modules/next/headers.d.ts","./node_modules/next/dist/shared/lib/get-img-props.d.ts","./node_modules/next/dist/client/image-component.d.ts","./node_modules/next/dist/shared/lib/image-external.d.ts","./node_modules/next/image.d.ts","./node_modules/next/dist/client/link.d.ts","./node_modules/next/link.d.ts","./node_modules/next/dist/client/components/redirect.d.ts","./node_modules/next/dist/client/components/not-found.d.ts","./node_modules/next/dist/client/components/forbidden.d.ts","./node_modules/next/dist/client/components/unauthorized.d.ts","./node_modules/next/dist/client/components/unstable-rethrow.server.d.ts","./node_modules/next/dist/client/components/unstable-rethrow.d.ts","./node_modules/next/dist/client/components/navigation.react-server.d.ts","./node_modules/next/dist/client/components/unrecognized-action-error.d.ts","./node_modules/next/dist/client/components/navigation.d.ts","./node_modules/next/navigation.d.ts","./node_modules/next/router.d.ts","./node_modules/next/dist/client/script.d.ts","./node_modules/next/script.d.ts","./node_modules/next/dist/server/web/spec-extension/user-agent.d.ts","./node_modules/next/dist/compiled/@edge-runtime/primitives/url.d.ts","./node_modules/next/dist/server/web/spec-extension/image-response.d.ts","./node_modules/next/dist/compiled/@vercel/og/satori/index.d.ts","./node_modules/next/dist/compiled/@vercel/og/emoji/index.d.ts","./node_modules/next/dist/compiled/@vercel/og/types.d.ts","./node_modules/next/dist/server/after/index.d.ts","./node_modules/next/dist/server/request/root-params.d.ts","./node_modules/next/dist/server/request/connection.d.ts","./node_modules/next/server.d.ts","./node_modules/next/types/global.d.ts","./node_modules/next/types/compiled.d.ts","./node_modules/next/types.d.ts","./node_modules/next/index.d.ts","./node_modules/next/image-types/global.d.ts","./next-env.d.ts","./tailwind.config.ts","./src/components/tablelist/lib/column.ts","./src/components/ui/datepicker/types/index.ts","./src/components/ui/datepicker/constants/index.ts","./node_modules/dayjs/locale/types.d.ts","./node_modules/dayjs/locale/index.d.ts","./node_modules/dayjs/index.d.ts","./node_modules/dayjs/plugin/customparseformat.d.ts","./node_modules/dayjs/plugin/weekday.d.ts","./src/components/ui/datepicker/helpers/index.ts","./src/components/ui/datepicker/constants/shortcuts.ts","./src/components/ui/datepicker/contexts/datepickercontext.ts","./src/components/ui/datepicker/hooks/index.ts","./src/hooks/use-mobile.ts","./src/lib/dbclient.ts","./src/lib/dbserver.ts","./node_modules/clsx/clsx.d.ts","./node_modules/tailwind-merge/dist/types.d.ts","./src/lib/utils.ts","./node_modules/dayjs/plugin/relativetime.d.ts","./src/lib/utils/isstringempty.ts","./src/lib/utils/date.ts","./src/lib/utils/debouncehandler.ts","./node_modules/@types/lodash/common/common.d.ts","./node_modules/@types/lodash/common/array.d.ts","./node_modules/@types/lodash/common/collection.d.ts","./node_modules/@types/lodash/common/date.d.ts","./node_modules/@types/lodash/common/function.d.ts","./node_modules/@types/lodash/common/lang.d.ts","./node_modules/@types/lodash/common/math.d.ts","./node_modules/@types/lodash/common/number.d.ts","./node_modules/@types/lodash/common/object.d.ts","./node_modules/@types/lodash/common/seq.d.ts","./node_modules/@types/lodash/common/string.d.ts","./node_modules/@types/lodash/common/util.d.ts","./node_modules/@types/lodash/index.d.ts","./node_modules/@types/lodash.get/index.d.ts","./src/lib/utils/generatequerystring.ts","./src/lib/utils/event.ts","./src/lib/utils/getnumber.ts","./node_modules/dotenv/lib/main.d.ts","./src/lib/utils/siteurl.ts","./src/lib/utils/use-local.ts","./node_modules/redux/index.d.ts","./node_modules/immer/dist/utils/env.d.ts","./node_modules/immer/dist/utils/errors.d.ts","./node_modules/immer/dist/types/types-external.d.ts","./node_modules/immer/dist/types/types-internal.d.ts","./node_modules/immer/dist/utils/common.d.ts","./node_modules/immer/dist/utils/plugins.d.ts","./node_modules/immer/dist/core/scope.d.ts","./node_modules/immer/dist/core/finalize.d.ts","./node_modules/immer/dist/core/proxy.d.ts","./node_modules/immer/dist/core/immerclass.d.ts","./node_modules/immer/dist/core/current.d.ts","./node_modules/immer/dist/internal.d.ts","./node_modules/immer/dist/plugins/es5.d.ts","./node_modules/immer/dist/plugins/patches.d.ts","./node_modules/immer/dist/plugins/mapset.d.ts","./node_modules/immer/dist/plugins/all.d.ts","./node_modules/immer/dist/immer.d.ts","./node_modules/reselect/es/versionedtypes/ts47-mergeparameters.d.ts","./node_modules/reselect/es/types.d.ts","./node_modules/reselect/es/defaultmemoize.d.ts","./node_modules/reselect/es/index.d.ts","./node_modules/@reduxjs/toolkit/dist/createdraftsafeselector.d.ts","./node_modules/redux-thunk/es/types.d.ts","./node_modules/redux-thunk/es/index.d.ts","./node_modules/@reduxjs/toolkit/dist/devtoolsextension.d.ts","./node_modules/@reduxjs/toolkit/dist/actioncreatorinvariantmiddleware.d.ts","./node_modules/@reduxjs/toolkit/dist/immutablestateinvariantmiddleware.d.ts","./node_modules/@reduxjs/toolkit/dist/serializablestateinvariantmiddleware.d.ts","./node_modules/@reduxjs/toolkit/dist/utils.d.ts","./node_modules/@reduxjs/toolkit/dist/tshelpers.d.ts","./node_modules/@reduxjs/toolkit/dist/getdefaultmiddleware.d.ts","./node_modules/@reduxjs/toolkit/dist/configurestore.d.ts","./node_modules/@reduxjs/toolkit/dist/createaction.d.ts","./node_modules/@reduxjs/toolkit/dist/mapbuilders.d.ts","./node_modules/@reduxjs/toolkit/dist/createreducer.d.ts","./node_modules/@reduxjs/toolkit/dist/createslice.d.ts","./node_modules/@reduxjs/toolkit/dist/entities/models.d.ts","./node_modules/@reduxjs/toolkit/dist/entities/create_adapter.d.ts","./node_modules/@reduxjs/toolkit/dist/createasyncthunk.d.ts","./node_modules/@reduxjs/toolkit/dist/matchers.d.ts","./node_modules/@reduxjs/toolkit/dist/nanoid.d.ts","./node_modules/@reduxjs/toolkit/dist/isplainobject.d.ts","./node_modules/@reduxjs/toolkit/dist/listenermiddleware/exceptions.d.ts","./node_modules/@reduxjs/toolkit/dist/listenermiddleware/types.d.ts","./node_modules/@reduxjs/toolkit/dist/listenermiddleware/index.d.ts","./node_modules/@reduxjs/toolkit/dist/autobatchenhancer.d.ts","./node_modules/@reduxjs/toolkit/dist/index.d.ts","./src/store/authslice.ts","./node_modules/react-redux/es/utils/reactbatchedupdates.d.ts","./node_modules/react-redux/es/utils/subscription.d.ts","./node_modules/@types/hoist-non-react-statics/index.d.ts","./node_modules/react-redux/es/connect/selectorfactory.d.ts","./node_modules/@types/use-sync-external-store/index.d.ts","./node_modules/@types/use-sync-external-store/with-selector.d.ts","./node_modules/react-redux/es/utils/usesyncexternalstore.d.ts","./node_modules/react-redux/es/components/connect.d.ts","./node_modules/react-redux/es/types.d.ts","./node_modules/react-redux/es/hooks/useselector.d.ts","./node_modules/react-redux/es/components/context.d.ts","./node_modules/react-redux/es/components/provider.d.ts","./node_modules/react-redux/es/hooks/usedispatch.d.ts","./node_modules/react-redux/es/hooks/usestore.d.ts","./node_modules/react-redux/es/utils/shallowequal.d.ts","./node_modules/react-redux/es/exports.d.ts","./node_modules/react-redux/es/index.d.ts","./src/store/index.ts","./src/store/hooks.ts","./src/types/db-client.d.ts","./node_modules/classnames/index.d.ts","./node_modules/@emotion/sheet/dist/declarations/src/index.d.ts","./node_modules/@emotion/sheet/dist/emotion-sheet.cjs.d.ts","./node_modules/@emotion/utils/dist/declarations/src/types.d.ts","./node_modules/@emotion/utils/dist/declarations/src/index.d.ts","./node_modules/@emotion/utils/dist/emotion-utils.cjs.d.ts","./node_modules/@emotion/serialize/dist/declarations/src/index.d.ts","./node_modules/@emotion/serialize/dist/emotion-serialize.cjs.d.ts","./node_modules/@emotion/cache/dist/declarations/src/types.d.ts","./node_modules/@emotion/cache/dist/declarations/src/index.d.ts","./node_modules/@emotion/cache/dist/emotion-cache.cjs.d.ts","./node_modules/@emotion/css/dist/declarations/src/create-instance.d.ts","./node_modules/@emotion/css/dist/declarations/src/index.d.ts","./node_modules/@emotion/css/dist/emotion-css.cjs.d.ts","./src/types/globals.d.ts","./src/types/index.ts","./src/providers/reduxprovider.tsx","./src/providers/pagetitleprovider.tsx","./src/components/globalcxprovider.tsx","./node_modules/next-themes/dist/index.d.ts","./node_modules/sonner/dist/index.d.ts","./src/components/ui/sonner.tsx","./src/app/layout.tsx","./src/app/page.tsx","./node_modules/@tabler/icons-react/dist/tabler-icons-react.d.ts","./node_modules/@radix-ui/react-slot/dist/index.d.ts","./node_modules/class-variance-authority/dist/types.d.ts","./node_modules/class-variance-authority/dist/index.d.ts","./src/components/ui/button-link.tsx","./node_modules/@radix-ui/react-context/dist/index.d.ts","./node_modules/@radix-ui/react-primitive/dist/index.d.ts","./node_modules/@radix-ui/react-dismissable-layer/dist/index.d.ts","./node_modules/@radix-ui/react-arrow/dist/index.d.ts","./node_modules/@radix-ui/rect/dist/index.d.ts","./node_modules/@radix-ui/react-popper/dist/index.d.ts","./node_modules/@radix-ui/react-portal/dist/index.d.ts","./node_modules/@radix-ui/react-tooltip/dist/index.d.ts","./src/components/ui/tooltip.tsx","./src/components/ui/button.tsx","./node_modules/lucide-react/dist/lucide-react.d.ts","./src/components/ui/input.tsx","./node_modules/@radix-ui/react-separator/dist/index.d.ts","./src/components/ui/separator.tsx","./node_modules/@radix-ui/react-focus-scope/dist/index.d.ts","./node_modules/@radix-ui/react-dialog/dist/index.d.ts","./src/components/ui/sheet.tsx","./src/components/ui/skeleton.tsx","./src/components/ui/sidebar.tsx","./src/components/nav-main.tsx","./node_modules/@radix-ui/react-avatar/dist/index.d.ts","./src/components/ui/avatar.tsx","./node_modules/@radix-ui/react-roving-focus/dist/index.d.ts","./node_modules/@radix-ui/react-menu/dist/index.d.ts","./node_modules/@radix-ui/react-dropdown-menu/dist/index.d.ts","./src/components/ui/dropdown-menu.tsx","./src/components/nav-user.tsx","./src/components/app-sidebar.tsx","./node_modules/@radix-ui/react-icons/dist/types.d.ts","./node_modules/@radix-ui/react-icons/dist/accessibilityicon.d.ts","./node_modules/@radix-ui/react-icons/dist/activitylogicon.d.ts","./node_modules/@radix-ui/react-icons/dist/alignbaselineicon.d.ts","./node_modules/@radix-ui/react-icons/dist/alignbottomicon.d.ts","./node_modules/@radix-ui/react-icons/dist/aligncenterhorizontallyicon.d.ts","./node_modules/@radix-ui/react-icons/dist/aligncenterverticallyicon.d.ts","./node_modules/@radix-ui/react-icons/dist/alignlefticon.d.ts","./node_modules/@radix-ui/react-icons/dist/alignrighticon.d.ts","./node_modules/@radix-ui/react-icons/dist/aligntopicon.d.ts","./node_modules/@radix-ui/react-icons/dist/allsidesicon.d.ts","./node_modules/@radix-ui/react-icons/dist/angleicon.d.ts","./node_modules/@radix-ui/react-icons/dist/archiveicon.d.ts","./node_modules/@radix-ui/react-icons/dist/arrowbottomlefticon.d.ts","./node_modules/@radix-ui/react-icons/dist/arrowbottomrighticon.d.ts","./node_modules/@radix-ui/react-icons/dist/arrowdownicon.d.ts","./node_modules/@radix-ui/react-icons/dist/arrowlefticon.d.ts","./node_modules/@radix-ui/react-icons/dist/arrowrighticon.d.ts","./node_modules/@radix-ui/react-icons/dist/arrowtoplefticon.d.ts","./node_modules/@radix-ui/react-icons/dist/arrowtoprighticon.d.ts","./node_modules/@radix-ui/react-icons/dist/arrowupicon.d.ts","./node_modules/@radix-ui/react-icons/dist/aspectratioicon.d.ts","./node_modules/@radix-ui/react-icons/dist/avataricon.d.ts","./node_modules/@radix-ui/react-icons/dist/backpackicon.d.ts","./node_modules/@radix-ui/react-icons/dist/badgeicon.d.ts","./node_modules/@radix-ui/react-icons/dist/barcharticon.d.ts","./node_modules/@radix-ui/react-icons/dist/bellicon.d.ts","./node_modules/@radix-ui/react-icons/dist/blendingmodeicon.d.ts","./node_modules/@radix-ui/react-icons/dist/bookmarkicon.d.ts","./node_modules/@radix-ui/react-icons/dist/bookmarkfilledicon.d.ts","./node_modules/@radix-ui/react-icons/dist/borderallicon.d.ts","./node_modules/@radix-ui/react-icons/dist/borderbottomicon.d.ts","./node_modules/@radix-ui/react-icons/dist/borderdashedicon.d.ts","./node_modules/@radix-ui/react-icons/dist/borderdottedicon.d.ts","./node_modules/@radix-ui/react-icons/dist/borderlefticon.d.ts","./node_modules/@radix-ui/react-icons/dist/bordernoneicon.d.ts","./node_modules/@radix-ui/react-icons/dist/borderrighticon.d.ts","./node_modules/@radix-ui/react-icons/dist/bordersolidicon.d.ts","./node_modules/@radix-ui/react-icons/dist/borderspliticon.d.ts","./node_modules/@radix-ui/react-icons/dist/borderstyleicon.d.ts","./node_modules/@radix-ui/react-icons/dist/bordertopicon.d.ts","./node_modules/@radix-ui/react-icons/dist/borderwidthicon.d.ts","./node_modules/@radix-ui/react-icons/dist/boxicon.d.ts","./node_modules/@radix-ui/react-icons/dist/boxmodelicon.d.ts","./node_modules/@radix-ui/react-icons/dist/buttonicon.d.ts","./node_modules/@radix-ui/react-icons/dist/calendaricon.d.ts","./node_modules/@radix-ui/react-icons/dist/cameraicon.d.ts","./node_modules/@radix-ui/react-icons/dist/cardstackicon.d.ts","./node_modules/@radix-ui/react-icons/dist/cardstackminusicon.d.ts","./node_modules/@radix-ui/react-icons/dist/cardstackplusicon.d.ts","./node_modules/@radix-ui/react-icons/dist/caretdownicon.d.ts","./node_modules/@radix-ui/react-icons/dist/caretlefticon.d.ts","./node_modules/@radix-ui/react-icons/dist/caretrighticon.d.ts","./node_modules/@radix-ui/react-icons/dist/caretsorticon.d.ts","./node_modules/@radix-ui/react-icons/dist/caretupicon.d.ts","./node_modules/@radix-ui/react-icons/dist/chatbubbleicon.d.ts","./node_modules/@radix-ui/react-icons/dist/checkicon.d.ts","./node_modules/@radix-ui/react-icons/dist/checkcircledicon.d.ts","./node_modules/@radix-ui/react-icons/dist/checkboxicon.d.ts","./node_modules/@radix-ui/react-icons/dist/chevrondownicon.d.ts","./node_modules/@radix-ui/react-icons/dist/chevronlefticon.d.ts","./node_modules/@radix-ui/react-icons/dist/chevronrighticon.d.ts","./node_modules/@radix-ui/react-icons/dist/chevronupicon.d.ts","./node_modules/@radix-ui/react-icons/dist/circleicon.d.ts","./node_modules/@radix-ui/react-icons/dist/circlebackslashicon.d.ts","./node_modules/@radix-ui/react-icons/dist/clipboardicon.d.ts","./node_modules/@radix-ui/react-icons/dist/clipboardcopyicon.d.ts","./node_modules/@radix-ui/react-icons/dist/clockicon.d.ts","./node_modules/@radix-ui/react-icons/dist/codeicon.d.ts","./node_modules/@radix-ui/react-icons/dist/codesandboxlogoicon.d.ts","./node_modules/@radix-ui/react-icons/dist/colorwheelicon.d.ts","./node_modules/@radix-ui/react-icons/dist/columnspacingicon.d.ts","./node_modules/@radix-ui/react-icons/dist/columnsicon.d.ts","./node_modules/@radix-ui/react-icons/dist/commiticon.d.ts","./node_modules/@radix-ui/react-icons/dist/component1icon.d.ts","./node_modules/@radix-ui/react-icons/dist/component2icon.d.ts","./node_modules/@radix-ui/react-icons/dist/componentbooleanicon.d.ts","./node_modules/@radix-ui/react-icons/dist/componentinstanceicon.d.ts","./node_modules/@radix-ui/react-icons/dist/componentnoneicon.d.ts","./node_modules/@radix-ui/react-icons/dist/componentplaceholdericon.d.ts","./node_modules/@radix-ui/react-icons/dist/containericon.d.ts","./node_modules/@radix-ui/react-icons/dist/cookieicon.d.ts","./node_modules/@radix-ui/react-icons/dist/copyicon.d.ts","./node_modules/@radix-ui/react-icons/dist/cornerbottomlefticon.d.ts","./node_modules/@radix-ui/react-icons/dist/cornerbottomrighticon.d.ts","./node_modules/@radix-ui/react-icons/dist/cornertoplefticon.d.ts","./node_modules/@radix-ui/react-icons/dist/cornertoprighticon.d.ts","./node_modules/@radix-ui/react-icons/dist/cornersicon.d.ts","./node_modules/@radix-ui/react-icons/dist/countdowntimericon.d.ts","./node_modules/@radix-ui/react-icons/dist/counterclockwiseclockicon.d.ts","./node_modules/@radix-ui/react-icons/dist/cropicon.d.ts","./node_modules/@radix-ui/react-icons/dist/cross1icon.d.ts","./node_modules/@radix-ui/react-icons/dist/cross2icon.d.ts","./node_modules/@radix-ui/react-icons/dist/crosscircledicon.d.ts","./node_modules/@radix-ui/react-icons/dist/crosshair1icon.d.ts","./node_modules/@radix-ui/react-icons/dist/crosshair2icon.d.ts","./node_modules/@radix-ui/react-icons/dist/crumpledpapericon.d.ts","./node_modules/@radix-ui/react-icons/dist/cubeicon.d.ts","./node_modules/@radix-ui/react-icons/dist/cursorarrowicon.d.ts","./node_modules/@radix-ui/react-icons/dist/cursortexticon.d.ts","./node_modules/@radix-ui/react-icons/dist/dashicon.d.ts","./node_modules/@radix-ui/react-icons/dist/dashboardicon.d.ts","./node_modules/@radix-ui/react-icons/dist/desktopicon.d.ts","./node_modules/@radix-ui/react-icons/dist/dimensionsicon.d.ts","./node_modules/@radix-ui/react-icons/dist/discicon.d.ts","./node_modules/@radix-ui/react-icons/dist/discordlogoicon.d.ts","./node_modules/@radix-ui/react-icons/dist/dividerhorizontalicon.d.ts","./node_modules/@radix-ui/react-icons/dist/dividerverticalicon.d.ts","./node_modules/@radix-ui/react-icons/dist/doticon.d.ts","./node_modules/@radix-ui/react-icons/dist/dotfilledicon.d.ts","./node_modules/@radix-ui/react-icons/dist/dotshorizontalicon.d.ts","./node_modules/@radix-ui/react-icons/dist/dotsverticalicon.d.ts","./node_modules/@radix-ui/react-icons/dist/doublearrowdownicon.d.ts","./node_modules/@radix-ui/react-icons/dist/doublearrowlefticon.d.ts","./node_modules/@radix-ui/react-icons/dist/doublearrowrighticon.d.ts","./node_modules/@radix-ui/react-icons/dist/doublearrowupicon.d.ts","./node_modules/@radix-ui/react-icons/dist/downloadicon.d.ts","./node_modules/@radix-ui/react-icons/dist/draghandledots1icon.d.ts","./node_modules/@radix-ui/react-icons/dist/draghandledots2icon.d.ts","./node_modules/@radix-ui/react-icons/dist/draghandlehorizontalicon.d.ts","./node_modules/@radix-ui/react-icons/dist/draghandleverticalicon.d.ts","./node_modules/@radix-ui/react-icons/dist/drawingpinicon.d.ts","./node_modules/@radix-ui/react-icons/dist/drawingpinfilledicon.d.ts","./node_modules/@radix-ui/react-icons/dist/dropdownmenuicon.d.ts","./node_modules/@radix-ui/react-icons/dist/entericon.d.ts","./node_modules/@radix-ui/react-icons/dist/enterfullscreenicon.d.ts","./node_modules/@radix-ui/react-icons/dist/envelopeclosedicon.d.ts","./node_modules/@radix-ui/react-icons/dist/envelopeopenicon.d.ts","./node_modules/@radix-ui/react-icons/dist/erasericon.d.ts","./node_modules/@radix-ui/react-icons/dist/exclamationtriangleicon.d.ts","./node_modules/@radix-ui/react-icons/dist/exiticon.d.ts","./node_modules/@radix-ui/react-icons/dist/exitfullscreenicon.d.ts","./node_modules/@radix-ui/react-icons/dist/externallinkicon.d.ts","./node_modules/@radix-ui/react-icons/dist/eyeclosedicon.d.ts","./node_modules/@radix-ui/react-icons/dist/eyenoneicon.d.ts","./node_modules/@radix-ui/react-icons/dist/eyeopenicon.d.ts","./node_modules/@radix-ui/react-icons/dist/faceicon.d.ts","./node_modules/@radix-ui/react-icons/dist/figmalogoicon.d.ts","./node_modules/@radix-ui/react-icons/dist/fileicon.d.ts","./node_modules/@radix-ui/react-icons/dist/fileminusicon.d.ts","./node_modules/@radix-ui/react-icons/dist/fileplusicon.d.ts","./node_modules/@radix-ui/react-icons/dist/filetexticon.d.ts","./node_modules/@radix-ui/react-icons/dist/fontboldicon.d.ts","./node_modules/@radix-ui/react-icons/dist/fontfamilyicon.d.ts","./node_modules/@radix-ui/react-icons/dist/fontitalicicon.d.ts","./node_modules/@radix-ui/react-icons/dist/fontromanicon.d.ts","./node_modules/@radix-ui/react-icons/dist/fontsizeicon.d.ts","./node_modules/@radix-ui/react-icons/dist/fontstyleicon.d.ts","./node_modules/@radix-ui/react-icons/dist/frameicon.d.ts","./node_modules/@radix-ui/react-icons/dist/framerlogoicon.d.ts","./node_modules/@radix-ui/react-icons/dist/gearicon.d.ts","./node_modules/@radix-ui/react-icons/dist/githublogoicon.d.ts","./node_modules/@radix-ui/react-icons/dist/globeicon.d.ts","./node_modules/@radix-ui/react-icons/dist/gridicon.d.ts","./node_modules/@radix-ui/react-icons/dist/groupicon.d.ts","./node_modules/@radix-ui/react-icons/dist/half1icon.d.ts","./node_modules/@radix-ui/react-icons/dist/half2icon.d.ts","./node_modules/@radix-ui/react-icons/dist/hamburgermenuicon.d.ts","./node_modules/@radix-ui/react-icons/dist/handicon.d.ts","./node_modules/@radix-ui/react-icons/dist/headingicon.d.ts","./node_modules/@radix-ui/react-icons/dist/hearticon.d.ts","./node_modules/@radix-ui/react-icons/dist/heartfilledicon.d.ts","./node_modules/@radix-ui/react-icons/dist/heighticon.d.ts","./node_modules/@radix-ui/react-icons/dist/hobbyknifeicon.d.ts","./node_modules/@radix-ui/react-icons/dist/homeicon.d.ts","./node_modules/@radix-ui/react-icons/dist/iconjarlogoicon.d.ts","./node_modules/@radix-ui/react-icons/dist/idcardicon.d.ts","./node_modules/@radix-ui/react-icons/dist/imageicon.d.ts","./node_modules/@radix-ui/react-icons/dist/infocircledicon.d.ts","./node_modules/@radix-ui/react-icons/dist/inputicon.d.ts","./node_modules/@radix-ui/react-icons/dist/instagramlogoicon.d.ts","./node_modules/@radix-ui/react-icons/dist/keyboardicon.d.ts","./node_modules/@radix-ui/react-icons/dist/laptimericon.d.ts","./node_modules/@radix-ui/react-icons/dist/laptopicon.d.ts","./node_modules/@radix-ui/react-icons/dist/layersicon.d.ts","./node_modules/@radix-ui/react-icons/dist/layouticon.d.ts","./node_modules/@radix-ui/react-icons/dist/lettercasecapitalizeicon.d.ts","./node_modules/@radix-ui/react-icons/dist/lettercaselowercaseicon.d.ts","./node_modules/@radix-ui/react-icons/dist/lettercasetoggleicon.d.ts","./node_modules/@radix-ui/react-icons/dist/lettercaseuppercaseicon.d.ts","./node_modules/@radix-ui/react-icons/dist/letterspacingicon.d.ts","./node_modules/@radix-ui/react-icons/dist/lightningbolticon.d.ts","./node_modules/@radix-ui/react-icons/dist/lineheighticon.d.ts","./node_modules/@radix-ui/react-icons/dist/link1icon.d.ts","./node_modules/@radix-ui/react-icons/dist/link2icon.d.ts","./node_modules/@radix-ui/react-icons/dist/linkbreak1icon.d.ts","./node_modules/@radix-ui/react-icons/dist/linkbreak2icon.d.ts","./node_modules/@radix-ui/react-icons/dist/linknone1icon.d.ts","./node_modules/@radix-ui/react-icons/dist/linknone2icon.d.ts","./node_modules/@radix-ui/react-icons/dist/linkedinlogoicon.d.ts","./node_modules/@radix-ui/react-icons/dist/listbulleticon.d.ts","./node_modules/@radix-ui/react-icons/dist/lockclosedicon.d.ts","./node_modules/@radix-ui/react-icons/dist/lockopen1icon.d.ts","./node_modules/@radix-ui/react-icons/dist/lockopen2icon.d.ts","./node_modules/@radix-ui/react-icons/dist/loopicon.d.ts","./node_modules/@radix-ui/react-icons/dist/magicwandicon.d.ts","./node_modules/@radix-ui/react-icons/dist/magnifyingglassicon.d.ts","./node_modules/@radix-ui/react-icons/dist/marginicon.d.ts","./node_modules/@radix-ui/react-icons/dist/maskofficon.d.ts","./node_modules/@radix-ui/react-icons/dist/maskonicon.d.ts","./node_modules/@radix-ui/react-icons/dist/minusicon.d.ts","./node_modules/@radix-ui/react-icons/dist/minuscircledicon.d.ts","./node_modules/@radix-ui/react-icons/dist/mixicon.d.ts","./node_modules/@radix-ui/react-icons/dist/mixerhorizontalicon.d.ts","./node_modules/@radix-ui/react-icons/dist/mixerverticalicon.d.ts","./node_modules/@radix-ui/react-icons/dist/mobileicon.d.ts","./node_modules/@radix-ui/react-icons/dist/modulzlogoicon.d.ts","./node_modules/@radix-ui/react-icons/dist/moonicon.d.ts","./node_modules/@radix-ui/react-icons/dist/moveicon.d.ts","./node_modules/@radix-ui/react-icons/dist/notionlogoicon.d.ts","./node_modules/@radix-ui/react-icons/dist/opacityicon.d.ts","./node_modules/@radix-ui/react-icons/dist/openinnewwindowicon.d.ts","./node_modules/@radix-ui/react-icons/dist/overlineicon.d.ts","./node_modules/@radix-ui/react-icons/dist/paddingicon.d.ts","./node_modules/@radix-ui/react-icons/dist/paperplaneicon.d.ts","./node_modules/@radix-ui/react-icons/dist/pauseicon.d.ts","./node_modules/@radix-ui/react-icons/dist/pencil1icon.d.ts","./node_modules/@radix-ui/react-icons/dist/pencil2icon.d.ts","./node_modules/@radix-ui/react-icons/dist/personicon.d.ts","./node_modules/@radix-ui/react-icons/dist/piecharticon.d.ts","./node_modules/@radix-ui/react-icons/dist/pilcrowicon.d.ts","./node_modules/@radix-ui/react-icons/dist/pinbottomicon.d.ts","./node_modules/@radix-ui/react-icons/dist/pinlefticon.d.ts","./node_modules/@radix-ui/react-icons/dist/pinrighticon.d.ts","./node_modules/@radix-ui/react-icons/dist/pintopicon.d.ts","./node_modules/@radix-ui/react-icons/dist/playicon.d.ts","./node_modules/@radix-ui/react-icons/dist/plusicon.d.ts","./node_modules/@radix-ui/react-icons/dist/pluscircledicon.d.ts","./node_modules/@radix-ui/react-icons/dist/questionmarkicon.d.ts","./node_modules/@radix-ui/react-icons/dist/questionmarkcircledicon.d.ts","./node_modules/@radix-ui/react-icons/dist/quoteicon.d.ts","./node_modules/@radix-ui/react-icons/dist/radiobuttonicon.d.ts","./node_modules/@radix-ui/react-icons/dist/readericon.d.ts","./node_modules/@radix-ui/react-icons/dist/reloadicon.d.ts","./node_modules/@radix-ui/react-icons/dist/reseticon.d.ts","./node_modules/@radix-ui/react-icons/dist/resumeicon.d.ts","./node_modules/@radix-ui/react-icons/dist/rocketicon.d.ts","./node_modules/@radix-ui/react-icons/dist/rotatecounterclockwiseicon.d.ts","./node_modules/@radix-ui/react-icons/dist/rowspacingicon.d.ts","./node_modules/@radix-ui/react-icons/dist/rowsicon.d.ts","./node_modules/@radix-ui/react-icons/dist/rulerhorizontalicon.d.ts","./node_modules/@radix-ui/react-icons/dist/rulersquareicon.d.ts","./node_modules/@radix-ui/react-icons/dist/scissorsicon.d.ts","./node_modules/@radix-ui/react-icons/dist/sectionicon.d.ts","./node_modules/@radix-ui/react-icons/dist/sewingpinicon.d.ts","./node_modules/@radix-ui/react-icons/dist/sewingpinfilledicon.d.ts","./node_modules/@radix-ui/react-icons/dist/shadowicon.d.ts","./node_modules/@radix-ui/react-icons/dist/shadowinnericon.d.ts","./node_modules/@radix-ui/react-icons/dist/shadownoneicon.d.ts","./node_modules/@radix-ui/react-icons/dist/shadowoutericon.d.ts","./node_modules/@radix-ui/react-icons/dist/share1icon.d.ts","./node_modules/@radix-ui/react-icons/dist/share2icon.d.ts","./node_modules/@radix-ui/react-icons/dist/shuffleicon.d.ts","./node_modules/@radix-ui/react-icons/dist/sizeicon.d.ts","./node_modules/@radix-ui/react-icons/dist/sketchlogoicon.d.ts","./node_modules/@radix-ui/react-icons/dist/slashicon.d.ts","./node_modules/@radix-ui/react-icons/dist/slidericon.d.ts","./node_modules/@radix-ui/react-icons/dist/spacebetweenhorizontallyicon.d.ts","./node_modules/@radix-ui/react-icons/dist/spacebetweenverticallyicon.d.ts","./node_modules/@radix-ui/react-icons/dist/spaceevenlyhorizontallyicon.d.ts","./node_modules/@radix-ui/react-icons/dist/spaceevenlyverticallyicon.d.ts","./node_modules/@radix-ui/react-icons/dist/speakerloudicon.d.ts","./node_modules/@radix-ui/react-icons/dist/speakermoderateicon.d.ts","./node_modules/@radix-ui/react-icons/dist/speakerofficon.d.ts","./node_modules/@radix-ui/react-icons/dist/speakerquieticon.d.ts","./node_modules/@radix-ui/react-icons/dist/squareicon.d.ts","./node_modules/@radix-ui/react-icons/dist/stackicon.d.ts","./node_modules/@radix-ui/react-icons/dist/staricon.d.ts","./node_modules/@radix-ui/react-icons/dist/starfilledicon.d.ts","./node_modules/@radix-ui/react-icons/dist/stitcheslogoicon.d.ts","./node_modules/@radix-ui/react-icons/dist/stopicon.d.ts","./node_modules/@radix-ui/react-icons/dist/stopwatchicon.d.ts","./node_modules/@radix-ui/react-icons/dist/stretchhorizontallyicon.d.ts","./node_modules/@radix-ui/react-icons/dist/stretchverticallyicon.d.ts","./node_modules/@radix-ui/react-icons/dist/strikethroughicon.d.ts","./node_modules/@radix-ui/react-icons/dist/sunicon.d.ts","./node_modules/@radix-ui/react-icons/dist/switchicon.d.ts","./node_modules/@radix-ui/react-icons/dist/symbolicon.d.ts","./node_modules/@radix-ui/react-icons/dist/tableicon.d.ts","./node_modules/@radix-ui/react-icons/dist/targeticon.d.ts","./node_modules/@radix-ui/react-icons/dist/texticon.d.ts","./node_modules/@radix-ui/react-icons/dist/textalignbottomicon.d.ts","./node_modules/@radix-ui/react-icons/dist/textaligncentericon.d.ts","./node_modules/@radix-ui/react-icons/dist/textalignjustifyicon.d.ts","./node_modules/@radix-ui/react-icons/dist/textalignlefticon.d.ts","./node_modules/@radix-ui/react-icons/dist/textalignmiddleicon.d.ts","./node_modules/@radix-ui/react-icons/dist/textalignrighticon.d.ts","./node_modules/@radix-ui/react-icons/dist/textaligntopicon.d.ts","./node_modules/@radix-ui/react-icons/dist/textnoneicon.d.ts","./node_modules/@radix-ui/react-icons/dist/thickarrowdownicon.d.ts","./node_modules/@radix-ui/react-icons/dist/thickarrowlefticon.d.ts","./node_modules/@radix-ui/react-icons/dist/thickarrowrighticon.d.ts","./node_modules/@radix-ui/react-icons/dist/thickarrowupicon.d.ts","./node_modules/@radix-ui/react-icons/dist/timericon.d.ts","./node_modules/@radix-ui/react-icons/dist/tokensicon.d.ts","./node_modules/@radix-ui/react-icons/dist/tracknexticon.d.ts","./node_modules/@radix-ui/react-icons/dist/trackpreviousicon.d.ts","./node_modules/@radix-ui/react-icons/dist/transformicon.d.ts","./node_modules/@radix-ui/react-icons/dist/transparencygridicon.d.ts","./node_modules/@radix-ui/react-icons/dist/trashicon.d.ts","./node_modules/@radix-ui/react-icons/dist/triangledownicon.d.ts","./node_modules/@radix-ui/react-icons/dist/trianglelefticon.d.ts","./node_modules/@radix-ui/react-icons/dist/trianglerighticon.d.ts","./node_modules/@radix-ui/react-icons/dist/triangleupicon.d.ts","./node_modules/@radix-ui/react-icons/dist/twitterlogoicon.d.ts","./node_modules/@radix-ui/react-icons/dist/underlineicon.d.ts","./node_modules/@radix-ui/react-icons/dist/updateicon.d.ts","./node_modules/@radix-ui/react-icons/dist/uploadicon.d.ts","./node_modules/@radix-ui/react-icons/dist/valueicon.d.ts","./node_modules/@radix-ui/react-icons/dist/valuenoneicon.d.ts","./node_modules/@radix-ui/react-icons/dist/vercellogoicon.d.ts","./node_modules/@radix-ui/react-icons/dist/videoicon.d.ts","./node_modules/@radix-ui/react-icons/dist/viewgridicon.d.ts","./node_modules/@radix-ui/react-icons/dist/viewhorizontalicon.d.ts","./node_modules/@radix-ui/react-icons/dist/viewnoneicon.d.ts","./node_modules/@radix-ui/react-icons/dist/viewverticalicon.d.ts","./node_modules/@radix-ui/react-icons/dist/widthicon.d.ts","./node_modules/@radix-ui/react-icons/dist/zoominicon.d.ts","./node_modules/@radix-ui/react-icons/dist/zoomouticon.d.ts","./node_modules/@radix-ui/react-icons/dist/index.d.ts","./src/components/ui/breadcrumb.tsx","./src/components/site-header.tsx","./src/components/protected.tsx","./src/app/d/layout.tsx","./node_modules/@dnd-kit/utilities/dist/hooks/usecombinedrefs.d.ts","./node_modules/@dnd-kit/utilities/dist/hooks/useevent.d.ts","./node_modules/@dnd-kit/utilities/dist/hooks/useisomorphiclayouteffect.d.ts","./node_modules/@dnd-kit/utilities/dist/hooks/useinterval.d.ts","./node_modules/@dnd-kit/utilities/dist/hooks/uselatestvalue.d.ts","./node_modules/@dnd-kit/utilities/dist/hooks/uselazymemo.d.ts","./node_modules/@dnd-kit/utilities/dist/hooks/usenoderef.d.ts","./node_modules/@dnd-kit/utilities/dist/hooks/useprevious.d.ts","./node_modules/@dnd-kit/utilities/dist/hooks/useuniqueid.d.ts","./node_modules/@dnd-kit/utilities/dist/hooks/index.d.ts","./node_modules/@dnd-kit/utilities/dist/adjustment.d.ts","./node_modules/@dnd-kit/utilities/dist/coordinates/types.d.ts","./node_modules/@dnd-kit/utilities/dist/coordinates/geteventcoordinates.d.ts","./node_modules/@dnd-kit/utilities/dist/coordinates/index.d.ts","./node_modules/@dnd-kit/utilities/dist/css.d.ts","./node_modules/@dnd-kit/utilities/dist/event/hasviewportrelativecoordinates.d.ts","./node_modules/@dnd-kit/utilities/dist/event/iskeyboardevent.d.ts","./node_modules/@dnd-kit/utilities/dist/event/istouchevent.d.ts","./node_modules/@dnd-kit/utilities/dist/event/index.d.ts","./node_modules/@dnd-kit/utilities/dist/execution-context/canusedom.d.ts","./node_modules/@dnd-kit/utilities/dist/execution-context/getownerdocument.d.ts","./node_modules/@dnd-kit/utilities/dist/execution-context/getwindow.d.ts","./node_modules/@dnd-kit/utilities/dist/execution-context/index.d.ts","./node_modules/@dnd-kit/utilities/dist/focus/findfirstfocusablenode.d.ts","./node_modules/@dnd-kit/utilities/dist/focus/index.d.ts","./node_modules/@dnd-kit/utilities/dist/type-guards/isdocument.d.ts","./node_modules/@dnd-kit/utilities/dist/type-guards/ishtmlelement.d.ts","./node_modules/@dnd-kit/utilities/dist/type-guards/isnode.d.ts","./node_modules/@dnd-kit/utilities/dist/type-guards/issvgelement.d.ts","./node_modules/@dnd-kit/utilities/dist/type-guards/iswindow.d.ts","./node_modules/@dnd-kit/utilities/dist/type-guards/index.d.ts","./node_modules/@dnd-kit/utilities/dist/types.d.ts","./node_modules/@dnd-kit/utilities/dist/index.d.ts","./node_modules/@dnd-kit/core/dist/types/coordinates.d.ts","./node_modules/@dnd-kit/core/dist/types/direction.d.ts","./node_modules/@dnd-kit/core/dist/utilities/algorithms/types.d.ts","./node_modules/@dnd-kit/core/dist/utilities/algorithms/closestcenter.d.ts","./node_modules/@dnd-kit/core/dist/utilities/algorithms/closestcorners.d.ts","./node_modules/@dnd-kit/core/dist/utilities/algorithms/rectintersection.d.ts","./node_modules/@dnd-kit/core/dist/utilities/algorithms/pointerwithin.d.ts","./node_modules/@dnd-kit/core/dist/utilities/algorithms/helpers.d.ts","./node_modules/@dnd-kit/core/dist/utilities/algorithms/index.d.ts","./node_modules/@dnd-kit/core/dist/sensors/pointer/abstractpointersensor.d.ts","./node_modules/@dnd-kit/core/dist/sensors/pointer/pointersensor.d.ts","./node_modules/@dnd-kit/core/dist/sensors/pointer/index.d.ts","./node_modules/@dnd-kit/core/dist/sensors/types.d.ts","./node_modules/@dnd-kit/core/dist/sensors/usesensor.d.ts","./node_modules/@dnd-kit/core/dist/sensors/usesensors.d.ts","./node_modules/@dnd-kit/core/dist/sensors/mouse/mousesensor.d.ts","./node_modules/@dnd-kit/core/dist/sensors/mouse/index.d.ts","./node_modules/@dnd-kit/core/dist/sensors/touch/touchsensor.d.ts","./node_modules/@dnd-kit/core/dist/sensors/touch/index.d.ts","./node_modules/@dnd-kit/core/dist/sensors/keyboard/types.d.ts","./node_modules/@dnd-kit/core/dist/sensors/keyboard/keyboardsensor.d.ts","./node_modules/@dnd-kit/core/dist/sensors/keyboard/defaults.d.ts","./node_modules/@dnd-kit/core/dist/sensors/keyboard/index.d.ts","./node_modules/@dnd-kit/core/dist/sensors/index.d.ts","./node_modules/@dnd-kit/core/dist/types/events.d.ts","./node_modules/@dnd-kit/core/dist/types/other.d.ts","./node_modules/@dnd-kit/core/dist/types/react.d.ts","./node_modules/@dnd-kit/core/dist/types/rect.d.ts","./node_modules/@dnd-kit/core/dist/types/index.d.ts","./node_modules/@dnd-kit/core/dist/hooks/utilities/useautoscroller.d.ts","./node_modules/@dnd-kit/core/dist/hooks/utilities/usecachednode.d.ts","./node_modules/@dnd-kit/core/dist/hooks/utilities/usesyntheticlisteners.d.ts","./node_modules/@dnd-kit/core/dist/hooks/utilities/usecombineactivators.d.ts","./node_modules/@dnd-kit/core/dist/hooks/utilities/usedroppablemeasuring.d.ts","./node_modules/@dnd-kit/core/dist/hooks/utilities/useinitialvalue.d.ts","./node_modules/@dnd-kit/core/dist/hooks/utilities/useinitialrect.d.ts","./node_modules/@dnd-kit/core/dist/hooks/utilities/userect.d.ts","./node_modules/@dnd-kit/core/dist/hooks/utilities/userectdelta.d.ts","./node_modules/@dnd-kit/core/dist/hooks/utilities/useresizeobserver.d.ts","./node_modules/@dnd-kit/core/dist/hooks/utilities/usescrollableancestors.d.ts","./node_modules/@dnd-kit/core/dist/hooks/utilities/usescrollintoviewifneeded.d.ts","./node_modules/@dnd-kit/core/dist/hooks/utilities/usescrolloffsets.d.ts","./node_modules/@dnd-kit/core/dist/hooks/utilities/usescrolloffsetsdelta.d.ts","./node_modules/@dnd-kit/core/dist/hooks/utilities/usesensorsetup.d.ts","./node_modules/@dnd-kit/core/dist/hooks/utilities/userects.d.ts","./node_modules/@dnd-kit/core/dist/hooks/utilities/usewindowrect.d.ts","./node_modules/@dnd-kit/core/dist/hooks/utilities/usedragoverlaymeasuring.d.ts","./node_modules/@dnd-kit/core/dist/hooks/utilities/index.d.ts","./node_modules/@dnd-kit/core/dist/store/constructors.d.ts","./node_modules/@dnd-kit/core/dist/store/types.d.ts","./node_modules/@dnd-kit/core/dist/store/actions.d.ts","./node_modules/@dnd-kit/core/dist/store/context.d.ts","./node_modules/@dnd-kit/core/dist/store/reducer.d.ts","./node_modules/@dnd-kit/core/dist/store/index.d.ts","./node_modules/@dnd-kit/core/dist/components/accessibility/types.d.ts","./node_modules/@dnd-kit/core/dist/components/accessibility/accessibility.d.ts","./node_modules/@dnd-kit/core/dist/components/accessibility/components/restorefocus.d.ts","./node_modules/@dnd-kit/core/dist/components/accessibility/components/index.d.ts","./node_modules/@dnd-kit/core/dist/components/accessibility/defaults.d.ts","./node_modules/@dnd-kit/core/dist/components/accessibility/index.d.ts","./node_modules/@dnd-kit/core/dist/utilities/coordinates/constants.d.ts","./node_modules/@dnd-kit/core/dist/utilities/coordinates/distancebetweenpoints.d.ts","./node_modules/@dnd-kit/core/dist/utilities/coordinates/getrelativetransformorigin.d.ts","./node_modules/@dnd-kit/core/dist/utilities/coordinates/index.d.ts","./node_modules/@dnd-kit/core/dist/utilities/rect/adjustscale.d.ts","./node_modules/@dnd-kit/core/dist/utilities/rect/getrectdelta.d.ts","./node_modules/@dnd-kit/core/dist/utilities/rect/rectadjustment.d.ts","./node_modules/@dnd-kit/core/dist/utilities/rect/getrect.d.ts","./node_modules/@dnd-kit/core/dist/utilities/rect/getwindowclientrect.d.ts","./node_modules/@dnd-kit/core/dist/utilities/rect/rect.d.ts","./node_modules/@dnd-kit/core/dist/utilities/rect/index.d.ts","./node_modules/@dnd-kit/core/dist/utilities/other/noop.d.ts","./node_modules/@dnd-kit/core/dist/utilities/other/index.d.ts","./node_modules/@dnd-kit/core/dist/utilities/scroll/getscrollableancestors.d.ts","./node_modules/@dnd-kit/core/dist/utilities/scroll/getscrollableelement.d.ts","./node_modules/@dnd-kit/core/dist/utilities/scroll/getscrollcoordinates.d.ts","./node_modules/@dnd-kit/core/dist/utilities/scroll/getscrolldirectionandspeed.d.ts","./node_modules/@dnd-kit/core/dist/utilities/scroll/getscrollelementrect.d.ts","./node_modules/@dnd-kit/core/dist/utilities/scroll/getscrolloffsets.d.ts","./node_modules/@dnd-kit/core/dist/utilities/scroll/getscrollposition.d.ts","./node_modules/@dnd-kit/core/dist/utilities/scroll/documentscrollingelement.d.ts","./node_modules/@dnd-kit/core/dist/utilities/scroll/isscrollable.d.ts","./node_modules/@dnd-kit/core/dist/utilities/scroll/scrollintoviewifneeded.d.ts","./node_modules/@dnd-kit/core/dist/utilities/scroll/index.d.ts","./node_modules/@dnd-kit/core/dist/utilities/index.d.ts","./node_modules/@dnd-kit/core/dist/modifiers/types.d.ts","./node_modules/@dnd-kit/core/dist/modifiers/applymodifiers.d.ts","./node_modules/@dnd-kit/core/dist/modifiers/index.d.ts","./node_modules/@dnd-kit/core/dist/components/dndcontext/types.d.ts","./node_modules/@dnd-kit/core/dist/components/dndcontext/dndcontext.d.ts","./node_modules/@dnd-kit/core/dist/components/dndcontext/index.d.ts","./node_modules/@dnd-kit/core/dist/components/dndmonitor/types.d.ts","./node_modules/@dnd-kit/core/dist/components/dndmonitor/context.d.ts","./node_modules/@dnd-kit/core/dist/components/dndmonitor/usedndmonitor.d.ts","./node_modules/@dnd-kit/core/dist/components/dndmonitor/usedndmonitorprovider.d.ts","./node_modules/@dnd-kit/core/dist/components/dndmonitor/index.d.ts","./node_modules/@dnd-kit/core/dist/components/dragoverlay/components/animationmanager/animationmanager.d.ts","./node_modules/@dnd-kit/core/dist/components/dragoverlay/components/animationmanager/index.d.ts","./node_modules/@dnd-kit/core/dist/components/dragoverlay/components/nullifiedcontextprovider/nullifiedcontextprovider.d.ts","./node_modules/@dnd-kit/core/dist/components/dragoverlay/components/nullifiedcontextprovider/index.d.ts","./node_modules/@dnd-kit/core/dist/components/dragoverlay/components/positionedoverlay/positionedoverlay.d.ts","./node_modules/@dnd-kit/core/dist/components/dragoverlay/components/positionedoverlay/index.d.ts","./node_modules/@dnd-kit/core/dist/components/dragoverlay/components/index.d.ts","./node_modules/@dnd-kit/core/dist/components/dragoverlay/hooks/usedropanimation.d.ts","./node_modules/@dnd-kit/core/dist/components/dragoverlay/hooks/usekey.d.ts","./node_modules/@dnd-kit/core/dist/components/dragoverlay/hooks/index.d.ts","./node_modules/@dnd-kit/core/dist/components/dragoverlay/dragoverlay.d.ts","./node_modules/@dnd-kit/core/dist/components/dragoverlay/index.d.ts","./node_modules/@dnd-kit/core/dist/components/index.d.ts","./node_modules/@dnd-kit/core/dist/hooks/usedraggable.d.ts","./node_modules/@dnd-kit/core/dist/hooks/usedndcontext.d.ts","./node_modules/@dnd-kit/core/dist/hooks/usedroppable.d.ts","./node_modules/@dnd-kit/core/dist/hooks/index.d.ts","./node_modules/@dnd-kit/core/dist/index.d.ts","./node_modules/@dnd-kit/modifiers/dist/createsnapmodifier.d.ts","./node_modules/@dnd-kit/modifiers/dist/restricttohorizontalaxis.d.ts","./node_modules/@dnd-kit/modifiers/dist/restricttoparentelement.d.ts","./node_modules/@dnd-kit/modifiers/dist/restricttofirstscrollableancestor.d.ts","./node_modules/@dnd-kit/modifiers/dist/restricttoverticalaxis.d.ts","./node_modules/@dnd-kit/modifiers/dist/restricttowindowedges.d.ts","./node_modules/@dnd-kit/modifiers/dist/snapcentertocursor.d.ts","./node_modules/@dnd-kit/modifiers/dist/index.d.ts","./node_modules/@dnd-kit/sortable/dist/types/disabled.d.ts","./node_modules/@dnd-kit/sortable/dist/types/data.d.ts","./node_modules/@dnd-kit/sortable/dist/types/strategies.d.ts","./node_modules/@dnd-kit/sortable/dist/types/type-guard.d.ts","./node_modules/@dnd-kit/sortable/dist/types/index.d.ts","./node_modules/@dnd-kit/sortable/dist/components/sortablecontext.d.ts","./node_modules/@dnd-kit/sortable/dist/components/index.d.ts","./node_modules/@dnd-kit/sortable/dist/hooks/types.d.ts","./node_modules/@dnd-kit/sortable/dist/hooks/usesortable.d.ts","./node_modules/@dnd-kit/sortable/dist/hooks/defaults.d.ts","./node_modules/@dnd-kit/sortable/dist/hooks/index.d.ts","./node_modules/@dnd-kit/sortable/dist/strategies/horizontallistsorting.d.ts","./node_modules/@dnd-kit/sortable/dist/strategies/rectsorting.d.ts","./node_modules/@dnd-kit/sortable/dist/strategies/rectswapping.d.ts","./node_modules/@dnd-kit/sortable/dist/strategies/verticallistsorting.d.ts","./node_modules/@dnd-kit/sortable/dist/strategies/index.d.ts","./node_modules/@dnd-kit/sortable/dist/sensors/keyboard/sortablekeyboardcoordinates.d.ts","./node_modules/@dnd-kit/sortable/dist/sensors/keyboard/index.d.ts","./node_modules/@dnd-kit/sortable/dist/sensors/index.d.ts","./node_modules/@dnd-kit/sortable/dist/utilities/arraymove.d.ts","./node_modules/@dnd-kit/sortable/dist/utilities/arrayswap.d.ts","./node_modules/@dnd-kit/sortable/dist/utilities/getsortedrects.d.ts","./node_modules/@dnd-kit/sortable/dist/utilities/isvalidindex.d.ts","./node_modules/@dnd-kit/sortable/dist/utilities/itemsequal.d.ts","./node_modules/@dnd-kit/sortable/dist/utilities/normalizedisabled.d.ts","./node_modules/@dnd-kit/sortable/dist/utilities/index.d.ts","./node_modules/@dnd-kit/sortable/dist/index.d.ts","./node_modules/@tanstack/table-core/build/lib/utils.d.ts","./node_modules/@tanstack/table-core/build/lib/core/table.d.ts","./node_modules/@tanstack/table-core/build/lib/features/columnvisibility.d.ts","./node_modules/@tanstack/table-core/build/lib/features/columnordering.d.ts","./node_modules/@tanstack/table-core/build/lib/features/columnpinning.d.ts","./node_modules/@tanstack/table-core/build/lib/features/rowpinning.d.ts","./node_modules/@tanstack/table-core/build/lib/core/headers.d.ts","./node_modules/@tanstack/table-core/build/lib/features/columnfaceting.d.ts","./node_modules/@tanstack/table-core/build/lib/features/globalfaceting.d.ts","./node_modules/@tanstack/table-core/build/lib/filterfns.d.ts","./node_modules/@tanstack/table-core/build/lib/features/columnfiltering.d.ts","./node_modules/@tanstack/table-core/build/lib/features/globalfiltering.d.ts","./node_modules/@tanstack/table-core/build/lib/sortingfns.d.ts","./node_modules/@tanstack/table-core/build/lib/features/rowsorting.d.ts","./node_modules/@tanstack/table-core/build/lib/aggregationfns.d.ts","./node_modules/@tanstack/table-core/build/lib/features/columngrouping.d.ts","./node_modules/@tanstack/table-core/build/lib/features/rowexpanding.d.ts","./node_modules/@tanstack/table-core/build/lib/features/columnsizing.d.ts","./node_modules/@tanstack/table-core/build/lib/features/rowpagination.d.ts","./node_modules/@tanstack/table-core/build/lib/features/rowselection.d.ts","./node_modules/@tanstack/table-core/build/lib/core/row.d.ts","./node_modules/@tanstack/table-core/build/lib/core/cell.d.ts","./node_modules/@tanstack/table-core/build/lib/core/column.d.ts","./node_modules/@tanstack/table-core/build/lib/types.d.ts","./node_modules/@tanstack/table-core/build/lib/columnhelper.d.ts","./node_modules/@tanstack/table-core/build/lib/utils/getcorerowmodel.d.ts","./node_modules/@tanstack/table-core/build/lib/utils/getexpandedrowmodel.d.ts","./node_modules/@tanstack/table-core/build/lib/utils/getfacetedminmaxvalues.d.ts","./node_modules/@tanstack/table-core/build/lib/utils/getfacetedrowmodel.d.ts","./node_modules/@tanstack/table-core/build/lib/utils/getfaceteduniquevalues.d.ts","./node_modules/@tanstack/table-core/build/lib/utils/getfilteredrowmodel.d.ts","./node_modules/@tanstack/table-core/build/lib/utils/getgroupedrowmodel.d.ts","./node_modules/@tanstack/table-core/build/lib/utils/getpaginationrowmodel.d.ts","./node_modules/@tanstack/table-core/build/lib/utils/getsortedrowmodel.d.ts","./node_modules/@tanstack/table-core/build/lib/index.d.ts","./node_modules/@tanstack/react-table/build/lib/index.d.ts","./node_modules/recharts/types/container/surface.d.ts","./node_modules/recharts/types/container/layer.d.ts","./node_modules/@types/d3-time/index.d.ts","./node_modules/@types/d3-scale/index.d.ts","./node_modules/victory-vendor/d3-scale.d.ts","./node_modules/recharts/types/cartesian/xaxis.d.ts","./node_modules/recharts/types/cartesian/yaxis.d.ts","./node_modules/recharts/types/util/types.d.ts","./node_modules/recharts/types/component/defaultlegendcontent.d.ts","./node_modules/recharts/types/util/payload/getuniqpayload.d.ts","./node_modules/recharts/types/component/legend.d.ts","./node_modules/recharts/types/component/defaulttooltipcontent.d.ts","./node_modules/recharts/types/component/tooltip.d.ts","./node_modules/recharts/types/component/responsivecontainer.d.ts","./node_modules/recharts/types/component/cell.d.ts","./node_modules/recharts/types/component/text.d.ts","./node_modules/recharts/types/component/label.d.ts","./node_modules/recharts/types/component/labellist.d.ts","./node_modules/recharts/types/component/customized.d.ts","./node_modules/recharts/types/shape/sector.d.ts","./node_modules/@types/d3-path/index.d.ts","./node_modules/@types/d3-shape/index.d.ts","./node_modules/victory-vendor/d3-shape.d.ts","./node_modules/recharts/types/shape/curve.d.ts","./node_modules/recharts/types/shape/rectangle.d.ts","./node_modules/recharts/types/shape/polygon.d.ts","./node_modules/recharts/types/shape/dot.d.ts","./node_modules/recharts/types/shape/cross.d.ts","./node_modules/recharts/types/shape/symbols.d.ts","./node_modules/recharts/types/polar/polargrid.d.ts","./node_modules/recharts/types/polar/polarradiusaxis.d.ts","./node_modules/recharts/types/polar/polarangleaxis.d.ts","./node_modules/recharts/types/polar/pie.d.ts","./node_modules/recharts/types/polar/radar.d.ts","./node_modules/recharts/types/polar/radialbar.d.ts","./node_modules/recharts/types/cartesian/brush.d.ts","./node_modules/recharts/types/util/ifoverflowmatches.d.ts","./node_modules/recharts/types/cartesian/referenceline.d.ts","./node_modules/recharts/types/cartesian/referencedot.d.ts","./node_modules/recharts/types/cartesian/referencearea.d.ts","./node_modules/recharts/types/cartesian/cartesianaxis.d.ts","./node_modules/recharts/types/cartesian/cartesiangrid.d.ts","./node_modules/recharts/types/cartesian/line.d.ts","./node_modules/recharts/types/cartesian/area.d.ts","./node_modules/recharts/types/util/barutils.d.ts","./node_modules/recharts/types/cartesian/bar.d.ts","./node_modules/recharts/types/cartesian/zaxis.d.ts","./node_modules/recharts/types/cartesian/errorbar.d.ts","./node_modules/recharts/types/cartesian/scatter.d.ts","./node_modules/recharts/types/util/getlegendprops.d.ts","./node_modules/recharts/types/util/chartutils.d.ts","./node_modules/recharts/types/chart/accessibilitymanager.d.ts","./node_modules/recharts/types/chart/types.d.ts","./node_modules/recharts/types/chart/generatecategoricalchart.d.ts","./node_modules/recharts/types/chart/linechart.d.ts","./node_modules/recharts/types/chart/barchart.d.ts","./node_modules/recharts/types/chart/piechart.d.ts","./node_modules/recharts/types/chart/treemap.d.ts","./node_modules/recharts/types/chart/sankey.d.ts","./node_modules/recharts/types/chart/radarchart.d.ts","./node_modules/recharts/types/chart/scatterchart.d.ts","./node_modules/recharts/types/chart/areachart.d.ts","./node_modules/recharts/types/chart/radialbarchart.d.ts","./node_modules/recharts/types/chart/composedchart.d.ts","./node_modules/recharts/types/chart/sunburstchart.d.ts","./node_modules/recharts/types/shape/trapezoid.d.ts","./node_modules/recharts/types/numberaxis/funnel.d.ts","./node_modules/recharts/types/chart/funnelchart.d.ts","./node_modules/recharts/types/util/global.d.ts","./node_modules/recharts/types/index.d.ts","./node_modules/zod/v4/core/standard-schema.d.cts","./node_modules/zod/v4/core/util.d.cts","./node_modules/zod/v4/core/versions.d.cts","./node_modules/zod/v4/core/schemas.d.cts","./node_modules/zod/v4/core/checks.d.cts","./node_modules/zod/v4/core/errors.d.cts","./node_modules/zod/v4/core/core.d.cts","./node_modules/zod/v4/core/parse.d.cts","./node_modules/zod/v4/core/regexes.d.cts","./node_modules/zod/v4/locales/ar.d.cts","./node_modules/zod/v4/locales/az.d.cts","./node_modules/zod/v4/locales/be.d.cts","./node_modules/zod/v4/locales/bg.d.cts","./node_modules/zod/v4/locales/ca.d.cts","./node_modules/zod/v4/locales/cs.d.cts","./node_modules/zod/v4/locales/da.d.cts","./node_modules/zod/v4/locales/de.d.cts","./node_modules/zod/v4/locales/en.d.cts","./node_modules/zod/v4/locales/eo.d.cts","./node_modules/zod/v4/locales/es.d.cts","./node_modules/zod/v4/locales/fa.d.cts","./node_modules/zod/v4/locales/fi.d.cts","./node_modules/zod/v4/locales/fr.d.cts","./node_modules/zod/v4/locales/fr-ca.d.cts","./node_modules/zod/v4/locales/he.d.cts","./node_modules/zod/v4/locales/hu.d.cts","./node_modules/zod/v4/locales/id.d.cts","./node_modules/zod/v4/locales/is.d.cts","./node_modules/zod/v4/locales/it.d.cts","./node_modules/zod/v4/locales/ja.d.cts","./node_modules/zod/v4/locales/ka.d.cts","./node_modules/zod/v4/locales/kh.d.cts","./node_modules/zod/v4/locales/km.d.cts","./node_modules/zod/v4/locales/ko.d.cts","./node_modules/zod/v4/locales/lt.d.cts","./node_modules/zod/v4/locales/mk.d.cts","./node_modules/zod/v4/locales/ms.d.cts","./node_modules/zod/v4/locales/nl.d.cts","./node_modules/zod/v4/locales/no.d.cts","./node_modules/zod/v4/locales/ota.d.cts","./node_modules/zod/v4/locales/ps.d.cts","./node_modules/zod/v4/locales/pl.d.cts","./node_modules/zod/v4/locales/pt.d.cts","./node_modules/zod/v4/locales/ru.d.cts","./node_modules/zod/v4/locales/sl.d.cts","./node_modules/zod/v4/locales/sv.d.cts","./node_modules/zod/v4/locales/ta.d.cts","./node_modules/zod/v4/locales/th.d.cts","./node_modules/zod/v4/locales/tr.d.cts","./node_modules/zod/v4/locales/ua.d.cts","./node_modules/zod/v4/locales/uk.d.cts","./node_modules/zod/v4/locales/ur.d.cts","./node_modules/zod/v4/locales/vi.d.cts","./node_modules/zod/v4/locales/zh-cn.d.cts","./node_modules/zod/v4/locales/zh-tw.d.cts","./node_modules/zod/v4/locales/yo.d.cts","./node_modules/zod/v4/locales/index.d.cts","./node_modules/zod/v4/core/registries.d.cts","./node_modules/zod/v4/core/doc.d.cts","./node_modules/zod/v4/core/api.d.cts","./node_modules/zod/v4/core/json-schema.d.cts","./node_modules/zod/v4/core/to-json-schema.d.cts","./node_modules/zod/v4/core/index.d.cts","./node_modules/zod/v4/classic/errors.d.cts","./node_modules/zod/v4/classic/parse.d.cts","./node_modules/zod/v4/classic/schemas.d.cts","./node_modules/zod/v4/classic/checks.d.cts","./node_modules/zod/v4/classic/compat.d.cts","./node_modules/zod/v4/classic/iso.d.cts","./node_modules/zod/v4/classic/coerce.d.cts","./node_modules/zod/v4/classic/external.d.cts","./node_modules/zod/index.d.cts","./src/components/ui/badge.tsx","./src/components/ui/chart.tsx","./node_modules/@radix-ui/react-checkbox/dist/index.d.ts","./src/components/ui/checkbox.tsx","./node_modules/vaul/dist/index.d.ts","./src/components/ui/drawer.tsx","./node_modules/@radix-ui/react-label/dist/index.d.ts","./src/components/ui/label.tsx","./node_modules/@radix-ui/react-select/dist/index.d.ts","./src/components/ui/select.tsx","./src/components/ui/table.tsx","./node_modules/@radix-ui/react-tabs/dist/index.d.ts","./src/components/ui/tabs.tsx","./src/components/data-table.tsx","./src/components/remotedatatable.tsx","./src/components/setpagetitle.tsx","./src/components/setheadertitle.tsx","./src/app/d/bank/page.tsx","./node_modules/react-hook-form/dist/constants.d.ts","./node_modules/react-hook-form/dist/utils/createsubject.d.ts","./node_modules/react-hook-form/dist/types/events.d.ts","./node_modules/react-hook-form/dist/types/path/common.d.ts","./node_modules/react-hook-form/dist/types/path/eager.d.ts","./node_modules/react-hook-form/dist/types/path/index.d.ts","./node_modules/react-hook-form/dist/types/fieldarray.d.ts","./node_modules/react-hook-form/dist/types/resolvers.d.ts","./node_modules/react-hook-form/dist/types/form.d.ts","./node_modules/react-hook-form/dist/types/utils.d.ts","./node_modules/react-hook-form/dist/types/fields.d.ts","./node_modules/react-hook-form/dist/types/errors.d.ts","./node_modules/react-hook-form/dist/types/validator.d.ts","./node_modules/react-hook-form/dist/types/controller.d.ts","./node_modules/react-hook-form/dist/types/index.d.ts","./node_modules/react-hook-form/dist/controller.d.ts","./node_modules/react-hook-form/dist/form.d.ts","./node_modules/react-hook-form/dist/logic/appenderrors.d.ts","./node_modules/react-hook-form/dist/logic/createformcontrol.d.ts","./node_modules/react-hook-form/dist/logic/index.d.ts","./node_modules/react-hook-form/dist/usecontroller.d.ts","./node_modules/react-hook-form/dist/usefieldarray.d.ts","./node_modules/react-hook-form/dist/useform.d.ts","./node_modules/react-hook-form/dist/useformcontext.d.ts","./node_modules/react-hook-form/dist/useformstate.d.ts","./node_modules/react-hook-form/dist/usewatch.d.ts","./node_modules/react-hook-form/dist/utils/get.d.ts","./node_modules/react-hook-form/dist/utils/set.d.ts","./node_modules/react-hook-form/dist/utils/index.d.ts","./node_modules/react-hook-form/dist/watch.d.ts","./node_modules/react-hook-form/dist/index.d.ts","./src/components/baseform.tsx","./src/components/ui/field.tsx","./node_modules/react-select/dist/declarations/src/filters.d.ts","./node_modules/@emotion/react/dist/declarations/src/context.d.ts","./node_modules/@emotion/react/dist/declarations/src/types.d.ts","./node_modules/@emotion/react/dist/declarations/src/theming.d.ts","./node_modules/@emotion/react/dist/declarations/src/jsx-namespace.d.ts","./node_modules/@emotion/react/dist/declarations/src/jsx.d.ts","./node_modules/@emotion/react/dist/declarations/src/global.d.ts","./node_modules/@emotion/react/dist/declarations/src/keyframes.d.ts","./node_modules/@emotion/react/dist/declarations/src/class-names.d.ts","./node_modules/@emotion/react/dist/declarations/src/css.d.ts","./node_modules/@emotion/react/dist/declarations/src/index.d.ts","./node_modules/@emotion/react/dist/emotion-react.cjs.d.ts","./node_modules/react-select/dist/declarations/src/components/containers.d.ts","./node_modules/react-select/dist/declarations/src/components/control.d.ts","./node_modules/react-select/dist/declarations/src/components/group.d.ts","./node_modules/react-select/dist/declarations/src/components/indicators.d.ts","./node_modules/react-select/dist/declarations/src/components/input.d.ts","./node_modules/react-select/dist/declarations/src/components/placeholder.d.ts","./node_modules/react-select/dist/declarations/src/components/option.d.ts","./node_modules/react-select/dist/declarations/src/components/menu.d.ts","./node_modules/react-select/dist/declarations/src/components/singlevalue.d.ts","./node_modules/react-select/dist/declarations/src/components/multivalue.d.ts","./node_modules/react-select/dist/declarations/src/styles.d.ts","./node_modules/react-select/dist/declarations/src/types.d.ts","./node_modules/react-select/dist/declarations/src/accessibility/index.d.ts","./node_modules/react-select/dist/declarations/src/components/index.d.ts","./node_modules/react-select/dist/declarations/src/theme.d.ts","./node_modules/react-select/dist/declarations/src/select.d.ts","./node_modules/react-select/dist/declarations/src/usestatemanager.d.ts","./node_modules/react-select/dist/declarations/src/statemanager.d.ts","./node_modules/react-select/dist/declarations/src/nonceprovider.d.ts","./node_modules/react-select/dist/declarations/src/index.d.ts","./node_modules/react-select/dist/react-select.cjs.d.ts","./src/components/asyncselectpaginate.tsx","./src/components/banks/basebankform.tsx","./src/components/banks/bankeditclient.tsx","./src/app/d/bank/[id]/page.tsx","./src/components/ui/card.tsx","./node_modules/@radix-ui/react-toggle/dist/index.d.ts","./node_modules/@radix-ui/react-toggle-group/dist/index.d.ts","./src/components/ui/toggle.tsx","./src/components/ui/toggle-group.tsx","./src/components/chart-area-interactive.tsx","./src/components/section-cards.tsx","./src/app/d/dashboard/page.tsx","./src/app/d/database/page.tsx","./node_modules/react-resizable-panels/dist/declarations/src/panel.d.ts","./node_modules/react-resizable-panels/dist/declarations/src/types.d.ts","./node_modules/react-resizable-panels/dist/declarations/src/panelgroup.d.ts","./node_modules/react-resizable-panels/dist/declarations/src/panelresizehandleregistry.d.ts","./node_modules/react-resizable-panels/dist/declarations/src/panelresizehandle.d.ts","./node_modules/react-resizable-panels/dist/declarations/src/constants.d.ts","./node_modules/react-resizable-panels/dist/declarations/src/hooks/usepanelgroupcontext.d.ts","./node_modules/react-resizable-panels/dist/declarations/src/utils/assert.d.ts","./node_modules/react-resizable-panels/dist/declarations/src/utils/csp.d.ts","./node_modules/react-resizable-panels/dist/declarations/src/utils/cursor.d.ts","./node_modules/react-resizable-panels/dist/declarations/src/utils/dom/getpanelelement.d.ts","./node_modules/react-resizable-panels/dist/declarations/src/utils/dom/getpanelelementsforgroup.d.ts","./node_modules/react-resizable-panels/dist/declarations/src/utils/dom/getpanelgroupelement.d.ts","./node_modules/react-resizable-panels/dist/declarations/src/utils/dom/getresizehandleelement.d.ts","./node_modules/react-resizable-panels/dist/declarations/src/utils/dom/getresizehandleelementindex.d.ts","./node_modules/react-resizable-panels/dist/declarations/src/utils/dom/getresizehandleelementsforgroup.d.ts","./node_modules/react-resizable-panels/dist/declarations/src/utils/dom/getresizehandlepanelids.d.ts","./node_modules/react-resizable-panels/dist/declarations/src/utils/rects/types.d.ts","./node_modules/react-resizable-panels/dist/declarations/src/utils/rects/getintersectingrectangle.d.ts","./node_modules/react-resizable-panels/dist/declarations/src/utils/rects/intersects.d.ts","./node_modules/react-resizable-panels/dist/declarations/src/index.d.ts","./node_modules/react-resizable-panels/dist/react-resizable-panels.d.ts","./src/components/ui/resize.tsx","./src/components/form/form.tsx","./src/components/form/field/typecheckbox.tsx","./node_modules/@floating-ui/utils/dist/floating-ui.utils.d.ts","./node_modules/@floating-ui/core/dist/floating-ui.core.d.ts","./node_modules/@floating-ui/utils/dom/floating-ui.utils.dom.d.ts","./node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts","./node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.d.ts","./node_modules/@floating-ui/react/dist/floating-ui.react.d.ts","./src/components/popover/popover.tsx","./node_modules/@radix-ui/react-scroll-area/dist/index.d.ts","./src/components/ui/scroll-area.tsx","./src/components/form/field/typeahead-opt.tsx","./node_modules/@types/lodash.uniqby/index.d.ts","./src/components/form/field/typeahead.tsx","./src/components/form/field/typedropdown.tsx","./src/components/ui/datepicker/components/utils.tsx","./node_modules/dayjs/plugin/isbetween.d.ts","./src/components/ui/datepicker/components/calendar/days.tsx","./src/components/ui/datepicker/components/calendar/months.tsx","./src/components/ui/datepicker/components/calendar/week.tsx","./src/components/ui/datepicker/components/calendar/years.tsx","./src/components/ui/datepicker/components/calendar/index.tsx","./src/components/ui/datepicker/components/footer.tsx","./src/components/ui/datepicker/components/togglebutton.tsx","./src/components/ui/datepicker/components/input.tsx","./src/components/ui/datepicker/components/shortcuts.tsx","./src/components/ui/datepicker/components/datepicker.tsx","./src/components/ui/datepicker/index.tsx","./src/components/ui/text-area.tsx","./node_modules/@types/tinycolor2/index.d.ts","./node_modules/react-colorful/dist/types.d.ts","./node_modules/react-colorful/dist/components/hexcolorpicker.d.ts","./node_modules/react-colorful/dist/components/hexalphacolorpicker.d.ts","./node_modules/react-colorful/dist/components/hslacolorpicker.d.ts","./node_modules/react-colorful/dist/components/hslastringcolorpicker.d.ts","./node_modules/react-colorful/dist/components/hslcolorpicker.d.ts","./node_modules/react-colorful/dist/components/hslstringcolorpicker.d.ts","./node_modules/react-colorful/dist/components/hsvacolorpicker.d.ts","./node_modules/react-colorful/dist/components/hsvastringcolorpicker.d.ts","./node_modules/react-colorful/dist/components/hsvcolorpicker.d.ts","./node_modules/react-colorful/dist/components/hsvstringcolorpicker.d.ts","./node_modules/react-colorful/dist/components/rgbacolorpicker.d.ts","./node_modules/react-colorful/dist/components/rgbastringcolorpicker.d.ts","./node_modules/react-colorful/dist/components/rgbcolorpicker.d.ts","./node_modules/react-colorful/dist/components/rgbstringcolorpicker.d.ts","./node_modules/react-colorful/dist/components/hexcolorinput.d.ts","./node_modules/react-colorful/dist/utils/nonce.d.ts","./node_modules/react-colorful/dist/index.d.ts","./src/components/form/field/typecolor.tsx","./src/components/ui/fieldcolorpopover.tsx","./src/components/ui/ratings.tsx","./src/components/ui/maskedinput.tsx","./node_modules/@types/lodash.debounce/index.d.ts","./src/components/form/field/typeinput.tsx","./src/components/form/field/filepreview.tsx","./src/components/form/field/typeuploadmulti.tsx","./src/components/form/field/typeuploadsingle.tsx","./src/components/form/field/typeupload.tsx","./src/components/form/field/typetag.tsx","./src/components/form/field/typeradio.tsx","./src/components/ui/tooltip-better.tsx","./src/components/tablelist/list.tsx","./src/components/list/listuiclean.tsx","./src/components/form/field/typeahead-opt-better.tsx","./src/components/form/field/typeaheadbetter.tsx","./src/components/form/field/typedropdownbetter.tsx","./node_modules/react-select-async-paginate/dist/index.d.ts","./src/components/form/field/typeasyncdropdown.tsx","./src/components/form/field.tsx","./src/components/databaseformclient.tsx","./src/app/d/database/[id]/page.tsx","./src/app/d/tenant/page.tsx","./src/components/tenanteditclient.tsx","./src/app/d/tenant/[id]/page.tsx","./src/components/usereditclient.tsx","./src/components/usersmanager.tsx","./src/app/d/user/page.tsx","./src/components/parameterslist.tsx","./src/components/useraccesslist.tsx","./src/components/userformclient.tsx","./src/app/d/user/[id]/page.tsx","./src/components/parameterformclient.tsx","./src/app/d/user/[id]/[name]/[id_child]/page.tsx","./src/app/dashboard/page.tsx","./src/components/login-form.tsx","./src/app/login/page.tsx","./src/components/testdbclient.tsx","./src/app/test-db/page.tsx","./src/components/banksmanager.tsx","./src/components/examplecomponent.tsx","./src/components/nav-documents.tsx","./src/components/nav-secondary.tsx","./src/components/form/field/aftereditor.tsx","./src/components/form/field/type.tsx","./src/components/list/listui.tsx","./node_modules/@types/react-resizable/index.d.ts","./src/components/tablelist/tablebetter.tsx","./src/components/ui/input-search.tsx","./src/components/tablelist/tablelist.tsx","./src/components/tablelist/tablelistbetter.tsx","./src/components/ui/spinner.tsx","./.next/types/cache-life.d.ts","./.next/types/validator.ts","./.next/types/app/layout.ts","./.next/types/app/page.ts","./.next/types/app/d/bank/page.ts","./.next/types/app/d/bank/[id]/page.ts","./.next/types/app/d/dashboard/page.ts","./.next/types/app/d/database/page.ts","./.next/types/app/d/database/[id]/page.ts","./.next/types/app/d/tenant/page.ts","./.next/types/app/d/tenant/[id]/page.ts","./.next/types/app/d/user/page.ts","./.next/types/app/d/user/[id]/page.ts","./.next/types/app/d/user/[id]/[name]/[id_child]/page.ts","./.next/types/app/dashboard/page.ts","./.next/types/app/login/page.ts","./.next/types/app/test-db/page.ts","./node_modules/@types/d3-array/index.d.ts","./node_modules/@types/d3-color/index.d.ts","./node_modules/@types/d3-ease/index.d.ts","./node_modules/@types/d3-interpolate/index.d.ts","./node_modules/@types/d3-timer/index.d.ts","./node_modules/@types/parse-json/index.d.ts","./node_modules/@types/react-transition-group/config.d.ts","./node_modules/@types/react-transition-group/transition.d.ts","./node_modules/@types/react-transition-group/csstransition.d.ts","./node_modules/@types/react-transition-group/switchtransition.d.ts","./node_modules/@types/react-transition-group/transitiongroup.d.ts","./node_modules/@types/react-transition-group/index.d.ts"],"fileIdsList":[[98,152,169,170,345,1444],[98,152,169,170,345,1374],[98,152,169,170,345,1452],[98,152,169,170,345,1547],[98,152,169,170,345,1453],[98,152,169,170,345,1550],[98,152,169,170,345,1548],[98,152,169,170,345,1559],[98,152,169,170,345,1557],[98,152,169,170,345,1553],[98,152,169,170,345,1560],[98,152,169,170,345,638],[98,152,169,170,345,1562],[98,152,169,170,345,639],[98,152,169,170,345,1564],[98,152,169,170,450,451,452,453],[98,152,169,170],[83,98,152,169,170,500,638,639,996,1374,1444,1452,1453,1547,1548,1550,1553,1557,1559,1560,1562,1564],[83,98,152,169,170,501,502],[87,98,152,169,170,1084],[98,152,169,170,1086],[98,152,169,170,1084],[98,152,169,170,1084,1085,1087,1088],[98,152,169,170,1083],[87,98,152,169,170,1029,1053,1058,1077,1089,1114,1117,1118],[98,152,169,170,1118,1119],[98,152,169,170,1058,1077],[87,98,152,169,170,1121],[98,152,169,170,1121,1122,1123,1124],[98,152,169,170,1058],[98,152,169,170,1121],[87,98,152,169,170,1058],[98,152,169,170,1126],[98,152,169,170,1127,1129,1131],[98,152,169,170,1128],[87,98,152,169,170],[98,152,169,170,1130],[87,98,152,169,170,1029,1058],[87,98,152,169,170,1117,1132,1135],[98,152,169,170,1133,1134],[98,152,169,170,1029,1058,1083,1120],[98,152,169,170,1135,1136],[98,152,169,170,1089,1120,1125,1137],[98,152,169,170,1077,1139,1140,1141],[87,98,152,169,170,1083],[87,98,152,169,170,1029,1058,1077,1083],[87,98,152,169,170,1058,1083],[98,152,169,170,1059,1060,1061,1062,1063,1064,1065,1066,1067,1068,1069,1070,1071,1072,1073,1074,1075,1076],[98,152,169,170,1058,1083],[98,152,169,170,1053,1061],[98,152,169,170,1058,1079],[98,152,169,170,1008,1058],[98,152,169,170,1029],[98,152,169,170,1053],[98,152,169,170,1143],[98,152,169,170,1053,1058,1083,1114,1117,1138,1142],[98,152,169,170,1029,1115],[98,152,169,170,1115,1116],[98,152,169,170,1029,1058,1083],[98,152,169,170,1041,1042,1043,1044,1046,1048,1052],[98,152,169,170,1049],[98,152,169,170,1049,1050,1051],[98,152,169,170,1042,1049],[98,152,169,170,1042,1058],[98,152,169,170,1045],[87,98,152,169,170,1041,1042],[98,152,169,170,1039,1040],[87,98,152,169,170,1039,1042],[98,152,169,170,1047],[87,98,152,169,170,1038,1041,1058,1083],[98,152,169,170,1042],[87,98,152,169,170,1079],[98,152,169,170,1079,1080,1081,1082],[98,152,169,170,1079,1080],[87,98,152,169,170,1029,1038,1058,1077,1078,1080,1138],[98,152,169,170,1030,1038,1053,1058,1083],[98,152,169,170,1030,1031,1054,1055,1056,1057],[87,98,152,169,170,1029],[98,152,169,170,1032],[98,152,169,170,1032,1058],[98,152,169,170,1032,1033,1034,1035,1036,1037],[98,152,169,170,1090,1091,1092],[98,152,169,170,1038,1093,1100,1102,1113],[98,152,169,170,1101],[98,152,169,170,1029,1058],[98,152,169,170,1094,1095,1096,1097,1098,1099],[98,152,169,170,1057],[98,152,169,170,1103,1104,1105,1106,1107,1108,1109,1110,1111,1112],[98,152,169,170,1144,1145,1146,1147,1148,1149,1150],[98,152,169,170,1157],[87,98,152,169,170,1143,1156],[98,152,169,170,1159],[98,152,169,170,1159,1160,1161],[98,152,169,170,1029,1143],[87,98,152,169,170,1029,1077,1143,1156,1159],[98,152,169,170,1156,1158,1162,1167,1170,1177],[98,152,169,170,1169],[98,152,169,170,1168],[98,152,169,170,1156],[98,152,169,170,1163,1164,1165,1166],[98,152,169,170,1152,1153,1154,1155],[98,152,169,170,1143,1153],[98,152,169,170,1171,1172,1173,1174,1175,1176],[98,152,169,170,1008],[98,152,169,170,1008,1009],[98,152,169,170,1012,1013,1014],[98,152,169,170,1016,1017,1018],[98,152,169,170,1020],[98,152,169,170,997,998,999,1000,1001,1002,1003,1004,1005],[98,152,169,170,1006,1007,1010,1011,1015,1019,1021,1027,1028],[98,152,169,170,1022,1023,1024,1025,1026],[98,152,169,170,621,624],[98,152,169,170,625],[98,152,169,170,618,623,626],[98,152,169,170,627],[98,152,169,170,628],[87,98,152,169,170,623,1411],[87,98,152,169,170,626],[98,152,169,170,621,623],[98,152,169,170,623,626,1409,1410,1411,1413,1414,1415,1416,1417],[87,98,152,169,170,1412],[98,152,169,170,623],[87,98,152,169,170,1410],[98,152,169,170,1412],[98,152,169,170,1418],[85,98,152,169,170,621],[98,152,169,170,622],[98,152,169,170,617],[98,152,169,170,619],[98,152,169,170,618],[98,152,169,170,620],[98,152,169,170,1479],[98,152,169,170,1480,1481],[87,98,152,169,170,1482],[87,98,152,169,170,1483],[87,98,152,169,170,646],[87,98,152,169,170,645,646],[87,98,152,169,170,270,645,646],[87,98,152,169,170,645,646,647,651,659],[87,98,152,169,170,645,646,668],[87,98,152,169,170,673],[98,152,169,170,674,675,676,677,678,679,680,681,682,683,684,685,686,687,688,689,690,691,692,693,694,695,696,697,698,699,700,701,702,703,704,705,706,707,708,709,710,711,712,713,714,715,716,717,718,719,720,721,722,723,724,725,726,727,728,729,730,731,732,733,734,735,736,737,738,739,740,741,742,743,744,745,746,747,748,749,750,751,752,753,754,755,756,757,758,759,760,761,762,763,764,765,766,767,768,769,770,771,772,773,774,775,776,777,778,779,780,781,782,783,784,785,786,787,788,789,790,791,792,793,794,795,796,797,798,799,800,801,802,803,804,805,806,807,808,809,810,811,812,813,814,815,816,817,818,819,820,821,822,823,824,825,826,827,828,829,830,831,832,833,834,835,836,837,838,839,840,841,842,843,844,845,846,847,848,849,850,851,852,853,854,855,856,857,858,859,860,861,862,863,864,865,866,867,868,869,870,871,872,873,874,875,876,877,878,879,880,881,882,883,884,885,886,887,888,889,890,891,892,893,894,895,896,897,898,899,900,901,902,903,904,905,906,907,908,909,910,911,912,913,914,915,916,917,918,919,920,921,922,923,924,925,926,927,928,929,930,931,932,933,934,935,936,937,938,939,940,941,942,943,944,945,946,947,948,949,950,951,952,953,954,955,956,957,958,959,960,961,962,963,964,965,966,967,968,969,970,971,972,973,974,975,976,977,978,979,980,981,982,983,984,985,986,987,988,989,990,991],[87,98,152,169,170,645,646,647,650,651,659,667],[87,98,152,169,170,645,646,648,649],[87,98,152,169,170,645,646,647,650,651,659],[87,98,152,169,170,645,646,667],[87,98,152,169,170,645,646,667,1446],[87,98,152,169,170,645,646,647,650,651],[98,152,169,170,547],[98,152,169,170,547,572,576,577,578],[98,152,169,170,547,577],[98,152,169,170,547,571,577,580],[98,152,169,170,568],[98,152,169,170,547,564,577,581],[98,152,169,170,547,577,580,581,582],[98,152,169,170,584],[98,152,169,170,577,580],[98,152,169,170,547,571,573,574,575,576,577],[98,152,169,170,547,564,568,569,571,572,573,574,575,576,577,578,579,580,581,582,583,584,585,586,587,588,589,591,592,593],[98,152,169,170,594],[98,152,169,170,547,571,580,590,591],[98,152,169,170,547,571,580,590],[98,152,169,170,547,577,582],[98,152,169,170,577,586],[98,152,169,170,547,576],[87,98,152,169,170,1213],[98,152,169,170,1194],[98,152,169,170,1179,1202],[98,152,169,170,1202],[98,152,169,170,1202,1213],[98,152,169,170,1188,1202,1213],[98,152,169,170,1193,1202,1213],[98,152,169,170,1183,1202],[98,152,169,170,1191,1202,1213],[98,152,169,170,1189],[98,152,169,170,1179,1180,1181,1182,1183,1184,1185,1186,1187,1188,1189,1190,1191,1192,1193,1194,1195,1196,1197,1198,1199,1200,1201,1202,1203,1204,1205,1206,1207,1208,1209,1210,1211,1212],[98,152,169,170,1192],[98,152,169,170,1179,1180,1181,1182,1183,1184,1185,1186,1187,1189,1190,1192,1194,1195,1196,1197,1198,1199,1200,1201],[98,152,169,170,1596],[98,152,169,170,1217],[98,152,169,170,1235],[98,152,169,170,539],[98,152,169,170,527,529,530,531,532,533,534,535,536,537,538,539],[98,152,169,170,527,528,530,531,532,533,534,535,536,537,538,539],[98,152,169,170,528,529,530,531,532,533,534,535,536,537,538,539],[98,152,169,170,527,528,529,531,532,533,534,535,536,537,538,539],[98,152,169,170,527,528,529,530,532,533,534,535,536,537,538,539],[98,152,169,170,527,528,529,530,531,533,534,535,536,537,538,539],[98,152,169,170,527,528,529,530,531,532,534,535,536,537,538,539],[98,152,169,170,527,528,529,530,531,532,533,535,536,537,538,539],[98,152,169,170,527,528,529,530,531,532,533,534,536,537,538,539],[98,152,169,170,527,528,529,530,531,532,533,534,535,537,538,539],[98,152,169,170,527,528,529,530,531,532,533,534,535,536,538,539],[98,152,169,170,527,528,529,530,531,532,533,534,535,536,537,539],[98,152,169,170,527,528,529,530,531,532,533,534,535,536,537,538],[98,149,150,152,169,170],[98,151,152,169,170],[152,169,170],[98,152,157,169,170,187],[98,152,153,158,163,169,170,172,184,195],[98,152,153,154,163,169,170,172],[98,152,155,169,170,196],[98,152,156,157,164,169,170,173],[98,152,157,169,170,184,192],[98,152,158,160,163,169,170,172],[98,151,152,159,169,170],[98,152,160,161,169,170],[98,152,162,163,169,170],[98,151,152,163,169,170],[98,152,163,164,165,169,170,184,195],[98,152,163,164,165,169,170,179,184,187],[98,144,152,160,163,166,169,170,172,184,195],[98,152,163,164,166,167,169,170,172,184,192,195],[98,152,166,168,169,170,184,192,195],[96,97,98,99,100,101,102,103,145,146,147,148,149,150,151,152,153,154,155,156,157,158,159,160,161,162,163,164,165,166,167,168,169,170,171,172,173,174,175,176,177,178,179,180,181,182,183,184,185,186,187,188,189,190,191,192,193,194,195,196,197,198,199,200,201],[98,152,163,169,170],[98,152,169,170,171,195],[98,152,160,163,169,170,172,184],[98,152,169,170,173],[98,152,169,170,174],[98,151,152,169,170,175],[98,149,150,151,152,153,154,155,156,157,158,159,160,161,162,163,164,165,166,167,168,169,170,171,172,173,174,175,176,177,178,179,180,181,182,183,184,185,186,187,188,189,190,191,192,193,194,195,196,197,198,199,200,201],[98,152,169,170,177],[98,152,169,170,178],[98,152,163,169,170,179,180],[98,152,169,170,179,181,196,198],[98,152,163,169,170,184,185,187],[98,152,169,170,186,187],[98,152,169,170,184,185],[98,152,169,170,187],[98,152,169,170,188],[98,149,152,169,170,184,189],[98,152,163,169,170,190,191],[98,152,169,170,190,191],[98,152,157,169,170,172,184,192],[98,152,169,170,193],[98,152,169,170,172,194],[98,152,166,169,170,178,195],[98,152,157,169,170,196],[98,152,169,170,184,197],[98,152,169,170,171,198],[98,152,169,170,199],[98,152,157,169,170],[98,144,152,169,170],[98,152,169,170,200],[98,144,152,163,165,169,170,175,184,187,195,197,198,200],[98,152,169,170,184,201],[87,98,152,169,170,205,206,207,361],[87,98,152,169,170,205,206],[87,98,152,169,170,206,361],[87,98,152,169,170,1602],[98,152,169,170,1601,1602,1603,1604,1605],[87,91,98,152,169,170,204,445,493],[87,91,98,152,169,170,203,445,493],[84,85,86,98,152,169,170],[98,152,169,170,520,642],[98,152,169,170,520],[98,152,169,170,509],[98,152,169,170,508],[98,152,169,170,510],[98,152,169,170,510,512,523],[98,152,169,170,510,512,1493],[98,152,169,170,510,523,1493],[98,152,169,170,195,202],[98,152,169,170,559],[98,152,169,170,559,560,561,562,563],[98,152,169,170,548,549,550,551,552,553,554,555,556,557,558],[93,98,152,169,170],[98,152,169,170,448],[98,152,169,170,455],[98,152,169,170,211,225,226,227,229,442],[98,152,169,170,211,250,252,254,255,258,442,444],[98,152,169,170,211,215,217,218,219,220,221,431,442,444],[98,152,169,170,442],[98,152,169,170,226,328,412,421,438],[98,152,169,170,211],[98,152,169,170,208,438],[98,152,169,170,262],[98,152,169,170,261,442,444],[98,152,166,169,170,310,328,357,499],[98,152,166,169,170,321,337,421,437],[98,152,166,169,170,373],[98,152,169,170,425],[98,152,169,170,424,425,426],[98,152,169,170,424],[95,98,152,166,169,170,208,211,215,218,222,223,224,226,230,238,239,366,391,422,442,445],[98,152,169,170,211,228,246,250,251,256,257,442,499],[98,152,169,170,228,499],[98,152,169,170,239,246,308,442,499],[98,152,169,170,499],[98,152,169,170,211,228,229,499],[98,152,169,170,253,499],[98,152,169,170,222,423,430],[98,152,169,170,178,270,438],[98,152,169,170,270,438],[87,98,152,169,170,270],[87,98,152,169,170,329],[98,152,169,170,325,371,438,481,482],[98,152,169,170,418,475,476,477,478,480],[98,152,169,170,417],[98,152,169,170,417,418],[98,152,169,170,219,367,368,369],[98,152,169,170,367,370,371],[98,152,169,170,479],[98,152,169,170,367,371],[87,98,152,169,170,212,469],[87,98,152,169,170,195],[87,98,152,169,170,228,298],[87,98,152,169,170,228],[98,152,169,170,296,300],[87,98,152,169,170,297,447],[87,91,98,152,166,169,170,202,203,204,445,491,492],[98,152,166,169,170],[98,152,166,169,170,215,277,367,377,392,412,427,428,442,443,499],[98,152,169,170,238,429],[98,152,169,170,445],[98,152,169,170,210],[87,98,152,169,170,310,324,336,346,348,437],[98,152,169,170,178,310,324,345,346,347,437,498],[98,152,169,170,339,340,341,342,343,344],[98,152,169,170,341],[98,152,169,170,345],[98,152,169,170,268,269,270,272],[87,98,152,169,170,263,264,265,271],[98,152,169,170,268,271],[98,152,169,170,266],[98,152,169,170,267],[87,98,152,169,170,270,297,447],[87,98,152,169,170,270,446,447],[87,98,152,169,170,270,447],[98,152,169,170,392,434],[98,152,169,170,434],[98,152,166,169,170,443,447],[98,152,169,170,333],[98,151,152,169,170,332],[98,152,169,170,240,278,316,318,320,321,322,323,364,367,437,440,443],[98,152,169,170,240,354,367,371],[98,152,169,170,321,437],[87,98,152,169,170,321,330,331,333,334,335,336,337,338,349,350,351,352,353,355,356,437,438,499],[98,152,169,170,315],[98,152,166,169,170,178,240,241,277,292,322,364,365,366,371,392,412,433,442,443,444,445,499],[98,152,169,170,437],[98,151,152,169,170,226,319,322,366,433,435,436,443],[98,152,169,170,321],[98,151,152,169,170,277,282,311,312,313,314,315,316,317,318,320,437,438],[98,152,166,169,170,282,283,311,443,444],[98,152,169,170,226,366,367,392,433,437,443],[98,152,166,169,170,442,444],[98,152,166,169,170,184,440,443,444],[98,152,166,169,170,178,195,208,215,228,240,241,243,278,279,284,289,292,318,322,367,377,379,382,384,387,388,389,390,391,412,432,433,438,440,442,443,444],[98,152,166,169,170,184],[98,152,169,170,211,212,213,215,220,223,228,246,432,440,441,445,447,499],[98,152,166,169,170,184,195,258,260,262,263,264,265,272,499],[98,152,169,170,178,195,208,250,260,288,289,290,291,318,367,382,391,392,398,401,402,412,433,438,440],[98,152,169,170,222,223,238,366,391,433,442],[98,152,166,169,170,195,212,215,318,396,440,442],[98,152,169,170,309],[98,152,166,169,170,399,400,409],[98,152,169,170,440,442],[98,152,169,170,316,319],[98,152,169,170,318,322,432,447],[98,152,166,169,170,178,244,250,291,382,392,398,401,404,440],[98,152,166,169,170,222,238,250,405],[98,152,169,170,211,243,407,432,442],[98,152,166,169,170,195,442],[98,152,166,169,170,228,242,243,244,255,273,406,408,432,442],[95,98,152,169,170,240,322,411,445,447],[98,152,166,169,170,178,195,215,222,230,238,241,278,284,288,289,290,291,292,318,367,379,392,393,395,397,412,432,433,438,439,440,447],[98,152,166,169,170,184,222,398,403,409,440],[98,152,169,170,233,234,235,236,237],[98,152,169,170,279,383],[98,152,169,170,385],[98,152,169,170,383],[98,152,169,170,385,386],[98,152,166,169,170,215,218,219,277,443],[98,152,166,169,170,178,210,212,240,278,292,322,375,376,412,440,444,445,447],[98,152,166,169,170,178,195,214,219,318,376,439,443],[98,152,169,170,311],[98,152,169,170,312],[98,152,169,170,313],[98,152,169,170,438],[98,152,169,170,259,275],[98,152,166,169,170,215,259,278],[98,152,169,170,274,275],[98,152,169,170,276],[98,152,169,170,259,260],[98,152,169,170,259,293],[98,152,169,170,259],[98,152,169,170,279,381,439],[98,152,169,170,380],[98,152,169,170,260,438,439],[98,152,169,170,378,439],[98,152,169,170,260,438],[98,152,169,170,364],[98,152,169,170,215,220,278,307,310,316,318,322,324,327,358,360,363,367,411,432,440,443],[98,152,169,170,301,304,305,306,325,326,371],[87,98,152,169,170,205,206,207,270,359],[87,98,152,169,170,205,206,207,270,359,362],[98,152,169,170,420],[98,152,169,170,226,283,321,322,333,337,367,411,413,414,415,416,418,419,422,432,437,442],[98,152,169,170,371],[98,152,169,170,375],[98,152,166,169,170,278,294,372,374,377,411,440,445,447],[98,152,169,170,301,302,303,304,305,306,325,326,371,446],[95,98,152,166,169,170,178,195,241,259,260,292,318,322,409,410,412,432,433,442,443,445],[98,152,169,170,283,285,288,433],[98,152,166,169,170,279,442],[98,152,169,170,282,321],[98,152,169,170,281],[98,152,169,170,283,284],[98,152,169,170,280,282,442],[98,152,166,169,170,214,283,285,286,287,442,443],[87,98,152,169,170,367,368,370],[98,152,169,170,245],[87,98,152,169,170,212],[87,98,152,169,170,438],[87,95,98,152,169,170,292,322,445,447],[98,152,169,170,212,469,470],[87,98,152,169,170,300],[87,98,152,169,170,178,195,210,257,295,297,299,447],[98,152,169,170,228,438,443],[98,152,169,170,394,438],[98,152,169,170,367],[87,98,152,164,166,169,170,178,210,246,252,300,445,446],[87,98,152,169,170,203,204,445,493],[87,88,89,90,91,98,152,169,170],[98,152,169,170,247,248,249],[98,152,169,170,247],[87,91,98,152,166,168,169,170,178,202,203,204,205,207,208,210,241,345,404,442,444,447,493],[98,152,169,170,457],[98,152,169,170,459],[98,152,169,170,461],[98,152,169,170,463],[98,152,169,170,465,466,467],[98,152,169,170,471],[92,94,98,152,169,170,449,454,456,458,460,462,464,468,472,474,484,485,487,497,498,499,500],[98,152,169,170,473],[98,152,169,170,483],[98,152,169,170,297],[98,152,169,170,486],[98,151,152,169,170,283,285,286,288,336,438,488,489,490,493,494,495,496],[98,152,169,170,202],[87,98,152,169,170,1507],[98,152,169,170,1507,1508,1509,1510,1511,1512,1513,1514,1515,1516,1517,1518,1519,1520,1521,1522,1523],[87,98,152,169,170,1389],[98,152,169,170,1389,1390,1391,1394,1395,1396,1397,1398,1399,1400,1403,1404],[98,152,169,170,1389],[98,152,169,170,1392,1393],[87,98,152,169,170,1387,1389],[98,152,169,170,1384,1385,1387],[98,152,169,170,1380,1383,1385,1387],[98,152,169,170,1384,1387],[87,98,152,169,170,1375,1376,1377,1380,1381,1382,1384,1385,1386,1387],[98,152,169,170,1377,1380,1381,1382,1383,1384,1385,1386,1387,1388],[98,152,169,170,1384],[98,152,169,170,1378,1384,1385],[98,152,169,170,1378,1379],[98,152,169,170,1383,1385,1386],[98,152,169,170,1383],[98,152,169,170,1375,1380,1385,1386],[98,152,169,170,1401,1402],[98,152,169,170,547,599,602,604,606],[87,98,152,169,170,547,597,605],[87,98,152,169,170,547,605,606],[87,98,152,169,170,547,604],[98,152,169,170,597,599,603,604,605,606,607,608,609,610],[87,98,152,169,170,547,606],[87,98,152,169,170,547,602,604,606],[98,152,169,170,596,611],[87,98,152,169,170,547,598,603,605],[98,152,169,170,205,206,207],[98,152,169,170,600,601],[98,152,169,170,1454,1456,1457,1458,1459,1460,1461,1462,1463,1464,1465,1466,1467,1468,1469,1470,1472,1473],[87,98,152,169,170,1455],[87,98,152,169,170,1457],[98,152,169,170,1455],[98,152,169,170,1454],[98,152,169,170,1471],[98,152,169,170,1474],[87,98,152,169,170,1440],[87,98,152,169,170,1431],[87,98,152,169,170,1419,1431],[87,98,152,169,170,1419,1431,1435],[87,98,152,169,170,1419,1420,1421,1422,1423,1424,1425,1426,1427,1428,1429,1431],[98,152,169,170,1408,1420,1421,1422,1423,1424,1425,1426,1427,1428,1429,1430,1431,1432,1433,1434,1435,1436,1437,1438],[87,98,152,169,170,1408,1419,1423,1427,1429,1430,1431,1432,1433,1434,1439],[87,98,152,169,170,1431,1435,1436],[98,152,169,170,1420,1421,1422,1423,1424,1425,1426,1427,1428,1429,1431],[98,152,169,170,1431],[98,152,169,170,1419,1430,1435],[98,152,169,170,1431,1435],[98,152,169,170,1439],[87,98,152,169,170,1220,1221,1222,1238,1241],[87,98,152,169,170,1220,1221,1222,1231,1239,1259],[87,98,152,169,170,1219,1222],[87,98,152,169,170,1222],[87,98,152,169,170,1220,1221,1222],[87,98,152,169,170,1220,1221,1222,1257,1260,1263],[87,98,152,169,170,1220,1221,1222,1231,1238,1241],[87,98,152,169,170,1220,1221,1222,1231,1239,1251],[87,98,152,169,170,1220,1221,1222,1231,1241,1251],[87,98,152,169,170,1220,1221,1222,1231,1251],[87,98,152,169,170,1220,1221,1222,1226,1232,1238,1243,1261,1262],[98,152,169,170,1222],[87,98,152,169,170,539,1222,1266,1267,1268],[87,98,152,169,170,539,1222,1265,1266,1267],[87,98,152,169,170,1222,1239],[87,98,152,169,170,1222,1265],[87,98,152,169,170,1222,1231],[87,98,152,169,170,1222,1223,1224],[87,98,152,169,170,1222,1224,1226],[98,152,169,170,1215,1216,1220,1221,1222,1223,1225,1226,1227,1228,1229,1230,1231,1232,1233,1234,1238,1239,1240,1241,1242,1243,1244,1245,1246,1247,1248,1249,1250,1252,1253,1254,1255,1256,1257,1258,1260,1261,1262,1263,1269,1270,1271,1272,1273,1274,1275,1276,1277,1278,1279,1280,1281,1282,1283],[87,98,152,169,170,1222,1280],[87,98,152,169,170,1222,1234],[87,98,152,169,170,1222,1241,1245,1246],[87,98,152,169,170,1222,1232,1234],[87,98,152,169,170,1222,1237],[87,98,152,169,170,1222,1260],[87,98,152,169,170,1222,1237,1264],[87,98,152,169,170,1225,1265],[87,98,152,169,170,1219,1220,1221],[98,152,169,170,547,570],[98,152,169,170,566],[98,152,169,170,566,567],[98,152,169,170,565],[98,152,169,170,184,202],[98,110,113,116,117,152,169,170,195],[98,113,152,169,170,184,195],[98,113,117,152,169,170,195],[98,152,169,170,184],[98,107,152,169,170],[98,111,152,169,170],[98,109,110,113,152,169,170,195],[98,152,169,170,172,192],[98,107,152,169,170,202],[98,109,113,152,169,170,172,195],[98,104,105,106,108,112,152,163,169,170,184,195],[98,113,121,129,152,169,170],[98,105,111,152,169,170],[98,113,138,139,152,169,170],[98,105,108,113,152,169,170,187,195,202],[98,113,152,169,170],[98,109,113,152,169,170,195],[98,104,152,169,170],[98,107,108,109,111,112,113,114,115,117,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,137,139,140,141,142,143,152,169,170],[98,113,131,134,152,160,169,170],[98,113,121,122,123,152,169,170],[98,111,113,122,124,152,169,170],[98,112,152,169,170],[98,105,107,113,152,169,170],[98,113,117,122,124,152,169,170],[98,117,152,169,170],[98,111,113,116,152,169,170,195],[98,105,109,113,121,152,169,170],[98,113,131,152,169,170],[98,124,152,169,170],[98,107,113,138,152,169,170,187,200,202],[87,98,152,169,170,660],[98,152,169,170,1218],[98,152,169,170,1236],[98,152,169,170,1355],[98,152,169,170,1347],[98,152,169,170,1347,1350],[98,152,169,170,1341,1347,1348,1349,1350,1351,1352,1353,1354],[98,152,169,170,1347,1348],[98,152,169,170,1347,1349],[98,152,169,170,1286,1288,1289,1290,1291],[98,152,169,170,1286,1288,1290,1291],[98,152,169,170,1286,1288,1290],[98,152,169,170,1285,1286,1288,1289,1291],[98,152,169,170,1286,1287,1288,1289,1290,1291,1292,1293,1341,1342,1343,1344,1345,1346],[98,152,169,170,1288,1291],[98,152,169,170,1285,1286,1287,1289,1290,1291],[98,152,169,170,1288,1342,1345],[98,152,169,170,1288,1289,1290,1291],[98,152,169,170,1290],[98,152,169,170,1294,1295,1296,1297,1298,1299,1300,1301,1302,1303,1304,1305,1306,1307,1308,1309,1310,1311,1312,1313,1314,1315,1316,1317,1318,1319,1320,1321,1322,1323,1324,1325,1326,1327,1328,1329,1330,1331,1332,1333,1334,1335,1336,1337,1338,1339,1340],[98,152,169,170,995,1372,1373,1443],[98,152,169,170,995,1371,1372,1373],[98,152,169,170,995,1450,1451],[98,152,169,170,519,995,1372,1373,1546],[98,152,169,170,663,672,994,995],[98,152,169,170,519,995,1372,1373,1549],[98,152,169,170,519,995,1372,1373,1558],[98,152,169,170,519,995,1372,1373,1556],[98,152,169,170,995,1372,1373,1552],[98,152,169,170,484],[98,152,169,170,632,633,634,637],[98,152,169,170,655,1561],[98,152,169,170,1563],[87,98,152,169,170,640,663,664,671],[98,152,169,170,1442],[87,98,152,169,170,484,615,656,1405,1406,1407,1441],[87,98,152,169,170,615],[87,98,152,169,170,654,1405],[87,98,152,169,170,517,1284,1358,1366,1445,1449],[87,98,152,169,170,484,517,636,640,644,654,656,658,670,1029,1143,1151,1178,1214,1284,1356,1357,1358,1360,1362,1364,1366,1367,1369],[87,98,152,169,170,484,615,636,654,1477,1545],[87,98,152,169,170,522,540,543,546,1478,1491,1530,1534,1535,1536,1537,1542,1544],[87,98,152,169,170,545,546,655],[98,152,169,170,656],[87,98,152,169,170,526,546,640,654,1360,1485,1539],[87,98,152,169,170,546,640,654,1360,1485,1487],[87,98,152,169,170,546,640,1357,1488,1489],[87,98,152,169,170,546,640,655,1357,1540],[87,98,152,169,170,524,540,546,1440,1485,1529,1543],[87,98,152,169,170,546],[87,98,152,169,170,546,1506,1524],[98,152,169,170,1490],[98,152,169,170,1541],[87,98,152,169,170,522,525,543,546,640,656,1504,1505,1506,1526,1527,1528,1529],[87,98,152,169,170,522,546,640],[87,98,152,169,170,640,643,655,1360],[98,152,169,170,1532,1533],[87,98,152,169,170,546,640,655,1531],[87,98,152,169,170,540,545,546,655,1531],[87,98,152,169,170,522,525,540,546,629,636,655,662,1476],[87,98,152,169,170,616,629],[87,98,152,169,170,522,540,546,1538],[87,98,152,169,170,484,522,595,613,614,654,656,1407,1445],[98,152,169,170,484,640,663,670],[98,152,169,170,474,484,640,654,663],[87,98,152,169,170,484,640,663],[98,152,169,170,640,663,666,670],[98,152,169,170,1371],[87,98,152,169,170,629,1484],[87,98,152,169,170,484,614,662],[87,98,152,169,170,615,1370],[98,152,169,170,640,1357,1445],[87,98,152,169,170,633],[87,98,152,169,170,633,658,663,993],[87,98,152,169,170,522,540,546,636,655,1487],[87,98,152,169,170,505,540,543,546,636,640,655,1367,1530,1572],[87,98,152,169,170,474,505,540,542,543,546,636,640,654,655,1214,1360,1367,1477,1485,1530,1545,1574],[87,98,152,169,170,474,505,526,540,543,546,636,640,654,655,1214,1360,1364,1367,1530,1574],[87,98,152,169,170,484,615,636,654,656,1364,1405],[87,98,152,169,170,522,665],[87,98,152,169,170,522,641,643],[87,98,152,169,170,522,641,992],[87,98,152,169,170,474,522,641,643],[87,98,152,169,170,522,641,643,644,653],[87,98,152,169,170,522],[87,98,152,169,170,522,1284],[87,98,152,169,170,522,655,1359],[87,98,152,169,170,506,507,510,513,515,540,543,1493],[87,98,152,169,170,506,507,510,513,515,1492,1494,1495,1496,1497],[87,98,152,169,170,507,510,513,515,1492],[87,98,152,169,170,507,510,513,515],[87,98,152,169,170,513,515,1492],[87,98,152,169,170,506,507,510,513,515,516,546,1485,1492,1498,1499,1501,1502],[87,98,152,169,170,507,510,515,1492],[87,98,152,169,170,507,510,513,515,1500],[87,98,152,169,170,506,507,510,514,515],[87,98,152,169,170,1492],[87,98,152,169,170,507,515],[98,152,169,170,506],[98,152,169,170,506,510,513],[87,98,152,169,170,506,507,510],[98,152,169,170,507,509,510,511,512],[98,152,169,170,506,1503],[87,98,152,169,170,507],[87,98,152,169,170,522,1361],[87,98,152,169,170,522,655,669],[87,98,152,169,170,522,643,658,1364],[87,98,152,169,170,546,1485,1525],[87,98,152,169,170,522,640,1529],[87,98,152,169,170,522,1363],[87,98,152,169,170,522,655],[98,152,169,170,522,655,1475],[87,98,152,169,170,522,1486],[87,98,152,169,170,522,655,1365],[87,98,152,169,170,522,657],[87,98,152,169,170,522,655,660],[87,98,152,169,170,517,522,641,643,653,654,655,656,658,661,662],[98,152,169,170,522],[98,152,169,170,635,636],[98,152,169,170,655],[87,98,152,169,170,522,1368],[87,98,152,169,170,522,643,1447,1448],[87,98,152,169,170,522,643,1446],[87,98,152,169,170,653],[87,98,152,169,170,522,652],[87,98,152,169,170,484,615,636,654,1369,1476,1477,1545,1554,1555],[87,98,152,169,170,1362,1371,1551],[98,152,169,170,520,521],[98,152,169,170,510,523,524],[98,152,169,170,524,540,541],[98,152,169,170,524],[98,152,169,170,524,544],[87,98,152,169,170,595,612,613],[98,152,169,170,612,613],[98,152,169,170,594,595],[98,152,169,170,616,629]],"fileInfos":[{"version":"c430d44666289dae81f30fa7b2edebf186ecc91a2d4c71266ea6ae76388792e1","affectsGlobalScope":true,"impliedFormat":1},{"version":"45b7ab580deca34ae9729e97c13cfd999df04416a79116c3bfb483804f85ded4","impliedFormat":1},{"version":"3facaf05f0c5fc569c5649dd359892c98a85557e3e0c847964caeb67076f4d75","impliedFormat":1},{"version":"e44bb8bbac7f10ecc786703fe0a6a4b952189f908707980ba8f3c8975a760962","impliedFormat":1},{"version":"5e1c4c362065a6b95ff952c0eab010f04dcd2c3494e813b493ecfd4fcb9fc0d8","impliedFormat":1},{"version":"68d73b4a11549f9c0b7d352d10e91e5dca8faa3322bfb77b661839c42b1ddec7","impliedFormat":1},{"version":"5efce4fc3c29ea84e8928f97adec086e3dc876365e0982cc8479a07954a3efd4","impliedFormat":1},{"version":"feecb1be483ed332fad555aff858affd90a48ab19ba7272ee084704eb7167569","impliedFormat":1},{"version":"ee7bad0c15b58988daa84371e0b89d313b762ab83cb5b31b8a2d1162e8eb41c2","impliedFormat":1},{"version":"27bdc30a0e32783366a5abeda841bc22757c1797de8681bbe81fbc735eeb1c10","impliedFormat":1},{"version":"8fd575e12870e9944c7e1d62e1f5a73fcf23dd8d3a321f2a2c74c20d022283fe","impliedFormat":1},{"version":"2ab096661c711e4a81cc464fa1e6feb929a54f5340b46b0a07ac6bbf857471f0","impliedFormat":1},{"version":"080941d9f9ff9307f7e27a83bcd888b7c8270716c39af943532438932ec1d0b9","affectsGlobalScope":true,"impliedFormat":1},{"version":"2e80ee7a49e8ac312cc11b77f1475804bee36b3b2bc896bead8b6e1266befb43","affectsGlobalScope":true,"impliedFormat":1},{"version":"c57796738e7f83dbc4b8e65132f11a377649c00dd3eee333f672b8f0a6bea671","affectsGlobalScope":true,"impliedFormat":1},{"version":"dc2df20b1bcdc8c2d34af4926e2c3ab15ffe1160a63e58b7e09833f616efff44","affectsGlobalScope":true,"impliedFormat":1},{"version":"515d0b7b9bea2e31ea4ec968e9edd2c39d3eebf4a2d5cbd04e88639819ae3b71","affectsGlobalScope":true,"impliedFormat":1},{"version":"0559b1f683ac7505ae451f9a96ce4c3c92bdc71411651ca6ddb0e88baaaad6a3","affectsGlobalScope":true,"impliedFormat":1},{"version":"0dc1e7ceda9b8b9b455c3a2d67b0412feab00bd2f66656cd8850e8831b08b537","affectsGlobalScope":true,"impliedFormat":1},{"version":"ce691fb9e5c64efb9547083e4a34091bcbe5bdb41027e310ebba8f7d96a98671","affectsGlobalScope":true,"impliedFormat":1},{"version":"8d697a2a929a5fcb38b7a65594020fcef05ec1630804a33748829c5ff53640d0","affectsGlobalScope":true,"impliedFormat":1},{"version":"4ff2a353abf8a80ee399af572debb8faab2d33ad38c4b4474cff7f26e7653b8d","affectsGlobalScope":true,"impliedFormat":1},{"version":"fb0f136d372979348d59b3f5020b4cdb81b5504192b1cacff5d1fbba29378aa1","affectsGlobalScope":true,"impliedFormat":1},{"version":"d15bea3d62cbbdb9797079416b8ac375ae99162a7fba5de2c6c505446486ac0a","affectsGlobalScope":true,"impliedFormat":1},{"version":"68d18b664c9d32a7336a70235958b8997ebc1c3b8505f4f1ae2b7e7753b87618","affectsGlobalScope":true,"impliedFormat":1},{"version":"eb3d66c8327153d8fa7dd03f9c58d351107fe824c79e9b56b462935176cdf12a","affectsGlobalScope":true,"impliedFormat":1},{"version":"38f0219c9e23c915ef9790ab1d680440d95419ad264816fa15009a8851e79119","affectsGlobalScope":true,"impliedFormat":1},{"version":"69ab18c3b76cd9b1be3d188eaf8bba06112ebbe2f47f6c322b5105a6fbc45a2e","affectsGlobalScope":true,"impliedFormat":1},{"version":"a680117f487a4d2f30ea46f1b4b7f58bef1480456e18ba53ee85c2746eeca012","affectsGlobalScope":true,"impliedFormat":1},{"version":"2f11ff796926e0832f9ae148008138ad583bd181899ab7dd768a2666700b1893","affectsGlobalScope":true,"impliedFormat":1},{"version":"4de680d5bb41c17f7f68e0419412ca23c98d5749dcaaea1896172f06435891fc","affectsGlobalScope":true,"impliedFormat":1},{"version":"954296b30da6d508a104a3a0b5d96b76495c709785c1d11610908e63481ee667","affectsGlobalScope":true,"impliedFormat":1},{"version":"ac9538681b19688c8eae65811b329d3744af679e0bdfa5d842d0e32524c73e1c","affectsGlobalScope":true,"impliedFormat":1},{"version":"0a969edff4bd52585473d24995c5ef223f6652d6ef46193309b3921d65dd4376","affectsGlobalScope":true,"impliedFormat":1},{"version":"9e9fbd7030c440b33d021da145d3232984c8bb7916f277e8ffd3dc2e3eae2bdb","affectsGlobalScope":true,"impliedFormat":1},{"version":"811ec78f7fefcabbda4bfa93b3eb67d9ae166ef95f9bff989d964061cbf81a0c","affectsGlobalScope":true,"impliedFormat":1},{"version":"717937616a17072082152a2ef351cb51f98802fb4b2fdabd32399843875974ca","affectsGlobalScope":true,"impliedFormat":1},{"version":"d7e7d9b7b50e5f22c915b525acc5a49a7a6584cf8f62d0569e557c5cfc4b2ac2","affectsGlobalScope":true,"impliedFormat":1},{"version":"71c37f4c9543f31dfced6c7840e068c5a5aacb7b89111a4364b1d5276b852557","affectsGlobalScope":true,"impliedFormat":1},{"version":"576711e016cf4f1804676043e6a0a5414252560eb57de9faceee34d79798c850","affectsGlobalScope":true,"impliedFormat":1},{"version":"89c1b1281ba7b8a96efc676b11b264de7a8374c5ea1e6617f11880a13fc56dc6","affectsGlobalScope":true,"impliedFormat":1},{"version":"74f7fa2d027d5b33eb0471c8e82a6c87216223181ec31247c357a3e8e2fddc5b","affectsGlobalScope":true,"impliedFormat":1},{"version":"d6d7ae4d1f1f3772e2a3cde568ed08991a8ae34a080ff1151af28b7f798e22ca","affectsGlobalScope":true,"impliedFormat":1},{"version":"063600664504610fe3e99b717a1223f8b1900087fab0b4cad1496a114744f8df","affectsGlobalScope":true,"impliedFormat":1},{"version":"934019d7e3c81950f9a8426d093458b65d5aff2c7c1511233c0fd5b941e608ab","affectsGlobalScope":true,"impliedFormat":1},{"version":"52ada8e0b6e0482b728070b7639ee42e83a9b1c22d205992756fe020fd9f4a47","affectsGlobalScope":true,"impliedFormat":1},{"version":"3bdefe1bfd4d6dee0e26f928f93ccc128f1b64d5d501ff4a8cf3c6371200e5e6","affectsGlobalScope":true,"impliedFormat":1},{"version":"59fb2c069260b4ba00b5643b907ef5d5341b167e7d1dbf58dfd895658bda2867","affectsGlobalScope":true,"impliedFormat":1},{"version":"639e512c0dfc3fad96a84caad71b8834d66329a1f28dc95e3946c9b58176c73a","affectsGlobalScope":true,"impliedFormat":1},{"version":"368af93f74c9c932edd84c58883e736c9e3d53cec1fe24c0b0ff451f529ceab1","affectsGlobalScope":true,"impliedFormat":1},{"version":"af3dd424cf267428f30ccfc376f47a2c0114546b55c44d8c0f1d57d841e28d74","affectsGlobalScope":true,"impliedFormat":1},{"version":"995c005ab91a498455ea8dfb63aa9f83fa2ea793c3d8aa344be4a1678d06d399","affectsGlobalScope":true,"impliedFormat":1},{"version":"959d36cddf5e7d572a65045b876f2956c973a586da58e5d26cde519184fd9b8a","affectsGlobalScope":true,"impliedFormat":1},{"version":"965f36eae237dd74e6cca203a43e9ca801ce38824ead814728a2807b1910117d","affectsGlobalScope":true,"impliedFormat":1},{"version":"3925a6c820dcb1a06506c90b1577db1fdbf7705d65b62b99dce4be75c637e26b","affectsGlobalScope":true,"impliedFormat":1},{"version":"0a3d63ef2b853447ec4f749d3f368ce642264246e02911fcb1590d8c161b8005","affectsGlobalScope":true,"impliedFormat":1},{"version":"8cdf8847677ac7d20486e54dd3fcf09eda95812ac8ace44b4418da1bbbab6eb8","affectsGlobalScope":true,"impliedFormat":1},{"version":"8444af78980e3b20b49324f4a16ba35024fef3ee069a0eb67616ea6ca821c47a","affectsGlobalScope":true,"impliedFormat":1},{"version":"3287d9d085fbd618c3971944b65b4be57859f5415f495b33a6adc994edd2f004","affectsGlobalScope":true,"impliedFormat":1},{"version":"b4b67b1a91182421f5df999988c690f14d813b9850b40acd06ed44691f6727ad","affectsGlobalScope":true,"impliedFormat":1},{"version":"df83c2a6c73228b625b0beb6669c7ee2a09c914637e2d35170723ad49c0f5cd4","affectsGlobalScope":true,"impliedFormat":1},{"version":"436aaf437562f276ec2ddbee2f2cdedac7664c1e4c1d2c36839ddd582eeb3d0a","affectsGlobalScope":true,"impliedFormat":1},{"version":"8e3c06ea092138bf9fa5e874a1fdbc9d54805d074bee1de31b99a11e2fec239d","affectsGlobalScope":true,"impliedFormat":1},{"version":"87dc0f382502f5bbce5129bdc0aea21e19a3abbc19259e0b43ae038a9fc4e326","affectsGlobalScope":true,"impliedFormat":1},{"version":"b1cb28af0c891c8c96b2d6b7be76bd394fddcfdb4709a20ba05a7c1605eea0f9","affectsGlobalScope":true,"impliedFormat":1},{"version":"2fef54945a13095fdb9b84f705f2b5994597640c46afeb2ce78352fab4cb3279","affectsGlobalScope":true,"impliedFormat":1},{"version":"ac77cb3e8c6d3565793eb90a8373ee8033146315a3dbead3bde8db5eaf5e5ec6","affectsGlobalScope":true,"impliedFormat":1},{"version":"56e4ed5aab5f5920980066a9409bfaf53e6d21d3f8d020c17e4de584d29600ad","affectsGlobalScope":true,"impliedFormat":1},{"version":"4ece9f17b3866cc077099c73f4983bddbcb1dc7ddb943227f1ec070f529dedd1","affectsGlobalScope":true,"impliedFormat":1},{"version":"0a6282c8827e4b9a95f4bf4f5c205673ada31b982f50572d27103df8ceb8013c","affectsGlobalScope":true,"impliedFormat":1},{"version":"1c9319a09485199c1f7b0498f2988d6d2249793ef67edda49d1e584746be9032","affectsGlobalScope":true,"impliedFormat":1},{"version":"e3a2a0cee0f03ffdde24d89660eba2685bfbdeae955a6c67e8c4c9fd28928eeb","affectsGlobalScope":true,"impliedFormat":1},{"version":"811c71eee4aa0ac5f7adf713323a5c41b0cf6c4e17367a34fbce379e12bbf0a4","affectsGlobalScope":true,"impliedFormat":1},{"version":"51ad4c928303041605b4d7ae32e0c1ee387d43a24cd6f1ebf4a2699e1076d4fa","affectsGlobalScope":true,"impliedFormat":1},{"version":"60037901da1a425516449b9a20073aa03386cce92f7a1fd902d7602be3a7c2e9","affectsGlobalScope":true,"impliedFormat":1},{"version":"d4b1d2c51d058fc21ec2629fff7a76249dec2e36e12960ea056e3ef89174080f","affectsGlobalScope":true,"impliedFormat":1},{"version":"22adec94ef7047a6c9d1af3cb96be87a335908bf9ef386ae9fd50eeb37f44c47","affectsGlobalScope":true,"impliedFormat":1},{"version":"196cb558a13d4533a5163286f30b0509ce0210e4b316c56c38d4c0fd2fb38405","affectsGlobalScope":true,"impliedFormat":1},{"version":"73f78680d4c08509933daf80947902f6ff41b6230f94dd002ae372620adb0f60","affectsGlobalScope":true,"impliedFormat":1},{"version":"c5239f5c01bcfa9cd32f37c496cf19c61d69d37e48be9de612b541aac915805b","affectsGlobalScope":true,"impliedFormat":1},{"version":"8e7f8264d0fb4c5339605a15daadb037bf238c10b654bb3eee14208f860a32ea","affectsGlobalScope":true,"impliedFormat":1},{"version":"782dec38049b92d4e85c1585fbea5474a219c6984a35b004963b00beb1aab538","affectsGlobalScope":true,"impliedFormat":1},{"version":"c6221a9ed1372395dabd9e0a759dfe2cb6143b95725ddb6995442a52580f6972","affectsGlobalScope":true},{"version":"eb5b19b86227ace1d29ea4cf81387279d04bb34051e944bc53df69f58914b788","affectsGlobalScope":true,"impliedFormat":1},{"version":"8a8eb4ebffd85e589a1cc7c178e291626c359543403d58c9cd22b81fab5b1fb9","impliedFormat":1},{"version":"87d9d29dbc745f182683f63187bf3d53fd8673e5fca38ad5eaab69798ed29fbc","impliedFormat":1},{"version":"7a3aa194cfd5919c4da251ef04ea051077e22702638d4edcb9579e9101653519","affectsGlobalScope":true,"impliedFormat":1},{"version":"acd8fd5090ac73902278889c38336ff3f48af6ba03aa665eb34a75e7ba1dccc4","impliedFormat":1},{"version":"d6258883868fb2680d2ca96bc8b1352cab69874581493e6d52680c5ffecdb6cc","impliedFormat":1},{"version":"1b61d259de5350f8b1e5db06290d31eaebebc6baafd5f79d314b5af9256d7153","impliedFormat":1},{"version":"f258e3960f324a956fc76a3d3d9e964fff2244ff5859dcc6ce5951e5413ca826","impliedFormat":1},{"version":"643f7232d07bf75e15bd8f658f664d6183a0efaca5eb84b48201c7671a266979","impliedFormat":1},{"version":"0f6666b58e9276ac3a38fdc80993d19208442d6027ab885580d93aec76b4ef00","impliedFormat":1},{"version":"05fd364b8ef02fb1e174fbac8b825bdb1e5a36a016997c8e421f5fab0a6da0a0","impliedFormat":1},{"version":"631eff75b0e35d1b1b31081d55209abc43e16b49426546ab5a9b40bdd40b1f60","impliedFormat":1},{"version":"d153a11543fd884b596587ccd97aebbeed950b26933ee000f94009f1ab142848","affectsGlobalScope":true,"impliedFormat":1},{"version":"c0671b50bb99cc7ad46e9c68fa0e7f15ba4bc898b59c31a17ea4611fab5095da","affectsGlobalScope":true,"impliedFormat":1},{"version":"d802f0e6b5188646d307f070d83512e8eb94651858de8a82d1e47f60fb6da4e2","affectsGlobalScope":true,"impliedFormat":1},{"version":"1b2dd1cbeb0cc6ae20795958ba5950395ebb2849b7c8326853dd15530c77ab0c","affectsGlobalScope":true,"impliedFormat":1},{"version":"1db0b7dca579049ca4193d034d835f6bfe73096c73663e5ef9a0b5779939f3d0","affectsGlobalScope":true,"impliedFormat":1},{"version":"387a023d363f755eb63450a66c28b14cdd7bc30a104565e2dbf0a8988bb4a56c","affectsGlobalScope":true,"impliedFormat":1},{"version":"9798340ffb0d067d69b1ae5b32faa17ab31b82466a3fc00d8f2f2df0c8554aaa","affectsGlobalScope":true,"impliedFormat":1},{"version":"f26b11d8d8e4b8028f1c7d618b22274c892e4b0ef5b3678a8ccbad85419aef43","affectsGlobalScope":true,"impliedFormat":1},{"version":"cdcf9ea426ad970f96ac930cd176d5c69c6c24eebd9fc580e1572d6c6a88f62c","impliedFormat":1},{"version":"23cd712e2ce083d68afe69224587438e5914b457b8acf87073c22494d706a3d0","impliedFormat":1},{"version":"487b694c3de27ddf4ad107d4007ad304d29effccf9800c8ae23c2093638d906a","impliedFormat":1},{"version":"3a80bc85f38526ca3b08007ee80712e7bb0601df178b23fbf0bf87036fce40ce","impliedFormat":1},{"version":"ccf4552357ce3c159ef75f0f0114e80401702228f1898bdc9402214c9499e8c0","impliedFormat":1},{"version":"c6fd2c5a395f2432786c9cb8deb870b9b0e8ff7e22c029954fabdd692bff6195","impliedFormat":1},{"version":"68834d631c8838c715f225509cfc3927913b9cc7a4870460b5b60c8dbdb99baf","impliedFormat":1},{"version":"2931540c47ee0ff8a62860e61782eb17b155615db61e36986e54645ec67f67c2","impliedFormat":1},{"version":"3c8e93af4d6ce21eb4c8d005ad6dc02e7b5e6781f429d52a35290210f495a674","impliedFormat":1},{"version":"f6faf5f74e4c4cc309a6c6a6c4da02dbb840be5d3e92905a23dcd7b2b0bd1986","impliedFormat":1},{"version":"ea6bc8de8b59f90a7a3960005fd01988f98fd0784e14bc6922dde2e93305ec7d","impliedFormat":1},{"version":"36107995674b29284a115e21a0618c4c2751b32a8766dd4cb3ba740308b16d59","impliedFormat":1},{"version":"914a0ae30d96d71915fc519ccb4efbf2b62c0ddfb3a3fc6129151076bc01dc60","impliedFormat":1},{"version":"33e981bf6376e939f99bd7f89abec757c64897d33c005036b9a10d9587d80187","impliedFormat":1},{"version":"7fd1b31fd35876b0aa650811c25ec2c97a3c6387e5473eb18004bed86cdd76b6","impliedFormat":1},{"version":"b41767d372275c154c7ea6c9d5449d9a741b8ce080f640155cc88ba1763e35b3","impliedFormat":1},{"version":"3bacf516d686d08682751a3bd2519ea3b8041a164bfb4f1d35728993e70a2426","impliedFormat":1},{"version":"00b21ef538da5a2bbe419e2144f3be50661768e1e039ef2b57bb89f96aff9b18","impliedFormat":1},{"version":"0a60a292b89ca7218b8616f78e5bbd1c96b87e048849469cccb4355e98af959a","impliedFormat":1},{"version":"0b6e25234b4eec6ed96ab138d96eb70b135690d7dd01f3dd8a8ab291c35a683a","impliedFormat":1},{"version":"9666f2f84b985b62400d2e5ab0adae9ff44de9b2a34803c2c5bd3c8325b17dc0","impliedFormat":1},{"version":"40cd35c95e9cf22cfa5bd84e96408b6fcbca55295f4ff822390abb11afbc3dca","impliedFormat":1},{"version":"b1616b8959bf557feb16369c6124a97a0e74ed6f49d1df73bb4b9ddf68acf3f3","impliedFormat":1},{"version":"e843e840f484f7e59b2ef9488501a301e3300a8e3e56aa84a02ddf915c7ce07d","impliedFormat":1},{"version":"40b463c6766ca1b689bfcc46d26b5e295954f32ad43e37ee6953c0a677e4ae2b","impliedFormat":1},{"version":"249b9cab7f5d628b71308c7d9bb0a808b50b091e640ba3ed6e2d0516f4a8d91d","impliedFormat":1},{"version":"80aae6afc67faa5ac0b32b5b8bc8cc9f7fa299cff15cf09cc2e11fd28c6ae29e","impliedFormat":1},{"version":"f473cd2288991ff3221165dcf73cd5d24da30391f87e85b3dd4d0450c787a391","impliedFormat":1},{"version":"499e5b055a5aba1e1998f7311a6c441a369831c70905cc565ceac93c28083d53","impliedFormat":1},{"version":"54c3e2371e3d016469ad959697fd257e5621e16296fa67082c2575d0bf8eced0","impliedFormat":1},{"version":"beb8233b2c220cfa0feea31fbe9218d89fa02faa81ef744be8dce5acb89bb1fd","impliedFormat":1},{"version":"78b29846349d4dfdd88bd6650cc5d2baaa67f2e89dc8a80c8e26ef7995386583","impliedFormat":1},{"version":"5d0375ca7310efb77e3ef18d068d53784faf62705e0ad04569597ae0e755c401","impliedFormat":1},{"version":"59af37caec41ecf7b2e76059c9672a49e682c1a2aa6f9d7dc78878f53aa284d6","impliedFormat":1},{"version":"addf417b9eb3f938fddf8d81e96393a165e4be0d4a8b6402292f9c634b1cb00d","impliedFormat":1},{"version":"48cc3ec153b50985fb95153258a710782b25975b10dd4ac8a4f3920632d10790","impliedFormat":1},{"version":"adf27937dba6af9f08a68c5b1d3fce0ca7d4b960c57e6d6c844e7d1a8e53adae","impliedFormat":1},{"version":"18f8cfbb14ba9405e67d30968ae67b8d19133867d13ebc49c8ed37ec64ce9bdb","impliedFormat":1},{"version":"2e85db9e6fd73cfa3d7f28e0ab6b55417ea18931423bd47b409a96e4a169e8e6","impliedFormat":1},{"version":"c46e079fe54c76f95c67fb89081b3e399da2c7d109e7dca8e4b58d83e332e605","impliedFormat":1},{"version":"866078923a56d026e39243b4392e282c1c63159723996fa89243140e1388a98d","impliedFormat":1},{"version":"830171b27c5fdf9bcbe4cf7d428fcf3ae2c67780fb7fbdccdf70d1623d938bc4","affectsGlobalScope":true,"impliedFormat":1},{"version":"1cf059eaf468efcc649f8cf6075d3cb98e9a35a0fe9c44419ec3d2f5428d7123","affectsGlobalScope":true,"impliedFormat":1},{"version":"e7721c4f69f93c91360c26a0a84ee885997d748237ef78ef665b153e622b36c1","affectsGlobalScope":true,"impliedFormat":1},{"version":"d97fb21da858fb18b8ae72c314e9743fd52f73ebe2764e12af1db32fc03f853f","affectsGlobalScope":true,"impliedFormat":1},{"version":"fa3cdd2c004d79ae3b6bca7b793bce0597734f8d38df2273690ed358a65c1543","impliedFormat":1},{"version":"7cf69dd5502c41644c9e5106210b5da7144800670cbe861f66726fa209e231c4","impliedFormat":1},{"version":"72c1f5e0a28e473026074817561d1bc9647909cf253c8d56c41d1df8d95b85f7","impliedFormat":1},{"version":"18334defc3d0a0e1966f5f3c23c7c83b62c77811e51045c5a7ff3883b446f81f","affectsGlobalScope":true,"impliedFormat":1},{"version":"0dbcce74b6c46d12dce913fe42bc29d116102b591b53f457d279d5db7316d454","impliedFormat":1},{"version":"37b72d73361a3797bcc7e88d9e4f3ba37728f778fc5ce26c3b73e81de09ba2b3","impliedFormat":1},{"version":"2c91d8366ff2506296191c26fd97cc1990bab3ee22576275d28b654a21261a44","affectsGlobalScope":true,"impliedFormat":1},{"version":"5524481e56c48ff486f42926778c0a3cce1cc85dc46683b92b1271865bcf015a","impliedFormat":1},{"version":"0b1866fb3c7f6860eff15df08824c22453136358465b30ecbcbb1b786dc62ac2","impliedFormat":1},{"version":"289e9894a4668c61b5ffed09e196c1f0c2f87ca81efcaebdf6357cfb198dac14","impliedFormat":1},{"version":"25a1105595236f09f5bce42398be9f9ededc8d538c258579ab662d509aa3b98e","impliedFormat":1},{"version":"0dace96cc0f7bc6d0ee2044921bdf19fe42d16284dbcc8ae200800d1c9579335","impliedFormat":1},{"version":"a2e2bbde231b65c53c764c12313897ffdfb6c49183dd31823ee2405f2f7b5378","impliedFormat":1},{"version":"ad1cc0ed328f3f708771272021be61ab146b32ecf2b78f3224959ff1e2cd2a5c","impliedFormat":1},{"version":"c64e1888baaa3253ca4405b455e4bf44f76357868a1bd0a52998ade9a092ad78","affectsGlobalScope":true,"impliedFormat":1},{"version":"94d45097aa2cac91ed0da476249a69dccb1d3dd132626ad18eb6002a3e733f3f","impliedFormat":1},{"version":"c6176c7b9f3769ba7f076c7a791588562c653cc0ba08fb2184f87bf78db2a87c","impliedFormat":1},{"version":"8d3f079f853fdcafc015a80c0d7c805965b9bbf594498c9c8a68b2228c4f518d","impliedFormat":1},{"version":"790183a686a857c251597b81d846ddcb2f48291b1660c688db1f71995af2bff2","impliedFormat":1},{"version":"19c56ac845f92bff8e28f9c0c96a23e663b07c0da35f33b904ab86c8ac151bfd","impliedFormat":1},{"version":"bbf42f98a5819f4f06e18c8b669a994afe9a17fe520ae3454a195e6eabf7700d","impliedFormat":1},{"version":"c0bb1b65757c72bbf8ddf7eaa532223bacf58041ff16c883e76f45506596e925","impliedFormat":1},{"version":"c8b85f7aed29f8f52b813f800611406b0bfe5cf3224d20a4bdda7c7f73ce368e","affectsGlobalScope":true,"impliedFormat":1},{"version":"ae55dfb60af917b1b63665200466b8fd7e20d2b01d1b0336b2ce770637cd553e","impliedFormat":1},{"version":"6145728071f93b5d65e85617dbee550ac9fb9943b82b79fc4b5944f80cc2baab","impliedFormat":1},{"version":"76957a6d92b94b9e2852cf527fea32ad2dc0ef50f67fe2b14bd027c9ceef2d86","impliedFormat":1},{"version":"9043daec15206650fa119bad6b8d70136021ea7d52673a71f79a87a42ee38d44","affectsGlobalScope":true,"impliedFormat":1},{"version":"856fb28989bc204dbb69db6b32092b4f31eae13468e85a6561d260cec6ef509d","affectsGlobalScope":true,"impliedFormat":1},{"version":"a58a15da4c5ba3df60c910a043281256fa52d36a0fcdef9b9100c646282e88dd","impliedFormat":1},{"version":"b36beffbf8acdc3ebc58c8bb4b75574b31a2169869c70fc03f82895b93950a12","impliedFormat":1},{"version":"de263f0089aefbfd73c89562fb7254a7468b1f33b61839aafc3f035d60766cb4","impliedFormat":1},{"version":"77fbe5eecb6fac4b6242bbf6eebfc43e98ce5ccba8fa44e0ef6a95c945ff4d98","impliedFormat":1},{"version":"8c81fd4a110490c43d7c578e8c6f69b3af01717189196899a6a44f93daa57a3a","impliedFormat":1},{"version":"1013eb2e2547ad8c100aca52ef9df8c3f209edee32bb387121bb3227f7c00088","impliedFormat":1},{"version":"b827f8800f42858f0a751a605c003b7ab571ff7af184436f36cef9bdfebae808","impliedFormat":1},{"version":"81dd6cd15d79d60f6597dba94328178b87ad3100c9f422cd44b26d087e073ca7","impliedFormat":1},{"version":"37ba7b45141a45ce6e80e66f2a96c8a5ab1bcef0fc2d0f56bb58df96ec67e972","impliedFormat":1},{"version":"125d792ec6c0c0f657d758055c494301cc5fdb327d9d9d5960b3f129aff76093","impliedFormat":1},{"version":"6b306cd4282bbb54d4a6bb23cfb7a271160983dfc38c67b5a132504cfcc34896","affectsGlobalScope":true,"impliedFormat":1},{"version":"ea713aa14a670b1ea0fbaaca4fd204e645f71ca7653a834a8ec07ee889c45de6","impliedFormat":1},{"version":"450172a56b944c2d83f45cc11c9a388ea967cd301a21202aa0a23c34c7506a18","impliedFormat":1},{"version":"9705cd157ffbb91c5cab48bdd2de5a437a372e63f870f8a8472e72ff634d47c1","affectsGlobalScope":true,"impliedFormat":1},{"version":"ae86f30d5d10e4f75ce8dcb6e1bd3a12ecec3d071a21e8f462c5c85c678efb41","impliedFormat":1},{"version":"360a81d6186f9afa88d2bf48d4b3cd900d9592b7aaec1041f2289979ee6b762c","impliedFormat":1},{"version":"e03460fe72b259f6d25ad029f085e4bedc3f90477da4401d8fbc1efa9793230e","impliedFormat":1},{"version":"4286a3a6619514fca656089aee160bb6f2e77f4dd53dc5a96b26a0b4fc778055","impliedFormat":1},{"version":"7dfa742c23851808a77ec27062fbbd381c8c36bb3cfdff46cb8af6c6c233bfc1","affectsGlobalScope":true,"impliedFormat":1},{"version":"cb078cfcd14dc0b1700a48272958f803f30f13f99111c5978c75c3a0aa07e40e","affectsGlobalScope":true,"impliedFormat":1},{"version":"815b8748ccac6343abab8fc5ec0a716049ba023f7eaa3b0aa28f354270662f53","impliedFormat":1},{"version":"781089a6bb37f5c2413897ca0c024e3b21350bae105075829c4de4e9b981d8ea","impliedFormat":1},{"version":"73b0bff83ee76e3a9320e93c7fc15596e858b33c687c39a57567e75c43f2a324","impliedFormat":1},{"version":"3c947600f6f5664cca690c07fcf8567ca58d029872b52c31c2f51d06fbdb581b","affectsGlobalScope":true,"impliedFormat":1},{"version":"493c64d062139b1849b0e9c4c3a6465e1227d2b42be9e26ec577ca728984c041","impliedFormat":1},{"version":"d7e9ab1b0996639047c61c1e62f85c620e4382206b3abb430d9a21fb7bc23c77","impliedFormat":1},{"version":"91b0f6d01993021ecbe01eb076db6a3cf1b66359c1d99104f43436010e81afb5","impliedFormat":1},{"version":"d1bd4e51810d159899aad1660ccb859da54e27e08b8c9862b40cd36c1d9ff00f","impliedFormat":1},{"version":"17ed71200119e86ccef2d96b73b02ce8854b76ad6bd21b5021d4269bec527b5f","impliedFormat":1},{"version":"1cfa8647d7d71cb03847d616bd79320abfc01ddea082a49569fda71ac5ece66b","impliedFormat":1},{"version":"bb7a61dd55dc4b9422d13da3a6bb9cc5e89be888ef23bbcf6558aa9726b89a1c","impliedFormat":1},{"version":"413df52d4ea14472c2fa5bee62f7a40abd1eb49be0b9722ee01ee4e52e63beb2","impliedFormat":1},{"version":"db6d2d9daad8a6d83f281af12ce4355a20b9a3e71b82b9f57cddcca0a8964a96","impliedFormat":1},{"version":"829b9e6028b29e6a8b1c01ddb713efe59da04d857089298fa79acbdb3cfcfdef","impliedFormat":1},{"version":"24f8562308dd8ba6013120557fa7b44950b619610b2c6cb8784c79f11e3c4f90","impliedFormat":1},{"version":"c696aa0753345ae6bdaab0e2d4b2053ee76be5140470860eef7e6cadc9f725a1","impliedFormat":1},{"version":"a86f82d646a739041d6702101afa82dcb935c416dd93cbca7fd754fd0282ce1f","impliedFormat":1},{"version":"57d6ac03382e30e9213641ff4f18cf9402bb246b77c13c8e848c0b1ca2b7ef92","impliedFormat":1},{"version":"ce75b1aebb33d510ff28af960a9221410a3eaf7f18fc5f21f9404075fba77256","impliedFormat":1},{"version":"e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855","impliedFormat":1},{"version":"496bbf339f3838c41f164238543e9fe5f1f10659cb30b68903851618464b98ba","impliedFormat":1},{"version":"5178eb4415a172c287c711dc60a619e110c3fd0b7de01ed0627e51a5336aa09c","impliedFormat":1},{"version":"ca6e5264278b53345bc1ce95f42fb0a8b733a09e3d6479c6ccfca55cdc45038c","impliedFormat":1},{"version":"9e2739b32f741859263fdba0244c194ca8e96da49b430377930b8f721d77c000","impliedFormat":1},{"version":"fb1d8e814a3eeb5101ca13515e0548e112bd1ff3fb358ece535b93e94adf5a3a","impliedFormat":1},{"version":"ffa495b17a5ef1d0399586b590bd281056cee6ce3583e34f39926f8dcc6ecdb5","impliedFormat":1},{"version":"98b18458acb46072947aabeeeab1e410f047e0cacc972943059ca5500b0a5e95","impliedFormat":1},{"version":"361e2b13c6765d7f85bb7600b48fde782b90c7c41105b7dab1f6e7871071ba20","impliedFormat":1},{"version":"c86fe861cf1b4c46a0fb7d74dffe596cf679a2e5e8b1456881313170f092e3fa","impliedFormat":1},{"version":"b6db56e4903e9c32e533b78ac85522de734b3d3a8541bf24d256058d464bf04b","impliedFormat":1},{"version":"24daa0366f837d22c94a5c0bad5bf1fd0f6b29e1fae92dc47c3072c3fdb2fbd5","impliedFormat":1},{"version":"570bb5a00836ffad3e4127f6adf581bfc4535737d8ff763a4d6f4cc877e60d98","impliedFormat":1},{"version":"889c00f3d32091841268f0b994beba4dceaa5df7573be12c2c829d7c5fbc232c","impliedFormat":1},{"version":"65f43099ded6073336e697512d9b80f2d4fec3182b7b2316abf712e84104db00","impliedFormat":1},{"version":"e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855","impliedFormat":1},{"version":"e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855","impliedFormat":1},{"version":"8e609bb71c20b858c77f0e9f90bb1319db8477b13f9f965f1a1e18524bf50881","impliedFormat":1},{"version":"acf5a2ac47b59ca07afa9abbd2b31d001bf7448b041927befae2ea5b1951d9f9","impliedFormat":1},{"version":"8e609bb71c20b858c77f0e9f90bb1319db8477b13f9f965f1a1e18524bf50881","impliedFormat":1},{"version":"d71291eff1e19d8762a908ba947e891af44749f3a2cbc5bd2ec4b72f72ea795f","impliedFormat":1},{"version":"c0480e03db4b816dff2682b347c95f2177699525c54e7e6f6aa8ded890b76be7","impliedFormat":1},{"version":"27ab780875bcbb65e09da7496f2ca36288b0c541abaa75c311450a077d54ec15","impliedFormat":1},{"version":"b620391fe8060cf9bedc176a4d01366e6574d7a71e0ac0ab344a4e76576fcbb8","impliedFormat":1},{"version":"380647d8f3b7f852cca6d154a376dbf8ac620a2f12b936594504a8a852e71d2f","impliedFormat":1},{"version":"208c9af9429dd3c76f5927b971263174aaa4bc7621ddec63f163640cbd3c473c","impliedFormat":1},{"version":"6459054aabb306821a043e02b89d54da508e3a6966601a41e71c166e4ea1474f","impliedFormat":1},{"version":"a23185bc5ef590c287c28a91baf280367b50ae4ea40327366ad01f6f4a8edbc5","impliedFormat":1},{"version":"bb37588926aba35c9283fe8d46ebf4e79ffe976343105f5c6d45f282793352b2","impliedFormat":1},{"version":"002eae065e6960458bda3cf695e578b0d1e2785523476f8a9170b103c709cd4f","impliedFormat":1},{"version":"c83bb0c9c5645a46c68356c2f73fdc9de339ce77f7f45a954f560c7e0b8d5ebb","impliedFormat":1},{"version":"05c97cddbaf99978f83d96de2d8af86aded9332592f08ce4a284d72d0952c391","impliedFormat":1},{"version":"72179f9dd22a86deaad4cc3490eb0fe69ee084d503b686985965654013f1391b","impliedFormat":1},{"version":"2e6114a7dd6feeef85b2c80120fdbfb59a5529c0dcc5bfa8447b6996c97a69f5","impliedFormat":1},{"version":"7b6ff760c8a240b40dab6e4419b989f06a5b782f4710d2967e67c695ef3e93c4","impliedFormat":1},{"version":"c8f004e6036aa1c764ad4ec543cf89a5c1893a9535c80ef3f2b653e370de45e6","impliedFormat":1},{"version":"dd80b1e600d00f5c6a6ba23f455b84a7db121219e68f89f10552c54ba46e4dc9","impliedFormat":1},{"version":"b064c36f35de7387d71c599bfcf28875849a1dbc733e82bd26cae3d1cd060521","impliedFormat":1},{"version":"6a148329edecbda07c21098639ef4254ef7869fb25a69f58e5d6a8b7b69d4236","impliedFormat":1},{"version":"8de9fe97fa9e00ec00666fa77ab6e91b35d25af8ca75dabcb01e14ad3299b150","impliedFormat":1},{"version":"f63ab283a1c8f5c79fabe7ca4ef85f9633339c4f0e822fce6a767f9d59282af2","impliedFormat":1},{"version":"dba114fb6a32b355a9cfc26ca2276834d72fe0e94cd2c3494005547025015369","impliedFormat":1},{"version":"a54c996c8870ef1728a2c1fa9b8eaec0bf4a8001cd2583c02dd5869289465b10","impliedFormat":1},{"version":"3e7efde639c6a6c3edb9847b3f61e308bf7a69685b92f665048c45132f51c218","impliedFormat":1},{"version":"df45ca1176e6ac211eae7ddf51336dc075c5314bc5c253651bae639defd5eec5","impliedFormat":1},{"version":"3754982006a3b32c502cff0867ca83584f7a43b1035989ca73603f400de13c96","impliedFormat":1},{"version":"a30ae9bb8a8fa7b90f24b8a0496702063ae4fe75deb27da731ed4a03b2eb6631","impliedFormat":1},{"version":"f974e4a06953682a2c15d5bd5114c0284d5abf8bc0fe4da25cb9159427b70072","impliedFormat":1},{"version":"50256e9c31318487f3752b7ac12ff365c8949953e04568009c8705db802776fb","impliedFormat":1},{"version":"7d73b24e7bf31dfb8a931ca6c4245f6bb0814dfae17e4b60c9e194a631fe5f7b","impliedFormat":1},{"version":"413586add0cfe7369b64979d4ec2ed56c3f771c0667fbde1bf1f10063ede0b08","impliedFormat":1},{"version":"06472528e998d152375ad3bd8ebcb69ff4694fd8d2effaf60a9d9f25a37a097a","impliedFormat":1},{"version":"50b5bc34ce6b12eccb76214b51aadfa56572aa6cc79c2b9455cdbb3d6c76af1d","impliedFormat":1},{"version":"b7e16ef7f646a50991119b205794ebfd3a4d8f8e0f314981ebbe991639023d0e","impliedFormat":1},{"version":"42c169fb8c2d42f4f668c624a9a11e719d5d07dacbebb63cbcf7ef365b0a75b3","impliedFormat":1},{"version":"a401617604fa1f6ce437b81689563dfdc377069e4c58465dbd8d16069aede0a5","impliedFormat":1},{"version":"e9dd71cf12123419c60dab867d44fbee5c358169f99529121eaef277f5c83531","impliedFormat":1},{"version":"5b6a189ba3a0befa1f5d9cb028eb9eec2af2089c32f04ff50e2411f63d70f25d","impliedFormat":1},{"version":"d6e73f8010935b7b4c7487b6fb13ea197cc610f0965b759bec03a561ccf8423a","impliedFormat":1},{"version":"174f3864e398f3f33f9a446a4f403d55a892aa55328cf6686135dfaf9e171657","impliedFormat":1},{"version":"824c76aec8d8c7e65769688cbee102238c0ef421ed6686f41b2a7d8e7e78a931","impliedFormat":1},{"version":"75b868be3463d5a8cfc0d9396f0a3d973b8c297401d00bfb008a42ab16643f13","impliedFormat":1},{"version":"15a234e5031b19c48a69ccc1607522d6e4b50f57d308ecb7fe863d44cd9f9eb3","impliedFormat":1},{"version":"d682336018141807fb602709e2d95a192828fcb8d5ba06dda3833a8ea98f69e3","impliedFormat":1},{"version":"6124e973eab8c52cabf3c07575204efc1784aca6b0a30c79eb85fe240a857efa","impliedFormat":1},{"version":"0d891735a21edc75df51f3eb995e18149e119d1ce22fd40db2b260c5960b914e","impliedFormat":1},{"version":"3b414b99a73171e1c4b7b7714e26b87d6c5cb03d200352da5342ab4088a54c85","impliedFormat":1},{"version":"4fbd3116e00ed3a6410499924b6403cc9367fdca303e34838129b328058ede40","impliedFormat":1},{"version":"b01bd582a6e41457bc56e6f0f9de4cb17f33f5f3843a7cf8210ac9c18472fb0f","impliedFormat":1},{"version":"0a437ae178f999b46b6153d79095b60c42c996bc0458c04955f1c996dc68b971","impliedFormat":1},{"version":"74b2a5e5197bd0f2e0077a1ea7c07455bbea67b87b0869d9786d55104006784f","impliedFormat":1},{"version":"4a7baeb6325920044f66c0f8e5e6f1f52e06e6d87588d837bdf44feb6f35c664","impliedFormat":1},{"version":"6dcf60530c25194a9ee0962230e874ff29d34c59605d8e069a49928759a17e0a","impliedFormat":1},{"version":"7274fbffbd7c9589d8d0ffba68157237afd5cecff1e99881ea3399127e60572f","impliedFormat":1},{"version":"1a42d2ec31a1fe62fdc51591768695ed4a2dc64c01be113e7ff22890bebb5e3f","impliedFormat":1},{"version":"1a82deef4c1d39f6882f28d275cad4c01f907b9b39be9cbc472fcf2cf051e05b","impliedFormat":1},{"version":"c5426dbfc1cf90532f66965a7aa8c1136a78d4d0f96d8180ecbfc11d7722f1a5","impliedFormat":1},{"version":"65a15fc47900787c0bd18b603afb98d33ede930bed1798fc984d5ebb78b26cf9","impliedFormat":1},{"version":"9d202701f6e0744adb6314d03d2eb8fc994798fc83d91b691b75b07626a69801","impliedFormat":1},{"version":"de9d2df7663e64e3a91bf495f315a7577e23ba088f2949d5ce9ec96f44fba37d","impliedFormat":1},{"version":"c7af78a2ea7cb1cd009cfb5bdb48cd0b03dad3b54f6da7aab615c2e9e9d570c5","impliedFormat":1},{"version":"1ee45496b5f8bdee6f7abc233355898e5bf9bd51255db65f5ff7ede617ca0027","impliedFormat":1},{"version":"0c7c947ff881c4274c0800deaa0086971e0bfe51f89a33bd3048eaa3792d4876","affectsGlobalScope":true,"impliedFormat":1},{"version":"db01d18853469bcb5601b9fc9826931cc84cc1a1944b33cad76fd6f1e3d8c544","affectsGlobalScope":true,"impliedFormat":1},{"version":"a8f8e6ab2fa07b45251f403548b78eaf2022f3c2254df3dc186cb2671fe4996d","affectsGlobalScope":true,"impliedFormat":1},{"version":"fa6c12a7c0f6b84d512f200690bfc74819e99efae69e4c95c4cd30f6884c526e","impliedFormat":1},{"version":"f1c32f9ce9c497da4dc215c3bc84b722ea02497d35f9134db3bb40a8d918b92b","impliedFormat":1},{"version":"b73c319af2cc3ef8f6421308a250f328836531ea3761823b4cabbd133047aefa","affectsGlobalScope":true,"impliedFormat":1},{"version":"e433b0337b8106909e7953015e8fa3f2d30797cea27141d1c5b135365bb975a6","impliedFormat":1},{"version":"15b36126e0089bfef173ab61329e8286ce74af5e809d8a72edcafd0cc049057f","impliedFormat":1},{"version":"ddff7fc6edbdc5163a09e22bf8df7bef75f75369ebd7ecea95ba55c4386e2441","impliedFormat":1},{"version":"106c6025f1d99fd468fd8bf6e5bda724e11e5905a4076c5d29790b6c3745e50c","impliedFormat":1},{"version":"a57b1802794433adec9ff3fed12aa79d671faed86c49b09e02e1ac41b4f1d33a","impliedFormat":1},{"version":"ad10d4f0517599cdeca7755b930f148804e3e0e5b5a3847adce0f1f71bbccd74","impliedFormat":1},{"version":"1042064ece5bb47d6aba91648fbe0635c17c600ebdf567588b4ca715602f0a9d","impliedFormat":1},{"version":"c49469a5349b3cc1965710b5b0f98ed6c028686aa8450bcb3796728873eb923e","impliedFormat":1},{"version":"4a889f2c763edb4d55cb624257272ac10d04a1cad2ed2948b10ed4a7fda2a428","impliedFormat":1},{"version":"7bb79aa2fead87d9d56294ef71e056487e848d7b550c9a367523ee5416c44cfa","impliedFormat":1},{"version":"72d63643a657c02d3e51cd99a08b47c9b020a565c55f246907050d3c8a5e77fb","impliedFormat":1},{"version":"1d415445ea58f8033ba199703e55ff7483c52ac6742075b803bd3e7bbe9f5d61","impliedFormat":1},{"version":"d6406c629bb3efc31aedb2de809bef471e475c86c7e67f3ef9b676b5d7e0d6b2","impliedFormat":1},{"version":"27ff4196654e6373c9af16b6165120e2dd2169f9ad6abb5c935af5abd8c7938c","impliedFormat":1},{"version":"24428762d0c97b44c4784d28eee9556547167c4592d20d542a79243f7ca6a73f","impliedFormat":1},{"version":"8c030e515014c10a2b98f9f48408e3ba18023dfd3f56e3312c6c2f3ae1f55a16","impliedFormat":1},{"version":"dafc31e9e8751f437122eb8582b93d477e002839864410ff782504a12f2a550c","impliedFormat":1},{"version":"754498c5208ce3c5134f6eabd49b25cf5e1a042373515718953581636491f3c3","impliedFormat":1},{"version":"9c82171d836c47486074e4ca8e059735bf97b205e70b196535b5efd40cbe1bc5","impliedFormat":1},{"version":"f56bdc6884648806d34bc66d31cdb787c4718d04105ce2cd88535db214631f82","impliedFormat":1},{"version":"633d58a237f4bb25ec7d565e4ffa32cecdcee8660ac12189c4351c52557cee9e","impliedFormat":1},{"version":"2e4f37ffe8862b14d8e24ae8763daaa8340c0df0b859d9a9733def0eee7562d9","impliedFormat":1},{"version":"13283350547389802aa35d9f2188effaeac805499169a06ef5cd77ce2a0bd63f","impliedFormat":1},{"version":"ce791f6ea807560f08065d1af6014581eeb54a05abd73294777a281b6dfd73c2","impliedFormat":1},{"version":"6ac6715916fa75a1f7ebdfeacac09513b4d904b667d827b7535e84ff59679aff","impliedFormat":1},{"version":"49f95e989b4632c6c2a578cc0078ee19a5831832d79cc59abecf5160ea71abad","impliedFormat":1},{"version":"9666533332f26e8995e4d6fe472bdeec9f15d405693723e6497bf94120c566c8","impliedFormat":1},{"version":"ce0df82a9ae6f914ba08409d4d883983cc08e6d59eb2df02d8e4d68309e7848b","impliedFormat":1},{"version":"796273b2edc72e78a04e86d7c58ae94d370ab93a0ddf40b1aa85a37a1c29ecd7","impliedFormat":1},{"version":"5df15a69187d737d6d8d066e189ae4f97e41f4d53712a46b2710ff9f8563ec9f","impliedFormat":1},{"version":"e17cd049a1448de4944800399daa4a64c5db8657cc9be7ef46be66e2a2cd0e7c","impliedFormat":1},{"version":"43fa6ea8714e18adc312b30450b13562949ba2f205a1972a459180fa54471018","impliedFormat":1},{"version":"6e89c2c177347d90916bad67714d0fb473f7e37fb3ce912f4ed521fe2892cd0d","impliedFormat":1},{"version":"43ba4f2fa8c698f5c304d21a3ef596741e8e85a810b7c1f9b692653791d8d97a","impliedFormat":1},{"version":"4d4927cbee21750904af7acf940c5e3c491b4d5ebc676530211e389dd375607a","impliedFormat":1},{"version":"72105519d0390262cf0abe84cf41c926ade0ff475d35eb21307b2f94de985778","impliedFormat":1},{"version":"8a97e578a9bc40eb4f1b0ca78f476f2e9154ecbbfd5567ee72943bab37fc156a","impliedFormat":1},{"version":"c857e0aae3f5f444abd791ec81206020fbcc1223e187316677e026d1c1d6fe08","impliedFormat":1},{"version":"ccf6dd45b708fb74ba9ed0f2478d4eb9195c9dfef0ff83a6092fa3cf2ff53b4f","impliedFormat":1},{"version":"2d7db1d73456e8c5075387d4240c29a2a900847f9c1bff106a2e490da8fbd457","impliedFormat":1},{"version":"2b15c805f48e4e970f8ec0b1915f22d13ca6212375e8987663e2ef5f0205e832","impliedFormat":1},{"version":"f22d05663d873ee7a600faf78abb67f3f719d32266803440cf11d5db7ac0cab2","impliedFormat":1},{"version":"d93c544ad20197b3976b0716c6d5cd5994e71165985d31dcab6e1f77feb4b8f2","impliedFormat":1},{"version":"35069c2c417bd7443ae7c7cafd1de02f665bf015479fec998985ffbbf500628c","impliedFormat":1},{"version":"a8b1c79a833ee148251e88a2553d02ce1641d71d2921cce28e79678f3d8b96aa","impliedFormat":1},{"version":"126d4f950d2bba0bd45b3a86c76554d4126c16339e257e6d2fabf8b6bf1ce00c","impliedFormat":1},{"version":"7e0b7f91c5ab6e33f511efc640d36e6f933510b11be24f98836a20a2dc914c2d","impliedFormat":1},{"version":"045b752f44bf9bbdcaffd882424ab0e15cb8d11fa94e1448942e338c8ef19fba","impliedFormat":1},{"version":"2894c56cad581928bb37607810af011764a2f511f575d28c9f4af0f2ef02d1ab","impliedFormat":1},{"version":"0a72186f94215d020cb386f7dca81d7495ab6c17066eb07d0f44a5bf33c1b21a","impliedFormat":1},{"version":"2d3cc2211f352f46ea6b7cf2c751c141ffcdf514d6e7ae7ee20b7b6742da313f","impliedFormat":1},{"version":"c75445151ff8b77d9923191efed7203985b1a9e09eccf4b054e7be864e27923d","impliedFormat":1},{"version":"0aedb02516baf3e66b2c1db9fef50666d6ed257edac0f866ea32f1aa05aa474f","impliedFormat":1},{"version":"fa8a8fbf91ee2a4779496225f0312aac6635b0f21aa09cdafa4283fe32d519c5","affectsGlobalScope":true,"impliedFormat":1},{"version":"0e8aef93d79b000deb6ec336b5645c87de167168e184e84521886f9ecc69a4b5","impliedFormat":1},{"version":"56ccb49443bfb72e5952f7012f0de1a8679f9f75fc93a5c1ac0bafb28725fc5f","impliedFormat":1},{"version":"d90b9f1520366d713a73bd30c5a9eb0040d0fb6076aff370796bc776fd705943","impliedFormat":1},{"version":"05321b823dd3781d0b6aac8700bfdc0c9181d56479fe52ba6a40c9196fd661a8","impliedFormat":1},{"version":"736a8712572e21ee73337055ce15edb08142fc0f59cd5410af4466d04beff0f9","affectsGlobalScope":true,"impliedFormat":1},{"version":"bef86adb77316505c6b471da1d9b8c9e428867c2566270e8894d4d773a1c4dc2","impliedFormat":1},{"version":"de7052bfee2981443498239a90c04ea5cc07065d5b9bb61b12cb6c84313ad4ef","impliedFormat":1},{"version":"a3e7d932dc9c09daa99141a8e4800fc6c58c625af0d4bbb017773dc36da75426","impliedFormat":1},{"version":"43e96a3d5d1411ab40ba2f61d6a3192e58177bcf3b133a80ad2a16591611726d","impliedFormat":1},{"version":"4a2edd238d9104eac35b60d727f1123de5062f452b70ed8e0366cb36387dfdfd","impliedFormat":1},{"version":"ca921bf56756cb6fe957f6af693a35251b134fb932dc13f3dfff0bb7106f80b4","impliedFormat":1},{"version":"fee92c97f1aa59eb7098a0cc34ff4df7e6b11bae71526aca84359a2575f313d8","impliedFormat":1},{"version":"0bd0297484aacea217d0b76e55452862da3c5d9e33b24430e0719d1161657225","impliedFormat":1},{"version":"2ab6d334bcbf2aff3acfc4fd8c73ecd82b981d3c3aa47b3f3b89281772286904","impliedFormat":1},{"version":"d07cbc787a997d83f7bde3877fec5fb5b12ce8c1b7047eb792996ed9726b4dde","impliedFormat":1},{"version":"6ac6715916fa75a1f7ebdfeacac09513b4d904b667d827b7535e84ff59679aff","impliedFormat":1},{"version":"4805f6161c2c8cefb8d3b8bd96a080c0fe8dbc9315f6ad2e53238f9a79e528a6","impliedFormat":1},{"version":"b83cb14474fa60c5f3ec660146b97d122f0735627f80d82dd03e8caa39b4388c","impliedFormat":1},{"version":"f374cb24e93e7798c4d9e83ff872fa52d2cdb36306392b840a6ddf46cb925cb6","impliedFormat":1},{"version":"49179c6a23701c642bd99abe30d996919748014848b738d8e85181fc159685ff","impliedFormat":1},{"version":"b73cbf0a72c8800cf8f96a9acfe94f3ad32ca71342a8908b8ae484d61113f647","impliedFormat":1},{"version":"bae6dd176832f6423966647382c0d7ba9e63f8c167522f09a982f086cd4e8b23","impliedFormat":1},{"version":"20865ac316b8893c1a0cc383ccfc1801443fbcc2a7255be166cf90d03fac88c9","impliedFormat":1},{"version":"c9958eb32126a3843deedda8c22fb97024aa5d6dd588b90af2d7f2bfac540f23","impliedFormat":1},{"version":"461d0ad8ae5f2ff981778af912ba71b37a8426a33301daa00f21c6ccb27f8156","impliedFormat":1},{"version":"e927c2c13c4eaf0a7f17e6022eee8519eb29ef42c4c13a31e81a611ab8c95577","impliedFormat":1},{"version":"fcafff163ca5e66d3b87126e756e1b6dfa8c526aa9cd2a2b0a9da837d81bbd72","impliedFormat":1},{"version":"70246ad95ad8a22bdfe806cb5d383a26c0c6e58e7207ab9c431f1cb175aca657","impliedFormat":1},{"version":"f00f3aa5d64ff46e600648b55a79dcd1333458f7a10da2ed594d9f0a44b76d0b","impliedFormat":1},{"version":"772d8d5eb158b6c92412c03228bd9902ccb1457d7a705b8129814a5d1a6308fc","impliedFormat":1},{"version":"45490817629431853543adcb91c0673c25af52a456479588b6486daba34f68bb","impliedFormat":1},{"version":"802e797bcab5663b2c9f63f51bdf67eff7c41bc64c0fd65e6da3e7941359e2f7","impliedFormat":1},{"version":"8b4327413e5af38cd8cb97c59f48c3c866015d5d642f28518e3a891c469f240e","impliedFormat":1},{"version":"8514c62ce38e58457d967e9e73f128eedc1378115f712b9eef7127f7c88f82ae","impliedFormat":1},{"version":"f1289e05358c546a5b664fbb35a27738954ec2cc6eb4137350353099d154fc62","impliedFormat":1},{"version":"4b20fcf10a5413680e39f5666464859fc56b1003e7dfe2405ced82371ebd49b6","impliedFormat":1},{"version":"1d17ba45cfbe77a9c7e0df92f7d95f3eefd49ee23d1104d0548b215be56945ad","impliedFormat":1},{"version":"f7d628893c9fa52ba3ab01bcb5e79191636c4331ee5667ecc6373cbccff8ae12","impliedFormat":1},{"version":"5b2323ca2d1bd97e1f32f09452908e015b012e0e4f958f649cbe0c8989a3fb4f","impliedFormat":1},{"version":"9f5a0f3ed33e363b7393223ba4f4af15c13ce94fe3dbdaa476afd2437553a7dd","impliedFormat":1},{"version":"46273e8c29816125d0d0b56ce9a849cc77f60f9a5ba627447501d214466f0ff3","impliedFormat":1},{"version":"d663134457d8d669ae0df34eabd57028bddc04fc444c4bc04bc5215afc91e1f4","impliedFormat":1},{"version":"985153f0deb9b4391110331a2f0c114019dbea90cba5ca68a4107700796e0d75","impliedFormat":1},{"version":"3af3584f79c57853028ef9421ec172539e1fe01853296dc05a9d615ade4ffaf6","impliedFormat":1},{"version":"f82579d87701d639ff4e3930a9b24f4ee13ca74221a9a3a792feb47f01881a9c","impliedFormat":1},{"version":"d7e5d5245a8ba34a274717d085174b2c9827722778129b0081fefd341cca8f55","impliedFormat":1},{"version":"d9d32f94056181c31f553b32ce41d0ef75004912e27450738d57efcd2409c324","impliedFormat":1},{"version":"752513f35f6cff294ffe02d6027c41373adf7bfa35e593dbfd53d95c203635ee","impliedFormat":1},{"version":"6c800b281b9e89e69165fd11536195488de3ff53004e55905e6c0059a2d8591e","impliedFormat":1},{"version":"7d4254b4c6c67a29d5e7f65e67d72540480ac2cfb041ca484847f5ae70480b62","impliedFormat":1},{"version":"1a7e2ea171726446850ec72f4d1525d547ff7e86724cc9e7eec509725752a758","impliedFormat":1},{"version":"8c901126d73f09ecdea4785e9a187d1ac4e793e07da308009db04a7283ec2f37","impliedFormat":1},{"version":"db97922b767bd2675fdfa71e08b49c38b7d2c847a1cc4a7274cb77be23b026f1","impliedFormat":1},{"version":"aab290b8e4b7c399f2c09b957666fc95335eb4522b2dd9ead1bf0cb64da6d6ee","impliedFormat":1},{"version":"94fe3281392e1015b22f39535878610b4fa6f1388dc8d78746be3bc4e4bb8950","impliedFormat":1},{"version":"2652448ac55a2010a1f71dd141f828b682298d39728f9871e1cdf8696ef443fd","impliedFormat":1},{"version":"06c25ddfc2242bd06c19f66c9eae4c46d937349a267810f89783680a1d7b5259","impliedFormat":1},{"version":"120599fd965257b1f4d0ff794bc696162832d9d8467224f4665f713a3119078b","impliedFormat":1},{"version":"5433f33b0a20300cca35d2f229a7fc20b0e8477c44be2affeb21cb464af60c76","impliedFormat":1},{"version":"db036c56f79186da50af66511d37d9fe77fa6793381927292d17f81f787bb195","impliedFormat":1},{"version":"bd4131091b773973ca5d2326c60b789ab1f5e02d8843b3587effe6e1ea7c9d86","impliedFormat":1},{"version":"c7f6485931085bf010fbaf46880a9b9ec1a285ad9dc8c695a9e936f5a48f34b4","impliedFormat":1},{"version":"14f6b927888a1112d662877a5966b05ac1bf7ed25d6c84386db4c23c95a5363b","impliedFormat":1},{"version":"6ac6715916fa75a1f7ebdfeacac09513b4d904b667d827b7535e84ff59679aff","impliedFormat":1},{"version":"0427df5c06fafc5fe126d14b9becd24160a288deff40e838bfbd92a35f8d0d00","impliedFormat":1},{"version":"90c54a02432d04e4246c87736e53a6a83084357acfeeba7a489c5422b22f5c7a","impliedFormat":1},{"version":"49c346823ba6d4b12278c12c977fb3a31c06b9ca719015978cb145eb86da1c61","impliedFormat":1},{"version":"bfac6e50eaa7e73bb66b7e052c38fdc8ccfc8dbde2777648642af33cf349f7f1","impliedFormat":1},{"version":"92f7c1a4da7fbfd67a2228d1687d5c2e1faa0ba865a94d3550a3941d7527a45d","impliedFormat":1},{"version":"f53b120213a9289d9a26f5af90c4c686dd71d91487a0aa5451a38366c70dc64b","impliedFormat":1},{"version":"83fe880c090afe485a5c02262c0b7cdd76a299a50c48d9bde02be8e908fb4ae6","impliedFormat":1},{"version":"0a372c2d12a259da78e21b25974d2878502f14d89c6d16b97bd9c5017ab1bc12","impliedFormat":1},{"version":"57d67b72e06059adc5e9454de26bbfe567d412b962a501d263c75c2db430f40e","impliedFormat":1},{"version":"6511e4503cf74c469c60aafd6589e4d14d5eb0a25f9bf043dcbecdf65f261972","impliedFormat":1},{"version":"ec1ca97598eda26b7a5e6c8053623acbd88e43be7c4d29c77ccd57abc4c43999","impliedFormat":1},{"version":"6e2261cd9836b2c25eecb13940d92c024ebed7f8efe23c4b084145cd3a13b8a6","impliedFormat":1},{"version":"a67b87d0281c97dfc1197ef28dfe397fc2c865ccd41f7e32b53f647184cc7307","impliedFormat":1},{"version":"771ffb773f1ddd562492a6b9aaca648192ac3f056f0e1d997678ff97dbb6bf9b","impliedFormat":1},{"version":"232f70c0cf2b432f3a6e56a8dc3417103eb162292a9fd376d51a3a9ea5fbbf6f","impliedFormat":1},{"version":"a47e6d954d22dd9ebb802e7e431b560ed7c581e79fb885e44dc92ed4f60d4c07","impliedFormat":1},{"version":"f019e57d2491c159d47a107fd90219a1734bdd2e25cd8d1db3c8fae5c6b414c4","impliedFormat":1},{"version":"8a0e762ceb20c7e72504feef83d709468a70af4abccb304f32d6b9bac1129b2c","impliedFormat":1},{"version":"d1c9bf292a54312888a77bb19dba5e2503ad803f5393beafd45d78d2f4fe9b48","impliedFormat":1},{"version":"9252d498a77517aab5d8d4b5eb9d71e4b225bbc7123df9713e08181de63180f6","impliedFormat":1},{"version":"552bfa10434c2a8f6415899c51dd816dd6845ef7ec01e15cdf053aa46d002e57","impliedFormat":1},{"version":"35e6379c3f7cb27b111ad4c1aa69538fd8e788ab737b8ff7596a1b40e96f4f90","impliedFormat":1},{"version":"1fffe726740f9787f15b532e1dc870af3cd964dbe29e191e76121aa3dd8693f2","impliedFormat":1},{"version":"3be035da7bee86b4c3abf392e0edaa44fc6e45092995eefe36b39118c8a84068","affectsGlobalScope":true,"impliedFormat":1},{"version":"8f828825d077c2fa0ea606649faeb122749273a353daab23924fe674e98ba44c","impliedFormat":1},{"version":"2896c2e673a5d3bd9b4246811f79486a073cbb03950c3d252fba10003c57411a","impliedFormat":1},{"version":"616775f16134fa9d01fc677ad3f76e68c051a056c22ab552c64cc281a9686790","impliedFormat":1},{"version":"65c24a8baa2cca1de069a0ba9fba82a173690f52d7e2d0f1f7542d59d5eb4db0","impliedFormat":1},{"version":"f9fe6af238339a0e5f7563acee3178f51db37f32a2e7c09f85273098cee7ec49","impliedFormat":1},{"version":"407a06ba04eede4074eec470ecba2784cbb3bf4e7de56833b097dd90a2aa0651","impliedFormat":1},{"version":"77e71242e71ebf8528c5802993697878f0533db8f2299b4d36aa015bae08a79c","impliedFormat":1},{"version":"98a787be42bd92f8c2a37d7df5f13e5992da0d967fab794adbb7ee18370f9849","impliedFormat":1},{"version":"5c96bad5f78466785cdad664c056e9e2802d5482ca5f862ed19ba34ffbb7b3a4","impliedFormat":1},{"version":"b7fff2d004c5879cae335db8f954eb1d61242d9f2d28515e67902032723caeab","impliedFormat":1},{"version":"5f3dc10ae646f375776b4e028d2bed039a93eebbba105694d8b910feebbe8b9c","impliedFormat":1},{"version":"bb0cd7862b72f5eba39909c9889d566e198fcaddf7207c16737d0c2246112678","impliedFormat":1},{"version":"4545c1a1ceca170d5d83452dd7c4994644c35cf676a671412601689d9a62da35","impliedFormat":1},{"version":"320f4091e33548b554d2214ce5fc31c96631b513dffa806e2e3a60766c8c49d9","impliedFormat":1},{"version":"a2d648d333cf67b9aeac5d81a1a379d563a8ffa91ddd61c6179f68de724260ff","impliedFormat":1},{"version":"d90d5f524de38889d1e1dbc2aeef00060d779f8688c02766ddb9ca195e4a713d","impliedFormat":1},{"version":"a3f41ed1b4f2fc3049394b945a68ae4fdefd49fa1739c32f149d32c0545d67f5","impliedFormat":1},{"version":"bad68fd0401eb90fe7da408565c8aee9c7a7021c2577aec92fa1382e8876071a","impliedFormat":1},{"version":"47699512e6d8bebf7be488182427189f999affe3addc1c87c882d36b7f2d0b0e","impliedFormat":1},{"version":"fec01479923e169fb52bd4f668dbeef1d7a7ea6e6d491e15617b46f2cacfa37d","impliedFormat":1},{"version":"8a8fb3097ba52f0ae6530ec6ab34e43e316506eb1d9aa29420a4b1e92a81442d","impliedFormat":1},{"version":"44e09c831fefb6fe59b8e65ad8f68a7ecc0e708d152cfcbe7ba6d6080c31c61e","impliedFormat":1},{"version":"1c0a98de1323051010ce5b958ad47bc1c007f7921973123c999300e2b7b0ecc0","impliedFormat":1},{"version":"4655709c9cb3fd6db2b866cab7c418c40ed9533ce8ea4b66b5f17ec2feea46a9","impliedFormat":1},{"version":"87affad8e2243635d3a191fa72ef896842748d812e973b7510a55c6200b3c2a4","impliedFormat":1},{"version":"ad036a85efcd9e5b4f7dd5c1a7362c8478f9a3b6c3554654ca24a29aa850a9c5","impliedFormat":1},{"version":"fedebeae32c5cdd1a85b4e0504a01996e4a8adf3dfa72876920d3dd6e42978e7","impliedFormat":1},{"version":"3eecb25bb467a948c04874d70452b14ae7edb707660aac17dc053e42f2088b00","impliedFormat":1},{"version":"cdf21eee8007e339b1b9945abf4a7b44930b1d695cc528459e68a3adc39a622e","impliedFormat":1},{"version":"330896c1a2b9693edd617be24fbf9e5895d6e18c7955d6c08f028f272b37314d","impliedFormat":1},{"version":"1d9c0a9a6df4e8f29dc84c25c5aa0bb1da5456ebede7a03e03df08bb8b27bae6","impliedFormat":1},{"version":"84380af21da938a567c65ef95aefb5354f676368ee1a1cbb4cae81604a4c7d17","impliedFormat":1},{"version":"1af3e1f2a5d1332e136f8b0b95c0e6c0a02aaabd5092b36b64f3042a03debf28","impliedFormat":1},{"version":"30d8da250766efa99490fc02801047c2c6d72dd0da1bba6581c7e80d1d8842a4","impliedFormat":1},{"version":"03566202f5553bd2d9de22dfab0c61aa163cabb64f0223c08431fb3fc8f70280","impliedFormat":1},{"version":"5f0292a40df210ab94b9fb44c8b775c51e96777e14e073900e392b295ca1061b","impliedFormat":1},{"version":"bc9ee0192f056b3d5527bcd78dc3f9e527a9ba2bdc0a2c296fbc9027147df4b2","impliedFormat":1},{"version":"8627ad129bcf56e82adff0ab5951627c993937aa99f5949c33240d690088b803","impliedFormat":1},{"version":"1de80059b8078ea5749941c9f863aa970b4735bdbb003be4925c853a8b6b4450","impliedFormat":1},{"version":"1d079c37fa53e3c21ed3fa214a27507bda9991f2a41458705b19ed8c2b61173d","impliedFormat":1},{"version":"5bf5c7a44e779790d1eb54c234b668b15e34affa95e78eada73e5757f61ed76a","impliedFormat":1},{"version":"5835a6e0d7cd2738e56b671af0e561e7c1b4fb77751383672f4b009f4e161d70","impliedFormat":1},{"version":"5c634644d45a1b6bc7b05e71e05e52ec04f3d73d9ac85d5927f647a5f965181a","impliedFormat":1},{"version":"4b7f74b772140395e7af67c4841be1ab867c11b3b82a51b1aeb692822b76c872","impliedFormat":1},{"version":"27be6622e2922a1b412eb057faa854831b95db9db5035c3f6d4b677b902ab3b7","impliedFormat":1},{"version":"a68d4b3182e8d776cdede7ac9630c209a7bfbb59191f99a52479151816ef9f9e","impliedFormat":99},{"version":"39644b343e4e3d748344af8182111e3bbc594930fff0170256567e13bbdbebb0","impliedFormat":99},{"version":"ed7fd5160b47b0de3b1571c5c5578e8e7e3314e33ae0b8ea85a895774ee64749","impliedFormat":99},{"version":"63a7595a5015e65262557f883463f934904959da563b4f788306f699411e9bac","impliedFormat":1},{"version":"ecbaf0da125974be39c0aac869e403f72f033a4e7fd0d8cd821a8349b4159628","impliedFormat":1},{"version":"4ba137d6553965703b6b55fd2000b4e07ba365f8caeb0359162ad7247f9707a6","impliedFormat":1},{"version":"ceec3c81b2d81f5e3b855d9367c1d4c664ab5046dff8fd56552df015b7ccbe8f","affectsGlobalScope":true,"impliedFormat":1},{"version":"8fac4a15690b27612d8474fb2fc7cc00388df52d169791b78d1a3645d60b4c8b","affectsGlobalScope":true,"impliedFormat":1},{"version":"064ac1c2ac4b2867c2ceaa74bbdce0cb6a4c16e7c31a6497097159c18f74aa7c","impliedFormat":1},{"version":"3dc14e1ab45e497e5d5e4295271d54ff689aeae00b4277979fdd10fa563540ae","impliedFormat":1},{"version":"1d63055b690a582006435ddd3aa9c03aac16a696fac77ce2ed808f3e5a06efab","impliedFormat":1},{"version":"b789bf89eb19c777ed1e956dbad0925ca795701552d22e68fd130a032008b9f9","impliedFormat":1},"f4e8976c19fc926644d72610bf1058bd6bf52add97e46a02bc0b912a751625c0",{"version":"c6d6d48c7dab06975e3c780211f1b7cfe4d4aaef85dbfc654f9138ed432ee84d","signature":"e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855"},{"version":"e87a92a5ac8382a394be15d759c11dea8bd82f6e4590d351cd04e7126612fc2a","signature":"8b347a0936aadf8145be4d86ba444b9e0e366a5f56b69499254577bbce6d7bdd"},{"version":"bb29f8d91cd2cd51ae3d640426189a818567a659f1114660f843cf8bcd51a88f","signature":"8e47bc8f65e03f419590056dad0a37eb5e617a7547fcac048ad1160dd799e481"},{"version":"e1f88acade63b33fd4b7827335fcef8c9b4677824971fa58ad7b0fbf5bc52c9d","signature":"1732d756b77d0be50eb74d6599cc688d7e0c84dd28fdfa7c9b174403ee15a073"},{"version":"73a0ee6395819b063df4b148211985f2e1442945c1a057204cf4cf6281760dc3","affectsGlobalScope":true,"impliedFormat":1},{"version":"d05d8c67116dceafc62e691c47ac89f8f10cf7313cd1b2fb4fe801c2bf1bb1a7","impliedFormat":1},{"version":"3c5bb5207df7095882400323d692957e90ec17323ccff5fd5f29a1ecf3b165d0","impliedFormat":1},{"version":"f9800ee41019d4c7612364fd1eb3862dd535166959e139c8e54c61c421fdb799","impliedFormat":1},{"version":"5ca304fec79973de875ecd1de44cb90568d3a979692383cdacca51b703018e87","impliedFormat":1},{"version":"9ff563d7e595f1596d95b1c7349c62283ca1627c6d48a56d1664b5290db24154","signature":"4b98e73314e7731e4923a5456e0447af78f84b4cc7b8a6e9add74863e93dce74"},{"version":"746cc4bf4925c62ea88cfe3c787e45b74bd1d69d5eb90f8fb63cc32eb6b85a43","signature":"05351bb447fbf680821114102f0e1d66f6ba6f2054ebabdc8f80b0eedcf56696"},{"version":"7fa03b3a8a1d25ecdae540faab76ff764e3a9a2d24b09573d6d0ec97d515db80","signature":"7c8c54a5256cb6881d8dee159c210a2adf1dfafdc8e4c063c4d94ad39e053eab"},{"version":"6b9cdd27499cca3ee218979e6a64888c03831fc15a4357f13ba47c15deb73277","signature":"69ba6f2a117cb4250ab2520e66c765709804e48e06a688f692d25505d2aa31dd"},{"version":"ad0936f84f1df79d3697bfbff9c18f8ad58431c1cbaf2359c6a853b0fcc9f28b","signature":"32f7c168ee545e9b432d2a861f4fb0bc645e21e88c774cedf54e72d1e3ccc049"},{"version":"1e96c25ac313579df875d03764effe503a2f9b3f07662ca3f97f190afab70650","signature":"7799a9da4c1e21c8e91fd6e5bac1dc5c6d560818622db3c150dee93d756efc34"},{"version":"fce15c087a8873edefbcbd22a69b034c554be46bf84392e6eb44499d310f6c98","signature":"b6527c60d505b2274284c89349794222e30b542254a92ef61973d34a10cba9fe"},{"version":"ef73bcfef9907c8b772a30e5a64a6bd86a5669cba3d210fcdcc6b625e3312459","impliedFormat":1},{"version":"8b15d05f236e8537d3ecbe4422ce46bf0de4e4cd40b2f909c91c5818af4ff17a","impliedFormat":1},{"version":"c0adf27efbfa148d5abcf99e860f8e3e6c8fc77a1f99e023c08ef4f12e6ece29","signature":"512960c0e955a2324b34354dac25e3e4d431a1af4cd33077935eda5e95c8b7e1"},{"version":"f684f2969931de8fb9a5164f8c8f51aaea4025f4eede98406a17642a605c2842","impliedFormat":1},{"version":"f6dcd3a76cc012cc9aa3190d1559e6d7947a4c3c3e47ef8aaa845a77ff0f16bd","signature":"8cfda9502b321c9059ffb93874879ba2c993a78a49ac32a303baee7e2360d412"},{"version":"3d7572343e8c9fdfd6b30317b9fce6ea7d62acfce6e31f2b58214ee36380616e","signature":"f761e8fc96ca97a37711c3dae35022393d2b5278148a08295aef7f1404d5feb8"},{"version":"f0f25081340bd1249fbc13263ab10da6c9af89d01563a0d37232d6dce9a444ca","signature":"6aeee96396277a6f7a080d1fcfe057ee988c4035531d1a9b4e733b2a365c693e"},{"version":"380b919bfa0516118edaf25b99e45f855e7bc3fd75ce4163a1cfe4a666388804","impliedFormat":1},{"version":"0b24a72109c8dd1b41f94abfe1bb296ba01b3734b8ac632db2c48ffc5dccaf01","impliedFormat":1},{"version":"fcf79300e5257a23ed3bacaa6861d7c645139c6f7ece134d15e6669447e5e6db","impliedFormat":1},{"version":"187119ff4f9553676a884e296089e131e8cc01691c546273b1d0089c3533ce42","impliedFormat":1},{"version":"aa2c18a1b5a086bbcaae10a4efba409cc95ba7287d8cf8f2591b53704fea3dea","impliedFormat":1},{"version":"b88749bdb18fc1398370e33aa72bc4f88274118f4960e61ce26605f9b33c5ba2","impliedFormat":1},{"version":"0aaef8cded245bf5036a7a40b65622dd6c4da71f7a35343112edbe112b348a1e","impliedFormat":1},{"version":"00baffbe8a2f2e4875367479489b5d43b5fc1429ecb4a4cc98cfc3009095f52a","impliedFormat":1},{"version":"a873c50d3e47c21aa09fbe1e2023d9a44efb07cc0cb8c72f418bf301b0771fd3","impliedFormat":1},{"version":"7c14ccd2eaa82619fffc1bfa877eb68a012e9fb723d07ee98db451fadb618906","impliedFormat":1},{"version":"49c36529ee09ea9ce19525af5bb84985ea8e782cb7ee8c493d9e36d027a3d019","impliedFormat":1},{"version":"df996e25faa505f85aeb294d15ebe61b399cf1d1e49959cdfaf2cc0815c203f9","impliedFormat":1},{"version":"4f6a12044ee6f458db11964153830abbc499e73d065c51c329ec97407f4b13dd","impliedFormat":1},{"version":"ae4bf166f8ae4b2c583aec27206b2cc576dafc1abe9529aa705e0bf7a00f997b","impliedFormat":1},{"version":"f5f9cb6f4deba90c3cbc49220ba5c8970459ee3537afac8dd070e8f63e2f8790","signature":"bdb9807ba754500c655b1606b68fd7644d66c193c36c2b66c476c037f2f2c3ea"},{"version":"57b39f91273ffb4b0b58d6f439ed04c726d1c0b58fec75b991bc8e79a719bae7","signature":"12351856dea2f1b190f2fdaf10af3463ec2dac99aa7dea8558fae56a64d59bc9"},{"version":"b6ffa06c4ba2a456010074a2c90dbe7d996ad51bd8ad5ef1b9a444ca4948417a","signature":"6fef7a64a43ab1190f2b9639e77ad0a2579de3b6fea7fd0260533ec0c09e2c5c"},{"version":"0c5f112b6d3377b9e8214d8920e1a69d8098b881d941f2ab3ca45234d13d68de","impliedFormat":1},{"version":"a5d01df2b5d998f9ca2e42672020245341bffe2a1d4d43bf5532f8087fc5005c","signature":"ab6461d26f28c30dde46b3bbcc70a9fecdaddcaaa02a7d444e9ef306a9eaaf1f"},{"version":"c0131e1578125610bcb8caa2f2f7313e58912d7beb2b3531b94a9a62ce7ebcf5","signature":"111cc4ea059f92db82f26600fd6fd9b38c44414a0d08accbb94c5175629b06b8"},{"version":"fd624f7d7b264922476685870f08c5e1c6d6a0f05dee2429a9747b41f6b699d4","affectsGlobalScope":true,"impliedFormat":1},{"version":"3f425f99f8dbc920370d86c5b7ebff7b2a710fd991b012559d35f9e4adee1661","impliedFormat":1},{"version":"1ad191863b99a80efa56eab1a724da76641fa0a31333dbdb1dca4e6bd182309a","impliedFormat":1},{"version":"2270cf0bacf7d694e3047c8fa13873b7025e6ddfa0f7b63acee44c1e9927bcc0","impliedFormat":1},{"version":"8ffc8385762a724b7eebfa8317152bfba4512168d6d906f1a9698a9a6038b47b","impliedFormat":1},{"version":"cfff1509be4fd735a305637de296711313d8660644b766c4e6b603baf7149b12","impliedFormat":1},{"version":"4535531d0b0bba5cfb0917f13f9d4a50cea4239895de55c02b0f6bc3f3eb646d","impliedFormat":1},{"version":"797ed7a333103aa45a7cebfaf9a04454b59a22a7faf2e9f5a743d9ee44cd8024","impliedFormat":1},{"version":"3cb7cceea4cf68d02e5eba1f412ef0706ba60fbefd8a9c5f3a839bfa35857967","impliedFormat":1},{"version":"3042247c61fa9d67ff654424d9864e2dc7b9ff080540b960cbcdba18002a375a","impliedFormat":1},{"version":"3e0b0c20c7c314d9278c0b6b08b8d84f4552fb4acbb641ddc33deb35dc54f723","impliedFormat":1},{"version":"2d3b3589a50def08e636031988f1344d7c26f1b6bbf3b0e0078922a6770d9bb1","impliedFormat":1},{"version":"92e8887e25fd27cacf0bd6b84d388536ff843d46e2eee88a1659369a19bf6453","impliedFormat":1},{"version":"08f2ee0e58420657f003cb53c801e3bbb08de2d0a3f4cb77ea8cf6f3675f3722","impliedFormat":1},{"version":"2ab874598ce7f5b3f693ce4e2de5647944845c50396b147f8a5f7c7d06dc0bc7","impliedFormat":1},{"version":"fc02a0675473c0fe3f528753abb9328a04122f4204856202b26c1ebaa35fb9e5","impliedFormat":1},{"version":"110afe66c4206c0a14e9777d421db05c1b77fbe1736c4bcde21cb98daa147116","impliedFormat":1},{"version":"a623ad0abc212091a2307c131f1c7711f5d38e3f8c1ddb1c3bc9c0eec212d213","impliedFormat":1},{"version":"09c17c97eea458ebbabe6829c89d2e39e14b0f552e2a0edccd8dfcfb073a9224","impliedFormat":1},{"version":"344f2a247086a9f0da967f57fb771f1a2bcc53ef198e6f1293ef9c6073eb93e8","impliedFormat":1},{"version":"86e96c0b147a9bc378c5e3522156e4ad1334443edb6196b6e2c72ec98e9f7802","impliedFormat":1},{"version":"5ec92337be24b714732dbb7f4fa72008e92c890b0096a876b8481999f58d7c79","impliedFormat":1},{"version":"97f3c7370f9a2e28c695893b0109df679932a1cde3c1424003d92581f1b8dda7","impliedFormat":1},{"version":"d50a158fc581be7b1c51253ad33cb29c0a8ce3c42ca38775ffadf104c36376d0","impliedFormat":1},{"version":"1f2cdbf59d0b7933678a64ac26ae2818c48ff9ebf93249dde775dc3e173e16bf","impliedFormat":1},{"version":"62d5bea6d7dd2e9753fb9e0e47a6f401a43a51a3a36fe5082a0a5c200588754c","impliedFormat":1},{"version":"8fcc8b86f321e4c54820f57ccd0dcbeb0290c14bc05192fea8a096b0fc2be220","impliedFormat":1},{"version":"a4e0582d077bc6d43c39b60ddb23445c90981540240146e78b41cef285ae26c4","impliedFormat":1},{"version":"d511b029eaee4f1ec172e75357e21295c9d99690e6d834326bccd16d1a7a8527","impliedFormat":1},{"version":"89d63fe39f7262f62364de0a99c6be23b9b99841d4d22dee3720e7fd9982bb3d","impliedFormat":1},{"version":"d37b3eade1a85e9f19a397f790c8a6184ae61efafa97371a1ddff09923727ae7","impliedFormat":1},{"version":"c876fb242f4dc701f441c984a2136bee5faf52f90244cdc83074104a8fa7d89a","impliedFormat":1},{"version":"7c4ac500234a10250dd2cfa59f4507f27d4dcc0b69551a4310184a165d75c15e","impliedFormat":1},{"version":"97c3a26c493f08edc5df878a8c6ca53379c320ff1198c2edbb48ab4102ad7559","impliedFormat":1},{"version":"cd6aac9f28db710970181cfe3031b602afeec8df62067c632306fc3abd967d0f","impliedFormat":1},{"version":"03fffbdf01b82805127603c17065f0e6cd79d81e055ec2ed44666072e5a39aae","impliedFormat":1},{"version":"04af3a1ba7fad31f2ba9b421414a37ece8390fd818cc1de7737ccd3ef80f8381","impliedFormat":1},{"version":"9a72a659fa7e62ce142c585e0cc814004948d103b969e1971c92c3dfaffda46c","impliedFormat":1},{"version":"5a776b3003be0c9a9787b16cec55ab073c508bbe6ffa8e7c06e5ba145c85d054","impliedFormat":1},{"version":"5868cb5a3c2ec960f1380e814345287c7237d3cc21f18c3951011505c7cb2a76","impliedFormat":1},{"version":"2e45f48aa48512f8cd8872cbf6d3bde5d08acb894411287b85f637ddceeac140","impliedFormat":1},{"version":"3aaaf6f2f5eaf5fd88054937eece8704c261fad2224e687cef68c25c01c2d83e","impliedFormat":1},{"version":"71ed61999a29f4614f62ce5660cd3e363ae88a7908c70de794363bfc4c1e50eb","impliedFormat":1},{"version":"23b2cffed3afc85358c44bb5b85e9d59b78a245732fd573633b3df15b6bdcbbb","impliedFormat":1},{"version":"f9ca07d4177705fc92b1322d756c4b976c00f6e745c198f13b9c5774a6288a9b","impliedFormat":1},{"version":"f0974cf5c7df952d128503f08d079678023d49efa1b16bc83ccfd5ae22bd402a","impliedFormat":1},{"version":"72695932ff1704ba58de83ad6e8fa78612d6537245a794d08043b71f338c3878","impliedFormat":1},{"version":"c7cfa655e06288327e6c5638ac940098cd6e48a6b07f2bd99a57f5f5958532b0","impliedFormat":1},{"version":"f0b187ac7be814cc6377ca2c807214db3db5a69daa840199663fcd38f260772d","signature":"e3d5d0de93127c2fe6cebb81537affdc6235887e446001fc255f036d951a28ac"},{"version":"ca319b3b4e8c9c09d27bf3f3c4051bd56a4dc76977cc7a4daf5ad697ec9d605e","impliedFormat":1},{"version":"abc162795ad6bf4fc3cf77dd02839ecfb12db1e3d81f817802caa1ce2997b233","impliedFormat":1},{"version":"b2d0630483bf337ef9dac326c3334a245aa4946e9f60f12baf7da5be44beafbb","impliedFormat":1},{"version":"5511d10f5955ddf1ba0df5be8a868c22c4c9b52ba6c23fef68cdbd25c8531ed5","impliedFormat":1},{"version":"61f41da9aaa809e5142b1d849d4e70f3e09913a5cb32c629bf6e61ef27967ff7","impliedFormat":1},{"version":"da0195f35a277ff34bb5577062514ce75b7a1b12f476d6be3d4489e26fcf00d8","impliedFormat":1},{"version":"0fdd32135a5a990ce5f3c4439249e4635e2d439161cfad2b00d1c88673948b5e","impliedFormat":1},{"version":"4bf386c871996a1b4da46fc597d3c16a1f3ddae19527c1551edd833239619219","impliedFormat":1},{"version":"c3ad993d4903afc006893e88e7ad2bae164e7137f7cd2a0ef1648ff4df4a2490","impliedFormat":1},{"version":"feaf45e9cfacd68dfdf466a0e0c2c6fa148cccf41e14a458c4d0424af7e94dfb","impliedFormat":1},{"version":"d33bf1137240c5d0b1949f121aed548bc05e644bb77fdc0070bf716d04491eb9","impliedFormat":1},{"version":"dbc614c36021e3813a771b426f2522a1dd3641d1fc137f99a145cb499da1b8c3","impliedFormat":1},{"version":"d2194a2e7680ad3c2d9a75391ba0b0179818ca1dc4abed6caac815a7513c7913","impliedFormat":1},{"version":"601bf048b074ce1238a426bccd1970330b30297b1a5e063b5910750c631994f1","impliedFormat":1},{"version":"0fc1fb55c2de7daac4f2378f0a5993ad9c369f6e449a9c87c604c2e78f00f12b","impliedFormat":1},{"version":"7082184f76e40fcf9562beb1c3d74f3441091501bd4bf4469fe6ced570664b09","impliedFormat":1},{"version":"6be1912935b6e4430e155de14077a6b443254a4e79a0b836484f6b2d510f6ff1","impliedFormat":1},{"version":"53fcbb53dd3b8a4ec74ba7903d1fd15d7f5d4ee8143022825ff0025dc5a7b2b0","signature":"4bbb2caf6cbe9f0da4a054707c7558044118d76386c727544874f294ff66ad6e"},{"version":"4c177fffdac35a2198808277cdf55ad5570fa3ffdcd2f64a5888c77c257e5a80","signature":"b3c4c12eff76c108444c3120caaacee0aa5fe478dad25ecf12546fe4b36a4415"},{"version":"7c0dbc0bfc877f969bdbeb215e667fe4271ef5044e3f82aa2c9c057d581a6a1e","affectsGlobalScope":true},{"version":"1dfdec0ec9c299625d20c5cb8f96e2a801c81d91669c6245f520e8734a92fb3d","impliedFormat":1},{"version":"4dcdbdbc992d114e52247e2f960b05cf9d65d3142114bf08552b18938cb3d56b","impliedFormat":1},{"version":"b4fbfaa34aacd768965b0135a0c4e7dbaa055a8a4d6ffe7bedf1786d3dc614de","impliedFormat":1},{"version":"ddb5454371b8da3a72ec536ad319f9f4e0a9851ffa961ae174484296a88a70db","impliedFormat":1},{"version":"fb7c8a2d7e2b50ada1e15b223d3bb83690bd34fd764aa0e009918549e440db1d","impliedFormat":1},{"version":"b4fbfaa34aacd768965b0135a0c4e7dbaa055a8a4d6ffe7bedf1786d3dc614de","impliedFormat":1},{"version":"1fa33d8db2a9d2a7dbfb7a24718cccbcde8364d10cce29b1a7eea4cf3a530cbb","impliedFormat":1},{"version":"b4fbfaa34aacd768965b0135a0c4e7dbaa055a8a4d6ffe7bedf1786d3dc614de","impliedFormat":1},{"version":"9c909c17f69f125976e5c320eded3e693890d21b18cbc4caa246ec4fda260dcd","impliedFormat":1},{"version":"7915d50018073244a9bcb3621e79b8e0ad4eedfb6b053fc945cad60c983bb11b","impliedFormat":1},{"version":"e38d5bb0f0d07c2105b55ae8845df8c8271822186005469796be48c68058ef33","impliedFormat":1},{"version":"b6b5a2bdf48c82b904cc19546af2c25ebfcd6344e036b7be61b76c84e8946fc2","impliedFormat":1},{"version":"790e69dc697b7a56636f87fd912f6114ddef35150c2a8f104546f7d180677e71","impliedFormat":1},{"version":"b4fbfaa34aacd768965b0135a0c4e7dbaa055a8a4d6ffe7bedf1786d3dc614de","impliedFormat":1},{"version":"76a9a60951782f372c9433e34cc12dc540d6dac00cc088598ff7b9d984df7638","affectsGlobalScope":true},{"version":"c887764bb05922dd8a0b723a16c0680bcc1d81a73e36f6d4456f76a34ada5d49","signature":"7518b763c0fe99cd920b158147db1d85f344e40aea4b65b281842a72bcc9c486"},{"version":"e2be4b2e9e852b37cbd86577c4f8b3c8a6edd82bc0a7e94aba5029c8cf6844a3","signature":"2d5fd1b68c095c69a432a456ac289a4571c92bb49e2e38ed98a9fa9defab0271"},{"version":"e44f23a991666cf4e7d284bbac30f5d1b1219e8e8c64b08fdbd22b6c0f4dd7ea","signature":"de4d8a47ab4180fb08aa7852d8c4ce0cf0865bf5366bb0b1210936d584d68149"},{"version":"3c599b7f8056c298936dbc6b62ad879c7e899c02dcecccbc74e254303a6bcb48","signature":"fea504dea6c187b5f96ed9af6c427af069e7ce1577f1c5d2b7e6ee365d888007"},{"version":"6c05d0fcee91437571513c404e62396ee798ff37a2d8bef2104accdc79deb9c0","impliedFormat":1},{"version":"6aa2859da46f726a22040725e684ea964d7469a6b26f1c0a6634bb65e79062b0","impliedFormat":1},{"version":"5f66c7a01967f593e98bd6f21750c22f357acfc2be591b108acc3f9b2a6c5360","signature":"8969487db9f4484b672e2d890ae89ce4404886cd9cd56f3b3ca11eca2389ec0a"},{"version":"2a84339cf863b335edf180e0288eee004ac2d58479ebb062fe85a35a4b07cdec","signature":"a8bc7698448a23bfd7316b1d0d3e51636aa743a2c244b92dada936300010c11b"},{"version":"27b90700f4fa70ba17d85a6ece400300a97717d91479541ebaebfb62cea7f9c1","signature":"f5b5d4d2565e15fa4ea35249f6dfac49afe8d18383b09d6f2732010ea11ff387"},{"version":"934394f6a9241a4fbd8475b6059553b69a6dfd8d47a5ff5f882b24183e45315e","impliedFormat":1},{"version":"a80ec72f5e178862476deaeed532c305bdfcd3627014ae7ac2901356d794fc93","impliedFormat":1},{"version":"2fbe402f0ee5aa8ab55367f88030f79d46211c0a0f342becaa9f648bf8534e9d","impliedFormat":1},{"version":"b94258ef37e67474ac5522e9c519489a55dcb3d4a8f645e335fc68ea2215fe88","impliedFormat":1},{"version":"eb29ad6e5352719c2e93931b35d81a7ef73ed17100ca6cc10e21fe26e973984b","signature":"0a14012116df509f17c32f835af0741bda8a7c82fb323d8172e8855033b21341"},{"version":"a9373d52584b48809ffd61d74f5b3dfd127da846e3c4ee3c415560386df3994b","impliedFormat":1},{"version":"caf4af98bf464ad3e10c46cf7d340556f89197aab0f87f032c7b84eb8ddb24d9","impliedFormat":1},{"version":"7ec047b73f621c526468517fea779fec2007dd05baa880989def59126c98ef79","impliedFormat":1},{"version":"6b5f886fe41e2e767168e491fe6048398ed6439d44e006d9f51cc31265f08978","impliedFormat":1},{"version":"56a87e37f91f5625eb7d5f8394904f3f1e2a90fb08f347161dc94f1ae586bdd0","impliedFormat":1},{"version":"6b863463764ae572b9ada405bf77aac37b5e5089a3ab420d0862e4471051393b","impliedFormat":1},{"version":"904d6ad970b6bd825449480488a73d9b98432357ab38cf8d31ffd651ae376ff5","impliedFormat":1},{"version":"233267a4a036c64aee95f66a0d31e3e0ef048cccc57dd66f9cf87582b38691e4","impliedFormat":1},{"version":"ce5fb80f7e44be9cb7c0e7bf2e98a598e1c2989c2ba385a504fb892e62ba9f4e","signature":"a1e2bb9a93b57b910afd329b213900591aad5fb62a1f9372185bc7dc39d0a89e"},{"version":"c5e6064a3c3db086f7b1dd1664bd067c1aa54528490a5edd88f706a9587ddece","signature":"bb91185459fca0753af7c2014fd56a6f3a4f51691285d46bdae082af20575018"},{"version":"c64547a6c44f204c95241c8bd508f78ee8821f5856956dc6c9b8f7fe98e1c101","impliedFormat":1},{"version":"56b7fd30208addbcc2468cfda4f5bc0a55342211deaab61ee35b1c352b1622f1","signature":"fe4ceb08d9067ccba5e917a320e68f5b6c3e371eeb6cfc352a1035b278585100"},{"version":"9c580c6eae94f8c9a38373566e59d5c3282dc194aa266b23a50686fe10560159","impliedFormat":1},{"version":"e9dddbd8dbbc0eccd683306481b0f0bbc8e2b60ea97817416ebb9fe7fbbbdca8","signature":"d29b6c40c2dc99aa02230462eba3bae602117e46a041cd51c41d97cee65612fa"},{"version":"8dd450de6d756cee0761f277c6dc58b0b5a66b8c274b980949318b8cad26d712","impliedFormat":1},{"version":"dfcf16e716338e9fe8cf790ac7756f61c85b83b699861df970661e97bf482692","impliedFormat":1},{"version":"3d6a560c635fd91094e43191ecf73b124ccb2537e6060f85d5d31fcf68150e74","signature":"b2c7cf7f304f6ebfea4dda1e9c526a79a591fc8d3bd003af083384025da649b1"},{"version":"f2aea81d8baf2b621945382aabac150e3db40f20d19ac1abea7aff805f1dc33c","signature":"0ac76f72a94a13f3081c41c43b58679492c219ccada653f40801a89fcd5e9d04"},{"version":"73561977bb06800b7d7700d844e4219b8dc4d14ac732c7a448e807005286d9f7","signature":"3a146145ad7b42409cff9a2295ca52c8160c55f78bf3e0bab265bb38335223bf"},{"version":"be6ea3eca3637556cd0301fc22870fdc29a32c0aa54828b834cf270020ab3ce8","signature":"7512be7a4a15cb28c1f76bc0a5c0fc0707c4afe189cc870f20d5484d61df2a6e"},{"version":"8085954ba165e611c6230596078063627f3656fed3fb68ad1e36a414c4d7599a","impliedFormat":1},{"version":"e8672934f1c315f36cdae39380454ba8c2da62aca420dfb827d96693091419c4","signature":"81f5e6511bca40c26da0d6f8a693b9742ba0050387c234a2a65aa1a671adeda7"},{"version":"68b6a7501a56babd7bcd840e0d638ee7ec582f1e70b3c36ebf32e5e5836913c8","impliedFormat":1},{"version":"89783bd45ab35df55203b522f8271500189c3526976af533a599a86caaf31362","impliedFormat":1},{"version":"26e6c521a290630ea31f0205a46a87cab35faac96e2b30606f37bae7bcda4f9d","impliedFormat":1},{"version":"e1564b0912361081da39e1ee61d5759a75aa4e2e8d28a90f5e229921addb4083","signature":"0ae95632387b568863f5432688f3d5b538edb7f0b60efa3e403667dbf4a6f509"},{"version":"226a3b727e49dac0cfc8a126a7b13fab7d280c2774feade43e7e843e30a28f48","signature":"379519719973a1dc5d120f5602c14600a4e0da1ad8e75db88b6b4654e9601f43"},{"version":"ddb52c7520c80cc0f346fbaac446c20dff4b4b745df5c7d34a6b1b31b8458a7b","signature":"bee5dfd4f1c98d66bed042122c292f4ea2b70e9354b55d25d79389e974e5f0f1"},{"version":"a58825dfef3de2927244c5337ff2845674d1d1a794fb76d37e1378e156302b90","impliedFormat":1},{"version":"1a458765deab35824b11b67f22b1a56e9a882da9f907bfbf9ce0dfaedc11d8fc","impliedFormat":1},{"version":"a48553595da584120091fb7615ed8d3b48aaea4b2a7f5bc5451c1247110be41a","impliedFormat":1},{"version":"ebba1c614e81bf35da8d88a130e7a2924058a9ad140abe79ef4c275d4aa47b0d","impliedFormat":1},{"version":"3f3cfb6d0795d076c62fca9fa90e61e1a1dd9ba1601cd28b30b21af0b989b85a","impliedFormat":1},{"version":"2647c7b6ad90f146f26f3cdf0477eed1cefb1826e8de3f61c584cc727e2e4496","impliedFormat":1},{"version":"891faf74d5399bee0d216314ecf7a0000ba56194ffd16b2b225e4e61706192fb","impliedFormat":1},{"version":"c1227e0b571469c249e7b152e98268b3ccdfd67b5324f55448fad877ba6dbbff","impliedFormat":1},{"version":"230a4cc1df158d6e6e29567bfa2bc88511822a068da08f8761cc4df5d2328dcc","impliedFormat":1},{"version":"c6ee2448a0c52942198242ec9d05251ff5abfb18b26a27970710cf85e3b62e50","impliedFormat":1},{"version":"39525087f91a6f9a246c2d5c947a90d4b80d67efb96e60f0398226827ae9161e","impliedFormat":1},{"version":"1bf429877d50f454b60c081c00b17be4b0e55132517ac322beffe6288b6e7cf6","impliedFormat":1},{"version":"b139b4ed2c853858184aed5798880633c290b680d22aee459b1a7cf9626a540d","impliedFormat":1},{"version":"037a9dab60c22cda0cd6c502a27b2ecfb1ac5199efe5e8c8d939591f32bd73c9","impliedFormat":1},{"version":"a21eaf3dc3388fae4bdd0556eb14c9e737e77b6f1b387d68c3ed01ca05439619","impliedFormat":1},{"version":"60931d8fb8f91afacbb005180092f4f745d2af8b8a9c0957c44c42409ec758e7","impliedFormat":1},{"version":"70e88656db130df927e0c98edcdb4e8beeb2779ac0e650b889ab3a1a3aa71d3d","impliedFormat":1},{"version":"a6473d7b874c3cffc1cb18f5d08dd18ac880b97ec0a651348739ade3b3730272","impliedFormat":1},{"version":"89720b54046b31371a2c18f7c7a35956f1bf497370f4e1b890622078718875b1","impliedFormat":1},{"version":"281637d0a9a4b617138c505610540583676347c856e414121a5552b9e4aeb818","impliedFormat":1},{"version":"87612b346018721fa0ee2c0cb06de4182d86c5c8b55476131612636aac448444","impliedFormat":1},{"version":"c0b2ae1fea13046b9c66df05dd8d36f9b1c9fcea88d822899339183e6ef1b952","impliedFormat":1},{"version":"8c7b41fd103b70c3a65b7ace9f16cd00570b405916d0e3bd63e9986ce91e6156","impliedFormat":1},{"version":"0e51075b769786db5e581e43a64529dca371040256e23d779603a2c8283af7d6","impliedFormat":1},{"version":"54fd7300c6ba1c98cda49b50c215cde3aa5dbae6786eaf05655abf818000954c","impliedFormat":1},{"version":"01a265adad025aa93f619b5521a9cb08b88f3c328b1d3e59c0394a41e5977d43","impliedFormat":1},{"version":"af6082823144bd943323a50c844b3dc0e37099a3a19e7d15c687cd85b3985790","impliedFormat":1},{"version":"241f5b92543efc1557ddb6c27b4941a5e0bb2f4af8dc5dd250d8ee6ca67ad67c","impliedFormat":1},{"version":"55e8db543ceaedfdd244182b3363613143ca19fc9dbc466e6307f687d100e1c8","impliedFormat":1},{"version":"27de37ad829c1672e5d1adf0c6a5be6587cbe405584e9a9a319a4214b795f83a","impliedFormat":1},{"version":"2d39120fb1d7e13f8141fa089543a817a94102bba05b2b9d14b6f33a97de4e0c","impliedFormat":1},{"version":"51c1a42c27ae22f5a2f7a26afcf9aa8e3fd155ba8ecc081c6199a5ce6239b5f4","impliedFormat":1},{"version":"72fb41649e77c743e03740d1fd8e18c824bd859a313a7caeba6ba313a84a79a9","impliedFormat":1},{"version":"6ee51191c0df1ec11db3fbc71c39a7dee2b3e77dcaab974348eaf04b2f22307d","impliedFormat":1},{"version":"b8a996130883aaffdee89e0a3e241d4674a380bde95f8270a8517e118350def7","impliedFormat":1},{"version":"a3dce310d0bd772f93e0303bb364c09fc595cc996b840566e8ef8df7ab0e5360","impliedFormat":1},{"version":"eb9fa21119013a1c7566d2154f6686c468e9675083ef39f211cd537c9560eb53","impliedFormat":1},{"version":"c6b5695ccff3ceab8c7a1fe5c5e1c37667c8e46b6fc9c3c953d53aa17f6e2e59","impliedFormat":1},{"version":"d08d0d4b4a47cc80dbea459bb1830c15ec8d5d7056742ae5ccc16dd4729047d0","impliedFormat":1},{"version":"975c1ef08d7f7d9a2f7bc279508cc47ddfdfe6186c37ac98acbf302cf20e7bb1","impliedFormat":1},{"version":"bd53b46bab84955dc0f83afc10237036facbc7e086125f81f13fd8e02b43a0d5","impliedFormat":1},{"version":"3c68d3e9cd1b250f52d16d5fbbd40a0ccbbe8b2d9dbd117bfd25acc2e1a60ebc","impliedFormat":1},{"version":"88f4763dddd0f685397f1f6e6e486b0297c049196b3d3531c48743e6334ddfcb","impliedFormat":1},{"version":"8f0ab3468882aba7a39acbc1f3b76589a1ef517bfb2ef62e2dd896f25db7fba6","impliedFormat":1},{"version":"407b6b015a9cf880756296a91142e72b3e6810f27f117130992a1138d3256740","impliedFormat":1},{"version":"0bee9708164899b64512c066ba4de189e6decd4527010cc325f550451a32e5ab","impliedFormat":1},{"version":"2472ae6554b4e997ec35ae5ad5f91ab605f4e30b97af860ced3a18ab8651fb89","impliedFormat":1},{"version":"df0e9f64d5facaa59fca31367be5e020e785335679aa088af6df0d63b7c7b3df","impliedFormat":1},{"version":"07ce90ffcac490edb66dfcb3f09f1ffa7415ecf4845f525272b53971c07ad284","impliedFormat":1},{"version":"801a0aa3e78ef62277f712aefb7455a023063f87577df019dde7412d2bc01df9","impliedFormat":1},{"version":"ab457e1e513214ba8d7d13040e404aea11a3e6e547d10a2cbbd926cccd756213","impliedFormat":1},{"version":"d62fbef71a36476326671f182368aed0d77b6577c607e6597d080e05ce49cf9e","impliedFormat":1},{"version":"2a72354cb43930dc8482bd6f623f948d932250c5358ec502a47e7b060ed3bbb6","impliedFormat":1},{"version":"cff4d73049d4fbcd270f6d2b3a6212bf17512722f8a9dfcc7a3ff1b8a8eef1f0","impliedFormat":1},{"version":"f9a7c0d530affbd3a38853818a8c739fbf042a376b7deca9230e65de7b65ee34","impliedFormat":1},{"version":"c024252e3e524fcebaeed916ccb8ede5d487eb8d705c6080dc009df3c87dd066","impliedFormat":1},{"version":"641448b49461f3e6936e82b901a48f2d956a70e75e20c6a688f8303e9604b2ff","impliedFormat":1},{"version":"0d923bfc7b397b8142db7c351ba6f59f118c4fe820c1e4a0b6641ac4b7ab533d","impliedFormat":1},{"version":"13737fae5d9116556c56b3fc01ffae01f31d77748bc419185514568d43aae9be","impliedFormat":1},{"version":"4224758de259543c154b95f11c683da9ac6735e1d53c05ae9a38835425782979","impliedFormat":1},{"version":"2704fd2c7b0e4df05a072202bfcc87b5e60a228853df055f35c5ea71455def95","impliedFormat":1},{"version":"cb52c3b46277570f9eb2ef6d24a9732c94daf83761d9940e10147ebb28fbbb8e","impliedFormat":1},{"version":"1bc305881078821daa054e3cb80272dc7528e0a51c91bf3b5f548d7f1cf13c2b","impliedFormat":1},{"version":"ba53329809c073b86270ebd0423f6e7659418c5bd48160de23f120c32b5ceccc","impliedFormat":1},{"version":"f0a86f692166c5d2b153db200e84bb3d65e0c43deb8f560e33f9f70045821ec9","impliedFormat":1},{"version":"b163773a303feb2cbfc9de37a66ce0a01110f2fb059bc86ea3475399f2c4d888","impliedFormat":1},{"version":"cf781f174469444530756c85b6c9d297af460bf228380ed65a9e5d38b2e8c669","impliedFormat":1},{"version":"cbe1b33356dbcf9f0e706d170f3edf9896a2abc9bc1be12a28440bdbb48f16b1","impliedFormat":1},{"version":"d8498ad8a1aa7416b1ebfec256149f369c4642b48eca37cd1ea85229b0ca00d6","impliedFormat":1},{"version":"d054294baaab34083b56c038027919d470b5c5b26c639720a50b1814d18c5ee4","impliedFormat":1},{"version":"4532f2906ba87ae0c4a63f572e8180a78fd612da56f54d6d20c2506324158c08","impliedFormat":1},{"version":"878bf2fc1bbed99db0c0aa2f1200af4f2a77913a9ba9aafe80b3d75fd2de6ccc","impliedFormat":1},{"version":"039d6e764bb46e433c29c86be0542755035fc7a93aa2e1d230767dd54d7307c2","impliedFormat":1},{"version":"f80195273b09618979ad43009ca9ad7d01461cce7f000dc5b7516080e1bca959","impliedFormat":1},{"version":"16a7f250b6db202acc93d9f1402f1049f0b3b1b94135b4f65c7a7b770a030083","impliedFormat":1},{"version":"d15e9aaeef9ff4e4f8887060c0f0430b7d4767deafb422b7e474d3a61be541b9","impliedFormat":1},{"version":"777ddacdcb4fb6c3e423d3f020419ae3460b283fc5fa65c894a62dff367f9ad2","impliedFormat":1},{"version":"9a02117e0da8889421c322a2650711788622c28b69ed6d70893824a1183a45a8","impliedFormat":1},{"version":"9e30d7ef1a67ddb4b3f304b5ee2873f8e39ed22e409e1b6374819348c1e06dfa","impliedFormat":1},{"version":"ddeb300b9cf256fb7f11e54ce409f6b862681c96cc240360ab180f2f094c038b","impliedFormat":1},{"version":"0dbdd4be29dfc4f317711269757792ccde60140386721bee714d3710f3fbbd66","impliedFormat":1},{"version":"1f92e3e35de7c7ddb5420320a5f4be7c71f5ce481c393b9a6316c0f3aaa8b5e4","impliedFormat":1},{"version":"b721dc785a4d747a8dabc82962b07e25080e9b194ba945f6ff401782e81d1cef","impliedFormat":1},{"version":"f88b42ae60eb60621eec477610a8f457930af3cb83f0bebc5b6ece0a8cc17126","impliedFormat":1},{"version":"97c89e7e4e301d6db3e35e33d541b8ab9751523a0def016d5d7375a632465346","impliedFormat":1},{"version":"29ab360e8b7560cf55b6fb67d0ed81aae9f787427cf2887378fdecf386887e07","impliedFormat":1},{"version":"009bfb8cd24c1a1d5170ba1c1ccfa946c5082d929d1994dcf80b9ebebe6be026","impliedFormat":1},{"version":"654ee5d98b93d5d1a5d9ad4f0571de66c37367e2d86bae3513ea8befb9ed3cac","impliedFormat":1},{"version":"83c14b1b0b4e3d42e440c6da39065ab0050f1556788dfd241643430d9d870cf3","impliedFormat":1},{"version":"d96dfcef148bd4b06fa3c765c24cb07ff20a264e7f208ec4c5a9cbb3f028a346","impliedFormat":1},{"version":"f65550bf87be517c3178ae5372f91f9165aa2f7fc8d05a833e56edc588331bb0","impliedFormat":1},{"version":"9f4031322535a054dcdd801bc39e2ed1cdeef567f83631af473a4994717358e1","impliedFormat":1},{"version":"e6ef5df7f413a8ede8b53f351aac7138908253d8497a6f3150df49270b1e7831","impliedFormat":1},{"version":"b5b3104513449d4937a542fb56ba0c1eb470713ec351922e7c42ac695618e6a4","impliedFormat":1},{"version":"2b117d7401af4b064388acbb26a745c707cbe3420a599dc55f5f8e0fd8dd5baa","impliedFormat":1},{"version":"7d768eb1b419748eec264eff74b384d3c71063c967ac04c55303c9acc0a6c5dd","impliedFormat":1},{"version":"2f1bf6397cecf50211d082f338f3885d290fb838576f71ed4f265e8c698317f9","impliedFormat":1},{"version":"54f0d5e59a56e6ba1f345896b2b79acf897dfbd5736cbd327d88aafbef26ac28","impliedFormat":1},{"version":"760f3a50c7a9a1bc41e514a3282fe88c667fbca83ce5255d89da7a7ffb573b18","impliedFormat":1},{"version":"e966c134cdad68fb5126af8065a5d6608255ed0e9a008b63cf2509940c13660c","impliedFormat":1},{"version":"64a39a5d4bcbe5c8d9e5d32d7eb22dd35ae12cd89542ecb76567334306070f73","impliedFormat":1},{"version":"c1cc0ffa5bca057cc50256964882f462f714e5a76b86d9e23eb9ff1dfa14768d","impliedFormat":1},{"version":"08ab3ecce59aceee88b0c88eb8f4f8f6931f0cfd32b8ad0e163ef30f46e35283","impliedFormat":1},{"version":"0736d054796bb2215f457464811691bf994c0244498f1bb3119c7f4a73c2f99a","impliedFormat":1},{"version":"23bc9533664545d3ba2681eb0816b3f57e6ed2f8dce2e43e8f36745eafd984d4","impliedFormat":1},{"version":"689cbcf3764917b0a1392c94e26dd7ac7b467d84dc6206e3d71a66a4094bf080","impliedFormat":1},{"version":"a9f4de411d2edff59e85dd16cde3d382c3c490cbde0a984bf15533cfed6a8539","impliedFormat":1},{"version":"e30c1cf178412030c123b16dbbee1d59c312678593a0b3622c9f6d487c7e08ba","impliedFormat":1},{"version":"837033f34e1d4b56eab73998c5a0b64ee97db7f6ee9203c649e4cd17572614d8","impliedFormat":1},{"version":"cc8d033897f386df54c65c97c8bb23cfb6912954aa8128bff472d6f99352bb80","impliedFormat":1},{"version":"ca5820f82654abe3a72170fb04bbbb65bb492c397ecce8df3be87155b4a35852","impliedFormat":1},{"version":"9badb725e63229b86fa35d822846af78321a84de4a363da4fe6b5a3262fa31f2","impliedFormat":1},{"version":"f8e96a237b01a2b696b5b31172339d50c77bef996b225e8be043478a3f4a9be5","impliedFormat":1},{"version":"7d048c0fbdb740ae3fa64225653304fdb8d8bb7d905facf14f62e72f3e0ba21a","impliedFormat":1},{"version":"c59b8fb44e6ad7dc3e80359b43821026730a82d98856b690506ba39b5b03789b","impliedFormat":1},{"version":"bd86b749fb17c6596803ace4cae1b6474d820fd680c157e66d884e7c43ef1b24","impliedFormat":1},{"version":"879ba0ae1e59ec935b82af4f3f5ca62cbddecb3eb750c7f5ab28180d3180ec86","impliedFormat":1},{"version":"14fb829e7830df3e326af086bb665fd8dc383b1da2cde92e8ef67b6c49b13980","impliedFormat":1},{"version":"ec14ef5e67a6522f967a17eeedb0b8214c17b5ae3214f1434fcfa0ea66e25756","impliedFormat":1},{"version":"b38474dee55446b3b65ea107bc05ea15b5b5ca3a5fa534371daed44610181303","impliedFormat":1},{"version":"511db7e798d39b067ea149b0025ad2198cfe13ce284a789ef87f0a629942d52f","impliedFormat":1},{"version":"0e50ecb8433db4570ed22f3f56fd7372ebddb01f4e94346f043eeb42b4ada566","impliedFormat":1},{"version":"2beccefff361c478d57f45279478baeb7b7bcdac48c6108bec3a2d662344e1ea","impliedFormat":1},{"version":"b5c984f3e386c7c7c736ed7667b94d00a66f115920e82e9fa450dc27ccc0301e","impliedFormat":1},{"version":"acdd01e74c36396d3743b0caf0b4c7801297ca7301fa5db8ce7dbced64ec5732","impliedFormat":1},{"version":"82da8b99d0030a3babb7adfe3bb77bc8f89cc7d0737b622f4f9554abdc53cd89","impliedFormat":1},{"version":"80e11385ab5c1b042e02d64c65972fff234806525bf4916a32221d1baebfe2f9","impliedFormat":1},{"version":"a894178e9f79a38124f70afb869468bace08d789925fd22f5f671d9fb2f68307","impliedFormat":1},{"version":"b44237286e4f346a7151d33ff98f11a3582e669e2c08ec8b7def892ad7803f84","impliedFormat":1},{"version":"910c0d9ce9a39acafc16f6ca56bdbdb46c558ef44a9aa1ee385257f236498ee1","impliedFormat":1},{"version":"fed512983a39b9f0c6f1f0f04cc926aca2096e81570ae8cd84cad8c348e5e619","impliedFormat":1},{"version":"2ebf8f17b91314ec8167507ee29ebeb8be62a385348a0b8a1e7f433a7fb2cf89","impliedFormat":1},{"version":"cb48d9c290927137bfbd9cd93f98fca80a3704d0a1a26a4609542a3ab416c638","impliedFormat":1},{"version":"9ab3d74792d40971106685fb08a1c0e4b9b80d41e3408aa831e8a19fedc61ab8","impliedFormat":1},{"version":"394f9d6dc566055724626b455a9b5c86c27eeb1fdbd499c3788ab763585f5c41","impliedFormat":1},{"version":"9bc0ab4b8cb98cd3cb314b341e5aaab3475e5385beafb79706a497ebddc71b5d","impliedFormat":1},{"version":"35433c5ee1603dcac929defe439eec773772fab8e51b10eeb71e6296a44d9acb","impliedFormat":1},{"version":"aeee9ba5f764cea87c2b9905beb82cfdf36f9726f8dea4352fc233b308ba2169","impliedFormat":1},{"version":"35ea8672448e71ffa3538648f47603b4f872683e6b9db63168d7e5e032e095ef","impliedFormat":1},{"version":"8e63b8db999c7ad92c668969d0e26d486744175426157964771c65580638740d","impliedFormat":1},{"version":"f9da6129c006c79d6029dc34c49da453b1fe274e3022275bcdecaa02895034a0","impliedFormat":1},{"version":"2e9694d05015feb762a5dc7052dd51f66f692c07394b15f6aff612a9fb186f60","impliedFormat":1},{"version":"f570c4e30ea43aecf6fc7dc038cf0a964cf589111498b7dd735a97bf17837e3a","impliedFormat":1},{"version":"cdad25d233b377dd852eaa9cf396f48d916c1f8fd2193969fcafa8fe7c3387cb","impliedFormat":1},{"version":"243b9e4bcd123a332cb99e4e7913114181b484c0bb6a3b1458dcb5eb08cffdc4","impliedFormat":1},{"version":"ada76d272991b9fa901b2fbd538f748a9294f7b9b4bc2764c03c0c9723739fd1","impliedFormat":1},{"version":"6409389a0fa9db5334e8fbcb1046f0a1f9775abce0da901a5bc4fec1e458917c","impliedFormat":1},{"version":"af8d9efb2a64e68ac4c224724ac213dbc559bcfc165ce545d498b1c2d5b2d161","impliedFormat":1},{"version":"094faf910367cc178228cafe86f5c2bd94a99446f51e38d9c2a4eb4c0dec534d","impliedFormat":1},{"version":"dc4cf53cebe96ef6b569db81e9572f55490bd8a0e4f860aac02b7a0e45292c71","impliedFormat":1},{"version":"2c23e2a6219fbce2801b2689a9920548673d7ca0e53859200d55a0d5d05ea599","impliedFormat":1},{"version":"62491ce05a8e3508c8f7366208287c5fded66aad2ba81854aa65067d328281cc","impliedFormat":1},{"version":"8be1b9d5a186383e435c71d371e85016f92aa25e7a6a91f29aa7fd47651abf55","impliedFormat":1},{"version":"95a1b43dfa67963bd60eb50a556e3b08a9aea65a9ffa45504e5d92d34f58087a","impliedFormat":1},{"version":"b872dcd2b627694001616ab82e6aaec5a970de72512173201aae23f7e3f6503d","impliedFormat":1},{"version":"13517c2e04de0bbf4b33ff0dde160b0281ee47d1bf8690f7836ba99adc56294b","impliedFormat":1},{"version":"a9babac4cb35b319253dfc0f48097bcb9e7897f4f5762a5b1e883c425332d010","impliedFormat":1},{"version":"3d97a5744e12e54d735e7755eabc719f88f9d651e936ff532d56bdd038889fc4","impliedFormat":1},{"version":"7fffc8f7842b7c4df1ae19df7cc18cd4b1447780117fca5f014e6eb9b1a7215e","impliedFormat":1},{"version":"aaea91db3f0d14aca3d8b57c5ffb40e8d6d7232e65947ca6c00ae0c82f0a45dc","impliedFormat":1},{"version":"c62eefdcc2e2266350340ffaa43c249d447890617b037205ac6bb45bb7f5a170","impliedFormat":1},{"version":"9924ad46287d634cf4454fdbbccd03e0b7cd2e0112b95397c70d859ae00a5062","impliedFormat":1},{"version":"b940719c852fd3d759e123b29ace8bbd2ec9c5e4933c10749b13426b096a96a1","impliedFormat":1},{"version":"2745055e3218662533fbaddfb8e2e3186f50babe9fb09e697e73de5340c2ad40","impliedFormat":1},{"version":"5d6b6e6a7626621372d2d3bbe9e66b8168dcd5a40f93ae36ee339a68272a0d8b","impliedFormat":1},{"version":"64868d7db2d9a4fde65524147730a0cccdbd1911ada98d04d69f865ea93723d8","impliedFormat":1},{"version":"368b06a0dd2a29a35794eaa02c2823269a418761d38fdb5e1ac0ad2d7fdd0166","impliedFormat":1},{"version":"20164fb31ecfad1a980bd183405c389149a32e1106993d8224aaa93aae5bfbb9","impliedFormat":1},{"version":"bb4b51c75ee079268a127b19bf386eb979ab370ce9853c7d94c0aca9b75aff26","impliedFormat":1},{"version":"f0ef6f1a7e7de521846c163161b0ec7e52ce6c2665a4e0924e1be73e5e103ed3","impliedFormat":1},{"version":"84ab3c956ae925b57e098e33bd6648c30cdab7eca38f5e5b3512d46f6462b348","impliedFormat":1},{"version":"70d6692d0723d6a8b2c6853ed9ab6baaa277362bb861cf049cb12529bd04f68e","impliedFormat":1},{"version":"b35dc79960a69cd311a7c1da15ee30a8ab966e6db26ec99c2cc339b93b028ff6","impliedFormat":1},{"version":"29d571c13d8daae4a1a41d269ec09b9d17b2e06e95efd6d6dc2eeb4ff3a8c2ef","impliedFormat":1},{"version":"5f8a5619e6ae3fb52aaaa727b305c9b8cbe5ff91fa1509ffa61e32f804b55bd8","impliedFormat":1},{"version":"15becc25682fa4c93d45d92eab97bc5d1bb0563b8c075d98f4156e91652eec86","impliedFormat":1},{"version":"702f5c10b38e8c223e1d055d3e6a3f8c572aa421969c5d8699220fbc4f664901","impliedFormat":1},{"version":"4db15f744ba0cd3ae6b8ac9f6d043bf73d8300c10bbe4d489b86496e3eb1870b","impliedFormat":1},{"version":"80841050a3081b1803dbee94ff18c8b1770d1d629b0b6ebaf3b0351a8f42790b","impliedFormat":1},{"version":"9b7987f332830a7e99a4a067e34d082d992073a4dcf26acd3ecf41ca7b538ed5","impliedFormat":1},{"version":"e95b8e0dc325174c9cb961a5e38eccfe2ac15f979b202b0e40fa7e699751b4e9","impliedFormat":1},{"version":"21360a9fd6895e97cbbd36b7ce74202548710c8e833a36a2f48133b3341c2e8f","impliedFormat":1},{"version":"d74ac436397aa26367b37aa24bdae7c1933d2fed4108ff93c9620383a7f65855","impliedFormat":1},{"version":"65825f8fda7104efe682278afec0a63aeb3c95584781845c58d040d537d3cfed","impliedFormat":1},{"version":"1f467a5e086701edf716e93064f672536fc084bba6fc44c3de7c6ae41b91ac77","impliedFormat":1},{"version":"7e12b5758df0e645592f8252284bfb18d04f0c93e6a2bf7a8663974c88ef01de","impliedFormat":1},{"version":"47dbc4b0afb6bc4c131b086f2a75e35cbae88fb68991df2075ca0feb67bbe45b","impliedFormat":1},{"version":"146d8745ed5d4c6028d9a9be2ecf857da6c241bbbf031976a3dc9b0e17efc8a1","impliedFormat":1},{"version":"c4be9442e9de9ee24a506128453cba1bdf2217dbc88d86ed33baf2c4cbfc3e84","impliedFormat":1},{"version":"c9b42fef8c9d035e9ee3be41b99aae7b1bc1a853a04ec206bf0b3134f4491ec8","impliedFormat":1},{"version":"e6a958ab1e50a3bda4857734954cd122872e6deea7930d720afeebd9058dbaa5","impliedFormat":1},{"version":"088adb4a27dab77e99484a4a5d381f09420b9d7466fce775d9fbd3c931e3e773","impliedFormat":1},{"version":"ddf3d7751343800454d755371aa580f4c5065b21c38a716502a91fbb6f0ef92b","impliedFormat":1},{"version":"9b93adcccd155b01b56b55049028baac649d9917379c9c50c0291d316c6b9cdd","impliedFormat":1},{"version":"b48c56cc948cdf5bc711c3250a7ccbdd41f24f5bbbca8784de4c46f15b3a1e27","impliedFormat":1},{"version":"9eeee88a8f1eed92c11aea07551456a0b450da36711c742668cf0495ffb9149c","impliedFormat":1},{"version":"aeb081443dadcb4a66573dba7c772511e6c3f11c8fa8d734d6b0739e5048eb37","impliedFormat":1},{"version":"acf16021a0b863117ff497c2be4135f3c2d6528e4166582d306c4acb306cb639","impliedFormat":1},{"version":"13fbdad6e115524e50af76b560999459b3afd2810c1cbaa52c08cdc1286d2564","impliedFormat":1},{"version":"d3972149b50cdea8e6631a9b4429a5a9983c6f2453070fb8298a5d685911dc46","impliedFormat":1},{"version":"e2dcfcb61b582c2e1fa1a83e3639e2cc295c79be4c8fcbcbeef9233a50b71f7b","impliedFormat":1},{"version":"4e49b8864a54c0dcde72d637ca1c5718f5c017f378f8c9024eff5738cd84738f","impliedFormat":1},{"version":"8db9eaf81db0fc93f4329f79dd05ea6de5654cabf6526adb0b473d6d1cd1f331","impliedFormat":1},{"version":"f76d2001e2c456b814761f2057874dd775e2f661646a5b4bacdcc4cdaf00c3e6","impliedFormat":1},{"version":"d95afdd2f35228db20ec312cb7a014454c80e53a8726906bd222a9ad56f58297","impliedFormat":1},{"version":"8302bf7d5a3cb0dc5c943f77c43748a683f174fa5fae95ad87c004bf128950ce","impliedFormat":1},{"version":"ced33b4c97c0c078254a2a2c1b223a68a79157d1707957d18b0b04f7450d1ad5","impliedFormat":1},{"version":"0e31e4ec65a4d12b088ecf5213c4660cb7d37181b4e7f1f2b99fe58b1ba93956","impliedFormat":1},{"version":"3028552149f473c2dcf073c9e463d18722a9b179a70403edf8b588fcea88f615","impliedFormat":1},{"version":"0ccbcaa5cb885ad2981e4d56ed6845d65e8d59aba9036796c476ca152bc2ee37","impliedFormat":1},{"version":"cb86555aef01e7aa1602fce619da6de970bb63f84f8cffc4d21a12e60cd33a8c","impliedFormat":1},{"version":"a23c3bb0aecfbb593df6b8cb4ba3f0d5fc1bf93c48cc068944f4c1bdb940cb11","impliedFormat":1},{"version":"544c1aa6fcc2166e7b627581fdd9795fc844fa66a568bfa3a1bc600207d74472","impliedFormat":1},{"version":"745c7e4f6e3666df51143ed05a1200032f57d71a180652b3528c5859a062e083","impliedFormat":1},{"version":"0308b7494aa630c6ecc0e4f848f85fcad5b5d6ef811d5c04673b78cf3f87041c","impliedFormat":1},{"version":"c540aea897a749517aea1c08aeb2562b8b6fc9e70f938f55b50624602cc8b2e4","impliedFormat":1},{"version":"a1ab0c6b4400a900efd4cd97d834a72b7aeaa4b146a165043e718335f23f9a5f","impliedFormat":1},{"version":"89ebe83d44d78b6585dfd547b898a2a36759bc815c87afdf7256204ab453bd08","impliedFormat":1},{"version":"e6a29b3b1ac19c5cdf422685ac0892908eb19993c65057ec4fd3405ebf62f03d","impliedFormat":1},{"version":"c43912d69f1d4e949b0b1ce3156ad7bc169589c11f23db7e9b010248fdd384fa","impliedFormat":1},{"version":"d585b623240793e85c71b537b8326b5506ec4e0dcbb88c95b39c2a308f0e81ba","impliedFormat":1},{"version":"aac094f538d04801ebf7ea02d4e1d6a6b91932dbce4894acb3b8d023fdaa1304","impliedFormat":1},{"version":"da0d796387b08a117070c20ec46cc1c6f93584b47f43f69503581d4d95da2a1e","impliedFormat":1},{"version":"f2307295b088c3da1afb0e5a390b313d0d9b7ff94c7ba3107b2cdaf6fca9f9e6","impliedFormat":1},{"version":"d00bd133e0907b71464cbb0adae6353ebbec6977671d34d3266d75f11b9591a8","impliedFormat":1},{"version":"c3616c3b6a33defc62d98f1339468f6066842a811c6f7419e1ee9cae9db39184","impliedFormat":1},{"version":"7d068fc64450fc5080da3772705441a48016e1022d15d1d738defa50cac446b8","impliedFormat":1},{"version":"4c3c31fba20394c26a8cfc2a0554ae3d7c9ba9a1bc5365ee6a268669851cfe19","impliedFormat":1},{"version":"584e168e0939271bcec62393e2faa74cff7a2f58341c356b3792157be90ea0f7","impliedFormat":1},{"version":"50b6829d9ef8cf6954e0adf0456720dd3fd16f01620105072bae6be3963054d1","impliedFormat":1},{"version":"a72a2dd0145eaf64aa537c22af8a25972c0acf9db1a7187fa00e46df240e4bb0","impliedFormat":1},{"version":"0008a9f24fcd300259f8a8cd31af280663554b67bf0a60e1f481294615e4c6aa","impliedFormat":1},{"version":"21738ef7b3baf3065f0f186623f8af2d695009856a51e1d2edf9873cee60fe3a","impliedFormat":1},{"version":"19c9f153e001fb7ab760e0e3a5df96fa8b7890fc13fc848c3b759453e3965bf0","impliedFormat":1},{"version":"5d3a82cef667a1cff179a0a72465a34a6f1e31d3cdba3adce27b70b85d69b071","impliedFormat":1},{"version":"38763534c4b9928cd33e7d1c2141bc16a8d6719e856bf88fda57ef2308939d82","impliedFormat":1},{"version":"292ec7e47dfc1f6539308adc8a406badff6aa98c246f57616b5fa412d58067f8","impliedFormat":1},{"version":"a11ee86b5bc726da1a2de014b71873b613699cfab8247d26a09e027dee35e438","impliedFormat":1},{"version":"95a595935eecbce6cc8615c20fafc9a2d94cf5407a5b7ff9fa69850bbef57169","impliedFormat":1},{"version":"c42fc2b9cf0b6923a473d9c85170f1e22aa098a2c95761f552ec0b9e0a620d69","impliedFormat":1},{"version":"8c9a55357196961a07563ac00bb6434c380b0b1be85d70921cd110b5e6db832d","impliedFormat":1},{"version":"73149a58ebc75929db972ab9940d4d0069d25714e369b1bc6e33bc63f1f8f094","impliedFormat":1},{"version":"c98f5a640ffecf1848baf321429964c9db6c2e943c0a07e32e8215921b6c36c3","impliedFormat":1},{"version":"43738308660af5cb4a34985a2bd18e5e2ded1b2c8f8b9c148fca208c5d2768a6","impliedFormat":1},{"version":"bb4fa3df2764387395f30de00e17d484a51b679b315d4c22316d2d0cd76095d6","impliedFormat":1},{"version":"0498a3d27ec7107ba49ecc951e38c7726af555f438bab1267385677c6918d8ec","impliedFormat":1},{"version":"fe24f95741e98d4903772dc308156562ae7e4da4f3845e27a10fab9017edae75","impliedFormat":1},{"version":"b63482acb91346b325c20087e1f2533dc620350bf7d0aa0c52967d3d79549523","impliedFormat":1},{"version":"2aef798b8572df98418a7ac4259b315df06839b968e2042f2b53434ee1dc2da4","impliedFormat":1},{"version":"249c41965bd0c7c5b987f242ac9948a2564ef92d39dde6af1c4d032b368738b0","impliedFormat":1},{"version":"7141b7ffd1dcd8575c4b8e30e465dd28e5ae4130ff9abd1a8f27c68245388039","impliedFormat":1},{"version":"d1dd80825d527d2729f4581b7da45478cdaaa0c71e377fd2684fb477761ea480","impliedFormat":1},{"version":"e78b1ba3e800a558899aba1a50704553cf9dc148036952f0b5c66d30b599776d","impliedFormat":1},{"version":"be4ccea4deb9339ca73a5e6a8331f644a6b8a77d857d21728e911eb3271a963c","impliedFormat":1},{"version":"3ee5a61ffc7b633157279afd7b3bd70daa989c8172b469d358aed96f81a078ef","impliedFormat":1},{"version":"23c63869293ca315c9e8eb9359752704068cc5fff98419e49058838125d59b1e","impliedFormat":1},{"version":"af0a68781958ab1c73d87e610953bd70c062ddb2ab761491f3e125eadef2a256","impliedFormat":1},{"version":"c20c624f1b803a54c5c12fdd065ae0f1677f04ffd1a21b94dddee50f2e23f8ec","impliedFormat":1},{"version":"49ef6d2d93b793cc3365a79f31729c0dc7fc2e789425b416b1a4a5654edb41ac","impliedFormat":1},{"version":"c2151736e5df2bdc8b38656b2e59a4bb0d7717f7da08b0ae9f5ddd1e429d90a1","impliedFormat":1},{"version":"3f1baacc3fc5e125f260c89c1d2a940cdccb65d6adef97c9936a3ac34701d414","impliedFormat":1},{"version":"3603cbabe151a2bea84325ce1ea57ca8e89f9eb96546818834d18fb7be5d4232","impliedFormat":1},{"version":"989762adfa2de753042a15514f5ccc4ed799b88bdc6ac562648972b26bc5bc60","impliedFormat":1},{"version":"a23f251635f89a1cc7363cae91e578073132dc5b65f6956967069b2b425a646a","impliedFormat":1},{"version":"995ed46b1839b3fc9b9a0bd5e7572120eac3ba959fa8f5a633be9bcded1f87ae","impliedFormat":1},{"version":"ddabaf119da03258aa0a33128401bbb91c54ef483e9de0f87be1243dd3565144","impliedFormat":1},{"version":"4e79855295a233d75415685fa4e8f686a380763e78a472e3c6c52551c6b74fd3","impliedFormat":1},{"version":"3b036f77ed5cbb981e433f886a07ec719cf51dd6c513ef31e32fd095c9720028","impliedFormat":1},{"version":"ee58f8fca40561d30c9b5e195f39dbc9305a6f2c8e1ff2bf53204cacb2cb15c0","impliedFormat":1},{"version":"83ac7ceab438470b6ddeffce2c13d3cf7d22f4b293d1e6cdf8f322edcd87a393","impliedFormat":1},{"version":"ef0e7387c15b5864b04dd9358513832d1c93b15f4f07c5226321f5f17993a0e2","impliedFormat":1},{"version":"86b6a71515872d5286fbcc408695c57176f0f7e941c8638bcd608b3718a1e28c","impliedFormat":1},{"version":"be59c70c4576ea08eee55cf1083e9d1f9891912ef0b555835b411bc4488464d4","impliedFormat":1},{"version":"57c97195e8efcfc808c41c1b73787b85588974181349b6074375eb19cc3bba91","impliedFormat":1},{"version":"d7cafcc0d3147486b39ac4ad02d879559dd3aa8ac4d0600a0c5db66ab621bdf3","impliedFormat":1},{"version":"b5c8e50e4b06f504513ca8c379f2decb459d9b8185bdcd1ee88d3f7e69725d3b","impliedFormat":1},{"version":"122621159b4443b4e14a955cf5f1a23411e6a59d2124d9f0d59f3465eddc97ec","impliedFormat":1},{"version":"c4889859626d56785246179388e5f2332c89fa4972de680b9b810ab89a9502cd","impliedFormat":1},{"version":"e9395973e2a57933fcf27b0e95b72cb45df8ecc720929ce039fc1c9013c5c0dc","impliedFormat":1},{"version":"a81723e440f533b0678ce5a3e7f5046a6bb514e086e712f9be98ebef74bd39b8","impliedFormat":1},{"version":"298d10f0561c6d3eb40f30001d7a2c8a5aa1e1e7e5d1babafb0af51cc27d2c81","impliedFormat":1},{"version":"e256d96239faffddf27f67ff61ab186ad3adaa7d925eeaf20ba084d90af1df19","impliedFormat":1},{"version":"8357843758edd0a0bd1ef4283fcabb50916663cf64a6a0675bd0996ae5204f3d","impliedFormat":1},{"version":"1525d7dd58aad8573ae1305cc30607d35c9164a8e2b0b14c7d2eaea44143f44b","impliedFormat":1},{"version":"fd19dff6b77e377451a1beacb74f0becfee4e7f4c2906d723570f6e7382bd46f","impliedFormat":1},{"version":"3f3ef670792214404589b74e790e7347e4e4478249ca09db51dc8a7fca6c1990","impliedFormat":1},{"version":"0da423d17493690db0f1adc8bf69065511c22dd99c478d9a2b59df704f77301b","impliedFormat":1},{"version":"ba627cd6215902dbe012e96f33bd4bf9ad0eefc6b14611789c52568cf679dc07","impliedFormat":1},{"version":"5fce817227cd56cb5642263709b441f118e19a64af6b0ed520f19fa032bdb49e","impliedFormat":1},{"version":"754107d580b33acc15edffaa6ac63d3cdf40fb11b1b728a2023105ca31fcb1a8","impliedFormat":1},{"version":"03cbeabd581d540021829397436423086e09081d41e3387c7f50df8c92d93b35","impliedFormat":1},{"version":"91322bf698c0c547383d3d1a368e5f1f001d50b9c3c177de84ab488ead82a1b8","impliedFormat":1},{"version":"79337611e64395512cad3eb04c8b9f50a2b803fa0ae17f8614f19c1e4a7eef8d","impliedFormat":1},{"version":"6835fc8e288c1a4c7168a72a33cb8a162f5f52d8e1c64e7683fc94f427335934","impliedFormat":1},{"version":"a90a83f007a1dece225eb2fd59b41a16e65587270bd405a2eb5f45aa3d2b2044","impliedFormat":1},{"version":"320333b36a5e801c0e6cee69fb6edc2bcc9d192cd71ee1d28c4b46467c69d0b4","impliedFormat":1},{"version":"e4e2457e74c4dc9e0bb7483113a6ba18b91defc39d6a84e64b532ad8a4c9951c","impliedFormat":1},{"version":"c39fb1745e021b123b512b86c41a96497bf60e3c8152b167da11836a6e418fd7","impliedFormat":1},{"version":"95ab9fb3b863c4f05999f131c0d2bd44a9de8e7a36bb18be890362aafa9f0a26","impliedFormat":1},{"version":"c95da8d445b765b3f704c264370ac3c92450cefd9ec5033a12f2b4e0fca3f0f4","impliedFormat":1},{"version":"ac534eb4f4c86e7bef6ed3412e7f072ec83fe36a73e79cbf8f3acb623a2447bb","impliedFormat":1},{"version":"a2a295f55159b84ca69eb642b99e06deb33263b4253c32b4119ea01e4e06a681","impliedFormat":1},{"version":"271584dd56ae5c033542a2788411e62a53075708f51ee4229c7f4f7804b46f98","impliedFormat":1},{"version":"f8fe7bba5c4b19c5e84c614ffcd3a76243049898678208f7af0d0a9752f17429","impliedFormat":1},{"version":"bad7d161bfe5943cb98c90ec486a46bf2ebc539bd3b9dbc3976968246d8c801d","impliedFormat":1},{"version":"be1f9104fa3890f1379e88fdbb9e104e5447ac85887ce5c124df4e3b3bc3fece","impliedFormat":1},{"version":"2d38259c049a6e5f2ea960ff4ad0b2fb1f8d303535afb9d0e590bb4482b26861","impliedFormat":1},{"version":"ae07140e803da03cc30c595a32bb098e790423629ab94fdb211a22c37171af5a","impliedFormat":1},{"version":"b0b6206f9b779be692beab655c1e99ec016d62c9ea6982c7c0108716d3ebb2ec","impliedFormat":1},{"version":"cc39605bf23068cbec34169b69ef3eb1c0585311247ceedf7a2029cf9d9711bd","impliedFormat":1},{"version":"132d600b779fb52dba5873aadc1e7cf491996c9e5abe50bcbc34f5e82c7bfe8a","impliedFormat":1},{"version":"429a4b07e9b7ff8090cc67db4c5d7d7e0a9ee5b9e5cd4c293fd80fca84238f14","impliedFormat":1},{"version":"4ffb10b4813cdca45715d9a8fc8f54c4610def1820fae0e4e80a469056e3c3d5","impliedFormat":1},{"version":"673a5aa23532b1d47a324a6945e73a3e20a6ec32c7599e0a55b2374afd1b098d","impliedFormat":1},{"version":"a70d616684949fdff06a57c7006950592a897413b2d76ec930606c284f89e0b9","impliedFormat":1},{"version":"ddfff10877e34d7c341cb85e4e9752679f9d1dd03e4c20bf2a8d175eda58d05b","impliedFormat":1},{"version":"d4afbe82fbc4e92c18f6c6e4007c68e4971aca82b887249fdcb292b6ae376153","impliedFormat":1},{"version":"9a6a791ca7ed8eaa9a3953cbf58ec5a4211e55c90dcd48301c010590a68b945e","impliedFormat":1},{"version":"10098d13345d8014bbfd83a3f610989946b3c22cdec1e6b1af60693ab6c9f575","impliedFormat":1},{"version":"0b5880de43560e2c042c5337f376b1a0bdae07b764a4e7f252f5f9767ebad590","impliedFormat":1},{"version":"d428ee406b20ed9dbddd37242395074f0aae01b7f4a8d1ff982afac5ea18ebe3","signature":"61086d83c026e6a143bc3095bfde4c82e2670bf0ebf0f2594aead4ca62b21ec3"},{"version":"250f31273b95f0ae26a53330de0b365bcb52483c329d5436b201e4b5dd19d728","signature":"ff946e70773e94ea18dacfc177c520ae245fe2dd3f5d1aaf650774e34439399d"},{"version":"d252d567201544d2d55795c3f1573e54d8f8682813c1fc256a9997c42e28f644","signature":"cf0dca6d846e442fcb74cfc8ba5def68b717a6083051837d67ef2f45c63effff"},{"version":"df08afc07b84dbfb05075afa20164e12cb79a9b0832948c062e7215bcc1659b7","signature":"a8bc7698448a23bfd7316b1d0d3e51636aa743a2c244b92dada936300010c11b"},{"version":"dd332252bb45677533cd5553e0c35340cee4c485c90c63360f8e653901286a4f","impliedFormat":1},{"version":"dddde95f3dea44dc49c9095a861298e829122a54a3f56b3b815e615501e2ed16","impliedFormat":1},{"version":"794a88237c94d74302df12ebb02f521cf5389a5bf046a3fdbdd3afb21dc02511","impliedFormat":1},{"version":"66a08d30c55a7aefa847c1f5958924a3ef9bea6cd1c962a8ff1b2548f66a6ce0","impliedFormat":1},{"version":"0790ae78f92ab08c9d7e66b59733a185a9681be5d0dc90bd20ab5d84e54dcb86","impliedFormat":1},{"version":"1046cd42ec19e4fd038c803b4fc1aff31e51e6e48a6b8237a0240a11c1c27792","impliedFormat":1},{"version":"8f93c7e1084de38a142085c7f664b0eb463428601308fb51c68b25cb687e0887","impliedFormat":1},{"version":"83f69c968d32101f8690845f47bcae016cbea049e222a5946889eb3ae37e7582","impliedFormat":1},{"version":"59c3f3ed18de1c7f5927e0eafcdc0e545db88bfae4168695a89e38a85943a86d","impliedFormat":1},{"version":"32e6c27fd3ef2b1ddbf2bf833b2962d282eb07d9d9d3831ca7f4ff63937268e1","impliedFormat":1},{"version":"406ebb72aa8fdd9227bfce7a1b3e390e2c15b27f5da37ea9e3ed19c7fb78d298","impliedFormat":1},{"version":"197109f63a34b5f9379b2d7ba82fc091659d6878db859bd428ea64740cb06669","impliedFormat":1},{"version":"059871a743c0ca4ae511cbd1e356548b4f12e82bc805ab2e1197e15b5588d1c4","impliedFormat":1},{"version":"8ccefe3940a2fcb6fef502cdbc7417bb92a19620a848f81abc6caa146ab963e9","impliedFormat":1},{"version":"44d8ec73d503ae1cb1fd7c64252ffa700243b1b2cc0afe0674cd52fe37104d60","impliedFormat":1},{"version":"67ea5a827a2de267847bb6f1071a56431aa58a4c28f8af9b60d27d5dc87b7289","impliedFormat":1},{"version":"e33bb784508856827448a22947f2cac69e19bc6e9d6ef1c4f42295f7bd4ce293","impliedFormat":1},{"version":"383bb09bfeb8c6ef424c7fbce69ec7dc59b904446f8cfec838b045f0143ce917","impliedFormat":1},{"version":"83508492e3fc5977bc73e63541e92c5a137db076aafc59dcf63e9c6ad34061c7","impliedFormat":1},{"version":"ef064b9a331b7fc9fe0b368499c52623fb85d37d8972d5758edc26064189d14d","impliedFormat":1},{"version":"d64457d06ab06ad5e5f693123ee2f17594f00e6d5481517058569deac326fea0","impliedFormat":1},{"version":"e92ea29d716c5fe1977a34e447866d5cfbd94b3f648e3b9c550603fdae0e94fb","impliedFormat":1},{"version":"3d10f47c6b1e9225c68c140235657a0cdd4fc590c18faf87dcd003fd4e22c67f","impliedFormat":1},{"version":"13989f79ff8749a8756cac50f762f87f153e3fb1c35768cc6df15968ec1adb1a","impliedFormat":1},{"version":"e014c2f91e94855a52dd9fc88867ee641a7d795cfe37e6045840ecf93dab2e6b","impliedFormat":1},{"version":"74b9f867d1cc9f4e6122f81b59c77cbd6ff39f482fb16cffdc96e4cda1b5fdb1","impliedFormat":1},{"version":"7c8574cfc7cb15a86db9bf71a7dc7669593d7f62a68470adc01b05f246bd20ff","impliedFormat":1},{"version":"c8f49d91b2669bf9414dfc47089722168602e5f64e9488dbc2b6fe1a0f6688da","impliedFormat":1},{"version":"3abee758d3d415b3b7b03551f200766c3e5dd98bb1e4ff2c696dc6f0c5f93191","impliedFormat":1},{"version":"79bd7f60a080e7565186cfdfd84eac7781fc4e7b212ab4cd315b9288c93b7dc7","impliedFormat":1},{"version":"4a2f281330a7b5ed71ebc4624111a832cd6835f3f92ad619037d06b944398cf4","impliedFormat":1},{"version":"ea8130014cb8ee30621bf521f58d036bff3b9753b2f6bd090cc88ac15836d33c","impliedFormat":1},{"version":"c740d49c5a0ecc553ddfc14b7c550e6f5a2971be9ed6e4f2280b1f1fa441551d","impliedFormat":1},{"version":"886a56c6252e130f3e4386a6d3340cf543495b54c67522d21384ed6fb80b7241","impliedFormat":1},{"version":"4b7424620432be60792ede80e0763d4b7aab9fe857efc7bbdb374e8180f4092a","impliedFormat":1},{"version":"e407db365f801ee8a693eca5c21b50fefd40acafda5a1fa67f223800319f98a8","impliedFormat":1},{"version":"529660b3de2b5246c257e288557b2cfa5d5b3c8d2240fa55a4f36ba272b57d18","impliedFormat":1},{"version":"0f6646f9aba018d0a48b8df906cb05fa4881dc7f026f27ab21d26118e5aa15de","impliedFormat":1},{"version":"b3620fcf3dd90a0e6a07268553196b65df59a258fe0ec860dfac0169e0f77c52","impliedFormat":1},{"version":"08135e83e8d9e34bab71d0cf35b015c21d0fd930091b09706c6c9c0e766aca28","impliedFormat":1},{"version":"96e14f2fdc1e3a558462ada79368ed49b004efce399f76f084059d50121bb9a9","impliedFormat":1},{"version":"56f2ade178345811f0c6c4e63584696071b1bd207536dc12384494254bc1c386","impliedFormat":1},{"version":"e484786ef14e10d044e4b16b6214179c95741e89122ba80a7c93a7e00bf624b1","impliedFormat":1},{"version":"4763ce202300b838eb045923eaeb32d9cf86092eee956ca2d4e223cef6669b13","impliedFormat":1},{"version":"7cff5fff5d1a92ae954bf587e5c35987f88cacaa006e45331b3164c4e26369de","impliedFormat":1},{"version":"c276acedaadc846336bb51dd6f2031fdf7f299d0fae1ee5936ccba222e1470ef","impliedFormat":1},{"version":"426c3234f768c89ba4810896c1ee4f97708692727cfecba85712c25982e7232b","impliedFormat":1},{"version":"ee12dd75feac91bb075e2cb0760279992a7a8f5cf513b1cffaa935825e3c58be","impliedFormat":1},{"version":"3e51868ea728ceb899bbfd7a4c7b7ad6dd24896b66812ea35893e2301fd3b23f","impliedFormat":1},{"version":"781e8669b80a9de58083ca1f1c6245ef9fb04d98add79667e3ed70bde034dfd5","impliedFormat":1},{"version":"cfd35b460a1e77a73f218ebf7c4cd1e2eeeaf3fa8d0d78a0a314c6514292e626","impliedFormat":1},{"version":"452d635c0302a0e1c5108edebcca06fc704b2f8132123b1e98a5220afa61a965","impliedFormat":1},{"version":"bbe64c26d806764999b94fcd47c69729ba7b8cb0ca839796b9bb4d887f89b367","impliedFormat":1},{"version":"b87d65da85871e6d8c27038146044cffe40defd53e5113dbd198b8bce62c32db","impliedFormat":1},{"version":"c37712451f6a80cbf8abec586510e5ac5911cb168427b08bc276f10480667338","impliedFormat":1},{"version":"ecf02c182eec24a9a449997ccc30b5f1b65da55fd48cbfc2283bcfa8edc19091","impliedFormat":1},{"version":"0b2c6075fc8139b54e8de7bcb0bed655f1f6b4bf552c94c3ee0c1771a78dea73","impliedFormat":1},{"version":"49707726c5b9248c9bac86943fc48326f6ec44fe7895993a82c3e58fb6798751","impliedFormat":1},{"version":"a9679a2147c073267943d90a0a736f271e9171de8fbc9c378803dd4b921f5ed3","impliedFormat":1},{"version":"a8a2529eec61b7639cce291bfaa2dd751cac87a106050c3c599fccb86cc8cf7f","impliedFormat":1},{"version":"bfc46b597ca6b1f6ece27df3004985c84807254753aaebf8afabd6a1a28ed506","impliedFormat":1},{"version":"7fdee9e89b5a38958c6da5a5e03f912ac25b9451dc95d9c5e87a7e1752937f14","impliedFormat":1},{"version":"b8f3eafeaf04ba3057f574a568af391ca808bdcb7b031e35505dd857db13e951","impliedFormat":1},{"version":"30b38ae72b1169c4b0d6d84c91016a7f4c8b817bfe77539817eac099081ce05c","impliedFormat":1},{"version":"c9f17e24cb01635d6969577113be7d5307f7944209205cb7e5ffc000d27a8362","impliedFormat":1},{"version":"685ead6d773e6c63db1df41239c29971a8d053f2524bfabdef49b829ae014b9a","impliedFormat":1},{"version":"b7bdabcd93148ae1aecdc239b6459dfbe35beb86d96c4bd0aca3e63a10680991","impliedFormat":1},{"version":"e83cfc51d3a6d3f4367101bfdb81283222a2a1913b3521108dbaf33e0baf764a","impliedFormat":1},{"version":"95f397d5a1d9946ca89598e67d44a214408e8d88e76cf9e5aecbbd4956802070","impliedFormat":1},{"version":"74042eac50bc369a2ed46afdd7665baf48379cf1a659c080baec52cc4e7c3f13","impliedFormat":1},{"version":"1541765ce91d2d80d16146ca7c7b3978bd696dc790300a4c2a5d48e8f72e4a64","impliedFormat":1},{"version":"ec6acc4492c770e1245ade5d4b6822b3df3ba70cf36263770230eac5927cf479","impliedFormat":1},{"version":"4c39ee6ae1d2aeda104826dd4ce1707d3d54ac34549d6257bea5d55ace844c29","impliedFormat":1},{"version":"deb099454aabad024656e1fc033696d49a9e0994fc3210b56be64c81b59c2b20","impliedFormat":1},{"version":"80eec3c0a549b541de29d3e46f50a3857b0b90552efeeed90c7179aba7215e2f","impliedFormat":1},{"version":"a4153fbd5c9c2f03925575887c4ce96fc2b3d2366a2d80fad5efdb75056e5076","impliedFormat":1},{"version":"6f7c70ca6fa1a224e3407eb308ec7b894cfc58042159168675ccbe8c8d4b3c80","impliedFormat":1},{"version":"4b56181b844219895f36cfb19100c202e4c7322569dcda9d52f5c8e0490583c9","impliedFormat":1},{"version":"5609530206981af90de95236ce25ddb81f10c5a6a346bf347a86e2f5c40ae29b","impliedFormat":1},{"version":"632ce3ee4a6b320a61076aeca3da8432fb2771280719fde0936e077296c988a9","impliedFormat":1},{"version":"8b293d772aff6db4985bd6b33b364d971399993abb7dc3f19ceed0f331262f04","impliedFormat":1},{"version":"4eb7bad32782df05db4ba1c38c6097d029bed58f0cb9cda791b8c104ccfdaa1f","impliedFormat":1},{"version":"c6a8aa80d3dde8461b2d8d03711dbdf40426382923608aac52f1818a3cead189","impliedFormat":1},{"version":"bf5e79170aa7fc005b5bf87f2fe3c28ca8b22a1f7ff970aa2b1103d690593c92","impliedFormat":1},{"version":"ba3c92c785543eba69fbd333642f5f7da0e8bce146dec55f06cfe93b41e7e12f","impliedFormat":1},{"version":"c6d72ececae6067e65c78076a5d4a508f16c806577a3d206259a0d0bfeedc8d1","impliedFormat":1},{"version":"b6429631df099addfcd4a5f33a046cbbde1087e3fc31f75bfbbd7254ef98ea3c","impliedFormat":1},{"version":"4e9cf1b70c0faf6d02f1849c4044368dc734ad005c875fe7957b7df5afe867c9","impliedFormat":1},{"version":"7498b7d83674a020bd6be46aeed3f0717610cb2ae76d8323e560e964eb122d0c","impliedFormat":1},{"version":"b80405e0473b879d933703a335575858b047e38286771609721c6ab1ea242741","impliedFormat":1},{"version":"7193dfd01986cd2da9950af33229f3b7c5f7b1bee0be9743ad2f38ec3042305e","impliedFormat":1},{"version":"1ccb40a5b22a6fb32e28ffb3003dea3656a106dd3ed42f955881858563776d2c","impliedFormat":1},{"version":"8d97d5527f858ae794548d30d7fc78b8b9f6574892717cc7bc06307cc3f19c83","impliedFormat":1},{"version":"ccb4ecdc8f28a4f6644aa4b5ab7337f9d93ff99c120b82b1c109df12915292ac","impliedFormat":1},{"version":"8bbcf9cecabe7a70dcb4555164970cb48ba814945cb186493d38c496f864058f","impliedFormat":1},{"version":"7d57bdfb9d227f8a388524a749f5735910b3f42adfe01bfccca9999dc8cf594c","impliedFormat":1},{"version":"3508810388ea7c6585496ee8d8af3479880aba4f19c6bbd61297b17eb30428f4","impliedFormat":1},{"version":"56931daef761e6bdd586358664ccd37389baabeb5d20fe39025b9af90ea169a5","impliedFormat":1},{"version":"abb48247ab33e8b8f188ef2754dfa578129338c0f2e277bfc5250b14ef1ab7c5","impliedFormat":1},{"version":"beaba1487671ed029cf169a03e6d680540ea9fa8b810050bc94cb95d5e462db2","impliedFormat":1},{"version":"1418ef0ba0a978a148042bc460cf70930cd015f7e6d41e4eb9348c4909f0e16d","impliedFormat":1},{"version":"56be4f89812518a2e4f0551f6ef403ffdeb8158a7c271b681096a946a25227e9","impliedFormat":1},{"version":"bbb0937150b7ab2963a8bc260e86a8f7d2f10dc5ee7ddb1b4976095a678fdaa4","impliedFormat":1},{"version":"862301d178172dc3c6f294a9a04276b30b6a44d5f44302a6e9d7dc1b4145b20b","impliedFormat":1},{"version":"cbf20c7e913c08cb08c4c3f60dae4f190abbabaa3a84506e75e89363459952f0","impliedFormat":1},{"version":"0f3333443f1fea36c7815601af61cb3184842c06116e0426d81436fc23479cb8","impliedFormat":1},{"version":"421d3e78ed21efcbfa86a18e08d5b6b9df5db65340ef618a9948c1f240859cc1","impliedFormat":1},{"version":"b1225bc77c7d2bc3bad15174c4fd1268896a90b9ab3b306c99b1ade2f88cddcc","impliedFormat":1},{"version":"ca46e113e95e7c8d2c659d538b25423eac6348c96e94af3b39382330b3929f2a","impliedFormat":1},{"version":"03ca07dbb8387537b242b3add5deed42c5143b90b5a10a3c51f7135ca645bd63","impliedFormat":1},{"version":"ca936efd902039fda8a9fc3c7e7287801e7e3d5f58dd16bf11523dc848a247d7","impliedFormat":1},{"version":"2c7b3bfa8b39ed4d712a31e24a8f4526b82eeca82abb3828f0e191541f17004c","impliedFormat":1},{"version":"5ffaae8742b1abbe41361441aa9b55a4e42aee109f374f9c710a66835f14a198","impliedFormat":1},{"version":"ecab0f43679211efc9284507075e0b109c5ad024e49b190bb28da4adfe791e49","impliedFormat":1},{"version":"967109d5bc55face1aaa67278fc762ac69c02f57277ab12e5d16b65b9023b04f","impliedFormat":1},{"version":"36d25571c5c35f4ce81c9dcae2bdd6bbaf12e8348d57f75b3ef4e0a92175cd41","impliedFormat":1},{"version":"fde94639a29e3d16b84ea50d5956ee76263f838fa70fe793c04d9fce2e7c85b9","impliedFormat":1},{"version":"5f4c286fea005e44653b760ebfc81162f64aabc3d1712fd4a8b70a982b8a5458","impliedFormat":1},{"version":"e02dabe428d1ffd638eccf04a6b5fba7b2e8fccee984e4ef2437afc4e26f91c2","impliedFormat":1},{"version":"60dc0180bd223aa476f2e6329dca42fb0acaa71b744a39eb3f487ab0f3472e1c","impliedFormat":1},{"version":"b6fdbecf77dcbf1b010e890d1a8d8bfa472aa9396e6c559e0fceee05a3ef572f","impliedFormat":1},{"version":"e1bf9d73576e77e3ae62695273909089dbbb9c44fb52a1471df39262fe518344","impliedFormat":1},{"version":"d2d57df33a7a5ea6db5f393df864e3f8f8b8ee1dfdfe58180fb5d534d617470f","impliedFormat":1},{"version":"fdcd692f0ac95e72a0c6d1e454e13d42349086649828386fe7368ac08c989288","impliedFormat":1},{"version":"5583eef89a59daa4f62dd00179a3aeff4e024db82e1deff2c7ec3014162ea9a2","impliedFormat":1},{"version":"b0641d9de5eaa90bff6645d754517260c3536c925b71c15cb0f189b68c5386b4","impliedFormat":1},{"version":"9899a0434bd02881d19cb08b98ddd0432eb0dafbfe5566fa4226bdd15624b56f","impliedFormat":1},{"version":"4496c81ce10a0a9a2b9cb1dd0e0ddf63169404a3fb116eb65c52b4892a2c91b9","impliedFormat":1},{"version":"ecdb4312822f5595349ec7696136e92ecc7de4c42f1ea61da947807e3f11ebfc","impliedFormat":1},{"version":"42edbfb7198317dd7359ce3e52598815b5dc5ca38af5678be15a4086cccd7744","impliedFormat":1},{"version":"8105321e64143a22ed5411258894fb0ba3ec53816dad6be213571d974542feeb","impliedFormat":1},{"version":"d1b34c4f74d3da4bdf5b29bb930850f79fd5a871f498adafb19691e001c4ea42","impliedFormat":1},{"version":"9a1caf586e868bf47784176a62bf71d4c469ca24734365629d3198ebc80858d7","impliedFormat":1},{"version":"35a443f013255b33d6b5004d6d7e500548536697d3b6ba1937fd788ca4d5d37b","impliedFormat":1},{"version":"b591c69f31d30e46bc0a2b383b713f4b10e63e833ec42ee352531bbad2aadfaa","impliedFormat":1},{"version":"31e686a96831365667cbd0d56e771b19707bad21247d6759f931e43e8d2c797d","impliedFormat":1},{"version":"dfc3b8616bece248bf6cd991987f723f19c0b9484416835a67a8c5055c5960e0","impliedFormat":1},{"version":"03b64b13ecf5eb4e015a48a01bc1e70858565ec105a5639cfb2a9b63db59b8b1","impliedFormat":1},{"version":"c56cc01d91799d39a8c2d61422f4d5df44fab62c584d86c8a4469a5c0675f7c6","impliedFormat":1},{"version":"5205951312e055bc551ed816cbb07e869793e97498ef0f2277f83f1b13e50e03","impliedFormat":1},{"version":"50b1aeef3e7863719038560b323119f9a21f5bd075bb97efe03ee7dec23e9f1b","impliedFormat":1},{"version":"0cc13970d688626da6dce92ae5d32edd7f9eabb926bb336668e5095031833b7c","impliedFormat":1},{"version":"3be9c1368c34165ba541027585f438ed3e12ddc51cdc49af018e4646d175e6a1","impliedFormat":1},{"version":"7d617141eb3f89973b1e58202cdc4ba746ea086ef35cdedf78fb04a8bb9b8236","impliedFormat":1},{"version":"ea6d9d94247fd6d72d146467070fe7fc45e4af6e0f6e046b54438fd20d3bd6a2","impliedFormat":1},{"version":"d584e4046091cdef5df0cb4de600d46ba83ff3a683c64c4d30f5c5a91edc6c6c","impliedFormat":1},{"version":"ce68902c1612e8662a8edde462dff6ee32877ed035f89c2d5e79f8072f96aed0","impliedFormat":1},{"version":"0fdcf43fd0f1d8cacc83da11ba56bda5697fd2be7d3f282141903212169dad34","impliedFormat":1},{"version":"015ba7d990cac24d4ff045d75e5b1e74edd306223bae571e3862c92cec7e6515","impliedFormat":1},{"version":"59cd834d4204f5467061c56e16cd3c68eb2d5ce15e27d2b4c0a30a68a9bbb870","impliedFormat":1},{"version":"a8761b5c12f6b4fdfb6bb5698935397e81df493e15c067752f1193b28ca1aa01","impliedFormat":1},{"version":"760a3050427dc1e3d3228fbcfb17f5e9f9c62b7a21af098da05e5d7f1c110fd6","impliedFormat":1},{"version":"cac3a87600ffc325e1e2bff3830e3e9977de05b66e4384f3625e1378222575bb","impliedFormat":1},{"version":"14826ddd521dfed918eead9e6f65fd33f1d37a1f5723a647c0fcebde5fb2680b","impliedFormat":1},{"version":"5da3fd402befb210af1893188bd9199d8193bbf24cceeb7bb0c5262eae410ab4","impliedFormat":1},{"version":"d48ac7569126b1bc3cd899c3930ef9cf22a72d51cf45b60fc129380ae840c2f2","impliedFormat":1},{"version":"e4f0d7556fda4b2288e19465aa787a57174b93659542e3516fd355d965259712","impliedFormat":1},{"version":"756b471ce6ec8250f0682e4ad9e79c2fddbe40618ba42e84931dbb65d7ac9ab0","impliedFormat":1},{"version":"ce9635a3551490c9acdbcb9a0491991c3d9cd472e04d4847c94099252def0c94","impliedFormat":1},{"version":"b70ee10430cc9081d60eb2dc3bee49c1db48619d1269680e05843fdaba4b2f7a","impliedFormat":1},{"version":"9b78500996870179ab99cbbc02dffbb35e973d90ab22c1fb343ed8958598a36c","impliedFormat":1},{"version":"c6ee8f32bb16015c07b17b397e1054d6906bc916ab6f9cd53a1f9026b7080dbf","impliedFormat":1},{"version":"67e913fa79af629ee2805237c335ea5768ea09b0b541403e8a7eaef253e014d9","impliedFormat":1},{"version":"0b8a688a89097bd4487a78c33e45ca2776f5aedaa855a5ba9bc234612303c40e","impliedFormat":1},{"version":"188e5381ed8c466256937791eab2cc2b08ddcc5e4aaf6b4b43b8786ed1ab5edd","impliedFormat":1},{"version":"8559f8d381f1e801133c61d329df80f7fdab1cbad5c69ebe448b6d3c104a65bd","impliedFormat":1},{"version":"00a271352b854c5d07123587d0bb1e18b54bf2b45918ab0e777d95167fd0cb0b","impliedFormat":1},{"version":"10c4be0feeac95619c52d82e31a24f102b593b4a9eba92088c6d40606f95b85d","impliedFormat":1},{"version":"e1385f59b1421fceba87398c3eb16064544a0ce7a01b3a3f21fa06601dc415dc","impliedFormat":1},{"version":"bacf2c0f8cbfc5537b3c64fc79d3636a228ccbb00d769fb1426b542efe273585","impliedFormat":1},{"version":"3103c479ff634c3fbd7f97a1ccbfb645a82742838cb949fdbcf30dd941aa7c85","impliedFormat":1},{"version":"4b37b3fab0318aaa1d73a6fde1e3d886398345cff4604fe3c49e19e7edd8a50d","impliedFormat":1},{"version":"bf429e19e155685bda115cc7ea394868f02dec99ee51cfad8340521a37a5867a","impliedFormat":1},{"version":"72116c0e0042fd5aa020c2c121e6decfa5414cf35d979f7db939f15bb50d2943","impliedFormat":1},{"version":"20510f581b0ee148a80809122f9bcaa38e4691d3183a4ed585d6d02ffe95a606","impliedFormat":1},{"version":"71f4b56ed57bbdea38e1b12ad6455653a1fbf5b1f1f961d75d182bff544a9723","impliedFormat":1},{"version":"b3e1c5db2737b0b8357981082b7c72fe340edf147b68f949413fee503a5e2408","impliedFormat":1},{"version":"396e64a647f4442a770b08ed23df3c559a3fa7e35ffe2ae0bbb1f000791bda51","impliedFormat":1},{"version":"698551f7709eb21c3ddec78b4b7592531c3e72e22e0312a128c40bb68692a03f","impliedFormat":1},{"version":"662b28f09a4f60e802023b3a00bdd52d09571bc90bf2e5bfbdbc04564731a25e","impliedFormat":1},{"version":"e6b8fb8773eda2c898e414658884c25ff9807d2fce8f3bdb637ab09415c08c3c","impliedFormat":1},{"version":"528288d7682e2383242090f09afe55f1a558e2798ceb34dc92ae8d6381e3504a","impliedFormat":1},{"version":"e7c2f40dc99121500ad108a4f86541d29cac105ed018f994c7c5a2836e77b257","impliedFormat":1},{"version":"90e930283286ab117ab89f00589cf89ab5e9992bc57e79f303b36ee14649bdd9","impliedFormat":1},{"version":"6d48a6c907c668a6d6eda66acec4242e367c983e073100e35c1e234c424ad1a4","impliedFormat":1},{"version":"68a0e898d6c39160f1326ef922508914498c7a2d0b5a0d9222b7928d343214eb","impliedFormat":1},{"version":"69d96a8522b301a9e923ac4e42dd37fc942763740b183dffa3d51aca87f978d5","impliedFormat":1},{"version":"ff2fadad64868f1542a69edeadf5c5519e9c89e33bec267605298f8d172417c7","impliedFormat":1},{"version":"2866ae69517d6605a28d0c8d5dff4f15a0b876eeb8e5a1cbc51631d9c6793d3f","impliedFormat":1},{"version":"f8c4434aa8cbd4ede2a75cbc5532b6a12c9cac67c3095ed907e54f3f89d2e628","impliedFormat":1},{"version":"0b8adc0ae60a47acf65575952eee568b3d497f9975e3162f408052a99e65f488","impliedFormat":1},{"version":"ede9879d22f7ce68a8c99e455acab32fc45091c6eed9625549742b03e1f1ac1a","impliedFormat":1},{"version":"0e8c007c6e404da951c3d98a489ac0a3e9b6567648b997c03445ac69d7938c1c","impliedFormat":1},{"version":"f2a4866bed198a7c804b58ee39efe74c66ecdcf2dfebef0b9895d534a50790c4","impliedFormat":1},{"version":"ad72538d0c5e417ee6621e1b54691c274bcacaa1807c9895c5fa6d40b45fb631","impliedFormat":1},{"version":"4f851c59f3112702f6178e76204f839e3156daa98b5b7d7e3fc407a6c5764118","impliedFormat":1},{"version":"57511f723968d2f41dd2d55b9fbc5d0f3107af4e4227db0fb357c904bd34e690","impliedFormat":1},{"version":"9585df69c074d82dda33eadd6e5dccd164659f59b09bd5a0d25874770cf6042d","impliedFormat":1},{"version":"f6f6ce3e3718c2e7592e09d91c43b44318d47bca8ee353426252c694127f2dcb","impliedFormat":1},{"version":"4f70076586b8e194ef3d1b9679d626a9a61d449ba7e91dfc73cbe3904b538aa0","impliedFormat":1},{"version":"6d5838c172ff503ef37765b86019b80e3abe370105b2e1c4510d6098b0e84414","impliedFormat":1},{"version":"1876dac2baa902e2b7ebed5e03b95f338192dc03a6e4b0731733d675ba4048f3","impliedFormat":1},{"version":"8086407dd2a53ce700125037abf419bddcce43c14b3cf5ea3ac1ebded5cad011","impliedFormat":1},{"version":"c2501eb4c4e05c2d4de551a4bace9c28d06a0d89b228443f69eb3d7f9049fbd6","impliedFormat":1},{"version":"1829f790849d54ea3d736c61fdefd3237bede9c5784f4c15dfdafb7e0a9b8f63","impliedFormat":1},{"version":"5392feeda1bf0a1cc755f7339ea486b7a4d0d019774da8057ddc85347359ed63","impliedFormat":1},{"version":"c998117afca3af8432598c7e8d530d8376d0ca4871a34137db8caa1e94d94818","impliedFormat":1},{"version":"4e465f7e9a161a5a5248a18af79dbfbf06e8e1255bfdc8f63ab15475a2ba48bd","impliedFormat":1},{"version":"e0353c5070349846fe9835d782a8ce338d6d4172c603d14a6b364d6354957a4e","impliedFormat":1},{"version":"323133630008263f857a6d8350e36fb7f6e8d221ec0a425b075c20290570c020","impliedFormat":1},{"version":"c04e691d64b97e264ca4d000c287a53f2a75527556962cdbe3e8e2b301dac906","impliedFormat":1},{"version":"3733dba5107de9152f98da9bcb21bf6c91ac385f3b22f30ed08d0dc5e74c966f","impliedFormat":1},{"version":"d3ec922ddd9677696ee0552f10e95c4e59f85bb8c93fd76cd41b2dd93988ff39","impliedFormat":1},{"version":"0492c0d35e05c0fdd638980e02f3a7cdec18b311959fc730d85ed7e1d4ff38a7","impliedFormat":1},{"version":"c7122ba860d3497fa04a112d424ee88b50c482360042972bcf0917c5b82f4484","impliedFormat":1},{"version":"838f52090a0d39dce3c42e0ccb0db8db250c712c1fa2cd36799910c8f8a7f7bf","impliedFormat":1},{"version":"116ec624095373939de9edb03619916226f5e5b6e93cd761c4bda4efecb104fc","impliedFormat":1},{"version":"8e6b8259bfd8c8c3d6ed79349b7f2f69476d255aede2cd6c0acb0869ad8c6fdd","impliedFormat":1},{"version":"7e3373dde2bba74076250204bd2af3aa44225717435e46396ef076b1954d2729","impliedFormat":1},{"version":"1c3dfad66ff0ba98b41c98c6f41af096fc56e959150bc3f44b2141fb278082fd","impliedFormat":1},{"version":"56208c500dcb5f42be7e18e8cb578f257a1a89b94b3280c506818fed06391805","impliedFormat":1},{"version":"0c94c2e497e1b9bcfda66aea239d5d36cd980d12a6d9d59e66f4be1fa3da5d5a","impliedFormat":1},{"version":"eb9271b3c585ea9dc7b19b906a921bf93f30f22330408ffec6df6a22057f3296","impliedFormat":1},{"version":"0205ee059bd2c4e12dcadc8e2cbd0132e27aeba84082a632681bd6c6c61db710","impliedFormat":1},{"version":"a694d38afadc2f7c20a8b1d150c68ac44d1d6c0229195c4d52947a89980126bc","impliedFormat":1},{"version":"9f1e00eab512de990ba27afa8634ca07362192063315be1f8166bc3dcc7f0e0f","impliedFormat":1},{"version":"9674788d4c5fcbd55c938e6719177ac932c304c94e0906551cc57a7942d2b53b","impliedFormat":1},{"version":"86dac6ce3fcd0a069b67a1ac9abdbce28588ea547fd2b42d73c1a2b7841cf182","impliedFormat":1},{"version":"4d34fbeadba0009ed3a1a5e77c99a1feedec65d88c4d9640910ff905e4e679f7","impliedFormat":1},{"version":"9d90361f495ed7057462bcaa9ae8d8dbad441147c27716d53b3dfeaea5bb7fc8","impliedFormat":1},{"version":"8fcc5571404796a8fe56e5c4d05049acdeac9c7a72205ac15b35cb463916d614","impliedFormat":1},{"version":"a3b3a1712610260c7ab96e270aad82bd7b28a53e5776f25a9a538831057ff44c","impliedFormat":1},{"version":"33a2af54111b3888415e1d81a7a803d37fada1ed2f419c427413742de3948ff5","impliedFormat":1},{"version":"d5a4fca3b69f2f740e447efb9565eecdbbe4e13f170b74dd4a829c5c9a5b8ebf","impliedFormat":1},{"version":"56f1e1a0c56efce87b94501a354729d0a0898508197cb50ab3e18322eb822199","impliedFormat":1},{"version":"8960e8c1730aa7efb87fcf1c02886865229fdbf3a8120dd08bb2305d2241bd7e","impliedFormat":1},{"version":"27bf82d1d38ea76a590cbe56873846103958cae2b6f4023dc59dd8282b66a38a","impliedFormat":1},{"version":"0daaab2afb95d5e1b75f87f59ee26f85a5f8d3005a799ac48b38976b9b521e69","impliedFormat":1},{"version":"2c378d9368abcd2eba8c29b294d40909845f68557bc0b38117e4f04fc56e5f9c","impliedFormat":1},{"version":"bb220eaac1677e2ad82ac4e7fd3e609a0c7b6f2d6d9c673a35068c97f9fcd5cd","affectsGlobalScope":true,"impliedFormat":1},{"version":"c60b14c297cc569c648ddaea70bc1540903b7f4da416edd46687e88a543515a1","impliedFormat":1},{"version":"94a802503ca276212549e04e4c6b11c4c14f4fa78722f90f7f0682e8847af434","impliedFormat":1},{"version":"9c0217750253e3bf9c7e3821e51cff04551c00e63258d5e190cf8bd3181d5d4a","impliedFormat":1},{"version":"5c2e7f800b757863f3ddf1a98d7521b8da892a95c1b2eafb48d652a782891677","impliedFormat":1},{"version":"21317aac25f94069dbcaa54492c014574c7e4d680b3b99423510b51c4e36035f","impliedFormat":1},{"version":"c61d8275c35a76cb12c271b5fa8707bb46b1e5778a370fd6037c244c4df6a725","impliedFormat":1},{"version":"c7793cb5cd2bef461059ca340fbcd19d7ddac7ab3dcc6cd1c90432fca260a6ae","impliedFormat":1},{"version":"fd3bf6d545e796ebd31acc33c3b20255a5bc61d963787fc8473035ea1c09d870","impliedFormat":1},{"version":"c7af51101b509721c540c86bb5fc952094404d22e8a18ced30c38a79619916fa","impliedFormat":1},{"version":"59c8f7d68f79c6e3015f8aee218282d47d3f15b85e5defc2d9d1961b6ffed7a0","impliedFormat":1},{"version":"93a2049cbc80c66aa33582ec2648e1df2df59d2b353d6b4a97c9afcbb111ccab","impliedFormat":1},{"version":"d04d359e40db3ae8a8c23d0f096ad3f9f73a9ef980f7cb252a1fdc1e7b3a2fb9","impliedFormat":1},{"version":"84aa4f0c33c729557185805aae6e0df3bd084e311da67a10972bbcf400321ff0","impliedFormat":1},{"version":"cf6cbe50e3f87b2f4fd1f39c0dc746b452d7ce41b48aadfdb724f44da5b6f6ed","impliedFormat":1},{"version":"3cf494506a50b60bf506175dead23f43716a088c031d3aa00f7220b3fbcd56c9","impliedFormat":1},{"version":"f2d47126f1544c40f2b16fc82a66f97a97beac2085053cf89b49730a0e34d231","impliedFormat":1},{"version":"724ac138ba41e752ae562072920ddee03ba69fe4de5dafb812e0a35ef7fb2c7e","impliedFormat":1},{"version":"e4eb3f8a4e2728c3f2c3cb8e6b60cadeb9a189605ee53184d02d265e2820865c","impliedFormat":1},{"version":"f16cb1b503f1a64b371d80a0018949135fbe06fb4c5f78d4f637b17921a49ee8","impliedFormat":1},{"version":"f4808c828723e236a4b35a1415f8f550ff5dec621f81deea79bf3a051a84ffd0","impliedFormat":1},{"version":"3b810aa3410a680b1850ab478d479c2f03ed4318d1e5bf7972b49c4d82bacd8d","impliedFormat":1},{"version":"0ce7166bff5669fcb826bc6b54b246b1cf559837ea9cc87c3414cc70858e6097","impliedFormat":1},{"version":"6ea095c807bc7cc36bc1774bc2a0ef7174bf1c6f7a4f6b499170b802ce214bfe","impliedFormat":1},{"version":"3549400d56ee2625bb5cc51074d3237702f1f9ffa984d61d9a2db2a116786c22","impliedFormat":1},{"version":"5327f9a620d003b202eff5db6be0b44e22079793c9a926e0a7a251b1dbbdd33f","impliedFormat":1},{"version":"b60f6734309d20efb9b0e0c7e6e68282ee451592b9c079dd1a988bb7a5eeb5e7","impliedFormat":1},{"version":"f4187a4e2973251fd9655598aa7e6e8bba879939a73188ee3290bb090cc46b15","impliedFormat":1},{"version":"44c1a26f578277f8ccef3215a4bd642a0a4fbbaf187cf9ae3053591c891fdc9c","impliedFormat":1},{"version":"a5989cd5e1e4ca9b327d2f93f43e7c981f25ee12a81c2ebde85ec7eb30f34213","impliedFormat":1},{"version":"f65b8fa1532dfe0ef2c261d63e72c46fe5f089b28edcd35b3526328d42b412b8","impliedFormat":1},{"version":"1060083aacfc46e7b7b766557bff5dafb99de3128e7bab772240877e5bfe849d","impliedFormat":1},{"version":"d61a3fa4243c8795139e7352694102315f7a6d815ad0aeb29074cfea1eb67e93","impliedFormat":1},{"version":"1f66b80bad5fa29d9597276821375ddf482c84cfb12e8adb718dc893ffce79e0","impliedFormat":1},{"version":"1ed8606c7b3612e15ff2b6541e5a926985cbb4d028813e969c1976b7f4133d73","impliedFormat":1},{"version":"c086ab778e9ba4b8dbb2829f42ef78e2b28204fc1a483e42f54e45d7a96e5737","impliedFormat":1},{"version":"dd0b9b00a39436c1d9f7358be8b1f32571b327c05b5ed0e88cc91f9d6b6bc3c9","impliedFormat":1},{"version":"a951a7b2224a4e48963762f155f5ad44ca1145f23655dde623ae312d8faeb2f2","impliedFormat":1},{"version":"cd960c347c006ace9a821d0a3cffb1d3fbc2518a4630fb3d77fe95f7fd0758b8","impliedFormat":1},{"version":"fe1f3b21a6cc1a6bc37276453bd2ac85910a8bdc16842dc49b711588e89b1b77","impliedFormat":1},{"version":"1a6a21ff41d509ab631dbe1ea14397c518b8551f040e78819f9718ef80f13975","impliedFormat":1},{"version":"0a55c554e9e858e243f714ce25caebb089e5cc7468d5fd022c1e8fa3d8e8173d","impliedFormat":1},{"version":"3a5e0fe9dcd4b1a9af657c487519a3c39b92a67b1b21073ff20e37f7d7852e32","impliedFormat":1},{"version":"977aeb024f773799d20985c6817a4c0db8fed3f601982a52d4093e0c60aba85f","impliedFormat":1},{"version":"d59cf5116848e162c7d3d954694f215b276ad10047c2854ed2ee6d14a481411f","impliedFormat":1},{"version":"50098be78e7cbfc324dfc04983571c80539e55e11a0428f83a090c13c41824a2","impliedFormat":1},{"version":"08e767d9d3a7e704a9ea5f057b0f020fd5880bc63fbb4aa6ffee73be36690014","impliedFormat":1},{"version":"dd6051c7b02af0d521857069c49897adb8595d1f0e94487d53ebc157294ef864","impliedFormat":1},{"version":"79c6a11f75a62151848da39f6098549af0dd13b22206244961048326f451b2a8","impliedFormat":1},{"version":"309ebd217636d68cf8784cbc3272c16fb94fb8e969e18b6fe88c35200340aef1","impliedFormat":1},{"version":"f987c74a4b4baf361afbf22a16d230ee490d662f9aa2066853bb7ebbb8611355","impliedFormat":1},{"version":"1ff91526fcdd634148c655ef86e912a273ce6a0239e2505701561f086678262b","impliedFormat":1},{"version":"bd93f6fc4da70275db4def32903eed2be03547a41857142df63ddfebb9a67bdf","impliedFormat":1},{"version":"8d67b13da77316a8a2fabc21d340866ddf8a4b99e76a6c951cc45189142df652","impliedFormat":1},{"version":"7952419455ca298776db0005b9b5b75571d484d526a29bfbdf041652213bce6f","impliedFormat":1},{"version":"21360500b20e0ec570f26f1cbb388c155ede043698970f316969840da4f16465","impliedFormat":1},{"version":"3a819c2928ee06bbcc84e2797fd3558ae2ebb7e0ed8d87f71732fb2e2acc87b4","impliedFormat":1},{"version":"1765e61249cb44bf5064d42bfa06956455bbc74dc05f074d5727e8962592c920","impliedFormat":1},{"version":"e0bfe601a9fdf6defe94ed62dc60ac71597566001a1f86e705c95e431a9c816d","impliedFormat":1},{"version":"e0bfe601a9fdf6defe94ed62dc60ac71597566001a1f86e705c95e431a9c816d","impliedFormat":1},{"version":"e0bfe601a9fdf6defe94ed62dc60ac71597566001a1f86e705c95e431a9c816d","impliedFormat":1},{"version":"26384fb401f582cae1234213c3dc75fdc80e3d728a0a1c55b405be8a0c6dddbe","impliedFormat":1},{"version":"e0bfe601a9fdf6defe94ed62dc60ac71597566001a1f86e705c95e431a9c816d","impliedFormat":1},{"version":"e0bfe601a9fdf6defe94ed62dc60ac71597566001a1f86e705c95e431a9c816d","impliedFormat":1},{"version":"e0bfe601a9fdf6defe94ed62dc60ac71597566001a1f86e705c95e431a9c816d","impliedFormat":1},{"version":"e0bfe601a9fdf6defe94ed62dc60ac71597566001a1f86e705c95e431a9c816d","impliedFormat":1},{"version":"26384fb401f582cae1234213c3dc75fdc80e3d728a0a1c55b405be8a0c6dddbe","impliedFormat":1},{"version":"26384fb401f582cae1234213c3dc75fdc80e3d728a0a1c55b405be8a0c6dddbe","impliedFormat":1},{"version":"e0bfe601a9fdf6defe94ed62dc60ac71597566001a1f86e705c95e431a9c816d","impliedFormat":1},{"version":"e0bfe601a9fdf6defe94ed62dc60ac71597566001a1f86e705c95e431a9c816d","impliedFormat":1},{"version":"e0bfe601a9fdf6defe94ed62dc60ac71597566001a1f86e705c95e431a9c816d","impliedFormat":1},{"version":"e0bfe601a9fdf6defe94ed62dc60ac71597566001a1f86e705c95e431a9c816d","impliedFormat":1},{"version":"e0bfe601a9fdf6defe94ed62dc60ac71597566001a1f86e705c95e431a9c816d","impliedFormat":1},{"version":"e0bfe601a9fdf6defe94ed62dc60ac71597566001a1f86e705c95e431a9c816d","impliedFormat":1},{"version":"e0bfe601a9fdf6defe94ed62dc60ac71597566001a1f86e705c95e431a9c816d","impliedFormat":1},{"version":"e0bfe601a9fdf6defe94ed62dc60ac71597566001a1f86e705c95e431a9c816d","impliedFormat":1},{"version":"26384fb401f582cae1234213c3dc75fdc80e3d728a0a1c55b405be8a0c6dddbe","impliedFormat":1},{"version":"e0bfe601a9fdf6defe94ed62dc60ac71597566001a1f86e705c95e431a9c816d","impliedFormat":1},{"version":"e0bfe601a9fdf6defe94ed62dc60ac71597566001a1f86e705c95e431a9c816d","impliedFormat":1},{"version":"26384fb401f582cae1234213c3dc75fdc80e3d728a0a1c55b405be8a0c6dddbe","impliedFormat":1},{"version":"e0bfe601a9fdf6defe94ed62dc60ac71597566001a1f86e705c95e431a9c816d","impliedFormat":1},{"version":"e0bfe601a9fdf6defe94ed62dc60ac71597566001a1f86e705c95e431a9c816d","impliedFormat":1},{"version":"e0bfe601a9fdf6defe94ed62dc60ac71597566001a1f86e705c95e431a9c816d","impliedFormat":1},{"version":"26384fb401f582cae1234213c3dc75fdc80e3d728a0a1c55b405be8a0c6dddbe","impliedFormat":1},{"version":"e0bfe601a9fdf6defe94ed62dc60ac71597566001a1f86e705c95e431a9c816d","impliedFormat":1},{"version":"e0bfe601a9fdf6defe94ed62dc60ac71597566001a1f86e705c95e431a9c816d","impliedFormat":1},{"version":"e0bfe601a9fdf6defe94ed62dc60ac71597566001a1f86e705c95e431a9c816d","impliedFormat":1},{"version":"e0bfe601a9fdf6defe94ed62dc60ac71597566001a1f86e705c95e431a9c816d","impliedFormat":1},{"version":"e0bfe601a9fdf6defe94ed62dc60ac71597566001a1f86e705c95e431a9c816d","impliedFormat":1},{"version":"e0bfe601a9fdf6defe94ed62dc60ac71597566001a1f86e705c95e431a9c816d","impliedFormat":1},{"version":"e0bfe601a9fdf6defe94ed62dc60ac71597566001a1f86e705c95e431a9c816d","impliedFormat":1},{"version":"e0bfe601a9fdf6defe94ed62dc60ac71597566001a1f86e705c95e431a9c816d","impliedFormat":1},{"version":"e0bfe601a9fdf6defe94ed62dc60ac71597566001a1f86e705c95e431a9c816d","impliedFormat":1},{"version":"e0bfe601a9fdf6defe94ed62dc60ac71597566001a1f86e705c95e431a9c816d","impliedFormat":1},{"version":"e0bfe601a9fdf6defe94ed62dc60ac71597566001a1f86e705c95e431a9c816d","impliedFormat":1},{"version":"e0bfe601a9fdf6defe94ed62dc60ac71597566001a1f86e705c95e431a9c816d","impliedFormat":1},{"version":"e0bfe601a9fdf6defe94ed62dc60ac71597566001a1f86e705c95e431a9c816d","impliedFormat":1},{"version":"26384fb401f582cae1234213c3dc75fdc80e3d728a0a1c55b405be8a0c6dddbe","impliedFormat":1},{"version":"e0bfe601a9fdf6defe94ed62dc60ac71597566001a1f86e705c95e431a9c816d","impliedFormat":1},{"version":"e0bfe601a9fdf6defe94ed62dc60ac71597566001a1f86e705c95e431a9c816d","impliedFormat":1},{"version":"e0bfe601a9fdf6defe94ed62dc60ac71597566001a1f86e705c95e431a9c816d","impliedFormat":1},{"version":"e0bfe601a9fdf6defe94ed62dc60ac71597566001a1f86e705c95e431a9c816d","impliedFormat":1},{"version":"e0bfe601a9fdf6defe94ed62dc60ac71597566001a1f86e705c95e431a9c816d","impliedFormat":1},{"version":"e0bfe601a9fdf6defe94ed62dc60ac71597566001a1f86e705c95e431a9c816d","impliedFormat":1},{"version":"e0bfe601a9fdf6defe94ed62dc60ac71597566001a1f86e705c95e431a9c816d","impliedFormat":1},{"version":"568b463d762d0df07ed10081293715069168ad7cf6308525a3bb93777b127845","impliedFormat":1},{"version":"6e5857f38aa297a859cab4ec891408659218a5a2610cd317b6dcbef9979459cc","impliedFormat":1},{"version":"add0ce7b77ba5b308492fa68f77f24d1ed1d9148534bdf05ac17c30763fc1a79","impliedFormat":1},{"version":"56ccc6238510b913f5e6c21afdc447632873f76748d0b30a87cb313b42f1c196","impliedFormat":1},{"version":"c1a2e05eb6d7ca8d7e4a7f4c93ccf0c2857e842a64c98eaee4d85841ee9855e6","impliedFormat":1},{"version":"85021a58f728318a9c83977a8a3a09196dcfc61345e0b8bbbb39422c1594f36b","impliedFormat":1},{"version":"d91805544905a40fbd639ba1b85f65dc13d6996a07034848d634aa9edb63479e","impliedFormat":1},{"version":"6042774c61ece4ba77b3bf375f15942eb054675b7957882a00c22c0e4fe5865c","impliedFormat":1},{"version":"5a3bd57ed7a9d9afef74c75f77fce79ba3c786401af9810cdf45907c4e93f30e","impliedFormat":1},{"version":"8610f5dc475d74c4b095aafa0c191548bfd43f65802e6da54b5e526202b8cfe0","impliedFormat":1},{"version":"7b9496d2e1664155c3c293e1fbbe2aba288614163c88cb81ed6061905924b8f9","impliedFormat":1},{"version":"e27451b24234dfed45f6cf22112a04955183a99c42a2691fb4936d63cfe42761","impliedFormat":1},{"version":"58d65a2803c3b6629b0e18c8bf1bc883a686fcf0333230dd0151ab6e85b74307","impliedFormat":1},{"version":"e818471014c77c103330aee11f00a7a00b37b35500b53ea6f337aefacd6174c9","impliedFormat":1},{"version":"2fbc91ba70096f93f57e22d1f0af22b707dbb3f9f5692cc4f1200861d3b75d88","impliedFormat":1},{"version":"29f823cbe0166e10e7176a94afe609a24b9e5af3858628c541ff8ce1727023cd","impliedFormat":1},{"version":"f41c11fc13e9a1f1b849349cb51b137ddd27de0a17c5339675c789d58f556cc4","signature":"131af1530e46422c11a58143b61270dccadc460cbbbe4e80818d707ff8108ec5"},{"version":"ae171f02a6cc4310fd76ee191e594c4a5c43edfd37e2e25f01a5921350fc6720","signature":"e7c6f79a2407a5b521fb30704974948696b31d6e24ee6c132d2a0fa791feeb24"},{"version":"2c57db2bf2dbd9e8ef4853be7257d62a1cb72845f7b976bb4ee827d362675f96","impliedFormat":1},{"version":"98d71bb94d264e96ae8e64a7ed43bf2aba05f606dcfa8af356987d9604093ea3","signature":"c9e66c79207c3be6fa9cda6bf6f96476f6432d60a67bb823178c5c5bbc1ecb95"},{"version":"e7441be68f390975c6155c805cea8f54cc1b7f3656b6b9440ecbbbd7753499e6","impliedFormat":1},{"version":"5631dc7d6333fe5bf08ebbcfffb4084d6d57904dc086d3b6f54eabf726c527dd","signature":"a62a952464813ad6681414a2f6708d8d8cb5ccb7ee948cef6e7f7d6f11869795"},{"version":"71acd198e19fa38447a3cbc5c33f2f5a719d933fccf314aaff0e8b0593271324","impliedFormat":1},{"version":"70d2b90324e521926a48678ce5329446caaed155c6e5954a454499d5b67a014c","signature":"7711adec5eed0b4cb819cae62ea768204c4bd260fa3ee1aceb586358db5f6aa0"},{"version":"1179ef8174e0e4a09d35576199df04803b1db17c0fb35b9326442884bc0b0cce","impliedFormat":1},{"version":"b21245a179f8a32bc48ac7b32dfce7b1e57e2e5032356595a6fdc4ba05aa5216","signature":"b9aeebcd248797b2dc1c880278cae70d7da72335f180aef2290f9c1155438754"},{"version":"95e3ef5db88b3bbfb68eed12f341fb942e40ca815f4342e1d5dbc8c8d47c783d","signature":"c96cbc1f42bdeb52ff52c250e8af9e92f8f2e78d823a1e934b12ee4ce6a092f4"},{"version":"7a14bf21ae8a29d64c42173c08f026928daf418bed1b97b37ac4bb2aa197b89b","impliedFormat":1},{"version":"e8469e599381cf021ce751c27cca3d8cb06440a45665ca9c2ef2efb0acef1fd9","signature":"20f5c6fda7d5906e7abca36cb5068de741c18155bbe26f5aca1e1c29ca5e2f42"},{"version":"f57c3579fc34b343d4d908bf14ffc50c4376b31050e8d1d77a1c6639667493ae","signature":"0d5f5954c706285bfa948d122a716d8a434d14c786f89a7f4b4d25f6b5a05031"},{"version":"e5ddac53da38f5b8587b811573d82aa79b96ef65f40aa6e00bcfcd355d626a90","signature":"dadcca0c3bf19631592c87e903125d0b42ca1fff33d07f938d382c3b049059bb"},{"version":"44908a8f6dac5630ebb020da61364a4fafc131da00ef47b7b570203ce7ba39df","signature":"7e71b8d5edbc44a59749b110919f011df50bb7d4b0997870875c08ac680ef7c2"},{"version":"87ebadfd7f3dfc73061423e0d42c940aa52ca3d41784bebac570eadd449dbcaa","signature":"8a8d3419843f96345b134cddc04cc65242b33642613787a033c913d15d908d67"},{"version":"19249394456cc172e663fe518086b5c9a2d8ae8d6f0ef51c09cf1f8df9d9aa2f","signature":"3347bf2437c328fc76539aef7c3f1afc045875494620437f0a773234ceaee3a8"},{"version":"91b4ce96f6ad631a0a6920eb0ab928159ff01a439ae0e266ecdc9ea83126a195","impliedFormat":1},{"version":"88efe27bebddb62da9655a9f093e0c27719647e96747f16650489dc9671075d6","impliedFormat":1},{"version":"e348f128032c4807ad9359a1fff29fcbc5f551c81be807bfa86db5a45649b7ba","impliedFormat":1},{"version":"8ee6b07974528da39b7835556e12dd3198c0a13e4a9de321217cd2044f3de22e","impliedFormat":1},{"version":"5a38140438107de65fa204b3705b83529e225e1b01c68c73fb7fa4e88e5ddfa3","impliedFormat":1},{"version":"5f12132800d430adbe59b49c2c0354d85a71ada7d756e34250a655baa8ad4ae5","impliedFormat":1},{"version":"1996d1cd7d585a8359a35878f67abdd73cc35b1f675c9c6b147b202fdd8dfc3f","impliedFormat":1},{"version":"b16e757e4c35434065120a2b3bf13a518fc9e621dc9c2ed668f91635a9dc4e75","impliedFormat":1},{"version":"0b7ba8784d5de5560adeb015ca6d22d8a9d0920dcb16dd627b40010763f26d85","impliedFormat":1},{"version":"0377607549f9d921e43421851de61264443471afb1f0e86b847872e99bbe3ba0","impliedFormat":1},{"version":"4374cefdde5c6e9bad52b0436e887b8325b8f407c12035194ad02c28f1553a3a","impliedFormat":1},{"version":"9b70cad270593f676aecfe4d1611dc766464f0b8138527b0ebbf1ff773578d69","impliedFormat":1},{"version":"b4f85bfb7e831703ac81737361842f1ae4d924b42c5d1af2bff93cca521de4d1","impliedFormat":1},{"version":"5fea76008a2d537ca09d569ffae4e08b991b4a5ff90e9f4783bc983584454ede","impliedFormat":1},{"version":"21575cdeaca6a2c2a0beb8c2ecbc981d9deb95f879f82dc7d6e325fe8737b5ba","impliedFormat":1},{"version":"40ec58f0fadd0b3981b3d383e1c12fa0680115ae9f018387fc2cfc0bbcf23204","impliedFormat":1},{"version":"849b9e7283b7309a4556c9b90bb8e2dfc27751f157798065bbc513dcddb09a8c","impliedFormat":1},{"version":"10e109212c7be8a9f66e988e5d6c2a8900c9d14bf6beadf5fa70d32ada3425cf","impliedFormat":1},{"version":"2b821aeb31e690092f8eae671dd961a9d0fd598ff4883ce0a600c90e9e8fa716","impliedFormat":1},{"version":"26602933b613e4df3868a6c82e14fffa2393a08531cb333ed27b151923462981","impliedFormat":1},{"version":"f57a588d8f6b3ce5c8b494f2dc759a8885eaee18e80a4952df47de45403fedbe","impliedFormat":1},{"version":"34735727b3fe7a0ed0651a0f88d06449163d1989a2b2de7f047473adc7c1c383","impliedFormat":1},{"version":"a5b13abc88ab3186e713c445e59e2f6eee20c6167943517bc2f56985d89b8c55","impliedFormat":1},{"version":"3844b45a774bafe226260cf0772376dce72121ebb801d03902c70a7f11da832b","impliedFormat":1},{"version":"7ae65fe95b18205e241e6695cb2c61c0828d660aca7d08f68781b439a800e6b8","impliedFormat":1},{"version":"c2c8c166199d3a7bd093152437d1f6399d05e458a9ca9364456feecba920cda4","impliedFormat":1},{"version":"369b7270eeeb37982203b2cb18c7302947b89bf5818c1d3d2e95a0418f02b74e","impliedFormat":1},{"version":"94f95d223e2783b0aef4d15d7f6990a6a550fe17d099c501395f690337f7105e","impliedFormat":1},{"version":"039bd8d1e0d151570b66e75ee152877fb0e2f42eca43718632ac195e6884be34","impliedFormat":1},{"version":"a6ce2397f96bdc64269d1ccb6fc8020a7a62f63e068c14cba8be6c3689816228","impliedFormat":1},{"version":"5f200be1d6585239093ed367e7a77a5400c76c80a00309ba9b4fc2bb5add9899","impliedFormat":1},{"version":"bf40e811ed9adbace14ae060c1e75148d0614b02a6cb4b07cf4f72aa71f494db","signature":"7daa1594e5bae442fb8e15c26edd5743f50304190bdb261c713c7336aefa5da1"},{"version":"c016c85029316ab92108df8986aab3eee7731e72163aa7007775ba554ed7687b","signature":"f190bb333f056e39aa77b2ecb714b979da87d8c1c6b8a396b15ea87a53d35419"},{"version":"9ef3463398bac78b932ecb19ab4a9820199d24d5dca832d8dead30d17d5afffd","impliedFormat":1},{"version":"90300bef1c0e2523c97fdd178b9d50e3f39646ade67faab69be4e445937c862a","impliedFormat":1},{"version":"381437930df37907c030519b23ffea4d8113f46e4431a70bfe008a0c43c63648","impliedFormat":1},{"version":"695cbb89013bc9e87fb24b0df020fe605c54f0ab5c267b5bf0490ed097044197","impliedFormat":1},{"version":"f43780383543bfcdc0a2ee850375e1f03d94bdb1b85091d5b11bb8b2023c8b49","impliedFormat":1},{"version":"303638e9e9378e3cce14c10a276251b2b6baea811f882b0adb6d8b7e44a8245e","impliedFormat":1},{"version":"93fc1a008c4786aa9970b7a4c56295bef4d39c243af63cbfcbd5548ca4fdd535","impliedFormat":1},{"version":"6b91aca1948fd92e4fb32e91e94955e7b7c12fb8cbc0a40eb55f1808886e53e8","impliedFormat":1},{"version":"1e197b6e669b8ece0a68c684af9a4394d8c47e58eaa040391cbdadcc1b5020a0","impliedFormat":1},{"version":"fccfc90c19498513d5c4b9c705706660eba9eb493bc38cdc16a11e9d384cd086","impliedFormat":1},{"version":"b288bbe96ea05e353f008a4d445fb8589a82f2a1c4d4d0bdfc283a19020dc96f","impliedFormat":1},{"version":"b4fbfaa34aacd768965b0135a0c4e7dbaa055a8a4d6ffe7bedf1786d3dc614de","impliedFormat":1},{"version":"6b1647c4355fbfe7ce9a0ada722e9e7ab0503c289ec38871956dc1d7d4c9d32d","impliedFormat":1},{"version":"52f3a1f4b046e00bc1f860b16e31380119f48fbf0d3bcfa9345a4751af40ea6c","impliedFormat":1},{"version":"dc906dbacb6121d1ad16abb28a32498d7897dee81e2489333db1f8bf426535f2","impliedFormat":1},{"version":"e2371523fea2c03f0ebcc6e835c81fe244193a5f43f037651688542804c9999b","impliedFormat":1},{"version":"5717d899bd25adfcf4639b36991a76917eb8a7922cdbf5a549c810f605780144","impliedFormat":1},{"version":"b66d38ad9d7659d9b5f5a40194f6fc0911636345805c6091a11049beebc4d155","impliedFormat":1},{"version":"45d3d4f05ddc6fbcd83c6eb67f404dbdacbeb4248bd72ce8ff56cca37d079256","impliedFormat":1},{"version":"64d33880a501e1d4e7e5f4a873553a3c5ad35399d4b97de60cfd5d4bdcc635d3","impliedFormat":1},{"version":"c530d22cac087cfdb0a62b6d21294057825b3c1b4efbd35dafaf784618f6e16b","impliedFormat":1},{"version":"329ea6b57fbcfea6b47cefc31da996da87a19f9c247d1fc1972c95297c58ffb6","impliedFormat":1},{"version":"04ffd65cd3e602f6b03472c0e12eff2cd969e5f4141f142f44d05dbac3b6686b","impliedFormat":1},{"version":"d747268dd5f760f55765c74b8cb9bd505808c9494f00aa89f37a7153cef32afb","impliedFormat":1},{"version":"836100a5b7c8d2afde3a3fa86b65f7e638a2ec2c65f2a2e8daa2fa7a02935428","impliedFormat":1},{"version":"49168b9877e436103e4ae793de8a1645911134a7a05ce45322966914c07c24a3","impliedFormat":1},{"version":"e01f2da71e54a1cd22982d63d3473f42c6eb5140c8e94fe309b1f739b7d24bd8","impliedFormat":1},{"version":"ceca5b2b79e094feda53dbeec955241e9064514cd79f6e679c992d4412a3fa3e","impliedFormat":1},{"version":"1e6f83f746b7cd4987335905f4c339ffc9d71dddf19f309cb40c5052e1667608","impliedFormat":1},{"version":"dfd5a5761262563b1b102019fc3f72510e68efe1e4731d89c8e55bde0c03e321","impliedFormat":1},{"version":"4e4aafe3724c22d7d5147da38738da5080519bac8a2baa2cd1bbf93ac9d4bd4b","impliedFormat":1},{"version":"a43f444f9eb45b7af83e4032a4ffb841dc9ded1b8d6ecbc6c26823daffbbc608","impliedFormat":1},{"version":"e38d5bb0f0d07c2105b55ae8845df8c8271822186005469796be48c68058ef33","impliedFormat":1},{"version":"1a2ea234a5c36012919e1b09c35548d61284a865643a8656e97c276eca029a74","signature":"020fb2328e90b145287eab35608d34d36dccba3ccdf00dd6446ca88e3c45bd93"},{"version":"cb61a036adf68a7e3a2cb85ed367f74865d709dd727b39571fdcd0d35f883a8f","signature":"d93f539ba520539b25602516bba837c93f2c61b55c90ba46e184493a20656ecb"},{"version":"861a3806a5350fd9838bc8afa53006c5fc1ead0f82916797a01a441dd3bcabf6","signature":"6cf3a96ad99b360a6c3613fba0d3e4b8af6a663e22e4d6a3e169b90c7495ba7d"},{"version":"588bbb8be9cfe89d59796561c4873377f6c6e630bada62def88f8e24ae41846b","signature":"f5d5404cb80285511e3640e46a88b52feb03e19e745153e076a83542e2935cf8"},{"version":"2040cdff27cd1ed771e0ebbd15abcd73d31f2f1e4be6664bd6816fffd2a87476","signature":"49df9a46ebdc372b3fa4df4ccc8425c638bd56e72dee2cfff3ea1e97d2c794de"},{"version":"69ec8d900cfec3d40e50490fedbbea5c1b49d32c38adbc236e73a3b8978c0b11","impliedFormat":1},{"version":"7fd629484ba6772b686885b443914655089246f75a13dd685845d0abae337671","impliedFormat":1},{"version":"b201563ea8cdef3680a3d9bf272cfc5918a5ab6e1079d7ff8d6273df7fce2849","signature":"fc34a83abd174223daa34b815d8b57f35d966b4836d3fdce53f1bfc12b00d8e7"},{"version":"09eebce0dcbac76f860d4b6df5261c4f385f5ba233f88a0cd8dde91b1772abeb","signature":"31da5096b3cdc519e169b13172719078268a076fe48a16f4188bb285df36b17e"},{"version":"137c41054efa88a516656774a79a162dfa36fd7ea5effc4358216883ec0be137","signature":"4c4e7bcc5b415ebc2944eae23025723dd455b4a9b207e613f2c38e24c4778105"},{"version":"1d111f06cbe9572179deaefb98fa104c20b05a1c33756f98a0c9ee3380dcf1a1","signature":"9bece6038bfca1f97361bd3495926b398ebcd4dda5e9af23526967f4ff548608"},{"version":"b5aff1c037e319663a2f8afa5a48da27ca43fa0d93781aabb121e1525230d084","signature":"fa06f32059aa78c29008252e32a5ebdf91334fdfcb366330e17af17a3f752b6a"},{"version":"e2b40ac7657d3064c6500cdf42a64155528fa98cbb75da02ce6b83801fbb2500","signature":"3347bf2437c328fc76539aef7c3f1afc045875494620437f0a773234ceaee3a8"},{"version":"516f5cbe8a88c68a5493da43dae904e595fe7fb081608d42a7b226a3e1fc5753","impliedFormat":99},{"version":"348c13a1c9160681e41bc5cd3cc519dd8170d38a36a30480b41849f60f5bf8a0","impliedFormat":99},{"version":"576be63cb6921d0aafc8ce6af43f0f19185414fa2f0b4422d120f9d48d97e9a2","impliedFormat":99},{"version":"279248c34ecd223fc46224f86384ebf49c775eb69329ad644d3d99f1205f3e7d","impliedFormat":99},{"version":"74dedffc2d09627f5a4de02bbd7eedf634938c13c2cc4e92f0b4135573432783","impliedFormat":99},{"version":"1f2bbbe38d5e536607b385f04c3d2cbf1e678c5ded7e8c5871ad8ae91ef33c3d","impliedFormat":99},{"version":"54261223043b61b727fc82d218aa0dc2bd1009a5e545e4fecfb158a0c1bea45e","impliedFormat":99},{"version":"3aa3513d5e13d028202e788d763f021d2d113bd673087b42a2606ab50345492d","impliedFormat":99},{"version":"f012173d64d0579875aa60405de21ad379af7971b93bf46bee23acc5fa2b76a4","impliedFormat":99},{"version":"b3836ebd2b061bdc6fb5c1aca36fecb007a90298728ef276bf517f3b448e3930","impliedFormat":99},{"version":"ec35f1490510239b89c745c948007c5dd00a8dca0861a836dcf0db5360679a2d","impliedFormat":99},{"version":"32868e4ec9b6bd4b1d96d24611343404b3a0a37064a7ac514b1d66b48325a911","impliedFormat":99},{"version":"4bbea07f21ff84bf3ceeb218b5a8c367c6e0f08014d3fd09e457d2ffb2826b9c","impliedFormat":99},{"version":"873a07dbeb0f8a3018791d245c0cf10c3289c8f7162cdbbb4a5b9cf723136185","impliedFormat":99},{"version":"43839af7f24edbd4b4e42e861eb7c0d85d80ec497095bb5002c93b451e9fcf88","impliedFormat":99},{"version":"54a7ee56aadecbe8126744f7787f54f79d1e110adab8fe7026ad83a9681f136a","impliedFormat":99},{"version":"6333c727ee2b79cdab55e9e10971e59cbfee26c73dfb350972cfd97712fc2162","impliedFormat":99},{"version":"8743b4356e522c26dc37f20cde4bcdb5ebd0a71a3afe156e81c099db7f34621d","impliedFormat":99},{"version":"af3d97c3a0da9491841efc4e25585247aa76772b840dd279dbff714c69d3a1ec","impliedFormat":99},{"version":"d9ac50fe802967929467413a79631698b8d8f4f2dc692b207e509b6bb3a92524","impliedFormat":99},{"version":"59d16cf6e688b8c6f588b1ff6b6a4090e24eea078e1996ccc89f984978a1cbf8","impliedFormat":99},{"version":"b75d56703daaffcb31a7cdebf190856e07739a9481f01c2919f95bde99be9424","impliedFormat":99},{"version":"e43c349fa398906e79a7272cd237ca788488b5b0515da0104a9b7cbf9d4d647b","signature":"e10efb9a9da81b99f4d2c30a5bf39846d9d7d6b65fe95f263a0cce240040e3c5"},{"version":"db1e24b7ddf42c7026928f1afa517c16ded339df647f10afa1024c7fa23891bb","signature":"b76a7378790056465e0ff05c387fa93b91e512373b2141db861975eb921c18f3"},{"version":"9086489a0bd24d06ba98e27da69e78b735fde91b5640999d8e598cd8bb8915d1","signature":"2e2a193198d73e7a4fb8e8ca93ea3b730377d620ff30b79936926f71a3debf97"},{"version":"2b4276dde46aa2faf0dd86119999c76b81e6488cd6b0d0fcf9fb985769cd11c0","impliedFormat":1},{"version":"88247402edb737af32da5c7f69ff80e66e831262065b7f0feb32ea8293260d22","impliedFormat":1},{"version":"5ecea63968444d55f7c3cf677cbec9525db9229953b34f06be0386a24b0fffd2","impliedFormat":1},{"version":"b50ee4bde16b52ecb08e2407dca49a5649b38e046e353485335aa024f6efb8ef","impliedFormat":1},{"version":"a3d603c46b55d51493799241b8a456169d36301cc926ff72c75f5480e7eb25bf","impliedFormat":1},{"version":"a845c7c1e0b6465fb8e71ee649e8e494362030990640e38a5c1eadd4645ca722","impliedFormat":1},{"version":"228d1b91f7b2b169acc06d31d8a615ef6df4137c2c88bf9ed19efca29d0f733a","signature":"cdac6cd8b7faf9b658b17114fb594f7edd5e1c33753d214658a8031ec3fbb369"},{"version":"99d1a601593495371e798da1850b52877bf63d0678f15722d5f048e404f002e4","impliedFormat":1},{"version":"5515584efda1549ef6a4435b7218539e7fba8a6589107d208848c40a7af1ea19","signature":"0f4c70f2cc95b59d117d1f0083dd44d901c179f3cf0cebab1cbf508152703620"},{"version":"482ca334511d516e893317fafd8cd5fef410d334716933be1b55acc74064776b","signature":"cf43b5ef5e4e7c65e4723b569d1c9270fa810c47f0996558b00028038f7ba1fc"},{"version":"ef6f12912c517b0c809402abc5f0ded99d71a901d3f0516d6365a13892f95874","impliedFormat":1},{"version":"9c29761347bc49821b3750aa032bed9eeae4afe330223212b5b6b66ee8638767","signature":"78f8beff58b4776dc4ae5c703e16f2318ea557023a50dceed8278e9e855179ef"},{"version":"227065802ec21fd65ac9259378ee50d2185c30400f94ea998dc2edf4c55326ef","signature":"7345440cca0b2642866c66c66037dd82d4de869293d4fcac1009ae816dabae56"},{"version":"17d20784c45011b2496bd71f9ee32027f01c8dc3754eb884d08e931a1e059b37","signature":"841b289d65a12b61e4ff999632bb260bf953c296bea78ce0b2d5d5d1635b9fde"},{"version":"2081363e701e5aa935f0a0531644845225eeaf90b2b97984b65f07cd1860083a","impliedFormat":1},{"version":"b72e2980a488473a1de70491298a809fdfc0b8bf753314252fcfc5033cd61eaa","signature":"6028b154f6c9a92d7f97ca7b21ffb53bf9b9b09719204832032d6a25ca88da22"},{"version":"3fe1db3c0359e4e6471b317f970d22c6db86bcf1028608ac497232edd00ab28a","signature":"99a04413aa7162a5bc742ca8a778e9b5f82b7b96aca8262a70a646bb343c3f95"},{"version":"43f0bc388714e0e296d10cb944534595294129b3544eb667a798c66298c5092d","signature":"7061086d4d709e8b523123bb8a19f5263934d904a19c585bb5cbdefe3a629ed0"},{"version":"4abaa70b2faf9f7a3e349b8a26b083a449c94471f863f36faa05cb284fd8f086","signature":"bddc8a80f4a77cc3535e80c943050cf9c36da51aef008aa75bac087a064c40a9"},{"version":"623622a504a8460d41e8212868321363c0a68655da92e8d8cbc69d31e5210699","signature":"5f51dfa9389d17a53857821740ca20eafeb18414ef55f1b9f3cbafac0c3efe98"},{"version":"163a70dec8e6d69d1319a104f70d8a05ffd8d14024225b8602081824e33da0be","signature":"6a0f44065b0bc75f7b0976b7b9023171dc05bc2f18d07987a5c045be6fc051c0"},{"version":"5e8d4eceb6c44fab25dd3742c7009df21dba728bf6fedea31c6803e55f84b105","signature":"95df87b8a0b340b30effb259bb744eebd261df99c719eaa31ef6454db8acfbb1"},{"version":"b5eaab9db6da32d4bc31cc1caa404d7011ff28f2483539acdd8e5b2658cf0f94","signature":"8dbc5f610883a20f5dc0fbe0535d1b7fcef7d5f3c302c3de6380d7a0b052c674"},{"version":"cea6e4d0afb0106acd849b4210fbca7db1b2aa76db807101bc227269efa5d8fd","signature":"7c71b6d6a9ead7d1cabc7b5b4648accc0b1a065e75ce55f7a6b8aff1b9b8c721"},{"version":"3f749522ff7a55b629a00d9eac96ddb8719da06e71c8b332bf0c2de3e183153c","signature":"0fa81b82b9a080973955502e9875623d503a99928bcc3c71031ca53a9a2d5720"},{"version":"6975e008ac4805d22f08a887a27cb81be2c847ec914ce4c2d16e38655b9d7d42","signature":"fa5ff9e25a52711b344cb39c0acd821b945bbda6d32a22d11d47558372f66a66"},{"version":"b403414340a3924a7191f51242e313bc93356171fdadd48efb0ed46ccbe073a3","signature":"a013754e9c9372195578014767d9daa25f3a37a2cac34b96228225fbf6ba5c86"},{"version":"10281654231a4dfa1a41af0415afbd6d0998417959aed30c9f0054644ce10f5c","impliedFormat":1},{"version":"6c5a126b2db406921ea5c0455fe819455713efa7e5f4304499a9c452ee1a7840","impliedFormat":1},{"version":"85b0391fcd3a715db562ec355e2252135c9479006fd91de85d704f3147bc0213","impliedFormat":1},{"version":"fd15cc2746b63f570390c8525c97e2550d3f85f210e571a99b18334187d3e44e","impliedFormat":1},{"version":"48b6a539737d0fef86eca873ec287a4200d00a9cd22ac7580fd668905d71569f","impliedFormat":1},{"version":"5ab67e3ddb9916b5999a0188a0987d7443232a35db13e79eebedc749fca410b3","impliedFormat":1},{"version":"295617c9b688374047f76fc87ef907eaec4962f9d5427ef0ef22af44a51d57a6","impliedFormat":1},{"version":"f5b29d4f24e65e79a290ba0e2e190ceb550700efa67029b705e3bd288976f736","impliedFormat":1},{"version":"1b3ba568a466a317e917b76e4711211d05529d78694fdb279d8985eb1bd0e750","impliedFormat":1},{"version":"bf4ac3fec08e1dedc0d159278c71436423b5997fb3ea93b03b29554db9e5d4e0","impliedFormat":1},{"version":"b5e4bdec0931d3602d9cce8617705af17b8e8f0a531d11ac4c7d3e8b60215961","impliedFormat":1},{"version":"f435d9691fe25a58898e45a7170667d2b292f7a287ef467db45c0cc583fb7df6","impliedFormat":1},{"version":"41c4293ea09048929cead9650169fd24847178295bcb8d823e4a126cc7f3ea09","impliedFormat":1},{"version":"36c9ec7b186c53726bc0d15a5976928717a6890071ff267b4a651df7b6666d68","impliedFormat":1},{"version":"687bcca94eff1bcf3d532302745c18ab6c18cd6902e8a49209bd353060c2307a","impliedFormat":1},{"version":"5c20bd12728001c60c031ecc79de0cfe8b2b977efcd1b90c87ea5704e0ee7b2d","impliedFormat":1},{"version":"d94a40ba5ba20c7890d7e099b6acdae4fcb5118b807ecb305ca2d827de7e7d11","impliedFormat":1},{"version":"ea3cb69dd466671fa43c24addb233c5f736773f45fada49532d0caae4a6a68e6","impliedFormat":1},{"version":"9d184135c46aed7563a5b39cd3bb09ea31ec148a543e99bb117416c183620579","impliedFormat":1},{"version":"db25528e0168b9bc80003c3226a7ce2e1704be730a61f5ac51a670a463dcfcd0","signature":"7360f47b71169f451145db57fb68f49ed4c46daba290abbe0332686dcf0c9963"},{"version":"2cf3e84f747ab6f72cfbdcc7c0e306b5998acedcd7f0add41059c0bad6b0e1d1","signature":"401beb9f1258eb558151052f4ae982f71ac4ad1d6a92e03ef65e63033d3a7e51"},{"version":"38a80e91bc44fad851571cb05b0dd50ca741740ca4764683f5340debd161ea8c","signature":"dc5fc048d602be362724d694aff744d028798a5054739312ff9ddbd20cbc3399"},{"version":"f8bccb3a57600ba7be6bf2aa471bdbdf74a69e05fd08e9a6980ce91548840e17","signature":"038e93fd9a664945b0ad38525ceebb9e662131173f7d3b9060d0fad8711d6e10"},{"version":"7605dd065ecbd2d8ff5f80a0b3813fc163ed593f4f24f3b6f6a7e98ac0e2157f","impliedFormat":1},{"version":"cfe75c50dd26bf334d5b77c1f51cb72d5b8eca5a797a8d685bb1624f427c7a1e","signature":"11fd18f40ac42a4c35c632c98b8e3497b2282488ea4eb378ebbfcb2368e3ead0"},{"version":"dfd607dc3ea671f1665803c08d31c4fcdef6182ae31031895560cdaf23cdbca0","signature":"db6cd861326dcf8dceab8b877c06c7cda4f7b13101a89c2432777fed5f437577"},{"version":"0c12d2b2ed9aa994e51e21ff4b8218a7061cfa98b67e87b6e19c35b6f557162c","signature":"e230e53f5ed809105d4d01a9d32d8a0333263b57b509a7f2ae699b624f31c3e0"},{"version":"9ce9a9c79ea6cb3f9be2a2fa803b52b85b581c476e6b4935b09a362a64fd8bed","signature":"33b1e23650cce4bfad2aa3ee51feb58268a6867abe1aba78da277a19f382780c"},{"version":"17390ebd64223c387103dec361ba03afaeced98f913208573434977831ac1378","signature":"11a9665d974d086e4664a4aebb319d28050c93b538faad3b5fb923f7202f685d"},{"version":"7f4377076c27083bdcf284566a7d0870f40e0cfbac8f45f9757556e224305f62","signature":"54d63760781f094c193fcdead4b8c246884d72c7a707589802a704bdadde3e82"},{"version":"bc1ab92bf1b4b03124e3629db420c72dc97156864957e1561e921e3c8930a704","signature":"a1a0d5dc07dae790bdbbc26bb7730da067442bdfaf13f496f1a59144f398357a"},{"version":"1793bdedd8550bb161bf672e9634cfc91f48e54b564bc86cabf4888f90f7d7d2","signature":"c1ef1e78f6332d4b9b8ccfac031bc595e8c5a1928cebbf036e954b2118e51934"},{"version":"e5ff685bf827fba535794b4c4ec05c4095106455a5a325c9e45d93f28b834d51","signature":"9bd7eec0581f800cc80f7926a7acd7ef74fb82d26b9e399325fb743429d6a58e"},{"version":"3497a3c889d7e50f8dc5a562465742171c03857d578b9e7cebd7c89f9e451e1f","signature":"7deb48c013691141f8359362f32bad1ae2d80cc5fa9eada75b9a7a6ce52a0092"},{"version":"11ce8524387782ba24d421bf0e603bf737660373ca4c46da9438439e9d9d8583","signature":"ad9dd641fc8f9f671bdee00269f2fc6d66a31d819840aa507eadd9db0be895c9"},{"version":"4b43de11128e66bb1711b2389ac0aecf59cc089e0d269d3df7d82307f6d0f8d9","signature":"776e6efafe1bfe069d61fecfb8b10bba75dcf762256f05c1f2a67b8983fbadfe"},{"version":"cc2d84c6fe0ad64b61f34eca3e3c49d07900ecb649f2032922dbd6c76ee95e71","signature":"72f656fd768d2f50b900f0877019b966b493514fee12d3a08a627106ab19ac2d"},{"version":"09138cd924c9daf1b6b45856c073ae3af8717192c713e2889fb408d952b4a204","impliedFormat":1},{"version":"084cdafd66da0d6ac25acf5c87ffb86fd77327301a9a6346c1c3fa1038f2aca9","signature":"2473d6c51e5fed933b3fa93bde2b71d9174f4283ba218dada7d58d8ac0d08fbd"},{"version":"6cd9997a986dd2ca025f5315969cb23de1b95df653ea9b85fcf118e71327848d","signature":"364e4808118cb65f9c8de067b2004fbc87368b637b34121a20b1a32731fdda34"},{"version":"a3863e715ef75759aab5a47addd47b2ee0c91b30600a6dbf8c27d93594553fde","signature":"c9696db5a0708dec1afa3308d4b9017eb788512dcb6bbcc6614ff6179115df57"},{"version":"f21110f38512b324723fd8d798841560dca8bf0a6c53082317e51b4fa87866bb","signature":"0e12141b7964694ea2373c0e2f0f6b8023a9fd63b16ccfed8172581334df84ab"},{"version":"3c2dc79d3d69a88a0f2833b80cc72506c1bc9e4dd59ecbafda5cbcb88da58f46","signature":"3347bf2437c328fc76539aef7c3f1afc045875494620437f0a773234ceaee3a8"},{"version":"b7cb2cac43cdf9fd838a472aafd6b81226659356db4c48c2a816844d7d968a61","signature":"4eb743bad01192619532005ab7dc1051bf5a9d9ae697333be213ca08fc65630c"},{"version":"1d6f4a12ffbc5d9ae472609716d3d3fc77b72c06667d397f4a206e0fcf62c405","signature":"0e12141b7964694ea2373c0e2f0f6b8023a9fd63b16ccfed8172581334df84ab"},{"version":"fe50d84128fb09e7c95a8d5bc82683ea71f092329dd30abb82de25c1e6eec32d","signature":"d95d98bc0bfa20b6164e92f7b872847e57c742eba6227644e0d002a92b6cc859"},{"version":"939f26d8029909f327c73037134ea7e15b36a2cb56b3e002e717cd67fcc5c3d6","signature":"718e89efd936102ae0b350178c60dec276130e1dca9a60da3505e5d78881eb64"},{"version":"13e44bf3fb04354f75e7b513334e4c08379237db2794d4b26a27727d83203a97","signature":"3347bf2437c328fc76539aef7c3f1afc045875494620437f0a773234ceaee3a8"},{"version":"b5dc458693a38d349270729c35a414411f84b468aa4e0523b035537370e75916","signature":"721dcc9be9303691baf68061086c4afb008f3ce89ffafba68b27eb4d51745016"},{"version":"e001c011bea949b10fb58bea0e3140b76be3fa56cc236da8e63a3b02c7b47087","signature":"c4b795f75b1e3c4e5712507bcb207994c1bc466bbaa119eedcf378bd1635a18f"},{"version":"e5d20c183be1b592bcd3e7c09324e1436cc46030181cdc10fed3afc248b970e0","signature":"f70b32ca4b77828ada99ac75c845b234937945f971776e637c4142e21186f36d"},{"version":"3b096d415965b7a24d8b1576991ee098bb1da906259fc6b30d2d2bc24d7d8f7f","signature":"0e12141b7964694ea2373c0e2f0f6b8023a9fd63b16ccfed8172581334df84ab"},{"version":"5c1d77ec363f1c0f87b86e4cf6608ed15ba9817a2a73b279081b2c2420cd8a84","signature":"fce332ab6dad8f2eec1bf008b237b58d120884a93f7add6d95ac86e2953d297f"},{"version":"dbfbe35f3c4b775a5f1dd09fbc3a9a6dd6b2b6918e0fd151dfe0bf29ccf50c52","signature":"0e12141b7964694ea2373c0e2f0f6b8023a9fd63b16ccfed8172581334df84ab"},{"version":"ccd685c2dd50154076e8258b7d13c1d724de2e9802ebd60dadefa8f3255a73f5","signature":"6f3e37598266f3b1bd12e0dc1c2bdc5ba61eb7278697626346bb057f7eca81d2"},{"version":"df1f246c6868334082dd88a0a5158a6c8f6be3ae84baa46526ff262f31e1ad25","signature":"6076eaaf12c5f130a3b95e54754c3c672effd5ef6b9c08785dd5952f27a5e04e"},{"version":"d434d1c7b82c7d04b78dcb234b9e676415ae12e93413ba1cc80c5846956fc1f7","signature":"45b373ad2e114de335dd3eaf62f9658266d71c2f34537489f88f3b4815fa72f8"},{"version":"301542d7bf70d0c6b3a7c324c1b8a375b4221ca9c33f38e6bd909c3b7d54a46e","signature":"fc09e7e10359237496333c8eea1888a70afe7f7d39b78293ce9a541635859bfa"},{"version":"a4e2a0aa474b857eba2ef3b38611cd08d427a2cfb0fcaef0454f4ecf8406ae50","signature":"3347bf2437c328fc76539aef7c3f1afc045875494620437f0a773234ceaee3a8"},{"version":"0be96cd5a6d4cacf04c217271c39e006fe9343ef5803f35040e296a2e0298ea5","signature":"95d06b143fe4dc645dad76898ca116518d122cf222ea44a0fd8ae6c6509c7600"},{"version":"8c4dae2fbf119cc9b60986b5650ded666efadf51e198d30b77c5b4f9506c2579","signature":"239322e0fc8064d7007df864432d9da8924f16808d01eb85316fe190f9838b4c"},{"version":"5b341d08688c0d602c508666c6de969e0aee0f1317b18fbc9417ff05149fd6c5","signature":"8fb2e11f7ec60370aaf9146879380e4d5b6106a3139a721eb6853f41af8c6207"},{"version":"4a56d56013e050fdf1fc3d3e1ea9ccfd4c469b956ce86dd71aebe1952621fdf8","signature":"4b63190dc278f2470252a79cc396f20df930011ffefaa4451839ecb7b92b92b8"},{"version":"00ac9c90969be27be5a99ae78c0d71b3741d27c20f64a3846b115e285b008624","signature":"7a1e847db03671ac22c77c8b8228b113d06b2f43fc93dd091e434b630888c8c2"},{"version":"92d9b31706a5f1475cb479b88b62663ef34850e6df9b97026a7702acf2105490","signature":"663b5e08fb735a3c1a3350bd59abafbfe97d8ed12dda27b85fcb23efde2e9ecd"},{"version":"ede162b1b28524a7abbfded4707bf9254a0303b042f77f70e70d553f162047d5","signature":"42ea835c1addd27efe56b25f297bc603f5a54cb942ecd068ef2b445a301a78c4"},{"version":"eee97dd68753c0d9ad318838f0cc538df3c3599a62046df028f799ec13c6de08","impliedFormat":1},{"version":"98ee152c556ae0ea9e51e9adffacc5f291ba096059419dd6674a9dec2ec9a2d6","signature":"f91b7159c9f6945f7591d846203c897cd1acbf292d9862a48fc67ae421df1d19"},{"version":"a3715e4373081de1024567dc1c6bf09aedc80867f13b859134a2796a2a960037","signature":"892d0f066b2f93330f8d7166c713b63e34253cb5ed4138aec1a0f95611eec0a5"},{"version":"4d547a2a529d296cd83cb4fbc1a5a2a77b5c609519dca1c2f3f3f306bfcf07d8","signature":"acdf16c510d179385c93867a3e9df3cb2a18a4dec6079ae63bf53cae5c99d851"},{"version":"dd20c0f59c7f33c26b42d0c23d74d024d309ffa6bc256c12cd75d62d5bc43a71","signature":"cde6aa01b900aed7a111277dfd5ef1cb258990a265c1aae3a752efee7ebf6fa5"},{"version":"8dde0dda1f210f3b15aa8774d7dba4c0655e71c0cd017b11f6d1a7b753ff876d","signature":"a46ecedbcd13e5d33b7ead57f2ca022cb3d5993594e0ef2cde64fd533082626d"},"2552a31fad45a9ed1bde87e51b038dc0e786cd364b597162263abbf57018949b",{"version":"2eef58d32f2b4ea28e5c9434960c04b5cd821c28ceef07ffd60dd5ee98412a05","signature":"8e609bb71c20b858c77f0e9f90bb1319db8477b13f9f965f1a1e18524bf50881"},{"version":"bc4b9f4d043c6f6756f7af82606a16a1f69ce6ea4c3493d538beb54bdf2523a3","signature":"89b0f68f8f0b901f9dfff2b9e7255520283a783d6af7f2bc2953d771232317a2"},{"version":"79e0a0f387bad66755b3f2899b065930f977c83301a2a88f7bc7de3f51e9b667","signature":"89b0f68f8f0b901f9dfff2b9e7255520283a783d6af7f2bc2953d771232317a2"},{"version":"283c4e9710861cfc85127e7ed58a52785b429b5bda58633882b6301f79213b7a","signature":"89b0f68f8f0b901f9dfff2b9e7255520283a783d6af7f2bc2953d771232317a2"},{"version":"3d57fee007a1e5e25ac2ae2c58eb5eba18f97961f00d659100ddda429b62592e","signature":"89b0f68f8f0b901f9dfff2b9e7255520283a783d6af7f2bc2953d771232317a2"},{"version":"3a49d8b2ccb92d70770eb7d27e5aa8d10acde29178f123991e7493e5aa887282","signature":"89b0f68f8f0b901f9dfff2b9e7255520283a783d6af7f2bc2953d771232317a2"},{"version":"ca6c92329064e5cdd775413c89121ea9165ba5cd378465bb7075b7af4068056d","signature":"89b0f68f8f0b901f9dfff2b9e7255520283a783d6af7f2bc2953d771232317a2"},{"version":"8c38734b648a9f58e5335e3cafa852c9dac34f73acb8f22b80860bd354e35fb2","signature":"89b0f68f8f0b901f9dfff2b9e7255520283a783d6af7f2bc2953d771232317a2"},{"version":"84c0769bb2c4a84daf1c1331612a278539e98053441542ff04b5fd96ea83acfd","signature":"89b0f68f8f0b901f9dfff2b9e7255520283a783d6af7f2bc2953d771232317a2"},{"version":"9e42e4291b35f3f19b4fbbccd7d104305e735038e033236c28bb98cf8eb3300a","signature":"89b0f68f8f0b901f9dfff2b9e7255520283a783d6af7f2bc2953d771232317a2"},{"version":"d3facb651ebb63ac208871527c8da295b35632ea772f9eaab84a20e879458a9b","signature":"89b0f68f8f0b901f9dfff2b9e7255520283a783d6af7f2bc2953d771232317a2"},{"version":"4e9e6ec1350c6a3770281990df8eee6512032ba432815ab0c9ebf019ab1acde2","signature":"89b0f68f8f0b901f9dfff2b9e7255520283a783d6af7f2bc2953d771232317a2"},{"version":"ca91ba6a5a2092b57213ba1eb381bfe57deceb2d9cbcd0e4be253d6500fde4fb","signature":"89b0f68f8f0b901f9dfff2b9e7255520283a783d6af7f2bc2953d771232317a2"},{"version":"5624a28d5b1e4505c05da6bbdb886f0ccd6e2f2eaa92090c94f1ad0d4b9f512c","signature":"89b0f68f8f0b901f9dfff2b9e7255520283a783d6af7f2bc2953d771232317a2"},{"version":"0cccccd2b1df2c918e4655a4342a98759286946ce693b67cddcd093acde2e9b2","signature":"89b0f68f8f0b901f9dfff2b9e7255520283a783d6af7f2bc2953d771232317a2"},{"version":"546a5f8b221f474114f3699f0bbd2e83c6d523ae7249d65135a2e9c4737d6b97","signature":"89b0f68f8f0b901f9dfff2b9e7255520283a783d6af7f2bc2953d771232317a2"},{"version":"b1538a92b9bae8d230267210c5db38c2eb6bdb352128a3ce3aa8c6acf9fc9622","impliedFormat":1},{"version":"6fc1a4f64372593767a9b7b774e9b3b92bf04e8785c3f9ea98973aa9f4bbe490","impliedFormat":1},{"version":"ff09b6fbdcf74d8af4e131b8866925c5e18d225540b9b19ce9485ca93e574d84","impliedFormat":1},{"version":"d5895252efa27a50f134a9b580aa61f7def5ab73d0a8071f9b5bf9a317c01c2d","impliedFormat":1},{"version":"1f366bde16e0513fa7b64f87f86689c4d36efd85afce7eb24753e9c99b91c319","impliedFormat":1},{"version":"916be7d770b0ae0406be9486ac12eb9825f21514961dd050594c4b250617d5a8","impliedFormat":1},{"version":"960a68ced7820108787135bdae5265d2cc4b511b7dcfd5b8f213432a8483daf1","impliedFormat":1},{"version":"7c52a6d05a6e68269e63bc63fad6e869368a141ad23a20e2350c831dc499c5f2","impliedFormat":1},{"version":"2e7ebdc7d8af978c263890bbde991e88d6aa31cc29d46735c9c5f45f0a41243b","impliedFormat":1},{"version":"b57fd1c0a680d220e714b76d83eff51a08670f56efcc5d68abc82f5a2684f0c0","impliedFormat":1},{"version":"8cf121e98669f724256d06bebafec912b92bb042a06d4944f7fb27a56c545109","impliedFormat":1},{"version":"1084565c68b2aed5d6d5cea394799bd688afdf4dc99f4e3615957857c15bb231","impliedFormat":1}],"root":[83,[503,507],[513,519],522,[524,526],[541,543],545,546,595,[613,615],[630,634],[637,639],644,653,654,656,658,[661,664],666,[670,672],[993,996],1357,1358,1360,1362,1364,1366,1367,[1369,1374],1406,1407,[1441,1445],[1448,1453],[1476,1478],1485,1487,1488,[1490,1492],[1494,1505],[1525,1528],[1530,1542],[1544,1571],[1573,1594]],"options":{"allowJs":true,"esModuleInterop":true,"jsx":1,"module":99,"skipLibCheck":true,"strict":true,"target":1},"referencedMap":[[1583,1],[1582,2],[1584,3],[1586,4],[1585,5],[1588,6],[1587,7],[1591,8],[1590,9],[1589,10],[1592,11],[1580,12],[1593,13],[1581,14],[1594,15],[1578,16],[83,17],[1579,18],[503,19],[1085,20],[1087,21],[1086,17],[1088,22],[1089,23],[1084,24],[1119,25],[1120,26],[1118,27],[1122,28],[1125,29],[1121,30],[1123,31],[1124,31],[1126,32],[1127,33],[1132,34],[1129,35],[1128,36],[1131,37],[1130,38],[1136,39],[1135,40],[1133,41],[1134,30],[1137,42],[1138,43],[1142,44],[1140,45],[1139,46],[1141,47],[1077,48],[1059,30],[1060,49],[1062,50],[1076,49],[1063,51],[1065,30],[1064,17],[1066,30],[1067,52],[1074,30],[1068,17],[1069,17],[1070,17],[1071,30],[1072,53],[1073,54],[1061,32],[1075,55],[1143,56],[1116,57],[1117,58],[1115,59],[1053,60],[1051,61],[1052,62],[1050,63],[1049,64],[1046,65],[1045,66],[1039,64],[1041,67],[1040,68],[1048,69],[1047,66],[1042,70],[1043,71],[1044,71],[1080,51],[1078,51],[1081,72],[1083,73],[1082,74],[1079,75],[1030,53],[1031,17],[1054,76],[1058,77],[1055,17],[1056,78],[1057,17],[1033,79],[1034,79],[1037,80],[1038,81],[1036,79],[1035,80],[1032,49],[1090,30],[1091,30],[1092,30],[1093,82],[1114,83],[1102,84],[1101,17],[1094,85],[1097,30],[1095,30],[1098,30],[1100,86],[1099,87],[1096,30],[1110,17],[1103,17],[1104,17],[1105,30],[1106,30],[1107,17],[1108,30],[1109,17],[1113,88],[1111,17],[1112,30],[1144,55],[1151,89],[1147,55],[1145,55],[1146,55],[1148,55],[1149,55],[1150,55],[1158,90],[1157,91],[1161,92],[1162,93],[1159,94],[1160,95],[1178,96],[1170,97],[1169,98],[1168,55],[1163,99],[1167,100],[1164,99],[1165,99],[1166,99],[1153,55],[1152,17],[1156,101],[1154,94],[1155,102],[1171,17],[1172,17],[1173,55],[1177,103],[1174,17],[1175,55],[1176,99],[1007,17],[1009,104],[1010,105],[1008,17],[1011,17],[1012,17],[1015,106],[1013,17],[1014,17],[1016,17],[1017,17],[1018,17],[1019,107],[1020,17],[1021,108],[1006,109],[997,17],[998,17],[1000,17],[999,36],[1001,36],[1002,17],[1003,36],[1004,17],[1005,17],[1029,110],[1027,111],[1022,17],[1023,17],[1024,17],[1025,17],[1026,17],[1028,17],[625,112],[624,17],[626,113],[627,114],[628,115],[629,116],[1416,117],[1409,118],[1417,119],[1414,117],[1418,120],[1412,117],[1413,121],[1415,122],[1411,123],[1410,124],[1419,125],[622,126],[623,127],[617,17],[618,128],[620,129],[619,130],[621,131],[1480,132],[1482,133],[1483,134],[1484,135],[1479,17],[1481,17],[252,17],[648,136],[665,137],[1359,138],[645,36],[660,139],[647,136],[669,140],[659,136],[674,141],[675,141],[676,141],[677,141],[678,141],[679,141],[680,141],[681,141],[682,141],[683,141],[684,141],[685,141],[686,141],[687,141],[688,141],[689,141],[690,141],[691,141],[692,141],[693,141],[694,141],[695,141],[696,141],[697,141],[698,141],[699,141],[700,141],[702,141],[701,141],[703,141],[704,141],[705,141],[706,141],[707,141],[708,141],[709,141],[710,141],[711,141],[712,141],[713,141],[714,141],[715,141],[716,141],[717,141],[718,141],[719,141],[720,141],[721,141],[722,141],[723,141],[724,141],[725,141],[726,141],[727,141],[728,141],[731,141],[730,141],[729,141],[732,141],[733,141],[734,141],[735,141],[737,141],[736,141],[739,141],[738,141],[740,141],[741,141],[742,141],[743,141],[745,141],[744,141],[746,141],[747,141],[748,141],[749,141],[750,141],[751,141],[752,141],[753,141],[754,141],[755,141],[756,141],[757,141],[760,141],[758,141],[759,141],[761,141],[762,141],[763,141],[764,141],[765,141],[766,141],[767,141],[768,141],[769,141],[770,141],[771,141],[772,141],[774,141],[773,141],[775,141],[776,141],[777,141],[778,141],[779,141],[780,141],[782,141],[781,141],[783,141],[784,141],[785,141],[786,141],[787,141],[788,141],[789,141],[790,141],[791,141],[792,141],[793,141],[795,141],[794,141],[796,141],[798,141],[797,141],[799,141],[800,141],[801,141],[802,141],[804,141],[803,141],[805,141],[806,141],[807,141],[808,141],[809,141],[810,141],[811,141],[812,141],[813,141],[814,141],[815,141],[816,141],[817,141],[818,141],[819,141],[820,141],[821,141],[822,141],[823,141],[824,141],[825,141],[826,141],[827,141],[828,141],[829,141],[830,141],[831,141],[832,141],[834,141],[833,141],[835,141],[836,141],[837,141],[838,141],[839,141],[840,141],[992,142],[841,141],[842,141],[843,141],[844,141],[845,141],[846,141],[847,141],[848,141],[849,141],[850,141],[851,141],[852,141],[853,141],[854,141],[855,141],[856,141],[857,141],[858,141],[859,141],[862,141],[860,141],[861,141],[863,141],[864,141],[865,141],[866,141],[867,141],[868,141],[869,141],[870,141],[871,141],[872,141],[874,141],[873,141],[876,141],[877,141],[875,141],[878,141],[879,141],[880,141],[881,141],[882,141],[883,141],[884,141],[885,141],[886,141],[887,141],[888,141],[889,141],[890,141],[891,141],[892,141],[893,141],[894,141],[895,141],[896,141],[897,141],[898,141],[900,141],[899,141],[902,141],[901,141],[903,141],[904,141],[905,141],[906,141],[907,141],[908,141],[909,141],[910,141],[912,141],[911,141],[913,141],[914,141],[915,141],[916,141],[918,141],[917,141],[919,141],[920,141],[921,141],[922,141],[923,141],[924,141],[925,141],[926,141],[927,141],[928,141],[929,141],[930,141],[931,141],[932,141],[933,141],[934,141],[935,141],[936,141],[937,141],[938,141],[939,141],[941,141],[940,141],[942,141],[943,141],[944,141],[945,141],[946,141],[947,141],[948,141],[949,141],[950,141],[951,141],[952,141],[954,141],[955,141],[956,141],[957,141],[958,141],[959,141],[960,141],[953,141],[961,141],[962,141],[963,141],[964,141],[965,141],[966,141],[967,141],[968,141],[969,141],[970,141],[971,141],[972,141],[973,141],[974,141],[975,141],[976,141],[977,141],[673,36],[978,141],[979,141],[980,141],[981,141],[982,141],[983,141],[984,141],[985,141],[986,141],[987,141],[988,141],[989,141],[990,141],[991,141],[1363,136],[668,143],[650,144],[651,136],[646,36],[667,137],[1486,137],[1365,145],[657,136],[641,36],[1368,146],[1447,147],[1446,136],[652,148],[649,17],[573,149],[593,149],[579,150],[580,151],[586,152],[569,153],[582,154],[583,155],[572,149],[585,156],[584,157],[578,158],[574,149],[594,159],[589,17],[590,160],[592,161],[591,162],[581,163],[587,164],[588,17],[575,149],[577,165],[576,149],[640,36],[1214,166],[1193,167],[1203,168],[1200,168],[1201,169],[1185,169],[1199,169],[1180,168],[1186,170],[1189,171],[1194,172],[1182,170],[1183,169],[1196,173],[1181,170],[1187,170],[1190,170],[1195,170],[1197,169],[1184,169],[1198,169],[1192,174],[1188,175],[1213,176],[1191,177],[1202,178],[1179,169],[1204,169],[1205,169],[1206,169],[1207,169],[1208,169],[1209,169],[1210,169],[1211,169],[1212,169],[1595,17],[1596,17],[1597,17],[1598,179],[1235,17],[1218,180],[1236,181],[1217,17],[1599,17],[598,36],[1529,182],[540,182],[1489,182],[528,183],[529,184],[527,185],[530,186],[531,187],[532,188],[533,189],[534,190],[535,191],[536,192],[537,193],[538,194],[539,195],[149,196],[150,196],[151,197],[98,198],[152,199],[153,200],[154,201],[96,17],[155,202],[156,203],[157,204],[158,205],[159,206],[160,207],[161,207],[162,208],[163,209],[164,210],[165,211],[99,17],[97,17],[166,212],[167,213],[168,214],[202,215],[169,216],[170,17],[171,217],[172,218],[173,219],[174,220],[175,221],[176,222],[177,223],[178,224],[179,225],[180,225],[181,226],[182,17],[183,17],[184,227],[186,228],[185,229],[187,230],[188,231],[189,232],[190,233],[191,234],[192,235],[193,236],[194,237],[195,238],[196,239],[197,240],[198,241],[199,242],[100,17],[101,243],[102,17],[103,17],[145,244],[146,245],[147,17],[148,230],[200,246],[201,247],[1600,17],[86,17],[206,248],[361,36],[207,249],[205,36],[362,250],[1572,36],[1601,17],[1603,251],[1606,252],[1604,36],[1602,36],[1605,251],[203,253],[204,254],[84,17],[87,255],[359,36],[270,36],[1506,17],[600,17],[601,17],[643,256],[642,257],[616,17],[520,17],[85,17],[510,258],[509,259],[508,17],[511,260],[1493,261],[523,262],[512,263],[544,264],[558,17],[555,265],[557,265],[556,265],[554,265],[564,266],[559,267],[563,17],[560,17],[562,17],[561,17],[550,265],[551,265],[552,265],[548,17],[549,17],[553,265],[655,36],[635,36],[94,268],[449,269],[454,16],[456,270],[228,271],[256,272],[432,273],[251,274],[239,17],[220,17],[226,17],[422,275],[287,276],[227,17],[391,277],[261,278],[262,279],[358,280],[419,281],[374,282],[426,283],[427,284],[425,285],[424,17],[423,286],[258,287],[229,288],[308,17],[309,289],[224,17],[240,290],[230,291],[292,290],[289,290],[213,290],[254,292],[253,17],[431,293],[441,17],[219,17],[334,294],[335,295],[329,36],[477,17],[337,17],[338,296],[330,297],[483,298],[481,299],[476,17],[418,300],[417,17],[475,301],[331,36],[370,302],[368,303],[478,17],[482,17],[480,304],[479,17],[369,305],[470,306],[473,307],[299,308],[298,309],[297,310],[486,36],[296,311],[281,17],[489,17],[492,17],[491,36],[493,312],[209,17],[428,313],[429,314],[430,315],[242,17],[218,316],[208,17],[350,36],[211,317],[349,318],[348,319],[339,17],[340,17],[347,17],[342,17],[345,320],[341,17],[343,321],[346,322],[344,321],[225,17],[216,17],[217,290],[271,323],[272,324],[269,325],[267,326],[268,327],[264,17],[356,296],[376,296],[448,328],[457,329],[461,330],[435,331],[434,17],[284,17],[494,332],[444,333],[332,334],[333,335],[324,336],[314,17],[355,337],[315,338],[357,339],[352,340],[351,17],[353,17],[367,341],[436,342],[437,343],[317,344],[321,345],[312,346],[414,347],[443,348],[291,349],[392,350],[214,351],[442,352],[210,274],[265,17],[273,353],[403,354],[263,17],[402,355],[95,17],[397,356],[241,17],[310,357],[393,17],[215,17],[274,17],[401,358],[223,17],[279,359],[320,360],[433,361],[319,17],[400,17],[266,17],[405,362],[406,363],[221,17],[408,364],[410,365],[409,366],[244,17],[399,351],[412,367],[398,368],[404,369],[232,17],[235,17],[233,17],[237,17],[234,17],[236,17],[238,370],[231,17],[384,371],[383,17],[389,372],[385,373],[388,374],[387,374],[390,372],[386,373],[278,375],[377,376],[440,377],[496,17],[465,378],[467,379],[316,17],[466,380],[438,342],[495,381],[336,342],[222,17],[318,382],[275,383],[276,384],[277,385],[307,386],[413,386],[293,386],[378,387],[294,387],[260,388],[259,17],[382,389],[381,390],[380,391],[379,392],[439,393],[328,394],[364,395],[327,396],[360,397],[363,398],[421,399],[420,400],[416,401],[373,402],[375,403],[372,404],[411,405],[366,17],[453,17],[365,406],[415,17],[280,407],[313,313],[311,408],[282,409],[285,410],[490,17],[283,411],[286,411],[451,17],[450,17],[452,17],[488,17],[288,412],[326,36],[93,17],[371,413],[257,17],[246,414],[322,17],[459,36],[469,415],[306,36],[463,296],[305,416],[446,417],[304,415],[212,17],[471,418],[302,36],[303,36],[295,17],[245,17],[301,419],[300,420],[243,421],[323,224],[290,224],[407,17],[395,422],[394,17],[455,17],[354,423],[325,36],[447,424],[88,36],[91,425],[92,426],[89,36],[90,17],[255,243],[250,427],[249,17],[248,428],[247,17],[445,429],[458,430],[460,431],[462,432],[464,433],[468,434],[502,435],[472,435],[501,436],[474,437],[484,438],[485,439],[487,440],[497,441],[500,316],[499,17],[498,442],[1509,443],[1522,443],[1508,443],[1510,443],[1511,443],[1512,443],[1513,443],[1514,443],[1515,443],[1516,443],[1517,443],[1518,443],[1519,443],[1520,443],[1521,443],[1524,444],[1507,36],[1523,17],[1375,17],[1390,445],[1391,445],[1405,446],[1392,447],[1393,447],[1394,448],[1388,449],[1386,450],[1377,17],[1381,451],[1385,452],[1383,453],[1389,454],[1378,455],[1379,456],[1380,457],[1382,458],[1384,459],[1387,460],[1395,447],[1396,447],[1397,447],[1398,445],[1399,447],[1400,447],[1376,447],[1401,17],[1403,461],[1402,447],[1404,445],[603,462],[606,463],[607,464],[599,465],[611,466],[608,467],[605,468],[609,467],[612,469],[604,470],[596,471],[610,17],[597,17],[602,472],[1459,17],[1460,17],[1474,473],[1454,36],[1456,474],[1458,475],[1457,476],[1455,17],[1461,17],[1462,17],[1463,17],[1464,17],[1465,17],[1466,17],[1467,17],[1468,17],[1469,17],[1470,477],[1472,478],[1473,478],[1471,17],[1475,479],[1543,480],[1432,481],[1420,482],[1421,482],[1422,483],[1433,484],[1423,482],[1424,482],[1427,482],[1429,483],[1426,482],[1425,482],[1428,482],[1408,17],[1439,485],[1438,36],[1435,486],[1437,487],[1430,488],[1434,489],[1431,490],[1436,491],[1440,492],[1258,493],[1260,494],[1250,495],[1255,496],[1256,497],[1262,498],[1257,499],[1254,500],[1253,501],[1252,502],[1263,503],[1220,496],[1221,496],[1261,496],[1266,504],[1276,505],[1270,505],[1278,505],[1282,505],[1268,506],[1269,505],[1271,505],[1274,505],[1277,505],[1273,507],[1275,505],[1279,36],[1272,496],[1267,508],[1229,36],[1233,36],[1223,496],[1226,36],[1231,496],[1232,509],[1225,510],[1228,36],[1230,36],[1227,511],[1216,36],[1215,36],[1284,512],[1281,513],[1247,514],[1246,496],[1244,36],[1245,496],[1248,515],[1249,516],[1242,36],[1238,517],[1241,496],[1240,496],[1239,496],[1234,496],[1243,517],[1280,496],[1259,518],[1265,519],[1264,520],[1283,17],[1251,17],[1224,17],[1222,521],[571,522],[570,149],[547,17],[567,523],[568,524],[566,525],[565,523],[396,526],[636,36],[521,17],[81,17],[82,17],[13,17],[14,17],[16,17],[15,17],[2,17],[17,17],[18,17],[19,17],[20,17],[21,17],[22,17],[23,17],[24,17],[3,17],[25,17],[26,17],[4,17],[27,17],[31,17],[28,17],[29,17],[30,17],[32,17],[33,17],[34,17],[5,17],[35,17],[36,17],[37,17],[38,17],[6,17],[42,17],[39,17],[40,17],[41,17],[43,17],[7,17],[44,17],[49,17],[50,17],[45,17],[46,17],[47,17],[48,17],[8,17],[54,17],[51,17],[52,17],[53,17],[55,17],[9,17],[56,17],[57,17],[58,17],[60,17],[59,17],[61,17],[62,17],[10,17],[63,17],[64,17],[65,17],[11,17],[66,17],[67,17],[68,17],[69,17],[70,17],[1,17],[71,17],[72,17],[12,17],[76,17],[74,17],[79,17],[78,17],[73,17],[77,17],[75,17],[80,17],[121,527],[133,528],[119,529],[134,530],[143,531],[110,532],[111,533],[109,534],[142,442],[137,535],[141,536],[113,537],[130,538],[112,539],[140,540],[107,541],[108,535],[114,542],[115,17],[120,543],[118,542],[105,544],[144,545],[135,546],[124,547],[123,542],[125,548],[128,549],[122,550],[126,551],[138,442],[116,552],[117,553],[129,554],[106,530],[132,555],[131,542],[127,556],[136,17],[104,17],[139,557],[1361,558],[1219,559],[1237,560],[1356,561],[1351,562],[1354,563],[1352,563],[1348,562],[1355,564],[1353,563],[1349,565],[1350,566],[1344,567],[1289,568],[1291,569],[1343,17],[1290,570],[1347,571],[1345,17],[1292,568],[1293,17],[1342,572],[1288,573],[1285,17],[1346,574],[1286,575],[1287,17],[1294,576],[1295,576],[1296,576],[1297,576],[1298,576],[1299,576],[1300,576],[1301,576],[1302,576],[1303,576],[1304,576],[1305,576],[1306,576],[1308,576],[1307,576],[1309,576],[1310,576],[1311,576],[1341,577],[1312,576],[1313,576],[1314,576],[1315,576],[1316,576],[1317,576],[1318,576],[1319,576],[1320,576],[1321,576],[1322,576],[1323,576],[1324,576],[1326,576],[1325,576],[1327,576],[1328,576],[1329,576],[1330,576],[1331,576],[1332,576],[1333,576],[1334,576],[1335,576],[1336,576],[1337,576],[1340,576],[1338,576],[1339,576],[1444,578],[1374,579],[1452,580],[1547,581],[1453,579],[996,582],[1550,583],[1548,579],[1559,584],[1557,585],[1553,586],[1560,587],[638,588],[1562,589],[639,587],[1564,590],[672,591],[1441,480],[1443,592],[1442,593],[1565,594],[1406,595],[1450,596],[1370,597],[1546,598],[1566,36],[1545,599],[1569,36],[1531,600],[1570,601],[1540,602],[1488,603],[1490,604],[1541,605],[1544,606],[1478,607],[1525,608],[1491,609],[1542,610],[1530,611],[1536,612],[1535,613],[1534,614],[1532,615],[1533,616],[1477,617],[634,618],[1571,619],[1539,619],[1561,620],[1567,621],[664,622],[1568,623],[671,624],[1558,598],[1554,625],[1485,626],[995,627],[1371,628],[1451,629],[1373,630],[1372,36],[994,631],[505,17],[1538,632],[1573,633],[1575,634],[1576,635],[1549,636],[1563,594],[666,637],[1357,638],[993,639],[644,640],[654,641],[1445,642],[1358,643],[1360,644],[1494,645],[1498,646],[1495,647],[1496,648],[1497,649],[1503,650],[1499,651],[1501,652],[1502,653],[1500,654],[1492,655],[507,656],[514,657],[515,658],[513,659],[516,36],[1504,660],[506,661],[1362,662],[670,663],[1407,664],[1526,665],[1574,666],[656,642],[1364,667],[1528,36],[1527,668],[1476,669],[1487,670],[1366,671],[658,672],[661,673],[663,674],[662,675],[637,676],[1577,677],[1367,642],[1369,678],[1505,642],[1449,679],[1448,680],[1537,681],[653,682],[1555,625],[1551,636],[1556,683],[1552,684],[517,36],[518,17],[519,17],[522,685],[525,686],[526,17],[542,687],[541,688],[543,17],[524,17],[545,689],[546,36],[633,36],[632,690],[595,160],[614,691],[613,692],[615,17],[630,693],[631,17],[504,17]],"semanticDiagnosticsPerFile":[[1583,[{"start":1258,"length":27,"code":2344,"category":1,"messageText":{"messageText":"Type '{ params: { id: string; }; }' does not satisfy the constraint 'PageProps'.","category":1,"code":2344,"next":[{"messageText":"Types of property 'params' are incompatible.","category":1,"code":2326,"next":[{"messageText":"Type '{ id: string; }' is missing the following properties from type 'Promise<any>': then, catch, finally, [Symbol.toStringTag]","category":1,"code":2739,"canonicalHead":{"code":2322,"messageText":"Type '{ id: string; }' is not assignable to type 'Promise<any>'."}}]}]}}]]],"affectedFilesPendingEmit":[1583,1582,1584,1586,1585,1588,1587,1591,1590,1589,1592,1580,1593,1581,1594,1579,1444,1374,1452,1547,1453,996,1550,1548,1559,1557,1553,1560,638,1562,639,1564,672,1441,1443,1442,1565,1406,1450,1370,1546,1566,1545,1569,1531,1570,1540,1488,1490,1541,1544,1478,1525,1491,1542,1530,1536,1535,1534,1532,1533,1477,634,1571,1539,1561,1567,664,1568,671,1558,1554,1485,995,1371,1451,1373,1372,994,505,1538,1573,1575,1576,1549,1563,666,1357,993,644,654,1445,1358,1360,1494,1498,1495,1496,1497,1503,1499,1501,1502,1500,1492,507,514,515,513,516,1504,506,1362,670,1407,1526,1574,656,1364,1528,1527,1476,1487,1366,658,661,663,662,637,1577,1367,1369,1505,1449,1448,1537,653,1555,1551,1556,1552,517,518,519,522,525,526,542,541,543,524,545,546,633,632,595,614,613,631,504],"version":"5.9.3"}
\ No newline at end of file