pack-to-ui-pro 0.0.1

package/dist/components/Button.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from "react";
+type PropsType = {
+    children: ReactNode;
+    onClick?: () => void;
+};
+declare const Button: ({ children, onClick }: PropsType) => import("react/jsx-runtime").JSX.Element;
+export { Button };

package/dist/hooks/counter.d.ts

@@ -0,0 +1,6 @@
+declare const useCounter: () => {
+    count: number;
+    increment: () => void;
+    decrement: () => void;
+};
+export { useCounter };

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './hooks/counter';
+export * from './components/Button';

package/dist/index.js

@@ -0,0 +1,27 @@
+import { useState } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+const useCounter = () => {
+    const [count, setCount] = useState(0);
+    const increment = () => {
+        setCount(count + 1);
+    };
+    const decrement = () => {
+        setCount(count - 1);
+    };
+    return { count, increment, decrement };
+};
+
+const Button = ({ children, onClick }) => {
+    return (jsx("button", { onClick: onClick, style: {
+            padding: "10px 20px",
+            fontSize: "1.2em",
+            borderRadius: "5px",
+            cursor: "pointer",
+            backgroundColor: "blue",
+            color: "white",
+            border: "none",
+        }, children: children }));
+};
+
+export { Button, useCounter };

package/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "pack-to-ui-pro",
+  "version": "0.0.1",
+  "description": "",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "type": "module",
+  "scripts": {
+    "build": "npx rollup -c"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-typescript": "^12.1.2",
+    "@types/react": "^19.1.3",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "rollup": "^4.40.2",
+    "tslib": "^2.8.1"
+  }
+}

package/rollup.config.js

@@ -0,0 +1,13 @@
+import { defineConfig } from "rollup";
+import typescript from "@rollup/plugin-typescript";
+
+export default defineConfig({
+  input: "src/index.ts",
+  output: {
+    dir: "dist",
+    format: "es",
+    name: "smart-copy2clip",
+  },
+  external: ["react", "react-dom"],
+  plugins: [typescript({ tsconfig: "tsconfig.json" })],
+});

package/src/components/Button.tsx

@@ -0,0 +1,27 @@
+import * as React from "react";
+import { ReactNode } from "react";
+
+type PropsType = {
+  children: ReactNode;
+  onClick?: () => void;
+};
+const Button = ({ children, onClick }: PropsType) => {
+  return (
+    <button
+      onClick={onClick}
+      style={{
+        padding: "10px 20px",
+        fontSize: "1.2em",
+        borderRadius: "5px",
+        cursor: "pointer",
+        backgroundColor: "blue",
+        color: "white",
+        border: "none",
+      }}
+    >
+      {children}
+    </button>
+  );
+};
+
+export { Button };

package/src/hooks/counter.tsx

@@ -0,0 +1,14 @@
+import { useState } from "react";
+const useCounter = () => {
+  const [count, setCount] = useState(0);
+  const increment = () => {
+    setCount(count + 1);
+  };
+  const decrement = () => {
+    setCount(count - 1);
+  };
+
+  return { count, increment, decrement };
+};
+
+export { useCounter };

package/src/index.ts

@@ -0,0 +1,2 @@
+export * from './hooks/counter';
+export * from './components/Button';

package/tsconfig.json

@@ -0,0 +1,11 @@
+{
+    "compilerOptions": {
+    "target":"ES2020",
+    "module": "ESNext",
+    "declaration": true,
+    "declarationDir": "dist",
+    "strict": true,
+    "jsx": "react-jsx", 
+    }
+}
+