@mieweb/ui 0.7.1 → 0.7.2-dev.1

package/dist/{chunk-372IIHUA.cjs → chunk-RYQ3S3KO.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkMAMY5HTT_cjs = require('./chunk-MAMY5HTT.cjs');
-var chunkOR5DRJCW_cjs = require('./chunk-OR5DRJCW.cjs');
+var chunk26DPQUSB_cjs = require('./chunk-26DPQUSB.cjs');
+var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
 var React5 = require('react');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
@@ -47,7 +47,7 @@ function MessageStatusIcon({ status, className }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "span",
     {
-      className: chunkOR5DRJCW_cjs.cn(statusIconVariants({ status }), className),
+      className: chunkS5RVSXDV_cjs.cn(statusIconVariants({ status }), className),
       role: "img",
       "aria-label": `Message ${status}`,
       children: [
@@ -169,13 +169,13 @@ function ReadReceiptIndicator({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: chunkOR5DRJCW_cjs.cn("flex items-center -space-x-1", className),
+      className: chunkS5RVSXDV_cjs.cn("flex items-center -space-x-1", className),
       "aria-label": `Read by ${receipts.map((r) => r.participant.name).join(", ")}`,
       children: [
         visibleReceipts.map((receipt) => /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: chunkOR5DRJCW_cjs.cn(
+            className: chunkS5RVSXDV_cjs.cn(
               "rounded-full ring-2 ring-white dark:ring-neutral-900",
               "bg-primary-800 font-medium text-white",
               "flex items-center justify-center",
@@ -196,7 +196,7 @@ function ReadReceiptIndicator({
         remainingCount > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
-            className: chunkOR5DRJCW_cjs.cn(
+            className: chunkS5RVSXDV_cjs.cn(
               "rounded-full ring-2 ring-white dark:ring-neutral-900",
               "bg-neutral-500 font-medium text-white",
               "flex items-center justify-center",
@@ -225,7 +225,7 @@ function AttachmentPreview({
       {
         type: "button",
         onClick,
-        className: chunkOR5DRJCW_cjs.cn(
+        className: chunkS5RVSXDV_cjs.cn(
           "relative block overflow-hidden rounded-lg",
           "focus:ring-primary-500 focus:ring-2 focus:outline-none",
           "transition-transform hover:scale-[1.02]",
@@ -319,7 +319,7 @@ function AttachmentPreview({
     {
       type: "button",
       onClick,
-      className: chunkOR5DRJCW_cjs.cn(
+      className: chunkS5RVSXDV_cjs.cn(
         "flex items-center gap-3 rounded-lg p-3",
         "bg-white/10 hover:bg-white/20",
         "transition-colors",
@@ -429,7 +429,7 @@ var MessageBubble = React5__namespace.forwardRef(
         {
           ref,
           "data-slot": "message-system",
-          className: chunkOR5DRJCW_cjs.cn(bubbleVariants({ variant: "system" }), className),
+          className: chunkS5RVSXDV_cjs.cn(bubbleVariants({ variant: "system" }), className),
           role: "status",
           "aria-live": "polite",
           ...props,
@@ -442,7 +442,7 @@ var MessageBubble = React5__namespace.forwardRef(
       {
         ref,
         "data-slot": "message-bubble",
-        className: chunkOR5DRJCW_cjs.cn(
+        className: chunkS5RVSXDV_cjs.cn(
           "group flex items-end gap-2",
           isOutgoing ? "flex-row-reverse" : "flex-row",
           className
@@ -452,7 +452,7 @@ var MessageBubble = React5__namespace.forwardRef(
           showAvatar && !isOutgoing && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "message-avatar", className: "mb-1 shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
-              className: chunkOR5DRJCW_cjs.cn(
+              className: chunkS5RVSXDV_cjs.cn(
                 "flex h-8 w-8 items-center justify-center rounded-full",
                 "bg-primary-800 text-sm font-medium text-white"
               ),
@@ -469,7 +469,7 @@ var MessageBubble = React5__namespace.forwardRef(
           /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
-              className: chunkOR5DRJCW_cjs.cn(
+              className: chunkS5RVSXDV_cjs.cn(
                 "flex min-w-0 flex-1 flex-col",
                 isOutgoing ? "items-end" : "items-start"
               ),
@@ -486,7 +486,7 @@ var MessageBubble = React5__namespace.forwardRef(
                   "div",
                   {
                     "data-slot": "message-reply-preview",
-                    className: chunkOR5DRJCW_cjs.cn(
+                    className: chunkS5RVSXDV_cjs.cn(
                       "mb-1 max-w-full rounded-lg px-3 py-1.5 text-xs",
                       isOutgoing ? "bg-primary-700/50 text-white/80" : "bg-neutral-200 text-neutral-600 dark:bg-neutral-700 dark:text-neutral-300"
                     ),
@@ -500,11 +500,11 @@ var MessageBubble = React5__namespace.forwardRef(
                   "div",
                   {
                     "data-slot": "message-bubble-content",
-                    className: chunkOR5DRJCW_cjs.cn(bubbleVariants({ variant, status: message.status })),
+                    className: chunkS5RVSXDV_cjs.cn(bubbleVariants({ variant, status: message.status })),
                     role: "article",
                     "aria-label": `Message from ${message.sender.name}`,
                     children: [
-                      hasAttachments && /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkOR5DRJCW_cjs.cn("space-y-2", hasText && "mb-2"), children: message.attachments.map((attachment) => /* @__PURE__ */ jsxRuntime.jsx(
+                      hasAttachments && /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkS5RVSXDV_cjs.cn("space-y-2", hasText && "mb-2"), children: message.attachments.map((attachment) => /* @__PURE__ */ jsxRuntime.jsx(
                         AttachmentPreview,
                         {
                           attachment,
@@ -521,7 +521,7 @@ var MessageBubble = React5__namespace.forwardRef(
                   "div",
                   {
                     "data-slot": "message-footer",
-                    className: chunkOR5DRJCW_cjs.cn(
+                    className: chunkS5RVSXDV_cjs.cn(
                       "mt-1 flex items-center gap-2 px-1",
                       isOutgoing ? "flex-row-reverse" : "flex-row"
                     ),
@@ -534,7 +534,7 @@ var MessageBubble = React5__namespace.forwardRef(
                         {
                           type: "button",
                           onClick: onRetry,
-                          className: chunkOR5DRJCW_cjs.cn(
+                          className: chunkS5RVSXDV_cjs.cn(
                             "flex items-center gap-1 rounded px-2 py-0.5",
                             "text-xs font-medium text-red-700 dark:text-red-400",
                             "hover:bg-red-50 dark:hover:bg-red-900/20",
@@ -572,14 +572,14 @@ var MessageBubble = React5__namespace.forwardRef(
                   "div",
                   {
                     "data-slot": "message-reactions",
-                    className: chunkOR5DRJCW_cjs.cn(
+                    className: chunkS5RVSXDV_cjs.cn(
                       "-mt-1 flex flex-wrap gap-1",
                       isOutgoing ? "justify-end" : "justify-start"
                     ),
                     children: message.reactions.map((reaction) => /* @__PURE__ */ jsxRuntime.jsxs(
                       "span",
                       {
-                        className: chunkOR5DRJCW_cjs.cn(
+                        className: chunkS5RVSXDV_cjs.cn(
                           "inline-flex items-center gap-1 rounded-full px-2 py-0.5",
                           "bg-neutral-100 text-xs dark:bg-neutral-800",
                           "border border-neutral-200 dark:border-neutral-700"
@@ -666,7 +666,7 @@ function SkeletonMessage({
     "div",
     {
       "data-slot": "skeleton-message",
-      className: chunkOR5DRJCW_cjs.cn(
+      className: chunkS5RVSXDV_cjs.cn(
         "flex items-end gap-2",
         isOutgoing ? "flex-row-reverse" : "flex-row",
         className
@@ -684,7 +684,7 @@ function SkeletonMessage({
           "div",
           {
             "data-slot": "skeleton-bubble",
-            className: chunkOR5DRJCW_cjs.cn(
+            className: chunkS5RVSXDV_cjs.cn(
               "animate-pulse rounded-2xl",
               isOutgoing ? "bg-primary-800/30 rounded-br-md" : "rounded-bl-md bg-neutral-200 dark:bg-neutral-700",
               "h-10 w-48"
@@ -705,7 +705,7 @@ function TypingIndicator({ typingState, className }) {
     "div",
     {
       "data-slot": "typing-indicator",
-      className: chunkOR5DRJCW_cjs.cn("flex items-center gap-2 px-4 py-2", className),
+      className: chunkS5RVSXDV_cjs.cn("flex items-center gap-2 px-4 py-2", className),
       role: "status",
       "aria-live": "polite",
       "aria-label": typingText,
@@ -744,13 +744,13 @@ function DateSeparator({ label, className }) {
     "div",
     {
       "data-slot": "date-separator",
-      className: chunkOR5DRJCW_cjs.cn("flex items-center justify-center py-4", className),
+      className: chunkS5RVSXDV_cjs.cn("flex items-center justify-center py-4", className),
       role: "separator",
       "aria-label": label,
       children: /* @__PURE__ */ jsxRuntime.jsx(
         "span",
         {
-          className: chunkOR5DRJCW_cjs.cn(
+          className: chunkS5RVSXDV_cjs.cn(
             "rounded-full px-3 py-1 text-xs font-medium",
             "bg-neutral-100 text-neutral-600",
             "dark:bg-neutral-800 dark:text-neutral-400"
@@ -773,7 +773,7 @@ function EmptyState({
     "div",
     {
       "data-slot": "message-empty-state",
-      className: chunkOR5DRJCW_cjs.cn(
+      className: chunkS5RVSXDV_cjs.cn(
         "flex flex-1 flex-col items-center justify-center p-8 text-center",
         className
       ),
@@ -823,14 +823,14 @@ function LoadMoreButton({
     "div",
     {
       "data-slot": "load-more-button",
-      className: chunkOR5DRJCW_cjs.cn("flex justify-center py-4", className),
+      className: chunkS5RVSXDV_cjs.cn("flex justify-center py-4", className),
       children: /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {
           type: "button",
           onClick,
           disabled: isLoading,
-          className: chunkOR5DRJCW_cjs.cn(
+          className: chunkS5RVSXDV_cjs.cn(
             "rounded-full px-4 py-2 text-sm font-medium",
             "bg-neutral-100 text-neutral-600 dark:bg-neutral-800 dark:text-neutral-300",
             "hover:bg-neutral-200 dark:hover:bg-neutral-700",
@@ -937,7 +937,7 @@ var MessageList = React5__namespace.forwardRef(
         "div",
         {
           role: "status",
-          className: chunkOR5DRJCW_cjs.cn(
+          className: chunkS5RVSXDV_cjs.cn(
             "flex flex-1 flex-col gap-3 overflow-y-auto p-4",
             className
           ),
@@ -962,7 +962,7 @@ var MessageList = React5__namespace.forwardRef(
       {
         ref: scrollContainerRef,
         "data-slot": "message-list",
-        className: chunkOR5DRJCW_cjs.cn(
+        className: chunkS5RVSXDV_cjs.cn(
           "flex flex-1 flex-col overflow-y-auto",
           "scroll-smooth",
           className
@@ -987,7 +987,7 @@ var MessageList = React5__namespace.forwardRef(
                   return /* @__PURE__ */ jsxRuntime.jsx(
                     "div",
                     {
-                      className: chunkOR5DRJCW_cjs.cn(
+                      className: chunkS5RVSXDV_cjs.cn(
                         "transition-opacity duration-200",
                         isSameGroup ? "mt-0.5" : "mt-3",
                         index === 0 && "mt-0"
@@ -1021,7 +1021,7 @@ var MessageList = React5__namespace.forwardRef(
               onClick: () => {
                 bottomRef.current?.scrollIntoView({ behavior: "smooth" });
               },
-              className: chunkOR5DRJCW_cjs.cn(
+              className: chunkS5RVSXDV_cjs.cn(
                 "fixed right-4 bottom-24 z-10",
                 "rounded-full p-3 shadow-lg",
                 "bg-white dark:bg-neutral-800",
@@ -1143,7 +1143,7 @@ var ConversationHeader = React5__namespace.forwardRef(
       {
         ref,
         "data-slot": "conversation-header",
-        className: chunkOR5DRJCW_cjs.cn(headerVariants({ size }), className),
+        className: chunkS5RVSXDV_cjs.cn(headerVariants({ size }), className),
         ...props,
         children: [
           leftContent || showBackButton && onBack && /* @__PURE__ */ jsxRuntime.jsx(
@@ -1151,7 +1151,7 @@ var ConversationHeader = React5__namespace.forwardRef(
             {
               type: "button",
               onClick: onBack,
-              className: chunkOR5DRJCW_cjs.cn(
+              className: chunkS5RVSXDV_cjs.cn(
                 "-ml-2 rounded-full p-2",
                 "text-neutral-500 hover:text-neutral-700",
                 "dark:text-neutral-400 dark:hover:text-neutral-200",
@@ -1190,7 +1190,7 @@ var ConversationHeader = React5__namespace.forwardRef(
                 /* @__PURE__ */ jsxRuntime.jsx(
                   "div",
                   {
-                    className: chunkOR5DRJCW_cjs.cn(
+                    className: chunkS5RVSXDV_cjs.cn(
                       "flex h-10 w-10 items-center justify-center rounded-full",
                       "bg-primary-800 font-medium text-white"
                     ),
@@ -1207,7 +1207,7 @@ var ConversationHeader = React5__namespace.forwardRef(
                 showOnlineStatus && isOnline && /* @__PURE__ */ jsxRuntime.jsx(
                   "span",
                   {
-                    className: chunkOR5DRJCW_cjs.cn(
+                    className: chunkS5RVSXDV_cjs.cn(
                       "absolute right-0 bottom-0",
                       "h-3 w-3 rounded-full",
                       "bg-green-500 ring-2 ring-white dark:ring-neutral-900"
@@ -1224,7 +1224,7 @@ var ConversationHeader = React5__namespace.forwardRef(
             displaySubtitle && /* @__PURE__ */ jsxRuntime.jsx(
               "p",
               {
-                className: chunkOR5DRJCW_cjs.cn(
+                className: chunkS5RVSXDV_cjs.cn(
                   "truncate text-sm",
                   isOnline ? "text-green-700 dark:text-green-400" : "text-muted-foreground"
                 ),
@@ -1277,7 +1277,7 @@ var ConversationListItem = React5__namespace.forwardRef(({ className, conversati
       type: "button",
       onClick: () => onSelect?.(conversation),
       "data-slot": "conversation-list-item",
-      className: chunkOR5DRJCW_cjs.cn(
+      className: chunkS5RVSXDV_cjs.cn(
         "flex w-full items-center gap-3 px-4 py-3",
         "text-left transition-colors",
         isSelected ? "bg-primary-50 dark:bg-primary-900/20" : "hover:bg-neutral-50 dark:hover:bg-neutral-800/50",
@@ -1296,7 +1296,7 @@ var ConversationListItem = React5__namespace.forwardRef(({ className, conversati
               /* @__PURE__ */ jsxRuntime.jsx(
                 "div",
                 {
-                  className: chunkOR5DRJCW_cjs.cn(
+                  className: chunkS5RVSXDV_cjs.cn(
                     "flex h-12 w-12 items-center justify-center rounded-full",
                     "bg-primary-800 font-medium text-white"
                   ),
@@ -1313,7 +1313,7 @@ var ConversationListItem = React5__namespace.forwardRef(({ className, conversati
               participant?.isOnline && /* @__PURE__ */ jsxRuntime.jsx(
                 "span",
                 {
-                  className: chunkOR5DRJCW_cjs.cn(
+                  className: chunkS5RVSXDV_cjs.cn(
                     "absolute right-0 bottom-0",
                     "h-3 w-3 rounded-full",
                     "bg-green-500 ring-2 ring-white dark:ring-neutral-900"
@@ -1333,7 +1333,7 @@ var ConversationListItem = React5__namespace.forwardRef(({ className, conversati
                 /* @__PURE__ */ jsxRuntime.jsx(
                   "h3",
                   {
-                    className: chunkOR5DRJCW_cjs.cn(
+                    className: chunkS5RVSXDV_cjs.cn(
                       "truncate text-sm",
                       isUnread ? "font-semibold text-neutral-900 dark:text-neutral-100" : "font-medium text-neutral-700 dark:text-neutral-300"
                     ),
@@ -1346,7 +1346,7 @@ var ConversationListItem = React5__namespace.forwardRef(({ className, conversati
                 /* @__PURE__ */ jsxRuntime.jsx(
                   "p",
                   {
-                    className: chunkOR5DRJCW_cjs.cn(
+                    className: chunkS5RVSXDV_cjs.cn(
                       "truncate text-sm",
                       isUnread ? "text-neutral-700 dark:text-neutral-300" : "text-neutral-600 dark:text-neutral-400"
                     ),
@@ -1357,7 +1357,7 @@ var ConversationListItem = React5__namespace.forwardRef(({ className, conversati
                   "span",
                   {
                     "data-slot": "conversation-list-item-badge",
-                    className: chunkOR5DRJCW_cjs.cn(
+                    className: chunkS5RVSXDV_cjs.cn(
                       "flex shrink-0 items-center justify-center",
                       "h-5 min-w-[20px] rounded-full px-1.5",
                       "bg-primary-800 text-xs font-medium text-white"
@@ -1423,7 +1423,7 @@ function ConversationListSkeleton({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: chunkOR5DRJCW_cjs.cn(
+      className: chunkS5RVSXDV_cjs.cn(
         "divide-y divide-neutral-200 dark:divide-neutral-700",
         className
       ),
@@ -1469,7 +1469,7 @@ function LightboxModal({ attachment, onClose }) {
     "div",
     {
       "data-slot": "message-lightbox",
-      className: chunkOR5DRJCW_cjs.cn("fixed inset-0 z-50", "flex items-center justify-center"),
+      className: chunkS5RVSXDV_cjs.cn("fixed inset-0 z-50", "flex items-center justify-center"),
       role: "dialog",
       "aria-modal": "true",
       "aria-label": `View ${attachment.filename}`,
@@ -1488,7 +1488,7 @@ function LightboxModal({ attachment, onClose }) {
           {
             type: "button",
             onClick: onClose,
-            className: chunkOR5DRJCW_cjs.cn(
+            className: chunkS5RVSXDV_cjs.cn(
               "absolute top-4 right-4 z-10",
               "rounded-full p-2",
               "bg-white/10 text-white",
@@ -1597,7 +1597,7 @@ var MessageThread = React5__namespace.forwardRef(
       {
         ref,
         "data-slot": "message-thread",
-        className: chunkOR5DRJCW_cjs.cn(
+        className: chunkS5RVSXDV_cjs.cn(
           "flex h-full flex-col",
           "bg-white dark:bg-neutral-900",
           className
@@ -1614,7 +1614,7 @@ var MessageThread = React5__namespace.forwardRef(
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkMAMY5HTT_cjs.DragDropZone,
+            chunk26DPQUSB_cjs.DragDropZone,
             {
               onFilesDropped: () => {
                 onError?.("Drop files on the composer to attach them");
@@ -1644,7 +1644,7 @@ var MessageThread = React5__namespace.forwardRef(
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkMAMY5HTT_cjs.MessageComposer,
+            chunk26DPQUSB_cjs.MessageComposer,
             {
               onSend: handleSendMessage,
               onTypingStart: eventHandlers.onTypingStart,
@@ -1703,7 +1703,7 @@ function MessagingSplitView({
     "div",
     {
       "data-slot": "messaging-split-view",
-      className: chunkOR5DRJCW_cjs.cn(
+      className: chunkS5RVSXDV_cjs.cn(
         "h-full w-full",
         breakpointClasses[mobileBreakpoint],
         className
@@ -1713,7 +1713,7 @@ function MessagingSplitView({
           "div",
           {
             "data-slot": "messaging-list-pane",
-            className: chunkOR5DRJCW_cjs.cn(
+            className: chunkS5RVSXDV_cjs.cn(
               "h-full w-full flex-shrink-0",
               "border-r border-neutral-200 dark:border-neutral-700",
               hideMobileClasses[mobileBreakpoint]
@@ -1728,7 +1728,7 @@ function MessagingSplitView({
           "div",
           {
             "data-slot": "messaging-thread-pane",
-            className: chunkOR5DRJCW_cjs.cn(
+            className: chunkS5RVSXDV_cjs.cn(
               "h-full min-w-0 flex-1",
               showMobileClasses[mobileBreakpoint]
             ),
@@ -2013,5 +2013,5 @@ exports.useMessageScroll = useMessageScroll;
 exports.useMessages = useMessages;
 exports.useReadReceipts = useReadReceipts;
 exports.useTypingIndicator = useTypingIndicator;
-//# sourceMappingURL=chunk-372IIHUA.cjs.map
-//# sourceMappingURL=chunk-372IIHUA.cjs.map
+//# sourceMappingURL=chunk-RYQ3S3KO.cjs.map
+//# sourceMappingURL=chunk-RYQ3S3KO.cjs.map