@mieweb/ui 0.8.0-dev.2 → 0.8.0-dev.3

package/dist/index.d.cts

@@ -1456,8 +1456,13 @@ interface AIChatTriggerProps {
     pulse?: boolean;
     /** Badge count for notifications */
     badge?: number;
-    /** Position of the button */
-    position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
+    /**
+     * Position of the button. All values are direction-aware (logical):
+     * `*-left`/`*-right` are aliases for `*-start`/`*-end` and mirror in RTL
+     * documents. Prefer `start`/`end` values for clarity; pass a physical
+     * inset via `className` if fixed positioning is required.
+     */
+    position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left' | 'bottom-end' | 'bottom-start' | 'top-end' | 'top-start';
     /** Additional class name */
     className?: string;
 }
@@ -1467,8 +1472,14 @@ interface AIChatModalProps extends Omit<AIChatProps, 'variant' | 'size'> {
     open: boolean;
     /** Callback when the modal should close */
     onOpenChange: (open: boolean) => void;
-    /** Position of the modal */
-    position?: 'bottom-right' | 'bottom-left' | 'center';
+    /**
+     * Position of the modal. All values are direction-aware (logical):
+     * `bottom-left`/`bottom-right` are aliases for `bottom-start`/`bottom-end`
+     * and mirror in RTL documents. Prefer `start`/`end` values for clarity;
+     * pass a physical inset via `modalClassName` if fixed positioning is
+     * required. `center` is direction-neutral.
+     */
+    position?: 'bottom-right' | 'bottom-left' | 'bottom-end' | 'bottom-start' | 'center';
     /** Width of the modal */
     width?: string | number;
     /** Height of the modal */

package/dist/index.d.ts

@@ -1456,8 +1456,13 @@ interface AIChatTriggerProps {
     pulse?: boolean;
     /** Badge count for notifications */
     badge?: number;
-    /** Position of the button */
-    position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
+    /**
+     * Position of the button. All values are direction-aware (logical):
+     * `*-left`/`*-right` are aliases for `*-start`/`*-end` and mirror in RTL
+     * documents. Prefer `start`/`end` values for clarity; pass a physical
+     * inset via `className` if fixed positioning is required.
+     */
+    position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left' | 'bottom-end' | 'bottom-start' | 'top-end' | 'top-start';
     /** Additional class name */
     className?: string;
 }
@@ -1467,8 +1472,14 @@ interface AIChatModalProps extends Omit<AIChatProps, 'variant' | 'size'> {
     open: boolean;
     /** Callback when the modal should close */
     onOpenChange: (open: boolean) => void;
-    /** Position of the modal */
-    position?: 'bottom-right' | 'bottom-left' | 'center';
+    /**
+     * Position of the modal. All values are direction-aware (logical):
+     * `bottom-left`/`bottom-right` are aliases for `bottom-start`/`bottom-end`
+     * and mirror in RTL documents. Prefer `start`/`end` values for clarity;
+     * pass a physical inset via `modalClassName` if fixed positioning is
+     * required. `center` is direction-neutral.
+     */
+    position?: 'bottom-right' | 'bottom-left' | 'bottom-end' | 'bottom-start' | 'center';
     /** Width of the modal */
     width?: string | number;
     /** Height of the modal */

package/dist/index.js

@@ -23,10 +23,10 @@ import { Spinner, SpinnerWithLabel } from './chunk-UA7E7PDS.js';
 export { FullPageSpinner, Spinner, SpinnerWithLabel, spinnerVariants } from './chunk-UA7E7PDS.js';
 import { SparklesIcon, RefreshIcon, CloseIcon, AIMessageDisplay } from './chunk-RZJXCI53.js';
 export { AILogoIcon, AIMessageDisplay, AITypingIndicator, ChatBubble, ChevronIcon, CloseIcon, CollapsiblePill, MCPToolCallDisplay, MessageAvatar, RefreshIcon, ResourceLink, SendIcon, SparklesIcon, SpinnerIcon, ToolStatusIcon, getToolIcon } from './chunk-RZJXCI53.js';
-import { EmptyState } from './chunk-EK6DYGFG.js';
-export { AttachmentPreview, ConversationHeader, ConversationListItem, ConversationListSkeleton, DateSeparator, EmptyState, LightboxModal, LoadMoreButton, MessageBubble, MessageList, MessageStatusIcon, MessageThread, MessagingSplitView, ReadReceiptIndicator, SkeletonMessage, TypingIndicator, bubbleVariants, formatDateLabel, formatFileSize, formatLastSeen, getConversationSubtitle, getConversationTitle, groupMessagesByDate, headerVariants, isSameSenderGroup, useMessageScroll, useMessages, useReadReceipts, useTypingIndicator } from './chunk-EK6DYGFG.js';
-import { MessageComposer } from './chunk-UJS3JTVT.js';
-export { AttachmentPicker, AttachmentPreviewItem, CameraButton, CharacterCounter, DragDropZone, MessageComposer, SendButton, generateAttachmentId, getFileType, sendButtonVariants, validateFile } from './chunk-UJS3JTVT.js';
+import { EmptyState } from './chunk-GPZDP2IA.js';
+export { AttachmentPreview, ConversationHeader, ConversationListItem, ConversationListSkeleton, DateSeparator, EmptyState, LightboxModal, LoadMoreButton, MessageBubble, MessageList, MessageStatusIcon, MessageThread, MessagingSplitView, ReadReceiptIndicator, SkeletonMessage, TypingIndicator, bubbleVariants, formatDateLabel, formatFileSize, formatLastSeen, getConversationSubtitle, getConversationTitle, groupMessagesByDate, headerVariants, isSameSenderGroup, useMessageScroll, useMessages, useReadReceipts, useTypingIndicator } from './chunk-GPZDP2IA.js';
+import { MessageComposer } from './chunk-KLLRTTC5.js';
+export { AttachmentPicker, AttachmentPreviewItem, CameraButton, CharacterCounter, DragDropZone, MessageComposer, SendButton, generateAttachmentId, getFileType, sendButtonVariants, validateFile } from './chunk-KLLRTTC5.js';
 import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from './chunk-TNUL4LGG.js';
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from './chunk-TNUL4LGG.js';
 export { RichTextEditor, convertAngleBracketsToMustache, processDictation } from './chunk-JQQABHDN.js';
@@ -76,7 +76,7 @@ export { Checkbox, CheckboxGroup, checkboxVariants } from './chunk-753Z3NXL.js';
 export { ClampedText } from './chunk-L6MDULYB.js';
 export { CollabStatus, defaultCollabStatusLabels, useYjsCollabStatus } from './chunk-SVSHA7XV.js';
 export { Collapsible, CollapsibleContent, CollapsibleTrigger } from './chunk-BJKAVWED.js';
-export { miewebUIPreset, miewebUISafelist } from './chunk-VQ5HJCTP.js';
+export { miewebUIPreset, miewebUISafelist } from './chunk-2HQTUWJU.js';
 export { Accordion } from './chunk-Y6YSJPVC.js';
 import { Alert, AlertTitle, AlertDescription } from './chunk-6EWJGRC3.js';
 export { Alert, AlertDescription, AlertTitle, alertVariants } from './chunk-6EWJGRC3.js';
@@ -3249,7 +3249,7 @@ function ItemLabel({ label, sub }) {
   ] });
 }
 var itemClasses = cn(
-  "flex w-full items-center gap-3 rounded-lg px-3 py-2 text-left text-sm",
+  "flex w-full items-center gap-3 rounded-lg px-3 py-2 text-start text-sm",
   "transition-colors duration-150 focus:outline-none",
   "text-neutral-700 dark:text-neutral-300",
   "hover:bg-neutral-100 dark:hover:bg-neutral-700",
@@ -5360,10 +5360,14 @@ function AIChatTrigger({
   className
 }) {
   const positionClasses = {
-    "bottom-right": "bottom-4 right-4",
-    "bottom-left": "bottom-4 left-4",
-    "top-right": "top-4 right-4",
-    "top-left": "top-4 left-4"
+    "bottom-right": "bottom-4 end-4",
+    "bottom-left": "bottom-4 start-4",
+    "top-right": "top-4 end-4",
+    "top-left": "top-4 start-4",
+    "bottom-end": "bottom-4 end-4",
+    "bottom-start": "bottom-4 start-4",
+    "top-end": "top-4 end-4",
+    "top-start": "top-4 start-4"
   };
   return /* @__PURE__ */ jsxs(
     "button",
@@ -5388,7 +5392,7 @@ function AIChatTrigger({
           "span",
           {
             "data-slot": "ai-chat-trigger-badge",
-            className: "absolute -top-1 -right-1 flex h-5 w-5 items-center justify-center rounded-full bg-red-500 text-xs font-bold",
+            className: "absolute -end-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-red-500 text-xs font-bold",
             children: badge > 9 ? "9+" : badge
           }
         ),
@@ -5412,8 +5416,10 @@ function AIChatModal({
   });
   if (!open) return null;
   const positionClasses = {
-    "bottom-right": "bottom-20 right-4",
-    "bottom-left": "bottom-20 left-4",
+    "bottom-right": "bottom-20 end-4",
+    "bottom-left": "bottom-20 start-4",
+    "bottom-end": "bottom-20 end-4",
+    "bottom-start": "bottom-20 start-4",
     center: "top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2"
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -5759,7 +5765,7 @@ function VoiceSetup({
           {
             variant: "ghost",
             size: "sm",
-            className: "text-muted-foreground absolute top-4 left-4",
+            className: "text-muted-foreground absolute start-4 top-4",
             onClick: () => {
               oz.cancel();
               onCancel();
@@ -6010,7 +6016,7 @@ function VoiceManager({ logoSrc }) {
       /* @__PURE__ */ jsx("div", { className: "mt-[22px] flex w-full max-w-[460px] flex-col gap-2.5", children: voices.map((v) => /* @__PURE__ */ jsxs(
         "div",
         {
-          className: "border-border bg-card flex items-center gap-3 rounded-2xl border px-4 py-3 text-left",
+          className: "border-border bg-card flex items-center gap-3 rounded-2xl border px-4 py-3 text-start",
           children: [
             /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
               editingId === v.id ? /* @__PURE__ */ jsx(
@@ -6557,7 +6563,7 @@ function VisitScribe({
             /* @__PURE__ */ jsx(
               "span",
               {
-                className: "mr-2 inline-block h-2.5 w-2.5 animate-pulse rounded-full bg-white",
+                className: "me-2 inline-block h-2.5 w-2.5 animate-pulse rounded-full bg-white",
                 "aria-hidden": "true"
               }
             ),
@@ -6653,7 +6659,7 @@ function VisitScribe({
               recording && /* @__PURE__ */ jsx(
                 "span",
                 {
-                  className: "mr-2 inline-block h-2 w-2 animate-pulse rounded-full bg-red-500 align-middle",
+                  className: "me-2 inline-block h-2 w-2 animate-pulse rounded-full bg-red-500 align-middle",
                   "aria-hidden": "true"
                 }
               ),
@@ -6923,7 +6929,7 @@ function ReconciliationProposalRow({
                   proposal.required && /* @__PURE__ */ jsx(
                     "span",
                     {
-                      className: "text-muted-foreground ml-1 text-xs font-normal",
+                      className: "text-muted-foreground ms-1 text-xs font-normal",
                       "aria-label": "required",
                       children: "(required)"
                     }