giorgi-gogua-library 0.1.0 → 0.3.0

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

@@ -0,0 +1,8 @@
+import "./style.css";
+import React, { ButtonHTMLAttributes } from "react";
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: "primary" | "danger" | "warning" | "dark" | "light" | "success";
+    size?: "sm" | "md" | "lg";
+}
+declare const Button: React.FC<ButtonProps>;
+export default Button;

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

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

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

@@ -0,0 +1,7 @@
+import "./style.css";
+import React, { InputHTMLAttributes } from "react";
+export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
+    size?: "sm" | "md" | "lg";
+}
+declare const Input: React.FC<InputProps>;
+export default Input;

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

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

package/dist/index.css

@@ -0,0 +1,87 @@
+.primary {
+  color: white;
+  background-color: rgb(46, 149, 209);
+  border: none;
+  border-radius: 5px;
+}
+.success {
+  color: white;
+  background-color: rgb(77, 177, 77);
+  border: none;
+  border-radius: 5px;
+}
+
+.danger {
+  color: white;
+  background-color: red;
+  border: none;
+  border-radius: 5px;
+}
+
+.dark {
+  color: white;
+  background-color: black;
+  border: none;
+  border-radius: 5px;
+}
+
+.warning {
+  color: black;
+  background-color: orange;
+  border: none;
+  border-radius: 5px;
+}
+
+.light {
+  color: black;
+  background-color: light;
+  border: none;
+  border-radius: 5px;
+}
+
+.sm {
+  width: 5rem;
+  height: 2.5rem;
+}
+
+.md {
+  width: 7rem;
+  height: 3rem;
+}
+
+.lg {
+  width: 9rem;
+  height: 3.5rem;
+}
+
+.lg {
+  width: 20rem;
+  height: 3rem;
+  padding: 0.2rem 0 0 0.5rem;
+  font-size: 1rem;
+  border-radius: 0.3rem;
+  outline: none;
+  border: 1px solid gray;
+}
+
+.md {
+  width: 15rem;
+  height: 2.5rem;
+  padding: 0.2rem 0 0 0.5rem;
+  font-size: 0.9rem;
+  border-radius: 0.3rem;
+  outline: none;
+  border: 1px solid gray;
+}
+
+.sm {
+  width: 10rem;
+  height: 2rem;
+  padding: 0.2rem 0 0 0.5rem;
+  font-size: 0.8rem;
+  border-radius: 0.3rem;
+  outline: none;
+  border: 1px solid gray;
+}
+
+/*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["style.css"],"names":[],"mappings":"AAAA;EACE,YAAY;EACZ,mCAAmC;EACnC,YAAY;EACZ,kBAAkB;AACpB;AACA;EACE,YAAY;EACZ,kCAAkC;EAClC,YAAY;EACZ,kBAAkB;AACpB;;AAEA;EACE,YAAY;EACZ,qBAAqB;EACrB,YAAY;EACZ,kBAAkB;AACpB;;AAEA;EACE,YAAY;EACZ,uBAAuB;EACvB,YAAY;EACZ,kBAAkB;AACpB;;AAEA;EACE,YAAY;EACZ,wBAAwB;EACxB,YAAY;EACZ,kBAAkB;AACpB;;AAEA;EACE,YAAY;EACZ,uBAAuB;EACvB,YAAY;EACZ,kBAAkB;AACpB;;AAEA;EACE,WAAW;EACX,cAAc;AAChB;;AAEA;EACE,WAAW;EACX,YAAY;AACd;;AAEA;EACE,WAAW;EACX,cAAc;AAChB;;AAtDA;EACE,YAAY;EACZ,YAAY;EACZ,0BAA0B;EAC1B,eAAe;EACf,qBAAqB;EACrB,aAAa;EACb,sBAAsB;AACxB;;AAEA;EACE,YAAY;EACZ,cAAc;EACd,0BAA0B;EAC1B,iBAAiB;EACjB,qBAAqB;EACrB,aAAa;EACb,sBAAsB;AACxB;;AAEA;EACE,YAAY;EACZ,YAAY;EACZ,0BAA0B;EAC1B,iBAAiB;EACjB,qBAAqB;EACrB,aAAa;EACb,sBAAsB;AACxB","file":"index.css","sourcesContent":[".lg {\r\n  width: 20rem;\r\n  height: 3rem;\r\n  padding: 0.2rem 0 0 0.5rem;\r\n  font-size: 1rem;\r\n  border-radius: 0.3rem;\r\n  outline: none;\r\n  border: 1px solid gray;\r\n}\r\n\r\n.md {\r\n  width: 15rem;\r\n  height: 2.5rem;\r\n  padding: 0.2rem 0 0 0.5rem;\r\n  font-size: 0.9rem;\r\n  border-radius: 0.3rem;\r\n  outline: none;\r\n  border: 1px solid gray;\r\n}\r\n\r\n.sm {\r\n  width: 10rem;\r\n  height: 2rem;\r\n  padding: 0.2rem 0 0 0.5rem;\r\n  font-size: 0.8rem;\r\n  border-radius: 0.3rem;\r\n  outline: none;\r\n  border: 1px solid gray;\r\n}\r\n"]}

package/dist/index.d.ts

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

package/dist/index.js

@@ -1,2 +1,57 @@
+var jsxRuntime = require('react/jsx-runtime');
 
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+
+var _excluded$1 = ["variant", "size", "children"];
+var Button = function Button(_ref) {
+  var _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? "primary" : _ref$variant,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "sm" : _ref$size,
+    children = _ref.children,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+  var className = ("button " + variant + " " + size + " " + props.className).trim();
+  return jsxRuntime.jsx("div", {
+    children: jsxRuntime.jsx("button", _extends({
+      type: "button",
+      className: className
+    }, props, {
+      children: children
+    }))
+  });
+};
+
+var _excluded = ["size", "children"];
+var Input = function Input(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "sm" : _ref$size,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var className = ("input " + size + " " + props.className).trim();
+  return jsxRuntime.jsx("div", {
+    children: jsxRuntime.jsx("input", _extends({
+      type: "input",
+      className: className
+    }, props))
+  });
+};
+
+exports.Button = Button;
+exports.Input = Input;
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index.js","sources":["../src/components/Button/Button.tsx","../src/components/Input/Input.tsx"],"sourcesContent":["import \"./style.css\";\r\n\r\nimport React, { ButtonHTMLAttributes } from \"react\";\r\n\r\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\r\n  variant?: \"primary\" | \"danger\" | \"warning\" | \"dark\" | \"light\" | \"success\";\r\n  size?: \"sm\" | \"md\" | \"lg\";\r\n}\r\n\r\nconst Button: React.FC<ButtonProps> = ({\r\n  variant = \"primary\",\r\n  size = \"sm\",\r\n  children,\r\n  ...props\r\n}: ButtonProps) => {\r\n  const className = `button ${variant} ${size} ${props.className}`.trim();\r\n  return (\r\n    <div>\r\n      <button type=\"button\" className={className} {...props}>\r\n        {children}\r\n      </button>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Button;\r\n","import \"./style.css\";\r\n\r\nimport React, { InputHTMLAttributes } from \"react\";\r\n\r\nexport interface InputProps extends Omit<\r\n  InputHTMLAttributes<HTMLInputElement>,\r\n  \"size\"\r\n> {\r\n  size?: \"sm\" | \"md\" | \"lg\";\r\n}\r\n\r\nconst Input: React.FC<InputProps> = ({\r\n  size = \"sm\",\r\n  children,\r\n  ...props\r\n}: InputProps) => {\r\n  const className = `input ${size} ${props.className}`.trim();\r\n  return (\r\n    <div>\r\n      <input type=\"input\" className={className} {...props} />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Input;\r\n"],"names":["Button","_ref","_ref$variant","variant","_ref$size","size","children","props","_objectWithoutPropertiesLoose","_excluded","className","trim","_jsx","_extends","type","Input"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,MAAM,GAA0B,SAAhCA,MAAMA,CAAAC,IAAA,EAKM;AAAA,EAAA,IAAAC,YAAA,GAAAD,IAAA,CAJhBE,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,YAAA;IAAAE,SAAA,GAAAH,IAAA,CACnBI,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,SAAA;IACXE,QAAQ,GAAAL,IAAA,CAARK,QAAQ;AACLC,IAAAA,KAAK,GAAAC,6BAAA,CAAAP,IAAA,EAAAQ,WAAA,CAAA,CAAA;AAER,EAAA,IAAMC,SAAS,GAAG,CAAUP,SAAAA,GAAAA,OAAO,GAAIE,GAAAA,GAAAA,IAAI,GAAIE,GAAAA,GAAAA,KAAK,CAACG,SAAS,EAAGC,IAAI,EAAE,CAAA;EACvE,OACEC,cACE,CAAA,KAAA,EAAA;AAAAN,IAAAA,QAAA,EAAAM,cAAA,CAAA,QAAA,EAAAC,QAAA,CAAA;AAAQC,MAAAA,IAAI,EAAC,QAAQ;AAACJ,MAAAA,SAAS,EAAEA,SAAAA;AAAS,KAAA,EAAMH,KAAK,EAAA;AAAAD,MAAAA,QAAA,EAClDA,QAAAA;KACM,CAAA,CAAA;AAAA,GAAA,CACL,CAAA;AAEV;;;ACZA,IAAMS,KAAK,GAAyB,SAA9BA,KAAKA,CAAAd,IAAA,EAIM;AAAA,EAAA,IAAAG,SAAA,GAAAH,IAAA,CAHfI,IAAI,CAAA;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,SAAA,CAAA;IAERG,KAAK,GAAAC,6BAAA,CAAAP,IAAA,EAAAQ,SAAA,EAAA;EAER,IAAMC,SAAS,GAAG,CAAA,QAAA,GAASL,IAAI,GAAA,GAAA,GAAIE,KAAK,CAACG,SAAS,EAAGC,IAAI,EAAE,CAAA;EAC3D,OACEC,cAAA,CAAA,KAAA,EAAA;AAAAN,IAAAA,QAAA,EACEM,cAAO,CAAA,OAAA,EAAAC,QAAA,CAAA;AAAAC,MAAAA,IAAI,EAAC,OAAO;AAACJ,MAAAA,SAAS,EAAEA,SAAAA;AAAS,KAAA,EAAMH,KAAK,CAAI,CAAA;AAAA,GAAA,CACnD,CAAA;AAEV;;;;;"}

package/dist/index.mjs

@@ -1,2 +1,56 @@
+import { jsx } from 'react/jsx-runtime';
 
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+
+var _excluded$1 = ["variant", "size", "children"];
+var Button = function Button(_ref) {
+  var _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? "primary" : _ref$variant,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "sm" : _ref$size,
+    children = _ref.children,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+  var className = ("button " + variant + " " + size + " " + props.className).trim();
+  return jsx("div", {
+    children: jsx("button", _extends({
+      type: "button",
+      className: className
+    }, props, {
+      children: children
+    }))
+  });
+};
+
+var _excluded = ["size", "children"];
+var Input = function Input(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "sm" : _ref$size,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var className = ("input " + size + " " + props.className).trim();
+  return jsx("div", {
+    children: jsx("input", _extends({
+      type: "input",
+      className: className
+    }, props))
+  });
+};
+
+export { Button, Input };
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index.mjs","sources":["../src/components/Button/Button.tsx","../src/components/Input/Input.tsx"],"sourcesContent":["import \"./style.css\";\r\n\r\nimport React, { ButtonHTMLAttributes } from \"react\";\r\n\r\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\r\n  variant?: \"primary\" | \"danger\" | \"warning\" | \"dark\" | \"light\" | \"success\";\r\n  size?: \"sm\" | \"md\" | \"lg\";\r\n}\r\n\r\nconst Button: React.FC<ButtonProps> = ({\r\n  variant = \"primary\",\r\n  size = \"sm\",\r\n  children,\r\n  ...props\r\n}: ButtonProps) => {\r\n  const className = `button ${variant} ${size} ${props.className}`.trim();\r\n  return (\r\n    <div>\r\n      <button type=\"button\" className={className} {...props}>\r\n        {children}\r\n      </button>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Button;\r\n","import \"./style.css\";\r\n\r\nimport React, { InputHTMLAttributes } from \"react\";\r\n\r\nexport interface InputProps extends Omit<\r\n  InputHTMLAttributes<HTMLInputElement>,\r\n  \"size\"\r\n> {\r\n  size?: \"sm\" | \"md\" | \"lg\";\r\n}\r\n\r\nconst Input: React.FC<InputProps> = ({\r\n  size = \"sm\",\r\n  children,\r\n  ...props\r\n}: InputProps) => {\r\n  const className = `input ${size} ${props.className}`.trim();\r\n  return (\r\n    <div>\r\n      <input type=\"input\" className={className} {...props} />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Input;\r\n"],"names":["Button","_ref","_ref$variant","variant","_ref$size","size","children","props","_objectWithoutPropertiesLoose","_excluded","className","trim","_jsx","_extends","type","Input"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,MAAM,GAA0B,SAAhCA,MAAMA,CAAAC,IAAA,EAKM;AAAA,EAAA,IAAAC,YAAA,GAAAD,IAAA,CAJhBE,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,YAAA;IAAAE,SAAA,GAAAH,IAAA,CACnBI,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,SAAA;IACXE,QAAQ,GAAAL,IAAA,CAARK,QAAQ;AACLC,IAAAA,KAAK,GAAAC,6BAAA,CAAAP,IAAA,EAAAQ,WAAA,CAAA,CAAA;AAER,EAAA,IAAMC,SAAS,GAAG,CAAUP,SAAAA,GAAAA,OAAO,GAAIE,GAAAA,GAAAA,IAAI,GAAIE,GAAAA,GAAAA,KAAK,CAACG,SAAS,EAAGC,IAAI,EAAE,CAAA;EACvE,OACEC,GACE,CAAA,KAAA,EAAA;AAAAN,IAAAA,QAAA,EAAAM,GAAA,CAAA,QAAA,EAAAC,QAAA,CAAA;AAAQC,MAAAA,IAAI,EAAC,QAAQ;AAACJ,MAAAA,SAAS,EAAEA,SAAAA;AAAS,KAAA,EAAMH,KAAK,EAAA;AAAAD,MAAAA,QAAA,EAClDA,QAAAA;KACM,CAAA,CAAA;AAAA,GAAA,CACL,CAAA;AAEV;;;ACZA,IAAMS,KAAK,GAAyB,SAA9BA,KAAKA,CAAAd,IAAA,EAIM;AAAA,EAAA,IAAAG,SAAA,GAAAH,IAAA,CAHfI,IAAI,CAAA;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,SAAA,CAAA;IAERG,KAAK,GAAAC,6BAAA,CAAAP,IAAA,EAAAQ,SAAA,EAAA;EAER,IAAMC,SAAS,GAAG,CAAA,QAAA,GAASL,IAAI,GAAA,GAAA,GAAIE,KAAK,CAACG,SAAS,EAAGC,IAAI,EAAE,CAAA;EAC3D,OACEC,GAAA,CAAA,KAAA,EAAA;AAAAN,IAAAA,QAAA,EACEM,GAAO,CAAA,OAAA,EAAAC,QAAA,CAAA;AAAAC,MAAAA,IAAI,EAAC,OAAO;AAACJ,MAAAA,SAAS,EAAEA,SAAAA;AAAS,KAAA,EAAMH,KAAK,CAAI,CAAA;AAAA,GAAA,CACnD,CAAA;AAEV;;;;"}

package/package.json

@@ -1,28 +1,46 @@
 {
   "name": "giorgi-gogua-library",
-  "version": "0.1.0",
-  "description": "My first React TypeScript library",
+  "version": "0.3.0",
+  "description": "Professional React TypeScript library",
   "source": "src/index.ts",
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "style": "./dist/index.css",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./dist/index.css": "./dist/index.css"
+  },
   "files": [
     "dist"
   ],
   "scripts": {
-    "build": "microbundle",
-    "dev": "microbundle watch"
+    "clean": "rimraf dist",
+    "prebuild": "npm run clean",
+    "build": "microbundle --jsx-import-source react --no-compress --format modern,esm,cjs --css-bundle index.css",
+    "dev": "microbundle watch --jsx-import-source react --format modern,esm,cjs"
   },
   "peerDependencies": {
-    "react": ">=16.8.0",
-    "react-dom": ">=16.8.0"
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
-    "react": "^19.2.3",
-    "react-dom": "^19.2.3",
-    "@types/react": "^19.2.9",
-    "@types/react-dom": "^19.2.3",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
     "microbundle": "^0.15.1",
-    "typescript": "^5.9.3"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "rimraf": "^5.0.10",
+    "typescript": "^5.7.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "engines": {
+    "node": ">=16"
   }
 }

package/dist/index.modern.mjs

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=index.modern.mjs.map

package/dist/index.modern.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.modern.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/index.umd.js

@@ -1,2 +0,0 @@
-"function"==typeof define&&define.amd&&define(function(){});
-//# sourceMappingURL=index.umd.js.map

package/dist/index.umd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.umd.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}