@justin_evo/evo-ui 1.0.1

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@justin_evo/evo-ui",
+  "version": "1.0.1",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.es.js",
+  "types": "dist/index.d.ts",
+  "style": "dist/evo-ui.css",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.cjs.js"
+    },
+    "./dist/evo-ui.css": "./dist/evo-ui.css"
+  },
+  "scripts": {
+    "dev": "tsup src/index.ts --format cjs,esm --watch --dts",
+    "build": "vite build",
+    "showcase": "vite"
+  },
+  "keywords": [
+    "react",
+    "ui",
+    "button",
+    "component",
+    "evo-ui"
+  ],
+  "author": "Justin Khor",
+  "license": "MIT",
+  "description": "A high-performance, enterprise-grade React UI component library.",
+  "peerDependencies": {
+    "react": ">=17.0.0",
+    "react-dom": ">=17.0.0"
+  },
+  "devDependencies": {
+    "@types/node": "^25.6.0",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^4.3.4",
+    "sass": "^1.99.0",
+    "sass-embedded": "^1.99.0",
+    "tsup": "^8.5.1",
+    "typescript": "^6.0.3",
+    "vite": "^6.3.2",
+    "vite-plugin-dts": "^4.5.4"
+  },
+  "files": [
+    "dist",
+    "src",
+    "src/css"
+  ]
+}

package/src/Alert/Alert.tsx

@@ -0,0 +1,49 @@
+import React, { useState } from 'react';
+import styles from '../css/alert.module.scss';
+
+type AlertType = 'success' | 'error' | 'warning' | 'info';
+
+interface EvoAlertProps {
+  type?: AlertType;
+  title?: string;
+  children: React.ReactNode;
+  dismissible?: boolean;
+  className?: string;
+}
+
+const icons: Record<AlertType, string> = {
+  success: '✓', error: '✕', warning: '⚠', info: 'i',
+};
+
+export const EvoAlert = ({
+  type = 'info',
+  title,
+  children,
+  dismissible = false,
+  className = '',
+}: EvoAlertProps) => {
+  const [dismissed, setDismissed] = useState(false);
+  if (dismissed) return null;
+
+  return (
+    <div
+      className={[styles.alert, styles[type], className].filter(Boolean).join(' ')}
+      role="alert"
+    >
+      <span className={styles.alertIcon}>{icons[type]}</span>
+      <div className={styles.alertContent}>
+        {title && <p className={styles.alertTitle}>{title}</p>}
+        <div className={styles.alertDescription}>{children}</div>
+      </div>
+      {dismissible && (
+        <button
+          className={styles.dismissBtn}
+          onClick={() => setDismissed(true)}
+          aria-label="Dismiss alert"
+        >
+          ✕
+        </button>
+      )}
+    </div>
+  );
+};