@artivism/ui 0.1.0

package/dist/button.d.mts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import { ButtonHTMLAttributes } from 'react';
+
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: "primary" | "secondary" | "ghost";
+    size?: "sm" | "md" | "lg";
+}
+declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+export { Button, type ButtonProps };

package/dist/button.mjs

@@ -0,0 +1,31 @@
+// src/button.tsx
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var Button = forwardRef(
+  ({ variant = "primary", size = "md", className = "", children, ...props }, ref) => {
+    const baseClasses = "inline-flex items-center justify-center font-medium transition-colors disabled:opacity-50 disabled:cursor-not-allowed";
+    const variantClasses = {
+      primary: "bg-accent text-white hover:bg-accent-hover",
+      secondary: "bg-surface-muted text-text hover:bg-border",
+      ghost: "text-text hover:bg-surface-muted"
+    };
+    const sizeClasses = {
+      sm: "px-3 py-1.5 text-sm rounded-sm",
+      md: "px-4 py-2 text-base rounded-md",
+      lg: "px-6 py-3 text-lg rounded-lg"
+    };
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref,
+        className: `${baseClasses} ${variantClasses[variant]} ${sizeClasses[size]} ${className}`,
+        ...props,
+        children
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+export {
+  Button
+};

package/dist/card.d.mts

@@ -0,0 +1,9 @@
+import * as react from 'react';
+import { HTMLAttributes } from 'react';
+
+interface CardProps extends HTMLAttributes<HTMLDivElement> {
+    variant?: "default" | "bordered";
+}
+declare const Card: react.ForwardRefExoticComponent<CardProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Card, type CardProps };

package/dist/card.mjs

@@ -0,0 +1,25 @@
+// src/card.tsx
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var Card = forwardRef(
+  ({ variant = "default", className = "", children, ...props }, ref) => {
+    const baseClasses = "rounded-lg p-6";
+    const variantClasses = {
+      default: "bg-surface shadow-sm",
+      bordered: "bg-surface border border-border"
+    };
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: `${baseClasses} ${variantClasses[variant]} ${className}`,
+        ...props,
+        children
+      }
+    );
+  }
+);
+Card.displayName = "Card";
+export {
+  Card
+};

package/dist/index.d.mts

@@ -0,0 +1,3 @@
+export { Button, ButtonProps } from './button.mjs';
+export { Card, CardProps } from './card.mjs';
+import 'react';

package/dist/index.mjs

@@ -0,0 +1,55 @@
+// src/button.tsx
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var Button = forwardRef(
+  ({ variant = "primary", size = "md", className = "", children, ...props }, ref) => {
+    const baseClasses = "inline-flex items-center justify-center font-medium transition-colors disabled:opacity-50 disabled:cursor-not-allowed";
+    const variantClasses = {
+      primary: "bg-accent text-white hover:bg-accent-hover",
+      secondary: "bg-surface-muted text-text hover:bg-border",
+      ghost: "text-text hover:bg-surface-muted"
+    };
+    const sizeClasses = {
+      sm: "px-3 py-1.5 text-sm rounded-sm",
+      md: "px-4 py-2 text-base rounded-md",
+      lg: "px-6 py-3 text-lg rounded-lg"
+    };
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref,
+        className: `${baseClasses} ${variantClasses[variant]} ${sizeClasses[size]} ${className}`,
+        ...props,
+        children
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+// src/card.tsx
+import { forwardRef as forwardRef2 } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var Card = forwardRef2(
+  ({ variant = "default", className = "", children, ...props }, ref) => {
+    const baseClasses = "rounded-lg p-6";
+    const variantClasses = {
+      default: "bg-surface shadow-sm",
+      bordered: "bg-surface border border-border"
+    };
+    return /* @__PURE__ */ jsx2(
+      "div",
+      {
+        ref,
+        className: `${baseClasses} ${variantClasses[variant]} ${className}`,
+        ...props,
+        children
+      }
+    );
+  }
+);
+Card.displayName = "Card";
+export {
+  Button,
+  Card
+};

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@artivism/ui",
+  "version": "0.1.0",
+  "description": "React UI components for Artivism Design System",
+  "main": "./dist/index.mjs",
+  "types": "./dist/index.d.mts",
+  "exports": {
+    ".": "./dist/index.mjs",
+    "./button": "./dist/button.mjs",
+    "./card": "./dist/card.mjs"
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "react": "^18.0.0"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.48",
+    "react": "^18.2.0",
+    "tsup": "^8.0.1",
+    "typescript": "^5.3.3"
+  },
+  "keywords": [
+    "design-system",
+    "react",
+    "components",
+    "ui",
+    "artivism"
+  ],
+  "author": "artivism",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/artivism/design-system.git",
+    "directory": "packages/ui"
+  },
+  "homepage": "https://design.artivism.it"
+}