@artsy/palette 45.14.0-canary.1497.33070.0 → 45.14.0-canary.1497.33075.0

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

@@ -1 +1 @@
-{"version":3,"file":"Carousel.story.js","names":["fn","React","useEffect","useState","Box","Clickable","Text","Carousel","CarouselCell","CarouselNext","CarouselPrevious","CarouselProps","CarouselRail","STORYBOOK_PROPS_BLOCKLIST","LOREM","Demo","_ref","_ref$widths","widths","Array","from","map","_","_ref$heights","heights","rest","_objectWithoutProperties","_excluded","createElement","mx","my","_extends","onChange","width","i","key","height","length","bg","border","borderColor","p","textAlign","variant","displayName","title","component","tags","parameters","docs","description","controls","exclude","Simple","render","Multiple","Fragment","SinglePage","SingleOverflowingItem","story","MultipleOverflowingItems","TwoishPages","ManyPages","VaryingWidths","VaryingHeights","DynamicItems","_useState","_useState2","_slicedToArray","setWidths","interval","setInterval","prevWidths","concat","_toConsumableArray","clearInterval","chromatic","disable","CustomArrows","Previous","props","style","transform","color","opacity","zIndex","Next","CustomRailAndCells","Cell","forwardRef","ref","display","pr","Rail","transition","CarouselWithText","InitialIndexOnMount","initialIndex","NavigateViaProps","_useState3","_useState4","resetIndex","justifyContent","onClick","ConditionalChildren","PaginationByCell","paginateBy","PaginationByCellWithVaryingWidths"],"sources":["../../../../src/elements/Carousel/Carousel.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\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 \"./\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\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={fn()} {...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 {\n  title: \"Components/Carousel\",\n  component: Carousel,\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"A carousel component for displaying a horizontally scrollable collection of items with navigation controls. Supports variable widths, heights, and custom styling.\",\n      },\n      controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n    },\n  },\n}\n\nexport const Simple = {\n  render: () => <Demo />,\n}\n\nexport const Multiple = {\n  render: () => (\n    <>\n      <Demo />\n      <Demo />\n      <Demo />\n    </>\n  ),\n}\n\nexport const SinglePage = {\n  render: () => {\n    const widths = [250, 250]\n    return <Demo widths={widths} />\n  },\n}\n\nexport const SingleOverflowingItem = {\n  render: () => {\n    const widths = [2000]\n    return <Demo widths={widths} />\n  },\n  parameters: {\n    docs: {\n      description: {\n        story:\n          \"Carousel with a single item that overflows the container width.\",\n      },\n    },\n  },\n}\n\nexport const MultipleOverflowingItems = {\n  render: () => {\n    const widths = [100, 2000, 1000, 100, 1000]\n    return <Demo widths={widths} />\n  },\n  parameters: {\n    docs: {\n      description: {\n        story:\n          \"Carousel with multiple items of varying widths, some overflowing.\",\n      },\n    },\n  },\n}\n\nexport const TwoishPages = {\n  render: () => {\n    const widths = Array.from(Array(5)).map((_) => 250)\n    return <Demo widths={widths} />\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Carousel spanning approximately two pages with 5 items.\",\n      },\n    },\n  },\n}\n\nexport const ManyPages = {\n  render: () => {\n    const widths = Array.from(Array(100)).map((_) => 250)\n    return <Demo widths={widths} />\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Carousel with many items spanning multiple pages (100 items).\",\n      },\n    },\n  },\n}\n\nexport const VaryingWidths = {\n  render: () => {\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  parameters: {\n    docs: {\n      description: {\n        story:\n          \"Carousel with items of varying widths to demonstrate layout flexibility.\",\n      },\n    },\n  },\n}\n\nexport const VaryingHeights = {\n  render: () => {\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  parameters: {\n    docs: {\n      description: {\n        story: \"Carousel with items of varying widths and heights.\",\n      },\n    },\n  },\n}\n\nexport const DynamicItems = {\n  render: () => {\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  parameters: {\n    chromatic: { disable: true },\n    docs: {\n      description: {\n        story:\n          \"Carousel that dynamically adds items every 500ms to test layout updates.\",\n      },\n    },\n  },\n}\n\nexport const CustomArrows = {\n  render: () => {\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  parameters: {\n    docs: {\n      description: {\n        story: \"Carousel with custom styled navigation arrows.\",\n      },\n    },\n  },\n}\n\nexport const CustomRailAndCells = {\n  render: () => {\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  parameters: {\n    docs: {\n      description: {\n        story:\n          \"Carousel with custom rail and cell components for advanced layouts.\",\n      },\n    },\n  },\n}\n\nexport const CarouselWithText = {\n  render: () => {\n    return (\n      <Box mx={[2, 4]} my={2}>\n        <Carousel>\n          <Text bg=\"mono10\" p={1} width={300}>\n            {LOREM}\n          </Text>\n          <Text bg=\"mono10\" p={1} width={300}>\n            {LOREM}\n          </Text>\n          <Text bg=\"mono10\" p={1} width={300}>\n            {LOREM}\n          </Text>\n          <Text bg=\"mono10\" p={1} width={300}>\n            {LOREM}\n          </Text>\n          <Text bg=\"mono10\" p={1} width={300}>\n            {LOREM}\n          </Text>\n          <Text bg=\"mono10\" p={1} width={300}>\n            {LOREM}\n          </Text>\n        </Carousel>\n      </Box>\n    )\n  },\n  parameters: {\n    docs: {\n      description: {\n        story:\n          \"Carousel containing text content blocks instead of other components.\",\n      },\n    },\n  },\n}\n\nexport const InitialIndexOnMount = {\n  render: () => {\n    return <Demo initialIndex={3} />\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Carousel that starts at a specific index (3) on mount.\",\n      },\n    },\n  },\n}\n\nexport const NavigateViaProps = {\n  render: () => {\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)}>\n            Navigate to page 1\n          </Clickable>\n          <Clickable onClick={() => resetIndex(1)}>\n            Navigate to page 2\n          </Clickable>\n          <Clickable onClick={() => resetIndex(2)}>\n            Navigate to page 3\n          </Clickable>\n          <Clickable onClick={() => resetIndex(3)}>\n            Navigate to page 4\n          </Clickable>\n          <Clickable onClick={() => resetIndex(4)}>\n            Navigate to page 5\n          </Clickable>\n        </Box>\n      </Box>\n    )\n  },\n  parameters: {\n    docs: {\n      description: {\n        story:\n          \"Carousel with external navigation controls to jump to specific pages.\",\n      },\n    },\n  },\n}\n\nexport const ConditionalChildren = {\n  render: () => {\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          <Box bg=\"mono10\" width={300} height={300} p={2}>\n            <Text variant=\"xs\">2</Text>\n          </Box>\n          {false && (\n            <Box bg=\"mono10\" width={300} height={300} p={2}>\n              <Text variant=\"xs\">3</Text>\n            </Box>\n          )}\n          {true && (\n            <Box bg=\"mono10\" width={300} height={300} p={2}>\n              <Text variant=\"xs\">4</Text>\n            </Box>\n          )}\n          <Box bg=\"mono10\" width={300} height={300} p={2}>\n            <Text variant=\"xs\">5</Text>\n          </Box>\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  parameters: {\n    docs: {\n      description: {\n        story:\n          \"Carousel with conditionally rendered children to test dynamic content.\",\n      },\n    },\n  },\n}\n\nexport const PaginationByCell = {\n  render: () => {\n    return <Demo paginateBy=\"cell\" />\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Carousel with cell-based pagination instead of page-based.\",\n      },\n    },\n  },\n}\n\nexport const PaginationByCellWithVaryingWidths = {\n  render: () => {\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  parameters: {\n    docs: {\n      description: {\n        story: \"Cell-based pagination with items of varying widths.\",\n      },\n    },\n  },\n}\n"],"mappings":"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"}
+{"version":3,"file":"Carousel.story.js","names":["fn","React","useEffect","useState","Box","Clickable","Text","Carousel","CarouselCell","CarouselNext","CarouselPrevious","CarouselRail","STORYBOOK_PROPS_BLOCKLIST","LOREM","Demo","_ref","_ref$widths","widths","Array","from","map","_","_ref$heights","heights","rest","_objectWithoutProperties","_excluded","createElement","mx","my","_extends","onChange","width","i","key","height","length","bg","border","borderColor","p","textAlign","variant","displayName","title","component","tags","parameters","docs","description","controls","exclude","Simple","render","Multiple","Fragment","SinglePage","SingleOverflowingItem","story","MultipleOverflowingItems","TwoishPages","ManyPages","VaryingWidths","VaryingHeights","DynamicItems","_useState","_useState2","_slicedToArray","setWidths","interval","setInterval","prevWidths","concat","_toConsumableArray","clearInterval","chromatic","disable","CustomArrows","Previous","props","style","transform","color","opacity","zIndex","Next","CustomRailAndCells","Cell","forwardRef","ref","display","pr","Rail","transition","CarouselWithText","InitialIndexOnMount","initialIndex","NavigateViaProps","_useState3","_useState4","resetIndex","justifyContent","onClick","ConditionalChildren","PaginationByCell","paginateBy","PaginationByCellWithVaryingWidths"],"sources":["../../../../src/elements/Carousel/Carousel.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\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 \"./\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\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={fn()} {...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 {\n  title: \"Components/Carousel\",\n  component: Carousel,\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"A carousel component for displaying a horizontally scrollable collection of items with navigation controls. Supports variable widths, heights, and custom styling.\",\n      },\n      controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n    },\n  },\n}\n\nexport const Simple = {\n  render: () => <Demo />,\n}\n\nexport const Multiple = {\n  render: () => (\n    <>\n      <Demo />\n      <Demo />\n      <Demo />\n    </>\n  ),\n}\n\nexport const SinglePage = {\n  render: () => {\n    const widths = [250, 250]\n    return <Demo widths={widths} />\n  },\n}\n\nexport const SingleOverflowingItem = {\n  render: () => {\n    const widths = [2000]\n    return <Demo widths={widths} />\n  },\n  parameters: {\n    docs: {\n      description: {\n        story:\n          \"Carousel with a single item that overflows the container width.\",\n      },\n    },\n  },\n}\n\nexport const MultipleOverflowingItems = {\n  render: () => {\n    const widths = [100, 2000, 1000, 100, 1000]\n    return <Demo widths={widths} />\n  },\n  parameters: {\n    docs: {\n      description: {\n        story:\n          \"Carousel with multiple items of varying widths, some overflowing.\",\n      },\n    },\n  },\n}\n\nexport const TwoishPages = {\n  render: () => {\n    const widths = Array.from(Array(5)).map((_) => 250)\n    return <Demo widths={widths} />\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Carousel spanning approximately two pages with 5 items.\",\n      },\n    },\n  },\n}\n\nexport const ManyPages = {\n  render: () => {\n    const widths = Array.from(Array(100)).map((_) => 250)\n    return <Demo widths={widths} />\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Carousel with many items spanning multiple pages (100 items).\",\n      },\n    },\n  },\n}\n\nexport const VaryingWidths = {\n  render: () => {\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  parameters: {\n    docs: {\n      description: {\n        story:\n          \"Carousel with items of varying widths to demonstrate layout flexibility.\",\n      },\n    },\n  },\n}\n\nexport const VaryingHeights = {\n  render: () => {\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  parameters: {\n    docs: {\n      description: {\n        story: \"Carousel with items of varying widths and heights.\",\n      },\n    },\n  },\n}\n\nexport const DynamicItems = {\n  render: () => {\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  parameters: {\n    chromatic: { disable: true },\n    docs: {\n      description: {\n        story:\n          \"Carousel that dynamically adds items every 500ms to test layout updates.\",\n      },\n    },\n  },\n}\n\nexport const CustomArrows = {\n  render: () => {\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  parameters: {\n    docs: {\n      description: {\n        story: \"Carousel with custom styled navigation arrows.\",\n      },\n    },\n  },\n}\n\nexport const CustomRailAndCells = {\n  render: () => {\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  parameters: {\n    docs: {\n      description: {\n        story:\n          \"Carousel with custom rail and cell components for advanced layouts.\",\n      },\n    },\n  },\n}\n\nexport const CarouselWithText = {\n  render: () => {\n    return (\n      <Box mx={[2, 4]} my={2}>\n        <Carousel>\n          <Text bg=\"mono10\" p={1} width={300}>\n            {LOREM}\n          </Text>\n          <Text bg=\"mono10\" p={1} width={300}>\n            {LOREM}\n          </Text>\n          <Text bg=\"mono10\" p={1} width={300}>\n            {LOREM}\n          </Text>\n          <Text bg=\"mono10\" p={1} width={300}>\n            {LOREM}\n          </Text>\n          <Text bg=\"mono10\" p={1} width={300}>\n            {LOREM}\n          </Text>\n          <Text bg=\"mono10\" p={1} width={300}>\n            {LOREM}\n          </Text>\n        </Carousel>\n      </Box>\n    )\n  },\n  parameters: {\n    docs: {\n      description: {\n        story:\n          \"Carousel containing text content blocks instead of other components.\",\n      },\n    },\n  },\n}\n\nexport const InitialIndexOnMount = {\n  render: () => {\n    return <Demo initialIndex={3} />\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Carousel that starts at a specific index (3) on mount.\",\n      },\n    },\n  },\n}\n\nexport const NavigateViaProps = {\n  render: () => {\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)}>\n            Navigate to page 1\n          </Clickable>\n          <Clickable onClick={() => resetIndex(1)}>\n            Navigate to page 2\n          </Clickable>\n          <Clickable onClick={() => resetIndex(2)}>\n            Navigate to page 3\n          </Clickable>\n          <Clickable onClick={() => resetIndex(3)}>\n            Navigate to page 4\n          </Clickable>\n          <Clickable onClick={() => resetIndex(4)}>\n            Navigate to page 5\n          </Clickable>\n        </Box>\n      </Box>\n    )\n  },\n  parameters: {\n    docs: {\n      description: {\n        story:\n          \"Carousel with external navigation controls to jump to specific pages.\",\n      },\n    },\n  },\n}\n\nexport const ConditionalChildren = {\n  render: () => {\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          <Box bg=\"mono10\" width={300} height={300} p={2}>\n            <Text variant=\"xs\">2</Text>\n          </Box>\n          {false && (\n            <Box bg=\"mono10\" width={300} height={300} p={2}>\n              <Text variant=\"xs\">3</Text>\n            </Box>\n          )}\n          {true && (\n            <Box bg=\"mono10\" width={300} height={300} p={2}>\n              <Text variant=\"xs\">4</Text>\n            </Box>\n          )}\n          <Box bg=\"mono10\" width={300} height={300} p={2}>\n            <Text variant=\"xs\">5</Text>\n          </Box>\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  parameters: {\n    docs: {\n      description: {\n        story:\n          \"Carousel with conditionally rendered children to test dynamic content.\",\n      },\n    },\n  },\n}\n\nexport const PaginationByCell = {\n  render: () => {\n    return <Demo paginateBy=\"cell\" />\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Carousel with cell-based pagination instead of page-based.\",\n      },\n    },\n  },\n}\n\nexport const PaginationByCellWithVaryingWidths = {\n  render: () => {\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  parameters: {\n    docs: {\n      description: {\n        story: \"Cell-based pagination with items of varying widths.\",\n      },\n    },\n  },\n}\n"],"mappings":"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"}

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

@@ -1,7 +1,6 @@
 import styled from "styled-components";
 import { space } from "../../helpers";
-import { SpacingUnit } from "../../Theme";
-import { Clickable, ClickableProps } from "../Clickable";
+import { Clickable } from "../Clickable";
 import { themeGet } from "@styled-system/theme-get";
 var ARROW_WIDTH = [2, 4];
 var ARROW_TRANSITION_MS = 250;

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

@@ -1 +1 @@
-{"version":3,"file":"CarouselNavigation.js","names":["styled","space","SpacingUnit","Clickable","ClickableProps","themeGet","ARROW_WIDTH","ARROW_TRANSITION_MS","Arrow","withConfig","displayName","componentId","defaultProps","width","map","value","height","color","CarouselNext","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,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,KAAK;AACd,SAASC,WAAW;AACpB,SAASC,SAAS,EAAEC,cAAc;AAClC,SAASC,QAAQ,QAAQ,0BAA0B;AAEnD,IAAMC,WAA0B,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;AACzC,IAAMC,mBAAmB,GAAG,GAAG;;AAE/B;;AAGA,IAAMC,KAAK,GAAGR,MAAM,CAACG,SAAS,CAAC,CAAAM,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mQAQPJ,mBAAmB,EAAaA,mBAAmB,EAS9DF,QAAQ,CAAC,gBAAgB,CAAC,CAOtC;;AAED;AACA;AACA;AACAG,KAAK,CAACI,YAAY,GAAG;EACnBC,KAAK,EAAEP,WAAW,CAACQ,GAAG,CAAC,UAACC,KAAK;IAAA,OAAKd,KAAK,CAACc,KAAK,CAAC;EAAA,EAAC;EAC/CC,MAAM,EAAE,MAAM;EACdC,KAAK,EAAE;AACT,CAAC;;AAED;AACA;AACA;AACA,OAAO,IAAMC,YAAY,GAAGlB,MAAM,CAACQ,KAAK,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2CAGxC;;AAED;AACA;AACA;AACA,OAAO,IAAMQ,gBAAgB,GAAGnB,MAAM,CAACQ,KAAK,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2CAG5C"}
+{"version":3,"file":"CarouselNavigation.js","names":["styled","space","Clickable","themeGet","ARROW_WIDTH","ARROW_TRANSITION_MS","Arrow","withConfig","displayName","componentId","defaultProps","width","map","value","height","color","CarouselNext","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,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,KAAK;AAEd,SAASC,SAAS;AAClB,SAASC,QAAQ,QAAQ,0BAA0B;AAEnD,IAAMC,WAA0B,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;AACzC,IAAMC,mBAAmB,GAAG,GAAG;;AAE/B;;AAGA,IAAMC,KAAK,GAAGN,MAAM,CAACE,SAAS,CAAC,CAAAK,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mQAQPJ,mBAAmB,EAAaA,mBAAmB,EAS9DF,QAAQ,CAAC,gBAAgB,CAAC,CAOtC;;AAED;AACA;AACA;AACAG,KAAK,CAACI,YAAY,GAAG;EACnBC,KAAK,EAAEP,WAAW,CAACQ,GAAG,CAAC,UAACC,KAAK;IAAA,OAAKZ,KAAK,CAACY,KAAK,CAAC;EAAA,EAAC;EAC/CC,MAAM,EAAE,MAAM;EACdC,KAAK,EAAE;AACT,CAAC;;AAED;AACA;AACA;AACA,OAAO,IAAMC,YAAY,GAAGhB,MAAM,CAACM,KAAK,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2CAGxC;;AAED;AACA;AACA;AACA,OAAO,IAAMQ,gBAAgB,GAAGjB,MAAM,CAACM,KAAK,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2CAG5C"}

package/dist/esm/elements/CarouselBar/CarouselBar.js

@@ -1,6 +1,6 @@
 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); }
 import React from "react";
-import { ProgressBar, ProgressBarProps } from "../ProgressBar";
+import { ProgressBar } from "../ProgressBar";
 export var CarouselBar = function CarouselBar(props) {
   return /*#__PURE__*/React.createElement(ProgressBar, _extends({
     height: "1px",

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

@@ -1 +1 @@
-{"version":3,"file":"CarouselBar.js","names":["React","ProgressBar","ProgressBarProps","CarouselBar","props","createElement","_extends","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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,EAAEC,gBAAgB;AAItC,OAAO,IAAMC,WAEZ,GAAG,SAFSA,WAEZA,CAAIC,KAAK,EAAK;EACb,oBACEJ,KAAA,CAAAK,aAAA,CAACJ,WAAW,EAAAK,QAAA;IACVC,MAAM,EAAC,KAAK;IACZC,SAAS,EAAC,SAAS;IACnBC,EAAE,EAAE,CAAE;IACNC,EAAE,EAAE,CAAE;IACNC,UAAU,EAAC;EAAiB,GACxBP,KAAK,EACT;AAEN,CAAC;AAbYD,WAEZ,CAAAS,WAAA"}
+{"version":3,"file":"CarouselBar.js","names":["React","ProgressBar","CarouselBar","props","createElement","_extends","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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW;AAIpB,OAAO,IAAMC,WAEZ,GAAG,SAFSA,WAEZA,CAAIC,KAAK,EAAK;EACb,oBACEH,KAAA,CAAAI,aAAA,CAACH,WAAW,EAAAI,QAAA;IACVC,MAAM,EAAC,KAAK;IACZC,SAAS,EAAC,SAAS;IACnBC,EAAE,EAAE,CAAE;IACNC,EAAE,EAAE,CAAE;IACNC,UAAU,EAAC;EAAiB,GACxBP,KAAK,EACT;AAEN,CAAC;AAbYD,WAEZ,CAAAS,WAAA"}

package/dist/esm/elements/Checkbox/Checkbox.js

@@ -5,7 +5,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import React from "react";
 import styled, { css } from "styled-components";
 import { isText } from "../../helpers/isText";
-import { Box, BoxProps } from "../Box";
+import { Box } from "../Box";
 import { Flex } from "../Flex";
 import { Text } from "../Text";
 import { Check } from "./Check";

package/dist/esm/elements/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","names":["React","styled","css","isText","Box","BoxProps","Flex","Text","Check","CHECK_STATES","CHECKBOX_STATES","Checkbox","_ref","_ref$selected","selected","children","error","disabled","hover","focus","onSelect","onClick","rest","_objectWithoutProperties","_excluded","isSelectable","undefined","handleClick","event","handleKeyPress","key","preventDefault","createElement","Container","_extends","display","alignItems","tabIndex","onKeyPress","role","flex","variant","lineHeight","displayName","withConfig","componentId","props","default","resting"],"sources":["../../../../src/elements/Checkbox/Checkbox.tsx"],"sourcesContent":["import React from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { isText } from \"../../helpers/isText\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Flex } from \"../Flex\"\nimport { Text } from \"../Text\"\nimport { Check } from \"./Check\"\nimport { CHECK_STATES, CHECKBOX_STATES } from \"./tokens\"\n\nexport interface CheckboxProps\n  extends BoxProps,\n    Omit<React.HTMLAttributes<HTMLDivElement>, \"onSelect\"> {\n  /** Disable checkbox interactions */\n  disabled?: boolean\n  /** Select the checkbox on render */\n  selected?: boolean\n  /** Show an error indicator */\n  error?: boolean\n  /** Used to force the checkbox into the visual hover state */\n  hover?: boolean\n  /** Forces focus state */\n  focus?: boolean\n  /** Callback when selected */\n  onSelect?: (selected: boolean) => void\n}\n\n/** A checkbox */\nexport const Checkbox: React.FC<React.PropsWithChildren<CheckboxProps>> = ({\n  selected = false,\n  children,\n  error,\n  disabled,\n  hover,\n  focus,\n  onSelect,\n  onClick,\n  ...rest\n}) => {\n  const isSelectable = !disabled && onSelect !== undefined\n\n  const handleClick = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n    if (isSelectable && onSelect) {\n      onSelect(!selected)\n    }\n\n    if (onClick !== undefined) {\n      onClick(event)\n    }\n  }\n\n  const handleKeyPress = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === \" \" && isSelectable && onSelect) {\n      event.preventDefault()\n      onSelect(!selected)\n    }\n  }\n\n  return (\n    <Container\n      display=\"flex\"\n      alignItems=\"center\"\n      onClick={handleClick}\n      tabIndex={disabled ? -1 : 0}\n      onKeyPress={handleKeyPress}\n      role=\"checkbox\"\n      aria-checked={selected}\n      selected={selected}\n      hover={hover}\n      focus={focus}\n      disabled={disabled}\n      error={error}\n      {...rest}\n    >\n      <Check\n        selected={selected}\n        error={error}\n        disabled={disabled}\n        focus={focus}\n        hover={hover}\n      />\n\n      <Flex alignItems=\"center\" flex={1}>\n        {isText(children) ? (\n          <Text variant=\"sm-display\" lineHeight={1}>\n            {children}\n          </Text>\n        ) : (\n          children\n        )}\n      </Flex>\n    </Container>\n  )\n}\n\nconst Container = styled(Box)<{\n  selected: boolean\n  hover?: boolean\n  focus?: boolean\n  disabled?: boolean\n  error?: boolean\n}>`\n  user-select: none;\n\n  ${(props) => {\n    return css`\n      ${props.selected ? CHECKBOX_STATES.selected : CHECKBOX_STATES.default}\n      ${props.focus && CHECKBOX_STATES.focus}\n      ${props.hover && CHECKBOX_STATES.hover}\n      ${props.disabled && CHECKBOX_STATES.disabled}\n      ${props.error && CHECKBOX_STATES.error}\n\n      &:hover {\n        ${!props.error &&\n        css`\n          ${CHECKBOX_STATES.hover}\n\n          // Check\n          > div:first-of-type {\n            ${props.selected\n              ? CHECK_STATES.hover.selected\n              : CHECK_STATES.hover.resting}\n          }\n        `}\n      }\n\n      &:focus-visible {\n        ${CHECKBOX_STATES.focus}\n\n        // Check\n         > div:first-of-type {\n          ${props.selected\n            ? CHECK_STATES.focus.selected\n            : CHECK_STATES.focus.resting}\n        }\n      }\n\n      &:disabled {\n        ${CHECKBOX_STATES.disabled}\n      }\n    `\n  }}\n`\n"],"mappings":"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"}
+{"version":3,"file":"Checkbox.js","names":["React","styled","css","isText","Box","Flex","Text","Check","CHECK_STATES","CHECKBOX_STATES","Checkbox","_ref","_ref$selected","selected","children","error","disabled","hover","focus","onSelect","onClick","rest","_objectWithoutProperties","_excluded","isSelectable","undefined","handleClick","event","handleKeyPress","key","preventDefault","createElement","Container","_extends","display","alignItems","tabIndex","onKeyPress","role","flex","variant","lineHeight","displayName","withConfig","componentId","props","default","resting"],"sources":["../../../../src/elements/Checkbox/Checkbox.tsx"],"sourcesContent":["import React from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { isText } from \"../../helpers/isText\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Flex } from \"../Flex\"\nimport { Text } from \"../Text\"\nimport { Check } from \"./Check\"\nimport { CHECK_STATES, CHECKBOX_STATES } from \"./tokens\"\n\nexport interface CheckboxProps\n  extends BoxProps,\n    Omit<React.HTMLAttributes<HTMLDivElement>, \"onSelect\"> {\n  /** Disable checkbox interactions */\n  disabled?: boolean\n  /** Select the checkbox on render */\n  selected?: boolean\n  /** Show an error indicator */\n  error?: boolean\n  /** Used to force the checkbox into the visual hover state */\n  hover?: boolean\n  /** Forces focus state */\n  focus?: boolean\n  /** Callback when selected */\n  onSelect?: (selected: boolean) => void\n}\n\n/** A checkbox */\nexport const Checkbox: React.FC<React.PropsWithChildren<CheckboxProps>> = ({\n  selected = false,\n  children,\n  error,\n  disabled,\n  hover,\n  focus,\n  onSelect,\n  onClick,\n  ...rest\n}) => {\n  const isSelectable = !disabled && onSelect !== undefined\n\n  const handleClick = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n    if (isSelectable && onSelect) {\n      onSelect(!selected)\n    }\n\n    if (onClick !== undefined) {\n      onClick(event)\n    }\n  }\n\n  const handleKeyPress = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === \" \" && isSelectable && onSelect) {\n      event.preventDefault()\n      onSelect(!selected)\n    }\n  }\n\n  return (\n    <Container\n      display=\"flex\"\n      alignItems=\"center\"\n      onClick={handleClick}\n      tabIndex={disabled ? -1 : 0}\n      onKeyPress={handleKeyPress}\n      role=\"checkbox\"\n      aria-checked={selected}\n      selected={selected}\n      hover={hover}\n      focus={focus}\n      disabled={disabled}\n      error={error}\n      {...rest}\n    >\n      <Check\n        selected={selected}\n        error={error}\n        disabled={disabled}\n        focus={focus}\n        hover={hover}\n      />\n\n      <Flex alignItems=\"center\" flex={1}>\n        {isText(children) ? (\n          <Text variant=\"sm-display\" lineHeight={1}>\n            {children}\n          </Text>\n        ) : (\n          children\n        )}\n      </Flex>\n    </Container>\n  )\n}\n\nconst Container = styled(Box)<{\n  selected: boolean\n  hover?: boolean\n  focus?: boolean\n  disabled?: boolean\n  error?: boolean\n}>`\n  user-select: none;\n\n  ${(props) => {\n    return css`\n      ${props.selected ? CHECKBOX_STATES.selected : CHECKBOX_STATES.default}\n      ${props.focus && CHECKBOX_STATES.focus}\n      ${props.hover && CHECKBOX_STATES.hover}\n      ${props.disabled && CHECKBOX_STATES.disabled}\n      ${props.error && CHECKBOX_STATES.error}\n\n      &:hover {\n        ${!props.error &&\n        css`\n          ${CHECKBOX_STATES.hover}\n\n          // Check\n          > div:first-of-type {\n            ${props.selected\n              ? CHECK_STATES.hover.selected\n              : CHECK_STATES.hover.resting}\n          }\n        `}\n      }\n\n      &:focus-visible {\n        ${CHECKBOX_STATES.focus}\n\n        // Check\n         > div:first-of-type {\n          ${props.selected\n            ? CHECK_STATES.focus.selected\n            : CHECK_STATES.focus.resting}\n        }\n      }\n\n      &:disabled {\n        ${CHECKBOX_STATES.disabled}\n      }\n    `\n  }}\n`\n"],"mappings":"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"}

package/dist/esm/elements/CleanTag/CleanTag.js

@@ -23,7 +23,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
  * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
  * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  */
-import React, { ComponentClass, FunctionComponent } from "react";
+import React from "react";
 
 /**
  * The default set of props to remove from components rendered by styled-components

package/dist/esm/elements/CleanTag/CleanTag.js.map

@@ -1 +1 @@
-{"version":3,"file":"CleanTag.js","names":["React","ComponentClass","FunctionComponent","omitProps","omit","obj","arguments","length","undefined","keys","next","key","indexOf","tagName","tag","displayName","tagBuilder","TagComponent","forwardRef","_ref","_ref$is","is","BaseTag","_ref$omitFromProps","omitFromProps","props","_objectWithoutProperties","_excluded","ref","createElement","_objectSpread","concat","_toConsumableArray","DefaultTag","CleanTag","as"],"sources":["../../../../src/elements/CleanTag/CleanTag.tsx"],"sourcesContent":["/**\n * Derived from @jxnblk's clean-tag\n * https://github.com/styled-system/extras/tree/master/packages/clean-tag\n *\n * The MIT License (MIT)\n * Copyright (c) 2017-2019 Brent Jackson\n * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the \"Software\"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:\n * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n */\nimport React, { ComponentClass, FunctionComponent } from \"react\"\n\n/**\n * The default set of props to remove from components rendered by styled-components\n */\nexport const omitProps = [\n  \"backgroundColor\",\n  \"bg\",\n  \"borderRadius\",\n  \"color\",\n  \"display\",\n  \"fontFamily\",\n  \"fontSize\",\n  \"fontStyle\",\n  \"fontWeight\",\n  \"height\",\n  \"letterSpacing\",\n  \"lineHeight\",\n  \"m\",\n  \"maxHeight\",\n  \"maxWidth\",\n  \"mb\",\n  \"minHeight\",\n  \"minWidth\",\n  \"ml\",\n  \"mr\",\n  \"mt\",\n  \"mx\",\n  \"my\",\n  \"p\",\n  \"pb\",\n  \"pl\",\n  \"pr\",\n  \"pt\",\n  \"px\",\n  \"py\",\n  \"textAlign\",\n  \"theme\",\n  \"width\",\n]\n\n/**\n * Removes entries from an object based on a list of keys\n */\nexport const omit = (obj: object = {}, keys: string[]) => {\n  const next = {}\n  for (const key in obj) {\n    if (keys.indexOf(key) > -1) continue\n    next[key] = obj[key]\n  }\n  return next\n}\n\ntype ComponentSpecifier = string | FunctionComponent<React.PropsWithChildren<any>> | ComponentClass<any>\n\nexport interface TagProps {\n  omitFromProps?: string[]\n  is?: ComponentSpecifier\n}\n\nconst tagName = tag =>\n  typeof tag === \"string\" ? tag : tag.displayName || \"Tag\"\n\nfunction tagBuilder(tag: ComponentSpecifier = \"div\") {\n  const TagComponent = React.forwardRef<any, TagProps>(\n    ({ is: BaseTag = tag, omitFromProps = [], ...props } = {}, ref) =>\n      props\n        ? React.createElement(BaseTag, {\n            ref,\n            ...omit(props, [...omitFromProps, ...omitProps]),\n          })\n        : React.createElement(BaseTag, { ref })\n  )\n  TagComponent.displayName = `Clean.${tagName(tag)}`\n  return TagComponent\n}\n\nconst DefaultTag = tagBuilder()\n\n/**\n * An element to be used to prevent unwanted props from passing through\n * styled-components to the DOM\n *\n * @example\n *\n * const Component = styled(Tag)`\n *   ${borderRadius};\n * `\n *\n * const Component2 = styled(Tag.as('span'))`\n *  ${background};\n * `\n */\nexport const CleanTag: typeof DefaultTag & {\n  as?: typeof tagBuilder\n} = DefaultTag\n\nCleanTag.as = tagBuilder\n"],"mappings":"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"}
+{"version":3,"file":"CleanTag.js","names":["React","omitProps","omit","obj","arguments","length","undefined","keys","next","key","indexOf","tagName","tag","displayName","tagBuilder","TagComponent","forwardRef","_ref","_ref$is","is","BaseTag","_ref$omitFromProps","omitFromProps","props","_objectWithoutProperties","_excluded","ref","createElement","_objectSpread","concat","_toConsumableArray","DefaultTag","CleanTag","as"],"sources":["../../../../src/elements/CleanTag/CleanTag.tsx"],"sourcesContent":["/**\n * Derived from @jxnblk's clean-tag\n * https://github.com/styled-system/extras/tree/master/packages/clean-tag\n *\n * The MIT License (MIT)\n * Copyright (c) 2017-2019 Brent Jackson\n * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the \"Software\"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:\n * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n */\nimport React, { ComponentClass, FunctionComponent } from \"react\"\n\n/**\n * The default set of props to remove from components rendered by styled-components\n */\nexport const omitProps = [\n  \"backgroundColor\",\n  \"bg\",\n  \"borderRadius\",\n  \"color\",\n  \"display\",\n  \"fontFamily\",\n  \"fontSize\",\n  \"fontStyle\",\n  \"fontWeight\",\n  \"height\",\n  \"letterSpacing\",\n  \"lineHeight\",\n  \"m\",\n  \"maxHeight\",\n  \"maxWidth\",\n  \"mb\",\n  \"minHeight\",\n  \"minWidth\",\n  \"ml\",\n  \"mr\",\n  \"mt\",\n  \"mx\",\n  \"my\",\n  \"p\",\n  \"pb\",\n  \"pl\",\n  \"pr\",\n  \"pt\",\n  \"px\",\n  \"py\",\n  \"textAlign\",\n  \"theme\",\n  \"width\",\n]\n\n/**\n * Removes entries from an object based on a list of keys\n */\nexport const omit = (obj: object = {}, keys: string[]) => {\n  const next = {}\n  for (const key in obj) {\n    if (keys.indexOf(key) > -1) continue\n    next[key] = obj[key]\n  }\n  return next\n}\n\ntype ComponentSpecifier = string | FunctionComponent<React.PropsWithChildren<any>> | ComponentClass<any>\n\nexport interface TagProps {\n  omitFromProps?: string[]\n  is?: ComponentSpecifier\n}\n\nconst tagName = tag =>\n  typeof tag === \"string\" ? tag : tag.displayName || \"Tag\"\n\nfunction tagBuilder(tag: ComponentSpecifier = \"div\") {\n  const TagComponent = React.forwardRef<any, TagProps>(\n    ({ is: BaseTag = tag, omitFromProps = [], ...props } = {}, ref) =>\n      props\n        ? React.createElement(BaseTag, {\n            ref,\n            ...omit(props, [...omitFromProps, ...omitProps]),\n          })\n        : React.createElement(BaseTag, { ref })\n  )\n  TagComponent.displayName = `Clean.${tagName(tag)}`\n  return TagComponent\n}\n\nconst DefaultTag = tagBuilder()\n\n/**\n * An element to be used to prevent unwanted props from passing through\n * styled-components to the DOM\n *\n * @example\n *\n * const Component = styled(Tag)`\n *   ${borderRadius};\n * `\n *\n * const Component2 = styled(Tag.as('span'))`\n *  ${background};\n * `\n */\nexport const CleanTag: typeof DefaultTag & {\n  as?: typeof tagBuilder\n} = DefaultTag\n\nCleanTag.as = tagBuilder\n"],"mappings":"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"}

package/dist/esm/elements/Clickable/Clickable.js

@@ -1,8 +1,7 @@
-import React from "react";
 import styled from "styled-components";
-import { compose, ResponsiveValue, system } from "styled-system";
+import { compose, system } from "styled-system";
 import { splitProps } from "../../utils/splitProps";
-import { boxMixin, BoxProps } from "../Box";
+import { boxMixin } from "../Box";
 var cursor = system({
   cursor: true
 });

package/dist/esm/elements/Clickable/Clickable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Clickable.js","names":["React","styled","compose","ResponsiveValue","system","splitProps","boxMixin","BoxProps","cursor","textDecoration","clickableMixin","Clickable","button","withConfig","displayName","componentId","defaultProps","type","splitClickableProps"],"sources":["../../../../src/elements/Clickable/Clickable.tsx"],"sourcesContent":["import React from \"react\"\nimport styled from \"styled-components\"\nimport { compose, ResponsiveValue, system } from \"styled-system\"\nimport { splitProps } from \"../../utils/splitProps\"\nimport { boxMixin, BoxProps } from \"../Box\"\n\nconst cursor = system({ cursor: true })\nconst textDecoration = system({ textDecoration: true })\n\n/** ClickableProps */\nexport type ClickableProps = React.ButtonHTMLAttributes<HTMLButtonElement> &\n  BoxProps & {\n    cursor?: ResponsiveValue<string>\n    textDecoration?: ResponsiveValue<string>\n  }\n\nconst clickableMixin = compose(boxMixin, cursor, textDecoration)\n\n/**\n * Clickable is a utility component useful for wrapping things like <div>s\n * without having to deal with the requirements to make the <div> accessible.\n */\nexport const Clickable = styled.button<ClickableProps>`\n  appearance: none;\n  padding: 0;\n  border: 0;\n  margin: 0;\n  background-color: transparent;\n  color: inherit;\n  font: inherit;\n  text-align: inherit;\n\n  ${clickableMixin}\n\n  &:disabled {\n    cursor: default;\n  }\n`\n\nClickable.defaultProps = {\n  cursor: \"pointer\",\n  type: \"button\",\n}\n\nexport const splitClickableProps = splitProps<ClickableProps>(clickableMixin)\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,OAAO,EAAEC,eAAe,EAAEC,MAAM,QAAQ,eAAe;AAChE,SAASC,UAAU;AACnB,SAASC,QAAQ,EAAEC,QAAQ;AAE3B,IAAMC,MAAM,GAAGJ,MAAM,CAAC;EAAEI,MAAM,EAAE;AAAK,CAAC,CAAC;AACvC,IAAMC,cAAc,GAAGL,MAAM,CAAC;EAAEK,cAAc,EAAE;AAAK,CAAC,CAAC;;AAEvD;;AAOA,IAAMC,cAAc,GAAGR,OAAO,CAACI,QAAQ,EAAEE,MAAM,EAAEC,cAAc,CAAC;;AAEhE;AACA;AACA;AACA;AACA,OAAO,IAAME,SAAS,GAAGV,MAAM,CAACW,MAAM,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gKAUlCL,cAAc,CAKjB;AAEDC,SAAS,CAACK,YAAY,GAAG;EACvBR,MAAM,EAAE,SAAS;EACjBS,IAAI,EAAE;AACR,CAAC;AAED,OAAO,IAAMC,mBAAmB,GAAGb,UAAU,CAAiBK,cAAc,CAAC"}
+{"version":3,"file":"Clickable.js","names":["styled","compose","system","splitProps","boxMixin","cursor","textDecoration","clickableMixin","Clickable","button","withConfig","displayName","componentId","defaultProps","type","splitClickableProps"],"sources":["../../../../src/elements/Clickable/Clickable.tsx"],"sourcesContent":["import React from \"react\"\nimport styled from \"styled-components\"\nimport { compose, ResponsiveValue, system } from \"styled-system\"\nimport { splitProps } from \"../../utils/splitProps\"\nimport { boxMixin, BoxProps } from \"../Box\"\n\nconst cursor = system({ cursor: true })\nconst textDecoration = system({ textDecoration: true })\n\n/** ClickableProps */\nexport type ClickableProps = React.ButtonHTMLAttributes<HTMLButtonElement> &\n  BoxProps & {\n    cursor?: ResponsiveValue<string>\n    textDecoration?: ResponsiveValue<string>\n  }\n\nconst clickableMixin = compose(boxMixin, cursor, textDecoration)\n\n/**\n * Clickable is a utility component useful for wrapping things like <div>s\n * without having to deal with the requirements to make the <div> accessible.\n */\nexport const Clickable = styled.button<ClickableProps>`\n  appearance: none;\n  padding: 0;\n  border: 0;\n  margin: 0;\n  background-color: transparent;\n  color: inherit;\n  font: inherit;\n  text-align: inherit;\n\n  ${clickableMixin}\n\n  &:disabled {\n    cursor: default;\n  }\n`\n\nClickable.defaultProps = {\n  cursor: \"pointer\",\n  type: \"button\",\n}\n\nexport const splitClickableProps = splitProps<ClickableProps>(clickableMixin)\n"],"mappings":"AACA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,OAAO,EAAmBC,MAAM,QAAQ,eAAe;AAChE,SAASC,UAAU;AACnB,SAASC,QAAQ;AAEjB,IAAMC,MAAM,GAAGH,MAAM,CAAC;EAAEG,MAAM,EAAE;AAAK,CAAC,CAAC;AACvC,IAAMC,cAAc,GAAGJ,MAAM,CAAC;EAAEI,cAAc,EAAE;AAAK,CAAC,CAAC;;AAEvD;;AAOA,IAAMC,cAAc,GAAGN,OAAO,CAACG,QAAQ,EAAEC,MAAM,EAAEC,cAAc,CAAC;;AAEhE;AACA;AACA;AACA;AACA,OAAO,IAAME,SAAS,GAAGR,MAAM,CAACS,MAAM,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gKAUlCL,cAAc,CAKjB;AAEDC,SAAS,CAACK,YAAY,GAAG;EACvBR,MAAM,EAAE,SAAS;EACjBS,IAAI,EAAE;AACR,CAAC;AAED,OAAO,IAAMC,mBAAmB,GAAGZ,UAAU,CAAiBI,cAAc,CAAC"}

package/dist/esm/elements/Drawer/Drawer.js

@@ -1,5 +1,5 @@
 import { themeGet } from "@styled-system/theme-get";
-import React, { FC } from "react";
+import React from "react";
 import { FocusOn } from "react-focus-on";
 import styled, { css } from "styled-components";
 import { zIndex } from "styled-system";

package/dist/esm/elements/Drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","names":["themeGet","React","FC","FocusOn","styled","css","zIndex","usePortal","Box","Flex","Drawer","_ref","children","_ref$anchor","anchor","_ref$zIndex","DEFAULT_DRAWER_Z_INDEX","open","onClose","_usePortal","createPortal","createElement","Container","style","pointerEvents","transform","Focus","onClickOutside","enabled","onEscapeKey","Content","backgroundColor","height","width","overflowX","overflowY","transition","concat","Overlay","display","onClick","opacity","withConfig","displayName","componentId","props"],"sources":["../../../../src/elements/Drawer/Drawer.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport React, { FC } from \"react\"\nimport { FocusOn } from \"react-focus-on\"\nimport styled, { css } from \"styled-components\"\nimport { zIndex } from \"styled-system\"\nimport { usePortal } from \"../../utils/usePortal\"\nimport { Box } from \"../Box\"\nimport { Flex } from \"../Flex\"\n\nexport interface DrawerProps {\n  open: boolean\n  anchor?: \"left\" | \"right\"\n  zIndex?: number\n  onClose?(): void\n}\n\nexport const Drawer: FC<React.PropsWithChildren<DrawerProps>> = ({\n  children,\n  anchor = \"right\",\n  zIndex = DEFAULT_DRAWER_Z_INDEX,\n  open,\n  onClose,\n}) => {\n  const { createPortal } = usePortal()\n\n  return createPortal(\n    <Container\n      zIndex={zIndex}\n      anchor={anchor}\n      style={{\n        pointerEvents: open ? \"auto\" : \"none\",\n        transform: open ? \"translateX(0)\" : \"none\",\n      }}\n    >\n      <Focus onClickOutside={onClose} enabled={open} onEscapeKey={onClose}>\n        <Content\n          backgroundColor=\"mono0\"\n          height=\"100%\"\n          width={[\"100%\", \"auto\"]}\n          overflowX=\"hidden\"\n          overflowY=\"scroll\"\n          anchor={anchor}\n          zIndex={zIndex}\n          transition={\n            open\n              ? \"transform .6s cubic-bezier(0.190, 1.000, 0.220, 1.000)\" // easeOutExpo\n              : \"transform 1s cubic-bezier(0.075, 0.820, 0.165, 1.000)\" // easeOutCirc\n          }\n          style={{\n            transform: open\n              ? \"none\"\n              : `translateX(${anchor === \"left\" ? \"-110%\" : \"110%\"})`,\n          }}\n        >\n          {children}\n        </Content>\n      </Focus>\n\n      <Overlay\n        display={[\"none\", \"flex\"]}\n        onClick={onClose}\n        data-testid=\"drawer-overlay\"\n        width=\"inherit\"\n        style={{\n          opacity: open ? 1 : 0,\n        }}\n      />\n    </Container>\n  )\n}\n\nconst DEFAULT_DRAWER_Z_INDEX = 1\n\nconst Content = styled(Box)<\n  Pick<DrawerProps, \"anchor\"> & { transition: string }\n>`\n  position: absolute;\n  top: 0;\n  -webkit-overflow-scrolling: touch;\n\n  ${(props) => css`\n    transition: ${props.transition};\n  `}\n\n  ${(props) => css`\n    ${props.anchor === \"left\" ? \"left: 0;\" : \"right: 0;\"}\n  `};\n`\n\nconst Overlay = styled(Box)`\n  height: 100%;\n  background: ${themeGet(\"effects.backdrop\")};\n  transition: opacity 150ms linear 50ms;\n`\n\nconst Container = styled(Flex)<Pick<DrawerProps, \"anchor\">>`\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  ${zIndex}\n  position: fixed;\n\n  ${(props) => {\n    return css`\n      flex-direction: ${props.anchor === \"left\" ? \"row\" : \"row-reverse\"};\n    `\n  }}\n`\n\nconst Focus = styled(FocusOn)`\n  height: 100%;\n  align-items: center;\n  justify-content: center;\n`\n"],"mappings":"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"}
+{"version":3,"file":"Drawer.js","names":["themeGet","React","FocusOn","styled","css","zIndex","usePortal","Box","Flex","Drawer","_ref","children","_ref$anchor","anchor","_ref$zIndex","DEFAULT_DRAWER_Z_INDEX","open","onClose","_usePortal","createPortal","createElement","Container","style","pointerEvents","transform","Focus","onClickOutside","enabled","onEscapeKey","Content","backgroundColor","height","width","overflowX","overflowY","transition","concat","Overlay","display","onClick","opacity","withConfig","displayName","componentId","props"],"sources":["../../../../src/elements/Drawer/Drawer.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport React, { FC } from \"react\"\nimport { FocusOn } from \"react-focus-on\"\nimport styled, { css } from \"styled-components\"\nimport { zIndex } from \"styled-system\"\nimport { usePortal } from \"../../utils/usePortal\"\nimport { Box } from \"../Box\"\nimport { Flex } from \"../Flex\"\n\nexport interface DrawerProps {\n  open: boolean\n  anchor?: \"left\" | \"right\"\n  zIndex?: number\n  onClose?(): void\n}\n\nexport const Drawer: FC<React.PropsWithChildren<DrawerProps>> = ({\n  children,\n  anchor = \"right\",\n  zIndex = DEFAULT_DRAWER_Z_INDEX,\n  open,\n  onClose,\n}) => {\n  const { createPortal } = usePortal()\n\n  return createPortal(\n    <Container\n      zIndex={zIndex}\n      anchor={anchor}\n      style={{\n        pointerEvents: open ? \"auto\" : \"none\",\n        transform: open ? \"translateX(0)\" : \"none\",\n      }}\n    >\n      <Focus onClickOutside={onClose} enabled={open} onEscapeKey={onClose}>\n        <Content\n          backgroundColor=\"mono0\"\n          height=\"100%\"\n          width={[\"100%\", \"auto\"]}\n          overflowX=\"hidden\"\n          overflowY=\"scroll\"\n          anchor={anchor}\n          zIndex={zIndex}\n          transition={\n            open\n              ? \"transform .6s cubic-bezier(0.190, 1.000, 0.220, 1.000)\" // easeOutExpo\n              : \"transform 1s cubic-bezier(0.075, 0.820, 0.165, 1.000)\" // easeOutCirc\n          }\n          style={{\n            transform: open\n              ? \"none\"\n              : `translateX(${anchor === \"left\" ? \"-110%\" : \"110%\"})`,\n          }}\n        >\n          {children}\n        </Content>\n      </Focus>\n\n      <Overlay\n        display={[\"none\", \"flex\"]}\n        onClick={onClose}\n        data-testid=\"drawer-overlay\"\n        width=\"inherit\"\n        style={{\n          opacity: open ? 1 : 0,\n        }}\n      />\n    </Container>\n  )\n}\n\nconst DEFAULT_DRAWER_Z_INDEX = 1\n\nconst Content = styled(Box)<\n  Pick<DrawerProps, \"anchor\"> & { transition: string }\n>`\n  position: absolute;\n  top: 0;\n  -webkit-overflow-scrolling: touch;\n\n  ${(props) => css`\n    transition: ${props.transition};\n  `}\n\n  ${(props) => css`\n    ${props.anchor === \"left\" ? \"left: 0;\" : \"right: 0;\"}\n  `};\n`\n\nconst Overlay = styled(Box)`\n  height: 100%;\n  background: ${themeGet(\"effects.backdrop\")};\n  transition: opacity 150ms linear 50ms;\n`\n\nconst Container = styled(Flex)<Pick<DrawerProps, \"anchor\">>`\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  ${zIndex}\n  position: fixed;\n\n  ${(props) => {\n    return css`\n      flex-direction: ${props.anchor === \"left\" ? \"row\" : \"row-reverse\"};\n    `\n  }}\n`\n\nconst Focus = styled(FocusOn)`\n  height: 100%;\n  align-items: center;\n  justify-content: center;\n`\n"],"mappings":"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"}

package/dist/esm/elements/Dropdown/Dropdown.js

@@ -16,9 +16,9 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import styled from "styled-components";
-import { calculateMaxHeight, Position, usePosition } from "../../utils";
+import { calculateMaxHeight, usePosition } from "../../utils";
 import { usePortal } from "../../utils/usePortal";
-import { Box, BoxProps } from "../Box";
+import { Box } from "../Box";
 import { FocusOn } from "react-focus-on";
 import { themeGet } from "@styled-system/theme-get";
 import { debounce } from "es-toolkit";

package/dist/esm/elements/Dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","styled","calculateMaxHeight","Position","usePosition","usePortal","Box","BoxProps","FocusOn","themeGet","debounce","Dropdown","_ref","_ref$placement","placement","_ref$visible","visible","_visible","keepInDOM","children","_ref$offset","offset","dropdown","_ref$dropdownZIndex","dropdownZIndex","openDropdownByClick","_ref$transition","transition","_transition","_ref$flip","flip","_ref$returnFocus","returnFocus","_ref$delay","delay","rest","_objectWithoutProperties","_excluded","_useState","_useState2","_slicedToArray","setVisible","timeoutRef","setVisibility","_ref2","_ref2$isPointer","isPointer","defaultDelay","finalDelay","current","clearTimeout","setTimeout","activeRef","pointerRef","onVisible","onHide","onToggleVisibility","_usePosition","position","active","padding","anchorRef","panelRef","tooltipRef","isFlipped","state","handleKeyDown","event","key","handleKeyUp","document","activeElement","contains","handleClick","target","tagName","toLowerCase","isClosableElement","element","closest","addEventListener","removeEventListener","handleMouseEnter","handleMouseLeave","_useState3","_useState4","setTransition","requestAnimationFrame","translation","_defineProperty","handlePointerVisible","handlePointerHide","anchorProps","_objectSpread","onClick","onMouseEnter","onMouseLeave","_usePortal","createPortal","focusEnabled","_useState5","_useState6","maxHeight","setMaxHeight","calculate","nextMaxHeight","anchorRect","getBoundingClientRect","window","passive","createElement","Fragment","Container","_extends","tabIndex","ref","zIndex","display","style","visibility","Panel","opacity","transform","noIsolation","enabled","onClickOutside","Pane","withConfig","displayName","componentId","_ref7","_ref8","concat"],"sources":["../../../../src/elements/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\"\nimport styled from \"styled-components\"\nimport { calculateMaxHeight, Position, usePosition } from \"../../utils\"\nimport { usePortal } from \"../../utils/usePortal\"\nimport { Box, BoxProps } from \"../Box\"\nimport { FocusOn } from \"react-focus-on\"\nimport { themeGet } from \"@styled-system/theme-get\"\nimport { debounce } from \"es-toolkit\"\n\nexport interface DropdownActions {\n  /** Call to show dropdown */\n  onVisible(): void\n  /** Call to hide dropdown */\n  onHide(): void\n  /** Manipulate visible directly */\n  setVisible(value: boolean): void\n  /** Pass ref to element you want the dropdown to be anchored to */\n  anchorRef: React.MutableRefObject<HTMLElement>\n  /** Spread props on element you want the dropdown to be anchored to */\n  anchorProps: React.HTMLAttributes<HTMLElement>\n  /** Whether or not the dropdown is visible */\n  visible: boolean\n}\n\ntype Children =\n  | React.ReactNode\n  | ((dropdownActions: DropdownActions) => React.ReactNode)\n\nexport interface DropdownProps extends Omit<BoxProps, \"children\"> {\n  placement?: Position\n  /** Intially visible by default? */\n  visible?: boolean\n  /** Whether or not we should animate the dropdown transition */\n  transition?: boolean\n  dropdown:\n    | React.ReactNode\n    | ((\n        dropdownActions: Pick<\n          DropdownActions,\n          \"onHide\" | \"onVisible\" | \"setVisible\" | \"visible\"\n        >\n      ) => void)\n  /** Custom zIndex to assign to the dropdown panel */\n  dropdownZIndex?: number\n  /** Distance in pixels from anchor */\n  offset?: number\n  /** Should the dropdown panel always be present in the DOM (vs removed when invisible) */\n  keepInDOM?: boolean\n  openDropdownByClick?: boolean\n  children: Children\n  /** Optionally disable flipping (default: `true`) */\n  flip?: boolean\n  /** Whether to return focus to the previous element when the dropdown closes (default: `true`) */\n  returnFocus?: boolean\n  /** Delay in milliseconds before showing the dropdown on hover (ignored when openDropdownByClick is true) */\n  delay?: number\n}\n\n/**\n * A `Dropdown` is a small modal-type element which is anchored, and can be\n * positioned relative to, another element and designed to be transitioned in on hover or on click.\n */\nexport const Dropdown = ({\n  placement = \"bottom\",\n  visible: _visible = false,\n  keepInDOM,\n  children,\n  offset = 10,\n  dropdown,\n  dropdownZIndex = 1,\n  openDropdownByClick,\n  transition: _transition = true,\n  flip = true,\n  returnFocus = true,\n  delay = 0,\n  ...rest\n}: DropdownProps) => {\n  const [visible, setVisible] = useState(false)\n\n  // If prop updates/set initial visibility.\n  useEffect(() => {\n    setVisible(_visible)\n  }, [_visible])\n\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n\n  // We need to keep the pointer state in sync with the visibility state, else we\n  // wind up with focus isolation out of sync.\n  const setVisibility = useCallback(\n    ({\n      visible,\n      isPointer = false,\n    }: {\n      visible: boolean\n      isPointer?: boolean\n    }) => {\n      // Use custom delay when opening via pointer interaction (hover), but only if not using click mode\n      const defaultDelay = _transition ? (visible ? 50 : 150) : visible ? 1 : 50\n      const finalDelay =\n        visible && isPointer && !openDropdownByClick ? delay : defaultDelay\n\n      timeoutRef.current && clearTimeout(timeoutRef.current)\n      timeoutRef.current = setTimeout(() => {\n        if (!visible && activeRef.current) return\n        pointerRef.current = isPointer\n        setVisible(visible)\n      }, finalDelay)\n    },\n    [_transition, delay, openDropdownByClick]\n  )\n\n  const onVisible = () => {\n    setVisibility({ visible: true })\n  }\n\n  const onHide = useCallback(() => {\n    setVisibility({ visible: false })\n  }, [setVisibility])\n\n  const onToggleVisibility = () => {\n    if (visible) {\n      return onHide()\n    }\n\n    onVisible()\n  }\n\n  const {\n    anchorRef,\n    tooltipRef: panelRef,\n    state: { isFlipped },\n  } = usePosition({\n    position: placement,\n    offset: 0,\n    active: visible,\n    flip,\n    padding: offset,\n  })\n\n  useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        onHide()\n      }\n    }\n\n    // Close dropdown when focus leaves element\n    const handleKeyUp = (event: KeyboardEvent) => {\n      if (!panelRef.current) return\n\n      if (\n        event.key === \"Tab\" &&\n        !(\n          panelRef.current === document.activeElement ||\n          panelRef.current.contains(document.activeElement)\n        )\n      ) {\n        onHide()\n      }\n    }\n\n    const handleClick = (event: MouseEvent) => {\n      if (!panelRef.current || !openDropdownByClick) return\n      const target = event.target as Element\n      const tagName = target.tagName.toLowerCase()\n      let isClosableElement = tagName === \"a\"\n      let element: Element | null = target\n\n      // Find parent link element\n      if (!isClosableElement) {\n        element = target.closest(\"a\")\n        isClosableElement = !!element\n      }\n\n      if (isClosableElement && element && panelRef.current.contains(element)) {\n        onHide()\n      }\n    }\n\n    document.addEventListener(\"keydown\", handleKeyDown)\n    document.addEventListener(\"keyup\", handleKeyUp)\n    document.addEventListener(\"click\", handleClick)\n\n    return () => {\n      document.removeEventListener(\"keydown\", handleKeyDown)\n      document.removeEventListener(\"keyup\", handleKeyUp)\n      document.removeEventListener(\"click\", handleClick)\n    }\n  }, [panelRef, openDropdownByClick, onHide])\n\n  const activeRef = useRef(false)\n\n  const handleMouseEnter = () => {\n    activeRef.current = true\n  }\n\n  const handleMouseLeave = () => {\n    activeRef.current = false\n    onHide()\n  }\n\n  const [transition, setTransition] = useState(false)\n\n  // Wait for next tick so that animation runs\n  useEffect(() => {\n    requestAnimationFrame(() => {\n      setTransition(visible)\n    })\n  }, [visible])\n\n  const translation = useMemo(() => {\n    switch (placement) {\n      case \"top-start\":\n      case \"top\":\n      case \"top-end\":\n        return `translateY(10px)`\n      case \"bottom-start\":\n      case \"bottom\":\n      case \"bottom-end\":\n        return `translateY(-10px)`\n      case \"left-start\":\n      case \"left\":\n      case \"left-end\":\n        return `translateX(10px)`\n      case \"right-start\":\n      case \"right\":\n      case \"right-end\":\n        return `translateX(-10px)`\n    }\n  }, [placement])\n\n  // Fills offset gap between anchor and panel to prevent mouseout\n  const padding = useMemo(() => {\n    switch (placement) {\n      case \"top-start\":\n      case \"top\":\n      case \"top-end\":\n        return { [isFlipped ? \"pt\" : \"pb\"]: offset }\n      case \"bottom-start\":\n      case \"bottom\":\n      case \"bottom-end\":\n        return { [isFlipped ? \"pb\" : \"pt\"]: offset }\n      case \"left-start\":\n      case \"left\":\n      case \"left-end\":\n        return { [isFlipped ? \"pl\" : \"pr\"]: offset }\n      case \"right-start\":\n      case \"right\":\n      case \"right-end\":\n        return { [isFlipped ? \"pr\" : \"pl\"]: offset }\n    }\n  }, [placement, isFlipped, offset])\n\n  const pointerRef = useRef(false)\n\n  const handlePointerVisible = () => {\n    setVisibility({ visible: true, isPointer: true })\n  }\n\n  const handlePointerHide = () => {\n    setVisibility({ visible: false, isPointer: false })\n  }\n\n  const anchorProps: React.HTMLAttributes<HTMLElement> = {\n    \"aria-expanded\": visible,\n    \"aria-haspopup\": true,\n    ...(openDropdownByClick\n      ? {\n          onClick: onToggleVisibility,\n        }\n      : {\n          onMouseEnter: handlePointerVisible,\n          onMouseLeave: handlePointerHide,\n          onClick: onVisible,\n        }),\n  }\n\n  const { createPortal } = usePortal()\n\n  const isPointer = !openDropdownByClick && pointerRef.current\n  const focusEnabled = visible && !isPointer\n\n  const [maxHeight, setMaxHeight] = useState(0)\n\n  useEffect(() => {\n    const calculate = debounce(() => {\n      if (!anchorRef.current) return\n\n      const nextMaxHeight = calculateMaxHeight({\n        anchorRect: anchorRef.current.getBoundingClientRect(),\n        position: placement,\n        offset,\n      })\n\n      setMaxHeight(nextMaxHeight)\n    }, 500)\n\n    window.addEventListener(\"resize\", calculate, { passive: true })\n    window.addEventListener(\"scroll\", calculate, { passive: true })\n    calculate()\n\n    return () => {\n      window.removeEventListener(\"resize\", calculate)\n      window.removeEventListener(\"scroll\", calculate)\n    }\n  }, [anchorRef, offset, placement, visible])\n\n  return (\n    <>\n      {(children as any)?.({\n        anchorRef: anchorRef as any,\n        anchorProps,\n        onVisible,\n        onHide,\n        setVisible,\n        visible,\n      })}\n\n      {(visible || keepInDOM) &&\n        createPortal(\n          <Container\n            aria-label=\"Press escape to close\"\n            tabIndex={0}\n            ref={panelRef as any}\n            zIndex={dropdownZIndex}\n            display=\"inline-block\"\n            placement={placement}\n            style={{\n              ...(keepInDOM\n                ? { visibility: visible ? \"visible\" : \"hidden\" }\n                : {}),\n            }}\n            {...(openDropdownByClick\n              ? {}\n              : {\n                  onMouseEnter: handleMouseEnter,\n                  onMouseLeave: handleMouseLeave,\n                })}\n            maxHeight={maxHeight + offset}\n            {...padding}\n            {...rest}\n          >\n            <Panel\n              transition={_transition}\n              maxHeight={maxHeight}\n              style={\n                transition\n                  ? // In\n                    { opacity: 1, transform: \"translate(0)\" }\n                  : // Out\n                    {\n                      opacity: 0,\n                      transform: translation,\n                    }\n              }\n            >\n              <FocusOn\n                noIsolation\n                enabled={focusEnabled}\n                onClickOutside={onHide}\n                returnFocus={returnFocus}\n              >\n                <Pane maxHeight={maxHeight}>\n                  {typeof dropdown === \"function\"\n                    ? (dropdown as any)({\n                        onVisible,\n                        onHide,\n                        setVisible,\n                        visible,\n                      })\n                    : dropdown}\n                </Pane>\n              </FocusOn>\n            </Panel>\n          </Container>\n        )}\n    </>\n  )\n}\n\nconst Container = styled(Box)<{ placement: Position } & BoxProps>`\n  position: fixed;\n  text-align: left;\n  outline: 0;\n`\n\nconst Panel = styled(Box)<{ transition: boolean; maxHeight: number }>`\n  transition: ${({ transition }) =>\n    transition ? \"opacity 250ms ease-out, transform 250ms ease-out\" : \"none\"};\n`\n\nconst Pane = styled(Box)`\n  > div {\n    max-height: ${({ maxHeight }) => (maxHeight ? `${maxHeight}px` : \"100vh\")};\n    box-shadow: ${themeGet(\"effects.flatShadow\")};\n    background-color: ${themeGet(\"colors.mono0\")};\n    border: 1px solid ${themeGet(\"colors.mono10\")};\n    overflow-y: auto;\n  }\n`\n"],"mappings":"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"}
+{"version":3,"file":"Dropdown.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","styled","calculateMaxHeight","usePosition","usePortal","Box","FocusOn","themeGet","debounce","Dropdown","_ref","_ref$placement","placement","_ref$visible","visible","_visible","keepInDOM","children","_ref$offset","offset","dropdown","_ref$dropdownZIndex","dropdownZIndex","openDropdownByClick","_ref$transition","transition","_transition","_ref$flip","flip","_ref$returnFocus","returnFocus","_ref$delay","delay","rest","_objectWithoutProperties","_excluded","_useState","_useState2","_slicedToArray","setVisible","timeoutRef","setVisibility","_ref2","_ref2$isPointer","isPointer","defaultDelay","finalDelay","current","clearTimeout","setTimeout","activeRef","pointerRef","onVisible","onHide","onToggleVisibility","_usePosition","position","active","padding","anchorRef","panelRef","tooltipRef","isFlipped","state","handleKeyDown","event","key","handleKeyUp","document","activeElement","contains","handleClick","target","tagName","toLowerCase","isClosableElement","element","closest","addEventListener","removeEventListener","handleMouseEnter","handleMouseLeave","_useState3","_useState4","setTransition","requestAnimationFrame","translation","_defineProperty","handlePointerVisible","handlePointerHide","anchorProps","_objectSpread","onClick","onMouseEnter","onMouseLeave","_usePortal","createPortal","focusEnabled","_useState5","_useState6","maxHeight","setMaxHeight","calculate","nextMaxHeight","anchorRect","getBoundingClientRect","window","passive","createElement","Fragment","Container","_extends","tabIndex","ref","zIndex","display","style","visibility","Panel","opacity","transform","noIsolation","enabled","onClickOutside","Pane","withConfig","displayName","componentId","_ref7","_ref8","concat"],"sources":["../../../../src/elements/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\"\nimport styled from \"styled-components\"\nimport { calculateMaxHeight, Position, usePosition } from \"../../utils\"\nimport { usePortal } from \"../../utils/usePortal\"\nimport { Box, BoxProps } from \"../Box\"\nimport { FocusOn } from \"react-focus-on\"\nimport { themeGet } from \"@styled-system/theme-get\"\nimport { debounce } from \"es-toolkit\"\n\nexport interface DropdownActions {\n  /** Call to show dropdown */\n  onVisible(): void\n  /** Call to hide dropdown */\n  onHide(): void\n  /** Manipulate visible directly */\n  setVisible(value: boolean): void\n  /** Pass ref to element you want the dropdown to be anchored to */\n  anchorRef: React.MutableRefObject<HTMLElement>\n  /** Spread props on element you want the dropdown to be anchored to */\n  anchorProps: React.HTMLAttributes<HTMLElement>\n  /** Whether or not the dropdown is visible */\n  visible: boolean\n}\n\ntype Children =\n  | React.ReactNode\n  | ((dropdownActions: DropdownActions) => React.ReactNode)\n\nexport interface DropdownProps extends Omit<BoxProps, \"children\"> {\n  placement?: Position\n  /** Intially visible by default? */\n  visible?: boolean\n  /** Whether or not we should animate the dropdown transition */\n  transition?: boolean\n  dropdown:\n    | React.ReactNode\n    | ((\n        dropdownActions: Pick<\n          DropdownActions,\n          \"onHide\" | \"onVisible\" | \"setVisible\" | \"visible\"\n        >\n      ) => void)\n  /** Custom zIndex to assign to the dropdown panel */\n  dropdownZIndex?: number\n  /** Distance in pixels from anchor */\n  offset?: number\n  /** Should the dropdown panel always be present in the DOM (vs removed when invisible) */\n  keepInDOM?: boolean\n  openDropdownByClick?: boolean\n  children: Children\n  /** Optionally disable flipping (default: `true`) */\n  flip?: boolean\n  /** Whether to return focus to the previous element when the dropdown closes (default: `true`) */\n  returnFocus?: boolean\n  /** Delay in milliseconds before showing the dropdown on hover (ignored when openDropdownByClick is true) */\n  delay?: number\n}\n\n/**\n * A `Dropdown` is a small modal-type element which is anchored, and can be\n * positioned relative to, another element and designed to be transitioned in on hover or on click.\n */\nexport const Dropdown = ({\n  placement = \"bottom\",\n  visible: _visible = false,\n  keepInDOM,\n  children,\n  offset = 10,\n  dropdown,\n  dropdownZIndex = 1,\n  openDropdownByClick,\n  transition: _transition = true,\n  flip = true,\n  returnFocus = true,\n  delay = 0,\n  ...rest\n}: DropdownProps) => {\n  const [visible, setVisible] = useState(false)\n\n  // If prop updates/set initial visibility.\n  useEffect(() => {\n    setVisible(_visible)\n  }, [_visible])\n\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n\n  // We need to keep the pointer state in sync with the visibility state, else we\n  // wind up with focus isolation out of sync.\n  const setVisibility = useCallback(\n    ({\n      visible,\n      isPointer = false,\n    }: {\n      visible: boolean\n      isPointer?: boolean\n    }) => {\n      // Use custom delay when opening via pointer interaction (hover), but only if not using click mode\n      const defaultDelay = _transition ? (visible ? 50 : 150) : visible ? 1 : 50\n      const finalDelay =\n        visible && isPointer && !openDropdownByClick ? delay : defaultDelay\n\n      timeoutRef.current && clearTimeout(timeoutRef.current)\n      timeoutRef.current = setTimeout(() => {\n        if (!visible && activeRef.current) return\n        pointerRef.current = isPointer\n        setVisible(visible)\n      }, finalDelay)\n    },\n    [_transition, delay, openDropdownByClick]\n  )\n\n  const onVisible = () => {\n    setVisibility({ visible: true })\n  }\n\n  const onHide = useCallback(() => {\n    setVisibility({ visible: false })\n  }, [setVisibility])\n\n  const onToggleVisibility = () => {\n    if (visible) {\n      return onHide()\n    }\n\n    onVisible()\n  }\n\n  const {\n    anchorRef,\n    tooltipRef: panelRef,\n    state: { isFlipped },\n  } = usePosition({\n    position: placement,\n    offset: 0,\n    active: visible,\n    flip,\n    padding: offset,\n  })\n\n  useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        onHide()\n      }\n    }\n\n    // Close dropdown when focus leaves element\n    const handleKeyUp = (event: KeyboardEvent) => {\n      if (!panelRef.current) return\n\n      if (\n        event.key === \"Tab\" &&\n        !(\n          panelRef.current === document.activeElement ||\n          panelRef.current.contains(document.activeElement)\n        )\n      ) {\n        onHide()\n      }\n    }\n\n    const handleClick = (event: MouseEvent) => {\n      if (!panelRef.current || !openDropdownByClick) return\n      const target = event.target as Element\n      const tagName = target.tagName.toLowerCase()\n      let isClosableElement = tagName === \"a\"\n      let element: Element | null = target\n\n      // Find parent link element\n      if (!isClosableElement) {\n        element = target.closest(\"a\")\n        isClosableElement = !!element\n      }\n\n      if (isClosableElement && element && panelRef.current.contains(element)) {\n        onHide()\n      }\n    }\n\n    document.addEventListener(\"keydown\", handleKeyDown)\n    document.addEventListener(\"keyup\", handleKeyUp)\n    document.addEventListener(\"click\", handleClick)\n\n    return () => {\n      document.removeEventListener(\"keydown\", handleKeyDown)\n      document.removeEventListener(\"keyup\", handleKeyUp)\n      document.removeEventListener(\"click\", handleClick)\n    }\n  }, [panelRef, openDropdownByClick, onHide])\n\n  const activeRef = useRef(false)\n\n  const handleMouseEnter = () => {\n    activeRef.current = true\n  }\n\n  const handleMouseLeave = () => {\n    activeRef.current = false\n    onHide()\n  }\n\n  const [transition, setTransition] = useState(false)\n\n  // Wait for next tick so that animation runs\n  useEffect(() => {\n    requestAnimationFrame(() => {\n      setTransition(visible)\n    })\n  }, [visible])\n\n  const translation = useMemo(() => {\n    switch (placement) {\n      case \"top-start\":\n      case \"top\":\n      case \"top-end\":\n        return `translateY(10px)`\n      case \"bottom-start\":\n      case \"bottom\":\n      case \"bottom-end\":\n        return `translateY(-10px)`\n      case \"left-start\":\n      case \"left\":\n      case \"left-end\":\n        return `translateX(10px)`\n      case \"right-start\":\n      case \"right\":\n      case \"right-end\":\n        return `translateX(-10px)`\n    }\n  }, [placement])\n\n  // Fills offset gap between anchor and panel to prevent mouseout\n  const padding = useMemo(() => {\n    switch (placement) {\n      case \"top-start\":\n      case \"top\":\n      case \"top-end\":\n        return { [isFlipped ? \"pt\" : \"pb\"]: offset }\n      case \"bottom-start\":\n      case \"bottom\":\n      case \"bottom-end\":\n        return { [isFlipped ? \"pb\" : \"pt\"]: offset }\n      case \"left-start\":\n      case \"left\":\n      case \"left-end\":\n        return { [isFlipped ? \"pl\" : \"pr\"]: offset }\n      case \"right-start\":\n      case \"right\":\n      case \"right-end\":\n        return { [isFlipped ? \"pr\" : \"pl\"]: offset }\n    }\n  }, [placement, isFlipped, offset])\n\n  const pointerRef = useRef(false)\n\n  const handlePointerVisible = () => {\n    setVisibility({ visible: true, isPointer: true })\n  }\n\n  const handlePointerHide = () => {\n    setVisibility({ visible: false, isPointer: false })\n  }\n\n  const anchorProps: React.HTMLAttributes<HTMLElement> = {\n    \"aria-expanded\": visible,\n    \"aria-haspopup\": true,\n    ...(openDropdownByClick\n      ? {\n          onClick: onToggleVisibility,\n        }\n      : {\n          onMouseEnter: handlePointerVisible,\n          onMouseLeave: handlePointerHide,\n          onClick: onVisible,\n        }),\n  }\n\n  const { createPortal } = usePortal()\n\n  const isPointer = !openDropdownByClick && pointerRef.current\n  const focusEnabled = visible && !isPointer\n\n  const [maxHeight, setMaxHeight] = useState(0)\n\n  useEffect(() => {\n    const calculate = debounce(() => {\n      if (!anchorRef.current) return\n\n      const nextMaxHeight = calculateMaxHeight({\n        anchorRect: anchorRef.current.getBoundingClientRect(),\n        position: placement,\n        offset,\n      })\n\n      setMaxHeight(nextMaxHeight)\n    }, 500)\n\n    window.addEventListener(\"resize\", calculate, { passive: true })\n    window.addEventListener(\"scroll\", calculate, { passive: true })\n    calculate()\n\n    return () => {\n      window.removeEventListener(\"resize\", calculate)\n      window.removeEventListener(\"scroll\", calculate)\n    }\n  }, [anchorRef, offset, placement, visible])\n\n  return (\n    <>\n      {(children as any)?.({\n        anchorRef: anchorRef as any,\n        anchorProps,\n        onVisible,\n        onHide,\n        setVisible,\n        visible,\n      })}\n\n      {(visible || keepInDOM) &&\n        createPortal(\n          <Container\n            aria-label=\"Press escape to close\"\n            tabIndex={0}\n            ref={panelRef as any}\n            zIndex={dropdownZIndex}\n            display=\"inline-block\"\n            placement={placement}\n            style={{\n              ...(keepInDOM\n                ? { visibility: visible ? \"visible\" : \"hidden\" }\n                : {}),\n            }}\n            {...(openDropdownByClick\n              ? {}\n              : {\n                  onMouseEnter: handleMouseEnter,\n                  onMouseLeave: handleMouseLeave,\n                })}\n            maxHeight={maxHeight + offset}\n            {...padding}\n            {...rest}\n          >\n            <Panel\n              transition={_transition}\n              maxHeight={maxHeight}\n              style={\n                transition\n                  ? // In\n                    { opacity: 1, transform: \"translate(0)\" }\n                  : // Out\n                    {\n                      opacity: 0,\n                      transform: translation,\n                    }\n              }\n            >\n              <FocusOn\n                noIsolation\n                enabled={focusEnabled}\n                onClickOutside={onHide}\n                returnFocus={returnFocus}\n              >\n                <Pane maxHeight={maxHeight}>\n                  {typeof dropdown === \"function\"\n                    ? (dropdown as any)({\n                        onVisible,\n                        onHide,\n                        setVisible,\n                        visible,\n                      })\n                    : dropdown}\n                </Pane>\n              </FocusOn>\n            </Panel>\n          </Container>\n        )}\n    </>\n  )\n}\n\nconst Container = styled(Box)<{ placement: Position } & BoxProps>`\n  position: fixed;\n  text-align: left;\n  outline: 0;\n`\n\nconst Panel = styled(Box)<{ transition: boolean; maxHeight: number }>`\n  transition: ${({ transition }) =>\n    transition ? \"opacity 250ms ease-out, transform 250ms ease-out\" : \"none\"};\n`\n\nconst Pane = styled(Box)`\n  > div {\n    max-height: ${({ maxHeight }) => (maxHeight ? `${maxHeight}px` : \"100vh\")};\n    box-shadow: ${themeGet(\"effects.flatShadow\")};\n    background-color: ${themeGet(\"colors.mono0\")};\n    border: 1px solid ${themeGet(\"colors.mono10\")};\n    overflow-y: auto;\n  }\n`\n"],"mappings":"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"}

package/dist/esm/elements/Dropdown/Dropdown.story.js

@@ -6,7 +6,6 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 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); }
 import React, { useEffect, useState } from "react";
-import { Position } from "../../utils";
 import { Box } from "../Box";
 import { Button } from "../Button";
 import { Text } from "../Text";