@nucleux/alert 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Nucleux
+
+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/dist/index.cjs

@@ -0,0 +1,73 @@
+"use client";
+'use strict';
+
+var React = require('react');
+var lucideReact = require('lucide-react');
+var utils = require('@nucleux/utils');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+// src/index.tsx
+var alertVariants = {
+  default: "border-border bg-card text-foreground [&_[data-alert-icon]]:text-muted-foreground",
+  info: "border-info/30 bg-info/5 text-foreground [&_[data-alert-icon]]:text-info",
+  success: "border-success/30 bg-success/5 text-foreground [&_[data-alert-icon]]:text-success",
+  warning: "border-warning/40 bg-warning/10 text-foreground [&_[data-alert-icon]]:text-warning",
+  destructive: "border-destructive/30 bg-destructive/5 text-foreground [&_[data-alert-icon]]:text-destructive"
+};
+var defaultIcon = {
+  default: lucideReact.Info,
+  info: lucideReact.Info,
+  success: lucideReact.CheckCircle2,
+  warning: lucideReact.TriangleAlert,
+  destructive: lucideReact.CircleAlert
+};
+var Alert = React__namespace.forwardRef(
+  ({ variant = "default", title, icon, hideIcon = false, className, children, ...props }, ref) => {
+    const Icon = defaultIcon[variant];
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        role: "alert",
+        className: utils.cn(
+          "flex items-start gap-3 rounded-lg border p-4 text-sm",
+          alertVariants[variant],
+          className
+        ),
+        ...props,
+        children: [
+          !hideIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-alert-icon": true, className: "mt-0.5 shrink-0 [&_svg]:size-4", children: icon ?? /* @__PURE__ */ jsxRuntime.jsx(Icon, {}) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1 space-y-1", children: [
+            title && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium leading-none", children: title }),
+            children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "leading-relaxed text-muted-foreground", children })
+          ] })
+        ]
+      }
+    );
+  }
+);
+Alert.displayName = "Alert";
+
+exports.Alert = Alert;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.tsx"],"names":["Info","CheckCircle2","TriangleAlert","CircleAlert","React","jsxs","cn","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAM,aAAA,GAA8C;AAAA,EAClD,OAAA,EAAS,mFAAA;AAAA,EACT,IAAA,EAAM,0EAAA;AAAA,EACN,OAAA,EAAS,mFAAA;AAAA,EACT,OAAA,EAAS,oFAAA;AAAA,EACT,WAAA,EACE;AACJ,CAAA;AAEA,IAAM,WAAA,GAAiF;AAAA,EACrF,OAAA,EAASA,gBAAA;AAAA,EACT,IAAA,EAAMA,gBAAA;AAAA,EACN,OAAA,EAASC,wBAAA;AAAA,EACT,OAAA,EAASC,yBAAA;AAAA,EACT,WAAA,EAAaC;AACf,CAAA;AAaO,IAAM,KAAA,GAAcC,gBAAA,CAAA,UAAA;AAAA,EACzB,CAAC,EAAE,OAAA,GAAU,SAAA,EAAW,KAAA,EAAO,IAAA,EAAM,QAAA,GAAW,KAAA,EAAO,SAAA,EAAW,QAAA,EAAU,GAAG,KAAA,IAAS,GAAA,KAAQ;AAC9F,IAAA,MAAM,IAAA,GAAO,YAAY,OAAO,CAAA;AAChC,IAAA,uBACEC,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA,EAAK,OAAA;AAAA,QACL,SAAA,EAAWC,QAAA;AAAA,UACT,sDAAA;AAAA,UACA,cAAc,OAAO,CAAA;AAAA,UACrB;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,CAAC,QAAA,oBACAC,cAAA,CAAC,MAAA,EAAA,EAAK,iBAAA,EAAe,IAAA,EAAC,WAAU,gCAAA,EAC7B,QAAA,EAAA,IAAA,oBAAQA,cAAA,CAAC,IAAA,EAAA,EAAK,CAAA,EACjB,CAAA;AAAA,0BAEFF,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0BAAA,EACZ,QAAA,EAAA;AAAA,YAAA,KAAA,oBAASE,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,0BAAA,EAA4B,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,YACxD,QAAA,oBAAYA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yCAAyC,QAAA,EAAS;AAAA,WAAA,EAChF;AAAA;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AACA,KAAA,CAAM,WAAA,GAAc,OAAA","file":"index.cjs","sourcesContent":["import * as React from \"react\";\nimport { CheckCircle2, CircleAlert, Info, TriangleAlert } from \"lucide-react\";\nimport { cn } from \"@nucleux/utils\";\n\nexport type AlertVariant = \"default\" | \"info\" | \"success\" | \"warning\" | \"destructive\";\n\nconst alertVariants: Record<AlertVariant, string> = {\n  default: \"border-border bg-card text-foreground [&_[data-alert-icon]]:text-muted-foreground\",\n  info: \"border-info/30 bg-info/5 text-foreground [&_[data-alert-icon]]:text-info\",\n  success: \"border-success/30 bg-success/5 text-foreground [&_[data-alert-icon]]:text-success\",\n  warning: \"border-warning/40 bg-warning/10 text-foreground [&_[data-alert-icon]]:text-warning\",\n  destructive:\n    \"border-destructive/30 bg-destructive/5 text-foreground [&_[data-alert-icon]]:text-destructive\",\n};\n\nconst defaultIcon: Record<AlertVariant, React.ComponentType<{ className?: string }>> = {\n  default: Info,\n  info: Info,\n  success: CheckCircle2,\n  warning: TriangleAlert,\n  destructive: CircleAlert,\n};\n\nexport interface AlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\"> {\n  variant?: AlertVariant;\n  /** Optional bold title above the body. */\n  title?: React.ReactNode;\n  /** Custom icon; defaults to a variant-appropriate one. */\n  icon?: React.ReactNode;\n  /** Hide the leading icon entirely. */\n  hideIcon?: boolean;\n}\n\n/** Contextual message banner — info, success, warning, or error. */\nexport const Alert = React.forwardRef<HTMLDivElement, AlertProps>(\n  ({ variant = \"default\", title, icon, hideIcon = false, className, children, ...props }, ref) => {\n    const Icon = defaultIcon[variant];\n    return (\n      <div\n        ref={ref}\n        role=\"alert\"\n        className={cn(\n          \"flex items-start gap-3 rounded-lg border p-4 text-sm\",\n          alertVariants[variant],\n          className,\n        )}\n        {...props}\n      >\n        {!hideIcon && (\n          <span data-alert-icon className=\"mt-0.5 shrink-0 [&_svg]:size-4\">\n            {icon ?? <Icon />}\n          </span>\n        )}\n        <div className=\"min-w-0 flex-1 space-y-1\">\n          {title && <p className=\"font-medium leading-none\">{title}</p>}\n          {children && <div className=\"leading-relaxed text-muted-foreground\">{children}</div>}\n        </div>\n      </div>\n    );\n  },\n);\nAlert.displayName = \"Alert\";\n"]}

package/dist/index.d.cts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+type AlertVariant = "default" | "info" | "success" | "warning" | "destructive";
+interface AlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+    variant?: AlertVariant;
+    /** Optional bold title above the body. */
+    title?: React.ReactNode;
+    /** Custom icon; defaults to a variant-appropriate one. */
+    icon?: React.ReactNode;
+    /** Hide the leading icon entirely. */
+    hideIcon?: boolean;
+}
+/** Contextual message banner — info, success, warning, or error. */
+declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Alert, type AlertProps, type AlertVariant };

package/dist/index.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+type AlertVariant = "default" | "info" | "success" | "warning" | "destructive";
+interface AlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+    variant?: AlertVariant;
+    /** Optional bold title above the body. */
+    title?: React.ReactNode;
+    /** Custom icon; defaults to a variant-appropriate one. */
+    icon?: React.ReactNode;
+    /** Hide the leading icon entirely. */
+    hideIcon?: boolean;
+}
+/** Contextual message banner — info, success, warning, or error. */
+declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Alert, type AlertProps, type AlertVariant };

package/dist/index.js

@@ -0,0 +1,51 @@
+"use client";
+import * as React from 'react';
+import { CircleAlert, TriangleAlert, CheckCircle2, Info } from 'lucide-react';
+import { cn } from '@nucleux/utils';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/index.tsx
+var alertVariants = {
+  default: "border-border bg-card text-foreground [&_[data-alert-icon]]:text-muted-foreground",
+  info: "border-info/30 bg-info/5 text-foreground [&_[data-alert-icon]]:text-info",
+  success: "border-success/30 bg-success/5 text-foreground [&_[data-alert-icon]]:text-success",
+  warning: "border-warning/40 bg-warning/10 text-foreground [&_[data-alert-icon]]:text-warning",
+  destructive: "border-destructive/30 bg-destructive/5 text-foreground [&_[data-alert-icon]]:text-destructive"
+};
+var defaultIcon = {
+  default: Info,
+  info: Info,
+  success: CheckCircle2,
+  warning: TriangleAlert,
+  destructive: CircleAlert
+};
+var Alert = React.forwardRef(
+  ({ variant = "default", title, icon, hideIcon = false, className, children, ...props }, ref) => {
+    const Icon = defaultIcon[variant];
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        role: "alert",
+        className: cn(
+          "flex items-start gap-3 rounded-lg border p-4 text-sm",
+          alertVariants[variant],
+          className
+        ),
+        ...props,
+        children: [
+          !hideIcon && /* @__PURE__ */ jsx("span", { "data-alert-icon": true, className: "mt-0.5 shrink-0 [&_svg]:size-4", children: icon ?? /* @__PURE__ */ jsx(Icon, {}) }),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-1", children: [
+            title && /* @__PURE__ */ jsx("p", { className: "font-medium leading-none", children: title }),
+            children && /* @__PURE__ */ jsx("div", { className: "leading-relaxed text-muted-foreground", children })
+          ] })
+        ]
+      }
+    );
+  }
+);
+Alert.displayName = "Alert";
+
+export { Alert };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;AAMA,IAAM,aAAA,GAA8C;AAAA,EAClD,OAAA,EAAS,mFAAA;AAAA,EACT,IAAA,EAAM,0EAAA;AAAA,EACN,OAAA,EAAS,mFAAA;AAAA,EACT,OAAA,EAAS,oFAAA;AAAA,EACT,WAAA,EACE;AACJ,CAAA;AAEA,IAAM,WAAA,GAAiF;AAAA,EACrF,OAAA,EAAS,IAAA;AAAA,EACT,IAAA,EAAM,IAAA;AAAA,EACN,OAAA,EAAS,YAAA;AAAA,EACT,OAAA,EAAS,aAAA;AAAA,EACT,WAAA,EAAa;AACf,CAAA;AAaO,IAAM,KAAA,GAAc,KAAA,CAAA,UAAA;AAAA,EACzB,CAAC,EAAE,OAAA,GAAU,SAAA,EAAW,KAAA,EAAO,IAAA,EAAM,QAAA,GAAW,KAAA,EAAO,SAAA,EAAW,QAAA,EAAU,GAAG,KAAA,IAAS,GAAA,KAAQ;AAC9F,IAAA,MAAM,IAAA,GAAO,YAAY,OAAO,CAAA;AAChC,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA,EAAK,OAAA;AAAA,QACL,SAAA,EAAW,EAAA;AAAA,UACT,sDAAA;AAAA,UACA,cAAc,OAAO,CAAA;AAAA,UACrB;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,CAAC,QAAA,oBACA,GAAA,CAAC,MAAA,EAAA,EAAK,iBAAA,EAAe,IAAA,EAAC,WAAU,gCAAA,EAC7B,QAAA,EAAA,IAAA,oBAAQ,GAAA,CAAC,IAAA,EAAA,EAAK,CAAA,EACjB,CAAA;AAAA,0BAEF,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0BAAA,EACZ,QAAA,EAAA;AAAA,YAAA,KAAA,oBAAS,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,0BAAA,EAA4B,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,YACxD,QAAA,oBAAY,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yCAAyC,QAAA,EAAS;AAAA,WAAA,EAChF;AAAA;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AACA,KAAA,CAAM,WAAA,GAAc,OAAA","file":"index.js","sourcesContent":["import * as React from \"react\";\nimport { CheckCircle2, CircleAlert, Info, TriangleAlert } from \"lucide-react\";\nimport { cn } from \"@nucleux/utils\";\n\nexport type AlertVariant = \"default\" | \"info\" | \"success\" | \"warning\" | \"destructive\";\n\nconst alertVariants: Record<AlertVariant, string> = {\n  default: \"border-border bg-card text-foreground [&_[data-alert-icon]]:text-muted-foreground\",\n  info: \"border-info/30 bg-info/5 text-foreground [&_[data-alert-icon]]:text-info\",\n  success: \"border-success/30 bg-success/5 text-foreground [&_[data-alert-icon]]:text-success\",\n  warning: \"border-warning/40 bg-warning/10 text-foreground [&_[data-alert-icon]]:text-warning\",\n  destructive:\n    \"border-destructive/30 bg-destructive/5 text-foreground [&_[data-alert-icon]]:text-destructive\",\n};\n\nconst defaultIcon: Record<AlertVariant, React.ComponentType<{ className?: string }>> = {\n  default: Info,\n  info: Info,\n  success: CheckCircle2,\n  warning: TriangleAlert,\n  destructive: CircleAlert,\n};\n\nexport interface AlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\"> {\n  variant?: AlertVariant;\n  /** Optional bold title above the body. */\n  title?: React.ReactNode;\n  /** Custom icon; defaults to a variant-appropriate one. */\n  icon?: React.ReactNode;\n  /** Hide the leading icon entirely. */\n  hideIcon?: boolean;\n}\n\n/** Contextual message banner — info, success, warning, or error. */\nexport const Alert = React.forwardRef<HTMLDivElement, AlertProps>(\n  ({ variant = \"default\", title, icon, hideIcon = false, className, children, ...props }, ref) => {\n    const Icon = defaultIcon[variant];\n    return (\n      <div\n        ref={ref}\n        role=\"alert\"\n        className={cn(\n          \"flex items-start gap-3 rounded-lg border p-4 text-sm\",\n          alertVariants[variant],\n          className,\n        )}\n        {...props}\n      >\n        {!hideIcon && (\n          <span data-alert-icon className=\"mt-0.5 shrink-0 [&_svg]:size-4\">\n            {icon ?? <Icon />}\n          </span>\n        )}\n        <div className=\"min-w-0 flex-1 space-y-1\">\n          {title && <p className=\"font-medium leading-none\">{title}</p>}\n          {children && <div className=\"leading-relaxed text-muted-foreground\">{children}</div>}\n        </div>\n      </div>\n    );\n  },\n);\nAlert.displayName = \"Alert\";\n"]}

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@nucleux/alert",
+  "version": "0.1.0",
+  "type": "module",
+  "sideEffects": false,
+  "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"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "dependencies": {
+    "lucide-react": "^0.469.0",
+    "@nucleux/utils": "0.1.0"
+  },
+  "devDependencies": {
+    "tsup": "^8.3.5",
+    "typescript": "^5.7.2",
+    "@types/react": "^18.3.18",
+    "react": "^18.3.1"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/intelligaia-open-labs/nucleux.git",
+    "directory": "packages/alert"
+  },
+  "homepage": "https://github.com/intelligaia-open-labs/nucleux#readme",
+  "scripts": {
+    "build": "tsup"
+  }
+}