@blockscout/ui-toolkit 0.0.1-alpha.1 → 0.0.1-alpha.3

package/dist/chakra/select.js

@@ -1,185 +0,0 @@
-import { j as e } from "../_virtual/jsx-runtime.js";
-import { useSelectContext as I, Select as c, Icon as b, Portal as q, Flex as A, createListCollection as E, Box as v } from "@chakra-ui/react";
-import { useDebounce as F } from "../node_modules/@uidotdev/usehooks/index.js";
-import * as s from "react";
-import G from "../icons/arrows/east-mini.svg.js";
-import L from "../icons/check.svg.js";
-import P from "../components/Filter/FilterInput.js";
-import { CloseButton as W } from "./close-button.js";
-import { Skeleton as B } from "./skeleton.js";
-const R = s.forwardRef(function(t, n) {
-  const { children: r, noIndicator: o, triggerProps: i, loading: a, defaultValue: d, ...u } = t, h = I(), m = Array.isArray(d) ? h.value.every((x) => d.includes(x)) : h.value === d;
-  return /* @__PURE__ */ e.jsx(B, { loading: a, asChild: !0, children: /* @__PURE__ */ e.jsxs(c.Control, { ...u, children: [
-    /* @__PURE__ */ e.jsx(c.Trigger, { ref: n, className: "group peer", ...i, "data-default-value": m, children: r }),
-    !o && /* @__PURE__ */ e.jsx(c.IndicatorGroup, { children: !o && /* @__PURE__ */ e.jsx(
-      c.Indicator,
-      {
-        transform: "rotate(-90deg)",
-        _open: { transform: "rotate(90deg)" },
-        flexShrink: 0,
-        children: /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsx(G, {}) })
-      }
-    ) })
-  ] }) });
-}), Q = s.forwardRef(function(t, n) {
-  return /* @__PURE__ */ e.jsx(c.ClearTrigger, { asChild: !0, ...t, ref: n, children: /* @__PURE__ */ e.jsx(
-    W,
-    {
-      pointerEvents: "auto"
-    }
-  ) });
-}), w = s.forwardRef(function(t, n) {
-  const { portalled: r = !0, portalRef: o, ...i } = t;
-  return /* @__PURE__ */ e.jsx(q, { disabled: !r, container: o, children: /* @__PURE__ */ e.jsx(c.Positioner, { children: /* @__PURE__ */ e.jsx(c.Content, { ...i, ref: n }) }) });
-}), T = s.forwardRef(function(t, n) {
-  const { item: r, children: o, ...i } = t, a = r.icon ? r.icon : null;
-  return /* @__PURE__ */ e.jsxs(c.Item, { item: r, ...i, ref: n, children: [
-    a,
-    o,
-    /* @__PURE__ */ e.jsx(c.ItemIndicator, { asChild: !0, children: /* @__PURE__ */ e.jsx(b, { boxSize: 5, flexShrink: 0, ml: "auto", children: /* @__PURE__ */ e.jsx(L, {}) }) })
-  ] }, r.value);
-}), y = s.forwardRef(function(t, n) {
-  const { children: r, size: o, required: i, invalid: a, errorText: d, ...u } = t, h = I(), m = (() => {
-    const x = h.selectedItems, j = `${t.placeholder}${i ? "*" : ""}${a && d ? ` - ${d}` : ""}`;
-    if (x.length === 0) return j;
-    if (r) return r(x);
-    if (x.length === 1) {
-      const g = x[0];
-      if (!g) return j;
-      const S = g.icon ? g.icon : null, p = o === "lg" ? /* @__PURE__ */ e.jsx(
-        v,
-        {
-          textStyle: "xs",
-          color: a ? "field.placeholder.error" : "field.placeholder",
-          display: "-webkit-box",
-          children: j
-        }
-      ) : null;
-      return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        p,
-        /* @__PURE__ */ e.jsxs(A, { display: "inline-flex", alignItems: "center", flexWrap: "nowrap", gap: 1, children: [
-          S,
-          /* @__PURE__ */ e.jsx("span", { style: {
-            WebkitLineClamp: 1,
-            WebkitBoxOrient: "vertical",
-            display: "-webkit-box"
-          }, children: h.collection.stringifyItem(g) })
-        ] })
-      ] });
-    }
-    return `${x.length} selected`;
-  })();
-  return /* @__PURE__ */ e.jsx(
-    c.ValueText,
-    {
-      ref: n,
-      ...u,
-      children: m
-    }
-  );
-}), V = s.forwardRef(function(t, n) {
-  var a;
-  const { lazyMount: r = !0, unmountOnExit: o = !0, ...i } = t;
-  return /* @__PURE__ */ e.jsx(
-    c.Root,
-    {
-      ref: n,
-      lazyMount: r,
-      unmountOnExit: o,
-      ...i,
-      positioning: { sameWidth: !1, ...t.positioning, offset: { mainAxis: 4, ...(a = t.positioning) == null ? void 0 : a.offset } },
-      children: t.asChild ? t.children : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        /* @__PURE__ */ e.jsx(c.HiddenSelect, {}),
-        t.children
-      ] })
-    }
-  );
-}), U = s.forwardRef(function(t, n) {
-  const { children: r, label: o, ...i } = t;
-  return /* @__PURE__ */ e.jsxs(c.ItemGroup, { ...i, ref: n, children: [
-    /* @__PURE__ */ e.jsx(c.ItemGroupLabel, { children: o }),
-    r
-  ] });
-}), X = c.Label, Y = c.ItemText, Z = s.forwardRef((l, t) => {
-  const { collection: n, placeholder: r, portalled: o = !0, loading: i, errorText: a, ...d } = l;
-  return /* @__PURE__ */ e.jsxs(
-    V,
-    {
-      ref: t,
-      collection: n,
-      ...d,
-      children: [
-        /* @__PURE__ */ e.jsx(R, { loading: i, children: /* @__PURE__ */ e.jsx(
-          y,
-          {
-            placeholder: r,
-            size: l.size,
-            required: l.required,
-            invalid: l.invalid,
-            errorText: a
-          }
-        ) }),
-        /* @__PURE__ */ e.jsx(w, { portalled: o, children: n.items.map((u) => /* @__PURE__ */ e.jsx(T, { item: u, children: u.label }, u.value)) })
-      ]
-    }
-  );
-}), ee = s.forwardRef((l, t) => {
-  const { placeholder: n, portalled: r = !0, loading: o, loadOptions: i, extraControls: a, onValueChange: d, errorText: u, ...h } = l, [m, x] = s.useState(E({ items: [] })), [j, g] = s.useState(""), [S, p] = s.useState([]), C = F(j, 300);
-  s.useEffect(() => {
-    i(C, S).then(x);
-  }, [C, i, S]);
-  const k = s.useCallback((f) => {
-    g(f);
-  }, []), z = s.useCallback(({ value: f, items: $ }) => {
-    p(f), d == null || d({ value: f, items: $ });
-  }, [d]);
-  return /* @__PURE__ */ e.jsxs(
-    V,
-    {
-      ref: t,
-      collection: m,
-      onValueChange: z,
-      ...h,
-      children: [
-        /* @__PURE__ */ e.jsx(R, { loading: o, children: /* @__PURE__ */ e.jsx(
-          y,
-          {
-            placeholder: n,
-            size: l.size,
-            required: l.required,
-            invalid: l.invalid,
-            errorText: u
-          }
-        ) }),
-        /* @__PURE__ */ e.jsxs(w, { portalled: r, children: [
-          /* @__PURE__ */ e.jsxs(v, { px: "4", children: [
-            /* @__PURE__ */ e.jsx(
-              P,
-              {
-                placeholder: "Search",
-                initialValue: j,
-                onChange: k,
-                inputProps: { pl: "9" }
-              }
-            ),
-            a
-          ] }),
-          m.items.map((f) => /* @__PURE__ */ e.jsx(T, { item: f, children: f.label }, f.value))
-        ] })
-      ]
-    }
-  );
-});
-export {
-  Z as Select,
-  ee as SelectAsync,
-  Q as SelectClearTrigger,
-  w as SelectContent,
-  R as SelectControl,
-  T as SelectItem,
-  U as SelectItemGroup,
-  Y as SelectItemText,
-  X as SelectLabel,
-  V as SelectRoot,
-  y as SelectValueText
-};

package/dist/chakra/skeleton.js

@@ -1,40 +0,0 @@
-import { j as r } from "../_virtual/jsx-runtime.js";
-import { Circle as f, Skeleton as s, Stack as m } from "@chakra-ui/react";
-import * as a from "react";
-const k = a.forwardRef(function(t, n) {
-  const { size: e, ...o } = t;
-  return /* @__PURE__ */ r.jsx(f, { size: e, asChild: !0, ref: n, children: /* @__PURE__ */ r.jsx(s, { ...o }) });
-}), S = a.forwardRef(
-  function(t, n) {
-    const { noOfLines: e = 3, gap: o, ...l } = t;
-    return /* @__PURE__ */ r.jsx(m, { gap: o, width: "full", ref: n, children: Array.from({ length: e }).map((x, c) => /* @__PURE__ */ r.jsx(
-      s,
-      {
-        height: "4",
-        ...t,
-        _last: { maxW: "80%" },
-        ...l
-      },
-      c
-    )) });
-  }
-), h = a.forwardRef(
-  function(t, n) {
-    const { loading: e = !1, ...o } = t;
-    return /* @__PURE__ */ r.jsx(
-      s,
-      {
-        loading: e,
-        css: e ? {} : { animation: "none" },
-        ...e ? { "data-loading": !0 } : {},
-        ...o,
-        ref: n
-      }
-    );
-  }
-);
-export {
-  h as Skeleton,
-  k as SkeletonCircle,
-  S as SkeletonText
-};

package/dist/chakra/slider.js

@@ -1,39 +0,0 @@
-import { j as e } from "../_virtual/jsx-runtime.js";
-import { Slider as r, HStack as h, For as f } from "@chakra-ui/react";
-import * as j from "react";
-const S = j.forwardRef(
-  function(t, a) {
-    const { marks: l, label: n, showValue: o, ...c } = t, d = t.defaultValue ?? t.value, i = l == null ? void 0 : l.map((s) => typeof s == "number" ? { value: s, label: void 0 } : s), x = !!(i != null && i.some((s) => s.label));
-    return /* @__PURE__ */ e.jsxs(r.Root, { ref: a, thumbAlignment: "center", ...c, children: [
-      n && !o && /* @__PURE__ */ e.jsx(r.Label, { children: n }),
-      n && o && /* @__PURE__ */ e.jsxs(h, { justify: "space-between", children: [
-        /* @__PURE__ */ e.jsx(r.Label, { children: n }),
-        /* @__PURE__ */ e.jsx(r.ValueText, {})
-      ] }),
-      /* @__PURE__ */ e.jsxs(r.Control, { "data-has-mark-label": x || void 0, children: [
-        /* @__PURE__ */ e.jsx(r.Track, { children: /* @__PURE__ */ e.jsx(r.Range, {}) }),
-        /* @__PURE__ */ e.jsx(b, { value: d }),
-        /* @__PURE__ */ e.jsx(m, { marks: i })
-      ] })
-    ] });
-  }
-);
-function b(u) {
-  const { value: t } = u;
-  return /* @__PURE__ */ e.jsx(f, { each: t, children: (a, l) => /* @__PURE__ */ e.jsx(r.Thumb, { index: l, children: /* @__PURE__ */ e.jsx(r.HiddenInput, {}) }, l) });
-}
-const m = j.forwardRef(
-  function(t, a) {
-    const { marks: l } = t;
-    return l != null && l.length ? /* @__PURE__ */ e.jsx(r.MarkerGroup, { ref: a, children: l.map((n, o) => {
-      const c = typeof n == "number" ? n : n.value, d = typeof n == "number" ? void 0 : n.label;
-      return /* @__PURE__ */ e.jsxs(r.Marker, { value: c, children: [
-        /* @__PURE__ */ e.jsx(r.MarkerIndicator, {}),
-        d
-      ] }, o);
-    }) }) : null;
-  }
-);
-export {
-  S as Slider
-};

package/dist/chakra/switch.js

@@ -1,19 +0,0 @@
-import { j as o } from "../_virtual/jsx-runtime.js";
-import { Switch as n } from "@chakra-ui/react";
-import * as d from "react";
-const p = d.forwardRef(
-  function(i, s) {
-    const { inputProps: e, children: c, rootRef: f, trackLabel: t, thumbLabel: r, labelProps: l, ...a } = i;
-    return /* @__PURE__ */ o.jsxs(n.Root, { ref: f, ...a, children: [
-      /* @__PURE__ */ o.jsx(n.HiddenInput, { ref: s, ...e }),
-      /* @__PURE__ */ o.jsxs(n.Control, { children: [
-        /* @__PURE__ */ o.jsx(n.Thumb, { children: r && /* @__PURE__ */ o.jsx(n.ThumbIndicator, { fallback: r == null ? void 0 : r.off, children: r == null ? void 0 : r.on }) }),
-        t && /* @__PURE__ */ o.jsx(n.Indicator, { fallback: t.off, children: t.on })
-      ] }),
-      c != null && /* @__PURE__ */ o.jsx(n.Label, { ...l, children: c })
-    ] });
-  }
-);
-export {
-  p as Switch
-};

package/dist/chakra/table.js

@@ -1,66 +0,0 @@
-import { j as n } from "../_virtual/jsx-runtime.js";
-import { Table as s, Icon as m } from "@chakra-ui/react";
-import * as i from "react";
-import b from "../icons/arrows/east.svg.js";
-import { Link as f } from "./link.js";
-import { throttle as h } from "../node_modules/es-toolkit/dist/function/throttle.js";
-const S = s.Root, j = s.Body, g = s.Header, v = s.Row, R = (o) => {
-  const { isNumeric: e, ...t } = o;
-  return /* @__PURE__ */ n.jsx(s.Cell, { textAlign: e ? "right" : void 0, ...t });
-}, p = (o) => {
-  const { isNumeric: e, ...t } = o;
-  return /* @__PURE__ */ n.jsx(s.ColumnHeader, { textAlign: e ? "right" : void 0, ...t });
-}, H = (o) => {
-  const { sortField: e, sortValue: t, onSortToggle: c, children: a, disabled: u, indicatorPosition: l = "left", ...d } = o, r = i.useCallback(() => {
-    c(e);
-  }, [c, e]);
-  return /* @__PURE__ */ n.jsx(p, { ...d, children: /* @__PURE__ */ n.jsxs(f, { onClick: u ? void 0 : r, position: "relative", children: [
-    t.includes(e) && /* @__PURE__ */ n.jsx(
-      m,
-      {
-        w: 4,
-        h: "100%",
-        transform: t.toLowerCase().includes("asc") ? "rotate(-90deg)" : "rotate(90deg)",
-        position: "absolute",
-        left: l === "left" ? -5 : void 0,
-        right: l === "right" ? -5 : void 0,
-        top: 0,
-        children: /* @__PURE__ */ n.jsx(b, {})
-      }
-    ),
-    a
-  ] }) });
-}, y = (o) => {
-  const { top: e, children: t, ...c } = o, a = i.useRef(null), [u, l] = i.useState(!1), d = i.useCallback(() => {
-    var r;
-    Number((r = a.current) == null ? void 0 : r.getBoundingClientRect().y) <= (e || 0) ? l(!0) : l(!1);
-  }, [e]);
-  return i.useEffect(() => {
-    const r = h(d, 300);
-    return window.addEventListener("scroll", r), () => {
-      window.removeEventListener("scroll", r);
-    };
-  }, [d]), /* @__PURE__ */ n.jsx(
-    g,
-    {
-      ref: a,
-      position: "sticky",
-      top: e ? `${e}px` : 0,
-      backgroundColor: { _light: "white", _dark: "black" },
-      boxShadow: u ? "action_bar" : "none",
-      zIndex: "1",
-      ...c,
-      children: t
-    }
-  );
-};
-export {
-  j as TableBody,
-  R as TableCell,
-  p as TableColumnHeader,
-  H as TableColumnHeaderSortable,
-  g as TableHeader,
-  y as TableHeaderSticky,
-  S as TableRoot,
-  v as TableRow
-};

package/dist/chakra/tabs.js

@@ -1,29 +0,0 @@
-import { j as n } from "../_virtual/jsx-runtime.js";
-import { Tabs as o, chakra as c } from "@chakra-ui/react";
-import * as e from "react";
-const R = e.forwardRef(
-  function(t, s) {
-    const { lazyMount: a = !0, unmountOnExit: i = !0, ...T } = t;
-    return /* @__PURE__ */ n.jsx(o.Root, { ref: s, ...T, lazyMount: a, unmountOnExit: i });
-  }
-), f = o.List, p = e.forwardRef(
-  function(t, s) {
-    return /* @__PURE__ */ n.jsx(o.Trigger, { ref: s, className: "group", ...t });
-  }
-), O = o.Content, b = ({ count: r }) => r == null ? null : /* @__PURE__ */ n.jsx(
-  c.span,
-  {
-    color: r > 0 ? "text.secondary" : { _light: "blackAlpha.400", _dark: "whiteAlpha.400" },
-    _groupHover: {
-      color: "inherit"
-    },
-    children: r > 50 ? "50+" : r
-  }
-);
-export {
-  O as TabsContent,
-  b as TabsCounter,
-  f as TabsList,
-  R as TabsRoot,
-  p as TabsTrigger
-};

package/dist/chakra/tag.js

@@ -1,51 +0,0 @@
-import { j as e } from "../_virtual/jsx-runtime.js";
-import { chakra as E, Tag as t } from "@chakra-ui/react";
-import * as u from "react";
-import { nbsp as T } from "../lib/html-entities.js";
-import b from "../components/TruncatedTextTooltip.js";
-import { CloseButton as g } from "./close-button.js";
-import { Skeleton as C } from "./skeleton.js";
-const P = u.forwardRef(
-  function(c, i) {
-    const {
-      startElement: l,
-      endElement: r,
-      endElementProps: d,
-      label: o,
-      onClose: s,
-      closable: m = !!s,
-      children: n,
-      truncated: x = !1,
-      loading: p,
-      selected: h,
-      ...j
-    } = c, a = o ? /* @__PURE__ */ e.jsxs(E.span, { color: "text.secondary", children: [
-      o,
-      ":",
-      T
-    ] }) : null, f = x ? /* @__PURE__ */ e.jsx(b, { label: n, children: /* @__PURE__ */ e.jsxs(t.Label, { children: [
-      a,
-      n
-    ] }) }) : /* @__PURE__ */ e.jsxs(t.Label, { children: [
-      a,
-      n
-    ] });
-    return /* @__PURE__ */ e.jsx(C, { loading: p, asChild: !0, children: /* @__PURE__ */ e.jsxs(
-      t.Root,
-      {
-        ref: i,
-        ...h && { "data-selected": !0 },
-        ...j,
-        children: [
-          l && /* @__PURE__ */ e.jsx(t.StartElement, { _empty: { display: "none" }, children: l }),
-          f,
-          r && /* @__PURE__ */ e.jsx(t.EndElement, { ...d, children: r }),
-          m && /* @__PURE__ */ e.jsx(t.EndElement, { children: /* @__PURE__ */ e.jsx(t.CloseTrigger, { onClick: s, asChild: !0, children: /* @__PURE__ */ e.jsx(g, {}) }) })
-        ]
-      }
-    ) });
-  }
-);
-export {
-  P as Tag
-};

package/dist/chakra/textarea.js

@@ -1,5 +0,0 @@
-import { Textarea as a } from "@chakra-ui/react";
-const r = a;
-export {
-  r as Textarea
-};

package/dist/chakra/toaster.js

@@ -1,31 +0,0 @@
-import { j as e } from "../_virtual/jsx-runtime.js";
-import { createToaster as l, Portal as s, Toaster as n, Toast as i, Spinner as c, Stack as d } from "@chakra-ui/react";
-import { SECOND as p } from "../lib/consts.js";
-import { CloseButton as a } from "./close-button.js";
-const m = l({
-  placement: "top-end",
-  pauseOnPageIdle: !0,
-  duration: 10 * p,
-  offsets: {
-    top: "12px",
-    right: "12px",
-    bottom: "12px",
-    left: "12px"
-  }
-}), f = () => /* @__PURE__ */ e.jsx(s, { children: /* @__PURE__ */ e.jsx(n, { toaster: m, insetInline: { mdDown: "4" }, children: (r) => {
-  var o;
-  const t = ((o = r.meta) == null ? void 0 : o.closable) !== void 0 ? r.meta.closable : !0;
-  return /* @__PURE__ */ e.jsxs(i.Root, { width: { md: "sm" }, children: [
-    r.type === "loading" ? /* @__PURE__ */ e.jsx(c, { size: "sm", color: "blue.solid", my: 1 }) : null,
-    /* @__PURE__ */ e.jsxs(d, { gap: "0", flex: "1", maxWidth: "100%", children: [
-      r.title && /* @__PURE__ */ e.jsx(i.Title, { children: r.title }),
-      r.description && /* @__PURE__ */ e.jsx(i.Description, { children: r.description })
-    ] }),
-    r.action && /* @__PURE__ */ e.jsx(i.ActionTrigger, { children: r.action.label }),
-    t && /* @__PURE__ */ e.jsx(i.CloseTrigger, { asChild: !0, children: /* @__PURE__ */ e.jsx(a, {}) })
-  ] });
-} }) });
-export {
-  f as Toaster,
-  m as toaster
-};

package/dist/chakra/tooltip.js

@@ -1,85 +0,0 @@
-import { j as o } from "../_virtual/jsx-runtime.js";
-import { Tooltip as e, Portal as D } from "@chakra-ui/react";
-import { useClickAway as S } from "../node_modules/@uidotdev/usehooks/index.js";
-import * as n from "react";
-import E from "../configs/app/index.js";
-import z from "../lib/hooks/useIsMobile.js";
-const J = n.forwardRef(
-  function(d, u) {
-    var f;
-    const {
-      showArrow: l,
-      onOpenChange: r,
-      variant: a,
-      selected: w,
-      children: c,
-      disabled: h,
-      disableOnMobile: m,
-      portalled: g = !0,
-      content: x,
-      contentProps: j,
-      portalRef: A,
-      defaultOpen: C = !1,
-      lazyMount: b = !0,
-      unmountOnExit: P = !0,
-      triggerProps: O,
-      ...s
-    } = d, [T, i] = n.useState(C), p = z(), k = S(() => i(!1)), R = n.useCallback((t) => {
-      i(t.open), r == null || r(t);
-    }, [r]), v = n.useCallback(() => {
-      i((t) => !t);
-    }, []);
-    if (h || m && p) return c;
-    const y = l !== void 0 ? l : a !== "popover", M = {
-      ...s.positioning,
-      overflowPadding: 4,
-      offset: {
-        mainAxis: 4,
-        ...(f = s.positioning) == null ? void 0 : f.offset
-      }
-    };
-    return /* @__PURE__ */ o.jsxs(
-      e.Root,
-      {
-        openDelay: 100,
-        closeDelay: E.app.isPw ? 1e4 : 100,
-        open: T,
-        onOpenChange: R,
-        closeOnClick: !1,
-        closeOnPointerDown: !0,
-        variant: a,
-        lazyMount: b,
-        unmountOnExit: P,
-        ...s,
-        positioning: M,
-        children: [
-          /* @__PURE__ */ o.jsx(
-            e.Trigger,
-            {
-              ref: k,
-              asChild: !0,
-              onClick: p ? v : void 0,
-              ...O,
-              children: c
-            }
-          ),
-          /* @__PURE__ */ o.jsx(D, { disabled: !g, container: A, children: /* @__PURE__ */ o.jsx(e.Positioner, { children: /* @__PURE__ */ o.jsxs(
-            e.Content,
-            {
-              ref: u,
-              ...w ? { "data-selected": !0 } : {},
-              ...j,
-              children: [
-                y && /* @__PURE__ */ o.jsx(e.Arrow, { children: /* @__PURE__ */ o.jsx(e.ArrowTip, {}) }),
-                x
-              ]
-            }
-          ) }) })
-        ]
-      }
-    );
-  }
-);
-export {
-  J as Tooltip
-};

package/dist/chakra.d.ts

@@ -1 +0,0 @@
-export {}