@makeswift/runtime 0.25.0-canary.8 → 0.25.0

package/dist/cjs/components/utils/responsive-style.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/utils/responsive-style.ts"],"sourcesContent":["import { WidthProperty } from 'csstype'\nimport { CSSObject } from '@emotion/css'\n\nimport type { ResponsiveValueType as ExtractResponsiveValue } from '@makeswift/controls'\n\nimport type {\n  LengthData,\n  ResponsiveBorderRadiusData,\n  ResponsiveMarginData,\n  ResponsivePaddingData,\n  ResponsiveValue,\n  ResponsiveLengthData,\n  ResponsiveTextStyleData,\n} from '@makeswift/prop-controllers'\n\nimport {\n  type Breakpoints,\n  type FallbackStrategy,\n  join as joinResponsiveValues,\n  getBreakpoint,\n  getBreakpointMediaQuery,\n} from '@makeswift/controls'\n\nimport { useBreakpoints } from '../../runtimes/react/hooks/use-breakpoints'\n\nimport { getIndexes } from './columns'\nimport { PaddingPropertyData, paddingPropertyDataToStyle } from '../../css/padding'\nimport { MarginPropertyData, marginPropertyDataToStyle } from '../../css/margin'\nimport { BorderRadiusPropertyData, borderRadiusPropertyDataToStyle } from '../../css/border-radius'\nimport { BorderPropertyData, borderPropertyDataToStyle } from '../../css/border'\nimport { BorderPropControllerData } from '../hooks/useBorder'\nimport { colorToString } from './colorToString'\nimport { BoxShadow, ResponsiveBoxShadow } from '../hooks'\nimport { DropFirst } from './drop-first'\n\nexport function responsiveStyle<V, A extends ReadonlyArray<ResponsiveValue<V> | null | undefined>>(\n  breakpoints: Breakpoints,\n  responsiveValues: A,\n  join: (values: { [K in keyof A]: ExtractResponsiveValue<A[K]> | undefined }) => CSSObject,\n  strategy?: FallbackStrategy<V>,\n): CSSObject {\n  return joinResponsiveValues(breakpoints, responsiveValues, join, strategy).reduce(\n    (acc, { deviceId, value }) => {\n      const breakpoint = getBreakpoint(breakpoints, deviceId)\n      const mediaQuery = getBreakpointMediaQuery(breakpoint)\n\n      return {\n        ...acc,\n        [mediaQuery]: {\n          ...(acc[mediaQuery] as CSSObject),\n          ...value,\n        },\n      }\n    },\n    {} as CSSObject,\n  )\n}\n\nexport function useResponsiveStyle<\n  V,\n  A extends ReadonlyArray<ResponsiveValue<V> | null | undefined>,\n>(\n  responsiveValues: A,\n  join: (values: { [K in keyof A]: ExtractResponsiveValue<A[K]> | undefined }) => CSSObject,\n  strategy?: FallbackStrategy<V>,\n): CSSObject {\n  return responsiveStyle(useBreakpoints(), responsiveValues, join, strategy)\n}\n\nexport function responsiveWidth(\n  breakpoints: Breakpoints,\n  widthData: ResponsiveLengthData | undefined,\n  defaultValue: LengthData | WidthProperty<string | number> = '100%',\n): CSSObject {\n  return {\n    maxWidth: '100%',\n    ...responsiveStyle(breakpoints, [widthData], ([width = defaultValue]) => ({\n      width: typeof width === 'object' ? `${width.value}${width.unit}` : width,\n    })),\n  }\n}\n\nexport function useResponsiveWidth(\n  ...args: DropFirst<Parameters<typeof responsiveWidth>>\n): CSSObject {\n  return responsiveWidth(useBreakpoints(), ...args)\n}\n\nexport function responsivePadding(\n  breakpoints: Breakpoints,\n  paddingData: ResponsivePaddingData | undefined,\n  defaultValue: PaddingPropertyData = {} as PaddingPropertyData,\n): CSSObject {\n  return responsiveStyle(breakpoints, [paddingData], ([padding = {} as PaddingPropertyData]) =>\n    paddingPropertyDataToStyle(\n      padding,\n      Object.assign(\n        { paddingTop: 0, paddingRight: 0, paddingBottom: 0, paddingLeft: 0 },\n        defaultValue,\n      ),\n    ),\n  )\n}\n\nexport function useResponsivePadding(\n  ...args: DropFirst<Parameters<typeof responsivePadding>>\n): CSSObject {\n  return responsivePadding(useBreakpoints(), ...args)\n}\n\nexport function responsiveMargin(\n  breakpoints: Breakpoints,\n  marginData: ResponsiveMarginData | undefined,\n  defaultValue: MarginPropertyData = {} as MarginPropertyData,\n): CSSObject {\n  return responsiveStyle(breakpoints, [marginData], ([margin = {} as MarginPropertyData]) =>\n    marginPropertyDataToStyle(\n      margin,\n      Object.assign(\n        { marginTop: 0, marginRight: 'auto', marginBottom: 0, marginLeft: 'auto' },\n        defaultValue,\n      ),\n    ),\n  )\n}\n\nexport function useResponsiveMargin(\n  ...args: DropFirst<Parameters<typeof responsiveMargin>>\n): CSSObject {\n  return responsiveMargin(useBreakpoints(), ...args)\n}\n\nexport function responsiveBorderRadius(\n  breakpoints: Breakpoints,\n  borderRadiusData: ResponsiveBorderRadiusData | undefined,\n  defaultValue: BorderRadiusPropertyData = {} as BorderRadiusPropertyData,\n): CSSObject {\n  return responsiveStyle(breakpoints, [borderRadiusData], ([borderRadius = {}]) =>\n    borderRadiusPropertyDataToStyle(\n      borderRadius,\n      Object.assign(\n        {\n          borderTopLeftRadius: 0,\n          borderTopRightRadius: 0,\n          borderBottomRightRadius: 0,\n          borderBottomLeftRadius: 0,\n        },\n        defaultValue,\n      ),\n    ),\n  )\n}\n\nexport function useResponsiveBorderRadius(\n  ...args: DropFirst<Parameters<typeof responsiveBorderRadius>>\n): CSSObject {\n  return responsiveBorderRadius(useBreakpoints(), ...args)\n}\n\nexport function useResponsiveBorder(\n  borderData: BorderPropControllerData | undefined,\n  defaultValue: BorderPropertyData = {},\n): CSSObject {\n  return useResponsiveStyle([borderData], ([border = {}]) =>\n    borderPropertyDataToStyle(\n      border,\n      Object.assign(\n        {\n          borderTop: '0px solid black',\n          borderRight: '0px solid black',\n          borderBottom: '0px solid black',\n          borderLeft: '0px solid black',\n        },\n        defaultValue,\n      ),\n    ),\n  )\n}\n\nconst floor =\n  (d: number) =>\n  (v: number): number =>\n    Math.floor(10 ** d * v) / 10 ** d\n\nexport function responsiveGridItem(\n  breakpoints: Breakpoints,\n  props: {\n    grid: ResponsiveValue<{ spans: number[][]; count: number }>\n    index: number\n    columnGap?: ResponsiveValue<LengthData>\n    rowGap?: ResponsiveValue<LengthData>\n  },\n): CSSObject {\n  return {\n    display: 'flex',\n    ...responsiveStyle(\n      breakpoints,\n      [props.grid, props.columnGap, props.rowGap] as const,\n      ([\n        { spans, count } = { spans: [[12]], count: 12 },\n        columnGap = { value: 0, unit: 'px' },\n        rowGap = { value: 0, unit: 'px' },\n      ]) => {\n        const [rowIndex, columnIndex] = getIndexes(spans, props.index)\n        const firstCol = columnIndex === 0\n        const lastCol = columnIndex === spans[rowIndex].length - 1\n        const span = spans[rowIndex][columnIndex]\n        const fraction = floor(5)(span / count)\n        const width = `${fraction} * (100% + ${columnGap.value}${columnGap.unit})`\n        const excessWidth = `${Number(firstCol) + Number(lastCol)} * ${columnGap.value}${\n          columnGap.unit\n        } / 2`\n        const iePrecisionError = '0.01px'\n        const flexBasis = `calc(${width} - ${excessWidth} - ${iePrecisionError})`\n        const firstRow = rowIndex === 0\n        const lastRow = rowIndex === spans.length - 1\n\n        return span === 0\n          ? { display: 'none' }\n          : {\n              flexBasis,\n              minWidth: flexBasis,\n              // NOTE: IE11 width breaks without max width\n              // https://github.com/philipwalton/flexbugs/issues/3\n              maxWidth: flexBasis,\n              paddingLeft: firstCol ? 0 : `${columnGap.value / 2}${columnGap.unit}`,\n              paddingRight: lastCol ? 0 : `${columnGap.value / 2}${columnGap.unit}`,\n              paddingTop: firstRow ? 0 : `${rowGap.value / 2}${rowGap.unit}`,\n              paddingBottom: lastRow ? 0 : `${rowGap.value / 2}${rowGap.unit}`,\n            }\n      },\n    ),\n  }\n}\n\nexport function useResponsiveGridItem(\n  ...args: DropFirst<Parameters<typeof responsiveGridItem>>\n): CSSObject {\n  return responsiveGridItem(useBreakpoints(), ...args)\n}\n\nconst getBoxShadow = (shadows: BoxShadow) =>\n  shadows\n    .map(\n      ({ payload: { inset, offsetX, offsetY, blurRadius, spreadRadius, color } }) =>\n        `${inset ? 'inset ' : ''}${offsetX.toFixed(1)}px ${offsetY.toFixed(\n          1,\n        )}px ${blurRadius}px ${spreadRadius}px ${\n          color != null ? colorToString(color) : 'rgba(0,0,0,0.2)'\n        }`,\n    )\n    .filter(Boolean)\n    .join()\n\nexport function responsiveShadow(\n  breakpoints: Breakpoints,\n  value: ResponsiveBoxShadow | undefined,\n): CSSObject {\n  return responsiveStyle(breakpoints, [value], ([shadow = []]) => ({\n    boxShadow: getBoxShadow(shadow),\n  }))\n}\n\nexport function useResponsiveShadow(\n  ...args: DropFirst<Parameters<typeof responsiveShadow>>\n): CSSObject {\n  return responsiveShadow(useBreakpoints(), ...args)\n}\n\nexport function responsiveTextStyle(\n  breakpoints: Breakpoints,\n  value: ResponsiveTextStyleData | undefined,\n): CSSObject {\n  return responsiveStyle(\n    breakpoints,\n    [value],\n    ([\n      textStyle = {\n        fontFamily: null,\n        letterSpacing: null,\n        fontSize: null,\n        fontWeight: null,\n        textTransform: [],\n        fontStyle: [],\n      },\n    ]) => {\n      const {\n        fontSize,\n        fontWeight,\n        fontStyle = [],\n        textTransform = [],\n        letterSpacing,\n        fontFamily,\n      } = textStyle\n\n      return {\n        ...(fontFamily == null ? {} : { fontFamily: `\"${fontFamily}\"` }),\n        ...(fontWeight == null ? {} : { fontWeight }),\n        ...(letterSpacing == null ? {} : { letterSpacing }),\n        ...(fontSize == null ? {} : { fontSize: `${fontSize.value}${fontSize.unit}` }),\n        ...(textTransform.includes('uppercase') ? { textTransform: 'uppercase' } : {}),\n        ...(fontStyle.includes('italic') ? { fontStyle: 'italic' } : {}),\n      }\n    },\n  )\n}\n\nexport function useResponsiveTextStyle(\n  ...args: DropFirst<Parameters<typeof responsiveTextStyle>>\n): CSSObject {\n  return responsiveTextStyle(useBreakpoints(), ...args)\n}\n"],"mappings":"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","names":["joinResponsiveValues"]}
+{"version":3,"sources":["../../../../src/components/utils/responsive-style.ts"],"sourcesContent":["import { WidthProperty } from 'csstype'\nimport { type CSSObject } from '@emotion/serialize'\n\nimport type { ResponsiveValueType as ExtractResponsiveValue } from '@makeswift/controls'\n\nimport type {\n  LengthData,\n  ResponsiveBorderRadiusData,\n  ResponsiveMarginData,\n  ResponsivePaddingData,\n  ResponsiveValue,\n  ResponsiveLengthData,\n  ResponsiveTextStyleData,\n} from '@makeswift/prop-controllers'\n\nimport {\n  type Breakpoints,\n  type FallbackStrategy,\n  join as joinResponsiveValues,\n  getBreakpoint,\n  getBreakpointMediaQuery,\n} from '@makeswift/controls'\n\nimport { useBreakpoints } from '../../runtimes/react/hooks/use-breakpoints'\n\nimport { getIndexes } from './columns'\nimport { PaddingPropertyData, paddingPropertyDataToStyle } from '../../css/padding'\nimport { MarginPropertyData, marginPropertyDataToStyle } from '../../css/margin'\nimport { BorderRadiusPropertyData, borderRadiusPropertyDataToStyle } from '../../css/border-radius'\nimport { BorderPropertyData, borderPropertyDataToStyle } from '../../css/border'\nimport { BorderPropControllerData } from '../hooks/useBorder'\nimport { colorToString } from './colorToString'\nimport { BoxShadow, ResponsiveBoxShadow } from '../hooks'\nimport { DropFirst } from './drop-first'\n\nexport function responsiveStyle<V, A extends ReadonlyArray<ResponsiveValue<V> | null | undefined>>(\n  breakpoints: Breakpoints,\n  responsiveValues: A,\n  join: (values: { [K in keyof A]: ExtractResponsiveValue<A[K]> | undefined }) => CSSObject,\n  strategy?: FallbackStrategy<V>,\n): CSSObject {\n  return joinResponsiveValues(breakpoints, responsiveValues, join, strategy).reduce(\n    (acc, { deviceId, value }) => {\n      const breakpoint = getBreakpoint(breakpoints, deviceId)\n      const mediaQuery = getBreakpointMediaQuery(breakpoint)\n\n      return {\n        ...acc,\n        [mediaQuery]: {\n          ...(acc[mediaQuery] as CSSObject),\n          ...value,\n        },\n      }\n    },\n    {} as CSSObject,\n  )\n}\n\nexport function useResponsiveStyle<\n  V,\n  A extends ReadonlyArray<ResponsiveValue<V> | null | undefined>,\n>(\n  responsiveValues: A,\n  join: (values: { [K in keyof A]: ExtractResponsiveValue<A[K]> | undefined }) => CSSObject,\n  strategy?: FallbackStrategy<V>,\n): CSSObject {\n  return responsiveStyle(useBreakpoints(), responsiveValues, join, strategy)\n}\n\nexport function responsiveWidth(\n  breakpoints: Breakpoints,\n  widthData: ResponsiveLengthData | undefined,\n  defaultValue: LengthData | WidthProperty<string | number> = '100%',\n): CSSObject {\n  return {\n    maxWidth: '100%',\n    ...responsiveStyle(breakpoints, [widthData], ([width = defaultValue]) => ({\n      width: typeof width === 'object' ? `${width.value}${width.unit}` : width,\n    })),\n  }\n}\n\nexport function useResponsiveWidth(\n  ...args: DropFirst<Parameters<typeof responsiveWidth>>\n): CSSObject {\n  return responsiveWidth(useBreakpoints(), ...args)\n}\n\nexport function responsivePadding(\n  breakpoints: Breakpoints,\n  paddingData: ResponsivePaddingData | undefined,\n  defaultValue: PaddingPropertyData = {} as PaddingPropertyData,\n): CSSObject {\n  return responsiveStyle(breakpoints, [paddingData], ([padding = {} as PaddingPropertyData]) =>\n    paddingPropertyDataToStyle(\n      padding,\n      Object.assign(\n        { paddingTop: 0, paddingRight: 0, paddingBottom: 0, paddingLeft: 0 },\n        defaultValue,\n      ),\n    ),\n  )\n}\n\nexport function useResponsivePadding(\n  ...args: DropFirst<Parameters<typeof responsivePadding>>\n): CSSObject {\n  return responsivePadding(useBreakpoints(), ...args)\n}\n\nexport function responsiveMargin(\n  breakpoints: Breakpoints,\n  marginData: ResponsiveMarginData | undefined,\n  defaultValue: MarginPropertyData = {} as MarginPropertyData,\n): CSSObject {\n  return responsiveStyle(breakpoints, [marginData], ([margin = {} as MarginPropertyData]) =>\n    marginPropertyDataToStyle(\n      margin,\n      Object.assign(\n        { marginTop: 0, marginRight: 'auto', marginBottom: 0, marginLeft: 'auto' },\n        defaultValue,\n      ),\n    ),\n  )\n}\n\nexport function useResponsiveMargin(\n  ...args: DropFirst<Parameters<typeof responsiveMargin>>\n): CSSObject {\n  return responsiveMargin(useBreakpoints(), ...args)\n}\n\nexport function responsiveBorderRadius(\n  breakpoints: Breakpoints,\n  borderRadiusData: ResponsiveBorderRadiusData | undefined,\n  defaultValue: BorderRadiusPropertyData = {} as BorderRadiusPropertyData,\n): CSSObject {\n  return responsiveStyle(breakpoints, [borderRadiusData], ([borderRadius = {}]) =>\n    borderRadiusPropertyDataToStyle(\n      borderRadius,\n      Object.assign(\n        {\n          borderTopLeftRadius: 0,\n          borderTopRightRadius: 0,\n          borderBottomRightRadius: 0,\n          borderBottomLeftRadius: 0,\n        },\n        defaultValue,\n      ),\n    ),\n  )\n}\n\nexport function useResponsiveBorderRadius(\n  ...args: DropFirst<Parameters<typeof responsiveBorderRadius>>\n): CSSObject {\n  return responsiveBorderRadius(useBreakpoints(), ...args)\n}\n\nexport function useResponsiveBorder(\n  borderData: BorderPropControllerData | undefined,\n  defaultValue: BorderPropertyData = {},\n): CSSObject {\n  return useResponsiveStyle([borderData], ([border = {}]) =>\n    borderPropertyDataToStyle(\n      border,\n      Object.assign(\n        {\n          borderTop: '0px solid black',\n          borderRight: '0px solid black',\n          borderBottom: '0px solid black',\n          borderLeft: '0px solid black',\n        },\n        defaultValue,\n      ),\n    ),\n  )\n}\n\nconst floor =\n  (d: number) =>\n  (v: number): number =>\n    Math.floor(10 ** d * v) / 10 ** d\n\nexport function responsiveGridItem(\n  breakpoints: Breakpoints,\n  props: {\n    grid: ResponsiveValue<{ spans: number[][]; count: number }>\n    index: number\n    columnGap?: ResponsiveValue<LengthData>\n    rowGap?: ResponsiveValue<LengthData>\n  },\n): CSSObject {\n  return {\n    display: 'flex',\n    ...responsiveStyle(\n      breakpoints,\n      [props.grid, props.columnGap, props.rowGap] as const,\n      ([\n        { spans, count } = { spans: [[12]], count: 12 },\n        columnGap = { value: 0, unit: 'px' },\n        rowGap = { value: 0, unit: 'px' },\n      ]) => {\n        const [rowIndex, columnIndex] = getIndexes(spans, props.index)\n        const firstCol = columnIndex === 0\n        const lastCol = columnIndex === spans[rowIndex].length - 1\n        const span = spans[rowIndex][columnIndex]\n        const fraction = floor(5)(span / count)\n        const width = `${fraction} * (100% + ${columnGap.value}${columnGap.unit})`\n        const excessWidth = `${Number(firstCol) + Number(lastCol)} * ${columnGap.value}${\n          columnGap.unit\n        } / 2`\n        const iePrecisionError = '0.01px'\n        const flexBasis = `calc(${width} - ${excessWidth} - ${iePrecisionError})`\n        const firstRow = rowIndex === 0\n        const lastRow = rowIndex === spans.length - 1\n\n        return span === 0\n          ? { display: 'none' }\n          : {\n              flexBasis,\n              minWidth: flexBasis,\n              // NOTE: IE11 width breaks without max width\n              // https://github.com/philipwalton/flexbugs/issues/3\n              maxWidth: flexBasis,\n              paddingLeft: firstCol ? 0 : `${columnGap.value / 2}${columnGap.unit}`,\n              paddingRight: lastCol ? 0 : `${columnGap.value / 2}${columnGap.unit}`,\n              paddingTop: firstRow ? 0 : `${rowGap.value / 2}${rowGap.unit}`,\n              paddingBottom: lastRow ? 0 : `${rowGap.value / 2}${rowGap.unit}`,\n            }\n      },\n    ),\n  }\n}\n\nexport function useResponsiveGridItem(\n  ...args: DropFirst<Parameters<typeof responsiveGridItem>>\n): CSSObject {\n  return responsiveGridItem(useBreakpoints(), ...args)\n}\n\nconst getBoxShadow = (shadows: BoxShadow) =>\n  shadows\n    .map(\n      ({ payload: { inset, offsetX, offsetY, blurRadius, spreadRadius, color } }) =>\n        `${inset ? 'inset ' : ''}${offsetX.toFixed(1)}px ${offsetY.toFixed(\n          1,\n        )}px ${blurRadius}px ${spreadRadius}px ${\n          color != null ? colorToString(color) : 'rgba(0,0,0,0.2)'\n        }`,\n    )\n    .filter(Boolean)\n    .join()\n\nexport function responsiveShadow(\n  breakpoints: Breakpoints,\n  value: ResponsiveBoxShadow | undefined,\n): CSSObject {\n  return responsiveStyle(breakpoints, [value], ([shadow = []]) => ({\n    boxShadow: getBoxShadow(shadow),\n  }))\n}\n\nexport function useResponsiveShadow(\n  ...args: DropFirst<Parameters<typeof responsiveShadow>>\n): CSSObject {\n  return responsiveShadow(useBreakpoints(), ...args)\n}\n\nexport function responsiveTextStyle(\n  breakpoints: Breakpoints,\n  value: ResponsiveTextStyleData | undefined,\n): CSSObject {\n  return responsiveStyle(\n    breakpoints,\n    [value],\n    ([\n      textStyle = {\n        fontFamily: null,\n        letterSpacing: null,\n        fontSize: null,\n        fontWeight: null,\n        textTransform: [],\n        fontStyle: [],\n      },\n    ]) => {\n      const {\n        fontSize,\n        fontWeight,\n        fontStyle = [],\n        textTransform = [],\n        letterSpacing,\n        fontFamily,\n      } = textStyle\n\n      return {\n        ...(fontFamily == null ? {} : { fontFamily: `\"${fontFamily}\"` }),\n        ...(fontWeight == null ? {} : { fontWeight }),\n        ...(letterSpacing == null ? {} : { letterSpacing }),\n        ...(fontSize == null ? {} : { fontSize: `${fontSize.value}${fontSize.unit}` }),\n        ...(textTransform.includes('uppercase') ? { textTransform: 'uppercase' } : {}),\n        ...(fontStyle.includes('italic') ? { fontStyle: 'italic' } : {}),\n      }\n    },\n  )\n}\n\nexport function useResponsiveTextStyle(\n  ...args: DropFirst<Parameters<typeof responsiveTextStyle>>\n): CSSObject {\n  return responsiveTextStyle(useBreakpoints(), ...args)\n}\n"],"mappings":"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","names":["joinResponsiveValues"]}

package/dist/cjs/css/border-radius.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/css/border-radius.ts"],"sourcesContent":["import { CSSObject } from '@emotion/css'\nimport {\n  BorderTopLeftRadiusProperty,\n  BorderTopRightRadiusProperty,\n  BorderBottomRightRadiusProperty,\n  BorderBottomLeftRadiusProperty,\n} from 'csstype'\nimport { LengthPercentageData, lengthPercentageDataToString } from './length-percentage'\n\n/** @see https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius#constituent_properties */\nexport type BorderRadiusLonghandPropertyData = LengthPercentageData\n\n/**\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius\n *\n * @todos\n * - Remove `null` from possible values of longhand properties\n * - Remove `undefined` from possible values and make fields optional\n */\nexport type BorderRadiusPropertyData = {\n  borderTopLeftRadius?:\n    | LengthPercentageData\n    | BorderTopLeftRadiusProperty<string | number>\n    | null\n    | undefined\n  borderTopRightRadius?:\n    | LengthPercentageData\n    | BorderTopRightRadiusProperty<string | number>\n    | null\n    | undefined\n  borderBottomRightRadius?:\n    | LengthPercentageData\n    | BorderBottomRightRadiusProperty<string | number>\n    | null\n    | undefined\n  borderBottomLeftRadius?:\n    | LengthPercentageData\n    | BorderBottomLeftRadiusProperty<string | number>\n    | null\n    | undefined\n}\n\nexport function borderRadiusPropertyDataToStyle(\n  data: BorderRadiusPropertyData,\n  defaultValue: BorderRadiusPropertyData = {},\n): CSSObject {\n  const borderTopLeftRadius = data.borderTopLeftRadius ?? defaultValue.borderTopLeftRadius\n  const borderTopRightRadius = data.borderTopRightRadius ?? defaultValue.borderTopRightRadius\n  const borderBottomRightRadius =\n    data.borderBottomRightRadius ?? defaultValue.borderBottomRightRadius\n  const borderBottomLeftRadius = data.borderBottomLeftRadius ?? defaultValue.borderBottomLeftRadius\n  const style: CSSObject = {}\n\n  if (borderTopLeftRadius != null) {\n    style.borderTopLeftRadius = lengthPercentageDataToString(borderTopLeftRadius)\n  }\n\n  if (borderTopRightRadius != null) {\n    style.borderTopRightRadius = lengthPercentageDataToString(borderTopRightRadius)\n  }\n\n  if (borderBottomRightRadius != null) {\n    style.borderBottomRightRadius = lengthPercentageDataToString(borderBottomRightRadius)\n  }\n\n  if (borderBottomLeftRadius != null) {\n    style.borderBottomLeftRadius = lengthPercentageDataToString(borderBottomLeftRadius)\n  }\n\n  return style\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,+BAAmE;AAmC5D,SAAS,gCACd,MACA,eAAyC,CAAC,GAC/B;AACX,QAAM,sBAAsB,KAAK,uBAAuB,aAAa;AACrE,QAAM,uBAAuB,KAAK,wBAAwB,aAAa;AACvE,QAAM,0BACJ,KAAK,2BAA2B,aAAa;AAC/C,QAAM,yBAAyB,KAAK,0BAA0B,aAAa;AAC3E,QAAM,QAAmB,CAAC;AAE1B,MAAI,uBAAuB,MAAM;AAC/B,UAAM,0BAAsB,uDAA6B,mBAAmB;AAAA,EAC9E;AAEA,MAAI,wBAAwB,MAAM;AAChC,UAAM,2BAAuB,uDAA6B,oBAAoB;AAAA,EAChF;AAEA,MAAI,2BAA2B,MAAM;AACnC,UAAM,8BAA0B,uDAA6B,uBAAuB;AAAA,EACtF;AAEA,MAAI,0BAA0B,MAAM;AAClC,UAAM,6BAAyB,uDAA6B,sBAAsB;AAAA,EACpF;AAEA,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../../src/css/border-radius.ts"],"sourcesContent":["import { type CSSObject } from '@emotion/serialize'\nimport {\n  BorderTopLeftRadiusProperty,\n  BorderTopRightRadiusProperty,\n  BorderBottomRightRadiusProperty,\n  BorderBottomLeftRadiusProperty,\n} from 'csstype'\nimport { LengthPercentageData, lengthPercentageDataToString } from './length-percentage'\n\n/** @see https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius#constituent_properties */\nexport type BorderRadiusLonghandPropertyData = LengthPercentageData\n\n/**\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius\n *\n * @todos\n * - Remove `null` from possible values of longhand properties\n * - Remove `undefined` from possible values and make fields optional\n */\nexport type BorderRadiusPropertyData = {\n  borderTopLeftRadius?:\n    | LengthPercentageData\n    | BorderTopLeftRadiusProperty<string | number>\n    | null\n    | undefined\n  borderTopRightRadius?:\n    | LengthPercentageData\n    | BorderTopRightRadiusProperty<string | number>\n    | null\n    | undefined\n  borderBottomRightRadius?:\n    | LengthPercentageData\n    | BorderBottomRightRadiusProperty<string | number>\n    | null\n    | undefined\n  borderBottomLeftRadius?:\n    | LengthPercentageData\n    | BorderBottomLeftRadiusProperty<string | number>\n    | null\n    | undefined\n}\n\nexport function borderRadiusPropertyDataToStyle(\n  data: BorderRadiusPropertyData,\n  defaultValue: BorderRadiusPropertyData = {},\n): CSSObject {\n  const borderTopLeftRadius = data.borderTopLeftRadius ?? defaultValue.borderTopLeftRadius\n  const borderTopRightRadius = data.borderTopRightRadius ?? defaultValue.borderTopRightRadius\n  const borderBottomRightRadius =\n    data.borderBottomRightRadius ?? defaultValue.borderBottomRightRadius\n  const borderBottomLeftRadius = data.borderBottomLeftRadius ?? defaultValue.borderBottomLeftRadius\n  const style: CSSObject = {}\n\n  if (borderTopLeftRadius != null) {\n    style.borderTopLeftRadius = lengthPercentageDataToString(borderTopLeftRadius)\n  }\n\n  if (borderTopRightRadius != null) {\n    style.borderTopRightRadius = lengthPercentageDataToString(borderTopRightRadius)\n  }\n\n  if (borderBottomRightRadius != null) {\n    style.borderBottomRightRadius = lengthPercentageDataToString(borderBottomRightRadius)\n  }\n\n  if (borderBottomLeftRadius != null) {\n    style.borderBottomLeftRadius = lengthPercentageDataToString(borderBottomLeftRadius)\n  }\n\n  return style\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,+BAAmE;AAmC5D,SAAS,gCACd,MACA,eAAyC,CAAC,GAC/B;AACX,QAAM,sBAAsB,KAAK,uBAAuB,aAAa;AACrE,QAAM,uBAAuB,KAAK,wBAAwB,aAAa;AACvE,QAAM,0BACJ,KAAK,2BAA2B,aAAa;AAC/C,QAAM,yBAAyB,KAAK,0BAA0B,aAAa;AAC3E,QAAM,QAAmB,CAAC;AAE1B,MAAI,uBAAuB,MAAM;AAC/B,UAAM,0BAAsB,uDAA6B,mBAAmB;AAAA,EAC9E;AAEA,MAAI,wBAAwB,MAAM;AAChC,UAAM,2BAAuB,uDAA6B,oBAAoB;AAAA,EAChF;AAEA,MAAI,2BAA2B,MAAM;AACnC,UAAM,8BAA0B,uDAA6B,uBAAuB;AAAA,EACtF;AAEA,MAAI,0BAA0B,MAAM;AAClC,UAAM,6BAAyB,uDAA6B,sBAAsB;AAAA,EACpF;AAEA,SAAO;AACT;","names":[]}

package/dist/cjs/css/border.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/css/border.ts"],"sourcesContent":["import { CSSObject } from '@emotion/css'\nimport {\n  BorderBottomProperty,\n  BorderLeftProperty,\n  BorderProperty,\n  BorderRightProperty,\n  BorderStyleProperty,\n  BorderTopProperty,\n} from 'csstype'\nimport { colorToString } from '../components/utils/colorToString'\nimport { ColorValue } from '../components/utils/types'\n\n/**\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/border-top#constituent_properties\n *\n * @todos\n * - Change `width` to be a `Length`\n * - Remove `null` from possible values\n * - Remove `undefined` from possible values and make fields optional\n */\nexport type BorderSideShorthandPropertyData = {\n  width?: number | null | undefined\n  style: BorderStyleProperty\n  color?: ColorValue | null\n}\n\n/**\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/border\n *\n * @todos\n * - Remove `null` from possible values\n * - Remove `undefined` from possible values and make fields optional\n */\nexport type BorderPropertyData = {\n  borderTop?:\n    | BorderSideShorthandPropertyData\n    | BorderTopProperty<string | number>\n    | null\n    | undefined\n  borderRight?:\n    | BorderSideShorthandPropertyData\n    | BorderRightProperty<string | number>\n    | null\n    | undefined\n  borderBottom?:\n    | BorderSideShorthandPropertyData\n    | BorderBottomProperty<string | number>\n    | null\n    | undefined\n  borderLeft?:\n    | BorderSideShorthandPropertyData\n    | BorderLeftProperty<string | number>\n    | null\n    | undefined\n}\n\nexport function borderPropertyDataToStyle(\n  data: BorderPropertyData,\n  defaultValue: BorderPropertyData = {},\n): CSSObject {\n  const borderTop = data.borderTop ?? defaultValue.borderTop\n  const borderRight = data.borderRight ?? defaultValue.borderRight\n  const borderBottom = data.borderBottom ?? defaultValue.borderBottom\n  const borderLeft = data.borderLeft ?? defaultValue.borderLeft\n  const style: CSSObject = {}\n\n  if (borderTop != null) style.borderTop = borderSideToString(borderTop)\n  if (borderRight != null) style.borderRight = borderSideToString(borderRight)\n  if (borderBottom != null) style.borderBottom = borderSideToString(borderBottom)\n  if (borderLeft != null) style.borderLeft = borderSideToString(borderLeft)\n\n  return style\n}\n\nfunction borderSideToString(\n  borderSide: BorderSideShorthandPropertyData | BorderProperty<string | number>,\n): string {\n  if (typeof borderSide === 'string') return borderSide\n\n  if (typeof borderSide === 'number') return `${borderSide}px`\n\n  const { width, color, style } = borderSide\n\n  return `${width != null ? width : 0}px ${style} ${color != null ? colorToString(color) : 'black'}`\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,2BAA8B;AA+CvB,SAAS,0BACd,MACA,eAAmC,CAAC,GACzB;AACX,QAAM,YAAY,KAAK,aAAa,aAAa;AACjD,QAAM,cAAc,KAAK,eAAe,aAAa;AACrD,QAAM,eAAe,KAAK,gBAAgB,aAAa;AACvD,QAAM,aAAa,KAAK,cAAc,aAAa;AACnD,QAAM,QAAmB,CAAC;AAE1B,MAAI,aAAa;AAAM,UAAM,YAAY,mBAAmB,SAAS;AACrE,MAAI,eAAe;AAAM,UAAM,cAAc,mBAAmB,WAAW;AAC3E,MAAI,gBAAgB;AAAM,UAAM,eAAe,mBAAmB,YAAY;AAC9E,MAAI,cAAc;AAAM,UAAM,aAAa,mBAAmB,UAAU;AAExE,SAAO;AACT;AAEA,SAAS,mBACP,YACQ;AACR,MAAI,OAAO,eAAe;AAAU,WAAO;AAE3C,MAAI,OAAO,eAAe;AAAU,WAAO,GAAG,UAAU;AAExD,QAAM,EAAE,OAAO,OAAO,MAAM,IAAI;AAEhC,SAAO,GAAG,SAAS,OAAO,QAAQ,CAAC,MAAM,KAAK,IAAI,SAAS,WAAO,oCAAc,KAAK,IAAI,OAAO;AAClG;","names":[]}
+{"version":3,"sources":["../../../src/css/border.ts"],"sourcesContent":["import { type CSSObject } from '@emotion/serialize'\nimport {\n  BorderBottomProperty,\n  BorderLeftProperty,\n  BorderProperty,\n  BorderRightProperty,\n  BorderStyleProperty,\n  BorderTopProperty,\n} from 'csstype'\nimport { colorToString } from '../components/utils/colorToString'\nimport { ColorValue } from '../components/utils/types'\n\n/**\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/border-top#constituent_properties\n *\n * @todos\n * - Change `width` to be a `Length`\n * - Remove `null` from possible values\n * - Remove `undefined` from possible values and make fields optional\n */\nexport type BorderSideShorthandPropertyData = {\n  width?: number | null | undefined\n  style: BorderStyleProperty\n  color?: ColorValue | null\n}\n\n/**\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/border\n *\n * @todos\n * - Remove `null` from possible values\n * - Remove `undefined` from possible values and make fields optional\n */\nexport type BorderPropertyData = {\n  borderTop?:\n    | BorderSideShorthandPropertyData\n    | BorderTopProperty<string | number>\n    | null\n    | undefined\n  borderRight?:\n    | BorderSideShorthandPropertyData\n    | BorderRightProperty<string | number>\n    | null\n    | undefined\n  borderBottom?:\n    | BorderSideShorthandPropertyData\n    | BorderBottomProperty<string | number>\n    | null\n    | undefined\n  borderLeft?:\n    | BorderSideShorthandPropertyData\n    | BorderLeftProperty<string | number>\n    | null\n    | undefined\n}\n\nexport function borderPropertyDataToStyle(\n  data: BorderPropertyData,\n  defaultValue: BorderPropertyData = {},\n): CSSObject {\n  const borderTop = data.borderTop ?? defaultValue.borderTop\n  const borderRight = data.borderRight ?? defaultValue.borderRight\n  const borderBottom = data.borderBottom ?? defaultValue.borderBottom\n  const borderLeft = data.borderLeft ?? defaultValue.borderLeft\n  const style: CSSObject = {}\n\n  if (borderTop != null) style.borderTop = borderSideToString(borderTop)\n  if (borderRight != null) style.borderRight = borderSideToString(borderRight)\n  if (borderBottom != null) style.borderBottom = borderSideToString(borderBottom)\n  if (borderLeft != null) style.borderLeft = borderSideToString(borderLeft)\n\n  return style\n}\n\nfunction borderSideToString(\n  borderSide: BorderSideShorthandPropertyData | BorderProperty<string | number>,\n): string {\n  if (typeof borderSide === 'string') return borderSide\n\n  if (typeof borderSide === 'number') return `${borderSide}px`\n\n  const { width, color, style } = borderSide\n\n  return `${width != null ? width : 0}px ${style} ${color != null ? colorToString(color) : 'black'}`\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,2BAA8B;AA+CvB,SAAS,0BACd,MACA,eAAmC,CAAC,GACzB;AACX,QAAM,YAAY,KAAK,aAAa,aAAa;AACjD,QAAM,cAAc,KAAK,eAAe,aAAa;AACrD,QAAM,eAAe,KAAK,gBAAgB,aAAa;AACvD,QAAM,aAAa,KAAK,cAAc,aAAa;AACnD,QAAM,QAAmB,CAAC;AAE1B,MAAI,aAAa;AAAM,UAAM,YAAY,mBAAmB,SAAS;AACrE,MAAI,eAAe;AAAM,UAAM,cAAc,mBAAmB,WAAW;AAC3E,MAAI,gBAAgB;AAAM,UAAM,eAAe,mBAAmB,YAAY;AAC9E,MAAI,cAAc;AAAM,UAAM,aAAa,mBAAmB,UAAU;AAExE,SAAO;AACT;AAEA,SAAS,mBACP,YACQ;AACR,MAAI,OAAO,eAAe;AAAU,WAAO;AAE3C,MAAI,OAAO,eAAe;AAAU,WAAO,GAAG,UAAU;AAExD,QAAM,EAAE,OAAO,OAAO,MAAM,IAAI;AAEhC,SAAO,GAAG,SAAS,OAAO,QAAQ,CAAC,MAAM,KAAK,IAAI,SAAS,WAAO,oCAAc,KAAK,IAAI,OAAO;AAClG;","names":[]}

package/dist/cjs/css/margin.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/css/margin.ts"],"sourcesContent":["import { CSSObject } from '@emotion/css'\nimport {\n  MarginBottomProperty,\n  MarginLeftProperty,\n  MarginRightProperty,\n  MarginTopProperty,\n} from 'csstype'\nimport { LengthData, lengthDataToString } from './length'\n\n/** @see https://developer.mozilla.org/en-US/docs/Web/CSS/margin#constituent_properties */\nexport type MarginLonghandPropertyData = LengthData | 'auto'\n\n/**\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/margin\n *\n * @todos\n * - Remove `null` from possible values\n * - Remove `undefined` from possible values and make fields optional\n */\nexport type MarginPropertyData = {\n  marginTop: MarginLonghandPropertyData | MarginTopProperty<string | number> | null | undefined\n  marginRight: MarginLonghandPropertyData | MarginRightProperty<string | number> | null | undefined\n  marginBottom:\n    | MarginLonghandPropertyData\n    | MarginBottomProperty<string | number>\n    | null\n    | undefined\n  marginLeft: MarginLonghandPropertyData | MarginLeftProperty<string | number> | null | undefined\n}\n\nexport function marginPropertyDataToStyle(\n  data: MarginPropertyData,\n  defaultValue: MarginPropertyData = {} as MarginPropertyData,\n): CSSObject {\n  const marginTop = data.marginTop ?? defaultValue.marginTop\n  const marginRight = data.marginRight ?? defaultValue.marginRight\n  const marginBottom = data.marginBottom ?? defaultValue.marginBottom\n  const marginLeft = data.marginLeft ?? defaultValue.marginLeft\n  const style: CSSObject = {}\n\n  if (marginTop != null) style.marginTop = lengthDataToString(marginTop)\n  if (marginRight != null) style.marginRight = lengthDataToString(marginRight)\n  if (marginBottom != null) style.marginBottom = lengthDataToString(marginBottom)\n  if (marginLeft != null) style.marginLeft = lengthDataToString(marginLeft)\n\n  return style\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,oBAA+C;AAuBxC,SAAS,0BACd,MACA,eAAmC,CAAC,GACzB;AACX,QAAM,YAAY,KAAK,aAAa,aAAa;AACjD,QAAM,cAAc,KAAK,eAAe,aAAa;AACrD,QAAM,eAAe,KAAK,gBAAgB,aAAa;AACvD,QAAM,aAAa,KAAK,cAAc,aAAa;AACnD,QAAM,QAAmB,CAAC;AAE1B,MAAI,aAAa;AAAM,UAAM,gBAAY,kCAAmB,SAAS;AACrE,MAAI,eAAe;AAAM,UAAM,kBAAc,kCAAmB,WAAW;AAC3E,MAAI,gBAAgB;AAAM,UAAM,mBAAe,kCAAmB,YAAY;AAC9E,MAAI,cAAc;AAAM,UAAM,iBAAa,kCAAmB,UAAU;AAExE,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../../src/css/margin.ts"],"sourcesContent":["import { type CSSObject } from '@emotion/serialize'\nimport {\n  MarginBottomProperty,\n  MarginLeftProperty,\n  MarginRightProperty,\n  MarginTopProperty,\n} from 'csstype'\nimport { LengthData, lengthDataToString } from './length'\n\n/** @see https://developer.mozilla.org/en-US/docs/Web/CSS/margin#constituent_properties */\nexport type MarginLonghandPropertyData = LengthData | 'auto'\n\n/**\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/margin\n *\n * @todos\n * - Remove `null` from possible values\n * - Remove `undefined` from possible values and make fields optional\n */\nexport type MarginPropertyData = {\n  marginTop: MarginLonghandPropertyData | MarginTopProperty<string | number> | null | undefined\n  marginRight: MarginLonghandPropertyData | MarginRightProperty<string | number> | null | undefined\n  marginBottom:\n    | MarginLonghandPropertyData\n    | MarginBottomProperty<string | number>\n    | null\n    | undefined\n  marginLeft: MarginLonghandPropertyData | MarginLeftProperty<string | number> | null | undefined\n}\n\nexport function marginPropertyDataToStyle(\n  data: MarginPropertyData,\n  defaultValue: MarginPropertyData = {} as MarginPropertyData,\n): CSSObject {\n  const marginTop = data.marginTop ?? defaultValue.marginTop\n  const marginRight = data.marginRight ?? defaultValue.marginRight\n  const marginBottom = data.marginBottom ?? defaultValue.marginBottom\n  const marginLeft = data.marginLeft ?? defaultValue.marginLeft\n  const style: CSSObject = {}\n\n  if (marginTop != null) style.marginTop = lengthDataToString(marginTop)\n  if (marginRight != null) style.marginRight = lengthDataToString(marginRight)\n  if (marginBottom != null) style.marginBottom = lengthDataToString(marginBottom)\n  if (marginLeft != null) style.marginLeft = lengthDataToString(marginLeft)\n\n  return style\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,oBAA+C;AAuBxC,SAAS,0BACd,MACA,eAAmC,CAAC,GACzB;AACX,QAAM,YAAY,KAAK,aAAa,aAAa;AACjD,QAAM,cAAc,KAAK,eAAe,aAAa;AACrD,QAAM,eAAe,KAAK,gBAAgB,aAAa;AACvD,QAAM,aAAa,KAAK,cAAc,aAAa;AACnD,QAAM,QAAmB,CAAC;AAE1B,MAAI,aAAa;AAAM,UAAM,gBAAY,kCAAmB,SAAS;AACrE,MAAI,eAAe;AAAM,UAAM,kBAAc,kCAAmB,WAAW;AAC3E,MAAI,gBAAgB;AAAM,UAAM,mBAAe,kCAAmB,YAAY;AAC9E,MAAI,cAAc;AAAM,UAAM,iBAAa,kCAAmB,UAAU;AAExE,SAAO;AACT;","names":[]}

package/dist/cjs/css/padding.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/css/padding.ts"],"sourcesContent":["import { CSSObject } from '@emotion/css'\nimport { LengthData, lengthDataToString } from './length'\nimport {\n  PaddingTopProperty,\n  PaddingRightProperty,\n  PaddingBottomProperty,\n  PaddingLeftProperty,\n} from 'csstype'\n\n/** @see https://developer.mozilla.org/en-US/docs/Web/CSS/padding#constituent_properties */\nexport type PaddingLonghandPropertyData = LengthData\n\n/**\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/padding\n *\n * @todos\n * - Remove `null` from possible values\n * - Remove `undefined` from possible values and make fields optional\n */\nexport type PaddingPropertyData = {\n  paddingTop: PaddingLonghandPropertyData | PaddingTopProperty<number | string> | null | undefined\n  paddingRight:\n    | PaddingLonghandPropertyData\n    | PaddingRightProperty<number | string>\n    | null\n    | undefined\n  paddingBottom:\n    | PaddingLonghandPropertyData\n    | PaddingBottomProperty<number | string>\n    | null\n    | undefined\n  paddingLeft: PaddingLonghandPropertyData | PaddingLeftProperty<number | string> | null | undefined\n}\n\nexport function paddingPropertyDataToStyle(\n  data: PaddingPropertyData,\n  defaultValue: PaddingPropertyData = {} as PaddingPropertyData,\n): CSSObject {\n  const paddingTop = data.paddingTop ?? defaultValue.paddingTop\n  const paddingRight = data.paddingRight ?? defaultValue.paddingRight\n  const paddingBottom = data.paddingBottom ?? defaultValue.paddingBottom\n  const paddingLeft = data.paddingLeft ?? defaultValue.paddingLeft\n  const style: CSSObject = {}\n\n  if (paddingTop != null) style.paddingTop = lengthDataToString(paddingTop)\n  if (paddingRight != null) style.paddingRight = lengthDataToString(paddingRight)\n  if (paddingBottom != null) style.paddingBottom = lengthDataToString(paddingBottom)\n  if (paddingLeft != null) style.paddingLeft = lengthDataToString(paddingLeft)\n\n  return style\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oBAA+C;AAiCxC,SAAS,2BACd,MACA,eAAoC,CAAC,GAC1B;AACX,QAAM,aAAa,KAAK,cAAc,aAAa;AACnD,QAAM,eAAe,KAAK,gBAAgB,aAAa;AACvD,QAAM,gBAAgB,KAAK,iBAAiB,aAAa;AACzD,QAAM,cAAc,KAAK,eAAe,aAAa;AACrD,QAAM,QAAmB,CAAC;AAE1B,MAAI,cAAc;AAAM,UAAM,iBAAa,kCAAmB,UAAU;AACxE,MAAI,gBAAgB;AAAM,UAAM,mBAAe,kCAAmB,YAAY;AAC9E,MAAI,iBAAiB;AAAM,UAAM,oBAAgB,kCAAmB,aAAa;AACjF,MAAI,eAAe;AAAM,UAAM,kBAAc,kCAAmB,WAAW;AAE3E,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../../src/css/padding.ts"],"sourcesContent":["import { type CSSObject } from '@emotion/serialize'\nimport { LengthData, lengthDataToString } from './length'\nimport {\n  PaddingTopProperty,\n  PaddingRightProperty,\n  PaddingBottomProperty,\n  PaddingLeftProperty,\n} from 'csstype'\n\n/** @see https://developer.mozilla.org/en-US/docs/Web/CSS/padding#constituent_properties */\nexport type PaddingLonghandPropertyData = LengthData\n\n/**\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/padding\n *\n * @todos\n * - Remove `null` from possible values\n * - Remove `undefined` from possible values and make fields optional\n */\nexport type PaddingPropertyData = {\n  paddingTop: PaddingLonghandPropertyData | PaddingTopProperty<number | string> | null | undefined\n  paddingRight:\n    | PaddingLonghandPropertyData\n    | PaddingRightProperty<number | string>\n    | null\n    | undefined\n  paddingBottom:\n    | PaddingLonghandPropertyData\n    | PaddingBottomProperty<number | string>\n    | null\n    | undefined\n  paddingLeft: PaddingLonghandPropertyData | PaddingLeftProperty<number | string> | null | undefined\n}\n\nexport function paddingPropertyDataToStyle(\n  data: PaddingPropertyData,\n  defaultValue: PaddingPropertyData = {} as PaddingPropertyData,\n): CSSObject {\n  const paddingTop = data.paddingTop ?? defaultValue.paddingTop\n  const paddingRight = data.paddingRight ?? defaultValue.paddingRight\n  const paddingBottom = data.paddingBottom ?? defaultValue.paddingBottom\n  const paddingLeft = data.paddingLeft ?? defaultValue.paddingLeft\n  const style: CSSObject = {}\n\n  if (paddingTop != null) style.paddingTop = lengthDataToString(paddingTop)\n  if (paddingRight != null) style.paddingRight = lengthDataToString(paddingRight)\n  if (paddingBottom != null) style.paddingBottom = lengthDataToString(paddingBottom)\n  if (paddingLeft != null) style.paddingLeft = lengthDataToString(paddingLeft)\n\n  return style\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oBAA+C;AAiCxC,SAAS,2BACd,MACA,eAAoC,CAAC,GAC1B;AACX,QAAM,aAAa,KAAK,cAAc,aAAa;AACnD,QAAM,eAAe,KAAK,gBAAgB,aAAa;AACvD,QAAM,gBAAgB,KAAK,iBAAiB,aAAa;AACzD,QAAM,cAAc,KAAK,eAAe,aAAa;AACrD,QAAM,QAAmB,CAAC;AAE1B,MAAI,cAAc;AAAM,UAAM,iBAAa,kCAAmB,UAAU;AACxE,MAAI,gBAAgB;AAAM,UAAM,mBAAe,kCAAmB,YAAY;AAC9E,MAAI,iBAAiB;AAAM,UAAM,oBAAgB,kCAAmB,aAAa;AACjF,MAAI,eAAe;AAAM,UAAM,kBAAc,kCAAmB,WAAW;AAE3E,SAAO;AACT;","names":[]}

package/dist/cjs/next/api-handler/config/app-router.js

@@ -24,23 +24,24 @@ __export(app_router_exports, {
 module.exports = __toCommonJS(app_router_exports);
 var import_ts_pattern = require("ts-pattern");
 var import_cache = require("next/cache");
+var import_server = require("next/server");
 var import_cache2 = require("../../cache");
-var import_redirect_draft = require("../handlers/redirect-draft");
-var import_draft = require("../draft");
+var import_app_router_redirect_preview = require("../handlers/app-router-redirect-preview");
+var import_preview = require("../preview");
 var import_base = require("./base");
-const argsPattern = [import_ts_pattern.P.instanceOf(Request), import_ts_pattern.P.any];
+const argsPattern = [
+  import_ts_pattern.P.union(import_ts_pattern.P.instanceOf(Request), import_ts_pattern.P.instanceOf(import_server.NextRequest)),
+  import_ts_pattern.P.any
+];
 async function config({
   req,
   context,
-  apiKey
+  client
 }) {
   return {
     req,
     route: (0, import_base.validateApiRoute)(await context.params),
-    manifest: {
-      draftMode: true
-    },
-    draftCookieNames: [import_draft.PRERENDER_BYPASS_COOKIE, import_draft.MAKESWIFT_DRAFT_DATA_COOKIE],
+    previewCookieNames: [import_preview.PRERENDER_BYPASS_COOKIE, import_preview.MAKESWIFT_SITE_VERSION_COOKIE],
     sendResponse: async (res) => res,
     revalidationHandler: async (path) => {
       if (path != null) {
@@ -50,8 +51,9 @@ async function config({
       }
     },
     customRoutes: async (route) => {
-      if (route === "/draft") {
-        return { res: await (0, import_redirect_draft.redirectDraftHandler)(req, context, { apiKey }) };
+      if (route === "/redirect-preview") {
+        const request = req instanceof import_server.NextRequest ? req : new import_server.NextRequest(req, req);
+        return { res: await (0, import_app_router_redirect_preview.appRouterRedirectPreviewHandler)(request, context, client) };
       }
       return null;
     }

package/dist/cjs/next/api-handler/config/app-router.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/next/api-handler/config/app-router.ts"],"sourcesContent":["import { P } from 'ts-pattern'\nimport { revalidatePath, revalidateTag } from 'next/cache'\nimport { NextRequest } from 'next/server'\n\nimport { MAKESWIFT_CACHE_TAG } from '../../cache'\nimport { type ApiResponse } from '../../../api-handler/request-response'\n\nimport { redirectDraftHandler } from '../handlers/redirect-draft'\nimport { MAKESWIFT_DRAFT_DATA_COOKIE, PRERENDER_BYPASS_COOKIE } from '../draft'\n\nimport { validateApiRoute, type ApiHandlerConfig } from './base'\n\ntype Context = { params: { [key: string]: string | string[] } }\n\nexport type ApiHandlerArgs = [NextRequest, Context]\nexport const argsPattern = [P.instanceOf(Request), P.any] as const\n\nexport async function config({\n  req,\n  context,\n  apiKey,\n}: {\n  req: NextRequest\n  context: Context\n  apiKey: string\n}): Promise<ApiHandlerConfig> {\n  return {\n    req,\n    route: validateApiRoute(await context.params),\n    manifest: {\n      draftMode: true,\n    },\n    draftCookieNames: [PRERENDER_BYPASS_COOKIE, MAKESWIFT_DRAFT_DATA_COOKIE],\n    sendResponse: async (res: ApiResponse): Promise<Response | void> => res,\n    revalidationHandler: async (path?: string): Promise<void> => {\n      if (path != null) {\n        revalidatePath(path)\n      } else {\n        revalidateTag(MAKESWIFT_CACHE_TAG)\n      }\n    },\n    customRoutes: async (route: string) => {\n      if (route === '/draft') {\n        return { res: await redirectDraftHandler(req, context, { apiKey }) }\n      }\n\n      return null\n    },\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAkB;AAClB,mBAA8C;AAG9C,IAAAA,gBAAoC;AAGpC,4BAAqC;AACrC,mBAAqE;AAErE,kBAAwD;AAKjD,MAAM,cAAc,CAAC,oBAAE,WAAW,OAAO,GAAG,oBAAE,GAAG;AAExD,eAAsB,OAAO;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AACF,GAI8B;AAC5B,SAAO;AAAA,IACL;AAAA,IACA,WAAO,8BAAiB,MAAM,QAAQ,MAAM;AAAA,IAC5C,UAAU;AAAA,MACR,WAAW;AAAA,IACb;AAAA,IACA,kBAAkB,CAAC,sCAAyB,wCAA2B;AAAA,IACvE,cAAc,OAAO,QAA+C;AAAA,IACpE,qBAAqB,OAAO,SAAiC;AAC3D,UAAI,QAAQ,MAAM;AAChB,yCAAe,IAAI;AAAA,MACrB,OAAO;AACL,wCAAc,iCAAmB;AAAA,MACnC;AAAA,IACF;AAAA,IACA,cAAc,OAAO,UAAkB;AACrC,UAAI,UAAU,UAAU;AACtB,eAAO,EAAE,KAAK,UAAM,4CAAqB,KAAK,SAAS,EAAE,OAAO,CAAC,EAAE;AAAA,MACrE;AAEA,aAAO;AAAA,IACT;AAAA,EACF;AACF;","names":["import_cache"]}
+{"version":3,"sources":["../../../../../src/next/api-handler/config/app-router.ts"],"sourcesContent":["import { P } from 'ts-pattern'\nimport { revalidatePath, revalidateTag } from 'next/cache'\nimport { NextRequest } from 'next/server'\n\nimport { MAKESWIFT_CACHE_TAG } from '../../cache'\nimport { type ApiResponse } from '../../../api-handler/request-response'\n\nimport { appRouterRedirectPreviewHandler } from '../handlers/app-router-redirect-preview'\nimport { MAKESWIFT_SITE_VERSION_COOKIE, PRERENDER_BYPASS_COOKIE } from '../preview'\n\nimport { validateApiRoute, type ApiHandlerConfig } from './base'\nimport { MakeswiftClient } from '../../../client'\n\ntype Params = { [key: string]: string | string[] }\ntype Context = { params: Promise<Params> }\n\nexport type ApiHandlerArgs = [NextRequest | Request, Context]\nexport const argsPattern = [\n  P.union(P.instanceOf(Request), P.instanceOf(NextRequest)),\n  P.any,\n] as const\n\nexport async function config({\n  req,\n  context,\n  client,\n}: {\n  req: NextRequest | Request\n  context: Context\n  client: MakeswiftClient\n}): Promise<ApiHandlerConfig> {\n  return {\n    req,\n    route: validateApiRoute(await context.params),\n    previewCookieNames: [PRERENDER_BYPASS_COOKIE, MAKESWIFT_SITE_VERSION_COOKIE],\n    sendResponse: async (res: ApiResponse): Promise<Response | void> => res,\n    revalidationHandler: async (path?: string): Promise<void> => {\n      if (path != null) {\n        revalidatePath(path)\n      } else {\n        revalidateTag(MAKESWIFT_CACHE_TAG)\n      }\n    },\n    customRoutes: async (route: string) => {\n      if (route === '/redirect-preview') {\n        // Convert any Request to NextRequest, if necessary. Due to an issue in\n        // how NextRequests are instantiated, we have to pass the original\n        // request to the constructor twice. See\n        // https://github.com/vercel/next.js/issues/52967\n        const request = req instanceof NextRequest ? req : new NextRequest(req, req)\n        return { res: await appRouterRedirectPreviewHandler(request, context, client) }\n      }\n\n      return null\n    },\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAkB;AAClB,mBAA8C;AAC9C,oBAA4B;AAE5B,IAAAA,gBAAoC;AAGpC,yCAAgD;AAChD,qBAAuE;AAEvE,kBAAwD;AAOjD,MAAM,cAAc;AAAA,EACzB,oBAAE,MAAM,oBAAE,WAAW,OAAO,GAAG,oBAAE,WAAW,yBAAW,CAAC;AAAA,EACxD,oBAAE;AACJ;AAEA,eAAsB,OAAO;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AACF,GAI8B;AAC5B,SAAO;AAAA,IACL;AAAA,IACA,WAAO,8BAAiB,MAAM,QAAQ,MAAM;AAAA,IAC5C,oBAAoB,CAAC,wCAAyB,4CAA6B;AAAA,IAC3E,cAAc,OAAO,QAA+C;AAAA,IACpE,qBAAqB,OAAO,SAAiC;AAC3D,UAAI,QAAQ,MAAM;AAChB,yCAAe,IAAI;AAAA,MACrB,OAAO;AACL,wCAAc,iCAAmB;AAAA,MACnC;AAAA,IACF;AAAA,IACA,cAAc,OAAO,UAAkB;AACrC,UAAI,UAAU,qBAAqB;AAKjC,cAAM,UAAU,eAAe,4BAAc,MAAM,IAAI,0BAAY,KAAK,GAAG;AAC3E,eAAO,EAAE,KAAK,UAAM,oEAAgC,SAAS,SAAS,MAAM,EAAE;AAAA,MAChF;AAEA,aAAO;AAAA,IACT;AAAA,EACF;AACF;","names":["import_cache"]}

package/dist/cjs/next/api-handler/config/pages-router.js

@@ -23,40 +23,21 @@ __export(pages_router_exports, {
 });
 module.exports = __toCommonJS(pages_router_exports);
 var import_ts_pattern = require("ts-pattern");
-var import_redirect_preview = require("../handlers/redirect-preview");
-var import_draft = require("../draft");
+var import_node_request_response = require("../../../api-handler/node-request-response");
+var import_pages_router_redirect_preview = require("../handlers/pages-router-redirect-preview");
+var import_preview = require("../preview");
 var import_base = require("./base");
 const argsPattern = [import_ts_pattern.P.any, import_ts_pattern.P.any];
 async function config({
   req,
   res,
-  apiKey
+  client
 }) {
   return {
-    req: {
-      headers: requestHeaders(req.headers),
-      method: req.method ?? "GET",
-      url: req.url ?? "",
-      json() {
-        return req.body;
-      }
-    },
+    req: (0, import_node_request_response.toApiRequest)(req),
     route: (0, import_base.validateApiRoute)(await apiRequestParams(req)),
-    manifest: {
-      previewMode: true
-    },
-    draftCookieNames: [import_draft.PRERENDER_BYPASS_COOKIE, import_draft.PREVIEW_DATA_COOKIE],
-    sendResponse: async (apiResponse) => {
-      const headers = responseHeaders(apiResponse.headers);
-      Object.entries(headers).forEach(([key, value]) => {
-        res.setHeader(key, value);
-      });
-      res.status(apiResponse.status);
-      if (apiResponse.body) {
-        await pipeTo(apiResponse.body, res);
-      }
-      res.end();
-    },
+    previewCookieNames: [import_preview.PRERENDER_BYPASS_COOKIE, import_preview.PREVIEW_DATA_COOKIE],
+    sendResponse: (apiResponse) => (0, import_node_request_response.pipeResponseTo)(apiResponse, res),
     revalidationHandler: async (path) => {
       if (path != null) {
         res.revalidate(path);
@@ -64,8 +45,8 @@ async function config({
       }
     },
     customRoutes: async (route) => {
-      if (route === "/preview") {
-        return { res: await (0, import_redirect_preview.redirectPreviewHandler)(req, res, { apiKey }) };
+      if (route === "/redirect-preview") {
+        return { res: await (0, import_pages_router_redirect_preview.pagesRouterRedirectPreviewHandler)(req, res, client) };
       }
       return null;
     }
@@ -74,47 +55,6 @@ async function config({
 function apiRequestParams(request) {
   return Promise.resolve(request.query);
 }
-function requestHeaders(headers) {
-  const result = new Headers();
-  for (const [key, value] of Object.entries(headers)) {
-    if (value != null) {
-      if (Array.isArray(value)) {
-        value.forEach((v) => result.append(key, v));
-      } else {
-        result.append(key, value);
-      }
-    }
-  }
-  return result;
-}
-function responseHeaders(headers) {
-  return [...headers.entries()].reduce((acc, [key, value]) => {
-    if (key in acc) {
-      const existingValue = acc[key];
-      if (Array.isArray(existingValue)) {
-        existingValue.push(value);
-      } else {
-        acc[key] = [existingValue, value];
-      }
-    } else {
-      acc[key] = value;
-    }
-    return acc;
-  }, {});
-}
-async function pipeTo(stream, res) {
-  try {
-    const reader = stream.getReader();
-    while (true) {
-      const { done, value } = await reader.read();
-      if (done)
-        break;
-      res.write(value);
-    }
-  } catch (error) {
-    res.destroy(error instanceof Error ? error : new Error(`${error}`));
-  }
-}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   argsPattern,

package/dist/cjs/next/api-handler/config/pages-router.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/next/api-handler/config/pages-router.ts"],"sourcesContent":["import { P } from 'ts-pattern'\nimport { NextApiRequest, NextApiResponse } from 'next'\n\nimport { type ApiResponse } from '../../../api-handler/request-response'\n\nimport { redirectPreviewHandler } from '../handlers/redirect-preview'\nimport { PRERENDER_BYPASS_COOKIE, PREVIEW_DATA_COOKIE } from '../draft'\n\nimport { validateApiRoute, type ApiHandlerConfig } from './base'\n\nexport type ApiHandlerArgs = [NextApiRequest, NextApiResponse]\nexport const argsPattern = [P.any, P.any] as const\n\nexport async function config({\n  req,\n  res,\n  apiKey,\n}: {\n  req: NextApiRequest\n  res: NextApiResponse\n  apiKey: string\n}): Promise<ApiHandlerConfig> {\n  return {\n    req: {\n      headers: requestHeaders(req.headers),\n      method: req.method ?? 'GET',\n      url: req.url ?? '',\n      json() {\n        return req.body\n      },\n    },\n    route: validateApiRoute(await apiRequestParams(req)),\n    manifest: {\n      previewMode: true,\n    },\n    draftCookieNames: [PRERENDER_BYPASS_COOKIE, PREVIEW_DATA_COOKIE],\n    sendResponse: async (apiResponse: ApiResponse): Promise<Response | void> => {\n      const headers = responseHeaders(apiResponse.headers)\n      Object.entries(headers).forEach(([key, value]) => {\n        res.setHeader(key, value)\n      })\n\n      res.status(apiResponse.status)\n\n      if (apiResponse.body) {\n        await pipeTo(apiResponse.body, res)\n      }\n\n      res.end()\n    },\n    revalidationHandler: async (path?: string): Promise<void> => {\n      if (path != null) {\n        res.revalidate(path)\n      } else {\n        // No-op, Pages Router does not support tag-based revalidation\n      }\n    },\n    customRoutes: async (route: string) => {\n      if (route === '/preview') {\n        return { res: await redirectPreviewHandler(req, res, { apiKey }) }\n      }\n\n      return null\n    },\n  }\n}\n\nfunction apiRequestParams(request: NextApiRequest): Promise<NextApiRequest['query']> {\n  // `NextApiRequest.query` prop became async in Next.js 15, but it's not reflected in the type definition;\n  // force-casting it to a `Promise` manually\n  return Promise.resolve(request.query)\n}\n\nfunction requestHeaders(headers: NextApiRequest['headers']): Headers {\n  const result = new Headers()\n  for (const [key, value] of Object.entries(headers)) {\n    if (value != null) {\n      if (Array.isArray(value)) {\n        value.forEach(v => result.append(key, v))\n      } else {\n        result.append(key, value)\n      }\n    }\n  }\n\n  return result\n}\n\nfunction responseHeaders(headers: Headers): Record<string, string | string[]> {\n  return [...headers.entries()].reduce<Record<string, string | string[]>>((acc, [key, value]) => {\n    if (key in acc) {\n      const existingValue = acc[key]\n      if (Array.isArray(existingValue)) {\n        existingValue.push(value)\n      } else {\n        acc[key] = [existingValue, value]\n      }\n    } else {\n      acc[key] = value\n    }\n    return acc\n  }, {})\n}\n\nasync function pipeTo(stream: ReadableStream<Uint8Array>, res: NextApiResponse): Promise<void> {\n  try {\n    const reader = stream.getReader()\n    while (true) {\n      const { done, value } = await reader.read()\n      if (done) break\n      res.write(value)\n    }\n  } catch (error) {\n    res.destroy(error instanceof Error ? error : new Error(`${error}`))\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAkB;AAKlB,8BAAuC;AACvC,mBAA6D;AAE7D,kBAAwD;AAGjD,MAAM,cAAc,CAAC,oBAAE,KAAK,oBAAE,GAAG;AAExC,eAAsB,OAAO;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AACF,GAI8B;AAC5B,SAAO;AAAA,IACL,KAAK;AAAA,MACH,SAAS,eAAe,IAAI,OAAO;AAAA,MACnC,QAAQ,IAAI,UAAU;AAAA,MACtB,KAAK,IAAI,OAAO;AAAA,MAChB,OAAO;AACL,eAAO,IAAI;AAAA,MACb;AAAA,IACF;AAAA,IACA,WAAO,8BAAiB,MAAM,iBAAiB,GAAG,CAAC;AAAA,IACnD,UAAU;AAAA,MACR,aAAa;AAAA,IACf;AAAA,IACA,kBAAkB,CAAC,sCAAyB,gCAAmB;AAAA,IAC/D,cAAc,OAAO,gBAAuD;AAC1E,YAAM,UAAU,gBAAgB,YAAY,OAAO;AACnD,aAAO,QAAQ,OAAO,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM;AAChD,YAAI,UAAU,KAAK,KAAK;AAAA,MAC1B,CAAC;AAED,UAAI,OAAO,YAAY,MAAM;AAE7B,UAAI,YAAY,MAAM;AACpB,cAAM,OAAO,YAAY,MAAM,GAAG;AAAA,MACpC;AAEA,UAAI,IAAI;AAAA,IACV;AAAA,IACA,qBAAqB,OAAO,SAAiC;AAC3D,UAAI,QAAQ,MAAM;AAChB,YAAI,WAAW,IAAI;AAAA,MACrB,OAAO;AAAA,MAEP;AAAA,IACF;AAAA,IACA,cAAc,OAAO,UAAkB;AACrC,UAAI,UAAU,YAAY;AACxB,eAAO,EAAE,KAAK,UAAM,gDAAuB,KAAK,KAAK,EAAE,OAAO,CAAC,EAAE;AAAA,MACnE;AAEA,aAAO;AAAA,IACT;AAAA,EACF;AACF;AAEA,SAAS,iBAAiB,SAA2D;AAGnF,SAAO,QAAQ,QAAQ,QAAQ,KAAK;AACtC;AAEA,SAAS,eAAe,SAA6C;AACnE,QAAM,SAAS,IAAI,QAAQ;AAC3B,aAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,OAAO,GAAG;AAClD,QAAI,SAAS,MAAM;AACjB,UAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,cAAM,QAAQ,OAAK,OAAO,OAAO,KAAK,CAAC,CAAC;AAAA,MAC1C,OAAO;AACL,eAAO,OAAO,KAAK,KAAK;AAAA,MAC1B;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;AAEA,SAAS,gBAAgB,SAAqD;AAC5E,SAAO,CAAC,GAAG,QAAQ,QAAQ,CAAC,EAAE,OAA0C,CAAC,KAAK,CAAC,KAAK,KAAK,MAAM;AAC7F,QAAI,OAAO,KAAK;AACd,YAAM,gBAAgB,IAAI,GAAG;AAC7B,UAAI,MAAM,QAAQ,aAAa,GAAG;AAChC,sBAAc,KAAK,KAAK;AAAA,MAC1B,OAAO;AACL,YAAI,GAAG,IAAI,CAAC,eAAe,KAAK;AAAA,MAClC;AAAA,IACF,OAAO;AACL,UAAI,GAAG,IAAI;AAAA,IACb;AACA,WAAO;AAAA,EACT,GAAG,CAAC,CAAC;AACP;AAEA,eAAe,OAAO,QAAoC,KAAqC;AAC7F,MAAI;AACF,UAAM,SAAS,OAAO,UAAU;AAChC,WAAO,MAAM;AACX,YAAM,EAAE,MAAM,MAAM,IAAI,MAAM,OAAO,KAAK;AAC1C,UAAI;AAAM;AACV,UAAI,MAAM,KAAK;AAAA,IACjB;AAAA,EACF,SAAS,OAAO;AACd,QAAI,QAAQ,iBAAiB,QAAQ,QAAQ,IAAI,MAAM,GAAG,KAAK,EAAE,CAAC;AAAA,EACpE;AACF;","names":[]}
+{"version":3,"sources":["../../../../../src/next/api-handler/config/pages-router.ts"],"sourcesContent":["import { P } from 'ts-pattern'\nimport { NextApiRequest, NextApiResponse } from 'next'\n\nimport { type ApiResponse } from '../../../api-handler/request-response'\nimport { toApiRequest, pipeResponseTo } from '../../../api-handler/node-request-response'\n\nimport { pagesRouterRedirectPreviewHandler } from '../handlers/pages-router-redirect-preview'\nimport { PRERENDER_BYPASS_COOKIE, PREVIEW_DATA_COOKIE } from '../preview'\n\nimport { validateApiRoute, type ApiHandlerConfig } from './base'\nimport { MakeswiftClient } from '../../../client'\n\nexport type ApiHandlerArgs = [NextApiRequest, NextApiResponse]\nexport const argsPattern = [P.any, P.any] as const\n\nexport async function config({\n  req,\n  res,\n  client,\n}: {\n  req: NextApiRequest\n  res: NextApiResponse\n  client: MakeswiftClient\n}): Promise<ApiHandlerConfig> {\n  return {\n    req: toApiRequest(req),\n    route: validateApiRoute(await apiRequestParams(req)),\n    previewCookieNames: [PRERENDER_BYPASS_COOKIE, PREVIEW_DATA_COOKIE],\n\n    sendResponse: (apiResponse: ApiResponse): Promise<Response | void> =>\n      pipeResponseTo(apiResponse, res),\n\n    revalidationHandler: async (path?: string): Promise<void> => {\n      if (path != null) {\n        res.revalidate(path)\n      } else {\n        // No-op, Pages Router does not support tag-based revalidation\n      }\n    },\n\n    customRoutes: async (route: string) => {\n      if (route === '/redirect-preview') {\n        return { res: await pagesRouterRedirectPreviewHandler(req, res, client) }\n      }\n\n      return null\n    },\n  }\n}\n\nfunction apiRequestParams(request: NextApiRequest): Promise<NextApiRequest['query']> {\n  // `NextApiRequest.query` prop became async in Next.js 15, but it's not reflected in the type definition;\n  // force-casting it to a `Promise` manually\n  return Promise.resolve(request.query)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAkB;AAIlB,mCAA6C;AAE7C,2CAAkD;AAClD,qBAA6D;AAE7D,kBAAwD;AAIjD,MAAM,cAAc,CAAC,oBAAE,KAAK,oBAAE,GAAG;AAExC,eAAsB,OAAO;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AACF,GAI8B;AAC5B,SAAO;AAAA,IACL,SAAK,2CAAa,GAAG;AAAA,IACrB,WAAO,8BAAiB,MAAM,iBAAiB,GAAG,CAAC;AAAA,IACnD,oBAAoB,CAAC,wCAAyB,kCAAmB;AAAA,IAEjE,cAAc,CAAC,oBACb,6CAAe,aAAa,GAAG;AAAA,IAEjC,qBAAqB,OAAO,SAAiC;AAC3D,UAAI,QAAQ,MAAM;AAChB,YAAI,WAAW,IAAI;AAAA,MACrB,OAAO;AAAA,MAEP;AAAA,IACF;AAAA,IAEA,cAAc,OAAO,UAAkB;AACrC,UAAI,UAAU,qBAAqB;AACjC,eAAO,EAAE,KAAK,UAAM,wEAAkC,KAAK,KAAK,MAAM,EAAE;AAAA,MAC1E;AAEA,aAAO;AAAA,IACT;AAAA,EACF;AACF;AAEA,SAAS,iBAAiB,SAA2D;AAGnF,SAAO,QAAQ,QAAQ,QAAQ,KAAK;AACtC;","names":[]}

package/dist/cjs/next/api-handler/handlers/{redirect-draft.js → app-router-redirect-preview.js}

@@ -16,62 +16,66 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var redirect_draft_exports = {};
-__export(redirect_draft_exports, {
-  originalRequestProtocol: () => originalRequestProtocol,
-  redirectDraftHandler: () => redirectDraftHandler
+var app_router_redirect_preview_exports = {};
+__export(app_router_redirect_preview_exports, {
+  appRouterRedirectPreviewHandler: () => appRouterRedirectPreviewHandler,
+  originalRequestProtocol: () => originalRequestProtocol
 });
-module.exports = __toCommonJS(redirect_draft_exports);
+module.exports = __toCommonJS(app_router_redirect_preview_exports);
 var import_server = require("next/server");
 var import_headers = require("next/headers");
 var import_cookie = require("cookie");
-var import_site_version = require("../../../api/site-version");
 var import_cookies = require("../../../api-handler/cookies");
-var import_draft = require("../draft");
+var import_site_version = require("../../../api/site-version");
+var import_preview = require("../preview");
 function originalRequestProtocol(request) {
   const forwardedProto = request.headers.get("x-forwarded-proto");
   return forwardedProto != null ? forwardedProto.split(",")[0].trim() : null;
 }
-async function redirectDraftHandler(request, _context, { apiKey }) {
-  const secret = request.nextUrl.searchParams.get(import_draft.SearchParams.DraftMode);
-  if (secret == null) {
-    return new import_server.NextResponse("Unauthorized to enable draft mode: no secret provided", {
-      status: 401
-    });
+async function appRouterRedirectPreviewHandler(request, _context, client) {
+  const previewToken = request.nextUrl.searchParams.get(import_preview.SearchParams.PreviewToken);
+  if (previewToken == null) {
+    return new import_server.NextResponse("Bad request: no preview token provided", { status: 400 });
   }
-  if (secret !== apiKey) {
-    return new import_server.NextResponse("Unauthorized to enable draft mode: incorrect secret", { status: 401 });
+  const verificationResult = await client.readPreviewToken(previewToken);
+  if (verificationResult == null) {
+    return new import_server.NextResponse("Failed to verify preview token", { status: 401 });
   }
+  const { payload } = verificationResult;
   const draft = await (0, import_headers.draftMode)();
   const cookieStore = await (0, import_headers.cookies)();
   draft.enable();
-  const prerenderBypassCookie = cookieStore.get(import_draft.PRERENDER_BYPASS_COOKIE);
+  const prerenderBypassCookie = cookieStore.get(import_preview.PRERENDER_BYPASS_COOKIE);
   if (prerenderBypassCookie?.value == null) {
     return new import_server.NextResponse("Could not retrieve draft mode bypass cookie", { status: 500 });
   }
+  const siteVersion = { version: payload.version, token: previewToken };
+  const serializedSiteVersion = (0, import_site_version.serializeSiteVersion)(siteVersion);
+  const secondsUntilExpiration = (0, import_site_version.secondsUntilSiteVersionExpiration)(siteVersion);
   const draftCookies = [
     prerenderBypassCookie,
-    {
-      name: import_draft.MAKESWIFT_DRAFT_DATA_COOKIE,
-      // Eventually, we can make this value dynamic using the request
-      value: JSON.stringify({ makeswift: true, siteVersion: import_site_version.MakeswiftSiteVersion.Working })
-    }
+    { name: import_preview.MAKESWIFT_SITE_VERSION_COOKIE, value: serializedSiteVersion }
   ];
   const redirectProtocol = originalRequestProtocol(request) ?? request.nextUrl.protocol.replace(":", "");
   const redirectHost = request.headers.get("x-forwarded-host") ?? request.headers.get("host") ?? request.nextUrl.host;
   const redirectUrl = new URL(
     `${redirectProtocol}://${redirectHost}${request.nextUrl.pathname}${request.nextUrl.search}`
   );
-  redirectUrl.searchParams.delete(import_draft.SearchParams.DraftMode);
+  redirectUrl.searchParams.delete(import_preview.SearchParams.PreviewToken);
+  redirectUrl.searchParams.delete(import_preview.RewriteRuleMatches.PreviewToken);
+  redirectUrl.searchParams.delete(import_preview.RewriteRuleMatches.OriginalPath);
   const headers = new Headers();
   draftCookies.forEach(({ name, value }) => {
-    headers.append(import_cookies.SET_COOKIE_HEADER, (0, import_cookie.serialize)(name, value, { ...import_cookies.cookieSettingOptions }));
+    headers.append(
+      import_cookies.SET_COOKIE_HEADER,
+      (0, import_cookie.serialize)(name, value, { ...import_cookies.cookieSettingOptions, maxAge: secondsUntilExpiration })
+    );
   });
   return import_server.NextResponse.redirect(redirectUrl, { headers });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  originalRequestProtocol,
-  redirectDraftHandler
+  appRouterRedirectPreviewHandler,
+  originalRequestProtocol
 });
-//# sourceMappingURL=redirect-draft.js.map
+//# sourceMappingURL=app-router-redirect-preview.js.map

package/dist/cjs/next/api-handler/handlers/app-router-redirect-preview.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/next/api-handler/handlers/app-router-redirect-preview.ts"],"sourcesContent":["import { NextRequest, NextResponse } from 'next/server'\nimport { cookies, draftMode } from 'next/headers'\n\nimport { serialize as serializeCookie } from 'cookie'\n\nimport { cookieSettingOptions, SET_COOKIE_HEADER } from '../../../api-handler/cookies'\nimport {\n  secondsUntilSiteVersionExpiration,\n  serializeSiteVersion,\n  type SiteVersion,\n} from '../../../api/site-version'\n\nimport {\n  MAKESWIFT_SITE_VERSION_COOKIE,\n  PRERENDER_BYPASS_COOKIE,\n  RewriteRuleMatches,\n  SearchParams,\n} from '../preview'\nimport { MakeswiftClient } from '../../../client'\n\nexport function originalRequestProtocol(request: NextRequest): string | null {\n  // The `x-forwarded-proto` header is not formally standardized, but many proxies\n  // *append* the protocol used for the request to the existing value. As a result,\n  // if the request passes through multiple proxies, the header may contain a\n  // comma-separated list of protocols: https://code.djangoproject.com/ticket/33569\n  const forwardedProto = request.headers.get('x-forwarded-proto')\n  return forwardedProto != null ? forwardedProto.split(',')[0].trim() : null\n}\n\nexport async function appRouterRedirectPreviewHandler(\n  request: NextRequest,\n  _context: any,\n  client: MakeswiftClient,\n): Promise<NextResponse> {\n  const previewToken = request.nextUrl.searchParams.get(SearchParams.PreviewToken)\n\n  if (previewToken == null) {\n    return new NextResponse('Bad request: no preview token provided', { status: 400 })\n  }\n\n  const verificationResult = await client.readPreviewToken(previewToken)\n\n  if (verificationResult == null) {\n    return new NextResponse('Failed to verify preview token', { status: 401 })\n  }\n\n  const { payload } = verificationResult\n\n  const draft = await draftMode()\n  const cookieStore = await cookies()\n\n  draft.enable()\n\n  const prerenderBypassCookie = cookieStore.get(PRERENDER_BYPASS_COOKIE)\n\n  if (prerenderBypassCookie?.value == null) {\n    return new NextResponse('Could not retrieve draft mode bypass cookie', { status: 500 })\n  }\n\n  const siteVersion: SiteVersion = { version: payload.version, token: previewToken }\n  const serializedSiteVersion = serializeSiteVersion(siteVersion)\n  const secondsUntilExpiration = secondsUntilSiteVersionExpiration(siteVersion)\n\n  const draftCookies: { name: string; value: string }[] = [\n    prerenderBypassCookie,\n    { name: MAKESWIFT_SITE_VERSION_COOKIE, value: serializedSiteVersion },\n  ]\n\n  const redirectProtocol =\n    originalRequestProtocol(request) ?? request.nextUrl.protocol.replace(':', '')\n\n  const redirectHost =\n    request.headers.get('x-forwarded-host') ?? request.headers.get('host') ?? request.nextUrl.host\n\n  const redirectUrl = new URL(\n    `${redirectProtocol}://${redirectHost}${request.nextUrl.pathname}${request.nextUrl.search}`,\n  )\n\n  redirectUrl.searchParams.delete(SearchParams.PreviewToken)\n  redirectUrl.searchParams.delete(RewriteRuleMatches.PreviewToken)\n  redirectUrl.searchParams.delete(RewriteRuleMatches.OriginalPath)\n\n  const headers = new Headers()\n  draftCookies.forEach(({ name, value }) => {\n    headers.append(\n      SET_COOKIE_HEADER,\n      serializeCookie(name, value, { ...cookieSettingOptions, maxAge: secondsUntilExpiration }),\n    )\n  })\n\n  return NextResponse.redirect(redirectUrl, { headers })\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA0C;AAC1C,qBAAmC;AAEnC,oBAA6C;AAE7C,qBAAwD;AACxD,0BAIO;AAEP,qBAKO;AAGA,SAAS,wBAAwB,SAAqC;AAK3E,QAAM,iBAAiB,QAAQ,QAAQ,IAAI,mBAAmB;AAC9D,SAAO,kBAAkB,OAAO,eAAe,MAAM,GAAG,EAAE,CAAC,EAAE,KAAK,IAAI;AACxE;AAEA,eAAsB,gCACpB,SACA,UACA,QACuB;AACvB,QAAM,eAAe,QAAQ,QAAQ,aAAa,IAAI,4BAAa,YAAY;AAE/E,MAAI,gBAAgB,MAAM;AACxB,WAAO,IAAI,2BAAa,0CAA0C,EAAE,QAAQ,IAAI,CAAC;AAAA,EACnF;AAEA,QAAM,qBAAqB,MAAM,OAAO,iBAAiB,YAAY;AAErE,MAAI,sBAAsB,MAAM;AAC9B,WAAO,IAAI,2BAAa,kCAAkC,EAAE,QAAQ,IAAI,CAAC;AAAA,EAC3E;AAEA,QAAM,EAAE,QAAQ,IAAI;AAEpB,QAAM,QAAQ,UAAM,0BAAU;AAC9B,QAAM,cAAc,UAAM,wBAAQ;AAElC,QAAM,OAAO;AAEb,QAAM,wBAAwB,YAAY,IAAI,sCAAuB;AAErE,MAAI,uBAAuB,SAAS,MAAM;AACxC,WAAO,IAAI,2BAAa,+CAA+C,EAAE,QAAQ,IAAI,CAAC;AAAA,EACxF;AAEA,QAAM,cAA2B,EAAE,SAAS,QAAQ,SAAS,OAAO,aAAa;AACjF,QAAM,4BAAwB,0CAAqB,WAAW;AAC9D,QAAM,6BAAyB,uDAAkC,WAAW;AAE5E,QAAM,eAAkD;AAAA,IACtD;AAAA,IACA,EAAE,MAAM,8CAA+B,OAAO,sBAAsB;AAAA,EACtE;AAEA,QAAM,mBACJ,wBAAwB,OAAO,KAAK,QAAQ,QAAQ,SAAS,QAAQ,KAAK,EAAE;AAE9E,QAAM,eACJ,QAAQ,QAAQ,IAAI,kBAAkB,KAAK,QAAQ,QAAQ,IAAI,MAAM,KAAK,QAAQ,QAAQ;AAE5F,QAAM,cAAc,IAAI;AAAA,IACtB,GAAG,gBAAgB,MAAM,YAAY,GAAG,QAAQ,QAAQ,QAAQ,GAAG,QAAQ,QAAQ,MAAM;AAAA,EAC3F;AAEA,cAAY,aAAa,OAAO,4BAAa,YAAY;AACzD,cAAY,aAAa,OAAO,kCAAmB,YAAY;AAC/D,cAAY,aAAa,OAAO,kCAAmB,YAAY;AAE/D,QAAM,UAAU,IAAI,QAAQ;AAC5B,eAAa,QAAQ,CAAC,EAAE,MAAM,MAAM,MAAM;AACxC,YAAQ;AAAA,MACN;AAAA,UACA,cAAAA,WAAgB,MAAM,OAAO,EAAE,GAAG,qCAAsB,QAAQ,uBAAuB,CAAC;AAAA,IAC1F;AAAA,EACF,CAAC;AAED,SAAO,2BAAa,SAAS,aAAa,EAAE,QAAQ,CAAC;AACvD;","names":["serializeCookie"]}

package/dist/cjs/next/api-handler/handlers/{redirect-preview.js → pages-router-redirect-preview.js}

@@ -16,46 +16,53 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var redirect_preview_exports = {};
-__export(redirect_preview_exports, {
-  redirectPreviewHandler: () => redirectPreviewHandler
+var pages_router_redirect_preview_exports = {};
+__export(pages_router_redirect_preview_exports, {
+  pagesRouterRedirectPreviewHandler: () => pagesRouterRedirectPreviewHandler
 });
-module.exports = __toCommonJS(redirect_preview_exports);
+module.exports = __toCommonJS(pages_router_redirect_preview_exports);
 var import_set_cookie_parser = require("set-cookie-parser");
 var import_cookie = require("cookie");
-var import_site_version = require("../../../api/site-version");
 var import_cookies = require("../../../api-handler/cookies");
-var import_draft = require("../draft");
-async function redirectPreviewHandler(req, res, { apiKey }) {
-  const secret = req.query[import_draft.SearchParams.PreviewMode];
-  const pathname = req.query.path;
-  if (secret == null) {
-    return res.status(401).send("Unauthorized to enable preview mode: no secret provided");
-  }
-  if (secret !== apiKey) {
-    return res.status(401).send("Unauthorized to enable preview mode: secret is incorrect");
-  }
+var import_preview = require("../preview");
+var import_site_version = require("../../../api/site-version");
+async function pagesRouterRedirectPreviewHandler(req, res, client) {
+  const pathname = req.query[import_preview.RewriteRuleMatches.OriginalPath];
   if (pathname == null) {
     return res.status(400).send("Bad request: incoming request does not have an associated pathname");
   }
-  const setCookie = res.setPreviewData({ makeswift: true, siteVersion: import_site_version.MakeswiftSiteVersion.Working }).getHeader(import_cookies.SET_COOKIE_HEADER);
+  const previewToken = req.query[import_preview.SearchParams.PreviewToken];
+  if (previewToken == null) {
+    return res.status(400).send("Bad request: no preview token provided");
+  }
+  const verificationResult = await client.readPreviewToken(previewToken);
+  if (verificationResult == null) {
+    return res.status(401).send("Failed to verify preview token");
+  }
+  const { payload } = verificationResult;
+  const siteVersion = { version: payload.version, token: previewToken };
+  const secondsUntilExpiration = (0, import_site_version.secondsUntilSiteVersionExpiration)(siteVersion);
+  const serializedSiteVersion = (0, import_site_version.serializeSiteVersion)(siteVersion);
+  const setCookie = res.setPreviewData({ siteVersion: serializedSiteVersion }).getHeader(import_cookies.SET_COOKIE_HEADER);
   res.removeHeader(import_cookies.SET_COOKIE_HEADER);
   const parsedCookies = (0, import_set_cookie_parser.parse)(Array.isArray(setCookie) ? setCookie : "");
-  const prerenderBypassCookie = parsedCookies.find((c) => c.name === import_draft.PRERENDER_BYPASS_COOKIE);
-  const previewDataCookie = parsedCookies.find((c) => c.name === import_draft.PREVIEW_DATA_COOKIE);
+  const prerenderBypassCookie = parsedCookies.find((c) => c.name === import_preview.PRERENDER_BYPASS_COOKIE);
+  const previewDataCookie = parsedCookies.find((c) => c.name === import_preview.PREVIEW_DATA_COOKIE);
   if (prerenderBypassCookie?.value == null || previewDataCookie?.value == null) {
     return res.status(500).send("Could not retrieve preview mode cookies");
   }
   const patchedCookies = [prerenderBypassCookie, previewDataCookie].map(({ name, value }) => {
-    return (0, import_cookie.serialize)(name, value, { ...import_cookies.cookieSettingOptions });
+    return (0, import_cookie.serialize)(name, value, { ...import_cookies.cookieSettingOptions, maxAge: secondsUntilExpiration });
   });
   res.setHeader(import_cookies.SET_COOKIE_HEADER, patchedCookies);
   const destinationUrl = new URL(pathname, "http://test.com");
-  destinationUrl.searchParams.delete(import_draft.SearchParams.PreviewMode);
+  destinationUrl.searchParams.delete(import_preview.SearchParams.PreviewToken);
+  destinationUrl.searchParams.delete(import_preview.RewriteRuleMatches.PreviewToken);
+  destinationUrl.searchParams.delete(import_preview.RewriteRuleMatches.OriginalPath);
   res.redirect(`${destinationUrl.pathname}?${destinationUrl.searchParams.toString()}`);
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  redirectPreviewHandler
+  pagesRouterRedirectPreviewHandler
 });
-//# sourceMappingURL=redirect-preview.js.map
+//# sourceMappingURL=pages-router-redirect-preview.js.map

package/dist/cjs/next/api-handler/handlers/pages-router-redirect-preview.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/next/api-handler/handlers/pages-router-redirect-preview.ts"],"sourcesContent":["import { NextApiRequest, NextApiResponse } from 'next'\n\nimport { parse as parseSetCookie } from 'set-cookie-parser'\nimport { serialize as serializeCookie } from 'cookie'\n\nimport { cookieSettingOptions, SET_COOKIE_HEADER } from '../../../api-handler/cookies'\n\nimport {\n  PRERENDER_BYPASS_COOKIE,\n  PREVIEW_DATA_COOKIE,\n  RewriteRuleMatches,\n  SearchParams,\n} from '../preview'\nimport { MakeswiftClient } from '../../../client'\nimport {\n  secondsUntilSiteVersionExpiration,\n  serializeSiteVersion,\n  type SiteVersion,\n} from '../../../api/site-version'\n\nexport async function pagesRouterRedirectPreviewHandler(\n  req: NextApiRequest,\n  res: NextApiResponse,\n  client: MakeswiftClient,\n): Promise<void> {\n  // Next.js automatically strips the locale prefix from rewritten request's URL, even when the\n  // rewrite's `locale` option is set to `false`: https://github.com/vercel/next.js/discussions/21798.\n  // At the same time, it also maps rewrite's URL segments (e.g. `:path`) to query parameters\n  // on the rewritten request, so we use the `query` to recover the original request path.\n  const pathname = req.query[RewriteRuleMatches.OriginalPath] as string | undefined\n\n  if (pathname == null) {\n    return res\n      .status(400)\n      .send('Bad request: incoming request does not have an associated pathname')\n  }\n\n  const previewToken = req.query[SearchParams.PreviewToken] as string | undefined\n\n  if (previewToken == null) {\n    return res.status(400).send('Bad request: no preview token provided')\n  }\n\n  const verificationResult = await client.readPreviewToken(previewToken)\n\n  if (verificationResult == null) {\n    return res.status(401).send('Failed to verify preview token')\n  }\n\n  const { payload } = verificationResult\n\n  const siteVersion: SiteVersion = { version: payload.version, token: previewToken }\n  const secondsUntilExpiration = secondsUntilSiteVersionExpiration(siteVersion)\n  const serializedSiteVersion = serializeSiteVersion(siteVersion)\n\n  const setCookie = res\n    .setPreviewData({ siteVersion: serializedSiteVersion })\n    .getHeader(SET_COOKIE_HEADER)\n\n  res.removeHeader(SET_COOKIE_HEADER)\n\n  const parsedCookies = parseSetCookie(Array.isArray(setCookie) ? setCookie : '')\n\n  const prerenderBypassCookie = parsedCookies.find(c => c.name === PRERENDER_BYPASS_COOKIE)\n  const previewDataCookie = parsedCookies.find(c => c.name === PREVIEW_DATA_COOKIE)\n\n  if (prerenderBypassCookie?.value == null || previewDataCookie?.value == null) {\n    return res.status(500).send('Could not retrieve preview mode cookies')\n  }\n\n  const patchedCookies = [prerenderBypassCookie, previewDataCookie].map(({ name, value }) => {\n    return serializeCookie(name, value, { ...cookieSettingOptions, maxAge: secondsUntilExpiration })\n  })\n  res.setHeader(SET_COOKIE_HEADER, patchedCookies)\n\n  const destinationUrl = new URL(pathname, 'http://test.com')\n  destinationUrl.searchParams.delete(SearchParams.PreviewToken)\n  destinationUrl.searchParams.delete(RewriteRuleMatches.PreviewToken)\n  destinationUrl.searchParams.delete(RewriteRuleMatches.OriginalPath)\n\n  res.redirect(`${destinationUrl.pathname}?${destinationUrl.searchParams.toString()}`)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,+BAAwC;AACxC,oBAA6C;AAE7C,qBAAwD;AAExD,qBAKO;AAEP,0BAIO;AAEP,eAAsB,kCACpB,KACA,KACA,QACe;AAKf,QAAM,WAAW,IAAI,MAAM,kCAAmB,YAAY;AAE1D,MAAI,YAAY,MAAM;AACpB,WAAO,IACJ,OAAO,GAAG,EACV,KAAK,oEAAoE;AAAA,EAC9E;AAEA,QAAM,eAAe,IAAI,MAAM,4BAAa,YAAY;AAExD,MAAI,gBAAgB,MAAM;AACxB,WAAO,IAAI,OAAO,GAAG,EAAE,KAAK,wCAAwC;AAAA,EACtE;AAEA,QAAM,qBAAqB,MAAM,OAAO,iBAAiB,YAAY;AAErE,MAAI,sBAAsB,MAAM;AAC9B,WAAO,IAAI,OAAO,GAAG,EAAE,KAAK,gCAAgC;AAAA,EAC9D;AAEA,QAAM,EAAE,QAAQ,IAAI;AAEpB,QAAM,cAA2B,EAAE,SAAS,QAAQ,SAAS,OAAO,aAAa;AACjF,QAAM,6BAAyB,uDAAkC,WAAW;AAC5E,QAAM,4BAAwB,0CAAqB,WAAW;AAE9D,QAAM,YAAY,IACf,eAAe,EAAE,aAAa,sBAAsB,CAAC,EACrD,UAAU,gCAAiB;AAE9B,MAAI,aAAa,gCAAiB;AAElC,QAAM,oBAAgB,yBAAAA,OAAe,MAAM,QAAQ,SAAS,IAAI,YAAY,EAAE;AAE9E,QAAM,wBAAwB,cAAc,KAAK,OAAK,EAAE,SAAS,sCAAuB;AACxF,QAAM,oBAAoB,cAAc,KAAK,OAAK,EAAE,SAAS,kCAAmB;AAEhF,MAAI,uBAAuB,SAAS,QAAQ,mBAAmB,SAAS,MAAM;AAC5E,WAAO,IAAI,OAAO,GAAG,EAAE,KAAK,yCAAyC;AAAA,EACvE;AAEA,QAAM,iBAAiB,CAAC,uBAAuB,iBAAiB,EAAE,IAAI,CAAC,EAAE,MAAM,MAAM,MAAM;AACzF,eAAO,cAAAC,WAAgB,MAAM,OAAO,EAAE,GAAG,qCAAsB,QAAQ,uBAAuB,CAAC;AAAA,EACjG,CAAC;AACD,MAAI,UAAU,kCAAmB,cAAc;AAE/C,QAAM,iBAAiB,IAAI,IAAI,UAAU,iBAAiB;AAC1D,iBAAe,aAAa,OAAO,4BAAa,YAAY;AAC5D,iBAAe,aAAa,OAAO,kCAAmB,YAAY;AAClE,iBAAe,aAAa,OAAO,kCAAmB,YAAY;AAElE,MAAI,SAAS,GAAG,eAAe,QAAQ,IAAI,eAAe,aAAa,SAAS,CAAC,EAAE;AACrF;","names":["parseSetCookie","serializeCookie"]}

package/dist/cjs/next/api-handler/index.js

@@ -38,8 +38,8 @@ var AppRouter = __toESM(require("./config/app-router"));
 var PagesRouter = __toESM(require("./config/pages-router"));
 function MakeswiftApiHandler(apiKey, { apiOrigin, runtime, ...userConfig }) {
   const client = new import_client.Makeswift(apiKey, { apiOrigin, runtime });
-  return async function handler(...args) {
-    const { req, route, sendResponse, customRoutes, ...handlerConfig } = await (0, import_ts_pattern.match)(args).with(AppRouter.argsPattern, ([req2, context]) => AppRouter.config({ req: req2, context, apiKey })).with(PagesRouter.argsPattern, ([req2, res]) => PagesRouter.config({ req: req2, res, apiKey })).exhaustive();
+  async function handler(...args) {
+    const { req, route, sendResponse, customRoutes, ...handlerConfig } = await (0, import_ts_pattern.match)(args).with(AppRouter.argsPattern, ([req2, context]) => AppRouter.config({ req: req2, context, client })).with(PagesRouter.argsPattern, ([req2, res]) => PagesRouter.config({ req: req2, res, client })).exhaustive();
     const apiHandler = (0, import_api_handler.createApiHandler)(apiKey, {
       ...userConfig,
       ...handlerConfig,
@@ -51,7 +51,8 @@ function MakeswiftApiHandler(apiKey, { apiOrigin, runtime, ...userConfig }) {
       return customRouteResponse.res;
     }
     return sendResponse(await apiHandler(req, route));
-  };
+  }
+  return handler;
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/next/api-handler/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/next/api-handler/index.ts"],"sourcesContent":["import { match } from 'ts-pattern'\n\nimport { Makeswift as MakeswiftClient } from '../client'\n\nimport { type ApiHandlerUserConfig, createApiHandler } from '../../api-handler'\n\nimport * as AppRouter from './config/app-router'\nimport * as PagesRouter from './config/pages-router'\n\n/**\n * @deprecated This type is deprecated and will be removed in a future release.\n */\nexport type MakeswiftApiHandlerResponse = any\n\ntype ApiHandlerArgs = AppRouter.ApiHandlerArgs | PagesRouter.ApiHandlerArgs\n\nexport function MakeswiftApiHandler(\n  apiKey: string,\n  { apiOrigin, runtime, ...userConfig }: ApiHandlerUserConfig,\n): (...args: ApiHandlerArgs) => Promise<Response | void> {\n  const client = new MakeswiftClient(apiKey, { apiOrigin, runtime })\n\n  return async function handler(...args: ApiHandlerArgs): Promise<Response | void> {\n    const { req, route, sendResponse, customRoutes, ...handlerConfig } = await match(args)\n      .with(AppRouter.argsPattern, ([req, context]) => AppRouter.config({ req, context, apiKey }))\n      .with(PagesRouter.argsPattern, ([req, res]) => PagesRouter.config({ req, res, apiKey }))\n      .exhaustive()\n\n    const apiHandler = createApiHandler(apiKey, {\n      ...userConfig,\n      ...handlerConfig,\n      runtime,\n      client,\n    })\n\n    const customRouteResponse = await customRoutes(route)\n    if (customRouteResponse) {\n      return customRouteResponse.res\n    }\n\n    return sendResponse(await apiHandler(req, route))\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAsB;AAEtB,oBAA6C;AAE7C,yBAA4D;AAE5D,gBAA2B;AAC3B,kBAA6B;AAStB,SAAS,oBACd,QACA,EAAE,WAAW,SAAS,GAAG,WAAW,GACmB;AACvD,QAAM,SAAS,IAAI,cAAAA,UAAgB,QAAQ,EAAE,WAAW,QAAQ,CAAC;AAEjE,SAAO,eAAe,WAAW,MAAgD;AAC/E,UAAM,EAAE,KAAK,OAAO,cAAc,cAAc,GAAG,cAAc,IAAI,UAAM,yBAAM,IAAI,EAClF,KAAK,UAAU,aAAa,CAAC,CAACC,MAAK,OAAO,MAAM,UAAU,OAAO,EAAE,KAAAA,MAAK,SAAS,OAAO,CAAC,CAAC,EAC1F,KAAK,YAAY,aAAa,CAAC,CAACA,MAAK,GAAG,MAAM,YAAY,OAAO,EAAE,KAAAA,MAAK,KAAK,OAAO,CAAC,CAAC,EACtF,WAAW;AAEd,UAAM,iBAAa,qCAAiB,QAAQ;AAAA,MAC1C,GAAG;AAAA,MACH,GAAG;AAAA,MACH;AAAA,MACA;AAAA,IACF,CAAC;AAED,UAAM,sBAAsB,MAAM,aAAa,KAAK;AACpD,QAAI,qBAAqB;AACvB,aAAO,oBAAoB;AAAA,IAC7B;AAEA,WAAO,aAAa,MAAM,WAAW,KAAK,KAAK,CAAC;AAAA,EAClD;AACF;","names":["MakeswiftClient","req"]}
+{"version":3,"sources":["../../../../src/next/api-handler/index.ts"],"sourcesContent":["import { match } from 'ts-pattern'\n\nimport { Makeswift as MakeswiftClient } from '../client'\n\nimport { type ApiHandlerUserConfig, createApiHandler } from '../../api-handler'\n\nimport * as AppRouter from './config/app-router'\nimport * as PagesRouter from './config/pages-router'\n\n/**\n * @deprecated This type is deprecated and will be removed in a future release.\n */\nexport type MakeswiftApiHandlerResponse = any\n\ntype ApiHandlerArgs = AppRouter.ApiHandlerArgs | PagesRouter.ApiHandlerArgs\n\nexport function MakeswiftApiHandler(\n  apiKey: string,\n  { apiOrigin, runtime, ...userConfig }: ApiHandlerUserConfig,\n): (...args: ApiHandlerArgs) => Promise<Response> | Promise<void> {\n  const client = new MakeswiftClient(apiKey, { apiOrigin, runtime })\n\n  async function handler(...args: ApiHandlerArgs): Promise<Response | void> {\n    const { req, route, sendResponse, customRoutes, ...handlerConfig } = await match(args)\n      .with(AppRouter.argsPattern, ([req, context]) => AppRouter.config({ req, context, client }))\n      .with(PagesRouter.argsPattern, ([req, res]) => PagesRouter.config({ req, res, client }))\n      .exhaustive()\n\n    const apiHandler = createApiHandler(apiKey, {\n      ...userConfig,\n      ...handlerConfig,\n      runtime,\n      client,\n    })\n\n    const customRouteResponse = await customRoutes(route)\n    if (customRouteResponse) {\n      return customRouteResponse.res\n    }\n\n    return sendResponse(await apiHandler(req, route))\n  }\n\n  // Next 15.5.0 performs type validations on the API handler. It expects a\n  // return type of void | Promise<void> | Response | Promise<Response>, but\n  // Typescript will not allow you to define an async function that returns a\n  // union of two different Promises:\n\n  // The return type of an async function or method must be the global\n  // Promise<T> type. Did you mean to write 'Promise<void | Response>'?\n\n  // This cast converts our handler's Promise<Response | void> return type to\n  // Promise<Response> | Promise<void> to satisfy Next.js validations and bypass\n  // the Typescript restriction. Ultimately, the value of the resolved type is\n  // the same (Response | void).\n  return handler as (...args: ApiHandlerArgs) => Promise<Response> | Promise<void>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAsB;AAEtB,oBAA6C;AAE7C,yBAA4D;AAE5D,gBAA2B;AAC3B,kBAA6B;AAStB,SAAS,oBACd,QACA,EAAE,WAAW,SAAS,GAAG,WAAW,GAC4B;AAChE,QAAM,SAAS,IAAI,cAAAA,UAAgB,QAAQ,EAAE,WAAW,QAAQ,CAAC;AAEjE,iBAAe,WAAW,MAAgD;AACxE,UAAM,EAAE,KAAK,OAAO,cAAc,cAAc,GAAG,cAAc,IAAI,UAAM,yBAAM,IAAI,EAClF,KAAK,UAAU,aAAa,CAAC,CAACC,MAAK,OAAO,MAAM,UAAU,OAAO,EAAE,KAAAA,MAAK,SAAS,OAAO,CAAC,CAAC,EAC1F,KAAK,YAAY,aAAa,CAAC,CAACA,MAAK,GAAG,MAAM,YAAY,OAAO,EAAE,KAAAA,MAAK,KAAK,OAAO,CAAC,CAAC,EACtF,WAAW;AAEd,UAAM,iBAAa,qCAAiB,QAAQ;AAAA,MAC1C,GAAG;AAAA,MACH,GAAG;AAAA,MACH;AAAA,MACA;AAAA,IACF,CAAC;AAED,UAAM,sBAAsB,MAAM,aAAa,KAAK;AACpD,QAAI,qBAAqB;AACvB,aAAO,oBAAoB;AAAA,IAC7B;AAEA,WAAO,aAAa,MAAM,WAAW,KAAK,KAAK,CAAC;AAAA,EAClD;AAcA,SAAO;AACT;","names":["MakeswiftClient","req"]}