@makeswift/runtime 0.13.1 → 0.14.1

package/dist/index.cjs2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs2.js","sources":["../src/components/hooks/useBackgrounds.ts","../src/components/shared/grid-item.tsx","../src/components/builtin/Box/animations.tsx","../src/utils/clamp.ts","../src/components/shared/BackgroundsContainer/components/Parallax/index.tsx","../src/components/shared/BackgroundsContainer/components/BackgroundVideo/index.tsx","../src/components/shared/BackgroundsContainer/components/Backgrounds/index.tsx","../src/components/shared/BackgroundsContainer/index.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { ColorValue as Color } from '../utils/types'\nimport { ResponsiveValue } from '../../prop-controllers'\nimport { isNonNullable } from '../utils/isNonNullable'\nimport { BackgroundsValue as ResponsiveBackgroundsValue } from '../../prop-controllers/descriptors'\nimport { useFiles, useSwatches } from '../../runtimes/react/hooks/makeswift-api'\nimport {\n  getBackgroundsFileIds,\n  getBackgroundsSwatchIds,\n} from '../../prop-controllers/introspection'\nimport { match, P } from 'ts-pattern'\n\ntype BackgroundColorData = Color\n\ntype BackgroundGradientStopData = {\n  id: string\n  location: number\n  color: Color | null | undefined\n}\n\ntype BackgroundGradientData = {\n  angle?: number\n  isRadial?: boolean\n  stops: Array<BackgroundGradientStopData>\n}\n\ntype BackgroundImageData = {\n  publicUrl?: string\n  dimensions?: { width: number; height: number } | null\n  position: {\n    x: number\n    y: number\n  }\n  size?: 'cover' | 'contain' | 'auto'\n  repeat?: 'no-repeat' | 'repeat-x' | 'repeat-y' | 'repeat'\n  opacity?: number\n  parallax?: number\n}\n\ntype BackgroundVideoData = {\n  url?: string\n  maskColor: Color | null | undefined\n  aspectRatio?: 'wide' | 'standard'\n  opacity?: number\n  zoom?: number\n  parallax?: number\n}\n\ntype BackgroundData =\n  | { id: string; type: 'color'; payload: BackgroundColorData | null | undefined }\n  | { id: string; type: 'image'; payload: BackgroundImageData | null | undefined }\n  | { id: string; type: 'gradient'; payload: BackgroundGradientData | null | undefined }\n  | { id: string; type: 'video'; payload: BackgroundVideoData | null | undefined }\n\nexport type BackgroundsData = Array<BackgroundData>\n\nexport type BackgroundsPropControllerData = ResponsiveValue<BackgroundsData>\n\nexport function useBackgrounds(\n  value: ResponsiveBackgroundsValue | null | undefined,\n): BackgroundsPropControllerData | null | undefined {\n  const fileIds = getBackgroundsFileIds(value)\n  const files = useFiles(fileIds)\n  const swatchIds = getBackgroundsSwatchIds(value)\n  const swatches = useSwatches(swatchIds)\n\n  return useMemo(() => {\n    if (value == null) return null\n\n    return value.map(({ value: backgrounds, ...restOfValue }) => ({\n      ...restOfValue,\n      value: backgrounds\n        .map((bg): BackgroundData | null | undefined => {\n          if (bg.type === 'image' && bg.payload != null) {\n            const { imageId, ...restOfPayload } = bg.payload\n            const file = files.find(f => f && f.id === imageId)\n            return (\n              file && {\n                ...bg,\n                payload: {\n                  ...restOfPayload,\n                  publicUrl: file.publicUrl,\n                  dimensions: file.dimensions,\n                },\n              }\n            )\n          }\n          \n          if (bg.type === 'image-v1' && bg.payload != null) {\n            return match(bg)\n              .with(\n                {\n                  payload: { image: { type: 'external-file', width: P.number, height: P.number } },\n                },\n                val => {\n                  const { image, version, ...restOfPayload } = val.payload\n                  return {\n                    ...val,\n                    type: 'image' as const,\n                    payload: {\n                      ...restOfPayload,\n                      publicUrl: image.url,\n                      dimensions: { width: image.width, height: image.height },\n                    },\n                  }\n                },\n              )\n              .with({ payload: { image: { type: 'external-file' } } }, val => {\n                const { image, version, ...restOfPayload } = val.payload\n                return {\n                  ...val,\n                  type: 'image' as const,\n                  payload: {\n                    ...restOfPayload,\n                    publicUrl: image.url,\n                    dimensions: null,\n                  },\n                }\n              })\n              .with({ payload: { image: { type: 'makeswift-file' } } }, val => {\n                const { image, version, ...restOfPayload } = val.payload\n                const file = files.find(f => f && f.id === image.id)\n                return (\n                  file && {\n                    ...val,\n                    type: 'image' as const,\n                    payload: {\n                      ...restOfPayload,\n                      publicUrl: file.publicUrl,\n                      dimensions: file.dimensions,\n                    },\n                  }\n                )\n              })\n              .otherwise(() => null)\n          }\n\n          if (bg.type === 'color' && bg.payload != null) {\n            const { swatchId, alpha } = bg.payload\n            const swatch = swatches.filter(isNonNullable).find(s => s && s.id === swatchId)\n\n            return { id: bg.id, type: 'color', payload: { swatch, alpha } }\n          }\n\n          if (bg.type === 'gradient' && bg.payload != null && bg.payload.stops.length > 0) {\n            return {\n              id: bg.id,\n              type: 'gradient',\n              payload: {\n                angle: bg.payload.angle,\n                isRadial: bg.payload.isRadial,\n                stops: bg.payload.stops.map(({ color, ...restOfStop }) => ({\n                  ...restOfStop,\n                  color: color && {\n                    swatch: swatches.filter(isNonNullable).find(s => s && s.id === color.swatchId),\n                    alpha: color.alpha,\n                  },\n                })),\n              },\n            }\n          }\n\n          if (bg.type === 'video' && bg.payload != null) {\n            const { maskColor, ...restOfPayload } = bg.payload\n            const swatch = maskColor && swatches.find(s => s && s.id === maskColor.swatchId)\n\n            return {\n              id: bg.id,\n              type: 'video',\n              payload: {\n                ...restOfPayload,\n                maskColor: swatch && maskColor && { swatch, alpha: maskColor.alpha },\n              },\n            }\n          }\n\n          return null\n        })\n        .filter(isNonNullable),\n    }))\n  }, [files, swatches, value])\n}\n","import { cx } from '@emotion/css'\nimport { ComponentPropsWithoutRef } from 'react'\nimport {\n  ResponsiveValue,\n  Length as LengthValue,\n  ResponsiveNumberValue,\n} from '../../prop-controllers'\nimport { useStyle } from '../../runtimes/react/use-style'\nimport { useItemAnimation } from '../builtin/Box/animations'\nimport { useResponsiveGridItem } from '../utils/responsive-style'\n\ntype BaseProps = {\n  className?: string\n  grid: ResponsiveValue<{ spans: Array<Array<number>>; count: number }>\n  index: number\n  columnGap?: ResponsiveValue<LengthValue>\n  rowGap?: ResponsiveValue<LengthValue>\n  itemAnimateDuration?: ResponsiveNumberValue\n  itemAnimateDelay?: ResponsiveNumberValue\n  itemStaggerDuration?: ResponsiveNumberValue\n}\n\ntype Props = BaseProps & Omit<ComponentPropsWithoutRef<'div'>, keyof BaseProps>\n\nexport const gridItemIdentifierClassName = 'grid-item'\n\nexport function GridItem({\n  grid,\n  index,\n  columnGap,\n  rowGap,\n  className,\n  itemAnimateDuration,\n  itemAnimateDelay,\n  itemStaggerDuration,\n  ...restOfProps\n}: Props) {\n  const gridItemClassName = useStyle(useResponsiveGridItem({ grid, index, columnGap, rowGap }))\n  const animationClassName = useItemAnimation(\n    itemAnimateDuration,\n    itemAnimateDelay,\n    itemStaggerDuration,\n    index,\n  )\n\n  return (\n    <div\n      {...restOfProps}\n      className={cx(gridItemClassName, className, animationClassName, gridItemIdentifierClassName)}\n    />\n  )\n}\n","import { CSSObject } from '@emotion/css'\nimport { useState, useEffect, useCallback, useRef } from 'react'\nimport {\n  ResponsiveNumberValue,\n  ResponsiveSelectValue,\n  ResponsiveValue,\n} from '../../../prop-controllers'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport { useMediaQuery } from '../../hooks'\nimport { gridItemIdentifierClassName } from '../../shared/grid-item'\nimport {\n  BoxAnimateIn,\n  DEFAULT_BOX_ANIMATE_DELAY,\n  DEFAULT_BOX_ANIMATE_DURATION,\n  DEFAULT_BOX_ANIMATE_TYPE,\n  DEFAULT_ITEM_ANIMATE_TYPE,\n  DEFAULT_ITEM_STAGGER_DURATION,\n} from './constants'\n\nfunction useElementOnScreen(\n  options: IntersectionObserverInit,\n): [boolean, (element: HTMLElement | null) => void] {\n  const [isVisible, setIsVisible] = useState(false)\n  const intersectionObserverRef = useRef<IntersectionObserver | null>(null)\n\n  const setElement = useCallback((element: HTMLElement | null) => {\n    if (element != null) {\n      const observer = new IntersectionObserver(([entry]) => {\n        if (entry?.isIntersecting) setIsVisible(true)\n      }, options)\n\n      observer.observe(element)\n\n      intersectionObserverRef.current = observer\n    } else {\n      intersectionObserverRef.current?.disconnect()\n\n      intersectionObserverRef.current = null\n    }\n  }, [])\n\n  return [isVisible, setElement]\n}\n\nexport type BoxAnimationProps = {\n  boxAnimateType?: ResponsiveSelectValue<BoxAnimateIn>\n  boxAnimateDuration?: ResponsiveNumberValue\n  boxAnimateDelay?: ResponsiveNumberValue\n  itemAnimateType?: ResponsiveSelectValue<BoxAnimateIn>\n  itemAnimateDuration?: ResponsiveNumberValue\n  itemAnimateDelay?: ResponsiveNumberValue\n  itemStaggerDuration?: ResponsiveNumberValue\n}\n\nfunction compareResponsiveValues<T>(a?: ResponsiveValue<T>, b?: ResponsiveValue<T>) {\n  if (a == null && b == null) {\n    return true\n  }\n  if (a != null && b != null) {\n    let isEqual = true\n    a.forEach((currentA, index) => {\n      const currentB = b.at(index)\n      if (currentB == null) {\n        isEqual = false\n        return\n      }\n\n      if (currentA.deviceId != currentB?.deviceId || currentA.value != currentB.value) {\n        isEqual = false\n      }\n    })\n    return isEqual\n  }\n\n  return false\n}\n\nexport function areBoxAnimationPropsEqual(prevProps: BoxAnimationProps, props: BoxAnimationProps) {\n  return (\n    compareResponsiveValues(prevProps.boxAnimateType, props.boxAnimateType) &&\n    compareResponsiveValues(prevProps.boxAnimateDuration, props.boxAnimateDuration) &&\n    compareResponsiveValues(prevProps.boxAnimateDelay, props.boxAnimateDelay) &&\n    compareResponsiveValues(prevProps.itemAnimateType, props.itemAnimateType) &&\n    compareResponsiveValues(prevProps.itemAnimateDuration, props.itemAnimateDuration) &&\n    compareResponsiveValues(prevProps.itemAnimateDelay, props.itemAnimateDelay) &&\n    compareResponsiveValues(prevProps.itemStaggerDuration, props.itemStaggerDuration)\n  )\n}\n\nconst exitedBoxAnimationProperties: { [key in BoxAnimateIn]: CSSObject } = {\n  none: { opacity: 1 },\n  fadeIn: { opacity: 0 },\n  fadeLeft: { transform: 'translate3d(60px,0,0)', opacity: 0 },\n  fadeRight: { transform: 'translate3d(-60px,0,0)', opacity: 0 },\n  fadeDown: { transform: 'translate3d(0,-80px,0)', opacity: 0 },\n  fadeUp: { transform: 'translate3d(0,80px,0)', opacity: 0 },\n  blurIn: { filter: 'blur(20px)', opacity: 0 },\n  scaleDown: {\n    transform: 'scale(1.2)',\n    opacity: 0,\n  },\n  scaleUp: {\n    transform: 'scale(.75)',\n    opacity: 0,\n  },\n}\n\nconst enteredBoxAnimationProperties: { [key in BoxAnimateIn]: CSSObject } = {\n  none: { opacity: 1 },\n  fadeIn: { opacity: 1 },\n  fadeLeft: { transform: 'translate3d(0px,0,0)', opacity: 1 },\n  fadeRight: { transform: 'translate3d(0px,0,0)', opacity: 1 },\n  fadeDown: { transform: 'translate3d(0,0px,0)', opacity: 1 },\n  fadeUp: { transform: 'translate3d(0,0px,0)', opacity: 1 },\n  blurIn: { filter: 'blur(0px)', opacity: 1 },\n  scaleDown: {\n    transform: 'scale(1)',\n    opacity: 1,\n  },\n  scaleUp: {\n    transform: 'scale(1)',\n    opacity: 1,\n  },\n}\n\nexport function useBoxAnimation(\n  responsiveAnimationType: ResponsiveValue<BoxAnimateIn> | undefined,\n  responsiveDuration: ResponsiveValue<number> | undefined,\n  responisveDelay: ResponsiveValue<number> | undefined,\n  itemResponsiveAnimationType: ResponsiveValue<BoxAnimateIn> | undefined,\n): [string, () => void, (element: HTMLElement | null) => void] {\n  const [isVisible, setElement] = useElementOnScreen({\n    root: null,\n    rootMargin: `0px 0px -10% 0px`,\n    threshold: 0.2,\n  })\n  const animationType = useMediaQuery(responsiveAnimationType) || DEFAULT_BOX_ANIMATE_TYPE\n  const itemAnimationType = useMediaQuery(itemResponsiveAnimationType) || DEFAULT_ITEM_ANIMATE_TYPE\n  const duration = useMediaQuery(responsiveDuration) || DEFAULT_BOX_ANIMATE_DURATION\n  const delay = useMediaQuery(responisveDelay) || DEFAULT_BOX_ANIMATE_DELAY\n  const actualDelay = delay * 1000\n  const actualDuration = duration * 1000\n\n  const entered = {\n    ...enteredBoxAnimationProperties[animationType],\n    transition: `transform ${actualDuration}ms cubic-bezier(0.16, 0.84, 0.44, 1) ${actualDelay}ms,filter ${actualDuration}ms cubic-bezier(0.16, 0.84, 0.44, 1) ${actualDelay}ms, opacity ${actualDuration}ms ease ${actualDelay}ms`,\n    [`& > div > .${gridItemIdentifierClassName}`]: {\n      ...enteredBoxAnimationProperties[itemAnimationType],\n    },\n  }\n\n  const exited = {\n    ...exitedBoxAnimationProperties[animationType],\n    transition: `all 0ms`,\n    [`& > div > .${gridItemIdentifierClassName}`]: {\n      ...exitedBoxAnimationProperties[itemAnimationType],\n    },\n  }\n\n  const [isEntered, setEntered] = useState(false)\n\n  useEffect(() => {\n    if (isVisible && !isEntered) setEntered(true)\n  }, [isVisible, entered])\n\n  const replayAnimation = useCallback(() => {\n    setEntered(false)\n  }, [])\n\n  return [\n    useStyle({\n      '@media (prefers-reduced-motion: no-preference)': isEntered ? entered : exited,\n    }),\n    replayAnimation,\n    setElement,\n  ]\n}\n\nexport function useItemAnimation(\n  responsiveDuration: ResponsiveValue<number> | undefined,\n  responisveDelay: ResponsiveValue<number> | undefined,\n  responsiveStagger: ResponsiveValue<number> | undefined,\n  index: number,\n) {\n  const duration = useMediaQuery(responsiveDuration) || DEFAULT_BOX_ANIMATE_DURATION\n  const delay = useMediaQuery(responisveDelay) || DEFAULT_BOX_ANIMATE_DELAY\n  const stagger = useMediaQuery(responsiveStagger) || DEFAULT_ITEM_STAGGER_DURATION\n  const delayFromStagger = responsiveStagger == null || index == null ? 0 : stagger * index\n  const actualDelay = (delay + delayFromStagger) * 1000\n  const actualDuration = duration * 1000\n\n  return useStyle({\n    '@media (prefers-reduced-motion: no-preference)': {\n      transition: `transform ${actualDuration}ms cubic-bezier(0.16, 0.84, 0.44, 1) ${actualDelay}ms,filter ${actualDuration}ms cubic-bezier(0.16, 0.84, 0.44, 1) ${actualDelay}ms, opacity ${actualDuration}ms ease ${actualDelay}ms`,\n    },\n  })\n}\n","const clamp = (min: number, val: number, max: number): number => Math.min(Math.max(min, val), max)\n\nexport default clamp\n","import { useState, useRef, useCallback, ReactNode, CSSProperties } from 'react'\nimport clamp from '../../../../../utils/clamp'\nimport { useIsomorphicLayoutEffect } from '../../../../hooks/useIsomorphicLayoutEffect'\n\nfunction isScrollable(element: HTMLElement) {\n  const { overflow, overflowY, overflowX } =\n    element.ownerDocument.defaultView!.getComputedStyle(element)\n\n  return /(auto|scroll)/.test(overflow + overflowX + overflowY)\n}\n\nfunction getScrollParent(element: HTMLElement): HTMLElement {\n  const { parentElement } = element\n\n  if (!element || !parentElement) return element\n\n  if (isScrollable(element)) return element\n\n  return getScrollParent(parentElement)\n}\n\ntype Props = {\n  strength: number | null | undefined\n  children: (\n    getParallaxProps: <P extends { style?: CSSProperties; [key: string]: unknown }>(props: P) => P,\n  ) => ReactNode\n}\n\nexport default function Parallax({ strength, children, ...rest }: Props): JSX.Element {\n  const container = useRef<HTMLDivElement>(null)\n  const [containerScrollTop, setContainerScrollTop] = useState(strength == null ? 0 : strength)\n  const lastScrollParentScrollTop = useRef(0)\n\n  useIsomorphicLayoutEffect(() => {\n    if (!container.current || strength == null || strength === 0) return undefined\n\n    const containerDocument = container.current.ownerDocument\n    const scrollParent = getScrollParent(container.current)\n    const eventTarget =\n      containerDocument.documentElement === scrollParent\n        ? containerDocument.defaultView!\n        : scrollParent\n\n    lastScrollParentScrollTop.current = scrollParent.scrollTop\n    setContainerScrollTop(strength)\n\n    function handleScroll() {\n      containerDocument.defaultView!.requestAnimationFrame(() => {\n        if (!container.current) return\n\n        const { top: containerTop, bottom: containerBottom } =\n          container.current.getBoundingClientRect()\n        const { top: scrollParentTop, bottom: scrollParentBottom } =\n          scrollParent === containerDocument.documentElement\n            ? { top: 0, bottom: containerDocument.defaultView!.innerHeight }\n            : scrollParent.getBoundingClientRect()\n        const { scrollTop: scrollParentScrollTop } =\n          scrollParent === containerDocument.documentElement\n            ? { scrollTop: containerDocument.defaultView!.pageYOffset }\n            : scrollParent\n        const scrollParentHeight = scrollParentBottom - scrollParentTop\n        const scrollParentScrollDelta = scrollParentScrollTop - lastScrollParentScrollTop.current\n\n        lastScrollParentScrollTop.current = scrollParentScrollTop\n\n        setContainerScrollTop(scrollTop => {\n          const isContainerVisible =\n            containerTop < scrollParentTop + scrollParentHeight && containerBottom > scrollParentTop\n          const containerScrollRemaining =\n            scrollParentScrollDelta > 0 ? 2 * strength! - scrollTop : scrollTop\n          const scrollParentScrollRemaining =\n            scrollParentScrollDelta > 0\n              ? scrollParentTop + containerBottom\n              : scrollParentHeight - containerTop\n          const parallaxRatio = containerScrollRemaining / scrollParentScrollRemaining\n          const containerScrollDelta = isContainerVisible\n            ? parallaxRatio * scrollParentScrollDelta\n            : 0\n\n          return clamp(0, scrollTop + containerScrollDelta, strength! * 2)\n        })\n      })\n    }\n\n    eventTarget.addEventListener('scroll', handleScroll)\n\n    return () => eventTarget.removeEventListener('scroll', handleScroll)\n  }, [strength])\n\n  const getProps = useCallback(\n    ({ style, ...restOfChildrenProps }: any) => ({\n      ...restOfChildrenProps,\n      style: {\n        ...style,\n        position: 'absolute',\n        left: 0,\n        right: 0,\n        top: 0,\n        bottom: 0,\n        ...(strength == null || strength === 0\n          ? {}\n          : {\n              top: -strength,\n              bottom: -strength,\n              transform: `translate3d(0, ${containerScrollTop - strength}px, 0)`,\n            }),\n      },\n    }),\n    [strength, containerScrollTop],\n  )\n\n  return (\n    <div\n      {...rest}\n      ref={container}\n      style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 }}\n    >\n      {children(getProps)}\n    </div>\n  )\n}\n","import { cx } from '@emotion/css'\nimport { useState, useRef, ComponentPropsWithoutRef, ForwardedRef, forwardRef } from 'react'\nimport ReactPlayer from 'react-player'\nimport { useStyle } from '../../../../../runtimes/react/use-style'\n\nimport { useIsomorphicLayoutEffect } from '../../../../hooks/useIsomorphicLayoutEffect'\n\nconst Container = forwardRef(function Container(\n  { className, ...restOfProps }: ComponentPropsWithoutRef<'div'>,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  return (\n    <div\n      {...restOfProps}\n      ref={ref}\n      className={cx(\n        useStyle({\n          position: 'absolute',\n          top: 0,\n          left: 0,\n          right: 0,\n          bottom: 0,\n          pointerEvents: 'none',\n          overflow: 'hidden',\n        }),\n        className,\n      )}\n    />\n  )\n})\n\nfunction Mask({\n  backgroundColor,\n  visible,\n}: {\n  backgroundColor: string | undefined\n  visible: boolean\n}) {\n  return (\n    <div\n      className={useStyle({\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n        background: backgroundColor,\n        opacity: visible ? 1 : 0,\n        transition: 'opacity 1s',\n      })}\n    />\n  )\n}\n\nconst getScale = (element: HTMLElement, aspectRatio: number, zoom: number) => {\n  const { offsetWidth: width, offsetHeight: height } = element\n  const computedAspectRatio = width / height\n\n  return Math.max(aspectRatio / computedAspectRatio, computedAspectRatio / aspectRatio) * zoom\n}\n\ntype Props = {\n  url?: string\n  aspectRatio?: number\n  zoom?: number\n  opacity?: number\n  maskColor?: string\n}\n\nexport default function BackgroundVideo({\n  url = '',\n  aspectRatio = 16 / 9,\n  zoom = 1,\n  maskColor,\n  opacity,\n}: Props): JSX.Element {\n  const [ready, setReady] = useState(false)\n  const [scale, setScale] = useState(1)\n  const container = useRef<HTMLDivElement>(null)\n\n  useIsomorphicLayoutEffect(() => {\n    const { current: containerEl } = container\n\n    if (!containerEl) return undefined\n\n    const { defaultView } = containerEl.ownerDocument\n    const handleResize = () => setScale(getScale(containerEl, aspectRatio, zoom))\n\n    handleResize()\n\n    defaultView!.addEventListener('resize', handleResize)\n\n    return () => defaultView!.removeEventListener('resize', handleResize)\n  }, [aspectRatio, zoom])\n\n  if (!ReactPlayer.canPlay(url)) return <></>\n\n  return (\n    <Container ref={container}>\n      {container.current && (\n        <ReactPlayer\n          url={url}\n          config={{\n            vimeo: { playerOptions: { background: true } },\n            youtube: {\n              playerVars: {\n                origin: container.current.ownerDocument.defaultView?.location.origin,\n              },\n            },\n            wistia: {\n              options: {\n                endVideoBehavior: 'loop',\n                playbackRateControl: false,\n                playbar: false,\n                playButton: false,\n                volumeControl: false,\n                fullscreenButton: false,\n                muted: true,\n              },\n            },\n          }}\n          playing\n          loop\n          muted\n          controls={false}\n          onReady={() => setReady(true)}\n          style={{\n            transform: `scale3d(${scale}, ${scale}, 1)`,\n            opacity,\n          }}\n          width=\"100%\"\n          height=\"100%\"\n        />\n      )}\n      <Mask backgroundColor={maskColor} visible={!ready} />\n    </Container>\n  )\n}\n","import NextImage from 'next/image'\nimport type NextLegacyImageType from 'next/legacy/image'\n\nimport { BackgroundsPropControllerData, BackgroundsData } from '../../../../hooks'\nimport { ResponsiveValue } from '../../../../../prop-controllers'\nimport { ColorValue as Color } from '../../../../utils/types'\nimport { colorToString } from '../../../../utils/colorToString'\nimport Parallax from '../Parallax'\nimport BackgroundVideo from '../BackgroundVideo'\nimport { CSSObject } from '@emotion/css'\nimport { useStyle } from '../../../../../runtimes/react/use-style'\nimport { useResponsiveStyle } from '../../../../utils/responsive-style'\nimport { major as nextMajorVersion } from '../../../../../next/next-version'\n\nconst NextLegacyImage = NextImage as typeof NextLegacyImageType\n\nfunction getColor(color: Color | null | undefined) {\n  if (color == null) return 'black'\n\n  if (color.swatch == null) {\n    return colorToString({ ...color, swatch: { hue: 0, saturation: 0, lightness: 0 } })\n  }\n\n  return colorToString(color)\n}\n\ntype GradientStop = { color: Color | null | undefined; location: number }\n\nconst getStopsStyle = (stops: GradientStop[]) =>\n  stops.map(({ color, location }) => `${getColor(color)} ${location}%`).join(',')\n\nconst absoluteFillStyle: CSSObject = {\n  position: 'absolute',\n  top: 0,\n  right: 0,\n  bottom: 0,\n  left: 0,\n}\n\nconst containerStyle: CSSObject = {\n  ...absoluteFillStyle,\n  borderRadius: 'inherit',\n}\n\ntype Props = { backgrounds: BackgroundsPropControllerData | null | undefined }\n\nexport default function Backgrounds({ backgrounds }: Props): JSX.Element {\n  if (backgrounds == null) return <></>\n\n  return (\n    <>\n      {backgrounds.map(({ value, deviceId }) => {\n        const visibility = backgrounds.map(v => ({\n          deviceId: v.deviceId,\n          value: v.deviceId === deviceId,\n        }))\n\n        return <BackgroundDeviceLayer key={deviceId} layer={value} visibility={visibility} />\n      })}\n    </>\n  )\n}\n\ntype BackgroundLayerProps = {\n  layer: BackgroundsData\n  visibility: ResponsiveValue<boolean>\n}\n\nfunction BackgroundDeviceLayer({ layer, visibility }: BackgroundLayerProps) {\n  const visibilityStyle = useResponsiveStyle([visibility], ([v]) => ({\n    display: v === true ? 'block' : 'none',\n  }))\n\n  return (\n    <div className={useStyle({ ...containerStyle, ...visibilityStyle, overflow: 'hidden' })}>\n      {[...layer].reverse().map(bg => {\n        if (bg.type === 'color') {\n          return <ColorBackground key={bg.id} color={getColor(bg.payload)} />\n        }\n\n        if (bg.type === 'image' && bg.payload) {\n          return <ImageBackground {...bg.payload} key={bg.id} />\n        }\n\n        if (bg.type === 'gradient' && bg.payload) {\n          return (\n            <GradientBackground\n              {...bg.payload}\n              key={bg.id}\n              gradient={getStopsStyle(bg.payload.stops)}\n            />\n          )\n        }\n\n        if (bg.type === 'video' && bg.payload) {\n          return (\n            <VideoBackground\n              {...bg.payload}\n              key={bg.id}\n              maskColor={getColor(bg.payload.maskColor)}\n            />\n          )\n        }\n\n        return null\n      })}\n    </div>\n  )\n}\n\ntype ColorBackgroundProps = { color: string }\n\nfunction ColorBackground({ color }: ColorBackgroundProps) {\n  return <div className={useStyle({ ...containerStyle, backgroundColor: color })} />\n}\n\nconst ImageBackgroundRepeat = {\n  NoRepeat: 'no-repeat',\n  RepeatX: 'repeat-x',\n  RepeatY: 'repeat-y',\n  Repeat: 'repeat',\n} as const\n\ntype ImageBackgroundRepeat = typeof ImageBackgroundRepeat[keyof typeof ImageBackgroundRepeat]\n\nconst ImageBackgroundSize = {\n  Cover: 'cover',\n  Contain: 'contain',\n  Auto: 'auto',\n} as const\n\ntype ImageBackgroundSize = typeof ImageBackgroundSize[keyof typeof ImageBackgroundSize]\n\ntype ImageBackgroundProps = {\n  publicUrl?: string\n  position: { x: number; y: number }\n  repeat?: ImageBackgroundRepeat\n  size?: ImageBackgroundSize\n  opacity?: number\n  parallax?: number\n  priority?: boolean\n}\n\nfunction ImageBackground({\n  publicUrl,\n  position,\n  repeat = ImageBackgroundRepeat.NoRepeat,\n  size = ImageBackgroundSize.Cover,\n  opacity,\n  parallax,\n  priority,\n}: ImageBackgroundProps) {\n  const backgroundPosition = `${position.x}% ${position.y}%`\n  const containerClassName = useStyle(containerStyle)\n\n  if (repeat === 'no-repeat' && size !== 'auto' && publicUrl != null) {\n    return (\n      <Parallax strength={parallax}>\n        {getParallaxProps => (\n          <div {...getParallaxProps({ style: { opacity, overflow: 'hidden' } })}>\n            {nextMajorVersion < 13 ? (\n              <NextLegacyImage\n                src={publicUrl}\n                layout=\"fill\"\n                objectPosition={backgroundPosition}\n                objectFit={size}\n                priority={priority}\n              />\n            ) : (\n              <NextImage\n                src={publicUrl}\n                alt={''}\n                fill\n                sizes=\"100vw\"\n                style={{\n                  objectPosition: backgroundPosition,\n                  objectFit: size,\n                }}\n                priority={priority}\n              />\n            )}\n          </div>\n        )}\n      </Parallax>\n    )\n  }\n\n  return (\n    <Parallax strength={parallax}>\n      {getParallaxProps => (\n        <div\n          className={containerClassName}\n          {...getParallaxProps({\n            style: {\n              backgroundImage: publicUrl != null ? `url('${publicUrl}')` : undefined,\n              backgroundPosition,\n              backgroundRepeat: repeat,\n              backgroundSize: size,\n              opacity,\n            },\n          })}\n        />\n      )}\n    </Parallax>\n  )\n}\n\ntype GradientBackgroundProps = {\n  gradient: string\n  angle?: number\n  isRadial?: boolean\n}\n\nfunction GradientBackground({\n  gradient,\n  isRadial = false,\n  angle = Math.PI,\n}: GradientBackgroundProps) {\n  return (\n    <div\n      className={useStyle({\n        ...containerStyle,\n        background: isRadial\n          ? `radial-gradient(${gradient})`\n          : `linear-gradient(${angle}rad, ${gradient})`,\n      })}\n    />\n  )\n}\n\nconst BackgroundVideoAspectRatio = {\n  Wide: 'wide',\n  Standard: 'standard',\n} as const\n\ntype BackgroundVideoAspectRatio =\n  typeof BackgroundVideoAspectRatio[keyof typeof BackgroundVideoAspectRatio]\n\nfunction getAspectRatio(aspectRatio: BackgroundVideoAspectRatio | null | undefined): number {\n  switch (aspectRatio) {\n    case 'wide':\n      return 16 / 9\n\n    case 'standard':\n      return 4 / 3\n\n    default:\n      return 16 / 9\n  }\n}\n\ntype VideoBackgroundProps = {\n  url?: string\n  aspectRatio?: BackgroundVideoAspectRatio\n  maskColor: string\n  zoom?: number\n  opacity?: number\n  parallax?: number\n}\n\nfunction VideoBackground({\n  url,\n  aspectRatio,\n  maskColor,\n  zoom,\n  opacity,\n  parallax,\n}: VideoBackgroundProps) {\n  return (\n    <Parallax strength={parallax}>\n      {getParallaxProps => (\n        <div {...getParallaxProps({ className: useStyle(containerStyle) })}>\n          <BackgroundVideo\n            url={url}\n            zoom={zoom}\n            opacity={opacity}\n            aspectRatio={getAspectRatio(aspectRatio)}\n            maskColor={maskColor}\n          />\n        </div>\n      )}\n    </Parallax>\n  )\n}\n","import { cx } from '@emotion/css'\nimport {\n  Children,\n  ComponentPropsWithoutRef,\n  ElementType,\n  forwardRef,\n  ReactElement,\n  Ref,\n} from 'react'\nimport { BackgroundsValue as BackgroundsPropControllerValue } from '../../../prop-controllers/descriptors'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport { useBackgrounds } from '../../hooks'\nimport Backgrounds from './components/Backgrounds'\n\ntype BaseProps = {\n  backgrounds: BackgroundsPropControllerValue | null | undefined\n  children: ReactElement<ElementType>\n}\n\ntype Props = BaseProps & Omit<ComponentPropsWithoutRef<'div'>, keyof BaseProps>\n\nexport default forwardRef<HTMLDivElement | null, Props>(function BackgroundsContainer(\n  { backgrounds, children, className, ...restOfProps }: Props,\n  ref: Ref<HTMLDivElement>,\n) {\n  return (\n    <div\n      {...restOfProps}\n      ref={ref}\n      className={cx(\n        useStyle({\n          position: 'relative',\n          width: '100%',\n          margin: '0 auto',\n          '> *': {\n            borderRadius: 'inherit',\n            height: 'inherit',\n          },\n          '> :last-child': {\n            position: 'relative',\n          },\n        }),\n        className,\n      )}\n    >\n      <Backgrounds backgrounds={useBackgrounds(backgrounds)} />\n      {Children.only(children)}\n    </div>\n  )\n})\n"],"names":["getBackgroundsFileIds","useFiles","getBackgroundsSwatchIds","useSwatches","useMemo","match","P","isNonNullable","gridItemIdentifierClassName","grid","index","columnGap","rowGap","className","itemAnimateDuration","itemAnimateDelay","itemStaggerDuration","restOfProps","gridItemClassName","useStyle","useResponsiveGridItem","animationClassName","useItemAnimation","cx","options","isVisible","setIsVisible","useState","intersectionObserverRef","useRef","setElement","useCallback","element","observer","IntersectionObserver","entry","isIntersecting","observe","current","disconnect","a","b","isEqual","forEach","currentA","currentB","at","deviceId","value","prevProps","props","compareResponsiveValues","boxAnimateType","boxAnimateDuration","boxAnimateDelay","itemAnimateType","exitedBoxAnimationProperties","none","opacity","fadeIn","fadeLeft","transform","fadeRight","fadeDown","fadeUp","blurIn","filter","scaleDown","scaleUp","enteredBoxAnimationProperties","responsiveAnimationType","responsiveDuration","responisveDelay","itemResponsiveAnimationType","useElementOnScreen","root","rootMargin","threshold","animationType","useMediaQuery","DEFAULT_BOX_ANIMATE_TYPE","itemAnimationType","DEFAULT_ITEM_ANIMATE_TYPE","duration","DEFAULT_BOX_ANIMATE_DURATION","delay","DEFAULT_BOX_ANIMATE_DELAY","actualDelay","actualDuration","entered","transition","exited","isEntered","setEntered","useEffect","replayAnimation","responsiveStagger","stagger","DEFAULT_ITEM_STAGGER_DURATION","delayFromStagger","overflow","overflowY","overflowX","ownerDocument","defaultView","getComputedStyle","test","parentElement","isScrollable","getScrollParent","strength","children","rest","container","containerScrollTop","setContainerScrollTop","lastScrollParentScrollTop","useIsomorphicLayoutEffect","undefined","containerDocument","scrollParent","eventTarget","documentElement","scrollTop","requestAnimationFrame","top","containerTop","bottom","containerBottom","getBoundingClientRect","scrollParentTop","scrollParentBottom","innerHeight","scrollParentScrollTop","pageYOffset","scrollParentHeight","scrollParentScrollDelta","isContainerVisible","containerScrollRemaining","scrollParentScrollRemaining","parallaxRatio","containerScrollDelta","clamp","addEventListener","handleScroll","removeEventListener","getProps","style","restOfChildrenProps","position","left","right","Container","forwardRef","ref","pointerEvents","backgroundColor","visible","background","getScale","aspectRatio","zoom","offsetWidth","width","offsetHeight","height","computedAspectRatio","Math","max","url","maskColor","ready","setReady","scale","setScale","containerEl","handleResize","ReactPlayer","canPlay","_jsx","_Fragment","vimeo","playerOptions","youtube","playerVars","origin","location","wistia","endVideoBehavior","playbackRateControl","playbar","playButton","volumeControl","fullscreenButton","muted","NextLegacyImage","NextImage","color","swatch","colorToString","hue","saturation","lightness","getStopsStyle","stops","map","getColor","join","absoluteFillStyle","containerStyle","borderRadius","backgrounds","visibility","v","layer","visibilityStyle","useResponsiveStyle","display","reverse","bg","type","payload","id","ImageBackgroundRepeat","NoRepeat","RepeatX","RepeatY","Repeat","ImageBackgroundSize","Cover","Contain","Auto","publicUrl","repeat","size","parallax","priority","backgroundPosition","x","y","containerClassName","getParallaxProps","nextMajorVersion","objectPosition","objectFit","backgroundImage","backgroundRepeat","backgroundSize","gradient","isRadial","angle","PI","getAspectRatio","margin","useBackgrounds","Children","only"],"mappings":"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"}

package/dist/index.cjs3.js

@@ -1,146 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var React = require("react");
-var scrollIntoView = require("scroll-into-view-if-needed");
-var NextLink = require("next/link");
-var next = require("./index.cjs.js");
-var jsxRuntime = require("react/jsx-runtime");
-function _interopDefaultLegacy(e) {
-  return e && typeof e === "object" && "default" in e ? e : { "default": e };
-}
-var scrollIntoView__default = /* @__PURE__ */ _interopDefaultLegacy(scrollIntoView);
-var NextLink__default = /* @__PURE__ */ _interopDefaultLegacy(NextLink);
-const Link = React.forwardRef(function Link2(_a, ref) {
-  var _b = _a, {
-    link,
-    onClick = () => {
-    }
-  } = _b, restOfProps = __objRest(_b, [
-    "link",
-    "onClick"
-  ]);
-  var _a2;
-  const pageId = link && link.type === "OPEN_PAGE" ? link.payload.pageId : null;
-  const page = next.usePagePathnameSlice(pageId != null ? pageId : null);
-  const elementKey = (link == null ? void 0 : link.type) === "SCROLL_TO_ELEMENT" ? (_a2 = link.payload.elementIdConfig) == null ? void 0 : _a2.elementKey : null;
-  const elementId = next.useElementId(elementKey);
-  let useNextLink;
-  let href;
-  let target;
-  let block;
-  if (link) {
-    switch (link.type) {
-      case "OPEN_PAGE": {
-        if (page) {
-          useNextLink = true;
-          href = `/${page.pathname}`;
-        }
-        target = link.payload.openInNewTab ? "_blank" : "_self";
-        break;
-      }
-      case "OPEN_URL": {
-        useNextLink = true;
-        href = link.payload.url;
-        target = link.payload.openInNewTab ? "_blank" : "_self";
-        break;
-      }
-      case "SEND_EMAIL": {
-        useNextLink = false;
-        const {
-          to,
-          subject = "",
-          body = ""
-        } = link.payload;
-        if (to != null)
-          href = `mailto:${to}?subject=${subject}&body=${body}`;
-        break;
-      }
-      case "CALL_PHONE": {
-        useNextLink = false;
-        href = `tel:${link.payload.phoneNumber}`;
-        break;
-      }
-      case "SCROLL_TO_ELEMENT": {
-        useNextLink = false;
-        href = `#${elementId != null ? elementId : ""}`;
-        block = link.payload.block;
-        break;
-      }
-      default:
-        throw new RangeError(`Invalid link type "${link.type}."`);
-    }
-  }
-  function handleClick(event) {
-    onClick(event);
-    if (event.defaultPrevented)
-      return;
-    if (event.currentTarget.isContentEditable)
-      return event.preventDefault();
-    if (link && link.type === "SCROLL_TO_ELEMENT") {
-      let hash;
-      try {
-        if (href != null)
-          hash = new URL(`http://www.example.com/${href}`).hash;
-      } catch (error) {
-        console.error(`Link received invalid href: ${href}`, error);
-      }
-      if (href != null && hash != null && href === hash) {
-        event.preventDefault();
-        const view = event.view;
-        scrollIntoView__default["default"](view.document.querySelector(hash), {
-          behavior: "smooth",
-          block
-        });
-        if (view.location.hash !== hash)
-          view.history.pushState({}, "", hash);
-      }
-    }
-  }
-  if (useNextLink && href != null) {
-    return /* @__PURE__ */ jsxRuntime.jsx(NextLink__default["default"], __spreadProps(__spreadValues({}, restOfProps), {
-      ref,
-      target,
-      onClick: handleClick,
-      href,
-      legacyBehavior: false
-    }));
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("a", __spreadProps(__spreadValues({}, restOfProps), {
-    ref,
-    href,
-    target,
-    onClick: handleClick
-  }));
-});
-exports.Link = Link;
-//# sourceMappingURL=index.cjs3.js.map

package/dist/index.cjs3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs3.js","sources":["../src/components/shared/Link/index.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef, MouseEvent } from 'react'\nimport scrollIntoView from 'scroll-into-view-if-needed'\nimport NextLink from 'next/link'\n\nimport { LinkValue as LinkPropControllerValue } from '../../../prop-controllers/descriptors'\nimport { useElementId } from '../../../runtimes/react'\nimport { usePagePathnameSlice } from '../../../runtimes/react/hooks/makeswift-api'\n\ntype BaseProps = {\n  link?: LinkPropControllerValue\n  onClick?: (event: MouseEvent<HTMLAnchorElement>) => unknown\n}\n\ntype Props = BaseProps & Omit<ComponentPropsWithoutRef<'a'>, keyof BaseProps>\n\nexport const Link = forwardRef<HTMLAnchorElement, Props>(function Link(\n  { link, onClick = () => {}, ...restOfProps }: Props,\n  ref,\n) {\n  const pageId = link && link.type === 'OPEN_PAGE' ? link.payload.pageId : null\n  const page = usePagePathnameSlice(pageId ?? null)\n  const elementKey =\n    link?.type === 'SCROLL_TO_ELEMENT' ? link.payload.elementIdConfig?.elementKey : null\n  const elementId = useElementId(elementKey)\n\n  // We don't want to use `next/link` with relative paths because Next.js will attempt to normalize\n  // it and mess up the path.\n  let useNextLink: boolean | undefined\n  let href: string | undefined\n  let target: '_blank' | '_self' | undefined\n  let block: 'start' | 'center' | 'end' | undefined\n\n  if (link) {\n    switch (link.type) {\n      case 'OPEN_PAGE': {\n        if (page) {\n          useNextLink = true\n\n          href = `/${page.pathname}`\n        }\n\n        target = link.payload.openInNewTab ? '_blank' : '_self'\n\n        break\n      }\n\n      case 'OPEN_URL': {\n        useNextLink = true\n\n        href = link.payload.url\n\n        target = link.payload.openInNewTab ? '_blank' : '_self'\n\n        break\n      }\n\n      case 'SEND_EMAIL': {\n        useNextLink = false\n\n        const { to, subject = '', body = '' } = link.payload\n\n        if (to != null) href = `mailto:${to}?subject=${subject}&body=${body}`\n\n        break\n      }\n\n      case 'CALL_PHONE': {\n        useNextLink = false\n\n        href = `tel:${link.payload.phoneNumber}`\n\n        break\n      }\n\n      case 'SCROLL_TO_ELEMENT': {\n        useNextLink = false\n\n        href = `#${elementId ?? ''}`\n\n        block = link.payload.block\n\n        break\n      }\n\n      default:\n        throw new RangeError(`Invalid link type \"${(link as any).type}.\"`)\n    }\n  }\n\n  function handleClick(event: MouseEvent<HTMLAnchorElement>) {\n    onClick(event)\n\n    if (event.defaultPrevented) return\n\n    /**\n     * When we introduced `next/link` instead of just `a` element slate no longer prevented link from navigating within\n     * content mode. This is a hack to compensate for what would be expected as slate's default behavior.\n     * On upgrade of slate this can be reevaluated.\n     */\n    if (event.currentTarget.isContentEditable) return event.preventDefault()\n\n    if (link && link.type === 'SCROLL_TO_ELEMENT') {\n      let hash: string | undefined\n\n      try {\n        if (href != null) hash = new URL(`http://www.example.com/${href}`).hash\n      } catch (error) {\n        console.error(`Link received invalid href: ${href}`, error)\n      }\n\n      if (href != null && hash != null && href === hash) {\n        event.preventDefault()\n        const view = event.view as unknown as Window\n\n        scrollIntoView(view.document.querySelector(hash)!, {\n          behavior: 'smooth',\n          block,\n        })\n\n        if (view.location.hash !== hash) view.history.pushState({}, '', hash)\n      }\n    }\n  }\n\n  if (useNextLink && href != null) {\n    return (\n      <NextLink\n        {...restOfProps}\n        ref={ref}\n        target={target}\n        onClick={handleClick}\n        href={href}\n        // Next.js v12 has legacyBehavior set to true by default\n        legacyBehavior={false}\n      />\n    )\n  }\n\n  // eslint-disable-next-line\n  return <a {...restOfProps} ref={ref} href={href} target={target} onClick={handleClick} />\n})\n"],"names":["Link","forwardRef","ref","link","onClick","restOfProps","pageId","type","payload","page","usePagePathnameSlice","elementKey","elementIdConfig","elementId","useElementId","useNextLink","href","target","block","pathname","openInNewTab","url","to","subject","body","phoneNumber","RangeError","event","defaultPrevented","currentTarget","isContentEditable","preventDefault","hash","URL","error","view","scrollIntoView","document","querySelector","behavior","location","history","pushState","NextLink","handleClick"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeaA,MAAAA,OAAOC,MAAAA,WAAqC,eACvD,IACAC,KACA;AAFA,eAAEC;AAAAA;AAAAA,IAAMC,UAAU,MAAM;AAAA,IAAE;AAAA,MAA1B,IAA+BC,wBAA/B,IAA+BA;AAAAA,IAA7BF;AAAAA,IAAMC;AAAAA;;AAGR,QAAME,SAASH,QAAQA,KAAKI,SAAS,cAAcJ,KAAKK,QAAQF,SAAS;AACnEG,QAAAA,OAAOC,KAAAA,qBAAqBJ,0BAAU,IAAX;AACjC,QAAMK,aACJR,8BAAMI,UAAS,sBAAsBJ,YAAKK,QAAQI,oBAAbT,oBAA8BQ,aAAa;AAC5EE,QAAAA,YAAYC,kBAAaH,UAAD;AAI1BI,MAAAA;AACAC,MAAAA;AACAC,MAAAA;AACAC,MAAAA;AAEJ,MAAIf,MAAM;AACR,YAAQA,KAAKI;AAAAA,WACN,aAAa;AAChB,YAAIE,MAAM;AACM,wBAAA;AAEdO,iBAAQ,IAAGP,KAAKU;AAAAA,QACjB;AAEQhB,iBAAAA,KAAKK,QAAQY,eAAe,WAAW;AAEhD;AAAA,MACD;AAAA,WAEI,YAAY;AACD,sBAAA;AAEdJ,eAAOb,KAAKK,QAAQa;AAEXlB,iBAAAA,KAAKK,QAAQY,eAAe,WAAW;AAEhD;AAAA,MACD;AAAA,WAEI,cAAc;AACH,sBAAA;AAER,cAAA;AAAA,UAAEE;AAAAA,UAAIC,UAAU;AAAA,UAAIC,OAAO;AAAA,YAAOrB,KAAKK;AAE7C,YAAIc,MAAM;AAAc,iBAAA,UAASA,cAAcC,gBAAgBC;AAE/D;AAAA,MACD;AAAA,WAEI,cAAc;AACH,sBAAA;AAEN,eAAA,OAAMrB,KAAKK,QAAQiB;AAE3B;AAAA,MACD;AAAA,WAEI,qBAAqB;AACV,sBAAA;AAEdT,eAAQ,IAAGH,gCAAa;AAExBK,gBAAQf,KAAKK,QAAQU;AAErB;AAAA,MACD;AAAA;AAGC,cAAM,IAAIQ,WAAY,sBAAsBvB,KAAaI,QAAnD;AAAA;AAAA,EAEX;AAED,uBAAqBoB,OAAsC;AACzDvB,YAAQuB,KAAD;AAEP,QAAIA,MAAMC;AAAkB;AAO5B,QAAID,MAAME,cAAcC;AAAmB,aAAOH,MAAMI;AAEpD5B,QAAAA,QAAQA,KAAKI,SAAS,qBAAqB;AACzCyB,UAAAA;AAEA,UAAA;AACF,YAAIhB,QAAQ;AAAMgB,iBAAO,IAAIC,IAAK,0BAAyBjB,MAAlC,EAA0CgB;AAAAA,eAC5DE;AACCA,gBAAAA,MAAO,+BAA8BlB,QAAQkB,KAArD;AAAA,MACD;AAED,UAAIlB,QAAQ,QAAQgB,QAAQ,QAAQhB,SAASgB,MAAM;AACjDL,cAAMI,eAAN;AACA,cAAMI,OAAOR,MAAMQ;AAEnBC,gCAAAA,WAAeD,KAAKE,SAASC,cAAcN,IAA5B,GAAoC;AAAA,UACjDO,UAAU;AAAA,UACVrB;AAAAA,QAAAA,CAFY;AAKViB,YAAAA,KAAKK,SAASR,SAASA;AAAMG,eAAKM,QAAQC,UAAU,IAAI,IAAIV,IAA/B;AAAA,MAClC;AAAA,IACF;AAAA,EACF;AAEGjB,MAAAA,eAAeC,QAAQ,MAAM;AAC/B,0CACG2B,kBAAAA,YAAD,iCACMtC,cADN;AAAA,MAEE;AAAA,MACA;AAAA,MACA,SAASuC;AAAAA,MACT;AAAA,MAEA,gBAAgB;AAAA,IAAA,EARpB;AAAA,EAWD;AAGD,8EAAcvC;IAAa;AAAA,IAAU;AAAA,IAAY;AAAA,IAAgB,SAASuC;AAAAA,EAAAA,EAA1E;AACD,CA7H6B;;"}

package/dist/index.cjs4.js

@@ -1,60 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var css = require("@emotion/css");
-var reactPage = require("./react-page.cjs.js");
-var next = require("./index.cjs.js");
-var jsxRuntime = require("react/jsx-runtime");
-function GutterContainer(_a) {
-  var _b = _a, {
-    className,
-    gutter,
-    first,
-    last
-  } = _b, restOfProps = __objRest(_b, [
-    "className",
-    "gutter",
-    "first",
-    "last"
-  ]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps(__spreadValues({}, restOfProps), {
-    className: css.cx(reactPage.useStyle(next.useResponsiveStyle([gutter], ([gutter2 = {
-      value: 0,
-      unit: "px"
-    }]) => ({
-      paddingLeft: first ? "0px" : `${gutter2.value / 2}${gutter2.unit}`,
-      paddingRight: last ? "0px" : `${gutter2.value / 2}${gutter2.unit}`
-    }))), className)
-  }));
-}
-exports.GutterContainer = GutterContainer;
-//# sourceMappingURL=index.cjs4.js.map

package/dist/index.cjs4.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs4.js","sources":["../src/components/shared/GutterContainer/index.tsx"],"sourcesContent":["import { cx } from '@emotion/css'\nimport { ComponentPropsWithoutRef } from 'react'\nimport { ResponsiveValue, Length } from '../../../prop-controllers/descriptors'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport { useResponsiveStyle } from '../../utils/responsive-style'\n\ntype BaseProps = {\n  className?: string\n  gutter?: ResponsiveValue<Length>\n  first: boolean\n  last: boolean\n}\n\ntype Props = BaseProps & Omit<ComponentPropsWithoutRef<'div'>, keyof BaseProps>\n\nexport default function GutterContainer({ className, gutter, first, last, ...restOfProps }: Props) {\n  return (\n    <div\n      {...restOfProps}\n      className={cx(\n        useStyle(\n          useResponsiveStyle([gutter] as const, ([gutter = { value: 0, unit: 'px' }]) => ({\n            paddingLeft: first ? '0px' : `${gutter.value / 2}${gutter.unit}`,\n            paddingRight: last ? '0px' : `${gutter.value / 2}${gutter.unit}`,\n          })),\n        ),\n        className,\n      )}\n    />\n  )\n}\n"],"names":["className","gutter","first","last","restOfProps","cx","useStyle","useResponsiveStyle","value","unit","paddingLeft","paddingRight"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAewC,yBAAA,IAA2D;AAA3D,eAAEA;AAAAA;AAAAA,IAAWC;AAAAA,IAAQC;AAAAA,IAAOC;AAAAA,MAA5B,IAAqCC,wBAArC,IAAqCA;AAAAA,IAAnCJ;AAAAA,IAAWC;AAAAA,IAAQC;AAAAA,IAAOC;AAAAA;AAClE,gFAEQC;IACJ,WAAWC,OACTC,mBACEC,KAAAA,mBAAmB,CAACN,MAAD,GAAmB,CAAC,CAACA,UAAS;AAAA,MAAEO,OAAO;AAAA,MAAGC,MAAM;AAAA,IAAA,OAAa;AAAA,MAC9EC,aAAaR,QAAQ,QAAS,GAAED,QAAOO,QAAQ,IAAIP,QAAOQ;AAAAA,MAC1DE,cAAcR,OAAO,QAAS,GAAEF,QAAOO,QAAQ,IAAIP,QAAOQ;AAAAA,IAAAA,EAF1C,CADZ,GAMRT,SAPW;AAAA,EAAA,EAHjB;AAcD;;"}

package/dist/index.cjs5.js

@@ -1,48 +0,0 @@
-"use strict";
-var slate = require("slate");
-var slateReact = require("slate-react");
-var reactPage = require("./react-page.cjs.js");
-function withBuilder(editor) {
-  editor.resetValue = function(value) {
-    var _a;
-    const firstRootBlock = slate.Node.has(editor, [0]) && slate.Node.get(editor, [0]);
-    const textAlignOfFirstBlock = firstRootBlock && reactPage.ElementUtils.isRootBlock(firstRootBlock) ? firstRootBlock.textAlign : void 0;
-    const typographyOfFirstText = (_a = Array.from(slate.Node.texts(editor)).at(0)) == null ? void 0 : _a[0].typography;
-    slateReact.ReactEditor.deselect(editor);
-    slateReact.ReactEditor.blur(editor);
-    editor.children = value;
-    editor.onChange();
-    if (typographyOfFirstText) {
-      slate.Transforms.setNodes(editor, { typography: typographyOfFirstText }, {
-        match: slate.Text.isText,
-        at: {
-          anchor: slate.Editor.start(editor, []),
-          focus: slate.Editor.end(editor, [])
-        }
-      });
-    }
-    if (textAlignOfFirstBlock) {
-      slate.Transforms.setNodes(editor, { textAlign: textAlignOfFirstBlock }, {
-        match: reactPage.ElementUtils.isRootBlock,
-        at: {
-          anchor: slate.Editor.start(editor, []),
-          focus: slate.Editor.end(editor, [])
-        }
-      });
-    }
-  };
-  editor.deselectAndBlur = function() {
-    slateReact.ReactEditor.deselect(editor);
-    slateReact.ReactEditor.blur(editor);
-  };
-  editor.focusAndSelectAll = function() {
-    slateReact.ReactEditor.focus(editor);
-    slate.Transforms.select(editor, {
-      anchor: slate.Editor.start(editor, []),
-      focus: slate.Editor.end(editor, [])
-    });
-  };
-  return editor;
-}
-exports.withBuilder = withBuilder;
-//# sourceMappingURL=index.cjs5.js.map

package/dist/index.cjs5.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs5.js","sources":["../src/slate/BuilderPlugin/index.ts"],"sourcesContent":["import { BaseEditor, Descendant, Editor, Transforms, Text, Node } from 'slate'\nimport { ReactEditor } from 'slate-react'\nimport { ElementUtils } from '../utils/element'\n\nexport interface BuilderEditor extends BaseEditor {\n  focusAndSelectAll: () => void\n  deselectAndBlur: () => void\n  resetValue: (value: Descendant[]) => void\n}\n\nexport function withBuilder(editor: Editor) {\n  editor.resetValue = function (value: Descendant[]) {\n    const firstRootBlock = Node.has(editor, [0]) && Node.get(editor, [0])\n    const textAlignOfFirstBlock =\n      firstRootBlock && ElementUtils.isRootBlock(firstRootBlock)\n        ? firstRootBlock.textAlign\n        : undefined\n    const typographyOfFirstText = Array.from(Node.texts(editor)).at(0)?.[0].typography\n\n    ReactEditor.deselect(editor)\n    ReactEditor.blur(editor)\n\n    editor.children = value\n    editor.onChange()\n\n    if (typographyOfFirstText) {\n      Transforms.setNodes(\n        editor,\n        { typography: typographyOfFirstText },\n        {\n          match: Text.isText,\n          at: {\n            anchor: Editor.start(editor, []),\n            focus: Editor.end(editor, []),\n          },\n        },\n      )\n    }\n    if (textAlignOfFirstBlock) {\n      Transforms.setNodes(\n        editor,\n        { textAlign: textAlignOfFirstBlock },\n        {\n          match: ElementUtils.isRootBlock,\n          at: {\n            anchor: Editor.start(editor, []),\n            focus: Editor.end(editor, []),\n          },\n        },\n      )\n    }\n  }\n  editor.deselectAndBlur = function () {\n    ReactEditor.deselect(editor)\n    ReactEditor.blur(editor)\n  }\n\n  editor.focusAndSelectAll = function () {\n    ReactEditor.focus(editor)\n    Transforms.select(editor, {\n      anchor: Editor.start(editor, []),\n      focus: Editor.end(editor, []),\n    })\n  }\n\n  return editor\n}\n"],"names":["Node","ElementUtils","ReactEditor","Transforms","Text","Editor"],"mappings":";;;;AAUO,qBAAqB,QAAgB;AACnC,SAAA,aAAa,SAAU,OAAqB;;AACjD,UAAM,iBAAiBA,MAAA,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAKA,MAAAA,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC;AACpE,UAAM,wBACJ,kBAAkBC,UAAAA,aAAa,YAAY,cAAc,IACrD,eAAe,YACf;AACA,UAAA,wBAAwB,YAAM,KAAKD,MAAAA,KAAK,MAAM,MAAM,CAAC,EAAE,GAAG,CAAC,MAAnC,mBAAuC,GAAG;AAExEE,2BAAY,SAAS,MAAM;AAC3BA,2BAAY,KAAK,MAAM;AAEvB,WAAO,WAAW;AAClB,WAAO,SAAS;AAEhB,QAAI,uBAAuB;AACzBC,YAAAA,WAAW,SACT,QACA,EAAE,YAAY,yBACd;AAAA,QACE,OAAOC,MAAK,KAAA;AAAA,QACZ,IAAI;AAAA,UACF,QAAQC,MAAA,OAAO,MAAM,QAAQ,CAAA,CAAE;AAAA,UAC/B,OAAOA,MAAA,OAAO,IAAI,QAAQ,CAAA,CAAE;AAAA,QAC9B;AAAA,MAAA,CAEJ;AAAA,IACF;AACA,QAAI,uBAAuB;AACzBF,YAAAA,WAAW,SACT,QACA,EAAE,WAAW,yBACb;AAAA,QACE,OAAOF,UAAa,aAAA;AAAA,QACpB,IAAI;AAAA,UACF,QAAQI,MAAA,OAAO,MAAM,QAAQ,CAAA,CAAE;AAAA,UAC/B,OAAOA,MAAA,OAAO,IAAI,QAAQ,CAAA,CAAE;AAAA,QAC9B;AAAA,MAAA,CAEJ;AAAA,IACF;AAAA,EAAA;AAEF,SAAO,kBAAkB,WAAY;AACnCH,2BAAY,SAAS,MAAM;AAC3BA,2BAAY,KAAK,MAAM;AAAA,EAAA;AAGzB,SAAO,oBAAoB,WAAY;AACrCA,2BAAY,MAAM,MAAM;AACxBC,UAAA,WAAW,OAAO,QAAQ;AAAA,MACxB,QAAQE,MAAA,OAAO,MAAM,QAAQ,CAAA,CAAE;AAAA,MAC/B,OAAOA,MAAA,OAAO,IAAI,QAAQ,CAAA,CAAE;AAAA,IAAA,CAC7B;AAAA,EAAA;AAGI,SAAA;AACT;;"}

package/dist/index.cjs6.js

@@ -1,87 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var reactPage = require("./react-page.cjs.js");
-var index = require("./index.cjs3.js");
-var css = require("@emotion/css");
-var jsxRuntime = require("react/jsx-runtime");
-const withLink = (editor) => {
-  const {
-    isInline
-  } = editor;
-  editor.isInline = (entry) => {
-    return reactPage.ElementUtils.isInline(entry) && isInline(entry);
-  };
-  return editor;
-};
-function InlinePluginComponent({
-  element,
-  attributes,
-  children,
-  renderElement
-}) {
-  var _a;
-  const linkStyle = reactPage.useStyle({
-    textDecoration: "none"
-  });
-  switch (element.type) {
-    case reactPage.InlineType.Link:
-      return /* @__PURE__ */ jsxRuntime.jsx(index.Link, __spreadProps(__spreadValues({}, attributes), {
-        link: (_a = element.link) != null ? _a : void 0,
-        className: css.cx(linkStyle, element.className),
-        children: renderElement({
-          element,
-          attributes,
-          children
-        })
-      }));
-    default:
-      return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
-        children: renderElement({
-          element,
-          attributes,
-          children
-        })
-      });
-  }
-}
-function LinkPlugin() {
-  return reactPage.createRichTextV2Plugin({
-    control: {
-      definition: reactPage.Link$1({
-        label: "On Click"
-      }),
-      onChange: reactPage.onChange,
-      getValue: reactPage.getValue,
-      getElementValue: (element) => {
-        return reactPage.ElementUtils.isInline(element) && reactPage.isLinkElement(element) ? element.link : void 0;
-      }
-    },
-    withPlugin: withLink,
-    renderElement: (renderElement) => (props) => {
-      return /* @__PURE__ */ jsxRuntime.jsx(InlinePluginComponent, __spreadProps(__spreadValues({}, props), {
-        renderElement
-      }));
-    }
-  });
-}
-exports.LinkPlugin = LinkPlugin;
-exports.withLink = withLink;
-//# sourceMappingURL=index.cjs6.js.map

package/dist/index.cjs6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs6.js","sources":["../src/slate/LinkPlugin/index.tsx"],"sourcesContent":["import { Editor, Element } from 'slate'\nimport { RenderElement, createRichTextV2Plugin } from '../../controls/rich-text-v2/plugin'\nimport { Link } from '../../controls/link'\nimport { ElementUtils } from '../utils/element'\nimport { InlineType } from '../types'\nimport { RenderElementProps } from 'slate-react'\nimport { useStyle } from '../../runtimes/react/use-style'\nimport { Link as LinkComponent } from '../../components/shared/Link'\nimport { cx } from '@emotion/css'\nimport { isLinkElement } from './types'\nimport { onChange } from './onChange'\nimport { getValue } from './getValue'\n\nexport const withLink = (editor: Editor) => {\n  const { isInline } = editor\n\n  editor.isInline = entry => {\n    return ElementUtils.isInline(entry) && isInline(entry)\n  }\n\n  return editor\n}\n\nfunction InlinePluginComponent({\n  element,\n  attributes,\n  children,\n  renderElement,\n}: RenderElementProps & { renderElement: RenderElement }) {\n  const linkStyle = useStyle({ textDecoration: 'none' })\n  switch (element.type) {\n    case InlineType.Link:\n      return (\n        <LinkComponent\n          {...attributes}\n          link={element.link ?? undefined}\n          className={cx(linkStyle, element.className)}\n        >\n          {renderElement({\n            element,\n            attributes,\n            children,\n          })}\n        </LinkComponent>\n      )\n\n    default:\n      return (\n        <>\n          {renderElement({\n            element,\n            attributes,\n            children,\n          })}\n        </>\n      )\n  }\n}\n\nexport function LinkPlugin() {\n  return createRichTextV2Plugin({\n    control: {\n      definition: Link({\n        label: 'On Click',\n      }),\n      onChange,\n      getValue,\n      getElementValue: (element: Element) => {\n        return ElementUtils.isInline(element) && isLinkElement(element) ? element.link : undefined\n      },\n    },\n    withPlugin: withLink,\n    renderElement: renderElement => props => {\n      return <InlinePluginComponent {...props} renderElement={renderElement} />\n    },\n  })\n}\n"],"names":["withLink","editor","isInline","entry","ElementUtils","element","attributes","children","renderElement","linkStyle","useStyle","textDecoration","type","InlineType","Link","LinkComponent","link","undefined","cx","className","_Fragment","createRichTextV2Plugin","control","definition","label","onChange","getValue","getElementValue","isLinkElement","withPlugin","props"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAaaA,MAAAA,WAAW,CAACC,WAAmB;AACpC,QAAA;AAAA,IAAEC;AAAAA,MAAaD;AAErBA,SAAOC,WAAWC,CAAS,UAAA;AACzB,WAAOC,UAAAA,aAAaF,SAASC,KAAtB,KAAgCD,SAASC,KAAD;AAAA,EAAA;AAG1CF,SAAAA;AACR;AAED,+BAA+B;AAAA,EAC7BI;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,GACwD;;AACxD,QAAMC,YAAYC,UAAAA,SAAS;AAAA,IAAEC,gBAAgB;AAAA,EAAA,CAAnB;AAC1B,UAAQN,QAAQO;AAAAA,SACTC,UAAWC,WAAAA;AACd,4CACGC,MAAAA,MAAD,iCACMT,aADN;AAAA,QAEE,MAAMD,cAAQW,SAARX,YAAgBY;AAAAA,QACtB,WAAWC,IAAAA,GAAGT,WAAWJ,QAAQc,SAApB;AAAA,QAHf,UAKGX,cAAc;AAAA,UACbH;AAAAA,UACAC;AAAAA,UACAC;AAAAA,QAAAA,CAHY;AAAA,MAAA,EANlB;AAAA;AAeA,4CACEa,WAAAA,UAAA;AAAA,QAAA,UACGZ,cAAc;AAAA,UACbH;AAAAA,UACAC;AAAAA,UACAC;AAAAA,QAAAA,CAHY;AAAA,MAAA,CAFlB;AAAA;AAUL;AAE4B,sBAAA;AAC3B,SAAOc,iCAAuB;AAAA,IAC5BC,SAAS;AAAA,MACPC,YAAYT,UAAAA,OAAK;AAAA,QACfU,OAAO;AAAA,MAAA,CADO;AAAA,MAAA,UAGhBC,UAAAA;AAAAA,MAAAA,UACAC,UAAAA;AAAAA,MACAC,iBAAiB,CAACtB,YAAqB;AAC9BD,eAAAA,UAAAA,aAAaF,SAASG,OAAtB,KAAkCuB,UAAAA,cAAcvB,OAAD,IAAYA,QAAQW,OAAOC;AAAAA,MAClF;AAAA,IARM;AAAA,IAUTY,YAAY7B;AAAAA,IACZQ,eAAeA,mBAAiBsB,CAAS,UAAA;AACvC,4CAAQ,uBAAD,iCAA2BA,QAA3B;AAAA,QAAkC;AAAA,MAAA,EAAzC;AAAA,IACD;AAAA,EAAA,CAd0B;AAgB9B;;;"}

package/dist/index.cjs7.js

@@ -1,22 +0,0 @@
-"use strict";
-var uuid = require("uuid");
-function withLocalChanges(editor) {
-  editor.localChanges = /* @__PURE__ */ new Map();
-  editor.recentLocalChanges = [];
-  editor.currentKey = "";
-  const _onChange = editor.onChange;
-  editor.onChange = (options) => {
-    _onChange(options);
-    if (editor == null || (options == null ? void 0 : options.operation) == null)
-      return;
-    const key = uuid.v4();
-    editor.localChanges.set(key, {
-      selection: editor.selection,
-      time: performance.now()
-    });
-    editor.currentKey = key;
-  };
-  return editor;
-}
-exports.withLocalChanges = withLocalChanges;
-//# sourceMappingURL=index.cjs7.js.map

package/dist/index.cjs7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs7.js","sources":["../src/slate/LocalChangesPlugin/index.tsx"],"sourcesContent":["import { BaseEditor, Editor, Selection } from 'slate'\nimport { v4 as uuid } from 'uuid'\n\nexport type LocalChange = { selection: Selection; time: number }\n\nexport interface LocalChangesEditor extends BaseEditor {\n  localChanges: Map<string, LocalChange>\n  recentKeys: Map<string, number>\n  recentLocalChanges: { time: number; key: string }[]\n  currentKey: string\n}\n\nexport function withLocalChanges(editor: Editor): Editor {\n  editor.localChanges = new Map<string, LocalChange>()\n  editor.recentLocalChanges = []\n  editor.currentKey = ''\n\n  const _onChange = editor.onChange\n  editor.onChange = options => {\n    _onChange(options)\n    if (editor == null || options?.operation == null) return\n\n    const key = uuid()\n    editor.localChanges.set(key, { selection: editor.selection, time: performance.now() })\n    editor.currentKey = key\n  }\n\n  return editor\n}\n"],"names":["editor","localChanges","Map","recentLocalChanges","currentKey","_onChange","onChange","options","operation","key","uuid","set","selection","time","performance","now"],"mappings":";;AAYO,0BAA0BA,QAAwB;AAChDC,SAAAA,mCAAmBC;AAC1BF,SAAOG,qBAAqB;AAC5BH,SAAOI,aAAa;AAEpB,QAAMC,YAAYL,OAAOM;AACzBN,SAAOM,WAAWC,CAAW,YAAA;AAC3BF,cAAUE,OAAD;AACLP,QAAAA,UAAU,QAAQO,oCAASC,cAAa;AAAM;AAElD,UAAMC,MAAMC,KAAAA;AACLT,WAAAA,aAAaU,IAAIF,KAAK;AAAA,MAAEG,WAAWZ,OAAOY;AAAAA,MAAWC,MAAMC,YAAYC,IAAZ;AAAA,IAAA,CAAlE;AACAf,WAAOI,aAAaK;AAAAA,EAAAA;AAGfT,SAAAA;AACR;;"}