@remotion/studio 4.0.528 → 4.0.529

package/dist/esm/{index-xac20sv4.mjs → index-r9bj4tta.mjs}

@@ -11,19 +11,19 @@ import {
   rightRow,
   useCopyFeedback,
   validatePublicOutputName
-} from "./index-x6r9bn12.mjs";
+} from "./index-m2a95v3p.mjs";
 import {
   showNotification
-} from "./index-dh3zk2hv.mjs";
+} from "./index-vtr5qzam.mjs";
 import {
   Spacing
-} from "./index-890dd9b3.mjs";
+} from "./index-m01zjph7.mjs";
 import {
   BLUE,
   INPUT_BACKGROUND,
   LIGHT_TEXT,
   WHITE
-} from "./index-wqc43mw0.mjs";
+} from "./index-3qb54r5j.mjs";
 
 // src/components/Transcription/caption-output-name.ts
 var getDefaultCaptionOutputName = (src, displayName = "captions") => {
@@ -297,7 +297,7 @@ import { jsx as jsx3 } from "react/jsx-runtime";
 var OptionExplainerBubble = ({ id, extraInfoRows, showApiOption, showCliFlag }) => {
   const option = BrowserSafeApis.options[id];
   return /* @__PURE__ */ jsx3(InfoBubble, {
-    title: "Learn more about this option",
+    "aria-label": "Learn more about this option",
     children: /* @__PURE__ */ jsx3(OptionExplainer, {
       extraInfoRows,
       option,
@@ -322,7 +322,7 @@ var WebRendererCustomOptionExplainerBubble = ({ apiName, description: descriptio
     ssrName: null
   };
   return /* @__PURE__ */ jsx3(InfoBubble, {
-    title: "Learn more about this option",
+    "aria-label": "Learn more about this option",
     children: /* @__PURE__ */ jsx3(OptionExplainer, {
       extraInfoRows: [{ label: "API option", value: apiName }],
       option,
@@ -362,7 +362,7 @@ var NumberSetting = ({ name, value, step, hint, onValueChanged, max, min, format
               typeof hint === "string" ? /* @__PURE__ */ jsx4(OptionExplainerBubble, {
                 id: hint
               }) : /* @__PURE__ */ jsx4(InfoBubble, {
-                title: hint.title,
+                "aria-label": hint.title,
                 children: hint.content
               })
             ]

package/dist/esm/{index-t7xnxdf8.mjs → index-vnc2wdfd.mjs}

@@ -9,11 +9,11 @@ import {
   VERTICAL_SCROLLBAR_CLASSNAME,
   ValidationMessage,
   optionsPanel
-} from "./index-890dd9b3.mjs";
+} from "./index-m01zjph7.mjs";
 import {
   BLUE,
   LIGHT_TEXT
-} from "./index-wqc43mw0.mjs";
+} from "./index-3qb54r5j.mjs";
 
 // src/components/ModelManager.tsx
 import { formatBytes } from "@remotion/studio-shared";
@@ -226,8 +226,9 @@ var ModelManager = ({
                   children: model.name
                 }),
                 /* @__PURE__ */ jsx("span", {
+                  role: "group",
                   style: status,
-                  title: modelStatus,
+                  "aria-label": modelStatus,
                   children: modelStatus
                 }),
                 cached ? /* @__PURE__ */ jsx(CheckCircleFilled, {
@@ -247,7 +248,6 @@ var ModelManager = ({
                   dismissOnClick: true,
                   children: /* @__PURE__ */ jsx(InlineAction, {
                     "aria-label": `Remove ${model.name}`,
-                    title: "",
                     disabled: actionInProgress,
                     onClick: () => remove(model.name),
                     renderAction: renderRemoveIcon,
@@ -260,7 +260,6 @@ var ModelManager = ({
                   dismissOnClick: true,
                   children: /* @__PURE__ */ jsx(InlineAction, {
                     "aria-label": `Download ${model.name}`,
-                    title: "",
                     disabled: cachedModels === null || actionInProgress,
                     onClick: () => downloadModel(model.name),
                     renderAction: renderDownloadIcon,

package/dist/esm/{index-dh3zk2hv.mjs → index-vtr5qzam.mjs}

@@ -12,7 +12,7 @@ import {
   NOTIFICATION_SHADOW,
   TRANSPARENT,
   WHITE_HEX
-} from "./index-wqc43mw0.mjs";
+} from "./index-3qb54r5j.mjs";
 
 // src/components/Notifications/NotificationCenter.tsx
 import {