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

package/dist/{chunk-LDQ2T27A.js → chunk-DWRYYTWT.js}

@@ -568,7 +568,7 @@ var SpeedMarkerMenu = ({
             "button",
             {
               type: "button",
-              className: `focus-visible:ring-ring flex items-center justify-between gap-2 rounded-md px-2.5 py-1 text-left text-sm transition-colors focus-visible:ring-2 focus-visible:outline-none ${isActive ? "bg-primary-600 font-medium text-white" : "text-foreground hover:bg-muted"}`,
+              className: `focus-visible:ring-ring flex items-center justify-between gap-2 rounded-md px-2.5 py-1 text-start text-sm transition-colors focus-visible:ring-2 focus-visible:outline-none ${isActive ? "bg-primary-600 font-medium text-white" : "text-foreground hover:bg-muted"}`,
               onClick: () => {
                 onSetSpeed(speed);
                 onClose();
@@ -587,7 +587,7 @@ var SpeedMarkerMenu = ({
           "button",
           {
             type: "button",
-            className: "border-border text-destructive hover:bg-destructive/10 focus-visible:ring-ring w-full border-t px-2.5 py-1.5 text-left text-sm transition-colors focus-visible:ring-2 focus-visible:outline-none",
+            className: "border-border text-destructive hover:bg-destructive/10 focus-visible:ring-ring w-full border-t px-2.5 py-1.5 text-start text-sm transition-colors focus-visible:ring-2 focus-visible:outline-none",
             onClick: () => {
               onRemoveMarker();
               onClose();
@@ -709,7 +709,7 @@ var ScriptPanel = ({
   return /* @__PURE__ */ jsxs(
     "aside",
     {
-      className: `border-border bg-card flex w-80 shrink-0 flex-col border-l lg:w-96 ${className ?? ""}`,
+      className: `border-border bg-card flex w-80 shrink-0 flex-col border-s lg:w-96 ${className ?? ""}`,
       "aria-label": "Transcript script",
       children: [
         /* @__PURE__ */ jsxs("div", { className: "border-border flex shrink-0 flex-wrap items-center gap-1.5 border-b px-3 py-2", children: [
@@ -732,7 +732,7 @@ var ScriptPanel = ({
               children: format.toUpperCase()
             }
           ),
-          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground ml-auto text-[10px]", children: readOnly ? "read-only" : dirty ? "edited" : "live" }),
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground ms-auto text-[10px]", children: readOnly ? "read-only" : dirty ? "edited" : "live" }),
           /* @__PURE__ */ jsx(
             Button,
             {
@@ -874,7 +874,7 @@ function wordClassName(s) {
     }
   }
   if (s.hasSpeedMarker) {
-    parts.push("ml-0.5 border-l-[3px] border-l-warning pl-1.5");
+    parts.push("ms-0.5 border-s-[3px] border-s-warning ps-1.5");
   }
   if (s.isSped) {
     parts.push(
@@ -887,7 +887,7 @@ var Caret = ({ side }) => /* @__PURE__ */ jsx(
   "span",
   {
     "aria-hidden": "true",
-    className: `bg-primary-500 absolute top-0.5 bottom-0.5 w-0.5 motion-safe:animate-pulse ${side === "before" ? "-left-px" : "right-0.5"}`
+    className: `bg-primary-500 absolute top-0.5 bottom-0.5 w-0.5 motion-safe:animate-pulse ${side === "before" ? "-start-px" : "end-0.5"}`
   }
 );
 var MediaEditor = React6.forwardRef(
@@ -1670,7 +1670,7 @@ var MediaEditor = React6.forwardRef(
               hasSpeedMarker && /* @__PURE__ */ jsxs(
                 "span",
                 {
-                  className: "border-warning/50 bg-warning/20 text-warning-foreground mr-1 inline-block rounded-sm border px-0.5 align-middle text-[9px] leading-snug font-semibold",
+                  className: "border-warning/50 bg-warning/20 text-warning-foreground me-1 inline-block rounded-sm border px-0.5 align-middle text-[9px] leading-snug font-semibold",
                   title: `Speed: ${speedMarker.speed}x from here`,
                   children: [
                     speedMarker.speed,
@@ -1702,7 +1702,7 @@ var MediaEditor = React6.forwardRef(
                 /* @__PURE__ */ jsx(
                   "div",
                   {
-                    className: `border-border bg-background flex min-h-0 shrink-0 ${splitLayout === "vertical" ? "max-h-[55dvh] md:max-h-none md:w-1/2 md:border-r" : "max-h-[55dvh] border-b md:max-h-[50%]"}`,
+                    className: `border-border bg-background flex min-h-0 shrink-0 ${splitLayout === "vertical" ? "max-h-[55dvh] md:max-h-none md:w-1/2 md:border-e" : "max-h-[55dvh] border-b md:max-h-[50%]"}`,
                     children: /* @__PURE__ */ jsx(
                       MediaPlayer,
                       {
@@ -1999,5 +1999,5 @@ var MediaEditor = React6.forwardRef(
 MediaEditor.displayName = "MediaEditor";
 
 export { FillerWordsModal, MediaEditor, SilenceSettingsModal, SpeedMarkerMenu, WordEditorModal };
-//# sourceMappingURL=chunk-LDQ2T27A.js.map
-//# sourceMappingURL=chunk-LDQ2T27A.js.map
+//# sourceMappingURL=chunk-DWRYYTWT.js.map
+//# sourceMappingURL=chunk-DWRYYTWT.js.map