@bergetai/ui 0.1.90 → 0.1.92

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.
package/dist/shiki.cjs CHANGED
@@ -37,100 +37,15 @@ __export(shiki_exports, {
37
37
  module.exports = __toCommonJS(shiki_exports);
38
38
 
39
39
  // src/lib/shiki-theme.ts
40
- var bergetShikiTheme = {
40
+ var import_core = require("shiki/core");
41
+ var bergetShikiTheme = (0, import_core.createCssVariablesTheme)({
41
42
  name: "berget",
42
- type: "dark",
43
- colors: {
44
- "editor.background": "#1a1a1a",
45
- "editor.foreground": "#e7e0d9"
46
- },
47
- settings: [
48
- {
49
- settings: {
50
- foreground: "#e7e0d9"
51
- // sandstone-100
52
- }
53
- },
54
- {
55
- scope: ["comment", "punctuation.definition.comment"],
56
- settings: {
57
- foreground: "#b4b0ad",
58
- fontStyle: "italic"
59
- }
60
- },
61
- {
62
- scope: ["keyword", "keyword.control", "keyword.operator.new", "storage", "storage.type"],
63
- settings: {
64
- foreground: "#57a57f"
65
- // moss-400
66
- }
67
- },
68
- {
69
- scope: ["string", "string.quoted", "string.template"],
70
- settings: {
71
- foreground: "#86c0a2"
72
- // moss-300
73
- }
74
- },
75
- {
76
- scope: ["entity.name.function", "support.function", "meta.function-call"],
77
- settings: {
78
- foreground: "#5b9ac1"
79
- // fjord-400
80
- }
81
- },
82
- {
83
- scope: ["entity.name.type", "entity.name.class", "support.type", "support.class"],
84
- settings: {
85
- foreground: "#e3a500"
86
- // chanterelle-300
87
- }
88
- },
89
- {
90
- scope: ["constant.numeric", "constant.language"],
91
- settings: {
92
- foreground: "#86c0a2"
93
- // moss-300
94
- }
95
- },
96
- {
97
- scope: ["variable", "variable.other"],
98
- settings: {
99
- foreground: "#e7e0d9"
100
- // sandstone-100
101
- }
102
- },
103
- {
104
- scope: ["variable.parameter"],
105
- settings: {
106
- foreground: "#e7e0d9e6"
107
- }
108
- },
109
- {
110
- scope: ["punctuation", "keyword.operator", "keyword.operator.assignment"],
111
- settings: {
112
- foreground: "#e7e0d9b3"
113
- }
114
- },
115
- {
116
- scope: ["entity.name.tag", "support.type.property-name"],
117
- settings: {
118
- foreground: "#57a57f"
119
- // moss-400 (for YAML keys, HTML tags)
120
- }
121
- },
122
- {
123
- scope: ["meta.object-literal.key"],
124
- settings: {
125
- foreground: "#5b9ac1"
126
- // fjord-400
127
- }
128
- }
129
- ]
130
- };
43
+ variablePrefix: "--berget-shiki-",
44
+ fontStyle: true
45
+ });
131
46
 
132
47
  // src/lib/shiki.ts
133
- var import_core = require("shiki/core");
48
+ var import_core2 = require("shiki/core");
134
49
  var import_oniguruma = require("shiki/engine/oniguruma");
135
50
  var defaultLanguages = [
136
51
  import("shiki/langs/typescript.mjs"),
@@ -148,7 +63,7 @@ var defaultLanguages = [
148
63
  var highlighterPromise = null;
149
64
  function getHighlighter() {
150
65
  if (!highlighterPromise) {
151
- highlighterPromise = (0, import_core.createHighlighterCore)({
66
+ highlighterPromise = (0, import_core2.createHighlighterCore)({
152
67
  themes: [bergetShikiTheme],
153
68
  langs: defaultLanguages,
154
69
  engine: (0, import_oniguruma.createOnigurumaEngine)(import("shiki/wasm"))
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/shiki.ts","../src/lib/shiki-theme.ts","../src/lib/shiki.ts"],"sourcesContent":["export { bergetShikiTheme } from './lib/shiki-theme';\nexport { getHighlighter, defaultLanguages } from './lib/shiki';\n","import type { ThemeRegistration } from 'shiki';\n\nexport const bergetShikiTheme: ThemeRegistration = {\n name: 'berget',\n type: 'dark',\n colors: {\n 'editor.background': '#1a1a1a',\n 'editor.foreground': '#e7e0d9',\n },\n settings: [\n {\n settings: {\n foreground: '#e7e0d9', // sandstone-100\n },\n },\n {\n scope: ['comment', 'punctuation.definition.comment'],\n settings: {\n foreground: '#b4b0ad',\n fontStyle: 'italic',\n },\n },\n {\n scope: ['keyword', 'keyword.control', 'keyword.operator.new', 'storage', 'storage.type'],\n settings: {\n foreground: '#57a57f', // moss-400\n },\n },\n {\n scope: ['string', 'string.quoted', 'string.template'],\n settings: {\n foreground: '#86c0a2', // moss-300\n },\n },\n {\n scope: ['entity.name.function', 'support.function', 'meta.function-call'],\n settings: {\n foreground: '#5b9ac1', // fjord-400\n },\n },\n {\n scope: ['entity.name.type', 'entity.name.class', 'support.type', 'support.class'],\n settings: {\n foreground: '#e3a500', // chanterelle-300\n },\n },\n {\n scope: ['constant.numeric', 'constant.language'],\n settings: {\n foreground: '#86c0a2', // moss-300\n },\n },\n {\n scope: ['variable', 'variable.other'],\n settings: {\n foreground: '#e7e0d9', // sandstone-100\n },\n },\n {\n scope: ['variable.parameter'],\n settings: {\n foreground: '#e7e0d9e6',\n },\n },\n {\n scope: ['punctuation', 'keyword.operator', 'keyword.operator.assignment'],\n settings: {\n foreground: '#e7e0d9b3',\n },\n },\n {\n scope: ['entity.name.tag', 'support.type.property-name'],\n settings: {\n foreground: '#57a57f', // moss-400 (for YAML keys, HTML tags)\n },\n },\n {\n scope: ['meta.object-literal.key'],\n settings: {\n foreground: '#5b9ac1', // fjord-400\n },\n },\n ],\n};\n","import { createHighlighterCore, type HighlighterCore } from 'shiki/core';\nimport { createOnigurumaEngine } from 'shiki/engine/oniguruma';\nimport { bergetShikiTheme } from './shiki-theme';\n\nexport const defaultLanguages = [\n import('shiki/langs/typescript.mjs'),\n import('shiki/langs/javascript.mjs'),\n import('shiki/langs/bash.mjs'),\n import('shiki/langs/yaml.mjs'),\n import('shiki/langs/json.mjs'),\n import('shiki/langs/python.mjs'),\n import('shiki/langs/dockerfile.mjs'),\n import('shiki/langs/markdown.mjs'),\n import('shiki/langs/html.mjs'),\n import('shiki/langs/css.mjs'),\n import('shiki/langs/shell.mjs'),\n];\n\nlet highlighterPromise: Promise<HighlighterCore> | null = null;\n\nexport function getHighlighter(): Promise<HighlighterCore> {\n if (!highlighterPromise) {\n highlighterPromise = createHighlighterCore({\n themes: [bergetShikiTheme],\n langs: defaultLanguages,\n engine: createOnigurumaEngine(import('shiki/wasm')),\n });\n }\n return highlighterPromise;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACEO,IAAM,mBAAsC;AAAA,EACjD,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,IACN,qBAAqB;AAAA,IACrB,qBAAqB;AAAA,EACvB;AAAA,EACA,UAAU;AAAA,IACR;AAAA,MACE,UAAU;AAAA,QACR,YAAY;AAAA;AAAA,MACd;AAAA,IACF;AAAA,IACA;AAAA,MACE,OAAO,CAAC,WAAW,gCAAgC;AAAA,MACnD,UAAU;AAAA,QACR,YAAY;AAAA,QACZ,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IACA;AAAA,MACE,OAAO,CAAC,WAAW,mBAAmB,wBAAwB,WAAW,cAAc;AAAA,MACvF,UAAU;AAAA,QACR,YAAY;AAAA;AAAA,MACd;AAAA,IACF;AAAA,IACA;AAAA,MACE,OAAO,CAAC,UAAU,iBAAiB,iBAAiB;AAAA,MACpD,UAAU;AAAA,QACR,YAAY;AAAA;AAAA,MACd;AAAA,IACF;AAAA,IACA;AAAA,MACE,OAAO,CAAC,wBAAwB,oBAAoB,oBAAoB;AAAA,MACxE,UAAU;AAAA,QACR,YAAY;AAAA;AAAA,MACd;AAAA,IACF;AAAA,IACA;AAAA,MACE,OAAO,CAAC,oBAAoB,qBAAqB,gBAAgB,eAAe;AAAA,MAChF,UAAU;AAAA,QACR,YAAY;AAAA;AAAA,MACd;AAAA,IACF;AAAA,IACA;AAAA,MACE,OAAO,CAAC,oBAAoB,mBAAmB;AAAA,MAC/C,UAAU;AAAA,QACR,YAAY;AAAA;AAAA,MACd;AAAA,IACF;AAAA,IACA;AAAA,MACE,OAAO,CAAC,YAAY,gBAAgB;AAAA,MACpC,UAAU;AAAA,QACR,YAAY;AAAA;AAAA,MACd;AAAA,IACF;AAAA,IACA;AAAA,MACE,OAAO,CAAC,oBAAoB;AAAA,MAC5B,UAAU;AAAA,QACR,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IACA;AAAA,MACE,OAAO,CAAC,eAAe,oBAAoB,6BAA6B;AAAA,MACxE,UAAU;AAAA,QACR,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IACA;AAAA,MACE,OAAO,CAAC,mBAAmB,4BAA4B;AAAA,MACvD,UAAU;AAAA,QACR,YAAY;AAAA;AAAA,MACd;AAAA,IACF;AAAA,IACA;AAAA,MACE,OAAO,CAAC,yBAAyB;AAAA,MACjC,UAAU;AAAA,QACR,YAAY;AAAA;AAAA,MACd;AAAA,IACF;AAAA,EACF;AACF;;;ACnFA,kBAA4D;AAC5D,uBAAsC;AAG/B,IAAM,mBAAmB;AAAA,EAC9B,OAAO,4BAA4B;AAAA,EACnC,OAAO,4BAA4B;AAAA,EACnC,OAAO,sBAAsB;AAAA,EAC7B,OAAO,sBAAsB;AAAA,EAC7B,OAAO,sBAAsB;AAAA,EAC7B,OAAO,wBAAwB;AAAA,EAC/B,OAAO,4BAA4B;AAAA,EACnC,OAAO,0BAA0B;AAAA,EACjC,OAAO,sBAAsB;AAAA,EAC7B,OAAO,qBAAqB;AAAA,EAC5B,OAAO,uBAAuB;AAChC;AAEA,IAAI,qBAAsD;AAEnD,SAAS,iBAA2C;AACzD,MAAI,CAAC,oBAAoB;AACvB,6BAAqB,mCAAsB;AAAA,MACzC,QAAQ,CAAC,gBAAgB;AAAA,MACzB,OAAO;AAAA,MACP,YAAQ,wCAAsB,OAAO,YAAY,CAAC;AAAA,IACpD,CAAC;AAAA,EACH;AACA,SAAO;AACT;","names":[]}
1
+ {"version":3,"sources":["../src/shiki.ts","../src/lib/shiki-theme.ts","../src/lib/shiki.ts"],"sourcesContent":["export { bergetShikiTheme } from './lib/shiki-theme';\nexport { getHighlighter, defaultLanguages } from './lib/shiki';\n","import { createCssVariablesTheme } from 'shiki/core';\n\nexport const bergetShikiTheme = createCssVariablesTheme({\n name: 'berget',\n variablePrefix: '--berget-shiki-',\n fontStyle: true,\n});\n","import { createHighlighterCore, type HighlighterCore } from 'shiki/core';\nimport { createOnigurumaEngine } from 'shiki/engine/oniguruma';\nimport { bergetShikiTheme } from './shiki-theme';\n\nexport const defaultLanguages = [\n import('shiki/langs/typescript.mjs'),\n import('shiki/langs/javascript.mjs'),\n import('shiki/langs/bash.mjs'),\n import('shiki/langs/yaml.mjs'),\n import('shiki/langs/json.mjs'),\n import('shiki/langs/python.mjs'),\n import('shiki/langs/dockerfile.mjs'),\n import('shiki/langs/markdown.mjs'),\n import('shiki/langs/html.mjs'),\n import('shiki/langs/css.mjs'),\n import('shiki/langs/shell.mjs'),\n];\n\nlet highlighterPromise: Promise<HighlighterCore> | null = null;\n\nexport function getHighlighter(): Promise<HighlighterCore> {\n if (!highlighterPromise) {\n highlighterPromise = createHighlighterCore({\n themes: [bergetShikiTheme],\n langs: defaultLanguages,\n engine: createOnigurumaEngine(import('shiki/wasm')),\n });\n }\n return highlighterPromise;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,kBAAwC;AAEjC,IAAM,uBAAmB,qCAAwB;AAAA,EACtD,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,WAAW;AACb,CAAC;;;ACND,IAAAA,eAA4D;AAC5D,uBAAsC;AAG/B,IAAM,mBAAmB;AAAA,EAC9B,OAAO,4BAA4B;AAAA,EACnC,OAAO,4BAA4B;AAAA,EACnC,OAAO,sBAAsB;AAAA,EAC7B,OAAO,sBAAsB;AAAA,EAC7B,OAAO,sBAAsB;AAAA,EAC7B,OAAO,wBAAwB;AAAA,EAC/B,OAAO,4BAA4B;AAAA,EACnC,OAAO,0BAA0B;AAAA,EACjC,OAAO,sBAAsB;AAAA,EAC7B,OAAO,qBAAqB;AAAA,EAC5B,OAAO,uBAAuB;AAChC;AAEA,IAAI,qBAAsD;AAEnD,SAAS,iBAA2C;AACzD,MAAI,CAAC,oBAAoB;AACvB,6BAAqB,oCAAsB;AAAA,MACzC,QAAQ,CAAC,gBAAgB;AAAA,MACzB,OAAO;AAAA,MACP,YAAQ,wCAAsB,OAAO,YAAY,CAAC;AAAA,IACpD,CAAC;AAAA,EACH;AACA,SAAO;AACT;","names":["import_core"]}
package/dist/shiki.d.cts CHANGED
@@ -1,8 +1,8 @@
1
- import { ThemeRegistration } from 'shiki';
2
- import * as shiki_dist_langs_typescript_mjs from 'shiki/dist/langs/typescript.mjs';
1
+ import * as shiki_core from 'shiki/core';
3
2
  import { HighlighterCore } from 'shiki/core';
3
+ import * as shiki_dist_langs_typescript_mjs from 'shiki/dist/langs/typescript.mjs';
4
4
 
5
- declare const bergetShikiTheme: ThemeRegistration;
5
+ declare const bergetShikiTheme: shiki_core.ThemeRegistration;
6
6
 
7
7
  declare const defaultLanguages: Promise<typeof shiki_dist_langs_typescript_mjs>[];
8
8
  declare function getHighlighter(): Promise<HighlighterCore>;
package/dist/shiki.d.ts CHANGED
@@ -1,8 +1,8 @@
1
- import { ThemeRegistration } from 'shiki';
2
- import * as shiki_dist_langs_typescript_mjs from 'shiki/dist/langs/typescript.mjs';
1
+ import * as shiki_core from 'shiki/core';
3
2
  import { HighlighterCore } from 'shiki/core';
3
+ import * as shiki_dist_langs_typescript_mjs from 'shiki/dist/langs/typescript.mjs';
4
4
 
5
- declare const bergetShikiTheme: ThemeRegistration;
5
+ declare const bergetShikiTheme: shiki_core.ThemeRegistration;
6
6
 
7
7
  declare const defaultLanguages: Promise<typeof shiki_dist_langs_typescript_mjs>[];
8
8
  declare function getHighlighter(): Promise<HighlighterCore>;
package/dist/shiki.js CHANGED
@@ -2,7 +2,7 @@ import {
2
2
  bergetShikiTheme,
3
3
  defaultLanguages,
4
4
  getHighlighter
5
- } from "./chunk-SJTRISLQ.js";
5
+ } from "./chunk-3LBFYXI6.js";
6
6
  export {
7
7
  bergetShikiTheme,
8
8
  defaultLanguages,
@@ -229,6 +229,23 @@
229
229
  --berget-codeblock-bg: var(--berget-surface-01);
230
230
  --berget-codeblock-header-bg: color-mix(in oklch, var(--berget-surface-02) 40%, transparent);
231
231
 
232
+ /* ── Dialog component-scoped tokens ──────────────────────────────── */
233
+ --berget-dialog-overlay-bg: color-mix(in oklch, var(--berget-brand-granite-950) 60%, transparent);
234
+ --berget-dialog-bg: var(--berget-surface-01);
235
+ --berget-dialog-border: var(--berget-border);
236
+
237
+ /* ── Shiki syntax-highlighting tokens ─────────────────────────────── */
238
+ --berget-shiki-foreground: var(--berget-brand-sandstone-100);
239
+ --berget-shiki-background: var(--berget-brand-granite-800);
240
+ --berget-shiki-token-comment: var(--berget-brand-granite-300);
241
+ --berget-shiki-token-keyword: var(--berget-brand-moss-400);
242
+ --berget-shiki-token-string: var(--berget-brand-moss-300);
243
+ --berget-shiki-token-constant: var(--berget-brand-moss-300);
244
+ --berget-shiki-token-function: var(--berget-brand-fjord-400);
245
+ --berget-shiki-token-parameter: var(--berget-brand-sandstone-100);
246
+ --berget-shiki-token-string-expression: var(--berget-brand-moss-300);
247
+ --berget-shiki-token-punctuation: var(--berget-brand-sandstone-100);
248
+
232
249
  /* ── Badge component-scoped tokens ──────────────────────────────── */
233
250
  --berget-badge-default-bg: var(--berget-brand-moss-600);
234
251
  --berget-badge-default-fg: var(--berget-foreground);
@@ -449,6 +466,23 @@
449
466
  --berget-codeblock-bg: var(--berget-surface-01);
450
467
  --berget-codeblock-header-bg: color-mix(in oklch, var(--berget-surface-02) 40%, transparent);
451
468
 
469
+ /* ── Dialog component-scoped tokens ──────────────────────────────── */
470
+ --berget-dialog-overlay-bg: color-mix(in oklch, var(--berget-brand-granite-900) 40%, transparent);
471
+ --berget-dialog-bg: var(--berget-surface-01);
472
+ --berget-dialog-border: var(--berget-border);
473
+
474
+ /* ── Shiki syntax-highlighting tokens (light mode) ──────────────── */
475
+ --berget-shiki-foreground: var(--berget-brand-granite-900);
476
+ --berget-shiki-background: var(--berget-brand-granite-100);
477
+ --berget-shiki-token-comment: var(--berget-brand-granite-400);
478
+ --berget-shiki-token-keyword: var(--berget-brand-moss-600);
479
+ --berget-shiki-token-string: var(--berget-brand-moss-500);
480
+ --berget-shiki-token-constant: var(--berget-brand-moss-500);
481
+ --berget-shiki-token-function: var(--berget-brand-fjord-500);
482
+ --berget-shiki-token-parameter: var(--berget-brand-granite-900);
483
+ --berget-shiki-token-string-expression: var(--berget-brand-moss-500);
484
+ --berget-shiki-token-punctuation: var(--berget-brand-granite-900);
485
+
452
486
  /* ── Badge component-scoped tokens ──────────────────────────────── */
453
487
  --berget-badge-default-bg: var(--berget-brand-moss-500);
454
488
  --berget-badge-default-fg: var(--berget-foreground);
@@ -646,16 +680,17 @@
646
680
  * available as utility classes (bg-*, text-*, shadow-*, etc.).
647
681
  *
648
682
  * Two patterns used here:
649
- * - Brand primitives: `hsl(var(--berget-brand-*))` — wrapping the raw HSL
650
- * channel in hsl() is what enables Tailwind opacity modifiers (/20, /90).
651
- * - Semantic tokens: bare `var(--berget-*)` — already full hsl() values from
652
- * section B, so no extra wrapper needed. Opacity modifiers do not work on
653
- * these; bake opacity into the section B definition instead.
683
+ * - Brand primitives: bare `oklch(...)` values — already full color values,
684
+ * so no wrapper function needed. Tailwind v4's `@theme` handles opacity
685
+ * modifiers via CSS `color-mix()` internally.
686
+ * - Semantic tokens: `var(--berget-*)` — referencing section B tokens that
687
+ * compose primitives via `var()` or `color-mix(in oklch, ...)`. As these
688
+ * may already contain `transparent`, opacity modifiers are not guaranteed.
689
+ * Bake opacity into the section B definition when needed.
654
690
  *
655
691
  * Rules:
656
- * - Every --berget-* token in section B must have a corresponding alias here.
657
- * - Button component-scoped tokens use hsl(var(--berget-brand-*)) directly
658
- * (not via section B) so that hover opacity modifiers (/90, /80) work.
692
+ * - Every --berget-* token in section B must have a corresponding `--color-*`
693
+ * alias here.
659
694
  * - Do not add arbitrary values here; derive from section A or B.
660
695
  */
661
696
  @theme {
@@ -906,6 +941,11 @@
906
941
  --color-berget-codeblock-bg: var(--berget-codeblock-bg);
907
942
  --color-berget-codeblock-header-bg: var(--berget-codeblock-header-bg);
908
943
 
944
+ /* Dialog component-scoped aliases */
945
+ --color-berget-dialog-overlay-bg: var(--berget-dialog-overlay-bg);
946
+ --color-berget-dialog-bg: var(--berget-dialog-bg);
947
+ --color-berget-dialog-border: var(--berget-dialog-border);
948
+
909
949
  /* Badge component-scoped aliases */
910
950
  --color-berget-badge-default-bg: var(--berget-badge-default-bg);
911
951
  --color-berget-badge-default-fg: var(--berget-badge-default-fg);
@@ -979,17 +1019,17 @@
979
1019
  --tracking-h2: var(--berget-heading-spacing);
980
1020
  --font-h2: 'Ovo', serif;
981
1021
 
982
- /* Heading 3 (DM Sans, Sans) */
1022
+ /* Heading 3 (Ovo, Serif) */
983
1023
  --text-h3: clamp(1.25rem, 1.16rem + 0.38vw, 1.5rem);
984
1024
  --leading-h3: var(--berget-heading-leading);
985
1025
  --tracking-h3: var(--berget-body-spacing);
986
- --font-h3: 'DM Sans', sans-serif;
1026
+ --font-h3: 'Ovo', serif;
987
1027
 
988
- /* Heading 4 (Ovo, Serif) */
1028
+ /* Heading 4 (DM Sans, Sans) */
989
1029
  --text-h4: clamp(1.25rem, 1.16rem + 0.38vw, 1.5rem);
990
1030
  --leading-h4: var(--berget-heading-leading);
991
1031
  --tracking-h4: var(--berget-body-spacing);
992
- --font-h4: 'Ovo', serif;
1032
+ --font-h4: 'DM Sans', sans-serif;
993
1033
 
994
1034
  /* Paragraph (DM Sans, Sans) */
995
1035
  --text-p: 1rem;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bergetai/ui",
3
- "version": "0.1.90",
3
+ "version": "0.1.92",
4
4
  "description": "Berget Design System - Scandinavian-inspired design system with console aesthetic",
5
5
  "type": "module",
6
6
  "license": "MIT",
@@ -32,6 +32,7 @@
32
32
  "access": "public"
33
33
  },
34
34
  "dependencies": {
35
+ "@radix-ui/react-dialog": "^1.1.18",
35
36
  "@radix-ui/react-switch": "^1.3.2",
36
37
  "class-variance-authority": "^0.7.1",
37
38
  "clsx": "^2.1.1",
@@ -47,7 +48,7 @@
47
48
  "motion": "^12.38.0",
48
49
  "react": "^19.0.0",
49
50
  "react-dom": "^19.0.0",
50
- "shiki": "^4.0.0"
51
+ "shiki": "^4.3.1"
51
52
  },
52
53
  "devDependencies": {
53
54
  "@storybook/react": "^10.4.6",
@@ -1,127 +0,0 @@
1
- // src/lib/shiki-theme.ts
2
- var bergetShikiTheme = {
3
- name: "berget",
4
- type: "dark",
5
- colors: {
6
- "editor.background": "#1a1a1a",
7
- "editor.foreground": "#e7e0d9"
8
- },
9
- settings: [
10
- {
11
- settings: {
12
- foreground: "#e7e0d9"
13
- // sandstone-100
14
- }
15
- },
16
- {
17
- scope: ["comment", "punctuation.definition.comment"],
18
- settings: {
19
- foreground: "#b4b0ad",
20
- fontStyle: "italic"
21
- }
22
- },
23
- {
24
- scope: ["keyword", "keyword.control", "keyword.operator.new", "storage", "storage.type"],
25
- settings: {
26
- foreground: "#57a57f"
27
- // moss-400
28
- }
29
- },
30
- {
31
- scope: ["string", "string.quoted", "string.template"],
32
- settings: {
33
- foreground: "#86c0a2"
34
- // moss-300
35
- }
36
- },
37
- {
38
- scope: ["entity.name.function", "support.function", "meta.function-call"],
39
- settings: {
40
- foreground: "#5b9ac1"
41
- // fjord-400
42
- }
43
- },
44
- {
45
- scope: ["entity.name.type", "entity.name.class", "support.type", "support.class"],
46
- settings: {
47
- foreground: "#e3a500"
48
- // chanterelle-300
49
- }
50
- },
51
- {
52
- scope: ["constant.numeric", "constant.language"],
53
- settings: {
54
- foreground: "#86c0a2"
55
- // moss-300
56
- }
57
- },
58
- {
59
- scope: ["variable", "variable.other"],
60
- settings: {
61
- foreground: "#e7e0d9"
62
- // sandstone-100
63
- }
64
- },
65
- {
66
- scope: ["variable.parameter"],
67
- settings: {
68
- foreground: "#e7e0d9e6"
69
- }
70
- },
71
- {
72
- scope: ["punctuation", "keyword.operator", "keyword.operator.assignment"],
73
- settings: {
74
- foreground: "#e7e0d9b3"
75
- }
76
- },
77
- {
78
- scope: ["entity.name.tag", "support.type.property-name"],
79
- settings: {
80
- foreground: "#57a57f"
81
- // moss-400 (for YAML keys, HTML tags)
82
- }
83
- },
84
- {
85
- scope: ["meta.object-literal.key"],
86
- settings: {
87
- foreground: "#5b9ac1"
88
- // fjord-400
89
- }
90
- }
91
- ]
92
- };
93
-
94
- // src/lib/shiki.ts
95
- import { createHighlighterCore } from "shiki/core";
96
- import { createOnigurumaEngine } from "shiki/engine/oniguruma";
97
- var defaultLanguages = [
98
- import("shiki/langs/typescript.mjs"),
99
- import("shiki/langs/javascript.mjs"),
100
- import("shiki/langs/bash.mjs"),
101
- import("shiki/langs/yaml.mjs"),
102
- import("shiki/langs/json.mjs"),
103
- import("shiki/langs/python.mjs"),
104
- import("shiki/langs/dockerfile.mjs"),
105
- import("shiki/langs/markdown.mjs"),
106
- import("shiki/langs/html.mjs"),
107
- import("shiki/langs/css.mjs"),
108
- import("shiki/langs/shell.mjs")
109
- ];
110
- var highlighterPromise = null;
111
- function getHighlighter() {
112
- if (!highlighterPromise) {
113
- highlighterPromise = createHighlighterCore({
114
- themes: [bergetShikiTheme],
115
- langs: defaultLanguages,
116
- engine: createOnigurumaEngine(import("shiki/wasm"))
117
- });
118
- }
119
- return highlighterPromise;
120
- }
121
-
122
- export {
123
- bergetShikiTheme,
124
- defaultLanguages,
125
- getHighlighter
126
- };
127
- //# sourceMappingURL=chunk-SJTRISLQ.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/lib/shiki-theme.ts","../src/lib/shiki.ts"],"sourcesContent":["import type { ThemeRegistration } from 'shiki';\n\nexport const bergetShikiTheme: ThemeRegistration = {\n name: 'berget',\n type: 'dark',\n colors: {\n 'editor.background': '#1a1a1a',\n 'editor.foreground': '#e7e0d9',\n },\n settings: [\n {\n settings: {\n foreground: '#e7e0d9', // sandstone-100\n },\n },\n {\n scope: ['comment', 'punctuation.definition.comment'],\n settings: {\n foreground: '#b4b0ad',\n fontStyle: 'italic',\n },\n },\n {\n scope: ['keyword', 'keyword.control', 'keyword.operator.new', 'storage', 'storage.type'],\n settings: {\n foreground: '#57a57f', // moss-400\n },\n },\n {\n scope: ['string', 'string.quoted', 'string.template'],\n settings: {\n foreground: '#86c0a2', // moss-300\n },\n },\n {\n scope: ['entity.name.function', 'support.function', 'meta.function-call'],\n settings: {\n foreground: '#5b9ac1', // fjord-400\n },\n },\n {\n scope: ['entity.name.type', 'entity.name.class', 'support.type', 'support.class'],\n settings: {\n foreground: '#e3a500', // chanterelle-300\n },\n },\n {\n scope: ['constant.numeric', 'constant.language'],\n settings: {\n foreground: '#86c0a2', // moss-300\n },\n },\n {\n scope: ['variable', 'variable.other'],\n settings: {\n foreground: '#e7e0d9', // sandstone-100\n },\n },\n {\n scope: ['variable.parameter'],\n settings: {\n foreground: '#e7e0d9e6',\n },\n },\n {\n scope: ['punctuation', 'keyword.operator', 'keyword.operator.assignment'],\n settings: {\n foreground: '#e7e0d9b3',\n },\n },\n {\n scope: ['entity.name.tag', 'support.type.property-name'],\n settings: {\n foreground: '#57a57f', // moss-400 (for YAML keys, HTML tags)\n },\n },\n {\n scope: ['meta.object-literal.key'],\n settings: {\n foreground: '#5b9ac1', // fjord-400\n },\n },\n ],\n};\n","import { createHighlighterCore, type HighlighterCore } from 'shiki/core';\nimport { createOnigurumaEngine } from 'shiki/engine/oniguruma';\nimport { bergetShikiTheme } from './shiki-theme';\n\nexport const defaultLanguages = [\n import('shiki/langs/typescript.mjs'),\n import('shiki/langs/javascript.mjs'),\n import('shiki/langs/bash.mjs'),\n import('shiki/langs/yaml.mjs'),\n import('shiki/langs/json.mjs'),\n import('shiki/langs/python.mjs'),\n import('shiki/langs/dockerfile.mjs'),\n import('shiki/langs/markdown.mjs'),\n import('shiki/langs/html.mjs'),\n import('shiki/langs/css.mjs'),\n import('shiki/langs/shell.mjs'),\n];\n\nlet highlighterPromise: Promise<HighlighterCore> | null = null;\n\nexport function getHighlighter(): Promise<HighlighterCore> {\n if (!highlighterPromise) {\n highlighterPromise = createHighlighterCore({\n themes: [bergetShikiTheme],\n langs: defaultLanguages,\n engine: createOnigurumaEngine(import('shiki/wasm')),\n });\n }\n return highlighterPromise;\n}\n"],"mappings":";AAEO,IAAM,mBAAsC;AAAA,EACjD,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,IACN,qBAAqB;AAAA,IACrB,qBAAqB;AAAA,EACvB;AAAA,EACA,UAAU;AAAA,IACR;AAAA,MACE,UAAU;AAAA,QACR,YAAY;AAAA;AAAA,MACd;AAAA,IACF;AAAA,IACA;AAAA,MACE,OAAO,CAAC,WAAW,gCAAgC;AAAA,MACnD,UAAU;AAAA,QACR,YAAY;AAAA,QACZ,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IACA;AAAA,MACE,OAAO,CAAC,WAAW,mBAAmB,wBAAwB,WAAW,cAAc;AAAA,MACvF,UAAU;AAAA,QACR,YAAY;AAAA;AAAA,MACd;AAAA,IACF;AAAA,IACA;AAAA,MACE,OAAO,CAAC,UAAU,iBAAiB,iBAAiB;AAAA,MACpD,UAAU;AAAA,QACR,YAAY;AAAA;AAAA,MACd;AAAA,IACF;AAAA,IACA;AAAA,MACE,OAAO,CAAC,wBAAwB,oBAAoB,oBAAoB;AAAA,MACxE,UAAU;AAAA,QACR,YAAY;AAAA;AAAA,MACd;AAAA,IACF;AAAA,IACA;AAAA,MACE,OAAO,CAAC,oBAAoB,qBAAqB,gBAAgB,eAAe;AAAA,MAChF,UAAU;AAAA,QACR,YAAY;AAAA;AAAA,MACd;AAAA,IACF;AAAA,IACA;AAAA,MACE,OAAO,CAAC,oBAAoB,mBAAmB;AAAA,MAC/C,UAAU;AAAA,QACR,YAAY;AAAA;AAAA,MACd;AAAA,IACF;AAAA,IACA;AAAA,MACE,OAAO,CAAC,YAAY,gBAAgB;AAAA,MACpC,UAAU;AAAA,QACR,YAAY;AAAA;AAAA,MACd;AAAA,IACF;AAAA,IACA;AAAA,MACE,OAAO,CAAC,oBAAoB;AAAA,MAC5B,UAAU;AAAA,QACR,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IACA;AAAA,MACE,OAAO,CAAC,eAAe,oBAAoB,6BAA6B;AAAA,MACxE,UAAU;AAAA,QACR,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IACA;AAAA,MACE,OAAO,CAAC,mBAAmB,4BAA4B;AAAA,MACvD,UAAU;AAAA,QACR,YAAY;AAAA;AAAA,MACd;AAAA,IACF;AAAA,IACA;AAAA,MACE,OAAO,CAAC,yBAAyB;AAAA,MACjC,UAAU;AAAA,QACR,YAAY;AAAA;AAAA,MACd;AAAA,IACF;AAAA,EACF;AACF;;;ACnFA,SAAS,6BAAmD;AAC5D,SAAS,6BAA6B;AAG/B,IAAM,mBAAmB;AAAA,EAC9B,OAAO,4BAA4B;AAAA,EACnC,OAAO,4BAA4B;AAAA,EACnC,OAAO,sBAAsB;AAAA,EAC7B,OAAO,sBAAsB;AAAA,EAC7B,OAAO,sBAAsB;AAAA,EAC7B,OAAO,wBAAwB;AAAA,EAC/B,OAAO,4BAA4B;AAAA,EACnC,OAAO,0BAA0B;AAAA,EACjC,OAAO,sBAAsB;AAAA,EAC7B,OAAO,qBAAqB;AAAA,EAC5B,OAAO,uBAAuB;AAChC;AAEA,IAAI,qBAAsD;AAEnD,SAAS,iBAA2C;AACzD,MAAI,CAAC,oBAAoB;AACvB,yBAAqB,sBAAsB;AAAA,MACzC,QAAQ,CAAC,gBAAgB;AAAA,MACzB,OAAO;AAAA,MACP,QAAQ,sBAAsB,OAAO,YAAY,CAAC;AAAA,IACpD,CAAC;AAAA,EACH;AACA,SAAO;AACT;","names":[]}