forma-ui 0.0.6 → 0.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "forma-ui",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
@@ -9,23 +9,30 @@
   "private": false,
   "scripts": {
     "dev": "next dev --turbopack",
-    "build": "npm run build:dist",
     "build:dist": "tsc -p tsconfig.build.json",
-    "build:server": "tsc -p tsconfig.server.json",
+    "build:server": "next build",
+    "build": "npm run build:dist && npm run build:server",
     "start": "next start",
     "lint": "eslint"
   },
   "dependencies": {
+    "axios": "^1.12.2",
     "clsx": "^2.1.1",
+    "critters": "^0.0.25",
+    "elastic-apm-node": "^4.14.0",
+    "forma-ui": "^0.0.6",
+    "js-cookie": "^3.0.5",
     "next": "15.5.4",
     "react": "19.1.0",
     "react-dom": "19.1.0",
+    "swr": "^2.3.6",
     "tailwind-merge": "^3.3.1",
     "zustand": "^5.0.8"
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3.3.1",
     "@tailwindcss/postcss": "^4.1.13",
+    "@types/js-cookie": "^3.0.6",
     "@types/node": "^20.19.17",
     "@types/react": "^19.1.14",
     "@types/react-dom": "^19.1.9",

package/README.md

@@ -1,36 +0,0 @@
-This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
-
-## Getting Started
-
-First, run the development server:
-
-```bash
-npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-# or
-bun dev
-```
-
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
-
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
-
-This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
-
-## Learn More
-
-To learn more about Next.js, take a look at the following resources:
-
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
-
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
-
-## Deploy on Vercel
-
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
-
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.

package/dist/components/PostDetailPage.d.ts

@@ -1,7 +0,0 @@
-import { Lang } from "../config/language";
-interface PostDetailPageProps {
-    id: string;
-    lang?: Lang;
-}
-export declare const PostDetailPage: ({ id, lang }: PostDetailPageProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/PostDetailPage.js

@@ -1,47 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import { useAppStore } from "../store/appStore";
-import { getDictionary } from "../dictionaries";
-import { useRouter, usePathname, useSearchParams } from "next/navigation";
-import { languages } from "../config/language";
-export const PostDetailPage = ({ id, lang }) => {
-    const storeLang = useAppStore((state) => state.lang);
-    const setLang = useAppStore((state) => state.setLang);
-    const [dict, setDict] = useState(null);
-    const router = useRouter();
-    const pathname = usePathname();
-    const searchParams = useSearchParams();
-    // تعیین زبان: prop اولویت دارد
-    const currentLang = lang !== null && lang !== void 0 ? lang : storeLang;
-    useEffect(() => {
-        let isMounted = true;
-        getDictionary(currentLang).then((d) => {
-            if (isMounted)
-                setDict(d);
-        });
-        return () => {
-            isMounted = false;
-        };
-    }, [currentLang]);
-    const changeLang = (newLang) => {
-        if (newLang === currentLang)
-            return;
-        if (!lang) {
-            setLang(newLang);
-            const segments = pathname.split("/").slice(1);
-            if (segments.length > 0 && Object.keys(languages).includes(segments[0])) {
-                segments[0] = newLang;
-            }
-            else {
-                segments.unshift(newLang);
-            }
-            const newPath = "/" + segments.join("/");
-            const search = searchParams.toString();
-            router.push(search ? `${newPath}?${search}` : newPath);
-        }
-    };
-    if (!dict)
-        return _jsx("div", { children: "Loading..." });
-    return (_jsxs("div", { children: [_jsxs("h2", { children: [dict.posts.title, " - ", id] }), _jsx("p", { children: dict.posts.description }), !lang && (_jsxs("div", { children: [_jsx("button", { onClick: () => changeLang("fa"), children: "\u0641\u0627\u0631\u0633\u06CC" }), _jsx("button", { onClick: () => changeLang("en"), children: "English" })] }))] }));
-};

package/dist/components/PostPage.d.ts

@@ -1,6 +0,0 @@
-import { Lang } from "../config/language";
-interface PostsPageProps {
-    lang?: Lang;
-}
-export declare const PostsPage: ({ lang }: PostsPageProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/PostPage.js

@@ -1,48 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import { useAppStore } from "../store/appStore";
-import { getDictionary } from "../dictionaries";
-import { useRouter, usePathname, useSearchParams } from "next/navigation";
-import { languages } from "../config/language";
-export const PostsPage = ({ lang }) => {
-    const storeLang = useAppStore((state) => state.lang);
-    const setLang = useAppStore((state) => state.setLang);
-    const [dict, setDict] = useState(null);
-    const router = useRouter();
-    const pathname = usePathname();
-    const searchParams = useSearchParams();
-    // تصمیم می‌گیریم که کدام زبان استفاده شود: اول prop بعد store
-    const currentLang = lang !== null && lang !== void 0 ? lang : storeLang;
-    useEffect(() => {
-        let isMounted = true;
-        getDictionary(currentLang).then((d) => {
-            if (isMounted)
-                setDict(d);
-        });
-        return () => {
-            isMounted = false;
-        };
-    }, [currentLang]);
-    const changeLang = (newLang) => {
-        if (newLang === currentLang)
-            return;
-        // فقط وقتی prop نیست، store و URL را تغییر بده
-        if (!lang) {
-            setLang(newLang);
-            const segments = pathname.split("/").slice(1);
-            if (segments.length > 0 && Object.keys(languages).includes(segments[0])) {
-                segments[0] = newLang;
-            }
-            else {
-                segments.unshift(newLang);
-            }
-            const newPath = "/" + segments.join("/");
-            const search = searchParams.toString();
-            router.push(search ? `${newPath}?${search}` : newPath);
-        }
-    };
-    if (!dict)
-        return _jsx("div", { children: "Loading..." });
-    return (_jsxs("div", { children: [_jsx("h2", { children: dict.posts.title }), _jsx("p", { children: dict.posts.description }), !lang && (_jsxs("div", { children: [_jsx("button", { onClick: () => changeLang("fa"), children: "\u0641\u0627\u0631\u0633\u06CC" }), _jsx("button", { onClick: () => changeLang("en"), children: "English" })] }))] }));
-};

package/dist/components/icon/icon.d.ts

@@ -1,116 +0,0 @@
-interface IconProps {
-    className?: string;
-    width?: string | number;
-    height?: string | number;
-    color?: string;
-}
-export declare const SearchIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const FolderIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const WalletIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const GraphIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const BookmarkIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const CategoryIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const HomeIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const NotificationIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ChatIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const HeartIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const PaperIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const PaperPlusIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const PaperNegativeIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const PaperFailIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const PaperDownloadIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const PaperUploadIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const SendIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const PasswordIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const SwapIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const WorkIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ScanIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ActivityIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const CalendarIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const MessageIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const VideoIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const PlusIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ChartIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ArrowDownCircleIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ArrowDownSquareIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ArrowDownIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ArrowDown2Icon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ArrowDown3Icon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const CoinIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ArrowRightCircleIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ArrowRightSquareIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ArrowRightIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ArrowRight2Icon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ArrowRight3Icon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ArrowUpCircleIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ArrowLeftCircleIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ArrowUpSquareIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ArrowLeftSquareIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ArrowUpIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ArrowUp2Icon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ArrowUp3Icon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ArrowLeftIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ArrowLeft2Icon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ArrowLeft3Icon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const GameIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const BagIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Bag2Icon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const TicketStarIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const MoreCircleIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const MoreSquareIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const DiscountIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const BuyIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const InfoSquaresIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const DangerSquareIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const DangerTriangleIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const CloseSquareIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const TickSquareIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const DiscoveryIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const LocationIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const DocumentIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const SettingIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const TimeSquareIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const TimeCircleIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const VolumeUpIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const VolumeDownIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const VolumeOffIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const StarIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const TicketIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const CameraIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ProfileIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const AddUserIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const TwoUsersIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ThreeUsersIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const LoginIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const LogoutIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const DownloadIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const UploadIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const VoiceIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Voice2Icon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const DeleteIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const EditIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const EditSquareIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const PlayIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ShieldDoneIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ShieldFailIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ShowIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const HideIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const FilterIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ImageIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Image2Icon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const CallIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const CallingIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const CallMissedIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const CallSilentIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const LockIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Filter2Icon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const UnlockIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const RefreshIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const MenuIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const EmailIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const TelegramIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const InstagramIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const MobielIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const MoonIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const SunIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export {};