@almadar/ui 2.24.4 → 2.24.8

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 (21) hide show
  1. package/dist/avl/index.cjs +43 -43
  2. package/dist/avl/index.js +43 -43
  3. package/dist/components/index.cjs +996 -930
  4. package/dist/components/index.js +996 -930
  5. package/dist/components/organisms/debug/RuntimeDebugger.d.ts +2 -2
  6. package/dist/components/organisms/game/three/index.cjs +41 -41
  7. package/dist/components/organisms/game/three/index.js +41 -41
  8. package/dist/docs/index.cjs +144 -141
  9. package/dist/docs/index.js +144 -141
  10. package/dist/illustrations/index.cjs +17 -17
  11. package/dist/illustrations/index.js +17 -17
  12. package/dist/lib/index.cjs +62 -50
  13. package/dist/lib/index.js +62 -50
  14. package/dist/marketing/index.cjs +169 -166
  15. package/dist/marketing/index.js +169 -166
  16. package/dist/providers/index.cjs +221 -205
  17. package/dist/providers/index.js +221 -205
  18. package/dist/runtime/index.cjs +979 -881
  19. package/dist/runtime/index.js +979 -881
  20. package/package.json +1 -1
  21. package/tailwind-preset.cjs +32 -134
package/dist/providers/index.js CHANGED
@@ -357,8 +357,8 @@ function EventBusProvider({ children, debug: debug2 = false }) {
357
357
  payload,
358
358
  timestamp: Date.now()
359
359
  };
360
- const listeners7 = listenersRef.current.get(type);
361
- const listenerCount = listeners7?.size ?? 0;
360
+ const listeners6 = listenersRef.current.get(type);
361
+ const listenerCount = listeners6?.size ?? 0;
362
362
  if (debug2) {
363
363
  if (listenerCount > 0) {
364
364
  console.log(`[EventBus] Emit: ${type} \u2192 ${listenerCount} listener(s)`, payload);
@@ -366,8 +366,8 @@ function EventBusProvider({ children, debug: debug2 = false }) {
366
366
  console.warn(`[EventBus] Emit: ${type} (NO LISTENERS - event may be lost!)`, payload);
367
367
  }
368
368
  }
369
- if (listeners7) {
370
- const listenersCopy = Array.from(listeners7);
369
+ if (listeners6) {
370
+ const listenersCopy = Array.from(listeners6);
371
371
  for (const listener of listenersCopy) {
372
372
  try {
373
373
  listener(event);
@@ -389,17 +389,17 @@ function EventBusProvider({ children, debug: debug2 = false }) {
389
389
  if (!listenersRef.current.has(type)) {
390
390
  listenersRef.current.set(type, /* @__PURE__ */ new Set());
391
391
  }
392
- const listeners7 = listenersRef.current.get(type);
393
- listeners7.add(listener);
392
+ const listeners6 = listenersRef.current.get(type);
393
+ listeners6.add(listener);
394
394
  if (debug2) {
395
- console.log(`[EventBus] Subscribed to '${type}', total: ${listeners7.size}`);
395
+ console.log(`[EventBus] Subscribed to '${type}', total: ${listeners6.size}`);
396
396
  }
397
397
  return () => {
398
- listeners7.delete(listener);
398
+ listeners6.delete(listener);
399
399
  if (debug2) {
400
- console.log(`[EventBus] Unsubscribed from '${type}', remaining: ${listeners7.size}`);
400
+ console.log(`[EventBus] Unsubscribed from '${type}', remaining: ${listeners6.size}`);
401
401
  }
402
- if (listeners7.size === 0) {
402
+ if (listeners6.size === 0) {
403
403
  listenersRef.current.delete(type);
404
404
  }
405
405
  };
@@ -412,8 +412,8 @@ function EventBusProvider({ children, debug: debug2 = false }) {
412
412
  return on(type, wrappedListener);
413
413
  }, [on]);
414
414
  const hasListeners = useCallback((type) => {
415
- const listeners7 = listenersRef.current.get(type);
416
- return listeners7 !== void 0 && listeners7.size > 0;
415
+ const listeners6 = listenersRef.current.get(type);
416
+ return listeners6 !== void 0 && listeners6.size > 0;
417
417
  }, []);
418
418
  const onAny = useCallback((listener) => {
419
419
  anyListenersRef.current.add(listener);
@@ -631,28 +631,28 @@ var marginYStyles = {
631
631
  };
632
632
  var bgStyles = {
633
633
  transparent: "bg-transparent",
634
- primary: "bg-[var(--color-primary)] text-[var(--color-primary-foreground)]",
635
- secondary: "bg-[var(--color-secondary)] text-[var(--color-secondary-foreground)]",
636
- muted: "bg-[var(--color-muted)] text-[var(--color-foreground)]",
637
- accent: "bg-[var(--color-accent)] text-[var(--color-accent-foreground)]",
638
- surface: "bg-[var(--color-card)]",
639
- overlay: "bg-[var(--color-card)]/80 backdrop-blur-sm"
634
+ primary: "bg-primary text-primary-foreground",
635
+ secondary: "bg-secondary text-secondary-foreground",
636
+ muted: "bg-muted text-foreground",
637
+ accent: "bg-accent text-accent-foreground",
638
+ surface: "bg-card",
639
+ overlay: "bg-card/80 backdrop-blur-sm"
640
640
  };
641
641
  var roundedStyles = {
642
642
  none: "rounded-none",
643
- sm: "rounded-[var(--radius-sm)]",
644
- md: "rounded-[var(--radius-md)]",
645
- lg: "rounded-[var(--radius-lg)]",
646
- xl: "rounded-[var(--radius-xl)]",
647
- "2xl": "rounded-[var(--radius-xl)]",
648
- full: "rounded-[var(--radius-full)]"
643
+ sm: "rounded-sm",
644
+ md: "rounded-md",
645
+ lg: "rounded-lg",
646
+ xl: "rounded-xl",
647
+ "2xl": "rounded-xl",
648
+ full: "rounded-full"
649
649
  };
650
650
  var shadowStyles = {
651
651
  none: "shadow-none",
652
- sm: "shadow-[var(--shadow-sm)]",
653
- md: "shadow-[var(--shadow-main)]",
654
- lg: "shadow-[var(--shadow-lg)]",
655
- xl: "shadow-[var(--shadow-lg)]"
652
+ sm: "shadow-sm",
653
+ md: "shadow",
654
+ lg: "shadow-lg",
655
+ xl: "shadow-lg"
656
656
  };
657
657
  var displayStyles = {
658
658
  block: "block",
@@ -740,7 +740,7 @@ var Box = React110__default.forwardRef(
740
740
  // Background
741
741
  bgStyles[bg],
742
742
  // Border - uses theme variables
743
- border && "border-[length:var(--border-width)] border-[var(--color-border)]",
743
+ border && "border-[length:var(--border-width)] border-border",
744
744
  // Rounded
745
745
  roundedStyles[rounded],
746
746
  // Shadow
@@ -769,30 +769,30 @@ var Box = React110__default.forwardRef(
769
769
  );
770
770
  Box.displayName = "Box";
771
771
  var variantStyles = {
772
- h1: "text-4xl font-bold tracking-tight text-[var(--color-foreground)]",
773
- h2: "text-3xl font-bold tracking-tight text-[var(--color-foreground)]",
774
- h3: "text-2xl font-bold text-[var(--color-foreground)]",
775
- h4: "text-xl font-bold text-[var(--color-foreground)]",
776
- h5: "text-lg font-bold text-[var(--color-foreground)]",
777
- h6: "text-base font-bold text-[var(--color-foreground)]",
778
- heading: "text-2xl font-bold text-[var(--color-foreground)]",
779
- subheading: "text-lg font-semibold text-[var(--color-foreground)]",
780
- body1: "text-base font-normal text-[var(--color-foreground)]",
781
- body2: "text-sm font-normal text-[var(--color-foreground)]",
782
- body: "text-base font-normal text-[var(--color-foreground)]",
783
- caption: "text-xs font-normal text-[var(--color-muted-foreground)]",
784
- overline: "text-xs uppercase tracking-wide font-bold text-[var(--color-muted-foreground)]",
785
- small: "text-sm font-normal text-[var(--color-foreground)]",
786
- large: "text-lg font-medium text-[var(--color-foreground)]",
787
- label: "text-sm font-medium text-[var(--color-foreground)]"
772
+ h1: "text-4xl font-bold tracking-tight text-foreground",
773
+ h2: "text-3xl font-bold tracking-tight text-foreground",
774
+ h3: "text-2xl font-bold text-foreground",
775
+ h4: "text-xl font-bold text-foreground",
776
+ h5: "text-lg font-bold text-foreground",
777
+ h6: "text-base font-bold text-foreground",
778
+ heading: "text-2xl font-bold text-foreground",
779
+ subheading: "text-lg font-semibold text-foreground",
780
+ body1: "text-base font-normal text-foreground",
781
+ body2: "text-sm font-normal text-foreground",
782
+ body: "text-base font-normal text-foreground",
783
+ caption: "text-xs font-normal text-muted-foreground",
784
+ overline: "text-xs uppercase tracking-wide font-bold text-muted-foreground",
785
+ small: "text-sm font-normal text-foreground",
786
+ large: "text-lg font-medium text-foreground",
787
+ label: "text-sm font-medium text-foreground"
788
788
  };
789
789
  var colorStyles = {
790
- primary: "text-[var(--color-foreground)]",
791
- secondary: "text-[var(--color-muted-foreground)]",
792
- muted: "text-[var(--color-muted-foreground)]",
793
- error: "text-[var(--color-error)]",
794
- success: "text-[var(--color-success)]",
795
- warning: "text-[var(--color-warning)]",
790
+ primary: "text-foreground",
791
+ secondary: "text-muted-foreground",
792
+ muted: "text-muted-foreground",
793
+ error: "text-error",
794
+ success: "text-success",
795
+ warning: "text-warning",
796
796
  inherit: "text-inherit"
797
797
  };
798
798
  var weightStyles = {
@@ -877,49 +877,49 @@ var Typography = ({
877
877
  Typography.displayName = "Typography";
878
878
  var variantStyles2 = {
879
879
  primary: [
880
- "bg-[var(--color-primary)] text-[var(--color-primary-foreground)]",
881
- "border-[length:var(--border-width)] border-[var(--color-border)]",
882
- "shadow-[var(--shadow-sm)]",
883
- "hover:bg-[var(--color-primary-hover)] hover:shadow-[var(--shadow-hover)]",
884
- "active:scale-[var(--active-scale)] active:shadow-[var(--shadow-active)]"
880
+ "bg-primary text-primary-foreground",
881
+ "border-none",
882
+ "shadow-sm",
883
+ "hover:bg-primary-hover hover:shadow-lg",
884
+ "active:scale-[var(--active-scale)] active:shadow-sm"
885
885
  ].join(" "),
886
886
  secondary: [
887
- "bg-transparent text-[var(--color-accent)]",
888
- "border-[length:var(--border-width)] border-[var(--color-accent)]",
889
- "hover:bg-[var(--color-accent)] hover:text-white",
887
+ "bg-transparent text-accent",
888
+ "border border-accent",
889
+ "hover:bg-accent hover:text-white hover:border-accent",
890
890
  "active:scale-[var(--active-scale)]"
891
891
  ].join(" "),
892
892
  ghost: [
893
- "bg-transparent text-[var(--color-muted-foreground)]",
894
- "hover:text-[var(--color-foreground)] hover:bg-[var(--color-muted)]",
893
+ "bg-transparent text-muted-foreground",
894
+ "hover:text-foreground hover:bg-muted",
895
895
  "active:scale-[var(--active-scale)]"
896
896
  ].join(" "),
897
897
  danger: [
898
- "bg-[var(--color-surface)] text-[var(--color-error)]",
899
- "border-[length:var(--border-width)] border-[var(--color-error)]",
900
- "shadow-[var(--shadow-sm)]",
901
- "hover:bg-[var(--color-error)] hover:text-[var(--color-error-foreground)] hover:shadow-[var(--shadow-hover)]",
902
- "active:scale-[var(--active-scale)] active:shadow-[var(--shadow-active)]"
898
+ "bg-surface text-error",
899
+ "border-[length:var(--border-width)] border-error",
900
+ "shadow-sm",
901
+ "hover:bg-error hover:text-error-foreground hover:shadow-lg",
902
+ "active:scale-[var(--active-scale)] active:shadow-sm"
903
903
  ].join(" "),
904
904
  success: [
905
- "bg-[var(--color-surface)] text-[var(--color-success)]",
906
- "border-[length:var(--border-width)] border-[var(--color-success)]",
907
- "shadow-[var(--shadow-sm)]",
908
- "hover:bg-[var(--color-success)] hover:text-[var(--color-success-foreground)] hover:shadow-[var(--shadow-hover)]",
909
- "active:scale-[var(--active-scale)] active:shadow-[var(--shadow-active)]"
905
+ "bg-surface text-success",
906
+ "border-[length:var(--border-width)] border-success",
907
+ "shadow-sm",
908
+ "hover:bg-success hover:text-success-foreground hover:shadow-lg",
909
+ "active:scale-[var(--active-scale)] active:shadow-sm"
910
910
  ].join(" "),
911
911
  warning: [
912
- "bg-[var(--color-surface)] text-[var(--color-warning)]",
913
- "border-[length:var(--border-width)] border-[var(--color-warning)]",
914
- "shadow-[var(--shadow-sm)]",
915
- "hover:bg-[var(--color-warning)] hover:text-[var(--color-warning-foreground)] hover:shadow-[var(--shadow-hover)]",
916
- "active:scale-[var(--active-scale)] active:shadow-[var(--shadow-active)]"
912
+ "bg-surface text-warning",
913
+ "border-[length:var(--border-width)] border-warning",
914
+ "shadow-sm",
915
+ "hover:bg-warning hover:text-warning-foreground hover:shadow-lg",
916
+ "active:scale-[var(--active-scale)] active:shadow-sm"
917
917
  ].join(" "),
918
918
  // "default" is an alias for secondary
919
919
  default: [
920
- "bg-[var(--color-secondary)] text-[var(--color-secondary-foreground)]",
921
- "border-[length:var(--border-width-thin)] border-[var(--color-border)]",
922
- "hover:bg-[var(--color-secondary-hover)]",
920
+ "bg-secondary text-secondary-foreground",
921
+ "border-[length:var(--border-width-thin)] border-border",
922
+ "hover:bg-secondary-hover",
923
923
  "active:scale-[var(--active-scale)]"
924
924
  ].join(" ")
925
925
  };
@@ -990,9 +990,10 @@ var Button = React110__default.forwardRef(
990
990
  className: cn(
991
991
  "inline-flex items-center justify-center gap-2",
992
992
  "font-[var(--font-weight-medium)]",
993
- "rounded-[var(--radius-sm)]",
993
+ "rounded-sm",
994
+ "cursor-pointer",
994
995
  "transition-all duration-[var(--transition-normal)]",
995
- "focus:outline-none focus:ring-[length:var(--focus-ring-width)] focus:ring-[var(--color-ring)] focus:ring-offset-[length:var(--focus-ring-offset)]",
996
+ "focus:outline-none focus:ring-[length:var(--focus-ring-width)] focus:ring-ring focus:ring-offset-[length:var(--focus-ring-offset)]",
996
997
  "disabled:opacity-50 disabled:cursor-not-allowed",
997
998
  variantStyles2[variant],
998
999
  sizeStyles2[size],
@@ -1013,34 +1014,34 @@ var Button = React110__default.forwardRef(
1013
1014
  Button.displayName = "Button";
1014
1015
  var variantStyles3 = {
1015
1016
  default: [
1016
- "bg-[var(--color-muted)] text-[var(--color-foreground)]",
1017
- "border-[length:var(--border-width-thin)] border-[var(--color-border)]"
1017
+ "bg-muted text-foreground",
1018
+ "border-[length:var(--border-width-thin)] border-border"
1018
1019
  ].join(" "),
1019
- primary: "bg-[var(--color-primary)] text-[var(--color-primary-foreground)]",
1020
- secondary: "bg-[var(--color-secondary)] text-[var(--color-secondary-foreground)]",
1020
+ primary: "bg-primary text-primary-foreground",
1021
+ secondary: "bg-secondary text-secondary-foreground",
1021
1022
  success: [
1022
- "bg-[var(--color-surface)] text-[var(--color-success)]",
1023
- "border-[length:var(--border-width)] border-[var(--color-success)]"
1023
+ "bg-surface text-success",
1024
+ "border-[length:var(--border-width)] border-success"
1024
1025
  ].join(" "),
1025
1026
  warning: [
1026
- "bg-[var(--color-surface)] text-[var(--color-warning)]",
1027
- "border-[length:var(--border-width)] border-[var(--color-warning)]"
1027
+ "bg-surface text-warning",
1028
+ "border-[length:var(--border-width)] border-warning"
1028
1029
  ].join(" "),
1029
1030
  danger: [
1030
- "bg-[var(--color-surface)] text-[var(--color-error)]",
1031
- "border-[length:var(--border-width)] border-[var(--color-error)]"
1031
+ "bg-surface text-error",
1032
+ "border-[length:var(--border-width)] border-error"
1032
1033
  ].join(" "),
1033
1034
  error: [
1034
- "bg-[var(--color-surface)] text-[var(--color-error)]",
1035
- "border-[length:var(--border-width)] border-[var(--color-error)]"
1035
+ "bg-surface text-error",
1036
+ "border-[length:var(--border-width)] border-error"
1036
1037
  ].join(" "),
1037
1038
  info: [
1038
- "bg-[var(--color-surface)] text-[var(--color-info)]",
1039
- "border-[length:var(--border-width)] border-[var(--color-info)]"
1039
+ "bg-surface text-info",
1040
+ "border-[length:var(--border-width)] border-info"
1040
1041
  ].join(" "),
1041
1042
  neutral: [
1042
- "bg-[var(--color-muted)] text-[var(--color-muted-foreground)]",
1043
- "border-[length:var(--border-width-thin)] border-[var(--color-border)]"
1043
+ "bg-muted text-muted-foreground",
1044
+ "border-[length:var(--border-width-thin)] border-border"
1044
1045
  ].join(" ")
1045
1046
  };
1046
1047
  var sizeStyles3 = {
@@ -1060,7 +1061,7 @@ var Badge = React110__default.forwardRef(
1060
1061
  {
1061
1062
  ref,
1062
1063
  className: cn(
1063
- "inline-flex items-center gap-1 font-bold rounded-[var(--radius-sm)]",
1064
+ "inline-flex items-center gap-1 font-bold rounded-sm",
1064
1065
  variantStyles3[variant],
1065
1066
  sizeStyles3[size],
1066
1067
  className
@@ -1096,21 +1097,21 @@ var Input = React110__default.forwardRef(
1096
1097
  const resolvedLeftIcon = leftIcon || IconComponent && /* @__PURE__ */ jsx(IconComponent, { className: "h-4 w-4" });
1097
1098
  const showClearButton = clearable && value && String(value).length > 0;
1098
1099
  const baseClassName = cn(
1099
- "block w-full rounded-[var(--radius-sm)] transition-all duration-[var(--transition-fast)]",
1100
- "border-[length:var(--border-width-thin)] border-[var(--color-border)]",
1100
+ "block w-full rounded-sm transition-all duration-[var(--transition-fast)]",
1101
+ "border-[length:var(--border-width-thin)] border-border",
1101
1102
  "px-3 py-2 text-sm",
1102
- "bg-[var(--color-card)] hover:bg-[var(--color-muted)] focus:bg-[var(--color-card)]",
1103
- "text-[var(--color-foreground)] placeholder:text-[var(--color-muted-foreground)]",
1104
- "focus:outline-none focus:ring-1 focus:ring-[var(--color-ring)] focus:border-[var(--color-ring)]",
1105
- "disabled:opacity-50 disabled:cursor-not-allowed disabled:bg-[var(--color-muted)]",
1106
- error ? "border-[var(--color-error)] focus:border-[var(--color-error)] focus:ring-[var(--color-error)]" : "",
1103
+ "bg-card hover:bg-muted focus:bg-card",
1104
+ "text-foreground placeholder:text-muted-foreground",
1105
+ "focus:outline-none focus:ring-1 focus:ring-ring focus:border-ring",
1106
+ "disabled:opacity-50 disabled:cursor-not-allowed disabled:bg-muted",
1107
+ error ? "border-error focus:border-error focus:ring-error" : "",
1107
1108
  resolvedLeftIcon && "pl-10",
1108
1109
  (rightIcon || showClearButton) && "pr-10",
1109
1110
  className
1110
1111
  );
1111
1112
  if (type === "select") {
1112
1113
  return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
1113
- resolvedLeftIcon && /* @__PURE__ */ jsx("div", { className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none text-[var(--color-muted-foreground)]", children: resolvedLeftIcon }),
1114
+ resolvedLeftIcon && /* @__PURE__ */ jsx("div", { className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none text-muted-foreground", children: resolvedLeftIcon }),
1114
1115
  /* @__PURE__ */ jsxs(
1115
1116
  "select",
1116
1117
  {
@@ -1125,7 +1126,7 @@ var Input = React110__default.forwardRef(
1125
1126
  ]
1126
1127
  }
1127
1128
  ),
1128
- /* @__PURE__ */ jsx("div", { className: "absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none text-[var(--color-muted-foreground)]", children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" }) })
1129
+ /* @__PURE__ */ jsx("div", { className: "absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none text-muted-foreground", children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" }) })
1129
1130
  ] });
1130
1131
  }
1131
1132
  if (type === "textarea") {
@@ -1150,9 +1151,9 @@ var Input = React110__default.forwardRef(
1150
1151
  checked: props.checked,
1151
1152
  onChange,
1152
1153
  className: cn(
1153
- "h-4 w-4 rounded-[var(--radius-sm)]",
1154
- "border-[var(--color-border)]",
1155
- "text-[var(--color-primary)] focus:ring-[var(--color-ring)]",
1154
+ "h-4 w-4 rounded-sm",
1155
+ "border-border",
1156
+ "text-primary focus:ring-ring",
1156
1157
  "disabled:opacity-50 disabled:cursor-not-allowed",
1157
1158
  className
1158
1159
  ),
@@ -1161,7 +1162,7 @@ var Input = React110__default.forwardRef(
1161
1162
  );
1162
1163
  }
1163
1164
  return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
1164
- resolvedLeftIcon && /* @__PURE__ */ jsx("div", { className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none text-[var(--color-muted-foreground)]", children: resolvedLeftIcon }),
1165
+ resolvedLeftIcon && /* @__PURE__ */ jsx("div", { className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none text-muted-foreground", children: resolvedLeftIcon }),
1165
1166
  /* @__PURE__ */ jsx(
1166
1167
  "input",
1167
1168
  {
@@ -1178,11 +1179,11 @@ var Input = React110__default.forwardRef(
1178
1179
  {
1179
1180
  type: "button",
1180
1181
  onClick: onClear,
1181
- className: "absolute inset-y-0 right-0 pr-3 flex items-center text-[var(--color-muted-foreground)] hover:text-[var(--color-foreground)]",
1182
+ className: "absolute inset-y-0 right-0 pr-3 flex items-center text-muted-foreground hover:text-foreground",
1182
1183
  children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
1183
1184
  }
1184
1185
  ),
1185
- rightIcon && !showClearButton && /* @__PURE__ */ jsx("div", { className: "absolute inset-y-0 right-0 pr-3 flex items-center text-[var(--color-muted-foreground)]", children: rightIcon })
1186
+ rightIcon && !showClearButton && /* @__PURE__ */ jsx("div", { className: "absolute inset-y-0 right-0 pr-3 flex items-center text-muted-foreground", children: rightIcon })
1186
1187
  ] });
1187
1188
  }
1188
1189
  );
@@ -1194,13 +1195,13 @@ var Label = React110__default.forwardRef(
1194
1195
  {
1195
1196
  ref,
1196
1197
  className: cn(
1197
- "block text-sm font-bold text-[var(--color-foreground)]",
1198
+ "block text-sm font-bold text-foreground",
1198
1199
  className
1199
1200
  ),
1200
1201
  ...props,
1201
1202
  children: [
1202
1203
  children,
1203
- required && /* @__PURE__ */ jsx("span", { className: "text-[var(--color-error)] ml-1", children: "*" })
1204
+ required && /* @__PURE__ */ jsx("span", { className: "text-error ml-1", children: "*" })
1204
1205
  ]
1205
1206
  }
1206
1207
  );
@@ -1214,14 +1215,14 @@ var Textarea = React110__default.forwardRef(
1214
1215
  {
1215
1216
  ref,
1216
1217
  className: cn(
1217
- "block w-full border-[length:var(--border-width)] shadow-[var(--shadow-sm)]",
1218
- "px-3 py-2 text-sm text-[var(--color-foreground)]",
1219
- "bg-[var(--color-card)]",
1218
+ "block w-full border-[length:var(--border-width)] shadow-sm",
1219
+ "px-3 py-2 text-sm text-foreground",
1220
+ "bg-card",
1220
1221
  "placeholder:text-[var(--color-placeholder)]",
1221
- "focus:outline-none focus:ring-2 focus:ring-offset-0 focus:ring-[var(--color-ring)]",
1222
- "disabled:bg-[var(--color-muted)] disabled:text-[var(--color-muted-foreground)] disabled:cursor-not-allowed",
1222
+ "focus:outline-none focus:ring-2 focus:ring-offset-0 focus:ring-ring",
1223
+ "disabled:bg-muted disabled:text-muted-foreground disabled:cursor-not-allowed",
1223
1224
  "resize-y min-h-[80px]",
1224
- error ? "border-[var(--color-error)] focus:border-[var(--color-error)]" : "border-[var(--color-border)] focus:border-[var(--color-primary)]",
1225
+ error ? "border-error focus:border-error" : "border-border focus:border-primary",
1225
1226
  className
1226
1227
  ),
1227
1228
  ...props
@@ -1238,12 +1239,12 @@ var Select = React110__default.forwardRef(
1238
1239
  {
1239
1240
  ref,
1240
1241
  className: cn(
1241
- "block w-full border-[length:var(--border-width)] shadow-[var(--shadow-sm)] appearance-none",
1242
- "px-3 py-2 pr-10 text-sm text-[var(--color-foreground)] font-medium",
1243
- "bg-[var(--color-card)]",
1244
- "focus:outline-none focus:ring-2 focus:ring-offset-0 focus:ring-[var(--color-ring)]",
1245
- "disabled:bg-[var(--color-muted)] disabled:text-[var(--color-muted-foreground)] disabled:cursor-not-allowed",
1246
- error ? "border-[var(--color-error)] focus:border-[var(--color-error)]" : "border-[var(--color-border)] focus:border-[var(--color-primary)]",
1242
+ "block w-full border-[length:var(--border-width)] shadow-sm appearance-none",
1243
+ "px-3 py-2 pr-10 text-sm text-foreground font-medium",
1244
+ "bg-card",
1245
+ "focus:outline-none focus:ring-2 focus:ring-offset-0 focus:ring-ring",
1246
+ "disabled:bg-muted disabled:text-muted-foreground disabled:cursor-not-allowed",
1247
+ error ? "border-error focus:border-error" : "border-border focus:border-primary",
1247
1248
  className
1248
1249
  ),
1249
1250
  ...props,
@@ -1261,7 +1262,7 @@ var Select = React110__default.forwardRef(
1261
1262
  ]
1262
1263
  }
1263
1264
  ),
1264
- /* @__PURE__ */ jsx("div", { className: "absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none", children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 text-[var(--color-foreground)]" }) })
1265
+ /* @__PURE__ */ jsx("div", { className: "absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none", children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 text-foreground" }) })
1265
1266
  ] });
1266
1267
  }
1267
1268
  );
@@ -1277,9 +1278,9 @@ var Checkbox = React110__default.forwardRef(
1277
1278
  type: "checkbox",
1278
1279
  id: inputId,
1279
1280
  className: cn(
1280
- "peer h-4 w-4 border-[length:var(--border-width)] border-[var(--color-border)]",
1281
- "accent-[var(--color-primary)] focus:ring-[var(--color-ring)] focus:ring-offset-0",
1282
- "bg-[var(--color-card)] checked:bg-[var(--color-primary)]",
1281
+ "peer h-4 w-4 border-[length:var(--border-width)] border-border",
1282
+ "accent-primary focus:ring-ring focus:ring-offset-0",
1283
+ "bg-card checked:bg-primary",
1283
1284
  "disabled:opacity-50 disabled:cursor-not-allowed",
1284
1285
  className
1285
1286
  ),
@@ -1290,7 +1291,7 @@ var Checkbox = React110__default.forwardRef(
1290
1291
  "label",
1291
1292
  {
1292
1293
  htmlFor: inputId,
1293
- className: "ml-2 text-sm text-[var(--color-foreground)] font-medium cursor-pointer select-none",
1294
+ className: "ml-2 text-sm text-foreground font-medium cursor-pointer select-none",
1294
1295
  children: label
1295
1296
  }
1296
1297
  )
@@ -1300,32 +1301,34 @@ var Checkbox = React110__default.forwardRef(
1300
1301
  Checkbox.displayName = "Checkbox";
1301
1302
  var variantStyles4 = {
1302
1303
  default: [
1303
- "bg-[var(--color-card)] border-none",
1304
+ "bg-card",
1305
+ "border-[length:var(--border-width)] border-border",
1306
+ "shadow-sm",
1304
1307
  "transition-all duration-[var(--transition-normal)]",
1305
- "hover:shadow-[var(--shadow-hover)] hover:-translate-y-0.5"
1308
+ "hover:shadow-lg hover:-translate-y-0.5"
1306
1309
  ].join(" "),
1307
1310
  bordered: [
1308
- "bg-[var(--color-card)]",
1309
- "border-[length:var(--border-width)] border-[var(--color-border)]",
1310
- "shadow-none",
1311
+ "bg-card",
1312
+ "border-[length:var(--border-width)] border-border",
1313
+ "shadow-sm",
1311
1314
  "transition-all duration-[var(--transition-normal)]",
1312
- "hover:shadow-[var(--shadow-hover)] hover:-translate-y-0.5"
1315
+ "hover:shadow-lg hover:-translate-y-0.5"
1313
1316
  ].join(" "),
1314
1317
  elevated: [
1315
- "bg-[var(--color-card)]",
1316
- "border-[length:var(--border-width)] border-[var(--color-border)]",
1317
- "shadow-[var(--shadow-main)]",
1318
+ "bg-card",
1319
+ "border-[length:var(--border-width)] border-border",
1320
+ "shadow",
1318
1321
  "transition-all duration-[var(--transition-normal)]",
1319
- "hover:shadow-[var(--shadow-hover)] hover:-translate-y-0.5"
1322
+ "hover:shadow-lg hover:-translate-y-0.5"
1320
1323
  ].join(" "),
1321
1324
  // Interactive variant with theme-specific hover effects
1322
1325
  interactive: [
1323
- "bg-[var(--color-card)]",
1324
- "border-[length:var(--border-width)] border-[var(--color-border)]",
1325
- "shadow-[var(--shadow-main)]",
1326
+ "bg-card",
1327
+ "border-[length:var(--border-width)] border-border",
1328
+ "shadow",
1326
1329
  "cursor-pointer",
1327
1330
  "transition-all duration-[var(--transition-normal)]",
1328
- "hover:shadow-[var(--shadow-hover)]"
1331
+ "hover:shadow-lg"
1329
1332
  ].join(" ")
1330
1333
  };
1331
1334
  var paddingStyles2 = {
@@ -1336,9 +1339,9 @@ var paddingStyles2 = {
1336
1339
  };
1337
1340
  var shadowStyles2 = {
1338
1341
  none: "shadow-none",
1339
- sm: "shadow-[var(--shadow-sm)]",
1340
- md: "shadow-[var(--shadow-main)]",
1341
- lg: "shadow-[var(--shadow-lg)]"
1342
+ sm: "shadow-sm",
1343
+ md: "shadow",
1344
+ lg: "shadow-lg"
1342
1345
  };
1343
1346
  var Card = React110__default.forwardRef(
1344
1347
  ({
@@ -1356,7 +1359,7 @@ var Card = React110__default.forwardRef(
1356
1359
  {
1357
1360
  ref,
1358
1361
  className: cn(
1359
- "rounded-[var(--radius-md)]",
1362
+ "rounded-md",
1360
1363
  "transition-all duration-[var(--transition-normal)]",
1361
1364
  variantStyles4[variant],
1362
1365
  paddingStyles2[padding],
@@ -1366,8 +1369,8 @@ var Card = React110__default.forwardRef(
1366
1369
  ...props,
1367
1370
  children: [
1368
1371
  (title || subtitle) && /* @__PURE__ */ jsxs("div", { className: "mb-4", children: [
1369
- title && /* @__PURE__ */ jsx("h3", { className: "text-lg text-[var(--color-card-foreground)] font-[var(--font-weight-bold)]", children: title }),
1370
- subtitle && /* @__PURE__ */ jsx("p", { className: "text-sm text-[var(--color-muted-foreground)] mt-1", children: subtitle })
1372
+ title && /* @__PURE__ */ jsx("h3", { className: "text-lg text-card-foreground font-[var(--font-weight-bold)]", children: title }),
1373
+ subtitle && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-1", children: subtitle })
1371
1374
  ] }),
1372
1375
  children
1373
1376
  ]
@@ -1383,7 +1386,7 @@ var CardTitle = React110__default.forwardRef(({ className, ...props }, ref) => /
1383
1386
  {
1384
1387
  ref,
1385
1388
  className: cn(
1386
- "text-lg text-[var(--color-card-foreground)]",
1389
+ "text-lg text-card-foreground",
1387
1390
  "font-[var(--font-weight-bold)]",
1388
1391
  className
1389
1392
  ),
@@ -1416,7 +1419,7 @@ var Spinner = React110__default.forwardRef(
1416
1419
  "div",
1417
1420
  {
1418
1421
  ref,
1419
- className: cn("text-[var(--color-foreground)]", className),
1422
+ className: cn("text-foreground", className),
1420
1423
  ...props,
1421
1424
  children: /* @__PURE__ */ jsx(Loader2, { className: cn("animate-spin", sizeStyles4[size]) })
1422
1425
  }
@@ -1473,8 +1476,8 @@ var Radio = React110__default.forwardRef(
1473
1476
  "flex items-center justify-center",
1474
1477
  "border-[length:var(--border-width)] transition-all cursor-pointer",
1475
1478
  sizeClasses6[size],
1476
- hasError ? "border-[var(--color-error)] peer-focus:ring-[var(--color-error)]/20" : "border-[var(--color-border)] peer-focus:ring-[var(--color-ring)]/20",
1477
- checked ? hasError ? "border-[var(--color-error)]" : "border-[var(--color-primary)] bg-[var(--color-primary)]" : "",
1479
+ hasError ? "border-error peer-focus:ring-error/20" : "border-border peer-focus:ring-ring/20",
1480
+ checked ? hasError ? "border-error" : "border-primary bg-primary" : "",
1478
1481
  "peer-focus:outline-none peer-focus:ring-2 peer-focus:ring-offset-2",
1479
1482
  disabled && "opacity-50 cursor-not-allowed",
1480
1483
  !disabled && "hover:border-[var(--color-border-hover)]"
@@ -1485,7 +1488,7 @@ var Radio = React110__default.forwardRef(
1485
1488
  className: cn(
1486
1489
  "transition-all",
1487
1490
  dotSizeClasses[size],
1488
- hasError ? "bg-[var(--color-error)]" : "bg-[var(--color-primary-foreground)]"
1491
+ hasError ? "bg-error" : "bg-primary-foreground"
1489
1492
  )
1490
1493
  }
1491
1494
  )
@@ -1498,7 +1501,7 @@ var Radio = React110__default.forwardRef(
1498
1501
  htmlFor: radioId,
1499
1502
  className: cn(
1500
1503
  "block text-sm font-medium cursor-pointer select-none",
1501
- hasError ? "text-[var(--color-error)]" : "text-[var(--color-foreground)]",
1504
+ hasError ? "text-error" : "text-foreground",
1502
1505
  disabled && "opacity-50 cursor-not-allowed"
1503
1506
  ),
1504
1507
  children: label
@@ -1510,7 +1513,7 @@ var Radio = React110__default.forwardRef(
1510
1513
  "p",
1511
1514
  {
1512
1515
  id: `${radioId}-error`,
1513
- className: "text-sm text-[var(--color-error)] font-medium",
1516
+ className: "text-sm text-error font-medium",
1514
1517
  role: "alert",
1515
1518
  children: error
1516
1519
  }
@@ -1519,7 +1522,7 @@ var Radio = React110__default.forwardRef(
1519
1522
  "p",
1520
1523
  {
1521
1524
  id: `${radioId}-helper`,
1522
- className: "text-sm text-[var(--color-muted-foreground)]",
1525
+ className: "text-sm text-muted-foreground",
1523
1526
  children: helperText
1524
1527
  }
1525
1528
  )
@@ -1680,20 +1683,20 @@ var Stack = ({
1680
1683
  var VStack = (props) => /* @__PURE__ */ jsx(Stack, { direction: "vertical", ...props });
1681
1684
  var HStack = (props) => /* @__PURE__ */ jsx(Stack, { direction: "horizontal", ...props });
1682
1685
  var statusColors = {
1683
- online: "bg-[var(--color-success)]",
1684
- offline: "bg-[var(--color-muted-foreground)]",
1685
- away: "bg-[var(--color-warning)]",
1686
- busy: "bg-[var(--color-error)]",
1687
- warning: "bg-[var(--color-warning)]",
1688
- critical: "bg-[var(--color-error)]"
1686
+ online: "bg-success",
1687
+ offline: "bg-muted-foreground",
1688
+ away: "bg-warning",
1689
+ busy: "bg-error",
1690
+ warning: "bg-warning",
1691
+ critical: "bg-error"
1689
1692
  };
1690
1693
  var pulseRingColors = {
1691
- online: "ring-[var(--color-success)]",
1692
- offline: "ring-[var(--color-muted-foreground)]",
1693
- away: "ring-[var(--color-warning)]",
1694
- busy: "ring-[var(--color-error)]",
1695
- warning: "ring-[var(--color-warning)]",
1696
- critical: "ring-[var(--color-error)]"
1694
+ online: "ring-success",
1695
+ offline: "ring-muted-foreground",
1696
+ away: "ring-warning",
1697
+ busy: "ring-error",
1698
+ warning: "ring-warning",
1699
+ critical: "ring-error"
1697
1700
  };
1698
1701
  var sizeStyles5 = {
1699
1702
  sm: "w-2 h-2",
@@ -1737,10 +1740,10 @@ function resolveDirection(value, direction) {
1737
1740
  return value > 0 ? "up" : "down";
1738
1741
  }
1739
1742
  function resolveColor(dir, invert) {
1740
- if (dir === "flat") return "text-[var(--color-muted-foreground)]";
1743
+ if (dir === "flat") return "text-muted-foreground";
1741
1744
  const isPositive = dir === "up";
1742
1745
  const isGood = invert ? !isPositive : isPositive;
1743
- return isGood ? "text-[var(--color-success)]" : "text-[var(--color-error)]";
1746
+ return isGood ? "text-success" : "text-error";
1744
1747
  }
1745
1748
  var iconMap2 = {
1746
1749
  up: TrendingUp,
@@ -1858,7 +1861,7 @@ var RangeSlider = React110__default.forwardRef(
1858
1861
  "div",
1859
1862
  {
1860
1863
  className: cn(
1861
- "absolute inset-x-0 rounded-full bg-[var(--color-muted)]",
1864
+ "absolute inset-x-0 rounded-full bg-muted",
1862
1865
  trackSizes[size]
1863
1866
  ),
1864
1867
  style: { top: "50%", transform: "translateY(-50%)" }
@@ -1868,7 +1871,7 @@ var RangeSlider = React110__default.forwardRef(
1868
1871
  "div",
1869
1872
  {
1870
1873
  className: cn(
1871
- "absolute rounded-full bg-[var(--color-muted-foreground)] opacity-30",
1874
+ "absolute rounded-full bg-muted-foreground opacity-30",
1872
1875
  trackSizes[size]
1873
1876
  ),
1874
1877
  style: {
@@ -1883,7 +1886,7 @@ var RangeSlider = React110__default.forwardRef(
1883
1886
  "div",
1884
1887
  {
1885
1888
  className: cn(
1886
- "absolute rounded-full bg-[var(--color-primary)]",
1889
+ "absolute rounded-full bg-primary",
1887
1890
  trackSizes[size]
1888
1891
  ),
1889
1892
  style: {
@@ -1945,9 +1948,9 @@ var RangeSlider = React110__default.forwardRef(
1945
1948
  "div",
1946
1949
  {
1947
1950
  className: cn(
1948
- "absolute rounded-full bg-[var(--color-primary-foreground)]",
1949
- "border-2 border-[var(--color-primary)]",
1950
- "shadow-[var(--shadow-sm)]",
1951
+ "absolute rounded-full bg-primary-foreground",
1952
+ "border-2 border-primary",
1953
+ "shadow-sm",
1951
1954
  "pointer-events-none",
1952
1955
  "transition-transform duration-100",
1953
1956
  isDragging && "scale-110",
@@ -1965,7 +1968,7 @@ var RangeSlider = React110__default.forwardRef(
1965
1968
  {
1966
1969
  className: cn(
1967
1970
  "absolute -top-8 px-2 py-0.5 rounded",
1968
- "bg-[var(--color-foreground)] text-[var(--color-background)]",
1971
+ "bg-foreground text-background",
1969
1972
  "text-xs font-medium whitespace-nowrap",
1970
1973
  "pointer-events-none"
1971
1974
  ),
@@ -1982,7 +1985,7 @@ var RangeSlider = React110__default.forwardRef(
1982
1985
  return /* @__PURE__ */ jsx(
1983
1986
  "div",
1984
1987
  {
1985
- className: "absolute w-px h-1.5 bg-[var(--color-muted-foreground)]",
1988
+ className: "absolute w-px h-1.5 bg-muted-foreground",
1986
1989
  style: { left: `${tickPercent}%` }
1987
1990
  },
1988
1991
  i
@@ -1996,8 +1999,8 @@ var RangeSlider = React110__default.forwardRef(
1996
1999
  RangeSlider.displayName = "RangeSlider";
1997
2000
  var backgroundClasses = {
1998
2001
  default: "",
1999
- alt: "bg-[var(--color-surface)]",
2000
- dark: "bg-[var(--color-foreground)] text-[var(--color-background)]",
2002
+ alt: "bg-surface",
2003
+ dark: "bg-foreground text-background",
2001
2004
  gradient: [
2002
2005
  "bg-gradient-to-b",
2003
2006
  "from-[var(--color-primary)]/5",
@@ -2174,9 +2177,9 @@ var ErrorState = ({
2174
2177
  className
2175
2178
  ),
2176
2179
  children: [
2177
- /* @__PURE__ */ jsx(Box, { className: "mb-4 rounded-[var(--radius-full)] bg-[var(--color-error)]/10 p-3", children: /* @__PURE__ */ jsx(AlertCircle, { className: "h-8 w-8 text-[var(--color-error)]" }) }),
2178
- /* @__PURE__ */ jsx(Typography, { variant: "h3", className: "text-lg font-medium text-[var(--color-foreground)]", children: resolvedTitle }),
2179
- /* @__PURE__ */ jsx(Typography, { variant: "small", className: "mt-1 text-[var(--color-muted-foreground)] max-w-sm", children: resolvedMessage }),
2180
+ /* @__PURE__ */ jsx(Box, { className: "mb-4 rounded-full bg-error/10 p-3", children: /* @__PURE__ */ jsx(AlertCircle, { className: "h-8 w-8 text-error" }) }),
2181
+ /* @__PURE__ */ jsx(Typography, { variant: "h3", className: "text-lg font-medium text-foreground", children: resolvedTitle }),
2182
+ /* @__PURE__ */ jsx(Typography, { variant: "small", className: "mt-1 text-muted-foreground max-w-sm", children: resolvedMessage }),
2180
2183
  (onRetry || retryEvent) && /* @__PURE__ */ jsx(Button, { variant: "secondary", className: "mt-4", onClick: handleRetry, children: t("error.retry") })
2181
2184
  ]
2182
2185
  }
@@ -2611,29 +2614,41 @@ var defaultIcon = L.icon({
2611
2614
  L.Marker.prototype.options.icon = defaultIcon;
2612
2615
 
2613
2616
  // lib/verificationRegistry.ts
2614
- var checks = /* @__PURE__ */ new Map();
2615
- var transitions = [];
2616
2617
  var MAX_TRANSITIONS = 500;
2617
- var listeners = /* @__PURE__ */ new Set();
2618
+ function getState() {
2619
+ if (typeof window !== "undefined") {
2620
+ const w = window;
2621
+ if (!w.__verificationRegistryState) {
2622
+ w.__verificationRegistryState = {
2623
+ checks: /* @__PURE__ */ new Map(),
2624
+ transitions: [],
2625
+ bridgeHealth: null,
2626
+ listeners: /* @__PURE__ */ new Set()
2627
+ };
2628
+ }
2629
+ return w.__verificationRegistryState;
2630
+ }
2631
+ return { checks: /* @__PURE__ */ new Map(), transitions: [], bridgeHealth: null, listeners: /* @__PURE__ */ new Set() };
2632
+ }
2618
2633
  function notifyListeners() {
2619
- listeners.forEach((l) => l());
2634
+ getState().listeners.forEach((l) => l());
2620
2635
  exposeOnWindow();
2621
2636
  }
2622
2637
  function registerCheck(id, label, status = "pending", details) {
2623
- checks.set(id, { id, label, status, details, updatedAt: Date.now() });
2638
+ getState().checks.set(id, { id, label, status, details, updatedAt: Date.now() });
2624
2639
  notifyListeners();
2625
2640
  }
2626
2641
  function getAllChecks() {
2627
- return Array.from(checks.values());
2642
+ return Array.from(getState().checks.values());
2628
2643
  }
2629
2644
  function recordTransition(trace) {
2630
2645
  const entry = {
2631
2646
  ...trace,
2632
2647
  id: `t-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`
2633
2648
  };
2634
- transitions.push(entry);
2635
- if (transitions.length > MAX_TRANSITIONS) {
2636
- transitions.shift();
2649
+ getState().transitions.push(entry);
2650
+ if (getState().transitions.length > MAX_TRANSITIONS) {
2651
+ getState().transitions.shift();
2637
2652
  }
2638
2653
  if (entry.event === "INIT") {
2639
2654
  const hasFetch = entry.effects.some((e) => e.type === "fetch");
@@ -2668,10 +2683,11 @@ function recordTransition(trace) {
2668
2683
  notifyListeners();
2669
2684
  }
2670
2685
  function getTransitions() {
2671
- return [...transitions];
2686
+ return [...getState().transitions];
2672
2687
  }
2673
2688
  function getBridgeHealth() {
2674
- return null;
2689
+ const bh = getState().bridgeHealth;
2690
+ return bh ? { ...bh } : null;
2675
2691
  }
2676
2692
  function getSummary() {
2677
2693
  const allChecks = getAllChecks();
@@ -2692,8 +2708,8 @@ function getSnapshot() {
2692
2708
  };
2693
2709
  }
2694
2710
  function subscribeToVerification(listener) {
2695
- listeners.add(listener);
2696
- return () => listeners.delete(listener);
2711
+ getState().listeners.add(listener);
2712
+ return () => getState().listeners.delete(listener);
2697
2713
  }
2698
2714
  function exposeOnWindow() {
2699
2715
  if (typeof window === "undefined") return;
@@ -2710,7 +2726,7 @@ function exposeOnWindow() {
2710
2726
  }
2711
2727
  function waitForTransition(event, timeoutMs = 1e4) {
2712
2728
  return new Promise((resolve) => {
2713
- const existing = transitions.find((t) => t.event === event);
2729
+ const existing = getState().transitions.find((t) => t.event === event);
2714
2730
  if (existing) {
2715
2731
  resolve(existing);
2716
2732
  return;
@@ -2720,7 +2736,7 @@ function waitForTransition(event, timeoutMs = 1e4) {
2720
2736
  resolve(null);
2721
2737
  }, timeoutMs);
2722
2738
  const unsub = subscribeToVerification(() => {
2723
- const found = transitions.find((t) => t.event === event);
2739
+ const found = getState().transitions.find((t) => t.event === event);
2724
2740
  if (found) {
2725
2741
  clearTimeout(timeout);
2726
2742
  unsub();
@@ -2850,7 +2866,7 @@ var MarkdownContent = React110__default.memo(
2850
2866
  "blockquote",
2851
2867
  {
2852
2868
  ...props,
2853
- className: "border-l-4 border-blue-500 pl-4 italic text-[var(--color-foreground)] my-4",
2869
+ className: "border-l-4 border-blue-500 pl-4 italic text-foreground my-4",
2854
2870
  children
2855
2871
  }
2856
2872
  );
@@ -2925,7 +2941,7 @@ var CodeBlock = React110__default.memo(
2925
2941
  variant: "ghost",
2926
2942
  size: "sm",
2927
2943
  onClick: handleCopy,
2928
- className: "opacity-0 group-hover:opacity-100 focus:opacity-100 transition-opacity text-[var(--color-muted-foreground)] hover:text-white",
2944
+ className: "opacity-0 group-hover:opacity-100 focus:opacity-100 transition-opacity text-muted-foreground hover:text-white",
2929
2945
  "aria-label": "Copy code",
2930
2946
  children: copied ? /* @__PURE__ */ jsx(Check, { size: 16, className: "text-green-400" }) : /* @__PURE__ */ jsx(Copy, { size: 16 })
2931
2947
  }
@@ -3087,7 +3103,7 @@ function VerificationProvider({
3087
3103
  })) : [];
3088
3104
  recordTransition({
3089
3105
  traitName: parsed.traitName,
3090
- from: pending?.from ?? "unknown",
3106
+ from: pending?.from ?? (parsed.event === "INIT" ? "init" : "unknown"),
3091
3107
  to: newState,
3092
3108
  event: parsed.event,
3093
3109
  effects,