@bitrise/bitkit-v2 0.3.155 → 0.3.157

package/dist/components/BitkitCard/BitkitCard.js

@@ -1,9 +1,14 @@
+import { forwardRef as e } from "react";
 import { jsx as r } from "react/jsx-runtime";
 import { Card as t } from "@chakra-ui/react/card";
-import { forwardRef as e } from "react";
-const m = e((o, i) => {
-  const { children: d, ...a } = o;
-  return /* @__PURE__ */ r(t.Root, { asChild: !0, ref: i, ...a, children: /* @__PURE__ */ r(t.Body, { children: d }) });
+var m = e((o, i) => {
+  const { children: a, ...d } = o;
+  return /* @__PURE__ */ r(t.Root, {
+    asChild: !0,
+    ref: i,
+    ...d,
+    children: /* @__PURE__ */ r(t.Body, { children: a })
+  });
 });
 m.displayName = "BitkitCard";
 export {

package/dist/components/BitkitCheckbox/BitkitCheckbox.js

@@ -1,20 +1,38 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { Checkbox as o } from "@chakra-ui/react/checkbox";
+import p from "../../icons/IconCheck.js";
+import s from "../../icons/IconMinus.js";
+import { Text as h } from "@chakra-ui/react/text";
+import { forwardRef as x } from "react";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
 import { Skeleton as n } from "@chakra-ui/react/skeleton";
-import { Text as a } from "@chakra-ui/react/text";
-import { forwardRef as s } from "react";
-import h from "../../icons/IconMinus.js";
-import x from "../../icons/IconCheck.js";
-const f = s((d, c) => {
-  const { helperText: r, inputProps: m, labelText: p, state: t, ...i } = d;
-  return /* @__PURE__ */ l(o.Root, { disabled: t === "disabled", readOnly: t === "readOnly", ...i, children: [
-    /* @__PURE__ */ e(o.HiddenInput, { ref: c, ...m }),
-    /* @__PURE__ */ e(n, { loading: t === "skeleton", children: /* @__PURE__ */ e(o.Control, { children: i.checked === "indeterminate" ? /* @__PURE__ */ e(h, {}) : /* @__PURE__ */ e(x, {}) }) }),
-    /* @__PURE__ */ e(n, { loading: t === "skeleton", children: /* @__PURE__ */ l(o.Label, { as: "div", children: [
-      p,
-      !!r && /* @__PURE__ */ e(a, { color: "text/helper", textStyle: "comp/input/helperText", children: r })
-    ] }) })
-  ] });
+import { Checkbox as r } from "@chakra-ui/react/checkbox";
+var f = x((d, a) => {
+  const { helperText: o, inputProps: c, labelText: m, state: t, ...i } = d;
+  return /* @__PURE__ */ l(r.Root, {
+    disabled: t === "disabled",
+    readOnly: t === "readOnly",
+    ...i,
+    children: [
+      /* @__PURE__ */ e(r.HiddenInput, {
+        ref: a,
+        ...c
+      }),
+      /* @__PURE__ */ e(n, {
+        loading: t === "skeleton",
+        children: /* @__PURE__ */ e(r.Control, { children: i.checked === "indeterminate" ? /* @__PURE__ */ e(s, {}) : /* @__PURE__ */ e(p, {}) })
+      }),
+      /* @__PURE__ */ e(n, {
+        loading: t === "skeleton",
+        children: /* @__PURE__ */ l(r.Label, {
+          as: "div",
+          children: [m, !!o && /* @__PURE__ */ e(h, {
+            color: "text/helper",
+            textStyle: "comp/input/helperText",
+            children: o
+          })]
+        })
+      })
+    ]
+  });
 });
 f.displayName = "BitkitCheckbox";
 export {

package/dist/components/BitkitCheckboxGroup/BitkitCheckboxGroup.js

@@ -1,15 +1,33 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { CheckboxGroup as s } from "@chakra-ui/react/checkbox";
+import { forwardRef as m } from "react";
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { CheckboxGroup as u } from "@chakra-ui/react/checkbox";
 import { Fieldset as r } from "@chakra-ui/react/fieldset";
-import { forwardRef as u } from "react";
-const f = u((l, n) => {
-  const { checkboxGroupProps: a, children: c, errorText: o, helperText: t, label: d, name: p, onValueChange: h, value: x, ...i } = l;
-  return /* @__PURE__ */ m(r.Root, { ref: n, ...i, invalid: i.invalid || !!o, children: [
-    /* @__PURE__ */ e(r.Legend, { children: d }),
-    !!t && /* @__PURE__ */ e(r.HelperText, { children: t }),
-    /* @__PURE__ */ e(r.Content, { display: "flex", flexDirection: "column", gap: "12", marginBlockStart: "12", asChild: !0, children: /* @__PURE__ */ e(s, { name: p, onValueChange: h, value: x, ...a, children: c }) }),
-    !!o && /* @__PURE__ */ e(r.ErrorText, { children: o })
-  ] });
+var f = m((l, n) => {
+  const { checkboxGroupProps: a, children: c, errorText: o, helperText: i, label: d, name: p, onValueChange: h, value: x, ...t } = l;
+  return /* @__PURE__ */ s(r.Root, {
+    ref: n,
+    ...t,
+    invalid: t.invalid || !!o,
+    children: [
+      /* @__PURE__ */ e(r.Legend, { children: d }),
+      !!i && /* @__PURE__ */ e(r.HelperText, { children: i }),
+      /* @__PURE__ */ e(r.Content, {
+        display: "flex",
+        flexDirection: "column",
+        gap: "12",
+        marginBlockStart: "12",
+        asChild: !0,
+        children: /* @__PURE__ */ e(u, {
+          name: p,
+          onValueChange: h,
+          value: x,
+          ...a,
+          children: c
+        })
+      }),
+      !!o && /* @__PURE__ */ e(r.ErrorText, { children: o })
+    ]
+  });
 });
 f.displayName = "BitkitCheckboxGroup";
 export {

package/dist/components/BitkitCloseButton/BitkitCloseButton.js

@@ -1,21 +1,24 @@
+import l from "../../icons/IconCross.js";
+import m from "../BitkitTooltip/BitkitTooltip.js";
+import { chakra as c, useRecipe as d } from "@chakra-ui/react/styled-system";
+import { forwardRef as n } from "react";
 import { jsx as t } from "react/jsx-runtime";
-import { useRecipe as l, chakra as c } from "@chakra-ui/react/styled-system";
-import { forwardRef as m } from "react";
-import n from "../BitkitTooltip/BitkitTooltip.js";
-import d from "../../icons/IconCross.js";
-const p = m((i, s) => {
-  const { "aria-label": e = "Close", size: r, ...o } = i, a = l({ key: "closeButton" });
-  return /* @__PURE__ */ t(n, { disabled: o.disabled, showArrow: !1, size: "sm", text: e, children: /* @__PURE__ */ t(
-    c.button,
-    {
+var p = n((i, s) => {
+  const { "aria-label": e = "Close", size: r, ...o } = i, a = d({ key: "closeButton" });
+  return /* @__PURE__ */ t(m, {
+    disabled: o.disabled,
+    showArrow: !1,
+    size: "sm",
+    text: e,
+    children: /* @__PURE__ */ t(c.button, {
       ref: s,
       "aria-label": e,
       ...o,
       css: a({ size: r }),
       color: o.colorPalette === "neutral" && !o.disabled ? "icon/primary" : void 0,
-      children: /* @__PURE__ */ t(d, { size: r === "xs" ? "16" : "24" })
-    }
-  ) });
+      children: /* @__PURE__ */ t(l, { size: r === "xs" ? "16" : "24" })
+    })
+  });
 });
 p.displayName = "BitkitCloseButton";
 export {

package/dist/components/BitkitColorButton/BitkitColorButton.js

@@ -1,9 +1,7 @@
-import { createRecipeContext as t } from "@chakra-ui/react/styled-system";
-import o from "../../theme/recipes/ColorButton.recipe.js";
-const { withContext: e } = t({ recipe: o }), i = e("button", {
-  defaultProps: { type: "button" }
-});
-i.displayName = "BitkitColorButton";
+import t from "../../theme/recipes/ColorButton.recipe.js";
+import { createRecipeContext as o } from "@chakra-ui/react/styled-system";
+var { withContext: e } = o({ recipe: t }), r = e("button", { defaultProps: { type: "button" } });
+r.displayName = "BitkitColorButton";
 export {
-  i as default
+  r as default
 };

package/dist/components/BitkitCombobox/BitkitCombobox.js

@@ -1,105 +1,81 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import j from "../../utilities/AssetSelectChevron.js";
+import H from "../../icons/IconErrorCircleFilled.js";
+import V from "../../icons/IconWarningYellow.js";
+import W from "../BitkitCloseButton/BitkitCloseButton.js";
+import A from "../BitkitSelectMenu/BitkitSelectMenu.js";
+import G from "../BitkitField/BitkitField.js";
+import { useSlotRecipe as M } from "@chakra-ui/react/styled-system";
+import { Text as Y } from "@chakra-ui/react/text";
+import { forwardRef as _ } from "react";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { Portal as q } from "@chakra-ui/react/portal";
 import { Combobox as o } from "@chakra-ui/react/combobox";
-import { useListCollection as j } from "@chakra-ui/react/hooks";
-import { useFilter as H } from "@chakra-ui/react/locale";
-import { Portal as V } from "@chakra-ui/react/portal";
-import { useSlotRecipe as W } from "@chakra-ui/react/styled-system";
-import { Text as A } from "@chakra-ui/react/text";
-import { forwardRef as G } from "react";
-import M from "../../icons/IconErrorCircleFilled.js";
-import Y from "../../icons/IconWarningYellow.js";
-import _ from "../../utilities/AssetSelectChevron.js";
-import q from "../BitkitCloseButton/BitkitCloseButton.js";
-import D from "../BitkitField/BitkitField.js";
-import J from "../BitkitSelectMenu/BitkitSelectMenu.js";
-const K = G((p, h) => {
-  const {
-    comboboxProps: b,
-    contentProps: f,
-    createItemHref: u,
-    createItemLabel: x,
-    createItemProps: C,
-    errorText: s,
-    hasSearch: g,
+import { useListCollection as D } from "@chakra-ui/react/hooks";
+import { useFilter as J } from "@chakra-ui/react/locale";
+var K = _((p, h) => {
+  const { comboboxProps: f, contentProps: u, createItemHref: b, createItemLabel: x, createItemProps: C, errorText: a, hasSearch: g, helperText: I, isLoading: v, items: y, label: S, onCreateItem: T, onSearchChange: k, optional: B, placeholder: z = "Enter a value or select", size: i, state: r, tooltip: P, warningText: s, ...w } = p, { contains: E } = J({ sensitivity: "base" }), { collection: c, filter: O } = D({
+    initialItems: y,
+    filter: (d, N, R) => E(R.label, N)
+  }), F = M({ key: "combobox" })({ size: i }), L = r === "warning" || !!s, n = r === "error" || !!a, m = i === "md" ? "16" : "24";
+  let l;
+  return n ? l = /* @__PURE__ */ e(H, {
+    size: m,
+    color: "icon/negative"
+  }) : L && (l = /* @__PURE__ */ e(V, { size: m })), /* @__PURE__ */ e(G, {
+    disabled: r === "disabled",
+    errorText: a,
     helperText: I,
-    isLoading: y,
-    items: v,
+    invalid: n,
     label: S,
-    onCreateItem: T,
-    onSearchChange: k,
     optional: B,
-    placeholder: z = "Enter a value or select",
-    size: i,
-    state: t,
+    readOnly: r === "readOnly",
+    ref: h,
     tooltip: P,
-    warningText: a,
-    ...R
-  } = p, { contains: w } = H({ sensitivity: "base" }), { collection: c, filter: E } = j({
-    initialItems: v,
-    filter: (d, L, N) => w(N.label, L)
-  }), O = W({ key: "combobox" })({ size: i }), F = t === "warning" || !!a, n = t === "error" || !!s, m = i === "md" ? "16" : "24";
-  let l;
-  return n ? l = /* @__PURE__ */ e(M, { size: m, color: "icon/negative" }) : F && (l = /* @__PURE__ */ e(Y, { size: m })), /* @__PURE__ */ e(
-    D,
-    {
-      disabled: t === "disabled",
-      errorText: s,
-      helperText: I,
+    warningText: s,
+    ...w,
+    children: /* @__PURE__ */ t(o.Root, {
+      ...f,
+      collection: c,
+      disabled: r === "disabled",
       invalid: n,
-      label: S,
-      optional: B,
-      readOnly: t === "readOnly",
-      ref: h,
-      tooltip: P,
-      warningText: a,
-      ...R,
-      children: /* @__PURE__ */ r(
-        o.Root,
-        {
-          ...b,
-          collection: c,
-          disabled: t === "disabled",
-          invalid: n,
-          onInputValueChange: (d) => {
-            E(d.inputValue);
-          },
-          readOnly: t === "readOnly",
-          size: i,
-          children: [
-            /* @__PURE__ */ r(o.Control, { className: "group", children: [
-              /* @__PURE__ */ e(o.Input, { placeholder: z }),
-              /* @__PURE__ */ r(o.IndicatorGroup, { children: [
-                /* @__PURE__ */ e(o.ClearTrigger, { asChild: !0, children: /* @__PURE__ */ e(q, { size: "sm" }) }),
-                l,
-                /* @__PURE__ */ e(o.Trigger, { asChild: !0, children: /* @__PURE__ */ e(_, {}) })
-              ] })
-            ] }),
-            /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(o.Positioner, { children: /* @__PURE__ */ r(o.Content, { children: [
-              /* @__PURE__ */ r(o.Empty, { children: [
-                "No items found ",
-                /* @__PURE__ */ e(A, { css: O.emptyHelperText, children: "Enter custom value" })
-              ] }),
-              /* @__PURE__ */ e(
-                J,
-                {
-                  collection: c,
-                  createItemHref: u,
-                  createItemLabel: x,
-                  createItemProps: C,
-                  contentProps: f,
-                  isLoading: y,
-                  onCreateItem: T,
-                  size: i,
-                  variant: "combobox",
-                  ...g ? { hasSearch: !0, onSearchChange: k } : { hasSearch: !1 }
-                }
-              )
-            ] }) }) })
-          ]
-        }
-      )
-    }
-  );
+      onInputValueChange: (d) => {
+        O(d.inputValue);
+      },
+      readOnly: r === "readOnly",
+      size: i,
+      children: [/* @__PURE__ */ t(o.Control, {
+        className: "group",
+        children: [/* @__PURE__ */ e(o.Input, { placeholder: z }), /* @__PURE__ */ t(o.IndicatorGroup, { children: [
+          /* @__PURE__ */ e(o.ClearTrigger, {
+            asChild: !0,
+            children: /* @__PURE__ */ e(W, { size: "sm" })
+          }),
+          l,
+          /* @__PURE__ */ e(o.Trigger, {
+            asChild: !0,
+            children: /* @__PURE__ */ e(j, {})
+          })
+        ] })]
+      }), /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(o.Positioner, { children: /* @__PURE__ */ t(o.Content, { children: [/* @__PURE__ */ t(o.Empty, { children: ["No items found ", /* @__PURE__ */ e(Y, {
+        css: F.emptyHelperText,
+        children: "Enter custom value"
+      })] }), /* @__PURE__ */ e(A, {
+        collection: c,
+        createItemHref: b,
+        createItemLabel: x,
+        createItemProps: C,
+        contentProps: u,
+        isLoading: v,
+        onCreateItem: T,
+        size: i,
+        variant: "combobox",
+        ...g ? {
+          hasSearch: !0,
+          onSearchChange: k
+        } : { hasSearch: !1 }
+      })] }) }) })]
+    })
+  });
 });
 K.displayName = "BitkitCombobox";
 export {

package/dist/components/BitkitControlButton/BitkitControlButton.js

@@ -1,21 +1,30 @@
-import { jsx as o } from "react/jsx-runtime";
-import { Skeleton as d } from "@chakra-ui/react/skeleton";
-import { useRecipe as f, chakra as k } from "@chakra-ui/react/styled-system";
+import d from "../BitkitTooltip/BitkitTooltip.js";
+import { chakra as f, useRecipe as k } from "@chakra-ui/react/styled-system";
 import { forwardRef as u } from "react";
-import x from "../BitkitTooltip/BitkitTooltip.js";
-const B = u((r, s) => {
-  const { icon: n, isDanger: l, label: i, size: t = "sm", state: e, tooltipProps: a, ...c } = r, m = f({ key: "controlButton" }), p = t === "xxs" || t === "xs" ? "16" : "24";
-  return /* @__PURE__ */ o(x, { showArrow: !1, size: "sm", text: i, ...a, children: /* @__PURE__ */ o(
-    k.button,
-    {
+import { jsx as o } from "react/jsx-runtime";
+import { Skeleton as x } from "@chakra-ui/react/skeleton";
+var B = u((r, s) => {
+  const { icon: n, isDanger: l, label: i, size: t = "sm", state: e, tooltipProps: a, ...c } = r, m = k({ key: "controlButton" }), p = t === "xxs" || t === "xs" ? "16" : "24";
+  return /* @__PURE__ */ o(d, {
+    showArrow: !1,
+    size: "sm",
+    text: i,
+    ...a,
+    children: /* @__PURE__ */ o(f.button, {
       ref: s,
       "aria-label": i,
       disabled: e === "disabled" || e === "skeleton",
       ...c,
-      css: m({ isDanger: l, size: t }),
-      children: /* @__PURE__ */ o(d, { loading: e === "skeleton", children: /* @__PURE__ */ o(n, { size: p }) })
-    }
-  ) });
+      css: m({
+        isDanger: l,
+        size: t
+      }),
+      children: /* @__PURE__ */ o(x, {
+        loading: e === "skeleton",
+        children: /* @__PURE__ */ o(n, { size: p })
+      })
+    })
+  });
 });
 B.displayName = "BitkitControlButton";
 export {

package/dist/components/BitkitDefinitionTooltip/BitkitDefinitionTooltip.js

@@ -1,27 +1,24 @@
+import a from "../BitkitTooltip/BitkitTooltip.js";
+import { chakra as m, useRecipe as d } from "@chakra-ui/react/styled-system";
+import { useState as f } from "react";
 import { jsx as e } from "react/jsx-runtime";
-import { useRecipe as a, chakra as m } from "@chakra-ui/react/styled-system";
-import { useState as d } from "react";
-import f from "../BitkitTooltip/BitkitTooltip.js";
-const y = (r) => {
-  const { children: n, method: t = "click", text: p, tooltipRootProps: i, ...c } = r, s = a({ key: "definitionTooltip" }), [o, l] = d(!1);
-  return /* @__PURE__ */ e(
-    f,
-    {
-      tooltipRootProps: t === "click" ? { ...i, open: o } : i,
-      text: p,
-      ...c,
-      children: /* @__PURE__ */ e(
-        m.button,
-        {
-          "aria-expanded": o,
-          css: s({ method: t }),
-          onClick: t === "click" ? () => l(!o) : void 0,
-          type: "button",
-          children: n
-        }
-      )
-    }
-  );
+var y = (r) => {
+  const { children: p, method: t = "click", text: n, tooltipRootProps: i, ...c } = r, s = d({ key: "definitionTooltip" }), [o, l] = f(!1);
+  return /* @__PURE__ */ e(a, {
+    tooltipRootProps: t === "click" ? {
+      ...i,
+      open: o
+    } : i,
+    text: n,
+    ...c,
+    children: /* @__PURE__ */ e(m.button, {
+      "aria-expanded": o,
+      css: s({ method: t }),
+      onClick: t === "click" ? () => l(!o) : void 0,
+      type: "button",
+      children: p
+    })
+  });
 };
 export {
   y as default

package/dist/components/BitkitDialog/BitkitDialog.js

@@ -1,50 +1,27 @@
-import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import c from "./BitkitDialogContent.js";
+import f from "./BitkitDialogRoot.js";
+import { jsx as o, jsxs as a } from "react/jsx-runtime";
+import { Portal as s } from "@chakra-ui/react/portal";
 import { Dialog as i } from "@chakra-ui/react/dialog";
-import { Portal as f } from "@chakra-ui/react/portal";
-import k from "./BitkitDialogContent.js";
-import D from "./BitkitDialogRoot.js";
-const h = ({
-  label: e,
-  maxHeight: l,
-  onOpenChange: m,
-  open: n,
-  title: d,
-  trigger: t,
-  children: p,
-  preventScroll: g,
+var B = ({ label: e, maxHeight: l, onOpenChange: g, open: m, title: n, trigger: t, children: d, preventScroll: p, scrollBehavior: r, showScrollGradient: k, size: D }) => /* @__PURE__ */ a(f, {
+  open: m,
+  preventScroll: p,
   scrollBehavior: r,
-  showScrollGradient: s,
-  size: c
-}) => /* @__PURE__ */ a(
-  D,
-  {
-    open: n,
-    preventScroll: g,
+  size: D,
+  onOpenChange: g,
+  children: [t && /* @__PURE__ */ o(i.Trigger, {
+    asChild: !0,
+    children: t
+  }), /* @__PURE__ */ a(s, { children: [/* @__PURE__ */ o(i.Backdrop, {}), /* @__PURE__ */ o(i.Positioner, { children: /* @__PURE__ */ o(c, {
+    label: e,
+    maxHeight: l,
     scrollBehavior: r,
-    size: c,
-    onOpenChange: m,
-    children: [
-      t && /* @__PURE__ */ o(i.Trigger, { asChild: !0, children: t }),
-      /* @__PURE__ */ a(f, { children: [
-        /* @__PURE__ */ o(i.Backdrop, {}),
-        /* @__PURE__ */ o(i.Positioner, { children: /* @__PURE__ */ o(
-          k,
-          {
-            label: e,
-            maxHeight: l,
-            scrollBehavior: r,
-            showScrollGradient: s,
-            title: d,
-            children: p
-          }
-        ) })
-      ] })
-    ]
-  }
-);
-i.ActionTrigger;
-i.Footer;
-h.displayName = "BitkitDialog";
+    showScrollGradient: k,
+    title: n,
+    children: d
+  }) })] })]
+}), v = i.ActionTrigger, A = i.Footer;
+B.displayName = "BitkitDialog";
 export {
-  h as default
+  B as default
 };

package/dist/components/BitkitDialog/BitkitDialogBody.js

@@ -1,51 +1,54 @@
-import { jsx as t, jsxs as u, Fragment as p } from "react/jsx-runtime";
-import { Box as d } from "@chakra-ui/react/box";
-import { Dialog as f, useDialogContext as y } from "@chakra-ui/react/dialog";
-import { useSlotRecipe as g, chakra as S } from "@chakra-ui/react/styled-system";
-import { useContext as m, createContext as v, useRef as x, useState as C, useCallback as D, useEffect as k } from "react";
-import w from "../../icons/IconArrowDown.js";
-const B = v({
+import v from "../../icons/IconArrowDown.js";
+import { Box as u } from "@chakra-ui/react/box";
+import { chakra as p, useSlotRecipe as y } from "@chakra-ui/react/styled-system";
+import { createContext as g, useCallback as S, useContext as f, useEffect as x, useRef as C, useState as D } from "react";
+import { Fragment as k, jsx as t, jsxs as d } from "react/jsx-runtime";
+import { Dialog as m, useDialogContext as w } from "@chakra-ui/react/dialog";
+var B = g({
   scrollBehavior: "outside",
   showScrollGradient: !0
-}), R = ({ children: r, ...n }) => {
-  const { showScrollGradient: b } = m(B), c = g({ key: "dialog" })({}), { open: i } = y(), e = x(null), [h, a] = C(!1), s = D(() => {
+}), R = ({ children: r, ...s }) => {
+  const { showScrollGradient: b } = f(B), n = y({ key: "dialog" })({}), { open: c } = w(), e = C(null), [h, i] = D(!1), l = S(() => {
     const o = e.current;
     if (!o) {
-      a(!1);
+      i(!1);
       return;
     }
-    const l = o.scrollTop >= o.scrollHeight - o.offsetHeight - 1;
-    a(!l);
+    i(!(o.scrollTop >= o.scrollHeight - o.offsetHeight - 1));
   }, []);
-  return k(() => {
+  return x(() => {
     const o = e.current;
-    if (!i || !o) return;
-    o.addEventListener("scroll", s);
-    const l = new ResizeObserver(s);
-    return l.observe(o), () => {
-      o.removeEventListener("scroll", s), l.disconnect();
+    if (!c || !o) return;
+    o.addEventListener("scroll", l);
+    const a = new ResizeObserver(l);
+    return a.observe(o), () => {
+      o.removeEventListener("scroll", l), a.disconnect();
     };
-  }, [i, s]), /* @__PURE__ */ u(d, { css: c.scrollBody, children: [
-    /* @__PURE__ */ t(f.Body, { ref: e, ...n, children: r }),
-    h && /* @__PURE__ */ u(p, { children: [
-      b && /* @__PURE__ */ t(d, { css: c.scrollGradient }),
-      /* @__PURE__ */ t(
-        S.button,
-        {
-          "aria-label": "Scroll to bottom",
-          css: c.scrollButton,
-          type: "button",
-          onClick: () => {
-            e.current?.scrollTo({ top: e.current.scrollHeight, behavior: "smooth" });
-          },
-          children: /* @__PURE__ */ t(w, { color: "icon/tertiary", size: "16" })
-        }
-      )
-    ] })
-  ] });
+  }, [c, l]), /* @__PURE__ */ d(u, {
+    css: n.scrollBody,
+    children: [/* @__PURE__ */ t(m.Body, {
+      ref: e,
+      ...s,
+      children: r
+    }), h && /* @__PURE__ */ d(k, { children: [b && /* @__PURE__ */ t(u, { css: n.scrollGradient }), /* @__PURE__ */ t(p.button, {
+      "aria-label": "Scroll to bottom",
+      css: n.scrollButton,
+      type: "button",
+      onClick: () => {
+        e.current?.scrollTo({
+          top: e.current.scrollHeight,
+          behavior: "smooth"
+        });
+      },
+      children: /* @__PURE__ */ t(v, {
+        color: "icon/tertiary",
+        size: "16"
+      })
+    })] })]
+  });
 }, I = (r) => {
-  const { scrollBehavior: n } = m(B);
-  return n === "inside" ? /* @__PURE__ */ t(R, { ...r }) : /* @__PURE__ */ t(f.Body, { ...r });
+  const { scrollBehavior: s } = f(B);
+  return s === "inside" ? /* @__PURE__ */ t(R, { ...r }) : /* @__PURE__ */ t(m.Body, { ...r });
 };
 export {
   B as DialogBodyContext,