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

package/dist/theme/recipes/tag.recipe.ts

@@ -13,7 +13,6 @@ export const recipe = defineSlotRecipe({
       focusVisibleRing: 'outside',
       _loading: {
         borderRadius: 'sm',
-        bgColor: 'unset',
       },
     },
     label: {
@@ -100,9 +99,6 @@ export const recipe = defineSlotRecipe({
         root: {
           bgColor: 'tag.root.subtle.bg',
           color: 'tag.root.subtle.fg',
-          '&:not([data-loading], [aria-busy=true])': {
-            bgColor: 'tag.root.subtle.bg',
-          },
         },
       },
       clickable: {
@@ -110,9 +106,6 @@ export const recipe = defineSlotRecipe({
           cursor: 'pointer',
           bgColor: 'tag.root.clickable.bg',
           color: 'tag.root.clickable.fg',
-          '&:not([data-loading], [aria-busy=true])': {
-            bgColor: 'tag.root.clickable.bg',
-          },
           _hover: {
             opacity: 0.76,
           },
@@ -121,9 +114,6 @@ export const recipe = defineSlotRecipe({
       filter: {
         root: {
           bgColor: 'tag.root.filter.bg',
-          '&:not([data-loading], [aria-busy=true])': {
-            bgColor: 'tag.root.filter.bg',
-          },
         },
       },
       select: {
@@ -131,9 +121,6 @@ export const recipe = defineSlotRecipe({
           cursor: 'pointer',
           bgColor: 'tag.root.select.bg',
           color: 'tag.root.select.fg',
-          '&:not([data-loading], [aria-busy=true])': {
-            bgColor: 'tag.root.select.bg',
-          },
           _hover: {
             color: 'blue.400',
             opacity: 0.76,

package/dist/theme/recipes/toast.recipe.d.ts

@@ -1 +1 @@
-export declare const recipe: import('@chakra-ui/react').SlotRecipeDefinition<"title" | "description" | "root" | "indicator" | "closeTrigger" | "actionTrigger", import('@chakra-ui/react').SlotRecipeVariantRecord<"title" | "description" | "root" | "indicator" | "closeTrigger" | "actionTrigger">>;
+export declare const recipe: import('@chakra-ui/react').SlotRecipeDefinition<"title" | "root" | "description" | "indicator" | "closeTrigger" | "actionTrigger", import('@chakra-ui/react').SlotRecipeVariantRecord<"title" | "root" | "description" | "indicator" | "closeTrigger" | "actionTrigger">>;

package/package.json

@@ -1,27 +1,14 @@
 {
   "name": "@blockscout/ui-toolkit",
-  "version": "0.0.1-alpha.1",
+  "version": "0.0.1-alpha.2",
   "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "exports": {
-    "./components/*": {
-      "types": "./dist/components/*.d.ts",
-      "import": "./dist/components/*.js"
-    },
-    "./chakra/*": {
-      "types": "./dist/chakra/*.d.ts",
-      "import": "./dist/chakra/*.js"
-    },
-    "./theme": {
-      "types": "./dist/theme/index.d.ts",
-      "import": "./dist/theme/index.js"
-    },
-    "./hooks/*": {
-      "types": "./dist/hooks/*.d.ts",
-      "import": "./dist/hooks/*.js"
-    },
-    "./utils/*": {
-      "types": "./dist/utils/*.d.ts",
-      "import": "./dist/utils/*.js"
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
     }
   },
   "files": [
@@ -30,16 +17,15 @@
   "scripts": {
     "build": "vite build",
     "dev": "vite",
-    "typecheck": "tsc --noEmit",
-    "prepublishOnly": "npm run build"
+    "typecheck": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@chakra-ui/react": "3.15.0",
-    "@emotion/react": "11.14.0",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
-    "next": "15.2.3",
-    "next-themes": "0.4.4"
+    "@chakra-ui/react": ">=3.15.0",
+    "@emotion/react": ">=11.14.0",
+    "react": ">=18.3.1",
+    "react-dom": ">=18.3.1",
+    "next": ">=15.2.3",
+    "next-themes": ">=0.4.4"
   },
   "devDependencies": {
     "@types/node": "20.16.7",

package/dist/_virtual/Button.js

@@ -1,4 +0,0 @@
-var t = {};
-export {
-  t as __exports
-};

package/dist/_virtual/Element.js

@@ -1,4 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};

package/dist/_virtual/Link.js

@@ -1,4 +0,0 @@
-var r = {};
-export {
-  r as __exports
-};

package/dist/_virtual/_commonjsHelpers.js

@@ -1,4 +0,0 @@
-var e = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-export {
-  e as commonjsGlobal
-};

package/dist/_virtual/animate-scroll.js

@@ -1,4 +0,0 @@
-var a = {};
-export {
-  a as __exports
-};

package/dist/_virtual/cancel-events.js

@@ -1,4 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};

package/dist/_virtual/index.js

@@ -1,5 +0,0 @@
-import { __require as r } from "../node_modules/react-scroll/modules/index.js";
-var o = r();
-export {
-  o as m
-};

package/dist/_virtual/index2.js

@@ -1,4 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};

package/dist/_virtual/index3.js

@@ -1,4 +0,0 @@
-var p = { exports: {} };
-export {
-  p as __module
-};

package/dist/_virtual/index4.js

@@ -1,4 +0,0 @@
-var e = { exports: {} };
-export {
-  e as __module
-};

package/dist/_virtual/jsx-runtime.js

@@ -1,5 +0,0 @@
-import { __require as r } from "../package/node_modules/react/jsx-runtime.js";
-var i = r();
-export {
-  i as j
-};

package/dist/_virtual/jsx-runtime2.js

@@ -1,4 +0,0 @@
-var e = { exports: {} };
-export {
-  e as __module
-};

package/dist/_virtual/passive-event-listeners.js

@@ -1,4 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};

package/dist/_virtual/react-is.development.js

@@ -1,4 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};

package/dist/_virtual/react-is.production.min.js

@@ -1,4 +0,0 @@
-var r = {};
-export {
-  r as __exports
-};

package/dist/_virtual/react-jsx-runtime.development.js

@@ -1,4 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};

package/dist/_virtual/react-jsx-runtime.production.min.js

@@ -1,4 +0,0 @@
-var r = {};
-export {
-  r as __exports
-};

package/dist/_virtual/scroll-element.js

@@ -1,4 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};

package/dist/_virtual/scroll-events.js

@@ -1,4 +0,0 @@
-var r = {};
-export {
-  r as __exports
-};

package/dist/_virtual/scroll-hash.js

@@ -1,4 +0,0 @@
-var r = {};
-export {
-  r as __exports
-};

package/dist/_virtual/scroll-link.js

@@ -1,4 +0,0 @@
-var r = {};
-export {
-  r as __exports
-};

package/dist/_virtual/scroll-spy.js

@@ -1,4 +0,0 @@
-var r = {};
-export {
-  r as __exports
-};

package/dist/_virtual/scroller.js

@@ -1,4 +0,0 @@
-var r = {};
-export {
-  r as __exports
-};

package/dist/_virtual/smooth.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/utils.js

@@ -1,4 +0,0 @@
-var r = {};
-export {
-  r as __exports
-};

package/dist/chakra/accordion.js

@@ -1,61 +0,0 @@
-import { j as t } from "../_virtual/jsx-runtime.js";
-import { Accordion as o, Icon as f } from "@chakra-ui/react";
-import * as d from "react";
-import u from "../icons/arrows/east-mini.svg.js";
-const j = d.forwardRef(function(r, e) {
-  const { children: l, indicatorPlacement: m, variant: i, noIndicator: a, ...p } = r, c = i === "faq" ? "start" : m ?? "end", s = i === "faq" ? /* @__PURE__ */ t.jsx(
-    o.ItemIndicator,
-    {
-      asChild: !0,
-      rotate: "0deg",
-      position: "relative",
-      _before: {
-        content: '""',
-        position: "absolute",
-        display: "block",
-        bgColor: "{currentColor}",
-        w: "100%",
-        h: "2px",
-        borderRadius: "2px",
-        left: "0",
-        top: "50%",
-        transform: "translateY(-50%)"
-      },
-      _after: {
-        content: '""',
-        position: "absolute",
-        display: "block",
-        bgColor: "{currentColor}",
-        w: "2px",
-        h: "100%",
-        borderRadius: "2px",
-        left: "50%",
-        top: "0",
-        transform: "translateX(-50%)",
-        transition: "transform 0.2s ease-in-out"
-      },
-      _open: {
-        _after: {
-          transform: "translateX(-50%) rotate(90deg)"
-        }
-      },
-      children: /* @__PURE__ */ t.jsx("div", {})
-    }
-  ) : /* @__PURE__ */ t.jsx(o.ItemIndicator, { rotate: { base: "180deg", _open: "270deg" }, display: "flex", children: /* @__PURE__ */ t.jsx(f, { children: /* @__PURE__ */ t.jsx(u, {}) }) });
-  return /* @__PURE__ */ t.jsxs(o.ItemTrigger, { className: "group", ...p, ref: e, children: [
-    c === "start" && !a && s,
-    l,
-    c === "end" && !a && s
-  ] });
-}), b = d.forwardRef(function(r, e) {
-  return /* @__PURE__ */ t.jsx(o.ItemContent, { children: /* @__PURE__ */ t.jsx(o.ItemBody, { ...r, ref: e }) });
-}), h = (n) => {
-  const { multiple: r = !0, ...e } = n;
-  return /* @__PURE__ */ t.jsx(o.Root, { multiple: r, ...e });
-}, A = o.Item;
-export {
-  A as AccordionItem,
-  b as AccordionItemContent,
-  j as AccordionItemTrigger,
-  h as AccordionRoot
-};

package/dist/chakra/alert.js

@@ -1,45 +0,0 @@
-import { j as e } from "../_virtual/jsx-runtime.js";
-import { Alert as t, Icon as E } from "@chakra-ui/react";
-import * as o from "react";
-import R from "../icons/info_filled.svg.js";
-import { CloseButton as k } from "./close-button.js";
-import { Skeleton as v } from "./skeleton.js";
-const y = o.forwardRef(
-  function(a, d) {
-    const {
-      title: n,
-      children: l,
-      icon: s,
-      closable: i,
-      onClose: r,
-      startElement: c,
-      endElement: f,
-      loading: m,
-      showIcon: p = !1,
-      descriptionProps: x,
-      ...u
-    } = a, [j, h] = o.useState(!0), I = /* @__PURE__ */ e.jsx(E, { children: /* @__PURE__ */ e.jsx(R, {}) }), C = c !== void 0 ? c : !p && s === void 0 ? null : /* @__PURE__ */ e.jsx(t.Indicator, { children: s || I }), A = o.useCallback(() => {
-      h(!1), r == null || r();
-    }, [r]);
-    return i && !j ? null : /* @__PURE__ */ e.jsx(v, { loading: m, asChild: !0, children: /* @__PURE__ */ e.jsxs(t.Root, { ref: d, ...u, children: [
-      C,
-      l ? /* @__PURE__ */ e.jsxs(t.Content, { children: [
-        n && /* @__PURE__ */ e.jsx(t.Title, { children: n }),
-        /* @__PURE__ */ e.jsx(t.Description, { display: "inline-flex", flexWrap: "wrap", ...x, children: l })
-      ] }) : /* @__PURE__ */ e.jsx(t.Title, { flex: "1", children: n }),
-      f,
-      i && /* @__PURE__ */ e.jsx(
-        k,
-        {
-          pos: "relative",
-          m: 0.5,
-          alignSelf: "flex-start",
-          onClick: A
-        }
-      )
-    ] }) });
-  }
-);
-export {
-  y as Alert
-};

package/dist/chakra/avatar.js

@@ -1,36 +0,0 @@
-import { j as n } from "../_virtual/jsx-runtime.js";
-import { Avatar as l, Group as h } from "@chakra-ui/react";
-import * as i from "react";
-const j = i.forwardRef(
-  function(r, t) {
-    const { name: a, src: e, srcSet: s, loading: o, icon: u, fallback: d, children: f, ...m } = r;
-    return /* @__PURE__ */ n.jsxs(l.Root, { ref: t, ...m, children: [
-      /* @__PURE__ */ n.jsx(p, { name: a, icon: u, children: d }),
-      /* @__PURE__ */ n.jsx(l.Image, { src: e, srcSet: s, loading: o }),
-      f
-    ] });
-  }
-), p = i.forwardRef(
-  function(r, t) {
-    const { name: a, icon: e, children: s, ...o } = r;
-    return /* @__PURE__ */ n.jsxs(l.Fallback, { ref: t, ...o, children: [
-      s,
-      a != null && s == null && /* @__PURE__ */ n.jsx(n.Fragment, { children: v(a) }),
-      a == null && s == null && /* @__PURE__ */ n.jsx(l.Icon, { asChild: !!e, children: e })
-    ] });
-  }
-);
-function v(c) {
-  const r = c.trim().split(" "), t = r[0] != null ? r[0] : "", a = r.length > 1 ? r[r.length - 1] : "";
-  return t && a ? `${t.charAt(0)}${a.charAt(0)}` : t.charAt(0);
-}
-const g = i.forwardRef(
-  function(r, t) {
-    const { size: a, variant: e, borderless: s, ...o } = r;
-    return /* @__PURE__ */ n.jsx(l.PropsProvider, { value: { size: a, variant: e, borderless: s }, children: /* @__PURE__ */ n.jsx(h, { gap: "0", spaceX: "-3", ref: t, ...o }) });
-  }
-);
-export {
-  j as Avatar,
-  g as AvatarGroup
-};

package/dist/chakra/badge.js

@@ -1,18 +0,0 @@
-import { j as e } from "../_virtual/jsx-runtime.js";
-import { chakra as f, Badge as p } from "@chakra-ui/react";
-import h from "react";
-import x from "../components/TruncatedTextTooltip.js";
-import { Skeleton as u } from "./skeleton.js";
-const T = h.forwardRef(
-  function(n, o) {
-    const { loading: l, startElement: i, children: t, asChild: a = !0, truncated: s = !1, endElement: d, ...c } = n, r = /* @__PURE__ */ e.jsx(f.span, { overflow: "hidden", textOverflow: "ellipsis", children: t }), m = s ? /* @__PURE__ */ e.jsx(x, { label: t, children: r }) : r;
-    return /* @__PURE__ */ e.jsx(u, { loading: l, asChild: a, ref: o, children: /* @__PURE__ */ e.jsxs(p, { display: "inline-flex", alignItems: "center", whiteSpace: "nowrap", ...c, children: [
-      i,
-      m,
-      d
-    ] }) });
-  }
-);
-export {
-  T as Badge
-};

package/dist/chakra/button.js

@@ -1,65 +0,0 @@
-import { j as e } from "../_virtual/jsx-runtime.js";
-import { Button as k, ButtonGroup as j, AbsoluteCenter as y, Spinner as x, Span as G } from "@chakra-ui/react";
-import * as r from "react";
-import { Skeleton as B } from "./skeleton.js";
-const A = r.forwardRef(
-  function(a, i) {
-    const { loading: t, disabled: o, loadingText: s, children: d, expanded: u, selected: c, highlighted: p, loadingSkeleton: l = !1, ...h } = a, f = t && !s ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsx(y, { display: "inline-flex", children: /* @__PURE__ */ e.jsx(x, { size: "inherit", color: "inherit" }) }),
-      /* @__PURE__ */ e.jsx(G, { opacity: 0, children: d })
-    ] }) : t && s ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsx(x, { size: "inherit", color: "inherit" }),
-      s
-    ] }) : d;
-    return /* @__PURE__ */ e.jsx(B, { loading: l, asChild: !0, ref: i, children: /* @__PURE__ */ e.jsx(
-      k,
-      {
-        ...u ? { "data-expanded": !0 } : {},
-        ...c ? { "data-selected": !0 } : {},
-        ...p ? { "data-highlighted": !0 } : {},
-        ...t ? { "data-loading": !0 } : {},
-        ...l ? { "data-loading-skeleton": !0 } : {},
-        disabled: !l && (t || o),
-        ...h,
-        children: f
-      }
-    ) });
-  }
-), T = r.forwardRef(
-  function(a, i) {
-    const { ...t } = a;
-    return /* @__PURE__ */ e.jsx(j, { ref: i, ...t });
-  }
-), V = r.forwardRef(
-  function(a, i) {
-    const { children: t, onChange: o, variant: s = "segmented", defaultValue: d, loading: u = !1, equalWidth: c = !1, ...p } = a, l = r.useMemo(() => {
-      const n = Array.isArray(t) ? t[0] : void 0;
-      return typeof (n == null ? void 0 : n.props.value) == "string" ? n.props.value : void 0;
-    }, [t]), [h, f] = r.useState(d ?? l), v = r.useCallback((n) => {
-      const m = n.currentTarget.value;
-      f(m), o == null || o(m);
-    }, [o]), C = r.Children.map(t, (n) => r.cloneElement(n, {
-      onClick: v,
-      selected: h === n.props.value,
-      variant: s
-    })), R = r.Children.count(t);
-    return /* @__PURE__ */ e.jsx(B, { loading: u, children: /* @__PURE__ */ e.jsx(
-      j,
-      {
-        ref: i,
-        gap: 0,
-        ...c ? {
-          display: "grid",
-          gridTemplateColumns: `repeat(${R}, 1fr)`
-        } : {},
-        ...p,
-        children: C
-      }
-    ) });
-  }
-);
-export {
-  A as Button,
-  T as ButtonGroup,
-  V as ButtonGroupRadio
-};

package/dist/chakra/checkbox.js

@@ -1,33 +0,0 @@
-import { j as r } from "../_virtual/jsx-runtime.js";
-import { Checkbox as e, CheckboxGroup as p } from "@chakra-ui/react";
-import * as s from "react";
-const h = s.forwardRef(
-  function(t, c) {
-    const { icon: n, children: o, inputProps: i, rootRef: a, ...l } = t;
-    return /* @__PURE__ */ r.jsxs(e.Root, { ref: a, ...l, children: [
-      /* @__PURE__ */ r.jsx(e.HiddenInput, { ref: c, ...i }),
-      /* @__PURE__ */ r.jsx(e.Control, { children: n || /* @__PURE__ */ r.jsx(e.Indicator, {}) }),
-      o != null && /* @__PURE__ */ r.jsx(e.Label, { children: o })
-    ] });
-  }
-), d = s.forwardRef(
-  function(t, c) {
-    const { children: n, orientation: o = "vertical", ...i } = t;
-    return /* @__PURE__ */ r.jsx(
-      p,
-      {
-        ref: c,
-        orientation: o,
-        display: "flex",
-        flexDirection: o === "vertical" ? "column" : "row",
-        gap: o === "vertical" ? 3 : 8,
-        ...i,
-        children: n
-      }
-    );
-  }
-);
-export {
-  h as Checkbox,
-  d as CheckboxGroup
-};

package/dist/chakra/close-button.js

@@ -1,13 +0,0 @@
-import { j as o } from "../_virtual/jsx-runtime.js";
-import { useRecipe as n, Icon as p } from "@chakra-ui/react";
-import * as m from "react";
-import l from "../icons/close.svg.js";
-import { recipe as a } from "../theme/recipes/close-button.recipe.js";
-import { IconButton as f } from "./icon-button.js";
-const h = m.forwardRef(function(r, t) {
-  const e = n({ recipe: a }), [s, i] = e.splitVariantProps(r), c = e(s);
-  return /* @__PURE__ */ o.jsx(f, { "aria-label": "Close", ref: t, css: c, ...i, children: r.children ?? /* @__PURE__ */ o.jsx(p, { children: /* @__PURE__ */ o.jsx(l, {}) }) });
-});
-export {
-  h as CloseButton
-};

package/dist/chakra/collapsible.js

@@ -1,58 +0,0 @@
-import { j as n } from "../_virtual/jsx-runtime.js";
-import { Flex as S } from "@chakra-ui/react";
-import a from "react";
-import { m as x } from "../_virtual/index.js";
-import g from "../lib/hooks/useUpdateEffect.js";
-import { Link as f } from "./link.js";
-const u = {
-  duration: 500,
-  smooth: !0
-}, D = "CollapsibleDetails", I = (c) => {
-  const { children: p, id: t = D, onClick: o, isExpanded: l = !1, text: e, loading: d, noScroll: s, ...m } = c, [i, r] = a.useState(l), h = a.useCallback((E) => {
-    r((L) => !L), s || x.scroller.scrollTo(t, u), o == null || o(E);
-  }, [t, s, o]);
-  g(() => {
-    r(l), l && !s && x.scroller.scrollTo(t, u);
-  }, [l, t, s]);
-  const C = i ? (e == null ? void 0 : e[1]) ?? "Hide details" : (e == null ? void 0 : e[0]) ?? "View details";
-  return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-    /* @__PURE__ */ n.jsx(
-      f,
-      {
-        textStyle: "sm",
-        textDecorationLine: "underline",
-        textDecorationStyle: "dashed",
-        w: "fit-content",
-        onClick: h,
-        loading: d,
-        ...m,
-        children: /* @__PURE__ */ n.jsx(x.Element, { name: t, children: C })
-      }
-    ),
-    i && p
-  ] });
-}, y = (c) => {
-  const { items: t, renderItem: o, triggerProps: l, cutLength: e = 3, ...d } = c, [s, m] = a.useState(!1), i = a.useCallback(() => {
-    m((r) => !r);
-  }, []);
-  return /* @__PURE__ */ n.jsxs(S, { flexDir: "column", w: "100%", ...d, children: [
-    t.slice(0, s ? void 0 : e).map(o),
-    t.length > e && /* @__PURE__ */ n.jsx(
-      f,
-      {
-        textStyle: "sm",
-        textDecorationLine: "underline",
-        textDecorationStyle: "dashed",
-        w: "fit-content",
-        minW: "auto",
-        onClick: i,
-        ...l,
-        children: s ? "Hide" : "Show all"
-      }
-    )
-  ] });
-};
-export {
-  I as CollapsibleDetails,
-  y as CollapsibleList
-};

package/dist/chakra/color-mode.js

@@ -1,35 +0,0 @@
-import { j as t } from "../_virtual/jsx-runtime.js";
-import { ThemeProvider as l, useTheme as s } from "next-themes";
-import n from "../configs/app/index.js";
-function a(e) {
-  var o;
-  return /* @__PURE__ */ t.jsx(
-    l,
-    {
-      attribute: "class",
-      scriptProps: { "data-cfasync": "false" },
-      defaultTheme: (o = n.UI.colorTheme.default) == null ? void 0 : o.colorMode,
-      disableTransitionOnChange: !0,
-      ...e
-    }
-  );
-}
-function i() {
-  const { resolvedTheme: e, setTheme: o } = s();
-  return {
-    colorMode: e,
-    setColorMode: o,
-    toggleColorMode: () => {
-      o(e === "light" ? "dark" : "light");
-    }
-  };
-}
-function m(e, o) {
-  const { colorMode: r } = i();
-  return r === "light" ? e : o;
-}
-export {
-  a as ColorModeProvider,
-  i as useColorMode,
-  m as useColorModeValue
-};