admin-panel-ui-components 0.1.5 → 0.1.6

package/dist/index.d.mts

@@ -0,0 +1,17 @@
+import React, { ButtonHTMLAttributes, InputHTMLAttributes } from 'react';
+
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: "primary" | "secondary" | "ghost";
+    size?: "sm" | "md" | "lg";
+    loading?: boolean;
+    className?: string;
+}
+declare const Button: React.FC<ButtonProps>;
+
+interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+    variant?: "outline" | "filled";
+    className?: string;
+}
+declare const Input: React.FC<InputProps>;
+
+export { Button, Input };

package/dist/index.d.ts

@@ -1 +1,17 @@
-export { default as Button } from "./Button";
+import React, { ButtonHTMLAttributes, InputHTMLAttributes } from 'react';
+
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: "primary" | "secondary" | "ghost";
+    size?: "sm" | "md" | "lg";
+    loading?: boolean;
+    className?: string;
+}
+declare const Button: React.FC<ButtonProps>;
+
+interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+    variant?: "outline" | "filled";
+    className?: string;
+}
+declare const Input: React.FC<InputProps>;
+
+export { Button, Input };

package/dist/index.js

@@ -1 +1,2 @@
-export { default as Button } from "./Button";
+"use strict";var c=Object.create;var s=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var h=(t,e)=>{for(var r in e)s(t,r,{get:e[r],enumerable:!0})},a=(t,e,r,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of x(e))!f.call(t,o)&&o!==r&&s(t,o,{get:()=>e[o],enumerable:!(n=g(e,o))||n.enumerable});return t};var p=(t,e,r)=>(r=t!=null?c(y(t)):{},a(e||!t||!t.__esModule?s(r,"default",{value:t,enumerable:!0}):r,t)),B=t=>a(s({},"__esModule",{value:!0}),t);var L={};h(L,{Button:()=>H,Input:()=>I});module.exports=B(L);var u=p(require("clsx")),i=require("react/jsx-runtime"),H=({children:t,variant:e="primary",size:r="md",loading:n=!1,className:o,disabled:d,...b})=>(0,i.jsx)("button",{className:(0,u.default)("inline-flex items-center justify-center rounded-md font-medium transition-colors",{"bg-blue-500 text-white hover:bg-blue-600":e==="primary","bg-gray-200 text-black hover:bg-gray-300":e==="secondary","bg-transparent text-blue-500 hover:underline":e==="ghost"},{"px-4 py-2 text-sm":r==="sm","px-6 py-3":r==="md","px-8 py-4 text-lg":r==="lg"},"disabled:opacity-50 disabled:cursor-not-allowed",n&&"cursor-wait",o),disabled:d||n,...b,children:n?"\u062F\u0631 \u062D\u0627\u0644 \u0628\u0627\u0631\u06AF\u0630\u0627\u0631\u06CC...":t});var l=p(require("clsx")),m=require("react/jsx-runtime"),I=({variant:t="outline",className:e,...r})=>(0,m.jsx)("input",{className:(0,l.default)("rounded-md px-4 py-2",t==="outline"?"border border-gray-300":"bg-gray-100",e),...r});0&&(module.exports={Button,Input});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/components/Button/Button.tsx","../src/components/Input/Input.tsx"],"sourcesContent":["export * from \"./components/Button/Button\";\nexport * from \"./components/Input/Input\";","import React, { ButtonHTMLAttributes } from \"react\";\nimport clsx from \"clsx\";\n\ninterface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: \"primary\" | \"secondary\" | \"ghost\";\n  size?: \"sm\" | \"md\" | \"lg\";\n  loading?: boolean;\n  className?: string;\n}\n\nexport const Button: React.FC<ButtonProps> = ({ children, variant = \"primary\", size = \"md\", loading = false, className, disabled, ...props }) => {\n  return (\n    <button\n      className={clsx(\n        \"inline-flex items-center justify-center rounded-md font-medium transition-colors\",\n        {\n          \"bg-blue-500 text-white hover:bg-blue-600\": variant === \"primary\",\n          \"bg-gray-200 text-black hover:bg-gray-300\": variant === \"secondary\",\n          \"bg-transparent text-blue-500 hover:underline\": variant === \"ghost\",\n        },\n        {\n          \"px-4 py-2 text-sm\": size === \"sm\",\n          \"px-6 py-3\": size === \"md\",\n          \"px-8 py-4 text-lg\": size === \"lg\",\n        },\n        \"disabled:opacity-50 disabled:cursor-not-allowed\",\n        loading && \"cursor-wait\",\n        className\n      )}\n      disabled={disabled || loading}\n      {...props}\n    >\n      {loading ? \"در حال بارگذاری...\" : children}\n    </button>\n  );\n};\n","import React, { InputHTMLAttributes } from \"react\";\nimport clsx from \"clsx\";\n\ninterface InputProps extends InputHTMLAttributes<HTMLInputElement> {\n  variant?: \"outline\" | \"filled\";\n  className?: string;\n}\n\nexport const Input: React.FC<InputProps> = ({ variant = \"outline\", className, ...props }) => {\n  return <input className={clsx(\"rounded-md px-4 py-2\", variant === \"outline\" ? \"border border-gray-300\" : \"bg-gray-100\", className)} {...props} />;\n};\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,YAAAE,EAAA,UAAAC,IAAA,eAAAC,EAAAJ,GCCA,IAAAK,EAAiB,mBAWbC,EAAA,6BAFSC,EAAgC,CAAC,CAAE,SAAAC,EAAU,QAAAC,EAAU,UAAW,KAAAC,EAAO,KAAM,QAAAC,EAAU,GAAO,UAAAC,EAAW,SAAAC,EAAU,GAAGC,CAAM,OAEvI,OAAC,UACC,aAAW,EAAAC,SACT,mFACA,CACE,2CAA4CN,IAAY,UACxD,2CAA4CA,IAAY,YACxD,+CAAgDA,IAAY,OAC9D,EACA,CACE,oBAAqBC,IAAS,KAC9B,YAAaA,IAAS,KACtB,oBAAqBA,IAAS,IAChC,EACA,kDACAC,GAAW,cACXC,CACF,EACA,SAAUC,GAAYF,EACrB,GAAGG,EAEH,SAAAH,EAAU,sFAAuBH,EACpC,EChCJ,IAAAQ,EAAiB,mBAQRC,EAAA,6BADIC,EAA8B,CAAC,CAAE,QAAAC,EAAU,UAAW,UAAAC,EAAW,GAAGC,CAAM,OAC9E,OAAC,SAAM,aAAW,EAAAC,SAAK,uBAAwBH,IAAY,UAAY,yBAA2B,cAAeC,CAAS,EAAI,GAAGC,EAAO","names":["index_exports","__export","Button","Input","__toCommonJS","import_clsx","import_jsx_runtime","Button","children","variant","size","loading","className","disabled","props","clsx","import_clsx","import_jsx_runtime","Input","variant","className","props","clsx"]}

package/dist/index.mjs

@@ -0,0 +1,2 @@
+import p from"clsx";import{jsx as u}from"react/jsx-runtime";var d=({children:r,variant:t="primary",size:e="md",loading:o=!1,className:n,disabled:s,...a})=>u("button",{className:p("inline-flex items-center justify-center rounded-md font-medium transition-colors",{"bg-blue-500 text-white hover:bg-blue-600":t==="primary","bg-gray-200 text-black hover:bg-gray-300":t==="secondary","bg-transparent text-blue-500 hover:underline":t==="ghost"},{"px-4 py-2 text-sm":e==="sm","px-6 py-3":e==="md","px-8 py-4 text-lg":e==="lg"},"disabled:opacity-50 disabled:cursor-not-allowed",o&&"cursor-wait",n),disabled:s||o,...a,children:o?"\u062F\u0631 \u062D\u0627\u0644 \u0628\u0627\u0631\u06AF\u0630\u0627\u0631\u06CC...":r});import i from"clsx";import{jsx as l}from"react/jsx-runtime";var x=({variant:r="outline",className:t,...e})=>l("input",{className:i("rounded-md px-4 py-2",r==="outline"?"border border-gray-300":"bg-gray-100",t),...e});export{d as Button,x as Input};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Button/Button.tsx","../src/components/Input/Input.tsx"],"sourcesContent":["import React, { ButtonHTMLAttributes } from \"react\";\nimport clsx from \"clsx\";\n\ninterface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: \"primary\" | \"secondary\" | \"ghost\";\n  size?: \"sm\" | \"md\" | \"lg\";\n  loading?: boolean;\n  className?: string;\n}\n\nexport const Button: React.FC<ButtonProps> = ({ children, variant = \"primary\", size = \"md\", loading = false, className, disabled, ...props }) => {\n  return (\n    <button\n      className={clsx(\n        \"inline-flex items-center justify-center rounded-md font-medium transition-colors\",\n        {\n          \"bg-blue-500 text-white hover:bg-blue-600\": variant === \"primary\",\n          \"bg-gray-200 text-black hover:bg-gray-300\": variant === \"secondary\",\n          \"bg-transparent text-blue-500 hover:underline\": variant === \"ghost\",\n        },\n        {\n          \"px-4 py-2 text-sm\": size === \"sm\",\n          \"px-6 py-3\": size === \"md\",\n          \"px-8 py-4 text-lg\": size === \"lg\",\n        },\n        \"disabled:opacity-50 disabled:cursor-not-allowed\",\n        loading && \"cursor-wait\",\n        className\n      )}\n      disabled={disabled || loading}\n      {...props}\n    >\n      {loading ? \"در حال بارگذاری...\" : children}\n    </button>\n  );\n};\n","import React, { InputHTMLAttributes } from \"react\";\nimport clsx from \"clsx\";\n\ninterface InputProps extends InputHTMLAttributes<HTMLInputElement> {\n  variant?: \"outline\" | \"filled\";\n  className?: string;\n}\n\nexport const Input: React.FC<InputProps> = ({ variant = \"outline\", className, ...props }) => {\n  return <input className={clsx(\"rounded-md px-4 py-2\", variant === \"outline\" ? \"border border-gray-300\" : \"bg-gray-100\", className)} {...props} />;\n};\n"],"mappings":"AACA,OAAOA,MAAU,OAWb,cAAAC,MAAA,oBAFG,IAAMC,EAAgC,CAAC,CAAE,SAAAC,EAAU,QAAAC,EAAU,UAAW,KAAAC,EAAO,KAAM,QAAAC,EAAU,GAAO,UAAAC,EAAW,SAAAC,EAAU,GAAGC,CAAM,IAEvIR,EAAC,UACC,UAAWD,EACT,mFACA,CACE,2CAA4CI,IAAY,UACxD,2CAA4CA,IAAY,YACxD,+CAAgDA,IAAY,OAC9D,EACA,CACE,oBAAqBC,IAAS,KAC9B,YAAaA,IAAS,KACtB,oBAAqBA,IAAS,IAChC,EACA,kDACAC,GAAW,cACXC,CACF,EACA,SAAUC,GAAYF,EACrB,GAAGG,EAEH,SAAAH,EAAU,sFAAuBH,EACpC,EChCJ,OAAOO,MAAU,OAQR,cAAAC,MAAA,oBADF,IAAMC,EAA8B,CAAC,CAAE,QAAAC,EAAU,UAAW,UAAAC,EAAW,GAAGC,CAAM,IAC9EJ,EAAC,SAAM,UAAWD,EAAK,uBAAwBG,IAAY,UAAY,yBAA2B,cAAeC,CAAS,EAAI,GAAGC,EAAO","names":["clsx","jsx","Button","children","variant","size","loading","className","disabled","props","clsx","jsx","Input","variant","className","props"]}

package/package.json

@@ -1,13 +1,23 @@
 {
   "name": "admin-panel-ui-components",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
   "scripts": {
-    "build": "tsc && cp src/*.css dist/"
+    "build": "tsup"
   },
   "peerDependencies": {
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "clsx": "^2.1.1",
     "react": "^19.2.3",
     "react-dom": "^19.2.3"
   },
@@ -15,10 +25,14 @@
   "author": "",
   "license": "ISC",
   "devDependencies": {
-    "@types/react": "^19.2.7",
-    "@types/react-dom": "^19.2.3",
+    "@types/react": "*",
+    "@types/react-dom": "*",
+    "autoprefixer": "^10.4.23",
+    "postcss": "^8.5.6",
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
+    "tailwindcss": "^4.1.18",
+    "tsup": "^8.5.1",
     "typescript": "^5.9.3"
   },
   "dependencies": {

package/postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};

package/src/components/Button/Button.tsx

@@ -0,0 +1,36 @@
+import React, { ButtonHTMLAttributes } from "react";
+import clsx from "clsx";
+
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+  variant?: "primary" | "secondary" | "ghost";
+  size?: "sm" | "md" | "lg";
+  loading?: boolean;
+  className?: string;
+}
+
+export const Button: React.FC<ButtonProps> = ({ children, variant = "primary", size = "md", loading = false, className, disabled, ...props }) => {
+  return (
+    <button
+      className={clsx(
+        "inline-flex items-center justify-center rounded-md font-medium transition-colors",
+        {
+          "bg-blue-500 text-white hover:bg-blue-600": variant === "primary",
+          "bg-gray-200 text-black hover:bg-gray-300": variant === "secondary",
+          "bg-transparent text-blue-500 hover:underline": variant === "ghost",
+        },
+        {
+          "px-4 py-2 text-sm": size === "sm",
+          "px-6 py-3": size === "md",
+          "px-8 py-4 text-lg": size === "lg",
+        },
+        "disabled:opacity-50 disabled:cursor-not-allowed",
+        loading && "cursor-wait",
+        className
+      )}
+      disabled={disabled || loading}
+      {...props}
+    >
+      {loading ? "در حال بارگذاری..." : children}
+    </button>
+  );
+};

package/src/components/Input/Input.tsx

@@ -0,0 +1,11 @@
+import React, { InputHTMLAttributes } from "react";
+import clsx from "clsx";
+
+interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+  variant?: "outline" | "filled";
+  className?: string;
+}
+
+export const Input: React.FC<InputProps> = ({ variant = "outline", className, ...props }) => {
+  return <input className={clsx("rounded-md px-4 py-2", variant === "outline" ? "border border-gray-300" : "bg-gray-100", className)} {...props} />;
+};

package/src/index.ts

@@ -1 +1,2 @@
-export { default as Button } from "./Button";
+export * from "./components/Button/Button";
+export * from "./components/Input/Input";

package/tailwind.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  content: ["./src/**/*.{ts,tsx}"],
+  theme: { extend: {} },
+  plugins: [],
+};

package/tsup.config.ts

@@ -0,0 +1,13 @@
+import { defineConfig } from "tsup";
+
+export default defineConfig({
+  entry: ["src/index.ts"],
+  format: ["cjs", "esm"],
+  dts: true,
+  splitting: false,
+  sourcemap: true,
+  clean: true,
+  external: ["react", "react-dom"],
+  minify: true,
+  target: 'es2020',
+});

package/dist/Button.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-import "./index.css";
-interface ButtonProps {
-    children: React.ReactNode;
-    variant?: "primary" | "secondary";
-    onClick?: () => void;
-    className?: string;
-}
-declare const Button: React.FC<ButtonProps>;
-export default Button;

package/dist/Button.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { twMerge } from "tailwind-merge";
-import "./index.css";
-var Button = function (_a) {
-    var children = _a.children, _b = _a.variant, variant = _b === void 0 ? "primary" : _b, onClick = _a.onClick, className = _a.className;
-    var baseClasses = "text-base font-semibold rounded-lg transition px-6 py-3";
-    var variantClasses = {
-        primary: "bg-blue-600 text-white hover:bg-blue-700",
-        secondary: "bg-gray-600 text-white hover:bg-gray-700",
-    };
-    var mergedClasses = twMerge(baseClasses, variantClasses[variant], className);
-    return (_jsx("button", { className: mergedClasses, onClick: onClick, children: children }));
-};
-export default Button;

package/dist/styles.css

@@ -1,7 +0,0 @@
-@import "tailwindcss";
-
-@source inline(
-  "text-base font-semibold rounded-lg transition px-6 py-3",
-  "bg-blue-600 text-white hover:bg-blue-700",
-  "bg-gray-600 text-white hover:bg-gray-700"
-);

package/src/Button.tsx

@@ -1,29 +0,0 @@
-import React from "react";
-import { twMerge } from "tailwind-merge";
-import "./index.css";
-
-interface ButtonProps {
-  children: React.ReactNode;
-  variant?: "primary" | "secondary";
-  onClick?: () => void;
-  className?: string;
-}
-
-const Button: React.FC<ButtonProps> = ({ children, variant = "primary", onClick, className }) => {
-  const baseClasses = "text-base font-semibold rounded-lg transition px-6 py-3";
-
-  const variantClasses = {
-    primary: "bg-blue-600 text-white hover:bg-blue-700",
-    secondary: "bg-gray-600 text-white hover:bg-gray-700",
-  };
-
-  const mergedClasses = twMerge(baseClasses, variantClasses[variant], className);
-
-  return (
-    <button className={mergedClasses} onClick={onClick}>
-      {children}
-    </button>
-  );
-};
-
-export default Button;

package/src/styles.css

@@ -1,7 +0,0 @@
-@import "tailwindcss";
-
-@source inline(
-  "text-base font-semibold rounded-lg transition px-6 py-3",
-  "bg-blue-600 text-white hover:bg-blue-700",
-  "bg-gray-600 text-white hover:bg-gray-700"
-);