@snowztech/ui 0.1.0

package/dist/index.js

@@ -0,0 +1,279 @@
+export { ActivityIcon, ArrowRightIcon, ArrowUpRightIcon, BellIcon, BoltIcon, CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ClockIcon, CloudIcon, CodeIcon, CubeIcon, DatabaseIcon, DiscordIcon, EditIcon, ExternalLinkIcon, EyeIcon, FileIcon, FilterIcon, FolderIcon, GitIcon, GithubIcon, GridIcon, HeartIcon, Icon, InboxIcon, InfoIcon, LayersIcon, LockIcon, MailIcon, MenuIcon, MinusIcon, MoonIcon, PlusIcon, PulseIcon, SearchIcon, SettingsIcon, StarIcon, SunIcon, TerminalIcon, TrashIcon, UserIcon, WarningIcon, XIcon, ZapIcon } from './chunk-XYNFF4B5.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+
+var SnowMark = ({ size = 48, color = "currentColor", style }) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 32 32",
+    fill: color,
+    style: { display: "inline-block", verticalAlign: "middle", ...style },
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ jsx("rect", { x: "9", y: "6", width: "14", height: "2.4" }),
+      /* @__PURE__ */ jsx("polygon", { points: "22.4,6 23,8.4 9.6,26 9,23.6" }),
+      /* @__PURE__ */ jsx("rect", { x: "9", y: "23.6", width: "14", height: "2.4" }),
+      /* @__PURE__ */ jsxs("g", { fill: color, children: [
+        /* @__PURE__ */ jsx("polygon", { points: "16,1 18,4 16,7 14,4" }),
+        /* @__PURE__ */ jsx("polygon", { points: "16,25 18,28 16,31 14,28" }),
+        /* @__PURE__ */ jsx("polygon", { points: "27,8 28.7,11 25.5,11.5 26,8.7" }),
+        /* @__PURE__ */ jsx("polygon", { points: "5,8 6,8.7 6.5,11.5 3.3,11" }),
+        /* @__PURE__ */ jsx("polygon", { points: "27,24 26,23.3 25.5,20.5 28.7,21" }),
+        /* @__PURE__ */ jsx("polygon", { points: "5,24 3.3,21 6.5,20.5 6,23.3" })
+      ] })
+    ]
+  }
+);
+var SnowWordmark = ({
+  size = 18,
+  color = "currentColor",
+  showDot = true,
+  accent = "var(--sn-accent)"
+}) => /* @__PURE__ */ jsxs(
+  "span",
+  {
+    style: {
+      fontFamily: "var(--sn-font-mono)",
+      fontSize: size,
+      fontWeight: 700,
+      letterSpacing: "-0.01em",
+      color,
+      lineHeight: 1
+    },
+    children: [
+      "snowztech",
+      showDot && /* @__PURE__ */ jsx("span", { style: { color: accent }, children: "." })
+    ]
+  }
+);
+var SnowMonogram = ({
+  size = 64,
+  bg = "#0a0a0a",
+  fg = "#ffffff",
+  radius = 8
+}) => /* @__PURE__ */ jsx(Monogram, { size, bg, fg, radius, mark: SnowMark });
+var Monogram = ({
+  size = 64,
+  bg = "#0a0a0a",
+  fg = "#ffffff",
+  radius = 8,
+  mark: Mark,
+  glyphScale = 0.6
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    style: {
+      width: size,
+      height: size,
+      background: bg,
+      borderRadius: radius,
+      display: "inline-flex",
+      alignItems: "center",
+      justifyContent: "center",
+      flexShrink: 0
+    },
+    children: /* @__PURE__ */ jsx(Mark, { size: Math.round(size * glyphScale), color: fg })
+  }
+);
+var wrap = (style) => ({
+  display: "inline-block",
+  verticalAlign: "middle",
+  ...style
+});
+var MarkSigil = ({ size = 64, color = "currentColor", style }) => /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 32 32", fill: color, style: wrap(style), "aria-hidden": "true", children: [
+  /* @__PURE__ */ jsx("rect", { x: "14.5", y: "3", width: "3", height: "11" }),
+  /* @__PURE__ */ jsx("rect", { x: "14.5", y: "18", width: "3", height: "11" }),
+  /* @__PURE__ */ jsxs("g", { transform: "rotate(60 16 16)", children: [
+    /* @__PURE__ */ jsx("rect", { x: "14.5", y: "3", width: "3", height: "10.5" }),
+    /* @__PURE__ */ jsx("rect", { x: "14.5", y: "18.5", width: "3", height: "10.5" })
+  ] }),
+  /* @__PURE__ */ jsxs("g", { transform: "rotate(-60 16 16)", children: [
+    /* @__PURE__ */ jsx("rect", { x: "14.5", y: "3", width: "3", height: "10.5" }),
+    /* @__PURE__ */ jsx("rect", { x: "14.5", y: "18.5", width: "3", height: "10.5" })
+  ] })
+] });
+var MarkCrystal = ({ size = 64, color = "currentColor", style }) => /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 32 32", fill: "none", stroke: color, strokeWidth: "2.4", strokeLinejoin: "miter", strokeLinecap: "square", style: wrap(style), "aria-hidden": "true", children: [
+  /* @__PURE__ */ jsx("polygon", { points: "16,3 27,9.5 27,22.5 16,29 5,22.5 5,9.5" }),
+  /* @__PURE__ */ jsx("polygon", { points: "16,9 22,16 16,23 10,16" }),
+  /* @__PURE__ */ jsx("line", { x1: "16", y1: "3", x2: "16", y2: "9" }),
+  /* @__PURE__ */ jsx("line", { x1: "16", y1: "23", x2: "16", y2: "29" })
+] });
+var MarkZFlake = ({ size = 64, color = "currentColor", style }) => /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 32 32", fill: color, style: wrap(style), "aria-hidden": "true", children: [
+  /* @__PURE__ */ jsx("polygon", { points: "6,5 26,5 26,9 12,9 26,23 26,27 6,27 6,23 20,23 6,9" }),
+  /* @__PURE__ */ jsx("rect", { x: "4", y: "14", width: "3", height: "4" }),
+  /* @__PURE__ */ jsx("rect", { x: "25", y: "14", width: "3", height: "4" })
+] });
+var MarkAsterisk = ({ size = 64, color = "currentColor", style }) => /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 32 32", fill: color, style: wrap(style), "aria-hidden": "true", children: [
+  /* @__PURE__ */ jsx("circle", { cx: "16", cy: "16", r: "2.2", fill: "none", stroke: color, strokeWidth: "2" }),
+  [0, 60, 120].map((deg, i) => /* @__PURE__ */ jsxs("g", { transform: `rotate(${deg} 16 16)`, children: [
+    /* @__PURE__ */ jsx("rect", { x: "14.6", y: "2", width: "2.8", height: "9", rx: "0.5" }),
+    /* @__PURE__ */ jsx("rect", { x: "14.6", y: "21", width: "2.8", height: "9", rx: "0.5" })
+  ] }, i))
+] });
+var MarkSlash = ({ size = 64, color = "currentColor", style }) => /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 32 32", fill: "none", stroke: color, strokeWidth: "3.2", strokeLinecap: "square", strokeLinejoin: "miter", style: wrap(style), "aria-hidden": "true", children: [
+  /* @__PURE__ */ jsx("line", { x1: "16", y1: "4", x2: "16", y2: "28" }),
+  /* @__PURE__ */ jsx("line", { x1: "6", y1: "10", x2: "26", y2: "22" }),
+  /* @__PURE__ */ jsx("line", { x1: "26", y1: "10", x2: "6", y2: "22" }),
+  /* @__PURE__ */ jsx("line", { x1: "3", y1: "22", x2: "20", y2: "5", stroke: color, strokeWidth: "4" })
+] });
+var MarkGlyph = ({ size = 64, color = "currentColor", style }) => /* @__PURE__ */ jsx("svg", { width: size, height: size, viewBox: "0 0 32 32", fill: color, style: wrap(style), "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M7 5 H25 V11 H13 V14 H25 V27 H7 V21 H19 V18 H7 Z" }) });
+var MarkHex = ({ size = 64, color = "currentColor", style }) => {
+  const id = React.useId();
+  return /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 32 32", style: wrap(style), "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("mask", { id, children: [
+      /* @__PURE__ */ jsx("rect", { width: "32", height: "32", fill: "white" }),
+      /* @__PURE__ */ jsxs("g", { fill: "black", children: [
+        /* @__PURE__ */ jsx("rect", { x: "14.5", y: "6", width: "3", height: "20" }),
+        /* @__PURE__ */ jsx("g", { transform: "rotate(60 16 16)", children: /* @__PURE__ */ jsx("rect", { x: "14.5", y: "6", width: "3", height: "20" }) }),
+        /* @__PURE__ */ jsx("g", { transform: "rotate(-60 16 16)", children: /* @__PURE__ */ jsx("rect", { x: "14.5", y: "6", width: "3", height: "20" }) })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx("polygon", { points: "16,3 27,9.5 27,22.5 16,29 5,22.5 5,9.5", fill: color, mask: `url(#${id})` })
+  ] });
+};
+var MarkDotgrid = ({ size = 64, color = "currentColor", style }) => {
+  const dots = [/* @__PURE__ */ jsx("circle", { cx: "16", cy: "16", r: "2", fill: color }, "c")];
+  for (let a = 0; a < 6; a++) {
+    const ang = a * 60 * Math.PI / 180;
+    for (let r = 1; r <= 3; r++) {
+      const x = 16 + Math.cos(ang) * r * 4;
+      const y = 16 + Math.sin(ang) * r * 4;
+      const rad = r === 3 ? 1.6 : r === 2 ? 1.8 : 2;
+      dots.push(/* @__PURE__ */ jsx("circle", { cx: x, cy: y, r: rad, fill: color }, `${a}-${r}`));
+    }
+  }
+  return /* @__PURE__ */ jsx("svg", { width: size, height: size, viewBox: "0 0 32 32", style: wrap(style), "aria-hidden": "true", children: dots });
+};
+var markVariants = [
+  { id: "crystal", name: "Crystal", sub: "hex frame + diamond cut, canonical", Mark: MarkCrystal, exportName: "MarkCrystal" },
+  { id: "sigil", name: "Sigil", sub: "chunky bars", Mark: MarkSigil, exportName: "MarkSigil" },
+  { id: "zflake", name: "Z-Flake", sub: "the Z of snowztech", Mark: MarkZFlake, exportName: "MarkZFlake" },
+  { id: "asterisk", name: "Asterisk", sub: "mono-native, typographic", Mark: MarkAsterisk, exportName: "MarkAsterisk" },
+  { id: "slash", name: "Slash-Star", sub: "stamped, signature slash", Mark: MarkSlash, exportName: "MarkSlash" },
+  { id: "hex", name: "Hex-Cut", sub: "negative-space hex tile", Mark: MarkHex, exportName: "MarkHex" },
+  { id: "dotgrid", name: "Dot-Grid", sub: "pointillist, friendly", Mark: MarkDotgrid, exportName: "MarkDotgrid" },
+  { id: "glyph", name: "Glyph S", sub: "monogram, folded ribbon", Mark: MarkGlyph, exportName: "MarkGlyph" }
+];
+var initialsFrom = (name) => {
+  if (!name) return "";
+  const parts = name.trim().split(/\s+/).slice(0, 2);
+  return parts.map((p) => p[0]?.toUpperCase() ?? "").join("");
+};
+var Avatar = ({
+  src,
+  alt,
+  name,
+  size = 32,
+  shape = "circle",
+  ring = false,
+  style,
+  className
+}) => {
+  const radius = shape === "circle" ? "50%" : "var(--sn-r-xs)";
+  const initials = initialsFrom(name);
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className,
+      style: {
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        width: size,
+        height: size,
+        borderRadius: radius,
+        background: "var(--sn-bg-elev-1)",
+        color: "var(--sn-fg-muted)",
+        fontFamily: "var(--sn-font-mono)",
+        fontSize: Math.max(10, Math.round(size * 0.38)),
+        fontWeight: 500,
+        overflow: "hidden",
+        flexShrink: 0,
+        boxShadow: ring ? "0 0 0 1px var(--sn-border-strong)" : void 0,
+        ...style
+      },
+      children: src ? (
+        // eslint-disable-next-line @next/next/no-img-element
+        /* @__PURE__ */ jsx(
+          "img",
+          {
+            src,
+            alt: alt ?? name ?? "",
+            width: size,
+            height: size,
+            style: { width: "100%", height: "100%", objectFit: "cover" }
+          }
+        )
+      ) : /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: initials || "\u2022" })
+    }
+  );
+};
+var AvatarStack = ({ children, overlap = 8 }) => /* @__PURE__ */ jsx("span", { style: { display: "inline-flex" }, children: React.Children.map(children, (child, i) => /* @__PURE__ */ jsx("span", { style: { marginLeft: i === 0 ? 0 : -overlap }, children: child })) });
+var Pulse = ({
+  size = 8,
+  color = "var(--sn-success)",
+  label,
+  style,
+  className
+}) => /* @__PURE__ */ jsxs(
+  "span",
+  {
+    className,
+    style: {
+      display: "inline-flex",
+      alignItems: "center",
+      gap: 8,
+      color: "var(--sn-fg-muted)",
+      fontSize: "var(--sn-text-sm)",
+      ...style
+    },
+    children: [
+      /* @__PURE__ */ jsxs(
+        "span",
+        {
+          "aria-hidden": "true",
+          style: {
+            position: "relative",
+            display: "inline-flex",
+            width: size,
+            height: size
+          },
+          children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                style: {
+                  position: "absolute",
+                  inset: 0,
+                  borderRadius: "50%",
+                  background: color,
+                  opacity: 0.6,
+                  animation: "sn-pulse 2s ease-in-out infinite"
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                style: {
+                  position: "relative",
+                  width: "100%",
+                  height: "100%",
+                  borderRadius: "50%",
+                  background: color
+                }
+              }
+            )
+          ]
+        }
+      ),
+      label && /* @__PURE__ */ jsx("span", { children: label })
+    ]
+  }
+);
+
+export { Avatar, AvatarStack, MarkAsterisk, MarkCrystal, MarkDotgrid, MarkGlyph, MarkHex, MarkSigil, MarkSlash, MarkZFlake, Monogram, Pulse, SnowMark, SnowMonogram, SnowWordmark, markVariants };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/mark.tsx","../src/mark-variants.tsx","../src/avatar.tsx","../src/pulse.tsx"],"names":["jsxs","jsx","React2"],"mappings":"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","file":"index.js","sourcesContent":["import * as React from \"react\";\n\nexport interface SnowMarkProps {\n  size?: number;\n  color?: string;\n  style?: React.CSSProperties;\n}\n\nexport const SnowMark = ({ size = 48, color = \"currentColor\", style }: SnowMarkProps) => (\n  <svg\n    width={size}\n    height={size}\n    viewBox=\"0 0 32 32\"\n    fill={color}\n    style={{ display: \"inline-block\", verticalAlign: \"middle\", ...style }}\n    aria-hidden=\"true\"\n  >\n    <rect x=\"9\" y=\"6\" width=\"14\" height=\"2.4\" />\n    <polygon points=\"22.4,6 23,8.4 9.6,26 9,23.6\" />\n    <rect x=\"9\" y=\"23.6\" width=\"14\" height=\"2.4\" />\n    <g fill={color}>\n      <polygon points=\"16,1 18,4 16,7 14,4\" />\n      <polygon points=\"16,25 18,28 16,31 14,28\" />\n      <polygon points=\"27,8 28.7,11 25.5,11.5 26,8.7\" />\n      <polygon points=\"5,8 6,8.7 6.5,11.5 3.3,11\" />\n      <polygon points=\"27,24 26,23.3 25.5,20.5 28.7,21\" />\n      <polygon points=\"5,24 3.3,21 6.5,20.5 6,23.3\" />\n    </g>\n  </svg>\n);\n\nexport interface SnowWordmarkProps {\n  size?: number;\n  color?: string;\n  showDot?: boolean;\n  accent?: string;\n}\n\nexport const SnowWordmark = ({\n  size = 18,\n  color = \"currentColor\",\n  showDot = true,\n  accent = \"var(--sn-accent)\",\n}: SnowWordmarkProps) => (\n  <span\n    style={{\n      fontFamily: \"var(--sn-font-mono)\",\n      fontSize: size,\n      fontWeight: 700,\n      letterSpacing: \"-0.01em\",\n      color,\n      lineHeight: 1,\n    }}\n  >\n    snowztech{showDot && <span style={{ color: accent }}>.</span>}\n  </span>\n);\n\nexport interface SnowMonogramProps {\n  size?: number;\n  bg?: string;\n  fg?: string;\n  radius?: number;\n}\n\nexport const SnowMonogram = ({\n  size = 64,\n  bg = \"#0a0a0a\",\n  fg = \"#ffffff\",\n  radius = 8,\n}: SnowMonogramProps) => (\n  <Monogram size={size} bg={bg} fg={fg} radius={radius} mark={SnowMark} />\n);\n\nexport interface MonogramProps {\n  size?: number;\n  bg?: string;\n  fg?: string;\n  radius?: number;\n  mark: React.ComponentType<{ size?: number; color?: string }>;\n  glyphScale?: number;\n}\n\nexport const Monogram = ({\n  size = 64,\n  bg = \"#0a0a0a\",\n  fg = \"#ffffff\",\n  radius = 8,\n  mark: Mark,\n  glyphScale = 0.6,\n}: MonogramProps) => (\n  <div\n    style={{\n      width: size,\n      height: size,\n      background: bg,\n      borderRadius: radius,\n      display: \"inline-flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      flexShrink: 0,\n    }}\n  >\n    <Mark size={Math.round(size * glyphScale)} color={fg} />\n  </div>\n);\n","import * as React from \"react\";\n\nexport interface MarkProps {\n  size?: number;\n  color?: string;\n  style?: React.CSSProperties;\n}\n\nconst wrap = (style?: React.CSSProperties): React.CSSProperties => ({\n  display: \"inline-block\",\n  verticalAlign: \"middle\",\n  ...style,\n});\n\nexport const MarkSigil = ({ size = 64, color = \"currentColor\", style }: MarkProps) => (\n  <svg width={size} height={size} viewBox=\"0 0 32 32\" fill={color} style={wrap(style)} aria-hidden=\"true\">\n    <rect x=\"14.5\" y=\"3\" width=\"3\" height=\"11\" />\n    <rect x=\"14.5\" y=\"18\" width=\"3\" height=\"11\" />\n    <g transform=\"rotate(60 16 16)\">\n      <rect x=\"14.5\" y=\"3\" width=\"3\" height=\"10.5\" />\n      <rect x=\"14.5\" y=\"18.5\" width=\"3\" height=\"10.5\" />\n    </g>\n    <g transform=\"rotate(-60 16 16)\">\n      <rect x=\"14.5\" y=\"3\" width=\"3\" height=\"10.5\" />\n      <rect x=\"14.5\" y=\"18.5\" width=\"3\" height=\"10.5\" />\n    </g>\n  </svg>\n);\n\nexport const MarkCrystal = ({ size = 64, color = \"currentColor\", style }: MarkProps) => (\n  <svg width={size} height={size} viewBox=\"0 0 32 32\" fill=\"none\" stroke={color} strokeWidth=\"2.4\" strokeLinejoin=\"miter\" strokeLinecap=\"square\" style={wrap(style)} aria-hidden=\"true\">\n    <polygon points=\"16,3 27,9.5 27,22.5 16,29 5,22.5 5,9.5\" />\n    <polygon points=\"16,9 22,16 16,23 10,16\" />\n    <line x1=\"16\" y1=\"3\" x2=\"16\" y2=\"9\" />\n    <line x1=\"16\" y1=\"23\" x2=\"16\" y2=\"29\" />\n  </svg>\n);\n\nexport const MarkZFlake = ({ size = 64, color = \"currentColor\", style }: MarkProps) => (\n  <svg width={size} height={size} viewBox=\"0 0 32 32\" fill={color} style={wrap(style)} aria-hidden=\"true\">\n    <polygon points=\"6,5 26,5 26,9 12,9 26,23 26,27 6,27 6,23 20,23 6,9\" />\n    <rect x=\"4\" y=\"14\" width=\"3\" height=\"4\" />\n    <rect x=\"25\" y=\"14\" width=\"3\" height=\"4\" />\n  </svg>\n);\n\nexport const MarkAsterisk = ({ size = 64, color = \"currentColor\", style }: MarkProps) => (\n  <svg width={size} height={size} viewBox=\"0 0 32 32\" fill={color} style={wrap(style)} aria-hidden=\"true\">\n    <circle cx=\"16\" cy=\"16\" r=\"2.2\" fill=\"none\" stroke={color} strokeWidth=\"2\" />\n    {[0, 60, 120].map((deg, i) => (\n      <g key={i} transform={`rotate(${deg} 16 16)`}>\n        <rect x=\"14.6\" y=\"2\" width=\"2.8\" height=\"9\" rx=\"0.5\" />\n        <rect x=\"14.6\" y=\"21\" width=\"2.8\" height=\"9\" rx=\"0.5\" />\n      </g>\n    ))}\n  </svg>\n);\n\nexport const MarkSlash = ({ size = 64, color = \"currentColor\", style }: MarkProps) => (\n  <svg width={size} height={size} viewBox=\"0 0 32 32\" fill=\"none\" stroke={color} strokeWidth=\"3.2\" strokeLinecap=\"square\" strokeLinejoin=\"miter\" style={wrap(style)} aria-hidden=\"true\">\n    <line x1=\"16\" y1=\"4\" x2=\"16\" y2=\"28\" />\n    <line x1=\"6\" y1=\"10\" x2=\"26\" y2=\"22\" />\n    <line x1=\"26\" y1=\"10\" x2=\"6\" y2=\"22\" />\n    <line x1=\"3\" y1=\"22\" x2=\"20\" y2=\"5\" stroke={color} strokeWidth=\"4\" />\n  </svg>\n);\n\nexport const MarkGlyph = ({ size = 64, color = \"currentColor\", style }: MarkProps) => (\n  <svg width={size} height={size} viewBox=\"0 0 32 32\" fill={color} style={wrap(style)} aria-hidden=\"true\">\n    <path d=\"M7 5 H25 V11 H13 V14 H25 V27 H7 V21 H19 V18 H7 Z\" />\n  </svg>\n);\n\nexport const MarkHex = ({ size = 64, color = \"currentColor\", style }: MarkProps) => {\n  const id = React.useId();\n  return (\n    <svg width={size} height={size} viewBox=\"0 0 32 32\" style={wrap(style)} aria-hidden=\"true\">\n      <defs>\n        <mask id={id}>\n          <rect width=\"32\" height=\"32\" fill=\"white\" />\n          <g fill=\"black\">\n            <rect x=\"14.5\" y=\"6\" width=\"3\" height=\"20\" />\n            <g transform=\"rotate(60 16 16)\"><rect x=\"14.5\" y=\"6\" width=\"3\" height=\"20\" /></g>\n            <g transform=\"rotate(-60 16 16)\"><rect x=\"14.5\" y=\"6\" width=\"3\" height=\"20\" /></g>\n          </g>\n        </mask>\n      </defs>\n      <polygon points=\"16,3 27,9.5 27,22.5 16,29 5,22.5 5,9.5\" fill={color} mask={`url(#${id})`} />\n    </svg>\n  );\n};\n\nexport const MarkDotgrid = ({ size = 64, color = \"currentColor\", style }: MarkProps) => {\n  const dots: React.ReactElement[] = [<circle key=\"c\" cx=\"16\" cy=\"16\" r=\"2\" fill={color} />];\n  for (let a = 0; a < 6; a++) {\n    const ang = (a * 60 * Math.PI) / 180;\n    for (let r = 1; r <= 3; r++) {\n      const x = 16 + Math.cos(ang) * r * 4;\n      const y = 16 + Math.sin(ang) * r * 4;\n      const rad = r === 3 ? 1.6 : r === 2 ? 1.8 : 2;\n      dots.push(<circle key={`${a}-${r}`} cx={x} cy={y} r={rad} fill={color} />);\n    }\n  }\n  return <svg width={size} height={size} viewBox=\"0 0 32 32\" style={wrap(style)} aria-hidden=\"true\">{dots}</svg>;\n};\n\nexport interface MarkVariant {\n  id: string;\n  name: string;\n  sub: string;\n  Mark: React.ComponentType<MarkProps>;\n  exportName: string;\n}\n\nexport const markVariants: MarkVariant[] = [\n  { id: \"crystal\",  name: \"Crystal\",    sub: \"hex frame + diamond cut, canonical\", Mark: MarkCrystal,  exportName: \"MarkCrystal\" },\n  { id: \"sigil\",    name: \"Sigil\",      sub: \"chunky bars\",                        Mark: MarkSigil,    exportName: \"MarkSigil\" },\n  { id: \"zflake\",   name: \"Z-Flake\",    sub: \"the Z of snowztech\",                 Mark: MarkZFlake,   exportName: \"MarkZFlake\" },\n  { id: \"asterisk\", name: \"Asterisk\",   sub: \"mono-native, typographic\",           Mark: MarkAsterisk, exportName: \"MarkAsterisk\" },\n  { id: \"slash\",    name: \"Slash-Star\", sub: \"stamped, signature slash\",           Mark: MarkSlash,    exportName: \"MarkSlash\" },\n  { id: \"hex\",      name: \"Hex-Cut\",    sub: \"negative-space hex tile\",            Mark: MarkHex,      exportName: \"MarkHex\" },\n  { id: \"dotgrid\",  name: \"Dot-Grid\",   sub: \"pointillist, friendly\",              Mark: MarkDotgrid,  exportName: \"MarkDotgrid\" },\n  { id: \"glyph\",    name: \"Glyph S\",    sub: \"monogram, folded ribbon\",            Mark: MarkGlyph,    exportName: \"MarkGlyph\" },\n];\n","import * as React from \"react\";\n\nexport interface AvatarProps {\n  src?: string;\n  alt?: string;\n  name?: string;\n  size?: number;\n  shape?: \"circle\" | \"square\";\n  ring?: boolean;\n  style?: React.CSSProperties;\n  className?: string;\n}\n\nconst initialsFrom = (name?: string) => {\n  if (!name) return \"\";\n  const parts = name.trim().split(/\\s+/).slice(0, 2);\n  return parts.map((p) => p[0]?.toUpperCase() ?? \"\").join(\"\");\n};\n\nexport const Avatar = ({\n  src,\n  alt,\n  name,\n  size = 32,\n  shape = \"circle\",\n  ring = false,\n  style,\n  className,\n}: AvatarProps) => {\n  const radius = shape === \"circle\" ? \"50%\" : \"var(--sn-r-xs)\";\n  const initials = initialsFrom(name);\n\n  return (\n    <span\n      className={className}\n      style={{\n        display: \"inline-flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        width: size,\n        height: size,\n        borderRadius: radius,\n        background: \"var(--sn-bg-elev-1)\",\n        color: \"var(--sn-fg-muted)\",\n        fontFamily: \"var(--sn-font-mono)\",\n        fontSize: Math.max(10, Math.round(size * 0.38)),\n        fontWeight: 500,\n        overflow: \"hidden\",\n        flexShrink: 0,\n        boxShadow: ring ? \"0 0 0 1px var(--sn-border-strong)\" : undefined,\n        ...style,\n      }}\n    >\n      {src ? (\n        // eslint-disable-next-line @next/next/no-img-element\n        <img\n          src={src}\n          alt={alt ?? name ?? \"\"}\n          width={size}\n          height={size}\n          style={{ width: \"100%\", height: \"100%\", objectFit: \"cover\" }}\n        />\n      ) : (\n        <span aria-hidden=\"true\">{initials || \"•\"}</span>\n      )}\n    </span>\n  );\n};\n\nexport interface AvatarStackProps {\n  children: React.ReactNode;\n  overlap?: number;\n}\n\nexport const AvatarStack = ({ children, overlap = 8 }: AvatarStackProps) => (\n  <span style={{ display: \"inline-flex\" }}>\n    {React.Children.map(children, (child, i) => (\n      <span style={{ marginLeft: i === 0 ? 0 : -overlap }}>{child}</span>\n    ))}\n  </span>\n);\n","import * as React from \"react\";\n\nexport interface PulseProps {\n  size?: number;\n  color?: string;\n  label?: React.ReactNode;\n  style?: React.CSSProperties;\n  className?: string;\n}\n\nexport const Pulse = ({\n  size = 8,\n  color = \"var(--sn-success)\",\n  label,\n  style,\n  className,\n}: PulseProps) => (\n  <span\n    className={className}\n    style={{\n      display: \"inline-flex\",\n      alignItems: \"center\",\n      gap: 8,\n      color: \"var(--sn-fg-muted)\",\n      fontSize: \"var(--sn-text-sm)\",\n      ...style,\n    }}\n  >\n    <span\n      aria-hidden=\"true\"\n      style={{\n        position: \"relative\",\n        display: \"inline-flex\",\n        width: size,\n        height: size,\n      }}\n    >\n      <span\n        style={{\n          position: \"absolute\",\n          inset: 0,\n          borderRadius: \"50%\",\n          background: color,\n          opacity: 0.6,\n          animation: \"sn-pulse 2s ease-in-out infinite\",\n        }}\n      />\n      <span\n        style={{\n          position: \"relative\",\n          width: \"100%\",\n          height: \"100%\",\n          borderRadius: \"50%\",\n          background: color,\n        }}\n      />\n    </span>\n    {label && <span>{label}</span>}\n  </span>\n);\n"]}

package/package.json

@@ -0,0 +1,79 @@
+{
+  "name": "@snowztech/ui",
+  "version": "0.1.0",
+  "description": "Terminal-minimal React design system. Mark, icons, tokens, and primitives.",
+  "license": "MIT",
+  "author": {
+    "name": "Lucas Neves Pereira",
+    "email": "lnevespereira@proton.me",
+    "url": "https://github.com/lucasnevespereira"
+  },
+  "homepage": "https://github.com/snowztech/ui#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/snowztech/ui.git",
+    "directory": "packages/ui"
+  },
+  "bugs": {
+    "url": "https://github.com/snowztech/ui/issues"
+  },
+  "keywords": [
+    "design-system",
+    "react",
+    "components",
+    "ui",
+    "icons",
+    "tokens",
+    "css",
+    "terminal",
+    "minimal",
+    "snowztech"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "src/tokens.css",
+    "README.md",
+    "LICENSE"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./client": {
+      "types": "./dist/client.d.ts",
+      "import": "./dist/client.js",
+      "require": "./dist/client.cjs"
+    },
+    "./tokens.css": "./src/tokens.css",
+    "./package.json": "./package.json"
+  },
+  "peerDependencies": {
+    "react": ">=18"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.12",
+    "react": "^18.3.1",
+    "tsup": "^8.3.5",
+    "typescript": "^5.6.3"
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit"
+  }
+}

package/src/tokens.css

@@ -0,0 +1,252 @@
+/* ============================================
+   snowztech / design tokens (terminal minimal)
+   ============================================ */
+
+:root {
+  --sn-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
+  --sn-font-sans: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
+
+  /* Type scale: mono everywhere, tight */
+  --sn-text-2xs: 11px;
+  --sn-text-xs: 12px;
+  --sn-text-sm: 13px;
+  --sn-text-base: 14px;
+  --sn-text-md: 15px;
+  --sn-text-lg: 17px;
+  --sn-text-xl: 20px;
+  --sn-text-2xl: 24px;
+  --sn-text-3xl: 28px;
+  --sn-text-4xl: 36px;
+
+  --sn-leading-tight: 1.2;
+  --sn-leading-normal: 1.55;
+  --sn-leading-relaxed: 1.75;
+
+  /* spacing: 4px base */
+  --sn-s-1: 4px;  --sn-s-2: 8px;  --sn-s-3: 12px;
+  --sn-s-4: 16px; --sn-s-5: 20px; --sn-s-6: 24px;
+  --sn-s-7: 32px; --sn-s-8: 40px; --sn-s-9: 48px;
+  --sn-s-10: 64px; --sn-s-11: 80px; --sn-s-12: 96px;
+
+  /* radius: minimal, mostly square */
+  --sn-r-none: 0;
+  --sn-r-xs: 2px;
+  --sn-r-sm: 4px;
+  --sn-r-md: 6px;
+  --sn-r-lg: 8px;
+
+  --sn-fast: 100ms;
+  --sn-base: 160ms;
+  --sn-ease: cubic-bezier(0.2, 0, 0, 1);
+
+  /* ============================================
+     COLOR: DARK (default), pure black, one accent
+     ============================================ */
+  --sn-bg: #0a0a0a;
+  --sn-bg-elev-1: #111111;
+  --sn-bg-elev-2: #181818;
+  --sn-bg-inset: #050505;
+
+  --sn-border: #1f1f1f;
+  --sn-border-strong: #2a2a2a;
+  --sn-border-subtle: #161616;
+
+  --sn-fg: #e8e8e8;
+  --sn-fg-muted: #888888;
+  --sn-fg-subtle: #666666;
+  --sn-fg-faint: #444444;
+  --sn-fg-inverse: #0a0a0a;
+
+  /* Accent: pale frost blue, like the reference link color */
+  --sn-accent: #8ab4f8;
+  --sn-accent-hover: #a8c7fa;
+  --sn-accent-active: #6c9eed;
+  --sn-accent-fg: #0a0a0a;
+  --sn-accent-soft: rgba(138, 180, 248, 0.10);
+  --sn-accent-border: rgba(138, 180, 248, 0.24);
+
+  --sn-success: #7fc77f;
+  --sn-warning: #d4a857;
+  --sn-danger: #d77070;
+
+  --sn-success-soft: rgba(127, 199, 127, 0.10);
+  --sn-warning-soft: rgba(212, 168, 87, 0.10);
+  --sn-danger-soft:  rgba(215, 112, 112, 0.10);
+
+  --sn-shadow-sm: none;
+  --sn-shadow-md: 0 0 0 1px var(--sn-border);
+  --sn-shadow-lg: 0 0 0 1px var(--sn-border-strong);
+}
+
+[data-theme="light"] {
+  --sn-bg: #f7f7f5;
+  --sn-bg-elev-1: #ffffff;
+  --sn-bg-elev-2: #ffffff;
+  --sn-bg-inset: #efefec;
+
+  --sn-border: #e2e2dd;
+  --sn-border-strong: #c8c8c2;
+  --sn-border-subtle: #ececea;
+
+  --sn-fg: #161616;
+  --sn-fg-muted: #6a6a6a;
+  --sn-fg-subtle: #888888;
+  --sn-fg-faint: #b0b0ad;
+  --sn-fg-inverse: #ffffff;
+
+  --sn-accent: #2a64d6;
+  --sn-accent-hover: #1f56c2;
+  --sn-accent-active: #194ba8;
+  --sn-accent-fg: #ffffff;
+  --sn-accent-soft: rgba(42, 100, 214, 0.08);
+  --sn-accent-border: rgba(42, 100, 214, 0.24);
+}
+
+* , *::before, *::after { box-sizing: border-box; }
+html, body { margin: 0; padding: 0; }
+body {
+  font-family: var(--sn-font-mono);
+  font-size: var(--sn-text-sm);
+  line-height: var(--sn-leading-normal);
+  color: var(--sn-fg);
+  background: var(--sn-bg);
+  -webkit-font-smoothing: antialiased;
+}
+::selection { background: var(--sn-accent-soft); color: var(--sn-fg); }
+a { color: var(--sn-accent); text-decoration: none; }
+a:hover { color: var(--sn-accent-hover); }
+
+/* ============================================
+   PRIMITIVES: flat, no shadows, no rounded buttons by default
+   ============================================ */
+.sn-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  font-family: var(--sn-font-mono);
+  font-size: var(--sn-text-sm);
+  font-weight: 500;
+  line-height: 1;
+  border-radius: var(--sn-r-xs);
+  padding: 0 14px;
+  height: 30px;
+  border: 1px solid transparent;
+  cursor: pointer;
+  transition: background var(--sn-fast) var(--sn-ease),
+              border-color var(--sn-fast) var(--sn-ease),
+              color var(--sn-fast) var(--sn-ease);
+  white-space: nowrap;
+  user-select: none;
+  background: transparent;
+}
+.sn-btn:focus-visible { outline: 1px solid var(--sn-accent); outline-offset: 1px; }
+.sn-btn[disabled] { opacity: 0.4; cursor: not-allowed; }
+.sn-btn--sm { height: 24px; font-size: var(--sn-text-xs); padding: 0 10px; }
+.sn-btn--lg { height: 36px; font-size: var(--sn-text-sm); padding: 0 18px; }
+
+.sn-btn--primary {
+  background: var(--sn-fg);
+  color: var(--sn-fg-inverse);
+  border-color: var(--sn-fg);
+}
+.sn-btn--primary:hover { background: var(--sn-fg-muted); border-color: var(--sn-fg-muted); }
+
+.sn-btn--secondary {
+  background: transparent;
+  color: var(--sn-fg);
+  border-color: var(--sn-border-strong);
+}
+.sn-btn--secondary:hover { border-color: var(--sn-fg-muted); }
+
+.sn-btn--ghost { background: transparent; color: var(--sn-fg-muted); }
+.sn-btn--ghost:hover { color: var(--sn-fg); }
+
+.sn-btn--accent {
+  background: var(--sn-accent);
+  color: var(--sn-accent-fg);
+  border-color: var(--sn-accent);
+}
+.sn-btn--accent:hover { background: var(--sn-accent-hover); border-color: var(--sn-accent-hover); }
+
+.sn-btn--danger { background: transparent; color: var(--sn-danger); border-color: var(--sn-border-strong); }
+.sn-btn--danger:hover { border-color: var(--sn-danger); }
+
+.sn-input {
+  font-family: var(--sn-font-mono);
+  font-size: var(--sn-text-sm);
+  color: var(--sn-fg);
+  background: transparent;
+  border: 1px solid var(--sn-border-strong);
+  border-radius: var(--sn-r-xs);
+  padding: 0 10px;
+  height: 30px;
+  width: 100%;
+  transition: border-color var(--sn-fast) var(--sn-ease);
+}
+.sn-input::placeholder { color: var(--sn-fg-faint); }
+.sn-input:hover { border-color: var(--sn-fg-muted); }
+.sn-input:focus { outline: none; border-color: var(--sn-accent); }
+
+.sn-card {
+  background: transparent;
+  border: 1px solid var(--sn-border);
+  border-radius: var(--sn-r-xs);
+  padding: var(--sn-s-5);
+}
+.sn-card--rounded { border-radius: var(--sn-r-lg); }
+.sn-card--accent {
+  border-color: var(--sn-accent-border);
+  background: var(--sn-accent-soft);
+}
+.sn-card--inset { background: var(--sn-bg-inset); }
+
+.sn-badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  font-family: var(--sn-font-mono);
+  font-size: var(--sn-text-2xs);
+  font-weight: 400;
+  padding: 2px 6px;
+  border-radius: var(--sn-r-xs);
+  border: 1px solid var(--sn-border);
+  color: var(--sn-fg-muted);
+  height: 18px;
+  text-transform: lowercase;
+}
+.sn-badge--accent { color: var(--sn-accent); border-color: var(--sn-accent-border); }
+.sn-badge--success { color: var(--sn-success); border-color: var(--sn-success); border-color: rgba(127,199,127,0.30); }
+.sn-badge--warning { color: var(--sn-warning); border-color: rgba(212,168,87,0.30); }
+.sn-badge--danger  { color: var(--sn-danger);  border-color: rgba(215,112,112,0.30); }
+
+.sn-kbd {
+  font-family: var(--sn-font-mono);
+  font-size: var(--sn-text-2xs);
+  border: 1px solid var(--sn-border-strong);
+  border-radius: var(--sn-r-xs);
+  padding: 1px 5px;
+  color: var(--sn-fg-muted);
+}
+
+.sn-divider { height: 1px; background: var(--sn-border); border: 0; margin: 0; }
+
+/* meta = tiny mono uppercase, used for section labels */
+.sn-meta {
+  font-family: var(--sn-font-mono);
+  font-size: var(--sn-text-2xs);
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  color: var(--sn-fg-faint);
+}
+
+/* terminal prompt */
+.sn-prompt {
+  color: var(--sn-fg-faint);
+  user-select: none;
+}
+.sn-prompt::before { content: "› "; }
+
+@keyframes sn-spin { to { transform: rotate(360deg); } }
+@keyframes sn-pulse { 0%, 100% { opacity: 0.3; } 50% { opacity: 1; } }
+@keyframes sn-blink { 50% { opacity: 0; } }