@artsy/palette 44.1.0 → 44.2.0

package/dist/elements/Tooltip/Tooltip.story.js

@@ -4,7 +4,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports._Clickable = exports.StressTest = exports.PositioningBug = exports.PointerCentering = exports.Placement = exports.IconExample = exports.ExternalControl = exports.Default = void 0;
+exports.default = exports.WithClickable = exports.StressTest = exports.PositioningBug = exports.PointerCentering = exports.Placement = exports.IconExample = exports.ExternalControl = exports.Default = void 0;
 var _test = require("@storybook/test");
 var _react = _interopRequireWildcard(require("react"));
 var _storybookStates = require("storybook-states");
@@ -12,14 +12,14 @@ var _HelpIcon = _interopRequireDefault(require("@artsy/icons/HelpIcon"));
 var _usePosition = require("../../utils/usePosition");
 var _Box = require("../Box");
 var _Button = require("../Button");
-var _Clickable2 = require("../Clickable");
+var _Clickable = require("../Clickable");
 var _Input = require("../Input");
 var _Spacer = require("../Spacer");
 var _Text = require("../Text");
 var _Tooltip = require("./Tooltip");
 var _Stack = require("../Stack");
 var _GridColumns = require("../GridColumns");
-var _excluded = ["children"];
+var _storybookBlocklist = require("../../utils/storybookBlocklist");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -30,245 +30,234 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var CONTENT = "Lorem ipsum dolor sit amet consectetur adipisicing elit?";
 var _default = exports.default = {
-  title: "Components/Tooltip"
+  component: _Tooltip.Tooltip,
+  title: "Components/Tooltip",
+  tags: ["autodocs"],
+  parameters: {
+    docs: {
+      description: {
+        component: "A tooltip component for displaying contextual information on hover or focus with various placement options."
+      }
+    },
+    controls: {
+      exclude: _storybookBlocklist.STORYBOOK_PROPS_BLOCKLIST
+    }
+  }
 };
-var Default = exports.Default = function Default() {
-  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
-    states: [{
-      placement: "top-start"
-    }, {
-      placement: "bottom",
-      width: 600
-    }, {
-      placement: "bottom",
-      visible: true,
-      pointer: true
-    }, {
-      variant: "defaultDark",
-      placement: "bottom",
-      visible: true,
-      pointer: true
-    }, {
-      visible: false,
-      children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "This text has a tooltip that never displays")
-    }, {
-      visible: true,
-      textAlign: "center"
-    }, {
-      visible: true,
-      pointer: true,
-      offset: -10
-    }]
-  }, function (_ref) {
-    var children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded);
-    return /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, _extends({
-      content: CONTENT
-    }, rest), /*#__PURE__*/_react.default.createElement(_Text.Text, {
+var Default = exports.Default = {
+  args: {
+    content: CONTENT,
+    children: /*#__PURE__*/_react.default.createElement(_Text.Text, {
       variant: "xs",
       textAlign: "center",
       p: 1,
       bg: "mono100",
       color: "mono0"
-    }, children !== null && children !== void 0 ? children : "This text has a tooltip"));
-  });
-};
-Default.displayName = "Default";
-var _Clickable = exports._Clickable = function _Clickable() {
-  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
-    states: [{}]
-  }, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
-    content: CONTENT
-  }, /*#__PURE__*/_react.default.createElement(_Clickable2.Clickable, {
-    onClick: (0, _test.fn)()
-  }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
-    variant: "xs",
-    textAlign: "center",
-    p: 1,
-    bg: "mono100",
-    color: "mono0"
-  }, "This text has a tooltip and is clickable"))));
+    }, "This text has a tooltip")
+  }
 };
-_Clickable.displayName = "_Clickable";
-_Clickable.story = {
+var WithClickable = exports.WithClickable = {
+  tags: ["!autodocs"],
+  args: {
+    content: CONTENT,
+    children: /*#__PURE__*/_react.default.createElement(_Clickable.Clickable, {
+      onClick: (0, _test.fn)()
+    }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
+      variant: "xs",
+      textAlign: "center",
+      p: 1,
+      bg: "mono100",
+      color: "mono0"
+    }, "This text has a tooltip and is clickable"))
+  },
   parameters: {
     chromatic: {
       disable: true
     }
   }
 };
-var Placement = exports.Placement = function Placement() {
-  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
-    states: Object.keys(_usePosition.POSITION).map(function (placement) {
-      return {
-        placement: placement
-      };
-    })
-  }, function (props) {
-    return /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, _extends({
-      content: JSON.stringify(props),
-      variant: "defaultDark",
-      pointer: true,
-      visible: true
-    }, props), /*#__PURE__*/_react.default.createElement(_Text.Text, {
-      variant: "xs",
-      textAlign: "center",
-      p: 1,
-      maxWidth: "50%",
-      mx: "auto",
-      bg: "mono10"
-    }, JSON.stringify(props)));
-  });
-};
-Placement.displayName = "Placement";
-var IconExample = exports.IconExample = function IconExample() {
-  return /*#__PURE__*/_react.default.createElement(_Text.Text, {
-    variant: "xs",
-    display: "flex",
-    alignItems: "center",
-    lineHeight: 1
-  }, "Hover (or focus) the icon to display the tooltip.", " ", /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
-    content: CONTENT,
-    placement: "bottom"
-  }, /*#__PURE__*/_react.default.createElement(_Box.Box, {
-    as: "span",
-    style: {
-      lineHeight: 0
-    }
-  }, /*#__PURE__*/_react.default.createElement(_HelpIcon.default, {
-    ml: 0.5
-  }))));
+var Placement = exports.Placement = {
+  tags: ["!autodocs"],
+  render: function render() {
+    return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
+      states: Object.keys(_usePosition.POSITION).map(function (placement) {
+        return {
+          placement: placement
+        };
+      })
+    }, function (props) {
+      return /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, _extends({
+        content: JSON.stringify(props),
+        variant: "defaultDark",
+        pointer: true,
+        visible: true
+      }, props), /*#__PURE__*/_react.default.createElement(_Text.Text, {
+        variant: "xs",
+        textAlign: "center",
+        p: 1,
+        maxWidth: "50%",
+        mx: "auto",
+        bg: "mono10"
+      }, JSON.stringify(props)));
+    });
+  }
 };
-IconExample.displayName = "IconExample";
-var ExternalControl = exports.ExternalControl = function ExternalControl() {
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    visible = _useState2[0],
-    setVisible = _useState2[1];
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
-    content: CONTENT,
-    visible: visible,
-    pointer: true,
-    variant: "defaultDark"
-  }, /*#__PURE__*/_react.default.createElement(_Button.Button, {
-    variant: "secondaryBlack",
-    onClick: function onClick() {
-      setVisible(function (visible) {
-        return !visible;
-      });
-    }
-  }, visible ? "Click to hide tooltip" : "Click to show tooltip")));
+var IconExample = exports.IconExample = {
+  tags: ["!autodocs"],
+  render: function render() {
+    return /*#__PURE__*/_react.default.createElement(_Text.Text, {
+      variant: "xs",
+      display: "flex",
+      alignItems: "center",
+      lineHeight: 1
+    }, "Hover (or focus) the icon to display the tooltip.", " ", /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+      content: CONTENT,
+      placement: "bottom"
+    }, /*#__PURE__*/_react.default.createElement(_Box.Box, {
+      as: "span",
+      style: {
+        lineHeight: 0
+      }
+    }, /*#__PURE__*/_react.default.createElement(_HelpIcon.default, {
+      ml: 0.5
+    }))));
+  }
 };
-var PointerCentering = exports.PointerCentering = function PointerCentering() {
-  var _useState3 = (0, _react.useState)("top"),
-    _useState4 = _slicedToArray(_useState3, 2),
-    placement = _useState4[0],
-    setPlacement = _useState4[1];
-  var _useState5 = (0, _react.useState)(50),
-    _useState6 = _slicedToArray(_useState5, 2),
-    size = _useState6[0],
-    setSize = _useState6[1];
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, Object.keys(_usePosition.POSITION).map(function (placement) {
-    return /*#__PURE__*/_react.default.createElement(_Button.Button, {
-      key: placement,
-      mr: 1,
-      mb: 1,
+var ExternalControl = exports.ExternalControl = {
+  tags: ["!autodocs"],
+  render: function render() {
+    var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      visible = _useState2[0],
+      setVisible = _useState2[1];
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+      content: CONTENT,
+      visible: visible,
+      pointer: true,
+      variant: "defaultDark"
+    }, /*#__PURE__*/_react.default.createElement(_Button.Button, {
       variant: "secondaryBlack",
-      size: "small",
-      onMouseOver: function onMouseOver() {
-        setPlacement(placement);
+      onClick: function onClick() {
+        setVisible(function (visible) {
+          return !visible;
+        });
       }
-    }, placement);
-  }), /*#__PURE__*/_react.default.createElement(_Input.Input, {
-    type: "range",
-    min: 0,
-    max: 200,
-    value: size,
-    onChange: function onChange(e) {
-      setSize(parseInt(e.target.value));
-    }
-  }), /*#__PURE__*/_react.default.createElement(_Spacer.Spacer, {
-    y: 12
-  }), /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
-    content: CONTENT,
-    pointer: true,
-    visible: true,
-    variant: "defaultDark",
-    placement: placement
-  }, /*#__PURE__*/_react.default.createElement(_Box.Box, {
-    bg: "mono10",
-    width: size,
-    height: size,
-    mx: "auto",
-    position: "relative"
-  }, /*#__PURE__*/_react.default.createElement(_Box.Box, {
-    height: "1px",
-    bg: "red100",
-    width: "100%",
-    position: "absolute",
-    top: "50%",
-    mt: "-0.5px"
-  }), /*#__PURE__*/_react.default.createElement(_Box.Box, {
-    height: "100%",
-    width: "1px",
-    bg: "red100",
-    position: "absolute",
-    left: "50%",
-    ml: "-0.5px"
-  }))));
+    }, visible ? "Click to hide tooltip" : "Click to show tooltip")));
+  }
 };
-var StressTest = exports.StressTest = function StressTest() {
-  return /*#__PURE__*/_react.default.createElement(_Stack.Stack, {
-    gap: 1
-  }, Array.from({
-    length: 3000
-  }).map(function (_, i) {
-    return /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
-      key: i,
+var PointerCentering = exports.PointerCentering = {
+  tags: ["!autodocs"],
+  render: function render() {
+    var _useState3 = (0, _react.useState)("top"),
+      _useState4 = _slicedToArray(_useState3, 2),
+      placement = _useState4[0],
+      setPlacement = _useState4[1];
+    var _useState5 = (0, _react.useState)(50),
+      _useState6 = _slicedToArray(_useState5, 2),
+      size = _useState6[0],
+      setSize = _useState6[1];
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, Object.keys(_usePosition.POSITION).map(function (placement) {
+      return /*#__PURE__*/_react.default.createElement(_Button.Button, {
+        key: placement,
+        mr: 1,
+        mb: 1,
+        variant: "secondaryBlack",
+        size: "small",
+        onMouseOver: function onMouseOver() {
+          setPlacement(placement);
+        }
+      }, placement);
+    }), /*#__PURE__*/_react.default.createElement(_Input.Input, {
+      type: "range",
+      min: 0,
+      max: 200,
+      value: size,
+      onChange: function onChange(e) {
+        setSize(parseInt(e.target.value));
+      }
+    }), /*#__PURE__*/_react.default.createElement(_Spacer.Spacer, {
+      y: 12
+    }), /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
       content: CONTENT,
       pointer: true,
+      visible: true,
       variant: "defaultDark",
-      placement: "right"
-    }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
-      variant: "xs",
-      textAlign: "center",
-      width: 40,
-      height: 40,
-      mx: "auto",
+      placement: placement
+    }, /*#__PURE__*/_react.default.createElement(_Box.Box, {
       bg: "mono10",
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center"
-    }, i));
-  }));
+      width: size,
+      height: size,
+      mx: "auto",
+      position: "relative"
+    }, /*#__PURE__*/_react.default.createElement(_Box.Box, {
+      height: "1px",
+      bg: "red100",
+      width: "100%",
+      position: "absolute",
+      top: "50%",
+      mt: "-0.5px"
+    }), /*#__PURE__*/_react.default.createElement(_Box.Box, {
+      height: "100%",
+      width: "1px",
+      bg: "red100",
+      position: "absolute",
+      left: "50%",
+      ml: "-0.5px"
+    }))));
+  }
 };
-StressTest.displayName = "StressTest";
-StressTest.story = {
+var StressTest = exports.StressTest = {
+  tags: ["!autodocs"],
+  render: function render() {
+    return /*#__PURE__*/_react.default.createElement(_Stack.Stack, {
+      gap: 1
+    }, Array.from({
+      length: 3000
+    }).map(function (_, i) {
+      return /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+        key: i,
+        content: CONTENT,
+        pointer: true,
+        variant: "defaultDark",
+        placement: "right"
+      }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
+        variant: "xs",
+        textAlign: "center",
+        width: 40,
+        height: 40,
+        mx: "auto",
+        bg: "mono10",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center"
+      }, i));
+    }));
+  },
   parameters: {
     chromatic: {
       disable: true
     }
   }
 };
-var PositioningBug = exports.PositioningBug = function PositioningBug() {
-  return /*#__PURE__*/_react.default.createElement(_GridColumns.GridColumns, null, /*#__PURE__*/_react.default.createElement(_GridColumns.Column, {
-    span: 9
-  }, "Example left-column content"), /*#__PURE__*/_react.default.createElement(_GridColumns.Column, {
-    span: 3,
-    display: "flex",
-    flexDirection: "column",
-    gap: 2
-  }, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
-    content: "Example content"
-  }, /*#__PURE__*/_react.default.createElement(_Button.Button, {
-    size: "small"
-  }, "Example tooltip trigger")), /*#__PURE__*/_react.default.createElement(_Text.Text, {
-    variant: "xs"
-  }, "There should not be a horizontal scrollbar")));
+var PositioningBug = exports.PositioningBug = {
+  tags: ["!autodocs"],
+  render: function render() {
+    return /*#__PURE__*/_react.default.createElement(_GridColumns.GridColumns, null, /*#__PURE__*/_react.default.createElement(_GridColumns.Column, {
+      span: 9
+    }, "Example left-column content"), /*#__PURE__*/_react.default.createElement(_GridColumns.Column, {
+      span: 3,
+      display: "flex",
+      flexDirection: "column",
+      gap: 2
+    }, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+      content: "Example content"
+    }, /*#__PURE__*/_react.default.createElement(_Button.Button, {
+      size: "small"
+    }, "Example tooltip trigger")), /*#__PURE__*/_react.default.createElement(_Text.Text, {
+      variant: "xs"
+    }, "There should not be a horizontal scrollbar")));
+  }
 };
-PositioningBug.displayName = "PositioningBug";
 //# sourceMappingURL=Tooltip.story.js.map

package/dist/elements/Tooltip/Tooltip.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.story.js","names":["_test","require","_react","_interopRequireWildcard","_storybookStates","_HelpIcon","_interopRequireDefault","_usePosition","_Box","_Button","_Clickable2","_Input","_Spacer","_Text","_Tooltip","_Stack","_GridColumns","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_extends","assign","bind","target","arguments","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","CONTENT","_default","exports","title","Default","createElement","States","states","placement","width","visible","pointer","variant","children","Fragment","textAlign","offset","_ref","rest","Tooltip","content","Text","p","bg","color","displayName","_Clickable","Clickable","onClick","fn","story","parameters","chromatic","disable","Placement","POSITION","map","props","JSON","stringify","maxWidth","mx","IconExample","display","alignItems","lineHeight","Box","as","style","ml","ExternalControl","_useState","useState","_useState2","setVisible","Button","PointerCentering","_useState3","_useState4","setPlacement","_useState5","_useState6","size","setSize","mr","mb","onMouseOver","Input","type","min","max","onChange","e","parseInt","Spacer","y","height","position","top","mt","left","StressTest","Stack","gap","_","justifyContent","PositioningBug","GridColumns","Column","span","flexDirection"],"sources":["../../../src/elements/Tooltip/Tooltip.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport HelpIcon from \"@artsy/icons/HelpIcon\"\nimport { Position, POSITION } from \"../../utils/usePosition\"\nimport { Box } from \"../Box\"\nimport { Button } from \"../Button\"\nimport { Clickable } from \"../Clickable\"\nimport { Input } from \"../Input\"\nimport { Spacer } from \"../Spacer\"\nimport { Text } from \"../Text\"\nimport { Tooltip, TooltipProps } from \"./Tooltip\"\nimport { Stack } from \"../Stack\"\nimport { Column, GridColumns } from \"../GridColumns\"\n\nconst CONTENT = \"Lorem ipsum dolor sit amet consectetur adipisicing elit?\"\n\nexport default {\n  title: \"Components/Tooltip\",\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<TooltipProps>>\n      states={[\n        { placement: \"top-start\" },\n        { placement: \"bottom\", width: 600 },\n        { placement: \"bottom\", visible: true, pointer: true },\n        {\n          variant: \"defaultDark\",\n          placement: \"bottom\",\n          visible: true,\n          pointer: true,\n        },\n        {\n          visible: false,\n          children: <>This text has a tooltip that never displays</>,\n        },\n        {\n          visible: true,\n          textAlign: \"center\",\n        },\n        {\n          visible: true,\n          pointer: true,\n          offset: -10,\n        },\n      ]}\n    >\n      {({ children, ...rest }) => (\n        <Tooltip content={CONTENT} {...rest}>\n          <Text\n            variant=\"xs\"\n            textAlign=\"center\"\n            p={1}\n            bg=\"mono100\"\n            color=\"mono0\"\n          >\n            {children ?? \"This text has a tooltip\"}\n          </Text>\n        </Tooltip>\n      )}\n    </States>\n  )\n}\n\nexport const _Clickable = () => {\n  return (\n    <States<Partial<TooltipProps>> states={[{}]}>\n      <Tooltip content={CONTENT}>\n        <Clickable onClick={fn()}>\n          <Text\n            variant=\"xs\"\n            textAlign=\"center\"\n            p={1}\n            bg=\"mono100\"\n            color=\"mono0\"\n          >\n            This text has a tooltip and is clickable\n          </Text>\n        </Clickable>\n      </Tooltip>\n    </States>\n  )\n}\n\n_Clickable.story = {\n  parameters: { chromatic: { disable: true } },\n}\n\nexport const Placement = () => {\n  return (\n    <States<Partial<TooltipProps>>\n      states={Object.keys(POSITION).map((placement) => ({\n        placement: placement as Position,\n      }))}\n    >\n      {(props) => {\n        return (\n          <Tooltip\n            content={JSON.stringify(props)}\n            variant=\"defaultDark\"\n            pointer\n            visible\n            {...props}\n          >\n            <Text\n              variant=\"xs\"\n              textAlign=\"center\"\n              p={1}\n              maxWidth=\"50%\"\n              mx=\"auto\"\n              bg=\"mono10\"\n            >\n              {JSON.stringify(props)}\n            </Text>\n          </Tooltip>\n        )\n      }}\n    </States>\n  )\n}\n\nexport const IconExample = () => {\n  return (\n    <Text variant=\"xs\" display=\"flex\" alignItems=\"center\" lineHeight={1}>\n      Hover (or focus) the icon to display the tooltip.{\" \"}\n      <Tooltip content={CONTENT} placement=\"bottom\">\n        {/* Icons don't forwardRefs so we have to wrap in a span */}\n        <Box as=\"span\" style={{ lineHeight: 0 }}>\n          <HelpIcon ml={0.5} />\n        </Box>\n      </Tooltip>\n    </Text>\n  )\n}\n\nexport const ExternalControl = () => {\n  const [visible, setVisible] = useState(false)\n\n  return (\n    <>\n      <Tooltip\n        content={CONTENT}\n        visible={visible}\n        pointer\n        variant=\"defaultDark\"\n      >\n        <Button\n          variant=\"secondaryBlack\"\n          onClick={() => {\n            setVisible((visible) => !visible)\n          }}\n        >\n          {visible ? \"Click to hide tooltip\" : \"Click to show tooltip\"}\n        </Button>\n      </Tooltip>\n    </>\n  )\n}\n\nexport const PointerCentering = () => {\n  const [placement, setPlacement] = useState<Position>(\"top\")\n  const [size, setSize] = useState(50)\n\n  return (\n    <>\n      {Object.keys(POSITION).map((placement) => {\n        return (\n          <Button\n            key={placement}\n            mr={1}\n            mb={1}\n            variant=\"secondaryBlack\"\n            size=\"small\"\n            onMouseOver={() => {\n              setPlacement(placement as Position)\n            }}\n          >\n            {placement}\n          </Button>\n        )\n      })}\n\n      <Input\n        type=\"range\"\n        min={0}\n        max={200}\n        value={size}\n        onChange={(e) => {\n          setSize(parseInt(e.target.value))\n        }}\n      />\n\n      <Spacer y={12} />\n\n      <Tooltip\n        content={CONTENT}\n        pointer\n        visible\n        variant=\"defaultDark\"\n        placement={placement}\n      >\n        <Box\n          bg=\"mono10\"\n          width={size}\n          height={size}\n          mx=\"auto\"\n          position=\"relative\"\n        >\n          <Box\n            height=\"1px\"\n            bg=\"red100\"\n            width=\"100%\"\n            position=\"absolute\"\n            top=\"50%\"\n            mt=\"-0.5px\"\n          />\n\n          <Box\n            height=\"100%\"\n            width=\"1px\"\n            bg=\"red100\"\n            position=\"absolute\"\n            left=\"50%\"\n            ml=\"-0.5px\"\n          />\n        </Box>\n      </Tooltip>\n    </>\n  )\n}\n\nexport const StressTest = () => {\n  return (\n    <Stack gap={1}>\n      {Array.from({ length: 3000 }).map((_, i) => {\n        return (\n          <Tooltip\n            key={i}\n            content={CONTENT}\n            pointer\n            variant=\"defaultDark\"\n            placement=\"right\"\n          >\n            <Text\n              variant=\"xs\"\n              textAlign=\"center\"\n              width={40}\n              height={40}\n              mx=\"auto\"\n              bg=\"mono10\"\n              display=\"flex\"\n              alignItems=\"center\"\n              justifyContent=\"center\"\n            >\n              {i}\n            </Text>\n          </Tooltip>\n        )\n      })}\n    </Stack>\n  )\n}\n\nStressTest.story = {\n  parameters: { chromatic: { disable: true } },\n}\n\nexport const PositioningBug = () => {\n  return (\n    <GridColumns>\n      <Column span={9}>Example left-column content</Column>\n      <Column span={3} display=\"flex\" flexDirection=\"column\" gap={2}>\n        <Tooltip content=\"Example content\">\n          <Button size=\"small\">Example tooltip trigger</Button>\n        </Tooltip>\n\n        <Text variant=\"xs\">There should not be a horizontal scrollbar</Text>\n      </Column>\n    </GridColumns>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Tooltip.story.js","names":["_test","require","_react","_interopRequireWildcard","_storybookStates","_HelpIcon","_interopRequireDefault","_usePosition","_Box","_Button","_Clickable","_Input","_Spacer","_Text","_Tooltip","_Stack","_GridColumns","_storybookBlocklist","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_extends","assign","bind","target","arguments","source","apply","CONTENT","_default","exports","component","Tooltip","title","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Default","args","content","children","createElement","Text","variant","textAlign","p","bg","color","WithClickable","Clickable","onClick","fn","chromatic","disable","Placement","render","States","states","keys","POSITION","map","placement","props","JSON","stringify","pointer","visible","maxWidth","mx","IconExample","display","alignItems","lineHeight","Box","as","style","ml","ExternalControl","_useState","useState","_useState2","setVisible","Fragment","Button","PointerCentering","_useState3","_useState4","setPlacement","_useState5","_useState6","size","setSize","mr","mb","onMouseOver","Input","type","min","max","onChange","e","parseInt","Spacer","y","width","height","position","top","mt","left","StressTest","Stack","gap","_","justifyContent","PositioningBug","GridColumns","Column","span","flexDirection"],"sources":["../../../src/elements/Tooltip/Tooltip.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport HelpIcon from \"@artsy/icons/HelpIcon\"\nimport { Position, POSITION } from \"../../utils/usePosition\"\nimport { Box } from \"../Box\"\nimport { Button } from \"../Button\"\nimport { Clickable } from \"../Clickable\"\nimport { Input } from \"../Input\"\nimport { Spacer } from \"../Spacer\"\nimport { Text } from \"../Text\"\nimport { Tooltip, TooltipProps } from \"./Tooltip\"\nimport { Stack } from \"../Stack\"\nimport { Column, GridColumns } from \"../GridColumns\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nconst CONTENT = \"Lorem ipsum dolor sit amet consectetur adipisicing elit?\"\n\nexport default {\n  component: Tooltip,\n  title: \"Components/Tooltip\",\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"A tooltip component for displaying contextual information on hover or focus with various placement options.\",\n      },\n    },\n    controls: {\n      exclude: STORYBOOK_PROPS_BLOCKLIST,\n    },\n  },\n}\n\nexport const Default = {\n  args: {\n    content: CONTENT,\n    children: (\n      <Text variant=\"xs\" textAlign=\"center\" p={1} bg=\"mono100\" color=\"mono0\">\n        This text has a tooltip\n      </Text>\n    ),\n  },\n}\n\nexport const WithClickable = {\n  tags: [\"!autodocs\"],\n  args: {\n    content: CONTENT,\n    children: (\n      <Clickable onClick={fn()}>\n        <Text variant=\"xs\" textAlign=\"center\" p={1} bg=\"mono100\" color=\"mono0\">\n          This text has a tooltip and is clickable\n        </Text>\n      </Clickable>\n    ),\n  },\n  parameters: { chromatic: { disable: true } },\n}\n\nexport const Placement = {\n  tags: [\"!autodocs\"],\n  render: () => {\n    return (\n      <States<Partial<TooltipProps>>\n        states={Object.keys(POSITION).map((placement) => ({\n          placement: placement as Position,\n        }))}\n      >\n        {(props) => {\n          return (\n            <Tooltip\n              content={JSON.stringify(props)}\n              variant=\"defaultDark\"\n              pointer\n              visible\n              {...props}\n            >\n              <Text\n                variant=\"xs\"\n                textAlign=\"center\"\n                p={1}\n                maxWidth=\"50%\"\n                mx=\"auto\"\n                bg=\"mono10\"\n              >\n                {JSON.stringify(props)}\n              </Text>\n            </Tooltip>\n          )\n        }}\n      </States>\n    )\n  },\n}\n\nexport const IconExample = {\n  tags: [\"!autodocs\"],\n  render: () => {\n    return (\n      <Text variant=\"xs\" display=\"flex\" alignItems=\"center\" lineHeight={1}>\n        Hover (or focus) the icon to display the tooltip.{\" \"}\n        <Tooltip content={CONTENT} placement=\"bottom\">\n          {/* Icons don't forwardRefs so we have to wrap in a span */}\n          <Box as=\"span\" style={{ lineHeight: 0 }}>\n            <HelpIcon ml={0.5} />\n          </Box>\n        </Tooltip>\n      </Text>\n    )\n  },\n}\n\nexport const ExternalControl = {\n  tags: [\"!autodocs\"],\n  render: () => {\n    const [visible, setVisible] = useState(false)\n\n    return (\n      <>\n        <Tooltip\n          content={CONTENT}\n          visible={visible}\n          pointer\n          variant=\"defaultDark\"\n        >\n          <Button\n            variant=\"secondaryBlack\"\n            onClick={() => {\n              setVisible((visible) => !visible)\n            }}\n          >\n            {visible ? \"Click to hide tooltip\" : \"Click to show tooltip\"}\n          </Button>\n        </Tooltip>\n      </>\n    )\n  },\n}\n\nexport const PointerCentering = {\n  tags: [\"!autodocs\"],\n  render: () => {\n    const [placement, setPlacement] = useState<Position>(\"top\")\n    const [size, setSize] = useState(50)\n\n    return (\n      <>\n        {Object.keys(POSITION).map((placement) => {\n          return (\n            <Button\n              key={placement}\n              mr={1}\n              mb={1}\n              variant=\"secondaryBlack\"\n              size=\"small\"\n              onMouseOver={() => {\n                setPlacement(placement as Position)\n              }}\n            >\n              {placement}\n            </Button>\n          )\n        })}\n\n        <Input\n          type=\"range\"\n          min={0}\n          max={200}\n          value={size}\n          onChange={(e) => {\n            setSize(parseInt(e.target.value))\n          }}\n        />\n\n        <Spacer y={12} />\n\n        <Tooltip\n          content={CONTENT}\n          pointer\n          visible\n          variant=\"defaultDark\"\n          placement={placement}\n        >\n          <Box\n            bg=\"mono10\"\n            width={size}\n            height={size}\n            mx=\"auto\"\n            position=\"relative\"\n          >\n            <Box\n              height=\"1px\"\n              bg=\"red100\"\n              width=\"100%\"\n              position=\"absolute\"\n              top=\"50%\"\n              mt=\"-0.5px\"\n            />\n\n            <Box\n              height=\"100%\"\n              width=\"1px\"\n              bg=\"red100\"\n              position=\"absolute\"\n              left=\"50%\"\n              ml=\"-0.5px\"\n            />\n          </Box>\n        </Tooltip>\n      </>\n    )\n  },\n}\n\nexport const StressTest = {\n  tags: [\"!autodocs\"],\n  render: () => {\n    return (\n      <Stack gap={1}>\n        {Array.from({ length: 3000 }).map((_, i) => {\n          return (\n            <Tooltip\n              key={i}\n              content={CONTENT}\n              pointer\n              variant=\"defaultDark\"\n              placement=\"right\"\n            >\n              <Text\n                variant=\"xs\"\n                textAlign=\"center\"\n                width={40}\n                height={40}\n                mx=\"auto\"\n                bg=\"mono10\"\n                display=\"flex\"\n                alignItems=\"center\"\n                justifyContent=\"center\"\n              >\n                {i}\n              </Text>\n            </Tooltip>\n          )\n        })}\n      </Stack>\n    )\n  },\n  parameters: { chromatic: { disable: true } },\n}\n\nexport const PositioningBug = {\n  tags: [\"!autodocs\"],\n  render: () => {\n    return (\n      <GridColumns>\n        <Column span={9}>Example left-column content</Column>\n        <Column span={3} display=\"flex\" flexDirection=\"column\" gap={2}>\n          <Tooltip content=\"Example content\">\n            <Button size=\"small\">Example tooltip trigger</Button>\n          </Tooltip>\n\n          <Text variant=\"xs\">There should not be a horizontal scrollbar</Text>\n        </Column>\n      </GridColumns>\n    )\n  },\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AACA,IAAAO,IAAA,GAAAP,OAAA;AACA,IAAAQ,OAAA,GAAAR,OAAA;AACA,IAAAS,UAAA,GAAAT,OAAA;AACA,IAAAU,MAAA,GAAAV,OAAA;AACA,IAAAW,OAAA,GAAAX,OAAA;AACA,IAAAY,KAAA,GAAAZ,OAAA;AACA,IAAAa,QAAA,GAAAb,OAAA;AACA,IAAAc,MAAA,GAAAd,OAAA;AACA,IAAAe,YAAA,GAAAf,OAAA;AACA,IAAAgB,mBAAA,GAAAhB,OAAA;AAA0E,SAAAK,uBAAAY,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAnB,wBAAAe,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAQ,OAAA,CAAAR,GAAA,yBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAS,KAAA,GAAAN,wBAAA,CAAAC,WAAA,OAAAK,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAV,GAAA,YAAAS,KAAA,CAAAE,GAAA,CAAAX,GAAA,SAAAY,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAjB,GAAA,QAAAiB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAApB,GAAA,EAAAiB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAhB,GAAA,EAAAiB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAjB,GAAA,CAAAiB,GAAA,SAAAL,MAAA,CAAAV,OAAA,GAAAF,GAAA,MAAAS,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAtB,GAAA,EAAAY,MAAA,YAAAA,MAAA;AAAA,SAAAW,eAAAC,GAAA,EAAAC,CAAA,WAAAC,eAAA,CAAAF,GAAA,KAAAG,qBAAA,CAAAH,GAAA,EAAAC,CAAA,KAAAG,2BAAA,CAAAJ,GAAA,EAAAC,CAAA,KAAAI,gBAAA;AAAA,SAAAA,iBAAA,cAAAC,SAAA;AAAA,SAAAF,4BAAAG,CAAA,EAAAC,MAAA,SAAAD,CAAA,qBAAAA,CAAA,sBAAAE,iBAAA,CAAAF,CAAA,EAAAC,MAAA,OAAAE,CAAA,GAAApB,MAAA,CAAAI,SAAA,CAAAiB,QAAA,CAAAf,IAAA,CAAAW,CAAA,EAAAK,KAAA,aAAAF,CAAA,iBAAAH,CAAA,CAAAM,WAAA,EAAAH,CAAA,GAAAH,CAAA,CAAAM,WAAA,CAAAC,IAAA,MAAAJ,CAAA,cAAAA,CAAA,mBAAAK,KAAA,CAAAC,IAAA,CAAAT,CAAA,OAAAG,CAAA,+DAAAO,IAAA,CAAAP,CAAA,UAAAD,iBAAA,CAAAF,CAAA,EAAAC,MAAA;AAAA,SAAAC,kBAAAT,GAAA,EAAAkB,GAAA,QAAAA,GAAA,YAAAA,GAAA,GAAAlB,GAAA,CAAAmB,MAAA,EAAAD,GAAA,GAAAlB,GAAA,CAAAmB,MAAA,WAAAlB,CAAA,MAAAmB,IAAA,OAAAL,KAAA,CAAAG,GAAA,GAAAjB,CAAA,GAAAiB,GAAA,EAAAjB,CAAA,IAAAmB,IAAA,CAAAnB,CAAA,IAAAD,GAAA,CAAAC,CAAA,UAAAmB,IAAA;AAAA,SAAAjB,sBAAAH,GAAA,EAAAC,CAAA,QAAAoB,EAAA,WAAArB,GAAA,gCAAAsB,MAAA,IAAAtB,GAAA,CAAAsB,MAAA,CAAAC,QAAA,KAAAvB,GAAA,4BAAAqB,EAAA,QAAAG,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,IAAA,OAAAC,EAAA,OAAAC,EAAA,iBAAAJ,EAAA,IAAAL,EAAA,GAAAA,EAAA,CAAAzB,IAAA,CAAAI,GAAA,GAAA+B,IAAA,QAAA9B,CAAA,QAAAX,MAAA,CAAA+B,EAAA,MAAAA,EAAA,UAAAQ,EAAA,uBAAAA,EAAA,IAAAL,EAAA,GAAAE,EAAA,CAAA9B,IAAA,CAAAyB,EAAA,GAAAW,IAAA,MAAAJ,IAAA,CAAAK,IAAA,CAAAT,EAAA,CAAAU,KAAA,GAAAN,IAAA,CAAAT,MAAA,KAAAlB,CAAA,GAAA4B,EAAA,iBAAAM,GAAA,IAAAL,EAAA,OAAAL,EAAA,GAAAU,GAAA,yBAAAN,EAAA,YAAAR,EAAA,CAAAe,MAAA,KAAAT,EAAA,GAAAN,EAAA,CAAAe,MAAA,IAAA9C,MAAA,CAAAqC,EAAA,MAAAA,EAAA,2BAAAG,EAAA,QAAAL,EAAA,aAAAG,IAAA;AAAA,SAAA1B,gBAAAF,GAAA,QAAAe,KAAA,CAAAsB,OAAA,CAAArC,GAAA,UAAAA,GAAA;AAAA,SAAAsC,SAAA,IAAAA,QAAA,GAAAhD,MAAA,CAAAiD,MAAA,GAAAjD,MAAA,CAAAiD,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAxC,CAAA,MAAAA,CAAA,GAAAyC,SAAA,CAAAvB,MAAA,EAAAlB,CAAA,UAAA0C,MAAA,GAAAD,SAAA,CAAAzC,CAAA,YAAAR,GAAA,IAAAkD,MAAA,QAAArD,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAA+C,MAAA,EAAAlD,GAAA,KAAAgD,MAAA,CAAAhD,GAAA,IAAAkD,MAAA,CAAAlD,GAAA,gBAAAgD,MAAA,YAAAH,QAAA,CAAAM,KAAA,OAAAF,SAAA;AAE1E,IAAMG,OAAO,GAAG,0DAA0D;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAArE,OAAA,GAE3D;EACbsE,SAAS,EAAEC,gBAAO;EAClBC,KAAK,EAAE,oBAAoB;EAC3BC,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXN,SAAS,EACP;MACJ;IACF,CAAC;IACDO,QAAQ,EAAE;MACRC,OAAO,EAAEC;IACX;EACF;AACF,CAAC;AAEM,IAAMC,OAAO,GAAAX,OAAA,CAAAW,OAAA,GAAG;EACrBC,IAAI,EAAE;IACJC,OAAO,EAAEf,OAAO;IAChBgB,QAAQ,eACNrG,MAAA,CAAAkB,OAAA,CAAAoF,aAAA,CAAC3F,KAAA,CAAA4F,IAAI;MAACC,OAAO,EAAC,IAAI;MAACC,SAAS,EAAC,QAAQ;MAACC,CAAC,EAAE,CAAE;MAACC,EAAE,EAAC,SAAS;MAACC,KAAK,EAAC;IAAO,GAAC,yBAEvE;EAEJ;AACF,CAAC;AAEM,IAAMC,aAAa,GAAAtB,OAAA,CAAAsB,aAAA,GAAG;EAC3BlB,IAAI,EAAE,CAAC,WAAW,CAAC;EACnBQ,IAAI,EAAE;IACJC,OAAO,EAAEf,OAAO;IAChBgB,QAAQ,eACNrG,MAAA,CAAAkB,OAAA,CAAAoF,aAAA,CAAC9F,UAAA,CAAAsG,SAAS;MAACC,OAAO,EAAE,IAAAC,QAAE;IAAG,gBACvBhH,MAAA,CAAAkB,OAAA,CAAAoF,aAAA,CAAC3F,KAAA,CAAA4F,IAAI;MAACC,OAAO,EAAC,IAAI;MAACC,SAAS,EAAC,QAAQ;MAACC,CAAC,EAAE,CAAE;MAACC,EAAE,EAAC,SAAS;MAACC,KAAK,EAAC;IAAO,GAAC,0CAEvE,CAAO;EAGb,CAAC;EACDhB,UAAU,EAAE;IAAEqB,SAAS,EAAE;MAAEC,OAAO,EAAE;IAAK;EAAE;AAC7C,CAAC;AAEM,IAAMC,SAAS,GAAA5B,OAAA,CAAA4B,SAAA,GAAG;EACvBxB,IAAI,EAAE,CAAC,WAAW,CAAC;EACnByB,MAAM,EAAE,SAARA,MAAMA,CAAA,EAAQ;IACZ,oBACEpH,MAAA,CAAAkB,OAAA,CAAAoF,aAAA,CAACpG,gBAAA,CAAAmH,MAAM;MACLC,MAAM,EAAExF,MAAM,CAACyF,IAAI,CAACC,qBAAQ,CAAC,CAACC,GAAG,CAAC,UAACC,SAAS;QAAA,OAAM;UAChDA,SAAS,EAAEA;QACb,CAAC;MAAA,CAAC;IAAE,GAEH,UAACC,KAAK,EAAK;MACV,oBACE3H,MAAA,CAAAkB,OAAA,CAAAoF,aAAA,CAAC1F,QAAA,CAAA6E,OAAO,EAAAX,QAAA;QACNsB,OAAO,EAAEwB,IAAI,CAACC,SAAS,CAACF,KAAK,CAAE;QAC/BnB,OAAO,EAAC,aAAa;QACrBsB,OAAO;QACPC,OAAO;MAAA,GACHJ,KAAK,gBAET3H,MAAA,CAAAkB,OAAA,CAAAoF,aAAA,CAAC3F,KAAA,CAAA4F,IAAI;QACHC,OAAO,EAAC,IAAI;QACZC,SAAS,EAAC,QAAQ;QAClBC,CAAC,EAAE,CAAE;QACLsB,QAAQ,EAAC,KAAK;QACdC,EAAE,EAAC,MAAM;QACTtB,EAAE,EAAC;MAAQ,GAEViB,IAAI,CAACC,SAAS,CAACF,KAAK,CAAC,CACjB,CACC;IAEd,CAAC,CACM;EAEb;AACF,CAAC;AAEM,IAAMO,WAAW,GAAA3C,OAAA,CAAA2C,WAAA,GAAG;EACzBvC,IAAI,EAAE,CAAC,WAAW,CAAC;EACnByB,MAAM,EAAE,SAARA,MAAMA,CAAA,EAAQ;IACZ,oBACEpH,MAAA,CAAAkB,OAAA,CAAAoF,aAAA,CAAC3F,KAAA,CAAA4F,IAAI;MAACC,OAAO,EAAC,IAAI;MAAC2B,OAAO,EAAC,MAAM;MAACC,UAAU,EAAC,QAAQ;MAACC,UAAU,EAAE;IAAE,GAAC,mDAClB,EAAC,GAAG,eACrDrI,MAAA,CAAAkB,OAAA,CAAAoF,aAAA,CAAC1F,QAAA,CAAA6E,OAAO;MAACW,OAAO,EAAEf,OAAQ;MAACqC,SAAS,EAAC;IAAQ,gBAE3C1H,MAAA,CAAAkB,OAAA,CAAAoF,aAAA,CAAChG,IAAA,CAAAgI,GAAG;MAACC,EAAE,EAAC,MAAM;MAACC,KAAK,EAAE;QAAEH,UAAU,EAAE;MAAE;IAAE,gBACtCrI,MAAA,CAAAkB,OAAA,CAAAoF,aAAA,CAACnG,SAAA,CAAAe,OAAQ;MAACuH,EAAE,EAAE;IAAI,EAAG,CACjB,CACE,CACL;EAEX;AACF,CAAC;AAEM,IAAMC,eAAe,GAAAnD,OAAA,CAAAmD,eAAA,GAAG;EAC7B/C,IAAI,EAAE,CAAC,WAAW,CAAC;EACnByB,MAAM,EAAE,SAARA,MAAMA,CAAA,EAAQ;IACZ,IAAAuB,SAAA,GAA8B,IAAAC,eAAQ,EAAC,KAAK,CAAC;MAAAC,UAAA,GAAAtG,cAAA,CAAAoG,SAAA;MAAtCZ,OAAO,GAAAc,UAAA;MAAEC,UAAU,GAAAD,UAAA;IAE1B,oBACE7I,MAAA,CAAAkB,OAAA,CAAAoF,aAAA,CAAAtG,MAAA,CAAAkB,OAAA,CAAA6H,QAAA,qBACE/I,MAAA,CAAAkB,OAAA,CAAAoF,aAAA,CAAC1F,QAAA,CAAA6E,OAAO;MACNW,OAAO,EAAEf,OAAQ;MACjB0C,OAAO,EAAEA,OAAQ;MACjBD,OAAO;MACPtB,OAAO,EAAC;IAAa,gBAErBxG,MAAA,CAAAkB,OAAA,CAAAoF,aAAA,CAAC/F,OAAA,CAAAyI,MAAM;MACLxC,OAAO,EAAC,gBAAgB;MACxBO,OAAO,EAAE,SAATA,OAAOA,CAAA,EAAQ;QACb+B,UAAU,CAAC,UAACf,OAAO;UAAA,OAAK,CAACA,OAAO;QAAA,EAAC;MACnC;IAAE,GAEDA,OAAO,GAAG,uBAAuB,GAAG,uBAAuB,CACrD,CACD,CACT;EAEP;AACF,CAAC;AAEM,IAAMkB,gBAAgB,GAAA1D,OAAA,CAAA0D,gBAAA,GAAG;EAC9BtD,IAAI,EAAE,CAAC,WAAW,CAAC;EACnByB,MAAM,EAAE,SAARA,MAAMA,CAAA,EAAQ;IACZ,IAAA8B,UAAA,GAAkC,IAAAN,eAAQ,EAAW,KAAK,CAAC;MAAAO,UAAA,GAAA5G,cAAA,CAAA2G,UAAA;MAApDxB,SAAS,GAAAyB,UAAA;MAAEC,YAAY,GAAAD,UAAA;IAC9B,IAAAE,UAAA,GAAwB,IAAAT,eAAQ,EAAC,EAAE,CAAC;MAAAU,UAAA,GAAA/G,cAAA,CAAA8G,UAAA;MAA7BE,IAAI,GAAAD,UAAA;MAAEE,OAAO,GAAAF,UAAA;IAEpB,oBACEtJ,MAAA,CAAAkB,OAAA,CAAAoF,aAAA,CAAAtG,MAAA,CAAAkB,OAAA,CAAA6H,QAAA,QACGjH,MAAM,CAACyF,IAAI,CAACC,qBAAQ,CAAC,CAACC,GAAG,CAAC,UAACC,SAAS,EAAK;MACxC,oBACE1H,MAAA,CAAAkB,OAAA,CAAAoF,aAAA,CAAC/F,OAAA,CAAAyI,MAAM;QACL/G,GAAG,EAAEyF,SAAU;QACf+B,EAAE,EAAE,CAAE;QACNC,EAAE,EAAE,CAAE;QACNlD,OAAO,EAAC,gBAAgB;QACxB+C,IAAI,EAAC,OAAO;QACZI,WAAW,EAAE,SAAbA,WAAWA,CAAA,EAAQ;UACjBP,YAAY,CAAC1B,SAAS,CAAa;QACrC;MAAE,GAEDA,SAAS,CACH;IAEb,CAAC,CAAC,eAEF1H,MAAA,CAAAkB,OAAA,CAAAoF,aAAA,CAAC7F,MAAA,CAAAmJ,KAAK;MACJC,IAAI,EAAC,OAAO;MACZC,GAAG,EAAE,CAAE;MACPC,GAAG,EAAE,GAAI;MACTrF,KAAK,EAAE6E,IAAK;MACZS,QAAQ,EAAE,SAAVA,QAAQA,CAAGC,CAAC,EAAK;QACfT,OAAO,CAACU,QAAQ,CAACD,CAAC,CAAChF,MAAM,CAACP,KAAK,CAAC,CAAC;MACnC;IAAE,EACF,eAEF1E,MAAA,CAAAkB,OAAA,CAAAoF,aAAA,CAAC5F,OAAA,CAAAyJ,MAAM;MAACC,CAAC,EAAE;IAAG,EAAG,eAEjBpK,MAAA,CAAAkB,OAAA,CAAAoF,aAAA,CAAC1F,QAAA,CAAA6E,OAAO;MACNW,OAAO,EAAEf,OAAQ;MACjByC,OAAO;MACPC,OAAO;MACPvB,OAAO,EAAC,aAAa;MACrBkB,SAAS,EAAEA;IAAU,gBAErB1H,MAAA,CAAAkB,OAAA,CAAAoF,aAAA,CAAChG,IAAA,CAAAgI,GAAG;MACF3B,EAAE,EAAC,QAAQ;MACX0D,KAAK,EAAEd,IAAK;MACZe,MAAM,EAAEf,IAAK;MACbtB,EAAE,EAAC,MAAM;MACTsC,QAAQ,EAAC;IAAU,gBAEnBvK,MAAA,CAAAkB,OAAA,CAAAoF,aAAA,CAAChG,IAAA,CAAAgI,GAAG;MACFgC,MAAM,EAAC,KAAK;MACZ3D,EAAE,EAAC,QAAQ;MACX0D,KAAK,EAAC,MAAM;MACZE,QAAQ,EAAC,UAAU;MACnBC,GAAG,EAAC,KAAK;MACTC,EAAE,EAAC;IAAQ,EACX,eAEFzK,MAAA,CAAAkB,OAAA,CAAAoF,aAAA,CAAChG,IAAA,CAAAgI,GAAG;MACFgC,MAAM,EAAC,MAAM;MACbD,KAAK,EAAC,KAAK;MACX1D,EAAE,EAAC,QAAQ;MACX4D,QAAQ,EAAC,UAAU;MACnBG,IAAI,EAAC,KAAK;MACVjC,EAAE,EAAC;IAAQ,EACX,CACE,CACE,CACT;EAEP;AACF,CAAC;AAEM,IAAMkC,UAAU,GAAApF,OAAA,CAAAoF,UAAA,GAAG;EACxBhF,IAAI,EAAE,CAAC,WAAW,CAAC;EACnByB,MAAM,EAAE,SAARA,MAAMA,CAAA,EAAQ;IACZ,oBACEpH,MAAA,CAAAkB,OAAA,CAAAoF,aAAA,CAACzF,MAAA,CAAA+J,KAAK;MAACC,GAAG,EAAE;IAAE,GACXtH,KAAK,CAACC,IAAI,CAAC;MAAEG,MAAM,EAAE;IAAK,CAAC,CAAC,CAAC8D,GAAG,CAAC,UAACqD,CAAC,EAAErI,CAAC,EAAK;MAC1C,oBACEzC,MAAA,CAAAkB,OAAA,CAAAoF,aAAA,CAAC1F,QAAA,CAAA6E,OAAO;QACNxD,GAAG,EAAEQ,CAAE;QACP2D,OAAO,EAAEf,OAAQ;QACjByC,OAAO;QACPtB,OAAO,EAAC,aAAa;QACrBkB,SAAS,EAAC;MAAO,gBAEjB1H,MAAA,CAAAkB,OAAA,CAAAoF,aAAA,CAAC3F,KAAA,CAAA4F,IAAI;QACHC,OAAO,EAAC,IAAI;QACZC,SAAS,EAAC,QAAQ;QAClB4D,KAAK,EAAE,EAAG;QACVC,MAAM,EAAE,EAAG;QACXrC,EAAE,EAAC,MAAM;QACTtB,EAAE,EAAC,QAAQ;QACXwB,OAAO,EAAC,MAAM;QACdC,UAAU,EAAC,QAAQ;QACnB2C,cAAc,EAAC;MAAQ,GAEtBtI,CAAC,CACG,CACC;IAEd,CAAC,CAAC,CACI;EAEZ,CAAC;EACDmD,UAAU,EAAE;IAAEqB,SAAS,EAAE;MAAEC,OAAO,EAAE;IAAK;EAAE;AAC7C,CAAC;AAEM,IAAM8D,cAAc,GAAAzF,OAAA,CAAAyF,cAAA,GAAG;EAC5BrF,IAAI,EAAE,CAAC,WAAW,CAAC;EACnByB,MAAM,EAAE,SAARA,MAAMA,CAAA,EAAQ;IACZ,oBACEpH,MAAA,CAAAkB,OAAA,CAAAoF,aAAA,CAACxF,YAAA,CAAAmK,WAAW,qBACVjL,MAAA,CAAAkB,OAAA,CAAAoF,aAAA,CAACxF,YAAA,CAAAoK,MAAM;MAACC,IAAI,EAAE;IAAE,GAAC,6BAA2B,CAAS,eACrDnL,MAAA,CAAAkB,OAAA,CAAAoF,aAAA,CAACxF,YAAA,CAAAoK,MAAM;MAACC,IAAI,EAAE,CAAE;MAAChD,OAAO,EAAC,MAAM;MAACiD,aAAa,EAAC,QAAQ;MAACP,GAAG,EAAE;IAAE,gBAC5D7K,MAAA,CAAAkB,OAAA,CAAAoF,aAAA,CAAC1F,QAAA,CAAA6E,OAAO;MAACW,OAAO,EAAC;IAAiB,gBAChCpG,MAAA,CAAAkB,OAAA,CAAAoF,aAAA,CAAC/F,OAAA,CAAAyI,MAAM;MAACO,IAAI,EAAC;IAAO,GAAC,yBAAuB,CAAS,CAC7C,eAEVvJ,MAAA,CAAAkB,OAAA,CAAAoF,aAAA,CAAC3F,KAAA,CAAA4F,IAAI;MAACC,OAAO,EAAC;IAAI,GAAC,4CAA0C,CAAO,CAC7D,CACG;EAElB;AACF,CAAC"}

package/dist/utils/storybookBlocklist.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Blocklist of common props that should be excluded from Storybook controls.
+ * These are primarily BoxProps, FlexProps, HTML attributes, React props, and
+ * other technical props not typically needed for component documentation.
+ */
+export declare const STORYBOOK_PROPS_BLOCKLIST: string[];