jaml-ui 4.2.5 → 4.2.8

package/dist/ui/tokens.d.ts

@@ -1,13 +1,15 @@
 /**
- * Balatro design tokens — colors eyedropped from actual game pixels.
+ * Balatro design tokens — JS mirror of src/ui/jimbo-tokens.css :root.
+ *
+ * CSS custom properties (--j-*) are the source of truth for DOM.
+ * Keep every hex here in lockstep with jimbo-tokens.css.
  * Do NOT replace with Lua HEX values; the game's shader pipeline transforms them.
  *
- * IMPORTANT: For DOM components, use CSS custom properties (--j-red, etc.)
- * from jimbo.css. Only use these JS constants for contexts that cannot use
- * CSS — such as R3F/Canvas, inline SVG fills, or imperative animation APIs.
+ * Use these JS constants only where CSS vars cannot apply — Canvas, SVG fills,
+ * CodeMirror themes, or imperative animation APIs.
  */
 export declare const JimboColorOption: {
-    readonly RED: "#ff4c40";
+    readonly RED: "#fe5148";
     readonly BLUE: "#0093ff";
     readonly GREEN: "#429f79";
     readonly ORANGE: "#ff9800";
@@ -20,8 +22,11 @@ export declare const JimboColorOption: {
     readonly DARK_PURPLE: "#5e437e";
     readonly DARK_GREY: "#3a5055";
     readonly DARKEST: "#1e2b2d";
-    readonly GREY: "#708386";
+    readonly GREY: "#a8bcbf";
     readonly TEAL_GREY: "#404c4e";
+    readonly SURFACE: "#3a5055";
+    readonly SURFACE_INSET: "#2a3a3f";
+    readonly SURFACE_INSET_ALT: "#324347";
     readonly PANEL_EDGE: "#1e2e32";
     readonly INNER_BORDER: "#334461";
     readonly BORDER_SILVER: "#b9c2d2";
@@ -41,15 +46,23 @@ export declare const JimboColorOption: {
 export type JimboPaletteColor = keyof typeof JimboColorOption;
 /** Convert hex to rgba for inline styles in Canvas/SVG/R3F contexts. */
 export declare function withAlpha(hex: string, alpha: number): string;
+/**
+ * Motion mirrors engine/moveable.lua juice_up defaults (amount 0.4, ~0.4s)
+ * and press lip on UI buttons — solid south edge, not soft elevation blur.
+ */
 export declare const JIMBO_ANIMATIONS: {
     readonly JUICE_UP_SCALE: 1.05;
     readonly JUICE_DOWN_SCALE: 1;
-    readonly JUICE_DURATION: 150;
+    /** Lua juice_up end_time ≈ start + 0.4s */
+    readonly JUICE_DURATION: 400;
+    readonly JUICE_AMOUNT: 0.4;
     readonly JUICE_EASING: "cubic-bezier(0.34, 1.56, 0.64, 1)";
+    /** Lua zoom hover bonus */
+    readonly HOVER_SCALE: 1.05;
     readonly SWAY_AMOUNT: 1.5;
     readonly SWAY_DURATION: 4000;
     readonly PRESS_TRANSLATE_Y: 2;
-    readonly PRESS_DURATION: 50;
+    readonly PRESS_DURATION: 55;
     readonly CARD_TILT_MAX: 6;
     readonly MENU_SINK_DURATION: 200;
     readonly MENU_RISE_DURATION: 300;

package/dist/ui.d.ts

@@ -3,3 +3,8 @@ export { JimboButton, type JimboButtonProps } from './ui/JimboButton.js';
 export { JimboTextArea, type JimboTextAreaProps } from './ui/JimboTextArea.js';
 export { JimboPanel, type JimboPanelProps } from './ui/JimboPanel.js';
 export { JimboBackground } from './ui/JimboBackground.js';
+export { JimboApp, type JimboAppProps, type JimboAppVariant } from './ui/JimboApp.js';
+export { JimboInset, type JimboInsetProps } from './ui/JimboInset.js';
+export { JimboWordmark, type JimboWordmarkProps } from './ui/JimboWordmark.js';
+export { JimboSectionHeader, type JimboSectionHeaderProps, type JimboSectionTone, } from './ui/JimboSectionHeader.js';
+export { JimboText, type JimboTextProps, type JimboTextSize, type JimboTextTone, } from './ui/jimboText.js';

package/dist/ui.js

@@ -1,12 +1,17 @@
 "use client";
-import { J as i, a as s, b as e, c as t, d as J, e as b, w as m } from "./chunks/JimboBackground-CB7u0r54.js";
+import { J as i, a as s, b as e, c as m, d as J, e as b, f as t, g as r, h as n, i as p, j as A, w as c } from "./chunks/JimboWordmark-ByO9yaAi.js";
 export {
   i as JIMBO_ANIMATIONS,
-  s as JimboBackground,
-  e as JimboButton,
-  t as JimboColorOption,
-  J as JimboPanel,
-  b as JimboTextArea,
-  m as withAlpha
+  s as JimboApp,
+  e as JimboBackground,
+  m as JimboButton,
+  J as JimboColorOption,
+  b as JimboInset,
+  t as JimboPanel,
+  r as JimboSectionHeader,
+  n as JimboText,
+  p as JimboTextArea,
+  A as JimboWordmark,
+  c as withAlpha
 };
 //# sourceMappingURL=ui.js.map

package/dist/utils/jamlMapPreview.d.ts

@@ -0,0 +1,12 @@
+export type JamlPreviewSection = "must" | "should" | "mustNot";
+export type JamlPreviewVisualType = "joker" | "consumable" | "voucher" | "tag" | "boss";
+export interface JamlPreviewItem {
+    id: string;
+    section: JamlPreviewSection;
+    clauseKey: string;
+    visualType: JamlPreviewVisualType;
+    value: string;
+    source: string;
+}
+export type JamlPreviewGroups = Record<JamlPreviewSection, JamlPreviewItem[]>;
+export declare function extractVisualJamlItems(jaml: string): JamlPreviewGroups;

package/dist/utils/jamlVisualFilter.d.ts

@@ -0,0 +1,3 @@
+import { JamlVisualFilter } from '../components/JamlIdeVisual.js';
+export declare function jamlTextToVisualFilter(text: string): JamlVisualFilter;
+export declare function visualFilterToJamlText(filter: JamlVisualFilter): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jaml-ui",
-  "version": "4.2.5",
+  "version": "4.2.8",
   "description": "Zero-dependency json-render engine + Balatro card sprites for MCP Apps.",
   "type": "module",
   "main": "./dist/index.js",
@@ -77,10 +77,11 @@
   "author": "pifreak",
   "license": "MIT",
   "dependencies": {
+    "react-icons": "^5.7.0",
     "yaml": "^2.9.0"
   },
   "peerDependencies": {
-    "motely-wasm": "^24.1.0",
+    "motely-wasm": "^24.5.0",
     "react": "^18.2.0 || ^19.0.0",
     "react-dom": "^18.2.0 || ^19.0.0"
   },
@@ -98,8 +99,15 @@
     "eslint-plugin-react-refresh": "^0.5.3",
     "eslint-plugin-storybook": "10.4.6",
     "globals": "^17.7.0",
-    "jaml-codemirror": "^0.2.1",
-    "motely-wasm": "^24.1.0",
+    "jaml-lang": "^3.14.2",
+    "@codemirror/autocomplete": "^6.20.3",
+    "@codemirror/commands": "^6.10.4",
+    "@codemirror/language": "^6.12.4",
+    "@codemirror/lint": "^6.9.7",
+    "@codemirror/state": "^6.7.1",
+    "@codemirror/view": "^6.43.6",
+    "@lezer/highlight": "^1.2.3",
+    "motely-wasm": "^24.5.0",
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
     "storybook": "^10.5.0",

package/dist/chunks/JimboBackground-CB7u0r54.js

@@ -1,214 +0,0 @@
-import { jsx as _ } from "react/jsx-runtime";
-import { useRef as S, useEffect as O } from "react";
-const g = {
-  RED: "#ff4c40",
-  BLUE: "#0093ff",
-  GREEN: "#429f79",
-  ORANGE: "#ff9800",
-  GOLD: "#e4b643",
-  PURPLE: "#9e74ce",
-  DARK_RED: "#a02721",
-  DARK_BLUE: "#0057a1",
-  DARK_ORANGE: "#a05b00",
-  DARK_GREEN: "#215f46",
-  DARK_PURPLE: "#5e437e",
-  DARK_GREY: "#3a5055",
-  DARKEST: "#1e2b2d",
-  GREY: "#708386",
-  TEAL_GREY: "#404c4e",
-  PANEL_EDGE: "#1e2e32",
-  INNER_BORDER: "#334461",
-  BORDER_SILVER: "#b9c2d2",
-  BORDER_SOUTH: "#777e89",
-  GOLD_TEXT: "#e4b643",
-  GREEN_TEXT: "#35bd86",
-  ORANGE_TEXT: "#ff8f00",
-  WHITE: "#ffffff",
-  BLACK: "#000000",
-  TAROT_BUTTON: "#9e74ce",
-  PLANET_BUTTON: "#00a7ca",
-  SPECTRAL_BUTTON: "#2e76fd",
-  TAROT_BUTTON_DARK: "#5e437e",
-  PLANET_BUTTON_DARK: "#00657c",
-  SPECTRAL_BUTTON_DARK: "#14449e"
-};
-function p(o, t) {
-  const e = o.replace("#", ""), r = parseInt(e.slice(0, 2), 16), s = parseInt(e.slice(2, 4), 16), i = parseInt(e.slice(4, 6), 16);
-  return `rgba(${r}, ${s}, ${i}, ${t})`;
-}
-const h = {
-  JUICE_UP_SCALE: 1.05,
-  JUICE_DOWN_SCALE: 1,
-  JUICE_DURATION: 150,
-  JUICE_EASING: "cubic-bezier(0.34, 1.56, 0.64, 1)",
-  SWAY_AMOUNT: 1.5,
-  SWAY_DURATION: 4e3,
-  PRESS_TRANSLATE_Y: 2,
-  PRESS_DURATION: 50,
-  CARD_TILT_MAX: 6,
-  MENU_SINK_DURATION: 200,
-  MENU_RISE_DURATION: 300,
-  MENU_ORBIT_DURATION: 320,
-  LETTER_POP_RATE: 3,
-  LETTER_BUMP_RATE: 2.666
-};
-function L({
-  size: o = "md",
-  tone: t = "orange",
-  fullWidth: e = !1,
-  label: r,
-  className: s,
-  children: i,
-  disabled: c,
-  ...l
-}) {
-  const n = [
-    "j-btn",
-    `j-btn--${o}`,
-    `j-btn--${t}`,
-    e ? "j-btn--full" : "",
-    c ? "j-btn--disabled" : "",
-    s
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ _("button", { className: n, disabled: c, ...l, children: /* @__PURE__ */ _("span", { className: "j-btn__face", children: r ?? i }) });
-}
-function U({ className: o, style: t, ...e }) {
-  const r = ["j-textarea", o].filter(Boolean).join(" ");
-  return /* @__PURE__ */ _("textarea", { className: r, style: t, ...e });
-}
-function P({ className: o, children: t, ...e }) {
-  const r = ["j-panel", o].filter(Boolean).join(" ");
-  return /* @__PURE__ */ _("div", { className: r, ...e, children: t });
-}
-function b() {
-  const o = S(null);
-  return O(() => {
-    const t = o.current;
-    if (!t) return;
-    const e = t.getContext("webgl");
-    if (!e) return;
-    const r = `
-      attribute vec2 position;
-      void main() {
-        gl_Position = vec4(position, 0.0, 1.0);
-      }
-    `, s = `
-      precision mediump float;
-
-      uniform float u_time;
-      uniform vec2 u_resolution;
-
-      const float SPIN_ROTATION = -2.0;
-      const float SPIN_SPEED = 4.5;
-      const vec4 COLOUR_1 = vec4(1.0, 0.2, 0.2, 1.0);
-      const vec4 COLOUR_2 = vec4(0.0, 0.5, 1.0, 1.0);
-      const vec4 COLOUR_3 = vec4(0.05, 0.08, 0.1, 1.0);
-      const float CONTRAST = 4.5;
-      const float LIGTHING = 0.5;
-      const float SPIN_AMOUNT = 0.35;
-      const float PIXEL_FILTER = 1024.0;
-      const float PI = 3.14159265359;
-
-      void main() {
-        vec2 screenSize = u_resolution;
-        float pixel_size = length(screenSize.xy) / PIXEL_FILTER;
-        vec2 uv = (floor(gl_FragCoord.xy*(1.0/pixel_size))*pixel_size - 0.5*screenSize.xy)/length(screenSize.xy);
-        float uv_len = length(uv);
-
-        float speed = (SPIN_ROTATION * 0.2) + 302.2;
-        float new_pixel_angle = atan(uv.y, uv.x) + speed - 20.0*(1.0*SPIN_AMOUNT*uv_len + (1.0 - 1.0*SPIN_AMOUNT));
-
-        vec2 mid = (screenSize.xy/length(screenSize.xy))/2.0;
-        uv = (vec2((uv_len * cos(new_pixel_angle) + mid.x), (uv_len * sin(new_pixel_angle) + mid.y)) - mid);
-
-        uv *= 30.0;
-        speed = u_time * SPIN_SPEED;
-        vec2 uv2 = vec2(uv.x, uv.y);
-
-        for(int i=0; i < 5; i++) {
-          uv2 += sin(max(uv.x, uv.y)) + uv;
-          uv  += 0.5*vec2(cos(5.1123314 + 0.353*uv2.y + speed*0.131121), sin(uv2.x - 0.113*speed));
-          uv  -= 1.0*cos(uv.x + uv.y) - 1.0*sin(uv.x*0.711 - uv.y);
-        }
-
-        float contrast_mod = (0.25*CONTRAST + 0.5*SPIN_AMOUNT + 1.2);
-        float paint_res = min(2.0, max(0.0, length(uv)*(0.035)*contrast_mod));
-        float c1p = max(0.0, 1.0 - contrast_mod*abs(1.0 - paint_res));
-        float c2p = max(0.0, 1.0 - contrast_mod*abs(paint_res));
-        float c3p = 1.0 - min(1.0, c1p + c2p);
-        float light = (LIGTHING - 0.2)*max(c1p*5.0 - 4.0, 0.0) + LIGTHING*max(c2p*5.0 - 4.0, 0.0);
-
-        vec4 finalCol = (0.3/CONTRAST)*COLOUR_1 + (1.0 - 0.3/CONTRAST)*(COLOUR_1*c1p + COLOUR_2*c2p + vec4(c3p*COLOUR_3.rgb, c3p*COLOUR_1.a)) + light;
-
-        gl_FragColor = finalCol;
-      }
-    `, i = (f, u) => {
-      const a = e.createShader(f);
-      return a ? (e.shaderSource(a, u), e.compileShader(a), e.getShaderParameter(a, e.COMPILE_STATUS) ? a : (console.error("[JimboBackground] shader compile error:", e.getShaderInfoLog(a)), e.deleteShader(a), null)) : null;
-    }, c = i(e.VERTEX_SHADER, r), l = i(e.FRAGMENT_SHADER, s);
-    if (!c || !l) return;
-    const n = e.createProgram();
-    if (!n) return;
-    if (e.attachShader(n, c), e.attachShader(n, l), e.linkProgram(n), !e.getProgramParameter(n, e.LINK_STATUS)) {
-      console.error("[JimboBackground] program link error:", e.getProgramInfoLog(n));
-      return;
-    }
-    e.useProgram(n);
-    const T = e.createBuffer();
-    e.bindBuffer(e.ARRAY_BUFFER, T), e.bufferData(
-      e.ARRAY_BUFFER,
-      new Float32Array([
-        -1,
-        -1,
-        1,
-        -1,
-        -1,
-        1,
-        -1,
-        1,
-        1,
-        -1,
-        1,
-        1
-      ]),
-      e.STATIC_DRAW
-    );
-    const R = e.getAttribLocation(n, "position");
-    e.enableVertexAttribArray(R), e.vertexAttribPointer(R, 2, e.FLOAT, !1, 0, 0);
-    const d = e.getUniformLocation(n, "u_time"), m = e.getUniformLocation(n, "u_resolution"), N = Date.now();
-    let A;
-    const E = () => {
-      const f = t.clientWidth, u = t.clientHeight;
-      (t.width !== f || t.height !== u) && (t.width = f, t.height = u, e.viewport(0, 0, e.drawingBufferWidth, e.drawingBufferHeight));
-      const a = (Date.now() - N) / 1e3;
-      e.uniform1f(d, a), e.uniform2f(m, t.width, t.height), e.drawArrays(e.TRIANGLES, 0, 6), A = requestAnimationFrame(E);
-    };
-    return E(), () => {
-      cancelAnimationFrame(A), e.deleteProgram(n), e.deleteShader(c), e.deleteShader(l), e.deleteBuffer(T);
-    };
-  }, []), /* @__PURE__ */ _(
-    "canvas",
-    {
-      ref: o,
-      "aria-hidden": !0,
-      style: {
-        position: "fixed",
-        inset: 0,
-        width: "100%",
-        height: "100%",
-        zIndex: -10,
-        pointerEvents: "none"
-      }
-    }
-  );
-}
-export {
-  h as J,
-  b as a,
-  L as b,
-  g as c,
-  P as d,
-  U as e,
-  p as w
-};
-//# sourceMappingURL=JimboBackground-CB7u0r54.js.map

package/dist/chunks/JimboBackground-CB7u0r54.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"JimboBackground-CB7u0r54.js","sources":["../../src/ui/tokens.ts","../../src/ui/JimboButton.tsx","../../src/ui/JimboTextArea.tsx","../../src/ui/JimboPanel.tsx","../../src/ui/JimboBackground.tsx"],"sourcesContent":["/**\n * Balatro design tokens — colors eyedropped from actual game pixels.\n * Do NOT replace with Lua HEX values; the game's shader pipeline transforms them.\n *\n * IMPORTANT: For DOM components, use CSS custom properties (--j-red, etc.)\n * from jimbo.css. Only use these JS constants for contexts that cannot use\n * CSS — such as R3F/Canvas, inline SVG fills, or imperative animation APIs.\n */\n\nexport const JimboColorOption = {\n  RED: '#ff4c40',\n  BLUE: '#0093ff',\n  GREEN: '#429f79',\n  ORANGE: '#ff9800',\n  GOLD: '#e4b643',\n  PURPLE: '#9e74ce',\n\n  DARK_RED: '#a02721',\n  DARK_BLUE: '#0057a1',\n  DARK_ORANGE: '#a05b00',\n  DARK_GREEN: '#215f46',\n  DARK_PURPLE: '#5e437e',\n\n  DARK_GREY: '#3a5055',\n  DARKEST: '#1e2b2d',\n  GREY: '#708386',\n  TEAL_GREY: '#404c4e',\n\n  PANEL_EDGE: '#1e2e32',\n  INNER_BORDER: '#334461',\n\n  BORDER_SILVER: '#b9c2d2',\n  BORDER_SOUTH: '#777e89',\n\n  GOLD_TEXT: '#e4b643',\n  GREEN_TEXT: '#35bd86',\n  ORANGE_TEXT: '#ff8f00',\n  WHITE: '#ffffff',\n  BLACK: '#000000',\n\n  TAROT_BUTTON: '#9e74ce',\n  PLANET_BUTTON: '#00a7ca',\n  SPECTRAL_BUTTON: '#2e76fd',\n  TAROT_BUTTON_DARK: '#5e437e',\n  PLANET_BUTTON_DARK: '#00657c',\n  SPECTRAL_BUTTON_DARK: '#14449e',\n} as const\n\nexport type JimboPaletteColor = keyof typeof JimboColorOption\n\n/** Convert hex to rgba for inline styles in Canvas/SVG/R3F contexts. */\nexport function withAlpha(hex: string, alpha: number): string {\n  const clean = hex.replace('#', '')\n  const r = parseInt(clean.slice(0, 2), 16)\n  const g = parseInt(clean.slice(2, 4), 16)\n  const b = parseInt(clean.slice(4, 6), 16)\n  return `rgba(${r}, ${g}, ${b}, ${alpha})`\n}\n\nexport const JIMBO_ANIMATIONS = {\n  JUICE_UP_SCALE: 1.05,\n  JUICE_DOWN_SCALE: 1.0,\n  JUICE_DURATION: 150,\n  JUICE_EASING: 'cubic-bezier(0.34, 1.56, 0.64, 1)',\n  SWAY_AMOUNT: 1.5,\n  SWAY_DURATION: 4000,\n  PRESS_TRANSLATE_Y: 2,\n  PRESS_DURATION: 50,\n  CARD_TILT_MAX: 6,\n  MENU_SINK_DURATION: 200,\n  MENU_RISE_DURATION: 300,\n  MENU_ORBIT_DURATION: 320,\n  LETTER_POP_RATE: 3,\n  LETTER_BUMP_RATE: 2.666,\n} as const\n\n","\"use client\";\n\nimport type { ButtonHTMLAttributes } from \"react\";\n\nexport interface JimboButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  size?: \"xs\" | \"sm\" | \"md\" | \"lg\";\n  tone?: \"orange\" | \"red\" | \"blue\" | \"green\" | \"grey\";\n  fullWidth?: boolean;\n  label?: string;\n}\n\nexport function JimboButton({\n  size = \"md\",\n  tone = \"orange\",\n  fullWidth = false,\n  label,\n  className,\n  children,\n  disabled,\n  ...rest\n}: JimboButtonProps) {\n  const classes = [\n    \"j-btn\",\n    `j-btn--${size}`,\n    `j-btn--${tone}`,\n    fullWidth ? \"j-btn--full\" : \"\",\n    disabled ? \"j-btn--disabled\" : \"\",\n    className,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n  return (\n    <button className={classes} disabled={disabled} {...rest}>\n      <span className=\"j-btn__face\">{label ?? children}</span>\n    </button>\n  );\n}\n","\"use client\";\n\nimport type { TextareaHTMLAttributes } from \"react\";\n\nexport type JimboTextAreaProps = TextareaHTMLAttributes<HTMLTextAreaElement>;\n\nexport function JimboTextArea({ className, style, ...rest }: JimboTextAreaProps) {\n  const classes = [\"j-textarea\", className].filter(Boolean).join(\" \");\n  return <textarea className={classes} style={style} {...rest} />;\n}\n","\"use client\";\n\nimport type { HTMLAttributes } from \"react\";\n\nexport type JimboPanelProps = HTMLAttributes<HTMLDivElement>;\n\nexport function JimboPanel({ className, children, ...rest }: JimboPanelProps) {\n  const classes = [\"j-panel\", className].filter(Boolean).join(\" \");\n  return (\n    <div className={classes} {...rest}>\n      {children}\n    </div>\n  );\n}\n","'use client'\n\nimport React, { useEffect, useRef } from 'react'\n\n/**\n * Fullscreen WebGL CRT/spin background — the authentic Balatro hypnotic\n * swirl, pixelated and animated. Ported from weejoker.app's\n * BackgroundShader.tsx; no config required.\n *\n * Renders a fixed-position canvas at z-index: -10 that fills the viewport\n * and ignores pointer events. Drop it once at the root of your page:\n *\n *     <JimboBackground />\n *     <YourAppContent />\n *\n * Resizes automatically. Disposes the animation frame + shader on unmount.\n */\nexport function JimboBackground() {\n  const canvasRef = useRef<HTMLCanvasElement>(null)\n\n  useEffect(() => {\n    const canvas = canvasRef.current\n    if (!canvas) return\n\n    const gl = canvas.getContext('webgl')\n    if (!gl) return\n\n    const vsSource = `\n      attribute vec2 position;\n      void main() {\n        gl_Position = vec4(position, 0.0, 1.0);\n      }\n    `\n\n    const fsSource = `\n      precision mediump float;\n\n      uniform float u_time;\n      uniform vec2 u_resolution;\n\n      const float SPIN_ROTATION = -2.0;\n      const float SPIN_SPEED = 4.5;\n      const vec4 COLOUR_1 = vec4(1.0, 0.2, 0.2, 1.0);\n      const vec4 COLOUR_2 = vec4(0.0, 0.5, 1.0, 1.0);\n      const vec4 COLOUR_3 = vec4(0.05, 0.08, 0.1, 1.0);\n      const float CONTRAST = 4.5;\n      const float LIGTHING = 0.5;\n      const float SPIN_AMOUNT = 0.35;\n      const float PIXEL_FILTER = 1024.0;\n      const float PI = 3.14159265359;\n\n      void main() {\n        vec2 screenSize = u_resolution;\n        float pixel_size = length(screenSize.xy) / PIXEL_FILTER;\n        vec2 uv = (floor(gl_FragCoord.xy*(1.0/pixel_size))*pixel_size - 0.5*screenSize.xy)/length(screenSize.xy);\n        float uv_len = length(uv);\n\n        float speed = (SPIN_ROTATION * 0.2) + 302.2;\n        float new_pixel_angle = atan(uv.y, uv.x) + speed - 20.0*(1.0*SPIN_AMOUNT*uv_len + (1.0 - 1.0*SPIN_AMOUNT));\n\n        vec2 mid = (screenSize.xy/length(screenSize.xy))/2.0;\n        uv = (vec2((uv_len * cos(new_pixel_angle) + mid.x), (uv_len * sin(new_pixel_angle) + mid.y)) - mid);\n\n        uv *= 30.0;\n        speed = u_time * SPIN_SPEED;\n        vec2 uv2 = vec2(uv.x, uv.y);\n\n        for(int i=0; i < 5; i++) {\n          uv2 += sin(max(uv.x, uv.y)) + uv;\n          uv  += 0.5*vec2(cos(5.1123314 + 0.353*uv2.y + speed*0.131121), sin(uv2.x - 0.113*speed));\n          uv  -= 1.0*cos(uv.x + uv.y) - 1.0*sin(uv.x*0.711 - uv.y);\n        }\n\n        float contrast_mod = (0.25*CONTRAST + 0.5*SPIN_AMOUNT + 1.2);\n        float paint_res = min(2.0, max(0.0, length(uv)*(0.035)*contrast_mod));\n        float c1p = max(0.0, 1.0 - contrast_mod*abs(1.0 - paint_res));\n        float c2p = max(0.0, 1.0 - contrast_mod*abs(paint_res));\n        float c3p = 1.0 - min(1.0, c1p + c2p);\n        float light = (LIGTHING - 0.2)*max(c1p*5.0 - 4.0, 0.0) + LIGTHING*max(c2p*5.0 - 4.0, 0.0);\n\n        vec4 finalCol = (0.3/CONTRAST)*COLOUR_1 + (1.0 - 0.3/CONTRAST)*(COLOUR_1*c1p + COLOUR_2*c2p + vec4(c3p*COLOUR_3.rgb, c3p*COLOUR_1.a)) + light;\n\n        gl_FragColor = finalCol;\n      }\n    `\n\n    const createShader = (type: number, source: string) => {\n      const shader = gl.createShader(type)\n      if (!shader) return null\n      gl.shaderSource(shader, source)\n      gl.compileShader(shader)\n      if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {\n        console.error('[JimboBackground] shader compile error:', gl.getShaderInfoLog(shader))\n        gl.deleteShader(shader)\n        return null\n      }\n      return shader\n    }\n\n    const vertexShader = createShader(gl.VERTEX_SHADER, vsSource)\n    const fragmentShader = createShader(gl.FRAGMENT_SHADER, fsSource)\n    if (!vertexShader || !fragmentShader) return\n\n    const program = gl.createProgram()\n    if (!program) return\n    gl.attachShader(program, vertexShader)\n    gl.attachShader(program, fragmentShader)\n    gl.linkProgram(program)\n    if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {\n      console.error('[JimboBackground] program link error:', gl.getProgramInfoLog(program))\n      return\n    }\n\n    gl.useProgram(program)\n\n    const positionBuffer = gl.createBuffer()\n    gl.bindBuffer(gl.ARRAY_BUFFER, positionBuffer)\n    gl.bufferData(\n      gl.ARRAY_BUFFER,\n      new Float32Array([\n        -1.0, -1.0,  1.0, -1.0, -1.0, 1.0,\n        -1.0,  1.0,  1.0, -1.0,  1.0, 1.0,\n      ]),\n      gl.STATIC_DRAW,\n    )\n\n    const positionLocation = gl.getAttribLocation(program, 'position')\n    gl.enableVertexAttribArray(positionLocation)\n    gl.vertexAttribPointer(positionLocation, 2, gl.FLOAT, false, 0, 0)\n\n    const timeLocation = gl.getUniformLocation(program, 'u_time')\n    const resolutionLocation = gl.getUniformLocation(program, 'u_resolution')\n\n    const startTime = Date.now()\n    let animationFrameId: number\n\n    const render = () => {\n      const displayWidth = canvas.clientWidth\n      const displayHeight = canvas.clientHeight\n      if (canvas.width !== displayWidth || canvas.height !== displayHeight) {\n        canvas.width = displayWidth\n        canvas.height = displayHeight\n        gl.viewport(0, 0, gl.drawingBufferWidth, gl.drawingBufferHeight)\n      }\n\n      const currentTime = (Date.now() - startTime) / 1000.0\n      gl.uniform1f(timeLocation, currentTime)\n      gl.uniform2f(resolutionLocation, canvas.width, canvas.height)\n\n      gl.drawArrays(gl.TRIANGLES, 0, 6)\n      animationFrameId = requestAnimationFrame(render)\n    }\n\n    render()\n\n    return () => {\n      cancelAnimationFrame(animationFrameId)\n      gl.deleteProgram(program)\n      gl.deleteShader(vertexShader)\n      gl.deleteShader(fragmentShader)\n      gl.deleteBuffer(positionBuffer)\n    }\n  }, [])\n\n  return (\n    <canvas\n      ref={canvasRef}\n      aria-hidden\n      style={{\n        position: 'fixed',\n        inset: 0,\n        width: '100%',\n        height: '100%',\n        zIndex: -10,\n        pointerEvents: 'none',\n      }}\n    />\n  )\n}\n"],"names":["JimboColorOption","withAlpha","hex","alpha","clean","g","b","JIMBO_ANIMATIONS","JimboButton","size","tone","fullWidth","label","className","children","disabled","rest","classes","jsx","JimboTextArea","style","JimboPanel","JimboBackground","canvasRef","useRef","useEffect","canvas","gl","vsSource","fsSource","createShader","type","source","shader","vertexShader","fragmentShader","program","positionBuffer","positionLocation","timeLocation","resolutionLocation","startTime","animationFrameId","render","displayWidth","displayHeight","currentTime"],"mappings":"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"}