@artsy/palette 39.0.4 → 40.0.0-canary.1408.31244.0

package/dist/elements/Spinner/Spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_styledSystem","_Box","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","SPINNER_VARIANTS","small","width","height","top","left","medium","large","Spinner","_ref","delay","color","rest","_useState","useState","_useState2","show","setShow","useEffect","timeout","setTimeout","clearTimeout","createElement","Bar","bg","exports","displayName","spin","keyframes","styled","Box","withConfig","componentId","variant","variants","prop","defaultProps","position","size"],"sources":["../../../src/elements/Spinner/Spinner.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\"\nimport styled, { keyframes } from \"styled-components\"\nimport { ResponsiveValue, variant } from \"styled-system\"\nimport { Box, BoxProps } from \"../Box\"\n\nconst SPINNER_VARIANTS = {\n  small: {\n    width: 12.5,\n    height: 3,\n    // TODO: Remove `top` and `left`\n    top: \"calc(50% - 1.5px)\",\n    left: \"calc(50% - 6.25px)\",\n  },\n\n  medium: {\n    width: 20,\n    height: 4.8,\n    // TODO: Remove `top` and `left`\n    top: \"calc(50% - 2.4px)\",\n    left: \"calc(50% - 10px)\",\n  },\n\n  large: {\n    width: 25,\n    height: 6,\n    // TODO: Remove `top` and `left`\n    top: \"calc(50% - 3px)\",\n    left: \"calc(50% - 12.5px)\",\n  },\n} as const\n\nexport type SpinnerSize = keyof typeof SPINNER_VARIANTS\n\nexport interface SpinnerProps\n  extends Omit<BoxProps, \"size\" | \"width\" | \"height\"> {\n  /** Delay before spinner appears */\n  delay?: number\n  /** Size of the spinner */\n  size?: ResponsiveValue<SpinnerSize>\n  /** Color of the spinner */\n  color?: ResponsiveValue<string>\n}\n\n/** Generic Spinner component */\nexport const Spinner: React.FC<SpinnerProps> = ({ delay, color, ...rest }) => {\n  const [show, setShow] = useState(delay === 0)\n\n  useEffect(() => {\n    const timeout = setTimeout(() => {\n      setShow(true)\n    }, delay)\n\n    return () => {\n      clearTimeout(timeout)\n    }\n  }, [delay])\n\n  if (!show) return null\n\n  return <Bar bg={color ?? \"currentColor\"} {...rest} />\n}\n\nconst spin = keyframes`\n  100% {\n    transform: rotate(360deg)\n  }\n`\n\nconst Bar = styled(Box)`\n  animation: ${spin} 1s infinite linear;\n  ${variant({ variants: SPINNER_VARIANTS, prop: \"size\" })}\n`\n\nSpinner.defaultProps = {\n  // TODO: Remove `position`\n  position: \"absolute\",\n  delay: 0,\n  size: \"large\",\n  color: \"black100\",\n}\n\nSpinner.displayName = \"Spinner\"\n"],"mappings":"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"}
+{"version":3,"file":"Spinner.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_styledSystem","_Box","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","SPINNER_VARIANTS","small","width","height","top","left","medium","large","Spinner","_ref","delay","color","rest","_useState","useState","_useState2","show","setShow","useEffect","timeout","setTimeout","clearTimeout","createElement","Bar","bg","exports","displayName","spin","keyframes","styled","Box","withConfig","componentId","variant","variants","prop","defaultProps","position","size"],"sources":["../../../src/elements/Spinner/Spinner.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\"\nimport styled, { keyframes } from \"styled-components\"\nimport { ResponsiveValue, variant } from \"styled-system\"\nimport { Box, BoxProps } from \"../Box\"\n\nconst SPINNER_VARIANTS = {\n  small: {\n    width: 12.5,\n    height: 3,\n    // TODO: Remove `top` and `left`\n    top: \"calc(50% - 1.5px)\",\n    left: \"calc(50% - 6.25px)\",\n  },\n\n  medium: {\n    width: 20,\n    height: 4.8,\n    // TODO: Remove `top` and `left`\n    top: \"calc(50% - 2.4px)\",\n    left: \"calc(50% - 10px)\",\n  },\n\n  large: {\n    width: 25,\n    height: 6,\n    // TODO: Remove `top` and `left`\n    top: \"calc(50% - 3px)\",\n    left: \"calc(50% - 12.5px)\",\n  },\n} as const\n\nexport type SpinnerSize = keyof typeof SPINNER_VARIANTS\n\nexport interface SpinnerProps\n  extends Omit<BoxProps, \"size\" | \"width\" | \"height\"> {\n  /** Delay before spinner appears */\n  delay?: number\n  /** Size of the spinner */\n  size?: ResponsiveValue<SpinnerSize>\n  /** Color of the spinner */\n  color?: ResponsiveValue<string>\n}\n\n/** Generic Spinner component */\nexport const Spinner: React.FC<React.PropsWithChildren<SpinnerProps>> = ({ delay, color, ...rest }) => {\n  const [show, setShow] = useState(delay === 0)\n\n  useEffect(() => {\n    const timeout = setTimeout(() => {\n      setShow(true)\n    }, delay)\n\n    return () => {\n      clearTimeout(timeout)\n    }\n  }, [delay])\n\n  if (!show) return null\n\n  return <Bar bg={color ?? \"currentColor\"} {...rest} />\n}\n\nconst spin = keyframes`\n  100% {\n    transform: rotate(360deg)\n  }\n`\n\nconst Bar = styled(Box)`\n  animation: ${spin} 1s infinite linear;\n  ${variant({ variants: SPINNER_VARIANTS, prop: \"size\" })}\n`\n\nSpinner.defaultProps = {\n  // TODO: Remove `position`\n  position: \"absolute\",\n  delay: 0,\n  size: \"large\",\n  color: \"black100\",\n}\n\nSpinner.displayName = \"Spinner\"\n"],"mappings":"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"}

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

@@ -1,3 +1,4 @@
+import React from "react";
 declare const _default: {
     title: string;
     parameters: {
@@ -7,10 +8,10 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Default: () => JSX.Element;
-export declare const DefaultSpinner: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;
+export declare const DefaultSpinner: () => React.JSX.Element;
 export declare const SpinnerWithDelayedShow: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/elements/Stack/Stack.d.ts

@@ -8,6 +8,6 @@ export declare type StackProps = BoxProps & {
  * `Stack` is `Box` with` display: flex` and `flex-direction: column`.
  * `gap` is required
  */
-export declare const Stack: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BoxProps> & BoxProps, keyof BoxProps | "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+export declare const Stack: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BoxProps> & BoxProps, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, StackProps>> & string;

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

@@ -1,5 +1,6 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const Default: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;

package/dist/elements/StackableBorderBox/StackableBorderBox.d.ts

@@ -4,6 +4,6 @@ export declare type StackableBorderBoxProps = BorderBoxProps;
 /**
  * A stackable border box is a BorderBox that shares borders with its siblings.
  */
-export declare const StackableBorderBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("..").BoxProps> & import("..").BoxProps, keyof import("..").BoxProps | "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+export declare const StackableBorderBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("..").BoxProps> & import("..").BoxProps, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, never>, BorderBoxProps>> & string;

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

@@ -1,5 +1,6 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const Default: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;

package/dist/elements/Stepper/Stepper.d.ts

@@ -7,11 +7,11 @@ export interface StepperProps extends TabsProps {
     disableNavigation?: boolean;
 }
 /** Stepper */
-export declare const Stepper: React.FC<StepperProps>;
+export declare const Stepper: React.FC<React.PropsWithChildren<StepperProps>>;
 /** StepProps */
 export declare type StepProps = TabProps;
 /**
  * An individual step.
  * Does nothing on its own; props are dealt with inside of Steps.
  */
-export declare const Step: React.FC<StepProps>;
+export declare const Step: React.FC<React.PropsWithChildren<StepProps>>;

package/dist/elements/Stepper/Stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.js","names":["_react","_interopRequireDefault","require","_CheckmarkIcon","_ChevronRightIcon","_BaseTabs","_Box","_Clickable","_Flex","_Tabs","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Stepper","_ref","currentStepIndex","disableNavigation","_ref$initialTabIndex","initialTabIndex","children","rest","_useTabs","useTabs","tabs","activeTab","activeTabIndex","handleClick","ref","createElement","Fragment","BaseTabs","fill","map","tab","BaseTab","as","Clickable","disabled","onClick","active","variant","justifyContent","Flex","alignItems","flex","Box","color","undefined","child","props","name","width","height","ml","current","exports","Step","_ref2","defaultProps","mb"],"sources":["../../../src/elements/Stepper/Stepper.tsx"],"sourcesContent":["import React from \"react\"\nimport CheckmarkIcon from \"@artsy/icons/CheckmarkIcon\"\nimport ChevronRightIcon from \"@artsy/icons/ChevronRightIcon\"\nimport { BaseTab, BaseTabs } from \"../BaseTabs\"\nimport { Box } from \"../Box\"\nimport { Clickable } from \"../Clickable\"\nimport { Flex } from \"../Flex\"\nimport { TabProps, TabsProps, useTabs } from \"../Tabs\"\n\nexport interface StepperProps extends TabsProps {\n  /** The step user currently is at (e.g. previous steps completed) */\n  currentStepIndex: number\n  /** Prevents the tabs from being directly clickable */\n  disableNavigation?: boolean\n}\n\n/** Stepper */\nexport const Stepper: React.FC<StepperProps> = ({\n  currentStepIndex,\n  disableNavigation,\n  initialTabIndex = 0,\n  children,\n  ...rest\n}) => {\n  const { tabs, activeTab, activeTabIndex, handleClick, ref } = useTabs({\n    children,\n    initialTabIndex,\n  })\n\n  return (\n    <>\n      <BaseTabs ref={ref} fill {...rest}>\n        {tabs.map((tab, i) => {\n          return (\n            <BaseTab\n              key={i}\n              as={Clickable}\n              ref={tab.ref as any}\n              aria-selected={i === activeTabIndex}\n              disabled={disableNavigation || i > currentStepIndex}\n              onClick={handleClick(i)}\n              active={i === activeTabIndex}\n              variant=\"sm\"\n              justifyContent=\"flex-start\"\n            >\n              <Flex alignItems=\"center\" justifyContent=\"space-between\" flex={1}>\n                <Flex alignItems=\"center\">\n                  <Box color={i > currentStepIndex ? \"black30\" : undefined}>\n                    {tab.child.props.name}\n                  </Box>\n\n                  {currentStepIndex > i && (\n                    <CheckmarkIcon\n                      width={16}\n                      height={16}\n                      color=\"green100\"\n                      ml={1}\n                    />\n                  )}\n                </Flex>\n\n                <ChevronRightIcon fill=\"black60\" height={10} ml={1} />\n              </Flex>\n            </BaseTab>\n          )\n        })}\n      </BaseTabs>\n\n      {activeTab.current.child}\n    </>\n  )\n}\n\n/** StepProps */\nexport type StepProps = TabProps\n\n/**\n * An individual step.\n * Does nothing on its own; props are dealt with inside of Steps.\n */\nexport const Step: React.FC<StepProps> = ({ children }) => <>{children}</>\n\nStepper.defaultProps = {\n  mb: 2,\n}\n"],"mappings":"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"}
+{"version":3,"file":"Stepper.js","names":["_react","_interopRequireDefault","require","_CheckmarkIcon","_ChevronRightIcon","_BaseTabs","_Box","_Clickable","_Flex","_Tabs","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Stepper","_ref","currentStepIndex","disableNavigation","_ref$initialTabIndex","initialTabIndex","children","rest","_useTabs","useTabs","tabs","activeTab","activeTabIndex","handleClick","ref","createElement","Fragment","BaseTabs","fill","map","tab","BaseTab","as","Clickable","disabled","onClick","active","variant","justifyContent","Flex","alignItems","flex","Box","color","undefined","child","props","name","width","height","ml","current","exports","Step","_ref2","defaultProps","mb"],"sources":["../../../src/elements/Stepper/Stepper.tsx"],"sourcesContent":["import React from \"react\"\nimport CheckmarkIcon from \"@artsy/icons/CheckmarkIcon\"\nimport ChevronRightIcon from \"@artsy/icons/ChevronRightIcon\"\nimport { BaseTab, BaseTabs } from \"../BaseTabs\"\nimport { Box } from \"../Box\"\nimport { Clickable } from \"../Clickable\"\nimport { Flex } from \"../Flex\"\nimport { TabProps, TabsProps, useTabs } from \"../Tabs\"\n\nexport interface StepperProps extends TabsProps {\n  /** The step user currently is at (e.g. previous steps completed) */\n  currentStepIndex: number\n  /** Prevents the tabs from being directly clickable */\n  disableNavigation?: boolean\n}\n\n/** Stepper */\nexport const Stepper: React.FC<React.PropsWithChildren<StepperProps>> = ({\n  currentStepIndex,\n  disableNavigation,\n  initialTabIndex = 0,\n  children,\n  ...rest\n}) => {\n  const { tabs, activeTab, activeTabIndex, handleClick, ref } = useTabs({\n    children,\n    initialTabIndex,\n  })\n\n  return (\n    <>\n      <BaseTabs ref={ref} fill {...rest}>\n        {tabs.map((tab, i) => {\n          return (\n            <BaseTab\n              key={i}\n              as={Clickable}\n              ref={tab.ref as any}\n              aria-selected={i === activeTabIndex}\n              disabled={disableNavigation || i > currentStepIndex}\n              onClick={handleClick(i)}\n              active={i === activeTabIndex}\n              variant=\"sm\"\n              justifyContent=\"flex-start\"\n            >\n              <Flex alignItems=\"center\" justifyContent=\"space-between\" flex={1}>\n                <Flex alignItems=\"center\">\n                  <Box color={i > currentStepIndex ? \"black30\" : undefined}>\n                    {tab.child.props.name}\n                  </Box>\n\n                  {currentStepIndex > i && (\n                    <CheckmarkIcon\n                      width={16}\n                      height={16}\n                      color=\"green100\"\n                      ml={1}\n                    />\n                  )}\n                </Flex>\n\n                <ChevronRightIcon fill=\"black60\" height={10} ml={1} />\n              </Flex>\n            </BaseTab>\n          )\n        })}\n      </BaseTabs>\n\n      {activeTab.current.child}\n    </>\n  )\n}\n\n/** StepProps */\nexport type StepProps = TabProps\n\n/**\n * An individual step.\n * Does nothing on its own; props are dealt with inside of Steps.\n */\nexport const Step: React.FC<React.PropsWithChildren<StepProps>> = ({ children }) => <>{children}</>\n\nStepper.defaultProps = {\n  mb: 2,\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,iBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,IAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AACA,IAAAO,KAAA,GAAAP,OAAA;AAAsD,IAAAQ,SAAA;AAAA,SAAAT,uBAAAU,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;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAStD;AACO,IAAMmB,OAAwD,GAAG,SAA3DA,OAAwDA,CAAAC,IAAA,EAM/D;EAAA,IALJC,gBAAgB,GAAAD,IAAA,CAAhBC,gBAAgB;IAChBC,iBAAiB,GAAAF,IAAA,CAAjBE,iBAAiB;IAAAC,oBAAA,GAAAH,IAAA,CACjBI,eAAe;IAAfA,eAAe,GAAAD,oBAAA,cAAG,CAAC,GAAAA,oBAAA;IACnBE,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACLC,IAAI,GAAAhB,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAEP,IAAAmC,QAAA,GAA8D,IAAAC,aAAO,EAAC;MACpEH,QAAQ,EAARA,QAAQ;MACRD,eAAe,EAAfA;IACF,CAAC,CAAC;IAHMK,IAAI,GAAAF,QAAA,CAAJE,IAAI;IAAEC,SAAS,GAAAH,QAAA,CAATG,SAAS;IAAEC,cAAc,GAAAJ,QAAA,CAAdI,cAAc;IAAEC,WAAW,GAAAL,QAAA,CAAXK,WAAW;IAAEC,GAAG,GAAAN,QAAA,CAAHM,GAAG;EAKzD,oBACEnD,MAAA,CAAAa,OAAA,CAAAuC,aAAA,CAAApD,MAAA,CAAAa,OAAA,CAAAwC,QAAA,qBACErD,MAAA,CAAAa,OAAA,CAAAuC,aAAA,CAAC/C,SAAA,CAAAiD,QAAQ,EAAAxC,QAAA;IAACqC,GAAG,EAAEA,GAAI;IAACI,IAAI;EAAA,GAAKX,IAAI,GAC9BG,IAAI,CAACS,GAAG,CAAC,UAACC,GAAG,EAAEtC,CAAC,EAAK;IACpB,oBACEnB,MAAA,CAAAa,OAAA,CAAAuC,aAAA,CAAC/C,SAAA,CAAAqD,OAAO;MACNnC,GAAG,EAAEJ,CAAE;MACPwC,EAAE,EAAEC,oBAAU;MACdT,GAAG,EAAEM,GAAG,CAACN,GAAW;MACpB,iBAAehC,CAAC,KAAK8B,cAAe;MACpCY,QAAQ,EAAErB,iBAAiB,IAAIrB,CAAC,GAAGoB,gBAAiB;MACpDuB,OAAO,EAAEZ,WAAW,CAAC/B,CAAC,CAAE;MACxB4C,MAAM,EAAE5C,CAAC,KAAK8B,cAAe;MAC7Be,OAAO,EAAC,IAAI;MACZC,cAAc,EAAC;IAAY,gBAE3BjE,MAAA,CAAAa,OAAA,CAAAuC,aAAA,CAAC5C,KAAA,CAAA0D,IAAI;MAACC,UAAU,EAAC,QAAQ;MAACF,cAAc,EAAC,eAAe;MAACG,IAAI,EAAE;IAAE,gBAC/DpE,MAAA,CAAAa,OAAA,CAAAuC,aAAA,CAAC5C,KAAA,CAAA0D,IAAI;MAACC,UAAU,EAAC;IAAQ,gBACvBnE,MAAA,CAAAa,OAAA,CAAAuC,aAAA,CAAC9C,IAAA,CAAA+D,GAAG;MAACC,KAAK,EAAEnD,CAAC,GAAGoB,gBAAgB,GAAG,SAAS,GAAGgC;IAAU,GACtDd,GAAG,CAACe,KAAK,CAACC,KAAK,CAACC,IAAI,CACjB,EAELnC,gBAAgB,GAAGpB,CAAC,iBACnBnB,MAAA,CAAAa,OAAA,CAAAuC,aAAA,CAACjD,cAAA,CAAAU,OAAa;MACZ8D,KAAK,EAAE,EAAG;MACVC,MAAM,EAAE,EAAG;MACXN,KAAK,EAAC,UAAU;MAChBO,EAAE,EAAE;IAAE,EAET,CACI,eAEP7E,MAAA,CAAAa,OAAA,CAAAuC,aAAA,CAAChD,iBAAA,CAAAS,OAAgB;MAAC0C,IAAI,EAAC,SAAS;MAACqB,MAAM,EAAE,EAAG;MAACC,EAAE,EAAE;IAAE,EAAG,CACjD,CACC;EAEd,CAAC,CAAC,CACO,EAEV7B,SAAS,CAAC8B,OAAO,CAACN,KAAK,CACvB;AAEP,CAAC;;AAED;AAAAO,OAAA,CAAA1C,OAAA,GAAAA,OAAA;AAGA;AACA;AACA;AACA;AACO,IAAM2C,IAAkD,GAAG,SAArDA,IAAkDA,CAAAC,KAAA;EAAA,IAAMtC,QAAQ,GAAAsC,KAAA,CAARtC,QAAQ;EAAA,oBAAO3C,MAAA,CAAAa,OAAA,CAAAuC,aAAA,CAAApD,MAAA,CAAAa,OAAA,CAAAwC,QAAA,QAAGV,QAAQ,CAAI;AAAA;AAAAoC,OAAA,CAAAC,IAAA,GAAAA,IAAA;AAEnG3C,OAAO,CAAC6C,YAAY,GAAG;EACrBC,EAAE,EAAE;AACN,CAAC"}

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

@@ -1,6 +1,7 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const Default: () => JSX.Element;
-export declare const ChangingCurrentStep: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;
+export declare const ChangingCurrentStep: () => React.JSX.Element;

package/dist/elements/Sup/Sup.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { TextProps } from "../Text";
 export declare type SupProps = TextProps;
-export declare const Sup: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("..").BoxProps> & import("..").BoxProps, keyof import("..").BoxProps | "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+export declare const Sup: 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").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("..").BoxProps> & import("..").BoxProps, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, "gap" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textTransform" | "top" | "verticalAlign" | "width" | "zIndex" | "background" | "backgroundPosition" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "lineClamp" | "margin" | "overflow" | "padding" | "bg" | "borderX" | "borderY" | "size" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "textColor" | "variant" | "hyphenate" | "overflowEllipsis"> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & {
     variant?: import("styled-system").ResponsiveValue<"xxxl" | "xxl" | "xl" | "lg" | "lg-display" | "md" | "sm" | "sm-display" | "xs" | "xxs" | "bq", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;

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

@@ -1,5 +1,6 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const Default: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;

package/dist/elements/Swiper/Swiper.d.ts

@@ -3,18 +3,18 @@ import { BoxProps } from "../Box";
 /** SwiperRailProps */
 export declare type SwiperRailProps = BoxProps;
 /** A `SwiperRail` slides back and forth within the viewport */
-export declare const SwiperRail: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Pick<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BoxProps> & BoxProps, keyof BoxProps | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+export declare const SwiperRail: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BoxProps> & BoxProps, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
 }, {
-    as?: React.ElementType<any> | undefined;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
 }>> & string;
 /** SwiperCellProps */
 export declare type SwiperCellProps = BoxProps;
 /** A `SwiperCell` wraps a single child in the carousel */
-export declare const SwiperCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Pick<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BoxProps> & BoxProps, keyof BoxProps | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+export declare const SwiperCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BoxProps> & BoxProps, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
 }, {
-    as?: React.ElementType<any> | undefined;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
 }>> & string;
 declare type ScrollSnapAlign = "none" | "start" | "end" | "center";
 /** SwiperProps */
@@ -22,7 +22,7 @@ export declare type SwiperProps = BoxProps & {
     initialIndex?: number;
     snap?: ScrollSnapAlign;
     children: React.ReactNode;
-    Rail?: typeof SwiperRail | React.FC<SwiperRailProps>;
+    Rail?: typeof SwiperRail | React.FC<React.PropsWithChildren<SwiperRailProps>>;
     /**
      * If providing a custom `Cell` you must forward a ref so
      * that cell widths can be calculated.
@@ -37,5 +37,5 @@ export declare type SwiperProps = BoxProps & {
  * horizontal rail and when the width exceeds the width of the viewport, allows
  * for horitonzal swiping (or scrolling) with the option to snap to elements.
  */
-export declare const Swiper: React.FC<SwiperProps>;
+export declare const Swiper: React.FC<React.PropsWithChildren<SwiperProps>>;
 export {};

package/dist/elements/Swiper/Swiper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Swiper.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_useCursor2","_visuallyDisableScrollbar","_Box","_Carousel","_activeIndex","_percentage","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Container","styled","Box","withConfig","displayName","componentId","visuallyDisableScrollbar","SwiperRail","exports","defaultProps","display","SwiperCell","Swiper","_ref","_ref$initialIndex","initialIndex","children","_ref$snap","snap","_ref$Rail","Rail","_ref$Cell","Cell","onChange","onPageCountChange","rest","containerRef","useRef","cells","useMemo","Children","toArray","filter","isValidElement","map","child","ref","createRef","_useCursor","useCursor","initialCursor","max","index","cursor","setCursor","useEffect","cell","current","scrollIntoView","inline","block","rail","handleScroll","progress","percentage","viewport","clientWidth","total","scrollWidth","left","scrollLeft","page","activeIndex","addEventListener","passive","removeEventListener","createElement","mx","my","as","_ref2","isLast","pr","CELL_GAP_PADDING_AMOUNT","undefined","style","scrollSnapAlign"],"sources":["../../../src/elements/Swiper/Swiper.tsx"],"sourcesContent":["import React, {\n  Children,\n  createRef,\n  isValidElement,\n  useEffect,\n  useMemo,\n  useRef,\n} from \"react\"\nimport styled from \"styled-components\"\nimport { useCursor } from \"use-cursor\"\nimport { visuallyDisableScrollbar } from \"../../helpers/visuallyDisableScrollbar\"\nimport { Box, BoxProps } from \"../Box\"\nimport { CELL_GAP_PADDING_AMOUNT } from \"../Carousel\"\nimport { activeIndex } from \"./activeIndex\"\nimport { percentage } from \"./percentage\"\n\nconst Container = styled(Box)`\n  display: flex;\n  height: 100%;\n  padding: 0;\n  list-style: none;\n  overflow-y: hidden;\n  overflow-x: scroll;\n  -webkit-overflow-scrolling: touch;\n  scroll-snap-type: x mandatory;\n  ${visuallyDisableScrollbar}\n`\n\n/** SwiperRailProps */\nexport type SwiperRailProps = BoxProps\n\n/** A `SwiperRail` slides back and forth within the viewport */\nexport const SwiperRail = styled(Box)<{ as?: React.ElementType }>`\n  width: 100%;\n  height: 100%;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  white-space: nowrap;\n`\n\nSwiperRail.defaultProps = {\n  display: \"flex\",\n}\n\n/** SwiperCellProps */\nexport type SwiperCellProps = BoxProps\n\n/** A `SwiperCell` wraps a single child in the carousel */\nexport const SwiperCell = styled(Box)<{ as?: React.ElementType }>`\n  white-space: normal;\n`\n\ntype ScrollSnapAlign = \"none\" | \"start\" | \"end\" | \"center\"\n\n/** SwiperProps */\nexport type SwiperProps = BoxProps & {\n  initialIndex?: number\n  snap?: ScrollSnapAlign\n  children: React.ReactNode\n  Rail?: typeof SwiperRail | React.FC<SwiperRailProps>\n  /**\n   * If providing a custom `Cell` you must forward a ref so\n   * that cell widths can be calculated.\n   */\n  Cell?: React.ForwardRefExoticComponent<SwiperCellProps>\n  onChange?(index: number): void\n  onPageCountChange?(count: number): void\n}\n\n/**\n * A `Swiper` is like a `Carousel` but for touch devices. It accepts children\n * or a series of children that are JSX elements. It presents them in a\n * horizontal rail and when the width exceeds the width of the viewport, allows\n * for horitonzal swiping (or scrolling) with the option to snap to elements.\n */\nexport const Swiper: React.FC<SwiperProps> = ({\n  initialIndex = 0,\n  children,\n  snap = \"none\",\n  Rail = SwiperRail,\n  Cell = SwiperCell,\n  onChange,\n  onPageCountChange,\n  ...rest\n}) => {\n  const containerRef = useRef<HTMLDivElement | null>(null)\n\n  const cells = useMemo(\n    () =>\n      Children.toArray(children)\n        .filter(isValidElement)\n        .map((child) => ({ child, ref: createRef<HTMLDivElement>() })),\n    [children]\n  )\n\n  const { index, cursor, setCursor } = useCursor({\n    initialCursor: initialIndex,\n    max: cells.length,\n  })\n\n  useEffect(() => {\n    /**\n     * If on initial mount there is an `initialIndex` other than `0`,\n     * scroll it into view. The dependency array is left empty as we explicitly\n     * only want this to run on mount, and ignore any updates to `initialIndex`,\n     * which are handled separately below.\n     */\n    if (initialIndex === 0) return\n    const cell = cells[initialIndex]\n    if (!cell) return\n    cell.ref.current!.scrollIntoView({ inline: \"start\", block: \"nearest\" })\n  }, [])\n\n  useEffect(() => {\n    /**\n     * Since `cursor` tracks progress, if `cursor` and `initialIndex` are out\n     * of sync then that means the index has been changed programmatically\n     * and we should scroll the cell corresponding with that index into view.\n     */\n    if (initialIndex !== cursor) {\n      const cell = cells[initialIndex]\n      if (!cell) return\n      cell.ref.current!.scrollIntoView({ inline: \"start\", block: \"nearest\" })\n    }\n  }, [initialIndex])\n\n  useEffect(() => {\n    // Not mounted\n    if (!containerRef.current) return\n\n    // No need to track progress\n    if (!onChange) return\n\n    const { current: rail } = containerRef\n\n    const handleScroll = () => {\n      const progress = percentage({\n        viewport: rail.clientWidth,\n        total: rail.scrollWidth,\n        left: rail.scrollLeft,\n      })\n\n      const page = activeIndex({ progress, length: cells.length })\n\n      setCursor(page)\n    }\n\n    rail.addEventListener(\"scroll\", handleScroll, { passive: true })\n    return () => {\n      rail.removeEventListener(\"scroll\", handleScroll)\n    }\n  }, [cells])\n\n  useEffect(() => {\n    onChange && onChange(index)\n  }, [onChange, index])\n\n  useEffect(() => {\n    onPageCountChange && onPageCountChange(cells.length)\n  }, [onPageCountChange, cells.length])\n\n  return (\n    <Container ref={containerRef as any} mx={0} my={0} {...rest}>\n      <Rail as=\"ul\">\n        {cells.map(({ child, ref }, i) => {\n          const isLast = i === cells.length - 1\n\n          return (\n            <Cell\n              as=\"li\"\n              key={i}\n              ref={ref}\n              pr={!isLast ? CELL_GAP_PADDING_AMOUNT : undefined}\n              style={{ scrollSnapAlign: snap }}\n            >\n              {child}\n            </Cell>\n          )\n        })}\n      </Rail>\n    </Container>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Swiper.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_useCursor2","_visuallyDisableScrollbar","_Box","_Carousel","_activeIndex","_percentage","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Container","styled","Box","withConfig","displayName","componentId","visuallyDisableScrollbar","SwiperRail","exports","defaultProps","display","SwiperCell","Swiper","_ref","_ref$initialIndex","initialIndex","children","_ref$snap","snap","_ref$Rail","Rail","_ref$Cell","Cell","onChange","onPageCountChange","rest","containerRef","useRef","cells","useMemo","Children","toArray","filter","isValidElement","map","child","ref","createRef","_useCursor","useCursor","initialCursor","max","index","cursor","setCursor","useEffect","cell","current","scrollIntoView","inline","block","rail","handleScroll","progress","percentage","viewport","clientWidth","total","scrollWidth","left","scrollLeft","page","activeIndex","addEventListener","passive","removeEventListener","createElement","mx","my","as","_ref2","isLast","pr","CELL_GAP_PADDING_AMOUNT","undefined","style","scrollSnapAlign"],"sources":["../../../src/elements/Swiper/Swiper.tsx"],"sourcesContent":["import React, {\n  Children,\n  createRef,\n  isValidElement,\n  useEffect,\n  useMemo,\n  useRef,\n} from \"react\"\nimport styled from \"styled-components\"\nimport { useCursor } from \"use-cursor\"\nimport { visuallyDisableScrollbar } from \"../../helpers/visuallyDisableScrollbar\"\nimport { Box, BoxProps } from \"../Box\"\nimport { CELL_GAP_PADDING_AMOUNT } from \"../Carousel\"\nimport { activeIndex } from \"./activeIndex\"\nimport { percentage } from \"./percentage\"\n\nconst Container = styled(Box)`\n  display: flex;\n  height: 100%;\n  padding: 0;\n  list-style: none;\n  overflow-y: hidden;\n  overflow-x: scroll;\n  -webkit-overflow-scrolling: touch;\n  scroll-snap-type: x mandatory;\n  ${visuallyDisableScrollbar}\n`\n\n/** SwiperRailProps */\nexport type SwiperRailProps = BoxProps\n\n/** A `SwiperRail` slides back and forth within the viewport */\nexport const SwiperRail = styled(Box)<{ as?: React.ElementType }>`\n  width: 100%;\n  height: 100%;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  white-space: nowrap;\n`\n\nSwiperRail.defaultProps = {\n  display: \"flex\",\n}\n\n/** SwiperCellProps */\nexport type SwiperCellProps = BoxProps\n\n/** A `SwiperCell` wraps a single child in the carousel */\nexport const SwiperCell = styled(Box)<{ as?: React.ElementType }>`\n  white-space: normal;\n`\n\ntype ScrollSnapAlign = \"none\" | \"start\" | \"end\" | \"center\"\n\n/** SwiperProps */\nexport type SwiperProps = BoxProps & {\n  initialIndex?: number\n  snap?: ScrollSnapAlign\n  children: React.ReactNode\n  Rail?: typeof SwiperRail | React.FC<React.PropsWithChildren<SwiperRailProps>>\n  /**\n   * If providing a custom `Cell` you must forward a ref so\n   * that cell widths can be calculated.\n   */\n  Cell?: React.ForwardRefExoticComponent<SwiperCellProps>\n  onChange?(index: number): void\n  onPageCountChange?(count: number): void\n}\n\n/**\n * A `Swiper` is like a `Carousel` but for touch devices. It accepts children\n * or a series of children that are JSX elements. It presents them in a\n * horizontal rail and when the width exceeds the width of the viewport, allows\n * for horitonzal swiping (or scrolling) with the option to snap to elements.\n */\nexport const Swiper: React.FC<React.PropsWithChildren<SwiperProps>> = ({\n  initialIndex = 0,\n  children,\n  snap = \"none\",\n  Rail = SwiperRail,\n  Cell = SwiperCell,\n  onChange,\n  onPageCountChange,\n  ...rest\n}) => {\n  const containerRef = useRef<HTMLDivElement | null>(null)\n\n  const cells = useMemo(\n    () =>\n      Children.toArray(children)\n        .filter(isValidElement)\n        .map((child) => ({ child, ref: createRef<HTMLDivElement>() })),\n    [children]\n  )\n\n  const { index, cursor, setCursor } = useCursor({\n    initialCursor: initialIndex,\n    max: cells.length,\n  })\n\n  useEffect(() => {\n    /**\n     * If on initial mount there is an `initialIndex` other than `0`,\n     * scroll it into view. The dependency array is left empty as we explicitly\n     * only want this to run on mount, and ignore any updates to `initialIndex`,\n     * which are handled separately below.\n     */\n    if (initialIndex === 0) return\n    const cell = cells[initialIndex]\n    if (!cell) return\n    cell.ref.current!.scrollIntoView({ inline: \"start\", block: \"nearest\" })\n  }, [])\n\n  useEffect(() => {\n    /**\n     * Since `cursor` tracks progress, if `cursor` and `initialIndex` are out\n     * of sync then that means the index has been changed programmatically\n     * and we should scroll the cell corresponding with that index into view.\n     */\n    if (initialIndex !== cursor) {\n      const cell = cells[initialIndex]\n      if (!cell) return\n      cell.ref.current!.scrollIntoView({ inline: \"start\", block: \"nearest\" })\n    }\n  }, [initialIndex])\n\n  useEffect(() => {\n    // Not mounted\n    if (!containerRef.current) return\n\n    // No need to track progress\n    if (!onChange) return\n\n    const { current: rail } = containerRef\n\n    const handleScroll = () => {\n      const progress = percentage({\n        viewport: rail.clientWidth,\n        total: rail.scrollWidth,\n        left: rail.scrollLeft,\n      })\n\n      const page = activeIndex({ progress, length: cells.length })\n\n      setCursor(page)\n    }\n\n    rail.addEventListener(\"scroll\", handleScroll, { passive: true })\n    return () => {\n      rail.removeEventListener(\"scroll\", handleScroll)\n    }\n  }, [cells])\n\n  useEffect(() => {\n    onChange && onChange(index)\n  }, [onChange, index])\n\n  useEffect(() => {\n    onPageCountChange && onPageCountChange(cells.length)\n  }, [onPageCountChange, cells.length])\n\n  return (\n    <Container ref={containerRef as any} mx={0} my={0} {...rest}>\n      <Rail as=\"ul\">\n        {cells.map(({ child, ref }, i) => {\n          const isLast = i === cells.length - 1\n\n          return (\n            <Cell\n              as=\"li\"\n              key={i}\n              ref={ref}\n              pr={!isLast ? CELL_GAP_PADDING_AMOUNT : undefined}\n              style={{ scrollSnapAlign: snap }}\n            >\n              {child}\n            </Cell>\n          )\n        })}\n      </Rail>\n    </Container>\n  )\n}\n"],"mappings":"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"}

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

@@ -1,40 +1,41 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const Simple: () => JSX.Element;
+export declare const Simple: () => React.JSX.Element;
 export declare const WithHorizontalMargins: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const SimpleWithLeftEdgeSnapping: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const ProgressBarExample: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const ProgressDotsExample: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const CustomRailAndCells: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const DynamicItems: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
         parameters: {
@@ -45,27 +46,27 @@ export declare const DynamicItems: {
     };
 };
 export declare const SwiperWithText: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const InitialIndexOnMount: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const NavigateViaProps: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const OverwritingDefaultMargins: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
-export declare const ConditionalChildren: () => JSX.Element;
+export declare const ConditionalChildren: () => React.JSX.Element;

package/dist/elements/Tabs/Tabs.d.ts

@@ -35,7 +35,7 @@ export declare const useTabs: ({ children, initialTabIndex, onChange, }: TabsPro
     }[];
 };
 /** A tab bar navigation component */
-export declare const Tabs: React.FC<TabsProps>;
+export declare const Tabs: React.FC<React.PropsWithChildren<TabsProps>>;
 export interface TabProps {
     /** Display name of the Tab */
     name: string | JSX.Element;
@@ -49,4 +49,4 @@ export interface TabProps {
  * An individual tab.
  * Does nothing on its own; props are dealt with inside of Tabs.
  */
-export declare const Tab: React.FC<TabProps>;
+export declare const Tab: React.FC<React.PropsWithChildren<TabProps>>;

package/dist/elements/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","names":["_react","_interopRequireWildcard","require","_flattenChildren","_useUpdateEffect","_BaseTabs","_Clickable","_usePrevious","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","useTabs","_ref","children","_ref$initialTabIndex","initialTabIndex","onChange","tabs","useMemo","flattenChildren","map","child","ref","createRef","previousInitialTabIndex","usePrevious","_useState","useState","_useState2","activeTabIndex","setActiveTabIndex","activeTab","useRef","useUpdateEffect","current","useEffect","_ref$current$scrollTo","_ref$current","tab","position","offsetLeft","scrollTo","left","behavior","handleClick","useCallback","index","_tabs$index$child$pro","tabIndex","props","data","exports","Tabs","_ref2","_ref2$initialTabIndex","rest","_useTabs","createElement","Fragment","BaseTabs","Clickable","onClick","flex","BaseTab","active","variant","defaultProps","mb","Tab","_ref3"],"sources":["../../../src/elements/Tabs/Tabs.tsx"],"sourcesContent":["import React, {\n  createRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\"\nimport { flattenChildren } from \"../../helpers/flattenChildren\"\nimport { useUpdateEffect } from \"../../utils/useUpdateEffect\"\nimport { BaseTabs, BaseTabsProps } from \"../BaseTabs\"\nimport { BaseTab } from \"../BaseTabs\"\nimport { Clickable } from \"../Clickable\"\nimport { usePrevious } from \"../../utils/usePrevious\"\n\nexport interface TabLike extends JSX.Element {\n  props: TabProps\n}\n\nexport interface TabInfo extends TabProps {\n  /** Index of the newly selected Tab */\n  tabIndex: number\n  /**\n   * Arbitrary data that can be associated with a Tab.\n   * Will be passed to the parent <Tabs>'s onChange handler.\n   */\n  data: any\n}\n\nexport interface TabsProps extends BaseTabsProps {\n  /** Index of the Tab that should be pre-selected */\n  initialTabIndex?: number\n  /** @deprecated */\n  autoScroll?: boolean\n  /** Function that will be called when a new Tab is selected */\n  onChange?: (tabInfo?: TabInfo) => void\n}\n\n/** Tabs functionality */\nexport const useTabs = ({\n  children,\n  initialTabIndex = 0,\n  onChange,\n}: TabsProps) => {\n  const tabs = useMemo(\n    () =>\n      flattenChildren<TabLike>(children).map((child) => ({\n        child,\n        ref: createRef<HTMLButtonElement | null>(),\n      })),\n    [children]\n  )\n\n  const previousInitialTabIndex = usePrevious(initialTabIndex)\n  const [activeTabIndex, setActiveTabIndex] = useState<number>(initialTabIndex)\n\n  // Wraps active tab in a ref to prevent re-rendering.\n  // This means that we need to update the active tab before the index state change\n  // to catch the re-render.\n  const activeTab = useRef(tabs[activeTabIndex])\n\n  // If the `initialTabIndex` changes; update the active one\n  useUpdateEffect(() => {\n    // Only update if the `initialTabIndex` has changed externally\n    if (initialTabIndex === previousInitialTabIndex) return\n    activeTab.current = tabs[initialTabIndex]\n    setActiveTabIndex(initialTabIndex)\n  }, [initialTabIndex, tabs])\n\n  // Ref of the tabs viewport\n  const ref = useRef<HTMLDivElement | null>(null)\n\n  // Scroll to active tab when `activeTabIndex` changes\n  useEffect(() => {\n    if (!ref.current) return\n    const tab = activeTab.current.ref.current\n    if (!tab) return\n    const position = tab.offsetLeft\n    ref.current.scrollTo?.({ left: position, behavior: \"smooth\" })\n  }, [activeTabIndex])\n\n  const handleClick = useCallback(\n    (index: number) => {\n      return () => {\n        if (index === activeTabIndex) return\n\n        activeTab.current = tabs[index]\n        setActiveTabIndex(index)\n\n        if (!onChange) return\n\n        onChange({\n          tabIndex: index,\n          name: tabs[index].child.props.name,\n          data: tabs[index].child.props.data ?? {},\n        })\n      }\n    },\n    [activeTabIndex, onChange, tabs]\n  )\n\n  return {\n    activeTab,\n    activeTabIndex,\n    handleClick,\n    ref,\n    tabs,\n  }\n}\n\n/** A tab bar navigation component */\nexport const Tabs: React.FC<TabsProps> = ({\n  children,\n  initialTabIndex = 0,\n  onChange,\n  ...rest\n}) => {\n  const { tabs, activeTab, activeTabIndex, handleClick, ref } = useTabs({\n    children,\n    initialTabIndex,\n    onChange,\n  })\n\n  return (\n    <>\n      <BaseTabs ref={ref} {...rest}>\n        {tabs.map((tab, i) => {\n          return (\n            <Clickable\n              key={i}\n              ref={tab.ref as any}\n              aria-selected={i === activeTabIndex}\n              onClick={handleClick(i)}\n              flex={1}\n            >\n              <BaseTab active={i === activeTabIndex} variant=\"sm\">\n                <span>{tab.child.props.name}</span>\n              </BaseTab>\n            </Clickable>\n          )\n        })}\n      </BaseTabs>\n\n      {activeTab.current.child}\n    </>\n  )\n}\n\nTabs.defaultProps = {\n  mb: 2,\n}\n\nexport interface TabProps {\n  /** Display name of the Tab */\n  name: string | JSX.Element\n  /**\n   * Arbitrary data that can be associated with a Tab.\n   * Will be passed to the parent <Tabs>'s onChange handler.\n   */\n  data?: any\n}\n\n/**\n * An individual tab.\n * Does nothing on its own; props are dealt with inside of Tabs.\n */\nexport const Tab: React.FC<TabProps> = ({ children }) => <>{children}</>\n"],"mappings":"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"}
+{"version":3,"file":"Tabs.js","names":["_react","_interopRequireWildcard","require","_flattenChildren","_useUpdateEffect","_BaseTabs","_Clickable","_usePrevious","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","useTabs","_ref","children","_ref$initialTabIndex","initialTabIndex","onChange","tabs","useMemo","flattenChildren","map","child","ref","createRef","previousInitialTabIndex","usePrevious","_useState","useState","_useState2","activeTabIndex","setActiveTabIndex","activeTab","useRef","useUpdateEffect","current","useEffect","_ref$current$scrollTo","_ref$current","tab","position","offsetLeft","scrollTo","left","behavior","handleClick","useCallback","index","_tabs$index$child$pro","tabIndex","props","data","exports","Tabs","_ref2","_ref2$initialTabIndex","rest","_useTabs","createElement","Fragment","BaseTabs","Clickable","onClick","flex","BaseTab","active","variant","defaultProps","mb","Tab","_ref3"],"sources":["../../../src/elements/Tabs/Tabs.tsx"],"sourcesContent":["import React, {\n  createRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\"\nimport { flattenChildren } from \"../../helpers/flattenChildren\"\nimport { useUpdateEffect } from \"../../utils/useUpdateEffect\"\nimport { BaseTabs, BaseTabsProps } from \"../BaseTabs\"\nimport { BaseTab } from \"../BaseTabs\"\nimport { Clickable } from \"../Clickable\"\nimport { usePrevious } from \"../../utils/usePrevious\"\n\nexport interface TabLike extends JSX.Element {\n  props: TabProps\n}\n\nexport interface TabInfo extends TabProps {\n  /** Index of the newly selected Tab */\n  tabIndex: number\n  /**\n   * Arbitrary data that can be associated with a Tab.\n   * Will be passed to the parent <Tabs>'s onChange handler.\n   */\n  data: any\n}\n\nexport interface TabsProps extends BaseTabsProps {\n  /** Index of the Tab that should be pre-selected */\n  initialTabIndex?: number\n  /** @deprecated */\n  autoScroll?: boolean\n  /** Function that will be called when a new Tab is selected */\n  onChange?: (tabInfo?: TabInfo) => void\n}\n\n/** Tabs functionality */\nexport const useTabs = ({\n  children,\n  initialTabIndex = 0,\n  onChange,\n}: TabsProps) => {\n  const tabs = useMemo(\n    () =>\n      flattenChildren<TabLike>(children).map((child) => ({\n        child,\n        ref: createRef<HTMLButtonElement | null>(),\n      })),\n    [children]\n  )\n\n  const previousInitialTabIndex = usePrevious(initialTabIndex)\n  const [activeTabIndex, setActiveTabIndex] = useState<number>(initialTabIndex)\n\n  // Wraps active tab in a ref to prevent re-rendering.\n  // This means that we need to update the active tab before the index state change\n  // to catch the re-render.\n  const activeTab = useRef(tabs[activeTabIndex])\n\n  // If the `initialTabIndex` changes; update the active one\n  useUpdateEffect(() => {\n    // Only update if the `initialTabIndex` has changed externally\n    if (initialTabIndex === previousInitialTabIndex) return\n    activeTab.current = tabs[initialTabIndex]\n    setActiveTabIndex(initialTabIndex)\n  }, [initialTabIndex, tabs])\n\n  // Ref of the tabs viewport\n  const ref = useRef<HTMLDivElement | null>(null)\n\n  // Scroll to active tab when `activeTabIndex` changes\n  useEffect(() => {\n    if (!ref.current) return\n    const tab = activeTab.current.ref.current\n    if (!tab) return\n    const position = tab.offsetLeft\n    ref.current.scrollTo?.({ left: position, behavior: \"smooth\" })\n  }, [activeTabIndex])\n\n  const handleClick = useCallback(\n    (index: number) => {\n      return () => {\n        if (index === activeTabIndex) return\n\n        activeTab.current = tabs[index]\n        setActiveTabIndex(index)\n\n        if (!onChange) return\n\n        onChange({\n          tabIndex: index,\n          name: tabs[index].child.props.name,\n          data: tabs[index].child.props.data ?? {},\n        })\n      }\n    },\n    [activeTabIndex, onChange, tabs]\n  )\n\n  return {\n    activeTab,\n    activeTabIndex,\n    handleClick,\n    ref,\n    tabs,\n  }\n}\n\n/** A tab bar navigation component */\nexport const Tabs: React.FC<React.PropsWithChildren<TabsProps>> = ({\n  children,\n  initialTabIndex = 0,\n  onChange,\n  ...rest\n}) => {\n  const { tabs, activeTab, activeTabIndex, handleClick, ref } = useTabs({\n    children,\n    initialTabIndex,\n    onChange,\n  })\n\n  return (\n    <>\n      <BaseTabs ref={ref} {...rest}>\n        {tabs.map((tab, i) => {\n          return (\n            <Clickable\n              key={i}\n              ref={tab.ref as any}\n              aria-selected={i === activeTabIndex}\n              onClick={handleClick(i)}\n              flex={1}\n            >\n              <BaseTab active={i === activeTabIndex} variant=\"sm\">\n                <span>{tab.child.props.name}</span>\n              </BaseTab>\n            </Clickable>\n          )\n        })}\n      </BaseTabs>\n\n      {activeTab.current.child}\n    </>\n  )\n}\n\nTabs.defaultProps = {\n  mb: 2,\n}\n\nexport interface TabProps {\n  /** Display name of the Tab */\n  name: string | JSX.Element\n  /**\n   * Arbitrary data that can be associated with a Tab.\n   * Will be passed to the parent <Tabs>'s onChange handler.\n   */\n  data?: any\n}\n\n/**\n * An individual tab.\n * Does nothing on its own; props are dealt with inside of Tabs.\n */\nexport const Tab: React.FC<React.PropsWithChildren<TabProps>> = ({ children }) => <>{children}</>\n"],"mappings":"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"}

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

@@ -1,13 +1,14 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const Default: () => JSX.Element;
-export declare const WithData: () => JSX.Element;
-export declare const Counts: () => JSX.Element;
-export declare const ConditionalTabs: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;
+export declare const WithData: () => React.JSX.Element;
+export declare const Counts: () => React.JSX.Element;
+export declare const ConditionalTabs: () => React.JSX.Element;
 export declare const AutoScrolling: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         parameters: {
             chromatic: {
@@ -17,7 +18,7 @@ export declare const AutoScrolling: {
     };
 };
 export declare const InitialAutoScroll: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         parameters: {
             chromatic: {
@@ -26,4 +27,4 @@ export declare const InitialAutoScroll: {
         };
     };
 };
-export declare const Cached: () => JSX.Element;
+export declare const Cached: () => React.JSX.Element;

package/dist/elements/Text/Text.d.ts

@@ -38,6 +38,6 @@ export declare type TextProps = BaseTextProps & BoxProps & {
     lineClamp?: ResponsiveValue<number>;
 };
 /** Text */
-export declare const Text: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BoxProps> & BoxProps, keyof BoxProps | "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+export declare const Text: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BoxProps> & BoxProps, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, TextProps>> & string;

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

@@ -1,8 +1,9 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const Variants: () => JSX.Element;
-export declare const As: () => JSX.Element;
-export declare const Truncation: () => JSX.Element;
-export declare const Caps: () => JSX.Element;
+export declare const Variants: () => React.JSX.Element;
+export declare const As: () => React.JSX.Element;
+export declare const Truncation: () => React.JSX.Element;
+export declare const Caps: () => React.JSX.Element;