@parallelvoidshaurya/hello-world-introduction-sdk 0.0.0-stage → 1.0.0

package/README.md

@@ -1,3 +1,37 @@
-# Temporary Holding Version
+# @parallelvoidshaurya/hello-world-introduction-sdk
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+A simple React UI SDK component built with TypeScript.
+
+## Installation
+
+```bash
+npm install @parallelvoidshaurya/hello-world-introduction-sdk
+```
+
+*(Make sure your project has React 17+ or 18+ installed)*
+
+## Usage
+
+```tsx
+import React from 'react';
+import { HelloWorldIntroduction } from '@parallelvoidshaurya/hello-world-introduction-sdk';
+
+export default function App() {
+  return (
+    <div>
+      {/* Default usage */}
+      <HelloWorldIntroduction />
+
+      {/* With custom name and color */}
+      <HelloWorldIntroduction name="Shaurya" color="#16a34a" />
+    </div>
+  );
+}
+```
+
+## Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `name` | `string` | `'World'` | The name displayed in the greeting |
+| `color` | `string` | `'#2563eb'` | Accent border and text color |

package/dist/HelloWorldIntroduction.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface HelloWorldProps {
+    name?: string;
+    color?: string;
+}
+export declare const HelloWorldIntroduction: React.FC<HelloWorldProps>;

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { HelloWorldIntroduction } from "./HelloWorldIntroduction";
+export type { HelloWorldProps } from "./HelloWorldIntroduction";

package/dist/index.js

@@ -0,0 +1,57 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  HelloWorldIntroduction: () => HelloWorldIntroduction
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/HelloWorldIntroduction.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var HelloWorldIntroduction = ({
+  name = "World",
+  color = "#2563eb"
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      style: {
+        padding: "16px 24px",
+        borderRadius: "8px",
+        backgroundColor: "#f8fafc",
+        border: `2px solid ${color}`,
+        color,
+        fontFamily: "sans-serif",
+        fontWeight: 600,
+        display: "inline-block"
+      },
+      children: [
+        "Hello, ",
+        name,
+        "! \u{1F44B} (from my NPM SDK)"
+      ]
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  HelloWorldIntroduction
+});

package/dist/index.mjs

@@ -0,0 +1,30 @@
+// src/HelloWorldIntroduction.tsx
+import { jsxs } from "react/jsx-runtime";
+var HelloWorldIntroduction = ({
+  name = "World",
+  color = "#2563eb"
+}) => {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        padding: "16px 24px",
+        borderRadius: "8px",
+        backgroundColor: "#f8fafc",
+        border: `2px solid ${color}`,
+        color,
+        fontFamily: "sans-serif",
+        fontWeight: 600,
+        display: "inline-block"
+      },
+      children: [
+        "Hello, ",
+        name,
+        "! \u{1F44B} (from my NPM SDK)"
+      ]
+    }
+  );
+};
+export {
+  HelloWorldIntroduction
+};

package/package.json

@@ -1,6 +1,34 @@
 {
   "name": "@parallelvoidshaurya/hello-world-introduction-sdk",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "1.0.0",
+  "description": "A simple Hello World React SDK",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup src/index.ts --format cjs,esm --clean --external react && tsc --emitDeclarationOnly --outDir dist",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "react": ">=17.0.0",
+    "react-dom": ">=17.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.0",
+    "@types/react-dom": "^18.3.0",
+    "react": "^18.3.0",
+    "react-dom": "^18.3.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0"
+  }
 }