@biznext-ui/react 0.0.1

package/LICENSE.txt

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 3s Logics Private Limited
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,18 @@
+# BizNext-UI
+
+BizNext-UI is a custom-made UI component library built with Vite, React, and TypeScript. It provides a set of reusable and customizable UI components designed to streamline the development process and ensure a consistent look and feel across your applications.
+
+## Features
+
+- **Built with Vite**: Enjoy the fast development experience provided by Vite.
+- **React Components**: Leverage the power of React for building dynamic user interfaces.
+- **TypeScript Support**: Benefit from the type safety and enhanced developer experience provided by TypeScript.
+- **Customizable**: Easily customize the components to fit your design requirements.
+
+## Installation
+
+You can install BizNext-UI via npm:
+
+```bash
+npm install @biznext-ui/react
+```

package/dist/index.es.d.ts

@@ -0,0 +1,12 @@
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+export declare const Modal: (props: ModalProps) => JSX_2.Element;
+
+declare interface ModalProps {
+    children: ReactNode;
+    headerTitle: string;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+}
+
+export { }

package/dist/index.es.js

@@ -0,0 +1,20 @@
+import { jsxs as e, Fragment as s, jsx as a } from "react/jsx-runtime";
+const c = "_modalOverlay_1rrsj_7", t = "_modal_1rrsj_7", l = {
+  modalOverlay: c,
+  modal: t
+}, i = () => /* @__PURE__ */ a("div", { className: l.modalOverlay }), m = (o) => {
+  const { children: d, headerTitle: r, size: n } = o;
+  return console.log(d, r, n, "@biznext-ui/react"), /* @__PURE__ */ e(s, { children: [
+    /* @__PURE__ */ a(i, {}),
+    /* @__PURE__ */ e("div", { className: l.modal, children: [
+      /* @__PURE__ */ a("h2", { children: r }),
+      /* @__PURE__ */ e("span", { children: [
+        "This modal is created using component from @biznext-ui/react ui library npm package created by ",
+        /* @__PURE__ */ a("strong", { children: "Rachit Yadav" })
+      ] })
+    ] })
+  ] });
+}, v = m;
+export {
+  v as Modal
+};

package/dist/index.umd.js

@@ -0,0 +1 @@
+(function(a,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("react/jsx-runtime")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime"],e):(a=typeof globalThis<"u"?globalThis:a||self,e(a["biznext-ui-react"]={},a["react/jsx-runtime"]))})(this,function(a,e){"use strict";const r={modalOverlay:"_modalOverlay_1rrsj_7",modal:"_modal_1rrsj_7"},d=()=>e.jsx("div",{className:r.modalOverlay}),l=n=>{const{children:t,headerTitle:o,size:s}=n;return console.log(t,o,s,"@biznext-ui/react"),e.jsxs(e.Fragment,{children:[e.jsx(d,{}),e.jsxs("div",{className:r.modal,children:[e.jsx("h2",{children:o}),e.jsxs("span",{children:["This modal is created using component from @biznext-ui/react ui library npm package created by ",e.jsx("strong",{children:"Rachit Yadav"})]})]})]})};a.Modal=l,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})});

package/dist/style.css

@@ -0,0 +1 @@
+@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{font-family:Poppins,sans-serif}._modalOverlay_1rrsj_7{z-index:999;background-color:#091e427a;width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0}._modal_1rrsj_7{z-index:9999;background:#fff;position:fixed;display:grid;grid-template-rows:max-content auto;box-shadow:0 12px 32px #001b471f;border-radius:8px;overflow:auto;margin:auto;width:500px;height:250px;top:0;left:0;right:0;bottom:0;padding:30px}

package/package.json

@@ -0,0 +1,67 @@
+{
+  "name": "@biznext-ui/react",
+  "version": "0.0.1",
+  "private": false,
+  "author": "Biznext Team",
+  "description": "Responsive and accessible React UI components!",
+  "type": "module",
+  "main": "./dist/index.umd.js",
+  "module": "./dist/index.es.js",
+  "types": "./dist/index.es.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.umd.js",
+      "require": "./dist/index.es.js",
+      "types": "./dist/index.es.d.ts"
+    },
+    "./dist/style.css": "./dist/style.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "license": "MIT",
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "dev": "vite --port 3400",
+    "build": "tsc && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview",
+    "docs": "storybook dev -p 3401",
+    "build-docs": "storybook build"
+  },
+  "dependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^1.6.1",
+    "@storybook/addon-essentials": "^8.2.4",
+    "@storybook/addon-interactions": "^8.2.4",
+    "@storybook/addon-links": "^8.2.4",
+    "@storybook/addon-onboarding": "^8.2.4",
+    "@storybook/blocks": "^8.2.4",
+    "@storybook/manager-api": "^8.2.4",
+    "@storybook/react": "^8.2.4",
+    "@storybook/react-vite": "^8.2.4",
+    "@storybook/test": "^8.2.4",
+    "@storybook/theming": "^8.2.4",
+    "@types/node": "^20.14.11",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@typescript-eslint/eslint-plugin": "^7.15.0",
+    "@typescript-eslint/parser": "^7.15.0",
+    "@vitejs/plugin-react-swc": "^3.5.0",
+    "eslint": "^8.57.0",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-refresh": "^0.4.7",
+    "eslint-plugin-storybook": "^0.8.0",
+    "storybook": "^8.2.4",
+    "typescript": "^5.2.2",
+    "vite": "^5.3.4",
+    "vite-plugin-dts": "^4.0.0-beta.0",
+    "vite-tsconfig-paths": "^4.3.2"
+  }
+}