@strapi/design-system 2.1.0 → 2.1.1

package/dist/index.mjs

@@ -1,19 +1,19 @@
 import { styled as x, css as D, keyframes as fe, useTheme as Xa, createGlobalStyle as Ja, ThemeProvider as Qa } from "styled-components";
 import * as m from "react";
-import { useEffect as fs, useLayoutEffect as Za, useRef as Gr, useState as Mn, startTransition as Yr, useMemo as gs, Children as eh, useCallback as th } from "react";
-import { useCallbackRef as ps } from "@radix-ui/react-use-callback-ref";
-import { DateFormatter as ih, getLocalTimeZone as Dn, today as br, parseAbsolute as nh, toCalendarDate as rh, minDate as On, maxDate as En, startOfMonth as oh, startOfWeek as ms, getDayOfWeek as sh, isSameDay as bs, endOfMonth as lh, parseAbsoluteToLocal as ah, toCalendarDateTime as hh } from "@internationalized/date";
+import { useEffect as gs, useLayoutEffect as Za, useRef as Yr, useState as Mn, startTransition as Xr, useMemo as ps, Children as eh, useCallback as th } from "react";
+import { useCallbackRef as ms } from "@radix-ui/react-use-callback-ref";
+import { DateFormatter as ih, getLocalTimeZone as Dn, today as br, parseAbsolute as nh, toCalendarDate as rh, minDate as On, maxDate as En, startOfMonth as oh, startOfWeek as bs, getDayOfWeek as sh, isSameDay as ys, endOfMonth as lh, parseAbsoluteToLocal as ah, toCalendarDateTime as hh } from "@internationalized/date";
 import { jsx as u, jsxs as $, Fragment as yr } from "react/jsx-runtime";
 import * as rt from "@radix-ui/react-tooltip";
 import { Provider as ch } from "@radix-ui/react-tooltip";
 import * as dh from "@radix-ui/react-dismissable-layer";
-import { useCallbackRef as ys, Combobox as Oe, Select as Le, composeEventHandlers as wt, usePrev as uh } from "@strapi/ui-primitives";
+import { useCallbackRef as ws, Combobox as Oe, Select as Le, composeEventHandlers as wt, usePrev as uh } from "@strapi/ui-primitives";
 import { composeEventHandlers as N1, useCallbackRef as F1, useCollator as W1, useFilter as H1 } from "@strapi/ui-primitives";
 import * as xi from "@radix-ui/react-accordion";
-import { CaretDown as Ze, Cross as kt, CheckCircle as fh, WarningCircle as gh, Information as ph, Loader as ws, ExternalLink as mh, ChevronRight as wr, Minus as bh, ChevronLeft as xs, Calendar as yh, Clock as wh, Search as vs } from "@strapi/icons";
+import { CaretDown as Ze, Cross as kt, CheckCircle as fh, WarningCircle as gh, Information as ph, Loader as xs, ExternalLink as mh, ChevronRight as wr, Minus as bh, ChevronLeft as vs, Calendar as yh, Clock as wh, Search as Ss } from "@strapi/icons";
 import * as xr from "@radix-ui/react-avatar";
 import * as Ee from "@radix-ui/react-dropdown-menu";
-import * as Ss from "@radix-ui/react-checkbox";
+import * as Cs from "@radix-ui/react-checkbox";
 import { flushSync as xh, createPortal as vh } from "react-dom";
 import * as nn from "@radix-ui/react-scroll-area";
 import * as tt from "@radix-ui/react-alert-dialog";
@@ -26,11 +26,11 @@ import { useCodeMirror as Eh } from "@uiw/react-codemirror";
 import * as $t from "@radix-ui/react-dialog";
 import { NumberParser as Ih, NumberFormatter as Ph } from "@internationalized/number";
 import * as _t from "@radix-ui/react-popover";
-import * as Cs from "@radix-ui/react-progress";
+import * as ks from "@radix-ui/react-progress";
 import * as vr from "@radix-ui/react-radio-group";
-import * as ks from "@radix-ui/react-switch";
+import * as $s from "@radix-ui/react-switch";
 import * as rn from "@radix-ui/react-tabs";
-import { cloneDeep as Xr, assignWith as Lh, merge as Bh } from "lodash";
+import { cloneDeep as Jr, assignWith as Lh, merge as Bh } from "lodash";
 const Gt = (i, e) => {
   const t = m.createContext(e), n = (o) => {
     const { children: s, ...l } = o, a = m.useMemo(() => l, Object.values(l));
@@ -53,7 +53,7 @@ function Ri(i) {
 function Wi(i, e, t) {
   return i && e && zh(i, e) ? i[e] : t;
 }
-const Jr = {
+const Qr = {
   padding: ["padding-block-start", "padding-inline-end", "padding-block-end", "padding-inline-start"],
   paddingTop: "padding-block-start",
   paddingRight: "padding-inline-end",
@@ -140,15 +140,15 @@ function Fh(i, e) {
 const Bt = (i, e) => {
   const t = Object.entries(i).reduce(
     (n, r) => {
-      const [o, s] = r, l = Fh(o, e), a = Object.prototype.hasOwnProperty.call(Jr, o) ? Jr[o] : o;
+      const [o, s] = r, l = Fh(o, e), a = Object.prototype.hasOwnProperty.call(Qr, o) ? Qr[o] : o;
       return a && (s || s === 0) && (typeof s == "object" && !Array.isArray(s) ? Object.entries(s).forEach(([c, h]) => {
         n[c] = {
           ...n[c],
-          ...Qr(a, h, l)
+          ...Zr(a, h, l)
         };
       }) : n.initial = {
         ...n.initial,
-        ...Qr(a, s, l)
+        ...Zr(a, s, l)
       }), n;
     },
     {
@@ -167,7 +167,7 @@ const Bt = (i, e) => {
     return n;
   }, []).join(`
 `);
-}, Qr = (i, e, t) => {
+}, Zr = (i, e, t) => {
   if (Array.isArray(i) && Array.isArray(e)) {
     const n = Nh(e);
     return i.reduce((r, o, s) => (r[o] = Wi(t, n[s], n[s]), r), {});
@@ -351,12 +351,12 @@ const Bt = (i, e) => {
   },
   i
 )};
-`, Vh = "alpha", jh = "beta", qh = "delta", Kh = "epsilon", Zr = "omega", Uh = "pi", _h = "sigma", $s = D`
+`, Vh = "alpha", jh = "beta", qh = "delta", Kh = "epsilon", eo = "omega", Uh = "pi", _h = "sigma", As = D`
   display: block;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-`, Gh = ({ $variant: i = Zr, theme: e, $fontSize: t, $lineHeight: n }) => {
+`, Gh = ({ $variant: i = eo, theme: e, $fontSize: t, $lineHeight: n }) => {
   const r = t && Bt({ fontSize: t }, e), o = n && Bt({ lineHeight: n }, e);
   switch (i) {
     case Vh:
@@ -472,7 +472,7 @@ const Bt = (i, e) => {
           }
         `}
       `;
-    case Zr:
+    case eo:
       return D`
         /* -------------------------------------------------------------
          * Font Size
@@ -581,7 +581,7 @@ const Bt = (i, e) => {
   }
 ), Yh = x(R)`
   ${({ $variant: i, $fontSize: e, $lineHeight: t, theme: n }) => Gh({ $variant: i, theme: n, $fontSize: e, $lineHeight: t })}
-  ${({ $ellipsis: i }) => i ? $s : ""}
+  ${({ $ellipsis: i }) => i ? As : ""}
 
   ${({ theme: i, ...e }) => Bt(
   {
@@ -600,7 +600,9 @@ const Bt = (i, e) => {
   ${(i) => i.$size === "S" ? D`
         border-radius: ${(e) => e.theme.borderRadius};
         border: solid 1px ${(e) => e.theme.colors.neutral200};
-      ` : D``}
+      ` : D`
+        
+      `}
 `, Zh = m.forwardRef((i, e) => {
   const { size: t } = Sr("Item");
   return /* @__PURE__ */ u(ec, { $size: t, "data-size": t, ref: e, ...i });
@@ -648,10 +650,10 @@ const Bt = (i, e) => {
 `, tc = m.forwardRef(
   ({ caretPosition: i = "left", description: e, icon: t, iconProps: n, children: r, ...o }, s) => {
     const { size: l } = Sr("Trigger");
-    return /* @__PURE__ */ $(Ts, { $caretPosition: i, $size: l, ref: s, ...o, children: [
+    return /* @__PURE__ */ $(Rs, { $caretPosition: i, $size: l, ref: s, ...o, children: [
       i === "left" ? /* @__PURE__ */ u(_i, { $size: l, children: /* @__PURE__ */ u(Ze, { width: l === "S" ? "1.2rem" : "1.6rem", height: l === "S" ? "1.2rem" : "1.6rem" }) }) : null,
       /* @__PURE__ */ $(T, { tag: "span", gap: 2, overflow: "hidden", children: [
-        t && l === "S" ? /* @__PURE__ */ u(As, { children: /* @__PURE__ */ u(t, { ...n }) }) : null,
+        t && l === "S" ? /* @__PURE__ */ u(Ts, { children: /* @__PURE__ */ u(t, { ...n }) }) : null,
         /* @__PURE__ */ $(T, { alignItems: "flex-start", direction: "column", tag: "span", ref: s, overflow: "hidden", children: [
           /* @__PURE__ */ u(
             I,
@@ -670,7 +672,7 @@ const Bt = (i, e) => {
       i === "right" ? /* @__PURE__ */ u(_i, { $size: l, children: /* @__PURE__ */ u(Ze, { width: l === "S" ? "1.2rem" : "1.6rem", height: l === "S" ? "1.2rem" : "1.6rem" }) }) : null
     ] });
   }
-), As = x(R)`
+), Ts = x(R)`
   color: ${(i) => i.theme.colors.neutral500};
   display: flex;
 
@@ -693,7 +695,7 @@ const Bt = (i, e) => {
       transform ${(i) => i.theme.motion.timings[200]} ${(i) => i.theme.motion.easings.authenticMotion},
       ${(i) => i.theme.transitions.backgroundColor};
   }
-`, Ts = x(xi.Trigger)`
+`, Rs = x(xi.Trigger)`
   display: flex;
   align-items: center;
   justify-content: ${(i) => i.$caretPosition === "left" ? "flex-start" : "space-between"};
@@ -724,8 +726,8 @@ const Bt = (i, e) => {
   }
 `, ic = m.forwardRef((i, e) => {
   const { size: t } = Sr("Trigger");
-  return /* @__PURE__ */ u(Rs, { $size: t, ...i, ref: e });
-}), Rs = x(T).attrs((i) => ({
+  return /* @__PURE__ */ u(Ms, { $size: t, ...i, ref: e });
+}), Ms = x(T).attrs((i) => ({
   ...i,
   tag: "span"
 }))`
@@ -756,10 +758,10 @@ const Bt = (i, e) => {
     &[data-state='open'] {
       background-color: ${(i) => i.theme.colors.primary100};
 
-      & > ${Ts} {
+      & > ${Rs} {
         color: ${(i) => i.theme.colors.primary600};
 
-        & ${As} {
+        & ${Ts} {
           color: ${(i) => i.theme.colors.primary600};
         }
 
@@ -768,7 +770,7 @@ const Bt = (i, e) => {
         }
       }
 
-      & > ${Rs} > button {
+      & > ${Ms} > button {
         color: ${(i) => i.theme.colors.primary600};
       }
     }
@@ -866,7 +868,7 @@ const Bt = (i, e) => {
   ] });
 };
 zt.displayName = "AccessibleIcon";
-const Ms = (i) => {
+const Ds = (i) => {
   switch (i) {
     case "danger":
       return "danger100";
@@ -877,7 +879,7 @@ const Ms = (i) => {
     default:
       return "primary100";
   }
-}, cc = (i) => Ms(i).replace("100", "200"), In = ({ theme: i, $variant: e }) => e === "danger" ? i.colors.danger700 : e === "success" ? i.colors.success700 : e === "warning" ? i.colors.warning700 : i.colors.primary700, dc = x(R)`
+}, cc = (i) => Ds(i).replace("100", "200"), In = ({ theme: i, $variant: e }) => e === "danger" ? i.colors.danger700 : e === "success" ? i.colors.success700 : e === "warning" ? i.colors.warning700 : i.colors.primary700, dc = x(R)`
   ${on};
 `, uc = x(T)`
   svg {
@@ -909,7 +911,7 @@ const Ms = (i) => {
   T,
   {
     alignItems: "flex-start",
-    background: Ms(t),
+    background: Ds(t),
     borderColor: cc(t),
     shadow: "filterShadow",
     gap: 3,
@@ -953,7 +955,7 @@ const Ms = (i) => {
 );
 function We({ prop: i, defaultProp: e, onChange: t = () => {
 } }) {
-  const [n, r] = Ds({ defaultProp: e, onChange: t }), o = i !== void 0, s = o ? i : n, l = ps(t), a = m.useCallback(
+  const [n, r] = Os({ defaultProp: e, onChange: t }), o = i !== void 0, s = o ? i : n, l = ms(t), a = m.useCallback(
     (c) => {
       if (o) {
         const d = typeof c == "function" ? c(i) : c;
@@ -965,8 +967,8 @@ function We({ prop: i, defaultProp: e, onChange: t = () => {
   );
   return [s, a];
 }
-function Ds({ defaultProp: i, onChange: e }) {
-  const t = m.useState(i), [n] = t, r = m.useRef(n), o = ps(e);
+function Os({ defaultProp: i, onChange: e }) {
+  const t = m.useState(i), [n] = t, r = m.useRef(n), o = ms(e);
   return m.useEffect(() => {
     r.current !== n && (o(n), r.current = n);
   }, [n, r, o]), t;
@@ -1110,7 +1112,7 @@ const Pn = {
       opacity: 0;
     }
   `
-}, ui = 32, eo = 2, mc = m.forwardRef(
+}, ui = 32, to = 2, mc = m.forwardRef(
   ({ onLoadingStatusChange: i, delayMs: e = 600, src: t, alt: n, fallback: r, preview: o = !1, ...s }, l) => {
     const [a, c] = We({
       onChange: i
@@ -1136,7 +1138,7 @@ const Pn = {
       f ? /* @__PURE__ */ u(rt.Portal, { children: /* @__PURE__ */ u(wc, { side: "top", sideOffset: 4, children: /* @__PURE__ */ u(xc, { src: t, alt: n }) }) }) : null
     ] });
   }
-), Os = D`
+), Es = D`
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1145,7 +1147,7 @@ const Pn = {
   user-select: none;
   overflow: hidden;
   border-radius: 50%;
-`, Es = D`
+`, Is = D`
   width: 100%;
   height: 100%;
   object-fit: cover;
@@ -1153,7 +1155,7 @@ const Pn = {
 `, Bn = x(xr.Root)`
   position: relative;
   z-index: 0;
-  ${Os}
+  ${Es}
   width: ${ui / 10}rem;
   height: ${ui / 10}rem;
   /* TODO: we should get the user email & hash it to turn it into a hex-value so different emails can consistently get a different background */
@@ -1165,18 +1167,18 @@ const Pn = {
       ${(i) => i.theme.motion.easings.authenticMotion};
   }
 `, yc = x(xr.Image)`
-  ${Es}
+  ${Is}
 `, wc = x(rt.Content)`
-  ${Os}
-  width: ${ui * eo / 10}rem;
-  height: ${ui * eo / 10}rem;
+  ${Es}
+  width: ${ui * to / 10}rem;
+  height: ${ui * to / 10}rem;
 
   @media (prefers-reduced-motion: no-preference) {
     animation: ${te.fadeIn} ${(i) => i.theme.motion.timings[200]}
       ${(i) => i.theme.motion.easings.authenticMotion};
   }
 `, xc = x.img`
-  ${Es}
+  ${Is}
 `, vc = m.forwardRef((i, e) => /* @__PURE__ */ u(Sc, { ...i, ref: e, tag: "div" })), Sc = x(T)`
   & > ${Bn} + ${Bn} {
     margin-left: -${ui / 10 / 2}rem;
@@ -1185,7 +1187,7 @@ const Pn = {
   __proto__: null,
   Group: vc,
   Item: mc
-}, Symbol.toStringTag, { value: "Module" })), Is = ({
+}, Symbol.toStringTag, { value: "Module" })), Ps = ({
   active: i = !1,
   size: e = "M",
   textColor: t = "neutral600",
@@ -1248,8 +1250,8 @@ const Pn = {
       ...n
     }
   )
-), Ps = () => /* @__PURE__ */ u(R, { "aria-hidden": !0, paddingLeft: 1, paddingRight: 1, children: /* @__PURE__ */ u(I, { variant: "pi", textColor: "neutral500", children: "/" }) });
-Ps.displayName = "Divider";
+), Ls = () => /* @__PURE__ */ u(R, { "aria-hidden": !0, paddingLeft: 1, paddingRight: 1, children: /* @__PURE__ */ u(I, { variant: "pi", textColor: "neutral500", children: "/" }) });
+Ls.displayName = "Divider";
 const $c = x(T)`
   // CrumbLinks do have padding-x, because they need to have a
   // interaction effect, which mis-aligns the breadcrumbs on the left.
@@ -1265,7 +1267,7 @@ const $c = x(T)`
       const l = r.length > 1 && s + 1 < r.length;
       return /* @__PURE__ */ $(T, { inline: !0, tag: "li", children: [
         o,
-        l && /* @__PURE__ */ u(Ps, {})
+        l && /* @__PURE__ */ u(Ls, {})
       ] });
     }) }) });
   }
@@ -1304,13 +1306,13 @@ const Nt = (i) => i.replaceAll(":", "");
 function Dc(i, e) {
   typeof i == "function" ? i(e) : i != null && (i.current = e);
 }
-function Ls(...i) {
+function Bs(...i) {
   return (e) => i.forEach((t) => Dc(t, e));
 }
 function ve(...i) {
-  return m.useCallback(Ls(...i), i);
+  return m.useCallback(Bs(...i), i);
 }
-const Oc = () => typeof window > "u" || !window.navigator || /ServerSideRendering|^Deno\//.test(window.navigator.userAgent), He = Oc() ? fs : Za, Ec = m.useId || (() => {
+const Oc = () => typeof window > "u" || !window.navigator || /ServerSideRendering|^Deno\//.test(window.navigator.userAgent), He = Oc() ? gs : Za, Ec = m.useId || (() => {
 });
 let Ic = 0;
 const Se = (i) => {
@@ -1319,7 +1321,7 @@ const Se = (i) => {
     i || t((n) => n ?? String(Ic++));
   }, [i]), (i == null ? void 0 : i.toString()) ?? (e || "");
 }, Si = (i, e, { selectorToWatch: t, skipWhen: n = !1 }) => {
-  const r = ys(e);
+  const r = ws(e);
   m.useEffect(() => {
     if (n || !i.current) return;
     const o = {
@@ -1334,12 +1336,12 @@ const Se = (i) => {
       l.disconnect();
     };
   }, [n, r, t, i]);
-}, Cr = "success-light", kr = "danger-light", sn = "default", Ci = "tertiary", ki = "secondary", Bs = "danger", zs = "success", ln = "ghost", $r = [Cr, kr], Pc = [sn, Ci, ki, Bs, zs, ln, ...$r], Lc = ["XS", "S", "M", "L"], De = (i) => i === Cr || i === kr ? `${i.substring(0, i.lastIndexOf("-"))}` : i === Ci ? "neutral" : i === sn || i === ki || Pc.every((e) => e !== i) ? "primary" : `${i}`, Ns = ({ theme: i }) => D`
+}, Cr = "success-light", kr = "danger-light", sn = "default", Ci = "tertiary", ki = "secondary", zs = "danger", Ns = "success", ln = "ghost", $r = [Cr, kr], Pc = [sn, Ci, ki, zs, Ns, ln, ...$r], Lc = ["XS", "S", "M", "L"], De = (i) => i === Cr || i === kr ? `${i.substring(0, i.lastIndexOf("-"))}` : i === Ci ? "neutral" : i === sn || i === ki || Pc.every((e) => e !== i) ? "primary" : `${i}`, Fs = ({ theme: i }) => D`
     border: 1px solid ${i.colors.neutral200};
     background: ${i.colors.neutral150};
     color: ${i.colors.neutral600};
     cursor: default;
-  `, Fs = ({ theme: i, $variant: e }) => [...$r, ki].includes(e) ? D`
+  `, Ws = ({ theme: i, $variant: e }) => [...$r, ki].includes(e) ? D`
       background-color: ${i.colors.neutral0};
     ` : e === Ci ? D`
       background-color: ${i.colors.neutral100};
@@ -1351,7 +1353,7 @@ const Se = (i) => {
     ` : D`
     border: 1px solid ${i.colors[`${De(e)}500`]};
     background: ${i.colors[`${De(e)}500`]};
-  `, Ws = ({ theme: i, $variant: e }) => [...$r, ki].includes(e) ? D`
+  `, Hs = ({ theme: i, $variant: e }) => [...$r, ki].includes(e) ? D`
       background-color: ${i.colors.neutral0};
       border: 1px solid ${i.colors[`${De(e)}600`]};
       color: ${i.colors[`${De(e)}600`]};
@@ -1360,7 +1362,7 @@ const Se = (i) => {
     ` : D`
     border: 1px solid ${i.colors[`${De(e)}600`]};
     background: ${i.colors[`${De(e)}600`]};
-  `, Hs = ({ theme: i, $variant: e }) => {
+  `, Vs = ({ theme: i, $variant: e }) => {
   switch (e) {
     case kr:
     case Cr:
@@ -1386,8 +1388,8 @@ const Se = (i) => {
           fill: ${i.colors.neutral500};
         }
       `;
+    case Ns:
     case zs:
-    case Bs:
       return D`
         border: 1px solid ${i.colors[`${De(e)}600`]};
         background: ${i.colors[`${De(e)}600`]};
@@ -1453,7 +1455,7 @@ const Se = (i) => {
   to {
     transform: rotate(359deg);
   }
-`, zc = x(ws)`
+`, zc = x(xs)`
   animation: ${Bc} 2s infinite linear;
   will-change: transform;
 `, Nc = x(T)`
@@ -1475,18 +1477,18 @@ const Se = (i) => {
 `);
 }}
   text-decoration: none;
-  ${Hs}
+  ${Vs}
 
   &:hover {
-    ${Fs}
+    ${Ws}
   }
 
   &:active {
-    ${Ws}
+    ${Hs}
   }
 
   &[aria-disabled='true'] {
-    ${Ns}
+    ${Fs}
   }
 
   @media (prefers-reduced-motion: no-preference) {
@@ -1617,24 +1619,24 @@ const Se = (i) => {
         `;
   }
 }}
-  ${Hs}
+  ${Vs}
   ${(i) => i.$variant === "tertiary" ? D`
           color: ${i.theme.colors.neutral500};
         ` : ""}
 
   &:hover {
-    ${Fs}
+    ${Ws}
     ${(i) => i.$variant === "tertiary" ? D`
             color: ${i.theme.colors.neutral600};
           ` : ""}
   }
 
   &:active {
-    ${Ws}
+    ${Hs}
   }
 
   &[aria-disabled='true'] {
-    ${Ns}
+    ${Fs}
   }
 
   @media (prefers-reduced-motion: no-preference) {
@@ -1752,7 +1754,7 @@ const Se = (i) => {
   ({ children: i, intersectionId: e, onCloseAutoFocus: t, popoverPlacement: n = "bottom-start", ...r }, o) => {
     const [s, l] = n.split("-");
     return /* @__PURE__ */ u(Ee.Portal, { children: /* @__PURE__ */ u(Uc, { align: l, side: s, loop: !0, onCloseAutoFocus: t, asChild: !0, children: /* @__PURE__ */ $(
-      Vs,
+      js,
       {
         ref: o,
         direction: "column",
@@ -1775,7 +1777,7 @@ const Se = (i) => {
       }
     ) }) });
   }
-), Vs = x(T)`
+), js = x(T)`
   scrollbar-width: none;
   -ms-overflow-style: none;
   -webkit-overflow-scrolling: touch;
@@ -1821,7 +1823,7 @@ const Se = (i) => {
     children: l.children
   }
 ) : /* @__PURE__ */ $(
-  qs,
+  Ks,
   {
     cursor: "pointer",
     color: Nn(s, e),
@@ -1836,7 +1838,7 @@ const Se = (i) => {
       r && /* @__PURE__ */ u(T, { tag: "span", color: li(s, e), "aria-hidden": !0, children: r })
     ]
   }
-) }), js = ({ theme: i, $variant: e }) => D`
+) }), qs = ({ theme: i, $variant: e }) => D`
   text-align: left;
   width: 100%;
   border-radius: ${i.borderRadius};
@@ -1859,8 +1861,8 @@ const Se = (i) => {
   }
 
   color: ${i.colors[Nn(e, !1)]};
-`, qs = x(T)`
-  ${({ theme: i, $variant: e }) => js({ theme: i, $variant: e })}
+`, Ks = x(T)`
+  ${({ theme: i, $variant: e }) => qs({ theme: i, $variant: e })}
 `, Gc = x(Wc)`
   /* We include this here again because typically when people use OptionLink they provide an as prop which cancels the Box props */
   color: ${({ theme: i, color: e }) => Wi(i.colors, e, void 0)};
@@ -1890,7 +1892,7 @@ const Se = (i) => {
     }
   }
 
-  ${({ theme: i, $variant: e }) => js({ theme: i, $variant: e })}
+  ${({ theme: i, $variant: e }) => qs({ theme: i, $variant: e })}
 `, Yc = x(R)`
   /* Negative horizontal margin to compensate Menu.Content's padding */
   margin: ${({ theme: i }) => i.spaces[1]} -${({ theme: i }) => i.spaces[1]};
@@ -1917,12 +1919,12 @@ const Se = (i) => {
       /* @__PURE__ */ u(wr, { fill: "neutral500", height: "1.2rem", width: "1.2rem" })
     ]
   }
-) })), td = x(qs)`
+) })), td = x(Ks)`
   &[data-state='open'] {
     background-color: ${({ theme: i }) => i.colors.primary100};
   }
 `, id = m.forwardRef((i, e) => /* @__PURE__ */ u(Ee.Portal, { children: /* @__PURE__ */ u(Ee.SubContent, { sideOffset: 8, asChild: !0, children: /* @__PURE__ */ u(
-  Vs,
+  js,
   {
     ref: e,
     direction: "column",
@@ -1938,17 +1940,17 @@ const Se = (i) => {
     overflow: "auto",
     ...i
   }
-) }) })), Ks = jc, Us = qc, _s = Kc, Gs = _c, nd = Xc, rd = Jc, od = Zc, sd = ed, ld = id, Am = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+) }) })), Us = jc, _s = qc, Gs = Kc, Ys = _c, nd = Xc, rd = Jc, od = Zc, sd = ed, ld = id, Am = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Content: _s,
-  Item: Gs,
+  Content: Gs,
+  Item: Ys,
   Label: rd,
-  Root: Ks,
+  Root: Us,
   Separator: nd,
   SubContent: ld,
   SubRoot: od,
   SubTrigger: sd,
-  Trigger: Us
+  Trigger: _s
 }, Symbol.toStringTag, { value: "Module" })), ad = m.forwardRef(
   ({ children: i, onOpen: e, onClose: t, popoverPlacement: n, onReachEnd: r, ...o }, s) => {
     const l = m.useRef(null), a = ve(s, l), c = m.useRef(null), [h, d] = m.useState(!1), f = (w) => {
@@ -1963,12 +1965,12 @@ const Se = (i) => {
        * not be null. Because it uses a portal that (sensibly) is not mounted 24/7.
        */
       skipWhen: !h
-    }), /* @__PURE__ */ $(Ks, { onOpenChange: g, children: [
-      /* @__PURE__ */ u(Us, { ref: a, ...o, children: o.label }),
-      /* @__PURE__ */ u(_s, { ref: c, intersectionId: b, popoverPlacement: n, children: i })
+    }), /* @__PURE__ */ $(Us, { onOpenChange: g, children: [
+      /* @__PURE__ */ u(_s, { ref: a, ...o, children: o.label }),
+      /* @__PURE__ */ u(Gs, { ref: c, intersectionId: b, popoverPlacement: n, children: i })
     ] });
   }
-), Tm = Gs, hd = x(ad)`
+), Tm = Ys, hd = x(ad)`
   padding: ${({ theme: i }) => `${i.spaces[1]} ${i.spaces[2]}`};
   height: unset;
 
@@ -1980,9 +1982,9 @@ const Se = (i) => {
   ({ children: i, ...e }, t) => /* @__PURE__ */ u(hd, { ref: t, endIcon: null, size: "S", ...e, children: i })
 );
 cd.displayName = "CrumbSimpleMenu";
-const Ys = m.createContext({ id: "" }), Xs = () => m.useContext(Ys), Rm = m.forwardRef(({ id: i, ...e }, t) => {
+const Xs = m.createContext({ id: "" }), Js = () => m.useContext(Xs), Rm = m.forwardRef(({ id: i, ...e }, t) => {
   const n = Se(i), r = m.useMemo(() => ({ id: n }), [n]);
-  return /* @__PURE__ */ u(Ys.Provider, { value: r, children: /* @__PURE__ */ u(
+  return /* @__PURE__ */ u(Xs.Provider, { value: r, children: /* @__PURE__ */ u(
     R,
     {
       ref: t,
@@ -2031,7 +2033,7 @@ const Ys = m.createContext({ id: "" }), Xs = () => m.useContext(Ys), Rm = m.forw
 `, pd = x.div`
   margin-left: auto;
   flex-shrink: 0;
-`, md = x(Is)`
+`, md = x(Ps)`
   margin-left: ${({ theme: i }) => i.spaces[1]};
 `, Dm = (i) => /* @__PURE__ */ u(pd, { children: /* @__PURE__ */ u(md, { ...i }) }), Om = (i) => /* @__PURE__ */ u(R, { paddingLeft: 3, paddingRight: 3, paddingTop: 2, paddingBottom: 2, children: /* @__PURE__ */ u(T, { ...i, alignItems: "flex-start" }) }), bd = ({ fill: i, ...e }) => {
   const { colors: t } = Xa();
@@ -2046,7 +2048,7 @@ const Ys = m.createContext({ id: "" }), Xs = () => m.useContext(Ys), Rm = m.forw
       children: /* @__PURE__ */ u("path", { d: "M29.0613 10.0613L13.0613 26.0613C12.9219 26.2011 12.7563 26.3121 12.574 26.3878C12.3917 26.4635 12.1962 26.5024 11.9988 26.5024C11.8013 26.5024 11.6059 26.4635 11.4235 26.3878C11.2412 26.3121 11.0756 26.2011 10.9363 26.0613L3.93626 19.0613C3.79673 18.9217 3.68605 18.7561 3.61053 18.5738C3.53502 18.3915 3.49615 18.1961 3.49615 17.9988C3.49615 17.8014 3.53502 17.606 3.61053 17.4237C3.68605 17.2414 3.79673 17.0758 3.93626 16.9363C4.07579 16.7967 4.24143 16.686 4.42374 16.6105C4.60604 16.535 4.80143 16.4962 4.99876 16.4962C5.19608 16.4962 5.39147 16.535 5.57378 16.6105C5.75608 16.686 5.92173 16.7967 6.06126 16.9363L12 22.875L26.9388 7.93876C27.2205 7.65697 27.6027 7.49866 28.0013 7.49866C28.3998 7.49866 28.782 7.65697 29.0638 7.93876C29.3455 8.22055 29.5039 8.60274 29.5039 9.00126C29.5039 9.39977 29.3455 9.78197 29.0638 10.0638L29.0613 10.0613Z" })
     }
   );
-}, to = m.forwardRef(
+}, io = m.forwardRef(
   ({ defaultChecked: i, checked: e, onCheckedChange: t, ...n }, r) => {
     const o = m.useRef(null), [s, l] = We({
       defaultProp: i,
@@ -2058,7 +2060,7 @@ const Ys = m.createContext({ id: "" }), Xs = () => m.useContext(Ys), Rm = m.forw
       s === "indeterminate" ? /* @__PURE__ */ u(bh, { fill: "neutral0" }) : null
     ] }) });
   }
-), yd = x(Ss.Root)`
+), yd = x(Cs.Root)`
   background: ${(i) => i.theme.colors.neutral0};
   width: 2rem;
   height: 2rem;
@@ -2095,7 +2097,7 @@ const Ys = m.createContext({ id: "" }), Xs = () => m.useContext(Ys), Rm = m.forw
     min-width: 44px;
     min-height: 44px;
   }
-`, wd = x(Ss.Indicator)`
+`, wd = x(Cs.Indicator)`
   display: inline-flex;
   pointer-events: auto !important;
   width: 100%;
@@ -2110,11 +2112,11 @@ const Ys = m.createContext({ id: "" }), Xs = () => m.useContext(Ys), Rm = m.forw
 `, Tr = m.forwardRef(({ children: i, ...e }, t) => {
   const n = Se(e.id);
   return i ? /* @__PURE__ */ $(T, { gap: 2, children: [
-    /* @__PURE__ */ u(to, { id: n, ...e }),
+    /* @__PURE__ */ u(io, { id: n, ...e }),
     /* @__PURE__ */ u(I, { tag: "label", textColor: "neutral800", htmlFor: n, children: i })
-  ] }) : /* @__PURE__ */ u(to, { ref: t, ...e });
+  ] }) : /* @__PURE__ */ u(io, { ref: t, ...e });
 }), Em = m.forwardRef((i, e) => {
-  const { id: t } = Xs();
+  const { id: t } = Js();
   return /* @__PURE__ */ u(dd, { position: "start", children: /* @__PURE__ */ u(Tr, { "aria-labelledby": `${t}-title`, ...i, ref: e }) });
 }), xd = x(R)`
   word-break: break-all;
@@ -2135,7 +2137,7 @@ const Ys = m.createContext({ id: "" }), Xs = () => m.useContext(Ys), Rm = m.forw
     children: /* @__PURE__ */ u(I, { variant: "pi", textColor: "neutral0", children: i })
   }
 ), Bm = (i) => {
-  const { id: e } = Xs();
+  const { id: e } = Js();
   return /* @__PURE__ */ u(I, { variant: "pi", id: `${e}-title`, textColor: "neutral800", fontWeight: "bold", tag: "div", ...i });
 }, zm = (i) => /* @__PURE__ */ u(I, { variant: "pi", ...i, textColor: "neutral600", tag: "div" }), Y = {
   DOWN: "ArrowDown",
@@ -2154,7 +2156,7 @@ const Ys = m.createContext({ id: "" }), Xs = () => m.useContext(Ys), Rm = m.forw
   grid-template-areas: 'startAction slides endAction';
 `, Cd = x(T)`
   grid-area: slides;
-`, io = x(R)`
+`, no = x(R)`
   grid-area: ${({ $area: i }) => i};
 
   &:focus svg path,
@@ -2189,8 +2191,8 @@ const Ys = m.createContext({ id: "" }), Xs = () => m.useContext(Ys), Rm = m.forw
           position: "relative",
           children: [
             g && g.length > 1 && /* @__PURE__ */ $(yr, { children: [
-              /* @__PURE__ */ u(io, { tag: "button", onClick: o, $area: "startAction", ref: d, type: "button", children: /* @__PURE__ */ u(zt, { label: s, children: /* @__PURE__ */ u(xs, { width: "1.6rem", height: "1.6rem", fill: "neutral600" }) }) }),
-              /* @__PURE__ */ u(io, { tag: "button", onClick: r, $area: "endAction", ref: f, type: "button", children: /* @__PURE__ */ u(zt, { label: n, children: /* @__PURE__ */ u(wr, { width: "1.6rem", height: "1.6rem", fill: "neutral600" }) }) })
+              /* @__PURE__ */ u(no, { tag: "button", onClick: o, $area: "startAction", ref: d, type: "button", children: /* @__PURE__ */ u(zt, { label: s, children: /* @__PURE__ */ u(vs, { width: "1.6rem", height: "1.6rem", fill: "neutral600" }) }) }),
+              /* @__PURE__ */ u(no, { tag: "button", onClick: r, $area: "endAction", ref: f, type: "button", children: /* @__PURE__ */ u(zt, { label: n, children: /* @__PURE__ */ u(wr, { width: "1.6rem", height: "1.6rem", fill: "neutral600" }) }) })
             ] }),
             /* @__PURE__ */ u(Cd, { "aria-live": "polite", paddingLeft: 2, paddingRight: 2, width: "100%", overflow: "hidden", children: g }),
             i
@@ -2208,18 +2210,18 @@ const Ys = m.createContext({ id: "" }), Xs = () => m.useContext(Ys), Rm = m.forw
   button: {
     S: {
       initial: "4rem",
-      small: "3.2rem"
+      medium: "3.2rem"
     },
     M: {
       initial: "4.4rem",
-      small: "3.6rem"
+      medium: "3.6rem"
     },
     L: {
       initial: "4.8rem",
-      small: "4rem"
+      medium: "4rem"
     }
   }
-}, Js = {
+}, Qs = {
   sizes: $d,
   zIndices: {
     navigation: 100,
@@ -2306,10 +2308,10 @@ const Ys = m.createContext({ id: "" }), Xs = () => m.useContext(Ys), Rm = m.forw
     popupShadow: "0px 2px 15px rgba(33, 33, 52, 0.1)",
     tableShadow: "0px 1px 4px rgba(33, 33, 52, 0.1)"
   }
-}, Qs = {
+}, Zs = {
   colors: Ad.color,
   shadows: Td.shadow,
-  ...Js
+  ...Qs
 }, Rd = {
   color: {
     alternative100: "#181826",
@@ -2369,8 +2371,8 @@ const Ys = m.createContext({ id: "" }), Xs = () => m.useContext(Ys), Rm = m.forw
 }, Nm = {
   colors: Rd.color,
   shadows: Md.shadow,
-  ...Js
-}, no = (i) => `
+  ...Qs
+}, ro = (i) => `
 ${i}
 
 The following is an example:
@@ -2379,18 +2381,18 @@ The following is an example:
 import { lightTheme, extendTheme } from '@strapi/design-system';
 
 const myCustomTheme = extendTheme(lightTheme, {
-    ${Object.keys(Qs).map((e) => `${e}: /* put the overrides for the ${e} key */,`).join(`
+    ${Object.keys(Zs).map((e) => `${e}: /* put the overrides for the ${e} key */,`).join(`
 `)}
 })
 `, Fm = (i, e) => {
   if (!Ri(i)) {
-    const o = no(
+    const o = ro(
       "The first argument should be an object and corresponds to the theme you want to extend."
     );
     throw new Error(o);
   }
   if (!Ri(e)) {
-    const o = no(
+    const o = ro(
       "The second argument should be an object and corresponds to the keys of the theme you want to override."
     );
     throw new Error(o);
@@ -2401,7 +2403,7 @@ const myCustomTheme = extendTheme(lightTheme, {
     if (Ri(o) && Ri(s))
       return Bh(o, s);
   }
-  const n = Xr(i ?? {}), r = Xr(e ?? {});
+  const n = Jr(i ?? {}), r = Jr(e ?? {});
   return Lh(n, r, t), n;
 }, Wm = (i) => ({ theme: e, size: t }) => e.sizes[i][t], at = (i = "&") => ({ theme: e, $hasError: t = !1 }) => D`
     outline: none;
@@ -2595,10 +2597,10 @@ const myCustomTheme = extendTheme(lightTheme, {
           color: ${i.colors.neutral600};
           background: ${i.colors.neutral150};
         ` : void 0};
-`, Zs = () => {
+`, el = () => {
   const { id: i, hint: e, error: t } = Ce("Hint");
   return !e || t ? null : /* @__PURE__ */ u(I, { variant: "pi", tag: "p", id: `${i}-hint`, textColor: "neutral600", children: e });
-}, el = () => {
+}, tl = () => {
   const { id: i, error: e } = Ce("Error");
   return !e || typeof e != "string" ? null : /* @__PURE__ */ u(I, { variant: "pi", tag: "p", id: `${i}-error`, textColor: "danger600", "data-strapi-field-error": !0, children: e });
 }, Bd = m.forwardRef(({ label: i, children: e, ...t }, n) => /* @__PURE__ */ u(
@@ -2619,8 +2621,8 @@ const myCustomTheme = extendTheme(lightTheme, {
 `, Hm = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Action: Bd,
-  Error: el,
-  Hint: Zs,
+  Error: tl,
+  Hint: el,
   Input: an,
   Label: Rr,
   Root: xt,
@@ -2663,8 +2665,8 @@ const myCustomTheme = extendTheme(lightTheme, {
           children: e
         }
       ),
-      /* @__PURE__ */ u(Zs, {}),
-      /* @__PURE__ */ u(el, {})
+      /* @__PURE__ */ u(el, {}),
+      /* @__PURE__ */ u(tl, {})
     ] }) });
   }
 ), jm = ({ horizontal: i = !0, ...e }) => /* @__PURE__ */ u(
@@ -2679,13 +2681,13 @@ const myCustomTheme = extendTheme(lightTheme, {
     gap: 1,
     ...e
   }
-), ro = x(R)`
-  ${$s}
+), oo = x(R)`
+  ${As}
 `, qm = (i) => {
   const [e, t] = m.useState(!1), n = () => {
     t(!0);
   };
-  return e ? /* @__PURE__ */ u(Ar, { label: i.alt ?? "", children: /* @__PURE__ */ u(ro, { tag: "img", height: "100%", maxWidth: "100%", ...i }) }) : /* @__PURE__ */ u(ro, { tag: "img", height: "100%", maxWidth: "100%", ...i, onError: n });
+  return e ? /* @__PURE__ */ u(Ar, { label: i.alt ?? "", children: /* @__PURE__ */ u(oo, { tag: "img", height: "100%", maxWidth: "100%", ...i }) }) : /* @__PURE__ */ u(oo, { tag: "img", height: "100%", maxWidth: "100%", ...i, onError: n });
 }, Nd = x(T)`
   display: ${({ $selected: i }) => i ? "flex" : "none"};
 `, Km = ({ label: i, children: e, selected: t = !1, ...n }) => /* @__PURE__ */ u(
@@ -2702,7 +2704,7 @@ const myCustomTheme = extendTheme(lightTheme, {
     ...n,
     children: e
   }
-), tl = D`
+), il = D`
   font-size: 1.6rem;
   line-height: 2.4rem;
 
@@ -2710,7 +2712,7 @@ const myCustomTheme = extendTheme(lightTheme, {
     font-size: 1.4rem;
     line-height: 2.2rem;
   }
-`, il = ({
+`, Mr = ({
   $size: i = "M",
   $hasValue: e = !1,
   $hasClear: t = !1,
@@ -2741,8 +2743,8 @@ const myCustomTheme = extendTheme(lightTheme, {
 }, hn = m.forwardRef(
   ({ children: i, viewportRef: e, ...t }, n) => /* @__PURE__ */ $(Fd, { ref: n, ...t, children: [
     /* @__PURE__ */ u(Wd, { ref: e, children: i }),
-    /* @__PURE__ */ u(oo, { orientation: "vertical", children: /* @__PURE__ */ u(so, {}) }),
-    /* @__PURE__ */ u(oo, { orientation: "horizontal", children: /* @__PURE__ */ u(so, {}) })
+    /* @__PURE__ */ u(so, { orientation: "vertical", children: /* @__PURE__ */ u(lo, {}) }),
+    /* @__PURE__ */ u(so, { orientation: "horizontal", children: /* @__PURE__ */ u(lo, {}) })
   ] })
 ), Fd = x(nn.Root)`
   width: 100%;
@@ -2751,7 +2753,7 @@ const myCustomTheme = extendTheme(lightTheme, {
   display: flex;
 `, Wd = x(nn.Viewport)`
   min-width: 100%;
-`, oo = x(nn.Scrollbar)`
+`, so = x(nn.Scrollbar)`
   display: flex;
   /* ensures no selection */
   user-select: none;
@@ -2768,7 +2770,7 @@ const myCustomTheme = extendTheme(lightTheme, {
     height: 0.4rem;
     margin: 0.4rem;
   }
-`, so = x(nn.Thumb)`
+`, lo = x(nn.Thumb)`
   position: relative;
   flex: 1;
   background-color: ${(i) => i.theme.colors.neutral150};
@@ -2838,7 +2840,7 @@ function Mt(i, e, t) {
     n = s;
   }, o;
 }
-function lo(i, e) {
+function ao(i, e) {
   if (i === void 0)
     throw new Error("Unexpected undefined");
   return i;
@@ -2848,7 +2850,7 @@ const Kd = (i, e) => Math.abs(i - e) < 1.01, Ud = (i, e, t) => {
   return function(...r) {
     i.clearTimeout(n), n = i.setTimeout(() => e.apply(this, r), t);
   };
-}, ao = (i) => {
+}, ho = (i) => {
   const { offsetWidth: e, offsetHeight: t } = i;
   return { width: e, height: t };
 }, _d = (i) => i, Gd = (i) => {
@@ -2867,7 +2869,7 @@ const Kd = (i, e) => Math.abs(i - e) < 1.01, Ud = (i, e, t) => {
     const { width: l, height: a } = s;
     e({ width: Math.round(l), height: Math.round(a) });
   };
-  if (r(ao(t)), !n.ResizeObserver)
+  if (r(ho(t)), !n.ResizeObserver)
     return () => {
     };
   const o = new n.ResizeObserver((s) => {
@@ -2880,16 +2882,16 @@ const Kd = (i, e) => Math.abs(i - e) < 1.01, Ud = (i, e, t) => {
           return;
         }
       }
-      r(ao(t));
+      r(ho(t));
     };
     i.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(l) : l();
   });
   return o.observe(t, { box: "border-box" }), () => {
     o.unobserve(t);
   };
-}, ho = {
+}, co = {
   passive: !0
-}, co = typeof window > "u" ? !0 : "onscrollend" in window, Xd = (i, e) => {
+}, uo = typeof window > "u" ? !0 : "onscrollend" in window, Xd = (i, e) => {
   const t = i.scrollElement;
   if (!t)
     return;
@@ -2897,7 +2899,7 @@ const Kd = (i, e) => Math.abs(i - e) < 1.01, Ud = (i, e, t) => {
   if (!n)
     return;
   let r = 0;
-  const o = i.options.useScrollendEvent && co ? () => {
+  const o = i.options.useScrollendEvent && uo ? () => {
   } : Ud(
     n,
     () => {
@@ -2908,9 +2910,9 @@ const Kd = (i, e) => Math.abs(i - e) < 1.01, Ud = (i, e, t) => {
     const { horizontal: d, isRtl: f } = i.options;
     r = d ? t.scrollLeft * (f && -1 || 1) : t.scrollTop, o(), e(r, h);
   }, l = s(!0), a = s(!1);
-  a(), t.addEventListener("scroll", l, ho);
-  const c = i.options.useScrollendEvent && co;
-  return c && t.addEventListener("scrollend", a, ho), () => {
+  a(), t.addEventListener("scroll", l, co);
+  const c = i.options.useScrollendEvent && uo;
+  return c && t.addEventListener("scrollend", a, co), () => {
     t.removeEventListener("scroll", l), c && t.removeEventListener("scrollend", a);
   };
 }, Jd = (i, e, t) => {
@@ -3180,11 +3182,11 @@ class Zd {
     ), this.getVirtualItemForOffset = (t) => {
       const n = this.getMeasurements();
       if (n.length !== 0)
-        return lo(
+        return ao(
           n[nl(
             0,
             n.length - 1,
-            (r) => lo(n[r]).start,
+            (r) => ao(n[r]).start,
             t
           )]
         );
@@ -3331,7 +3333,7 @@ function eu({
   }
   return { startIndex: s, endIndex: l };
 }
-const uo = typeof document < "u" ? m.useLayoutEffect : m.useEffect;
+const fo = typeof document < "u" ? m.useLayoutEffect : m.useEffect;
 function tu(i) {
   const e = m.useReducer(() => ({}), {})[1], t = {
     ...i,
@@ -3342,7 +3344,7 @@ function tu(i) {
   }, [n] = m.useState(
     () => new Zd(t)
   );
-  return n.setOptions(t), uo(() => n._didMount(), []), uo(() => n._willUpdate()), n;
+  return n.setOptions(t), fo(() => n._didMount(), []), fo(() => n._willUpdate()), n;
 }
 function iu(i) {
   return tu({
@@ -3387,13 +3389,13 @@ const nu = xe((i, e) => {
   itemCount: n,
   renderItem: r
 }) => {
-  const o = Gr(null), [s, l] = Mn(!1), a = Gr(!0);
-  fs(() => (a.current = !0, typeof Yr == "function" && Yr(() => {
+  const o = Yr(null), [s, l] = Mn(!1), a = Yr(!0);
+  gs(() => (a.current = !0, typeof Xr == "function" && Xr(() => {
     a.current && l(!0);
   }), () => {
     a.current = !1;
   }), []);
-  const c = gs(() => r && n !== void 0 ? [] : eh.toArray(i), [i, r, n]), h = n ?? c.length, d = iu({
+  const c = ps(() => r && n !== void 0 ? [] : eh.toArray(i), [i, r, n]), h = n ?? c.length, d = iu({
     count: h,
     // parentRef is the inner container; the scroll element is its closest scrollable ancestor
     getScrollElement: () => o.current ?? null,
@@ -3504,18 +3506,18 @@ const nu = xe((i, e) => {
       N && N(ke);
     }, qa = (ke) => {
       L && v && !C && L(ke);
-    }, Kr = () => {
+    }, Ur = () => {
       F && ae && o !== "visible" ? F(ae) : F && o === "visible" && (F(), qe(!1));
-    }, Ka = Se(), Ur = `intersection-${Nt(Ka)}`;
+    }, Ka = Se(), _r = `intersection-${Nt(Ka)}`;
     Si(Ke, qa, {
-      selectorToWatch: `#${Ur}`,
+      selectorToWatch: `#${_r}`,
       /**
        * We need to know when the select is open because only then will viewportRef
        * not be null. Because it uses a portal that (sensibly) is not mounted 24/7.
        */
       skipWhen: !V
     });
-    const { error: pn, ...Ti } = Ce("Combobox"), Ua = !!pn || b, mn = Ti.id ?? w, _a = Ti.name ?? S, Ga = Ti.required || ue, _r = m.Children.toArray(t).filter(Boolean).length, Ya = !!!(ae && ae !== "" || ht && ht !== "") && _r > 100;
+    const { error: pn, ...Ti } = Ce("Combobox"), Ua = !!pn || b, mn = Ti.id ?? w, _a = Ti.name ?? S, Ga = Ti.required || ue, Gr = m.Children.toArray(t).filter(Boolean).length, Ya = !!!(ae && ae !== "" || ht && ht !== "") && Gr > 100;
     let bn;
     return pn ? bn = `${mn}-error` : Ti.hint && (bn = `${mn}-hint`), /* @__PURE__ */ $(
       Oe.Root,
@@ -3581,16 +3583,16 @@ const nu = xe((i, e) => {
           ),
           /* @__PURE__ */ u(Oe.Portal, { children: /* @__PURE__ */ $(uu, { sideOffset: 4, children: [
             /* @__PURE__ */ u(hn, { children: /* @__PURE__ */ u(Oe.Viewport, { ref: Ke, children: /* @__PURE__ */ $(R, { padding: 1, children: [
-              Ya ? /* @__PURE__ */ u(lu, { itemCount: _r, children: t }) : t,
+              Ya ? /* @__PURE__ */ u(lu, { itemCount: Gr, children: t }) : t,
               o !== !0 && !C ? /* @__PURE__ */ u(Oe.NoValueFound, { asChild: !0, children: /* @__PURE__ */ u(Fn, { $hasHover: !1, children: /* @__PURE__ */ u(I, { children: M(ae ?? "") }) }) }) : null,
               C ? /* @__PURE__ */ u(T, { justifyContent: "center", alignItems: "center", paddingTop: 2, paddingBottom: 2, children: /* @__PURE__ */ u(Vd, { small: !0, children: A }) }) : null,
-              /* @__PURE__ */ u(R, { id: Ur, width: "100%", height: "1px" })
+              /* @__PURE__ */ u(R, { id: _r, width: "100%", height: "1px" })
             ] }) }) }),
             o ? /* @__PURE__ */ u(
               fu,
               {
-                onPointerUp: Kr,
-                onClick: Kr,
+                onPointerUp: Ur,
+                onClick: Ur,
                 disabled: s,
                 asChild: !0,
                 children: /* @__PURE__ */ u(Fn, { children: /* @__PURE__ */ $(T, { gap: 2, children: [
@@ -3616,7 +3618,7 @@ const nu = xe((i, e) => {
   gap: ${({ theme: i }) => i.spaces[4]};
   padding-inline-start: ${({ theme: i }) => i.spaces[4]};
   padding-inline-end: ${({ theme: i }) => i.spaces[3]};
-  ${({ $size: i, $hasTextValue: e, $hasClear: t, theme: n }) => il({
+  ${({ $size: i, $hasTextValue: e, $hasClear: t, theme: n }) => Mr({
   $size: i || "M",
   $hasValue: e || !1,
   $hasClear: t || !1,
@@ -3637,11 +3639,12 @@ const nu = xe((i, e) => {
   ${({ theme: i, $hasError: e }) => at()({ theme: i, $hasError: e })};
 `, cu = x(Oe.TextInput)`
   width: 100%;
-  ${tl}
+  ${il}
   color: ${({ theme: i }) => i.colors.neutral800};
   padding: 0;
   border: none;
   background-color: transparent;
+  text-overflow: ellipsis;
 
   &:focus-visible {
     outline: none;
@@ -3858,18 +3861,18 @@ const Et = {
   Log: "live-region-log",
   Status: "live-region-status",
   Alert: "live-region-alert"
-}, fo = (i) => {
+}, go = (i) => {
   const e = document.querySelector(`#${Et.Log}`);
   e && (e.innerText = i);
-}, go = (i) => {
+}, po = (i) => {
   const e = document.querySelector(`#${Et.Status}`);
   e && (e.innerText = i);
-}, po = (i) => {
+}, mo = (i) => {
   const e = document.querySelector(`#${Et.Alert}`);
   e && (e.innerText = i);
 }, Gm = () => (m.useEffect(() => () => {
-  fo(""), po(""), go("");
-}, []), { notifyLog: fo, notifyAlert: po, notifyStatus: go }), Ru = () => /* @__PURE__ */ $(lt, { children: [
+  go(""), mo(""), po("");
+}, []), { notifyLog: go, notifyAlert: mo, notifyStatus: po }), Ru = () => /* @__PURE__ */ $(lt, { children: [
   /* @__PURE__ */ u("p", { role: "log", "aria-live": "polite", id: Et.Log, "aria-relevant": "all" }),
   /* @__PURE__ */ u("p", { role: "status", "aria-live": "polite", id: Et.Status, "aria-relevant": "all" }),
   /* @__PURE__ */ u("p", { role: "alert", "aria-live": "assertive", id: Et.Alert, "aria-relevant": "all" })
@@ -3972,12 +3975,12 @@ ${D`
     overflow-y: hidden;
   }
 `}
-`, mo = "en-EN", sl = () => typeof navigator > "u" ? mo : navigator.language ? navigator.language : mo, [Du, cn] = Gt("StrapiDesignSystem", {
+`, bo = "en-EN", sl = () => typeof navigator > "u" ? bo : navigator.language ? navigator.language : bo, [Du, cn] = Gt("StrapiDesignSystem", {
   locale: sl()
 }), Ym = ({
   children: i,
   locale: e = sl(),
-  theme: t = Qs,
+  theme: t = Zs,
   tooltipConfig: n
 }) => (He(() => {
   const r = document.createElement("style");
@@ -4023,9 +4026,10 @@ const Eu = m.forwardRef(
         "aria-labelledby": g ? `${s}-label` : void 0,
         $size: l,
         $withTags: a,
+        $hasClear: !!i,
         ...c,
         children: [
-          /* @__PURE__ */ $(T, { flex: "1", tag: "span", gap: 3, children: [
+          /* @__PURE__ */ $(T, { flex: "1", tag: "span", gap: 3, overflow: "hidden", children: [
             t && /* @__PURE__ */ u(T, { tag: "span", "aria-hidden": !0, children: t }),
             o
           ] }),
@@ -4050,30 +4054,23 @@ const Eu = m.forwardRef(
   }
 ), Iu = x(T)`
   border: 1px solid ${({ theme: i, $hasError: e }) => e ? i.colors.danger600 : i.colors.neutral200};
-  ${(i) => {
-  switch (i.$size) {
-    case "S":
-      return D`
-          padding-block: calc(${i.theme.spaces[2]} - 1px); // 1px to compensate for the border
-          padding-inline-start: ${i.$withTags ? i.theme.spaces[1] : i.theme.spaces[4]};
-          padding-inline-end: ${i.theme.spaces[3]};
+  padding-inline-start: ${({ theme: i }) => i.spaces[4]};
+  padding-inline-end: ${({ theme: i }) => i.spaces[3]};
 
-          ${({ theme: e }) => e.breakpoints.medium} {
-            padding-block: ${i.theme.spaces[1]};
-          }
-        `;
-    default:
-      return D`
-          padding-block: ${i.$withTags ? "0.3rem" : `calc(${i.theme.spaces[3]} - 1px)`}; // 1px to compensate for the border
-          padding-inline-start: ${i.$withTags ? i.theme.spaces[1] : i.theme.spaces[4]};
-          padding-inline-end: ${i.theme.spaces[3]};
+  ${({ $size: i, $hasClear: e, $withTags: t, theme: n }) => t ? D`
+        padding-inline-start: calc(${n.spaces[2]} - 1px);
+        padding-block: calc(${n.spaces[2]} - 1px);
 
-          ${({ theme: e }) => e.breakpoints.medium} {
-            padding-block: ${i.$withTags ? "0.3rem" : i.theme.spaces[2]};
-          }
-        `;
-  }
-}}
+        ${n.breakpoints.medium} {
+          padding-inline-start: 0.3rem;
+          padding-block: 0.3rem;
+        }
+      ` : Mr({
+  $size: i || "M",
+  $hasValue: e,
+  $hasClear: e,
+  theme: n
+})}
   cursor: pointer;
 
   &[aria-disabled='true'] {
@@ -4091,7 +4088,9 @@ const Eu = m.forwardRef(
   & > svg {
     fill: ${({ theme: i }) => i.colors.neutral500};
   }
-`, Lu = m.forwardRef(({ children: i, placeholder: e, ...t }, n) => /* @__PURE__ */ u(Bu, { ref: n, ellipsis: !0, ...t, children: /* @__PURE__ */ u(zu, { placeholder: e, children: i }) })), Bu = x(I)`
+`, Lu = m.forwardRef(
+  ({ children: i, placeholder: e, withTags: t, ...n }, r) => /* @__PURE__ */ u(Bu, { ref: r, ellipsis: !0, ...n, children: /* @__PURE__ */ u(zu, { placeholder: e, $withTags: t, children: i }) })
+), Bu = x(I)`
   flex: 1;
   min-height: 2.4rem;
 
@@ -4099,9 +4098,11 @@ const Eu = m.forwardRef(
     min-height: 2.2rem;
   }
 `, zu = x(Le.Value)`
-  display: flex;
-  gap: ${({ theme: i }) => i.spaces[1]};
-  flex-wrap: wrap;
+  ${({ $withTags: i }) => i ? D`
+          display: flex;
+          flex-wrap: wrap;
+          gap: ${({ theme: e }) => e.spaces[1]};
+        ` : null};
 `, Nu = m.forwardRef((i, e) => /* @__PURE__ */ u(Fu, { ref: e, ...i, children: /* @__PURE__ */ u(hn, { children: i.children }) })), Fu = x(Le.Content)`
   background: ${({ theme: i }) => i.colors.neutral0};
   box-shadow: ${({ theme: i }) => i.shadows.filterShadow};
@@ -4157,7 +4158,7 @@ const Eu = m.forwardRef(
     background-color: ${({ theme: i }) => i.colors.primary100};
     cursor: pointer;
   }
-`, al = Le.Root, hl = Eu, cl = Lu, dl = Le.Portal, ul = Nu, fl = Wu, Mr = Hu, gl = Le.ItemIndicator, pl = Le.ItemText, qu = Le.Group, bo = m.forwardRef(
+`, al = Le.Root, hl = Eu, cl = Lu, dl = Le.Portal, ul = Nu, fl = Wu, Dr = Hu, gl = Le.ItemIndicator, pl = Le.ItemText, qu = Le.Group, yo = m.forwardRef(
   ({
     children: i,
     clearLabel: e = "Clear",
@@ -4233,12 +4234,12 @@ const Eu = m.forwardRef(
       }
     );
   }
-), yo = m.forwardRef(
-  ({ value: i, startIcon: e, children: t, ...n }, r) => /* @__PURE__ */ $(Mr, { ref: r, value: i.toString(), ...n, children: [
+), wo = m.forwardRef(
+  ({ value: i, startIcon: e, children: t, ...n }, r) => /* @__PURE__ */ $(Dr, { ref: r, value: i.toString(), ...n, children: [
     e && /* @__PURE__ */ u(T, { tag: "span", "aria-hidden": !0, children: e }),
     /* @__PURE__ */ u(I, { lineHeight: "20px", width: "100%", children: /* @__PURE__ */ u(pl, { children: t }) })
   ] })
-), Ku = 200, wo = 15, [Uu, Yt] = Gt("DatePicker"), _u = m.forwardRef(
+), Ku = 200, xo = 15, [Uu, Yt] = Gt("DatePicker"), _u = m.forwardRef(
   ({
     /**
      * DatePickerCalendar props
@@ -4278,8 +4279,8 @@ const Eu = m.forwardRef(
       }
     }), [oe, le] = m.useMemo(() => {
       const Z = t ? gt(t) : br("UTC"), ft = o ? gt(o) : Z.set({ day: 1, month: 1, year: Z.year - Ku });
-      let Zt = r ? gt(r) : Z.set({ day: 31, month: 12, year: Z.year + wo });
-      return Zt.compare(ft) < 0 && (Zt = ft.set({ day: 31, month: 12, year: ft.year + wo })), [ft, Zt];
+      let Zt = r ? gt(r) : Z.set({ day: 31, month: 12, year: Z.year + xo });
+      return Zt.compare(ft) < 0 && (Zt = ft.set({ day: 31, month: 12, year: ft.year + xo })), [ft, Zt];
     }, [o, r, t]), [Be, V] = m.useState(
       Gu({
         currentValue: J,
@@ -4356,7 +4357,7 @@ const Eu = m.forwardRef(
       }
     );
   }
-), xo = (i) => !!i.match(/^[^a-zA-Z]*$/), Gu = ({ currentValue: i, minDate: e, maxDate: t }) => {
+), vo = (i) => !!i.match(/^[^a-zA-Z]*$/), Gu = ({ currentValue: i, minDate: e, maxDate: t }) => {
   const n = br("UTC");
   return i || (On(e, n) === e && En(t, n) === t ? n : On(e, n) === n ? e : En(t, n) === n ? t : n);
 }, Yu = "DatePickerTrigger", Xu = m.forwardRef(
@@ -4407,7 +4408,7 @@ const Eu = m.forwardRef(
   min-width: ${({ $hasOnClear: i }) => i ? "160px" : "130px"};
   border: 1px solid ${({ theme: i, $hasError: e }) => e ? i.colors.danger600 : i.colors.neutral200};
   padding-inline: ${({ theme: i }) => i.spaces[3]};
-  ${({ $size: i, $hasTextValue: e, $hasOnClear: t, theme: n }) => il({
+  ${({ $size: i, $hasTextValue: e, $hasOnClear: t, theme: n }) => Mr({
   $size: i || "M",
   $hasValue: e || !1,
   $hasClear: t || !1,
@@ -4484,7 +4485,7 @@ const Eu = m.forwardRef(
           n.onTextValueChange(f.format(n.calendarDate.toDate(n.timeZone))), n.onValueChange(n.calendarDate);
         }),
         onChange: wt(e.onChange, (y) => {
-          if (xo(y.target.value)) {
+          if (vo(y.target.value)) {
             const v = y.target.value.split(p), [k, C, A] = b.map((K, L) => {
               const se = v[L];
               return {
@@ -4507,7 +4508,7 @@ const Eu = m.forwardRef(
           }
         }),
         onKeyDown: wt(e.onKeyDown, (y) => {
-          if (!n.open && (xo(y.key) || ["ArrowDown", "Backspace"].includes(y.key)))
+          if (!n.open && (vo(y.key) || ["ArrowDown", "Backspace"].includes(y.key)))
             d();
           else if (["Tab"].includes(y.key) && n.open)
             y.preventDefault();
@@ -4554,7 +4555,7 @@ function ef(i, e, t) {
 }
 const tf = x.input`
   width: 100%;
-  ${tl}
+  ${il}
   color: ${({ theme: i }) => i.colors.neutral800};
   border: none;
   background-color: transparent;
@@ -4672,7 +4673,7 @@ const tf = x.input`
       ),
       [a, f, o]
     ), p = Ue(r, { weekday: "short" }), b = m.useMemo(() => {
-      const S = ms(br(o), r);
+      const S = bs(br(o), r);
       return [...new Array(7).keys()].map((M) => {
         const z = S.add({ days: M }).toDate(o);
         return p.format(z);
@@ -4709,21 +4710,21 @@ const tf = x.input`
         children: /* @__PURE__ */ $(T, { ref: n, direction: "column", alignItems: "stretch", padding: 4, ...t, children: [
           /* @__PURE__ */ $(ff, { justifyContent: "flex-start", paddingBottom: 4, paddingLeft: 2, paddingRight: 2, gap: 2, children: [
             /* @__PURE__ */ u(xt, { children: /* @__PURE__ */ u(
-              bo,
+              yo,
               {
                 "aria-label": i,
                 value: g[a.month - 1],
                 onChange: k,
-                children: g.map((S) => /* @__PURE__ */ u(yo, { value: S, children: S }, S))
+                children: g.map((S) => /* @__PURE__ */ u(wo, { value: S, children: S }, S))
               }
             ) }),
             /* @__PURE__ */ u(xt, { children: /* @__PURE__ */ u(
-              bo,
+              yo,
               {
                 value: a.year.toString(),
                 "aria-label": e,
                 onChange: C,
-                children: d.map((S) => /* @__PURE__ */ u(yo, { value: S, children: S }, S))
+                children: d.map((S) => /* @__PURE__ */ u(wo, { value: S, children: S }, S))
               }
             ) })
           ] }),
@@ -4749,14 +4750,14 @@ const tf = x.input`
 ), uf = (i, e) => (t) => {
   let n = i.add({ weeks: t });
   const r = [];
-  n = ms(n, e);
+  n = bs(n, e);
   const o = sh(n, e);
   for (let s = 0; s < o; s++)
     r.push(null);
   for (; r.length < 7; ) {
     r.push(n);
     const s = n.add({ days: 1 });
-    if (bs(n, s))
+    if (ys(n, s))
       break;
     n = s;
   }
@@ -4784,7 +4785,7 @@ const tf = x.input`
   text-transform: capitalize;
 `, mf = "DatePickerCalendarCell", bf = m.forwardRef(
   ({ date: i, startDate: e, disabled: t, ...n }, r) => {
-    const { timeZone: o, calendarDate: s, onValueChange: l, onOpenChange: a, onTextValueChange: c, onCalendarDateChange: h } = Yt(mf), { dateFormatter: d, cellDateFormatter: f, textValueFormatter: g } = cf("DatePickerCalendarCell"), p = bs(s, i), b = m.useMemo(() => d.format(i.toDate(o)), [d, i, o]), w = m.useMemo(
+    const { timeZone: o, calendarDate: s, onValueChange: l, onOpenChange: a, onTextValueChange: c, onCalendarDateChange: h } = Yt(mf), { dateFormatter: d, cellDateFormatter: f, textValueFormatter: g } = cf("DatePickerCalendarCell"), p = ys(s, i), b = m.useMemo(() => d.format(i.toDate(o)), [d, i, o]), w = m.useMemo(
       () => f.formatToParts(i.toDate(o)).find((C) => C.type === "day").value,
       [f, i, o]
     ), y = lh(e), v = i.compare(e) < 0 || i.compare(y) > 0;
@@ -5045,10 +5046,10 @@ function kf(i) {
     if (e == t) return !1;
   }
 }
-function vo(i) {
+function So(i) {
   return i >= 127462 && i <= 127487;
 }
-const So = 8205;
+const Co = 8205;
 function $f(i, e, t = !0, n = !0) {
   return (t ? wl : Af)(i, e, n);
 }
@@ -5056,13 +5057,13 @@ function wl(i, e, t) {
   if (e == i.length) return e;
   e && xl(i.charCodeAt(e)) && vl(i.charCodeAt(e - 1)) && e--;
   let n = wn(i, e);
-  for (e += Co(n); e < i.length; ) {
+  for (e += ko(n); e < i.length; ) {
     let r = wn(i, e);
-    if (n == So || r == So || t && kf(r))
-      e += Co(r), n = r;
-    else if (vo(r)) {
+    if (n == Co || r == Co || t && kf(r))
+      e += ko(r), n = r;
+    else if (So(r)) {
       let o = 0, s = e - 2;
-      for (; s >= 0 && vo(wn(i, s)); )
+      for (; s >= 0 && So(wn(i, s)); )
         o++, s -= 2;
       if (o % 2 == 0) break;
       e += 2;
@@ -5091,7 +5092,7 @@ function xl(i) {
 function vl(i) {
   return i >= 55296 && i < 56320;
 }
-function Co(i) {
+function ko(i) {
   return i < 65536 ? 1 : 2;
 }
 class W {
@@ -5248,7 +5249,7 @@ class ee extends W {
     }
   }
   decompose(e, t, n, r) {
-    let o = e <= 0 && t >= this.length ? this : new ee(ko(this.text, e, t), Math.min(t, this.length) - Math.max(0, e));
+    let o = e <= 0 && t >= this.length ? this : new ee($o(this.text, e, t), Math.min(t, this.length) - Math.max(0, e));
     if (r & 1) {
       let s = n.pop(), l = Hi(o.text, s.text.slice(), 0, o.length);
       if (l.length <= 32)
@@ -5264,7 +5265,7 @@ class ee extends W {
     if (!(n instanceof ee))
       return super.replace(e, t, n);
     [e, t] = Ft(this, e, t);
-    let r = Hi(this.text, Hi(n.text, ko(this.text, 0, e)), t), o = this.length + n.length - (t - e);
+    let r = Hi(this.text, Hi(n.text, $o(this.text, 0, e)), t), o = this.length + n.length - (t - e);
     return r.length <= 32 ? new ee(r, o) : Ne.from(ee.split(r, []), o);
   }
   sliceString(e, t = this.length, n = `
@@ -5402,7 +5403,7 @@ function Hi(i, e, t = 0, n = 1e9) {
   }
   return e;
 }
-function ko(i, e, t) {
+function $o(i, e, t) {
   return Hi(i, [""], e, t);
 }
 class ai {
@@ -6187,10 +6188,10 @@ function $l(i, e) {
     if (t.to > e)
       throw new RangeError("Selection points outside of document");
 }
-let Dr = 0;
+let Or = 0;
 class P {
   constructor(e, t, n, r, o) {
-    this.combine = e, this.compareInput = t, this.compare = n, this.isStatic = r, this.id = Dr++, this.default = e([]), this.extensions = typeof o == "function" ? o(this) : o;
+    this.combine = e, this.compareInput = t, this.compare = n, this.isStatic = r, this.id = Or++, this.default = e([]), this.extensions = typeof o == "function" ? o(this) : o;
   }
   /**
   Returns a facet reader for this facet, which can be used to
@@ -6203,7 +6204,7 @@ class P {
   Define a new facet.
   */
   static define(e = {}) {
-    return new P(e.combine || ((t) => t), e.compareInput || ((t, n) => t === n), e.compare || (e.combine ? (t, n) => t === n : Or), !!e.static, e.enables);
+    return new P(e.combine || ((t) => t), e.compareInput || ((t, n) => t === n), e.compare || (e.combine ? (t, n) => t === n : Er), !!e.static, e.enables);
   }
   /**
   Returns an extension that adds the given value to this facet.
@@ -6238,12 +6239,12 @@ class P {
     return t || (t = (n) => n), this.compute([e], (n) => t(n.field(e)));
   }
 }
-function Or(i, e) {
+function Er(i, e) {
   return i == e || i.length == e.length && i.every((t, n) => t === e[n]);
 }
 class Vi {
   constructor(e, t, n, r) {
-    this.dependencies = e, this.facet = t, this.type = n, this.value = r, this.id = Dr++;
+    this.dependencies = e, this.facet = t, this.type = n, this.value = r, this.id = Or++;
   }
   dynamicSlot(e) {
     var t;
@@ -6257,7 +6258,7 @@ class Vi {
       update(d, f) {
         if (a && f.docChanged || c && (f.docChanged || f.selection) || qn(d, h)) {
           let g = n(d);
-          if (l ? !$o(g, d.values[s], r) : !r(g, d.values[s]))
+          if (l ? !Ao(g, d.values[s], r) : !r(g, d.values[s]))
             return d.values[s] = g, 1;
         }
         return 0;
@@ -6266,7 +6267,7 @@ class Vi {
         let g, p = f.config.address[o];
         if (p != null) {
           let b = Yi(f, p);
-          if (this.dependencies.every((w) => w instanceof P ? f.facet(w) === d.facet(w) : w instanceof At ? f.field(w, !1) == d.field(w, !1) : !0) || (l ? $o(g = n(d), b, r) : r(g = n(d), b)))
+          if (this.dependencies.every((w) => w instanceof P ? f.facet(w) === d.facet(w) : w instanceof At ? f.field(w, !1) == d.field(w, !1) : !0) || (l ? Ao(g = n(d), b, r) : r(g = n(d), b)))
             return d.values[s] = b, 0;
         } else
           g = n(d);
@@ -6275,7 +6276,7 @@ class Vi {
     };
   }
 }
-function $o(i, e, t) {
+function Ao(i, e, t) {
   if (i.length != e.length)
     return !1;
   for (let n = 0; n < i.length; n++)
@@ -6317,7 +6318,7 @@ function Mf(i, e, t) {
     },
     reconfigure(a, c) {
       let h = qn(a, n), d = c.config.facets[e.id], f = c.facet(e);
-      if (d && !h && Or(t, d))
+      if (d && !h && Er(t, d))
         return a.values[s] = f, 0;
       let g = l(a);
       return e.compare(g, f) ? (a.values[s] = f, 0) : (a.values[s] = g, 1);
@@ -6333,7 +6334,7 @@ class At {
   Define a state field.
   */
   static define(e) {
-    let t = new At(Dr++, e.create, e.update, e.compare || ((n, r) => n === r), e);
+    let t = new At(Or++, e.create, e.update, e.compare || ((n, r) => n === r), e);
     return e.provide && (t.provides = e.provide(t)), t;
   }
   create(e) {
@@ -6463,7 +6464,7 @@ class Gi {
         (w) => w.type == 0
         /* Provider.Static */
       ))
-        if (l[p.id] = a.length << 1 | 1, Or(b, g))
+        if (l[p.id] = a.length << 1 | 1, Er(b, g))
           a.push(n.facet(p));
         else {
           let w = p.combine(g.map((y) => y.value));
@@ -7132,7 +7133,7 @@ class gi {
 function Yn(i, e) {
   return i.from - e.from || i.value.startSide - e.value.startSide;
 }
-class Er {
+class Ir {
   constructor(e, t, n, r) {
     this.from = e, this.to = t, this.value = n, this.maxPoint = r;
   }
@@ -7169,7 +7170,7 @@ class Er {
         continue;
       (g - f || c.endSide - c.startSide) < 0 || (s < 0 && (s = f), c.point && (l = Math.max(l, g - f)), n.push(c), r.push(f - s), o.push(g - s));
     }
-    return { mapped: n.length ? new Er(r, o, n, l) : null, pos: s };
+    return { mapped: n.length ? new Ir(r, o, n, l) : null, pos: s };
   }
 }
 class X {
@@ -7289,8 +7290,8 @@ class X {
   to notify it of possible differences.
   */
   static compare(e, t, n, r, o = -1) {
-    let s = e.filter((d) => d.maxPoint > 0 || !d.isEmpty && d.maxPoint >= o), l = t.filter((d) => d.maxPoint > 0 || !d.isEmpty && d.maxPoint >= o), a = Ao(s, l, n), c = new ii(s, a, o), h = new ii(l, a, o);
-    n.iterGaps((d, f, g) => To(c, d, h, f, g, r)), n.empty && n.length == 0 && To(c, 0, h, 0, 0, r);
+    let s = e.filter((d) => d.maxPoint > 0 || !d.isEmpty && d.maxPoint >= o), l = t.filter((d) => d.maxPoint > 0 || !d.isEmpty && d.maxPoint >= o), a = To(s, l, n), c = new ii(s, a, o), h = new ii(l, a, o);
+    n.iterGaps((d, f, g) => Ro(c, d, h, f, g, r)), n.empty && n.length == 0 && Ro(c, 0, h, 0, 0, r);
   }
   /**
   Compare the contents of two groups of range sets, returning true
@@ -7303,7 +7304,7 @@ class X {
       return !1;
     if (!o.length)
       return !0;
-    let l = Ao(o, s), a = new ii(o, l, 0).goto(n), c = new ii(s, l, 0).goto(n);
+    let l = To(o, s), a = new ii(o, l, 0).goto(n), c = new ii(s, l, 0).goto(n);
     for (; ; ) {
       if (a.to != c.to || !Xn(a.active, c.active) || a.point && (!c.point || !a.point.eq(c.point)))
         return !1;
@@ -7372,7 +7373,7 @@ function Hf(i) {
 X.empty.nextLayer = X.empty;
 class Xi {
   finishChunk(e) {
-    this.chunks.push(new Er(this.from, this.to, this.value, this.maxPoint)), this.chunkPos.push(this.chunkStart), this.chunkStart = -1, this.setMaxPoint = Math.max(this.setMaxPoint, this.maxPoint), this.maxPoint = -1, e && (this.from = [], this.to = [], this.value = []);
+    this.chunks.push(new Ir(this.from, this.to, this.value, this.maxPoint)), this.chunkPos.push(this.chunkStart), this.chunkStart = -1, this.setMaxPoint = Math.max(this.setMaxPoint, this.maxPoint), this.maxPoint = -1, e && (this.from = [], this.to = [], this.value = []);
   }
   /**
   Create an empty builder.
@@ -7423,7 +7424,7 @@ class Xi {
     return this.from = null, t;
   }
 }
-function Ao(i, e, t) {
+function To(i, e, t) {
   let n = /* @__PURE__ */ new Map();
   for (let o of i)
     for (let s = 0; s < o.chunk.length; s++)
@@ -7553,13 +7554,13 @@ class ii {
     this.cursor.forward(e, t);
   }
   removeActive(e) {
-    Di(this.active, e), Di(this.activeTo, e), Di(this.activeRank, e), this.minActive = Ro(this.active, this.activeTo);
+    Di(this.active, e), Di(this.activeTo, e), Di(this.activeRank, e), this.minActive = Mo(this.active, this.activeTo);
   }
   addActive(e) {
     let t = 0, { value: n, to: r, rank: o } = this.cursor;
     for (; t < this.activeRank.length && (o - this.activeRank[t] || r - this.activeTo[t]) > 0; )
       t++;
-    Oi(this.active, t, n), Oi(this.activeTo, t, r), Oi(this.activeRank, t, o), e && Oi(e, t, this.cursor.from), this.minActive = Ro(this.active, this.activeTo);
+    Oi(this.active, t, n), Oi(this.activeTo, t, r), Oi(this.activeRank, t, o), e && Oi(e, t, this.cursor.from), this.minActive = Mo(this.active, this.activeTo);
   }
   // After calling this, if `this.point` != null, the next range is a
   // point. Otherwise, it's a regular range, covered by `this.active`.
@@ -7616,7 +7617,7 @@ class ii {
     return t;
   }
 }
-function To(i, e, t, n, r, o) {
+function Ro(i, e, t, n, r, o) {
   i.goto(e), t.goto(n);
   let s = n + r, l = n, a = n - e;
   for (; ; ) {
@@ -7644,7 +7645,7 @@ function Oi(i, e, t) {
     i[n + 1] = i[n];
   i[e] = t;
 }
-function Ro(i, e) {
+function Mo(i, e) {
   let t = -1, n = 1e9;
   for (let r = 0; r < e.length; r++)
     (e[r] - n || i[r].endSide - i[t].endSide) < 0 && (t = r, n = e[r]);
@@ -7660,7 +7661,7 @@ function Vf(i, e, t, n) {
   }
   return i.length;
 }
-const Jn = "ͼ", Mo = typeof Symbol > "u" ? "__" + Jn : Symbol.for(Jn), Qn = typeof Symbol > "u" ? "__styleSet" + Math.floor(Math.random() * 1e8) : Symbol("styleSet"), Do = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : {};
+const Jn = "ͼ", Do = typeof Symbol > "u" ? "__" + Jn : Symbol.for(Jn), Qn = typeof Symbol > "u" ? "__styleSet" + Math.floor(Math.random() * 1e8) : Symbol("styleSet"), Oo = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : {};
 class Ht {
   // :: (Object<Style>, ?{finish: ?(string) → string})
   // Create a style module from the given spec.
@@ -7702,8 +7703,8 @@ class Ht {
   // :: () → string
   // Generate a new unique CSS class name.
   static newName() {
-    let e = Do[Mo] || 1;
-    return Do[Mo] = e + 1, Jn + e.toString(36);
+    let e = Oo[Do] || 1;
+    return Oo[Do] = e + 1, Jn + e.toString(36);
   }
   // :: (union<Document, ShadowRoot>, union<[StyleModule], StyleModule>, ?{nonce: ?string})
   //
@@ -7726,14 +7727,14 @@ class Ht {
     r ? o && r.setNonce(o) : r = new jf(e, o), r.mount(Array.isArray(t) ? t : [t], e);
   }
 }
-let Oo = /* @__PURE__ */ new Map();
+let Eo = /* @__PURE__ */ new Map();
 class jf {
   constructor(e, t) {
     let n = e.ownerDocument || e, r = n.defaultView;
     if (!e.head && e.adoptedStyleSheets && r.CSSStyleSheet) {
-      let o = Oo.get(n);
+      let o = Eo.get(n);
       if (o) return e[Qn] = o;
-      this.sheet = new r.CSSStyleSheet(), Oo.set(n, this);
+      this.sheet = new r.CSSStyleSheet(), Eo.set(n, this);
     } else
       this.styleTag = n.createElement("style"), t && this.styleTag.setAttribute("nonce", t);
     this.modules = [], e[Qn] = this;
@@ -7870,7 +7871,7 @@ function bi(i) {
   return i.nodeType == 3 ? St(i, 0, i.nodeValue.length).getClientRects() : i.nodeType == 1 ? i.getClientRects() : [];
 }
 function ci(i, e, t, n) {
-  return t ? Eo(i, e, t, n, -1) || Eo(i, e, t, n, 1) : !1;
+  return t ? Io(i, e, t, n, -1) || Io(i, e, t, n, 1) : !1;
 }
 function vt(i) {
   for (var e = 0; ; e++)
@@ -7880,7 +7881,7 @@ function vt(i) {
 function Ji(i) {
   return i.nodeType == 1 && /^(DIV|P|LI|UL|OL|BLOCKQUOTE|DD|DT|H\d|SECTION|PRE)$/.test(i.nodeName);
 }
-function Eo(i, e, t, n, r) {
+function Io(i, e, t, n, r) {
   for (; ; ) {
     if (i == t && e == n)
       return !0;
@@ -8031,9 +8032,9 @@ function zl(i) {
     }
   }
 }
-let Io;
+let Po;
 function St(i, e, t = e) {
-  let n = Io || (Io = document.createRange());
+  let n = Po || (Po = document.createRange());
   return n.setEnd(i, t), n.setStart(i, e), n;
 }
 function Pt(i, e, t, n) {
@@ -8114,7 +8115,7 @@ class pe {
     return new pe(e.parentNode, vt(e) + 1, t);
   }
 }
-const Ir = [];
+const Pr = [];
 class q {
   constructor() {
     this.parent = null, this.dom = null, this.flags = 2;
@@ -8153,13 +8154,13 @@ class q {
         }
         if (o = r ? r.nextSibling : n.firstChild, t && !t.written && t.node == n && o != s.dom && (t.written = !0), s.dom.parentNode == n)
           for (; o && o != s.dom; )
-            o = Po(o);
+            o = Lo(o);
         else
           n.insertBefore(s.dom, o);
         r = s.dom;
       }
       for (o = r ? r.nextSibling : n.firstChild, o && t && t.node == n && (t.written = !0); o; )
-        o = Po(o);
+        o = Lo(o);
     } else if (this.flags & 1)
       for (let n of this.children)
         n.flags & 7 && (n.sync(e, t), n.flags &= -8);
@@ -8236,7 +8237,7 @@ class q {
       e = t;
     }
   }
-  replaceChildren(e, t, n = Ir) {
+  replaceChildren(e, t, n = Pr) {
     this.markDirty();
     for (let r = e; r < t; r++) {
       let o = this.children[r];
@@ -8296,7 +8297,7 @@ class q {
   }
 }
 q.prototype.breakAfter = 0;
-function Po(i) {
+function Lo(i) {
   let e = i.nextSibling;
   return i.parentNode.removeChild(i), e;
 }
@@ -8337,16 +8338,16 @@ function ql(i, e, t, n, r, o) {
   i.length += d, jl(i, c, h, l, a, n, 0, r, o);
 }
 let Te = typeof navigator < "u" ? navigator : { userAgent: "", vendor: "", platform: "" }, tr = typeof document < "u" ? document : { documentElement: { style: {} } };
-const ir = /* @__PURE__ */ /Edge\/(\d+)/.exec(Te.userAgent), Kl = /* @__PURE__ */ /MSIE \d/.test(Te.userAgent), nr = /* @__PURE__ */ /Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(Te.userAgent), fn = !!(Kl || nr || ir), Lo = !fn && /* @__PURE__ */ /gecko\/(\d+)/i.test(Te.userAgent), Sn = !fn && /* @__PURE__ */ /Chrome\/(\d+)/.exec(Te.userAgent), Xf = "webkitFontSmoothing" in tr.documentElement.style, Ul = !fn && /* @__PURE__ */ /Apple Computer/.test(Te.vendor), Bo = Ul && (/* @__PURE__ */ /Mobile\/\w+/.test(Te.userAgent) || Te.maxTouchPoints > 2);
+const ir = /* @__PURE__ */ /Edge\/(\d+)/.exec(Te.userAgent), Kl = /* @__PURE__ */ /MSIE \d/.test(Te.userAgent), nr = /* @__PURE__ */ /Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(Te.userAgent), fn = !!(Kl || nr || ir), Bo = !fn && /* @__PURE__ */ /gecko\/(\d+)/i.test(Te.userAgent), Sn = !fn && /* @__PURE__ */ /Chrome\/(\d+)/.exec(Te.userAgent), Xf = "webkitFontSmoothing" in tr.documentElement.style, Ul = !fn && /* @__PURE__ */ /Apple Computer/.test(Te.vendor), zo = Ul && (/* @__PURE__ */ /Mobile\/\w+/.test(Te.userAgent) || Te.maxTouchPoints > 2);
 var O = {
-  mac: Bo || /* @__PURE__ */ /Mac/.test(Te.platform),
+  mac: zo || /* @__PURE__ */ /Mac/.test(Te.platform),
   ie: fn,
   ie_version: Kl ? tr.documentMode || 6 : nr ? +nr[1] : ir ? +ir[1] : 0,
-  gecko: Lo,
-  gecko_version: Lo ? +(/* @__PURE__ */ /Firefox\/(\d+)/.exec(Te.userAgent) || [0, 0])[1] : 0,
+  gecko: Bo,
+  gecko_version: Bo ? +(/* @__PURE__ */ /Firefox\/(\d+)/.exec(Te.userAgent) || [0, 0])[1] : 0,
   chrome: !!Sn,
   chrome_version: Sn ? +Sn[1] : 0,
-  ios: Bo,
+  ios: zo,
   android: /* @__PURE__ */ /Android\b/.test(Te.userAgent),
   safari: Ul,
   webkit_version: Xf ? +(/* @__PURE__ */ /\bAppleWebKit\/(\d+)/.exec(Te.userAgent) || [0, 0])[1] : 0,
@@ -8553,7 +8554,7 @@ class jt extends q {
     return !0;
   }
 }
-Ie.prototype.children = yt.prototype.children = jt.prototype.children = Ir;
+Ie.prototype.children = yt.prototype.children = jt.prototype.children = Pr;
 function _l(i, e) {
   let t = i.dom, { children: n } = i, r = 0;
   for (let o = 0; r < n.length; r++) {
@@ -8610,11 +8611,11 @@ function rr(i, e) {
     t == "class" && e.class ? e.class += " " + i.class : t == "style" && e.style ? e.style += ";" + i.style : e[t] = i[t];
   return e;
 }
-const zo = /* @__PURE__ */ Object.create(null);
+const No = /* @__PURE__ */ Object.create(null);
 function Qi(i, e, t) {
   if (i == e)
     return !0;
-  i || (i = zo), e || (e = zo);
+  i || (i = No), e || (e = No);
   let n = Object.keys(i), r = Object.keys(e);
   if (n.length - (t && n.indexOf(t) > -1 ? 1 : 0) != r.length - (t && r.indexOf(t) > -1 ? 1 : 0))
     return !1;
@@ -8641,7 +8642,7 @@ function tg(i) {
   }
   return e;
 }
-class Pr {
+class Lr {
   /**
   Compare this instance to another instance of the same type.
   (TypeScript can't express this, but only instances of the same
@@ -8982,7 +8983,7 @@ class Qe extends q {
     return n.breakAfter = this.breakAfter, n;
   }
   get children() {
-    return Ir;
+    return Pr;
   }
   sync(e) {
     (!this.dom || !this.widget.updateDOM(this.dom, e)) && (this.dom && this.prevWidget && this.prevWidget.destroy(this.dom), this.prevWidget = null, this.setDOM(this.widget.toDOM(e)), this.widget.editable || (this.dom.contentEditable = "false"));
@@ -9020,7 +9021,7 @@ class Qe extends q {
     return t == n ? !1 : e < 0 ? t < 0 : n > 0;
   }
 }
-class sr extends Pr {
+class sr extends Lr {
   constructor(e) {
     super(), this.height = e;
   }
@@ -9118,7 +9119,7 @@ function Ei(i, e) {
     i = new et(t, [i], i.length);
   return i;
 }
-class qt extends Pr {
+class qt extends Lr {
   constructor(e) {
     super(), this.tag = e;
   }
@@ -9140,7 +9141,7 @@ qt.block = /* @__PURE__ */ new qt("div");
 var be = /* @__PURE__ */ function(i) {
   return i[i.LTR = 0] = "LTR", i[i.RTL = 1] = "RTL", i;
 }(be || (be = {}));
-const Ct = be.LTR, Lr = be.RTL;
+const Ct = be.LTR, Br = be.RTL;
 function Jl(i) {
   let e = [];
   for (let t = 0; t < i.length; t++)
@@ -9161,7 +9162,7 @@ class nt {
   The direction of this span.
   */
   get dir() {
-    return this.level % 2 ? Lr : Ct;
+    return this.level % 2 ? Br : Ct;
   }
   /**
   @internal
@@ -9384,7 +9385,7 @@ function hr(i, e, t, n, r, o, s) {
 }
 function hg(i, e, t) {
   if (!i)
-    return [new nt(0, 0, e == Lr ? 1 : 0)];
+    return [new nt(0, 0, e == Br ? 1 : 0)];
   if (e == Ct && !t.length && !og.test(i))
     return ea(i.length);
   if (t.length)
@@ -9417,11 +9418,11 @@ function dg(i, e, t) {
     if (r == 1)
       return Ct;
     if (r == 2 || r == 4)
-      return Lr;
+      return Br;
   }
   return Ct;
 }
-const ia = /* @__PURE__ */ P.define(), na = /* @__PURE__ */ P.define(), ra = /* @__PURE__ */ P.define(), oa = /* @__PURE__ */ P.define(), cr = /* @__PURE__ */ P.define(), sa = /* @__PURE__ */ P.define(), la = /* @__PURE__ */ P.define(), Br = /* @__PURE__ */ P.define(), zr = /* @__PURE__ */ P.define(), aa = /* @__PURE__ */ P.define({
+const ia = /* @__PURE__ */ P.define(), na = /* @__PURE__ */ P.define(), ra = /* @__PURE__ */ P.define(), oa = /* @__PURE__ */ P.define(), cr = /* @__PURE__ */ P.define(), sa = /* @__PURE__ */ P.define(), la = /* @__PURE__ */ P.define(), zr = /* @__PURE__ */ P.define(), Nr = /* @__PURE__ */ P.define(), aa = /* @__PURE__ */ P.define({
   combine: (i) => i.some((e) => e)
 }), ug = /* @__PURE__ */ P.define({
   combine: (i) => i.some((e) => e)
@@ -9530,8 +9531,8 @@ class Cn {
     this.spec = this.value = null;
   }
 }
-const da = /* @__PURE__ */ P.define(), Nr = /* @__PURE__ */ P.define(), wi = /* @__PURE__ */ P.define(), ua = /* @__PURE__ */ P.define(), Fr = /* @__PURE__ */ P.define(), fa = /* @__PURE__ */ P.define();
-function No(i, e) {
+const da = /* @__PURE__ */ P.define(), Fr = /* @__PURE__ */ P.define(), wi = /* @__PURE__ */ P.define(), ua = /* @__PURE__ */ P.define(), Wr = /* @__PURE__ */ P.define(), fa = /* @__PURE__ */ P.define();
+function Fo(i, e) {
   let t = i.state.facet(fa);
   if (!t.length)
     return t;
@@ -9670,7 +9671,7 @@ class Zi {
     return this.flags == 0 && this.transactions.length == 0;
   }
 }
-class Fo extends q {
+class Wo extends q {
   get length() {
     return this.view.state.doc.length;
   }
@@ -10127,10 +10128,10 @@ function Cg(i, e) {
 function kn(i, e) {
   return i.top < e.bottom - 1 && i.bottom > e.top + 1;
 }
-function Wo(i, e) {
+function Ho(i, e) {
   return e < i.top ? { top: e, left: i.left, right: i.right, bottom: i.bottom } : i;
 }
-function Ho(i, e) {
+function Vo(i, e) {
   return e > i.bottom ? { top: i.top, left: i.left, right: i.right, bottom: e } : i;
 }
 function dr(i, e, t) {
@@ -10139,24 +10140,24 @@ function dr(i, e, t) {
     let b = bi(p);
     for (let w = 0; w < b.length; w++) {
       let y = b[w];
-      r && kn(r, y) && (y = Wo(Ho(y, r.bottom), r.top));
+      r && kn(r, y) && (y = Ho(Vo(y, r.bottom), r.top));
       let v = Sg(e, y), k = Cg(t, y);
       if (v == 0 && k == 0)
-        return p.nodeType == 3 ? Vo(p, e, t) : dr(p, e, t);
-      (!n || s > k || s == k && o > v) && (n = p, r = y, o = v, s = k, l = v ? e < y.left ? w > 0 : w < b.length - 1 : !0), v == 0 ? t > y.bottom && (!h || h.bottom < y.bottom) ? (a = p, h = y) : t < y.top && (!d || d.top > y.top) && (c = p, d = y) : h && kn(h, y) ? h = Ho(h, y.bottom) : d && kn(d, y) && (d = Wo(d, y.top));
+        return p.nodeType == 3 ? jo(p, e, t) : dr(p, e, t);
+      (!n || s > k || s == k && o > v) && (n = p, r = y, o = v, s = k, l = v ? e < y.left ? w > 0 : w < b.length - 1 : !0), v == 0 ? t > y.bottom && (!h || h.bottom < y.bottom) ? (a = p, h = y) : t < y.top && (!d || d.top > y.top) && (c = p, d = y) : h && kn(h, y) ? h = Vo(h, y.bottom) : d && kn(d, y) && (d = Ho(d, y.top));
     }
   }
   if (h && h.bottom >= t ? (n = a, r = h) : d && d.top <= t && (n = c, r = d), !n)
     return { node: i, offset: 0 };
   let f = Math.max(r.left, Math.min(r.right, e));
   if (n.nodeType == 3)
-    return Vo(n, f, t);
+    return jo(n, f, t);
   if (l && n.contentEditable != "false")
     return dr(n, f, t);
   let g = Array.prototype.indexOf.call(i.childNodes, n) + (e >= (r.left + r.right) / 2 ? 1 : 0);
   return { node: i, offset: g };
 }
-function Vo(i, e, t) {
+function jo(i, e, t) {
   let n = i.nodeValue.length, r = -1, o = 1e9, s = 0;
   for (let l = 0; l < n; l++) {
     let a = St(i, l, l + 1).getClientRects();
@@ -10192,9 +10193,9 @@ function ba(i, e, t, n = -1) {
   d = l + f;
   let g = a.from;
   if (g < i.viewport.from)
-    return i.viewport.from == 0 ? 0 : t ? null : jo(i, s, a, h, d);
+    return i.viewport.from == 0 ? 0 : t ? null : qo(i, s, a, h, d);
   if (g > i.viewport.to)
-    return i.viewport.to == i.state.doc.length ? i.state.doc.length : t ? null : jo(i, s, a, h, d);
+    return i.viewport.to == i.state.doc.length ? i.state.doc.length : t ? null : qo(i, s, a, h, d);
   let p = i.dom.ownerDocument, b = i.root.elementFromPoint ? i.root : p, w = b.elementFromPoint(h, d);
   w && !i.contentDOM.contains(w) && (w = null), w || (h = Math.max(s.left + 1, Math.min(s.right - 1, h)), w = b.elementFromPoint(h, d), w && !i.contentDOM.contains(w) && (w = null));
   let y, v = -1;
@@ -10223,7 +10224,7 @@ function ba(i, e, t, n = -1) {
   } else
     return k.localPosFromDOM(y, v) + k.posAtStart;
 }
-function jo(i, e, t, n, r) {
+function qo(i, e, t, n, r) {
   let o = Math.round((n - e.left) * i.defaultCharacterWidth);
   if (i.lineWrapping && t.height > i.defaultLineHeight * 1.5) {
     let l = i.viewState.heightOracle.textHeight, a = Math.floor((r - t.top - (i.defaultLineHeight - l) * 0.5) / l);
@@ -10294,7 +10295,7 @@ function Tg(i, e, t, n) {
   }
   return E.cursor(t ? r.to : r.from, t ? -1 : 1);
 }
-function qo(i, e, t, n) {
+function Ko(i, e, t, n) {
   let r = i.state.doc.lineAt(e.head), o = i.bidiSpans(r), s = i.textDirectionAt(r.from);
   for (let l = e, a = null; ; ) {
     let c = cg(r, o, s, l, t), h = ta;
@@ -10357,7 +10358,7 @@ function Ki(i, e, t) {
   }
 }
 function $n(i, e, t) {
-  let n = Ki(i.state.facet(Fr).map((r) => r(i)), t.from, e.head > t.from ? -1 : 1);
+  let n = Ki(i.state.facet(Wr).map((r) => r(i)), t.from, e.head > t.from ? -1 : 1);
   return n == t.from ? t : E.cursor(n, n < t.from ? 1 : -1);
 }
 const oi = "￿";
@@ -10429,7 +10430,7 @@ function Og(i, e, t) {
     t = vt(e) + 1, e = e.parentNode;
   }
 }
-class Ko {
+class Uo {
   constructor(e, t) {
     this.node = e, this.offset = t, this.pos = -1;
   }
@@ -10473,14 +10474,14 @@ function ya(i, e) {
     insert: i.state.doc.slice(r.from, t.from).append(t.insert).append(i.state.doc.slice(t.to, r.to))
   } : O.chrome && t && t.from == t.to && t.from == r.head && t.insert.toString() == `
  ` && i.lineWrapping && (n && (n = E.single(n.main.anchor - 1, n.main.head - 1)), t = { from: r.from, to: r.to, insert: W.of([" "]) }), t)
-    return Wr(i, t, n, o);
+    return Hr(i, t, n, o);
   if (n && !n.main.eq(r)) {
     let s = !1, l = "select";
     return i.inputState.lastSelectionTime > Date.now() - 50 && (i.inputState.lastSelectionOrigin == "select" && (s = !0), l = i.inputState.lastSelectionOrigin), i.dispatch({ selection: n, scrollIntoView: s, userEvent: l }), !0;
   } else
     return !1;
 }
-function Wr(i, e, t, n = -1) {
+function Hr(i, e, t, n = -1) {
   if (O.ios && i.inputState.flushIOSKey(e))
     return !0;
   let r = i.state.selection.main;
@@ -10560,7 +10561,7 @@ function Lg(i) {
   if (i.root.activeElement != i.contentDOM)
     return e;
   let { anchorNode: t, anchorOffset: n, focusNode: r, focusOffset: o } = i.observer.selectionRange;
-  return t && (e.push(new Ko(t, n)), (r != t || o != n) && e.push(new Ko(r, o))), e;
+  return t && (e.push(new Uo(t, n)), (r != t || o != n) && e.push(new Uo(r, o))), e;
 }
 function Bg(i, e) {
   if (i.length == 0)
@@ -10629,7 +10630,7 @@ class zg {
     this.mouseSelection && this.mouseSelection.destroy();
   }
 }
-function Uo(i, e) {
+function _o(i, e) {
   return (t, n) => {
     try {
       return e.call(i, n, t);
@@ -10648,12 +10649,12 @@ function Ng(i) {
     if (o)
       for (let l in o) {
         let a = o[l];
-        a && t(l).handlers.push(Uo(n.value, a));
+        a && t(l).handlers.push(_o(n.value, a));
       }
     if (s)
       for (let l in s) {
         let a = s[l];
-        a && t(l).observers.push(Uo(n.value, a));
+        a && t(l).observers.push(_o(n.value, a));
       }
   }
   for (let n in Pe)
@@ -10676,7 +10677,7 @@ function Hg(i, e) {
 }
 class Vg {
   constructor(e, t, n, r) {
-    this.view = e, this.startEvent = t, this.style = n, this.mustSelect = r, this.scrollSpeed = { x: 0, y: 0 }, this.scrolling = -1, this.lastEvent = t, this.scrollParents = Uf(e.contentDOM), this.atoms = e.state.facet(Fr).map((s) => s(e));
+    this.view = e, this.startEvent = t, this.style = n, this.mustSelect = r, this.scrollSpeed = { x: 0, y: 0 }, this.scrolling = -1, this.lastEvent = t, this.scrollParents = Uf(e.contentDOM), this.atoms = e.state.facet(Wr).map((s) => s(e));
     let o = e.contentDOM.ownerDocument;
     o.addEventListener("mousemove", this.move = this.move.bind(this)), o.addEventListener("mouseup", this.up = this.up.bind(this)), this.extend = t.shiftKey, this.multiple = e.state.facet(G.allowMultipleSelections) && jg(e, t), this.dragging = Kg(e, t) && Sa(t) == 1 ? null : !1;
   }
@@ -10784,7 +10785,7 @@ function gn(i, e, t) {
   return t;
 }
 function va(i, e) {
-  e = gn(i.state, Br, e);
+  e = gn(i.state, zr, e);
   let { state: t } = i, n, r = 1, o = t.toText(e), s = o.lines == t.selection.ranges.length;
   if (ur != null && t.selection.ranges.every((a) => a.empty) && ur == o.toString()) {
     let a = -1;
@@ -10841,7 +10842,7 @@ Pe.mousedown = (i, e) => {
   }
   return !1;
 };
-function _o(i, e, t, n) {
+function Go(i, e, t, n) {
   if (n == 1)
     return E.cursor(e, t);
   if (n == 2)
@@ -10851,7 +10852,7 @@ function _o(i, e, t, n) {
     return l < i.state.doc.length && l == o.to && l++, E.range(s, l);
   }
 }
-let Go = (i, e, t) => e >= t.top && e <= t.bottom && i >= t.left && i <= t.right;
+let Yo = (i, e, t) => e >= t.top && e <= t.bottom && i >= t.left && i <= t.right;
 function Gg(i, e, t, n) {
   let r = ie.find(i.docView, e);
   if (!r)
@@ -10862,33 +10863,33 @@ function Gg(i, e, t, n) {
   if (o == r.length)
     return -1;
   let s = r.coordsAt(o, -1);
-  if (s && Go(t, n, s))
+  if (s && Yo(t, n, s))
     return -1;
   let l = r.coordsAt(o, 1);
-  return l && Go(t, n, l) ? 1 : s && s.bottom >= n ? -1 : 1;
+  return l && Yo(t, n, l) ? 1 : s && s.bottom >= n ? -1 : 1;
 }
-function Yo(i, e) {
+function Xo(i, e) {
   let t = i.posAtCoords({ x: e.clientX, y: e.clientY }, !1);
   return { pos: t, bias: Gg(i, t, e.clientX, e.clientY) };
 }
 const Yg = O.ie && O.ie_version <= 11;
-let Xo = null, Jo = 0, Qo = 0;
+let Jo = null, Qo = 0, Zo = 0;
 function Sa(i) {
   if (!Yg)
     return i.detail;
-  let e = Xo, t = Qo;
-  return Xo = i, Qo = Date.now(), Jo = !e || t > Date.now() - 400 && Math.abs(e.clientX - i.clientX) < 2 && Math.abs(e.clientY - i.clientY) < 2 ? (Jo + 1) % 3 : 1;
+  let e = Jo, t = Zo;
+  return Jo = i, Zo = Date.now(), Qo = !e || t > Date.now() - 400 && Math.abs(e.clientX - i.clientX) < 2 && Math.abs(e.clientY - i.clientY) < 2 ? (Qo + 1) % 3 : 1;
 }
 function Xg(i, e) {
-  let t = Yo(i, e), n = Sa(e), r = i.state.selection;
+  let t = Xo(i, e), n = Sa(e), r = i.state.selection;
   return {
     update(o) {
       o.docChanged && (t.pos = o.changes.mapPos(t.pos), r = r.map(o.changes));
     },
     get(o, s, l) {
-      let a = Yo(i, o), c, h = _o(i, a.pos, a.bias, n);
+      let a = Xo(i, o), c, h = Go(i, a.pos, a.bias, n);
       if (t.pos != a.pos && !s) {
-        let d = _o(i, t.pos, t.bias, n), f = Math.min(d.from, h.from), g = Math.max(d.to, h.to);
+        let d = Go(i, t.pos, t.bias, n), f = Math.min(d.from, h.from), g = Math.max(d.to, h.to);
         h = f < h.from ? E.range(f, g) : E.range(g, f);
       }
       return s ? r.replaceRange(r.main.extend(h.from, h.to)) : l && n == 1 && r.ranges.length > 1 && (c = Jg(r, a.pos)) ? c : l ? r.addRange(h) : E.create([h]);
@@ -10913,11 +10914,11 @@ Pe.dragstart = (i, e) => {
     }
   }
   let { inputState: n } = i;
-  return n.mouseSelection && (n.mouseSelection.dragging = !0), n.draggedContent = t, e.dataTransfer && (e.dataTransfer.setData("Text", gn(i.state, zr, i.state.sliceDoc(t.from, t.to))), e.dataTransfer.effectAllowed = "copyMove"), !1;
+  return n.mouseSelection && (n.mouseSelection.dragging = !0), n.draggedContent = t, e.dataTransfer && (e.dataTransfer.setData("Text", gn(i.state, Nr, i.state.sliceDoc(t.from, t.to))), e.dataTransfer.effectAllowed = "copyMove"), !1;
 };
 Pe.dragend = (i) => (i.inputState.draggedContent = null, !1);
-function Zo(i, e, t, n) {
-  if (t = gn(i.state, Br, t), !t)
+function es(i, e, t, n) {
+  if (t = gn(i.state, zr, t), !t)
     return;
   let r = i.posAtCoords({ x: e.clientX, y: e.clientY }, !1), { draggedContent: o } = i.inputState, s = n && o && qg(i, e) ? { from: o.from, to: o.to } : null, l = { from: r, insert: t }, a = i.state.changes(s ? [s, l] : l);
   i.focus(), i.dispatch({
@@ -10934,7 +10935,7 @@ Pe.drop = (i, e) => {
   let t = e.dataTransfer.files;
   if (t && t.length) {
     let n = Array(t.length), r = 0, o = () => {
-      ++r == t.length && Zo(i, e, n.filter((s) => s != null).join(i.state.lineBreak), !1);
+      ++r == t.length && es(i, e, n.filter((s) => s != null).join(i.state.lineBreak), !1);
     };
     for (let s = 0; s < t.length; s++) {
       let l = new FileReader();
@@ -10946,7 +10947,7 @@ Pe.drop = (i, e) => {
   } else {
     let n = e.dataTransfer.getData("Text");
     if (n)
-      return Zo(i, e, n, !0), !0;
+      return es(i, e, n, !0), !0;
   }
   return !1;
 };
@@ -10978,7 +10979,7 @@ function Zg(i) {
     }
     n = !0;
   }
-  return { text: gn(i, zr, e.join(i.lineBreak)), ranges: t, linewise: n };
+  return { text: gn(i, Nr, e.join(i.lineBreak)), ranges: t, linewise: n };
 }
 let ur = null;
 Pe.copy = Pe.cut = (i, e) => {
@@ -11034,7 +11035,7 @@ Pe.beforeinput = (i, e) => {
     let o = (t = e.dataTransfer) === null || t === void 0 ? void 0 : t.getData("text/plain"), s = e.getTargetRanges();
     if (o && s.length) {
       let l = s[0], a = i.posAtDOM(l.startContainer, l.startOffset), c = i.posAtDOM(l.endContainer, l.endOffset);
-      return Wr(i, { from: a, to: c, insert: i.state.toText(o) }, null), !0;
+      return Hr(i, { from: a, to: c, insert: i.state.toText(o) }, null), !0;
     }
   }
   let r;
@@ -11047,15 +11048,15 @@ Pe.beforeinput = (i, e) => {
   }
   return O.ios && e.inputType == "deleteContentForward" && i.observer.flushSoon(), O.safari && e.inputType == "insertText" && i.inputState.composing >= 0 && setTimeout(() => Me.compositionend(i, e), 20), !1;
 };
-const es = /* @__PURE__ */ new Set();
+const ts = /* @__PURE__ */ new Set();
 function ep(i) {
-  es.has(i) || (es.add(i), i.addEventListener("copy", () => {
+  ts.has(i) || (ts.add(i), i.addEventListener("copy", () => {
   }), i.addEventListener("cut", () => {
   }));
 }
-const ts = ["pre-wrap", "normal", "pre-line", "break-spaces"];
+const is = ["pre-wrap", "normal", "pre-line", "break-spaces"];
 let Kt = !1;
-function is() {
+function ns() {
   Kt = !1;
 }
 class tp {
@@ -11073,7 +11074,7 @@ class tp {
     return this.doc = e, this;
   }
   mustRefreshForWrapping(e) {
-    return ts.indexOf(e) > -1 != this.lineWrapping;
+    return is.indexOf(e) > -1 != this.lineWrapping;
   }
   mustRefreshForHeights(e) {
     let t = !1;
@@ -11084,7 +11085,7 @@ class tp {
     return t;
   }
   refresh(e, t, n, r, o, s) {
-    let l = ts.indexOf(e) > -1, a = Math.round(t) != Math.round(this.lineHeight) || this.lineWrapping != l;
+    let l = is.indexOf(e) > -1, a = Math.round(t) != Math.round(this.lineHeight) || this.lineWrapping != l;
     if (this.lineWrapping = l, this.lineHeight = t, this.charWidth = n, this.textHeight = r, this.lineLength = o, a) {
       this.heightSamples = {};
       for (let c = 0; c < s.length; c++) {
@@ -11188,7 +11189,7 @@ class we {
       for (d += g.to - c, c = g.to; l > 0 && f.from <= r[l - 1].toA; )
         a = r[l - 1].fromA, h = r[l - 1].fromB, l--, a < f.from && (f = o.lineAt(a, _.ByPosNoHeight, n, 0, 0));
       h += f.from - a, a = f.from;
-      let p = Hr.build(n.setDoc(s), e, h, d);
+      let p = Vr.build(n.setDoc(s), e, h, d);
       o = en(o, o.replace(a, c, p));
     }
     return o.updateHeight(n, 0);
@@ -11391,9 +11392,9 @@ class np extends we {
     let s = o.length;
     for (let l of n)
       o.push(l);
-    if (e > 0 && ns(o, s - 1), t < this.length) {
+    if (e > 0 && rs(o, s - 1), t < this.length) {
       let l = o.length;
-      this.decomposeRight(t, o), ns(o, l);
+      this.decomposeRight(t, o), rs(o, l);
     }
     return we.of(o);
   }
@@ -11420,12 +11421,12 @@ class np extends we {
     return this.left + (this.break ? " " : "-") + this.right;
   }
 }
-function ns(i, e) {
+function rs(i, e) {
   let t, n;
   i[e] == null && (t = i[e - 1]) instanceof ce && (n = i[e + 1]) instanceof ce && i.splice(e - 1, 3, new ce(t.length + 1 + n.length));
 }
 const rp = 5;
-class Hr {
+class Vr {
   constructor(e, t) {
     this.pos = e, this.oracle = t, this.nodes = [], this.lineStart = -1, this.lineEnd = -1, this.covering = null, this.writtenTo = e;
   }
@@ -11489,7 +11490,7 @@ class Hr {
   // starts or ends in a line break, or has multiple line breaks next
   // to each other.
   static build(e, t, n, r) {
-    let o = new Hr(n, e);
+    let o = new Vr(n, e);
     return X.spans(t, n, r, o, 0), o.finish(n);
   }
 }
@@ -11561,7 +11562,7 @@ class An {
     }).range(this.from, this.to);
   }
 }
-class cp extends Pr {
+class cp extends Lr {
   constructor(e, t) {
     super(), this.size = e, this.vertical = t;
   }
@@ -11576,10 +11577,10 @@ class cp extends Pr {
     return this.vertical ? this.size : -1;
   }
 }
-class rs {
+class os {
   constructor(e) {
-    this.state = e, this.pixelViewport = { left: 0, right: window.innerWidth, top: 0, bottom: 0 }, this.inView = !0, this.paddingTop = 0, this.paddingBottom = 0, this.contentDOMWidth = 0, this.contentDOMHeight = 0, this.editorHeight = 0, this.editorWidth = 0, this.scrollTop = 0, this.scrolledToBottom = !1, this.scaleX = 1, this.scaleY = 1, this.scrollAnchorPos = 0, this.scrollAnchorHeight = -1, this.scaler = os, this.scrollTarget = null, this.printing = !1, this.mustMeasureContent = !0, this.defaultTextDirection = be.LTR, this.visibleRanges = [], this.mustEnforceCursorAssoc = !1;
-    let t = e.facet(Nr).some((n) => typeof n != "function" && n.class == "cm-lineWrapping");
+    this.state = e, this.pixelViewport = { left: 0, right: window.innerWidth, top: 0, bottom: 0 }, this.inView = !0, this.paddingTop = 0, this.paddingBottom = 0, this.contentDOMWidth = 0, this.contentDOMHeight = 0, this.editorHeight = 0, this.editorWidth = 0, this.scrollTop = 0, this.scrolledToBottom = !1, this.scaleX = 1, this.scaleY = 1, this.scrollAnchorPos = 0, this.scrollAnchorHeight = -1, this.scaler = ss, this.scrollTarget = null, this.printing = !1, this.mustMeasureContent = !0, this.defaultTextDirection = be.LTR, this.visibleRanges = [], this.mustEnforceCursorAssoc = !1;
+    let t = e.facet(Fr).some((n) => typeof n != "function" && n.class == "cm-lineWrapping");
     this.heightOracle = new tp(t), this.stateDeco = e.facet(wi).filter((n) => typeof n != "function"), this.heightMap = we.empty().applyChanges(this.stateDeco, W.empty, this.heightOracle.setDoc(e.doc), [new Re(0, 0, 0, e.doc.length)]);
     for (let n = 0; n < 2 && (this.viewport = this.getViewport(0, null), !!this.updateForViewport()); n++)
       ;
@@ -11598,7 +11599,7 @@ class rs {
   }
   updateScaler() {
     let e = this.scaler;
-    return this.scaler = this.heightMap.height <= 7e6 ? os : new Vr(this.heightOracle, this.heightMap, this.viewports), e.eq(this.scaler) ? 0 : 2;
+    return this.scaler = this.heightMap.height <= 7e6 ? ss : new jr(this.heightOracle, this.heightMap, this.viewports), e.eq(this.scaler) ? 0 : 2;
   }
   updateViewportLines() {
     this.viewportLines = [], this.heightMap.forEachLine(this.viewport.from, this.viewport.to, this.heightOracle.setDoc(this.state.doc), 0, 0, (e) => {
@@ -11610,7 +11611,7 @@ class rs {
     let n = this.stateDeco;
     this.stateDeco = this.state.facet(wi).filter((h) => typeof h != "function");
     let r = e.changedRanges, o = Re.extendWithRanges(r, op(n, this.stateDeco, e ? e.changes : he.empty(this.state.doc.length))), s = this.heightMap.height, l = this.scrolledToBottom ? null : this.scrollAnchorAt(this.scrollTop);
-    is(), this.heightMap = this.heightMap.applyChanges(this.stateDeco, e.startState.doc, this.heightOracle.setDoc(this.state.doc), o), (this.heightMap.height != s || Kt) && (e.flags |= 2), l ? (this.scrollAnchorPos = e.changes.mapPos(l.from, -1), this.scrollAnchorHeight = l.top) : (this.scrollAnchorPos = -1, this.scrollAnchorHeight = s);
+    ns(), this.heightMap = this.heightMap.applyChanges(this.stateDeco, e.startState.doc, this.heightOracle.setDoc(this.state.doc), o), (this.heightMap.height != s || Kt) && (e.flags |= 2), l ? (this.scrollAnchorPos = e.changes.mapPos(l.from, -1), this.scrollAnchorHeight = l.top) : (this.scrollAnchorPos = -1, this.scrollAnchorHeight = s);
     let a = o.length ? this.mapViewport(this.viewport, e.changes) : this.viewport;
     (t && (t.range.head < a.from || t.range.head > a.to) || !this.viewportIsAppropriate(a)) && (a = this.getViewport(0, t));
     let c = a.from != this.viewport.from || a.to != this.viewport.to;
@@ -11642,7 +11643,7 @@ class rs {
         let { lineHeight: A, charWidth: S, textHeight: M } = e.docView.measureTextSize();
         s = A > 0 && r.refresh(o, A, S, M, Math.max(5, v / S), C), s && (e.docView.minWidth = 0, c |= 16);
       }
-      b > 0 && w > 0 ? h = Math.max(b, w) : b < 0 && w < 0 && (h = Math.min(b, w)), is();
+      b > 0 && w > 0 ? h = Math.max(b, w) : b < 0 && w < 0 && (h = Math.min(b, w)), ns();
       for (let A of this.viewports) {
         let S = A.from == this.viewport.from ? C : e.docView.measureVisibleLineHeights(A);
         this.heightMap = (s ? we.empty().applyChanges(this.stateDeco, W.empty, this.heightOracle, [new Re(0, 0, 0, e.state.doc.length)]) : this.heightMap).updateHeight(r, 0, s, new ip(A.from, S));
@@ -11854,7 +11855,7 @@ function up(i, e) {
     if (e(t))
       return t;
 }
-const os = {
+const ss = {
   toDOM(i) {
     return i;
   },
@@ -11866,7 +11867,7 @@ const os = {
     return i == this;
   }
 };
-class Vr {
+class jr {
   constructor(e, t, n) {
     let r = 0, o = 0, s = 0;
     this.viewports = n.map(({ from: l, to: a }) => {
@@ -11897,7 +11898,7 @@ class Vr {
     }
   }
   eq(e) {
-    return e instanceof Vr ? this.scale == e.scale && this.viewports.length == e.viewports.length && this.viewports.every((t, n) => t.from == e.viewports[n].from && t.to == e.viewports[n].to) : !1;
+    return e instanceof jr ? this.scale == e.scale && this.viewports.length == e.viewports.length && this.viewports.every((t, n) => t.from == e.viewports[n].from && t.to == e.viewports[n].to) : !1;
   }
 }
 function si(i, e) {
@@ -12385,7 +12386,7 @@ class pp {
     if (!t || t.ignoreMutation(e))
       return null;
     if (t.markDirty(e.type == "attributes"), e.type == "attributes" && (t.flags |= 4), e.type == "childList") {
-      let n = ss(t, e.previousSibling || e.target.previousSibling, -1), r = ss(t, e.nextSibling || e.target.nextSibling, 1);
+      let n = ls(t, e.previousSibling || e.target.previousSibling, -1), r = ls(t, e.nextSibling || e.target.nextSibling, 1);
       return {
         from: n ? t.posAfter(n) : t.posAtStart,
         to: r ? t.posBefore(r) : t.posAtEnd,
@@ -12413,7 +12414,7 @@ class pp {
     this.removeWindowListeners(this.win), clearTimeout(this.parentCheck), clearTimeout(this.resizeTimeout), this.win.cancelAnimationFrame(this.delayedFlush), this.win.cancelAnimationFrame(this.flushingAndroidKey), this.editContext && (this.view.contentDOM.editContext = null, this.editContext.destroy());
   }
 }
-function ss(i, e, t) {
+function ls(i, e, t) {
   for (; e; ) {
     let n = q.get(e);
     if (n && n.parent == i)
@@ -12423,7 +12424,7 @@ function ss(i, e, t) {
   }
   return null;
 }
-function ls(i, e) {
+function as(i, e) {
   let t = e.startContainer, n = e.startOffset, r = e.endContainer, o = e.endOffset, s = i.docView.domAtPos(i.state.selection.main.anchor);
   return ci(s.node, s.offset, r, o) && ([t, n, r, o] = [r, o, t, n]), { anchorNode: t, anchorOffset: n, focusNode: r, focusOffset: o };
 }
@@ -12431,13 +12432,13 @@ function mp(i, e) {
   if (e.getComposedRanges) {
     let r = e.getComposedRanges(i.root)[0];
     if (r)
-      return ls(i, r);
+      return as(i, r);
   }
   let t = null;
   function n(r) {
     r.preventDefault(), r.stopImmediatePropagation(), t = r.getTargetRanges()[0];
   }
-  return i.contentDOM.addEventListener("beforeinput", n, !0), i.dom.ownerDocument.execCommand("indent"), i.contentDOM.removeEventListener("beforeinput", n, !0), t ? ls(i, t) : null;
+  return i.contentDOM.addEventListener("beforeinput", n, !0), i.dom.ownerDocument.execCommand("indent"), i.contentDOM.removeEventListener("beforeinput", n, !0), t ? as(i, t) : null;
 }
 class bp {
   constructor(e) {
@@ -12459,7 +12460,7 @@ class bp {
       }
       if ((O.mac || O.android) && c.from == s - 1 && /^\. ?$/.test(n.text) && e.contentDOM.getAttribute("autocorrect") == "off" && (c = { from: l, to: a, insert: W.of([n.text.replace(".", " ")]) }), this.pendingContextChange = c, !e.state.readOnly) {
         let h = this.to - this.from + (c.to - c.from + c.insert.length);
-        Wr(e, c, E.single(this.toEditorPos(n.selectionStart, h), this.toEditorPos(n.selectionEnd, h)));
+        Hr(e, c, E.single(this.toEditorPos(n.selectionStart, h), this.toEditorPos(n.selectionEnd, h)));
       }
       this.pendingContextChange && (this.revertPending(e.state), this.setSelection(e.state));
     }, this.handlers.characterboundsupdate = (n) => {
@@ -12640,10 +12641,10 @@ class H {
     var t;
     this.plugins = [], this.pluginMap = /* @__PURE__ */ new Map(), this.editorAttrs = {}, this.contentAttrs = {}, this.bidiCache = [], this.destroyed = !1, this.updateState = 2, this.measureScheduled = -1, this.measureRequests = [], this.contentDOM = document.createElement("div"), this.scrollDOM = document.createElement("div"), this.scrollDOM.tabIndex = -1, this.scrollDOM.className = "cm-scroller", this.scrollDOM.appendChild(this.contentDOM), this.announceDOM = document.createElement("div"), this.announceDOM.className = "cm-announced", this.announceDOM.setAttribute("aria-live", "polite"), this.dom = document.createElement("div"), this.dom.appendChild(this.announceDOM), this.dom.appendChild(this.scrollDOM), e.parent && e.parent.appendChild(this.dom);
     let { dispatch: n } = e;
-    this.dispatchTransactions = e.dispatchTransactions || n && ((r) => r.forEach((o) => n(o, this))) || ((r) => this.update(r)), this.dispatch = this.dispatch.bind(this), this._root = e.root || Gf(e.parent) || document, this.viewState = new rs(e.state || G.create(e)), e.scrollTo && e.scrollTo.is(Ii) && (this.viewState.scrollTarget = e.scrollTo.value.clip(this.viewState.state)), this.plugins = this.state.facet(Ot).map((r) => new Cn(r));
+    this.dispatchTransactions = e.dispatchTransactions || n && ((r) => r.forEach((o) => n(o, this))) || ((r) => this.update(r)), this.dispatch = this.dispatch.bind(this), this._root = e.root || Gf(e.parent) || document, this.viewState = new os(e.state || G.create(e)), e.scrollTo && e.scrollTo.is(Ii) && (this.viewState.scrollTarget = e.scrollTo.value.clip(this.viewState.state)), this.plugins = this.state.facet(Ot).map((r) => new Cn(r));
     for (let r of this.plugins)
       r.update(this);
-    this.observer = new pp(this), this.inputState = new zg(this), this.inputState.ensureHandlers(this.plugins), this.docView = new Fo(this), this.mountStyles(), this.updateAttrs(), this.updateState = 0, this.requestMeasure(), !((t = document.fonts) === null || t === void 0) && t.ready && document.fonts.ready.then(() => this.requestMeasure());
+    this.observer = new pp(this), this.inputState = new zg(this), this.inputState.ensureHandlers(this.plugins), this.docView = new Wo(this), this.mountStyles(), this.updateAttrs(), this.updateState = 0, this.requestMeasure(), !((t = document.fonts) === null || t === void 0) && t.ready && document.fonts.ready.then(() => this.requestMeasure());
   }
   dispatch(...e) {
     let t = e.length == 1 && e[0] instanceof me ? e : e.length == 1 && Array.isArray(e[0]) ? e[0] : [this.state.update(...e)];
@@ -12721,10 +12722,10 @@ class H {
     try {
       for (let n of this.plugins)
         n.destroy(this);
-      this.viewState = new rs(e), this.plugins = e.facet(Ot).map((n) => new Cn(n)), this.pluginMap.clear();
+      this.viewState = new os(e), this.plugins = e.facet(Ot).map((n) => new Cn(n)), this.pluginMap.clear();
       for (let n of this.plugins)
         n.update(this);
-      this.docView.destroy(), this.docView = new Fo(this), this.inputState.ensureHandlers(this.plugins), this.mountStyles(), this.updateAttrs(), this.bidiCache = [];
+      this.docView.destroy(), this.docView = new Wo(this), this.inputState.ensureHandlers(this.plugins), this.mountStyles(), this.updateAttrs(), this.bidiCache = [];
     } finally {
       this.updateState = 0;
     }
@@ -12800,12 +12801,12 @@ class H {
           try {
             return g.read(this);
           } catch (p) {
-            return Xe(this.state, p), as;
+            return Xe(this.state, p), hs;
           }
         }), d = Zi.create(this, this.state, []), f = !1;
         d.flags |= a, t ? t.flags |= a : t = d, this.updateState = 2, d.empty || (this.updatePlugins(d), this.inputState.update(d), this.updateAttrs(), f = this.docView.update(d), f && this.docViewUpdate());
         for (let g = 0; g < c.length; g++)
-          if (h[g] != as)
+          if (h[g] != hs)
             try {
               let p = c[g];
               p.write && p.write(h[g], this);
@@ -12841,7 +12842,7 @@ class H {
     return gr + " " + (this.state.facet(fr) ? Ra : Ta) + " " + this.state.facet(Fi);
   }
   updateAttrs() {
-    let e = hs(this, da, {
+    let e = cs(this, da, {
       class: "cm-editor" + (this.hasFocus ? " cm-focused " : " ") + this.themeClasses
     }), t = {
       spellcheck: "false",
@@ -12855,7 +12856,7 @@ class H {
       role: "textbox",
       "aria-multiline": "true"
     };
-    this.state.readOnly && (t["aria-readonly"] = "true"), hs(this, Nr, t);
+    this.state.readOnly && (t["aria-readonly"] = "true"), cs(this, Fr, t);
     let n = this.observer.ignore(() => {
       let r = or(this.contentDOM, this.contentAttrs, t), o = or(this.dom, this.editorAttrs, e);
       return r || o;
@@ -13002,7 +13003,7 @@ class H {
   whether it should also be moved over.
   */
   moveByChar(e, t, n) {
-    return $n(this, e, qo(this, e, t, n));
+    return $n(this, e, Ko(this, e, t, n));
   }
   /**
   Move a cursor position across the next group of either
@@ -13010,7 +13011,7 @@ class H {
   non-whitespace characters.
   */
   moveByGroup(e, t) {
-    return $n(this, e, qo(this, e, t, (n) => Rg(this, e.head, n)));
+    return $n(this, e, Ko(this, e, t, (n) => Rg(this, e.head, n)));
   }
   /**
   Get the cursor position visually at the start or end of a line.
@@ -13154,9 +13155,9 @@ class H {
       return ea(e.length);
     let t = this.textDirectionAt(e.from), n;
     for (let o of this.bidiCache)
-      if (o.from == e.from && o.dir == t && (o.fresh || Zl(o.isolates, n = No(this, e))))
+      if (o.from == e.from && o.dir == t && (o.fresh || Zl(o.isolates, n = Fo(this, e))))
         return o.order;
-    n || (n = No(this, e));
+    n || (n = Fo(this, e));
     let r = hg(e.text, t, n);
     return this.bidiCache.push(new tn(e.from, e.to, t, n, !0, r)), r;
   }
@@ -13302,8 +13303,8 @@ class H {
 }
 H.styleModule = ri;
 H.inputHandler = sa;
-H.clipboardInputFilter = Br;
-H.clipboardOutputFilter = zr;
+H.clipboardInputFilter = zr;
+H.clipboardOutputFilter = Nr;
 H.scrollHandler = ha;
 H.focusChangeEffect = la;
 H.perLineTextDirection = aa;
@@ -13315,16 +13316,16 @@ H.dragMovesSelection = na;
 H.clickAddsSelectionRange = ia;
 H.decorations = wi;
 H.outerDecorations = ua;
-H.atomicRanges = Fr;
+H.atomicRanges = Wr;
 H.bidiIsolatedRanges = fa;
 H.scrollMargins = ga;
 H.darkTheme = fr;
 H.cspNonce = /* @__PURE__ */ P.define({ combine: (i) => i.length ? i[0] : "" });
-H.contentAttributes = Nr;
+H.contentAttributes = Fr;
 H.editorAttributes = da;
 H.lineWrapping = /* @__PURE__ */ H.contentAttributes.of({ class: "cm-lineWrapping" });
 H.announce = /* @__PURE__ */ ne.define();
-const yp = 4096, as = {};
+const yp = 4096, hs = {};
 class tn {
   constructor(e, t, n, r, o, s) {
     this.from = e, this.to = t, this.dir = n, this.isolates = r, this.fresh = o, this.order = s;
@@ -13340,7 +13341,7 @@ class tn {
     return n;
   }
 }
-function hs(i, e, t) {
+function cs(i, e, t) {
   for (let n = i.state.facet(e), r = n.length - 1; r >= 0; r--) {
     let o = n[r], s = typeof o == "function" ? o(i) : o;
     s && rr(s, t);
@@ -13478,7 +13479,7 @@ const Da = ne.define(), Oa = ne.define(), wp = ye.mark({
   font-size: ${({ theme: i }) => i.fontSizes[3]};
   line-height: ${({ theme: i }) => i.lineHeights[6]};
 
-  ${({ theme: i }) => i.breakpoints.small} {
+  ${({ theme: i }) => i.breakpoints.medium} {
     font-size: ${({ theme: i }) => i.fontSizes[2]};
     line-height: ${({ theme: i }) => i.lineHeights[2]};
   }
@@ -13728,7 +13729,7 @@ const Da = ne.define(), Oa = ne.define(), wp = ye.mark({
         value: f,
         endAction: /* @__PURE__ */ $(T, { direction: "column", children: [
           /* @__PURE__ */ u(
-            cs,
+            ds,
             {
               disabled: o,
               "aria-hidden": !0,
@@ -13741,7 +13742,7 @@ const Da = ne.define(), Oa = ne.define(), wp = ye.mark({
             }
           ),
           /* @__PURE__ */ u(
-            cs,
+            ds,
             {
               disabled: o,
               "aria-hidden": !0,
@@ -13757,7 +13758,7 @@ const Da = ne.define(), Oa = ne.define(), wp = ye.mark({
       }
     );
   }
-), cs = x.button`
+), ds = x.button`
   display: flex;
   justify-content: center;
   align-items: center;
@@ -13776,10 +13777,10 @@ function zp({
   onChange: t = () => {
   }
 }) {
-  const [n, r] = Ds({
+  const [n, r] = Os({
     defaultProp: e,
     onChange: t
-  }), o = i !== void 0, s = i instanceof Function ? i(n) : i, l = o ? s : n, a = ys(t), c = m.useCallback(
+  }), o = i !== void 0, s = i instanceof Function ? i(n) : i, l = o ? s : n, a = ws(t), c = m.useCallback(
     (h) => {
       if (o) {
         const f = typeof h == "function" ? h(s) : h;
@@ -13791,20 +13792,20 @@ function zp({
   );
   return [l, c];
 }
-const Ia = m.createContext({ activePage: 1, pageCount: 1 }), jr = () => m.useContext(Ia), o1 = ({ children: i, label: e = "Pagination", activePage: t, pageCount: n }) => {
+const Ia = m.createContext({ activePage: 1, pageCount: 1 }), qr = () => m.useContext(Ia), o1 = ({ children: i, label: e = "Pagination", activePage: t, pageCount: n }) => {
   const r = m.useMemo(() => ({ activePage: t, pageCount: n }), [t, n]);
   return /* @__PURE__ */ u(Ia.Provider, { value: r, children: /* @__PURE__ */ u(R, { "aria-label": e, tag: "nav", children: /* @__PURE__ */ u(T, { tag: "ol", gap: 1, children: m.Children.map(i, (o, s) => /* @__PURE__ */ u("li", { children: o }, s)) }) }) });
 }, s1 = xe(
   ({ children: i, ...e }, t) => {
-    const { activePage: n } = jr(), r = n === 1;
+    const { activePage: n } = qr(), r = n === 1;
     return /* @__PURE__ */ $(La, { ref: t, "aria-disabled": r, tabIndex: r ? -1 : void 0, ...e, children: [
       /* @__PURE__ */ u(lt, { children: i }),
-      /* @__PURE__ */ u(xs, { "aria-hidden": !0 })
+      /* @__PURE__ */ u(vs, { "aria-hidden": !0 })
     ] });
   }
 ), l1 = xe(
   ({ children: i, ...e }, t) => {
-    const { activePage: n, pageCount: r } = jr(), o = n === r;
+    const { activePage: n, pageCount: r } = qr(), o = n === r;
     return /* @__PURE__ */ $(La, { ref: t, "aria-disabled": o, tabIndex: o ? -1 : void 0, ...e, children: [
       /* @__PURE__ */ u(lt, { children: i }),
       /* @__PURE__ */ u(wr, { "aria-hidden": !0 })
@@ -13837,7 +13838,7 @@ const Ia = m.createContext({ activePage: 1, pageCount: 1 }), jr = () => m.useCon
     ` : void 0}
 `, a1 = xe(
   ({ number: i, children: e, ...t }, n) => {
-    const { activePage: r } = jr(), o = r === i;
+    const { activePage: r } = qr(), o = r === i;
     return /* @__PURE__ */ $(Np, { ref: n, ...t, "aria-current": o, $active: o, children: [
       /* @__PURE__ */ u(lt, { children: e }),
       /* @__PURE__ */ u(I, { "aria-hidden": !0, fontWeight: o ? "bold" : void 0, lineHeight: "revert", variant: "pi", children: i })
@@ -13911,7 +13912,7 @@ const Ia = m.createContext({ activePage: 1, pageCount: 1 }), jr = () => m.useCon
   Trigger: Vp
 }, Symbol.toStringTag, { value: "Module" })), d1 = m.forwardRef(
   ({ size: i = "M", value: e, ...t }, n) => /* @__PURE__ */ u(_p, { ref: n, $size: i, ...t, children: /* @__PURE__ */ u(Gp, { style: { transform: `translate3D(-${100 - (e ?? 0)}%, 0, 0)` } }) })
-), _p = x(Cs.Root)`
+), _p = x(ks.Root)`
   position: relative;
   overflow: hidden;
   width: ${(i) => i.$size === "S" ? "7.8rem" : "10.2rem"};
@@ -13922,7 +13923,7 @@ const Ia = m.createContext({ activePage: 1, pageCount: 1 }), jr = () => m.useCon
   /* Fix overflow clipping in Safari */
   /* https://gist.github.com/domske/b66047671c780a238b51c51ffde8d3a0 */
   transform: translateZ(0);
-`, Gp = x(Cs.Indicator)`
+`, Gp = x(ks.Indicator)`
   background-color: ${({ theme: i }) => i.colors.neutral0};
   border-radius: ${({ theme: i }) => i.borderRadius};
   width: 100%;
@@ -14142,7 +14143,7 @@ const Ia = m.createContext({ activePage: 1, pageCount: 1 }), jr = () => m.useCon
   path {
     fill: ${({ theme: i }) => i.colors.neutral500};
   }
-`, Na = x(vs)`
+`, Na = x(Ss)`
   font-size: 1rem;
   path {
     fill: ${({ theme: i }) => i.colors.neutral500};
@@ -14191,7 +14192,7 @@ const Ia = m.createContext({ activePage: 1, pageCount: 1 }), jr = () => m.useCon
   ({ name: i, children: e, value: t = "", onClear: n, clearLabel: r = "Clear", ...o }, s) => {
     const l = m.useRef(null), a = t.length > 0, c = (d) => {
       n(d), l.current.focus();
-    }, h = Ls(s, l);
+    }, h = Bs(s, l);
     return /* @__PURE__ */ u(a0, { children: /* @__PURE__ */ $(xt, { name: i, children: [
       /* @__PURE__ */ u(lt, { children: /* @__PURE__ */ u(Rr, { children: e }) }),
       /* @__PURE__ */ u(
@@ -14352,7 +14353,15 @@ const Ia = m.createContext({ activePage: 1, pageCount: 1 }), jr = () => m.useCon
               onClear: L != null && L.length ? a : void 0,
               withTags: !!(w && ((L == null ? void 0 : L.length) ?? !1)),
               size: g,
-              children: /* @__PURE__ */ u(cl, { placeholder: d, textColor: L != null && L.length ? "neutral800" : "neutral600", children: L != null && L.length ? w ? se : t ? t(L) : void 0 : void 0 })
+              children: /* @__PURE__ */ u(
+                cl,
+                {
+                  placeholder: d,
+                  textColor: L != null && L.length ? "neutral800" : "neutral600",
+                  withTags: w,
+                  children: L != null && L.length ? w ? se : t ? t(L) : void 0 : void 0
+                }
+              )
             }
           ),
           /* @__PURE__ */ u(dl, { children: /* @__PURE__ */ u(ul, { position: "popper", sideOffset: 4, onCloseAutoFocus: c, children: /* @__PURE__ */ $(fl, { ref: k, children: [
@@ -14364,14 +14373,14 @@ const Ia = m.createContext({ activePage: 1, pageCount: 1 }), jr = () => m.useCon
     );
   }
 ), Fa = m.forwardRef(
-  ({ value: i, children: e, startIcon: t, ...n }, r) => /* @__PURE__ */ $(Mr, { ref: r, value: i.toString(), ...n, children: [
+  ({ value: i, children: e, startIcon: t, ...n }, r) => /* @__PURE__ */ $(Dr, { ref: r, value: i.toString(), ...n, children: [
     t && /* @__PURE__ */ u(R, { tag: "span", "aria-hidden": !0, children: t }),
     /* @__PURE__ */ u(gl, { children: ({ isSelected: o, isIntermediate: s }) => /* @__PURE__ */ u(Tr, { checked: s ? "indeterminate" : o }) }),
     /* @__PURE__ */ u(I, { children: /* @__PURE__ */ u(pl, { children: e }) })
   ] })
 ), m0 = m.forwardRef(
   ({ children: i, label: e, startIcon: t, values: n = [], ...r }, o) => /* @__PURE__ */ $(qu, { ref: o, children: [
-    /* @__PURE__ */ $(Mr, { value: n, ...r, children: [
+    /* @__PURE__ */ $(Dr, { value: n, ...r, children: [
       t && /* @__PURE__ */ u(R, { tag: "span", "aria-hidden": !0, children: t }),
       /* @__PURE__ */ u(gl, { children: ({ isSelected: s, isIntermediate: l }) => /* @__PURE__ */ u(Tr, { checked: l ? "indeterminate" : s }) }),
       /* @__PURE__ */ u(I, { children: e })
@@ -14414,7 +14423,7 @@ const Ia = m.createContext({ activePage: 1, pageCount: 1 }), jr = () => m.useCon
   overflow-y: auto;
   border-right: 1px solid ${({ theme: i }) => i.colors.neutral200};
   z-index: 1;
-`, ds = x(bl)`
+`, us = x(bl)`
   width: 2.4rem;
   background-color: ${({ theme: i }) => i.colors.neutral200};
 `, m1 = ({
@@ -14463,13 +14472,13 @@ const Ia = m.createContext({ activePage: 1, pageCount: 1 }), jr = () => m.useCon
         children: t
       }
     ) }),
-    /* @__PURE__ */ u(R, { paddingLeft: 2, paddingTop: 4, children: /* @__PURE__ */ u(ds, {}) })
+    /* @__PURE__ */ u(R, { paddingLeft: 2, paddingTop: 4, children: /* @__PURE__ */ u(us, {}) })
   ] }) : /* @__PURE__ */ $(T, { direction: "column", alignItems: "flex-start", paddingLeft: 6, paddingTop: 6, paddingBottom: 2, paddingRight: 4, children: [
     /* @__PURE__ */ $(T, { justifyContent: "space-between", alignItems: "flex-start", width: "100%", gap: 2, children: [
       /* @__PURE__ */ u(I, { variant: "beta", tag: i, children: e }),
-      n && /* @__PURE__ */ u(ot, { ref: b, onClick: w, label: t, children: /* @__PURE__ */ u(vs, {}) })
+      n && /* @__PURE__ */ u(ot, { ref: b, onClick: w, label: t, children: /* @__PURE__ */ u(Ss, {}) })
     ] }),
-    /* @__PURE__ */ u(R, { paddingTop: 4, children: /* @__PURE__ */ u(ds, {}) })
+    /* @__PURE__ */ u(R, { paddingTop: 4, children: /* @__PURE__ */ u(us, {}) })
   ] });
 }, b1 = xe(
   ({ active: i, children: e, icon: t = null, withBullet: n = !1, isSubSectionChild: r = !1, ...o }, s) => /* @__PURE__ */ $(
@@ -14603,7 +14612,7 @@ const Ia = m.createContext({ activePage: 1, pageCount: 1 }), jr = () => m.useCon
         }
       ),
       t && /* @__PURE__ */ u(
-        Is,
+        Ps,
         {
           backgroundColor: "neutral150",
           textColor: "neutral600",
@@ -14659,7 +14668,7 @@ const Ia = m.createContext({ activePage: 1, pageCount: 1 }), jr = () => m.useCon
       i ? /* @__PURE__ */ u(R0, { "aria-hidden": !0, "data-disabled": s, "data-state": c ? "checked" : "unchecked", children: c ? e : t }) : null
     ] });
   }
-), A0 = x(ks.Root)`
+), A0 = x($s.Root)`
   width: 4rem;
   height: 2.4rem;
   border-radius: 1.2rem;
@@ -14676,7 +14685,7 @@ const Ia = m.createContext({ activePage: 1, pageCount: 1 }), jr = () => m.useCon
   @media (prefers-reduced-motion: no-preference) {
     transition: ${(i) => i.theme.transitions.backgroundColor};
   }
-`, T0 = x(ks.Thumb)`
+`, T0 = x($s.Thumb)`
   display: block;
   height: 1.6rem;
   width: 1.6rem;
@@ -14702,13 +14711,13 @@ const Ia = m.createContext({ activePage: 1, pageCount: 1 }), jr = () => m.useCon
   &[data-disabled='true'] {
     color: ${({ theme: i }) => i.colors.neutral500};
   }
-`, [M0, qr] = Gt("Tabs"), D0 = m.forwardRef(
+`, [M0, Kr] = Gt("Tabs"), D0 = m.forwardRef(
   ({ disabled: i = !1, variant: e = "regular", hasError: t, ...n }, r) => /* @__PURE__ */ u(M0, { disabled: i, hasError: t, variant: e, children: /* @__PURE__ */ u(O0, { ref: r, ...n }) })
 ), O0 = x(rn.Root)`
   width: 100%;
   position: relative;
 `, E0 = m.forwardRef((i, e) => {
-  const { variant: t } = qr("List");
+  const { variant: t } = Kr("List");
   return /* @__PURE__ */ u(I0, { ref: e, ...i, $variant: t });
 }), I0 = x(rn.List)`
   display: flex;
@@ -14717,7 +14726,7 @@ const Ia = m.createContext({ activePage: 1, pageCount: 1 }), jr = () => m.useCon
   z-index: 0;
 `, P0 = m.forwardRef(
   ({ children: i, disabled: e, ...t }, n) => {
-    const { disabled: r, variant: o, hasError: s } = qr("Trigger"), l = r === !0 || r === t.value || e, a = s === t.value;
+    const { disabled: r, variant: o, hasError: s } = Kr("Trigger"), l = r === !0 || r === t.value || e, a = s === t.value;
     return /* @__PURE__ */ $(L0, { ref: n, ...t, $hasError: a, $variant: o, disabled: l, children: [
       /* @__PURE__ */ u(Ha, { fontWeight: "bold", variant: o === "simple" ? "sigma" : void 0, children: i }),
       o === "simple" ? /* @__PURE__ */ u(Wa, {}) : null
@@ -14782,10 +14791,12 @@ const Ia = m.createContext({ activePage: 1, pageCount: 1 }), jr = () => m.useCon
     color: ${(i) => i.theme.colors.neutral400};
   }
 `, B0 = m.forwardRef((i, e) => {
-  const { variant: t } = qr("Content");
+  const { variant: t } = Kr("Content");
   return /* @__PURE__ */ u(z0, { $variant: t, ref: e, ...i });
 }), z0 = x(rn.Content)`
-  ${(i) => i.$variant === "simple" ? D`` : D`
+  ${(i) => i.$variant === "simple" ? D`
+        
+      ` : D`
         position: relative;
         z-index: 1;
         background-color: ${(e) => e.theme.colors.neutral0};
@@ -14928,7 +14939,7 @@ const Ia = m.createContext({ activePage: 1, pageCount: 1 }), jr = () => m.useCon
         gap: 2,
         ...s,
         children: [
-          r ? /* @__PURE__ */ u(G0, { "aria-hidden": !0, children: /* @__PURE__ */ u(ws, {}) }) : e,
+          r ? /* @__PURE__ */ u(G0, { "aria-hidden": !0, children: /* @__PURE__ */ u(xs, {}) }) : e,
           /* @__PURE__ */ u(I, { variant: "pi", children: i }),
           t
         ]
@@ -15057,7 +15068,7 @@ const O1 = m.forwardRef(
         $hasError: w,
         children: [
           /* @__PURE__ */ u(
-            us,
+            fs,
             {
               hasRadius: !0,
               flex: "1 1 50%",
@@ -15081,7 +15092,7 @@ const O1 = m.forwardRef(
             }
           ),
           /* @__PURE__ */ u(
-            us,
+            fs,
             {
               hasRadius: !0,
               flex: "1 1 50%",
@@ -15126,7 +15137,7 @@ const O1 = m.forwardRef(
   }
 ), Z0 = x(T)`
   ${at()}
-`, us = x(T)`
+`, fs = x(T)`
   padding-block: 0.6rem;
 `, em = x.input`
   height: 100%;
@@ -15147,7 +15158,7 @@ const O1 = m.forwardRef(
   right: 0
 };
 function I1() {
-  const [i, e] = Mn(null), [t, n] = Mn(tm), r = gs(
+  const [i, e] = Mn(null), [t, n] = Mn(tm), r = ps(
     () => new ResizeObserver((o) => {
       if (o[0]) {
         const { x: s, y: l, width: a, height: c, top: h, left: d, bottom: f, right: g } = o[0].contentRect;
@@ -15233,7 +15244,7 @@ export {
   Sm as Accordion,
   Cm as Alert,
   km as Avatar,
-  Is as Badge,
+  Ps as Badge,
   vi as BaseLink,
   R as Box,
   Ac as Breadcrumbs,
@@ -15307,8 +15318,8 @@ export {
   d0 as SearchForm,
   c0 as Searchbar,
   ad as SimpleMenu,
-  bo as SingleSelect,
-  yo as SingleSelectOption,
+  yo as SingleSelect,
+  wo as SingleSelectOption,
   i1 as SkipToContent,
   g1 as Status,
   p1 as SubNav,
@@ -15335,16 +15346,16 @@ export {
   A1 as Tr,
   I as Typography,
   lt as VisuallyHidden,
-  Ds as _internaluseUncontrolledState,
+  Os as _internaluseUncontrolledState,
   N1 as composeEventHandlers,
-  Ls as composeRefs,
+  Bs as composeRefs,
   ei as convertUTCDateToCalendarDateTime,
   Nm as darkTheme,
   Fm as extendTheme,
   Wm as getThemeSize,
   at as inputFocusStyle,
   Oc as isSSR,
-  Qs as lightTheme,
+  Zs as lightTheme,
   F1 as useCallbackRef,
   W1 as useCollator,
   ve as useComposedRefs,