@vidispine/vdt-mui 23.3.0-pre.4 → 23.3.0-pre.6

package/dist/es/general/ImageCollage/ImageCollage.js

@@ -1,35 +1,35 @@
 import { jsx as B, jsxs as I } from "react/jsx-runtime";
 import x from "@mui/material/Box";
 import { styled as d } from "@mui/material/styles";
-import k from "../BlurredBackground/index.js";
-const v = ({
+import v from "../BlurredBackground/index.js";
+const b = ({
   amountOfImages: o,
   maxColumns: n
 }) => {
-  const r = Math.min(n, o), s = Math.ceil(o / r), c = o % r || r;
+  const r = Math.min(n, o), c = Math.ceil(o / r), s = o % r || r;
   return {
     amountOfImages: o,
     amountOfColumns: r,
-    amountOfRows: s,
-    amountOfImagesOnLastRow: c
+    amountOfRows: c,
+    amountOfImagesOnLastRow: s
   };
-}, b = (o, n, {
+}, $ = (o, n, {
   amountOfImages: r,
-  amountOfColumns: s,
-  amountOfRows: c,
+  amountOfColumns: c,
+  amountOfRows: s,
   amountOfImagesOnLastRow: e
 }) => {
-  const h = Math.ceil((o + 1) / s) === c;
-  return `${100 / Math.max(Math.min(h && n ? e : s, r), 1)}%`;
-}, $ = d(x)(() => ({
+  const u = Math.ceil((o + 1) / c) === s;
+  return `${100 / Math.max(Math.min(u && n ? e : c, r), 1)}%`;
+}, j = d(x)(() => ({
   width: "inherit",
   height: "100%",
   display: "flex",
   flexWrap: "wrap"
-})), j = d(x)(() => ({
+})), E = d(x)(() => ({
   pointerEvents: "none",
   position: "relative"
-})), E = d(x, {
+})), L = d(x, {
   shouldForwardProp: (o) => o !== "amountOfImages" && o !== "showSingleStretched"
 })(({
   amountOfImages: o,
@@ -40,47 +40,47 @@ const v = ({
   position: "relative",
   zIndex: 2,
   objectFit: o === 1 && n ? "contain" : "cover"
-})), L = d(k)(() => ({
+})), O = d(v)(() => ({
   top: 0,
   position: "absolute",
   zIndex: 1
-})), O = {
-  Root: $,
-  ContainerBox: j,
-  ImageBox: E,
-  BlurredBackground: L
-}, z = ({
+})), z = {
+  Root: j,
+  ContainerBox: E,
+  ImageBox: L,
+  BlurredBackground: O
+}, i = ({
   images: o,
   maxImages: n,
   maxColumns: r,
-  showSingleStretched: s,
-  showLastRowStretched: c,
+  showSingleStretched: c,
+  showLastRowStretched: s,
   showBlurredBackground: e,
-  onError: h,
+  onError: u,
   components: p,
-  componentsProps: u
+  componentsProps: h
 }) => {
   const {
-    Root: i,
-    ContainerBox: f,
+    Root: f,
+    ContainerBox: a,
     ImageBox: M,
     BlurredBackground: S
   } = p;
   if (!(o != null && o.length) || n < 0 || r < 0)
     return null;
-  const w = Math.min(n, o.length), l = v({
+  const w = Math.min(n, o.length), l = b({
     amountOfImages: w,
     maxColumns: r
-  }), a = `${100 / ((l == null ? void 0 : l.amountOfRows) || 1)}%`;
-  return /* @__PURE__ */ B(i, { ...u.root, children: o.slice(0, n).map((t, y) => {
-    const R = b(y, c, l);
-    return /* @__PURE__ */ I(f, { width: R, height: a, ...u.containerBox, children: [
-      e && /* @__PURE__ */ B(S, { image: t == null ? void 0 : t.src, blur: 30, grayscale: 0, ...u.blurredBackground }),
-      /* @__PURE__ */ B(M, { component: "img", src: t == null ? void 0 : t.src, alt: (t == null ? void 0 : t.alt) || (t == null ? void 0 : t.src), amountOfImages: w, showSingleStretched: s, onError: (C) => h(C, t) })
+  }), y = `${100 / ((l == null ? void 0 : l.amountOfRows) || 1)}%`;
+  return /* @__PURE__ */ B(f, { ...h.root, children: o.slice(0, n).map((t, R) => {
+    const k = $(R, s, l);
+    return /* @__PURE__ */ I(a, { width: k, height: y, ...h.containerBox, children: [
+      e && /* @__PURE__ */ B(S, { image: t == null ? void 0 : t.src, blur: 30, grayscale: 0, ...h.blurredBackground }),
+      /* @__PURE__ */ B(M, { component: "img", src: t == null ? void 0 : t.src, alt: (t == null ? void 0 : t.alt) || (t == null ? void 0 : t.src), amountOfImages: w, showSingleStretched: c, onError: (C) => u(C, t) })
     ] }, `${t == null ? void 0 : t.src}-${t == null ? void 0 : t.alt}`);
   }) });
 };
-z.defaultProps = {
+i.defaultProps = {
   images: [],
   maxColumns: 2,
   maxImages: 4,
@@ -88,9 +88,10 @@ z.defaultProps = {
   showLastRowStretched: !0,
   showBlurredBackground: !1,
   onError: () => null,
-  components: O,
+  components: z,
   componentsProps: void 0
 };
+const P = i;
 export {
-  z as default
+  P as default
 };

package/dist/es/general/ImageCollage/index.js

@@ -1,11 +1,12 @@
 import { styled as r } from "@mui/material/styles";
-import { withOverrides as m } from "../../_utils/withOverrides.js";
 import n from "./ImageCollage.js";
-const o = "ImageCollage", e = `Vdt${o}`, s = m(e)(n), a = r(s, {
+import { withOverrides as s } from "../../_utils/withOverrides.js";
+const o = "ImageCollage", e = `Vdt${o}`, a = s(e)(n), t = r(a, {
   name: e,
-  overridesResolver: (i, t) => t.root
+  overridesResolver: (d, m) => m.root
 })({});
-a.displayName = o;
+t.displayName = o;
+const c = t;
 export {
-  a as default
+  c as default
 };

package/dist/es/general/MediaIcon/MediaIcon.js

@@ -1,61 +1,62 @@
-import { jsxs as p, jsx as i } from "react/jsx-runtime";
+import { jsxs as s, jsx as n } from "react/jsx-runtime";
 import g from "@mui/icons-material/esm/Audiotrack";
-import s from "@mui/icons-material/esm/Image";
-import D from "@mui/icons-material/esm/InsertDriveFile";
-import v from "@mui/icons-material/esm/Movie";
-import x from "@mui/icons-material/esm/NoteAdd";
-import A from "@mui/icons-material/esm/Article";
-import h from "@mui/icons-material/esm/DataThresholding";
-import y from "@mui/icons-material/esm/PictureAsPdf";
-import T from "@mui/icons-material/esm/QuestionMark";
+import D from "@mui/icons-material/esm/Image";
+import v from "@mui/icons-material/esm/InsertDriveFile";
+import x from "@mui/icons-material/esm/Movie";
+import A from "@mui/icons-material/esm/NoteAdd";
+import h from "@mui/icons-material/esm/Article";
+import y from "@mui/icons-material/esm/DataThresholding";
+import T from "@mui/icons-material/esm/PictureAsPdf";
+import C from "@mui/icons-material/esm/QuestionMark";
 import B from "@mui/material/Box";
-import { styled as C } from "@mui/material/styles";
-const E = C(B)(() => ({
+import { styled as E } from "@mui/material/styles";
+const F = E(B)(() => ({
   display: "flex"
-})), F = {
-  Root: E,
-  PlaceholderIcon: x,
+})), N = {
+  Root: F,
+  PlaceholderIcon: A,
   AudioIcon: g,
-  ImageIcon: s,
-  VideoIcon: v,
-  DocumentIcon: A,
-  DataIcon: h,
-  PdfIcon: y,
-  NoneIcon: T,
-  FileIcon: D
-}, N = ["video", "audio", "image", "document", "data", "pdf", "none"], R = ({
+  ImageIcon: D,
+  VideoIcon: x,
+  DocumentIcon: h,
+  DataIcon: y,
+  PdfIcon: T,
+  NoneIcon: C,
+  FileIcon: v
+}, R = ["video", "audio", "image", "document", "data", "pdf", "none"], c = ({
   type: e,
-  components: c,
+  components: t,
   componentsProps: o
 }) => {
   const {
-    Root: t,
-    PlaceholderIcon: I,
-    AudioIcon: d,
-    ImageIcon: a,
-    VideoIcon: r,
-    DocumentIcon: m,
-    DataIcon: u,
-    PdfIcon: f,
-    NoneIcon: l,
-    FileIcon: M
-  } = c, n = (e || "").toLowerCase();
-  return /* @__PURE__ */ p(t, { component: "span", ...o.root, children: [
-    n === "video" && /* @__PURE__ */ i(r, { ...o.videoIcon }),
-    n === "audio" && /* @__PURE__ */ i(d, { ...o.audioIcon }),
-    n === "image" && /* @__PURE__ */ i(a, { ...o.imageIcon }),
-    n === "document" && /* @__PURE__ */ i(m, { ...o.documentIcon }),
-    n === "data" && /* @__PURE__ */ i(u, { ...o.dataIcon }),
-    n === "pdf" && /* @__PURE__ */ i(f, { ...o.pdfIcon }),
-    n === "none" && /* @__PURE__ */ i(l, { ...o.noneIcon }),
-    !N.includes(n) && (typeof e == "string" ? /* @__PURE__ */ i(M, { ...o.fileIcon }) : /* @__PURE__ */ i(I, { ...o.placeholderIcon }))
+    Root: I,
+    PlaceholderIcon: d,
+    AudioIcon: a,
+    ImageIcon: r,
+    VideoIcon: m,
+    DocumentIcon: u,
+    DataIcon: f,
+    PdfIcon: l,
+    NoneIcon: M,
+    FileIcon: p
+  } = t, i = (e || "").toLowerCase();
+  return /* @__PURE__ */ s(I, { component: "span", ...o.root, children: [
+    i === "video" && /* @__PURE__ */ n(m, { ...o.videoIcon }),
+    i === "audio" && /* @__PURE__ */ n(a, { ...o.audioIcon }),
+    i === "image" && /* @__PURE__ */ n(r, { ...o.imageIcon }),
+    i === "document" && /* @__PURE__ */ n(u, { ...o.documentIcon }),
+    i === "data" && /* @__PURE__ */ n(f, { ...o.dataIcon }),
+    i === "pdf" && /* @__PURE__ */ n(l, { ...o.pdfIcon }),
+    i === "none" && /* @__PURE__ */ n(M, { ...o.noneIcon }),
+    !R.includes(i) && (typeof e == "string" ? /* @__PURE__ */ n(p, { ...o.fileIcon }) : /* @__PURE__ */ n(d, { ...o.placeholderIcon }))
   ] });
 };
-R.defaultProps = {
+c.defaultProps = {
   type: void 0,
-  components: F,
+  components: N,
   componentsProps: void 0
 };
+const b = c;
 export {
-  R as default
+  b as default
 };

package/dist/es/general/MediaIcon/index.js

@@ -1,11 +1,12 @@
 import { styled as r } from "@mui/material/styles";
-import { withOverrides as n } from "../../_utils/withOverrides.js";
 import m from "./MediaIcon.js";
-const o = "MediaIcon", e = `Vdt${o}`, i = n(e)(m), s = r(i, {
+import { withOverrides as s } from "../../_utils/withOverrides.js";
+const o = "MediaIcon", e = `Vdt${o}`, d = s(e)(m), t = r(d, {
   name: e,
-  overridesResolver: (d, t) => t.root
+  overridesResolver: (i, n) => n.root
 })(() => ({}));
-s.displayName = o;
+t.displayName = o;
+const l = t;
 export {
-  s as default
+  l as default
 };

package/dist/es/general/MenuItem/MenuItem.js

@@ -1,53 +1,54 @@
-import { jsxs as c, jsx as i } from "react/jsx-runtime";
-import h from "@mui/material/MenuItem";
-import f from "@mui/material/ListItemText";
-import g from "@mui/material/Typography";
-import { styled as u } from "@mui/material/styles";
-const x = u(g)(({
+import { jsxs as h, jsx as i } from "react/jsx-runtime";
+import f from "@mui/material/MenuItem";
+import g from "@mui/material/ListItemText";
+import u from "@mui/material/Typography";
+import { styled as x } from "@mui/material/styles";
+const T = x(u)(({
   theme: t
 }) => ({
   height: 24,
   lineHeight: 1.7,
   marginLeft: t.spacing(2)
-})), T = {
-  Root: h,
-  ListItemText: f,
-  Typography: x
-}, I = ({
+})), I = {
+  Root: f,
+  ListItemText: g,
+  Typography: T
+}, r = ({
   value: t,
-  label: r,
+  label: n,
   count: e,
-  selected: n,
-  onClick: m,
-  components: d,
+  selected: m,
+  onClick: p,
+  components: s,
   componentsProps: o,
   /* Special case:
    * Spreads additional props to root element.
    * Mui's Menu relies on being passed several DOM props to function properly within inputs
    */
-  ...p
+  ...d
 }) => {
   const {
-    Root: s,
-    ListItemText: l,
-    Typography: a
-  } = d;
-  return /* @__PURE__ */ c(s, { value: t, selected: n, onClick: (y) => m(y, {
+    Root: l,
+    ListItemText: a,
+    Typography: c
+  } = s;
+  return /* @__PURE__ */ h(l, { value: t, selected: m, onClick: (y) => p(y, {
     value: t
-  }), ...p, ...o.root, children: [
-    /* @__PURE__ */ i(l, { ...o.listItemText, children: r || t }),
-    e !== void 0 && /* @__PURE__ */ i(a, { variant: "body2", color: "text.secondary", ...o.typography, children: e })
+  }), ...d, ...o.root, children: [
+    /* @__PURE__ */ i(a, { ...o.listItemText, children: n || t }),
+    e !== void 0 && /* @__PURE__ */ i(c, { variant: "body2", color: "text.secondary", ...o.typography, children: e })
   ] });
 };
-I.defaultProps = {
+r.defaultProps = {
   value: void 0,
   label: void 0,
   count: void 0,
   selected: !1,
   onClick: void 0,
-  components: T,
+  components: I,
   componentsProps: void 0
 };
+const j = r;
 export {
-  I as default
+  j as default
 };

package/dist/es/general/MenuItem/index.js

@@ -1,11 +1,12 @@
-import { styled as r } from "@mui/material/styles";
-import { withOverrides as m } from "../../_utils/withOverrides.js";
-import n from "./MenuItem.js";
-const e = "MenuItem", o = `Vdt${e}`, s = m(o)(n), d = r(s, {
-  name: o,
-  overridesResolver: (i, t) => t.root
+import { styled as m } from "@mui/material/styles";
+import r from "./MenuItem.js";
+import { withOverrides as s } from "../../_utils/withOverrides.js";
+const o = "MenuItem", e = `Vdt${o}`, p = s(e)(r), t = m(p, {
+  name: e,
+  overridesResolver: (d, n) => n.root
 })({});
-d.displayName = e;
+t.displayName = o;
+const l = t;
 export {
-  d as default
+  l as default
 };

package/dist/es/general/ScrubLine/ScrubLine.js

@@ -1,13 +1,13 @@
-import { jsxs as R, jsx as s } from "react/jsx-runtime";
-import { useRef as S } from "react";
-import u from "@mui/material/Box";
-import { styled as c } from "@mui/material/styles";
-import w from "../CompactLabel/index.js";
-const F = c(u)(() => ({
+import { jsxs as S, jsx as s } from "react/jsx-runtime";
+import { useRef as w } from "react";
+import c from "@mui/material/Box";
+import { styled as u } from "@mui/material/styles";
+import F from "../CompactLabel/index.js";
+const W = u(c)(() => ({
   position: "relative",
   width: "100%",
   height: "100%"
-})), W = c(u)(() => ({
+})), j = u(c)(() => ({
   position: "absolute",
   top: 0,
   backgroundColor: "#FFF",
@@ -15,55 +15,55 @@ const F = c(u)(() => ({
   height: "100%",
   zIndex: 6,
   opacity: 0.9
-})), j = c(u)(() => ({
+})), z = u(c)(() => ({
   height: "inherit",
   zIndex: 3
-})), z = {
-  Root: F,
-  CompactLabel: w,
-  LineBox: W,
-  ContentBox: j
-}, I = ({
-  position: h,
+})), I = {
+  Root: W,
+  CompactLabel: F,
+  LineBox: j,
+  ContentBox: z
+}, h = ({
+  position: a,
   offset: p,
-  show: a,
+  show: m,
   label: d,
-  children: m,
-  onMouseMove: x,
-  onMouseEnter: M,
-  onMouseLeave: v,
-  components: B,
+  children: x,
+  onMouseMove: M,
+  onMouseEnter: v,
+  onMouseLeave: B,
+  components: L,
   componentsProps: e
 }) => {
   var l;
   const {
-    Root: L,
+    Root: C,
     LineBox: g,
-    CompactLabel: C,
-    ContentBox: y
-  } = B, f = S({
+    CompactLabel: y,
+    ContentBox: b
+  } = L, f = w({
     offsetWidth: void 0
-  }), n = (l = f.current) == null ? void 0 : l.offsetWidth, b = (o) => {
+  }), n = (l = f.current) == null ? void 0 : l.offsetWidth, E = (o) => {
     try {
       return Math.round(o.getBoundingClientRect().left);
     } catch {
       return 0;
     }
-  }, E = (o) => {
-    const t = b(o.currentTarget), r = o.clientX - t - p;
+  }, R = (o) => {
+    const t = E(o.currentTarget), r = o.clientX - t - p;
     return r < 0 ? 0 : r > n ? n : r;
   }, i = (o, t) => {
     t && t(o, {
-      position: E(o),
+      position: R(o),
       contentWidth: n
     });
   };
-  return /* @__PURE__ */ R(L, { onMouseMove: (o) => i(o, x), onMouseEnter: (o) => i(o, M), onMouseLeave: (o) => i(o, v), ...e.root, children: [
-    /* @__PURE__ */ s(g, { left: h, display: a ? "block" : "none", ...e.lineBox, children: d && /* @__PURE__ */ s(C, { children: d }) }),
-    /* @__PURE__ */ s(y, { ref: f, ...e.contentBox, children: m })
+  return /* @__PURE__ */ S(C, { onMouseMove: (o) => i(o, M), onMouseEnter: (o) => i(o, v), onMouseLeave: (o) => i(o, B), ...e.root, children: [
+    /* @__PURE__ */ s(g, { left: a, display: m ? "block" : "none", ...e.lineBox, children: d && /* @__PURE__ */ s(y, { children: d }) }),
+    /* @__PURE__ */ s(b, { ref: f, ...e.contentBox, children: x })
   ] });
 };
-I.defaultProps = {
+h.defaultProps = {
   position: 0,
   offset: 0,
   show: !0,
@@ -72,9 +72,10 @@ I.defaultProps = {
   onMouseLeave: void 0,
   onMouseEnter: void 0,
   children: null,
-  components: z,
+  components: I,
   componentsProps: void 0
 };
+const X = h;
 export {
-  I as default
+  X as default
 };

package/dist/es/general/ScrubLine/index.js

@@ -1,11 +1,12 @@
-import { styled as r } from "@mui/material/styles";
-import { withOverrides as n } from "../../_utils/withOverrides.js";
+import { styled as n } from "@mui/material/styles";
 import m from "./ScrubLine.js";
-const o = "ScrubLine", e = `Vdt${o}`, i = n(e)(m), s = r(i, {
+import { withOverrides as s } from "../../_utils/withOverrides.js";
+const o = "ScrubLine", e = `Vdt${o}`, i = s(e)(m), t = n(i, {
   name: e,
-  overridesResolver: (d, t) => t.root
+  overridesResolver: (d, r) => r.root
 })({});
-s.displayName = o;
+t.displayName = o;
+const l = t;
 export {
-  s as default
+  l as default
 };

package/dist/es/general/Sort/Sort.js

@@ -1,5 +1,5 @@
-import { jsxs as L, jsx as m } from "react/jsx-runtime";
-import { useState as S } from "react";
+import { jsxs as V, jsx as m } from "react/jsx-runtime";
+import { useState as b } from "react";
 import j from "@mui/material/Box";
 import z from "@mui/material/Menu";
 import { styled as u, alpha as E } from "@mui/material/styles";
@@ -21,7 +21,7 @@ const r = {
 }), F = u(z)(() => ({
   minWidth: 150,
   marginTop: 4
-})), V = u(A)(({
+})), $ = u(A)(({
   theme: t
 }) => {
   var e, a, n, l;
@@ -31,7 +31,7 @@ const r = {
       color: (l = (n = t.palette) == null ? void 0 : n.secondary) == null ? void 0 : l.main
     }
   };
-}), $ = u(W, {
+}), q = u(W, {
   shouldForwardProp: (t) => t !== "descending"
 })(({
   theme: t,
@@ -50,12 +50,12 @@ const r = {
       }
     }
   };
-}), q = {
+}), w = {
   Root: D,
   Menu: F,
-  MenuItem: V,
-  ButtonBase: $
-}, w = ({
+  MenuItem: $,
+  ButtonBase: q
+}, B = ({
   caption: t,
   options: e,
   initialSort: a,
@@ -65,36 +65,36 @@ const r = {
 }) => {
   var v, h;
   const {
-    Root: b,
-    Menu: B,
-    MenuItem: y,
-    ButtonBase: x
-  } = l, [g, p] = S(null), C = (o) => {
+    Root: S,
+    Menu: y,
+    MenuItem: x,
+    ButtonBase: C
+  } = l, [g, p] = b(null), I = (o) => {
     p(o.currentTarget);
   }, f = () => {
     p(null);
-  }, [d, I] = S(a || {
+  }, [d, O] = b(a || {
     option: {
       value: void 0,
       label: void 0
     },
     direction: r.descending
-  }), O = (o, M) => {
+  }), R = (o, M) => {
     let {
       option: s,
       direction: c
     } = d;
-    M !== s.value ? s = e.find((T) => T.value === M) : c = c === r.descending ? r.ascending : r.descending, I({
+    M !== s.value ? s = e.find((L) => L.value === M) : c = c === r.descending ? r.ascending : r.descending, O({
       option: s,
       direction: c
     }), n && n(o, {
       value: s.value,
       direction: c
     }), f();
-  }, R = e === void 0 || e.length === 0, k = d.direction !== r.ascending;
-  return /* @__PURE__ */ L(b, { ...i.root, children: [
-    /* @__PURE__ */ m(x, { onClick: C, disabled: R, label: t, optionLabel: d.option.label || "", descending: k, ...i.buttonBase }),
-    /* @__PURE__ */ m(B, { anchorEl: g, keepMounted: !0, open: !!g, onClose: f, elevation: 1, marginThreshold: 0, PaperProps: {
+  }, k = e === void 0 || e.length === 0, T = d.direction !== r.ascending;
+  return /* @__PURE__ */ V(S, { ...i.root, children: [
+    /* @__PURE__ */ m(C, { onClick: I, disabled: k, label: t, optionLabel: d.option.label || "", descending: T, ...i.buttonBase }),
+    /* @__PURE__ */ m(y, { anchorEl: g, keepMounted: !0, open: !!g, onClose: f, elevation: 1, marginThreshold: 0, PaperProps: {
       style: {
         minWidth: 150,
         marginTop: 4
@@ -107,17 +107,18 @@ const r = {
       vertical: "top",
       horizontal: "left",
       ...((h = i.menu) == null ? void 0 : h.transformOrigin) || {}
-    }, children: e.map((o) => /* @__PURE__ */ m(y, { value: o.value, label: o.label, onClick: O, selected: o.value === d.option.value, ...i.menuItem }, o.value)) })
+    }, children: e.map((o) => /* @__PURE__ */ m(x, { value: o.value, label: o.label, onClick: R, selected: o.value === d.option.value, ...i.menuItem }, o.value)) })
   ] });
 };
-w.defaultProps = {
+B.defaultProps = {
   caption: "Sort by",
   onChange: void 0,
   initialSort: void 0,
   options: [],
-  components: q,
+  components: w,
   componentsProps: void 0
 };
+const U = B;
 export {
-  w as default
+  U as default
 };

package/dist/es/general/Sort/components/ButtonBase.js

@@ -1,17 +1,17 @@
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
-import p from "@mui/icons-material/esm/ArrowDropDown";
-import a from "@mui/material/Box";
-import e from "@mui/material/ButtonBase";
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import a from "@mui/icons-material/esm/ArrowDropDown";
+import e from "@mui/material/Box";
+import p from "@mui/material/ButtonBase";
 import c from "@mui/material/Typography";
-const h = ({
+const s = ({
   disabled: r,
   label: t,
-  optionLabel: i,
-  ...m
-}) => /* @__PURE__ */ n(e, { disabled: r, ...m, children: [
-  /* @__PURE__ */ o(c, { variant: "caption", color: r ? "textSecondary" : "textPrimary", children: `${t}: ${i}` }),
-  /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o(p, {}) })
-] });
+  optionLabel: n,
+  ...i
+}) => /* @__PURE__ */ m(p, { disabled: r, ...i, children: [
+  /* @__PURE__ */ o(c, { variant: "caption", color: r ? "textSecondary" : "textPrimary", children: `${t}: ${n}` }),
+  /* @__PURE__ */ o(e, { children: /* @__PURE__ */ o(a, {}) })
+] }), h = s;
 export {
   h as default
 };