pure-react-ui 1.0.0

package/dist/index.css

@@ -0,0 +1,42 @@
+.pru-btn {
+  cursor: pointer;
+  border: none;
+  border-radius: 6px;
+  padding: 10px 20px;
+  font-size: 16px;
+  font-weight: 500;
+  transition: background-color .2s;
+}
+
+.pru-btn:disabled {
+  opacity: .6;
+  cursor: not-allowed;
+}
+
+.pru-btn-primary {
+  color: #fff;
+  background-color: #007bff;
+}
+
+.pru-btn-primary:hover:not(:disabled) {
+  background-color: #0056b3;
+}
+
+.pru-btn-secondary {
+  color: #fff;
+  background-color: #6c757d;
+}
+
+.pru-btn-secondary:hover:not(:disabled) {
+  background-color: #545b62;
+}
+
+.pru-btn-danger {
+  color: #fff;
+  background-color: #dc3545;
+}
+
+.pru-btn-danger:hover:not(:disabled) {
+  background-color: #c82333;
+}
+/*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -0,0 +1 @@
+{"mappings":"AAAA;;;;;;;;;;AAUA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;;AAKA","sources":["components/Button/Button.css"],"sourcesContent":[".pru-btn {\r\n  padding: 10px 20px;\r\n  border: none;\r\n  border-radius: 6px;\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  cursor: pointer;\r\n  transition: background-color 0.2s ease;\r\n}\r\n\r\n.pru-btn:disabled {\r\n  opacity: 0.6;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.pru-btn-primary {\r\n  background-color: #007bff;\r\n  color: white;\r\n}\r\n\r\n.pru-btn-primary:hover:not(:disabled) {\r\n  background-color: #0056b3;\r\n}\r\n\r\n.pru-btn-secondary {\r\n  background-color: #6c757d;\r\n  color: white;\r\n}\r\n\r\n.pru-btn-secondary:hover:not(:disabled) {\r\n  background-color: #545b62;\r\n}\r\n\r\n.pru-btn-danger {\r\n  background-color: #dc3545;\r\n  color: white;\r\n}\r\n\r\n.pru-btn-danger:hover:not(:disabled) {\r\n  background-color: #c82333;\r\n}"],"names":[],"version":3,"file":"index.css.map"}

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+export interface ButtonProps {
+    children: React.ReactNode;
+    onClick?: () => void;
+    variant?: 'primary' | 'secondary' | 'danger';
+    disabled?: boolean;
+    type?: 'button' | 'submit' | 'reset';
+}
+export const Button: React.FC<ButtonProps>;
+
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"mappings":";AAGA;IACE,QAAQ,EAAE,MAAM,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;CACtC;AAED,OAAO,MAAM,QAAQ,MAAM,EAAE,CAAC,WAAW,CAiBxC,CAAC","sources":["components/Button/Button.tsx","components/Button/index.ts","components/index.ts","index.ts"],"sourcesContent":["import React from 'react';\r\nimport './Button.css';\r\n\r\nexport interface ButtonProps {\r\n  children: React.ReactNode; // Content to be displayed inside the button\r\n  onClick?: () => void; // Function to be called when the button is clicked\r\n  variant?: 'primary' | 'secondary' | 'danger'; // Style variant of the button\r\n  disabled?: boolean; // Whether the button is disabled\r\n  type?: 'button' | 'submit' | 'reset'; // Type of the button\r\n}\r\n\r\nexport const Button: React.FC<ButtonProps> = ({\r\n  children,\r\n  onClick,\r\n  variant = 'primary',\r\n  disabled = false,\r\n  type = 'button',\r\n}) => {\r\n  return (\r\n    <button\r\n      className={`pru-btn pru-btn-${variant}`}\r\n      onClick={onClick}\r\n      disabled={disabled}\r\n      type={type}\r\n    >\r\n      {children}\r\n    </button>\r\n  );\r\n};","export { Button } from './Button';\r\nexport type { ButtonProps } from './Button';","export * from './Button';","export * from './components';"],"names":[],"version":3,"file":"index.d.ts.map"}

package/dist/index.esm.css

@@ -0,0 +1,42 @@
+.pru-btn {
+  cursor: pointer;
+  border: none;
+  border-radius: 6px;
+  padding: 10px 20px;
+  font-size: 16px;
+  font-weight: 500;
+  transition: background-color .2s;
+}
+
+.pru-btn:disabled {
+  opacity: .6;
+  cursor: not-allowed;
+}
+
+.pru-btn-primary {
+  color: #fff;
+  background-color: #007bff;
+}
+
+.pru-btn-primary:hover:not(:disabled) {
+  background-color: #0056b3;
+}
+
+.pru-btn-secondary {
+  color: #fff;
+  background-color: #6c757d;
+}
+
+.pru-btn-secondary:hover:not(:disabled) {
+  background-color: #545b62;
+}
+
+.pru-btn-danger {
+  color: #fff;
+  background-color: #dc3545;
+}
+
+.pru-btn-danger:hover:not(:disabled) {
+  background-color: #c82333;
+}
+/*# sourceMappingURL=index.esm.css.map */

package/dist/index.esm.css.map

@@ -0,0 +1 @@
+{"mappings":"AAAA;;;;;;;;;;AAUA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;;AAKA","sources":["components/Button/Button.css"],"sourcesContent":[".pru-btn {\r\n  padding: 10px 20px;\r\n  border: none;\r\n  border-radius: 6px;\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  cursor: pointer;\r\n  transition: background-color 0.2s ease;\r\n}\r\n\r\n.pru-btn:disabled {\r\n  opacity: 0.6;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.pru-btn-primary {\r\n  background-color: #007bff;\r\n  color: white;\r\n}\r\n\r\n.pru-btn-primary:hover:not(:disabled) {\r\n  background-color: #0056b3;\r\n}\r\n\r\n.pru-btn-secondary {\r\n  background-color: #6c757d;\r\n  color: white;\r\n}\r\n\r\n.pru-btn-secondary:hover:not(:disabled) {\r\n  background-color: #545b62;\r\n}\r\n\r\n.pru-btn-danger {\r\n  background-color: #dc3545;\r\n  color: white;\r\n}\r\n\r\n.pru-btn-danger:hover:not(:disabled) {\r\n  background-color: #c82333;\r\n}"],"names":[],"version":3,"file":"index.esm.css.map"}

package/dist/index.esm.js

@@ -0,0 +1,52 @@
+import "./index.esm.css";
+import {jsx as $hCgyA$jsx} from "react/jsx-runtime";
+import "react";
+
+
+function $parcel$exportWildcard(dest, source) {
+  Object.keys(source).forEach(function(key) {
+    if (key === 'default' || key === '__esModule' || Object.prototype.hasOwnProperty.call(dest, key)) {
+      return;
+    }
+
+    Object.defineProperty(dest, key, {
+      enumerable: true,
+      get: function get() {
+        return source[key];
+      }
+    });
+  });
+
+  return dest;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $09061bf36a328a3d$exports = {};
+var $718c29e90f2592b1$exports = {};
+
+$parcel$export($718c29e90f2592b1$exports, "Button", () => $3b676a50c78284a9$export$353f5b6fc5456de1);
+
+
+
+const $3b676a50c78284a9$export$353f5b6fc5456de1 = ({ children: children, onClick: onClick, variant: variant = 'primary', disabled: disabled = false, type: type = 'button' })=>{
+    return /*#__PURE__*/ (0, $hCgyA$jsx)("button", {
+        className: `pru-btn pru-btn-${variant}`,
+        onClick: onClick,
+        disabled: disabled,
+        type: type,
+        children: children
+    });
+};
+
+
+
+
+$parcel$exportWildcard($09061bf36a328a3d$exports, $718c29e90f2592b1$exports);
+
+
+
+
+export {$3b676a50c78284a9$export$353f5b6fc5456de1 as Button};
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AGWO,MAAM,4CAAgC,CAAC,YAC5C,QAAQ,WACR,OAAO,WACP,UAAU,qBACV,WAAW,aACX,OAAO,UACR;IACC,qBACE,gBAAC;QACC,WAAW,CAAC,gBAAgB,EAAE,SAAS;QACvC,SAAS;QACT,UAAU;QACV,MAAM;kBAEL;;AAGP","sources":["index.ts","components/index.ts","components/Button/index.ts","components/Button/Button.tsx"],"sourcesContent":["export * from './components';","export * from './Button';","export { Button } from './Button';\r\nexport type { ButtonProps } from './Button';","import React from 'react';\r\nimport './Button.css';\r\n\r\nexport interface ButtonProps {\r\n  children: React.ReactNode; // Content to be displayed inside the button\r\n  onClick?: () => void; // Function to be called when the button is clicked\r\n  variant?: 'primary' | 'secondary' | 'danger'; // Style variant of the button\r\n  disabled?: boolean; // Whether the button is disabled\r\n  type?: 'button' | 'submit' | 'reset'; // Type of the button\r\n}\r\n\r\nexport const Button: React.FC<ButtonProps> = ({\r\n  children,\r\n  onClick,\r\n  variant = 'primary',\r\n  disabled = false,\r\n  type = 'button',\r\n}) => {\r\n  return (\r\n    <button\r\n      className={`pru-btn pru-btn-${variant}`}\r\n      onClick={onClick}\r\n      disabled={disabled}\r\n      type={type}\r\n    >\r\n      {children}\r\n    </button>\r\n  );\r\n};"],"names":[],"version":3,"file":"index.esm.js.map"}

package/dist/index.js

@@ -0,0 +1,52 @@
+require("./index.css");
+var $g5Y9E$reactjsxruntime = require("react/jsx-runtime");
+require("react");
+
+
+function $parcel$exportWildcard(dest, source) {
+  Object.keys(source).forEach(function(key) {
+    if (key === 'default' || key === '__esModule' || Object.prototype.hasOwnProperty.call(dest, key)) {
+      return;
+    }
+
+    Object.defineProperty(dest, key, {
+      enumerable: true,
+      get: function get() {
+        return source[key];
+      }
+    });
+  });
+
+  return dest;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $0bfc0d07c177cab5$exports = {};
+var $792310cfcca9bf5b$exports = {};
+
+$parcel$export($792310cfcca9bf5b$exports, "Button", () => $af8861f1a735d489$export$353f5b6fc5456de1);
+
+
+
+const $af8861f1a735d489$export$353f5b6fc5456de1 = ({ children: children, onClick: onClick, variant: variant = 'primary', disabled: disabled = false, type: type = 'button' })=>{
+    return /*#__PURE__*/ (0, $g5Y9E$reactjsxruntime.jsx)("button", {
+        className: `pru-btn pru-btn-${variant}`,
+        onClick: onClick,
+        disabled: disabled,
+        type: type,
+        children: children
+    });
+};
+
+
+
+
+$parcel$exportWildcard($0bfc0d07c177cab5$exports, $792310cfcca9bf5b$exports);
+
+
+$parcel$exportWildcard(module.exports, $0bfc0d07c177cab5$exports);
+
+
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AGWO,MAAM,4CAAgC,CAAC,YAC5C,QAAQ,WACR,OAAO,WACP,UAAU,qBACV,WAAW,aACX,OAAO,UACR;IACC,qBACE,gCAAC;QACC,WAAW,CAAC,gBAAgB,EAAE,SAAS;QACvC,SAAS;QACT,UAAU;QACV,MAAM;kBAEL;;AAGP","sources":["index.ts","components/index.ts","components/Button/index.ts","components/Button/Button.tsx"],"sourcesContent":["export * from './components';","export * from './Button';","export { Button } from './Button';\r\nexport type { ButtonProps } from './Button';","import React from 'react';\r\nimport './Button.css';\r\n\r\nexport interface ButtonProps {\r\n  children: React.ReactNode; // Content to be displayed inside the button\r\n  onClick?: () => void; // Function to be called when the button is clicked\r\n  variant?: 'primary' | 'secondary' | 'danger'; // Style variant of the button\r\n  disabled?: boolean; // Whether the button is disabled\r\n  type?: 'button' | 'submit' | 'reset'; // Type of the button\r\n}\r\n\r\nexport const Button: React.FC<ButtonProps> = ({\r\n  children,\r\n  onClick,\r\n  variant = 'primary',\r\n  disabled = false,\r\n  type = 'button',\r\n}) => {\r\n  return (\r\n    <button\r\n      className={`pru-btn pru-btn-${variant}`}\r\n      onClick={onClick}\r\n      disabled={disabled}\r\n      type={type}\r\n    >\r\n      {children}\r\n    </button>\r\n  );\r\n};"],"names":[],"version":3,"file":"index.js.map"}

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "pure-react-ui",
+  "version": "1.0.0",
+  "description": "Pure React UI components with zero external dependencies – only React and plain CSS",
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "parcel build index.ts --no-cache",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [
+    "react",
+    "ui",
+    "components",
+    "pure",
+    "vanilla",
+    "lightweight",
+    "no-deps"
+  ],
+  "author": "Your Name <your.email@example.com>",
+  "license": "MIT",
+  "devDependencies": {
+    "@parcel/packager-ts": "^2.16.3",
+    "@parcel/transformer-typescript-types": "^2.16.3",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "parcel": "^2.16.3",
+    "typescript": "^5.9.3"
+  },
+  "dependencies": {
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3"
+  }
+}