sanity-plugin-mux-input 2.3.1 → 2.3.3

package/lib/index.cjs

@@ -19,11 +19,11 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 Object.defineProperty(exports, "__esModule", { value: !0 });
-var sanity = require("sanity"), jsxRuntime = require("react/jsx-runtime"), icons = require("@sanity/icons"), ui = require("@sanity/ui"), React = require("react"), compact = require("lodash/compact.js"), toLower = require("lodash/toLower.js"), trim = require("lodash/trim.js"), uniq = require("lodash/uniq.js"), words = require("lodash/words.js"), styled = require("styled-components"), uuid = require("@sanity/uuid"), rxjs = require("rxjs"), operators = require("rxjs/operators"), suspendReact = require("suspend-react"), MuxPlayer = require("@mux/mux-player-react"), desk = require("sanity/desk"), router = require("sanity/router"), isNumber = require("lodash/isNumber.js"), isString = require("lodash/isString.js"), reactRx = require("react-rx"), useSWR = require("swr"), scrollIntoView = require("scroll-into-view-if-needed"), useErrorBoundary = require("use-error-boundary"), upchunk = require("@mux/upchunk"), reactIs = require("react-is"), LanguagesList = require("iso-639-1");
+var sanity = require("sanity"), jsxRuntime = require("react/jsx-runtime"), icons = require("@sanity/icons"), ui = require("@sanity/ui"), React = require("react"), compact = require("lodash/compact.js"), toLower = require("lodash/toLower.js"), trim = require("lodash/trim.js"), uniq = require("lodash/uniq.js"), words = require("lodash/words.js"), styledComponents = require("styled-components"), uuid = require("@sanity/uuid"), rxjs = require("rxjs"), operators = require("rxjs/operators"), suspendReact = require("suspend-react"), MuxPlayer = require("@mux/mux-player-react"), desk = require("sanity/desk"), router = require("sanity/router"), isNumber = require("lodash/isNumber.js"), isString = require("lodash/isString.js"), reactRx = require("react-rx"), useSWR = require("swr"), scrollIntoView = require("scroll-into-view-if-needed"), useErrorBoundary = require("use-error-boundary"), upchunk = require("@mux/upchunk"), reactIs = require("react-is"), LanguagesList = require("iso-639-1");
 function _interopDefaultCompat(e) {
   return e && typeof e == "object" && "default" in e ? e : { default: e };
 }
-var React__default = /* @__PURE__ */ _interopDefaultCompat(React), compact__default = /* @__PURE__ */ _interopDefaultCompat(compact), toLower__default = /* @__PURE__ */ _interopDefaultCompat(toLower), trim__default = /* @__PURE__ */ _interopDefaultCompat(trim), uniq__default = /* @__PURE__ */ _interopDefaultCompat(uniq), words__default = /* @__PURE__ */ _interopDefaultCompat(words), styled__default = /* @__PURE__ */ _interopDefaultCompat(styled), MuxPlayer__default = /* @__PURE__ */ _interopDefaultCompat(MuxPlayer), isNumber__default = /* @__PURE__ */ _interopDefaultCompat(isNumber), isString__default = /* @__PURE__ */ _interopDefaultCompat(isString), useSWR__default = /* @__PURE__ */ _interopDefaultCompat(useSWR), scrollIntoView__default = /* @__PURE__ */ _interopDefaultCompat(scrollIntoView), LanguagesList__default = /* @__PURE__ */ _interopDefaultCompat(LanguagesList);
+var React__default = /* @__PURE__ */ _interopDefaultCompat(React), compact__default = /* @__PURE__ */ _interopDefaultCompat(compact), toLower__default = /* @__PURE__ */ _interopDefaultCompat(toLower), trim__default = /* @__PURE__ */ _interopDefaultCompat(trim), uniq__default = /* @__PURE__ */ _interopDefaultCompat(uniq), words__default = /* @__PURE__ */ _interopDefaultCompat(words), MuxPlayer__default = /* @__PURE__ */ _interopDefaultCompat(MuxPlayer), isNumber__default = /* @__PURE__ */ _interopDefaultCompat(isNumber), isString__default = /* @__PURE__ */ _interopDefaultCompat(isString), useSWR__default = /* @__PURE__ */ _interopDefaultCompat(useSWR), scrollIntoView__default = /* @__PURE__ */ _interopDefaultCompat(scrollIntoView), LanguagesList__default = /* @__PURE__ */ _interopDefaultCompat(LanguagesList);
 const ToolIcon = () => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
@@ -190,7 +190,7 @@ function useMuxAssets({ secrets, enabled }) {
     return () => subscription.unsubscribe();
   }, [enabled]), state;
 }
-const name$1 = "mux-input", cacheNs = "sanity-plugin-mux-input", muxSecretsDocumentId = "secrets.mux", DIALOGS_Z_INDEX = 6e4, THUMBNAIL_ASPECT_RATIO = 1.7777777777777777, MIN_ASPECT_RATIO = 5 / 4, path$1 = ["token", "secretKey", "enableSignedUrls", "signingKeyId", "signingKeyPrivate"], useSecretsDocumentValues = () => {
+const name = "mux-input", cacheNs = "sanity-plugin-mux-input", muxSecretsDocumentId = "secrets.mux", DIALOGS_Z_INDEX = 6e4, THUMBNAIL_ASPECT_RATIO = 1.7777777777777777, MIN_ASPECT_RATIO = 5 / 4, path$1 = ["token", "secretKey", "enableSignedUrls", "signingKeyId", "signingKeyPrivate"], useSecretsDocumentValues = () => {
   const { error, isLoading, value } = sanity.useDocumentValues(
     muxSecretsDocumentId,
     path$1
@@ -366,7 +366,7 @@ function getAnimatedPosterSrc({
   }
   return `https://image.mux.com/${playbackId}/animated.gif?${searchParams}`;
 }
-const Image = styled__default.default.img`
+const Image = styledComponents.styled.img`
   transition: opacity 0.175s ease-out 0s;
   display: block;
   width: 100%;
@@ -457,7 +457,7 @@ function VideoThumbnail({
     }
   );
 }
-const MissingAssetCheckbox = styled__default.default(ui.Checkbox)`
+const MissingAssetCheckbox = styledComponents.styled(ui.Checkbox)`
   position: static !important;
 
   input::after {
@@ -539,6 +539,7 @@ function ImportVideosDialog(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     ui.Dialog,
     {
+      animate: !0,
       header: "Import videos from Mux",
       zOffset: DIALOGS_Z_INDEX,
       id: "video-details-dialog",
@@ -681,17 +682,17 @@ function SelectSortOptions(props) {
     {
       button: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { text: "Sort", icon: icons.SortIcon, mode: "bleed", padding: 3, style: { cursor: "pointer" } }),
       id,
-      menu: /* @__PURE__ */ jsxRuntime.jsx(ui.Menu, { children: Object.entries(ASSET_SORT_OPTIONS).map(([type2, { label }]) => /* @__PURE__ */ jsxRuntime.jsx(
+      menu: /* @__PURE__ */ jsxRuntime.jsx(ui.Menu, { children: Object.entries(ASSET_SORT_OPTIONS).map(([type, { label }]) => /* @__PURE__ */ jsxRuntime.jsx(
         ui.MenuItem,
         {
           "data-as": "button",
-          onClick: () => props.setSort(type2),
+          onClick: () => props.setSort(type),
           padding: 3,
           tone: "default",
           text: label,
-          pressed: type2 === props.sort
+          pressed: type === props.sort
         },
-        type2
+        type
       )) }),
       popover: CONTEXT_MENU_POPOVER_PROPS
     }
@@ -710,11 +711,11 @@ const SpinnerBox = () => /* @__PURE__ */ jsxRuntime.jsx(
   }
 );
 function FormField(props) {
-  const { children, title, description: description2, inputId } = props;
+  const { children, title, description, inputId } = props;
   return /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 1, children: [
     /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { align: "flex-end", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { flex: 1, paddingY: 2, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 2, children: [
       /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "label", htmlFor: inputId, weight: "semibold", size: 1, children: title || /* @__PURE__ */ jsxRuntime.jsx("em", { children: "Untitled" }) }),
-      description2 && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { muted: !0, size: 1, children: description2 })
+      description && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { muted: !0, size: 1, children: description })
     ] }) }) }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { children })
   ] });
@@ -767,132 +768,6 @@ function getVideoSrc({ asset, client }) {
   }
   return `https://stream.mux.com/${playbackId}.m3u8?${searchParams}`;
 }
-var name = "sanity-plugin-mux-input", version = "2.3.1", description = "An input component that integrates Sanity Studio with Mux video encoding/hosting service.", keywords = [
-  "sanity",
-  "video",
-  "mux",
-  "input",
-  "plugin",
-  "sanity-plugin",
-  "media"
-], homepage = "https://github.com/sanity-io/sanity-plugin-mux-input#readme", bugs = {
-  url: "https://github.com/sanity-io/sanity-plugin-mux-input/issues"
-}, repository = {
-  type: "git",
-  url: "git@github.com:sanity-io/sanity-plugin-mux-input.git"
-}, license = "MIT", author = "Sanity.io <hello@sanity.io>", sideEffects = !1, type = "module", exports$1 = {
-  ".": {
-    source: "./src/_exports/index.ts",
-    import: "./lib/index.js",
-    require: "./lib/index.cjs",
-    default: "./lib/index.js"
-  },
-  "./package.json": "./package.json"
-}, main = "./lib/index.cjs", module$1 = "./lib/index.esm.js", source = "./src/_exports/index.ts", types = "./lib/index.d.ts", files = [
-  "src",
-  "lib",
-  "sanity.json",
-  "v2-incompatible.js"
-], scripts = {
-  build: "run-s clean && pkg-utils build --strict && pkg-utils --strict",
-  clean: "rimraf lib",
-  dev: "plugin-kit link-watch",
-  format: "prettier --write --cache --ignore-unknown .",
-  "link-watch": "plugin-kit link-watch",
-  lint: "eslint .",
-  prepare: "husky install || true",
-  prepublishOnly: "run-s build",
-  test: "npm run lint && npm run type-check && npm run build",
-  "type-check": "tsc --noEmit",
-  watch: "pkg-utils watch --strict"
-}, dependencies = {
-  "@mux/mux-player-react": "^2.4.1",
-  "@mux/upchunk": "^3.3.2",
-  "@sanity/icons": "^2.11.7",
-  "@sanity/incompatible-plugin": "^1.0.4",
-  "@sanity/ui": "^2.1.0",
-  "@sanity/uuid": "^3.0.2",
-  "iso-639-1": "^3.1.2",
-  "jsonwebtoken-esm": "^1.0.5",
-  lodash: "^4.17.21",
-  "react-rx": "^2.1.3",
-  rxjs: "^7.8.1",
-  "scroll-into-view-if-needed": "^3.1.0",
-  "suspend-react": "^0.1.3",
-  swr: "^2.2.5",
-  "type-fest": "^4.10.2",
-  "use-error-boundary": "^2.0.6"
-}, devDependencies = {
-  "@commitlint/cli": "^19.2.1",
-  "@commitlint/config-conventional": "^19.1.0",
-  "@sanity/client": "^6.15.11",
-  "@sanity/pkg-utils": "^6.0.1",
-  "@sanity/plugin-kit": "^3.1.10",
-  "@sanity/semantic-release-preset": "^4.1.7",
-  "@sanity/vision": "^3.36.4",
-  "@types/lodash": "^4.17.0",
-  "@types/react": "^18.2.74",
-  "@types/react-is": "^18.2.4",
-  "@typescript-eslint/eslint-plugin": "^7.6.0",
-  "@typescript-eslint/parser": "^7.6.0",
-  "cz-conventional-changelog": "^3.3.0",
-  eslint: "^8.57.0",
-  "eslint-config-prettier": "^9.1.0",
-  "eslint-config-sanity": "^7.1.2",
-  "eslint-plugin-import": "^2.29.1",
-  "eslint-plugin-prettier": "^5.1.3",
-  "eslint-plugin-react-hooks": "^4.6.0",
-  "eslint-plugin-simple-import-sort": "^12.0.0",
-  husky: "^9.0.11",
-  "lint-staged": "^15.2.2",
-  "npm-run-all2": "^5.0.0",
-  prettier: "^3.2.5",
-  "prettier-plugin-packagejson": "^2.4.14",
-  react: "^18.2.0",
-  "react-dom": "^18.2.0",
-  "react-is": "^18.2.0",
-  rimraf: "^5.0.5",
-  sanity: "^3.36.4",
-  "semantic-release": "^23.0.7",
-  "styled-components": "^6.1.8",
-  typescript: "5.4.2",
-  yalc: "1.0.0-pre.53"
-}, peerDependencies = {
-  react: "^18",
-  "react-is": "^18",
-  sanity: "^3",
-  "styled-components": "^6"
-}, engines = {
-  node: ">=14"
-}, publishConfig = {
-  access: "public",
-  provenance: !0
-}, sanityExchangeUrl = "https://www.sanity.io/plugins/sanity-plugin-mux-input", pluginPkg = {
-  name,
-  version,
-  description,
-  keywords,
-  homepage,
-  bugs,
-  repository,
-  license,
-  author,
-  sideEffects,
-  type,
-  exports: exports$1,
-  main,
-  module: module$1,
-  source,
-  types,
-  files,
-  scripts,
-  dependencies,
-  devDependencies,
-  peerDependencies,
-  engines,
-  publishConfig,
-  sanityExchangeUrl
-};
 function VideoPlayer({
   asset,
   children,
@@ -926,7 +801,7 @@ function VideoPlayer({
           crossOrigin: "anonymous",
           metadata: {
             player_name: "Sanity Admin Dashboard",
-            player_version: pluginPkg.version,
+            player_version: "2.3.3",
             page_type: "Preview Player"
           },
           style: {
@@ -1020,6 +895,7 @@ function DraftStatus(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     ui.Tooltip,
     {
+      animate: !0,
       portal: !0,
       content: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 2, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, children: document2 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         "Edited ",
@@ -1034,6 +910,7 @@ function PublishedStatus(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     ui.Tooltip,
     {
+      animate: !0,
       portal: !0,
       content: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 2, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, children: document2 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         "Published ",
@@ -1106,7 +983,7 @@ function DocumentPreview(props) {
     }
   );
 }
-const Container = styled__default.default(ui.Box)`
+const Container = styledComponents.styled(ui.Box)`
   * {
     color: ${(props) => props.theme.sanity.color.base.fg};
   }
@@ -1173,6 +1050,7 @@ function DeleteDialog({
   return /* @__PURE__ */ jsxRuntime.jsx(
     ui.Dialog,
     {
+      animate: !0,
       header: "Delete video",
       zOffset: DIALOGS_Z_INDEX,
       id: "deleting-video-details-dialog",
@@ -1368,6 +1246,7 @@ const AssetInput = (props) => /* @__PURE__ */ jsxRuntime.jsx(FormField$1, { titl
   }, []), /* @__PURE__ */ jsxRuntime.jsxs(
     ui.Dialog,
     {
+      animate: !0,
       header: displayInfo.title,
       zOffset: DIALOGS_Z_INDEX,
       id: "video-details-dialog",
@@ -1421,6 +1300,7 @@ const AssetInput = (props) => /* @__PURE__ */ jsxRuntime.jsx(FormField$1, { titl
         state === "closing" && /* @__PURE__ */ jsxRuntime.jsx(
           ui.Dialog,
           {
+            animate: !0,
             header: "You have unsaved changes",
             zOffset: DIALOGS_Z_INDEX,
             id: "closing-video-details-dialog",
@@ -1632,7 +1512,7 @@ ${displayInfo.id}`, icon: icons.TagIcon, size: 2 })
       displayInfo.title != displayInfo.id.slice(0, 12) && /* @__PURE__ */ jsxRuntime.jsx(IconInfo, { text: displayInfo.id.slice(0, 12), icon: icons.TagIcon, size: 1, muted: !0 })
     ] })
   ] });
-}, PlayButton = styled__default.default.button`
+}, PlayButton = styledComponents.styled.button`
   display: block;
   padding: 0;
   margin: 0;
@@ -1713,6 +1593,7 @@ function VideoInBrowser({
         playbackPolicy === "signed" && /* @__PURE__ */ jsxRuntime.jsx(
           ui.Tooltip,
           {
+            animate: !0,
             content: /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { padding: 2, radius: 2, children: /* @__PURE__ */ jsxRuntime.jsx(IconInfo, { icon: icons.LockIcon, text: "Signed playback policy", size: 2 }) }),
             placement: "right",
             fallbackPlacements: ["top", "bottom"],
@@ -1796,7 +1677,7 @@ function VideoInBrowser({
   );
 }
 function VideosBrowser({ onSelect }) {
-  const { assets, isLoading, searchQuery, setSearchQuery, setSort, sort } = useAssets(), [editedAsset, setEditedAsset] = React__default.default.useState(null), freshEditedAsset = React__default.default.useMemo(
+  const { assets, isLoading, searchQuery, setSearchQuery, setSort, sort } = useAssets(), [editedAsset, setEditedAsset] = React.useState(null), freshEditedAsset = React.useMemo(
     () => assets.find((a) => a._id === (editedAsset == null ? void 0 : editedAsset._id)) || editedAsset,
     [editedAsset, assets]
   ), placement = onSelect ? "input" : "tool";
@@ -2617,7 +2498,7 @@ function MuxLogo({ height = 26 }) {
     }
   );
 }
-const Logo = styled__default.default.span`
+const Logo = styledComponents.styled.span`
   display: inline-block;
   height: 0.8em;
   margin-right: 1em;
@@ -2678,6 +2559,7 @@ function ConfigureApi({ secrets, setDialogState }) {
   }, [firstField]), /* @__PURE__ */ jsxRuntime.jsx(
     ui.Dialog,
     {
+      animate: !0,
       id,
       onClose: handleClose,
       header: /* @__PURE__ */ jsxRuntime.jsx(Header, {}),
@@ -2812,12 +2694,12 @@ function ErrorBoundaryCard(props) {
       });
     }
   }), handleRetry = React.useCallback(() => {
-    suspendReact.clear([name$1]), reset();
+    suspendReact.clear([name]), reset();
   }, [reset]);
   return didCatch ? /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { ref: errorRef, paddingX: [2, 3, 4, 4], height: "fill", shadow: 1, overflow: "auto", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { justify: "flex-start", align: "center", height: "fill", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Grid, { columns: 1, gap: [2, 3, 4, 4], children: [
     /* @__PURE__ */ jsxRuntime.jsxs(ui.Heading, { as: "h1", children: [
       "The ",
-      /* @__PURE__ */ jsxRuntime.jsx("code", { children: name$1 }),
+      /* @__PURE__ */ jsxRuntime.jsx("code", { children: name }),
       " plugin crashed"
     ] }),
     (error == null ? void 0 : error.message) && /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { padding: 3, tone: "critical", shadow: 1, radius: 2, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: error.message }) }),
@@ -2860,11 +2742,11 @@ function Onboard(props) {
     }
   ) }) });
 }
-function createUpChunkObservable(uuid2, uploadUrl2, source2) {
+function createUpChunkObservable(uuid2, uploadUrl2, source) {
   return new rxjs.Observable((subscriber) => {
     const upchunk$1 = upchunk.UpChunk.createUpload({
       endpoint: uploadUrl2,
-      file: source2,
+      file: source,
       dynamicChunkSize: !0
       // changes the chunk size based on network speeds
     }), successHandler = () => {
@@ -3058,8 +2940,8 @@ function isValidUrl(url) {
   }
 }
 function extractDroppedFiles(dataTransfer) {
-  const files2 = Array.from(dataTransfer.files || []), items = Array.from(dataTransfer.items || []);
-  return files2 && files2.length > 0 ? Promise.resolve(files2) : normalizeItems(items).then((arr) => arr.flat());
+  const files = Array.from(dataTransfer.files || []), items = Array.from(dataTransfer.items || []);
+  return files && files.length > 0 ? Promise.resolve(files) : normalizeItems(items).then((arr) => arr.flat());
 }
 function normalizeItems(items) {
   return Promise.all(
@@ -3112,7 +2994,7 @@ function SelectAssets({ asset: selectedAsset, onChange, setDialogState }) {
   );
   return /* @__PURE__ */ jsxRuntime.jsx(VideosBrowser, { onSelect: handleSelect });
 }
-const StyledDialog = styled__default.default(ui.Dialog)`
+const StyledDialog = styledComponents.styled(ui.Dialog)`
   > div[data-ui='DialogCard'] > div[data-ui='Card'] {
     height: 100%;
   }
@@ -3141,7 +3023,7 @@ const useCancelUpload = (asset, onChange) => {
     asset && (onChange(sanity.PatchEvent.from(sanity.unset())), asset.assetId && deleteAssetOnMux(client, asset.assetId), asset._id && client.delete(asset._id));
   }, [asset, client, onChange]);
 };
-styled__default.default.div`
+styledComponents.styled.div`
   && {
     --media-background-color: transparent;
     --media-button-icon-width: 100%;
@@ -3160,7 +3042,7 @@ styled__default.default.div`
     }
   }
 `;
-const TopControls = styled__default.default.div`
+const TopControls = styledComponents.styled.div`
   position: absolute;
   top: 0;
   right: 0;
@@ -3168,16 +3050,16 @@ const TopControls = styled__default.default.div`
   button {
     height: auto;
   }
-`, CardWrapper = styled__default.default(ui.Card)`
+`, CardWrapper = styledComponents.styled(ui.Card)`
   min-height: 82px;
   box-sizing: border-box;
-`, FlexWrapper = styled__default.default(ui.Flex)`
+`, FlexWrapper = styledComponents.styled(ui.Flex)`
   text-overflow: ellipsis;
   overflow: hidden;
-`, LeftSection = styled__default.default(ui.Stack)`
+`, LeftSection = styledComponents.styled(ui.Stack)`
   position: relative;
   width: 60%;
-`, CodeWrapper = styled__default.default(ui.Code)`
+`, CodeWrapper = styledComponents.styled(ui.Code)`
   position: relative;
   width: 100%;
 
@@ -3262,9 +3144,9 @@ function focusRingStyle(opts) {
     focusRingOutsetWidth > 0 && `0 0 0 ${focusRingOutsetWidth}px var(--card-focus-ring-color)`
   ].filter(Boolean).join(",");
 }
-const FileButton = styled__default.default(ui.MenuItem)(({ theme }) => {
+const FileButton = styledComponents.styled(ui.MenuItem)(({ theme }) => {
   const { focusRing } = theme.sanity, base = theme.sanity.color.base;
-  return styled.css`
+  return styledComponents.css`
     position: relative;
 
     &:not([data-disabled='true']) {
@@ -3332,14 +3214,14 @@ const FileButton = styled__default.default(ui.MenuItem)(({ theme }) => {
       }
     )
   ] });
-}), LockCard = styled__default.default(ui.Card)`
+}), LockCard = styledComponents.styled(ui.Card)`
   position: absolute;
   top: 0;
   left: 0;
   opacity: 0.6;
   mix-blend-mode: screen;
   background: transparent;
-`, LockButton = styled__default.default(ui.Button)`
+`, LockButton = styledComponents.styled(ui.Button)`
   background: transparent;
   color: white;
 `;
@@ -3354,6 +3236,7 @@ function PlayerActionsMenu(props) {
     isSigned && /* @__PURE__ */ jsxRuntime.jsx(
       ui.Tooltip,
       {
+        animate: !0,
         content: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 2, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { muted: !0, size: 1, children: "Signed playback policy" }) }),
         placement: "right",
         portal: !0,
@@ -3363,6 +3246,7 @@ function PlayerActionsMenu(props) {
     /* @__PURE__ */ jsxRuntime.jsx(
       ui.Popover,
       {
+        animate: !0,
         content: /* @__PURE__ */ jsxRuntime.jsxs(ui.Menu, { ref: setMenuRef, children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 2, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { muted: !0, size: 1, children: "Replace" }) }),
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -3485,7 +3369,7 @@ function TrackEditor({
   track,
   dispatch
 }) {
-  const { _id: id, type: type2 } = track, dispatchTrackAction = (args) => dispatch({ action: "track", id, ...args }), trackTypes = TRACK_TYPES.filter(
+  const { _id: id, type } = track, dispatchTrackAction = (args) => dispatch({ action: "track", id, ...args }), trackTypes = TRACK_TYPES.filter(
     ({ value }) => !(value === "autogenerated" && !canAutoGenerate)
   );
   return trackTypes.length === 0 ? null : /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { border: !0, padding: 3, radius: 2, style: { position: "relative" }, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 3, children: [
@@ -3495,7 +3379,7 @@ function TrackEditor({
         /* @__PURE__ */ jsxRuntime.jsx(
           ui.Radio,
           {
-            checked: type2 === value,
+            checked: type === value,
             name: "track-type",
             onChange: (e) => dispatchTrackAction({
               subAction: "update",
@@ -3620,7 +3504,7 @@ function UploadConfiguration({
             encoding_tier: action.value,
             mp4_support: "none",
             max_resolution_tier: "1080p",
-            text_tracks: (_a2 = prev.text_tracks) == null ? void 0 : _a2.filter(({ type: type2 }) => type2 !== "autogenerated")
+            text_tracks: (_a2 = prev.text_tracks) == null ? void 0 : _a2.filter(({ type }) => type !== "autogenerated")
           }) : Object.assign({}, prev, {
             encoding_tier: action.value,
             mp4_support: pluginConfig.mp4_support,
@@ -3681,6 +3565,7 @@ function UploadConfiguration({
   return /* @__PURE__ */ jsxRuntime.jsx(
     ui.Dialog,
     {
+      animate: !0,
       open: !0,
       id: "upload-configuration",
       zOffset: 1e3,
@@ -3874,12 +3759,12 @@ function formatUploadConfig(config) {
   };
 }
 function withFocusRing(component) {
-  return styled__default.default(component)((props) => {
+  return styledComponents.styled(component)((props) => {
     const border = {
       width: props.$border ? 1 : 0,
       color: "var(--card-border-color)"
     };
-    return styled.css`
+    return styledComponents.css`
       --card-focus-box-shadow: ${focusRingBorderStyle(border)};
 
       border-radius: ${ui.rem(props.theme.sanity.radius[1])};
@@ -3926,7 +3811,7 @@ const ctrlKey = 17, cmdKey = 91, UploadCardWithFocusRing = withFocusRing(ui.Card
       }
     );
   }
-), HiddenInput$1 = styled__default.default.input.attrs({ type: "text" })`
+), HiddenInput$1 = styledComponents.styled.input.attrs({ type: "text" })`
   position: absolute;
   border: 0;
   color: white;
@@ -3935,14 +3820,14 @@ const ctrlKey = 17, cmdKey = 91, UploadCardWithFocusRing = withFocusRing(ui.Card
   &:focus {
     outline: none;
   }
-`, HiddenInput = styled__default.default.input`
+`, HiddenInput = styledComponents.styled.input`
   overflow: hidden;
   width: 0.1px;
   height: 0.1px;
   opacity: 0;
   position: absolute;
   z-index: -1;
-`, Label = styled__default.default.label`
+`, Label = styledComponents.styled.label`
   position: relative;
 `, FileInputButton = ({ onSelect, accept, ...props }) => {
   const inputId = `FileSelect${React.useId()}`, inputRef = React.useRef(null), handleSelect = React.useCallback(
@@ -4060,7 +3945,7 @@ function Uploader(props) {
         case "commitUpload":
           return Object.assign({}, prev, { uploadStatus: { progress: 0 } });
         case "progressInfo": {
-          const { type: type2, action: _, ...payload } = action;
+          const { type, action: _, ...payload } = action;
           return Object.assign({}, prev, {
             uploadStatus: {
               ...prev.uploadStatus,
@@ -4149,10 +4034,10 @@ function Uploader(props) {
       complete: () => dispatch({ action: "complete" }),
       error: (error) => dispatch({ action: "error", error })
     });
-  }, handleUpload = (files2) => {
+  }, handleUpload = (files) => {
     dispatch({
       action: "stageUpload",
-      input: { type: "file", files: files2 }
+      input: { type: "file", files }
     });
   }, handlePaste = (event) => {
     event.preventDefault(), event.stopPropagation();
@@ -4163,10 +4048,10 @@ function Uploader(props) {
     }
     dispatch({ action: "stageUpload", input: { type: "url", url } });
   }, handleDrop = (event) => {
-    setDragState(null), event.preventDefault(), event.stopPropagation(), extractDroppedFiles(event.nativeEvent.dataTransfer).then((files2) => {
+    setDragState(null), event.preventDefault(), event.stopPropagation(), extractDroppedFiles(event.nativeEvent.dataTransfer).then((files) => {
       dispatch({
         action: "stageUpload",
-        input: { type: "file", files: files2 }
+        input: { type: "file", files }
       });
     });
   }, handleDragOver = (event) => {
@@ -4174,8 +4059,8 @@ function Uploader(props) {
   }, handleDragEnter = (event) => {
     var _a2, _b;
     event.stopPropagation(), dragEnteredEls.current.push(event.target);
-    const type2 = (_b = (_a2 = event.dataTransfer.items) == null ? void 0 : _a2[0]) == null ? void 0 : _b.type;
-    setDragState(type2 != null && type2.startsWith("video/") ? "valid" : "invalid");
+    const type = (_b = (_a2 = event.dataTransfer.items) == null ? void 0 : _a2[0]) == null ? void 0 : _b.type;
+    setDragState(type != null && type.startsWith("video/") ? "valid" : "invalid");
   }, handleDragLeave = (event) => {
     event.stopPropagation();
     const idx = dragEnteredEls.current.indexOf(event.target);