@almadar/ui 2.18.0 → 2.19.0

package/dist/components/index.cjs

@@ -4,6 +4,7 @@ var React86 = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var LucideIcons = require('lucide-react');
+var providers = require('@almadar/ui/providers');
 var jsxRuntime = require('react/jsx-runtime');
 var evaluator = require('@almadar/evaluator');
 var reactDom = require('react-dom');
@@ -57,9 +58,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
-var EventBusContext = React86.createContext(null);
-
-// hooks/useEventBus.ts
 function getGlobalEventBus() {
   if (typeof window !== "undefined") {
     return window.__kflowEventBus ?? null;
@@ -127,7 +125,7 @@ var fallbackEventBus = {
   }
 };
 function useEventBus() {
-  const context = React86.useContext(EventBusContext);
+  const context = React86.useContext(providers.EventBusContext);
   return context ?? getGlobalEventBus() ?? fallbackEventBus;
 }
 function useEventListener(event, handler) {
@@ -14907,8 +14905,14 @@ var HeroSection = ({
         ),
         installCommand && /* @__PURE__ */ jsxRuntime.jsx(InstallBox, { command: installCommand }),
         (primaryAction || secondaryAction) && /* @__PURE__ */ jsxRuntime.jsxs(HStack, { gap: "md", align: "center", children: [
-          primaryAction && /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "primary", size: "lg", children: primaryAction.label }),
-          secondaryAction && /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "secondary", size: "lg", children: secondaryAction.label })
+          primaryAction && /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "primary", size: "lg", onClick: () => {
+            const external = primaryAction.href.startsWith("http");
+            window.open(primaryAction.href, external ? "_blank" : "_self");
+          }, children: primaryAction.label }),
+          secondaryAction && /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "secondary", size: "lg", onClick: () => {
+            const external = secondaryAction.href.startsWith("http");
+            window.open(secondaryAction.href, external ? "_blank" : "_self");
+          }, children: secondaryAction.label })
         ] }),
         children
       ]

package/dist/components/index.js

@@ -1,9 +1,10 @@
 import * as React86 from 'react';
-import React86__default, { createContext, useCallback, useState, useRef, useLayoutEffect, useEffect, lazy, useContext, useMemo, useId, Suspense, useSyncExternalStore } from 'react';
+import React86__default, { useCallback, createContext, useState, useRef, useLayoutEffect, useEffect, lazy, useContext, useMemo, useId, Suspense, useSyncExternalStore } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import * as LucideIcons from 'lucide-react';
 import { Loader2, ChevronDown, X, ArrowRight, TrendingDown, TrendingUp, Check, Copy, AlertCircle, User, Sun, Moon, FileQuestion, Inbox, Search, Info, XCircle, CheckCircle, AlertTriangle, ChevronRight, Filter, Plus, ChevronLeft, HelpCircle, ChevronUp, Zap, Sword, Move, Heart, Shield, Minus, Star, FileWarning, Upload, MoreHorizontal, ArrowLeft, Menu as Menu$1, ArrowUp, ArrowDown, MoreVertical, Package, Trash2, List as List$1, Printer, Play, RotateCcw, Send, Wrench, Bug, Pause, SkipForward, Code, FileText, WrapText, Settings, Bell, LogOut, ZoomOut, ZoomIn, Download, Image as Image$1, Eraser, Circle, Clock, CheckCircle2, Calendar, Pencil, Eye, Tag, DollarSign } from 'lucide-react';
+import { EventBusContext } from '@almadar/ui/providers';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { evaluate, createMinimalContext } from '@almadar/evaluator';
 import { createPortal } from 'react-dom';
@@ -27,9 +28,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
-var EventBusContext = createContext(null);
-
-// hooks/useEventBus.ts
 function getGlobalEventBus() {
   if (typeof window !== "undefined") {
     return window.__kflowEventBus ?? null;
@@ -14877,8 +14875,14 @@ var HeroSection = ({
         ),
         installCommand && /* @__PURE__ */ jsx(InstallBox, { command: installCommand }),
         (primaryAction || secondaryAction) && /* @__PURE__ */ jsxs(HStack, { gap: "md", align: "center", children: [
-          primaryAction && /* @__PURE__ */ jsx(Button, { variant: "primary", size: "lg", children: primaryAction.label }),
-          secondaryAction && /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "lg", children: secondaryAction.label })
+          primaryAction && /* @__PURE__ */ jsx(Button, { variant: "primary", size: "lg", onClick: () => {
+            const external = primaryAction.href.startsWith("http");
+            window.open(primaryAction.href, external ? "_blank" : "_self");
+          }, children: primaryAction.label }),
+          secondaryAction && /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "lg", onClick: () => {
+            const external = secondaryAction.href.startsWith("http");
+            window.open(secondaryAction.href, external ? "_blank" : "_self");
+          }, children: secondaryAction.label })
         ] }),
         children
       ]

package/dist/components/organisms/game/three/index.cjs

@@ -9,6 +9,7 @@ var GLTFLoader = require('three/examples/jsm/loaders/GLTFLoader');
 var OrbitControls_js = require('three/examples/jsm/controls/OrbitControls.js');
 var GLTFLoader_js = require('three/examples/jsm/loaders/GLTFLoader.js');
 var OBJLoader_js = require('three/examples/jsm/loaders/OBJLoader.js');
+var providers = require('@almadar/ui/providers');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 
@@ -1373,9 +1374,6 @@ function useRaycaster(options) {
     isWithinCanvas
   };
 }
-var EventBusContext = React7.createContext(null);
-
-// hooks/useEventBus.ts
 function getGlobalEventBus() {
   if (typeof window !== "undefined") {
     return window.__kflowEventBus ?? null;
@@ -1443,7 +1441,7 @@ var fallbackEventBus = {
   }
 };
 function useEventBus() {
-  const context = React7.useContext(EventBusContext);
+  const context = React7.useContext(providers.EventBusContext);
   return context ?? getGlobalEventBus() ?? fallbackEventBus;
 }
 function useEmitEvent() {

package/dist/components/organisms/game/three/index.js

@@ -1,4 +1,4 @@
-import React7, { forwardRef, useRef, useEffect, useImperativeHandle, createContext, useState, useMemo, useCallback, Component, useContext } from 'react';
+import React7, { forwardRef, useRef, useEffect, useImperativeHandle, useState, useMemo, useCallback, Component, useContext } from 'react';
 import { useThree, useFrame, Canvas } from '@react-three/fiber';
 import * as THREE6 from 'three';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -7,6 +7,7 @@ import { GLTFLoader as GLTFLoader$1 } from 'three/examples/jsm/loaders/GLTFLoade
 import { OrbitControls as OrbitControls$1 } from 'three/examples/jsm/controls/OrbitControls.js';
 import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js';
 import { OBJLoader } from 'three/examples/jsm/loaders/OBJLoader.js';
+import { EventBusContext } from '@almadar/ui/providers';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 
@@ -1348,9 +1349,6 @@ function useRaycaster(options) {
     isWithinCanvas
   };
 }
-var EventBusContext = createContext(null);
-
-// hooks/useEventBus.ts
 function getGlobalEventBus() {
   if (typeof window !== "undefined") {
     return window.__kflowEventBus ?? null;

package/dist/docs/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var React3 = require('react');
+var React4 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var LucideIcons = require('lucide-react');
 
@@ -24,7 +24,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React3__default = /*#__PURE__*/_interopDefault(React3);
+var React4__default = /*#__PURE__*/_interopDefault(React4);
 var LucideIcons__namespace = /*#__PURE__*/_interopNamespace(LucideIcons);
 
 // node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
@@ -2506,7 +2506,7 @@ var twMerge = /* @__PURE__ */ createTailwindMerge(getDefaultConfig);
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
-var EventBusContext = React3.createContext(null);
+var EventBusContext = React4.createContext(null);
 
 // hooks/useEventBus.ts
 function getGlobalEventBus() {
@@ -2576,7 +2576,7 @@ var fallbackEventBus = {
   }
 };
 function useEventBus() {
-  const context = React3.useContext(EventBusContext);
+  const context = React4.useContext(EventBusContext);
   return context ?? getGlobalEventBus() ?? fallbackEventBus;
 }
 var paddingStyles = {
@@ -2681,7 +2681,7 @@ var positionStyles = {
   fixed: "fixed",
   sticky: "sticky"
 };
-var Box = React3__default.default.forwardRef(
+var Box = React4__default.default.forwardRef(
   ({
     padding,
     paddingX,
@@ -2710,20 +2710,20 @@ var Box = React3__default.default.forwardRef(
     ...rest
   }, ref) => {
     const eventBus = useEventBus();
-    const handleClick = React3.useCallback((e) => {
+    const handleClick = React4.useCallback((e) => {
       if (action) {
         e.stopPropagation();
         eventBus.emit(`UI:${action}`, actionPayload ?? {});
       }
       onClick?.(e);
     }, [action, actionPayload, eventBus, onClick]);
-    const handleMouseEnter = React3.useCallback((e) => {
+    const handleMouseEnter = React4.useCallback((e) => {
       if (hoverEvent) {
         eventBus.emit(`UI:${hoverEvent}`, { hovered: true });
       }
       onMouseEnter?.(e);
     }, [hoverEvent, eventBus, onMouseEnter]);
-    const handleMouseLeave = React3.useCallback((e) => {
+    const handleMouseLeave = React4.useCallback((e) => {
       if (hoverEvent) {
         eventBus.emit(`UI:${hoverEvent}`, { hovered: false });
       }
@@ -3107,7 +3107,7 @@ function resolveIconProp(value, sizeClass) {
     const IconComp = value;
     return /* @__PURE__ */ jsxRuntime.jsx(IconComp, { className: sizeClass });
   }
-  if (React3__default.default.isValidElement(value)) {
+  if (React4__default.default.isValidElement(value)) {
     return value;
   }
   if (typeof value === "object" && value !== null && "render" in value) {
@@ -3116,7 +3116,7 @@ function resolveIconProp(value, sizeClass) {
   }
   return value;
 }
-var Button = React3__default.default.forwardRef(
+var Button = React4__default.default.forwardRef(
   ({
     className,
     variant = "primary",
@@ -3216,7 +3216,7 @@ var shadowStyles2 = {
   md: "shadow-[var(--shadow-main)]",
   lg: "shadow-[var(--shadow-lg)]"
 };
-var Card = React3__default.default.forwardRef(
+var Card = React4__default.default.forwardRef(
   ({
     className,
     variant = "bordered",
@@ -3252,9 +3252,9 @@ var Card = React3__default.default.forwardRef(
   }
 );
 Card.displayName = "Card";
-var CardHeader = React3__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("mb-4", className), ...props }));
+var CardHeader = React4__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("mb-4", className), ...props }));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React3__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardTitle = React4__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "h3",
   {
     ref,
@@ -3267,11 +3267,11 @@ var CardTitle = React3__default.default.forwardRef(({ className, ...props }, ref
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardContent = React3__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("", className), ...props }));
+var CardContent = React4__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("", className), ...props }));
 CardContent.displayName = "CardContent";
 var CardBody = CardContent;
 CardBody.displayName = "CardBody";
-var CardFooter = React3__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardFooter = React4__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -3350,7 +3350,7 @@ var Divider = ({
   );
 };
 Divider.displayName = "Divider";
-var Input = React3__default.default.forwardRef(
+var Input = React4__default.default.forwardRef(
   ({
     className,
     inputType,
@@ -3463,7 +3463,7 @@ var Input = React3__default.default.forwardRef(
 );
 Input.displayName = "Input";
 var DocSidebarCategory = ({ item, depth }) => {
-  const [expanded, setExpanded] = React3.useState(
+  const [expanded, setExpanded] = React4.useState(
     () => item.items?.some(function hasActive(child) {
       if (child.active) return true;
       return child.items?.some(hasActive) ?? false;
@@ -3618,7 +3618,7 @@ var DocBreadcrumb = ({
       "aria-label": "Breadcrumb",
       children: /* @__PURE__ */ jsxRuntime.jsx(HStack, { gap: "xs", align: "center", wrap: true, children: items.map((item, idx) => {
         const isLast = idx === items.length - 1;
-        return /* @__PURE__ */ jsxRuntime.jsxs(React3__default.default.Fragment, { children: [
+        return /* @__PURE__ */ jsxRuntime.jsxs(React4__default.default.Fragment, { children: [
           idx > 0 && /* @__PURE__ */ jsxRuntime.jsx(
             Icon,
             {
@@ -3670,8 +3670,8 @@ function DocCodeBlock({
   showLineNumbers = false,
   className
 }) {
-  const [copied, setCopied] = React3.useState(false);
-  const handleCopy = React3.useCallback(() => {
+  const [copied, setCopied] = React4.useState(false);
+  const handleCopy = React4.useCallback(() => {
     void navigator.clipboard.writeText(code).then(() => {
       setCopied(true);
       setTimeout(() => setCopied(false), 2e3);
@@ -3836,13 +3836,13 @@ function DocSearch({
   onSearch,
   className
 }) {
-  const [query, setQuery] = React3.useState("");
-  const [results, setResults] = React3.useState([]);
-  const [isOpen, setIsOpen] = React3.useState(false);
-  const [activeIndex, setActiveIndex] = React3.useState(-1);
-  const containerRef = React3.useRef(null);
-  const debounceRef = React3.useRef(void 0);
-  React3.useEffect(() => {
+  const [query, setQuery] = React4.useState("");
+  const [results, setResults] = React4.useState([]);
+  const [isOpen, setIsOpen] = React4.useState(false);
+  const [activeIndex, setActiveIndex] = React4.useState(-1);
+  const containerRef = React4.useRef(null);
+  const debounceRef = React4.useRef(void 0);
+  React4.useEffect(() => {
     function handleClickOutside(e) {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
         setIsOpen(false);
@@ -3851,7 +3851,7 @@ function DocSearch({
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, []);
-  const performSearch = React3.useCallback(
+  const performSearch = React4.useCallback(
     (value) => {
       if (!onSearch || !value.trim()) {
         setResults([]);
@@ -3873,7 +3873,7 @@ function DocSearch({
     },
     [onSearch]
   );
-  const handleChange = React3.useCallback(
+  const handleChange = React4.useCallback(
     (e) => {
       const value = e.target.value;
       setQuery(value);
@@ -3886,18 +3886,18 @@ function DocSearch({
     },
     [performSearch]
   );
-  const handleFocus = React3.useCallback(() => {
+  const handleFocus = React4.useCallback(() => {
     if (results.length > 0) {
       setIsOpen(true);
     }
   }, [results]);
-  const navigateTo = React3.useCallback((href) => {
+  const navigateTo = React4.useCallback((href) => {
     setIsOpen(false);
     setQuery("");
     setResults([]);
     window.location.href = href;
   }, []);
-  const handleKeyDown = React3.useCallback(
+  const handleKeyDown = React4.useCallback(
     (e) => {
       if (e.key === "Escape") {
         setIsOpen(false);
@@ -3924,7 +3924,7 @@ function DocSearch({
     },
     [isOpen, results, activeIndex, navigateTo]
   );
-  React3.useEffect(() => {
+  React4.useEffect(() => {
     return () => {
       if (debounceRef.current) {
         clearTimeout(debounceRef.current);

package/dist/docs/index.js

@@ -1,4 +1,4 @@
-import React3, { createContext, useCallback, useContext, useState, useRef, useEffect } from 'react';
+import React4, { createContext, useCallback, useContext, useState, useRef, useEffect } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as LucideIcons from 'lucide-react';
 import { Loader2, ChevronDown, X } from 'lucide-react';
@@ -2657,7 +2657,7 @@ var positionStyles = {
   fixed: "fixed",
   sticky: "sticky"
 };
-var Box = React3.forwardRef(
+var Box = React4.forwardRef(
   ({
     padding,
     paddingX,
@@ -3083,7 +3083,7 @@ function resolveIconProp(value, sizeClass) {
     const IconComp = value;
     return /* @__PURE__ */ jsx(IconComp, { className: sizeClass });
   }
-  if (React3.isValidElement(value)) {
+  if (React4.isValidElement(value)) {
     return value;
   }
   if (typeof value === "object" && value !== null && "render" in value) {
@@ -3092,7 +3092,7 @@ function resolveIconProp(value, sizeClass) {
   }
   return value;
 }
-var Button = React3.forwardRef(
+var Button = React4.forwardRef(
   ({
     className,
     variant = "primary",
@@ -3192,7 +3192,7 @@ var shadowStyles2 = {
   md: "shadow-[var(--shadow-main)]",
   lg: "shadow-[var(--shadow-lg)]"
 };
-var Card = React3.forwardRef(
+var Card = React4.forwardRef(
   ({
     className,
     variant = "bordered",
@@ -3228,9 +3228,9 @@ var Card = React3.forwardRef(
   }
 );
 Card.displayName = "Card";
-var CardHeader = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
+var CardHeader = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardTitle = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "h3",
   {
     ref,
@@ -3243,11 +3243,11 @@ var CardTitle = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardContent = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
+var CardContent = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
 CardContent.displayName = "CardContent";
 var CardBody = CardContent;
 CardBody.displayName = "CardBody";
-var CardFooter = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardFooter = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -3326,7 +3326,7 @@ var Divider = ({
   );
 };
 Divider.displayName = "Divider";
-var Input = React3.forwardRef(
+var Input = React4.forwardRef(
   ({
     className,
     inputType,
@@ -3594,7 +3594,7 @@ var DocBreadcrumb = ({
       "aria-label": "Breadcrumb",
       children: /* @__PURE__ */ jsx(HStack, { gap: "xs", align: "center", wrap: true, children: items.map((item, idx) => {
         const isLast = idx === items.length - 1;
-        return /* @__PURE__ */ jsxs(React3.Fragment, { children: [
+        return /* @__PURE__ */ jsxs(React4.Fragment, { children: [
           idx > 0 && /* @__PURE__ */ jsx(
             Icon,
             {

package/dist/hooks/index.cjs

@@ -1,6 +1,7 @@
 'use strict';
 
 var React2 = require('react');
+var providers = require('@almadar/ui/providers');
 require('react/jsx-runtime');
 var reactQuery = require('@tanstack/react-query');
 
@@ -871,9 +872,6 @@ function useDeepAgentGeneration() {
     submitInterruptDecisions
   };
 }
-var EventBusContext = React2.createContext(null);
-
-// hooks/useEventBus.ts
 function getGlobalEventBus() {
   if (typeof window !== "undefined") {
     return window.__kflowEventBus ?? null;
@@ -941,7 +939,7 @@ var fallbackEventBus = {
   }
 };
 function useEventBus() {
-  const context = React2.useContext(EventBusContext);
+  const context = React2.useContext(providers.EventBusContext);
   return context ?? getGlobalEventBus() ?? fallbackEventBus;
 }
 function useEventListener(event, handler) {

package/dist/hooks/index.js

@@ -1,4 +1,5 @@
 import React2, { createContext, useCallback, useState, useEffect, useMemo, useContext, useRef, useSyncExternalStore } from 'react';
+import { EventBusContext } from '@almadar/ui/providers';
 import 'react/jsx-runtime';
 import { useQueryClient, useMutation, useQuery } from '@tanstack/react-query';
 
@@ -865,9 +866,6 @@ function useDeepAgentGeneration() {
     submitInterruptDecisions
   };
 }
-var EventBusContext = createContext(null);
-
-// hooks/useEventBus.ts
 function getGlobalEventBus() {
   if (typeof window !== "undefined") {
     return window.__kflowEventBus ?? null;