npm - @inkandswitch/patchwork-pkg-base - Versions diffs - 0.0.15 → 0.0.17 - Mend

@inkandswitch/patchwork-pkg-base 0.0.15 → 0.0.17

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 (383) hide show

package/packages/theming/dist/theme-editor.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/theme-editor.tsx"],
+  "sourcesContent": ["import { template as _$template } from \"solid-js/web\";\nimport { delegateEvents as _$delegateEvents } from \"solid-js/web\";\nimport { setStyleProperty as _$setStyleProperty } from \"solid-js/web\";\nimport { setAttribute as _$setAttribute } from \"solid-js/web\";\nimport { createComponent as _$createComponent } from \"solid-js/web\";\nimport { insert as _$insert } from \"solid-js/web\";\nimport { memo as _$memo } from \"solid-js/web\";\nimport { effect as _$effect } from \"solid-js/web\";\nvar _tmpl$ = /*#__PURE__*/_$template(`<div class=group><div class=group-title>Discovered :root variables`),\n  _tmpl$2 = /*#__PURE__*/_$template(`<div class=theme-editor><div class=header><input class=name-input placeholder=\"Theme name\"><div class=toolbar><button class=mode-toggle><span class=mode-icon></span></button><button class=btn></button><button class=btn>Reset</button><button class=btn>Copy CSS</button></div></div><div class=preview><div class=preview-title>Preview</div><div class=swatch-row><div class=swatch></div><div class=swatch></div><div class=swatch></div><div class=swatch></div><div class=swatch></div><div class=swatch></div><div class=swatch></div><div class=swatch></div></div><div class=preview-title style=margin-top:0.5rem>Fill offsets</div><div class=offset-strip><div></div><div></div><div></div><div></div><div></div><div></div></div><div class=preview-title>Line offsets</div><div class=offset-strip><div></div><div></div><div></div><div></div><div></div><div></div></div></div><div class=group><div class=group-title>Custom CSS</div><textarea class=css-textarea placeholder=\"/* Additional CSS rules */\\n[theme=&quot;my-theme&quot;] .some-element \\{\\n  color: red;\\n}\"></textarea></div><div class=group><div class=group-title>Generated CSS</div><pre class=export-area>`),\n  _tmpl$3 = /*#__PURE__*/_$template(`<div class=group><div class=group-title>`),\n  _tmpl$4 = /*#__PURE__*/_$template(`<input class=color-input type=color>`),\n  _tmpl$5 = /*#__PURE__*/_$template(`<span class=hex-display>`),\n  _tmpl$6 = /*#__PURE__*/_$template(`<input class=text-input type=text>`),\n  _tmpl$7 = /*#__PURE__*/_$template(`<div class=var-row><span class=var-label>`),\n  _tmpl$8 = /*#__PURE__*/_$template(`<button class=btn-sm>Override`),\n  _tmpl$9 = /*#__PURE__*/_$template(`<div class=var-row><span class=discovered-label>`);\nimport { render } from \"solid-js/web\";\nimport { createSignal, createEffect, For, onCleanup, Show } from \"solid-js\";\nimport { EDITABLE_VARIABLES, DEFAULT_VALUES } from \"./theme-editor-datatype.ts\";\nconst FILL_OFFSET_RAMP = [[10, 0], [20, 7], [30, 18], [40, 32], [50, 50]];\nexport function generateThemeCss(name, mode, vars, customCss) {\n  let css = `[theme=\"${name}\"] {\n`;\n  css += `\tcolor-scheme: ${mode};\n`;\n  for (const [key, value] of Object.entries(vars)) {\n    css += `\t${key}: ${value};\n`;\n  }\n  for (const [label, amount] of FILL_OFFSET_RAMP) {\n    css += `\t--studio-fill-offset-${label}: color-mix(in oklch, color-mix(in oklch, var(--studio-fill), var(--studio-line) ${amount}%), var(--studio-offset-tint, var(--studio-secondary)) var(--studio-offset-tint-amount, 10%));\n`;\n  }\n  for (const pct of [10, 20, 30, 40, 50]) {\n    css += `\t--studio-line-offset-${pct}: color-mix(in oklch, color-mix(in oklch, var(--studio-line), var(--studio-fill) ${pct}%), var(--studio-offset-tint, var(--studio-secondary)) var(--studio-offset-tint-amount, 10%));\n`;\n  }\n  css += \"}\\n\";\n  if (customCss?.trim()) {\n    css += `\n/* Custom CSS */\n${customCss}\n`;\n  }\n  return css;\n}\nfunction discoverRootVariables() {\n  const knownKeys = new Set(EDITABLE_VARIABLES.flatMap(g => g.vars.map(v => v.key)));\n  for (const pct of [10, 20, 30, 40, 50]) {\n    knownKeys.add(`--studio-fill-offset-${pct}`);\n    knownKeys.add(`--studio-line-offset-${pct}`);\n  }\n  const found = {};\n  try {\n    for (const sheet of document.styleSheets) {\n      try {\n        for (const rule of sheet.cssRules) {\n          if (!(rule instanceof CSSStyleRule)) continue;\n          if (rule.selectorText !== \":root\") continue;\n          for (let i = 0; i < rule.style.length; i++) {\n            const prop = rule.style[i];\n            if (!prop.startsWith(\"--\")) continue;\n            if (knownKeys.has(prop)) continue;\n            found[prop] = rule.style.getPropertyValue(prop).trim();\n          }\n        }\n      } catch {}\n    }\n  } catch {}\n  return found;\n}\nfunction looksLikeColor(value) {\n  const v = value.trim().toLowerCase();\n  return v.startsWith(\"#\") || v.startsWith(\"rgb\") || v.startsWith(\"hsl\") || v.startsWith(\"oklch\") || v.startsWith(\"oklab\") || v.startsWith(\"lch\") || v.startsWith(\"lab\") || v.startsWith(\"color(\") || v.startsWith(\"color-mix(\");\n}\nexport function ThemeEditorTool(handle, element) {\n  const [doc, setDoc] = createSignal(handle.doc());\n  const onChange = () => setDoc(handle.doc());\n  handle.on(\"change\", onChange);\n  const [livePreview, setLivePreview] = createSignal(true);\n  createEffect(() => {\n    if (!livePreview()) return;\n    const d = doc();\n    if (!d?.variables) return;\n    const root = document.documentElement;\n    for (const [key, value] of Object.entries(d.variables)) {\n      root.style.setProperty(key, value);\n    }\n    for (const [label, amount] of FILL_OFFSET_RAMP) {\n      root.style.setProperty(`--studio-fill-offset-${label}`, `color-mix(in oklch, color-mix(in oklch, var(--studio-fill), var(--studio-line) ${amount}%), var(--studio-offset-tint, var(--studio-secondary)) var(--studio-offset-tint-amount, 10%))`);\n    }\n    for (const pct of [10, 20, 30, 40, 50]) {\n      root.style.setProperty(`--studio-line-offset-${pct}`, `color-mix(in oklch, color-mix(in oklch, var(--studio-line), var(--studio-fill) ${pct}%), var(--studio-offset-tint, var(--studio-secondary)) var(--studio-offset-tint-amount, 10%))`);\n    }\n  });\n  onCleanup(() => {\n    const root = document.documentElement;\n    const d = doc();\n    if (d?.variables) {\n      for (const key of Object.keys(d.variables)) {\n        root.style.removeProperty(key);\n      }\n      for (const pct of [10, 20, 30, 40, 50]) {\n        root.style.removeProperty(`--studio-fill-offset-${pct}`);\n        root.style.removeProperty(`--studio-line-offset-${pct}`);\n      }\n    }\n  });\n  function setVar(key, value) {\n    handle.change(d => {\n      if (!d.variables) d.variables = {};\n      d.variables[key] = value;\n    });\n  }\n  function setName(name) {\n    handle.change(d => {\n      d.name = name;\n    });\n  }\n  function toggleMode() {\n    handle.change(d => {\n      d.mode = d.mode === \"dark\" ? \"light\" : \"dark\";\n    });\n  }\n  function setCustomCss(css) {\n    handle.change(d => {\n      d.customCss = css;\n    });\n  }\n  function resetToDefaults() {\n    handle.change(d => {\n      d.variables = {\n        ...DEFAULT_VALUES\n      };\n    });\n  }\n  const [rootVars, setRootVars] = createSignal({});\n  setTimeout(() => setRootVars(discoverRootVariables()), 0);\n  function exportCss() {\n    const d = doc();\n    return generateThemeCss(d.name?.toLowerCase().replace(/\\s+/g, \"-\") || \"custom\", d.mode || \"light\", d.variables || {}, d.customCss);\n  }\n  const customCssPreviewEl = document.createElement(\"style\");\n  element.appendChild(customCssPreviewEl);\n  createEffect(() => {\n    if (!livePreview()) {\n      customCssPreviewEl.textContent = \"\";\n      return;\n    }\n    customCssPreviewEl.textContent = doc()?.customCss || \"\";\n  });\n  onCleanup(() => customCssPreviewEl.remove());\n  function copyToClipboard() {\n    navigator.clipboard.writeText(exportCss());\n  }\n  const style = document.createElement(\"style\");\n  style.textContent = `\n\t\t.theme-editor {\n\t\t\tpadding: var(--studio-space-md, 1rem);\n\t\t\tfont-family: var(--studio-family-sans, system-ui, sans-serif);\n\t\t\tcolor: var(--studio-line, black);\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tgap: var(--studio-space-md, 1rem);\n\t\t\theight: 100%;\n\t\t\toverflow-y: auto;\n\t\t}\n\t\t.theme-editor .header {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: space-between;\n\t\t\tgap: var(--studio-space-sm, 0.5rem);\n\t\t}\n\t\t.theme-editor .name-input {\n\t\t\tfont-size: 1.25rem;\n\t\t\tfont-weight: 600;\n\t\t\tborder: none;\n\t\t\tborder-bottom: 2px solid transparent;\n\t\t\tbackground: none;\n\t\t\tcolor: inherit;\n\t\t\tfont-family: inherit;\n\t\t\tpadding: var(--studio-space-2xs, 0.25rem) 0;\n\t\t\toutline: none;\n\t\t\tflex: 1;\n\t\t\tmin-width: 0;\n\t\t}\n\t\t.theme-editor .name-input:focus {\n\t\t\tborder-bottom-color: var(--studio-primary-line, var(--studio-primary, #35f7ca));\n\t\t}\n\t\t.theme-editor .toolbar {\n\t\t\tdisplay: flex;\n\t\t\tgap: var(--studio-space-xs, 0.375rem);\n\t\t\talign-items: center;\n\t\t}\n\t\t.theme-editor .btn {\n\t\t\tpadding: var(--studio-space-2xs, 0.25rem) var(--studio-space-sm, 0.5rem);\n\t\t\tborder-radius: var(--studio-radius-sm, 4px);\n\t\t\tborder: 1px solid color-mix(in oklch, var(--studio-line, black), transparent 80%);\n\t\t\tbackground: var(--studio-fill, white);\n\t\t\tcolor: var(--studio-line, black);\n\t\t\tfont-size: 0.8rem;\n\t\t\tfont-family: inherit;\n\t\t\tcursor: pointer;\n\t\t}\n\t\t.theme-editor .btn:hover {\n\t\t\tbackground: color-mix(in oklch, var(--studio-fill, white), var(--studio-line, black) 5%);\n\t\t}\n\t\t.theme-editor .btn[data-active] {\n\t\t\tbackground: var(--studio-primary-fill, var(--studio-primary, #35f7ca));\n\t\t\tborder-color: var(--studio-primary-line, var(--studio-primary, #35f7ca));\n\t\t\tcolor: var(--studio-primary-line, var(--studio-fill, white));\n\t\t}\n\t\t.theme-editor .mode-toggle {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tgap: var(--studio-space-2xs, 0.25rem);\n\t\t\tpadding: var(--studio-space-2xs, 0.25rem) var(--studio-space-sm, 0.5rem);\n\t\t\tborder-radius: var(--studio-radius-sm, 4px);\n\t\t\tborder: 1px solid color-mix(in oklch, var(--studio-line, black), transparent 80%);\n\t\t\tbackground: var(--studio-fill, white);\n\t\t\tcolor: var(--studio-line, black);\n\t\t\tfont-size: 0.8rem;\n\t\t\tfont-family: inherit;\n\t\t\tcursor: pointer;\n\t\t}\n\t\t.theme-editor .mode-toggle:hover {\n\t\t\tbackground: color-mix(in oklch, var(--studio-fill, white), var(--studio-line, black) 5%);\n\t\t}\n\t\t.theme-editor .mode-icon {\n\t\t\tfont-size: 1em;\n\t\t\tline-height: 1;\n\t\t}\n\t\t.theme-editor .group {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tgap: var(--studio-space-xs, 0.375rem);\n\t\t}\n\t\t.theme-editor .group-title {\n\t\t\tfont-size: 0.75rem;\n\t\t\tfont-weight: 600;\n\t\t\ttext-transform: uppercase;\n\t\t\tletter-spacing: 0.05em;\n\t\t\tcolor: color-mix(in oklch, var(--studio-line, black), transparent 50%);\n\t\t}\n\t\t.theme-editor .var-row {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tgap: var(--studio-space-sm, 0.5rem);\n\t\t}\n\t\t.theme-editor .var-label {\n\t\t\tfont-size: 0.8rem;\n\t\t\tmin-width: 8rem;\n\t\t\tcolor: color-mix(in oklch, var(--studio-line, black), transparent 30%);\n\t\t}\n\t\t.theme-editor .color-input {\n\t\t\twidth: 2.5rem;\n\t\t\theight: 2rem;\n\t\t\tborder: 1px solid color-mix(in oklch, var(--studio-line, black), transparent 80%);\n\t\t\tborder-radius: var(--studio-radius-sm, 4px);\n\t\t\tpadding: 2px;\n\t\t\tcursor: pointer;\n\t\t\tbackground: none;\n\t\t}\n\t\t.theme-editor .text-input {\n\t\t\tflex: 1;\n\t\t\tmin-width: 0;\n\t\t\tpadding: var(--studio-space-2xs, 0.25rem) var(--studio-space-xs, 0.375rem);\n\t\t\tborder: 1px solid color-mix(in oklch, var(--studio-line, black), transparent 80%);\n\t\t\tborder-radius: var(--studio-radius-sm, 4px);\n\t\t\tbackground: var(--studio-fill, white);\n\t\t\tcolor: var(--studio-line, black);\n\t\t\tfont-size: 0.8rem;\n\t\t\tfont-family: inherit;\n\t\t}\n\t\t.theme-editor .text-input:focus {\n\t\t\toutline: 2px solid var(--studio-primary-line, var(--studio-primary, #35f7ca));\n\t\t\toutline-offset: 1px;\n\t\t}\n\t\t.theme-editor .hex-display {\n\t\t\tfont-family: var(--studio-family-code, ui-monospace, monospace);\n\t\t\tfont-size: 0.75rem;\n\t\t\tcolor: color-mix(in oklch, var(--studio-line, black), transparent 50%);\n\t\t\tmin-width: 5rem;\n\t\t}\n\t\t.theme-editor .preview {\n\t\t\tborder: 1px solid color-mix(in oklch, var(--studio-line, black), transparent 80%);\n\t\t\tborder-radius: var(--studio-radius-md, 8px);\n\t\t\tpadding: var(--studio-space-md, 1rem);\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tgap: var(--studio-space-sm, 0.5rem);\n\t\t}\n\t\t.theme-editor .preview-title {\n\t\t\tfont-size: 0.75rem;\n\t\t\tfont-weight: 600;\n\t\t\ttext-transform: uppercase;\n\t\t\tletter-spacing: 0.05em;\n\t\t\tcolor: color-mix(in oklch, var(--studio-line, black), transparent 50%);\n\t\t\tmargin-bottom: var(--studio-space-2xs, 0.25rem);\n\t\t}\n\t\t.theme-editor .swatch-row {\n\t\t\tdisplay: flex;\n\t\t\tgap: var(--studio-space-2xs, 0.25rem);\n\t\t\tflex-wrap: wrap;\n\t\t}\n\t\t.theme-editor .swatch {\n\t\t\twidth: 2rem;\n\t\t\theight: 2rem;\n\t\t\tborder-radius: var(--studio-radius-sm, 4px);\n\t\t\tborder: 1px solid color-mix(in oklch, var(--studio-line, black), transparent 85%);\n\t\t}\n\t\t.theme-editor .offset-strip {\n\t\t\tdisplay: flex;\n\t\t\theight: 1.5rem;\n\t\t\tborder-radius: var(--studio-radius-sm, 4px);\n\t\t\toverflow: hidden;\n\t\t\tborder: 1px solid color-mix(in oklch, var(--studio-line, black), transparent 85%);\n\t\t}\n\t\t.theme-editor .offset-strip > div {\n\t\t\tflex: 1;\n\t\t}\n\t\t.theme-editor .export-area {\n\t\t\tfont-family: var(--studio-family-code, ui-monospace, monospace);\n\t\t\tfont-size: 0.7rem;\n\t\t\twhite-space: pre;\n\t\t\toverflow-x: auto;\n\t\t\tbackground: color-mix(in oklch, var(--studio-fill, white), var(--studio-line, black) 3%);\n\t\t\tborder: 1px solid color-mix(in oklch, var(--studio-line, black), transparent 85%);\n\t\t\tborder-radius: var(--studio-radius-sm, 4px);\n\t\t\tpadding: var(--studio-space-sm, 0.5rem);\n\t\t\tmax-height: 200px;\n\t\t\toverflow-y: auto;\n\t\t}\n\t\t.theme-editor .css-textarea {\n\t\t\tfont-family: var(--studio-family-code, ui-monospace, monospace);\n\t\t\tfont-size: 0.8rem;\n\t\t\tmin-height: 6rem;\n\t\t\tresize: vertical;\n\t\t\tpadding: var(--studio-space-sm, 0.5rem);\n\t\t\tborder: 1px solid color-mix(in oklch, var(--studio-line, black), transparent 80%);\n\t\t\tborder-radius: var(--studio-radius-sm, 4px);\n\t\t\tbackground: var(--studio-fill, white);\n\t\t\tcolor: var(--studio-line, black);\n\t\t\ttab-size: 2;\n\t\t\twhite-space: pre;\n\t\t\toverflow-x: auto;\n\t\t}\n\t\t.theme-editor .css-textarea:focus {\n\t\t\toutline: 2px solid var(--studio-primary-line, var(--studio-primary, #35f7ca));\n\t\t\toutline-offset: 1px;\n\t\t}\n\t\t.theme-editor .discovered-label {\n\t\t\tfont-family: var(--studio-family-code, ui-monospace, monospace);\n\t\t\tfont-size: 0.75rem;\n\t\t\tmin-width: 8rem;\n\t\t\tcolor: color-mix(in oklch, var(--studio-line, black), transparent 30%);\n\t\t\tword-break: break-all;\n\t\t}\n\t\t.theme-editor .btn-sm {\n\t\t\tpadding: 2px var(--studio-space-xs, 0.375rem);\n\t\t\tborder-radius: var(--studio-radius-sm, 4px);\n\t\t\tborder: 1px solid color-mix(in oklch, var(--studio-line, black), transparent 80%);\n\t\t\tbackground: var(--studio-fill, white);\n\t\t\tcolor: var(--studio-line, black);\n\t\t\tfont-size: 0.7rem;\n\t\t\tfont-family: inherit;\n\t\t\tcursor: pointer;\n\t\t}\n\t\t.theme-editor .btn-sm:hover {\n\t\t\tbackground: color-mix(in oklch, var(--studio-fill, white), var(--studio-line, black) 5%);\n\t\t}\n\t`;\n  element.appendChild(style);\n  const dispose = render(() => {\n    const vars = () => doc()?.variables || {};\n    return (() => {\n      var _el$ = _tmpl$2(),\n        _el$2 = _el$.firstChild,\n        _el$3 = _el$2.firstChild,\n        _el$4 = _el$3.nextSibling,\n        _el$5 = _el$4.firstChild,\n        _el$6 = _el$5.firstChild,\n        _el$7 = _el$5.nextSibling,\n        _el$8 = _el$7.nextSibling,\n        _el$9 = _el$8.nextSibling,\n        _el$0 = _el$2.nextSibling,\n        _el$1 = _el$0.firstChild,\n        _el$10 = _el$1.nextSibling,\n        _el$11 = _el$10.firstChild,\n        _el$12 = _el$11.nextSibling,\n        _el$13 = _el$12.nextSibling,\n        _el$14 = _el$13.nextSibling,\n        _el$15 = _el$14.nextSibling,\n        _el$16 = _el$15.nextSibling,\n        _el$17 = _el$16.nextSibling,\n        _el$18 = _el$17.nextSibling,\n        _el$19 = _el$10.nextSibling,\n        _el$20 = _el$19.nextSibling,\n        _el$21 = _el$20.firstChild,\n        _el$22 = _el$21.nextSibling,\n        _el$23 = _el$22.nextSibling,\n        _el$24 = _el$23.nextSibling,\n        _el$25 = _el$24.nextSibling,\n        _el$26 = _el$25.nextSibling,\n        _el$27 = _el$20.nextSibling,\n        _el$28 = _el$27.nextSibling,\n        _el$29 = _el$28.firstChild,\n        _el$30 = _el$29.nextSibling,\n        _el$31 = _el$30.nextSibling,\n        _el$32 = _el$31.nextSibling,\n        _el$33 = _el$32.nextSibling,\n        _el$34 = _el$33.nextSibling,\n        _el$37 = _el$0.nextSibling,\n        _el$38 = _el$37.firstChild,\n        _el$39 = _el$38.nextSibling,\n        _el$40 = _el$37.nextSibling,\n        _el$41 = _el$40.firstChild,\n        _el$42 = _el$41.nextSibling;\n      _el$3.$$input = e => setName(e.currentTarget.value);\n      _el$5.$$click = toggleMode;\n      _$insert(_el$6, () => (doc()?.mode || \"light\") === \"dark\" ? \"\\u263E\" : \"\\u2600\");\n      _$insert(_el$5, () => (doc()?.mode || \"light\") === \"dark\" ? \"Dark\" : \"Light\", null);\n      _el$7.$$click = () => setLivePreview(!livePreview());\n      _$insert(_el$7, () => livePreview() ? \"Live\" : \"Paused\");\n      _el$8.$$click = resetToDefaults;\n      _el$9.$$click = copyToClipboard;\n      _$insert(_el$, _$createComponent(For, {\n        each: EDITABLE_VARIABLES,\n        children: group => (() => {\n          var _el$43 = _tmpl$3(),\n            _el$44 = _el$43.firstChild;\n          _$insert(_el$44, () => group.group);\n          _$insert(_el$43, _$createComponent(For, {\n            get each() {\n              return group.vars;\n            },\n            children: v => (() => {\n              var _el$45 = _tmpl$7(),\n                _el$46 = _el$45.firstChild;\n              _$insert(_el$46, () => v.label);\n              _$insert(_el$45, _$createComponent(Show, {\n                get when() {\n                  return v.type === \"color\";\n                },\n                get children() {\n                  return [(() => {\n                    var _el$47 = _tmpl$4();\n                    _el$47.$$input = e => setVar(v.key, e.currentTarget.value);\n                    _$effect(() => _el$47.value = vars()[v.key] || DEFAULT_VALUES[v.key] || \"#000000\");\n                    return _el$47;\n                  })(), (() => {\n                    var _el$48 = _tmpl$5();\n                    _$insert(_el$48, () => vars()[v.key] || DEFAULT_VALUES[v.key]);\n                    return _el$48;\n                  })()];\n                }\n              }), null);\n              _$insert(_el$45, _$createComponent(Show, {\n                get when() {\n                  return v.type === \"text\";\n                },\n                get children() {\n                  var _el$49 = _tmpl$6();\n                  _el$49.$$input = e => setVar(v.key, e.currentTarget.value);\n                  _$effect(() => _el$49.value = vars()[v.key] || DEFAULT_VALUES[v.key] || \"\");\n                  return _el$49;\n                }\n              }), null);\n              return _el$45;\n            })()\n          }), null);\n          return _el$43;\n        })()\n      }), _el$37);\n      _$insert(_el$, _$createComponent(Show, {\n        get when() {\n          return Object.keys(rootVars()).length > 0;\n        },\n        get children() {\n          var _el$35 = _tmpl$(),\n            _el$36 = _el$35.firstChild;\n          _$insert(_el$35, _$createComponent(For, {\n            get each() {\n              return Object.entries(rootVars());\n            },\n            children: ([key, defaultValue]) => (() => {\n              var _el$50 = _tmpl$9(),\n                _el$51 = _el$50.firstChild;\n              _$insert(_el$51, key);\n              _$insert(_el$50, _$createComponent(Show, {\n                get when() {\n                  return looksLikeColor(vars()[key] || defaultValue);\n                },\n                get children() {\n                  return [(() => {\n                    var _el$52 = _tmpl$4();\n                    _el$52.$$input = e => setVar(key, e.currentTarget.value);\n                    _$effect(() => _el$52.value = vars()[key] || defaultValue);\n                    return _el$52;\n                  })(), (() => {\n                    var _el$53 = _tmpl$5();\n                    _$insert(_el$53, () => vars()[key] || defaultValue);\n                    return _el$53;\n                  })()];\n                }\n              }), null);\n              _$insert(_el$50, _$createComponent(Show, {\n                get when() {\n                  return !looksLikeColor(vars()[key] || defaultValue);\n                },\n                get children() {\n                  var _el$54 = _tmpl$6();\n                  _el$54.$$input = e => setVar(key, e.currentTarget.value);\n                  _$effect(() => _el$54.value = vars()[key] || defaultValue);\n                  return _el$54;\n                }\n              }), null);\n              _$insert(_el$50, _$createComponent(Show, {\n                get when() {\n                  return !vars()[key];\n                },\n                get children() {\n                  var _el$55 = _tmpl$8();\n                  _el$55.$$click = () => setVar(key, defaultValue);\n                  return _el$55;\n                }\n              }), null);\n              return _el$50;\n            })()\n          }), null);\n          return _el$35;\n        }\n      }), _el$37);\n      _el$39.$$input = e => setCustomCss(e.currentTarget.value);\n      _$insert(_el$42, exportCss);\n      _$effect(_p$ => {\n        var _v$ = livePreview() ? \"\" : void 0,\n          _v$2 = vars()[\"--studio-fill\"] || \"#fff\",\n          _v$3 = vars()[\"--studio-line\"] || \"#000\",\n          _v$4 = vars()[\"--studio-primary\"] || \"#35f7ca\",\n          _v$5 = vars()[\"--studio-secondary\"] || \"#33ccf8\",\n          _v$6 = vars()[\"--studio-danger\"] || \"#ff6a90\",\n          _v$7 = vars()[\"--studio-warning\"] || \"#f8c43b\",\n          _v$8 = vars()[\"--studio-added\"] || \"#35f7ca\",\n          _v$9 = vars()[\"--studio-link\"] || \"#36e\",\n          _v$0 = vars()[\"--studio-fill\"] || \"#fff\",\n          _v$1 = `color-mix(in oklch, ${vars()[\"--studio-fill\"] || \"#fff\"}, ${vars()[\"--studio-line\"] || \"#000\"} 10%)`,\n          _v$10 = `color-mix(in oklch, ${vars()[\"--studio-fill\"] || \"#fff\"}, ${vars()[\"--studio-line\"] || \"#000\"} 20%)`,\n          _v$11 = `color-mix(in oklch, ${vars()[\"--studio-fill\"] || \"#fff\"}, ${vars()[\"--studio-line\"] || \"#000\"} 30%)`,\n          _v$12 = `color-mix(in oklch, ${vars()[\"--studio-fill\"] || \"#fff\"}, ${vars()[\"--studio-line\"] || \"#000\"} 40%)`,\n          _v$13 = `color-mix(in oklch, ${vars()[\"--studio-fill\"] || \"#fff\"}, ${vars()[\"--studio-line\"] || \"#000\"} 50%)`,\n          _v$14 = vars()[\"--studio-line\"] || \"#000\",\n          _v$15 = `color-mix(in oklch, ${vars()[\"--studio-line\"] || \"#000\"}, ${vars()[\"--studio-fill\"] || \"#fff\"} 10%)`,\n          _v$16 = `color-mix(in oklch, ${vars()[\"--studio-line\"] || \"#000\"}, ${vars()[\"--studio-fill\"] || \"#fff\"} 20%)`,\n          _v$17 = `color-mix(in oklch, ${vars()[\"--studio-line\"] || \"#000\"}, ${vars()[\"--studio-fill\"] || \"#fff\"} 30%)`,\n          _v$18 = `color-mix(in oklch, ${vars()[\"--studio-line\"] || \"#000\"}, ${vars()[\"--studio-fill\"] || \"#fff\"} 40%)`,\n          _v$19 = `color-mix(in oklch, ${vars()[\"--studio-line\"] || \"#000\"}, ${vars()[\"--studio-fill\"] || \"#fff\"} 50%)`;\n        _v$ !== _p$.e && _$setAttribute(_el$7, \"data-active\", _p$.e = _v$);\n        _v$2 !== _p$.t && _$setStyleProperty(_el$11, \"background\", _p$.t = _v$2);\n        _v$3 !== _p$.a && _$setStyleProperty(_el$12, \"background\", _p$.a = _v$3);\n        _v$4 !== _p$.o && _$setStyleProperty(_el$13, \"background\", _p$.o = _v$4);\n        _v$5 !== _p$.i && _$setStyleProperty(_el$14, \"background\", _p$.i = _v$5);\n        _v$6 !== _p$.n && _$setStyleProperty(_el$15, \"background\", _p$.n = _v$6);\n        _v$7 !== _p$.s && _$setStyleProperty(_el$16, \"background\", _p$.s = _v$7);\n        _v$8 !== _p$.h && _$setStyleProperty(_el$17, \"background\", _p$.h = _v$8);\n        _v$9 !== _p$.r && _$setStyleProperty(_el$18, \"background\", _p$.r = _v$9);\n        _v$0 !== _p$.d && _$setStyleProperty(_el$21, \"background\", _p$.d = _v$0);\n        _v$1 !== _p$.l && _$setStyleProperty(_el$22, \"background\", _p$.l = _v$1);\n        _v$10 !== _p$.u && _$setStyleProperty(_el$23, \"background\", _p$.u = _v$10);\n        _v$11 !== _p$.c && _$setStyleProperty(_el$24, \"background\", _p$.c = _v$11);\n        _v$12 !== _p$.w && _$setStyleProperty(_el$25, \"background\", _p$.w = _v$12);\n        _v$13 !== _p$.m && _$setStyleProperty(_el$26, \"background\", _p$.m = _v$13);\n        _v$14 !== _p$.f && _$setStyleProperty(_el$29, \"background\", _p$.f = _v$14);\n        _v$15 !== _p$.y && _$setStyleProperty(_el$30, \"background\", _p$.y = _v$15);\n        _v$16 !== _p$.g && _$setStyleProperty(_el$31, \"background\", _p$.g = _v$16);\n        _v$17 !== _p$.p && _$setStyleProperty(_el$32, \"background\", _p$.p = _v$17);\n        _v$18 !== _p$.b && _$setStyleProperty(_el$33, \"background\", _p$.b = _v$18);\n        _v$19 !== _p$.T && _$setStyleProperty(_el$34, \"background\", _p$.T = _v$19);\n        return _p$;\n      }, {\n        e: undefined,\n        t: undefined,\n        a: undefined,\n        o: undefined,\n        i: undefined,\n        n: undefined,\n        s: undefined,\n        h: undefined,\n        r: undefined,\n        d: undefined,\n        l: undefined,\n        u: undefined,\n        c: undefined,\n        w: undefined,\n        m: undefined,\n        f: undefined,\n        y: undefined,\n        g: undefined,\n        p: undefined,\n        b: undefined,\n        T: undefined\n      });\n      _$effect(() => _el$3.value = doc()?.name || \"\");\n      _$effect(() => _el$39.value = doc()?.customCss || \"\");\n      return _el$;\n    })();\n  }, element);\n  return () => {\n    handle.off(\"change\", onChange);\n    const root = document.documentElement;\n    const d = doc();\n    if (d?.variables) {\n      for (const key of Object.keys(d.variables)) {\n        root.style.removeProperty(key);\n      }\n      for (const pct of [10, 20, 30, 40, 50]) {\n        root.style.removeProperty(`--studio-fill-offset-${pct}`);\n        root.style.removeProperty(`--studio-line-offset-${pct}`);\n      }\n    }\n    dispose();\n    style.remove();\n  };\n}\n_$delegateEvents([\"input\", \"click\"]);"],
+  "mappings": "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",
+  "names": []
+}

package/packages/theming/dist/theme-titlebar-P2CODQGF.js ADDED Viewed

@@ -0,0 +1,21 @@
+import {
+  startActiveThemeFromProvider
+} from "./chunk-K4OOO2TK.js";
+import "./chunk-RATW7VZI.js";
+// src/theme-titlebar.ts
+function ThemeTitlebarTool(_handle, element) {
+  const unsubscribe = startActiveThemeFromProvider(element);
+  element.style.width = "0";
+  element.style.height = "0";
+  element.style.overflow = "hidden";
+  element.style.flex = "0 0 0";
+  element.style.pointerEvents = "none";
+  return () => {
+    unsubscribe();
+  };
+}
+export {
+  ThemeTitlebarTool
+};
+//# sourceMappingURL=theme-titlebar-P2CODQGF.js.map

package/packages/theming/dist/theme-titlebar-P2CODQGF.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/theme-titlebar.ts"],
+  "sourcesContent": ["import {startActiveThemeFromProvider} from \"./active-theme.ts\"\n\nexport function ThemeTitlebarTool(_handle: any, element: HTMLElement) {\n\tconst unsubscribe = startActiveThemeFromProvider(element)\n\telement.style.width = \"0\"\n\telement.style.height = \"0\"\n\telement.style.overflow = \"hidden\"\n\telement.style.flex = \"0 0 0\"\n\telement.style.pointerEvents = \"none\"\n\n\treturn () => {\n\t\tunsubscribe()\n\t}\n}\n"],
+  "mappings": ";;;;;;AAEO,SAAS,kBAAkB,SAAc,SAAsB;AACrE,QAAM,cAAc,6BAA6B,OAAO;AACxD,UAAQ,MAAM,QAAQ;AACtB,UAAQ,MAAM,SAAS;AACvB,UAAQ,MAAM,WAAW;AACzB,UAAQ,MAAM,OAAO;AACrB,UAAQ,MAAM,gBAAgB;AAE9B,SAAO,MAAM;AACZ,gBAAY;AAAA,EACb;AACD;",
+  "names": []
+}

package/packages/theming/dist/theme-tray-5L2KGCGD.js ADDED Viewed

@@ -0,0 +1,351 @@
+import {
+  getActiveThemeState,
+  hasThemePreferences,
+  onActiveThemeChange,
+  serveCurrentThemeProvider,
+  setThemeForCurrentMode,
+  startActiveTheme
+} from "./chunk-K4OOO2TK.js";
+import "./chunk-RATW7VZI.js";
+// src/theme-tray.tsx
+import { template as _$template } from "solid-js/web";
+import { delegateEvents as _$delegateEvents } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+import { setAttribute as _$setAttribute } from "solid-js/web";
+import { setStyleProperty as _$setStyleProperty } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { use as _$use } from "solid-js/web";
+import { createEffect, createMemo, createSignal, For, onCleanup, Show } from "solid-js";
+import { Portal, render } from "solid-js/web";
+import { getRegistry } from "@inkandswitch/patchwork-plugins";
+var _tmpl$ = /* @__PURE__ */ _$template(`<span class=theme-tray-label>`);
+var _tmpl$2 = /* @__PURE__ */ _$template(`<div class=theme-tray-empty>No matching themes`);
+var _tmpl$3 = /* @__PURE__ */ _$template(`<div class=theme-tray-popover><div class=theme-tray-header><span class=theme-tray-title>theme</span><label class=theme-tray-toggle><input type=checkbox>show name</label></div><input class=theme-tray-filter type=text placeholder="Filter themes\u2026">`);
+var _tmpl$4 = /* @__PURE__ */ _$template(`<div class=theme-tray><button class=theme-tray-button><span class=theme-tray-swatch>`);
+var _tmpl$5 = /* @__PURE__ */ _$template(`<span class=theme-tray-option-check>selected`);
+var _tmpl$6 = /* @__PURE__ */ _$template(`<button class=theme-tray-option><span class=theme-tray-option-name>`);
+function ThemeTray(element) {
+  startActiveTheme(element);
+  const stopThemeProvider = serveCurrentThemeProvider(document.documentElement);
+  const style = document.createElement("style");
+  style.textContent = `
+		.theme-tray {
+			position: relative;
+			display: inline-flex;
+			align-items: center;
+		}
+		.theme-tray-button {
+			display: inline-flex;
+			align-items: center;
+			gap: var(--studio-space-2xs, 0.25rem);
+			min-width: 0;
+			height: 1.75rem;
+			padding: 0 var(--studio-space-xs, 0.375rem);
+			border: 1px solid var(--studio-chrome-offset-20, var(--studio-fill-offset-20, #d4d4d4));
+			border-radius: var(--studio-radius-sm, 4px);
+			background: var(--studio-chrome, var(--studio-fill, white));
+			color: var(--studio-chrome-line, var(--studio-line, black));
+			font: 500 0.75rem/1 var(--studio-family-sans, system-ui, sans-serif);
+			cursor: pointer;
+		}
+		.theme-tray-button:hover {
+			background: var(--studio-chrome-offset-10, var(--studio-fill-offset-10, #f2f2f2));
+		}
+		.theme-tray-swatch {
+			width: 0.75rem;
+			height: 0.75rem;
+			border-radius: var(--studio-radius-xs, 2px);
+			background: linear-gradient(135deg, var(--studio-primary-fill, var(--studio-primary, #35f7ca)) 0 50%, var(--studio-secondary-fill, var(--studio-secondary, #ec6ca7)) 50% 100%);
+			box-shadow: inset 0 0 0 1px color-mix(in oklch, var(--studio-line, black), transparent 75%);
+			flex: none;
+		}
+		.theme-tray-label {
+			max-width: 9rem;
+			overflow: hidden;
+			text-overflow: ellipsis;
+			white-space: nowrap;
+		}
+		.theme-tray-popover {
+			position: fixed;
+			z-index: 1000;
+			width: 13rem;
+			max-height: min(18rem, 60vh);
+			overflow-y: auto;
+			padding: var(--studio-space-2xs, 0.25rem);
+			border: 1px solid var(--studio-chrome-offset-20, var(--studio-fill-offset-20, #d4d4d4));
+			border-radius: var(--studio-radius-sm, 4px);
+			background: var(--studio-chrome, var(--studio-fill, white));
+			color: var(--studio-chrome-line, var(--studio-line, black));
+			box-shadow: 0 0.5rem 1rem color-mix(in oklch, var(--studio-line, black), transparent 88%);
+			font-family: var(--studio-family-sans, system-ui, sans-serif);
+		}
+		.theme-tray-header {
+			display: flex;
+			align-items: baseline;
+			justify-content: space-between;
+			gap: var(--studio-space-sm, 0.5rem);
+			padding: var(--studio-space-2xs, 0.25rem) var(--studio-space-xs, 0.375rem);
+		}
+		.theme-tray-title {
+			font: 600 0.72rem/1 var(--studio-family-sans, system-ui, sans-serif);
+			text-transform: lowercase;
+			letter-spacing: 0.02em;
+			opacity: 0.7;
+		}
+		.theme-tray-toggle {
+			display: inline-flex;
+			align-items: center;
+			gap: var(--studio-space-2xs, 0.25rem);
+			font: 500 0.68rem/1 var(--studio-family-sans, system-ui, sans-serif);
+			opacity: 0.7;
+			cursor: pointer;
+			user-select: none;
+		}
+		.theme-tray-toggle input {
+			margin: 0;
+			accent-color: var(--studio-primary-fill, var(--studio-primary, #35f7ca));
+			cursor: pointer;
+		}
+		.theme-tray-filter {
+			width: 100%;
+			height: 1.75rem;
+			margin-bottom: var(--studio-space-2xs, 0.25rem);
+			padding: 0 var(--studio-space-xs, 0.375rem);
+			border: 1px solid var(--studio-chrome-offset-20, var(--studio-fill-offset-20, #d4d4d4));
+			border-radius: var(--studio-radius-xs, 2px);
+			background: var(--studio-chrome-fill, var(--studio-fill, white));
+			color: var(--studio-chrome-line, var(--studio-line, black));
+			font: 500 0.78rem/1 var(--studio-family-sans, system-ui, sans-serif);
+			box-sizing: border-box;
+		}
+		.theme-tray-empty {
+			padding: var(--studio-space-xs, 0.375rem);
+			color: color-mix(in oklch, var(--studio-chrome-line, var(--studio-line, black)), transparent 40%);
+			font: 500 0.78rem/1 var(--studio-family-sans, system-ui, sans-serif);
+			text-align: center;
+		}
+		.theme-tray-option {
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			gap: var(--studio-space-sm, 0.5rem);
+			width: 100%;
+			min-height: 1.75rem;
+			padding: 0 var(--studio-space-xs, 0.375rem);
+			border: 0;
+			border-radius: var(--studio-radius-xs, 2px);
+			background: var(--studio-chrome-fill, var(--studio-fill, white));
+			color: var(--studio-chrome-line, var(--studio-line, black));
+			font: 500 0.78rem/1 var(--studio-family-sans, system-ui, sans-serif);
+			text-align: left;
+			cursor: pointer;
+		}
+		.theme-tray-option:hover {
+			background: var(--studio-chrome-fill-offset-20, var(--studio-fill-offset-20, #f2f2f2));
+		}
+		.theme-tray-option[data-selected] {
+			box-shadow: inset 0 0 0 1px var(--studio-chrome-line, var(--studio-line, black));
+		}
+		.theme-tray-option-name {
+			min-width: 0;
+			overflow: hidden;
+			text-overflow: ellipsis;
+			white-space: nowrap;
+		}
+		.theme-tray-option-check {
+			flex: none;
+			font-size: 0.72rem;
+		}
+	`;
+  element.appendChild(style);
+  const dispose = render(() => {
+    const [state, setState] = createSignal(getActiveThemeState());
+    const [open, setOpen] = createSignal(false);
+    const [popoverPosition, setPopoverPosition] = createSignal();
+    const [themes, setThemes] = createSignal([]);
+    const [filter, setFilter] = createSignal("");
+    const showNameKey = "patchwork:theme-tray:show-name";
+    const [showName, setShowName] = createSignal(localStorage.getItem(showNameKey) === "true");
+    createEffect(() => localStorage.setItem(showNameKey, showName() ? "true" : "false"));
+    const themeRegistry = getRegistry("patchwork:theme");
+    const unsubscribe = onActiveThemeChange(setState);
+    let buttonElement;
+    let popoverElement;
+    let filterElement;
+    const themeLabel = (theme) => theme.name || theme.id;
+    const sortedThemes = createMemo(() => [...themes()].sort((a, b) => themeLabel(a).localeCompare(themeLabel(b), void 0, {
+      sensitivity: "base"
+    })));
+    const visibleThemes = createMemo(() => {
+      const query = filter().trim().toLowerCase();
+      if (!query) return sortedThemes();
+      return sortedThemes().filter((theme) => themeLabel(theme).toLowerCase().includes(query) || theme.id.toLowerCase().includes(query));
+    });
+    const refreshThemes = () => setThemes(themeRegistry.all?.() || []);
+    refreshThemes();
+    themeRegistry.on("registered", refreshThemes);
+    themeRegistry.on("removed", refreshThemes);
+    const updatePopoverPosition = () => {
+      if (!buttonElement || !popoverElement) return;
+      const gap = 4;
+      const margin = 8;
+      const buttonRect = buttonElement.getBoundingClientRect();
+      const popoverRect = popoverElement.getBoundingClientRect();
+      const maxLeft = Math.max(margin, window.innerWidth - popoverRect.width - margin);
+      const maxTop = Math.max(margin, window.innerHeight - popoverRect.height - margin);
+      const left = Math.min(Math.max(buttonRect.right - popoverRect.width, margin), maxLeft);
+      const preferredTop = buttonRect.top >= popoverRect.height + margin + gap ? buttonRect.top - popoverRect.height - gap : buttonRect.bottom + gap;
+      const top = Math.min(Math.max(preferredTop, margin), maxTop);
+      setPopoverPosition({
+        left,
+        top
+      });
+    };
+    const onDocumentClick = (event) => {
+      const target = event.target;
+      if (!element.contains(target) && !popoverElement?.contains(target)) setOpen(false);
+    };
+    document.addEventListener("click", onDocumentClick);
+    const onDocumentKeyDown = (event) => {
+      if (event.key === "Escape") setOpen(false);
+    };
+    document.addEventListener("keydown", onDocumentKeyDown);
+    createEffect(() => {
+      if (!open()) return;
+      const animationFrame = requestAnimationFrame(() => {
+        updatePopoverPosition();
+        filterElement?.focus();
+      });
+      window.addEventListener("resize", updatePopoverPosition);
+      window.addEventListener("scroll", updatePopoverPosition, true);
+      onCleanup(() => {
+        cancelAnimationFrame(animationFrame);
+        window.removeEventListener("resize", updatePopoverPosition);
+        window.removeEventListener("scroll", updatePopoverPosition, true);
+        setPopoverPosition(void 0);
+        setFilter("");
+      });
+    });
+    onCleanup(() => {
+      unsubscribe();
+      themeRegistry.off?.("registered", refreshThemes);
+      themeRegistry.off?.("removed", refreshThemes);
+      document.removeEventListener("click", onDocumentClick);
+      document.removeEventListener("keydown", onDocumentKeyDown);
+    });
+    function chooseTheme(id) {
+      if (!hasThemePreferences()) return;
+      setThemeForCurrentMode(id);
+      setOpen(false);
+    }
+    const activeThemeId = () => state().themeId;
+    return (() => {
+      var _el$ = _tmpl$4(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
+      _el$2.$$click = (event) => {
+        event.stopPropagation();
+        setOpen((value) => !value);
+      };
+      var _ref$ = buttonElement;
+      typeof _ref$ === "function" ? _$use(_ref$, _el$2) : buttonElement = _el$2;
+      _$insert(_el$2, _$createComponent(Show, {
+        get when() {
+          return showName();
+        },
+        get children() {
+          var _el$4 = _tmpl$();
+          _$insert(_el$4, activeThemeId);
+          return _el$4;
+        }
+      }), null);
+      _$insert(_el$, _$createComponent(Show, {
+        get when() {
+          return open();
+        },
+        get children() {
+          return _$createComponent(Portal, {
+            get mount() {
+              return document.body;
+            },
+            get children() {
+              var _el$5 = _tmpl$3(), _el$6 = _el$5.firstChild, _el$7 = _el$6.firstChild, _el$8 = _el$7.nextSibling, _el$9 = _el$8.firstChild, _el$0 = _el$6.nextSibling;
+              _el$5.$$click = (event) => event.stopPropagation();
+              var _ref$2 = popoverElement;
+              typeof _ref$2 === "function" ? _$use(_ref$2, _el$5) : popoverElement = _el$5;
+              _el$9.addEventListener("change", (event) => setShowName(event.currentTarget.checked));
+              _el$0.$$input = (event) => setFilter(event.currentTarget.value);
+              var _ref$3 = filterElement;
+              typeof _ref$3 === "function" ? _$use(_ref$3, _el$0) : filterElement = _el$0;
+              _$insert(_el$5, _$createComponent(For, {
+                get each() {
+                  return visibleThemes();
+                },
+                children: (theme) => (() => {
+                  var _el$10 = _tmpl$6(), _el$11 = _el$10.firstChild;
+                  _el$10.$$click = () => chooseTheme(theme.id);
+                  _$insert(_el$11, () => theme.name || theme.id);
+                  _$insert(_el$10, _$createComponent(Show, {
+                    get when() {
+                      return activeThemeId() === theme.id;
+                    },
+                    get children() {
+                      return _tmpl$5();
+                    }
+                  }), null);
+                  _$effect((_p$) => {
+                    var _v$4 = theme.id, _v$5 = activeThemeId() === theme.id ? "" : void 0, _v$6 = theme.name || theme.id;
+                    _v$4 !== _p$.e && _$setAttribute(_el$10, "theme", _p$.e = _v$4);
+                    _v$5 !== _p$.t && _$setAttribute(_el$10, "data-selected", _p$.t = _v$5);
+                    _v$6 !== _p$.a && _$setAttribute(_el$10, "title", _p$.a = _v$6);
+                    return _p$;
+                  }, {
+                    e: void 0,
+                    t: void 0,
+                    a: void 0
+                  });
+                  return _el$10;
+                })()
+              }), null);
+              _$insert(_el$5, _$createComponent(Show, {
+                get when() {
+                  return visibleThemes().length === 0;
+                },
+                get children() {
+                  return _tmpl$2();
+                }
+              }), null);
+              _$effect((_p$) => {
+                var _v$ = `${popoverPosition()?.left ?? 0}px`, _v$2 = `${popoverPosition()?.top ?? 0}px`, _v$3 = popoverPosition() ? "visible" : "hidden";
+                _v$ !== _p$.e && _$setStyleProperty(_el$5, "left", _p$.e = _v$);
+                _v$2 !== _p$.t && _$setStyleProperty(_el$5, "top", _p$.t = _v$2);
+                _v$3 !== _p$.a && _$setStyleProperty(_el$5, "visibility", _p$.a = _v$3);
+                return _p$;
+              }, {
+                e: void 0,
+                t: void 0,
+                a: void 0
+              });
+              _$effect(() => _el$9.checked = showName());
+              _$effect(() => _el$0.value = filter());
+              return _el$5;
+            }
+          });
+        }
+      }), null);
+      _$effect(() => _$setAttribute(_el$2, "title", `Theme: ${activeThemeId()}`));
+      return _el$;
+    })();
+  }, element);
+  return () => {
+    dispose();
+    style.remove();
+    stopThemeProvider();
+  };
+}
+_$delegateEvents(["click", "input"]);
+export {
+  ThemeTray
+};
+//# sourceMappingURL=theme-tray-5L2KGCGD.js.map

package/packages/theming/dist/theme-tray-5L2KGCGD.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/theme-tray.tsx"],
+  "sourcesContent": ["import { template as _$template } from \"solid-js/web\";\nimport { delegateEvents as _$delegateEvents } from \"solid-js/web\";\nimport { memo as _$memo } from \"solid-js/web\";\nimport { setAttribute as _$setAttribute } from \"solid-js/web\";\nimport { setStyleProperty as _$setStyleProperty } from \"solid-js/web\";\nimport { effect as _$effect } from \"solid-js/web\";\nimport { createComponent as _$createComponent } from \"solid-js/web\";\nimport { insert as _$insert } from \"solid-js/web\";\nimport { use as _$use } from \"solid-js/web\";\nvar _tmpl$ = /*#__PURE__*/_$template(`<span class=theme-tray-label>`),\n  _tmpl$2 = /*#__PURE__*/_$template(`<div class=theme-tray-empty>No matching themes`),\n  _tmpl$3 = /*#__PURE__*/_$template(`<div class=theme-tray-popover><div class=theme-tray-header><span class=theme-tray-title>theme</span><label class=theme-tray-toggle><input type=checkbox>show name</label></div><input class=theme-tray-filter type=text placeholder=\"Filter themes\u2026\">`),\n  _tmpl$4 = /*#__PURE__*/_$template(`<div class=theme-tray><button class=theme-tray-button><span class=theme-tray-swatch>`),\n  _tmpl$5 = /*#__PURE__*/_$template(`<span class=theme-tray-option-check>selected`),\n  _tmpl$6 = /*#__PURE__*/_$template(`<button class=theme-tray-option><span class=theme-tray-option-name>`);\nimport { createEffect, createMemo, createSignal, For, onCleanup, Show } from \"solid-js\";\nimport { Portal, render } from \"solid-js/web\";\nimport { getRegistry } from \"@inkandswitch/patchwork-plugins\";\nimport { getActiveThemeState, hasThemePreferences, onActiveThemeChange, serveCurrentThemeProvider, setThemeForCurrentMode, startActiveTheme } from \"./active-theme.ts\";\nexport function ThemeTray(element) {\n  startActiveTheme(element);\n  const stopThemeProvider = serveCurrentThemeProvider(document.documentElement);\n  const style = document.createElement(\"style\");\n  style.textContent = `\n\t\t.theme-tray {\n\t\t\tposition: relative;\n\t\t\tdisplay: inline-flex;\n\t\t\talign-items: center;\n\t\t}\n\t\t.theme-tray-button {\n\t\t\tdisplay: inline-flex;\n\t\t\talign-items: center;\n\t\t\tgap: var(--studio-space-2xs, 0.25rem);\n\t\t\tmin-width: 0;\n\t\t\theight: 1.75rem;\n\t\t\tpadding: 0 var(--studio-space-xs, 0.375rem);\n\t\t\tborder: 1px solid var(--studio-chrome-offset-20, var(--studio-fill-offset-20, #d4d4d4));\n\t\t\tborder-radius: var(--studio-radius-sm, 4px);\n\t\t\tbackground: var(--studio-chrome, var(--studio-fill, white));\n\t\t\tcolor: var(--studio-chrome-line, var(--studio-line, black));\n\t\t\tfont: 500 0.75rem/1 var(--studio-family-sans, system-ui, sans-serif);\n\t\t\tcursor: pointer;\n\t\t}\n\t\t.theme-tray-button:hover {\n\t\t\tbackground: var(--studio-chrome-offset-10, var(--studio-fill-offset-10, #f2f2f2));\n\t\t}\n\t\t.theme-tray-swatch {\n\t\t\twidth: 0.75rem;\n\t\t\theight: 0.75rem;\n\t\t\tborder-radius: var(--studio-radius-xs, 2px);\n\t\t\tbackground: linear-gradient(135deg, var(--studio-primary-fill, var(--studio-primary, #35f7ca)) 0 50%, var(--studio-secondary-fill, var(--studio-secondary, #ec6ca7)) 50% 100%);\n\t\t\tbox-shadow: inset 0 0 0 1px color-mix(in oklch, var(--studio-line, black), transparent 75%);\n\t\t\tflex: none;\n\t\t}\n\t\t.theme-tray-label {\n\t\t\tmax-width: 9rem;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t}\n\t\t.theme-tray-popover {\n\t\t\tposition: fixed;\n\t\t\tz-index: 1000;\n\t\t\twidth: 13rem;\n\t\t\tmax-height: min(18rem, 60vh);\n\t\t\toverflow-y: auto;\n\t\t\tpadding: var(--studio-space-2xs, 0.25rem);\n\t\t\tborder: 1px solid var(--studio-chrome-offset-20, var(--studio-fill-offset-20, #d4d4d4));\n\t\t\tborder-radius: var(--studio-radius-sm, 4px);\n\t\t\tbackground: var(--studio-chrome, var(--studio-fill, white));\n\t\t\tcolor: var(--studio-chrome-line, var(--studio-line, black));\n\t\t\tbox-shadow: 0 0.5rem 1rem color-mix(in oklch, var(--studio-line, black), transparent 88%);\n\t\t\tfont-family: var(--studio-family-sans, system-ui, sans-serif);\n\t\t}\n\t\t.theme-tray-header {\n\t\t\tdisplay: flex;\n\t\t\talign-items: baseline;\n\t\t\tjustify-content: space-between;\n\t\t\tgap: var(--studio-space-sm, 0.5rem);\n\t\t\tpadding: var(--studio-space-2xs, 0.25rem) var(--studio-space-xs, 0.375rem);\n\t\t}\n\t\t.theme-tray-title {\n\t\t\tfont: 600 0.72rem/1 var(--studio-family-sans, system-ui, sans-serif);\n\t\t\ttext-transform: lowercase;\n\t\t\tletter-spacing: 0.02em;\n\t\t\topacity: 0.7;\n\t\t}\n\t\t.theme-tray-toggle {\n\t\t\tdisplay: inline-flex;\n\t\t\talign-items: center;\n\t\t\tgap: var(--studio-space-2xs, 0.25rem);\n\t\t\tfont: 500 0.68rem/1 var(--studio-family-sans, system-ui, sans-serif);\n\t\t\topacity: 0.7;\n\t\t\tcursor: pointer;\n\t\t\tuser-select: none;\n\t\t}\n\t\t.theme-tray-toggle input {\n\t\t\tmargin: 0;\n\t\t\taccent-color: var(--studio-primary-fill, var(--studio-primary, #35f7ca));\n\t\t\tcursor: pointer;\n\t\t}\n\t\t.theme-tray-filter {\n\t\t\twidth: 100%;\n\t\t\theight: 1.75rem;\n\t\t\tmargin-bottom: var(--studio-space-2xs, 0.25rem);\n\t\t\tpadding: 0 var(--studio-space-xs, 0.375rem);\n\t\t\tborder: 1px solid var(--studio-chrome-offset-20, var(--studio-fill-offset-20, #d4d4d4));\n\t\t\tborder-radius: var(--studio-radius-xs, 2px);\n\t\t\tbackground: var(--studio-chrome-fill, var(--studio-fill, white));\n\t\t\tcolor: var(--studio-chrome-line, var(--studio-line, black));\n\t\t\tfont: 500 0.78rem/1 var(--studio-family-sans, system-ui, sans-serif);\n\t\t\tbox-sizing: border-box;\n\t\t}\n\t\t.theme-tray-empty {\n\t\t\tpadding: var(--studio-space-xs, 0.375rem);\n\t\t\tcolor: color-mix(in oklch, var(--studio-chrome-line, var(--studio-line, black)), transparent 40%);\n\t\t\tfont: 500 0.78rem/1 var(--studio-family-sans, system-ui, sans-serif);\n\t\t\ttext-align: center;\n\t\t}\n\t\t.theme-tray-option {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: space-between;\n\t\t\tgap: var(--studio-space-sm, 0.5rem);\n\t\t\twidth: 100%;\n\t\t\tmin-height: 1.75rem;\n\t\t\tpadding: 0 var(--studio-space-xs, 0.375rem);\n\t\t\tborder: 0;\n\t\t\tborder-radius: var(--studio-radius-xs, 2px);\n\t\t\tbackground: var(--studio-chrome-fill, var(--studio-fill, white));\n\t\t\tcolor: var(--studio-chrome-line, var(--studio-line, black));\n\t\t\tfont: 500 0.78rem/1 var(--studio-family-sans, system-ui, sans-serif);\n\t\t\ttext-align: left;\n\t\t\tcursor: pointer;\n\t\t}\n\t\t.theme-tray-option:hover {\n\t\t\tbackground: var(--studio-chrome-fill-offset-20, var(--studio-fill-offset-20, #f2f2f2));\n\t\t}\n\t\t.theme-tray-option[data-selected] {\n\t\t\tbox-shadow: inset 0 0 0 1px var(--studio-chrome-line, var(--studio-line, black));\n\t\t}\n\t\t.theme-tray-option-name {\n\t\t\tmin-width: 0;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t}\n\t\t.theme-tray-option-check {\n\t\t\tflex: none;\n\t\t\tfont-size: 0.72rem;\n\t\t}\n\t`;\n  element.appendChild(style);\n  const dispose = render(() => {\n    const [state, setState] = createSignal(getActiveThemeState());\n    const [open, setOpen] = createSignal(false);\n    const [popoverPosition, setPopoverPosition] = createSignal();\n    const [themes, setThemes] = createSignal([]);\n    const [filter, setFilter] = createSignal(\"\");\n    const showNameKey = \"patchwork:theme-tray:show-name\";\n    const [showName, setShowName] = createSignal(localStorage.getItem(showNameKey) === \"true\");\n    createEffect(() => localStorage.setItem(showNameKey, showName() ? \"true\" : \"false\"));\n    const themeRegistry = getRegistry(\"patchwork:theme\");\n    const unsubscribe = onActiveThemeChange(setState);\n    let buttonElement;\n    let popoverElement;\n    let filterElement;\n    const themeLabel = theme => theme.name || theme.id;\n    const sortedThemes = createMemo(() => [...themes()].sort((a, b) => themeLabel(a).localeCompare(themeLabel(b), void 0, {\n      sensitivity: \"base\"\n    })));\n    const visibleThemes = createMemo(() => {\n      const query = filter().trim().toLowerCase();\n      if (!query) return sortedThemes();\n      return sortedThemes().filter(theme => themeLabel(theme).toLowerCase().includes(query) || theme.id.toLowerCase().includes(query));\n    });\n    const refreshThemes = () => setThemes(themeRegistry.all?.() || []);\n    refreshThemes();\n    themeRegistry.on(\"registered\", refreshThemes);\n    themeRegistry.on(\"removed\", refreshThemes);\n    const updatePopoverPosition = () => {\n      if (!buttonElement || !popoverElement) return;\n      const gap = 4;\n      const margin = 8;\n      const buttonRect = buttonElement.getBoundingClientRect();\n      const popoverRect = popoverElement.getBoundingClientRect();\n      const maxLeft = Math.max(margin, window.innerWidth - popoverRect.width - margin);\n      const maxTop = Math.max(margin, window.innerHeight - popoverRect.height - margin);\n      const left = Math.min(Math.max(buttonRect.right - popoverRect.width, margin), maxLeft);\n      const preferredTop = buttonRect.top >= popoverRect.height + margin + gap ? buttonRect.top - popoverRect.height - gap : buttonRect.bottom + gap;\n      const top = Math.min(Math.max(preferredTop, margin), maxTop);\n      setPopoverPosition({\n        left,\n        top\n      });\n    };\n    const onDocumentClick = event => {\n      const target = event.target;\n      if (!element.contains(target) && !popoverElement?.contains(target)) setOpen(false);\n    };\n    document.addEventListener(\"click\", onDocumentClick);\n    const onDocumentKeyDown = event => {\n      if (event.key === \"Escape\") setOpen(false);\n    };\n    document.addEventListener(\"keydown\", onDocumentKeyDown);\n    createEffect(() => {\n      if (!open()) return;\n      const animationFrame = requestAnimationFrame(() => {\n        updatePopoverPosition();\n        filterElement?.focus();\n      });\n      window.addEventListener(\"resize\", updatePopoverPosition);\n      window.addEventListener(\"scroll\", updatePopoverPosition, true);\n      onCleanup(() => {\n        cancelAnimationFrame(animationFrame);\n        window.removeEventListener(\"resize\", updatePopoverPosition);\n        window.removeEventListener(\"scroll\", updatePopoverPosition, true);\n        setPopoverPosition(void 0);\n        setFilter(\"\");\n      });\n    });\n    onCleanup(() => {\n      unsubscribe();\n      themeRegistry.off?.(\"registered\", refreshThemes);\n      themeRegistry.off?.(\"removed\", refreshThemes);\n      document.removeEventListener(\"click\", onDocumentClick);\n      document.removeEventListener(\"keydown\", onDocumentKeyDown);\n    });\n    function chooseTheme(id) {\n      if (!hasThemePreferences()) return;\n      setThemeForCurrentMode(id);\n      setOpen(false);\n    }\n    const activeThemeId = () => state().themeId;\n    return (() => {\n      var _el$ = _tmpl$4(),\n        _el$2 = _el$.firstChild,\n        _el$3 = _el$2.firstChild;\n      _el$2.$$click = event => {\n        event.stopPropagation();\n        setOpen(value => !value);\n      };\n      var _ref$ = buttonElement;\n      typeof _ref$ === \"function\" ? _$use(_ref$, _el$2) : buttonElement = _el$2;\n      _$insert(_el$2, _$createComponent(Show, {\n        get when() {\n          return showName();\n        },\n        get children() {\n          var _el$4 = _tmpl$();\n          _$insert(_el$4, activeThemeId);\n          return _el$4;\n        }\n      }), null);\n      _$insert(_el$, _$createComponent(Show, {\n        get when() {\n          return open();\n        },\n        get children() {\n          return _$createComponent(Portal, {\n            get mount() {\n              return document.body;\n            },\n            get children() {\n              var _el$5 = _tmpl$3(),\n                _el$6 = _el$5.firstChild,\n                _el$7 = _el$6.firstChild,\n                _el$8 = _el$7.nextSibling,\n                _el$9 = _el$8.firstChild,\n                _el$0 = _el$6.nextSibling;\n              _el$5.$$click = event => event.stopPropagation();\n              var _ref$2 = popoverElement;\n              typeof _ref$2 === \"function\" ? _$use(_ref$2, _el$5) : popoverElement = _el$5;\n              _el$9.addEventListener(\"change\", event => setShowName(event.currentTarget.checked));\n              _el$0.$$input = event => setFilter(event.currentTarget.value);\n              var _ref$3 = filterElement;\n              typeof _ref$3 === \"function\" ? _$use(_ref$3, _el$0) : filterElement = _el$0;\n              _$insert(_el$5, _$createComponent(For, {\n                get each() {\n                  return visibleThemes();\n                },\n                children: theme => (() => {\n                  var _el$10 = _tmpl$6(),\n                    _el$11 = _el$10.firstChild;\n                  _el$10.$$click = () => chooseTheme(theme.id);\n                  _$insert(_el$11, () => theme.name || theme.id);\n                  _$insert(_el$10, _$createComponent(Show, {\n                    get when() {\n                      return activeThemeId() === theme.id;\n                    },\n                    get children() {\n                      return _tmpl$5();\n                    }\n                  }), null);\n                  _$effect(_p$ => {\n                    var _v$4 = theme.id,\n                      _v$5 = activeThemeId() === theme.id ? \"\" : void 0,\n                      _v$6 = theme.name || theme.id;\n                    _v$4 !== _p$.e && _$setAttribute(_el$10, \"theme\", _p$.e = _v$4);\n                    _v$5 !== _p$.t && _$setAttribute(_el$10, \"data-selected\", _p$.t = _v$5);\n                    _v$6 !== _p$.a && _$setAttribute(_el$10, \"title\", _p$.a = _v$6);\n                    return _p$;\n                  }, {\n                    e: undefined,\n                    t: undefined,\n                    a: undefined\n                  });\n                  return _el$10;\n                })()\n              }), null);\n              _$insert(_el$5, _$createComponent(Show, {\n                get when() {\n                  return visibleThemes().length === 0;\n                },\n                get children() {\n                  return _tmpl$2();\n                }\n              }), null);\n              _$effect(_p$ => {\n                var _v$ = `${popoverPosition()?.left ?? 0}px`,\n                  _v$2 = `${popoverPosition()?.top ?? 0}px`,\n                  _v$3 = popoverPosition() ? \"visible\" : \"hidden\";\n                _v$ !== _p$.e && _$setStyleProperty(_el$5, \"left\", _p$.e = _v$);\n                _v$2 !== _p$.t && _$setStyleProperty(_el$5, \"top\", _p$.t = _v$2);\n                _v$3 !== _p$.a && _$setStyleProperty(_el$5, \"visibility\", _p$.a = _v$3);\n                return _p$;\n              }, {\n                e: undefined,\n                t: undefined,\n                a: undefined\n              });\n              _$effect(() => _el$9.checked = showName());\n              _$effect(() => _el$0.value = filter());\n              return _el$5;\n            }\n          });\n        }\n      }), null);\n      _$effect(() => _$setAttribute(_el$2, \"title\", `Theme: ${activeThemeId()}`));\n      return _el$;\n    })();\n  }, element);\n  return () => {\n    dispose();\n    style.remove();\n    stopThemeProvider();\n  };\n}\n_$delegateEvents([\"click\", \"input\"]);"],
+  "mappings": "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",
+  "names": []
+}