@codecademy/gamut 72.2.3-alpha.f0a032.0 → 72.2.3-alpha.f7288b.0

package/dist/Tip/shared/InlineTip.js

@@ -1,3 +1,4 @@
+import { useCallback, useState } from 'react';
 import { InfoTipContainer } from '../InfoTip/styles';
 import { PreviewTipContents, PreviewTipShadow } from '../PreviewTip/elements';
 import { ToolTipContainer } from '../ToolTip/elements';
@@ -9,6 +10,7 @@ export const InlineTip = ({
   alignment,
   avatar,
   children,
+  closeOnClick,
   escapeKeyPressHandler,
   id,
   inheritDims,
@@ -25,13 +27,28 @@ export const InlineTip = ({
   zIndex
 }) => {
   const isHoverType = type === 'tool' || type === 'preview';
+  const [isDismissed, setIsDismissed] = useState(false);
+  const handleClick = useCallback(() => {
+    if (closeOnClick) setIsDismissed(true);
+  }, [closeOnClick]);
+  const handleUndismissed = useCallback(() => setIsDismissed(false), []);
+
+  // Skip synthetic enter/leave fired when a child changes visibility (relatedTarget stays inside the wrapper).
+  const handleMouseEnterAndLeave = useCallback(e => {
+    const related = e.relatedTarget;
+    if (related instanceof Node && e.currentTarget.contains(related)) return;
+    setIsDismissed(false);
+  }, []);
   const InlineTipWrapper = isHoverType ? ToolTipWrapper : InfoTipWrapper;
   const InlineTipBodyWrapper = isHoverType ? ToolTipContainer : InfoTipContainer;
-  const inlineWrapperProps = isHoverType ? {} : {
+  const inlineWrapperProps = isHoverType ? {
+    'data-tooltip-body': ''
+  } : {
     hideTip: isTipHidden
   };
   const tipWrapperProps = isHoverType ? {
-    inheritDims
+    inheritDims,
+    dismissed: isDismissed
   } : {};
   const tipBodyAlignment = getAlignmentStyles({
     alignment,
@@ -43,6 +60,8 @@ export const InlineTip = ({
     height: inheritDims ? 'inherit' : undefined,
     ref: wrapperRef,
     width: inheritDims ? 'inherit' : undefined,
+    onBlur: isHoverType ? handleUndismissed : undefined,
+    onClick: isHoverType ? handleClick : undefined,
     onKeyDown: escapeKeyPressHandler,
     children: children
   });
@@ -78,6 +97,8 @@ export const InlineTip = ({
   });
   return /*#__PURE__*/_jsx(InlineTipWrapper, {
     ...tipWrapperProps,
+    onMouseEnter: isHoverType ? handleMouseEnterAndLeave : undefined,
+    onMouseLeave: isHoverType ? handleMouseEnterAndLeave : undefined,
     children: alignment.includes('top') ? /*#__PURE__*/_jsxs(_Fragment, {
       children: [tipBody, target]
     }) : /*#__PURE__*/_jsxs(_Fragment, {

package/dist/Tip/shared/elements.d.ts

@@ -11,7 +11,7 @@ export declare const ToolTipWrapper: import("@emotion/styled").StyledComponent<{
     as?: React.ElementType;
 } & Partial<Record<"inheritDims", boolean>> & {
     theme?: import("@emotion/react").Theme;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & Partial<Record<"dismissed", boolean>>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const InfoTipWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;

package/dist/Tip/shared/elements.js

@@ -30,30 +30,39 @@ const inlineTipStates = states({
     width: 'inherit'
   }
 });
+const toolTipWrapperStates = states({
+  dismissed: {
+    '&:hover > [data-tooltip-body], &:has(:focus-visible) > [data-tooltip-body]': {
+      opacity: 0,
+      visibility: 'hidden',
+      transition: 'none'
+    }
+  }
+});
 export const FloatingTipTextWrapper = /*#__PURE__*/_styled(FlexBox, {
   target: "eh9y8s85",
   label: "FloatingTipTextWrapper"
 })(css({
   flexDirection: 'column',
   overflowWrap: 'break-word'
-}), floatingTipTextStates, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaXAvc2hhcmVkL2VsZW1lbnRzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ3NDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UaXAvc2hhcmVkL2VsZW1lbnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgc3RhdGVzLCB0aW1pbmcgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQm94LCBGbGV4Qm94IH0gZnJvbSAnLi4vLi4vQm94JztcbmltcG9ydCB7IFNlbGVjdG9ycyB9IGZyb20gJy4uLy4uL0J1dHRvbkJhc2UvQnV0dG9uQmFzZSc7XG5pbXBvcnQgeyBQb3BvdmVyIH0gZnJvbSAnLi4vLi4vUG9wb3Zlcic7XG5pbXBvcnQge1xuICBpbmxpbmVUb29sVGlwQm9keUFsaWdubWVudHMsXG4gIG5hcnJvd1dpZHRoLFxuICB0b29sVGlwQm9keUNzcyxcbiAgdG9vbHRpcENlbnRlcmVkUGFkZGluZyxcbiAgdG9vbFRpcFdpZHRoUmVzdHJpY3Rpb25zLFxufSBmcm9tICcuL3N0eWxlcy9zdHlsZXMnO1xuXG5jb25zdCB0aXBXcmFwcGVyU3R5bGVzID0ge1xuICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgZGlzcGxheTogJ2lubGluZS1mbGV4JyxcbiAgb3ZlcmZsb3dXcmFwOiAnYnJlYWstd29yZCcsXG59IGFzIGNvbnN0O1xuXG5jb25zdCBmbG9hdGluZ1RpcFRleHRTdGF0ZXMgPSBzdGF0ZXMoe1xuICBpc0hvdmVyVHlwZTogeyBhbGlnbkl0ZW1zOiAnZmxleFN0YXJ0JyB9LFxuICAvKlxuICAgKiBTdWJ0cmFjdCAyeCBwYWRkaW5nIHRvIGFjY291bnQgZm9yIHRoZSBwYWRkaW5nIHdpdGhpblxuICAgKiB0aGUgdG9vbHRpcCBzaW5jZSB0aGlzIGlzIHRoZSBpbm5lciB0ZXh0IHdyYXBwZXJcbiAgICovXG4gIG5hcnJvdzogeyB3aWR0aDogbmFycm93V2lkdGggLSB0b29sdGlwQ2VudGVyZWRQYWRkaW5nICogMiB9LFxuICBob3Jpek5hcnJvdzogeyBtYXhXaWR0aDogbmFycm93V2lkdGggLSB0b29sdGlwQ2VudGVyZWRQYWRkaW5nICogMiB9LFxufSk7XG5cbmNvbnN0IGlubGluZVRpcFN0YXRlcyA9IHN0YXRlcyh7XG4gIGluaGVyaXREaW1zOiB7IGhlaWdodDogJ2luaGVyaXQnLCB3aWR0aDogJ2luaGVyaXQnIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IEZsb2F0aW5nVGlwVGV4dFdyYXBwZXIgPSBzdHlsZWQoRmxleEJveCk8XG4gIFN0eWxlUHJvcHM8dHlwZW9mIGZsb2F0aW5nVGlwVGV4dFN0YXRlcz5cbj4oXG4gIGNzcyh7XG4gICAgZmxleERpcmVjdGlvbjogJ2NvbHVtbicsXG4gICAgb3ZlcmZsb3dXcmFwOiAnYnJlYWstd29yZCcsXG4gIH0pLFxuICBmbG9hdGluZ1RpcFRleHRTdGF0ZXNcbik7XG5cbmV4cG9ydCBjb25zdCBUb29sVGlwV3JhcHBlciA9IHN0eWxlZC5kaXY8U3R5bGVQcm9wczx0eXBlb2YgaW5saW5lVGlwU3RhdGVzPj4oXG4gIGNzcyh7XG4gICAgJyY6aG92ZXIgPiBkaXYsICY6Zm9jdXMtd2l0aGluID4gZGl2Jzoge1xuICAgICAgb3BhY2l0eTogMSxcbiAgICAgIHRyYW5zaXRpb246IGBvcGFjaXR5ICR7dGltaW5nLmZhc3R9ICR7dGltaW5nLmJhc2V9YCxcbiAgICAgIHZpc2liaWxpdHk6ICd2aXNpYmxlJyxcbiAgICB9LFxuICAgIC4uLnRpcFdyYXBwZXJTdHlsZXMsXG4gIH0pLFxuICBpbmxpbmVUaXBTdGF0ZXNcbik7XG5cbmV4cG9ydCBjb25zdCBJbmZvVGlwV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gIGNzcyh7XG4gICAgLi4udGlwV3JhcHBlclN0eWxlcyxcbiAgfSlcbik7XG5cbmVudW0gVGFyZ2V0U2VsZWN0b3JzIHtcbiAgT1VUTElORSA9ICcmOmJlZm9yZScsXG4gIE9VVExJTkVfRk9DVVNfVklTSUJMRSA9ICcmOmZvY3VzLXZpc2libGU6YmVmb3JlJyxcbn1cblxuZXhwb3J0IGNvbnN0IFRhcmdldENvbnRhaW5lciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgIGJvcmRlcjogJ25vbmUnLFxuICAgIGJhY2tncm91bmQ6ICdub25lJyxcbiAgICBwYWRkaW5nOiAwLFxuICAgIFtTZWxlY3RvcnMuRk9DVVNfVklTSUJMRV06IHtcbiAgICAgIG91dGxpbmU6ICdub25lJyxcbiAgICB9LFxuICAgIFtUYXJnZXRTZWxlY3RvcnMuT1VUTElORV06IHtcbiAgICAgIGNvbnRlbnQ6IFwiJydcIixcbiAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgaW5zZXQ6IC0yLFxuICAgICAgYm9yZGVyUmFkaXVzOiAnbWQnLFxuICAgICAgYm9yZGVyOiAyLFxuICAgICAgYm9yZGVyQ29sb3I6ICdwcmltYXJ5JyxcbiAgICAgIG9wYWNpdHk6IDAsXG4gICAgICB6SW5kZXg6IDAsXG4gICAgfSxcbiAgICBbVGFyZ2V0U2VsZWN0b3JzLk9VVExJTkVfRk9DVVNfVklTSUJMRV06IHtcbiAgICAgIG9wYWNpdHk6IDEsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IGlubGluZVRpcEJvZHlTdGF0ZXMgPSBzdGF0ZXMoe1xuICBob3Jpek5hcnJvdzogeyBtYXhXaWR0aDogbmFycm93V2lkdGggfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgVGlwQm9keSA9IHN0eWxlZChCb3gpPFxuICBTdHlsZVByb3BzPHR5cGVvZiBpbmxpbmVUb29sVGlwQm9keUFsaWdubWVudHM+ICZcbiAgICBTdHlsZVByb3BzPHR5cGVvZiBpbmxpbmVUaXBCb2R5U3RhdGVzPlxuPihjc3MoeyAuLi50b29sVGlwQm9keUNzcyB9KSwgaW5saW5lVG9vbFRpcEJvZHlBbGlnbm1lbnRzLCBpbmxpbmVUaXBCb2R5U3RhdGVzKTtcblxuZXhwb3J0IGNvbnN0IEZsb2F0aW5nVGlwQm9keSA9IHN0eWxlZChQb3BvdmVyKTxcbiAgU3R5bGVQcm9wczx0eXBlb2YgdG9vbFRpcFdpZHRoUmVzdHJpY3Rpb25zPlxuPih0b29sVGlwV2lkdGhSZXN0cmljdGlvbnMpO1xuIl19 */");
+}), floatingTipTextStates, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaXAvc2hhcmVkL2VsZW1lbnRzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4Q3NDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UaXAvc2hhcmVkL2VsZW1lbnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgc3RhdGVzLCB0aW1pbmcgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQm94LCBGbGV4Qm94IH0gZnJvbSAnLi4vLi4vQm94JztcbmltcG9ydCB7IFNlbGVjdG9ycyB9IGZyb20gJy4uLy4uL0J1dHRvbkJhc2UvQnV0dG9uQmFzZSc7XG5pbXBvcnQgeyBQb3BvdmVyIH0gZnJvbSAnLi4vLi4vUG9wb3Zlcic7XG5pbXBvcnQge1xuICBpbmxpbmVUb29sVGlwQm9keUFsaWdubWVudHMsXG4gIG5hcnJvd1dpZHRoLFxuICB0b29sVGlwQm9keUNzcyxcbiAgdG9vbHRpcENlbnRlcmVkUGFkZGluZyxcbiAgdG9vbFRpcFdpZHRoUmVzdHJpY3Rpb25zLFxufSBmcm9tICcuL3N0eWxlcy9zdHlsZXMnO1xuXG5jb25zdCB0aXBXcmFwcGVyU3R5bGVzID0ge1xuICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgZGlzcGxheTogJ2lubGluZS1mbGV4JyxcbiAgb3ZlcmZsb3dXcmFwOiAnYnJlYWstd29yZCcsXG59IGFzIGNvbnN0O1xuXG5jb25zdCBmbG9hdGluZ1RpcFRleHRTdGF0ZXMgPSBzdGF0ZXMoe1xuICBpc0hvdmVyVHlwZTogeyBhbGlnbkl0ZW1zOiAnZmxleFN0YXJ0JyB9LFxuICAvKlxuICAgKiBTdWJ0cmFjdCAyeCBwYWRkaW5nIHRvIGFjY291bnQgZm9yIHRoZSBwYWRkaW5nIHdpdGhpblxuICAgKiB0aGUgdG9vbHRpcCBzaW5jZSB0aGlzIGlzIHRoZSBpbm5lciB0ZXh0IHdyYXBwZXJcbiAgICovXG4gIG5hcnJvdzogeyB3aWR0aDogbmFycm93V2lkdGggLSB0b29sdGlwQ2VudGVyZWRQYWRkaW5nICogMiB9LFxuICBob3Jpek5hcnJvdzogeyBtYXhXaWR0aDogbmFycm93V2lkdGggLSB0b29sdGlwQ2VudGVyZWRQYWRkaW5nICogMiB9LFxufSk7XG5cbmNvbnN0IGlubGluZVRpcFN0YXRlcyA9IHN0YXRlcyh7XG4gIGluaGVyaXREaW1zOiB7IGhlaWdodDogJ2luaGVyaXQnLCB3aWR0aDogJ2luaGVyaXQnIH0sXG59KTtcblxuY29uc3QgdG9vbFRpcFdyYXBwZXJTdGF0ZXMgPSBzdGF0ZXMoe1xuICBkaXNtaXNzZWQ6IHtcbiAgICAnJjpob3ZlciA+IFtkYXRhLXRvb2x0aXAtYm9keV0sICY6aGFzKDpmb2N1cy12aXNpYmxlKSA+IFtkYXRhLXRvb2x0aXAtYm9keV0nOlxuICAgICAge1xuICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICB2aXNpYmlsaXR5OiAnaGlkZGVuJyxcbiAgICAgICAgdHJhbnNpdGlvbjogJ25vbmUnLFxuICAgICAgfSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgRmxvYXRpbmdUaXBUZXh0V3JhcHBlciA9IHN0eWxlZChGbGV4Qm94KTxcbiAgU3R5bGVQcm9wczx0eXBlb2YgZmxvYXRpbmdUaXBUZXh0U3RhdGVzPlxuPihcbiAgY3NzKHtcbiAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcbiAgICBvdmVyZmxvd1dyYXA6ICdicmVhay13b3JkJyxcbiAgfSksXG4gIGZsb2F0aW5nVGlwVGV4dFN0YXRlc1xuKTtcblxuZXhwb3J0IGNvbnN0IFRvb2xUaXBXcmFwcGVyID0gc3R5bGVkLmRpdjxcbiAgU3R5bGVQcm9wczx0eXBlb2YgaW5saW5lVGlwU3RhdGVzPiAmIFN0eWxlUHJvcHM8dHlwZW9mIHRvb2xUaXBXcmFwcGVyU3RhdGVzPlxuPihcbiAgY3NzKHtcbiAgICAnJjpob3ZlciA+IFtkYXRhLXRvb2x0aXAtYm9keV0sICY6aGFzKDpmb2N1cy12aXNpYmxlKSA+IFtkYXRhLXRvb2x0aXAtYm9keV0nOlxuICAgICAge1xuICAgICAgICBvcGFjaXR5OiAxLFxuICAgICAgICB0cmFuc2l0aW9uOiBgb3BhY2l0eSAke3RpbWluZy5mYXN0fSAke3RpbWluZy5iYXNlfWAsXG4gICAgICAgIHZpc2liaWxpdHk6ICd2aXNpYmxlJyxcbiAgICAgIH0sXG4gICAgLi4udGlwV3JhcHBlclN0eWxlcyxcbiAgfSksXG4gIGlubGluZVRpcFN0YXRlcyxcbiAgdG9vbFRpcFdyYXBwZXJTdGF0ZXNcbik7XG5cbmV4cG9ydCBjb25zdCBJbmZvVGlwV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gIGNzcyh7XG4gICAgLi4udGlwV3JhcHBlclN0eWxlcyxcbiAgfSlcbik7XG5cbmVudW0gVGFyZ2V0U2VsZWN0b3JzIHtcbiAgT1VUTElORSA9ICcmOmJlZm9yZScsXG4gIE9VVExJTkVfRk9DVVNfVklTSUJMRSA9ICcmOmZvY3VzLXZpc2libGU6YmVmb3JlJyxcbn1cblxuZXhwb3J0IGNvbnN0IFRhcmdldENvbnRhaW5lciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgIGJvcmRlcjogJ25vbmUnLFxuICAgIGJhY2tncm91bmQ6ICdub25lJyxcbiAgICBwYWRkaW5nOiAwLFxuICAgIFtTZWxlY3RvcnMuRk9DVVNfVklTSUJMRV06IHtcbiAgICAgIG91dGxpbmU6ICdub25lJyxcbiAgICB9LFxuICAgIFtUYXJnZXRTZWxlY3RvcnMuT1VUTElORV06IHtcbiAgICAgIGNvbnRlbnQ6IFwiJydcIixcbiAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgaW5zZXQ6IC0yLFxuICAgICAgYm9yZGVyUmFkaXVzOiAnbWQnLFxuICAgICAgYm9yZGVyOiAyLFxuICAgICAgYm9yZGVyQ29sb3I6ICdwcmltYXJ5JyxcbiAgICAgIG9wYWNpdHk6IDAsXG4gICAgICB6SW5kZXg6IDAsXG4gICAgfSxcbiAgICBbVGFyZ2V0U2VsZWN0b3JzLk9VVExJTkVfRk9DVVNfVklTSUJMRV06IHtcbiAgICAgIG9wYWNpdHk6IDEsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IGlubGluZVRpcEJvZHlTdGF0ZXMgPSBzdGF0ZXMoe1xuICBob3Jpek5hcnJvdzogeyBtYXhXaWR0aDogbmFycm93V2lkdGggfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgVGlwQm9keSA9IHN0eWxlZChCb3gpPFxuICBTdHlsZVByb3BzPHR5cGVvZiBpbmxpbmVUb29sVGlwQm9keUFsaWdubWVudHM+ICZcbiAgICBTdHlsZVByb3BzPHR5cGVvZiBpbmxpbmVUaXBCb2R5U3RhdGVzPlxuPihjc3MoeyAuLi50b29sVGlwQm9keUNzcyB9KSwgaW5saW5lVG9vbFRpcEJvZHlBbGlnbm1lbnRzLCBpbmxpbmVUaXBCb2R5U3RhdGVzKTtcblxuZXhwb3J0IGNvbnN0IEZsb2F0aW5nVGlwQm9keSA9IHN0eWxlZChQb3BvdmVyKTxcbiAgU3R5bGVQcm9wczx0eXBlb2YgdG9vbFRpcFdpZHRoUmVzdHJpY3Rpb25zPlxuPih0b29sVGlwV2lkdGhSZXN0cmljdGlvbnMpO1xuIl19 */");
 export const ToolTipWrapper = /*#__PURE__*/_styled("div", {
   target: "eh9y8s84",
   label: "ToolTipWrapper"
 })(css({
-  '&:hover > div, &:focus-within > div': {
+  '&:hover > [data-tooltip-body], &:has(:focus-visible) > [data-tooltip-body]': {
     opacity: 1,
     transition: `opacity ${timing.fast} ${timing.base}`,
     visibility: 'visible'
   },
   ...tipWrapperStyles
-}), inlineTipStates, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaXAvc2hhcmVkL2VsZW1lbnRzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QzhCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UaXAvc2hhcmVkL2VsZW1lbnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgc3RhdGVzLCB0aW1pbmcgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQm94LCBGbGV4Qm94IH0gZnJvbSAnLi4vLi4vQm94JztcbmltcG9ydCB7IFNlbGVjdG9ycyB9IGZyb20gJy4uLy4uL0J1dHRvbkJhc2UvQnV0dG9uQmFzZSc7XG5pbXBvcnQgeyBQb3BvdmVyIH0gZnJvbSAnLi4vLi4vUG9wb3Zlcic7XG5pbXBvcnQge1xuICBpbmxpbmVUb29sVGlwQm9keUFsaWdubWVudHMsXG4gIG5hcnJvd1dpZHRoLFxuICB0b29sVGlwQm9keUNzcyxcbiAgdG9vbHRpcENlbnRlcmVkUGFkZGluZyxcbiAgdG9vbFRpcFdpZHRoUmVzdHJpY3Rpb25zLFxufSBmcm9tICcuL3N0eWxlcy9zdHlsZXMnO1xuXG5jb25zdCB0aXBXcmFwcGVyU3R5bGVzID0ge1xuICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgZGlzcGxheTogJ2lubGluZS1mbGV4JyxcbiAgb3ZlcmZsb3dXcmFwOiAnYnJlYWstd29yZCcsXG59IGFzIGNvbnN0O1xuXG5jb25zdCBmbG9hdGluZ1RpcFRleHRTdGF0ZXMgPSBzdGF0ZXMoe1xuICBpc0hvdmVyVHlwZTogeyBhbGlnbkl0ZW1zOiAnZmxleFN0YXJ0JyB9LFxuICAvKlxuICAgKiBTdWJ0cmFjdCAyeCBwYWRkaW5nIHRvIGFjY291bnQgZm9yIHRoZSBwYWRkaW5nIHdpdGhpblxuICAgKiB0aGUgdG9vbHRpcCBzaW5jZSB0aGlzIGlzIHRoZSBpbm5lciB0ZXh0IHdyYXBwZXJcbiAgICovXG4gIG5hcnJvdzogeyB3aWR0aDogbmFycm93V2lkdGggLSB0b29sdGlwQ2VudGVyZWRQYWRkaW5nICogMiB9LFxuICBob3Jpek5hcnJvdzogeyBtYXhXaWR0aDogbmFycm93V2lkdGggLSB0b29sdGlwQ2VudGVyZWRQYWRkaW5nICogMiB9LFxufSk7XG5cbmNvbnN0IGlubGluZVRpcFN0YXRlcyA9IHN0YXRlcyh7XG4gIGluaGVyaXREaW1zOiB7IGhlaWdodDogJ2luaGVyaXQnLCB3aWR0aDogJ2luaGVyaXQnIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IEZsb2F0aW5nVGlwVGV4dFdyYXBwZXIgPSBzdHlsZWQoRmxleEJveCk8XG4gIFN0eWxlUHJvcHM8dHlwZW9mIGZsb2F0aW5nVGlwVGV4dFN0YXRlcz5cbj4oXG4gIGNzcyh7XG4gICAgZmxleERpcmVjdGlvbjogJ2NvbHVtbicsXG4gICAgb3ZlcmZsb3dXcmFwOiAnYnJlYWstd29yZCcsXG4gIH0pLFxuICBmbG9hdGluZ1RpcFRleHRTdGF0ZXNcbik7XG5cbmV4cG9ydCBjb25zdCBUb29sVGlwV3JhcHBlciA9IHN0eWxlZC5kaXY8U3R5bGVQcm9wczx0eXBlb2YgaW5saW5lVGlwU3RhdGVzPj4oXG4gIGNzcyh7XG4gICAgJyY6aG92ZXIgPiBkaXYsICY6Zm9jdXMtd2l0aGluID4gZGl2Jzoge1xuICAgICAgb3BhY2l0eTogMSxcbiAgICAgIHRyYW5zaXRpb246IGBvcGFjaXR5ICR7dGltaW5nLmZhc3R9ICR7dGltaW5nLmJhc2V9YCxcbiAgICAgIHZpc2liaWxpdHk6ICd2aXNpYmxlJyxcbiAgICB9LFxuICAgIC4uLnRpcFdyYXBwZXJTdHlsZXMsXG4gIH0pLFxuICBpbmxpbmVUaXBTdGF0ZXNcbik7XG5cbmV4cG9ydCBjb25zdCBJbmZvVGlwV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gIGNzcyh7XG4gICAgLi4udGlwV3JhcHBlclN0eWxlcyxcbiAgfSlcbik7XG5cbmVudW0gVGFyZ2V0U2VsZWN0b3JzIHtcbiAgT1VUTElORSA9ICcmOmJlZm9yZScsXG4gIE9VVExJTkVfRk9DVVNfVklTSUJMRSA9ICcmOmZvY3VzLXZpc2libGU6YmVmb3JlJyxcbn1cblxuZXhwb3J0IGNvbnN0IFRhcmdldENvbnRhaW5lciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgIGJvcmRlcjogJ25vbmUnLFxuICAgIGJhY2tncm91bmQ6ICdub25lJyxcbiAgICBwYWRkaW5nOiAwLFxuICAgIFtTZWxlY3RvcnMuRk9DVVNfVklTSUJMRV06IHtcbiAgICAgIG91dGxpbmU6ICdub25lJyxcbiAgICB9LFxuICAgIFtUYXJnZXRTZWxlY3RvcnMuT1VUTElORV06IHtcbiAgICAgIGNvbnRlbnQ6IFwiJydcIixcbiAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgaW5zZXQ6IC0yLFxuICAgICAgYm9yZGVyUmFkaXVzOiAnbWQnLFxuICAgICAgYm9yZGVyOiAyLFxuICAgICAgYm9yZGVyQ29sb3I6ICdwcmltYXJ5JyxcbiAgICAgIG9wYWNpdHk6IDAsXG4gICAgICB6SW5kZXg6IDAsXG4gICAgfSxcbiAgICBbVGFyZ2V0U2VsZWN0b3JzLk9VVExJTkVfRk9DVVNfVklTSUJMRV06IHtcbiAgICAgIG9wYWNpdHk6IDEsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IGlubGluZVRpcEJvZHlTdGF0ZXMgPSBzdGF0ZXMoe1xuICBob3Jpek5hcnJvdzogeyBtYXhXaWR0aDogbmFycm93V2lkdGggfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgVGlwQm9keSA9IHN0eWxlZChCb3gpPFxuICBTdHlsZVByb3BzPHR5cGVvZiBpbmxpbmVUb29sVGlwQm9keUFsaWdubWVudHM+ICZcbiAgICBTdHlsZVByb3BzPHR5cGVvZiBpbmxpbmVUaXBCb2R5U3RhdGVzPlxuPihjc3MoeyAuLi50b29sVGlwQm9keUNzcyB9KSwgaW5saW5lVG9vbFRpcEJvZHlBbGlnbm1lbnRzLCBpbmxpbmVUaXBCb2R5U3RhdGVzKTtcblxuZXhwb3J0IGNvbnN0IEZsb2F0aW5nVGlwQm9keSA9IHN0eWxlZChQb3BvdmVyKTxcbiAgU3R5bGVQcm9wczx0eXBlb2YgdG9vbFRpcFdpZHRoUmVzdHJpY3Rpb25zPlxuPih0b29sVGlwV2lkdGhSZXN0cmljdGlvbnMpO1xuIl19 */");
+}), inlineTipStates, toolTipWrapperStates, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaXAvc2hhcmVkL2VsZW1lbnRzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RDhCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UaXAvc2hhcmVkL2VsZW1lbnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgc3RhdGVzLCB0aW1pbmcgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQm94LCBGbGV4Qm94IH0gZnJvbSAnLi4vLi4vQm94JztcbmltcG9ydCB7IFNlbGVjdG9ycyB9IGZyb20gJy4uLy4uL0J1dHRvbkJhc2UvQnV0dG9uQmFzZSc7XG5pbXBvcnQgeyBQb3BvdmVyIH0gZnJvbSAnLi4vLi4vUG9wb3Zlcic7XG5pbXBvcnQge1xuICBpbmxpbmVUb29sVGlwQm9keUFsaWdubWVudHMsXG4gIG5hcnJvd1dpZHRoLFxuICB0b29sVGlwQm9keUNzcyxcbiAgdG9vbHRpcENlbnRlcmVkUGFkZGluZyxcbiAgdG9vbFRpcFdpZHRoUmVzdHJpY3Rpb25zLFxufSBmcm9tICcuL3N0eWxlcy9zdHlsZXMnO1xuXG5jb25zdCB0aXBXcmFwcGVyU3R5bGVzID0ge1xuICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgZGlzcGxheTogJ2lubGluZS1mbGV4JyxcbiAgb3ZlcmZsb3dXcmFwOiAnYnJlYWstd29yZCcsXG59IGFzIGNvbnN0O1xuXG5jb25zdCBmbG9hdGluZ1RpcFRleHRTdGF0ZXMgPSBzdGF0ZXMoe1xuICBpc0hvdmVyVHlwZTogeyBhbGlnbkl0ZW1zOiAnZmxleFN0YXJ0JyB9LFxuICAvKlxuICAgKiBTdWJ0cmFjdCAyeCBwYWRkaW5nIHRvIGFjY291bnQgZm9yIHRoZSBwYWRkaW5nIHdpdGhpblxuICAgKiB0aGUgdG9vbHRpcCBzaW5jZSB0aGlzIGlzIHRoZSBpbm5lciB0ZXh0IHdyYXBwZXJcbiAgICovXG4gIG5hcnJvdzogeyB3aWR0aDogbmFycm93V2lkdGggLSB0b29sdGlwQ2VudGVyZWRQYWRkaW5nICogMiB9LFxuICBob3Jpek5hcnJvdzogeyBtYXhXaWR0aDogbmFycm93V2lkdGggLSB0b29sdGlwQ2VudGVyZWRQYWRkaW5nICogMiB9LFxufSk7XG5cbmNvbnN0IGlubGluZVRpcFN0YXRlcyA9IHN0YXRlcyh7XG4gIGluaGVyaXREaW1zOiB7IGhlaWdodDogJ2luaGVyaXQnLCB3aWR0aDogJ2luaGVyaXQnIH0sXG59KTtcblxuY29uc3QgdG9vbFRpcFdyYXBwZXJTdGF0ZXMgPSBzdGF0ZXMoe1xuICBkaXNtaXNzZWQ6IHtcbiAgICAnJjpob3ZlciA+IFtkYXRhLXRvb2x0aXAtYm9keV0sICY6aGFzKDpmb2N1cy12aXNpYmxlKSA+IFtkYXRhLXRvb2x0aXAtYm9keV0nOlxuICAgICAge1xuICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICB2aXNpYmlsaXR5OiAnaGlkZGVuJyxcbiAgICAgICAgdHJhbnNpdGlvbjogJ25vbmUnLFxuICAgICAgfSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgRmxvYXRpbmdUaXBUZXh0V3JhcHBlciA9IHN0eWxlZChGbGV4Qm94KTxcbiAgU3R5bGVQcm9wczx0eXBlb2YgZmxvYXRpbmdUaXBUZXh0U3RhdGVzPlxuPihcbiAgY3NzKHtcbiAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcbiAgICBvdmVyZmxvd1dyYXA6ICdicmVhay13b3JkJyxcbiAgfSksXG4gIGZsb2F0aW5nVGlwVGV4dFN0YXRlc1xuKTtcblxuZXhwb3J0IGNvbnN0IFRvb2xUaXBXcmFwcGVyID0gc3R5bGVkLmRpdjxcbiAgU3R5bGVQcm9wczx0eXBlb2YgaW5saW5lVGlwU3RhdGVzPiAmIFN0eWxlUHJvcHM8dHlwZW9mIHRvb2xUaXBXcmFwcGVyU3RhdGVzPlxuPihcbiAgY3NzKHtcbiAgICAnJjpob3ZlciA+IFtkYXRhLXRvb2x0aXAtYm9keV0sICY6aGFzKDpmb2N1cy12aXNpYmxlKSA+IFtkYXRhLXRvb2x0aXAtYm9keV0nOlxuICAgICAge1xuICAgICAgICBvcGFjaXR5OiAxLFxuICAgICAgICB0cmFuc2l0aW9uOiBgb3BhY2l0eSAke3RpbWluZy5mYXN0fSAke3RpbWluZy5iYXNlfWAsXG4gICAgICAgIHZpc2liaWxpdHk6ICd2aXNpYmxlJyxcbiAgICAgIH0sXG4gICAgLi4udGlwV3JhcHBlclN0eWxlcyxcbiAgfSksXG4gIGlubGluZVRpcFN0YXRlcyxcbiAgdG9vbFRpcFdyYXBwZXJTdGF0ZXNcbik7XG5cbmV4cG9ydCBjb25zdCBJbmZvVGlwV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gIGNzcyh7XG4gICAgLi4udGlwV3JhcHBlclN0eWxlcyxcbiAgfSlcbik7XG5cbmVudW0gVGFyZ2V0U2VsZWN0b3JzIHtcbiAgT1VUTElORSA9ICcmOmJlZm9yZScsXG4gIE9VVExJTkVfRk9DVVNfVklTSUJMRSA9ICcmOmZvY3VzLXZpc2libGU6YmVmb3JlJyxcbn1cblxuZXhwb3J0IGNvbnN0IFRhcmdldENvbnRhaW5lciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgIGJvcmRlcjogJ25vbmUnLFxuICAgIGJhY2tncm91bmQ6ICdub25lJyxcbiAgICBwYWRkaW5nOiAwLFxuICAgIFtTZWxlY3RvcnMuRk9DVVNfVklTSUJMRV06IHtcbiAgICAgIG91dGxpbmU6ICdub25lJyxcbiAgICB9LFxuICAgIFtUYXJnZXRTZWxlY3RvcnMuT1VUTElORV06IHtcbiAgICAgIGNvbnRlbnQ6IFwiJydcIixcbiAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgaW5zZXQ6IC0yLFxuICAgICAgYm9yZGVyUmFkaXVzOiAnbWQnLFxuICAgICAgYm9yZGVyOiAyLFxuICAgICAgYm9yZGVyQ29sb3I6ICdwcmltYXJ5JyxcbiAgICAgIG9wYWNpdHk6IDAsXG4gICAgICB6SW5kZXg6IDAsXG4gICAgfSxcbiAgICBbVGFyZ2V0U2VsZWN0b3JzLk9VVExJTkVfRk9DVVNfVklTSUJMRV06IHtcbiAgICAgIG9wYWNpdHk6IDEsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IGlubGluZVRpcEJvZHlTdGF0ZXMgPSBzdGF0ZXMoe1xuICBob3Jpek5hcnJvdzogeyBtYXhXaWR0aDogbmFycm93V2lkdGggfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgVGlwQm9keSA9IHN0eWxlZChCb3gpPFxuICBTdHlsZVByb3BzPHR5cGVvZiBpbmxpbmVUb29sVGlwQm9keUFsaWdubWVudHM+ICZcbiAgICBTdHlsZVByb3BzPHR5cGVvZiBpbmxpbmVUaXBCb2R5U3RhdGVzPlxuPihjc3MoeyAuLi50b29sVGlwQm9keUNzcyB9KSwgaW5saW5lVG9vbFRpcEJvZHlBbGlnbm1lbnRzLCBpbmxpbmVUaXBCb2R5U3RhdGVzKTtcblxuZXhwb3J0IGNvbnN0IEZsb2F0aW5nVGlwQm9keSA9IHN0eWxlZChQb3BvdmVyKTxcbiAgU3R5bGVQcm9wczx0eXBlb2YgdG9vbFRpcFdpZHRoUmVzdHJpY3Rpb25zPlxuPih0b29sVGlwV2lkdGhSZXN0cmljdGlvbnMpO1xuIl19 */");
 export const InfoTipWrapper = /*#__PURE__*/_styled("div", {
   target: "eh9y8s83",
   label: "InfoTipWrapper"
 })(css({
   ...tipWrapperStyles
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaXAvc2hhcmVkL2VsZW1lbnRzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5RDhCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UaXAvc2hhcmVkL2VsZW1lbnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgc3RhdGVzLCB0aW1pbmcgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQm94LCBGbGV4Qm94IH0gZnJvbSAnLi4vLi4vQm94JztcbmltcG9ydCB7IFNlbGVjdG9ycyB9IGZyb20gJy4uLy4uL0J1dHRvbkJhc2UvQnV0dG9uQmFzZSc7XG5pbXBvcnQgeyBQb3BvdmVyIH0gZnJvbSAnLi4vLi4vUG9wb3Zlcic7XG5pbXBvcnQge1xuICBpbmxpbmVUb29sVGlwQm9keUFsaWdubWVudHMsXG4gIG5hcnJvd1dpZHRoLFxuICB0b29sVGlwQm9keUNzcyxcbiAgdG9vbHRpcENlbnRlcmVkUGFkZGluZyxcbiAgdG9vbFRpcFdpZHRoUmVzdHJpY3Rpb25zLFxufSBmcm9tICcuL3N0eWxlcy9zdHlsZXMnO1xuXG5jb25zdCB0aXBXcmFwcGVyU3R5bGVzID0ge1xuICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgZGlzcGxheTogJ2lubGluZS1mbGV4JyxcbiAgb3ZlcmZsb3dXcmFwOiAnYnJlYWstd29yZCcsXG59IGFzIGNvbnN0O1xuXG5jb25zdCBmbG9hdGluZ1RpcFRleHRTdGF0ZXMgPSBzdGF0ZXMoe1xuICBpc0hvdmVyVHlwZTogeyBhbGlnbkl0ZW1zOiAnZmxleFN0YXJ0JyB9LFxuICAvKlxuICAgKiBTdWJ0cmFjdCAyeCBwYWRkaW5nIHRvIGFjY291bnQgZm9yIHRoZSBwYWRkaW5nIHdpdGhpblxuICAgKiB0aGUgdG9vbHRpcCBzaW5jZSB0aGlzIGlzIHRoZSBpbm5lciB0ZXh0IHdyYXBwZXJcbiAgICovXG4gIG5hcnJvdzogeyB3aWR0aDogbmFycm93V2lkdGggLSB0b29sdGlwQ2VudGVyZWRQYWRkaW5nICogMiB9LFxuICBob3Jpek5hcnJvdzogeyBtYXhXaWR0aDogbmFycm93V2lkdGggLSB0b29sdGlwQ2VudGVyZWRQYWRkaW5nICogMiB9LFxufSk7XG5cbmNvbnN0IGlubGluZVRpcFN0YXRlcyA9IHN0YXRlcyh7XG4gIGluaGVyaXREaW1zOiB7IGhlaWdodDogJ2luaGVyaXQnLCB3aWR0aDogJ2luaGVyaXQnIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IEZsb2F0aW5nVGlwVGV4dFdyYXBwZXIgPSBzdHlsZWQoRmxleEJveCk8XG4gIFN0eWxlUHJvcHM8dHlwZW9mIGZsb2F0aW5nVGlwVGV4dFN0YXRlcz5cbj4oXG4gIGNzcyh7XG4gICAgZmxleERpcmVjdGlvbjogJ2NvbHVtbicsXG4gICAgb3ZlcmZsb3dXcmFwOiAnYnJlYWstd29yZCcsXG4gIH0pLFxuICBmbG9hdGluZ1RpcFRleHRTdGF0ZXNcbik7XG5cbmV4cG9ydCBjb25zdCBUb29sVGlwV3JhcHBlciA9IHN0eWxlZC5kaXY8U3R5bGVQcm9wczx0eXBlb2YgaW5saW5lVGlwU3RhdGVzPj4oXG4gIGNzcyh7XG4gICAgJyY6aG92ZXIgPiBkaXYsICY6Zm9jdXMtd2l0aGluID4gZGl2Jzoge1xuICAgICAgb3BhY2l0eTogMSxcbiAgICAgIHRyYW5zaXRpb246IGBvcGFjaXR5ICR7dGltaW5nLmZhc3R9ICR7dGltaW5nLmJhc2V9YCxcbiAgICAgIHZpc2liaWxpdHk6ICd2aXNpYmxlJyxcbiAgICB9LFxuICAgIC4uLnRpcFdyYXBwZXJTdHlsZXMsXG4gIH0pLFxuICBpbmxpbmVUaXBTdGF0ZXNcbik7XG5cbmV4cG9ydCBjb25zdCBJbmZvVGlwV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gIGNzcyh7XG4gICAgLi4udGlwV3JhcHBlclN0eWxlcyxcbiAgfSlcbik7XG5cbmVudW0gVGFyZ2V0U2VsZWN0b3JzIHtcbiAgT1VUTElORSA9ICcmOmJlZm9yZScsXG4gIE9VVExJTkVfRk9DVVNfVklTSUJMRSA9ICcmOmZvY3VzLXZpc2libGU6YmVmb3JlJyxcbn1cblxuZXhwb3J0IGNvbnN0IFRhcmdldENvbnRhaW5lciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgIGJvcmRlcjogJ25vbmUnLFxuICAgIGJhY2tncm91bmQ6ICdub25lJyxcbiAgICBwYWRkaW5nOiAwLFxuICAgIFtTZWxlY3RvcnMuRk9DVVNfVklTSUJMRV06IHtcbiAgICAgIG91dGxpbmU6ICdub25lJyxcbiAgICB9LFxuICAgIFtUYXJnZXRTZWxlY3RvcnMuT1VUTElORV06IHtcbiAgICAgIGNvbnRlbnQ6IFwiJydcIixcbiAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgaW5zZXQ6IC0yLFxuICAgICAgYm9yZGVyUmFkaXVzOiAnbWQnLFxuICAgICAgYm9yZGVyOiAyLFxuICAgICAgYm9yZGVyQ29sb3I6ICdwcmltYXJ5JyxcbiAgICAgIG9wYWNpdHk6IDAsXG4gICAgICB6SW5kZXg6IDAsXG4gICAgfSxcbiAgICBbVGFyZ2V0U2VsZWN0b3JzLk9VVExJTkVfRk9DVVNfVklTSUJMRV06IHtcbiAgICAgIG9wYWNpdHk6IDEsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IGlubGluZVRpcEJvZHlTdGF0ZXMgPSBzdGF0ZXMoe1xuICBob3Jpek5hcnJvdzogeyBtYXhXaWR0aDogbmFycm93V2lkdGggfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgVGlwQm9keSA9IHN0eWxlZChCb3gpPFxuICBTdHlsZVByb3BzPHR5cGVvZiBpbmxpbmVUb29sVGlwQm9keUFsaWdubWVudHM+ICZcbiAgICBTdHlsZVByb3BzPHR5cGVvZiBpbmxpbmVUaXBCb2R5U3RhdGVzPlxuPihjc3MoeyAuLi50b29sVGlwQm9keUNzcyB9KSwgaW5saW5lVG9vbFRpcEJvZHlBbGlnbm1lbnRzLCBpbmxpbmVUaXBCb2R5U3RhdGVzKTtcblxuZXhwb3J0IGNvbnN0IEZsb2F0aW5nVGlwQm9keSA9IHN0eWxlZChQb3BvdmVyKTxcbiAgU3R5bGVQcm9wczx0eXBlb2YgdG9vbFRpcFdpZHRoUmVzdHJpY3Rpb25zPlxuPih0b29sVGlwV2lkdGhSZXN0cmljdGlvbnMpO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaXAvc2hhcmVkL2VsZW1lbnRzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RThCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UaXAvc2hhcmVkL2VsZW1lbnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgc3RhdGVzLCB0aW1pbmcgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQm94LCBGbGV4Qm94IH0gZnJvbSAnLi4vLi4vQm94JztcbmltcG9ydCB7IFNlbGVjdG9ycyB9IGZyb20gJy4uLy4uL0J1dHRvbkJhc2UvQnV0dG9uQmFzZSc7XG5pbXBvcnQgeyBQb3BvdmVyIH0gZnJvbSAnLi4vLi4vUG9wb3Zlcic7XG5pbXBvcnQge1xuICBpbmxpbmVUb29sVGlwQm9keUFsaWdubWVudHMsXG4gIG5hcnJvd1dpZHRoLFxuICB0b29sVGlwQm9keUNzcyxcbiAgdG9vbHRpcENlbnRlcmVkUGFkZGluZyxcbiAgdG9vbFRpcFdpZHRoUmVzdHJpY3Rpb25zLFxufSBmcm9tICcuL3N0eWxlcy9zdHlsZXMnO1xuXG5jb25zdCB0aXBXcmFwcGVyU3R5bGVzID0ge1xuICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgZGlzcGxheTogJ2lubGluZS1mbGV4JyxcbiAgb3ZlcmZsb3dXcmFwOiAnYnJlYWstd29yZCcsXG59IGFzIGNvbnN0O1xuXG5jb25zdCBmbG9hdGluZ1RpcFRleHRTdGF0ZXMgPSBzdGF0ZXMoe1xuICBpc0hvdmVyVHlwZTogeyBhbGlnbkl0ZW1zOiAnZmxleFN0YXJ0JyB9LFxuICAvKlxuICAgKiBTdWJ0cmFjdCAyeCBwYWRkaW5nIHRvIGFjY291bnQgZm9yIHRoZSBwYWRkaW5nIHdpdGhpblxuICAgKiB0aGUgdG9vbHRpcCBzaW5jZSB0aGlzIGlzIHRoZSBpbm5lciB0ZXh0IHdyYXBwZXJcbiAgICovXG4gIG5hcnJvdzogeyB3aWR0aDogbmFycm93V2lkdGggLSB0b29sdGlwQ2VudGVyZWRQYWRkaW5nICogMiB9LFxuICBob3Jpek5hcnJvdzogeyBtYXhXaWR0aDogbmFycm93V2lkdGggLSB0b29sdGlwQ2VudGVyZWRQYWRkaW5nICogMiB9LFxufSk7XG5cbmNvbnN0IGlubGluZVRpcFN0YXRlcyA9IHN0YXRlcyh7XG4gIGluaGVyaXREaW1zOiB7IGhlaWdodDogJ2luaGVyaXQnLCB3aWR0aDogJ2luaGVyaXQnIH0sXG59KTtcblxuY29uc3QgdG9vbFRpcFdyYXBwZXJTdGF0ZXMgPSBzdGF0ZXMoe1xuICBkaXNtaXNzZWQ6IHtcbiAgICAnJjpob3ZlciA+IFtkYXRhLXRvb2x0aXAtYm9keV0sICY6aGFzKDpmb2N1cy12aXNpYmxlKSA+IFtkYXRhLXRvb2x0aXAtYm9keV0nOlxuICAgICAge1xuICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICB2aXNpYmlsaXR5OiAnaGlkZGVuJyxcbiAgICAgICAgdHJhbnNpdGlvbjogJ25vbmUnLFxuICAgICAgfSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgRmxvYXRpbmdUaXBUZXh0V3JhcHBlciA9IHN0eWxlZChGbGV4Qm94KTxcbiAgU3R5bGVQcm9wczx0eXBlb2YgZmxvYXRpbmdUaXBUZXh0U3RhdGVzPlxuPihcbiAgY3NzKHtcbiAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcbiAgICBvdmVyZmxvd1dyYXA6ICdicmVhay13b3JkJyxcbiAgfSksXG4gIGZsb2F0aW5nVGlwVGV4dFN0YXRlc1xuKTtcblxuZXhwb3J0IGNvbnN0IFRvb2xUaXBXcmFwcGVyID0gc3R5bGVkLmRpdjxcbiAgU3R5bGVQcm9wczx0eXBlb2YgaW5saW5lVGlwU3RhdGVzPiAmIFN0eWxlUHJvcHM8dHlwZW9mIHRvb2xUaXBXcmFwcGVyU3RhdGVzPlxuPihcbiAgY3NzKHtcbiAgICAnJjpob3ZlciA+IFtkYXRhLXRvb2x0aXAtYm9keV0sICY6aGFzKDpmb2N1cy12aXNpYmxlKSA+IFtkYXRhLXRvb2x0aXAtYm9keV0nOlxuICAgICAge1xuICAgICAgICBvcGFjaXR5OiAxLFxuICAgICAgICB0cmFuc2l0aW9uOiBgb3BhY2l0eSAke3RpbWluZy5mYXN0fSAke3RpbWluZy5iYXNlfWAsXG4gICAgICAgIHZpc2liaWxpdHk6ICd2aXNpYmxlJyxcbiAgICAgIH0sXG4gICAgLi4udGlwV3JhcHBlclN0eWxlcyxcbiAgfSksXG4gIGlubGluZVRpcFN0YXRlcyxcbiAgdG9vbFRpcFdyYXBwZXJTdGF0ZXNcbik7XG5cbmV4cG9ydCBjb25zdCBJbmZvVGlwV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gIGNzcyh7XG4gICAgLi4udGlwV3JhcHBlclN0eWxlcyxcbiAgfSlcbik7XG5cbmVudW0gVGFyZ2V0U2VsZWN0b3JzIHtcbiAgT1VUTElORSA9ICcmOmJlZm9yZScsXG4gIE9VVExJTkVfRk9DVVNfVklTSUJMRSA9ICcmOmZvY3VzLXZpc2libGU6YmVmb3JlJyxcbn1cblxuZXhwb3J0IGNvbnN0IFRhcmdldENvbnRhaW5lciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgIGJvcmRlcjogJ25vbmUnLFxuICAgIGJhY2tncm91bmQ6ICdub25lJyxcbiAgICBwYWRkaW5nOiAwLFxuICAgIFtTZWxlY3RvcnMuRk9DVVNfVklTSUJMRV06IHtcbiAgICAgIG91dGxpbmU6ICdub25lJyxcbiAgICB9LFxuICAgIFtUYXJnZXRTZWxlY3RvcnMuT1VUTElORV06IHtcbiAgICAgIGNvbnRlbnQ6IFwiJydcIixcbiAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgaW5zZXQ6IC0yLFxuICAgICAgYm9yZGVyUmFkaXVzOiAnbWQnLFxuICAgICAgYm9yZGVyOiAyLFxuICAgICAgYm9yZGVyQ29sb3I6ICdwcmltYXJ5JyxcbiAgICAgIG9wYWNpdHk6IDAsXG4gICAgICB6SW5kZXg6IDAsXG4gICAgfSxcbiAgICBbVGFyZ2V0U2VsZWN0b3JzLk9VVExJTkVfRk9DVVNfVklTSUJMRV06IHtcbiAgICAgIG9wYWNpdHk6IDEsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IGlubGluZVRpcEJvZHlTdGF0ZXMgPSBzdGF0ZXMoe1xuICBob3Jpek5hcnJvdzogeyBtYXhXaWR0aDogbmFycm93V2lkdGggfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgVGlwQm9keSA9IHN0eWxlZChCb3gpPFxuICBTdHlsZVByb3BzPHR5cGVvZiBpbmxpbmVUb29sVGlwQm9keUFsaWdubWVudHM+ICZcbiAgICBTdHlsZVByb3BzPHR5cGVvZiBpbmxpbmVUaXBCb2R5U3RhdGVzPlxuPihjc3MoeyAuLi50b29sVGlwQm9keUNzcyB9KSwgaW5saW5lVG9vbFRpcEJvZHlBbGlnbm1lbnRzLCBpbmxpbmVUaXBCb2R5U3RhdGVzKTtcblxuZXhwb3J0IGNvbnN0IEZsb2F0aW5nVGlwQm9keSA9IHN0eWxlZChQb3BvdmVyKTxcbiAgU3R5bGVQcm9wczx0eXBlb2YgdG9vbFRpcFdpZHRoUmVzdHJpY3Rpb25zPlxuPih0b29sVGlwV2lkdGhSZXN0cmljdGlvbnMpO1xuIl19 */");
 var TargetSelectors = /*#__PURE__*/function (TargetSelectors) {
   TargetSelectors["OUTLINE"] = "&:before";
   TargetSelectors["OUTLINE_FOCUS_VISIBLE"] = "&:focus-visible:before";
@@ -83,7 +92,7 @@ export const TargetContainer = /*#__PURE__*/_styled(Box, {
   [TargetSelectors.OUTLINE_FOCUS_VISIBLE]: {
     opacity: 1
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaXAvc2hhcmVkL2VsZW1lbnRzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRStCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UaXAvc2hhcmVkL2VsZW1lbnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgc3RhdGVzLCB0aW1pbmcgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQm94LCBGbGV4Qm94IH0gZnJvbSAnLi4vLi4vQm94JztcbmltcG9ydCB7IFNlbGVjdG9ycyB9IGZyb20gJy4uLy4uL0J1dHRvbkJhc2UvQnV0dG9uQmFzZSc7XG5pbXBvcnQgeyBQb3BvdmVyIH0gZnJvbSAnLi4vLi4vUG9wb3Zlcic7XG5pbXBvcnQge1xuICBpbmxpbmVUb29sVGlwQm9keUFsaWdubWVudHMsXG4gIG5hcnJvd1dpZHRoLFxuICB0b29sVGlwQm9keUNzcyxcbiAgdG9vbHRpcENlbnRlcmVkUGFkZGluZyxcbiAgdG9vbFRpcFdpZHRoUmVzdHJpY3Rpb25zLFxufSBmcm9tICcuL3N0eWxlcy9zdHlsZXMnO1xuXG5jb25zdCB0aXBXcmFwcGVyU3R5bGVzID0ge1xuICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgZGlzcGxheTogJ2lubGluZS1mbGV4JyxcbiAgb3ZlcmZsb3dXcmFwOiAnYnJlYWstd29yZCcsXG59IGFzIGNvbnN0O1xuXG5jb25zdCBmbG9hdGluZ1RpcFRleHRTdGF0ZXMgPSBzdGF0ZXMoe1xuICBpc0hvdmVyVHlwZTogeyBhbGlnbkl0ZW1zOiAnZmxleFN0YXJ0JyB9LFxuICAvKlxuICAgKiBTdWJ0cmFjdCAyeCBwYWRkaW5nIHRvIGFjY291bnQgZm9yIHRoZSBwYWRkaW5nIHdpdGhpblxuICAgKiB0aGUgdG9vbHRpcCBzaW5jZSB0aGlzIGlzIHRoZSBpbm5lciB0ZXh0IHdyYXBwZXJcbiAgICovXG4gIG5hcnJvdzogeyB3aWR0aDogbmFycm93V2lkdGggLSB0b29sdGlwQ2VudGVyZWRQYWRkaW5nICogMiB9LFxuICBob3Jpek5hcnJvdzogeyBtYXhXaWR0aDogbmFycm93V2lkdGggLSB0b29sdGlwQ2VudGVyZWRQYWRkaW5nICogMiB9LFxufSk7XG5cbmNvbnN0IGlubGluZVRpcFN0YXRlcyA9IHN0YXRlcyh7XG4gIGluaGVyaXREaW1zOiB7IGhlaWdodDogJ2luaGVyaXQnLCB3aWR0aDogJ2luaGVyaXQnIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IEZsb2F0aW5nVGlwVGV4dFdyYXBwZXIgPSBzdHlsZWQoRmxleEJveCk8XG4gIFN0eWxlUHJvcHM8dHlwZW9mIGZsb2F0aW5nVGlwVGV4dFN0YXRlcz5cbj4oXG4gIGNzcyh7XG4gICAgZmxleERpcmVjdGlvbjogJ2NvbHVtbicsXG4gICAgb3ZlcmZsb3dXcmFwOiAnYnJlYWstd29yZCcsXG4gIH0pLFxuICBmbG9hdGluZ1RpcFRleHRTdGF0ZXNcbik7XG5cbmV4cG9ydCBjb25zdCBUb29sVGlwV3JhcHBlciA9IHN0eWxlZC5kaXY8U3R5bGVQcm9wczx0eXBlb2YgaW5saW5lVGlwU3RhdGVzPj4oXG4gIGNzcyh7XG4gICAgJyY6aG92ZXIgPiBkaXYsICY6Zm9jdXMtd2l0aGluID4gZGl2Jzoge1xuICAgICAgb3BhY2l0eTogMSxcbiAgICAgIHRyYW5zaXRpb246IGBvcGFjaXR5ICR7dGltaW5nLmZhc3R9ICR7dGltaW5nLmJhc2V9YCxcbiAgICAgIHZpc2liaWxpdHk6ICd2aXNpYmxlJyxcbiAgICB9LFxuICAgIC4uLnRpcFdyYXBwZXJTdHlsZXMsXG4gIH0pLFxuICBpbmxpbmVUaXBTdGF0ZXNcbik7XG5cbmV4cG9ydCBjb25zdCBJbmZvVGlwV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gIGNzcyh7XG4gICAgLi4udGlwV3JhcHBlclN0eWxlcyxcbiAgfSlcbik7XG5cbmVudW0gVGFyZ2V0U2VsZWN0b3JzIHtcbiAgT1VUTElORSA9ICcmOmJlZm9yZScsXG4gIE9VVExJTkVfRk9DVVNfVklTSUJMRSA9ICcmOmZvY3VzLXZpc2libGU6YmVmb3JlJyxcbn1cblxuZXhwb3J0IGNvbnN0IFRhcmdldENvbnRhaW5lciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgIGJvcmRlcjogJ25vbmUnLFxuICAgIGJhY2tncm91bmQ6ICdub25lJyxcbiAgICBwYWRkaW5nOiAwLFxuICAgIFtTZWxlY3RvcnMuRk9DVVNfVklTSUJMRV06IHtcbiAgICAgIG91dGxpbmU6ICdub25lJyxcbiAgICB9LFxuICAgIFtUYXJnZXRTZWxlY3RvcnMuT1VUTElORV06IHtcbiAgICAgIGNvbnRlbnQ6IFwiJydcIixcbiAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgaW5zZXQ6IC0yLFxuICAgICAgYm9yZGVyUmFkaXVzOiAnbWQnLFxuICAgICAgYm9yZGVyOiAyLFxuICAgICAgYm9yZGVyQ29sb3I6ICdwcmltYXJ5JyxcbiAgICAgIG9wYWNpdHk6IDAsXG4gICAgICB6SW5kZXg6IDAsXG4gICAgfSxcbiAgICBbVGFyZ2V0U2VsZWN0b3JzLk9VVExJTkVfRk9DVVNfVklTSUJMRV06IHtcbiAgICAgIG9wYWNpdHk6IDEsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IGlubGluZVRpcEJvZHlTdGF0ZXMgPSBzdGF0ZXMoe1xuICBob3Jpek5hcnJvdzogeyBtYXhXaWR0aDogbmFycm93V2lkdGggfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgVGlwQm9keSA9IHN0eWxlZChCb3gpPFxuICBTdHlsZVByb3BzPHR5cGVvZiBpbmxpbmVUb29sVGlwQm9keUFsaWdubWVudHM+ICZcbiAgICBTdHlsZVByb3BzPHR5cGVvZiBpbmxpbmVUaXBCb2R5U3RhdGVzPlxuPihjc3MoeyAuLi50b29sVGlwQm9keUNzcyB9KSwgaW5saW5lVG9vbFRpcEJvZHlBbGlnbm1lbnRzLCBpbmxpbmVUaXBCb2R5U3RhdGVzKTtcblxuZXhwb3J0IGNvbnN0IEZsb2F0aW5nVGlwQm9keSA9IHN0eWxlZChQb3BvdmVyKTxcbiAgU3R5bGVQcm9wczx0eXBlb2YgdG9vbFRpcFdpZHRoUmVzdHJpY3Rpb25zPlxuPih0b29sVGlwV2lkdGhSZXN0cmljdGlvbnMpO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaXAvc2hhcmVkL2VsZW1lbnRzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRitCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UaXAvc2hhcmVkL2VsZW1lbnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgc3RhdGVzLCB0aW1pbmcgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQm94LCBGbGV4Qm94IH0gZnJvbSAnLi4vLi4vQm94JztcbmltcG9ydCB7IFNlbGVjdG9ycyB9IGZyb20gJy4uLy4uL0J1dHRvbkJhc2UvQnV0dG9uQmFzZSc7XG5pbXBvcnQgeyBQb3BvdmVyIH0gZnJvbSAnLi4vLi4vUG9wb3Zlcic7XG5pbXBvcnQge1xuICBpbmxpbmVUb29sVGlwQm9keUFsaWdubWVudHMsXG4gIG5hcnJvd1dpZHRoLFxuICB0b29sVGlwQm9keUNzcyxcbiAgdG9vbHRpcENlbnRlcmVkUGFkZGluZyxcbiAgdG9vbFRpcFdpZHRoUmVzdHJpY3Rpb25zLFxufSBmcm9tICcuL3N0eWxlcy9zdHlsZXMnO1xuXG5jb25zdCB0aXBXcmFwcGVyU3R5bGVzID0ge1xuICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgZGlzcGxheTogJ2lubGluZS1mbGV4JyxcbiAgb3ZlcmZsb3dXcmFwOiAnYnJlYWstd29yZCcsXG59IGFzIGNvbnN0O1xuXG5jb25zdCBmbG9hdGluZ1RpcFRleHRTdGF0ZXMgPSBzdGF0ZXMoe1xuICBpc0hvdmVyVHlwZTogeyBhbGlnbkl0ZW1zOiAnZmxleFN0YXJ0JyB9LFxuICAvKlxuICAgKiBTdWJ0cmFjdCAyeCBwYWRkaW5nIHRvIGFjY291bnQgZm9yIHRoZSBwYWRkaW5nIHdpdGhpblxuICAgKiB0aGUgdG9vbHRpcCBzaW5jZSB0aGlzIGlzIHRoZSBpbm5lciB0ZXh0IHdyYXBwZXJcbiAgICovXG4gIG5hcnJvdzogeyB3aWR0aDogbmFycm93V2lkdGggLSB0b29sdGlwQ2VudGVyZWRQYWRkaW5nICogMiB9LFxuICBob3Jpek5hcnJvdzogeyBtYXhXaWR0aDogbmFycm93V2lkdGggLSB0b29sdGlwQ2VudGVyZWRQYWRkaW5nICogMiB9LFxufSk7XG5cbmNvbnN0IGlubGluZVRpcFN0YXRlcyA9IHN0YXRlcyh7XG4gIGluaGVyaXREaW1zOiB7IGhlaWdodDogJ2luaGVyaXQnLCB3aWR0aDogJ2luaGVyaXQnIH0sXG59KTtcblxuY29uc3QgdG9vbFRpcFdyYXBwZXJTdGF0ZXMgPSBzdGF0ZXMoe1xuICBkaXNtaXNzZWQ6IHtcbiAgICAnJjpob3ZlciA+IFtkYXRhLXRvb2x0aXAtYm9keV0sICY6aGFzKDpmb2N1cy12aXNpYmxlKSA+IFtkYXRhLXRvb2x0aXAtYm9keV0nOlxuICAgICAge1xuICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICB2aXNpYmlsaXR5OiAnaGlkZGVuJyxcbiAgICAgICAgdHJhbnNpdGlvbjogJ25vbmUnLFxuICAgICAgfSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgRmxvYXRpbmdUaXBUZXh0V3JhcHBlciA9IHN0eWxlZChGbGV4Qm94KTxcbiAgU3R5bGVQcm9wczx0eXBlb2YgZmxvYXRpbmdUaXBUZXh0U3RhdGVzPlxuPihcbiAgY3NzKHtcbiAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcbiAgICBvdmVyZmxvd1dyYXA6ICdicmVhay13b3JkJyxcbiAgfSksXG4gIGZsb2F0aW5nVGlwVGV4dFN0YXRlc1xuKTtcblxuZXhwb3J0IGNvbnN0IFRvb2xUaXBXcmFwcGVyID0gc3R5bGVkLmRpdjxcbiAgU3R5bGVQcm9wczx0eXBlb2YgaW5saW5lVGlwU3RhdGVzPiAmIFN0eWxlUHJvcHM8dHlwZW9mIHRvb2xUaXBXcmFwcGVyU3RhdGVzPlxuPihcbiAgY3NzKHtcbiAgICAnJjpob3ZlciA+IFtkYXRhLXRvb2x0aXAtYm9keV0sICY6aGFzKDpmb2N1cy12aXNpYmxlKSA+IFtkYXRhLXRvb2x0aXAtYm9keV0nOlxuICAgICAge1xuICAgICAgICBvcGFjaXR5OiAxLFxuICAgICAgICB0cmFuc2l0aW9uOiBgb3BhY2l0eSAke3RpbWluZy5mYXN0fSAke3RpbWluZy5iYXNlfWAsXG4gICAgICAgIHZpc2liaWxpdHk6ICd2aXNpYmxlJyxcbiAgICAgIH0sXG4gICAgLi4udGlwV3JhcHBlclN0eWxlcyxcbiAgfSksXG4gIGlubGluZVRpcFN0YXRlcyxcbiAgdG9vbFRpcFdyYXBwZXJTdGF0ZXNcbik7XG5cbmV4cG9ydCBjb25zdCBJbmZvVGlwV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gIGNzcyh7XG4gICAgLi4udGlwV3JhcHBlclN0eWxlcyxcbiAgfSlcbik7XG5cbmVudW0gVGFyZ2V0U2VsZWN0b3JzIHtcbiAgT1VUTElORSA9ICcmOmJlZm9yZScsXG4gIE9VVExJTkVfRk9DVVNfVklTSUJMRSA9ICcmOmZvY3VzLXZpc2libGU6YmVmb3JlJyxcbn1cblxuZXhwb3J0IGNvbnN0IFRhcmdldENvbnRhaW5lciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgIGJvcmRlcjogJ25vbmUnLFxuICAgIGJhY2tncm91bmQ6ICdub25lJyxcbiAgICBwYWRkaW5nOiAwLFxuICAgIFtTZWxlY3RvcnMuRk9DVVNfVklTSUJMRV06IHtcbiAgICAgIG91dGxpbmU6ICdub25lJyxcbiAgICB9LFxuICAgIFtUYXJnZXRTZWxlY3RvcnMuT1VUTElORV06IHtcbiAgICAgIGNvbnRlbnQ6IFwiJydcIixcbiAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgaW5zZXQ6IC0yLFxuICAgICAgYm9yZGVyUmFkaXVzOiAnbWQnLFxuICAgICAgYm9yZGVyOiAyLFxuICAgICAgYm9yZGVyQ29sb3I6ICdwcmltYXJ5JyxcbiAgICAgIG9wYWNpdHk6IDAsXG4gICAgICB6SW5kZXg6IDAsXG4gICAgfSxcbiAgICBbVGFyZ2V0U2VsZWN0b3JzLk9VVExJTkVfRk9DVVNfVklTSUJMRV06IHtcbiAgICAgIG9wYWNpdHk6IDEsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IGlubGluZVRpcEJvZHlTdGF0ZXMgPSBzdGF0ZXMoe1xuICBob3Jpek5hcnJvdzogeyBtYXhXaWR0aDogbmFycm93V2lkdGggfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgVGlwQm9keSA9IHN0eWxlZChCb3gpPFxuICBTdHlsZVByb3BzPHR5cGVvZiBpbmxpbmVUb29sVGlwQm9keUFsaWdubWVudHM+ICZcbiAgICBTdHlsZVByb3BzPHR5cGVvZiBpbmxpbmVUaXBCb2R5U3RhdGVzPlxuPihjc3MoeyAuLi50b29sVGlwQm9keUNzcyB9KSwgaW5saW5lVG9vbFRpcEJvZHlBbGlnbm1lbnRzLCBpbmxpbmVUaXBCb2R5U3RhdGVzKTtcblxuZXhwb3J0IGNvbnN0IEZsb2F0aW5nVGlwQm9keSA9IHN0eWxlZChQb3BvdmVyKTxcbiAgU3R5bGVQcm9wczx0eXBlb2YgdG9vbFRpcFdpZHRoUmVzdHJpY3Rpb25zPlxuPih0b29sVGlwV2lkdGhSZXN0cmljdGlvbnMpO1xuIl19 */");
 const inlineTipBodyStates = states({
   horizNarrow: {
     maxWidth: narrowWidth
@@ -94,8 +103,8 @@ export const TipBody = /*#__PURE__*/_styled(Box, {
   label: "TipBody"
 })(css({
   ...toolTipBodyCss
-}), inlineToolTipBodyAlignments, inlineTipBodyStates, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaXAvc2hhcmVkL2VsZW1lbnRzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpR3VCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UaXAvc2hhcmVkL2VsZW1lbnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgc3RhdGVzLCB0aW1pbmcgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQm94LCBGbGV4Qm94IH0gZnJvbSAnLi4vLi4vQm94JztcbmltcG9ydCB7IFNlbGVjdG9ycyB9IGZyb20gJy4uLy4uL0J1dHRvbkJhc2UvQnV0dG9uQmFzZSc7XG5pbXBvcnQgeyBQb3BvdmVyIH0gZnJvbSAnLi4vLi4vUG9wb3Zlcic7XG5pbXBvcnQge1xuICBpbmxpbmVUb29sVGlwQm9keUFsaWdubWVudHMsXG4gIG5hcnJvd1dpZHRoLFxuICB0b29sVGlwQm9keUNzcyxcbiAgdG9vbHRpcENlbnRlcmVkUGFkZGluZyxcbiAgdG9vbFRpcFdpZHRoUmVzdHJpY3Rpb25zLFxufSBmcm9tICcuL3N0eWxlcy9zdHlsZXMnO1xuXG5jb25zdCB0aXBXcmFwcGVyU3R5bGVzID0ge1xuICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgZGlzcGxheTogJ2lubGluZS1mbGV4JyxcbiAgb3ZlcmZsb3dXcmFwOiAnYnJlYWstd29yZCcsXG59IGFzIGNvbnN0O1xuXG5jb25zdCBmbG9hdGluZ1RpcFRleHRTdGF0ZXMgPSBzdGF0ZXMoe1xuICBpc0hvdmVyVHlwZTogeyBhbGlnbkl0ZW1zOiAnZmxleFN0YXJ0JyB9LFxuICAvKlxuICAgKiBTdWJ0cmFjdCAyeCBwYWRkaW5nIHRvIGFjY291bnQgZm9yIHRoZSBwYWRkaW5nIHdpdGhpblxuICAgKiB0aGUgdG9vbHRpcCBzaW5jZSB0aGlzIGlzIHRoZSBpbm5lciB0ZXh0IHdyYXBwZXJcbiAgICovXG4gIG5hcnJvdzogeyB3aWR0aDogbmFycm93V2lkdGggLSB0b29sdGlwQ2VudGVyZWRQYWRkaW5nICogMiB9LFxuICBob3Jpek5hcnJvdzogeyBtYXhXaWR0aDogbmFycm93V2lkdGggLSB0b29sdGlwQ2VudGVyZWRQYWRkaW5nICogMiB9LFxufSk7XG5cbmNvbnN0IGlubGluZVRpcFN0YXRlcyA9IHN0YXRlcyh7XG4gIGluaGVyaXREaW1zOiB7IGhlaWdodDogJ2luaGVyaXQnLCB3aWR0aDogJ2luaGVyaXQnIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IEZsb2F0aW5nVGlwVGV4dFdyYXBwZXIgPSBzdHlsZWQoRmxleEJveCk8XG4gIFN0eWxlUHJvcHM8dHlwZW9mIGZsb2F0aW5nVGlwVGV4dFN0YXRlcz5cbj4oXG4gIGNzcyh7XG4gICAgZmxleERpcmVjdGlvbjogJ2NvbHVtbicsXG4gICAgb3ZlcmZsb3dXcmFwOiAnYnJlYWstd29yZCcsXG4gIH0pLFxuICBmbG9hdGluZ1RpcFRleHRTdGF0ZXNcbik7XG5cbmV4cG9ydCBjb25zdCBUb29sVGlwV3JhcHBlciA9IHN0eWxlZC5kaXY8U3R5bGVQcm9wczx0eXBlb2YgaW5saW5lVGlwU3RhdGVzPj4oXG4gIGNzcyh7XG4gICAgJyY6aG92ZXIgPiBkaXYsICY6Zm9jdXMtd2l0aGluID4gZGl2Jzoge1xuICAgICAgb3BhY2l0eTogMSxcbiAgICAgIHRyYW5zaXRpb246IGBvcGFjaXR5ICR7dGltaW5nLmZhc3R9ICR7dGltaW5nLmJhc2V9YCxcbiAgICAgIHZpc2liaWxpdHk6ICd2aXNpYmxlJyxcbiAgICB9LFxuICAgIC4uLnRpcFdyYXBwZXJTdHlsZXMsXG4gIH0pLFxuICBpbmxpbmVUaXBTdGF0ZXNcbik7XG5cbmV4cG9ydCBjb25zdCBJbmZvVGlwV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gIGNzcyh7XG4gICAgLi4udGlwV3JhcHBlclN0eWxlcyxcbiAgfSlcbik7XG5cbmVudW0gVGFyZ2V0U2VsZWN0b3JzIHtcbiAgT1VUTElORSA9ICcmOmJlZm9yZScsXG4gIE9VVExJTkVfRk9DVVNfVklTSUJMRSA9ICcmOmZvY3VzLXZpc2libGU6YmVmb3JlJyxcbn1cblxuZXhwb3J0IGNvbnN0IFRhcmdldENvbnRhaW5lciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgIGJvcmRlcjogJ25vbmUnLFxuICAgIGJhY2tncm91bmQ6ICdub25lJyxcbiAgICBwYWRkaW5nOiAwLFxuICAgIFtTZWxlY3RvcnMuRk9DVVNfVklTSUJMRV06IHtcbiAgICAgIG91dGxpbmU6ICdub25lJyxcbiAgICB9LFxuICAgIFtUYXJnZXRTZWxlY3RvcnMuT1VUTElORV06IHtcbiAgICAgIGNvbnRlbnQ6IFwiJydcIixcbiAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgaW5zZXQ6IC0yLFxuICAgICAgYm9yZGVyUmFkaXVzOiAnbWQnLFxuICAgICAgYm9yZGVyOiAyLFxuICAgICAgYm9yZGVyQ29sb3I6ICdwcmltYXJ5JyxcbiAgICAgIG9wYWNpdHk6IDAsXG4gICAgICB6SW5kZXg6IDAsXG4gICAgfSxcbiAgICBbVGFyZ2V0U2VsZWN0b3JzLk9VVExJTkVfRk9DVVNfVklTSUJMRV06IHtcbiAgICAgIG9wYWNpdHk6IDEsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IGlubGluZVRpcEJvZHlTdGF0ZXMgPSBzdGF0ZXMoe1xuICBob3Jpek5hcnJvdzogeyBtYXhXaWR0aDogbmFycm93V2lkdGggfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgVGlwQm9keSA9IHN0eWxlZChCb3gpPFxuICBTdHlsZVByb3BzPHR5cGVvZiBpbmxpbmVUb29sVGlwQm9keUFsaWdubWVudHM+ICZcbiAgICBTdHlsZVByb3BzPHR5cGVvZiBpbmxpbmVUaXBCb2R5U3RhdGVzPlxuPihjc3MoeyAuLi50b29sVGlwQm9keUNzcyB9KSwgaW5saW5lVG9vbFRpcEJvZHlBbGlnbm1lbnRzLCBpbmxpbmVUaXBCb2R5U3RhdGVzKTtcblxuZXhwb3J0IGNvbnN0IEZsb2F0aW5nVGlwQm9keSA9IHN0eWxlZChQb3BvdmVyKTxcbiAgU3R5bGVQcm9wczx0eXBlb2YgdG9vbFRpcFdpZHRoUmVzdHJpY3Rpb25zPlxuPih0b29sVGlwV2lkdGhSZXN0cmljdGlvbnMpO1xuIl19 */");
+}), inlineToolTipBodyAlignments, inlineTipBodyStates, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaXAvc2hhcmVkL2VsZW1lbnRzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnSHVCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UaXAvc2hhcmVkL2VsZW1lbnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgc3RhdGVzLCB0aW1pbmcgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQm94LCBGbGV4Qm94IH0gZnJvbSAnLi4vLi4vQm94JztcbmltcG9ydCB7IFNlbGVjdG9ycyB9IGZyb20gJy4uLy4uL0J1dHRvbkJhc2UvQnV0dG9uQmFzZSc7XG5pbXBvcnQgeyBQb3BvdmVyIH0gZnJvbSAnLi4vLi4vUG9wb3Zlcic7XG5pbXBvcnQge1xuICBpbmxpbmVUb29sVGlwQm9keUFsaWdubWVudHMsXG4gIG5hcnJvd1dpZHRoLFxuICB0b29sVGlwQm9keUNzcyxcbiAgdG9vbHRpcENlbnRlcmVkUGFkZGluZyxcbiAgdG9vbFRpcFdpZHRoUmVzdHJpY3Rpb25zLFxufSBmcm9tICcuL3N0eWxlcy9zdHlsZXMnO1xuXG5jb25zdCB0aXBXcmFwcGVyU3R5bGVzID0ge1xuICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgZGlzcGxheTogJ2lubGluZS1mbGV4JyxcbiAgb3ZlcmZsb3dXcmFwOiAnYnJlYWstd29yZCcsXG59IGFzIGNvbnN0O1xuXG5jb25zdCBmbG9hdGluZ1RpcFRleHRTdGF0ZXMgPSBzdGF0ZXMoe1xuICBpc0hvdmVyVHlwZTogeyBhbGlnbkl0ZW1zOiAnZmxleFN0YXJ0JyB9LFxuICAvKlxuICAgKiBTdWJ0cmFjdCAyeCBwYWRkaW5nIHRvIGFjY291bnQgZm9yIHRoZSBwYWRkaW5nIHdpdGhpblxuICAgKiB0aGUgdG9vbHRpcCBzaW5jZSB0aGlzIGlzIHRoZSBpbm5lciB0ZXh0IHdyYXBwZXJcbiAgICovXG4gIG5hcnJvdzogeyB3aWR0aDogbmFycm93V2lkdGggLSB0b29sdGlwQ2VudGVyZWRQYWRkaW5nICogMiB9LFxuICBob3Jpek5hcnJvdzogeyBtYXhXaWR0aDogbmFycm93V2lkdGggLSB0b29sdGlwQ2VudGVyZWRQYWRkaW5nICogMiB9LFxufSk7XG5cbmNvbnN0IGlubGluZVRpcFN0YXRlcyA9IHN0YXRlcyh7XG4gIGluaGVyaXREaW1zOiB7IGhlaWdodDogJ2luaGVyaXQnLCB3aWR0aDogJ2luaGVyaXQnIH0sXG59KTtcblxuY29uc3QgdG9vbFRpcFdyYXBwZXJTdGF0ZXMgPSBzdGF0ZXMoe1xuICBkaXNtaXNzZWQ6IHtcbiAgICAnJjpob3ZlciA+IFtkYXRhLXRvb2x0aXAtYm9keV0sICY6aGFzKDpmb2N1cy12aXNpYmxlKSA+IFtkYXRhLXRvb2x0aXAtYm9keV0nOlxuICAgICAge1xuICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICB2aXNpYmlsaXR5OiAnaGlkZGVuJyxcbiAgICAgICAgdHJhbnNpdGlvbjogJ25vbmUnLFxuICAgICAgfSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgRmxvYXRpbmdUaXBUZXh0V3JhcHBlciA9IHN0eWxlZChGbGV4Qm94KTxcbiAgU3R5bGVQcm9wczx0eXBlb2YgZmxvYXRpbmdUaXBUZXh0U3RhdGVzPlxuPihcbiAgY3NzKHtcbiAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcbiAgICBvdmVyZmxvd1dyYXA6ICdicmVhay13b3JkJyxcbiAgfSksXG4gIGZsb2F0aW5nVGlwVGV4dFN0YXRlc1xuKTtcblxuZXhwb3J0IGNvbnN0IFRvb2xUaXBXcmFwcGVyID0gc3R5bGVkLmRpdjxcbiAgU3R5bGVQcm9wczx0eXBlb2YgaW5saW5lVGlwU3RhdGVzPiAmIFN0eWxlUHJvcHM8dHlwZW9mIHRvb2xUaXBXcmFwcGVyU3RhdGVzPlxuPihcbiAgY3NzKHtcbiAgICAnJjpob3ZlciA+IFtkYXRhLXRvb2x0aXAtYm9keV0sICY6aGFzKDpmb2N1cy12aXNpYmxlKSA+IFtkYXRhLXRvb2x0aXAtYm9keV0nOlxuICAgICAge1xuICAgICAgICBvcGFjaXR5OiAxLFxuICAgICAgICB0cmFuc2l0aW9uOiBgb3BhY2l0eSAke3RpbWluZy5mYXN0fSAke3RpbWluZy5iYXNlfWAsXG4gICAgICAgIHZpc2liaWxpdHk6ICd2aXNpYmxlJyxcbiAgICAgIH0sXG4gICAgLi4udGlwV3JhcHBlclN0eWxlcyxcbiAgfSksXG4gIGlubGluZVRpcFN0YXRlcyxcbiAgdG9vbFRpcFdyYXBwZXJTdGF0ZXNcbik7XG5cbmV4cG9ydCBjb25zdCBJbmZvVGlwV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gIGNzcyh7XG4gICAgLi4udGlwV3JhcHBlclN0eWxlcyxcbiAgfSlcbik7XG5cbmVudW0gVGFyZ2V0U2VsZWN0b3JzIHtcbiAgT1VUTElORSA9ICcmOmJlZm9yZScsXG4gIE9VVExJTkVfRk9DVVNfVklTSUJMRSA9ICcmOmZvY3VzLXZpc2libGU6YmVmb3JlJyxcbn1cblxuZXhwb3J0IGNvbnN0IFRhcmdldENvbnRhaW5lciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgIGJvcmRlcjogJ25vbmUnLFxuICAgIGJhY2tncm91bmQ6ICdub25lJyxcbiAgICBwYWRkaW5nOiAwLFxuICAgIFtTZWxlY3RvcnMuRk9DVVNfVklTSUJMRV06IHtcbiAgICAgIG91dGxpbmU6ICdub25lJyxcbiAgICB9LFxuICAgIFtUYXJnZXRTZWxlY3RvcnMuT1VUTElORV06IHtcbiAgICAgIGNvbnRlbnQ6IFwiJydcIixcbiAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgaW5zZXQ6IC0yLFxuICAgICAgYm9yZGVyUmFkaXVzOiAnbWQnLFxuICAgICAgYm9yZGVyOiAyLFxuICAgICAgYm9yZGVyQ29sb3I6ICdwcmltYXJ5JyxcbiAgICAgIG9wYWNpdHk6IDAsXG4gICAgICB6SW5kZXg6IDAsXG4gICAgfSxcbiAgICBbVGFyZ2V0U2VsZWN0b3JzLk9VVExJTkVfRk9DVVNfVklTSUJMRV06IHtcbiAgICAgIG9wYWNpdHk6IDEsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IGlubGluZVRpcEJvZHlTdGF0ZXMgPSBzdGF0ZXMoe1xuICBob3Jpek5hcnJvdzogeyBtYXhXaWR0aDogbmFycm93V2lkdGggfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgVGlwQm9keSA9IHN0eWxlZChCb3gpPFxuICBTdHlsZVByb3BzPHR5cGVvZiBpbmxpbmVUb29sVGlwQm9keUFsaWdubWVudHM+ICZcbiAgICBTdHlsZVByb3BzPHR5cGVvZiBpbmxpbmVUaXBCb2R5U3RhdGVzPlxuPihjc3MoeyAuLi50b29sVGlwQm9keUNzcyB9KSwgaW5saW5lVG9vbFRpcEJvZHlBbGlnbm1lbnRzLCBpbmxpbmVUaXBCb2R5U3RhdGVzKTtcblxuZXhwb3J0IGNvbnN0IEZsb2F0aW5nVGlwQm9keSA9IHN0eWxlZChQb3BvdmVyKTxcbiAgU3R5bGVQcm9wczx0eXBlb2YgdG9vbFRpcFdpZHRoUmVzdHJpY3Rpb25zPlxuPih0b29sVGlwV2lkdGhSZXN0cmljdGlvbnMpO1xuIl19 */");
 export const FloatingTipBody = /*#__PURE__*/_styled(Popover, {
   target: "eh9y8s80",
   label: "FloatingTipBody"
-})(toolTipWidthRestrictions, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaXAvc2hhcmVkL2VsZW1lbnRzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRytCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UaXAvc2hhcmVkL2VsZW1lbnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgc3RhdGVzLCB0aW1pbmcgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQm94LCBGbGV4Qm94IH0gZnJvbSAnLi4vLi4vQm94JztcbmltcG9ydCB7IFNlbGVjdG9ycyB9IGZyb20gJy4uLy4uL0J1dHRvbkJhc2UvQnV0dG9uQmFzZSc7XG5pbXBvcnQgeyBQb3BvdmVyIH0gZnJvbSAnLi4vLi4vUG9wb3Zlcic7XG5pbXBvcnQge1xuICBpbmxpbmVUb29sVGlwQm9keUFsaWdubWVudHMsXG4gIG5hcnJvd1dpZHRoLFxuICB0b29sVGlwQm9keUNzcyxcbiAgdG9vbHRpcENlbnRlcmVkUGFkZGluZyxcbiAgdG9vbFRpcFdpZHRoUmVzdHJpY3Rpb25zLFxufSBmcm9tICcuL3N0eWxlcy9zdHlsZXMnO1xuXG5jb25zdCB0aXBXcmFwcGVyU3R5bGVzID0ge1xuICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgZGlzcGxheTogJ2lubGluZS1mbGV4JyxcbiAgb3ZlcmZsb3dXcmFwOiAnYnJlYWstd29yZCcsXG59IGFzIGNvbnN0O1xuXG5jb25zdCBmbG9hdGluZ1RpcFRleHRTdGF0ZXMgPSBzdGF0ZXMoe1xuICBpc0hvdmVyVHlwZTogeyBhbGlnbkl0ZW1zOiAnZmxleFN0YXJ0JyB9LFxuICAvKlxuICAgKiBTdWJ0cmFjdCAyeCBwYWRkaW5nIHRvIGFjY291bnQgZm9yIHRoZSBwYWRkaW5nIHdpdGhpblxuICAgKiB0aGUgdG9vbHRpcCBzaW5jZSB0aGlzIGlzIHRoZSBpbm5lciB0ZXh0IHdyYXBwZXJcbiAgICovXG4gIG5hcnJvdzogeyB3aWR0aDogbmFycm93V2lkdGggLSB0b29sdGlwQ2VudGVyZWRQYWRkaW5nICogMiB9LFxuICBob3Jpek5hcnJvdzogeyBtYXhXaWR0aDogbmFycm93V2lkdGggLSB0b29sdGlwQ2VudGVyZWRQYWRkaW5nICogMiB9LFxufSk7XG5cbmNvbnN0IGlubGluZVRpcFN0YXRlcyA9IHN0YXRlcyh7XG4gIGluaGVyaXREaW1zOiB7IGhlaWdodDogJ2luaGVyaXQnLCB3aWR0aDogJ2luaGVyaXQnIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IEZsb2F0aW5nVGlwVGV4dFdyYXBwZXIgPSBzdHlsZWQoRmxleEJveCk8XG4gIFN0eWxlUHJvcHM8dHlwZW9mIGZsb2F0aW5nVGlwVGV4dFN0YXRlcz5cbj4oXG4gIGNzcyh7XG4gICAgZmxleERpcmVjdGlvbjogJ2NvbHVtbicsXG4gICAgb3ZlcmZsb3dXcmFwOiAnYnJlYWstd29yZCcsXG4gIH0pLFxuICBmbG9hdGluZ1RpcFRleHRTdGF0ZXNcbik7XG5cbmV4cG9ydCBjb25zdCBUb29sVGlwV3JhcHBlciA9IHN0eWxlZC5kaXY8U3R5bGVQcm9wczx0eXBlb2YgaW5saW5lVGlwU3RhdGVzPj4oXG4gIGNzcyh7XG4gICAgJyY6aG92ZXIgPiBkaXYsICY6Zm9jdXMtd2l0aGluID4gZGl2Jzoge1xuICAgICAgb3BhY2l0eTogMSxcbiAgICAgIHRyYW5zaXRpb246IGBvcGFjaXR5ICR7dGltaW5nLmZhc3R9ICR7dGltaW5nLmJhc2V9YCxcbiAgICAgIHZpc2liaWxpdHk6ICd2aXNpYmxlJyxcbiAgICB9LFxuICAgIC4uLnRpcFdyYXBwZXJTdHlsZXMsXG4gIH0pLFxuICBpbmxpbmVUaXBTdGF0ZXNcbik7XG5cbmV4cG9ydCBjb25zdCBJbmZvVGlwV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gIGNzcyh7XG4gICAgLi4udGlwV3JhcHBlclN0eWxlcyxcbiAgfSlcbik7XG5cbmVudW0gVGFyZ2V0U2VsZWN0b3JzIHtcbiAgT1VUTElORSA9ICcmOmJlZm9yZScsXG4gIE9VVExJTkVfRk9DVVNfVklTSUJMRSA9ICcmOmZvY3VzLXZpc2libGU6YmVmb3JlJyxcbn1cblxuZXhwb3J0IGNvbnN0IFRhcmdldENvbnRhaW5lciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgIGJvcmRlcjogJ25vbmUnLFxuICAgIGJhY2tncm91bmQ6ICdub25lJyxcbiAgICBwYWRkaW5nOiAwLFxuICAgIFtTZWxlY3RvcnMuRk9DVVNfVklTSUJMRV06IHtcbiAgICAgIG91dGxpbmU6ICdub25lJyxcbiAgICB9LFxuICAgIFtUYXJnZXRTZWxlY3RvcnMuT1VUTElORV06IHtcbiAgICAgIGNvbnRlbnQ6IFwiJydcIixcbiAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgaW5zZXQ6IC0yLFxuICAgICAgYm9yZGVyUmFkaXVzOiAnbWQnLFxuICAgICAgYm9yZGVyOiAyLFxuICAgICAgYm9yZGVyQ29sb3I6ICdwcmltYXJ5JyxcbiAgICAgIG9wYWNpdHk6IDAsXG4gICAgICB6SW5kZXg6IDAsXG4gICAgfSxcbiAgICBbVGFyZ2V0U2VsZWN0b3JzLk9VVExJTkVfRk9DVVNfVklTSUJMRV06IHtcbiAgICAgIG9wYWNpdHk6IDEsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IGlubGluZVRpcEJvZHlTdGF0ZXMgPSBzdGF0ZXMoe1xuICBob3Jpek5hcnJvdzogeyBtYXhXaWR0aDogbmFycm93V2lkdGggfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgVGlwQm9keSA9IHN0eWxlZChCb3gpPFxuICBTdHlsZVByb3BzPHR5cGVvZiBpbmxpbmVUb29sVGlwQm9keUFsaWdubWVudHM+ICZcbiAgICBTdHlsZVByb3BzPHR5cGVvZiBpbmxpbmVUaXBCb2R5U3RhdGVzPlxuPihjc3MoeyAuLi50b29sVGlwQm9keUNzcyB9KSwgaW5saW5lVG9vbFRpcEJvZHlBbGlnbm1lbnRzLCBpbmxpbmVUaXBCb2R5U3RhdGVzKTtcblxuZXhwb3J0IGNvbnN0IEZsb2F0aW5nVGlwQm9keSA9IHN0eWxlZChQb3BvdmVyKTxcbiAgU3R5bGVQcm9wczx0eXBlb2YgdG9vbFRpcFdpZHRoUmVzdHJpY3Rpb25zPlxuPih0b29sVGlwV2lkdGhSZXN0cmljdGlvbnMpO1xuIl19 */");
+})(toolTipWidthRestrictions, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaXAvc2hhcmVkL2VsZW1lbnRzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxSCtCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UaXAvc2hhcmVkL2VsZW1lbnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgc3RhdGVzLCB0aW1pbmcgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQm94LCBGbGV4Qm94IH0gZnJvbSAnLi4vLi4vQm94JztcbmltcG9ydCB7IFNlbGVjdG9ycyB9IGZyb20gJy4uLy4uL0J1dHRvbkJhc2UvQnV0dG9uQmFzZSc7XG5pbXBvcnQgeyBQb3BvdmVyIH0gZnJvbSAnLi4vLi4vUG9wb3Zlcic7XG5pbXBvcnQge1xuICBpbmxpbmVUb29sVGlwQm9keUFsaWdubWVudHMsXG4gIG5hcnJvd1dpZHRoLFxuICB0b29sVGlwQm9keUNzcyxcbiAgdG9vbHRpcENlbnRlcmVkUGFkZGluZyxcbiAgdG9vbFRpcFdpZHRoUmVzdHJpY3Rpb25zLFxufSBmcm9tICcuL3N0eWxlcy9zdHlsZXMnO1xuXG5jb25zdCB0aXBXcmFwcGVyU3R5bGVzID0ge1xuICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgZGlzcGxheTogJ2lubGluZS1mbGV4JyxcbiAgb3ZlcmZsb3dXcmFwOiAnYnJlYWstd29yZCcsXG59IGFzIGNvbnN0O1xuXG5jb25zdCBmbG9hdGluZ1RpcFRleHRTdGF0ZXMgPSBzdGF0ZXMoe1xuICBpc0hvdmVyVHlwZTogeyBhbGlnbkl0ZW1zOiAnZmxleFN0YXJ0JyB9LFxuICAvKlxuICAgKiBTdWJ0cmFjdCAyeCBwYWRkaW5nIHRvIGFjY291bnQgZm9yIHRoZSBwYWRkaW5nIHdpdGhpblxuICAgKiB0aGUgdG9vbHRpcCBzaW5jZSB0aGlzIGlzIHRoZSBpbm5lciB0ZXh0IHdyYXBwZXJcbiAgICovXG4gIG5hcnJvdzogeyB3aWR0aDogbmFycm93V2lkdGggLSB0b29sdGlwQ2VudGVyZWRQYWRkaW5nICogMiB9LFxuICBob3Jpek5hcnJvdzogeyBtYXhXaWR0aDogbmFycm93V2lkdGggLSB0b29sdGlwQ2VudGVyZWRQYWRkaW5nICogMiB9LFxufSk7XG5cbmNvbnN0IGlubGluZVRpcFN0YXRlcyA9IHN0YXRlcyh7XG4gIGluaGVyaXREaW1zOiB7IGhlaWdodDogJ2luaGVyaXQnLCB3aWR0aDogJ2luaGVyaXQnIH0sXG59KTtcblxuY29uc3QgdG9vbFRpcFdyYXBwZXJTdGF0ZXMgPSBzdGF0ZXMoe1xuICBkaXNtaXNzZWQ6IHtcbiAgICAnJjpob3ZlciA+IFtkYXRhLXRvb2x0aXAtYm9keV0sICY6aGFzKDpmb2N1cy12aXNpYmxlKSA+IFtkYXRhLXRvb2x0aXAtYm9keV0nOlxuICAgICAge1xuICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICB2aXNpYmlsaXR5OiAnaGlkZGVuJyxcbiAgICAgICAgdHJhbnNpdGlvbjogJ25vbmUnLFxuICAgICAgfSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgRmxvYXRpbmdUaXBUZXh0V3JhcHBlciA9IHN0eWxlZChGbGV4Qm94KTxcbiAgU3R5bGVQcm9wczx0eXBlb2YgZmxvYXRpbmdUaXBUZXh0U3RhdGVzPlxuPihcbiAgY3NzKHtcbiAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcbiAgICBvdmVyZmxvd1dyYXA6ICdicmVhay13b3JkJyxcbiAgfSksXG4gIGZsb2F0aW5nVGlwVGV4dFN0YXRlc1xuKTtcblxuZXhwb3J0IGNvbnN0IFRvb2xUaXBXcmFwcGVyID0gc3R5bGVkLmRpdjxcbiAgU3R5bGVQcm9wczx0eXBlb2YgaW5saW5lVGlwU3RhdGVzPiAmIFN0eWxlUHJvcHM8dHlwZW9mIHRvb2xUaXBXcmFwcGVyU3RhdGVzPlxuPihcbiAgY3NzKHtcbiAgICAnJjpob3ZlciA+IFtkYXRhLXRvb2x0aXAtYm9keV0sICY6aGFzKDpmb2N1cy12aXNpYmxlKSA+IFtkYXRhLXRvb2x0aXAtYm9keV0nOlxuICAgICAge1xuICAgICAgICBvcGFjaXR5OiAxLFxuICAgICAgICB0cmFuc2l0aW9uOiBgb3BhY2l0eSAke3RpbWluZy5mYXN0fSAke3RpbWluZy5iYXNlfWAsXG4gICAgICAgIHZpc2liaWxpdHk6ICd2aXNpYmxlJyxcbiAgICAgIH0sXG4gICAgLi4udGlwV3JhcHBlclN0eWxlcyxcbiAgfSksXG4gIGlubGluZVRpcFN0YXRlcyxcbiAgdG9vbFRpcFdyYXBwZXJTdGF0ZXNcbik7XG5cbmV4cG9ydCBjb25zdCBJbmZvVGlwV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gIGNzcyh7XG4gICAgLi4udGlwV3JhcHBlclN0eWxlcyxcbiAgfSlcbik7XG5cbmVudW0gVGFyZ2V0U2VsZWN0b3JzIHtcbiAgT1VUTElORSA9ICcmOmJlZm9yZScsXG4gIE9VVExJTkVfRk9DVVNfVklTSUJMRSA9ICcmOmZvY3VzLXZpc2libGU6YmVmb3JlJyxcbn1cblxuZXhwb3J0IGNvbnN0IFRhcmdldENvbnRhaW5lciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgIGJvcmRlcjogJ25vbmUnLFxuICAgIGJhY2tncm91bmQ6ICdub25lJyxcbiAgICBwYWRkaW5nOiAwLFxuICAgIFtTZWxlY3RvcnMuRk9DVVNfVklTSUJMRV06IHtcbiAgICAgIG91dGxpbmU6ICdub25lJyxcbiAgICB9LFxuICAgIFtUYXJnZXRTZWxlY3RvcnMuT1VUTElORV06IHtcbiAgICAgIGNvbnRlbnQ6IFwiJydcIixcbiAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgaW5zZXQ6IC0yLFxuICAgICAgYm9yZGVyUmFkaXVzOiAnbWQnLFxuICAgICAgYm9yZGVyOiAyLFxuICAgICAgYm9yZGVyQ29sb3I6ICdwcmltYXJ5JyxcbiAgICAgIG9wYWNpdHk6IDAsXG4gICAgICB6SW5kZXg6IDAsXG4gICAgfSxcbiAgICBbVGFyZ2V0U2VsZWN0b3JzLk9VVExJTkVfRk9DVVNfVklTSUJMRV06IHtcbiAgICAgIG9wYWNpdHk6IDEsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IGlubGluZVRpcEJvZHlTdGF0ZXMgPSBzdGF0ZXMoe1xuICBob3Jpek5hcnJvdzogeyBtYXhXaWR0aDogbmFycm93V2lkdGggfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgVGlwQm9keSA9IHN0eWxlZChCb3gpPFxuICBTdHlsZVByb3BzPHR5cGVvZiBpbmxpbmVUb29sVGlwQm9keUFsaWdubWVudHM+ICZcbiAgICBTdHlsZVByb3BzPHR5cGVvZiBpbmxpbmVUaXBCb2R5U3RhdGVzPlxuPihjc3MoeyAuLi50b29sVGlwQm9keUNzcyB9KSwgaW5saW5lVG9vbFRpcEJvZHlBbGlnbm1lbnRzLCBpbmxpbmVUaXBCb2R5U3RhdGVzKTtcblxuZXhwb3J0IGNvbnN0IEZsb2F0aW5nVGlwQm9keSA9IHN0eWxlZChQb3BvdmVyKTxcbiAgU3R5bGVQcm9wczx0eXBlb2YgdG9vbFRpcFdpZHRoUmVzdHJpY3Rpb25zPlxuPih0b29sVGlwV2lkdGhSZXN0cmljdGlvbnMpO1xuIl19 */");

package/dist/Tip/shared/types.d.ts

@@ -47,8 +47,9 @@ export type TipPlacementComponentProps = Omit<TipNewBaseProps, 'placement' | 'em
     id?: string;
     isTipHidden?: boolean;
     contentRef?: React.RefObject<HTMLDivElement> | ((node: HTMLDivElement | null) => void);
+    closeOnClick?: boolean;
     type: 'info' | 'tool' | 'preview';
-    wrapperRef?: React.RefObject<HTMLDivElement>;
+    wrapperRef?: React.Ref<HTMLDivElement | null>;
     zIndex?: number;
 } & React.PropsWithChildren;
 export {};

package/dist/Tip/shared/utils.js

@@ -95,7 +95,7 @@ export const isFloatingElementOpen = element => {
    * Only perform this expensive querySelector operation after all other checks pass.
    */
   const toggleButton = element.querySelector('button[aria-expanded], [role="button"][aria-expanded]');
-  if (toggleButton && toggleButton.getAttribute('aria-expanded') === 'false') {
+  if (toggleButton?.getAttribute('aria-expanded') === 'false') {
     return false;
   }
 

package/dist/utils/nullish.d.ts

@@ -0,0 +1,10 @@
+/**
+ * True when `value` is `null` or `undefined`.
+ * Use instead of `value == null` when `eqeqeq` is enforced.
+ */
+export declare const isNullish: (value: unknown) => value is null | undefined;
+/**
+ * True when `value` is neither `null` nor `undefined`.
+ * Use instead of `value != null` when `eqeqeq` is enforced.
+ */
+export declare const isDefined: <T>(value: T | null | undefined) => value is T;

package/dist/utils/nullish.js

@@ -0,0 +1,11 @@
+/**
+ * True when `value` is `null` or `undefined`.
+ * Use instead of `value == null` when `eqeqeq` is enforced.
+ */
+export const isNullish = value => value === null || value === undefined;
+
+/**
+ * True when `value` is neither `null` nor `undefined`.
+ * Use instead of `value != null` when `eqeqeq` is enforced.
+ */
+export const isDefined = value => value !== undefined && value !== null;

package/dist/utils/react.js

@@ -1,4 +1,5 @@
 import { Children, isValidElement } from 'react';
+import { isNullish } from './nullish';
 
 /**
  * Recursively extracts plain text content from React children.
@@ -29,11 +30,12 @@ export const extractTextContent = children => {
     if (typeof child === 'string' || typeof child === 'number') {
       return String(child);
     }
-    if (typeof child === 'boolean' || child == null) {
+    if (typeof child === 'boolean' || isNullish(child)) {
       return '';
     }
     if (/*#__PURE__*/isValidElement(child)) {
-      const textContent = child.props.children ?? child.props.text ?? '';
+      const props = child.props;
+      const textContent = props.children ?? props.text ?? '';
       return extractTextContent(textContent);
     }
     return '';

package/package.json

@@ -1,21 +1,21 @@
 {
   "name": "@codecademy/gamut",
   "description": "Styleguide & Component library for Codecademy",
-  "version": "72.2.3-alpha.f0a032.0",
+  "version": "72.2.3-alpha.f7288b.0",
   "author": "Codecademy Engineering <dev@codecademy.com>",
   "bin": "./bin/gamut.mjs",
   "dependencies": {
-    "@codecademy/gamut-icons": "9.57.10-alpha.f0a032.0",
-    "@codecademy/gamut-illustrations": "0.58.16-alpha.f0a032.0",
-    "@codecademy/gamut-patterns": "0.10.35-alpha.f0a032.0",
-    "@codecademy/gamut-styles": "20.0.3-alpha.f0a032.0",
-    "@codecademy/variance": "0.26.2-alpha.f0a032.0",
+    "@codecademy/gamut-icons": "9.57.10-alpha.f7288b.0",
+    "@codecademy/gamut-illustrations": "0.58.16-alpha.f7288b.0",
+    "@codecademy/gamut-patterns": "0.10.35-alpha.f7288b.0",
+    "@codecademy/gamut-styles": "20.0.3-alpha.f7288b.0",
+    "@codecademy/variance": "0.26.2-alpha.f7288b.0",
     "@formatjs/intl-locale": "5.3.1",
     "@react-aria/interactions": "3.25.0",
     "@types/marked": "^4.0.8",
     "@vidstack/react": "^1.12.12",
     "classnames": "^2.2.5",
-    "framer-motion": "^11.18.0",
+    "framer-motion": "^12.0.0",
     "html-to-react": "^1.6.0",
     "invariant": "^2.2.4",
     "lodash": "^4.17.23",
@@ -23,7 +23,7 @@
     "polished": "^4.1.2",
     "react-aria-components": "1.7.1",
     "react-focus-on": "3.10.0",
-    "react-hook-form": "^7.65.0",
+    "react-hook-form": "^7.71.2",
     "react-player": "^2.16.0",
     "react-select": "^5.2.2",
     "react-truncate-markup": "^5.1.2",
@@ -44,8 +44,8 @@
   "peerDependencies": {
     "@emotion/react": "^11.4.0",
     "@emotion/styled": "^11.3.0",
-    "react": "^17.0.2 || ^18.3.0",
-    "react-dom": "^17.0.2 || ^18.3.0"
+    "react": "^17.0.2 || ^18.3.0 || ^19.0.0",
+    "react-dom": "^17.0.2 || ^18.3.0 || ^19.0.0"
   },
   "publishConfig": {
     "access": "public"

package/agent-tools/skills/gamut-select-dropdown/SKILL.md

@@ -1,236 +0,0 @@
----
-name: gamut-select-dropdown
-description: Use when implementing or auditing SelectDropdown — single/multi modes, controlled vs uncontrolled value, creatable options, FormGroup wiring, and onChange contract. Pair with gamut-forms for error live regions, ConnectedForm, and field-level validation.
----
-
-# Gamut SelectDropdown
-
-Styled dropdown built on react-select.
-
-Source: `@codecademy/gamut` — [SelectDropdown.tsx](https://github.com/Codecademy/gamut/blob/main/packages/gamut/src/Form/SelectDropdown/SelectDropdown.tsx)
-
-See also: [`gamut-forms`](../gamut-forms/SKILL.md) — FormGroup wiring, error regions, and validation UX.
-
-Storybook: [Atoms / FormInputs / SelectDropdown](https://gamut.codecademy.com/?path=/docs-atoms-forminputs-selectdropdown--docs)
-
----
-
-## When to use SelectDropdown vs Select
-
-Use `Select` for standard single-select forms with minimal bundle cost. Use `SelectDropdown` when designs specify the styled dropdown menu, search, multi-select tags, creatable options, icons, groups, or abbreviations. SelectDropdown has a larger JavaScript dependency (react-select).
-
----
-
-## Options
-
-`options` accepts plain strings or option objects. `value` is always a string and references an option's `value`.
-
-| Field          | Required | Notes                                                                |
-| -------------- | -------- | -------------------------------------------------------------------- |
-| `label`        | yes      | Display text                                                         |
-| `value`        | yes      | Unique string; what `value` / `string[]` reference                   |
-| `disabled`     | no       | Option cannot be selected                                            |
-| `subtitle`     | no       | Secondary text below the label                                       |
-| `rightLabel`   | no       | Text on the right side of the option                                 |
-| `icon`         | no       | A `@codecademy/gamut-icons` component                                |
-| `abbreviation` | no       | Short text shown in the input while the full label shows in the menu |
-
-Grouped options: `{ label, options: [...], divider? }` (extends react-select `GroupBase`; `divider` draws a rule above the group).
-
----
-
-## Controlled vs uncontrolled
-
-SelectDropdown does **not** accept `defaultValue`.
-
-| Mode             | Uncontrolled                                       | Controlled                                                                        |
-| ---------------- | -------------------------------------------------- | --------------------------------------------------------------------------------- |
-| Single           | Not supported                                      | `value` (string) + update in `onChange`                                           |
-| Multi            | Omit `value` or pass non-array (`undefined`, `''`) | `value: string[]` + update in `onChange`                                          |
-| Creatable single | Not supported                                      | Same as single; `onCreateOption` appends to `options`                             |
-| Creatable multi  | Omit `value`; `onCreateOption` for options         | `value: string[]`; update in `onChange` on every change including `create-option` |
-
-Single-select selection is derived from the `value` prop only — internal state is not kept. Multi-select without `value: string[]` keeps selection in internal `multiValues`.
-
-**Controlled creatable multi pitfall:** Updating `options` alone without syncing `value` in `onChange` clears selection when options re-render.
-
-### When to use uncontrolled (multi only)
-
-Uncontrolled multi is appropriate when:
-
-- No other part of the UI needs to react to the current selection (no live summary, no dependent field, no enabled/disabled button).
-- You only need the value at form submission — via `FormData`, a submit handler reading the DOM, or react-hook-form's `getValues`.
-- Simplicity is the priority; omitting `value` means one less piece of state to manage.
-
-```tsx
-// Good fit: a "tags" field where only the submitted array matters
-<SelectDropdown
-  multiple
-  name="tags"
-  options={tagOptions}
-  onCreateOption={(v) => setTagOptions((prev) => [...prev, v])}
-/>
-```
-
-### When to use controlled
-
-Use controlled when:
-
-- Another part of the UI must reflect the current selection in real time (summary text, a filtered list, an enable/disable condition).
-- You need to pre-populate from an API response, reset on cancel, or sync with a form library like react-hook-form.
-- You are using single-select (the only supported mode for single).
-
-```tsx
-// Good fit: pre-populate from API, clear on cancel, show live summary
-const [selected, setSelected] = useState<string[]>(initialValues);
-
-<SelectDropdown
-  multiple
-  name="languages"
-  options={languageOptions}
-  value={selected}
-  onChange={(opts) => setSelected(opts.map((o) => o.value))}
-/>
-<p>Selected: {selected.join(', ') || 'none'}</p>
-```
-
----
-
-## onChange contract
-
-`onChange` receives option object(s), not `event.target.value`:
-
-```tsx
-// Single
-onChange={(option) => setValue(option.value)}
-
-// Multi
-onChange={(selected) => setValue(selected.map((o) => o.value))}
-```
-
-Second argument is react-select `ActionMeta`. For creatable creates: `meta.action === 'create-option'`. Do **not** pass `onCreateOption` to react-select directly — Gamut invokes it from `changeHandler` while still forwarding `create-option` to consumer `onChange`.
-
----
-
-## Creatable
-
-- `isCreatable` forces `isSearchable: true` (TypeScript enforces this).
-- `onCreateOption(inputValue)` — convenience hook to append to `options`.
-- `onChange(selected, meta)` — use `meta.action === 'create-option'` to sync controlled `value` and `options` together.
-- `isValidNewOption` — return `false` to hide the Add row.
-- `validationMessage` — replaces menu "No options" text; mirror in `FormGroup` `error` for field-level feedback.
-
-**Validation after blur:** react-select clears input on blur before `onBlur` fires, so the value is gone by the time you'd validate it. Store the last typed value in a ref and re-validate from it on `input-blur`:
-
-```tsx
-const lastInput = useRef('');
-
-<SelectDropdown
-  isCreatable
-  onInputChange={(value, { action }) => {
-    if (action === 'input-change') lastInput.current = value;
-    if (action === 'input-blur') validate(lastInput.current);
-  }}
-/>;
-```
-
----
-
-## FormGroup wiring
-
-- `FormGroup` `htmlFor` must match control `id` (not `name`). Alternatively, pass `htmlFor` directly on SelectDropdown and it becomes `id` downstream.
-- Pass `name` on SelectDropdown (required for forms).
-- Pass `aria-label` (required for forms); it must match the FormGroupLabel `htmlFor`.
-- Pass `error` boolean when FormGroup has an error.
-- Generic FormGroup live-region behavior: see [`gamut-forms`](../gamut-forms/SKILL.md).
-
-```tsx
-<FormGroup htmlFor="country" isSoloField label="Country" error={errors.country}>
-  <SelectDropdown
-    id="country"
-    name="country"
-    aria-label="country"
-    options={options}
-    value={value}
-    error={Boolean(errors.country)}
-    onChange={(option) => setValue(option.value)}
-  />
-</FormGroup>
-```
-
----
-
-## Styling & layout props
-
-| Prop                | Type                     | Default  | Notes                                                     |
-| ------------------- | ------------------------ | -------- | --------------------------------------------------------- |
-| `size`              | `'small' \| 'medium'`    | `medium` | Control height/density                                    |
-| `shownOptionsLimit` | `1`–`6`                  | `6`      | Visible options before the menu scrolls                   |
-| `inputWidth`        | `string \| number`       | —        | Width of the input independent of the menu                |
-| `dropdownWidth`     | `string \| number`       | —        | Width of the menu independent of the input                |
-| `menuAlignment`     | `'left' \| 'right'`      | `left`   | Menu edge alignment                                       |
-| `zIndex`            | `number`                 | auto     | Menu z-index                                              |
-| `inputProps`        | `{ hidden?, combobox? }` | —        | `data-*` / `aria-*` only, forwarded to the input elements |
-
----
-
-## Examples
-
-### Single (controlled)
-
-```tsx
-const [value, setValue] = useState('us');
-
-<SelectDropdown
-  name="country"
-  options={options}
-  value={value}
-  onChange={(option) => setValue(option.value)}
-/>;
-```
-
-### Multi (uncontrolled)
-
-```tsx
-<SelectDropdown
-  multiple
-  name="tags"
-  options={options}
-  onChange={(selected) => console.log(selected)}
-/>
-```
-
-### Creatable multi (uncontrolled)
-
-```tsx
-const [options, setOptions] = useState(['Apple', 'Banana']);
-
-<SelectDropdown
-  isCreatable
-  multiple
-  name="fruits"
-  options={options}
-  onCreateOption={(v) => setOptions((prev) => [...prev, v])}
-/>;
-```
-
-### Creatable multi (controlled)
-
-```tsx
-const [options, setOptions] = useState(['Apple', 'Banana']);
-const [value, setValue] = useState<string[]>([]);
-
-<SelectDropdown
-  isCreatable
-  multiple
-  name="fruits"
-  options={options}
-  value={value}
-  onChange={(selected, meta) => {
-    setValue(selected.map((o) => o.value));
-    if (meta.action === 'create-option' && meta.option) {
-      setOptions((prev) => [...prev, meta.option.value]);
-    }
-  }}
-/>;
-```

package/dist/Form/SelectDropdown/core/accessibility.d.ts

@@ -1,3 +0,0 @@
-import { AriaOnFocus } from 'react-select';
-import { ExtendedOption } from '../types';
-export declare const onFocus: AriaOnFocus<ExtendedOption>;

package/dist/Form/SelectDropdown/core/accessibility.js

@@ -1,12 +0,0 @@
-export const onFocus = ({
-  focused: {
-    label,
-    subtitle,
-    rightLabel,
-    disabled
-  }
-}) => {
-  const formattedSubtitle = `, ${subtitle}`;
-  const formattedRightLabel = `, ${rightLabel}`;
-  return `You are currently focused on option ${label}${subtitle ? formattedSubtitle : ''} ${rightLabel ? formattedRightLabel : ''}${disabled ? ', disabled' : ''}`;
-};

package/dist/Form/SelectDropdown/core/constants.d.ts

@@ -1,13 +0,0 @@
-export declare const defaultComponents: {
-    DropdownIndicator: (props: import("../types").SizedIndicatorProps) => import("react/jsx-runtime").JSX.Element;
-    IndicatorSeparator: () => null;
-    ClearIndicator: (props: import("../types").SizedIndicatorProps) => import("react/jsx-runtime").JSX.Element;
-    SelectContainer: ({ children, ...rest }: import("../types").CustomSelectComponentProps<(<Option_18, IsMulti_18 extends boolean, Group_18 extends import("react-select").GroupBase<Option_18>>(props: import("react-select").ContainerProps<Option_18, IsMulti_18, Group_18>) => import("@emotion/react").jsx.JSX.Element)>) => import("react/jsx-runtime").JSX.Element;
-    ValueContainer: ({ ...rest }: import("../types").CustomSelectComponentProps<(<Option_20, IsMulti_20 extends boolean, Group_20 extends import("react-select").GroupBase<Option_20>>(props: import("react-select").ValueContainerProps<Option_20, IsMulti_20, Group_20>) => import("@emotion/react").jsx.JSX.Element)>) => import("react/jsx-runtime").JSX.Element;
-    MultiValue: (props: import("react-select").MultiValueProps<import("..").ExtendedOption, true, import("react-select").GroupBase<import("..").ExtendedOption>>) => import("react/jsx-runtime").JSX.Element;
-    MultiValueRemove: (props: import("react-select").MultiValueRemoveProps<import("..").ExtendedOption, true, import("react-select").GroupBase<import("..").ExtendedOption>>) => import("react/jsx-runtime").JSX.Element;
-    Option: ({ children, ...rest }: import("../types").CustomSelectComponentProps<(<Option_16, IsMulti_16 extends boolean, Group_16 extends import("react-select").GroupBase<Option_16>>(props: import("react-select").OptionProps<Option_16, IsMulti_16, Group_16>) => import("@emotion/react").jsx.JSX.Element)>) => import("react/jsx-runtime").JSX.Element;
-    SingleValue: (props: import("react-select").SingleValueProps<import("..").ExtendedOption, false>) => import("react/jsx-runtime").JSX.Element;
-    Input: ({ ...rest }: import("../types").CustomSelectComponentProps<(<Option_7, IsMulti_7 extends boolean, Group_7 extends import("react-select").GroupBase<Option_7>>(props: import("react-select").InputProps<Option_7, IsMulti_7, Group_7>) => import("@emotion/react").jsx.JSX.Element)>) => import("react/jsx-runtime").JSX.Element;
-};
-export declare const ON_CHANGE_ACTION: "select-option";