admin-panel-ui-components 0.1.0

package/dist/Button.d.ts

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

package/dist/Button.js

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

package/dist/Form.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+declare const Form: React.FC<{
+    children: React.ReactNode;
+}>;
+export default Form;

package/dist/Form.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+var Form = function (_a) {
+    var children = _a.children;
+    return _jsx("form", { children: children });
+};
+export default Form;

package/dist/index.css

@@ -0,0 +1 @@
+@import "tailwindcss";

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Button } from "./Button";
+export { default as Form } from "./Form";

package/dist/index.js

@@ -0,0 +1,2 @@
+export { default as Button } from "./Button";
+export { default as Form } from "./Form";

package/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "admin-panel-ui-components",
+  "version": "0.1.0",
+  "description": "",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "tsc && cp src/*.css dist/"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "typescript": "^5.9.3"
+  },
+  "dependencies": {
+    "tailwindcss": "^4.1.18"
+  }
+}

package/src/Button.tsx

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

package/src/Form.tsx

@@ -0,0 +1,7 @@
+import React from "react";
+
+const Form: React.FC<{ children: React.ReactNode }> = ({ children }) => {
+  return <form>{children}</form>;
+};
+
+export default Form;

package/src/index.css

@@ -0,0 +1 @@
+@import "tailwindcss";

package/src/index.ts

@@ -0,0 +1,2 @@
+export { default as Button } from "./Button";
+export { default as Form } from "./Form";

package/tsconfig.json

@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": false,
+    "jsx": "react-jsx",
+    "declaration": true,
+    "outDir": "dist"
+  },
+  "include": ["src"],
+  "exclude": ["node_modules", "dist"]
+}