forma-ui 0.0.1 → 0.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "forma-ui",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
@@ -9,14 +9,18 @@
   "private": false,
   "scripts": {
     "dev": "next dev --turbopack",
-    "build": "tsc -p tsconfig.build.json",
+    "build": "npm run build:dist",
+    "build:dist": "tsc -p tsconfig.build.json",
+    "build:server": "tsc -p tsconfig.server.json",
     "start": "next start",
     "lint": "eslint"
   },
   "dependencies": {
+    "clsx": "^2.1.1",
     "next": "15.5.4",
     "react": "19.1.0",
     "react-dom": "19.1.0",
+    "tailwind-merge": "^3.3.1",
     "zustand": "^5.0.8"
   },
   "devDependencies": {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/app/page.js

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

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

package/dist/components/app/Footer.js

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

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

package/dist/components/app/Header.js

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

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

package/dist/components/app/Sidebar.js

@@ -1,28 +0,0 @@
-"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));
-                }) })] }));
-}