@justin_evo/evo-ui 1.1.0 → 1.2.1

package/package.json

@@ -1,52 +1,52 @@
-{
-  "name": "@justin_evo/evo-ui",
-  "version": "1.1.0",
-  "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"
-  ]
-}
+{
+  "name": "@justin_evo/evo-ui",
+  "version": "1.2.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

@@ -1,49 +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>
-  );
-};
+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>
+  );
+};