@inkandswitch/patchwork-pkg-base 0.0.45 → 0.0.47

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 (18) hide show
  1. package/package.json +1 -1
  2. package/packages/theming/dist/{active-theme-32OB4CH6.js → active-theme-UQTNYSFY.js} +2 -2
  3. package/packages/theming/dist/{chunk-UVXMCWBQ.js → chunk-CURPQLM7.js} +2 -2
  4. package/packages/theming/dist/{chunk-U7SC4JPE.js → chunk-GIPQLUDU.js} +2 -2
  5. package/packages/theming/dist/{chunk-U7SC4JPE.js.map → chunk-GIPQLUDU.js.map} +1 -1
  6. package/packages/theming/dist/main.js +4 -4
  7. package/packages/theming/dist/{theme-RC7MV6WP.css → theme-RXYYQDSF.css} +20 -20
  8. package/packages/theming/dist/{theme-editor-datatype-CIXRKEFF.js → theme-editor-datatype-TMYH7U2S.js} +2 -2
  9. package/packages/theming/dist/theme-editor.js +6 -5
  10. package/packages/theming/dist/theme-editor.js.map +2 -2
  11. package/packages/theming/dist/{theme-titlebar-GZMRTVWM.js → theme-titlebar-OIJRAUMN.js} +2 -2
  12. package/packages/theming/dist/{theme-tray-MSIUUA2I.js → theme-tray-YADACUXX.js} +2 -2
  13. package/packages/theming/dist/tool.js +1 -1
  14. /package/packages/theming/dist/{active-theme-32OB4CH6.js.map → active-theme-UQTNYSFY.js.map} +0 -0
  15. /package/packages/theming/dist/{chunk-UVXMCWBQ.js.map → chunk-CURPQLM7.js.map} +0 -0
  16. /package/packages/theming/dist/{theme-editor-datatype-CIXRKEFF.js.map → theme-editor-datatype-TMYH7U2S.js.map} +0 -0
  17. /package/packages/theming/dist/{theme-titlebar-GZMRTVWM.js.map → theme-titlebar-OIJRAUMN.js.map} +0 -0
  18. /package/packages/theming/dist/{theme-tray-MSIUUA2I.js.map → theme-tray-YADACUXX.js.map} +0 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@inkandswitch/patchwork-pkg-base",
3
- "version": "0.0.45",
3
+ "version": "0.0.47",
4
4
  "type": "module",
5
5
  "description": "Base packages for the Patchwork system",
6
6
  "repository": {
package/packages/theming/dist/{active-theme-32OB4CH6.js → active-theme-UQTNYSFY.js} RENAMED
@@ -9,7 +9,7 @@ import {
9
9
  setThemeForMode,
10
10
  startActiveTheme,
11
11
  startActiveThemeFromProvider
12
- } from "./chunk-UVXMCWBQ.js";
12
+ } from "./chunk-CURPQLM7.js";
13
13
  import "./chunk-RATW7VZI.js";
14
14
  export {
15
15
  CURRENT_THEME_SELECTOR,
@@ -23,4 +23,4 @@ export {
23
23
  startActiveTheme,
24
24
  startActiveThemeFromProvider
25
25
  };
26
- //# sourceMappingURL=active-theme-32OB4CH6.js.map
26
+ //# sourceMappingURL=active-theme-UQTNYSFY.js.map
package/packages/theming/dist/{chunk-UVXMCWBQ.js → chunk-CURPQLM7.js} RENAMED
@@ -7,7 +7,7 @@ import {
7
7
  import { getRegistry } from "@inkandswitch/patchwork-plugins";
8
8
 
9
9
  // src/theme.css
10
- var theme_default = "./theme-RC7MV6WP.css";
10
+ var theme_default = "./theme-RXYYQDSF.css";
11
11
 
12
12
  // src/active-theme.ts
13
13
  var CURRENT_THEME_SELECTOR = "patchwork:current-theme";
@@ -285,4 +285,4 @@ export {
285
285
  hasThemePreferences,
286
286
  onActiveThemeChange
287
287
  };
288
- //# sourceMappingURL=chunk-UVXMCWBQ.js.map
288
+ //# sourceMappingURL=chunk-CURPQLM7.js.map
package/packages/theming/dist/{chunk-U7SC4JPE.js → chunk-GIPQLUDU.js} RENAMED
@@ -57,7 +57,7 @@ var DEFAULT_VALUES = {
57
57
  "--sideboard-primary": "var(--studio-primary)",
58
58
  "--sideboard-fill": "var(--studio-chrome-fill)",
59
59
  "--studio-family-sans": '"Jost*", "Jost", system-ui, -apple-system, sans-serif',
60
- "--studio-family-code": '"Fantasque Sans Mono", "IBM Plex Mono", ui-monospace, monospace',
60
+ "--studio-family-code": '"IBM Plex Mono", ui-monospace, monospace',
61
61
  "--studio-family": "var(--studio-family-sans)",
62
62
  "--studio-family-ui": "var(--studio-family-sans)",
63
63
  "--studio-font-size": "16px",
@@ -83,4 +83,4 @@ export {
83
83
  DEFAULT_VALUES,
84
84
  CustomThemeDatatype
85
85
  };
86
- //# sourceMappingURL=chunk-U7SC4JPE.js.map
86
+ //# sourceMappingURL=chunk-GIPQLUDU.js.map
package/packages/theming/dist/{chunk-U7SC4JPE.js.map → chunk-GIPQLUDU.js.map} RENAMED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../src/theme-editor-datatype.ts"],
4
- "sourcesContent": ["export interface CustomThemeDoc {\n\tname: string\n\tmode: \"light\" | \"dark\"\n\tvariables: Record<string, string>\n\tcustomCss: string\n}\n\nexport const EDITABLE_VARIABLES = [\n\t{group: \"Base\", vars: [\n\t\t{key: \"--studio-fill\", label: \"Fill (background)\", type: \"color\"},\n\t\t{key: \"--studio-line\", label: \"Line (foreground)\", type: \"color\"},\n\t]},\n\t{group: \"Accents\", vars: [\n\t\t{key: \"--studio-primary\", label: \"Primary\", type: \"color\"},\n\t\t{key: \"--studio-secondary\", label: \"Secondary\", type: \"color\"},\n\t\t{key: \"--studio-danger\", label: \"Danger\", type: \"color\"},\n\t\t{key: \"--studio-warning\", label: \"Warning\", type: \"color\"},\n\t]},\n\t{group: \"Semantic\", vars: [\n\t\t{key: \"--studio-added\", label: \"Added\", type: \"color\"},\n\t\t{key: \"--studio-deleted\", label: \"Deleted\", type: \"color\"},\n\t\t{key: \"--studio-modified\", label: \"Modified\", type: \"color\"},\n\t\t{key: \"--studio-link\", label: \"Link\", type: \"color\"},\n\t]},\n\t{group: \"Selection\", vars: [\n\t\t{key: \"--studio-selection-fill\", label: \"Selection fill\", type: \"color\"},\n\t]},\n\t{group: \"Chrome\", vars: [\n\t\t// derived by default (see theme.css); kept as text so the var() default\n\t\t// survives unless the user types a concrete value.\n\t\t{key: \"--studio-chrome-fill\", label: \"Chrome fill\", type: \"text\"},\n\t\t{key: \"--studio-chrome-line\", label: \"Chrome line\", type: \"text\"},\n\t]},\n\t{group: \"Sideboard\", vars: [\n\t\t{key: \"--sideboard-primary\", label: \"Sideboard primary\", type: \"text\"},\n\t\t{key: \"--sideboard-fill\", label: \"Sideboard fill\", type: \"text\"},\n\t]},\n\t{group: \"Typography\", vars: [\n\t\t{key: \"--studio-family-sans\", label: \"Sans font\", type: \"text\"},\n\t\t{key: \"--studio-family-code\", label: \"Code font\", type: \"text\"},\n\t\t{key: \"--studio-family\", label: \"Default font\", type: \"text\"},\n\t\t{key: \"--studio-family-ui\", label: \"UI font\", type: \"text\"},\n\t\t{key: \"--studio-font-size\", label: \"Font size\", type: \"text\"},\n\t\t{key: \"--studio-line-height\", label: \"Line height\", type: \"text\"},\n\t]},\n] as const\n\nexport const DEFAULT_VALUES: Record<string, string> = {\n\t\"--studio-fill\": \"#ffffff\",\n\t\"--studio-line\": \"#000000\",\n\t\"--studio-primary\": \"#35f7ca\",\n\t\"--studio-secondary\": \"#33ccf8\",\n\t\"--studio-danger\": \"#ff6a90\",\n\t\"--studio-warning\": \"#f8c43b\",\n\t\"--studio-added\": \"#35f7ca\",\n\t\"--studio-deleted\": \"#ff6a90\",\n\t\"--studio-modified\": \"#f8c43b\",\n\t\"--studio-link\": \"#3366ee\",\n\t\"--studio-selection-fill\": \"#ffee8888\",\n\t// derived defaults \u2014 mirror the var() chains in theme.css so editing the\n\t// source (fill/primary/sans) cascades unless overridden here.\n\t\"--studio-chrome-fill\": \"var(--studio-fill-offset-10)\",\n\t\"--studio-chrome-line\": \"var(--studio-line)\",\n\t\"--sideboard-primary\": \"var(--studio-primary)\",\n\t\"--sideboard-fill\": \"var(--studio-chrome-fill)\",\n\t\"--studio-family-sans\": '\"Jost*\", \"Jost\", system-ui, -apple-system, sans-serif',\n\t\"--studio-family-code\": '\"Fantasque Sans Mono\", \"IBM Plex Mono\", ui-monospace, monospace',\n\t\"--studio-family\": \"var(--studio-family-sans)\",\n\t\"--studio-family-ui\": \"var(--studio-family-sans)\",\n\t\"--studio-font-size\": \"16px\",\n\t\"--studio-line-height\": \"1.5\",\n}\n\nexport const CustomThemeDatatype = {\n\tinit(doc: any) {\n\t\tdoc.name = \"Custom Theme\"\n\t\tdoc.mode = \"light\"\n\t\tdoc.variables = {...DEFAULT_VALUES}\n\t\tdoc.customCss = \"\"\n\t},\n\tgetTitle(doc: any) {\n\t\treturn doc.name || \"Custom Theme\"\n\t},\n\tsetTitle(doc: any, title: string) {\n\t\tdoc.name = title\n\t},\n}\n"],
4
+ "sourcesContent": ["export interface CustomThemeDoc {\n\tname: string\n\tmode: \"light\" | \"dark\"\n\tvariables: Record<string, string>\n\tcustomCss: string\n}\n\nexport const EDITABLE_VARIABLES = [\n\t{group: \"Base\", vars: [\n\t\t{key: \"--studio-fill\", label: \"Fill (background)\", type: \"color\"},\n\t\t{key: \"--studio-line\", label: \"Line (foreground)\", type: \"color\"},\n\t]},\n\t{group: \"Accents\", vars: [\n\t\t{key: \"--studio-primary\", label: \"Primary\", type: \"color\"},\n\t\t{key: \"--studio-secondary\", label: \"Secondary\", type: \"color\"},\n\t\t{key: \"--studio-danger\", label: \"Danger\", type: \"color\"},\n\t\t{key: \"--studio-warning\", label: \"Warning\", type: \"color\"},\n\t]},\n\t{group: \"Semantic\", vars: [\n\t\t{key: \"--studio-added\", label: \"Added\", type: \"color\"},\n\t\t{key: \"--studio-deleted\", label: \"Deleted\", type: \"color\"},\n\t\t{key: \"--studio-modified\", label: \"Modified\", type: \"color\"},\n\t\t{key: \"--studio-link\", label: \"Link\", type: \"color\"},\n\t]},\n\t{group: \"Selection\", vars: [\n\t\t{key: \"--studio-selection-fill\", label: \"Selection fill\", type: \"color\"},\n\t]},\n\t{group: \"Chrome\", vars: [\n\t\t// derived by default (see theme.css); kept as text so the var() default\n\t\t// survives unless the user types a concrete value.\n\t\t{key: \"--studio-chrome-fill\", label: \"Chrome fill\", type: \"text\"},\n\t\t{key: \"--studio-chrome-line\", label: \"Chrome line\", type: \"text\"},\n\t]},\n\t{group: \"Sideboard\", vars: [\n\t\t{key: \"--sideboard-primary\", label: \"Sideboard primary\", type: \"text\"},\n\t\t{key: \"--sideboard-fill\", label: \"Sideboard fill\", type: \"text\"},\n\t]},\n\t{group: \"Typography\", vars: [\n\t\t{key: \"--studio-family-sans\", label: \"Sans font\", type: \"text\"},\n\t\t{key: \"--studio-family-code\", label: \"Code font\", type: \"text\"},\n\t\t{key: \"--studio-family\", label: \"Default font\", type: \"text\"},\n\t\t{key: \"--studio-family-ui\", label: \"UI font\", type: \"text\"},\n\t\t{key: \"--studio-font-size\", label: \"Font size\", type: \"text\"},\n\t\t{key: \"--studio-line-height\", label: \"Line height\", type: \"text\"},\n\t]},\n] as const\n\nexport const DEFAULT_VALUES: Record<string, string> = {\n\t\"--studio-fill\": \"#ffffff\",\n\t\"--studio-line\": \"#000000\",\n\t\"--studio-primary\": \"#35f7ca\",\n\t\"--studio-secondary\": \"#33ccf8\",\n\t\"--studio-danger\": \"#ff6a90\",\n\t\"--studio-warning\": \"#f8c43b\",\n\t\"--studio-added\": \"#35f7ca\",\n\t\"--studio-deleted\": \"#ff6a90\",\n\t\"--studio-modified\": \"#f8c43b\",\n\t\"--studio-link\": \"#3366ee\",\n\t\"--studio-selection-fill\": \"#ffee8888\",\n\t// derived defaults \u2014 mirror the var() chains in theme.css so editing the\n\t// source (fill/primary/sans) cascades unless overridden here.\n\t\"--studio-chrome-fill\": \"var(--studio-fill-offset-10)\",\n\t\"--studio-chrome-line\": \"var(--studio-line)\",\n\t\"--sideboard-primary\": \"var(--studio-primary)\",\n\t\"--sideboard-fill\": \"var(--studio-chrome-fill)\",\n\t\"--studio-family-sans\": '\"Jost*\", \"Jost\", system-ui, -apple-system, sans-serif',\n\t\"--studio-family-code\": '\"IBM Plex Mono\", ui-monospace, monospace',\n\t\"--studio-family\": \"var(--studio-family-sans)\",\n\t\"--studio-family-ui\": \"var(--studio-family-sans)\",\n\t\"--studio-font-size\": \"16px\",\n\t\"--studio-line-height\": \"1.5\",\n}\n\nexport const CustomThemeDatatype = {\n\tinit(doc: any) {\n\t\tdoc.name = \"Custom Theme\"\n\t\tdoc.mode = \"light\"\n\t\tdoc.variables = {...DEFAULT_VALUES}\n\t\tdoc.customCss = \"\"\n\t},\n\tgetTitle(doc: any) {\n\t\treturn doc.name || \"Custom Theme\"\n\t},\n\tsetTitle(doc: any, title: string) {\n\t\tdoc.name = title\n\t},\n}\n"],
5
5
  "mappings": "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",
6
6
  "names": []
7
7
  }
package/packages/theming/dist/main.js CHANGED
@@ -5,7 +5,7 @@ import {
5
5
 
6
6
  // src/main.ts
7
7
  (async function() {
8
- (await import("./active-theme-32OB4CH6.js")).startActiveTheme();
8
+ (await import("./active-theme-UQTNYSFY.js")).startActiveTheme();
9
9
  })();
10
10
  var plugins = [
11
11
  {
@@ -57,7 +57,7 @@ var plugins = [
57
57
  unlisted: true,
58
58
  forTitleBar: true,
59
59
  async load() {
60
- const { ThemeTitlebarTool } = await import("./theme-titlebar-GZMRTVWM.js");
60
+ const { ThemeTitlebarTool } = await import("./theme-titlebar-OIJRAUMN.js");
61
61
  return ThemeTitlebarTool;
62
62
  }
63
63
  },
@@ -68,7 +68,7 @@ var plugins = [
68
68
  icon: "Palette",
69
69
  tags: ["system-tray"],
70
70
  async load() {
71
- const { ThemeTray } = await import("./theme-tray-MSIUUA2I.js");
71
+ const { ThemeTray } = await import("./theme-tray-YADACUXX.js");
72
72
  return ThemeTray;
73
73
  }
74
74
  },
@@ -90,7 +90,7 @@ var plugins = [
90
90
  unlisted: true,
91
91
  icon: "Paintbrush",
92
92
  async load() {
93
- const { CustomThemeDatatype } = await import("./theme-editor-datatype-CIXRKEFF.js");
93
+ const { CustomThemeDatatype } = await import("./theme-editor-datatype-TMYH7U2S.js");
94
94
  return CustomThemeDatatype;
95
95
  }
96
96
  },
package/packages/theming/dist/{theme-RC7MV6WP.css → theme-RXYYQDSF.css} RENAMED
@@ -50,27 +50,27 @@
50
50
  --studio-line: black;
51
51
  --studio-line-offset-10: color-mix(
52
52
  in oklch,
53
- color-mix(in oklch, var(--studio-line), var(--studio-fill) 10%),
53
+ color-mix(in oklch, var(--studio-line), var(--studio-fill) 8%),
54
54
  var(--studio-offset-tint) var(--studio-offset-tint-amount)
55
55
  );
56
56
  --studio-line-offset-20: color-mix(
57
57
  in oklch,
58
- color-mix(in oklch, var(--studio-line), var(--studio-fill) 20%),
58
+ color-mix(in oklch, var(--studio-line), var(--studio-fill) 18%),
59
59
  var(--studio-offset-tint) var(--studio-offset-tint-amount)
60
60
  );
61
61
  --studio-line-offset-30: color-mix(
62
62
  in oklch,
63
- color-mix(in oklch, var(--studio-line), var(--studio-fill) 30%),
63
+ color-mix(in oklch, var(--studio-line), var(--studio-fill) 33%),
64
64
  var(--studio-offset-tint) var(--studio-offset-tint-amount)
65
65
  );
66
66
  --studio-line-offset-40: color-mix(
67
67
  in oklch,
68
- color-mix(in oklch, var(--studio-line), var(--studio-fill) 40%),
68
+ color-mix(in oklch, var(--studio-line), var(--studio-fill) 52%),
69
69
  var(--studio-offset-tint) var(--studio-offset-tint-amount)
70
70
  );
71
71
  --studio-line-offset-50: color-mix(
72
72
  in oklch,
73
- color-mix(in oklch, var(--studio-line), var(--studio-fill) 50%),
73
+ color-mix(in oklch, var(--studio-line), var(--studio-fill) 76%),
74
74
  var(--studio-offset-tint) var(--studio-offset-tint-amount)
75
75
  );
76
76
 
@@ -125,27 +125,27 @@
125
125
  --studio-chrome-line: var(--studio-line);
126
126
  --studio-chrome-line-offset-10: color-mix(
127
127
  in oklch,
128
- color-mix(in oklch, var(--studio-chrome-line), var(--studio-chrome-fill) 10%),
128
+ color-mix(in oklch, var(--studio-chrome-line), var(--studio-chrome-fill) 8%),
129
129
  var(--studio-offset-tint) var(--studio-offset-tint-amount)
130
130
  );
131
131
  --studio-chrome-line-offset-20: color-mix(
132
132
  in oklch,
133
- color-mix(in oklch, var(--studio-chrome-line), var(--studio-chrome-fill) 20%),
133
+ color-mix(in oklch, var(--studio-chrome-line), var(--studio-chrome-fill) 18%),
134
134
  var(--studio-offset-tint) var(--studio-offset-tint-amount)
135
135
  );
136
136
  --studio-chrome-line-offset-30: color-mix(
137
137
  in oklch,
138
- color-mix(in oklch, var(--studio-chrome-line), var(--studio-chrome-fill) 30%),
138
+ color-mix(in oklch, var(--studio-chrome-line), var(--studio-chrome-fill) 33%),
139
139
  var(--studio-offset-tint) var(--studio-offset-tint-amount)
140
140
  );
141
141
  --studio-chrome-line-offset-40: color-mix(
142
142
  in oklch,
143
- color-mix(in oklch, var(--studio-chrome-line), var(--studio-chrome-fill) 40%),
143
+ color-mix(in oklch, var(--studio-chrome-line), var(--studio-chrome-fill) 52%),
144
144
  var(--studio-offset-tint) var(--studio-offset-tint-amount)
145
145
  );
146
146
  --studio-chrome-line-offset-50: color-mix(
147
147
  in oklch,
148
- color-mix(in oklch, var(--studio-chrome-line), var(--studio-chrome-fill) 50%),
148
+ color-mix(in oklch, var(--studio-chrome-line), var(--studio-chrome-fill) 76%),
149
149
  var(--studio-offset-tint) var(--studio-offset-tint-amount)
150
150
  );
151
151
 
@@ -327,27 +327,27 @@
327
327
  );
328
328
  --editor-line-offset-10: color-mix(
329
329
  in oklch,
330
- color-mix(in oklch, var(--editor-line), var(--editor-fill) 10%),
330
+ color-mix(in oklch, var(--editor-line), var(--editor-fill) 8%),
331
331
  var(--studio-offset-tint) var(--studio-offset-tint-amount)
332
332
  );
333
333
  --editor-line-offset-20: color-mix(
334
334
  in oklch,
335
- color-mix(in oklch, var(--editor-line), var(--editor-fill) 20%),
335
+ color-mix(in oklch, var(--editor-line), var(--editor-fill) 18%),
336
336
  var(--studio-offset-tint) var(--studio-offset-tint-amount)
337
337
  );
338
338
  --editor-line-offset-30: color-mix(
339
339
  in oklch,
340
- color-mix(in oklch, var(--editor-line), var(--editor-fill) 30%),
340
+ color-mix(in oklch, var(--editor-line), var(--editor-fill) 33%),
341
341
  var(--studio-offset-tint) var(--studio-offset-tint-amount)
342
342
  );
343
343
  --editor-line-offset-40: color-mix(
344
344
  in oklch,
345
- color-mix(in oklch, var(--editor-line), var(--editor-fill) 40%),
345
+ color-mix(in oklch, var(--editor-line), var(--editor-fill) 52%),
346
346
  var(--studio-offset-tint) var(--studio-offset-tint-amount)
347
347
  );
348
348
  --editor-line-offset-50: color-mix(
349
349
  in oklch,
350
- color-mix(in oklch, var(--editor-line), var(--editor-fill) 50%),
350
+ color-mix(in oklch, var(--editor-line), var(--editor-fill) 76%),
351
351
  var(--studio-offset-tint) var(--studio-offset-tint-amount)
352
352
  );
353
353
 
@@ -401,27 +401,27 @@
401
401
  --text-editor-line: var(--editor-line);
402
402
  --text-editor-line-offset-10: color-mix(
403
403
  in oklch,
404
- color-mix(in oklch, var(--text-editor-line), var(--text-editor-fill) 10%),
404
+ color-mix(in oklch, var(--text-editor-line), var(--text-editor-fill) 8%),
405
405
  var(--studio-offset-tint) var(--studio-offset-tint-amount)
406
406
  );
407
407
  --text-editor-line-offset-20: color-mix(
408
408
  in oklch,
409
- color-mix(in oklch, var(--text-editor-line), var(--text-editor-fill) 20%),
409
+ color-mix(in oklch, var(--text-editor-line), var(--text-editor-fill) 18%),
410
410
  var(--studio-offset-tint) var(--studio-offset-tint-amount)
411
411
  );
412
412
  --text-editor-line-offset-30: color-mix(
413
413
  in oklch,
414
- color-mix(in oklch, var(--text-editor-line), var(--text-editor-fill) 30%),
414
+ color-mix(in oklch, var(--text-editor-line), var(--text-editor-fill) 33%),
415
415
  var(--studio-offset-tint) var(--studio-offset-tint-amount)
416
416
  );
417
417
  --text-editor-line-offset-40: color-mix(
418
418
  in oklch,
419
- color-mix(in oklch, var(--text-editor-line), var(--text-editor-fill) 40%),
419
+ color-mix(in oklch, var(--text-editor-line), var(--text-editor-fill) 52%),
420
420
  var(--studio-offset-tint) var(--studio-offset-tint-amount)
421
421
  );
422
422
  --text-editor-line-offset-50: color-mix(
423
423
  in oklch,
424
- color-mix(in oklch, var(--text-editor-line), var(--text-editor-fill) 50%),
424
+ color-mix(in oklch, var(--text-editor-line), var(--text-editor-fill) 76%),
425
425
  var(--studio-offset-tint) var(--studio-offset-tint-amount)
426
426
  );
427
427
  /* accents as ink on the text-editor surface — mixed toward --text-editor-line */
package/packages/theming/dist/{theme-editor-datatype-CIXRKEFF.js → theme-editor-datatype-TMYH7U2S.js} RENAMED
@@ -2,10 +2,10 @@ import {
2
2
  CustomThemeDatatype,
3
3
  DEFAULT_VALUES,
4
4
  EDITABLE_VARIABLES
5
- } from "./chunk-U7SC4JPE.js";
5
+ } from "./chunk-GIPQLUDU.js";
6
6
  export {
7
7
  CustomThemeDatatype,
8
8
  DEFAULT_VALUES,
9
9
  EDITABLE_VARIABLES
10
10
  };
11
- //# sourceMappingURL=theme-editor-datatype-CIXRKEFF.js.map
11
+ //# sourceMappingURL=theme-editor-datatype-TMYH7U2S.js.map
package/packages/theming/dist/theme-editor.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  DEFAULT_VALUES,
3
3
  EDITABLE_VARIABLES
4
- } from "./chunk-U7SC4JPE.js";
4
+ } from "./chunk-GIPQLUDU.js";
5
5
 
6
6
  // src/theme-editor.tsx
7
7
  import { template as _$template } from "solid-js/web";
@@ -27,6 +27,7 @@ var _tmpl$7 = /* @__PURE__ */ _$template(`<div class=var-row><span class=var-lab
27
27
  var _tmpl$8 = /* @__PURE__ */ _$template(`<button class=btn-sm>Override`);
28
28
  var _tmpl$9 = /* @__PURE__ */ _$template(`<div class=var-row><span class=discovered-label>`);
29
29
  var FILL_OFFSET_RAMP = [[10, 0], [20, 7], [30, 18], [40, 32], [50, 50]];
30
+ var LINE_OFFSET_RAMP = [[10, 8], [20, 18], [30, 33], [40, 52], [50, 76]];
30
31
  function generateThemeCss(name, mode, vars, customCss) {
31
32
  let css = `[theme="${name}"] {
32
33
  `;
@@ -40,8 +41,8 @@ function generateThemeCss(name, mode, vars, customCss) {
40
41
  css += ` --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%));
41
42
  `;
42
43
  }
43
- for (const pct of [10, 20, 30, 40, 50]) {
44
- css += ` --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%));
44
+ for (const [label, amount] of LINE_OFFSET_RAMP) {
45
+ css += ` --studio-line-offset-${label}: color-mix(in oklch, color-mix(in oklch, var(--studio-line), var(--studio-fill) ${amount}%), var(--studio-offset-tint, var(--studio-secondary)) var(--studio-offset-tint-amount, 10%));
45
46
  `;
46
47
  }
47
48
  css += "}\n";
@@ -100,8 +101,8 @@ function ThemeEditorTool(handle, element) {
100
101
  for (const [label, amount] of FILL_OFFSET_RAMP) {
101
102
  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%))`);
102
103
  }
103
- for (const pct of [10, 20, 30, 40, 50]) {
104
- 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%))`);
104
+ for (const [label, amount] of LINE_OFFSET_RAMP) {
105
+ root.style.setProperty(`--studio-line-offset-${label}`, `color-mix(in oklch, color-mix(in oklch, var(--studio-line), var(--studio-fill) ${amount}%), var(--studio-offset-tint, var(--studio-secondary)) var(--studio-offset-tint-amount, 10%))`);
105
106
  }
106
107
  });
107
108
  onCleanup(() => {
package/packages/theming/dist/theme-editor.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../src/theme-editor.tsx"],
4
- "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\"]);"],
5
- "mappings": "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",
4
+ "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]];\nconst LINE_OFFSET_RAMP = [[10, 8], [20, 18], [30, 33], [40, 52], [50, 76]];\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 [label, amount] of LINE_OFFSET_RAMP) {\n css += `\t--studio-line-offset-${label}: color-mix(in oklch, color-mix(in oklch, var(--studio-line), var(--studio-fill) ${amount}%), 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 [label, amount] of LINE_OFFSET_RAMP) {\n root.style.setProperty(`--studio-line-offset-${label}`, `color-mix(in oklch, color-mix(in oklch, var(--studio-line), var(--studio-fill) ${amount}%), 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\"]);"],
5
+ "mappings": "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",
6
6
  "names": []
7
7
  }
package/packages/theming/dist/{theme-titlebar-GZMRTVWM.js → theme-titlebar-OIJRAUMN.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  startActiveThemeFromProvider
3
- } from "./chunk-UVXMCWBQ.js";
3
+ } from "./chunk-CURPQLM7.js";
4
4
  import "./chunk-RATW7VZI.js";
5
5
 
6
6
  // src/theme-titlebar.ts
@@ -18,4 +18,4 @@ function ThemeTitlebarTool(_handle, element) {
18
18
  export {
19
19
  ThemeTitlebarTool
20
20
  };
21
- //# sourceMappingURL=theme-titlebar-GZMRTVWM.js.map
21
+ //# sourceMappingURL=theme-titlebar-OIJRAUMN.js.map
package/packages/theming/dist/{theme-tray-MSIUUA2I.js → theme-tray-YADACUXX.js} RENAMED
@@ -5,7 +5,7 @@ import {
5
5
  serveCurrentThemeProvider,
6
6
  setThemeForCurrentMode,
7
7
  startActiveTheme
8
- } from "./chunk-UVXMCWBQ.js";
8
+ } from "./chunk-CURPQLM7.js";
9
9
  import "./chunk-RATW7VZI.js";
10
10
 
11
11
  // src/theme-tray.tsx
@@ -348,4 +348,4 @@ _$delegateEvents(["click", "input"]);
348
348
  export {
349
349
  ThemeTray
350
350
  };
351
- //# sourceMappingURL=theme-tray-MSIUUA2I.js.map
351
+ //# sourceMappingURL=theme-tray-YADACUXX.js.map
package/packages/theming/dist/tool.js CHANGED
@@ -4,7 +4,7 @@ import {
4
4
  onActiveThemeChange,
5
5
  setThemeForMode,
6
6
  startActiveTheme
7
- } from "./chunk-UVXMCWBQ.js";
7
+ } from "./chunk-CURPQLM7.js";
8
8
  import "./chunk-RATW7VZI.js";
9
9
 
10
10
  // src/tool.tsx