@marigold/system 0.2.0 → 0.3.0

package/dist/system.cjs.development.js.map

@@ -1 +1 @@
-{"version":3,"file":"system.cjs.development.js","sources":["../src/normalize.ts","../src/useTheme.tsx","../src/Element.tsx","../src/useClassname.ts","../src/reset.ts","../src/useStyles.ts"],"sourcesContent":["import { ElementType } from 'react';\n\nconst base = {\n  boxSizing: 'border-box',\n  margin: 0,\n  padding: 0,\n  minWidth: 0,\n  fontSize: '100%',\n  fontFamily: 'inherit',\n  verticalAlign: 'baseline',\n  WebkitTapHighlightColor: 'transparent',\n} as const;\n\n// Content\n// ---------------\nconst block = {\n  display: 'block',\n} as const;\n\nconst list = {\n  // empty\n} as const;\n\nconst table = {\n  borderCollapse: 'collapse',\n  borderSpacing: 0,\n} as const;\n\n// Typography\n// ---------------\nconst a = {\n  textDecoration: 'none',\n  touchAction: 'manipulation',\n} as const;\n\nconst quote = {\n  quotes: 'none',\n  selectors: {\n    '&:before, &:after': {\n      content: \"''\",\n    },\n  },\n} as const;\n\n// Form Elements\n// ---------------\nconst button = {\n  display: 'block',\n  appearance: 'none',\n  background: 'transparent',\n  textAlign: 'center',\n  touchAction: 'manipulation',\n} as const;\n\nconst input = {\n  display: 'block',\n  appearance: 'none',\n  selectors: {\n    '&::-ms-clear': {\n      display: 'none',\n    },\n    '&::-webkit-search-cancel-button': {\n      WebkitAppearance: 'none',\n    },\n  },\n} as const;\n\nconst select = {\n  display: 'block',\n  appearance: 'none',\n  selectors: {\n    '&::-ms-expand': {\n      display: 'none',\n    },\n  },\n} as const;\n\nconst textarea = {\n  display: 'block',\n  appearance: 'none',\n} as const;\n\n// Reset\n// ---------------\nconst reset = {\n  article: block,\n  aside: block,\n  details: block,\n  figcaption: block,\n  figure: block,\n  footer: block,\n  header: block,\n  hgroup: block,\n  menu: block,\n  nav: block,\n  section: block,\n  ul: list,\n  ol: list,\n  blockquote: quote,\n  q: quote,\n  a,\n  base,\n  table,\n  select,\n  button,\n  textarea,\n  input,\n} as const;\n\nexport type NormalizedElement = keyof typeof reset;\nconst isKnownElement = (input: string): input is NormalizedElement =>\n  input in reset;\n\n/**\n * Helper to conveniently get reset styles.\n */\nexport const getNormalizedStyles = (input?: ElementType): object => {\n  /**\n   * If a React component is given, we don't apply any reset styles\n   * and return the base reset.\n   */\n  if (typeof input !== 'string') {\n    return reset.base;\n  }\n\n  /**\n   * Try to find the reset style for a HTML element. If the element\n   * is not included return empty styles.\n   */\n  return isKnownElement(input) ? reset[input] : {};\n};\n","import React, { createContext, useCallback, useContext } from 'react';\nimport { css as themeUi } from '@theme-ui/css';\nimport { Theme } from '@marigold/system';\n\nimport { StyleObject } from './types';\n\nconst Context = createContext<Theme>({});\n\nexport const useTheme = () => {\n  const theme = useContext(Context);\n  const css = useCallback(\n    (style: StyleObject) => themeUi(style)(theme),\n    [theme]\n  );\n  return { theme, css };\n};\n\nexport type ThemeProviderProps = { theme: any };\nexport const ThemeProvider: React.FC<ThemeProviderProps> = ({\n  theme,\n  children,\n}) => <Context.Provider value={theme}>{children}</Context.Provider>;\n","import { jsx } from '@emotion/react';\nimport { forwardRef } from 'react';\nimport {\n  PolymorphicPropsWithRef,\n  PolymorphicComponentWithRef,\n} from '@marigold/types';\n\nimport { getNormalizedStyles } from './normalize';\nimport { CSSObject } from './types';\nimport { useTheme } from './useTheme';\n\nexport type ElementOwnProps = {\n  css?: CSSObject;\n  variant?: string | string[];\n};\n\nexport type ElementProps = PolymorphicPropsWithRef<ElementOwnProps, 'div'>;\n\n/**\n * Function expression to check if there is any falsy value or empty object\n */\nconst isNotEmpty = (val: any) =>\n  !(val && Object.keys(val).length === 0 && val.constructor === Object);\n\n/**\n * Get the normalized base styles\n */\nconst baseStyles = getNormalizedStyles('base');\n\nexport const Element: PolymorphicComponentWithRef<ElementOwnProps, 'div'> =\n  forwardRef(\n    ({ as = 'div', css: styles = {}, variant, children, ...props }, ref) => {\n      const { css } = useTheme();\n\n      /**\n       * Transform variant input for `@theme-ui/css`\n       */\n      const variants = Array.isArray(variant)\n        ? variant.map(v => ({ variant: v }))\n        : [{ variant }];\n\n      return jsx(\n        as,\n        {\n          ...props,\n          ...{\n            css: [\n              baseStyles,\n              getNormalizedStyles(as),\n              ...variants.map(v => css(v)),\n              css(styles),\n            ].filter(isNotEmpty),\n          },\n          ref,\n        },\n        children\n      );\n    }\n  );\n","import { css as emotion } from '@emotion/css';\nimport { StyleObject } from './types';\nimport { useTheme } from './useTheme';\n\n// 🤫 https://stackoverflow.com/questions/679915/how-do-i-test-for-an-empty-javascript-object\n// lodash.isEmpty is tooo much KBs!\nconst isEmpty = (val: any) =>\n  val && Object.keys(val).length === 0 && val.constructor === Object;\n\nexport const useClassname = (...styles: StyleObject[]) => {\n  const { css } = useTheme();\n  return styles\n    .map(style => {\n      /**\n       * emotion will create a `css-0` class whenever an empty object is\n       * passed. Since this makes debugging harder we'll do not pass empty\n       * objects to emotion.\n       */\n      const themedStyle = css(style);\n      return isEmpty(themedStyle) ? '' : emotion(themedStyle);\n    })\n    .join(' ');\n};\n","import { css } from '@emotion/css';\n\nconst base = css({\n  boxSizing: 'border-box',\n  margin: 0,\n  padding: 0,\n  minWidth: 0,\n  fontSize: '100%',\n  font: 'inherit',\n  verticalAlign: 'baseline',\n  WebkitTapHighlightColor: 'transparent',\n});\n\n// Content\n// ---------------\nconst block = css({\n  display: 'block',\n});\n\nconst list = css({\n  // empty\n});\n\nconst table = css({\n  borderCollapse: 'collapse',\n  borderSpacing: 0,\n});\n\n// Typography\n// ---------------\nconst a = css({\n  textDecoration: 'none',\n  touchAction: 'manipulation',\n});\n\nconst quote = css({\n  quotes: 'none',\n  selectors: {\n    '&:before, &:after': {\n      content: \"''\",\n    },\n  },\n});\n\n// Form Elements\n// ---------------\nconst button = css({\n  display: 'block',\n  appearance: 'none',\n  background: 'transparent',\n  textAlign: 'center',\n  touchAction: 'manipulation',\n});\n\nconst input = css({\n  display: 'block',\n  appearance: 'none',\n  selectors: {\n    '&::-ms-clear': {\n      display: 'none',\n    },\n    '&::-webkit-search-cancel-button': {\n      WebkitAppearance: 'none',\n    },\n  },\n});\n\nconst select = css({\n  display: 'block',\n  appearance: 'none',\n  selectors: {\n    '&::-ms-expand': {\n      display: 'none',\n    },\n  },\n});\n\nconst textarea = css({\n  display: 'block',\n  appearance: 'none',\n});\n\n// Reset\n// ---------------\nexport const reset = {\n  article: block,\n  aside: block,\n  details: block,\n  figcaption: block,\n  figure: block,\n  footer: block,\n  header: block,\n  hgroup: block,\n  menu: block,\n  nav: block,\n  section: block,\n  ul: list,\n  ol: list,\n  blockquote: quote,\n  q: quote,\n  a,\n  base,\n  table,\n  select,\n  button,\n  textarea,\n  input,\n} as const;\n","import { ElementType } from 'react';\nimport { reset } from './reset';\nimport { CSSObject } from './types';\nimport { useClassname } from './useClassname';\n\nexport type UseStyleInput = {\n  element?: ElementType;\n  css?: Omit<CSSObject, 'variant' | 'element'> & {\n    variant?: never;\n    element?: never;\n  };\n  variant?: string | string[];\n  className?: string;\n};\n\n/**\n * Hook that can adds base styles, reset for certain elements, variants and custom styles\n */\nexport const useStyles = ({\n  element,\n  css: styles = {},\n  variant,\n  className = '',\n}: UseStyleInput) => {\n  /**\n   * Get reset styles. Base is always applied. An additional reset maybe applied\n   * based on the passed element.\n   *\n   * We check the passed className if it already includes the reset styles so no\n   * duplicates are applied.\n   */\n  const baseClassName = className.includes(reset.base) ? '' : reset.base;\n  const resetClassName =\n    typeof element === 'string'\n      ? className.includes((reset as { [key: string]: string })[element])\n        ? ''\n        : (reset as { [key: string]: string })[element]\n      : '';\n\n  /**\n   * Get variant styles (from theme).\n   */\n  const variants = Array.isArray(variant)\n    ? variant.map(v => ({ variant: v }))\n    : [{ variant }];\n  const variantsClassName = useClassname(...variants);\n\n  /**\n   * Custom styles are applied \"on runtime\". They are usually controlled via component\n   * props and can change between component instances.\n   */\n  const customClassName = useClassname(styles);\n\n  return [\n    baseClassName,\n    resetClassName,\n    variantsClassName,\n    customClassName,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n};\n"],"names":["base","boxSizing","margin","padding","minWidth","fontSize","fontFamily","verticalAlign","WebkitTapHighlightColor","block","display","list","table","borderCollapse","borderSpacing","a","textDecoration","touchAction","quote","quotes","selectors","content","button","appearance","background","textAlign","input","WebkitAppearance","select","textarea","reset","article","aside","details","figcaption","figure","footer","header","hgroup","menu","nav","section","ul","ol","blockquote","q","isKnownElement","getNormalizedStyles","Context","createContext","useTheme","theme","useContext","css","useCallback","style","themeUi","ThemeProvider","children","React","Provider","value","isNotEmpty","val","Object","keys","length","constructor","baseStyles","Element","forwardRef","ref","as","styles","variant","props","variants","Array","isArray","map","v","jsx","filter","isEmpty","useClassname","themedStyle","emotion","join","font","useStyles","element","className","baseClassName","includes","resetClassName","variantsClassName","customClassName","Boolean"],"mappings":"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"}
+{"version":3,"file":"system.cjs.development.js","sources":["../src/normalize.ts","../src/variant.ts","../src/Box.tsx","../src/useTheme.tsx","../src/Global.tsx","../src/SVG.tsx"],"sourcesContent":["/**\n * Normalize styling of certain elements between browsers.\n * Based on https://www.joshwcomeau.com/css/custom-css-reset/\n */\nimport { ElementType } from 'react';\n\nconst base = {\n  boxSizing: 'border-box',\n  margin: 0,\n  minWidth: 0,\n} as const;\n\nconst a = {\n  ...base,\n  textDecoration: 'none',\n} as const;\n\nconst text = {\n  ...base,\n  overflowWrap: 'break-word',\n} as const;\n\nconst media = {\n  ...base,\n  display: 'block',\n  maxWidth: '100%',\n} as const;\n\nconst button = {\n  ...base,\n  display: 'block',\n  appearance: 'none',\n  font: 'inherit',\n  background: 'transparent',\n  textAlign: 'center',\n} as const;\n\nconst input = {\n  ...base,\n  display: 'block',\n  appearance: 'none',\n  font: 'inherit',\n  '&::-ms-clear': {\n    display: 'none',\n  },\n  '&::-webkit-search-cancel-button': {\n    WebkitAppearance: 'none',\n  },\n} as const;\n\nconst select = {\n  ...base,\n  display: 'block',\n  appearance: 'none',\n  font: 'inherit',\n  '&::-ms-expand': {\n    display: 'none',\n  },\n} as const;\n\nconst textarea = {\n  ...base,\n  display: 'block',\n  appearance: 'none',\n  font: 'inherit',\n} as const;\n\n// Normalize\n// ---------------\nexport const normalize = {\n  base,\n  a,\n  p: text,\n  h1: text,\n  h2: text,\n  h3: text,\n  h4: text,\n  h5: text,\n  h6: text,\n  img: media,\n  picture: media,\n  video: media,\n  canvas: media,\n  svg: media,\n  select,\n  button,\n  textarea,\n  input,\n} as const;\n\nexport type NormalizedElement = keyof typeof normalize;\n\n/**\n * Type-safe helper to get normalization. If no normalization is found,\n * returns the *base* normalization.\n */\nexport const getNormalizedStyles = (val?: ElementType) =>\n  typeof val === 'string' && val in normalize\n    ? normalize[val as NormalizedElement] // Typescript doesn't infer this correctly\n    : normalize.base;\n","const isNil = (value: any): value is null | undefined =>\n  value === null || value === undefined;\n\n/**\n * Ensures that the `val` is an array. Will return an empty array if `val` is falsy.\n */\nexport const ensureArray = <T>(val?: T | T[]) =>\n  isNil(val) ? [] : Array.isArray(val) ? val : [val];\n\n/**\n * Removes trailing dot from variant, if necessary. This is necessary to support\n * `__default` styles. See https://github.com/system-ui/theme-ui/pull/951\n */\nexport const ensureVariantDefault = (val: string) => val.replace(/\\.$/, '');\n\n/**\n * Ensures that the `variant` is an array and supports the `__default` key.\n */\nexport const ensureArrayVariant = <T extends string>(variant?: T | T[]) =>\n  ensureArray(variant).map(ensureVariantDefault);\n\nexport type State = {\n  checked?: boolean;\n  focus?: boolean;\n  hover?: boolean;\n  disabled?: boolean;\n  error?: boolean;\n};\n\n/**\n * Appends given `state` to a `variant`.\n */\nexport const appendVariantState = (variant: string, state: keyof State) => {\n  return `${ensureVariantDefault(variant)}.:${state}`;\n};\n\n/**\n * Create a variant array from a `variant` and `state` containing\n * passed states, if they are truthy.\n */\nexport const conditional = (\n  variant: string,\n  { disabled = false, ...states }: State\n) => {\n  const entries = [...Object.entries(states), ['disabled', disabled]] as [\n    keyof State,\n    boolean\n  ][];\n  const stateVariants = entries\n    .filter(([, val]) => Boolean(val))\n    .map(([key]) => appendVariantState(variant, key));\n\n  return [variant, ...stateVariants];\n};\n","import { jsx, Theme } from '@emotion/react';\nimport { css as transformStyleObject } from '@theme-ui/css';\nimport { forwardRef } from 'react';\nimport {\n  PolymorphicPropsWithRef,\n  PolymorphicComponentWithRef,\n} from '@marigold/types';\n\nimport { getNormalizedStyles } from './normalize';\nimport { CSSObject } from './types';\nimport { ensureArrayVariant } from './variant';\n\nexport type StyleProps = Pick<\n  CSSObject,\n  | 'display'\n  | 'height'\n  | 'width'\n  | 'minWidth'\n  | 'maxWidth'\n  | 'position'\n  | 'top'\n  | 'bottom'\n  | 'right'\n  | 'left'\n  | 'zIndex'\n  | 'p'\n  | 'px'\n  | 'py'\n  | 'pt'\n  | 'pb'\n  | 'pl'\n  | 'pr'\n  | 'm'\n  | 'mx'\n  | 'my'\n  | 'mt'\n  | 'mb'\n  | 'ml'\n  | 'mr'\n  | 'flexDirection'\n  | 'flexWrap'\n  | 'flexShrink'\n  | 'flexGrow'\n  | 'alignItems'\n  | 'justifyContent'\n  | 'bg'\n  | 'border'\n  | 'borderRadius'\n  | 'boxShadow'\n  | 'opacity'\n  | 'overflow'\n  | 'transition'\n>;\n\nexport type BoxOwnProps = {\n  css?: CSSObject;\n  variant?: string | string[];\n  /**\n   * Use to set base styles for the component\n   * @internal Used to set default styles for Marigold components\n   */\n  __baseCSS?: CSSObject;\n} & StyleProps;\n\nexport type BoxProps = PolymorphicPropsWithRef<BoxOwnProps, 'div'>;\n\n/**\n * Check if there is any falsy value or empty object\n */\nconst isNotEmpty = (val: any) =>\n  !(val && Object.keys(val).length === 0 && val.constructor === Object);\n\ntype CreateStyleProps = {\n  as?: BoxProps['as'];\n  __baseCSS?: BoxOwnProps['__baseCSS'];\n  variant?: BoxOwnProps['variant'];\n  css?: BoxOwnProps['css'];\n  styles?: StyleProps;\n};\n\nconst createThemedStyle =\n  ({ as, __baseCSS, variant, styles, css }: CreateStyleProps) =>\n  (theme: Theme) => {\n    return [\n      getNormalizedStyles(as),\n      transformStyleObject(__baseCSS)(theme),\n      ...ensureArrayVariant(variant).map(v =>\n        transformStyleObject({ variant: v })(theme)\n      ),\n      transformStyleObject(styles)(theme),\n      transformStyleObject(css)(theme),\n    ].filter(isNotEmpty);\n  };\n\nexport const Box: PolymorphicComponentWithRef<BoxOwnProps, 'div'> = forwardRef(\n  (\n    {\n      as = 'div',\n      children,\n      __baseCSS,\n      variant,\n      css = {},\n      display,\n      height,\n      width,\n      minWidth,\n      maxWidth,\n      position,\n      top,\n      bottom,\n      right,\n      left,\n      zIndex,\n      p,\n      px,\n      py,\n      pt,\n      pb,\n      pl,\n      pr,\n      m,\n      mx,\n      my,\n      mt,\n      mb,\n      ml,\n      mr,\n      flexDirection,\n      flexWrap,\n      flexShrink,\n      flexGrow,\n      alignItems,\n      justifyContent,\n      bg,\n      border,\n      borderRadius,\n      boxShadow,\n      opacity,\n      overflow,\n      transition,\n      ...props\n    },\n    ref\n  ) =>\n    jsx(\n      as,\n      {\n        ...props,\n        css: createThemedStyle({\n          as,\n          __baseCSS,\n          variant,\n          css,\n          styles: {\n            display,\n            height,\n            width,\n            minWidth,\n            maxWidth,\n            position,\n            top,\n            bottom,\n            right,\n            left,\n            zIndex,\n            p,\n            px,\n            py,\n            pt,\n            pb,\n            pl,\n            pr,\n            m,\n            mx,\n            my,\n            mt,\n            mb,\n            ml,\n            mr,\n            flexDirection,\n            flexWrap,\n            flexShrink,\n            flexGrow,\n            alignItems,\n            justifyContent,\n            bg,\n            border,\n            borderRadius,\n            boxShadow,\n            opacity,\n            overflow,\n            transition,\n          },\n        }),\n        ref,\n      },\n      children\n    )\n);\n","import React, {\n  createContext,\n  ReactNode,\n  useCallback,\n  useContext,\n} from 'react';\nimport { css as transformStyleObject } from '@theme-ui/css';\nimport { ThemeProvider as EmotionProvider } from '@emotion/react';\n\nimport { Theme } from './theme';\nimport { StyleObject } from './types';\n\n/**\n * @internal\n */\nexport const __defaultTheme: Theme = {};\n\nconst InternalContext = createContext<Theme>(__defaultTheme);\n\nexport const useTheme = () => {\n  const theme = useContext(InternalContext);\n  /**\n   * We cast the theme here to `any` since our subset is not\n   * compatible with the typings of `theme-ui`, since they\n   * also support arrays as scale values, while we don't.\n   */\n  const css = useCallback(\n    (style: StyleObject) => transformStyleObject(style)(theme as any),\n    [theme]\n  );\n  return { theme, css };\n};\n\nexport type ThemeProviderProps<T extends Theme> = {\n  theme: T;\n  children: ReactNode;\n};\n\nexport function ThemeProvider<T extends Theme>({\n  theme,\n  children,\n}: ThemeProviderProps<T>) {\n  return (\n    <EmotionProvider theme={theme}>\n      <InternalContext.Provider value={theme}>\n        {children}\n      </InternalContext.Provider>\n    </EmotionProvider>\n  );\n}\n","import React from 'react';\nimport { Global as EmotionGlobal } from '@emotion/react';\nimport { useTheme } from './useTheme';\n\n/**\n * CSS snippet and idea from:\n * https://css-tricks.com/revisiting-prefers-reduced-motion-the-reduced-motion-media-query/\n */\nconst reduceMotionStyles = {\n  '@media screen and (prefers-reduced-motion: reduce), (update: slow)': {\n    '*': {\n      animationDuration: '0.001ms !important',\n      animationIterationCount: '1 !important',\n      transitionDuration: '0.001ms !important',\n    },\n  },\n};\n\nexport const Global = () => {\n  const { css } = useTheme();\n  const styles = css({\n    html: {\n      height: '100%',\n      variant: 'root.html',\n    },\n    body: {\n      height: '100%',\n      lineHeight: 1.5,\n      WebkitFontSmoothing: 'antialiased',\n      variant: 'root.body',\n    },\n  });\n  return <EmotionGlobal styles={{ reduceMotionStyles, ...styles }} />;\n};\n","import React from 'react';\nimport { jsx } from '@emotion/react';\nimport { ComponentProps } from '@marigold/types';\nimport { getNormalizedStyles } from '@marigold/system';\n\nconst css = getNormalizedStyles('svg');\n\nexport type SVGProps = {\n  size?: number;\n} & ComponentProps<'svg'>;\n\nexport const SVG: React.FC<SVGProps> = ({ size = 24, children, ...props }) =>\n  jsx(\n    'svg',\n    {\n      width: size,\n      height: size,\n      viewBox: '0 0 24 24',\n      fill: 'currentcolor',\n      ...props,\n      css,\n    },\n    children\n  );\n"],"names":["base","boxSizing","margin","minWidth","a","textDecoration","text","overflowWrap","media","display","maxWidth","button","appearance","font","background","textAlign","input","WebkitAppearance","select","textarea","normalize","p","h1","h2","h3","h4","h5","h6","img","picture","video","canvas","svg","getNormalizedStyles","val","isNil","value","undefined","ensureArray","Array","isArray","ensureVariantDefault","replace","ensureArrayVariant","variant","map","appendVariantState","state","conditional","disabled","states","entries","Object","stateVariants","filter","Boolean","key","isNotEmpty","keys","length","constructor","createThemedStyle","as","__baseCSS","styles","css","theme","transformStyleObject","v","Box","forwardRef","ref","children","height","width","position","top","bottom","right","left","zIndex","px","py","pt","pb","pl","pr","m","mx","my","mt","mb","ml","mr","flexDirection","flexWrap","flexShrink","flexGrow","alignItems","justifyContent","bg","border","borderRadius","boxShadow","opacity","overflow","transition","props","jsx","__defaultTheme","InternalContext","createContext","useTheme","useContext","useCallback","style","ThemeProvider","React","EmotionProvider","Provider","reduceMotionStyles","animationDuration","animationIterationCount","transitionDuration","Global","html","body","lineHeight","WebkitFontSmoothing","EmotionGlobal","SVG","size","viewBox","fill"],"mappings":"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"}

package/dist/system.cjs.production.min.js

@@ -1,2 +1,2 @@
-"use strict";var e,n=require("@emotion/react"),t=require("react"),r=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,a=require("@theme-ui/css"),o=require("@emotion/css");function i(){return(i=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(this,arguments)}var c={display:"block"},s={},l={quotes:"none",selectors:{"&:before, &:after":{content:"''"}}},u={article:c,aside:c,details:c,figcaption:c,figure:c,footer:c,header:c,hgroup:c,menu:c,nav:c,section:c,ul:s,ol:s,blockquote:l,q:l,a:{textDecoration:"none",touchAction:"manipulation"},base:{boxSizing:"border-box",margin:0,padding:0,minWidth:0,fontSize:"100%",fontFamily:"inherit",verticalAlign:"baseline",WebkitTapHighlightColor:"transparent"},table:{borderCollapse:"collapse",borderSpacing:0},select:{display:"block",appearance:"none",selectors:{"&::-ms-expand":{display:"none"}}},button:{display:"block",appearance:"none",background:"transparent",textAlign:"center",touchAction:"manipulation"},textarea:{display:"block",appearance:"none"},input:{display:"block",appearance:"none",selectors:{"&::-ms-clear":{display:"none"},"&::-webkit-search-cancel-button":{WebkitAppearance:"none"}}}},p=function(e){return"string"!=typeof e?u.base:function(e){return e in u}(e)?u[e]:{}},b=t.createContext({}),d=function(){var e=t.useContext(b),n=t.useCallback((function(n){return a.css(n)(e)}),[e]);return{theme:e,css:n}},f=["as","css","variant","children"],h=function(e){return!(e&&0===Object.keys(e).length&&e.constructor===Object)},g=p("base"),m=t.forwardRef((function(e,t){var r=e.as,a=void 0===r?"div":r,o=e.css,c=void 0===o?{}:o,s=e.variant,l=e.children,u=function(e,n){if(null==e)return{};var t,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n.indexOf(t=o[r])>=0||(a[t]=e[t]);return a}(e,f),b=d().css,m=Array.isArray(s)?s.map((function(e){return{variant:e}})):[{variant:s}];return n.jsx(a,i({},u,{css:[g,p(a)].concat(m.map((function(e){return b(e)})),[b(c)]).filter(h)},{ref:t}),l)})),y=function(e){return e&&0===Object.keys(e).length&&e.constructor===Object},v=function(){for(var e=d(),n=e.css,t=arguments.length,r=new Array(t),a=0;a<t;a++)r[a]=arguments[a];return r.map((function(e){var t=n(e);return y(t)?"":o.css(t)})).join(" ")},k=o.css({boxSizing:"border-box",margin:0,padding:0,minWidth:0,fontSize:"100%",font:"inherit",verticalAlign:"baseline",WebkitTapHighlightColor:"transparent"}),x=o.css({display:"block"}),A=o.css({}),j=o.css({borderCollapse:"collapse",borderSpacing:0}),q=o.css({textDecoration:"none",touchAction:"manipulation"}),O=o.css({quotes:"none",selectors:{"&:before, &:after":{content:"''"}}}),C=o.css({display:"block",appearance:"none",background:"transparent",textAlign:"center",touchAction:"manipulation"}),S=o.css({display:"block",appearance:"none",selectors:{"&::-ms-clear":{display:"none"},"&::-webkit-search-cancel-button":{WebkitAppearance:"none"}}}),W={article:x,aside:x,details:x,figcaption:x,figure:x,footer:x,header:x,hgroup:x,menu:x,nav:x,section:x,ul:A,ol:A,blockquote:O,q:O,a:q,base:k,table:j,select:o.css({display:"block",appearance:"none",selectors:{"&::-ms-expand":{display:"none"}}}),button:C,textarea:o.css({display:"block",appearance:"none"}),input:S};Object.defineProperty(exports,"cache",{enumerable:!0,get:function(){return o.cache}}),exports.Element=m,exports.ThemeProvider=function(e){return r.createElement(b.Provider,{value:e.theme},e.children)},exports.useClassname=v,exports.useStyles=function(e){var n=e.element,t=e.css,r=void 0===t?{}:t,a=e.variant,o=e.className,i=void 0===o?"":o,c=i.includes(W.base)?"":W.base,s="string"==typeof n?i.includes(W[n])?"":W[n]:"",l=Array.isArray(a)?a.map((function(e){return{variant:e}})):[{variant:a}];return[c,s,v.apply(void 0,l),v(r),i].filter(Boolean).join(" ")},exports.useTheme=d;
+"use strict";var e,t=require("@emotion/react"),r=require("@theme-ui/css"),n=require("react"),i=(e=n)&&"object"==typeof e&&"default"in e?e.default:e,o=require("@marigold/system");function a(){return(a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function s(e,t){if(null==e)return{};var r,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)t.indexOf(r=o[n])>=0||(i[r]=e[r]);return i}var l={boxSizing:"border-box",margin:0,minWidth:0},c=a({},l,{textDecoration:"none"}),p=a({},l,{overflowWrap:"break-word"}),u=a({},l,{display:"block",maxWidth:"100%"}),d=a({},l,{display:"block",appearance:"none",font:"inherit",background:"transparent",textAlign:"center"}),m=a({},l,{display:"block",appearance:"none",font:"inherit","&::-ms-clear":{display:"none"},"&::-webkit-search-cancel-button":{WebkitAppearance:"none"}}),h={base:l,a:c,p:p,h1:p,h2:p,h3:p,h4:p,h5:p,h6:p,img:u,picture:u,video:u,canvas:u,svg:u,select:a({},l,{display:"block",appearance:"none",font:"inherit","&::-ms-expand":{display:"none"}}),button:d,textarea:a({},l,{display:"block",appearance:"none",font:"inherit"}),input:m},f=function(e){return"string"==typeof e&&e in h?h[e]:h.base},b=["disabled"],x=function(e){return null==e?[]:Array.isArray(e)?e:[e]},y=function(e){return e.replace(/\.$/,"")},v=function(e){return x(e).map(y)},g=function(e,t){return y(e)+".:"+t},S=["as","children","__baseCSS","variant","css","display","height","width","minWidth","maxWidth","position","top","bottom","right","left","zIndex","p","px","py","pt","pb","pl","pr","m","mx","my","mt","mb","ml","mr","flexDirection","flexWrap","flexShrink","flexGrow","alignItems","justifyContent","bg","border","borderRadius","boxShadow","opacity","overflow","transition"],w=function(e){return!(e&&0===Object.keys(e).length&&e.constructor===Object)},k=function(e){var t=e.as,n=e.__baseCSS,i=e.variant,o=e.styles,a=e.css;return function(e){return[f(t),r.css(n)(e)].concat(v(i).map((function(t){return r.css({variant:t})(e)})),[r.css(o)(e),r.css(a)(e)]).filter(w)}},W=n.forwardRef((function(e,r){var n=e.as,i=void 0===n?"div":n,o=e.children,l=e.__baseCSS,c=e.variant,p=e.css,u=void 0===p?{}:p,d=e.display,m=e.height,h=e.width,f=e.minWidth,b=e.maxWidth,x=e.position,y=e.top,v=e.bottom,g=e.right,w=e.left,W=e.zIndex,j=e.p,C=e.px,_=e.py,z=e.pt,O=e.pb,D=e.pl,I=e.pr,A=e.m,G=e.mx,q=e.my,P=e.mt,R=e.mb,T=e.ml,V=e.mr,B=e.flexDirection,E=e.flexWrap,N=e.flexShrink,F=e.flexGrow,H=e.alignItems,M=e.justifyContent,$=e.bg,J=e.border,K=e.borderRadius,L=e.boxShadow,Q=e.opacity,U=e.overflow,X=e.transition,Y=s(e,S);return t.jsx(i,a({},Y,{css:k({as:i,__baseCSS:l,variant:c,css:u,styles:{display:d,height:m,width:h,minWidth:f,maxWidth:b,position:x,top:y,bottom:v,right:g,left:w,zIndex:W,p:j,px:C,py:_,pt:z,pb:O,pl:D,pr:I,m:A,mx:G,my:q,mt:P,mb:R,ml:T,mr:V,flexDirection:B,flexWrap:E,flexShrink:N,flexGrow:F,alignItems:H,justifyContent:M,bg:$,border:J,borderRadius:K,boxShadow:L,opacity:Q,overflow:U,transition:X}}),ref:r}),o)})),j={},C=n.createContext(j),_=function(){var e=n.useContext(C),t=n.useCallback((function(t){return r.css(t)(e)}),[e]);return{theme:e,css:t}},z={"@media screen and (prefers-reduced-motion: reduce), (update: slow)":{"*":{animationDuration:"0.001ms !important",animationIterationCount:"1 !important",transitionDuration:"0.001ms !important"}}},O=["size","children"],D=o.getNormalizedStyles("svg");exports.Box=W,exports.Global=function(){var e=(0,_().css)({html:{height:"100%",variant:"root.html"},body:{height:"100%",lineHeight:1.5,WebkitFontSmoothing:"antialiased",variant:"root.body"}});return i.createElement(t.Global,{styles:a({reduceMotionStyles:z},e)})},exports.SVG=function(e){var r=e.size,n=void 0===r?24:r,i=e.children,o=s(e,O);return t.jsx("svg",a({width:n,height:n,viewBox:"0 0 24 24",fill:"currentcolor"},o,{css:D}),i)},exports.ThemeProvider=function(e){var r=e.theme;return i.createElement(t.ThemeProvider,{theme:r},i.createElement(C.Provider,{value:r},e.children))},exports.__defaultTheme=j,exports.appendVariantState=g,exports.conditional=function(e,t){var r=t.disabled,n=void 0!==r&&r,i=s(t,b),o=[].concat(Object.entries(i),[["disabled",n]]).filter((function(e){return Boolean(e[1])})).map((function(t){return g(e,t[0])}));return[e].concat(o)},exports.ensureArray=x,exports.ensureArrayVariant=v,exports.ensureVariantDefault=y,exports.getNormalizedStyles=f,exports.normalize=h,exports.useTheme=_;
 //# sourceMappingURL=system.cjs.production.min.js.map

package/dist/system.cjs.production.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"system.cjs.production.min.js","sources":["../src/normalize.ts","../src/useTheme.tsx","../src/Element.tsx","../src/useClassname.ts","../src/reset.ts","../src/useStyles.ts"],"sourcesContent":["import { ElementType } from 'react';\n\nconst base = {\n  boxSizing: 'border-box',\n  margin: 0,\n  padding: 0,\n  minWidth: 0,\n  fontSize: '100%',\n  fontFamily: 'inherit',\n  verticalAlign: 'baseline',\n  WebkitTapHighlightColor: 'transparent',\n} as const;\n\n// Content\n// ---------------\nconst block = {\n  display: 'block',\n} as const;\n\nconst list = {\n  // empty\n} as const;\n\nconst table = {\n  borderCollapse: 'collapse',\n  borderSpacing: 0,\n} as const;\n\n// Typography\n// ---------------\nconst a = {\n  textDecoration: 'none',\n  touchAction: 'manipulation',\n} as const;\n\nconst quote = {\n  quotes: 'none',\n  selectors: {\n    '&:before, &:after': {\n      content: \"''\",\n    },\n  },\n} as const;\n\n// Form Elements\n// ---------------\nconst button = {\n  display: 'block',\n  appearance: 'none',\n  background: 'transparent',\n  textAlign: 'center',\n  touchAction: 'manipulation',\n} as const;\n\nconst input = {\n  display: 'block',\n  appearance: 'none',\n  selectors: {\n    '&::-ms-clear': {\n      display: 'none',\n    },\n    '&::-webkit-search-cancel-button': {\n      WebkitAppearance: 'none',\n    },\n  },\n} as const;\n\nconst select = {\n  display: 'block',\n  appearance: 'none',\n  selectors: {\n    '&::-ms-expand': {\n      display: 'none',\n    },\n  },\n} as const;\n\nconst textarea = {\n  display: 'block',\n  appearance: 'none',\n} as const;\n\n// Reset\n// ---------------\nconst reset = {\n  article: block,\n  aside: block,\n  details: block,\n  figcaption: block,\n  figure: block,\n  footer: block,\n  header: block,\n  hgroup: block,\n  menu: block,\n  nav: block,\n  section: block,\n  ul: list,\n  ol: list,\n  blockquote: quote,\n  q: quote,\n  a,\n  base,\n  table,\n  select,\n  button,\n  textarea,\n  input,\n} as const;\n\nexport type NormalizedElement = keyof typeof reset;\nconst isKnownElement = (input: string): input is NormalizedElement =>\n  input in reset;\n\n/**\n * Helper to conveniently get reset styles.\n */\nexport const getNormalizedStyles = (input?: ElementType): object => {\n  /**\n   * If a React component is given, we don't apply any reset styles\n   * and return the base reset.\n   */\n  if (typeof input !== 'string') {\n    return reset.base;\n  }\n\n  /**\n   * Try to find the reset style for a HTML element. If the element\n   * is not included return empty styles.\n   */\n  return isKnownElement(input) ? reset[input] : {};\n};\n","import React, { createContext, useCallback, useContext } from 'react';\nimport { css as themeUi } from '@theme-ui/css';\nimport { Theme } from '@marigold/system';\n\nimport { StyleObject } from './types';\n\nconst Context = createContext<Theme>({});\n\nexport const useTheme = () => {\n  const theme = useContext(Context);\n  const css = useCallback(\n    (style: StyleObject) => themeUi(style)(theme),\n    [theme]\n  );\n  return { theme, css };\n};\n\nexport type ThemeProviderProps = { theme: any };\nexport const ThemeProvider: React.FC<ThemeProviderProps> = ({\n  theme,\n  children,\n}) => <Context.Provider value={theme}>{children}</Context.Provider>;\n","import { jsx } from '@emotion/react';\nimport { forwardRef } from 'react';\nimport {\n  PolymorphicPropsWithRef,\n  PolymorphicComponentWithRef,\n} from '@marigold/types';\n\nimport { getNormalizedStyles } from './normalize';\nimport { CSSObject } from './types';\nimport { useTheme } from './useTheme';\n\nexport type ElementOwnProps = {\n  css?: CSSObject;\n  variant?: string | string[];\n};\n\nexport type ElementProps = PolymorphicPropsWithRef<ElementOwnProps, 'div'>;\n\n/**\n * Function expression to check if there is any falsy value or empty object\n */\nconst isNotEmpty = (val: any) =>\n  !(val && Object.keys(val).length === 0 && val.constructor === Object);\n\n/**\n * Get the normalized base styles\n */\nconst baseStyles = getNormalizedStyles('base');\n\nexport const Element: PolymorphicComponentWithRef<ElementOwnProps, 'div'> =\n  forwardRef(\n    ({ as = 'div', css: styles = {}, variant, children, ...props }, ref) => {\n      const { css } = useTheme();\n\n      /**\n       * Transform variant input for `@theme-ui/css`\n       */\n      const variants = Array.isArray(variant)\n        ? variant.map(v => ({ variant: v }))\n        : [{ variant }];\n\n      return jsx(\n        as,\n        {\n          ...props,\n          ...{\n            css: [\n              baseStyles,\n              getNormalizedStyles(as),\n              ...variants.map(v => css(v)),\n              css(styles),\n            ].filter(isNotEmpty),\n          },\n          ref,\n        },\n        children\n      );\n    }\n  );\n","import { css as emotion } from '@emotion/css';\nimport { StyleObject } from './types';\nimport { useTheme } from './useTheme';\n\n// 🤫 https://stackoverflow.com/questions/679915/how-do-i-test-for-an-empty-javascript-object\n// lodash.isEmpty is tooo much KBs!\nconst isEmpty = (val: any) =>\n  val && Object.keys(val).length === 0 && val.constructor === Object;\n\nexport const useClassname = (...styles: StyleObject[]) => {\n  const { css } = useTheme();\n  return styles\n    .map(style => {\n      /**\n       * emotion will create a `css-0` class whenever an empty object is\n       * passed. Since this makes debugging harder we'll do not pass empty\n       * objects to emotion.\n       */\n      const themedStyle = css(style);\n      return isEmpty(themedStyle) ? '' : emotion(themedStyle);\n    })\n    .join(' ');\n};\n","import { css } from '@emotion/css';\n\nconst base = css({\n  boxSizing: 'border-box',\n  margin: 0,\n  padding: 0,\n  minWidth: 0,\n  fontSize: '100%',\n  font: 'inherit',\n  verticalAlign: 'baseline',\n  WebkitTapHighlightColor: 'transparent',\n});\n\n// Content\n// ---------------\nconst block = css({\n  display: 'block',\n});\n\nconst list = css({\n  // empty\n});\n\nconst table = css({\n  borderCollapse: 'collapse',\n  borderSpacing: 0,\n});\n\n// Typography\n// ---------------\nconst a = css({\n  textDecoration: 'none',\n  touchAction: 'manipulation',\n});\n\nconst quote = css({\n  quotes: 'none',\n  selectors: {\n    '&:before, &:after': {\n      content: \"''\",\n    },\n  },\n});\n\n// Form Elements\n// ---------------\nconst button = css({\n  display: 'block',\n  appearance: 'none',\n  background: 'transparent',\n  textAlign: 'center',\n  touchAction: 'manipulation',\n});\n\nconst input = css({\n  display: 'block',\n  appearance: 'none',\n  selectors: {\n    '&::-ms-clear': {\n      display: 'none',\n    },\n    '&::-webkit-search-cancel-button': {\n      WebkitAppearance: 'none',\n    },\n  },\n});\n\nconst select = css({\n  display: 'block',\n  appearance: 'none',\n  selectors: {\n    '&::-ms-expand': {\n      display: 'none',\n    },\n  },\n});\n\nconst textarea = css({\n  display: 'block',\n  appearance: 'none',\n});\n\n// Reset\n// ---------------\nexport const reset = {\n  article: block,\n  aside: block,\n  details: block,\n  figcaption: block,\n  figure: block,\n  footer: block,\n  header: block,\n  hgroup: block,\n  menu: block,\n  nav: block,\n  section: block,\n  ul: list,\n  ol: list,\n  blockquote: quote,\n  q: quote,\n  a,\n  base,\n  table,\n  select,\n  button,\n  textarea,\n  input,\n} as const;\n","import { ElementType } from 'react';\nimport { reset } from './reset';\nimport { CSSObject } from './types';\nimport { useClassname } from './useClassname';\n\nexport type UseStyleInput = {\n  element?: ElementType;\n  css?: Omit<CSSObject, 'variant' | 'element'> & {\n    variant?: never;\n    element?: never;\n  };\n  variant?: string | string[];\n  className?: string;\n};\n\n/**\n * Hook that can adds base styles, reset for certain elements, variants and custom styles\n */\nexport const useStyles = ({\n  element,\n  css: styles = {},\n  variant,\n  className = '',\n}: UseStyleInput) => {\n  /**\n   * Get reset styles. Base is always applied. An additional reset maybe applied\n   * based on the passed element.\n   *\n   * We check the passed className if it already includes the reset styles so no\n   * duplicates are applied.\n   */\n  const baseClassName = className.includes(reset.base) ? '' : reset.base;\n  const resetClassName =\n    typeof element === 'string'\n      ? className.includes((reset as { [key: string]: string })[element])\n        ? ''\n        : (reset as { [key: string]: string })[element]\n      : '';\n\n  /**\n   * Get variant styles (from theme).\n   */\n  const variants = Array.isArray(variant)\n    ? variant.map(v => ({ variant: v }))\n    : [{ variant }];\n  const variantsClassName = useClassname(...variants);\n\n  /**\n   * Custom styles are applied \"on runtime\". They are usually controlled via component\n   * props and can change between component instances.\n   */\n  const customClassName = useClassname(styles);\n\n  return [\n    baseClassName,\n    resetClassName,\n    variantsClassName,\n    customClassName,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n};\n"],"names":["block","display","list","quote","quotes","selectors","content","reset","article","aside","details","figcaption","figure","footer","header","hgroup","menu","nav","section","ul","ol","blockquote","q","a","textDecoration","touchAction","base","boxSizing","margin","padding","minWidth","fontSize","fontFamily","verticalAlign","WebkitTapHighlightColor","table","borderCollapse","borderSpacing","select","appearance","button","background","textAlign","textarea","input","WebkitAppearance","getNormalizedStyles","isKnownElement","Context","createContext","useTheme","theme","useContext","css","useCallback","style","themeUi","isNotEmpty","val","Object","keys","length","constructor","baseStyles","Element","forwardRef","ref","as","styles","variant","children","props","variants","Array","isArray","map","v","jsx","filter","isEmpty","useClassname","themedStyle","emotion","join","font","React","Provider","value","element","className","baseClassName","includes","resetClassName","Boolean"],"mappings":"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"}
+{"version":3,"file":"system.cjs.production.min.js","sources":["../src/normalize.ts","../src/variant.ts","../src/Box.tsx","../src/useTheme.tsx","../src/Global.tsx","../src/SVG.tsx"],"sourcesContent":["/**\n * Normalize styling of certain elements between browsers.\n * Based on https://www.joshwcomeau.com/css/custom-css-reset/\n */\nimport { ElementType } from 'react';\n\nconst base = {\n  boxSizing: 'border-box',\n  margin: 0,\n  minWidth: 0,\n} as const;\n\nconst a = {\n  ...base,\n  textDecoration: 'none',\n} as const;\n\nconst text = {\n  ...base,\n  overflowWrap: 'break-word',\n} as const;\n\nconst media = {\n  ...base,\n  display: 'block',\n  maxWidth: '100%',\n} as const;\n\nconst button = {\n  ...base,\n  display: 'block',\n  appearance: 'none',\n  font: 'inherit',\n  background: 'transparent',\n  textAlign: 'center',\n} as const;\n\nconst input = {\n  ...base,\n  display: 'block',\n  appearance: 'none',\n  font: 'inherit',\n  '&::-ms-clear': {\n    display: 'none',\n  },\n  '&::-webkit-search-cancel-button': {\n    WebkitAppearance: 'none',\n  },\n} as const;\n\nconst select = {\n  ...base,\n  display: 'block',\n  appearance: 'none',\n  font: 'inherit',\n  '&::-ms-expand': {\n    display: 'none',\n  },\n} as const;\n\nconst textarea = {\n  ...base,\n  display: 'block',\n  appearance: 'none',\n  font: 'inherit',\n} as const;\n\n// Normalize\n// ---------------\nexport const normalize = {\n  base,\n  a,\n  p: text,\n  h1: text,\n  h2: text,\n  h3: text,\n  h4: text,\n  h5: text,\n  h6: text,\n  img: media,\n  picture: media,\n  video: media,\n  canvas: media,\n  svg: media,\n  select,\n  button,\n  textarea,\n  input,\n} as const;\n\nexport type NormalizedElement = keyof typeof normalize;\n\n/**\n * Type-safe helper to get normalization. If no normalization is found,\n * returns the *base* normalization.\n */\nexport const getNormalizedStyles = (val?: ElementType) =>\n  typeof val === 'string' && val in normalize\n    ? normalize[val as NormalizedElement] // Typescript doesn't infer this correctly\n    : normalize.base;\n","const isNil = (value: any): value is null | undefined =>\n  value === null || value === undefined;\n\n/**\n * Ensures that the `val` is an array. Will return an empty array if `val` is falsy.\n */\nexport const ensureArray = <T>(val?: T | T[]) =>\n  isNil(val) ? [] : Array.isArray(val) ? val : [val];\n\n/**\n * Removes trailing dot from variant, if necessary. This is necessary to support\n * `__default` styles. See https://github.com/system-ui/theme-ui/pull/951\n */\nexport const ensureVariantDefault = (val: string) => val.replace(/\\.$/, '');\n\n/**\n * Ensures that the `variant` is an array and supports the `__default` key.\n */\nexport const ensureArrayVariant = <T extends string>(variant?: T | T[]) =>\n  ensureArray(variant).map(ensureVariantDefault);\n\nexport type State = {\n  checked?: boolean;\n  focus?: boolean;\n  hover?: boolean;\n  disabled?: boolean;\n  error?: boolean;\n};\n\n/**\n * Appends given `state` to a `variant`.\n */\nexport const appendVariantState = (variant: string, state: keyof State) => {\n  return `${ensureVariantDefault(variant)}.:${state}`;\n};\n\n/**\n * Create a variant array from a `variant` and `state` containing\n * passed states, if they are truthy.\n */\nexport const conditional = (\n  variant: string,\n  { disabled = false, ...states }: State\n) => {\n  const entries = [...Object.entries(states), ['disabled', disabled]] as [\n    keyof State,\n    boolean\n  ][];\n  const stateVariants = entries\n    .filter(([, val]) => Boolean(val))\n    .map(([key]) => appendVariantState(variant, key));\n\n  return [variant, ...stateVariants];\n};\n","import { jsx, Theme } from '@emotion/react';\nimport { css as transformStyleObject } from '@theme-ui/css';\nimport { forwardRef } from 'react';\nimport {\n  PolymorphicPropsWithRef,\n  PolymorphicComponentWithRef,\n} from '@marigold/types';\n\nimport { getNormalizedStyles } from './normalize';\nimport { CSSObject } from './types';\nimport { ensureArrayVariant } from './variant';\n\nexport type StyleProps = Pick<\n  CSSObject,\n  | 'display'\n  | 'height'\n  | 'width'\n  | 'minWidth'\n  | 'maxWidth'\n  | 'position'\n  | 'top'\n  | 'bottom'\n  | 'right'\n  | 'left'\n  | 'zIndex'\n  | 'p'\n  | 'px'\n  | 'py'\n  | 'pt'\n  | 'pb'\n  | 'pl'\n  | 'pr'\n  | 'm'\n  | 'mx'\n  | 'my'\n  | 'mt'\n  | 'mb'\n  | 'ml'\n  | 'mr'\n  | 'flexDirection'\n  | 'flexWrap'\n  | 'flexShrink'\n  | 'flexGrow'\n  | 'alignItems'\n  | 'justifyContent'\n  | 'bg'\n  | 'border'\n  | 'borderRadius'\n  | 'boxShadow'\n  | 'opacity'\n  | 'overflow'\n  | 'transition'\n>;\n\nexport type BoxOwnProps = {\n  css?: CSSObject;\n  variant?: string | string[];\n  /**\n   * Use to set base styles for the component\n   * @internal Used to set default styles for Marigold components\n   */\n  __baseCSS?: CSSObject;\n} & StyleProps;\n\nexport type BoxProps = PolymorphicPropsWithRef<BoxOwnProps, 'div'>;\n\n/**\n * Check if there is any falsy value or empty object\n */\nconst isNotEmpty = (val: any) =>\n  !(val && Object.keys(val).length === 0 && val.constructor === Object);\n\ntype CreateStyleProps = {\n  as?: BoxProps['as'];\n  __baseCSS?: BoxOwnProps['__baseCSS'];\n  variant?: BoxOwnProps['variant'];\n  css?: BoxOwnProps['css'];\n  styles?: StyleProps;\n};\n\nconst createThemedStyle =\n  ({ as, __baseCSS, variant, styles, css }: CreateStyleProps) =>\n  (theme: Theme) => {\n    return [\n      getNormalizedStyles(as),\n      transformStyleObject(__baseCSS)(theme),\n      ...ensureArrayVariant(variant).map(v =>\n        transformStyleObject({ variant: v })(theme)\n      ),\n      transformStyleObject(styles)(theme),\n      transformStyleObject(css)(theme),\n    ].filter(isNotEmpty);\n  };\n\nexport const Box: PolymorphicComponentWithRef<BoxOwnProps, 'div'> = forwardRef(\n  (\n    {\n      as = 'div',\n      children,\n      __baseCSS,\n      variant,\n      css = {},\n      display,\n      height,\n      width,\n      minWidth,\n      maxWidth,\n      position,\n      top,\n      bottom,\n      right,\n      left,\n      zIndex,\n      p,\n      px,\n      py,\n      pt,\n      pb,\n      pl,\n      pr,\n      m,\n      mx,\n      my,\n      mt,\n      mb,\n      ml,\n      mr,\n      flexDirection,\n      flexWrap,\n      flexShrink,\n      flexGrow,\n      alignItems,\n      justifyContent,\n      bg,\n      border,\n      borderRadius,\n      boxShadow,\n      opacity,\n      overflow,\n      transition,\n      ...props\n    },\n    ref\n  ) =>\n    jsx(\n      as,\n      {\n        ...props,\n        css: createThemedStyle({\n          as,\n          __baseCSS,\n          variant,\n          css,\n          styles: {\n            display,\n            height,\n            width,\n            minWidth,\n            maxWidth,\n            position,\n            top,\n            bottom,\n            right,\n            left,\n            zIndex,\n            p,\n            px,\n            py,\n            pt,\n            pb,\n            pl,\n            pr,\n            m,\n            mx,\n            my,\n            mt,\n            mb,\n            ml,\n            mr,\n            flexDirection,\n            flexWrap,\n            flexShrink,\n            flexGrow,\n            alignItems,\n            justifyContent,\n            bg,\n            border,\n            borderRadius,\n            boxShadow,\n            opacity,\n            overflow,\n            transition,\n          },\n        }),\n        ref,\n      },\n      children\n    )\n);\n","import React, {\n  createContext,\n  ReactNode,\n  useCallback,\n  useContext,\n} from 'react';\nimport { css as transformStyleObject } from '@theme-ui/css';\nimport { ThemeProvider as EmotionProvider } from '@emotion/react';\n\nimport { Theme } from './theme';\nimport { StyleObject } from './types';\n\n/**\n * @internal\n */\nexport const __defaultTheme: Theme = {};\n\nconst InternalContext = createContext<Theme>(__defaultTheme);\n\nexport const useTheme = () => {\n  const theme = useContext(InternalContext);\n  /**\n   * We cast the theme here to `any` since our subset is not\n   * compatible with the typings of `theme-ui`, since they\n   * also support arrays as scale values, while we don't.\n   */\n  const css = useCallback(\n    (style: StyleObject) => transformStyleObject(style)(theme as any),\n    [theme]\n  );\n  return { theme, css };\n};\n\nexport type ThemeProviderProps<T extends Theme> = {\n  theme: T;\n  children: ReactNode;\n};\n\nexport function ThemeProvider<T extends Theme>({\n  theme,\n  children,\n}: ThemeProviderProps<T>) {\n  return (\n    <EmotionProvider theme={theme}>\n      <InternalContext.Provider value={theme}>\n        {children}\n      </InternalContext.Provider>\n    </EmotionProvider>\n  );\n}\n","import React from 'react';\nimport { Global as EmotionGlobal } from '@emotion/react';\nimport { useTheme } from './useTheme';\n\n/**\n * CSS snippet and idea from:\n * https://css-tricks.com/revisiting-prefers-reduced-motion-the-reduced-motion-media-query/\n */\nconst reduceMotionStyles = {\n  '@media screen and (prefers-reduced-motion: reduce), (update: slow)': {\n    '*': {\n      animationDuration: '0.001ms !important',\n      animationIterationCount: '1 !important',\n      transitionDuration: '0.001ms !important',\n    },\n  },\n};\n\nexport const Global = () => {\n  const { css } = useTheme();\n  const styles = css({\n    html: {\n      height: '100%',\n      variant: 'root.html',\n    },\n    body: {\n      height: '100%',\n      lineHeight: 1.5,\n      WebkitFontSmoothing: 'antialiased',\n      variant: 'root.body',\n    },\n  });\n  return <EmotionGlobal styles={{ reduceMotionStyles, ...styles }} />;\n};\n","import React from 'react';\nimport { jsx } from '@emotion/react';\nimport { ComponentProps } from '@marigold/types';\nimport { getNormalizedStyles } from '@marigold/system';\n\nconst css = getNormalizedStyles('svg');\n\nexport type SVGProps = {\n  size?: number;\n} & ComponentProps<'svg'>;\n\nexport const SVG: React.FC<SVGProps> = ({ size = 24, children, ...props }) =>\n  jsx(\n    'svg',\n    {\n      width: size,\n      height: size,\n      viewBox: '0 0 24 24',\n      fill: 'currentcolor',\n      ...props,\n      css,\n    },\n    children\n  );\n"],"names":["base","boxSizing","margin","minWidth","a","textDecoration","text","overflowWrap","media","display","maxWidth","button","appearance","font","background","textAlign","input","WebkitAppearance","normalize","p","h1","h2","h3","h4","h5","h6","img","picture","video","canvas","svg","select","textarea","getNormalizedStyles","val","ensureArray","value","Array","isArray","ensureVariantDefault","replace","ensureArrayVariant","variant","map","appendVariantState","state","isNotEmpty","Object","keys","length","constructor","createThemedStyle","as","__baseCSS","styles","css","theme","transformStyleObject","v","filter","Box","forwardRef","ref","children","height","width","position","top","bottom","right","left","zIndex","px","py","pt","pb","pl","pr","m","mx","my","mt","mb","ml","mr","flexDirection","flexWrap","flexShrink","flexGrow","alignItems","justifyContent","bg","border","borderRadius","boxShadow","opacity","overflow","transition","props","jsx","__defaultTheme","InternalContext","createContext","useTheme","useContext","useCallback","style","reduceMotionStyles","animationDuration","animationIterationCount","transitionDuration","html","body","lineHeight","WebkitFontSmoothing","React","EmotionGlobal","size","viewBox","fill","EmotionProvider","Provider","disabled","states","stateVariants","entries","Boolean"],"mappings":"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"}