@appkit/dek-ui 0.26.0 → 0.28.0

package/dist/index.es.js

@@ -137,14 +137,14 @@ function M7() {
         }
       return null;
     }
-    var Z = Object.assign, L1 = 0, d1, I, S, n1, B1, f1, S1;
+    var Z = Object.assign, L1 = 0, d1, I, S, n1, C1, f1, S1;
     function j1() {
     }
     j1.__reactDisabledLog = !0;
     function k1() {
       {
         if (L1 === 0) {
-          d1 = console.log, I = console.info, S = console.warn, n1 = console.error, B1 = console.group, f1 = console.groupCollapsed, S1 = console.groupEnd;
+          d1 = console.log, I = console.info, S = console.warn, n1 = console.error, C1 = console.group, f1 = console.groupCollapsed, S1 = console.groupEnd;
           var _ = {
             configurable: !0,
             enumerable: !0,
@@ -186,7 +186,7 @@ function M7() {
               value: n1
             }),
             group: Z({}, _, {
-              value: B1
+              value: C1
             }),
             groupCollapsed: Z({}, _, {
               value: f1
@@ -654,7 +654,7 @@ const I0 = () => 0, F9 = `
 `, F4 = (t, e = !1) => t === "center" ? "center" : t === "left" ? e ? "flex-end" : "flex-start" : t === "stretch" ? "stretch" : e ? "flex-start" : "flex-end", E4 = (t, e = !1) => t === "center" ? "center" : t === "top" ? e ? "flex-end" : "flex-start" : e ? "flex-start" : "flex-end", f7 = d2.div`
   box-sizing: border-box;
   background-color: ${(t) => t.$active ? t.$backColorActive : t.$backColor};
-  filter: ${(t) => t.$disabled ? `brightness(${C1.button.brightnessDisabled})` : t.$pressed ? `brightness(${C1.button.brightnessPressed})` : "none"};
+  filter: ${(t) => t.$disabled ? `brightness(${B1.button.brightnessDisabled})` : t.$pressed ? `brightness(${B1.button.brightnessPressed})` : "none"};
   border-radius: ${({ $borderRadius: t }) => typeof t == "number" ? `${t}px` : t};
   width: ${({ $width: t }) => typeof t == "number" ? `${t}px` : t};
   height: ${({ $height: t }) => typeof t == "number" ? `${t}px` : t};
@@ -705,7 +705,7 @@ const I0 = () => 0, F9 = `
   }, W = () => {
     e || X();
   }, G = i ? void 0 : r ? `dek-button-${t}-active` : `dek-button-${t}`;
-  return i || (i = (J = C1.button[t]) == null ? void 0 : J.backColor), c || (c = (r1 = C1.button[t]) == null ? void 0 : r1.backColorActive), /* @__PURE__ */ z1.jsx(
+  return i || (i = (J = B1.button[t]) == null ? void 0 : J.backColor), c || (c = (r1 = B1.button[t]) == null ? void 0 : r1.backColorActive), /* @__PURE__ */ z1.jsx(
     f7,
     {
       $pressed: e ? !1 : R,
@@ -23535,7 +23535,7 @@ const kU1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty(
   iconPadding: c = 2,
   iconBackColor: l = ""
 }) => {
-  const o = e ? h : n || C1.button.normal.color, d = l ? i - 4 : i, g = c, f = l ? 2 : 0;
+  const o = e ? h : n || B1.button.normal.color, d = l ? i - 4 : i, g = c, f = l ? 2 : 0;
   return /* @__PURE__ */ z1.jsxs(
     OU1,
     {
@@ -23558,7 +23558,7 @@ const kU1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty(
       ]
     }
   );
-}, C1 = {
+}, B1 = {
   text: {
     size: {
       xxsmall: 10,
@@ -23655,15 +23655,15 @@ const kU1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty(
 function z5(t) {
   switch (t) {
     case "xxsubtle":
-      return C1.text.color.xxsubtle;
+      return B1.text.color.xxsubtle;
     case "xsubtle":
-      return C1.text.color.xsubtle;
+      return B1.text.color.xsubtle;
     case "subtle":
-      return C1.text.color.subtle;
+      return B1.text.color.subtle;
     case "tint":
-      return C1.text.color.tint;
+      return B1.text.color.tint;
     case "normal":
-      return C1.text.color.normal;
+      return B1.text.color.normal;
     default:
       return t;
   }
@@ -23671,97 +23671,97 @@ function z5(t) {
 function H3(t) {
   switch (t) {
     case "normal":
-      return C1.text.family.normal;
+      return B1.text.family.normal;
     case "condensed":
-      return C1.text.family.condensed;
+      return B1.text.family.condensed;
     case "mono":
-      return C1.text.family.mono;
+      return B1.text.family.mono;
     case "slab":
-      return C1.text.family.slab;
+      return B1.text.family.slab;
     case "flex":
-      return C1.text.family.flex;
+      return B1.text.family.flex;
     case "heading":
-      return C1.text.family.heading;
+      return B1.text.family.heading;
     default:
       return t;
   }
 }
 function j4(t) {
   if (t === void 0)
-    return C1.text.size.normal;
+    return B1.text.size.normal;
   if (typeof t == "number")
     return t;
   switch (t) {
     case "xxsmall":
-      return C1.text.size.xxsmall;
+      return B1.text.size.xxsmall;
     case "xsmall":
-      return C1.text.size.xsmall;
+      return B1.text.size.xsmall;
     case "small":
-      return C1.text.size.small;
+      return B1.text.size.small;
     case "normal":
-      return C1.text.size.normal;
+      return B1.text.size.normal;
     case "large":
-      return C1.text.size.large;
+      return B1.text.size.large;
     case "xlarge":
-      return C1.text.size.xlarge;
+      return B1.text.size.xlarge;
     case "xxlarge":
-      return C1.text.size.xxlarge;
+      return B1.text.size.xxlarge;
     case "heading":
-      return C1.text.size.heading;
+      return B1.text.size.heading;
   }
 }
 function N9(t) {
   if (t === void 0)
-    return C1.text.height.normal;
+    return B1.text.height.normal;
   if (typeof t == "number")
     return t + 5;
   switch (t) {
     case "xxsmall":
-      return C1.text.height.xxsmall;
+      return B1.text.height.xxsmall;
     case "xsmall":
-      return C1.text.height.xsmall;
+      return B1.text.height.xsmall;
     case "small":
-      return C1.text.height.small;
+      return B1.text.height.small;
     case "normal":
-      return C1.text.height.normal;
+      return B1.text.height.normal;
     case "large":
-      return C1.text.height.large;
+      return B1.text.height.large;
     case "xlarge":
-      return C1.text.height.xlarge;
+      return B1.text.height.xlarge;
     case "xxlarge":
-      return C1.text.height.xxlarge;
+      return B1.text.height.xxlarge;
     case "heading":
-      return C1.text.height.heading;
+      return B1.text.height.heading;
   }
 }
 function M5(t) {
   if (t === void 0)
-    return C1.text.weight.normal;
+    return B1.text.weight.normal;
   if (typeof t == "number")
     return t;
   switch (t) {
     case "xxthin":
-      return C1.text.weight.xxthin;
+      return B1.text.weight.xxthin;
     case "xthin":
-      return C1.text.weight.xthin;
+      return B1.text.weight.xthin;
     case "thin":
-      return C1.text.weight.thin;
+      return B1.text.weight.thin;
     case "normal":
-      return C1.text.weight.normal;
+      return B1.text.weight.normal;
     case "bold":
-      return C1.text.weight.bold;
+      return B1.text.weight.bold;
     case "xbold":
-      return C1.text.weight.xbold;
+      return B1.text.weight.xbold;
     case "xxbold":
-      return C1.text.weight.xxbold;
+      return B1.text.weight.xxbold;
     case "heavy":
-      return C1.text.weight.heavy;
+      return B1.text.weight.heavy;
     case "xheavy":
-      return C1.text.weight.xheavy;
+      return B1.text.weight.xheavy;
     case "xxheavy":
-      return C1.text.weight.xxheavy;
+      return B1.text.weight.xxheavy;
     case "heading":
-      return C1.text.weight.heading;
+      return B1.text.weight.heading;
   }
 }
 const bU1 = d2.div`
@@ -23879,22 +23879,22 @@ const bU1 = d2.div`
   }, N = t.variant === "clear" || t.variant === "toggle" ? t.variant : "normal", X = {
     ...t,
     pressed: e,
-    color: m || ((Q = C1.button[N]) == null ? void 0 : Q.color),
-    colorActive: B || (($ = C1.button[N]) == null ? void 0 : $.colorActive),
+    color: m || ((Q = B1.button[N]) == null ? void 0 : Q.color),
+    colorActive: B || (($ = B1.button[N]) == null ? void 0 : $.colorActive),
     textStyle: {},
     label: "button-text"
   }, c1 = {
     ...t,
     pressed: e,
-    iconColor: i || m || ((W = C1.button[N]) == null ? void 0 : W.color),
-    iconColorActive: w || B || ((G = C1.button[N]) == null ? void 0 : G.colorActive),
+    iconColor: i || m || ((W = B1.button[N]) == null ? void 0 : W.color),
+    iconColorActive: w || B || ((G = B1.button[N]) == null ? void 0 : G.colorActive),
     label: "button-icon"
   }, a1 = {
     ...t,
     variant: N,
     paddingVert: f === void 0 && d === void 0 && g === void 0 && o === void 0 ? 12 : o,
     // if only backColor is set, use it for backColorActive (except for toggle variants)
-    backColorActive: l || (N !== "toggle" ? c || ((J = C1.button[N]) == null ? void 0 : J.backColor) : void 0)
+    backColorActive: l || (N !== "toggle" ? c || ((J = B1.button[N]) == null ? void 0 : J.backColor) : void 0)
   };
   let R = null;
   return C ? R = C : h === "none" ? (X.textStyle.margin = "4px 4px 0 4px", R = /* @__PURE__ */ z1.jsx(P8, { ...X })) : (h === "top" ? (a1.direction = "vert", X.textStyle.margin = "0 4px") : h === "right" ? (a1.direction = "horz-reverse", X.textStyle.margin = "4px 4px 0 4px") : h === "bottom" ? (a1.direction = "vert-reverse", X.textStyle.margin = "0 4px") : h === "left" && (a1.direction = "horz", X.textStyle.margin = "4px 4px 0 4px"), R = /* @__PURE__ */ z1.jsxs(z1.Fragment, { children: [
@@ -23911,79 +23911,36 @@ const bU1 = d2.div`
       children: R
     }
   );
-}, Bt2 = (t) => {
-  const {
-    title: e,
-    width: r = C1.card.width,
-    height: n = C1.card.height,
-    halign: h = "left",
-    valign: i = "top",
-    onPressed: c,
-    children: l,
-    borderRadius: o = C1.card.borderRadius,
-    onClick: d = I0
-  } = t;
-  return /* @__PURE__ */ z1.jsx(
-    R6,
-    {
-      ...t,
-      label: "card-button",
-      width: r,
-      height: n,
-      halign: h,
-      valign: i,
-      title: e,
-      borderRadius: o,
-      onClick: d,
-      onPressed: c,
-      children: l
-    }
-  );
-}, _U1 = (t) => {
-  const { onPressed: e, children: r, onClick: n = I0, padding: h = 6 } = t;
-  return /* @__PURE__ */ z1.jsx(
-    R6,
-    {
-      ...t,
-      label: "icon-button",
-      padding: h,
-      halign: "center",
-      valign: "center",
-      onClick: n,
-      onPressed: e,
-      children: r
-    }
-  );
 };
 function A3(t) {
   switch (t) {
     case "subtle":
-      return console.error("subtle view backColor is deprecated"), C1.text.color.subtle;
+      return console.error("subtle view backColor is deprecated"), B1.text.color.subtle;
     case "tile":
-      return C1.view.backColor.tile;
+      return B1.view.backColor.tile;
     case "card":
-      return C1.view.backColor.card;
+      return B1.view.backColor.card;
     case "clear":
-      return C1.view.backColor.clear;
+      return B1.view.backColor.clear;
     case "light":
-      return C1.view.backColor.light;
+      return B1.view.backColor.light;
     case "lighter":
-      return C1.view.backColor.lighter;
+      return B1.view.backColor.lighter;
     case "lightest":
-      return C1.view.backColor.lightest;
+      return B1.view.backColor.lightest;
     case "dark":
-      return C1.view.backColor.dark;
+      return B1.view.backColor.dark;
     case "darker":
-      return C1.view.backColor.darker;
+      return B1.view.backColor.darker;
     case "darkest":
-      return C1.view.backColor.darkest;
+      return B1.view.backColor.darkest;
     case "none":
       return "transparent";
     default:
       return t;
   }
 }
-const b3 = (t) => t === "always" ? "scroll" : t === "auto" ? "auto" : t === "hidden" ? "hidden" : "initial", xa = (t) => typeof t == "string" ? t === "true" : t, IU1 = d2.div`
+const b3 = (t) => t === "always" ? "scroll" : t === "auto" ? "auto" : t === "hidden" ? "hidden" : "initial", xa = (t) => typeof t == "string" ? t === "true" : t, _U1 = d2.div`
   display: flex;
   box-sizing: border-box;
   ${(t) => xa(t.$collapse) ? "flex-shrink: 0;" : ""}
@@ -23994,7 +23951,7 @@ const b3 = (t) => t === "always" ? "scroll" : t === "auto" ? "auto" : t === "hid
 }};
   ${({ $fixed: t }) => t === "none" ? "" : t === "top" ? "position: absolute; top: 0; left: 0; right: 0;" : "position: absolute; bottom: 0; left: 0; right: 0;"}
   width: ${({ $width: t }) => typeof t == "number" ? `${t}px` : t};
-  color: ${() => C1.text.color.normal};
+  color: ${() => B1.text.color.normal};
   border-radius: ${(t) => t.$borderRadius}px;
   overflow-y: ${({ $vscroll: t }) => b3(t)};
   overflow-x: ${({ $hscroll: t }) => b3(t)};
@@ -24047,7 +24004,7 @@ const b3 = (t) => t === "always" ? "scroll" : t === "auto" ? "auto" : t === "hid
   style: G,
   children: J
 }) => /* @__PURE__ */ z1.jsx(
-  IU1,
+  _U1,
   {
     "aria-label": t || "view",
     $direction: e,
@@ -24078,37 +24035,117 @@ const b3 = (t) => t === "always" ? "scroll" : t === "auto" ? "auto" : t === "hid
     style: G,
     children: J
   }
-), PU1 = ({ size: t, weight: e, ...r }) => /* @__PURE__ */ z1.jsx(h4, { size: t || "heading", weight: e || "heading", ...r }), WU1 = ({ title: t, active: e, onClick: r = I0 }) => /* @__PURE__ */ z1.jsx(
-  u0,
-  {
-    backColor: e ? "clear" : "none",
-    backColorHover: e ? "lighter" : "light",
-    borderRadius: 6,
-    onClick: r,
-    collapse: !0,
-    className: e ? "dek-button-clear" : "",
-    style: { marginBottom: 4, marginRight: 4, cursor: "pointer" },
-    children: /* @__PURE__ */ z1.jsx(PU1, { padding: 20, children: t })
-  }
-), Ct2 = ({
+), Bt2 = (t) => {
+  const {
+    variant: e = "normal",
+    children: r,
+    square: n = !1,
+    width: h = n ? B1.card.height : B1.card.width,
+    height: i = B1.card.height,
+    borderRadius: c = B1.card.borderRadius,
+    label: l = "card",
+    ...o
+  } = t;
+  let { backColor: d } = t;
+  const g = d ? void 0 : `dek-card-${e}`;
+  return d || (d = e === "normal" ? B1.view.backColor.card : B1.view.backColor.clear), /* @__PURE__ */ z1.jsx(
+    u0,
+    {
+      width: h,
+      height: i,
+      className: g,
+      backColor: d,
+      borderRadius: c,
+      label: l,
+      ...o,
+      children: r
+    }
+  );
+}, Ct2 = (t) => {
+  const {
+    title: e,
+    square: r = !1,
+    width: n = r ? B1.card.height : B1.card.width,
+    height: h = B1.card.height,
+    halign: i = "left",
+    valign: c = "top",
+    onPressed: l,
+    children: o,
+    borderRadius: d = B1.card.borderRadius,
+    onClick: g = I0
+  } = t;
+  return /* @__PURE__ */ z1.jsx(
+    R6,
+    {
+      ...t,
+      label: "card-button",
+      width: n,
+      height: h,
+      halign: i,
+      valign: c,
+      title: e,
+      borderRadius: d,
+      onClick: g,
+      onPressed: l,
+      children: o
+    }
+  );
+}, IU1 = (t) => {
+  const { onPressed: e, children: r, onClick: n = I0, padding: h = 6 } = t;
+  return /* @__PURE__ */ z1.jsx(
+    R6,
+    {
+      ...t,
+      label: "icon-button",
+      padding: h,
+      halign: "center",
+      valign: "center",
+      onClick: n,
+      onPressed: e,
+      children: r
+    }
+  );
+}, PU1 = ({ size: t, weight: e, ...r }) => /* @__PURE__ */ z1.jsx(h4, { size: t || "heading", weight: e || "heading", ...r }), WU1 = ({
+  title: t,
+  active: e,
+  compact: r = !1,
+  onClick: n = I0
+}) => {
+  const h = r ? 10 : 20, i = r ? "large" : void 0;
+  return /* @__PURE__ */ z1.jsx(
+    u0,
+    {
+      backColor: e ? "clear" : "none",
+      backColorHover: e ? "lighter" : "light",
+      borderRadius: 6,
+      onClick: n,
+      collapse: !0,
+      className: e ? "dek-button-clear" : "",
+      style: { marginBottom: 4, marginRight: 4, cursor: "pointer" },
+      children: /* @__PURE__ */ z1.jsx(PU1, { size: i, padding: h, children: t })
+    }
+  );
+}, yt2 = ({
   items: t,
   initialKey: e,
   direction: r = "vert",
-  onSelect: n = I0
+  compact: n = !1,
+  onSelect: h = I0
 }) => {
-  const [h, i] = _0(e), c = (l) => {
-    i(l), n(l);
+  const [i, c] = _0(e), l = (o) => {
+    c(o), h(o);
   };
-  return /* @__PURE__ */ z1.jsx(u0, { children: /* @__PURE__ */ z1.jsx(u0, { direction: r, collapse: !0, children: t.map(({ key: l, title: o }) => /* @__PURE__ */ z1.jsx(
+  return /* @__PURE__ */ z1.jsx(u0, { children: /* @__PURE__ */ z1.jsx(u0, { direction: r, collapse: !0, children: t.map(({ key: o, title: d }) => /* @__PURE__ */ z1.jsx(
     WU1,
     {
-      title: o,
-      onClick: () => c(l),
-      active: h === l
+      title: d,
+      compact: n,
+      onClick: () => l(o),
+      active: i === o
     },
-    l
+    o
   )) }) });
-}, yt2 = (t) => {
+}, kt2 = (t) => {
   const { title: e, icon: r = "left", onPressed: n, children: h, onClick: i = I0 } = t;
   return /* @__PURE__ */ z1.jsx(
     R6,
@@ -24133,7 +24170,7 @@ const b3 = (t) => t === "always" ? "scroll" : t === "auto" ? "auto" : t === "hid
   padding: ${({ $padding: t }) => t}px;
   background-color: ${({ $backColor: t }) => t};
   border-radius: 50%;
-`, TU1 = d2.div``, kt2 = ({
+`, TU1 = d2.div``, Ot2 = ({
   loading: t = !1,
   disabled: e = !1,
   iconName: r,
@@ -24142,7 +24179,7 @@ const b3 = (t) => t === "always" ? "scroll" : t === "auto" ? "auto" : t === "hid
   iconPadding: i = 2,
   iconBackColor: c = "transparent"
 }) => {
-  const l = e ? "#888" : n === void 0 ? C1.text.color.normal : n;
+  const l = e ? "#888" : n === void 0 ? B1.text.color.normal : n;
   return /* @__PURE__ */ z1.jsxs(
     DU1,
     {
@@ -24163,31 +24200,6 @@ const b3 = (t) => t === "always" ? "scroll" : t === "auto" ? "auto" : t === "hid
       ]
     }
   );
-}, Ot2 = (t) => {
-  const {
-    variant: e = "normal",
-    children: r,
-    width: n = C1.card.width,
-    height: h = C1.card.height,
-    borderRadius: i = C1.card.borderRadius,
-    label: c = "card",
-    ...l
-  } = t;
-  let { backColor: o } = t;
-  const d = o ? void 0 : `dek-card-${e}`;
-  return o || (o = e === "normal" ? C1.view.backColor.card : C1.view.backColor.clear), /* @__PURE__ */ z1.jsx(
-    u0,
-    {
-      width: n,
-      height: h,
-      className: d,
-      backColor: o,
-      borderRadius: i,
-      label: c,
-      ...l,
-      children: r
-    }
-  );
 };
 var $9 = {}, U9 = {}, h6 = { exports: {} }, wa = { exports: {} }, Y5 = { exports: {} }, Ba = { exports: {} }, G5 = { exports: {} }, Ca, W8;
 function RU1() {
@@ -24203,7 +24215,7 @@ function RU1() {
         !n.call(v, E) && E !== V && t(v, E, { get: () => M[E], enumerable: !(k = e(M, E)) || k.enumerable });
     return v;
   }, c = (v) => i(t({}, "__esModule", { value: !0 }), v), l = {};
-  h(l, { FluidValue: () => _, Globals: () => o, addFluidObserver: () => u1, callFluidObserver: () => ct, callFluidObservers: () => e0, clamp: () => Q2, colorToRgba: () => X1, colors: () => $1, createInterpolator: () => L0, createStringInterpolator: () => A2, defineHidden: () => D, deprecateDirectCall: () => v4, deprecateInterpolate: () => o4, each: () => d1, eachProp: () => I, easings: () => J0, flush: () => n1, flushCalls: () => B1, frameLoop: () => c2, getFluidObservers: () => yt, getFluidValue: () => W0, hasFluidValue: () => Z0, hex3: () => x, hex4: () => z, hex6: () => p, hex8: () => O, hsl: () => F2, hsla: () => l0, is: () => Z, isAnimatedString: () => ot, isEqual: () => L1, isSSR: () => f1, noop: () => r1, onResize: () => kt, onScroll: () => z4, once: () => D0, prefix: () => P1, raf: () => g, removeFluidObserver: () => E1, rgb: () => q2, rgba: () => S2, setFluidGetter: () => v1, toArray: () => S, useConstant: () => E0, useForceUpdate: () => L, useIsomorphicLayoutEffect: () => u, useMemoOne: () => P, useOnce: () => h1, usePrev: () => l1, useReducedMotion: () => V1 }), Ca = c(l);
+  h(l, { FluidValue: () => _, Globals: () => o, addFluidObserver: () => u1, callFluidObserver: () => ct, callFluidObservers: () => e0, clamp: () => Q2, colorToRgba: () => X1, colors: () => $1, createInterpolator: () => L0, createStringInterpolator: () => A2, defineHidden: () => D, deprecateDirectCall: () => v4, deprecateInterpolate: () => o4, each: () => d1, eachProp: () => I, easings: () => J0, flush: () => n1, flushCalls: () => C1, frameLoop: () => c2, getFluidObservers: () => yt, getFluidValue: () => W0, hasFluidValue: () => Z0, hex3: () => x, hex4: () => z, hex6: () => p, hex8: () => O, hsl: () => F2, hsla: () => l0, is: () => Z, isAnimatedString: () => ot, isEqual: () => L1, isSSR: () => f1, noop: () => r1, onResize: () => kt, onScroll: () => z4, once: () => D0, prefix: () => P1, raf: () => g, removeFluidObserver: () => E1, rgb: () => q2, rgba: () => S2, setFluidGetter: () => v1, toArray: () => S, useConstant: () => E0, useForceUpdate: () => L, useIsomorphicLayoutEffect: () => u, useMemoOne: () => P, useOnce: () => h1, usePrev: () => l1, useReducedMotion: () => V1 }), Ca = c(l);
   var o = {};
   h(o, { assign: () => H1, colors: () => k1, createStringInterpolator: () => S1, skipAnimation: () => y, to: () => j1, willAdvance: () => K });
   var d = G(), g = (v) => a1(v, d), f = G();
@@ -24321,7 +24333,7 @@ function RU1() {
       v.clear(), d1(V, M);
     }
   }
-  var B1 = (v, ...M) => n1(v, (V) => V(...M)), f1 = () => typeof window > "u" || !window.navigator || /ServerSideRendering|^Deno\//.test(window.navigator.userAgent), S1, j1, k1 = null, y = !1, K = r1, H1 = (v) => {
+  var C1 = (v, ...M) => n1(v, (V) => V(...M)), f1 = () => typeof window > "u" || !window.navigator || /ServerSideRendering|^Deno\//.test(window.navigator.userAgent), S1, j1, k1 = null, y = !1, K = r1, H1 = (v) => {
     v.to && (j1 = v.to), v.now && (g.now = v.now), v.colors !== void 0 && (k1 = v.colors), v.skipAnimation != null && (y = v.skipAnimation), v.createStringInterpolator && (S1 = v.createStringInterpolator), v.requestAnimationFrame && g.use(v.requestAnimationFrame), v.batchedUpdates && (g.batchedUpdates = v.batchedUpdates), v.willAdvance && (K = v.willAdvance), v.frameLoop && (g.frameLoop = v.frameLoop);
   }, g1 = /* @__PURE__ */ new Set(), M1 = [], I1 = [], R1 = 0, c2 = { get idle() {
     return !g1.size && !M1.length;
@@ -24644,7 +24656,7 @@ function FU1() {
     eachProp: () => I,
     easings: () => J0,
     flush: () => n1,
-    flushCalls: () => B1,
+    flushCalls: () => C1,
     frameLoop: () => c2,
     getFluidObservers: () => yt,
     getFluidValue: () => W0,
@@ -24818,7 +24830,7 @@ function FU1() {
       v.clear(), d1(V, M);
     }
   }
-  var B1 = (v, ...M) => n1(v, (V) => V(...M)), f1 = () => typeof window > "u" || !window.navigator || /ServerSideRendering|^Deno\//.test(window.navigator.userAgent), S1, j1, k1 = null, y = !1, K = r1, H1 = (v) => {
+  var C1 = (v, ...M) => n1(v, (V) => V(...M)), f1 = () => typeof window > "u" || !window.navigator || /ServerSideRendering|^Deno\//.test(window.navigator.userAgent), S1, j1, k1 = null, y = !1, K = r1, H1 = (v) => {
     v.to && (j1 = v.to), v.now && (g.now = v.now), v.colors !== void 0 && (k1 = v.colors), v.skipAnimation != null && (y = v.skipAnimation), v.createStringInterpolator && (S1 = v.createStringInterpolator), v.requestAnimationFrame && g.use(v.requestAnimationFrame), v.batchedUpdates && (g.batchedUpdates = v.batchedUpdates), v.willAdvance && (K = v.willAdvance), v.frameLoop && (g.frameLoop = v.frameLoop);
   }, g1 = /* @__PURE__ */ new Set(), M1 = [], I1 = [], R1 = 0, c2 = {
     get idle() {
@@ -25558,7 +25570,7 @@ function EU1() {
     return (0, d1.forwardRef)((g1, M1) => {
       let I1 = (0, d1.useRef)(null), R1 = H1 && (0, d1.useCallback)(($1) => {
         I1.current = f1(M1, $1);
-      }, [M1]), [c2, K1] = B1(g1, K), H2 = (0, I.useForceUpdate)(), W2 = () => {
+      }, [M1]), [c2, K1] = C1(g1, K), H2 = (0, I.useForceUpdate)(), W2 = () => {
         let $1 = I1.current;
         H1 && !$1 || ($1 ? K.applyAnimatedValues($1, c2.getValue(!0)) : !1) === !1 && H2();
       }, z2 = new n1(W2, K1), M2 = (0, d1.useRef)();
@@ -25579,7 +25591,7 @@ function EU1() {
       y.type == "change" && I.raf.write(this.update);
     }
   };
-  function B1(y, K) {
+  function C1(y, K) {
     let H1 = /* @__PURE__ */ new Set();
     return $.dependencies = H1, y.style && (y = { ...y, style: K.createAnimatedStyle(y.style) }), y = new W(y), $.dependencies = null, [y, H1];
   }
@@ -25757,7 +25769,7 @@ function jU1() {
           I1.current = f1(M1, $1);
         },
         [M1]
-      ), [c2, K1] = B1(g1, K), H2 = (0, I.useForceUpdate)(), W2 = () => {
+      ), [c2, K1] = C1(g1, K), H2 = (0, I.useForceUpdate)(), W2 = () => {
         const $1 = I1.current;
         if (H1 && !$1)
           return;
@@ -25783,7 +25795,7 @@ function jU1() {
       y.type == "change" && I.raf.write(this.update);
     }
   };
-  function B1(y, K) {
+  function C1(y, K) {
     const H1 = /* @__PURE__ */ new Set();
     return $.dependencies = H1, y.style && (y = {
       ...y,
@@ -25954,7 +25966,7 @@ function UU1() {
         }
       });
     }
-    var L1 = T1(), d1 = y1, I = T1(), S = T1(), n1 = Vt(), B1 = T1(), f1 = { default: { tension: 170, friction: 26 }, gentle: { tension: 120, friction: 14 }, wobbly: { tension: 180, friction: 12 }, stiff: { tension: 210, friction: 20 }, slow: { tension: 280, friction: 60 }, molasses: { tension: 280, friction: 120 } }, S1 = { ...f1.default, mass: 1, damping: 1, easing: B1.easings.linear, clamp: !1 }, j1 = class {
+    var L1 = T1(), d1 = y1, I = T1(), S = T1(), n1 = Vt(), C1 = T1(), f1 = { default: { tension: 170, friction: 26 }, gentle: { tension: 120, friction: 14 }, wobbly: { tension: 180, friction: 12 }, stiff: { tension: 210, friction: 20 }, slow: { tension: 280, friction: 60 }, molasses: { tension: 280, friction: 120 } }, S1 = { ...f1.default, mass: 1, damping: 1, easing: C1.easings.linear, clamp: !1 }, j1 = class {
       constructor() {
         this.velocity = 0, Object.assign(this, S1);
       }
@@ -25964,14 +25976,14 @@ function UU1() {
       for (let Y in S1)
         s[Y] == null && (s[Y] = S1[Y]);
       let { frequency: L, damping: A } = s, { mass: P } = s;
-      return B1.is.und(L) || (L < 0.01 && (L = 0.01), A < 0 && (A = 0), s.tension = Math.pow(2 * Math.PI / L, 2) * P, s.friction = 4 * Math.PI * A * P / L), s;
+      return C1.is.und(L) || (L < 0.01 && (L = 0.01), A < 0 && (A = 0), s.tension = Math.pow(2 * Math.PI / L, 2) * P, s.friction = 4 * Math.PI * A * P / L), s;
     }
     function y(s, u) {
-      if (!B1.is.und(u.decay))
+      if (!C1.is.und(u.decay))
         s.duration = void 0;
       else {
-        let H = !B1.is.und(u.tension) || !B1.is.und(u.friction);
-        (H || !B1.is.und(u.frequency) || !B1.is.und(u.damping) || !B1.is.und(u.mass)) && (s.duration = void 0, s.decay = void 0), H && (s.frequency = void 0);
+        let H = !C1.is.und(u.tension) || !C1.is.und(u.friction);
+        (H || !C1.is.und(u.frequency) || !C1.is.und(u.damping) || !C1.is.und(u.mass)) && (s.duration = void 0, s.decay = void 0), H && (s.frequency = void 0);
       }
     }
     var K = [], H1 = class {
@@ -27035,7 +27047,7 @@ function qU1() {
         }
       });
     }
-    var L1 = T1(), d1 = y1, I = T1(), S = T1(), n1 = Vt(), B1 = T1(), f1 = {
+    var L1 = T1(), d1 = y1, I = T1(), S = T1(), n1 = Vt(), C1 = T1(), f1 = {
       default: { tension: 170, friction: 26 },
       gentle: { tension: 120, friction: 14 },
       wobbly: { tension: 180, friction: 12 },
@@ -27046,7 +27058,7 @@ function qU1() {
       ...f1.default,
       mass: 1,
       damping: 1,
-      easing: B1.easings.linear,
+      easing: C1.easings.linear,
       clamp: !1
     }, j1 = class {
       constructor() {
@@ -27059,14 +27071,14 @@ function qU1() {
         s[Y] == null && (s[Y] = S1[Y]);
       let { frequency: L, damping: A } = s;
       const { mass: P } = s;
-      return B1.is.und(L) || (L < 0.01 && (L = 0.01), A < 0 && (A = 0), s.tension = Math.pow(2 * Math.PI / L, 2) * P, s.friction = 4 * Math.PI * A * P / L), s;
+      return C1.is.und(L) || (L < 0.01 && (L = 0.01), A < 0 && (A = 0), s.tension = Math.pow(2 * Math.PI / L, 2) * P, s.friction = 4 * Math.PI * A * P / L), s;
     }
     function y(s, u) {
-      if (!B1.is.und(u.decay))
+      if (!C1.is.und(u.decay))
         s.duration = void 0;
       else {
-        const H = !B1.is.und(u.tension) || !B1.is.und(u.friction);
-        (H || !B1.is.und(u.frequency) || !B1.is.und(u.damping) || !B1.is.und(u.mass)) && (s.duration = void 0, s.decay = void 0), H && (s.frequency = void 0);
+        const H = !C1.is.und(u.tension) || !C1.is.und(u.friction);
+        (H || !C1.is.und(u.frequency) || !C1.is.und(u.damping) || !C1.is.und(u.mass)) && (s.duration = void 0, s.decay = void 0), H && (s.frequency = void 0);
       }
     }
     var K = [], H1 = class {
@@ -28351,10 +28363,10 @@ function YU1() {
     var e = Object.defineProperty, r = Object.getOwnPropertyDescriptor, n = Object.getOwnPropertyNames, h = Object.prototype.hasOwnProperty, i = (I, S) => {
       for (var n1 in S)
         e(I, n1, { get: S[n1], enumerable: !0 });
-    }, c = (I, S, n1, B1) => {
+    }, c = (I, S, n1, C1) => {
       if (S && typeof S == "object" || typeof S == "function")
         for (let f1 of n(S))
-          !h.call(I, f1) && f1 !== n1 && e(I, f1, { get: () => S[f1], enumerable: !(B1 = r(S, f1)) || B1.enumerable });
+          !h.call(I, f1) && f1 !== n1 && e(I, f1, { get: () => S[f1], enumerable: !(C1 = r(S, f1)) || C1.enumerable });
       return I;
     }, l = (I, S, n1) => (c(I, S, "default"), n1 && c(n1, S, "default")), o = (I) => c(e({}, "__esModule", { value: !0 }), I), d = {};
     i(d, { a: () => d1, animated: () => d1 }), t.exports = o(d);
@@ -28366,11 +28378,11 @@ function YU1() {
     function F(I, S) {
       if (!I.nodeType || !I.setAttribute)
         return !1;
-      let n1 = I.nodeName === "filter" || I.parentNode && I.parentNode.nodeName === "filter", { style: B1, children: f1, scrollTop: S1, scrollLeft: j1, viewBox: k1, ...y } = S, K = Object.values(y), H1 = Object.keys(y).map((g1) => n1 || I.hasAttribute(g1) ? g1 : b[g1] || (b[g1] = g1.replace(/([A-Z])/g, (M1) => "-" + M1.toLowerCase())));
+      let n1 = I.nodeName === "filter" || I.parentNode && I.parentNode.nodeName === "filter", { style: C1, children: f1, scrollTop: S1, scrollLeft: j1, viewBox: k1, ...y } = S, K = Object.values(y), H1 = Object.keys(y).map((g1) => n1 || I.hasAttribute(g1) ? g1 : b[g1] || (b[g1] = g1.replace(/([A-Z])/g, (M1) => "-" + M1.toLowerCase())));
       f1 !== void 0 && (I.textContent = f1);
-      for (let g1 in B1)
-        if (B1.hasOwnProperty(g1)) {
-          let M1 = C(g1, B1[g1]);
+      for (let g1 in C1)
+        if (C1.hasOwnProperty(g1)) {
+          let M1 = C(g1, C1[g1]);
           B.test(g1) ? I.style.setProperty(g1, M1) : I.style[g1] = M1;
         }
       H1.forEach((g1, M1) => {
@@ -28380,18 +28392,18 @@ function YU1() {
     var N = { animationIterationCount: !0, borderImageOutset: !0, borderImageSlice: !0, borderImageWidth: !0, boxFlex: !0, boxFlexGroup: !0, boxOrdinalGroup: !0, columnCount: !0, columns: !0, flex: !0, flexGrow: !0, flexPositive: !0, flexShrink: !0, flexNegative: !0, flexOrder: !0, gridRow: !0, gridRowEnd: !0, gridRowSpan: !0, gridRowStart: !0, gridColumn: !0, gridColumnEnd: !0, gridColumnSpan: !0, gridColumnStart: !0, fontWeight: !0, lineClamp: !0, lineHeight: !0, opacity: !0, order: !0, orphans: !0, tabSize: !0, widows: !0, zIndex: !0, zoom: !0, fillOpacity: !0, floodOpacity: !0, stopOpacity: !0, strokeDasharray: !0, strokeDashoffset: !0, strokeMiterlimit: !0, strokeOpacity: !0, strokeWidth: !0 }, X = (I, S) => I + S.charAt(0).toUpperCase() + S.substring(1), c1 = ["Webkit", "Ms", "Moz", "O"];
     N = Object.keys(N).reduce((I, S) => (c1.forEach((n1) => I[X(n1, S)] = I[S]), I), N);
     var a1 = Vt(), R = T1(), Q = /^(matrix|translate|scale|rotate|skew)/, $ = /^(translate)/, W = /^(rotate|skew)/, G = (I, S) => R.is.num(I) && I !== 0 ? I + S : I, J = (I, S) => R.is.arr(I) ? I.every((n1) => J(n1, S)) : R.is.num(I) ? I === S : parseFloat(I) === S, r1 = class extends a1.AnimatedObject {
-      constructor({ x: I, y: S, z: n1, ...B1 }) {
+      constructor({ x: I, y: S, z: n1, ...C1 }) {
         let f1 = [], S1 = [];
-        (I || S || n1) && (f1.push([I || 0, S || 0, n1 || 0]), S1.push((j1) => [`translate3d(${j1.map((k1) => G(k1, "px")).join(",")})`, J(j1, 0)])), (0, R.eachProp)(B1, (j1, k1) => {
+        (I || S || n1) && (f1.push([I || 0, S || 0, n1 || 0]), S1.push((j1) => [`translate3d(${j1.map((k1) => G(k1, "px")).join(",")})`, J(j1, 0)])), (0, R.eachProp)(C1, (j1, k1) => {
           if (k1 === "transform")
             f1.push([j1 || ""]), S1.push((y) => [y, y === ""]);
           else if (Q.test(k1)) {
-            if (delete B1[k1], R.is.und(j1))
+            if (delete C1[k1], R.is.und(j1))
               return;
             let y = $.test(k1) ? "px" : W.test(k1) ? "deg" : "";
             f1.push((0, R.toArray)(j1)), S1.push(k1 === "rotate3d" ? ([K, H1, g1, M1]) => [`rotate3d(${K},${H1},${g1},${G(M1, y)})`, J(M1, 0)] : (K) => [`${k1}(${K.map((H1) => G(H1, y)).join(",")})`, J(K, k1.startsWith("scale") ? 1 : 0)]);
           }
-        }), f1.length && (B1.transform = new D(f1, S1)), super(B1);
+        }), f1.length && (C1.transform = new D(f1, S1)), super(C1);
       }
     }, D = class extends R.FluidValue {
       constructor(I, S) {
@@ -28402,8 +28414,8 @@ function YU1() {
       }
       _get() {
         let I = "", S = !0;
-        return (0, R.each)(this.inputs, (n1, B1) => {
-          let f1 = (0, R.getFluidValue)(n1[0]), [S1, j1] = this.transforms[B1](R.is.arr(f1) ? f1 : n1.map(R.getFluidValue));
+        return (0, R.each)(this.inputs, (n1, C1) => {
+          let f1 = (0, R.getFluidValue)(n1[0]), [S1, j1] = this.transforms[C1](R.is.arr(f1) ? f1 : n1.map(R.getFluidValue));
           I += " " + S1, S = S && j1;
         }), S ? "none" : I;
       }
@@ -28427,10 +28439,10 @@ function GU1() {
     var e = Object.defineProperty, r = Object.getOwnPropertyDescriptor, n = Object.getOwnPropertyNames, h = Object.prototype.hasOwnProperty, i = (I, S) => {
       for (var n1 in S)
         e(I, n1, { get: S[n1], enumerable: !0 });
-    }, c = (I, S, n1, B1) => {
+    }, c = (I, S, n1, C1) => {
       if (S && typeof S == "object" || typeof S == "function")
         for (let f1 of n(S))
-          !h.call(I, f1) && f1 !== n1 && e(I, f1, { get: () => S[f1], enumerable: !(B1 = r(S, f1)) || B1.enumerable });
+          !h.call(I, f1) && f1 !== n1 && e(I, f1, { get: () => S[f1], enumerable: !(C1 = r(S, f1)) || C1.enumerable });
       return I;
     }, l = (I, S, n1) => (c(I, S, "default"), n1 && c(n1, S, "default")), o = (I) => c(e({}, "__esModule", { value: !0 }), I), d = {};
     i(d, {
@@ -28445,7 +28457,7 @@ function GU1() {
     function F(I, S) {
       if (!I.nodeType || !I.setAttribute)
         return !1;
-      const n1 = I.nodeName === "filter" || I.parentNode && I.parentNode.nodeName === "filter", { style: B1, children: f1, scrollTop: S1, scrollLeft: j1, viewBox: k1, ...y } = S, K = Object.values(y), H1 = Object.keys(y).map(
+      const n1 = I.nodeName === "filter" || I.parentNode && I.parentNode.nodeName === "filter", { style: C1, children: f1, scrollTop: S1, scrollLeft: j1, viewBox: k1, ...y } = S, K = Object.values(y), H1 = Object.keys(y).map(
         (g1) => n1 || I.hasAttribute(g1) ? g1 : b[g1] || (b[g1] = g1.replace(
           /([A-Z])/g,
           // Attributes are written in dash case
@@ -28453,9 +28465,9 @@ function GU1() {
         ))
       );
       f1 !== void 0 && (I.textContent = f1);
-      for (const g1 in B1)
-        if (B1.hasOwnProperty(g1)) {
-          const M1 = C(g1, B1[g1]);
+      for (const g1 in C1)
+        if (C1.hasOwnProperty(g1)) {
+          const M1 = C(g1, C1[g1]);
           B.test(g1) ? I.style.setProperty(g1, M1) : I.style[g1] = M1;
         }
       H1.forEach((g1, M1) => {
@@ -28508,17 +28520,17 @@ function GU1() {
     }, X = (I, S) => I + S.charAt(0).toUpperCase() + S.substring(1), c1 = ["Webkit", "Ms", "Moz", "O"];
     N = Object.keys(N).reduce((I, S) => (c1.forEach((n1) => I[X(n1, S)] = I[S]), I), N);
     var a1 = Vt(), R = T1(), Q = /^(matrix|translate|scale|rotate|skew)/, $ = /^(translate)/, W = /^(rotate|skew)/, G = (I, S) => R.is.num(I) && I !== 0 ? I + S : I, J = (I, S) => R.is.arr(I) ? I.every((n1) => J(n1, S)) : R.is.num(I) ? I === S : parseFloat(I) === S, r1 = class extends a1.AnimatedObject {
-      constructor({ x: I, y: S, z: n1, ...B1 }) {
+      constructor({ x: I, y: S, z: n1, ...C1 }) {
         const f1 = [], S1 = [];
         (I || S || n1) && (f1.push([I || 0, S || 0, n1 || 0]), S1.push((j1) => [
           `translate3d(${j1.map((k1) => G(k1, "px")).join(",")})`,
           // prettier-ignore
           J(j1, 0)
-        ])), (0, R.eachProp)(B1, (j1, k1) => {
+        ])), (0, R.eachProp)(C1, (j1, k1) => {
           if (k1 === "transform")
             f1.push([j1 || ""]), S1.push((y) => [y, y === ""]);
           else if (Q.test(k1)) {
-            if (delete B1[k1], R.is.und(j1))
+            if (delete C1[k1], R.is.und(j1))
               return;
             const y = $.test(k1) ? "px" : W.test(k1) ? "deg" : "";
             f1.push((0, R.toArray)(j1)), S1.push(
@@ -28531,7 +28543,7 @@ function GU1() {
               ]
             );
           }
-        }), f1.length && (B1.transform = new D(f1, S1)), super(B1);
+        }), f1.length && (C1.transform = new D(f1, S1)), super(C1);
       }
     }, D = class extends R.FluidValue {
       constructor(I, S) {
@@ -28542,8 +28554,8 @@ function GU1() {
       }
       _get() {
         let I = "", S = !0;
-        return (0, R.each)(this.inputs, (n1, B1) => {
-          const f1 = (0, R.getFluidValue)(n1[0]), [S1, j1] = this.transforms[B1](
+        return (0, R.each)(this.inputs, (n1, C1) => {
+          const f1 = (0, R.getFluidValue)(n1[0]), [S1, j1] = this.transforms[C1](
             R.is.arr(f1) ? f1 : n1.map(R.getFluidValue)
           );
           I += " " + S1, S = S && j1;
@@ -28919,7 +28931,7 @@ function aq1(t, e) {
         var I = Z.defaultPrevented;
         if (!I && D.state.active) {
           if (D.isMovingCross == null) {
-            var S = D.props, n1 = S.vertical, B1 = S.ignoreCrossMove, f1 = B1;
+            var S = D.props, n1 = S.vertical, C1 = S.ignoreCrossMove, f1 = C1;
             typeof f1 != "number" && (f1 = f1 ? 1 : 0);
             var S1 = n1 ? "y" : "x", j1 = n1 ? "x" : "y", k1 = Math.abs(L1[S1] - D.touchMoves[0][S1]), y = Math.abs(L1[j1] - D.touchMoves[0][j1]);
             D.isMovingCross = y * f1 > k1;
@@ -28942,10 +28954,10 @@ function aq1(t, e) {
         D.grabbing && (Z.preventDefault(), Z.stopPropagation());
         var d1 = D.state.dragging, I = null;
         if (d1 && D.touchMoves.length) {
-          for (var S = D.props, n1 = S.cardSize, B1 = S.moveScale, f1 = S.vertical, S1 = D.props.friction / 1e6, j1 = b(D), k1 = j1.touchMoves, y = k1.length, K = 0; --y >= 0 && K < 100; )
+          for (var S = D.props, n1 = S.cardSize, C1 = S.moveScale, f1 = S.vertical, S1 = D.props.friction / 1e6, j1 = b(D), k1 = j1.touchMoves, y = k1.length, K = 0; --y >= 0 && K < 100; )
             K = Date.now() - k1[y].time;
           y++;
-          var H1 = f1 ? "y" : "x", g1 = ((0, h.getTouchPosition)(Z)[H1] - k1[y][H1]) / K, M1 = g1 * Math.abs(g1) / S1 / 2, I1 = D.state.cursor, R1 = (0, h.clamp)(M1 / n1 * B1, Math.floor(I1) - I1, Math.ceil(I1) - I1);
+          var H1 = f1 ? "y" : "x", g1 = ((0, h.getTouchPosition)(Z)[H1] - k1[y][H1]) / K, M1 = g1 * Math.abs(g1) / S1 / 2, I1 = D.state.cursor, R1 = (0, h.clamp)(M1 / n1 * C1, Math.floor(I1) - I1, Math.ceil(I1) - I1);
           I = Math.round(I1 + R1), D.touchMoves = [];
         } else
           I = Math.round(D.state.cursor);
@@ -29040,8 +29052,8 @@ function aq1(t, e) {
         var Z = this;
         this.AnimatedComponent = (0, n.animated)(D.component);
         var L1 = function(I) {
-          var S = I.index, n1 = I.modIndex, B1 = I.cursor, f1 = I.state;
-          return Z.usedCursor = B1, Z.props.renderCard(S, n1, B1, f1);
+          var S = I.index, n1 = I.modIndex, C1 = I.cursor, f1 = I.state;
+          return Z.usedCursor = C1, Z.props.renderCard(S, n1, C1, f1);
         };
         this.AnimatedCard = (0, n.animated)(L1);
       }
@@ -29053,8 +29065,8 @@ function aq1(t, e) {
     }, {
       key: "getComputedCursor",
       value: function() {
-        var D = this.props, Z = D.cardCount, L1 = D.loop, d1 = D.maxOverflow, I = this.state, S = I.cursor, n1 = I.dragging, B1 = S;
-        return L1 || (B1 = (0, h.clamp)(B1, 1 - Z, 0), n1 && S > 0 ? B1 = d1 - d1 / (S + 1) : n1 && S < 1 - Z && (B1 = 1 - Z - d1 + d1 / (1 - Z - S + 1))), B1;
+        var D = this.props, Z = D.cardCount, L1 = D.loop, d1 = D.maxOverflow, I = this.state, S = I.cursor, n1 = I.dragging, C1 = S;
+        return L1 || (C1 = (0, h.clamp)(C1, 1 - Z, 0), n1 && S > 0 ? C1 = d1 - d1 / (S + 1) : n1 && S < 1 - Z && (C1 = 1 - Z - d1 + d1 / (1 - Z - S + 1))), C1;
       }
     }, {
       key: "getUsedCursor",
@@ -29068,9 +29080,9 @@ function aq1(t, e) {
         d1.cardSize;
         var I = d1.cardCount, S = d1.cardPadCount;
         d1.renderCard;
-        var n1 = d1.tension, B1 = d1.friction, f1 = d1.precision, S1 = d1.loop, j1 = l(d1, ["cardSize", "cardCount", "cardPadCount", "renderCard", "tension", "friction", "precision", "loop"]), k1 = S1 ? S : 0, y = {
+        var n1 = d1.tension, C1 = d1.friction, f1 = d1.precision, S1 = d1.loop, j1 = l(d1, ["cardSize", "cardCount", "cardPadCount", "renderCard", "tension", "friction", "precision", "loop"]), k1 = S1 ? S : 0, y = {
           tension: n1,
-          friction: B1,
+          friction: C1,
           precision: f1
         }, K = this.getComputedCursor();
         return /* @__PURE__ */ r.default.createElement(n.Spring, {
@@ -30002,7 +30014,7 @@ var _q1 = er.exports;
     }, {
       key: "render",
       value: function() {
-        var W, G, J, r1, D, Z = this.props, L1 = Z.baseClassName, d1 = Z.controlClassName, I = Z.placeholderClassName, S = Z.menuClassName, n1 = Z.arrowClassName, B1 = Z.arrowClosed, f1 = Z.arrowOpen, S1 = Z.className, j1 = this.props.disabled ? "Dropdown-disabled" : "", k1 = typeof this.state.selected == "string" ? this.state.selected : this.state.selected.label, y = (0, r.default)((W = {}, g(W, "".concat(L1, "-root"), !0), g(W, S1, !!S1), g(W, "is-open", this.state.isOpen), W)), K = (0, r.default)((G = {}, g(G, "".concat(L1, "-control"), !0), g(G, d1, !!d1), g(G, j1, !!j1), G)), H1 = (0, r.default)((J = {}, g(J, "".concat(L1, "-placeholder"), !0), g(J, I, !!I), g(J, "is-selected", this.isValueSelected()), J)), g1 = (0, r.default)((r1 = {}, g(r1, "".concat(L1, "-menu"), !0), g(r1, S, !!S), r1)), M1 = (0, r.default)((D = {}, g(D, "".concat(L1, "-arrow"), !0), g(D, n1, !!n1), D)), I1 = e.default.createElement("div", {
+        var W, G, J, r1, D, Z = this.props, L1 = Z.baseClassName, d1 = Z.controlClassName, I = Z.placeholderClassName, S = Z.menuClassName, n1 = Z.arrowClassName, C1 = Z.arrowClosed, f1 = Z.arrowOpen, S1 = Z.className, j1 = this.props.disabled ? "Dropdown-disabled" : "", k1 = typeof this.state.selected == "string" ? this.state.selected : this.state.selected.label, y = (0, r.default)((W = {}, g(W, "".concat(L1, "-root"), !0), g(W, S1, !!S1), g(W, "is-open", this.state.isOpen), W)), K = (0, r.default)((G = {}, g(G, "".concat(L1, "-control"), !0), g(G, d1, !!d1), g(G, j1, !!j1), G)), H1 = (0, r.default)((J = {}, g(J, "".concat(L1, "-placeholder"), !0), g(J, I, !!I), g(J, "is-selected", this.isValueSelected()), J)), g1 = (0, r.default)((r1 = {}, g(r1, "".concat(L1, "-menu"), !0), g(r1, S, !!S), r1)), M1 = (0, r.default)((D = {}, g(D, "".concat(L1, "-arrow"), !0), g(D, n1, !!n1), D)), I1 = e.default.createElement("div", {
           className: H1
         }, k1), R1 = this.state.isOpen ? e.default.createElement("div", {
           className: g1,
@@ -30018,7 +30030,7 @@ var _q1 = er.exports;
           "aria-haspopup": "listbox"
         }, I1, e.default.createElement("div", {
           className: "".concat(L1, "-arrow-wrapper")
-        }, f1 && B1 ? this.state.isOpen ? f1 : B1 : e.default.createElement("span", {
+        }, f1 && C1 ? this.state.isOpen ? f1 : C1 : e.default.createElement("span", {
           className: M1
         }))), R1);
       }
@@ -32081,7 +32093,7 @@ Q6.write = function(t, e, r, n, h, i) {
         case "ucs-2":
         case "utf16le":
         case "utf-16le":
-          return B1(this, z, p);
+          return C1(this, z, p);
         default:
           if (O)
             throw new TypeError("Unknown encoding: " + x);
@@ -32343,7 +32355,7 @@ Q6.write = function(t, e, r, n, h, i) {
       T += S2[x[q]];
     return T;
   }
-  function B1(x, z, p) {
+  function C1(x, z, p) {
     const O = x.slice(z, p);
     let T = "";
     for (let q = 0; q < O.length - 1; q += 2)
@@ -33510,7 +33522,7 @@ body {
   )
 ] }), SG1 = d2.div`
   position: relative;
-  background-color: ${(t) => t.$pressed ? C1.view.backColor.lighter : A3(t.$backColor)};
+  background-color: ${(t) => t.$pressed ? B1.view.backColor.lighter : A3(t.$backColor)};
   border-radius: 10px;
   padding: 16px;
   padding-top: 8px;
@@ -33520,19 +33532,19 @@ body {
 
   ${F9};
 `, AG1 = d2.div`
-  font-size: ${() => C1.text.size.xsmall}px;
-  color: ${() => C1.text.color.tint};
+  font-size: ${() => B1.text.size.xsmall}px;
+  color: ${() => B1.text.color.tint};
   padding: 0;
   padding-top: 8px;
   margin-left: 4px;
   margin-bottom: -4px;
   text-transform: uppercase;
 `, bG1 = d2.div`
-  font-family: ${() => C1.text.family.heading};
-  font-size: ${() => C1.text.size.heading}px;
-  line-height: ${() => C1.text.height.heading}px;
-  font-weight: ${() => C1.text.weight.heading};
-  color: ${() => C1.text.color.normal};
+  font-family: ${() => B1.text.family.heading};
+  font-size: ${() => B1.text.size.heading}px;
+  line-height: ${() => B1.text.height.heading}px;
+  font-weight: ${() => B1.text.weight.heading};
+  color: ${() => B1.text.color.normal};
   margin: 4px;
   margin-bottom: 1px;
 `, _G1 = d2.div`
@@ -33541,8 +33553,8 @@ body {
   padding: 6px 6px 6px 4px;
   padding-top: 4px;
 `, IG1 = d2.div`
-  font-size: ${() => C1.text.size.normal}px;
-  color: ${() => C1.text.color.xsubtle};
+  font-size: ${() => B1.text.size.normal}px;
+  color: ${() => B1.text.color.xsubtle};
   margin-top: -1px;
   padding-left: ${(t) => t.$hasIcon ? "6px" : "0px"};
 `, PG1 = d2.div`
@@ -33588,7 +33600,7 @@ body {
             {
               name: i,
               size: 18,
-              color: C1.text.color.xsubtle
+              color: B1.text.color.xsubtle
             }
           ) }),
           /* @__PURE__ */ z1.jsx(IG1, { $hasIcon: !!i, children: n })
@@ -37519,7 +37531,7 @@ class I4 extends Lt {
     }
     const Z = o2(h.ticks.maxTicksLimit, f), L1 = Math.max(1, Math.ceil(f / Z));
     for (X = 0; X < f; X += L1) {
-      const d1 = this.getContext(X), I = i.setContext(d1), S = l.setContext(d1), n1 = I.lineWidth, B1 = I.color, f1 = S.dash || [], S1 = S.dashOffset, j1 = I.tickWidth, k1 = I.tickColor, y = I.tickBorderDash || [], K = I.tickBorderDashOffset;
+      const d1 = this.getContext(X), I = i.setContext(d1), S = l.setContext(d1), n1 = I.lineWidth, C1 = I.color, f1 = S.dash || [], S1 = S.dashOffset, j1 = I.tickWidth, k1 = I.tickColor, y = I.tickBorderDash || [], K = I.tickBorderDashOffset;
       c1 = HX1(this, X, o), c1 !== void 0 && (a1 = V4(n, c1, n1), d ? R = $ = G = r1 = a1 : Q = W = J = D = a1, w.push({
         tx1: R,
         ty1: Q,
@@ -37530,7 +37542,7 @@ class I4 extends Lt {
         x2: r1,
         y2: D,
         width: n1,
-        color: B1,
+        color: C1,
         borderDash: f1,
         borderDashOffset: S1,
         tickWidth: j1,
@@ -37578,8 +37590,8 @@ class I4 extends Lt {
       const L1 = i.setContext(this.getContext(F));
       $ = this.getPixelForTick(F) + i.labelOffset, W = this._resolveTickFontOptions(F), G = W.lineHeight, J = R2(c1) ? c1.length : 1;
       const d1 = J / 2, I = L1.color, S = L1.textStrokeColor, n1 = L1.textStrokeWidth;
-      let B1 = Q;
-      c ? (a1 = $, Q === "inner" && (F === N - 1 ? B1 = this.options.reverse ? "left" : "right" : F === 0 ? B1 = this.options.reverse ? "right" : "left" : B1 = "center"), h === "top" ? d === "near" || C !== 0 ? r1 = -J * G + G / 2 : d === "center" ? r1 = -Z.highest.height / 2 - d1 * G + G : r1 = -Z.highest.height + G / 2 : d === "near" || C !== 0 ? r1 = G / 2 : d === "center" ? r1 = Z.highest.height / 2 - d1 * G : r1 = Z.highest.height - J * G, f && (r1 *= -1), C !== 0 && !L1.showLabelBackdrop && (a1 += G / 2 * Math.sin(C))) : (R = $, r1 = (1 - J) * G / 2);
+      let C1 = Q;
+      c ? (a1 = $, Q === "inner" && (F === N - 1 ? C1 = this.options.reverse ? "left" : "right" : F === 0 ? C1 = this.options.reverse ? "right" : "left" : C1 = "center"), h === "top" ? d === "near" || C !== 0 ? r1 = -J * G + G / 2 : d === "center" ? r1 = -Z.highest.height / 2 - d1 * G + G : r1 = -Z.highest.height + G / 2 : d === "near" || C !== 0 ? r1 = G / 2 : d === "center" ? r1 = Z.highest.height / 2 - d1 * G : r1 = Z.highest.height - J * G, f && (r1 *= -1), C !== 0 && !L1.showLabelBackdrop && (a1 += G / 2 * Math.sin(C))) : (R = $, r1 = (1 - J) * G / 2);
       let f1;
       if (L1.showLabelBackdrop) {
         const S1 = H0(L1.backdropPadding), j1 = Z.heights[F], k1 = Z.widths[F];
@@ -37620,7 +37632,7 @@ class I4 extends Lt {
           color: I,
           strokeColor: S,
           strokeWidth: n1,
-          textAlign: B1,
+          textAlign: C1,
           textBaseline: D,
           translation: [
             a1,
@@ -41517,7 +41529,7 @@ const HZ1 = ({
   subtitle: n,
   subtitleSize: h = "small",
   backColor: i,
-  borderRadius: c = C1.card.borderRadius,
+  borderRadius: c = B1.card.borderRadius,
   width: l,
   height: o,
   padding: d = 15,
@@ -41629,7 +41641,7 @@ const HZ1 = ({
   }, l = r ? "none" : "light", o = /* @__PURE__ */ z1.jsxs(u0, { valign: "center", paddingRight: 10, children: [
     /* @__PURE__ */ z1.jsx(h4, { size: "xlarge", weight: "bold", paddingRight: 2, children: t }),
     !i && /* @__PURE__ */ z1.jsx(
-      _U1,
+      IU1,
       {
         onClick: c,
         iconName: "IoCloseSharp",
@@ -44207,9 +44219,9 @@ function Gt2(t = /* @__PURE__ */ new Date()) {
 }
 export {
   R6 as Button,
-  kt2 as ButtonLoadingIcon,
-  Ot2 as Card,
-  Bt2 as CardButton,
+  Ot2 as ButtonLoadingIcon,
+  Bt2 as Card,
+  Ct2 as CardButton,
   Mq1 as Carousel,
   St2 as Cell,
   At2 as ColorPicker,
@@ -44219,12 +44231,12 @@ export {
   Eq1 as Header,
   PU1 as HeadingText,
   G4 as Icon,
-  _U1 as IconButton,
+  IU1 as IconButton,
   It2 as Image,
   Cr as LoadingDots,
-  Ct2 as MenuBar,
+  yt2 as MenuBar,
   WU1 as MenuBarItem,
-  yt2 as PillButton,
+  kt2 as PillButton,
   Pt2 as ProgressBar,
   Wt2 as Screen,
   Dt2 as ScreenLoadingOverlay,
@@ -44239,7 +44251,7 @@ export {
   Yt2 as formatDateTime,
   Gt2 as formatFromNow,
   uG1 as getImageAsBase64,
-  C1 as theme,
+  B1 as theme,
   qt2 as useDateTime,
   Ut2 as useInterval
 };