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

package/dist/index.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-6YSMEEJC.js';
+export { miewebUIPreset, miewebUISafelist } from './chunk-IGLVKTXA.js';
 export { Accordion } from './chunk-Y6YSJPVC.js';
 import { Alert, AlertTitle, AlertDescription } from './chunk-6EWJGRC3.js';
 export { Alert, AlertDescription, AlertTitle, alertVariants } from './chunk-6EWJGRC3.js';
@@ -89,8 +89,8 @@ import { Avatar } from './chunk-DCBMTFLE.js';
 export { Avatar, AvatarGroup, avatarVariants, getInitials } from './chunk-DCBMTFLE.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-F2S6NV5N.js';
-export { ALLERGY_TYPE_LABELS, AllergyList, AllergyManager, CodeLookupProvider, MEDICATION_STATUS_LABELS, MedicationEditor, MedicationList, MedicationReconciliation, RowActionToolbar, RowIconButton, labelToMedicationFields, lookupToMedicationFields, parseMedicationLabel, parseSig, toolbarKeyNav, useCodeLookupConfig } from './chunk-F2S6NV5N.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 { Textarea } from './chunk-H3YO5GBM.js';
 export { Textarea, textareaVariants } from './chunk-H3YO5GBM.js';
 import { Tooltip } from './chunk-FJ7YPVKV.js';
@@ -101,8 +101,8 @@ import { Label } from './chunk-I3WGZPI6.js';
 export { Label, labelVariants } from './chunk-I3WGZPI6.js';
 import { Select } from './chunk-ATOWMVZH.js';
 export { Select, selectTriggerVariants } from './chunk-ATOWMVZH.js';
-import { DateInput } from './chunk-2AB4PQYL.js';
-export { DateInput } from './chunk-2AB4PQYL.js';
+import { DateInput } from './chunk-7L4SY5YY.js';
+export { DateInput } from './chunk-7L4SY5YY.js';
 import { Card, CardHeader, CardContent, CardTitle } from './chunk-QYSUYB3S.js';
 export { Card, CardActions, CardBadge, CardCollapsible, CardContent, CardDescription, CardDivider, CardFooter, CardHeader, CardMedia, CardStat, CardTitle, cardAccentVariants, cardVariants } from './chunk-QYSUYB3S.js';
 import { Modal, ModalHeader, ModalTitle, ModalClose, ModalBody, ModalFooter } from './chunk-XMCIXHGH.js';
@@ -7848,7 +7848,7 @@ function AssertionTimeline({ concern }) {
     "ol",
     {
       "aria-label": "Assertion history",
-      className: "border-border mt-2 ml-1.5 space-y-2 border-l pl-4",
+      className: "border-border ms-1.5 mt-2 space-y-2 border-s ps-4",
       children: items.map((a) => {
         const refuted = a.verificationStatus === "refuted" || a.verificationStatus === "entered-in-error";
         const verification = VERIFICATION_BADGE[a.verificationStatus];
@@ -7857,7 +7857,7 @@ function AssertionTimeline({ concern }) {
             "span",
             {
               "aria-hidden": true,
-              className: "bg-border absolute top-1.5 -left-5 h-2 w-2 rounded-full"
+              className: "bg-border absolute -start-5 top-1.5 h-2 w-2 rounded-full"
             }
           ),
           /* @__PURE__ */ jsxs("span", { className: "flex flex-wrap items-center gap-x-2 gap-y-1", children: [
@@ -7959,7 +7959,7 @@ function ConcernRow({
             ),
             /* @__PURE__ */ jsx(UncertaintyBadge, { uncertainty: current.uncertainty }),
             concern.relationships?.map((r) => /* @__PURE__ */ jsxs(Badge, { variant: "outline", size: "sm", children: [
-              /* @__PURE__ */ jsx(Link, { size: 10, className: "mr-1" }),
+              /* @__PURE__ */ jsx(Link, { size: 10, className: "me-1" }),
               r.type.replace(/-/g, " "),
               r.display ? `: ${r.display}` : ""
             ] }, `${r.type}:${r.concernId}`)),
@@ -7991,7 +7991,7 @@ function ConcernRow({
           ] }),
           expanded && /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(AssertionTimeline, { concern }),
-            concern.observations && concern.observations.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mt-2 ml-1.5 pl-4", children: [
+            concern.observations && concern.observations.length > 0 && /* @__PURE__ */ jsxs("div", { className: "ms-1.5 mt-2 ps-4", children: [
               /* @__PURE__ */ jsx("h5", { className: "text-muted-foreground text-xs font-semibold tracking-wide uppercase", children: "Observations" }),
               /* @__PURE__ */ jsx("ol", { "aria-label": "Observations", className: "mt-1 space-y-1", children: [...concern.observations].reverse().map((o) => /* @__PURE__ */ jsxs("li", { className: "flex flex-wrap gap-x-2 text-sm", children: [
                 /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs tabular-nums", children: o.date }),
@@ -8537,7 +8537,7 @@ function AddOrderForm({
     {
       role: "form",
       "aria-label": `Add order for ${problemText}`,
-      className: "border-border bg-muted/40 mt-1.5 ml-2.5 flex flex-wrap items-center gap-1.5 rounded-md border border-dashed p-2",
+      className: "border-border bg-muted/40 ms-2.5 mt-1.5 flex flex-wrap items-center gap-1.5 rounded-md border border-dashed p-2",
       children: [
         /* @__PURE__ */ jsxs(
           "select",
@@ -8941,12 +8941,12 @@ var Assessment = React13.forwardRef(
                         ]
                       }
                     ),
-                    item.note && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1 pl-6 text-sm", children: item.note }),
+                    item.note && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1 ps-6 text-sm", children: item.note }),
                     showPlan && linkedOrders.length > 0 && /* @__PURE__ */ jsx(
                       "ul",
                       {
                         "aria-label": `Plan for ${assertion.text}`,
-                        className: "border-border mt-1.5 ml-2.5 border-l pl-4",
+                        className: "border-border ms-2.5 mt-1.5 border-s ps-4",
                         children: linkedOrders.map((order) => /* @__PURE__ */ jsx(
                           OrderRow,
                           {
@@ -9052,7 +9052,7 @@ var Assessment = React13.forwardRef(
                     {
                       role: "group",
                       "aria-label": `Add "${pendingFreeText}" as`,
-                      className: "flex w-full flex-wrap items-center gap-1.5 pl-1",
+                      className: "flex w-full flex-wrap items-center gap-1.5 ps-1",
                       children: [
                         /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground text-sm", children: [
                           "Add",
@@ -10063,7 +10063,7 @@ function FloatingInput({
         htmlFor: inputId,
         "data-slot": "floating-input-label",
         className: cn(
-          "text-muted-foreground absolute top-4 left-4 origin-left transform transition-all duration-200",
+          "text-muted-foreground absolute start-4 top-4 origin-left transform transition-all duration-200 rtl:origin-right",
           "peer-placeholder-shown:translate-y-0 peer-placeholder-shown:scale-100",
           "peer-focus:-translate-y-2 peer-focus:scale-75",
           "peer-[:not(:placeholder-shown)]:-translate-y-2 peer-[:not(:placeholder-shown)]:scale-75",
@@ -10124,7 +10124,7 @@ function ServiceSelect({
             onClick: () => setIsOpen(!isOpen),
             "data-slot": "service-select-trigger",
             className: cn(
-              "w-full rounded-lg border px-4 py-3 text-left transition-colors",
+              "w-full rounded-lg border px-4 py-3 text-start transition-colors",
               "bg-background",
               "focus:ring-2 focus:outline-none",
               error ? "border-destructive focus:ring-destructive/20" : "border-input focus:border-primary-500 focus:ring-primary-500/20"
@@ -10143,7 +10143,7 @@ function ServiceSelect({
                 ChevronDownIcon,
                 {
                   className: cn(
-                    "text-muted-foreground absolute top-1/2 right-4 h-5 w-5 -translate-y-1/2 transition-transform",
+                    "text-muted-foreground absolute end-4 top-1/2 h-5 w-5 -translate-y-1/2 transition-transform",
                     isOpen && "rotate-180"
                   )
                 }
@@ -11169,7 +11169,7 @@ function DayScheduleRow({
             ),
             children: [
               dayName,
-              isToday && highlightToday && /* @__PURE__ */ jsx("span", { className: "text-primary-800 dark:text-primary-300 ml-1 text-xs", children: "(Today)" })
+              isToday && highlightToday && /* @__PURE__ */ jsx("span", { className: "text-primary-800 dark:text-primary-300 ms-1 text-xs", children: "(Today)" })
             ]
           }
         ),
@@ -11177,7 +11177,7 @@ function DayScheduleRow({
           "div",
           {
             "data-slot": "business-hours-day-hours",
-            className: cn("text-right", hasMultipleRanges && "flex flex-col gap-1"),
+            className: cn("text-end", hasMultipleRanges && "flex flex-col gap-1"),
             "data-cy": `provider-hours-${dayHours.day}`,
             children: hasHours ? dayHours.hours.map((range, idx) => /* @__PURE__ */ jsx(TimeRangeDisplay, { range, use24Hour }, idx)) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Closed" })
           }
@@ -11685,7 +11685,7 @@ function BusinessHoursDaysEditor({
                               disabled,
                               className: "text-xs",
                               children: [
-                                /* @__PURE__ */ jsx(CopyIcon, { className: "mr-1 h-3 w-3" }),
+                                /* @__PURE__ */ jsx(CopyIcon, { className: "me-1 h-3 w-3" }),
                                 "Copy"
                               ]
                             }
@@ -11720,7 +11720,7 @@ function BusinessHoursDaysEditor({
                           disabled,
                           className: "text-xs",
                           children: [
-                            /* @__PURE__ */ jsx(PlusIcon2, { className: "mr-1 h-3 w-3" }),
+                            /* @__PURE__ */ jsx(PlusIcon2, { className: "me-1 h-3 w-3" }),
                             addHoursLabel
                           ]
                         }
@@ -12746,7 +12746,7 @@ function ConditionEditor({
             mode === "add" && effectiveRenderCodeSearch && !text.trim() ? /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
               /* @__PURE__ */ jsxs("span", { className: "text-foreground block text-sm font-medium", children: [
                 "Problem name",
-                /* @__PURE__ */ jsx("span", { className: "text-destructive ml-1", "aria-hidden": "true", children: "*" })
+                /* @__PURE__ */ jsx("span", { className: "text-destructive ms-1", "aria-hidden": "true", children: "*" })
               ] }),
               effectiveRenderCodeSearch({
                 placeholder: "Search conditions \u2014 or type a name and press Enter\u2026",
@@ -12920,7 +12920,7 @@ function ConditionEditor({
                         disabled: fields.severity?.known === false,
                         onClick: () => setSeverity(active ? void 0 : s),
                         className: cn(
-                          "border-border border-l px-2.5 py-1 text-xs font-medium capitalize transition-colors first:border-l-0",
+                          "border-border border-s px-2.5 py-1 text-xs font-medium capitalize transition-colors first:border-s-0",
                           "disabled:opacity-40",
                           active ? "bg-primary-600 text-white" : "bg-background text-muted-foreground hover:text-foreground"
                         ),
@@ -17059,9 +17059,9 @@ function DateRangePicker({
               // In range background
               inRange && "bg-muted",
               // Start date
-              start && "bg-foreground text-background hover:bg-foreground rounded-l-md font-semibold",
+              start && "bg-foreground text-background hover:bg-foreground rounded-s-md font-semibold",
               // End date
-              end && !start && "border-foreground text-foreground rounded-r-md border font-semibold",
+              end && !start && "border-foreground text-foreground rounded-e-md border font-semibold",
               // Today indicator (only if not start/end)
               today && !start && !end && "font-semibold"
             ),
@@ -17093,7 +17093,7 @@ function DateRangePicker({
             "data-slot": "date-range-trigger",
             className: cn(
               "border-input bg-background hover:bg-muted",
-              "inline-flex w-[300px] items-center gap-2 rounded-md border px-4 py-2 text-left text-sm font-normal",
+              "inline-flex w-[300px] items-center gap-2 rounded-md border px-4 py-2 text-start text-sm font-normal",
               "focus:ring-ring focus:ring-2 focus:outline-none",
               "transition-colors",
               !displayValue && "text-muted-foreground"
@@ -17241,7 +17241,7 @@ function DateRangePicker({
                   "div",
                   {
                     className: cn(
-                      "border-border flex w-[200px] shrink-0 flex-col gap-0.5 border-r p-3",
+                      "border-border flex w-[200px] shrink-0 flex-col gap-0.5 border-e p-3",
                       isResponsive && "hidden md:flex"
                     ),
                     "data-slot": "date-range-presets",
@@ -17252,7 +17252,7 @@ function DateRangePicker({
                         onClick: () => handlePresetSelect(preset.key),
                         "data-slot": "date-range-preset",
                         className: cn(
-                          "rounded-md px-3 py-1.5 text-left text-sm transition-colors",
+                          "rounded-md px-3 py-1.5 text-start text-sm transition-colors",
                           "hover:bg-muted",
                           activePreset === preset.key && "bg-primary-800 text-white"
                         ),
@@ -17391,9 +17391,9 @@ function DateRangeFilter({
     Dropdown,
     {
       trigger: /* @__PURE__ */ jsxs(Button, { variant, size: "md", className, children: [
-        /* @__PURE__ */ jsx(Calendar$1, { className: "mr-2 h-4 w-4" }),
+        /* @__PURE__ */ jsx(Calendar$1, { className: "me-2 h-4 w-4" }),
         activeLabel || labels.filter || "Filter by Date",
-        /* @__PURE__ */ jsx(ChevronDown$1, { className: "ml-2 h-3 w-3" })
+        /* @__PURE__ */ jsx(ChevronDown$1, { className: "ms-2 h-3 w-3" })
       ] }),
       className: "w-56",
       "data-slot": "date-range-filter",
@@ -20288,7 +20288,7 @@ function CreateReferralModal({
                   "aria-pressed": isSelected,
                   "data-slot": "referral-modal-service",
                   onClick: () => toggleService(service.id),
-                  className: `w-full rounded-lg border p-3 text-left transition-colors ${isSelected ? "border-primary bg-primary/10" : "border-border hover:border-border/80"} `,
+                  className: `w-full rounded-lg border p-3 text-start transition-colors ${isSelected ? "border-primary bg-primary/10" : "border-border hover:border-border/80"} `,
                   children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
                     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
                       /* @__PURE__ */ jsx(
@@ -20399,7 +20399,7 @@ function CreateReferralModal({
               selectedServices.size > 1 ? "s" : "",
               " selected"
             ] }) }),
-            /* @__PURE__ */ jsxs("div", { className: "text-right", children: [
+            /* @__PURE__ */ jsxs("div", { className: "text-end", children: [
               /* @__PURE__ */ jsx("p", { className: "text-foreground/70 text-xs", children: "Estimated Total" }),
               /* @__PURE__ */ jsxs(
                 "p",
@@ -20433,7 +20433,7 @@ function CreateReferralModal({
           "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: [
@@ -23614,11 +23614,11 @@ var HealthSurveillance = React13.forwardRef(
             return /* @__PURE__ */ jsxs(
               "div",
               {
-                className: cn(level > 0 && "border-border border-l-2"),
+                className: cn(level > 0 && "border-border border-s-2"),
                 style: level > 0 ? { marginLeft: (level - 1) * 16 + 2 } : void 0,
                 children: [
-                  isAlt && /* @__PURE__ */ jsx("div", { className: "text-muted-foreground pl-1 text-[11px] font-medium tracking-wide uppercase", children: "one of" }),
-                  /* @__PURE__ */ jsx("div", { className: cn("space-y-1", level > 0 && "pl-3"), children: spec.keys.map((o) => {
+                  isAlt && /* @__PURE__ */ jsx("div", { className: "text-muted-foreground ps-1 text-[11px] font-medium tracking-wide uppercase", children: "one of" }),
+                  /* @__PURE__ */ jsx("div", { className: cn("space-y-1", level > 0 && "ps-3"), children: spec.keys.map((o) => {
                     const isPending = item.pendingKeys.includes(o);
                     return /* @__PURE__ */ jsx(
                       Checkbox,
@@ -27436,7 +27436,7 @@ function OrderCard({
               }
             )
           ] }),
-          totalAmount !== void 0 && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 text-right", children: /* @__PURE__ */ jsx("p", { className: "text-foreground font-semibold", children: formatCurrency(totalAmount, currency) }) })
+          totalAmount !== void 0 && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 text-end", children: /* @__PURE__ */ jsx("p", { className: "text-foreground font-semibold", children: formatCurrency(totalAmount, currency) }) })
         ] }),
         /* @__PURE__ */ jsx("div", { className: "mb-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx(
@@ -27517,7 +27517,7 @@ function OrderCard({
               children: "View Details"
             }
           ),
-          showActions && /* @__PURE__ */ jsxs("div", { className: "ml-auto flex gap-2", children: [
+          showActions && /* @__PURE__ */ jsxs("div", { className: "ms-auto flex gap-2", children: [
             onReject && /* @__PURE__ */ jsx(
               "button",
               {
@@ -28032,7 +28032,7 @@ function OrderConfirmationWizard({
               "svg",
               {
                 "aria-hidden": "true",
-                className: "mr-1 h-4 w-4",
+                className: "me-1 h-4 w-4",
                 fill: "none",
                 stroke: "currentColor",
                 viewBox: "0 0 24 24",
@@ -28072,7 +28072,7 @@ function OrderConfirmationWizard({
                 "svg",
                 {
                   "aria-hidden": "true",
-                  className: "ml-1 h-4 w-4",
+                  className: "ms-1 h-4 w-4",
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24",
@@ -28099,7 +28099,7 @@ function OrderConfirmationWizard({
                 "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: [
@@ -28132,7 +28132,7 @@ function OrderConfirmationWizard({
                 "svg",
                 {
                   "aria-hidden": "true",
-                  className: "ml-1 h-4 w-4",
+                  className: "ms-1 h-4 w-4",
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24",
@@ -28232,7 +28232,7 @@ function OrderList({
                             {
                               "data-slot": "order-list-tab-count",
                               className: cn(
-                                "ml-2 rounded-full px-2 py-0.5 text-xs",
+                                "ms-2 rounded-full px-2 py-0.5 text-xs",
                                 activeTab === tab.id ? "bg-blue-200 text-blue-800 dark:bg-blue-800 dark:text-blue-200" : "text-muted-foreground bg-gray-200 dark:bg-gray-700"
                               ),
                               children: count
@@ -28256,7 +28256,7 @@ function OrderList({
                         "svg",
                         {
                           "aria-hidden": "true",
-                          className: "absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 text-gray-400",
+                          className: "absolute start-3 top-1/2 h-4 w-4 -translate-y-1/2 text-gray-400",
                           fill: "none",
                           viewBox: "0 0 24 24",
                           stroke: "currentColor",
@@ -28278,7 +28278,7 @@ function OrderList({
                           placeholder: searchPlaceholder,
                           value: searchValue,
                           onChange: (e) => onSearchChange?.(e.target.value),
-                          className: "rounded-lg border border-gray-300 bg-white py-2 pr-4 pl-9 text-sm text-gray-900 placeholder-gray-500 focus:ring-2 focus:ring-blue-500 focus:outline-none dark:border-gray-600 dark:bg-gray-800 dark:text-white dark:placeholder-gray-400"
+                          className: "rounded-lg border border-gray-300 bg-white py-2 ps-9 pe-4 text-sm text-gray-900 placeholder-gray-500 focus:ring-2 focus:ring-blue-500 focus:outline-none dark:border-gray-600 dark:bg-gray-800 dark:text-white dark:placeholder-gray-400"
                         }
                       )
                     ] }),
@@ -28810,7 +28810,7 @@ function OrderLookupForm({
                 "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: [
@@ -28920,7 +28920,7 @@ function OrderSidebar({
       "div",
       {
         "data-slot": "order-sidebar",
-        className: `fixed top-0 right-0 z-50 h-full w-full max-w-md translate-x-0 transform bg-white shadow-xl transition-transform duration-300 dark:bg-gray-900 ${className}`,
+        className: `fixed end-0 top-0 z-50 h-full w-full max-w-md translate-x-0 transform bg-white shadow-xl transition-transform duration-300 dark:bg-gray-900 ${className}`,
         role: "dialog",
         "aria-modal": "true",
         "aria-label": "Order details",
@@ -29039,7 +29039,7 @@ function OrderSidebar({
             "div",
             {
               "data-slot": "order-sidebar-footer",
-              className: "absolute right-0 bottom-0 left-0 border-t border-gray-200 bg-white p-4 dark:border-gray-700 dark:bg-gray-900",
+              className: "absolute start-0 end-0 bottom-0 border-t border-gray-200 bg-white p-4 dark:border-gray-700 dark:bg-gray-900",
               children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: actions.map((action) => /* @__PURE__ */ jsx(
                 Button,
                 {
@@ -29354,7 +29354,7 @@ function PatientOverflowMenu({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsx("div", { className: "border-border my-1 border-t md:my-0 md:border-t-0 md:border-l" }),
+                /* @__PURE__ */ jsx("div", { className: "border-border my-1 border-t md:my-0 md:border-s md:border-t-0" }),
                 /* @__PURE__ */ jsxs("div", { className: "md:min-w-[26rem]", children: [
                   /* @__PURE__ */ jsx("div", { className: "px-3 py-1.5", children: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-[11px] font-semibold tracking-wide uppercase", children: "Add" }) }),
                   /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-1 md:grid-cols-2 md:gap-2", children: [
@@ -29555,7 +29555,7 @@ var PatientHeader = React13.forwardRef(
                 onClick: onBack,
                 disabled: !onBack,
                 "aria-label": "Go back",
-                className: "mt-1 -ml-2 h-8 w-8 shrink-0",
+                className: "-ms-2 mt-1 h-8 w-8 shrink-0",
                 children: /* @__PURE__ */ jsx(ArrowLeft, { size: 18 })
               }
             ),
@@ -29651,7 +29651,7 @@ var PatientHeader = React13.forwardRef(
               )
             ] })
           ] }),
-          showFlagBanner && patient.flags && patient.flags.length > 0 && /* @__PURE__ */ jsx("div", { className: "border-t border-amber-200 bg-amber-50 px-5 py-1.5 text-left text-xs font-medium tracking-wide text-amber-800 dark:border-amber-800/40 dark:bg-amber-950/40 dark:text-amber-300", children: patient.flags.map(
+          showFlagBanner && patient.flags && patient.flags.length > 0 && /* @__PURE__ */ jsx("div", { className: "border-t border-amber-200 bg-amber-50 px-5 py-1.5 text-start text-xs font-medium tracking-wide text-amber-800 dark:border-amber-800/40 dark:bg-amber-950/40 dark:text-amber-300", children: patient.flags.map(
             (flag) => flag.charAt(0).toUpperCase() + flag.slice(1).toLowerCase()
           ).join(" \xB7 ") }),
           /* @__PURE__ */ jsxs(
@@ -31341,7 +31341,7 @@ function RelevanceControl({
             onClick: () => onChange(active ? null : relevance),
             className: cn(
               "px-2 py-1 text-xs font-medium transition-colors",
-              "border-border border-l first:border-l-0",
+              "border-border border-s first:border-s-0",
               active ? "bg-primary-800 text-white" : "bg-background text-muted-foreground hover:text-foreground"
             ),
             children: RELEVANCE_LABELS[relevance]
@@ -31468,7 +31468,7 @@ var PresentingProblems = React13.forwardRef(
                   children: "out of scope"
                 }
               ),
-              !readOnly && /* @__PURE__ */ jsx("span", { className: "ml-auto", children: /* @__PURE__ */ jsx(
+              !readOnly && /* @__PURE__ */ jsx("span", { className: "ms-auto", children: /* @__PURE__ */ jsx(
                 RelevanceControl,
                 {
                   value: relevance,
@@ -37169,7 +37169,7 @@ var ResultsEntryForm = React13.forwardRef(function ResultsEntryForm2({
         /* @__PURE__ */ jsx(
           "span",
           {
-            className: "bg-muted border-input rounded-l-md border border-r-0 px-3 py-2 text-sm font-medium",
+            className: "bg-muted border-input rounded-s-md border border-e-0 px-3 py-2 text-sm font-medium",
             "data-slot": "ref-file-badge",
             children: results
           }
@@ -37179,7 +37179,7 @@ var ResultsEntryForm = React13.forwardRef(function ResultsEntryForm2({
           {
             value: files.map((f) => f.name).join(", "),
             readOnly: true,
-            className: "rounded-none border-r-0 border-l-0",
+            className: "rounded-none border-s-0 border-e-0",
             placeholder: "No files selected"
           }
         ),
@@ -37198,10 +37198,10 @@ var ResultsEntryForm = React13.forwardRef(function ResultsEntryForm2({
           {
             type: "button",
             variant: "secondary",
-            className: "rounded-l-none",
+            className: "rounded-s-none",
             onClick: () => fileInputRef.current?.click(),
             children: [
-              /* @__PURE__ */ jsx(FileUp, { className: "mr-2 h-4 w-4" }),
+              /* @__PURE__ */ jsx(FileUp, { className: "me-2 h-4 w-4" }),
               browseFiles
             ]
           }
@@ -37219,7 +37219,7 @@ var ResultsEntryForm = React13.forwardRef(function ResultsEntryForm2({
               {
                 type: "button",
                 onClick: () => removeFile(index),
-                className: "text-muted-foreground hover:text-destructive ml-2",
+                className: "text-muted-foreground hover:text-destructive ms-2",
                 "data-slot": "ref-file-remove",
                 children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
               }
@@ -37393,7 +37393,7 @@ function ResultsEntryModal({
               "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: [
@@ -37653,7 +37653,7 @@ function ScheduleCalendar({
                 weekDates.map((date, i) => /* @__PURE__ */ jsxs(
                   "div",
                   {
-                    className: `flex-1 border-l border-gray-200 p-2 text-center dark:border-gray-700 ${isSameDay(date, /* @__PURE__ */ new Date()) ? "bg-blue-50 dark:bg-blue-900/20" : ""}`,
+                    className: `flex-1 border-s border-gray-200 p-2 text-center dark:border-gray-700 ${isSameDay(date, /* @__PURE__ */ new Date()) ? "bg-blue-50 dark:bg-blue-900/20" : ""}`,
                     children: [
                       /* @__PURE__ */ jsx(
                         "p",
@@ -37685,7 +37685,7 @@ function ScheduleCalendar({
                 children: hours.map((hour) => /* @__PURE__ */ jsx(
                   "div",
                   {
-                    className: "text-muted-foreground h-16 pr-2 text-right text-xs",
+                    className: "text-muted-foreground h-16 pe-2 text-end text-xs",
                     children: new Date(2e3, 0, 1, hour).toLocaleTimeString("en-US", {
                       hour: "numeric",
                       hour12: true
@@ -37700,7 +37700,7 @@ function ScheduleCalendar({
               return /* @__PURE__ */ jsxs(
                 "div",
                 {
-                  className: `relative flex-1 border-l border-gray-200 dark:border-gray-700 ${view === "week" && isSameDay(date, /* @__PURE__ */ new Date()) ? "bg-blue-50/50 dark:bg-blue-900/10" : ""}`,
+                  className: `relative flex-1 border-s border-gray-200 dark:border-gray-700 ${view === "week" && isSameDay(date, /* @__PURE__ */ new Date()) ? "bg-blue-50/50 dark:bg-blue-900/10" : ""}`,
                   children: [
                     hours.map((hour) => /* @__PURE__ */ jsx(
                       "div",
@@ -37736,7 +37736,7 @@ function ScheduleCalendar({
                           role: "button",
                           tabIndex: 0,
                           "aria-label": `${appointment.patientName || appointment.title}, ${formatTime4(appointment.startTime)}`,
-                          className: `absolute right-1 left-1 cursor-pointer overflow-hidden rounded border-l-4 px-2 py-1 text-xs text-white ${getStatusColor(appointment.status)}`,
+                          className: `absolute start-1 end-1 cursor-pointer overflow-hidden rounded border-s-4 px-2 py-1 text-xs text-white ${getStatusColor(appointment.status)}`,
                           style: {
                             top: position.top,
                             height: position.height,