JST Connector Studio: manufacturer 3D mate editor

import { a as A, j as F, b as k, r as g, u as ie, o as z, P as V, c as he, d as T, m as G, e as Ee, _ as m, f as b, g as R, h as _, i as me, k as ke, l as M, n as Ve, p as ye, q as E, s as $, t as We, v as Me, w as Oe, x as Xe, E as Ue, y as $e, z as Je, S as Ke, A as Ye, B as u, D as Qe, C as se, T as xe, F as U, G as Ze, H as er, I as rr, J as or, K as ar, L as tr, M as ir, N as nr, O as lr, Q as fr, R as cr, U as sr, V as dr, W as ur, X as vr, Y as Be, Z as gr, $ as pr, a0 as br, a1 as hr, a2 as mr, a3 as kr, a4 as yr, a5 as xr, a6 as Br, a7 as wr, a8 as zr, a9 as P } from "./chunk-aCYJZ84V.js";
import { a3 as qr } from "./chunk-CrnJfeNw.js";
function jr(e, o) {
  const r = {};
  for (const a in e)
    o.indexOf(a) === -1 && e.hasOwnProperty(a) && (r[a] = e[a]);
  return r;
}
const Sr = (e) => (A(e), /* @__PURE__ */ F(e.root, {
  children: [
    e.initials && /* @__PURE__ */ k(e.initials, {}),
    e.icon && /* @__PURE__ */ k(e.icon, {}),
    e.image && /* @__PURE__ */ k(e.image, {}),
    e.badge && /* @__PURE__ */ k(e.badge, {}),
    e.activeAriaLabelElement
  ]
})), Cr = /[\(\[\{][^\)\]\}]*[\)\]\}]/g, Tr = /[\0-\u001F\!-/:-@\[-`\{-\u00BF\u0250-\u036F\uE000-\uFFFF]/g, Pr = /^\d+[\d\s]*(:?ext|x|)\s*\d+$/i, Nr = /\s+/g, Ar = /[\u0600-\u06FF\u0750-\u077F\u08A0-\u08FF\u1100-\u11FF\u3130-\u318F\uA960-\uA97F\uAC00-\uD7AF\uD7B0-\uD7FF\u3040-\u309F\u30A0-\u30FF\u3400-\u4DBF\u4E00-\u9FFF\uF900-\uFAFF]/;
function X(e) {
  if (!e)
    return "";
  const o = e.codePointAt(0);
  return o === void 0 ? "" : String.fromCodePoint(o);
}
function _r(e, o, r) {
  let a = "";
  const t = e.split(" ");
  if (t.length !== 0 && (a += X(t[0]).toUpperCase()), r || (t.length === 2 ? a += X(t[1]).toUpperCase() : t.length === 3 && (a += X(t[2]).toUpperCase())), o && [
    ...a
  ].length > 1) {
    const n = [
      ...a
    ];
    return n[1] + n[0];
  }
  return a;
}
function Dr(e) {
  return e = e.replace(Cr, ""), e = e.replace(Tr, ""), e = e.replace(Nr, " "), e = e.trim(), e;
}
function we(e, o, r) {
  if (!e)
    return "";
  e = Dr(e);
  const a = X(e);
  return Ar.test(a) || !r?.allowPhoneInitials && Pr.test(e) ? "" : _r(e, o, r?.firstInitialOnly);
}
const ze = g.createContext(void 0), Fr = {};
ze.Provider;
const Hr = () => {
  var e;
  return (e = g.useContext(ze)) !== null && e !== void 0 ? e : Fr;
}, Rr = {
  active: "active",
  inactive: "inactive"
}, Ir = (e, o) => {
  const { dir: r } = ie(), { shape: a, size: t } = Hr(), { size: n = t ?? 32, shape: f = a ?? "circular", active: l = "unset", activeAppearance: c = "ring", idForColor: i, color: s = "neutral", ...d } = e, v = Gr(d, o);
  var p;
  const h = s === "colorful" ? de[Er((p = i ?? e.name) !== null && p !== void 0 ? p : "") % de.length] : s;
  if (v.initials) {
    var j;
    v.initials = z(e.initials, {
      renderByDefault: !0,
      defaultProps: {
        children: we(e.name, r === "rtl", {
          firstInitialOnly: n <= 16
        }),
        id: (j = v.initials) === null || j === void 0 ? void 0 : j.id
      },
      elementType: "span"
    });
  }
  v.icon && !v.icon.hasOwnProperty("children") && (v.icon.children = /* @__PURE__ */ g.createElement(Ee, null));
  const y = z(e.badge, {
    defaultProps: {
      size: Lr(n),
      id: v.root.id + "__badge"
    },
    elementType: V
  });
  let B = v.activeAriaLabelElement;
  const q = e["aria-label"] !== void 0, x = e["aria-labelledby"] !== void 0;
  if (!q && !x && (e.name ? y && (v.root["aria-labelledby"] = v.root.id + " " + y.id) : v.initials && (v.root["aria-labelledby"] = v.initials.id + (y ? " " + y.id : ""), delete v.root["aria-label"]), l === "active" || l === "inactive")) {
    const C = Rr[l];
    if (v.root["aria-labelledby"]) {
      const D = v.root.id + "__active";
      v.root["aria-labelledby"] += " " + D, B = /* @__PURE__ */ g.createElement("span", {
        hidden: !0,
        id: D
      }, C);
    } else v.root["aria-label"] && (v.root["aria-label"] += " " + C);
  }
  return {
    ...v,
    size: n,
    shape: f,
    active: l,
    activeAppearance: c,
    activeAriaLabelElement: B,
    color: h,
    badge: y,
    // eslint-disable-next-line @typescript-eslint/no-deprecated
    components: {
      ...v.components,
      badge: V
    }
  };
}, Gr = (e, o) => {
  const { dir: r } = ie(), { name: a, image: t, initials: n, ...f } = e, l = he("avatar-"), c = T({
    role: "img",
    id: l,
    ref: o,
    ...f
  }, {
    elementType: "span"
  }), [i, s] = g.useState(void 0);
  let d = z(t, {
    defaultProps: {
      alt: "",
      role: "presentation",
      "aria-hidden": !0,
      hidden: i
    },
    elementType: "img"
  });
  d?.src || (d = void 0), d && (d.onError = G(d.onError, () => s(!0)), d.onLoad = G(d.onLoad, () => s(void 0)));
  let v = z(n, {
    renderByDefault: !0,
    defaultProps: {
      children: we(a, r === "rtl"),
      id: l + "__initials"
    },
    elementType: "span"
  });
  v?.children || (v = void 0);
  let p;
  !v && (!d || i) && (p = z(e.icon, {
    renderByDefault: !0,
    defaultProps: {
      "aria-hidden": !0
    },
    elementType: "span"
  }));
  let h;
  return !c["aria-label"] && !c["aria-labelledby"] && (a ? c["aria-label"] = a : v && (c["aria-labelledby"] = v.id)), {
    activeAriaLabelElement: h,
    components: {
      root: "span",
      initials: "span",
      icon: "span",
      image: "img"
    },
    root: c,
    initials: v,
    icon: p,
    image: d
  };
}, Lr = (e) => e >= 96 ? "extra-large" : e >= 64 ? "large" : e >= 56 ? "medium" : e >= 40 ? "small" : e >= 28 ? "extra-small" : "tiny", de = [
  "dark-red",
  "cranberry",
  "red",
  "pumpkin",
  "peach",
  "marigold",
  "gold",
  "brass",
  "brown",
  "forest",
  "seafoam",
  "dark-green",
  "light-teal",
  "teal",
  "steel",
  "blue",
  "royal-blue",
  "cornflower",
  "navy",
  "lavender",
  "purple",
  "grape",
  "lilac",
  "pink",
  "magenta",
  "plum",
  "beige",
  "mink",
  "platinum",
  "anchor"
], Er = (e) => {
  let o = 0;
  for (let r = e.length - 1; r >= 0; r--) {
    const a = e.charCodeAt(r), t = r % 8;
    o ^= (a << t) + (a >> 8 - t);
  }
  return o;
}, L = {
  root: "fui-Avatar",
  image: "fui-Avatar__image",
  initials: "fui-Avatar__initials",
  icon: "fui-Avatar__icon",
  badge: "fui-Avatar__badge"
}, Vr = /* @__PURE__ */ R("r81b29z", "r1aatmv", {
  r: [".r81b29z{display:inline-block;flex-shrink:0;position:relative;vertical-align:middle;border-radius:var(--borderRadiusCircular);font-family:var(--fontFamilyBase);font-weight:var(--fontWeightSemibold);font-size:var(--fontSizeBase300);width:32px;height:32px;}", ".r81b29z::before,.r81b29z::after{position:absolute;top:0;left:0;bottom:0;right:0;z-index:-1;margin:calc(-2 * var(--fui-Avatar-ringWidth, 0px));border-radius:inherit;transition-property:margin,opacity;transition-timing-function:var(--curveEasyEaseMax),var(--curveLinear);transition-duration:var(--durationUltraSlow),var(--durationSlower);}", ".r81b29z::before{border-style:solid;border-width:var(--fui-Avatar-ringWidth);}", ".r1aatmv{display:inline-block;flex-shrink:0;position:relative;vertical-align:middle;border-radius:var(--borderRadiusCircular);font-family:var(--fontFamilyBase);font-weight:var(--fontWeightSemibold);font-size:var(--fontSizeBase300);width:32px;height:32px;}", ".r1aatmv::before,.r1aatmv::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:calc(-2 * var(--fui-Avatar-ringWidth, 0px));border-radius:inherit;transition-property:margin,opacity;transition-timing-function:var(--curveEasyEaseMax),var(--curveLinear);transition-duration:var(--durationUltraSlow),var(--durationSlower);}", ".r1aatmv::before{border-style:solid;border-width:var(--fui-Avatar-ringWidth);}"],
  s: ["@media screen and (prefers-reduced-motion: reduce){.r81b29z::before,.r81b29z::after{transition-duration:0.01ms;}}", "@media screen and (prefers-reduced-motion: reduce){.r1aatmv::before,.r1aatmv::after{transition-duration:0.01ms;}}"]
}), Wr = /* @__PURE__ */ R("r136dc0n", "rjly0nl", [".r136dc0n{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;object-fit:cover;vertical-align:top;}", ".rjly0nl{position:absolute;top:0;right:0;width:100%;height:100%;border-radius:inherit;object-fit:cover;vertical-align:top;}"]), Mr = /* @__PURE__ */ R("rip04v", "r31uzil", [".rip04v{position:absolute;box-sizing:border-box;top:0;left:0;width:100%;height:100%;line-height:1;border:var(--strokeWidthThin) solid var(--colorTransparentStroke);display:flex;align-items:center;justify-content:center;vertical-align:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:inherit;}", ".r31uzil{position:absolute;box-sizing:border-box;top:0;right:0;width:100%;height:100%;line-height:1;border:var(--strokeWidthThin) solid var(--colorTransparentStroke);display:flex;align-items:center;justify-content:center;vertical-align:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:inherit;}"]), Or = /* @__PURE__ */ m({
  textCaption2Strong: {
    Be2twd7: "f13mqy1h"
  },
  textCaption1Strong: {
    Be2twd7: "fy9rknc"
  },
  textSubtitle2: {
    Be2twd7: "fod5ikn"
  },
  textSubtitle1: {
    Be2twd7: "f1pp30po"
  },
  textTitle3: {
    Be2twd7: "f1x0m3f5"
  },
  squareSmall: {
    Beyfa6y: 0,
    Bbmb7ep: 0,
    Btl43ni: 0,
    B7oj6ja: 0,
    Dimara: "fq9zq91"
  },
  squareMedium: {
    Beyfa6y: 0,
    Bbmb7ep: 0,
    Btl43ni: 0,
    B7oj6ja: 0,
    Dimara: "ft85np5"
  },
  squareLarge: {
    Beyfa6y: 0,
    Bbmb7ep: 0,
    Btl43ni: 0,
    B7oj6ja: 0,
    Dimara: "f1o0qvyv"
  },
  squareXLarge: {
    Beyfa6y: 0,
    Bbmb7ep: 0,
    Btl43ni: 0,
    B7oj6ja: 0,
    Dimara: "f1kijzfu"
  },
  activeOrInactive: {
    Bz10aip: "ftfx35i",
    Bmy1vo4: "fv0atk9",
    B3o57yi: "f1iry5bo",
    Bkqvd7p: "f15n41j8",
    Bg24rqe: "f9ttr0w"
  },
  ring: {
    Ftih45: "f1wl9k8s"
  },
  ringBadgeCutout: {
    f4a502: "fp2gujx"
  },
  ringThick: {
    of393c: "fq1w1vq"
  },
  ringThicker: {
    of393c: "fzg6ace"
  },
  ringThickest: {
    of393c: "f1nu8p71"
  },
  shadow: {
    Bsft5z2: "f13zj6fq"
  },
  shadow4: {
    Be6vj1x: "fcjn15l"
  },
  shadow8: {
    Be6vj1x: "f1tm8t9f"
  },
  shadow16: {
    Be6vj1x: "f1a1aohj"
  },
  shadow28: {
    Be6vj1x: "fond6v5"
  },
  inactive: {
    abs64n: "fp25eh",
    Bz10aip: "f1clczzi",
    Bkqvd7p: "f1l3s34x",
    Bfgortx: 0,
    Bnvr3x9: 0,
    b2tv09: 0,
    Bucmhp4: 0,
    iayac2: "flkahu5",
    b6ubon: "fw457kn",
    Bqinb2h: "f1wmllxl"
  },
  badge: {
    qhf8xq: "f1euv43f",
    B5kzvoi: "f1yab3r1",
    j35jbq: ["f1e31b4d", "f1vgc2s3"]
  },
  badgeCutout: {
    btxmck: "f1eugkqs"
  },
  badgeAlign: {
    Dnlfbu: ["f1tlnv9o", "f1y9kyih"]
  },
  tiny: {
    Bdjeniz: "f1uwoubl",
    niu6jh: "fid048z"
  },
  "extra-small": {
    Bdjeniz: "f13ar0e0",
    niu6jh: "fid048z"
  },
  small: {
    Bdjeniz: "fwwuruf",
    niu6jh: "fid048z"
  },
  medium: {
    Bdjeniz: "f1af27q5",
    niu6jh: "fid048z"
  },
  large: {
    Bdjeniz: "f18yy57a",
    niu6jh: "f924bxt"
  },
  "extra-large": {
    Bdjeniz: "f2jg042",
    niu6jh: "f924bxt"
  },
  icon12: {
    Be2twd7: "f1ugzwwg"
  },
  icon16: {
    Be2twd7: "f4ybsrx"
  },
  icon20: {
    Be2twd7: "fe5j1ua"
  },
  icon24: {
    Be2twd7: "f1rt2boy"
  },
  icon28: {
    Be2twd7: "f24l1pt"
  },
  icon32: {
    Be2twd7: "ffl51b"
  },
  icon48: {
    Be2twd7: "f18m8u13"
  }
}, {
  d: [".f13mqy1h{font-size:var(--fontSizeBase100);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".f1pp30po{font-size:var(--fontSizeBase500);}", ".f1x0m3f5{font-size:var(--fontSizeBase600);}", [".fq9zq91{border-radius:var(--borderRadiusSmall);}", {
    p: -1
  }], [".ft85np5{border-radius:var(--borderRadiusMedium);}", {
    p: -1
  }], [".f1o0qvyv{border-radius:var(--borderRadiusLarge);}", {
    p: -1
  }], [".f1kijzfu{border-radius:var(--borderRadiusXLarge);}", {
    p: -1
  }], ".ftfx35i{transform:perspective(1px);}", ".fv0atk9{transition-property:transform,opacity;}", ".f1iry5bo{transition-duration:var(--durationUltraSlow),var(--durationFaster);}", ".f15n41j8{transition-timing-function:var(--curveEasyEaseMax),var(--curveLinear);}", '.f1wl9k8s::before{content:"";}', ".fp2gujx::before{-webkit-mask-image:radial-gradient(circle at bottom calc(var(--fui-Avatar-badgeRadius) + 2 * var(--fui-Avatar-ringWidth)) var(--fui-Avatar-badgeAlign) calc(var(--fui-Avatar-badgeRadius) + 2 * var(--fui-Avatar-ringWidth)), transparent calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) - 0.25px), white calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) + 0.25px));mask-image:radial-gradient(circle at bottom calc(var(--fui-Avatar-badgeRadius) + 2 * var(--fui-Avatar-ringWidth)) var(--fui-Avatar-badgeAlign) calc(var(--fui-Avatar-badgeRadius) + 2 * var(--fui-Avatar-ringWidth)), transparent calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) - 0.25px), white calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) + 0.25px));}", ".fq1w1vq{--fui-Avatar-ringWidth:var(--strokeWidthThick);}", ".fzg6ace{--fui-Avatar-ringWidth:var(--strokeWidthThicker);}", ".f1nu8p71{--fui-Avatar-ringWidth:var(--strokeWidthThickest);}", '.f13zj6fq::after{content:"";}', ".fcjn15l::after{box-shadow:var(--shadow4);}", ".f1tm8t9f::after{box-shadow:var(--shadow8);}", ".f1a1aohj::after{box-shadow:var(--shadow16);}", ".fond6v5::after{box-shadow:var(--shadow28);}", ".fp25eh{opacity:0.8;}", ".f1clczzi{transform:scale(0.875);}", ".f1l3s34x{transition-timing-function:var(--curveDecelerateMin),var(--curveLinear);}", [".flkahu5::before,.flkahu5::after{margin:0;}", {
    p: -1
  }], ".fw457kn::before,.fw457kn::after{opacity:0;}", ".f1wmllxl::before,.f1wmllxl::after{transition-timing-function:var(--curveDecelerateMin),var(--curveLinear);}", ".f1euv43f{position:absolute;}", ".f1yab3r1{bottom:0;}", ".f1e31b4d{right:0;}", ".f1vgc2s3{left:0;}", ".f1eugkqs{-webkit-mask-image:radial-gradient(circle at bottom var(--fui-Avatar-badgeRadius) var(--fui-Avatar-badgeAlign) var(--fui-Avatar-badgeRadius), transparent calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) - 0.25px), white calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) + 0.25px));mask-image:radial-gradient(circle at bottom var(--fui-Avatar-badgeRadius) var(--fui-Avatar-badgeAlign) var(--fui-Avatar-badgeRadius), transparent calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) - 0.25px), white calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) + 0.25px));}", ".f1tlnv9o{--fui-Avatar-badgeAlign:right;}", ".f1y9kyih{--fui-Avatar-badgeAlign:left;}", ".f1uwoubl{--fui-Avatar-badgeRadius:3px;}", ".fid048z{--fui-Avatar-badgeGap:var(--strokeWidthThin);}", ".f13ar0e0{--fui-Avatar-badgeRadius:5px;}", ".fwwuruf{--fui-Avatar-badgeRadius:6px;}", ".f1af27q5{--fui-Avatar-badgeRadius:8px;}", ".f18yy57a{--fui-Avatar-badgeRadius:10px;}", ".f924bxt{--fui-Avatar-badgeGap:var(--strokeWidthThick);}", ".f2jg042{--fui-Avatar-badgeRadius:14px;}", ".f1ugzwwg{font-size:12px;}", ".f4ybsrx{font-size:16px;}", ".fe5j1ua{font-size:20px;}", ".f1rt2boy{font-size:24px;}", ".f24l1pt{font-size:28px;}", ".ffl51b{font-size:32px;}", ".f18m8u13{font-size:48px;}"],
  m: [["@media screen and (prefers-reduced-motion: reduce){.f9ttr0w{transition-duration:0.01ms;}}", {
    m: "screen and (prefers-reduced-motion: reduce)"
  }]]
}), ne = /* @__PURE__ */ m({
  16: {
    a9b677: "fjw5fx7",
    Bqenvij: "fd461yt"
  },
  20: {
    a9b677: "f64fuq3",
    Bqenvij: "fjamq6b"
  },
  24: {
    a9b677: "fq4mcun",
    Bqenvij: "frvgh55"
  },
  28: {
    a9b677: "f1w9dchk",
    Bqenvij: "fxldao9"
  },
  32: {
    a9b677: "f1szoe96",
    Bqenvij: "f1d2rq10"
  },
  36: {
    a9b677: "fpdz1er",
    Bqenvij: "f8ljn23"
  },
  40: {
    a9b677: "feqmc2u",
    Bqenvij: "fbhnoac"
  },
  48: {
    a9b677: "f124akge",
    Bqenvij: "ff2sm71"
  },
  56: {
    a9b677: "f1u66zr1",
    Bqenvij: "fzki0ko"
  },
  64: {
    a9b677: "fa9ln6p",
    Bqenvij: "f16k9i2m"
  },
  72: {
    a9b677: "fhcae8x",
    Bqenvij: "f1shusfg"
  },
  96: {
    a9b677: "f1kyr2gn",
    Bqenvij: "fypu0ge"
  },
  120: {
    a9b677: "fwfqyga",
    Bqenvij: "fjr5b71"
  },
  128: {
    a9b677: "f1iksgmy",
    Bqenvij: "fele2au"
  }
}, {
  d: [".fjw5fx7{width:16px;}", ".fd461yt{height:16px;}", ".f64fuq3{width:20px;}", ".fjamq6b{height:20px;}", ".fq4mcun{width:24px;}", ".frvgh55{height:24px;}", ".f1w9dchk{width:28px;}", ".fxldao9{height:28px;}", ".f1szoe96{width:32px;}", ".f1d2rq10{height:32px;}", ".fpdz1er{width:36px;}", ".f8ljn23{height:36px;}", ".feqmc2u{width:40px;}", ".fbhnoac{height:40px;}", ".f124akge{width:48px;}", ".ff2sm71{height:48px;}", ".f1u66zr1{width:56px;}", ".fzki0ko{height:56px;}", ".fa9ln6p{width:64px;}", ".f16k9i2m{height:64px;}", ".fhcae8x{width:72px;}", ".f1shusfg{height:72px;}", ".f1kyr2gn{width:96px;}", ".fypu0ge{height:96px;}", ".fwfqyga{width:120px;}", ".fjr5b71{height:120px;}", ".f1iksgmy{width:128px;}", ".fele2au{height:128px;}"]
}), Xr = /* @__PURE__ */ m({
  neutral: {
    sj55zd: "f11d4kpn",
    De3pzq: "f18f03hv"
  },
  brand: {
    sj55zd: "fonrgv7",
    De3pzq: "f1blnnmj"
  },
  "dark-red": {
    sj55zd: "fqjd1y1",
    De3pzq: "f1vq2oo4"
  },
  cranberry: {
    sj55zd: "fg9gses",
    De3pzq: "f1lwxszt"
  },
  red: {
    sj55zd: "f23f7i0",
    De3pzq: "f1q9qhfq"
  },
  pumpkin: {
    sj55zd: "fjnan08",
    De3pzq: "fz91bi3"
  },
  peach: {
    sj55zd: "fknu15p",
    De3pzq: "f1b9nr51"
  },
  marigold: {
    sj55zd: "f9603vw",
    De3pzq: "f3z4w6d"
  },
  gold: {
    sj55zd: "fmq0uwp",
    De3pzq: "fg50kya"
  },
  brass: {
    sj55zd: "f28g5vo",
    De3pzq: "f4w2gd0"
  },
  brown: {
    sj55zd: "ftl572b",
    De3pzq: "f14wu1f4"
  },
  forest: {
    sj55zd: "f1gymlvd",
    De3pzq: "f19ut4y6"
  },
  seafoam: {
    sj55zd: "fnnb6wn",
    De3pzq: "f1n057jc"
  },
  "dark-green": {
    sj55zd: "ff58qw8",
    De3pzq: "f11t05wk"
  },
  "light-teal": {
    sj55zd: "f1up9qbj",
    De3pzq: "f42feg1"
  },
  teal: {
    sj55zd: "f135dsb4",
    De3pzq: "f6hvv1p"
  },
  steel: {
    sj55zd: "f151dlcp",
    De3pzq: "f1lnp8zf"
  },
  blue: {
    sj55zd: "f1rjv50u",
    De3pzq: "f1ggcpy6"
  },
  "royal-blue": {
    sj55zd: "f1emykk5",
    De3pzq: "f12rj61f"
  },
  cornflower: {
    sj55zd: "fqsigj7",
    De3pzq: "f8k7hur"
  },
  navy: {
    sj55zd: "f1nj97xi",
    De3pzq: "f19gw0ux"
  },
  lavender: {
    sj55zd: "fwctg0i",
    De3pzq: "ff379vm"
  },
  purple: {
    sj55zd: "fjrsgpu",
    De3pzq: "f1mzf1e1"
  },
  grape: {
    sj55zd: "f1fiiydq",
    De3pzq: "f1o4k8oy"
  },
  lilac: {
    sj55zd: "f1res9jt",
    De3pzq: "f1x6mz1o"
  },
  pink: {
    sj55zd: "fv3fbbi",
    De3pzq: "fydlv6t"
  },
  magenta: {
    sj55zd: "f1f1fwnz",
    De3pzq: "f4xb6j5"
  },
  plum: {
    sj55zd: "f8ptl6j",
    De3pzq: "fqo8e26"
  },
  beige: {
    sj55zd: "f1ntv3ld",
    De3pzq: "f101elhj"
  },
  mink: {
    sj55zd: "f1fscmp",
    De3pzq: "f13g8o5c"
  },
  platinum: {
    sj55zd: "f1dr00v2",
    De3pzq: "fkh7blw"
  },
  anchor: {
    sj55zd: "f1f3ti53",
    De3pzq: "fu4yj0j"
  }
}, {
  d: [".f11d4kpn{color:var(--colorNeutralForeground3);}", ".f18f03hv{background-color:var(--colorNeutralBackground6);}", ".fonrgv7{color:var(--colorNeutralForegroundStaticInverted);}", ".f1blnnmj{background-color:var(--colorBrandBackgroundStatic);}", ".fqjd1y1{color:var(--colorPaletteDarkRedForeground2);}", ".f1vq2oo4{background-color:var(--colorPaletteDarkRedBackground2);}", ".fg9gses{color:var(--colorPaletteCranberryForeground2);}", ".f1lwxszt{background-color:var(--colorPaletteCranberryBackground2);}", ".f23f7i0{color:var(--colorPaletteRedForeground2);}", ".f1q9qhfq{background-color:var(--colorPaletteRedBackground2);}", ".fjnan08{color:var(--colorPalettePumpkinForeground2);}", ".fz91bi3{background-color:var(--colorPalettePumpkinBackground2);}", ".fknu15p{color:var(--colorPalettePeachForeground2);}", ".f1b9nr51{background-color:var(--colorPalettePeachBackground2);}", ".f9603vw{color:var(--colorPaletteMarigoldForeground2);}", ".f3z4w6d{background-color:var(--colorPaletteMarigoldBackground2);}", ".fmq0uwp{color:var(--colorPaletteGoldForeground2);}", ".fg50kya{background-color:var(--colorPaletteGoldBackground2);}", ".f28g5vo{color:var(--colorPaletteBrassForeground2);}", ".f4w2gd0{background-color:var(--colorPaletteBrassBackground2);}", ".ftl572b{color:var(--colorPaletteBrownForeground2);}", ".f14wu1f4{background-color:var(--colorPaletteBrownBackground2);}", ".f1gymlvd{color:var(--colorPaletteForestForeground2);}", ".f19ut4y6{background-color:var(--colorPaletteForestBackground2);}", ".fnnb6wn{color:var(--colorPaletteSeafoamForeground2);}", ".f1n057jc{background-color:var(--colorPaletteSeafoamBackground2);}", ".ff58qw8{color:var(--colorPaletteDarkGreenForeground2);}", ".f11t05wk{background-color:var(--colorPaletteDarkGreenBackground2);}", ".f1up9qbj{color:var(--colorPaletteLightTealForeground2);}", ".f42feg1{background-color:var(--colorPaletteLightTealBackground2);}", ".f135dsb4{color:var(--colorPaletteTealForeground2);}", ".f6hvv1p{background-color:var(--colorPaletteTealBackground2);}", ".f151dlcp{color:var(--colorPaletteSteelForeground2);}", ".f1lnp8zf{background-color:var(--colorPaletteSteelBackground2);}", ".f1rjv50u{color:var(--colorPaletteBlueForeground2);}", ".f1ggcpy6{background-color:var(--colorPaletteBlueBackground2);}", ".f1emykk5{color:var(--colorPaletteRoyalBlueForeground2);}", ".f12rj61f{background-color:var(--colorPaletteRoyalBlueBackground2);}", ".fqsigj7{color:var(--colorPaletteCornflowerForeground2);}", ".f8k7hur{background-color:var(--colorPaletteCornflowerBackground2);}", ".f1nj97xi{color:var(--colorPaletteNavyForeground2);}", ".f19gw0ux{background-color:var(--colorPaletteNavyBackground2);}", ".fwctg0i{color:var(--colorPaletteLavenderForeground2);}", ".ff379vm{background-color:var(--colorPaletteLavenderBackground2);}", ".fjrsgpu{color:var(--colorPalettePurpleForeground2);}", ".f1mzf1e1{background-color:var(--colorPalettePurpleBackground2);}", ".f1fiiydq{color:var(--colorPaletteGrapeForeground2);}", ".f1o4k8oy{background-color:var(--colorPaletteGrapeBackground2);}", ".f1res9jt{color:var(--colorPaletteLilacForeground2);}", ".f1x6mz1o{background-color:var(--colorPaletteLilacBackground2);}", ".fv3fbbi{color:var(--colorPalettePinkForeground2);}", ".fydlv6t{background-color:var(--colorPalettePinkBackground2);}", ".f1f1fwnz{color:var(--colorPaletteMagentaForeground2);}", ".f4xb6j5{background-color:var(--colorPaletteMagentaBackground2);}", ".f8ptl6j{color:var(--colorPalettePlumForeground2);}", ".fqo8e26{background-color:var(--colorPalettePlumBackground2);}", ".f1ntv3ld{color:var(--colorPaletteBeigeForeground2);}", ".f101elhj{background-color:var(--colorPaletteBeigeBackground2);}", ".f1fscmp{color:var(--colorPaletteMinkForeground2);}", ".f13g8o5c{background-color:var(--colorPaletteMinkBackground2);}", ".f1dr00v2{color:var(--colorPalettePlatinumForeground2);}", ".fkh7blw{background-color:var(--colorPalettePlatinumBackground2);}", ".f1f3ti53{color:var(--colorPaletteAnchorForeground2);}", ".fu4yj0j{background-color:var(--colorPaletteAnchorBackground2);}"]
}), Ur = /* @__PURE__ */ m({
  neutral: {
    Bic5iru: "f1uuiafn"
  },
  brand: {
    Bic5iru: "f1uuiafn"
  },
  "dark-red": {
    Bic5iru: "f1t2x9on"
  },
  cranberry: {
    Bic5iru: "f1pvshc9"
  },
  red: {
    Bic5iru: "f1ectbk9"
  },
  pumpkin: {
    Bic5iru: "fvzpl0b"
  },
  peach: {
    Bic5iru: "fwj2kd7"
  },
  marigold: {
    Bic5iru: "fr120vy"
  },
  gold: {
    Bic5iru: "f8xmmar"
  },
  brass: {
    Bic5iru: "f1hbety2"
  },
  brown: {
    Bic5iru: "f1vg3s4g"
  },
  forest: {
    Bic5iru: "f1m3olm5"
  },
  seafoam: {
    Bic5iru: "f17xiqtr"
  },
  "dark-green": {
    Bic5iru: "fx32vyh"
  },
  "light-teal": {
    Bic5iru: "f1mkihwv"
  },
  teal: {
    Bic5iru: "fecnooh"
  },
  steel: {
    Bic5iru: "f15hfgzm"
  },
  blue: {
    Bic5iru: "fqproka"
  },
  "royal-blue": {
    Bic5iru: "f17v2w59"
  },
  cornflower: {
    Bic5iru: "fp0q1mo"
  },
  navy: {
    Bic5iru: "f1nlym55"
  },
  lavender: {
    Bic5iru: "f62vk8h"
  },
  purple: {
    Bic5iru: "f15zl69q"
  },
  grape: {
    Bic5iru: "f53w4j7"
  },
  lilac: {
    Bic5iru: "fu2771t"
  },
  pink: {
    Bic5iru: "fzflscs"
  },
  magenta: {
    Bic5iru: "fb6rmqc"
  },
  plum: {
    Bic5iru: "f1a4gm5b"
  },
  beige: {
    Bic5iru: "f1qpf9z1"
  },
  mink: {
    Bic5iru: "f1l7or83"
  },
  platinum: {
    Bic5iru: "fzrj0iu"
  },
  anchor: {
    Bic5iru: "f8oz6wf"
  }
}, {
  d: [".f1uuiafn::before{color:var(--colorBrandStroke1);}", ".f1t2x9on::before{color:var(--colorPaletteDarkRedBorderActive);}", ".f1pvshc9::before{color:var(--colorPaletteCranberryBorderActive);}", ".f1ectbk9::before{color:var(--colorPaletteRedBorderActive);}", ".fvzpl0b::before{color:var(--colorPalettePumpkinBorderActive);}", ".fwj2kd7::before{color:var(--colorPalettePeachBorderActive);}", ".fr120vy::before{color:var(--colorPaletteMarigoldBorderActive);}", ".f8xmmar::before{color:var(--colorPaletteGoldBorderActive);}", ".f1hbety2::before{color:var(--colorPaletteBrassBorderActive);}", ".f1vg3s4g::before{color:var(--colorPaletteBrownBorderActive);}", ".f1m3olm5::before{color:var(--colorPaletteForestBorderActive);}", ".f17xiqtr::before{color:var(--colorPaletteSeafoamBorderActive);}", ".fx32vyh::before{color:var(--colorPaletteDarkGreenBorderActive);}", ".f1mkihwv::before{color:var(--colorPaletteLightTealBorderActive);}", ".fecnooh::before{color:var(--colorPaletteTealBorderActive);}", ".f15hfgzm::before{color:var(--colorPaletteSteelBorderActive);}", ".fqproka::before{color:var(--colorPaletteBlueBorderActive);}", ".f17v2w59::before{color:var(--colorPaletteRoyalBlueBorderActive);}", ".fp0q1mo::before{color:var(--colorPaletteCornflowerBorderActive);}", ".f1nlym55::before{color:var(--colorPaletteNavyBorderActive);}", ".f62vk8h::before{color:var(--colorPaletteLavenderBorderActive);}", ".f15zl69q::before{color:var(--colorPalettePurpleBorderActive);}", ".f53w4j7::before{color:var(--colorPaletteGrapeBorderActive);}", ".fu2771t::before{color:var(--colorPaletteLilacBorderActive);}", ".fzflscs::before{color:var(--colorPalettePinkBorderActive);}", ".fb6rmqc::before{color:var(--colorPaletteMagentaBorderActive);}", ".f1a4gm5b::before{color:var(--colorPalettePlumBorderActive);}", ".f1qpf9z1::before{color:var(--colorPaletteBeigeBorderActive);}", ".f1l7or83::before{color:var(--colorPaletteMinkBorderActive);}", ".fzrj0iu::before{color:var(--colorPalettePlatinumBorderActive);}", ".f8oz6wf::before{color:var(--colorPaletteAnchorBorderActive);}"]
}), $r = (e) => {
  "use no memo";
  const {
    size: o,
    shape: r,
    active: a,
    activeAppearance: t,
    color: n
  } = e, f = Vr(), l = Wr(), c = Mr(), i = Or(), s = ne(), d = Xr(), v = Ur(), p = [f, o !== 32 && s[o]];
  if (e.badge && p.push(i.badgeAlign, i[e.badge.size || "medium"]), o <= 24 ? p.push(i.textCaption2Strong) : o <= 28 ? p.push(i.textCaption1Strong) : o <= 40 || (o <= 56 ? p.push(i.textSubtitle2) : o <= 96 ? p.push(i.textSubtitle1) : p.push(i.textTitle3)), r === "square" && (o <= 24 ? p.push(i.squareSmall) : o <= 48 ? p.push(i.squareMedium) : o <= 72 ? p.push(i.squareLarge) : p.push(i.squareXLarge)), (a === "active" || a === "inactive") && (p.push(i.activeOrInactive), (t === "ring" || t === "ring-shadow") && (p.push(i.ring, v[n]), e.badge && p.push(i.ringBadgeCutout), o <= 48 ? p.push(i.ringThick) : o <= 64 ? p.push(i.ringThicker) : p.push(i.ringThickest)), (t === "shadow" || t === "ring-shadow") && (p.push(i.shadow), o <= 28 ? p.push(i.shadow4) : o <= 48 ? p.push(i.shadow8) : o <= 64 ? p.push(i.shadow16) : p.push(i.shadow28)), a === "inactive" && p.push(i.inactive)), e.root.className = b(L.root, ...p, e.root.className), e.badge && (e.badge.className = b(L.badge, i.badge, e.badge.className)), e.image && (e.image.className = b(L.image, l, d[n], e.badge && i.badgeCutout, e.image.className)), e.initials && (e.initials.className = b(L.initials, c, d[n], e.badge && i.badgeCutout, e.initials.className)), e.icon) {
    let h;
    o <= 16 ? h = i.icon12 : o <= 24 ? h = i.icon16 : o <= 40 ? h = i.icon20 : o <= 48 ? h = i.icon24 : o <= 56 ? h = i.icon28 : o <= 72 ? h = i.icon32 : h = i.icon48, e.icon.className = b(L.icon, c, h, d[n], e.badge && i.badgeCutout, e.icon.className);
  }
  return e;
}, W = /* @__PURE__ */ g.forwardRef((e, o) => {
  const r = Ir(e, o);
  return $r(r), _("useAvatarStyles_unstable")(r), Sr(r);
});
W.displayName = "Avatar";
const le = me(void 0), Jr = {}, Kr = le.Provider, Q = (e) => ke(le, (o = Jr) => e(o)), Yr = (e, o) => (A(e), /* @__PURE__ */ k(Kr, {
  value: o.avatarGroup,
  children: /* @__PURE__ */ k(e.root, {})
})), Qr = (e, o) => {
  const { size: r = qe, ...a } = e, t = Zr(a, o);
  return {
    size: r,
    ...t
  };
}, Zr = (e, o) => {
  const { layout: r = "spread" } = e, a = T(M("div", {
    role: "group",
    ...e,
    ref: o
  }), {
    elementType: "div"
  });
  return {
    layout: r,
    components: {
      root: "div"
    },
    root: a
  };
}, qe = 32, eo = (e) => {
  const { layout: o, size: r } = e;
  return {
    avatarGroup: g.useMemo(() => ({
      layout: o,
      size: r
    }), [
      o,
      r
    ])
  };
}, ro = {
  root: "fui-AvatarGroup"
}, oo = /* @__PURE__ */ m({
  base: {
    mc9l5x: "ftuwxu6",
    qhf8xq: "f10pi13n"
  },
  pie: {
    Bgl5zvf: "f1uz6ud1",
    De3pzq: "f1ganh6p",
    By8wz76: "f1wgxgin"
  }
}, {
  d: [".ftuwxu6{display:inline-flex;}", ".f10pi13n{position:relative;}", ".f1uz6ud1{clip-path:circle(50%);}", ".f1ganh6p{background-color:var(--colorTransparentStroke);}"],
  m: [["@media (forced-colors: active){.f1wgxgin{background-color:CanvasText;}}", {
    m: "(forced-colors: active)"
  }]]
}), ao = (e) => {
  "use no memo";
  const {
    layout: o,
    size: r
  } = e, a = oo(), t = ne();
  return e.root.className = b(ro.root, a.base, o === "pie" && t[r], o === "pie" && a.pie, e.root.className), e;
}, je = /* @__PURE__ */ g.forwardRef((e, o) => {
  const r = Qr(e, o), a = eo(r);
  return ao(r), _("useAvatarGroupStyles_unstable")(r), Yr(r, a);
});
je.displayName = "AvatarGroup";
const to = (e) => (A(e), /* @__PURE__ */ F(e.root, {
  children: [
    /* @__PURE__ */ k(e.avatar, {}),
    e.isOverflowItem && /* @__PURE__ */ k(e.overflowLabel, {})
  ]
})), io = (e, o) => {
  const r = no(e, o), a = Q((n) => n.size), t = a ?? qe;
  return {
    size: t,
    ...r,
    components: {
      // eslint-disable-next-line @typescript-eslint/no-deprecated
      ...r.components,
      avatar: W
    },
    avatar: T(e.avatar, {
      defaultProps: {
        size: t,
        color: "colorful",
        ...r.avatar
      },
      elementType: W
    })
  };
}, no = (e, o) => {
  const r = Q((i) => i.isOverflow), a = Q((i) => i.layout), { style: t, className: n, overflowLabel: f, ...l } = e, c = Ve(le);
  return process.env.NODE_ENV !== "production" && !c && console.warn("AvatarGroupItem must only be used inside an AvatarGroup component."), {
    isOverflowItem: r,
    layout: a,
    components: {
      root: r ? "li" : "div",
      avatar: "span",
      overflowLabel: "span"
    },
    root: T(e.root, {
      defaultProps: {
        style: t,
        className: n
      },
      elementType: r ? "li" : "div"
    }),
    avatar: T(e.avatar, {
      defaultProps: {
        ref: o,
        ...l
      },
      elementType: "span"
    }),
    overflowLabel: T(f, {
      defaultProps: {
        // Avatar already has its aria-label set to the name, this will prevent the name to be read twice.
        "aria-hidden": !0,
        children: e.name
      },
      elementType: "span"
    })
  };
}, K = {
  root: "fui-AvatarGroupItem",
  avatar: "fui-AvatarGroupItem__avatar",
  overflowLabel: "fui-AvatarGroupItem__overflowLabel"
}, lo = /* @__PURE__ */ m({
  base: {
    Bt984gj: "f122n59",
    mc9l5x: "ftuwxu6",
    Bnnss6s: "fi64zpg",
    qhf8xq: "f10pi13n"
  },
  overflowItem: {
    Byoj8tv: 0,
    uwmqm3: 0,
    z189sj: 0,
    z8tnut: 0,
    B0ocmuz: "f16d74zd"
  },
  nonOverflowItem: {
    Beyfa6y: 0,
    Bbmb7ep: 0,
    Btl43ni: 0,
    B7oj6ja: 0,
    Dimara: "f44lkw9"
  }
}, {
  d: [".f122n59{align-items:center;}", ".ftuwxu6{display:inline-flex;}", ".fi64zpg{flex-shrink:0;}", ".f10pi13n{position:relative;}", [".f16d74zd{padding:var(--spacingVerticalXS) var(--spacingHorizontalXS);}", {
    p: -1
  }], [".f44lkw9{border-radius:var(--borderRadiusCircular);}", {
    p: -1
  }]]
}), fo = /* @__PURE__ */ m({
  nonOverflowItem: {
    qhf8xq: "f1euv43f"
  },
  pie: {
    Beyfa6y: 0,
    Bbmb7ep: 0,
    Btl43ni: 0,
    B7oj6ja: 0,
    Dimara: "fokr779"
  }
}, {
  d: [".f1euv43f{position:absolute;}", [".fokr779{border-radius:0;}", {
    p: -1
  }]]
}), co = /* @__PURE__ */ m({
  base: {
    Frg6f3: ["foyynoy", "f1vcna3q"],
    sj55zd: "f19n0e5",
    Bahqtrf: "fk6fouc",
    Be2twd7: "fkhj508",
    Bhrd7zp: "figsok6",
    Bg96gwp: "f1i3iumi"
  }
}, {
  d: [".foyynoy{margin-left:var(--spacingHorizontalS);}", ".f1vcna3q{margin-right:var(--spacingHorizontalS);}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}"]
}), so = /* @__PURE__ */ m({
  thick: {
    E5pizo: "foiuzp5"
  },
  thicker: {
    E5pizo: "f1x6o7w7"
  },
  thickest: {
    E5pizo: "f2aml1u"
  },
  xxs: {
    jhia2w: ["f1cjco14", "f13dxjc9"]
  },
  xs: {
    jhia2w: ["f15p6bln", "f1bab3ru"]
  },
  s: {
    jhia2w: ["f1v53ncc", "f17pu8r8"]
  },
  l: {
    jhia2w: ["flv48ch", "fnh1ydj"]
  }
}, {
  d: [".foiuzp5{box-shadow:0 0 0 var(--strokeWidthThick) var(--colorNeutralBackground2);}", ".f1x6o7w7{box-shadow:0 0 0 var(--strokeWidthThicker) var(--colorNeutralBackground2);}", ".f2aml1u{box-shadow:0 0 0 var(--strokeWidthThickest) var(--colorNeutralBackground2);}", ".f1cjco14:not(:first-child){margin-left:calc(-1 * var(--spacingHorizontalXXS));}", ".f13dxjc9:not(:first-child){margin-right:calc(-1 * var(--spacingHorizontalXXS));}", ".f15p6bln:not(:first-child){margin-left:calc(-1 * var(--spacingHorizontalXS));}", ".f1bab3ru:not(:first-child){margin-right:calc(-1 * var(--spacingHorizontalXS));}", ".f1v53ncc:not(:first-child){margin-left:calc(-1 * var(--spacingHorizontalS));}", ".f17pu8r8:not(:first-child){margin-right:calc(-1 * var(--spacingHorizontalS));}", ".flv48ch:not(:first-child){margin-left:calc(-1 * var(--spacingHorizontalL));}", ".fnh1ydj:not(:first-child){margin-right:calc(-1 * var(--spacingHorizontalL));}"]
}), uo = /* @__PURE__ */ m({
  s: {
    jhia2w: ["f7lhxv7", "f6ou2b0"]
  },
  mNudge: {
    jhia2w: ["f1h0okno", "fnnqava"]
  },
  m: {
    jhia2w: ["f1wkt588", "f1maio5g"]
  },
  l: {
    jhia2w: ["f1l333zn", "f1r41m4c"]
  },
  xl: {
    jhia2w: ["fahr13a", "f2n7rbo"]
  }
}, {
  d: [".f7lhxv7:not(:first-child){margin-left:var(--spacingHorizontalS);}", ".f6ou2b0:not(:first-child){margin-right:var(--spacingHorizontalS);}", ".f1h0okno:not(:first-child){margin-left:var(--spacingHorizontalMNudge);}", ".fnnqava:not(:first-child){margin-right:var(--spacingHorizontalMNudge);}", ".f1wkt588:not(:first-child){margin-left:var(--spacingHorizontalM);}", ".f1maio5g:not(:first-child){margin-right:var(--spacingHorizontalM);}", ".f1l333zn:not(:first-child){margin-left:var(--spacingHorizontalL);}", ".f1r41m4c:not(:first-child){margin-right:var(--spacingHorizontalL);}", ".fahr13a:not(:first-child){margin-left:var(--spacingHorizontalXL);}", ".f2n7rbo:not(:first-child){margin-right:var(--spacingHorizontalXL);}"]
}), vo = /* @__PURE__ */ m({
  base: {
    qhf8xq: "f1euv43f"
  },
  slices: {
    B3gf25r: "f16m7w7k",
    Be2twx7: ["f1o4hhgz", "fb4gjrz"],
    Bvaow4n: "f1pgb5nx",
    Gpecfs: ["fugirid", "f4sk99m"],
    bhabj1: "fjreaf3",
    B7rc6i7: ["f1k4vw81", "f1w1xcy7"],
    Bwrfys5: "f1ef8vxk",
    Bwuzm9m: ["f1x2qbfv", "f1xwf4nz"],
    fflka: "ff6xuso",
    do7bja: "fzpvk6c",
    Be8zqhl: "f4onu7f",
    Bij0kh0: ["f1ydfez1", "fjensob"],
    Bwexnyt: "f1yv732j",
    Bhe5x6o: "fchq2fj",
    B3kv7bh: "ff5binh"
  },
  rtlSlices: {
    B3gf25r: "f5vdl61",
    Bvaow4n: "f1bnra92",
    bhabj1: "f4ibo7t",
    Bwrfys5: "f17heuis",
    Bwuzm9m: ["f64f2ud", "f1yjglu3"],
    Be8zqhl: "fa6l61x",
    Bij0kh0: ["f1w2396a", "f14ab3yo"]
  },
  thick: {
    uiicq7: "fnyfzln"
  },
  thicker: {
    uiicq7: "f1xdzzot"
  },
  thickest: {
    uiicq7: "f1auhru5"
  }
}, {
  d: [".f1euv43f{position:absolute;}", ".f16m7w7k:nth-of-type(1):nth-last-of-type(2){clip-path:inset(0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)) 0 25%);}", ".f1o4hhgz:nth-of-type(1):nth-last-of-type(2){left:-25%;}", ".fb4gjrz:nth-of-type(1):nth-last-of-type(2){right:-25%;}", ".f1pgb5nx:nth-of-type(2):nth-last-of-type(1){clip-path:inset(0 25% 0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)));}", ".fugirid:nth-of-type(2):nth-last-of-type(1){left:25%;}", ".f4sk99m:nth-of-type(2):nth-last-of-type(1){right:25%;}", ".fjreaf3:nth-of-type(1):nth-last-of-type(3){clip-path:inset(0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)) 0 25%);}", ".f1k4vw81:nth-of-type(1):nth-last-of-type(3){left:-25%;}", ".f1w1xcy7:nth-of-type(1):nth-last-of-type(3){right:-25%;}", ".f1ef8vxk:nth-of-type(2):nth-last-of-type(2){clip-path:inset(0 0 var(--fuiAvatarGroupItem__divider--width) var(--fuiAvatarGroupItem__divider--width));}", ".f1x2qbfv:nth-of-type(2):nth-last-of-type(2){left:50%;}", ".f1xwf4nz:nth-of-type(2):nth-last-of-type(2){right:50%;}", ".ff6xuso:nth-of-type(2):nth-last-of-type(2){transform:scale(0.5);}", ".fzpvk6c:nth-of-type(2):nth-last-of-type(2){transform-origin:0 0;}", ".f4onu7f:nth-of-type(3):nth-last-of-type(1){clip-path:inset(var(--fuiAvatarGroupItem__divider--width) 0 0 var(--fuiAvatarGroupItem__divider--width));}", ".f1ydfez1:nth-of-type(3):nth-last-of-type(1){left:50%;}", ".fjensob:nth-of-type(3):nth-last-of-type(1){right:50%;}", ".f1yv732j:nth-of-type(3):nth-last-of-type(1){top:50%;}", ".fchq2fj:nth-of-type(3):nth-last-of-type(1){transform:scale(0.5);}", ".ff5binh:nth-of-type(3):nth-last-of-type(1){transform-origin:0 0;}", ".f5vdl61:nth-of-type(1):nth-last-of-type(2){clip-path:inset(0 25% 0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)));}", ".f1bnra92:nth-of-type(2):nth-last-of-type(1){clip-path:inset(0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)) 0 25%);}", ".f4ibo7t:nth-of-type(1):nth-last-of-type(3){clip-path:inset(0 25% 0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)));}", ".f17heuis:nth-of-type(2):nth-last-of-type(2){clip-path:inset(0 var(--fuiAvatarGroupItem__divider--width) var(--fuiAvatarGroupItem__divider--width) 0);}", ".f64f2ud:nth-of-type(2):nth-last-of-type(2){left:0;}", ".f1yjglu3:nth-of-type(2):nth-last-of-type(2){right:0;}", ".fa6l61x:nth-of-type(3):nth-last-of-type(1){clip-path:inset(var(--fuiAvatarGroupItem__divider--width) var(--fuiAvatarGroupItem__divider--width) 0 0);}", ".f1w2396a:nth-of-type(3):nth-last-of-type(1){left:0;}", ".f14ab3yo:nth-of-type(3):nth-last-of-type(1){right:0;}", ".fnyfzln{--fuiAvatarGroupItem__divider--width:var(--strokeWidthThick);}", ".f1xdzzot{--fuiAvatarGroupItem__divider--width:var(--strokeWidthThicker);}", ".f1auhru5{--fuiAvatarGroupItem__divider--width:var(--strokeWidthThickest);}"]
}), go = (e) => {
  "use no memo";
  const {
    isOverflowItem: o,
    layout: r,
    size: a
  } = e, {
    dir: t
  } = ie(), n = fo(), f = co(), l = vo(), c = lo(), i = ne(), s = po(r, a), d = [c.base];
  return o ? d.push(c.overflowItem) : (d.push(c.nonOverflowItem), d.push(s), d.push(i[a]), r === "pie" && (d.push(l.base), a < 56 ? d.push(l.thick) : a < 72 ? d.push(l.thicker) : d.push(l.thickest), d.push(l.slices), t === "rtl" && d.push(l.rtlSlices))), e.root.className = b(K.root, ...d, e.root.className), e.avatar.className = b(K.avatar, !o && n.nonOverflowItem, r === "pie" && n.pie, e.avatar.className), e.overflowLabel && (e.overflowLabel.className = b(K.overflowLabel, f.base, e.overflowLabel.className)), e;
}, po = (e, o) => {
  const r = so(), a = uo(), t = [];
  return o && (e === "stack" ? (o < 56 ? t.push(r.thick) : o < 72 ? t.push(r.thicker) : t.push(r.thickest), o < 24 ? t.push(r.xxs) : o < 48 ? t.push(r.xs) : o < 96 ? t.push(r.s) : t.push(r.l)) : e === "spread" && (o < 20 ? t.push(a.s) : o < 32 ? t.push(a.mNudge) : o < 64 ? t.push(a.l) : t.push(a.xl))), b(...t);
}, Se = /* @__PURE__ */ g.forwardRef((e, o) => {
  const r = io(e, o);
  return go(r), _("useAvatarGroupItemStyles_unstable")(r), to(r);
});
Se.displayName = "AvatarGroupItem";
const bo = (e) => {
  const { presenceOnly: o, textPosition: r } = e;
  A(e);
  const a = o ? e.presence && /* @__PURE__ */ k(e.presence, {}) : e.avatar && /* @__PURE__ */ k(e.avatar, {});
  return /* @__PURE__ */ F(e.root, {
    children: [
      (r === "after" || r === "below") && a,
      e.primaryText && /* @__PURE__ */ k(e.primaryText, {}),
      e.secondaryText && /* @__PURE__ */ k(e.secondaryText, {}),
      e.tertiaryText && /* @__PURE__ */ k(e.tertiaryText, {}),
      e.quaternaryText && /* @__PURE__ */ k(e.quaternaryText, {}),
      r === "before" && a
    ]
  });
}, ho = (e, o) => {
  const { avatar: r, presenceOnly: a = !1, size: t = "medium", textAlignment: n = "start", textPosition: f = "after", presence: l, ...c } = e, i = mo(c, o);
  return {
    ...i,
    presenceOnly: a,
    size: t,
    textAlignment: n,
    textPosition: f,
    components: {
      // eslint-disable-next-line @typescript-eslint/no-deprecated
      ...i.components,
      avatar: W,
      presence: V
    },
    avatar: a ? void 0 : z(r, {
      renderByDefault: !0,
      defaultProps: {
        name: e.name,
        badge: l,
        size: yo[t]
      },
      elementType: W
    }),
    presence: a ? z(l, {
      defaultProps: {
        size: ko[t]
      },
      elementType: V
    }) : void 0
  };
}, mo = (e, o) => {
  const { name: r, primaryText: a, secondaryText: t, tertiaryText: n, quaternaryText: f, ...l } = e, c = z(a, {
    renderByDefault: !0,
    defaultProps: {
      children: r
    },
    elementType: "span"
  }), i = z(t, {
    elementType: "span"
  }), s = z(n, {
    elementType: "span"
  }), d = z(f, {
    elementType: "span"
  });
  return {
    numTextLines: [
      c,
      i,
      s,
      d
    ].filter(Boolean).length,
    components: {
      root: "div",
      primaryText: "span",
      secondaryText: "span",
      tertiaryText: "span",
      quaternaryText: "span"
    },
    root: T({
      ref: o,
      ...l
    }, {
      elementType: "div"
    }),
    primaryText: c,
    secondaryText: i,
    tertiaryText: s,
    quaternaryText: d
  };
}, ko = {
  "extra-small": "tiny",
  small: "extra-small",
  medium: "small",
  large: "medium",
  "extra-large": "large",
  huge: "large"
}, yo = {
  "extra-small": 20,
  small: 28,
  medium: 32,
  large: 36,
  "extra-large": 40,
  huge: 56
}, H = {
  root: "fui-Persona",
  avatar: "fui-Persona__avatar",
  presence: "fui-Persona__presence",
  primaryText: "fui-Persona__primaryText",
  secondaryText: "fui-Persona__secondaryText",
  tertiaryText: "fui-Persona__tertiaryText",
  quaternaryText: "fui-Persona__quaternaryText"
}, xo = /* @__PURE__ */ R("rlroi9i", null, [".rlroi9i{display:inline-grid;grid-auto-rows:max-content;grid-auto-flow:column;justify-items:start;grid-template-columns:max-content [middle] auto;}"]), Bo = /* @__PURE__ */ m({
  beforeAfterCenter: {
    wkccdc: "f1iantul"
  },
  after: {},
  before: {
    B7hvi0a: "f1tll2w5",
    Budl1dq: "ffvkwdr"
  },
  below: {
    Bxotwcr: "f1nkeedh",
    B7hvi0a: "f1oiokrs",
    Budl1dq: "f1emgwh2"
  },
  media: {
    Ijaq50: "f1hek2iy"
  },
  mediaBeforeAfterCenter: {
    Ijaq50: "fa4dipu"
  },
  start: {
    qb2dma: "f9h729m"
  },
  center: {
    qb2dma: "f7nlbp4"
  },
  afterAlignToPrimary: {
    qb2dma: "f7nlbp4",
    Ijaq50: "f1rnkkuc",
    Bw0ie65: "f1warjpf"
  },
  beforeAlignToPrimary: {
    qb2dma: "f7nlbp4",
    Ijaq50: "f1rnkkuc",
    Br312pm: "fwu52yu"
  },
  secondLineSpacing: {
    B6of3ja: "f1ryq6si"
  },
  primary: {
    Ijaq50: "f1q3ipgb"
  },
  secondary: {
    Ijaq50: "f3drtdk"
  },
  tertiary: {
    Ijaq50: "fa1o6s1"
  },
  quaternary: {
    Ijaq50: "f1tuwaia"
  }
}, {
  d: [".f1iantul{grid-template-rows:1fr [primary] max-content [secondary] max-content [tertiary] max-content [quaternary] max-content 1fr;}", ".f1tll2w5{justify-items:end;}", ".ffvkwdr{grid-template-columns:auto [middle] max-content;}", ".f1nkeedh{grid-auto-flow:unset;}", ".f1oiokrs{justify-items:center;}", ".f1emgwh2{grid-template-columns:unset;}", ".f1hek2iy{grid-row-start:span 5;}", ".fa4dipu{grid-row-start:span 6;}", ".f9h729m{align-self:start;}", ".f7nlbp4{align-self:center;}", ".f1rnkkuc{grid-row-start:unset;}", ".f1warjpf{grid-column-end:middle;}", ".fwu52yu{grid-column-start:middle;}", ".f1ryq6si{margin-top:-2px;}", ".f1q3ipgb{grid-row-start:primary;}", ".f3drtdk{grid-row-start:secondary;}", ".fa1o6s1{grid-row-start:tertiary;}", ".f1tuwaia{grid-row-start:quaternary;}"]
}), wo = /* @__PURE__ */ m({
  "extra-small": {
    Bs1gm4r: "f1e48tse"
  },
  small: {
    Bs1gm4r: "f18q9vkd"
  },
  medium: {
    Bs1gm4r: "f18q9vkd"
  },
  large: {
    Bs1gm4r: "fx34bi6"
  },
  "extra-large": {
    Bs1gm4r: "fx34bi6"
  },
  huge: {
    Bs1gm4r: "f1o96qtm"
  },
  after: {
    t21cq0: ["f103ycu4", "f1tao51"]
  },
  below: {
    jrapky: "fbo7acy"
  },
  before: {
    Frg6f3: ["f1tao51", "f103ycu4"]
  }
}, {
  d: [".f1e48tse{--fui-Persona__avatar--spacing:var(--spacingHorizontalSNudge);}", ".f18q9vkd{--fui-Persona__avatar--spacing:var(--spacingHorizontalS);}", ".fx34bi6{--fui-Persona__avatar--spacing:var(--spacingHorizontalMNudge);}", ".f1o96qtm{--fui-Persona__avatar--spacing:var(--spacingHorizontalM);}", ".f103ycu4{margin-right:var(--fui-Persona__avatar--spacing);}", ".f1tao51{margin-left:var(--fui-Persona__avatar--spacing);}", ".fbo7acy{margin-bottom:var(--fui-Persona__avatar--spacing);}"]
}), zo = /* @__PURE__ */ m({
  small: {
    Bs1gm4r: "f1e48tse"
  }
}, {
  d: [".f1e48tse{--fui-Persona__avatar--spacing:var(--spacingHorizontalSNudge);}"]
}), qo = (e) => {
  "use no memo";
  const {
    presenceOnly: o,
    size: r,
    textAlignment: a,
    textPosition: t
  } = e, n = o && a === "start" && r !== "extra-large" && r !== "huge", f = t !== "below" && a === "center", {
    primaryTextClassName: l,
    optionalTextClassName: c
  } = To(e, n), i = xo(), s = Bo(), d = wo(), v = {
    ...d,
    ...zo()
  };
  return e.root.className = b(H.root, i, f && s.beforeAfterCenter, s[t], e.root.className), e.avatar && (e.avatar.className = b(H.avatar, t !== "below" && s.media, f && s.mediaBeforeAfterCenter, s[a], d[r], d[t], e.avatar.className)), e.presence && (e.presence.className = b(H.presence, t !== "below" && s.media, f && s.mediaBeforeAfterCenter, s[a], v[r], v[t], t === "after" && n && s.afterAlignToPrimary, t === "before" && n && s.beforeAlignToPrimary, e.presence.className)), e.primaryText && (e.primaryText.className = b(H.primaryText, f && s.primary, l, e.primaryText.className)), e.secondaryText && (e.secondaryText.className = b(H.secondaryText, f && s.secondary, c, s.secondLineSpacing, e.secondaryText.className)), e.tertiaryText && (e.tertiaryText.className = b(H.tertiaryText, f && s.tertiary, c, e.tertiaryText.className)), e.quaternaryText && (e.quaternaryText.className = b(H.quaternaryText, f && s.quaternary, c, e.quaternaryText.className)), e;
}, jo = /* @__PURE__ */ R("rvj41k9", null, [".rvj41k9{display:block;color:var(--colorNeutralForeground1);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase300);}"]), So = /* @__PURE__ */ R("rp1pf9e", null, [".rp1pf9e{display:block;color:var(--colorNeutralForeground2);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}"]), Co = /* @__PURE__ */ m({
  beforeAlignToPrimary: {
    Bw0ie65: "f1warjpf"
  },
  afterAlignToPrimary: {
    Br312pm: "fwu52yu"
  },
  body1: {
    Bahqtrf: "fk6fouc",
    Be2twd7: "fkhj508",
    Bhrd7zp: "figsok6",
    Bg96gwp: "f1i3iumi"
  },
  caption1: {
    Bahqtrf: "fk6fouc",
    Be2twd7: "fy9rknc",
    Bhrd7zp: "figsok6",
    Bg96gwp: "fwrc4pm"
  },
  subtitle2: {
    Bahqtrf: "fk6fouc",
    Be2twd7: "fod5ikn",
    Bhrd7zp: "fl43uef",
    Bg96gwp: "faaz57k"
  }
}, {
  d: [".f1warjpf{grid-column-end:middle;}", ".fwu52yu{grid-column-start:middle;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".faaz57k{line-height:var(--lineHeightBase400);}"]
}), To = (e, o) => {
  const {
    presenceOnly: r,
    size: a,
    textPosition: t
  } = e, n = jo(), f = So(), l = Co();
  let c, i;
  return r ? (a === "extra-small" ? c = e.numTextLines <= 1 && l.caption1 : (a === "extra-large" || a === "huge") && (c = l.subtitle2), o && (t === "before" ? i = l.beforeAlignToPrimary : t === "after" && (i = l.afterAlignToPrimary))) : (a === "huge" || a === "extra-large") && (c = l.subtitle2), {
    primaryTextClassName: b(n, c, i),
    optionalTextClassName: b(f, !r && a === "huge" && l.body1, i)
  };
}, fe = /* @__PURE__ */ g.forwardRef((e, o) => {
  const r = ho(e, o);
  return qo(r), _("usePersonaStyles_unstable")(r), bo(r);
});
fe.displayName = "Persona";
const Po = (e, o) => {
  const { appearance: r = "transparent", reserveSelectedTabSpace: a = !0, size: t = "medium" } = e, n = No(e, o), f = Ao({
    vertical: n.vertical
  });
  return {
    ...n,
    root: {
      ...f,
      ...n.root
    },
    appearance: r,
    reserveSelectedTabSpace: a,
    size: t
  };
}, No = (e, o) => {
  const { disabled: r = !1, onTabSelect: a, selectTabOnFocus: t = !1, vertical: n = !1, selectedValue: f, defaultSelectedValue: l, ...c } = e, i = g.useRef(null), [s, d] = ye({
    state: f,
    defaultState: l,
    initialState: void 0
  }), v = g.useRef(void 0), p = g.useRef(void 0);
  g.useEffect(() => {
    p.current = v.current, v.current = s;
  }, [
    s
  ]);
  const h = E((x, C) => {
    d(C.value), a?.(x, C);
  }), j = g.useRef({}), y = E((x) => {
    const C = JSON.stringify(x.value);
    !C && process.env.NODE_ENV !== "production" && console.error([
      `[@fluentui/react-tabs] The value "${x.value}" cannot be serialized to JSON string.`,
      "Tab component requires serializable values.",
      "Please provide a primitive value (string, number, boolean),",
      "or a plain object/array that doesn't contain functions, symbols, or circular references."
    ].join(" ")), j.current[C] = x;
  }), B = E((x) => {
    delete j.current[JSON.stringify(x.value)];
  }), q = g.useCallback(() => ({
    selectedValue: v.current,
    previousSelectedValue: p.current,
    registeredTabs: j.current
  }), []);
  return {
    components: {
      root: "div"
    },
    root: T({
      ref: $(o, i),
      role: "tablist",
      "aria-orientation": n ? "vertical" : "horizontal",
      ...c
    }, {
      elementType: "div"
    }),
    disabled: r,
    selectTabOnFocus: t,
    selectedValue: s,
    onRegister: y,
    onUnregister: B,
    onSelect: h,
    getRegisteredTabs: q,
    vertical: n
  };
}, Ao = ({ vertical: e }) => We({
  circular: !0,
  axis: e ? "vertical" : "horizontal",
  memorizeCurrent: !1,
  // eslint-disable-next-line @typescript-eslint/naming-convention
  unstable_hasDefault: !0
}), _o = {
  appearance: "transparent",
  reserveSelectedTabSpace: !0,
  selectTabOnFocus: !1,
  disabled: !1,
  selectedValue: void 0,
  onRegister: () => {
  },
  onUnregister: () => {
  },
  onSelect: () => {
  },
  getRegisteredTabs: () => ({
    registeredTabs: {}
  }),
  size: "medium",
  vertical: !1
}, Ce = me(void 0), Do = Ce.Provider, N = (e) => ke(Ce, (o = _o) => e(o)), Fo = (e, o) => (A(e), /* @__PURE__ */ k(e.root, {
  children: /* @__PURE__ */ k(Do, {
    value: o.tabList,
    children: e.root.children
  })
})), Ho = {
  root: "fui-TabList"
}, Ro = /* @__PURE__ */ m({
  root: {
    mc9l5x: "f22iagw",
    Beiy3e4: "f1063pyq",
    Bnnss6s: "fi64zpg",
    Eh141a: "flvyvdh",
    qhf8xq: "f10pi13n"
  },
  horizontal: {
    Bt984gj: "f1q9h2pe",
    Beiy3e4: "f1063pyq"
  },
  vertical: {
    Bt984gj: "f1q9h2pe",
    Beiy3e4: "f1vx9l62"
  },
  roundedSmall: {
    i8kkvl: 0,
    Belr9w4: 0,
    rmohyg: "f1eyhf9v"
  },
  rounded: {
    i8kkvl: 0,
    Belr9w4: 0,
    rmohyg: "faqewft"
  }
}, {
  d: [".f22iagw{display:flex;}", ".f1063pyq{flex-direction:row;}", ".fi64zpg{flex-shrink:0;}", ".flvyvdh{flex-wrap:nowrap;}", ".f10pi13n{position:relative;}", ".f1q9h2pe{align-items:stretch;}", ".f1vx9l62{flex-direction:column;}", [".f1eyhf9v{gap:var(--spacingHorizontalSNudge);}", {
    p: -1
  }], [".faqewft{gap:var(--spacingHorizontalS);}", {
    p: -1
  }]]
}), Io = (e) => {
  "use no memo";
  const {
    appearance: o,
    vertical: r,
    size: a
  } = e, t = Ro(), n = o === "subtle-circular" || o === "filled-circular";
  return e.root.className = b(Ho.root, t.root, r ? t.vertical : t.horizontal, n && (a === "small" ? t.roundedSmall : t.rounded), e.root.className), e;
};
function Go(e) {
  const { appearance: o, reserveSelectedTabSpace: r, disabled: a, selectTabOnFocus: t, selectedValue: n, onRegister: f, onUnregister: l, onSelect: c, getRegisteredTabs: i, size: s, vertical: d } = e;
  return {
    tabList: g.useMemo(() => ({
      appearance: o,
      reserveSelectedTabSpace: r,
      disabled: a,
      selectTabOnFocus: t,
      selectedValue: n,
      onSelect: c,
      onRegister: f,
      onUnregister: l,
      getRegisteredTabs: i,
      size: s,
      vertical: d
    }), [
      o,
      r,
      a,
      t,
      n,
      c,
      f,
      l,
      i,
      s,
      d
    ])
  };
}
const Te = /* @__PURE__ */ g.forwardRef((e, o) => {
  const r = Po(e, o), a = Go(r);
  return Io(r), _("useTabListStyles_unstable")(r), Fo(r, a);
});
Te.displayName = "TabList";
const Lo = (e, o) => {
  const { content: r } = e, a = Eo(e, o), t = Vo(a), n = N((i) => i.appearance), f = N((i) => i.reserveSelectedTabSpace), l = N((i) => {
    var s;
    return (s = i.size) !== null && s !== void 0 ? s : "medium";
  }), c = r && typeof r == "object" ? jr(r, [
    "ref"
  ]) : r;
  return {
    ...a,
    // eslint-disable-next-line @typescript-eslint/no-deprecated
    components: {
      ...a.components,
      contentReservedSpace: "span"
    },
    root: {
      ...t,
      ...a.root
    },
    contentReservedSpace: z(c, {
      renderByDefault: !a.selected && !a.iconOnly && f,
      defaultProps: {
        children: e.children
      },
      elementType: "span"
    }),
    appearance: n,
    size: l
  };
}, Eo = (e, o) => {
  const { content: r, disabled: a = !1, icon: t, onClick: n, onFocus: f, value: l, ...c } = e, i = N((w) => w.selectTabOnFocus), s = N((w) => w.disabled), d = N((w) => w.selectedValue === l), v = N((w) => w.onRegister), p = N((w) => w.onUnregister), h = N((w) => w.onSelect), j = N((w) => !!w.vertical), y = s || a, B = g.useRef(null), q = (w) => h(w, {
    value: l
  }), x = E(G(n, q)), C = E(G(f, q));
  g.useEffect(() => (v({
    value: l,
    ref: B
  }), () => {
    p({
      value: l,
      ref: B
    });
  }), [
    v,
    p,
    B,
    l
  ]);
  const D = z(t, {
    elementType: "span"
  }), O = T(r, {
    defaultProps: {
      children: e.children
    },
    elementType: "span"
  }), S = !!(D?.children && !O.children);
  return {
    components: {
      root: "button",
      icon: "span",
      content: "span",
      contentReservedSpace: "span"
    },
    root: T({
      ref: $(o, B),
      role: "tab",
      type: "button",
      // aria-selected undefined indicates it is not selectable
      // according to https://www.w3.org/TR/wai-aria-1.1/#aria-selected
      "aria-selected": y ? void 0 : `${d}`,
      value: l,
      ...c,
      disabled: y,
      onClick: x,
      onFocus: i ? C : f
    }, {
      elementType: "button"
    }),
    icon: D,
    iconOnly: S,
    content: O,
    disabled: y,
    selected: d,
    value: l,
    vertical: j
  };
}, Vo = ({ selected: e }) => Me({
  focusable: {
    isDefault: e
  }
}), Wo = (e) => (A(e), /* @__PURE__ */ F(e.root, {
  children: [
    e.icon && /* @__PURE__ */ k(e.icon, {}),
    !e.iconOnly && /* @__PURE__ */ k(e.content, {}),
    e.contentReservedSpace && /* @__PURE__ */ k(e.contentReservedSpace, {})
  ]
})), ue = {
  offsetVar: "--fui-Tab__indicator--offset",
  scaleVar: "--fui-Tab__indicator--scale"
}, Mo = /* @__PURE__ */ m({
  base: {
    B68tc82: 0,
    Bmxbyg5: 0,
    Bpg54ce: "f1gl81tg"
  },
  animated: {
    Ba2ppi3: "fhwpy7i",
    F2fol1: "f6zz20j",
    B1dyfl9: "f1ai4sc1",
    Bu93a1u: "f1rnm8gg",
    Bdasjez: "f1x3cmqg"
  },
  horizontal: {
    sjv3b2: ["fug4aj8", "f1i5xzg7"],
    b1kco5: "f1q7ujh"
  },
  vertical: {
    sjv3b2: "f1hqboyk",
    b1kco5: "f1dxupa6"
  }
}, {
  d: [[".f1gl81tg{overflow:visible;}", {
    p: -1
  }], ".fhwpy7i::after{transition-property:transform;}", ".f6zz20j::after{transition-duration:var(--durationSlow);}", ".f1ai4sc1::after{transition-timing-function:var(--curveDecelerateMax);}", ".fug4aj8::after{transform-origin:left;}", ".f1i5xzg7::after{transform-origin:right;}", ".f1q7ujh::after{transform:translateX(var(--fui-Tab__indicator--offset)) scaleX(var(--fui-Tab__indicator--scale));}", ".f1hqboyk::after{transform-origin:top;}", ".f1dxupa6::after{transform:translateY(var(--fui-Tab__indicator--offset)) scaleY(var(--fui-Tab__indicator--scale));}"],
  m: [["@media (prefers-reduced-motion: reduce){.f1rnm8gg::after{transition-property:none;}}", {
    m: "(prefers-reduced-motion: reduce)"
  }], ["@media (prefers-reduced-motion: reduce){.f1x3cmqg::after{transition-duration:0.01ms;}}", {
    m: "(prefers-reduced-motion: reduce)"
  }]]
}), Oo = (e) => {
  if (e) {
    var o;
    const r = ((o = e.parentElement) === null || o === void 0 ? void 0 : o.getBoundingClientRect()) || {
      x: 0,
      y: 0
    }, a = e.getBoundingClientRect();
    return {
      x: a.x - r.x,
      y: a.y - r.y,
      width: a.width,
      height: a.height
    };
  }
}, ve = (e, o) => {
  var r;
  const a = Z(o) ? (r = e[JSON.stringify(o)]) === null || r === void 0 ? void 0 : r.ref.current : void 0;
  return a ? Oo(a) : void 0;
}, Z = (e) => e != null, Xo = (e) => {
  const {
    disabled: o,
    selected: r,
    vertical: a
  } = e, t = Mo(), [n, f] = g.useState(), [l, c] = g.useState({
    offset: 0,
    scale: 1
  }), i = N((p) => p.getRegisteredTabs), [s] = Oe();
  if (r) {
    const {
      previousSelectedValue: p,
      selectedValue: h,
      registeredTabs: j
    } = i();
    if (Z(p) && n !== p) {
      const y = ve(j, p), B = ve(j, h);
      if (B && y) {
        const q = a ? y.y - B.y : y.x - B.x, x = a ? y.height / B.height : y.width / B.width;
        c({
          offset: q,
          scale: x
        }), f(p), s(() => c({
          offset: 0,
          scale: 1
        }));
      }
    }
  } else Z(n) && f(void 0);
  if (o)
    return e;
  const d = l.offset === 0 && l.scale === 1;
  e.root.className = b(e.root.className, r && t.base, r && d && t.animated, r && (a ? t.vertical : t.horizontal));
  const v = {
    [ue.offsetVar]: `${l.offset}px`,
    [ue.scaleVar]: `${l.scale}`
  };
  return e.root.style = {
    ...v,
    ...e.root.style
  }, e;
}, ee = {
  root: "fui-Tab",
  icon: "fui-Tab__icon",
  content: "fui-Tab__content"
}, Uo = {
  content: "fui-Tab__content--reserved-space"
}, Pe = /* @__PURE__ */ m({
  root: {
    Bt984gj: "f122n59",
    mc9l5x: "f13qh94s",
    Bnnss6s: "fi64zpg",
    Bxotwcr: "f1u07yai",
    Budl1dq: "frn2hmy",
    wkccdc: "f1olsevy",
    oeaueh: "f1s6fcnf",
    qhf8xq: "f10pi13n"
  },
  button: {
    Bt984gj: "f122n59",
    Bgfg5da: 0,
    B9xav0g: 0,
    oivjwe: 0,
    Bn0qgzm: 0,
    B4g9neb: 0,
    zhjwy3: 0,
    wvpqe5: 0,
    ibv6hh: 0,
    u1mtju: 0,
    h3c5rm: 0,
    vrafjx: 0,
    Bekrc4i: 0,
    i8vvqc: 0,
    g2u3we: 0,
    icvyot: 0,
    B4j52fo: 0,
    irswps: "f3bhgqh",
    Beyfa6y: 0,
    Bbmb7ep: 0,
    Btl43ni: 0,
    B7oj6ja: 0,
    Dimara: "ft85np5",
    Bceei9c: "f1k6fduh",
    mc9l5x: "f13qh94s",
    Bnnss6s: "fi64zpg",
    Bxotwcr: "f1u07yai",
    Budl1dq: "frn2hmy",
    wkccdc: "f1olsevy",
    Bahqtrf: "fk6fouc",
    Bg96gwp: "f1i3iumi",
    oeaueh: "f1s6fcnf",
    qhf8xq: "f10pi13n",
    B68tc82: 0,
    Bmxbyg5: 0,
    Bpg54ce: "f1a3p1vp",
    B9bfxx9: "f1cxpek8"
  },
  horizontal: {
    Brf1p80: "f4d9j23"
  },
  vertical: {
    Brf1p80: "f1s9ku6b"
  },
  smallHorizontal: {
    i8kkvl: "f14mj54c",
    Byoj8tv: 0,
    uwmqm3: 0,
    z189sj: 0,
    z8tnut: 0,
    B0ocmuz: "f1wmopi4"
  },
  smallVertical: {
    i8kkvl: "f14mj54c",
    Byoj8tv: 0,
    uwmqm3: 0,
    z189sj: 0,
    z8tnut: 0,
    B0ocmuz: "f12or63q"
  },
  mediumHorizontal: {
    i8kkvl: "f1rjii52",
    Byoj8tv: 0,
    uwmqm3: 0,
    z189sj: 0,
    z8tnut: 0,
    B0ocmuz: "f1w08f2p"
  },
  mediumVertical: {
    i8kkvl: "f1rjii52",
    Byoj8tv: 0,
    uwmqm3: 0,
    z189sj: 0,
    z8tnut: 0,
    B0ocmuz: "fymxs25"
  },
  largeHorizontal: {
    i8kkvl: "f1rjii52",
    Byoj8tv: 0,
    uwmqm3: 0,
    z189sj: 0,
    z8tnut: 0,
    B0ocmuz: "f1ssfvub"
  },
  largeVertical: {
    i8kkvl: "f1rjii52",
    Byoj8tv: 0,
    uwmqm3: 0,
    z189sj: 0,
    z8tnut: 0,
    B0ocmuz: "fwkd1rq"
  },
  transparent: {
    De3pzq: "f1c21dwh",
    B95qlz1: "f9rvdkv",
    B7xitij: "f1051ucx",
    Bptxc3x: "fmmjozx",
    Bwqhzpy: "fqhzt5g",
    iyk698: "f7l5cgy",
    cl4aha: "fpkze5g",
    B0q3jbp: "f1iywnoi",
    Be9ayug: "f9n45c4"
  },
  subtle: {
    De3pzq: "fhovq9v",
    B95qlz1: "f1bifk9c",
    B7xitij: "fo6hitd",
    Bptxc3x: "fmmjozx",
    Bwqhzpy: "fqhzt5g",
    iyk698: "f7l5cgy",
    cl4aha: "fpkze5g",
    B0q3jbp: "f1iywnoi",
    Be9ayug: "f9n45c4"
  },
  disabledCursor: {
    Bceei9c: "fdrzuqr"
  },
  disabled: {
    De3pzq: "f1c21dwh",
    Bptxc3x: "fato7r6",
    cl4aha: "fao1bnu"
  },
  selected: {
    Bptxc3x: "f1cadz5z",
    Bwqhzpy: "fwhdxxj",
    iyk698: "fintccb",
    cl4aha: "ffplhdr",
    B0q3jbp: "fjo17wb",
    Be9ayug: "f148789c"
  }
}, {
  d: [".f122n59{align-items:center;}", ".f13qh94s{display:grid;}", ".fi64zpg{flex-shrink:0;}", ".f1u07yai{grid-auto-flow:column;}", ".frn2hmy{grid-template-columns:auto;}", ".f1olsevy{grid-template-rows:auto;}", ".f1s6fcnf{outline-style:none;}", ".f10pi13n{position:relative;}", [".f3bhgqh{border:none;}", {
    p: -2
  }], [".ft85np5{border-radius:var(--borderRadiusMedium);}", {
    p: -1
  }], ".f1k6fduh{cursor:pointer;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", [".f1a3p1vp{overflow:hidden;}", {
    p: -1
  }], ".f1cxpek8{text-transform:none;}", ".f4d9j23{justify-content:center;}", ".f1s9ku6b{justify-content:start;}", ".f14mj54c{column-gap:var(--spacingHorizontalXXS);}", [".f1wmopi4{padding:var(--spacingVerticalSNudge) var(--spacingHorizontalSNudge);}", {
    p: -1
  }], [".f12or63q{padding:var(--spacingVerticalXXS) var(--spacingHorizontalSNudge);}", {
    p: -1
  }], ".f1rjii52{column-gap:var(--spacingHorizontalSNudge);}", [".f1w08f2p{padding:var(--spacingVerticalM) var(--spacingHorizontalMNudge);}", {
    p: -1
  }], [".fymxs25{padding:var(--spacingVerticalSNudge) var(--spacingHorizontalMNudge);}", {
    p: -1
  }], [".f1ssfvub{padding:var(--spacingVerticalL) var(--spacingHorizontalMNudge);}", {
    p: -1
  }], [".fwkd1rq{padding:var(--spacingVerticalS) var(--spacingHorizontalMNudge);}", {
    p: -1
  }], ".f1c21dwh{background-color:var(--colorTransparentBackground);}", ".f9rvdkv:enabled:hover{background-color:var(--colorTransparentBackgroundHover);}", ".f1051ucx:enabled:active{background-color:var(--colorTransparentBackgroundPressed);}", ".fmmjozx .fui-Tab__icon{color:var(--colorNeutralForeground2);}", ".fqhzt5g:enabled:hover .fui-Tab__icon{color:var(--colorNeutralForeground2Hover);}", ".f7l5cgy:enabled:active .fui-Tab__icon{color:var(--colorNeutralForeground2Pressed);}", ".fpkze5g .fui-Tab__content{color:var(--colorNeutralForeground2);}", ".f1iywnoi:enabled:hover .fui-Tab__content{color:var(--colorNeutralForeground2Hover);}", ".f9n45c4:enabled:active .fui-Tab__content{color:var(--colorNeutralForeground2Pressed);}", ".fhovq9v{background-color:var(--colorSubtleBackground);}", ".f1bifk9c:enabled:hover{background-color:var(--colorSubtleBackgroundHover);}", ".fo6hitd:enabled:active{background-color:var(--colorSubtleBackgroundPressed);}", ".fdrzuqr{cursor:not-allowed;}", ".fato7r6 .fui-Tab__icon{color:var(--colorNeutralForegroundDisabled);}", ".fao1bnu .fui-Tab__content{color:var(--colorNeutralForegroundDisabled);}", ".f1cadz5z .fui-Tab__icon{color:var(--colorCompoundBrandForeground1);}", ".fwhdxxj:enabled:hover .fui-Tab__icon{color:var(--colorCompoundBrandForeground1Hover);}", ".fintccb:enabled:active .fui-Tab__icon{color:var(--colorCompoundBrandForeground1Pressed);}", ".ffplhdr .fui-Tab__content{color:var(--colorNeutralForeground1);}", ".fjo17wb:enabled:hover .fui-Tab__content{color:var(--colorNeutralForeground1Hover);}", ".f148789c:enabled:active .fui-Tab__content{color:var(--colorNeutralForeground1Pressed);}"]
}), $o = /* @__PURE__ */ m({
  base: {
    Beyfa6y: 0,
    Bbmb7ep: 0,
    Btl43ni: 0,
    B7oj6ja: 0,
    Dimara: "f44lkw9",
    Bgfg5da: 0,
    B9xav0g: 0,
    oivjwe: 0,
    Bn0qgzm: 0,
    B4g9neb: 0,
    zhjwy3: 0,
    wvpqe5: 0,
    ibv6hh: 0,
    u1mtju: 0,
    h3c5rm: 0,
    vrafjx: 0,
    Bekrc4i: 0,
    i8vvqc: 0,
    g2u3we: 0,
    icvyot: 0,
    B4j52fo: 0,
    irswps: "fp7rvkm",
    Bptxc3x: "ftorr8m",
    cl4aha: "f16lqpmv"
  },
  small: {
    Dbcxam: 0,
    rjzwhg: 0,
    Bblux5w: "fzklhed"
  },
  medium: {
    Dbcxam: 0,
    rjzwhg: 0,
    Bblux5w: "f1j721cc"
  },
  large: {
    Dbcxam: 0,
    rjzwhg: 0,
    Bblux5w: "frx9knr"
  },
  subtle: {
    De3pzq: "fhovq9v",
    sj55zd: "fkfq4zb",
    B95qlz1: "f1bifk9c",
    Eo63ln: 0,
    r9osk6: 0,
    Itrz8y: 0,
    zeg6vx: 0,
    l65xgk: 0,
    Bw4olcx: 0,
    Folb0i: 0,
    I2h8y4: 0,
    Bgxgoyi: 0,
    Bvlkotb: 0,
    Fwyncl: 0,
    Byh5edv: 0,
    Becqvjq: 0,
    uumbiq: 0,
    B73q3dg: 0,
    Bblwbaf: 0,
    B0ezav: "ft57sj0",
    r4wkhp: "f1fcoy83",
    B7xitij: "fo6hitd",
    d3wsvi: 0,
    Hdqn7s: 0,
    zu5y1p: 0,
    owqphb: 0,
    g9c53k: 0,
    Btmu08z: 0,
    Bthxvy6: 0,
    gluvuq: 0,
    tb88gp: 0,
    wns6jk: 0,
    kdfdk4: 0,
    Bbw008l: 0,
    Bayi1ib: 0,
    B1kkfu3: 0,
    J1oqyp: 0,
    kem6az: 0,
    goa3yj: "fhn220o",
    p743kt: "f15qf7sh",
    wmvzou: 0,
    sc4o1m: 0,
    wymq9i: 0,
    u9orzk: 0,
    puiv5t: 0,
    Bosien3: 0,
    b2z72d: 0,
    Beulxaw: 0,
    B57pkaw: 0,
    Jcjdmf: 0,
    B8qgbzl: 0,
    Bbmb0sr: 0,
    B14q8qp: 0,
    Bcq6wej: 0,
    Byz1pjr: 0,
    kr9cjb: 0,
    Ff9ifp: "f1mljprk"
  },
  subtleSelected: {
    De3pzq: "f16xkysk",
    Bgfg5da: 0,
    B9xav0g: 0,
    oivjwe: 0,
    Bn0qgzm: 0,
    B4g9neb: 0,
    zhjwy3: 0,
    wvpqe5: 0,
    ibv6hh: 0,
    u1mtju: 0,
    h3c5rm: 0,
    vrafjx: 0,
    Bekrc4i: 0,
    i8vvqc: 0,
    g2u3we: 0,
    icvyot: 0,
    B4j52fo: 0,
    irswps: "f1c2pc3t",
    sj55zd: "faj9fo0",
    B95qlz1: "fsm7zmf",
    Eo63ln: 0,
    r9osk6: 0,
    Itrz8y: 0,
    zeg6vx: 0,
    l65xgk: 0,
    Bw4olcx: 0,
    Folb0i: 0,
    I2h8y4: 0,
    Bgxgoyi: 0,
    Bvlkotb: 0,
    Fwyncl: 0,
    Byh5edv: 0,
    Becqvjq: 0,
    uumbiq: 0,
    B73q3dg: 0,
    Bblwbaf: 0,
    B0ezav: "f1wo0sfq",
    r4wkhp: "f1afuynh",
    B7xitij: "f94ddyl",
    d3wsvi: 0,
    Hdqn7s: 0,
    zu5y1p: 0,
    owqphb: 0,
    g9c53k: 0,
    Btmu08z: 0,
    Bthxvy6: 0,
    gluvuq: 0,
    tb88gp: 0,
    wns6jk: 0,
    kdfdk4: 0,
    Bbw008l: 0,
    Bayi1ib: 0,
    B1kkfu3: 0,
    J1oqyp: 0,
    kem6az: 0,
    goa3yj: "fmle6oo",
    p743kt: "f1d3itm4",
    wmvzou: 0,
    sc4o1m: 0,
    wymq9i: 0,
    u9orzk: 0,
    puiv5t: 0,
    Bosien3: 0,
    b2z72d: 0,
    Beulxaw: 0,
    B57pkaw: 0,
    Jcjdmf: 0,
    B8qgbzl: 0,
    Bbmb0sr: 0,
    B14q8qp: 0,
    Bcq6wej: 0,
    Byz1pjr: 0,
    kr9cjb: 0,
    Ff9ifp: "f1e9l2u"
  },
  subtleDisabled: {
    De3pzq: "fhovq9v",
    sj55zd: "f1s2aq7o"
  },
  subtleDisabledSelected: {
    De3pzq: "f1bg9a2p",
    Bgfg5da: 0,
    B9xav0g: 0,
    oivjwe: 0,
    Bn0qgzm: 0,
    B4g9neb: 0,
    zhjwy3: 0,
    wvpqe5: 0,
    ibv6hh: 0,
    u1mtju: 0,
    h3c5rm: 0,
    vrafjx: 0,
    Bekrc4i: 0,
    i8vvqc: 0,
    g2u3we: 0,
    icvyot: 0,
    B4j52fo: 0,
    irswps: "fegtqic",
    sj55zd: "f1s2aq7o"
  },
  filled: {
    De3pzq: "f16xq7d1",
    sj55zd: "fkfq4zb",
    B95qlz1: "fwwxidx",
    r4wkhp: "f1fcoy83",
    B7xitij: "f14i52sd",
    p743kt: "f15qf7sh",
    Hhssn: "f1cpi5f4",
    uaurb9: "f6pj1s0",
    B401qx7: "f12sz5kj",
    Buyp1jb: "f17588c3",
    gsp74p: "fnthgdt"
  },
  filledSelected: {
    De3pzq: "ffp7eso",
    sj55zd: "f1phragk",
    B95qlz1: "f1lm9dni",
    r4wkhp: "f1mn5ei1",
    B7xitij: "f1g6ncd0",
    p743kt: "fl71aob",
    Gedr8k: "f14zl92z",
    Bm69vlq: "f16zy3eu",
    Bodipah: "f1gdgb7p",
    B5kpen0: "f1tua9ng"
  },
  filledDisabled: {
    De3pzq: "f1bg9a2p",
    sj55zd: "f1s2aq7o"
  },
  filledDisabledSelected: {
    De3pzq: "f1bg9a2p",
    Bgfg5da: 0,
    B9xav0g: 0,
    oivjwe: 0,
    Bn0qgzm: 0,
    B4g9neb: 0,
    zhjwy3: 0,
    wvpqe5: 0,
    ibv6hh: 0,
    u1mtju: 0,
    h3c5rm: 0,
    vrafjx: 0,
    Bekrc4i: 0,
    i8vvqc: 0,
    g2u3we: 0,
    icvyot: 0,
    B4j52fo: 0,
    irswps: "fegtqic",
    sj55zd: "f1s2aq7o"
  }
}, {
  d: [[".f44lkw9{border-radius:var(--borderRadiusCircular);}", {
    p: -1
  }], [".fp7rvkm{border:solid var(--strokeWidthThin) var(--colorTransparentStroke);}", {
    p: -2
  }], ".ftorr8m .fui-Tab__icon{color:inherit;}", ".f16lqpmv .fui-Tab__content{color:inherit;}", [".fzklhed{padding-block:calc(var(--spacingVerticalXXS) - var(--strokeWidthThin));}", {
    p: -1
  }], [".f1j721cc{padding-block:calc(var(--spacingVerticalSNudge) - var(--strokeWidthThin));}", {
    p: -1
  }], [".frx9knr{padding-block:calc(var(--spacingVerticalS) - var(--strokeWidthThin));}", {
    p: -1
  }], ".fhovq9v{background-color:var(--colorSubtleBackground);}", ".fkfq4zb{color:var(--colorNeutralForeground2);}", ".f1bifk9c:enabled:hover{background-color:var(--colorSubtleBackgroundHover);}", [".ft57sj0:enabled:hover{border:solid var(--strokeWidthThin) var(--colorNeutralStroke1Hover);}", {
    p: -2
  }], ".f1fcoy83:enabled:hover{color:var(--colorNeutralForeground2Hover);}", ".fo6hitd:enabled:active{background-color:var(--colorSubtleBackgroundPressed);}", [".fhn220o:enabled:active{border:solid var(--strokeWidthThin) var(--colorNeutralStroke1Pressed);}", {
    p: -2
  }], ".f15qf7sh:enabled:active{color:var(--colorNeutralForeground2Pressed);}", ".f16xkysk{background-color:var(--colorBrandBackground2);}", [".f1c2pc3t{border:solid var(--strokeWidthThin) var(--colorCompoundBrandStroke);}", {
    p: -2
  }], ".faj9fo0{color:var(--colorBrandForeground2);}", ".fsm7zmf:enabled:hover{background-color:var(--colorBrandBackground2Hover);}", [".f1wo0sfq:enabled:hover{border:solid var(--strokeWidthThin) var(--colorCompoundBrandStrokeHover);}", {
    p: -2
  }], ".f1afuynh:enabled:hover{color:var(--colorBrandForeground2Hover);}", ".f94ddyl:enabled:active{background-color:var(--colorBrandBackground2Pressed);}", [".fmle6oo:enabled:active{border:solid var(--strokeWidthThin) var(--colorCompoundBrandStrokePressed);}", {
    p: -2
  }], ".f1d3itm4:enabled:active{color:var(--colorBrandForeground2Pressed);}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".f1bg9a2p{background-color:var(--colorNeutralBackgroundDisabled);}", [".fegtqic{border:solid var(--strokeWidthThin) var(--colorNeutralStrokeDisabled);}", {
    p: -2
  }], ".f16xq7d1{background-color:var(--colorNeutralBackground3);}", ".fwwxidx:enabled:hover{background-color:var(--colorNeutralBackground3Hover);}", ".f14i52sd:enabled:active{background-color:var(--colorNeutralBackground3Pressed);}", ".ffp7eso{background-color:var(--colorBrandBackground);}", ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}", ".f1lm9dni:enabled:hover{background-color:var(--colorBrandBackgroundHover);}", ".f1mn5ei1:enabled:hover{color:var(--colorNeutralForegroundOnBrand);}", ".f1g6ncd0:enabled:active{background-color:var(--colorBrandBackgroundPressed);}", ".fl71aob:enabled:active{color:var(--colorNeutralForegroundOnBrand);}", [".fegtqic{border:solid var(--strokeWidthThin) var(--colorNeutralStrokeDisabled);}", {
    p: -2
  }]],
  m: [["@media (forced-colors: active){.f1mljprk{border:solid var(--strokeWidthThin) Canvas;}}", {
    p: -2,
    m: "(forced-colors: active)"
  }], ["@media (forced-colors: active){.f1e9l2u{border:solid var(--strokeWidthThin) Highlight;}}", {
    p: -2,
    m: "(forced-colors: active)"
  }], ["@media (forced-colors: active){.f1cpi5f4:enabled:hover{background-color:Highlight;}}", {
    m: "(forced-colors: active)"
  }], ["@media (forced-colors: active){.f6pj1s0:enabled:hover{forced-color-adjust:none;}}", {
    m: "(forced-colors: active)"
  }], ["@media (forced-colors: active){.f12sz5kj:enabled:hover .fui-Tab__content{color:HighlightText;}}", {
    m: "(forced-colors: active)"
  }], ["@media (forced-colors: active){.f17588c3:enabled:hover .fui-Icon-filled{color:HighlightText;}}", {
    m: "(forced-colors: active)"
  }], ["@media (forced-colors: active){.fnthgdt:enabled:hover .fui-Icon-regular{color:HighlightText;}}", {
    m: "(forced-colors: active)"
  }], ["@media (forced-colors: active){.f14zl92z:enabled{background-color:ButtonText;}}", {
    m: "(forced-colors: active)"
  }], ["@media (forced-colors: active){.f16zy3eu:enabled .fui-Tab__content{color:ButtonFace;}}", {
    m: "(forced-colors: active)"
  }], ["@media (forced-colors: active){.f1gdgb7p:enabled .fui-Tab__content{forced-color-adjust:none;}}", {
    m: "(forced-colors: active)"
  }], ["@media (forced-colors: active){.f1tua9ng:enabled .fui-Tab__icon{color:ButtonFace;}}", {
    m: "(forced-colors: active)"
  }]]
}), Jo = /* @__PURE__ */ m({
  base: {
    B8q5s1w: "f8hki3x",
    Bci5o5g: ["f1d2448m", "ffh67wi"],
    n8qw10: "f1bjia2o",
    Bdrgwmp: ["ffh67wi", "f1d2448m"],
    Bn4voq9: "f1p7hgxw",
    Bfpq7zp: "f1way5bb",
    g9k6zt: "f9znhxp",
    j6ew2k: ["fqa318h", "fqa318h"],
    Bhxq17a: "f1vjpng2"
  },
  circular: {
    B8q5s1w: "f8hki3x",
    Bci5o5g: ["f1d2448m", "ffh67wi"],
    n8qw10: "f1bjia2o",
    Bdrgwmp: ["ffh67wi", "f1d2448m"],
    Bn4voq9: "f1p7hgxw",
    Bfpq7zp: "f1way5bb",
    g9k6zt: "f9znhxp",
    j6ew2k: ["fzgyhws", "fqxug60"],
    Bhxq17a: "f1vjpng2"
  }
}, {
  d: [".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}", ".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}", ".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}", ".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}", ".f1p7hgxw[data-fui-focus-visible]{outline-width:var(--strokeWidthThick);}", ".f1way5bb[data-fui-focus-visible]{outline-color:transparent;}", ".f9znhxp[data-fui-focus-visible]{outline-style:solid;}", ".fqa318h[data-fui-focus-visible]{box-shadow:var(--shadow4),0 0 0 var(--strokeWidthThick) var(--colorStrokeFocus2);}", ".f1vjpng2[data-fui-focus-visible]{z-index:1;}", ".fzgyhws[data-fui-focus-visible]{box-shadow:var(--shadow4),0 0 0 var(--strokeWidthThick) var(--colorStrokeFocus2),0 0 0 var(--strokeWidthThin) var(--colorNeutralStrokeOnBrand) inset;}", ".fqxug60[data-fui-focus-visible]{box-shadow:var(--shadow4),0 0 0 var(--strokeWidthThick) var(--colorStrokeFocus2),0 0 0 var(--strokeWidthThin) var(--colorNeutralStrokeOnBrand) inset;}"]
}), Ko = /* @__PURE__ */ m({
  base: {
    az7l2e: "fhw179n",
    vqofr: 0,
    Bv4n3vi: 0,
    Bgqb9hq: 0,
    B0uxbk8: 0,
    Bf3jju6: "fg9j5n4",
    amg5m6: "f1kmhr4c",
    zkfqfm: "fl1ydde",
    Bkydozb: "f1y7maxz",
    Bka2azo: 0,
    vzq8l0: 0,
    csmgbd: 0,
    Br4ovkg: 0,
    aelrif: "fceyvr4",
    y36c18: "f16cxu0",
    B1ctymy: "f1nwgacf",
    xzc5d: "fm6alxz",
    h5yqg8: "fhx32z1"
  },
  disabled: {
    az7l2e: "f1ut20fw",
    Bkydozb: "fhrzcfn",
    xzc5d: "fw15awd",
    h5yqg8: "faqmq51"
  },
  smallHorizontal: {
    lawp4y: "fchca7p",
    Baz25je: "f1r53b5e",
    Fbdkly: ["f1s6rxz5", "fo35v8s"],
    mdwyqc: ["fo35v8s", "f1s6rxz5"]
  },
  smallVertical: {
    lawp4y: "fze4zud",
    Fbdkly: ["f1fzr1x6", "f1f351id"],
    Bciustq: "fdp32p8",
    Ccq8qp: "f1aij3q"
  },
  mediumHorizontal: {
    lawp4y: "fchca7p",
    Baz25je: "f1s2r9ax",
    Fbdkly: ["f1o0nnkk", "fxb7rol"],
    mdwyqc: ["fxb7rol", "f1o0nnkk"]
  },
  mediumVertical: {
    lawp4y: "f17jracn",
    Fbdkly: ["f1fzr1x6", "f1f351id"],
    Bciustq: "f117lcb2",
    Ccq8qp: "f1aij3q"
  },
  largeHorizontal: {
    lawp4y: "fchca7p",
    Baz25je: "f1s2r9ax",
    Fbdkly: ["f1o0nnkk", "fxb7rol"],
    mdwyqc: ["fxb7rol", "f1o0nnkk"]
  },
  largeVertical: {
    lawp4y: "fel9d3z",
    Fbdkly: ["f1fzr1x6", "f1f351id"],
    Bciustq: "f6vqlre",
    Ccq8qp: "f1aij3q"
  }
}, {
  h: [".fhw179n:hover::before{background-color:var(--colorNeutralStroke1Hover);}", [".fg9j5n4:hover::before{border-radius:var(--borderRadiusCircular);}", {
    p: -1
  }], '.f1kmhr4c:hover::before{content:"";}', ".fl1ydde:hover::before{position:absolute;}", ".f1ut20fw:hover::before{background-color:var(--colorTransparentStroke);}"],
  a: [".f1y7maxz:active::before{background-color:var(--colorNeutralStroke1Pressed);}", [".fceyvr4:active::before{border-radius:var(--borderRadiusCircular);}", {
    p: -1
  }], '.f16cxu0:active::before{content:"";}', ".f1nwgacf:active::before{position:absolute;}", ".fhrzcfn:active::before{background-color:var(--colorTransparentStroke);}"],
  m: [["@media (forced-colors: active){.fm6alxz:hover::before{background-color:Highlight;}}", {
    m: "(forced-colors: active)"
  }], ["@media (forced-colors: active){.fhx32z1:active::before{background-color:Highlight;}}", {
    m: "(forced-colors: active)"
  }], ["@media (forced-colors: active){.fw15awd:hover::before{background-color:transparent;}}", {
    m: "(forced-colors: active)"
  }], ["@media (forced-colors: active){.faqmq51:active::before{background-color:transparent;}}", {
    m: "(forced-colors: active)"
  }]],
  d: [".fchca7p::before{bottom:0;}", ".f1r53b5e::before{height:var(--strokeWidthThick);}", ".f1s6rxz5::before{left:var(--spacingHorizontalSNudge);}", ".fo35v8s::before{right:var(--spacingHorizontalSNudge);}", ".fze4zud::before{bottom:var(--spacingVerticalXS);}", ".f1fzr1x6::before{left:0;}", ".f1f351id::before{right:0;}", ".fdp32p8::before{top:var(--spacingVerticalXS);}", ".f1aij3q::before{width:var(--strokeWidthThicker);}", ".f1s2r9ax::before{height:var(--strokeWidthThicker);}", ".f1o0nnkk::before{left:var(--spacingHorizontalM);}", ".fxb7rol::before{right:var(--spacingHorizontalM);}", ".f17jracn::before{bottom:var(--spacingVerticalS);}", ".f117lcb2::before{top:var(--spacingVerticalS);}", ".fel9d3z::before{bottom:var(--spacingVerticalMNudge);}", ".f6vqlre::before{top:var(--spacingVerticalMNudge);}"]
}), Yo = /* @__PURE__ */ m({
  base: {
    Bjyk6c5: "f1rp0jgh",
    d9w3h3: 0,
    B3778ie: 0,
    B4j8arr: 0,
    Bl18szs: 0,
    Blrzh8d: "f3b9emi",
    Bsft5z2: "f13zj6fq",
    E3zdtr: "f1mdlcz9"
  },
  selected: {
    Bjyk6c5: "f1ksivud",
    Bej4dhw: "f1476jrx",
    B7wqxwa: "f18q216b",
    Hwb57: "f1wf6u82",
    Beg08s0: "f1xwit7m",
    Bo27r1v: "f1ksfgwi"
  },
  disabled: {
    Bjyk6c5: "f13lkzet"
  },
  smallHorizontal: {
    By385i5: "fo72kxq",
    Dlnsje: "f9bb2ob",
    Eqx8gd: ["f1q70ajw", "f18rbzdx"],
    B1piin3: ["f18rbzdx", "f1q70ajw"]
  },
  smallVertical: {
    By385i5: "fqbue9b",
    Eqx8gd: ["f1n6gb5g", "f15yvnhg"],
    bn5sak: "fk1klkt",
    a2br6o: "f1o25lip"
  },
  mediumHorizontal: {
    By385i5: "fo72kxq",
    Dlnsje: "f1vx7lu8",
    Eqx8gd: ["fna7m5n", "f1oxpfwv"],
    B1piin3: ["f1oxpfwv", "fna7m5n"]
  },
  mediumVertical: {
    By385i5: "fipylg0",
    Eqx8gd: ["f1n6gb5g", "f15yvnhg"],
    bn5sak: "fqchiol",
    a2br6o: "f1o25lip"
  },
  largeHorizontal: {
    By385i5: "fo72kxq",
    Dlnsje: "f1vx7lu8",
    Eqx8gd: ["fna7m5n", "f1oxpfwv"],
    B1piin3: ["f1oxpfwv", "fna7m5n"]
  },
  largeVertical: {
    By385i5: "f1w7dm5g",
    Eqx8gd: ["f1n6gb5g", "f15yvnhg"],
    bn5sak: "f1p6em4m",
    a2br6o: "f1o25lip"
  }
}, {
  d: [".f1rp0jgh::after{background-color:var(--colorTransparentStroke);}", [".f3b9emi::after{border-radius:var(--borderRadiusCircular);}", {
    p: -1
  }], '.f13zj6fq::after{content:"";}', ".f1mdlcz9::after{position:absolute;}", ".f1ksivud::after{background-color:var(--colorCompoundBrandStroke);}", ".f1476jrx:enabled:hover::after{background-color:var(--colorCompoundBrandStrokeHover);}", ".f18q216b:enabled:active::after{background-color:var(--colorCompoundBrandStrokePressed);}", ".f13lkzet::after{background-color:var(--colorNeutralForegroundDisabled);}", ".fo72kxq::after{bottom:0;}", ".f9bb2ob::after{height:var(--strokeWidthThick);}", ".f1q70ajw::after{left:var(--spacingHorizontalSNudge);}", ".f18rbzdx::after{right:var(--spacingHorizontalSNudge);}", ".fqbue9b::after{bottom:var(--spacingVerticalXS);}", ".f1n6gb5g::after{left:0;}", ".f15yvnhg::after{right:0;}", ".fk1klkt::after{top:var(--spacingVerticalXS);}", ".f1o25lip::after{width:var(--strokeWidthThicker);}", ".f1vx7lu8::after{height:var(--strokeWidthThicker);}", ".fna7m5n::after{left:var(--spacingHorizontalM);}", ".f1oxpfwv::after{right:var(--spacingHorizontalM);}", ".fipylg0::after{bottom:var(--spacingVerticalS);}", ".fqchiol::after{top:var(--spacingVerticalS);}", ".f1w7dm5g::after{bottom:var(--spacingVerticalMNudge);}", ".f1p6em4m::after{top:var(--spacingVerticalMNudge);}"],
  m: [["@media (forced-colors: active){.f1wf6u82::after{background-color:ButtonText;}}", {
    m: "(forced-colors: active)"
  }], ["@media (forced-colors: active){.f1xwit7m:enabled:hover::after{background-color:ButtonText;}}", {
    m: "(forced-colors: active)"
  }], ["@media (forced-colors: active){.f1ksfgwi:enabled:active::after{background-color:ButtonText;}}", {
    m: "(forced-colors: active)"
  }]]
}), Qo = /* @__PURE__ */ m({
  base: {
    Br312pm: "fwpfdsa",
    Ijaq50: "f16hsg94",
    Bt984gj: "f122n59",
    mc9l5x: "ftuwxu6",
    Brf1p80: "f4d9j23",
    B68tc82: 0,
    Bmxbyg5: 0,
    Bpg54ce: "f1a3p1vp",
    D0sxk3: "f16u1re",
    t6yez3: "f8bsbmo"
  },
  small: {
    Be2twd7: "fe5j1ua",
    Bqenvij: "fjamq6b",
    a9b677: "f64fuq3"
  },
  medium: {
    Be2twd7: "fe5j1ua",
    Bqenvij: "fjamq6b",
    a9b677: "f64fuq3"
  },
  large: {
    Be2twd7: "f1rt2boy",
    Bqenvij: "frvgh55",
    a9b677: "fq4mcun"
  },
  selected: {
    D0sxk3: "fxoiby5",
    t6yez3: "f15q0o9g"
  }
}, {
  d: [".fwpfdsa{grid-column-start:1;}", ".f16hsg94{grid-row-start:1;}", ".f122n59{align-items:center;}", ".ftuwxu6{display:inline-flex;}", ".f4d9j23{justify-content:center;}", [".f1a3p1vp{overflow:hidden;}", {
    p: -1
  }], ".f16u1re .fui-Icon-filled{display:none;}", ".f8bsbmo .fui-Icon-regular{display:inline;}", ".fe5j1ua{font-size:20px;}", ".fjamq6b{height:20px;}", ".f64fuq3{width:20px;}", ".f1rt2boy{font-size:24px;}", ".frvgh55{height:24px;}", ".fq4mcun{width:24px;}", ".fxoiby5 .fui-Icon-filled{display:inline;}", ".f15q0o9g .fui-Icon-regular{display:none;}"]
}), Zo = /* @__PURE__ */ m({
  base: {
    Bahqtrf: "fk6fouc",
    Be2twd7: "fkhj508",
    Bhrd7zp: "figsok6",
    Bg96gwp: "f1i3iumi",
    B68tc82: 0,
    Bmxbyg5: 0,
    Bpg54ce: "f1a3p1vp",
    Byoj8tv: 0,
    uwmqm3: 0,
    z189sj: 0,
    z8tnut: 0,
    B0ocmuz: "f1bwptpd"
  },
  selected: {
    Bahqtrf: "fk6fouc",
    Be2twd7: "fkhj508",
    Bhrd7zp: "fl43uef",
    Bg96gwp: "f1i3iumi"
  },
  large: {
    Bahqtrf: "fk6fouc",
    Be2twd7: "fod5ikn",
    Bhrd7zp: "figsok6",
    Bg96gwp: "faaz57k"
  },
  largeSelected: {
    Bahqtrf: "fk6fouc",
    Be2twd7: "fod5ikn",
    Bhrd7zp: "fl43uef",
    Bg96gwp: "faaz57k"
  },
  noIconBefore: {
    Br312pm: "fwpfdsa",
    Ijaq50: "f16hsg94"
  },
  iconBefore: {
    Br312pm: "fd46tj4",
    Ijaq50: "f16hsg94"
  },
  placeholder: {
    Bcdw1i0: "fd7fpy0"
  }
}, {
  d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", [".f1a3p1vp{overflow:hidden;}", {
    p: -1
  }], [".f1bwptpd{padding:var(--spacingVerticalNone) var(--spacingHorizontalXXS);}", {
    p: -1
  }], ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".faaz57k{line-height:var(--lineHeightBase400);}", ".fwpfdsa{grid-column-start:1;}", ".f16hsg94{grid-row-start:1;}", ".fd46tj4{grid-column-start:2;}", ".fd7fpy0{visibility:hidden;}"]
}), ea = (e) => {
  "use no memo";
  return ra(e), oa(e, e.root), aa(e), e;
}, ra = (e) => {
  "use no memo";
  const o = Pe(), r = Ko(), a = Yo(), {
    appearance: t,
    disabled: n,
    selected: f,
    size: l,
    vertical: c
  } = e, i = [ee.root, o.root];
  return t !== "subtle-circular" && t !== "filled-circular" && i.push(
    // pending indicator (before pseudo element)
    r.base,
    l === "small" && (c ? r.smallVertical : r.smallHorizontal),
    l === "medium" && (c ? r.mediumVertical : r.mediumHorizontal),
    l === "large" && (c ? r.largeVertical : r.largeHorizontal),
    n && r.disabled,
    // active indicator (after pseudo element)
    f && a.base,
    f && !n && a.selected,
    f && l === "small" && (c ? a.smallVertical : a.smallHorizontal),
    f && l === "medium" && (c ? a.mediumVertical : a.mediumHorizontal),
    f && l === "large" && (c ? a.largeVertical : a.largeHorizontal),
    f && n && a.disabled
  ), e.root.className = b(...i, e.root.className), Xo(e), e;
}, oa = (e, o) => {
  "use no memo";
  const r = Pe(), a = Jo(), t = $o(), {
    appearance: n,
    disabled: f,
    selected: l,
    size: c,
    vertical: i
  } = e, s = n === "subtle-circular", d = n === "filled-circular", v = s || d, p = [
    t.base,
    a.circular,
    // sizes
    c === "small" && t.small,
    c === "medium" && t.medium,
    c === "large" && t.large,
    // subtle-circular appearance
    s && t.subtle,
    l && s && t.subtleSelected,
    f && s && t.subtleDisabled,
    l && f && s && t.subtleDisabledSelected,
    // filled-circular appearance
    d && t.filled,
    l && d && t.filledSelected,
    f && d && t.filledDisabled,
    l && f && d && t.filledDisabledSelected
  ], h = [a.base, !f && n === "subtle" && r.subtle, !f && n === "transparent" && r.transparent, !f && l && r.selected, f && r.disabled];
  return o.className = b(
    r.button,
    // orientation
    i ? r.vertical : r.horizontal,
    // size
    c === "small" && (i ? r.smallVertical : r.smallHorizontal),
    c === "medium" && (i ? r.mediumVertical : r.mediumHorizontal),
    c === "large" && (i ? r.largeVertical : r.largeHorizontal),
    ...v ? p : h,
    f && r.disabledCursor,
    o.className
  ), e;
}, aa = (e) => {
  "use no memo";
  const o = Qo(), r = Zo(), {
    selected: a,
    size: t
  } = e;
  return e.icon && (e.icon.className = b(ee.icon, o.base, o[t], a && o.selected, e.icon.className)), e.contentReservedSpace && (e.contentReservedSpace.className = b(Uo.content, r.base, t === "large" ? r.largeSelected : r.selected, e.icon ? r.iconBefore : r.noIconBefore, r.placeholder, e.content.className), e.contentReservedSpaceClassName = e.contentReservedSpace.className), e.content.className = b(ee.content, r.base, t === "large" && r.large, a && (t === "large" ? r.largeSelected : r.selected), e.icon ? r.iconBefore : r.noIconBefore, e.content.className), e;
}, re = /* @__PURE__ */ g.forwardRef((e, o) => {
  const r = Lo(e, o);
  return ea(r), _("useTabStyles_unstable")(r), Wo(r);
});
re.displayName = "Tab";
const ta = (e, { referenceLabel: o, referenceId: r }, a) => {
  const { checkbox: t = {}, onSelectionChange: n, floatingAction: f, onClick: l, onKeyDown: c, disabled: i } = e, { findAllFocusable: s } = Xe(), d = g.useRef(null), [v, p] = ye({
    state: e.selected,
    defaultState: e.defaultSelected,
    initialState: !1
  }), h = [
    e.selected,
    e.defaultSelected,
    n
  ].some((S) => typeof S < "u"), [j, y] = g.useState(!1), B = g.useCallback((S) => {
    if (!a.current)
      return !1;
    const w = s(a.current), ce = S.target, Ie = w.some((Le) => Le.contains(ce)), Ge = d?.current === ce;
    return Ie && !Ge;
  }, [
    a,
    s
  ]), q = g.useCallback((S) => {
    if (i || B(S))
      return;
    const w = !v;
    p(w), n && n(S, {
      selected: w
    });
  }, [
    i,
    n,
    v,
    p,
    B
  ]), x = g.useCallback((S) => {
    [
      Ue
    ].includes(S.key) && (S.preventDefault(), q(S));
  }, [
    q
  ]), C = g.useMemo(() => {
    if (!h || f)
      return;
    const S = {};
    return r ? S["aria-labelledby"] = r : o && (S["aria-label"] = o), z(t, {
      defaultProps: {
        ref: d,
        type: "checkbox",
        checked: v,
        disabled: i,
        onChange: (w) => q(w),
        onFocus: () => y(!0),
        onBlur: () => y(!1),
        ...S
      },
      elementType: "input"
    });
  }, [
    t,
    i,
    f,
    v,
    h,
    q,
    r,
    o
  ]), D = g.useMemo(() => {
    if (f)
      return z(f, {
        defaultProps: {
          ref: d
        },
        elementType: "div"
      });
  }, [
    f
  ]), O = g.useMemo(() => h ? {
    onClick: G(l, q),
    onKeyDown: G(c, x)
  } : null, [
    h,
    q,
    l,
    c,
    x
  ]);
  return {
    selected: v,
    selectable: h,
    selectFocused: j,
    selectableCardProps: O,
    checkboxSlot: C,
    floatingActionSlot: D
  };
}, Ne = g.createContext(void 0), oe = {
  selectableA11yProps: {
    referenceId: void 0,
    setReferenceId() {
    },
    referenceLabel: void 0,
    setReferenceLabel() {
    }
  }
}, ia = Ne.Provider, Ae = () => {
  var e;
  return (e = g.useContext(Ne)) !== null && e !== void 0 ? e : oe;
}, na = {
  off: void 0,
  "no-tab": "limited-trap-focus",
  "tab-exit": "limited",
  "tab-only": "unlimited"
}, la = ({ focusMode: e, disabled: o = !1, ...r }) => {
  const a = [
    "onClick",
    "onDoubleClick",
    "onMouseUp",
    "onMouseDown",
    "onPointerUp",
    "onPointerDown",
    "onTouchStart",
    "onTouchEnd",
    "onDragStart",
    "onDragEnd"
  ].some((f) => r[f]), t = e ?? (a ? "no-tab" : "off"), n = Je({
    tabBehavior: na[t]
  });
  return o ? {
    interactive: !1,
    focusAttributes: null
  } : t === "off" ? {
    interactive: a,
    focusAttributes: null
  } : {
    interactive: a,
    focusAttributes: {
      ...n,
      tabIndex: 0
    }
  };
}, fa = (e, o) => {
  const { appearance: r = "filled", orientation: a = "vertical", size: t = "medium", ...n } = e;
  return {
    ...ca(n, o),
    appearance: r,
    orientation: a,
    size: t
  };
}, ca = (e, o) => {
  const { disabled: r = !1, ...a } = e, [t, n] = g.useState(oe.selectableA11yProps.referenceId), [f, l] = g.useState(oe.selectableA11yProps.referenceId), c = $e(), { selectable: i, selected: s, selectableCardProps: d, selectFocused: v, checkboxSlot: p, floatingActionSlot: h } = ta(e, {
    referenceId: t,
    referenceLabel: f
  }, c), j = $(c, o), { interactive: y, focusAttributes: B } = la(e);
  let q = {
    ...i ? null : B,
    ...a,
    ...d
  };
  return r && (q = {
    ...a,
    "aria-disabled": !0,
    onClick: void 0
  }), {
    interactive: y,
    selectable: i,
    selectFocused: v,
    selected: s,
    disabled: r,
    selectableA11yProps: {
      setReferenceId: n,
      referenceId: t,
      referenceLabel: f,
      setReferenceLabel: l
    },
    components: {
      root: "div",
      floatingAction: "div",
      checkbox: "input"
    },
    root: T(M("div", {
      ref: j,
      role: "group",
      ...q
    }), {
      elementType: "div"
    }),
    floatingAction: h,
    checkbox: p
  };
}, sa = (e, o) => (A(e), /* @__PURE__ */ k(e.root, {
  children: /* @__PURE__ */ F(ia, {
    value: o,
    children: [
      e.checkbox ? /* @__PURE__ */ k(e.checkbox, {}) : null,
      e.floatingAction ? /* @__PURE__ */ k(e.floatingAction, {}) : null,
      e.root.children
    ]
  })
})), ae = {
  root: "fui-CardPreview",
  logo: "fui-CardPreview__logo"
}, da = /* @__PURE__ */ m({
  root: {
    qhf8xq: "f10pi13n",
    Byfpedg: "fgourly",
    Btj6oj6: "f1vui7lx",
    B1m4t4s: "fda5zwx"
  },
  logo: {
    qhf8xq: "f1euv43f",
    B5kzvoi: "f1gcvs1y",
    oyh7mz: ["f1t6tvco", "ffrfxm3"],
    a9b677: "f1szoe96",
    Bqenvij: "f1d2rq10"
  }
}, {
  d: [".f10pi13n{position:relative;}", ".fgourly>:not(.fui-CardPreview__logo){display:block;}", ".f1vui7lx>:not(.fui-CardPreview__logo){height:100%;}", ".fda5zwx>:not(.fui-CardPreview__logo){width:100%;}", ".f1euv43f{position:absolute;}", ".f1gcvs1y{bottom:12px;}", ".f1t6tvco{left:12px;}", ".ffrfxm3{right:12px;}", ".f1szoe96{width:32px;}", ".f1d2rq10{height:32px;}"]
}), ua = (e) => {
  "use no memo";
  const o = da();
  return e.root.className = b(ae.root, o.root, e.root.className), e.logo && (e.logo.className = b(ae.logo, o.logo, e.logo.className)), e;
}, _e = {
  root: "fui-CardHeader",
  image: "fui-CardHeader__image",
  header: "fui-CardHeader__header",
  description: "fui-CardHeader__description",
  action: "fui-CardHeader__action"
}, va = /* @__PURE__ */ m({
  root: {
    Bkc6ea2: "fkufhic",
    Bt984gj: "f122n59"
  },
  image: {
    mc9l5x: "ftuwxu6",
    t21cq0: ["fql5097", "f6yss9k"]
  },
  header: {
    mc9l5x: "f22iagw"
  },
  description: {
    mc9l5x: "f22iagw"
  },
  action: {
    Frg6f3: ["f6yss9k", "fql5097"],
    rjrqlh: "fs9eatd",
    Boue1pl: ["fxoo9ru", "f1g0ekvh"],
    Bhz1vi0: "f1m6zfxz",
    etxrgc: ["f1g0ekvh", "fxoo9ru"],
    Bdua9ef: "f1sret3r",
    cbfxhg: "fs4gbcv"
  }
}, {
  d: [".fkufhic{--fui-CardHeader--gap:12px;}", ".f122n59{align-items:center;}", ".ftuwxu6{display:inline-flex;}", ".fql5097{margin-right:var(--fui-CardHeader--gap);}", ".f6yss9k{margin-left:var(--fui-CardHeader--gap);}", ".f22iagw{display:flex;}"],
  m: [["@media (forced-colors: active){.fs9eatd .fui-Button,.fs9eatd .fui-Link{border-top-color:currentColor;}}", {
    m: "(forced-colors: active)"
  }], ["@media (forced-colors: active){.f1g0ekvh .fui-Button,.f1g0ekvh .fui-Link{border-left-color:currentColor;}.fxoo9ru .fui-Button,.fxoo9ru .fui-Link{border-right-color:currentColor;}}", {
    m: "(forced-colors: active)"
  }], ["@media (forced-colors: active){.f1m6zfxz .fui-Button,.f1m6zfxz .fui-Link{border-bottom-color:currentColor;}}", {
    m: "(forced-colors: active)"
  }], ["@media (forced-colors: active){.f1sret3r .fui-Button,.f1sret3r .fui-Link{color:currentColor;}}", {
    m: "(forced-colors: active)"
  }], ["@media (forced-colors: active){.fs4gbcv .fui-Button,.fs4gbcv .fui-Link{outline-color:currentColor;}}", {
    m: "(forced-colors: active)"
  }]]
}), ga = /* @__PURE__ */ m({
  root: {
    mc9l5x: "f13qh94s",
    t4k1zu: "f8a668j"
  },
  image: {
    Br312pm: "fwpfdsa",
    Ijaq50: "fldnz9j"
  },
  header: {
    Br312pm: "fd46tj4",
    Ijaq50: "f16hsg94"
  },
  description: {
    Br312pm: "fd46tj4",
    Ijaq50: "faunodf"
  },
  action: {
    Br312pm: "fis13di",
    Ijaq50: "fldnz9j"
  }
}, {
  d: [".f13qh94s{display:grid;}", ".f8a668j{grid-auto-columns:min-content 1fr min-content;}", ".fwpfdsa{grid-column-start:1;}", ".fldnz9j{grid-row-start:span 2;}", ".fd46tj4{grid-column-start:2;}", ".f16hsg94{grid-row-start:1;}", ".faunodf{grid-row-start:2;}", ".fis13di{grid-column-start:3;}"]
}), pa = /* @__PURE__ */ m({
  root: {
    mc9l5x: "f22iagw"
  },
  header: {
    Bh6795r: "fqerorx"
  },
  image: {},
  description: {},
  action: {}
}, {
  d: [".f22iagw{display:flex;}", ".fqerorx{flex-grow:1;}"]
}), ba = (e) => {
  "use no memo";
  const o = va(), r = ga(), a = pa(), t = e.description ? r : a, n = (f) => {
    var l;
    return b(_e[f], o[f], t[f], (l = e[f]) === null || l === void 0 ? void 0 : l.className);
  };
  return e.root.className = n("root"), e.image && (e.image.className = n("image")), e.header && (e.header.className = n("header")), e.description && (e.description.className = n("description")), e.action && (e.action.className = n("action")), e;
}, ge = {
  root: "fui-CardFooter",
  action: "fui-CardFooter__action"
}, ha = /* @__PURE__ */ m({
  root: {
    mc9l5x: "f22iagw",
    Beiy3e4: "f1063pyq",
    i8kkvl: 0,
    Belr9w4: 0,
    rmohyg: "fsbu5mz"
  },
  action: {
    Frg6f3: ["fcgxt0o", "f1ujusj6"],
    rjrqlh: "fs9eatd",
    Boue1pl: ["fxoo9ru", "f1g0ekvh"],
    Bhz1vi0: "f1m6zfxz",
    etxrgc: ["f1g0ekvh", "fxoo9ru"],
    Bdua9ef: "f1sret3r",
    cbfxhg: "fs4gbcv"
  }
}, {
  d: [".f22iagw{display:flex;}", ".f1063pyq{flex-direction:row;}", [".fsbu5mz{gap:12px;}", {
    p: -1
  }], ".fcgxt0o{margin-left:auto;}", ".f1ujusj6{margin-right:auto;}"],
  m: [["@media (forced-colors: active){.fs9eatd .fui-Button,.fs9eatd .fui-Link{border-top-color:currentColor;}}", {
    m: "(forced-colors: active)"
  }], ["@media (forced-colors: active){.f1g0ekvh .fui-Button,.f1g0ekvh .fui-Link{border-left-color:currentColor;}.fxoo9ru .fui-Button,.fxoo9ru .fui-Link{border-right-color:currentColor;}}", {
    m: "(forced-colors: active)"
  }], ["@media (forced-colors: active){.f1m6zfxz .fui-Button,.f1m6zfxz .fui-Link{border-bottom-color:currentColor;}}", {
    m: "(forced-colors: active)"
  }], ["@media (forced-colors: active){.f1sret3r .fui-Button,.f1sret3r .fui-Link{color:currentColor;}}", {
    m: "(forced-colors: active)"
  }], ["@media (forced-colors: active){.fs4gbcv .fui-Button,.fs4gbcv .fui-Link{outline-color:currentColor;}}", {
    m: "(forced-colors: active)"
  }]]
}), ma = (e) => {
  "use no memo";
  const o = ha();
  return e.root.className = b(ge.root, o.root, e.root.className), e.action && (e.action.className = b(ge.action, o.action, e.action.className)), e;
}, Y = {
  root: "fui-Card",
  floatingAction: "fui-Card__floatingAction",
  checkbox: "fui-Card__checkbox"
}, ka = /* @__PURE__ */ R("rfxo2k2", "rgle7w9", [".rfxo2k2{overflow:hidden;border-radius:var(--fui-Card--border-radius);padding:var(--fui-Card--size);gap:var(--fui-Card--size);display:flex;position:relative;box-sizing:border-box;color:var(--colorNeutralForeground1);}", '.rfxo2k2::after{position:absolute;top:0;left:0;right:0;bottom:0;content:"";pointer-events:none;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-width:var(--strokeWidthThin);border-right-width:var(--strokeWidthThin);border-bottom-width:var(--strokeWidthThin);border-left-width:var(--strokeWidthThin);border-radius:var(--fui-Card--border-radius);}', ".rfxo2k2>.fui-CardHeader,.rfxo2k2>.fui-CardFooter{flex-shrink:0;}", ".rgle7w9{overflow:hidden;border-radius:var(--fui-Card--border-radius);padding:var(--fui-Card--size);gap:var(--fui-Card--size);display:flex;position:relative;box-sizing:border-box;color:var(--colorNeutralForeground1);}", '.rgle7w9::after{position:absolute;top:0;right:0;left:0;bottom:0;content:"";pointer-events:none;border-top-style:solid;border-left-style:solid;border-bottom-style:solid;border-right-style:solid;border-top-width:var(--strokeWidthThin);border-left-width:var(--strokeWidthThin);border-bottom-width:var(--strokeWidthThin);border-right-width:var(--strokeWidthThin);border-radius:var(--fui-Card--border-radius);}', ".rgle7w9>.fui-CardHeader,.rgle7w9>.fui-CardFooter{flex-shrink:0;}"]), ya = /* @__PURE__ */ m({
  focused: {
    Brovlpu: "ftqa4ok",
    B486eqv: "f2hkw1w",
    B8q5s1w: "f8hki3x",
    Bci5o5g: ["f1d2448m", "ffh67wi"],
    n8qw10: "f1bjia2o",
    Bdrgwmp: ["ffh67wi", "f1d2448m"],
    Bqhya38: "f1j6vpng",
    Bwxa6fj: ["f1pniga2", "f1ffjurs"],
    Bdhvstf: "f987i1v",
    B7zbvrb: ["f1ffjurs", "f1pniga2"],
    Bm4h7ae: "f15bsgw9",
    B7ys5i9: "f14e48fq",
    Busjfv9: "f18yb2kv",
    Bhk32uz: "fd6o370",
    f6g5ot: 0,
    Boxcth7: 0,
    Bhdgwq3: 0,
    hgwjuy: 0,
    Bshpdp8: 0,
    Bsom6fd: 0,
    Blkhhs4: 0,
    Bonggc9: 0,
    Ddfuxk: 0,
    i03rao: 0,
    kclons: 0,
    clg4pj: 0,
    Bpqj9nj: 0,
    B6dhp37: 0,
    Bf4ptjt: 0,
    Bqtpl0w: 0,
    i4rwgc: "fpqizxz",
    Dah5zi: 0,
    B1tsrr9: 0,
    qqdqy8: 0,
    Bkh64rk: 0,
    e3fwne: "fnd8nzh",
    J0r882: "f15fr7a0",
    Bule8hv: ["fwsq40z", "fy0y4wt"],
    Bjwuhne: "f34ld9f",
    Ghsupd: ["fy0y4wt", "fwsq40z"]
  },
  selectableFocused: {
    Brovlpu: "ftqa4ok",
    B486eqv: "f2hkw1w",
    Bssx7fj: "f1b1k54r",
    uh7if5: ["f4ne723", "fqqcjud"],
    clntm0: "fh7aioi",
    Dlk2r6: ["fqqcjud", "f4ne723"],
    h6p2u: "f1ufm4qn",
    I6qiy5: ["f1qnwcb4", "fgrk5zm"],
    yzno9d: "fi52z01",
    By0wis0: ["fgrk5zm", "f1qnwcb4"],
    B2j2mmj: "ffht0p2",
    wigs8: "f1p0ul1q",
    pbfy6t: "f1c901ms",
    B0v4ure: "f1alokd7",
    Byrf0fs: 0,
    Bsiemmq: 0,
    Bwckmig: 0,
    skfxo0: 0,
    Iidy0u: 0,
    B98u21t: 0,
    Bvwlmkc: 0,
    jo1ztg: 0,
    Ba1iezr: 0,
    Blmvk6g: 0,
    B24cy0v: 0,
    Bil7v7r: 0,
    Br3gin4: 0,
    nr063g: 0,
    ghq09: 0,
    Bbgo44z: 0,
    Bseh09z: "f1i978nd",
    az1dzo: 0,
    Ba3ybja: 0,
    B6352mv: 0,
    vppk2z: 0,
    Biaj6j7: "f1nh8hsq",
    B2pnrqr: "f1amxum7",
    B29w5g4: ["f1cec8w7", "f554mv0"],
    Bhhzhcn: "f1sj6kbr",
    Bec0n69: ["f554mv0", "f1cec8w7"]
  },
  orientationHorizontal: {
    Beiy3e4: "f1063pyq",
    Bt984gj: "f122n59",
    Binpb3b: "ftrw7vg",
    qrt8p2: "f18opajm",
    k6ws3r: ["f13002it", "fqo182t"],
    Btcwela: ["f18yna97", "f1kd6wh7"],
    Fer9m8: "f4i4759"
  },
  orientationVertical: {
    Beiy3e4: "f1vx9l62",
    B5nvv7i: ["f14k419y", "f1fgo9fz"],
    Baxg94k: ["f1fgo9fz", "f14k419y"],
    tn21ii: "fvqmfsm",
    B0ud6bj: "f3am6yf",
    Bgdo4j: "f1r5wgso"
  },
  sizeSmall: {
    B7balbw: "f1pi9uxy",
    B1h88n7: "f1h1zgly"
  },
  sizeMedium: {
    B7balbw: "frsmuga",
    B1h88n7: "fuldkky"
  },
  sizeLarge: {
    B7balbw: "f1qua4xo",
    B1h88n7: "fimkt6v"
  },
  interactive: {
    rhjd8f: "f1epqm3e"
  },
  filled: {
    De3pzq: "fxugw4r",
    E5pizo: "f1whvlc6",
    B0n5ga8: "f16gxe2i",
    s924m2: ["fpgykix", "fzybk4o"],
    B1q35kw: "f1osi826",
    Gp14am: ["fzybk4o", "fpgykix"]
  },
  filledInteractive: {
    Bceei9c: "f1k6fduh",
    De3pzq: "fxugw4r",
    E5pizo: "f1whvlc6",
    B0n5ga8: "f16gxe2i",
    s924m2: ["fpgykix", "fzybk4o"],
    B1q35kw: "f1osi826",
    Gp14am: ["fzybk4o", "fpgykix"],
    Bi91k9c: "feu1g3u",
    Jwef8y: "f1knas48",
    Bvxd0ez: "f1m145df",
    ecr2s2: "fb40n2d"
  },
  filledInteractiveSelected: {
    De3pzq: "f1nfm20t",
    B0n5ga8: "f16eln5f",
    s924m2: ["fa2okxs", "fg4zq3l"],
    B1q35kw: "ff6932p",
    Gp14am: ["fg4zq3l", "fa2okxs"],
    Bi91k9c: "fx9teim",
    Jwef8y: "f1kz6goq"
  },
  filledAlternative: {
    De3pzq: "f1dmdbja",
    E5pizo: "f1whvlc6",
    B0n5ga8: "f16gxe2i",
    s924m2: ["fpgykix", "fzybk4o"],
    B1q35kw: "f1osi826",
    Gp14am: ["fzybk4o", "fpgykix"]
  },
  filledAlternativeInteractive: {
    Bceei9c: "f1k6fduh",
    De3pzq: "f1dmdbja",
    E5pizo: "f1whvlc6",
    B0n5ga8: "f16gxe2i",
    s924m2: ["fpgykix", "fzybk4o"],
    B1q35kw: "f1osi826",
    Gp14am: ["fzybk4o", "fpgykix"],
    Bi91k9c: "fnwyq0v",
    Jwef8y: "f1uvynv3",
    Bvxd0ez: "f1m145df",
    ecr2s2: "f1yhgkbh"
  },
  filledAlternativeInteractiveSelected: {
    De3pzq: "fjxa0vh",
    B0n5ga8: "f16eln5f",
    s924m2: ["fa2okxs", "fg4zq3l"],
    B1q35kw: "ff6932p",
    Gp14am: ["fg4zq3l", "fa2okxs"],
    Bi91k9c: "f1luvkty",
    Jwef8y: "fehi0vp"
  },
  outline: {
    De3pzq: "f1c21dwh",
    E5pizo: "f1couhl3",
    B0n5ga8: "ft83z1f",
    s924m2: ["f1g4150c", "f192dr6e"],
    B1q35kw: "f1qnawh6",
    Gp14am: ["f192dr6e", "f1g4150c"]
  },
  outlineInteractive: {
    Bceei9c: "f1k6fduh",
    De3pzq: "f1c21dwh",
    E5pizo: "f1couhl3",
    B0n5ga8: "ft83z1f",
    s924m2: ["f1g4150c", "f192dr6e"],
    B1q35kw: "f1qnawh6",
    Gp14am: ["f192dr6e", "f1g4150c"],
    Bi91k9c: "feu1g3u",
    Jwef8y: "fjxutwb",
    Be0v6ae: "f1llr77y",
    B5kxglz: ["fzk0khw", "fjj8tog"],
    B3pwyw6: "fb1u8ub",
    Bymgtzf: ["fjj8tog", "fzk0khw"],
    ecr2s2: "fophhak",
    dmfk: "f1uohb70",
    B4ofi8: ["f1jm7v1n", "f1bus3rq"],
    jgq6uv: "f1fbu7rr",
    Baxewws: ["f1bus3rq", "f1jm7v1n"]
  },
  outlineInteractiveSelected: {
    De3pzq: "f1q9pm1r",
    B0n5ga8: "f16eln5f",
    s924m2: ["fa2okxs", "fg4zq3l"],
    B1q35kw: "ff6932p",
    Gp14am: ["fg4zq3l", "fa2okxs"],
    Bi91k9c: "fx9teim",
    Jwef8y: "fg59vm4"
  },
  outlineDisabled: {
    De3pzq: "f1c21dwh",
    E5pizo: "f1couhl3",
    g2u3we: "f1jj8ep1",
    h3c5rm: ["f15xbau", "fy0fskl"],
    B9xav0g: "f4ikngz",
    zhjwy3: ["fy0fskl", "f15xbau"],
    ezxybo: "f1ls5moo",
    wc7uws: "f1qiza15",
    B0n5ga8: "f13dj02",
    s924m2: ["f9wngki", "f17v59j0"],
    B1q35kw: "f1vxzwsp",
    Gp14am: ["f17v59j0", "f9wngki"]
  },
  subtle: {
    De3pzq: "fhovq9v",
    E5pizo: "f1couhl3",
    B0n5ga8: "f16gxe2i",
    s924m2: ["fpgykix", "fzybk4o"],
    B1q35kw: "f1osi826",
    Gp14am: ["fzybk4o", "fpgykix"]
  },
  subtleInteractive: {
    Bceei9c: "f1k6fduh",
    De3pzq: "fhovq9v",
    E5pizo: "f1couhl3",
    B0n5ga8: "f16gxe2i",
    s924m2: ["fpgykix", "fzybk4o"],
    B1q35kw: "f1osi826",
    Gp14am: ["fzybk4o", "fpgykix"],
    Bi91k9c: "feu1g3u",
    Jwef8y: "f1t94bn6",
    ecr2s2: "f1wfn5kd"
  },
  subtleInteractiveSelected: {
    De3pzq: "fq5gl1p",
    B0n5ga8: "f16eln5f",
    s924m2: ["fa2okxs", "fg4zq3l"],
    B1q35kw: "ff6932p",
    Gp14am: ["fg4zq3l", "fa2okxs"],
    Bi91k9c: "fx9teim",
    Jwef8y: "f1uqaxdt"
  },
  highContrastSelected: {
    B8gzw0y: "f1h3a8gf",
    By8wz76: "f1nz3ub2",
    B7iucu3: "fqc85l4",
    Boo9lyk: "f1ucc5z8",
    sga51p: "fyj59f4",
    qj1yg9: ["f19v95gn", "f1n69f6i"],
    B8acmzm: "f16q7dot",
    Gezqo6: ["f1n69f6i", "f19v95gn"]
  },
  highContrastInteractive: {
    waf3gn: "f1quqgnd",
    B96h8j5: "f193utb4",
    Bpd3jnq: "f1io67iv",
    uhbujs: "f3n01jk",
    sga51p: "fyj59f4",
    qj1yg9: ["f19v95gn", "f1n69f6i"],
    B8acmzm: "f16q7dot",
    Gezqo6: ["f1n69f6i", "f19v95gn"]
  },
  select: {
    qhf8xq: "f1euv43f",
    Bhzewxz: "fqclxi7",
    j35jbq: ["fiv86kb", "f36uhnt"],
    Bj3rh1h: "fom9my7"
  },
  hiddenCheckbox: {
    B68tc82: 0,
    Bmxbyg5: 0,
    Bpg54ce: "f1a3p1vp",
    a9b677: "frkrog8",
    Bqenvij: "f1mpe4l3",
    qhf8xq: "f1euv43f",
    Bh84pgu: "fmf1zke",
    Bgl5zvf: "f1wch0ki",
    Huce71: "fz5stix"
  },
  disabled: {
    Bceei9c: "fdrzuqr",
    famaaq: "f1xqy1su",
    sj55zd: "f1s2aq7o",
    De3pzq: "f1bg9a2p",
    E5pizo: "fyed02w",
    g2u3we: "f1jj8ep1",
    h3c5rm: ["f15xbau", "fy0fskl"],
    B9xav0g: "f4ikngz",
    zhjwy3: ["fy0fskl", "f15xbau"],
    Ftih45: "f1wl9k8s",
    Brfgrao: "f1j7ml58",
    lawp4y: 0,
    Fbdkly: 0,
    mdwyqc: 0,
    Bciustq: 0,
    gc50h5: "f13vvzas",
    Ehzi8l: "f198lalb",
    B0n5ga8: "f13dj02",
    s924m2: ["f9wngki", "f17v59j0"],
    B1q35kw: "f1vxzwsp",
    Gp14am: ["f17v59j0", "f9wngki"],
    Bikrtoi: "f11og98d",
    G8qf51: "f1rg3h4v",
    Brxh4y7: "fbm2y3b",
    ezxybo: "f4yodeu",
    wc7uws: "fcwfbwp",
    gp3uxg: "f1repx37",
    Fohawp: ["f1ybi8ct", "f1h4eg6q"],
    Bxulg6k: "f18mejnb",
    vcjq4m: ["f1h4eg6q", "f1ybi8ct"],
    Bsqkqe9: "f1nift3m",
    fskg1g: "f1wu3i8x",
    iwiei9: 0,
    Effecx: 0,
    Bkt1b9m: 0,
    jfmxvr: 0,
    orauir: "f6v4vfa",
    B2yd9ot: "folrdqs",
    Fn9tzk: "f168z5yf",
    Bv0wker: ["fpor7gj", "fzextn6"],
    Bp2dl5b: "f1yaw79v",
    pzn0iz: ["fzextn6", "fpor7gj"]
  }
}, {
  f: [".ftqa4ok:focus{outline-style:none;}"],
  i: [".f2hkw1w:focus-visible{outline-style:none;}"],
  d: [".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}", ".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}", ".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}", ".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}", '.f15bsgw9[data-fui-focus-visible]::after{content:"";}', ".f14e48fq[data-fui-focus-visible]::after{position:absolute;}", ".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}", ".fd6o370[data-fui-focus-visible]::after{z-index:1;}", [".fpqizxz[data-fui-focus-visible]::after{border:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}", {
    p: -2
  }], [".fnd8nzh[data-fui-focus-visible]::after{border-radius:var(--fui-Card--border-radius);}", {
    p: -1
  }], ".f15fr7a0[data-fui-focus-visible]::after{top:calc(0px - var(--strokeWidthThick) - -2px);}", ".fwsq40z[data-fui-focus-visible]::after{right:calc(0px - var(--strokeWidthThick) - -2px);}", ".fy0y4wt[data-fui-focus-visible]::after{left:calc(0px - var(--strokeWidthThick) - -2px);}", ".f34ld9f[data-fui-focus-visible]::after{bottom:calc(0px - var(--strokeWidthThick) - -2px);}", ".f1b1k54r[data-fui-focus-within]:focus-within{border-top-color:transparent;}", ".f4ne723[data-fui-focus-within]:focus-within{border-right-color:transparent;}", ".fqqcjud[data-fui-focus-within]:focus-within{border-left-color:transparent;}", ".fh7aioi[data-fui-focus-within]:focus-within{border-bottom-color:transparent;}", '.ffht0p2[data-fui-focus-within]:focus-within::after{content:"";}', ".f1p0ul1q[data-fui-focus-within]:focus-within::after{position:absolute;}", ".f1c901ms[data-fui-focus-within]:focus-within::after{pointer-events:none;}", ".f1alokd7[data-fui-focus-within]:focus-within::after{z-index:1;}", [".f1i978nd[data-fui-focus-within]:focus-within::after{border:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}", {
    p: -2
  }], [".f1nh8hsq[data-fui-focus-within]:focus-within::after{border-radius:var(--fui-Card--border-radius);}", {
    p: -1
  }], ".f1amxum7[data-fui-focus-within]:focus-within::after{top:calc(0px - var(--strokeWidthThick) - -2px);}", ".f1cec8w7[data-fui-focus-within]:focus-within::after{right:calc(0px - var(--strokeWidthThick) - -2px);}", ".f554mv0[data-fui-focus-within]:focus-within::after{left:calc(0px - var(--strokeWidthThick) - -2px);}", ".f1sj6kbr[data-fui-focus-within]:focus-within::after{bottom:calc(0px - var(--strokeWidthThick) - -2px);}", ".f1063pyq{flex-direction:row;}", ".f122n59{align-items:center;}", ".ftrw7vg>.fui-CardPreview{margin-top:calc(var(--fui-Card--size) * -1);}", ".f18opajm>.fui-CardPreview{margin-bottom:calc(var(--fui-Card--size) * -1);}", '.f13002it>:not([aria-hidden="true"]).fui-CardPreview:first-of-type{margin-left:calc(var(--fui-Card--size) * -1);}', '.fqo182t>:not([aria-hidden="true"]).fui-CardPreview:first-of-type{margin-right:calc(var(--fui-Card--size) * -1);}', '.f18yna97>:not([aria-hidden="true"]).fui-CardPreview:last-of-type{margin-right:calc(var(--fui-Card--size) * -1);}', '.f1kd6wh7>:not([aria-hidden="true"]).fui-CardPreview:last-of-type{margin-left:calc(var(--fui-Card--size) * -1);}', ".f4i4759>.fui-CardHeader:last-of-type,.f4i4759>.fui-CardFooter:last-of-type{flex-grow:1;}", ".f1vx9l62{flex-direction:column;}", ".f14k419y>.fui-CardPreview{margin-left:calc(var(--fui-Card--size) * -1);}", ".f1fgo9fz>.fui-CardPreview{margin-right:calc(var(--fui-Card--size) * -1);}", '.fvqmfsm>:not([aria-hidden="true"]).fui-CardPreview:first-of-type{margin-top:calc(var(--fui-Card--size) * -1);}', ".f3am6yf>.fui-Card__floatingAction+.fui-CardPreview{margin-top:calc(var(--fui-Card--size) * -1);}", '.f1r5wgso>:not([aria-hidden="true"]).fui-CardPreview:last-of-type{margin-bottom:calc(var(--fui-Card--size) * -1);}', ".f1pi9uxy{--fui-Card--size:8px;}", ".f1h1zgly{--fui-Card--border-radius:var(--borderRadiusSmall);}", ".frsmuga{--fui-Card--size:12px;}", ".fuldkky{--fui-Card--border-radius:var(--borderRadiusMedium);}", ".f1qua4xo{--fui-Card--size:16px;}", ".fimkt6v{--fui-Card--border-radius:var(--borderRadiusLarge);}", ".f1epqm3e .fui-Text{color:currentColor;}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f1whvlc6{box-shadow:var(--shadow4);}", ".f16gxe2i::after{border-top-color:var(--colorTransparentStroke);}", ".fpgykix::after{border-right-color:var(--colorTransparentStroke);}", ".fzybk4o::after{border-left-color:var(--colorTransparentStroke);}", ".f1osi826::after{border-bottom-color:var(--colorTransparentStroke);}", ".f1k6fduh{cursor:pointer;}", ".f1nfm20t{background-color:var(--colorNeutralBackground1Selected);}", ".f16eln5f::after{border-top-color:var(--colorNeutralStroke1Selected);}", ".fa2okxs::after{border-right-color:var(--colorNeutralStroke1Selected);}", ".fg4zq3l::after{border-left-color:var(--colorNeutralStroke1Selected);}", ".ff6932p::after{border-bottom-color:var(--colorNeutralStroke1Selected);}", ".f1dmdbja{background-color:var(--colorNeutralBackground2);}", ".fjxa0vh{background-color:var(--colorNeutralBackground2Selected);}", ".f1c21dwh{background-color:var(--colorTransparentBackground);}", ".f1couhl3{box-shadow:none;}", ".ft83z1f::after{border-top-color:var(--colorNeutralStroke1);}", ".f1g4150c::after{border-right-color:var(--colorNeutralStroke1);}", ".f192dr6e::after{border-left-color:var(--colorNeutralStroke1);}", ".f1qnawh6::after{border-bottom-color:var(--colorNeutralStroke1);}", ".f1q9pm1r{background-color:var(--colorTransparentBackgroundSelected);}", ".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}", ".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}", ".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}", ".f13dj02::after{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f9wngki::after{border-right-color:var(--colorNeutralStrokeDisabled);}", ".f17v59j0::after{border-left-color:var(--colorNeutralStrokeDisabled);}", ".f1vxzwsp::after{border-bottom-color:var(--colorNeutralStrokeDisabled);}", ".fhovq9v{background-color:var(--colorSubtleBackground);}", ".fq5gl1p{background-color:var(--colorSubtleBackgroundSelected);}", ".f1euv43f{position:absolute;}", ".fqclxi7{top:4px;}", ".fiv86kb{right:4px;}", ".f36uhnt{left:4px;}", ".fom9my7{z-index:var(--zIndexContent, 1);}", [".f1a3p1vp{overflow:hidden;}", {
    p: -1
  }], ".frkrog8{width:1px;}", ".f1mpe4l3{height:1px;}", ".fmf1zke{clip:rect(0 0 0 0);}", ".f1wch0ki{clip-path:inset(50%);}", ".fz5stix{white-space:nowrap;}", ".fdrzuqr{cursor:not-allowed;}", ".f1xqy1su{-webkit-user-select:none;-moz-user-select:none;user-select:none;}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".f1bg9a2p{background-color:var(--colorNeutralBackgroundDisabled);}", ".fyed02w{box-shadow:var(--shadow2);}", '.f1wl9k8s::before{content:"";}', ".f1j7ml58::before{position:absolute;}", [".f13vvzas::before{inset:0;}", {
    p: -1
  }], ".f198lalb::before{z-index:calc(var(--zIndexContent, 1) + 1);}"],
  m: [["@media (forced-colors: active){.f1j6vpng[data-fui-focus-visible]::after{border-top-color:Highlight;}}", {
    m: "(forced-colors: active)"
  }], ["@media (forced-colors: active){.f1ffjurs[data-fui-focus-visible]::after{border-left-color:Highlight;}.f1pniga2[data-fui-focus-visible]::after{border-right-color:Highlight;}}", {
    m: "(forced-colors: active)"
  }], ["@media (forced-colors: active){.f987i1v[data-fui-focus-visible]::after{border-bottom-color:Highlight;}}", {
    m: "(forced-colors: active)"
  }], ["@media (forced-colors: active){.f1ufm4qn[data-fui-focus-within]:focus-within::after{border-top-color:Highlight;}}", {
    m: "(forced-colors: active)"
  }], ["@media (forced-colors: active){.f1qnwcb4[data-fui-focus-within]:focus-within::after{border-right-color:Highlight;}.fgrk5zm[data-fui-focus-within]:focus-within::after{border-left-color:Highlight;}}", {
    m: "(forced-colors: active)"
  }], ["@media (forced-colors: active){.fi52z01[data-fui-focus-within]:focus-within::after{border-bottom-color:Highlight;}}", {
    m: "(forced-colors: active)"
  }], ["@media (forced-colors: active){.f1h3a8gf{forced-color-adjust:none;}}", {
    m: "(forced-colors: active)"
  }], ["@media (forced-colors: active){.f1nz3ub2{background-color:Highlight;}}", {
    m: "(forced-colors: active)"
  }], ["@media (forced-colors: active){.fqc85l4{color:HighlightText;}}", {
    m: "(forced-colors: active)"
  }], ["@media (forced-colors: active){.f1ucc5z8 .fui-CardPreview,.f1ucc5z8 .fui-CardFooter{forced-color-adjust:auto;}}", {
    m: "(forced-colors: active)"
  }], ["@media (forced-colors: active){.fyj59f4::after{border-top-color:Highlight;}}", {
    m: "(forced-colors: active)"
  }], ["@media (forced-colors: active){.f19v95gn::after{border-right-color:Highlight;}.f1n69f6i::after{border-left-color:Highlight;}}", {
    m: "(forced-colors: active)"
  }], ["@media (forced-colors: active){.f16q7dot::after{border-bottom-color:Highlight;}}", {
    m: "(forced-colors: active)"
  }], ["@media (forced-colors: active){.f1quqgnd:hover,.f1quqgnd :active{forced-color-adjust:none;}}", {
    m: "(forced-colors: active)"
  }], ["@media (forced-colors: active){.f193utb4:hover,.f193utb4 :active{background-color:Highlight;}}", {
    m: "(forced-colors: active)"
  }], ["@media (forced-colors: active){.f1io67iv:hover,.f1io67iv :active{color:HighlightText;}}", {
    m: "(forced-colors: active)"
  }], ["@media (forced-colors: active){.f3n01jk:hover .fui-CardPreview,.f3n01jk :active .fui-CardPreview,.f3n01jk:hover .fui-CardFooter,.f3n01jk :active .fui-CardFooter{forced-color-adjust:auto;}}", {
    m: "(forced-colors: active)"
  }]],
  h: [".feu1g3u:hover{color:var(--colorNeutralForeground1Hover);}", ".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}", ".f1m145df:hover{box-shadow:var(--shadow8);}", ".fx9teim:hover{color:var(--colorNeutralForeground1Selected);}", ".f1kz6goq:hover{background-color:var(--colorNeutralBackground1Selected);}", ".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}", ".f1uvynv3:hover{background-color:var(--colorNeutralBackground2Hover);}", ".f1luvkty:hover{color:var(--colorNeutralForeground2Selected);}", ".fehi0vp:hover{background-color:var(--colorNeutralBackground2Selected);}", ".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}", ".f1llr77y:hover::after{border-top-color:var(--colorNeutralStroke1Hover);}", ".fzk0khw:hover::after{border-right-color:var(--colorNeutralStroke1Hover);}", ".fjj8tog:hover::after{border-left-color:var(--colorNeutralStroke1Hover);}", ".fb1u8ub:hover::after{border-bottom-color:var(--colorNeutralStroke1Hover);}", ".fg59vm4:hover{background-color:var(--colorTransparentBackgroundSelected);}", ".f1ls5moo:hover,.f1ls5moo:active{background-color:var(--colorTransparentBackground);}", ".f1qiza15:hover,.f1qiza15:active{box-shadow:none;}", ".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}", ".f1uqaxdt:hover{background-color:var(--colorSubtleBackgroundSelected);}", ".f11og98d:hover,.f11og98d:active{cursor:not-allowed;}", ".f1rg3h4v:hover,.f1rg3h4v:active{-webkit-user-select:none;-moz-user-select:none;user-select:none;}", ".fbm2y3b:hover,.fbm2y3b:active{color:var(--colorNeutralForegroundDisabled);}", ".f4yodeu:hover,.f4yodeu:active{background-color:var(--colorNeutralBackgroundDisabled);}", ".fcwfbwp:hover,.fcwfbwp:active{box-shadow:var(--shadow2);}", ".f1repx37:hover,.f1repx37:active{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f1ybi8ct:hover,.f1ybi8ct:active{border-right-color:var(--colorNeutralStrokeDisabled);}", ".f1h4eg6q:hover,.f1h4eg6q:active{border-left-color:var(--colorNeutralStrokeDisabled);}", ".f18mejnb:hover,.f18mejnb:active{border-bottom-color:var(--colorNeutralStrokeDisabled);}", '.f1nift3m:hover::before,.f1nift3m:active::before{content:"";}', ".f1wu3i8x:hover::before,.f1wu3i8x:active::before{position:absolute;}", [".f6v4vfa:hover::before,.f6v4vfa:active::before{inset:0;}", {
    p: -1
  }], ".folrdqs:hover::before,.folrdqs:active::before{z-index:calc(var(--zIndexContent, 1) + 1);}", ".f168z5yf:hover::after,.f168z5yf:active::after{border-top-color:var(--colorNeutralStrokeDisabled);}", ".fpor7gj:hover::after,.fpor7gj:active::after{border-right-color:var(--colorNeutralStrokeDisabled);}", ".fzextn6:hover::after,.fzextn6:active::after{border-left-color:var(--colorNeutralStrokeDisabled);}", ".f1yaw79v:hover::after,.f1yaw79v:active::after{border-bottom-color:var(--colorNeutralStrokeDisabled);}"],
  a: [".fb40n2d:active{background-color:var(--colorNeutralBackground1Pressed);}", ".f1yhgkbh:active{background-color:var(--colorNeutralBackground2Pressed);}", ".fophhak:active{background-color:var(--colorTransparentBackgroundPressed);}", ".f1uohb70:active::after{border-top-color:var(--colorNeutralStroke1Pressed);}", ".f1jm7v1n:active::after{border-right-color:var(--colorNeutralStroke1Pressed);}", ".f1bus3rq:active::after{border-left-color:var(--colorNeutralStroke1Pressed);}", ".f1fbu7rr:active::after{border-bottom-color:var(--colorNeutralStroke1Pressed);}", ".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}"]
}), xa = (e) => {
  "use no memo";
  const o = ka(), r = ya(), a = {
    horizontal: r.orientationHorizontal,
    vertical: r.orientationVertical
  }, t = {
    small: r.sizeSmall,
    medium: r.sizeMedium,
    large: r.sizeLarge
  }, n = {
    filled: r.filled,
    "filled-alternative": r.filledAlternative,
    outline: r.outline,
    subtle: r.subtle
  }, f = {
    filled: r.filledInteractiveSelected,
    "filled-alternative": r.filledAlternativeInteractiveSelected,
    outline: r.outlineInteractiveSelected,
    subtle: r.subtleInteractiveSelected
  }, l = {
    filled: r.filledInteractive,
    "filled-alternative": r.filledAlternativeInteractive,
    outline: r.outlineInteractive,
    subtle: r.subtleInteractive
  }, c = !e.disabled && (e.interactive || e.selectable), i = g.useMemo(() => e.disabled ? "" : e.selectable ? e.selectFocused ? r.selectableFocused : "" : r.focused, [e.disabled, e.selectFocused, e.selectable, r.focused, r.selectableFocused]);
  return e.root.className = b(Y.root, o, a[e.orientation], t[e.size], n[e.appearance], c && r.interactive, c && l[e.appearance], e.selected && f[e.appearance], i, c && r.highContrastInteractive, e.selected && r.highContrastSelected, e.disabled && r.disabled, e.disabled && e.appearance === "outline" && r.outlineDisabled, e.root.className), e.floatingAction && (e.floatingAction.className = b(Y.floatingAction, r.select, e.floatingAction.className)), e.checkbox && (e.checkbox.className = b(Y.checkbox, r.hiddenCheckbox, e.checkbox.className)), e;
};
function Ba({ selectableA11yProps: e }) {
  return {
    selectableA11yProps: e
  };
}
const De = /* @__PURE__ */ g.forwardRef((e, o) => {
  const r = fa(e, o), a = Ba(r);
  return xa(r), _("useCardStyles_unstable")(r), sa(r, a);
});
De.displayName = "Card";
const wa = (e, o) => za(e, o), za = (e, o) => {
  const { action: r } = e;
  return {
    components: {
      root: "div",
      action: "div"
    },
    root: T(M("div", {
      // FIXME:
      // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`
      // but since it would be a breaking change to fix it, we are casting ref to it's proper type
      ref: o,
      ...e
    }), {
      elementType: "div"
    }),
    action: z(r, {
      elementType: "div"
    })
  };
}, qa = (e) => (A(e), /* @__PURE__ */ F(e.root, {
  children: [
    e.root.children,
    e.action && /* @__PURE__ */ k(e.action, {})
  ]
})), Fe = /* @__PURE__ */ g.forwardRef((e, o) => {
  const r = wa(e, o);
  return ma(r), _("useCardFooterStyles_unstable")(r), qa(r);
});
Fe.displayName = "CardFooter";
function ja(e) {
  function o(r) {
    return g.isValidElement(r) && !!r.props.id;
  }
  return g.Children.toArray(e).find(o);
}
function Sa(e, o, r) {
  return e || (o?.props.id ? o.props.id : r);
}
const Ca = (e, o) => Ta(e, o), Ta = (e, o) => {
  const { image: r, header: a, description: t, action: n } = e, { selectableA11yProps: { referenceId: f, setReferenceId: l } } = Ae(), c = g.useRef(null), i = g.useRef(!1), s = he(_e.header, f), d = z(a, {
    renderByDefault: !0,
    defaultProps: {
      ref: c,
      id: i.current ? void 0 : f
    },
    elementType: "div"
  });
  return g.useEffect(() => {
    var v;
    const p = i.current || (v = c.current) === null || v === void 0 ? void 0 : v.id, h = ja(d?.children);
    i.current = !!h, l(Sa(p, h, s));
  }, [
    s,
    a,
    d,
    l
  ]), {
    components: {
      root: "div",
      image: "div",
      header: "div",
      description: "div",
      action: "div"
    },
    root: T(M("div", {
      // FIXME:
      // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`
      // but since it would be a breaking change to fix it, we are casting ref to it's proper type
      ref: o,
      ...e
    }), {
      elementType: "div"
    }),
    image: z(r, {
      elementType: "div"
    }),
    header: d,
    description: z(t, {
      elementType: "div"
    }),
    action: z(n, {
      elementType: "div"
    })
  };
}, Pa = (e) => (A(e), /* @__PURE__ */ F(e.root, {
  children: [
    e.image && /* @__PURE__ */ k(e.image, {}),
    e.header && /* @__PURE__ */ k(e.header, {}),
    e.description && /* @__PURE__ */ k(e.description, {}),
    e.action && /* @__PURE__ */ k(e.action, {})
  ]
})), He = /* @__PURE__ */ g.forwardRef((e, o) => {
  const r = Ca(e, o);
  return ba(r), _("useCardHeaderStyles_unstable")(r), Pa(r);
});
He.displayName = "CardHeader";
const Na = (e, o) => Aa(e, o), Aa = (e, o) => {
  const { logo: r } = e, { selectableA11yProps: { referenceLabel: a, referenceId: t, setReferenceLabel: n, setReferenceId: f } } = Ae(), l = $(o, g.useRef(null));
  return g.useEffect(() => {
    if (!(a && t) && l.current && l.current.parentNode) {
      const c = l.current.parentNode.querySelector(`.${ae.root} > img`);
      if (c) {
        const i = c.getAttribute("aria-label"), s = c.getAttribute("aria-describedby");
        s ? f(s) : c.alt ? n(c.alt) : i && n(i);
      }
    }
  }, [
    n,
    a,
    l,
    t,
    f
  ]), {
    components: {
      root: "div",
      logo: "div"
    },
    root: T(M("div", {
      ref: l,
      ...e
    }), {
      elementType: "div"
    }),
    logo: z(r, {
      elementType: "div"
    })
  };
}, _a = (e) => (A(e), /* @__PURE__ */ F(e.root, {
  children: [
    e.root.children,
    e.logo && /* @__PURE__ */ k(e.logo, {})
  ]
})), Re = /* @__PURE__ */ g.forwardRef((e, o) => {
  const r = Na(e, o);
  return ua(r), _("useCardPreviewStyles_unstable")(r), _a(r);
});
Re.displayName = "CardPreview";
const J = nr({
  extensionButton: {},
  extensionsDialogSurface: {
    height: "auto",
    width: "70vw",
    maxWidth: "600px",
    maxHeight: "70vh",
    backgroundColor: P.colorNeutralBackground2
  },
  extensionDialogBody: {
    maxWidth: "100%",
    maxHeight: "100%"
  },
  extensionDialogContent: {
    marginLeft: `calc(-1 * ${P.spacingHorizontalM})`,
    marginRight: `calc(-1 * ${P.spacingHorizontalS})`
  },
  extensionHeader: {},
  extensionItem: {},
  extensionCardPreview: {
    padding: `${P.spacingVerticalM} ${P.spacingHorizontalM}`,
    display: "flex",
    flexDirection: "column",
    rowGap: P.spacingVerticalL
  },
  extensionIntro: {
    display: "flex",
    alignItems: "center",
    columnGap: P.spacingHorizontalM
  },
  extensionDescription: {
    display: "flex",
    flexDirection: "row",
    columnGap: P.spacingHorizontalS
  },
  extensionButtonContainer: {
    marginLeft: "auto",
    alignSelf: "flex-start"
  },
  spinner: {
    animationDuration: "1s",
    animationName: {
      from: { opacity: 0 },
      to: { opacity: 1 }
    }
  },
  webResourceDiv: {
    display: "flex",
    flexDirection: "column"
  },
  webResourceLink: {
    display: "flex",
    flexDirection: "row",
    columnGap: P.spacingHorizontalS,
    alignItems: "center"
  },
  personPopoverSurfaceDiv: {
    display: "flex",
    flexDirection: "column",
    rowGap: P.spacingVerticalS
  },
  accordionHeaderDiv: {
    display: "flex",
    flexDirection: "row",
    columnGap: P.spacingHorizontalS,
    alignItems: "center"
  },
  resourceDetailsDiv: {
    display: "flex",
    flexDirection: "column",
    rowGap: P.spacingVerticalS
  },
  peopleDetailsDiv: {
    display: "flex",
    flexDirection: "row",
    columnGap: P.spacingHorizontalXL
  },
  avatarGroupItem: {
    cursor: "pointer"
  }
});
function Da(e) {
  return typeof e == "string" ? { name: e } : e;
}
function te(e) {
  return e.avatar ? { src: `data:image/png;base64,${e.avatar}` } : void 0;
}
function pe(e) {
  const o = g.useMemo(() => e ? e.filter((r) => !!r) : [], [e]);
  return g.useMemo(() => o.map(Da), [o]);
}
const I = (e) => {
  const { url: o, urlDisplay: r, icon: a, label: t } = e, n = J();
  return u.jsx("div", { className: n.webResourceDiv, children: u.jsx(xe, { content: t, relationship: "label", positioning: "before", withArrow: !0, children: u.jsxs("div", { className: n.webResourceLink, children: [a, u.jsx(kr, { url: o, value: r || o })] }) }) });
}, be = (e) => {
  const { person: o, title: r, disabled: a, children: t } = e, n = J();
  return a ? u.jsx(u.Fragment, { children: t }) : u.jsxs(yr, { withArrow: !0, children: [u.jsx(xr, { disableButtonEnhancement: !0, children: t }), u.jsx(Br, { children: u.jsxs("div", { className: n.personPopoverSurfaceDiv, children: [u.jsx(fe, { name: o.name, secondaryText: r, avatar: { image: te(o) } }), o.email && u.jsx(I, { url: `mailto:${o.email}`, urlDisplay: o.email, icon: u.jsx(wr, {}), label: "Email" }), o.url && u.jsx(I, { url: o.url, urlDisplay: o.url, icon: u.jsx(Be, {}), label: "Website" }), o.forumUserName && u.jsx(I, { url: `https://forum.babylonjs.com/u/${o.forumUserName}`, urlDisplay: o.forumUserName, icon: u.jsx(zr, {}), label: "Forum" })] }) })] });
}, Fa = g.memo((e) => {
  const { extension: o } = e, { metadata: r } = o, a = J(), [t, n] = g.useState(!1), [f, l] = g.useState(!1), [c, i] = g.useState(!1);
  g.useEffect(() => {
    const x = () => {
      n(!o.isInstalled && !o.isStateChanging), l(o.isInstalled && !o.isStateChanging), i(o.isStateChanging);
    }, C = o.addStateChangedHandler(x);
    return x(), C.dispose;
  }, [o]);
  const [s] = pe(g.useMemo(() => [r.author], [r.author])), d = pe(r.contributors), v = r.homepage || r.repository || r.bugs, p = s || d.length > 0, h = v || p, j = s?.email || s?.url || s?.forumUserName, y = [r.version ? `${r.version}` : null, r.license ? `${r.license}` : null].filter(Boolean).join(" | "), B = g.useCallback(async () => {
    try {
      await o.installAsync();
    } catch {
    }
  }, [o]), q = g.useCallback(async () => {
    try {
      await o.uninstallAsync();
    } catch {
    }
  }, [o]);
  return u.jsxs(lr, { className: a.extensionItem, value: o.metadata.name, children: [u.jsx(fr, { className: a.extensionHeader, expandIconPosition: "end", children: u.jsxs("div", { className: a.accordionHeaderDiv, children: [u.jsx(cr, { children: o.metadata.name }), u.jsx(sr, { visible: o.isInstalled, children: u.jsx(V, { size: "small" }) })] }) }), u.jsx(dr, { children: u.jsxs(De, { children: [u.jsx(He, { header: u.jsx(vr, { children: r.description }), description: u.jsx(ur, { italic: !0, children: y }) }), h && u.jsxs(Re, { className: a.extensionCardPreview, children: [v && u.jsxs("div", { className: a.resourceDetailsDiv, style: { display: "flex" }, children: [r.homepage && u.jsx(I, { url: r.homepage, icon: u.jsx(Be, {}), label: "Website" }), r.repository && u.jsx(I, { url: r.repository, icon: u.jsx(gr, {}), label: "Repository" }), r.bugs && u.jsx(I, { url: r.bugs, icon: u.jsx(pr, {}), label: "Report Issues" })] }), p && u.jsxs("div", { className: a.peopleDetailsDiv, style: { display: "flex" }, children: [s && u.jsx(be, { person: s, title: "Author", disabled: !j, children: u.jsx(fe, { name: s.name, secondaryText: "Author", avatar: { image: te(s) }, style: { cursor: j ? "pointer" : "default" } }) }), d.length > 0 && u.jsx(je, { layout: "stack", children: d.map((x) => u.jsx(be, { person: x, title: "Contributor", children: u.jsx(Se, { name: x.name, className: a.avatarGroupItem, image: te(x) }) }, x.name)) })] })] }), u.jsxs(Fe, { children: [t && u.jsx(U, { appearance: "primary", size: "small", icon: u.jsx(br, {}), onClick: B, children: "Get" }), f && u.jsx(U, { appearance: "secondary", size: "small", icon: u.jsx(hr, {}), onClick: q, children: "Remove" }), c && u.jsx(mr, { className: a.spinner, size: "extra-small" })] })] }) })] });
}), Ia = {
  friendlyName: "ExtensionList",
  consumes: [Ke],
  factory: (e) => {
    const o = e.addToolbarItem({
      key: "ExtensionList",
      horizontalLocation: "right",
      verticalLocation: "top",
      teachingMoment: {
        title: "Extensions",
        description: "Extensions provide new optional features that can be useful to your specific task or workflow. Click this button to manage extensions."
      },
      order: -200,
      component: () => {
        const r = J(), [a, t] = g.useState("available"), n = Ye(), [f, l] = g.useState([]);
        return g.useEffect(() => {
          n && (async () => {
            const i = await n.queryExtensionsAsync(void 0, void 0, a === "installed"), s = await i.getExtensionsAsync(0, i.totalCount);
            l(s);
          })().catch((i) => {
            qr.Warn(`Failed to populate extensions: ${i}`);
          });
        }, [n, a]), u.jsxs(Qe, { children: [u.jsx(se, { disableButtonEnhancement: !0, children: u.jsx(xe, { content: "Manage Extensions", relationship: "label", children: u.jsx(U, { className: r.extensionButton, appearance: "subtle", icon: u.jsx(Ze, {}) }) }) }), u.jsx(er, { className: r.extensionsDialogSurface, children: u.jsxs(rr, { className: r.extensionDialogBody, children: [u.jsx(or, { action: u.jsx(se, { action: "close", children: u.jsx(U, { appearance: "subtle", "aria-label": "close", icon: u.jsx(ar, {}) }) }), children: u.jsxs(u.Fragment, { children: ["Extensions", u.jsxs(Te, { className: r.extensionDialogContent, selectedValue: a, onTabSelect: (c, i) => {
          t(i.value);
        }, children: [u.jsx(re, { value: "available", children: "Available" }), u.jsx(re, { value: "installed", children: "Installed" })] })] }) }), u.jsx(tr, { className: r.extensionDialogContent, children: u.jsx(ir, { collapsible: !0, children: f.map((c) => u.jsx(Fa, { extension: c }, c.metadata.name)) }) })] }) })] });
      }
    });
    return {
      dispose: () => o.dispose()
    };
  }
};
export {
  Ia as ExtensionListServiceDefinition
};