@almadar/ui 5.9.1 → 5.9.3

package/dist/avl/index.cjs

@@ -27446,6 +27446,7 @@ function DataList({
   fields,
   columns,
   itemActions,
+  itemClickEvent,
   gap = "none",
   variant = "default",
   groupBy,
@@ -27535,6 +27536,14 @@ function DataList({
     };
     eventBus.emit(`UI:${action.event}`, payload);
   };
+  const handleRowClick = (itemData) => () => {
+    if (!itemClickEvent) return;
+    const payload = {
+      id: itemData.id,
+      row: itemData
+    };
+    eventBus.emit(`UI:${itemClickEvent}`, payload);
+  };
   if (isLoading) {
     return /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "text-center py-8", children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", color: "secondary", children: t("loading.items") || "Loading..." }) });
   }
@@ -27583,7 +27592,7 @@ function DataList({
                 ),
                 children: [
                   !isSent && senderField && /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "caption", className: "font-semibold mb-0.5", children: sender }),
-                  /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", children: content !== void 0 && content !== null ? String(content) : "" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", className: cn(isSent && "text-primary-foreground"), children: content !== void 0 && content !== null ? String(content) : "" }),
                   timestamp != null ? /* @__PURE__ */ jsxRuntime.jsx(
                     Typography,
                     {
@@ -27613,7 +27622,7 @@ function DataList({
     if (hasRenderProp) {
       const id2 = itemData.id || String(index);
       return wrapDnd(
-        /* @__PURE__ */ jsxRuntime.jsxs(Box, { "data-entity-row": true, "data-entity-id": id2, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(Box, { "data-entity-row": true, "data-entity-id": id2, onClick: itemClickEvent ? handleRowClick(itemData) : void 0, className: cn(itemClickEvent && "cursor-pointer"), children: [
           /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: "group flex items-stretch gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "flex-1 min-w-0", children: children(itemData, index) }),
             itemActions && itemActions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
@@ -27649,7 +27658,7 @@ function DataList({
     const id = itemData.id || String(index);
     const titleValue = getNestedValue(itemData, titleField?.name ?? "");
     return wrapDnd(
-      /* @__PURE__ */ jsxRuntime.jsxs(Box, { "data-entity-row": true, "data-entity-id": id, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(Box, { "data-entity-row": true, "data-entity-id": id, onClick: itemClickEvent ? handleRowClick(itemData) : void 0, className: cn(itemClickEvent && "cursor-pointer"), children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
           Box,
           {
@@ -37088,6 +37097,8 @@ var init_ReplyTree = __esm({
       const hasReplies = !!node.replies && node.replies.length > 0;
       const isCollapsed = collapsedSet.has(node.id);
       const atMaxDepth = depth >= maxDepth;
+      const [replyOpen, setReplyOpen] = React98.useState(false);
+      const [draft, setDraft] = React98.useState("");
       const handleVote = React98.useCallback(
         (next) => {
           onVote?.(node.id, next);
@@ -37097,8 +37108,19 @@ var init_ReplyTree = __esm({
       );
       const handleReply = React98.useCallback(() => {
         onReply?.(node.id);
-        if (replyEvent) eventBus.emit(`UI:${replyEvent}`, { parentNodeId: node.id });
-      }, [node.id, onReply, replyEvent, eventBus]);
+        setReplyOpen((open) => !open);
+      }, [node.id, onReply]);
+      const handleSubmitReply = React98.useCallback(() => {
+        const content = draft.trim();
+        if (!content) return;
+        if (replyEvent) eventBus.emit(`UI:${replyEvent}`, { parentNodeId: node.id, content });
+        setDraft("");
+        setReplyOpen(false);
+      }, [node.id, draft, replyEvent, eventBus]);
+      const handleCancelReply = React98.useCallback(() => {
+        setDraft("");
+        setReplyOpen(false);
+      }, []);
       const handleFlag = React98.useCallback(() => {
         onFlag?.(node.id);
         if (flagEvent) eventBus.emit(`UI:${flagEvent}`, { nodeId: node.id });
@@ -37185,6 +37207,33 @@ var init_ReplyTree = __esm({
               }
             )
           ] }),
+          replyOpen && /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: "flex flex-col gap-2 mt-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Input,
+              {
+                inputType: "textarea",
+                rows: 2,
+                value: draft,
+                placeholder: `Reply to ${node.authorName}\u2026`,
+                onChange: (e) => setDraft(e.target.value),
+                "aria-label": `Reply to ${node.authorName}`
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: "flex flex-row gap-2 items-center", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Button,
+                {
+                  variant: "primary",
+                  size: "sm",
+                  leftIcon: "send",
+                  onClick: handleSubmitReply,
+                  disabled: !draft.trim(),
+                  children: "Send"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "ghost", size: "sm", onClick: handleCancelReply, children: "Cancel" })
+            ] })
+          ] }),
           hasReplies && !isCollapsed && (atMaxDepth ? /* @__PURE__ */ jsxRuntime.jsx(
             Button,
             {

package/dist/avl/index.js

@@ -27397,6 +27397,7 @@ function DataList({
   fields,
   columns,
   itemActions,
+  itemClickEvent,
   gap = "none",
   variant = "default",
   groupBy,
@@ -27486,6 +27487,14 @@ function DataList({
     };
     eventBus.emit(`UI:${action.event}`, payload);
   };
+  const handleRowClick = (itemData) => () => {
+    if (!itemClickEvent) return;
+    const payload = {
+      id: itemData.id,
+      row: itemData
+    };
+    eventBus.emit(`UI:${itemClickEvent}`, payload);
+  };
   if (isLoading) {
     return /* @__PURE__ */ jsx(Box, { className: "text-center py-8", children: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "secondary", children: t("loading.items") || "Loading..." }) });
   }
@@ -27534,7 +27543,7 @@ function DataList({
                 ),
                 children: [
                   !isSent && senderField && /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "font-semibold mb-0.5", children: sender }),
-                  /* @__PURE__ */ jsx(Typography, { variant: "body", children: content !== void 0 && content !== null ? String(content) : "" }),
+                  /* @__PURE__ */ jsx(Typography, { variant: "body", className: cn(isSent && "text-primary-foreground"), children: content !== void 0 && content !== null ? String(content) : "" }),
                   timestamp != null ? /* @__PURE__ */ jsx(
                     Typography,
                     {
@@ -27564,7 +27573,7 @@ function DataList({
     if (hasRenderProp) {
       const id2 = itemData.id || String(index);
       return wrapDnd(
-        /* @__PURE__ */ jsxs(Box, { "data-entity-row": true, "data-entity-id": id2, children: [
+        /* @__PURE__ */ jsxs(Box, { "data-entity-row": true, "data-entity-id": id2, onClick: itemClickEvent ? handleRowClick(itemData) : void 0, className: cn(itemClickEvent && "cursor-pointer"), children: [
           /* @__PURE__ */ jsxs(Box, { className: "group flex items-stretch gap-2", children: [
             /* @__PURE__ */ jsx(Box, { className: "flex-1 min-w-0", children: children(itemData, index) }),
             itemActions && itemActions.length > 0 && /* @__PURE__ */ jsx(
@@ -27600,7 +27609,7 @@ function DataList({
     const id = itemData.id || String(index);
     const titleValue = getNestedValue(itemData, titleField?.name ?? "");
     return wrapDnd(
-      /* @__PURE__ */ jsxs(Box, { "data-entity-row": true, "data-entity-id": id, children: [
+      /* @__PURE__ */ jsxs(Box, { "data-entity-row": true, "data-entity-id": id, onClick: itemClickEvent ? handleRowClick(itemData) : void 0, className: cn(itemClickEvent && "cursor-pointer"), children: [
         /* @__PURE__ */ jsxs(
           Box,
           {
@@ -37039,6 +37048,8 @@ var init_ReplyTree = __esm({
       const hasReplies = !!node.replies && node.replies.length > 0;
       const isCollapsed = collapsedSet.has(node.id);
       const atMaxDepth = depth >= maxDepth;
+      const [replyOpen, setReplyOpen] = useState(false);
+      const [draft, setDraft] = useState("");
       const handleVote = useCallback(
         (next) => {
           onVote?.(node.id, next);
@@ -37048,8 +37059,19 @@ var init_ReplyTree = __esm({
       );
       const handleReply = useCallback(() => {
         onReply?.(node.id);
-        if (replyEvent) eventBus.emit(`UI:${replyEvent}`, { parentNodeId: node.id });
-      }, [node.id, onReply, replyEvent, eventBus]);
+        setReplyOpen((open) => !open);
+      }, [node.id, onReply]);
+      const handleSubmitReply = useCallback(() => {
+        const content = draft.trim();
+        if (!content) return;
+        if (replyEvent) eventBus.emit(`UI:${replyEvent}`, { parentNodeId: node.id, content });
+        setDraft("");
+        setReplyOpen(false);
+      }, [node.id, draft, replyEvent, eventBus]);
+      const handleCancelReply = useCallback(() => {
+        setDraft("");
+        setReplyOpen(false);
+      }, []);
       const handleFlag = useCallback(() => {
         onFlag?.(node.id);
         if (flagEvent) eventBus.emit(`UI:${flagEvent}`, { nodeId: node.id });
@@ -37136,6 +37158,33 @@ var init_ReplyTree = __esm({
               }
             )
           ] }),
+          replyOpen && /* @__PURE__ */ jsxs(Box, { className: "flex flex-col gap-2 mt-1", children: [
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                inputType: "textarea",
+                rows: 2,
+                value: draft,
+                placeholder: `Reply to ${node.authorName}\u2026`,
+                onChange: (e) => setDraft(e.target.value),
+                "aria-label": `Reply to ${node.authorName}`
+              }
+            ),
+            /* @__PURE__ */ jsxs(Box, { className: "flex flex-row gap-2 items-center", children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "primary",
+                  size: "sm",
+                  leftIcon: "send",
+                  onClick: handleSubmitReply,
+                  disabled: !draft.trim(),
+                  children: "Send"
+                }
+              ),
+              /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: handleCancelReply, children: "Cancel" })
+            ] })
+          ] }),
           hasReplies && !isCollapsed && (atMaxDepth ? /* @__PURE__ */ jsx(
             Button,
             {

package/dist/components/index.cjs

@@ -22613,6 +22613,7 @@ function DataList({
   fields,
   columns,
   itemActions,
+  itemClickEvent,
   gap = "none",
   variant = "default",
   groupBy,
@@ -22702,6 +22703,14 @@ function DataList({
     };
     eventBus.emit(`UI:${action.event}`, payload);
   };
+  const handleRowClick = (itemData) => () => {
+    if (!itemClickEvent) return;
+    const payload = {
+      id: itemData.id,
+      row: itemData
+    };
+    eventBus.emit(`UI:${itemClickEvent}`, payload);
+  };
   if (isLoading) {
     return /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "text-center py-8", children: /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", color: "secondary", children: t("loading.items") || "Loading..." }) });
   }
@@ -22750,7 +22759,7 @@ function DataList({
                 ),
                 children: [
                   !isSent && senderField && /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", className: "font-semibold mb-0.5", children: sender }),
-                  /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", children: content !== void 0 && content !== null ? String(content) : "" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", className: cn(isSent && "text-primary-foreground"), children: content !== void 0 && content !== null ? String(content) : "" }),
                   timestamp != null ? /* @__PURE__ */ jsxRuntime.jsx(
                     exports.Typography,
                     {
@@ -22780,7 +22789,7 @@ function DataList({
     if (hasRenderProp) {
       const id2 = itemData.id || String(index);
       return wrapDnd(
-        /* @__PURE__ */ jsxRuntime.jsxs(exports.Box, { "data-entity-row": true, "data-entity-id": id2, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(exports.Box, { "data-entity-row": true, "data-entity-id": id2, onClick: itemClickEvent ? handleRowClick(itemData) : void 0, className: cn(itemClickEvent && "cursor-pointer"), children: [
           /* @__PURE__ */ jsxRuntime.jsxs(exports.Box, { className: "group flex items-stretch gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "flex-1 min-w-0", children: children(itemData, index) }),
             itemActions && itemActions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
@@ -22816,7 +22825,7 @@ function DataList({
     const id = itemData.id || String(index);
     const titleValue = getNestedValue(itemData, titleField?.name ?? "");
     return wrapDnd(
-      /* @__PURE__ */ jsxRuntime.jsxs(exports.Box, { "data-entity-row": true, "data-entity-id": id, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(exports.Box, { "data-entity-row": true, "data-entity-id": id, onClick: itemClickEvent ? handleRowClick(itemData) : void 0, className: cn(itemClickEvent && "cursor-pointer"), children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
           exports.Box,
           {
@@ -32547,6 +32556,8 @@ var init_ReplyTree = __esm({
       const hasReplies = !!node.replies && node.replies.length > 0;
       const isCollapsed = collapsedSet.has(node.id);
       const atMaxDepth = depth >= maxDepth;
+      const [replyOpen, setReplyOpen] = React80.useState(false);
+      const [draft, setDraft] = React80.useState("");
       const handleVote = React80.useCallback(
         (next) => {
           onVote?.(node.id, next);
@@ -32556,8 +32567,19 @@ var init_ReplyTree = __esm({
       );
       const handleReply = React80.useCallback(() => {
         onReply?.(node.id);
-        if (replyEvent) eventBus.emit(`UI:${replyEvent}`, { parentNodeId: node.id });
-      }, [node.id, onReply, replyEvent, eventBus]);
+        setReplyOpen((open) => !open);
+      }, [node.id, onReply]);
+      const handleSubmitReply = React80.useCallback(() => {
+        const content = draft.trim();
+        if (!content) return;
+        if (replyEvent) eventBus.emit(`UI:${replyEvent}`, { parentNodeId: node.id, content });
+        setDraft("");
+        setReplyOpen(false);
+      }, [node.id, draft, replyEvent, eventBus]);
+      const handleCancelReply = React80.useCallback(() => {
+        setDraft("");
+        setReplyOpen(false);
+      }, []);
       const handleFlag = React80.useCallback(() => {
         onFlag?.(node.id);
         if (flagEvent) eventBus.emit(`UI:${flagEvent}`, { nodeId: node.id });
@@ -32644,6 +32666,33 @@ var init_ReplyTree = __esm({
               }
             )
           ] }),
+          replyOpen && /* @__PURE__ */ jsxRuntime.jsxs(exports.Box, { className: "flex flex-col gap-2 mt-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              exports.Input,
+              {
+                inputType: "textarea",
+                rows: 2,
+                value: draft,
+                placeholder: `Reply to ${node.authorName}\u2026`,
+                onChange: (e) => setDraft(e.target.value),
+                "aria-label": `Reply to ${node.authorName}`
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs(exports.Box, { className: "flex flex-row gap-2 items-center", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                exports.Button,
+                {
+                  variant: "primary",
+                  size: "sm",
+                  leftIcon: "send",
+                  onClick: handleSubmitReply,
+                  disabled: !draft.trim(),
+                  children: "Send"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(exports.Button, { variant: "ghost", size: "sm", onClick: handleCancelReply, children: "Cancel" })
+            ] })
+          ] }),
           hasReplies && !isCollapsed && (atMaxDepth ? /* @__PURE__ */ jsxRuntime.jsx(
             exports.Button,
             {

package/dist/components/index.js

@@ -22564,6 +22564,7 @@ function DataList({
   fields,
   columns,
   itemActions,
+  itemClickEvent,
   gap = "none",
   variant = "default",
   groupBy,
@@ -22653,6 +22654,14 @@ function DataList({
     };
     eventBus.emit(`UI:${action.event}`, payload);
   };
+  const handleRowClick = (itemData) => () => {
+    if (!itemClickEvent) return;
+    const payload = {
+      id: itemData.id,
+      row: itemData
+    };
+    eventBus.emit(`UI:${itemClickEvent}`, payload);
+  };
   if (isLoading) {
     return /* @__PURE__ */ jsx(Box, { className: "text-center py-8", children: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "secondary", children: t("loading.items") || "Loading..." }) });
   }
@@ -22701,7 +22710,7 @@ function DataList({
                 ),
                 children: [
                   !isSent && senderField && /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "font-semibold mb-0.5", children: sender }),
-                  /* @__PURE__ */ jsx(Typography, { variant: "body", children: content !== void 0 && content !== null ? String(content) : "" }),
+                  /* @__PURE__ */ jsx(Typography, { variant: "body", className: cn(isSent && "text-primary-foreground"), children: content !== void 0 && content !== null ? String(content) : "" }),
                   timestamp != null ? /* @__PURE__ */ jsx(
                     Typography,
                     {
@@ -22731,7 +22740,7 @@ function DataList({
     if (hasRenderProp) {
       const id2 = itemData.id || String(index);
       return wrapDnd(
-        /* @__PURE__ */ jsxs(Box, { "data-entity-row": true, "data-entity-id": id2, children: [
+        /* @__PURE__ */ jsxs(Box, { "data-entity-row": true, "data-entity-id": id2, onClick: itemClickEvent ? handleRowClick(itemData) : void 0, className: cn(itemClickEvent && "cursor-pointer"), children: [
           /* @__PURE__ */ jsxs(Box, { className: "group flex items-stretch gap-2", children: [
             /* @__PURE__ */ jsx(Box, { className: "flex-1 min-w-0", children: children(itemData, index) }),
             itemActions && itemActions.length > 0 && /* @__PURE__ */ jsx(
@@ -22767,7 +22776,7 @@ function DataList({
     const id = itemData.id || String(index);
     const titleValue = getNestedValue(itemData, titleField?.name ?? "");
     return wrapDnd(
-      /* @__PURE__ */ jsxs(Box, { "data-entity-row": true, "data-entity-id": id, children: [
+      /* @__PURE__ */ jsxs(Box, { "data-entity-row": true, "data-entity-id": id, onClick: itemClickEvent ? handleRowClick(itemData) : void 0, className: cn(itemClickEvent && "cursor-pointer"), children: [
         /* @__PURE__ */ jsxs(
           Box,
           {
@@ -32498,6 +32507,8 @@ var init_ReplyTree = __esm({
       const hasReplies = !!node.replies && node.replies.length > 0;
       const isCollapsed = collapsedSet.has(node.id);
       const atMaxDepth = depth >= maxDepth;
+      const [replyOpen, setReplyOpen] = useState(false);
+      const [draft, setDraft] = useState("");
       const handleVote = useCallback(
         (next) => {
           onVote?.(node.id, next);
@@ -32507,8 +32518,19 @@ var init_ReplyTree = __esm({
       );
       const handleReply = useCallback(() => {
         onReply?.(node.id);
-        if (replyEvent) eventBus.emit(`UI:${replyEvent}`, { parentNodeId: node.id });
-      }, [node.id, onReply, replyEvent, eventBus]);
+        setReplyOpen((open) => !open);
+      }, [node.id, onReply]);
+      const handleSubmitReply = useCallback(() => {
+        const content = draft.trim();
+        if (!content) return;
+        if (replyEvent) eventBus.emit(`UI:${replyEvent}`, { parentNodeId: node.id, content });
+        setDraft("");
+        setReplyOpen(false);
+      }, [node.id, draft, replyEvent, eventBus]);
+      const handleCancelReply = useCallback(() => {
+        setDraft("");
+        setReplyOpen(false);
+      }, []);
       const handleFlag = useCallback(() => {
         onFlag?.(node.id);
         if (flagEvent) eventBus.emit(`UI:${flagEvent}`, { nodeId: node.id });
@@ -32595,6 +32617,33 @@ var init_ReplyTree = __esm({
               }
             )
           ] }),
+          replyOpen && /* @__PURE__ */ jsxs(Box, { className: "flex flex-col gap-2 mt-1", children: [
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                inputType: "textarea",
+                rows: 2,
+                value: draft,
+                placeholder: `Reply to ${node.authorName}\u2026`,
+                onChange: (e) => setDraft(e.target.value),
+                "aria-label": `Reply to ${node.authorName}`
+              }
+            ),
+            /* @__PURE__ */ jsxs(Box, { className: "flex flex-row gap-2 items-center", children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "primary",
+                  size: "sm",
+                  leftIcon: "send",
+                  onClick: handleSubmitReply,
+                  disabled: !draft.trim(),
+                  children: "Send"
+                }
+              ),
+              /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: handleCancelReply, children: "Cancel" })
+            ] })
+          ] }),
           hasReplies && !isCollapsed && (atMaxDepth ? /* @__PURE__ */ jsx(
             Button,
             {

package/dist/components/molecules/DataList.d.ts

@@ -56,6 +56,9 @@ export interface DataListProps<T extends EntityRow = EntityRow> extends DataDndP
     columns?: readonly DataListField[];
     /** Per-item action buttons */
     itemActions?: readonly DataListItemAction[];
+    /** When set, the whole row is clickable and emits UI:{itemClickEvent} with
+     *  { id, row } (action-button clicks stopPropagation so they still win). */
+    itemClickEvent?: EventKey;
     /** Gap between rows */
     gap?: 'none' | 'sm' | 'md' | 'lg';
     /** Visual variant */
@@ -122,7 +125,7 @@ export interface DataListProps<T extends EntityRow = EntityRow> extends DataDndP
      */
     look?: "dense" | "spacious" | "striped" | "borderless" | "card-rows";
 }
-export declare function DataList<T extends EntityRow = EntityRow>({ entity, fields, columns, itemActions, gap, variant, groupBy, senderField, currentUser, className, isLoading, error, reorderable: _reorderable, reorderEvent: _reorderEvent, swipeLeftEvent: _swipeLeftEvent, swipeLeftActions: _swipeLeftActions, swipeRightEvent: _swipeRightEvent, swipeRightActions: _swipeRightActions, longPressEvent: _longPressEvent, infiniteScroll, loadMoreEvent, hasMore, children, pageSize, renderItem: schemaRenderItem, dragGroup, accepts, sortable: sortableProp, dropEvent, reorderEvent: dndReorderEvent, positionEvent, dndItemIdField, dndRoot, look, }: DataListProps<T>): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
+export declare function DataList<T extends EntityRow = EntityRow>({ entity, fields, columns, itemActions, itemClickEvent, gap, variant, groupBy, senderField, currentUser, className, isLoading, error, reorderable: _reorderable, reorderEvent: _reorderEvent, swipeLeftEvent: _swipeLeftEvent, swipeLeftActions: _swipeLeftActions, swipeRightEvent: _swipeRightEvent, swipeRightActions: _swipeRightActions, longPressEvent: _longPressEvent, infiniteScroll, loadMoreEvent, hasMore, children, pageSize, renderItem: schemaRenderItem, dragGroup, accepts, sortable: sortableProp, dropEvent, reorderEvent: dndReorderEvent, positionEvent, dndItemIdField, dndRoot, look, }: DataListProps<T>): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
 export declare namespace DataList {
     var displayName: string;
 }

package/dist/components/molecules/ReplyTree.d.ts

@@ -31,6 +31,7 @@ export interface ReplyTreeProps {
     }>;
     replyEvent?: EventEmit<{
         parentNodeId: string;
+        content: string;
     }>;
     flagEvent?: EventEmit<{
         nodeId: string;

package/dist/providers/index.cjs

@@ -23858,6 +23858,7 @@ function DataList({
   fields,
   columns,
   itemActions,
+  itemClickEvent,
   gap = "none",
   variant = "default",
   groupBy,
@@ -23947,6 +23948,14 @@ function DataList({
     };
     eventBus.emit(`UI:${action.event}`, payload);
   };
+  const handleRowClick = (itemData) => () => {
+    if (!itemClickEvent) return;
+    const payload = {
+      id: itemData.id,
+      row: itemData
+    };
+    eventBus.emit(`UI:${itemClickEvent}`, payload);
+  };
   if (isLoading) {
     return /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "text-center py-8", children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", color: "secondary", children: t("loading.items") || "Loading..." }) });
   }
@@ -23995,7 +24004,7 @@ function DataList({
                 ),
                 children: [
                   !isSent && senderField && /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "caption", className: "font-semibold mb-0.5", children: sender }),
-                  /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", children: content !== void 0 && content !== null ? String(content) : "" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", className: cn(isSent && "text-primary-foreground"), children: content !== void 0 && content !== null ? String(content) : "" }),
                   timestamp != null ? /* @__PURE__ */ jsxRuntime.jsx(
                     Typography,
                     {
@@ -24025,7 +24034,7 @@ function DataList({
     if (hasRenderProp) {
       const id2 = itemData.id || String(index);
       return wrapDnd(
-        /* @__PURE__ */ jsxRuntime.jsxs(Box, { "data-entity-row": true, "data-entity-id": id2, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(Box, { "data-entity-row": true, "data-entity-id": id2, onClick: itemClickEvent ? handleRowClick(itemData) : void 0, className: cn(itemClickEvent && "cursor-pointer"), children: [
           /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: "group flex items-stretch gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "flex-1 min-w-0", children: children(itemData, index) }),
             itemActions && itemActions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
@@ -24061,7 +24070,7 @@ function DataList({
     const id = itemData.id || String(index);
     const titleValue = getNestedValue(itemData, titleField?.name ?? "");
     return wrapDnd(
-      /* @__PURE__ */ jsxRuntime.jsxs(Box, { "data-entity-row": true, "data-entity-id": id, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(Box, { "data-entity-row": true, "data-entity-id": id, onClick: itemClickEvent ? handleRowClick(itemData) : void 0, className: cn(itemClickEvent && "cursor-pointer"), children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
           Box,
           {
@@ -33500,6 +33509,8 @@ var init_ReplyTree = __esm({
       const hasReplies = !!node.replies && node.replies.length > 0;
       const isCollapsed = collapsedSet.has(node.id);
       const atMaxDepth = depth >= maxDepth;
+      const [replyOpen, setReplyOpen] = React86.useState(false);
+      const [draft, setDraft] = React86.useState("");
       const handleVote = React86.useCallback(
         (next) => {
           onVote?.(node.id, next);
@@ -33509,8 +33520,19 @@ var init_ReplyTree = __esm({
       );
       const handleReply = React86.useCallback(() => {
         onReply?.(node.id);
-        if (replyEvent) eventBus.emit(`UI:${replyEvent}`, { parentNodeId: node.id });
-      }, [node.id, onReply, replyEvent, eventBus]);
+        setReplyOpen((open) => !open);
+      }, [node.id, onReply]);
+      const handleSubmitReply = React86.useCallback(() => {
+        const content = draft.trim();
+        if (!content) return;
+        if (replyEvent) eventBus.emit(`UI:${replyEvent}`, { parentNodeId: node.id, content });
+        setDraft("");
+        setReplyOpen(false);
+      }, [node.id, draft, replyEvent, eventBus]);
+      const handleCancelReply = React86.useCallback(() => {
+        setDraft("");
+        setReplyOpen(false);
+      }, []);
       const handleFlag = React86.useCallback(() => {
         onFlag?.(node.id);
         if (flagEvent) eventBus.emit(`UI:${flagEvent}`, { nodeId: node.id });
@@ -33597,6 +33619,33 @@ var init_ReplyTree = __esm({
               }
             )
           ] }),
+          replyOpen && /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: "flex flex-col gap-2 mt-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Input,
+              {
+                inputType: "textarea",
+                rows: 2,
+                value: draft,
+                placeholder: `Reply to ${node.authorName}\u2026`,
+                onChange: (e) => setDraft(e.target.value),
+                "aria-label": `Reply to ${node.authorName}`
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: "flex flex-row gap-2 items-center", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Button,
+                {
+                  variant: "primary",
+                  size: "sm",
+                  leftIcon: "send",
+                  onClick: handleSubmitReply,
+                  disabled: !draft.trim(),
+                  children: "Send"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "ghost", size: "sm", onClick: handleCancelReply, children: "Cancel" })
+            ] })
+          ] }),
           hasReplies && !isCollapsed && (atMaxDepth ? /* @__PURE__ */ jsxRuntime.jsx(
             Button,
             {

package/dist/providers/index.js

@@ -23809,6 +23809,7 @@ function DataList({
   fields,
   columns,
   itemActions,
+  itemClickEvent,
   gap = "none",
   variant = "default",
   groupBy,
@@ -23898,6 +23899,14 @@ function DataList({
     };
     eventBus.emit(`UI:${action.event}`, payload);
   };
+  const handleRowClick = (itemData) => () => {
+    if (!itemClickEvent) return;
+    const payload = {
+      id: itemData.id,
+      row: itemData
+    };
+    eventBus.emit(`UI:${itemClickEvent}`, payload);
+  };
   if (isLoading) {
     return /* @__PURE__ */ jsx(Box, { className: "text-center py-8", children: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "secondary", children: t("loading.items") || "Loading..." }) });
   }
@@ -23946,7 +23955,7 @@ function DataList({
                 ),
                 children: [
                   !isSent && senderField && /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "font-semibold mb-0.5", children: sender }),
-                  /* @__PURE__ */ jsx(Typography, { variant: "body", children: content !== void 0 && content !== null ? String(content) : "" }),
+                  /* @__PURE__ */ jsx(Typography, { variant: "body", className: cn(isSent && "text-primary-foreground"), children: content !== void 0 && content !== null ? String(content) : "" }),
                   timestamp != null ? /* @__PURE__ */ jsx(
                     Typography,
                     {
@@ -23976,7 +23985,7 @@ function DataList({
     if (hasRenderProp) {
       const id2 = itemData.id || String(index);
       return wrapDnd(
-        /* @__PURE__ */ jsxs(Box, { "data-entity-row": true, "data-entity-id": id2, children: [
+        /* @__PURE__ */ jsxs(Box, { "data-entity-row": true, "data-entity-id": id2, onClick: itemClickEvent ? handleRowClick(itemData) : void 0, className: cn(itemClickEvent && "cursor-pointer"), children: [
           /* @__PURE__ */ jsxs(Box, { className: "group flex items-stretch gap-2", children: [
             /* @__PURE__ */ jsx(Box, { className: "flex-1 min-w-0", children: children(itemData, index) }),
             itemActions && itemActions.length > 0 && /* @__PURE__ */ jsx(
@@ -24012,7 +24021,7 @@ function DataList({
     const id = itemData.id || String(index);
     const titleValue = getNestedValue(itemData, titleField?.name ?? "");
     return wrapDnd(
-      /* @__PURE__ */ jsxs(Box, { "data-entity-row": true, "data-entity-id": id, children: [
+      /* @__PURE__ */ jsxs(Box, { "data-entity-row": true, "data-entity-id": id, onClick: itemClickEvent ? handleRowClick(itemData) : void 0, className: cn(itemClickEvent && "cursor-pointer"), children: [
         /* @__PURE__ */ jsxs(
           Box,
           {
@@ -33451,6 +33460,8 @@ var init_ReplyTree = __esm({
       const hasReplies = !!node.replies && node.replies.length > 0;
       const isCollapsed = collapsedSet.has(node.id);
       const atMaxDepth = depth >= maxDepth;
+      const [replyOpen, setReplyOpen] = useState(false);
+      const [draft, setDraft] = useState("");
       const handleVote = useCallback(
         (next) => {
           onVote?.(node.id, next);
@@ -33460,8 +33471,19 @@ var init_ReplyTree = __esm({
       );
       const handleReply = useCallback(() => {
         onReply?.(node.id);
-        if (replyEvent) eventBus.emit(`UI:${replyEvent}`, { parentNodeId: node.id });
-      }, [node.id, onReply, replyEvent, eventBus]);
+        setReplyOpen((open) => !open);
+      }, [node.id, onReply]);
+      const handleSubmitReply = useCallback(() => {
+        const content = draft.trim();
+        if (!content) return;
+        if (replyEvent) eventBus.emit(`UI:${replyEvent}`, { parentNodeId: node.id, content });
+        setDraft("");
+        setReplyOpen(false);
+      }, [node.id, draft, replyEvent, eventBus]);
+      const handleCancelReply = useCallback(() => {
+        setDraft("");
+        setReplyOpen(false);
+      }, []);
       const handleFlag = useCallback(() => {
         onFlag?.(node.id);
         if (flagEvent) eventBus.emit(`UI:${flagEvent}`, { nodeId: node.id });
@@ -33548,6 +33570,33 @@ var init_ReplyTree = __esm({
               }
             )
           ] }),
+          replyOpen && /* @__PURE__ */ jsxs(Box, { className: "flex flex-col gap-2 mt-1", children: [
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                inputType: "textarea",
+                rows: 2,
+                value: draft,
+                placeholder: `Reply to ${node.authorName}\u2026`,
+                onChange: (e) => setDraft(e.target.value),
+                "aria-label": `Reply to ${node.authorName}`
+              }
+            ),
+            /* @__PURE__ */ jsxs(Box, { className: "flex flex-row gap-2 items-center", children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "primary",
+                  size: "sm",
+                  leftIcon: "send",
+                  onClick: handleSubmitReply,
+                  disabled: !draft.trim(),
+                  children: "Send"
+                }
+              ),
+              /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: handleCancelReply, children: "Cancel" })
+            ] })
+          ] }),
           hasReplies && !isCollapsed && (atMaxDepth ? /* @__PURE__ */ jsx(
             Button,
             {

package/dist/runtime/index.cjs

@@ -23627,6 +23627,7 @@ function DataList({
   fields,
   columns,
   itemActions,
+  itemClickEvent,
   gap = "none",
   variant = "default",
   groupBy,
@@ -23716,6 +23717,14 @@ function DataList({
     };
     eventBus.emit(`UI:${action.event}`, payload);
   };
+  const handleRowClick = (itemData) => () => {
+    if (!itemClickEvent) return;
+    const payload = {
+      id: itemData.id,
+      row: itemData
+    };
+    eventBus.emit(`UI:${itemClickEvent}`, payload);
+  };
   if (isLoading) {
     return /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "text-center py-8", children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", color: "secondary", children: t("loading.items") || "Loading..." }) });
   }
@@ -23764,7 +23773,7 @@ function DataList({
                 ),
                 children: [
                   !isSent && senderField && /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "caption", className: "font-semibold mb-0.5", children: sender }),
-                  /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", children: content !== void 0 && content !== null ? String(content) : "" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", className: cn(isSent && "text-primary-foreground"), children: content !== void 0 && content !== null ? String(content) : "" }),
                   timestamp != null ? /* @__PURE__ */ jsxRuntime.jsx(
                     Typography,
                     {
@@ -23794,7 +23803,7 @@ function DataList({
     if (hasRenderProp) {
       const id2 = itemData.id || String(index);
       return wrapDnd(
-        /* @__PURE__ */ jsxRuntime.jsxs(Box, { "data-entity-row": true, "data-entity-id": id2, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(Box, { "data-entity-row": true, "data-entity-id": id2, onClick: itemClickEvent ? handleRowClick(itemData) : void 0, className: cn(itemClickEvent && "cursor-pointer"), children: [
           /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: "group flex items-stretch gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "flex-1 min-w-0", children: children(itemData, index) }),
             itemActions && itemActions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
@@ -23830,7 +23839,7 @@ function DataList({
     const id = itemData.id || String(index);
     const titleValue = getNestedValue(itemData, titleField?.name ?? "");
     return wrapDnd(
-      /* @__PURE__ */ jsxRuntime.jsxs(Box, { "data-entity-row": true, "data-entity-id": id, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(Box, { "data-entity-row": true, "data-entity-id": id, onClick: itemClickEvent ? handleRowClick(itemData) : void 0, className: cn(itemClickEvent && "cursor-pointer"), children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
           Box,
           {
@@ -33067,6 +33076,8 @@ var init_ReplyTree = __esm({
       const hasReplies = !!node.replies && node.replies.length > 0;
       const isCollapsed = collapsedSet.has(node.id);
       const atMaxDepth = depth >= maxDepth;
+      const [replyOpen, setReplyOpen] = React85.useState(false);
+      const [draft, setDraft] = React85.useState("");
       const handleVote = React85.useCallback(
         (next) => {
           onVote?.(node.id, next);
@@ -33076,8 +33087,19 @@ var init_ReplyTree = __esm({
       );
       const handleReply = React85.useCallback(() => {
         onReply?.(node.id);
-        if (replyEvent) eventBus.emit(`UI:${replyEvent}`, { parentNodeId: node.id });
-      }, [node.id, onReply, replyEvent, eventBus]);
+        setReplyOpen((open) => !open);
+      }, [node.id, onReply]);
+      const handleSubmitReply = React85.useCallback(() => {
+        const content = draft.trim();
+        if (!content) return;
+        if (replyEvent) eventBus.emit(`UI:${replyEvent}`, { parentNodeId: node.id, content });
+        setDraft("");
+        setReplyOpen(false);
+      }, [node.id, draft, replyEvent, eventBus]);
+      const handleCancelReply = React85.useCallback(() => {
+        setDraft("");
+        setReplyOpen(false);
+      }, []);
       const handleFlag = React85.useCallback(() => {
         onFlag?.(node.id);
         if (flagEvent) eventBus.emit(`UI:${flagEvent}`, { nodeId: node.id });
@@ -33164,6 +33186,33 @@ var init_ReplyTree = __esm({
               }
             )
           ] }),
+          replyOpen && /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: "flex flex-col gap-2 mt-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Input,
+              {
+                inputType: "textarea",
+                rows: 2,
+                value: draft,
+                placeholder: `Reply to ${node.authorName}\u2026`,
+                onChange: (e) => setDraft(e.target.value),
+                "aria-label": `Reply to ${node.authorName}`
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: "flex flex-row gap-2 items-center", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Button,
+                {
+                  variant: "primary",
+                  size: "sm",
+                  leftIcon: "send",
+                  onClick: handleSubmitReply,
+                  disabled: !draft.trim(),
+                  children: "Send"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "ghost", size: "sm", onClick: handleCancelReply, children: "Cancel" })
+            ] })
+          ] }),
           hasReplies && !isCollapsed && (atMaxDepth ? /* @__PURE__ */ jsxRuntime.jsx(
             Button,
             {

package/dist/runtime/index.js

@@ -23578,6 +23578,7 @@ function DataList({
   fields,
   columns,
   itemActions,
+  itemClickEvent,
   gap = "none",
   variant = "default",
   groupBy,
@@ -23667,6 +23668,14 @@ function DataList({
     };
     eventBus.emit(`UI:${action.event}`, payload);
   };
+  const handleRowClick = (itemData) => () => {
+    if (!itemClickEvent) return;
+    const payload = {
+      id: itemData.id,
+      row: itemData
+    };
+    eventBus.emit(`UI:${itemClickEvent}`, payload);
+  };
   if (isLoading) {
     return /* @__PURE__ */ jsx(Box, { className: "text-center py-8", children: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "secondary", children: t("loading.items") || "Loading..." }) });
   }
@@ -23715,7 +23724,7 @@ function DataList({
                 ),
                 children: [
                   !isSent && senderField && /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "font-semibold mb-0.5", children: sender }),
-                  /* @__PURE__ */ jsx(Typography, { variant: "body", children: content !== void 0 && content !== null ? String(content) : "" }),
+                  /* @__PURE__ */ jsx(Typography, { variant: "body", className: cn(isSent && "text-primary-foreground"), children: content !== void 0 && content !== null ? String(content) : "" }),
                   timestamp != null ? /* @__PURE__ */ jsx(
                     Typography,
                     {
@@ -23745,7 +23754,7 @@ function DataList({
     if (hasRenderProp) {
       const id2 = itemData.id || String(index);
       return wrapDnd(
-        /* @__PURE__ */ jsxs(Box, { "data-entity-row": true, "data-entity-id": id2, children: [
+        /* @__PURE__ */ jsxs(Box, { "data-entity-row": true, "data-entity-id": id2, onClick: itemClickEvent ? handleRowClick(itemData) : void 0, className: cn(itemClickEvent && "cursor-pointer"), children: [
           /* @__PURE__ */ jsxs(Box, { className: "group flex items-stretch gap-2", children: [
             /* @__PURE__ */ jsx(Box, { className: "flex-1 min-w-0", children: children(itemData, index) }),
             itemActions && itemActions.length > 0 && /* @__PURE__ */ jsx(
@@ -23781,7 +23790,7 @@ function DataList({
     const id = itemData.id || String(index);
     const titleValue = getNestedValue(itemData, titleField?.name ?? "");
     return wrapDnd(
-      /* @__PURE__ */ jsxs(Box, { "data-entity-row": true, "data-entity-id": id, children: [
+      /* @__PURE__ */ jsxs(Box, { "data-entity-row": true, "data-entity-id": id, onClick: itemClickEvent ? handleRowClick(itemData) : void 0, className: cn(itemClickEvent && "cursor-pointer"), children: [
         /* @__PURE__ */ jsxs(
           Box,
           {
@@ -33018,6 +33027,8 @@ var init_ReplyTree = __esm({
       const hasReplies = !!node.replies && node.replies.length > 0;
       const isCollapsed = collapsedSet.has(node.id);
       const atMaxDepth = depth >= maxDepth;
+      const [replyOpen, setReplyOpen] = useState(false);
+      const [draft, setDraft] = useState("");
       const handleVote = useCallback(
         (next) => {
           onVote?.(node.id, next);
@@ -33027,8 +33038,19 @@ var init_ReplyTree = __esm({
       );
       const handleReply = useCallback(() => {
         onReply?.(node.id);
-        if (replyEvent) eventBus.emit(`UI:${replyEvent}`, { parentNodeId: node.id });
-      }, [node.id, onReply, replyEvent, eventBus]);
+        setReplyOpen((open) => !open);
+      }, [node.id, onReply]);
+      const handleSubmitReply = useCallback(() => {
+        const content = draft.trim();
+        if (!content) return;
+        if (replyEvent) eventBus.emit(`UI:${replyEvent}`, { parentNodeId: node.id, content });
+        setDraft("");
+        setReplyOpen(false);
+      }, [node.id, draft, replyEvent, eventBus]);
+      const handleCancelReply = useCallback(() => {
+        setDraft("");
+        setReplyOpen(false);
+      }, []);
       const handleFlag = useCallback(() => {
         onFlag?.(node.id);
         if (flagEvent) eventBus.emit(`UI:${flagEvent}`, { nodeId: node.id });
@@ -33115,6 +33137,33 @@ var init_ReplyTree = __esm({
               }
             )
           ] }),
+          replyOpen && /* @__PURE__ */ jsxs(Box, { className: "flex flex-col gap-2 mt-1", children: [
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                inputType: "textarea",
+                rows: 2,
+                value: draft,
+                placeholder: `Reply to ${node.authorName}\u2026`,
+                onChange: (e) => setDraft(e.target.value),
+                "aria-label": `Reply to ${node.authorName}`
+              }
+            ),
+            /* @__PURE__ */ jsxs(Box, { className: "flex flex-row gap-2 items-center", children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "primary",
+                  size: "sm",
+                  leftIcon: "send",
+                  onClick: handleSubmitReply,
+                  disabled: !draft.trim(),
+                  children: "Send"
+                }
+              ),
+              /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: handleCancelReply, children: "Cancel" })
+            ] })
+          ] }),
           hasReplies && !isCollapsed && (atMaxDepth ? /* @__PURE__ */ jsx(
             Button,
             {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "5.9.1",
+  "version": "5.9.3",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "sideEffects": [