tintora 0.0.0-stage → 0.0.2

package/README.md

@@ -1,3 +1,111 @@
-# Temporary Holding Version
+# Tintora
 
-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.
+Tintora is a lightweight React component library for building polished interfaces with a clean, modern default style. It is designed for fast prototyping and production-ready UI composition, with a small API surface and TypeScript support.
+
+## Features
+
+- React component library
+- TypeScript-first development
+- Vite-based build output
+- Storybook for component exploration
+- Simple, reusable styling
+
+## Installation
+
+Using pnpm:
+
+```bash
+pnpm add tintora
+```
+
+Using npm:
+
+```bash
+npm install tintora
+```
+
+Using yarn:
+
+```bash
+yarn add tintora
+```
+
+## Usage
+
+```tsx
+import { Button } from 'tintora';
+
+export function Example() {
+    return (
+        <Button onClick={() => alert('Hello from Tintora!')}>Click me</Button>
+    );
+}
+```
+
+If your build setup supports CSS imports, you can also import the library stylesheet:
+
+```tsx
+import 'tintora/style.css';
+```
+
+## Available Components
+
+### Button
+
+The current component library includes a simple `Button` component with a clean dark base style and support for standard HTML button props.
+
+```tsx
+<Button type="button" disabled={false}>
+    Submit
+</Button>
+```
+
+## Development
+
+Install dependencies:
+
+```bash
+pnpm install
+```
+
+Run Storybook:
+
+```bash
+pnpm storybook
+```
+
+Build the library:
+
+```bash
+pnpm build
+```
+
+Run type checking:
+
+```bash
+pnpm typecheck
+```
+
+Run linting:
+
+```bash
+pnpm lint
+```
+
+## Project Structure
+
+```text
+src/
+  Button/
+    Button.tsx
+    Button.css
+  index.ts
+```
+
+## License
+
+MIT
+
+## Repository
+
+https://github.com/felipevlourenco/tintora

package/dist/Button/Button.d.ts

@@ -0,0 +1,3 @@
+import type { ButtonHTMLAttributes } from 'react';
+import './Button.css';
+export declare function Button({ className, ...props }: ButtonHTMLAttributes<HTMLButtonElement>): import("react").JSX.Element;

package/dist/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react/jsx-runtime");function t({className:t,...n}){return(0,e.jsx)(`button`,{className:[`tintora-button`,t].filter(Boolean).join(` `),...n})}exports.Button=t;

package/dist/index.d.ts

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

package/dist/index.js

@@ -0,0 +1,10 @@
+import { jsx as e } from "react/jsx-runtime";
+//#region src/Button/Button.tsx
+function t({ className: t, ...n }) {
+	return /* @__PURE__ */ e("button", {
+		className: ["tintora-button", t].filter(Boolean).join(" "),
+		...n
+	});
+}
+//#endregion
+export { t as Button };

package/dist/tintora.css

@@ -0,0 +1,2 @@
+.tintora-button{color:#fff;cursor:pointer;background:#111;border:0;border-radius:.375rem;padding:.5rem 1rem}
+/*$vite$:1*/

package/package.json

@@ -1,6 +1,79 @@
 {
-  "name": "tintora",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+    "name": "tintora",
+    "version": "0.0.2",
+    "license": "MIT",
+    "type": "module",
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/felipevlourenco/tintora.git"
+    },
+    "description": "A lightweight React component library and design system for building polished UIs.",
+    "keywords": [
+        "react",
+        "ui",
+        "components",
+        "design-system",
+        "tintora"
+    ],
+    "sideEffects": [
+        "**/*.css"
+    ],
+    "files": [
+        "dist"
+    ],
+    "main": "./dist/index.cjs",
+    "module": "./dist/index.js",
+    "types": "./dist/index.d.ts",
+    "exports": {
+        ".": {
+            "types": "./dist/index.d.ts",
+            "import": "./dist/index.js",
+            "require": "./dist/index.cjs"
+        },
+        "./style.css": "./dist/tintora.css"
+    },
+    "scripts": {
+        "build": "vite build && tsc --noEmit false --emitDeclarationOnly --declaration --rootDir src --outDir dist",
+        "dev": "vite build --watch",
+        "storybook": "storybook dev -p 6006",
+        "build-storybook": "storybook build",
+        "typecheck": "tsc --noEmit",
+        "lint": "eslint .",
+        "format": "prettier --write .",
+        "format:check": "prettier --check .",
+        "prepublishOnly": "pnpm lint && pnpm typecheck && pnpm build",
+        "prepare": "husky"
+    },
+    "peerDependencies": {
+        "react": ">=18",
+        "react-dom": ">=18"
+    },
+    "devDependencies": {
+        "@commitlint/cli": "^21.2.3",
+        "@commitlint/config-conventional": "^21.2.3",
+        "@eslint/js": "^9.39.5",
+        "@storybook/addon-docs": "^10.6.1",
+        "@storybook/react-vite": "^10.6.1",
+        "@types/react": "^19.3.0",
+        "@types/react-dom": "^19.3.0",
+        "@vitejs/plugin-react": "^6.1.2",
+        "eslint": "^9.39.5",
+        "eslint-config-prettier": "^10.1.8",
+        "eslint-plugin-jsx-a11y": "^6.10.2",
+        "eslint-plugin-react": "^7.37.5",
+        "eslint-plugin-react-hooks": "^7.1.1",
+        "eslint-plugin-storybook": "^10.6.1",
+        "globals": "^17.13.0",
+        "husky": "^9.1.7",
+        "lint-staged": "^17.6.0",
+        "prettier": "^3.9.10",
+        "react": "^19.3.0",
+        "react-dom": "^19.3.0",
+        "semantic-release": "^25.0.9",
+        "storybook": "^10.6.1",
+        "typescript": "^6.0.3",
+        "typescript-eslint": "^8.71.1",
+        "vite": "^8.3.4"
+    },
+    "packageManager": "pnpm@12.11.2"
+}