@marigold/components 0.1.0 → 0.3.2

package/dist/components.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.esm.js","sources":["../src/Box/Box.tsx","../src/Alert/Alert.tsx","../src/Badge/Badge.tsx","../src/Button/Button.tsx","../src/Label/Label.tsx","../src/Checkbox/Checkbox.tsx","../src/Column/Column.tsx","../src/Columns/Columns.tsx","../src/Dialog/Dialog.tsx","../src/Divider/Divider.tsx","../src/Input/Input.tsx","../src/ValidationMessage/ValidationMessage.tsx","../src/Field/Field.tsx","../src/Heading/Heading.tsx","../src/Hidden/Hidden.tsx","../src/Image/Image.tsx","../src/Text/Text.tsx","../src/Link/Link.tsx","../src/Menu/Menu.tsx","../src/MenuItem/MenuItem.tsx","../src/Message/Message.tsx","../src/Radio/Radio.tsx","../src/Slider/Slider.tsx","../src/Select/Select.tsx","../src/Stack/Stack.tsx","../src/Textarea/Textarea.tsx","../src/Container/Container.tsx"],"sourcesContent":["import { createElement, forwardRef } from 'react';\nimport { ResponsiveStyleValue, useStyles } from '@marigold/system';\nimport {\n  PolymorphicPropsWithRef,\n  PolymorphicComponentWithRef,\n} from '@marigold/types';\n\nexport type BoxOwnProps = {\n  className?: string;\n  variant?: string | string[];\n\n  display?: ResponsiveStyleValue<string>;\n\n  height?: ResponsiveStyleValue<number | string>;\n  width?: ResponsiveStyleValue<number | string>;\n  minWidth?: ResponsiveStyleValue<number | string>;\n  maxWidth?: ResponsiveStyleValue<number | string>;\n\n  position?: ResponsiveStyleValue<string>;\n  top?: ResponsiveStyleValue<number | string>;\n  bottom?: ResponsiveStyleValue<number | string>;\n  right?: ResponsiveStyleValue<number | string>;\n  left?: ResponsiveStyleValue<number | string>;\n  zIndex?: ResponsiveStyleValue<number | string>;\n\n  p?: ResponsiveStyleValue<number | string>;\n  px?: ResponsiveStyleValue<number | string>;\n  py?: ResponsiveStyleValue<number | string>;\n  pt?: ResponsiveStyleValue<number | string>;\n  pb?: ResponsiveStyleValue<number | string>;\n  pl?: ResponsiveStyleValue<number | string>;\n  pr?: ResponsiveStyleValue<number | string>;\n\n  m?: ResponsiveStyleValue<number | string>;\n  mx?: ResponsiveStyleValue<number | string>;\n  my?: ResponsiveStyleValue<number | string>;\n  mt?: ResponsiveStyleValue<number | string>;\n  mb?: ResponsiveStyleValue<number | string>;\n  ml?: ResponsiveStyleValue<number | string>;\n  mr?: ResponsiveStyleValue<number | string>;\n\n  flexDirection?: ResponsiveStyleValue<string>;\n  flexWrap?: ResponsiveStyleValue<string>;\n  flexShrink?: ResponsiveStyleValue<number | string>;\n  flexGrow?: ResponsiveStyleValue<number | string>;\n  alignItems?: ResponsiveStyleValue<string>;\n  justifyContent?: ResponsiveStyleValue<string>;\n\n  bg?: ResponsiveStyleValue<number | string>;\n  border?: ResponsiveStyleValue<number | string>;\n  borderRadius?: ResponsiveStyleValue<number | string>;\n  boxShadow?: ResponsiveStyleValue<number | string>;\n  opacity?: ResponsiveStyleValue<number | string>;\n  overflow?: ResponsiveStyleValue<string>;\n\n  transition?: ResponsiveStyleValue<number | string>;\n};\n\nexport type BoxProps = PolymorphicPropsWithRef<BoxOwnProps, 'div'>;\n\nexport const Box: PolymorphicComponentWithRef<BoxOwnProps, 'div'> = forwardRef(\n  (\n    {\n      variant,\n      as = 'div',\n      children,\n      className,\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    const cn = useStyles({\n      element: as,\n      variant,\n      className,\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      },\n    });\n    return createElement(as, { ...props, ref, className: cn }, children);\n  }\n);\n","import React from 'react';\nimport { ComponentProps } from '@marigold/types';\nimport { Exclamation, Check, Notification } from '@marigold/icons';\nimport { useStyles } from '@marigold/system';\nimport { Box } from '../Box';\n\nexport type AlertProps = {\n  variant?: string;\n} & ComponentProps<'div'>;\n\nexport const Alert: React.FC<AlertProps> = ({\n  variant = 'success',\n  children,\n  className,\n  ...props\n}) => {\n  const classNames = useStyles({\n    css: {\n      display: 'flex',\n      alignItems: 'center',\n    },\n    variant: `alerts.${variant}`,\n    className,\n  });\n\n  var bgColor = 'success';\n  if (variant === 'warning') {\n    bgColor = 'warning';\n  } else if (variant === 'error') {\n    bgColor = 'error';\n  }\n  const iconClassName = useStyles({ css: { bg: bgColor, m: '10px' } });\n\n  var icon = <Check size={12} color=\"#ffffff\" className={iconClassName} />;\n  if (variant === 'warning') {\n    icon = <Notification size={12} color=\"#ffffff\" className={iconClassName} />;\n  } else if (variant === 'error') {\n    icon = <Exclamation size={12} color=\"#ffffff\" className={iconClassName} />;\n  }\n\n  return (\n    <Box {...props} className={classNames}>\n      <Box\n        display=\"inline-block\"\n        alignItems=\"center\"\n        width=\"32px\"\n        height=\"32px\"\n        className={useStyles({\n          css: {\n            bg: bgColor,\n          },\n        })}\n      >\n        {icon}\n      </Box>\n      <Box mx=\"16px\">{children}</Box>\n    </Box>\n  );\n};\n","import React from 'react';\nimport { ComponentProps } from '@marigold/types';\nimport { Box } from '../Box';\nimport { useStyles } from '@marigold/system';\n\nexport type BadgeProps = {\n  variant?: string;\n  bgColor?: string;\n  borderColor?: string;\n} & ComponentProps<'div'>;\n\nexport const Badge: React.FC<BadgeProps> = ({\n  variant = 'default',\n  bgColor = 'transparent',\n  borderColor = 'transparent',\n  children,\n  ...props\n}) => (\n  <Box\n    className={useStyles({ css: { bg: bgColor, borderColor: borderColor } })}\n    variant={`badge.${variant}`}\n    {...props}\n  >\n    {children}\n  </Box>\n);\n","import React from 'react';\nimport { ComponentPropsWithRef } from '@marigold/types';\nimport { Box } from '../Box';\n\nexport type ButtonProps = {\n  variant?: string;\n} & ComponentPropsWithRef<'button'>;\n\nexport const Button: React.FC<ButtonProps> = ({\n  variant = 'primary.large',\n  children,\n  ...props\n}) => {\n  return (\n    <Box as=\"button\" {...props} variant={`button.${variant}`}>\n      <Box as=\"span\" display=\"inline-flex\" alignItems=\"center\">\n        {children}\n      </Box>\n    </Box>\n  );\n};\n","import React from 'react';\nimport { ComponentProps } from '@marigold/types';\nimport { Box } from '../Box';\n\nexport type LabelProps = {\n  htmlFor: string;\n  variant?: string;\n} & ComponentProps<'label'>;\n\nexport const Label: React.FC<LabelProps> = ({\n  variant = 'default',\n  children,\n  ...props\n}) => (\n  <Box {...props} as=\"label\" variant={`label.${variant}`}>\n    {children}\n  </Box>\n);\n","import React from 'react';\nimport { Required, SquareUnchecked, SquareChecked } from '@marigold/icons';\nimport { useStyles } from '@marigold/system';\nimport { ComponentProps } from '@marigold/types';\n\nimport { Box } from '../Box';\nimport { Label } from '../Label';\n\n// Checkbox Icon\n// ---------------\ntype CheckboxIconProps = {\n  className?: string;\n  variant?: string;\n  checked?: boolean;\n  children?: never;\n};\n\nconst CheckboxIcon: React.FC<CheckboxIconProps> = ({\n  className,\n  variant,\n  checked,\n}) => {\n  const checkboxIconStyle = useStyles({\n    variant: variant,\n    css: {\n      ariaHidden: 'true',\n      mr: 2,\n      verticalAlign: 'middle',\n      ':hover': { cursor: 'pointer' },\n      'input:disabled ~ &': {\n        color: 'disabled',\n        cursor: 'not-allowed',\n      },\n    },\n    className,\n  });\n\n  if (checked) {\n    return <SquareChecked className={checkboxIconStyle} />;\n  }\n  return <SquareUnchecked className={checkboxIconStyle} />;\n};\n\n// Checkbox Input\n// ---------------\ntype CheckboxInputProps = {\n  variant?: string;\n} & ComponentProps<'input'>;\n\nconst CheckboxInput: React.FC<CheckboxInputProps> = ({\n  className,\n  variant = 'default',\n  ...props\n}) => {\n  const checkboxStyle = useStyles({\n    css: {\n      position: 'absolute',\n      opacity: 0,\n      zIndex: -1,\n      width: 1,\n      height: 1,\n      overflow: 'hidden',\n    },\n  });\n\n  return (\n    <Box display=\"inline-block\">\n      <input type=\"checkbox\" className={checkboxStyle} {...props} />\n      <CheckboxIcon\n        checked={props.checked}\n        className={className}\n        variant={variant}\n      />\n    </Box>\n  );\n};\n\n// Checkbox\n// ---------------\nexport type CheckboxProps = {\n  id: string;\n  label?: string;\n  required?: boolean;\n} & CheckboxInputProps;\n\nexport const Checkbox: React.FC<CheckboxProps> = ({\n  label,\n  required,\n  ...props\n}) => {\n  if (label) {\n    return (\n      <Label htmlFor={props.id}>\n        <CheckboxInput {...props} />\n        {label}\n        {required && <Required size={16} />}\n      </Label>\n    );\n  }\n\n  return <CheckboxInput {...props} />;\n};\n","import React from 'react';\nimport { Box } from '../Box';\n\nexport type ColumnProps = {\n  className?: string;\n  width?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n};\n\nexport const Column: React.FC<ColumnProps> = ({\n  width = 12,\n  children,\n  ...props\n}) => (\n  <Box {...props} width={`${(width / 12) * 100}%`}>\n    {children}\n  </Box>\n);\n","import React, { Children } from 'react';\nimport { useStyles } from '@marigold/system';\nimport { Box } from '../Box';\nimport flattenChildren from 'react-keyed-flatten-children';\n\ntype ColumnsProps = {\n  className?: string;\n  space?: number;\n  horizontalAlign?: 'left' | 'right' | 'center';\n  verticalAlign?: 'top' | 'bottom' | 'center';\n  title?: string; // Should only be used for testing.\n};\n\nexport const Columns: React.FC<ColumnsProps> = ({\n  space = 0,\n  horizontalAlign = 'left',\n  verticalAlign = 'top',\n  className,\n  children,\n  ...props\n}) => {\n  let columnItems = flattenChildren(children);\n  let childClassNames = useStyles({ css: { p: `${space / 2}px` } });\n\n  // horizontal Alignment\n  let justify = 'flex-start';\n  if (horizontalAlign === 'right') {\n    justify = 'flex-end';\n  } else if (horizontalAlign === 'center') {\n    justify = 'center';\n  }\n\n  // vertical Alignment\n  let alignItems = 'flex-start';\n  if (verticalAlign === 'bottom') {\n    alignItems = 'flex-end';\n  } else if (verticalAlign === 'center') {\n    alignItems = 'center';\n  }\n\n  return (\n    <Box p={`${space}px`} display=\"flex\" className={className}>\n      <Box\n        width={`calc(100% + ${space}px)`}\n        m={`${-space / 2}px`}\n        display=\"flex\"\n        flexWrap=\"wrap\"\n        alignItems={alignItems}\n        justifyContent={justify}\n        {...props}\n      >\n        {Children.map(\n          columnItems as unknown as React.ReactElement,\n          (child: React.ReactElement) => {\n            return React.cloneElement(\n              child,\n              {\n                className: childClassNames,\n              },\n              <Box className={child && child.props.className}>\n                {child.props.children}\n              </Box>\n            );\n          }\n        )}\n      </Box>\n    </Box>\n  );\n};\n","import React from 'react';\nimport { ComponentProps } from '@marigold/types';\n\nimport { Close } from '@marigold/icons';\nimport { Button } from '../Button';\nimport { Box } from '../Box';\n\nexport type DialogProps = {\n  onClose?: ComponentProps<typeof Button>['onClick'];\n} & ComponentProps<'div'>;\n\nexport const Dialog: React.FC<DialogProps> = ({\n  onClose,\n  children,\n  className,\n  ...props\n}) => {\n  return (\n    <Box display=\"flex\" width=\"100%\">\n      <Box {...props} variant=\"dialog.wrapper\" className={className}>\n        <Box display=\"flex\">\n          <Box variant=\"dialog.body\">{children}</Box>\n          <Box variant=\"dialog.onClose\">\n            <Button variant=\"text.root\" onClick={onClose}>\n              <Close size={16} />\n            </Button>\n          </Box>\n        </Box>\n      </Box>\n    </Box>\n  );\n};\n","import React from 'react';\nimport { Box } from '../Box';\n\nexport type DividerProps = {\n  className?: string;\n  variant?: string;\n  title?: string; // Should only be used for testing.\n};\n\nexport const Divider: React.FC<DividerProps> = ({\n  variant = 'regular',\n  ...props\n}) => <Box {...props} as=\"hr\" variant={`divider.${variant}`} />;\n","import React from 'react';\nimport { ComponentProps } from '@marigold/types';\nimport { Box } from '../Box';\n\nexport type InputProps = {\n  variant?: string;\n} & ComponentProps<'input'>;\n\nexport const Input: React.FC<InputProps> = ({\n  variant = 'default',\n  type = 'text',\n  ...props\n}) => <Box {...props} as=\"input\" type={type} variant={`input.${variant}`} />;\n","import React from 'react';\nimport { useStyles } from '@marigold/system';\nimport { ComponentProps } from '@marigold/types';\n\nexport type ValidationMessageProps = {\n  variant?: string;\n} & ComponentProps<'span'>;\n\nexport const ValidationMessage: React.FC<ValidationMessageProps> = ({\n  variant = 'error',\n  children,\n  className,\n  ...props\n}) => {\n  const classNames = useStyles({\n    variant: `validation.${variant}`,\n    css: {\n      display: 'flex',\n      alignItems: 'center',\n    },\n    className,\n  });\n\n  return (\n    <span className={classNames} {...props}>\n      {children}\n    </span>\n  );\n};\n","import React from 'react';\nimport { useStyles } from '@marigold/system';\nimport { Exclamation, Required } from '@marigold/icons';\nimport { ComponentProps } from '@marigold/types';\n\nimport { Input } from '../Input';\nimport { Label } from '../Label';\nimport { ValidationMessage } from '../ValidationMessage';\n\nexport type FieldProps = {\n  variant?: string;\n  htmlFor: string;\n  label: string;\n  error?: string;\n} & ComponentProps<'input'>;\n\nexport const Field: React.FC<FieldProps> = ({\n  variant = 'default',\n  type = 'text',\n  className = '',\n  htmlFor,\n  label,\n  error,\n  ...props\n}) => {\n  const labelClassName = useStyles({\n    variant: `field.${variant}`,\n    className,\n  });\n  const errorClassName = useStyles({ css: { color: 'red60' } });\n\n  return (\n    <div>\n      <Label className={labelClassName} htmlFor={htmlFor}>\n        {label}\n        {error ? <Required size={16} className={errorClassName} /> : ''}\n      </Label>\n      <Input {...props} type={type} id={htmlFor} />\n      {error ? (\n        <ValidationMessage>\n          <Exclamation size={16} />\n          {error}\n        </ValidationMessage>\n      ) : (\n        ''\n      )}\n    </div>\n  );\n};\n","import React from 'react';\nimport { ComponentProps } from '@marigold/types';\nimport { Box } from '../Box';\n\nexport type HeadingProps = {\n  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n  variant?: string;\n} & ComponentProps<'h1'>;\n\nexport const Heading: React.FC<HeadingProps> = ({\n  as = 'h2',\n  variant = 'h2',\n  children,\n  ...props\n}) => (\n  <Box {...props} as={as} variant={`text.${variant}`}>\n    {children}\n  </Box>\n);\n","import React from 'react';\nimport { Box } from '../Box';\n\nexport type HiddenProps = {\n  show?: boolean;\n};\n\nexport const Hidden: React.FC<HiddenProps> = ({\n  show = false,\n  children,\n  ...props\n}) => (\n  <Box {...props} as=\"span\" display={show ? 'display' : 'none'}>\n    {children}\n  </Box>\n);\n","import React from 'react';\nimport { ComponentProps } from '@marigold/types';\nimport { Box } from '../Box';\n\nexport type ImageProps = {\n  variant?: string;\n  children?: never;\n} & ComponentProps<'img'>;\n\nexport const Image: React.FC<ImageProps> = ({\n  variant = 'fullWidth',\n  ...props\n}) => <Box {...props} as=\"img\" variant={`images.${variant}`} />;\n","import React, { forwardRef } from 'react';\nimport { ResponsiveStyleValue, useStyles } from '@marigold/system';\nimport {\n  PolymorphicComponentWithRef,\n  PolymorphicPropsWithRef,\n} from '@marigold/types';\n\nimport { Box, BoxOwnProps } from '../Box';\n\nexport type TextOwnProps = {\n  align?: ResponsiveStyleValue<string>;\n  color?: ResponsiveStyleValue<string>;\n  cursor?: ResponsiveStyleValue<string>;\n  outline?: ResponsiveStyleValue<string>;\n  userSelect?: ResponsiveStyleValue<string>;\n} & BoxOwnProps;\n\nexport type TextProps = PolymorphicPropsWithRef<TextOwnProps, 'span'>;\n\nexport const Text: PolymorphicComponentWithRef<TextOwnProps, 'span'> =\n  forwardRef(\n    (\n      {\n        as = 'span',\n        variant = 'body',\n        children,\n        className,\n        align,\n        color,\n        cursor,\n        outline,\n        userSelect,\n        ...props\n      },\n      ref\n    ) => {\n      const cn = useStyles({\n        className,\n        variant: `text.${variant}`,\n        css: { textAlign: align, color, cursor, outline, userSelect },\n      });\n\n      return (\n        <Box {...props} as={as} className={cn} ref={ref}>\n          {children}\n        </Box>\n      );\n    }\n  );\n","import React, { useRef } from 'react';\nimport { useLink } from '@react-aria/link';\nimport { PolymorphicComponent, PolymorphicProps } from '@marigold/types';\n\nimport { Text, TextOwnProps } from '../Text';\n\nexport type LinkOwnProps = { disabled?: boolean } & TextOwnProps;\nexport type LinkProps = PolymorphicProps<LinkOwnProps, 'a'>;\n\nexport const Link = (({\n  as = 'a',\n  variant = 'link',\n  children,\n  disabled,\n  ...props\n}: LinkProps) => {\n  const ref = useRef<any>();\n  const { linkProps } = useLink(\n    {\n      ...props,\n      elementType: typeof as === 'string' ? as : 'span',\n      isDisabled: disabled,\n    },\n    ref\n  );\n\n  return (\n    <Text {...props} {...linkProps} as={as} variant={variant} ref={ref}>\n      {children}\n    </Text>\n  );\n}) as PolymorphicComponent<LinkOwnProps, 'a'>;\n","import React from 'react';\nimport { useStyles } from '@marigold/system';\nimport { ComponentProps } from '@marigold/types';\n\nimport { Button } from '../Button';\nimport { Box } from '../Box';\n\nexport type MenuProps = {\n  variant?: string;\n  label?: string;\n  onClick: ComponentProps<typeof Button>['onClick'];\n  show?: boolean;\n  className?: string;\n  title?: string; // For testing\n};\n\nexport const Menu: React.FC<MenuProps> = ({\n  variant = 'menu',\n  label = 'Menu',\n  onClick,\n  show = false,\n  children,\n  ...props\n}) => {\n  const itemStyles = useStyles({\n    css: {\n      position: 'absolute',\n      minWidth: '120px',\n      display: 'block',\n      textAlign: 'left',\n      borderRadius: '2px',\n    },\n  });\n\n  return (\n    <Box variant={`content.${variant}`} {...props}>\n      <Button onClick={onClick} variant=\"menu\">\n        {label}\n      </Button>\n      {show ? <div className={itemStyles}>{children}</div> : null}\n    </Box>\n  );\n};\n","import React from 'react';\nimport { useStyles } from '@marigold/system';\nimport { ComponentProps } from '@marigold/types';\nimport { Link } from '../Link';\n\nexport type MenuItemProps = {\n  variant?: string;\n} & ComponentProps<typeof Link>;\n\nexport const MenuItem: React.FC<MenuItemProps> = ({\n  variant = 'menuItem',\n  className,\n  children,\n  ...props\n}) => {\n  const classNames = useStyles({\n    variant: `menu.${variant}`,\n    className,\n  });\n\n  return (\n    <Link {...props} variant=\"menu\" className={classNames}>\n      {children}\n    </Link>\n  );\n};\n","import React from 'react';\nimport { Exclamation, Info, Notification } from '@marigold/icons';\nimport { useStyles } from '@marigold/system';\nimport { ComponentProps } from '@marigold/types';\nimport { Box } from '../Box';\nimport { Heading } from '../Heading';\n\nexport type MessageProps = {\n  messageTitle: string;\n  variant?: string;\n} & ComponentProps<'div'>;\n\nexport const Message: React.FC<MessageProps> = ({\n  messageTitle,\n  variant = 'info',\n  className,\n  children,\n  ...props\n}) => {\n  var icon = <Info />;\n  if (variant === 'warning') {\n    icon = <Notification />;\n  }\n  if (variant === 'error') {\n    icon = <Exclamation />;\n  }\n\n  return (\n    <Box\n      display=\"inline-block\"\n      variant={`messages.${variant}`}\n      className={className}\n      {...props}\n    >\n      <Box display=\"flex\" alignItems=\"center\" variant=\"messages.title\">\n        {icon}\n        <Heading\n          variant=\"h4\"\n          className={useStyles({\n            css: {\n              display: 'inline',\n            },\n          })}\n        >\n          {messageTitle}\n        </Heading>\n      </Box>\n      <Box className={useStyles({ css: { color: 'black' } })}>{children}</Box>\n    </Box>\n  );\n};\n","import React from 'react';\nimport { CircleUnchecked, CircleChecked, Required } from '@marigold/icons';\nimport { useStyles } from '@marigold/system';\nimport { ComponentProps } from '@marigold/types';\nimport { Box } from '../Box';\nimport { Label } from '../Label';\n\n// Radio Icon\n// ---------------\ntype RadioIconProps = {\n  className?: string;\n  variant?: string;\n  checked?: boolean;\n  children?: never;\n};\n\nconst RadioIcon: React.FC<RadioIconProps> = ({\n  className,\n  variant,\n  checked,\n}) => {\n  const radioIconStyle = useStyles({\n    variant: `form.${variant}`,\n    css: {\n      ariaHidden: 'true',\n      mr: 2,\n      verticalAlign: 'middle',\n      ':hover': { cursor: 'pointer' },\n      'input:disabled ~ &': {\n        color: 'muted',\n        cursor: 'not-allowed',\n      },\n    },\n    className,\n  });\n\n  if (checked) {\n    return <CircleChecked className={radioIconStyle} />;\n  }\n  return <CircleUnchecked className={radioIconStyle} />;\n};\n\n// Radio Input\n// ---------------\ntype RadioInputProps = {\n  variant?: string;\n} & ComponentProps<'input'>;\n\nconst RadioInput: React.FC<RadioInputProps> = ({\n  className,\n  variant = 'radio',\n  ...props\n}) => {\n  const radioStyle = useStyles({\n    css: {\n      position: 'absolute',\n      opacity: 0,\n      zIndex: -1,\n      width: 1,\n      height: 1,\n      overflow: 'hidden',\n    },\n  });\n\n  return (\n    <Box display=\"inline-block\">\n      <input type=\"radio\" className={radioStyle} {...props} />\n      <RadioIcon\n        checked={props.checked}\n        className={className}\n        variant={variant}\n      />\n    </Box>\n  );\n};\n\n// Radio\n// ---------------\nexport type RadioProps = {\n  id: string;\n  label?: string;\n  required?: boolean;\n} & RadioInputProps;\n\nexport const Radio: React.FC<RadioProps> = ({ label, required, ...props }) => {\n  if (label) {\n    return (\n      <Label htmlFor={props.id}>\n        <RadioInput {...props} />\n        {label}\n        {required && <Required size={16} />}\n      </Label>\n    );\n  }\n\n  return <RadioInput {...props} />;\n};\n","import React from 'react';\nimport { useStyles } from '@marigold/system';\nimport { ComponentProps } from '@marigold/types';\n\nexport type SliderProps = {\n  variant?: string;\n} & ComponentProps<'input'>;\n\nexport const Slider: React.FC<SliderProps> = ({\n  variant = 'slider',\n  className,\n  ...props\n}) => {\n  const classNames = useStyles({\n    variant: `form.${variant}`,\n    css: {\n      verticalAlign: 'middle',\n    },\n    className,\n  });\n\n  return <input type=\"range\" className={classNames} {...props} />;\n};\n","import React from 'react';\nimport { ArrowDown } from '@marigold/icons';\nimport { useStyles } from '@marigold/system';\nimport { ComponentProps } from '@marigold/types';\nimport { Box } from '../Box';\n\nexport type SelectProps = { variant?: string } & ComponentProps<'select'>;\n\nexport const Select: React.FC<SelectProps> = ({\n  variant = 'default',\n  children,\n  ...props\n}) => {\n  const iconStyles = useStyles({\n    css: {\n      alignSelf: 'center',\n      pointerEvents: 'none',\n      ml: '-28px',\n    },\n  });\n\n  return (\n    <Box display=\"flex\">\n      <Box as=\"select\" variant={`select.${variant}`} {...props}>\n        {children}\n      </Box>\n      <ArrowDown className={iconStyles} />\n    </Box>\n  );\n};\n","import React, { Children } from 'react';\nimport { ResponsiveStyleValue } from '@marigold/system';\nimport { Box } from '../Box';\nimport flattenChildren from 'react-keyed-flatten-children';\n\nexport type StackProps = {\n  className?: string;\n  space?: ResponsiveStyleValue<number | string>;\n  align?: 'left' | 'right' | 'center';\n  title?: string; // For Testing\n};\n\nconst ALIGN_STYLES = {\n  left: {\n    display: 'block',\n    flexDirection: 'row',\n    alignItems: 'flex-start',\n  },\n  center: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n  },\n  right: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'flex-end',\n  },\n};\n\nexport const Stack: React.FC<StackProps> = ({\n  space = 0,\n  align = 'left',\n  children,\n  ...props\n}) => {\n  const stackItems = flattenChildren(children);\n  const { display, flexDirection, alignItems } = ALIGN_STYLES[align];\n\n  return (\n    <Box p={space} display={display} flexDirection={flexDirection} {...props}>\n      {Children.map(stackItems, (child, index) => (\n        <Box\n          display={display}\n          flexDirection={flexDirection}\n          alignItems={alignItems}\n          pt={space}\n          mt={index === 0 ? -space! : 0}\n        >\n          {child}\n        </Box>\n      ))}\n    </Box>\n  );\n};\n","import React from 'react';\nimport { useStyles } from '@marigold/system';\nimport { Exclamation, Required } from '@marigold/icons';\nimport { ComponentProps } from '@marigold/types';\n\nimport { ValidationMessage } from '../ValidationMessage';\nimport { Label } from '../Label';\nimport { Box } from '../Box';\n\nexport type TextareaProps = {\n  variant?: string;\n  label?: string;\n  htmlFor?: string;\n  errorMessage?: string;\n  required?: boolean;\n} & ComponentProps<'textarea'>;\n\nexport const Textarea: React.FC<TextareaProps> = ({\n  variant = 'default',\n  htmlFor = 'textarea',\n  label,\n  errorMessage,\n  required = false,\n  className = '',\n  children,\n  ...props\n}) => {\n  const errorClassName = useStyles({ css: { color: 'error' } });\n  const textareaClassNames = useStyles({\n    css: { outlineColor: errorMessage && 'error' },\n    className,\n  });\n\n  return (\n    <Box>\n      {label && (\n        <Label htmlFor={htmlFor}>\n          {label}\n          {(errorMessage || required) && (\n            <Required size={16} className={errorClassName} />\n          )}\n        </Label>\n      )}\n      <Box\n        as=\"textarea\"\n        {...props}\n        display=\"block\"\n        variant={`textarea.${variant}`}\n        className={textareaClassNames}\n      />\n      {errorMessage && (\n        <ValidationMessage>\n          <Exclamation size={16} />\n          {errorMessage}\n        </ValidationMessage>\n      )}\n    </Box>\n  );\n};\n","import React from 'react';\nimport { Box } from '../Box';\n\nexport type ContainerProps = {\n  className?: string;\n  title?: string; // Used for testing.\n};\n\nexport const Container: React.FC<ContainerProps> = ({ children, ...props }) => (\n  <Box {...props} width=\"100%\">\n    {children}\n  </Box>\n);\n"],"names":["Box","forwardRef","ref","variant","as","children","className","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","props","cn","useStyles","element","css","createElement","Alert","classNames","bgColor","iconClassName","icon","React","Check","size","color","Notification","Exclamation","Badge","borderColor","Button","Label","CheckboxIcon","checked","checkboxIconStyle","ariaHidden","verticalAlign","cursor","SquareChecked","SquareUnchecked","CheckboxInput","checkboxStyle","type","Checkbox","label","required","htmlFor","id","Required","Column","Columns","space","horizontalAlign","columnItems","flattenChildren","childClassNames","justify","Children","map","child","cloneElement","Dialog","onClose","onClick","Close","Divider","Input","ValidationMessage","Field","error","labelClassName","errorClassName","Heading","Hidden","show","Image","Text","align","outline","userSelect","textAlign","Link","disabled","useRef","useLink","elementType","isDisabled","linkProps","Menu","itemStyles","MenuItem","Message","messageTitle","Info","RadioIcon","radioIconStyle","CircleChecked","CircleUnchecked","RadioInput","radioStyle","Radio","Slider","Select","iconStyles","alignSelf","pointerEvents","ArrowDown","ALIGN_STYLES","center","Stack","stackItems","index","Textarea","errorMessage","textareaClassNames","outlineColor","Container"],"mappings":"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"}
+{"version":3,"file":"components.esm.js","sources":["../src/Inline/Inline.tsx","../src/Stack/Stack.tsx","../src/ActionGroup/ActionGroup.tsx","../src/Alert/Alert.tsx","../src/Badge/Badge.tsx","../src/Button/Button.tsx","../src/Card/Card.tsx","../src/Checkbox/CheckboxIcons.tsx","../src/Label/Label.tsx","../src/ValidationMessage/ValidationMessage.tsx","../src/Checkbox/Checkbox.tsx","../src/Column/Column.tsx","../src/Columns/Columns.tsx","../src/Text/Text.tsx","../src/Dialog/ModalDialog.tsx","../src/Dialog/Dialog.tsx","../src/Divider/Divider.tsx","../src/Input/Input.tsx","../src/Field/Field.tsx","../src/Image/Image.tsx","../src/Link/Link.tsx","../src/Menu/Menu.tsx","../src/MenuItem/MenuItem.tsx","../src/Message/Message.tsx","../src/Provider/MarigoldProvider.tsx","../src/Radio/RadioIcon.tsx","../src/Radio/Radio.tsx","../src/Slider/Slider.tsx","../src/Select/Option.tsx","../src/Select/ListBoxSection.tsx","../src/Select/ListBox.tsx","../src/Select/Popover.tsx","../src/Select/Select.tsx","../src/Textarea/Textarea.tsx","../src/Container/Container.tsx"],"sourcesContent":["import React, { Children } from 'react';\nimport flattenChildren from 'react-keyed-flatten-children';\n\nimport { ResponsiveStyleValue } from '@marigold/system';\n\nimport { Box } from '../Box';\n\nexport type InlineProps = {\n  space?: ResponsiveStyleValue<string>;\n  align?: 'top' | 'center' | 'bottom';\n};\n\nconst ALIGNMENT = {\n  top: 'flex-start',\n  center: 'center',\n  bottom: 'flex-end',\n};\n\nexport const Inline: React.FC<InlineProps> = ({\n  space = 'none',\n  align = 'center',\n  children,\n  ...props\n}) => (\n  <Box\n    display=\"inline-flex\"\n    css={{ '> * + *': { pl: space } }}\n    alignItems={ALIGNMENT[align]}\n    {...props}\n  >\n    {Children.map(\n      flattenChildren(children) as unknown as React.ReactElement,\n      (child: React.ReactElement) => (\n        <Box>{React.cloneElement(child, {}, child.props.children)}</Box>\n      )\n    )}\n  </Box>\n);\n","import React, { Children } from 'react';\nimport flattenChildren from 'react-keyed-flatten-children';\n\nimport { ResponsiveStyleValue } from '@marigold/system';\n\nimport { Box } from '../Box';\n\nexport type StackProps = {\n  space?: ResponsiveStyleValue<string>;\n  align?: 'left' | 'right' | 'center';\n};\n\nconst ALIGNMENT = {\n  left: 'flex-start',\n  center: 'center',\n  right: 'flex-end',\n};\n\nexport const Stack: React.FC<StackProps> = ({\n  space = 'none',\n  align = 'left',\n  children,\n  ...props\n}) => (\n  <Box\n    {...props}\n    display=\"flex\"\n    flexDirection=\"column\"\n    alignItems={ALIGNMENT[align]}\n    css={{ '> * + *': { pt: space } }}\n  >\n    {Children.map(\n      flattenChildren(children) as unknown as React.ReactElement,\n      (child: React.ReactElement) => (\n        <Box>{React.cloneElement(child, {}, child.props.children)}</Box>\n      )\n    )}\n  </Box>\n);\n","import React from 'react';\n\nimport { ResponsiveStyleValue } from '@marigold/system';\nimport { ComponentProps } from '@marigold/types';\n\nimport { Inline } from '../Inline';\nimport { Stack } from '../Stack';\n\n// Props\n// ---------------\nexport type ActionGroupProps = {\n  space?: ResponsiveStyleValue<string>;\n  verticalAlignment?: boolean;\n} & ComponentProps<'div'>;\n\n// Component\n// ---------------\nexport const ActionGroup: React.FC<ActionGroupProps> = ({\n  space = 'none',\n  verticalAlignment = false,\n  children,\n  ...props\n}) =>\n  verticalAlignment ? (\n    <Stack space={space} {...props}>\n      {children}\n    </Stack>\n  ) : (\n    <Inline space={space} {...props}>\n      {children}\n    </Inline>\n  );\n","import React from 'react';\nimport { Exclamation, Check, Notification } from '@marigold/icons';\nimport { type ComponentProps } from '@marigold/types';\n\nimport { Box } from '../Box';\n\nconst ICON_MAP = {\n  success: Check,\n  warning: Notification,\n  error: Exclamation,\n} as const;\n\nexport type AlertVariants = keyof typeof ICON_MAP;\n\n// Theme Extension\n// ---------------\nexport interface AlertThemeExtension<Value> {\n  alert?: {\n    [key in AlertVariants]?: Value;\n  };\n}\n\n// Props\n// ---------------\nexport type AlertProps = {\n  variant?: AlertVariants;\n} & ComponentProps<'div'>;\n\n// Component\n// ---------------\nexport const Alert: React.FC<AlertProps> = ({\n  variant = 'success',\n  children,\n  ...props\n}) => {\n  const Icon = ICON_MAP[variant];\n\n  return (\n    <Box {...props} display=\"flex\" variant={`alert.${variant}`}>\n      <Box\n        display=\"inline-block\"\n        alignItems=\"center\"\n        width=\"32px\"\n        height=\"32px\"\n        bg={variant}\n      >\n        <Box as={Icon} size={12} color=\"#fff\" bg={variant} m={10} />\n      </Box>\n      <Box mx=\"16px\">{children}</Box>\n    </Box>\n  );\n};\n","import React from 'react';\nimport { ComponentProps } from '@marigold/types';\nimport { Box } from '../Box';\n\n// Theme Extension\n// ---------------\nexport interface BadgeThemeExtension<Value> {\n  badge?: {\n    [key: string]: Value;\n  };\n}\n\n// Props\n// ---------------\nexport type BadgeProps = {\n  variant?: string;\n  bgColor?: string;\n  borderColor?: string;\n} & ComponentProps<'div'>;\n\n// Component\n// ---------------\nexport const Badge: React.FC<BadgeProps> = ({\n  variant = '',\n  bgColor = 'transparent',\n  borderColor = 'transparent',\n  children,\n  ...props\n}) => (\n  <Box\n    css={{ bg: bgColor, borderColor: borderColor }}\n    variant={`badge.${variant}`}\n    {...props}\n  >\n    {children}\n  </Box>\n);\n","import React, { forwardRef, RefObject } from 'react';\nimport { useButton } from '@react-aria/button';\nimport {\n  PolymorphicComponentWithRef,\n  PolymorphicPropsWithRef,\n} from '@marigold/types';\n\nimport { Box, BoxOwnProps } from '../Box';\n\n// Theme Extension\n// ---------------\nexport interface ButtonThemeExtension<Value> {\n  button?: {\n    [key: string]: Value;\n  };\n}\n\n// Props\n// ---------------\nexport type ButtonProps = PolymorphicPropsWithRef<BoxOwnProps, 'button'>;\n\n// Component\n// ---------------\nexport const Button: PolymorphicComponentWithRef<BoxOwnProps, 'button'> =\n  forwardRef(\n    (\n      {\n        as = 'button',\n        variant = 'primary',\n        size = 'large',\n        space = 'none',\n        disabled,\n        children,\n        className,\n        ...props\n      },\n      ref\n    ) => {\n      const { buttonProps } = useButton(\n        {\n          ...props,\n          elementType: typeof as === 'string' ? as : 'span',\n          isDisabled: disabled,\n        },\n        ref as RefObject<HTMLSpanElement>\n      );\n\n      return (\n        <Box\n          {...buttonProps}\n          {...props}\n          as={as}\n          display=\"inline-flex\"\n          alignItems=\"center\"\n          variant={[`button.${variant}`, `button.${size}`]}\n          className={className}\n          ref={ref}\n          css={{ columnGap: space }}\n        >\n          {children}\n        </Box>\n      );\n    }\n  );\n","import React from 'react';\nimport { ResponsiveStyleValue } from '@marigold/system';\nimport { ComponentProps } from '@marigold/types';\n\nimport { Box } from '../Box';\n\n// Theme Extension\n// ---------------\nexport interface CardThemeExtension<Value> {\n  card?: {\n    [key: string]: Value;\n  };\n}\n\n// Props\n// ---------------\nexport type CardProps = {\n  title?: string;\n  width?: ResponsiveStyleValue<string>;\n  variant?: string;\n} & ComponentProps<'div'>;\n\n// Component\n// ---------------\nexport const Card: React.FC<CardProps> = ({\n  variant = '',\n  title,\n  width,\n  className,\n  children,\n  ...props\n}) => {\n  return (\n    <Box\n      {...props}\n      variant={`card.${variant}`}\n      maxWidth={width}\n      className={className}\n    >\n      {title && (\n        <Box as=\"h2\" variant=\"text.h2\" pb=\"small\">\n          {title}\n        </Box>\n      )}\n      {children}\n    </Box>\n  );\n};\n","import React from 'react';\nimport { conditional, State, SVG } from '@marigold/system';\n\nimport { Box } from '../Box';\n\n// Checkbox Icon\n// ---------------\nexport type CheckboxIconProps = {\n  variant?: string;\n  checked?: boolean;\n  disabled?: boolean;\n  error?: boolean;\n  children?: never;\n};\n\nexport const CheckboxIcon: React.FC<CheckboxIconProps> = ({\n  variant = '',\n  checked = false,\n  disabled = false,\n  error = false,\n}) => {\n  const conditionalStates: State = disabled\n    ? {\n        disabled: disabled,\n      }\n    : {\n        checked: checked,\n        error: error,\n      };\n\n  return (\n    <SVG\n      width=\"16\"\n      height=\"32\"\n      viewBox=\"0 0 16 32\"\n      fill=\"none\"\n      aria-hidden=\"true\"\n    >\n      <Box\n        as=\"rect\"\n        x=\"0.5\"\n        y=\"8.5\"\n        width=\"15px\"\n        height=\"15px\"\n        rx=\"1.5\"\n        variant={conditional(`checkbox.${variant}`, conditionalStates)}\n      />\n      {checked && (\n        <Box\n          __baseCSS={{ fill: 'gray00' }}\n          as=\"path\"\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M13.9571 12.8338L12.4085 11.2852L6.08699 17.6007L3.59887 15.1126L2.04163 16.6588L6.08682 20.704L13.9571 12.8338Z\"\n        />\n      )}\n    </SVG>\n  );\n};\n","import React from 'react';\n\nimport { ComponentProps } from '@marigold/types';\nimport { Required } from '@marigold/icons';\nimport { ResponsiveStyleValue } from '@marigold/system';\n\nimport { Box } from '../Box';\n\n// Theme Extension\n// ---------------\nexport interface LabelThemeExtension<Value> {\n  label?: {\n    [key: string]: Value;\n  };\n}\n\n// LabelBase\n// ---------------\nexport type LabelBaseProps = {\n  htmlFor?: string;\n  variant?: string;\n  required?: boolean;\n  color?: ResponsiveStyleValue<string>;\n} & ComponentProps<'label'>;\n\nexport const LabelBase: React.FC<LabelProps> = ({\n  variant = 'above',\n  required,\n  color = 'text',\n  children,\n  ...props\n}) => {\n  return (\n    <Box\n      {...props}\n      as=\"label\"\n      __baseCSS={{ color: color }}\n      variant={`label.${variant}`}\n    >\n      {children}\n    </Box>\n  );\n};\n\n// Label\n// ---------------\nexport type LabelProps = {\n  required?: boolean;\n} & LabelBaseProps;\n\nexport const Label: React.FC<LabelProps> = ({\n  required,\n  children,\n  ...props\n}) => {\n  return required ? (\n    <Box as=\"span\" display=\"inline-flex\" alignItems=\"center\">\n      <LabelBase {...props}>{children}</LabelBase>\n      {required && <Box as={Required} size={16} css={{ color: 'error' }} />}\n    </Box>\n  ) : (\n    <LabelBase {...props}>{children}</LabelBase>\n  );\n};\n","import React from 'react';\nimport { ComponentProps } from '@marigold/types';\n\nimport { Box } from '../Box';\n\n// Theme Extension\n// ---------------\nexport interface ValidationMessageThemeExtension<Value> {\n  validation?: {\n    [key: string]: Value;\n  };\n}\n\n// Props\n// ---------------\nexport type ValidationMessageProps = {\n  variant?: string;\n} & ComponentProps<'span'>;\n\n// Component\n// ---------------\nexport const ValidationMessage: React.FC<ValidationMessageProps> = ({\n  variant = 'error',\n  children,\n  className,\n  ...props\n}) => {\n  return (\n    <Box\n      as=\"span\"\n      display=\"flex\"\n      alignItems=\"center\"\n      variant={`validation.${variant}`}\n      className={className}\n      {...props}\n    >\n      {children}\n    </Box>\n  );\n};\n","import React from 'react';\nimport { useFocusRing } from '@react-aria/focus';\nimport { VisuallyHidden } from '@react-aria/visually-hidden';\nimport { useCheckbox } from '@react-aria/checkbox';\nimport { useToggleState } from '@react-stately/toggle';\nimport { ToggleProps } from '@react-types/checkbox';\n\nimport { ComponentProps } from '@marigold/types';\nimport { Exclamation } from '@marigold/icons';\n\nimport { CheckboxIcon, CheckboxIconProps } from './CheckboxIcons';\nimport { Box } from '../Box';\nimport { Label } from '../Label';\nimport { ValidationMessage } from '../ValidationMessage';\n\n// Theme Extension\n// ---------------\nexport interface CheckboxThemeExtension<Value> {\n  checkbox?: {\n    [key: string]: Value;\n  };\n}\n\n// Checkbox Input\n// ---------------\ntype CheckboxInputProps = CheckboxIconProps &\n  ToggleProps &\n  ComponentProps<'input'>;\n\nconst CheckboxInput: React.FC<CheckboxInputProps> = ({ error, ...props }) => {\n  const state = useToggleState(props);\n  const ref = React.useRef<HTMLInputElement>(null);\n  const { inputProps } = useCheckbox(props, state, ref);\n  const { focusProps } = useFocusRing();\n\n  return (\n    <Box pr=\"xsmall\">\n      <VisuallyHidden>\n        <Box\n          as=\"input\"\n          type=\"checkbox\"\n          disabled={props.disabled}\n          {...inputProps}\n          {...focusProps}\n          ref={ref}\n          {...props}\n        />\n      </VisuallyHidden>\n      <CheckboxIcon\n        checked={props.checked}\n        variant={props.variant}\n        disabled={props.disabled}\n        error={error}\n      />\n    </Box>\n  );\n};\n\n// Checkbox\n// ---------------\nexport type CheckboxProps = {\n  id: string;\n  label: string;\n  required?: boolean;\n  labelVariant?: string;\n  error?: boolean;\n  errorMessage?: string;\n} & CheckboxInputProps;\n\nexport const Checkbox: React.FC<CheckboxProps> = ({\n  label,\n  required,\n  labelVariant = 'inline',\n  error,\n  errorMessage,\n  ...props\n}) => {\n  return (\n    <>\n      <Box\n        as={Label}\n        __baseCSS={{\n          ':hover': { cursor: props.disabled ? 'not-allowed' : 'pointer' },\n        }}\n        htmlFor={props.id}\n        required={required}\n        variant={`label.${labelVariant}`}\n        color={props.disabled ? 'disabled' : 'text'}\n      >\n        <Box as={CheckboxInput} error={error} {...props} />\n        {label}\n      </Box>\n      {error && errorMessage && (\n        <ValidationMessage>\n          <Exclamation size={16} />\n          {errorMessage}\n        </ValidationMessage>\n      )}\n    </>\n  );\n};\n","import React from 'react';\nimport { Box } from '../Box';\n\ntype WidthValues = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n\nexport type ColumnProps = {\n  className?: string;\n  width?: WidthValues | WidthValues[];\n};\n\nconst transform = (width: WidthValues | WidthValues[]) => {\n  if (Array.isArray(width)) {\n    return width.map(v => `${(v / 12) * 100}%`);\n  }\n\n  return `${(width / 12) * 100}%`;\n};\n\nexport const Column: React.FC<ColumnProps> = ({\n  width = 12,\n  children,\n  ...props\n}) => (\n  <Box {...props} width={transform(width)}>\n    {children}\n  </Box>\n);\n","import React, { Children } from 'react';\nimport { Box } from '../Box';\nimport flattenChildren from 'react-keyed-flatten-children';\nimport { ResponsiveStyleValue, useTheme } from '@marigold/system';\n\ntype ColumnsProps = {\n  className?: string;\n  space?: ResponsiveStyleValue<string>;\n  horizontalAlign?: 'left' | 'right' | 'center';\n  verticalAlign?: 'top' | 'bottom' | 'center';\n};\n\nconst useAlignment = (direction: string) => {\n  switch (direction) {\n    case 'right':\n      return 'flex-end';\n    case 'bottom':\n      return 'flex-end';\n    case 'center':\n      return 'center';\n  }\n  return 'flex-start';\n};\n\nexport const Columns: React.FC<ColumnsProps> = ({\n  space = 'none',\n  horizontalAlign = 'left',\n  verticalAlign = 'top',\n  className,\n  children,\n  ...props\n}) => {\n  const justifyContent = useAlignment(horizontalAlign);\n  const alignItems = useAlignment(verticalAlign);\n\n  /**\n   * transform space string to space value from theme\n   */\n  const { css } = useTheme();\n  const spaceObject = css({ space }) as Object;\n  const spaceValue = Object.values(spaceObject)[0];\n\n  return (\n    <Box p={space} display=\"flex\" className={className}>\n      <Box\n        width={`calc(100% + ${spaceValue}px)`}\n        m={`${-spaceValue / 2}px`}\n        display=\"flex\"\n        flexWrap=\"wrap\"\n        alignItems={alignItems}\n        justifyContent={justifyContent}\n        {...props}\n      >\n        {Children.map(\n          flattenChildren(children) as unknown as React.ReactElement,\n          (child: React.ReactElement) => {\n            return React.cloneElement(\n              child,\n              {},\n              <Box css={{ p: `${spaceValue / 2}px` }}>\n                {child.props.children}\n              </Box>\n            );\n          }\n        )}\n      </Box>\n    </Box>\n  );\n};\n","import React, { forwardRef } from 'react';\nimport { ResponsiveStyleValue } from '@marigold/system';\nimport {\n  PolymorphicComponentWithRef,\n  PolymorphicPropsWithRef,\n} from '@marigold/types';\n\nimport { Box, BoxOwnProps } from '../Box';\n\n// Theme Extension\n// ---------------\nexport interface TextThemeExtension<Value> {\n  text?: {\n    [key: string]: Value;\n  };\n}\n\n// Props\n// ---------------\nexport type TextOwnProps = {\n  align?: ResponsiveStyleValue<string>;\n  color?: ResponsiveStyleValue<string>;\n  cursor?: ResponsiveStyleValue<string>;\n  outline?: ResponsiveStyleValue<string>;\n  userSelect?: ResponsiveStyleValue<string>;\n} & BoxOwnProps;\n\nexport type TextProps = PolymorphicPropsWithRef<TextOwnProps, 'span'>;\n\n// Component\n// ---------------\nexport const Text: PolymorphicComponentWithRef<TextOwnProps, 'span'> =\n  forwardRef(\n    (\n      {\n        as = 'span',\n        variant = 'body',\n        children,\n        className,\n        align,\n        color,\n        cursor,\n        outline,\n        userSelect,\n        ...props\n      },\n      ref\n    ) => (\n      <Box\n        {...props}\n        as={as}\n        variant={`text.${variant}`}\n        css={{ textAlign: align, color, cursor, outline, userSelect }}\n        className={className}\n        ref={ref}\n      >\n        {children}\n      </Box>\n    )\n  );\n","import React, { RefObject } from 'react';\nimport {\n  useOverlay,\n  usePreventScroll,\n  useModal,\n  OverlayProps,\n} from '@react-aria/overlays';\nimport { useDialog } from '@react-aria/dialog';\nimport { FocusScope } from '@react-aria/focus';\nimport { AriaDialogProps } from '@react-types/dialog';\n\nimport { Box } from '../Box';\n\n// Props\n// ---------------\nexport type ModalDialogProps = {\n  variant?: string;\n  backdropVariant?: string;\n} & OverlayProps &\n  AriaDialogProps;\n\n// Component\n// ---------------\nexport const ModalDialog: React.FC<ModalDialogProps> = ({\n  variant,\n  backdropVariant = 'backdrop',\n  children,\n  ...props\n}) => {\n  const { isDismissable, isOpen, onClose, ...restProps } = props;\n\n  // Handle interacting outside the dialog and pressing\n  // the Escape key to close the modal.\n  const ref = React.useRef<HTMLElement>() as RefObject<HTMLElement>;\n  const { overlayProps, underlayProps } = useOverlay(\n    { isDismissable, isOpen, onClose },\n    ref\n  );\n\n  // Prevent scrolling while the modal is open, and hide content\n  // outside the modal from screen readers.\n  usePreventScroll();\n\n  const { modalProps } = useModal();\n  const { dialogProps } = useDialog(props, ref);\n\n  return (\n    <Box\n      __baseCSS={{\n        display: 'grid',\n        placeItems: 'center',\n        position: 'fixed',\n        zIndex: 100,\n        top: 0,\n        left: 0,\n        bottom: 0,\n        right: 0,\n      }}\n      variant={`dialog.${backdropVariant}`}\n      {...underlayProps}\n    >\n      <FocusScope contain restoreFocus autoFocus>\n        <Box\n          {...overlayProps}\n          {...dialogProps}\n          {...modalProps}\n          ref={ref}\n          variant={variant ? `dialog.${variant}` : `dialog`}\n          {...restProps}\n        >\n          {children}\n        </Box>\n      </FocusScope>\n    </Box>\n  );\n};\n","import React, { RefObject } from 'react';\nimport { ComponentProps } from '@marigold/types';\nimport { useOverlayTriggerState } from '@react-stately/overlays';\nimport { OverlayContainer } from '@react-aria/overlays';\nimport { useButton } from '@react-aria/button';\nimport { Close } from '@marigold/icons';\n\nimport { Box } from '../Box';\nimport { Button } from '../Button';\nimport { Text } from '../Text';\n\nimport { ModalDialog, ModalDialogProps } from './ModalDialog';\n\n// Props\n// ---------------\nexport type DialogProps = {\n  backdropVariant?: string;\n  close: ComponentProps<typeof Button>['onClick'];\n  isOpen: boolean;\n  title?: string;\n  variant?: string;\n} & ModalDialogProps &\n  ComponentProps<'div'>;\n\n// Component\n// ---------------\nexport const Dialog: React.FC<DialogProps> = ({\n  backdropVariant,\n  children,\n  className,\n  close,\n  isOpen,\n  title,\n  variant,\n  ...props\n}) => {\n  const closeButtonRef = React.useRef<HTMLElement>() as RefObject<HTMLElement>;\n\n  // useButton ensures that focus management is handled correctly,\n  // across all browsers. Focus is restored to the button once the\n  // dialog closes.\n  const { buttonProps: closeButtonProps } = useButton(\n    {\n      onPress: () => close(),\n    },\n    closeButtonRef\n  );\n\n  return (\n    <OverlayContainer>\n      <ModalDialog\n        variant={variant}\n        backdropVariant={backdropVariant}\n        isOpen={isOpen}\n        onClose={close}\n        isDismissable\n        {...props}\n      >\n        <Box\n          __baseCSS={{\n            display: 'flex',\n            justifyContent: 'space-between',\n            borderRadius: 'small',\n            pl: 'large',\n            pb: 'large',\n          }}\n          className={className}\n        >\n          <Box pt=\"medium\">\n            {title && (\n              <Text as=\"h4\" variant=\"headline4\">\n                {title}\n              </Text>\n            )}\n            {children}\n          </Box>\n          <Box\n            __baseCSS={{\n              display: 'flex',\n              justifyContent: 'flex-end',\n              alignItems: 'start',\n              paddingTop: 'xsmall',\n              paddingX: 'xsmall',\n            }}\n          >\n            <Box\n              as={Button}\n              __baseCSS={{\n                color: 'text',\n                bg: 'transparent',\n                lineHeight: 'xsmall',\n                px: 'xxsmall',\n                ':hover': {\n                  color: 'text',\n                  bg: 'transparent',\n                  cursor: 'pointer',\n                },\n                ':focus': {\n                  outline: 0,\n                },\n              }}\n              {...closeButtonProps}\n              ref={closeButtonRef}\n            >\n              <Close size={16} />\n            </Box>\n          </Box>\n        </Box>\n      </ModalDialog>\n    </OverlayContainer>\n  );\n};\n\n// get the overlayTriggerState and openButton props for using the dialog component\nexport const useDialogButtonProps = () => {\n  const state = useOverlayTriggerState({});\n  const openButtonRef = React.useRef<HTMLElement>() as RefObject<HTMLElement>;\n  const { buttonProps: openButtonProps } = useButton(\n    {\n      onPress: () => state.open(),\n    },\n    openButtonRef\n  );\n\n  return {\n    state,\n    openButtonProps,\n    openButtonRef,\n  };\n};\n","import React from 'react';\nimport { SeparatorProps, useSeparator } from '@react-aria/separator';\n\nimport { Box } from '../Box';\n\n// Theme Extension\n// ---------------\nexport interface DividerThemeExtension<Value> {\n  divider?: {\n    [key: string]: Value;\n  };\n}\n\n// Props\n// ---------------\nexport type DividerProps = {\n  variant?: string;\n} & SeparatorProps;\n\n// Component\n// ---------------\nexport const Divider: React.FC<DividerProps> = ({ variant = '', ...props }) => {\n  const { separatorProps } = useSeparator(props);\n\n  return (\n    <Box\n      __baseCSS={{ width: '100%', height: '1px', m: 'none', bg: 'text' }}\n      variant={`divider.${variant}`}\n      {...props}\n      {...separatorProps}\n    />\n  );\n};\n","import React from 'react';\nimport { ComponentProps } from '@marigold/types';\nimport { Box } from '../Box';\n\n// Theme Extension\n// ---------------\nexport interface InputThemeExtension<Value> {\n  input?: {\n    [key: string]: Value;\n  };\n}\n\n// Props\n// ---------------\nexport type InputProps = {\n  variant?: string;\n} & ComponentProps<'input'>;\n\n// Component\n// ---------------\nexport const Input: React.FC<InputProps> = ({\n  variant = '',\n  type = 'text',\n  ...props\n}) => <Box {...props} as=\"input\" type={type} variant={`input.${variant}`} />;\n","import React from 'react';\nimport { Exclamation } from '@marigold/icons';\nimport { ComponentProps } from '@marigold/types';\n\nimport { Input } from '../Input';\nimport { Label } from '../Label';\nimport { ValidationMessage } from '../ValidationMessage';\n\n// Props\n// ---------------\nexport type FieldProps = {\n  variant?: string;\n  labelVariant?: string;\n  htmlFor: string;\n  label: string;\n  required?: boolean;\n  error?: boolean;\n  errorMessage?: string;\n  disabled?: boolean;\n} & ComponentProps<'input'>;\n\n// Component\n// ---------------\nexport const Field: React.FC<FieldProps> = ({\n  type = 'text',\n  variant = '',\n  labelVariant = 'above',\n  htmlFor,\n  label,\n  required,\n  error,\n  errorMessage,\n  disabled,\n  ...props\n}) => {\n  return (\n    <>\n      <Label variant={labelVariant} htmlFor={htmlFor} required={required}>\n        {label}\n      </Label>\n      <Input\n        {...props}\n        type={type}\n        id={htmlFor}\n        disabled={disabled}\n        variant={variant}\n      />\n      {error && errorMessage && (\n        <ValidationMessage>\n          <Exclamation size={16} />\n          {errorMessage}\n        </ValidationMessage>\n      )}\n    </>\n  );\n};\n","import React from 'react';\nimport { ComponentProps } from '@marigold/types';\nimport { Box } from '../Box';\n\n// Theme Extension\n// ---------------\nexport interface ImageThemeExtension<Value> {\n  image?: {\n    [key: string]: Value;\n  };\n}\n\n// Props\n// ---------------\nexport type ImageProps = {\n  variant?: string;\n  children?: never;\n} & ComponentProps<'img'>;\n\n// Component\n// ---------------\nexport const Image: React.FC<ImageProps> = ({\n  variant = 'fullWidth',\n  ...props\n}) => <Box {...props} as=\"img\" variant={`image.${variant}`} />;\n","import React, { useRef } from 'react';\nimport { useLink } from '@react-aria/link';\nimport { PolymorphicComponent, PolymorphicProps } from '@marigold/types';\n\nimport { Text, TextOwnProps } from '../Text';\n\n// Theme Extension\n// ---------------\nexport interface LinkThemeExtension<Value> {\n  link?: Value;\n}\n\n// Props\n// ---------------\nexport type LinkOwnProps = { disabled?: boolean } & TextOwnProps;\nexport type LinkProps = PolymorphicProps<LinkOwnProps, 'a'>;\n\n// Component\n// ---------------\nexport const Link = (({\n  as = 'a',\n  variant = 'link',\n  children,\n  disabled,\n  ...props\n}: LinkProps) => {\n  const ref = useRef<any>();\n  const { linkProps } = useLink(\n    {\n      // We typecast here because the element could very well be a `span`\n      ...(props as PolymorphicProps<LinkOwnProps, any>),\n      elementType: typeof as === 'string' ? as : 'span',\n      isDisabled: disabled,\n    },\n    ref\n  );\n\n  return (\n    <Text {...props} {...linkProps} as={as} variant={variant} ref={ref}>\n      {children}\n    </Text>\n  );\n}) as PolymorphicComponent<LinkOwnProps, 'a'>;\n","import React from 'react';\nimport { ComponentProps } from '@marigold/types';\n\nimport { Button } from '../Button';\nimport { Box } from '../Box';\n\n// Theme Extension\n// ---------------\nexport interface MenuThemeExtension<Value> {\n  menu?: Value;\n}\n\n// Props\n// ---------------\nexport type MenuProps = {\n  variant?: string;\n  label?: string;\n  onClick: ComponentProps<typeof Button>['onClick'];\n  show?: boolean;\n  className?: string;\n  title?: string; // For testing\n};\n\n// Component\n// ---------------\nexport const Menu: React.FC<MenuProps> = ({\n  variant = 'default',\n  label = 'Menu',\n  onClick,\n  show = false,\n  children,\n  ...props\n}) => {\n  return (\n    <Box variant={`menu.${variant}`} {...props}>\n      <Button onClick={onClick} variant=\"menu\">\n        {label}\n      </Button>\n      {show ? (\n        <Box\n          display=\"block\"\n          position=\"absolute\"\n          minWidth=\"120px\"\n          borderRadius=\"2px\"\n        >\n          {children}\n        </Box>\n      ) : null}\n    </Box>\n  );\n};\n","import React from 'react';\nimport { ComponentProps } from '@marigold/types';\nimport { Link } from '../Link';\nimport { Box } from '../Box';\n\n// Theme Extension\n// ---------------\nexport interface MenuItemThemeExtension<Value> {\n  menuItem?: {\n    [key: string]: Value;\n  };\n}\n\n// Props\n// ---------------\nexport type MenuItemProps = {\n  variant?: string;\n} & ComponentProps<typeof Link>;\n\n// Component\n// ---------------\nexport const MenuItem: React.FC<MenuItemProps> = ({\n  variant = 'default',\n  className,\n  children,\n  ...props\n}) => {\n  return (\n    <Box variant={`menuItem.${variant}`} className={className}>\n      <Link variant=\"menuItemLink\" {...props}>\n        {children}\n      </Link>\n    </Box>\n  );\n};\n","import React from 'react';\nimport { Exclamation, Info, Notification } from '@marigold/icons';\nimport { ComponentProps } from '@marigold/types';\nimport { Box } from '../Box';\nimport { Text } from '../Text';\n\n// Theme Extension\n// ---------------\nexport interface MessageThemeExtension<Value> {\n  message?: {\n    [key: string]: Value;\n  };\n}\n\n// Props\n// ---------------\nexport type MessageProps = {\n  messageTitle: string;\n  variant?: string;\n} & ComponentProps<'div'>;\n\n// Component\n// ---------------\nexport const Message: React.FC<MessageProps> = ({\n  messageTitle,\n  variant = 'info',\n  className,\n  children,\n  ...props\n}) => {\n  var icon = <Info />;\n  if (variant === 'warning') {\n    icon = <Notification />;\n  }\n  if (variant === 'error') {\n    icon = <Exclamation />;\n  }\n\n  return (\n    <Box\n      display=\"inline-block\"\n      variant={`message.${variant}`}\n      className={className}\n      {...props}\n    >\n      <Box display=\"flex\" alignItems=\"center\" variant=\"message.title\">\n        {icon}\n        <Text as=\"h4\" variant=\"headline4\">\n          {messageTitle}\n        </Text>\n      </Box>\n      <Box css={{ color: 'black' }}>{children}</Box>\n    </Box>\n  );\n};\n","import React from 'react';\nimport { OverlayProvider } from '@react-aria/overlays';\nimport {\n  Theme,\n  Global,\n  ThemeProvider,\n  ThemeProviderProps,\n  useTheme,\n  __defaultTheme,\n} from '@marigold/system';\n\n// Theme Extension\n// ---------------\nexport interface RootThemeExtension<Value> {\n  root?: {\n    body?: Value;\n    html?: Value;\n  };\n}\n\n// Props\n// ---------------\nexport interface MarigoldProviderProps<T extends Theme>\n  extends ThemeProviderProps<T> {}\n\n// Provider\n// ---------------\nexport function MarigoldProvider<T extends Theme>({\n  theme,\n  children,\n}: MarigoldProviderProps<T>) {\n  const outer = useTheme();\n  const isTopLevel = outer.theme === __defaultTheme;\n\n  return (\n    <ThemeProvider theme={theme}>\n      {isTopLevel ? (\n        <>\n          <Global />\n          <OverlayProvider>{children}</OverlayProvider>\n        </>\n      ) : (\n        children\n      )}\n    </ThemeProvider>\n  );\n}\n","import React from 'react';\nimport { conditional, State, SVG } from '@marigold/system';\n\nimport { Box } from '../Box';\n\n// Radio Icon\n// ---------------\nexport type RadioIconProps = {\n  variant?: string;\n  checked?: boolean;\n  disabled?: boolean;\n  error?: boolean;\n  children?: never;\n};\n\nexport const RadioIcon: React.FC<RadioIconProps> = ({\n  variant = '',\n  checked = false,\n  disabled = false,\n  error = false,\n}) => {\n  const conditionalStates: State = disabled\n    ? {\n        disabled: disabled,\n      }\n    : {\n        checked: checked,\n        error: error,\n      };\n\n  return (\n    <SVG\n      width=\"16\"\n      height=\"32\"\n      viewBox=\"0 0 16 32\"\n      fill=\"none\"\n      aria-hidden=\"true\"\n    >\n      <Box\n        variant={conditional(`radio.${variant}`, conditionalStates)}\n        as=\"circle\"\n        cx=\"8\"\n        cy=\"16\"\n        r=\"7.5\"\n      />\n      {checked && <circle fill=\"white\" cx=\"8\" cy=\"16\" r=\"3\" />}\n    </SVG>\n  );\n};\n","import React from 'react';\nimport { ComponentProps } from '@marigold/types';\nimport { Exclamation } from '@marigold/icons';\nimport { useFocusRing } from '@react-aria/focus';\nimport { VisuallyHidden } from '@react-aria/visually-hidden';\n\nimport { RadioIcon, RadioIconProps } from './RadioIcon';\nimport { Box } from '../Box';\nimport { Label } from '../Label';\nimport { ValidationMessage } from '../ValidationMessage';\n\n// Theme Extension\n// ---------------\nexport interface RadioThemeExtension<Value> {\n  radio?: {\n    [key: string]: Value;\n  };\n}\n\n// Radio Input\n// ---------------\ntype RadioInputProps = RadioIconProps & ComponentProps<'input'>;\n\nconst RadioInput: React.FC<RadioInputProps> = ({ error, ...props }) => {\n  const { focusProps } = useFocusRing();\n\n  return (\n    <Box pr=\"xsmall\">\n      <VisuallyHidden>\n        <input\n          type=\"radio\"\n          disabled={props.disabled}\n          {...focusProps}\n          {...props}\n        />\n      </VisuallyHidden>\n      <RadioIcon\n        variant={props.variant}\n        disabled={props.disabled}\n        checked={props.checked}\n        error={error}\n      />\n    </Box>\n  );\n};\n\n// Radio\n// ---------------\nexport type RadioProps = {\n  id: string;\n  label: string;\n  required?: boolean;\n  labelVariant?: string;\n  error?: boolean;\n  errorMessage?: string;\n} & RadioInputProps;\n\nexport const Radio: React.FC<RadioProps> = ({\n  label,\n  required,\n  labelVariant = 'inline',\n  error,\n  errorMessage,\n  ...props\n}) => (\n  <>\n    <Box\n      as={Label}\n      htmlFor={props.id}\n      required={required}\n      variant={`label.${labelVariant}`}\n      css={\n        props.disabled\n          ? { color: 'disabled', ':hover': { cursor: 'not-allowed' } }\n          : { color: 'text', ':hover': { cursor: 'pointer' } }\n      }\n    >\n      <Box as={RadioInput} error={error} {...props} />\n      {label}\n    </Box>\n    {error && errorMessage && (\n      <ValidationMessage>\n        <Exclamation size={16} />\n        {errorMessage}\n      </ValidationMessage>\n    )}\n  </>\n);\n","import React from 'react';\nimport { ComponentProps } from '@marigold/types';\n\nimport { Box } from '../Box';\n\n// Theme Extension\n// ---------------\nexport interface SliderThemeExtension<Value> {\n  slider?: {\n    [key: string]: Value;\n  };\n}\n\n// Props\n// ---------------\nexport type SliderProps = {\n  variant?: string;\n} & ComponentProps<'input'>;\n\n// Component\n// ---------------\nexport const Slider: React.FC<SliderProps> = ({\n  variant = '',\n  className,\n  ...props\n}) => (\n  <Box\n    as=\"input\"\n    type=\"range\"\n    css={{ verticalAlign: 'middle' }}\n    variant={`slider.${variant}`}\n    className={className}\n    {...props}\n  />\n);\n","import React, { useEffect, useRef, useState } from 'react';\nimport type { ListState } from '@react-stately/list';\nimport type { Node } from '@react-types/shared';\nimport { useOption } from '@react-aria/listbox';\n\nimport { Box } from '../Box';\n\ninterface OptionProps {\n  item: Node<unknown>;\n  state: ListState<unknown>;\n}\n\nexport const Option = ({ item, state }: OptionProps) => {\n  const ref = useRef<HTMLLIElement>(null);\n  const [disabled, setDisabled] = useState(false);\n  const { optionProps, isSelected } = useOption(\n    {\n      key: item.key,\n    },\n    state,\n    ref\n  );\n\n  useEffect(() => {\n    for (const key of state.disabledKeys.values()) {\n      if (key === item.key) {\n        setDisabled(true);\n      }\n    }\n  }, [state.disabledKeys, item.key]);\n\n  return (\n    <Box\n      as=\"li\"\n      {...optionProps}\n      ref={ref}\n      variant={\n        isSelected\n          ? 'select.option.selected'\n          : disabled\n          ? 'select.option.disabled'\n          : 'select.option'\n      }\n    >\n      {item.rendered}\n    </Box>\n  );\n};\n","import React from 'react';\nimport { useListBoxSection } from '@react-aria/listbox';\nimport type { ListState } from '@react-stately/list';\nimport type { Node } from '@react-types/shared';\n\nimport { Box } from '../Box';\nimport { Option } from './Option';\n\ninterface SectionProps {\n  section: Node<unknown>;\n  state: ListState<unknown>;\n}\n\nexport const ListBoxSection = ({ section, state }: SectionProps) => {\n  const { itemProps, headingProps, groupProps } = useListBoxSection({\n    heading: section.rendered,\n    'aria-label': section['aria-label'],\n  });\n\n  return (\n    <Box\n      as=\"li\"\n      {...itemProps}\n      css={{\n        cursor: 'not-allowed',\n      }}\n    >\n      {section.rendered && (\n        <Box as=\"span\" {...headingProps} variant={'select.section'}>\n          {section.rendered}\n        </Box>\n      )}\n      <Box as=\"ul\" {...groupProps}>\n        {[...section.childNodes].map(node => (\n          <Option key={node.key} item={node} state={state} />\n        ))}\n      </Box>\n    </Box>\n  );\n};\n","import React, { useRef } from 'react';\nimport { useListBox } from '@react-aria/listbox';\nimport type { AriaListBoxOptions } from '@react-aria/listbox';\nimport type { ListState } from '@react-stately/list';\n\nimport { Box } from '../Box';\nimport { Option } from './Option';\nimport { ListBoxSection } from './ListBoxSection';\n\ninterface ListBoxProps extends AriaListBoxOptions<unknown> {\n  state: ListState<unknown>;\n  error?: boolean;\n}\n\nexport const ListBox = (props: ListBoxProps) => {\n  const ref = useRef<HTMLUListElement>(null);\n  const { state, error } = props;\n  const { listBoxProps } = useListBox(props, state, ref);\n\n  return (\n    <Box\n      as=\"ul\"\n      p=\"none\"\n      css={{\n        listStyle: 'none',\n      }}\n      {...listBoxProps}\n      variant={error ? 'select.listbox.error' : 'select.listbox'}\n      ref={ref}\n    >\n      {[...state.collection].map(item =>\n        item.type === 'section' ? (\n          <ListBoxSection key={item.key} section={item} state={state} />\n        ) : (\n          <Option key={item.key} item={item} state={state} />\n        )\n      )}\n    </Box>\n  );\n};\n","import React, { forwardRef, RefObject } from 'react';\nimport { FocusScope } from '@react-aria/focus';\nimport {\n  DismissButton,\n  OverlayContainer,\n  useModal,\n  useOverlay,\n} from '@react-aria/overlays';\nimport { mergeProps } from '@react-aria/utils';\n\nimport { Box } from '../Box';\n\ninterface PopoverProps {\n  isOpen?: boolean;\n  onClose?: () => void;\n  ref?: React.Ref<HTMLDivElement>;\n  className?: string;\n}\n\nexport const Popover: React.FC<PopoverProps> = forwardRef(\n  ({ children, className, isOpen, onClose, ...otherProps }, ref) => {\n    // Handle events that should cause the popup to close,\n    const { overlayProps } = useOverlay(\n      {\n        isOpen,\n        onClose,\n        shouldCloseOnBlur: true,\n        isDismissable: true,\n      },\n      ref as RefObject<HTMLElement>\n    );\n    // Hide content outside the modal from screen readers.\n    const { modalProps } = useModal();\n\n    return (\n      <OverlayContainer>\n        <FocusScope restoreFocus>\n          <Box\n            {...mergeProps(overlayProps, otherProps, modalProps)}\n            className={className}\n            ref={ref}\n          >\n            {children}\n            <DismissButton onDismiss={onClose} />\n          </Box>\n        </FocusScope>\n      </OverlayContainer>\n    );\n  }\n);\n","import React, { Ref, RefObject, useRef } from 'react';\nimport { useSelectState } from '@react-stately/select';\nimport { useButton } from '@react-aria/button';\nimport { mergeProps } from '@react-aria/utils';\nimport { useFocusRing } from '@react-aria/focus';\nimport { HiddenSelect, useSelect } from '@react-aria/select';\nimport type { AriaSelectProps } from '@react-types/select';\nimport { useOverlayTriggerState } from '@react-stately/overlays';\nimport { useOverlayTrigger, useOverlayPosition } from '@react-aria/overlays';\nimport { SingleSelection } from '@react-types/shared';\n\nimport { ComponentProps } from '@marigold/types';\nimport { ArrowDown, ArrowUp, Exclamation, Required } from '@marigold/icons';\nimport { ResponsiveStyleValue } from '@marigold/system';\n\nimport { Box } from '../Box';\nimport { Label } from '../Label';\nimport { ValidationMessage } from '../ValidationMessage';\nimport { ListBox } from './ListBox';\nimport { Popover } from './Popover';\n\n// Theme Extension\n// ---------------\nexport interface SelectThemeExtension<Value> {\n  select?: {\n    __default: Value;\n    disabled?: Value;\n    listbox?: {\n      __default: Value;\n      error?: Value;\n    };\n    section?: Value;\n    option?: Value;\n  };\n}\n\n// Props\n// ---------------\nexport type SelectProps = {\n  labelVariant?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  required?: boolean;\n  width?: ResponsiveStyleValue<number | string>;\n  error?: boolean;\n  errorMessage?: string;\n} & ComponentProps<'select'> &\n  AriaSelectProps<object> &\n  SingleSelection;\n\n// Component\n// ---------------\nexport const Select = ({\n  labelVariant = 'above',\n  placeholder = 'Select an option',\n  disabled,\n  required,\n  error,\n  errorMessage,\n  width,\n  className,\n  ...props\n}: SelectProps) => {\n  const state = useSelectState(props);\n  const overlayTriggerState = useOverlayTriggerState({});\n  const triggerRef = useRef<HTMLElement>() as RefObject<HTMLElement>;\n  const overlayRef = useRef<HTMLDivElement>();\n\n  // Get props for the overlay\n  const { overlayProps } = useOverlayTrigger(\n    { type: 'listbox' },\n    overlayTriggerState,\n    triggerRef\n  );\n  // Get popover positioning props relative to the trigger\n  const { overlayProps: positionProps } = useOverlayPosition({\n    targetRef: triggerRef,\n    overlayRef: overlayRef as RefObject<HTMLElement>,\n    placement: 'bottom',\n    shouldFlip: false,\n    isOpen: state.isOpen,\n    onClose: state.close,\n  });\n  // Get props for child elements from useSelect\n  const { labelProps, triggerProps, valueProps, menuProps } = useSelect(\n    props,\n    state,\n    triggerRef\n  );\n  // Get props for the button based on the trigger props from useSelect\n  const { buttonProps } = useButton(triggerProps, triggerRef);\n\n  const { focusProps } = useFocusRing();\n\n  return (\n    <Box position=\"relative\" display=\"inline-block\" width={width && width}>\n      {props.label && (\n        <Box>\n          <Label {...labelProps} htmlFor={labelProps.id} variant={labelVariant}>\n            {required ? (\n              <Box as=\"span\" display=\"inline-flex\" alignItems=\"center\">\n                {props.label}\n                <Box as={Required} size={16} css={{ color: 'error' }} />\n              </Box>\n            ) : (\n              props.label\n            )}\n          </Label>\n        </Box>\n      )}\n      <HiddenSelect\n        state={state}\n        triggerRef={triggerRef}\n        label={props.label}\n        name={props.name}\n        isDisabled={disabled}\n      />\n      <Box\n        as=\"button\"\n        {...mergeProps(buttonProps, focusProps)}\n        ref={triggerRef as RefObject<HTMLButtonElement>}\n        variant={\n          error && state.isOpen && !disabled\n            ? 'button.select.errorOpened'\n            : error\n            ? 'button.select.error'\n            : state.isOpen && !disabled\n            ? 'button.select.open'\n            : 'button.select'\n        }\n        disabled={disabled}\n        className={className}\n      >\n        <Box\n          as=\"span\"\n          {...valueProps}\n          variant={disabled ? 'select.disabled' : 'select'}\n        >\n          {state.selectedItem ? state.selectedItem.rendered : placeholder}\n        </Box>\n        {state.isOpen && !disabled ? (\n          <Box as={ArrowUp} size={16} css={{ fill: 'text' }} />\n        ) : (\n          <Box\n            as={ArrowDown}\n            size={16}\n            css={{ fill: disabled ? 'disabled' : 'text' }}\n          />\n        )}\n      </Box>\n      {state.isOpen && !disabled && (\n        <Box\n          as={Popover}\n          {...overlayProps}\n          {...positionProps}\n          css={{\n            width: triggerRef.current && triggerRef.current.offsetWidth + 'px',\n          }}\n          ref={overlayRef as Ref<HTMLDivElement>}\n          isOpen={state.isOpen}\n          onClose={state.close}\n        >\n          <ListBox error={error} {...menuProps} state={state} />\n        </Box>\n      )}\n      {error && errorMessage && (\n        <Box as=\"span\" display=\"inline-flex\" alignItems=\"center\">\n          <Box as={Exclamation} size={16} css={{ color: 'error' }} />\n          <ValidationMessage>{errorMessage}</ValidationMessage>\n        </Box>\n      )}\n    </Box>\n  );\n};\n","import React from 'react';\nimport { Exclamation } from '@marigold/icons';\nimport { ComponentProps } from '@marigold/types';\n\nimport { ValidationMessage } from '../ValidationMessage';\nimport { Label } from '../Label';\nimport { Box } from '../Box';\n\n// Theme Extension\n// ---------------\nexport interface TextareaThemeExtension<Value> {\n  textarea?: {\n    [key: string]: Value;\n  };\n}\n\n// Props\n// ---------------\nexport type TextareaProps = {\n  variant?: string;\n  label?: string;\n  htmlFor?: string;\n  required?: boolean;\n  error?: boolean;\n  errorMessage?: string;\n} & ComponentProps<'textarea'>;\n\n// Component\n// ---------------\nexport const Textarea: React.FC<TextareaProps> = ({\n  variant = '',\n  htmlFor = 'textarea',\n  label,\n  error,\n  errorMessage,\n  required,\n  className = '',\n  children,\n  ...props\n}) => (\n  <Box>\n    {label && (\n      <Label htmlFor={htmlFor} required={required}>\n        {label}\n      </Label>\n    )}\n    <Box\n      as=\"textarea\"\n      {...props}\n      display=\"block\"\n      variant={`textarea.${variant}`}\n      css={{ outlineColor: error && 'error' }}\n      className={className}\n    />\n    {error && errorMessage && (\n      <ValidationMessage>\n        <Exclamation size={16} />\n        {errorMessage}\n      </ValidationMessage>\n    )}\n  </Box>\n);\n","import React from 'react';\nimport { Box } from '../Box';\n\nexport type ContainerProps = {\n  className?: string;\n  title?: string; // Used for testing.\n};\n\nexport const Container: React.FC<ContainerProps> = ({ children, ...props }) => (\n  <Box {...props} width=\"100%\">\n    {children}\n  </Box>\n);\n"],"names":["ALIGNMENT","top","center","bottom","Inline","space","align","children","props","React","Box","display","css","pl","alignItems","Children","map","flattenChildren","child","cloneElement","left","right","Stack","flexDirection","pt","ActionGroup","verticalAlignment","ICON_MAP","success","Check","warning","Notification","error","Exclamation","Alert","variant","Icon","width","height","bg","as","size","color","m","mx","Badge","bgColor","borderColor","Button","forwardRef","ref","disabled","className","useButton","elementType","isDisabled","buttonProps","columnGap","Card","title","maxWidth","pb","CheckboxIcon","checked","conditionalStates","SVG","viewBox","fill","x","y","rx","conditional","__baseCSS","fillRule","clipRule","d","LabelBase","required","Label","Required","ValidationMessage","CheckboxInput","state","useToggleState","useRef","useCheckbox","inputProps","useFocusRing","focusProps","pr","VisuallyHidden","type","Checkbox","label","labelVariant","errorMessage","cursor","htmlFor","id","transform","Array","isArray","v","Column","useAlignment","direction","Columns","horizontalAlign","verticalAlign","justifyContent","useTheme","spaceObject","spaceValue","Object","values","p","flexWrap","Text","outline","userSelect","textAlign","ModalDialog","backdropVariant","isDismissable","isOpen","onClose","restProps","useOverlay","overlayProps","underlayProps","usePreventScroll","useModal","modalProps","useDialog","dialogProps","placeItems","position","zIndex","FocusScope","contain","restoreFocus","autoFocus","Dialog","close","closeButtonRef","onPress","closeButtonProps","OverlayContainer","borderRadius","paddingTop","paddingX","lineHeight","px","Close","useDialogButtonProps","useOverlayTriggerState","openButtonRef","open","openButtonProps","Divider","useSeparator","separatorProps","Input","Field","Image","Link","useLink","linkProps","Menu","onClick","show","minWidth","MenuItem","Message","messageTitle","icon","Info","MarigoldProvider","theme","outer","isTopLevel","__defaultTheme","ThemeProvider","Global","OverlayProvider","RadioIcon","cx","cy","r","RadioInput","Radio","Slider","Option","item","useState","setDisabled","useOption","key","optionProps","isSelected","useEffect","disabledKeys","rendered","ListBoxSection","section","useListBoxSection","heading","itemProps","headingProps","groupProps","childNodes","node","ListBox","useListBox","listBoxProps","listStyle","collection","Popover","otherProps","shouldCloseOnBlur","mergeProps","DismissButton","onDismiss","Select","placeholder","useSelectState","overlayTriggerState","triggerRef","overlayRef","useOverlayTrigger","useOverlayPosition","targetRef","placement","shouldFlip","positionProps","useSelect","labelProps","triggerProps","valueProps","menuProps","HiddenSelect","name","selectedItem","ArrowUp","ArrowDown","current","offsetWidth","Textarea","outlineColor","Container"],"mappings":"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"}

package/dist/index.d.ts

@@ -1,22 +1,25 @@
 export * from './theme';
+export * from './ActionGroup';
 export * from './Alert';
 export * from './Badge';
 export * from './Box';
 export * from './Button';
+export * from './Card';
 export * from './Checkbox';
 export * from './Column';
 export * from './Columns';
 export * from './Dialog';
 export * from './Divider';
 export * from './Field';
-export * from './Heading';
-export * from './Hidden';
+export * from './VisuallyHidden';
 export * from './Image';
+export * from './Inline';
 export * from './Label';
 export * from './Link';
 export * from './Menu';
 export * from './MenuItem';
 export * from './Message';
+export * from './Provider';
 export * from './Radio';
 export * from './Slider';
 export * from './Select';
@@ -26,3 +29,4 @@ export * from './Textarea';
 export * from './Input';
 export * from './Container';
 export * from './ValidationMessage';
+export { Item, Section } from '@react-stately/collections';

package/dist/theme.d.ts

@@ -1,48 +1,23 @@
-export declare type CSSObject = object;
-export declare type BaseTheme = {
-    breakpoints: string[];
-    space: {
-        none: number;
-        xxsmall: number;
-        xsmall: number;
-        small: number;
-        medium: number;
-        large: number;
-        xlarge: number;
-        xxlarge: number;
-    };
-    fonts: {
-        body: string;
-        heading: string;
-    };
-    fontSizes: {
-        xxsmall: string;
-        xsmall: string;
-        small: string;
-        medium: string;
-        large: string;
-        xlarge: string;
-    };
-    fontWeights: {
-        body: number;
-        heading: number;
-        bold: number;
-    };
-    lineHeights: {
-        body: number;
-        heading: number;
-    };
-    colors: {
-        text: string;
-        background: string;
-        primary: string;
-        secondary: string;
-        disabled: string;
-        error: string;
-        warning: string;
-        info: string;
-        success: string;
-        [key: string]: string;
-    };
-    [key: string]: CSSObject;
-};
+import { CSSObject, Theme as Scales } from '@marigold/system';
+import { RootThemeExtension } from './Provider';
+import { AlertThemeExtension } from './Alert';
+import { BadgeThemeExtension } from './Badge';
+import { ButtonThemeExtension } from './Button';
+import { CardThemeExtension } from './Card';
+import { CheckboxThemeExtension } from './Checkbox';
+import { DividerThemeExtension } from './Divider';
+import { ImageThemeExtension } from './Image';
+import { InputThemeExtension } from './Input';
+import { LabelThemeExtension } from './Label';
+import { LinkThemeExtension } from './Link';
+import { MenuThemeExtension } from './Menu';
+import { MenuItemThemeExtension } from './MenuItem';
+import { MessageThemeExtension } from './Message';
+import { RadioThemeExtension } from './Radio';
+import { SelectThemeExtension } from './Select';
+import { SliderThemeExtension } from './Slider';
+import { TextThemeExtension } from './Text';
+import { TextareaThemeExtension } from './Textarea';
+import { ValidationMessageThemeExtension } from './ValidationMessage';
+export interface Theme extends Scales, RootThemeExtension<CSSObject>, AlertThemeExtension<CSSObject>, BadgeThemeExtension<CSSObject>, ButtonThemeExtension<CSSObject>, CardThemeExtension<CSSObject>, CheckboxThemeExtension<CSSObject>, DividerThemeExtension<CSSObject>, ImageThemeExtension<CSSObject>, InputThemeExtension<CSSObject>, LabelThemeExtension<CSSObject>, LinkThemeExtension<CSSObject>, MenuThemeExtension<CSSObject>, MenuItemThemeExtension<CSSObject>, MessageThemeExtension<CSSObject>, RadioThemeExtension<CSSObject>, SelectThemeExtension<CSSObject>, SliderThemeExtension<CSSObject>, TextThemeExtension<CSSObject>, TextareaThemeExtension<CSSObject>, ValidationMessageThemeExtension<CSSObject> {
+}

package/package.json

@@ -1,14 +1,32 @@
 {
   "name": "@marigold/components",
-  "version": "0.1.0",
+  "version": "0.3.2",
   "description": "Components for the Marigold Design System",
   "main": "dist/index.js",
   "module": "dist/components.esm.js",
   "typings": "dist/index.d.ts",
   "license": "MIT",
   "dependencies": {
+    "@marigold/icons": "workspace:*",
     "@marigold/system": "workspace:*",
-    "@react-aria/link": "^3.1.3",
+    "@react-aria/button": "^3.3.3",
+    "@react-aria/checkbox": "^3.2.3",
+    "@react-aria/dialog": "^3.1.4",
+    "@react-aria/focus": "^3.4.1",
+    "@react-aria/link": "^3.1.4",
+    "@react-aria/listbox": "^3.3.1",
+    "@react-aria/overlays": "^3.7.2",
+    "@react-aria/select": "^3.4.1",
+    "@react-aria/separator": "^3.1.3",
+    "@react-aria/ssr": "^3.1.0",
+    "@react-aria/utils": "^3.8.2",
+    "@react-aria/visually-hidden": "^3.2.3",
+    "@react-stately/collections": "^3.3.3",
+    "@react-stately/list": "^3.3.0",
+    "@react-stately/overlays": "^3.1.3",
+    "@react-stately/select": "^3.1.3",
+    "@react-types/dialog": "^3.3.1",
+    "@react-types/shared": "^3.8.0",
     "react-keyed-flatten-children": "1.3.0"
   },
   "peerDependencies": {
@@ -16,7 +34,8 @@
     "react-dom": "^16.x || ^17.0.0"
   },
   "devDependencies": {
-    "@marigold/types": "workspace:*"
+    "@marigold/types": "workspace:*",
+    "@testing-library/user-event": "13.5.0"
   },
   "scripts": {
     "build": "tsdx build --tsconfig tsconfig.build.json --transpileOnly",

package/src/ActionGroup/ActionGroup.stories.tsx

@@ -0,0 +1,47 @@
+import React from 'react';
+import type { Meta, ComponentStory } from '@storybook/react';
+
+import { Button } from '../Button';
+import { ActionGroup } from './ActionGroup';
+
+export default {
+  component: ActionGroup,
+  title: 'Components/ActionGroup',
+  argTypes: {
+    space: {
+      control: {
+        type: 'select',
+      },
+      options: [
+        'none',
+        'xxsmall',
+        'xsmall',
+        'small',
+        'medium',
+        'large',
+        'xlarge',
+        'xxlarge',
+      ],
+      defaultValue: 'none',
+      description: 'spacing around the group',
+    },
+    verticalAlignment: {
+      control: {
+        type: 'boolean',
+      },
+      defaultValue: false,
+      description: 'switch alignment',
+    },
+  },
+} as Meta;
+
+export const Basic: ComponentStory<typeof ActionGroup> = args => (
+  <ActionGroup {...args}>
+    <Button variant="text" size="small">
+      Cancel
+    </Button>
+    <Button variant="primary" size="small">
+      Confirm
+    </Button>
+  </ActionGroup>
+);

package/src/ActionGroup/ActionGroup.test.tsx

@@ -0,0 +1,83 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import { ThemeProvider } from '@marigold/system';
+import { ActionGroup } from './ActionGroup';
+import { Button } from '../Button';
+
+const theme = {
+  space: {
+    none: 0,
+    small: 2,
+  },
+};
+
+const getLeftPadding = (element: HTMLElement) =>
+  getComputedStyle(element).getPropertyValue('padding-left');
+
+const getTopPadding = (element: HTMLElement) =>
+  getComputedStyle(element).getPropertyValue('padding-top');
+
+test('default space is "none"', () => {
+  render(
+    <ThemeProvider theme={theme}>
+      <ActionGroup title="actionGroup">
+        <Button title="Button1">Button1</Button>
+        <Button title="Button2">Button2</Button>
+      </ActionGroup>
+    </ThemeProvider>
+  );
+  const first = screen.getByTitle(/Button1/).parentElement!;
+  const second = screen.getByTitle(/Button2/).parentElement!;
+
+  expect(getLeftPadding(first)).toEqual('');
+  expect(second).toHaveStyle(`padding-left: 0px`);
+});
+
+test('supports space prop', () => {
+  render(
+    <ThemeProvider theme={theme}>
+      <ActionGroup title="actionGroup" space="8px">
+        <Button title="Button1">Button1</Button>
+        <Button title="Button2">Button2</Button>
+      </ActionGroup>
+    </ThemeProvider>
+  );
+  const first = screen.getByTitle(/Button1/).parentElement!;
+  const second = screen.getByTitle(/Button2/).parentElement;
+
+  expect(getLeftPadding(first)).toEqual('');
+  expect(second).toHaveStyle(`padding-left: 8px`);
+});
+
+test('accepts and uses spacing from theme', () => {
+  render(
+    <ThemeProvider theme={theme}>
+      <ActionGroup title="actionGroup" space="small">
+        <Button title="Button1">Button1</Button>
+        <Button title="Button2">Button2</Button>
+      </ActionGroup>
+    </ThemeProvider>
+  );
+  const first = screen.getByTitle(/Button1/).parentElement!;
+  const second = screen.getByTitle(/Button2/).parentElement;
+
+  expect(getLeftPadding(first)).toEqual('');
+  expect(second).toHaveStyle(`padding-left: 2px`);
+});
+
+test('supports verticalAlignment prop', () => {
+  render(
+    <ThemeProvider theme={theme}>
+      <ActionGroup title="actionGroup" space="small" verticalAlignment>
+        <Button title="Button1">Button1</Button>
+        <Button title="Button2">Button2</Button>
+      </ActionGroup>
+    </ThemeProvider>
+  );
+
+  const button1 = screen.getByText(/Button1/);
+  const button2 = screen.getByText(/Button2/);
+
+  expect(getTopPadding(button1.parentElement!)).toEqual('');
+  expect(button2.parentElement).toHaveStyle(`padding-top: 2px`);
+});