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

package/dist/index.cjs

@@ -64,7 +64,7 @@ var chunk7AECNMYV_cjs = require('./chunk-7AECNMYV.cjs');
 var chunkN5O47VGS_cjs = require('./chunk-N5O47VGS.cjs');
 var chunkX4LBUPJO_cjs = require('./chunk-X4LBUPJO.cjs');
 var chunkIUDY6S7I_cjs = require('./chunk-IUDY6S7I.cjs');
-var chunkE6BQVAHF_cjs = require('./chunk-E6BQVAHF.cjs');
+var chunkNANEYSXP_cjs = require('./chunk-NANEYSXP.cjs');
 var chunkHK3AMH3Q_cjs = require('./chunk-HK3AMH3Q.cjs');
 var chunkEPQPUFS6_cjs = require('./chunk-EPQPUFS6.cjs');
 var chunkTVLZZI5Q_cjs = require('./chunk-TVLZZI5Q.cjs');
@@ -13176,7 +13176,7 @@ function CheckrIntegration({
                   /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-foreground text-lg font-semibold", children: "Checkr" }),
                   connected && account?.name && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-muted-foreground text-sm", children: [
                     account.name,
-                    account.plan && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ml-2 text-xs", children: [
+                    account.plan && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ms-2 text-xs", children: [
                       "(",
                       account.plan,
                       ")"
@@ -13189,7 +13189,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",
@@ -13219,7 +13219,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",
@@ -13268,7 +13268,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",
@@ -13290,7 +13290,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",
@@ -13369,7 +13369,7 @@ function CheckrIntegration({
                             report.packageName && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-xs", children: report.packageName })
                           ] })
                         ] }),
-                        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-right", children: [
+                        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-end", children: [
                           /* @__PURE__ */ jsxRuntime.jsx(
                             "span",
                             {
@@ -13492,7 +13492,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",
@@ -19655,7 +19655,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: [
@@ -21441,7 +21441,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",
@@ -21649,7 +21649,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",
@@ -21671,7 +21671,7 @@ function EmployerList({
             placeholder: "Search employers...",
             value: searchQuery,
             onChange: handleSearch,
-            className: "pl-9"
+            className: "ps-9"
           }
         )
       ] }),
@@ -21680,7 +21680,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",
@@ -21868,7 +21868,7 @@ function EmployerPricingCard({
                 /* @__PURE__ */ jsxRuntime.jsx(chunkMJWFNV3L_cjs.CardTitle, { className: "text-base font-semibold", children: serviceName }),
                 !isActive && /* @__PURE__ */ jsxRuntime.jsx(chunkYVL3XATO_cjs.Badge, { variant: "secondary", className: "mt-1", children: "Inactive" })
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "employer-pricing-base-price", className: "text-right", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "employer-pricing-base-price", className: "text-end", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-2xl font-bold text-gray-900 dark:text-white", children: formatPrice(basePrice) }),
                 /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-xs", children: "base price" })
               ] })
@@ -21917,7 +21917,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",
@@ -21939,7 +21939,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",
@@ -22156,7 +22156,7 @@ function EmployerView({
                 /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-sm", children: order.patientName }),
                 /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-xs", children: order.services.join(", ") })
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-right", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-end", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(chunkYVL3XATO_cjs.Badge, { variant: getStatusVariant(order.status), children: order.status }),
                 /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground mt-1 text-xs", children: formatDate4(order.createdDate) })
               ] }),
@@ -22192,7 +22192,7 @@ function EmployerView({
                   formatDate4(invoice.dueDate)
                 ] })
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-right", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-end", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold text-gray-900 dark:text-white", children: formatCurrency3(invoice.amount) }),
                 /* @__PURE__ */ jsxRuntime.jsx(chunkYVL3XATO_cjs.Badge, { variant: getStatusVariant(invoice.status), children: invoice.status })
               ] }),
@@ -22367,7 +22367,7 @@ function EmployerServiceModal({
         !config.useBasePrice && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
@@ -22383,7 +22383,7 @@ function EmployerServiceModal({
                 /* @__PURE__ */ jsxRuntime.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: "$"
                   }
@@ -22396,7 +22396,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,
@@ -22504,7 +22504,7 @@ function EmployerServiceModal({
         config.notifyOnOrder && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
               chunkZ5S5JEJD_cjs.Input,
@@ -22562,7 +22562,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",
@@ -24284,7 +24284,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__ */ jsxRuntime.jsx("i", { className: "fas fa-link-slash mr-2" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("i", { className: "fas fa-link-slash me-2" }),
                       disconnect
                     ]
                   }
@@ -24297,7 +24297,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__ */ jsxRuntime.jsx("i", { className: "fas fa-rotate mr-2" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("i", { className: "fas fa-rotate me-2" }),
                       refreshSync
                     ]
                   }
@@ -24314,7 +24314,7 @@ function HRISProviderSelector({
       /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("i", { className: "fas fa-search" })
         }
@@ -24326,7 +24326,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"
         }
       )
@@ -27041,7 +27041,7 @@ function OnboardingWizard({
                 /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "text-lg font-semibold", children: brandName }),
@@ -27208,7 +27208,7 @@ function OnboardingStepQuestion({
             onClick: () => onSelect?.(option.id),
             className: "rounded-full",
             children: [
-              option.icon && /* @__PURE__ */ jsxRuntime.jsx("i", { className: chunkS5RVSXDV_cjs.cn(option.icon, "mr-2") }),
+              option.icon && /* @__PURE__ */ jsxRuntime.jsx("i", { className: chunkS5RVSXDV_cjs.cn(option.icon, "me-2") }),
               option.label
             ]
           },
@@ -27236,7 +27236,7 @@ function OnboardingCompletion({
             className: "text-foreground mb-0 text-2xl",
             "data-slot": "onboarding-completion-title",
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx("i", { className: "fas fa-check-circle mr-2 text-green-500" }),
+              /* @__PURE__ */ jsxRuntime.jsx("i", { className: "fas fa-check-circle me-2 text-green-500" }),
               "Setup complete!"
             ]
           }
@@ -27257,15 +27257,15 @@ function OnboardingCompletion({
           "data-slot": "onboarding-completion-actions",
           children: [
             /* @__PURE__ */ jsxRuntime.jsxs(chunkRDGRKYQ5_cjs.Button, { variant: "primary", onClick: onStartOrder, children: [
-              /* @__PURE__ */ jsxRuntime.jsx("i", { className: "fas fa-shopping-cart mr-2" }),
+              /* @__PURE__ */ jsxRuntime.jsx("i", { className: "fas fa-shopping-cart me-2" }),
               "Start your first order"
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs(chunkRDGRKYQ5_cjs.Button, { variant: "outline", onClick: onGoToDashboard, children: [
-              /* @__PURE__ */ jsxRuntime.jsx("i", { className: "fas fa-tachometer-alt mr-2" }),
+              /* @__PURE__ */ jsxRuntime.jsx("i", { className: "fas fa-tachometer-alt me-2" }),
               "Go to Dashboard"
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs(chunkRDGRKYQ5_cjs.Button, { variant: "outline", onClick: onGoToEmployees, children: [
-              /* @__PURE__ */ jsxRuntime.jsx("i", { className: "fas fa-users mr-2" }),
+              /* @__PURE__ */ jsxRuntime.jsx("i", { className: "fas fa-users me-2" }),
               "Go to Employees"
             ] })
           ]
@@ -33891,7 +33891,7 @@ var ProviderSearchBar = React13__namespace.forwardRef(
                           className: chunkS5RVSXDV_cjs.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"
                           )
                         }
                       ) }),
@@ -33994,7 +33994,7 @@ var inputVariants3 = classVarianceAuthority.cva(
   {
     variants: {
       hasIcon: {
-        true: "pl-10",
+        true: "ps-10",
         false: ""
       }
     },
@@ -34008,10 +34008,9 @@ var selectVariants = classVarianceAuthority.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 = classVarianceAuthority.cva([
   "text-sm font-medium text-neutral-700 dark:text-neutral-300",
@@ -34089,7 +34088,7 @@ function InputField({ label, icon, className, id, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
     label && /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: inputId, className: labelVariants2(), children: label }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-      icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3 text-neutral-400", children: icon }),
+      icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute inset-y-0 start-0 flex items-center ps-3 text-neutral-400", children: icon }),
       /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
@@ -34240,7 +34239,7 @@ function ServiceMultiSelect({
             "aria-labelledby": label ? void 0 : "services-label",
             className: chunkS5RVSXDV_cjs.cn(
               selectVariants(),
-              "w-full text-left",
+              "w-full text-start",
               !selectedServices.length && "text-muted-foreground",
               disabled && "cursor-not-allowed opacity-50"
             ),
@@ -34271,11 +34270,11 @@ function ServiceMultiSelect({
                       value: searchTerm,
                       onChange: (e) => setSearchTerm(e.target.value),
                       placeholder: "Search services...",
-                      className: chunkS5RVSXDV_cjs.cn(inputVariants3({ hasIcon: true }), "pl-8"),
+                      className: chunkS5RVSXDV_cjs.cn(inputVariants3({ hasIcon: true }), "ps-8"),
                       autoFocus: true
                     }
                   ),
-                  /* @__PURE__ */ jsxRuntime.jsx(SearchIcon4, { className: "absolute top-1/2 left-4 -translate-y-1/2 text-neutral-400" })
+                  /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { children: [
@@ -34292,7 +34291,7 @@ function ServiceMultiSelect({
                           "aria-selected": isSelected,
                           onClick: () => handleToggleService(service.value),
                           className: chunkS5RVSXDV_cjs.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"
                           ),
@@ -34476,7 +34475,7 @@ function CompactFilterBar({
       "data-slot": "provider-compact-filter",
       children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-[150px] flex-1", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(SearchIcon4, { className: "absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 text-neutral-400" }),
+          /* @__PURE__ */ jsxRuntime.jsx(SearchIcon4, { className: "absolute start-3 top-1/2 h-4 w-4 -translate-y-1/2 text-neutral-400" }),
           /* @__PURE__ */ jsxRuntime.jsx(
             "input",
             {
@@ -34486,7 +34485,7 @@ function CompactFilterBar({
               onChange: (e) => handleFieldChange("searchPhrase", e.target.value),
               disabled: loading,
               className: chunkS5RVSXDV_cjs.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"
               )
@@ -34509,7 +34508,7 @@ function CompactFilterBar({
               },
               disabled: loading,
               className: chunkS5RVSXDV_cjs.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"
               )
@@ -34523,7 +34522,7 @@ function CompactFilterBar({
               disabled: loading,
               "aria-label": "Search radius",
               className: chunkS5RVSXDV_cjs.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"
               ),
@@ -34669,7 +34668,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__ */ jsxRuntime.jsx(XMarkIcon, { className: "h-3 w-3" })
                 }
@@ -34772,7 +34771,7 @@ function ProviderSelector({
             onClick: () => !disabled && setIsOpen(!isOpen),
             disabled,
             className: chunkS5RVSXDV_cjs.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",
@@ -34889,7 +34888,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",
@@ -34912,7 +34911,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
                     }
                   )
@@ -34924,7 +34923,7 @@ function ProviderSelector({
                     "data-slot": "provider-selector-option",
                     onClick: () => handleSelect(provider),
                     className: chunkS5RVSXDV_cjs.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"
                     ),
@@ -35848,7 +35847,7 @@ function ProviderUsersTable({
               /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "font-medium text-gray-900 dark:text-white", children: [
                   user.name,
-                  isCurrentUser && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground ml-1.5 text-xs", children: "(you)" })
+                  isCurrentUser && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground ms-1.5 text-xs", children: "(you)" })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-sm", children: user.email })
               ] })
@@ -35856,7 +35855,7 @@ function ProviderUsersTable({
             /* @__PURE__ */ jsxRuntime.jsx(chunkIJYTASQQ_cjs.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-gray-700 dark:text-gray-300", children: user.role }) }),
             /* @__PURE__ */ jsxRuntime.jsx(chunkIJYTASQQ_cjs.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkYVL3XATO_cjs.Badge, { variant: getStatusVariant(user.status), children: user.status || "active" }) }),
             /* @__PURE__ */ jsxRuntime.jsx(chunkIJYTASQQ_cjs.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground text-sm", children: isPending ? `Invited ${formatDate4(user.invitedAt)}` : formatDate4(user.lastActive) }) }),
-            showActions && /* @__PURE__ */ jsxRuntime.jsx(chunkIJYTASQQ_cjs.TableCell, { className: "text-right", children: /* @__PURE__ */ jsxRuntime.jsx(
+            showActions && /* @__PURE__ */ jsxRuntime.jsx(chunkIJYTASQQ_cjs.TableCell, { className: "text-end", children: /* @__PURE__ */ jsxRuntime.jsx(
               RowActionsMenu,
               {
                 user,
@@ -36170,11 +36169,11 @@ function RecurringServiceCard({
             )
           ] }),
           effectiveState === "warning" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-warning/10 text-warning-800 dark:text-warning-200 rounded-md px-3 py-2 text-xs", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("i", { className: "fas fa-exclamation-triangle mr-1" }),
+            /* @__PURE__ */ jsxRuntime.jsx("i", { className: "fas fa-exclamation-triangle me-1" }),
             consentNote
           ] }),
           effectiveState === "error" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-destructive/10 text-destructive-800 dark:text-destructive-200 rounded-md px-3 py-2 text-xs", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("i", { className: "fas fa-times-circle mr-1" }),
+            /* @__PURE__ */ jsxRuntime.jsx("i", { className: "fas fa-times-circle me-1" }),
             consentNote
           ] }),
           !isDisabled && /* @__PURE__ */ jsxRuntime.jsxs(
@@ -36401,7 +36400,7 @@ function RecurringServiceSetupModal({
               ),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: overrideConsent })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground ml-6 text-xs", children: overrideConsentNote })
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground ms-6 text-xs", children: overrideConsentNote })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
@@ -37941,7 +37940,7 @@ var accordionVariants = classVarianceAuthority.cva(
 );
 var categoryHeaderVariants = classVarianceAuthority.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"
   ],
@@ -38050,7 +38049,7 @@ function ServiceLink({
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(LinkIcon, { className: "flex-shrink-0 text-neutral-400" }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-grow", children: service.name }),
-        service.providerCount !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground ml-2 text-xs", children: [
+        service.providerCount !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground ms-2 text-xs", children: [
           "(",
           service.providerCount,
           ")"
@@ -38077,7 +38076,7 @@ function SubCategoryAccordion({
         onClick: () => setIsExpanded(!isExpanded),
         className: chunkS5RVSXDV_cjs.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"
         ),
@@ -38107,7 +38106,7 @@ function SubCategoryAccordion({
           isExpanded ? "max-h-[1000px] opacity-100" : "max-h-0 opacity-0"
         ),
         inert: !isExpanded || void 0,
-        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1 pb-2 pl-4", children: subCategory.services.map((service, serviceIdx) => /* @__PURE__ */ jsxRuntime.jsx(
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1 ps-4 pb-2", children: subCategory.services.map((service, serviceIdx) => /* @__PURE__ */ jsxRuntime.jsx(
           ServiceLink,
           {
             service,
@@ -38462,7 +38461,7 @@ function ServiceBadge({
   const isClickable = Boolean(href || onClick);
   const isInteractive = interactive ?? isClickable;
   const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-1 flex-shrink-0", children: icon }),
+    icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "me-1 flex-shrink-0", children: icon }),
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children }),
     removable && onRemove && /* @__PURE__ */ jsxRuntime.jsx(
       "button",
@@ -38474,7 +38473,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__ */ jsxRuntime.jsx(CloseIcon4, { className: "h-3 w-3" })
       }
@@ -38591,7 +38590,7 @@ function ServiceTagCloudBadges({
             href: onServiceClick ? void 0 : `/service/${service.slug}`,
             children: [
               service.name,
-              showCounts && service.count !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground ml-1", children: [
+              showCounts && service.count !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground ms-1", children: [
                 "(",
                 service.count,
                 ")"
@@ -38642,7 +38641,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"
           }
         )
@@ -38704,7 +38703,7 @@ function DOTBadge({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(DOTIcon, { className: "mr-1 h-3.5 w-3.5" }),
+        /* @__PURE__ */ jsxRuntime.jsx(DOTIcon, { className: "me-1 h-3.5 w-3.5" }),
         children || config.label
       ]
     }
@@ -38967,7 +38966,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"
               }
             )
@@ -39156,7 +39155,7 @@ function ServiceGeneralSettings({
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground absolute top-1/2 left-3 -translate-y-1/2", children: "$" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground absolute start-3 top-1/2 -translate-y-1/2", children: "$" }),
               /* @__PURE__ */ jsxRuntime.jsx(
                 "input",
                 {
@@ -39164,7 +39163,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"
@@ -39188,13 +39187,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__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground absolute top-1/2 right-3 -translate-y-1/2 text-sm", children: "days" })
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground absolute end-3 top-1/2 -translate-y-1/2 text-sm", children: "days" })
             ] })
           ] })
         ] })
@@ -39437,7 +39436,7 @@ function ServicePicker({
             }
           ),
           showSearch && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "service-picker-search", className: "relative", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3", children: /* @__PURE__ */ jsxRuntime.jsx(SearchIcon5, { className: "text-muted-foreground h-5 w-5" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute inset-y-0 start-0 flex items-center ps-3", children: /* @__PURE__ */ jsxRuntime.jsx(SearchIcon5, { className: "text-muted-foreground h-5 w-5" }) }),
             /* @__PURE__ */ jsxRuntime.jsx(
               chunkZ5S5JEJD_cjs.Input,
               {
@@ -39445,7 +39444,7 @@ function ServicePicker({
                 value: searchQuery,
                 onChange: (e) => setSearchQuery(e.target.value),
                 placeholder: searchPlaceholder,
-                className: "pl-10",
+                className: "ps-10",
                 "data-cy": "input-search-services"
               }
             )
@@ -39546,10 +39545,10 @@ function ServiceGroupItem({
         onClick: () => onToggleGroup(group.id),
         className: chunkS5RVSXDV_cjs.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: [
@@ -39587,7 +39586,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__ */ jsxRuntime.jsx(
             ServiceItem,
@@ -39980,10 +39979,10 @@ function ServicePricingManager({
           /* @__PURE__ */ jsxRuntime.jsx(chunkMJWFNV3L_cjs.CardContent, { children: filteredServices.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground py-8 text-center", children: "No services found" }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "divide-y divide-gray-200 dark:divide-gray-700", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-muted-foreground hidden gap-4 py-3 text-xs font-medium uppercase md:grid md:grid-cols-6", children: [
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-2", children: "Service" }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-right", children: "Base Price" }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-right", children: "Employer Price" }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-end", children: "Base Price" }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-end", children: "Employer Price" }),
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center", children: "Status" }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-right", children: "Actions" })
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-end", children: "Actions" })
             ] }),
             filteredServices.map((service) => /* @__PURE__ */ jsxRuntime.jsxs(
               "div",
@@ -40000,14 +39999,14 @@ function ServicePricingManager({
                   ] }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 flex items-center justify-between md:mb-0 md:block", children: [
                     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground text-sm md:hidden", children: "Base:" }),
-                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-right font-semibold text-gray-900 dark:text-white", children: formatCurrency3(service.basePrice) })
+                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-end font-semibold text-gray-900 dark:text-white", children: formatCurrency3(service.basePrice) })
                   ] }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 flex items-center justify-between md:mb-0 md:block", children: [
                     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground text-sm md:hidden", children: "Employer:" }),
-                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-right", children: service.employerPrice ? formatCurrency3(service.employerPrice) : "\u2014" })
+                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-end", children: service.employerPrice ? formatCurrency3(service.employerPrice) : "\u2014" })
                   ] }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 flex items-center md:mb-0 md:justify-center", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground mr-2 text-sm md:hidden", children: "Status:" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground me-2 text-sm md:hidden", children: "Status:" }),
                     /* @__PURE__ */ jsxRuntime.jsx(
                       chunkYVL3XATO_cjs.Badge,
                       {
@@ -40557,7 +40556,7 @@ function SetupServiceModal({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground absolute top-1/2 left-3 -translate-y-1/2", children: "$" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground absolute start-3 top-1/2 -translate-y-1/2", children: "$" }),
           /* @__PURE__ */ jsxRuntime.jsx(
             "input",
             {
@@ -40565,7 +40564,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,
@@ -40632,7 +40631,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__ */ jsxRuntime.jsx(
               chunkZ5S5JEJD_cjs.Input,
               {
@@ -40692,7 +40691,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: [
@@ -45440,11 +45439,11 @@ Object.defineProperty(exports, "CollapsibleTrigger", {
 });
 Object.defineProperty(exports, "miewebUIPreset", {
   enumerable: true,
-  get: function () { return chunkE6BQVAHF_cjs.miewebUIPreset; }
+  get: function () { return chunkNANEYSXP_cjs.miewebUIPreset; }
 });
 Object.defineProperty(exports, "miewebUISafelist", {
   enumerable: true,
-  get: function () { return chunkE6BQVAHF_cjs.miewebUISafelist; }
+  get: function () { return chunkNANEYSXP_cjs.miewebUISafelist; }
 });
 Object.defineProperty(exports, "Accordion", {
   enumerable: true,