@mirohq/design-system-stitches 2.3.2 → 2.3.4-use-press.0

package/dist/main.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('@stitches/react');
 var designTokens = require('@mirohq/design-tokens');
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -180,7 +181,11 @@ const utils = {
   })
 };
 
-const media = {};
+const media = {
+  // reducedMotion: '(prefers-reduced-motion: reduce)',
+  // motion: '(prefers-reduced-motion: no-preference)',
+  // hover: '(any-hover: hover)',
+};
 
 const stitches = react.createStitches({
   theme: theme$1,
@@ -240,6 +245,7 @@ const styled = (element, composers) => {
         className,
         style,
         UNSAFE_style,
+        // eslint-disable-line @typescript-eslint/naming-convention
         ...restProps
       } = props;
       const onlyStyledClasses = typeof className === "string" ? className == null ? void 0 : className.split(" ").filter((x) => x.match(`${prefix}c-.+`)).join(" ") : "";
@@ -250,12 +256,15 @@ const styled = (element, composers) => {
       if (as !== void 0) {
         console.error(AS_ERROR);
       }
-      return /* @__PURE__ */ React__default["default"].createElement(StyledComponent, {
-        ...restProps,
-        className: onlyStyledClasses,
-        style: parsedStyle,
-        ref: forwardRef
-      });
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        StyledComponent,
+        {
+          ...restProps,
+          className: onlyStyledClasses,
+          style: parsedStyle,
+          ref: forwardRef
+        }
+      );
     }
   );
   Component.displayName = "Styled.ForwardRef";

package/dist/main.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.js","sources":["../src/config/theme-map.ts","../src/config/theme.ts","../src/config/utils.ts","../src/config/media.ts","../src/stitches.ts","../src/custom.ts","../src/styled.tsx","../src/index.ts"],"sourcesContent":["export const themeMap = {\n  background: 'colors',\n  backgroundColor: 'colors',\n  backgroundImage: 'colors',\n  blockSize: 'sizes',\n  border: 'colors',\n  borderBlock: 'colors',\n  borderBlockEnd: 'colors',\n  borderBlockStart: 'colors',\n  borderBottom: 'colors',\n  borderBottomColor: 'colors',\n  borderBottomLeftRadius: 'radii',\n  borderBottomRightRadius: 'radii',\n  borderBottomStyle: 'border-styles',\n  borderBottomWidth: 'border-widths',\n  borderColor: 'colors',\n  borderImage: 'colors',\n  borderInline: 'colors',\n  borderInlineEnd: 'colors',\n  borderInlineStart: 'colors',\n  borderLeft: 'colors',\n  borderLeftColor: 'colors',\n  borderLeftStyle: 'border-styles',\n  borderLeftWidth: 'border-widths',\n  borderRadius: 'radii',\n  borderRight: 'colors',\n  borderRightColor: 'colors',\n  borderRightStyle: 'border-styles',\n  borderRightWidth: 'border-widths',\n  borderStyle: 'border-styles',\n  borderTop: 'colors',\n  borderTopColor: 'colors',\n  borderTopLeftRadius: 'radii',\n  borderTopRightRadius: 'radii',\n  borderTopStyle: 'border-styles',\n  borderTopWidth: 'border-widths',\n  borderWidth: 'border-widths',\n  bottom: 'space',\n  boxShadow: 'shadows',\n  caretColor: 'colors',\n  color: 'colors',\n  columnGap: 'space-gap',\n  columnRuleColor: 'colors',\n  fill: 'colors',\n  flexBasis: 'sizes',\n  fontFamily: 'fonts',\n  fontSize: 'font-sizes',\n  fontWeight: 'font-weights',\n  gap: 'space-gap',\n  gridColumnGap: 'space-gap',\n  gridGap: 'space-gap',\n  gridRowGap: 'space-gap',\n  gridTemplateColumns: 'sizes',\n  gridTemplateRows: 'sizes',\n  height: 'sizes',\n  inlineSize: 'sizes',\n  inset: 'space-inset',\n  insetBlock: 'space-inset',\n  insetBlockEnd: 'space-inset',\n  insetBlockStart: 'space-inset',\n  insetInline: 'space-inset',\n  insetInlineEnd: 'space-inset',\n  insetInlineStart: 'space-inset',\n  left: 'space',\n  letterSpacing: 'letter-spacings',\n  lineHeight: 'line-heights',\n  margin: 'space-offset',\n  marginBlock: 'space-offset',\n  marginBlockEnd: 'space-offset',\n  marginBlockStart: 'space-offset',\n  marginBottom: 'space-offset',\n  marginInline: 'space-offset',\n  marginInlineEnd: 'space-offset',\n  marginInlineStart: 'space-offset',\n  marginLeft: 'space-offset',\n  marginRight: 'space-offset',\n  marginTop: 'space-offset',\n  maxBlockSize: 'sizes',\n  maxHeight: 'sizes',\n  maxInlineSize: 'sizes',\n  maxWidth: 'sizes',\n  minBlockSize: 'sizes',\n  minHeight: 'sizes',\n  minInlineSize: 'sizes',\n  minWidth: 'sizes',\n  outline: 'colors',\n  outlineColor: 'colors',\n  padding: 'space-inset',\n  paddingBlock: 'space-inset',\n  paddingBlockEnd: 'space-inset',\n  paddingBlockStart: 'space-inset',\n  paddingBottom: 'space-inset',\n  paddingInline: 'space-inset',\n  paddingInlineEnd: 'space-inset',\n  paddingInlineStart: 'space-inset',\n  paddingLeft: 'space-inset',\n  paddingRight: 'space-inset',\n  paddingTop: 'space-inset',\n  right: 'space',\n  rowGap: 'space-gap',\n  scrollMargin: 'space-offset',\n  scrollMarginBlock: 'space-offset',\n  scrollMarginBlockEnd: 'space-offset',\n  scrollMarginBlockStart: 'space-offset',\n  scrollMarginBottom: 'space-offset',\n  scrollMarginInline: 'space-offset',\n  scrollMarginInlineEnd: 'space-offset',\n  scrollMarginInlineStart: 'space-offset',\n  scrollMarginLeft: 'space-offset',\n  scrollMarginRight: 'space-offset',\n  scrollMarginTop: 'space-offset',\n  scrollPadding: 'space-inset',\n  scrollPaddingBlock: 'space-inset',\n  scrollPaddingBlockEnd: 'space-inset',\n  scrollPaddingBlockStart: 'space-inset',\n  scrollPaddingBottom: 'space-inset',\n  scrollPaddingInline: 'space-inset',\n  scrollPaddingInlineEnd: 'space-inset',\n  scrollPaddingInlineStart: 'space-inset',\n  scrollPaddingLeft: 'space-inset',\n  scrollPaddingRight: 'space-inset',\n  scrollPaddingTop: 'space-inset',\n  stroke: 'colors',\n  strokeWidth: 'stroke-width',\n  textDecorationColor: 'colors',\n  textShadow: 'shadows',\n  top: 'space',\n  transition: 'transitions',\n  width: 'sizes',\n  zIndex: 'z-indices',\n} as const\n\nexport type ThemeMap = typeof themeMap\n","import { Tokens } from '@mirohq/design-tokens'\n\nexport interface Theme {\n  'border-widths': typeof Tokens.borderWidths\n  colors: typeof Tokens.colors\n  'font-sizes': typeof Tokens.fontSizes\n  radii: typeof Tokens.radii\n  shadows: typeof Tokens.shadows\n  sizes: typeof Tokens.sizes\n  space: typeof Tokens.space\n  'space-gap': typeof Tokens.spaceGap\n  'space-inset': typeof Tokens.spaceInset\n  'space-offset': typeof Tokens.spaceOffset\n  'stroke-width': typeof Tokens.strokeWidths\n  'z-indices': typeof Tokens.zIndices\n}\n\nexport const theme: Theme = {\n  'border-widths': Tokens.borderWidths,\n  colors: Tokens.colors,\n  'font-sizes': Tokens.fontSizes,\n  radii: Tokens.radii,\n  shadows: Tokens.shadows,\n  sizes: Tokens.sizes,\n  space: Tokens.space,\n  'space-gap': Tokens.spaceGap,\n  'space-inset': Tokens.spaceInset,\n  'space-offset': Tokens.spaceOffset,\n  'stroke-width': Tokens.strokeWidths,\n  'z-indices': Tokens.zIndices,\n}\n","import type { PropertyValue } from '@stitches/react'\n\nexport const utils = {\n  paddingX: (value: PropertyValue<'padding'>) => ({\n    paddingLeft: value,\n    paddingRight: value,\n  }),\n  paddingY: (value: PropertyValue<'padding'>) => ({\n    paddingTop: value,\n    paddingBottom: value,\n  }),\n  marginX: (value: PropertyValue<'margin'>) => ({\n    marginLeft: value,\n    marginRight: value,\n  }),\n  marginY: (value: PropertyValue<'margin'>) => ({\n    marginTop: value,\n    marginBottom: value,\n  }),\n  square: (value: PropertyValue<'width'>) => ({\n    width: value,\n    height: value,\n  }),\n}\n","/**\n * Commenting out due to performance problems\n * Please check the thread for more info:\n * https://miro.slack.com/archives/C03SJ1S209M/p1669821558087279\n */\n\nexport const media = {\n  // reducedMotion: '(prefers-reduced-motion: reduce)',\n  // motion: '(prefers-reduced-motion: no-preference)',\n  // hover: '(any-hover: hover)',\n}\n","import { createStitches } from '@stitches/react'\nimport type * as CSSUtil from '@stitches/react/types/css-util'\n\nimport { utils, theme as defaultTheme, themeMap, media } from './config'\n\nconst stitches = createStitches({\n  theme: defaultTheme,\n  media,\n  utils,\n  themeMap,\n})\n\nexport const {\n  config,\n  createTheme,\n  css,\n  getCssText,\n  globalCss,\n  keyframes,\n  prefix,\n  styled,\n  theme,\n} = stitches\n\nexport type FontFace = CSSUtil.Native.AtRule.FontFace\n\nexport const fontFace = (...fonts: FontFace[]): string =>\n  globalCss({\n    '@font-face': fonts,\n  })()\n","import type { ConfigType } from '@stitches/react/types/config'\n\nimport { config } from './stitches'\n\nexport function setMedia<Media extends {} = {}>(\n  media: ConfigType.Media<Media>\n): void {\n  config.media = {\n    ...config.media,\n    ...media,\n  }\n}\n\nexport function setCssUtils<Utils extends {} = {}>(\n  utils: ConfigType.Utils<Utils>\n): void {\n  config.utils = {\n    ...config.utils,\n    ...utils,\n  }\n}\n","import React from 'react'\nimport type {\n  CSSProperties,\n  ComponentType,\n  ElementRef,\n  ExoticComponent,\n  ForwardRefExoticComponent,\n  JSXElementConstructor,\n  PropsWithoutRef,\n  RefAttributes,\n} from 'react'\nimport type { RemoveIndex } from '@stitches/react/types/stitches'\nimport type { Token } from '@stitches/react/types/theme'\nimport type {\n  StyledComponentProps as StitchesStyledComponentProps,\n  $$StyledComponentMedia,\n  $$StyledComponentProps,\n  $$StyledComponentType,\n  TransformProps,\n} from '@stitches/react/types/styled-component'\nimport type * as Util from '@stitches/react/types/util'\n\nimport * as stitches from './stitches'\nimport type { CSS, StyledComponentProps, ForbiddenProps } from './types'\n\n// Error messages\n// -----------------------------------------------------------------------------\n\nexport const AS_ERROR =\n  'Polymorphism via `as` prop is not available in styled components.'\n\nexport const STYLING_ATTRS_ERROR =\n  'The `className` and `style` attributes are not avaialable in styled components.'\n\n// Utils\n// -----------------------------------------------------------------------------\n\nconst styleWithCssVars = (\n  style: CSS,\n  themeMap: typeof stitches.config.themeMap\n): CSSProperties =>\n  (Object.entries(style) as Array<[string, unknown]>).reduce(\n    (acc, [prop, value]) => {\n      // @ts-expect-error\n      const mapKeyForProp = themeMap[prop]\n      const mapping = stitches.theme[mapKeyForProp] as unknown as {\n        [Prop: string]: { [K in keyof Token]: Token[K] }\n      }\n\n      const parsedValue =\n        typeof value === 'string' && /^\\$.+$/.test(value)\n          ? mapping[value.replace('$', '')]?.computedValue\n          : value\n\n      return {\n        ...acc,\n        [prop]: parsedValue,\n      }\n    },\n    {}\n  ) as CSSProperties\n\n// Styled\n// -----------------------------------------------------------------------------\n\ntype Variants<T> = 'variants' extends keyof T\n  ? {\n      [Name in keyof T['variants']]?:\n        | Util.Widen<keyof T['variants'][Name]>\n        | Util.String\n    }\n  : Util.WideObject\n\ntype Styles<Composers> = Composers extends\n  | string\n  | ComponentType<any>\n  | Util.Function\n  ? Composers\n  : RemoveIndex<CSS> & {\n      variants?: {\n        [Name in string]: {\n          [Pair in number | string]: CSS\n        }\n      }\n      compoundVariants?: Array<Variants<Composers> & { css: CSS }>\n      defaultVariants?: Variants<Composers>\n    } & CSS & {\n        [K in keyof Composers]: K extends\n          | 'compoundVariants'\n          | 'defaultVariants'\n          | 'variants'\n          ? unknown\n          : K extends keyof CSS\n          ? CSS[K]\n          : unknown\n      }\n\n// This interface is only needed to fix TS4023\nexport interface StitchesInternals<\n  Type extends\n    | keyof JSX.IntrinsicElements\n    | React.ComponentType<any>\n    | Util.Function,\n  Props extends {},\n  Media extends typeof stitches.config.media\n> {\n  className: string\n  selector: string\n  [$$StyledComponentType]: Type\n  [$$StyledComponentProps]: Props\n  [$$StyledComponentMedia]: Media\n}\n\nexport interface CustomStylesProps {\n  css?: CSS\n  UNSAFE_style?: CSS\n}\n\n// TS is infering the return type correctly, no need to make things uglier here\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nexport const styled = <\n  Element extends\n    | keyof JSX.IntrinsicElements\n    | React.ComponentType<any>\n    | Util.Function = 'span',\n  Composers extends\n    | string\n    | ExoticComponent<any>\n    | JSXElementConstructor<any>\n    | Util.Function\n    | { [name: string]: unknown } = {}\n>(\n  element: Element,\n  composers?: Styles<Composers>\n) => {\n  const StyledComponent = stitches.styled(element, composers ?? {})\n\n  type StitchesProps = StitchesStyledComponentProps<[Composers]>\n  type VariantProps = TransformProps<\n    StitchesProps,\n    typeof stitches.config.media\n  >\n  type ComponentProps = StyledComponentProps<typeof StyledComponent>\n\n  type Props = Omit<StitchesProps, keyof VariantProps> &\n    VariantProps &\n    ComponentProps &\n    CustomStylesProps\n\n  const Component = React.forwardRef<ElementRef<typeof StyledComponent>, Props>(\n    (props, forwardRef) => {\n      const {\n        as,\n        className,\n        style,\n        UNSAFE_style, // eslint-disable-line @typescript-eslint/naming-convention\n        ...restProps\n      } = props as Props & {\n        [K in ForbiddenProps]?: unknown\n      }\n\n      // based on https://github.com/modulz/stitches/blob/v1.2.8/packages/core/src/features/css.js#L71\n      const onlyStyledClasses =\n        typeof className === 'string'\n          ? className\n              ?.split(' ')\n              .filter((x: string) => x.match(`${stitches.prefix}c-.+`))\n              .join(' ')\n          : ''\n\n      const parsedStyle =\n        UNSAFE_style !== undefined\n          ? styleWithCssVars(UNSAFE_style, stitches.config.themeMap)\n          : onlyStyledClasses !== ''\n          ? style\n          : undefined\n\n      if (\n        (className !== undefined && onlyStyledClasses !== className) ||\n        (typeof style === 'object' &&\n          style !== null &&\n          Object.keys(style).length > 0 &&\n          onlyStyledClasses === '')\n      ) {\n        console.error(STYLING_ATTRS_ERROR)\n      }\n\n      if (as !== undefined) {\n        console.error(AS_ERROR)\n      }\n\n      return (\n        <StyledComponent\n          {...(restProps as any)}\n          className={onlyStyledClasses}\n          style={parsedStyle}\n          ref={forwardRef}\n        />\n      )\n    }\n  ) as ForwardRefExoticComponent<\n    PropsWithoutRef<Props> & RefAttributes<ElementRef<typeof StyledComponent>>\n  > &\n    StitchesInternals<\n      Element,\n      StitchesStyledComponentProps<[Composers]>,\n      typeof stitches.config.media\n    >\n\n  Component.displayName = 'Styled.ForwardRef'\n  Component.toString = StyledComponent.toString\n  Component.className = StyledComponent.className\n  Component.selector = StyledComponent.selector\n\n  return Component\n}\n","import { prefix, theme as stitchesTheme } from './stitches'\n\nexport * from './types'\n\nexport {\n  createTheme,\n  css,\n  getCssText,\n  globalCss,\n  keyframes,\n  fontFace,\n} from './stitches'\n\nexport type { FontFace } from './stitches'\n\nexport const stitchesCssRoot = {\n  prefix,\n  selector: stitchesTheme.selector,\n  className: stitchesTheme.className,\n}\n\nexport { theme, themeMap } from './config'\nexport type { Theme, ThemeMap } from './config'\n\nexport * from './custom'\nexport * from './styled'\n"],"names":["theme","Tokens","createStitches","defaultTheme","styled","stitches.theme","stitches.styled","React","stitches.prefix","stitches.config","stitchesTheme"],"mappings":"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"}
+{"version":3,"file":"main.js","sources":["../src/config/theme-map.ts","../src/config/theme.ts","../src/config/utils.ts","../src/config/media.ts","../src/stitches.ts","../src/custom.ts","../src/styled.tsx","../src/index.ts"],"sourcesContent":["export const themeMap = {\n  background: 'colors',\n  backgroundColor: 'colors',\n  backgroundImage: 'colors',\n  blockSize: 'sizes',\n  border: 'colors',\n  borderBlock: 'colors',\n  borderBlockEnd: 'colors',\n  borderBlockStart: 'colors',\n  borderBottom: 'colors',\n  borderBottomColor: 'colors',\n  borderBottomLeftRadius: 'radii',\n  borderBottomRightRadius: 'radii',\n  borderBottomStyle: 'border-styles',\n  borderBottomWidth: 'border-widths',\n  borderColor: 'colors',\n  borderImage: 'colors',\n  borderInline: 'colors',\n  borderInlineEnd: 'colors',\n  borderInlineStart: 'colors',\n  borderLeft: 'colors',\n  borderLeftColor: 'colors',\n  borderLeftStyle: 'border-styles',\n  borderLeftWidth: 'border-widths',\n  borderRadius: 'radii',\n  borderRight: 'colors',\n  borderRightColor: 'colors',\n  borderRightStyle: 'border-styles',\n  borderRightWidth: 'border-widths',\n  borderStyle: 'border-styles',\n  borderTop: 'colors',\n  borderTopColor: 'colors',\n  borderTopLeftRadius: 'radii',\n  borderTopRightRadius: 'radii',\n  borderTopStyle: 'border-styles',\n  borderTopWidth: 'border-widths',\n  borderWidth: 'border-widths',\n  bottom: 'space',\n  boxShadow: 'shadows',\n  caretColor: 'colors',\n  color: 'colors',\n  columnGap: 'space-gap',\n  columnRuleColor: 'colors',\n  fill: 'colors',\n  flexBasis: 'sizes',\n  fontFamily: 'fonts',\n  fontSize: 'font-sizes',\n  fontWeight: 'font-weights',\n  gap: 'space-gap',\n  gridColumnGap: 'space-gap',\n  gridGap: 'space-gap',\n  gridRowGap: 'space-gap',\n  gridTemplateColumns: 'sizes',\n  gridTemplateRows: 'sizes',\n  height: 'sizes',\n  inlineSize: 'sizes',\n  inset: 'space-inset',\n  insetBlock: 'space-inset',\n  insetBlockEnd: 'space-inset',\n  insetBlockStart: 'space-inset',\n  insetInline: 'space-inset',\n  insetInlineEnd: 'space-inset',\n  insetInlineStart: 'space-inset',\n  left: 'space',\n  letterSpacing: 'letter-spacings',\n  lineHeight: 'line-heights',\n  margin: 'space-offset',\n  marginBlock: 'space-offset',\n  marginBlockEnd: 'space-offset',\n  marginBlockStart: 'space-offset',\n  marginBottom: 'space-offset',\n  marginInline: 'space-offset',\n  marginInlineEnd: 'space-offset',\n  marginInlineStart: 'space-offset',\n  marginLeft: 'space-offset',\n  marginRight: 'space-offset',\n  marginTop: 'space-offset',\n  maxBlockSize: 'sizes',\n  maxHeight: 'sizes',\n  maxInlineSize: 'sizes',\n  maxWidth: 'sizes',\n  minBlockSize: 'sizes',\n  minHeight: 'sizes',\n  minInlineSize: 'sizes',\n  minWidth: 'sizes',\n  outline: 'colors',\n  outlineColor: 'colors',\n  padding: 'space-inset',\n  paddingBlock: 'space-inset',\n  paddingBlockEnd: 'space-inset',\n  paddingBlockStart: 'space-inset',\n  paddingBottom: 'space-inset',\n  paddingInline: 'space-inset',\n  paddingInlineEnd: 'space-inset',\n  paddingInlineStart: 'space-inset',\n  paddingLeft: 'space-inset',\n  paddingRight: 'space-inset',\n  paddingTop: 'space-inset',\n  right: 'space',\n  rowGap: 'space-gap',\n  scrollMargin: 'space-offset',\n  scrollMarginBlock: 'space-offset',\n  scrollMarginBlockEnd: 'space-offset',\n  scrollMarginBlockStart: 'space-offset',\n  scrollMarginBottom: 'space-offset',\n  scrollMarginInline: 'space-offset',\n  scrollMarginInlineEnd: 'space-offset',\n  scrollMarginInlineStart: 'space-offset',\n  scrollMarginLeft: 'space-offset',\n  scrollMarginRight: 'space-offset',\n  scrollMarginTop: 'space-offset',\n  scrollPadding: 'space-inset',\n  scrollPaddingBlock: 'space-inset',\n  scrollPaddingBlockEnd: 'space-inset',\n  scrollPaddingBlockStart: 'space-inset',\n  scrollPaddingBottom: 'space-inset',\n  scrollPaddingInline: 'space-inset',\n  scrollPaddingInlineEnd: 'space-inset',\n  scrollPaddingInlineStart: 'space-inset',\n  scrollPaddingLeft: 'space-inset',\n  scrollPaddingRight: 'space-inset',\n  scrollPaddingTop: 'space-inset',\n  stroke: 'colors',\n  strokeWidth: 'stroke-width',\n  textDecorationColor: 'colors',\n  textShadow: 'shadows',\n  top: 'space',\n  transition: 'transitions',\n  width: 'sizes',\n  zIndex: 'z-indices',\n} as const\n\nexport type ThemeMap = typeof themeMap\n","import { Tokens } from '@mirohq/design-tokens'\n\nexport interface Theme {\n  'border-widths': typeof Tokens.borderWidths\n  colors: typeof Tokens.colors\n  'font-sizes': typeof Tokens.fontSizes\n  radii: typeof Tokens.radii\n  shadows: typeof Tokens.shadows\n  sizes: typeof Tokens.sizes\n  space: typeof Tokens.space\n  'space-gap': typeof Tokens.spaceGap\n  'space-inset': typeof Tokens.spaceInset\n  'space-offset': typeof Tokens.spaceOffset\n  'stroke-width': typeof Tokens.strokeWidths\n  'z-indices': typeof Tokens.zIndices\n}\n\nexport const theme: Theme = {\n  'border-widths': Tokens.borderWidths,\n  colors: Tokens.colors,\n  'font-sizes': Tokens.fontSizes,\n  radii: Tokens.radii,\n  shadows: Tokens.shadows,\n  sizes: Tokens.sizes,\n  space: Tokens.space,\n  'space-gap': Tokens.spaceGap,\n  'space-inset': Tokens.spaceInset,\n  'space-offset': Tokens.spaceOffset,\n  'stroke-width': Tokens.strokeWidths,\n  'z-indices': Tokens.zIndices,\n}\n","import type { PropertyValue } from '@stitches/react'\n\nexport const utils = {\n  paddingX: (value: PropertyValue<'padding'>) => ({\n    paddingLeft: value,\n    paddingRight: value,\n  }),\n  paddingY: (value: PropertyValue<'padding'>) => ({\n    paddingTop: value,\n    paddingBottom: value,\n  }),\n  marginX: (value: PropertyValue<'margin'>) => ({\n    marginLeft: value,\n    marginRight: value,\n  }),\n  marginY: (value: PropertyValue<'margin'>) => ({\n    marginTop: value,\n    marginBottom: value,\n  }),\n  square: (value: PropertyValue<'width'>) => ({\n    width: value,\n    height: value,\n  }),\n}\n","/**\n * Commenting out due to performance problems\n * Please check the thread for more info:\n * https://miro.slack.com/archives/C03SJ1S209M/p1669821558087279\n */\n\nexport const media = {\n  // reducedMotion: '(prefers-reduced-motion: reduce)',\n  // motion: '(prefers-reduced-motion: no-preference)',\n  // hover: '(any-hover: hover)',\n}\n","import { createStitches } from '@stitches/react'\nimport type * as CSSUtil from '@stitches/react/types/css-util'\n\nimport { utils, theme as defaultTheme, themeMap, media } from './config'\n\nconst stitches = createStitches({\n  theme: defaultTheme,\n  media,\n  utils,\n  themeMap,\n})\n\nexport const {\n  config,\n  createTheme,\n  css,\n  getCssText,\n  globalCss,\n  keyframes,\n  prefix,\n  styled,\n  theme,\n} = stitches\n\nexport type FontFace = CSSUtil.Native.AtRule.FontFace\n\nexport const fontFace = (...fonts: FontFace[]): string =>\n  globalCss({\n    '@font-face': fonts,\n  })()\n","import type { ConfigType } from '@stitches/react/types/config'\n\nimport { config } from './stitches'\n\nexport function setMedia<Media extends {} = {}>(\n  media: ConfigType.Media<Media>\n): void {\n  config.media = {\n    ...config.media,\n    ...media,\n  }\n}\n\nexport function setCssUtils<Utils extends {} = {}>(\n  utils: ConfigType.Utils<Utils>\n): void {\n  config.utils = {\n    ...config.utils,\n    ...utils,\n  }\n}\n","import React from 'react'\nimport type {\n  CSSProperties,\n  ComponentType,\n  ElementRef,\n  ExoticComponent,\n  ForwardRefExoticComponent,\n  JSXElementConstructor,\n  PropsWithoutRef,\n  RefAttributes,\n} from 'react'\nimport type { RemoveIndex } from '@stitches/react/types/stitches'\nimport type { Token } from '@stitches/react/types/theme'\nimport type {\n  StyledComponentProps as StitchesStyledComponentProps,\n  $$StyledComponentMedia,\n  $$StyledComponentProps,\n  $$StyledComponentType,\n  TransformProps,\n} from '@stitches/react/types/styled-component'\nimport type * as Util from '@stitches/react/types/util'\n\nimport * as stitches from './stitches'\nimport type { CSS, StyledComponentProps, ForbiddenProps } from './types'\n\n// Error messages\n// -----------------------------------------------------------------------------\n\nexport const AS_ERROR =\n  'Polymorphism via `as` prop is not available in styled components.'\n\nexport const STYLING_ATTRS_ERROR =\n  'The `className` and `style` attributes are not avaialable in styled components.'\n\n// Utils\n// -----------------------------------------------------------------------------\n\nconst styleWithCssVars = (\n  style: CSS,\n  themeMap: typeof stitches.config.themeMap\n): CSSProperties =>\n  (Object.entries(style) as Array<[string, unknown]>).reduce(\n    (acc, [prop, value]) => {\n      // @ts-expect-error\n      const mapKeyForProp = themeMap[prop]\n      const mapping = stitches.theme[mapKeyForProp] as unknown as {\n        [Prop: string]: { [K in keyof Token]: Token[K] }\n      }\n\n      const parsedValue =\n        typeof value === 'string' && /^\\$.+$/.test(value)\n          ? mapping[value.replace('$', '')]?.computedValue\n          : value\n\n      return {\n        ...acc,\n        [prop]: parsedValue,\n      }\n    },\n    {}\n  ) as CSSProperties\n\n// Styled\n// -----------------------------------------------------------------------------\n\ntype Variants<T> = 'variants' extends keyof T\n  ? {\n      [Name in keyof T['variants']]?:\n        | Util.Widen<keyof T['variants'][Name]>\n        | Util.String\n    }\n  : Util.WideObject\n\ntype Styles<Composers> = Composers extends\n  | string\n  | ComponentType<any>\n  | Util.Function\n  ? Composers\n  : RemoveIndex<CSS> & {\n      variants?: {\n        [Name in string]: {\n          [Pair in number | string]: CSS\n        }\n      }\n      compoundVariants?: Array<Variants<Composers> & { css: CSS }>\n      defaultVariants?: Variants<Composers>\n    } & CSS & {\n        [K in keyof Composers]: K extends\n          | 'compoundVariants'\n          | 'defaultVariants'\n          | 'variants'\n          ? unknown\n          : K extends keyof CSS\n          ? CSS[K]\n          : unknown\n      }\n\n// This interface is only needed to fix TS4023\nexport interface StitchesInternals<\n  Type extends\n    | keyof JSX.IntrinsicElements\n    | React.ComponentType<any>\n    | Util.Function,\n  Props extends {},\n  Media extends typeof stitches.config.media\n> {\n  className: string\n  selector: string\n  [$$StyledComponentType]: Type\n  [$$StyledComponentProps]: Props\n  [$$StyledComponentMedia]: Media\n}\n\nexport interface CustomStylesProps {\n  css?: CSS\n  UNSAFE_style?: CSS\n}\n\n// TS is infering the return type correctly, no need to make things uglier here\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nexport const styled = <\n  Element extends\n    | keyof JSX.IntrinsicElements\n    | React.ComponentType<any>\n    | Util.Function = 'span',\n  Composers extends\n    | string\n    | ExoticComponent<any>\n    | JSXElementConstructor<any>\n    | Util.Function\n    | { [name: string]: unknown } = {}\n>(\n  element: Element,\n  composers?: Styles<Composers>\n) => {\n  const StyledComponent = stitches.styled(element, composers ?? {})\n\n  type StitchesProps = StitchesStyledComponentProps<[Composers]>\n  type VariantProps = TransformProps<\n    StitchesProps,\n    typeof stitches.config.media\n  >\n  type ComponentProps = StyledComponentProps<typeof StyledComponent>\n\n  type Props = Omit<StitchesProps, keyof VariantProps> &\n    VariantProps &\n    ComponentProps &\n    CustomStylesProps\n\n  const Component = React.forwardRef<ElementRef<typeof StyledComponent>, Props>(\n    (props, forwardRef) => {\n      const {\n        as,\n        className,\n        style,\n        UNSAFE_style, // eslint-disable-line @typescript-eslint/naming-convention\n        ...restProps\n      } = props as Props & {\n        [K in ForbiddenProps]?: unknown\n      }\n\n      // based on https://github.com/modulz/stitches/blob/v1.2.8/packages/core/src/features/css.js#L71\n      const onlyStyledClasses =\n        typeof className === 'string'\n          ? className\n              ?.split(' ')\n              .filter((x: string) => x.match(`${stitches.prefix}c-.+`))\n              .join(' ')\n          : ''\n\n      const parsedStyle =\n        UNSAFE_style !== undefined\n          ? styleWithCssVars(UNSAFE_style, stitches.config.themeMap)\n          : onlyStyledClasses !== ''\n          ? style\n          : undefined\n\n      if (\n        (className !== undefined && onlyStyledClasses !== className) ||\n        (typeof style === 'object' &&\n          style !== null &&\n          Object.keys(style).length > 0 &&\n          onlyStyledClasses === '')\n      ) {\n        console.error(STYLING_ATTRS_ERROR)\n      }\n\n      if (as !== undefined) {\n        console.error(AS_ERROR)\n      }\n\n      return (\n        <StyledComponent\n          {...(restProps as any)}\n          className={onlyStyledClasses}\n          style={parsedStyle}\n          ref={forwardRef}\n        />\n      )\n    }\n  ) as ForwardRefExoticComponent<\n    PropsWithoutRef<Props> & RefAttributes<ElementRef<typeof StyledComponent>>\n  > &\n    StitchesInternals<\n      Element,\n      StitchesStyledComponentProps<[Composers]>,\n      typeof stitches.config.media\n    >\n\n  Component.displayName = 'Styled.ForwardRef'\n  Component.toString = StyledComponent.toString\n  Component.className = StyledComponent.className\n  Component.selector = StyledComponent.selector\n\n  return Component\n}\n","import { prefix, theme as stitchesTheme } from './stitches'\n\nexport * from './types'\n\nexport {\n  createTheme,\n  css,\n  getCssText,\n  globalCss,\n  keyframes,\n  fontFace,\n} from './stitches'\n\nexport type { FontFace } from './stitches'\n\nexport const stitchesCssRoot = {\n  prefix,\n  selector: stitchesTheme.selector,\n  className: stitchesTheme.className,\n}\n\nexport { theme, themeMap } from './config'\nexport type { Theme, ThemeMap } from './config'\n\nexport * from './custom'\nexport * from './styled'\n"],"names":["theme","Tokens","createStitches","defaultTheme","styled","stitches.theme","stitches.styled","React","stitches.prefix","stitches.config","jsx","stitchesTheme"],"mappings":";;;;;;;;;;;;;AAAO,MAAM,QAAW,GAAA;AAAA,EACtB,UAAY,EAAA,QAAA;AAAA,EACZ,eAAiB,EAAA,QAAA;AAAA,EACjB,eAAiB,EAAA,QAAA;AAAA,EACjB,SAAW,EAAA,OAAA;AAAA,EACX,MAAQ,EAAA,QAAA;AAAA,EACR,WAAa,EAAA,QAAA;AAAA,EACb,cAAgB,EAAA,QAAA;AAAA,EAChB,gBAAkB,EAAA,QAAA;AAAA,EAClB,YAAc,EAAA,QAAA;AAAA,EACd,iBAAmB,EAAA,QAAA;AAAA,EACnB,sBAAwB,EAAA,OAAA;AAAA,EACxB,uBAAyB,EAAA,OAAA;AAAA,EACzB,iBAAmB,EAAA,eAAA;AAAA,EACnB,iBAAmB,EAAA,eAAA;AAAA,EACnB,WAAa,EAAA,QAAA;AAAA,EACb,WAAa,EAAA,QAAA;AAAA,EACb,YAAc,EAAA,QAAA;AAAA,EACd,eAAiB,EAAA,QAAA;AAAA,EACjB,iBAAmB,EAAA,QAAA;AAAA,EACnB,UAAY,EAAA,QAAA;AAAA,EACZ,eAAiB,EAAA,QAAA;AAAA,EACjB,eAAiB,EAAA,eAAA;AAAA,EACjB,eAAiB,EAAA,eAAA;AAAA,EACjB,YAAc,EAAA,OAAA;AAAA,EACd,WAAa,EAAA,QAAA;AAAA,EACb,gBAAkB,EAAA,QAAA;AAAA,EAClB,gBAAkB,EAAA,eAAA;AAAA,EAClB,gBAAkB,EAAA,eAAA;AAAA,EAClB,WAAa,EAAA,eAAA;AAAA,EACb,SAAW,EAAA,QAAA;AAAA,EACX,cAAgB,EAAA,QAAA;AAAA,EAChB,mBAAqB,EAAA,OAAA;AAAA,EACrB,oBAAsB,EAAA,OAAA;AAAA,EACtB,cAAgB,EAAA,eAAA;AAAA,EAChB,cAAgB,EAAA,eAAA;AAAA,EAChB,WAAa,EAAA,eAAA;AAAA,EACb,MAAQ,EAAA,OAAA;AAAA,EACR,SAAW,EAAA,SAAA;AAAA,EACX,UAAY,EAAA,QAAA;AAAA,EACZ,KAAO,EAAA,QAAA;AAAA,EACP,SAAW,EAAA,WAAA;AAAA,EACX,eAAiB,EAAA,QAAA;AAAA,EACjB,IAAM,EAAA,QAAA;AAAA,EACN,SAAW,EAAA,OAAA;AAAA,EACX,UAAY,EAAA,OAAA;AAAA,EACZ,QAAU,EAAA,YAAA;AAAA,EACV,UAAY,EAAA,cAAA;AAAA,EACZ,GAAK,EAAA,WAAA;AAAA,EACL,aAAe,EAAA,WAAA;AAAA,EACf,OAAS,EAAA,WAAA;AAAA,EACT,UAAY,EAAA,WAAA;AAAA,EACZ,mBAAqB,EAAA,OAAA;AAAA,EACrB,gBAAkB,EAAA,OAAA;AAAA,EAClB,MAAQ,EAAA,OAAA;AAAA,EACR,UAAY,EAAA,OAAA;AAAA,EACZ,KAAO,EAAA,aAAA;AAAA,EACP,UAAY,EAAA,aAAA;AAAA,EACZ,aAAe,EAAA,aAAA;AAAA,EACf,eAAiB,EAAA,aAAA;AAAA,EACjB,WAAa,EAAA,aAAA;AAAA,EACb,cAAgB,EAAA,aAAA;AAAA,EAChB,gBAAkB,EAAA,aAAA;AAAA,EAClB,IAAM,EAAA,OAAA;AAAA,EACN,aAAe,EAAA,iBAAA;AAAA,EACf,UAAY,EAAA,cAAA;AAAA,EACZ,MAAQ,EAAA,cAAA;AAAA,EACR,WAAa,EAAA,cAAA;AAAA,EACb,cAAgB,EAAA,cAAA;AAAA,EAChB,gBAAkB,EAAA,cAAA;AAAA,EAClB,YAAc,EAAA,cAAA;AAAA,EACd,YAAc,EAAA,cAAA;AAAA,EACd,eAAiB,EAAA,cAAA;AAAA,EACjB,iBAAmB,EAAA,cAAA;AAAA,EACnB,UAAY,EAAA,cAAA;AAAA,EACZ,WAAa,EAAA,cAAA;AAAA,EACb,SAAW,EAAA,cAAA;AAAA,EACX,YAAc,EAAA,OAAA;AAAA,EACd,SAAW,EAAA,OAAA;AAAA,EACX,aAAe,EAAA,OAAA;AAAA,EACf,QAAU,EAAA,OAAA;AAAA,EACV,YAAc,EAAA,OAAA;AAAA,EACd,SAAW,EAAA,OAAA;AAAA,EACX,aAAe,EAAA,OAAA;AAAA,EACf,QAAU,EAAA,OAAA;AAAA,EACV,OAAS,EAAA,QAAA;AAAA,EACT,YAAc,EAAA,QAAA;AAAA,EACd,OAAS,EAAA,aAAA;AAAA,EACT,YAAc,EAAA,aAAA;AAAA,EACd,eAAiB,EAAA,aAAA;AAAA,EACjB,iBAAmB,EAAA,aAAA;AAAA,EACnB,aAAe,EAAA,aAAA;AAAA,EACf,aAAe,EAAA,aAAA;AAAA,EACf,gBAAkB,EAAA,aAAA;AAAA,EAClB,kBAAoB,EAAA,aAAA;AAAA,EACpB,WAAa,EAAA,aAAA;AAAA,EACb,YAAc,EAAA,aAAA;AAAA,EACd,UAAY,EAAA,aAAA;AAAA,EACZ,KAAO,EAAA,OAAA;AAAA,EACP,MAAQ,EAAA,WAAA;AAAA,EACR,YAAc,EAAA,cAAA;AAAA,EACd,iBAAmB,EAAA,cAAA;AAAA,EACnB,oBAAsB,EAAA,cAAA;AAAA,EACtB,sBAAwB,EAAA,cAAA;AAAA,EACxB,kBAAoB,EAAA,cAAA;AAAA,EACpB,kBAAoB,EAAA,cAAA;AAAA,EACpB,qBAAuB,EAAA,cAAA;AAAA,EACvB,uBAAyB,EAAA,cAAA;AAAA,EACzB,gBAAkB,EAAA,cAAA;AAAA,EAClB,iBAAmB,EAAA,cAAA;AAAA,EACnB,eAAiB,EAAA,cAAA;AAAA,EACjB,aAAe,EAAA,aAAA;AAAA,EACf,kBAAoB,EAAA,aAAA;AAAA,EACpB,qBAAuB,EAAA,aAAA;AAAA,EACvB,uBAAyB,EAAA,aAAA;AAAA,EACzB,mBAAqB,EAAA,aAAA;AAAA,EACrB,mBAAqB,EAAA,aAAA;AAAA,EACrB,sBAAwB,EAAA,aAAA;AAAA,EACxB,wBAA0B,EAAA,aAAA;AAAA,EAC1B,iBAAmB,EAAA,aAAA;AAAA,EACnB,kBAAoB,EAAA,aAAA;AAAA,EACpB,gBAAkB,EAAA,aAAA;AAAA,EAClB,MAAQ,EAAA,QAAA;AAAA,EACR,WAAa,EAAA,cAAA;AAAA,EACb,mBAAqB,EAAA,QAAA;AAAA,EACrB,UAAY,EAAA,SAAA;AAAA,EACZ,GAAK,EAAA,OAAA;AAAA,EACL,UAAY,EAAA,aAAA;AAAA,EACZ,KAAO,EAAA,OAAA;AAAA,EACP,MAAQ,EAAA,WAAA;AACV;;ACjHO,MAAMA,OAAe,GAAA;AAAA,EAC1B,iBAAiBC,mBAAO,CAAA,YAAA;AAAA,EACxB,QAAQA,mBAAO,CAAA,MAAA;AAAA,EACf,cAAcA,mBAAO,CAAA,SAAA;AAAA,EACrB,OAAOA,mBAAO,CAAA,KAAA;AAAA,EACd,SAASA,mBAAO,CAAA,OAAA;AAAA,EAChB,OAAOA,mBAAO,CAAA,KAAA;AAAA,EACd,OAAOA,mBAAO,CAAA,KAAA;AAAA,EACd,aAAaA,mBAAO,CAAA,QAAA;AAAA,EACpB,eAAeA,mBAAO,CAAA,UAAA;AAAA,EACtB,gBAAgBA,mBAAO,CAAA,WAAA;AAAA,EACvB,gBAAgBA,mBAAO,CAAA,YAAA;AAAA,EACvB,aAAaA,mBAAO,CAAA,QAAA;AACtB;;AC5BO,MAAM,KAAQ,GAAA;AAAA,EACnB,QAAA,EAAU,CAAC,KAAqC,MAAA;AAAA,IAC9C,WAAa,EAAA,KAAA;AAAA,IACb,YAAc,EAAA,KAAA;AAAA,GAChB,CAAA;AAAA,EACA,QAAA,EAAU,CAAC,KAAqC,MAAA;AAAA,IAC9C,UAAY,EAAA,KAAA;AAAA,IACZ,aAAe,EAAA,KAAA;AAAA,GACjB,CAAA;AAAA,EACA,OAAA,EAAS,CAAC,KAAoC,MAAA;AAAA,IAC5C,UAAY,EAAA,KAAA;AAAA,IACZ,WAAa,EAAA,KAAA;AAAA,GACf,CAAA;AAAA,EACA,OAAA,EAAS,CAAC,KAAoC,MAAA;AAAA,IAC5C,SAAW,EAAA,KAAA;AAAA,IACX,YAAc,EAAA,KAAA;AAAA,GAChB,CAAA;AAAA,EACA,MAAA,EAAQ,CAAC,KAAmC,MAAA;AAAA,IAC1C,KAAO,EAAA,KAAA;AAAA,IACP,MAAQ,EAAA,KAAA;AAAA,GACV,CAAA;AACF,CAAA;;ACjBO,MAAM,KAAQ,GAAA;AAAA;AAAA;AAAA;AAIrB,CAAA;;ACLA,MAAM,WAAWC,oBAAe,CAAA;AAAA,EAC9B,KAAO,EAAAC,OAAA;AAAA,EACP,KAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AACF,CAAC,CAAA,CAAA;AAEY,MAAA;AAAA,EACX,MAAA;AAAA,EACA,WAAA;AAAA,EACA,GAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AAAA,UACAC,QAAA;AAAA,EACA,KAAA;AACF,CAAI,GAAA,SAAA;AAIS,MAAA,QAAA,GAAW,CAAI,GAAA,KAAA,KAC1B,SAAU,CAAA;AAAA,EACR,YAAc,EAAA,KAAA;AAChB,CAAC,CAAE;;ACzBE,SAAS,SACd,KACM,EAAA;AACN,EAAA,MAAA,CAAO,KAAQ,GAAA;AAAA,IACb,GAAG,MAAO,CAAA,KAAA;AAAA,IACV,GAAG,KAAA;AAAA,GACL,CAAA;AACF,CAAA;AAEO,SAAS,YACd,KACM,EAAA;AACN,EAAA,MAAA,CAAO,KAAQ,GAAA;AAAA,IACb,GAAG,MAAO,CAAA,KAAA;AAAA,IACV,GAAG,KAAA;AAAA,GACL,CAAA;AACF;;ACQO,MAAM,QACX,GAAA,oEAAA;AAEK,MAAM,mBACX,GAAA,kFAAA;AAKF,MAAM,mBAAmB,CACvB,KAAA,EACA,aAEC,MAAO,CAAA,OAAA,CAAQ,KAAK,CAA+B,CAAA,MAAA;AAAA,EAClD,CAAC,GAAA,EAAK,CAAC,IAAA,EAAM,KAAK,CAAM,KAAA;AA1C5B,IAAA,IAAA,EAAA,CAAA;AA4CM,IAAM,MAAA,aAAA,GAAgB,SAAS,IAAI,CAAA,CAAA;AACnC,IAAM,MAAA,OAAA,GAAUC,KAAS,CAAM,aAAa,CAAA,CAAA;AAI5C,IAAA,MAAM,cACJ,OAAO,KAAA,KAAU,QAAY,IAAA,QAAA,CAAS,KAAK,KAAK,CAAA,GAAA,CAC5C,EAAQ,GAAA,OAAA,CAAA,KAAA,CAAM,QAAQ,GAAK,EAAA,EAAE,CAAC,CAAA,KAA9B,mBAAiC,aACjC,GAAA,KAAA,CAAA;AAEN,IAAO,OAAA;AAAA,MACL,GAAG,GAAA;AAAA,MACH,CAAC,IAAI,GAAG,WAAA;AAAA,KACV,CAAA;AAAA,GACF;AAAA,EACA,EAAC;AACH,CAAA,CAAA;AA4DW,MAAA,MAAA,GAAS,CAYpB,OAAA,EACA,SACG,KAAA;AACH,EAAA,MAAM,kBAAkBC,QAAS,CAAO,OAAS,EAAA,SAAA,IAAA,IAAA,GAAA,SAAA,GAAa,EAAE,CAAA,CAAA;AAchE,EAAA,MAAM,YAAYC,yBAAM,CAAA,UAAA;AAAA,IACtB,CAAC,OAAO,UAAe,KAAA;AACrB,MAAM,MAAA;AAAA,QACJ,EAAA;AAAA,QACA,SAAA;AAAA,QACA,KAAA;AAAA,QACA,YAAA;AAAA;AAAA,QACA,GAAG,SAAA;AAAA,OACD,GAAA,KAAA,CAAA;AAKJ,MAAA,MAAM,oBACJ,OAAO,SAAA,KAAc,QACjB,GAAA,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CACI,MAAM,GACP,CAAA,CAAA,MAAA,CAAO,CAAC,CAAA,KAAc,EAAE,KAAM,CAAA,CAAA,EAAGC,MAAqB,CAAA,IAAA,CAAA,CAAA,CAAA,CACtD,KAAK,GACR,CAAA,GAAA,EAAA,CAAA;AAEN,MAAM,MAAA,WAAA,GACJ,YAAiB,KAAA,KAAA,CAAA,GACb,gBAAiB,CAAA,YAAA,EAAcC,MAAS,CAAO,QAAQ,CAAA,GACvD,iBAAsB,KAAA,EAAA,GACtB,KACA,GAAA,KAAA,CAAA,CAAA;AAEN,MAAA,IACG,cAAc,KAAa,CAAA,IAAA,iBAAA,KAAsB,SACjD,IAAA,OAAO,UAAU,QAChB,IAAA,KAAA,KAAU,IACV,IAAA,MAAA,CAAO,KAAK,KAAK,CAAA,CAAE,MAAS,GAAA,CAAA,IAC5B,sBAAsB,EACxB,EAAA;AACA,QAAA,OAAA,CAAQ,MAAM,mBAAmB,CAAA,CAAA;AAAA,OACnC;AAEA,MAAA,IAAI,OAAO,KAAW,CAAA,EAAA;AACpB,QAAA,OAAA,CAAQ,MAAM,QAAQ,CAAA,CAAA;AAAA,OACxB;AAEA,MACE,uBAAAC,cAAA;AAAA,QAAC,eAAA;AAAA,QAAA;AAAA,UACE,GAAI,SAAA;AAAA,UACL,SAAW,EAAA,iBAAA;AAAA,UACX,KAAO,EAAA,WAAA;AAAA,UACP,GAAK,EAAA,UAAA;AAAA,SAAA;AAAA,OACP,CAAA;AAAA,KAEJ;AAAA,GACF,CAAA;AASA,EAAA,SAAA,CAAU,WAAc,GAAA,mBAAA,CAAA;AACxB,EAAA,SAAA,CAAU,WAAW,eAAgB,CAAA,QAAA,CAAA;AACrC,EAAA,SAAA,CAAU,YAAY,eAAgB,CAAA,SAAA,CAAA;AACtC,EAAA,SAAA,CAAU,WAAW,eAAgB,CAAA,QAAA,CAAA;AAErC,EAAO,OAAA,SAAA,CAAA;AACT;;ACxMO,MAAM,eAAkB,GAAA;AAAA,EAC7B,MAAA;AAAA,EACA,UAAUC,KAAc,CAAA,QAAA;AAAA,EACxB,WAAWA,KAAc,CAAA,SAAA;AAC3B;;;;;;;;;;;;;;;;;"}

package/dist/module.js

@@ -1,5 +1,6 @@
 import { createStitches } from '@stitches/react';
 import { Tokens } from '@mirohq/design-tokens';
+import { jsx } from 'react/jsx-runtime';
 import React from 'react';
 
 const themeMap = {
@@ -172,7 +173,11 @@ const utils = {
   })
 };
 
-const media = {};
+const media = {
+  // reducedMotion: '(prefers-reduced-motion: reduce)',
+  // motion: '(prefers-reduced-motion: no-preference)',
+  // hover: '(any-hover: hover)',
+};
 
 const stitches = createStitches({
   theme: theme$1,
@@ -232,6 +237,7 @@ const styled = (element, composers) => {
         className,
         style,
         UNSAFE_style,
+        // eslint-disable-line @typescript-eslint/naming-convention
         ...restProps
       } = props;
       const onlyStyledClasses = typeof className === "string" ? className == null ? void 0 : className.split(" ").filter((x) => x.match(`${prefix}c-.+`)).join(" ") : "";
@@ -242,12 +248,15 @@ const styled = (element, composers) => {
       if (as !== void 0) {
         console.error(AS_ERROR);
       }
-      return /* @__PURE__ */ React.createElement(StyledComponent, {
-        ...restProps,
-        className: onlyStyledClasses,
-        style: parsedStyle,
-        ref: forwardRef
-      });
+      return /* @__PURE__ */ jsx(
+        StyledComponent,
+        {
+          ...restProps,
+          className: onlyStyledClasses,
+          style: parsedStyle,
+          ref: forwardRef
+        }
+      );
     }
   );
   Component.displayName = "Styled.ForwardRef";

package/dist/module.js.map

@@ -1 +1 @@
-{"version":3,"file":"module.js","sources":["../src/config/theme-map.ts","../src/config/theme.ts","../src/config/utils.ts","../src/config/media.ts","../src/stitches.ts","../src/custom.ts","../src/styled.tsx","../src/index.ts"],"sourcesContent":["export const themeMap = {\n  background: 'colors',\n  backgroundColor: 'colors',\n  backgroundImage: 'colors',\n  blockSize: 'sizes',\n  border: 'colors',\n  borderBlock: 'colors',\n  borderBlockEnd: 'colors',\n  borderBlockStart: 'colors',\n  borderBottom: 'colors',\n  borderBottomColor: 'colors',\n  borderBottomLeftRadius: 'radii',\n  borderBottomRightRadius: 'radii',\n  borderBottomStyle: 'border-styles',\n  borderBottomWidth: 'border-widths',\n  borderColor: 'colors',\n  borderImage: 'colors',\n  borderInline: 'colors',\n  borderInlineEnd: 'colors',\n  borderInlineStart: 'colors',\n  borderLeft: 'colors',\n  borderLeftColor: 'colors',\n  borderLeftStyle: 'border-styles',\n  borderLeftWidth: 'border-widths',\n  borderRadius: 'radii',\n  borderRight: 'colors',\n  borderRightColor: 'colors',\n  borderRightStyle: 'border-styles',\n  borderRightWidth: 'border-widths',\n  borderStyle: 'border-styles',\n  borderTop: 'colors',\n  borderTopColor: 'colors',\n  borderTopLeftRadius: 'radii',\n  borderTopRightRadius: 'radii',\n  borderTopStyle: 'border-styles',\n  borderTopWidth: 'border-widths',\n  borderWidth: 'border-widths',\n  bottom: 'space',\n  boxShadow: 'shadows',\n  caretColor: 'colors',\n  color: 'colors',\n  columnGap: 'space-gap',\n  columnRuleColor: 'colors',\n  fill: 'colors',\n  flexBasis: 'sizes',\n  fontFamily: 'fonts',\n  fontSize: 'font-sizes',\n  fontWeight: 'font-weights',\n  gap: 'space-gap',\n  gridColumnGap: 'space-gap',\n  gridGap: 'space-gap',\n  gridRowGap: 'space-gap',\n  gridTemplateColumns: 'sizes',\n  gridTemplateRows: 'sizes',\n  height: 'sizes',\n  inlineSize: 'sizes',\n  inset: 'space-inset',\n  insetBlock: 'space-inset',\n  insetBlockEnd: 'space-inset',\n  insetBlockStart: 'space-inset',\n  insetInline: 'space-inset',\n  insetInlineEnd: 'space-inset',\n  insetInlineStart: 'space-inset',\n  left: 'space',\n  letterSpacing: 'letter-spacings',\n  lineHeight: 'line-heights',\n  margin: 'space-offset',\n  marginBlock: 'space-offset',\n  marginBlockEnd: 'space-offset',\n  marginBlockStart: 'space-offset',\n  marginBottom: 'space-offset',\n  marginInline: 'space-offset',\n  marginInlineEnd: 'space-offset',\n  marginInlineStart: 'space-offset',\n  marginLeft: 'space-offset',\n  marginRight: 'space-offset',\n  marginTop: 'space-offset',\n  maxBlockSize: 'sizes',\n  maxHeight: 'sizes',\n  maxInlineSize: 'sizes',\n  maxWidth: 'sizes',\n  minBlockSize: 'sizes',\n  minHeight: 'sizes',\n  minInlineSize: 'sizes',\n  minWidth: 'sizes',\n  outline: 'colors',\n  outlineColor: 'colors',\n  padding: 'space-inset',\n  paddingBlock: 'space-inset',\n  paddingBlockEnd: 'space-inset',\n  paddingBlockStart: 'space-inset',\n  paddingBottom: 'space-inset',\n  paddingInline: 'space-inset',\n  paddingInlineEnd: 'space-inset',\n  paddingInlineStart: 'space-inset',\n  paddingLeft: 'space-inset',\n  paddingRight: 'space-inset',\n  paddingTop: 'space-inset',\n  right: 'space',\n  rowGap: 'space-gap',\n  scrollMargin: 'space-offset',\n  scrollMarginBlock: 'space-offset',\n  scrollMarginBlockEnd: 'space-offset',\n  scrollMarginBlockStart: 'space-offset',\n  scrollMarginBottom: 'space-offset',\n  scrollMarginInline: 'space-offset',\n  scrollMarginInlineEnd: 'space-offset',\n  scrollMarginInlineStart: 'space-offset',\n  scrollMarginLeft: 'space-offset',\n  scrollMarginRight: 'space-offset',\n  scrollMarginTop: 'space-offset',\n  scrollPadding: 'space-inset',\n  scrollPaddingBlock: 'space-inset',\n  scrollPaddingBlockEnd: 'space-inset',\n  scrollPaddingBlockStart: 'space-inset',\n  scrollPaddingBottom: 'space-inset',\n  scrollPaddingInline: 'space-inset',\n  scrollPaddingInlineEnd: 'space-inset',\n  scrollPaddingInlineStart: 'space-inset',\n  scrollPaddingLeft: 'space-inset',\n  scrollPaddingRight: 'space-inset',\n  scrollPaddingTop: 'space-inset',\n  stroke: 'colors',\n  strokeWidth: 'stroke-width',\n  textDecorationColor: 'colors',\n  textShadow: 'shadows',\n  top: 'space',\n  transition: 'transitions',\n  width: 'sizes',\n  zIndex: 'z-indices',\n} as const\n\nexport type ThemeMap = typeof themeMap\n","import { Tokens } from '@mirohq/design-tokens'\n\nexport interface Theme {\n  'border-widths': typeof Tokens.borderWidths\n  colors: typeof Tokens.colors\n  'font-sizes': typeof Tokens.fontSizes\n  radii: typeof Tokens.radii\n  shadows: typeof Tokens.shadows\n  sizes: typeof Tokens.sizes\n  space: typeof Tokens.space\n  'space-gap': typeof Tokens.spaceGap\n  'space-inset': typeof Tokens.spaceInset\n  'space-offset': typeof Tokens.spaceOffset\n  'stroke-width': typeof Tokens.strokeWidths\n  'z-indices': typeof Tokens.zIndices\n}\n\nexport const theme: Theme = {\n  'border-widths': Tokens.borderWidths,\n  colors: Tokens.colors,\n  'font-sizes': Tokens.fontSizes,\n  radii: Tokens.radii,\n  shadows: Tokens.shadows,\n  sizes: Tokens.sizes,\n  space: Tokens.space,\n  'space-gap': Tokens.spaceGap,\n  'space-inset': Tokens.spaceInset,\n  'space-offset': Tokens.spaceOffset,\n  'stroke-width': Tokens.strokeWidths,\n  'z-indices': Tokens.zIndices,\n}\n","import type { PropertyValue } from '@stitches/react'\n\nexport const utils = {\n  paddingX: (value: PropertyValue<'padding'>) => ({\n    paddingLeft: value,\n    paddingRight: value,\n  }),\n  paddingY: (value: PropertyValue<'padding'>) => ({\n    paddingTop: value,\n    paddingBottom: value,\n  }),\n  marginX: (value: PropertyValue<'margin'>) => ({\n    marginLeft: value,\n    marginRight: value,\n  }),\n  marginY: (value: PropertyValue<'margin'>) => ({\n    marginTop: value,\n    marginBottom: value,\n  }),\n  square: (value: PropertyValue<'width'>) => ({\n    width: value,\n    height: value,\n  }),\n}\n","/**\n * Commenting out due to performance problems\n * Please check the thread for more info:\n * https://miro.slack.com/archives/C03SJ1S209M/p1669821558087279\n */\n\nexport const media = {\n  // reducedMotion: '(prefers-reduced-motion: reduce)',\n  // motion: '(prefers-reduced-motion: no-preference)',\n  // hover: '(any-hover: hover)',\n}\n","import { createStitches } from '@stitches/react'\nimport type * as CSSUtil from '@stitches/react/types/css-util'\n\nimport { utils, theme as defaultTheme, themeMap, media } from './config'\n\nconst stitches = createStitches({\n  theme: defaultTheme,\n  media,\n  utils,\n  themeMap,\n})\n\nexport const {\n  config,\n  createTheme,\n  css,\n  getCssText,\n  globalCss,\n  keyframes,\n  prefix,\n  styled,\n  theme,\n} = stitches\n\nexport type FontFace = CSSUtil.Native.AtRule.FontFace\n\nexport const fontFace = (...fonts: FontFace[]): string =>\n  globalCss({\n    '@font-face': fonts,\n  })()\n","import type { ConfigType } from '@stitches/react/types/config'\n\nimport { config } from './stitches'\n\nexport function setMedia<Media extends {} = {}>(\n  media: ConfigType.Media<Media>\n): void {\n  config.media = {\n    ...config.media,\n    ...media,\n  }\n}\n\nexport function setCssUtils<Utils extends {} = {}>(\n  utils: ConfigType.Utils<Utils>\n): void {\n  config.utils = {\n    ...config.utils,\n    ...utils,\n  }\n}\n","import React from 'react'\nimport type {\n  CSSProperties,\n  ComponentType,\n  ElementRef,\n  ExoticComponent,\n  ForwardRefExoticComponent,\n  JSXElementConstructor,\n  PropsWithoutRef,\n  RefAttributes,\n} from 'react'\nimport type { RemoveIndex } from '@stitches/react/types/stitches'\nimport type { Token } from '@stitches/react/types/theme'\nimport type {\n  StyledComponentProps as StitchesStyledComponentProps,\n  $$StyledComponentMedia,\n  $$StyledComponentProps,\n  $$StyledComponentType,\n  TransformProps,\n} from '@stitches/react/types/styled-component'\nimport type * as Util from '@stitches/react/types/util'\n\nimport * as stitches from './stitches'\nimport type { CSS, StyledComponentProps, ForbiddenProps } from './types'\n\n// Error messages\n// -----------------------------------------------------------------------------\n\nexport const AS_ERROR =\n  'Polymorphism via `as` prop is not available in styled components.'\n\nexport const STYLING_ATTRS_ERROR =\n  'The `className` and `style` attributes are not avaialable in styled components.'\n\n// Utils\n// -----------------------------------------------------------------------------\n\nconst styleWithCssVars = (\n  style: CSS,\n  themeMap: typeof stitches.config.themeMap\n): CSSProperties =>\n  (Object.entries(style) as Array<[string, unknown]>).reduce(\n    (acc, [prop, value]) => {\n      // @ts-expect-error\n      const mapKeyForProp = themeMap[prop]\n      const mapping = stitches.theme[mapKeyForProp] as unknown as {\n        [Prop: string]: { [K in keyof Token]: Token[K] }\n      }\n\n      const parsedValue =\n        typeof value === 'string' && /^\\$.+$/.test(value)\n          ? mapping[value.replace('$', '')]?.computedValue\n          : value\n\n      return {\n        ...acc,\n        [prop]: parsedValue,\n      }\n    },\n    {}\n  ) as CSSProperties\n\n// Styled\n// -----------------------------------------------------------------------------\n\ntype Variants<T> = 'variants' extends keyof T\n  ? {\n      [Name in keyof T['variants']]?:\n        | Util.Widen<keyof T['variants'][Name]>\n        | Util.String\n    }\n  : Util.WideObject\n\ntype Styles<Composers> = Composers extends\n  | string\n  | ComponentType<any>\n  | Util.Function\n  ? Composers\n  : RemoveIndex<CSS> & {\n      variants?: {\n        [Name in string]: {\n          [Pair in number | string]: CSS\n        }\n      }\n      compoundVariants?: Array<Variants<Composers> & { css: CSS }>\n      defaultVariants?: Variants<Composers>\n    } & CSS & {\n        [K in keyof Composers]: K extends\n          | 'compoundVariants'\n          | 'defaultVariants'\n          | 'variants'\n          ? unknown\n          : K extends keyof CSS\n          ? CSS[K]\n          : unknown\n      }\n\n// This interface is only needed to fix TS4023\nexport interface StitchesInternals<\n  Type extends\n    | keyof JSX.IntrinsicElements\n    | React.ComponentType<any>\n    | Util.Function,\n  Props extends {},\n  Media extends typeof stitches.config.media\n> {\n  className: string\n  selector: string\n  [$$StyledComponentType]: Type\n  [$$StyledComponentProps]: Props\n  [$$StyledComponentMedia]: Media\n}\n\nexport interface CustomStylesProps {\n  css?: CSS\n  UNSAFE_style?: CSS\n}\n\n// TS is infering the return type correctly, no need to make things uglier here\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nexport const styled = <\n  Element extends\n    | keyof JSX.IntrinsicElements\n    | React.ComponentType<any>\n    | Util.Function = 'span',\n  Composers extends\n    | string\n    | ExoticComponent<any>\n    | JSXElementConstructor<any>\n    | Util.Function\n    | { [name: string]: unknown } = {}\n>(\n  element: Element,\n  composers?: Styles<Composers>\n) => {\n  const StyledComponent = stitches.styled(element, composers ?? {})\n\n  type StitchesProps = StitchesStyledComponentProps<[Composers]>\n  type VariantProps = TransformProps<\n    StitchesProps,\n    typeof stitches.config.media\n  >\n  type ComponentProps = StyledComponentProps<typeof StyledComponent>\n\n  type Props = Omit<StitchesProps, keyof VariantProps> &\n    VariantProps &\n    ComponentProps &\n    CustomStylesProps\n\n  const Component = React.forwardRef<ElementRef<typeof StyledComponent>, Props>(\n    (props, forwardRef) => {\n      const {\n        as,\n        className,\n        style,\n        UNSAFE_style, // eslint-disable-line @typescript-eslint/naming-convention\n        ...restProps\n      } = props as Props & {\n        [K in ForbiddenProps]?: unknown\n      }\n\n      // based on https://github.com/modulz/stitches/blob/v1.2.8/packages/core/src/features/css.js#L71\n      const onlyStyledClasses =\n        typeof className === 'string'\n          ? className\n              ?.split(' ')\n              .filter((x: string) => x.match(`${stitches.prefix}c-.+`))\n              .join(' ')\n          : ''\n\n      const parsedStyle =\n        UNSAFE_style !== undefined\n          ? styleWithCssVars(UNSAFE_style, stitches.config.themeMap)\n          : onlyStyledClasses !== ''\n          ? style\n          : undefined\n\n      if (\n        (className !== undefined && onlyStyledClasses !== className) ||\n        (typeof style === 'object' &&\n          style !== null &&\n          Object.keys(style).length > 0 &&\n          onlyStyledClasses === '')\n      ) {\n        console.error(STYLING_ATTRS_ERROR)\n      }\n\n      if (as !== undefined) {\n        console.error(AS_ERROR)\n      }\n\n      return (\n        <StyledComponent\n          {...(restProps as any)}\n          className={onlyStyledClasses}\n          style={parsedStyle}\n          ref={forwardRef}\n        />\n      )\n    }\n  ) as ForwardRefExoticComponent<\n    PropsWithoutRef<Props> & RefAttributes<ElementRef<typeof StyledComponent>>\n  > &\n    StitchesInternals<\n      Element,\n      StitchesStyledComponentProps<[Composers]>,\n      typeof stitches.config.media\n    >\n\n  Component.displayName = 'Styled.ForwardRef'\n  Component.toString = StyledComponent.toString\n  Component.className = StyledComponent.className\n  Component.selector = StyledComponent.selector\n\n  return Component\n}\n","import { prefix, theme as stitchesTheme } from './stitches'\n\nexport * from './types'\n\nexport {\n  createTheme,\n  css,\n  getCssText,\n  globalCss,\n  keyframes,\n  fontFace,\n} from './stitches'\n\nexport type { FontFace } from './stitches'\n\nexport const stitchesCssRoot = {\n  prefix,\n  selector: stitchesTheme.selector,\n  className: stitchesTheme.className,\n}\n\nexport { theme, themeMap } from './config'\nexport type { Theme, ThemeMap } from './config'\n\nexport * from './custom'\nexport * from './styled'\n"],"names":["theme","defaultTheme","styled","stitches.theme","stitches.styled","stitches.prefix","stitches.config","stitchesTheme"],"mappings":"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"}
+{"version":3,"file":"module.js","sources":["../src/config/theme-map.ts","../src/config/theme.ts","../src/config/utils.ts","../src/config/media.ts","../src/stitches.ts","../src/custom.ts","../src/styled.tsx","../src/index.ts"],"sourcesContent":["export const themeMap = {\n  background: 'colors',\n  backgroundColor: 'colors',\n  backgroundImage: 'colors',\n  blockSize: 'sizes',\n  border: 'colors',\n  borderBlock: 'colors',\n  borderBlockEnd: 'colors',\n  borderBlockStart: 'colors',\n  borderBottom: 'colors',\n  borderBottomColor: 'colors',\n  borderBottomLeftRadius: 'radii',\n  borderBottomRightRadius: 'radii',\n  borderBottomStyle: 'border-styles',\n  borderBottomWidth: 'border-widths',\n  borderColor: 'colors',\n  borderImage: 'colors',\n  borderInline: 'colors',\n  borderInlineEnd: 'colors',\n  borderInlineStart: 'colors',\n  borderLeft: 'colors',\n  borderLeftColor: 'colors',\n  borderLeftStyle: 'border-styles',\n  borderLeftWidth: 'border-widths',\n  borderRadius: 'radii',\n  borderRight: 'colors',\n  borderRightColor: 'colors',\n  borderRightStyle: 'border-styles',\n  borderRightWidth: 'border-widths',\n  borderStyle: 'border-styles',\n  borderTop: 'colors',\n  borderTopColor: 'colors',\n  borderTopLeftRadius: 'radii',\n  borderTopRightRadius: 'radii',\n  borderTopStyle: 'border-styles',\n  borderTopWidth: 'border-widths',\n  borderWidth: 'border-widths',\n  bottom: 'space',\n  boxShadow: 'shadows',\n  caretColor: 'colors',\n  color: 'colors',\n  columnGap: 'space-gap',\n  columnRuleColor: 'colors',\n  fill: 'colors',\n  flexBasis: 'sizes',\n  fontFamily: 'fonts',\n  fontSize: 'font-sizes',\n  fontWeight: 'font-weights',\n  gap: 'space-gap',\n  gridColumnGap: 'space-gap',\n  gridGap: 'space-gap',\n  gridRowGap: 'space-gap',\n  gridTemplateColumns: 'sizes',\n  gridTemplateRows: 'sizes',\n  height: 'sizes',\n  inlineSize: 'sizes',\n  inset: 'space-inset',\n  insetBlock: 'space-inset',\n  insetBlockEnd: 'space-inset',\n  insetBlockStart: 'space-inset',\n  insetInline: 'space-inset',\n  insetInlineEnd: 'space-inset',\n  insetInlineStart: 'space-inset',\n  left: 'space',\n  letterSpacing: 'letter-spacings',\n  lineHeight: 'line-heights',\n  margin: 'space-offset',\n  marginBlock: 'space-offset',\n  marginBlockEnd: 'space-offset',\n  marginBlockStart: 'space-offset',\n  marginBottom: 'space-offset',\n  marginInline: 'space-offset',\n  marginInlineEnd: 'space-offset',\n  marginInlineStart: 'space-offset',\n  marginLeft: 'space-offset',\n  marginRight: 'space-offset',\n  marginTop: 'space-offset',\n  maxBlockSize: 'sizes',\n  maxHeight: 'sizes',\n  maxInlineSize: 'sizes',\n  maxWidth: 'sizes',\n  minBlockSize: 'sizes',\n  minHeight: 'sizes',\n  minInlineSize: 'sizes',\n  minWidth: 'sizes',\n  outline: 'colors',\n  outlineColor: 'colors',\n  padding: 'space-inset',\n  paddingBlock: 'space-inset',\n  paddingBlockEnd: 'space-inset',\n  paddingBlockStart: 'space-inset',\n  paddingBottom: 'space-inset',\n  paddingInline: 'space-inset',\n  paddingInlineEnd: 'space-inset',\n  paddingInlineStart: 'space-inset',\n  paddingLeft: 'space-inset',\n  paddingRight: 'space-inset',\n  paddingTop: 'space-inset',\n  right: 'space',\n  rowGap: 'space-gap',\n  scrollMargin: 'space-offset',\n  scrollMarginBlock: 'space-offset',\n  scrollMarginBlockEnd: 'space-offset',\n  scrollMarginBlockStart: 'space-offset',\n  scrollMarginBottom: 'space-offset',\n  scrollMarginInline: 'space-offset',\n  scrollMarginInlineEnd: 'space-offset',\n  scrollMarginInlineStart: 'space-offset',\n  scrollMarginLeft: 'space-offset',\n  scrollMarginRight: 'space-offset',\n  scrollMarginTop: 'space-offset',\n  scrollPadding: 'space-inset',\n  scrollPaddingBlock: 'space-inset',\n  scrollPaddingBlockEnd: 'space-inset',\n  scrollPaddingBlockStart: 'space-inset',\n  scrollPaddingBottom: 'space-inset',\n  scrollPaddingInline: 'space-inset',\n  scrollPaddingInlineEnd: 'space-inset',\n  scrollPaddingInlineStart: 'space-inset',\n  scrollPaddingLeft: 'space-inset',\n  scrollPaddingRight: 'space-inset',\n  scrollPaddingTop: 'space-inset',\n  stroke: 'colors',\n  strokeWidth: 'stroke-width',\n  textDecorationColor: 'colors',\n  textShadow: 'shadows',\n  top: 'space',\n  transition: 'transitions',\n  width: 'sizes',\n  zIndex: 'z-indices',\n} as const\n\nexport type ThemeMap = typeof themeMap\n","import { Tokens } from '@mirohq/design-tokens'\n\nexport interface Theme {\n  'border-widths': typeof Tokens.borderWidths\n  colors: typeof Tokens.colors\n  'font-sizes': typeof Tokens.fontSizes\n  radii: typeof Tokens.radii\n  shadows: typeof Tokens.shadows\n  sizes: typeof Tokens.sizes\n  space: typeof Tokens.space\n  'space-gap': typeof Tokens.spaceGap\n  'space-inset': typeof Tokens.spaceInset\n  'space-offset': typeof Tokens.spaceOffset\n  'stroke-width': typeof Tokens.strokeWidths\n  'z-indices': typeof Tokens.zIndices\n}\n\nexport const theme: Theme = {\n  'border-widths': Tokens.borderWidths,\n  colors: Tokens.colors,\n  'font-sizes': Tokens.fontSizes,\n  radii: Tokens.radii,\n  shadows: Tokens.shadows,\n  sizes: Tokens.sizes,\n  space: Tokens.space,\n  'space-gap': Tokens.spaceGap,\n  'space-inset': Tokens.spaceInset,\n  'space-offset': Tokens.spaceOffset,\n  'stroke-width': Tokens.strokeWidths,\n  'z-indices': Tokens.zIndices,\n}\n","import type { PropertyValue } from '@stitches/react'\n\nexport const utils = {\n  paddingX: (value: PropertyValue<'padding'>) => ({\n    paddingLeft: value,\n    paddingRight: value,\n  }),\n  paddingY: (value: PropertyValue<'padding'>) => ({\n    paddingTop: value,\n    paddingBottom: value,\n  }),\n  marginX: (value: PropertyValue<'margin'>) => ({\n    marginLeft: value,\n    marginRight: value,\n  }),\n  marginY: (value: PropertyValue<'margin'>) => ({\n    marginTop: value,\n    marginBottom: value,\n  }),\n  square: (value: PropertyValue<'width'>) => ({\n    width: value,\n    height: value,\n  }),\n}\n","/**\n * Commenting out due to performance problems\n * Please check the thread for more info:\n * https://miro.slack.com/archives/C03SJ1S209M/p1669821558087279\n */\n\nexport const media = {\n  // reducedMotion: '(prefers-reduced-motion: reduce)',\n  // motion: '(prefers-reduced-motion: no-preference)',\n  // hover: '(any-hover: hover)',\n}\n","import { createStitches } from '@stitches/react'\nimport type * as CSSUtil from '@stitches/react/types/css-util'\n\nimport { utils, theme as defaultTheme, themeMap, media } from './config'\n\nconst stitches = createStitches({\n  theme: defaultTheme,\n  media,\n  utils,\n  themeMap,\n})\n\nexport const {\n  config,\n  createTheme,\n  css,\n  getCssText,\n  globalCss,\n  keyframes,\n  prefix,\n  styled,\n  theme,\n} = stitches\n\nexport type FontFace = CSSUtil.Native.AtRule.FontFace\n\nexport const fontFace = (...fonts: FontFace[]): string =>\n  globalCss({\n    '@font-face': fonts,\n  })()\n","import type { ConfigType } from '@stitches/react/types/config'\n\nimport { config } from './stitches'\n\nexport function setMedia<Media extends {} = {}>(\n  media: ConfigType.Media<Media>\n): void {\n  config.media = {\n    ...config.media,\n    ...media,\n  }\n}\n\nexport function setCssUtils<Utils extends {} = {}>(\n  utils: ConfigType.Utils<Utils>\n): void {\n  config.utils = {\n    ...config.utils,\n    ...utils,\n  }\n}\n","import React from 'react'\nimport type {\n  CSSProperties,\n  ComponentType,\n  ElementRef,\n  ExoticComponent,\n  ForwardRefExoticComponent,\n  JSXElementConstructor,\n  PropsWithoutRef,\n  RefAttributes,\n} from 'react'\nimport type { RemoveIndex } from '@stitches/react/types/stitches'\nimport type { Token } from '@stitches/react/types/theme'\nimport type {\n  StyledComponentProps as StitchesStyledComponentProps,\n  $$StyledComponentMedia,\n  $$StyledComponentProps,\n  $$StyledComponentType,\n  TransformProps,\n} from '@stitches/react/types/styled-component'\nimport type * as Util from '@stitches/react/types/util'\n\nimport * as stitches from './stitches'\nimport type { CSS, StyledComponentProps, ForbiddenProps } from './types'\n\n// Error messages\n// -----------------------------------------------------------------------------\n\nexport const AS_ERROR =\n  'Polymorphism via `as` prop is not available in styled components.'\n\nexport const STYLING_ATTRS_ERROR =\n  'The `className` and `style` attributes are not avaialable in styled components.'\n\n// Utils\n// -----------------------------------------------------------------------------\n\nconst styleWithCssVars = (\n  style: CSS,\n  themeMap: typeof stitches.config.themeMap\n): CSSProperties =>\n  (Object.entries(style) as Array<[string, unknown]>).reduce(\n    (acc, [prop, value]) => {\n      // @ts-expect-error\n      const mapKeyForProp = themeMap[prop]\n      const mapping = stitches.theme[mapKeyForProp] as unknown as {\n        [Prop: string]: { [K in keyof Token]: Token[K] }\n      }\n\n      const parsedValue =\n        typeof value === 'string' && /^\\$.+$/.test(value)\n          ? mapping[value.replace('$', '')]?.computedValue\n          : value\n\n      return {\n        ...acc,\n        [prop]: parsedValue,\n      }\n    },\n    {}\n  ) as CSSProperties\n\n// Styled\n// -----------------------------------------------------------------------------\n\ntype Variants<T> = 'variants' extends keyof T\n  ? {\n      [Name in keyof T['variants']]?:\n        | Util.Widen<keyof T['variants'][Name]>\n        | Util.String\n    }\n  : Util.WideObject\n\ntype Styles<Composers> = Composers extends\n  | string\n  | ComponentType<any>\n  | Util.Function\n  ? Composers\n  : RemoveIndex<CSS> & {\n      variants?: {\n        [Name in string]: {\n          [Pair in number | string]: CSS\n        }\n      }\n      compoundVariants?: Array<Variants<Composers> & { css: CSS }>\n      defaultVariants?: Variants<Composers>\n    } & CSS & {\n        [K in keyof Composers]: K extends\n          | 'compoundVariants'\n          | 'defaultVariants'\n          | 'variants'\n          ? unknown\n          : K extends keyof CSS\n          ? CSS[K]\n          : unknown\n      }\n\n// This interface is only needed to fix TS4023\nexport interface StitchesInternals<\n  Type extends\n    | keyof JSX.IntrinsicElements\n    | React.ComponentType<any>\n    | Util.Function,\n  Props extends {},\n  Media extends typeof stitches.config.media\n> {\n  className: string\n  selector: string\n  [$$StyledComponentType]: Type\n  [$$StyledComponentProps]: Props\n  [$$StyledComponentMedia]: Media\n}\n\nexport interface CustomStylesProps {\n  css?: CSS\n  UNSAFE_style?: CSS\n}\n\n// TS is infering the return type correctly, no need to make things uglier here\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nexport const styled = <\n  Element extends\n    | keyof JSX.IntrinsicElements\n    | React.ComponentType<any>\n    | Util.Function = 'span',\n  Composers extends\n    | string\n    | ExoticComponent<any>\n    | JSXElementConstructor<any>\n    | Util.Function\n    | { [name: string]: unknown } = {}\n>(\n  element: Element,\n  composers?: Styles<Composers>\n) => {\n  const StyledComponent = stitches.styled(element, composers ?? {})\n\n  type StitchesProps = StitchesStyledComponentProps<[Composers]>\n  type VariantProps = TransformProps<\n    StitchesProps,\n    typeof stitches.config.media\n  >\n  type ComponentProps = StyledComponentProps<typeof StyledComponent>\n\n  type Props = Omit<StitchesProps, keyof VariantProps> &\n    VariantProps &\n    ComponentProps &\n    CustomStylesProps\n\n  const Component = React.forwardRef<ElementRef<typeof StyledComponent>, Props>(\n    (props, forwardRef) => {\n      const {\n        as,\n        className,\n        style,\n        UNSAFE_style, // eslint-disable-line @typescript-eslint/naming-convention\n        ...restProps\n      } = props as Props & {\n        [K in ForbiddenProps]?: unknown\n      }\n\n      // based on https://github.com/modulz/stitches/blob/v1.2.8/packages/core/src/features/css.js#L71\n      const onlyStyledClasses =\n        typeof className === 'string'\n          ? className\n              ?.split(' ')\n              .filter((x: string) => x.match(`${stitches.prefix}c-.+`))\n              .join(' ')\n          : ''\n\n      const parsedStyle =\n        UNSAFE_style !== undefined\n          ? styleWithCssVars(UNSAFE_style, stitches.config.themeMap)\n          : onlyStyledClasses !== ''\n          ? style\n          : undefined\n\n      if (\n        (className !== undefined && onlyStyledClasses !== className) ||\n        (typeof style === 'object' &&\n          style !== null &&\n          Object.keys(style).length > 0 &&\n          onlyStyledClasses === '')\n      ) {\n        console.error(STYLING_ATTRS_ERROR)\n      }\n\n      if (as !== undefined) {\n        console.error(AS_ERROR)\n      }\n\n      return (\n        <StyledComponent\n          {...(restProps as any)}\n          className={onlyStyledClasses}\n          style={parsedStyle}\n          ref={forwardRef}\n        />\n      )\n    }\n  ) as ForwardRefExoticComponent<\n    PropsWithoutRef<Props> & RefAttributes<ElementRef<typeof StyledComponent>>\n  > &\n    StitchesInternals<\n      Element,\n      StitchesStyledComponentProps<[Composers]>,\n      typeof stitches.config.media\n    >\n\n  Component.displayName = 'Styled.ForwardRef'\n  Component.toString = StyledComponent.toString\n  Component.className = StyledComponent.className\n  Component.selector = StyledComponent.selector\n\n  return Component\n}\n","import { prefix, theme as stitchesTheme } from './stitches'\n\nexport * from './types'\n\nexport {\n  createTheme,\n  css,\n  getCssText,\n  globalCss,\n  keyframes,\n  fontFace,\n} from './stitches'\n\nexport type { FontFace } from './stitches'\n\nexport const stitchesCssRoot = {\n  prefix,\n  selector: stitchesTheme.selector,\n  className: stitchesTheme.className,\n}\n\nexport { theme, themeMap } from './config'\nexport type { Theme, ThemeMap } from './config'\n\nexport * from './custom'\nexport * from './styled'\n"],"names":["theme","defaultTheme","styled","stitches.theme","stitches.styled","stitches.prefix","stitches.config","stitchesTheme"],"mappings":"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"}

package/dist/types.d.ts

@@ -213,28 +213,28 @@ declare const config: {
             readonly 'icon-400': "32px";
         };
         space: {
-            readonly none: 0;
+            readonly 0: 0;
             readonly 50: "4px";
             readonly 100: "8px";
             readonly 150: "12px";
             readonly 200: "16px";
             readonly 300: "24px";
             readonly 400: "32px";
-            readonly 500: "64px";
+            readonly 500: "40px";
             readonly 600: "48px";
             readonly 800: "64px";
             readonly 1200: "96px";
             readonly 1600: "128px";
         };
         'space-gap': {
-            readonly none: any;
+            readonly 0: any;
             readonly 50: any;
             readonly 100: any;
             readonly 200: any;
             readonly 300: any;
         };
         'space-inset': {
-            readonly none: any;
+            readonly 0: any;
             readonly 50: any;
             readonly 100: any;
             readonly 150: any;
@@ -247,7 +247,7 @@ declare const config: {
             readonly 1600: any;
         };
         'space-offset': {
-            readonly none: any;
+            readonly 0: any;
             readonly 50: any;
             readonly 100: any;
             readonly 150: any;
@@ -258,7 +258,7 @@ declare const config: {
             readonly 800: any;
             readonly 1200: any;
             readonly 1600: any;
-            readonly 'stacking-none': any;
+            readonly 'stacking-0': any;
             readonly 'stacking-100': any;
             readonly 'stacking-200': any;
             readonly 'stacking-300': any;
@@ -660,7 +660,7 @@ declare const createTheme: <Argument0 extends string | ({
         readonly 'icon-400'?: string | number | boolean | undefined;
     } | undefined;
     space?: {
-        readonly none?: string | number | boolean | undefined;
+        readonly 0?: string | number | boolean | undefined;
         readonly 50?: string | number | boolean | undefined;
         readonly 100?: string | number | boolean | undefined;
         readonly 150?: string | number | boolean | undefined;
@@ -674,14 +674,14 @@ declare const createTheme: <Argument0 extends string | ({
         readonly 1600?: string | number | boolean | undefined;
     } | undefined;
     'space-gap'?: {
-        readonly none?: string | number | boolean | undefined;
+        readonly 0?: string | number | boolean | undefined;
         readonly 50?: string | number | boolean | undefined;
         readonly 100?: string | number | boolean | undefined;
         readonly 200?: string | number | boolean | undefined;
         readonly 300?: string | number | boolean | undefined;
     } | undefined;
     'space-inset'?: {
-        readonly none?: string | number | boolean | undefined;
+        readonly 0?: string | number | boolean | undefined;
         readonly 50?: string | number | boolean | undefined;
         readonly 100?: string | number | boolean | undefined;
         readonly 150?: string | number | boolean | undefined;
@@ -694,7 +694,7 @@ declare const createTheme: <Argument0 extends string | ({
         readonly 1600?: string | number | boolean | undefined;
     } | undefined;
     'space-offset'?: {
-        readonly none?: string | number | boolean | undefined;
+        readonly 0?: string | number | boolean | undefined;
         readonly 50?: string | number | boolean | undefined;
         readonly 100?: string | number | boolean | undefined;
         readonly 150?: string | number | boolean | undefined;
@@ -705,7 +705,7 @@ declare const createTheme: <Argument0 extends string | ({
         readonly 800?: string | number | boolean | undefined;
         readonly 1200?: string | number | boolean | undefined;
         readonly 1600?: string | number | boolean | undefined;
-        readonly 'stacking-none'?: string | number | boolean | undefined;
+        readonly 'stacking-0'?: string | number | boolean | undefined;
         readonly 'stacking-100'?: string | number | boolean | undefined;
         readonly 'stacking-200'?: string | number | boolean | undefined;
         readonly 'stacking-300'?: string | number | boolean | undefined;
@@ -927,7 +927,7 @@ declare const createTheme: <Argument0 extends string | ({
         readonly 'icon-400'?: string | number | boolean | undefined;
     } | undefined;
     space?: {
-        readonly none?: string | number | boolean | undefined;
+        readonly 0?: string | number | boolean | undefined;
         readonly 50?: string | number | boolean | undefined;
         readonly 100?: string | number | boolean | undefined;
         readonly 150?: string | number | boolean | undefined;
@@ -941,14 +941,14 @@ declare const createTheme: <Argument0 extends string | ({
         readonly 1600?: string | number | boolean | undefined;
     } | undefined;
     'space-gap'?: {
-        readonly none?: string | number | boolean | undefined;
+        readonly 0?: string | number | boolean | undefined;
         readonly 50?: string | number | boolean | undefined;
         readonly 100?: string | number | boolean | undefined;
         readonly 200?: string | number | boolean | undefined;
         readonly 300?: string | number | boolean | undefined;
     } | undefined;
     'space-inset'?: {
-        readonly none?: string | number | boolean | undefined;
+        readonly 0?: string | number | boolean | undefined;
         readonly 50?: string | number | boolean | undefined;
         readonly 100?: string | number | boolean | undefined;
         readonly 150?: string | number | boolean | undefined;
@@ -961,7 +961,7 @@ declare const createTheme: <Argument0 extends string | ({
         readonly 1600?: string | number | boolean | undefined;
     } | undefined;
     'space-offset'?: {
-        readonly none?: string | number | boolean | undefined;
+        readonly 0?: string | number | boolean | undefined;
         readonly 50?: string | number | boolean | undefined;
         readonly 100?: string | number | boolean | undefined;
         readonly 150?: string | number | boolean | undefined;
@@ -972,7 +972,7 @@ declare const createTheme: <Argument0 extends string | ({
         readonly 800?: string | number | boolean | undefined;
         readonly 1200?: string | number | boolean | undefined;
         readonly 1600?: string | number | boolean | undefined;
-        readonly 'stacking-none'?: string | number | boolean | undefined;
+        readonly 'stacking-0'?: string | number | boolean | undefined;
         readonly 'stacking-100'?: string | number | boolean | undefined;
         readonly 'stacking-200'?: string | number | boolean | undefined;
         readonly 'stacking-300'?: string | number | boolean | undefined;
@@ -1200,28 +1200,28 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
         readonly 'icon-400': "32px";
     };
     space: {
-        readonly none: 0;
+        readonly 0: 0;
         readonly 50: "4px";
         readonly 100: "8px";
         readonly 150: "12px";
         readonly 200: "16px";
         readonly 300: "24px";
         readonly 400: "32px";
-        readonly 500: "64px";
+        readonly 500: "40px";
         readonly 600: "48px";
         readonly 800: "64px";
         readonly 1200: "96px";
         readonly 1600: "128px";
     };
     'space-gap': {
-        readonly none: any;
+        readonly 0: any;
         readonly 50: any;
         readonly 100: any;
         readonly 200: any;
         readonly 300: any;
     };
     'space-inset': {
-        readonly none: any;
+        readonly 0: any;
         readonly 50: any;
         readonly 100: any;
         readonly 150: any;
@@ -1234,7 +1234,7 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
         readonly 1600: any;
     };
     'space-offset': {
-        readonly none: any;
+        readonly 0: any;
         readonly 50: any;
         readonly 100: any;
         readonly 150: any;
@@ -1245,7 +1245,7 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
         readonly 800: any;
         readonly 1200: any;
         readonly 1600: any;
-        readonly 'stacking-none': any;
+        readonly 'stacking-0': any;
         readonly 'stacking-100': any;
         readonly 'stacking-200': any;
         readonly 'stacking-300': any;
@@ -1662,28 +1662,28 @@ declare const globalCss: <Styles extends {
             readonly 'icon-400': "32px";
         };
         space: {
-            readonly none: 0;
+            readonly 0: 0;
             readonly 50: "4px";
             readonly 100: "8px";
             readonly 150: "12px";
             readonly 200: "16px";
             readonly 300: "24px";
             readonly 400: "32px";
-            readonly 500: "64px";
+            readonly 500: "40px";
             readonly 600: "48px";
             readonly 800: "64px";
             readonly 1200: "96px";
             readonly 1600: "128px";
         };
         'space-gap': {
-            readonly none: any;
+            readonly 0: any;
             readonly 50: any;
             readonly 100: any;
             readonly 200: any;
             readonly 300: any;
         };
         'space-inset': {
-            readonly none: any;
+            readonly 0: any;
             readonly 50: any;
             readonly 100: any;
             readonly 150: any;
@@ -1696,7 +1696,7 @@ declare const globalCss: <Styles extends {
             readonly 1600: any;
         };
         'space-offset': {
-            readonly none: any;
+            readonly 0: any;
             readonly 50: any;
             readonly 100: any;
             readonly 150: any;
@@ -1707,7 +1707,7 @@ declare const globalCss: <Styles extends {
             readonly 800: any;
             readonly 1200: any;
             readonly 1600: any;
-            readonly 'stacking-none': any;
+            readonly 'stacking-0': any;
             readonly 'stacking-100': any;
             readonly 'stacking-200': any;
             readonly 'stacking-300': any;
@@ -2106,28 +2106,28 @@ declare const globalCss: <Styles extends {
         readonly 'icon-400': "32px";
     };
     space: {
-        readonly none: 0;
+        readonly 0: 0;
         readonly 50: "4px";
         readonly 100: "8px";
         readonly 150: "12px";
         readonly 200: "16px";
         readonly 300: "24px";
         readonly 400: "32px";
-        readonly 500: "64px";
+        readonly 500: "40px";
         readonly 600: "48px";
         readonly 800: "64px";
         readonly 1200: "96px";
         readonly 1600: "128px";
     };
     'space-gap': {
-        readonly none: any;
+        readonly 0: any;
         readonly 50: any;
         readonly 100: any;
         readonly 200: any;
         readonly 300: any;
     };
     'space-inset': {
-        readonly none: any;
+        readonly 0: any;
         readonly 50: any;
         readonly 100: any;
         readonly 150: any;
@@ -2140,7 +2140,7 @@ declare const globalCss: <Styles extends {
         readonly 1600: any;
     };
     'space-offset': {
-        readonly none: any;
+        readonly 0: any;
         readonly 50: any;
         readonly 100: any;
         readonly 150: any;
@@ -2151,7 +2151,7 @@ declare const globalCss: <Styles extends {
         readonly 800: any;
         readonly 1200: any;
         readonly 1600: any;
-        readonly 'stacking-none': any;
+        readonly 'stacking-0': any;
         readonly 'stacking-100': any;
         readonly 'stacking-200': any;
         readonly 'stacking-300': any;
@@ -2551,28 +2551,28 @@ declare const keyframes: (style: {
             readonly 'icon-400': "32px";
         };
         space: {
-            readonly none: 0;
+            readonly 0: 0;
             readonly 50: "4px";
             readonly 100: "8px";
             readonly 150: "12px";
             readonly 200: "16px";
             readonly 300: "24px";
             readonly 400: "32px";
-            readonly 500: "64px";
+            readonly 500: "40px";
             readonly 600: "48px";
             readonly 800: "64px";
             readonly 1200: "96px";
             readonly 1600: "128px";
         };
         'space-gap': {
-            readonly none: any;
+            readonly 0: any;
             readonly 50: any;
             readonly 100: any;
             readonly 200: any;
             readonly 300: any;
         };
         'space-inset': {
-            readonly none: any;
+            readonly 0: any;
             readonly 50: any;
             readonly 100: any;
             readonly 150: any;
@@ -2585,7 +2585,7 @@ declare const keyframes: (style: {
             readonly 1600: any;
         };
         'space-offset': {
-            readonly none: any;
+            readonly 0: any;
             readonly 50: any;
             readonly 100: any;
             readonly 150: any;
@@ -2596,7 +2596,7 @@ declare const keyframes: (style: {
             readonly 800: any;
             readonly 1200: any;
             readonly 1600: any;
-            readonly 'stacking-none': any;
+            readonly 'stacking-0': any;
             readonly 'stacking-100': any;
             readonly 'stacking-200': any;
             readonly 'stacking-300': any;
@@ -3012,13 +3012,13 @@ interface CustomStylesProps {
     css?: CSS;
     UNSAFE_style?: CSS;
 }
-declare const styled: <Element_1 extends _stitches_react_types_util.Function | keyof JSX.IntrinsicElements | React__default.ComponentType<any> = "span", Composers extends string | _stitches_react_types_util.Function | React__default.JSXElementConstructor<any> | React__default.ExoticComponent<any> | {
+declare const styled: <Element_1 extends _stitches_react_types_util.Function | React__default.ComponentType<any> | keyof JSX.IntrinsicElements = "span", Composers extends string | _stitches_react_types_util.Function | React__default.JSXElementConstructor<any> | React__default.ExoticComponent<any> | {
     [name: string]: unknown;
 } = {}>(element: Element_1, composers?: Styles<Composers> | undefined) => React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<Omit<StyledComponentProps$1<[Composers]>, keyof (typeof $$StyledComponentProps extends keyof Composers ? Composers[keyof Composers & typeof $$StyledComponentProps] : Composers extends {
     variants: {
         [name: string]: unknown;
     };
-} ? Composers["variants"] extends infer T ? { [K in keyof T]?: _stitches_react_types_util.Widen<keyof Composers["variants"][K]> | undefined; } : never : {})> & TransformProps<StyledComponentProps$1<[Composers]>, {}> & SafeProps<React__default.PropsWithRef<_stitches_react_types_util.Assign<Element_1 extends keyof JSX.IntrinsicElements | React__default.ComponentType<any> ? React__default.ComponentPropsWithRef<Element_1> : never, TransformProps<{}, {}> & {
+} ? Composers["variants"] extends infer T ? { [K in keyof T]?: _stitches_react_types_util.Widen<keyof Composers["variants"][K]> | undefined; } : never : {})> & TransformProps<StyledComponentProps$1<[Composers]>, {}> & SafeProps<React__default.PropsWithRef<_stitches_react_types_util.Assign<Element_1 extends React__default.ComponentType<any> | keyof JSX.IntrinsicElements ? React__default.ComponentPropsWithRef<Element_1> : never, TransformProps<{}, {}> & {
     css?: CSSUtil.CSS<{}, {
         'border-widths': {
             readonly none: 0;
@@ -3218,28 +3218,28 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | k
             readonly 'icon-400': "32px";
         };
         space: {
-            readonly none: 0;
+            readonly 0: 0;
             readonly 50: "4px";
             readonly 100: "8px";
             readonly 150: "12px";
             readonly 200: "16px";
             readonly 300: "24px";
             readonly 400: "32px";
-            readonly 500: "64px";
+            readonly 500: "40px";
             readonly 600: "48px";
             readonly 800: "64px";
             readonly 1200: "96px";
             readonly 1600: "128px";
         };
         'space-gap': {
-            readonly none: any;
+            readonly 0: any;
             readonly 50: any;
             readonly 100: any;
             readonly 200: any;
             readonly 300: any;
         };
         'space-inset': {
-            readonly none: any;
+            readonly 0: any;
             readonly 50: any;
             readonly 100: any;
             readonly 150: any;
@@ -3252,7 +3252,7 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | k
             readonly 1600: any;
         };
         'space-offset': {
-            readonly none: any;
+            readonly 0: any;
             readonly 50: any;
             readonly 100: any;
             readonly 150: any;
@@ -3263,7 +3263,7 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | k
             readonly 800: any;
             readonly 1200: any;
             readonly 1600: any;
-            readonly 'stacking-none': any;
+            readonly 'stacking-0': any;
             readonly 'stacking-100': any;
             readonly 'stacking-200': any;
             readonly 'stacking-300': any;
@@ -3664,28 +3664,28 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | k
         readonly 'icon-400': "32px";
     };
     space: {
-        readonly none: 0;
+        readonly 0: 0;
         readonly 50: "4px";
         readonly 100: "8px";
         readonly 150: "12px";
         readonly 200: "16px";
         readonly 300: "24px";
         readonly 400: "32px";
-        readonly 500: "64px";
+        readonly 500: "40px";
         readonly 600: "48px";
         readonly 800: "64px";
         readonly 1200: "96px";
         readonly 1600: "128px";
     };
     'space-gap': {
-        readonly none: any;
+        readonly 0: any;
         readonly 50: any;
         readonly 100: any;
         readonly 200: any;
         readonly 300: any;
     };
     'space-inset': {
-        readonly none: any;
+        readonly 0: any;
         readonly 50: any;
         readonly 100: any;
         readonly 150: any;
@@ -3698,7 +3698,7 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | k
         readonly 1600: any;
     };
     'space-offset': {
-        readonly none: any;
+        readonly 0: any;
         readonly 50: any;
         readonly 100: any;
         readonly 150: any;
@@ -3709,7 +3709,7 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | k
         readonly 800: any;
         readonly 1200: any;
         readonly 1600: any;
-        readonly 'stacking-none': any;
+        readonly 'stacking-0': any;
         readonly 'stacking-100': any;
         readonly 'stacking-200': any;
         readonly 'stacking-300': any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mirohq/design-system-stitches",
-  "version": "2.3.2",
+  "version": "2.3.4-use-press.0",
   "description": "",
   "author": "Miro",
   "source": "src/index.ts",
@@ -26,8 +26,8 @@
     "react": "^16.14 || ^17 || ^18"
   },
   "dependencies": {
-    "@mirohq/design-system-types": "^0.5.0",
-    "@mirohq/design-tokens": "^2.7.0"
+    "@mirohq/design-system-types": "^0.6.0-use-press.0",
+    "@mirohq/design-tokens": "^2.7.1"
   },
   "scripts": {
     "build": "rollup -c ../../rollup.config.js",