@almadar/ui 2.56.0 → 2.58.0

package/dist/providers/index.js

@@ -1,5 +1,5 @@
-import * as React114 from 'react';
-import React114__default, { createContext, useCallback, useState, useRef, useEffect, lazy, useMemo, useLayoutEffect, useContext, useSyncExternalStore } from 'react';
+import * as React115 from 'react';
+import React115__default, { createContext, useCallback, useState, useRef, useEffect, lazy, useMemo, useLayoutEffect, useContext, useSyncExternalStore } from 'react';
 import { EventBusContext } from '@almadar/ui/providers';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
@@ -743,7 +743,7 @@ function addWatch(entityType, callback) {
 function useEntityRef(entityType) {
   const versionRef = useRef(0);
   const dataRef = useRef([]);
-  const getSnapshotStable = React114__default.useCallback(() => {
+  const getSnapshotStable = React115__default.useCallback(() => {
     const currentVersion = getVersion(entityType);
     if (currentVersion !== versionRef.current) {
       versionRef.current = currentVersion;
@@ -756,7 +756,7 @@ function useEntityRef(entityType) {
 function useEntityById(entityType, id) {
   const versionRef = useRef(0);
   const dataRef = useRef(null);
-  const getSnapshotStable = React114__default.useCallback(() => {
+  const getSnapshotStable = React115__default.useCallback(() => {
     if (!id) return null;
     const currentVersion = getVersion(entityType);
     if (currentVersion !== versionRef.current) {
@@ -1154,7 +1154,7 @@ var positionStyles = {
   fixed: "fixed",
   sticky: "sticky"
 };
-var Box = React114__default.forwardRef(
+var Box = React115__default.forwardRef(
   ({
     padding,
     paddingX,
@@ -1339,7 +1339,7 @@ function resolveIconProp(value, sizeClass) {
     const IconComp = value;
     return /* @__PURE__ */ jsx(IconComp, { className: sizeClass });
   }
-  if (React114__default.isValidElement(value)) {
+  if (React115__default.isValidElement(value)) {
     return value;
   }
   if (typeof value === "object" && value !== null && "render" in value) {
@@ -1348,7 +1348,7 @@ function resolveIconProp(value, sizeClass) {
   }
   return value;
 }
-var Button = React114__default.forwardRef(
+var Button = React115__default.forwardRef(
   ({
     className,
     variant = "primary",
@@ -1447,7 +1447,7 @@ var sizeStyles3 = {
   md: "px-2.5 py-1 text-sm",
   lg: "px-3 py-1.5 text-base"
 };
-var Badge = React114__default.forwardRef(
+var Badge = React115__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" ? (() => {
@@ -1491,7 +1491,7 @@ init_cn();
 
 // components/atoms/Input.tsx
 init_cn();
-var Input = React114__default.forwardRef(
+var Input = React115__default.forwardRef(
   ({
     className,
     inputType,
@@ -1606,7 +1606,7 @@ Input.displayName = "Input";
 
 // components/atoms/Label.tsx
 init_cn();
-var Label = React114__default.forwardRef(
+var Label = React115__default.forwardRef(
   ({ className, required, children, ...props }, ref) => {
     return /* @__PURE__ */ jsxs(
       "label",
@@ -1629,7 +1629,7 @@ Label.displayName = "Label";
 
 // components/atoms/Textarea.tsx
 init_cn();
-var Textarea = React114__default.forwardRef(
+var Textarea = React115__default.forwardRef(
   ({ className, error, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "textarea",
@@ -1655,7 +1655,7 @@ Textarea.displayName = "Textarea";
 
 // components/atoms/Select.tsx
 init_cn();
-var Select = React114__default.forwardRef(
+var Select = React115__default.forwardRef(
   ({ className, options, placeholder, error, ...props }, ref) => {
     return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
       /* @__PURE__ */ jsxs(
@@ -1694,7 +1694,7 @@ Select.displayName = "Select";
 
 // components/atoms/Checkbox.tsx
 init_cn();
-var Checkbox = React114__default.forwardRef(
+var Checkbox = React115__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: [
@@ -1773,7 +1773,7 @@ var shadowStyles2 = {
   md: "shadow",
   lg: "shadow-lg"
 };
-var Card = React114__default.forwardRef(
+var Card = React115__default.forwardRef(
   ({
     className,
     variant = "bordered",
@@ -1809,9 +1809,9 @@ var Card = React114__default.forwardRef(
   }
 );
 Card.displayName = "Card";
-var CardHeader = React114__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
+var CardHeader = React115__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React114__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardTitle = React115__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "h3",
   {
     ref,
@@ -1824,11 +1824,11 @@ var CardTitle = React114__default.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardContent = React114__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
+var CardContent = React115__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
 CardContent.displayName = "CardContent";
 var CardBody = CardContent;
 CardBody.displayName = "CardBody";
-var CardFooter = React114__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardFooter = React115__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -1846,7 +1846,7 @@ var sizeStyles4 = {
   md: "h-6 w-6",
   lg: "h-8 w-8"
 };
-var Spinner = React114__default.forwardRef(
+var Spinner = React115__default.forwardRef(
   ({ className, size = "md", ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "div",
@@ -1876,7 +1876,7 @@ init_cn();
 
 // components/atoms/Radio.tsx
 init_cn();
-var Radio = React114__default.forwardRef(
+var Radio = React115__default.forwardRef(
   ({
     label,
     helperText,
@@ -1983,7 +1983,7 @@ Radio.displayName = "Radio";
 
 // components/atoms/Switch.tsx
 init_cn();
-var Switch = React114.forwardRef(
+var Switch = React115.forwardRef(
   ({
     checked,
     defaultChecked = false,
@@ -1994,10 +1994,10 @@ var Switch = React114.forwardRef(
     name,
     className
   }, ref) => {
-    const [isChecked, setIsChecked] = React114.useState(
+    const [isChecked, setIsChecked] = React115.useState(
       checked !== void 0 ? checked : defaultChecked
     );
-    React114.useEffect(() => {
+    React115.useEffect(() => {
       if (checked !== void 0) {
         setIsChecked(checked);
       }
@@ -2187,7 +2187,7 @@ var sizeStyles5 = {
   md: "w-2.5 h-2.5",
   lg: "w-3 h-3"
 };
-var StatusDot = React114__default.forwardRef(
+var StatusDot = React115__default.forwardRef(
   ({ className, status = "offline", pulse = false, size = "md", label, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "span",
@@ -2237,7 +2237,7 @@ var iconMap2 = {
   down: TrendingDown,
   flat: ArrowRight
 };
-var TrendIndicator = React114__default.forwardRef(
+var TrendIndicator = React115__default.forwardRef(
   ({
     className,
     value,
@@ -2300,7 +2300,7 @@ var thumbSizes = {
   md: "w-4 h-4",
   lg: "w-5 h-5"
 };
-var RangeSlider = React114__default.forwardRef(
+var RangeSlider = React115__default.forwardRef(
   ({
     className,
     min = 0,
@@ -2531,7 +2531,7 @@ var paddingClasses = {
   md: "py-16",
   lg: "py-24"
 };
-var ContentSection = React114__default.forwardRef(
+var ContentSection = React115__default.forwardRef(
   ({ children, background = "default", padding = "lg", id, className }, ref) => {
     return /* @__PURE__ */ jsx(
       Box,
@@ -2573,7 +2573,7 @@ var animatedStyles = {
   "scale-up": { opacity: 1, transform: "scale(1) translateY(0)" },
   "none": {}
 };
-var AnimatedReveal = React114__default.forwardRef(
+var AnimatedReveal = React115__default.forwardRef(
   ({
     trigger = "scroll",
     animation = "fade-up",
@@ -2729,7 +2729,7 @@ function applyMorphAnimation(container, animate, duration, delay, easing) {
     el.style.opacity = animate ? "1" : "0";
   });
 }
-var AnimatedGraphic = React114__default.forwardRef(
+var AnimatedGraphic = React115__default.forwardRef(
   ({
     src,
     svgContent,
@@ -2752,7 +2752,7 @@ var AnimatedGraphic = React114__default.forwardRef(
     const fetchedSvg = useFetchedSvg(svgContent ? void 0 : src);
     const resolvedSvg = svgContent ?? fetchedSvg;
     const prevAnimateRef = useRef(animate);
-    const setRef = React114__default.useCallback(
+    const setRef = React115__default.useCallback(
       (node) => {
         containerRef.current = node;
         if (typeof ref === "function") ref(node);
@@ -3053,7 +3053,7 @@ var ErrorState = ({
   );
 };
 ErrorState.displayName = "ErrorState";
-var ErrorBoundary = class extends React114__default.Component {
+var ErrorBoundary = class extends React115__default.Component {
   constructor(props) {
     super(props);
     __publicField(this, "reset", () => {
@@ -3523,7 +3523,7 @@ lazy(async () => {
     shadowSize: [41, 41]
   });
   L.Marker.prototype.options.icon = defaultIcon;
-  const { useEffect: useEffect62, useRef: useRef63, useCallback: useCallback94, useState: useState85 } = React114__default;
+  const { useEffect: useEffect62, useRef: useRef63, useCallback: useCallback95, useState: useState86 } = React115__default;
   const { Typography: Typography2 } = await Promise.resolve().then(() => (init_Typography(), Typography_exports));
   const { useEventBus: useEventBus2 } = await Promise.resolve().then(() => (init_useEventBus(), useEventBus_exports));
   function MapUpdater({ centerLat, centerLng, zoom }) {
@@ -3567,8 +3567,8 @@ lazy(async () => {
     showAttribution = true
   }) {
     const eventBus = useEventBus2();
-    const [clickedPosition, setClickedPosition] = useState85(null);
-    const handleMapClick = useCallback94((lat, lng) => {
+    const [clickedPosition, setClickedPosition] = useState86(null);
+    const handleMapClick = useCallback95((lat, lng) => {
       if (showClickedPin) {
         setClickedPosition({ lat, lng });
       }
@@ -3577,7 +3577,7 @@ lazy(async () => {
         eventBus.emit(`UI:${mapClickEvent}`, { latitude: lat, longitude: lng });
       }
     }, [onMapClick, mapClickEvent, eventBus, showClickedPin]);
-    const handleMarkerClick = useCallback94((marker) => {
+    const handleMarkerClick = useCallback95((marker) => {
       onMarkerClick?.(marker);
       if (markerClickEvent) {
         eventBus.emit(`UI:${markerClickEvent}`, { ...marker });
@@ -3835,7 +3835,7 @@ exposeOnWindow();
 init_Typography();
 init_cn();
 init_cn();
-var MarkdownContent = React114__default.memo(
+var MarkdownContent = React115__default.memo(
   ({ content, direction, className }) => {
     const { t: _t } = useTranslate();
     const safeContent = typeof content === "string" ? content : String(content ?? "");
@@ -4041,7 +4041,7 @@ function computeFoldRegions(code) {
 }
 var LINE_PROPS_FN = (n) => ({ "data-line": String(n - 1) });
 var HIDDEN_LINE_NUMBERS = { display: "none" };
-var CodeBlock = React114__default.memo(
+var CodeBlock = React115__default.memo(
   ({
     code: rawCode,
     language = "text",
@@ -4242,7 +4242,7 @@ var CodeBlock = React114__default.memo(
       }
     };
     const hasHeader = showLanguageBadge || showCopyButton;
-    return /* @__PURE__ */ jsxs(Box, { className: `relative group ${className || ""}`, children: [
+    return /* @__PURE__ */ jsxs(Box, { className: `relative group ${className || ""}`, style: { display: "flex", flexDirection: "column", height: "100%" }, children: [
       hasHeader && /* @__PURE__ */ jsxs(
         HStack,
         {
@@ -4295,8 +4295,8 @@ var CodeBlock = React114__default.memo(
           {
             style: {
               position: "relative",
-              height: "100%",
-              minHeight: "160px",
+              flex: 1,
+              minHeight: 0,
               maxHeight,
               backgroundColor: "#1e1e1e",
               borderRadius: hasHeader ? "0 0 0.5rem 0.5rem" : "0.5rem",
@@ -4392,6 +4392,8 @@ var CodeBlock = React114__default.memo(
         {
           ref: scrollRef,
           style: {
+            flex: 1,
+            minHeight: 0,
             overflowX: "auto",
             overflowY: "auto",
             WebkitOverflowScrolling: "touch",
@@ -4544,6 +4546,7 @@ init_Typography();
 // components/organisms/DataTable.tsx
 init_cn();
 init_Typography();
+init_Typography();
 
 // components/molecules/FormField.tsx
 init_cn();
@@ -4955,12 +4958,12 @@ init_useEventBus();
 
 // components/organisms/component-registry.generated.ts
 function lazyThree(name, loader) {
-  const Lazy = React114__default.lazy(() => loader().then((m) => ({ default: m[name] })));
+  const Lazy = React115__default.lazy(() => loader().then((m) => ({ default: m[name] })));
   function ThreeWrapper(props) {
-    return React114__default.createElement(
-      React114__default.Suspense,
+    return React115__default.createElement(
+      React115__default.Suspense,
       { fallback: null },
-      React114__default.createElement(Lazy, props)
+      React115__default.createElement(Lazy, props)
     );
   }
   ThreeWrapper.displayName = `Lazy(${name})`;
@@ -4987,7 +4990,7 @@ function SuspenseConfigProvider({
   config,
   children
 }) {
-  return React114__default.createElement(
+  return React115__default.createElement(
     SuspenseConfigContext.Provider,
     { value: config },
     children