@almadar/ui 5.21.0 → 5.21.2

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.
@@ -17023,8 +17023,26 @@ var init_MarkdownContent = __esm({
17023
17023
  return /* @__PURE__ */ jsxRuntime.jsx(
17024
17024
  Box,
17025
17025
  {
17026
- className: cn("prose prose-slate dark:prose-invert max-w-none", className),
17027
- 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
+ },
17028
17046
  children: /* @__PURE__ */ jsxRuntime.jsx(
17029
17047
  ReactMarkdown__default.default,
17030
17048
  {
@@ -17041,8 +17059,9 @@ var init_MarkdownContent = __esm({
17041
17059
  ...props,
17042
17060
  className: codeClassName,
17043
17061
  style: {
17044
- backgroundColor: "#1f2937",
17045
- color: "#e5e7eb",
17062
+ backgroundColor: "var(--color-muted)",
17063
+ color: "var(--color-foreground)",
17064
+ border: "1px solid var(--color-border)",
17046
17065
  padding: "0.125rem 0.375rem",
17047
17066
  borderRadius: "0.25rem",
17048
17067
  fontSize: "0.875em",
@@ -17059,7 +17078,7 @@ var init_MarkdownContent = __esm({
17059
17078
  {
17060
17079
  href,
17061
17080
  ...props,
17062
- className: "text-blue-600 dark:text-blue-400 hover:underline",
17081
+ className: "text-[var(--color-primary)] hover:underline",
17063
17082
  target: href?.startsWith("http") ? "_blank" : void 0,
17064
17083
  rel: href?.startsWith("http") ? "noopener noreferrer" : void 0,
17065
17084
  children
@@ -17072,7 +17091,7 @@ var init_MarkdownContent = __esm({
17072
17091
  "table",
17073
17092
  {
17074
17093
  ...props,
17075
- className: "min-w-full border-collapse border border-gray-300 dark:border-gray-600",
17094
+ className: "min-w-full border-collapse border border-[var(--color-border)]",
17076
17095
  children
17077
17096
  }
17078
17097
  ) });
@@ -17082,7 +17101,7 @@ var init_MarkdownContent = __esm({
17082
17101
  "th",
17083
17102
  {
17084
17103
  ...props,
17085
- className: "border border-gray-300 dark:border-gray-600 bg-[var(--color-muted)] px-4 py-2 text-left font-semibold",
17104
+ className: "border border-[var(--color-border)] bg-[var(--color-muted)] px-4 py-2 text-left font-semibold",
17086
17105
  children
17087
17106
  }
17088
17107
  );
@@ -17092,7 +17111,7 @@ var init_MarkdownContent = __esm({
17092
17111
  "td",
17093
17112
  {
17094
17113
  ...props,
17095
- className: "border border-gray-300 dark:border-gray-600 px-4 py-2",
17114
+ className: "border border-[var(--color-border)] px-4 py-2",
17096
17115
  children
17097
17116
  }
17098
17117
  );
@@ -17103,7 +17122,7 @@ var init_MarkdownContent = __esm({
17103
17122
  "blockquote",
17104
17123
  {
17105
17124
  ...props,
17106
- className: "border-l-4 border-blue-500 pl-4 italic text-foreground my-4",
17125
+ className: "border-l-4 border-[var(--color-primary)] pl-4 italic text-[var(--color-foreground)] my-4",
17107
17126
  children
17108
17127
  }
17109
17128
  );
@@ -40929,11 +40948,49 @@ function renderRichFieldValue(value, fieldName, fieldType) {
40929
40948
  }
40930
40949
  case "markdown":
40931
40950
  case "richtext":
40932
- 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 }) }) });
40951
+ return /* @__PURE__ */ jsxRuntime.jsx(React97.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", className: "break-words", children: str }), children: /* @__PURE__ */ jsxRuntime.jsx(
40952
+ Box,
40953
+ {
40954
+ className: "prose prose-sm max-w-none",
40955
+ style: {
40956
+ "--tw-prose-body": "var(--color-foreground)",
40957
+ "--tw-prose-headings": "var(--color-foreground)",
40958
+ "--tw-prose-bold": "var(--color-foreground)",
40959
+ "--tw-prose-links": "var(--color-primary)",
40960
+ "--tw-prose-code": "var(--color-foreground)",
40961
+ "--tw-prose-hr": "var(--color-border)",
40962
+ "--tw-prose-quotes": "var(--color-foreground)",
40963
+ "--tw-prose-quote-borders": "var(--color-primary)",
40964
+ "--tw-prose-captions": "var(--color-muted-foreground)",
40965
+ "--tw-prose-th-borders": "var(--color-border)",
40966
+ "--tw-prose-td-borders": "var(--color-border)"
40967
+ },
40968
+ children: /* @__PURE__ */ jsxRuntime.jsx(ReactMarkdown2, { children: str })
40969
+ }
40970
+ ) });
40933
40971
  case "code":
40934
40972
  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 }) }) });
40935
40973
  case "html":
40936
- 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 }) });
40974
+ return /* @__PURE__ */ jsxRuntime.jsx(
40975
+ Box,
40976
+ {
40977
+ className: "mt-1 prose prose-sm max-w-none break-words",
40978
+ style: {
40979
+ "--tw-prose-body": "var(--color-foreground)",
40980
+ "--tw-prose-headings": "var(--color-foreground)",
40981
+ "--tw-prose-bold": "var(--color-foreground)",
40982
+ "--tw-prose-links": "var(--color-primary)",
40983
+ "--tw-prose-code": "var(--color-foreground)",
40984
+ "--tw-prose-hr": "var(--color-border)",
40985
+ "--tw-prose-quotes": "var(--color-foreground)",
40986
+ "--tw-prose-quote-borders": "var(--color-primary)",
40987
+ "--tw-prose-captions": "var(--color-muted-foreground)",
40988
+ "--tw-prose-th-borders": "var(--color-border)",
40989
+ "--tw-prose-td-borders": "var(--color-border)"
40990
+ },
40991
+ children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", children: str })
40992
+ }
40993
+ );
40937
40994
  case "date":
40938
40995
  case "datetime": {
40939
40996
  const d = new Date(str);
package/dist/avl/index.js CHANGED
@@ -16974,8 +16974,26 @@ var init_MarkdownContent = __esm({
16974
16974
  return /* @__PURE__ */ jsx(
16975
16975
  Box,
16976
16976
  {
16977
- className: cn("prose prose-slate dark:prose-invert max-w-none", className),
16978
- 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
+ },
16979
16997
  children: /* @__PURE__ */ jsx(
16980
16998
  ReactMarkdown,
16981
16999
  {
@@ -16992,8 +17010,9 @@ var init_MarkdownContent = __esm({
16992
17010
  ...props,
16993
17011
  className: codeClassName,
16994
17012
  style: {
16995
- backgroundColor: "#1f2937",
16996
- color: "#e5e7eb",
17013
+ backgroundColor: "var(--color-muted)",
17014
+ color: "var(--color-foreground)",
17015
+ border: "1px solid var(--color-border)",
16997
17016
  padding: "0.125rem 0.375rem",
16998
17017
  borderRadius: "0.25rem",
16999
17018
  fontSize: "0.875em",
@@ -17010,7 +17029,7 @@ var init_MarkdownContent = __esm({
17010
17029
  {
17011
17030
  href,
17012
17031
  ...props,
17013
- className: "text-blue-600 dark:text-blue-400 hover:underline",
17032
+ className: "text-[var(--color-primary)] hover:underline",
17014
17033
  target: href?.startsWith("http") ? "_blank" : void 0,
17015
17034
  rel: href?.startsWith("http") ? "noopener noreferrer" : void 0,
17016
17035
  children
@@ -17023,7 +17042,7 @@ var init_MarkdownContent = __esm({
17023
17042
  "table",
17024
17043
  {
17025
17044
  ...props,
17026
- className: "min-w-full border-collapse border border-gray-300 dark:border-gray-600",
17045
+ className: "min-w-full border-collapse border border-[var(--color-border)]",
17027
17046
  children
17028
17047
  }
17029
17048
  ) });
@@ -17033,7 +17052,7 @@ var init_MarkdownContent = __esm({
17033
17052
  "th",
17034
17053
  {
17035
17054
  ...props,
17036
- className: "border border-gray-300 dark:border-gray-600 bg-[var(--color-muted)] px-4 py-2 text-left font-semibold",
17055
+ className: "border border-[var(--color-border)] bg-[var(--color-muted)] px-4 py-2 text-left font-semibold",
17037
17056
  children
17038
17057
  }
17039
17058
  );
@@ -17043,7 +17062,7 @@ var init_MarkdownContent = __esm({
17043
17062
  "td",
17044
17063
  {
17045
17064
  ...props,
17046
- className: "border border-gray-300 dark:border-gray-600 px-4 py-2",
17065
+ className: "border border-[var(--color-border)] px-4 py-2",
17047
17066
  children
17048
17067
  }
17049
17068
  );
@@ -17054,7 +17073,7 @@ var init_MarkdownContent = __esm({
17054
17073
  "blockquote",
17055
17074
  {
17056
17075
  ...props,
17057
- className: "border-l-4 border-blue-500 pl-4 italic text-foreground my-4",
17076
+ className: "border-l-4 border-[var(--color-primary)] pl-4 italic text-[var(--color-foreground)] my-4",
17058
17077
  children
17059
17078
  }
17060
17079
  );
@@ -40880,11 +40899,49 @@ function renderRichFieldValue(value, fieldName, fieldType) {
40880
40899
  }
40881
40900
  case "markdown":
40882
40901
  case "richtext":
40883
- 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 }) }) });
40902
+ return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(Typography, { variant: "body", className: "break-words", children: str }), children: /* @__PURE__ */ jsx(
40903
+ Box,
40904
+ {
40905
+ className: "prose prose-sm max-w-none",
40906
+ style: {
40907
+ "--tw-prose-body": "var(--color-foreground)",
40908
+ "--tw-prose-headings": "var(--color-foreground)",
40909
+ "--tw-prose-bold": "var(--color-foreground)",
40910
+ "--tw-prose-links": "var(--color-primary)",
40911
+ "--tw-prose-code": "var(--color-foreground)",
40912
+ "--tw-prose-hr": "var(--color-border)",
40913
+ "--tw-prose-quotes": "var(--color-foreground)",
40914
+ "--tw-prose-quote-borders": "var(--color-primary)",
40915
+ "--tw-prose-captions": "var(--color-muted-foreground)",
40916
+ "--tw-prose-th-borders": "var(--color-border)",
40917
+ "--tw-prose-td-borders": "var(--color-border)"
40918
+ },
40919
+ children: /* @__PURE__ */ jsx(ReactMarkdown2, { children: str })
40920
+ }
40921
+ ) });
40884
40922
  case "code":
40885
40923
  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 }) }) });
40886
40924
  case "html":
40887
- 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 }) });
40925
+ return /* @__PURE__ */ jsx(
40926
+ Box,
40927
+ {
40928
+ className: "mt-1 prose prose-sm max-w-none break-words",
40929
+ style: {
40930
+ "--tw-prose-body": "var(--color-foreground)",
40931
+ "--tw-prose-headings": "var(--color-foreground)",
40932
+ "--tw-prose-bold": "var(--color-foreground)",
40933
+ "--tw-prose-links": "var(--color-primary)",
40934
+ "--tw-prose-code": "var(--color-foreground)",
40935
+ "--tw-prose-hr": "var(--color-border)",
40936
+ "--tw-prose-quotes": "var(--color-foreground)",
40937
+ "--tw-prose-quote-borders": "var(--color-primary)",
40938
+ "--tw-prose-captions": "var(--color-muted-foreground)",
40939
+ "--tw-prose-th-borders": "var(--color-border)",
40940
+ "--tw-prose-td-borders": "var(--color-border)"
40941
+ },
40942
+ children: /* @__PURE__ */ jsx(Typography, { variant: "body", children: str })
40943
+ }
40944
+ );
40888
40945
  case "date":
40889
40946
  case "datetime": {
40890
40947
  const d = new Date(str);
@@ -12361,8 +12361,26 @@ var init_MarkdownContent = __esm({
12361
12361
  return /* @__PURE__ */ jsxRuntime.jsx(
12362
12362
  exports.Box,
12363
12363
  {
12364
- className: cn("prose prose-slate dark:prose-invert max-w-none", className),
12365
- 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
+ },
12366
12384
  children: /* @__PURE__ */ jsxRuntime.jsx(
12367
12385
  ReactMarkdown__default.default,
12368
12386
  {
@@ -12379,8 +12397,9 @@ var init_MarkdownContent = __esm({
12379
12397
  ...props,
12380
12398
  className: codeClassName,
12381
12399
  style: {
12382
- backgroundColor: "#1f2937",
12383
- color: "#e5e7eb",
12400
+ backgroundColor: "var(--color-muted)",
12401
+ color: "var(--color-foreground)",
12402
+ border: "1px solid var(--color-border)",
12384
12403
  padding: "0.125rem 0.375rem",
12385
12404
  borderRadius: "0.25rem",
12386
12405
  fontSize: "0.875em",
@@ -12397,7 +12416,7 @@ var init_MarkdownContent = __esm({
12397
12416
  {
12398
12417
  href,
12399
12418
  ...props,
12400
- className: "text-blue-600 dark:text-blue-400 hover:underline",
12419
+ className: "text-[var(--color-primary)] hover:underline",
12401
12420
  target: href?.startsWith("http") ? "_blank" : void 0,
12402
12421
  rel: href?.startsWith("http") ? "noopener noreferrer" : void 0,
12403
12422
  children
@@ -12410,7 +12429,7 @@ var init_MarkdownContent = __esm({
12410
12429
  "table",
12411
12430
  {
12412
12431
  ...props,
12413
- className: "min-w-full border-collapse border border-gray-300 dark:border-gray-600",
12432
+ className: "min-w-full border-collapse border border-[var(--color-border)]",
12414
12433
  children
12415
12434
  }
12416
12435
  ) });
@@ -12420,7 +12439,7 @@ var init_MarkdownContent = __esm({
12420
12439
  "th",
12421
12440
  {
12422
12441
  ...props,
12423
- className: "border border-gray-300 dark:border-gray-600 bg-[var(--color-muted)] px-4 py-2 text-left font-semibold",
12442
+ className: "border border-[var(--color-border)] bg-[var(--color-muted)] px-4 py-2 text-left font-semibold",
12424
12443
  children
12425
12444
  }
12426
12445
  );
@@ -12430,7 +12449,7 @@ var init_MarkdownContent = __esm({
12430
12449
  "td",
12431
12450
  {
12432
12451
  ...props,
12433
- className: "border border-gray-300 dark:border-gray-600 px-4 py-2",
12452
+ className: "border border-[var(--color-border)] px-4 py-2",
12434
12453
  children
12435
12454
  }
12436
12455
  );
@@ -12441,7 +12460,7 @@ var init_MarkdownContent = __esm({
12441
12460
  "blockquote",
12442
12461
  {
12443
12462
  ...props,
12444
- className: "border-l-4 border-blue-500 pl-4 italic text-foreground my-4",
12463
+ className: "border-l-4 border-[var(--color-primary)] pl-4 italic text-[var(--color-foreground)] my-4",
12445
12464
  children
12446
12465
  }
12447
12466
  );
@@ -37698,11 +37717,49 @@ function renderRichFieldValue(value, fieldName, fieldType) {
37698
37717
  }
37699
37718
  case "markdown":
37700
37719
  case "richtext":
37701
- 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 }) }) });
37720
+ return /* @__PURE__ */ jsxRuntime.jsx(React79.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", className: "break-words", children: str }), children: /* @__PURE__ */ jsxRuntime.jsx(
37721
+ exports.Box,
37722
+ {
37723
+ className: "prose prose-sm max-w-none",
37724
+ style: {
37725
+ "--tw-prose-body": "var(--color-foreground)",
37726
+ "--tw-prose-headings": "var(--color-foreground)",
37727
+ "--tw-prose-bold": "var(--color-foreground)",
37728
+ "--tw-prose-links": "var(--color-primary)",
37729
+ "--tw-prose-code": "var(--color-foreground)",
37730
+ "--tw-prose-hr": "var(--color-border)",
37731
+ "--tw-prose-quotes": "var(--color-foreground)",
37732
+ "--tw-prose-quote-borders": "var(--color-primary)",
37733
+ "--tw-prose-captions": "var(--color-muted-foreground)",
37734
+ "--tw-prose-th-borders": "var(--color-border)",
37735
+ "--tw-prose-td-borders": "var(--color-border)"
37736
+ },
37737
+ children: /* @__PURE__ */ jsxRuntime.jsx(ReactMarkdown2, { children: str })
37738
+ }
37739
+ ) });
37702
37740
  case "code":
37703
37741
  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 }) }) });
37704
37742
  case "html":
37705
- 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 }) });
37743
+ return /* @__PURE__ */ jsxRuntime.jsx(
37744
+ exports.Box,
37745
+ {
37746
+ className: "mt-1 prose prose-sm max-w-none break-words",
37747
+ style: {
37748
+ "--tw-prose-body": "var(--color-foreground)",
37749
+ "--tw-prose-headings": "var(--color-foreground)",
37750
+ "--tw-prose-bold": "var(--color-foreground)",
37751
+ "--tw-prose-links": "var(--color-primary)",
37752
+ "--tw-prose-code": "var(--color-foreground)",
37753
+ "--tw-prose-hr": "var(--color-border)",
37754
+ "--tw-prose-quotes": "var(--color-foreground)",
37755
+ "--tw-prose-quote-borders": "var(--color-primary)",
37756
+ "--tw-prose-captions": "var(--color-muted-foreground)",
37757
+ "--tw-prose-th-borders": "var(--color-border)",
37758
+ "--tw-prose-td-borders": "var(--color-border)"
37759
+ },
37760
+ children: /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", children: str })
37761
+ }
37762
+ );
37706
37763
  case "date":
37707
37764
  case "datetime": {
37708
37765
  const d = new Date(str);
@@ -12312,8 +12312,26 @@ var init_MarkdownContent = __esm({
12312
12312
  return /* @__PURE__ */ jsx(
12313
12313
  Box,
12314
12314
  {
12315
- className: cn("prose prose-slate dark:prose-invert max-w-none", className),
12316
- style: { direction },
12315
+ className: cn("prose max-w-none", className),
12316
+ style: {
12317
+ "--tw-prose-body": "var(--color-foreground)",
12318
+ "--tw-prose-headings": "var(--color-foreground)",
12319
+ "--tw-prose-lead": "var(--color-muted-foreground)",
12320
+ "--tw-prose-links": "var(--color-primary)",
12321
+ "--tw-prose-bold": "var(--color-foreground)",
12322
+ "--tw-prose-counters": "var(--color-muted-foreground)",
12323
+ "--tw-prose-bullets": "var(--color-muted-foreground)",
12324
+ "--tw-prose-hr": "var(--color-border)",
12325
+ "--tw-prose-quotes": "var(--color-foreground)",
12326
+ "--tw-prose-quote-borders": "var(--color-primary)",
12327
+ "--tw-prose-captions": "var(--color-muted-foreground)",
12328
+ "--tw-prose-code": "var(--color-foreground)",
12329
+ "--tw-prose-pre-code": "var(--color-foreground)",
12330
+ "--tw-prose-pre-bg": "var(--color-muted)",
12331
+ "--tw-prose-th-borders": "var(--color-border)",
12332
+ "--tw-prose-td-borders": "var(--color-border)",
12333
+ direction
12334
+ },
12317
12335
  children: /* @__PURE__ */ jsx(
12318
12336
  ReactMarkdown,
12319
12337
  {
@@ -12330,8 +12348,9 @@ var init_MarkdownContent = __esm({
12330
12348
  ...props,
12331
12349
  className: codeClassName,
12332
12350
  style: {
12333
- backgroundColor: "#1f2937",
12334
- color: "#e5e7eb",
12351
+ backgroundColor: "var(--color-muted)",
12352
+ color: "var(--color-foreground)",
12353
+ border: "1px solid var(--color-border)",
12335
12354
  padding: "0.125rem 0.375rem",
12336
12355
  borderRadius: "0.25rem",
12337
12356
  fontSize: "0.875em",
@@ -12348,7 +12367,7 @@ var init_MarkdownContent = __esm({
12348
12367
  {
12349
12368
  href,
12350
12369
  ...props,
12351
- className: "text-blue-600 dark:text-blue-400 hover:underline",
12370
+ className: "text-[var(--color-primary)] hover:underline",
12352
12371
  target: href?.startsWith("http") ? "_blank" : void 0,
12353
12372
  rel: href?.startsWith("http") ? "noopener noreferrer" : void 0,
12354
12373
  children
@@ -12361,7 +12380,7 @@ var init_MarkdownContent = __esm({
12361
12380
  "table",
12362
12381
  {
12363
12382
  ...props,
12364
- className: "min-w-full border-collapse border border-gray-300 dark:border-gray-600",
12383
+ className: "min-w-full border-collapse border border-[var(--color-border)]",
12365
12384
  children
12366
12385
  }
12367
12386
  ) });
@@ -12371,7 +12390,7 @@ var init_MarkdownContent = __esm({
12371
12390
  "th",
12372
12391
  {
12373
12392
  ...props,
12374
- className: "border border-gray-300 dark:border-gray-600 bg-[var(--color-muted)] px-4 py-2 text-left font-semibold",
12393
+ className: "border border-[var(--color-border)] bg-[var(--color-muted)] px-4 py-2 text-left font-semibold",
12375
12394
  children
12376
12395
  }
12377
12396
  );
@@ -12381,7 +12400,7 @@ var init_MarkdownContent = __esm({
12381
12400
  "td",
12382
12401
  {
12383
12402
  ...props,
12384
- className: "border border-gray-300 dark:border-gray-600 px-4 py-2",
12403
+ className: "border border-[var(--color-border)] px-4 py-2",
12385
12404
  children
12386
12405
  }
12387
12406
  );
@@ -12392,7 +12411,7 @@ var init_MarkdownContent = __esm({
12392
12411
  "blockquote",
12393
12412
  {
12394
12413
  ...props,
12395
- className: "border-l-4 border-blue-500 pl-4 italic text-foreground my-4",
12414
+ className: "border-l-4 border-[var(--color-primary)] pl-4 italic text-[var(--color-foreground)] my-4",
12396
12415
  children
12397
12416
  }
12398
12417
  );
@@ -37649,11 +37668,49 @@ function renderRichFieldValue(value, fieldName, fieldType) {
37649
37668
  }
37650
37669
  case "markdown":
37651
37670
  case "richtext":
37652
- 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 }) }) });
37671
+ return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(Typography, { variant: "body", className: "break-words", children: str }), children: /* @__PURE__ */ jsx(
37672
+ Box,
37673
+ {
37674
+ className: "prose prose-sm max-w-none",
37675
+ style: {
37676
+ "--tw-prose-body": "var(--color-foreground)",
37677
+ "--tw-prose-headings": "var(--color-foreground)",
37678
+ "--tw-prose-bold": "var(--color-foreground)",
37679
+ "--tw-prose-links": "var(--color-primary)",
37680
+ "--tw-prose-code": "var(--color-foreground)",
37681
+ "--tw-prose-hr": "var(--color-border)",
37682
+ "--tw-prose-quotes": "var(--color-foreground)",
37683
+ "--tw-prose-quote-borders": "var(--color-primary)",
37684
+ "--tw-prose-captions": "var(--color-muted-foreground)",
37685
+ "--tw-prose-th-borders": "var(--color-border)",
37686
+ "--tw-prose-td-borders": "var(--color-border)"
37687
+ },
37688
+ children: /* @__PURE__ */ jsx(ReactMarkdown2, { children: str })
37689
+ }
37690
+ ) });
37653
37691
  case "code":
37654
37692
  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 }) }) });
37655
37693
  case "html":
37656
- 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 }) });
37694
+ return /* @__PURE__ */ jsx(
37695
+ Box,
37696
+ {
37697
+ className: "mt-1 prose prose-sm max-w-none break-words",
37698
+ style: {
37699
+ "--tw-prose-body": "var(--color-foreground)",
37700
+ "--tw-prose-headings": "var(--color-foreground)",
37701
+ "--tw-prose-bold": "var(--color-foreground)",
37702
+ "--tw-prose-links": "var(--color-primary)",
37703
+ "--tw-prose-code": "var(--color-foreground)",
37704
+ "--tw-prose-hr": "var(--color-border)",
37705
+ "--tw-prose-quotes": "var(--color-foreground)",
37706
+ "--tw-prose-quote-borders": "var(--color-primary)",
37707
+ "--tw-prose-captions": "var(--color-muted-foreground)",
37708
+ "--tw-prose-th-borders": "var(--color-border)",
37709
+ "--tw-prose-td-borders": "var(--color-border)"
37710
+ },
37711
+ children: /* @__PURE__ */ jsx(Typography, { variant: "body", children: str })
37712
+ }
37713
+ );
37657
37714
  case "date":
37658
37715
  case "datetime": {
37659
37716
  const d = new Date(str);
@@ -13836,8 +13836,26 @@ var init_MarkdownContent = __esm({
13836
13836
  return /* @__PURE__ */ jsxRuntime.jsx(
13837
13837
  Box,
13838
13838
  {
13839
- className: cn("prose prose-slate dark:prose-invert max-w-none", className),
13840
- style: { direction },
13839
+ className: cn("prose max-w-none", className),
13840
+ style: {
13841
+ "--tw-prose-body": "var(--color-foreground)",
13842
+ "--tw-prose-headings": "var(--color-foreground)",
13843
+ "--tw-prose-lead": "var(--color-muted-foreground)",
13844
+ "--tw-prose-links": "var(--color-primary)",
13845
+ "--tw-prose-bold": "var(--color-foreground)",
13846
+ "--tw-prose-counters": "var(--color-muted-foreground)",
13847
+ "--tw-prose-bullets": "var(--color-muted-foreground)",
13848
+ "--tw-prose-hr": "var(--color-border)",
13849
+ "--tw-prose-quotes": "var(--color-foreground)",
13850
+ "--tw-prose-quote-borders": "var(--color-primary)",
13851
+ "--tw-prose-captions": "var(--color-muted-foreground)",
13852
+ "--tw-prose-code": "var(--color-foreground)",
13853
+ "--tw-prose-pre-code": "var(--color-foreground)",
13854
+ "--tw-prose-pre-bg": "var(--color-muted)",
13855
+ "--tw-prose-th-borders": "var(--color-border)",
13856
+ "--tw-prose-td-borders": "var(--color-border)",
13857
+ direction
13858
+ },
13841
13859
  children: /* @__PURE__ */ jsxRuntime.jsx(
13842
13860
  ReactMarkdown__default.default,
13843
13861
  {
@@ -13854,8 +13872,9 @@ var init_MarkdownContent = __esm({
13854
13872
  ...props,
13855
13873
  className: codeClassName,
13856
13874
  style: {
13857
- backgroundColor: "#1f2937",
13858
- color: "#e5e7eb",
13875
+ backgroundColor: "var(--color-muted)",
13876
+ color: "var(--color-foreground)",
13877
+ border: "1px solid var(--color-border)",
13859
13878
  padding: "0.125rem 0.375rem",
13860
13879
  borderRadius: "0.25rem",
13861
13880
  fontSize: "0.875em",
@@ -13872,7 +13891,7 @@ var init_MarkdownContent = __esm({
13872
13891
  {
13873
13892
  href,
13874
13893
  ...props,
13875
- className: "text-blue-600 dark:text-blue-400 hover:underline",
13894
+ className: "text-[var(--color-primary)] hover:underline",
13876
13895
  target: href?.startsWith("http") ? "_blank" : void 0,
13877
13896
  rel: href?.startsWith("http") ? "noopener noreferrer" : void 0,
13878
13897
  children
@@ -13885,7 +13904,7 @@ var init_MarkdownContent = __esm({
13885
13904
  "table",
13886
13905
  {
13887
13906
  ...props,
13888
- className: "min-w-full border-collapse border border-gray-300 dark:border-gray-600",
13907
+ className: "min-w-full border-collapse border border-[var(--color-border)]",
13889
13908
  children
13890
13909
  }
13891
13910
  ) });
@@ -13895,7 +13914,7 @@ var init_MarkdownContent = __esm({
13895
13914
  "th",
13896
13915
  {
13897
13916
  ...props,
13898
- className: "border border-gray-300 dark:border-gray-600 bg-[var(--color-muted)] px-4 py-2 text-left font-semibold",
13917
+ className: "border border-[var(--color-border)] bg-[var(--color-muted)] px-4 py-2 text-left font-semibold",
13899
13918
  children
13900
13919
  }
13901
13920
  );
@@ -13905,7 +13924,7 @@ var init_MarkdownContent = __esm({
13905
13924
  "td",
13906
13925
  {
13907
13926
  ...props,
13908
- className: "border border-gray-300 dark:border-gray-600 px-4 py-2",
13927
+ className: "border border-[var(--color-border)] px-4 py-2",
13909
13928
  children
13910
13929
  }
13911
13930
  );
@@ -13916,7 +13935,7 @@ var init_MarkdownContent = __esm({
13916
13935
  "blockquote",
13917
13936
  {
13918
13937
  ...props,
13919
- className: "border-l-4 border-blue-500 pl-4 italic text-foreground my-4",
13938
+ className: "border-l-4 border-[var(--color-primary)] pl-4 italic text-[var(--color-foreground)] my-4",
13920
13939
  children
13921
13940
  }
13922
13941
  );
@@ -38151,11 +38170,49 @@ function renderRichFieldValue(value, fieldName, fieldType) {
38151
38170
  }
38152
38171
  case "markdown":
38153
38172
  case "richtext":
38154
- return /* @__PURE__ */ jsxRuntime.jsx(React85.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 }) }) });
38173
+ return /* @__PURE__ */ jsxRuntime.jsx(React85.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", className: "break-words", children: str }), children: /* @__PURE__ */ jsxRuntime.jsx(
38174
+ Box,
38175
+ {
38176
+ className: "prose prose-sm max-w-none",
38177
+ style: {
38178
+ "--tw-prose-body": "var(--color-foreground)",
38179
+ "--tw-prose-headings": "var(--color-foreground)",
38180
+ "--tw-prose-bold": "var(--color-foreground)",
38181
+ "--tw-prose-links": "var(--color-primary)",
38182
+ "--tw-prose-code": "var(--color-foreground)",
38183
+ "--tw-prose-hr": "var(--color-border)",
38184
+ "--tw-prose-quotes": "var(--color-foreground)",
38185
+ "--tw-prose-quote-borders": "var(--color-primary)",
38186
+ "--tw-prose-captions": "var(--color-muted-foreground)",
38187
+ "--tw-prose-th-borders": "var(--color-border)",
38188
+ "--tw-prose-td-borders": "var(--color-border)"
38189
+ },
38190
+ children: /* @__PURE__ */ jsxRuntime.jsx(ReactMarkdown2, { children: str })
38191
+ }
38192
+ ) });
38155
38193
  case "code":
38156
38194
  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 }) }) });
38157
38195
  case "html":
38158
- 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 }) });
38196
+ return /* @__PURE__ */ jsxRuntime.jsx(
38197
+ Box,
38198
+ {
38199
+ className: "mt-1 prose prose-sm max-w-none break-words",
38200
+ style: {
38201
+ "--tw-prose-body": "var(--color-foreground)",
38202
+ "--tw-prose-headings": "var(--color-foreground)",
38203
+ "--tw-prose-bold": "var(--color-foreground)",
38204
+ "--tw-prose-links": "var(--color-primary)",
38205
+ "--tw-prose-code": "var(--color-foreground)",
38206
+ "--tw-prose-hr": "var(--color-border)",
38207
+ "--tw-prose-quotes": "var(--color-foreground)",
38208
+ "--tw-prose-quote-borders": "var(--color-primary)",
38209
+ "--tw-prose-captions": "var(--color-muted-foreground)",
38210
+ "--tw-prose-th-borders": "var(--color-border)",
38211
+ "--tw-prose-td-borders": "var(--color-border)"
38212
+ },
38213
+ children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", children: str })
38214
+ }
38215
+ );
38159
38216
  case "date":
38160
38217
  case "datetime": {
38161
38218
  const d = new Date(str);
@@ -13787,8 +13787,26 @@ var init_MarkdownContent = __esm({
13787
13787
  return /* @__PURE__ */ jsx(
13788
13788
  Box,
13789
13789
  {
13790
- className: cn("prose prose-slate dark:prose-invert max-w-none", className),
13791
- style: { direction },
13790
+ className: cn("prose max-w-none", className),
13791
+ style: {
13792
+ "--tw-prose-body": "var(--color-foreground)",
13793
+ "--tw-prose-headings": "var(--color-foreground)",
13794
+ "--tw-prose-lead": "var(--color-muted-foreground)",
13795
+ "--tw-prose-links": "var(--color-primary)",
13796
+ "--tw-prose-bold": "var(--color-foreground)",
13797
+ "--tw-prose-counters": "var(--color-muted-foreground)",
13798
+ "--tw-prose-bullets": "var(--color-muted-foreground)",
13799
+ "--tw-prose-hr": "var(--color-border)",
13800
+ "--tw-prose-quotes": "var(--color-foreground)",
13801
+ "--tw-prose-quote-borders": "var(--color-primary)",
13802
+ "--tw-prose-captions": "var(--color-muted-foreground)",
13803
+ "--tw-prose-code": "var(--color-foreground)",
13804
+ "--tw-prose-pre-code": "var(--color-foreground)",
13805
+ "--tw-prose-pre-bg": "var(--color-muted)",
13806
+ "--tw-prose-th-borders": "var(--color-border)",
13807
+ "--tw-prose-td-borders": "var(--color-border)",
13808
+ direction
13809
+ },
13792
13810
  children: /* @__PURE__ */ jsx(
13793
13811
  ReactMarkdown,
13794
13812
  {
@@ -13805,8 +13823,9 @@ var init_MarkdownContent = __esm({
13805
13823
  ...props,
13806
13824
  className: codeClassName,
13807
13825
  style: {
13808
- backgroundColor: "#1f2937",
13809
- color: "#e5e7eb",
13826
+ backgroundColor: "var(--color-muted)",
13827
+ color: "var(--color-foreground)",
13828
+ border: "1px solid var(--color-border)",
13810
13829
  padding: "0.125rem 0.375rem",
13811
13830
  borderRadius: "0.25rem",
13812
13831
  fontSize: "0.875em",
@@ -13823,7 +13842,7 @@ var init_MarkdownContent = __esm({
13823
13842
  {
13824
13843
  href,
13825
13844
  ...props,
13826
- className: "text-blue-600 dark:text-blue-400 hover:underline",
13845
+ className: "text-[var(--color-primary)] hover:underline",
13827
13846
  target: href?.startsWith("http") ? "_blank" : void 0,
13828
13847
  rel: href?.startsWith("http") ? "noopener noreferrer" : void 0,
13829
13848
  children
@@ -13836,7 +13855,7 @@ var init_MarkdownContent = __esm({
13836
13855
  "table",
13837
13856
  {
13838
13857
  ...props,
13839
- className: "min-w-full border-collapse border border-gray-300 dark:border-gray-600",
13858
+ className: "min-w-full border-collapse border border-[var(--color-border)]",
13840
13859
  children
13841
13860
  }
13842
13861
  ) });
@@ -13846,7 +13865,7 @@ var init_MarkdownContent = __esm({
13846
13865
  "th",
13847
13866
  {
13848
13867
  ...props,
13849
- className: "border border-gray-300 dark:border-gray-600 bg-[var(--color-muted)] px-4 py-2 text-left font-semibold",
13868
+ className: "border border-[var(--color-border)] bg-[var(--color-muted)] px-4 py-2 text-left font-semibold",
13850
13869
  children
13851
13870
  }
13852
13871
  );
@@ -13856,7 +13875,7 @@ var init_MarkdownContent = __esm({
13856
13875
  "td",
13857
13876
  {
13858
13877
  ...props,
13859
- className: "border border-gray-300 dark:border-gray-600 px-4 py-2",
13878
+ className: "border border-[var(--color-border)] px-4 py-2",
13860
13879
  children
13861
13880
  }
13862
13881
  );
@@ -13867,7 +13886,7 @@ var init_MarkdownContent = __esm({
13867
13886
  "blockquote",
13868
13887
  {
13869
13888
  ...props,
13870
- className: "border-l-4 border-blue-500 pl-4 italic text-foreground my-4",
13889
+ className: "border-l-4 border-[var(--color-primary)] pl-4 italic text-[var(--color-foreground)] my-4",
13871
13890
  children
13872
13891
  }
13873
13892
  );
@@ -38102,11 +38121,49 @@ function renderRichFieldValue(value, fieldName, fieldType) {
38102
38121
  }
38103
38122
  case "markdown":
38104
38123
  case "richtext":
38105
- 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 }) }) });
38124
+ return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(Typography, { variant: "body", className: "break-words", children: str }), children: /* @__PURE__ */ jsx(
38125
+ Box,
38126
+ {
38127
+ className: "prose prose-sm max-w-none",
38128
+ style: {
38129
+ "--tw-prose-body": "var(--color-foreground)",
38130
+ "--tw-prose-headings": "var(--color-foreground)",
38131
+ "--tw-prose-bold": "var(--color-foreground)",
38132
+ "--tw-prose-links": "var(--color-primary)",
38133
+ "--tw-prose-code": "var(--color-foreground)",
38134
+ "--tw-prose-hr": "var(--color-border)",
38135
+ "--tw-prose-quotes": "var(--color-foreground)",
38136
+ "--tw-prose-quote-borders": "var(--color-primary)",
38137
+ "--tw-prose-captions": "var(--color-muted-foreground)",
38138
+ "--tw-prose-th-borders": "var(--color-border)",
38139
+ "--tw-prose-td-borders": "var(--color-border)"
38140
+ },
38141
+ children: /* @__PURE__ */ jsx(ReactMarkdown2, { children: str })
38142
+ }
38143
+ ) });
38106
38144
  case "code":
38107
38145
  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 }) }) });
38108
38146
  case "html":
38109
- 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 }) });
38147
+ return /* @__PURE__ */ jsx(
38148
+ Box,
38149
+ {
38150
+ className: "mt-1 prose prose-sm max-w-none break-words",
38151
+ style: {
38152
+ "--tw-prose-body": "var(--color-foreground)",
38153
+ "--tw-prose-headings": "var(--color-foreground)",
38154
+ "--tw-prose-bold": "var(--color-foreground)",
38155
+ "--tw-prose-links": "var(--color-primary)",
38156
+ "--tw-prose-code": "var(--color-foreground)",
38157
+ "--tw-prose-hr": "var(--color-border)",
38158
+ "--tw-prose-quotes": "var(--color-foreground)",
38159
+ "--tw-prose-quote-borders": "var(--color-primary)",
38160
+ "--tw-prose-captions": "var(--color-muted-foreground)",
38161
+ "--tw-prose-th-borders": "var(--color-border)",
38162
+ "--tw-prose-td-borders": "var(--color-border)"
38163
+ },
38164
+ children: /* @__PURE__ */ jsx(Typography, { variant: "body", children: str })
38165
+ }
38166
+ );
38110
38167
  case "date":
38111
38168
  case "datetime": {
38112
38169
  const d = new Date(str);
@@ -13736,8 +13736,26 @@ var init_MarkdownContent = __esm({
13736
13736
  return /* @__PURE__ */ jsxRuntime.jsx(
13737
13737
  Box,
13738
13738
  {
13739
- className: cn("prose prose-slate dark:prose-invert max-w-none", className),
13740
- style: { direction },
13739
+ className: cn("prose max-w-none", className),
13740
+ style: {
13741
+ "--tw-prose-body": "var(--color-foreground)",
13742
+ "--tw-prose-headings": "var(--color-foreground)",
13743
+ "--tw-prose-lead": "var(--color-muted-foreground)",
13744
+ "--tw-prose-links": "var(--color-primary)",
13745
+ "--tw-prose-bold": "var(--color-foreground)",
13746
+ "--tw-prose-counters": "var(--color-muted-foreground)",
13747
+ "--tw-prose-bullets": "var(--color-muted-foreground)",
13748
+ "--tw-prose-hr": "var(--color-border)",
13749
+ "--tw-prose-quotes": "var(--color-foreground)",
13750
+ "--tw-prose-quote-borders": "var(--color-primary)",
13751
+ "--tw-prose-captions": "var(--color-muted-foreground)",
13752
+ "--tw-prose-code": "var(--color-foreground)",
13753
+ "--tw-prose-pre-code": "var(--color-foreground)",
13754
+ "--tw-prose-pre-bg": "var(--color-muted)",
13755
+ "--tw-prose-th-borders": "var(--color-border)",
13756
+ "--tw-prose-td-borders": "var(--color-border)",
13757
+ direction
13758
+ },
13741
13759
  children: /* @__PURE__ */ jsxRuntime.jsx(
13742
13760
  ReactMarkdown__default.default,
13743
13761
  {
@@ -13754,8 +13772,9 @@ var init_MarkdownContent = __esm({
13754
13772
  ...props,
13755
13773
  className: codeClassName,
13756
13774
  style: {
13757
- backgroundColor: "#1f2937",
13758
- color: "#e5e7eb",
13775
+ backgroundColor: "var(--color-muted)",
13776
+ color: "var(--color-foreground)",
13777
+ border: "1px solid var(--color-border)",
13759
13778
  padding: "0.125rem 0.375rem",
13760
13779
  borderRadius: "0.25rem",
13761
13780
  fontSize: "0.875em",
@@ -13772,7 +13791,7 @@ var init_MarkdownContent = __esm({
13772
13791
  {
13773
13792
  href,
13774
13793
  ...props,
13775
- className: "text-blue-600 dark:text-blue-400 hover:underline",
13794
+ className: "text-[var(--color-primary)] hover:underline",
13776
13795
  target: href?.startsWith("http") ? "_blank" : void 0,
13777
13796
  rel: href?.startsWith("http") ? "noopener noreferrer" : void 0,
13778
13797
  children
@@ -13785,7 +13804,7 @@ var init_MarkdownContent = __esm({
13785
13804
  "table",
13786
13805
  {
13787
13806
  ...props,
13788
- className: "min-w-full border-collapse border border-gray-300 dark:border-gray-600",
13807
+ className: "min-w-full border-collapse border border-[var(--color-border)]",
13789
13808
  children
13790
13809
  }
13791
13810
  ) });
@@ -13795,7 +13814,7 @@ var init_MarkdownContent = __esm({
13795
13814
  "th",
13796
13815
  {
13797
13816
  ...props,
13798
- className: "border border-gray-300 dark:border-gray-600 bg-[var(--color-muted)] px-4 py-2 text-left font-semibold",
13817
+ className: "border border-[var(--color-border)] bg-[var(--color-muted)] px-4 py-2 text-left font-semibold",
13799
13818
  children
13800
13819
  }
13801
13820
  );
@@ -13805,7 +13824,7 @@ var init_MarkdownContent = __esm({
13805
13824
  "td",
13806
13825
  {
13807
13826
  ...props,
13808
- className: "border border-gray-300 dark:border-gray-600 px-4 py-2",
13827
+ className: "border border-[var(--color-border)] px-4 py-2",
13809
13828
  children
13810
13829
  }
13811
13830
  );
@@ -13816,7 +13835,7 @@ var init_MarkdownContent = __esm({
13816
13835
  "blockquote",
13817
13836
  {
13818
13837
  ...props,
13819
- className: "border-l-4 border-blue-500 pl-4 italic text-foreground my-4",
13838
+ className: "border-l-4 border-[var(--color-primary)] pl-4 italic text-[var(--color-foreground)] my-4",
13820
13839
  children
13821
13840
  }
13822
13841
  );
@@ -37718,11 +37737,49 @@ function renderRichFieldValue(value, fieldName, fieldType) {
37718
37737
  }
37719
37738
  case "markdown":
37720
37739
  case "richtext":
37721
- return /* @__PURE__ */ jsxRuntime.jsx(React84.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 }) }) });
37740
+ return /* @__PURE__ */ jsxRuntime.jsx(React84.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", className: "break-words", children: str }), children: /* @__PURE__ */ jsxRuntime.jsx(
37741
+ Box,
37742
+ {
37743
+ className: "prose prose-sm max-w-none",
37744
+ style: {
37745
+ "--tw-prose-body": "var(--color-foreground)",
37746
+ "--tw-prose-headings": "var(--color-foreground)",
37747
+ "--tw-prose-bold": "var(--color-foreground)",
37748
+ "--tw-prose-links": "var(--color-primary)",
37749
+ "--tw-prose-code": "var(--color-foreground)",
37750
+ "--tw-prose-hr": "var(--color-border)",
37751
+ "--tw-prose-quotes": "var(--color-foreground)",
37752
+ "--tw-prose-quote-borders": "var(--color-primary)",
37753
+ "--tw-prose-captions": "var(--color-muted-foreground)",
37754
+ "--tw-prose-th-borders": "var(--color-border)",
37755
+ "--tw-prose-td-borders": "var(--color-border)"
37756
+ },
37757
+ children: /* @__PURE__ */ jsxRuntime.jsx(ReactMarkdown2, { children: str })
37758
+ }
37759
+ ) });
37722
37760
  case "code":
37723
37761
  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 }) }) });
37724
37762
  case "html":
37725
- 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 }) });
37763
+ return /* @__PURE__ */ jsxRuntime.jsx(
37764
+ Box,
37765
+ {
37766
+ className: "mt-1 prose prose-sm max-w-none break-words",
37767
+ style: {
37768
+ "--tw-prose-body": "var(--color-foreground)",
37769
+ "--tw-prose-headings": "var(--color-foreground)",
37770
+ "--tw-prose-bold": "var(--color-foreground)",
37771
+ "--tw-prose-links": "var(--color-primary)",
37772
+ "--tw-prose-code": "var(--color-foreground)",
37773
+ "--tw-prose-hr": "var(--color-border)",
37774
+ "--tw-prose-quotes": "var(--color-foreground)",
37775
+ "--tw-prose-quote-borders": "var(--color-primary)",
37776
+ "--tw-prose-captions": "var(--color-muted-foreground)",
37777
+ "--tw-prose-th-borders": "var(--color-border)",
37778
+ "--tw-prose-td-borders": "var(--color-border)"
37779
+ },
37780
+ children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", children: str })
37781
+ }
37782
+ );
37726
37783
  case "date":
37727
37784
  case "datetime": {
37728
37785
  const d = new Date(str);
@@ -13687,8 +13687,26 @@ var init_MarkdownContent = __esm({
13687
13687
  return /* @__PURE__ */ jsx(
13688
13688
  Box,
13689
13689
  {
13690
- className: cn("prose prose-slate dark:prose-invert max-w-none", className),
13691
- style: { direction },
13690
+ className: cn("prose max-w-none", className),
13691
+ style: {
13692
+ "--tw-prose-body": "var(--color-foreground)",
13693
+ "--tw-prose-headings": "var(--color-foreground)",
13694
+ "--tw-prose-lead": "var(--color-muted-foreground)",
13695
+ "--tw-prose-links": "var(--color-primary)",
13696
+ "--tw-prose-bold": "var(--color-foreground)",
13697
+ "--tw-prose-counters": "var(--color-muted-foreground)",
13698
+ "--tw-prose-bullets": "var(--color-muted-foreground)",
13699
+ "--tw-prose-hr": "var(--color-border)",
13700
+ "--tw-prose-quotes": "var(--color-foreground)",
13701
+ "--tw-prose-quote-borders": "var(--color-primary)",
13702
+ "--tw-prose-captions": "var(--color-muted-foreground)",
13703
+ "--tw-prose-code": "var(--color-foreground)",
13704
+ "--tw-prose-pre-code": "var(--color-foreground)",
13705
+ "--tw-prose-pre-bg": "var(--color-muted)",
13706
+ "--tw-prose-th-borders": "var(--color-border)",
13707
+ "--tw-prose-td-borders": "var(--color-border)",
13708
+ direction
13709
+ },
13692
13710
  children: /* @__PURE__ */ jsx(
13693
13711
  ReactMarkdown,
13694
13712
  {
@@ -13705,8 +13723,9 @@ var init_MarkdownContent = __esm({
13705
13723
  ...props,
13706
13724
  className: codeClassName,
13707
13725
  style: {
13708
- backgroundColor: "#1f2937",
13709
- color: "#e5e7eb",
13726
+ backgroundColor: "var(--color-muted)",
13727
+ color: "var(--color-foreground)",
13728
+ border: "1px solid var(--color-border)",
13710
13729
  padding: "0.125rem 0.375rem",
13711
13730
  borderRadius: "0.25rem",
13712
13731
  fontSize: "0.875em",
@@ -13723,7 +13742,7 @@ var init_MarkdownContent = __esm({
13723
13742
  {
13724
13743
  href,
13725
13744
  ...props,
13726
- className: "text-blue-600 dark:text-blue-400 hover:underline",
13745
+ className: "text-[var(--color-primary)] hover:underline",
13727
13746
  target: href?.startsWith("http") ? "_blank" : void 0,
13728
13747
  rel: href?.startsWith("http") ? "noopener noreferrer" : void 0,
13729
13748
  children
@@ -13736,7 +13755,7 @@ var init_MarkdownContent = __esm({
13736
13755
  "table",
13737
13756
  {
13738
13757
  ...props,
13739
- className: "min-w-full border-collapse border border-gray-300 dark:border-gray-600",
13758
+ className: "min-w-full border-collapse border border-[var(--color-border)]",
13740
13759
  children
13741
13760
  }
13742
13761
  ) });
@@ -13746,7 +13765,7 @@ var init_MarkdownContent = __esm({
13746
13765
  "th",
13747
13766
  {
13748
13767
  ...props,
13749
- className: "border border-gray-300 dark:border-gray-600 bg-[var(--color-muted)] px-4 py-2 text-left font-semibold",
13768
+ className: "border border-[var(--color-border)] bg-[var(--color-muted)] px-4 py-2 text-left font-semibold",
13750
13769
  children
13751
13770
  }
13752
13771
  );
@@ -13756,7 +13775,7 @@ var init_MarkdownContent = __esm({
13756
13775
  "td",
13757
13776
  {
13758
13777
  ...props,
13759
- className: "border border-gray-300 dark:border-gray-600 px-4 py-2",
13778
+ className: "border border-[var(--color-border)] px-4 py-2",
13760
13779
  children
13761
13780
  }
13762
13781
  );
@@ -13767,7 +13786,7 @@ var init_MarkdownContent = __esm({
13767
13786
  "blockquote",
13768
13787
  {
13769
13788
  ...props,
13770
- className: "border-l-4 border-blue-500 pl-4 italic text-foreground my-4",
13789
+ className: "border-l-4 border-[var(--color-primary)] pl-4 italic text-[var(--color-foreground)] my-4",
13771
13790
  children
13772
13791
  }
13773
13792
  );
@@ -37669,11 +37688,49 @@ function renderRichFieldValue(value, fieldName, fieldType) {
37669
37688
  }
37670
37689
  case "markdown":
37671
37690
  case "richtext":
37672
- 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 }) }) });
37691
+ return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(Typography, { variant: "body", className: "break-words", children: str }), children: /* @__PURE__ */ jsx(
37692
+ Box,
37693
+ {
37694
+ className: "prose prose-sm max-w-none",
37695
+ style: {
37696
+ "--tw-prose-body": "var(--color-foreground)",
37697
+ "--tw-prose-headings": "var(--color-foreground)",
37698
+ "--tw-prose-bold": "var(--color-foreground)",
37699
+ "--tw-prose-links": "var(--color-primary)",
37700
+ "--tw-prose-code": "var(--color-foreground)",
37701
+ "--tw-prose-hr": "var(--color-border)",
37702
+ "--tw-prose-quotes": "var(--color-foreground)",
37703
+ "--tw-prose-quote-borders": "var(--color-primary)",
37704
+ "--tw-prose-captions": "var(--color-muted-foreground)",
37705
+ "--tw-prose-th-borders": "var(--color-border)",
37706
+ "--tw-prose-td-borders": "var(--color-border)"
37707
+ },
37708
+ children: /* @__PURE__ */ jsx(ReactMarkdown2, { children: str })
37709
+ }
37710
+ ) });
37673
37711
  case "code":
37674
37712
  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 }) }) });
37675
37713
  case "html":
37676
- 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 }) });
37714
+ return /* @__PURE__ */ jsx(
37715
+ Box,
37716
+ {
37717
+ className: "mt-1 prose prose-sm max-w-none break-words",
37718
+ style: {
37719
+ "--tw-prose-body": "var(--color-foreground)",
37720
+ "--tw-prose-headings": "var(--color-foreground)",
37721
+ "--tw-prose-bold": "var(--color-foreground)",
37722
+ "--tw-prose-links": "var(--color-primary)",
37723
+ "--tw-prose-code": "var(--color-foreground)",
37724
+ "--tw-prose-hr": "var(--color-border)",
37725
+ "--tw-prose-quotes": "var(--color-foreground)",
37726
+ "--tw-prose-quote-borders": "var(--color-primary)",
37727
+ "--tw-prose-captions": "var(--color-muted-foreground)",
37728
+ "--tw-prose-th-borders": "var(--color-border)",
37729
+ "--tw-prose-td-borders": "var(--color-border)"
37730
+ },
37731
+ children: /* @__PURE__ */ jsx(Typography, { variant: "body", children: str })
37732
+ }
37733
+ );
37677
37734
  case "date":
37678
37735
  case "datetime": {
37679
37736
  const d = new Date(str);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@almadar/ui",
3
- "version": "5.21.0",
3
+ "version": "5.21.2",
4
4
  "description": "React UI components, hooks, and providers for Almadar",
5
5
  "type": "module",
6
6
  "sideEffects": [