@homebound/beam 2.386.0 → 2.387.1

package/dist/index.d.cts

@@ -6044,6 +6044,7 @@ interface AccordionProps<X = AccordionXss> {
      * Allows multiple accordions to be expanded simultaneously (enabled by default)
      */
     index?: number;
+    onToggle?: VoidFunction;
     setExpandedIndex?: Dispatch<SetStateAction<number | undefined>>;
     /** Turns the title into a button. If provided, disables expand/collapse on title text */
     titleOnClick?: VoidFunction;

package/dist/index.d.ts

@@ -6044,6 +6044,7 @@ interface AccordionProps<X = AccordionXss> {
      * Allows multiple accordions to be expanded simultaneously (enabled by default)
      */
     index?: number;
+    onToggle?: VoidFunction;
     setExpandedIndex?: Dispatch<SetStateAction<number | undefined>>;
     /** Turns the title into a button. If provided, disables expand/collapse on title text */
     titleOnClick?: VoidFunction;

package/dist/index.js

@@ -13494,6 +13494,7 @@ function Accordion(props) {
     index,
     setExpandedIndex,
     titleOnClick,
+    onToggle,
     omitPadding = false,
     xss
   } = props;
@@ -13518,7 +13519,8 @@ function Accordion(props) {
   const toggle = useCallback13(() => {
     setExpanded((prev) => !prev);
     if (setExpandedIndex) setExpandedIndex(index);
-  }, [index, setExpandedIndex]);
+    if (onToggle) onToggle();
+  }, [index, setExpandedIndex, onToggle]);
   const touchableStyle = useMemo22(
     () => ({
       ...Css.df.jcsb.gapPx(12).aic.p2.baseMd.outline("none").onHover.bgGray100.if(!!titleOnClick).baseSb.$,
@@ -16957,11 +16959,9 @@ function ScrollShadows(props) {
       setShowStartShadow(start > 0);
       setShowEndShadow(start + boxSize < end);
     },
-    // TODO: validate this eslint-disable. It was automatically ignored as part of https://app.shortcut.com/homebound-team/story/40033/enable-react-hooks-exhaustive-deps-for-react-projects
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    []
+    [horizontal]
   );
-  const onResize = useCallback21(() => scrollRef.current && updateScrollProps(scrollRef.current), []);
+  const onResize = useCallback21(() => scrollRef.current && updateScrollProps(scrollRef.current), [updateScrollProps]);
   useResizeObserver5({ ref: scrollRef, onResize });
   return /* @__PURE__ */ jsxs71(
     "div",
@@ -16969,8 +16969,8 @@ function ScrollShadows(props) {
       css: Css.relative.oh.h(height).w(width).df.fd(!horizontal ? "column" : "row").$,
       ...tid,
       children: [
-        showStartShadow && /* @__PURE__ */ jsx152("div", { css: startShadowStyles }),
-        showEndShadow && /* @__PURE__ */ jsx152("div", { css: endShadowStyles }),
+        /* @__PURE__ */ jsx152("div", { css: { ...startShadowStyles, opacity: showStartShadow ? 1 : 0 }, "data-chromatic": "ignore" }),
+        /* @__PURE__ */ jsx152("div", { css: { ...endShadowStyles, opacity: showEndShadow ? 1 : 0 }, "data-chromatic": "ignore" }),
         /* @__PURE__ */ jsx152(
           "div",
           {