@n3rd-ai/ui 0.2.3 → 0.2.5

package/dist/index.d.ts

@@ -151,10 +151,11 @@ interface LogoProps {
     text: string;
     gradient?: boolean | string;
     accent?: Accent;
+    decorated?: boolean;
     className?: string;
     style?: CSSProperties;
 }
-declare function Logo({ text, gradient, accent, className, style }: LogoProps): react_jsx_runtime.JSX.Element;
+declare function Logo({ text, gradient, accent, decorated, className, style, }: LogoProps): react_jsx_runtime.JSX.Element;
 
 interface StatusLineProps {
     left?: ReactNode;

package/dist/index.js

@@ -544,7 +544,18 @@ function renderAsciiLines(input) {
   }
   return lines;
 }
-function Logo({ text, gradient = false, accent, className, style }) {
+var STAR_ROWS = [
+  "  \xB7    \u2726        \xB7            \xB7        \u2726    \xB7  ",
+  "       \xB7    \xB7        \u2726            \xB7           "
+];
+function Logo({
+  text,
+  gradient = false,
+  accent,
+  decorated = false,
+  className,
+  style
+}) {
   const lines = renderAsciiLines(text);
   const gradientValue = typeof gradient === "string" ? gradient : "var(--n3rd-gradient)";
   const containerStyle = {
@@ -554,6 +565,8 @@ function Logo({ text, gradient = false, accent, className, style }) {
     whiteSpace: "pre",
     lineHeight: 1,
     letterSpacing: "-0.05em",
+    textAlign: "center",
+    padding: "var(--n3rd-space-6) 0",
     color: accent ? `var(--n3rd-accent-${accent})` : "var(--n3rd-text-primary)",
     ...style
   };
@@ -563,7 +576,18 @@ function Logo({ text, gradient = false, accent, className, style }) {
     WebkitBackgroundClip: "text",
     WebkitTextFillColor: "transparent"
   } : {};
-  return /* @__PURE__ */ jsx("div", { className, style: containerStyle, "aria-label": text, role: "img", children: lines.map((line, i) => /* @__PURE__ */ jsx("div", { style: gradientStyle, children: line }, i)) });
+  const starStyle = {
+    color: "var(--n3rd-accent-lavender, #c084fc)",
+    opacity: 0.35,
+    letterSpacing: "normal",
+    fontSize: "var(--n3rd-text-sm)",
+    lineHeight: 1.8
+  };
+  return /* @__PURE__ */ jsxs("div", { className, style: containerStyle, "aria-label": text, role: "img", children: [
+    decorated && STAR_ROWS.map((row, i) => /* @__PURE__ */ jsx("div", { style: starStyle, "aria-hidden": "true", children: row }, `star-top-${i}`)),
+    lines.map((line, i) => /* @__PURE__ */ jsx("div", { style: gradientStyle, children: line }, i)),
+    decorated && STAR_ROWS.slice().reverse().map((row, i) => /* @__PURE__ */ jsx("div", { style: starStyle, "aria-hidden": "true", children: row }, `star-bottom-${i}`))
+  ] });
 }
 function StatusLine({ left, center, right, className, style }) {
   const lineStyle = {
@@ -604,17 +628,17 @@ function Footer({
       /* @__PURE__ */ jsx("div", { className: "n3rd-footer-star-row", children: "    \xB7    \xB7         \u2726       \xB7        \u2726" })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "n3rd-footer-sunset", "aria-hidden": "true", children: [
-      /* @__PURE__ */ jsx("div", { className: "n3rd-footer-sun-line", style: { width: "30%", background: "#7c3aed" } }),
-      /* @__PURE__ */ jsx("div", { className: "n3rd-footer-sun-line", style: { width: "45%", background: "#a855f7" } }),
+      /* @__PURE__ */ jsx("div", { className: "n3rd-footer-sun-line", style: { width: "20%", background: "#7c3aed" } }),
+      /* @__PURE__ */ jsx("div", { className: "n3rd-footer-sun-line", style: { width: "30%", background: "#a855f7" } }),
       /* @__PURE__ */ jsx("div", { className: "n3rd-footer-sun-gap" }),
-      /* @__PURE__ */ jsx("div", { className: "n3rd-footer-sun-line", style: { width: "55%", background: "#c084fc" } }),
-      /* @__PURE__ */ jsx("div", { className: "n3rd-footer-sun-line", style: { width: "62%", background: "#ec4899" } }),
+      /* @__PURE__ */ jsx("div", { className: "n3rd-footer-sun-line", style: { width: "37%", background: "#c084fc" } }),
+      /* @__PURE__ */ jsx("div", { className: "n3rd-footer-sun-line", style: { width: "42%", background: "#ec4899" } }),
       /* @__PURE__ */ jsx("div", { className: "n3rd-footer-sun-gap" }),
-      /* @__PURE__ */ jsx("div", { className: "n3rd-footer-sun-line", style: { width: "70%", background: "#f472b6" } }),
-      /* @__PURE__ */ jsx("div", { className: "n3rd-footer-sun-line", style: { width: "78%", background: "#fb7185" } }),
+      /* @__PURE__ */ jsx("div", { className: "n3rd-footer-sun-line", style: { width: "47%", background: "#f472b6" } }),
+      /* @__PURE__ */ jsx("div", { className: "n3rd-footer-sun-line", style: { width: "52%", background: "#fb7185" } }),
       /* @__PURE__ */ jsx("div", { className: "n3rd-footer-sun-gap", style: { height: "3px" } }),
-      /* @__PURE__ */ jsx("div", { className: "n3rd-footer-sun-line", style: { width: "85%", background: "#fda4af" } }),
-      /* @__PURE__ */ jsx("div", { className: "n3rd-footer-sun-line", style: { width: "92%", background: "#fecdd3" } })
+      /* @__PURE__ */ jsx("div", { className: "n3rd-footer-sun-line", style: { width: "57%", background: "#fda4af" } }),
+      /* @__PURE__ */ jsx("div", { className: "n3rd-footer-sun-line", style: { width: "62%", background: "#fecdd3" } })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "n3rd-footer-horizon", "aria-hidden": "true", children: [
       /* @__PURE__ */ jsx("div", { className: "n3rd-footer-horizon-bright" }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@n3rd-ai/ui",
-  "version": "0.2.3",
+  "version": "0.2.5",
   "description": "Terminal-first UI framework for Next.js. ASCII everything. Zero images. Pure text.",
   "type": "module",
   "main": "./dist/index.js",