@artsy/palette 41.8.1 → 42.0.0

package/dist/elements/Carousel/Carousel.story.js

@@ -21,8 +21,8 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 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; }
@@ -57,53 +57,47 @@ var Demo = function Demo(_ref) {
   })));
 };
 Demo.displayName = "Demo";
-var _default = {
+var _default = exports.default = {
   title: "Components/Carousel"
 };
-exports.default = _default;
-var Simple = function Simple() {
+var Simple = exports.Simple = function Simple() {
   return /*#__PURE__*/_react.default.createElement(Demo, null);
 };
-exports.Simple = Simple;
 Simple.displayName = "Simple";
-var Multiple = function Multiple() {
+var Multiple = exports.Multiple = function Multiple() {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Demo, null), /*#__PURE__*/_react.default.createElement(Demo, null), /*#__PURE__*/_react.default.createElement(Demo, null));
 };
-exports.Multiple = Multiple;
-var SinglePage = function SinglePage() {
+var SinglePage = exports.SinglePage = function SinglePage() {
   var widths = [250, 250];
   return /*#__PURE__*/_react.default.createElement(Demo, {
     widths: widths
   });
 };
-exports.SinglePage = SinglePage;
 SinglePage.displayName = "SinglePage";
 SinglePage.story = {
   name: "Single page"
 };
-var SingleOverflowingItem = function SingleOverflowingItem() {
+var SingleOverflowingItem = exports.SingleOverflowingItem = function SingleOverflowingItem() {
   var widths = [2000];
   return /*#__PURE__*/_react.default.createElement(Demo, {
     widths: widths
   });
 };
-exports.SingleOverflowingItem = SingleOverflowingItem;
 SingleOverflowingItem.displayName = "SingleOverflowingItem";
 SingleOverflowingItem.story = {
   name: "Single overflowing item"
 };
-var MultipleOverflowingItems = function MultipleOverflowingItems() {
+var MultipleOverflowingItems = exports.MultipleOverflowingItems = function MultipleOverflowingItems() {
   var widths = [100, 2000, 1000, 100, 1000];
   return /*#__PURE__*/_react.default.createElement(Demo, {
     widths: widths
   });
 };
-exports.MultipleOverflowingItems = MultipleOverflowingItems;
 MultipleOverflowingItems.displayName = "MultipleOverflowingItems";
 MultipleOverflowingItems.story = {
   name: "Multiple overflowing items"
 };
-var TwoishPages = function TwoishPages() {
+var TwoishPages = exports.TwoishPages = function TwoishPages() {
   var widths = Array.from(Array(5)).map(function (_) {
     return 250;
   });
@@ -111,12 +105,11 @@ var TwoishPages = function TwoishPages() {
     widths: widths
   });
 };
-exports.TwoishPages = TwoishPages;
 TwoishPages.displayName = "TwoishPages";
 TwoishPages.story = {
   name: "Two-(ish) pages"
 };
-var ManyPages = function ManyPages() {
+var ManyPages = exports.ManyPages = function ManyPages() {
   var widths = Array.from(Array(100)).map(function (_) {
     return 250;
   });
@@ -124,12 +117,11 @@ var ManyPages = function ManyPages() {
     widths: widths
   });
 };
-exports.ManyPages = ManyPages;
 ManyPages.displayName = "ManyPages";
 ManyPages.story = {
   name: "Many pages"
 };
-var VaryingWidths = function VaryingWidths() {
+var VaryingWidths = exports.VaryingWidths = function VaryingWidths() {
   var widths = Array.from(Array(25)).map(function (_, i) {
     if (i % 15 === 0) return 400;
     if (i % 5 === 0) return 300;
@@ -141,12 +133,11 @@ var VaryingWidths = function VaryingWidths() {
     widths: widths
   });
 };
-exports.VaryingWidths = VaryingWidths;
 VaryingWidths.displayName = "VaryingWidths";
 VaryingWidths.story = {
   name: "Varying widths"
 };
-var VaryingHeights = function VaryingHeights() {
+var VaryingHeights = exports.VaryingHeights = function VaryingHeights() {
   var widths = Array.from(Array(25)).map(function (_, i) {
     if (i % 15 === 0) return 400;
     if (i % 5 === 0) return 300;
@@ -159,12 +150,11 @@ var VaryingHeights = function VaryingHeights() {
     heights: [400, 300, 333, 275]
   });
 };
-exports.VaryingHeights = VaryingHeights;
 VaryingHeights.displayName = "VaryingHeights";
 VaryingHeights.story = {
   name: "Varying heights"
 };
-var DynamicItems = function DynamicItems() {
+var DynamicItems = exports.DynamicItems = function DynamicItems() {
   var _useState = (0, _react.useState)([300]),
     _useState2 = _slicedToArray(_useState, 2),
     widths = _useState2[0],
@@ -183,7 +173,6 @@ var DynamicItems = function DynamicItems() {
     widths: widths
   });
 };
-exports.DynamicItems = DynamicItems;
 DynamicItems.displayName = "DynamicItems";
 DynamicItems.story = {
   name: "Dynamic items",
@@ -193,7 +182,7 @@ DynamicItems.story = {
     }
   }
 };
-var CustomArrows = function CustomArrows() {
+var CustomArrows = exports.CustomArrows = function CustomArrows() {
   return /*#__PURE__*/_react.default.createElement(Demo, {
     Previous: function Previous(props) {
       return /*#__PURE__*/_react.default.createElement(_2.CarouselPrevious, _extends({}, props, {
@@ -221,12 +210,11 @@ var CustomArrows = function CustomArrows() {
     }
   });
 };
-exports.CustomArrows = CustomArrows;
 CustomArrows.displayName = "CustomArrows";
 CustomArrows.story = {
   name: "Custom arrows"
 };
-var CustomRailAndCells = function CustomRailAndCells() {
+var CustomRailAndCells = exports.CustomRailAndCells = function CustomRailAndCells() {
   return /*#__PURE__*/_react.default.createElement(Demo, {
     widths: ["100%", "100%", "100%", "100%"]
     // eslint-disable-next-line react/display-name
@@ -247,12 +235,11 @@ var CustomRailAndCells = function CustomRailAndCells() {
     }
   });
 };
-exports.CustomRailAndCells = CustomRailAndCells;
 CustomRailAndCells.displayName = "CustomRailAndCells";
 CustomRailAndCells.story = {
   name: "Custom rail and cells"
 };
-var CarouselWithText = function CarouselWithText() {
+var CarouselWithText = exports.CarouselWithText = function CarouselWithText() {
   return /*#__PURE__*/_react.default.createElement(_Box.Box, {
     mx: [2, 4],
     my: 2
@@ -282,22 +269,20 @@ var CarouselWithText = function CarouselWithText() {
     width: 300
   }, LOREM)));
 };
-exports.CarouselWithText = CarouselWithText;
 CarouselWithText.displayName = "CarouselWithText";
 CarouselWithText.story = {
   name: "Carousel with text"
 };
-var InitialIndexOnMount = function InitialIndexOnMount() {
+var InitialIndexOnMount = exports.InitialIndexOnMount = function InitialIndexOnMount() {
   return /*#__PURE__*/_react.default.createElement(Demo, {
     initialIndex: 3
   });
 };
-exports.InitialIndexOnMount = InitialIndexOnMount;
 InitialIndexOnMount.displayName = "InitialIndexOnMount";
 InitialIndexOnMount.story = {
   name: "initialIndex on mount"
 };
-var NavigateViaProps = function NavigateViaProps() {
+var NavigateViaProps = exports.NavigateViaProps = function NavigateViaProps() {
   var _useState3 = (0, _react.useState)(0),
     _useState4 = _slicedToArray(_useState3, 2),
     initialIndex = _useState4[0],
@@ -330,12 +315,11 @@ var NavigateViaProps = function NavigateViaProps() {
     }
   }, "Navigate to page 5")));
 };
-exports.NavigateViaProps = NavigateViaProps;
 NavigateViaProps.displayName = "NavigateViaProps";
 NavigateViaProps.story = {
   name: "Navigate via props"
 };
-var ConditionalChildren = function ConditionalChildren() {
+var ConditionalChildren = exports.ConditionalChildren = function ConditionalChildren() {
   return /*#__PURE__*/_react.default.createElement(_Box.Box, {
     mx: [2, 4],
     my: 2
@@ -383,16 +367,14 @@ var ConditionalChildren = function ConditionalChildren() {
     variant: "xs"
   }, "6"))));
 };
-exports.ConditionalChildren = ConditionalChildren;
 ConditionalChildren.displayName = "ConditionalChildren";
-var PaginationByCell = function PaginationByCell() {
+var PaginationByCell = exports.PaginationByCell = function PaginationByCell() {
   return /*#__PURE__*/_react.default.createElement(Demo, {
     paginateBy: "cell"
   });
 };
-exports.PaginationByCell = PaginationByCell;
 PaginationByCell.displayName = "PaginationByCell";
-var PaginationByCellWithVaryingWidths = function PaginationByCellWithVaryingWidths() {
+var PaginationByCellWithVaryingWidths = exports.PaginationByCellWithVaryingWidths = function PaginationByCellWithVaryingWidths() {
   var widths = Array.from(Array(25)).map(function (_, i) {
     if (i % 15 === 0) return 400;
     if (i % 5 === 0) return 300;
@@ -405,6 +387,5 @@ var PaginationByCellWithVaryingWidths = function PaginationByCellWithVaryingWidt
     widths: widths
   });
 };
-exports.PaginationByCellWithVaryingWidths = PaginationByCellWithVaryingWidths;
 PaginationByCellWithVaryingWidths.displayName = "PaginationByCellWithVaryingWidths";
 //# sourceMappingURL=Carousel.story.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Carousel.story.js","names":["_addonActions","require","_react","_interopRequireWildcard","_Box","_Clickable","_Text","_2","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","iter","Symbol","iterator","Array","from","isArray","_arrayLikeToArray","_slicedToArray","i","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","o","minLen","n","toString","slice","constructor","name","test","len","length","arr2","_i","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","_extends","assign","bind","target","arguments","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","LOREM","Demo","_ref","_ref$widths","widths","map","_","_ref$heights","heights","rest","createElement","Box","mx","my","Carousel","onChange","action","width","Clickable","height","bg","border","borderColor","p","textAlign","Text","variant","displayName","_default","title","exports","Simple","Multiple","Fragment","SinglePage","story","SingleOverflowingItem","MultipleOverflowingItems","TwoishPages","ManyPages","VaryingWidths","VaryingHeights","DynamicItems","_useState","useState","_useState2","setWidths","useEffect","interval","setInterval","prevWidths","concat","clearInterval","parameters","chromatic","disable","CustomArrows","Previous","props","CarouselPrevious","style","transform","color","opacity","zIndex","Next","CarouselNext","CustomRailAndCells","Cell","React","forwardRef","ref","CarouselCell","display","pr","Rail","CarouselRail","transition","CarouselWithText","InitialIndexOnMount","initialIndex","NavigateViaProps","_useState3","_useState4","resetIndex","justifyContent","onClick","ConditionalChildren","PaginationByCell","paginateBy","PaginationByCellWithVaryingWidths"],"sources":["../../../src/elements/Carousel/Carousel.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React, { useEffect, useState } from \"react\"\nimport { Box } from \"../Box\"\nimport { Clickable } from \"../Clickable\"\nimport { Text } from \"../Text\"\nimport {\n  Carousel,\n  CarouselCell,\n  CarouselNext,\n  CarouselPrevious,\n  CarouselProps,\n  CarouselRail,\n} from \"./\"\n\nconst LOREM =\n  \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestiae, adipisci. Voluptate voluptatum porro facere atque dolores est neque ipsam quaerat necessitatibus? Deleniti tempora assumenda accusantium, quia quo ad rem expedita!\"\n\nconst Demo = ({\n  widths = Array.from(Array(10)).map((_) => 300),\n  heights = [400],\n  ...rest\n}: {\n  widths?: Array<number | string>\n  heights?: number[]\n} & Omit<CarouselProps, \"children\">) => {\n  return (\n    <Box mx={[2, 4]} my={2}>\n      <Carousel onChange={action(\"onChange\")} {...rest}>\n        {widths.map((width, i) => {\n          return (\n            <Clickable\n              key={i}\n              width={width}\n              height={heights[i % heights.length]}\n              bg=\"mono10\"\n              border=\"1px solid\"\n              borderColor=\"mono30\"\n              p={1}\n              textAlign=\"center\"\n            >\n              <Text variant=\"xs\">{i + 1}</Text>\n            </Clickable>\n          )\n        })}\n      </Carousel>\n    </Box>\n  )\n}\n\nexport default { title: \"Components/Carousel\" }\n\nexport const Simple = () => {\n  return <Demo />\n}\n\nexport const Multiple = () => {\n  return (\n    <>\n      <Demo />\n      <Demo />\n      <Demo />\n    </>\n  )\n}\n\nexport const SinglePage = () => {\n  const widths = [250, 250]\n  return <Demo widths={widths} />\n}\n\nSinglePage.story = {\n  name: \"Single page\",\n}\n\nexport const SingleOverflowingItem = () => {\n  const widths = [2000]\n  return <Demo widths={widths} />\n}\n\nSingleOverflowingItem.story = {\n  name: \"Single overflowing item\",\n}\n\nexport const MultipleOverflowingItems = () => {\n  const widths = [100, 2000, 1000, 100, 1000]\n  return <Demo widths={widths} />\n}\n\nMultipleOverflowingItems.story = {\n  name: \"Multiple overflowing items\",\n}\n\nexport const TwoishPages = () => {\n  const widths = Array.from(Array(5)).map((_) => 250)\n  return <Demo widths={widths} />\n}\n\nTwoishPages.story = {\n  name: \"Two-(ish) pages\",\n}\n\nexport const ManyPages = () => {\n  const widths = Array.from(Array(100)).map((_) => 250)\n  return <Demo widths={widths} />\n}\n\nManyPages.story = {\n  name: \"Many pages\",\n}\n\nexport const VaryingWidths = () => {\n  const widths = Array.from(Array(25)).map((_, i) => {\n    if (i % 15 === 0) return 400\n    if (i % 5 === 0) return 300\n    if (i % 3 === 0) return 333\n    if (i % 2 === 0) return 275\n    return 250\n  })\n\n  return <Demo widths={widths} />\n}\n\nVaryingWidths.story = {\n  name: \"Varying widths\",\n}\n\nexport const VaryingHeights = () => {\n  const widths = Array.from(Array(25)).map((_, i) => {\n    if (i % 15 === 0) return 400\n    if (i % 5 === 0) return 300\n    if (i % 3 === 0) return 333\n    if (i % 2 === 0) return 275\n    return 250\n  })\n\n  return <Demo widths={widths} heights={[400, 300, 333, 275]} />\n}\n\nVaryingHeights.story = {\n  name: \"Varying heights\",\n}\n\nexport const DynamicItems = () => {\n  const [widths, setWidths] = useState([300])\n  useEffect(() => {\n    const interval = setInterval(() => {\n      setWidths((prevWidths) => [...prevWidths, 300])\n    }, 500)\n    return () => clearInterval(interval)\n  }, [])\n\n  return <Demo widths={widths} />\n}\n\nDynamicItems.story = {\n  name: \"Dynamic items\",\n  parameters: { chromatic: { disable: true } },\n}\n\nexport const CustomArrows = () => {\n  return (\n    <Demo\n      Previous={(props) => (\n        <CarouselPrevious\n          {...props}\n          style={{ transform: \"translateX(0)\" }}\n          bg=\"mono5\"\n          color=\"red100\"\n          height={300}\n          opacity={0.75}\n          zIndex={1}\n        />\n      )}\n      Next={(props) => {\n        return (\n          <CarouselNext\n            {...props}\n            style={{ transform: \"translateX(0)\" }}\n            bg=\"mono5\"\n            color=\"red100\"\n            height={300}\n            opacity={0.75}\n            zIndex={1}\n          />\n        )\n      }}\n    />\n  )\n}\n\nCustomArrows.story = {\n  name: \"Custom arrows\",\n}\n\nexport const CustomRailAndCells = () => {\n  return (\n    <Demo\n      widths={[\"100%\", \"100%\", \"100%\", \"100%\"]}\n      // eslint-disable-next-line react/display-name\n      Cell={React.forwardRef((props, ref) => {\n        return (\n          <CarouselCell\n            {...props}\n            ref={ref as any}\n            display=\"inline-flex\"\n            width=\"100%\"\n            pr={0}\n          />\n        )\n      })}\n      Rail={(props) => {\n        return <CarouselRail {...props} transition=\"none\" display=\"block\" />\n      }}\n    />\n  )\n}\n\nCustomRailAndCells.story = {\n  name: \"Custom rail and cells\",\n}\n\nexport const CarouselWithText = () => {\n  return (\n    <Box mx={[2, 4]} my={2}>\n      <Carousel>\n        <Text bg=\"mono10\" p={1} width={300}>\n          {LOREM}\n        </Text>\n\n        <Text bg=\"mono10\" p={1} width={300}>\n          {LOREM}\n        </Text>\n\n        <Text bg=\"mono10\" p={1} width={300}>\n          {LOREM}\n        </Text>\n\n        <Text bg=\"mono10\" p={1} width={300}>\n          {LOREM}\n        </Text>\n\n        <Text bg=\"mono10\" p={1} width={300}>\n          {LOREM}\n        </Text>\n\n        <Text bg=\"mono10\" p={1} width={300}>\n          {LOREM}\n        </Text>\n      </Carousel>\n    </Box>\n  )\n}\n\nCarouselWithText.story = {\n  name: \"Carousel with text\",\n}\n\nexport const InitialIndexOnMount = () => {\n  return <Demo initialIndex={3} />\n}\n\nInitialIndexOnMount.story = {\n  name: \"initialIndex on mount\",\n}\n\nexport const NavigateViaProps = () => {\n  const [initialIndex, resetIndex] = useState(0)\n  return (\n    <Box>\n      <Demo initialIndex={initialIndex} onChange={resetIndex} />\n      <Box display=\"flex\" justifyContent=\"space-around\">\n        <Clickable onClick={() => resetIndex(0)}>Navigate to page 1</Clickable>\n        <Clickable onClick={() => resetIndex(1)}>Navigate to page 2</Clickable>\n        <Clickable onClick={() => resetIndex(2)}>Navigate to page 3</Clickable>\n        <Clickable onClick={() => resetIndex(3)}>Navigate to page 4</Clickable>\n        <Clickable onClick={() => resetIndex(4)}>Navigate to page 5</Clickable>\n      </Box>\n    </Box>\n  )\n}\n\nNavigateViaProps.story = {\n  name: \"Navigate via props\",\n}\n\nexport const ConditionalChildren = () => {\n  return (\n    <Box mx={[2, 4]} my={2}>\n      <Carousel>\n        <Box bg=\"mono10\" width={300} height={300} p={2}>\n          <Text variant=\"xs\">1</Text>\n        </Box>\n\n        <Box bg=\"mono10\" width={300} height={300} p={2}>\n          <Text variant=\"xs\">2</Text>\n        </Box>\n\n        {false && (\n          <Box bg=\"mono10\" width={300} height={300} p={2}>\n            <Text variant=\"xs\">3</Text>\n          </Box>\n        )}\n\n        {true && (\n          <Box bg=\"mono10\" width={300} height={300} p={2}>\n            <Text variant=\"xs\">4</Text>\n          </Box>\n        )}\n\n        <Box bg=\"mono10\" width={300} height={300} p={2}>\n          <Text variant=\"xs\">5</Text>\n        </Box>\n\n        <Box bg=\"mono10\" width={300} height={300} p={2}>\n          <Text variant=\"xs\">6</Text>\n        </Box>\n      </Carousel>\n    </Box>\n  )\n}\n\nexport const PaginationByCell = () => {\n  return <Demo paginateBy=\"cell\" />\n}\n\nexport const PaginationByCellWithVaryingWidths = () => {\n  const widths = Array.from(Array(25)).map((_, i) => {\n    if (i % 15 === 0) return 400\n    if (i % 5 === 0) return 300\n    if (i % 3 === 0) return 333\n    if (i % 2 === 0) return 275\n    return 250\n  })\n\n  return <Demo paginateBy=\"cell\" widths={widths} />\n}\n"],"mappings":"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"}
+{"version":3,"file":"Carousel.story.js","names":["_addonActions","require","_react","_interopRequireWildcard","_Box","_Clickable","_Text","_2","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","iter","Symbol","iterator","Array","from","isArray","_arrayLikeToArray","_slicedToArray","i","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","o","minLen","n","toString","slice","constructor","name","test","len","length","arr2","_i","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","_extends","assign","bind","target","arguments","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","LOREM","Demo","_ref","_ref$widths","widths","map","_","_ref$heights","heights","rest","createElement","Box","mx","my","Carousel","onChange","action","width","Clickable","height","bg","border","borderColor","p","textAlign","Text","variant","displayName","_default","exports","title","Simple","Multiple","Fragment","SinglePage","story","SingleOverflowingItem","MultipleOverflowingItems","TwoishPages","ManyPages","VaryingWidths","VaryingHeights","DynamicItems","_useState","useState","_useState2","setWidths","useEffect","interval","setInterval","prevWidths","concat","clearInterval","parameters","chromatic","disable","CustomArrows","Previous","props","CarouselPrevious","style","transform","color","opacity","zIndex","Next","CarouselNext","CustomRailAndCells","Cell","React","forwardRef","ref","CarouselCell","display","pr","Rail","CarouselRail","transition","CarouselWithText","InitialIndexOnMount","initialIndex","NavigateViaProps","_useState3","_useState4","resetIndex","justifyContent","onClick","ConditionalChildren","PaginationByCell","paginateBy","PaginationByCellWithVaryingWidths"],"sources":["../../../src/elements/Carousel/Carousel.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React, { useEffect, useState } from \"react\"\nimport { Box } from \"../Box\"\nimport { Clickable } from \"../Clickable\"\nimport { Text } from \"../Text\"\nimport {\n  Carousel,\n  CarouselCell,\n  CarouselNext,\n  CarouselPrevious,\n  CarouselProps,\n  CarouselRail,\n} from \"./\"\n\nconst LOREM =\n  \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestiae, adipisci. Voluptate voluptatum porro facere atque dolores est neque ipsam quaerat necessitatibus? Deleniti tempora assumenda accusantium, quia quo ad rem expedita!\"\n\nconst Demo = ({\n  widths = Array.from(Array(10)).map((_) => 300),\n  heights = [400],\n  ...rest\n}: {\n  widths?: Array<number | string>\n  heights?: number[]\n} & Omit<CarouselProps, \"children\">) => {\n  return (\n    <Box mx={[2, 4]} my={2}>\n      <Carousel onChange={action(\"onChange\")} {...rest}>\n        {widths.map((width, i) => {\n          return (\n            <Clickable\n              key={i}\n              width={width}\n              height={heights[i % heights.length]}\n              bg=\"mono10\"\n              border=\"1px solid\"\n              borderColor=\"mono30\"\n              p={1}\n              textAlign=\"center\"\n            >\n              <Text variant=\"xs\">{i + 1}</Text>\n            </Clickable>\n          )\n        })}\n      </Carousel>\n    </Box>\n  )\n}\n\nexport default { title: \"Components/Carousel\" }\n\nexport const Simple = () => {\n  return <Demo />\n}\n\nexport const Multiple = () => {\n  return (\n    <>\n      <Demo />\n      <Demo />\n      <Demo />\n    </>\n  )\n}\n\nexport const SinglePage = () => {\n  const widths = [250, 250]\n  return <Demo widths={widths} />\n}\n\nSinglePage.story = {\n  name: \"Single page\",\n}\n\nexport const SingleOverflowingItem = () => {\n  const widths = [2000]\n  return <Demo widths={widths} />\n}\n\nSingleOverflowingItem.story = {\n  name: \"Single overflowing item\",\n}\n\nexport const MultipleOverflowingItems = () => {\n  const widths = [100, 2000, 1000, 100, 1000]\n  return <Demo widths={widths} />\n}\n\nMultipleOverflowingItems.story = {\n  name: \"Multiple overflowing items\",\n}\n\nexport const TwoishPages = () => {\n  const widths = Array.from(Array(5)).map((_) => 250)\n  return <Demo widths={widths} />\n}\n\nTwoishPages.story = {\n  name: \"Two-(ish) pages\",\n}\n\nexport const ManyPages = () => {\n  const widths = Array.from(Array(100)).map((_) => 250)\n  return <Demo widths={widths} />\n}\n\nManyPages.story = {\n  name: \"Many pages\",\n}\n\nexport const VaryingWidths = () => {\n  const widths = Array.from(Array(25)).map((_, i) => {\n    if (i % 15 === 0) return 400\n    if (i % 5 === 0) return 300\n    if (i % 3 === 0) return 333\n    if (i % 2 === 0) return 275\n    return 250\n  })\n\n  return <Demo widths={widths} />\n}\n\nVaryingWidths.story = {\n  name: \"Varying widths\",\n}\n\nexport const VaryingHeights = () => {\n  const widths = Array.from(Array(25)).map((_, i) => {\n    if (i % 15 === 0) return 400\n    if (i % 5 === 0) return 300\n    if (i % 3 === 0) return 333\n    if (i % 2 === 0) return 275\n    return 250\n  })\n\n  return <Demo widths={widths} heights={[400, 300, 333, 275]} />\n}\n\nVaryingHeights.story = {\n  name: \"Varying heights\",\n}\n\nexport const DynamicItems = () => {\n  const [widths, setWidths] = useState([300])\n  useEffect(() => {\n    const interval = setInterval(() => {\n      setWidths((prevWidths) => [...prevWidths, 300])\n    }, 500)\n    return () => clearInterval(interval)\n  }, [])\n\n  return <Demo widths={widths} />\n}\n\nDynamicItems.story = {\n  name: \"Dynamic items\",\n  parameters: { chromatic: { disable: true } },\n}\n\nexport const CustomArrows = () => {\n  return (\n    <Demo\n      Previous={(props) => (\n        <CarouselPrevious\n          {...props}\n          style={{ transform: \"translateX(0)\" }}\n          bg=\"mono5\"\n          color=\"red100\"\n          height={300}\n          opacity={0.75}\n          zIndex={1}\n        />\n      )}\n      Next={(props) => {\n        return (\n          <CarouselNext\n            {...props}\n            style={{ transform: \"translateX(0)\" }}\n            bg=\"mono5\"\n            color=\"red100\"\n            height={300}\n            opacity={0.75}\n            zIndex={1}\n          />\n        )\n      }}\n    />\n  )\n}\n\nCustomArrows.story = {\n  name: \"Custom arrows\",\n}\n\nexport const CustomRailAndCells = () => {\n  return (\n    <Demo\n      widths={[\"100%\", \"100%\", \"100%\", \"100%\"]}\n      // eslint-disable-next-line react/display-name\n      Cell={React.forwardRef((props, ref) => {\n        return (\n          <CarouselCell\n            {...props}\n            ref={ref as any}\n            display=\"inline-flex\"\n            width=\"100%\"\n            pr={0}\n          />\n        )\n      })}\n      Rail={(props) => {\n        return <CarouselRail {...props} transition=\"none\" display=\"block\" />\n      }}\n    />\n  )\n}\n\nCustomRailAndCells.story = {\n  name: \"Custom rail and cells\",\n}\n\nexport const CarouselWithText = () => {\n  return (\n    <Box mx={[2, 4]} my={2}>\n      <Carousel>\n        <Text bg=\"mono10\" p={1} width={300}>\n          {LOREM}\n        </Text>\n\n        <Text bg=\"mono10\" p={1} width={300}>\n          {LOREM}\n        </Text>\n\n        <Text bg=\"mono10\" p={1} width={300}>\n          {LOREM}\n        </Text>\n\n        <Text bg=\"mono10\" p={1} width={300}>\n          {LOREM}\n        </Text>\n\n        <Text bg=\"mono10\" p={1} width={300}>\n          {LOREM}\n        </Text>\n\n        <Text bg=\"mono10\" p={1} width={300}>\n          {LOREM}\n        </Text>\n      </Carousel>\n    </Box>\n  )\n}\n\nCarouselWithText.story = {\n  name: \"Carousel with text\",\n}\n\nexport const InitialIndexOnMount = () => {\n  return <Demo initialIndex={3} />\n}\n\nInitialIndexOnMount.story = {\n  name: \"initialIndex on mount\",\n}\n\nexport const NavigateViaProps = () => {\n  const [initialIndex, resetIndex] = useState(0)\n  return (\n    <Box>\n      <Demo initialIndex={initialIndex} onChange={resetIndex} />\n      <Box display=\"flex\" justifyContent=\"space-around\">\n        <Clickable onClick={() => resetIndex(0)}>Navigate to page 1</Clickable>\n        <Clickable onClick={() => resetIndex(1)}>Navigate to page 2</Clickable>\n        <Clickable onClick={() => resetIndex(2)}>Navigate to page 3</Clickable>\n        <Clickable onClick={() => resetIndex(3)}>Navigate to page 4</Clickable>\n        <Clickable onClick={() => resetIndex(4)}>Navigate to page 5</Clickable>\n      </Box>\n    </Box>\n  )\n}\n\nNavigateViaProps.story = {\n  name: \"Navigate via props\",\n}\n\nexport const ConditionalChildren = () => {\n  return (\n    <Box mx={[2, 4]} my={2}>\n      <Carousel>\n        <Box bg=\"mono10\" width={300} height={300} p={2}>\n          <Text variant=\"xs\">1</Text>\n        </Box>\n\n        <Box bg=\"mono10\" width={300} height={300} p={2}>\n          <Text variant=\"xs\">2</Text>\n        </Box>\n\n        {false && (\n          <Box bg=\"mono10\" width={300} height={300} p={2}>\n            <Text variant=\"xs\">3</Text>\n          </Box>\n        )}\n\n        {true && (\n          <Box bg=\"mono10\" width={300} height={300} p={2}>\n            <Text variant=\"xs\">4</Text>\n          </Box>\n        )}\n\n        <Box bg=\"mono10\" width={300} height={300} p={2}>\n          <Text variant=\"xs\">5</Text>\n        </Box>\n\n        <Box bg=\"mono10\" width={300} height={300} p={2}>\n          <Text variant=\"xs\">6</Text>\n        </Box>\n      </Carousel>\n    </Box>\n  )\n}\n\nexport const PaginationByCell = () => {\n  return <Demo paginateBy=\"cell\" />\n}\n\nexport const PaginationByCellWithVaryingWidths = () => {\n  const widths = Array.from(Array(25)).map((_, i) => {\n    if (i % 15 === 0) return 400\n    if (i % 5 === 0) return 300\n    if (i % 3 === 0) return 333\n    if (i % 2 === 0) return 275\n    return 250\n  })\n\n  return <Demo paginateBy=\"cell\" widths={widths} />\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,IAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,EAAA,GAAAN,OAAA;AAOW,IAAAO,SAAA;AAAA,SAAAC,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,SAAAP,wBAAAW,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;AAAA,SAAAW,mBAAAC,GAAA,WAAAC,kBAAA,CAAAD,GAAA,KAAAE,gBAAA,CAAAF,GAAA,KAAAG,2BAAA,CAAAH,GAAA,KAAAI,kBAAA;AAAA,SAAAA,mBAAA,cAAAC,SAAA;AAAA,SAAAH,iBAAAI,IAAA,eAAAC,MAAA,oBAAAD,IAAA,CAAAC,MAAA,CAAAC,QAAA,aAAAF,IAAA,+BAAAG,KAAA,CAAAC,IAAA,CAAAJ,IAAA;AAAA,SAAAL,mBAAAD,GAAA,QAAAS,KAAA,CAAAE,OAAA,CAAAX,GAAA,UAAAY,iBAAA,CAAAZ,GAAA;AAAA,SAAAa,eAAAb,GAAA,EAAAc,CAAA,WAAAC,eAAA,CAAAf,GAAA,KAAAgB,qBAAA,CAAAhB,GAAA,EAAAc,CAAA,KAAAX,2BAAA,CAAAH,GAAA,EAAAc,CAAA,KAAAG,gBAAA;AAAA,SAAAA,iBAAA,cAAAZ,SAAA;AAAA,SAAAF,4BAAAe,CAAA,EAAAC,MAAA,SAAAD,CAAA,qBAAAA,CAAA,sBAAAN,iBAAA,CAAAM,CAAA,EAAAC,MAAA,OAAAC,CAAA,GAAA9B,MAAA,CAAAI,SAAA,CAAA2B,QAAA,CAAAzB,IAAA,CAAAsB,CAAA,EAAAI,KAAA,aAAAF,CAAA,iBAAAF,CAAA,CAAAK,WAAA,EAAAH,CAAA,GAAAF,CAAA,CAAAK,WAAA,CAAAC,IAAA,MAAAJ,CAAA,cAAAA,CAAA,mBAAAX,KAAA,CAAAC,IAAA,CAAAQ,CAAA,OAAAE,CAAA,+DAAAK,IAAA,CAAAL,CAAA,UAAAR,iBAAA,CAAAM,CAAA,EAAAC,MAAA;AAAA,SAAAP,kBAAAZ,GAAA,EAAA0B,GAAA,QAAAA,GAAA,YAAAA,GAAA,GAAA1B,GAAA,CAAA2B,MAAA,EAAAD,GAAA,GAAA1B,GAAA,CAAA2B,MAAA,WAAAb,CAAA,MAAAc,IAAA,OAAAnB,KAAA,CAAAiB,GAAA,GAAAZ,CAAA,GAAAY,GAAA,EAAAZ,CAAA,IAAAc,IAAA,CAAAd,CAAA,IAAAd,GAAA,CAAAc,CAAA,UAAAc,IAAA;AAAA,SAAAZ,sBAAAhB,GAAA,EAAAc,CAAA,QAAAe,EAAA,WAAA7B,GAAA,gCAAAO,MAAA,IAAAP,GAAA,CAAAO,MAAA,CAAAC,QAAA,KAAAR,GAAA,4BAAA6B,EAAA,QAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,IAAA,OAAAC,EAAA,OAAAC,EAAA,iBAAAJ,EAAA,IAAAH,EAAA,GAAAA,EAAA,CAAAjC,IAAA,CAAAI,GAAA,GAAAqC,IAAA,QAAAvB,CAAA,QAAAxB,MAAA,CAAAuC,EAAA,MAAAA,EAAA,UAAAM,EAAA,uBAAAA,EAAA,IAAAL,EAAA,GAAAE,EAAA,CAAApC,IAAA,CAAAiC,EAAA,GAAAS,IAAA,MAAAJ,IAAA,CAAAK,IAAA,CAAAT,EAAA,CAAAU,KAAA,GAAAN,IAAA,CAAAP,MAAA,KAAAb,CAAA,GAAAqB,EAAA,iBAAAM,GAAA,IAAAL,EAAA,OAAAL,EAAA,GAAAU,GAAA,yBAAAN,EAAA,YAAAN,EAAA,CAAAa,MAAA,KAAAT,EAAA,GAAAJ,EAAA,CAAAa,MAAA,IAAApD,MAAA,CAAA2C,EAAA,MAAAA,EAAA,2BAAAG,EAAA,QAAAL,EAAA,aAAAG,IAAA;AAAA,SAAAnB,gBAAAf,GAAA,QAAAS,KAAA,CAAAE,OAAA,CAAAX,GAAA,UAAAA,GAAA;AAAA,SAAA2C,SAAA,IAAAA,QAAA,GAAArD,MAAA,CAAAsD,MAAA,GAAAtD,MAAA,CAAAsD,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAhC,CAAA,MAAAA,CAAA,GAAAiC,SAAA,CAAApB,MAAA,EAAAb,CAAA,UAAAkC,MAAA,GAAAD,SAAA,CAAAjC,CAAA,YAAArB,GAAA,IAAAuD,MAAA,QAAA1D,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAoD,MAAA,EAAAvD,GAAA,KAAAqD,MAAA,CAAArD,GAAA,IAAAuD,MAAA,CAAAvD,GAAA,gBAAAqD,MAAA,YAAAH,QAAA,CAAAM,KAAA,OAAAF,SAAA;AAAA,SAAAG,yBAAAF,MAAA,EAAAG,QAAA,QAAAH,MAAA,yBAAAF,MAAA,GAAAM,6BAAA,CAAAJ,MAAA,EAAAG,QAAA,OAAA1D,GAAA,EAAAqB,CAAA,MAAAxB,MAAA,CAAA+D,qBAAA,QAAAC,gBAAA,GAAAhE,MAAA,CAAA+D,qBAAA,CAAAL,MAAA,QAAAlC,CAAA,MAAAA,CAAA,GAAAwC,gBAAA,CAAA3B,MAAA,EAAAb,CAAA,MAAArB,GAAA,GAAA6D,gBAAA,CAAAxC,CAAA,OAAAqC,QAAA,CAAAI,OAAA,CAAA9D,GAAA,uBAAAH,MAAA,CAAAI,SAAA,CAAA8D,oBAAA,CAAA5D,IAAA,CAAAoD,MAAA,EAAAvD,GAAA,aAAAqD,MAAA,CAAArD,GAAA,IAAAuD,MAAA,CAAAvD,GAAA,cAAAqD,MAAA;AAAA,SAAAM,8BAAAJ,MAAA,EAAAG,QAAA,QAAAH,MAAA,yBAAAF,MAAA,WAAAW,UAAA,GAAAnE,MAAA,CAAAoE,IAAA,CAAAV,MAAA,OAAAvD,GAAA,EAAAqB,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAA2C,UAAA,CAAA9B,MAAA,EAAAb,CAAA,MAAArB,GAAA,GAAAgE,UAAA,CAAA3C,CAAA,OAAAqC,QAAA,CAAAI,OAAA,CAAA9D,GAAA,kBAAAqD,MAAA,CAAArD,GAAA,IAAAuD,MAAA,CAAAvD,GAAA,YAAAqD,MAAA;AAEX,IAAMa,KAAK,GACT,yOAAyO;AAE3O,IAAMC,IAAI,GAAG,SAAPA,IAAIA,CAAAC,IAAA,EAO8B;EAAA,IAAAC,WAAA,GAAAD,IAAA,CANtCE,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAGrD,KAAK,CAACC,IAAI,CAACD,KAAK,CAAC,EAAE,CAAC,CAAC,CAACuD,GAAG,CAAC,UAACC,CAAC;MAAA,OAAK,GAAG;IAAA,EAAC,GAAAH,WAAA;IAAAI,YAAA,GAAAL,IAAA,CAC9CM,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,CAAC,GAAG,CAAC,GAAAA,YAAA;IACZE,IAAI,GAAAlB,wBAAA,CAAAW,IAAA,EAAAtF,SAAA;EAKP,oBACEN,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAClG,IAAA,CAAAmG,GAAG;IAACC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAE;IAACC,EAAE,EAAE;EAAE,gBACrBvG,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAC/F,EAAA,CAAAmG,QAAQ,EAAA9B,QAAA;IAAC+B,QAAQ,EAAE,IAAAC,oBAAM,EAAC,UAAU;EAAE,GAAKP,IAAI,GAC7CL,MAAM,CAACC,GAAG,CAAC,UAACY,KAAK,EAAE9D,CAAC,EAAK;IACxB,oBACE7C,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACjG,UAAA,CAAAyG,SAAS;MACRpF,GAAG,EAAEqB,CAAE;MACP8D,KAAK,EAAEA,KAAM;MACbE,MAAM,EAAEX,OAAO,CAACrD,CAAC,GAAGqD,OAAO,CAACxC,MAAM,CAAE;MACpCoD,EAAE,EAAC,QAAQ;MACXC,MAAM,EAAC,WAAW;MAClBC,WAAW,EAAC,QAAQ;MACpBC,CAAC,EAAE,CAAE;MACLC,SAAS,EAAC;IAAQ,gBAElBlH,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAChG,KAAA,CAAA+G,IAAI;MAACC,OAAO,EAAC;IAAI,GAAEvE,CAAC,GAAG,CAAC,CAAQ,CACvB;EAEhB,CAAC,CAAC,CACO,CACP;AAEV,CAAC;AA9BK8C,IAAI,CAAA0B,WAAA;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAxG,OAAA,GAgCK;EAAEyG,KAAK,EAAE;AAAsB,CAAC;AAExC,IAAMC,MAAM,GAAAF,OAAA,CAAAE,MAAA,GAAG,SAATA,MAAMA,CAAA,EAAS;EAC1B,oBAAOzH,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACT,IAAI,OAAG;AACjB,CAAC;AAFY8B,MAAM,CAAAJ,WAAA;AAIZ,IAAMK,QAAQ,GAAAH,OAAA,CAAAG,QAAA,GAAG,SAAXA,QAAQA,CAAA,EAAS;EAC5B,oBACE1H,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAApG,MAAA,CAAAe,OAAA,CAAA4G,QAAA,qBACE3H,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACT,IAAI,OAAG,eACR3F,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACT,IAAI,OAAG,eACR3F,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACT,IAAI,OAAG,CACP;AAEP,CAAC;AAEM,IAAMiC,UAAU,GAAAL,OAAA,CAAAK,UAAA,GAAG,SAAbA,UAAUA,CAAA,EAAS;EAC9B,IAAM9B,MAAM,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC;EACzB,oBAAO9F,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACT,IAAI;IAACG,MAAM,EAAEA;EAAO,EAAG;AACjC,CAAC;AAHY8B,UAAU,CAAAP,WAAA;AAKvBO,UAAU,CAACC,KAAK,GAAG;EACjBtE,IAAI,EAAE;AACR,CAAC;AAEM,IAAMuE,qBAAqB,GAAAP,OAAA,CAAAO,qBAAA,GAAG,SAAxBA,qBAAqBA,CAAA,EAAS;EACzC,IAAMhC,MAAM,GAAG,CAAC,IAAI,CAAC;EACrB,oBAAO9F,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACT,IAAI;IAACG,MAAM,EAAEA;EAAO,EAAG;AACjC,CAAC;AAHYgC,qBAAqB,CAAAT,WAAA;AAKlCS,qBAAqB,CAACD,KAAK,GAAG;EAC5BtE,IAAI,EAAE;AACR,CAAC;AAEM,IAAMwE,wBAAwB,GAAAR,OAAA,CAAAQ,wBAAA,GAAG,SAA3BA,wBAAwBA,CAAA,EAAS;EAC5C,IAAMjC,MAAM,GAAG,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC;EAC3C,oBAAO9F,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACT,IAAI;IAACG,MAAM,EAAEA;EAAO,EAAG;AACjC,CAAC;AAHYiC,wBAAwB,CAAAV,WAAA;AAKrCU,wBAAwB,CAACF,KAAK,GAAG;EAC/BtE,IAAI,EAAE;AACR,CAAC;AAEM,IAAMyE,WAAW,GAAAT,OAAA,CAAAS,WAAA,GAAG,SAAdA,WAAWA,CAAA,EAAS;EAC/B,IAAMlC,MAAM,GAAGtD,KAAK,CAACC,IAAI,CAACD,KAAK,CAAC,CAAC,CAAC,CAAC,CAACuD,GAAG,CAAC,UAACC,CAAC;IAAA,OAAK,GAAG;EAAA,EAAC;EACnD,oBAAOhG,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACT,IAAI;IAACG,MAAM,EAAEA;EAAO,EAAG;AACjC,CAAC;AAHYkC,WAAW,CAAAX,WAAA;AAKxBW,WAAW,CAACH,KAAK,GAAG;EAClBtE,IAAI,EAAE;AACR,CAAC;AAEM,IAAM0E,SAAS,GAAAV,OAAA,CAAAU,SAAA,GAAG,SAAZA,SAASA,CAAA,EAAS;EAC7B,IAAMnC,MAAM,GAAGtD,KAAK,CAACC,IAAI,CAACD,KAAK,CAAC,GAAG,CAAC,CAAC,CAACuD,GAAG,CAAC,UAACC,CAAC;IAAA,OAAK,GAAG;EAAA,EAAC;EACrD,oBAAOhG,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACT,IAAI;IAACG,MAAM,EAAEA;EAAO,EAAG;AACjC,CAAC;AAHYmC,SAAS,CAAAZ,WAAA;AAKtBY,SAAS,CAACJ,KAAK,GAAG;EAChBtE,IAAI,EAAE;AACR,CAAC;AAEM,IAAM2E,aAAa,GAAAX,OAAA,CAAAW,aAAA,GAAG,SAAhBA,aAAaA,CAAA,EAAS;EACjC,IAAMpC,MAAM,GAAGtD,KAAK,CAACC,IAAI,CAACD,KAAK,CAAC,EAAE,CAAC,CAAC,CAACuD,GAAG,CAAC,UAACC,CAAC,EAAEnD,CAAC,EAAK;IACjD,IAAIA,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,OAAO,GAAG;IAC5B,IAAIA,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG;IAC3B,IAAIA,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG;IAC3B,IAAIA,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG;IAC3B,OAAO,GAAG;EACZ,CAAC,CAAC;EAEF,oBAAO7C,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACT,IAAI;IAACG,MAAM,EAAEA;EAAO,EAAG;AACjC,CAAC;AAVYoC,aAAa,CAAAb,WAAA;AAY1Ba,aAAa,CAACL,KAAK,GAAG;EACpBtE,IAAI,EAAE;AACR,CAAC;AAEM,IAAM4E,cAAc,GAAAZ,OAAA,CAAAY,cAAA,GAAG,SAAjBA,cAAcA,CAAA,EAAS;EAClC,IAAMrC,MAAM,GAAGtD,KAAK,CAACC,IAAI,CAACD,KAAK,CAAC,EAAE,CAAC,CAAC,CAACuD,GAAG,CAAC,UAACC,CAAC,EAAEnD,CAAC,EAAK;IACjD,IAAIA,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,OAAO,GAAG;IAC5B,IAAIA,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG;IAC3B,IAAIA,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG;IAC3B,IAAIA,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG;IAC3B,OAAO,GAAG;EACZ,CAAC,CAAC;EAEF,oBAAO7C,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACT,IAAI;IAACG,MAAM,EAAEA,MAAO;IAACI,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG;EAAE,EAAG;AAChE,CAAC;AAVYiC,cAAc,CAAAd,WAAA;AAY3Bc,cAAc,CAACN,KAAK,GAAG;EACrBtE,IAAI,EAAE;AACR,CAAC;AAEM,IAAM6E,YAAY,GAAAb,OAAA,CAAAa,YAAA,GAAG,SAAfA,YAAYA,CAAA,EAAS;EAChC,IAAAC,SAAA,GAA4B,IAAAC,eAAQ,EAAC,CAAC,GAAG,CAAC,CAAC;IAAAC,UAAA,GAAA3F,cAAA,CAAAyF,SAAA;IAApCvC,MAAM,GAAAyC,UAAA;IAAEC,SAAS,GAAAD,UAAA;EACxB,IAAAE,gBAAS,EAAC,YAAM;IACd,IAAMC,QAAQ,GAAGC,WAAW,CAAC,YAAM;MACjCH,SAAS,CAAC,UAACI,UAAU;QAAA,UAAAC,MAAA,CAAA/G,kBAAA,CAAS8G,UAAU,IAAE,GAAG;MAAA,CAAC,CAAC;IACjD,CAAC,EAAE,GAAG,CAAC;IACP,OAAO;MAAA,OAAME,aAAa,CAACJ,QAAQ,CAAC;IAAA;EACtC,CAAC,EAAE,EAAE,CAAC;EAEN,oBAAO1I,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACT,IAAI;IAACG,MAAM,EAAEA;EAAO,EAAG;AACjC,CAAC;AAVYsC,YAAY,CAAAf,WAAA;AAYzBe,YAAY,CAACP,KAAK,GAAG;EACnBtE,IAAI,EAAE,eAAe;EACrBwF,UAAU,EAAE;IAAEC,SAAS,EAAE;MAAEC,OAAO,EAAE;IAAK;EAAE;AAC7C,CAAC;AAEM,IAAMC,YAAY,GAAA3B,OAAA,CAAA2B,YAAA,GAAG,SAAfA,YAAYA,CAAA,EAAS;EAChC,oBACElJ,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACT,IAAI;IACHwD,QAAQ,EAAE,SAAVA,QAAQA,CAAGC,KAAK;MAAA,oBACdpJ,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAC/F,EAAA,CAAAgJ,gBAAgB,EAAA3E,QAAA,KACX0E,KAAK;QACTE,KAAK,EAAE;UAAEC,SAAS,EAAE;QAAgB,CAAE;QACtCzC,EAAE,EAAC,OAAO;QACV0C,KAAK,EAAC,QAAQ;QACd3C,MAAM,EAAE,GAAI;QACZ4C,OAAO,EAAE,IAAK;QACdC,MAAM,EAAE;MAAE,GACV;IAAA,CACF;IACFC,IAAI,EAAE,SAANA,IAAIA,CAAGP,KAAK,EAAK;MACf,oBACEpJ,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAC/F,EAAA,CAAAuJ,YAAY,EAAAlF,QAAA,KACP0E,KAAK;QACTE,KAAK,EAAE;UAAEC,SAAS,EAAE;QAAgB,CAAE;QACtCzC,EAAE,EAAC,OAAO;QACV0C,KAAK,EAAC,QAAQ;QACd3C,MAAM,EAAE,GAAI;QACZ4C,OAAO,EAAE,IAAK;QACdC,MAAM,EAAE;MAAE,GACV;IAEN;EAAE,EACF;AAEN,CAAC;AA7BYR,YAAY,CAAA7B,WAAA;AA+BzB6B,YAAY,CAACrB,KAAK,GAAG;EACnBtE,IAAI,EAAE;AACR,CAAC;AAEM,IAAMsG,kBAAkB,GAAAtC,OAAA,CAAAsC,kBAAA,GAAG,SAArBA,kBAAkBA,CAAA,EAAS;EACtC,oBACE7J,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACT,IAAI;IACHG,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IACvC;IAAA;IACAgE,IAAI,eAAEC,cAAK,CAACC,UAAU,CAAC,UAACZ,KAAK,EAAEa,GAAG,EAAK;MACrC,oBACEjK,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAC/F,EAAA,CAAA6J,YAAY,EAAAxF,QAAA,KACP0E,KAAK;QACTa,GAAG,EAAEA,GAAW;QAChBE,OAAO,EAAC,aAAa;QACrBxD,KAAK,EAAC,MAAM;QACZyD,EAAE,EAAE;MAAE,GACN;IAEN,CAAC,CAAE;IACHC,IAAI,EAAE,SAANA,IAAIA,CAAGjB,KAAK,EAAK;MACf,oBAAOpJ,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAC/F,EAAA,CAAAiK,YAAY,EAAA5F,QAAA,KAAK0E,KAAK;QAAEmB,UAAU,EAAC,MAAM;QAACJ,OAAO,EAAC;MAAO,GAAG;IACtE;EAAE,EACF;AAEN,CAAC;AArBYN,kBAAkB,CAAAxC,WAAA;AAuB/BwC,kBAAkB,CAAChC,KAAK,GAAG;EACzBtE,IAAI,EAAE;AACR,CAAC;AAEM,IAAMiH,gBAAgB,GAAAjD,OAAA,CAAAiD,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAA,EAAS;EACpC,oBACExK,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAClG,IAAA,CAAAmG,GAAG;IAACC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAE;IAACC,EAAE,EAAE;EAAE,gBACrBvG,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAC/F,EAAA,CAAAmG,QAAQ,qBACPxG,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAChG,KAAA,CAAA+G,IAAI;IAACL,EAAE,EAAC,QAAQ;IAACG,CAAC,EAAE,CAAE;IAACN,KAAK,EAAE;EAAI,GAChCjB,KAAK,CACD,eAEP1F,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAChG,KAAA,CAAA+G,IAAI;IAACL,EAAE,EAAC,QAAQ;IAACG,CAAC,EAAE,CAAE;IAACN,KAAK,EAAE;EAAI,GAChCjB,KAAK,CACD,eAEP1F,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAChG,KAAA,CAAA+G,IAAI;IAACL,EAAE,EAAC,QAAQ;IAACG,CAAC,EAAE,CAAE;IAACN,KAAK,EAAE;EAAI,GAChCjB,KAAK,CACD,eAEP1F,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAChG,KAAA,CAAA+G,IAAI;IAACL,EAAE,EAAC,QAAQ;IAACG,CAAC,EAAE,CAAE;IAACN,KAAK,EAAE;EAAI,GAChCjB,KAAK,CACD,eAEP1F,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAChG,KAAA,CAAA+G,IAAI;IAACL,EAAE,EAAC,QAAQ;IAACG,CAAC,EAAE,CAAE;IAACN,KAAK,EAAE;EAAI,GAChCjB,KAAK,CACD,eAEP1F,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAChG,KAAA,CAAA+G,IAAI;IAACL,EAAE,EAAC,QAAQ;IAACG,CAAC,EAAE,CAAE;IAACN,KAAK,EAAE;EAAI,GAChCjB,KAAK,CACD,CACE,CACP;AAEV,CAAC;AA9BY8E,gBAAgB,CAAAnD,WAAA;AAgC7BmD,gBAAgB,CAAC3C,KAAK,GAAG;EACvBtE,IAAI,EAAE;AACR,CAAC;AAEM,IAAMkH,mBAAmB,GAAAlD,OAAA,CAAAkD,mBAAA,GAAG,SAAtBA,mBAAmBA,CAAA,EAAS;EACvC,oBAAOzK,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACT,IAAI;IAAC+E,YAAY,EAAE;EAAE,EAAG;AAClC,CAAC;AAFYD,mBAAmB,CAAApD,WAAA;AAIhCoD,mBAAmB,CAAC5C,KAAK,GAAG;EAC1BtE,IAAI,EAAE;AACR,CAAC;AAEM,IAAMoH,gBAAgB,GAAApD,OAAA,CAAAoD,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAA,EAAS;EACpC,IAAAC,UAAA,GAAmC,IAAAtC,eAAQ,EAAC,CAAC,CAAC;IAAAuC,UAAA,GAAAjI,cAAA,CAAAgI,UAAA;IAAvCF,YAAY,GAAAG,UAAA;IAAEC,UAAU,GAAAD,UAAA;EAC/B,oBACE7K,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAClG,IAAA,CAAAmG,GAAG,qBACFrG,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACT,IAAI;IAAC+E,YAAY,EAAEA,YAAa;IAACjE,QAAQ,EAAEqE;EAAW,EAAG,eAC1D9K,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAClG,IAAA,CAAAmG,GAAG;IAAC8D,OAAO,EAAC,MAAM;IAACY,cAAc,EAAC;EAAc,gBAC/C/K,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACjG,UAAA,CAAAyG,SAAS;IAACoE,OAAO,EAAE,SAATA,OAAOA,CAAA;MAAA,OAAQF,UAAU,CAAC,CAAC,CAAC;IAAA;EAAC,GAAC,oBAAkB,CAAY,eACvE9K,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACjG,UAAA,CAAAyG,SAAS;IAACoE,OAAO,EAAE,SAATA,OAAOA,CAAA;MAAA,OAAQF,UAAU,CAAC,CAAC,CAAC;IAAA;EAAC,GAAC,oBAAkB,CAAY,eACvE9K,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACjG,UAAA,CAAAyG,SAAS;IAACoE,OAAO,EAAE,SAATA,OAAOA,CAAA;MAAA,OAAQF,UAAU,CAAC,CAAC,CAAC;IAAA;EAAC,GAAC,oBAAkB,CAAY,eACvE9K,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACjG,UAAA,CAAAyG,SAAS;IAACoE,OAAO,EAAE,SAATA,OAAOA,CAAA;MAAA,OAAQF,UAAU,CAAC,CAAC,CAAC;IAAA;EAAC,GAAC,oBAAkB,CAAY,eACvE9K,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACjG,UAAA,CAAAyG,SAAS;IAACoE,OAAO,EAAE,SAATA,OAAOA,CAAA;MAAA,OAAQF,UAAU,CAAC,CAAC,CAAC;IAAA;EAAC,GAAC,oBAAkB,CAAY,CACnE,CACF;AAEV,CAAC;AAdYH,gBAAgB,CAAAtD,WAAA;AAgB7BsD,gBAAgB,CAAC9C,KAAK,GAAG;EACvBtE,IAAI,EAAE;AACR,CAAC;AAEM,IAAM0H,mBAAmB,GAAA1D,OAAA,CAAA0D,mBAAA,GAAG,SAAtBA,mBAAmBA,CAAA,EAAS;EACvC,oBACEjL,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAClG,IAAA,CAAAmG,GAAG;IAACC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAE;IAACC,EAAE,EAAE;EAAE,gBACrBvG,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAC/F,EAAA,CAAAmG,QAAQ,qBACPxG,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAClG,IAAA,CAAAmG,GAAG;IAACS,EAAE,EAAC,QAAQ;IAACH,KAAK,EAAE,GAAI;IAACE,MAAM,EAAE,GAAI;IAACI,CAAC,EAAE;EAAE,gBAC7CjH,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAChG,KAAA,CAAA+G,IAAI;IAACC,OAAO,EAAC;EAAI,GAAC,GAAC,CAAO,CACvB,eAENpH,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAClG,IAAA,CAAAmG,GAAG;IAACS,EAAE,EAAC,QAAQ;IAACH,KAAK,EAAE,GAAI;IAACE,MAAM,EAAE,GAAI;IAACI,CAAC,EAAE;EAAE,gBAC7CjH,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAChG,KAAA,CAAA+G,IAAI;IAACC,OAAO,EAAC;EAAI,GAAC,GAAC,CAAO,CACvB,EAEL,KAAK,iBACJpH,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAClG,IAAA,CAAAmG,GAAG;IAACS,EAAE,EAAC,QAAQ;IAACH,KAAK,EAAE,GAAI;IAACE,MAAM,EAAE,GAAI;IAACI,CAAC,EAAE;EAAE,gBAC7CjH,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAChG,KAAA,CAAA+G,IAAI;IAACC,OAAO,EAAC;EAAI,GAAC,GAAC,CAAO,CAE9B,EAEA,IAAI,iBACHpH,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAClG,IAAA,CAAAmG,GAAG;IAACS,EAAE,EAAC,QAAQ;IAACH,KAAK,EAAE,GAAI;IAACE,MAAM,EAAE,GAAI;IAACI,CAAC,EAAE;EAAE,gBAC7CjH,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAChG,KAAA,CAAA+G,IAAI;IAACC,OAAO,EAAC;EAAI,GAAC,GAAC,CAAO,CAE9B,eAEDpH,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAClG,IAAA,CAAAmG,GAAG;IAACS,EAAE,EAAC,QAAQ;IAACH,KAAK,EAAE,GAAI;IAACE,MAAM,EAAE,GAAI;IAACI,CAAC,EAAE;EAAE,gBAC7CjH,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAChG,KAAA,CAAA+G,IAAI;IAACC,OAAO,EAAC;EAAI,GAAC,GAAC,CAAO,CACvB,eAENpH,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAClG,IAAA,CAAAmG,GAAG;IAACS,EAAE,EAAC,QAAQ;IAACH,KAAK,EAAE,GAAI;IAACE,MAAM,EAAE,GAAI;IAACI,CAAC,EAAE;EAAE,gBAC7CjH,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAChG,KAAA,CAAA+G,IAAI;IAACC,OAAO,EAAC;EAAI,GAAC,GAAC,CAAO,CACvB,CACG,CACP;AAEV,CAAC;AAlCY6D,mBAAmB,CAAA5D,WAAA;AAoCzB,IAAM6D,gBAAgB,GAAA3D,OAAA,CAAA2D,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAA,EAAS;EACpC,oBAAOlL,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACT,IAAI;IAACwF,UAAU,EAAC;EAAM,EAAG;AACnC,CAAC;AAFYD,gBAAgB,CAAA7D,WAAA;AAItB,IAAM+D,iCAAiC,GAAA7D,OAAA,CAAA6D,iCAAA,GAAG,SAApCA,iCAAiCA,CAAA,EAAS;EACrD,IAAMtF,MAAM,GAAGtD,KAAK,CAACC,IAAI,CAACD,KAAK,CAAC,EAAE,CAAC,CAAC,CAACuD,GAAG,CAAC,UAACC,CAAC,EAAEnD,CAAC,EAAK;IACjD,IAAIA,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,OAAO,GAAG;IAC5B,IAAIA,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG;IAC3B,IAAIA,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG;IAC3B,IAAIA,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG;IAC3B,OAAO,GAAG;EACZ,CAAC,CAAC;EAEF,oBAAO7C,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACT,IAAI;IAACwF,UAAU,EAAC,MAAM;IAACrF,MAAM,EAAEA;EAAO,EAAG;AACnD,CAAC;AAVYsF,iCAAiC,CAAA/D,WAAA"}

package/dist/elements/Carousel/CarouselNavigation.d.ts

@@ -1,22 +1,21 @@
-/// <reference types="react" />
 import { ClickableProps } from "../Clickable";
 /** CarouselNavigationProps */
-export declare type CarouselNavigationProps = ClickableProps;
+export type CarouselNavigationProps = ClickableProps;
 /**
  * Default next button
  */
 export declare const CarouselNext: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "cursor" | "textDecoration" | keyof import("..").BoxProps | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("..").BoxProps & {
-    cursor?: import("styled-system").ResponsiveValue<string, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-    textDecoration?: import("styled-system").ResponsiveValue<string, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+    cursor?: import("styled-system").ResponsiveValue<string>;
+    textDecoration?: import("styled-system").ResponsiveValue<string>;
 }, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+    ref?: ((instance: HTMLButtonElement | 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<HTMLButtonElement> | null | undefined;
 }, never>, never>> & string;
 /**
  * Default previous button
  */
 export declare const CarouselPrevious: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "cursor" | "textDecoration" | keyof import("..").BoxProps | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("..").BoxProps & {
-    cursor?: import("styled-system").ResponsiveValue<string, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-    textDecoration?: import("styled-system").ResponsiveValue<string, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+    cursor?: import("styled-system").ResponsiveValue<string>;
+    textDecoration?: import("styled-system").ResponsiveValue<string>;
 }, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+    ref?: ((instance: HTMLButtonElement | 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<HTMLButtonElement> | null | undefined;
 }, never>, never>> & string;

package/dist/elements/Carousel/CarouselNavigation.js

@@ -33,7 +33,7 @@ Arrow.defaultProps = {
 /**
  * Default next button
  */
-var CarouselNext = (0, _styledComponents.default)(Arrow).withConfig({
+var CarouselNext = exports.CarouselNext = (0, _styledComponents.default)(Arrow).withConfig({
   displayName: "CarouselNavigation__CarouselNext",
   componentId: "sc-16jrffs-1"
 })(["right:0;transform:translateX(100%);"]);
@@ -41,10 +41,8 @@ var CarouselNext = (0, _styledComponents.default)(Arrow).withConfig({
 /**
  * Default previous button
  */
-exports.CarouselNext = CarouselNext;
-var CarouselPrevious = (0, _styledComponents.default)(Arrow).withConfig({
+var CarouselPrevious = exports.CarouselPrevious = (0, _styledComponents.default)(Arrow).withConfig({
   displayName: "CarouselNavigation__CarouselPrevious",
   componentId: "sc-16jrffs-2"
 })(["left:0;transform:translateX(-100%);"]);
-exports.CarouselPrevious = CarouselPrevious;
 //# sourceMappingURL=CarouselNavigation.js.map

package/dist/elements/Carousel/CarouselNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselNavigation.js","names":["_styledComponents","_interopRequireDefault","require","_helpers","_Clickable","_themeGet","obj","__esModule","default","ARROW_WIDTH","ARROW_TRANSITION_MS","Arrow","styled","Clickable","withConfig","displayName","componentId","themeGet","defaultProps","width","map","value","space","height","color","CarouselNext","exports","CarouselPrevious"],"sources":["../../../src/elements/Carousel/CarouselNavigation.tsx"],"sourcesContent":["import styled from \"styled-components\"\nimport { space } from \"../../helpers\"\nimport { SpacingUnit } from \"../../Theme\"\nimport { Clickable, ClickableProps } from \"../Clickable\"\nimport { themeGet } from \"@styled-system/theme-get\"\n\nconst ARROW_WIDTH: SpacingUnit[] = [2, 4]\nconst ARROW_TRANSITION_MS = 250\n\n/** CarouselNavigationProps */\nexport type CarouselNavigationProps = ClickableProps\n\nconst Arrow = styled(Clickable)`\n  position: absolute;\n  top: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  user-select: none;\n  transition: opacity ${ARROW_TRANSITION_MS}ms, color ${ARROW_TRANSITION_MS}ms;\n\n  > svg {\n    fill: currentColor;\n  }\n\n  &:hover,\n  &:focus {\n    outline: 0;\n    color: ${themeGet(\"colors.mono100\")};\n  }\n\n  &:disabled {\n    opacity: 0;\n    cursor: default;\n  }\n`\n\n/**\n * Set some easily overwriteable props using `defaultProps`\n */\nArrow.defaultProps = {\n  width: ARROW_WIDTH.map((value) => space(value)),\n  height: \"100%\",\n  color: \"mono60\",\n}\n\n/**\n * Default next button\n */\nexport const CarouselNext = styled(Arrow)`\n  right: 0;\n  transform: translateX(100%);\n`\n\n/**\n * Default previous button\n */\nexport const CarouselPrevious = styled(Arrow)`\n  left: 0;\n  transform: translateX(-100%);\n`\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAAmD,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEnD,IAAMG,WAA0B,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;AACzC,IAAMC,mBAAmB,GAAG,GAAG;;AAE/B;;AAGA,IAAMC,KAAK,GAAG,IAAAC,yBAAM,EAACC,oBAAS,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mQAQPN,mBAAmB,EAAaA,mBAAmB,EAS9D,IAAAO,kBAAQ,EAAC,gBAAgB,CAAC,CAOtC;;AAED;AACA;AACA;AACAN,KAAK,CAACO,YAAY,GAAG;EACnBC,KAAK,EAAEV,WAAW,CAACW,GAAG,CAAC,UAACC,KAAK;IAAA,OAAK,IAAAC,cAAK,EAACD,KAAK,CAAC;EAAA,EAAC;EAC/CE,MAAM,EAAE,MAAM;EACdC,KAAK,EAAE;AACT,CAAC;;AAED;AACA;AACA;AACO,IAAMC,YAAY,GAAG,IAAAb,yBAAM,EAACD,KAAK,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2CAGxC;;AAED;AACA;AACA;AAFAU,OAAA,CAAAD,YAAA,GAAAA,YAAA;AAGO,IAAME,gBAAgB,GAAG,IAAAf,yBAAM,EAACD,KAAK,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2CAG5C;AAAAU,OAAA,CAAAC,gBAAA,GAAAA,gBAAA"}
+{"version":3,"file":"CarouselNavigation.js","names":["_styledComponents","_interopRequireDefault","require","_helpers","_Clickable","_themeGet","obj","__esModule","default","ARROW_WIDTH","ARROW_TRANSITION_MS","Arrow","styled","Clickable","withConfig","displayName","componentId","themeGet","defaultProps","width","map","value","space","height","color","CarouselNext","exports","CarouselPrevious"],"sources":["../../../src/elements/Carousel/CarouselNavigation.tsx"],"sourcesContent":["import styled from \"styled-components\"\nimport { space } from \"../../helpers\"\nimport { SpacingUnit } from \"../../Theme\"\nimport { Clickable, ClickableProps } from \"../Clickable\"\nimport { themeGet } from \"@styled-system/theme-get\"\n\nconst ARROW_WIDTH: SpacingUnit[] = [2, 4]\nconst ARROW_TRANSITION_MS = 250\n\n/** CarouselNavigationProps */\nexport type CarouselNavigationProps = ClickableProps\n\nconst Arrow = styled(Clickable)`\n  position: absolute;\n  top: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  user-select: none;\n  transition: opacity ${ARROW_TRANSITION_MS}ms, color ${ARROW_TRANSITION_MS}ms;\n\n  > svg {\n    fill: currentColor;\n  }\n\n  &:hover,\n  &:focus {\n    outline: 0;\n    color: ${themeGet(\"colors.mono100\")};\n  }\n\n  &:disabled {\n    opacity: 0;\n    cursor: default;\n  }\n`\n\n/**\n * Set some easily overwriteable props using `defaultProps`\n */\nArrow.defaultProps = {\n  width: ARROW_WIDTH.map((value) => space(value)),\n  height: \"100%\",\n  color: \"mono60\",\n}\n\n/**\n * Default next button\n */\nexport const CarouselNext = styled(Arrow)`\n  right: 0;\n  transform: translateX(100%);\n`\n\n/**\n * Default previous button\n */\nexport const CarouselPrevious = styled(Arrow)`\n  left: 0;\n  transform: translateX(-100%);\n`\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAAmD,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEnD,IAAMG,WAA0B,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;AACzC,IAAMC,mBAAmB,GAAG,GAAG;;AAE/B;;AAGA,IAAMC,KAAK,GAAG,IAAAC,yBAAM,EAACC,oBAAS,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mQAQPN,mBAAmB,EAAaA,mBAAmB,EAS9D,IAAAO,kBAAQ,EAAC,gBAAgB,CAAC,CAOtC;;AAED;AACA;AACA;AACAN,KAAK,CAACO,YAAY,GAAG;EACnBC,KAAK,EAAEV,WAAW,CAACW,GAAG,CAAC,UAACC,KAAK;IAAA,OAAK,IAAAC,cAAK,EAACD,KAAK,CAAC;EAAA,EAAC;EAC/CE,MAAM,EAAE,MAAM;EACdC,KAAK,EAAE;AACT,CAAC;;AAED;AACA;AACA;AACO,IAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAb,yBAAM,EAACD,KAAK,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2CAGxC;;AAED;AACA;AACA;AACO,IAAMW,gBAAgB,GAAAD,OAAA,CAAAC,gBAAA,GAAG,IAAAf,yBAAM,EAACD,KAAK,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2CAG5C"}

package/dist/elements/Carousel/paginate.d.ts

@@ -13,8 +13,8 @@ export declare const chunk: ({ viewport, values, }: {
     values: number[];
 }) => number[];
 /** Align last page to the left or right */
-export declare type CarouselPaginationAlignment = "left" | "right";
-export declare type CarouselPaginateBy = "page" | "cell";
+export type CarouselPaginationAlignment = "left" | "right";
+export type CarouselPaginateBy = "page" | "cell";
 interface PaginateCarouselProps {
     viewport: number;
     values: number[];

package/dist/elements/Carousel/paginate.js

@@ -9,12 +9,12 @@ 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; }
 /**
  * Sums all values, building from the previous
  * @param xs list of values to compound
  */
-var compound = function compound(xs) {
+var compound = exports.compound = function compound(xs) {
   // @ts-expect-error  MIGRATE_STRICT_MODE
   return xs.reduce(function (p, n) {
     return p.concat((+p.slice(-1) || 0) + n);
@@ -26,8 +26,7 @@ var compound = function compound(xs) {
  * @param viewport window width
  * @param values array of cell widths
  */
-exports.compound = compound;
-var chunk = function chunk(_ref) {
+var chunk = exports.chunk = function chunk(_ref) {
   var viewport = _ref.viewport,
     values = _ref.values;
   return values.reduce(function (acc, value) {
@@ -41,7 +40,7 @@ var chunk = function chunk(_ref) {
 };
 
 /** Align last page to the left or right */
-exports.chunk = chunk;
+
 var paginateCarouselByCell = function paginateCarouselByCell(_ref2) {
   var values = _ref2.values,
     viewport = _ref2.viewport;
@@ -74,7 +73,7 @@ var paginateCarouselByCell = function paginateCarouselByCell(_ref2) {
  * @param values array of cell widths
  * @param alignment align last page to the left or right
  */
-var paginateCarousel = function paginateCarousel(_ref3) {
+var paginateCarousel = exports.paginateCarousel = function paginateCarousel(_ref3) {
   var viewport = _ref3.viewport,
     values = _ref3.values,
     _ref3$alignment = _ref3.alignment,
@@ -109,5 +108,4 @@ var paginateCarousel = function paginateCarousel(_ref3) {
   var pages = compound(offsets).slice(0, -1);
   return [0].concat(_toConsumableArray(pages));
 };
-exports.paginateCarousel = paginateCarousel;
 //# sourceMappingURL=paginate.js.map

package/dist/elements/Carousel/paginate.js.map

@@ -1 +1 @@
-{"version":3,"file":"paginate.js","names":["compound","xs","reduce","p","n","concat","slice","exports","chunk","_ref","viewport","values","acc","value","prev","length","_toConsumableArray","paginateCarouselByCell","_ref2","sum","curr","offsets","lastOffset","offsetToLastCell","edges","filter","offset","paginateCarousel","_ref3","_ref3$alignment","alignment","_ref3$paginateBy","paginateBy","head","tail","pages"],"sources":["../../../src/elements/Carousel/paginate.ts"],"sourcesContent":["/**\n * Sums all values, building from the previous\n * @param xs list of values to compound\n */\nexport const compound = (xs: number[]): number[] => {\n  // @ts-expect-error  MIGRATE_STRICT_MODE\n  return xs.reduce((p, n) => p.concat((+p.slice(-1) || 0) + n), [])\n}\n\n/**\n * Build an array of offsets\n * @param viewport window width\n * @param values array of cell widths\n */\nexport const chunk = ({\n  viewport,\n  values,\n}: {\n  viewport: number\n  values: number[]\n}) => {\n  return values.reduce(\n    (acc, value) => {\n      const prev = acc[acc.length - 1]\n      if (prev + value <= viewport) {\n        acc[acc.length - 1] += value\n        return acc\n      }\n      return [...acc, value]\n    },\n    [0]\n  )\n}\n\n/** Align last page to the left or right */\nexport type CarouselPaginationAlignment = \"left\" | \"right\"\n\nexport type CarouselPaginateBy = \"page\" | \"cell\"\n\ninterface PaginateCarouselProps {\n  viewport: number\n  values: number[]\n  alignment?: CarouselPaginationAlignment\n  paginateBy?: CarouselPaginateBy\n}\n\nconst paginateCarouselByCell = ({\n  values,\n  viewport,\n}: Pick<PaginateCarouselProps, \"values\" | \"viewport\">) => {\n  const sum = values.reduce((acc, curr) => acc + curr, 0)\n\n  // No need to paginate\n  if (sum <= viewport) {\n    return [0]\n  }\n\n  const offsets = compound(values)\n  const lastOffset = offsets[offsets.length - 1]\n\n  // Get the offset when the last cell is fully displayed\n  // and aligned to the right at the end of the carousel\n  const offsetToLastCell = lastOffset - viewport\n\n  // Ignore some offsets whose value exceeds the offset of the last cell\n  // when it is displayed and aligned to the right\n  const edges = offsets.filter((offset) => offsetToLastCell > offset)\n\n  return [0, ...edges, offsetToLastCell]\n}\n\n/**\n * Creates an array of offsets based on the given viewport\n * @param viewport window width\n * @param values array of cell widths\n * @param alignment align last page to the left or right\n */\nexport const paginateCarousel = ({\n  viewport,\n  values,\n  alignment = \"right\",\n  paginateBy = \"page\",\n}: PaginateCarouselProps) => {\n  if (paginateBy === \"cell\") {\n    return paginateCarouselByCell({ values, viewport })\n  }\n\n  const offsets = chunk({ viewport, values })\n\n  // Only a single page — no need to paginate\n  if (offsets.length === 1) {\n    return [0]\n  }\n\n  // Last page align right\n  if (alignment === \"right\") {\n    const edges = compound(offsets)\n    const head = edges.slice(0, -2)\n    const tail = edges[edges.length - 1] - viewport\n    return [0, ...head, tail]\n  }\n\n  // Last page align left\n  const pages = compound(offsets).slice(0, -1)\n\n  return [0, ...pages]\n}\n"],"mappings":"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"}
+{"version":3,"file":"paginate.js","names":["compound","exports","xs","reduce","p","n","concat","slice","chunk","_ref","viewport","values","acc","value","prev","length","_toConsumableArray","paginateCarouselByCell","_ref2","sum","curr","offsets","lastOffset","offsetToLastCell","edges","filter","offset","paginateCarousel","_ref3","_ref3$alignment","alignment","_ref3$paginateBy","paginateBy","head","tail","pages"],"sources":["../../../src/elements/Carousel/paginate.ts"],"sourcesContent":["/**\n * Sums all values, building from the previous\n * @param xs list of values to compound\n */\nexport const compound = (xs: number[]): number[] => {\n  // @ts-expect-error  MIGRATE_STRICT_MODE\n  return xs.reduce((p, n) => p.concat((+p.slice(-1) || 0) + n), [])\n}\n\n/**\n * Build an array of offsets\n * @param viewport window width\n * @param values array of cell widths\n */\nexport const chunk = ({\n  viewport,\n  values,\n}: {\n  viewport: number\n  values: number[]\n}) => {\n  return values.reduce(\n    (acc, value) => {\n      const prev = acc[acc.length - 1]\n      if (prev + value <= viewport) {\n        acc[acc.length - 1] += value\n        return acc\n      }\n      return [...acc, value]\n    },\n    [0]\n  )\n}\n\n/** Align last page to the left or right */\nexport type CarouselPaginationAlignment = \"left\" | \"right\"\n\nexport type CarouselPaginateBy = \"page\" | \"cell\"\n\ninterface PaginateCarouselProps {\n  viewport: number\n  values: number[]\n  alignment?: CarouselPaginationAlignment\n  paginateBy?: CarouselPaginateBy\n}\n\nconst paginateCarouselByCell = ({\n  values,\n  viewport,\n}: Pick<PaginateCarouselProps, \"values\" | \"viewport\">) => {\n  const sum = values.reduce((acc, curr) => acc + curr, 0)\n\n  // No need to paginate\n  if (sum <= viewport) {\n    return [0]\n  }\n\n  const offsets = compound(values)\n  const lastOffset = offsets[offsets.length - 1]\n\n  // Get the offset when the last cell is fully displayed\n  // and aligned to the right at the end of the carousel\n  const offsetToLastCell = lastOffset - viewport\n\n  // Ignore some offsets whose value exceeds the offset of the last cell\n  // when it is displayed and aligned to the right\n  const edges = offsets.filter((offset) => offsetToLastCell > offset)\n\n  return [0, ...edges, offsetToLastCell]\n}\n\n/**\n * Creates an array of offsets based on the given viewport\n * @param viewport window width\n * @param values array of cell widths\n * @param alignment align last page to the left or right\n */\nexport const paginateCarousel = ({\n  viewport,\n  values,\n  alignment = \"right\",\n  paginateBy = \"page\",\n}: PaginateCarouselProps) => {\n  if (paginateBy === \"cell\") {\n    return paginateCarouselByCell({ values, viewport })\n  }\n\n  const offsets = chunk({ viewport, values })\n\n  // Only a single page — no need to paginate\n  if (offsets.length === 1) {\n    return [0]\n  }\n\n  // Last page align right\n  if (alignment === \"right\") {\n    const edges = compound(offsets)\n    const head = edges.slice(0, -2)\n    const tail = edges[edges.length - 1] - viewport\n    return [0, ...head, tail]\n  }\n\n  // Last page align left\n  const pages = compound(offsets).slice(0, -1)\n\n  return [0, ...pages]\n}\n"],"mappings":"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"}

package/dist/elements/CarouselBar/CarouselBar.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { ProgressBarProps } from "../ProgressBar";
-export declare type CarouselBarProps = ProgressBarProps;
+export type CarouselBarProps = ProgressBarProps;
 export declare const CarouselBar: React.FC<React.PropsWithChildren<CarouselBarProps>>;

package/dist/elements/CarouselBar/CarouselBar.js

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _ProgressBar = require("../ProgressBar");
 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 CarouselBar = function CarouselBar(props) {
+var CarouselBar = exports.CarouselBar = function CarouselBar(props) {
   return /*#__PURE__*/_react.default.createElement(_ProgressBar.ProgressBar, _extends({
     height: "1px",
     highlight: "mono100",
@@ -17,6 +17,5 @@ var CarouselBar = function CarouselBar(props) {
     transition: "transform 250ms"
   }, props));
 };
-exports.CarouselBar = CarouselBar;
 CarouselBar.displayName = "CarouselBar";
 //# sourceMappingURL=CarouselBar.js.map

package/dist/elements/CarouselBar/CarouselBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselBar.js","names":["_react","_interopRequireDefault","require","_ProgressBar","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","CarouselBar","props","createElement","ProgressBar","height","highlight","mt","mb","transition","exports","displayName"],"sources":["../../../src/elements/CarouselBar/CarouselBar.tsx"],"sourcesContent":["import React from \"react\"\nimport { ProgressBar, ProgressBarProps } from \"../ProgressBar\"\n\nexport type CarouselBarProps = ProgressBarProps\n\nexport const CarouselBar: React.FC<\n  React.PropsWithChildren<CarouselBarProps>\n> = (props) => {\n  return (\n    <ProgressBar\n      height=\"1px\"\n      highlight=\"mono100\"\n      mt={0}\n      mb={0}\n      transition=\"transform 250ms\"\n      {...props}\n    />\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAA8D,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;AAIvD,IAAMQ,WAEZ,GAAG,SAFSA,WAEZA,CAAIC,KAAK,EAAK;EACb,oBACEtB,MAAA,CAAAM,OAAA,CAAAiB,aAAA,CAACpB,YAAA,CAAAqB,WAAW,EAAAjB,QAAA;IACVkB,MAAM,EAAC,KAAK;IACZC,SAAS,EAAC,SAAS;IACnBC,EAAE,EAAE,CAAE;IACNC,EAAE,EAAE,CAAE;IACNC,UAAU,EAAC;EAAiB,GACxBP,KAAK,EACT;AAEN,CAAC;AAAAQ,OAAA,CAAAT,WAAA,GAAAA,WAAA;AAbYA,WAEZ,CAAAU,WAAA"}
+{"version":3,"file":"CarouselBar.js","names":["_react","_interopRequireDefault","require","_ProgressBar","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","CarouselBar","exports","props","createElement","ProgressBar","height","highlight","mt","mb","transition","displayName"],"sources":["../../../src/elements/CarouselBar/CarouselBar.tsx"],"sourcesContent":["import React from \"react\"\nimport { ProgressBar, ProgressBarProps } from \"../ProgressBar\"\n\nexport type CarouselBarProps = ProgressBarProps\n\nexport const CarouselBar: React.FC<\n  React.PropsWithChildren<CarouselBarProps>\n> = (props) => {\n  return (\n    <ProgressBar\n      height=\"1px\"\n      highlight=\"mono100\"\n      mt={0}\n      mb={0}\n      transition=\"transform 250ms\"\n      {...props}\n    />\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAA8D,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;AAIvD,IAAMQ,WAEZ,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAFSA,WAEZA,CAAIE,KAAK,EAAK;EACb,oBACEvB,MAAA,CAAAM,OAAA,CAAAkB,aAAA,CAACrB,YAAA,CAAAsB,WAAW,EAAAlB,QAAA;IACVmB,MAAM,EAAC,KAAK;IACZC,SAAS,EAAC,SAAS;IACnBC,EAAE,EAAE,CAAE;IACNC,EAAE,EAAE,CAAE;IACNC,UAAU,EAAC;EAAiB,GACxBP,KAAK,EACT;AAEN,CAAC;AAbYF,WAEZ,CAAAU,WAAA"}

package/dist/elements/CarouselBar/CarouselBar.story.js

@@ -8,11 +8,10 @@ var _react = _interopRequireDefault(require("react"));
 var _storybookStates = require("storybook-states");
 var _CarouselBar = require("./CarouselBar");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+var _default = exports.default = {
   title: "Components/CarouselBar"
 };
-exports.default = _default;
-var Default = function Default() {
+var Default = exports.Default = function Default() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
     states: [{
       percentComplete: 0
@@ -27,6 +26,5 @@ var Default = function Default() {
     percentComplete: 40
   }));
 };
-exports.Default = Default;
 Default.displayName = "Default";
 //# sourceMappingURL=CarouselBar.story.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CarouselBar.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_CarouselBar","obj","__esModule","default","_default","title","exports","Default","createElement","States","states","percentComplete","CarouselBar","displayName"],"sources":["../../../src/elements/CarouselBar/CarouselBar.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { CarouselBar, CarouselBarProps } from \"./CarouselBar\"\n\nexport default {\n  title: \"Components/CarouselBar\",\n}\n\nexport const Default = () => {\n  return (\n    <States<CarouselBarProps>\n      states={[\n        { percentComplete: 0 },\n        { percentComplete: 1 },\n        { percentComplete: 50 },\n        { percentComplete: 100 },\n      ]}\n    >\n      <CarouselBar percentComplete={40} />\n    </States>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAA6D,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAE9C;EACbC,KAAK,EAAE;AACT,CAAC;AAAAC,OAAA,CAAAH,OAAA,GAAAC,QAAA;AAEM,IAAMG,OAAO,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEX,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,gBAAA,CAAAU,MAAM;IACLC,MAAM,EAAE,CACN;MAAEC,eAAe,EAAE;IAAE,CAAC,EACtB;MAAEA,eAAe,EAAE;IAAE,CAAC,EACtB;MAAEA,eAAe,EAAE;IAAG,CAAC,EACvB;MAAEA,eAAe,EAAE;IAAI,CAAC;EACxB,gBAEFf,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,YAAA,CAAAY,WAAW;IAACD,eAAe,EAAE;EAAG,EAAG,CAC7B;AAEb,CAAC;AAAAL,OAAA,CAAAC,OAAA,GAAAA,OAAA;AAbYA,OAAO,CAAAM,WAAA"}
+{"version":3,"file":"CarouselBar.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_CarouselBar","obj","__esModule","default","_default","exports","title","Default","createElement","States","states","percentComplete","CarouselBar","displayName"],"sources":["../../../src/elements/CarouselBar/CarouselBar.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { CarouselBar, CarouselBarProps } from \"./CarouselBar\"\n\nexport default {\n  title: \"Components/CarouselBar\",\n}\n\nexport const Default = () => {\n  return (\n    <States<CarouselBarProps>\n      states={[\n        { percentComplete: 0 },\n        { percentComplete: 1 },\n        { percentComplete: 50 },\n        { percentComplete: 100 },\n      ]}\n    >\n      <CarouselBar percentComplete={40} />\n    </States>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAA6D,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAE9C;EACbG,KAAK,EAAE;AACT,CAAC;AAEM,IAAMC,OAAO,GAAAF,OAAA,CAAAE,OAAA,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEX,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,gBAAA,CAAAU,MAAM;IACLC,MAAM,EAAE,CACN;MAAEC,eAAe,EAAE;IAAE,CAAC,EACtB;MAAEA,eAAe,EAAE;IAAE,CAAC,EACtB;MAAEA,eAAe,EAAE;IAAG,CAAC,EACvB;MAAEA,eAAe,EAAE;IAAI,CAAC;EACxB,gBAEFf,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,YAAA,CAAAY,WAAW;IAACD,eAAe,EAAE;EAAG,EAAG,CAC7B;AAEb,CAAC;AAbYJ,OAAO,CAAAM,WAAA"}