@mieweb/ui 0.8.0-dev.7 → 0.8.0-dev.8

package/dist/index.js

@@ -21,15 +21,15 @@ export { SourceTip } from './chunk-KFEN2SRZ.js';
 export { Sparkline } from './chunk-CG4ZKJLE.js';
 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 { SparklesIcon, RefreshIcon, CloseIcon, AIMessageDisplay } from './chunk-22CYDCXA.js';
+export { AILogoIcon, AIMessageDisplay, AITypingIndicator, ChatBubble, ChevronIcon, CloseIcon, CollapsiblePill, MCPToolCallDisplay, MessageAvatar, RefreshIcon, ResourceLink, SendIcon, SparklesIcon, SpinnerIcon, ToolStatusIcon, getToolIcon } from './chunk-22CYDCXA.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';
+export { RichTextEditor, convertAngleBracketsToMustache, processDictation } from './chunk-CAN3A3DC.js';
 export { DateButton, DatePicker, RadioOption, SchedulePicker, TimeButton, TimePicker, dateButtonVariants, radioOptionVariants, timeButtonVariants } from './chunk-23AYDOCH.js';
 export { ScrollArea, scrollAreaVariants } from './chunk-HS25RPDW.js';
 export { SectionSpyNav } from './chunk-JHZW3Y62.js';
@@ -40,31 +40,31 @@ export { Pagination, SimplePagination, paginationButtonVariants } from './chunk-
 export { PhoneInput, PhoneInputGroup } from './chunk-GXODR6V4.js';
 import { Progress } from './chunk-CEQJGUAS.js';
 export { CircularProgress, Progress, circularProgressVariants, progressBarFillVariants, progressBarTrackVariants } from './chunk-CEQJGUAS.js';
-export { QuickAction, QuickActionGroup, QuickActionIcons, quickActionIconVariants, quickActionVariants } from './chunk-5U6GETAW.js';
+export { QuickAction, QuickActionGroup, QuickActionIcons, quickActionIconVariants, quickActionVariants } from './chunk-TQDZLRIE.js';
 export { ReadingProgressBar } from './chunk-WKSUL2ZN.js';
 import { RecordButton } from './chunk-VNWJTCBQ.js';
 export { RecordButton, formatDuration, recordButtonVariants } from './chunk-VNWJTCBQ.js';
 export { GlossaryTooltip } from './chunk-6GKX36JX.js';
 export { Kbd, KeyboardShortcutsOverlay } from './chunk-X5ZPYYMS.js';
-export { CodeBlock, MarkdownRenderer, highlightCode, useMarkdown } from './chunk-DX64KLSN.js';
+export { CodeBlock, MarkdownRenderer, highlightCode, useMarkdown } from './chunk-CLQUCPV6.js';
 export { HtmlPreviewBlock } from './chunk-UZ5NGGMI.js';
 export { MermaidBlock } from './chunk-EHQ77LL5.js';
-export { SurveyBlock } from './chunk-DWCYEPTT.js';
-export { CsvBlock } from './chunk-5J5PEUUA.js';
+export { SurveyBlock } from './chunk-XNU4NTVE.js';
+export { CsvBlock } from './chunk-4KFVGIY6.js';
 export { FenceBlock } from './chunk-NLBT5O2X.js';
-export { FillerWordsModal, MediaEditor, SilenceSettingsModal, SpeedMarkerMenu, WordEditorModal } from './chunk-DWRYYTWT.js';
-export { Slider, sliderRangeVariants, sliderThumbVariants, sliderTrackVariants } from './chunk-OTQ72WX3.js';
+export { FillerWordsModal, MediaEditor, SilenceSettingsModal, SpeedMarkerMenu, WordEditorModal } from './chunk-4KZIXV2J.js';
+export { Slider, sliderRangeVariants, sliderThumbVariants, sliderTrackVariants } from './chunk-2BPIVWAK.js';
 import './chunk-RISZWWEQ.js';
 export { MediaPlayer, inferMediaKind, mediaPlayerVariants } from './chunk-EMMYFHOT.js';
 export { CopyButton } from './chunk-5QZ73PZC.js';
-import { CountryDropdownBase } from './chunk-DJ4JPFWI.js';
-export { CountryCodeDropdown, formatE164, validatePhoneNumber } from './chunk-DJ4JPFWI.js';
+import { CountryDropdownBase } from './chunk-CLRWVJOD.js';
+export { CountryCodeDropdown, formatE164, validatePhoneNumber } from './chunk-CLRWVJOD.js';
 export { CustomizableDashboard, DashboardCustomizePanel, consolidateColumns, mergeColumnOrder, moveAcrossColumns, reorderOnDrop, requiredColumns } from './chunk-F57VRLKP.js';
 import { Switch, switchThumbVariants, switchTrackVariants } from './chunk-AQ564XO7.js';
 export { Switch, switchThumbVariants, switchTrackVariants } from './chunk-AQ564XO7.js';
 export { Sheet, SheetBody, SheetClose, SheetDescription, SheetFooter, SheetHeader, SheetTitle, sheetContentVariants, sheetOverlayVariants } from './chunk-LMBXJZLG.js';
-import { Dropdown, DropdownItem, DropdownSeparator, DropdownContent, DropdownHeader } from './chunk-AHUYW673.js';
-export { Dropdown, DropdownContent, DropdownHeader, DropdownItem, DropdownLabel, DropdownSeparator, DropdownSubmenu } from './chunk-AHUYW673.js';
+import { Dropdown, DropdownItem, DropdownSeparator, DropdownContent, DropdownHeader } from './chunk-K52C5UBS.js';
+export { Dropdown, DropdownContent, DropdownHeader, DropdownItem, DropdownLabel, DropdownSeparator, DropdownSubmenu } from './chunk-K52C5UBS.js';
 export { FilterSummaryBar } from './chunk-6SCQ7FKT.js';
 export { FloatingWindow, MinimizedWindow } from './chunk-N3Y43KOB.js';
 export { FreshnessBadge, FreshnessDot, daysSince, freshnessLevel } from './chunk-HQ3XPCHG.js';
@@ -76,21 +76,21 @@ 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-IGLVKTXA.js';
+export { miewebUIPreset, miewebUISafelist } from './chunk-K4EPNHM3.js';
 export { Accordion } from './chunk-Y6YSJPVC.js';
-import { Alert, AlertTitle, AlertDescription } from './chunk-6EWJGRC3.js';
-export { Alert, AlertDescription, AlertTitle, alertVariants } from './chunk-6EWJGRC3.js';
+import { Alert, AlertTitle, AlertDescription } from './chunk-3JWAABYI.js';
+export { Alert, AlertDescription, AlertTitle, alertVariants } from './chunk-3JWAABYI.js';
 import { AlertDialog } from './chunk-FPVRQCCL.js';
 export { AlertDialog } from './chunk-FPVRQCCL.js';
-export { AudioPlayer, ProgressBar, audioPlayerVariants, formatTime as formatAudioTime, playButtonVariants } from './chunk-XO3WLK65.js';
+export { AudioPlayer, ProgressBar, audioPlayerVariants, formatTime as formatAudioTime, playButtonVariants } from './chunk-VVDE4CHU.js';
 export { AudioRecorder, audioRecorderVariants, controlButtonVariants, formatTime, waveformContainerVariants } from './chunk-2DW4PUJD.js';
-export { Autocomplete } from './chunk-SVZ4MQVQ.js';
-import { Avatar } from './chunk-DCBMTFLE.js';
-export { Avatar, AvatarGroup, avatarVariants, getInitials } from './chunk-DCBMTFLE.js';
+export { Autocomplete } from './chunk-UBOVDAD7.js';
+import { Avatar } from './chunk-HZ4MBUC3.js';
+export { Avatar, AvatarGroup, avatarVariants, getInitials } from './chunk-HZ4MBUC3.js';
 import { evaluateDue, completedKeys, normalizeOrders } from './chunk-Y5KEFV5O.js';
 export { buildChartOrderRows, buildEncounterOrderRows, dueForOrder, evaluateDue, evaluateProgram, isApplicable } from './chunk-Y5KEFV5O.js';
-import { useCodeLookupConfig, RowActionToolbar, RowIconButton, toolbarKeyNav, parseSig, labelToMedicationFields, MedicationEditor } from './chunk-CQFDS7XJ.js';
-export { ALLERGY_TYPE_LABELS, AllergyList, AllergyManager, CodeLookupProvider, MEDICATION_STATUS_LABELS, MedicationEditor, MedicationList, MedicationReconciliation, RowActionToolbar, RowIconButton, labelToMedicationFields, lookupToMedicationFields, parseMedicationLabel, parseSig, toolbarKeyNav, useCodeLookupConfig } from './chunk-CQFDS7XJ.js';
+import { useCodeLookupConfig, RowActionToolbar, RowIconButton, toolbarKeyNav, parseSig, labelToMedicationFields, MedicationEditor } from './chunk-MUUB35XB.js';
+export { ALLERGY_TYPE_LABELS, AllergyList, AllergyManager, CodeLookupProvider, MEDICATION_STATUS_LABELS, MedicationEditor, MedicationList, MedicationReconciliation, RowActionToolbar, RowIconButton, labelToMedicationFields, lookupToMedicationFields, parseMedicationLabel, parseSig, toolbarKeyNav, useCodeLookupConfig } from './chunk-MUUB35XB.js';
 import { Textarea } from './chunk-H3YO5GBM.js';
 export { Textarea, textareaVariants } from './chunk-H3YO5GBM.js';
 import { Tooltip } from './chunk-FJ7YPVKV.js';
@@ -478,7 +478,7 @@ function AddContactModal({
                 size: "sm",
                 onClick: handleAddCustomField,
                 children: [
-                  /* @__PURE__ */ jsx(PlusIcon, { className: "mr-1 h-4 w-4" }),
+                  /* @__PURE__ */ jsx(PlusIcon, { className: "me-1 h-4 w-4" }),
                   "Add Field"
                 ]
               }
@@ -531,7 +531,7 @@ function AddContactModal({
           }
         ),
         /* @__PURE__ */ jsx(Button, { type: "submit", disabled: isSaving, children: isSaving ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(SpinnerIcon2, { className: "mr-2 h-4 w-4 animate-spin" }),
+          /* @__PURE__ */ jsx(SpinnerIcon2, { className: "me-2 h-4 w-4 animate-spin" }),
           "Saving..."
         ] }) : "Save Contact" })
       ] })
@@ -733,7 +733,7 @@ function AdditionalFields({
         "data-slot": "additional-fields-header",
         onClick: () => setIsExpanded(!isExpanded),
         className: cn(
-          "flex w-full items-center gap-2 text-left text-sm font-medium",
+          "flex w-full items-center gap-2 text-start text-sm font-medium",
           "text-gray-700 hover:text-gray-900",
           "dark:text-gray-300 dark:hover:text-gray-100",
           "transition-colors"
@@ -751,7 +751,7 @@ function AdditionalFields({
               )
             }
           ),
-          value.length > 0 && /* @__PURE__ */ jsx("span", { className: "bg-brand-100 text-brand-700 dark:bg-brand-900/30 dark:text-brand-300 ml-1 rounded-full px-2 py-0.5 text-xs", children: value.length })
+          value.length > 0 && /* @__PURE__ */ jsx("span", { className: "bg-brand-100 text-brand-700 dark:bg-brand-900/30 dark:text-brand-300 ms-1 rounded-full px-2 py-0.5 text-xs", children: value.length })
         ]
       }
     ),
@@ -9238,7 +9238,7 @@ function AuthDialog({
                 {
                   type: "button",
                   onClick: onClose,
-                  className: "text-muted-foreground absolute top-4 right-4 rounded-full p-1 hover:bg-gray-100 hover:text-gray-700 dark:hover:bg-gray-700 dark:hover:text-gray-300",
+                  className: "text-muted-foreground absolute end-4 top-4 rounded-full p-1 hover:bg-gray-100 hover:text-gray-700 dark:hover:bg-gray-700 dark:hover:text-gray-300",
                   "aria-label": "Close",
                   children: /* @__PURE__ */ jsx(CloseIcon2, { className: "h-5 w-5" })
                 }
@@ -9465,7 +9465,7 @@ function LoginForm({ onSubmit, isLoading, onForgotPassword }) {
             onChange: (e) => setPassword(e.target.value),
             required: true,
             autoComplete: "current-password",
-            className: "focus:ring-primary-500 w-full rounded-lg border border-gray-300 bg-white px-3 py-2 pr-10 text-gray-900 focus:border-transparent focus:ring-2 dark:border-gray-600 dark:bg-gray-700 dark:text-white",
+            className: "focus:ring-primary-500 w-full rounded-lg border border-gray-300 bg-white px-3 py-2 pe-10 text-gray-900 focus:border-transparent focus:ring-2 dark:border-gray-600 dark:bg-gray-700 dark:text-white",
             placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022"
           }
         ),
@@ -9474,7 +9474,7 @@ function LoginForm({ onSubmit, isLoading, onForgotPassword }) {
           {
             type: "button",
             onClick: () => setShowPassword(!showPassword),
-            className: "text-muted-foreground absolute top-1/2 right-3 -translate-y-1/2 hover:text-gray-700",
+            className: "text-muted-foreground absolute end-3 top-1/2 -translate-y-1/2 hover:text-gray-700",
             "aria-label": showPassword ? "Hide password" : "Show password",
             children: showPassword ? /* @__PURE__ */ jsx(EyeOffIcon, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(EyeIcon, { className: "h-4 w-4" })
           }
@@ -9490,7 +9490,7 @@ function LoginForm({ onSubmit, isLoading, onForgotPassword }) {
             className: "text-primary-800 focus:ring-primary-500 rounded border-gray-300"
           }
         ),
-        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground ml-2 text-sm", children: "Remember me" })
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground ms-2 text-sm", children: "Remember me" })
       ] }),
       /* @__PURE__ */ jsx(
         "button",
@@ -9574,7 +9574,7 @@ function SignupForm({
             required: true,
             autoComplete: "new-password",
             minLength: 8,
-            className: "focus:ring-primary-500 w-full rounded-lg border border-gray-300 bg-white px-3 py-2 pr-10 text-gray-900 focus:border-transparent focus:ring-2 dark:border-gray-600 dark:bg-gray-700 dark:text-white",
+            className: "focus:ring-primary-500 w-full rounded-lg border border-gray-300 bg-white px-3 py-2 pe-10 text-gray-900 focus:border-transparent focus:ring-2 dark:border-gray-600 dark:bg-gray-700 dark:text-white",
             placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022"
           }
         ),
@@ -9583,7 +9583,7 @@ function SignupForm({
           {
             type: "button",
             onClick: () => setShowPassword(!showPassword),
-            className: "text-muted-foreground absolute top-1/2 right-3 -translate-y-1/2 hover:text-gray-700",
+            className: "text-muted-foreground absolute end-3 top-1/2 -translate-y-1/2 hover:text-gray-700",
             "aria-label": showPassword ? "Hide password" : "Show password",
             children: showPassword ? /* @__PURE__ */ jsx(EyeOffIcon, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(EyeIcon, { className: "h-4 w-4" })
           }
@@ -9628,7 +9628,7 @@ function SignupForm({
           className: "text-primary-800 focus:ring-primary-500 mt-0.5 rounded border-gray-300"
         }
       ),
-      /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground ml-2 text-sm", children: [
+      /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground ms-2 text-sm", children: [
         "I agree to the",
         " ",
         /* @__PURE__ */ jsx(
@@ -9753,7 +9753,7 @@ function ResetPasswordForm({ onSubmit, isLoading }) {
             required: true,
             autoComplete: "new-password",
             minLength: 8,
-            className: "focus:ring-primary-500 w-full rounded-lg border border-gray-300 bg-white px-3 py-2 pr-10 text-gray-900 focus:border-transparent focus:ring-2 dark:border-gray-600 dark:bg-gray-700 dark:text-white",
+            className: "focus:ring-primary-500 w-full rounded-lg border border-gray-300 bg-white px-3 py-2 pe-10 text-gray-900 focus:border-transparent focus:ring-2 dark:border-gray-600 dark:bg-gray-700 dark:text-white",
             placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022"
           }
         ),
@@ -9762,7 +9762,7 @@ function ResetPasswordForm({ onSubmit, isLoading }) {
           {
             type: "button",
             onClick: () => setShowPassword(!showPassword),
-            className: "text-muted-foreground absolute top-1/2 right-3 -translate-y-1/2 hover:text-gray-700",
+            className: "text-muted-foreground absolute end-3 top-1/2 -translate-y-1/2 hover:text-gray-700",
             "aria-label": showPassword ? "Hide password" : "Show password",
             children: showPassword ? /* @__PURE__ */ jsx(EyeOffIcon, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(EyeIcon, { className: "h-4 w-4" })
           }
@@ -13927,7 +13927,7 @@ function CommandPalette({
               "data-slot": "command-palette-search",
               className: "relative border-b border-gray-200 dark:border-gray-700",
               children: [
-                /* @__PURE__ */ jsx("div", { className: "text-muted-foreground absolute top-1/2 left-4 -translate-y-1/2", children: /* @__PURE__ */ jsx(SearchIcon2, {}) }),
+                /* @__PURE__ */ jsx("div", { className: "text-muted-foreground absolute start-4 top-1/2 -translate-y-1/2", children: /* @__PURE__ */ jsx(SearchIcon2, {}) }),
                 /* @__PURE__ */ jsx(
                   "input",
                   {
@@ -13940,7 +13940,7 @@ function CommandPalette({
                     autoFocus: true,
                     "data-testid": `${testId}-input`,
                     className: cn(
-                      "w-full bg-transparent py-4 pr-12 pl-12 text-base",
+                      "w-full bg-transparent py-4 ps-12 pe-12 text-base",
                       "focus:outline-none dark:text-white dark:placeholder-gray-400"
                     )
                   }
@@ -13950,12 +13950,12 @@ function CommandPalette({
                   {
                     onClick: () => setQuery(""),
                     "data-testid": `${testId}-clear`,
-                    className: "text-muted-foreground absolute top-1/2 right-12 -translate-y-1/2 hover:text-gray-700 dark:hover:text-gray-200",
+                    className: "text-muted-foreground absolute end-12 top-1/2 -translate-y-1/2 hover:text-gray-700 dark:hover:text-gray-200",
                     "aria-label": "Clear search",
                     children: /* @__PURE__ */ jsx(XIcon3, {})
                   }
                 ),
-                isLoading && /* @__PURE__ */ jsx("div", { className: "text-primary-800 absolute top-1/2 right-4 -translate-y-1/2", children: /* @__PURE__ */ jsx(SpinnerIcon3, {}) })
+                isLoading && /* @__PURE__ */ jsx("div", { className: "text-primary-800 absolute end-4 top-1/2 -translate-y-1/2", children: /* @__PURE__ */ jsx(SpinnerIcon3, {}) })
               ]
             }
           ),
@@ -14030,7 +14030,7 @@ function CommandPalette({
                             "span",
                             {
                               className: cn(
-                                "mr-2 inline-block h-4 w-4 align-middle",
+                                "me-2 inline-block h-4 w-4 align-middle",
                                 categoryInfo.colorClass
                               ),
                               children: categoryInfo.icon
@@ -14080,7 +14080,7 @@ function CommandPalette({
                           onMouseEnter: () => setSelectedIndex(currentIndex),
                           disabled: item.disabled,
                           className: cn(
-                            "flex w-full items-start gap-3 px-4 py-3 text-left transition-colors",
+                            "flex w-full items-start gap-3 px-4 py-3 text-start transition-colors",
                             isSelected ? "bg-primary-50 dark:bg-primary-900/20" : "hover:bg-gray-50 dark:hover:bg-gray-700/50",
                             item.disabled && "cursor-not-allowed opacity-50"
                           ),
@@ -14136,9 +14136,9 @@ function CommandPalette({
                 /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ jsx("kbd", { className: "rounded border border-gray-200 bg-white px-1 py-0.5 dark:border-gray-600 dark:bg-gray-700", children: "\u2191\u2193" }),
                   /* @__PURE__ */ jsx("span", { children: "navigate" }),
-                  /* @__PURE__ */ jsx("kbd", { className: "ml-2 rounded border border-gray-200 bg-white px-1 py-0.5 dark:border-gray-600 dark:bg-gray-700", children: "\u21B5" }),
+                  /* @__PURE__ */ jsx("kbd", { className: "ms-2 rounded border border-gray-200 bg-white px-1 py-0.5 dark:border-gray-600 dark:bg-gray-700", children: "\u21B5" }),
                   /* @__PURE__ */ jsx("span", { children: "select" }),
-                  /* @__PURE__ */ jsx("kbd", { className: "ml-2 rounded border border-gray-200 bg-white px-1 py-0.5 dark:border-gray-600 dark:bg-gray-700", children: "esc" }),
+                  /* @__PURE__ */ jsx("kbd", { className: "ms-2 rounded border border-gray-200 bg-white px-1 py-0.5 dark:border-gray-600 dark:bg-gray-700", children: "esc" }),
                   /* @__PURE__ */ jsx("span", { children: "close" })
                 ] }),
                 /* @__PURE__ */ jsxs("span", { children: [
@@ -14176,7 +14176,7 @@ function CommandPaletteTrigger({
       ),
       children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(SearchIcon2, {}),
-        /* @__PURE__ */ jsx("span", { className: "flex-1 text-left whitespace-nowrap", children: placeholder }),
+        /* @__PURE__ */ jsx("span", { className: "flex-1 text-start whitespace-nowrap", children: placeholder }),
         /* @__PURE__ */ jsxs(
           "kbd",
           {
@@ -14249,7 +14249,7 @@ function ConnectionStatusOverlay({
         {
           "data-slot": "connection-overlay-card",
           className: cn(cardVariants2({ animate })),
-          children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-4 text-center md:flex-row md:text-left", children: [
+          children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-4 text-center md:flex-row md:text-start", children: [
             /* @__PURE__ */ jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsx(ConnectionIcon, { status: connection.status, className: "h-12 w-12" }) }),
             /* @__PURE__ */ jsxs("div", { "data-slot": "connection-overlay-content", className: "flex-1", children: [
               /* @__PURE__ */ jsx("p", { className: "text-gray-700 dark:text-gray-300", children: displayMessage }),
@@ -14302,7 +14302,7 @@ function UpdateAvailableOverlay({
         {
           "data-slot": "update-overlay-card",
           className: cn(cardVariants2({ animate: true })),
-          children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-4 text-center md:flex-row md:text-left", children: [
+          children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-4 text-center md:flex-row md:text-start", children: [
             /* @__PURE__ */ jsx("div", { className: "shrink-0", children: logoUrl ? /* @__PURE__ */ jsx(
               "img",
               {
@@ -14401,7 +14401,7 @@ function ConnectionStatusBar({
       "aria-live": "polite",
       "data-slot": "connection-bar",
       className: cn(
-        "fixed right-0 left-0 z-40 px-4 py-2",
+        "fixed start-0 end-0 z-40 px-4 py-2",
         position === "top" ? "top-0" : "bottom-0",
         isConnecting ? "bg-warning-500 text-warning-900" : "bg-destructive-700 text-white",
         className
@@ -14732,7 +14732,7 @@ function RowActionMenu({
               role: "menuitem",
               type: "button",
               className: cn(
-                "flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs",
+                "flex w-full items-center gap-2 px-3 py-1.5 text-start text-xs",
                 "transition-colors duration-100",
                 action.variant === "danger" ? "text-red-600 hover:bg-red-50 dark:text-red-400 dark:hover:bg-red-900/20" : "text-neutral-700 hover:bg-neutral-100 dark:text-neutral-300 dark:hover:bg-neutral-700"
               ),
@@ -14804,7 +14804,7 @@ function HoverMenu({
             {
               "data-slot": "count-badge-menu-scroll",
               className: "max-h-[240px] min-h-0 overflow-y-auto",
-              children: /* @__PURE__ */ jsxs("table", { className: "w-full text-left text-xs", children: [
+              children: /* @__PURE__ */ jsxs("table", { className: "w-full text-start text-xs", children: [
                 /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "border-b border-neutral-100 dark:border-neutral-700", children: [
                   /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-3 py-1.5 font-medium", children: "#" }),
                   /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-3 py-1.5 font-medium", children: "Label" }),
@@ -14897,14 +14897,14 @@ function ViewModalActions({
               "aria-expanded": shareOpen,
               "aria-haspopup": "menu",
               children: [
-                /* @__PURE__ */ jsx(Share, { size: 14, className: "mr-1.5" }),
+                /* @__PURE__ */ jsx(Share, { size: 14, className: "me-1.5" }),
                 "Share",
                 /* @__PURE__ */ jsx(
                   ChevronDown,
                   {
                     size: 12,
                     className: cn(
-                      "ml-1 transition-transform duration-150",
+                      "ms-1 transition-transform duration-150",
                       shareOpen && "rotate-180"
                     )
                   }
@@ -14931,7 +14931,7 @@ function ViewModalActions({
                       role: "menuitem",
                       type: "button",
                       className: cn(
-                        "flex w-full items-center gap-2 px-3 py-1.5 text-left text-sm",
+                        "flex w-full items-center gap-2 px-3 py-1.5 text-start text-sm",
                         "text-neutral-700 hover:bg-neutral-100",
                         "dark:text-neutral-300 dark:hover:bg-neutral-700"
                       ),
@@ -14951,7 +14951,7 @@ function ViewModalActions({
                       role: "menuitem",
                       type: "button",
                       className: cn(
-                        "flex w-full items-center gap-2 px-3 py-1.5 text-left text-sm",
+                        "flex w-full items-center gap-2 px-3 py-1.5 text-start text-sm",
                         "text-neutral-700 hover:bg-neutral-100",
                         "dark:text-neutral-300 dark:hover:bg-neutral-700"
                       ),
@@ -14971,7 +14971,7 @@ function ViewModalActions({
                       role: "menuitem",
                       type: "button",
                       className: cn(
-                        "flex w-full items-center gap-2 px-3 py-1.5 text-left text-sm",
+                        "flex w-full items-center gap-2 px-3 py-1.5 text-start text-sm",
                         "text-neutral-700 hover:bg-neutral-100",
                         "dark:text-neutral-300 dark:hover:bg-neutral-700"
                       ),
@@ -15000,7 +15000,7 @@ function ViewModalActions({
         size: "sm",
         onClick: () => console.warn("Export", viewTarget),
         children: [
-          /* @__PURE__ */ jsx(Download, { size: 14, className: "mr-1.5" }),
+          /* @__PURE__ */ jsx(Download, { size: 14, className: "me-1.5" }),
           "Export"
         ]
       }
@@ -15012,7 +15012,7 @@ function ViewModalActions({
         size: "sm",
         onClick: () => console.warn("Open in chart", viewTarget),
         children: [
-          /* @__PURE__ */ jsx(ExternalLink, { size: 14, className: "mr-1.5" }),
+          /* @__PURE__ */ jsx(ExternalLink, { size: 14, className: "me-1.5" }),
           "Open in Chart"
         ]
       }
@@ -15496,10 +15496,13 @@ var bannerVariants = cva(
   {
     variants: {
       position: {
-        bottom: "bottom-0 left-0 right-0",
-        top: "top-0 left-0 right-0",
-        "bottom-left": "bottom-4 left-4 max-w-md",
-        "bottom-right": "bottom-4 right-4 max-w-md"
+        bottom: "bottom-0 start-0 end-0",
+        top: "top-0 start-0 end-0",
+        "bottom-start": "bottom-4 start-4 max-w-md",
+        "bottom-end": "bottom-4 end-4 max-w-md",
+        // Deprecated physical aliases for the logical positions above.
+        "bottom-left": "bottom-4 start-4 max-w-md",
+        "bottom-right": "bottom-4 end-4 max-w-md"
       },
       variant: {
         default: "bg-white dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700 shadow-lg",
@@ -15689,7 +15692,7 @@ function CompactCookieBanner({
       "aria-label": "Cookie consent",
       "data-slot": "compact-cookie-banner",
       className: cn(
-        "fixed right-4 bottom-4 left-4 md:right-4 md:left-auto md:max-w-sm",
+        "fixed start-4 end-4 bottom-4 md:start-auto md:end-4 md:max-w-sm",
         "z-50 rounded-lg bg-gray-900 p-4 text-white shadow-xl",
         className
       ),
@@ -16234,7 +16237,7 @@ var DashboardWidget = React13.forwardRef(
               "data-slot": "dashboard-widget-header",
               className: cn(
                 "border-border flex flex-row items-center justify-between gap-2 border-b px-4 py-3 pb-3",
-                accent && "pl-6"
+                accent && "ps-6"
               ),
               children: [
                 /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
@@ -16278,7 +16281,7 @@ var DashboardWidget = React13.forwardRef(
             CardContent,
             {
               "data-slot": "dashboard-widget-body",
-              className: cn("px-4 py-3", accent && "pl-6"),
+              className: cn("px-4 py-3", accent && "ps-6"),
               children
             }
           ),
@@ -16286,7 +16289,7 @@ var DashboardWidget = React13.forwardRef(
             "div",
             {
               "data-slot": "dashboard-widget-footer",
-              className: cn("border-border border-t px-4 py-2", accent && "pl-6"),
+              className: cn("border-border border-t px-4 py-2", accent && "ps-6"),
               children: footer
             }
           )
@@ -16378,7 +16381,7 @@ function DashboardWidgetTableInner({
             {
               className: cn(
                 "px-4 text-xs",
-                col.align === "right" && "text-right",
+                col.align === "right" && "text-end",
                 col.align === "center" && "text-center",
                 col.className
               ),
@@ -16401,7 +16404,7 @@ function DashboardWidgetTableInner({
                 {
                   className: cn(
                     "px-4 py-2 text-sm",
-                    col.align === "right" && "text-right",
+                    col.align === "right" && "text-end",
                     col.align === "center" && "text-center",
                     col.className
                   ),
@@ -16409,7 +16412,7 @@ function DashboardWidgetTableInner({
                 },
                 col.key
               )),
-              actions && actions.length > 0 && /* @__PURE__ */ jsx(TableCell, { className: "w-0 px-2 py-2 text-right", children: /* @__PURE__ */ jsx(
+              actions && actions.length > 0 && /* @__PURE__ */ jsx(TableCell, { className: "w-0 px-2 py-2 text-end", children: /* @__PURE__ */ jsx(
                 WidgetRowActionMenu,
                 {
                   row,
@@ -16511,7 +16514,7 @@ function WidgetRowActionMenu({
               role: "menuitem",
               type: "button",
               className: cn(
-                "flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs",
+                "flex w-full items-center gap-2 px-3 py-1.5 text-start text-xs",
                 "transition-colors duration-100",
                 action.variant === "danger" ? "text-red-600 hover:bg-red-50 dark:text-red-400 dark:hover:bg-red-900/20" : "text-neutral-700 hover:bg-neutral-100 dark:text-neutral-300 dark:hover:bg-neutral-700"
               ),
@@ -16573,7 +16576,7 @@ var DashboardWidgetActions = React13.forwardRef(({ className, actions, columns =
           /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: action.label })
         ] });
         const sharedClasses = cn(
-          "flex items-center gap-2 rounded-lg border border-border px-3 py-2 text-left transition-colors",
+          "flex items-center gap-2 rounded-lg border border-border px-3 py-2 text-start transition-colors",
           "hover:bg-muted/60 hover:border-primary-200 dark:hover:border-primary-800",
           "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2",
           action.disabled && "opacity-50 cursor-not-allowed pointer-events-none"
@@ -16615,7 +16618,7 @@ var DashboardWidgetDataCards = React13.forwardRef(({ className, items, columns =
           /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground text-xs font-medium tracking-wide uppercase", children: item.label }),
           /* @__PURE__ */ jsxs("dd", { className: "text-foreground mt-0.5 text-sm font-semibold", children: [
             item.value,
-            item.unit && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground ml-0.5 text-xs font-normal", children: item.unit })
+            item.unit && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground ms-0.5 text-xs font-normal", children: item.unit })
           ] })
         ] }, `${item.label}-${i}`)) }),
         footer && /* @__PURE__ */ jsx("div", { className: "border-border text-muted-foreground flex items-center gap-2 border-t pt-2 text-xs", children: footer })
@@ -20576,7 +20579,7 @@ function EditUserRoleModal({
               "svg",
               {
                 "aria-hidden": "true",
-                className: "mr-2 -ml-1 h-4 w-4 animate-spin",
+                className: "-ms-1 me-2 h-4 w-4 animate-spin",
                 fill: "none",
                 viewBox: "0 0 24 24",
                 children: [
@@ -21143,7 +21146,7 @@ function EmployeeProfileCard({
                     {
                       type: "button",
                       onClick: () => fileInputRef.current?.click(),
-                      className: "bg-primary-800 hover:bg-primary-900 absolute right-0 bottom-0 rounded-full p-1.5 text-white shadow-md transition-colors",
+                      className: "bg-primary-800 hover:bg-primary-900 absolute end-0 bottom-0 rounded-full p-1.5 text-white shadow-md transition-colors",
                       "aria-label": "Edit photo",
                       "data-slot": "employee-card-photo-edit",
                       children: /* @__PURE__ */ jsx(Edit2, { className: "h-3 w-3" })
@@ -22781,7 +22784,7 @@ function ServerErrorPage({
     showErrorDetails && errorMessage && /* @__PURE__ */ jsx(
       "div",
       {
-        className: "mt-4 max-w-2xl text-left",
+        className: "mt-4 max-w-2xl text-start",
         "data-slot": "error-page-details",
         children: /* @__PURE__ */ jsxs("details", { className: "rounded-lg bg-gray-100 p-4 dark:bg-gray-800", children: [
           /* @__PURE__ */ jsx("summary", { className: "cursor-pointer text-sm font-medium text-gray-700 dark:text-gray-300", children: "Error Details" }),
@@ -23306,7 +23309,7 @@ function FileManager({
           TableCell,
           {
             "data-slot": "file-manager-actions",
-            className: "text-right",
+            className: "text-end",
             children: /* @__PURE__ */ jsx(
               FileRowActionMenu,
               {
@@ -23461,7 +23464,7 @@ function FileRowActionMenu({
               role: "menuitem",
               type: "button",
               className: cn(
-                "flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs",
+                "flex w-full items-center gap-2 px-3 py-1.5 text-start text-xs",
                 "transition-colors duration-100",
                 action.variant === "danger" ? "text-red-600 hover:bg-red-50 dark:text-red-400 dark:hover:bg-red-900/20" : "text-neutral-700 hover:bg-neutral-100 dark:text-neutral-300 dark:hover:bg-neutral-700"
               ),
@@ -23830,7 +23833,7 @@ function HelpSupportPanel({
                     "svg",
                     {
                       "aria-hidden": "true",
-                      className: "mr-2 h-4 w-4",
+                      className: "me-2 h-4 w-4",
                       fill: "none",
                       stroke: "currentColor",
                       viewBox: "0 0 24 24",
@@ -23854,7 +23857,7 @@ function HelpSupportPanel({
                 "svg",
                 {
                   "aria-hidden": "true",
-                  className: "mr-2 h-4 w-4",
+                  className: "me-2 h-4 w-4",
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24",
@@ -23897,7 +23900,7 @@ function HelpSupportPanel({
                   /* @__PURE__ */ jsxs(
                     "button",
                     {
-                      className: "flex w-full items-center justify-between px-4 py-3 text-left transition-colors hover:bg-gray-50 dark:hover:bg-gray-800",
+                      className: "flex w-full items-center justify-between px-4 py-3 text-start transition-colors hover:bg-gray-50 dark:hover:bg-gray-800",
                       onClick: () => setExpandedFaq(
                         expandedFaq === faq.id ? null : faq.id
                       ),
@@ -24555,10 +24558,10 @@ function InventoryManager({
     /* @__PURE__ */ jsx("hr", { className: "border-border mb-4" }),
     logEntries.length > 0 ? /* @__PURE__ */ jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs("table", { className: "w-full", children: [
       /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "border-border border-b", children: [
-        /* @__PURE__ */ jsx("th", { className: "text-muted-foreground py-2 text-left text-xs font-medium tracking-wider uppercase", children: "Date" }),
-        /* @__PURE__ */ jsx("th", { className: "text-muted-foreground py-2 text-left text-xs font-medium tracking-wider uppercase", children: "User" }),
-        /* @__PURE__ */ jsx("th", { className: "text-muted-foreground py-2 text-left text-xs font-medium tracking-wider uppercase", children: "Change" }),
-        /* @__PURE__ */ jsx("th", { className: "text-muted-foreground py-2 text-right text-xs font-medium tracking-wider uppercase", children: "Quantity" })
+        /* @__PURE__ */ jsx("th", { className: "text-muted-foreground py-2 text-start text-xs font-medium tracking-wider uppercase", children: "Date" }),
+        /* @__PURE__ */ jsx("th", { className: "text-muted-foreground py-2 text-start text-xs font-medium tracking-wider uppercase", children: "User" }),
+        /* @__PURE__ */ jsx("th", { className: "text-muted-foreground py-2 text-start text-xs font-medium tracking-wider uppercase", children: "Change" }),
+        /* @__PURE__ */ jsx("th", { className: "text-muted-foreground py-2 text-end text-xs font-medium tracking-wider uppercase", children: "Quantity" })
       ] }) }),
       /* @__PURE__ */ jsx("tbody", { className: "divide-border/50 divide-y", children: logEntries.map((entry) => /* @__PURE__ */ jsxs(React13.Fragment, { children: [
         /* @__PURE__ */ jsxs("tr", { children: [
@@ -24572,7 +24575,7 @@ function InventoryManager({
           ),
           /* @__PURE__ */ jsx("td", { className: "text-muted-foreground py-2 text-sm", children: entry.createdBy.name }),
           /* @__PURE__ */ jsx("td", { className: "text-muted-foreground py-2 text-sm", children: entry.type === "credit" ? "Added" : "Removed" }),
-          /* @__PURE__ */ jsx("td", { className: "py-2 text-right text-sm", children: /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsx("td", { className: "py-2 text-end text-sm", children: /* @__PURE__ */ jsxs(
             "span",
             {
               className: `inline-flex items-center gap-1 ${entry.type === "credit" ? "text-green-700 dark:text-green-400" : "text-red-700 dark:text-red-400"}`,
@@ -24619,7 +24622,7 @@ function InventoryManager({
             }
           ) })
         ] }),
-        entry.memo && /* @__PURE__ */ jsx("tr", { className: "bg-muted/50", children: /* @__PURE__ */ jsx("td", { colSpan: 4, className: "px-2 py-1 text-right", children: /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground text-xs italic", children: [
+        entry.memo && /* @__PURE__ */ jsx("tr", { className: "bg-muted/50", children: /* @__PURE__ */ jsx("td", { colSpan: 4, className: "px-2 py-1 text-end", children: /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground text-xs italic", children: [
           "Memo: ",
           entry.memo
         ] }) }) })
@@ -24667,13 +24670,13 @@ function InventoryManager({
                 {
                   type: "button",
                   onClick: () => setUpdateType("debit"),
-                  className: `rounded-l-md border px-4 py-2 text-sm font-medium transition-colors ${updateType === "debit" ? "border-primary bg-primary-800 text-white" : "border-input bg-card text-foreground hover:bg-muted"} `,
+                  className: `rounded-s-md border px-4 py-2 text-sm font-medium transition-colors ${updateType === "debit" ? "border-primary bg-primary-800 text-white" : "border-input bg-card text-foreground hover:bg-muted"} `,
                   children: [
                     /* @__PURE__ */ jsx(
                       "svg",
                       {
                         "aria-hidden": "true",
-                        className: "mr-1 inline-block h-4 w-4",
+                        className: "me-1 inline-block h-4 w-4",
                         fill: "none",
                         viewBox: "0 0 24 24",
                         stroke: "currentColor",
@@ -24697,13 +24700,13 @@ function InventoryManager({
                 {
                   type: "button",
                   onClick: () => setUpdateType("credit"),
-                  className: `rounded-r-md border-t border-r border-b px-4 py-2 text-sm font-medium transition-colors ${updateType === "credit" ? "border-primary bg-primary-800 text-white" : "border-input bg-card text-foreground hover:bg-muted"} `,
+                  className: `rounded-e-md border-e border-t border-b px-4 py-2 text-sm font-medium transition-colors ${updateType === "credit" ? "border-primary bg-primary-800 text-white" : "border-input bg-card text-foreground hover:bg-muted"} `,
                   children: [
                     /* @__PURE__ */ jsx(
                       "svg",
                       {
                         "aria-hidden": "true",
-                        className: "mr-1 inline-block h-4 w-4",
+                        className: "me-1 inline-block h-4 w-4",
                         fill: "none",
                         viewBox: "0 0 24 24",
                         stroke: "currentColor",
@@ -24996,7 +24999,7 @@ function InviteUserModal({
           "svg",
           {
             "aria-hidden": "true",
-            className: "mr-2 -ml-1 h-4 w-4 animate-spin",
+            className: "-ms-1 me-2 h-4 w-4 animate-spin",
             "data-slot": "invite-user-spinner",
             fill: "none",
             viewBox: "0 0 24 24",
@@ -26078,7 +26081,7 @@ var DEFAULT_LANGUAGES = [
   { code: "hi", name: "\u0939\u093F\u0928\u094D\u0926\u0940", englishName: "Hindi", flag: "\u{1F1EE}\u{1F1F3}" },
   { code: "ru", name: "\u0420\u0443\u0441\u0441\u043A\u0438\u0439", englishName: "Russian", flag: "\u{1F1F7}\u{1F1FA}" }
 ];
-var selectorVariants = cva("relative inline-block text-left", {
+var selectorVariants = cva("relative inline-block text-start", {
   variants: {
     size: {
       sm: "",
@@ -26255,7 +26258,7 @@ function LanguageSelectorNative({
         disabled,
         "aria-label": label,
         className: cn(
-          "w-full appearance-none rounded-lg border border-gray-300 bg-white px-3 py-2 pr-8 text-sm",
+          "w-full appearance-none rounded-lg border border-gray-300 bg-white px-3 py-2 pe-8 text-sm",
           "focus:border-primary-500 focus:ring-primary-500 text-gray-700 focus:ring-2 focus:outline-none",
           "dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200",
           disabled && "cursor-not-allowed opacity-50",
@@ -26270,7 +26273,7 @@ function LanguageSelectorNative({
         ]
       }
     ),
-    /* @__PURE__ */ jsx(ChevronDownIcon2, { className: "pointer-events-none absolute top-1/2 right-2 h-4 w-4 -translate-y-1/2 text-gray-400" })
+    /* @__PURE__ */ jsx(ChevronDownIcon2, { className: "pointer-events-none absolute end-2 top-1/2 h-4 w-4 -translate-y-1/2 text-gray-400" })
   ] });
 }
 function LanguageSelectorInline({
@@ -26300,13 +26303,13 @@ function LanguageSelectorInline({
           "data-slot": "language-selector-inline-option",
           className: cn(
             "px-3 py-1.5 text-sm transition-colors",
-            index === 0 && "rounded-l-lg",
-            index === languages.length - 1 && "rounded-r-lg",
-            index > 0 && "border-l border-gray-200 dark:border-gray-700",
+            index === 0 && "rounded-s-lg",
+            index === languages.length - 1 && "rounded-e-lg",
+            index > 0 && "border-s border-gray-200 dark:border-gray-700",
             language.code === value ? "bg-primary-800 text-white" : "bg-white text-gray-700 hover:bg-gray-50 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700"
           ),
           children: [
-            showFlags && language.flag && /* @__PURE__ */ jsx("span", { className: "mr-1", children: language.flag }),
+            showFlags && language.flag && /* @__PURE__ */ jsx("span", { className: "me-1", children: language.flag }),
             language.code.toUpperCase()
           ]
         },
@@ -26439,7 +26442,7 @@ function LoadingBar({
     showPercentage && !isIndeterminate && /* @__PURE__ */ jsxs(
       "p",
       {
-        className: "text-muted-foreground mt-1 text-right text-sm",
+        className: "text-muted-foreground mt-1 text-end text-sm",
         "data-slot": "loading-bar-percentage",
         children: [
           Math.round(progress),
@@ -30841,11 +30844,11 @@ function PendingClaimsTable({
       children: [
         /* @__PURE__ */ jsx("div", { className: "hidden md:block", children: /* @__PURE__ */ jsxs("table", { "data-slot": "pending-claims-table", className: "w-full", children: [
           /* @__PURE__ */ jsx("thead", { className: "bg-gray-50 dark:bg-gray-800", children: /* @__PURE__ */ jsxs("tr", { children: [
-            /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-left text-xs font-medium tracking-wider uppercase", children: "Claimant" }),
-            /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-left text-xs font-medium tracking-wider uppercase", children: "Role" }),
-            /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-left text-xs font-medium tracking-wider uppercase", children: "Submitted" }),
+            /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-start text-xs font-medium tracking-wider uppercase", children: "Claimant" }),
+            /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-start text-xs font-medium tracking-wider uppercase", children: "Role" }),
+            /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-start text-xs font-medium tracking-wider uppercase", children: "Submitted" }),
             /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-center text-xs font-medium tracking-wider uppercase", children: "Status" }),
-            /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-right text-xs font-medium tracking-wider uppercase", children: "Actions" })
+            /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-end text-xs font-medium tracking-wider uppercase", children: "Actions" })
           ] }) }),
           /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-700", children: claims.map((claim) => /* @__PURE__ */ jsxs(
             "tr",
@@ -30863,7 +30866,7 @@ function PendingClaimsTable({
                 /* @__PURE__ */ jsx("td", { className: "px-4 py-4", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-700 dark:text-gray-300", children: claim.claimantRole || "Not specified" }) }),
                 /* @__PURE__ */ jsx("td", { className: "px-4 py-4", children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: formatDate4(claim.submittedDate) }) }),
                 /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-center", children: /* @__PURE__ */ jsx(Badge, { variant: getStatusVariant(claim.status), children: claim.status }) }),
-                /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-right", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2", children: [
+                /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-end", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2", children: [
                   onViewDetails && /* @__PURE__ */ jsx(
                     Button,
                     {
@@ -30989,7 +30992,7 @@ function PermissionItem({
       });
     }
   };
-  return /* @__PURE__ */ jsxs("div", { className: cn("py-1", level > 0 && "ml-4"), "data-slot": "perm-item", children: [
+  return /* @__PURE__ */ jsxs("div", { className: cn("py-1", level > 0 && "ms-4"), "data-slot": "perm-item", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", "data-slot": "perm-item-row", children: [
       hasChildren && /* @__PURE__ */ jsx(
         "button",
@@ -31135,13 +31138,13 @@ function PermissionsEditor({
           ]
         }
       ),
-      /* @__PURE__ */ jsx("div", { className: "space-y-4 pl-2", "data-slot": "perm-groups", children: groups.map((group, groupIndex) => /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("div", { className: "space-y-4 ps-2", "data-slot": "perm-groups", children: groups.map((group, groupIndex) => /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsxs(
           "button",
           {
             type: "button",
             onClick: () => toggleGroup(group.id),
-            className: "hover:bg-muted/50 -ml-2 flex w-full items-center gap-2 rounded py-2 pl-2 text-left",
+            className: "hover:bg-muted/50 -ms-2 flex w-full items-center gap-2 rounded py-2 ps-2 text-start",
             "data-slot": "perm-group-header",
             children: [
               expandedGroups.has(group.id) ? /* @__PURE__ */ jsx(ChevronDown$1, { className: "text-muted-foreground h-4 w-4" }) : /* @__PURE__ */ jsx(ChevronRight$1, { className: "text-muted-foreground h-4 w-4" }),
@@ -31152,7 +31155,7 @@ function PermissionsEditor({
         expandedGroups.has(group.id) && /* @__PURE__ */ jsx(
           "div",
           {
-            className: "mt-2 ml-6 border-l pl-4",
+            className: "ms-6 mt-2 border-s ps-4",
             "data-slot": "perm-group-list",
             children: group.permissions.map((permission) => /* @__PURE__ */ jsx(
               PermissionItem,
@@ -31204,7 +31207,7 @@ function PermissionsEditor({
       /* @__PURE__ */ jsx(
         "div",
         {
-          className: "max-h-60 space-y-2 overflow-y-auto pl-2",
+          className: "max-h-60 space-y-2 overflow-y-auto ps-2",
           "data-slot": "perm-employer-list",
           children: employers.map((employer) => /* @__PURE__ */ jsxs(
             "div",
@@ -31231,7 +31234,7 @@ function PermissionsEditor({
                       employer.address && /* @__PURE__ */ jsxs(
                         "span",
                         {
-                          className: "text-muted-foreground ml-2",
+                          className: "text-muted-foreground ms-2",
                           "data-slot": "perm-employer-addr",
                           children: [
                             "| ",
@@ -31630,7 +31633,7 @@ function ProductVersion({
             name,
             " ",
             versionDisplay,
-            build && /* @__PURE__ */ jsxs("span", { className: "ml-1", children: [
+            build && /* @__PURE__ */ jsxs("span", { className: "ms-1", children: [
               "(",
               build,
               ")"
@@ -35931,11 +35934,11 @@ function QuickLinksCard({
                 "span",
                 {
                   "data-slot": "quick-links-icon",
-                  className: `text-muted-foreground ${layout === "grid" ? "mb-1" : "mr-3"} `,
+                  className: `text-muted-foreground ${layout === "grid" ? "mb-1" : "me-3"} `,
                   children: link.icon
                 }
               ),
-              /* @__PURE__ */ jsxs("span", { "data-slot": "quick-links-label", className: "flex-1 text-left", children: [
+              /* @__PURE__ */ jsxs("span", { "data-slot": "quick-links-label", className: "flex-1 text-start", children: [
                 /* @__PURE__ */ jsx("span", { className: "text-foreground block text-sm font-medium", children: link.label }),
                 link.description && layout !== "grid" && /* @__PURE__ */ jsx(
                   "span",
@@ -35950,7 +35953,7 @@ function QuickLinksCard({
                 "span",
                 {
                   "data-slot": "quick-links-badge",
-                  className: "bg-primary/10 ml-2 rounded-full px-2 py-0.5 text-xs font-medium text-[var(--mieweb-primary-900)] dark:text-[var(--mieweb-primary-400)]",
+                  className: "bg-primary/10 ms-2 rounded-full px-2 py-0.5 text-xs font-medium text-[var(--mieweb-primary-900)] dark:text-[var(--mieweb-primary-400)]",
                   children: link.badge
                 }
               ),
@@ -36597,7 +36600,7 @@ function RejectionModal({
       showDetails && /* @__PURE__ */ jsxs("div", { "data-slot": "rejection-modal-details", children: [
         /* @__PURE__ */ jsxs("label", { className: "text-foreground mb-1 block text-sm font-medium", children: [
           detailsLabel,
-          needsDetails && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-1", children: "*" })
+          needsDetails && /* @__PURE__ */ jsx("span", { className: "text-destructive ms-1", children: "*" })
         ] }),
         /* @__PURE__ */ jsx(
           "textarea",
@@ -36635,7 +36638,7 @@ function RejectionModal({
               "svg",
               {
                 "aria-hidden": "true",
-                className: "mr-2 -ml-1 h-4 w-4 animate-spin",
+                className: "-ms-1 me-2 h-4 w-4 animate-spin",
                 fill: "none",
                 viewBox: "0 0 24 24",
                 children: [
@@ -36807,7 +36810,7 @@ function ReportDashboard({
                 "svg",
                 {
                   "aria-hidden": "true",
-                  className: "mr-2 h-4 w-4",
+                  className: "me-2 h-4 w-4",
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24",
@@ -41531,7 +41534,7 @@ function FooterLinkSection({
         ),
         children: [
           link.label,
-          link.external && /* @__PURE__ */ jsx(ExternalLinkIcon, { className: "ml-1 inline-block h-3 w-3 opacity-50" })
+          link.external && /* @__PURE__ */ jsx(ExternalLinkIcon, { className: "ms-1 inline-block h-3 w-3 opacity-50" })
         ]
       }
     ) }, link.href)) })
@@ -41838,7 +41841,7 @@ function SimpleFooter({
         variant === "light" ? "bg-primary-800 border-white/10" : "border-gray-200 bg-white dark:border-gray-800 dark:bg-gray-900",
         className
       ),
-      children: /* @__PURE__ */ jsx("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 text-center sm:flex-row sm:items-center sm:justify-between sm:text-left", children: [
+      children: /* @__PURE__ */ jsx("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 text-center sm:flex-row sm:items-center sm:justify-between sm:text-start", children: [
         /* @__PURE__ */ jsx(CopyrightText, { companyName, variant }),
         /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-4 sm:justify-end", children: [
           /* @__PURE__ */ jsx(
@@ -41976,7 +41979,7 @@ function NavLinks({
           ),
           children: [
             link.label,
-            link.external && /* @__PURE__ */ jsx(ExternalLinkIcon2, { className: "ml-1 inline-block h-3 w-3 opacity-50" })
+            link.external && /* @__PURE__ */ jsx(ExternalLinkIcon2, { className: "ms-1 inline-block h-3 w-3 opacity-50" })
           ]
         },
         link.href
@@ -42162,7 +42165,7 @@ function UserMenu({
           "div",
           {
             "data-slot": "site-header-user-dropdown",
-            className: "absolute right-0 z-50 mt-2 w-56 rounded-lg bg-white shadow-lg ring-1 ring-black/5 dark:bg-gray-800 dark:ring-white/10",
+            className: "absolute end-0 z-50 mt-2 w-56 rounded-lg bg-white shadow-lg ring-1 ring-black/5 dark:bg-gray-800 dark:ring-white/10",
             children: [
               /* @__PURE__ */ jsxs("div", { className: "border-b border-gray-100 px-4 py-3 dark:border-gray-700", children: [
                 /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-medium text-gray-900 dark:text-white", children: user.name }),
@@ -42190,7 +42193,7 @@ function UserMenu({
                       setIsOpen(false);
                     },
                     className: cn(
-                      "flex w-full items-center gap-2 px-4 py-2 text-left text-sm",
+                      "flex w-full items-center gap-2 px-4 py-2 text-start text-sm",
                       index === defaultItems.length - 1 && onLogout ? "text-red-600 hover:bg-red-50 dark:text-red-400 dark:hover:bg-red-900/20" : "text-gray-700 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-700"
                     ),
                     children: [
@@ -42255,7 +42258,7 @@ function MobileMenuPanel({
       "div",
       {
         className: cn(
-          "fixed top-0 right-0 bottom-0 z-50 w-80 max-w-full bg-white shadow-xl md:hidden dark:bg-gray-900",
+          "fixed end-0 top-0 bottom-0 z-50 w-80 max-w-full bg-white shadow-xl md:hidden dark:bg-gray-900",
           className
         ),
         children: [
@@ -42287,7 +42290,7 @@ function MobileMenuPanel({
             },
             link.href
           )) }),
-          /* @__PURE__ */ jsx("div", { className: "absolute right-0 bottom-0 left-0 border-t border-gray-200 p-4 dark:border-gray-700", children: user ? /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ jsx("div", { className: "absolute start-0 end-0 bottom-0 border-t border-gray-200 p-4 dark:border-gray-700", children: user ? /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-2", children: [
               /* @__PURE__ */ jsx("div", { className: "bg-primary-100 text-primary-900 dark:bg-primary-900/30 dark:text-primary-400 flex h-10 w-10 items-center justify-center rounded-full font-medium", children: user.name.split(" ").map((w) => w[0]).join("").slice(0, 2) }),
               /* @__PURE__ */ jsxs("div", { children: [
@@ -42338,22 +42341,19 @@ function MobileMenuPanel({
     )
   ] });
 }
-var headerVariants3 = cva(
-  "fixed top-0 left-0 right-0 z-40 transition-colors",
-  {
-    variants: {
-      variant: {
-        primary: "bg-primary-800",
-        white: "bg-white shadow-sm dark:bg-gray-900 dark:border-b dark:border-gray-800",
-        transparent: "bg-transparent",
-        glass: "bg-white/80 backdrop-blur-md shadow-sm dark:bg-gray-900/80"
-      }
-    },
-    defaultVariants: {
-      variant: "primary"
+var headerVariants3 = cva("fixed top-0 start-0 end-0 z-40 transition-colors", {
+  variants: {
+    variant: {
+      primary: "bg-primary-800",
+      white: "bg-white shadow-sm dark:bg-gray-900 dark:border-b dark:border-gray-800",
+      transparent: "bg-transparent",
+      glass: "bg-white/80 backdrop-blur-md shadow-sm dark:bg-gray-900/80"
     }
+  },
+  defaultVariants: {
+    variant: "primary"
   }
-);
+});
 function SiteHeader({
   logo = {},
   links = [],
@@ -42485,7 +42485,7 @@ function CompactHeader({
       {
         "data-slot": "site-header-compact",
         className: cn(
-          "fixed top-0 right-0 left-0 z-40 border-b border-gray-200 bg-white dark:border-gray-800 dark:bg-gray-900",
+          "fixed start-0 end-0 top-0 z-40 border-b border-gray-200 bg-white dark:border-gray-800 dark:bg-gray-900",
           className
         ),
         children: /* @__PURE__ */ jsxs(
@@ -43435,8 +43435,8 @@ function TocList({
     {
       className: cn(
         "space-y-1",
-        depth > 0 && indentLines && "border-border ml-3 border-l pl-3",
-        depth > 0 && !indentLines && "ml-4"
+        depth > 0 && indentLines && "border-border ms-3 border-s ps-3",
+        depth > 0 && !indentLines && "ms-4"
       ),
       children: items.map((item) => /* @__PURE__ */ jsxs("li", { children: [
         /* @__PURE__ */ jsx(
@@ -43731,7 +43731,7 @@ function TimelineEventList({
     events.length > 1 && /* @__PURE__ */ jsx(
       "div",
       {
-        className: "absolute top-0 bottom-0 left-5 w-px bg-neutral-200 dark:bg-neutral-700",
+        className: "absolute start-5 top-0 bottom-0 w-px bg-neutral-200 dark:bg-neutral-700",
         "aria-hidden": "true"
       }
     ),
@@ -44058,7 +44058,7 @@ function WebChartReportViewer({
                 onClick: onReconnect,
                 className: "mt-2",
                 children: [
-                  /* @__PURE__ */ jsx(Link$1, { className: "mr-2 h-4 w-4" }),
+                  /* @__PURE__ */ jsx(Link$1, { className: "me-2 h-4 w-4" }),
                   reconnect
                 ]
               }
@@ -44066,7 +44066,7 @@ function WebChartReportViewer({
           ] })
         ] }),
         !error && !loading && /* @__PURE__ */ jsxs(Button, { onClick: onRefreshReports, className: "mb-4", children: [
-          /* @__PURE__ */ jsx(RefreshCw$1, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ jsx(RefreshCw$1, { className: "me-2 h-4 w-4" }),
           refreshReports
         ] }),
         /* @__PURE__ */ jsx(