@nextui-org/react 1.0.2-alpha.2 → 1.0.2-beta.4

package/esm/collapse/collapse.styles.js

@@ -1,254 +1 @@
-"use strict";
-
-exports.__esModule = true;
-exports.StyledCollapseView = exports.StyledCollapseIcon = exports.StyledCollapseGroup = exports.StyledCollapseContent = exports.StyledCollapse = void 0;
-
-var _stitches = require("../theme/stitches.config");
-
-const StyledCollapse = (0, _stitches.styled)('div', {
-  transition: '$default',
-  '.nextui-collapse-title-content': {
-    w: '100%',
-    'h1,h2,h3,h4,h5,h6,p,span,b': {
-      margin: 0
-    }
-  },
-  '.nextui-collapse-title': {
-    d: 'flex',
-    jc: 'space-between',
-    ai: 'center',
-    color: '$foreground'
-  },
-  '.nextui-collapse-subtitle': {
-    color: '$accents5',
-    margin: 0,
-    '*': {
-      margin: 0
-    }
-  },
-  '.nextui-collapse-title-content-left': {
-    mr: '$sm'
-  },
-  '.nextui-collapse-title-content-left, .nextui-collapse-title-content-right': {
-    d: 'flex',
-    ai: 'center'
-  },
-  '@motion': {
-    transition: 'none',
-    '.nextui-collapse-title-content-right ': {
-      svg: {
-        transition: 'none'
-      }
-    }
-  },
-  variants: {
-    shadow: {
-      true: {
-        border: 'none',
-        boxShadow: '$md',
-        br: '$lg',
-        p: '0 $lg',
-        bg: '$background'
-      }
-    },
-    borderWeight: {
-      light: {
-        $$collapseBorderWidth: '$borderWeights$light'
-      },
-      normal: {
-        $$collapseBorderWidth: '$borderWeights$normal'
-      },
-      bold: {
-        $$collapseBorderWidth: '$borderWeights$bold'
-      },
-      extrabold: {
-        $$collapseBorderWidth: '$borderWeights$extrabold'
-      },
-      black: {
-        $$collapseBorderWidth: '$borderWeights$black'
-      }
-    },
-    divider: {
-      true: {
-        borderTop: '$$collapseBorderWidth solid $border',
-        borderBottom: '$$collapseBorderWidth solid $border'
-      }
-    },
-    bordered: {
-      true: {
-        br: '$lg',
-        p: '0 $lg',
-        border: '$$collapseBorderWidth solid $border'
-      }
-    },
-    animated: {
-      true: {
-        '.nextui-collapse-title-content-right ': {
-          svg: {
-            transition: 'transform 200ms ease'
-          }
-        }
-      },
-      false: {
-        transition: 'none'
-      }
-    },
-    visible: {
-      true: {
-        '.nextui-collapse-title-content-right ': {
-          svg: {
-            transform: 'rotateZ(-90deg)'
-          }
-        }
-      },
-      false: {
-        '.nextui-collapse-title-content-right': {
-          svg: {
-            transform: 'rotateZ(0deg)'
-          }
-        }
-      }
-    },
-    isDark: {
-      true: {}
-    }
-  },
-  defaultVariants: {
-    borderWeight: 'light'
-  },
-  compoundVariants: [// isDark && shadow
-  {
-    isDark: true,
-    shadow: true,
-    css: {
-      bg: '$accents1'
-    }
-  }]
-}, _stitches.sharedFocus);
-exports.StyledCollapse = StyledCollapse;
-const StyledCollapseView = (0, _stitches.styled)('div', {
-  w: '100%',
-  d: 'block',
-  ta: 'left',
-  bg: 'transparent',
-  border: 'none',
-  cursor: 'pointer',
-  outline: 'none',
-  padding: '$lg 0',
-  variants: {
-    disabled: {
-      true: {
-        cursor: 'not-allowed',
-        '.nextui-collapse-title, .nextui-collapse-subtitle': {
-          opacity: 0.5
-        }
-      }
-    }
-  }
-});
-exports.StyledCollapseView = StyledCollapseView;
-const StyledCollapseContent = (0, _stitches.styled)('div', {
-  fontSize: '$base',
-  lineHeight: '$lg',
-  pb: '$lg',
-  '*:first-child': {
-    mt: 0
-  },
-  '*:last-child': {
-    mb: 0
-  }
-});
-exports.StyledCollapseContent = StyledCollapseContent;
-const StyledCollapseIcon = (0, _stitches.styled)('svg', {
-  path: {
-    stroke: '$accents5'
-  }
-});
-exports.StyledCollapseIcon = StyledCollapseIcon;
-const StyledCollapseGroup = (0, _stitches.styled)('div', {
-  width: 'auto',
-  padding: '0 $sm',
-  'div + div': {
-    borderTop: 'none'
-  },
-  [`& ${StyledCollapse}:first-child`]: {
-    borderTop: 'none'
-  },
-  [`& ${StyledCollapse}:last-child`]: {
-    borderBottom: 'none'
-  },
-  variants: {
-    borderWeight: {
-      light: {
-        $$collapseGroupBorderWidth: '$borderWeights$light'
-      },
-      normal: {
-        $$collapseGroupBorderWidth: '$borderWeights$normal'
-      },
-      bold: {
-        $$collapseGroupBorderWidth: '$borderWeights$bold'
-      },
-      extrabold: {
-        $$collapseGroupBorderWidth: '$borderWeights$extrabold'
-      },
-      black: {
-        $$collapseGroupBorderWidth: '$borderWeights$black'
-      }
-    },
-    shadow: {
-      true: {
-        br: '$lg',
-        border: 'none',
-        boxShadow: '$md',
-        p: '0 $lg',
-        bg: '$background'
-      }
-    },
-    bordered: {
-      true: {
-        br: '$lg',
-        p: '0 $lg',
-        border: '$$collapseGroupBorderWidth solid $border'
-      }
-    },
-    splitted: {
-      true: {
-        [`& ${StyledCollapse}`]: {
-          br: '$lg',
-          border: 'none',
-          bg: '$background',
-          boxShadow: '$md',
-          p: '0 $lg',
-          margin: '$md 0'
-        }
-      }
-    },
-    isDark: {
-      true: {}
-    }
-  },
-  defaultVariants: {
-    borderWeight: 'light',
-    shadow: false,
-    bordered: false,
-    splitted: false
-  },
-  compoundVariants: [// isDark && shadow
-  {
-    isDark: true,
-    shadow: true,
-    css: {
-      bg: '$accents1'
-    }
-  }, // splitted && isDark
-  {
-    isDark: true,
-    splitted: true,
-    css: {
-      [`& ${StyledCollapse}`]: {
-        bg: '$accents1'
-      }
-    }
-  }]
-});
-exports.StyledCollapseGroup = StyledCollapseGroup;
+import{styled as e,sharedFocus as t}from"../theme/stitches.config";export const StyledCollapse=e("div",{transition:"$default",".nextui-collapse-title-content":{w:"100%","h1,h2,h3,h4,h5,h6,p,span,b":{margin:0}},".nextui-collapse-title-container":{d:"flex",jc:"space-between",ai:"center"},".nextui-collapse-title":{color:"$foreground"},".nextui-collapse-subtitle":{color:"$accents5",margin:0,"*":{margin:0}},".nextui-collapse-title-content-left":{mr:"$sm"},".nextui-collapse-title-content-left, .nextui-collapse-title-content-right":{d:"flex",ai:"center"},"@motion":{transition:"none",".nextui-collapse-title-content-right ":{svg:{transition:"none"}}},variants:{shadow:{true:{border:"none",boxShadow:"$md",br:"$lg",p:"0 $lg",bg:"$background"}},borderWeight:{light:{$$collapseBorderWidth:"$borderWeights$light"},normal:{$$collapseBorderWidth:"$borderWeights$normal"},bold:{$$collapseBorderWidth:"$borderWeights$bold"},extrabold:{$$collapseBorderWidth:"$borderWeights$extrabold"},black:{$$collapseBorderWidth:"$borderWeights$black"}},divider:{true:{borderTop:"$$collapseBorderWidth solid $border",borderBottom:"$$collapseBorderWidth solid $border"}},bordered:{true:{br:"$lg",p:"0 $lg",border:"$$collapseBorderWidth solid $border"}},animated:{true:{".nextui-collapse-title-content-right ":{svg:{transition:"transform 200ms ease"}}},false:{transition:"none"}},visible:{true:{".nextui-collapse-title-content-right ":{svg:{transform:"rotateZ(-90deg)"}}},false:{".nextui-collapse-title-content-right":{svg:{transform:"rotateZ(0deg)"}}}},isDark:{true:{}}},defaultVariants:{borderWeight:"light"},compoundVariants:[{isDark:!0,shadow:!0,css:{bg:"$accents1"}}]},t);export const StyledCollapseView=e("div",{w:"100%",d:"block",ta:"left",bg:"transparent",border:"none",cursor:"pointer",outline:"none",padding:"$lg 0",variants:{disabled:{true:{cursor:"not-allowed",".nextui-collapse-title, .nextui-collapse-subtitle":{opacity:.5}}}}});export const StyledCollapseContent=e("div",{fontSize:"$base",lineHeight:"$lg",pb:"$lg","*:first-child":{mt:0},"*:last-child":{mb:0}});export const StyledCollapseIcon=e("svg",{path:{stroke:"$accents5"}});export const StyledCollapseGroup=e("div",{width:"auto",padding:"0 $sm","div + div":{borderTop:"none"},[`& ${StyledCollapse}:first-child`]:{borderTop:"none"},[`& ${StyledCollapse}:last-child`]:{borderBottom:"none"},variants:{borderWeight:{light:{$$collapseGroupBorderWidth:"$borderWeights$light"},normal:{$$collapseGroupBorderWidth:"$borderWeights$normal"},bold:{$$collapseGroupBorderWidth:"$borderWeights$bold"},extrabold:{$$collapseGroupBorderWidth:"$borderWeights$extrabold"},black:{$$collapseGroupBorderWidth:"$borderWeights$black"}},shadow:{true:{br:"$lg",border:"none",boxShadow:"$md",p:"0 $lg",bg:"$background"}},bordered:{true:{br:"$lg",p:"0 $lg",border:"$$collapseGroupBorderWidth solid $border"}},splitted:{true:{[`& ${StyledCollapse}`]:{br:"$lg",border:"none",bg:"$background",boxShadow:"$md",p:"0 $lg",margin:"$md 0"}}},isDark:{true:{}}},defaultVariants:{borderWeight:"light",shadow:!1,bordered:!1,splitted:!1},compoundVariants:[{isDark:!0,shadow:!0,css:{bg:"$accents1"}},{isDark:!0,splitted:!0,css:{[`& ${StyledCollapse}`]:{bg:"$accents1"}}}]});

package/esm/collapse/index.js

@@ -1,22 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = exports.StyledCollapseView = exports.StyledCollapseIcon = exports.StyledCollapseGroup = exports.StyledCollapseContent = exports.StyledCollapse = void 0;
-
-var _collapse = _interopRequireDefault(require("./collapse"));
-
-var _collapseGroup = _interopRequireDefault(require("./collapse-group"));
-
-var _collapse2 = require("./collapse.styles");
-
-exports.StyledCollapse = _collapse2.StyledCollapse;
-exports.StyledCollapseView = _collapse2.StyledCollapseView;
-exports.StyledCollapseContent = _collapse2.StyledCollapseContent;
-exports.StyledCollapseIcon = _collapse2.StyledCollapseIcon;
-exports.StyledCollapseGroup = _collapse2.StyledCollapseGroup;
-_collapse.default.Group = _collapseGroup.default; // export styled components
-
-var _default = _collapse.default;
-exports.default = _default;
+import l from"./collapse";import o from"./collapse-group";l.Group=o;export{StyledCollapse,StyledCollapseView,StyledCollapseContent,StyledCollapseIcon,StyledCollapseGroup}from"./collapse.styles";export default l;

package/esm/container/container.js

@@ -1,91 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _container = _interopRequireDefault(require("./container.styles"));
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const defaultProps = {
-  gap: 2,
-  xs: false,
-  sm: false,
-  md: false,
-  lg: false,
-  xl: false,
-  responsive: true,
-  fluid: false,
-  wrap: 'wrap',
-  as: 'div',
-  display: 'block'
-};
-
-const Container = ({
-  xs,
-  sm,
-  md,
-  lg,
-  xl,
-  wrap,
-  gap,
-  as,
-  display,
-  justify,
-  direction,
-  alignItems,
-  alignContent,
-  children,
-  responsive,
-  fluid,
-  css,
-  ...props
-}) => {
-  const gapUnit = (0, _react.useMemo)(() => {
-    return `calc(${gap} * $space$sm)`;
-  }, [gap]);
-
-  const getMaxWidth = () => {
-    if (xs) return '$breakpoints$xs';
-    if (sm) return '$breakpoints$sm';
-    if (md) return '$breakpoints$md';
-    if (lg) return '$breakpoints$lg';
-    if (xl) return '$breakpoints$xl';
-    return '';
-  };
-
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_container.default, {
-    css: {
-      px: gapUnit,
-      maxWidth: getMaxWidth(),
-      alignItems,
-      alignContent,
-      flexWrap: wrap,
-      display: display,
-      justifyContent: justify,
-      flexDirection: direction,
-      ...css
-    },
-    responsive: responsive,
-    fluid: fluid,
-    ...props,
-    children: children
-  });
-};
-
-Container.toString = () => '.nextui-container';
-
-Container.defaultProps = defaultProps;
-
-var _default = /*#__PURE__*/_react.default.memo(Container);
-
-exports.default = _default;
-module.exports = exports.default;
+import s,{useMemo as i}from"react";import t from"./container.styles";import{jsx as e}from"react/jsx-runtime";const n=({xs:s,sm:n,md:r,lg:a,xl:o,wrap:l,gap:p,as:m,display:c,justify:d,direction:x,alignItems:$,alignContent:f,children:g,responsive:u,fluid:b,css:k,...y})=>{const j=i((()=>`calc(${p} * $space$sm)`),[p]);return e(t,{css:{px:j,maxWidth:s?"$breakpoints$xs":n?"$breakpoints$sm":r?"$breakpoints$md":a?"$breakpoints$lg":o?"$breakpoints$xl":"",alignItems:$,alignContent:f,flexWrap:l,display:c,justifyContent:d,flexDirection:x,...k},responsive:u,fluid:b,...y,children:g})};n.toString=()=>".nextui-container",n.defaultProps={gap:2,xs:!1,sm:!1,md:!1,lg:!1,xl:!1,responsive:!0,fluid:!1,wrap:"wrap",as:"div",display:"block"};export default s.memo(n);

package/esm/container/container.styles.js

@@ -1,45 +1 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = exports.StyledContainer = void 0;
-
-var _stitches = require("../theme/stitches.config");
-
-const StyledContainer = (0, _stitches.styled)('div', {
-  w: '100%',
-  mr: 'auto',
-  ml: 'auto',
-  variants: {
-    fluid: {
-      true: {
-        maxWidth: '100%'
-      }
-    },
-    responsive: {
-      true: {
-        '@xs': {
-          maxWidth: '$breakpoints$xs'
-        },
-        '@sm': {
-          maxWidth: '$breakpoints$sm'
-        },
-        '@md': {
-          maxWidth: '$breakpoints$md'
-        },
-        '@lg': {
-          maxWidth: '$breakpoints$lg'
-        },
-        '@xl': {
-          maxWidth: '$breakpoints$xl'
-        }
-      }
-    }
-  },
-  defaultVariants: {
-    fluid: false,
-    responsive: true
-  }
-});
-exports.StyledContainer = StyledContainer;
-var _default = StyledContainer;
-exports.default = _default;
+import{styled as t}from"../theme/stitches.config";export const StyledContainer=t("div",{w:"100%",mr:"auto",ml:"auto",variants:{fluid:{true:{maxWidth:"100%"}},responsive:{true:{"@xs":{maxWidth:"$breakpoints$xs"},"@sm":{maxWidth:"$breakpoints$sm"},"@md":{maxWidth:"$breakpoints$md"},"@lg":{maxWidth:"$breakpoints$lg"},"@xl":{maxWidth:"$breakpoints$xl"}}}},defaultVariants:{fluid:!1,responsive:!0}});export default StyledContainer;

package/esm/container/index.js

@@ -1,14 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = exports.StyledContainer = void 0;
-
-var _container = _interopRequireDefault(require("./container"));
-
-var _container2 = require("./container.styles");
-
-exports.StyledContainer = _container2.StyledContainer;
-var _default = _container.default;
-exports.default = _default;
+import t from"./container";export{StyledContainer}from"./container.styles";export default t;

package/esm/css-baseline/css-baseline.js

@@ -1,247 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _stitches = require("../theme/stitches.config");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-const globalStyles = (0, _stitches.globalCss)({
-  '*, *:before, *:after': {
-    boxSizing: 'border-box',
-    textRendering: 'geometricPrecision',
-    WebkitTapHighlightColor: 'transparent'
-  },
-  html: {
-    fontSize: '$base'
-  },
-  body: {
-    margin: 0,
-    padding: 0,
-    minHeight: '100%',
-    position: 'relative',
-    overflowX: 'hidden',
-    WebkitFontSmoothing: 'antialiased',
-    MozOsxFontSmoothing: 'grayscale',
-    textRendering: 'optimizeLegibility',
-    fontSize: '$base',
-    lineHeight: '$md',
-    fontFamily: '$sans'
-  },
-  'html, body': {
-    backgroundColor: '$background',
-    color: '$text'
-  },
-  'p, small': {
-    color: 'inherit',
-    letterSpacing: '$tighter',
-    fontWeight: '$normal',
-    fontFamily: '$sans'
-  },
-  p: {
-    margin: '$md 0',
-    fontSize: '$base',
-    lineHeight: '$lg'
-  },
-  small: {
-    margin: 0,
-    lineHeight: '$md',
-    fontSize: '$xs'
-  },
-  b: {
-    fontWeight: '$semibold'
-  },
-  span: {
-    fontSize: 'inherit',
-    color: 'inherit',
-    fontWeight: 'inherit'
-  },
-  img: {
-    maxWidth: '100%'
-  },
-  a: {
-    cursor: 'pointer',
-    fontSize: 'inherit',
-    WebkitTouchCallout: 'none',
-    WebkitTapHighlightColor: 'rgba(0, 0, 0, 0)',
-    WebkitBoxAlign: 'center',
-    alignItems: 'center',
-    color: '$link',
-    textDecoration: 'none'
-  },
-  'a:hover': {
-    textDecoration: 'none'
-  },
-  'ul,ol': {
-    padding: 0,
-    listStyleType: 'none',
-    margin: '$sm $sm $sm $lg',
-    color: '$foreground'
-  },
-  ol: {
-    listStyleType: 'decimal'
-  },
-  li: {
-    marginBottom: '$5',
-    fontSize: '$base',
-    lineHeight: '$lg'
-  },
-  'h1,h2,h3,h4,h5,h6': {
-    color: 'inherit',
-    margin: '0 0 $5 0'
-  },
-  h1: {
-    letterSpacing: '$tighter',
-    lineHeight: '$md',
-    fontSize: '$xl',
-    fontWeight: '$bold'
-  },
-  h2: {
-    letterSpacing: '$tighter',
-    fontSize: '$lg',
-    fontWeight: '$semibold'
-  },
-  h3: {
-    letterSpacing: '$tighter',
-    fontSize: '$md',
-    fontWeight: '$semibold'
-  },
-  h4: {
-    letterSpacing: '$tighter',
-    fontSize: '$sm',
-    fontWeight: '$semibold'
-  },
-  h5: {
-    letterSpacing: '$tight',
-    fontSize: '$base',
-    fontWeight: '$semibold'
-  },
-  h6: {
-    letterSpacing: '$tight',
-    fontSize: '$xs',
-    fontWeight: '$semibold'
-  },
-  'button, input, select,textarea': {
-    fontFamily: 'inherit',
-    fontSize: 'inherit',
-    lineHeight: 'inherit',
-    color: 'inherit',
-    margin: 0
-  },
-  'button:focus, input:focus, select:focus,textarea:focus': {
-    outline: 'none'
-  },
-  code: {
-    color: '$code',
-    padding: '$1 $2',
-    borderRadius: '$xs',
-    bg: '$codeLight',
-    fontFamily: '$mono',
-    fontSize: '$xs',
-    whiteSpace: 'pre-wrap',
-    transition: '$default'
-  },
-  'code:hover': {
-    opacity: 0.8
-  },
-  pre: {
-    overflow: 'auto',
-    whiteSpace: 'pre',
-    textAlign: 'left',
-    fontSize: '$xs',
-    borderRadius: '$lg',
-    padding: '$md $lg',
-    margin: '$lg 0 ',
-    fontFamily: '$mono',
-    lineHeight: '$md',
-    webkitOverflowScrolling: 'touch'
-  },
-  'pre code': {
-    color: '$foreground',
-    fontSize: '$xs',
-    lineHeight: '$sm',
-    whiteSpace: 'pre'
-  },
-  'pre code:before,pre code:after': {
-    display: 'none'
-  },
-  'pre p': {
-    margin: 0
-  },
-  'pre::-webkit-scrollbar': {
-    display: 'none',
-    width: 0,
-    height: 0,
-    background: 'transparent'
-  },
-  hr: {
-    borderColor: '$accents2'
-  },
-  details: {
-    backgroundColor: '$accents1',
-    border: 'none'
-  },
-  'details:focus, details:hover, details:active': {
-    outline: 'none'
-  },
-  summary: {
-    cursor: 'pointer',
-    userSelect: 'none',
-    listStyle: 'none',
-    outline: 'none'
-  },
-  'summary::-webkit-details-marker, summary::before': {
-    display: 'none'
-  },
-  'summary::-moz-list-bullet': {
-    fontSize: 0
-  },
-  'summary:focus, summary:hover, summary:active': {
-    outline: 'none',
-    listStyle: 'none'
-  },
-  '::selection': {
-    backgroundColor: '$selection'
-  },
-  blockquote: {
-    padding: '$md $lg',
-    color: '$accents5',
-    backgroundColor: '$accents1',
-    borderRadius: '$lg',
-    margin: '$10 0'
-  },
-  'blockquote *:first-child': {
-    marginTop: 0
-  },
-  'blockquote *:last-child': {
-    marginBottom: 0
-  }
-});
-
-const flushCSS = () => /*#__PURE__*/(0, _jsxRuntime.jsx)("style", {
-  id: "stitches",
-  dangerouslySetInnerHTML: {
-    __html: (0, _stitches.getCssText)()
-  }
-});
-
-const CssBaseline = ({
-  children
-}) => {
-  globalStyles();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
-    children: children
-  });
-};
-
-const MemoCssBaseline = /*#__PURE__*/_react.default.memo(CssBaseline);
-
-MemoCssBaseline.flush = flushCSS;
-var _default = MemoCssBaseline;
-exports.default = _default;
-module.exports = exports.default;
+import e from"react";import{globalCss as t,getCssText as i}from"../theme/stitches.config";import{jsx as o}from"react/jsx-runtime";const n=t({"*, *:before, *:after":{boxSizing:"border-box",textRendering:"geometricPrecision",WebkitTapHighlightColor:"transparent"},html:{fontSize:"$base"},body:{margin:0,padding:0,minHeight:"100%",position:"relative",overflowX:"hidden",WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",textRendering:"optimizeLegibility",fontSize:"$base",lineHeight:"$md",fontFamily:"$sans"},"html, body":{backgroundColor:"$background",color:"$text"},"p, small":{color:"inherit",letterSpacing:"$tighter",fontWeight:"$normal",fontFamily:"$sans"},p:{margin:"$md 0",fontSize:"$base",lineHeight:"$lg"},small:{margin:0,lineHeight:"$md",fontSize:"$xs"},b:{fontWeight:"$semibold"},span:{fontSize:"inherit",color:"inherit",fontWeight:"inherit"},img:{maxWidth:"100%"},a:{cursor:"pointer",fontSize:"inherit",WebkitTouchCallout:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitBoxAlign:"center",alignItems:"center",color:"$link",textDecoration:"none"},"a:hover":{textDecoration:"none"},"ul,ol":{padding:0,listStyleType:"none",margin:"$sm $sm $sm $lg",color:"$foreground"},ol:{listStyleType:"decimal"},li:{marginBottom:"$5",fontSize:"$base",lineHeight:"$lg"},"h1,h2,h3,h4,h5,h6":{color:"inherit",margin:"0 0 $5 0"},h1:{letterSpacing:"$tighter",lineHeight:"$md",fontSize:"$xl",fontWeight:"$bold"},h2:{letterSpacing:"$tighter",fontSize:"$lg",fontWeight:"$semibold"},h3:{letterSpacing:"$tighter",fontSize:"$md",fontWeight:"$semibold"},h4:{letterSpacing:"$tighter",fontSize:"$sm",fontWeight:"$semibold"},h5:{letterSpacing:"$tight",fontSize:"$base",fontWeight:"$semibold"},h6:{letterSpacing:"$tight",fontSize:"$xs",fontWeight:"$semibold"},"button, input, select,textarea":{fontFamily:"inherit",fontSize:"inherit",lineHeight:"inherit",color:"inherit",margin:0},"button:focus, input:focus, select:focus,textarea:focus":{outline:"none"},code:{color:"$code",padding:"$1 $2",borderRadius:"$xs",bg:"$codeLight",fontFamily:"$mono",fontSize:"$xs",whiteSpace:"pre-wrap",transition:"$default"},"code:hover":{opacity:.8},pre:{overflow:"auto",whiteSpace:"pre",textAlign:"left",fontSize:"$xs",borderRadius:"$lg",padding:"$md $lg",margin:"$lg 0 ",fontFamily:"$mono",lineHeight:"$md",webkitOverflowScrolling:"touch"},"pre code":{color:"$foreground",fontSize:"$xs",lineHeight:"$sm",whiteSpace:"pre"},"pre code:before,pre code:after":{display:"none"},"pre p":{margin:0},"pre::-webkit-scrollbar":{display:"none",width:0,height:0,background:"transparent"},hr:{borderColor:"$accents2"},details:{backgroundColor:"$accents1",border:"none"},"details:focus, details:hover, details:active":{outline:"none"},summary:{cursor:"pointer",userSelect:"none",listStyle:"none",outline:"none"},"summary::-webkit-details-marker, summary::before":{display:"none"},"summary::-moz-list-bullet":{fontSize:0},"summary:focus, summary:hover, summary:active":{outline:"none",listStyle:"none"},"::selection":{backgroundColor:"$selection"},blockquote:{padding:"$md $lg",color:"$accents5",backgroundColor:"$accents1",borderRadius:"$lg",margin:"$10 0"},"blockquote *:first-child":{marginTop:0},"blockquote *:last-child":{marginBottom:0}}),r=({children:t})=>(n(),o(e.Fragment,{children:t})),l=e.memo(r);l.flush=()=>o("style",{id:"stitches",dangerouslySetInnerHTML:{__html:i()}});export default l;