@makeswift/runtime 0.13.0 → 0.14.0

package/dist/Carousel.cjs.js

@@ -1,481 +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;
-};
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-var React = require("react");
-var framerMotion = require("framer-motion");
-var react = require("@use-gesture/react");
-var popcorn = require("@popmotion/popcorn");
-var next = require("./index.cjs.js");
-require("use-sync-external-store/shim");
-var reactPage = require("./react-page.cjs.js");
-require("ts-pattern");
-require("./actions.cjs.js");
-require("uuid");
-require("slate");
-require("escape-html");
-require("slate-hyperscript");
-require("parse5");
-require("is-hotkey");
-var jsxRuntime = require("react/jsx-runtime");
-var state_breakpoints = require("./breakpoints.cjs.js");
-var useMediaQuery = require("./useMediaQuery.cjs.js");
-var Image = require("./Image.cjs.js");
-var css = require("@emotion/css");
-require("use-sync-external-store/shim/with-selector");
-require("next/dynamic");
-require("./number.cjs.js");
-require("./combobox.cjs.js");
-require("redux");
-require("redux-thunk");
-require("./types.cjs.js");
-require("./box-models.cjs.js");
-require("css-box-model");
-require("color");
-require("scroll-into-view-if-needed");
-require("react-dom");
-require("html-react-parser");
-require("next/head");
-require("zod");
-require("@emotion/server/create-instance");
-require("next/document");
-require("cors");
-require("path-to-regexp");
-require("cookie");
-require("http-proxy");
-require("set-cookie-parser");
-require("./constants.cjs.js");
-require("corporate-ipsum");
-require("@emotion/serialize");
-require("@emotion/utils");
-require("next/image");
-require("./placeholders.cjs.js");
-require("./index.cjs3.js");
-require("next/link");
-require("./next-version.cjs.js");
-require("next/package.json");
-const LeftChevron = () => /* @__PURE__ */ jsxRuntime.jsx("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "10",
-  height: "14",
-  viewBox: "0 0 10 14",
-  children: /* @__PURE__ */ jsxRuntime.jsx("path", {
-    d: "M7,13,1,7,7,1",
-    fill: "none",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: "2"
-  })
-});
-const RightChevron = () => /* @__PURE__ */ jsxRuntime.jsx("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "10",
-  height: "14",
-  viewBox: "0 0 10 14",
-  children: /* @__PURE__ */ jsxRuntime.jsx("path", {
-    d: "M3,1,9,7,3,13",
-    fill: "none",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: "2"
-  })
-});
-const SWIPE_THRESHOLD = 20;
-const swipePower = (dx, velocity) => dx * (1 + velocity);
-const Carousel = React.forwardRef(function Carousel2({
-  images = [],
-  width,
-  margin,
-  pageSize: responsivePageSize,
-  step: responsiveStep,
-  gap,
-  slideAlignment,
-  showDots,
-  showArrows,
-  arrowPosition,
-  arrowColor,
-  arrowBackground,
-  dotColor,
-  autoplay = false,
-  delay = 5,
-  slideBorder,
-  slideBorderRadius
-}, ref) {
-  const breakpoints = next.useBreakpoints();
-  const [index, setIndex] = React.useState(0);
-  const swipe = React.useRef(0);
-  const startIndex = popcorn.wrap(0, images.length, index);
-  const pageSize = useMediaQuery.useMediaQuery(responsivePageSize) || 1;
-  const step = useMediaQuery.useMediaQuery(responsiveStep) || 1;
-  const endIndex = startIndex + pageSize;
-  const pageCount = Math.ceil((images.length - pageSize) / step + 1);
-  const pageIndex = Math.ceil(startIndex / step);
-  const isFirstPage = pageIndex === 0;
-  const isLastPage = pageIndex === pageCount - 1;
-  const paginate = React.useCallback((pageDistance) => {
-    if (pageDistance === 0)
-      return;
-    const direction = pageDistance / Math.abs(pageDistance);
-    const remaining = direction > 0 ? images.slice(endIndex) : images.slice(0, startIndex);
-    const distance = direction * Math.min(remaining.length, step * Math.abs(pageDistance));
-    setIndex(index + distance);
-  }, [images, index, startIndex, endIndex, step]);
-  const animation = framerMotion.useAnimation({
-    x: 0,
-    transition: {
-      type: "spring",
-      stiffness: 100
-    }
-  });
-  const bindPage = react.useGesture({
-    onDrag: ({
-      movement: [mx],
-      delta: [dx],
-      velocity: [vx]
-    }) => {
-      animation.start({
-        x: mx
-      });
-      swipe.current = swipePower(dx, vx);
-    },
-    onDragEnd: () => {
-      animation.start({
-        x: 0
-      });
-      if (swipe.current > SWIPE_THRESHOLD)
-        paginate(1);
-      else if (swipe.current < -SWIPE_THRESHOLD)
-        paginate(-1);
-    }
-  }, {
-    drag: {
-      axis: "x",
-      bounds: {
-        left: 0,
-        right: 0
-      },
-      rubberband: true
-    }
-  });
-  React.useEffect(() => {
-    if (!autoplay || pageSize !== 0)
-      setIndex(0);
-  }, [autoplay, pageSize]);
-  React.useEffect(() => {
-    if (!autoplay)
-      return () => {
-      };
-    const intervalId = setInterval(() => isLastPage ? setIndex(0) : paginate(1), delay * 1e3);
-    return () => clearInterval(intervalId);
-  }, [autoplay, delay, paginate, isLastPage]);
-  const clipMaskClassName = reactPage.useStyle({
-    overflow: "hidden"
-  });
-  const pageClassName = reactPage.useStyle({
-    position: "relative",
-    width: "100%"
-  });
-  const slideClassName = css.cx(reactPage.useStyle({
-    display: "flex"
-  }), reactPage.useStyle(next.useResponsiveStyle([responsivePageSize], ([pageSize2 = 1]) => ({
-    flexBasis: `${100 / pageSize2}%`,
-    maxWidth: `${100 / pageSize2}%`,
-    minWidth: `${100 / pageSize2}%`
-  }))), reactPage.useStyle(next.useResponsiveStyle([slideAlignment], ([alignItems = "center"]) => ({
-    alignItems
-  }))));
-  const reelClassName = css.cx(reactPage.useStyle({
-    display: "flex",
-    position: "relative",
-    flexWrap: "nowrap"
-  }), reactPage.useStyle(next.useResponsiveStyle([gap], ([gap2 = {
-    value: 0,
-    unit: "px"
-  }]) => ({
-    margin: `0 ${`${-gap2.value / 2}${gap2.unit}`}`,
-    [`& > .${slideClassName}`]: {
-      padding: `0 ${`${gap2.value / 2}${gap2.unit}`}`
-    }
-  }))));
-  const arrowClassName = css.cx(reactPage.useStyle({
-    padding: 10,
-    borderRadius: "50%",
-    outline: 0,
-    border: 0,
-    width: 40,
-    height: 40,
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    cursor: "pointer",
-    userSelect: "none"
-  }), reactPage.useStyle(next.useResponsiveStyle([arrowBackground], ([background = {
-    swatch: {
-      hue: 0,
-      saturation: 0,
-      lightness: 100
-    },
-    alpha: 1
-  }]) => ({
-    background: next.colorToString(background)
-  }))), reactPage.useStyle({
-    svg: {
-      transition: "transform 0.15s",
-      stroke: "currentcolor"
-    }
-  }));
-  const slopClassName = css.cx(reactPage.useStyle({
-    position: "absolute",
-    top: 0,
-    bottom: 0,
-    display: "flex",
-    "&[hidden]": {
-      display: "none"
-    },
-    alignItems: "center",
-    cursor: "pointer",
-    zIndex: 2
-  }), reactPage.useStyle(next.useResponsiveStyle([arrowColor], ([color = {
-    swatch: {
-      hue: 0,
-      saturation: 0,
-      lightness: 0
-    },
-    alpha: 1
-  }]) => ({
-    color: next.colorToString(color)
-  }))));
-  const leftSlopClassName = css.cx(slopClassName, reactPage.useStyle(next.useResponsiveStyle([arrowPosition], ([position = "inside"]) => {
-    switch (position) {
-      case "inside":
-        return {
-          transform: "translateX(8px)"
-        };
-      case "outside":
-        return {
-          transform: "translateX(calc(-100% - 8px))"
-        };
-      default:
-        return {
-          transform: "translateX(calc(-50%))"
-        };
-    }
-  })), reactPage.useStyle({
-    left: 0,
-    [`&:hover > .${arrowClassName}`]: {
-      "& > svg": {
-        transform: "translateX(-2px)"
-      }
-    }
-  }));
-  const rightSlopClassName = css.cx(slopClassName, reactPage.useStyle(next.useResponsiveStyle([arrowPosition], ([position = "inside"]) => {
-    switch (position) {
-      case "inside":
-        return {
-          transform: "translateX(-8px)"
-        };
-      case "outside":
-        return {
-          transform: "translateX(calc(100% + 8px))"
-        };
-      default:
-        return {
-          transform: "translateX(calc(50%))"
-        };
-    }
-  })), reactPage.useStyle({
-    right: 0,
-    [`&:hover > .${arrowClassName}`]: {
-      "& > svg": {
-        transform: "translateX(2px)"
-      }
-    }
-  }));
-  const dotsClassName = css.cx(reactPage.useStyle({
-    display: showDots ? "flex" : "none",
-    justifyContent: "center",
-    marginTop: 20
-  }), reactPage.useStyle(next.useResponsiveStyle([dotColor], ([color = {
-    swatch: {
-      hue: 0,
-      saturation: 0,
-      lightness: 0
-    },
-    alpha: 1
-  }]) => ({
-    color: next.colorToString(color)
-  }))));
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-    ref,
-    className: css.cx(reactPage.useStyle({
-      position: "relative",
-      display: "flex",
-      flexDirection: "column"
-    }), width, margin, reactPage.useStyle({
-      "&:focus": {
-        outline: 0
-      }
-    })),
-    tabIndex: -1,
-    onKeyDown: (e) => {
-      switch (e.key) {
-        case "ArrowRight":
-          paginate(1);
-          break;
-        case "ArrowLeft":
-          paginate(-1);
-          break;
-      }
-    },
-    children: [/* @__PURE__ */ jsxRuntime.jsxs("div", {
-      className: reactPage.useStyle({
-        position: "relative",
-        height: "100%"
-      }),
-      children: [/* @__PURE__ */ jsxRuntime.jsx("div", {
-        className: clipMaskClassName,
-        children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.motion.div, __spreadProps(__spreadValues({}, bindPage()), {
-          className: pageClassName,
-          animate: animation,
-          children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.motion.div, {
-            className: reelClassName,
-            animate: {
-              x: `${-(100 / pageSize) * startIndex}%`
-            },
-            transition: {
-              x: {
-                type: "tween",
-                ease: [0.165, 0.84, 0.44, 1],
-                duration: 0.5
-              }
-            },
-            children: images.map(({
-              props: imageProps,
-              key
-            }) => /* @__PURE__ */ jsxRuntime.jsx(framerMotion.motion.div, {
-              id: key,
-              className: slideClassName,
-              onMouseDown: (e) => e.preventDefault(),
-              onClick: (e) => {
-                if (swipe.current !== 0)
-                  e.preventDefault();
-              },
-              children: /* @__PURE__ */ jsxRuntime.jsx(Image["default"], {
-                width: [{
-                  deviceId: state_breakpoints.getBaseBreakpoint(breakpoints).id,
-                  value: {
-                    value: 100,
-                    unit: "%"
-                  }
-                }],
-                file: imageProps.file,
-                altText: imageProps.altText,
-                link: imageProps.link,
-                border: slideBorder,
-                borderRadius: slideBorderRadius
-              })
-            }, key))
-          })
-        }))
-      }), /* @__PURE__ */ jsxRuntime.jsx("div", {
-        onClick: () => paginate(-1),
-        className: leftSlopClassName,
-        hidden: !showArrows || isFirstPage,
-        children: /* @__PURE__ */ jsxRuntime.jsx("div", {
-          className: arrowClassName,
-          children: /* @__PURE__ */ jsxRuntime.jsx(LeftChevron, {})
-        })
-      }), /* @__PURE__ */ jsxRuntime.jsx("div", {
-        onClick: () => paginate(1),
-        className: rightSlopClassName,
-        hidden: !showArrows || isLastPage,
-        children: /* @__PURE__ */ jsxRuntime.jsx("div", {
-          className: arrowClassName,
-          children: /* @__PURE__ */ jsxRuntime.jsx(RightChevron, {})
-        })
-      })]
-    }), /* @__PURE__ */ jsxRuntime.jsx("div", {
-      className: dotsClassName,
-      children: Array.from({
-        length: pageCount
-      }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(Dot, {
-        active: i === pageIndex,
-        onClick: () => paginate(i - pageIndex)
-      }, i))
-    })]
-  });
-});
-function Dot(_a) {
-  var _b = _a, {
-    className,
-    active
-  } = _b, restOfProps = __objRest(_b, [
-    "className",
-    "active"
-  ]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps(__spreadValues({}, restOfProps), {
-    className: css.cx(reactPage.useStyle({
-      position: "relative",
-      margin: "0 6px",
-      borderRadius: "50%",
-      cursor: "pointer",
-      width: 16,
-      height: 16,
-      "&::before, &::after": {
-        content: '""',
-        position: "absolute",
-        top: "50%",
-        left: "50%",
-        display: "block",
-        borderRadius: "50%",
-        transition: "all 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275)"
-      },
-      "&::before": {
-        boxShadow: "0 0 0 2px currentColor",
-        transform: "translate3d(-50%, -50%, 0)",
-        width: active ? 16 : 10,
-        height: active ? 16 : 10
-      },
-      "&::after": {
-        background: "currentColor",
-        transform: `translate3d(-50%, -50%, 0) scale(${active ? 1 : 0})`,
-        width: 10,
-        height: 10
-      },
-      "&:hover::after": {
-        transform: `translate3d(-50%, -50%, 0) scale(${active ? 1 : 0})`
-      }
-    }), className)
-  }));
-}
-exports["default"] = Carousel;
-//# sourceMappingURL=Carousel.cjs.js.map

package/dist/Carousel.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Carousel.cjs.js","sources":["../src/components/builtin/Carousel/Carousel.tsx"],"sourcesContent":["import {\n  useState,\n  useRef,\n  useEffect,\n  useCallback,\n  forwardRef,\n  Ref,\n  ComponentPropsWithoutRef,\n} from 'react'\nimport { motion, useAnimation } from 'framer-motion'\nimport { useGesture } from '@use-gesture/react'\nimport { wrap } from '@popmotion/popcorn'\n\nimport { colorToString } from '../../utils/colorToString'\nimport { useMediaQuery } from '../../hooks'\n\nimport Image from '../Image'\nimport {\n  ElementIDValue,\n  ImagesValue,\n  ResponsiveNumberValue,\n  ResponsiveIconRadioGroupValue,\n  GapXValue,\n  CheckboxValue,\n  NumberValue,\n} from '../../../prop-controllers/descriptors'\nimport { ResponsiveColor } from '../../../runtimes/react/controls'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport { cx } from '@emotion/css'\nimport { useResponsiveStyle } from '../../utils/responsive-style'\nimport { getBaseBreakpoint } from '../../../state/modules/breakpoints'\nimport { useBreakpoints } from '../../../runtimes/react'\n\nconst LeftChevron = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"14\" viewBox=\"0 0 10 14\">\n    <path\n      d=\"M7,13,1,7,7,1\"\n      fill=\"none\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth=\"2\"\n    />\n  </svg>\n)\n\nconst RightChevron = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"14\" viewBox=\"0 0 10 14\">\n    <path\n      d=\"M3,1,9,7,3,13\"\n      fill=\"none\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth=\"2\"\n    />\n  </svg>\n)\n\ntype Props = {\n  id?: ElementIDValue\n  images?: ImagesValue\n  width?: string\n  margin?: string\n  pageSize?: ResponsiveNumberValue\n  step?: ResponsiveNumberValue\n  slideAlignment?: ResponsiveIconRadioGroupValue<'flex-start' | 'center' | 'flex-end'>\n  gap?: GapXValue\n  autoplay?: CheckboxValue\n  delay?: NumberValue\n  showArrows?: CheckboxValue\n  arrowPosition?: ResponsiveIconRadioGroupValue<'inside' | 'center' | 'outside'>\n  arrowColor?: ResponsiveColor | null\n  arrowBackground?: ResponsiveColor | null\n  showDots?: CheckboxValue\n  dotColor?: ResponsiveColor | null\n  slideBorder?: string\n  slideBorderRadius?: string\n}\n\nconst SWIPE_THRESHOLD = 20\nconst swipePower = (dx: number, velocity: number) => dx * (1 + velocity)\n\nconst Carousel = forwardRef(function Carousel(\n  {\n    images = [],\n    width,\n    margin,\n    pageSize: responsivePageSize,\n    step: responsiveStep,\n    gap,\n    slideAlignment,\n    showDots,\n    showArrows,\n    arrowPosition,\n    arrowColor,\n    arrowBackground,\n    dotColor,\n    autoplay = false,\n    delay = 5,\n    slideBorder,\n    slideBorderRadius,\n  }: Props,\n  ref: Ref<HTMLDivElement>,\n) {\n  const breakpoints = useBreakpoints()\n  const [index, setIndex] = useState(0)\n  const swipe = useRef(0)\n  const startIndex = wrap(0, images.length, index)\n  const pageSize = useMediaQuery(responsivePageSize) || 1\n  const step = useMediaQuery(responsiveStep) || 1\n  const endIndex = startIndex + pageSize\n  const pageCount = Math.ceil((images.length - pageSize) / step + 1)\n  const pageIndex = Math.ceil(startIndex / step)\n  const isFirstPage = pageIndex === 0\n  const isLastPage = pageIndex === pageCount - 1\n  const paginate = useCallback(\n    (pageDistance: number) => {\n      if (pageDistance === 0) return\n\n      const direction = pageDistance / Math.abs(pageDistance)\n      const remaining = direction > 0 ? images.slice(endIndex) : images.slice(0, startIndex)\n      const distance = direction * Math.min(remaining.length, step * Math.abs(pageDistance))\n\n      setIndex(index + distance)\n    },\n    [images, index, startIndex, endIndex, step],\n  )\n  // @ts-expect-error: `useAnimation` types expect no arguments.\n  const animation = useAnimation({ x: 0, transition: { type: 'spring', stiffness: 100 } })\n  const bindPage = useGesture(\n    {\n      onDrag: ({ movement: [mx], delta: [dx], velocity: [vx] }) => {\n        animation.start({ x: mx })\n        swipe.current = swipePower(dx, vx)\n      },\n      onDragEnd: () => {\n        animation.start({ x: 0 })\n\n        if (swipe.current > SWIPE_THRESHOLD) paginate(1)\n        else if (swipe.current < -SWIPE_THRESHOLD) paginate(-1)\n      },\n    },\n    {\n      drag: {\n        axis: 'x',\n        bounds: { left: 0, right: 0 },\n        rubberband: true,\n      },\n    },\n  )\n\n  useEffect(() => {\n    if (!autoplay || pageSize !== 0) setIndex(0)\n  }, [autoplay, pageSize])\n\n  useEffect(() => {\n    if (!autoplay) return () => {}\n\n    const intervalId = setInterval(() => (isLastPage ? setIndex(0) : paginate(1)), delay * 1000)\n\n    return () => clearInterval(intervalId)\n  }, [autoplay, delay, paginate, isLastPage])\n\n  const clipMaskClassName = useStyle({ overflow: 'hidden' })\n  const pageClassName = useStyle({ position: 'relative', width: '100%' })\n  const slideClassName = cx(\n    useStyle({ display: 'flex' }),\n    useStyle(\n      useResponsiveStyle([responsivePageSize] as const, ([pageSize = 1]) => ({\n        flexBasis: `${100 / pageSize}%`,\n        maxWidth: `${100 / pageSize}%`,\n        minWidth: `${100 / pageSize}%`,\n      })),\n    ),\n    useStyle(\n      useResponsiveStyle([slideAlignment] as const, ([alignItems = 'center']) => ({ alignItems })),\n    ),\n  )\n  const reelClassName = cx(\n    useStyle({ display: 'flex', position: 'relative', flexWrap: 'nowrap' }),\n    useStyle(\n      useResponsiveStyle([gap] as const, ([gap = { value: 0, unit: 'px' }]) => ({\n        margin: `0 ${`${-gap.value / 2}${gap.unit}`}`,\n        [`& > .${slideClassName}`]: {\n          padding: `0 ${`${gap.value / 2}${gap.unit}`}`,\n        },\n      })),\n    ),\n  )\n  const arrowClassName = cx(\n    useStyle({\n      padding: 10,\n      borderRadius: '50%',\n      outline: 0,\n      border: 0,\n      width: 40,\n      height: 40,\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      cursor: 'pointer',\n      userSelect: 'none',\n    }),\n    useStyle(\n      useResponsiveStyle(\n        [arrowBackground] as const,\n        ([background = { swatch: { hue: 0, saturation: 0, lightness: 100 }, alpha: 1 }]) => ({\n          background: colorToString(background),\n        }),\n      ),\n    ),\n    useStyle({ svg: { transition: 'transform 0.15s', stroke: 'currentcolor' } }),\n  )\n  const slopClassName = cx(\n    useStyle({\n      position: 'absolute',\n      top: 0,\n      bottom: 0,\n\n      display: 'flex',\n      '&[hidden]': {\n        display: 'none',\n      },\n\n      alignItems: 'center',\n      cursor: 'pointer',\n      zIndex: 2,\n    }),\n    useStyle(\n      useResponsiveStyle(\n        [arrowColor] as const,\n        ([color = { swatch: { hue: 0, saturation: 0, lightness: 0 }, alpha: 1 }]) => ({\n          color: colorToString(color),\n        }),\n      ),\n    ),\n  )\n  const leftSlopClassName = cx(\n    slopClassName,\n    useStyle(\n      useResponsiveStyle([arrowPosition] as const, ([position = 'inside']) => {\n        switch (position) {\n          case 'inside':\n            return { transform: 'translateX(8px)' }\n\n          case 'outside':\n            return { transform: 'translateX(calc(-100% - 8px))' }\n\n          default:\n            return { transform: 'translateX(calc(-50%))' }\n        }\n      }),\n    ),\n    useStyle({\n      left: 0,\n\n      [`&:hover > .${arrowClassName}`]: {\n        '& > svg': {\n          transform: 'translateX(-2px)',\n        },\n      },\n    }),\n  )\n  const rightSlopClassName = cx(\n    slopClassName,\n    useStyle(\n      useResponsiveStyle([arrowPosition] as const, ([position = 'inside']) => {\n        switch (position) {\n          case 'inside':\n            return { transform: 'translateX(-8px)' }\n\n          case 'outside':\n            return { transform: 'translateX(calc(100% + 8px))' }\n\n          default:\n            return { transform: 'translateX(calc(50%))' }\n        }\n      }),\n    ),\n    useStyle({\n      right: 0,\n\n      [`&:hover > .${arrowClassName}`]: {\n        '& > svg': {\n          transform: 'translateX(2px)',\n        },\n      },\n    }),\n  )\n  const dotsClassName = cx(\n    useStyle({ display: showDots ? 'flex' : 'none', justifyContent: 'center', marginTop: 20 }),\n    useStyle(\n      useResponsiveStyle(\n        [dotColor] as const,\n        ([color = { swatch: { hue: 0, saturation: 0, lightness: 0 }, alpha: 1 }]) => ({\n          color: colorToString(color),\n        }),\n      ),\n    ),\n  )\n\n  return (\n    <div\n      ref={ref}\n      className={cx(\n        useStyle({ position: 'relative', display: 'flex', flexDirection: 'column' }),\n        width,\n        margin,\n        useStyle({ '&:focus': { outline: 0 } }),\n      )}\n      tabIndex={-1}\n      onKeyDown={e => {\n        switch (e.key) {\n          case 'ArrowRight':\n            paginate(1)\n            break\n          case 'ArrowLeft':\n            paginate(-1)\n            break\n          default:\n        }\n      }}\n    >\n      {/* NOTE: We set height to 100% here to fix an issue on IE11 where the child height of a flex column extends too far */}\n      <div className={useStyle({ position: 'relative', height: '100%' })}>\n        <div className={clipMaskClassName}>\n          {/* https://github.com/framer/motion/issues/1723 */}\n          {/* @ts-expect-error: React HTMLElement typings conflict with motion components */}\n          <motion.div {...bindPage()} className={pageClassName} animate={animation}>\n            <motion.div\n              className={reelClassName}\n              animate={{ x: `${-(100 / pageSize) * startIndex}%` }}\n              transition={{\n                x: {\n                  type: 'tween',\n                  ease: [0.165, 0.84, 0.44, 1],\n                  duration: 0.5,\n                },\n              }}\n            >\n              {images.map(({ props: imageProps, key }) => (\n                <motion.div\n                  id={key}\n                  key={key}\n                  className={slideClassName}\n                  onMouseDown={e => e.preventDefault()}\n                  onClick={e => {\n                    if (swipe.current !== 0) e.preventDefault()\n                  }}\n                >\n                  <Image\n                    width={[\n                      {\n                        deviceId: getBaseBreakpoint(breakpoints).id,\n                        value: { value: 100, unit: '%' },\n                      },\n                    ]}\n                    file={imageProps.file}\n                    altText={imageProps.altText}\n                    link={imageProps.link}\n                    border={slideBorder}\n                    borderRadius={slideBorderRadius}\n                  />\n                </motion.div>\n              ))}\n            </motion.div>\n          </motion.div>\n        </div>\n        <div\n          onClick={() => paginate(-1)}\n          className={leftSlopClassName}\n          hidden={!showArrows || isFirstPage}\n        >\n          <div className={arrowClassName}>\n            <LeftChevron />\n          </div>\n        </div>\n        <div\n          onClick={() => paginate(1)}\n          className={rightSlopClassName}\n          hidden={!showArrows || isLastPage}\n        >\n          <div className={arrowClassName}>\n            <RightChevron />\n          </div>\n        </div>\n      </div>\n      <div className={dotsClassName}>\n        {Array.from({ length: pageCount }).map((_, i) => (\n          <Dot key={i} active={i === pageIndex} onClick={() => paginate(i - pageIndex)} />\n        ))}\n      </div>\n    </div>\n  )\n})\n\nexport default Carousel\n\ntype DotBaseProps = {\n  className?: string\n  active: boolean\n}\n\ntype DotProps = DotBaseProps & Omit<ComponentPropsWithoutRef<'div'>, keyof DotBaseProps>\n\nfunction Dot({ className, active, ...restOfProps }: DotProps) {\n  return (\n    <div\n      {...restOfProps}\n      className={cx(\n        useStyle({\n          position: 'relative',\n          margin: '0 6px',\n          borderRadius: '50%',\n          cursor: 'pointer',\n          width: 16,\n          height: 16,\n\n          '&::before, &::after': {\n            content: '\"\"',\n            position: 'absolute',\n            top: '50%',\n            left: '50%',\n            display: 'block',\n            borderRadius: '50%',\n            transition: 'all 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275)',\n          },\n\n          '&::before': {\n            boxShadow: '0 0 0 2px currentColor',\n            transform: 'translate3d(-50%, -50%, 0)',\n            width: active ? 16 : 10,\n            height: active ? 16 : 10,\n          },\n\n          '&::after': {\n            background: 'currentColor',\n            transform: `translate3d(-50%, -50%, 0) scale(${active ? 1 : 0})`,\n            width: 10,\n            height: 10,\n          },\n\n          '&:hover::after': {\n            transform: `translate3d(-50%, -50%, 0) scale(${active ? 1 : 0})`,\n          },\n        }),\n        className,\n      )}\n    />\n  )\n}\n"],"names":["LeftChevron","_jsx","RightChevron","SWIPE_THRESHOLD","swipePower","dx","velocity","Carousel","forwardRef","images","width","margin","pageSize","responsivePageSize","step","responsiveStep","gap","slideAlignment","showDots","showArrows","arrowPosition","arrowColor","arrowBackground","dotColor","autoplay","delay","slideBorder","slideBorderRadius","ref","breakpoints","useBreakpoints","index","setIndex","useState","swipe","useRef","startIndex","wrap","length","useMediaQuery","endIndex","pageCount","Math","ceil","pageIndex","isFirstPage","isLastPage","paginate","useCallback","pageDistance","direction","abs","remaining","slice","distance","min","animation","useAnimation","x","transition","type","stiffness","bindPage","useGesture","onDrag","movement","mx","delta","vx","start","current","onDragEnd","drag","axis","bounds","left","right","rubberband","useEffect","intervalId","setInterval","clearInterval","clipMaskClassName","useStyle","overflow","pageClassName","position","slideClassName","cx","display","useResponsiveStyle","flexBasis","maxWidth","minWidth","alignItems","reelClassName","flexWrap","value","unit","padding","arrowClassName","borderRadius","outline","border","height","justifyContent","cursor","userSelect","background","swatch","hue","saturation","lightness","alpha","colorToString","svg","stroke","slopClassName","top","bottom","zIndex","color","leftSlopClassName","transform","rightSlopClassName","dotsClassName","marginTop","flexDirection","e","key","_jsxs","motion","ease","duration","map","props","imageProps","preventDefault","Image","deviceId","getBaseBreakpoint","id","file","altText","link","Array","from","_","i","className","active","restOfProps","content","boxShadow"],"mappings":"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"}