forma-ui 0.0.1

package/README.md

@@ -0,0 +1,36 @@
+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/app/[lang]/home/button/page.d.ts

@@ -0,0 +1 @@
+export default function ButtonExample(): import("react/jsx-runtime").JSX.Element;

package/dist/app/[lang]/home/button/page.js

@@ -0,0 +1,6 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Button from "@/components/ui/Button";
+export default function ButtonExample() {
+    return (_jsxs("div", { className: "flex gap-4 p-4", children: [_jsx(Button, { variant: "primary", onClick: () => alert("Primary clicked"), children: "Primary" }), _jsx(Button, { variant: "secondary", children: "Secondary" }), _jsx(Button, { variant: "danger", children: "Danger" })] }));
+}

package/dist/app/[lang]/home/checkBox/page.d.ts

@@ -0,0 +1 @@
+export default function CheckboxExample(): import("react/jsx-runtime").JSX.Element;

package/dist/app/[lang]/home/checkBox/page.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import Checkbox from "@/components/ui/CheckBox";
+export default function CheckboxExample() {
+    const [checked, setChecked] = useState(false);
+    return (_jsxs("div", { className: "p-4", children: [_jsx(Checkbox, { label: "\u0645\u0648\u0627\u0641\u0642\u0645", checked: checked, onChange: setChecked }), _jsxs("p", { className: "mt-2", children: ["\u0648\u0636\u0639\u06CC\u062A: ", checked ? "فعال" : "غیرفعال"] })] }));
+}

package/dist/app/[lang]/home/input/page.d.ts

@@ -0,0 +1 @@
+export default function InputExample(): import("react/jsx-runtime").JSX.Element;

package/dist/app/[lang]/home/input/page.js

@@ -0,0 +1,11 @@
+"use client"; // ✅ must be exactly like this
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import Input from "@/components/ui/Input";
+export default function InputExample() {
+    const [text, setText] = useState("");
+    const handleChange = (e) => {
+        setText(e.target.value);
+    };
+    return (_jsxs("div", { className: "p-4", children: [_jsx(Input, { value: text, onChange: handleChange, placeholder: "\u0646\u0627\u0645 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F" }), _jsxs("p", { className: "mt-2 text-gray-700", children: ["\u0645\u0642\u062F\u0627\u0631 \u0648\u0627\u0631\u062F \u0634\u062F\u0647: ", text] })] }));
+}

package/dist/app/[lang]/home/layout.d.ts

@@ -0,0 +1,8 @@
+import "../../../app/globals.css";
+export declare const metadata: {
+    title: string;
+    description: string;
+};
+export default function RootLayout({ children, }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/app/[lang]/home/layout.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "../../../app/globals.css";
+import Sidebar from "@/components/app/Sidebar";
+import Header from "@/components/app/Header";
+import Footer from "@/components/app/Footer";
+export const metadata = {
+    title: "UI Kit Example",
+    description: "ساختار با Sidebar و Header/Footer",
+};
+export default function RootLayout({ children, }) {
+    return (_jsx("html", { lang: "fa", dir: "rtl", children: _jsxs("body", { className: "flex", children: [_jsx(Sidebar, {}), _jsxs("div", { className: "flex-1 flex flex-col min-h-screen", children: [_jsx(Header, {}), _jsx("main", { className: "flex-1 p-4 bg-gray-50", children: children }), _jsx(Footer, {})] })] }) }));
+}

package/dist/app/[lang]/home/modal/page.d.ts

@@ -0,0 +1 @@
+export default function ModalExample(): import("react/jsx-runtime").JSX.Element;

package/dist/app/[lang]/home/modal/page.js

@@ -0,0 +1,9 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import Modal from "@/components/ui/Modal";
+import Button from "@/components/ui/Button";
+export default function ModalExample() {
+    const [isOpen, setIsOpen] = useState(false);
+    return (_jsxs("div", { className: "p-4 flex flex-col gap-4", children: [_jsx(Button, { variant: "primary", onClick: () => setIsOpen(true), children: "\u0628\u0627\u0632 \u06A9\u0631\u062F\u0646 \u0645\u0648\u062F\u0627\u0644" }), _jsxs(Modal, { isOpen: isOpen, onClose: () => setIsOpen(false), title: "\u0639\u0646\u0648\u0627\u0646 \u0645\u0648\u062F\u0627\u0644", children: [_jsx("p", { children: "\u0627\u06CC\u0646 \u06CC\u06A9 \u0645\u062D\u062A\u0648\u0627\u06CC \u0646\u0645\u0648\u0646\u0647 \u0628\u0631\u0627\u06CC \u0645\u0648\u062F\u0627\u0644 \u0627\u0633\u062A." }), _jsxs("div", { className: "mt-4 flex justify-end gap-2", children: [_jsx(Button, { variant: "secondary", onClick: () => setIsOpen(false), children: "\u0628\u0633\u062A\u0646" }), _jsx(Button, { variant: "primary", onClick: () => alert("تأیید شد"), children: "\u062A\u0623\u06CC\u06CC\u062F" })] })] })] }));
+}

package/dist/app/[lang]/home/page.d.ts

@@ -0,0 +1 @@
+export default function HomePage(): import("react/jsx-runtime").JSX.Element;

package/dist/app/[lang]/home/page.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function HomePage() {
+    return _jsx("div", { children: "\u0635\u0641\u062D\u0647 \u0627\u0635\u0644\u06CC" });
+}

package/dist/app/[lang]/home/radioButton/page.d.ts

@@ -0,0 +1 @@
+export default function RadioExample(): import("react/jsx-runtime").JSX.Element;

package/dist/app/[lang]/home/radioButton/page.js

@@ -0,0 +1,7 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+export default function RadioExample() {
+    const [selected, setSelected] = useState("male");
+    return (_jsxs("div", { className: "p-4 flex flex-col gap-2", children: [_jsxs("label", { className: "flex items-center gap-2", children: [_jsx("input", { type: "radio", name: "gender", value: "male", checked: selected === "male", onChange: () => setSelected("male"), className: "w-4 h-4 text-blue-600 border-gray-300" }), "\u0645\u0631\u062F"] }), _jsxs("label", { className: "flex items-center gap-2", children: [_jsx("input", { type: "radio", name: "gender", value: "female", checked: selected === "female", onChange: () => setSelected("female"), className: "w-4 h-4 text-blue-600 border-gray-300" }), "\u0632\u0646"] }), _jsxs("p", { children: ["\u0627\u0646\u062A\u062E\u0627\u0628 \u0634\u062F\u0647: ", selected] })] }));
+}

package/dist/app/[lang]/home/settings/page.d.ts

@@ -0,0 +1 @@
+export default function SettingsPage(): import("react/jsx-runtime").JSX.Element;

package/dist/app/[lang]/home/settings/page.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function SettingsPage() {
+    return _jsx("div", { children: "\u0635\u0641\u062D\u0647 \u062A\u0646\u0638\u06CC\u0645\u0627\u062A" });
+}

package/dist/app/[lang]/home/tab/page.d.ts

@@ -0,0 +1,2 @@
+declare const page: () => import("react/jsx-runtime").JSX.Element;
+export default page;

package/dist/app/[lang]/home/tab/page.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Tabs from "@/components/ui/Tabs";
+const page = () => {
+    return (_jsx(Tabs, { tabs: [
+            { label: "پیش‌فرض", content: _jsx("p", { children: "\u0645\u062D\u062A\u0648\u0627\u06CC \u062A\u0628 \u06F1" }) },
+            { label: "تنظیمات", content: _jsx("p", { children: "\u0645\u062D\u062A\u0648\u0627\u06CC \u062A\u0628 \u06F2" }) },
+            { label: "داشبورد", content: _jsx("p", { children: "\u0645\u062D\u062A\u0648\u0627\u06CC \u062A\u0628 \u06F3" }) },
+        ] }));
+};
+export default page;

package/dist/app/[lang]/home/table/page.d.ts

@@ -0,0 +1 @@
+export default function TableExample(): import("react/jsx-runtime").JSX.Element;

package/dist/app/[lang]/home/table/page.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Table from "@/components/ui/Table";
+export default function TableExample() {
+    const columns = [
+        { header: "نام", accessor: "name" },
+        { header: "ایمیل", accessor: "email" },
+        { header: "سن", accessor: "age" },
+    ];
+    const data = [
+        { name: "علی", email: "ali@example.com", age: 25 },
+        { name: "سارا", email: "sara@example.com", age: 30 },
+    ];
+    return (_jsx("div", { className: "p-4", children: _jsx(Table, { columns: columns, data: data }) }));
+}

package/dist/app/[lang]/layout.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from "react";
+export declare function generateStaticParams(): Promise<{
+    lang: string;
+}[]>;
+interface LangLayoutProps {
+    children: ReactNode;
+    params: {
+        lang: string;
+    } | Promise<{
+        lang: string;
+    }>;
+}
+export default function LangLayout({ children, params, }: LangLayoutProps): Promise<import("react/jsx-runtime").JSX.Element>;
+export {};

package/dist/app/[lang]/layout.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getDictionary } from "../../dictionaries";
+import { languages } from "../../config/language";
+import { Geist, Geist_Mono } from "next/font/google";
+const geistSans = Geist({
+    variable: "--font-geist-sans",
+    subsets: ["latin"],
+    display: "swap",
+});
+const geistMono = Geist_Mono({
+    variable: "--font-geist-mono",
+    subsets: ["latin"],
+    display: "swap",
+});
+export async function generateStaticParams() {
+    return Object.keys(languages).map((lang) => ({ lang }));
+}
+export default async function LangLayout({ children, params, }) {
+    // ⚡ حتما await params
+    const { lang: paramLang } = await params;
+    const lang = (paramLang in languages ? paramLang : "en");
+    const dir = languages[lang].dir;
+    // لود دیکشنری برای این زبان
+    const dict = await getDictionary(lang);
+    return (_jsx("html", { lang: lang, dir: dir, className: geistSans.variable, children: _jsx("body", { children: children }) }));
+}

package/dist/app/[lang]/page.d.ts

@@ -0,0 +1 @@
+export default function RootPage(): Promise<void>;

package/dist/app/[lang]/page.js

@@ -0,0 +1,18 @@
+import { redirect } from "next/navigation";
+import { headers } from "next/headers";
+const locales = ["en", "fa"];
+const defaultLocale = "fa";
+export default async function RootPage() {
+    const headerList = await headers();
+    const acceptLang = headerList.get("accept-language") || "";
+    let locale = defaultLocale;
+    const langs = acceptLang.split(",").map((l) => l.split(";")[0].trim());
+    for (const lang of langs) {
+        const base = lang.split("-")[0];
+        if (locales.includes(base)) {
+            locale = base;
+            break;
+        }
+    }
+    redirect(`/${locale}/home`);
+}

package/dist/app/layout.d.ts

@@ -0,0 +1,6 @@
+import type { Metadata } from "next";
+import "./globals.css";
+export declare const metadata: Metadata;
+export default function RootLayout({ children, }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/app/layout.js

@@ -0,0 +1,9 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import "./globals.css";
+export const metadata = {
+    title: "Create Next App",
+    description: "Generated by create next app",
+};
+export default function RootLayout({ children, }) {
+    return _jsx(_Fragment, { children: children });
+}

package/dist/app/page.d.ts

@@ -0,0 +1 @@
+export default function RootPage(): Promise<void>;

package/dist/app/page.js

@@ -0,0 +1,17 @@
+import { redirect } from "next/navigation";
+import { headers } from "next/headers";
+const defaultLocale = "en";
+export default async function RootPage() {
+    const headerList = await headers();
+    const acceptLang = headerList.get("accept-language") || "";
+    let locale = defaultLocale;
+    const langs = acceptLang.split(",").map((l) => l.split(";")[0].trim());
+    for (const lang of langs) {
+        const base = lang.split("-")[0];
+        if (["fa", "en"].includes(base)) {
+            locale = base;
+            break;
+        }
+    }
+    redirect(`/${locale}/home`);
+}

package/dist/components/PostDetailPage.d.ts

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,47 @@
+"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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,48 @@
+"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/app/Footer.d.ts

@@ -0,0 +1 @@
+export default function Footer(): import("react/jsx-runtime").JSX.Element;

package/dist/components/app/Footer.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function Footer() {
+    return (_jsxs("footer", { className: "w-full bg-gradient-to-r from-gray-800 to-gray-900 text-gray-300 shadow-inner p-4 flex flex-col sm:flex-row items-center justify-between gap-2", children: [_jsx("p", { className: "text-sm sm:text-base", children: "\u00A9 2025 \u0647\u0645\u0647 \u062D\u0642\u0648\u0642 \u0645\u062D\u0641\u0648\u0638 \u0627\u0633\u062A" }), _jsxs("div", { className: "flex gap-4", children: [_jsx("a", { href: "#", className: "hover:text-white transition-colors duration-200 text-sm sm:text-base", children: "\u0633\u06CC\u0627\u0633\u062A \u062D\u0641\u0638 \u062D\u0631\u06CC\u0645 \u062E\u0635\u0648\u0635\u06CC" }), _jsx("a", { href: "#", className: "hover:text-white transition-colors duration-200 text-sm sm:text-base", children: "\u062A\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627" })] })] }));
+}

package/dist/components/app/Header.d.ts

@@ -0,0 +1 @@
+export default function Header(): import("react/jsx-runtime").JSX.Element;

package/dist/components/app/Header.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function Header() {
+    return (_jsxs("header", { className: "w-full bg-gradient-to-r from-indigo-600 to-purple-600 text-white shadow-md flex items-center justify-between p-4", children: [_jsx("h1", { className: "text-2xl font-bold tracking-wide", children: "\u26A1 \u067E\u0646\u0644 \u0645\u062F\u06CC\u0631\u06CC\u062A" }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsxs("div", { className: "relative", children: [_jsx("div", { className: "w-6 h-6 bg-white bg-opacity-20 rounded-full flex items-center justify-center text-sm font-bold", children: "\uD83D\uDD14" }), _jsx("span", { className: "absolute -top-1 -right-1 w-3 h-3 bg-yellow-400 rounded-full border-2 border-indigo-600" })] }), _jsx("div", { className: "w-8 h-8 bg-gray-200 rounded-full flex items-center justify-center text-gray-700 font-bold", children: "A" })] })] }));
+}

package/dist/components/app/Sidebar.d.ts

@@ -0,0 +1 @@
+export default function Sidebar(): import("react/jsx-runtime").JSX.Element;

package/dist/components/app/Sidebar.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { usePathname } from "next/navigation";
+const links = [
+    { href: "/", label: "خانه" },
+    { href: "/en/home/button", label: "Button" },
+    { href: "/en/home/checkBox", label: "checkBox" },
+    { href: "/en/home/input", label: "input" },
+    { href: "/en/home/modal", label: "modal" },
+    { href: "/en/home/radioButton", label: "radioButton" },
+    { href: "/en/home/table", label: "table" },
+    { href: "/en/home/tab", label: "tab" },
+    { href: "/en/home/settings", label: "تنظیمات" },
+];
+export default function Sidebar() {
+    const pathname = usePathname();
+    return (_jsxs("aside", { className: "w-64 h-screen flex flex-col bg-gradient-to-b from-gray-800 to-gray-900 text-gray-200 shadow-xl", children: [_jsx("div", { className: "p-6 font-bold text-2xl tracking-wide text-white border-b border-gray-700", children: "\u26A1 \u067E\u0646\u0644 \u0645\u0646" }), _jsx("nav", { className: "flex-1 p-4 flex flex-col gap-3", children: links.map((link) => {
+                    const isActive = pathname === link.href;
+                    return (_jsxs(Link, { href: link.href, className: `
+                relative px-4 py-3 rounded-lg flex items-center
+                transition-all duration-300
+                ${isActive
+                            ? "bg-gradient-to-r from-indigo-600 to-indigo-400 text-white font-semibold shadow-lg"
+                            : "hover:bg-gray-800 hover:text-white"}
+              `, children: [isActive && (_jsx("span", { className: "absolute left-0 top-0 h-full w-1 bg-yellow-400 rounded-r-md" })), _jsx("span", { className: "ml-2", children: link.label })] }, link.href));
+                }) })] }));
+}

package/dist/components/ui/Button.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+type ButtonProps = {
+    children: React.ReactNode;
+    variant?: "primary" | "secondary" | "outline" | "danger";
+    size?: "sm" | "md" | "lg";
+    onClick?: () => void;
+};
+export default function Button({ children, variant, size, onClick, }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/Button.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function Button({ children, variant = "primary", size = "md", onClick, }) {
+    const base = "rounded-lg font-medium focus:outline-none transition";
+    const sizes = {
+        sm: "px-2 py-1 text-sm",
+        md: "px-4 py-2 text-base",
+        lg: "px-6 py-3 text-lg",
+    };
+    const variants = {
+        primary: "bg-blue-600 text-white hover:bg-blue-700",
+        secondary: "bg-gray-200 text-gray-800 hover:bg-gray-300",
+        outline: "border border-gray-400 text-gray-700 hover:bg-gray-100",
+        danger: "border border-gray-400 text-gray-700 hover:bg-gray-100",
+    };
+    return (_jsx("button", { className: `${base} ${sizes[size]} ${variants[variant]}`, onClick: onClick, children: children }));
+}

package/dist/components/ui/CheckBox.d.ts

@@ -0,0 +1,7 @@
+type CheckboxProps = {
+    label: string;
+    checked?: boolean;
+    onChange?: (checked: boolean) => void;
+};
+export default function Checkbox({ label, checked, onChange }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/CheckBox.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function Checkbox({ label, checked, onChange }) {
+    return (_jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [_jsx("input", { type: "checkbox", checked: checked, onChange: (e) => onChange === null || onChange === void 0 ? void 0 : onChange(e.target.checked), className: "w-4 h-4 accent-blue-600 rounded" }), _jsx("span", { children: label })] }));
+}

package/dist/components/ui/Input.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+type InputProps = {
+    label?: string;
+    type?: string;
+    placeholder?: string;
+    value?: string;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+};
+export default function Input({ label, type, placeholder, value, onChange, }: InputProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/Input.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function Input({ label, type = "text", placeholder, value, onChange, }) {
+    return (_jsxs("div", { className: "flex flex-col gap-1", children: [label && _jsx("label", { className: "text-sm font-medium", children: label }), _jsx("input", { type: type, placeholder: placeholder, value: value, onChange: onChange, className: "border border-gray-300 rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-500 focus:outline-none" })] }));
+}

package/dist/components/ui/Modal.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from "react";
+type ModalProps = {
+    isOpen: boolean;
+    onClose: () => void;
+    title?: string;
+    children: ReactNode;
+};
+export default function Modal({ isOpen, onClose, title, children }: ModalProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/ui/Modal.js

@@ -0,0 +1,7 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function Modal({ isOpen, onClose, title, children }) {
+    if (!isOpen)
+        return null;
+    return (_jsx("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", onClick: onClose, children: _jsxs("div", { className: "bg-white rounded-lg shadow-lg max-w-lg w-full p-6 relative", onClick: (e) => e.stopPropagation(), children: [title && _jsx("h2", { className: "text-xl font-bold mb-4", children: title }), _jsx("div", { children: children }), _jsx("button", { onClick: onClose, className: "absolute top-2 right-2 text-gray-500 hover:text-gray-800 transition-colors", children: "\u2715" })] }) }));
+}

package/dist/components/ui/RadioButton.d.ts

@@ -0,0 +1,9 @@
+type RadioProps = {
+    label: string;
+    name: string;
+    value: string;
+    checked?: boolean;
+    onChange?: (value: string) => void;
+};
+export default function RadioButton({ label, name, value, checked, onChange, }: RadioProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/RadioButton.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function RadioButton({ label, name, value, checked, onChange, }) {
+    return (_jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [_jsx("input", { type: "radio", name: name, value: value, checked: checked, onChange: () => onChange === null || onChange === void 0 ? void 0 : onChange(value), className: "hidden peer" }), _jsx("span", { className: "w-4 h-4 rounded-full border border-gray-500 flex items-center justify-center peer-checked:border-blue-600", children: _jsx("span", { className: "w-2 h-2 bg-blue-600 rounded-full peer-checked:block hidden" }) }), _jsx("span", { children: label })] }));
+}

package/dist/components/ui/Table.d.ts

@@ -0,0 +1,10 @@
+type Column<T> = {
+    header: string;
+    accessor: keyof T;
+};
+type TableProps<T> = {
+    columns: Column<T>[];
+    data: T[];
+};
+export default function Table<T>({ columns, data }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/Table.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function Table({ columns, data }) {
+    return (_jsx("div", { className: "overflow-x-auto rounded-lg shadow border border-gray-200", children: _jsxs("table", { className: "min-w-full divide-y divide-gray-200", children: [_jsx("thead", { className: "bg-gray-100", children: _jsx("tr", { children: columns.map((col, idx) => (_jsx("th", { className: "px-4 py-2 text-left text-gray-700 font-medium", children: col.header }, idx))) }) }), _jsx("tbody", { className: "bg-white divide-y divide-gray-200", children: data.map((row, idx) => (_jsx("tr", { className: "hover:bg-gray-50 transition-colors", children: columns.map((col, cidx) => (_jsx("td", { className: "px-4 py-2 text-gray-800", children: row[col.accessor] }, cidx))) }, idx))) })] }) }));
+}

package/dist/components/ui/Tabs.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from "react";
+type Tab = {
+    label: string;
+    content: ReactNode;
+};
+type TabsProps = {
+    tabs: Tab[];
+};
+export default function Tabs({ tabs }: TabsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/Tabs.js

@@ -0,0 +1,9 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+export default function Tabs({ tabs }) {
+    const [activeIndex, setActiveIndex] = useState(0);
+    return (_jsxs("div", { className: "w-full", children: [_jsx("div", { className: "flex border-b border-gray-300", children: tabs.map((tab, index) => (_jsx("button", { onClick: () => setActiveIndex(index), className: `px-4 py-2 -mb-px font-medium transition-colors duration-200 ${activeIndex === index
+                        ? "border-b-2 border-blue-600 text-blue-600"
+                        : "text-gray-600 hover:text-blue-600"}`, children: tab.label }, index))) }), _jsx("div", { className: "p-4 bg-gray-50 rounded-b-lg", children: tabs[activeIndex].content })] }));
+}

package/dist/config/language.d.ts

@@ -0,0 +1,11 @@
+export declare const languages: {
+    readonly en: {
+        readonly dir: "ltr";
+        readonly name: "English";
+    };
+    readonly fa: {
+        readonly dir: "rtl";
+        readonly name: "فارسی";
+    };
+};
+export type Lang = keyof typeof languages;

package/dist/config/language.js

@@ -0,0 +1,6 @@
+// src/config/language.ts
+export const languages = {
+    en: { dir: "ltr", name: "English" },
+    fa: { dir: "rtl", name: "فارسی" },
+    // زبان‌های دیگر اضافه کنید
+};