@codecademy/gamut 72.2.3-alpha.83b0a8.0 → 72.2.3-alpha.8ab930.0

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

@@ -46,7 +46,8 @@ export type TipPlacementComponentProps = Omit<TipNewBaseProps, 'placement' | 'em
     escapeKeyPressHandler?: (event: React.KeyboardEvent<HTMLDivElement>) => void;
     id?: string;
     isTipHidden?: boolean;
-    contentRef?: React.Ref<HTMLDivElement | null>;
+    contentRef?: React.RefObject<HTMLDivElement> | ((node: HTMLDivElement | null) => void);
+    closeOnClick?: boolean;
     type: 'info' | 'tool' | 'preview';
     wrapperRef?: React.Ref<HTMLDivElement | null>;
     zIndex?: number;

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@codecademy/gamut",
   "description": "Styleguide & Component library for Codecademy",
-  "version": "72.2.3-alpha.83b0a8.0",
+  "version": "72.2.3-alpha.8ab930.0",
   "author": "Codecademy Engineering <dev@codecademy.com>",
   "bin": "./bin/gamut.mjs",
   "dependencies": {
-    "@codecademy/gamut-icons": "9.57.10-alpha.83b0a8.0",
-    "@codecademy/gamut-illustrations": "0.58.16-alpha.83b0a8.0",
-    "@codecademy/gamut-patterns": "0.10.35-alpha.83b0a8.0",
-    "@codecademy/gamut-styles": "20.0.3-alpha.83b0a8.0",
-    "@codecademy/variance": "0.26.2-alpha.83b0a8.0",
+    "@codecademy/gamut-icons": "9.57.10-alpha.8ab930.0",
+    "@codecademy/gamut-illustrations": "0.58.16-alpha.8ab930.0",
+    "@codecademy/gamut-patterns": "0.10.35-alpha.8ab930.0",
+    "@codecademy/gamut-styles": "20.0.3-alpha.8ab930.0",
+    "@codecademy/variance": "0.26.2-alpha.8ab930.0",
     "@formatjs/intl-locale": "5.3.1",
     "@react-aria/interactions": "3.25.0",
     "@types/marked": "^4.0.8",

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";

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

@@ -1,14 +0,0 @@
-import { AbbreviatedSingleValue, CustomContainer, CustomInput, CustomValueContainer, DropdownButton, IconOption, MultiValueRemoveButton, MultiValueWithColorMode, RemoveAllButton } from '../elements';
-export const defaultComponents = {
-  DropdownIndicator: DropdownButton,
-  IndicatorSeparator: () => null,
-  ClearIndicator: RemoveAllButton,
-  SelectContainer: CustomContainer,
-  ValueContainer: CustomValueContainer,
-  MultiValue: MultiValueWithColorMode,
-  MultiValueRemove: MultiValueRemoveButton,
-  Option: IconOption,
-  SingleValue: AbbreviatedSingleValue,
-  Input: CustomInput
-};
-export const ON_CHANGE_ACTION = 'select-option';

package/dist/Form/SelectDropdown/hooks/useSelectHandlers.d.ts

@@ -1,22 +0,0 @@
-import { KeyboardEvent } from 'react';
-import * as React from 'react';
-import { ActionMeta, Options as OptionsType } from 'react-select';
-import { SelectOptionBase } from '../../utils';
-import { MultiSelectDropdownProps, OptionStrict, SelectDropdownGroup, SelectDropdownProps, SingleSelectDropdownProps } from '../types';
-interface UseSelectHandlersArgs {
-    onChange?: SingleSelectDropdownProps['onChange'] | MultiSelectDropdownProps['onChange'];
-    multiple?: boolean;
-    onCreateOption?: (inputValue: string) => void;
-    selectOptions: SelectOptionBase[] | SelectDropdownGroup[];
-    value?: SelectDropdownProps['value'];
-    currentFocusedValue: unknown;
-    removeAllButtonRef: React.MutableRefObject<HTMLDivElement | null>;
-}
-interface UseSelectHandlersReturn {
-    activated: boolean;
-    multiValues: OptionStrict[] | false;
-    changeHandler: (optionEvent: OptionStrict | OptionsType<OptionStrict>, actionMeta: ActionMeta<OptionStrict>) => void;
-    keyPressHandler: (e: KeyboardEvent<HTMLDivElement>) => void;
-}
-export declare const useSelectHandlers: ({ onChange, multiple, onCreateOption, selectOptions, value, currentFocusedValue, removeAllButtonRef, }: UseSelectHandlersArgs) => UseSelectHandlersReturn;
-export {};

package/dist/Form/SelectDropdown/hooks/useSelectHandlers.js

@@ -1,62 +0,0 @@
-import { useCallback, useEffect, useState } from 'react';
-import { ON_CHANGE_ACTION } from '../core/constants';
-import { filterValueFromOptions, getCreatedOptionValue, isMultipleSelectProps, isOptionsGrouped, isSingleSelectProps, removeValueFromSelectedOptions } from '../core/utils';
-export const useSelectHandlers = ({
-  onChange,
-  multiple,
-  onCreateOption,
-  selectOptions,
-  value,
-  currentFocusedValue,
-  removeAllButtonRef
-}) => {
-  const [activated, setActivated] = useState(false);
-  const [multiValues, setMultiValues] = useState(multiple ? filterValueFromOptions(selectOptions, value, isOptionsGrouped(selectOptions)) : false);
-
-  // Sync multi-select value from props when controlled (`value` is a string[]).
-  // Uncontrolled multi (`value` undefined or '') keeps selection in local state.
-  useEffect(() => {
-    if (!multiple || !Array.isArray(value)) return;
-    const newMultiValues = filterValueFromOptions(selectOptions, value, isOptionsGrouped(selectOptions));
-    if (newMultiValues !== multiValues) setMultiValues(newMultiValues);
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [selectOptions, value, multiple]);
-  const changeHandler = useCallback((optionEvent, actionMeta) => {
-    setActivated(true);
-    if (actionMeta.action === 'create-option') {
-      const createdValue = getCreatedOptionValue(optionEvent, actionMeta, multiple);
-      if (createdValue) onCreateOption?.(createdValue);
-    }
-    const onChangeProps = {
-      onChange,
-      multiple
-    };
-    const forwardedMeta = actionMeta.action === 'create-option' ? actionMeta : {
-      action: ON_CHANGE_ACTION,
-      option: isMultipleSelectProps(onChangeProps) ? undefined : optionEvent
-    };
-    if (isSingleSelectProps(onChangeProps)) {
-      onChangeProps.onChange?.(optionEvent, forwardedMeta);
-    }
-    if (isMultipleSelectProps(onChangeProps)) {
-      setMultiValues(optionEvent);
-      onChangeProps.onChange?.(optionEvent, forwardedMeta);
-    }
-  }, [onChange, multiple, onCreateOption]);
-  const keyPressHandler = e => {
-    if (multiple && e.key === 'Enter' && currentFocusedValue && multiValues) {
-      const newMultiValues = removeValueFromSelectedOptions(multiValues, currentFocusedValue);
-      if (newMultiValues !== multiValues) setMultiValues(newMultiValues);
-    }
-    if (removeAllButtonRef.current !== null && e.key === 'ArrowRight' && multiValues && currentFocusedValue === multiValues[multiValues.length - 1].value) {
-      removeAllButtonRef.current.focus();
-    }
-  };
-  return {
-    activated,
-    multiValues,
-    changeHandler,
-    keyPressHandler
-  };
-};

package/dist/Form/SelectDropdown/hooks/useSelectOptions.d.ts

@@ -1,14 +0,0 @@
-import { SelectOptionBase } from '../../utils';
-import { SelectDropdownGroup, SelectDropdownOptions, SelectDropdownSizes } from '../types';
-interface UseSelectOptionsArgs {
-    options?: SelectDropdownOptions | SelectDropdownGroup[];
-    id?: string;
-    size?: SelectDropdownSizes['size'];
-    value?: string | string[];
-}
-interface UseSelectOptionsReturn {
-    selectOptions: SelectOptionBase[] | SelectDropdownGroup[];
-    parsedValue: SelectOptionBase | undefined;
-}
-export declare const useSelectOptions: ({ options, id, size, value, }: UseSelectOptionsArgs) => UseSelectOptionsReturn;
-export {};

package/dist/Form/SelectDropdown/hooks/useSelectOptions.js

@@ -1,39 +0,0 @@
-import { useMemo } from 'react';
-import { parseOptions } from '../../utils';
-import { isOptionsGrouped } from '../core/utils';
-export const useSelectOptions = ({
-  options,
-  id,
-  size,
-  value
-}) => {
-  const selectOptions = useMemo(() => {
-    if (!options || Array.isArray(options) && !options.length || typeof options === 'object' && !Array.isArray(options) && Object.keys(options).length === 0) {
-      return [];
-    }
-    if (isOptionsGrouped(options)) {
-      return options;
-    }
-    return parseOptions({
-      options,
-      id,
-      size
-    });
-  }, [options, id, size]);
-  const parsedValue = useMemo(() => {
-    if (isOptionsGrouped(selectOptions)) {
-      for (const group of selectOptions) {
-        if (group.options) {
-          const foundOption = group.options.find(option => option.value === value);
-          if (foundOption) return foundOption;
-        }
-      }
-      return undefined;
-    }
-    return selectOptions.find(option => option.value === value);
-  }, [selectOptions, value]);
-  return {
-    selectOptions,
-    parsedValue
-  };
-};