@snowztech/ui 0.1.0

package/dist/index.cjs

@@ -0,0 +1,534 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+
+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/mark.tsx
+var SnowMark = ({ size = 48, color = "currentColor", style }) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("rect", { x: "9", y: "6", width: "14", height: "2.4" }),
+      /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "22.4,6 23,8.4 9.6,26 9,23.6" }),
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "9", y: "23.6", width: "14", height: "2.4" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("g", { fill: color, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "16,1 18,4 16,7 14,4" }),
+        /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "16,25 18,28 16,31 14,28" }),
+        /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "27,8 28.7,11 25.5,11.5 26,8.7" }),
+        /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "5,8 6,8.7 6.5,11.5 3.3,11" }),
+        /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "27,24 26,23.3 25.5,20.5 28.7,21" }),
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+  "span",
+  {
+    style: {
+      fontFamily: "var(--sn-font-mono)",
+      fontSize: size,
+      fontWeight: 700,
+      letterSpacing: "-0.01em",
+      color,
+      lineHeight: 1
+    },
+    children: [
+      "snowztech",
+      showDot && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: accent }, children: "." })
+    ]
+  }
+);
+var SnowMonogram = ({
+  size = 64,
+  bg = "#0a0a0a",
+  fg = "#ffffff",
+  radius = 8
+}) => /* @__PURE__ */ jsxRuntime.jsx(Monogram, { size, bg, fg, radius, mark: SnowMark });
+var Monogram = ({
+  size = 64,
+  bg = "#0a0a0a",
+  fg = "#ffffff",
+  radius = 8,
+  mark: Mark,
+  glyphScale = 0.6
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    style: {
+      width: size,
+      height: size,
+      background: bg,
+      borderRadius: radius,
+      display: "inline-flex",
+      alignItems: "center",
+      justifyContent: "center",
+      flexShrink: 0
+    },
+    children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 32 32", fill: color, style: wrap(style), "aria-hidden": "true", children: [
+  /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "14.5", y: "3", width: "3", height: "11" }),
+  /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "14.5", y: "18", width: "3", height: "11" }),
+  /* @__PURE__ */ jsxRuntime.jsxs("g", { transform: "rotate(60 16 16)", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "14.5", y: "3", width: "3", height: "10.5" }),
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "14.5", y: "18.5", width: "3", height: "10.5" })
+  ] }),
+  /* @__PURE__ */ jsxRuntime.jsxs("g", { transform: "rotate(-60 16 16)", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "14.5", y: "3", width: "3", height: "10.5" }),
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "14.5", y: "18.5", width: "3", height: "10.5" })
+  ] })
+] });
+var MarkCrystal = ({ size = 64, color = "currentColor", style }) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("polygon", { points: "16,3 27,9.5 27,22.5 16,29 5,22.5 5,9.5" }),
+  /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "16,9 22,16 16,23 10,16" }),
+  /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "16", y1: "3", x2: "16", y2: "9" }),
+  /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "16", y1: "23", x2: "16", y2: "29" })
+] });
+var MarkZFlake = ({ size = 64, color = "currentColor", style }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 32 32", fill: color, style: wrap(style), "aria-hidden": "true", children: [
+  /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "6,5 26,5 26,9 12,9 26,23 26,27 6,27 6,23 20,23 6,9" }),
+  /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "14", width: "3", height: "4" }),
+  /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "25", y: "14", width: "3", height: "4" })
+] });
+var MarkAsterisk = ({ size = 64, color = "currentColor", style }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 32 32", fill: color, style: wrap(style), "aria-hidden": "true", children: [
+  /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "16", cy: "16", r: "2.2", fill: "none", stroke: color, strokeWidth: "2" }),
+  [0, 60, 120].map((deg, i) => /* @__PURE__ */ jsxRuntime.jsxs("g", { transform: `rotate(${deg} 16 16)`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "14.6", y: "2", width: "2.8", height: "9", rx: "0.5" }),
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "14.6", y: "21", width: "2.8", height: "9", rx: "0.5" })
+  ] }, i))
+] });
+var MarkSlash = ({ size = 64, color = "currentColor", style }) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("line", { x1: "16", y1: "4", x2: "16", y2: "28" }),
+  /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "6", y1: "10", x2: "26", y2: "22" }),
+  /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "26", y1: "10", x2: "6", y2: "22" }),
+  /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "3", y1: "22", x2: "20", y2: "5", stroke: color, strokeWidth: "4" })
+] });
+var MarkGlyph = ({ size = 64, color = "currentColor", style }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 32 32", fill: color, style: wrap(style), "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.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__namespace.useId();
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 32 32", style: wrap(style), "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs("mask", { id, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "32", height: "32", fill: "white" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("g", { fill: "black", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "14.5", y: "6", width: "3", height: "20" }),
+        /* @__PURE__ */ jsxRuntime.jsx("g", { transform: "rotate(60 16 16)", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "14.5", y: "6", width: "3", height: "20" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("g", { transform: "rotate(-60 16 16)", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "14.5", y: "6", width: "3", height: "20" }) })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("circle", { cx: x, cy: y, r: rad, fill: color }, `${a}-${r}`));
+    }
+  }
+  return /* @__PURE__ */ jsxRuntime.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 Icon = ({
+  size = 16,
+  stroke = 1.5,
+  color = "currentColor",
+  style,
+  children
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: color,
+    strokeWidth: stroke,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    style: { display: "inline-block", verticalAlign: "middle", ...style },
+    "aria-hidden": "true",
+    children
+  }
+);
+var SearchIcon = (p) => /* @__PURE__ */ jsxRuntime.jsxs(Icon, { ...p, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "11", cy: "11", r: "6" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m20 20-3.5-3.5" })
+] });
+var TerminalIcon = (p) => /* @__PURE__ */ jsxRuntime.jsxs(Icon, { ...p, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m5 8 4 4-4 4" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M13 16h6" }),
+  /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "2.5", y: "4", width: "19", height: "16", rx: "1.5" })
+] });
+var CodeIcon = (p) => /* @__PURE__ */ jsxRuntime.jsxs(Icon, { ...p, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m8 7-5 5 5 5" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m16 7 5 5-5 5" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m14 4-4 16" })
+] });
+var GitIcon = (p) => /* @__PURE__ */ jsxRuntime.jsxs(Icon, { ...p, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "6", cy: "6", r: "2.5" }),
+  /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "18", cy: "18", r: "2.5" }),
+  /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "6", cy: "18", r: "2.5" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 8.5v7" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8.5 6h6.5a2.5 2.5 0 0 1 2.5 2.5v7" })
+] });
+var PlusIcon = (p) => /* @__PURE__ */ jsxRuntime.jsxs(Icon, { ...p, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 5v14" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 12h14" })
+] });
+var MinusIcon = (p) => /* @__PURE__ */ jsxRuntime.jsx(Icon, { ...p, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 12h14" }) });
+var CheckIcon = (p) => /* @__PURE__ */ jsxRuntime.jsx(Icon, { ...p, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m4 12 5 5L20 6" }) });
+var XIcon = (p) => /* @__PURE__ */ jsxRuntime.jsxs(Icon, { ...p, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 6 18 18" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m18 6-12 12" })
+] });
+var ChevronDownIcon = (p) => /* @__PURE__ */ jsxRuntime.jsx(Icon, { ...p, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m6 9 6 6 6-6" }) });
+var ChevronRightIcon = (p) => /* @__PURE__ */ jsxRuntime.jsx(Icon, { ...p, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m9 6 6 6-6 6" }) });
+var ChevronLeftIcon = (p) => /* @__PURE__ */ jsxRuntime.jsx(Icon, { ...p, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m15 6-6 6 6 6" }) });
+var ArrowRightIcon = (p) => /* @__PURE__ */ jsxRuntime.jsxs(Icon, { ...p, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 12h14" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m13 6 6 6-6 6" })
+] });
+var ArrowUpRightIcon = (p) => /* @__PURE__ */ jsxRuntime.jsxs(Icon, { ...p, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 17 17 7" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 7h9v9" })
+] });
+var ExternalLinkIcon = (p) => /* @__PURE__ */ jsxRuntime.jsxs(Icon, { ...p, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14 4h6v6" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 4 10 14" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19 14v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h5" })
+] });
+var SettingsIcon = (p) => /* @__PURE__ */ jsxRuntime.jsxs(Icon, { ...p, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "3" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09a1.65 1.65 0 0 0-1-1.51 1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09a1.65 1.65 0 0 0 1.51-1 1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33h0a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0 1 1.51h0a1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82h0a1.65 1.65 0 0 0 1.51 1H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z" })
+] });
+var UserIcon = (p) => /* @__PURE__ */ jsxRuntime.jsxs(Icon, { ...p, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "8", r: "4" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 21v-1a6 6 0 0 1 6-6h4a6 6 0 0 1 6 6v1" })
+] });
+var FolderIcon = (p) => /* @__PURE__ */ jsxRuntime.jsx(Icon, { ...p, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 6.5A1.5 1.5 0 0 1 4.5 5h4l2 2.5h9A1.5 1.5 0 0 1 21 9v9.5A1.5 1.5 0 0 1 19.5 20h-15A1.5 1.5 0 0 1 3 18.5z" }) });
+var FileIcon = (p) => /* @__PURE__ */ jsxRuntime.jsxs(Icon, { ...p, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14 3H6a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V8z" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14 3v5h5" })
+] });
+var BellIcon = (p) => /* @__PURE__ */ jsxRuntime.jsxs(Icon, { ...p, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 9a6 6 0 1 1 12 0v4l1.5 3h-15L6 13z" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 19a2 2 0 0 0 4 0" })
+] });
+var ActivityIcon = (p) => /* @__PURE__ */ jsxRuntime.jsx(Icon, { ...p, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 12h4l3-8 4 16 3-8h4" }) });
+var PulseIcon = (p) => /* @__PURE__ */ jsxRuntime.jsx(Icon, { ...p, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 12h3l2-4 4 8 2-4h7" }) });
+var CubeIcon = (p) => /* @__PURE__ */ jsxRuntime.jsxs(Icon, { ...p, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m12 2 9 5v10l-9 5-9-5V7z" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m3 7 9 5 9-5" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 22V12" })
+] });
+var LayersIcon = (p) => /* @__PURE__ */ jsxRuntime.jsxs(Icon, { ...p, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m12 3 9 5-9 5-9-5z" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m3 13 9 5 9-5" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m3 18 9 5 9-5" })
+] });
+var DatabaseIcon = (p) => /* @__PURE__ */ jsxRuntime.jsxs(Icon, { ...p, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("ellipse", { cx: "12", cy: "5", rx: "8", ry: "3" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 5v6c0 1.7 3.6 3 8 3s8-1.3 8-3V5" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 11v6c0 1.7 3.6 3 8 3s8-1.3 8-3v-6" })
+] });
+var CloudIcon = (p) => /* @__PURE__ */ jsxRuntime.jsx(Icon, { ...p, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 18a5 5 0 1 1 1-9.9A6 6 0 0 1 19.5 11 4 4 0 0 1 18 18z" }) });
+var SunIcon = (p) => /* @__PURE__ */ jsxRuntime.jsxs(Icon, { ...p, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "4" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4" })
+] });
+var MoonIcon = (p) => /* @__PURE__ */ jsxRuntime.jsx(Icon, { ...p, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 14a8 8 0 1 1-9.9-9.9 7 7 0 0 0 9.9 9.9z" }) });
+var GithubIcon = (p) => /* @__PURE__ */ jsxRuntime.jsx(Icon, { ...p, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 19c-4 1-4-2-6-2.5M15 22v-4a3 3 0 0 0-1-2.5c3 0 6-2 6-5.5a5 5 0 0 0-1.4-3.5 4.7 4.7 0 0 0-.1-3.5s-1.1-.4-3.5 1.3a12 12 0 0 0-6 0C6.6 1.6 5.5 2 5.5 2a4.7 4.7 0 0 0-.1 3.5A5 5 0 0 0 4 9c0 3.5 3 5.5 6 5.5a3 3 0 0 0-1 2.5v4" }) });
+var MailIcon = (p) => /* @__PURE__ */ jsxRuntime.jsxs(Icon, { ...p, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "5", width: "18", height: "14", rx: "1.5" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m3.5 6.5 8.5 7 8.5-7" })
+] });
+var EyeIcon = (p) => /* @__PURE__ */ jsxRuntime.jsxs(Icon, { ...p, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7z" }),
+  /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "3" })
+] });
+var LockIcon = (p) => /* @__PURE__ */ jsxRuntime.jsxs(Icon, { ...p, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "11", width: "16", height: "10", rx: "1.5" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 11V7a4 4 0 0 1 8 0v4" })
+] });
+var BoltIcon = (p) => /* @__PURE__ */ jsxRuntime.jsx(Icon, { ...p, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M13 2 4 14h7l-2 8 9-12h-7z" }) });
+var StarIcon = (p) => /* @__PURE__ */ jsxRuntime.jsx(Icon, { ...p, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m12 3 2.7 6 6.3.6-4.7 4.4 1.4 6.5L12 17l-5.7 3.5 1.4-6.5L3 9.6l6.3-.6z" }) });
+var HeartIcon = (p) => /* @__PURE__ */ jsxRuntime.jsx(Icon, { ...p, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 20s-7-4.5-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 10c0 5.5-7 10-7 10z" }) });
+var TrashIcon = (p) => /* @__PURE__ */ jsxRuntime.jsxs(Icon, { ...p, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 6h18" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 6V4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v2" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 6v14a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 11v6M14 11v6" })
+] });
+var EditIcon = (p) => /* @__PURE__ */ jsxRuntime.jsxs(Icon, { ...p, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11 4H5a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-6" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m18.5 2.5 3 3L12 15l-4 1 1-4z" })
+] });
+var FilterIcon = (p) => /* @__PURE__ */ jsxRuntime.jsx(Icon, { ...p, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 5h18l-7 9v6l-4-2v-4z" }) });
+var MenuIcon = (p) => /* @__PURE__ */ jsxRuntime.jsx(Icon, { ...p, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 7h16M4 12h16M4 17h16" }) });
+var GridIcon = (p) => /* @__PURE__ */ jsxRuntime.jsxs(Icon, { ...p, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "3", width: "7", height: "7", rx: "1" }),
+  /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "14", y: "3", width: "7", height: "7", rx: "1" }),
+  /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "14", width: "7", height: "7", rx: "1" }),
+  /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "14", y: "14", width: "7", height: "7", rx: "1" })
+] });
+var InboxIcon = (p) => /* @__PURE__ */ jsxRuntime.jsxs(Icon, { ...p, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 13h5l1.5 2.5h5L16 13h5" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 4h14l2 9v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-6z" })
+] });
+var CalendarIcon = (p) => /* @__PURE__ */ jsxRuntime.jsxs(Icon, { ...p, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "5", width: "18", height: "16", rx: "1.5" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 10h18M8 3v4M16 3v4" })
+] });
+var ClockIcon = (p) => /* @__PURE__ */ jsxRuntime.jsxs(Icon, { ...p, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "9" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 7v5l3 2" })
+] });
+var InfoIcon = (p) => /* @__PURE__ */ jsxRuntime.jsxs(Icon, { ...p, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "9" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 11v6" }),
+  /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "8", r: "0.5", fill: "currentColor" })
+] });
+var WarningIcon = (p) => /* @__PURE__ */ jsxRuntime.jsxs(Icon, { ...p, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11 3 2 19a1 1 0 0 0 .9 1.5h18.2A1 1 0 0 0 22 19L13 3a1 1 0 0 0-2 0z" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 9v5" }),
+  /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "17", r: "0.5", fill: "currentColor" })
+] });
+var ZapIcon = (p) => /* @__PURE__ */ jsxRuntime.jsx(Icon, { ...p, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M13 2 4 14h7l-2 8 9-12h-7z" }) });
+var DiscordIcon = (p) => /* @__PURE__ */ jsxRuntime.jsxs(Icon, { ...p, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19 6s-2.5-2-5-2l-.3.5c2.3.5 3.3 1.5 3.3 1.5s-2-1-4-1c-1 0-2 .1-3 .3-1-.2-2-.3-3-.3-2 0-4 1-4 1S4 5 6.3 4.5L6 4C3.5 4 1 6 1 6s-2.5 4-2 11c1.5 2 3.5 2 3.5 2L4 17c-1-.5-2-1.5-2-1.5 2 1.5 4 2 4 2l1-2.5s4 1.5 6 1.5 6-1.5 6-1.5l1 2.5s2-.5 4-2c0 0-1 1-2 1.5l1.5 2s2 0 3.5-2c.5-7-2-11-2-11z" }),
+  /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "9", cy: "11.5", r: "1.5", fill: "currentColor", stroke: "none" }),
+  /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "15", cy: "11.5", r: "1.5", fill: "currentColor", stroke: "none" })
+] });
+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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src,
+            alt: alt ?? name ?? "",
+            width: size,
+            height: size,
+            style: { width: "100%", height: "100%", objectFit: "cover" }
+          }
+        )
+      ) : /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: initials || "\u2022" })
+    }
+  );
+};
+var AvatarStack = ({ children, overlap = 8 }) => /* @__PURE__ */ jsxRuntime.jsx("span", { style: { display: "inline-flex" }, children: React__namespace.Children.map(children, (child, i) => /* @__PURE__ */ jsxRuntime.jsx("span", { style: { marginLeft: i === 0 ? 0 : -overlap }, children: child })) });
+var Pulse = ({
+  size = 8,
+  color = "var(--sn-success)",
+  label,
+  style,
+  className
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "span",
+  {
+    className,
+    style: {
+      display: "inline-flex",
+      alignItems: "center",
+      gap: 8,
+      color: "var(--sn-fg-muted)",
+      fontSize: "var(--sn-text-sm)",
+      ...style
+    },
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "span",
+        {
+          "aria-hidden": "true",
+          style: {
+            position: "relative",
+            display: "inline-flex",
+            width: size,
+            height: size
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                style: {
+                  position: "absolute",
+                  inset: 0,
+                  borderRadius: "50%",
+                  background: color,
+                  opacity: 0.6,
+                  animation: "sn-pulse 2s ease-in-out infinite"
+                }
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                style: {
+                  position: "relative",
+                  width: "100%",
+                  height: "100%",
+                  borderRadius: "50%",
+                  background: color
+                }
+              }
+            )
+          ]
+        }
+      ),
+      label && /* @__PURE__ */ jsxRuntime.jsx("span", { children: label })
+    ]
+  }
+);
+
+exports.ActivityIcon = ActivityIcon;
+exports.ArrowRightIcon = ArrowRightIcon;
+exports.ArrowUpRightIcon = ArrowUpRightIcon;
+exports.Avatar = Avatar;
+exports.AvatarStack = AvatarStack;
+exports.BellIcon = BellIcon;
+exports.BoltIcon = BoltIcon;
+exports.CalendarIcon = CalendarIcon;
+exports.CheckIcon = CheckIcon;
+exports.ChevronDownIcon = ChevronDownIcon;
+exports.ChevronLeftIcon = ChevronLeftIcon;
+exports.ChevronRightIcon = ChevronRightIcon;
+exports.ClockIcon = ClockIcon;
+exports.CloudIcon = CloudIcon;
+exports.CodeIcon = CodeIcon;
+exports.CubeIcon = CubeIcon;
+exports.DatabaseIcon = DatabaseIcon;
+exports.DiscordIcon = DiscordIcon;
+exports.EditIcon = EditIcon;
+exports.ExternalLinkIcon = ExternalLinkIcon;
+exports.EyeIcon = EyeIcon;
+exports.FileIcon = FileIcon;
+exports.FilterIcon = FilterIcon;
+exports.FolderIcon = FolderIcon;
+exports.GitIcon = GitIcon;
+exports.GithubIcon = GithubIcon;
+exports.GridIcon = GridIcon;
+exports.HeartIcon = HeartIcon;
+exports.Icon = Icon;
+exports.InboxIcon = InboxIcon;
+exports.InfoIcon = InfoIcon;
+exports.LayersIcon = LayersIcon;
+exports.LockIcon = LockIcon;
+exports.MailIcon = MailIcon;
+exports.MarkAsterisk = MarkAsterisk;
+exports.MarkCrystal = MarkCrystal;
+exports.MarkDotgrid = MarkDotgrid;
+exports.MarkGlyph = MarkGlyph;
+exports.MarkHex = MarkHex;
+exports.MarkSigil = MarkSigil;
+exports.MarkSlash = MarkSlash;
+exports.MarkZFlake = MarkZFlake;
+exports.MenuIcon = MenuIcon;
+exports.MinusIcon = MinusIcon;
+exports.Monogram = Monogram;
+exports.MoonIcon = MoonIcon;
+exports.PlusIcon = PlusIcon;
+exports.Pulse = Pulse;
+exports.PulseIcon = PulseIcon;
+exports.SearchIcon = SearchIcon;
+exports.SettingsIcon = SettingsIcon;
+exports.SnowMark = SnowMark;
+exports.SnowMonogram = SnowMonogram;
+exports.SnowWordmark = SnowWordmark;
+exports.StarIcon = StarIcon;
+exports.SunIcon = SunIcon;
+exports.TerminalIcon = TerminalIcon;
+exports.TrashIcon = TrashIcon;
+exports.UserIcon = UserIcon;
+exports.WarningIcon = WarningIcon;
+exports.XIcon = XIcon;
+exports.ZapIcon = ZapIcon;
+exports.markVariants = markVariants;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map