@mieweb/ui 0.8.0-dev.5 → 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-P3HQQNV3.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"
                         ),
@@ -13196,7 +13196,7 @@ function CheckrIntegration({
                   /* @__PURE__ */ jsx("h3", { className: "text-foreground text-lg font-semibold", children: "Checkr" }),
                   connected && account?.name && /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground text-sm", children: [
                     account.name,
-                    account.plan && /* @__PURE__ */ jsxs("span", { className: "ml-2 text-xs", children: [
+                    account.plan && /* @__PURE__ */ jsxs("span", { className: "ms-2 text-xs", children: [
                       "(",
                       account.plan,
                       ")"
@@ -13209,7 +13209,7 @@ function CheckrIntegration({
                   "svg",
                   {
                     "aria-hidden": "true",
-                    className: "mr-2 h-4 w-4",
+                    className: "me-2 h-4 w-4",
                     fill: "none",
                     viewBox: "0 0 24 24",
                     stroke: "currentColor",
@@ -13239,7 +13239,7 @@ function CheckrIntegration({
                 "svg",
                 {
                   "aria-hidden": "true",
-                  className: "mr-2 inline-block h-4 w-4",
+                  className: "me-2 inline-block h-4 w-4",
                   fill: "none",
                   viewBox: "0 0 24 24",
                   stroke: "currentColor",
@@ -13288,7 +13288,7 @@ function CheckrIntegration({
                 "svg",
                 {
                   "aria-hidden": "true",
-                  className: "mr-2 h-4 w-4",
+                  className: "me-2 h-4 w-4",
                   fill: "none",
                   viewBox: "0 0 24 24",
                   stroke: "currentColor",
@@ -13310,7 +13310,7 @@ function CheckrIntegration({
                 "svg",
                 {
                   "aria-hidden": "true",
-                  className: "mr-2 h-4 w-4",
+                  className: "me-2 h-4 w-4",
                   fill: "none",
                   viewBox: "0 0 24 24",
                   stroke: "currentColor",
@@ -13389,7 +13389,7 @@ function CheckrIntegration({
                             report.packageName && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs", children: report.packageName })
                           ] })
                         ] }),
-                        /* @__PURE__ */ jsxs("div", { className: "text-right", children: [
+                        /* @__PURE__ */ jsxs("div", { className: "text-end", children: [
                           /* @__PURE__ */ jsx(
                             "span",
                             {
@@ -13512,7 +13512,7 @@ function CheckrIntegration({
                   "svg",
                   {
                     "aria-hidden": "true",
-                    className: "mr-2 h-4 w-4",
+                    className: "me-2 h-4 w-4",
                     fill: "none",
                     viewBox: "0 0 24 24",
                     stroke: "currentColor",
@@ -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",
@@ -19675,7 +19675,7 @@ function ClaimProviderForm({
                     "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: [
@@ -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: [
@@ -21461,7 +21461,7 @@ function EmployerContactCard({
               "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",
@@ -21669,7 +21669,7 @@ function EmployerList({
           "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",
             stroke: "currentColor",
             viewBox: "0 0 24 24",
@@ -21691,7 +21691,7 @@ function EmployerList({
             placeholder: "Search employers...",
             value: searchQuery,
             onChange: handleSearch,
-            className: "pl-9"
+            className: "ps-9"
           }
         )
       ] }),
@@ -21700,7 +21700,7 @@ function EmployerList({
           "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",
@@ -21888,7 +21888,7 @@ function EmployerPricingCard({
                 /* @__PURE__ */ jsx(CardTitle, { className: "text-base font-semibold", children: serviceName }),
                 !isActive && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "mt-1", children: "Inactive" })
               ] }),
-              /* @__PURE__ */ jsxs("div", { "data-slot": "employer-pricing-base-price", className: "text-right", children: [
+              /* @__PURE__ */ jsxs("div", { "data-slot": "employer-pricing-base-price", className: "text-end", children: [
                 /* @__PURE__ */ jsx("p", { className: "text-2xl font-bold text-gray-900 dark:text-white", children: formatPrice(basePrice) }),
                 /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs", children: "base price" })
               ] })
@@ -21937,7 +21937,7 @@ function EmployerPricingCard({
                 "svg",
                 {
                   "aria-hidden": "true",
-                  className: "mr-1 h-3.5 w-3.5",
+                  className: "me-1 h-3.5 w-3.5",
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24",
@@ -21959,7 +21959,7 @@ function EmployerPricingCard({
                 "svg",
                 {
                   "aria-hidden": "true",
-                  className: "mr-1 h-3.5 w-3.5 text-red-500",
+                  className: "me-1 h-3.5 w-3.5 text-red-500",
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24",
@@ -22176,7 +22176,7 @@ function EmployerView({
                 /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: order.patientName }),
                 /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs", children: order.services.join(", ") })
               ] }),
-              /* @__PURE__ */ jsxs("div", { className: "text-right", children: [
+              /* @__PURE__ */ jsxs("div", { className: "text-end", children: [
                 /* @__PURE__ */ jsx(Badge, { variant: getStatusVariant(order.status), children: order.status }),
                 /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1 text-xs", children: formatDate4(order.createdDate) })
               ] }),
@@ -22212,7 +22212,7 @@ function EmployerView({
                   formatDate4(invoice.dueDate)
                 ] })
               ] }),
-              /* @__PURE__ */ jsxs("div", { className: "text-right", children: [
+              /* @__PURE__ */ jsxs("div", { className: "text-end", children: [
                 /* @__PURE__ */ jsx("p", { className: "font-semibold text-gray-900 dark:text-white", children: formatCurrency3(invoice.amount) }),
                 /* @__PURE__ */ jsx(Badge, { variant: getStatusVariant(invoice.status), children: invoice.status })
               ] }),
@@ -22387,7 +22387,7 @@ function EmployerServiceModal({
         !config.useBasePrice && /* @__PURE__ */ jsxs(
           "div",
           {
-            className: "border-border ml-4 border-l-2 pl-4",
+            className: "border-border ms-4 border-s-2 ps-4",
             "data-slot": "employer-service-indent",
             children: [
               /* @__PURE__ */ jsx(
@@ -22403,7 +22403,7 @@ function EmployerServiceModal({
                 /* @__PURE__ */ jsx(
                   "span",
                   {
-                    className: "text-muted-foreground absolute top-1/2 left-3 -translate-y-1/2",
+                    className: "text-muted-foreground absolute start-3 top-1/2 -translate-y-1/2",
                     "data-slot": "employer-service-price-prefix",
                     children: "$"
                   }
@@ -22416,7 +22416,7 @@ function EmployerServiceModal({
                     min: "0",
                     step: "0.01",
                     "data-slot": "employer-service-price-input",
-                    className: "border-input bg-background text-foreground focus:ring-ring w-full rounded-md border py-2 pr-4 pl-7 shadow-sm focus:ring-2 focus:outline-none",
+                    className: "border-input bg-background text-foreground focus:ring-ring w-full rounded-md border py-2 ps-7 pe-4 shadow-sm focus:ring-2 focus:outline-none",
                     value: config.customPrice ?? "",
                     onChange: (e) => setConfig((prev) => ({
                       ...prev,
@@ -22524,7 +22524,7 @@ function EmployerServiceModal({
         config.notifyOnOrder && /* @__PURE__ */ jsx(
           "div",
           {
-            className: "border-border ml-4 border-l-2 pl-4",
+            className: "border-border ms-4 border-s-2 ps-4",
             "data-slot": "employer-service-indent",
             children: /* @__PURE__ */ jsx(
               Input,
@@ -22582,7 +22582,7 @@ function EmployerServiceModal({
           "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": "employer-service-spinner",
             fill: "none",
             viewBox: "0 0 24 24",
@@ -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,
@@ -24304,7 +24304,7 @@ function HRISProviderSelector({
                     className: "border-border bg-card text-foreground hover:bg-muted rounded-lg border px-4 py-2",
                     "data-slot": "hris-connected-btn",
                     children: [
-                      /* @__PURE__ */ jsx("i", { className: "fas fa-link-slash mr-2" }),
+                      /* @__PURE__ */ jsx("i", { className: "fas fa-link-slash me-2" }),
                       disconnect
                     ]
                   }
@@ -24317,7 +24317,7 @@ function HRISProviderSelector({
                     className: "bg-primary-800 hover:bg-primary-900 rounded-lg px-4 py-2 text-white",
                     "data-slot": "hris-connected-btn-primary",
                     children: [
-                      /* @__PURE__ */ jsx("i", { className: "fas fa-rotate mr-2" }),
+                      /* @__PURE__ */ jsx("i", { className: "fas fa-rotate me-2" }),
                       refreshSync
                     ]
                   }
@@ -24334,7 +24334,7 @@ function HRISProviderSelector({
       /* @__PURE__ */ jsx(
         "span",
         {
-          className: "text-muted-foreground absolute top-1/2 left-3 -translate-y-1/2",
+          className: "text-muted-foreground absolute start-3 top-1/2 -translate-y-1/2",
           "data-slot": "hris-search-icon",
           children: /* @__PURE__ */ jsx("i", { className: "fas fa-search" })
         }
@@ -24346,7 +24346,7 @@ function HRISProviderSelector({
           placeholder: search,
           value: searchQuery,
           onChange: (e) => onSearchChange?.(e.target.value),
-          className: "focus:border-primary focus:ring-primary border-input bg-background text-foreground placeholder:text-muted-foreground w-full rounded-lg border py-2 pr-4 pl-10 focus:ring-1 focus:outline-none",
+          className: "focus:border-primary focus:ring-primary border-input bg-background text-foreground placeholder:text-muted-foreground w-full rounded-lg border py-2 ps-10 pe-4 focus:ring-1 focus:outline-none",
           "data-slot": "hris-search-input"
         }
       )
@@ -27061,7 +27061,7 @@ function OnboardingWizard({
                 /* @__PURE__ */ jsxs(
                   "div",
                   {
-                    className: "ml-3 hidden flex-col lg:flex",
+                    className: "ms-3 hidden flex-col lg:flex",
                     "data-slot": "onboarding-header-brand",
                     children: [
                       /* @__PURE__ */ jsx("span", { className: "text-lg font-semibold", children: brandName }),
@@ -27228,7 +27228,7 @@ function OnboardingStepQuestion({
             onClick: () => onSelect?.(option.id),
             className: "rounded-full",
             children: [
-              option.icon && /* @__PURE__ */ jsx("i", { className: cn(option.icon, "mr-2") }),
+              option.icon && /* @__PURE__ */ jsx("i", { className: cn(option.icon, "me-2") }),
               option.label
             ]
           },
@@ -27256,7 +27256,7 @@ function OnboardingCompletion({
             className: "text-foreground mb-0 text-2xl",
             "data-slot": "onboarding-completion-title",
             children: [
-              /* @__PURE__ */ jsx("i", { className: "fas fa-check-circle mr-2 text-green-500" }),
+              /* @__PURE__ */ jsx("i", { className: "fas fa-check-circle me-2 text-green-500" }),
               "Setup complete!"
             ]
           }
@@ -27277,15 +27277,15 @@ function OnboardingCompletion({
           "data-slot": "onboarding-completion-actions",
           children: [
             /* @__PURE__ */ jsxs(Button, { variant: "primary", onClick: onStartOrder, children: [
-              /* @__PURE__ */ jsx("i", { className: "fas fa-shopping-cart mr-2" }),
+              /* @__PURE__ */ jsx("i", { className: "fas fa-shopping-cart me-2" }),
               "Start your first order"
             ] }),
             /* @__PURE__ */ jsxs(Button, { variant: "outline", onClick: onGoToDashboard, children: [
-              /* @__PURE__ */ jsx("i", { className: "fas fa-tachometer-alt mr-2" }),
+              /* @__PURE__ */ jsx("i", { className: "fas fa-tachometer-alt me-2" }),
               "Go to Dashboard"
             ] }),
             /* @__PURE__ */ jsxs(Button, { variant: "outline", onClick: onGoToEmployees, children: [
-              /* @__PURE__ */ jsx("i", { className: "fas fa-users mr-2" }),
+              /* @__PURE__ */ jsx("i", { className: "fas fa-users me-2" }),
               "Go to Employees"
             ] })
           ]
@@ -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,
@@ -33911,7 +33911,7 @@ var ProviderSearchBar = React13.forwardRef(
                           className: cn(
                             "border-0 shadow-none focus-visible:ring-0 focus-visible:ring-offset-0",
                             "w-full",
-                            onGeolocate ? "pl-0" : "pl-3"
+                            onGeolocate ? "ps-0" : "ps-3"
                           )
                         }
                       ) }),
@@ -34014,7 +34014,7 @@ var inputVariants3 = cva(
   {
     variants: {
       hasIcon: {
-        true: "pl-10",
+        true: "ps-10",
         false: ""
       }
     },
@@ -34028,10 +34028,9 @@ var selectVariants = cva([
   "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2",
   "disabled:cursor-not-allowed disabled:opacity-50",
   "dark:border-neutral-700 dark:bg-neutral-900 dark:text-neutral-100",
-  "appearance-none bg-no-repeat bg-right pr-8",
+  "appearance-none bg-no-repeat bg-right rtl:bg-left pe-8",
   'bg-[url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 20 20%27%3e%3cpath stroke=%27%236b7280%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.5%27 d=%27M6 8l4 4 4-4%27/%3e%3c/svg%3e")]',
-  "bg-[length:1.5em_1.5em]",
-  "bg-[right_0.5rem_center]"
+  "bg-[length:1.5em_1.5em]"
 ]);
 var labelVariants2 = cva([
   "text-sm font-medium text-neutral-700 dark:text-neutral-300",
@@ -34109,7 +34108,7 @@ function InputField({ label, icon, className, id, ...props }) {
   return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
     label && /* @__PURE__ */ jsx("label", { htmlFor: inputId, className: labelVariants2(), children: label }),
     /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-      icon && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3 text-neutral-400", children: icon }),
+      icon && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-y-0 start-0 flex items-center ps-3 text-neutral-400", children: icon }),
       /* @__PURE__ */ jsx(
         "input",
         {
@@ -34260,7 +34259,7 @@ function ServiceMultiSelect({
             "aria-labelledby": label ? void 0 : "services-label",
             className: cn(
               selectVariants(),
-              "w-full text-left",
+              "w-full text-start",
               !selectedServices.length && "text-muted-foreground",
               disabled && "cursor-not-allowed opacity-50"
             ),
@@ -34291,11 +34290,11 @@ function ServiceMultiSelect({
                       value: searchTerm,
                       onChange: (e) => setSearchTerm(e.target.value),
                       placeholder: "Search services...",
-                      className: cn(inputVariants3({ hasIcon: true }), "pl-8"),
+                      className: cn(inputVariants3({ hasIcon: true }), "ps-8"),
                       autoFocus: true
                     }
                   ),
-                  /* @__PURE__ */ jsx(SearchIcon4, { className: "absolute top-1/2 left-4 -translate-y-1/2 text-neutral-400" })
+                  /* @__PURE__ */ jsx(SearchIcon4, { className: "absolute start-4 top-1/2 -translate-y-1/2 text-neutral-400" })
                 ] }),
                 Object.entries(groupedServices).length > 0 ? Object.entries(groupedServices).map(
                   ([category, categoryServices]) => /* @__PURE__ */ jsxs("div", { children: [
@@ -34312,7 +34311,7 @@ function ServiceMultiSelect({
                           "aria-selected": isSelected,
                           onClick: () => handleToggleService(service.value),
                           className: cn(
-                            "flex w-full items-center justify-between px-3 py-2 text-left text-sm",
+                            "flex w-full items-center justify-between px-3 py-2 text-start text-sm",
                             "hover:bg-neutral-100 dark:hover:bg-neutral-700",
                             isSelected && "bg-primary-50 dark:bg-primary-900/20"
                           ),
@@ -34496,7 +34495,7 @@ function CompactFilterBar({
       "data-slot": "provider-compact-filter",
       children: [
         /* @__PURE__ */ jsx("div", { className: "min-w-[150px] flex-1", children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-          /* @__PURE__ */ jsx(SearchIcon4, { className: "absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 text-neutral-400" }),
+          /* @__PURE__ */ jsx(SearchIcon4, { className: "absolute start-3 top-1/2 h-4 w-4 -translate-y-1/2 text-neutral-400" }),
           /* @__PURE__ */ jsx(
             "input",
             {
@@ -34506,7 +34505,7 @@ function CompactFilterBar({
               onChange: (e) => handleFieldChange("searchPhrase", e.target.value),
               disabled: loading,
               className: cn(
-                "h-9 w-full rounded-md border border-neutral-200 pr-3 pl-9 text-sm",
+                "h-9 w-full rounded-md border border-neutral-200 ps-9 pe-3 text-sm",
                 "focus:ring-primary-500 focus:ring-2 focus:outline-none",
                 "dark:border-neutral-600 dark:bg-neutral-700 dark:text-white"
               )
@@ -34529,7 +34528,7 @@ function CompactFilterBar({
               },
               disabled: loading,
               className: cn(
-                "h-9 w-20 rounded-l-md border border-neutral-200 px-3 text-sm",
+                "h-9 w-20 rounded-s-md border border-neutral-200 px-3 text-sm",
                 "focus:ring-primary-500 focus:z-10 focus:ring-2 focus:outline-none",
                 "dark:border-neutral-600 dark:bg-neutral-700 dark:text-white"
               )
@@ -34543,7 +34542,7 @@ function CompactFilterBar({
               disabled: loading,
               "aria-label": "Search radius",
               className: cn(
-                "h-9 rounded-r-md border border-l-0 border-neutral-200 px-2 text-sm",
+                "h-9 rounded-e-md border border-s-0 border-neutral-200 px-2 text-sm",
                 "focus:ring-primary-500 focus:ring-2 focus:outline-none",
                 "dark:border-neutral-600 dark:bg-neutral-700 dark:text-white"
               ),
@@ -34689,7 +34688,7 @@ function ActiveFilters({
                 {
                   type: "button",
                   onClick: filter.onClear,
-                  className: "ml-1 rounded-full p-0.5 hover:bg-neutral-200 dark:hover:bg-neutral-600",
+                  className: "ms-1 rounded-full p-0.5 hover:bg-neutral-200 dark:hover:bg-neutral-600",
                   "aria-label": `Remove filter: ${filter.label}`,
                   children: /* @__PURE__ */ jsx(XMarkIcon, { className: "h-3 w-3" })
                 }
@@ -34792,7 +34791,7 @@ function ProviderSelector({
             onClick: () => !disabled && setIsOpen(!isOpen),
             disabled,
             className: cn(
-              "flex w-full items-center gap-3 rounded-lg border px-3 text-left transition-colors",
+              "flex w-full items-center gap-3 rounded-lg border px-3 text-start transition-colors",
               "bg-background text-foreground",
               "border-input",
               "hover:border-muted-foreground/50",
@@ -34909,7 +34908,7 @@ function ProviderSelector({
                     "svg",
                     {
                       "aria-hidden": "true",
-                      className: "text-muted-foreground absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2",
+                      className: "text-muted-foreground absolute start-3 top-1/2 h-4 w-4 -translate-y-1/2",
                       fill: "none",
                       viewBox: "0 0 24 24",
                       stroke: "currentColor",
@@ -34932,7 +34931,7 @@ function ProviderSelector({
                       placeholder: searchPlaceholder,
                       value: searchQuery,
                       onChange: (e) => setSearchQuery(e.target.value),
-                      className: "border-input bg-background text-foreground placeholder:text-muted-foreground focus:ring-ring w-full rounded-md border py-2 pr-4 pl-9 text-sm focus:ring-1 focus:outline-none",
+                      className: "border-input bg-background text-foreground placeholder:text-muted-foreground focus:ring-ring w-full rounded-md border py-2 ps-9 pe-4 text-sm focus:ring-1 focus:outline-none",
                       autoFocus: true
                     }
                   )
@@ -34944,7 +34943,7 @@ function ProviderSelector({
                     "data-slot": "provider-selector-option",
                     onClick: () => handleSelect(provider),
                     className: cn(
-                      "flex w-full items-center gap-3 px-4 py-3 text-left transition-colors",
+                      "flex w-full items-center gap-3 px-4 py-3 text-start transition-colors",
                       "hover:bg-muted",
                       selectedProvider?.id === provider.id && "bg-primary/10"
                     ),
@@ -35868,7 +35867,7 @@ function ProviderUsersTable({
               /* @__PURE__ */ jsxs("div", { children: [
                 /* @__PURE__ */ jsxs("p", { className: "font-medium text-gray-900 dark:text-white", children: [
                   user.name,
-                  isCurrentUser && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground ml-1.5 text-xs", children: "(you)" })
+                  isCurrentUser && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground ms-1.5 text-xs", children: "(you)" })
                 ] }),
                 /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: user.email })
               ] })
@@ -35876,7 +35875,7 @@ function ProviderUsersTable({
             /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-700 dark:text-gray-300", children: user.role }) }),
             /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Badge, { variant: getStatusVariant(user.status), children: user.status || "active" }) }),
             /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: isPending ? `Invited ${formatDate4(user.invitedAt)}` : formatDate4(user.lastActive) }) }),
-            showActions && /* @__PURE__ */ jsx(TableCell, { className: "text-right", children: /* @__PURE__ */ jsx(
+            showActions && /* @__PURE__ */ jsx(TableCell, { className: "text-end", children: /* @__PURE__ */ jsx(
               RowActionsMenu,
               {
                 user,
@@ -36190,11 +36189,11 @@ function RecurringServiceCard({
             )
           ] }),
           effectiveState === "warning" && /* @__PURE__ */ jsxs("div", { className: "bg-warning/10 text-warning-800 dark:text-warning-200 rounded-md px-3 py-2 text-xs", children: [
-            /* @__PURE__ */ jsx("i", { className: "fas fa-exclamation-triangle mr-1" }),
+            /* @__PURE__ */ jsx("i", { className: "fas fa-exclamation-triangle me-1" }),
             consentNote
           ] }),
           effectiveState === "error" && /* @__PURE__ */ jsxs("div", { className: "bg-destructive/10 text-destructive-800 dark:text-destructive-200 rounded-md px-3 py-2 text-xs", children: [
-            /* @__PURE__ */ jsx("i", { className: "fas fa-times-circle mr-1" }),
+            /* @__PURE__ */ jsx("i", { className: "fas fa-times-circle me-1" }),
             consentNote
           ] }),
           !isDisabled && /* @__PURE__ */ jsxs(
@@ -36421,7 +36420,7 @@ function RecurringServiceSetupModal({
               ),
               /* @__PURE__ */ jsx("span", { className: "text-sm", children: overrideConsent })
             ] }),
-            /* @__PURE__ */ jsx("p", { className: "text-muted-foreground ml-6 text-xs", children: overrideConsentNote })
+            /* @__PURE__ */ jsx("p", { className: "text-muted-foreground ms-6 text-xs", children: overrideConsentNote })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
             /* @__PURE__ */ jsx(
@@ -37170,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
           }
@@ -37180,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"
           }
         ),
@@ -37199,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
             ]
           }
@@ -37220,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" })
               }
@@ -37394,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: [
@@ -37654,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",
@@ -37686,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
@@ -37701,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",
@@ -37737,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,
@@ -37961,7 +37960,7 @@ var accordionVariants = cva(
 );
 var categoryHeaderVariants = cva(
   [
-    "w-full flex items-center justify-between py-4 px-4 text-left",
+    "w-full flex items-center justify-between py-4 px-4 text-start",
     "transition-colors",
     "focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2"
   ],
@@ -38070,7 +38069,7 @@ function ServiceLink({
       children: [
         /* @__PURE__ */ jsx(LinkIcon, { className: "flex-shrink-0 text-neutral-400" }),
         /* @__PURE__ */ jsx("span", { className: "flex-grow", children: service.name }),
-        service.providerCount !== void 0 && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground ml-2 text-xs", children: [
+        service.providerCount !== void 0 && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground ms-2 text-xs", children: [
           "(",
           service.providerCount,
           ")"
@@ -38097,7 +38096,7 @@ function SubCategoryAccordion({
         onClick: () => setIsExpanded(!isExpanded),
         className: cn(
           "flex w-full items-center justify-between px-3 py-2",
-          "text-left font-medium text-neutral-700 dark:text-neutral-200",
+          "text-start font-medium text-neutral-700 dark:text-neutral-200",
           "hover:text-primary-800 dark:hover:text-primary-400",
           "focus-visible:ring-primary-500 focus:outline-none focus-visible:ring-2"
         ),
@@ -38127,7 +38126,7 @@ function SubCategoryAccordion({
           isExpanded ? "max-h-[1000px] opacity-100" : "max-h-0 opacity-0"
         ),
         inert: !isExpanded || void 0,
-        children: /* @__PURE__ */ jsx("div", { className: "space-y-1 pb-2 pl-4", children: subCategory.services.map((service, serviceIdx) => /* @__PURE__ */ jsx(
+        children: /* @__PURE__ */ jsx("div", { className: "space-y-1 ps-4 pb-2", children: subCategory.services.map((service, serviceIdx) => /* @__PURE__ */ jsx(
           ServiceLink,
           {
             service,
@@ -38482,7 +38481,7 @@ function ServiceBadge({
   const isClickable = Boolean(href || onClick);
   const isInteractive = interactive ?? isClickable;
   const content = /* @__PURE__ */ jsxs(Fragment, { children: [
-    icon && /* @__PURE__ */ jsx("span", { className: "mr-1 flex-shrink-0", children: icon }),
+    icon && /* @__PURE__ */ jsx("span", { className: "me-1 flex-shrink-0", children: icon }),
     /* @__PURE__ */ jsx("span", { className: "truncate", children }),
     removable && onRemove && /* @__PURE__ */ jsx(
       "button",
@@ -38494,7 +38493,7 @@ function ServiceBadge({
           e.stopPropagation();
           onRemove();
         },
-        className: "ml-1 flex-shrink-0 rounded-full p-0.5 transition-colors hover:bg-black/10 dark:hover:bg-white/10",
+        className: "ms-1 flex-shrink-0 rounded-full p-0.5 transition-colors hover:bg-black/10 dark:hover:bg-white/10",
         "aria-label": `Remove ${children}`,
         children: /* @__PURE__ */ jsx(CloseIcon4, { className: "h-3 w-3" })
       }
@@ -38611,7 +38610,7 @@ function ServiceTagCloudBadges({
             href: onServiceClick ? void 0 : `/service/${service.slug}`,
             children: [
               service.name,
-              showCounts && service.count !== void 0 && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground ml-1", children: [
+              showCounts && service.count !== void 0 && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground ms-1", children: [
                 "(",
                 service.count,
                 ")"
@@ -38662,7 +38661,7 @@ function SelectedServicesBadges({
           {
             type: "button",
             onClick: onClearAll,
-            className: "text-muted-foreground ml-1 text-xs underline hover:text-gray-700 dark:hover:text-gray-200",
+            className: "text-muted-foreground ms-1 text-xs underline hover:text-gray-700 dark:hover:text-gray-200",
             children: "Clear all"
           }
         )
@@ -38724,7 +38723,7 @@ function DOTBadge({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx(DOTIcon, { className: "mr-1 h-3.5 w-3.5" }),
+        /* @__PURE__ */ jsx(DOTIcon, { className: "me-1 h-3.5 w-3.5" }),
         children || config.label
       ]
     }
@@ -38987,7 +38986,7 @@ function ServiceCard({
               {
                 type: "button",
                 onClick: handleManageClick,
-                className: "text-primary-800 hover:text-primary-900 dark:text-primary-300 dark:hover:text-primary-200 hover:bg-primary/10 ml-auto rounded px-3 py-1 text-sm font-medium transition-colors",
+                className: "text-primary-800 hover:text-primary-900 dark:text-primary-300 dark:hover:text-primary-200 hover:bg-primary/10 ms-auto rounded px-3 py-1 text-sm font-medium transition-colors",
                 children: "Manage"
               }
             )
@@ -39176,7 +39175,7 @@ function ServiceGeneralSettings({
               }
             ),
             /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground absolute top-1/2 left-3 -translate-y-1/2", children: "$" }),
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground absolute start-3 top-1/2 -translate-y-1/2", children: "$" }),
               /* @__PURE__ */ jsx(
                 "input",
                 {
@@ -39184,7 +39183,7 @@ function ServiceGeneralSettings({
                   type: "number",
                   min: "0",
                   step: "0.01",
-                  className: "w-full rounded-md border border-gray-300 py-2 pr-4 pl-7 shadow-sm focus:ring-2 focus:ring-blue-500 focus:outline-none dark:border-gray-600 dark:bg-gray-800 dark:text-white",
+                  className: "w-full rounded-md border border-gray-300 py-2 ps-7 pe-4 shadow-sm focus:ring-2 focus:ring-blue-500 focus:outline-none dark:border-gray-600 dark:bg-gray-800 dark:text-white",
                   value: basePrice,
                   onChange: (e) => onBasePriceChange?.(parseFloat(e.target.value) || 0),
                   placeholder: "0.00"
@@ -39208,13 +39207,13 @@ function ServiceGeneralSettings({
                   id: "turnaround-days",
                   type: "number",
                   min: "0",
-                  className: "w-full rounded-md border border-gray-300 px-3 py-2 pr-16 shadow-sm focus:ring-2 focus:ring-blue-500 focus:outline-none dark:border-gray-600 dark:bg-gray-800 dark:text-white",
+                  className: "w-full rounded-md border border-gray-300 px-3 py-2 pe-16 shadow-sm focus:ring-2 focus:ring-blue-500 focus:outline-none dark:border-gray-600 dark:bg-gray-800 dark:text-white",
                   value: turnaroundDays ?? "",
                   onChange: (e) => onTurnaroundDaysChange?.(parseInt(e.target.value) || 0),
                   placeholder: "0"
                 }
               ),
-              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground absolute top-1/2 right-3 -translate-y-1/2 text-sm", children: "days" })
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground absolute end-3 top-1/2 -translate-y-1/2 text-sm", children: "days" })
             ] })
           ] })
         ] })
@@ -39457,7 +39456,7 @@ function ServicePicker({
             }
           ),
           showSearch && /* @__PURE__ */ jsxs("div", { "data-slot": "service-picker-search", className: "relative", children: [
-            /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3", children: /* @__PURE__ */ jsx(SearchIcon5, { className: "text-muted-foreground h-5 w-5" }) }),
+            /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-y-0 start-0 flex items-center ps-3", children: /* @__PURE__ */ jsx(SearchIcon5, { className: "text-muted-foreground h-5 w-5" }) }),
             /* @__PURE__ */ jsx(
               Input,
               {
@@ -39465,7 +39464,7 @@ function ServicePicker({
                 value: searchQuery,
                 onChange: (e) => setSearchQuery(e.target.value),
                 placeholder: searchPlaceholder,
-                className: "pl-10",
+                className: "ps-10",
                 "data-cy": "input-search-services"
               }
             )
@@ -39566,10 +39565,10 @@ function ServiceGroupItem({
         onClick: () => onToggleGroup(group.id),
         className: cn(
           "flex w-full items-center justify-between rounded-lg px-3 py-2",
-          "text-muted-foreground text-left text-sm font-medium",
+          "text-muted-foreground text-start text-sm font-medium",
           "hover:bg-muted",
           "transition-colors",
-          depth > 0 && "ml-4"
+          depth > 0 && "ms-4"
         ),
         "aria-expanded": isExpanded,
         children: [
@@ -39607,7 +39606,7 @@ function ServiceGroupItem({
       "ul",
       {
         "data-slot": "service-picker-group-list",
-        className: "mt-1 space-y-1 pl-4",
+        className: "mt-1 space-y-1 ps-4",
         children: [
           group.services.map((service) => /* @__PURE__ */ jsx(
             ServiceItem,
@@ -40000,10 +39999,10 @@ function ServicePricingManager({
           /* @__PURE__ */ jsx(CardContent, { children: filteredServices.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground py-8 text-center", children: "No services found" }) : /* @__PURE__ */ jsxs("div", { className: "divide-y divide-gray-200 dark:divide-gray-700", children: [
             /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground hidden gap-4 py-3 text-xs font-medium uppercase md:grid md:grid-cols-6", children: [
               /* @__PURE__ */ jsx("div", { className: "col-span-2", children: "Service" }),
-              /* @__PURE__ */ jsx("div", { className: "text-right", children: "Base Price" }),
-              /* @__PURE__ */ jsx("div", { className: "text-right", children: "Employer Price" }),
+              /* @__PURE__ */ jsx("div", { className: "text-end", children: "Base Price" }),
+              /* @__PURE__ */ jsx("div", { className: "text-end", children: "Employer Price" }),
               /* @__PURE__ */ jsx("div", { className: "text-center", children: "Status" }),
-              /* @__PURE__ */ jsx("div", { className: "text-right", children: "Actions" })
+              /* @__PURE__ */ jsx("div", { className: "text-end", children: "Actions" })
             ] }),
             filteredServices.map((service) => /* @__PURE__ */ jsxs(
               "div",
@@ -40020,14 +40019,14 @@ function ServicePricingManager({
                   ] }),
                   /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center justify-between md:mb-0 md:block", children: [
                     /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm md:hidden", children: "Base:" }),
-                    /* @__PURE__ */ jsx("p", { className: "text-right font-semibold text-gray-900 dark:text-white", children: formatCurrency3(service.basePrice) })
+                    /* @__PURE__ */ jsx("p", { className: "text-end font-semibold text-gray-900 dark:text-white", children: formatCurrency3(service.basePrice) })
                   ] }),
                   /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center justify-between md:mb-0 md:block", children: [
                     /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm md:hidden", children: "Employer:" }),
-                    /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-right", children: service.employerPrice ? formatCurrency3(service.employerPrice) : "\u2014" })
+                    /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-end", children: service.employerPrice ? formatCurrency3(service.employerPrice) : "\u2014" })
                   ] }),
                   /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center md:mb-0 md:justify-center", children: [
-                    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground mr-2 text-sm md:hidden", children: "Status:" }),
+                    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground me-2 text-sm md:hidden", children: "Status:" }),
                     /* @__PURE__ */ jsx(
                       Badge,
                       {
@@ -40577,7 +40576,7 @@ function SetupServiceModal({
           }
         ),
         /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground absolute top-1/2 left-3 -translate-y-1/2", children: "$" }),
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground absolute start-3 top-1/2 -translate-y-1/2", children: "$" }),
           /* @__PURE__ */ jsx(
             "input",
             {
@@ -40585,7 +40584,7 @@ function SetupServiceModal({
               type: "number",
               min: "0",
               step: "0.01",
-              className: "bg-background text-foreground border-input focus:ring-ring w-full rounded-md border py-2 pr-4 pl-7 shadow-sm focus:ring-2 focus:outline-none",
+              className: "bg-background text-foreground border-input focus:ring-ring w-full rounded-md border py-2 ps-7 pe-4 shadow-sm focus:ring-2 focus:outline-none",
               value: formData.price,
               onChange: (e) => setFormData((prev) => ({
                 ...prev,
@@ -40652,7 +40651,7 @@ function SetupServiceModal({
           "div",
           {
             "data-slot": "setup-service-inventory",
-            className: "border-border ml-4 border-l-2 pl-4",
+            className: "border-border ms-4 border-s-2 ps-4",
             children: /* @__PURE__ */ jsx(
               Input,
               {
@@ -40712,7 +40711,7 @@ function SetupServiceModal({
           "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: [