@intlayer/design-system 6.1.6 → 7.0.0-canary.0

package/dist/types/libs/auth.d.ts

@@ -0,0 +1,36 @@
+import { IntlayerConfig } from "@intlayer/types";
+import { createAuthClient } from "better-auth/client";
+
+//#region src/libs/auth.d.ts
+type AuthClient = ReturnType<typeof createAuthClient>;
+interface AuthAPI {
+  getAuthClient: () => AuthClient;
+  signInEmail: AuthClient['signIn']['email'];
+  signUpEmail: AuthClient['signUp']['email'];
+  signOut: AuthClient['signOut'];
+  signInSocial: AuthClient['signIn']['social'];
+  linkSocial: AuthClient['linkSocial'];
+  changePasswordSession: AuthClient['changePassword'];
+  requestPasswordResetSession: AuthClient['requestPasswordReset'];
+  resetPassword: AuthClient['resetPassword'];
+  verifyEmailSession: AuthClient['verifyEmail'];
+  getSession: AuthClient['getSession'];
+  forgetPassword: AuthClient['forgetPassword'];
+  sendVerificationEmail: AuthClient['sendVerificationEmail'];
+  changeEmail: AuthClient['changeEmail'];
+  deleteUser: AuthClient['deleteUser'];
+  revokeSession: AuthClient['revokeSession'];
+  revokeSessions: AuthClient['revokeSessions'];
+  revokeOtherSessions: AuthClient['revokeOtherSessions'];
+  listAccounts: AuthClient['listAccounts'];
+  unlinkAccount: AuthClient['unlinkAccount'];
+  refreshToken: AuthClient['refreshToken'];
+  getAccessToken: AuthClient['getAccessToken'];
+  accountInfo: AuthClient['accountInfo'];
+  updateUser: AuthClient['updateUser'];
+  listSessions: AuthClient['listSessions'];
+}
+declare const getAuthAPI: (intlayerConfig?: IntlayerConfig) => AuthAPI;
+//#endregion
+export { AuthAPI, getAuthAPI };
+//# sourceMappingURL=auth.d.ts.map

package/dist/types/libs/auth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth.d.ts","names":[],"sources":["../../../src/libs/auth.ts"],"sourcesContent":[],"mappings":";;;;KAIK,UAAA,GAAa,kBAAkB;UAEnB,OAAA;EAFZ,aAAU,EAAA,GAAA,GAGQ,UAHa;EAEnB,WAAO,EAET,UAFS,CAAA,QAAA,CAAA,CAAA,OAAA,CAAA;EACD,WAAA,EAER,UAFQ,CAAA,QAAA,CAAA,CAAA,OAAA,CAAA;EACR,OAAA,EAEJ,UAFI,CAAA,SAAA,CAAA;EACA,YAAA,EAEC,UAFD,CAAA,QAAA,CAAA,CAAA,QAAA,CAAA;EACJ,UAAA,EAEG,UAFH,CAAA,YAAA,CAAA;EACK,qBAAA,EAES,UAFT,CAAA,gBAAA,CAAA;EACF,2BAAA,EAEiB,UAFjB,CAAA,sBAAA,CAAA;EACW,aAAA,EAER,UAFQ,CAAA,eAAA,CAAA;EACM,kBAAA,EAET,UAFS,CAAA,aAAA,CAAA;EACd,UAAA,EAEH,UAFG,CAAA,YAAA,CAAA;EACK,cAAA,EAEJ,UAFI,CAAA,gBAAA,CAAA;EACR,qBAAA,EAEW,UAFX,CAAA,uBAAA,CAAA;EACI,WAAA,EAEH,UAFG,CAAA,aAAA,CAAA;EACO,UAAA,EAEX,UAFW,CAAA,YAAA,CAAA;EACV,aAAA,EAEE,UAFF,CAAA,eAAA,CAAA;EACD,cAAA,EAEI,UAFJ,CAAA,gBAAA,CAAA;EACG,mBAAA,EAEM,UAFN,CAAA,qBAAA,CAAA;EACC,YAAA,EAEF,UAFE,CAAA,cAAA,CAAA;EACK,aAAA,EAEN,UAFM,CAAA,eAAA,CAAA;EACP,YAAA,EAEA,UAFA,CAAA,cAAA,CAAA;EACC,cAAA,EAEC,UAFD,CAAA,gBAAA,CAAA;EACD,WAAA,EAED,UAFC,CAAA,aAAA,CAAA;EACE,UAAA,EAEJ,UAFI,CAAA,YAAA,CAAA;EACH,YAAA,EAEC,UAFD,CAAA,cAAA,CAAA;;AAEC,cAGH,UAHG,EAAA,CAAA,cAAA,CAAA,EAG4B,cAH5B,EAAA,GAG6C,OAH7C"}

package/dist/types/libs/index.d.ts

@@ -0,0 +1,2 @@
+import { AuthAPI, getAuthAPI } from "./auth.js";
+export { AuthAPI, getAuthAPI };

package/dist/types/providers/ReactQueryProvider.d.ts

@@ -0,0 +1,18 @@
+import { FC, PropsWithChildren } from "react";
+import { QueryKey, UseMutationOptions } from "@tanstack/react-query";
+
+//#region src/providers/ReactQueryProvider.d.ts
+declare module '@tanstack/react-query' {
+  interface Register {
+    mutationMeta: {
+      onSuccess?: UseMutationOptions['onSuccess'];
+      onError?: UseMutationOptions['onError'];
+      invalidateQueries?: QueryKey[];
+      resetQueries?: QueryKey[];
+    };
+  }
+}
+declare const ReactQueryProvider: FC<PropsWithChildren>;
+//#endregion
+export { ReactQueryProvider };
+//# sourceMappingURL=ReactQueryProvider.d.ts.map

package/dist/types/providers/ReactQueryProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactQueryProvider.d.ts","names":[],"sources":["../../../src/providers/ReactQueryProvider.tsx"],"sourcesContent":[],"mappings":";;;;;;IAUgE,YAAA,EAAA;MAAA,SAAA,CAAA,EAuB9C,kBAvB8C,CAAA,WAAA,CAAA;MAAA,OAAA,CAAA,EAwBhD,kBAxBgD,CAAA,SAAA,CAAA;MAuB9C,iBAAA,CAAA,EAEQ,QAFR,EAAA;MACF,YAAA,CAAA,EAEK,QAFL,EAAA;IACU,CAAA;EACL;;AAAQ,cA0DhB,kBA1DgB,EA0DI,EA1DJ,CA0DO,iBA1DP,CAAA"}

package/dist/types/providers/index.d.ts

@@ -0,0 +1,3 @@
+import { ReactQueryProvider } from "./ReactQueryProvider.js";
+import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
+export { ReactQueryDevtools, ReactQueryProvider };

package/dist/types/tailwind.config.d.ts

@@ -0,0 +1,10 @@
+//#region src/tailwind.config.d.ts
+declare const tailwindConfig: {
+  content: string[];
+};
+declare const tailwindPresetConfig: {
+  content: string[];
+};
+//#endregion
+export { tailwindConfig as default, tailwindPresetConfig };
+//# sourceMappingURL=tailwind.config.d.ts.map

package/dist/types/tailwind.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwind.config.d.ts","names":[],"sources":["../../src/tailwind.config.ts"],"sourcesContent":[],"mappings":";cAyBM;EAAA,OAAA,EAAA,MAAA,EAAoC;AAAA,CAAA;cACpC"}

package/dist/types/utils/camelCase.d.ts

@@ -0,0 +1,6 @@
+//#region src/utils/camelCase.d.ts
+declare const sentenceToCamelCase: (string: string) => string;
+declare const camelCaseToSentence: (content: string) => string;
+//#endregion
+export { camelCaseToSentence, sentenceToCamelCase };
+//# sourceMappingURL=camelCase.d.ts.map

package/dist/types/utils/camelCase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"camelCase.d.ts","names":[],"sources":["../../../src/utils/camelCase.ts"],"sourcesContent":[],"mappings":";cAAa;AAAA,cAWA,mBAFZ,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,GAAA,MAAA"}

package/dist/types/utils/cn.d.ts

@@ -0,0 +1,7 @@
+import { ClassValue } from "clsx";
+
+//#region src/utils/cn.d.ts
+declare const cn: (...inputs: ClassValue[]) => string;
+//#endregion
+export { cn };
+//# sourceMappingURL=cn.d.ts.map

package/dist/types/utils/cn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.d.ts","names":[],"sources":["../../../src/utils/cn.ts"],"sourcesContent":[],"mappings":";;;cAGa,gBAAiB"}

package/dist/types/utils/image.d.ts

@@ -0,0 +1,39 @@
+//#region src/utils/image.d.ts
+declare enum ImageProvider {
+  Picsum = "picsum",
+  Dummy = "dummy",
+}
+declare enum ImageType {
+  Avatar = "avatar",
+  Random = "random",
+}
+/**
+ * Generates a random image URL based on the specified provider and type.
+ *
+ * @param provider - The image provider to use (e.g., Unsplash, Picsum, Dummy)
+ * @param type - The type of image to generate (Avatar or Random)
+ * @returns A URL string pointing to a random image
+ *
+ * @example
+ * ```ts
+ * getRandomImageUrl(ImageProvider.Picsum, ImageType.Random) // 'https://picsum.photos/800/600?random=123'
+ * getRandomImageUrl(ImageProvider.Dummy, ImageType.Avatar) // 'https://dummyimage.com/200x200/000/fff&text=Avatar'
+ * ```
+ */
+declare function getRandomImageUrl(provider: ImageProvider, type: ImageType): string;
+/**
+ * Generates a random image URL for avatar images based on the specified provider.
+ *
+ * @param provider - The image provider to use (e.g., Unsplash, Picsum, Dummy)
+ * @returns A URL string pointing to a random avatar image
+ *
+ * @example
+ * ```ts
+ * getAvatarImageUrl(ImageProvider.Picsum) // 'https://picsum.photos/200/200?random=123'
+ * getAvatarImageUrl(ImageProvider.Dummy) // 'https://dummyimage.com/200x200/000/fff&text=Avatar'
+ * ```
+ */
+declare function getAvatarImageUrl(provider?: ImageProvider): string;
+//#endregion
+export { getAvatarImageUrl, getRandomImageUrl };
+//# sourceMappingURL=image.d.ts.map

package/dist/types/utils/image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.d.ts","names":[],"sources":["../../../src/utils/image.ts"],"sourcesContent":[],"mappings":";aAAK,aAAA;EAAA,MAAA,GAAA,QAAa;EAKb,KAAA,GAAA,OAAS;AAkBd;AAoCA,aAtDK,SAAA;;;;;;;;;;;;;;;;;iBAkBW,iBAAA,WACJ,qBACJ;;;;;;;;;;;;;iBAkCQ,iBAAA,YACJ"}

package/dist/types/utils/object.d.ts

@@ -0,0 +1,21 @@
+//#region src/utils/object.d.ts
+/**
+ * Rename a key in an object by keeping the element order
+ *
+ * @param obj The original object
+ * @param oldKey The key in the object that needs to be renamed
+ * @param newKey The new key name to replace the old key
+ * @returns A new object with the renamed key
+ */
+declare const renameKey: <T extends object>(obj: T, oldKey: keyof T, newKey: string) => T;
+/**
+ * Remove a key from an object
+ *
+ * @param obj The original object
+ * @param key The key in the object that needs to be removed
+ * @returns A new object without the specified key
+ */
+declare const removeKey: <T extends object>(obj: T, key: keyof T) => T;
+//#endregion
+export { removeKey, renameKey };
+//# sourceMappingURL=object.d.ts.map

package/dist/types/utils/object.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"object.d.ts","names":[],"sources":["../../../src/utils/object.ts"],"sourcesContent":[],"mappings":";;AAQA;;;;;AAgCA;;AAA+D,cAhClD,SAgCkD,EAAA,CAAA,UAAA,MAAA,CAAA,CAAA,GAAA,EA/BxD,CA+BwD,EAAA,MAAA,EAAA,MA9B/C,CA8B+C,EAAA,MAAA,EAAA,MAAA,EAAA,GA5B5D,CA4B4D;;;;;;;;cAAlD,mCAAoC,cAAc,MAAI"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intlayer/design-system",
-  "version": "6.1.6",
+  "version": "7.0.0-canary.0",
   "private": false,
   "description": "Intlayer design system, including UI components used in the Intlayer editor, website, and visual editor/CMS.",
   "keywords": [
@@ -30,181 +30,156 @@
     }
   ],
   "sideEffects": false,
-  "type": "module",
   "exports": {
     ".": {
-      "types": "./dist/components/index.d.ts",
-      "import": "./dist/components/index.mjs",
-      "require": "./dist/components/index.cjs"
+      "types": "./dist/types/components/index.d.ts",
+      "import": "./dist/esm/components/index.mjs"
+    },
+    "./*": {
+      "types": "./dist/types/components/*/index.d.ts",
+      "import": "./dist/esm/components/*/index.mjs"
     },
     "./hooks": {
-      "types": "./dist/hooks/index.d.ts",
-      "import": "./dist/hooks/index.mjs",
-      "require": "./dist/hooks/index.cjs"
+      "types": "./dist/types/hooks/index.d.ts",
+      "import": "./dist/esm/hooks/index.mjs"
     },
     "./providers": {
-      "types": "./dist/providers/index.d.ts",
-      "import": "./dist/providers/index.mjs",
-      "require": "./dist/providers/index.cjs"
+      "types": "./dist/types/providers/index.d.ts",
+      "import": "./dist/esm/providers/index.mjs"
     },
     "./libs": {
-      "types": "./dist/libs/index.d.ts",
-      "import": "./dist/libs/index.mjs",
-      "require": "./dist/libs/index.cjs"
+      "types": "./dist/types/libs/index.d.ts",
+      "import": "./dist/esm/libs/index.mjs"
     },
     "./tailwind-config": {
-      "types": "./dist/tailwind.config.d.ts",
-      "import": "./dist/tailwind.config.mjs",
-      "require": "./dist/tailwind.config.cjs"
+      "types": "./dist/types/tailwind.config.d.ts",
+      "import": "./dist/esm/tailwind.config.mjs"
     },
-    "./css": "./src/tailwind.css",
+    "./css": "./tailwind.css",
+    "./tw-source.css": "./tw-source.css",
     "./css-output": "./dist/tailwind.css"
   },
-  "main": "dist/components/index.cjs",
-  "module": "dist/components/index.mjs",
-  "types": "dist/components/index.d.ts",
-  "typesVersions": {
-    "*": {
-      ".": [
-        "./dist/components/index.d.ts"
-      ],
-      "hooks": [
-        "./dist/hooks/index.d.ts"
-      ],
-      "providers": [
-        "./dist/providers/index.d.ts"
-      ],
-      "libs": [
-        "./dist/libs/index.d.ts"
-      ],
-      "tailwind-config": [
-        "./dist/tailwind.config.d.ts"
-      ],
-      "package.json": [
-        "./package.json"
-      ]
-    }
-  },
+  "main": "dist/esm/components/index.mjs",
+  "module": "dist/esm/components/index.mjs",
+  "types": "dist/types/components/index.d.ts",
   "files": [
-    "dist"
+    "dist",
+    "package.json",
+    "tailwind.css",
+    "tw-source.css"
   ],
-  "dependencies": {
-    "@hookform/resolvers": "^5.0.1",
-    "@monaco-editor/react": "^4.7.0",
-    "@radix-ui/react-dialog": "^1.1.15",
-    "@radix-ui/react-select": "^2.1.4",
-    "@radix-ui/react-slot": "^1.2.3",
-    "@radix-ui/react-toast": "^1.2.15",
-    "@shikijs/transformers": "^3.13.0",
-    "better-auth": "^1.3.16",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "cmdk": "^1.1.1",
-    "deepmerge": "^4.3.1",
-    "framer-motion": "^12.23.21",
-    "fuse.js": "^7.1.0",
-    "react-hook-form": "^7.63.0",
-    "rollup-preserve-directives": "^1.1.3",
-    "shiki": "^3.2.1",
-    "tailwind-merge": "^3.3.1",
-    "zod": "^3.25.56",
-    "zustand": "^4.5.6",
-    "@intlayer/api": "6.1.6",
-    "@intlayer/config": "6.1.6",
-    "@intlayer/editor-react": "6.1.6",
-    "@intlayer/dictionaries-entry": "6.1.6",
-    "@intlayer/core": "6.1.6",
-    "intlayer": "6.1.6",
-    "react-intlayer": "6.1.6"
-  },
-  "devDependencies": {
-    "@chromatic-com/storybook": "^3.2.7",
-    "@storybook/addon-a11y": "^8.6.14",
-    "@storybook/addon-essentials": "^8.6.14",
-    "@storybook/addon-interactions": "^8.6.14",
-    "@storybook/addon-links": "^8.6.14",
-    "@storybook/addon-onboarding": "^8.6.14",
-    "@storybook/blocks": "^8.6.14",
-    "@storybook/react": "^8.6.14",
-    "@storybook/react-vite": "^8.6.14",
-    "@storybook/test": "^8.6.14",
-    "@tailwindcss/aspect-ratio": "^0.4.2",
-    "@tailwindcss/cli": "^4.0.14",
-    "@tailwindcss/vite": "^4.1.13",
-    "@tanstack/query-persist-client-core": "^5.90.2",
-    "@tanstack/query-sync-storage-persister": "^5.90.2",
-    "@tanstack/react-query": "^5.90.2",
-    "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.2.0",
-    "@testing-library/user-event": "^14.6.1",
-    "@types/espree": "^10.1.0",
-    "@types/node": "^24.5.2",
-    "@types/react": ">=16.0.0",
-    "@types/react-dom": ">=16.0.0",
-    "@typescript-eslint/parser": "^8.44.1",
-    "@vitejs/plugin-react": "^5.0.0",
-    "concurrently": "^9.2.0",
-    "eslint": "^9.36.0",
-    "fast-glob": "^3.3.3",
-    "lucide-react": "^0.544.0",
-    "prettier": "^3.6.2",
-    "rimraf": "^6.0.1",
-    "storybook": "^8.6.14",
-    "tailwindcss": "^4.1.13",
-    "typescript": "^5.9.2",
-    "vite": "^7.1.7",
-    "vite-plugin-dts": "^4.5.3",
-    "vitest": "^3.2.4",
-    "@utils/eslint-config": "1.0.4",
-    "@utils/ts-config": "1.0.4",
-    "@utils/ts-config-types": "1.0.4",
-    "@utils/tsup-config": "1.0.4",
-    "vite-intlayer": "6.1.6",
-    "@intlayer/backend": "6.1.6"
-  },
-  "peerDependencies": {
-    "@monaco-editor/react": "^4.7.0",
-    "@tanstack/query-persist-client-core": "^5.90.2",
-    "@tanstack/query-sync-storage-persister": "^5.90.2",
-    "@tanstack/react-query": "^5.90.2",
-    "clsx": "^2.1.1",
-    "framer-motion": "^12.23.21",
-    "fuse.js": "^7.1.0",
-    "react": ">=16.0.0",
-    "react-dom": ">=16.0.0",
-    "tailwind-merge": "^3.3.1",
-    "zustand": "^4.5.6",
-    "@intlayer/backend": "6.1.6",
-    "@intlayer/config": "6.1.6",
-    "@intlayer/api": "6.1.6",
-    "@intlayer/core": "6.1.6",
-    "@intlayer/editor-react": "6.1.6",
-    "@intlayer/dictionaries-entry": "6.1.6",
-    "intlayer": "6.1.6",
-    "react-intlayer": "6.1.6"
-  },
   "scripts": {
-    "build": "pnpm clean & pnpm build:ci",
-    "build:ci": "pnpm build:package",
-    "build:css": "npx tailwindcss --minify -i ./src/tailwind.css -o ./dist/tailwind.css",
+    "build": "tsdown --config tsdown.config.ts",
+    "build:ci": "tsdown --config tsdown.config.ts",
+    "build:css": "npx tailwindcss --minify -i ./tailwind.css -o ./dist/tailwind.css",
     "build:intlayer": "intlayer build",
     "build:package": "vite build",
     "build:storybook": "storybook build",
     "check:storybook": "npx storybook doctor",
-    "clean": "rimraf ./dist",
+    "clean": "rimraf ./dist .turbo",
     "dev": "vite build --watch",
-    "lint": "eslint src",
-    "lint:fix": "eslint src --fix",
-    "prettier": "prettier . --check",
-    "prettier:fix": "prettier . --write",
+    "format": "biome format . --check",
+    "format:fix": "biome format --write .",
+    "lint": "biome lint .",
+    "lint:fix": "biome lint --write .",
     "preview": "vite preview",
-    "prepublish": "cp -f ../../../README.md ./README.md",
-    "start": "pnpm storybook -p 6006 --no-open --host 0.0.0.0",
+    "start": "bun storybook -p 6006 --no-open --host 0.0.0.0",
     "start:serve": "npx http-server -y storybook-static -p 6006 -o --no-open",
     "storybook": "storybook dev -p 6006",
     "test": "vitest run",
     "test:coverage": "vitest run --coverage",
     "test:watch": "vitest --watch",
-    "typecheck": "tsc --noEmit"
+    "typecheck": "",
+    "typecheck_": "tsc --noEmit --project tsconfig.types.json"
+  },
+  "dependencies": {
+    "@hookform/resolvers": "5.2.2",
+    "@intlayer/api": "workspace:*",
+    "@intlayer/config": "workspace:*",
+    "@intlayer/core": "workspace:*",
+    "@intlayer/dictionaries-entry": "workspace:*",
+    "@intlayer/editor-react": "workspace:*",
+    "@intlayer/types": "workspace:*",
+    "@monaco-editor/react": "4.7.0",
+    "@radix-ui/react-dialog": "1.1.15",
+    "@radix-ui/react-select": "2.2.6",
+    "@radix-ui/react-slot": "1.2.3",
+    "@radix-ui/react-toast": "1.2.15",
+    "@shikijs/transformers": "3.13.0",
+    "@storybook/manager-api": "^8.6.14",
+    "@storybook/theming": "^8.6.14",
+    "@tanstack/react-query": "5.90.5",
+    "@tanstack/react-query-devtools": "5.90.2",
+    "better-auth": "1.3.29",
+    "class-variance-authority": "0.7.1",
+    "clsx": "2.1.1",
+    "cmdk": "1.1.1",
+    "framer-motion": "12.23.24",
+    "fuse.js": "7.1.0",
+    "intlayer": "workspace:*",
+    "react-hook-form": "7.65.0",
+    "react-intlayer": "workspace:*",
+    "rollup-preserve-directives": "1.1.3",
+    "shiki": "3.13.0",
+    "tailwind-merge": "3.3.1",
+    "zod": "4.1.12",
+    "zustand": "4.5.7"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "3.2.7",
+    "@intlayer/backend": "workspace:*",
+    "@storybook/addon-a11y": "8.6.14",
+    "@storybook/addon-essentials": "8.6.14",
+    "@storybook/addon-interactions": "8.6.14",
+    "@storybook/addon-links": "8.6.14",
+    "@storybook/addon-onboarding": "8.6.14",
+    "@storybook/blocks": "8.6.14",
+    "@storybook/react": "8.6.14",
+    "@storybook/react-vite": "8.6.14",
+    "@storybook/test": "8.6.14",
+    "@svgr/core": "^8.1.0",
+    "@svgr/rollup": "^8.1.0",
+    "@tailwindcss/aspect-ratio": "0.4.2",
+    "@tailwindcss/cli": "4.1.16",
+    "@tailwindcss/vite": "4.1.16",
+    "@testing-library/jest-dom": "6.6.4",
+    "@testing-library/react": "16.3.0",
+    "@testing-library/user-event": "14.6.1",
+    "@types/espree": "10.1.0",
+    "@types/node": "24.9.1",
+    "@types/react": "19.2.2",
+    "@types/react-dom": "19.2.2",
+    "@utils/ts-config": "workspace:*",
+    "@utils/ts-config-types": "workspace:*",
+    "fast-glob": "3.3.3",
+    "lucide-react": "0.547.0",
+    "rimraf": "6.0.1",
+    "storybook": "8.6.14",
+    "tailwindcss": "4.1.16",
+    "typescript": "5.9.3",
+    "vite-intlayer": "workspace:*",
+    "vite-plugin-dts": "4.5.4",
+    "vitest": "4.0.3"
+  },
+  "peerDependencies": {
+    "@better-fetch/fetch": "1.1.18",
+    "@intlayer/api": "workspace:*",
+    "@intlayer/backend": "workspace:*",
+    "@intlayer/config": "workspace:*",
+    "@intlayer/core": "workspace:*",
+    "@intlayer/dictionaries-entry": "workspace:*",
+    "@intlayer/editor-react": "workspace:*",
+    "@intlayer/types": "workspace:*",
+    "@monaco-editor/react": "4.7.0",
+    "@tanstack/react-query": "5.90.5",
+    "clsx": "2.1.1",
+    "framer-motion": "12.23.24",
+    "fuse.js": "7.1.0",
+    "intlayer": "workspace:*",
+    "react": ">=16.0.0",
+    "react-dom": ">=16.0.0",
+    "react-intlayer": "workspace:*",
+    "tailwind-merge": "3.3.1",
+    "zustand": "4.5.7"
   }
-}
+}

package/tailwind.css

@@ -0,0 +1,165 @@
+@import "tailwindcss";
+
+@theme {
+  --font-sans: "Figtree Variable", sans-serif;
+
+  --color-background: rgba(255, 255, 255);
+  --color-background-opposite: rgba(18, 18, 18);
+
+  --color-text: rgba(18, 18, 18);
+  --color-text-opposite: rgba(255, 255, 255);
+  --color-text-dark: rgba(255, 255, 255);
+  --color-text-light: rgba(18, 18, 18);
+
+  --color-card: rgba(231, 231, 231);
+  --color-card-hover: rgba(231, 231, 231);
+
+  --color-hypertext: rgba(232, 121, 249);
+  --color-hypertext-hover: rgba(197, 101, 212);
+  --color-hypertext-active: rgba(232, 121, 249);
+
+  --color-shadow: rgba(18, 18, 18);
+
+  --color-primary: rgba(232, 121, 249);
+  --color-primary-50: rgba(254, 244, 255);
+  --color-primary-100: rgba(252, 232, 255);
+  --color-primary-200: rgba(248, 208, 254);
+  --color-primary-300: rgba(241, 171, 252);
+  --color-primary-400: rgba(232, 121, 249);
+  --color-primary-500: rgba(197, 101, 212);
+  --color-primary-600: rgba(163, 81, 175);
+  --color-primary-700: rgba(128, 61, 139);
+  --color-primary-800: rgba(93, 41, 102);
+  --color-primary-900: rgba(59, 21, 65);
+  --color-primary-950: rgba(24, 1, 28);
+
+  --color-secondary: rgba(255, 230, 109);
+  --color-secondary-50: rgba(254, 251, 232);
+  --color-secondary-100: rgba(255, 246, 194);
+  --color-secondary-200: rgba(255, 230, 109);
+  --color-secondary-300: rgba(255, 216, 69);
+  --color-secondary-400: rgba(252, 193, 19);
+  --color-secondary-500: rgba(236, 168, 6);
+  --color-secondary-600: rgba(204, 129, 2);
+  --color-secondary-700: rgba(162, 90, 6);
+  --color-secondary-800: rgba(134, 71, 13);
+  --color-secondary-900: rgba(114, 58, 17);
+  --color-secondary-950: rgba(67, 29, 5);
+
+  --color-destructive: rgba(251, 125, 60);
+  --color-destructive-50: rgba(255, 245, 237);
+  --color-destructive-100: rgba(255, 232, 213);
+  --color-destructive-200: rgba(254, 206, 170);
+  --color-destructive-300: rgba(253, 171, 116);
+  --color-destructive-400: rgba(251, 125, 60);
+  --color-destructive-500: rgba(249, 90, 22);
+  --color-destructive-600: rgba(234, 63, 12);
+  --color-destructive-700: rgba(194, 45, 12);
+  --color-destructive-800: rgba(154, 37, 18);
+  --color-destructive-900: rgba(124, 33, 18);
+  --color-destructive-950: rgba(67, 13, 7);
+
+  --color-neutral: rgba(93, 93, 93);
+  --color-neutral-50: rgba(246, 246, 246);
+  --color-neutral-100: rgba(231, 231, 231);
+  --color-neutral-200: rgba(209, 209, 209);
+  --color-neutral-300: rgba(176, 176, 176);
+  --color-neutral-400: rgba(136, 136, 136);
+  --color-neutral-500: rgba(109, 109, 109);
+  --color-neutral-600: rgba(93, 93, 93);
+  --color-neutral-700: rgba(79, 79, 79);
+  --color-neutral-800: rgba(69, 69, 69);
+  --color-neutral-900: rgba(61, 61, 61);
+  --color-neutral-950: rgba(48, 48, 48);
+
+  --color-success: rgba(0, 204, 102);
+  --color-success-50: rgba(254, 244, 255);
+  --color-success-100: rgba(252, 232, 255);
+  --color-success-200: rgba(248, 208, 254);
+  --color-success-300: rgba(241, 171, 252);
+  --color-success-400: rgba(232, 121, 249);
+  --color-success-500: rgba(197, 101, 212);
+  --color-success-600: rgba(163, 81, 175);
+  --color-success-700: rgba(128, 61, 139);
+  --color-success-800: rgba(93, 41, 102);
+  --color-success-900: rgba(59, 21, 65);
+
+  --color-warning: rgba(214, 153, 66);
+  --color-warning-50: rgba(254, 251, 232);
+  --color-warning-100: rgba(255, 246, 194);
+  --color-warning-200: rgba(255, 230, 109);
+  --color-warning-300: rgba(255, 216, 69);
+  --color-warning-400: rgba(252, 193, 19);
+  --color-warning-500: rgba(236, 168, 6);
+  --color-warning-600: rgba(204, 129, 2);
+  --color-warning-700: rgba(162, 90, 6);
+  --color-warning-800: rgba(134, 71, 13);
+  --color-warning-900: rgba(114, 58, 17);
+
+  --color-error: rgba(181, 24, 13);
+  --color-error-50: rgba(255, 245, 237);
+  --color-error-100: rgba(255, 232, 213);
+  --color-error-200: rgba(254, 206, 170);
+  --color-error-300: rgba(253, 171, 116);
+  --color-error-400: rgba(251, 125, 60);
+  --color-error-500: rgba(249, 90, 22);
+  --color-error-600: rgba(234, 63, 12);
+  --color-error-700: rgba(194, 45, 12);
+  --color-error-800: rgba(154, 37, 18);
+  --color-error-900: rgba(124, 33, 18);
+
+  --color-white: rgba(255, 255, 255);
+
+  --color-black: rgba(0, 0, 0);
+
+  --color-input-background: rgba(255, 255, 255);
+  --color-input-text: rgba(18, 18, 18);
+  --color-input-border: rgba(216, 216, 216);
+  --color-input-border-hover: rgba(201, 201, 201);
+  --color-input-border-focus: rgba(189, 189, 189);
+  --color-input-border-disabled: rgba(255, 255, 255);
+}
+
+@custom-variant dark (&:where([data-theme=dark], [data-theme=dark] *));
+
+[data-theme="dark"] {
+  --font-sans: "Figtree Variable", sans-serif;
+
+  --color-background: rgba(23, 23, 23);
+  --color-background-opposite: rgba(255, 255, 255);
+
+  --color-text: rgba(255, 245, 237);
+  --color-text-opposite: rgba(18, 18, 18);
+
+  --color-card: rgba(39, 39, 39);
+  --color-card-hover: rgba(79, 79, 79);
+
+  --color-hypertext: rgba(232, 121, 249);
+  --color-hypertext-hover: rgba(197, 101, 212);
+  --color-hypertext-active: rgba(232, 121, 249);
+
+  --color-shadow: rgba(18, 18, 18);
+
+  --color-primary: rgba(232, 121, 249);
+  --color-secondary: rgba(255, 230, 109);
+  --color-destructive: rgba(251, 125, 60);
+  --color-neutral: rgba(93, 93, 93);
+
+  --color-success: rgba(0, 204, 102);
+  --color-warning: rgba(214, 153, 66);
+  --color-error: rgba(181, 24, 13);
+
+  --color-white: rgba(255, 255, 255);
+  --color-black: rgba(0, 0, 0);
+
+  --color-input-background: rgba(61, 61, 61);
+  --color-input-text: rgba(246, 246, 246);
+  --color-input-border: rgba(79, 79, 79);
+  --color-input-border-hover: rgba(93, 93, 93);
+  --color-input-border-focus: rgba(176, 176, 176);
+  --color-input-border-disabled: rgba(61, 61, 61);
+}
+
+@plugin '@tailwindcss/aspect-ratio';
+
+@source "./**/*.{ts,tsx,jsx,mjx,js,cjs,cjx,mjs,mjx,svg}";

package/tw-source.css

@@ -0,0 +1 @@
+@source "**/*.{ts,tsx,jsx,mjx,js,cjs,cjx,mjs,mjx,svg}";