@perfectest/react 0.0.1

package/dist/esm/button.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { cn } from '@perfectest/shared';
+
+const Button = ({ children, className, appName }) => {
+    return (jsx("button", { className: cn(className), onClick: () => alert(`Hello from your ${appName} app!`), children: children }));
+};
+
+export { Button };
+//# sourceMappingURL=button.js.map

package/dist/esm/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sources":["../../../src/button.tsx"],"sourcesContent":["\"use client\";\n\nimport { ReactNode } from \"react\";\nimport { cn } from \"@perfectest/shared\";\n\nexport interface ButtonProps {\n  children: ReactNode;\n  className?: string;\n  appName: string;\n}\n\nexport const Button = ({ children, className, appName }: ButtonProps) => {\n  return (\n    <button\n      className={cn(className)}\n      onClick={() => alert(`Hello from your ${appName} app!`)}\n    >\n      {children}\n    </button>\n  );\n};\n\n"],"names":[],"mappings":";;;;AAWO;;AASP;;"}

package/dist/esm/card.js

@@ -0,0 +1,9 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { cn } from '@perfectest/shared';
+
+function Card({ className, title, children, href, }) {
+    return (jsxs("a", { className: cn(className), href: `${href}?utm_source=create-turbo&utm_medium=basic&utm_campaign=create-turbo"`, rel: "noopener noreferrer", target: "_blank", children: [jsxs("h2", { children: [title, " ", jsx("span", { children: "->" })] }), jsx("p", { children: children })] }));
+}
+
+export { Card };
+//# sourceMappingURL=card.js.map

package/dist/esm/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sources":["../../../src/card.tsx"],"sourcesContent":["import { type JSX } from \"react\";\nimport { cn } from \"@perfectest/shared\";\n\nexport interface CardProps {\n  className?: string;\n  title: string;\n  children: React.ReactNode;\n  href: string;\n}\n\nexport function Card({\n  className,\n  title,\n  children,\n  href,\n}: CardProps): JSX.Element {\n  return (\n    <a\n      className={cn(className)}\n      href={`${href}?utm_source=create-turbo&utm_medium=basic&utm_campaign=create-turbo\"`}\n      rel=\"noopener noreferrer\"\n      target=\"_blank\"\n    >\n      <h2>\n        {title} <span>-&gt;</span>\n      </h2>\n      <p>{children}</p>\n    </a>\n  );\n}\n\n"],"names":["_jsxs","_jsx"],"mappings":";;;AAUM,SAAU,IAAI,CAAC,EACnB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,IAAI,GACM,EAAA;AACV,IAAA,QACEA,IAAA,CAAA,GAAA,EAAA,EACE,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,EACxB,IAAI,EAAE,CAAA,EAAG,IAAI,CAAA,oEAAA,CAAsE,EACnF,GAAG,EAAC,qBAAqB,EACzB,MAAM,EAAC,QAAQ,EAAA,QAAA,EAAA,CAEfA,wBACG,KAAK,EAAA,GAAA,EAAEC,GAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAkB,CAAA,EAAA,CACvB,EACLA,GAAA,CAAA,GAAA,EAAA,EAAA,QAAA,EAAI,QAAQ,EAAA,CAAK,CAAA,EAAA,CACf;AAER;;;;"}

package/dist/esm/code.js

@@ -0,0 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
+import { cn } from '@perfectest/shared';
+
+function Code({ children, className }) {
+    return jsx("code", { className: cn(className), children: children });
+}
+
+export { Code };
+//# sourceMappingURL=code.js.map

package/dist/esm/code.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code.js","sources":["../../../src/code.tsx"],"sourcesContent":["import { type JSX } from \"react\";\nimport { cn } from \"@perfectest/shared\";\n\nexport interface CodeProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function Code({ children, className }: CodeProps): JSX.Element {\n  return <code className={cn(className)}>{children}</code>;\n}\n\n"],"names":["_jsx"],"mappings":";;;SAQgB,IAAI,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAa,EAAA;IACrD,OAAOA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAQ;AAC1D;;;;"}

package/dist/esm/index.js

@@ -0,0 +1,5 @@
+export * from '@perfectest/shared';
+export { Button } from './button.js';
+export { Card } from './card.js';
+export { Code } from './code.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

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

package/dist/types/button.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from "react";
+export interface ButtonProps {
+    children: ReactNode;
+    className?: string;
+    appName: string;
+}
+export declare const Button: ({ children, className, appName }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=button.d.ts.map

package/dist/types/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,MAAM,GAAI,kCAAkC,WAAW,4CASnE,CAAC"}

package/dist/types/card.d.ts

@@ -0,0 +1,9 @@
+import { type JSX } from "react";
+export interface CardProps {
+    className?: string;
+    title: string;
+    children: React.ReactNode;
+    href: string;
+}
+export declare function Card({ className, title, children, href, }: CardProps): JSX.Element;
+//# sourceMappingURL=card.d.ts.map

package/dist/types/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAGjC,MAAM,WAAW,SAAS;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,IAAI,CAAC,EACnB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,IAAI,GACL,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAczB"}

package/dist/types/code.d.ts

@@ -0,0 +1,7 @@
+import { type JSX } from "react";
+export interface CodeProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export declare function Code({ children, className }: CodeProps): JSX.Element;
+//# sourceMappingURL=code.d.ts.map

package/dist/types/code.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../src/code.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAGjC,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAEpE"}

package/dist/types/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @perfectest/react
+ * React components and hooks.
+ */
+export * from "@perfectest/shared";
+export * from "./button.js";
+export * from "./card.js";
+export * from "./code.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,cAAc,oBAAoB,CAAC;AAGnC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC"}

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@perfectest/react",
+  "version": "0.0.1",
+  "type": "module",
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/esm/index.js"
+    },
+    "./*": {
+      "types": "./dist/types/*.d.ts",
+      "import": "./dist/esm/*.js"
+    }
+  },
+  "main": "./dist/esm/index.js",
+  "types": "./dist/types/index.d.ts",
+  "files": [
+    "dist",
+    "src"
+  ],
+  "dependencies": {
+    "@perfectest/shared": "0.0.1"
+  },
+  "peerDependencies": {
+    "react": ">=16.0.0",
+    "react-dom": ">=16.0.0"
+  },
+  "devDependencies": {
+    "@types/node": "22.19.3",
+    "@types/react": "19.2.3",
+    "@types/react-dom": "19.2.3",
+    "eslint": "9.39.1",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
+    "typescript": "5.9.3"
+  },
+  "scripts": {
+    "build": "rollup -c && tsc -p tsconfig.build.json",
+    "dev": "rollup -c -w",
+    "lint": "eslint . --max-warnings 0",
+    "check-types": "tsc --noEmit"
+  }
+}

package/src/button.tsx

@@ -0,0 +1,22 @@
+"use client";
+
+import { ReactNode } from "react";
+import { cn } from "@perfectest/shared";
+
+export interface ButtonProps {
+  children: ReactNode;
+  className?: string;
+  appName: string;
+}
+
+export const Button = ({ children, className, appName }: ButtonProps) => {
+  return (
+    <button
+      className={cn(className)}
+      onClick={() => alert(`Hello from your ${appName} app!`)}
+    >
+      {children}
+    </button>
+  );
+};
+

package/src/card.tsx

@@ -0,0 +1,31 @@
+import { type JSX } from "react";
+import { cn } from "@perfectest/shared";
+
+export interface CardProps {
+  className?: string;
+  title: string;
+  children: React.ReactNode;
+  href: string;
+}
+
+export function Card({
+  className,
+  title,
+  children,
+  href,
+}: CardProps): JSX.Element {
+  return (
+    <a
+      className={cn(className)}
+      href={`${href}?utm_source=create-turbo&utm_medium=basic&utm_campaign=create-turbo"`}
+      rel="noopener noreferrer"
+      target="_blank"
+    >
+      <h2>
+        {title} <span>-&gt;</span>
+      </h2>
+      <p>{children}</p>
+    </a>
+  );
+}
+

package/src/code.tsx

@@ -0,0 +1,12 @@
+import { type JSX } from "react";
+import { cn } from "@perfectest/shared";
+
+export interface CodeProps {
+  children: React.ReactNode;
+  className?: string;
+}
+
+export function Code({ children, className }: CodeProps): JSX.Element {
+  return <code className={cn(className)}>{children}</code>;
+}
+

package/src/index.ts

@@ -0,0 +1,13 @@
+/**
+ * @perfectest/react
+ * React components and hooks.
+ */
+
+// Re-export shared utilities for convenience
+export * from "@perfectest/shared";
+
+// React-specific exports
+export * from "./button.js";
+export * from "./card.js";
+export * from "./code.js";
+