@philosaether/chipper 0.1.0

package/dist/themes/index.js

@@ -0,0 +1,256 @@
+function p(o) {
+  const e = o.replace("#", "");
+  let a, r, t;
+  if (e.length === 3 ? (a = parseInt(e.charAt(0) + e.charAt(0), 16), r = parseInt(e.charAt(1) + e.charAt(1), 16), t = parseInt(e.charAt(2) + e.charAt(2), 16)) : (a = parseInt(e.slice(0, 2), 16), r = parseInt(e.slice(2, 4), 16), t = parseInt(e.slice(4, 6), 16)), isNaN(a) || isNaN(r) || isNaN(t))
+    throw new Error(`Invalid hex color: ${o}`);
+  return [a, r, t];
+}
+function d(o, e, a) {
+  const r = (s) => Math.round(Math.max(0, Math.min(255, s))), t = r(o).toString(16).padStart(2, "0"), c = r(e).toString(16).padStart(2, "0"), i = r(a).toString(16).padStart(2, "0");
+  return `#${t}${c}${i}`;
+}
+function b(o, e, a) {
+  const [r, t, c] = p(o), [i, s, g] = p(e);
+  return d(
+    r * a + i * (1 - a),
+    t * a + s * (1 - a),
+    c * a + g * (1 - a)
+  );
+}
+function n(o, e, a, r) {
+  return {
+    name: o,
+    text: e,
+    background: a,
+    hover: b(e, a, 0.12),
+    glow: r == null ? void 0 : r.glow
+  };
+}
+const u = [
+  ["bgPrimary", "--chipper-bg-primary"],
+  ["bgSecondary", "--chipper-bg-secondary"],
+  ["bgTertiary", "--chipper-bg-tertiary"],
+  ["bgElevated", "--chipper-bg-elevated"],
+  ["textPrimary", "--chipper-text-primary"],
+  ["textSecondary", "--chipper-text-secondary"],
+  ["textMuted", "--chipper-text-muted"],
+  ["border", "--chipper-border"],
+  ["borderSubtle", "--chipper-border-subtle"]
+], l = [
+  ["base", "--chipper-accent"],
+  ["bright", "--chipper-accent-bright"],
+  ["dim", "--chipper-accent-dim"],
+  ["glow", "--chipper-accent-glow"]
+], h = [
+  ["success", "--chipper-success"],
+  ["warning", "--chipper-warning"],
+  ["error", "--chipper-error"],
+  ["info", "--chipper-info"]
+], m = [
+  ["radius", "--chipper-radius"],
+  ["radiusLarge", "--chipper-radius-lg"],
+  ["font", "--chipper-font"],
+  ["fontMono", "--chipper-font-mono"],
+  ["focusRing", "--chipper-focus-ring"],
+  ["popupShadow", "--chipper-popup-shadow"],
+  ["transition", "--chipper-transition"]
+];
+function x(o, e) {
+  if (o.hues[e]) return o.hues[e];
+  const a = o.fallbackHue ?? Object.keys(o.hues)[0];
+  if (a) return o.hues[a];
+}
+function f(o, e) {
+  const a = `--chipper-color-${o}`, r = [
+    [`${a}-text`, e.text],
+    [`${a}-bg`, e.background],
+    [`${a}-hover`, e.hover]
+  ];
+  return e.glow && r.push([`${a}-glow`, e.glow]), r;
+}
+function y(o, e) {
+  const a = {};
+  for (const [r, t] of u)
+    a[t] = o.surface[r];
+  for (const [r, t] of l)
+    a[t] = o.accent[r];
+  for (const [r, t] of h)
+    a[t] = o.semantic[r];
+  for (const [r, t] of m)
+    a[t] = o.structure[r];
+  for (const [r, t] of Object.entries(o.hues))
+    for (const [c, i] of f(r, t))
+      a[c] = i;
+  if (e) {
+    for (const r of e)
+      if (!(r in o.hues)) {
+        const t = x(o, r);
+        if (t)
+          for (const [c, i] of f(r, t))
+            a[c] = i;
+      }
+  }
+  return a;
+}
+function w(o, e) {
+  const a = (e == null ? void 0 : e.container) ?? document.documentElement;
+  S(a);
+  const r = y(o, e == null ? void 0 : e.hueRoles);
+  for (const [t, c] of Object.entries(r))
+    a.style.setProperty(t, c);
+}
+function S(o) {
+  const e = o ?? document.documentElement, a = [];
+  for (let r = 0; r < e.style.length; r++) {
+    const t = e.style.item(r);
+    t && t.startsWith("--chipper-") && a.push(t);
+  }
+  for (const r of a)
+    e.style.removeProperty(r);
+}
+const v = {
+  name: "praxis",
+  surface: {
+    bgPrimary: "#fbf9f5",
+    bgSecondary: "#f5f3ef",
+    bgTertiary: "#ebe8e2",
+    bgElevated: "#ffffff",
+    textPrimary: "#1b1c1a",
+    textSecondary: "#4a4a48",
+    textMuted: "#726f6c",
+    border: "#d0c5af",
+    borderSubtle: "rgba(208, 197, 175, 0.4)"
+  },
+  accent: {
+    base: "#735c00",
+    bright: "#d4af37",
+    dim: "#5a4700",
+    glow: "#f7e1a6"
+  },
+  semantic: {
+    success: "#2e7d32",
+    warning: "#f57c00",
+    error: "#8c0d27",
+    info: "#1565c0"
+  },
+  structure: {
+    radius: "4px",
+    radiusLarge: "6px",
+    font: "inherit",
+    fontMono: "'SF Mono', 'Fira Code', 'Fira Mono', Menlo, monospace",
+    focusRing: "0 0 0 2px rgba(115, 92, 0, 0.3)",
+    popupShadow: "0 4px 12px rgba(0, 0, 0, 0.08)",
+    transition: "0.15s"
+  },
+  hues: {
+    gold: n("gold", "#8a5a00", "#ffecd0"),
+    plum: n("plum", "#5c3d7a", "#e8daef"),
+    copper: n("copper", "#8f5a28", "#fde8d4"),
+    sage: n("sage", "#2e5a30", "#d4edda"),
+    slate: n("slate", "#2a5082", "#d6e5f5"),
+    stone: n("stone", "#6b5e4f", "#e8e4dc"),
+    teal: n("teal", "#246e67", "#d6f0ee"),
+    rose: n("rose", "#994d5a", "#f5dfe0"),
+    umber: n("umber", "#736130", "#f5ecd6"),
+    indigo: n("indigo", "#3d4a8c", "#dfe3f5")
+  }
+}, M = {
+  name: "midnight",
+  surface: {
+    bgPrimary: "#1a1b2e",
+    bgSecondary: "#232440",
+    bgTertiary: "#2d2f50",
+    bgElevated: "#2a2c48",
+    textPrimary: "#e0e0ef",
+    textSecondary: "#a0a0c0",
+    textMuted: "#6a6a8a",
+    border: "#3a3c5e",
+    borderSubtle: "rgba(58, 60, 94, 0.4)"
+  },
+  accent: {
+    base: "#7b9fd4",
+    bright: "#a8c4e8",
+    dim: "#5a7fb0",
+    glow: "#3a4a6e"
+  },
+  semantic: {
+    success: "#66bb6a",
+    warning: "#ffa726",
+    error: "#ef5350",
+    info: "#42a5f5"
+  },
+  structure: {
+    radius: "4px",
+    radiusLarge: "6px",
+    font: "inherit",
+    fontMono: "'SF Mono', 'Fira Code', 'Fira Mono', Menlo, monospace",
+    focusRing: "0 0 0 2px rgba(123, 159, 212, 0.3)",
+    popupShadow: "0 4px 12px rgba(0, 0, 0, 0.3)",
+    transition: "0.15s"
+  },
+  hues: {
+    gold: { name: "gold", text: "#d4af37", background: "#2e2810", hover: "#3a3218", glow: "rgba(212, 175, 55, 0.2)" },
+    plum: { name: "plum", text: "#b88ad4", background: "#2a1e3a", hover: "#332644", glow: "rgba(184, 138, 212, 0.2)" },
+    copper: { name: "copper", text: "#d4a87a", background: "#2e2418", hover: "#3a2e20", glow: "rgba(212, 168, 122, 0.2)" },
+    sage: { name: "sage", text: "#7ac47a", background: "#1a2e1a", hover: "#223822", glow: "rgba(122, 196, 122, 0.2)" },
+    slate: { name: "slate", text: "#7aaad4", background: "#1a2240", hover: "#222a4a", glow: "rgba(122, 170, 212, 0.2)" },
+    stone: { name: "stone", text: "#b0a898", background: "#2a2822", hover: "#33302a", glow: "rgba(176, 168, 152, 0.2)" },
+    teal: { name: "teal", text: "#6ac4be", background: "#1a2e2c", hover: "#223836", glow: "rgba(106, 196, 190, 0.2)" },
+    rose: { name: "rose", text: "#d48a96", background: "#2e1a1e", hover: "#382228", glow: "rgba(212, 138, 150, 0.2)" },
+    umber: { name: "umber", text: "#c4b060", background: "#2a2818", hover: "#333020", glow: "rgba(196, 176, 96, 0.2)" },
+    indigo: { name: "indigo", text: "#8a9ad4", background: "#1e2240", hover: "#262c4a", glow: "rgba(138, 154, 212, 0.2)" }
+  }
+}, k = {
+  name: "terminal",
+  surface: {
+    bgPrimary: "#0a0a0a",
+    bgSecondary: "#141414",
+    bgTertiary: "#1e1e1e",
+    bgElevated: "#1a1a1a",
+    textPrimary: "#33ff33",
+    textSecondary: "#22bb22",
+    textMuted: "#117711",
+    border: "#1a3a1a",
+    borderSubtle: "rgba(26, 58, 26, 0.4)"
+  },
+  accent: {
+    base: "#33ff33",
+    bright: "#66ff66",
+    dim: "#22aa22",
+    glow: "#0a2a0a"
+  },
+  semantic: {
+    success: "#33ff33",
+    warning: "#ffaa00",
+    error: "#ff3333",
+    info: "#33ff33"
+  },
+  structure: {
+    radius: "4px",
+    radiusLarge: "6px",
+    font: "'SF Mono', 'Fira Code', 'Fira Mono', Menlo, monospace",
+    fontMono: "'SF Mono', 'Fira Code', 'Fira Mono', Menlo, monospace",
+    focusRing: "0 0 0 2px rgba(51, 255, 51, 0.3)",
+    popupShadow: "0 4px 12px rgba(0, 0, 0, 0.5)",
+    transition: "0.15s"
+  },
+  hues: {
+    green: {
+      name: "green",
+      text: "#33ff33",
+      background: "#0a1a0a",
+      hover: "#0f240f",
+      glow: "rgba(51, 255, 51, 0.25)"
+    }
+  },
+  fallbackHue: "green"
+};
+export {
+  w as applyTheme,
+  S as clearTheme,
+  n as createHue,
+  M as midnightTheme,
+  v as praxisTheme,
+  k as terminalTheme,
+  y as themeToProperties
+};

package/dist/themes/midnight.css

@@ -0,0 +1 @@
+:root{--chipper-bg-primary: #1a1b2e;--chipper-bg-secondary: #232440;--chipper-bg-tertiary: #2d2f50;--chipper-bg-elevated: #2a2c48;--chipper-text-primary: #e0e0ef;--chipper-text-secondary: #a0a0c0;--chipper-text-muted: #6a6a8a;--chipper-border: #3a3c5e;--chipper-border-subtle: rgba(58, 60, 94, 0.4);--chipper-accent: #7b9fd4;--chipper-accent-bright: #a8c4e8;--chipper-accent-dim: #5a7fb0;--chipper-accent-glow: #3a4a6e;--chipper-success: #66bb6a;--chipper-warning: #ffa726;--chipper-error: #ef5350;--chipper-info: #42a5f5;--chipper-color-gold-text: #d4af37;--chipper-color-gold-bg: #2e2810;--chipper-color-gold-hover: rgb(66, 56, 21);--chipper-color-gold-glow: rgba(212, 175, 55, 0.2);--chipper-color-plum-text: #b88ad4;--chipper-color-plum-bg: #2a1e3a;--chipper-color-plum-hover: rgb(59, 43, 76);--chipper-color-plum-glow: rgba(184, 138, 212, 0.2);--chipper-color-copper-text: #d4a87a;--chipper-color-copper-bg: #2e2418;--chipper-color-copper-hover: rgb(66, 52, 36);--chipper-color-copper-glow: rgba(212, 168, 122, 0.2);--chipper-color-sage-text: #7ac47a;--chipper-color-sage-bg: #1a2e1a;--chipper-color-sage-hover: rgb(38, 64, 38);--chipper-color-sage-glow: rgba(122, 196, 122, 0.2);--chipper-color-slate-text: #7aaad4;--chipper-color-slate-bg: #1a2240;--chipper-color-slate-hover: rgb(38, 50, 82);--chipper-color-slate-glow: rgba(122, 170, 212, 0.2);--chipper-color-stone-text: #b0a898;--chipper-color-stone-bg: #2a2822;--chipper-color-stone-hover: rgb(58, 55, 48);--chipper-color-stone-glow: rgba(176, 168, 152, 0.2);--chipper-color-teal-text: #6ac4be;--chipper-color-teal-bg: #1a2e2c;--chipper-color-teal-hover: rgb(36, 64, 62);--chipper-color-teal-glow: rgba(106, 196, 190, 0.2);--chipper-color-rose-text: #d48a96;--chipper-color-rose-bg: #2e1a1e;--chipper-color-rose-hover: rgb(66, 39, 44);--chipper-color-rose-glow: rgba(212, 138, 150, 0.2);--chipper-color-umber-text: #c4b060;--chipper-color-umber-bg: #2a2818;--chipper-color-umber-hover: rgb(60, 56, 33);--chipper-color-umber-glow: rgba(196, 176, 96, 0.2);--chipper-color-indigo-text: #8a9ad4;--chipper-color-indigo-bg: #1e2240;--chipper-color-indigo-hover: rgb(43, 48, 82);--chipper-color-indigo-glow: rgba(138, 154, 212, 0.2);--chipper-focus-ring: 0 0 0 2px rgba(123, 159, 212, 0.3);--chipper-popup-shadow: 0 4px 12px rgba(0, 0, 0, 0.3)}

package/dist/themes/praxis.css

@@ -0,0 +1 @@
+:root{--chipper-bg-primary: #fbf9f5;--chipper-bg-secondary: #f5f3ef;--chipper-bg-tertiary: #ebe8e2;--chipper-bg-elevated: #ffffff;--chipper-text-primary: #1b1c1a;--chipper-text-secondary: #4a4a48;--chipper-text-muted: #726f6c;--chipper-border: #d0c5af;--chipper-border-subtle: rgba(208, 197, 175, 0.4);--chipper-accent: #735c00;--chipper-accent-bright: #d4af37;--chipper-accent-dim: #5a4700;--chipper-accent-glow: #f7e1a6;--chipper-success: #2e7d32;--chipper-warning: #f57c00;--chipper-error: #8c0d27;--chipper-info: #1565c0;--chipper-color-gold-text: #8a5a00;--chipper-color-gold-bg: #ffecd0;--chipper-color-gold-hover: rgb(241, 218, 183);--chipper-color-plum-text: #5c3d7a;--chipper-color-plum-bg: #e8daef;--chipper-color-plum-hover: rgb(215, 199, 225);--chipper-color-copper-text: #8f5a28;--chipper-color-copper-bg: #fde8d4;--chipper-color-copper-hover: rgb(240, 215, 191);--chipper-color-sage-text: #2e5a30;--chipper-color-sage-bg: #d4edda;--chipper-color-sage-hover: rgb(192, 219, 198);--chipper-color-slate-text: #2a5082;--chipper-color-slate-bg: #d6e5f5;--chipper-color-slate-hover: rgb(193, 211, 231);--chipper-color-stone-text: #6b5e4f;--chipper-color-stone-bg: #e8e4dc;--chipper-color-stone-hover: rgb(217, 212, 203);--chipper-color-teal-text: #246e67;--chipper-color-teal-bg: #d6f0ee;--chipper-color-teal-hover: rgb(193, 224, 222);--chipper-color-rose-text: #994d5a;--chipper-color-rose-bg: #f5dfe0;--chipper-color-rose-hover: rgb(234, 205, 208);--chipper-color-umber-text: #736130;--chipper-color-umber-bg: #f5ecd6;--chipper-color-umber-hover: rgb(229, 219, 194);--chipper-color-indigo-text: #3d4a8c;--chipper-color-indigo-bg: #dfe3f5;--chipper-color-indigo-hover: rgb(204, 209, 232);--chipper-focus-ring: 0 0 0 2px rgba(115, 92, 0, 0.3)}

package/dist/themes/terminal.css

@@ -0,0 +1 @@
+:root{--chipper-bg-primary: #0a0a0a;--chipper-bg-secondary: #141414;--chipper-bg-tertiary: #1e1e1e;--chipper-bg-elevated: #1a1a1a;--chipper-text-primary: #33ff33;--chipper-text-secondary: #22bb22;--chipper-text-muted: #117711;--chipper-border: #1a3a1a;--chipper-border-subtle: rgba(26, 58, 26, 0.4);--chipper-accent: #33ff33;--chipper-accent-bright: #66ff66;--chipper-accent-dim: #22aa22;--chipper-accent-glow: #0a2a0a;--chipper-success: #33ff33;--chipper-warning: #ffaa00;--chipper-error: #ff3333;--chipper-info: #33ff33;--chipper-color-green-text: #33ff33;--chipper-color-green-bg: #0a1a0a;--chipper-color-green-hover: rgb(15, 53, 15);--chipper-color-green-glow: rgba(51, 255, 51, 0.25);--chipper-font: 'SF Mono', 'Fira Code', 'Fira Mono', Menlo, monospace;--chipper-focus-ring: 0 0 0 2px rgba(51, 255, 51, 0.3);--chipper-popup-shadow: 0 4px 12px rgba(0, 0, 0, 0.5)}