@almadar/ui 5.21.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.
@@ -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,8 @@ 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)",
17046
17064
  padding: "0.125rem 0.375rem",
17047
17065
  borderRadius: "0.25rem",
17048
17066
  fontSize: "0.875em",
@@ -17059,7 +17077,7 @@ var init_MarkdownContent = __esm({
17059
17077
  {
17060
17078
  href,
17061
17079
  ...props,
17062
- className: "text-blue-600 dark:text-blue-400 hover:underline",
17080
+ className: "text-[var(--color-primary)] hover:underline",
17063
17081
  target: href?.startsWith("http") ? "_blank" : void 0,
17064
17082
  rel: href?.startsWith("http") ? "noopener noreferrer" : void 0,
17065
17083
  children
@@ -17072,7 +17090,7 @@ var init_MarkdownContent = __esm({
17072
17090
  "table",
17073
17091
  {
17074
17092
  ...props,
17075
- 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)]",
17076
17094
  children
17077
17095
  }
17078
17096
  ) });
@@ -17082,7 +17100,7 @@ var init_MarkdownContent = __esm({
17082
17100
  "th",
17083
17101
  {
17084
17102
  ...props,
17085
- 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",
17086
17104
  children
17087
17105
  }
17088
17106
  );
@@ -17092,7 +17110,7 @@ var init_MarkdownContent = __esm({
17092
17110
  "td",
17093
17111
  {
17094
17112
  ...props,
17095
- className: "border border-gray-300 dark:border-gray-600 px-4 py-2",
17113
+ className: "border border-[var(--color-border)] px-4 py-2",
17096
17114
  children
17097
17115
  }
17098
17116
  );
@@ -17103,7 +17121,7 @@ var init_MarkdownContent = __esm({
17103
17121
  "blockquote",
17104
17122
  {
17105
17123
  ...props,
17106
- 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",
17107
17125
  children
17108
17126
  }
17109
17127
  );
@@ -40929,11 +40947,49 @@ function renderRichFieldValue(value, fieldName, fieldType) {
40929
40947
  }
40930
40948
  case "markdown":
40931
40949
  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 }) }) });
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
+ ) });
40933
40970
  case "code":
40934
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 }) }) });
40935
40972
  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 }) });
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
+ );
40937
40993
  case "date":
40938
40994
  case "datetime": {
40939
40995
  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,8 @@ 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)",
16997
17015
  padding: "0.125rem 0.375rem",
16998
17016
  borderRadius: "0.25rem",
16999
17017
  fontSize: "0.875em",
@@ -17010,7 +17028,7 @@ var init_MarkdownContent = __esm({
17010
17028
  {
17011
17029
  href,
17012
17030
  ...props,
17013
- className: "text-blue-600 dark:text-blue-400 hover:underline",
17031
+ className: "text-[var(--color-primary)] hover:underline",
17014
17032
  target: href?.startsWith("http") ? "_blank" : void 0,
17015
17033
  rel: href?.startsWith("http") ? "noopener noreferrer" : void 0,
17016
17034
  children
@@ -17023,7 +17041,7 @@ var init_MarkdownContent = __esm({
17023
17041
  "table",
17024
17042
  {
17025
17043
  ...props,
17026
- 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)]",
17027
17045
  children
17028
17046
  }
17029
17047
  ) });
@@ -17033,7 +17051,7 @@ var init_MarkdownContent = __esm({
17033
17051
  "th",
17034
17052
  {
17035
17053
  ...props,
17036
- 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",
17037
17055
  children
17038
17056
  }
17039
17057
  );
@@ -17043,7 +17061,7 @@ var init_MarkdownContent = __esm({
17043
17061
  "td",
17044
17062
  {
17045
17063
  ...props,
17046
- className: "border border-gray-300 dark:border-gray-600 px-4 py-2",
17064
+ className: "border border-[var(--color-border)] px-4 py-2",
17047
17065
  children
17048
17066
  }
17049
17067
  );
@@ -17054,7 +17072,7 @@ var init_MarkdownContent = __esm({
17054
17072
  "blockquote",
17055
17073
  {
17056
17074
  ...props,
17057
- 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",
17058
17076
  children
17059
17077
  }
17060
17078
  );
@@ -40880,11 +40898,49 @@ function renderRichFieldValue(value, fieldName, fieldType) {
40880
40898
  }
40881
40899
  case "markdown":
40882
40900
  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 }) }) });
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
+ ) });
40884
40921
  case "code":
40885
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 }) }) });
40886
40923
  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 }) });
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
+ );
40888
40944
  case "date":
40889
40945
  case "datetime": {
40890
40946
  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,8 @@ 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)",
12384
12402
  padding: "0.125rem 0.375rem",
12385
12403
  borderRadius: "0.25rem",
12386
12404
  fontSize: "0.875em",
@@ -12397,7 +12415,7 @@ var init_MarkdownContent = __esm({
12397
12415
  {
12398
12416
  href,
12399
12417
  ...props,
12400
- className: "text-blue-600 dark:text-blue-400 hover:underline",
12418
+ className: "text-[var(--color-primary)] hover:underline",
12401
12419
  target: href?.startsWith("http") ? "_blank" : void 0,
12402
12420
  rel: href?.startsWith("http") ? "noopener noreferrer" : void 0,
12403
12421
  children
@@ -12410,7 +12428,7 @@ var init_MarkdownContent = __esm({
12410
12428
  "table",
12411
12429
  {
12412
12430
  ...props,
12413
- 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)]",
12414
12432
  children
12415
12433
  }
12416
12434
  ) });
@@ -12420,7 +12438,7 @@ var init_MarkdownContent = __esm({
12420
12438
  "th",
12421
12439
  {
12422
12440
  ...props,
12423
- 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",
12424
12442
  children
12425
12443
  }
12426
12444
  );
@@ -12430,7 +12448,7 @@ var init_MarkdownContent = __esm({
12430
12448
  "td",
12431
12449
  {
12432
12450
  ...props,
12433
- className: "border border-gray-300 dark:border-gray-600 px-4 py-2",
12451
+ className: "border border-[var(--color-border)] px-4 py-2",
12434
12452
  children
12435
12453
  }
12436
12454
  );
@@ -12441,7 +12459,7 @@ var init_MarkdownContent = __esm({
12441
12459
  "blockquote",
12442
12460
  {
12443
12461
  ...props,
12444
- 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",
12445
12463
  children
12446
12464
  }
12447
12465
  );
@@ -37698,11 +37716,49 @@ function renderRichFieldValue(value, fieldName, fieldType) {
37698
37716
  }
37699
37717
  case "markdown":
37700
37718
  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 }) }) });
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
+ ) });
37702
37739
  case "code":
37703
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 }) }) });
37704
37741
  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 }) });
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
+ );
37706
37762
  case "date":
37707
37763
  case "datetime": {
37708
37764
  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,8 @@ 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)",
12335
12353
  padding: "0.125rem 0.375rem",
12336
12354
  borderRadius: "0.25rem",
12337
12355
  fontSize: "0.875em",
@@ -12348,7 +12366,7 @@ var init_MarkdownContent = __esm({
12348
12366
  {
12349
12367
  href,
12350
12368
  ...props,
12351
- className: "text-blue-600 dark:text-blue-400 hover:underline",
12369
+ className: "text-[var(--color-primary)] hover:underline",
12352
12370
  target: href?.startsWith("http") ? "_blank" : void 0,
12353
12371
  rel: href?.startsWith("http") ? "noopener noreferrer" : void 0,
12354
12372
  children
@@ -12361,7 +12379,7 @@ var init_MarkdownContent = __esm({
12361
12379
  "table",
12362
12380
  {
12363
12381
  ...props,
12364
- className: "min-w-full border-collapse border border-gray-300 dark:border-gray-600",
12382
+ className: "min-w-full border-collapse border border-[var(--color-border)]",
12365
12383
  children
12366
12384
  }
12367
12385
  ) });
@@ -12371,7 +12389,7 @@ var init_MarkdownContent = __esm({
12371
12389
  "th",
12372
12390
  {
12373
12391
  ...props,
12374
- className: "border border-gray-300 dark:border-gray-600 bg-[var(--color-muted)] px-4 py-2 text-left font-semibold",
12392
+ className: "border border-[var(--color-border)] bg-[var(--color-muted)] px-4 py-2 text-left font-semibold",
12375
12393
  children
12376
12394
  }
12377
12395
  );
@@ -12381,7 +12399,7 @@ var init_MarkdownContent = __esm({
12381
12399
  "td",
12382
12400
  {
12383
12401
  ...props,
12384
- className: "border border-gray-300 dark:border-gray-600 px-4 py-2",
12402
+ className: "border border-[var(--color-border)] px-4 py-2",
12385
12403
  children
12386
12404
  }
12387
12405
  );
@@ -12392,7 +12410,7 @@ var init_MarkdownContent = __esm({
12392
12410
  "blockquote",
12393
12411
  {
12394
12412
  ...props,
12395
- className: "border-l-4 border-blue-500 pl-4 italic text-foreground my-4",
12413
+ className: "border-l-4 border-[var(--color-primary)] pl-4 italic text-[var(--color-foreground)] my-4",
12396
12414
  children
12397
12415
  }
12398
12416
  );
@@ -37649,11 +37667,49 @@ function renderRichFieldValue(value, fieldName, fieldType) {
37649
37667
  }
37650
37668
  case "markdown":
37651
37669
  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 }) }) });
37670
+ return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(Typography, { variant: "body", className: "break-words", children: str }), children: /* @__PURE__ */ jsx(
37671
+ Box,
37672
+ {
37673
+ className: "prose prose-sm max-w-none",
37674
+ style: {
37675
+ "--tw-prose-body": "var(--color-foreground)",
37676
+ "--tw-prose-headings": "var(--color-foreground)",
37677
+ "--tw-prose-bold": "var(--color-foreground)",
37678
+ "--tw-prose-links": "var(--color-primary)",
37679
+ "--tw-prose-code": "var(--color-foreground)",
37680
+ "--tw-prose-hr": "var(--color-border)",
37681
+ "--tw-prose-quotes": "var(--color-foreground)",
37682
+ "--tw-prose-quote-borders": "var(--color-primary)",
37683
+ "--tw-prose-captions": "var(--color-muted-foreground)",
37684
+ "--tw-prose-th-borders": "var(--color-border)",
37685
+ "--tw-prose-td-borders": "var(--color-border)"
37686
+ },
37687
+ children: /* @__PURE__ */ jsx(ReactMarkdown2, { children: str })
37688
+ }
37689
+ ) });
37653
37690
  case "code":
37654
37691
  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
37692
  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 }) });
37693
+ return /* @__PURE__ */ jsx(
37694
+ Box,
37695
+ {
37696
+ className: "mt-1 prose prose-sm max-w-none break-words",
37697
+ style: {
37698
+ "--tw-prose-body": "var(--color-foreground)",
37699
+ "--tw-prose-headings": "var(--color-foreground)",
37700
+ "--tw-prose-bold": "var(--color-foreground)",
37701
+ "--tw-prose-links": "var(--color-primary)",
37702
+ "--tw-prose-code": "var(--color-foreground)",
37703
+ "--tw-prose-hr": "var(--color-border)",
37704
+ "--tw-prose-quotes": "var(--color-foreground)",
37705
+ "--tw-prose-quote-borders": "var(--color-primary)",
37706
+ "--tw-prose-captions": "var(--color-muted-foreground)",
37707
+ "--tw-prose-th-borders": "var(--color-border)",
37708
+ "--tw-prose-td-borders": "var(--color-border)"
37709
+ },
37710
+ children: /* @__PURE__ */ jsx(Typography, { variant: "body", children: str })
37711
+ }
37712
+ );
37657
37713
  case "date":
37658
37714
  case "datetime": {
37659
37715
  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,8 @@ 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)",
13859
13877
  padding: "0.125rem 0.375rem",
13860
13878
  borderRadius: "0.25rem",
13861
13879
  fontSize: "0.875em",
@@ -13872,7 +13890,7 @@ var init_MarkdownContent = __esm({
13872
13890
  {
13873
13891
  href,
13874
13892
  ...props,
13875
- className: "text-blue-600 dark:text-blue-400 hover:underline",
13893
+ className: "text-[var(--color-primary)] hover:underline",
13876
13894
  target: href?.startsWith("http") ? "_blank" : void 0,
13877
13895
  rel: href?.startsWith("http") ? "noopener noreferrer" : void 0,
13878
13896
  children
@@ -13885,7 +13903,7 @@ var init_MarkdownContent = __esm({
13885
13903
  "table",
13886
13904
  {
13887
13905
  ...props,
13888
- className: "min-w-full border-collapse border border-gray-300 dark:border-gray-600",
13906
+ className: "min-w-full border-collapse border border-[var(--color-border)]",
13889
13907
  children
13890
13908
  }
13891
13909
  ) });
@@ -13895,7 +13913,7 @@ var init_MarkdownContent = __esm({
13895
13913
  "th",
13896
13914
  {
13897
13915
  ...props,
13898
- className: "border border-gray-300 dark:border-gray-600 bg-[var(--color-muted)] px-4 py-2 text-left font-semibold",
13916
+ className: "border border-[var(--color-border)] bg-[var(--color-muted)] px-4 py-2 text-left font-semibold",
13899
13917
  children
13900
13918
  }
13901
13919
  );
@@ -13905,7 +13923,7 @@ var init_MarkdownContent = __esm({
13905
13923
  "td",
13906
13924
  {
13907
13925
  ...props,
13908
- className: "border border-gray-300 dark:border-gray-600 px-4 py-2",
13926
+ className: "border border-[var(--color-border)] px-4 py-2",
13909
13927
  children
13910
13928
  }
13911
13929
  );
@@ -13916,7 +13934,7 @@ var init_MarkdownContent = __esm({
13916
13934
  "blockquote",
13917
13935
  {
13918
13936
  ...props,
13919
- className: "border-l-4 border-blue-500 pl-4 italic text-foreground my-4",
13937
+ className: "border-l-4 border-[var(--color-primary)] pl-4 italic text-[var(--color-foreground)] my-4",
13920
13938
  children
13921
13939
  }
13922
13940
  );
@@ -38151,11 +38169,49 @@ function renderRichFieldValue(value, fieldName, fieldType) {
38151
38169
  }
38152
38170
  case "markdown":
38153
38171
  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 }) }) });
38172
+ return /* @__PURE__ */ jsxRuntime.jsx(React85.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", className: "break-words", children: str }), children: /* @__PURE__ */ jsxRuntime.jsx(
38173
+ Box,
38174
+ {
38175
+ className: "prose prose-sm max-w-none",
38176
+ style: {
38177
+ "--tw-prose-body": "var(--color-foreground)",
38178
+ "--tw-prose-headings": "var(--color-foreground)",
38179
+ "--tw-prose-bold": "var(--color-foreground)",
38180
+ "--tw-prose-links": "var(--color-primary)",
38181
+ "--tw-prose-code": "var(--color-foreground)",
38182
+ "--tw-prose-hr": "var(--color-border)",
38183
+ "--tw-prose-quotes": "var(--color-foreground)",
38184
+ "--tw-prose-quote-borders": "var(--color-primary)",
38185
+ "--tw-prose-captions": "var(--color-muted-foreground)",
38186
+ "--tw-prose-th-borders": "var(--color-border)",
38187
+ "--tw-prose-td-borders": "var(--color-border)"
38188
+ },
38189
+ children: /* @__PURE__ */ jsxRuntime.jsx(ReactMarkdown2, { children: str })
38190
+ }
38191
+ ) });
38155
38192
  case "code":
38156
38193
  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
38194
  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 }) });
38195
+ return /* @__PURE__ */ jsxRuntime.jsx(
38196
+ Box,
38197
+ {
38198
+ className: "mt-1 prose prose-sm max-w-none break-words",
38199
+ style: {
38200
+ "--tw-prose-body": "var(--color-foreground)",
38201
+ "--tw-prose-headings": "var(--color-foreground)",
38202
+ "--tw-prose-bold": "var(--color-foreground)",
38203
+ "--tw-prose-links": "var(--color-primary)",
38204
+ "--tw-prose-code": "var(--color-foreground)",
38205
+ "--tw-prose-hr": "var(--color-border)",
38206
+ "--tw-prose-quotes": "var(--color-foreground)",
38207
+ "--tw-prose-quote-borders": "var(--color-primary)",
38208
+ "--tw-prose-captions": "var(--color-muted-foreground)",
38209
+ "--tw-prose-th-borders": "var(--color-border)",
38210
+ "--tw-prose-td-borders": "var(--color-border)"
38211
+ },
38212
+ children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", children: str })
38213
+ }
38214
+ );
38159
38215
  case "date":
38160
38216
  case "datetime": {
38161
38217
  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,8 @@ 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)",
13810
13828
  padding: "0.125rem 0.375rem",
13811
13829
  borderRadius: "0.25rem",
13812
13830
  fontSize: "0.875em",
@@ -13823,7 +13841,7 @@ var init_MarkdownContent = __esm({
13823
13841
  {
13824
13842
  href,
13825
13843
  ...props,
13826
- className: "text-blue-600 dark:text-blue-400 hover:underline",
13844
+ className: "text-[var(--color-primary)] hover:underline",
13827
13845
  target: href?.startsWith("http") ? "_blank" : void 0,
13828
13846
  rel: href?.startsWith("http") ? "noopener noreferrer" : void 0,
13829
13847
  children
@@ -13836,7 +13854,7 @@ var init_MarkdownContent = __esm({
13836
13854
  "table",
13837
13855
  {
13838
13856
  ...props,
13839
- className: "min-w-full border-collapse border border-gray-300 dark:border-gray-600",
13857
+ className: "min-w-full border-collapse border border-[var(--color-border)]",
13840
13858
  children
13841
13859
  }
13842
13860
  ) });
@@ -13846,7 +13864,7 @@ var init_MarkdownContent = __esm({
13846
13864
  "th",
13847
13865
  {
13848
13866
  ...props,
13849
- className: "border border-gray-300 dark:border-gray-600 bg-[var(--color-muted)] px-4 py-2 text-left font-semibold",
13867
+ className: "border border-[var(--color-border)] bg-[var(--color-muted)] px-4 py-2 text-left font-semibold",
13850
13868
  children
13851
13869
  }
13852
13870
  );
@@ -13856,7 +13874,7 @@ var init_MarkdownContent = __esm({
13856
13874
  "td",
13857
13875
  {
13858
13876
  ...props,
13859
- className: "border border-gray-300 dark:border-gray-600 px-4 py-2",
13877
+ className: "border border-[var(--color-border)] px-4 py-2",
13860
13878
  children
13861
13879
  }
13862
13880
  );
@@ -13867,7 +13885,7 @@ var init_MarkdownContent = __esm({
13867
13885
  "blockquote",
13868
13886
  {
13869
13887
  ...props,
13870
- className: "border-l-4 border-blue-500 pl-4 italic text-foreground my-4",
13888
+ className: "border-l-4 border-[var(--color-primary)] pl-4 italic text-[var(--color-foreground)] my-4",
13871
13889
  children
13872
13890
  }
13873
13891
  );
@@ -38102,11 +38120,49 @@ function renderRichFieldValue(value, fieldName, fieldType) {
38102
38120
  }
38103
38121
  case "markdown":
38104
38122
  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 }) }) });
38123
+ return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(Typography, { variant: "body", className: "break-words", children: str }), children: /* @__PURE__ */ jsx(
38124
+ Box,
38125
+ {
38126
+ className: "prose prose-sm max-w-none",
38127
+ style: {
38128
+ "--tw-prose-body": "var(--color-foreground)",
38129
+ "--tw-prose-headings": "var(--color-foreground)",
38130
+ "--tw-prose-bold": "var(--color-foreground)",
38131
+ "--tw-prose-links": "var(--color-primary)",
38132
+ "--tw-prose-code": "var(--color-foreground)",
38133
+ "--tw-prose-hr": "var(--color-border)",
38134
+ "--tw-prose-quotes": "var(--color-foreground)",
38135
+ "--tw-prose-quote-borders": "var(--color-primary)",
38136
+ "--tw-prose-captions": "var(--color-muted-foreground)",
38137
+ "--tw-prose-th-borders": "var(--color-border)",
38138
+ "--tw-prose-td-borders": "var(--color-border)"
38139
+ },
38140
+ children: /* @__PURE__ */ jsx(ReactMarkdown2, { children: str })
38141
+ }
38142
+ ) });
38106
38143
  case "code":
38107
38144
  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
38145
  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 }) });
38146
+ return /* @__PURE__ */ jsx(
38147
+ Box,
38148
+ {
38149
+ className: "mt-1 prose prose-sm max-w-none break-words",
38150
+ style: {
38151
+ "--tw-prose-body": "var(--color-foreground)",
38152
+ "--tw-prose-headings": "var(--color-foreground)",
38153
+ "--tw-prose-bold": "var(--color-foreground)",
38154
+ "--tw-prose-links": "var(--color-primary)",
38155
+ "--tw-prose-code": "var(--color-foreground)",
38156
+ "--tw-prose-hr": "var(--color-border)",
38157
+ "--tw-prose-quotes": "var(--color-foreground)",
38158
+ "--tw-prose-quote-borders": "var(--color-primary)",
38159
+ "--tw-prose-captions": "var(--color-muted-foreground)",
38160
+ "--tw-prose-th-borders": "var(--color-border)",
38161
+ "--tw-prose-td-borders": "var(--color-border)"
38162
+ },
38163
+ children: /* @__PURE__ */ jsx(Typography, { variant: "body", children: str })
38164
+ }
38165
+ );
38110
38166
  case "date":
38111
38167
  case "datetime": {
38112
38168
  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,8 @@ 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)",
13759
13777
  padding: "0.125rem 0.375rem",
13760
13778
  borderRadius: "0.25rem",
13761
13779
  fontSize: "0.875em",
@@ -13772,7 +13790,7 @@ var init_MarkdownContent = __esm({
13772
13790
  {
13773
13791
  href,
13774
13792
  ...props,
13775
- className: "text-blue-600 dark:text-blue-400 hover:underline",
13793
+ className: "text-[var(--color-primary)] hover:underline",
13776
13794
  target: href?.startsWith("http") ? "_blank" : void 0,
13777
13795
  rel: href?.startsWith("http") ? "noopener noreferrer" : void 0,
13778
13796
  children
@@ -13785,7 +13803,7 @@ var init_MarkdownContent = __esm({
13785
13803
  "table",
13786
13804
  {
13787
13805
  ...props,
13788
- className: "min-w-full border-collapse border border-gray-300 dark:border-gray-600",
13806
+ className: "min-w-full border-collapse border border-[var(--color-border)]",
13789
13807
  children
13790
13808
  }
13791
13809
  ) });
@@ -13795,7 +13813,7 @@ var init_MarkdownContent = __esm({
13795
13813
  "th",
13796
13814
  {
13797
13815
  ...props,
13798
- className: "border border-gray-300 dark:border-gray-600 bg-[var(--color-muted)] px-4 py-2 text-left font-semibold",
13816
+ className: "border border-[var(--color-border)] bg-[var(--color-muted)] px-4 py-2 text-left font-semibold",
13799
13817
  children
13800
13818
  }
13801
13819
  );
@@ -13805,7 +13823,7 @@ var init_MarkdownContent = __esm({
13805
13823
  "td",
13806
13824
  {
13807
13825
  ...props,
13808
- className: "border border-gray-300 dark:border-gray-600 px-4 py-2",
13826
+ className: "border border-[var(--color-border)] px-4 py-2",
13809
13827
  children
13810
13828
  }
13811
13829
  );
@@ -13816,7 +13834,7 @@ var init_MarkdownContent = __esm({
13816
13834
  "blockquote",
13817
13835
  {
13818
13836
  ...props,
13819
- className: "border-l-4 border-blue-500 pl-4 italic text-foreground my-4",
13837
+ className: "border-l-4 border-[var(--color-primary)] pl-4 italic text-[var(--color-foreground)] my-4",
13820
13838
  children
13821
13839
  }
13822
13840
  );
@@ -37718,11 +37736,49 @@ function renderRichFieldValue(value, fieldName, fieldType) {
37718
37736
  }
37719
37737
  case "markdown":
37720
37738
  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 }) }) });
37739
+ return /* @__PURE__ */ jsxRuntime.jsx(React84.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", className: "break-words", children: str }), children: /* @__PURE__ */ jsxRuntime.jsx(
37740
+ Box,
37741
+ {
37742
+ className: "prose prose-sm max-w-none",
37743
+ style: {
37744
+ "--tw-prose-body": "var(--color-foreground)",
37745
+ "--tw-prose-headings": "var(--color-foreground)",
37746
+ "--tw-prose-bold": "var(--color-foreground)",
37747
+ "--tw-prose-links": "var(--color-primary)",
37748
+ "--tw-prose-code": "var(--color-foreground)",
37749
+ "--tw-prose-hr": "var(--color-border)",
37750
+ "--tw-prose-quotes": "var(--color-foreground)",
37751
+ "--tw-prose-quote-borders": "var(--color-primary)",
37752
+ "--tw-prose-captions": "var(--color-muted-foreground)",
37753
+ "--tw-prose-th-borders": "var(--color-border)",
37754
+ "--tw-prose-td-borders": "var(--color-border)"
37755
+ },
37756
+ children: /* @__PURE__ */ jsxRuntime.jsx(ReactMarkdown2, { children: str })
37757
+ }
37758
+ ) });
37722
37759
  case "code":
37723
37760
  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
37761
  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 }) });
37762
+ return /* @__PURE__ */ jsxRuntime.jsx(
37763
+ Box,
37764
+ {
37765
+ className: "mt-1 prose prose-sm max-w-none break-words",
37766
+ style: {
37767
+ "--tw-prose-body": "var(--color-foreground)",
37768
+ "--tw-prose-headings": "var(--color-foreground)",
37769
+ "--tw-prose-bold": "var(--color-foreground)",
37770
+ "--tw-prose-links": "var(--color-primary)",
37771
+ "--tw-prose-code": "var(--color-foreground)",
37772
+ "--tw-prose-hr": "var(--color-border)",
37773
+ "--tw-prose-quotes": "var(--color-foreground)",
37774
+ "--tw-prose-quote-borders": "var(--color-primary)",
37775
+ "--tw-prose-captions": "var(--color-muted-foreground)",
37776
+ "--tw-prose-th-borders": "var(--color-border)",
37777
+ "--tw-prose-td-borders": "var(--color-border)"
37778
+ },
37779
+ children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", children: str })
37780
+ }
37781
+ );
37726
37782
  case "date":
37727
37783
  case "datetime": {
37728
37784
  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,8 @@ 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)",
13710
13728
  padding: "0.125rem 0.375rem",
13711
13729
  borderRadius: "0.25rem",
13712
13730
  fontSize: "0.875em",
@@ -13723,7 +13741,7 @@ var init_MarkdownContent = __esm({
13723
13741
  {
13724
13742
  href,
13725
13743
  ...props,
13726
- className: "text-blue-600 dark:text-blue-400 hover:underline",
13744
+ className: "text-[var(--color-primary)] hover:underline",
13727
13745
  target: href?.startsWith("http") ? "_blank" : void 0,
13728
13746
  rel: href?.startsWith("http") ? "noopener noreferrer" : void 0,
13729
13747
  children
@@ -13736,7 +13754,7 @@ var init_MarkdownContent = __esm({
13736
13754
  "table",
13737
13755
  {
13738
13756
  ...props,
13739
- className: "min-w-full border-collapse border border-gray-300 dark:border-gray-600",
13757
+ className: "min-w-full border-collapse border border-[var(--color-border)]",
13740
13758
  children
13741
13759
  }
13742
13760
  ) });
@@ -13746,7 +13764,7 @@ var init_MarkdownContent = __esm({
13746
13764
  "th",
13747
13765
  {
13748
13766
  ...props,
13749
- className: "border border-gray-300 dark:border-gray-600 bg-[var(--color-muted)] px-4 py-2 text-left font-semibold",
13767
+ className: "border border-[var(--color-border)] bg-[var(--color-muted)] px-4 py-2 text-left font-semibold",
13750
13768
  children
13751
13769
  }
13752
13770
  );
@@ -13756,7 +13774,7 @@ var init_MarkdownContent = __esm({
13756
13774
  "td",
13757
13775
  {
13758
13776
  ...props,
13759
- className: "border border-gray-300 dark:border-gray-600 px-4 py-2",
13777
+ className: "border border-[var(--color-border)] px-4 py-2",
13760
13778
  children
13761
13779
  }
13762
13780
  );
@@ -13767,7 +13785,7 @@ var init_MarkdownContent = __esm({
13767
13785
  "blockquote",
13768
13786
  {
13769
13787
  ...props,
13770
- className: "border-l-4 border-blue-500 pl-4 italic text-foreground my-4",
13788
+ className: "border-l-4 border-[var(--color-primary)] pl-4 italic text-[var(--color-foreground)] my-4",
13771
13789
  children
13772
13790
  }
13773
13791
  );
@@ -37669,11 +37687,49 @@ function renderRichFieldValue(value, fieldName, fieldType) {
37669
37687
  }
37670
37688
  case "markdown":
37671
37689
  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 }) }) });
37690
+ return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(Typography, { variant: "body", className: "break-words", children: str }), children: /* @__PURE__ */ jsx(
37691
+ Box,
37692
+ {
37693
+ className: "prose prose-sm max-w-none",
37694
+ style: {
37695
+ "--tw-prose-body": "var(--color-foreground)",
37696
+ "--tw-prose-headings": "var(--color-foreground)",
37697
+ "--tw-prose-bold": "var(--color-foreground)",
37698
+ "--tw-prose-links": "var(--color-primary)",
37699
+ "--tw-prose-code": "var(--color-foreground)",
37700
+ "--tw-prose-hr": "var(--color-border)",
37701
+ "--tw-prose-quotes": "var(--color-foreground)",
37702
+ "--tw-prose-quote-borders": "var(--color-primary)",
37703
+ "--tw-prose-captions": "var(--color-muted-foreground)",
37704
+ "--tw-prose-th-borders": "var(--color-border)",
37705
+ "--tw-prose-td-borders": "var(--color-border)"
37706
+ },
37707
+ children: /* @__PURE__ */ jsx(ReactMarkdown2, { children: str })
37708
+ }
37709
+ ) });
37673
37710
  case "code":
37674
37711
  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
37712
  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 }) });
37713
+ return /* @__PURE__ */ jsx(
37714
+ Box,
37715
+ {
37716
+ className: "mt-1 prose prose-sm max-w-none break-words",
37717
+ style: {
37718
+ "--tw-prose-body": "var(--color-foreground)",
37719
+ "--tw-prose-headings": "var(--color-foreground)",
37720
+ "--tw-prose-bold": "var(--color-foreground)",
37721
+ "--tw-prose-links": "var(--color-primary)",
37722
+ "--tw-prose-code": "var(--color-foreground)",
37723
+ "--tw-prose-hr": "var(--color-border)",
37724
+ "--tw-prose-quotes": "var(--color-foreground)",
37725
+ "--tw-prose-quote-borders": "var(--color-primary)",
37726
+ "--tw-prose-captions": "var(--color-muted-foreground)",
37727
+ "--tw-prose-th-borders": "var(--color-border)",
37728
+ "--tw-prose-td-borders": "var(--color-border)"
37729
+ },
37730
+ children: /* @__PURE__ */ jsx(Typography, { variant: "body", children: str })
37731
+ }
37732
+ );
37677
37733
  case "date":
37678
37734
  case "datetime": {
37679
37735
  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.1",
4
4
  "description": "React UI components, hooks, and providers for Almadar",
5
5
  "type": "module",
6
6
  "sideEffects": [