@almadar/ui 2.6.0 → 2.7.0

package/dist/{chunk-LEWQP2UP.js → chunk-VJP2HCLY.js}

@@ -1,14 +1,14 @@
 import { useTheme, useUISlots } from './chunk-DKQN5FVU.js';
 import { useTranslate, useInfiniteScroll, useQuerySingleton, useLongPress, useSwipeGesture, useDragReorder, usePullToRefresh } from './chunk-WGJIL4YR.js';
 import { useEventBus } from './chunk-YXZM3WCF.js';
-import { cn, debugGroup, debug, debugGroupEnd, getNestedValue, isDebugEnabled } from './chunk-KKCVDUK7.js';
+import { cn, debugGroup, debug, debugGroupEnd, getNestedValue, isDebugEnabled } from './chunk-RPYMP7ZC.js';
 import { isPortalSlot } from './chunk-K2D5D3WK.js';
 import { __publicField } from './chunk-PKBMQBKP.js';
 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, Minus, Star, FileWarning, Upload, MoreHorizontal, ArrowLeft, Calendar, Tag, Clock, CheckCircle2, DollarSign, FileText, Package } from 'lucide-react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import * as React68 from 'react';
-import React68__default, { useCallback, useState, useRef, useLayoutEffect, useEffect, lazy, createContext, useMemo, useId, useContext, Suspense } from 'react';
+import * as React69 from 'react';
+import React69__default, { useCallback, useState, useRef, useLayoutEffect, useEffect, lazy, createContext, useMemo, useId, useContext, Suspense } from 'react';
 import { evaluate, createMinimalContext } from '@almadar/evaluator';
 import { createPortal } from 'react-dom';
 import ReactMarkdown from 'react-markdown';
@@ -157,7 +157,7 @@ var iconSizeStyles = {
   md: "h-4 w-4",
   lg: "h-5 w-5"
 };
-var Button = React68__default.forwardRef(
+var Button = React69__default.forwardRef(
   ({
     className,
     variant = "primary",
@@ -215,7 +215,7 @@ var Button = React68__default.forwardRef(
   }
 );
 Button.displayName = "Button";
-var Input = React68__default.forwardRef(
+var Input = React69__default.forwardRef(
   ({
     className,
     inputType,
@@ -327,7 +327,7 @@ var Input = React68__default.forwardRef(
   }
 );
 Input.displayName = "Input";
-var Label = React68__default.forwardRef(
+var Label = React69__default.forwardRef(
   ({ className, required, children, ...props }, ref) => {
     return /* @__PURE__ */ jsxs(
       "label",
@@ -347,7 +347,7 @@ var Label = React68__default.forwardRef(
   }
 );
 Label.displayName = "Label";
-var Textarea = React68__default.forwardRef(
+var Textarea = React69__default.forwardRef(
   ({ className, error, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "textarea",
@@ -370,7 +370,7 @@ var Textarea = React68__default.forwardRef(
   }
 );
 Textarea.displayName = "Textarea";
-var Select = React68__default.forwardRef(
+var Select = React69__default.forwardRef(
   ({ className, options, placeholder, error, ...props }, ref) => {
     return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
       /* @__PURE__ */ jsxs(
@@ -406,7 +406,7 @@ var Select = React68__default.forwardRef(
   }
 );
 Select.displayName = "Select";
-var Checkbox = React68__default.forwardRef(
+var Checkbox = React69__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: [
@@ -472,7 +472,7 @@ var shadowStyles = {
   md: "shadow-[var(--shadow-main)]",
   lg: "shadow-[var(--shadow-lg)]"
 };
-var Card = React68__default.forwardRef(
+var Card = React69__default.forwardRef(
   ({
     className,
     variant = "bordered",
@@ -508,9 +508,9 @@ var Card = React68__default.forwardRef(
   }
 );
 Card.displayName = "Card";
-var CardHeader = React68__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
+var CardHeader = React69__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React68__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardTitle = React69__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "h3",
   {
     ref,
@@ -523,11 +523,11 @@ var CardTitle = React68__default.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardContent = React68__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
+var CardContent = React69__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
 CardContent.displayName = "CardContent";
 var CardBody = CardContent;
 CardBody.displayName = "CardBody";
-var CardFooter = React68__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardFooter = React69__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -573,8 +573,8 @@ var sizeStyles2 = {
   md: "px-2.5 py-1 text-sm",
   lg: "px-3 py-1.5 text-base"
 };
-var Badge = React68__default.forwardRef(
-  ({ className, variant = "default", size = "sm", label, icon, children, ...props }, ref) => {
+var Badge = React69__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" ? (() => {
       const I = resolveIcon(icon);
@@ -593,7 +593,7 @@ var Badge = React68__default.forwardRef(
         ...props,
         children: [
           resolvedIcon,
-          children || label
+          children || (amount != null ? `${label ? `${label} ` : ""}${amount}` : label)
         ]
       }
     );
@@ -606,7 +606,7 @@ var sizeStyles3 = {
   md: "h-6 w-6",
   lg: "h-8 w-8"
 };
-var Spinner = React68__default.forwardRef(
+var Spinner = React69__default.forwardRef(
   ({ className, size = "md", ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "div",
@@ -871,7 +871,7 @@ var positionStyles = {
   fixed: "fixed",
   sticky: "sticky"
 };
-var Box = React68__default.forwardRef(
+var Box = React69__default.forwardRef(
   ({
     padding,
     paddingX,
@@ -1216,7 +1216,7 @@ var ProgressBar = ({
   return null;
 };
 ProgressBar.displayName = "ProgressBar";
-var Radio = React68__default.forwardRef(
+var Radio = React69__default.forwardRef(
   ({
     label,
     helperText,
@@ -1320,7 +1320,7 @@ var Radio = React68__default.forwardRef(
   }
 );
 Radio.displayName = "Radio";
-var Switch = React68.forwardRef(
+var Switch = React69.forwardRef(
   ({
     checked,
     defaultChecked = false,
@@ -1331,10 +1331,10 @@ var Switch = React68.forwardRef(
     name,
     className
   }, ref) => {
-    const [isChecked, setIsChecked] = React68.useState(
+    const [isChecked, setIsChecked] = React69.useState(
       checked !== void 0 ? checked : defaultChecked
     );
-    React68.useEffect(() => {
+    React69.useEffect(() => {
       if (checked !== void 0) {
         setIsChecked(checked);
       }
@@ -2007,8 +2007,8 @@ var LawReferenceTooltip = ({
   position = "top",
   className
 }) => {
-  const [isVisible, setIsVisible] = React68__default.useState(false);
-  const timeoutRef = React68__default.useRef(null);
+  const [isVisible, setIsVisible] = React69__default.useState(false);
+  const timeoutRef = React69__default.useRef(null);
   const handleMouseEnter = () => {
     if (timeoutRef.current) clearTimeout(timeoutRef.current);
     timeoutRef.current = setTimeout(() => setIsVisible(true), 200);
@@ -2017,7 +2017,7 @@ var LawReferenceTooltip = ({
     if (timeoutRef.current) clearTimeout(timeoutRef.current);
     setIsVisible(false);
   };
-  React68__default.useEffect(() => {
+  React69__default.useEffect(() => {
     return () => {
       if (timeoutRef.current) clearTimeout(timeoutRef.current);
     };
@@ -2205,7 +2205,7 @@ var sizeStyles5 = {
   md: "w-2.5 h-2.5",
   lg: "w-3 h-3"
 };
-var StatusDot = React68__default.forwardRef(
+var StatusDot = React69__default.forwardRef(
   ({ className, status = "offline", pulse = false, size = "md", label, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "span",
@@ -2252,7 +2252,7 @@ var iconMap = {
   down: TrendingDown,
   flat: ArrowRight
 };
-var TrendIndicator = React68__default.forwardRef(
+var TrendIndicator = React69__default.forwardRef(
   ({
     className,
     value,
@@ -2311,7 +2311,7 @@ var thumbSizes = {
   md: "w-4 h-4",
   lg: "w-5 h-5"
 };
-var RangeSlider = React68__default.forwardRef(
+var RangeSlider = React69__default.forwardRef(
   ({
     className,
     min = 0,
@@ -2326,7 +2326,7 @@ var RangeSlider = React68__default.forwardRef(
     action,
     actionPayload,
     onChange,
-    formatValue: formatValue3,
+    formatValue: formatValue4,
     ...props
   }, ref) => {
     const [isDragging, setIsDragging] = useState(false);
@@ -2335,7 +2335,7 @@ var RangeSlider = React68__default.forwardRef(
     const eventBus = useSafeEventBus();
     const percentage = max !== min ? (value - min) / (max - min) * 100 : 0;
     const bufferedPercentage = buffered !== void 0 ? Math.min(buffered, 100) : void 0;
-    const displayValue = formatValue3 ? formatValue3(value) : String(value);
+    const displayValue = formatValue4 ? formatValue4(value) : String(value);
     const handleChange = useCallback(
       (e) => {
         const newValue = Number(e.target.value);
@@ -2827,9 +2827,9 @@ function ScoreDisplay({
   animated = true,
   locale = "en-US"
 }) {
-  const [displayValue, setDisplayValue] = React68.useState(value);
-  const [isAnimating, setIsAnimating] = React68.useState(false);
-  React68.useEffect(() => {
+  const [displayValue, setDisplayValue] = React69.useState(value);
+  const [isAnimating, setIsAnimating] = React69.useState(false);
+  React69.useEffect(() => {
     if (!animated || displayValue === value) {
       setDisplayValue(value);
       return;
@@ -2902,9 +2902,9 @@ function ControlButton({
   className
 }) {
   const eventBus = useEventBus();
-  const [isPressed, setIsPressed] = React68.useState(false);
+  const [isPressed, setIsPressed] = React69.useState(false);
   const actualPressed = pressed ?? isPressed;
-  const handlePointerDown = React68.useCallback(
+  const handlePointerDown = React69.useCallback(
     (e) => {
       e.preventDefault();
       if (disabled) return;
@@ -2914,7 +2914,7 @@ function ControlButton({
     },
     [disabled, pressEvent, eventBus, onPress]
   );
-  const handlePointerUp = React68.useCallback(
+  const handlePointerUp = React69.useCallback(
     (e) => {
       e.preventDefault();
       if (disabled) return;
@@ -2924,7 +2924,7 @@ function ControlButton({
     },
     [disabled, releaseEvent, eventBus, onRelease]
   );
-  const handlePointerLeave = React68.useCallback(
+  const handlePointerLeave = React69.useCallback(
     (e) => {
       if (isPressed) {
         setIsPressed(false);
@@ -3152,7 +3152,7 @@ var ErrorState = ({
   );
 };
 ErrorState.displayName = "ErrorState";
-var ErrorBoundary = class extends React68__default.Component {
+var ErrorBoundary = class extends React69__default.Component {
   constructor(props) {
     super(props);
     __publicField(this, "reset", () => {
@@ -4774,8 +4774,8 @@ var Menu = ({
     "bottom-start": "top-full left-0 mt-2",
     "bottom-end": "top-full right-0 mt-2"
   };
-  const triggerChild = React68__default.isValidElement(trigger) ? trigger : /* @__PURE__ */ jsx("span", { children: trigger });
-  const triggerElement = React68__default.cloneElement(
+  const triggerChild = React69__default.isValidElement(trigger) ? trigger : /* @__PURE__ */ jsx("span", { children: trigger });
+  const triggerElement = React69__default.cloneElement(
     triggerChild,
     {
       ref: triggerRef,
@@ -5280,8 +5280,8 @@ var Popover = ({
     onMouseEnter: handleOpen,
     onMouseLeave: handleClose
   };
-  const childElement = React68__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
-  const triggerElement = React68__default.cloneElement(
+  const childElement = React69__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
+  const triggerElement = React69__default.cloneElement(
     childElement,
     {
       ref: triggerRef,
@@ -6011,8 +6011,8 @@ var Tooltip = ({
       if (hideTimeoutRef.current) clearTimeout(hideTimeoutRef.current);
     };
   }, []);
-  const triggerElement = React68__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
-  const trigger = React68__default.cloneElement(triggerElement, {
+  const triggerElement = React69__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
+  const trigger = React69__default.cloneElement(triggerElement, {
     ref: triggerRef,
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave,
@@ -6261,7 +6261,7 @@ var WizardProgress = ({
       children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: steps.map((step, index) => {
         const isActive = index === currentStep;
         const isCompleted = index < currentStep;
-        return /* @__PURE__ */ jsxs(React68__default.Fragment, { children: [
+        return /* @__PURE__ */ jsxs(React69__default.Fragment, { children: [
           /* @__PURE__ */ jsx(
             "button",
             {
@@ -6391,7 +6391,7 @@ var WizardNavigation = ({
   );
 };
 WizardNavigation.displayName = "WizardNavigation";
-var MarkdownContent = React68__default.memo(
+var MarkdownContent = React69__default.memo(
   ({ content, direction, className }) => {
     const { t: _t } = useTranslate();
     return /* @__PURE__ */ jsx(
@@ -6492,7 +6492,7 @@ var MarkdownContent = React68__default.memo(
   (prev, next) => prev.content === next.content && prev.className === next.className && prev.direction === next.direction
 );
 MarkdownContent.displayName = "MarkdownContent";
-var CodeBlock = React68__default.memo(
+var CodeBlock = React69__default.memo(
   ({
     code,
     language = "text",
@@ -7540,8 +7540,8 @@ function DPad({
 }) {
   const eventBus = useEventBus();
   const sizes = sizeMap5[size];
-  const [activeDirections, setActiveDirections] = React68.useState(/* @__PURE__ */ new Set());
-  const handlePress = React68.useCallback(
+  const [activeDirections, setActiveDirections] = React69.useState(/* @__PURE__ */ new Set());
+  const handlePress = React69.useCallback(
     (direction) => {
       setActiveDirections((prev) => new Set(prev).add(direction));
       if (directionEvent) eventBus.emit(`UI:${directionEvent}`, { direction, pressed: true });
@@ -7549,7 +7549,7 @@ function DPad({
     },
     [directionEvent, eventBus, onDirection]
   );
-  const handleRelease = React68.useCallback(
+  const handleRelease = React69.useCallback(
     (direction) => {
       setActiveDirections((prev) => {
         const next = new Set(prev);
@@ -7607,8 +7607,8 @@ function ActionButtons({
   disabled
 }) {
   const eventBus = useEventBus();
-  const [activeButtons, setActiveButtons] = React68.useState(/* @__PURE__ */ new Set());
-  const handlePress = React68.useCallback(
+  const [activeButtons, setActiveButtons] = React69.useState(/* @__PURE__ */ new Set());
+  const handlePress = React69.useCallback(
     (id) => {
       setActiveButtons((prev) => new Set(prev).add(id));
       if (actionEvent) eventBus.emit(`UI:${actionEvent}`, { id, pressed: true });
@@ -7616,7 +7616,7 @@ function ActionButtons({
     },
     [actionEvent, eventBus, onAction]
   );
-  const handleRelease = React68.useCallback(
+  const handleRelease = React69.useCallback(
     (id) => {
       setActiveButtons((prev) => {
         const next = new Set(prev);
@@ -8919,13 +8919,18 @@ var DataGrid = ({
   selectionEvent,
   infiniteScroll,
   loadMoreEvent,
-  hasMore
+  hasMore,
+  children,
+  pageSize = 0
 }) => {
   const eventBus = useEventBus();
   const { t } = useTranslate();
   const [selectedIds, setSelectedIds] = useState(/* @__PURE__ */ new Set());
+  const [visibleCount, setVisibleCount] = useState(pageSize || Infinity);
   const fields = fieldsProp ?? columnsProp ?? [];
-  const data = Array.isArray(entity) ? entity : entity ? [entity] : [];
+  const allData = Array.isArray(entity) ? entity : entity ? [entity] : [];
+  const data = pageSize > 0 ? allData.slice(0, visibleCount) : allData;
+  const hasMoreLocal = pageSize > 0 && visibleCount < allData.length;
   const toggleSelection = useCallback((id) => {
     setSelectedIds((prev) => {
       const next = new Set(prev);
@@ -8955,7 +8960,7 @@ var DataGrid = ({
   const dangerActions = itemActions?.filter((a) => a.variant === "danger") ?? [];
   const handleActionClick = (action, itemData) => (e) => {
     e.stopPropagation();
-    eventBus.emit(`UI:${action.event}`, { row: itemData });
+    eventBus.emit(`UI:${action.event}`, { id: itemData.id, row: itemData });
   };
   const gridTemplateColumns = cols ? void 0 : `repeat(auto-fit, minmax(min(${minCardWidth}px, 100%), 1fr))`;
   const colsClass = cols ? {
@@ -8975,6 +8980,7 @@ var DataGrid = ({
   if (data.length === 0) {
     return /* @__PURE__ */ jsx(Box, { className: "text-center py-12", children: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "secondary", children: t("empty.noItems") || "No items found" }) });
   }
+  const hasRenderProp = typeof children === "function";
   const allIds = data.map((item, i) => item.id || String(i));
   const allSelected = allIds.length > 0 && allIds.every((id) => selectedIds.has(id));
   const someSelected = selectedIds.size > 0;
@@ -9004,8 +9010,26 @@ var DataGrid = ({
         children: data.map((item, index) => {
           const itemData = item;
           const id = itemData.id || String(index);
-          const titleValue = getNestedValue(itemData, titleField?.name ?? "");
           const isSelected = selectedIds.has(id);
+          if (hasRenderProp) {
+            return /* @__PURE__ */ jsx(
+              Box,
+              {
+                "data-entity-row": true,
+                className: cn(
+                  "bg-[var(--color-card)] rounded-[var(--radius-lg)]",
+                  "border border-[var(--color-border)]",
+                  "shadow-[var(--shadow-sm)] hover:shadow-[var(--shadow-hover)]",
+                  "hover:border-[var(--color-primary)] transition-all",
+                  "p-4",
+                  isSelected && "ring-2 ring-[var(--color-primary)] border-[var(--color-primary)]"
+                ),
+                children: children(itemData, index)
+              },
+              id
+            );
+          }
+          const titleValue = getNestedValue(itemData, titleField?.name ?? "");
           return /* @__PURE__ */ jsxs(
             Box,
             {
@@ -9129,6 +9153,21 @@ var DataGrid = ({
         })
       }
     ),
+    hasMoreLocal && /* @__PURE__ */ jsx(Box, { className: "flex justify-center py-3", children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "ghost",
+        size: "sm",
+        onClick: () => setVisibleCount((prev) => prev + (pageSize || 5)),
+        children: [
+          /* @__PURE__ */ jsx(Icon, { name: "chevron-down", size: "xs", className: "mr-1" }),
+          t("common.showMore") || "Show More",
+          " (",
+          allData.length - visibleCount,
+          " remaining)"
+        ]
+      }
+    ) }),
     infiniteScroll && loadMoreEvent && /* @__PURE__ */ jsx(
       InfiniteScrollSentinel,
       {
@@ -9209,12 +9248,17 @@ var DataList = ({
   longPressEvent: _longPressEvent,
   infiniteScroll,
   loadMoreEvent,
-  hasMore
+  hasMore,
+  children,
+  pageSize = 5
 }) => {
   const eventBus = useEventBus();
   const { t } = useTranslate();
+  const [visibleCount, setVisibleCount] = React69__default.useState(pageSize || Infinity);
   const fields = fieldsProp ?? columnsProp ?? [];
-  const data = Array.isArray(entity) ? entity : entity ? [entity] : [];
+  const allData = Array.isArray(entity) ? entity : entity ? [entity] : [];
+  const data = pageSize > 0 ? allData.slice(0, visibleCount) : allData;
+  const hasMoreLocal = pageSize > 0 && visibleCount < allData.length;
   const titleField = fields.find((f) => f.variant === "h3" || f.variant === "h4") ?? fields[0];
   const badgeFields = fields.filter((f) => f.variant === "badge" && f !== titleField);
   const progressFields = fields.filter((f) => f.variant === "progress");
@@ -9223,7 +9267,7 @@ var DataList = ({
   );
   const handleActionClick = (action, itemData) => (e) => {
     e.stopPropagation();
-    eventBus.emit(`UI:${action.event}`, { row: itemData });
+    eventBus.emit(`UI:${action.event}`, { id: itemData.id, row: itemData });
   };
   if (isLoading) {
     return /* @__PURE__ */ jsx(Box, { className: "text-center py-8", children: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "secondary", children: t("loading.items") || "Loading..." }) });
@@ -9247,7 +9291,7 @@ var DataList = ({
     const items2 = data.map((item) => item);
     const groups2 = groupBy ? groupData(items2, groupBy) : [{ label: "", items: items2 }];
     const contentField = titleField?.name ?? fields[0]?.name ?? "";
-    return /* @__PURE__ */ jsx(VStack, { gap: "sm", className: cn("py-2", className), children: groups2.map((group, gi) => /* @__PURE__ */ jsxs(React68__default.Fragment, { children: [
+    return /* @__PURE__ */ jsx(VStack, { gap: "sm", className: cn("py-2", className), children: groups2.map((group, gi) => /* @__PURE__ */ jsxs(React69__default.Fragment, { children: [
       group.label && /* @__PURE__ */ jsx(Divider, { label: group.label, className: "my-2" }),
       group.items.map((itemData, index) => {
         const id = itemData.id || `${gi}-${index}`;
@@ -9293,9 +9337,57 @@ var DataList = ({
       })
     ] }, gi)) });
   }
+  const hasRenderProp = typeof children === "function";
   const items = data.map((item) => item);
   const groups = groupBy ? groupData(items, groupBy) : [{ label: "", items }];
   const renderItem = (itemData, index, isLast) => {
+    if (hasRenderProp) {
+      const id2 = itemData.id || String(index);
+      return /* @__PURE__ */ jsxs(Box, { "data-entity-row": true, children: [
+        /* @__PURE__ */ jsxs(
+          Box,
+          {
+            className: cn(
+              "group flex items-center gap-4 transition-all duration-200",
+              isCompact ? "px-4 py-2" : "px-6 py-4",
+              "hover:bg-[var(--color-muted)]/80",
+              !isCard && !isCompact && "rounded-[var(--radius-lg)] border border-transparent hover:border-[var(--color-border)]"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(Box, { className: "flex-1 min-w-0", children: children(itemData, index) }),
+              itemActions && itemActions.length > 0 && /* @__PURE__ */ jsx(
+                HStack,
+                {
+                  gap: "xs",
+                  className: cn(
+                    "flex-shrink-0 transition-opacity duration-200",
+                    "opacity-0 group-hover:opacity-100"
+                  ),
+                  children: itemActions.map((action, idx) => /* @__PURE__ */ jsxs(
+                    Button,
+                    {
+                      variant: action.variant ?? "ghost",
+                      size: "sm",
+                      onClick: handleActionClick(action, itemData),
+                      "data-testid": `action-${action.event}`,
+                      className: cn(
+                        action.variant === "danger" && "text-[var(--color-error)] hover:bg-[var(--color-error)]/10"
+                      ),
+                      children: [
+                        action.icon && /* @__PURE__ */ jsx(Icon, { name: action.icon, size: "xs", className: "mr-1" }),
+                        action.label
+                      ]
+                    },
+                    idx
+                  ))
+                }
+              )
+            ]
+          }
+        ),
+        isCard && !isLast && /* @__PURE__ */ jsx(Box, { className: "mx-6 border-b border-[var(--color-border)]/40" })
+      ] }, id2);
+    }
     const id = itemData.id || String(index);
     const titleValue = getNestedValue(itemData, titleField?.name ?? "");
     return /* @__PURE__ */ jsxs(Box, { "data-entity-row": true, children: [
@@ -9402,12 +9494,27 @@ var DataList = ({
         className
       ),
       children: [
-        groups.map((group, gi) => /* @__PURE__ */ jsxs(React68__default.Fragment, { children: [
+        groups.map((group, gi) => /* @__PURE__ */ jsxs(React69__default.Fragment, { children: [
           group.label && /* @__PURE__ */ jsx(Divider, { label: group.label, className: gi > 0 ? "mt-4" : "mt-0" }),
           group.items.map(
             (itemData, index) => renderItem(itemData, index, gi === groups.length - 1 && index === group.items.length - 1)
           )
         ] }, gi)),
+        hasMoreLocal && /* @__PURE__ */ jsx(Box, { className: "flex justify-center py-3", children: /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "ghost",
+            size: "sm",
+            onClick: () => setVisibleCount((prev) => prev + (pageSize || 5)),
+            children: [
+              /* @__PURE__ */ jsx(Icon, { name: "chevron-down", size: "xs", className: "mr-1" }),
+              t("common.showMore") || "Show More",
+              " (",
+              allData.length - visibleCount,
+              " remaining)"
+            ]
+          }
+        ) }),
         infiniteScroll && loadMoreEvent && /* @__PURE__ */ jsx(
           InfiniteScrollSentinel,
           {
@@ -9421,6 +9528,282 @@ var DataList = ({
   );
 };
 DataList.displayName = "DataList";
+function formatValue3(value, format, max) {
+  if (value == null) return "0";
+  const v = typeof value === "number" ? value : value;
+  let formatted;
+  switch (format) {
+    case "currency":
+      formatted = typeof v === "number" ? `$${v.toFixed(2)}` : String(v);
+      break;
+    case "percent":
+      formatted = typeof v === "number" ? `${Math.round(v)}%` : String(v);
+      break;
+    case "number":
+      formatted = typeof v === "number" ? v.toLocaleString() : String(v);
+      break;
+    default:
+      formatted = String(v);
+  }
+  if (max != null) return `${formatted} / ${max}`;
+  return formatted;
+}
+var variantColor = {
+  default: "text-[var(--color-foreground)]",
+  primary: "text-[var(--color-primary)]",
+  success: "text-[var(--color-success)]",
+  warning: "text-[var(--color-warning)]",
+  error: "text-[var(--color-error)]",
+  info: "text-[var(--color-info)]"
+};
+var StatDisplay = ({
+  label,
+  value,
+  max,
+  icon: iconProp,
+  iconBg = "bg-[var(--color-muted)]",
+  iconColor = "text-[var(--color-foreground)]",
+  format,
+  size = "md",
+  variant = "default",
+  compact = false,
+  className,
+  isLoading = false,
+  error = null
+}) => {
+  const ResolvedIcon = typeof iconProp === "string" ? resolveIcon(iconProp) : null;
+  const iconSizes2 = { sm: "h-4 w-4", md: "h-5 w-5", lg: "h-6 w-6" };
+  const valueSizes = { sm: "text-lg", md: "text-2xl", lg: "text-3xl" };
+  const padSizes = { sm: "p-3", md: "p-4", lg: "p-6" };
+  const displayValue = formatValue3(value, format, max);
+  if (error) {
+    return /* @__PURE__ */ jsx(Card, { className: cn(padSizes[size], className), children: /* @__PURE__ */ jsx(Typography, { variant: "small", color: "error", children: error.message }) });
+  }
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(Card, { className: cn(padSizes[size], className), children: /* @__PURE__ */ jsxs(VStack, { gap: "sm", className: "animate-pulse", children: [
+      /* @__PURE__ */ jsx(Box, { className: "h-3 bg-[var(--color-muted)] rounded w-16" }),
+      /* @__PURE__ */ jsx(Box, { className: "h-6 bg-[var(--color-muted)] rounded w-12" })
+    ] }) });
+  }
+  if (compact) {
+    return /* @__PURE__ */ jsxs(HStack, { gap: "sm", className: cn("items-center", className), children: [
+      ResolvedIcon && /* @__PURE__ */ jsx(ResolvedIcon, { className: cn(iconSizes2[size], iconColor) }),
+      typeof iconProp !== "string" && iconProp,
+      /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", children: label }),
+      /* @__PURE__ */ jsx(Typography, { variant: "h4", className: cn("font-bold", valueSizes[size], variantColor[variant]), children: displayValue })
+    ] });
+  }
+  return /* @__PURE__ */ jsx(Card, { className: cn(padSizes[size], className), children: /* @__PURE__ */ jsxs(HStack, { align: "start", justify: "between", children: [
+    /* @__PURE__ */ jsxs(VStack, { gap: "none", className: "space-y-1", children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "overline", color: "secondary", children: label }),
+      /* @__PURE__ */ jsx(Typography, { variant: "h4", className: cn("font-bold", valueSizes[size], variantColor[variant]), children: displayValue })
+    ] }),
+    (ResolvedIcon || typeof iconProp !== "string" && iconProp) && /* @__PURE__ */ jsx(Box, { className: cn("p-3 rounded-[var(--radius-md)]", iconBg), children: ResolvedIcon ? /* @__PURE__ */ jsx(ResolvedIcon, { className: cn(iconSizes2[size], iconColor) }) : iconProp })
+  ] }) });
+};
+StatDisplay.displayName = "StatDisplay";
+var DEFAULT_THRESHOLDS = [
+  { value: 30, color: "var(--color-error)" },
+  { value: 70, color: "var(--color-warning)" },
+  { value: 100, color: "var(--color-success)" }
+];
+function getColorForValue(value, max, thresholds) {
+  const percentage = value / max * 100;
+  for (const threshold of thresholds) {
+    if (percentage <= threshold.value) {
+      return threshold.color;
+    }
+  }
+  return thresholds[thresholds.length - 1]?.color ?? "var(--color-primary)";
+}
+var radialSizes = {
+  sm: { size: 80, stroke: 6, fontSize: "12px" },
+  md: { size: 120, stroke: 8, fontSize: "16px" },
+  lg: { size: 160, stroke: 10, fontSize: "20px" }
+};
+var Meter = ({
+  value,
+  min = 0,
+  max = 100,
+  label,
+  unit,
+  variant = "linear",
+  thresholds = DEFAULT_THRESHOLDS,
+  segments = 5,
+  showValue = true,
+  size = "md",
+  actions,
+  isLoading = false,
+  error,
+  className
+}) => {
+  const eventBus = useEventBus();
+  const handleAction = useCallback(
+    (action) => {
+      if (action.event) {
+        eventBus.emit(`UI:${action.event}`, { value });
+      }
+    },
+    [eventBus, value]
+  );
+  const percentage = useMemo(() => {
+    const range = max - min;
+    if (range <= 0) return 0;
+    return Math.min(Math.max((value - min) / range * 100, 0), 100);
+  }, [value, min, max]);
+  const activeColor = useMemo(
+    () => getColorForValue(value, max, thresholds),
+    [value, max, thresholds]
+  );
+  const displayValue = useMemo(() => {
+    const formatted = Number.isInteger(value) ? value : value.toFixed(1);
+    return unit ? `${formatted}${unit}` : `${formatted}`;
+  }, [value, unit]);
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(LoadingState, { message: "Loading meter...", className });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx(
+      ErrorState,
+      {
+        title: "Meter error",
+        message: error.message,
+        className
+      }
+    );
+  }
+  if (variant === "radial") {
+    const dims = radialSizes[size];
+    const radius = (dims.size - dims.stroke * 2) / 2;
+    const circumference = 2 * Math.PI * radius;
+    const offset = circumference - percentage / 100 * circumference;
+    const center = dims.size / 2;
+    return /* @__PURE__ */ jsx(Card, { className: cn("p-4", className), children: /* @__PURE__ */ jsxs(VStack, { gap: "sm", align: "center", children: [
+      label && /* @__PURE__ */ jsx(Typography, { variant: "small", color: "secondary", weight: "medium", children: label }),
+      /* @__PURE__ */ jsxs(Box, { className: "relative inline-flex items-center justify-center", children: [
+        /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            width: dims.size,
+            height: dims.size,
+            viewBox: `0 0 ${dims.size} ${dims.size}`,
+            className: "transform -rotate-90",
+            children: [
+              /* @__PURE__ */ jsx(
+                "circle",
+                {
+                  cx: center,
+                  cy: center,
+                  r: radius,
+                  fill: "none",
+                  stroke: "var(--color-muted)",
+                  strokeWidth: dims.stroke
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "circle",
+                {
+                  cx: center,
+                  cy: center,
+                  r: radius,
+                  fill: "none",
+                  stroke: activeColor,
+                  strokeWidth: dims.stroke,
+                  strokeDasharray: circumference,
+                  strokeDashoffset: offset,
+                  strokeLinecap: "round",
+                  className: "transition-all duration-500 ease-out"
+                }
+              )
+            ]
+          }
+        ),
+        showValue && /* @__PURE__ */ jsx(Box, { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx(
+          Typography,
+          {
+            variant: "h5",
+            weight: "bold",
+            className: "tabular-nums",
+            style: { fontSize: dims.fontSize },
+            children: displayValue
+          }
+        ) })
+      ] }),
+      actions && actions.length > 0 && /* @__PURE__ */ jsx(HStack, { gap: "xs", children: actions.map((action, idx) => /* @__PURE__ */ jsx(
+        Badge,
+        {
+          variant: "default",
+          className: "cursor-pointer hover:opacity-80 transition-opacity",
+          onClick: () => handleAction(action),
+          children: action.label
+        },
+        idx
+      )) })
+    ] }) });
+  }
+  if (variant === "segmented") {
+    const activeSegments = Math.round(percentage / 100 * segments);
+    return /* @__PURE__ */ jsx(Card, { className: cn("p-4", className), children: /* @__PURE__ */ jsxs(VStack, { gap: "sm", children: [
+      (label || showValue) && /* @__PURE__ */ jsxs(HStack, { justify: "between", align: "center", children: [
+        label && /* @__PURE__ */ jsx(Typography, { variant: "small", color: "secondary", weight: "medium", children: label }),
+        showValue && /* @__PURE__ */ jsx(Typography, { variant: "small", weight: "bold", className: "tabular-nums", children: displayValue })
+      ] }),
+      /* @__PURE__ */ jsx(HStack, { gap: "xs", className: "w-full", children: Array.from({ length: segments }).map((_, idx) => {
+        const isActive = idx < activeSegments;
+        const segColor = isActive ? getColorForValue((idx + 1) / segments * max, max, thresholds) : void 0;
+        return /* @__PURE__ */ jsx(
+          Box,
+          {
+            className: cn(
+              "h-2 flex-1 rounded-[var(--radius-sm)] transition-all duration-300",
+              !isActive && "bg-[var(--color-muted)]"
+            ),
+            style: isActive ? { backgroundColor: segColor } : void 0
+          },
+          idx
+        );
+      }) }),
+      thresholds.some((t) => t.label) && /* @__PURE__ */ jsx(HStack, { justify: "between", className: "w-full", children: thresholds.map((t, idx) => /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", children: t.label || "" }, idx)) })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx(Card, { className: cn("p-4", className), children: /* @__PURE__ */ jsxs(VStack, { gap: "sm", children: [
+    (label || showValue) && /* @__PURE__ */ jsxs(HStack, { justify: "between", align: "center", children: [
+      label && /* @__PURE__ */ jsx(Typography, { variant: "small", color: "secondary", weight: "medium", children: label }),
+      showValue && /* @__PURE__ */ jsx(Typography, { variant: "small", weight: "bold", className: "tabular-nums", children: displayValue })
+    ] }),
+    /* @__PURE__ */ jsx(Box, { className: "w-full h-3 bg-[var(--color-muted)] rounded-[var(--radius-full)] overflow-hidden", children: /* @__PURE__ */ jsx(
+      Box,
+      {
+        className: "h-full rounded-[var(--radius-full)] transition-all duration-500 ease-out",
+        style: {
+          width: `${percentage}%`,
+          backgroundColor: activeColor
+        }
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(HStack, { justify: "between", className: "w-full", children: [
+      /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "secondary", children: [
+        min,
+        unit ? ` ${unit}` : ""
+      ] }),
+      /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "secondary", children: [
+        max,
+        unit ? ` ${unit}` : ""
+      ] })
+    ] }),
+    actions && actions.length > 0 && /* @__PURE__ */ jsx(HStack, { gap: "xs", children: actions.map((action, idx) => /* @__PURE__ */ jsx(
+      Badge,
+      {
+        variant: "default",
+        className: "cursor-pointer hover:opacity-80 transition-opacity",
+        onClick: () => handleAction(action),
+        children: action.label
+      },
+      idx
+    )) })
+  ] }) });
+};
+Meter.displayName = "Meter";
 function useSafeEventBus8() {
   try {
     return useEventBus();
@@ -10455,7 +10838,7 @@ var StatCard = ({
   const labelToUse = propLabel ?? propTitle;
   const eventBus = useEventBus();
   const { t } = useTranslate();
-  const handleActionClick = React68__default.useCallback(() => {
+  const handleActionClick = React69__default.useCallback(() => {
     if (action?.event) {
       eventBus.emit(`UI:${action.event}`, {});
     }
@@ -10466,7 +10849,7 @@ var StatCard = ({
   const data = Array.isArray(entity) ? entity : entity ? [entity] : [];
   const isLoading = externalLoading ?? false;
   const error = externalError;
-  const computeMetricValue = React68__default.useCallback(
+  const computeMetricValue = React69__default.useCallback(
     (metric, items) => {
       if (metric.value !== void 0) {
         return metric.value;
@@ -10505,7 +10888,7 @@ var StatCard = ({
     },
     []
   );
-  const schemaStats = React68__default.useMemo(() => {
+  const schemaStats = React69__default.useMemo(() => {
     if (!metrics || metrics.length === 0) return null;
     return metrics.map((metric) => ({
       label: metric.label,
@@ -10513,7 +10896,7 @@ var StatCard = ({
       format: metric.format
     }));
   }, [metrics, data, computeMetricValue]);
-  const calculatedTrend = React68__default.useMemo(() => {
+  const calculatedTrend = React69__default.useMemo(() => {
     if (manualTrend !== void 0) return manualTrend;
     if (previousValue === void 0 || currentValue === void 0)
       return void 0;
@@ -10677,7 +11060,7 @@ var PageHeader = ({
     info: "bg-[var(--color-info)]/10 text-[var(--color-info)]"
   };
   return /* @__PURE__ */ jsxs(Box, { className: cn("mb-6", className), children: [
-    breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ jsx(Box, { as: "nav", className: "mb-4", children: /* @__PURE__ */ jsx(Box, { as: "ol", className: "flex items-center gap-2 text-sm", children: breadcrumbs.map((crumb, idx) => /* @__PURE__ */ jsxs(React68__default.Fragment, { children: [
+    breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ jsx(Box, { as: "nav", className: "mb-4", children: /* @__PURE__ */ jsx(Box, { as: "ol", className: "flex items-center gap-2 text-sm", children: breadcrumbs.map((crumb, idx) => /* @__PURE__ */ jsxs(React69__default.Fragment, { children: [
       idx > 0 && /* @__PURE__ */ jsx(Typography, { variant: "small", color: "muted", children: "/" }),
       crumb.href ? /* @__PURE__ */ jsx(
         "a",
@@ -10913,7 +11296,7 @@ var DetailPanel = ({
         return;
       }
       if (action.event) {
-        eventBus.emit(`UI:${action.event}`, { row: data2 });
+        eventBus.emit(`UI:${action.event}`, { id: data2?.id, row: data2 });
       }
       if (action.onClick) {
         action.onClick();
@@ -11310,7 +11693,7 @@ var Form = ({
   const normalizedInitialData = initialData ?? {};
   const resolvedEntity = entity && typeof entity === "object" && !Array.isArray(entity) ? entity : void 0;
   const entityName = typeof entity === "string" ? entity : resolvedEntity?.name;
-  const entityDerivedFields = React68__default.useMemo(() => {
+  const entityDerivedFields = React69__default.useMemo(() => {
     if (fields && fields.length > 0) return void 0;
     if (!resolvedEntity) return void 0;
     return resolvedEntity.fields.map(
@@ -11329,14 +11712,14 @@ var Form = ({
   const conditionalFields = typeof conditionalFieldsRaw === "boolean" ? {} : conditionalFieldsRaw;
   const hiddenCalculations = typeof hiddenCalculationsRaw === "boolean" ? [] : hiddenCalculationsRaw;
   const violationTriggers = typeof violationTriggersRaw === "boolean" ? [] : violationTriggersRaw;
-  const [formData, setFormData] = React68__default.useState(
+  const [formData, setFormData] = React69__default.useState(
     normalizedInitialData
   );
-  const [collapsedSections, setCollapsedSections] = React68__default.useState(
+  const [collapsedSections, setCollapsedSections] = React69__default.useState(
     /* @__PURE__ */ new Set()
   );
   const shouldShowCancel = showCancel ?? (fields && fields.length > 0);
-  const evalContext = React68__default.useMemo(
+  const evalContext = React69__default.useMemo(
     () => ({
       formValues: formData,
       globalVariables: externalContext?.globalVariables ?? {},
@@ -11345,13 +11728,13 @@ var Form = ({
     }),
     [formData, externalContext]
   );
-  React68__default.useEffect(() => {
+  React69__default.useEffect(() => {
     const data = initialData;
     if (data && Object.keys(data).length > 0) {
       setFormData(data);
     }
   }, [initialData]);
-  const processCalculations = React68__default.useCallback(
+  const processCalculations = React69__default.useCallback(
     (changedFieldId, newFormData) => {
       if (!hiddenCalculations.length) return;
       const context = {
@@ -11376,7 +11759,7 @@ var Form = ({
     },
     [hiddenCalculations, externalContext, eventBus]
   );
-  const checkViolations = React68__default.useCallback(
+  const checkViolations = React69__default.useCallback(
     (changedFieldId, newFormData) => {
       if (!violationTriggers.length) return;
       const context = {
@@ -11413,7 +11796,7 @@ var Form = ({
     processCalculations(name, newFormData);
     checkViolations(name, newFormData);
   };
-  const isFieldVisible = React68__default.useCallback(
+  const isFieldVisible = React69__default.useCallback(
     (fieldName) => {
       const condition = conditionalFields[fieldName];
       if (!condition) return true;
@@ -11421,7 +11804,7 @@ var Form = ({
     },
     [conditionalFields, evalContext]
   );
-  const isSectionVisible = React68__default.useCallback(
+  const isSectionVisible = React69__default.useCallback(
     (section) => {
       if (!section.condition) return true;
       return Boolean(evaluateFormExpression(section.condition, evalContext));
@@ -11453,7 +11836,7 @@ var Form = ({
       eventBus.emit(`UI:${onCancel}`);
     }
   };
-  const renderField = React68__default.useCallback(
+  const renderField = React69__default.useCallback(
     (field) => {
       const fieldName = field.name || field.field;
       if (!fieldName) return null;
@@ -11474,7 +11857,7 @@ var Form = ({
     [formData, isFieldVisible, relationsData, relationsLoading, isLoading]
   );
   const effectiveFields = entityDerivedFields ?? fields;
-  const normalizedFields = React68__default.useMemo(() => {
+  const normalizedFields = React69__default.useMemo(() => {
     if (!effectiveFields || effectiveFields.length === 0) return [];
     return effectiveFields.map((field) => {
       if (typeof field === "string") {
@@ -11483,7 +11866,7 @@ var Form = ({
       return field;
     });
   }, [effectiveFields]);
-  const schemaFields = React68__default.useMemo(() => {
+  const schemaFields = React69__default.useMemo(() => {
     if (normalizedFields.length === 0) return null;
     if (isDebugEnabled()) {
       debugGroup(`Form: ${entityName || "unknown"}`);
@@ -11493,7 +11876,7 @@ var Form = ({
     }
     return normalizedFields.map(renderField).filter(Boolean);
   }, [normalizedFields, renderField, entityName, conditionalFields]);
-  const sectionElements = React68__default.useMemo(() => {
+  const sectionElements = React69__default.useMemo(() => {
     if (!sections || sections.length === 0) return null;
     return sections.map((section) => {
       if (!isSectionVisible(section)) {
@@ -11832,7 +12215,7 @@ var CardGrid = ({
       return;
     }
     if (action.event) {
-      eventBus.emit(`UI:${action.event}`, { row: itemData });
+      eventBus.emit(`UI:${action.event}`, { id: itemData.id, row: itemData });
     }
     if (action.onClick) {
       action.onClick(itemData);
@@ -12344,7 +12727,7 @@ function InputPattern({
   className
 }) {
   const { emit } = useEventBus();
-  const [localValue, setLocalValue] = React68__default.useState(value);
+  const [localValue, setLocalValue] = React69__default.useState(value);
   const handleChange = (e) => {
     setLocalValue(e.target.value);
     if (onChange) {
@@ -12381,7 +12764,7 @@ function TextareaPattern({
   className
 }) {
   const { emit } = useEventBus();
-  const [localValue, setLocalValue] = React68__default.useState(value);
+  const [localValue, setLocalValue] = React69__default.useState(value);
   const handleChange = (e) => {
     setLocalValue(e.target.value);
     if (onChange) {
@@ -12412,7 +12795,7 @@ function SelectPattern({
   className
 }) {
   const { emit } = useEventBus();
-  const [localValue, setLocalValue] = React68__default.useState(value);
+  const [localValue, setLocalValue] = React69__default.useState(value);
   const handleChange = (e) => {
     setLocalValue(e.target.value);
     if (onChange) {
@@ -12441,7 +12824,7 @@ function CheckboxPattern({
   className
 }) {
   const { emit } = useEventBus();
-  const [localChecked, setLocalChecked] = React68__default.useState(checked);
+  const [localChecked, setLocalChecked] = React69__default.useState(checked);
   const handleChange = (e) => {
     setLocalChecked(e.target.checked);
     if (onChange) {
@@ -12871,7 +13254,7 @@ function SuspenseConfigProvider({
   config,
   children
 }) {
-  return React68__default.createElement(
+  return React69__default.createElement(
     SuspenseConfigContext.Provider,
     { value: config },
     children
@@ -13124,7 +13507,7 @@ function CompiledPortal({ slot, className, pattern, sourceTrait, children }) {
   let wrapper;
   switch (slot) {
     case "modal":
-      wrapper = /* @__PURE__ */ jsx(Modal, { isOpen: true, onClose: handleDismiss, showCloseButton: true, children: /* @__PURE__ */ jsx(
+      wrapper = /* @__PURE__ */ jsx(Modal, { isOpen: true, onClose: handleDismiss, showCloseButton: true, size: "lg", children: /* @__PURE__ */ jsx(
         Box,
         {
           className: cn("ui-slot", `ui-slot-${slot}`, className),
@@ -13356,4 +13739,4 @@ function UISlotRenderer({
 }
 UISlotRenderer.displayName = "UISlotRenderer";
 
-export { Accordion, ActionButtons, Alert, AnimatedCounter, Avatar, Badge, Box, Breadcrumb, Button, ButtonGroup, CalendarGrid, Card, Card2, CardBody, CardContent, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, Center, ChartLegend, Checkbox, CodeBlock, ConditionalWrapper, ConfettiEffect, Container, ControlButton, DPad, DataGrid, DataList, DataTable, DateRangeSelector, DayCell, DetailPanel, Divider, Drawer, EmptyState, EntityDisplayEvents, ErrorBoundary, ErrorState, FilterGroup, Flex, FlipCard, FlipContainer, FloatingActionButton, Form, FormField, FormSectionHeader, GraphView, Grid, HStack, Heading, HealthBar, Icon, InfiniteScrollSentinel, Input, InputGroup, Label, LawReferenceTooltip, Lightbox, LineChart, LoadingState, MapView, MarkdownContent, MasterDetail, Menu, Modal, NumberStepper, Overlay, PageHeader, Pagination, Popover, ProgressBar, ProgressDots, PullToRefresh, QuizBlock, Radio, RangeSlider, RelationSelect, RepeatableFormSection, ScaledDiagram, ScoreDisplay, SearchInput, Select, SidePanel, SimpleGrid, Skeleton, SlotContentRenderer, SortableList, Spacer, Spinner, Sprite, Stack, StarRating, StatBadge, StatCard, StateIndicator, StatusDot, SuspenseConfigProvider, SwipeableRow, Switch, Tabs, Text, TextHighlight, Textarea, ThemeSelector, ThemeToggle, TimeSlotCell, Toast, Tooltip, TrendIndicator, TypewriterText, Typography, UISlotComponent, UISlotRenderer, UploadDropZone, VStack, ViolationAlert, WizardNavigation, WizardProgress, drawSprite };
+export { Accordion, ActionButtons, Alert, AnimatedCounter, Avatar, Badge, Box, Breadcrumb, Button, ButtonGroup, CalendarGrid, Card, Card2, CardBody, CardContent, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, Center, ChartLegend, Checkbox, CodeBlock, ConditionalWrapper, ConfettiEffect, Container, ControlButton, DPad, DataGrid, DataList, DataTable, DateRangeSelector, DayCell, DetailPanel, Divider, Drawer, EmptyState, EntityDisplayEvents, ErrorBoundary, ErrorState, FilterGroup, Flex, FlipCard, FlipContainer, FloatingActionButton, Form, FormField, FormSectionHeader, GraphView, Grid, HStack, Heading, HealthBar, Icon, InfiniteScrollSentinel, Input, InputGroup, Label, LawReferenceTooltip, Lightbox, LineChart, LoadingState, MapView, MarkdownContent, MasterDetail, Menu, Meter, Modal, NumberStepper, Overlay, PageHeader, Pagination, Popover, ProgressBar, ProgressDots, PullToRefresh, QuizBlock, Radio, RangeSlider, RelationSelect, RepeatableFormSection, ScaledDiagram, ScoreDisplay, SearchInput, Select, SidePanel, SimpleGrid, Skeleton, SlotContentRenderer, SortableList, Spacer, Spinner, Sprite, Stack, StarRating, StatBadge, StatCard, StatDisplay, StateIndicator, StatusDot, SuspenseConfigProvider, SwipeableRow, Switch, Tabs, Text, TextHighlight, Textarea, ThemeSelector, ThemeToggle, TimeSlotCell, Toast, Tooltip, TrendIndicator, TypewriterText, Typography, UISlotComponent, UISlotRenderer, UploadDropZone, VStack, ViolationAlert, WizardNavigation, WizardProgress, drawSprite };