autocasting-ui-library-padimasso 1.0.3

package/README.md

@@ -0,0 +1,76 @@
+# 🎨 AutoCasting UI Library
+
+**UI Library oficial para el ecosistema de Auto Casting**  
+Construida con React, TailwindCSS, Storybook y Rollup.
+
+---
+
+## 🚀 ¿Qué incluye este repositorio?
+
+- ⚛️ Componentes reutilizables en React
+- 🎨 Estilos con TailwindCSS 4
+- 📘 Documentación visual con Storybook
+- 📦 Build listo para distribución vía NPM o uso local
+- ✅ Soporte completo para TypeScript y tipado externo
+
+---
+
+## 🧰 Requisitos previos
+
+Asegurate de tener instalado:
+
+- Node.js **v22+** (instalación recomendada con [NVM](https://github.com/nvm-sh/nvm))
+- npm **v10+**
+
+> ⚠️ Otros entornos pueden fallar al compilar TailwindCSS v4.  
+> Se recomienda estrictamente usar `nvm` y Node 22.16.0 para desarrollo local.
+
+---
+
+## 📦 Instalación local y uso con Storybook
+
+```bash
+git clone https://github.com/PadiMassoOrg/AutoCasting-UI-Library.git
+cd AutoCasting-UI-Library
+
+# Instalación de dependencias
+npm install
+
+# Iniciar Storybook (http://localhost:6006)
+npm run storybook
+```
+
+---
+
+## 🛠️ Scripts disponibles
+
+- npm run build (Compila la librería: Rollup + CSS (genera la carpeta dist/))
+- npm run storybook (Levanta el entorno visual con Storybook)
+- npm run lint (Ejecuta ESLint sobre los archivos fuente)
+- npm run format (Formatea el código con Prettier)
+
+---
+
+## 🔁 Flujo de desarrollo diario
+
+Para trabajar localmente en la librería y reflejar los cambios en tu frontend:
+
+1. Modificá o creá componentes en src/components.
+
+2. Corré el build para regenerar el output consumible:
+
+```bash
+npm run build
+```
+
+3. En tu frontend, asegurate de importar el paquete local actualizado.
+
+> Tip: Si tu frontend no refleja cambios, intentá borrar .turbo, .next, o reiniciar el dev server.
+
+---
+
+## 📚 Documentación extendida
+
+Para más detalles sobre arquitectura, releases, convenciones y CI/CD, consultá:
+
+📖 [Documentación en Confluence](https://padimasso.atlassian.net/wiki/spaces/AC/pages/3047425/Auto+Casting+UI+Library)

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ButtonProps } from './Button.types';
+declare const Button: React.FC<ButtonProps>;
+export default Button;

package/dist/components/Button/Button.js

@@ -0,0 +1,13 @@
+import { jsx } from 'react/jsx-runtime';
+import { clsx } from 'clsx';
+
+const variantClasses = {
+    primary: 'bg-blue-600 hover:bg-blue-700 text-white',
+    secondary: 'bg-yellow-500 hover:bg-yellow-600 text-white',
+    danger: 'bg-red-600 hover:bg-red-700 text-white',
+};
+const Button = ({ children, variant = 'primary', className, ...props }) => {
+    return (jsx("button", { className: clsx('px-4 py-2 rounded-md font-semibold transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2', variantClasses[variant], className), ...props, children: children }));
+};
+
+export { Button as default };

package/dist/components/Button/Button.types.d.ts

@@ -0,0 +1,6 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+export type ButtonVariant = 'primary' | 'secondary' | 'danger';
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    children: ReactNode;
+    variant?: ButtonVariant;
+}

package/dist/components/Button/index.d.ts

@@ -0,0 +1 @@
+export { default as Button } from './Button';

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+import React, { ButtonHTMLAttributes, ReactNode } from 'react';
+
+type ButtonVariant = 'primary' | 'secondary' | 'danger';
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    children: ReactNode;
+    variant?: ButtonVariant;
+}
+
+declare const Button: React.FC<ButtonProps>;
+
+export { Button };

package/dist/index.js

@@ -0,0 +1 @@
+export { default as Button } from './components/Button/Button.js';

package/package.json

@@ -0,0 +1,70 @@
+{
+  "name": "autocasting-ui-library-padimasso",
+  "version": "1.0.3",
+  "description": "UI Library para el ecosistema de Auto Casting",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js"
+    },
+    "./dist/styles.css": "./dist/styles.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "rollup -c && npm run build:css",
+    "build:css": "tailwindcss -i ./src/styles/tailwind.css -o ./dist/styles.css --minify",
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "lint": "eslint src --ext .ts,.tsx",
+    "format": "prettier --write ."
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/PadiMassoOrg/AutoCasting-UI-Library.git"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/PadiMassoOrg/AutoCasting-UI-Library/issues"
+  },
+  "homepage": "https://github.com/PadiMassoOrg/AutoCasting-UI-Library#readme",
+  "peerDependencies": {
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^28.0.6",
+    "@rollup/plugin-node-resolve": "^16.0.1",
+    "@rollup/plugin-typescript": "^12.1.3",
+    "@storybook/addon-docs": "^9.0.12",
+    "@storybook/react-vite": "^9.0.12",
+    "@tailwindcss/postcss": "^4.1.10",
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.1.6",
+    "@typescript-eslint/eslint-plugin": "^8.34.1",
+    "@typescript-eslint/parser": "^8.34.1",
+    "autoprefixer": "^10.4.21",
+    "clsx": "^2.1.1",
+    "eslint": "^9.29.0",
+    "eslint-config-prettier": "^10.1.5",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "postcss": "^8.5.6",
+    "prettier": "^3.5.3",
+    "rollup": "^4.44.0",
+    "rollup-plugin-dts": "^6.2.1",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "storybook": "^9.0.12",
+    "tailwindcss": "^4.1.10",
+    "typescript": "^5.8.3",
+    "typescript-eslint": "^8.34.1",
+    "vite": "^6.3.5"
+  }
+}