@marigold/components 0.3.0 → 0.4.0

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

@@ -1 +0,0 @@
-{"version":3,"file":"components.cjs.development.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/RadioIcons.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 { 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  className?: string;\n  variant?: string;\n  title?: string; // Should only be used for testing.\n};\n\n// Component\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\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      ...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 { 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 { SVG } from '@marigold/system';\n\nimport { Box } from '../Box';\n\nexport const RadioChecked = ({ disabled = false, ...props }) => (\n  <SVG width=\"16\" height=\"32\" viewBox=\"0 0 16 32\" fill=\"none\" {...props}>\n    <Box\n      as=\"circle\"\n      cx=\"8\"\n      cy=\"16\"\n      r=\"7.5\"\n      variant={disabled ? 'radio.checked.disabled' : 'radio.checked'}\n    />\n    <Box as=\"circle\" cx=\"8\" cy=\"16\" r=\"3\" variant=\"radio.checked.circle\" />\n  </SVG>\n);\n\nexport const RadioUnchecked = ({\n  disabled = false,\n  error = false,\n  ...props\n}) => (\n  <SVG width=\"16\" height=\"32\" viewBox=\"0 0 16 32\" fill=\"none\" {...props}>\n    <Box\n      as=\"circle\"\n      cx=\"8\"\n      cy=\"16\"\n      r=\"7.5\"\n      variant={\n        disabled\n          ? 'radio.unchecked.disabled'\n          : error\n          ? 'radio.unchecked.error'\n          : 'radio.unchecked'\n      }\n    />\n  </SVG>\n);\n","import React from 'react';\nimport { ComponentProps } from '@marigold/types';\nimport { Exclamation } from '@marigold/icons';\n\nimport { Box } from '../Box';\nimport { Label } from '../Label';\nimport { ValidationMessage } from '../ValidationMessage';\n\nimport { RadioChecked, RadioUnchecked } from './RadioIcons';\n\n// Theme Extension\n// ---------------\nexport interface RadioThemeExtension<Value> {\n  radio?: {\n    [key: string]: Value;\n  };\n}\n\n// Radio Icon\n// ---------------\ntype RadioIconProps = {\n  variant?: string;\n  checked?: boolean;\n  disabled?: boolean;\n  error?: boolean;\n  children?: never;\n};\n\nconst RadioIcon: React.FC<RadioIconProps> = ({\n  variant,\n  checked,\n  disabled,\n  error,\n}) => {\n  if (checked) {\n    return (\n      <Box as={RadioChecked} variant={`radio.${variant}`} disabled={disabled} />\n    );\n  }\n  return (\n    <Box\n      as={RadioUnchecked}\n      variant={`radio.${variant}`}\n      disabled={disabled}\n      error={error}\n    />\n  );\n};\n\n// Radio Input\n// ---------------\ntype RadioInputProps = {\n  variant?: string;\n  error?: boolean;\n} & ComponentProps<'input'>;\n\nconst RadioInput: React.FC<RadioInputProps> = ({\n  className,\n  variant = '',\n  error,\n  ...props\n}) => (\n  <Box display=\"inline-block\" className={className}>\n    <Box\n      as=\"input\"\n      type=\"radio\"\n      css={{\n        position: 'absolute',\n        opacity: 0,\n        zIndex: -1,\n        width: 1,\n        height: 1,\n        overflow: 'hidden',\n      }}\n      {...props}\n    />\n    <RadioIcon\n      checked={props.checked}\n      variant={variant}\n      disabled={props.disabled}\n      error={error}\n    />\n  </Box>\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  if (label) {\n    return (\n      <>\n        <Label\n          htmlFor={props.id}\n          required={required}\n          variant={labelVariant}\n          color={props.disabled ? 'disabled' : 'text'}\n        >\n          <Box as={RadioInput} pr=\"8px\" error={error} {...props} />\n          {label}\n        </Label>\n        {error && errorMessage && (\n          <ValidationMessage>\n            <Exclamation size={16} />\n            {errorMessage}\n          </ValidationMessage>\n        )}\n      </>\n    );\n  }\n\n  return <RadioInput {...props} />;\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","Input","Field","Image","Link","useLink","linkProps","Menu","onClick","show","minWidth","MenuItem","Message","messageTitle","icon","Info","MarigoldProvider","theme","outer","isTopLevel","__defaultTheme","ThemeProvider","Global","OverlayProvider","RadioChecked","cx","cy","r","RadioUnchecked","RadioIcon","RadioInput","opacity","overflow","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/components.cjs.production.min.js

@@ -1,2 +0,0 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var r=require("react"),t=e(r),a=e(require("react-keyed-flatten-children")),n=require("@marigold/system"),i=require("@marigold/icons"),l=require("@react-aria/button"),s=require("@react-aria/focus"),o=require("@react-aria/visually-hidden"),c=require("@react-aria/checkbox"),d=require("@react-stately/toggle"),u=require("@react-stately/overlays"),m=require("@react-aria/overlays"),p=require("@react-aria/dialog"),v=require("@react-aria/link"),b=require("@react-aria/ssr"),x=require("@react-stately/select"),f=require("@react-aria/utils"),g=require("@react-aria/select"),h=require("@react-aria/listbox"),E=require("@react-stately/collections");function y(){return(y=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e}).apply(this,arguments)}function O(e,r){if(null==e)return{};var t,a,n={},i=Object.keys(e);for(a=0;a<i.length;a++)r.indexOf(t=i[a])>=0||(n[t]=e[t]);return n}function B(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,a=new Array(r);t<r;t++)a[t]=e[t];return a}var j=["space","align","children"],k={top:"flex-start",center:"center",bottom:"flex-end"},S=function(e){var i=e.space,l=void 0===i?"none":i,s=e.align,o=void 0===s?"center":s,c=e.children,d=O(e,j);return t.createElement(n.Box,Object.assign({display:"inline-flex",css:{"> * + *":{pl:l}},alignItems:k[o]},d),r.Children.map(a(c),(function(e){return t.createElement(n.Box,null,t.cloneElement(e,{},e.props.children))})))},P=["space","align","children"],C={left:"flex-start",center:"center",right:"flex-end"},N=function(e){var i=e.space,l=void 0===i?"none":i,s=e.align,o=void 0===s?"left":s,c=e.children,d=O(e,P);return t.createElement(n.Box,Object.assign({},d,{display:"flex",flexDirection:"column",alignItems:C[o],css:{"> * + *":{pt:l}}}),r.Children.map(a(c),(function(e){return t.createElement(n.Box,null,t.cloneElement(e,{},e.props.children))})))},w=["space","verticalAlignment","children"],q=["variant","children"],I={success:i.Check,warning:i.Notification,error:i.Exclamation},R=["variant","bgColor","borderColor","children"],F=["as","variant","size","space","disabled","children","className"],A=r.forwardRef((function(e,r){var a=e.as,i=void 0===a?"button":a,s=e.variant,o=void 0===s?"primary":s,c=e.size,d=void 0===c?"large":c,u=e.space,m=void 0===u?"none":u,p=e.disabled,v=e.children,b=e.className,x=O(e,F),f=l.useButton(y({},x,{elementType:"string"==typeof i?i:"span",isDisabled:p}),r);return t.createElement(n.Box,Object.assign({},f.buttonProps,x,{as:i,display:"inline-flex",alignItems:"center",variant:["button."+o,"button."+d],className:b,ref:r,css:{columnGap:m}}),v)})),M=["variant","title","width","className","children"],T=function(e){var r=e.variant,a=e.checked,i=void 0!==a&&a,l=e.disabled,s=void 0!==l&&l,o=e.error;return t.createElement(n.SVG,{width:"16",height:"32",viewBox:"0 0 16 32",fill:"none","aria-hidden":"true"},t.createElement(n.Box,{as:"rect",x:"0.5",y:"8.5",width:"15px",height:"15px",rx:"1.5",variant:n.conditional("checkbox."+(void 0===r?"":r),s?{disabled:s}:{checked:i,error:void 0!==o&&o})}),i&&t.createElement(n.Box,{__baseCSS:{fill:"gray00"},as:"path",fillRule:"evenodd",clipRule:"evenodd",d:"M13.9571 12.8338L12.4085 11.2852L6.08699 17.6007L3.59887 15.1126L2.04163 16.6588L6.08682 20.704L13.9571 12.8338Z"}))},V=["variant","required","color","children"],z=["required","children"],D=function(e){var r=e.variant,a=void 0===r?"above":r,i=e.color,l=void 0===i?"text":i,s=e.children,o=O(e,V);return t.createElement(n.Box,Object.assign({},o,{as:"label",__baseCSS:{color:l},variant:"label."+a}),s)},_=function(e){var r=e.required,a=e.children,l=O(e,z);return r?t.createElement(n.Box,{as:"span",display:"inline-flex",alignItems:"center"},t.createElement(D,Object.assign({},l),a),r&&t.createElement(n.Box,{as:i.Required,size:16,css:{color:"error"}})):t.createElement(D,Object.assign({},l),a)},L=["variant","children","className"],G=function(e){var r=e.variant,a=void 0===r?"error":r,i=e.children,l=e.className,s=O(e,L);return t.createElement(n.Box,Object.assign({as:"span",display:"flex",alignItems:"center",variant:"validation."+a,className:l},s),i)},H=["error"],W=["label","required","labelVariant","error","errorMessage"],K=function(e){var r=e.error,a=O(e,H),i=d.useToggleState(a),l=t.useRef(null),u=c.useCheckbox(a,i,l).inputProps,m=s.useFocusRing();return t.createElement(n.Box,{pr:"xsmall"},t.createElement(o.VisuallyHidden,null,t.createElement(n.Box,Object.assign({as:"input",type:"checkbox",disabled:a.disabled},u,m.focusProps,{ref:l},a))),t.createElement(T,{checked:a.checked,variant:a.variant,disabled:a.disabled,error:r}))},U=["width","children"],X=function(e){return Array.isArray(e)?e.map((function(e){return e/12*100+"%"})):e/12*100+"%"},Z=["space","horizontalAlign","verticalAlign","className","children"],$=function(e){switch(e){case"right":case"bottom":return"flex-end";case"center":return"center"}return"flex-start"},J=["as","variant","children","className","align","color","cursor","outline","userSelect"],Q=r.forwardRef((function(e,r){var a=e.as,i=void 0===a?"span":a,l=e.variant,s=void 0===l?"body":l,o=e.children,c=e.className,d=e.align,u=e.color,m=e.cursor,p=e.outline,v=e.userSelect,b=O(e,J);return t.createElement(n.Box,Object.assign({},b,{as:i,variant:"text."+s,css:{textAlign:d,color:u,cursor:m,outline:p,userSelect:v},className:c,ref:r}),o)})),Y=["variant","backdropVariant","children"],ee=["isDismissable","isOpen","onClose"],re=function(e){var r=e.variant,a=e.backdropVariant,i=void 0===a?"backdrop":a,l=e.children,o=O(e,Y),c=o.isDismissable,d=o.isOpen,u=o.onClose,v=O(o,ee),b=t.useRef(),x=m.useOverlay({isDismissable:c,isOpen:d,onClose:u},b),f=x.overlayProps,g=x.underlayProps;m.usePreventScroll();var h=m.useModal().modalProps,E=p.useDialog(o,b).dialogProps;return t.createElement(n.Box,Object.assign({__baseCSS:{display:"grid",placeItems:"center",position:"fixed",zIndex:100,top:0,left:0,bottom:0,right:0},variant:"dialog."+i},g),t.createElement(s.FocusScope,{contain:!0,restoreFocus:!0,autoFocus:!0},t.createElement(n.Box,Object.assign({},f,E,h,{ref:b,variant:r?"dialog."+r:"dialog"},v),l)))},te=["backdropVariant","children","className","close","isOpen","title","variant"],ae=["variant"],ne=["variant","type"],ie=function(e){var r=e.variant,a=void 0===r?"":r,i=e.type,l=void 0===i?"text":i,s=O(e,ne);return t.createElement(n.Box,Object.assign({},s,{as:"input",type:l,variant:"input."+a}))},le=["type","variant","labelVariant","htmlFor","label","required","error","errorMessage","disabled"],se=["variant"],oe=["as","variant","children","disabled"],ce=function(e){var a=e.as,n=void 0===a?"a":a,i=e.variant,l=void 0===i?"link":i,s=e.children,o=e.disabled,c=O(e,oe),d=r.useRef(),u=v.useLink(y({},c,{elementType:"string"==typeof n?n:"span",isDisabled:o}),d);return t.createElement(Q,Object.assign({},c,u.linkProps,{as:n,variant:l,ref:d}),s)},de=["variant","label","onClick","show","children"],ue=["variant","className","children"],me=["messageTitle","variant","className","children"],pe=["disabled"],ve=["disabled","error"],be=function(e){var r=e.disabled,a=void 0!==r&&r,i=O(e,pe);return t.createElement(n.SVG,Object.assign({width:"16",height:"32",viewBox:"0 0 16 32",fill:"none"},i),t.createElement(n.Box,{as:"circle",cx:"8",cy:"16",r:"7.5",variant:a?"radio.checked.disabled":"radio.checked"}),t.createElement(n.Box,{as:"circle",cx:"8",cy:"16",r:"3",variant:"radio.checked.circle"}))},xe=function(e){var r=e.disabled,a=void 0!==r&&r,i=e.error,l=void 0!==i&&i,s=O(e,ve);return t.createElement(n.SVG,Object.assign({width:"16",height:"32",viewBox:"0 0 16 32",fill:"none"},s),t.createElement(n.Box,{as:"circle",cx:"8",cy:"16",r:"7.5",variant:a?"radio.unchecked.disabled":l?"radio.unchecked.error":"radio.unchecked"}))},fe=["className","variant","error"],ge=["label","required","labelVariant","error","errorMessage"],he=function(e){var r=e.variant,a=e.disabled;return t.createElement(n.Box,e.checked?{as:be,variant:"radio."+r,disabled:a}:{as:xe,variant:"radio."+r,disabled:a,error:e.error})},Ee=function(e){var r=e.className,a=e.variant,i=void 0===a?"":a,l=e.error,s=O(e,fe);return t.createElement(n.Box,{display:"inline-block",className:r},t.createElement(n.Box,Object.assign({as:"input",type:"radio",css:{position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"}},s)),t.createElement(he,{checked:s.checked,variant:i,disabled:s.disabled,error:l}))},ye=["variant","className"],Oe=function(e){var a=e.item,i=e.state,l=r.useRef(null),s=r.useState(!1),o=s[0],c=s[1],d=h.useOption({key:a.key},i,l),u=d.optionProps,m=d.isSelected;return r.useEffect((function(){for(var e,r=function(e,r){var t="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(t)return(t=t.call(e)).next.bind(t);if(Array.isArray(e)||(t=function(e,r){if(e){if("string"==typeof e)return B(e,void 0);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?B(e,void 0):void 0}}(e))){t&&(e=t);var a=0;return function(){return a>=e.length?{done:!0}:{done:!1,value:e[a++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(i.disabledKeys.values());!(e=r()).done;)e.value===a.key&&c(!0)}),[i.disabledKeys,a.key]),t.createElement(n.Box,Object.assign({as:"li"},u,{ref:l,variant:m?"select.option.selected":o?"select.option.disabled":"select.option"}),a.rendered)},Be=function(e){var r=e.section,a=e.state,i=h.useListBoxSection({heading:r.rendered,"aria-label":r["aria-label"]}),l=i.headingProps,s=i.groupProps;return t.createElement(n.Box,Object.assign({as:"li"},i.itemProps,{css:{cursor:"not-allowed"}}),r.rendered&&t.createElement(n.Box,Object.assign({as:"span"},l,{variant:"select.section"}),r.rendered),t.createElement(n.Box,Object.assign({as:"ul"},s),[].concat(r.childNodes).map((function(e){return t.createElement(Oe,{key:e.key,item:e,state:a})}))))},je=function(e){var a=r.useRef(null),i=e.state,l=e.error,s=h.useListBox(e,i,a);return t.createElement(n.Box,Object.assign({as:"ul",p:"none",css:{listStyle:"none"}},s.listBoxProps,{variant:l?"select.listbox.error":"select.listbox",ref:a}),[].concat(i.collection).map((function(e){return"section"===e.type?t.createElement(Be,{key:e.key,section:e,state:i}):t.createElement(Oe,{key:e.key,item:e,state:i})})))},ke=["children","className","isOpen","onClose"],Se=r.forwardRef((function(e,r){var a=e.children,i=e.className,l=e.isOpen,o=e.onClose,c=O(e,ke),d=m.useOverlay({isOpen:l,onClose:o,shouldCloseOnBlur:!0,isDismissable:!0},r).overlayProps,u=m.useModal();return t.createElement(m.OverlayContainer,null,t.createElement(s.FocusScope,{restoreFocus:!0},t.createElement(n.Box,Object.assign({},f.mergeProps(d,c,u.modalProps),{className:i,ref:r}),a,t.createElement(m.DismissButton,{onDismiss:o}))))})),Pe=["labelVariant","placeholder","disabled","required","error","errorMessage","width","className"],Ce=["variant","htmlFor","label","error","errorMessage","required","className","children"],Ne=["children"];Object.defineProperty(exports,"Box",{enumerable:!0,get:function(){return n.Box}}),Object.defineProperty(exports,"ThemeProvider",{enumerable:!0,get:function(){return n.ThemeProvider}}),Object.defineProperty(exports,"useTheme",{enumerable:!0,get:function(){return n.useTheme}}),Object.defineProperty(exports,"VisuallyHidden",{enumerable:!0,get:function(){return o.VisuallyHidden}}),Object.defineProperty(exports,"SSRProvider",{enumerable:!0,get:function(){return b.SSRProvider}}),Object.defineProperty(exports,"Item",{enumerable:!0,get:function(){return E.Item}}),Object.defineProperty(exports,"Section",{enumerable:!0,get:function(){return E.Section}}),exports.ActionGroup=function(e){var r=e.space,a=void 0===r?"none":r,n=e.verticalAlignment,i=void 0!==n&&n,l=e.children,s=O(e,w);return t.createElement(i?N:S,Object.assign({space:a},s),l)},exports.Alert=function(e){var r=e.variant,a=void 0===r?"success":r,i=e.children,l=O(e,q),s=I[a];return t.createElement(n.Box,Object.assign({},l,{display:"flex",variant:"alert."+a}),t.createElement(n.Box,{display:"inline-block",alignItems:"center",width:"32px",height:"32px",bg:a},t.createElement(n.Box,{as:s,size:12,color:"#fff",bg:a,m:10})),t.createElement(n.Box,{mx:"16px"},i))},exports.Badge=function(e){var r=e.variant,a=void 0===r?"":r,i=e.bgColor,l=void 0===i?"transparent":i,s=e.borderColor,o=void 0===s?"transparent":s,c=e.children,d=O(e,R);return t.createElement(n.Box,Object.assign({css:{bg:l,borderColor:o},variant:"badge."+a},d),c)},exports.Button=A,exports.Card=function(e){var r=e.variant,a=void 0===r?"":r,i=e.title,l=e.width,s=e.className,o=e.children,c=O(e,M);return t.createElement(n.Box,Object.assign({},c,{variant:"card."+a,maxWidth:l,className:s}),i&&t.createElement(n.Box,{as:"h2",variant:"text.h2",pb:"small"},i),o)},exports.Checkbox=function(e){var r=e.label,a=e.required,l=e.labelVariant,s=void 0===l?"inline":l,o=e.error,c=e.errorMessage,d=O(e,W);return t.createElement(t.Fragment,null,t.createElement(n.Box,{as:_,__baseCSS:{":hover":{cursor:d.disabled?"not-allowed":"pointer"}},htmlFor:d.id,required:a,variant:"label."+s,color:d.disabled?"disabled":"text"},t.createElement(n.Box,Object.assign({as:K,error:o},d)),r),o&&c&&t.createElement(G,null,t.createElement(i.Exclamation,{size:16}),c))},exports.Column=function(e){var r=e.width,a=void 0===r?12:r,i=e.children,l=O(e,U);return t.createElement(n.Box,Object.assign({},l,{width:X(a)}),i)},exports.Columns=function(e){var i=e.space,l=void 0===i?"none":i,s=e.horizontalAlign,o=void 0===s?"left":s,c=e.verticalAlign,d=void 0===c?"top":c,u=e.className,m=e.children,p=O(e,Z),v=$(o),b=$(d),x=(0,n.useTheme().css)({space:l}),f=Object.values(x)[0];return t.createElement(n.Box,{p:l,display:"flex",className:u},t.createElement(n.Box,Object.assign({width:"calc(100% + "+f+"px)",m:-f/2+"px",display:"flex",flexWrap:"wrap",alignItems:b,justifyContent:v},p),r.Children.map(a(m),(function(e){return t.cloneElement(e,{},t.createElement(n.Box,{css:{p:f/2+"px"}},e.props.children))}))))},exports.Container=function(e){var r=e.children,a=O(e,Ne);return t.createElement(n.Box,Object.assign({},a,{width:"100%"}),r)},exports.Dialog=function(e){var r=e.backdropVariant,a=e.children,s=e.className,o=e.close,c=e.isOpen,d=e.title,u=e.variant,p=O(e,te),v=t.useRef(),b=l.useButton({onPress:function(){return o()}},v).buttonProps;return t.createElement(m.OverlayContainer,null,t.createElement(re,Object.assign({variant:u,backdropVariant:r,isOpen:c,onClose:o,isDismissable:!0},p),t.createElement(n.Box,{__baseCSS:{display:"flex",justifyContent:"space-between",borderRadius:"small",pl:"large",pb:"large"},className:s},t.createElement(n.Box,{pt:"medium"},d&&t.createElement(Q,{as:"h4",variant:"headline4"},d),a),t.createElement(n.Box,{__baseCSS:{display:"flex",justifyContent:"flex-end",alignItems:"start",paddingTop:"xsmall",paddingX:"xsmall"}},t.createElement(n.Box,Object.assign({as:A,__baseCSS:{color:"text",bg:"transparent",lineHeight:"xsmall",px:"xxsmall",":hover":{color:"text",bg:"transparent",cursor:"pointer"},":focus":{outline:0}}},b,{ref:v}),t.createElement(i.Close,{size:16}))))))},exports.Divider=function(e){var r=e.variant,a=void 0===r?"regular":r,i=O(e,ae);return t.createElement(n.Box,Object.assign({},i,{as:"hr",variant:"divider."+a}))},exports.Field=function(e){var r=e.type,a=void 0===r?"text":r,n=e.variant,l=void 0===n?"":n,s=e.labelVariant,o=void 0===s?"above":s,c=e.htmlFor,d=e.label,u=e.required,m=e.error,p=e.errorMessage,v=e.disabled,b=O(e,le);return t.createElement(t.Fragment,null,t.createElement(_,{variant:o,htmlFor:c,required:u},d),t.createElement(ie,Object.assign({},b,{type:a,id:c,disabled:v,variant:l})),m&&p&&t.createElement(G,null,t.createElement(i.Exclamation,{size:16}),p))},exports.Image=function(e){var r=e.variant,a=void 0===r?"fullWidth":r,i=O(e,se);return t.createElement(n.Box,Object.assign({},i,{as:"img",variant:"image."+a}))},exports.Inline=S,exports.Input=ie,exports.Label=_,exports.LabelBase=D,exports.Link=ce,exports.MarigoldProvider=function(e){var r=e.theme,a=e.children,i=n.useTheme();return t.createElement(n.ThemeProvider,{theme:r},i.theme===n.__defaultTheme?t.createElement(t.Fragment,null,t.createElement(n.Global,null),t.createElement(m.OverlayProvider,null,a)):a)},exports.Menu=function(e){var r=e.variant,a=void 0===r?"default":r,i=e.label,l=void 0===i?"Menu":i,s=e.onClick,o=e.show,c=void 0!==o&&o,d=e.children,u=O(e,de);return t.createElement(n.Box,Object.assign({variant:"menu."+a},u),t.createElement(A,{onClick:s,variant:"menu"},l),c?t.createElement(n.Box,{display:"block",position:"absolute",minWidth:"120px",borderRadius:"2px"},d):null)},exports.MenuItem=function(e){var r=e.variant,a=void 0===r?"default":r,i=e.className,l=e.children,s=O(e,ue);return t.createElement(n.Box,{variant:"menuItem."+a,className:i},t.createElement(ce,Object.assign({variant:"menuItemLink"},s),l))},exports.Message=function(e){var r=e.messageTitle,a=e.variant,l=void 0===a?"info":a,s=e.className,o=e.children,c=O(e,me),d=t.createElement(i.Info,null);return"warning"===l&&(d=t.createElement(i.Notification,null)),"error"===l&&(d=t.createElement(i.Exclamation,null)),t.createElement(n.Box,Object.assign({display:"inline-block",variant:"message."+l,className:s},c),t.createElement(n.Box,{display:"flex",alignItems:"center",variant:"message.title"},d,t.createElement(Q,{as:"h4",variant:"headline4"},r)),t.createElement(n.Box,{css:{color:"black"}},o))},exports.Radio=function(e){var r=e.label,a=e.required,l=e.labelVariant,s=void 0===l?"inline":l,o=e.error,c=e.errorMessage,d=O(e,ge);return r?t.createElement(t.Fragment,null,t.createElement(_,{htmlFor:d.id,required:a,variant:s,color:d.disabled?"disabled":"text"},t.createElement(n.Box,Object.assign({as:Ee,pr:"8px",error:o},d)),r),o&&c&&t.createElement(G,null,t.createElement(i.Exclamation,{size:16}),c)):t.createElement(Ee,Object.assign({},d))},exports.Select=function(e){var a=e.labelVariant,o=void 0===a?"above":a,c=e.placeholder,d=void 0===c?"Select an option":c,p=e.disabled,v=e.required,b=e.error,h=e.errorMessage,E=e.width,y=e.className,B=O(e,Pe),j=x.useSelectState(B),k=u.useOverlayTriggerState({}),S=r.useRef(),P=r.useRef(),C=m.useOverlayTrigger({type:"listbox"},k,S).overlayProps,N=m.useOverlayPosition({targetRef:S,overlayRef:P,placement:"bottom",shouldFlip:!1,isOpen:j.isOpen,onClose:j.close}).overlayProps,w=g.useSelect(B,j,S),q=w.labelProps,I=w.valueProps,R=w.menuProps,F=l.useButton(w.triggerProps,S).buttonProps,A=s.useFocusRing().focusProps;return t.createElement(n.Box,{position:"relative",display:"inline-block",width:E&&E},B.label&&t.createElement(n.Box,null,t.createElement(_,Object.assign({},q,{htmlFor:q.id,variant:o}),v?t.createElement(n.Box,{as:"span",display:"inline-flex",alignItems:"center"},B.label,t.createElement(n.Box,{as:i.Required,size:16,css:{color:"error"}})):B.label)),t.createElement(g.HiddenSelect,{state:j,triggerRef:S,label:B.label,name:B.name,isDisabled:p}),t.createElement(n.Box,Object.assign({as:"button"},f.mergeProps(F,A),{ref:S,variant:b&&j.isOpen&&!p?"button.select.errorOpened":b?"button.select.error":j.isOpen&&!p?"button.select.open":"button.select",disabled:p,className:y}),t.createElement(n.Box,Object.assign({as:"span"},I,{variant:p?"select.disabled":"select"}),j.selectedItem?j.selectedItem.rendered:d),t.createElement(n.Box,j.isOpen&&!p?{as:i.ArrowUp,size:16,css:{fill:"text"}}:{as:i.ArrowDown,size:16,css:{fill:p?"disabled":"text"}})),j.isOpen&&!p&&t.createElement(n.Box,Object.assign({as:Se},C,N,{css:{width:S.current&&S.current.offsetWidth+"px"},ref:P,isOpen:j.isOpen,onClose:j.close}),t.createElement(je,Object.assign({error:b},R,{state:j}))),b&&h&&t.createElement(n.Box,{as:"span",display:"inline-flex",alignItems:"center"},t.createElement(n.Box,{as:i.Exclamation,size:16,css:{color:"error"}}),t.createElement(G,null,h)))},exports.Slider=function(e){var r=e.variant,a=void 0===r?"":r,i=e.className,l=O(e,ye);return t.createElement(n.Box,Object.assign({as:"input",type:"range",css:{verticalAlign:"middle"},variant:"slider."+a,className:i},l))},exports.Stack=N,exports.Text=Q,exports.Textarea=function(e){var r=e.variant,a=void 0===r?"":r,l=e.htmlFor,s=void 0===l?"textarea":l,o=e.label,c=e.error,d=e.errorMessage,u=e.required,m=e.className,p=void 0===m?"":m,v=O(e,Ce);return t.createElement(n.Box,null,o&&t.createElement(_,{htmlFor:s,required:u},o),t.createElement(n.Box,Object.assign({as:"textarea"},v,{display:"block",variant:"textarea."+a,css:{outlineColor:c&&"error"},className:p})),c&&d&&t.createElement(G,null,t.createElement(i.Exclamation,{size:16}),d))},exports.ValidationMessage=G,exports.useDialogButtonProps=function(){var e=u.useOverlayTriggerState({}),r=t.useRef(),a=l.useButton({onPress:function(){return e.open()}},r);return{state:e,openButtonProps:a.buttonProps,openButtonRef:r}};
-//# sourceMappingURL=components.cjs.production.min.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"components.cjs.production.min.js","sources":["../src/Inline/Inline.tsx","../src/Stack/Stack.tsx","../src/Alert/Alert.tsx","../src/Button/Button.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/Input/Input.tsx","../src/Link/Link.tsx","../src/Radio/RadioIcons.tsx","../src/Radio/Radio.tsx","../src/Select/Option.tsx","../src/Select/ListBoxSection.tsx","../src/Select/ListBox.tsx","../src/Select/Popover.tsx","../src/ActionGroup/ActionGroup.tsx","../src/Badge/Badge.tsx","../src/Card/Card.tsx","../src/Container/Container.tsx","../src/Dialog/Dialog.tsx","../src/Divider/Divider.tsx","../src/Field/Field.tsx","../src/Image/Image.tsx","../src/Provider/MarigoldProvider.tsx","../src/Menu/Menu.tsx","../src/MenuItem/MenuItem.tsx","../src/Message/Message.tsx","../src/Select/Select.tsx","../src/Slider/Slider.tsx","../src/Textarea/Textarea.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';\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, { 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 { 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 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, { 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      ...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 { SVG } from '@marigold/system';\n\nimport { Box } from '../Box';\n\nexport const RadioChecked = ({ disabled = false, ...props }) => (\n  <SVG width=\"16\" height=\"32\" viewBox=\"0 0 16 32\" fill=\"none\" {...props}>\n    <Box\n      as=\"circle\"\n      cx=\"8\"\n      cy=\"16\"\n      r=\"7.5\"\n      variant={disabled ? 'radio.checked.disabled' : 'radio.checked'}\n    />\n    <Box as=\"circle\" cx=\"8\" cy=\"16\" r=\"3\" variant=\"radio.checked.circle\" />\n  </SVG>\n);\n\nexport const RadioUnchecked = ({\n  disabled = false,\n  error = false,\n  ...props\n}) => (\n  <SVG width=\"16\" height=\"32\" viewBox=\"0 0 16 32\" fill=\"none\" {...props}>\n    <Box\n      as=\"circle\"\n      cx=\"8\"\n      cy=\"16\"\n      r=\"7.5\"\n      variant={\n        disabled\n          ? 'radio.unchecked.disabled'\n          : error\n          ? 'radio.unchecked.error'\n          : 'radio.unchecked'\n      }\n    />\n  </SVG>\n);\n","import React from 'react';\nimport { ComponentProps } from '@marigold/types';\nimport { Exclamation } from '@marigold/icons';\n\nimport { Box } from '../Box';\nimport { Label } from '../Label';\nimport { ValidationMessage } from '../ValidationMessage';\n\nimport { RadioChecked, RadioUnchecked } from './RadioIcons';\n\n// Theme Extension\n// ---------------\nexport interface RadioThemeExtension<Value> {\n  radio?: {\n    [key: string]: Value;\n  };\n}\n\n// Radio Icon\n// ---------------\ntype RadioIconProps = {\n  variant?: string;\n  checked?: boolean;\n  disabled?: boolean;\n  error?: boolean;\n  children?: never;\n};\n\nconst RadioIcon: React.FC<RadioIconProps> = ({\n  variant,\n  checked,\n  disabled,\n  error,\n}) => {\n  if (checked) {\n    return (\n      <Box as={RadioChecked} variant={`radio.${variant}`} disabled={disabled} />\n    );\n  }\n  return (\n    <Box\n      as={RadioUnchecked}\n      variant={`radio.${variant}`}\n      disabled={disabled}\n      error={error}\n    />\n  );\n};\n\n// Radio Input\n// ---------------\ntype RadioInputProps = {\n  variant?: string;\n  error?: boolean;\n} & ComponentProps<'input'>;\n\nconst RadioInput: React.FC<RadioInputProps> = ({\n  className,\n  variant = '',\n  error,\n  ...props\n}) => (\n  <Box display=\"inline-block\" className={className}>\n    <Box\n      as=\"input\"\n      type=\"radio\"\n      css={{\n        position: 'absolute',\n        opacity: 0,\n        zIndex: -1,\n        width: 1,\n        height: 1,\n        overflow: 'hidden',\n      }}\n      {...props}\n    />\n    <RadioIcon\n      checked={props.checked}\n      variant={variant}\n      disabled={props.disabled}\n      error={error}\n    />\n  </Box>\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  if (label) {\n    return (\n      <>\n        <Label\n          htmlFor={props.id}\n          required={required}\n          variant={labelVariant}\n          color={props.disabled ? 'disabled' : 'text'}\n        >\n          <Box as={RadioInput} pr=\"8px\" error={error} {...props} />\n          {label}\n        </Label>\n        {error && errorMessage && (\n          <ValidationMessage>\n            <Exclamation size={16} />\n            {errorMessage}\n          </ValidationMessage>\n        )}\n      </>\n    );\n  }\n\n  return <RadioInput {...props} />;\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 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 { 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 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 { 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","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 { 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  className?: string;\n  variant?: string;\n  title?: string; // Should only be used for testing.\n};\n\n// Component\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 { 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 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 { 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, { 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 { 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 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"],"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","ICON_MAP","success","Check","warning","Notification","error","Exclamation","Button","forwardRef","ref","as","variant","size","disabled","className","useButton","elementType","isDisabled","buttonProps","columnGap","CheckboxIcon","checked","SVG","width","height","viewBox","fill","x","y","rx","conditional","__baseCSS","fillRule","clipRule","d","LabelBase","required","color","Label","Required","ValidationMessage","CheckboxInput","state","useToggleState","useRef","inputProps","useCheckbox","useFocusRing","pr","VisuallyHidden","type","focusProps","transform","Array","isArray","v","useAlignment","direction","Text","cursor","outline","userSelect","textAlign","ModalDialog","backdropVariant","isDismissable","isOpen","onClose","restProps","useOverlay","overlayProps","underlayProps","usePreventScroll","modalProps","useModal","dialogProps","useDialog","placeItems","position","zIndex","FocusScope","contain","restoreFocus","autoFocus","Input","Link","useLink","linkProps","RadioChecked","cx","cy","r","RadioUnchecked","RadioIcon","RadioInput","opacity","overflow","Option","item","useState","setDisabled","useOption","key","optionProps","isSelected","useEffect","disabledKeys","values","rendered","ListBoxSection","section","useListBoxSection","heading","headingProps","groupProps","itemProps","childNodes","node","ListBox","useListBox","p","listStyle","listBoxProps","collection","Popover","otherProps","shouldCloseOnBlur","OverlayContainer","mergeProps","DismissButton","onDismiss","verticalAlignment","Icon","bg","m","mx","bgColor","borderColor","title","maxWidth","pb","label","labelVariant","errorMessage","htmlFor","id","horizontalAlign","verticalAlign","justifyContent","spaceObject","useTheme","spaceValue","Object","flexWrap","close","closeButtonRef","closeButtonProps","onPress","borderRadius","paddingTop","paddingX","lineHeight","px","Close","theme","outer","ThemeProvider","__defaultTheme","Global","OverlayProvider","onClick","show","minWidth","messageTitle","icon","Info","placeholder","useSelectState","overlayTriggerState","useOverlayTriggerState","triggerRef","overlayRef","useOverlayTrigger","positionProps","useOverlayPosition","targetRef","placement","shouldFlip","useSelect","labelProps","valueProps","menuProps","triggerProps","HiddenSelect","name","selectedItem","ArrowUp","ArrowDown","current","offsetWidth","outlineColor","openButtonRef","open","openButtonProps"],"mappings":"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"}