npm - @floegence/floe-webapp-core - Versions diffs - 0.56.3 → 0.56.7 - Mend

@floegence/floe-webapp-core 0.56.3 → 0.56.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (13) hide show

package/dist/components/chat/blocks/CodeBlock.d.ts +3 -0
package/dist/components/chat/blocks/CodeBlock.js +62 -46
package/dist/styles/themes/classicSemanticTokens.d.ts +138 -138
package/dist/styles/themes/classicSemanticTokens.js +14 -13
package/dist/styles/themes/presets.js +38 -36
package/dist/styles/themes/progressTokens.d.ts +5 -0
package/dist/styles/themes/progressTokens.js +72 -0
package/dist/styles.css +1 -1
package/dist/themes/dark.css +4 -0
package/dist/themes/light.css +4 -0
package/dist/themes/shell-presets.generated.css +96 -0
package/dist/ui.css +6 -16
package/package.json +1 -1

package/dist/components/chat/blocks/CodeBlock.d.ts CHANGED Viewed

@@ -4,5 +4,8 @@ export interface CodeBlockProps {
     content: string;
     filename?: string;
     class?: string;
+    copyLabel?: string;
+    copiedLabel?: string;
+    copyErrorLabel?: string;
 }
 export declare const CodeBlock: Component<CodeBlockProps>;

package/dist/components/chat/blocks/CodeBlock.js CHANGED Viewed

@@ -1,85 +1,101 @@
-import { insert as r, createComponent as o, memo as k, effect as _, className as x, setAttribute as y, template as l, delegateEvents as H } from "solid-js/web";
-import { createSignal as m, createEffect as B, Show as h } from "solid-js";
-import { cn as I } from "../../../utils/cn.js";
-import { highlightCode as S } from "../hooks/useCodeHighlight.js";
-import { deferNonBlocking as L } from "../../../utils/defer.js";
-var T = /* @__PURE__ */ l("<span class=chat-code-filename>"), j = /* @__PURE__ */ l("<span class=chat-code-language>"), E = /* @__PURE__ */ l("<div>"), M = /* @__PURE__ */ l("<div><div class=chat-code-header><div class=chat-code-info></div><button type=button class=chat-code-copy-btn></button></div><div class=chat-code-content>"), N = /* @__PURE__ */ l("<pre class=chat-code-pre><code>"), A = /* @__PURE__ */ l('<svg xmlns=http://www.w3.org/2000/svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><rect x=9 y=9 width=13 height=13 rx=2 ry=2></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">'), F = /* @__PURE__ */ l('<svg xmlns=http://www.w3.org/2000/svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><polyline points="20 6 9 17 4 12">');
-const K = (t) => {
-  const [f, g] = m(null), [p, s] = m(!0), [v, w] = m(!1);
-  let u = 0;
-  B(() => {
-    const n = ++u, i = t.content, c = t.language || "text";
-    if (!i) {
-      g(""), s(!1);
+import { insert as l, createComponent as o, memo as $, effect as x, className as I, setAttribute as L, template as r, delegateEvents as E } from "solid-js/web";
+import { createSignal as b, createEffect as S, onCleanup as R, Show as v } from "solid-js";
+import { cn as j } from "../../../utils/cn.js";
+import { highlightCode as M } from "../hooks/useCodeHighlight.js";
+import { deferNonBlocking as N } from "../../../utils/defer.js";
+var A = /* @__PURE__ */ r("<span class=chat-code-filename>"), V = /* @__PURE__ */ r("<span class=chat-code-language>"), q = /* @__PURE__ */ r("<div>"), z = /* @__PURE__ */ r("<div><div class=chat-code-header><div class=chat-code-info></div><button type=button class=chat-code-copy-btn></button></div><span class=sr-only role=status aria-live=polite aria-atomic=true></span><div class=chat-code-content>"), D = /* @__PURE__ */ r("<pre class=chat-code-pre><code>"), F = /* @__PURE__ */ r('<svg xmlns=http://www.w3.org/2000/svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><rect x=9 y=9 width=13 height=13 rx=2 ry=2></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">'), G = /* @__PURE__ */ r('<svg xmlns=http://www.w3.org/2000/svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><polyline points="20 6 9 17 4 12">');
+const X = (t) => {
+  const [p, f] = b(null), [T, s] = b(!0), [u, h] = b("idle");
+  let a = 0, g;
+  const w = () => u() === "copied" ? t.copiedLabel ?? "Copied!" : u() === "failed" ? t.copyErrorLabel ?? "Could not copy code" : t.copyLabel ?? "Copy code";
+  S(() => {
+    t.content, a++, clearTimeout(g), h("idle");
+  }), R(() => {
+    a++, clearTimeout(g);
+  });
+  let y = 0;
+  S(() => {
+    const n = ++y, c = t.content, d = t.language || "text";
+    if (!c) {
+      f(""), s(!1);
       return;
     }
-    s(!0), L(() => {
-      S(i, c).then((a) => {
-        n === u && (g(a), s(!1));
+    s(!0), N(() => {
+      M(c, d).then((i) => {
+        n === y && (f(i), s(!1));
       }).catch(() => {
-        n === u && (g(null), s(!1));
+        n === y && (f(null), s(!1));
       });
     });
   });
-  const C = async () => {
+  const H = async () => {
+    const n = ++a;
+    clearTimeout(g);
     try {
-      await navigator.clipboard.writeText(t.content), w(!0), setTimeout(() => w(!1), 2e3);
-    } catch (n) {
-      console.error("Failed to copy:", n);
+      if (await navigator.clipboard.writeText(t.content), n !== a) return;
+      h("copied");
+    } catch {
+      if (n !== a) return;
+      h("failed");
     }
+    g = setTimeout(() => h("idle"), 2e3);
   };
   return (() => {
-    var n = M(), i = n.firstChild, c = i.firstChild, a = c.nextSibling, b = i.nextSibling;
-    return r(c, o(h, {
+    var n = z(), c = n.firstChild, d = c.firstChild, i = d.nextSibling, k = c.nextSibling, B = k.nextSibling;
+    return l(d, o(v, {
       get when() {
         return t.filename;
       },
       get children() {
-        var e = T();
-        return r(e, () => t.filename), e;
+        var e = A();
+        return l(e, () => t.filename), e;
       }
-    }), null), r(c, o(h, {
+    }), null), l(d, o(v, {
       get when() {
-        return k(() => !t.filename)() && t.language;
+        return $(() => !t.filename)() && t.language;
       },
       get children() {
-        var e = j();
-        return r(e, () => t.language), e;
+        var e = V();
+        return l(e, () => t.language), e;
       }
-    }), null), a.$$click = C, r(a, o(h, {
+    }), null), i.$$click = H, l(i, o(v, {
       get when() {
-        return v();
+        return u() === "copied";
       },
       get fallback() {
-        return o(R, {});
+        return o(J, {});
       },
       get children() {
-        return o(V, {});
+        return o(K, {});
       }
-    })), r(b, o(h, {
+    })), l(k, (() => {
+      var e = $(() => u() === "idle");
+      return () => e() ? "" : w();
+    })()), l(B, o(v, {
       get when() {
-        return k(() => !p())() && f();
+        return $(() => !T())() && p();
       },
       get fallback() {
         return (() => {
-          var e = N(), d = e.firstChild;
-          return r(d, () => t.content), e;
+          var e = D(), m = e.firstChild;
+          return l(m, () => t.content), e;
         })();
       },
       get children() {
-        var e = E();
-        return _(() => e.innerHTML = f()), e;
+        var e = q();
+        return x(() => e.innerHTML = p()), e;
       }
-    })), _((e) => {
-      var d = I("chat-code-block", t.class), $ = v() ? "Copied!" : "Copy code";
-      return d !== e.e && x(n, e.e = d), $ !== e.t && y(a, "title", e.t = $), e;
+    })), x((e) => {
+      var m = j("chat-code-block", t.class), C = w(), _ = w();
+      return m !== e.e && I(n, e.e = m), C !== e.t && L(i, "title", e.t = C), _ !== e.a && L(i, "aria-label", e.a = _), e;
     }, {
       e: void 0,
-      t: void 0
+      t: void 0,
+      a: void 0
     }), n;
   })();
-}, R = () => A(), V = () => F();
-H(["click"]);
+}, J = () => F(), K = () => G();
+E(["click"]);
 export {
-  K as CodeBlock
+  X as CodeBlock
 };

package/dist/styles/themes/classicSemanticTokens.d.ts CHANGED Viewed

@@ -1,144 +1,144 @@
 export declare const CLASSIC_LIGHT_CSS_TOKENS: {
-    readonly '--floe-window-background': "var(--popover)";
-    readonly '--floe-window-titlebar-background': "var(--popover)";
-    readonly '--background': "#f8f7f2";
-    readonly '--foreground': "#303a34";
-    readonly '--primary': "#465a43";
-    readonly '--primary-foreground': "#f8faf5";
-    readonly '--secondary': "#eeefe8";
-    readonly '--secondary-foreground': "#545f56";
-    readonly '--muted': "#e9ece3";
-    readonly '--muted-foreground': "#5e695c";
-    readonly '--accent': "#e0e7da";
-    readonly '--accent-foreground': "#303a34";
-    readonly '--border': "#d4d8cd";
-    readonly '--input': "#858e80";
-    readonly '--ring': "#56694f";
-    readonly '--chrome-border': "#dedfd7";
-    readonly '--top-bar-border': "var(--chrome-border)";
-    readonly '--activity-bar-border': "var(--chrome-border)";
-    readonly '--bottom-bar-border': "var(--chrome-border)";
-    readonly '--terminal-panel-border': "var(--chrome-border)";
-    readonly '--card': "#fcfbf7";
-    readonly '--card-foreground': "#303a34";
-    readonly '--popover': "#fffefa";
-    readonly '--popover-foreground': "#303a34";
-    readonly '--success': "#496744";
-    readonly '--success-foreground': "#f8faf5";
-    readonly '--warning': "#856828";
-    readonly '--warning-foreground': "#fffefa";
-    readonly '--error': "#b74744";
-    readonly '--error-foreground': "#fffefa";
-    readonly '--info': "#2671d9";
-    readonly '--info-foreground': "#fffefa";
-    readonly '--highlight-block-info-accent': "oklch(0.52 0.14 245)";
-    readonly '--highlight-block-warning-accent': "oklch(0.62 0.16 65)";
-    readonly '--highlight-block-success-accent': "oklch(0.55 0.14 155)";
-    readonly '--highlight-block-error-accent': "oklch(0.55 0.16 25)";
-    readonly '--highlight-block-note-accent': "oklch(0.52 0.16 285)";
-    readonly '--highlight-block-tip-accent': "oklch(0.52 0.12 175)";
-    readonly '--sidebar': "#efeee7";
-    readonly '--sidebar-foreground': "#303a34";
-    readonly '--sidebar-primary': "#465a43";
-    readonly '--sidebar-primary-foreground': "#f8faf5";
-    readonly '--sidebar-accent': "#e0e7da";
-    readonly '--sidebar-accent-foreground': "#303a34";
-    readonly '--sidebar-border': "#dedfd7";
-    readonly '--sidebar-ring': "#56694f";
-    readonly '--activity-bar': "#eeede6";
-    readonly '--activity-bar-foreground': "#5e695c";
-    readonly '--activity-bar-foreground-active': "#303a34";
-    readonly '--activity-bar-badge': "#465a43";
-    readonly '--activity-bar-badge-foreground': "#f8faf5";
-    readonly '--terminal-background': "hsl(214 26% 17%)";
-    readonly '--terminal-foreground': "hsl(0 0% 92%)";
-    readonly '--chart-1': "hsl(214 26% 17%)";
-    readonly '--chart-2': "hsl(215 16% 42%)";
-    readonly '--chart-3': "hsl(217 91% 60%)";
-    readonly '--chart-4': "oklch(0.68 0.16 150)";
-    readonly '--chart-5': "hsl(38 92% 50%)";
-    readonly '--selection-bg': "hsl(217 91% 60%)";
-    readonly '--selection-fg': "hsl(0 0% 100%)";
-    readonly '--selection-on-primary-bg': "hsl(38 92% 50%)";
-    readonly '--selection-on-primary-fg': "hsl(214 26% 17%)";
-    readonly '--selection-code-bg': "hsl(212 100% 67%)";
-    readonly '--selection-code-fg': "hsl(220 20% 8%)";
-    readonly '--glow': "#465a43";
-    readonly '--floe-window-foreground': "var(--foreground)";
-    readonly '--floe-window-muted-foreground': "var(--muted-foreground)";
-    readonly '--floe-window-border': "color-mix(in srgb, var(--floe-window-background) 88%, var(--foreground))";
-    readonly '--floe-window-shadow': "0 1px 3px rgb(0 0 0 / 14%), 0 12px 28px -8px rgb(0 0 0 / 18%)";
+    '--floe-window-background': "var(--popover)";
+    '--floe-window-titlebar-background': "var(--popover)";
+    '--background': "#f8f7f2";
+    '--foreground': "#303a34";
+    '--primary': "#465a43";
+    '--primary-foreground': "#f8faf5";
+    '--secondary': "#eeefe8";
+    '--secondary-foreground': "#545f56";
+    '--muted': "#e9ece3";
+    '--muted-foreground': "#5e695c";
+    '--accent': "#e0e7da";
+    '--accent-foreground': "#303a34";
+    '--border': "#d4d8cd";
+    '--input': "#858e80";
+    '--ring': "#56694f";
+    '--chrome-border': "#dedfd7";
+    '--top-bar-border': "var(--chrome-border)";
+    '--activity-bar-border': "var(--chrome-border)";
+    '--bottom-bar-border': "var(--chrome-border)";
+    '--terminal-panel-border': "var(--chrome-border)";
+    '--card': "#fcfbf7";
+    '--card-foreground': "#303a34";
+    '--popover': "#fffefa";
+    '--popover-foreground': "#303a34";
+    '--success': "#496744";
+    '--success-foreground': "#f8faf5";
+    '--warning': "#856828";
+    '--warning-foreground': "#fffefa";
+    '--error': "#b74744";
+    '--error-foreground': "#fffefa";
+    '--info': "#2671d9";
+    '--info-foreground': "#fffefa";
+    '--highlight-block-info-accent': "oklch(0.52 0.14 245)";
+    '--highlight-block-warning-accent': "oklch(0.62 0.16 65)";
+    '--highlight-block-success-accent': "oklch(0.55 0.14 155)";
+    '--highlight-block-error-accent': "oklch(0.55 0.16 25)";
+    '--highlight-block-note-accent': "oklch(0.52 0.16 285)";
+    '--highlight-block-tip-accent': "oklch(0.52 0.12 175)";
+    '--sidebar': "#efeee7";
+    '--sidebar-foreground': "#303a34";
+    '--sidebar-primary': "#465a43";
+    '--sidebar-primary-foreground': "#f8faf5";
+    '--sidebar-accent': "#e0e7da";
+    '--sidebar-accent-foreground': "#303a34";
+    '--sidebar-border': "#dedfd7";
+    '--sidebar-ring': "#56694f";
+    '--activity-bar': "#eeede6";
+    '--activity-bar-foreground': "#5e695c";
+    '--activity-bar-foreground-active': "#303a34";
+    '--activity-bar-badge': "#465a43";
+    '--activity-bar-badge-foreground': "#f8faf5";
+    '--terminal-background': "hsl(214 26% 17%)";
+    '--terminal-foreground': "hsl(0 0% 92%)";
+    '--chart-1': "hsl(214 26% 17%)";
+    '--chart-2': "hsl(215 16% 42%)";
+    '--chart-3': "hsl(217 91% 60%)";
+    '--chart-4': "oklch(0.68 0.16 150)";
+    '--chart-5': "hsl(38 92% 50%)";
+    '--selection-bg': "hsl(217 91% 60%)";
+    '--selection-fg': "hsl(0 0% 100%)";
+    '--selection-on-primary-bg': "hsl(38 92% 50%)";
+    '--selection-on-primary-fg': "hsl(214 26% 17%)";
+    '--selection-code-bg': "hsl(212 100% 67%)";
+    '--selection-code-fg': "hsl(220 20% 8%)";
+    '--glow': "#465a43";
+    '--floe-window-foreground': "var(--foreground)";
+    '--floe-window-muted-foreground': "var(--muted-foreground)";
+    '--floe-window-border': "color-mix(in srgb, var(--floe-window-background) 88%, var(--foreground))";
+    '--floe-window-shadow': "0 1px 3px rgb(0 0 0 / 14%), 0 12px 28px -8px rgb(0 0 0 / 18%)";
 };
 export declare const CLASSIC_DARK_CSS_TOKENS: {
-    readonly '--floe-window-background': "var(--popover)";
-    readonly '--floe-window-titlebar-background': "var(--popover)";
-    readonly '--background': "#202223";
-    readonly '--foreground': "#e5e6e2";
-    readonly '--primary': "#bccbb8";
-    readonly '--primary-foreground': "#20291f";
-    readonly '--secondary': "#303435";
-    readonly '--secondary-foreground': "#b8bdb8";
-    readonly '--muted': "#343738";
-    readonly '--muted-foreground': "#9da4a0";
-    readonly '--accent': "#353a38";
-    readonly '--accent-foreground': "#e5e6e2";
-    readonly '--border': "#3e4142";
-    readonly '--input': "#6d7571";
-    readonly '--ring': "#acbdb3";
-    readonly '--chrome-border': "#292c2b";
-    readonly '--top-bar-border': "var(--chrome-border)";
-    readonly '--activity-bar-border': "var(--chrome-border)";
-    readonly '--bottom-bar-border': "var(--chrome-border)";
-    readonly '--terminal-panel-border': "var(--chrome-border)";
-    readonly '--card': "#282b2c";
-    readonly '--card-foreground': "#e5e6e2";
-    readonly '--popover': "#2b2e2f";
-    readonly '--popover-foreground': "#e5e6e2";
-    readonly '--success': "#a1b69e";
-    readonly '--success-foreground': "#20291f";
-    readonly '--warning': "#c8af84";
-    readonly '--warning-foreground': "#20291f";
-    readonly '--error': "oklch(0.7 0.22 25)";
-    readonly '--error-foreground': "#202223";
-    readonly '--info': "oklch(0.7 0.15 250)";
-    readonly '--info-foreground': "#202223";
-    readonly '--highlight-block-info-accent': "oklch(0.62 0.12 240)";
-    readonly '--highlight-block-warning-accent': "oklch(0.7 0.14 65)";
-    readonly '--highlight-block-success-accent': "oklch(0.62 0.12 155)";
-    readonly '--highlight-block-error-accent': "oklch(0.6 0.14 25)";
-    readonly '--highlight-block-note-accent': "oklch(0.62 0.14 285)";
-    readonly '--highlight-block-tip-accent': "oklch(0.6 0.1 175)";
-    readonly '--sidebar': "#1b1d1e";
-    readonly '--sidebar-foreground': "#e5e6e2";
-    readonly '--sidebar-primary': "#bccbb8";
-    readonly '--sidebar-primary-foreground': "#20291f";
-    readonly '--sidebar-accent': "#353a38";
-    readonly '--sidebar-accent-foreground': "#e5e6e2";
-    readonly '--sidebar-border': "#292c2b";
-    readonly '--sidebar-ring': "#acbdb3";
-    readonly '--activity-bar': "#17191a";
-    readonly '--activity-bar-foreground': "#9da4a0";
-    readonly '--activity-bar-foreground-active': "#e5e6e2";
-    readonly '--activity-bar-badge': "#bccbb8";
-    readonly '--activity-bar-badge-foreground': "#20291f";
-    readonly '--terminal-background': "hsl(222 32% 7%)";
-    readonly '--terminal-foreground': "hsl(210 15% 92%)";
-    readonly '--chart-1': "hsl(210 20% 98%)";
-    readonly '--chart-2': "hsl(215 20% 60%)";
-    readonly '--chart-3': "oklch(0.7 0.15 250)";
-    readonly '--chart-4': "oklch(0.72 0.19 150)";
-    readonly '--chart-5': "oklch(0.82 0.16 80)";
-    readonly '--selection-bg': "hsl(215 70% 50%)";
-    readonly '--selection-fg': "hsl(0 0% 100%)";
-    readonly '--selection-on-primary-bg': "hsl(215 80% 35%)";
-    readonly '--selection-on-primary-fg': "hsl(0 0% 100%)";
-    readonly '--selection-code-bg': "hsl(212 100% 67%)";
-    readonly '--selection-code-fg': "hsl(220 20% 8%)";
-    readonly '--glow': "hsl(217 65% 52%)";
-    readonly '--floe-window-foreground': "var(--foreground)";
-    readonly '--floe-window-muted-foreground': "color-mix(in srgb, var(--muted-foreground) 72%, var(--foreground))";
-    readonly '--floe-window-border': "color-mix(in srgb, var(--floe-window-background) 88%, var(--foreground))";
-    readonly '--floe-window-shadow': "0 1px 3px rgb(0 0 0 / 30%), 0 12px 28px -8px rgb(0 0 0 / 32%)";
+    '--floe-window-background': "var(--popover)";
+    '--floe-window-titlebar-background': "var(--popover)";
+    '--background': "#202223";
+    '--foreground': "#e5e6e2";
+    '--primary': "#bccbb8";
+    '--primary-foreground': "#20291f";
+    '--secondary': "#303435";
+    '--secondary-foreground': "#b8bdb8";
+    '--muted': "#343738";
+    '--muted-foreground': "#9da4a0";
+    '--accent': "#353a38";
+    '--accent-foreground': "#e5e6e2";
+    '--border': "#3e4142";
+    '--input': "#6d7571";
+    '--ring': "#acbdb3";
+    '--chrome-border': "#292c2b";
+    '--top-bar-border': "var(--chrome-border)";
+    '--activity-bar-border': "var(--chrome-border)";
+    '--bottom-bar-border': "var(--chrome-border)";
+    '--terminal-panel-border': "var(--chrome-border)";
+    '--card': "#282b2c";
+    '--card-foreground': "#e5e6e2";
+    '--popover': "#2b2e2f";
+    '--popover-foreground': "#e5e6e2";
+    '--success': "#a1b69e";
+    '--success-foreground': "#20291f";
+    '--warning': "#c8af84";
+    '--warning-foreground': "#20291f";
+    '--error': "oklch(0.7 0.22 25)";
+    '--error-foreground': "#202223";
+    '--info': "oklch(0.7 0.15 250)";
+    '--info-foreground': "#202223";
+    '--highlight-block-info-accent': "oklch(0.62 0.12 240)";
+    '--highlight-block-warning-accent': "oklch(0.7 0.14 65)";
+    '--highlight-block-success-accent': "oklch(0.62 0.12 155)";
+    '--highlight-block-error-accent': "oklch(0.6 0.14 25)";
+    '--highlight-block-note-accent': "oklch(0.62 0.14 285)";
+    '--highlight-block-tip-accent': "oklch(0.6 0.1 175)";
+    '--sidebar': "#1b1d1e";
+    '--sidebar-foreground': "#e5e6e2";
+    '--sidebar-primary': "#bccbb8";
+    '--sidebar-primary-foreground': "#20291f";
+    '--sidebar-accent': "#353a38";
+    '--sidebar-accent-foreground': "#e5e6e2";
+    '--sidebar-border': "#292c2b";
+    '--sidebar-ring': "#acbdb3";
+    '--activity-bar': "#17191a";
+    '--activity-bar-foreground': "#9da4a0";
+    '--activity-bar-foreground-active': "#e5e6e2";
+    '--activity-bar-badge': "#bccbb8";
+    '--activity-bar-badge-foreground': "#20291f";
+    '--terminal-background': "hsl(222 32% 7%)";
+    '--terminal-foreground': "hsl(210 15% 92%)";
+    '--chart-1': "hsl(210 20% 98%)";
+    '--chart-2': "hsl(215 20% 60%)";
+    '--chart-3': "oklch(0.7 0.15 250)";
+    '--chart-4': "oklch(0.72 0.19 150)";
+    '--chart-5': "oklch(0.82 0.16 80)";
+    '--selection-bg': "hsl(215 70% 50%)";
+    '--selection-fg': "hsl(0 0% 100%)";
+    '--selection-on-primary-bg': "hsl(215 80% 35%)";
+    '--selection-on-primary-fg': "hsl(0 0% 100%)";
+    '--selection-code-bg': "hsl(212 100% 67%)";
+    '--selection-code-fg': "hsl(220 20% 8%)";
+    '--glow': "hsl(217 65% 52%)";
+    '--floe-window-foreground': "var(--foreground)";
+    '--floe-window-muted-foreground': "color-mix(in srgb, var(--muted-foreground) 72%, var(--foreground))";
+    '--floe-window-border': "color-mix(in srgb, var(--floe-window-background) 88%, var(--foreground))";
+    '--floe-window-shadow': "0 1px 3px rgb(0 0 0 / 30%), 0 12px 28px -8px rgb(0 0 0 / 32%)";
 };
 export declare const CLASSIC_LIGHT_SEMANTIC_TOKENS: Readonly<Partial<Record<`--${string}`, string>>>;
 export declare const CLASSIC_DARK_SEMANTIC_TOKENS: Readonly<Partial<Record<`--${string}`, string>>>;

package/dist/styles/themes/classicSemanticTokens.js CHANGED Viewed

@@ -1,17 +1,18 @@
-import { LIGHT_WINDOW_TOKENS as t, DARK_WINDOW_TOKENS as b } from "./windowTokens.js";
-function i(c) {
+import { createProgressTokens as b } from "./progressTokens.js";
+import { LIGHT_WINDOW_TOKENS as l, DARK_WINDOW_TOKENS as h } from "./windowTokens.js";
+function f(c) {
   const a = {}, n = (r, o = /* @__PURE__ */ new Set()) => {
     const e = c[r];
     if (!e || o.has(r)) return e;
-    const d = /^var\((--[\w-]+)\)$/u.exec(e)?.[1];
-    return d ? (o.add(r), n(d, o)) : e;
+    const t = /^var\((--[\w-]+)\)$/u.exec(e)?.[1];
+    return t ? (o.add(r), n(t, o)) : e;
   };
   for (const r of Object.keys(c))
     a[r] = n(r);
   return Object.freeze(a);
 }
-const f = {
-  ...t,
+const i = {
+  ...l,
   "--floe-window-background": "var(--popover)",
   "--floe-window-titlebar-background": "var(--popover)",
   "--background": "#f8f7f2",
@@ -77,8 +78,8 @@ const f = {
   "--selection-code-bg": "hsl(212 100% 67%)",
   "--selection-code-fg": "hsl(220 20% 8%)",
   "--glow": "#465a43"
-}, h = {
-  ...b,
+}, d = {
+  ...h,
   "--floe-window-background": "var(--popover)",
   "--floe-window-titlebar-background": "var(--popover)",
   "--background": "#202223",
@@ -144,10 +145,10 @@ const f = {
   "--selection-code-bg": "hsl(212 100% 67%)",
   "--selection-code-fg": "hsl(220 20% 8%)",
   "--glow": "hsl(217 65% 52%)"
-}, g = i(f), s = i(h);
+}, g = { ...i, ...b("light", i) }, s = { ...d, ...b("dark", d) }, p = f(g), v = f(s);
 export {
-  h as CLASSIC_DARK_CSS_TOKENS,
-  s as CLASSIC_DARK_SEMANTIC_TOKENS,
-  f as CLASSIC_LIGHT_CSS_TOKENS,
-  g as CLASSIC_LIGHT_SEMANTIC_TOKENS
+  s as CLASSIC_DARK_CSS_TOKENS,
+  v as CLASSIC_DARK_SEMANTIC_TOKENS,
+  g as CLASSIC_LIGHT_CSS_TOKENS,
+  p as CLASSIC_LIGHT_SEMANTIC_TOKENS
 };