@artsy/palette 44.1.0 → 44.2.0

package/dist/elements/Cards/Cards.story.d.ts

@@ -1,25 +1,67 @@
 import React from "react";
 declare const _default: {
     title: string;
+    component: React.FC<React.PropsWithChildren<import("./Card").CardProps>>;
+    tags: string[];
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+        controls: {
+            exclude: string[];
+        };
+    };
 };
 export default _default;
-export declare const Single: {
-    (): React.JSX.Element;
-    story: {
-        parameters: {
-            chromatic: {
-                diffThreshold: number;
-            };
+export declare const Default: {
+    args: {
+        title: string;
+        subtitle: string;
+        status: string;
+        image: {
+            lazyLoad: boolean;
+            src: string;
+            srcSet: string;
         };
     };
 };
-export declare const Triptych: {
-    (): React.JSX.Element;
-    story: {
-        parameters: {
-            chromatic: {
-                diffThreshold: number;
-            };
+export declare const LongTitle: {
+    args: {
+        title: string;
+        subtitle: string;
+        status: string;
+        image: {
+            lazyLoad: boolean;
+            src: string;
+            srcSet: string;
         };
     };
 };
+export declare const WithMaxWidth: {
+    args: {
+        title: string;
+        subtitle: string;
+        status: string;
+        maxWidth: number;
+        image: {
+            lazyLoad: boolean;
+            src: string;
+            srcSet: string;
+        };
+    };
+};
+export declare const NoImage: {
+    args: {
+        title: string;
+        subtitle: string;
+        status: string;
+    };
+};
+export declare const MinimalCard: {
+    args: {};
+};
+export declare const TriptychCardExample: {
+    render: () => React.JSX.Element;
+};

package/dist/elements/Cards/Cards.story.js

@@ -3,29 +3,29 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Triptych = exports.Single = void 0;
+exports.default = exports.WithMaxWidth = exports.TriptychCardExample = exports.NoImage = exports.MinimalCard = exports.LongTitle = exports.Default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _storybookStates = require("storybook-states");
 var _Card = require("./Card");
 var _TriptychCard = require("./TriptychCard");
+var _storybookBlocklist = require("../../utils/storybookBlocklist");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = exports.default = {
-  title: "Components/Cards"
+  title: "Components/Cards",
+  component: _Card.Card,
+  tags: ["autodocs"],
+  parameters: {
+    docs: {
+      description: {
+        component: "Card components display information in a structured card format with optional images, titles, subtitles, and status information. Includes both single cards and triptych layouts."
+      }
+    },
+    controls: {
+      exclude: _storybookBlocklist.STORYBOOK_PROPS_BLOCKLIST
+    }
+  }
 };
-var Single = exports.Single = function Single() {
-  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
-    states: [{}, {
-      title: "A Much Longer Exhibition Title With Possible Line Break"
-    }, {
-      maxWidth: 400
-    }, {
-      image: undefined
-    }, {
-      title: undefined,
-      subtitle: undefined,
-      status: undefined
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_Card.Card, {
+var Default = exports.Default = {
+  args: {
     title: "Example Exhibition Title",
     subtitle: "Partner Gallery",
     status: "4 days left",
@@ -34,53 +34,63 @@ var Single = exports.Single = function Single() {
       src: "https://picsum.photos/seed/example/400/300",
       srcSet: "https://picsum.photos/seed/example/400/300 1x, https://picsum.photos/seed/example/800/600 2x"
     }
-  }));
+  }
 };
-Single.displayName = "Single";
-Single.story = {
-  parameters: {
-    chromatic: {
-      diffThreshold: 0.2
+var LongTitle = exports.LongTitle = {
+  args: {
+    title: "A Much Longer Exhibition Title With Possible Line Break",
+    subtitle: "Partner Gallery",
+    status: "4 days left",
+    image: {
+      lazyLoad: true,
+      src: "https://picsum.photos/seed/example/400/300",
+      srcSet: "https://picsum.photos/seed/example/400/300 1x, https://picsum.photos/seed/example/800/600 2x"
     }
   }
 };
-var LARGE_SQUARE_IMG = {
-  lazyLoad: true,
-  src: "https://picsum.photos/seed/example/400/400",
-  srcSet: "https://picsum.photos/seed/example/400/400 1x, https://picsum.photos/seed/example/800/800 2x"
-};
-var SMALL_SQUARE_IMG = {
-  lazyLoad: true,
-  src: "https://picsum.photos/seed/example/200/200",
-  srcSet: "https://picsum.photos/seed/example/200/200 1x, https://picsum.photos/seed/example/400/400 2x"
+var WithMaxWidth = exports.WithMaxWidth = {
+  args: {
+    title: "Example Exhibition Title",
+    subtitle: "Partner Gallery",
+    status: "4 days left",
+    maxWidth: 400,
+    image: {
+      lazyLoad: true,
+      src: "https://picsum.photos/seed/example/400/300",
+      srcSet: "https://picsum.photos/seed/example/400/300 1x, https://picsum.photos/seed/example/800/600 2x"
+    }
+  }
 };
-var Triptych = exports.Triptych = function Triptych() {
-  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
-    states: [{}, {
-      images: [LARGE_SQUARE_IMG, SMALL_SQUARE_IMG]
-    }, {
-      images: [LARGE_SQUARE_IMG]
-    }, {
-      maxWidth: "100%"
-    }, {
-      title: undefined,
-      subtitle: undefined,
-      status: undefined
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_TriptychCard.TriptychCard, {
-    maxWidth: 600,
-    images: [LARGE_SQUARE_IMG, SMALL_SQUARE_IMG, SMALL_SQUARE_IMG],
+var NoImage = exports.NoImage = {
+  args: {
     title: "Example Exhibition Title",
     subtitle: "Partner Gallery",
     status: "4 days left"
-  }));
+  }
 };
-Triptych.displayName = "Triptych";
-Triptych.story = {
-  parameters: {
-    chromatic: {
-      diffThreshold: 0.2
-    }
+var MinimalCard = exports.MinimalCard = {
+  args: {}
+};
+var TriptychCardExample = exports.TriptychCardExample = {
+  render: function render() {
+    return /*#__PURE__*/_react.default.createElement(_TriptychCard.TriptychCard, {
+      title: "Example Triptych",
+      subtitle: "Multiple Artworks",
+      status: "Available",
+      images: [{
+        lazyLoad: true,
+        src: "https://picsum.photos/seed/example/400/400",
+        srcSet: "https://picsum.photos/seed/example/400/400 1x, https://picsum.photos/seed/example/800/800 2x"
+      }, {
+        lazyLoad: true,
+        src: "https://picsum.photos/seed/example2/200/200",
+        srcSet: "https://picsum.photos/seed/example2/200/200 1x, https://picsum.photos/seed/example2/400/400 2x"
+      }, {
+        lazyLoad: true,
+        src: "https://picsum.photos/seed/example3/200/200",
+        srcSet: "https://picsum.photos/seed/example3/200/200 1x, https://picsum.photos/seed/example3/400/400 2x"
+      }]
+    });
   }
 };
 //# sourceMappingURL=Cards.story.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Cards.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_Card","_TriptychCard","obj","__esModule","default","_default","exports","title","Single","createElement","States","states","maxWidth","image","undefined","subtitle","status","Card","lazyLoad","src","srcSet","displayName","story","parameters","chromatic","diffThreshold","LARGE_SQUARE_IMG","SMALL_SQUARE_IMG","Triptych","images","TriptychCard"],"sources":["../../../src/elements/Cards/Cards.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Card, CardProps } from \"./Card\"\nimport { TriptychCard, TriptychCardProps } from \"./TriptychCard\"\n\nexport default {\n  title: \"Components/Cards\",\n}\n\nexport const Single = () => {\n  return (\n    <States<Partial<CardProps>>\n      states={[\n        {},\n        { title: \"A Much Longer Exhibition Title With Possible Line Break\" },\n        { maxWidth: 400 },\n        { image: undefined },\n        { title: undefined, subtitle: undefined, status: undefined },\n      ]}\n    >\n      <Card\n        title=\"Example Exhibition Title\"\n        subtitle=\"Partner Gallery\"\n        status=\"4 days left\"\n        image={{\n          lazyLoad: true,\n          src: \"https://picsum.photos/seed/example/400/300\",\n          srcSet:\n            \"https://picsum.photos/seed/example/400/300 1x, https://picsum.photos/seed/example/800/600 2x\",\n        }}\n      />\n    </States>\n  )\n}\n\nSingle.story = {\n  parameters: { chromatic: { diffThreshold: 0.2 } },\n}\n\nconst LARGE_SQUARE_IMG = {\n  lazyLoad: true,\n  src: \"https://picsum.photos/seed/example/400/400\",\n  srcSet:\n    \"https://picsum.photos/seed/example/400/400 1x, https://picsum.photos/seed/example/800/800 2x\",\n}\n\nconst SMALL_SQUARE_IMG = {\n  lazyLoad: true,\n  src: \"https://picsum.photos/seed/example/200/200\",\n  srcSet:\n    \"https://picsum.photos/seed/example/200/200 1x, https://picsum.photos/seed/example/400/400 2x\",\n}\n\nexport const Triptych = () => {\n  return (\n    <States<Partial<TriptychCardProps>>\n      states={[\n        {},\n        { images: [LARGE_SQUARE_IMG, SMALL_SQUARE_IMG] },\n        { images: [LARGE_SQUARE_IMG] },\n        { maxWidth: \"100%\" },\n        { title: undefined, subtitle: undefined, status: undefined },\n      ]}\n    >\n      <TriptychCard\n        maxWidth={600}\n        images={[LARGE_SQUARE_IMG, SMALL_SQUARE_IMG, SMALL_SQUARE_IMG]}\n        title=\"Example Exhibition Title\"\n        subtitle=\"Partner Gallery\"\n        status=\"4 days left\"\n      />\n    </States>\n  )\n}\n\nTriptych.story = {\n  parameters: { chromatic: { diffThreshold: 0.2 } },\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAAgE,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEjD;EACbG,KAAK,EAAE;AACT,CAAC;AAEM,IAAMC,MAAM,GAAAF,OAAA,CAAAE,MAAA,GAAG,SAATA,MAAMA,CAAA,EAAS;EAC1B,oBACEZ,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACV,gBAAA,CAAAW,MAAM;IACLC,MAAM,EAAE,CACN,CAAC,CAAC,EACF;MAAEJ,KAAK,EAAE;IAA0D,CAAC,EACpE;MAAEK,QAAQ,EAAE;IAAI,CAAC,EACjB;MAAEC,KAAK,EAAEC;IAAU,CAAC,EACpB;MAAEP,KAAK,EAAEO,SAAS;MAAEC,QAAQ,EAAED,SAAS;MAAEE,MAAM,EAAEF;IAAU,CAAC;EAC5D,gBAEFlB,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACT,KAAA,CAAAiB,IAAI;IACHV,KAAK,EAAC,0BAA0B;IAChCQ,QAAQ,EAAC,iBAAiB;IAC1BC,MAAM,EAAC,aAAa;IACpBH,KAAK,EAAE;MACLK,QAAQ,EAAE,IAAI;MACdC,GAAG,EAAE,4CAA4C;MACjDC,MAAM,EACJ;IACJ;EAAE,EACF,CACK;AAEb,CAAC;AAxBYZ,MAAM,CAAAa,WAAA;AA0BnBb,MAAM,CAACc,KAAK,GAAG;EACbC,UAAU,EAAE;IAAEC,SAAS,EAAE;MAAEC,aAAa,EAAE;IAAI;EAAE;AAClD,CAAC;AAED,IAAMC,gBAAgB,GAAG;EACvBR,QAAQ,EAAE,IAAI;EACdC,GAAG,EAAE,4CAA4C;EACjDC,MAAM,EACJ;AACJ,CAAC;AAED,IAAMO,gBAAgB,GAAG;EACvBT,QAAQ,EAAE,IAAI;EACdC,GAAG,EAAE,4CAA4C;EACjDC,MAAM,EACJ;AACJ,CAAC;AAEM,IAAMQ,QAAQ,GAAAtB,OAAA,CAAAsB,QAAA,GAAG,SAAXA,QAAQA,CAAA,EAAS;EAC5B,oBACEhC,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACV,gBAAA,CAAAW,MAAM;IACLC,MAAM,EAAE,CACN,CAAC,CAAC,EACF;MAAEkB,MAAM,EAAE,CAACH,gBAAgB,EAAEC,gBAAgB;IAAE,CAAC,EAChD;MAAEE,MAAM,EAAE,CAACH,gBAAgB;IAAE,CAAC,EAC9B;MAAEd,QAAQ,EAAE;IAAO,CAAC,EACpB;MAAEL,KAAK,EAAEO,SAAS;MAAEC,QAAQ,EAAED,SAAS;MAAEE,MAAM,EAAEF;IAAU,CAAC;EAC5D,gBAEFlB,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACR,aAAA,CAAA6B,YAAY;IACXlB,QAAQ,EAAE,GAAI;IACdiB,MAAM,EAAE,CAACH,gBAAgB,EAAEC,gBAAgB,EAAEA,gBAAgB,CAAE;IAC/DpB,KAAK,EAAC,0BAA0B;IAChCQ,QAAQ,EAAC,iBAAiB;IAC1BC,MAAM,EAAC;EAAa,EACpB,CACK;AAEb,CAAC;AApBYY,QAAQ,CAAAP,WAAA;AAsBrBO,QAAQ,CAACN,KAAK,GAAG;EACfC,UAAU,EAAE;IAAEC,SAAS,EAAE;MAAEC,aAAa,EAAE;IAAI;EAAE;AAClD,CAAC"}
+{"version":3,"file":"Cards.story.js","names":["_react","_interopRequireDefault","require","_Card","_TriptychCard","_storybookBlocklist","obj","__esModule","default","_default","exports","title","component","Card","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Default","args","subtitle","status","image","lazyLoad","src","srcSet","LongTitle","WithMaxWidth","maxWidth","NoImage","MinimalCard","TriptychCardExample","render","createElement","TriptychCard","images"],"sources":["../../../src/elements/Cards/Cards.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { Card } from \"./Card\"\nimport { TriptychCard } from \"./TriptychCard\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n  title: \"Components/Cards\",\n  component: Card,\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"Card components display information in a structured card format with optional images, titles, subtitles, and status information. Includes both single cards and triptych layouts.\",\n      },\n    },\n    controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n  },\n}\n\nexport const Default = {\n  args: {\n    title: \"Example Exhibition Title\",\n    subtitle: \"Partner Gallery\",\n    status: \"4 days left\",\n    image: {\n      lazyLoad: true,\n      src: \"https://picsum.photos/seed/example/400/300\",\n      srcSet:\n        \"https://picsum.photos/seed/example/400/300 1x, https://picsum.photos/seed/example/800/600 2x\",\n    },\n  },\n}\n\nexport const LongTitle = {\n  args: {\n    title: \"A Much Longer Exhibition Title With Possible Line Break\",\n    subtitle: \"Partner Gallery\",\n    status: \"4 days left\",\n    image: {\n      lazyLoad: true,\n      src: \"https://picsum.photos/seed/example/400/300\",\n      srcSet:\n        \"https://picsum.photos/seed/example/400/300 1x, https://picsum.photos/seed/example/800/600 2x\",\n    },\n  },\n}\n\nexport const WithMaxWidth = {\n  args: {\n    title: \"Example Exhibition Title\",\n    subtitle: \"Partner Gallery\",\n    status: \"4 days left\",\n    maxWidth: 400,\n    image: {\n      lazyLoad: true,\n      src: \"https://picsum.photos/seed/example/400/300\",\n      srcSet:\n        \"https://picsum.photos/seed/example/400/300 1x, https://picsum.photos/seed/example/800/600 2x\",\n    },\n  },\n}\n\nexport const NoImage = {\n  args: {\n    title: \"Example Exhibition Title\",\n    subtitle: \"Partner Gallery\",\n    status: \"4 days left\",\n  },\n}\n\nexport const MinimalCard = {\n  args: {},\n}\n\nexport const TriptychCardExample = {\n  render: () => (\n    <TriptychCard\n      title=\"Example Triptych\"\n      subtitle=\"Multiple Artworks\"\n      status=\"Available\"\n      images={[\n        {\n          lazyLoad: true,\n          src: \"https://picsum.photos/seed/example/400/400\",\n          srcSet:\n            \"https://picsum.photos/seed/example/400/400 1x, https://picsum.photos/seed/example/800/800 2x\",\n        },\n        {\n          lazyLoad: true,\n          src: \"https://picsum.photos/seed/example2/200/200\",\n          srcSet:\n            \"https://picsum.photos/seed/example2/200/200 1x, https://picsum.photos/seed/example2/400/400 2x\",\n        },\n        {\n          lazyLoad: true,\n          src: \"https://picsum.photos/seed/example3/200/200\",\n          srcSet:\n            \"https://picsum.photos/seed/example3/200/200 1x, https://picsum.photos/seed/example3/400/400 2x\",\n        },\n      ]}\n    />\n  ),\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AAA0E,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAE3D;EACbG,KAAK,EAAE,kBAAkB;EACzBC,SAAS,EAAEC,UAAI;EACfC,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXL,SAAS,EACP;MACJ;IACF,CAAC;IACDM,QAAQ,EAAE;MACNC,OAAO,EAAEC;IACX;EACJ;AACF,CAAC;AAEM,IAAMC,OAAO,GAAAX,OAAA,CAAAW,OAAA,GAAG;EACrBC,IAAI,EAAE;IACJX,KAAK,EAAE,0BAA0B;IACjCY,QAAQ,EAAE,iBAAiB;IAC3BC,MAAM,EAAE,aAAa;IACrBC,KAAK,EAAE;MACLC,QAAQ,EAAE,IAAI;MACdC,GAAG,EAAE,4CAA4C;MACjDC,MAAM,EACJ;IACJ;EACF;AACF,CAAC;AAEM,IAAMC,SAAS,GAAAnB,OAAA,CAAAmB,SAAA,GAAG;EACvBP,IAAI,EAAE;IACJX,KAAK,EAAE,yDAAyD;IAChEY,QAAQ,EAAE,iBAAiB;IAC3BC,MAAM,EAAE,aAAa;IACrBC,KAAK,EAAE;MACLC,QAAQ,EAAE,IAAI;MACdC,GAAG,EAAE,4CAA4C;MACjDC,MAAM,EACJ;IACJ;EACF;AACF,CAAC;AAEM,IAAME,YAAY,GAAApB,OAAA,CAAAoB,YAAA,GAAG;EAC1BR,IAAI,EAAE;IACJX,KAAK,EAAE,0BAA0B;IACjCY,QAAQ,EAAE,iBAAiB;IAC3BC,MAAM,EAAE,aAAa;IACrBO,QAAQ,EAAE,GAAG;IACbN,KAAK,EAAE;MACLC,QAAQ,EAAE,IAAI;MACdC,GAAG,EAAE,4CAA4C;MACjDC,MAAM,EACJ;IACJ;EACF;AACF,CAAC;AAEM,IAAMI,OAAO,GAAAtB,OAAA,CAAAsB,OAAA,GAAG;EACrBV,IAAI,EAAE;IACJX,KAAK,EAAE,0BAA0B;IACjCY,QAAQ,EAAE,iBAAiB;IAC3BC,MAAM,EAAE;EACV;AACF,CAAC;AAEM,IAAMS,WAAW,GAAAvB,OAAA,CAAAuB,WAAA,GAAG;EACzBX,IAAI,EAAE,CAAC;AACT,CAAC;AAEM,IAAMY,mBAAmB,GAAAxB,OAAA,CAAAwB,mBAAA,GAAG;EACjCC,MAAM,EAAE,SAARA,MAAMA,CAAA;IAAA,oBACJnC,MAAA,CAAAQ,OAAA,CAAA4B,aAAA,CAAChC,aAAA,CAAAiC,YAAY;MACX1B,KAAK,EAAC,kBAAkB;MACxBY,QAAQ,EAAC,mBAAmB;MAC5BC,MAAM,EAAC,WAAW;MAClBc,MAAM,EAAE,CACN;QACEZ,QAAQ,EAAE,IAAI;QACdC,GAAG,EAAE,4CAA4C;QACjDC,MAAM,EACJ;MACJ,CAAC,EACD;QACEF,QAAQ,EAAE,IAAI;QACdC,GAAG,EAAE,6CAA6C;QAClDC,MAAM,EACJ;MACJ,CAAC,EACD;QACEF,QAAQ,EAAE,IAAI;QACdC,GAAG,EAAE,6CAA6C;QAClDC,MAAM,EACJ;MACJ,CAAC;IACD,EACF;EAAA;AAEN,CAAC"}

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

@@ -1,93 +1,180 @@
 import React from "react";
+import { CarouselProps } from "./";
 declare const _default: {
     title: string;
+    component: React.FC<React.PropsWithChildren<CarouselProps>>;
+    tags: string[];
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+            controls: {
+                exclude: string[];
+            };
+        };
+    };
 };
 export default _default;
-export declare const Simple: () => React.JSX.Element;
-export declare const Multiple: () => React.JSX.Element;
+export declare const Simple: {
+    render: () => React.JSX.Element;
+};
+export declare const Multiple: {
+    render: () => React.JSX.Element;
+};
 export declare const SinglePage: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
 };
 export declare const SingleOverflowingItem: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
     };
 };
 export declare const MultipleOverflowingItems: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
     };
 };
 export declare const TwoishPages: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
     };
 };
 export declare const ManyPages: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
     };
 };
 export declare const VaryingWidths: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
     };
 };
 export declare const VaryingHeights: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
     };
 };
 export declare const DynamicItems: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-        parameters: {
-            chromatic: {
-                disable: boolean;
+    render: () => React.JSX.Element;
+    parameters: {
+        chromatic: {
+            disable: boolean;
+        };
+        docs: {
+            description: {
+                story: string;
             };
         };
     };
 };
 export declare const CustomArrows: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
     };
 };
 export declare const CustomRailAndCells: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
     };
 };
 export declare const CarouselWithText: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
     };
 };
 export declare const InitialIndexOnMount: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
     };
 };
 export declare const NavigateViaProps: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const ConditionalChildren: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const PaginationByCell: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const PaginationByCellWithVaryingWidths: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
     };
 };
-export declare const ConditionalChildren: () => React.JSX.Element;
-export declare const PaginationByCell: () => React.JSX.Element;
-export declare const PaginationByCellWithVaryingWidths: () => React.JSX.Element;