@almadar/ui 5.20.0 → 5.21.1

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.
@@ -15468,6 +15468,15 @@ function subscribeToVerification(listener) {
15468
15468
  getState().listeners.add(listener);
15469
15469
  return () => getState().listeners.delete(listener);
15470
15470
  }
15471
+ function defaultGetTraitState(traitName) {
15472
+ const getter = getState().traitSnapshots.get(traitName);
15473
+ if (getter === void 0) return void 0;
15474
+ try {
15475
+ return getter().currentState;
15476
+ } catch {
15477
+ return void 0;
15478
+ }
15479
+ }
15471
15480
  function exposeOnWindow() {
15472
15481
  if (typeof window === "undefined") return;
15473
15482
  if (!window.__orbitalVerification) {
@@ -15478,10 +15487,16 @@ function exposeOnWindow() {
15478
15487
  getBridge: getBridgeHealth,
15479
15488
  getSummary,
15480
15489
  waitForTransition,
15481
- getTraitSnapshots
15490
+ getTraitSnapshots,
15491
+ getTraitState: defaultGetTraitState
15482
15492
  };
15483
- } else if (!window.__orbitalVerification.getTraitSnapshots) {
15484
- window.__orbitalVerification.getTraitSnapshots = getTraitSnapshots;
15493
+ } else {
15494
+ if (!window.__orbitalVerification.getTraitSnapshots) {
15495
+ window.__orbitalVerification.getTraitSnapshots = getTraitSnapshots;
15496
+ }
15497
+ if (!window.__orbitalVerification.getTraitState) {
15498
+ window.__orbitalVerification.getTraitState = defaultGetTraitState;
15499
+ }
15485
15500
  }
15486
15501
  }
15487
15502
  function waitForTransition(event, timeoutMs = 1e4) {
@@ -17008,8 +17023,26 @@ var init_MarkdownContent = __esm({
17008
17023
  return /* @__PURE__ */ jsxRuntime.jsx(
17009
17024
  Box,
17010
17025
  {
17011
- className: cn("prose prose-slate dark:prose-invert max-w-none", className),
17012
- style: { direction },
17026
+ className: cn("prose max-w-none", className),
17027
+ style: {
17028
+ "--tw-prose-body": "var(--color-foreground)",
17029
+ "--tw-prose-headings": "var(--color-foreground)",
17030
+ "--tw-prose-lead": "var(--color-muted-foreground)",
17031
+ "--tw-prose-links": "var(--color-primary)",
17032
+ "--tw-prose-bold": "var(--color-foreground)",
17033
+ "--tw-prose-counters": "var(--color-muted-foreground)",
17034
+ "--tw-prose-bullets": "var(--color-muted-foreground)",
17035
+ "--tw-prose-hr": "var(--color-border)",
17036
+ "--tw-prose-quotes": "var(--color-foreground)",
17037
+ "--tw-prose-quote-borders": "var(--color-primary)",
17038
+ "--tw-prose-captions": "var(--color-muted-foreground)",
17039
+ "--tw-prose-code": "var(--color-foreground)",
17040
+ "--tw-prose-pre-code": "var(--color-foreground)",
17041
+ "--tw-prose-pre-bg": "var(--color-muted)",
17042
+ "--tw-prose-th-borders": "var(--color-border)",
17043
+ "--tw-prose-td-borders": "var(--color-border)",
17044
+ direction
17045
+ },
17013
17046
  children: /* @__PURE__ */ jsxRuntime.jsx(
17014
17047
  ReactMarkdown__default.default,
17015
17048
  {
@@ -17026,8 +17059,8 @@ var init_MarkdownContent = __esm({
17026
17059
  ...props,
17027
17060
  className: codeClassName,
17028
17061
  style: {
17029
- backgroundColor: "#1f2937",
17030
- color: "#e5e7eb",
17062
+ backgroundColor: "var(--color-muted)",
17063
+ color: "var(--color-foreground)",
17031
17064
  padding: "0.125rem 0.375rem",
17032
17065
  borderRadius: "0.25rem",
17033
17066
  fontSize: "0.875em",
@@ -17044,7 +17077,7 @@ var init_MarkdownContent = __esm({
17044
17077
  {
17045
17078
  href,
17046
17079
  ...props,
17047
- className: "text-blue-600 dark:text-blue-400 hover:underline",
17080
+ className: "text-[var(--color-primary)] hover:underline",
17048
17081
  target: href?.startsWith("http") ? "_blank" : void 0,
17049
17082
  rel: href?.startsWith("http") ? "noopener noreferrer" : void 0,
17050
17083
  children
@@ -17057,7 +17090,7 @@ var init_MarkdownContent = __esm({
17057
17090
  "table",
17058
17091
  {
17059
17092
  ...props,
17060
- className: "min-w-full border-collapse border border-gray-300 dark:border-gray-600",
17093
+ className: "min-w-full border-collapse border border-[var(--color-border)]",
17061
17094
  children
17062
17095
  }
17063
17096
  ) });
@@ -17067,7 +17100,7 @@ var init_MarkdownContent = __esm({
17067
17100
  "th",
17068
17101
  {
17069
17102
  ...props,
17070
- className: "border border-gray-300 dark:border-gray-600 bg-[var(--color-muted)] px-4 py-2 text-left font-semibold",
17103
+ className: "border border-[var(--color-border)] bg-[var(--color-muted)] px-4 py-2 text-left font-semibold",
17071
17104
  children
17072
17105
  }
17073
17106
  );
@@ -17077,7 +17110,7 @@ var init_MarkdownContent = __esm({
17077
17110
  "td",
17078
17111
  {
17079
17112
  ...props,
17080
- className: "border border-gray-300 dark:border-gray-600 px-4 py-2",
17113
+ className: "border border-[var(--color-border)] px-4 py-2",
17081
17114
  children
17082
17115
  }
17083
17116
  );
@@ -17088,7 +17121,7 @@ var init_MarkdownContent = __esm({
17088
17121
  "blockquote",
17089
17122
  {
17090
17123
  ...props,
17091
- className: "border-l-4 border-blue-500 pl-4 italic text-foreground my-4",
17124
+ className: "border-l-4 border-[var(--color-primary)] pl-4 italic text-[var(--color-foreground)] my-4",
17092
17125
  children
17093
17126
  }
17094
17127
  );
@@ -40914,11 +40947,49 @@ function renderRichFieldValue(value, fieldName, fieldType) {
40914
40947
  }
40915
40948
  case "markdown":
40916
40949
  case "richtext":
40917
- return /* @__PURE__ */ jsxRuntime.jsx(React97.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", className: "break-words", children: str }), children: /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "prose prose-sm max-w-none dark:prose-invert", children: /* @__PURE__ */ jsxRuntime.jsx(ReactMarkdown2, { children: str }) }) });
40950
+ return /* @__PURE__ */ jsxRuntime.jsx(React97.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", className: "break-words", children: str }), children: /* @__PURE__ */ jsxRuntime.jsx(
40951
+ Box,
40952
+ {
40953
+ className: "prose prose-sm max-w-none",
40954
+ style: {
40955
+ "--tw-prose-body": "var(--color-foreground)",
40956
+ "--tw-prose-headings": "var(--color-foreground)",
40957
+ "--tw-prose-bold": "var(--color-foreground)",
40958
+ "--tw-prose-links": "var(--color-primary)",
40959
+ "--tw-prose-code": "var(--color-foreground)",
40960
+ "--tw-prose-hr": "var(--color-border)",
40961
+ "--tw-prose-quotes": "var(--color-foreground)",
40962
+ "--tw-prose-quote-borders": "var(--color-primary)",
40963
+ "--tw-prose-captions": "var(--color-muted-foreground)",
40964
+ "--tw-prose-th-borders": "var(--color-border)",
40965
+ "--tw-prose-td-borders": "var(--color-border)"
40966
+ },
40967
+ children: /* @__PURE__ */ jsxRuntime.jsx(ReactMarkdown2, { children: str })
40968
+ }
40969
+ ) });
40918
40970
  case "code":
40919
40971
  return /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "mt-1 rounded-md bg-muted p-3 overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "text-sm font-mono whitespace-pre-wrap break-words m-0", children: /* @__PURE__ */ jsxRuntime.jsx("code", { children: str }) }) });
40920
40972
  case "html":
40921
- return /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "mt-1 prose prose-sm max-w-none dark:prose-invert break-words", children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", children: str }) });
40973
+ return /* @__PURE__ */ jsxRuntime.jsx(
40974
+ Box,
40975
+ {
40976
+ className: "mt-1 prose prose-sm max-w-none break-words",
40977
+ style: {
40978
+ "--tw-prose-body": "var(--color-foreground)",
40979
+ "--tw-prose-headings": "var(--color-foreground)",
40980
+ "--tw-prose-bold": "var(--color-foreground)",
40981
+ "--tw-prose-links": "var(--color-primary)",
40982
+ "--tw-prose-code": "var(--color-foreground)",
40983
+ "--tw-prose-hr": "var(--color-border)",
40984
+ "--tw-prose-quotes": "var(--color-foreground)",
40985
+ "--tw-prose-quote-borders": "var(--color-primary)",
40986
+ "--tw-prose-captions": "var(--color-muted-foreground)",
40987
+ "--tw-prose-th-borders": "var(--color-border)",
40988
+ "--tw-prose-td-borders": "var(--color-border)"
40989
+ },
40990
+ children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", children: str })
40991
+ }
40992
+ );
40922
40993
  case "date":
40923
40994
  case "datetime": {
40924
40995
  const d = new Date(str);
@@ -54185,7 +54256,8 @@ function VerificationProvider({
54185
54256
  runtimeManager,
54186
54257
  traitStateGetter
54187
54258
  }) {
54188
- const isEnabled2 = enabled ?? (typeof process !== "undefined" && process.env?.NODE_ENV !== "production");
54259
+ const verifyFlag = typeof window !== "undefined" && window.__ALMADAR_VERIFY__ === true;
54260
+ const isEnabled2 = enabled ?? (verifyFlag || typeof process !== "undefined" && process.env?.NODE_ENV !== "production");
54189
54261
  const eventBus = useEventBus();
54190
54262
  const pendingRef = React97.useRef(/* @__PURE__ */ new Map());
54191
54263
  React97.useEffect(() => {
package/dist/avl/index.js CHANGED
@@ -15419,6 +15419,15 @@ function subscribeToVerification(listener) {
15419
15419
  getState().listeners.add(listener);
15420
15420
  return () => getState().listeners.delete(listener);
15421
15421
  }
15422
+ function defaultGetTraitState(traitName) {
15423
+ const getter = getState().traitSnapshots.get(traitName);
15424
+ if (getter === void 0) return void 0;
15425
+ try {
15426
+ return getter().currentState;
15427
+ } catch {
15428
+ return void 0;
15429
+ }
15430
+ }
15422
15431
  function exposeOnWindow() {
15423
15432
  if (typeof window === "undefined") return;
15424
15433
  if (!window.__orbitalVerification) {
@@ -15429,10 +15438,16 @@ function exposeOnWindow() {
15429
15438
  getBridge: getBridgeHealth,
15430
15439
  getSummary,
15431
15440
  waitForTransition,
15432
- getTraitSnapshots
15441
+ getTraitSnapshots,
15442
+ getTraitState: defaultGetTraitState
15433
15443
  };
15434
- } else if (!window.__orbitalVerification.getTraitSnapshots) {
15435
- window.__orbitalVerification.getTraitSnapshots = getTraitSnapshots;
15444
+ } else {
15445
+ if (!window.__orbitalVerification.getTraitSnapshots) {
15446
+ window.__orbitalVerification.getTraitSnapshots = getTraitSnapshots;
15447
+ }
15448
+ if (!window.__orbitalVerification.getTraitState) {
15449
+ window.__orbitalVerification.getTraitState = defaultGetTraitState;
15450
+ }
15436
15451
  }
15437
15452
  }
15438
15453
  function waitForTransition(event, timeoutMs = 1e4) {
@@ -16959,8 +16974,26 @@ var init_MarkdownContent = __esm({
16959
16974
  return /* @__PURE__ */ jsx(
16960
16975
  Box,
16961
16976
  {
16962
- className: cn("prose prose-slate dark:prose-invert max-w-none", className),
16963
- style: { direction },
16977
+ className: cn("prose max-w-none", className),
16978
+ style: {
16979
+ "--tw-prose-body": "var(--color-foreground)",
16980
+ "--tw-prose-headings": "var(--color-foreground)",
16981
+ "--tw-prose-lead": "var(--color-muted-foreground)",
16982
+ "--tw-prose-links": "var(--color-primary)",
16983
+ "--tw-prose-bold": "var(--color-foreground)",
16984
+ "--tw-prose-counters": "var(--color-muted-foreground)",
16985
+ "--tw-prose-bullets": "var(--color-muted-foreground)",
16986
+ "--tw-prose-hr": "var(--color-border)",
16987
+ "--tw-prose-quotes": "var(--color-foreground)",
16988
+ "--tw-prose-quote-borders": "var(--color-primary)",
16989
+ "--tw-prose-captions": "var(--color-muted-foreground)",
16990
+ "--tw-prose-code": "var(--color-foreground)",
16991
+ "--tw-prose-pre-code": "var(--color-foreground)",
16992
+ "--tw-prose-pre-bg": "var(--color-muted)",
16993
+ "--tw-prose-th-borders": "var(--color-border)",
16994
+ "--tw-prose-td-borders": "var(--color-border)",
16995
+ direction
16996
+ },
16964
16997
  children: /* @__PURE__ */ jsx(
16965
16998
  ReactMarkdown,
16966
16999
  {
@@ -16977,8 +17010,8 @@ var init_MarkdownContent = __esm({
16977
17010
  ...props,
16978
17011
  className: codeClassName,
16979
17012
  style: {
16980
- backgroundColor: "#1f2937",
16981
- color: "#e5e7eb",
17013
+ backgroundColor: "var(--color-muted)",
17014
+ color: "var(--color-foreground)",
16982
17015
  padding: "0.125rem 0.375rem",
16983
17016
  borderRadius: "0.25rem",
16984
17017
  fontSize: "0.875em",
@@ -16995,7 +17028,7 @@ var init_MarkdownContent = __esm({
16995
17028
  {
16996
17029
  href,
16997
17030
  ...props,
16998
- className: "text-blue-600 dark:text-blue-400 hover:underline",
17031
+ className: "text-[var(--color-primary)] hover:underline",
16999
17032
  target: href?.startsWith("http") ? "_blank" : void 0,
17000
17033
  rel: href?.startsWith("http") ? "noopener noreferrer" : void 0,
17001
17034
  children
@@ -17008,7 +17041,7 @@ var init_MarkdownContent = __esm({
17008
17041
  "table",
17009
17042
  {
17010
17043
  ...props,
17011
- className: "min-w-full border-collapse border border-gray-300 dark:border-gray-600",
17044
+ className: "min-w-full border-collapse border border-[var(--color-border)]",
17012
17045
  children
17013
17046
  }
17014
17047
  ) });
@@ -17018,7 +17051,7 @@ var init_MarkdownContent = __esm({
17018
17051
  "th",
17019
17052
  {
17020
17053
  ...props,
17021
- className: "border border-gray-300 dark:border-gray-600 bg-[var(--color-muted)] px-4 py-2 text-left font-semibold",
17054
+ className: "border border-[var(--color-border)] bg-[var(--color-muted)] px-4 py-2 text-left font-semibold",
17022
17055
  children
17023
17056
  }
17024
17057
  );
@@ -17028,7 +17061,7 @@ var init_MarkdownContent = __esm({
17028
17061
  "td",
17029
17062
  {
17030
17063
  ...props,
17031
- className: "border border-gray-300 dark:border-gray-600 px-4 py-2",
17064
+ className: "border border-[var(--color-border)] px-4 py-2",
17032
17065
  children
17033
17066
  }
17034
17067
  );
@@ -17039,7 +17072,7 @@ var init_MarkdownContent = __esm({
17039
17072
  "blockquote",
17040
17073
  {
17041
17074
  ...props,
17042
- className: "border-l-4 border-blue-500 pl-4 italic text-foreground my-4",
17075
+ className: "border-l-4 border-[var(--color-primary)] pl-4 italic text-[var(--color-foreground)] my-4",
17043
17076
  children
17044
17077
  }
17045
17078
  );
@@ -40865,11 +40898,49 @@ function renderRichFieldValue(value, fieldName, fieldType) {
40865
40898
  }
40866
40899
  case "markdown":
40867
40900
  case "richtext":
40868
- return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(Typography, { variant: "body", className: "break-words", children: str }), children: /* @__PURE__ */ jsx(Box, { className: "prose prose-sm max-w-none dark:prose-invert", children: /* @__PURE__ */ jsx(ReactMarkdown2, { children: str }) }) });
40901
+ return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(Typography, { variant: "body", className: "break-words", children: str }), children: /* @__PURE__ */ jsx(
40902
+ Box,
40903
+ {
40904
+ className: "prose prose-sm max-w-none",
40905
+ style: {
40906
+ "--tw-prose-body": "var(--color-foreground)",
40907
+ "--tw-prose-headings": "var(--color-foreground)",
40908
+ "--tw-prose-bold": "var(--color-foreground)",
40909
+ "--tw-prose-links": "var(--color-primary)",
40910
+ "--tw-prose-code": "var(--color-foreground)",
40911
+ "--tw-prose-hr": "var(--color-border)",
40912
+ "--tw-prose-quotes": "var(--color-foreground)",
40913
+ "--tw-prose-quote-borders": "var(--color-primary)",
40914
+ "--tw-prose-captions": "var(--color-muted-foreground)",
40915
+ "--tw-prose-th-borders": "var(--color-border)",
40916
+ "--tw-prose-td-borders": "var(--color-border)"
40917
+ },
40918
+ children: /* @__PURE__ */ jsx(ReactMarkdown2, { children: str })
40919
+ }
40920
+ ) });
40869
40921
  case "code":
40870
40922
  return /* @__PURE__ */ jsx(Box, { className: "mt-1 rounded-md bg-muted p-3 overflow-x-auto", children: /* @__PURE__ */ jsx("pre", { className: "text-sm font-mono whitespace-pre-wrap break-words m-0", children: /* @__PURE__ */ jsx("code", { children: str }) }) });
40871
40923
  case "html":
40872
- return /* @__PURE__ */ jsx(Box, { className: "mt-1 prose prose-sm max-w-none dark:prose-invert break-words", children: /* @__PURE__ */ jsx(Typography, { variant: "body", children: str }) });
40924
+ return /* @__PURE__ */ jsx(
40925
+ Box,
40926
+ {
40927
+ className: "mt-1 prose prose-sm max-w-none break-words",
40928
+ style: {
40929
+ "--tw-prose-body": "var(--color-foreground)",
40930
+ "--tw-prose-headings": "var(--color-foreground)",
40931
+ "--tw-prose-bold": "var(--color-foreground)",
40932
+ "--tw-prose-links": "var(--color-primary)",
40933
+ "--tw-prose-code": "var(--color-foreground)",
40934
+ "--tw-prose-hr": "var(--color-border)",
40935
+ "--tw-prose-quotes": "var(--color-foreground)",
40936
+ "--tw-prose-quote-borders": "var(--color-primary)",
40937
+ "--tw-prose-captions": "var(--color-muted-foreground)",
40938
+ "--tw-prose-th-borders": "var(--color-border)",
40939
+ "--tw-prose-td-borders": "var(--color-border)"
40940
+ },
40941
+ children: /* @__PURE__ */ jsx(Typography, { variant: "body", children: str })
40942
+ }
40943
+ );
40873
40944
  case "date":
40874
40945
  case "datetime": {
40875
40946
  const d = new Date(str);
@@ -54136,7 +54207,8 @@ function VerificationProvider({
54136
54207
  runtimeManager,
54137
54208
  traitStateGetter
54138
54209
  }) {
54139
- const isEnabled2 = enabled ?? (typeof process !== "undefined" && process.env?.NODE_ENV !== "production");
54210
+ const verifyFlag = typeof window !== "undefined" && window.__ALMADAR_VERIFY__ === true;
54211
+ const isEnabled2 = enabled ?? (verifyFlag || typeof process !== "undefined" && process.env?.NODE_ENV !== "production");
54140
54212
  const eventBus = useEventBus();
54141
54213
  const pendingRef = useRef(/* @__PURE__ */ new Map());
54142
54214
  useEffect(() => {
@@ -10028,6 +10028,15 @@ function subscribeToVerification(listener) {
10028
10028
  getState().listeners.add(listener);
10029
10029
  return () => getState().listeners.delete(listener);
10030
10030
  }
10031
+ function defaultGetTraitState(traitName) {
10032
+ const getter = getState().traitSnapshots.get(traitName);
10033
+ if (getter === void 0) return void 0;
10034
+ try {
10035
+ return getter().currentState;
10036
+ } catch {
10037
+ return void 0;
10038
+ }
10039
+ }
10031
10040
  function exposeOnWindow() {
10032
10041
  if (typeof window === "undefined") return;
10033
10042
  if (!window.__orbitalVerification) {
@@ -10038,10 +10047,16 @@ function exposeOnWindow() {
10038
10047
  getBridge: getBridgeHealth,
10039
10048
  getSummary,
10040
10049
  waitForTransition,
10041
- getTraitSnapshots
10050
+ getTraitSnapshots,
10051
+ getTraitState: defaultGetTraitState
10042
10052
  };
10043
- } else if (!window.__orbitalVerification.getTraitSnapshots) {
10044
- window.__orbitalVerification.getTraitSnapshots = getTraitSnapshots;
10053
+ } else {
10054
+ if (!window.__orbitalVerification.getTraitSnapshots) {
10055
+ window.__orbitalVerification.getTraitSnapshots = getTraitSnapshots;
10056
+ }
10057
+ if (!window.__orbitalVerification.getTraitState) {
10058
+ window.__orbitalVerification.getTraitState = defaultGetTraitState;
10059
+ }
10045
10060
  }
10046
10061
  }
10047
10062
  function waitForTransition(event, timeoutMs = 1e4) {
@@ -12346,8 +12361,26 @@ var init_MarkdownContent = __esm({
12346
12361
  return /* @__PURE__ */ jsxRuntime.jsx(
12347
12362
  exports.Box,
12348
12363
  {
12349
- className: cn("prose prose-slate dark:prose-invert max-w-none", className),
12350
- style: { direction },
12364
+ className: cn("prose max-w-none", className),
12365
+ style: {
12366
+ "--tw-prose-body": "var(--color-foreground)",
12367
+ "--tw-prose-headings": "var(--color-foreground)",
12368
+ "--tw-prose-lead": "var(--color-muted-foreground)",
12369
+ "--tw-prose-links": "var(--color-primary)",
12370
+ "--tw-prose-bold": "var(--color-foreground)",
12371
+ "--tw-prose-counters": "var(--color-muted-foreground)",
12372
+ "--tw-prose-bullets": "var(--color-muted-foreground)",
12373
+ "--tw-prose-hr": "var(--color-border)",
12374
+ "--tw-prose-quotes": "var(--color-foreground)",
12375
+ "--tw-prose-quote-borders": "var(--color-primary)",
12376
+ "--tw-prose-captions": "var(--color-muted-foreground)",
12377
+ "--tw-prose-code": "var(--color-foreground)",
12378
+ "--tw-prose-pre-code": "var(--color-foreground)",
12379
+ "--tw-prose-pre-bg": "var(--color-muted)",
12380
+ "--tw-prose-th-borders": "var(--color-border)",
12381
+ "--tw-prose-td-borders": "var(--color-border)",
12382
+ direction
12383
+ },
12351
12384
  children: /* @__PURE__ */ jsxRuntime.jsx(
12352
12385
  ReactMarkdown__default.default,
12353
12386
  {
@@ -12364,8 +12397,8 @@ var init_MarkdownContent = __esm({
12364
12397
  ...props,
12365
12398
  className: codeClassName,
12366
12399
  style: {
12367
- backgroundColor: "#1f2937",
12368
- color: "#e5e7eb",
12400
+ backgroundColor: "var(--color-muted)",
12401
+ color: "var(--color-foreground)",
12369
12402
  padding: "0.125rem 0.375rem",
12370
12403
  borderRadius: "0.25rem",
12371
12404
  fontSize: "0.875em",
@@ -12382,7 +12415,7 @@ var init_MarkdownContent = __esm({
12382
12415
  {
12383
12416
  href,
12384
12417
  ...props,
12385
- className: "text-blue-600 dark:text-blue-400 hover:underline",
12418
+ className: "text-[var(--color-primary)] hover:underline",
12386
12419
  target: href?.startsWith("http") ? "_blank" : void 0,
12387
12420
  rel: href?.startsWith("http") ? "noopener noreferrer" : void 0,
12388
12421
  children
@@ -12395,7 +12428,7 @@ var init_MarkdownContent = __esm({
12395
12428
  "table",
12396
12429
  {
12397
12430
  ...props,
12398
- className: "min-w-full border-collapse border border-gray-300 dark:border-gray-600",
12431
+ className: "min-w-full border-collapse border border-[var(--color-border)]",
12399
12432
  children
12400
12433
  }
12401
12434
  ) });
@@ -12405,7 +12438,7 @@ var init_MarkdownContent = __esm({
12405
12438
  "th",
12406
12439
  {
12407
12440
  ...props,
12408
- className: "border border-gray-300 dark:border-gray-600 bg-[var(--color-muted)] px-4 py-2 text-left font-semibold",
12441
+ className: "border border-[var(--color-border)] bg-[var(--color-muted)] px-4 py-2 text-left font-semibold",
12409
12442
  children
12410
12443
  }
12411
12444
  );
@@ -12415,7 +12448,7 @@ var init_MarkdownContent = __esm({
12415
12448
  "td",
12416
12449
  {
12417
12450
  ...props,
12418
- className: "border border-gray-300 dark:border-gray-600 px-4 py-2",
12451
+ className: "border border-[var(--color-border)] px-4 py-2",
12419
12452
  children
12420
12453
  }
12421
12454
  );
@@ -12426,7 +12459,7 @@ var init_MarkdownContent = __esm({
12426
12459
  "blockquote",
12427
12460
  {
12428
12461
  ...props,
12429
- className: "border-l-4 border-blue-500 pl-4 italic text-foreground my-4",
12462
+ className: "border-l-4 border-[var(--color-primary)] pl-4 italic text-[var(--color-foreground)] my-4",
12430
12463
  children
12431
12464
  }
12432
12465
  );
@@ -37683,11 +37716,49 @@ function renderRichFieldValue(value, fieldName, fieldType) {
37683
37716
  }
37684
37717
  case "markdown":
37685
37718
  case "richtext":
37686
- return /* @__PURE__ */ jsxRuntime.jsx(React79.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", className: "break-words", children: str }), children: /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "prose prose-sm max-w-none dark:prose-invert", children: /* @__PURE__ */ jsxRuntime.jsx(ReactMarkdown2, { children: str }) }) });
37719
+ return /* @__PURE__ */ jsxRuntime.jsx(React79.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", className: "break-words", children: str }), children: /* @__PURE__ */ jsxRuntime.jsx(
37720
+ exports.Box,
37721
+ {
37722
+ className: "prose prose-sm max-w-none",
37723
+ style: {
37724
+ "--tw-prose-body": "var(--color-foreground)",
37725
+ "--tw-prose-headings": "var(--color-foreground)",
37726
+ "--tw-prose-bold": "var(--color-foreground)",
37727
+ "--tw-prose-links": "var(--color-primary)",
37728
+ "--tw-prose-code": "var(--color-foreground)",
37729
+ "--tw-prose-hr": "var(--color-border)",
37730
+ "--tw-prose-quotes": "var(--color-foreground)",
37731
+ "--tw-prose-quote-borders": "var(--color-primary)",
37732
+ "--tw-prose-captions": "var(--color-muted-foreground)",
37733
+ "--tw-prose-th-borders": "var(--color-border)",
37734
+ "--tw-prose-td-borders": "var(--color-border)"
37735
+ },
37736
+ children: /* @__PURE__ */ jsxRuntime.jsx(ReactMarkdown2, { children: str })
37737
+ }
37738
+ ) });
37687
37739
  case "code":
37688
37740
  return /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "mt-1 rounded-md bg-muted p-3 overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "text-sm font-mono whitespace-pre-wrap break-words m-0", children: /* @__PURE__ */ jsxRuntime.jsx("code", { children: str }) }) });
37689
37741
  case "html":
37690
- return /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "mt-1 prose prose-sm max-w-none dark:prose-invert break-words", children: /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", children: str }) });
37742
+ return /* @__PURE__ */ jsxRuntime.jsx(
37743
+ exports.Box,
37744
+ {
37745
+ className: "mt-1 prose prose-sm max-w-none break-words",
37746
+ style: {
37747
+ "--tw-prose-body": "var(--color-foreground)",
37748
+ "--tw-prose-headings": "var(--color-foreground)",
37749
+ "--tw-prose-bold": "var(--color-foreground)",
37750
+ "--tw-prose-links": "var(--color-primary)",
37751
+ "--tw-prose-code": "var(--color-foreground)",
37752
+ "--tw-prose-hr": "var(--color-border)",
37753
+ "--tw-prose-quotes": "var(--color-foreground)",
37754
+ "--tw-prose-quote-borders": "var(--color-primary)",
37755
+ "--tw-prose-captions": "var(--color-muted-foreground)",
37756
+ "--tw-prose-th-borders": "var(--color-border)",
37757
+ "--tw-prose-td-borders": "var(--color-border)"
37758
+ },
37759
+ children: /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", children: str })
37760
+ }
37761
+ );
37691
37762
  case "date":
37692
37763
  case "datetime": {
37693
37764
  const d = new Date(str);