@almadar/ui 5.20.0 → 5.21.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/avl/index.cjs +87 -15
  2. package/dist/avl/index.js +87 -15
  3. package/dist/components/index.cjs +85 -14
  4. package/dist/components/index.js +85 -14
  5. package/dist/lib/index.cjs +18 -3
  6. package/dist/lib/index.js +18 -3
  7. package/dist/providers/index.cjs +87 -15
  8. package/dist/providers/index.js +87 -15
  9. package/dist/runtime/index.cjs +85 -14
  10. package/dist/runtime/index.js +85 -14
  11. package/package.json +1 -1
package/dist/runtime/index.cjs CHANGED
@@ -11382,6 +11382,15 @@ function subscribeToVerification(listener) {
11382
11382
  getState().listeners.add(listener);
11383
11383
  return () => getState().listeners.delete(listener);
11384
11384
  }
11385
+ function defaultGetTraitState(traitName) {
11386
+ const getter = getState().traitSnapshots.get(traitName);
11387
+ if (getter === void 0) return void 0;
11388
+ try {
11389
+ return getter().currentState;
11390
+ } catch {
11391
+ return void 0;
11392
+ }
11393
+ }
11385
11394
  function exposeOnWindow() {
11386
11395
  if (typeof window === "undefined") return;
11387
11396
  if (!window.__orbitalVerification) {
@@ -11392,10 +11401,16 @@ function exposeOnWindow() {
11392
11401
  getBridge: getBridgeHealth,
11393
11402
  getSummary,
11394
11403
  waitForTransition,
11395
- getTraitSnapshots
11404
+ getTraitSnapshots,
11405
+ getTraitState: defaultGetTraitState
11396
11406
  };
11397
- } else if (!window.__orbitalVerification.getTraitSnapshots) {
11398
- window.__orbitalVerification.getTraitSnapshots = getTraitSnapshots;
11407
+ } else {
11408
+ if (!window.__orbitalVerification.getTraitSnapshots) {
11409
+ window.__orbitalVerification.getTraitSnapshots = getTraitSnapshots;
11410
+ }
11411
+ if (!window.__orbitalVerification.getTraitState) {
11412
+ window.__orbitalVerification.getTraitState = defaultGetTraitState;
11413
+ }
11399
11414
  }
11400
11415
  }
11401
11416
  function waitForTransition(event, timeoutMs = 1e4) {
@@ -13721,8 +13736,26 @@ var init_MarkdownContent = __esm({
13721
13736
  return /* @__PURE__ */ jsxRuntime.jsx(
13722
13737
  Box,
13723
13738
  {
13724
- className: cn("prose prose-slate dark:prose-invert max-w-none", className),
13725
- 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
+ },
13726
13759
  children: /* @__PURE__ */ jsxRuntime.jsx(
13727
13760
  ReactMarkdown__default.default,
13728
13761
  {
@@ -13739,8 +13772,8 @@ var init_MarkdownContent = __esm({
13739
13772
  ...props,
13740
13773
  className: codeClassName,
13741
13774
  style: {
13742
- backgroundColor: "#1f2937",
13743
- color: "#e5e7eb",
13775
+ backgroundColor: "var(--color-muted)",
13776
+ color: "var(--color-foreground)",
13744
13777
  padding: "0.125rem 0.375rem",
13745
13778
  borderRadius: "0.25rem",
13746
13779
  fontSize: "0.875em",
@@ -13757,7 +13790,7 @@ var init_MarkdownContent = __esm({
13757
13790
  {
13758
13791
  href,
13759
13792
  ...props,
13760
- className: "text-blue-600 dark:text-blue-400 hover:underline",
13793
+ className: "text-[var(--color-primary)] hover:underline",
13761
13794
  target: href?.startsWith("http") ? "_blank" : void 0,
13762
13795
  rel: href?.startsWith("http") ? "noopener noreferrer" : void 0,
13763
13796
  children
@@ -13770,7 +13803,7 @@ var init_MarkdownContent = __esm({
13770
13803
  "table",
13771
13804
  {
13772
13805
  ...props,
13773
- 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)]",
13774
13807
  children
13775
13808
  }
13776
13809
  ) });
@@ -13780,7 +13813,7 @@ var init_MarkdownContent = __esm({
13780
13813
  "th",
13781
13814
  {
13782
13815
  ...props,
13783
- 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",
13784
13817
  children
13785
13818
  }
13786
13819
  );
@@ -13790,7 +13823,7 @@ var init_MarkdownContent = __esm({
13790
13823
  "td",
13791
13824
  {
13792
13825
  ...props,
13793
- className: "border border-gray-300 dark:border-gray-600 px-4 py-2",
13826
+ className: "border border-[var(--color-border)] px-4 py-2",
13794
13827
  children
13795
13828
  }
13796
13829
  );
@@ -13801,7 +13834,7 @@ var init_MarkdownContent = __esm({
13801
13834
  "blockquote",
13802
13835
  {
13803
13836
  ...props,
13804
- 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",
13805
13838
  children
13806
13839
  }
13807
13840
  );
@@ -37703,11 +37736,49 @@ function renderRichFieldValue(value, fieldName, fieldType) {
37703
37736
  }
37704
37737
  case "markdown":
37705
37738
  case "richtext":
37706
- 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
+ ) });
37707
37759
  case "code":
37708
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 }) }) });
37709
37761
  case "html":
37710
- 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
+ );
37711
37782
  case "date":
37712
37783
  case "datetime": {
37713
37784
  const d = new Date(str);
package/dist/runtime/index.js CHANGED
@@ -11333,6 +11333,15 @@ function subscribeToVerification(listener) {
11333
11333
  getState().listeners.add(listener);
11334
11334
  return () => getState().listeners.delete(listener);
11335
11335
  }
11336
+ function defaultGetTraitState(traitName) {
11337
+ const getter = getState().traitSnapshots.get(traitName);
11338
+ if (getter === void 0) return void 0;
11339
+ try {
11340
+ return getter().currentState;
11341
+ } catch {
11342
+ return void 0;
11343
+ }
11344
+ }
11336
11345
  function exposeOnWindow() {
11337
11346
  if (typeof window === "undefined") return;
11338
11347
  if (!window.__orbitalVerification) {
@@ -11343,10 +11352,16 @@ function exposeOnWindow() {
11343
11352
  getBridge: getBridgeHealth,
11344
11353
  getSummary,
11345
11354
  waitForTransition,
11346
- getTraitSnapshots
11355
+ getTraitSnapshots,
11356
+ getTraitState: defaultGetTraitState
11347
11357
  };
11348
- } else if (!window.__orbitalVerification.getTraitSnapshots) {
11349
- window.__orbitalVerification.getTraitSnapshots = getTraitSnapshots;
11358
+ } else {
11359
+ if (!window.__orbitalVerification.getTraitSnapshots) {
11360
+ window.__orbitalVerification.getTraitSnapshots = getTraitSnapshots;
11361
+ }
11362
+ if (!window.__orbitalVerification.getTraitState) {
11363
+ window.__orbitalVerification.getTraitState = defaultGetTraitState;
11364
+ }
11350
11365
  }
11351
11366
  }
11352
11367
  function waitForTransition(event, timeoutMs = 1e4) {
@@ -13672,8 +13687,26 @@ var init_MarkdownContent = __esm({
13672
13687
  return /* @__PURE__ */ jsx(
13673
13688
  Box,
13674
13689
  {
13675
- className: cn("prose prose-slate dark:prose-invert max-w-none", className),
13676
- 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
+ },
13677
13710
  children: /* @__PURE__ */ jsx(
13678
13711
  ReactMarkdown,
13679
13712
  {
@@ -13690,8 +13723,8 @@ var init_MarkdownContent = __esm({
13690
13723
  ...props,
13691
13724
  className: codeClassName,
13692
13725
  style: {
13693
- backgroundColor: "#1f2937",
13694
- color: "#e5e7eb",
13726
+ backgroundColor: "var(--color-muted)",
13727
+ color: "var(--color-foreground)",
13695
13728
  padding: "0.125rem 0.375rem",
13696
13729
  borderRadius: "0.25rem",
13697
13730
  fontSize: "0.875em",
@@ -13708,7 +13741,7 @@ var init_MarkdownContent = __esm({
13708
13741
  {
13709
13742
  href,
13710
13743
  ...props,
13711
- className: "text-blue-600 dark:text-blue-400 hover:underline",
13744
+ className: "text-[var(--color-primary)] hover:underline",
13712
13745
  target: href?.startsWith("http") ? "_blank" : void 0,
13713
13746
  rel: href?.startsWith("http") ? "noopener noreferrer" : void 0,
13714
13747
  children
@@ -13721,7 +13754,7 @@ var init_MarkdownContent = __esm({
13721
13754
  "table",
13722
13755
  {
13723
13756
  ...props,
13724
- 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)]",
13725
13758
  children
13726
13759
  }
13727
13760
  ) });
@@ -13731,7 +13764,7 @@ var init_MarkdownContent = __esm({
13731
13764
  "th",
13732
13765
  {
13733
13766
  ...props,
13734
- 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",
13735
13768
  children
13736
13769
  }
13737
13770
  );
@@ -13741,7 +13774,7 @@ var init_MarkdownContent = __esm({
13741
13774
  "td",
13742
13775
  {
13743
13776
  ...props,
13744
- className: "border border-gray-300 dark:border-gray-600 px-4 py-2",
13777
+ className: "border border-[var(--color-border)] px-4 py-2",
13745
13778
  children
13746
13779
  }
13747
13780
  );
@@ -13752,7 +13785,7 @@ var init_MarkdownContent = __esm({
13752
13785
  "blockquote",
13753
13786
  {
13754
13787
  ...props,
13755
- 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",
13756
13789
  children
13757
13790
  }
13758
13791
  );
@@ -37654,11 +37687,49 @@ function renderRichFieldValue(value, fieldName, fieldType) {
37654
37687
  }
37655
37688
  case "markdown":
37656
37689
  case "richtext":
37657
- 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
+ ) });
37658
37710
  case "code":
37659
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 }) }) });
37660
37712
  case "html":
37661
- 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
+ );
37662
37733
  case "date":
37663
37734
  case "datetime": {
37664
37735
  const d = new Date(str);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@almadar/ui",
3
- "version": "5.20.0",
3
+ "version": "5.21.1",
4
4
  "description": "React UI components, hooks, and providers for Almadar",
5
5
  "type": "module",
6
6
  "sideEffects": [