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

package/dist/index.js

@@ -15,7 +15,7 @@ import { Text } from './chunk-3YSIZ2CK.js';
 export { SmallMuted, Text, textVariants } from './chunk-3YSIZ2CK.js';
 export { ThemeProvider, ThemeProviderContext, ThemeToggle, themeToggleIconVariants, themeToggleVariants, useThemeContext } from './chunk-SH6B4MG5.js';
 export { Toggle, toggleVariants } from './chunk-PTZB2GKL.js';
-export { TranscriptView, formatTimestampMs } from './chunk-SEPYBAML.js';
+export { TranscriptView, formatTimestampMs } from './chunk-RVGTI4F6.js';
 export { VisuallyHidden } from './chunk-H2CIKJQI.js';
 export { SourceTip } from './chunk-KFEN2SRZ.js';
 export { Sparkline } from './chunk-CG4ZKJLE.js';
@@ -52,7 +52,7 @@ export { MermaidBlock } from './chunk-EHQ77LL5.js';
 export { SurveyBlock } from './chunk-DWCYEPTT.js';
 export { CsvBlock } from './chunk-5J5PEUUA.js';
 export { FenceBlock } from './chunk-NLBT5O2X.js';
-export { FillerWordsModal, MediaEditor, SilenceSettingsModal, SpeedMarkerMenu, WordEditorModal } from './chunk-LDQ2T27A.js';
+export { FillerWordsModal, MediaEditor, SilenceSettingsModal, SpeedMarkerMenu, WordEditorModal } from './chunk-DWRYYTWT.js';
 export { Slider, sliderRangeVariants, sliderThumbVariants, sliderTrackVariants } from './chunk-OTQ72WX3.js';
 import './chunk-RISZWWEQ.js';
 export { MediaPlayer, inferMediaKind, mediaPlayerVariants } from './chunk-EMMYFHOT.js';
@@ -76,7 +76,7 @@ export { Checkbox, CheckboxGroup, checkboxVariants } from './chunk-753Z3NXL.js';
 export { ClampedText } from './chunk-L6MDULYB.js';
 export { CollabStatus, defaultCollabStatusLabels, useYjsCollabStatus } from './chunk-SVSHA7XV.js';
 export { Collapsible, CollapsibleContent, CollapsibleTrigger } from './chunk-BJKAVWED.js';
-export { miewebUIPreset, miewebUISafelist } from './chunk-2HQTUWJU.js';
+export { miewebUIPreset, miewebUISafelist } from './chunk-P3HQQNV3.js';
 export { Accordion } from './chunk-Y6YSJPVC.js';
 import { Alert, AlertTitle, AlertDescription } from './chunk-6EWJGRC3.js';
 export { Alert, AlertDescription, AlertTitle, alertVariants } from './chunk-6EWJGRC3.js';
@@ -17631,7 +17631,7 @@ function FilePreviewItem({ file, onRemove, disabled }) {
             "span",
             {
               className: cn(
-                "absolute bottom-2 left-2 px-2 py-0.5",
+                "absolute start-2 bottom-2 px-2 py-0.5",
                 "rounded-full text-xs font-medium",
                 "bg-black/50 text-white",
                 "capitalize"
@@ -18188,15 +18188,15 @@ function DocumentDetectionOverlay({
       {
         className: `absolute inset-4 rounded-lg border-4 transition-colors duration-300 ${borderColor}`,
         children: [
-          /* @__PURE__ */ jsx("div", { className: "absolute -top-1 -left-1 h-6 w-6 rounded-tl border-t-4 border-l-4 border-current" }),
-          /* @__PURE__ */ jsx("div", { className: "absolute -top-1 -right-1 h-6 w-6 rounded-tr border-t-4 border-r-4 border-current" }),
-          /* @__PURE__ */ jsx("div", { className: "absolute -bottom-1 -left-1 h-6 w-6 rounded-bl border-b-4 border-l-4 border-current" }),
-          /* @__PURE__ */ jsx("div", { className: "absolute -right-1 -bottom-1 h-6 w-6 rounded-br border-r-4 border-b-4 border-current" })
+          /* @__PURE__ */ jsx("div", { className: "absolute -start-1 -top-1 h-6 w-6 rounded-ss border-s-4 border-t-4 border-current" }),
+          /* @__PURE__ */ jsx("div", { className: "absolute -end-1 -top-1 h-6 w-6 rounded-se border-e-4 border-t-4 border-current" }),
+          /* @__PURE__ */ jsx("div", { className: "absolute -start-1 -bottom-1 h-6 w-6 rounded-es border-s-4 border-b-4 border-current" }),
+          /* @__PURE__ */ jsx("div", { className: "absolute -end-1 -bottom-1 h-6 w-6 rounded-ee border-e-4 border-b-4 border-current" })
         ]
       }
     ),
     /* @__PURE__ */ jsx(CountdownDisplay, { seconds: captureCountdown }),
-    /* @__PURE__ */ jsxs("div", { className: "absolute top-3 right-3 left-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "absolute start-3 end-3 top-3", children: [
       /* @__PURE__ */ jsx(
         "div",
         {
@@ -18212,7 +18212,7 @@ function DocumentDetectionOverlay({
         }
       ) })
     ] }),
-    showDetailedMetrics && /* @__PURE__ */ jsx("div", { className: "absolute right-3 bottom-3 left-3", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap justify-center gap-2 rounded-lg bg-black/60 p-2 backdrop-blur-sm", children: [
+    showDetailedMetrics && /* @__PURE__ */ jsx("div", { className: "absolute start-3 end-3 bottom-3", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap justify-center gap-2 rounded-lg bg-black/60 p-2 backdrop-blur-sm", children: [
       /* @__PURE__ */ jsx(StatusPill, { label: "Focus", isOk: isInFocus, value: focusScore }),
       /* @__PURE__ */ jsx(
         StatusPill,
@@ -18253,12 +18253,12 @@ function CameraViewfinder({
     isReady && detectionOverlay,
     isReady && !detectionOverlay && /* @__PURE__ */ jsxs("div", { className: "pointer-events-none absolute inset-0", children: [
       /* @__PURE__ */ jsxs("div", { className: "absolute inset-8 rounded-lg border-2 border-white/30", children: [
-        /* @__PURE__ */ jsx("div", { className: "absolute -top-0.5 -left-0.5 h-6 w-6 rounded-tl-lg border-t-4 border-l-4 border-white" }),
-        /* @__PURE__ */ jsx("div", { className: "absolute -top-0.5 -right-0.5 h-6 w-6 rounded-tr-lg border-t-4 border-r-4 border-white" }),
-        /* @__PURE__ */ jsx("div", { className: "absolute -bottom-0.5 -left-0.5 h-6 w-6 rounded-bl-lg border-b-4 border-l-4 border-white" }),
-        /* @__PURE__ */ jsx("div", { className: "absolute -right-0.5 -bottom-0.5 h-6 w-6 rounded-br-lg border-r-4 border-b-4 border-white" })
+        /* @__PURE__ */ jsx("div", { className: "absolute -start-0.5 -top-0.5 h-6 w-6 rounded-ss-lg border-s-4 border-t-4 border-white" }),
+        /* @__PURE__ */ jsx("div", { className: "absolute -end-0.5 -top-0.5 h-6 w-6 rounded-se-lg border-e-4 border-t-4 border-white" }),
+        /* @__PURE__ */ jsx("div", { className: "absolute -start-0.5 -bottom-0.5 h-6 w-6 rounded-es-lg border-s-4 border-b-4 border-white" }),
+        /* @__PURE__ */ jsx("div", { className: "absolute -end-0.5 -bottom-0.5 h-6 w-6 rounded-ee-lg border-e-4 border-b-4 border-white" })
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "absolute right-0 bottom-4 left-0 text-center", children: /* @__PURE__ */ jsx("span", { className: "rounded-full bg-black/50 px-3 py-1 text-sm text-white", children: "Position document within the frame" }) })
+      /* @__PURE__ */ jsx("div", { className: "absolute start-0 end-0 bottom-4 text-center", children: /* @__PURE__ */ jsx("span", { className: "rounded-full bg-black/50 px-3 py-1 text-sm text-white", children: "Position document within the frame" }) })
     ] })
   ] });
 }
@@ -18271,7 +18271,7 @@ function PermissionDeniedMessage({ onRetry }) {
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 text-center", children: [
       /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: "To enable camera access:" }),
-      /* @__PURE__ */ jsxs("ol", { className: "text-muted-foreground list-inside list-decimal space-y-1 text-left text-sm", children: [
+      /* @__PURE__ */ jsxs("ol", { className: "text-muted-foreground list-inside list-decimal space-y-1 text-start text-sm", children: [
         /* @__PURE__ */ jsx("li", { children: "Click the camera/lock icon in your browser's address bar" }),
         /* @__PURE__ */ jsx("li", { children: "Allow camera access for this site" }),
         /* @__PURE__ */ jsx("li", { children: "Click the button below to try again" })
@@ -19917,7 +19917,7 @@ function CreateInvoiceModal({
                   type: "button",
                   "data-slot": "invoice-modal-order",
                   onClick: () => toggleOrder(order.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 gap-3", children: [
                     /* @__PURE__ */ jsx(
                       "div",
@@ -20118,7 +20118,7 @@ function CreateInvoiceModal({
                     "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: [
@@ -25123,7 +25123,7 @@ function InvoiceList({
               "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",
@@ -25145,7 +25145,7 @@ function InvoiceList({
                 placeholder: "Search invoices...",
                 value: searchQuery,
                 onChange: handleSearch,
-                className: "pl-9"
+                className: "ps-9"
               }
             )
           ] }),
@@ -25171,7 +25171,7 @@ function InvoiceList({
                 "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",
@@ -25263,11 +25263,11 @@ function InvoiceList({
         className: "overflow-hidden rounded-lg border border-gray-200 dark:border-gray-700",
         children: /* @__PURE__ */ jsxs("table", { className: "w-full", children: [
           /* @__PURE__ */ jsx("thead", { className: "bg-gray-50 dark:bg-gray-800", children: /* @__PURE__ */ jsxs("tr", { children: [
-            /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-left text-xs font-medium tracking-wider uppercase", children: "Invoice" }),
-            /* @__PURE__ */ jsx("th", { className: "text-muted-foreground hidden px-4 py-3 text-left text-xs font-medium tracking-wider uppercase sm:table-cell", children: "Employer" }),
-            /* @__PURE__ */ jsx("th", { className: "text-muted-foreground hidden px-4 py-3 text-left text-xs font-medium tracking-wider uppercase md:table-cell", children: "Issued" }),
-            /* @__PURE__ */ jsx("th", { className: "text-muted-foreground hidden px-4 py-3 text-left text-xs font-medium tracking-wider uppercase md:table-cell", children: "Due" }),
-            /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-right text-xs font-medium tracking-wider uppercase", children: "Amount" }),
+            /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-start text-xs font-medium tracking-wider uppercase", children: "Invoice" }),
+            /* @__PURE__ */ jsx("th", { className: "text-muted-foreground hidden px-4 py-3 text-start text-xs font-medium tracking-wider uppercase sm:table-cell", children: "Employer" }),
+            /* @__PURE__ */ jsx("th", { className: "text-muted-foreground hidden px-4 py-3 text-start text-xs font-medium tracking-wider uppercase md:table-cell", children: "Issued" }),
+            /* @__PURE__ */ jsx("th", { className: "text-muted-foreground hidden px-4 py-3 text-start text-xs font-medium tracking-wider uppercase md:table-cell", children: "Due" }),
+            /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-end text-xs font-medium tracking-wider uppercase", children: "Amount" }),
             /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-center text-xs font-medium tracking-wider uppercase", children: "Status" })
           ] }) }),
           /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-700", children: filteredInvoices.map((invoice) => /* @__PURE__ */ jsxs(
@@ -25290,7 +25290,7 @@ function InvoiceList({
                     children: formatDate4(invoice.dueDate)
                   }
                 ) }),
-                /* @__PURE__ */ jsx("td", { className: "px-4 py-3 text-right", children: /* @__PURE__ */ jsx("p", { className: "font-medium text-gray-900 dark:text-white", children: formatCurrency3(invoice.amount) }) }),
+                /* @__PURE__ */ jsx("td", { className: "px-4 py-3 text-end", children: /* @__PURE__ */ jsx("p", { className: "font-medium text-gray-900 dark:text-white", children: formatCurrency3(invoice.amount) }) }),
                 /* @__PURE__ */ jsx("td", { className: "px-4 py-3 text-center", children: /* @__PURE__ */ jsx(Badge, { variant: getStatusVariant(invoice.status), children: invoice.status }) })
               ]
             },
@@ -25521,12 +25521,12 @@ function InvoicePaymentPage({
                       className: "border-t border-gray-200 pt-4 dark:border-gray-700",
                       children: /* @__PURE__ */ jsxs("table", { className: "w-full text-sm", children: [
                         /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "text-muted-foreground", children: [
-                          /* @__PURE__ */ jsx("th", { className: "pb-2 text-left font-medium", children: "Item" }),
-                          /* @__PURE__ */ jsx("th", { className: "pb-2 text-right font-medium", children: "Amount" })
+                          /* @__PURE__ */ jsx("th", { className: "pb-2 text-start font-medium", children: "Item" }),
+                          /* @__PURE__ */ jsx("th", { className: "pb-2 text-end font-medium", children: "Amount" })
                         ] }) }),
                         /* @__PURE__ */ jsx("tbody", { className: "text-gray-700 dark:text-gray-300", children: invoice.lineItems.map((item) => /* @__PURE__ */ jsxs("tr", { children: [
                           /* @__PURE__ */ jsx("td", { className: "py-1", children: item.description }),
-                          /* @__PURE__ */ jsx("td", { className: "py-1 text-right", children: formatCurrency3(item.total) })
+                          /* @__PURE__ */ jsx("td", { className: "py-1 text-end", children: formatCurrency3(item.total) })
                         ] }, item.id)) })
                       ] })
                     }
@@ -25686,7 +25686,7 @@ function InvoicePaymentPage({
                           "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: [
@@ -25778,7 +25778,7 @@ function InvoiceView({
                 "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",
@@ -25819,7 +25819,7 @@ function InvoiceView({
                     "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",
@@ -25850,7 +25850,7 @@ function InvoiceView({
                     "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",
@@ -25891,7 +25891,7 @@ function InvoiceView({
                     "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",
@@ -25915,7 +25915,7 @@ function InvoiceView({
                 "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",
@@ -25965,7 +25965,7 @@ function InvoiceView({
                   "div",
                   {
                     "data-slot": "invoice-view-meta",
-                    className: "text-left sm:text-right",
+                    className: "text-start sm:text-end",
                     children: [
                       /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white", children: "INVOICE" }),
                       /* @__PURE__ */ jsx("p", { className: "text-2xl font-bold text-gray-900 dark:text-white", children: invoice.invoiceNumber }),
@@ -26005,10 +26005,10 @@ function InvoiceView({
               className: "mb-6 overflow-hidden rounded-lg border border-gray-200 dark:border-gray-700",
               children: /* @__PURE__ */ jsxs("table", { className: "w-full", children: [
                 /* @__PURE__ */ jsx("thead", { className: "bg-gray-50 dark:bg-gray-800", children: /* @__PURE__ */ jsxs("tr", { children: [
-                  /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-left text-xs font-medium uppercase", children: "Description" }),
+                  /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-start text-xs font-medium uppercase", children: "Description" }),
                   /* @__PURE__ */ jsx("th", { className: "text-muted-foreground hidden px-4 py-3 text-center text-xs font-medium uppercase sm:table-cell", children: "Qty" }),
-                  /* @__PURE__ */ jsx("th", { className: "text-muted-foreground hidden px-4 py-3 text-right text-xs font-medium uppercase sm:table-cell", children: "Unit Price" }),
-                  /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-right text-xs font-medium uppercase", children: "Total" })
+                  /* @__PURE__ */ jsx("th", { className: "text-muted-foreground hidden px-4 py-3 text-end text-xs font-medium uppercase sm:table-cell", children: "Unit Price" }),
+                  /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-end text-xs font-medium uppercase", children: "Total" })
                 ] }) }),
                 /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-700", children: invoice.lineItems.map((item) => /* @__PURE__ */ jsxs("tr", { className: "bg-white dark:bg-gray-900", children: [
                   /* @__PURE__ */ jsxs("td", { className: "px-4 py-3", children: [
@@ -26019,8 +26019,8 @@ function InvoiceView({
                     ] })
                   ] }),
                   /* @__PURE__ */ jsx("td", { className: "hidden px-4 py-3 text-center text-gray-700 sm:table-cell dark:text-gray-300", children: item.quantity }),
-                  /* @__PURE__ */ jsx("td", { className: "hidden px-4 py-3 text-right text-gray-700 sm:table-cell dark:text-gray-300", children: formatCurrency3(item.unitPrice) }),
-                  /* @__PURE__ */ jsx("td", { className: "px-4 py-3 text-right font-medium text-gray-900 dark:text-white", children: formatCurrency3(item.total) })
+                  /* @__PURE__ */ jsx("td", { className: "hidden px-4 py-3 text-end text-gray-700 sm:table-cell dark:text-gray-300", children: formatCurrency3(item.unitPrice) }),
+                  /* @__PURE__ */ jsx("td", { className: "px-4 py-3 text-end font-medium text-gray-900 dark:text-white", children: formatCurrency3(item.total) })
                 ] }, item.id)) })
               ] })
             }
@@ -30275,13 +30275,13 @@ function PaymentHistoryTable({
       className: `overflow-hidden rounded-lg border border-gray-200 dark:border-gray-700 ${className}`,
       children: /* @__PURE__ */ jsxs("table", { "data-slot": "payment-history-table", className: "w-full", children: [
         /* @__PURE__ */ jsx("thead", { className: "bg-gray-50 dark:bg-gray-800", children: /* @__PURE__ */ jsxs("tr", { children: [
-          /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-left text-xs font-medium tracking-wider uppercase", children: "Date" }),
-          /* @__PURE__ */ jsx("th", { className: "text-muted-foreground hidden px-4 py-3 text-left text-xs font-medium tracking-wider uppercase sm:table-cell", children: "Invoice" }),
-          /* @__PURE__ */ jsx("th", { className: "text-muted-foreground hidden px-4 py-3 text-left text-xs font-medium tracking-wider uppercase md:table-cell", children: "Employer" }),
-          /* @__PURE__ */ jsx("th", { className: "text-muted-foreground hidden px-4 py-3 text-left text-xs font-medium tracking-wider uppercase lg:table-cell", children: "Method" }),
-          /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-right text-xs font-medium tracking-wider uppercase", children: "Amount" }),
+          /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-start text-xs font-medium tracking-wider uppercase", children: "Date" }),
+          /* @__PURE__ */ jsx("th", { className: "text-muted-foreground hidden px-4 py-3 text-start text-xs font-medium tracking-wider uppercase sm:table-cell", children: "Invoice" }),
+          /* @__PURE__ */ jsx("th", { className: "text-muted-foreground hidden px-4 py-3 text-start text-xs font-medium tracking-wider uppercase md:table-cell", children: "Employer" }),
+          /* @__PURE__ */ jsx("th", { className: "text-muted-foreground hidden px-4 py-3 text-start text-xs font-medium tracking-wider uppercase lg:table-cell", children: "Method" }),
+          /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-end text-xs font-medium tracking-wider uppercase", children: "Amount" }),
           /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-center text-xs font-medium tracking-wider uppercase", children: "Status" }),
-          onRefund && /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-right text-xs font-medium tracking-wider uppercase", children: "Action" })
+          onRefund && /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-end text-xs font-medium tracking-wider uppercase", children: "Action" })
         ] }) }),
         /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-700", children: payments.map((payment) => /* @__PURE__ */ jsxs(
           "tr",
@@ -30313,7 +30313,7 @@ function PaymentHistoryTable({
                   payment.cardLast4 && ` \u2022\u2022\u2022\u2022 ${payment.cardLast4}`
                 ] })
               ] }) }),
-              /* @__PURE__ */ jsx("td", { className: "px-4 py-3 text-right", children: /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsx("td", { className: "px-4 py-3 text-end", children: /* @__PURE__ */ jsx(
                 "p",
                 {
                   className: `font-medium ${payment.status === "refunded" ? "text-muted-foreground line-through" : "text-gray-900 dark:text-white"}`,
@@ -30321,7 +30321,7 @@ function PaymentHistoryTable({
                 }
               ) }),
               /* @__PURE__ */ jsx("td", { className: "px-4 py-3 text-center", children: /* @__PURE__ */ jsx(Badge, { variant: getStatusVariant(payment.status), children: payment.status }) }),
-              onRefund && /* @__PURE__ */ jsx("td", { className: "px-4 py-3 text-right", children: payment.status === "completed" && /* @__PURE__ */ jsx(
+              onRefund && /* @__PURE__ */ jsx("td", { className: "px-4 py-3 text-end", children: payment.status === "completed" && /* @__PURE__ */ jsx(
                 Button,
                 {
                   variant: "ghost",