npm - @makeswift/runtime - Versions diffs - 0.8.10 → 0.8.11 - Mend

@makeswift/runtime 0.8.10 → 0.8.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (518) hide show

package/dist/Navigation.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Navigation.es.js","sources":["../src/components/icons/mobile-menu-28.svg","../src/components/builtin/Navigation/components/LinksPlaceholder/index.tsx","../src/components/icons/caret-down-8.svg","../src/components/icons/plus-8.svg","../src/components/icons/arrow-down-8.svg","../src/components/icons/chevron-down-8.svg","../src/components/builtin/Navigation/components/DropDownButton/index.tsx","../src/components/icons/times-16.svg","../src/components/builtin/Navigation/components/MobileMenu/components/MobileDropDownButton/index.tsx","../src/components/builtin/Navigation/components/MobileMenu/index.tsx","../src/components/builtin/Navigation/Navigation.tsx"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCI+CiAgPHBhdGggZD0iTTI3IDE1SDFhMSAxIDAgMCAxLTEtMSAxIDEgMCAwIDEgMS0xaDI2YTEgMSAwIDAgMSAxIDEgMSAxIDAgMCAxLTEgMXptMC0xMEgxYTEgMSAwIDAgMC0xIDEgMSAxIDAgMCAwIDEgMWgyNmExIDEgMCAwIDAgMS0xIDEgMSAwIDAgMC0xLTF6bTAgMTZIMWExIDEgMCAwIDAtMSAxIDEgMSAwIDAgMCAxIDFoMjZhMSAxIDAgMCAwIDEtMSAxIDEgMCAwIDAtMS0xeiIvPgo8L3N2Zz4=\"","import { ResponsiveLengthValue } from '../../../../../prop-controllers/descriptors'\nimport { useStyle } from '../../../../../runtimes/react/use-style'\nimport GutterContainer from '../../../../shared/GutterContainer'\n\ntype PlaceholderLinkProps = {\n width: number\n button?: boolean\n}\n\nfunction PlaceholderLink({ width, button }: PlaceholderLinkProps) {\n return (\n <div\n className={useStyle({\n width,\n height: button === true ? 32 : 8,\n backgroundColor: '#a1a8c2',\n borderRadius: button === true ? 6 : 2,\n opacity: 0.4,\n })}\n />\n )\n}\n\ntype Props = { gutter?: ResponsiveLengthValue }\n\nconst links = [{ width: 50 }, { width: 70 }, { width: 60 }, { width: 80, button: true }]\n\nexport default function LinksPlaceholder({ gutter }: Props): JSX.Element {\n return (\n <>\n {links.map((link, i) => (\n <GutterContainer key={i} gutter={gutter} first={i === 0} last={i === links.length - 1}>\n <PlaceholderLink {...link} />\n </GutterContainer>\n ))}\n </>\n )\n}\n","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xIDJhMSAxIDAgMCAwLS43MDcgMS43MDdsMyAzYTEgMSAwIDAgMCAxLjQxNCAwbDMtM0ExIDEgMCAwIDAgNyAySDF6Ii8+PC9zdmc+\"","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik00IDBhMSAxIDAgMCAwLTEgMXYySDFhMSAxIDAgMSAwIDAgMmgydjJhMSAxIDAgMCAwIDIgMFY1aDJhMSAxIDAgMCAwIDAtMkg1VjFhMSAxIDAgMCAwLTEtMXoiLz48L3N2Zz4=\"","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik01IDFhMSAxIDAgMCAwLTIgMHYzLjU4NmwtLjI5My0uMjkzYTEgMSAwIDAgMC0xLjQxNCAxLjQxNGwyIDJhMSAxIDAgMCAwIDEuNDE0IDBsMi0yYTEgMSAwIDAgMC0xLjQxNC0xLjQxNEw1IDQuNTg2VjF6Ii8+PC9zdmc+\"","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNLjI5MyAyLjI5M2ExIDEgMCAwIDEgMS40MTQgMEw0IDQuNTg2bDIuMjkzLTIuMjkzYTEgMSAwIDAgMSAxLjQxNCAxLjQxNGwtMyAzYTEgMSAwIDAgMS0xLjQxNCAwbC0zLTNhMSAxIDAgMCAxIDAtMS40MTR6Ii8+PC9zdmc+\"","import { ComponentPropsWithoutRef, ForwardedRef, forwardRef, useRef, useState } from 'react'\n\nimport { ReactComponent as CaretDown8 } from '../../../../icons/caret-down-8.svg'\nimport { ReactComponent as Plus8 } from '../../../../icons/plus-8.svg'\nimport { ReactComponent as ArrowDown8 } from '../../../../icons/arrow-down-8.svg'\nimport { ReactComponent as ChevronDown8 } from '../../../../icons/chevron-down-8.svg'\nimport {\n ResponsiveColorValue,\n TextStyleValue,\n LinkValue,\n} from '../../../../../prop-controllers/descriptors'\nimport { colorToString } from '../../../../utils/colorToString'\nimport { useResponsiveColor } from '../../../../hooks'\n\nimport { Link } from '../../../../shared/Link'\nimport Button from '../../../Button'\nimport { useIsomorphicLayoutEffect } from '../../../../hooks/useIsomorphicLayoutEffect'\nimport { cx, keyframes } from '@emotion/css'\nimport { useStyle } from '../../../../../runtimes/react/use-style'\nimport { useResponsiveStyle, useResponsiveTextStyle } from '../../../../utils/responsive-style'\n\nconst DROP_DOWN_MENU_WIDTH = 200\n\ntype Position = 'left' \| 'right'\n\nconst DROP_DOWN_MENU_CLASS_NAME = 'drop-down-menu'\n\ntype DropDownMenuBaseProps = {\n position: Position\n}\n\ntype DropDownMenuProps = DropDownMenuBaseProps &\n Omit<ComponentPropsWithoutRef<'div'>, keyof DropDownMenuBaseProps>\n\nfunction DropDownMenu({ className, position, ...restOfProps }: DropDownMenuProps) {\n return (\n <div\n {...restOfProps}\n className={cx(\n DROP_DOWN_MENU_CLASS_NAME,\n useStyle({\n position: 'absolute',\n top: '100%',\n left: position === 'left' ? 0 : 'auto',\n right: position === 'right' ? 0 : 'auto',\n background: '#fff',\n margin: 0,\n padding: '8px 0',\n borderRadius: 4,\n boxShadow: '0 3px 10px rgba(0, 0, 0, 0.15)',\n width: DROP_DOWN_MENU_WIDTH,\n zIndex: 99,\n listStyle: 'none',\n overflow: 'hidden',\n transformOrigin: '50% 0',\n willChange: 'transform, opacity',\n transformStyle: 'preserve-3d',\n display: 'none',\n }),\n className,\n )}\n />\n )\n}\n\nconst dropIn = keyframes`\n 0% {\n opacity: 0;\n transform: rotateX(-20deg);\n }\n 100% {\n opacity: 1;\n transform: none;\n }\n`\n\ntype DropDownContainerProps = ComponentPropsWithoutRef<'div'>\n\nconst DropDownContainer = forwardRef(function DropDownContainer(\n { className, ...restOfProps }: DropDownContainerProps,\n ref: ForwardedRef<HTMLDivElement>,\n) {\n return (\n <div\n {...restOfProps}\n ref={ref}\n className={cx(\n useStyle({\n position: 'relative',\n [`&:hover .${DROP_DOWN_MENU_CLASS_NAME}`]: {\n display: 'block',\n animation: `${dropIn} 0.25s`,\n },\n }),\n className,\n )}\n />\n )\n})\n\ntype BaseDropDownItemProps = {\n className?: string\n color?: ResponsiveColorValue\n textStyle?: TextStyleValue\n}\n\ntype DropDownItemProps = BaseDropDownItemProps &\n Omit<ComponentPropsWithoutRef<typeof Link>, keyof BaseDropDownItemProps>\n\nfunction DropDownItem({ className, color, textStyle, ...restOfProps }: DropDownItemProps) {\n const colorData = useResponsiveColor(color)\n\n return (\n <Link\n {...restOfProps}\n className={cx(\n useStyle({\n display: 'block',\n textDecoration: 'none',\n lineHeight: 1.4,\n padding: '8px 16px',\n color: 'black',\n backgroundColor: 'transparent',\n transition: 'background-color 0.2s',\n }),\n useStyle(useResponsiveTextStyle(textStyle)),\n useStyle(\n useResponsiveStyle([colorData, textStyle] as const, ([color, textStyle = {}]) => {\n const fontSize = textStyle.fontSize \|\| { value: 14, unit: 'px' }\n const fontWeight = textStyle.fontWeight == null ? 'normal' : textStyle.fontWeight\n const fontStyle = textStyle.fontStyle \|\| []\n const letterSpacing = textStyle.letterSpacing == null ? null : textStyle.letterSpacing\n const textTransform = textStyle.textTransform \|\| []\n\n return {\n color: color == null ? 'black' : colorToString(color),\n fontSize: `${fontSize.value}${fontSize.unit}`,\n fontWeight,\n fontStyle: fontStyle.includes('italic') ? 'italic' : 'normal',\n letterSpacing: letterSpacing == null ? 'normal' : `${letterSpacing}px`,\n textTransform: textTransform.includes('uppercase') ? 'uppercase' : 'none',\n }\n }),\n ),\n useStyle({\n '&:hover': {\n backgroundColor: 'rgba(0, 0, 0, 0.04)',\n },\n }),\n className,\n )}\n />\n )\n}\n\ntype Props = Omit<ComponentPropsWithoutRef<typeof Button>, 'textColor' \| 'color'> & {\n label: string\n caret?: 'caret' \| 'plus' \| 'arrow-down' \| 'chevron-down'\n links?: Array<{\n id: string\n payload: ComponentPropsWithoutRef<typeof DropDownItem> & {\n link?: LinkValue\n label: string\n }\n }>\n textColor?: ResponsiveColorValue\n color?: ResponsiveColorValue\n}\n\nexport default function DropDownButton({\n label,\n caret = 'caret',\n links = [],\n textColor,\n color,\n ...restOfProps\n}: Props): JSX.Element {\n const container = useRef<HTMLDivElement>(null)\n const [position, setPosition] = useState<Position>('left')\n\n useIsomorphicLayoutEffect(() => {\n if (\n container.current &&\n container.current.ownerDocument.defaultView!.innerWidth <\n container.current.offsetLeft + DROP_DOWN_MENU_WIDTH\n ) {\n setPosition('right')\n } else {\n setPosition('left')\n }\n }, [setPosition])\n\n return (\n <DropDownContainer ref={container}>\n <Button\n {...restOfProps}\n textColor={useResponsiveColor(textColor)}\n color={useResponsiveColor(color)}\n >\n <div style={{ display: 'flex', alignItems: 'center' }}>\n <span style={{ marginRight: 6 }}>{label}</span>\n <span style={{ display: 'inline-flex', fill: 'currentColor' }}>\n {caret === 'caret' && <CaretDown8 />}\n {caret === 'plus' && <Plus8 />}\n {caret === 'arrow-down' && <ArrowDown8 />}\n {caret === 'chevron-down' && <ChevronDown8 />}\n </span>\n </div>\n </Button>\n <DropDownMenu position={position}>\n {links.map(({ id, payload }) => (\n <DropDownItem {...payload} key={id}>\n {payload.label}\n </DropDownItem>\n ))}\n </DropDownMenu>\n </DropDownContainer>\n )\n}\n","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy43MDcgMy43MDdhMSAxIDAgMCAwLTEuNDE0LTEuNDE0TDggNi41ODYgMy43MDcgMi4yOTNhMSAxIDAgMCAwLTEuNDE0IDEuNDE0TDYuNTg2IDhsLTQuMjkzIDQuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEw4IDkuNDE0bDQuMjkzIDQuMjkzYTEgMSAwIDAgMCAxLjQxNC0xLjQxNEw5LjQxNCA4bDQuMjkzLTQuMjkzWiIvPgo8L3N2Zz4=\"","import { ComponentPropsWithoutRef, useState } from 'react'\n\nimport {\n ResponsiveColorValue,\n TextStyleValue,\n LinkValue,\n} from '../../../../../../../prop-controllers/descriptors'\nimport { colorToString } from '../../../../../../utils/colorToString'\nimport { useResponsiveColor } from '../../../../../../hooks'\n\nimport { ReactComponent as CaretDown8 } from '../../../../../../icons/caret-down-8.svg'\nimport { ReactComponent as Plus8 } from '../../../../../../icons/plus-8.svg'\nimport { ReactComponent as ArrowDown8 } from '../../../../../../icons/arrow-down-8.svg'\nimport { ReactComponent as ChevronDown8 } from '../../../../../../icons/chevron-down-8.svg'\n\nimport { Link } from '../../../../../../shared/Link'\nimport Button from '../../../../../Button'\nimport { cx } from '@emotion/css'\nimport { useStyle } from '../../../../../../../runtimes/react/use-style'\nimport {\n useResponsiveStyle,\n useResponsiveTextStyle,\n} from '../../../../../../utils/responsive-style'\n\ntype DropDownMenuBaseProps = {\n className?: string\n open: boolean\n}\n\ntype DropDownMenuProps = DropDownMenuBaseProps &\n Omit<ComponentPropsWithoutRef<'div'>, keyof DropDownMenuBaseProps>\n\nfunction DropDownMenu({ className, open, ...restOfProps }: DropDownMenuProps) {\n return (\n <div\n {...restOfProps}\n className={cx(\n useStyle({ display: open ? 'flex' : 'none', flexDirection: 'column', padding: 8 }),\n className,\n )}\n />\n )\n}\n\ntype ButtonLinkBaseProps = {\n className?: string\n}\n\ntype ButtonLinkProps = ButtonLinkBaseProps &\n Omit<ComponentPropsWithoutRef<typeof Button>, keyof ButtonLinkBaseProps>\n\nfunction ButtonLink({ className, ...restOfProps }: ButtonLinkProps) {\n return <Button {...restOfProps} className={cx(useStyle({ margin: '8px 0' }), className)} />\n}\n\ntype BaseDropDownItemProps = {\n className?: string\n color?: ResponsiveColorValue\n textStyle?: TextStyleValue\n}\n\ntype DropDownItemProps = BaseDropDownItemProps &\n Omit<ComponentPropsWithoutRef<typeof Link>, keyof BaseDropDownItemProps>\n\nfunction DropDownItem({ color, className, textStyle, ...restOfProps }: DropDownItemProps) {\n const colorData = useResponsiveColor(color)\n\n return (\n <Link\n {...restOfProps}\n className={cx(\n useStyle({\n textDecoration: 'none',\n lineHeight: 1.4,\n padding: '8px 16px',\n color: 'black',\n }),\n useStyle(useResponsiveTextStyle(textStyle)),\n useStyle(\n useResponsiveStyle([colorData] as const, ([color]) => ({\n color: color == null ? 'black' : colorToString(color),\n })),\n ),\n className,\n )}\n />\n )\n}\n\ntype Props = Omit<ComponentPropsWithoutRef<typeof Button>, 'textColor' \| 'color'> & {\n label: string\n links?: Array<{\n id: string\n payload: ComponentPropsWithoutRef<typeof DropDownItem> & {\n link?: LinkValue\n label: string\n }\n }>\n onClose?: () => unknown\n caret?: string\n textColor?: ResponsiveColorValue\n color?: ResponsiveColorValue\n}\n\nexport default function MobileDropDownButton({\n label,\n caret,\n links = [],\n onClose = () => {},\n color,\n textColor,\n ...restOfProps\n}: Props): JSX.Element {\n const [isOpen, setIsOpen] = useState(false)\n return (\n <>\n <ButtonLink\n {...restOfProps}\n textColor={useResponsiveColor(textColor)}\n color={useResponsiveColor(color)}\n onPointerDown={() => setIsOpen(prev => !prev)}\n >\n <div style={{ display: 'flex', alignItems: 'center' }}>\n <span style={{ marginRight: 6 }}>{label}</span>\n <span style={{ display: 'inline-flex', fill: 'currentColor' }}>\n <>\n {caret === 'caret' && <CaretDown8 />}\n {caret === 'plus' && <Plus8 />}\n {caret === 'arrow-down' && <ArrowDown8 />}\n {caret === 'chevron-down' && <ChevronDown8 />}\n </>\n </span>\n </div>\n </ButtonLink>\n <DropDownMenu open={isOpen}>\n {links.map(({ id, payload }) => (\n <DropDownItem {...payload} key={id} onClick={onClose}>\n {payload.label}\n </DropDownItem>\n ))}\n </DropDownMenu>\n </>\n )\n}\n","import { ComponentPropsWithoutRef, Fragment } from 'react'\n\nimport {\n ResponsiveValue,\n NavigationLinksValue,\n NavigationButton as NavigationButtonValue,\n} from '../../../../../prop-controllers/descriptors'\nimport { ColorValue as Color } from '../../../../utils/types'\nimport { colorToString } from '../../../../utils/colorToString'\nimport { ReactComponent as Times16 } from '../../../../icons/times-16.svg'\n\nimport Button from '../../../Button'\nimport DropDownButton from './components/MobileDropDownButton'\nimport { ResponsiveColor } from '../../../../../runtimes/react/controls'\nimport { useResponsiveColor } from '../../../../hooks'\nimport { cx } from '@emotion/css'\nimport { useStyle } from '../../../../../runtimes/react/use-style'\nimport { useResponsiveStyle } from '../../../../utils/responsive-style'\n\ntype NavigationButtonProps = NavigationButtonValue['payload'] &\n Omit<ComponentPropsWithoutRef<typeof Button>, 'color' \| 'textColor'>\n\nfunction ButtonLink({\n className,\n textColor,\n color,\n ...restOfProps\n}: NavigationButtonProps): JSX.Element {\n return (\n <Button\n {...restOfProps}\n className={cx(useStyle({ margin: '8px 0' }), className)}\n textColor={useResponsiveColor(textColor)}\n color={useResponsiveColor(color)}\n />\n )\n}\n\ntype ContainerBaseProps = {\n className?: string\n animation?: ResponsiveValue<'coverRight' \| 'coverLeft'>\n backgroundColor?: ResponsiveValue<Color> \| null\n open: boolean\n}\n\ntype ContainerProps = ContainerBaseProps &\n Omit<ComponentPropsWithoutRef<'div'>, keyof ContainerBaseProps>\n\nfunction Container({\n className,\n animation,\n backgroundColor,\n open,\n ...restOfProps\n}: ContainerProps) {\n return (\n <div\n {...restOfProps}\n className={cx(\n useStyle({\n position: 'fixed',\n flexDirection: 'column',\n width: '100%',\n padding: '40px 15px',\n transition: 'transform 300ms ease-in-out',\n overflowY: 'auto',\n zIndex: 9999,\n maxWidth: 575,\n }),\n useStyle(\n useResponsiveStyle(\n [animation, backgroundColor] as const,\n ([animation, backgroundColor]) => {\n if (animation == null) return { display: 'none' }\n\n return {\n display: 'flex',\n backgroundColor: backgroundColor == null ? 'black' : colorToString(backgroundColor),\n transform: open\n ? `translate3d(0,0,0)`\n : `translate3d(${{ coverRight: '', coverLeft: '-' }[animation]}100%, 0, 0)`,\n ...{\n coverRight: { top: 0, bottom: 0, right: 0 },\n coverLeft: { top: 0, bottom: 0, left: 0 },\n }[animation],\n }\n },\n ),\n ),\n className,\n )}\n />\n )\n}\n\ntype CloseIconContainerBaseProps = {\n className?: string\n color?: ResponsiveColor \| null\n}\n\ntype CloseIconContainerProps = CloseIconContainerBaseProps &\n Omit<ComponentPropsWithoutRef<'button'>, keyof CloseIconContainerBaseProps>\n\nfunction CloseIconContainer({ className, color, ...restOfProps }: CloseIconContainerProps) {\n return (\n <button\n {...restOfProps}\n className={cx(\n useStyle({\n position: 'absolute',\n top: 15,\n right: 15,\n padding: 0,\n border: 0,\n outline: 0,\n background: 'none',\n fill: 'currentcolor',\n }),\n useStyle(\n useResponsiveStyle([color] as const, ([color]) => ({\n color: color == null ? 'rgba(161, 168, 194, 0.5)' : colorToString(color),\n })),\n ),\n className,\n )}\n />\n )\n}\n\ntype Props = {\n animation?: ResponsiveValue<'coverRight' \| 'coverLeft'>\n backgroundColor?: ResponsiveColor \| null\n closeIconColor?: ResponsiveColor \| null\n links?: NavigationLinksValue\n onClose?: () => unknown\n open?: boolean\n}\n\nexport default function MobileMenu({\n animation,\n backgroundColor,\n open = false,\n closeIconColor,\n links = [],\n onClose = () => {},\n}: Props): JSX.Element {\n return (\n <Container animation={animation} backgroundColor={backgroundColor} open={open}>\n <CloseIconContainer color={closeIconColor} onClick={onClose}>\n <Times16 />\n </CloseIconContainer>\n <div\n style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', flexShrink: 0 }}\n >\n {links.map(link => (\n <Fragment key={link.id}>\n {link.type === 'button' && (\n <ButtonLink {...link.payload} onClick={onClose}>\n {link.payload.label}\n </ButtonLink>\n )}\n {link.type === 'dropdown' && <DropDownButton {...link.payload} onClose={onClose} />}\n </Fragment>\n ))}\n </div>\n </Container>\n )\n}\n","import { ComponentPropsWithoutRef, ForwardedRef, forwardRef, useState } from 'react'\n\nimport { ReactComponent as MobileMenu28 } from '../../icons/mobile-menu-28.svg'\n\nimport GutterContainer from '../../shared/GutterContainer'\nimport Image from '../Image'\nimport Button from '../Button'\nimport LinksPlaceholder from './components/LinksPlaceholder'\nimport DropDownButton from './components/DropDownButton'\nimport MobileMenu from './components/MobileMenu'\nimport {\n ResponsiveValue,\n CheckboxValue,\n ElementIDValue,\n GapXValue,\n ImageValue,\n LinkValue,\n NavigationLinksValue,\n ResponsiveIconRadioGroupValue,\n ResponsiveLengthValue,\n ResponsiveSelectValue,\n TextInputValue,\n TextStyleValue,\n NavigationButton as NavigationButtonValue,\n} from '../../../prop-controllers/descriptors'\nimport { ColorValue as Color } from '../../utils/types'\nimport { colorToString } from '../../utils/colorToString'\nimport { ResponsiveColor } from '../../../runtimes/react/controls'\nimport { useResponsiveColor } from '../../hooks'\nimport { cx } from '@emotion/css'\nimport { useResponsiveStyle, useResponsiveTextStyle } from '../../utils/responsive-style'\nimport { useStyle } from '../../../runtimes/react/use-style'\n\ntype Props = {\n id?: ElementIDValue\n links?: NavigationLinksValue\n linkTextStyle?: TextStyleValue\n showLogo?: CheckboxValue\n logoFile?: ImageValue\n logoWidth?: ResponsiveLengthValue\n logoAltText?: TextInputValue\n logoLink?: LinkValue\n alignment?: ResponsiveIconRadioGroupValue<'flex-start' \| 'center' \| 'flex-end'>\n gutter?: GapXValue\n mobileMenuAnimation?: ResponsiveSelectValue<'coverRight' \| 'coverLeft'>\n mobileMenuOpenIconColor?: ResponsiveColor \| null\n mobileMenuCloseIconColor?: ResponsiveColor \| null\n mobileMenuBackgroundColor?: ResponsiveColor \| null\n width?: string\n margin?: string\n}\n\ntype ContainerBaseProps = {\n width?: string\n margin?: string\n textStyle: Props['linkTextStyle']\n gutter: Props['gutter']\n}\n\ntype ContainerProps = ContainerBaseProps &\n Omit<ComponentPropsWithoutRef<'nav'>, keyof ContainerBaseProps>\n\nconst Container = forwardRef(function Container(\n { className, width, margin, textStyle, gutter, ...restOfProps }: ContainerProps,\n ref: ForwardedRef<HTMLElement>,\n) {\n return (\n <nav\n {...restOfProps}\n ref={ref}\n className={cx(\n useStyle({ display: 'flex', alignItems: 'center' }),\n width,\n margin,\n useStyle(useResponsiveTextStyle(textStyle)),\n useStyle(\n useResponsiveStyle([gutter] as const, ([gutter = { value: 0, unit: 'px' }]) => ({\n gap: `${gutter.value}${gutter.unit}`,\n })),\n ),\n className,\n )}\n />\n )\n})\n\ntype LinksContainerBaseProps = {\n alignment: Props['alignment']\n mobileMenuAnimation: Props['mobileMenuAnimation']\n}\n\ntype LinksContainerProps = LinksContainerBaseProps &\n Omit<ComponentPropsWithoutRef<'div'>, keyof LinksContainerBaseProps>\n\nfunction LinksContainer({\n className,\n alignment,\n mobileMenuAnimation,\n ...restOfProps\n}: LinksContainerProps) {\n return (\n <div\n {...restOfProps}\n className={cx(\n useStyle({\n display: 'flex',\n alignItems: 'center',\n flexGrow: 1,\n }),\n useStyle(\n useResponsiveStyle(\n [alignment, mobileMenuAnimation] as const,\n ([alignment = 'flex-end', mobileMenuAnimation]) => ({\n display: mobileMenuAnimation == null ? 'flex' : 'none',\n justifyContent: alignment,\n }),\n ),\n ),\n className,\n )}\n />\n )\n}\n\ntype OpenIconContainerBaseProps = {\n mobileMenuAnimation: Props['mobileMenuAnimation']\n alignment: Props['alignment']\n color: ResponsiveValue<Color> \| null \| undefined\n}\n\ntype OpenIconContainerProps = OpenIconContainerBaseProps &\n Omit<ComponentPropsWithoutRef<'button'>, keyof OpenIconContainerBaseProps>\n\nfunction OpenIconContainer({\n className,\n mobileMenuAnimation,\n alignment,\n color,\n ...restOfProps\n}: OpenIconContainerProps) {\n return (\n <button\n {...restOfProps}\n className={cx(\n useStyle({\n display: 'none',\n flexGrow: 1,\n alignItems: 'center',\n background: 'none',\n outline: 0,\n border: 0,\n padding: 0,\n fill: 'currentcolor',\n }),\n useStyle(\n useResponsiveStyle(\n [mobileMenuAnimation, alignment, color] as const,\n ([mobileMenuAnimation, alignment = 'flex-end', color]) => ({\n display: mobileMenuAnimation == null ? 'none' : 'flex',\n justifyContent: alignment,\n color: color == null ? 'rgba(161, 168, 194, 0.5)' : colorToString(color),\n }),\n ),\n ),\n className,\n )}\n />\n )\n}\n\ntype NavigationButtonProps = NavigationButtonValue['payload'] &\n Omit<ComponentPropsWithoutRef<typeof Button>, 'color' \| 'textColor'>\n\nfunction NavigationButton(props: NavigationButtonProps): JSX.Element {\n const { textColor, color, ...restOfProps } = props\n\n return (\n <Button\n {...restOfProps}\n textColor={useResponsiveColor(textColor)}\n color={useResponsiveColor(color)}\n />\n )\n}\n\nconst placeholder = {\n src: \"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='93.12' height='36' viewBox='0 0 93.12 36'%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath d='M18,0A18,18,0,1,1,0,18,18,18,0,0,1,18,0ZM49.36,21.94h6.36V24H46.8V10h2.56Zm9.06.72a4.88,4.88,0,0,1-1.64-3.72,5,5,0,0,1,1.64-3.74,5.57,5.57,0,0,1,7.7,0,5.09,5.09,0,0,1,.26,7.18l-.26.26a5.56,5.56,0,0,1-7.7,0Zm1.68-6a3.39,3.39,0,0,0,0,4.52,3,3,0,0,0,4.24.08l.08-.08a3.39,3.39,0,0,0,0-4.52,3,3,0,0,0-4.24-.08Zm10,10.68,1-1.92a5.28,5.28,0,0,0,3.3,1.22,3.6,3.6,0,0,0,2.32-.72,2.73,2.73,0,0,0,.9-2.26V22.5a3.61,3.61,0,0,1-1.45,1.26,4.35,4.35,0,0,1-2,.46,4.57,4.57,0,0,1-3.58-1.54A5.48,5.48,0,0,1,69.2,18.9a5.42,5.42,0,0,1,1.36-3.74,4.64,4.64,0,0,1,3.62-1.5,4,4,0,0,1,3.44,1.72v-1.5h2.46v9a6.13,6.13,0,0,1-1.43,4.46,5.27,5.27,0,0,1-4,1.44,7.09,7.09,0,0,1-4.53-1.42Zm1.54-8.44a3.4,3.4,0,0,0,.82,2.3,2.72,2.72,0,0,0,2.17.94,3.13,3.13,0,0,0,1.21-.22,2.89,2.89,0,0,0,1-.62,3.08,3.08,0,0,0,.63-1,3.62,3.62,0,0,0,.21-1.3,4,4,0,0,0-.23-1.33,3.3,3.3,0,0,0-.63-1.05,2.74,2.74,0,0,0-1-.68,3.35,3.35,0,0,0-1.25-.24,2.92,2.92,0,0,0-1.2.24,2.58,2.58,0,0,0-.93.67,3,3,0,0,0-.59,1,3.89,3.89,0,0,0-.19,1.31ZM83.8,22.66a4.88,4.88,0,0,1-1.64-3.72A5,5,0,0,1,83.8,15.2a5.57,5.57,0,0,1,7.7,0,5.09,5.09,0,0,1,.26,7.18,3.19,3.19,0,0,1-.26.26,5.56,5.56,0,0,1-7.7,0Zm1.68-6a3.39,3.39,0,0,0,0,4.52,3,3,0,0,0,4.24.08l.08-.08a3.39,3.39,0,0,0,0-4.52,3,3,0,0,0-4.24-.08Z' fill='%23a1a8c2' opacity='0.4' style='isolation: isolate'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A\",\n dimensions: { width: 93, height: 36 },\n}\n\nconst Navigation = forwardRef<HTMLDivElement, Props>(function Navigation(\n {\n id,\n links = [],\n linkTextStyle,\n showLogo,\n logoFile,\n logoWidth,\n logoAltText,\n logoLink,\n alignment,\n gutter,\n mobileMenuAnimation,\n mobileMenuOpenIconColor,\n mobileMenuCloseIconColor,\n mobileMenuBackgroundColor,\n width,\n margin,\n },\n ref,\n) {\n const [isOpen, setIsOpen] = useState(false)\n\n return (\n <Container\n ref={ref}\n id={id}\n width={width}\n margin={margin}\n textStyle={linkTextStyle}\n gutter={gutter}\n >\n {showLogo === true && (\n <Image\n altText={logoAltText}\n file={logoFile}\n link={logoLink}\n placeholder={placeholder}\n width={logoWidth}\n />\n )}\n <div style={{ display: 'flex', flexGrow: 1, justifyContent: 'flex-end' }}>\n <LinksContainer alignment={alignment} mobileMenuAnimation={mobileMenuAnimation}>\n {links.length > 0 ? (\n links.map((link, i) => (\n <GutterContainer\n key={link.id}\n gutter={gutter}\n first={i === 0}\n last={i === links.length - 1}\n >\n {link.type === 'button' && (\n <NavigationButton {...link.payload}>{link.payload.label}</NavigationButton>\n )}\n {link.type === 'dropdown' && <DropDownButton {...link.payload} />}\n </GutterContainer>\n ))\n ) : (\n <LinksPlaceholder gutter={gutter} />\n )}\n </LinksContainer>\n <OpenIconContainer\n alignment={alignment}\n color={mobileMenuOpenIconColor}\n mobileMenuAnimation={mobileMenuAnimation}\n onClick={() => setIsOpen(true)}\n >\n <MobileMenu28 />\n </OpenIconContainer>\n <MobileMenu\n animation={mobileMenuAnimation}\n backgroundColor={mobileMenuBackgroundColor}\n closeIconColor={mobileMenuCloseIconColor}\n links={links}\n onClose={() => setIsOpen(false)}\n open={isOpen}\n />\n </div>\n </Container>\n )\n})\n\nexport default Navigation\n"],"names":["_path","_extends","width","button","useStyle","height","backgroundColor","borderRadius","opacity","links","gutter","_Fragment","map","link","i","length","DROP_DOWN_MENU_WIDTH","DROP_DOWN_MENU_CLASS_NAME","className","position","restOfProps","cx","top","left","right","background","margin","padding","boxShadow","zIndex","listStyle","overflow","transformOrigin","willChange","transformStyle","display","dropIn","keyframes","DropDownContainer","forwardRef","ref","animation","color","textStyle","colorData","useResponsiveColor","textDecoration","lineHeight","transition","useResponsiveTextStyle","useResponsiveStyle","fontSize","value","unit","fontWeight","fontStyle","letterSpacing","textTransform","colorToString","includes","label","caret","textColor","container","useRef","setPosition","useState","useIsomorphicLayoutEffect","current","ownerDocument","defaultView","innerWidth","offsetLeft","_jsx","alignItems","marginRight","_jsxs","fill","CaretDown8","Plus8","ArrowDown8","ChevronDown8","DropDownMenu","id","payload","DropDownItem","open","flexDirection","onClose","isOpen","setIsOpen","ButtonLink","prev","overflowY","maxWidth","transform","coverRight","coverLeft","bottom","border","outline","closeIconColor","Container","Times16","flexShrink","Fragment","type","DropDownButton","gap","alignment","mobileMenuAnimation","flexGrow","justifyContent","props","placeholder","src","dimensions","Navigation","linkTextStyle","showLogo","logoFile","logoWidth","logoAltText","logoLink","mobileMenuOpenIconColor","mobileMenuCloseIconColor","mobileMenuBackgroundColor","Image","MobileMenu28"],"mappings":"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"}
1	+ {"version":3,"file":"Navigation.es.js","sources":["../src/components/icons/mobile-menu-28.svg","../src/components/builtin/Navigation/components/LinksPlaceholder/index.tsx","../src/components/icons/caret-down-8.svg","../src/components/icons/plus-8.svg","../src/components/icons/arrow-down-8.svg","../src/components/icons/chevron-down-8.svg","../src/components/builtin/Navigation/components/DropDownButton/index.tsx","../src/components/icons/times-16.svg","../src/components/builtin/Navigation/components/MobileMenu/components/MobileDropDownButton/index.tsx","../src/components/builtin/Navigation/components/MobileMenu/index.tsx","../src/components/builtin/Navigation/Navigation.tsx"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCI+CiAgPHBhdGggZD0iTTI3IDE1SDFhMSAxIDAgMCAxLTEtMSAxIDEgMCAwIDEgMS0xaDI2YTEgMSAwIDAgMSAxIDEgMSAxIDAgMCAxLTEgMXptMC0xMEgxYTEgMSAwIDAgMC0xIDEgMSAxIDAgMCAwIDEgMWgyNmExIDEgMCAwIDAgMS0xIDEgMSAwIDAgMC0xLTF6bTAgMTZIMWExIDEgMCAwIDAtMSAxIDEgMSAwIDAgMCAxIDFoMjZhMSAxIDAgMCAwIDEtMSAxIDEgMCAwIDAtMS0xeiIvPgo8L3N2Zz4=\"","import { ResponsiveLengthValue } from '../../../../../prop-controllers/descriptors'\nimport { useStyle } from '../../../../../runtimes/react/use-style'\nimport GutterContainer from '../../../../shared/GutterContainer'\n\ntype PlaceholderLinkProps = {\n width: number\n button?: boolean\n}\n\nfunction PlaceholderLink({ width, button }: PlaceholderLinkProps) {\n return (\n <div\n className={useStyle({\n width,\n height: button === true ? 32 : 8,\n backgroundColor: '#a1a8c2',\n borderRadius: button === true ? 6 : 2,\n opacity: 0.4,\n })}\n />\n )\n}\n\ntype Props = { gutter?: ResponsiveLengthValue }\n\nconst links = [{ width: 50 }, { width: 70 }, { width: 60 }, { width: 80, button: true }]\n\nexport default function LinksPlaceholder({ gutter }: Props): JSX.Element {\n return (\n <>\n {links.map((link, i) => (\n <GutterContainer key={i} gutter={gutter} first={i === 0} last={i === links.length - 1}>\n <PlaceholderLink {...link} />\n </GutterContainer>\n ))}\n </>\n )\n}\n","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xIDJhMSAxIDAgMCAwLS43MDcgMS43MDdsMyAzYTEgMSAwIDAgMCAxLjQxNCAwbDMtM0ExIDEgMCAwIDAgNyAySDF6Ii8+PC9zdmc+\"","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik00IDBhMSAxIDAgMCAwLTEgMXYySDFhMSAxIDAgMSAwIDAgMmgydjJhMSAxIDAgMCAwIDIgMFY1aDJhMSAxIDAgMCAwIDAtMkg1VjFhMSAxIDAgMCAwLTEtMXoiLz48L3N2Zz4=\"","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik01IDFhMSAxIDAgMCAwLTIgMHYzLjU4NmwtLjI5My0uMjkzYTEgMSAwIDAgMC0xLjQxNCAxLjQxNGwyIDJhMSAxIDAgMCAwIDEuNDE0IDBsMi0yYTEgMSAwIDAgMC0xLjQxNC0xLjQxNEw1IDQuNTg2VjF6Ii8+PC9zdmc+\"","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNLjI5MyAyLjI5M2ExIDEgMCAwIDEgMS40MTQgMEw0IDQuNTg2bDIuMjkzLTIuMjkzYTEgMSAwIDAgMSAxLjQxNCAxLjQxNGwtMyAzYTEgMSAwIDAgMS0xLjQxNCAwbC0zLTNhMSAxIDAgMCAxIDAtMS40MTR6Ii8+PC9zdmc+\"","import { ComponentPropsWithoutRef, ForwardedRef, forwardRef, useRef, useState } from 'react'\n\nimport { ReactComponent as CaretDown8 } from '../../../../icons/caret-down-8.svg'\nimport { ReactComponent as Plus8 } from '../../../../icons/plus-8.svg'\nimport { ReactComponent as ArrowDown8 } from '../../../../icons/arrow-down-8.svg'\nimport { ReactComponent as ChevronDown8 } from '../../../../icons/chevron-down-8.svg'\nimport {\n ResponsiveColorValue,\n TextStyleValue,\n LinkValue,\n} from '../../../../../prop-controllers/descriptors'\nimport { colorToString } from '../../../../utils/colorToString'\nimport { useResponsiveColor } from '../../../../hooks'\n\nimport { Link } from '../../../../shared/Link'\nimport Button from '../../../Button'\nimport { useIsomorphicLayoutEffect } from '../../../../hooks/useIsomorphicLayoutEffect'\nimport { cx, keyframes } from '@emotion/css'\nimport { useStyle } from '../../../../../runtimes/react/use-style'\nimport { useResponsiveStyle, useResponsiveTextStyle } from '../../../../utils/responsive-style'\n\nconst DROP_DOWN_MENU_WIDTH = 200\n\ntype Position = 'left' \| 'right'\n\nconst DROP_DOWN_MENU_CLASS_NAME = 'drop-down-menu'\n\ntype DropDownMenuBaseProps = {\n position: Position\n}\n\ntype DropDownMenuProps = DropDownMenuBaseProps &\n Omit<ComponentPropsWithoutRef<'div'>, keyof DropDownMenuBaseProps>\n\nfunction DropDownMenu({ className, position, ...restOfProps }: DropDownMenuProps) {\n return (\n <div\n {...restOfProps}\n className={cx(\n DROP_DOWN_MENU_CLASS_NAME,\n useStyle({\n position: 'absolute',\n top: '100%',\n left: position === 'left' ? 0 : 'auto',\n right: position === 'right' ? 0 : 'auto',\n background: '#fff',\n margin: 0,\n padding: '8px 0',\n borderRadius: 4,\n boxShadow: '0 3px 10px rgba(0, 0, 0, 0.15)',\n width: DROP_DOWN_MENU_WIDTH,\n zIndex: 99,\n listStyle: 'none',\n overflow: 'hidden',\n transformOrigin: '50% 0',\n willChange: 'transform, opacity',\n transformStyle: 'preserve-3d',\n display: 'none',\n }),\n className,\n )}\n />\n )\n}\n\nconst dropIn = keyframes`\n 0% {\n opacity: 0;\n transform: rotateX(-20deg);\n }\n 100% {\n opacity: 1;\n transform: none;\n }\n`\n\ntype DropDownContainerProps = ComponentPropsWithoutRef<'div'>\n\nconst DropDownContainer = forwardRef(function DropDownContainer(\n { className, ...restOfProps }: DropDownContainerProps,\n ref: ForwardedRef<HTMLDivElement>,\n) {\n return (\n <div\n {...restOfProps}\n ref={ref}\n className={cx(\n useStyle({\n position: 'relative',\n [`&:hover .${DROP_DOWN_MENU_CLASS_NAME}`]: {\n display: 'block',\n animation: `${dropIn} 0.25s`,\n },\n }),\n className,\n )}\n />\n )\n})\n\ntype BaseDropDownItemProps = {\n className?: string\n color?: ResponsiveColorValue\n textStyle?: TextStyleValue\n}\n\ntype DropDownItemProps = BaseDropDownItemProps &\n Omit<ComponentPropsWithoutRef<typeof Link>, keyof BaseDropDownItemProps>\n\nfunction DropDownItem({ className, color, textStyle, ...restOfProps }: DropDownItemProps) {\n const colorData = useResponsiveColor(color)\n\n return (\n <Link\n {...restOfProps}\n className={cx(\n useStyle({\n display: 'block',\n textDecoration: 'none',\n lineHeight: 1.4,\n padding: '8px 16px',\n color: 'black',\n backgroundColor: 'transparent',\n transition: 'background-color 0.2s',\n }),\n useStyle(useResponsiveTextStyle(textStyle)),\n useStyle(\n useResponsiveStyle([colorData, textStyle] as const, ([color, textStyle = {}]) => {\n const fontSize = textStyle.fontSize \|\| { value: 14, unit: 'px' }\n const fontWeight = textStyle.fontWeight == null ? 'normal' : textStyle.fontWeight\n const fontStyle = textStyle.fontStyle \|\| []\n const letterSpacing = textStyle.letterSpacing == null ? null : textStyle.letterSpacing\n const textTransform = textStyle.textTransform \|\| []\n\n return {\n color: color == null ? 'black' : colorToString(color),\n fontSize: `${fontSize.value}${fontSize.unit}`,\n fontWeight,\n fontStyle: fontStyle.includes('italic') ? 'italic' : 'normal',\n letterSpacing: letterSpacing == null ? 'normal' : `${letterSpacing}px`,\n textTransform: textTransform.includes('uppercase') ? 'uppercase' : 'none',\n }\n }),\n ),\n useStyle({\n '&:hover': {\n backgroundColor: 'rgba(0, 0, 0, 0.04)',\n },\n }),\n className,\n )}\n />\n )\n}\n\ntype Props = Omit<ComponentPropsWithoutRef<typeof Button>, 'textColor' \| 'color'> & {\n label: string\n caret?: 'caret' \| 'plus' \| 'arrow-down' \| 'chevron-down'\n links?: Array<{\n id: string\n payload: ComponentPropsWithoutRef<typeof DropDownItem> & {\n link?: LinkValue\n label: string\n }\n }>\n textColor?: ResponsiveColorValue\n color?: ResponsiveColorValue\n}\n\nexport default function DropDownButton({\n label,\n caret = 'caret',\n links = [],\n textColor,\n color,\n ...restOfProps\n}: Props): JSX.Element {\n const container = useRef<HTMLDivElement>(null)\n const [position, setPosition] = useState<Position>('left')\n\n useIsomorphicLayoutEffect(() => {\n if (\n container.current &&\n container.current.ownerDocument.defaultView!.innerWidth <\n container.current.offsetLeft + DROP_DOWN_MENU_WIDTH\n ) {\n setPosition('right')\n } else {\n setPosition('left')\n }\n }, [setPosition])\n\n return (\n <DropDownContainer ref={container}>\n <Button\n {...restOfProps}\n textColor={useResponsiveColor(textColor)}\n color={useResponsiveColor(color)}\n >\n <div style={{ display: 'flex', alignItems: 'center' }}>\n <span style={{ marginRight: 6 }}>{label}</span>\n <span style={{ display: 'inline-flex', fill: 'currentColor' }}>\n {caret === 'caret' && <CaretDown8 />}\n {caret === 'plus' && <Plus8 />}\n {caret === 'arrow-down' && <ArrowDown8 />}\n {caret === 'chevron-down' && <ChevronDown8 />}\n </span>\n </div>\n </Button>\n <DropDownMenu position={position}>\n {links.map(({ id, payload }) => (\n <DropDownItem {...payload} key={id}>\n {payload.label}\n </DropDownItem>\n ))}\n </DropDownMenu>\n </DropDownContainer>\n )\n}\n","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy43MDcgMy43MDdhMSAxIDAgMCAwLTEuNDE0LTEuNDE0TDggNi41ODYgMy43MDcgMi4yOTNhMSAxIDAgMCAwLTEuNDE0IDEuNDE0TDYuNTg2IDhsLTQuMjkzIDQuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEw4IDkuNDE0bDQuMjkzIDQuMjkzYTEgMSAwIDAgMCAxLjQxNC0xLjQxNEw5LjQxNCA4bDQuMjkzLTQuMjkzWiIvPgo8L3N2Zz4=\"","import { ComponentPropsWithoutRef, useState } from 'react'\n\nimport {\n ResponsiveColorValue,\n TextStyleValue,\n LinkValue,\n} from '../../../../../../../prop-controllers/descriptors'\nimport { colorToString } from '../../../../../../utils/colorToString'\nimport { useResponsiveColor } from '../../../../../../hooks'\n\nimport { ReactComponent as CaretDown8 } from '../../../../../../icons/caret-down-8.svg'\nimport { ReactComponent as Plus8 } from '../../../../../../icons/plus-8.svg'\nimport { ReactComponent as ArrowDown8 } from '../../../../../../icons/arrow-down-8.svg'\nimport { ReactComponent as ChevronDown8 } from '../../../../../../icons/chevron-down-8.svg'\n\nimport { Link } from '../../../../../../shared/Link'\nimport Button from '../../../../../Button'\nimport { cx } from '@emotion/css'\nimport { useStyle } from '../../../../../../../runtimes/react/use-style'\nimport {\n useResponsiveStyle,\n useResponsiveTextStyle,\n} from '../../../../../../utils/responsive-style'\n\ntype DropDownMenuBaseProps = {\n className?: string\n open: boolean\n}\n\ntype DropDownMenuProps = DropDownMenuBaseProps &\n Omit<ComponentPropsWithoutRef<'div'>, keyof DropDownMenuBaseProps>\n\nfunction DropDownMenu({ className, open, ...restOfProps }: DropDownMenuProps) {\n return (\n <div\n {...restOfProps}\n className={cx(\n useStyle({ display: open ? 'flex' : 'none', flexDirection: 'column', padding: 8 }),\n className,\n )}\n />\n )\n}\n\ntype ButtonLinkBaseProps = {\n className?: string\n}\n\ntype ButtonLinkProps = ButtonLinkBaseProps &\n Omit<ComponentPropsWithoutRef<typeof Button>, keyof ButtonLinkBaseProps>\n\nfunction ButtonLink({ className, ...restOfProps }: ButtonLinkProps) {\n return <Button {...restOfProps} className={cx(useStyle({ margin: '8px 0' }), className)} />\n}\n\ntype BaseDropDownItemProps = {\n className?: string\n color?: ResponsiveColorValue\n textStyle?: TextStyleValue\n}\n\ntype DropDownItemProps = BaseDropDownItemProps &\n Omit<ComponentPropsWithoutRef<typeof Link>, keyof BaseDropDownItemProps>\n\nfunction DropDownItem({ color, className, textStyle, ...restOfProps }: DropDownItemProps) {\n const colorData = useResponsiveColor(color)\n\n return (\n <Link\n {...restOfProps}\n className={cx(\n useStyle({\n textDecoration: 'none',\n lineHeight: 1.4,\n padding: '8px 16px',\n color: 'black',\n }),\n useStyle(useResponsiveTextStyle(textStyle)),\n useStyle(\n useResponsiveStyle([colorData] as const, ([color]) => ({\n color: color == null ? 'black' : colorToString(color),\n })),\n ),\n className,\n )}\n />\n )\n}\n\ntype Props = Omit<ComponentPropsWithoutRef<typeof Button>, 'textColor' \| 'color'> & {\n label: string\n links?: Array<{\n id: string\n payload: ComponentPropsWithoutRef<typeof DropDownItem> & {\n link?: LinkValue\n label: string\n }\n }>\n onClose?: () => unknown\n caret?: string\n textColor?: ResponsiveColorValue\n color?: ResponsiveColorValue\n}\n\nexport default function MobileDropDownButton({\n label,\n caret,\n links = [],\n onClose = () => {},\n color,\n textColor,\n ...restOfProps\n}: Props): JSX.Element {\n const [isOpen, setIsOpen] = useState(false)\n return (\n <>\n <ButtonLink\n {...restOfProps}\n textColor={useResponsiveColor(textColor)}\n color={useResponsiveColor(color)}\n onPointerDown={() => setIsOpen(prev => !prev)}\n >\n <div style={{ display: 'flex', alignItems: 'center' }}>\n <span style={{ marginRight: 6 }}>{label}</span>\n <span style={{ display: 'inline-flex', fill: 'currentColor' }}>\n <>\n {caret === 'caret' && <CaretDown8 />}\n {caret === 'plus' && <Plus8 />}\n {caret === 'arrow-down' && <ArrowDown8 />}\n {caret === 'chevron-down' && <ChevronDown8 />}\n </>\n </span>\n </div>\n </ButtonLink>\n <DropDownMenu open={isOpen}>\n {links.map(({ id, payload }) => (\n <DropDownItem {...payload} key={id} onClick={onClose}>\n {payload.label}\n </DropDownItem>\n ))}\n </DropDownMenu>\n </>\n )\n}\n","import { ComponentPropsWithoutRef, Fragment } from 'react'\n\nimport {\n ResponsiveValue,\n NavigationLinksValue,\n NavigationButton as NavigationButtonValue,\n} from '../../../../../prop-controllers/descriptors'\nimport { ColorValue as Color } from '../../../../utils/types'\nimport { colorToString } from '../../../../utils/colorToString'\nimport { ReactComponent as Times16 } from '../../../../icons/times-16.svg'\n\nimport Button from '../../../Button'\nimport DropDownButton from './components/MobileDropDownButton'\nimport { ResponsiveColor } from '../../../../../runtimes/react/controls'\nimport { useResponsiveColor } from '../../../../hooks'\nimport { cx } from '@emotion/css'\nimport { useStyle } from '../../../../../runtimes/react/use-style'\nimport { useResponsiveStyle } from '../../../../utils/responsive-style'\n\ntype NavigationButtonProps = NavigationButtonValue['payload'] &\n Omit<ComponentPropsWithoutRef<typeof Button>, 'color' \| 'textColor'>\n\nfunction ButtonLink({\n className,\n textColor,\n color,\n ...restOfProps\n}: NavigationButtonProps): JSX.Element {\n return (\n <Button\n {...restOfProps}\n className={cx(useStyle({ margin: '8px 0' }), className)}\n textColor={useResponsiveColor(textColor)}\n color={useResponsiveColor(color)}\n />\n )\n}\n\ntype ContainerBaseProps = {\n className?: string\n animation?: ResponsiveValue<'coverRight' \| 'coverLeft'>\n backgroundColor?: ResponsiveValue<Color> \| null\n open: boolean\n}\n\ntype ContainerProps = ContainerBaseProps &\n Omit<ComponentPropsWithoutRef<'div'>, keyof ContainerBaseProps>\n\nfunction Container({\n className,\n animation,\n backgroundColor,\n open,\n ...restOfProps\n}: ContainerProps) {\n return (\n <div\n {...restOfProps}\n className={cx(\n useStyle({\n position: 'fixed',\n flexDirection: 'column',\n width: '100%',\n padding: '40px 15px',\n transition: 'transform 300ms ease-in-out',\n overflowY: 'auto',\n zIndex: 9999,\n maxWidth: 575,\n }),\n useStyle(\n useResponsiveStyle(\n [animation, backgroundColor] as const,\n ([animation, backgroundColor]) => {\n if (animation == null) return { display: 'none' }\n\n return {\n display: 'flex',\n backgroundColor: backgroundColor == null ? 'black' : colorToString(backgroundColor),\n transform: open\n ? `translate3d(0,0,0)`\n : `translate3d(${{ coverRight: '', coverLeft: '-' }[animation]}100%, 0, 0)`,\n ...{\n coverRight: { top: 0, bottom: 0, right: 0 },\n coverLeft: { top: 0, bottom: 0, left: 0 },\n }[animation],\n }\n },\n ),\n ),\n className,\n )}\n />\n )\n}\n\ntype CloseIconContainerBaseProps = {\n className?: string\n color?: ResponsiveColor \| null\n}\n\ntype CloseIconContainerProps = CloseIconContainerBaseProps &\n Omit<ComponentPropsWithoutRef<'button'>, keyof CloseIconContainerBaseProps>\n\nfunction CloseIconContainer({ className, color, ...restOfProps }: CloseIconContainerProps) {\n return (\n <button\n {...restOfProps}\n className={cx(\n useStyle({\n position: 'absolute',\n top: 15,\n right: 15,\n padding: 0,\n border: 0,\n outline: 0,\n background: 'none',\n fill: 'currentcolor',\n }),\n useStyle(\n useResponsiveStyle([color] as const, ([color]) => ({\n color: color == null ? 'rgba(161, 168, 194, 0.5)' : colorToString(color),\n })),\n ),\n className,\n )}\n />\n )\n}\n\ntype Props = {\n animation?: ResponsiveValue<'coverRight' \| 'coverLeft'>\n backgroundColor?: ResponsiveColor \| null\n closeIconColor?: ResponsiveColor \| null\n links?: NavigationLinksValue\n onClose?: () => unknown\n open?: boolean\n}\n\nexport default function MobileMenu({\n animation,\n backgroundColor,\n open = false,\n closeIconColor,\n links = [],\n onClose = () => {},\n}: Props): JSX.Element {\n return (\n <Container animation={animation} backgroundColor={backgroundColor} open={open}>\n <CloseIconContainer color={closeIconColor} onClick={onClose}>\n <Times16 />\n </CloseIconContainer>\n <div\n style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', flexShrink: 0 }}\n >\n {links.map(link => (\n <Fragment key={link.id}>\n {link.type === 'button' && (\n <ButtonLink {...link.payload} onClick={onClose}>\n {link.payload.label}\n </ButtonLink>\n )}\n {link.type === 'dropdown' && <DropDownButton {...link.payload} onClose={onClose} />}\n </Fragment>\n ))}\n </div>\n </Container>\n )\n}\n","import { ComponentPropsWithoutRef, ForwardedRef, forwardRef, useState } from 'react'\n\nimport { ReactComponent as MobileMenu28 } from '../../icons/mobile-menu-28.svg'\n\nimport GutterContainer from '../../shared/GutterContainer'\nimport Image from '../Image'\nimport Button from '../Button'\nimport LinksPlaceholder from './components/LinksPlaceholder'\nimport DropDownButton from './components/DropDownButton'\nimport MobileMenu from './components/MobileMenu'\nimport {\n ResponsiveValue,\n CheckboxValue,\n ElementIDValue,\n GapXValue,\n ImageValue,\n LinkValue,\n NavigationLinksValue,\n ResponsiveIconRadioGroupValue,\n ResponsiveLengthValue,\n ResponsiveSelectValue,\n TextInputValue,\n TextStyleValue,\n NavigationButton as NavigationButtonValue,\n} from '../../../prop-controllers/descriptors'\nimport { ColorValue as Color } from '../../utils/types'\nimport { colorToString } from '../../utils/colorToString'\nimport { ResponsiveColor } from '../../../runtimes/react/controls'\nimport { useResponsiveColor } from '../../hooks'\nimport { cx } from '@emotion/css'\nimport { useResponsiveStyle, useResponsiveTextStyle } from '../../utils/responsive-style'\nimport { useStyle } from '../../../runtimes/react/use-style'\n\ntype Props = {\n id?: ElementIDValue\n links?: NavigationLinksValue\n linkTextStyle?: TextStyleValue\n showLogo?: CheckboxValue\n logoFile?: ImageValue\n logoWidth?: ResponsiveLengthValue\n logoAltText?: TextInputValue\n logoLink?: LinkValue\n alignment?: ResponsiveIconRadioGroupValue<'flex-start' \| 'center' \| 'flex-end'>\n gutter?: GapXValue\n mobileMenuAnimation?: ResponsiveSelectValue<'coverRight' \| 'coverLeft'>\n mobileMenuOpenIconColor?: ResponsiveColor \| null\n mobileMenuCloseIconColor?: ResponsiveColor \| null\n mobileMenuBackgroundColor?: ResponsiveColor \| null\n width?: string\n margin?: string\n}\n\ntype ContainerBaseProps = {\n width?: string\n margin?: string\n textStyle: Props['linkTextStyle']\n gutter: Props['gutter']\n}\n\ntype ContainerProps = ContainerBaseProps &\n Omit<ComponentPropsWithoutRef<'nav'>, keyof ContainerBaseProps>\n\nconst Container = forwardRef(function Container(\n { className, width, margin, textStyle, gutter, ...restOfProps }: ContainerProps,\n ref: ForwardedRef<HTMLElement>,\n) {\n return (\n <nav\n {...restOfProps}\n ref={ref}\n className={cx(\n useStyle({ display: 'flex', alignItems: 'center' }),\n width,\n margin,\n useStyle(useResponsiveTextStyle(textStyle)),\n useStyle(\n useResponsiveStyle([gutter] as const, ([gutter = { value: 0, unit: 'px' }]) => ({\n gap: `${gutter.value}${gutter.unit}`,\n })),\n ),\n className,\n )}\n />\n )\n})\n\ntype LinksContainerBaseProps = {\n alignment: Props['alignment']\n mobileMenuAnimation: Props['mobileMenuAnimation']\n}\n\ntype LinksContainerProps = LinksContainerBaseProps &\n Omit<ComponentPropsWithoutRef<'div'>, keyof LinksContainerBaseProps>\n\nfunction LinksContainer({\n className,\n alignment,\n mobileMenuAnimation,\n ...restOfProps\n}: LinksContainerProps) {\n return (\n <div\n {...restOfProps}\n className={cx(\n useStyle({\n display: 'flex',\n alignItems: 'center',\n flexGrow: 1,\n }),\n useStyle(\n useResponsiveStyle(\n [alignment, mobileMenuAnimation] as const,\n ([alignment = 'flex-end', mobileMenuAnimation]) => ({\n display: mobileMenuAnimation == null ? 'flex' : 'none',\n justifyContent: alignment,\n }),\n ),\n ),\n className,\n )}\n />\n )\n}\n\ntype OpenIconContainerBaseProps = {\n mobileMenuAnimation: Props['mobileMenuAnimation']\n alignment: Props['alignment']\n color: ResponsiveValue<Color> \| null \| undefined\n}\n\ntype OpenIconContainerProps = OpenIconContainerBaseProps &\n Omit<ComponentPropsWithoutRef<'button'>, keyof OpenIconContainerBaseProps>\n\nfunction OpenIconContainer({\n className,\n mobileMenuAnimation,\n alignment,\n color,\n ...restOfProps\n}: OpenIconContainerProps) {\n return (\n <button\n {...restOfProps}\n className={cx(\n useStyle({\n display: 'none',\n flexGrow: 1,\n alignItems: 'center',\n background: 'none',\n outline: 0,\n border: 0,\n padding: 0,\n fill: 'currentcolor',\n }),\n useStyle(\n useResponsiveStyle(\n [mobileMenuAnimation, alignment, color] as const,\n ([mobileMenuAnimation, alignment = 'flex-end', color]) => ({\n display: mobileMenuAnimation == null ? 'none' : 'flex',\n justifyContent: alignment,\n color: color == null ? 'rgba(161, 168, 194, 0.5)' : colorToString(color),\n }),\n ),\n ),\n className,\n )}\n />\n )\n}\n\ntype NavigationButtonProps = NavigationButtonValue['payload'] &\n Omit<ComponentPropsWithoutRef<typeof Button>, 'color' \| 'textColor'>\n\nfunction NavigationButton(props: NavigationButtonProps): JSX.Element {\n const { textColor, color, ...restOfProps } = props\n\n return (\n <Button\n {...restOfProps}\n textColor={useResponsiveColor(textColor)}\n color={useResponsiveColor(color)}\n />\n )\n}\n\nconst placeholder = {\n src: \"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='93.12' height='36' viewBox='0 0 93.12 36'%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath d='M18,0A18,18,0,1,1,0,18,18,18,0,0,1,18,0ZM49.36,21.94h6.36V24H46.8V10h2.56Zm9.06.72a4.88,4.88,0,0,1-1.64-3.72,5,5,0,0,1,1.64-3.74,5.57,5.57,0,0,1,7.7,0,5.09,5.09,0,0,1,.26,7.18l-.26.26a5.56,5.56,0,0,1-7.7,0Zm1.68-6a3.39,3.39,0,0,0,0,4.52,3,3,0,0,0,4.24.08l.08-.08a3.39,3.39,0,0,0,0-4.52,3,3,0,0,0-4.24-.08Zm10,10.68,1-1.92a5.28,5.28,0,0,0,3.3,1.22,3.6,3.6,0,0,0,2.32-.72,2.73,2.73,0,0,0,.9-2.26V22.5a3.61,3.61,0,0,1-1.45,1.26,4.35,4.35,0,0,1-2,.46,4.57,4.57,0,0,1-3.58-1.54A5.48,5.48,0,0,1,69.2,18.9a5.42,5.42,0,0,1,1.36-3.74,4.64,4.64,0,0,1,3.62-1.5,4,4,0,0,1,3.44,1.72v-1.5h2.46v9a6.13,6.13,0,0,1-1.43,4.46,5.27,5.27,0,0,1-4,1.44,7.09,7.09,0,0,1-4.53-1.42Zm1.54-8.44a3.4,3.4,0,0,0,.82,2.3,2.72,2.72,0,0,0,2.17.94,3.13,3.13,0,0,0,1.21-.22,2.89,2.89,0,0,0,1-.62,3.08,3.08,0,0,0,.63-1,3.62,3.62,0,0,0,.21-1.3,4,4,0,0,0-.23-1.33,3.3,3.3,0,0,0-.63-1.05,2.74,2.74,0,0,0-1-.68,3.35,3.35,0,0,0-1.25-.24,2.92,2.92,0,0,0-1.2.24,2.58,2.58,0,0,0-.93.67,3,3,0,0,0-.59,1,3.89,3.89,0,0,0-.19,1.31ZM83.8,22.66a4.88,4.88,0,0,1-1.64-3.72A5,5,0,0,1,83.8,15.2a5.57,5.57,0,0,1,7.7,0,5.09,5.09,0,0,1,.26,7.18,3.19,3.19,0,0,1-.26.26,5.56,5.56,0,0,1-7.7,0Zm1.68-6a3.39,3.39,0,0,0,0,4.52,3,3,0,0,0,4.24.08l.08-.08a3.39,3.39,0,0,0,0-4.52,3,3,0,0,0-4.24-.08Z' fill='%23a1a8c2' opacity='0.4' style='isolation: isolate'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A\",\n dimensions: { width: 93, height: 36 },\n}\n\nconst Navigation = forwardRef<HTMLDivElement, Props>(function Navigation(\n {\n id,\n links = [],\n linkTextStyle,\n showLogo,\n logoFile,\n logoWidth,\n logoAltText,\n logoLink,\n alignment,\n gutter,\n mobileMenuAnimation,\n mobileMenuOpenIconColor,\n mobileMenuCloseIconColor,\n mobileMenuBackgroundColor,\n width,\n margin,\n },\n ref,\n) {\n const [isOpen, setIsOpen] = useState(false)\n\n return (\n <Container\n ref={ref}\n id={id}\n width={width}\n margin={margin}\n textStyle={linkTextStyle}\n gutter={gutter}\n >\n {showLogo === true && (\n <Image\n altText={logoAltText}\n file={logoFile}\n link={logoLink}\n placeholder={placeholder}\n width={logoWidth}\n />\n )}\n <div style={{ display: 'flex', flexGrow: 1, justifyContent: 'flex-end' }}>\n <LinksContainer alignment={alignment} mobileMenuAnimation={mobileMenuAnimation}>\n {links.length > 0 ? (\n links.map((link, i) => (\n <GutterContainer\n key={link.id}\n gutter={gutter}\n first={i === 0}\n last={i === links.length - 1}\n >\n {link.type === 'button' && (\n <NavigationButton {...link.payload}>{link.payload.label}</NavigationButton>\n )}\n {link.type === 'dropdown' && <DropDownButton {...link.payload} />}\n </GutterContainer>\n ))\n ) : (\n <LinksPlaceholder gutter={gutter} />\n )}\n </LinksContainer>\n <OpenIconContainer\n alignment={alignment}\n color={mobileMenuOpenIconColor}\n mobileMenuAnimation={mobileMenuAnimation}\n onClick={() => setIsOpen(true)}\n >\n <MobileMenu28 />\n </OpenIconContainer>\n <MobileMenu\n animation={mobileMenuAnimation}\n backgroundColor={mobileMenuBackgroundColor}\n closeIconColor={mobileMenuCloseIconColor}\n links={links}\n onClose={() => setIsOpen(false)}\n open={isOpen}\n />\n </div>\n </Container>\n )\n})\n\nexport default Navigation\n"],"names":["_path","_extends","width","button","useStyle","height","backgroundColor","borderRadius","opacity","links","gutter","_Fragment","map","link","i","length","DROP_DOWN_MENU_WIDTH","DROP_DOWN_MENU_CLASS_NAME","className","position","restOfProps","cx","top","left","right","background","margin","padding","boxShadow","zIndex","listStyle","overflow","transformOrigin","willChange","transformStyle","display","dropIn","keyframes","DropDownContainer","forwardRef","ref","animation","color","textStyle","colorData","useResponsiveColor","textDecoration","lineHeight","transition","useResponsiveTextStyle","useResponsiveStyle","fontSize","value","unit","fontWeight","fontStyle","letterSpacing","textTransform","colorToString","includes","label","caret","textColor","container","useRef","setPosition","useState","useIsomorphicLayoutEffect","current","ownerDocument","defaultView","innerWidth","offsetLeft","_jsx","alignItems","marginRight","_jsxs","fill","CaretDown8","Plus8","ArrowDown8","ChevronDown8","DropDownMenu","id","payload","DropDownItem","open","flexDirection","onClose","isOpen","setIsOpen","ButtonLink","prev","overflowY","maxWidth","transform","coverRight","coverLeft","bottom","border","outline","closeIconColor","Container","Times16","flexShrink","Fragment","type","DropDownButton","gap","alignment","mobileMenuAnimation","flexGrow","justifyContent","props","placeholder","src","dimensions","Navigation","linkTextStyle","showLogo","logoFile","logoWidth","logoAltText","logoLink","mobileMenuOpenIconColor","mobileMenuCloseIconColor","mobileMenuBackgroundColor","Image","MobileMenu28"],"mappings":"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"}

package/dist/PreviewProvider.cjs.js CHANGED Viewed

@@ -25,10 +25,9 @@ var redux = require("redux");
 var thunk = require("redux-thunk");
 var Router = require("next/router");
 var immutable = require("immutable");
-var constants = require("./constants.cjs.js");
+var reactPage = require("./react-page.cjs.js");
 var actions = require("./actions.cjs.js");
 var boxModels = require("./box-models.cjs.js");
-var descriptors = require("./descriptors.cjs.js");
 var state_breakpoints = require("./state/breakpoints.cjs.js");
 var controlSerialization = require("./control-serialization.cjs.js");
 var jsxRuntime = require("react/jsx-runtime");
@@ -39,9 +38,12 @@ require("@emotion/serialize");
 require("@emotion/utils");
 require("./text-input.cjs.js");
 require("./combobox.cjs.js");
+require("./select.cjs.js");
+require("slate");
+require("is-hotkey");
+require("slate-react");
 require("use-sync-external-store/shim");
 require("./types.cjs.js");
-require("./introspection.cjs.js");
 require("color");
 require("scroll-into-view-if-needed");
 require("react-dom");
@@ -54,10 +56,10 @@ require("path-to-regexp");
 require("cookie");
 require("http-proxy");
 require("set-cookie-parser");
+require("./constants.cjs.js");
 require("uuid");
 require("corporate-ipsum");
 require("css-box-model");
-require("./slate.cjs2.js");
 function _interopDefaultLegacy(e) {
   return e && typeof e === "object" && "default" in e ? e : { "default": e };
 }
@@ -80,24 +82,24 @@ function apply(data, operation) {
 function getInitialState$2({
   rootElements
 } = {}) {
-  return constants.getInitialState({ rootElements });
+  return reactPage.getInitialState({ rootElements });
 }
 function getReadOnlyDocumentsStateSlice(state) {
   return state;
 }
 function getDocument(state, documentKey) {
-  return constants.getDocument$1(getReadOnlyDocumentsStateSlice(state), documentKey);
+  return reactPage.getDocument$1(getReadOnlyDocumentsStateSlice(state), documentKey);
 }
 function reducer$3(state = getInitialState$2(), action) {
   var _a;
-  const nextState = constants.reducer(state, action);
+  const nextState = reactPage.reducer(state, action);
   switch (action.type) {
     case actions.ActionTypes.CHANGE_DOCUMENT: {
       const currentRootElement = (_a = getDocument(nextState, action.payload.documentKey)) == null ? void 0 : _a.rootElement;
       if (currentRootElement == null)
         return nextState;
       const nextRootElement = apply(currentRootElement, action.payload.operation);
-      return currentRootElement === nextRootElement ? nextState : new Map(nextState).set(action.payload.documentKey, constants.createDocument(action.payload.documentKey, nextRootElement));
+      return currentRootElement === nextRootElement ? nextState : new Map(nextState).set(action.payload.documentKey, reactPage.createDocument(action.payload.documentKey, nextRootElement));
     }
     default:
       return nextState;
@@ -141,14 +143,14 @@ function reducer$1(state = getInitialState(), action) {
 }
 const reducer = redux.combineReducers({
   documents: reducer$3,
-  reactComponents: constants.reducer$1,
+  reactComponents: reactPage.reducer$1,
   boxModels: boxModels.reducer,
-  componentsMeta: constants.reducer$2,
-  propControllers: constants.reducer$3,
-  propControllerHandles: constants.reducer$4,
-  isInBuilder: constants.reducer$5,
-  isPreview: constants.reducer$6,
-  builderEditMode: descriptors.reducer,
+  componentsMeta: reactPage.reducer$2,
+  propControllers: reactPage.reducer$3,
+  propControllerHandles: reactPage.reducer$4,
+  isInBuilder: reactPage.reducer$5,
+  isPreview: reactPage.reducer$6,
+  builderEditMode: reactPage.reducer$7,
   pointer: reducer$2,
   elementImperativeHandles: reducer$1,
   breakpoints: state_breakpoints.reducer
@@ -169,13 +171,13 @@ function getComponentsMetaStateSlice(state) {
   return state.componentsMeta;
 }
 function getComponentsMeta(state) {
-  return constants.getComponentsMeta(getComponentsMetaStateSlice(state));
+  return reactPage.getComponentsMeta(getComponentsMetaStateSlice(state));
 }
 function getPropControllersStateSlice(state) {
   return state.propControllers;
 }
 function getComponentPropControllerDescriptors(state, componentType) {
-  return constants.getComponentPropControllerDescriptors$1(getPropControllersStateSlice(state), componentType);
+  return reactPage.getComponentPropControllerDescriptors$1(getPropControllersStateSlice(state), componentType);
 }
 function getPropControllerHandlesStateSlice(state) {
   return state.propControllerHandles;
@@ -306,7 +308,7 @@ function startHandlingFocusEvents() {
       window.removeEventListener("focusout", handleFocusOut);
     };
     function handleFocusIn(event) {
-      if (constants.getBuilderEditMode(getState()) === descriptors.BuilderEditMode.INTERACT) {
+      if (reactPage.getBuilderEditMode(getState()) === reactPage.BuilderEditMode.INTERACT) {
         return;
       }
       if (!(event.target instanceof window.HTMLElement) || !event.target.isContentEditable) {
@@ -314,7 +316,7 @@ function startHandlingFocusEvents() {
       }
     }
     function handleFocusOut(event) {
-      if (constants.getBuilderEditMode(getState()) === descriptors.BuilderEditMode.INTERACT) {
+      if (reactPage.getBuilderEditMode(getState()) === reactPage.BuilderEditMode.INTERACT) {
         return;
       }
       if (!(event.relatedTarget instanceof window.HTMLElement) || !event.relatedTarget.isContentEditable) {
@@ -345,7 +347,7 @@ function elementKeysFromElementFromPoint(elementFromPoint) {
     if (elementFromPoint == null)
       return null;
     const elementImperativeHandles = getElementImperativeHandlesContainingElement(getState(), elementFromPoint);
-    const acendingDepthDocumentKeys = constants.getDocumentKeysSortedByDepth(getState());
+    const acendingDepthDocumentKeys = reactPage.getDocumentKeysSortedByDepth(getState());
     const descendingDepthDocumentKeys = acendingDepthDocumentKeys.slice().reverse();
     let currentElement = elementFromPoint;
     let keys = null;
@@ -440,7 +442,7 @@ function messageChannelMiddleware() {
         messageChannel.port1.postMessage(actions.registerBuilderComponent(componentType, componentMeta, serializedControls), transferables);
       }
     });
-    const breakpoints = constants.getBreakpoints(state);
+    const breakpoints = reactPage.getBreakpoints(state);
     messageChannel.port1.postMessage(actions.setBreakpoints(breakpoints));
     Router__default["default"].events.on("routeChangeStart", () => {
       messageChannel.port1.postMessage(actions.changePathnameStart());
@@ -500,11 +502,11 @@ function messageChannelMiddleware() {
 }
 function createAndRegisterPropControllers(documentKey, elementKey) {
   return (dispatch, getState) => {
-    const descriptors$1 = constants.getElementPropControllerDescriptors(getState(), documentKey, elementKey);
-    if (descriptors$1 == null)
+    const descriptors = reactPage.getElementPropControllerDescriptors(getState(), documentKey, elementKey);
+    if (descriptors == null)
       return null;
-    const propControllers = Object.entries(descriptors$1).reduce((acc, [propName, descriptor]) => {
-      const propController = descriptors.createPropController(descriptor, (message) => dispatch(actions.messageBuilderPropController(documentKey, elementKey, propName, message)));
+    const propControllers = Object.entries(descriptors).reduce((acc, [propName, descriptor]) => {
+      const propController = reactPage.createPropController(descriptor, (message) => dispatch(actions.messageBuilderPropController(documentKey, elementKey, propName, message)));
       return __spreadProps(__spreadValues({}, acc), { [propName]: propController });
     }, {});
     dispatch(actions.registerPropControllers(documentKey, elementKey, propControllers));
@@ -517,9 +519,9 @@ function propControllerHandlesMiddleware() {
       switch (action.type) {
         case actions.ActionTypes.REGISTER_COMPONENT_HANDLE: {
           const { documentKey, elementKey, componentHandle } = action.payload;
-          const element = constants.getElement(getState(), documentKey, elementKey);
+          const element = reactPage.getElement(getState(), documentKey, elementKey);
           const propControllers = dispatch(createAndRegisterPropControllers(documentKey, elementKey));
-          if (element != null && !constants.isElementReference(element) && constants.isPropControllersHandle(componentHandle)) {
+          if (element != null && !reactPage.isElementReference(element) && reactPage.isPropControllersHandle(componentHandle)) {
             dispatch(actions.registerPropControllersHandle(documentKey, elementKey, componentHandle));
             componentHandle.setPropControllers(propControllers);
           }
@@ -527,13 +529,13 @@ function propControllerHandlesMiddleware() {
         }
         case actions.ActionTypes.UNREGISTER_COMPONENT_HANDLE: {
           const { documentKey, elementKey } = action.payload;
-          const handle = constants.getPropControllersHandle(getPropControllerHandlesStateSlice(getState()), documentKey, elementKey);
+          const handle = reactPage.getPropControllersHandle(getPropControllerHandlesStateSlice(getState()), documentKey, elementKey);
           handle == null ? void 0 : handle.setPropControllers(null);
           dispatch(actions.unregisterPropControllers(documentKey, elementKey));
           break;
         }
         case actions.ActionTypes.MESSAGE_HOST_PROP_CONTROLLER: {
-          const propController = constants.getPropController(getPropControllerHandlesStateSlice(getState()), action.payload.documentKey, action.payload.elementKey, action.payload.propName);
+          const propController = reactPage.getPropController(getPropControllerHandlesStateSlice(getState()), action.payload.documentKey, action.payload.elementKey, action.payload.propName);
           if (propController)
             propController.recv(action.payload.message);
         }
@@ -552,7 +554,7 @@ if (void 0) {
       const setPropControllers = fn();
       const handle = new next.ElementImperativeHandle();
       handle.callback(() => ({ setPropControllers }));
-      store.dispatch(actions.registerDocument(constants.createDocument(documentKey, element)));
+      store.dispatch(actions.registerDocument(reactPage.createDocument(documentKey, element)));
       store.dispatch(actions.registerComponentHandle(documentKey, element.key, handle));
       expect(setPropControllers).toHaveBeenCalled();
     });
@@ -563,7 +565,7 @@ if (void 0) {
       const setPropControllers = fn();
       const handle = new next.ElementImperativeHandle();
       handle.callback(() => ({ setPropControllers }));
-      store.dispatch(actions.registerDocument(constants.createDocument(documentKey, element)));
+      store.dispatch(actions.registerDocument(reactPage.createDocument(documentKey, element)));
       store.dispatch(actions.registerComponentHandle(documentKey, element.key, handle));
       expect(setPropControllers).not.toHaveBeenCalled();
     });
@@ -584,7 +586,7 @@ function configureStore({
 }) {
   const initialState = __spreadProps(__spreadValues({}, preloadedState), {
     documents: getInitialState$2({ rootElements }),
-    isPreview: constants.getInitialState$1(true)
+    isPreview: reactPage.getInitialState$1(true)
   });
   return redux.createStore(reducer, initialState, redux.applyMiddleware(thunk__default["default"], measureBoxModelsMiddleware(), messageChannelMiddleware(), propControllerHandlesMiddleware(), makeswiftApiClientSyncMiddleware(client)));
 }
@@ -601,7 +603,7 @@ function PreviewProvider({
   }), [client, rootElements, runtime]);
   React.useEffect(() => {
     var _a;
-    const unregisterDocuments = Array.from((_a = rootElements == null ? void 0 : rootElements.entries()) != null ? _a : []).map(([documentKey, rootElement]) => store.dispatch(actions.registerDocumentEffect(constants.createDocument(documentKey, rootElement))));
+    const unregisterDocuments = Array.from((_a = rootElements == null ? void 0 : rootElements.entries()) != null ? _a : []).map(([documentKey, rootElement]) => store.dispatch(actions.registerDocumentEffect(reactPage.createDocument(documentKey, rootElement))));
     return () => {
       unregisterDocuments.forEach((unregisterDocument) => {
         unregisterDocument();