citrica-ui-toolkit 0.0.1 → 0.0.2

package/README.md

@@ -0,0 +1 @@
+# CITRICA UI TOOLKIT

package/dist/index.d.mts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: 'primary' | 'secondary' | 'outline' | 'ghost';
+    size?: 'sm' | 'md' | 'lg';
+    children: React.ReactNode;
+}
+declare const Button: ({ variant, size, children, className, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
+
+export { Button, type ButtonProps };

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: 'primary' | 'secondary' | 'outline' | 'ghost';
+    size?: 'sm' | 'md' | 'lg';
+    children: React.ReactNode;
+}
+declare const Button: ({ variant, size, children, className, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
+
+export { Button, type ButtonProps };

package/dist/index.js

@@ -0,0 +1,54 @@
+"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, {
+  Button: () => Button
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/components/atoms/Button/Button.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var Button = ({
+  variant = "primary",
+  size = "md",
+  children,
+  className = "",
+  ...props
+}) => {
+  const baseClasses = "inline-flex items-center justify-center rounded-md font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none";
+  const variantClasses = {
+    primary: "bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500",
+    secondary: "bg-gray-600 text-white hover:bg-gray-700 focus:ring-gray-500",
+    outline: "border border-gray-300 bg-white text-gray-700 hover:bg-gray-50 focus:ring-blue-500",
+    ghost: "text-gray-700 hover:bg-gray-100 focus:ring-gray-500"
+  };
+  const sizeClasses = {
+    sm: "h-8 px-3 text-sm",
+    md: "h-10 px-4 text-base",
+    lg: "h-12 px-6 text-lg"
+  };
+  const classes = `${baseClasses} ${variantClasses[variant]} ${sizeClasses[size]} ${className}`;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: classes, ...props, children });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Button
+});

package/dist/index.mjs

@@ -0,0 +1,27 @@
+// src/components/atoms/Button/Button.tsx
+import { jsx } from "react/jsx-runtime";
+var Button = ({
+  variant = "primary",
+  size = "md",
+  children,
+  className = "",
+  ...props
+}) => {
+  const baseClasses = "inline-flex items-center justify-center rounded-md font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none";
+  const variantClasses = {
+    primary: "bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500",
+    secondary: "bg-gray-600 text-white hover:bg-gray-700 focus:ring-gray-500",
+    outline: "border border-gray-300 bg-white text-gray-700 hover:bg-gray-50 focus:ring-blue-500",
+    ghost: "text-gray-700 hover:bg-gray-100 focus:ring-gray-500"
+  };
+  const sizeClasses = {
+    sm: "h-8 px-3 text-sm",
+    md: "h-10 px-4 text-base",
+    lg: "h-12 px-6 text-lg"
+  };
+  const classes = `${baseClasses} ${variantClasses[variant]} ${sizeClasses[size]} ${className}`;
+  return /* @__PURE__ */ jsx("button", { className: classes, ...props, children });
+};
+export {
+  Button
+};

package/package.json

@@ -1,14 +1,31 @@
 {
   "name": "citrica-ui-toolkit",
-  "version": "0.0.1",
-  "main": "dist-node/index.js",
-  "browser": "dist-browser/index.js",
+  "version": "0.0.2",
+  "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-browser": "tsc src/index.ts --outDir dist-browser --module ES6",
-    "build-node": "tsc src/index.ts --outDir dist-node",
-    "build": "npm run build-browser && npm run build-node"
+    "build": "tsup src/index.ts --format cjs,esm --dts",
+    "dev": "tsup src/index.ts --format cjs,esm --dts --watch"
+  },
+  "peerDependencies": {
+    "react": ">=17.0.0",
+    "@types/react": ">=17.0.0"
   },
   "devDependencies": {
+    "@types/react": "^17.0.21",
+    "react": "^18.0.0",
+    "tsup": "^8.5.1",
     "typescript": "5.9.3"
   }
 }

package/dist-browser/index.js

@@ -1,27 +0,0 @@
-/**
- *
- * @param a number
- * @param b number
- * @returns sum of a and b
- */
-export var add = function (a, b) {
-    return a + b;
-};
-/**
- *
- * @param a number
- * @param b number
- * @returns difference of a and b
- */
-export var subtract = function (a, b) {
-    return a - b;
-};
-/**
- *
- * @param a number
- * @param b number
- * @returns product of a and b
- */
-export var multiply = function (a, b) {
-    return a * b;
-};

package/dist-node/index.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.multiply = exports.subtract = exports.add = void 0;
-/**
- *
- * @param a number
- * @param b number
- * @returns sum of a and b
- */
-var add = function (a, b) {
-    return a + b;
-};
-exports.add = add;
-/**
- *
- * @param a number
- * @param b number
- * @returns difference of a and b
- */
-var subtract = function (a, b) {
-    return a - b;
-};
-exports.subtract = subtract;
-/**
- *
- * @param a number
- * @param b number
- * @returns product of a and b
- */
-var multiply = function (a, b) {
-    return a * b;
-};
-exports.multiply = multiply;

package/src/index.ts

@@ -1,29 +0,0 @@
-/**
- * 
- * @param a number
- * @param b number
- * @returns sum of a and b
- */
-export const add = (a: number, b: number): number => {
-  return a + b;
-};
-
-/**
- * 
- * @param a number
- * @param b number
- * @returns difference of a and b
- */
-export const subtract = (a: number, b: number): number => {
-  return a - b;
-};
-
-/**
- * 
- * @param a number
- * @param b number
- * @returns product of a and b
- */
-export const multiply = (a: number, b: number): number => {
-  return a * b;
-};