@artsy/palette 41.8.1 → 42.0.0

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

@@ -26,18 +26,17 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-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 _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+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 = {
+var _default = exports.default = {
   title: "Components/Tooltip"
 };
-exports.default = _default;
-var Default = function Default() {
+var Default = exports.Default = function Default() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
     states: [{
       placement: "top-start"
@@ -78,9 +77,8 @@ var Default = function Default() {
     }, children !== null && children !== void 0 ? children : "This text has a tooltip"));
   });
 };
-exports.Default = Default;
 Default.displayName = "Default";
-var _Clickable = function _Clickable() {
+var _Clickable = exports._Clickable = function _Clickable() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
     states: [{}]
   }, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
@@ -95,7 +93,6 @@ var _Clickable = function _Clickable() {
     color: "mono0"
   }, "This text has a tooltip and is clickable"))));
 };
-exports._Clickable = _Clickable;
 _Clickable.displayName = "_Clickable";
 _Clickable.story = {
   parameters: {
@@ -104,7 +101,7 @@ _Clickable.story = {
     }
   }
 };
-var Placement = function Placement() {
+var Placement = exports.Placement = function Placement() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
     states: Object.keys(_usePosition.POSITION).map(function (placement) {
       return {
@@ -127,9 +124,8 @@ var Placement = function Placement() {
     }, JSON.stringify(props)));
   });
 };
-exports.Placement = Placement;
 Placement.displayName = "Placement";
-var IconExample = function IconExample() {
+var IconExample = exports.IconExample = function IconExample() {
   return /*#__PURE__*/_react.default.createElement(_Text.Text, {
     variant: "xs",
     display: "flex",
@@ -147,9 +143,8 @@ var IconExample = function IconExample() {
     ml: 0.5
   }))));
 };
-exports.IconExample = IconExample;
 IconExample.displayName = "IconExample";
-var ExternalControl = function ExternalControl() {
+var ExternalControl = exports.ExternalControl = function ExternalControl() {
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
     visible = _useState2[0],
@@ -168,8 +163,7 @@ var ExternalControl = function ExternalControl() {
     }
   }, visible ? "Click to hide tooltip" : "Click to show tooltip")));
 };
-exports.ExternalControl = ExternalControl;
-var PointerCentering = function PointerCentering() {
+var PointerCentering = exports.PointerCentering = function PointerCentering() {
   var _useState3 = (0, _react.useState)("top"),
     _useState4 = _slicedToArray(_useState3, 2),
     placement = _useState4[0],
@@ -227,8 +221,7 @@ var PointerCentering = function PointerCentering() {
     ml: "-0.5px"
   }))));
 };
-exports.PointerCentering = PointerCentering;
-var StressTest = function StressTest() {
+var StressTest = exports.StressTest = function StressTest() {
   return /*#__PURE__*/_react.default.createElement(_Stack.Stack, {
     gap: 1
   }, Array.from({
@@ -253,7 +246,6 @@ var StressTest = function StressTest() {
     }, i));
   }));
 };
-exports.StressTest = StressTest;
 StressTest.displayName = "StressTest";
 StressTest.story = {
   parameters: {
@@ -262,7 +254,7 @@ StressTest.story = {
     }
   }
 };
-var PositioningBug = function PositioningBug() {
+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, {
@@ -278,6 +270,5 @@ var PositioningBug = function PositioningBug() {
     variant: "xs"
   }, "There should not be a horizontal scrollbar")));
 };
-exports.PositioningBug = PositioningBug;
 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":["_addonActions","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","title","exports","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","action","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 { action } from \"@storybook/addon-actions\"\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={action(\"onClick\")}>\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":["_addonActions","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","action","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 { action } from \"@storybook/addon-actions\"\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={action(\"onClick\")}>\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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"}

package/dist/elements/VisuallyHidden/VisuallyHidden.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BoxProps } from "../Box";
 /**
  * Visually the hide element, but present in DOM so that it is accessible
@@ -23,5 +22,5 @@ export interface VisuallyHiddenProps extends BoxProps {
  * https://www.scottohara.me/blog/2017/04/14/inclusively-hidden.html
  */
 export declare const VisuallyHidden: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BoxProps> & BoxProps, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, VisuallyHiddenProps>> & string;

package/dist/elements/VisuallyHidden/VisuallyHidden.js

@@ -17,12 +17,10 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * https://webaim.org/techniques/css/invisiblecontent/
  * https://www.scottohara.me/blog/2017/04/14/inclusively-hidden.html
  */
-var visuallyHiddenMixin = (0, _styledComponents.css)(["clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px;"]);
+var visuallyHiddenMixin = exports.visuallyHiddenMixin = (0, _styledComponents.css)(["clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px;"]);
 
 /** Reset to `inherit` all properties that cause visually-hidden */
-exports.visuallyHiddenMixin = visuallyHiddenMixin;
-var visuallyUnhiddenMixin = (0, _styledComponents.css)(["clip:inherit;clip-path:inherit;height:inherit;overflow:inherit;position:inherit;white-space:inherit;width:inherit;"]);
-exports.visuallyUnhiddenMixin = visuallyUnhiddenMixin;
+var visuallyUnhiddenMixin = exports.visuallyUnhiddenMixin = (0, _styledComponents.css)(["clip:inherit;clip-path:inherit;height:inherit;overflow:inherit;position:inherit;white-space:inherit;width:inherit;"]);
 /**
  * Visually the hide element, but present in DOM so that it is accessible
  * for screen readers.
@@ -31,12 +29,11 @@ exports.visuallyUnhiddenMixin = visuallyUnhiddenMixin;
  * https://webaim.org/techniques/css/invisiblecontent/
  * https://www.scottohara.me/blog/2017/04/14/inclusively-hidden.html
  */
-var VisuallyHidden = (0, _styledComponents.default)(_Box.Box).withConfig({
+var VisuallyHidden = exports.VisuallyHidden = (0, _styledComponents.default)(_Box.Box).withConfig({
   displayName: "VisuallyHidden",
   componentId: "sc-14bjfob-0"
 })(["", " ", ""], visuallyHiddenMixin, function (_ref) {
   var show = _ref.show;
   return show && visuallyUnhiddenMixin;
 });
-exports.VisuallyHidden = VisuallyHidden;
 //# sourceMappingURL=VisuallyHidden.js.map

package/dist/elements/VisuallyHidden/VisuallyHidden.js.map

@@ -1 +1 @@
-{"version":3,"file":"VisuallyHidden.js","names":["_styledComponents","_interopRequireWildcard","require","_Box","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","visuallyHiddenMixin","css","exports","visuallyUnhiddenMixin","VisuallyHidden","styled","Box","withConfig","displayName","componentId","_ref","show"],"sources":["../../../src/elements/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\"\nimport { Box, BoxProps } from \"../Box\"\n\n/**\n * Visually the hide element, but present in DOM so that it is accessible\n * for screen readers.\n * See:\n * https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/\n * https://webaim.org/techniques/css/invisiblecontent/\n * https://www.scottohara.me/blog/2017/04/14/inclusively-hidden.html\n */\nexport const visuallyHiddenMixin = css`\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n`\n\n/** Reset to `inherit` all properties that cause visually-hidden */\nexport const visuallyUnhiddenMixin = css`\n  clip: inherit;\n  clip-path: inherit;\n  height: inherit;\n  overflow: inherit;\n  position: inherit;\n  white-space: inherit;\n  width: inherit;\n`\n\nexport interface VisuallyHiddenProps extends BoxProps {\n  show?: boolean\n}\n\n/**\n * Visually the hide element, but present in DOM so that it is accessible\n * for screen readers.\n * See:\n * https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/\n * https://webaim.org/techniques/css/invisiblecontent/\n * https://www.scottohara.me/blog/2017/04/14/inclusively-hidden.html\n */\nexport const VisuallyHidden = styled(Box)<VisuallyHiddenProps>`\n  ${visuallyHiddenMixin}\n  ${({ show }) => show && visuallyUnhiddenMixin}\n`\n"],"mappings":";;;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAD,OAAA;AAAsC,SAAAE,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,SAAAJ,wBAAAQ,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,4BAAAG,OAAA,EAAAH,GAAA,UAAAI,KAAA,GAAAT,wBAAA,CAAAC,WAAA,OAAAQ,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAL,GAAA,YAAAI,KAAA,CAAAE,GAAA,CAAAN,GAAA,SAAAO,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAZ,GAAA,QAAAY,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,GAAA,EAAAY,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,GAAA,EAAAY,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,IAAAZ,GAAA,CAAAY,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAH,GAAA,MAAAI,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAjB,GAAA,EAAAO,MAAA,YAAAA,MAAA;AAEtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMW,mBAAmB,OAAGC,qBAAG,yHAQrC;;AAED;AAAAC,OAAA,CAAAF,mBAAA,GAAAA,mBAAA;AACO,IAAMG,qBAAqB,OAAGF,qBAAG,yHAQvC;AAAAC,OAAA,CAAAC,qBAAA,GAAAA,qBAAA;AAMD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMC,cAAc,GAAG,IAAAC,yBAAM,EAACC,QAAG,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kBACrCT,mBAAmB,EACnB,UAAAU,IAAA;EAAA,IAAGC,IAAI,GAAAD,IAAA,CAAJC,IAAI;EAAA,OAAOA,IAAI,IAAIR,qBAAqB;AAAA,EAC9C;AAAAD,OAAA,CAAAE,cAAA,GAAAA,cAAA"}
+{"version":3,"file":"VisuallyHidden.js","names":["_styledComponents","_interopRequireWildcard","require","_Box","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","visuallyHiddenMixin","exports","css","visuallyUnhiddenMixin","VisuallyHidden","styled","Box","withConfig","displayName","componentId","_ref","show"],"sources":["../../../src/elements/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\"\nimport { Box, BoxProps } from \"../Box\"\n\n/**\n * Visually the hide element, but present in DOM so that it is accessible\n * for screen readers.\n * See:\n * https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/\n * https://webaim.org/techniques/css/invisiblecontent/\n * https://www.scottohara.me/blog/2017/04/14/inclusively-hidden.html\n */\nexport const visuallyHiddenMixin = css`\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n`\n\n/** Reset to `inherit` all properties that cause visually-hidden */\nexport const visuallyUnhiddenMixin = css`\n  clip: inherit;\n  clip-path: inherit;\n  height: inherit;\n  overflow: inherit;\n  position: inherit;\n  white-space: inherit;\n  width: inherit;\n`\n\nexport interface VisuallyHiddenProps extends BoxProps {\n  show?: boolean\n}\n\n/**\n * Visually the hide element, but present in DOM so that it is accessible\n * for screen readers.\n * See:\n * https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/\n * https://webaim.org/techniques/css/invisiblecontent/\n * https://www.scottohara.me/blog/2017/04/14/inclusively-hidden.html\n */\nexport const VisuallyHidden = styled(Box)<VisuallyHiddenProps>`\n  ${visuallyHiddenMixin}\n  ${({ show }) => show && visuallyUnhiddenMixin}\n`\n"],"mappings":";;;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAD,OAAA;AAAsC,SAAAE,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,SAAAJ,wBAAAQ,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,4BAAAG,OAAA,EAAAH,GAAA,UAAAI,KAAA,GAAAT,wBAAA,CAAAC,WAAA,OAAAQ,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAL,GAAA,YAAAI,KAAA,CAAAE,GAAA,CAAAN,GAAA,SAAAO,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAZ,GAAA,QAAAY,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,GAAA,EAAAY,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,GAAA,EAAAY,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,IAAAZ,GAAA,CAAAY,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAH,GAAA,MAAAI,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAjB,GAAA,EAAAO,MAAA,YAAAA,MAAA;AAEtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMW,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,OAAGE,qBAAG,yHAQrC;;AAED;AACO,IAAMC,qBAAqB,GAAAF,OAAA,CAAAE,qBAAA,OAAGD,qBAAG,yHAQvC;AAMD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAME,cAAc,GAAAH,OAAA,CAAAG,cAAA,GAAG,IAAAC,yBAAM,EAACC,QAAG,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kBACrCT,mBAAmB,EACnB,UAAAU,IAAA;EAAA,IAAGC,IAAI,GAAAD,IAAA,CAAJC,IAAI;EAAA,OAAOA,IAAI,IAAIR,qBAAqB;AAAA,EAC9C"}

package/dist/helpers/color.js

@@ -11,9 +11,8 @@ var _Theme = require("../Theme");
  *
  * @deprecated use component `color` or `borderColor` props, or `themeGet('colors.colorName')`
  */
-var color = function color(colorKey) {
+var color = exports.color = function color(colorKey) {
   var _THEME$colors$colorKe;
   return (_THEME$colors$colorKe = _Theme.THEME.colors[colorKey]) !== null && _THEME$colors$colorKe !== void 0 ? _THEME$colors$colorKe : colorKey;
 };
-exports.color = color;
 //# sourceMappingURL=color.js.map

package/dist/helpers/color.js.map

@@ -1 +1 @@
-{"version":3,"file":"color.js","names":["_Theme","require","color","colorKey","_THEME$colors$colorKe","THEME","colors","exports"],"sources":["../../src/helpers/color.ts"],"sourcesContent":["import { Color, THEME } from \"../Theme\"\n\n/**\n * A helper to easily access colors when not in a styled-components or\n * styled-systems context.\n *\n * @deprecated use component `color` or `borderColor` props, or `themeGet('colors.colorName')`\n */\nexport const color = (colorKey: Color | \"currentColor\") =>\n  THEME.colors[colorKey] ?? colorKey\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMC,KAAK,GAAG,SAARA,KAAKA,CAAIC,QAAgC;EAAA,IAAAC,qBAAA;EAAA,QAAAA,qBAAA,GACpDC,YAAK,CAACC,MAAM,CAACH,QAAQ,CAAC,cAAAC,qBAAA,cAAAA,qBAAA,GAAID,QAAQ;AAAA;AAAAI,OAAA,CAAAL,KAAA,GAAAA,KAAA"}
+{"version":3,"file":"color.js","names":["_Theme","require","color","exports","colorKey","_THEME$colors$colorKe","THEME","colors"],"sources":["../../src/helpers/color.ts"],"sourcesContent":["import { Color, THEME } from \"../Theme\"\n\n/**\n * A helper to easily access colors when not in a styled-components or\n * styled-systems context.\n *\n * @deprecated use component `color` or `borderColor` props, or `themeGet('colors.colorName')`\n */\nexport const color = (colorKey: Color | \"currentColor\") =>\n  THEME.colors[colorKey] ?? colorKey\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMC,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,SAARA,KAAKA,CAAIE,QAAgC;EAAA,IAAAC,qBAAA;EAAA,QAAAA,qBAAA,GACpDC,YAAK,CAACC,MAAM,CAACH,QAAQ,CAAC,cAAAC,qBAAA,cAAAA,qBAAA,GAAID,QAAQ;AAAA"}

package/dist/helpers/flattenChildren.d.ts

@@ -2,4 +2,4 @@ import React from "react";
 /**
  * Convert a fragment or nested fragment into an array of elements
  */
-export declare const flattenChildren: <T extends React.ReactElement<any, string | React.JSXElementConstructor<any>>>(children: React.ReactNode) => T[];
+export declare const flattenChildren: <T extends React.ReactElement>(children: React.ReactNode) => T[];

package/dist/helpers/flattenChildren.js

@@ -11,20 +11,19 @@ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread n
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 /**
  * Convert a fragment or nested fragment into an array of elements
  */
-var flattenChildren = function flattenChildren(children) {
+var _flattenChildren = exports.flattenChildren = function flattenChildren(children) {
   var xs = _react.default.Children.toArray(children).filter(_react.default.isValidElement);
 
   // @ts-expect-error  MIGRATE_STRICT_MODE
   return xs.reduce(function (acc, child) {
     if (child.type === _react.default.Fragment) {
-      return acc.concat(flattenChildren(child.props.children));
+      return acc.concat(_flattenChildren(child.props.children));
     }
     return [].concat(_toConsumableArray(acc), [child]);
   }, []);
 };
-exports.flattenChildren = flattenChildren;
 //# sourceMappingURL=flattenChildren.js.map

package/dist/helpers/flattenChildren.js.map

@@ -1 +1 @@
-{"version":3,"file":"flattenChildren.js","names":["_react","_interopRequireDefault","require","obj","__esModule","default","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","call","slice","constructor","name","Array","from","test","iter","Symbol","iterator","isArray","len","length","i","arr2","flattenChildren","children","xs","React","Children","toArray","filter","isValidElement","reduce","acc","child","type","Fragment","concat","props","exports"],"sources":["../../src/helpers/flattenChildren.ts"],"sourcesContent":["import React from \"react\"\n\n/**\n * Convert a fragment or nested fragment into an array of elements\n */\nexport const flattenChildren = <T extends React.ReactElement>(\n  children: React.ReactNode\n): T[] => {\n  const xs = React.Children.toArray(children).filter(React.isValidElement)\n\n  // @ts-expect-error  MIGRATE_STRICT_MODE\n  return xs.reduce((acc, child: T) => {\n    if (child.type === React.Fragment) {\n      return acc.concat(flattenChildren(child.props.children))\n    }\n\n    return [...acc, child]\n  }, [] as T[])\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAyB,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,mBAAAC,GAAA,WAAAC,kBAAA,CAAAD,GAAA,KAAAE,gBAAA,CAAAF,GAAA,KAAAG,2BAAA,CAAAH,GAAA,KAAAI,kBAAA;AAAA,SAAAA,mBAAA,cAAAC,SAAA;AAAA,SAAAF,4BAAAG,CAAA,EAAAC,MAAA,SAAAD,CAAA,qBAAAA,CAAA,sBAAAE,iBAAA,CAAAF,CAAA,EAAAC,MAAA,OAAAE,CAAA,GAAAC,MAAA,CAAAC,SAAA,CAAAC,QAAA,CAAAC,IAAA,CAAAP,CAAA,EAAAQ,KAAA,aAAAL,CAAA,iBAAAH,CAAA,CAAAS,WAAA,EAAAN,CAAA,GAAAH,CAAA,CAAAS,WAAA,CAAAC,IAAA,MAAAP,CAAA,cAAAA,CAAA,mBAAAQ,KAAA,CAAAC,IAAA,CAAAZ,CAAA,OAAAG,CAAA,+DAAAU,IAAA,CAAAV,CAAA,UAAAD,iBAAA,CAAAF,CAAA,EAAAC,MAAA;AAAA,SAAAL,iBAAAkB,IAAA,eAAAC,MAAA,oBAAAD,IAAA,CAAAC,MAAA,CAAAC,QAAA,aAAAF,IAAA,+BAAAH,KAAA,CAAAC,IAAA,CAAAE,IAAA;AAAA,SAAAnB,mBAAAD,GAAA,QAAAiB,KAAA,CAAAM,OAAA,CAAAvB,GAAA,UAAAQ,iBAAA,CAAAR,GAAA;AAAA,SAAAQ,kBAAAR,GAAA,EAAAwB,GAAA,QAAAA,GAAA,YAAAA,GAAA,GAAAxB,GAAA,CAAAyB,MAAA,EAAAD,GAAA,GAAAxB,GAAA,CAAAyB,MAAA,WAAAC,CAAA,MAAAC,IAAA,OAAAV,KAAA,CAAAO,GAAA,GAAAE,CAAA,GAAAF,GAAA,EAAAE,CAAA,MAAAC,IAAA,CAAAD,CAAA,IAAA1B,GAAA,CAAA0B,CAAA,YAAAC,IAAA;AAEzB;AACA;AACA;AACO,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAC1BC,QAAyB,EACjB;EACR,IAAMC,EAAE,GAAGC,cAAK,CAACC,QAAQ,CAACC,OAAO,CAACJ,QAAQ,CAAC,CAACK,MAAM,CAACH,cAAK,CAACI,cAAc,CAAC;;EAExE;EACA,OAAOL,EAAE,CAACM,MAAM,CAAC,UAACC,GAAG,EAAEC,KAAQ,EAAK;IAClC,IAAIA,KAAK,CAACC,IAAI,KAAKR,cAAK,CAACS,QAAQ,EAAE;MACjC,OAAOH,GAAG,CAACI,MAAM,CAACb,eAAe,CAACU,KAAK,CAACI,KAAK,CAACb,QAAQ,CAAC,CAAC;IAC1D;IAEA,UAAAY,MAAA,CAAA1C,kBAAA,CAAWsC,GAAG,IAAEC,KAAK;EACvB,CAAC,EAAE,EAAE,CAAQ;AACf,CAAC;AAAAK,OAAA,CAAAf,eAAA,GAAAA,eAAA"}
+{"version":3,"file":"flattenChildren.js","names":["_react","_interopRequireDefault","require","obj","__esModule","default","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","call","slice","constructor","name","Array","from","test","iter","Symbol","iterator","isArray","len","length","i","arr2","flattenChildren","exports","children","xs","React","Children","toArray","filter","isValidElement","reduce","acc","child","type","Fragment","concat","props"],"sources":["../../src/helpers/flattenChildren.ts"],"sourcesContent":["import React from \"react\"\n\n/**\n * Convert a fragment or nested fragment into an array of elements\n */\nexport const flattenChildren = <T extends React.ReactElement>(\n  children: React.ReactNode\n): T[] => {\n  const xs = React.Children.toArray(children).filter(React.isValidElement)\n\n  // @ts-expect-error  MIGRATE_STRICT_MODE\n  return xs.reduce((acc, child: T) => {\n    if (child.type === React.Fragment) {\n      return acc.concat(flattenChildren(child.props.children))\n    }\n\n    return [...acc, child]\n  }, [] as T[])\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAyB,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,mBAAAC,GAAA,WAAAC,kBAAA,CAAAD,GAAA,KAAAE,gBAAA,CAAAF,GAAA,KAAAG,2BAAA,CAAAH,GAAA,KAAAI,kBAAA;AAAA,SAAAA,mBAAA,cAAAC,SAAA;AAAA,SAAAF,4BAAAG,CAAA,EAAAC,MAAA,SAAAD,CAAA,qBAAAA,CAAA,sBAAAE,iBAAA,CAAAF,CAAA,EAAAC,MAAA,OAAAE,CAAA,GAAAC,MAAA,CAAAC,SAAA,CAAAC,QAAA,CAAAC,IAAA,CAAAP,CAAA,EAAAQ,KAAA,aAAAL,CAAA,iBAAAH,CAAA,CAAAS,WAAA,EAAAN,CAAA,GAAAH,CAAA,CAAAS,WAAA,CAAAC,IAAA,MAAAP,CAAA,cAAAA,CAAA,mBAAAQ,KAAA,CAAAC,IAAA,CAAAZ,CAAA,OAAAG,CAAA,+DAAAU,IAAA,CAAAV,CAAA,UAAAD,iBAAA,CAAAF,CAAA,EAAAC,MAAA;AAAA,SAAAL,iBAAAkB,IAAA,eAAAC,MAAA,oBAAAD,IAAA,CAAAC,MAAA,CAAAC,QAAA,aAAAF,IAAA,+BAAAH,KAAA,CAAAC,IAAA,CAAAE,IAAA;AAAA,SAAAnB,mBAAAD,GAAA,QAAAiB,KAAA,CAAAM,OAAA,CAAAvB,GAAA,UAAAQ,iBAAA,CAAAR,GAAA;AAAA,SAAAQ,kBAAAR,GAAA,EAAAwB,GAAA,QAAAA,GAAA,YAAAA,GAAA,GAAAxB,GAAA,CAAAyB,MAAA,EAAAD,GAAA,GAAAxB,GAAA,CAAAyB,MAAA,WAAAC,CAAA,MAAAC,IAAA,OAAAV,KAAA,CAAAO,GAAA,GAAAE,CAAA,GAAAF,GAAA,EAAAE,CAAA,IAAAC,IAAA,CAAAD,CAAA,IAAA1B,GAAA,CAAA0B,CAAA,UAAAC,IAAA;AAEzB;AACA;AACA;AACO,IAAMC,gBAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAAlBA,eAAeA,CAC1BE,QAAyB,EACjB;EACR,IAAMC,EAAE,GAAGC,cAAK,CAACC,QAAQ,CAACC,OAAO,CAACJ,QAAQ,CAAC,CAACK,MAAM,CAACH,cAAK,CAACI,cAAc,CAAC;;EAExE;EACA,OAAOL,EAAE,CAACM,MAAM,CAAC,UAACC,GAAG,EAAEC,KAAQ,EAAK;IAClC,IAAIA,KAAK,CAACC,IAAI,KAAKR,cAAK,CAACS,QAAQ,EAAE;MACjC,OAAOH,GAAG,CAACI,MAAM,CAACd,gBAAe,CAACW,KAAK,CAACI,KAAK,CAACb,QAAQ,CAAC,CAAC;IAC1D;IAEA,UAAAY,MAAA,CAAA3C,kBAAA,CAAWuC,GAAG,IAAEC,KAAK;EACvB,CAAC,EAAE,EAAE,CAAQ;AACf,CAAC"}

package/dist/helpers/injectGlobalStyles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { css } from "styled-components";
 /**
  * Injects globally relevant styles, including helper classes for our Typography.

package/dist/helpers/isText.js

@@ -12,19 +12,18 @@ var REACT_FRAGMENT_TYPE = /*#__PURE__*/_react.default.createElement(_react.defau
 /**
  * Check whether a `children` prop is text — e.g. just a string (or interpolated string)
  */
-var isText = function isText(children) {
+var _isText = exports.isText = function isText(children) {
   // If children is an object, it may be simple, just wrapped in a fragment(s)
   // `><>Example</><`
   if (!!children && _typeof(children) === "object" && "type" in children && children.type === REACT_FRAGMENT_TYPE) {
-    return isText(children.props.children);
+    return _isText(children.props.children);
   }
 
   // Non-fragment interpolated children is an array:
   // `>Exmaple ({2 + 2})<` => ["Example (", 4, ")"]
   if (Array.isArray(children)) {
-    return children.every(isText);
+    return children.every(_isText);
   }
   return typeof children === "string" || typeof children === "number";
 };
-exports.isText = isText;
 //# sourceMappingURL=isText.js.map

package/dist/helpers/isText.js.map

@@ -1 +1 @@
-{"version":3,"file":"isText.js","names":["_react","_interopRequireDefault","require","obj","__esModule","default","_typeof","Symbol","iterator","constructor","prototype","REACT_FRAGMENT_TYPE","createElement","Fragment","type","isText","children","props","Array","isArray","every","exports"],"sources":["../../src/helpers/isText.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\"\n\nconst REACT_FRAGMENT_TYPE = (<></>).type\n\n/**\n * Check whether a `children` prop is text — e.g. just a string (or interpolated string)\n */\nexport const isText = (children: ReactNode) => {\n  // If children is an object, it may be simple, just wrapped in a fragment(s)\n  // `><>Example</><`\n  if (\n    !!children &&\n    typeof children === \"object\" &&\n    \"type\" in children &&\n    children.type === REACT_FRAGMENT_TYPE\n  ) {\n    return isText(children.props.children)\n  }\n\n  // Non-fragment interpolated children is an array:\n  // `>Exmaple ({2 + 2})<` => [\"Example (\", 4, \")\"]\n  if (Array.isArray(children)) {\n    return children.every(isText)\n  }\n\n  return typeof children === \"string\" || typeof children === \"number\"\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAwC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,QAAAH,GAAA,sCAAAG,OAAA,wBAAAC,MAAA,uBAAAA,MAAA,CAAAC,QAAA,aAAAL,GAAA,kBAAAA,GAAA,gBAAAA,GAAA,WAAAA,GAAA,yBAAAI,MAAA,IAAAJ,GAAA,CAAAM,WAAA,KAAAF,MAAA,IAAAJ,GAAA,KAAAI,MAAA,CAAAG,SAAA,qBAAAP,GAAA,KAAAG,OAAA,CAAAH,GAAA;AAExC,IAAMQ,mBAAmB,GAAG,aAACX,MAAA,CAAAK,OAAA,CAAAO,aAAA,CAAAZ,MAAA,CAAAK,OAAA,CAAAQ,QAAA,OAAK,CAAEC,IAAI;;AAExC;AACA;AACA;AACO,IAAMC,MAAM,GAAG,SAATA,MAAMA,CAAIC,QAAmB,EAAK;EAC7C;EACA;EACA,IACE,CAAC,CAACA,QAAQ,IACVV,OAAA,CAAOU,QAAQ,MAAK,QAAQ,IAC5B,MAAM,IAAIA,QAAQ,IAClBA,QAAQ,CAACF,IAAI,KAAKH,mBAAmB,EACrC;IACA,OAAOI,MAAM,CAACC,QAAQ,CAACC,KAAK,CAACD,QAAQ,CAAC;EACxC;;EAEA;EACA;EACA,IAAIE,KAAK,CAACC,OAAO,CAACH,QAAQ,CAAC,EAAE;IAC3B,OAAOA,QAAQ,CAACI,KAAK,CAACL,MAAM,CAAC;EAC/B;EAEA,OAAO,OAAOC,QAAQ,KAAK,QAAQ,IAAI,OAAOA,QAAQ,KAAK,QAAQ;AACrE,CAAC;AAAAK,OAAA,CAAAN,MAAA,GAAAA,MAAA"}
+{"version":3,"file":"isText.js","names":["_react","_interopRequireDefault","require","obj","__esModule","default","_typeof","Symbol","iterator","constructor","prototype","REACT_FRAGMENT_TYPE","createElement","Fragment","type","isText","exports","children","props","Array","isArray","every"],"sources":["../../src/helpers/isText.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\"\n\nconst REACT_FRAGMENT_TYPE = (<></>).type\n\n/**\n * Check whether a `children` prop is text — e.g. just a string (or interpolated string)\n */\nexport const isText = (children: ReactNode) => {\n  // If children is an object, it may be simple, just wrapped in a fragment(s)\n  // `><>Example</><`\n  if (\n    !!children &&\n    typeof children === \"object\" &&\n    \"type\" in children &&\n    children.type === REACT_FRAGMENT_TYPE\n  ) {\n    return isText(children.props.children)\n  }\n\n  // Non-fragment interpolated children is an array:\n  // `>Exmaple ({2 + 2})<` => [\"Example (\", 4, \")\"]\n  if (Array.isArray(children)) {\n    return children.every(isText)\n  }\n\n  return typeof children === \"string\" || typeof children === \"number\"\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAwC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,QAAAH,GAAA,sCAAAG,OAAA,wBAAAC,MAAA,uBAAAA,MAAA,CAAAC,QAAA,aAAAL,GAAA,kBAAAA,GAAA,gBAAAA,GAAA,WAAAA,GAAA,yBAAAI,MAAA,IAAAJ,GAAA,CAAAM,WAAA,KAAAF,MAAA,IAAAJ,GAAA,KAAAI,MAAA,CAAAG,SAAA,qBAAAP,GAAA,KAAAG,OAAA,CAAAH,GAAA;AAExC,IAAMQ,mBAAmB,GAAG,aAACX,MAAA,CAAAK,OAAA,CAAAO,aAAA,CAAAZ,MAAA,CAAAK,OAAA,CAAAQ,QAAA,OAAK,CAAEC,IAAI;;AAExC;AACA;AACA;AACO,IAAMC,OAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAIE,QAAmB,EAAK;EAC7C;EACA;EACA,IACE,CAAC,CAACA,QAAQ,IACVX,OAAA,CAAOW,QAAQ,MAAK,QAAQ,IAC5B,MAAM,IAAIA,QAAQ,IAClBA,QAAQ,CAACH,IAAI,KAAKH,mBAAmB,EACrC;IACA,OAAOI,OAAM,CAACE,QAAQ,CAACC,KAAK,CAACD,QAAQ,CAAC;EACxC;;EAEA;EACA;EACA,IAAIE,KAAK,CAACC,OAAO,CAACH,QAAQ,CAAC,EAAE;IAC3B,OAAOA,QAAQ,CAACI,KAAK,CAACN,OAAM,CAAC;EAC/B;EAEA,OAAO,OAAOE,QAAQ,KAAK,QAAQ,IAAI,OAAOA,QAAQ,KAAK,QAAQ;AACrE,CAAC"}

package/dist/helpers/media.d.ts

@@ -1,6 +1,6 @@
 import { css } from "styled-components";
 import { breakpoints } from "../Theme";
-declare type Media = {
+type Media = {
     [S in keyof typeof breakpoints]: typeof css;
 };
 /**

package/dist/helpers/media.js

@@ -15,8 +15,8 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-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 _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+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; }
 /**
  * A helper to construct media query strings for responsive style targeting.
@@ -32,7 +32,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
  *   `}
  * `
  */
-var media = Object.entries(_Theme.breakpoints).reduce(function (accumulator, _ref) {
+var media = exports.media = Object.entries(_Theme.breakpoints).reduce(function (accumulator, _ref) {
   var _ref2 = _slicedToArray(_ref, 2),
     label = _ref2[0],
     value = _ref2[1];
@@ -43,5 +43,4 @@ var media = Object.entries(_Theme.breakpoints).reduce(function (accumulator, _re
     return (0, _styledComponents.css)(["@media (max-width:", "){", ";}"], value, _styledComponents.css.apply(void 0, [strings].concat(args)));
   }));
 }, {});
-exports.media = media;
 //# sourceMappingURL=media.js.map

package/dist/helpers/media.js.map

@@ -1 +1 @@
-{"version":3,"file":"media.js","names":["_styledComponents","require","_Theme","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","obj","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","_typeof","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","o","minLen","_arrayLikeToArray","n","prototype","toString","slice","constructor","name","Array","from","test","len","arr2","_i","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","err","return","isArray","media","entries","breakpoints","reduce","accumulator","_ref","_ref2","label","strings","_len","args","_key","css","concat","exports"],"sources":["../../src/helpers/media.ts"],"sourcesContent":["import { css } from \"styled-components\"\nimport { breakpoints } from \"../Theme\"\n\ntype Media = { [S in keyof typeof breakpoints]: typeof css }\n\n/**\n * A helper to construct media query strings for responsive style targeting.\n *\n * @example\n *\n * const Panel = styled.div`\n *   ${media.sm`\n *     width: 50%;\n *   `}\n *   ${media.lg`\n *     width: 100%;\n *   `}\n * `\n */\nexport const media: Media = Object.entries(breakpoints).reduce(\n  (accumulator, [label, value]) => {\n    return {\n      ...accumulator,\n      [label]: (strings, ...args) => css`\n        @media (max-width: ${value}) {\n          ${css(strings, ...args)};\n        }\n      `,\n    }\n  },\n  {}\n) as Media\n"],"mappings":"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"}
+{"version":3,"file":"media.js","names":["_styledComponents","require","_Theme","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","obj","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","_typeof","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","o","minLen","_arrayLikeToArray","n","prototype","toString","slice","constructor","name","Array","from","test","len","arr2","_i","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","err","return","isArray","media","exports","entries","breakpoints","reduce","accumulator","_ref","_ref2","label","strings","_len","args","_key","css","concat"],"sources":["../../src/helpers/media.ts"],"sourcesContent":["import { css } from \"styled-components\"\nimport { breakpoints } from \"../Theme\"\n\ntype Media = { [S in keyof typeof breakpoints]: typeof css }\n\n/**\n * A helper to construct media query strings for responsive style targeting.\n *\n * @example\n *\n * const Panel = styled.div`\n *   ${media.sm`\n *     width: 50%;\n *   `}\n *   ${media.lg`\n *     width: 100%;\n *   `}\n * `\n */\nexport const media: Media = Object.entries(breakpoints).reduce(\n  (accumulator, [label, value]) => {\n    return {\n      ...accumulator,\n      [label]: (strings, ...args) => css`\n        @media (max-width: ${value}) {\n          ${css(strings, ...args)};\n        }\n      `,\n    }\n  },\n  {}\n) as Media\n"],"mappings":"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"}

package/dist/helpers/space.js

@@ -11,8 +11,7 @@ var _Theme = require("../Theme");
  *
  * @deprecated use component spacing props, or `themeGet('space.n')`
  */
-var space = function space(spaceKey) {
+var space = exports.space = function space(spaceKey) {
   return parseInt(_Theme.THEME.space[spaceKey], 10);
 };
-exports.space = space;
 //# sourceMappingURL=space.js.map

package/dist/helpers/space.js.map

@@ -1 +1 @@
-{"version":3,"file":"space.js","names":["_Theme","require","space","spaceKey","parseInt","THEME","exports"],"sources":["../../src/helpers/space.ts"],"sourcesContent":["import { SpacingUnit, THEME } from \"../Theme\"\n\n/**\n * A helper to easily access space values when not in a styled-components or\n * styled-systems context.\n *\n * @deprecated use component spacing props, or `themeGet('space.n')`\n */\nexport const space = (spaceKey: SpacingUnit): number => {\n  return parseInt(THEME.space[spaceKey], 10)\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMC,KAAK,GAAG,SAARA,KAAKA,CAAIC,QAAqB,EAAa;EACtD,OAAOC,QAAQ,CAACC,YAAK,CAACH,KAAK,CAACC,QAAQ,CAAC,EAAE,EAAE,CAAC;AAC5C,CAAC;AAAAG,OAAA,CAAAJ,KAAA,GAAAA,KAAA"}
+{"version":3,"file":"space.js","names":["_Theme","require","space","exports","spaceKey","parseInt","THEME"],"sources":["../../src/helpers/space.ts"],"sourcesContent":["import { SpacingUnit, THEME } from \"../Theme\"\n\n/**\n * A helper to easily access space values when not in a styled-components or\n * styled-systems context.\n *\n * @deprecated use component spacing props, or `themeGet('space.n')`\n */\nexport const space = (spaceKey: SpacingUnit): number => {\n  return parseInt(THEME.space[spaceKey], 10)\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMC,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,SAARA,KAAKA,CAAIE,QAAqB,EAAa;EACtD,OAAOC,QAAQ,CAACC,YAAK,CAACJ,KAAK,CAACE,QAAQ,CAAC,EAAE,EAAE,CAAC;AAC5C,CAAC"}

package/dist/helpers/transition.js

@@ -6,6 +6,5 @@ Object.defineProperty(exports, "__esModule", {
 exports.FORM_ELEMENT_TRANSITION = void 0;
 /** Transition specifically for the StyledLabel and Container in multiple components.
  * It animates color, transform, padding, and font-size properties with 0.25s duration and custom cubic-bezier easing function. **/
-var FORM_ELEMENT_TRANSITION = "0.25s cubic-bezier(0.64, 0.05, 0.36, 1)";
-exports.FORM_ELEMENT_TRANSITION = FORM_ELEMENT_TRANSITION;
+var FORM_ELEMENT_TRANSITION = exports.FORM_ELEMENT_TRANSITION = "0.25s cubic-bezier(0.64, 0.05, 0.36, 1)";
 //# sourceMappingURL=transition.js.map

package/dist/helpers/transition.js.map

@@ -1 +1 @@
-{"version":3,"file":"transition.js","names":["FORM_ELEMENT_TRANSITION","exports"],"sources":["../../src/helpers/transition.ts"],"sourcesContent":["/** Transition specifically for the StyledLabel and Container in multiple components.\n * It animates color, transform, padding, and font-size properties with 0.25s duration and custom cubic-bezier easing function. **/\nexport const FORM_ELEMENT_TRANSITION = \"0.25s cubic-bezier(0.64, 0.05, 0.36, 1)\"\n"],"mappings":";;;;;;AAAA;AACA;AACO,IAAMA,uBAAuB,GAAG,yCAAyC;AAAAC,OAAA,CAAAD,uBAAA,GAAAA,uBAAA"}
+{"version":3,"file":"transition.js","names":["FORM_ELEMENT_TRANSITION","exports"],"sources":["../../src/helpers/transition.ts"],"sourcesContent":["/** Transition specifically for the StyledLabel and Container in multiple components.\n * It animates color, transform, padding, and font-size properties with 0.25s duration and custom cubic-bezier easing function. **/\nexport const FORM_ELEMENT_TRANSITION = \"0.25s cubic-bezier(0.64, 0.05, 0.36, 1)\"\n"],"mappings":";;;;;;AAAA;AACA;AACO,IAAMA,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,yCAAyC"}

package/dist/helpers/visuallyDisableScrollbar.js

@@ -8,6 +8,5 @@ var _styledComponents = require("styled-components");
 /**
  * Mixin that disables the scrollbar
  */
-var visuallyDisableScrollbar = (0, _styledComponents.css)(["-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}"]);
-exports.visuallyDisableScrollbar = visuallyDisableScrollbar;
+var visuallyDisableScrollbar = exports.visuallyDisableScrollbar = (0, _styledComponents.css)(["-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}"]);
 //# sourceMappingURL=visuallyDisableScrollbar.js.map

package/dist/helpers/visuallyDisableScrollbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"visuallyDisableScrollbar.js","names":["_styledComponents","require","visuallyDisableScrollbar","css","exports"],"sources":["../../src/helpers/visuallyDisableScrollbar.ts"],"sourcesContent":["import { css } from \"styled-components\"\n\n/**\n * Mixin that disables the scrollbar\n */\nexport const visuallyDisableScrollbar = css`\n  /* IE 10+ */\n  -ms-overflow-style: none;\n  /* Firefox */\n  scrollbar-width: none;\n  /* Safari and Chrome */\n  &::-webkit-scrollbar {\n    display: none;\n  }\n`\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACO,IAAMC,wBAAwB,OAAGC,qBAAG,uFAS1C;AAAAC,OAAA,CAAAF,wBAAA,GAAAA,wBAAA"}
+{"version":3,"file":"visuallyDisableScrollbar.js","names":["_styledComponents","require","visuallyDisableScrollbar","exports","css"],"sources":["../../src/helpers/visuallyDisableScrollbar.ts"],"sourcesContent":["import { css } from \"styled-components\"\n\n/**\n * Mixin that disables the scrollbar\n */\nexport const visuallyDisableScrollbar = css`\n  /* IE 10+ */\n  -ms-overflow-style: none;\n  /* Firefox */\n  scrollbar-width: none;\n  /* Safari and Chrome */\n  &::-webkit-scrollbar {\n    display: none;\n  }\n`\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACO,IAAMC,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,OAAGE,qBAAG,uFAS1C"}

package/dist/shared/RequiredField.js

@@ -8,13 +8,12 @@ var _react = _interopRequireDefault(require("react"));
 var _elements = require("../elements");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
-var RequiredField = function RequiredField(props) {
+var RequiredField = exports.RequiredField = function RequiredField(props) {
   return /*#__PURE__*/_react.default.createElement(_elements.Text, _extends({
     variant: "xs",
     color: props.disabled ? "mono30" : "mono60",
     textAlign: "left"
   }, props), "*Required");
 };
-exports.RequiredField = RequiredField;
 RequiredField.displayName = "RequiredField";
 //# sourceMappingURL=RequiredField.js.map

package/dist/shared/RequiredField.js.map

@@ -1 +1 @@
-{"version":3,"file":"RequiredField.js","names":["_react","_interopRequireDefault","require","_elements","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","RequiredField","props","createElement","Text","variant","color","disabled","textAlign","exports","displayName"],"sources":["../../src/shared/RequiredField.tsx"],"sourcesContent":["import React from \"react\"\nimport { Text, TextProps } from \"../elements\"\n\nexport const RequiredField: React.FC<\n  React.PropsWithChildren<TextProps & { disabled?: boolean }>\n> = (props) => {\n  return (\n    <Text\n      variant=\"xs\"\n      color={props.disabled ? \"mono30\" : \"mono60\"}\n      textAlign=\"left\"\n      {...props}\n    >\n      *Required\n    </Text>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAA6C,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAEtC,IAAMQ,aAEZ,GAAG,SAFSA,aAEZA,CAAIC,KAAK,EAAK;EACb,oBACEtB,MAAA,CAAAM,OAAA,CAAAiB,aAAA,CAACpB,SAAA,CAAAqB,IAAI,EAAAjB,QAAA;IACHkB,OAAO,EAAC,IAAI;IACZC,KAAK,EAAEJ,KAAK,CAACK,QAAQ,GAAG,QAAQ,GAAG,QAAS;IAC5CC,SAAS,EAAC;EAAM,GACZN,KAAK,GACV,WAED,CAAO;AAEX,CAAC;AAAAO,OAAA,CAAAR,aAAA,GAAAA,aAAA;AAbYA,aAEZ,CAAAS,WAAA"}
+{"version":3,"file":"RequiredField.js","names":["_react","_interopRequireDefault","require","_elements","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","RequiredField","exports","props","createElement","Text","variant","color","disabled","textAlign","displayName"],"sources":["../../src/shared/RequiredField.tsx"],"sourcesContent":["import React from \"react\"\nimport { Text, TextProps } from \"../elements\"\n\nexport const RequiredField: React.FC<\n  React.PropsWithChildren<TextProps & { disabled?: boolean }>\n> = (props) => {\n  return (\n    <Text\n      variant=\"xs\"\n      color={props.disabled ? \"mono30\" : \"mono60\"}\n      textAlign=\"left\"\n      {...props}\n    >\n      *Required\n    </Text>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAA6C,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAEtC,IAAMQ,aAEZ,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAFSA,aAEZA,CAAIE,KAAK,EAAK;EACb,oBACEvB,MAAA,CAAAM,OAAA,CAAAkB,aAAA,CAACrB,SAAA,CAAAsB,IAAI,EAAAlB,QAAA;IACHmB,OAAO,EAAC,IAAI;IACZC,KAAK,EAAEJ,KAAK,CAACK,QAAQ,GAAG,QAAQ,GAAG,QAAS;IAC5CC,SAAS,EAAC;EAAM,GACZN,KAAK,GACV,WAED,CAAO;AAEX,CAAC;AAbYF,aAEZ,CAAAS,WAAA"}