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

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

@@ -15,7 +15,7 @@ import { Text } from './chunk-3YSIZ2CK.js';
 export { SmallMuted, Text, textVariants } from './chunk-3YSIZ2CK.js';
 export { ThemeProvider, ThemeProviderContext, ThemeToggle, themeToggleIconVariants, themeToggleVariants, useThemeContext } from './chunk-SH6B4MG5.js';
 export { Toggle, toggleVariants } from './chunk-PTZB2GKL.js';
-export { TranscriptView, formatTimestampMs } from './chunk-SEPYBAML.js';
+export { TranscriptView, formatTimestampMs } from './chunk-RVGTI4F6.js';
 export { VisuallyHidden } from './chunk-H2CIKJQI.js';
 export { SourceTip } from './chunk-KFEN2SRZ.js';
 export { Sparkline } from './chunk-CG4ZKJLE.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';
@@ -52,7 +52,7 @@ export { MermaidBlock } from './chunk-EHQ77LL5.js';
 export { SurveyBlock } from './chunk-DWCYEPTT.js';
 export { CsvBlock } from './chunk-5J5PEUUA.js';
 export { FenceBlock } from './chunk-NLBT5O2X.js';
-export { FillerWordsModal, MediaEditor, SilenceSettingsModal, SpeedMarkerMenu, WordEditorModal } from './chunk-LDQ2T27A.js';
+export { FillerWordsModal, MediaEditor, SilenceSettingsModal, SpeedMarkerMenu, WordEditorModal } from './chunk-DWRYYTWT.js';
 export { Slider, sliderRangeVariants, sliderThumbVariants, sliderTrackVariants } from './chunk-OTQ72WX3.js';
 import './chunk-RISZWWEQ.js';
 export { MediaPlayer, inferMediaKind, mediaPlayerVariants } from './chunk-EMMYFHOT.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-CJOPRFGI.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)"
                     }
@@ -17625,7 +17631,7 @@ function FilePreviewItem({ file, onRemove, disabled }) {
             "span",
             {
               className: cn(
-                "absolute bottom-2 left-2 px-2 py-0.5",
+                "absolute start-2 bottom-2 px-2 py-0.5",
                 "rounded-full text-xs font-medium",
                 "bg-black/50 text-white",
                 "capitalize"
@@ -18182,15 +18188,15 @@ function DocumentDetectionOverlay({
       {
         className: `absolute inset-4 rounded-lg border-4 transition-colors duration-300 ${borderColor}`,
         children: [
-          /* @__PURE__ */ jsx("div", { className: "absolute -top-1 -left-1 h-6 w-6 rounded-tl border-t-4 border-l-4 border-current" }),
-          /* @__PURE__ */ jsx("div", { className: "absolute -top-1 -right-1 h-6 w-6 rounded-tr border-t-4 border-r-4 border-current" }),
-          /* @__PURE__ */ jsx("div", { className: "absolute -bottom-1 -left-1 h-6 w-6 rounded-bl border-b-4 border-l-4 border-current" }),
-          /* @__PURE__ */ jsx("div", { className: "absolute -right-1 -bottom-1 h-6 w-6 rounded-br border-r-4 border-b-4 border-current" })
+          /* @__PURE__ */ jsx("div", { className: "absolute -start-1 -top-1 h-6 w-6 rounded-ss border-s-4 border-t-4 border-current" }),
+          /* @__PURE__ */ jsx("div", { className: "absolute -end-1 -top-1 h-6 w-6 rounded-se border-e-4 border-t-4 border-current" }),
+          /* @__PURE__ */ jsx("div", { className: "absolute -start-1 -bottom-1 h-6 w-6 rounded-es border-s-4 border-b-4 border-current" }),
+          /* @__PURE__ */ jsx("div", { className: "absolute -end-1 -bottom-1 h-6 w-6 rounded-ee border-e-4 border-b-4 border-current" })
         ]
       }
     ),
     /* @__PURE__ */ jsx(CountdownDisplay, { seconds: captureCountdown }),
-    /* @__PURE__ */ jsxs("div", { className: "absolute top-3 right-3 left-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "absolute start-3 end-3 top-3", children: [
       /* @__PURE__ */ jsx(
         "div",
         {
@@ -18206,7 +18212,7 @@ function DocumentDetectionOverlay({
         }
       ) })
     ] }),
-    showDetailedMetrics && /* @__PURE__ */ jsx("div", { className: "absolute right-3 bottom-3 left-3", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap justify-center gap-2 rounded-lg bg-black/60 p-2 backdrop-blur-sm", children: [
+    showDetailedMetrics && /* @__PURE__ */ jsx("div", { className: "absolute start-3 end-3 bottom-3", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap justify-center gap-2 rounded-lg bg-black/60 p-2 backdrop-blur-sm", children: [
       /* @__PURE__ */ jsx(StatusPill, { label: "Focus", isOk: isInFocus, value: focusScore }),
       /* @__PURE__ */ jsx(
         StatusPill,
@@ -18247,12 +18253,12 @@ function CameraViewfinder({
     isReady && detectionOverlay,
     isReady && !detectionOverlay && /* @__PURE__ */ jsxs("div", { className: "pointer-events-none absolute inset-0", children: [
       /* @__PURE__ */ jsxs("div", { className: "absolute inset-8 rounded-lg border-2 border-white/30", children: [
-        /* @__PURE__ */ jsx("div", { className: "absolute -top-0.5 -left-0.5 h-6 w-6 rounded-tl-lg border-t-4 border-l-4 border-white" }),
-        /* @__PURE__ */ jsx("div", { className: "absolute -top-0.5 -right-0.5 h-6 w-6 rounded-tr-lg border-t-4 border-r-4 border-white" }),
-        /* @__PURE__ */ jsx("div", { className: "absolute -bottom-0.5 -left-0.5 h-6 w-6 rounded-bl-lg border-b-4 border-l-4 border-white" }),
-        /* @__PURE__ */ jsx("div", { className: "absolute -right-0.5 -bottom-0.5 h-6 w-6 rounded-br-lg border-r-4 border-b-4 border-white" })
+        /* @__PURE__ */ jsx("div", { className: "absolute -start-0.5 -top-0.5 h-6 w-6 rounded-ss-lg border-s-4 border-t-4 border-white" }),
+        /* @__PURE__ */ jsx("div", { className: "absolute -end-0.5 -top-0.5 h-6 w-6 rounded-se-lg border-e-4 border-t-4 border-white" }),
+        /* @__PURE__ */ jsx("div", { className: "absolute -start-0.5 -bottom-0.5 h-6 w-6 rounded-es-lg border-s-4 border-b-4 border-white" }),
+        /* @__PURE__ */ jsx("div", { className: "absolute -end-0.5 -bottom-0.5 h-6 w-6 rounded-ee-lg border-e-4 border-b-4 border-white" })
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "absolute right-0 bottom-4 left-0 text-center", children: /* @__PURE__ */ jsx("span", { className: "rounded-full bg-black/50 px-3 py-1 text-sm text-white", children: "Position document within the frame" }) })
+      /* @__PURE__ */ jsx("div", { className: "absolute start-0 end-0 bottom-4 text-center", children: /* @__PURE__ */ jsx("span", { className: "rounded-full bg-black/50 px-3 py-1 text-sm text-white", children: "Position document within the frame" }) })
     ] })
   ] });
 }
@@ -18265,7 +18271,7 @@ function PermissionDeniedMessage({ onRetry }) {
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 text-center", children: [
       /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: "To enable camera access:" }),
-      /* @__PURE__ */ jsxs("ol", { className: "text-muted-foreground list-inside list-decimal space-y-1 text-left text-sm", children: [
+      /* @__PURE__ */ jsxs("ol", { className: "text-muted-foreground list-inside list-decimal space-y-1 text-start text-sm", children: [
         /* @__PURE__ */ jsx("li", { children: "Click the camera/lock icon in your browser's address bar" }),
         /* @__PURE__ */ jsx("li", { children: "Allow camera access for this site" }),
         /* @__PURE__ */ jsx("li", { children: "Click the button below to try again" })