bitboss-ui 2.1.97 → 2.1.98

package/dist/index348.js

@@ -1,195 +1,10 @@
-import { defineComponent as K, useTemplateRef as $, computed as a, watch as v, ref as Q, createElementBlock as s, openBlock as i, withModifiers as U, normalizeStyle as b, normalizeClass as L, createElementVNode as p, renderSlot as r, createTextVNode as z, toDisplayString as f, unref as D, Fragment as W, renderList as X } from "vue";
-import { isNil as E } from "./index260.js";
-import { isNotNil as Z } from "./index146.js";
-import { useVirtualizer as w } from "./index362.js";
-import { hash as N } from "./index254.js";
-import { useLocale as ee } from "./index230.js";
-import { useListboxFocus as te } from "./index363.js";
-import { indexBy as oe } from "./index295.js";
-const le = { class: "bb-listbox__outer-container scrollbar-border" }, ne = {
-  ref: "inner",
-  class: "bb-listbox__inner-container",
-  tabindex: "-1"
-}, ae = {
-  key: 0,
-  class: "bb-listbox__loading"
-}, se = {
-  key: 1,
-  class: "bb-listbox__no-data"
-}, ie = ["aria-selected", "data-index"], ue = { class: "autocomplete-option__label" }, xe = /* @__PURE__ */ K({
-  __name: "FlatListBox",
-  props: {
-    compact: { type: Boolean },
-    options: {},
-    open: { type: Boolean },
-    loading: { type: Boolean },
-    multiple: { type: Boolean },
-    transitionDuration: { default: 250 },
-    loadingText: {},
-    noDataText: {},
-    optionHeight: {}
-  },
-  emits: ["option:selected", "option:unselected"],
-  setup(F, { expose: M, emit: R }) {
-    const n = F, x = R, { t: h } = ee(), u = $("inner"), V = $("listbox"), g = a(() => n.optionHeight ? n.optionHeight : n.compact ? 32 : 40), c = w({
-      get count() {
-        return n.options.length;
-      },
-      getScrollElement: () => u.value ?? null,
-      estimateSize: () => g.value,
-      overscan: 5
-    }), y = a(() => c.value.getVirtualItems()), C = a(() => c.value.getTotalSize());
-    console.log(y.value);
-    const _ = a(
-      () => n.options.map((e, l) => ({
-        index: l,
-        text: e.text,
-        value: e.value,
-        valueHash: e.valueHash,
-        item: e.item,
-        selected: !!e.selected,
-        disabled: !!e.disabled,
-        focused: l === d.value
-      }))
-    ), o = a(() => oe(_.value, "index")), m = a(() => _.value.length > 0), {
-      focusedIndex: d,
-      focusNext: I,
-      focusPrevious: O,
-      focusFirst: P,
-      focusLast: Y,
-      focusFirstSelected: j,
-      focusLastSelected: q,
-      focusByHash: A,
-      blur: H,
-      getHighlighted: G
-    } = te(() => n.options, { disabled: () => !n.open });
-    v(d, (e) => {
-      u.value && Z(e) && c.value.scrollToIndex(e, {
-        align: "center",
-        behavior: "smooth"
-      });
-    });
-    const k = () => {
-      if (E(d.value) || !n.open) return;
-      const e = o.value[d.value];
-      e.disabled || (e.selected ? x("option:unselected", e) : x("option:selected", e));
-    }, B = Q(0), T = () => {
-      u.value && (B.value = u.value.scrollHeight);
-    }, J = (e) => {
-      if (e.preventDefault(), u.value && e.target instanceof HTMLElement && V.value) {
-        let l = e.target, t = l.dataset.index;
-        for (; E(t) && l.parentElement; )
-          l = l.parentElement, t = l.dataset.index;
-        if (t) {
-          const S = o.value[+t];
-          S && !S.disabled && (d.value = +t, k());
-        }
-      }
-    };
-    return v(
-      () => n.open,
-      () => {
-        T();
-      },
-      { flush: "post" }
-    ), v(
-      () => n.options,
-      (e, l) => {
-        N(e.map((t) => t.valueHash)) !== N(l.map((t) => t.valueHash)) && (c.value.calculateRange(), T(), H());
-      },
-      { flush: "post" }
-    ), M({
-      focusNext: I,
-      focusPrevious: O,
-      focusFirst: P,
-      focusFirstSelected: j,
-      focusLast: Y,
-      focusLastSelected: q,
-      blur: H,
-      confirmOption: k,
-      focusByHash: A,
-      getHighlighted: G
-    }), (e, l) => (i(), s("span", {
-      class: L(["bb-listbox", {
-        "bb-listbox--compact": e.compact,
-        "bb-listbox--loading": e.loading,
-        "bb-listbox--multiple": e.multiple,
-        "bb-listbox--no-data": !m.value,
-        "bb-listbox--open": e.open
-      }]),
-      style: b({
-        "--transition-duration": `${e.transitionDuration}ms`,
-        "--overlay-min-height": `${B.value}px`,
-        "--option-height": `${g.value}px`
-      }),
-      onClick: U(J, ["stop"])
-    }, [
-      p("span", le, [
-        p("span", ne, [
-          r(e.$slots, "options:prepend"),
-          e.loading && !m.value ? (i(), s("span", ae, [
-            r(e.$slots, "loading", {}, () => [
-              z(f(e.loadingText || D(h)("common.loadingText").value), 1)
-            ])
-          ])) : m.value ? (i(), s("span", {
-            key: 2,
-            role: "listbox",
-            ref: "listbox",
-            style: b({
-              height: `${C.value}px`
-            }),
-            tabindex: "-1"
-          }, [
-            (i(!0), s(W, null, X(y.value, (t) => (i(), s("span", {
-              key: o.value[t.index].valueHash,
-              "aria-selected": o.value[t.index].focused ? !0 : void 0,
-              class: L({
-                "bb-listbox__option autocomplete-option": !0,
-                "autocomplete-option--focused": o.value[t.index].focused,
-                "autocomplete-option--selected": o.value[t.index].selected,
-                "autocomplete-option--disabled": o.value[t.index].disabled
-              }),
-              "data-index": t.index,
-              role: "option",
-              style: b({
-                transform: `translateY(${t.start}px)`
-              })
-            }, [
-              r(e.$slots, "option", {
-                disabled: o.value[t.index].disabled,
-                focused: o.value[t.index].focused,
-                index: t.index,
-                item: o.value[t.index].item,
-                selected: o.value[t.index].selected,
-                text: o.value[t.index].text,
-                value: o.value[t.index].value
-              }, () => [
-                l[0] || (l[0] = p("svg", {
-                  class: "autocomplete-option__checkbox",
-                  role: "presentation",
-                  viewBox: "276.411 158.834 114.971 114.97"
-                }, [
-                  p("path", {
-                    d: "M 297.574 224.786 L 318.309 243.134 L 371.568 189.232",
-                    fill: "none",
-                    "stroke-linecap": "round",
-                    "stroke-width": "14px"
-                  })
-                ], -1)),
-                p("span", ue, f(o.value[t.index].text), 1)
-              ])
-            ], 14, ie))), 128))
-          ], 4)) : (i(), s("span", se, [
-            r(e.$slots, "no-data", {}, () => [
-              z(f(e.noDataText || D(h)("common.noDataText").value), 1)
-            ])
-          ])),
-          r(e.$slots, "options:append")
-        ], 512)
-      ])
-    ], 6));
-  }
-});
+function i(t) {
+  if (t = t.replace(/^#/, ""), !/^([A-Fa-f0-9]{3}|[A-Fa-f0-9]{6})$/.test(t))
+    throw new Error("Invalid hex code");
+  t.length === 3 && (t = t.split("").map((n) => n + n).join(""));
+  const r = parseInt(t.slice(0, 2), 16), s = parseInt(t.slice(2, 4), 16), o = parseInt(t.slice(4, 6), 16);
+  return [r, s, o];
+}
 export {
-  xe as default
+  i as hexToRgb
 };

package/dist/index349.js

@@ -1,260 +1,8 @@
-import { defineComponent as pe, useTemplateRef as q, computed as i, watch as L, ref as ve, createElementBlock as r, openBlock as c, withModifiers as be, normalizeStyle as O, normalizeClass as G, createElementVNode as v, renderSlot as h, createTextVNode as J, toDisplayString as x, unref as g, Fragment as P, renderList as Y } from "vue";
-import { isNil as f } from "./index260.js";
-import { useVirtualizer as he } from "./index362.js";
-import { useLocale as me } from "./index230.js";
-import { useListboxFocus as xe } from "./index363.js";
-import { indexBy as E } from "./index295.js";
-const ge = { class: "bb-listbox__outer-container scrollbar-border" }, fe = {
-  ref: "inner",
-  class: "bb-listbox__inner-container",
-  tabindex: "-1"
-}, He = {
-  key: 0,
-  class: "bb-listbox__loading"
-}, _e = {
-  key: 1,
-  class: "bb-listbox__no-data"
-}, ye = ["aria-activedescendant", "aria-multiselectable"], Ie = ["aria-labelledby", "aria-disabled"], $e = ["id"], ke = { class: "bb-listbox__group-header-label" }, Be = ["aria-selected", "aria-setsize", "aria-posinset", "id", "data-index"], Me = { class: "autocomplete-option__label" }, Ee = /* @__PURE__ */ pe({
-  __name: "GroupedListBox",
-  props: {
-    compact: { type: Boolean },
-    groups: {},
-    headerHeight: {},
-    loading: { type: Boolean },
-    loadingText: {},
-    multiple: { type: Boolean },
-    noDataText: {},
-    open: { type: Boolean },
-    optionHeight: {},
-    transitionDuration: { default: 250 }
-  },
-  emits: ["option:selected", "option:unselected"],
-  setup(K, { expose: Q, emit: U }) {
-    const s = K, V = U, { t: F } = me(), b = q("inner"), W = q("listbox"), H = i(() => s.optionHeight ? s.optionHeight : s.compact ? 32 : 40), _ = i(() => s.headerHeight ? s.headerHeight : s.compact ? 24 : 32), X = i(() => {
-      let e = 0;
-      return s.groups.map((a, t) => {
-        const l = a.id, p = e, d = a.options.length, k = _.value + d * H.value, B = `group-header-${a.id}`, M = typeof a.data == "string" ? a.data : JSON.stringify(a.data), S = a.options.every((z) => z.disabled), D = a.data, T = a.options;
-        return e += d, {
-          offset: p,
-          length: d,
-          height: k,
-          id: l,
-          headerId: B,
-          label: M,
-          index: t,
-          allOptionsAreDisabled: S,
-          data: D,
-          options: T
-        };
-      });
-    }), n = i(
-      () => E(X.value, "index")
-    ), m = i(() => s.groups.flatMap(
-      (e, a) => e.options.map((t, l) => {
-        const p = t.valueHash, d = n.value[a].offset + l, k = e.id, B = !!t.selected, M = !!t.disabled, S = t.item, D = t.text, T = t.value, z = d === u.value;
-        return {
-          id: p,
-          globalIndex: d,
-          groupIndex: a,
-          groupId: k,
-          indexInGroup: l,
-          selected: B,
-          disabled: M,
-          item: S,
-          text: D,
-          value: T,
-          valueHash: t.valueHash,
-          focused: z
-        };
-      })
-    )), o = i(() => E(m.value, "id")), y = i(
-      () => E(m.value, "globalIndex")
-    ), N = (e) => `listbox-option-${e}`, Z = i(() => {
-      if (f(u.value)) return;
-      const e = y.value[u.value];
-      if (e)
-        return N(e.valueHash);
-    }), I = i(() => m.value.length > 0), w = (e) => _.value + s.groups[e].options.length * H.value, $ = he({
-      get count() {
-        return s.groups.length;
-      },
-      getScrollElement: () => b.value ?? null,
-      estimateSize: (e) => w(e),
-      overscan: 2
-    }), ee = i(() => $.value.getVirtualItems()), te = i(() => $.value.getTotalSize()), {
-      focusedIndex: u,
-      focusNext: ae,
-      focusPrevious: le,
-      focusFirst: se,
-      focusLast: oe,
-      focusFirstSelected: ne,
-      focusLastSelected: ie,
-      focusByHash: ue,
-      blur: A,
-      getHighlighted: de
-    } = xe(
-      i(() => m.value),
-      { disabled: () => !s.open }
-    ), re = () => {
-      if (!b.value || f(u.value)) return;
-      const e = b.value.querySelector(
-        `[data-index="${u.value}"]`
-      );
-      e && e.scrollIntoView({ block: "nearest", behavior: "smooth" });
-    };
-    L(u, () => {
-      re();
-    });
-    const C = () => {
-      if (f(u.value) || !s.open) return;
-      const e = y.value[u.value];
-      if (!e || e.disabled) return;
-      const a = {
-        text: e.text,
-        value: e.value,
-        item: e.item,
-        valueHash: e.valueHash,
-        selected: e.selected,
-        disabled: e.disabled
-      };
-      e.selected ? V("option:unselected", a) : V("option:selected", a);
-    }, R = ve(0), j = () => {
-      b.value && (R.value = b.value.scrollHeight);
-    }, ce = (e) => {
-      if (e.preventDefault(), b.value && e.target instanceof HTMLElement && W.value) {
-        let a = e.target, t = a.dataset.index;
-        for (; f(t) && a.parentElement; )
-          a = a.parentElement, t = a.dataset.index;
-        if (t) {
-          const l = y.value[+t];
-          l && !l.disabled && (u.value = +t, C());
-        }
-      }
-    };
-    return L(() => s.open, j, { flush: "post" }), L(
-      () => s.groups,
-      (e, a) => {
-        const t = e.flatMap((p) => p.options.map((d) => d.valueHash)).join(","), l = a.flatMap((p) => p.options.map((d) => d.valueHash)).join(",");
-        t !== l && ($.value.measure(), j(), A());
-      },
-      { flush: "post" }
-    ), Q({
-      focusNext: ae,
-      focusPrevious: le,
-      focusFirst: se,
-      focusFirstSelected: ne,
-      focusLast: oe,
-      focusLastSelected: ie,
-      blur: A,
-      confirmOption: C,
-      focusByHash: ue,
-      getHighlighted: de
-    }), (e, a) => (c(), r("span", {
-      class: G(["bb-listbox bb-listbox--grouped", {
-        "bb-listbox--compact": e.compact,
-        "bb-listbox--loading": e.loading,
-        "bb-listbox--multiple": e.multiple,
-        "bb-listbox--no-data": !I.value,
-        "bb-listbox--open": e.open
-      }]),
-      style: O({
-        "--transition-duration": `${e.transitionDuration}ms`,
-        "--overlay-min-height": `${R.value}px`,
-        "--option-height": `${H.value}px`,
-        "--group-header-height": `${_.value}px`
-      }),
-      onClick: be(ce, ["stop"])
-    }, [
-      v("span", ge, [
-        v("span", fe, [
-          h(e.$slots, "options:prepend"),
-          e.loading && !I.value ? (c(), r("span", He, [
-            h(e.$slots, "loading", {}, () => [
-              J(x(e.loadingText || g(F)("common.loadingText").value), 1)
-            ])
-          ])) : I.value ? (c(), r("span", {
-            key: 2,
-            role: "listbox",
-            ref: "listbox",
-            style: O({ height: `${te.value}px` }),
-            "aria-activedescendant": Z.value,
-            "aria-multiselectable": e.multiple ? !0 : void 0,
-            tabindex: "-1"
-          }, [
-            (c(!0), r(P, null, Y(ee.value, (t) => (c(), r("span", {
-              key: n.value[t.index].id,
-              style: O({ transform: `translateY(${t.start}px)` }),
-              role: "group",
-              "aria-labelledby": n.value[t.index].headerId,
-              "aria-disabled": n.value[t.index].allOptionsAreDisabled,
-              class: "bb-listbox__group"
-            }, [
-              v("span", {
-                class: "bb-listbox__group-header",
-                role: "presentation",
-                id: n.value[t.index].headerId
-              }, [
-                h(e.$slots, "group", {
-                  text: n.value[t.index].label,
-                  item: n.value[t.index].data,
-                  index: t.index,
-                  length: n.value[t.index].length,
-                  disabled: n.value[t.index].allOptionsAreDisabled
-                }, () => [
-                  v("span", ke, x(n.value[t.index].label), 1)
-                ])
-              ], 8, $e),
-              (c(!0), r(P, null, Y(n.value[t.index].options, (l) => (c(), r("span", {
-                key: l.valueHash,
-                "aria-selected": o.value[l.valueHash].selected ? !0 : void 0,
-                "aria-setsize": n.value[t.index].length,
-                "aria-posinset": o.value[l.valueHash].indexInGroup + 1,
-                id: N(l.valueHash),
-                class: G({
-                  "bb-listbox__option autocomplete-option": !0,
-                  "autocomplete-option--focused": g(u) === o.value[l.valueHash].globalIndex,
-                  "autocomplete-option--selected": o.value[l.valueHash].selected,
-                  "autocomplete-option--disabled": o.value[l.valueHash].disabled
-                }),
-                "data-index": o.value[l.valueHash].globalIndex,
-                role: "option"
-              }, [
-                h(e.$slots, "option", {
-                  disabled: !!o.value[l.valueHash].disabled,
-                  focused: g(u) === o.value[l.valueHash].globalIndex,
-                  index: o.value[l.valueHash].globalIndex,
-                  item: o.value[l.valueHash].item,
-                  selected: !!o.value[l.valueHash].selected,
-                  text: o.value[l.valueHash].text,
-                  value: o.value[l.valueHash].value
-                }, () => [
-                  a[0] || (a[0] = v("svg", {
-                    class: "autocomplete-option__checkbox",
-                    role: "presentation",
-                    viewBox: "276.411 158.834 114.971 114.97"
-                  }, [
-                    v("path", {
-                      d: "M 297.574 224.786 L 318.309 243.134 L 371.568 189.232",
-                      fill: "none",
-                      "stroke-linecap": "round",
-                      "stroke-width": "14px"
-                    })
-                  ], -1)),
-                  v("span", Me, x(o.value[l.valueHash].text), 1)
-                ])
-              ], 10, Be))), 128))
-            ], 12, Ie))), 128))
-          ], 12, ye)) : (c(), r("span", _e, [
-            h(e.$slots, "no-data", {}, () => [
-              J(x(e.noDataText || g(F)("common.noDataText").value), 1)
-            ])
-          ])),
-          h(e.$slots, "options:append")
-        ], 512)
-      ])
-    ], 6));
-  }
-});
+function l(c, f, r) {
+  const t = c / 255, n = f / 255, o = r / 255, i = Math.max(t, n, o), a = Math.min(t, n, o), s = i - a;
+  let e = 0;
+  return s !== 0 && (i === t ? e = (n - o) / s % 6 : i === n ? e = (o - t) / s + 2 : i === o && (e = (t - n) / s + 4), e *= 60, e < 0 && (e += 360)), e;
+}
 export {
-  Ee as default
+  l as getHueFromRGB
 };

package/dist/index350.js

@@ -1,9 +1,10 @@
-function c(n, e) {
-  const u = [];
-  for (let t = 0; t < n.length; t += e)
-    u.push(n.slice(t, t + e));
-  return u;
-}
+const i = (r, s, a) => {
+  const t = a / 100, c = s * Math.min(t, 1 - t) / 100, n = (h) => {
+    const o = (h + r / 30) % 12, e = t - c * Math.max(Math.min(o - 3, 9 - o, 1), -1);
+    return Math.round(255 * e).toString(16).padStart(2, "0");
+  };
+  return `#${n(0)}${n(8)}${n(4)}`;
+};
 export {
-  c as chunk
+  i as hslToHex
 };

package/dist/index351.js

@@ -1,21 +1,95 @@
-function l(t, ...e) {
-  if (t.length) {
-    const o = t[0];
-    if (typeof o == "string") return [...t].sort(r);
-    if (typeof o == "number") return [...t].sort(r);
-    if (e && e.length)
-      return [...t].sort((f, u) => {
-        for (let n = 0; n < e.length; n++) {
-          const i = e[n], s = r(f[i], u[i]);
-          if (s) return s;
-        }
-        return 0;
-      });
-    throw new Error("Invalid comparison");
+import { commonjsGlobal as y } from "./index335.js";
+var p, _;
+function Z() {
+  if (_) return p;
+  _ = 1;
+  var x = "Expected a function", I = NaN, W = "[object Symbol]", C = /^\s+|\s+$/g, M = /^[-+]0x[0-9a-f]+$/i, N = /^0b[01]+$/i, R = /^0o[0-7]+$/i, $ = parseInt, q = typeof y == "object" && y && y.Object === Object && y, A = typeof self == "object" && self && self.Object === Object && self, B = q || A || Function("return this")(), F = Object.prototype, G = F.toString, P = Math.max, D = Math.min, h = function() {
+    return B.Date.now();
+  };
+  function H(e, r, n) {
+    var f, a, g, c, i, u, s = 0, S = !1, d = !1, j = !0;
+    if (typeof e != "function")
+      throw new TypeError(x);
+    r = O(r) || 0, m(n) && (S = !!n.leading, d = "maxWait" in n, g = d ? P(O(n.maxWait) || 0, r) : g, j = "trailing" in n ? !!n.trailing : j);
+    function v(t) {
+      var o = f, l = a;
+      return f = a = void 0, s = t, c = e.apply(l, o), c;
+    }
+    function J(t) {
+      return s = t, i = setTimeout(b, r), S ? v(t) : c;
+    }
+    function K(t) {
+      var o = t - u, l = t - s, L = r - o;
+      return d ? D(L, g - l) : L;
+    }
+    function E(t) {
+      var o = t - u, l = t - s;
+      return u === void 0 || o >= r || o < 0 || d && l >= g;
+    }
+    function b() {
+      var t = h();
+      if (E(t))
+        return k(t);
+      i = setTimeout(b, K(t));
+    }
+    function k(t) {
+      return i = void 0, j && f ? v(t) : (f = a = void 0, c);
+    }
+    function Q() {
+      i !== void 0 && clearTimeout(i), s = 0, f = u = a = i = void 0;
+    }
+    function V() {
+      return i === void 0 ? c : k(h());
+    }
+    function T() {
+      var t = h(), o = E(t);
+      if (f = arguments, a = this, u = t, o) {
+        if (i === void 0)
+          return J(u);
+        if (d)
+          return i = setTimeout(b, r), v(u);
+      }
+      return i === void 0 && (i = setTimeout(b, r)), c;
+    }
+    return T.cancel = Q, T.flush = V, T;
   }
-  return t;
+  function U(e, r, n) {
+    var f = !0, a = !0;
+    if (typeof e != "function")
+      throw new TypeError(x);
+    return m(n) && (f = "leading" in n ? !!n.leading : f, a = "trailing" in n ? !!n.trailing : a), H(e, r, {
+      leading: f,
+      maxWait: r,
+      trailing: a
+    });
+  }
+  function m(e) {
+    var r = typeof e;
+    return !!e && (r == "object" || r == "function");
+  }
+  function X(e) {
+    return !!e && typeof e == "object";
+  }
+  function z(e) {
+    return typeof e == "symbol" || X(e) && G.call(e) == W;
+  }
+  function O(e) {
+    if (typeof e == "number")
+      return e;
+    if (z(e))
+      return I;
+    if (m(e)) {
+      var r = typeof e.valueOf == "function" ? e.valueOf() : e;
+      e = m(r) ? r + "" : r;
+    }
+    if (typeof e != "string")
+      return e === 0 ? e : +e;
+    e = e.replace(C, "");
+    var n = N.test(e);
+    return n || R.test(e) ? $(e.slice(2), n ? 2 : 8) : M.test(e) ? I : +e;
+  }
+  return p = U, p;
 }
-const r = (t, e) => t < e ? -1 : t > e ? 1 : 0;
 export {
-  l as sort
+  Z as __require
 };

package/dist/index352.js

@@ -1,11 +1,24 @@
-import n from "./index279.js";
-function Y(r, t) {
-  return t ? r.format("YYYY-MM-DD") : r.toISOString();
-}
-function e(r, t) {
-  return t ? n(r, "YYYY-MM-DD") : n(r);
-}
+import { defineComponent as a, computed as i, createBlock as r, openBlock as d, Transition as l, normalizeStyle as s, withCtx as u, renderSlot as p } from "vue";
+const f = /* @__PURE__ */ a({
+  __name: "Slide",
+  props: {
+    direction: { default: "right" },
+    duration: { default: 500 },
+    gap: { default: 0 }
+  },
+  setup(t) {
+    const n = t, o = i(() => `bb-slide-in-${n.direction}`);
+    return (e, m) => (d(), r(l, {
+      name: o.value,
+      style: s({ "--transition-duration": `${e.duration}ms`, "--gap": `${e.gap}px` })
+    }, {
+      default: u(() => [
+        p(e.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 8, ["name", "style"]));
+  }
+});
 export {
-  e as toInnerValue,
-  Y as toOuterValue
+  f as default
 };