@companix/uikit 0.0.29 → 0.0.30

package/dist/bundle.es4.js

@@ -1,87 +1,13 @@
-import { jsx as v } from "react/jsx-runtime";
-import I from "classnames";
-import { forwardRef as S } from "react";
-import { varToStyle as r, px as i } from "@companix/utils-browser";
-const $ = S((t, c) => {
-  let {
-    interactionKind: m = "static",
-    thumbPos: g = "center",
-    thumbPadding: l = 4,
-    heightAuto: s,
-    scrollX: h,
-    className: b,
-    scrollY: n,
-    onWheel: f,
-    maxHeight: d,
-    onScroll: p,
-    thumbColor: u,
-    children: w
-  } = t;
-  const x = (() => {
-    if (t.implementation === "edge") {
-      l = 0;
-      const { padding: o, scrollbarWidth: e } = t;
-      return {
-        ...r({ "--scrollbar-width": i(e) }),
-        padding: `0px ${o - e}px 0px ${o}px`
-      };
-    }
-    if (t.implementation === "outer") {
-      const { shadowPadding: o = 0, noneCorrect: e, scrollbarWidth: a } = t;
-      return window.IS_MOBILE ? {
-        padding: o,
-        margin: -o
-      } : {
-        ...r({ "--scrollbar-width": i(a) }),
-        padding: o,
-        margin: -o,
-        marginRight: e ? void 0 : `calc(-${a}px - ${o}px)`,
-        marginBottom: 0
-      };
-    }
-    if (t.implementation === "inner") {
-      const { padding: o } = t;
-      return window.IS_MOBILE ? {
-        [n ? "paddingLeft" : "paddingTop"]: o,
-        [n ? "paddingRight" : "paddingBottom"]: o
-      } : {
-        [n ? "paddingLeft" : "paddingTop"]: o,
-        ...r({ "--scrollbar-width": i(o) })
-      };
-    }
-    return {};
-  })();
-  return /* @__PURE__ */ v(
-    "div",
-    {
-      ref: c,
-      onWheel: f,
-      onScroll: p,
-      onMouseDown: (o) => {
-        o.preventDefault();
-      },
-      style: {
-        ...x,
-        ...t.style,
-        maxHeight: d ? i(d) : void 0,
-        ...r({ "--thumb-padding": i(l) }),
-        ...r({ "--thumb-color": u ?? "#c1c2c8bd" })
-      },
-      className: I(
-        !window.IS_MOBILE && "scrollable",
-        b,
-        s ? "" : "h-full",
-        {
-          "overflow-y-scroll": n,
-          "overflow-x-scroll": h,
-          "scrollable-hover-interaction": m === "hover",
-          "scrollable-border-position": g === "border"
-        }
-      ),
-      children: w
-    }
-  );
-});
+import { jsx as o } from "react/jsx-runtime";
+import n from "classnames";
+const d = ({ size: r = 40, className: t, width: e = 2, color: i = "inherit" }) => /* @__PURE__ */ o(
+  "div",
+  {
+    style: { width: `${r}px`, height: `${r}px`, color: i, borderWidth: `${e}px` },
+    className: n("spinner-border", t),
+    role: "status"
+  }
+);
 export {
-  $ as Scrollable
+  d as Spinner
 };

package/dist/bundle.es42.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { useEffect as a } from "react";
-import { OptionItem as f } from "./bundle.es10.js";
-import { OptionsList as O } from "./bundle.es12.js";
+import { OptionItem as f } from "./bundle.es11.js";
+import { OptionsList as O } from "./bundle.es13.js";
 const h = (t) => {
   const { active: i, onOpened: m, scrollboxRef: n, optionsWrapperRef: r, options: p, onSelect: s, minimalOptions: c } = t;
   return a(() => {

package/dist/bundle.es49.js

@@ -1,4 +1,4 @@
-import { __require as r } from "./bundle.es65.js";
+import { __require as r } from "./bundle.es63.js";
 var e = /* @__PURE__ */ r();
 export {
   e as f

package/dist/bundle.es5.js

@@ -1,87 +1,87 @@
-import { jsxs as x, jsx as c } from "react/jsx-runtime";
-import L from "classnames";
-import { useRef as d, useMemo as f, useCallback as n, useEffect as T, useLayoutEffect as H } from "react";
-import { getContainers as p, pc as h, px as v } from "@companix/utils-browser";
-const C = ({
-  children: b,
-  thumbClassName: y,
-  scrollableClassName: g,
-  thumbMargin: R = 0,
-  trackWidth: w = 20
-}) => {
-  const l = d(null), t = d(null), r = f(() => ({ positons: { top: 0, y: 0 }, scrollRatio: 0 }), []), i = f(() => ({
-    start() {
-      document.addEventListener("mousemove", a), document.addEventListener("mouseup", m);
-    },
-    clear() {
-      document.removeEventListener("mousemove", a), document.removeEventListener("mouseup", m);
+import { jsx as v } from "react/jsx-runtime";
+import I from "classnames";
+import { forwardRef as S } from "react";
+import { varToStyle as r, px as i } from "@companix/utils-browser";
+const $ = S((t, c) => {
+  let {
+    interactionKind: m = "static",
+    thumbPos: g = "center",
+    thumbPadding: l = 4,
+    heightAuto: s,
+    scrollX: h,
+    className: b,
+    scrollY: n,
+    onWheel: f,
+    maxHeight: d,
+    onScroll: p,
+    thumbColor: u,
+    children: w
+  } = t;
+  const x = (() => {
+    if (t.implementation === "edge") {
+      l = 0;
+      const { padding: o, scrollbarWidth: e } = t;
+      return {
+        ...r({ "--scrollbar-width": i(e) }),
+        padding: `0px ${o - e}px 0px ${o}px`
+      };
     }
-  }), []);
-  T(() => {
-    const o = new ResizeObserver(u);
-    return t.current && p(t.current, (e) => {
-      o.observe(e);
-    }), () => {
-      t.current && p(t.current, (e) => {
-        o.unobserve(e);
-      });
-    };
-  }, []), H(() => {
-    u();
-  }, []);
-  const u = n(() => {
-    const { current: o } = t, { current: e } = l;
-    if (e && o) {
-      const s = o.clientHeight / o.scrollHeight;
-      e.style.height = h(s * 100), e.style.display = s === 1 ? "none" : "block", r.scrollRatio = s;
+    if (t.implementation === "outer") {
+      const { shadowPadding: o = 0, noneCorrect: e, scrollbarWidth: a } = t;
+      return window.IS_MOBILE ? {
+        padding: o,
+        margin: -o
+      } : {
+        ...r({ "--scrollbar-width": i(a) }),
+        padding: o,
+        margin: -o,
+        marginRight: e ? void 0 : `calc(-${a}px - ${o}px)`,
+        marginBottom: 0
+      };
     }
-  }, []), a = n(({ clientY: o }) => {
-    const { current: e } = t;
-    if (e) {
-      const s = o - r.positons.y;
-      e.scrollTop = r.positons.top + s / r.scrollRatio;
+    if (t.implementation === "inner") {
+      const { padding: o } = t;
+      return window.IS_MOBILE ? {
+        [n ? "paddingLeft" : "paddingTop"]: o,
+        [n ? "paddingRight" : "paddingBottom"]: o
+      } : {
+        [n ? "paddingLeft" : "paddingTop"]: o,
+        ...r({ "--scrollbar-width": i(o) })
+      };
     }
-  }, []), m = n(() => {
-    i.clear();
-  }, []), E = n(({ clientY: o }) => {
-    const { current: e } = t;
-    e && (r.positons = {
-      top: e.scrollTop,
-      y: o
-    }), i.start();
-  }, []), M = () => {
-    requestAnimationFrame(() => {
-      const { current: o } = t, { current: e } = l;
-      e && o && (e.style.top = h(o.scrollTop * 100 / o.scrollHeight));
-    });
-  };
-  return /* @__PURE__ */ x("div", { className: "relative h-full overflow-hidden", children: [
-    /* @__PURE__ */ c(
-      "div",
-      {
-        className: L("hidden-scroll h-full overflow-y-scroll", g),
-        onScroll: M,
-        ref: t,
-        children: b
-      }
-    ),
-    /* @__PURE__ */ c(
-      "div",
-      {
-        className: "absolute right-0 top-0 box-border h-full",
-        style: { width: v(w), padding: v(R) },
-        children: /* @__PURE__ */ c(
-          "div",
-          {
-            onMouseDown: E,
-            className: `${y} relative w-full rounded-full`,
-            ref: l
-          }
-        )
-      }
-    )
-  ] });
-};
+    return {};
+  })();
+  return /* @__PURE__ */ v(
+    "div",
+    {
+      ref: c,
+      onWheel: f,
+      onScroll: p,
+      onMouseDown: (o) => {
+        o.preventDefault();
+      },
+      style: {
+        ...x,
+        ...t.style,
+        maxHeight: d ? i(d) : void 0,
+        ...r({ "--thumb-padding": i(l) }),
+        ...r({ "--thumb-color": u ?? "#c1c2c8bd" })
+      },
+      className: I(
+        !window.IS_MOBILE && "scrollable",
+        b,
+        s ? "" : "h-full",
+        {
+          "overflow-y-scroll": n,
+          "overflow-x-scroll": h,
+          "scrollable-hover-interaction": m === "hover",
+          "scrollable-border-position": g === "border"
+        }
+      ),
+      children: w
+    }
+  );
+});
 export {
-  C as ImitateScroll
+  $ as Scrollable
 };

package/dist/bundle.es50.js

@@ -1,4 +1,4 @@
-import { __require as r } from "./bundle.es67.js";
+import { __require as r } from "./bundle.es65.js";
 var o = /* @__PURE__ */ r();
 export {
   o as f

package/dist/bundle.es51.js

@@ -1,7 +1,7 @@
 import { jsxs as D, jsx as t } from "react/jsx-runtime";
 import { dateToFormat as $, weeks as g, createVoids as p, getDayIndex as b, getFirstDay as u, getMonthMaxDay as k } from "./bundle.es53.js";
-import { CalendarHeader as F } from "./bundle.es63.js";
-import { useCalendar as j } from "./bundle.es64.js";
+import { CalendarHeader as F } from "./bundle.es68.js";
+import { useCalendar as j } from "./bundle.es69.js";
 import { attr as m } from "@companix/utils-browser";
 import { isSameDate as f } from "./bundle.es52.js";
 import { useLayoutEffect as I } from "react";

package/dist/bundle.es6.js

@@ -1,80 +1,87 @@
-import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import * as o from "@radix-ui/react-popover";
-import { attr as y } from "@companix/utils-browser";
-import B from "classnames";
-import { forwardRef as M, useRef as j } from "react";
-const D = M((a, i) => {
-  const {
-    children: n,
-    sideOffset: s,
-    matchTarget: l,
-    onAnimationEnd: c,
-    onAnimationStart: m,
-    onOpenAutoFocus: d,
-    onCloseAutoFocus: f,
-    triggerRef: p,
-    triggerProps: h,
-    open: g,
-    content: u,
-    onOpenChange: v,
-    align: C,
-    disabled: w,
-    minimal: x,
-    className: L,
-    fitMaxHeight: N = !0,
-    side: O,
-    showArrows: A
-  } = a, e = j(null), P = () => {
-    e.current && e.current.click();
-  }, b = (R) => {
-    w && R.preventDefault();
+import { jsxs as x, jsx as c } from "react/jsx-runtime";
+import L from "classnames";
+import { useRef as d, useMemo as f, useCallback as n, useEffect as T, useLayoutEffect as H } from "react";
+import { getContainers as p, pc as h, px as v } from "@companix/utils-browser";
+const C = ({
+  children: b,
+  thumbClassName: y,
+  scrollableClassName: g,
+  thumbMargin: R = 0,
+  trackWidth: w = 20
+}) => {
+  const l = d(null), t = d(null), r = f(() => ({ positons: { top: 0, y: 0 }, scrollRatio: 0 }), []), i = f(() => ({
+    start() {
+      document.addEventListener("mousemove", a), document.addEventListener("mouseup", m);
+    },
+    clear() {
+      document.removeEventListener("mousemove", a), document.removeEventListener("mouseup", m);
+    }
+  }), []);
+  T(() => {
+    const o = new ResizeObserver(u);
+    return t.current && p(t.current, (e) => {
+      o.observe(e);
+    }), () => {
+      t.current && p(t.current, (e) => {
+        o.unobserve(e);
+      });
+    };
+  }, []), H(() => {
+    u();
+  }, []);
+  const u = n(() => {
+    const { current: o } = t, { current: e } = l;
+    if (e && o) {
+      const s = o.clientHeight / o.scrollHeight;
+      e.style.height = h(s * 100), e.style.display = s === 1 ? "none" : "block", r.scrollRatio = s;
+    }
+  }, []), a = n(({ clientY: o }) => {
+    const { current: e } = t;
+    if (e) {
+      const s = o - r.positons.y;
+      e.scrollTop = r.positons.top + s / r.scrollRatio;
+    }
+  }, []), m = n(() => {
+    i.clear();
+  }, []), E = n(({ clientY: o }) => {
+    const { current: e } = t;
+    e && (r.positons = {
+      top: e.scrollTop,
+      y: o
+    }), i.start();
+  }, []), M = () => {
+    requestAnimationFrame(() => {
+      const { current: o } = t, { current: e } = l;
+      e && o && (e.style.top = h(o.scrollTop * 100 / o.scrollHeight));
+    });
   };
-  return /* @__PURE__ */ t(o.Root, { open: g, onOpenChange: v, children: [
-    /* @__PURE__ */ r(o.Trigger, { ref: p, ...h, onClick: b, asChild: !0, children: n }),
-    /* @__PURE__ */ r(o.Portal, { children: /* @__PURE__ */ t(
-      o.Content,
+  return /* @__PURE__ */ x("div", { className: "relative h-full overflow-hidden", children: [
+    /* @__PURE__ */ c(
+      "div",
       {
-        ref: i,
-        className: B("popover", L),
-        side: O,
-        align: C,
-        "data-appearance": x ? "minimal" : "default",
-        "data-match-target": l,
-        sideOffset: s ?? 6,
-        avoidCollisions: !0,
-        arrowPadding: 10,
-        onAnimationStart: m,
-        onAnimationEnd: c,
-        onOpenAutoFocus: d,
-        onCloseAutoFocus: f,
-        children: [
-          /* @__PURE__ */ r(o.Close, { ref: e, style: { display: "none" } }),
-          A && /* @__PURE__ */ r(o.Arrow, { width: 30, height: 11, asChild: !0, children: /* @__PURE__ */ r("div", { className: "popover-arrow", children: /* @__PURE__ */ t("svg", { className: "popover-arrow-icon", viewBox: "0 0 30 11", width: 30, height: 11, children: [
-            /* @__PURE__ */ r(
-              "path",
-              {
-                className: "popover-arrow-border",
-                d: "M 18.112 -2.704 C 19.127 -3.64 19.999 -5.626 19.999 -7.001 L 19.999 18.999 C 19.999 17.621 19.131 15.642 18.111 14.702 L 10.927 8.084 C 9.69 6.944 9.694 5.05 10.927 3.914 L 18.112 -2.704 Z",
-                style: { transformBox: "fill-box", transformOrigin: "50% 50%" },
-                transform: "matrix(0, -1, 1, 0, 0.000001, 0)"
-              }
-            ),
-            /* @__PURE__ */ r(
-              "path",
-              {
-                className: "popover-arrow-fill",
-                d: "M 17.789 -2.965 C 19.009 -4.09 19.999 -6.341 19.999 -7.995 L 19.999 -10.001 L 19.999 19.999 L 19.999 17.994 C 19.999 16.34 19.016 14.094 17.789 12.964 L 10.606 6.348 C 9.796 5.602 9.804 4.388 10.606 3.648 L 17.789 -2.966 L 17.789 -2.965 Z",
-                style: { transformBox: "fill-box", transformOrigin: "50% 50%" },
-                transform: "matrix(0, -1, 1, 0, 0, 0)"
-              }
-            )
-          ] }) }) }),
-          /* @__PURE__ */ r("div", { className: "popover-content", "data-fit-max-height": y(N), children: u({ close: P }) })
-        ]
+        className: L("hidden-scroll h-full overflow-y-scroll", g),
+        onScroll: M,
+        ref: t,
+        children: b
       }
-    ) })
+    ),
+    /* @__PURE__ */ c(
+      "div",
+      {
+        className: "absolute right-0 top-0 box-border h-full",
+        style: { width: v(w), padding: v(R) },
+        children: /* @__PURE__ */ c(
+          "div",
+          {
+            onMouseDown: E,
+            className: `${y} relative w-full rounded-full`,
+            ref: l
+          }
+        )
+      }
+    )
   ] });
-});
+};
 export {
-  D as Popover
+  C as ImitateScroll
 };

package/dist/bundle.es63.js

@@ -1,78 +1,22 @@
-import { jsxs as f, jsx as o } from "react/jsx-runtime";
-import { useCallback as h, useMemo as d } from "react";
-import { Select as p } from "./bundle.es8.js";
-import { getMonths as Y, getYears as k, DEFAULT_MAX_YEAR as u, DEFAULT_MIN_YEAR as g } from "./bundle.es53.js";
-import { Icon as C } from "./bundle.es30.js";
-import { f as z } from "./bundle.es72.js";
-import { f as L } from "./bundle.es73.js";
-import { setMonth as R, setYear as T } from "./bundle.es52.js";
-const S = ({
-  viewDate: n,
-  onChange: m,
-  isMonthDisabled: a,
-  isYearDisabled: c,
-  onNextMonth: v,
-  onPrevMonth: x
-}) => {
-  const r = n.getFullYear(), e = n.getMonth(), i = "ru", N = h(
-    (t) => {
-      m(R(n, t));
-    },
-    [m, n]
-  ), E = h(
-    (t) => {
-      m(T(n, t));
-    },
-    [m, n]
-  ), M = d(() => Y(i).map((t) => ({
-    ...t,
-    className: "capitalize",
-    disabled: a && a(t.value)
-  })), [i, a]), A = d(() => k(r, 100).map((t) => ({
-    ...t,
-    disabled: c && c(t.value)
-  })), [r, c]);
-  let l = e === 11 && r === u;
-  a && !l && (l = a(
-    e === 11 ? 0 : e + 1,
-    e === 11 ? Math.min(r + 1, u) : r
-  ));
-  let s = e === 0 && r === g;
-  return a && !s && (s = a(
-    e === 0 ? 11 : e - 1,
-    e === 0 ? Math.max(r - 1, g) : r
-  )), /* @__PURE__ */ f("div", { className: "calendar-header", children: [
-    !s && /* @__PURE__ */ o("button", { className: "calendar-navigation", "data-side": "left", onClick: x, children: /* @__PURE__ */ o(C, { icon: L.faChevronLeft }) }),
-    /* @__PURE__ */ f("div", { className: "calendar-pickers", children: [
-      /* @__PURE__ */ o(
-        p,
-        {
-          fill: !0,
-          options: A,
-          size: "sm",
-          value: r,
-          minimalOptions: !0,
-          matchTarget: "min-width",
-          onChange: (t) => E(t)
-        }
-      ),
-      /* @__PURE__ */ o(
-        p,
-        {
-          fill: !0,
-          options: M,
-          size: "sm",
-          className: "capitalize",
-          value: e,
-          minimalOptions: !0,
-          matchTarget: "min-width",
-          onChange: (t) => N(t)
-        }
-      )
-    ] }),
-    !l && /* @__PURE__ */ o("button", { className: "calendar-navigation", "data-side": "right", onClick: v, children: /* @__PURE__ */ o(C, { icon: z.faChevronRight }) })
-  ] });
-};
+import { __exports as e } from "./bundle.es64.js";
+var c;
+function d() {
+  return c ? e : (c = 1, (function(a) {
+    Object.defineProperty(a, "__esModule", { value: !0 });
+    var n = "fas", r = "chevron-down", v = 448, o = 512, i = [], f = "f078", h = "M201.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 338.7 54.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z";
+    a.definition = {
+      prefix: n,
+      iconName: r,
+      icon: [
+        v,
+        o,
+        i,
+        f,
+        h
+      ]
+    }, a.faChevronDown = a.definition, a.prefix = n, a.iconName = r, a.width = v, a.height = o, a.ligatures = i, a.unicode = f, a.svgPathData = h, a.aliases = i;
+  })(e), e);
+}
 export {
-  S as CalendarHeader
+  d as __require
 };

package/dist/bundle.es64.js

@@ -1,51 +1,4 @@
-import { subMonths as L, addMonths as N, useDayDisableCheker as R } from "./bundle.es52.js";
-import { DEFAULT_MIN_YEAR as w, DEFAULT_MAX_YEAR as A } from "./bundle.es53.js";
-import { useState as U, useCallback as M } from "react";
-const X = ({
-  value: p,
-  disablePast: r,
-  disableFuture: c,
-  shouldDisableDate: E,
-  minDateTime: l,
-  maxDateTime: s
-}) => {
-  const [e, u] = U(p || /* @__PURE__ */ new Date()), _ = M(() => {
-    u(L(e));
-  }, [e]), C = M(() => {
-    u(N(e, 1));
-  }, [e]), D = R({
-    disableFuture: c,
-    disablePast: r,
-    shouldDisableDate: E,
-    minDateTime: l,
-    maxDateTime: s
-  }), k = M(
-    (o, t) => {
-      const n = /* @__PURE__ */ new Date();
-      t = t || e.getFullYear();
-      const h = l ? l.getMonth() : 0, Y = s ? s.getMonth() : 11, F = l?.getFullYear() || w, f = s?.getFullYear() || A;
-      let g = t >= F && t <= f ? t === F && h > o || t === f && o > Y : !0;
-      return c && (g = g || (t === n.getFullYear() ? o > n.getMonth() : t > n.getFullYear())), r && (g = g || (t === n.getFullYear() ? o < n.getMonth() : t < n.getFullYear())), g;
-    },
-    [c, r, e, l, s]
-  ), v = M(
-    (o) => {
-      const t = /* @__PURE__ */ new Date(), n = l?.getFullYear() || w, h = s?.getFullYear() || A;
-      let Y = n > o || o > h;
-      return c && (Y = Y || o > t.getFullYear()), r && (Y = Y || o < t.getFullYear()), Y;
-    },
-    [c, r, l, s]
-  );
-  return {
-    viewDate: e,
-    setViewDate: u,
-    setPrevMonth: _,
-    setNextMonth: C,
-    isDayDisabled: D,
-    isMonthDisabled: k,
-    isYearDisabled: v
-  };
-};
+var o = {};
 export {
-  X as useCalendar
+  o as __exports
 };

package/dist/bundle.es65.js

@@ -1,22 +1,23 @@
-import { __exports as e } from "./bundle.es66.js";
-var c;
-function d() {
-  return c ? e : (c = 1, (function(a) {
-    Object.defineProperty(a, "__esModule", { value: !0 });
-    var n = "fas", r = "chevron-down", v = 448, o = 512, i = [], f = "f078", h = "M201.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 338.7 54.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z";
-    a.definition = {
-      prefix: n,
-      iconName: r,
+import { __exports as a } from "./bundle.es66.js";
+import { __require as n } from "./bundle.es67.js";
+var r;
+function f() {
+  return r ? a : (r = 1, (function(e) {
+    Object.defineProperty(e, "__esModule", { value: !0 });
+    var i = /* @__PURE__ */ n();
+    e.definition = {
+      prefix: i.prefix,
+      iconName: i.iconName,
       icon: [
-        v,
-        o,
-        i,
-        f,
-        h
+        i.width,
+        i.height,
+        i.aliases,
+        i.unicode,
+        i.svgPathData
       ]
-    }, a.faChevronDown = a.definition, a.prefix = n, a.iconName = r, a.width = v, a.height = o, a.ligatures = i, a.unicode = f, a.svgPathData = h, a.aliases = i;
-  })(e), e);
+    }, e.faClose = e.definition, e.prefix = i.prefix, e.iconName = i.iconName, e.width = i.width, e.height = i.height, e.ligatures = i.aliases, e.unicode = i.unicode, e.svgPathData = i.svgPathData, e.aliases = i.aliases;
+  })(a), a);
 }
 export {
-  d as __require
+  f as __require
 };