@almadar/ui 2.27.2 → 2.27.4

package/dist/providers/index.js

@@ -1,5 +1,5 @@
-import * as React112 from 'react';
-import React112__default, { createContext, useCallback, useState, useRef, useEffect, useLayoutEffect, lazy, useContext, useMemo } from 'react';
+import * as React113 from 'react';
+import React113__default, { createContext, useCallback, useState, useRef, useEffect, useLayoutEffect, lazy, useContext, useMemo } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { EventBusContext } from '@almadar/ui/providers';
 import 'react-dom';
@@ -20,6 +20,7 @@ import remarkMath from 'remark-math';
 import rehypeKatex from 'rehype-katex';
 import SyntaxHighlighter from 'react-syntax-highlighter/dist/esm/prism';
 import dark from 'react-syntax-highlighter/dist/esm/styles/prism/vsc-dark-plus';
+import '@xyflow/react';
 
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -674,7 +675,7 @@ var positionStyles = {
   fixed: "fixed",
   sticky: "sticky"
 };
-var Box = React112__default.forwardRef(
+var Box = React113__default.forwardRef(
   ({
     padding,
     paddingX,
@@ -843,7 +844,7 @@ var Typography = ({
   align,
   weight,
   size,
-  truncate = false,
+  truncate: truncate2 = false,
   overflow,
   as,
   id,
@@ -865,7 +866,7 @@ var Typography = ({
         weight && weightStyles[weight],
         size && typographySizeStyles[size],
         align && `text-${align}`,
-        truncate && "truncate overflow-hidden text-ellipsis",
+        truncate2 && "truncate overflow-hidden text-ellipsis",
         overflow && overflowStyles2[overflow],
         className
       ),
@@ -892,7 +893,7 @@ var variantStyles2 = {
   ghost: [
     "bg-transparent text-muted-foreground",
     "border border-transparent",
-    "hover:text-foreground hover:bg-muted hover:border-border",
+    "hover:text-primary-foreground hover:bg-primary hover:border-primary",
     "active:scale-[var(--active-scale)]"
   ].join(" "),
   danger: [
@@ -945,7 +946,7 @@ function resolveIconProp(value, sizeClass) {
     const IconComp = value;
     return /* @__PURE__ */ jsx(IconComp, { className: sizeClass });
   }
-  if (React112__default.isValidElement(value)) {
+  if (React113__default.isValidElement(value)) {
     return value;
   }
   if (typeof value === "object" && value !== null && "render" in value) {
@@ -954,7 +955,7 @@ function resolveIconProp(value, sizeClass) {
   }
   return value;
 }
-var Button = React112__default.forwardRef(
+var Button = React113__default.forwardRef(
   ({
     className,
     variant = "primary",
@@ -1050,7 +1051,7 @@ var sizeStyles3 = {
   md: "px-2.5 py-1 text-sm",
   lg: "px-3 py-1.5 text-base"
 };
-var Badge = React112__default.forwardRef(
+var Badge = React113__default.forwardRef(
   ({ className, variant = "default", size = "sm", amount, label, icon, children, ...props }, ref) => {
     const iconSizes2 = { sm: "w-3 h-3", md: "w-3.5 h-3.5", lg: "w-4 h-4" };
     const resolvedIcon = typeof icon === "string" ? (() => {
@@ -1077,7 +1078,7 @@ var Badge = React112__default.forwardRef(
   }
 );
 Badge.displayName = "Badge";
-var Input = React112__default.forwardRef(
+var Input = React113__default.forwardRef(
   ({
     className,
     inputType,
@@ -1189,7 +1190,7 @@ var Input = React112__default.forwardRef(
   }
 );
 Input.displayName = "Input";
-var Label = React112__default.forwardRef(
+var Label = React113__default.forwardRef(
   ({ className, required, children, ...props }, ref) => {
     return /* @__PURE__ */ jsxs(
       "label",
@@ -1209,7 +1210,7 @@ var Label = React112__default.forwardRef(
   }
 );
 Label.displayName = "Label";
-var Textarea = React112__default.forwardRef(
+var Textarea = React113__default.forwardRef(
   ({ className, error, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "textarea",
@@ -1232,7 +1233,7 @@ var Textarea = React112__default.forwardRef(
   }
 );
 Textarea.displayName = "Textarea";
-var Select = React112__default.forwardRef(
+var Select = React113__default.forwardRef(
   ({ className, options, placeholder, error, ...props }, ref) => {
     return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
       /* @__PURE__ */ jsxs(
@@ -1268,7 +1269,7 @@ var Select = React112__default.forwardRef(
   }
 );
 Select.displayName = "Select";
-var Checkbox = React112__default.forwardRef(
+var Checkbox = React113__default.forwardRef(
   ({ className, label, id, ...props }, ref) => {
     const inputId = id || `checkbox-${Math.random().toString(36).substr(2, 9)}`;
     return /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
@@ -1344,7 +1345,7 @@ var shadowStyles2 = {
   md: "shadow",
   lg: "shadow-lg"
 };
-var Card = React112__default.forwardRef(
+var Card = React113__default.forwardRef(
   ({
     className,
     variant = "bordered",
@@ -1380,9 +1381,9 @@ var Card = React112__default.forwardRef(
   }
 );
 Card.displayName = "Card";
-var CardHeader = React112__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
+var CardHeader = React113__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React112__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardTitle = React113__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "h3",
   {
     ref,
@@ -1395,11 +1396,11 @@ var CardTitle = React112__default.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardContent = React112__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
+var CardContent = React113__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
 CardContent.displayName = "CardContent";
 var CardBody = CardContent;
 CardBody.displayName = "CardBody";
-var CardFooter = React112__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardFooter = React113__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -1414,7 +1415,7 @@ var sizeStyles4 = {
   md: "h-6 w-6",
   lg: "h-8 w-8"
 };
-var Spinner = React112__default.forwardRef(
+var Spinner = React113__default.forwardRef(
   ({ className, size = "md", ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "div",
@@ -1428,7 +1429,7 @@ var Spinner = React112__default.forwardRef(
   }
 );
 Spinner.displayName = "Spinner";
-var Radio = React112__default.forwardRef(
+var Radio = React113__default.forwardRef(
   ({
     label,
     helperText,
@@ -1532,7 +1533,7 @@ var Radio = React112__default.forwardRef(
   }
 );
 Radio.displayName = "Radio";
-var Switch = React112.forwardRef(
+var Switch = React113.forwardRef(
   ({
     checked,
     defaultChecked = false,
@@ -1543,10 +1544,10 @@ var Switch = React112.forwardRef(
     name,
     className
   }, ref) => {
-    const [isChecked, setIsChecked] = React112.useState(
+    const [isChecked, setIsChecked] = React113.useState(
       checked !== void 0 ? checked : defaultChecked
     );
-    React112.useEffect(() => {
+    React113.useEffect(() => {
       if (checked !== void 0) {
         setIsChecked(checked);
       }
@@ -1704,7 +1705,7 @@ var sizeStyles5 = {
   md: "w-2.5 h-2.5",
   lg: "w-3 h-3"
 };
-var StatusDot = React112__default.forwardRef(
+var StatusDot = React113__default.forwardRef(
   ({ className, status = "offline", pulse = false, size = "md", label, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "span",
@@ -1751,7 +1752,7 @@ var iconMap2 = {
   down: TrendingDown,
   flat: ArrowRight
 };
-var TrendIndicator = React112__default.forwardRef(
+var TrendIndicator = React113__default.forwardRef(
   ({
     className,
     value,
@@ -1810,7 +1811,7 @@ var thumbSizes = {
   md: "w-4 h-4",
   lg: "w-5 h-5"
 };
-var RangeSlider = React112__default.forwardRef(
+var RangeSlider = React113__default.forwardRef(
   ({
     className,
     min = 0,
@@ -2013,7 +2014,7 @@ var paddingClasses = {
   md: "py-16",
   lg: "py-24"
 };
-var ContentSection = React112__default.forwardRef(
+var ContentSection = React113__default.forwardRef(
   ({ children, background = "default", padding = "lg", id, className }, ref) => {
     return /* @__PURE__ */ jsx(
       Box,
@@ -2052,7 +2053,7 @@ var animatedStyles = {
   "scale-up": { opacity: 1, transform: "scale(1) translateY(0)" },
   "none": {}
 };
-var AnimatedReveal = React112__default.forwardRef(
+var AnimatedReveal = React113__default.forwardRef(
   ({
     trigger = "scroll",
     animation = "fade-up",
@@ -2205,7 +2206,7 @@ function applyMorphAnimation(container, animate, duration, delay, easing) {
     el.style.opacity = animate ? "1" : "0";
   });
 }
-var AnimatedGraphic = React112__default.forwardRef(
+var AnimatedGraphic = React113__default.forwardRef(
   ({
     src,
     svgContent,
@@ -2228,7 +2229,7 @@ var AnimatedGraphic = React112__default.forwardRef(
     const fetchedSvg = useFetchedSvg(svgContent ? void 0 : src);
     const resolvedSvg = svgContent ?? fetchedSvg;
     const prevAnimateRef = useRef(animate);
-    const setRef = React112__default.useCallback(
+    const setRef = React113__default.useCallback(
       (node) => {
         containerRef.current = node;
         if (typeof ref === "function") ref(node);
@@ -2470,7 +2471,7 @@ var ErrorState = ({
   );
 };
 ErrorState.displayName = "ErrorState";
-var ErrorBoundary = class extends React112__default.Component {
+var ErrorBoundary = class extends React113__default.Component {
   constructor(props) {
     super(props);
     __publicField(this, "reset", () => {
@@ -3063,7 +3064,7 @@ function bindTraitStateGetter(getter) {
   }
 }
 exposeOnWindow();
-var MarkdownContent = React112__default.memo(
+var MarkdownContent = React113__default.memo(
   ({ content, direction, className }) => {
     const { t: _t } = useTranslate();
     const safeContent = typeof content === "string" ? content : String(content ?? "");
@@ -3165,7 +3166,7 @@ var MarkdownContent = React112__default.memo(
   (prev, next) => prev.content === next.content && prev.className === next.className && prev.direction === next.direction
 );
 MarkdownContent.displayName = "MarkdownContent";
-var CodeBlock = React112__default.memo(
+var CodeBlock = React113__default.memo(
   ({
     code: rawCode,
     language = "text",
@@ -3282,12 +3283,12 @@ GameAudioContext.displayName = "GameAudioContext";
 
 // components/organisms/component-registry.generated.ts
 function lazyThree(name, loader) {
-  const Lazy = React112__default.lazy(() => loader().then((m) => ({ default: m[name] })));
+  const Lazy = React113__default.lazy(() => loader().then((m) => ({ default: m[name] })));
   function ThreeWrapper(props) {
-    return React112__default.createElement(
-      React112__default.Suspense,
+    return React113__default.createElement(
+      React113__default.Suspense,
       { fallback: null },
-      React112__default.createElement(Lazy, props)
+      React113__default.createElement(Lazy, props)
     );
   }
   ThreeWrapper.displayName = `Lazy(${name})`;
@@ -3314,7 +3315,7 @@ function SuspenseConfigProvider({
   config,
   children
 }) {
-  return React112__default.createElement(
+  return React113__default.createElement(
     SuspenseConfigContext.Provider,
     { value: config },
     children
@@ -3387,7 +3388,7 @@ function VerificationProvider({
         })) : [];
         recordTransition({
           traitName: parsed.traitName,
-          from: pending?.from ?? (parsed.event === "INIT" ? "init" : "unknown"),
+          from: pending?.from ?? payload["currentState"] ?? newState,
           to: newState,
           event: parsed.event,
           effects,
@@ -3398,10 +3399,11 @@ function VerificationProvider({
         const pending = pendingRef.current.get(key);
         pendingRef.current.delete(key);
         const errorMsg = payload["error"] ?? "Unknown error";
+        const fromState = pending?.from ?? payload["currentState"] ?? "unknown";
         recordTransition({
           traitName: parsed.traitName,
-          from: pending?.from ?? "unknown",
-          to: pending?.from ?? "unknown",
+          from: fromState,
+          to: fromState,
           // state didn't change on error
           event: parsed.event,
           effects: [{