@alishenriques/design-system 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Alisson Henriques
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,33 @@
+# @alishenriques/design-system
+
+Biblioteca de componentes React isolada, usada no [portfólio](https://github.com/alishenriques/alis-portfolio) e reaproveitável em projetos futuros. Publicada no npm público.
+
+Arquitetura completa e convenções: [`docs/ai`](https://github.com/alishenriques/alis-portfolio/tree/main/docs/ai) no repositório principal.
+
+## Uso
+
+```bash
+yarn add @alishenriques/design-system
+```
+
+```tsx
+import { Button } from "@alishenriques/design-system";
+import "@alishenriques/design-system/styles.css";
+```
+
+Requer `react` e `react-dom` 19 como peer dependencies.
+
+## Desenvolvimento
+
+```bash
+yarn install
+yarn dev          # build em watch
+```
+
+`yarn lint` · `yarn typecheck` · `yarn test` · `yarn build`
+
+## Componentes
+
+- `Button` (`primary`, `ghost`)
+
+Estilos via CSS Modules e tokens `--ds-*` (`src/tokens.css`).

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

@@ -0,0 +1,7 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+export type ButtonVariant = "primary" | "ghost";
+export type ButtonProps = {
+    children: ReactNode;
+    variant?: ButtonVariant;
+} & ButtonHTMLAttributes<HTMLButtonElement>;
+export declare function Button({ children, variant, type, className, ...props }: ButtonProps): import("react").JSX.Element;

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

@@ -0,0 +1,2 @@
+export { Button } from './Button';
+export type { ButtonProps, ButtonVariant } from './Button';

package/dist/design-system.css

@@ -0,0 +1 @@
+:root{--ds-color-bg: #0b0b0f;--ds-color-fg: #f4f1ea;--ds-color-muted: #9a958c;--ds-color-accent: #c8ff00;--ds-color-accent-ink: #111111;--ds-radius-sm: 8px;--ds-radius-md: 16px;--ds-space-2: .5rem;--ds-space-3: .75rem;--ds-space-4: 1rem;--ds-font-sans: "Geist", "Segoe UI", sans-serif;--ds-motion-fast: .18s cubic-bezier(.22, 1, .36, 1)}._button_1jhtl_1{display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-2);border:0;border-radius:var(--ds-radius-sm);padding:var(--ds-space-3) var(--ds-space-4);font-family:var(--ds-font-sans);font-weight:600;letter-spacing:.01em;cursor:pointer;transition:transform var(--ds-motion-fast),background-color var(--ds-motion-fast),box-shadow var(--ds-motion-fast)}._button_1jhtl_1:hover{transform:translateY(-1px)}._button_1jhtl_1:active{transform:translateY(0)}._button_1jhtl_1:disabled{cursor:not-allowed;opacity:.5;transform:none}._primary_1jhtl_33{background:var(--ds-color-accent);color:var(--ds-color-accent-ink);box-shadow:0 0 0 0 transparent}._primary_1jhtl_33:hover:not(:disabled){box-shadow:0 8px 24px color-mix(in srgb,var(--ds-color-accent) 35%,transparent)}._ghost_1jhtl_43{background:transparent;color:var(--ds-color-fg);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ds-color-fg) 22%,transparent)}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { Button } from './components/Button';
+export type { ButtonProps, ButtonVariant } from './components/Button';

package/dist/index.js

@@ -0,0 +1,19 @@
+import { jsx as _ } from "react/jsx-runtime";
+const c = "_button_1jhtl_1", i = "_primary_1jhtl_33", l = "_ghost_1jhtl_43", o = {
+  button: c,
+  primary: i,
+  ghost: l
+};
+function m({
+  children: n,
+  variant: t = "primary",
+  type: s = "button",
+  className: r,
+  ...a
+}) {
+  const u = [o.button, o[t], r].filter(Boolean).join(" ");
+  return /* @__PURE__ */ _("button", { type: s, className: u, "data-variant": t, ...a, children: n });
+}
+export {
+  m as Button
+};

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "@alishenriques/design-system",
+  "version": "0.1.0",
+  "description": "Isolated design system for Alis portfolio and future products",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./styles.css": "./dist/design-system.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "vite build",
+    "lint": "eslint src",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.36.0",
+    "@testing-library/dom": "^10.4.2",
+    "@testing-library/jest-dom": "^6.8.0",
+    "@testing-library/react": "^16.3.0",
+    "@types/node": "^22",
+    "@types/react": "^19.1.13",
+    "@types/react-dom": "^19.1.9",
+    "@vitejs/plugin-react": "^5.0.3",
+    "eslint": "^9.36.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "jsdom": "^27.0.0",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
+    "typescript": "^5.9.2",
+    "typescript-eslint": "^8.44.1",
+    "vite": "^7.1.7",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^3.2.4"
+  },
+  "packageManager": "yarn@4.9.2",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/alishenriques/alis-design-system.git"
+  },
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  }
+}