forma-ui 0.0.8 → 0.0.9

package/dist/Interfaces/dictionary.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @Author: Mohammad Felfelani
+ * @Email: mfelfelani72@gmail.com
+ * @Team:
+ * @Date: 2025-10-12 09:03:23
+ * @Description:
+ */
+import { OpenGraphMeta, TwitterMeta } from "@/Interfaces/meta";
+import { Lang } from "@/configs/language";
+export type Dictionary = Record<string, string | {
+    title: string;
+    description: string;
+    keywords?: string[];
+    openGraph?: OpenGraphMeta;
+    twitter?: TwitterMeta;
+}>;
+export interface LangState {
+    lang: Lang;
+    dir: "ltr" | "rtl";
+    refreshKey: number;
+    isInitialized: boolean;
+    setLang: (newLang: Lang) => void;
+    initializeLang: (langFromUrl?: string) => void;
+    triggerRefresh?: () => void;
+}

package/dist/Interfaces/dictionary.js

@@ -0,0 +1,8 @@
+/**
+ * @Author: Mohammad Felfelani
+ * @Email: mfelfelani72@gmail.com
+ * @Team:
+ * @Date: 2025-10-12 09:03:23
+ * @Description:
+ */
+export {};

package/dist/Interfaces/global.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @Author: Mohammad Felfelani
+ * @Email: mfelfelani72@gmail.com
+ * @Team:
+ * @Date: 2025-10-12 15:00:49
+ * @Description:
+ */
+import type { ReactNode } from "react";
+import { type Lang } from "@/configs/language";
+import { Dictionary } from "@/Interfaces/dictionary";
+export interface LangLayoutProps {
+    children: ReactNode;
+    params: Promise<{
+        lang: string;
+    }>;
+}
+export interface LangWrapperProps {
+    langFromUrl: Lang;
+    dictionary: Dictionary;
+    children: ReactNode;
+}

package/dist/Interfaces/global.js

@@ -0,0 +1 @@
+export {};

package/dist/Interfaces/meta.d.ts

@@ -0,0 +1,39 @@
+/**
+ * @Author: Mohammad Felfelani
+ * @Email: mfelfelani72@gmail.com
+ * @Team:
+ * @Date: 2025-10-12 08:39:25
+ * @Description:
+ */
+export interface BaseMeta {
+    title: string;
+    description: string;
+    keywords?: string[];
+}
+export interface PageMeta extends BaseMeta {
+    canonicalUrl?: string;
+    robots?: {
+        index?: boolean;
+        follow?: boolean;
+    };
+}
+export type OpenGraphMeta = {
+    title: string;
+    description: string;
+    url?: string;
+    locale?: string;
+    siteName?: string;
+    type?: string;
+    images?: {
+        url: string;
+        width: number;
+        height: number;
+        alt: string;
+    }[];
+};
+export type TwitterMeta = {
+    card?: string;
+    title?: string;
+    description?: string;
+    images?: string[];
+};

package/dist/Interfaces/meta.js

@@ -0,0 +1,8 @@
+/**
+ * @Author: Mohammad Felfelani
+ * @Email: mfelfelani72@gmail.com
+ * @Team:
+ * @Date: 2025-10-12 08:39:25
+ * @Description:
+ */
+export {};

package/dist/app/[lang]/stores/LangStore.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @Author: Mohammad Felfelani
+ * @Email: mfelfelani72@gmail.com
+ * @Team:
+ * @Date: 2025-10-05 12:41:14
+ * @Description: Lang store with JSON cookie
+ */
+import { LangState } from "@/Interfaces/dictionary";
+export declare const useLangStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<LangState>, "setState" | "persist"> & {
+    setState(partial: LangState | Partial<LangState> | ((state: LangState) => LangState | Partial<LangState>), replace?: false | undefined): unknown;
+    setState(state: LangState | ((state: LangState) => LangState), replace: true): unknown;
+    persist: {
+        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<LangState, unknown, unknown>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: LangState) => void) => () => void;
+        onFinishHydration: (fn: (state: LangState) => void) => () => void;
+        getOptions: () => Partial<import("zustand/middleware").PersistOptions<LangState, unknown, unknown>>;
+    };
+}>;
+export declare const initializeLang: (langFromUrl?: string) => void;

package/dist/app/[lang]/stores/LangStore.js

@@ -0,0 +1,125 @@
+/**
+ * @Author: Mohammad Felfelani
+ * @Email: mfelfelani72@gmail.com
+ * @Team:
+ * @Date: 2025-10-05 12:41:14
+ * @Description: Lang store with JSON cookie
+ */
+import { create } from "zustand";
+import { isBrowser, setCookie, getCookie } from "@/libs/cookieUtils";
+import { persist, createJSONStorage } from "zustand/middleware";
+// Constants
+import { languages } from "@/configs/language";
+// Functions
+const isValidLang = (lang) => {
+    return typeof lang === "string" && lang in languages;
+};
+const cookieStorage = {
+    getItem: (name) => {
+        if (!isBrowser())
+            return null;
+        try {
+            return localStorage.getItem(name);
+        }
+        catch (error) {
+            console.error("Error reading from storage:", error);
+            return null;
+        }
+    },
+    setItem: (name, value) => {
+        if (!isBrowser())
+            return;
+        try {
+            localStorage.setItem(name, value);
+        }
+        catch (error) {
+            console.error("Error writing to storage:", error);
+        }
+    },
+    removeItem: (name) => {
+        if (!isBrowser())
+            return;
+        try {
+            localStorage.removeItem(name);
+        }
+        catch (error) {
+            console.error("Error removing from storage:", error);
+        }
+    },
+};
+export const useLangStore = create()(persist((set, get) => ({
+    lang: "en",
+    dir: languages.en.dir,
+    isInitialized: false,
+    refreshKey: 0, // 🔹 اضافه شد
+    setLang: (newLang) => {
+        const dir = languages[newLang].dir;
+        set({
+            lang: newLang,
+            dir,
+            refreshKey: get().refreshKey + 1, // 🔹 trigger برای کامپوننت‌ها
+        });
+        if (isBrowser()) {
+            const langCookieValue = JSON.stringify({
+                state: {
+                    lang: newLang,
+                    dir: dir,
+                },
+            });
+            setCookie("app_lang", langCookieValue);
+        }
+    },
+    triggerRefresh: () => {
+        set({ refreshKey: get().refreshKey + 1 });
+    },
+    initializeLang: (langFromUrl) => {
+        const { isInitialized } = get();
+        if (isInitialized)
+            return;
+        let finalLang = "en";
+        let finalDir = languages.en.dir;
+        if (langFromUrl && isValidLang(langFromUrl)) {
+            finalLang = langFromUrl;
+            finalDir = languages[finalLang].dir;
+        }
+        else if (isBrowser()) {
+            const savedLangCookie = getCookie("app_lang");
+            if (savedLangCookie) {
+                try {
+                    const parsed = JSON.parse(savedLangCookie);
+                    if (parsed.state) {
+                        if (parsed.state.lang && isValidLang(parsed.state.lang)) {
+                            finalLang = parsed.state.lang;
+                        }
+                        if (parsed.state.dir &&
+                            (parsed.state.dir === "ltr" || parsed.state.dir === "rtl")) {
+                            finalDir = parsed.state.dir;
+                        }
+                    }
+                }
+                catch (error) {
+                    console.error("Error parsing lang cookie:", error);
+                }
+            }
+        }
+        set({
+            lang: finalLang,
+            dir: finalDir,
+            isInitialized: true,
+        });
+    },
+}), {
+    name: "lang-store",
+    storage: createJSONStorage(() => cookieStorage),
+    partialize: (state) => ({
+        lang: state.lang,
+        dir: state.dir,
+        isInitialized: state.isInitialized,
+        refreshKey: state.refreshKey, // 🔹 اضافه شد
+    }),
+}));
+export const initializeLang = (langFromUrl) => {
+    if (isBrowser()) {
+        useLangStore.getState().initializeLang(langFromUrl);
+    }
+};

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

@@ -0,0 +1,119 @@
+interface IconProps {
+    className?: string;
+    width?: string | number;
+    height?: string | number;
+    color?: string;
+    stroke?: string;
+    fill?: 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 declare const LanguageIcon: ({ className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export {};