@almadar/ui 2.16.1 → 2.18.0

package/dist/hooks/index.js

@@ -1,4 +1,4 @@
-import React3, { createContext, useCallback, useState, useEffect, useMemo, useContext, useRef, useSyncExternalStore } from 'react';
+import React2, { createContext, useCallback, useState, useEffect, useMemo, useContext, useRef, useSyncExternalStore } from 'react';
 import 'react/jsx-runtime';
 import { useQueryClient, useMutation, useQuery } from '@tanstack/react-query';
 
@@ -1233,7 +1233,7 @@ function EntityDataProvider({
   adapter,
   children
 }) {
-  return React3.createElement(
+  return React2.createElement(
     EntityDataContext.Provider,
     { value: adapter },
     children

package/dist/internals/event-bus-context.d.ts

@@ -0,0 +1,15 @@
+import type { EventBusContextType } from '../hooks/event-bus-types';
+/**
+ * Extended context type for backward compatibility.
+ */
+export interface EventBusContextTypeExtended extends EventBusContextType {
+    /** @deprecated Use useSelection from SelectionProvider instead. */
+    getSelectedEntity: () => unknown | null;
+    /** @deprecated Use useSelection from SelectionProvider instead. */
+    clearSelectedEntity: () => void;
+}
+/**
+ * The one and only EventBusContext.
+ * Imported by EventBusProvider (to provide) and useEventBus (to consume).
+ */
+export declare const EventBusContext: import("react").Context<EventBusContextTypeExtended | null>;

package/dist/marketing/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var React5 = 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 React5__default = /*#__PURE__*/_interopDefault(React5);
+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 = React5.createContext(null);
+var EventBusContext = React4.createContext(null);
 
 // hooks/useEventBus.ts
 function getGlobalEventBus() {
@@ -2576,7 +2576,7 @@ var fallbackEventBus = {
   }
 };
 function useEventBus() {
-  const context = React5.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 = React5__default.default.forwardRef(
+var Box = React4__default.default.forwardRef(
   ({
     padding,
     paddingX,
@@ -2710,20 +2710,20 @@ var Box = React5__default.default.forwardRef(
     ...rest
   }, ref) => {
     const eventBus = useEventBus();
-    const handleClick = React5.useCallback((e) => {
+    const handleClick = React4.useCallback((e) => {
       if (action) {
         e.stopPropagation();
         eventBus.emit(`UI:${action}`, actionPayload ?? {});
       }
       onClick?.(e);
     }, [action, actionPayload, eventBus, onClick]);
-    const handleMouseEnter = React5.useCallback((e) => {
+    const handleMouseEnter = React4.useCallback((e) => {
       if (hoverEvent) {
         eventBus.emit(`UI:${hoverEvent}`, { hovered: true });
       }
       onMouseEnter?.(e);
     }, [hoverEvent, eventBus, onMouseEnter]);
-    const handleMouseLeave = React5.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 (React5__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 = React5__default.default.forwardRef(
+var Button = React4__default.default.forwardRef(
   ({
     className,
     variant = "primary",
@@ -3211,7 +3211,7 @@ var sizeStyles3 = {
   md: "px-2.5 py-1 text-sm",
   lg: "px-3 py-1.5 text-base"
 };
-var Badge = React5__default.default.forwardRef(
+var Badge = React4__default.default.forwardRef(
   ({ className, variant = "default", size = "sm", amount, label, icon, children, ...props }, ref) => {
     const iconSizes = { sm: "w-3 h-3", md: "w-3.5 h-3.5", lg: "w-4 h-4" };
     const resolvedIcon = typeof icon === "string" ? (() => {
@@ -3280,7 +3280,7 @@ var shadowStyles2 = {
   md: "shadow-[var(--shadow-main)]",
   lg: "shadow-[var(--shadow-lg)]"
 };
-var Card = React5__default.default.forwardRef(
+var Card = React4__default.default.forwardRef(
   ({
     className,
     variant = "bordered",
@@ -3316,9 +3316,9 @@ var Card = React5__default.default.forwardRef(
   }
 );
 Card.displayName = "Card";
-var CardHeader = React5__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 = React5__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardTitle = React4__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "h3",
   {
     ref,
@@ -3331,11 +3331,11 @@ var CardTitle = React5__default.default.forwardRef(({ className, ...props }, ref
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardContent = React5__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 = React5__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardFooter = React4__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -3492,7 +3492,7 @@ var paddingClasses = {
   md: "py-16",
   lg: "py-24"
 };
-var ContentSection = React5__default.default.forwardRef(
+var ContentSection = React4__default.default.forwardRef(
   ({ children, background = "default", padding = "lg", id, className }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       Box,
@@ -3516,8 +3516,8 @@ var InstallBox = ({
   label,
   className
 }) => {
-  const [copied, setCopied] = React5.useState(false);
-  const handleCopy = React5.useCallback(() => {
+  const [copied, setCopied] = React4.useState(false);
+  const handleCopy = React4.useCallback(() => {
     void navigator.clipboard.writeText(command);
     setCopied(true);
     const timer = setTimeout(() => setCopied(false), 2e3);
@@ -4063,7 +4063,7 @@ var StepFlow = ({
   className
 }) => {
   if (orientation === "vertical") {
-    return /* @__PURE__ */ jsxRuntime.jsx(VStack, { gap: "none", className: cn("w-full", className), children: steps.map((step, index) => /* @__PURE__ */ jsxRuntime.jsx(React5__default.default.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(HStack, { gap: "md", align: "start", className: "w-full", children: [
+    return /* @__PURE__ */ jsxRuntime.jsx(VStack, { gap: "none", className: cn("w-full", className), children: steps.map((step, index) => /* @__PURE__ */ jsxRuntime.jsx(React4__default.default.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(HStack, { gap: "md", align: "start", className: "w-full", children: [
       /* @__PURE__ */ jsxRuntime.jsxs(VStack, { gap: "none", align: "center", children: [
         /* @__PURE__ */ jsxRuntime.jsx(StepCircle, { step, index }),
         showConnectors && index < steps.length - 1 && /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "w-px h-8 bg-[var(--color-border)]" })
@@ -4074,7 +4074,7 @@ var StepFlow = ({
       ] })
     ] }) }, index)) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(Box, { className: cn("w-full flex flex-col md:flex-row items-start gap-0", className), children: steps.map((step, index) => /* @__PURE__ */ jsxRuntime.jsxs(React5__default.default.Fragment, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(Box, { className: cn("w-full flex flex-col md:flex-row items-start gap-0", className), children: steps.map((step, index) => /* @__PURE__ */ jsxRuntime.jsxs(React4__default.default.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(VStack, { gap: "sm", align: "center", className: "flex-1 w-full md:w-auto", children: [
       /* @__PURE__ */ jsxRuntime.jsx(StepCircle, { step, index }),
       /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "h4", className: "text-center", children: step.title }),
@@ -4589,10 +4589,10 @@ var AnimatedCounter = ({
   duration = 1500,
   className
 }) => {
-  const ref = React5.useRef(null);
-  const [displayValue, setDisplayValue] = React5.useState("0");
-  const [hasAnimated, setHasAnimated] = React5.useState(false);
-  const animate = React5.useCallback(() => {
+  const ref = React4.useRef(null);
+  const [displayValue, setDisplayValue] = React4.useState("0");
+  const [hasAnimated, setHasAnimated] = React4.useState(false);
+  const animate = React4.useCallback(() => {
     const { num, prefix, suffix, decimals } = parseValue(value);
     if (num === 0) {
       setDisplayValue(value);
@@ -4613,7 +4613,7 @@ var AnimatedCounter = ({
     };
     requestAnimationFrame(tick);
   }, [value, duration]);
-  React5.useEffect(() => {
+  React4.useEffect(() => {
     if (hasAnimated) return;
     const el = ref.current;
     if (!el) return;

package/dist/marketing/index.js

@@ -1,4 +1,4 @@
-import React5, { 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, Check, User } from 'lucide-react';
@@ -2657,7 +2657,7 @@ var positionStyles = {
   fixed: "fixed",
   sticky: "sticky"
 };
-var Box = React5.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 (React5.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 = React5.forwardRef(
+var Button = React4.forwardRef(
   ({
     className,
     variant = "primary",
@@ -3187,7 +3187,7 @@ var sizeStyles3 = {
   md: "px-2.5 py-1 text-sm",
   lg: "px-3 py-1.5 text-base"
 };
-var Badge = React5.forwardRef(
+var Badge = React4.forwardRef(
   ({ className, variant = "default", size = "sm", amount, label, icon, children, ...props }, ref) => {
     const iconSizes = { sm: "w-3 h-3", md: "w-3.5 h-3.5", lg: "w-4 h-4" };
     const resolvedIcon = typeof icon === "string" ? (() => {
@@ -3256,7 +3256,7 @@ var shadowStyles2 = {
   md: "shadow-[var(--shadow-main)]",
   lg: "shadow-[var(--shadow-lg)]"
 };
-var Card = React5.forwardRef(
+var Card = React4.forwardRef(
   ({
     className,
     variant = "bordered",
@@ -3292,9 +3292,9 @@ var Card = React5.forwardRef(
   }
 );
 Card.displayName = "Card";
-var CardHeader = React5.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 = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardTitle = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "h3",
   {
     ref,
@@ -3307,11 +3307,11 @@ var CardTitle = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardContent = React5.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 = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardFooter = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -3468,7 +3468,7 @@ var paddingClasses = {
   md: "py-16",
   lg: "py-24"
 };
-var ContentSection = React5.forwardRef(
+var ContentSection = React4.forwardRef(
   ({ children, background = "default", padding = "lg", id, className }, ref) => {
     return /* @__PURE__ */ jsx(
       Box,
@@ -4039,7 +4039,7 @@ var StepFlow = ({
   className
 }) => {
   if (orientation === "vertical") {
-    return /* @__PURE__ */ jsx(VStack, { gap: "none", className: cn("w-full", className), children: steps.map((step, index) => /* @__PURE__ */ jsx(React5.Fragment, { children: /* @__PURE__ */ jsxs(HStack, { gap: "md", align: "start", className: "w-full", children: [
+    return /* @__PURE__ */ jsx(VStack, { gap: "none", className: cn("w-full", className), children: steps.map((step, index) => /* @__PURE__ */ jsx(React4.Fragment, { children: /* @__PURE__ */ jsxs(HStack, { gap: "md", align: "start", className: "w-full", children: [
       /* @__PURE__ */ jsxs(VStack, { gap: "none", align: "center", children: [
         /* @__PURE__ */ jsx(StepCircle, { step, index }),
         showConnectors && index < steps.length - 1 && /* @__PURE__ */ jsx(Box, { className: "w-px h-8 bg-[var(--color-border)]" })
@@ -4050,7 +4050,7 @@ var StepFlow = ({
       ] })
     ] }) }, index)) });
   }
-  return /* @__PURE__ */ jsx(Box, { className: cn("w-full flex flex-col md:flex-row items-start gap-0", className), children: steps.map((step, index) => /* @__PURE__ */ jsxs(React5.Fragment, { children: [
+  return /* @__PURE__ */ jsx(Box, { className: cn("w-full flex flex-col md:flex-row items-start gap-0", className), children: steps.map((step, index) => /* @__PURE__ */ jsxs(React4.Fragment, { children: [
     /* @__PURE__ */ jsxs(VStack, { gap: "sm", align: "center", className: "flex-1 w-full md:w-auto", children: [
       /* @__PURE__ */ jsx(StepCircle, { step, index }),
       /* @__PURE__ */ jsx(Typography, { variant: "h4", className: "text-center", children: step.title }),

package/dist/providers/EventBusProvider.d.ts

@@ -9,27 +9,11 @@
  *
  * @packageDocumentation
  */
-import React, { type ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import type { EventBusContextType } from '../hooks/event-bus-types';
-/**
- * Extended context type for backward compatibility.
- *
- * @deprecated getSelectedEntity and clearSelectedEntity are deprecated.
- * Use SelectionProvider and useSelection hook instead.
- */
-export interface EventBusContextTypeExtended extends EventBusContextType {
-    /**
-     * @deprecated Use useSelection from SelectionProvider instead.
-     * This method now returns null - selection state moved to SelectionProvider.
-     */
-    getSelectedEntity: () => unknown | null;
-    /**
-     * @deprecated Use useSelection from SelectionProvider instead.
-     * This method is now a no-op - selection state moved to SelectionProvider.
-     */
-    clearSelectedEntity: () => void;
-}
-export declare const EventBusContext: React.Context<EventBusContextTypeExtended | null>;
+import { EventBusContext } from '../internals/event-bus-context';
+import type { EventBusContextTypeExtended } from '../internals/event-bus-context';
+export { EventBusContext, type EventBusContextTypeExtended };
 interface EventBusProviderProps {
     children: ReactNode;
     /** Enable debug logging in development */

package/dist/providers/index.cjs

@@ -283,6 +283,9 @@ var ThemeProvider = ({
   );
   return /* @__PURE__ */ jsxRuntime.jsx(ThemeContext.Provider, { value: contextValue, children });
 };
+var EventBusContext = React110.createContext(null);
+
+// hooks/useEventBus.ts
 function setGlobalEventBus(bus) {
   if (typeof window !== "undefined") {
     window.__kflowEventBus = bus;
@@ -358,7 +361,6 @@ function useEventBus() {
   const context = React110.useContext(EventBusContext);
   return context ?? getGlobalEventBus() ?? fallbackEventBus;
 }
-var EventBusContext = React110.createContext(null);
 function EventBusProvider({ children, debug: debug2 = false }) {
   const listenersRef = React110.useRef(/* @__PURE__ */ new Map());
   const anyListenersRef = React110.useRef(/* @__PURE__ */ new Set());

package/dist/providers/index.js

@@ -253,6 +253,9 @@ var ThemeProvider = ({
   );
   return /* @__PURE__ */ jsx(ThemeContext.Provider, { value: contextValue, children });
 };
+var EventBusContext = createContext(null);
+
+// hooks/useEventBus.ts
 function setGlobalEventBus(bus) {
   if (typeof window !== "undefined") {
     window.__kflowEventBus = bus;
@@ -328,7 +331,6 @@ function useEventBus() {
   const context = useContext(EventBusContext);
   return context ?? getGlobalEventBus() ?? fallbackEventBus;
 }
-var EventBusContext = createContext(null);
 function EventBusProvider({ children, debug: debug2 = false }) {
   const listenersRef = useRef(/* @__PURE__ */ new Map());
   const anyListenersRef = useRef(/* @__PURE__ */ new Set());

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "2.16.1",
+  "version": "2.18.0",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "main": "./dist/components/index.js",