@ape.swap/bonds-sdk 5.1.0 → 5.1.1-test.0

package/dist/node_modules/@theme-ui/components/dist/theme-ui-components.esm.js

@@ -0,0 +1,322 @@
+import React__default, { forwardRef } from 'react';
+import { css, get } from '../../css/dist/theme-ui-css.esm.js';
+import { jsx, jsxs } from '../../core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+import { u as useTheme } from '../../../@emotion/react/dist/emotion-element-d59e098f.esm.js';
+
+const boxSystemProps = [
+// space scale props (inherited from @styled-system/space)
+'margin', 'marginTop', 'marginRight', 'marginBottom', 'marginLeft', 'marginX', 'marginY', 'm', 'mt', 'mr', 'mb', 'ml', 'mx', 'my', 'padding', 'paddingTop', 'paddingRight', 'paddingBottom', 'paddingLeft', 'paddingX', 'paddingY', 'p', 'pt', 'pr', 'pb', 'pl', 'px', 'py',
+// color props (inherited from @styled-system/color)
+'color', 'backgroundColor', 'bg', 'opacity'];
+const pickSystemProps = props => {
+  const res = {};
+  for (const key of boxSystemProps) {
+    res[key] = props[key];
+  }
+  return res;
+};
+
+/**
+ * Use the Box component as a layout primitive to add margin, padding, and colors to content.
+ * @see https://theme-ui.com/components/box
+ */
+const Box$1 = /*#__PURE__*/forwardRef(function Box(props, ref) {
+  const theme = useTheme();
+  const {
+    __themeKey = 'variants',
+    __css,
+    variant,
+    css: cssProp,
+    sx,
+    as: Component = 'div',
+    ...rest
+  } = props;
+  const baseStyles = {
+    boxSizing: 'border-box',
+    margin: 0,
+    minWidth: 0
+  };
+  const __cssStyles = css(__css)(theme);
+  const variantInTheme = get(theme, `${__themeKey}.${variant}`) || get(theme, variant);
+  const variantStyles = variantInTheme && css(variantInTheme)(theme);
+  const sxPropStyles = css(sx)(theme);
+  const systemPropsStyles = css(pickSystemProps(rest))(theme);
+  const style = [baseStyles, __cssStyles, variantStyles, sxPropStyles, systemPropsStyles, cssProp];
+  boxSystemProps.forEach(name => {
+    delete rest[name];
+  });
+  return jsx(Component, {
+    ref: ref,
+    css: style,
+    ...rest
+  });
+});
+
+/**
+ * Use the Flex component to create flexbox layouts.
+ * @see https://theme-ui.com/components/flex
+ */
+const Flex = /*#__PURE__*/React__default.forwardRef(function Flex(props, ref) {
+  const {
+    sx
+  } = props;
+  return jsx(Box$1, {
+    ref: ref,
+    ...props,
+    sx: theme => ({
+      display: 'flex',
+      ...(typeof sx === 'function' ? sx(theme) : sx)
+    })
+  });
+});
+
+/** @internal */
+function __internalProps(props) {
+  return props;
+}
+
+const Box = Box$1;
+/**
+ * Primitive button component with variants
+ * @see https://theme-ui.com/components/button
+ */
+const Button = /*#__PURE__*/React__default.forwardRef(function Button(props, ref) {
+  return jsx(Box, {
+    ref: ref,
+    as: "button",
+    variant: "primary",
+    ...props,
+    ...__internalProps({
+      __themeKey: 'buttons',
+      __css: {
+        appearance: 'none',
+        display: props.hidden ? undefined : 'inline-block',
+        textAlign: 'center',
+        lineHeight: 'inherit',
+        textDecoration: 'none',
+        fontSize: 'inherit',
+        px: 3,
+        py: 2,
+        color: 'white',
+        bg: 'primary',
+        border: 0,
+        borderRadius: 4
+      }
+    })
+  });
+});
+
+/**
+ * Link variants can be defined in the `theme.links` object.
+ * By default the Link component will use styles defined in `theme.styles.a`.
+ * @see https://theme-ui.com/components/link
+ */
+const Link = /*#__PURE__*/React__default.forwardRef(function Link(props, ref) {
+  return jsx(Box$1, {
+    ref: ref,
+    as: "a",
+    variant: "styles.a",
+    ...props,
+    ...__internalProps({
+      __themeKey: 'links'
+    })
+  });
+});
+
+/**
+ * Primitive typographic component.
+ *
+ * Text style variants can be defined in the theme.text object.
+ * @see https://theme-ui.com/components/text
+ */
+const Text = /*#__PURE__*/React__default.forwardRef(function Text(props, ref) {
+  return jsx(Box$1, {
+    as: "span",
+    ref: ref,
+    variant: "default",
+    ...props,
+    ...__internalProps({
+      __themeKey: 'text'
+    })
+  });
+});
+
+/**
+ * Image style variants can be defined in the theme.images object.
+ * @see https://theme-ui.com/components/image/
+ */
+const Image = /*#__PURE__*/React__default.forwardRef(function Image(props, ref) {
+  const __outerCss = props.__css;
+  return jsx(Box$1, {
+    ref: ref,
+    as: "img",
+    ...props,
+    ...__internalProps({
+      __themeKey: 'images',
+      __css: {
+        maxWidth: '100%',
+        height: 'auto',
+        ...__outerCss
+      }
+    })
+  });
+});
+
+const autofillStyles = {
+  boxShadow: 'inset 0 0 0 1000px var(--theme-ui-input-autofill-bg)',
+  fontSize: 'inherit',
+  ':first-line': {
+    fontSize: '1rem'
+  }
+};
+const defaultInputStyles = {
+  display: 'block',
+  width: '100%',
+  p: 2,
+  appearance: 'none',
+  fontSize: 'inherit',
+  lineHeight: 'inherit',
+  border: '1px solid',
+  borderRadius: 4,
+  color: 'inherit',
+  bg: 'transparent',
+  ':autofill, :autofill:hover, :autofill:focus': autofillStyles,
+  ':-webkit-autofill, :-webkit-autofill:hover, :-webkit-autofill:focus': autofillStyles
+};
+/**
+ * Input variants can be defined in `theme.forms`
+ * and the component uses the `theme.forms.input` variant by default.
+ * @see https://theme-ui.com/components/input/
+ */
+const Input = /*#__PURE__*/React__default.forwardRef(function Input({
+  sx,
+  autofillBackgroundColor = 'background',
+  ...rest
+}, ref) {
+  return jsx(Box$1, {
+    ref: ref,
+    as: "input",
+    variant: "input",
+    sx: {
+      '--theme-ui-input-autofill-bg': theme => theme.colors && get(theme.colors, autofillBackgroundColor, null),
+      ...sx
+    },
+    ...rest,
+    ...__internalProps({
+      __themeKey: 'forms',
+      __css: defaultInputStyles
+    })
+  });
+});
+
+const SVG = /*#__PURE__*/React__default.forwardRef(function SVG({
+  size = 24,
+  ...rest
+}, ref) {
+  const svgProps = {
+    xmlns: 'http://www.w3.org/2000/svg',
+    width: size,
+    height: size,
+    viewBox: '0 0 24 24',
+    fill: 'currentcolor',
+    ...rest
+  };
+  return jsx(Box$1, {
+    ref: ref,
+    as: "svg",
+    ...svgProps
+  });
+});
+SVG.displayName = 'SVG';
+
+const Spinner = /*#__PURE__*/React__default.forwardRef(function Spinner({
+  size = 48,
+  strokeWidth = 4,
+  max = 1,
+  title = 'Loading',
+  duration = 750,
+  ...props
+}, ref) {
+  const __css = {
+    color: 'primary',
+    overflow: 'visible'
+  };
+  const svgProps = {
+    strokeWidth,
+    viewBox: '0 0 32 32',
+    width: size,
+    height: size,
+    fill: 'none',
+    stroke: 'currentColor',
+    role: 'img'
+  };
+  const circleProps = {
+    strokeWidth,
+    r: 16 - strokeWidth,
+    cx: 16,
+    cy: 16,
+    fill: 'none'
+  };
+  return jsxs(Box$1, {
+    ref: ref,
+    as: "svg",
+    ...svgProps,
+    ...props,
+    ...__internalProps({
+      __css
+    }),
+    children: [jsx("title", {
+      children: title
+    }), jsx("circle", {
+      ...circleProps,
+      opacity: 1 / 8
+    }), jsx("circle", {
+      ...circleProps,
+      strokeDasharray: "20 110",
+      children: jsx("animateTransform", {
+        attributeName: "transform",
+        attributeType: "XML",
+        type: "rotate",
+        from: "0 16 16",
+        to: "360 16 16",
+        dur: `${duration}ms`,
+        repeatCount: "indefinite"
+      })
+    })]
+  });
+});
+
+jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  fill: "currentColor",
+  viewBox: "0 0 24 24",
+  children: jsx("path", {
+    d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
+  })
+});
+
+/**
+ * The Divider component reuses styles from `theme.styles.hr` as its default variant.
+ */
+const Divider = /*#__PURE__*/React__default.forwardRef(function Divider(props, ref) {
+  return jsx(Box$1, {
+    ref: ref,
+    as: "hr",
+    variant: "styles.hr",
+    ...props,
+    ...__internalProps({
+      __css: {
+        color: 'gray',
+        m: 0,
+        my: 2,
+        border: 0,
+        borderBottom: '1px solid'
+      }
+    })
+  });
+});
+
+export { Box$1 as Box, Button, Divider, Flex, Image, Input, Link, Spinner, Text };
+//# sourceMappingURL=theme-ui-components.esm.js.map

package/dist/node_modules/@theme-ui/components/dist/theme-ui-components.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-ui-components.esm.js","sources":["../../../../../node_modules/@theme-ui/components/dist/theme-ui-components.esm.js"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport React, { forwardRef } from 'react';\nimport { css, get } from '@theme-ui/css';\nimport { jsx, jsxs } from '@theme-ui/core/jsx-runtime';\n\nconst boxSystemProps = [\n// space scale props (inherited from @styled-system/space)\n'margin', 'marginTop', 'marginRight', 'marginBottom', 'marginLeft', 'marginX', 'marginY', 'm', 'mt', 'mr', 'mb', 'ml', 'mx', 'my', 'padding', 'paddingTop', 'paddingRight', 'paddingBottom', 'paddingLeft', 'paddingX', 'paddingY', 'p', 'pt', 'pr', 'pb', 'pl', 'px', 'py',\n// color props (inherited from @styled-system/color)\n'color', 'backgroundColor', 'bg', 'opacity'];\n/**\n * @internal\n */\nconst __isBoxStyledSystemProp = prop => boxSystemProps.includes(prop);\nconst pickSystemProps = props => {\n  const res = {};\n  for (const key of boxSystemProps) {\n    res[key] = props[key];\n  }\n  return res;\n};\n\n/**\n * Use the Box component as a layout primitive to add margin, padding, and colors to content.\n * @see https://theme-ui.com/components/box\n */\nconst Box$1 = /*#__PURE__*/forwardRef(function Box(props, ref) {\n  const theme = useTheme();\n  const {\n    __themeKey = 'variants',\n    __css,\n    variant,\n    css: cssProp,\n    sx,\n    as: Component = 'div',\n    ...rest\n  } = props;\n  const baseStyles = {\n    boxSizing: 'border-box',\n    margin: 0,\n    minWidth: 0\n  };\n  const __cssStyles = css(__css)(theme);\n  const variantInTheme = get(theme, `${__themeKey}.${variant}`) || get(theme, variant);\n  const variantStyles = variantInTheme && css(variantInTheme)(theme);\n  const sxPropStyles = css(sx)(theme);\n  const systemPropsStyles = css(pickSystemProps(rest))(theme);\n  const style = [baseStyles, __cssStyles, variantStyles, sxPropStyles, systemPropsStyles, cssProp];\n  boxSystemProps.forEach(name => {\n    delete rest[name];\n  });\n  return jsx(Component, {\n    ref: ref,\n    css: style,\n    ...rest\n  });\n});\n\n/**\n * Use the Flex component to create flexbox layouts.\n * @see https://theme-ui.com/components/flex\n */\nconst Flex = /*#__PURE__*/React.forwardRef(function Flex(props, ref) {\n  const {\n    sx\n  } = props;\n  return jsx(Box$1, {\n    ref: ref,\n    ...props,\n    sx: theme => ({\n      display: 'flex',\n      ...(typeof sx === 'function' ? sx(theme) : sx)\n    })\n  });\n});\n\nconst getProps = test => props => {\n  const next = {};\n  for (const key in props) {\n    if (test(key || '')) next[key] = props[key];\n  }\n  return next;\n};\nconst MRE = /^m[trblxy]?$/;\nconst getMargin = getProps(k => MRE.test(k));\nconst omitMargin = getProps(k => !MRE.test(k));\n\n/** @internal */\nfunction __internalProps(props) {\n  return props;\n}\n\n/**\n * @internal Props used by Theme UI Components not intended for user code.\n */\n\nconst px = n => typeof n === 'number' ? n + 'px' : n;\nconst singleWidthToColumns = (width, repeat) => width ? `repeat(auto-${repeat}, minmax(${px(width)}, 1fr))` : null;\nconst widthToColumns = (width, repeat) => Array.isArray(width) ? width.map(w => singleWidthToColumns(w, repeat)) : singleWidthToColumns(width, repeat);\nconst singleCountToColumns = n => n ? typeof n === 'number' ? `repeat(${n}, 1fr)` : n : null;\nconst countToColumns = n => Array.isArray(n) ? n.map(singleCountToColumns) : singleCountToColumns(n);\n/**\n * CSS grid layout component to arrange direct child elements in a tiled grid layout.\n * @see https://theme-ui.com/components/grid\n */\nconst Grid = /*#__PURE__*/React.forwardRef(function Grid({\n  width,\n  columns,\n  gap = 3,\n  repeat = 'fit',\n  ...props\n}, ref) {\n  const gridTemplateColumns = !!width ? widthToColumns(width, repeat) : countToColumns(columns);\n  const __css = {\n    display: 'grid',\n    gridGap: gap,\n    gridTemplateColumns\n  };\n  return jsx(Box$1, {\n    ref: ref,\n    ...props,\n    ...__internalProps({\n      __themeKey: 'grids',\n      __css\n    })\n  });\n});\n\nconst Box = Box$1;\n/**\n * Primitive button component with variants\n * @see https://theme-ui.com/components/button\n */\nconst Button = /*#__PURE__*/React.forwardRef(function Button(props, ref) {\n  return jsx(Box, {\n    ref: ref,\n    as: \"button\",\n    variant: \"primary\",\n    ...props,\n    ...__internalProps({\n      __themeKey: 'buttons',\n      __css: {\n        appearance: 'none',\n        display: props.hidden ? undefined : 'inline-block',\n        textAlign: 'center',\n        lineHeight: 'inherit',\n        textDecoration: 'none',\n        fontSize: 'inherit',\n        px: 3,\n        py: 2,\n        color: 'white',\n        bg: 'primary',\n        border: 0,\n        borderRadius: 4\n      }\n    })\n  });\n});\n\n/**\n * Link variants can be defined in the `theme.links` object.\n * By default the Link component will use styles defined in `theme.styles.a`.\n * @see https://theme-ui.com/components/link\n */\nconst Link = /*#__PURE__*/React.forwardRef(function Link(props, ref) {\n  return jsx(Box$1, {\n    ref: ref,\n    as: \"a\",\n    variant: \"styles.a\",\n    ...props,\n    ...__internalProps({\n      __themeKey: 'links'\n    })\n  });\n});\n\n/**\n * Primitive typographic component.\n *\n * Text style variants can be defined in the theme.text object.\n * The Paragraph component uses theme.text.paragraph as its default variant style.\n * @see https://theme-ui.com/components/paragraph\n */\nconst Paragraph = /*#__PURE__*/React.forwardRef(function Paragraph(props, ref) {\n  return jsx(Box$1, {\n    ref: ref,\n    as: \"p\",\n    variant: \"paragraph\",\n    ...props,\n    ...__internalProps({\n      __themeKey: 'text',\n      __css: {\n        fontFamily: 'body',\n        fontWeight: 'body',\n        lineHeight: 'body'\n      }\n    })\n  });\n});\n\n/**\n * Primitive typographic component.\n *\n * Text style variants can be defined in the theme.text object.\n * @see https://theme-ui.com/components/text\n */\nconst Text = /*#__PURE__*/React.forwardRef(function Text(props, ref) {\n  return jsx(Box$1, {\n    as: \"span\",\n    ref: ref,\n    variant: \"default\",\n    ...props,\n    ...__internalProps({\n      __themeKey: 'text'\n    })\n  });\n});\n\n/**\n * Primitive heading component, defaults to <h2>.\n *\n * Text style variants can be defined in the theme.text object.\n * The Heading component uses theme.text.heading as its default variant style.\n * @see https://theme-ui.com/components/heading\n */\nconst Heading = /*#__PURE__*/React.forwardRef(function Heading(props, ref) {\n  return jsx(Box$1, {\n    ref: ref,\n    as: \"h2\",\n    variant: \"heading\",\n    ...props,\n    ...__internalProps({\n      __themeKey: 'text',\n      __css: {\n        fontFamily: 'heading',\n        fontWeight: 'heading',\n        lineHeight: 'heading'\n      }\n    })\n  });\n});\n\n/**\n * Image style variants can be defined in the theme.images object.\n * @see https://theme-ui.com/components/image/\n */\nconst Image = /*#__PURE__*/React.forwardRef(function Image(props, ref) {\n  const __outerCss = props.__css;\n  return jsx(Box$1, {\n    ref: ref,\n    as: \"img\",\n    ...props,\n    ...__internalProps({\n      __themeKey: 'images',\n      __css: {\n        maxWidth: '100%',\n        height: 'auto',\n        ...__outerCss\n      }\n    })\n  });\n});\n\n/**\n * Card style variants can be defined in the `theme.cards` object.\n * By default the Card component uses the `theme.cards.primary` variant.\n * @see https://theme-ui.com/components/card\n */\nconst Card = /*#__PURE__*/React.forwardRef(function Card(props, ref) {\n  return jsx(Box$1, {\n    ref: ref,\n    variant: \"primary\",\n    ...props,\n    ...__internalProps({\n      __themeKey: 'cards'\n    })\n  });\n});\n\n/**\n * Label variants can be defined in `theme.forms`\n * and the component uses the `theme.forms.label` variant by default.\n * @see https://theme-ui.com/components/label/\n */\nconst Label = /*#__PURE__*/React.forwardRef(function Label(props, ref) {\n  return jsx(Box$1, {\n    ref: ref,\n    as: \"label\",\n    variant: \"label\",\n    ...props,\n    ...__internalProps({\n      __themeKey: 'forms',\n      __css: {\n        width: '100%',\n        display: 'flex'\n      }\n    })\n  });\n});\n\nconst autofillStyles = {\n  boxShadow: 'inset 0 0 0 1000px var(--theme-ui-input-autofill-bg)',\n  fontSize: 'inherit',\n  ':first-line': {\n    fontSize: '1rem'\n  }\n};\nconst defaultInputStyles = {\n  display: 'block',\n  width: '100%',\n  p: 2,\n  appearance: 'none',\n  fontSize: 'inherit',\n  lineHeight: 'inherit',\n  border: '1px solid',\n  borderRadius: 4,\n  color: 'inherit',\n  bg: 'transparent',\n  ':autofill, :autofill:hover, :autofill:focus': autofillStyles,\n  ':-webkit-autofill, :-webkit-autofill:hover, :-webkit-autofill:focus': autofillStyles\n};\n/**\n * Input variants can be defined in `theme.forms`\n * and the component uses the `theme.forms.input` variant by default.\n * @see https://theme-ui.com/components/input/\n */\nconst Input = /*#__PURE__*/React.forwardRef(function Input({\n  sx,\n  autofillBackgroundColor = 'background',\n  ...rest\n}, ref) {\n  return jsx(Box$1, {\n    ref: ref,\n    as: \"input\",\n    variant: \"input\",\n    sx: {\n      '--theme-ui-input-autofill-bg': theme => theme.colors && get(theme.colors, autofillBackgroundColor, null),\n      ...sx\n    },\n    ...rest,\n    ...__internalProps({\n      __themeKey: 'forms',\n      __css: defaultInputStyles\n    })\n  });\n});\n\nconst SVG = /*#__PURE__*/React.forwardRef(function SVG({\n  size = 24,\n  ...rest\n}, ref) {\n  const svgProps = {\n    xmlns: 'http://www.w3.org/2000/svg',\n    width: size,\n    height: size,\n    viewBox: '0 0 24 24',\n    fill: 'currentcolor',\n    ...rest\n  };\n  return jsx(Box$1, {\n    ref: ref,\n    as: \"svg\",\n    ...svgProps\n  });\n});\nSVG.displayName = 'SVG';\n\nconst DownArrow = props => jsx(SVG, {\n  ...props,\n  children: jsx(\"path\", {\n    d: \"M7 10l5 5 5-5z\"\n  })\n});\n/**\n * Select variants can be defined in `theme.forms`\n * and the component uses the `theme.forms.select` variant by default.\n * @see https://theme-ui.com/components/select/\n */\nconst Select = /*#__PURE__*/React.forwardRef(function Select({\n  arrow,\n  ...props\n}, ref) {\n  const __css = {\n    display: 'block',\n    width: '100%',\n    p: 2,\n    paddingRight: 4,\n    appearance: 'none',\n    fontSize: 'inherit',\n    lineHeight: 'inherit',\n    border: '1px solid',\n    borderRadius: 4,\n    color: 'inherit',\n    backgroundColor: theme => get(theme, 'colors.background', null)\n  };\n  return jsxs(Box$1, {\n    ...getMargin(props),\n    sx: {\n      display: 'flex'\n    },\n    children: [jsx(Box$1, {\n      ref: ref,\n      as: \"select\",\n      variant: \"select\",\n      ...omitMargin(props),\n      ...__internalProps({\n        __themeKey: 'forms',\n        __css\n      })\n    }), arrow || jsx(DownArrow, {\n      sx: {\n        ml: -28,\n        alignSelf: 'center',\n        pointerEvents: 'none'\n      }\n    })]\n  });\n});\n\n/**\n * Form textarea component\n *\n * Textarea variants can be defined in `theme.forms`\n * and the component uses the `theme.forms.textarea` variant by default.\n * @see https://theme-ui.com/components/textarea/\n */\nconst Textarea = /*#__PURE__*/React.forwardRef(function Textarea(props, ref) {\n  return jsx(Box$1, {\n    ref: ref,\n    as: \"textarea\",\n    variant: \"textarea\",\n    ...props,\n    ...__internalProps({\n      __themeKey: 'forms',\n      __css: {\n        display: 'block',\n        width: '100%',\n        p: 2,\n        appearance: 'none',\n        fontSize: 'inherit',\n        lineHeight: 'inherit',\n        border: '1px solid',\n        borderRadius: 4,\n        color: 'inherit',\n        bg: 'transparent'\n      }\n    })\n  });\n});\n\nconst RadioChecked = props => jsx(SVG, {\n  ...props,\n  children: jsx(\"path\", {\n    d: \"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\"\n  })\n});\nconst RadioUnchecked = props => jsx(SVG, {\n  ...props,\n  children: jsx(\"path\", {\n    d: \"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\"\n  })\n});\nconst RadioIcon = props => jsxs(React.Fragment, {\n  children: [jsx(RadioChecked, {\n    ...props,\n    ...__internalProps({\n      __css: {\n        display: 'none',\n        'input:checked ~ &': {\n          display: 'block'\n        }\n      }\n    })\n  }), jsx(RadioUnchecked, {\n    ...props,\n    ...__internalProps({\n      __css: {\n        display: 'block',\n        'input:checked ~ &': {\n          display: 'none'\n        }\n      }\n    })\n  })]\n});\n/**\n * Form radio input component\n *\n * Radio variants can be defined in `theme.forms` and the\n * component uses the `theme.forms.radio variant` by default.\n * @see https://theme-ui.com/components/radio/\n */\nconst Radio = /*#__PURE__*/React.forwardRef(function Radio({\n  className,\n  sx,\n  variant = 'radio',\n  ...props\n}, ref) {\n  return jsxs(Box$1, {\n    sx: {\n      minWidth: 'min-content'\n    },\n    children: [jsx(Box$1, {\n      ref: ref,\n      as: \"input\",\n      type: \"radio\",\n      ...props,\n      sx: {\n        position: 'absolute',\n        opacity: 0,\n        zIndex: -1,\n        width: 1,\n        height: 1,\n        overflow: 'hidden'\n      }\n    }), jsx(Box$1, {\n      as: RadioIcon,\n      \"aria-hidden\": \"true\",\n      variant: variant,\n      className: className,\n      sx: sx,\n      ...__internalProps({\n        __themeKey: 'forms',\n        __css: {\n          mr: 2,\n          borderRadius: 9999,\n          color: 'gray',\n          flexShrink: 0,\n          'input:checked ~ &': {\n            color: 'primary'\n          },\n          'input:focus ~ &': {\n            bg: 'highlight'\n          }\n        }\n      })\n    })]\n  });\n});\n\nconst CheckboxChecked = props => jsx(SVG, {\n  ...props,\n  children: jsx(\"path\", {\n    d: \"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\n  })\n});\nconst CheckboxUnchecked = props => jsx(SVG, {\n  ...props,\n  children: jsx(\"path\", {\n    d: \"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\"\n  })\n});\nconst CheckboxIcon = props => jsxs(React.Fragment, {\n  children: [jsx(CheckboxChecked, {\n    ...props,\n    ...__internalProps({\n      __css: {\n        display: 'none',\n        'input:checked ~ &': {\n          display: 'block'\n        }\n      }\n    })\n  }), jsx(CheckboxUnchecked, {\n    ...props,\n    ...__internalProps({\n      __css: {\n        display: 'block',\n        'input:checked ~ &': {\n          display: 'none'\n        }\n      }\n    })\n  })]\n});\n/**\n * Form checkbox input component\n *\n * Checkbox variants can be defined in `theme.forms` and the\n * component uses the `theme.forms.checkbox` variant by default.\n * @see https://theme-ui.com/components/checkbox/\n */\nconst Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox({\n  className,\n  sx,\n  variant = 'checkbox',\n  children,\n  ...props\n}, ref) {\n  return jsxs(Box$1, {\n    sx: {\n      minWidth: 'min-content'\n    },\n    children: [jsx(Box$1, {\n      ref: ref,\n      as: \"input\",\n      type: \"checkbox\",\n      ...props,\n      sx: {\n        position: 'absolute',\n        opacity: 0,\n        zIndex: -1,\n        width: 1,\n        height: 1,\n        overflow: 'hidden'\n      }\n    }), jsx(Box$1, {\n      as: CheckboxIcon,\n      \"aria-hidden\": \"true\",\n      variant: variant,\n      className: className,\n      sx: sx,\n      ...__internalProps({\n        __themeKey: 'forms',\n        __css: {\n          mr: 2,\n          borderRadius: 4,\n          color: 'gray',\n          flexShrink: 0,\n          'input:checked ~ &': {\n            color: 'primary'\n          },\n          'input:focus ~ &': {\n            color: 'primary',\n            bg: 'highlight'\n          }\n        }\n      })\n    }), children]\n  });\n});\n\nconst GUTTER = 2;\nconst SIZE = 18;\n/**\n * Form switch component\n *\n * Switch variants can be defined in `theme.forms`\n * and the component uses the `theme.forms.switch` variant by default.\n */\nconst Switch = /*#__PURE__*/React.forwardRef(function Switch({\n  className,\n  label,\n  sx,\n  variant = 'switch',\n  ...rest\n}, ref) {\n  const __css = {\n    position: 'relative',\n    flexShrink: 0,\n    bg: 'gray',\n    borderRadius: SIZE,\n    height: SIZE + GUTTER * 2,\n    width: SIZE * 2 + GUTTER * 2,\n    mr: 2,\n    'input:disabled ~ &': {\n      opacity: 0.5,\n      cursor: 'not-allowed'\n    },\n    '& > div': {\n      display: 'flex',\n      alignItems: 'center',\n      borderRadius: '50%',\n      height: SIZE,\n      width: SIZE,\n      bg: 'white',\n      boxShadow: '0 1px 2px rgba(0, 0, 0, 0.1)',\n      position: 'relative',\n      transform: 'translateX(0%)',\n      transition: `transform 240ms cubic-bezier(0.165, 0.840, 0.440, 1.000)`\n    },\n    'input:checked ~ &': {\n      bg: 'primary',\n      '> div': {\n        transform: 'translateX(100%)'\n      }\n    }\n  };\n  return jsxs(Label, {\n    sx: {\n      cursor: 'pointer'\n    },\n    children: [jsx(Box$1, {\n      ref: ref,\n      as: \"input\",\n      type: \"checkbox\",\n      \"aria-label\": label,\n      ...rest,\n      sx: {\n        position: 'absolute',\n        opacity: 0,\n        zIndex: -1,\n        width: 1,\n        height: 1,\n        overflow: 'hidden'\n      },\n      ...__internalProps({\n        __themeKey: 'forms'\n      })\n    }), jsx(Box$1, {\n      css: {\n        padding: GUTTER\n      },\n      variant: variant,\n      className: className,\n      sx: sx,\n      ...__internalProps({\n        __themeKey: 'forms',\n        __css\n      }),\n      children: jsx(Box$1, {})\n    }), jsx(\"span\", {\n      children: label\n    })]\n  });\n});\n\nconst thumbStyle = {\n  appearance: 'none',\n  width: 16,\n  height: 16,\n  bg: 'currentcolor',\n  border: 0,\n  borderRadius: 9999,\n  variant: 'forms.slider.thumb'\n};\nconst sliderStyle = {\n  display: 'block',\n  width: '100%',\n  height: 4,\n  my: 2,\n  cursor: 'pointer',\n  appearance: 'none',\n  borderRadius: 9999,\n  color: 'inherit',\n  bg: 'gray',\n  ':focus': {\n    outline: 'none',\n    color: 'primary'\n  },\n  '&::-webkit-slider-thumb': thumbStyle,\n  '&::-moz-range-thumb': thumbStyle,\n  '&::-ms-thumb': thumbStyle\n};\n/**\n * Range input element\n *\n * Slider variants can be defined in the `theme.forms` object.\n * The Slider component uses `theme.forms.slider` as its default variant style.\n * @see https://theme-ui.com/components/slider/\n */\nconst Slider = /*#__PURE__*/React.forwardRef(function Slider(props, ref) {\n  return jsx(Box$1, {\n    ref: ref,\n    as: \"input\",\n    type: \"range\",\n    variant: \"slider\",\n    ...props,\n    ...__internalProps({\n      __themeKey: 'forms',\n      __css: sliderStyle\n    })\n  });\n});\n\nconst Field = /*#__PURE__*/React.forwardRef(function Field({\n  // if somebody specifies the generic parameter without passing `as` prop, they get Input anyway\n  as: Control = Input,\n  label,\n  id,\n  name,\n  ...rest\n}, ref) {\n  const fieldIdentifier = id || name;\n  const controlProps = {\n    ref,\n    name,\n    id: fieldIdentifier,\n    ...omitMargin(rest)\n  };\n  return jsxs(Box$1, {\n    ...getMargin(rest),\n    children: [jsx(Label, {\n      htmlFor: fieldIdentifier,\n      children: label\n    }), jsx(Control, {\n      ...controlProps\n    })]\n  });\n}); // Field is generic bcs of `as` prop, so we can't just use types from forwardRef\n\n/**\n * Horizontal `<progress />` bar\n * @see https://theme-ui.com/components/progress/\n */\nconst Progress = /*#__PURE__*/React.forwardRef(function Progress(props, ref) {\n  const __css = {\n    display: 'block',\n    width: '100%',\n    height: '4px',\n    margin: 0,\n    padding: 0,\n    overflow: 'hidden',\n    appearance: 'none',\n    color: 'primary',\n    bg: 'gray',\n    borderRadius: 9999,\n    border: 'none',\n    '&::-webkit-progress-bar': {\n      bg: 'transparent'\n    },\n    '&::-webkit-progress-value': {\n      bg: 'currentcolor'\n    },\n    '&::-moz-progress-bar': {\n      bg: 'currentcolor'\n    }\n  };\n  return jsx(Box$1, {\n    ref: ref,\n    as: \"progress\",\n    variant: \"styles.progress\",\n    ...props,\n    ...__internalProps({\n      __css\n    })\n  });\n});\n\n/**\n * Single value SVG donut chart\n * @see https://theme-ui.com/components/donut/\n */\nconst Donut = /*#__PURE__*/React.forwardRef(function Donut({\n  size = 128,\n  strokeWidth = 2,\n  value = 0,\n  min = 0,\n  max = 1,\n  title,\n  ...props\n}, ref) {\n  const r = 16 - (typeof strokeWidth === 'number' ? strokeWidth : parseFloat(strokeWidth));\n  const C = 2 * r * Math.PI;\n  const offset = C - (value - min) / (max - min) * C;\n  const svgProps = {\n    strokeWidth,\n    viewBox: '0 0 32 32',\n    width: size,\n    height: size,\n    fill: 'none',\n    stroke: 'currentcolor'\n  };\n  return jsxs(Box$1, {\n    ref: ref,\n    as: \"svg\",\n    role: \"img\",\n    \"aria-valuenow\": value,\n    \"aria-valuemin\": min,\n    \"aria-valuemax\": max,\n    ...svgProps,\n    ...props,\n    ...__internalProps({\n      __css: {\n        color: 'primary'\n      }\n    }),\n    children: [title && jsx(\"title\", {\n      children: title\n    }), jsx(\"circle\", {\n      cx: 16,\n      cy: 16,\n      r: r,\n      opacity: 1 / 8\n    }), jsx(\"circle\", {\n      cx: 16,\n      cy: 16,\n      r: r,\n      strokeDasharray: C,\n      strokeDashoffset: offset,\n      transform: \"rotate(-90 16 16)\"\n    })]\n  });\n});\n\nconst Spinner = /*#__PURE__*/React.forwardRef(function Spinner({\n  size = 48,\n  strokeWidth = 4,\n  max = 1,\n  title = 'Loading',\n  duration = 750,\n  ...props\n}, ref) {\n  const __css = {\n    color: 'primary',\n    overflow: 'visible'\n  };\n  const svgProps = {\n    strokeWidth,\n    viewBox: '0 0 32 32',\n    width: size,\n    height: size,\n    fill: 'none',\n    stroke: 'currentColor',\n    role: 'img'\n  };\n  const circleProps = {\n    strokeWidth,\n    r: 16 - strokeWidth,\n    cx: 16,\n    cy: 16,\n    fill: 'none'\n  };\n  return jsxs(Box$1, {\n    ref: ref,\n    as: \"svg\",\n    ...svgProps,\n    ...props,\n    ...__internalProps({\n      __css\n    }),\n    children: [jsx(\"title\", {\n      children: title\n    }), jsx(\"circle\", {\n      ...circleProps,\n      opacity: 1 / 8\n    }), jsx(\"circle\", {\n      ...circleProps,\n      strokeDasharray: \"20 110\",\n      children: jsx(\"animateTransform\", {\n        attributeName: \"transform\",\n        attributeType: \"XML\",\n        type: \"rotate\",\n        from: \"0 16 16\",\n        to: \"360 16 16\",\n        dur: `${duration}ms`,\n        repeatCount: \"indefinite\"\n      })\n    })]\n  });\n});\n\nconst Avatar = /*#__PURE__*/React.forwardRef(function Avatar({\n  size = 48,\n  ...props\n}, ref) {\n  return jsx(Image, {\n    ref: ref,\n    width: size,\n    height: size,\n    variant: \"avatar\",\n    ...props,\n    ...__internalProps({\n      __css: {\n        borderRadius: 9999\n      }\n    })\n  });\n});\n\nconst Badge = /*#__PURE__*/React.forwardRef(function Badge(props, ref) {\n  return jsx(Box$1, {\n    ref: ref,\n    variant: \"primary\",\n    ...props,\n    ...__internalProps({\n      __themeKey: 'badges',\n      __css: {\n        display: 'inline-block',\n        verticalAlign: 'baseline',\n        fontSize: 0,\n        fontWeight: 'bold',\n        whiteSpace: 'nowrap',\n        px: 1,\n        borderRadius: 2,\n        color: 'white',\n        bg: 'primary'\n      }\n    })\n  });\n});\n\n/**\n * Transparent button for SVG icons\n *\n * IconButton variants can be defined in the `theme.buttons` object.\n * By default the IconButton component will use styles defined in `theme.buttons.icon`.\n *\n * @see https://theme-ui.com/components/icon-button\n */\nconst IconButton = /*#__PURE__*/React.forwardRef(function IconButton({\n  size = 32,\n  ...props\n}, ref) {\n  const emotionCssLabel = props.__css?.label || 'IconButton';\n  return jsx(Box$1, {\n    ref: ref,\n    as: \"button\",\n    variant: \"icon\",\n    ...props,\n    ...__internalProps({\n      __themeKey: 'buttons',\n      __css: {\n        label: emotionCssLabel,\n        appearance: 'none',\n        display: 'inline-flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        padding: 1,\n        width: size,\n        height: size,\n        color: 'inherit',\n        bg: 'transparent',\n        border: 'none',\n        borderRadius: 4\n      }\n    })\n  });\n});\n\nconst CloseIcon = jsx(\"svg\", {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: \"24\",\n  height: \"24\",\n  fill: \"currentColor\",\n  viewBox: \"0 0 24 24\",\n  children: jsx(\"path\", {\n    d: \"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"\n  })\n});\n/**\n * Button with close (×) icon.\n *\n * The Close component renders as a <button> element by default.\n * Pass any button attributes as props to the component.\n *\n * Close component variants can be defined in the theme.buttons object.\n * The Close component uses theme.buttons.close as its default variant style.\n */\nconst Close = /*#__PURE__*/React.forwardRef(function Close({\n  size = 32,\n  ...props\n}, ref) {\n  return jsx(IconButton, {\n    ref: ref,\n    size: size,\n    title: \"Close\",\n    \"aria-label\": \"Close\",\n    variant: \"close\",\n    ...props,\n    children: CloseIcon\n  });\n});\n\n/**\n * Component for displaying messages, notifications, or other application state.\n *\n * Alert variants can be defined in `theme.alerts`.\n * The Alert component uses `theme.alerts.primary` as its default variant.\n */\nconst Alert = /*#__PURE__*/React.forwardRef(function Alert(props, ref) {\n  return jsx(Box$1, {\n    ref: ref,\n    variant: \"primary\",\n    ...props,\n    ...__internalProps({\n      __themeKey: 'alerts',\n      __css: {\n        display: 'flex',\n        alignItems: 'center',\n        px: 3,\n        py: 2,\n        fontWeight: 'bold',\n        color: 'white',\n        bg: 'primary',\n        borderRadius: 4\n      }\n    })\n  });\n});\n\n/**\n * The Divider component reuses styles from `theme.styles.hr` as its default variant.\n */\nconst Divider = /*#__PURE__*/React.forwardRef(function Divider(props, ref) {\n  return jsx(Box$1, {\n    ref: ref,\n    as: \"hr\",\n    variant: \"styles.hr\",\n    ...props,\n    ...__internalProps({\n      __css: {\n        color: 'gray',\n        m: 0,\n        my: 2,\n        border: 0,\n        borderBottom: '1px solid'\n      }\n    })\n  });\n});\n\nconst getContainerProps = getProps(__isBoxStyledSystemProp);\nconst getIframeProps = getProps(str => !__isBoxStyledSystemProp(str));\n/**\n * Responsive iframe for video embeds.\n *\n * Embed variants can be defined anywhere in the theme object.\n *\n * @see https://theme-ui.com/components/embed\n */\nconst Embed = /*#__PURE__*/React.forwardRef(function Embed({\n  variant,\n  sx,\n  ratio = 16 / 9,\n  src,\n  frameBorder = 0,\n  allowFullScreen = true,\n  width = 560,\n  height = 315,\n  allow,\n  ...rest\n}, ref) {\n  const iframeProps = {\n    src,\n    width,\n    height,\n    frameBorder,\n    allowFullScreen,\n    allow,\n    ...getIframeProps(rest)\n  };\n  return jsx(Box$1, {\n    variant: variant,\n    sx: sx,\n    ...getContainerProps(rest),\n    ...__internalProps({\n      __css: {\n        width: '100%',\n        height: 0,\n        paddingBottom: 100 / ratio + '%',\n        position: 'relative',\n        overflow: 'hidden'\n      }\n    }),\n    children: jsx(Box$1, {\n      ref: ref,\n      as: \"iframe\",\n      ...iframeProps,\n      ...__internalProps({\n        __css: {\n          position: 'absolute',\n          width: '100%',\n          height: '100%',\n          top: 0,\n          bottom: 0,\n          left: 0,\n          border: 0\n        }\n      })\n    })\n  });\n});\n\n/**\n * Component for maintaining a fluid-width aspect ratio\n * @see https://theme-ui.com/components/aspect-ratio\n */\nconst AspectRatio = /*#__PURE__*/React.forwardRef(function AspectRatio({\n  ratio = 4 / 3,\n  children,\n  ...props\n}, ref) {\n  return jsxs(Box$1, {\n    ref: ref,\n    sx: {\n      position: 'relative',\n      overflow: 'hidden'\n    },\n    children: [jsx(Box$1, {\n      sx: {\n        width: '100%',\n        height: 0,\n        paddingBottom: 100 / ratio + '%'\n      }\n    }), jsx(Box$1, {\n      ...props,\n      ...__internalProps({\n        __css: {\n          position: 'absolute',\n          top: 0,\n          right: 0,\n          bottom: 0,\n          left: 0\n        }\n      }),\n      children: children\n    })]\n  });\n});\n\n/**\n * Image component constrained by as aspect ratio.\n * @see https://theme-ui.com/components/aspect-image\n */\nconst AspectImage = /*#__PURE__*/React.forwardRef(function AspectImage({\n  ratio,\n  ...props\n}, ref) {\n  return jsx(AspectRatio, {\n    ratio: ratio,\n    children: jsx(Image, {\n      ref: ref,\n      ...props,\n      ...__internalProps({\n        __css: {\n          objectFit: 'cover'\n        }\n      })\n    })\n  });\n});\n\n/**\n * Centered, max-width layout component\n *\n * Container variants can be defined in the `theme.layout` object.\n * The Container component uses `theme.layout.container` as its default variant style.\n * @see https://theme-ui.com/components/container\n */\nconst Container = /*#__PURE__*/React.forwardRef(function Container(props, ref) {\n  return jsx(Box$1, {\n    ref: ref,\n    variant: \"container\",\n    ...props,\n    ...__internalProps({\n      __themeKey: 'layout',\n      __css: {\n        width: '100%',\n        maxWidth: 'container',\n        mx: 'auto'\n      }\n    })\n  });\n});\n\n/**\n * Link component for use in navigation\n *\n * NavLink variants can be defined in the `theme.links` object.\n * By default the NavLink component will use styles defined in `theme.links.nav`.\n * @see https://theme-ui.com/components/nav-link\n */\nconst NavLink = /*#__PURE__*/React.forwardRef(function NavLink(props, ref) {\n  const __css = {\n    color: 'inherit',\n    textDecoration: 'none',\n    fontWeight: 'bold',\n    display: 'inline-block',\n    '&:hover, &:focus, &.active': {\n      color: 'primary'\n    }\n  };\n  return jsx(Link, {\n    ref: ref,\n    variant: \"nav\",\n    ...props,\n    ...__internalProps({\n      __css\n    })\n  });\n});\n\n/**\n * Styled Box component for callouts and inline messages\n *\n * Message variants can be defined in the theme.messages object.\n * @see https://theme-ui.com/components/message\n */\nconst Message = /*#__PURE__*/React.forwardRef(function Message(props, ref) {\n  const __css = {\n    padding: 3,\n    paddingLeft: t => t.space && Number(t.space[3]) - Number(t.space[1]),\n    borderLeftWidth: t => t.space && Number(t.space[1]),\n    borderLeftStyle: 'solid',\n    borderLeftColor: 'primary',\n    borderRadius: 4,\n    bg: 'highlight'\n  };\n  return jsx(Box$1, {\n    ref: ref,\n    ...props,\n    ...__internalProps({\n      __themeKey: 'messages',\n      __css\n    })\n  });\n});\n\nconst MenuIcon = ({\n  size = 24\n}) => {\n  return jsx(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 24 24\",\n    width: size,\n    height: size,\n    fill: \"currentColor\",\n    css: {\n      display: 'block',\n      margin: 0,\n      boxSizing: 'border-box',\n      minWidth: 0\n    },\n    children: jsx(\"path\", {\n      d: \"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z\"\n    })\n  });\n};\n/**\n * MenuButton variants can be defined in the `theme.buttons` object.\n * By default the MenuButton component will use styles defined in `theme.buttons.menu`.\n *\n * @see https://theme-ui.com/components/menu-button\n */\nconst MenuButton = /*#__PURE__*/React.forwardRef(function MenuButton(props, ref) {\n  return jsx(IconButton, {\n    ref: ref,\n    title: \"Menu\",\n    \"aria-label\": \"Toggle Menu\",\n    variant: \"menu\",\n    ...props,\n    children: jsx(MenuIcon, {})\n  });\n});\n\nexport { Alert, AspectImage, AspectRatio, Avatar, Badge, Box$1 as Box, Button, Card, Checkbox, Close, CloseIcon, Container, Divider, Donut, Embed, Field, Flex, Grid, Heading, IconButton, Image, Input, Label, Link, MenuButton, MenuIcon, Message, NavLink, Paragraph, Progress, Radio, Select, Slider, Spinner, Switch, Text, Textarea, __isBoxStyledSystemProp };\n"],"names":["React"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/node_modules/@theme-ui/core/dist/parseProps-eab0b26e.esm.js

@@ -0,0 +1,20 @@
+import { css } from '../../css/dist/theme-ui-css.esm.js';
+
+const getCSS = props => theme => {
+  const styles = css(props.sx)(theme);
+  const raw = typeof props.css === 'function' ? props.css(theme) : props.css;
+  return [styles, raw];
+};
+function parseProps(props) {
+  if (!props || !props.sx && !props.css) return props;
+  const next = {};
+  for (let key in props) {
+    if (key === 'sx') continue;
+    next[key] = props[key];
+  }
+  next.css = getCSS(props);
+  return next;
+}
+
+export { parseProps as p };
+//# sourceMappingURL=parseProps-eab0b26e.esm.js.map

package/dist/node_modules/@theme-ui/core/dist/parseProps-eab0b26e.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseProps-eab0b26e.esm.js","sources":["../../../../../node_modules/@theme-ui/core/dist/parseProps-eab0b26e.esm.js"],"sourcesContent":["import { css } from '@theme-ui/css';\n\nconst getCSS = props => theme => {\n  const styles = css(props.sx)(theme);\n  const raw = typeof props.css === 'function' ? props.css(theme) : props.css;\n  return [styles, raw];\n};\nfunction parseProps(props) {\n  if (!props || !props.sx && !props.css) return props;\n  const next = {};\n  for (let key in props) {\n    if (key === 'sx') continue;\n    next[key] = props[key];\n  }\n  next.css = getCSS(props);\n  return next;\n}\n\nexport { parseProps as p };\n"],"names":[],"mappings":";;AAEA,MAAM,MAAM,GAAG,KAAK,IAAI,KAAK,IAAI;AACjC,EAAE,MAAM,MAAM,GAAG,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC;AACrC,EAAE,MAAM,GAAG,GAAG,OAAO,KAAK,CAAC,GAAG,KAAK,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG;AAC5E,EAAE,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC;AACtB,CAAC;AACD,SAAS,UAAU,CAAC,KAAK,EAAE;AAC3B,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,OAAO,KAAK;AACrD,EAAE,MAAM,IAAI,GAAG,EAAE;AACjB,EAAE,KAAK,IAAI,GAAG,IAAI,KAAK,EAAE;AACzB,IAAI,IAAI,GAAG,KAAK,IAAI,EAAE;AACtB,IAAI,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC;AAC1B,EAAE;AACF,EAAE,IAAI,CAAC,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC;AAC1B,EAAE,OAAO,IAAI;AACb;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@theme-ui/core/dist/theme-ui-core.esm.js

@@ -0,0 +1,76 @@
+import { createElement as jsx$1 } from '../../../@emotion/react/dist/emotion-react.esm.js';
+import * as React from 'react';
+import deepmerge from '../../../deepmerge/dist/cjs.js';
+import packageInfo from '../../../@emotion/react/package.json.js';
+import { p as parseProps } from './parseProps-eab0b26e.esm.js';
+import { T as ThemeContext } from '../../../@emotion/react/dist/emotion-element-d59e098f.esm.js';
+
+const __EMOTION_VERSION__ = packageInfo.version;
+const jsx = (type, props, ...children) => jsx$1(type, parseProps(props), ...children);
+/**
+ * @internal
+ */
+const __themeUiDefaultContextValue = {
+  __EMOTION_VERSION__,
+  theme: {}
+};
+
+/**
+ * @internal
+ */
+const __ThemeUIContext = /*#__PURE__*/React.createContext(__themeUiDefaultContextValue);
+const useThemeUI = () => React.useContext(__ThemeUIContext);
+const canUseSymbol = typeof Symbol === 'function' && Symbol.for;
+const REACT_ELEMENT = canUseSymbol ? Symbol.for('react.element') : 0xeac7;
+const FORWARD_REF = canUseSymbol ? Symbol.for('react.forward_ref') : 0xeac7;
+const deepmergeOptions = {
+  isMergeableObject: n => {
+    return !!n && typeof n === 'object' && n.$$typeof !== REACT_ELEMENT && n.$$typeof !== FORWARD_REF;
+  },
+  arrayMerge: (_leftArray, rightArray) => rightArray
+};
+
+/**
+ * Deeply merge themes
+ */
+const merge = (a, b) => deepmerge(a, b, deepmergeOptions);
+function mergeAll(...args) {
+  return deepmerge.all(args, deepmergeOptions);
+}
+merge.all = mergeAll;
+/**
+ * @internal
+ */
+const __ThemeUIInternalBaseThemeProvider = ({
+  context,
+  children
+}) => jsx(ThemeContext.Provider, {
+  value: context.theme
+}, jsx(__ThemeUIContext.Provider, {
+  value: context,
+  children
+}));
+function ThemeProvider({
+  theme,
+  children
+}) {
+  const outer = useThemeUI();
+  if (process.env.NODE_ENV !== 'production') {
+    if (outer.__EMOTION_VERSION__ !== __EMOTION_VERSION__) {
+      console.warn('Multiple versions of Emotion detected,', 'and theming might not work as expected.', 'Please ensure there is only one copy of @emotion/react installed in your application.');
+    }
+  }
+  const context = typeof theme === 'function' ? {
+    ...outer,
+    theme: theme(outer.theme)
+  } : merge.all({}, outer, {
+    theme
+  });
+  return jsx(__ThemeUIInternalBaseThemeProvider, {
+    context,
+    children
+  });
+}
+
+export { ThemeProvider, __ThemeUIContext, __ThemeUIInternalBaseThemeProvider, __themeUiDefaultContextValue, jsx, merge, useThemeUI };
+//# sourceMappingURL=theme-ui-core.esm.js.map

package/dist/node_modules/@theme-ui/core/dist/theme-ui-core.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-ui-core.esm.js","sources":["../../../../../node_modules/@theme-ui/core/dist/theme-ui-core.esm.js"],"sourcesContent":["import { jsx as jsx$1, ThemeContext } from '@emotion/react';\nimport * as React from 'react';\nimport deepmerge from 'deepmerge';\nimport packageInfo from '@emotion/react/package.json';\nimport { p as parseProps } from './parseProps-eab0b26e.esm.js';\nimport '@theme-ui/css';\n\nconst __EMOTION_VERSION__ = packageInfo.version;\nconst jsx = (type, props, ...children) => jsx$1(type, parseProps(props), ...children);\n\n/**\n * @internal for Babel JSX pragma\n * @see https://github.com/system-ui/theme-ui/issues/1603\n */\nconst createElement = jsx;\n/**\n * @internal\n */\nconst __themeUiDefaultContextValue = {\n  __EMOTION_VERSION__,\n  theme: {}\n};\n\n/**\n * @internal\n */\nconst __ThemeUIContext = /*#__PURE__*/React.createContext(__themeUiDefaultContextValue);\nconst useThemeUI = () => React.useContext(__ThemeUIContext);\nconst canUseSymbol = typeof Symbol === 'function' && Symbol.for;\nconst REACT_ELEMENT = canUseSymbol ? Symbol.for('react.element') : 0xeac7;\nconst FORWARD_REF = canUseSymbol ? Symbol.for('react.forward_ref') : 0xeac7;\nconst deepmergeOptions = {\n  isMergeableObject: n => {\n    return !!n && typeof n === 'object' && n.$$typeof !== REACT_ELEMENT && n.$$typeof !== FORWARD_REF;\n  },\n  arrayMerge: (_leftArray, rightArray) => rightArray\n};\n\n/**\n * Deeply merge themes\n */\nconst merge = (a, b) => deepmerge(a, b, deepmergeOptions);\nfunction mergeAll(...args) {\n  return deepmerge.all(args, deepmergeOptions);\n}\nmerge.all = mergeAll;\n/**\n * @internal\n */\nconst __ThemeUIInternalBaseThemeProvider = ({\n  context,\n  children\n}) => jsx(ThemeContext.Provider, {\n  value: context.theme\n}, jsx(__ThemeUIContext.Provider, {\n  value: context,\n  children\n}));\nfunction ThemeProvider({\n  theme,\n  children\n}) {\n  const outer = useThemeUI();\n  if (process.env.NODE_ENV !== 'production') {\n    if (outer.__EMOTION_VERSION__ !== __EMOTION_VERSION__) {\n      console.warn('Multiple versions of Emotion detected,', 'and theming might not work as expected.', 'Please ensure there is only one copy of @emotion/react installed in your application.');\n    }\n  }\n  const context = typeof theme === 'function' ? {\n    ...outer,\n    theme: theme(outer.theme)\n  } : merge.all({}, outer, {\n    theme\n  });\n  return jsx(__ThemeUIInternalBaseThemeProvider, {\n    context,\n    children\n  });\n}\n\nexport { ThemeProvider, __ThemeUIContext, __ThemeUIInternalBaseThemeProvider, __themeUiDefaultContextValue, createElement, jsx, merge, useThemeUI };\n"],"names":[],"mappings":";;;;;;;AAOA,MAAM,mBAAmB,GAAG,WAAW,CAAC,OAAO;AAC1C,MAAC,GAAG,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,QAAQ,KAAK,KAAK,CAAC,IAAI,EAAE,UAAU,CAAC,KAAK,CAAC,EAAE,GAAG,QAAQ;AAOpF;AACA;AACA;AACK,MAAC,4BAA4B,GAAG;AACrC,EAAE,mBAAmB;AACrB,EAAE,KAAK,EAAE;AACT;;AAEA;AACA;AACA;AACK,MAAC,gBAAgB,gBAAgB,KAAK,CAAC,aAAa,CAAC,4BAA4B;AACjF,MAAC,UAAU,GAAG,MAAM,KAAK,CAAC,UAAU,CAAC,gBAAgB;AAC1D,MAAM,YAAY,GAAG,OAAO,MAAM,KAAK,UAAU,IAAI,MAAM,CAAC,GAAG;AAC/D,MAAM,aAAa,GAAG,YAAY,GAAG,MAAM,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,MAAM;AACzE,MAAM,WAAW,GAAG,YAAY,GAAG,MAAM,CAAC,GAAG,CAAC,mBAAmB,CAAC,GAAG,MAAM;AAC3E,MAAM,gBAAgB,GAAG;AACzB,EAAE,iBAAiB,EAAE,CAAC,IAAI;AAC1B,IAAI,OAAO,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,KAAK,QAAQ,IAAI,CAAC,CAAC,QAAQ,KAAK,aAAa,IAAI,CAAC,CAAC,QAAQ,KAAK,WAAW;AACrG,EAAE,CAAC;AACH,EAAE,UAAU,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK;AAC1C,CAAC;;AAED;AACA;AACA;AACK,MAAC,KAAK,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,gBAAgB;AACxD,SAAS,QAAQ,CAAC,GAAG,IAAI,EAAE;AAC3B,EAAE,OAAO,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,gBAAgB,CAAC;AAC9C;AACA,KAAK,CAAC,GAAG,GAAG,QAAQ;AACpB;AACA;AACA;AACK,MAAC,kCAAkC,GAAG,CAAC;AAC5C,EAAE,OAAO;AACT,EAAE;AACF,CAAC,KAAK,GAAG,CAAC,YAAY,CAAC,QAAQ,EAAE;AACjC,EAAE,KAAK,EAAE,OAAO,CAAC;AACjB,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,QAAQ,EAAE;AAClC,EAAE,KAAK,EAAE,OAAO;AAChB,EAAE;AACF,CAAC,CAAC;AACF,SAAS,aAAa,CAAC;AACvB,EAAE,KAAK;AACP,EAAE;AACF,CAAC,EAAE;AACH,EAAE,MAAM,KAAK,GAAG,UAAU,EAAE;AAC5B,EAAE,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;AAC7C,IAAI,IAAI,KAAK,CAAC,mBAAmB,KAAK,mBAAmB,EAAE;AAC3D,MAAM,OAAO,CAAC,IAAI,CAAC,wCAAwC,EAAE,yCAAyC,EAAE,uFAAuF,CAAC;AAChM,IAAI;AACJ,EAAE;AACF,EAAE,MAAM,OAAO,GAAG,OAAO,KAAK,KAAK,UAAU,GAAG;AAChD,IAAI,GAAG,KAAK;AACZ,IAAI,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK;AAC5B,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE;AAC3B,IAAI;AACJ,GAAG,CAAC;AACJ,EAAE,OAAO,GAAG,CAAC,kCAAkC,EAAE;AACjD,IAAI,OAAO;AACX,IAAI;AACJ,GAAG,CAAC;AACJ;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js

@@ -0,0 +1,9 @@
+import { jsxs as jsxs$1, jsx as jsx$1 } from '../../../../@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js';
+import { p as parseProps } from '../../dist/parseProps-eab0b26e.esm.js';
+export { Fragment } from 'react';
+
+const jsx = (type, props, key) => jsx$1(type, parseProps(props), key);
+const jsxs = (type, props, key) => jsxs$1(type, parseProps(props), key);
+
+export { jsx, jsxs };
+//# sourceMappingURL=theme-ui-core-jsx-runtime.esm.js.map

package/dist/node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-ui-core-jsx-runtime.esm.js","sources":["../../../../../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js"],"sourcesContent":["import { jsx as jsx$1, jsxs as jsxs$1 } from '@emotion/react/jsx-runtime';\nimport { p as parseProps } from '../../dist/parseProps-eab0b26e.esm.js';\nexport { Fragment } from 'react';\nimport '@theme-ui/css';\n\nconst jsx = (type, props, key) => jsx$1(type, parseProps(props), key);\nconst jsxs = (type, props, key) => jsxs$1(type, parseProps(props), key);\n\nexport { jsx, jsxs };\n"],"names":[],"mappings":";;;;AAKK,MAAC,GAAG,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,KAAK,CAAC,IAAI,EAAE,UAAU,CAAC,KAAK,CAAC,EAAE,GAAG;AAC/D,MAAC,IAAI,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,MAAM,CAAC,IAAI,EAAE,UAAU,CAAC,KAAK,CAAC,EAAE,GAAG;;;;","x_google_ignoreList":[0]}