@purpur/library 9.2.3 → 9.4.0

package/dist/{autocomplete-BipmyKf0.mjs.map → autocomplete-BEGRn-Wh.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"autocomplete-BipmyKf0.mjs","sources":["../../../components/autocomplete/src/utils.ts","../../../components/autocomplete/src/useAutocomplete.ts","../../../components/autocomplete/src/autocomplete.tsx"],"sourcesContent":["import { type RefObject, useCallback, useEffect, useRef } from \"react\";\n\n// Used to \"merge\" \"intersection types\". Used to get comments on the props to the docs.\nexport type Prettify<T> = {\n  [K in keyof T]: T[K];\n} & {};\n\nexport const useRefObject = <T>(value: T): RefObject<T> => {\n  return useRef<T>(value) as RefObject<T>;\n};\n\nexport const useOnClickOutside = (element: HTMLElement | null, callback: () => void) => {\n  const handleClickOutside = useCallback(\n    (event: MouseEvent) => {\n      if (element && !element.contains(event.target as Node)) {\n        callback();\n      }\n    },\n    [callback, element]\n  );\n\n  useEffect(() => {\n    document.addEventListener(\"mousedown\", handleClickOutside);\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [handleClickOutside]);\n};\n","import type { CSSProperties, ReactNode } from \"react\";\nimport { useRef, useState } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport type { ListboxItemProps, ListboxProps } from \"@purpur/listbox\";\n\nimport { useOnClickOutside, useRefObject } from \"./utils\";\n\nexport type AutocompleteOption = {\n  label: string;\n  id: string;\n  value?: string;\n  disabled?: boolean;\n};\n\nexport type InputProps = Omit<BaseProps<\"input\">, \"onFocus\" | \"onMouseDown\"> & {\n  onFocus: (event: React.FocusEvent<HTMLInputElement> | undefined) => void;\n  onMouseDown: (event: React.MouseEvent<HTMLInputElement> | undefined) => void;\n};\n\ntype ComboboxProps = {\n  /*\n   * Set to get combobox features. Use in combination with `noOptionsText`, `comboboxButtonAriaLabel` and Purpur TextField.\n   */\n  combobox: true;\n  /**\n   * An accessible label for the button that toggles the list of options for a combobox.\n   * */\n  comboboxButtonAriaLabel: string;\n  /*\n   * Shown when there are no options to show. Will be displayed inside a listbox item.\n   */\n  noOptionsText: ReactNode;\n};\n\ntype NoComboboxProps = {\n  combobox?: never;\n  comboboxButtonAriaLabel?: never;\n  /*\n   * Shown when there are no options to show. Will be displayed inside a listbox item.\n   */\n  noOptionsText?: ReactNode;\n};\n\nexport type UseAutocompleteResult<T extends AutocompleteOption> = {\n  /*\n   * Set to highlight the first option in the listbox when the input is focused.\n   */\n  highlightFirstOption?: boolean;\n  /*\n   * The default input value. Only to use when the input is uncontrolled.\n   */\n  defaultInputValue?: string;\n  /*\n   * The input value. Use this to control the input value.\n   */\n  inputValue?: string;\n  /*\n   * Invoked for each option. Use to control which options are shown.\n   */\n  filterOption?: (inputValue: string | undefined, option: T) => boolean;\n  /*\n   * Id will be used to prefix id:s of all elements.\n   */\n  id: string;\n  /*\n   * The label of the listbox (dropdown) displaying the options.\n   */\n  listboxLabel: string;\n  /*\n   * The height of the listbox. Number will be interpreted as px value. defaults to `calc(2 * var(--purpur-spacing-1200))`.\n   */\n  listboxMaxHeight?: string | number;\n  /*\n   * NOTE! Always use this instead of onBlur directly on the input element. Event handler invoked on input blur.\n   */\n  onInputBlur?: React.FocusEventHandler<HTMLInputElement>;\n  /*\n   * NOTE! Always use this instead of onChange directly on the input element. Event handler invoked when the input value changes.\n   */\n  onInputChange?: (value: string) => void;\n  /*\n   * NOTE! Always use this instead of onFocus directly on the input element. Event handler invoked on input focus.\n   */\n  onInputFocus?: (event: React.FocusEvent<HTMLInputElement> | undefined) => undefined;\n  /*\n   * NOTE! Always use this instead of onKeyDown directly on the input element. Event handler invoked on input key down.\n   */\n  onInputKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;\n  /*\n   * NOTE! Always use this instead of onMouseDown directly on the input element. Event handler invoked on input mouse down.\n   */\n  onInputMouseDown?: (event: React.MouseEvent<HTMLInputElement> | undefined) => undefined;\n  /*\n   * Set to open the listbox when input gets focus.\n   */\n  openOnFocus?: boolean;\n  /*\n   * Event handler invoked when an option is selected.\n   */\n  onSelect?: (option: T | undefined) => void;\n  /*\n   * The list of options. Could include custom props.\n   */\n  options: T[];\n  /*\n   * The selected option.\n   */\n  selectedOption?: T;\n  [\"data-testid\"]?: string;\n} & (ComboboxProps | NoComboboxProps);\n\nexport const useAutocomplete = <T extends AutocompleteOption>({\n  combobox,\n  comboboxButtonAriaLabel,\n  highlightFirstOption,\n  defaultInputValue,\n  inputValue,\n  filterOption,\n  id,\n  listboxLabel,\n  listboxMaxHeight,\n  onInputBlur,\n  onInputChange,\n  onInputFocus,\n  onInputKeyDown,\n  onInputMouseDown,\n  openOnFocus,\n  noOptionsText,\n  onSelect,\n  options,\n  selectedOption,\n  [\"data-testid\"]: dataTestid,\n}: UseAutocompleteResult<T>) => {\n  const [internalInputValue, setInternalInputValue] = useState(\n    ((typeof inputValue === \"string\" ? inputValue : defaultInputValue) || selectedOption?.label) ??\n      \"\"\n  );\n  const definiteInputValue = typeof inputValue === \"string\" ? inputValue : internalInputValue;\n  const [highlightedOption, setHighlightedOption] = useState<\n    (T & { isSetByClickEvent?: false }) | undefined\n  >(highlightFirstOption ? options[0] : undefined);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const internalRef = useRefObject<HTMLDivElement | null>(null);\n  const listboxRef = useRef<HTMLUListElement>(null);\n  const optionRefs = useRef<Record<string, HTMLLIElement>>({});\n  const [listboxIsOpen, setListboxIsOpen] = useState(false);\n\n  function getTestId(name: string) {\n    return dataTestid ? `${dataTestid}-${name}` : undefined;\n  }\n\n  const closeListbox = () => {\n    setListboxIsOpen(false);\n    setHighlightedOption(undefined);\n  };\n\n  useOnClickOutside(internalRef.current, closeListbox);\n\n  const openListbox = ({ eventType }: { eventType: \"CLICK\" | \"KEYBOARD\" }) => {\n    setListboxIsOpen(true);\n    if (selectedOption) {\n      requestAnimationFrame(() => {\n        const isSetByClickEvent = eventType === \"CLICK\";\n        setHighlightedOption({ ...selectedOption, isSetByClickEvent });\n        scrollOptionIntoView(optionRefs.current[selectedOption.id]);\n      });\n    }\n  };\n\n  const filterOptions = (searchTerm: string | undefined) => {\n    if (filterOption) {\n      return options.filter((option) => filterOption(searchTerm, option));\n    }\n\n    if (!searchTerm) {\n      return options;\n    }\n\n    const searchTermChunks = searchTerm.toUpperCase().split(\" \") || [];\n    return options.filter((option) =>\n      searchTermChunks.every((chunk) =>\n        (option.value || option.label).toUpperCase().includes(chunk)\n      )\n    );\n  };\n\n  const getOptionsToShow = (searchTerm: string | undefined): (T | undefined)[] => {\n    return selectedOption && selectedOption?.label === searchTerm\n      ? options\n      : filterOptions(searchTerm);\n  };\n\n  const optionsToShow = getOptionsToShow(definiteInputValue);\n\n  const populateInputField = (value: string) => {\n    onInputChange?.(value);\n    setInternalInputValue(value);\n  };\n\n  const scrollOptionIntoView = (option: HTMLLIElement | undefined) => {\n    if (option) {\n      const optionRect = option.getBoundingClientRect();\n      const listboxRect = listboxRef.current?.getBoundingClientRect() || { top: 0, bottom: 0 };\n      const isOptionOutsideView =\n        optionRect.top < listboxRect.top || optionRect.bottom > listboxRect.bottom;\n      if (isOptionOutsideView) {\n        option.scrollIntoView({ block: \"nearest\" });\n      }\n    }\n  };\n\n  const selectOption = (option: T | undefined) => {\n    if (option) {\n      inputRef.current?.focus();\n      populateInputField(option.label);\n      onSelect?.(option);\n    }\n    closeListbox();\n  };\n\n  const findNextOption = (key: \"ArrowUp\" | \"ArrowDown\"): T | undefined => {\n    const index =\n      highlightFirstOption && !highlightedOption\n        ? 0\n        : optionsToShow.findIndex((option) => option && highlightedOption?.id === option.id);\n\n    const optionsLength = optionsToShow.length;\n\n    return key === \"ArrowDown\"\n      ? optionsToShow[(index ?? -1) + 1] || optionsToShow[0]\n      : optionsToShow[(index ?? optionsLength) - 1] || optionsToShow[optionsLength - 1];\n  };\n\n  const showListbox = listboxIsOpen && (!!optionsToShow.length || !!noOptionsText);\n\n  const highlightNextOption = (key: \"ArrowUp\" | \"ArrowDown\") => {\n    !showListbox && openListbox({ eventType: \"KEYBOARD\" });\n    const nextOption = findNextOption(key);\n\n    setHighlightedOption(nextOption);\n    nextOption && scrollOptionIntoView(optionRefs.current[nextOption.id]);\n  };\n\n  const handleOnKeyDown: React.KeyboardEventHandler<HTMLInputElement> = (event) => {\n    onInputKeyDown?.(event);\n    switch (event.key) {\n      case \"ArrowUp\":\n      case \"ArrowDown\":\n        event.preventDefault(); // Preventing default to not move cursor in input\n        highlightNextOption(event.key);\n        break;\n      case \"Enter\": {\n        const optionToSelect = highlightedOption || (highlightFirstOption ? options[0] : undefined);\n        showListbox && selectOption(optionToSelect);\n        !showListbox && openListbox({ eventType: \"KEYBOARD\" });\n        break;\n      }\n      case \"Escape\":\n      case \"Tab\":\n        closeListbox();\n        break;\n    }\n  };\n\n  const handleOnChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n    const nextOptionsToShow = getOptionsToShow(e.target.value);\n    populateInputField(e.target.value);\n    setHighlightedOption(undefined);\n    !showListbox && openListbox({ eventType: \"KEYBOARD\" });\n    highlightFirstOption &&\n      nextOptionsToShow[0] &&\n      scrollOptionIntoView(optionRefs.current[nextOptionsToShow[0].id]);\n  };\n\n  const handleOnMouseDown = (event: React.MouseEvent<HTMLInputElement> | undefined) => {\n    onInputMouseDown?.(event);\n    showListbox ? closeListbox() : openListbox({ eventType: \"CLICK\" });\n  };\n\n  const handleOnFocus = (event: React.FocusEvent<HTMLInputElement> | undefined) => {\n    onInputFocus?.(event);\n    !listboxIsOpen && openOnFocus && openListbox({ eventType: \"KEYBOARD\" });\n    inputRef.current?.select();\n  };\n\n  const handleOnBlur: React.FocusEventHandler<HTMLInputElement> = (event) => {\n    onInputBlur?.(event);\n    // Use a timeout to allow click events on the listbox to fire before this check\n    setTimeout(() => {\n      if (\n        !inputRef.current?.contains(document.activeElement) &&\n        !listboxRef.current?.contains(document.activeElement)\n      ) {\n        closeListbox();\n\n        // If the blur happened due to a click inside the listbox for a combobox, don't reset the value\n        if (combobox) {\n          populateInputField(selectedOption ? selectedOption.label : \"\");\n        }\n      }\n    });\n  };\n\n  const listboxStyle: CSSProperties = {\n    maxHeight: typeof listboxMaxHeight === \"number\" ? `${listboxMaxHeight}px` : listboxMaxHeight,\n  };\n\n  const listboxProps: ListboxProps = {\n    \"aria-label\": listboxLabel,\n    \"aria-expanded\": showListbox,\n    \"data-testid\": getTestId(\"listbox\"),\n    id: `${id}-listbox`,\n    ref: listboxRef,\n    onMouseLeave: () => setHighlightedOption(undefined),\n    style: listboxMaxHeight ? listboxStyle : undefined,\n  };\n\n  const createListboxItemId = (option: T) => `${id}-listbox-item-${option.id}`;\n\n  const getListBoxItemProps = (option: T, index: number): ListboxItemProps => {\n    const handleOnMouseMove = () =>\n      option.id !== highlightedOption?.id &&\n      setHighlightedOption({ ...option, isSetByClickEvent: true });\n\n    const highlighted =\n      (option.id === highlightedOption?.id ||\n        (!!highlightFirstOption && !highlightedOption && index === 0)) &&\n      !highlightedOption?.isSetByClickEvent;\n\n    return {\n      \"data-testid\": getTestId(`listbox-item-${option.id}`),\n      id: createListboxItemId(option),\n      key: option.id,\n      onMouseMove: handleOnMouseMove,\n      onMouseUp: () => selectOption(option),\n      ref: (el) => {\n        if (el) {\n          optionRefs.current[option.id] = el;\n        }\n      },\n      tabIndex: -1,\n      selected: option.id === selectedOption?.id,\n      disabled: option.disabled,\n      highlighted,\n      hovered: option.id === highlightedOption?.id && !!highlightedOption?.isSetByClickEvent,\n    };\n  };\n\n  const inputProps: InputProps = {\n    \"aria-activedescendant\": highlightedOption ? createListboxItemId(highlightedOption) : undefined,\n    \"aria-autocomplete\": \"list\",\n    \"aria-controls\": listboxProps.id,\n    \"data-testid\": getTestId(\"input\"),\n    autoComplete: \"off\",\n    id: `${id}-input`,\n    onChange: handleOnChange,\n    onMouseDown: handleOnMouseDown,\n    onFocus: handleOnFocus,\n    onKeyDown: handleOnKeyDown,\n    onBlur: handleOnBlur,\n    ref: inputRef,\n    role: \"combobox\",\n    value: definiteInputValue,\n  };\n\n  return {\n    id,\n    inputProps,\n    internalRef,\n    optionsToShow,\n    showListbox,\n    noOptionsText,\n    combobox,\n    comboboxButtonAriaLabel,\n    getListBoxItemProps,\n    listboxProps,\n  };\n};\n","import type { ComponentPropsWithRef, ForwardedRef, ReactNode } from \"react\";\nimport React, { cloneElement, forwardRef } from \"react\";\nimport { IconChevronDown } from \"@purpur/icon/chevron-down\";\nimport { Listbox } from \"@purpur/listbox\";\nimport { isTextField } from \"@purpur/text-field\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./autocomplete.module.scss\";\nimport type { AutocompleteOption, UseAutocompleteResult } from \"./useAutocomplete\";\nimport { useAutocomplete } from \"./useAutocomplete\";\nimport type { Prettify } from \"./utils\";\n\nconst cx = c.bind(styles);\n\ntype AutocompleteProps<T extends AutocompleteOption> = Prettify<\n  UseAutocompleteResult<T> & {\n    className?: string;\n    /**\n     * Render the input. `props` are native input props\n     */\n    renderInput: (props: ComponentPropsWithRef<\"input\">) => ReactNode;\n    /**\n     * Invoked for each given option. Use to customize the rendering of the options\n     */\n    renderOption?: (option: T) => ReactNode;\n  }\n>;\n\nconst rootClassName = \"purpur-autocomplete\";\n\nconst AutocompleteComponent = <T extends AutocompleteOption>(\n  { className, renderInput, renderOption, ...useAutocompleteProps }: AutocompleteProps<T>,\n  ref: ForwardedRef<HTMLDivElement>\n) => {\n  const {\n    id,\n    inputProps,\n    internalRef,\n    optionsToShow,\n    showListbox,\n    noOptionsText,\n    combobox,\n    comboboxButtonAriaLabel,\n    getListBoxItemProps,\n    listboxProps,\n  } = useAutocomplete(useAutocompleteProps);\n\n  const renderListboxItem = (option: T, index: number) => {\n    const { key, ...listboxItemProps } = getListBoxItemProps(option, index);\n\n    return (\n      <Listbox.Item key={key} {...listboxItemProps}>\n        {renderOption ? renderOption?.(option) : option.label}\n      </Listbox.Item>\n    );\n  };\n\n  const setRootRef = (node: HTMLDivElement | null) => {\n    internalRef.current = node;\n    if (typeof ref === \"function\") {\n      ref(node);\n    } else if (ref) {\n      ref.current = node;\n    }\n  };\n\n  const getInputComponent = () => {\n    const input = renderInput(inputProps);\n    const isCombobox =\n      combobox && comboboxButtonAriaLabel && noOptionsText && input && isTextField(input);\n\n    if (isCombobox) {\n      const endAdornment = (\n        <>\n          {input.props.endAdornment}\n          <button\n            data-testid=\"chevron button\"\n            type=\"button\"\n            className={cx(`${rootClassName}__chevron-button`)}\n            onClick={() => {\n              inputProps.onFocus(undefined);\n              inputProps.onMouseDown(undefined);\n            }}\n            aria-label={comboboxButtonAriaLabel}\n            aria-expanded={showListbox}\n            aria-controls={listboxProps.id}\n          >\n            <IconChevronDown\n              size=\"sm\"\n              className={cx(`${rootClassName}__chevron-icon`, {\n                [`${rootClassName}__chevron-icon--up`]: showListbox,\n              })}\n            />\n          </button>\n        </>\n      );\n\n      return cloneElement(input, { endAdornment });\n    }\n\n    return input;\n  };\n\n  return (\n    <div id={id} ref={setRootRef} className={cx([rootClassName, className])}>\n      {getInputComponent()}\n      {showListbox && (\n        <Listbox {...listboxProps} className={cx(`${rootClassName}__listbox`)}>\n          {!optionsToShow.length ? (\n            <Listbox.Item noninteractive>{noOptionsText}</Listbox.Item>\n          ) : (\n            optionsToShow.filter((option): option is T => !!option).map(renderListboxItem)\n          )}\n        </Listbox>\n      )}\n    </div>\n  );\n};\n\n/* @deprecated use `Dropdown` or `SearchField` instead, this is only exported for backwards compatibility and will be removed in a future release */\nexport const Autocomplete = forwardRef(AutocompleteComponent);\nAutocomplete.displayName = \"Autocomplete\";\n\nexport type {\n  AutocompleteOption,\n  UseAutocompleteResult as UseAutocompleteOptions,\n} from \"./useAutocomplete\";\nexport { useAutocomplete } from \"./useAutocomplete\";\n"],"names":["useRefObject","value","useRef","useOnClickOutside","element","callback","handleClickOutside","useCallback","event","useEffect","useAutocomplete","combobox","comboboxButtonAriaLabel","highlightFirstOption","defaultInputValue","inputValue","filterOption","id","listboxLabel","listboxMaxHeight","onInputBlur","onInputChange","onInputFocus","onInputKeyDown","onInputMouseDown","openOnFocus","noOptionsText","onSelect","options","selectedOption","dataTestid","internalInputValue","setInternalInputValue","useState","definiteInputValue","highlightedOption","setHighlightedOption","inputRef","internalRef","listboxRef","optionRefs","listboxIsOpen","setListboxIsOpen","getTestId","name","closeListbox","openListbox","eventType","scrollOptionIntoView","filterOptions","searchTerm","option","searchTermChunks","chunk","getOptionsToShow","optionsToShow","populateInputField","optionRect","listboxRect","selectOption","findNextOption","key","index","optionsLength","showListbox","highlightNextOption","nextOption","handleOnKeyDown","optionToSelect","handleOnChange","nextOptionsToShow","handleOnMouseDown","handleOnFocus","handleOnBlur","listboxStyle","listboxProps","createListboxItemId","getListBoxItemProps","handleOnMouseMove","highlighted","el","inputProps","cx","c","styles","rootClassName","AutocompleteComponent","className","renderInput","renderOption","useAutocompleteProps","ref","renderListboxItem","listboxItemProps","jsx","Listbox","setRootRef","node","getInputComponent","input","isTextField","endAdornment","jsxs","Fragment","IconChevronDown","cloneElement","Autocomplete","forwardRef"],"mappings":"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"}
+{"version":3,"file":"autocomplete-BEGRn-Wh.mjs","sources":["../../../components/autocomplete/src/utils.ts","../../../components/autocomplete/src/useAutocomplete.ts","../../../components/autocomplete/src/autocomplete.tsx"],"sourcesContent":["import { type RefObject, useCallback, useEffect, useRef } from \"react\";\n\n// Used to \"merge\" \"intersection types\". Used to get comments on the props to the docs.\nexport type Prettify<T> = {\n  [K in keyof T]: T[K];\n} & {};\n\nexport const useRefObject = <T>(value: T): RefObject<T> => {\n  return useRef<T>(value) as RefObject<T>;\n};\n\nexport const useOnClickOutside = (element: HTMLElement | null, callback: () => void) => {\n  const handleClickOutside = useCallback(\n    (event: MouseEvent) => {\n      if (element && !element.contains(event.target as Node)) {\n        callback();\n      }\n    },\n    [callback, element]\n  );\n\n  useEffect(() => {\n    document.addEventListener(\"mousedown\", handleClickOutside);\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [handleClickOutside]);\n};\n","import type { CSSProperties, ReactNode } from \"react\";\nimport { useRef, useState } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport type { ListboxItemProps, ListboxProps } from \"@purpur/listbox\";\n\nimport { useOnClickOutside, useRefObject } from \"./utils\";\n\nexport type AutocompleteOption = {\n  label: string;\n  id: string;\n  value?: string;\n  disabled?: boolean;\n};\n\nexport type InputProps = Omit<BaseProps<\"input\">, \"onFocus\" | \"onMouseDown\"> & {\n  onFocus: (event: React.FocusEvent<HTMLInputElement> | undefined) => void;\n  onMouseDown: (event: React.MouseEvent<HTMLInputElement> | undefined) => void;\n};\n\ntype ComboboxProps = {\n  /*\n   * Set to get combobox features. Use in combination with `noOptionsText`, `comboboxButtonAriaLabel` and Purpur TextField.\n   */\n  combobox: true;\n  /**\n   * An accessible label for the button that toggles the list of options for a combobox.\n   * */\n  comboboxButtonAriaLabel: string;\n  /*\n   * Shown when there are no options to show. Will be displayed inside a listbox item.\n   */\n  noOptionsText: ReactNode;\n};\n\ntype NoComboboxProps = {\n  combobox?: never;\n  comboboxButtonAriaLabel?: never;\n  /*\n   * Shown when there are no options to show. Will be displayed inside a listbox item.\n   */\n  noOptionsText?: ReactNode;\n};\n\nexport type UseAutocompleteResult<T extends AutocompleteOption> = {\n  /*\n   * Set to highlight the first option in the listbox when the input is focused.\n   */\n  highlightFirstOption?: boolean;\n  /*\n   * The default input value. Only to use when the input is uncontrolled.\n   */\n  defaultInputValue?: string;\n  /*\n   * The input value. Use this to control the input value.\n   */\n  inputValue?: string;\n  /*\n   * Invoked for each option. Use to control which options are shown.\n   */\n  filterOption?: (inputValue: string | undefined, option: T) => boolean;\n  /*\n   * Id will be used to prefix id:s of all elements.\n   */\n  id: string;\n  /*\n   * The label of the listbox (dropdown) displaying the options.\n   */\n  listboxLabel: string;\n  /*\n   * The height of the listbox. Number will be interpreted as px value. defaults to `calc(2 * var(--purpur-spacing-1200))`.\n   */\n  listboxMaxHeight?: string | number;\n  /*\n   * NOTE! Always use this instead of onBlur directly on the input element. Event handler invoked on input blur.\n   */\n  onInputBlur?: React.FocusEventHandler<HTMLInputElement>;\n  /*\n   * NOTE! Always use this instead of onChange directly on the input element. Event handler invoked when the input value changes.\n   */\n  onInputChange?: (value: string) => void;\n  /*\n   * NOTE! Always use this instead of onFocus directly on the input element. Event handler invoked on input focus.\n   */\n  onInputFocus?: (event: React.FocusEvent<HTMLInputElement> | undefined) => undefined;\n  /*\n   * NOTE! Always use this instead of onKeyDown directly on the input element. Event handler invoked on input key down.\n   */\n  onInputKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;\n  /*\n   * NOTE! Always use this instead of onMouseDown directly on the input element. Event handler invoked on input mouse down.\n   */\n  onInputMouseDown?: (event: React.MouseEvent<HTMLInputElement> | undefined) => undefined;\n  /*\n   * Set to open the listbox when input gets focus.\n   */\n  openOnFocus?: boolean;\n  /*\n   * Event handler invoked when an option is selected.\n   */\n  onSelect?: (option: T | undefined) => void;\n  /*\n   * The list of options. Could include custom props.\n   */\n  options: T[];\n  /*\n   * The selected option.\n   */\n  selectedOption?: T;\n  [\"data-testid\"]?: string;\n} & (ComboboxProps | NoComboboxProps);\n\nexport const useAutocomplete = <T extends AutocompleteOption>({\n  combobox,\n  comboboxButtonAriaLabel,\n  highlightFirstOption,\n  defaultInputValue,\n  inputValue,\n  filterOption,\n  id,\n  listboxLabel,\n  listboxMaxHeight,\n  onInputBlur,\n  onInputChange,\n  onInputFocus,\n  onInputKeyDown,\n  onInputMouseDown,\n  openOnFocus,\n  noOptionsText,\n  onSelect,\n  options,\n  selectedOption,\n  [\"data-testid\"]: dataTestid,\n}: UseAutocompleteResult<T>) => {\n  const [internalInputValue, setInternalInputValue] = useState(\n    ((typeof inputValue === \"string\" ? inputValue : defaultInputValue) || selectedOption?.label) ??\n      \"\"\n  );\n  const definiteInputValue = typeof inputValue === \"string\" ? inputValue : internalInputValue;\n  const [highlightedOption, setHighlightedOption] = useState<\n    (T & { isSetByClickEvent?: false }) | undefined\n  >(highlightFirstOption ? options[0] : undefined);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const internalRef = useRefObject<HTMLDivElement | null>(null);\n  const listboxRef = useRef<HTMLUListElement>(null);\n  const optionRefs = useRef<Record<string, HTMLLIElement>>({});\n  const [listboxIsOpen, setListboxIsOpen] = useState(false);\n\n  function getTestId(name: string) {\n    return dataTestid ? `${dataTestid}-${name}` : undefined;\n  }\n\n  const closeListbox = () => {\n    setListboxIsOpen(false);\n    setHighlightedOption(undefined);\n  };\n\n  useOnClickOutside(internalRef.current, closeListbox);\n\n  const openListbox = ({ eventType }: { eventType: \"CLICK\" | \"KEYBOARD\" }) => {\n    setListboxIsOpen(true);\n    if (selectedOption) {\n      requestAnimationFrame(() => {\n        const isSetByClickEvent = eventType === \"CLICK\";\n        setHighlightedOption({ ...selectedOption, isSetByClickEvent });\n        scrollOptionIntoView(optionRefs.current[selectedOption.id]);\n      });\n    }\n  };\n\n  const filterOptions = (searchTerm: string | undefined) => {\n    if (filterOption) {\n      return options.filter((option) => filterOption(searchTerm, option));\n    }\n\n    if (!searchTerm) {\n      return options;\n    }\n\n    const searchTermChunks = searchTerm.toUpperCase().split(\" \") || [];\n    return options.filter((option) =>\n      searchTermChunks.every((chunk) =>\n        (option.value || option.label).toUpperCase().includes(chunk)\n      )\n    );\n  };\n\n  const getOptionsToShow = (searchTerm: string | undefined): (T | undefined)[] => {\n    return selectedOption && selectedOption?.label === searchTerm\n      ? options\n      : filterOptions(searchTerm);\n  };\n\n  const optionsToShow = getOptionsToShow(definiteInputValue);\n\n  const populateInputField = (value: string) => {\n    onInputChange?.(value);\n    setInternalInputValue(value);\n  };\n\n  const scrollOptionIntoView = (option: HTMLLIElement | undefined) => {\n    if (option) {\n      const optionRect = option.getBoundingClientRect();\n      const listboxRect = listboxRef.current?.getBoundingClientRect() || { top: 0, bottom: 0 };\n      const isOptionOutsideView =\n        optionRect.top < listboxRect.top || optionRect.bottom > listboxRect.bottom;\n      if (isOptionOutsideView) {\n        option.scrollIntoView({ block: \"nearest\" });\n      }\n    }\n  };\n\n  const selectOption = (option: T | undefined) => {\n    if (option) {\n      inputRef.current?.focus();\n      populateInputField(option.label);\n      onSelect?.(option);\n    }\n    closeListbox();\n  };\n\n  const findNextOption = (key: \"ArrowUp\" | \"ArrowDown\"): T | undefined => {\n    const index =\n      highlightFirstOption && !highlightedOption\n        ? 0\n        : optionsToShow.findIndex((option) => option && highlightedOption?.id === option.id);\n\n    const optionsLength = optionsToShow.length;\n\n    return key === \"ArrowDown\"\n      ? optionsToShow[(index ?? -1) + 1] || optionsToShow[0]\n      : optionsToShow[(index ?? optionsLength) - 1] || optionsToShow[optionsLength - 1];\n  };\n\n  const showListbox = listboxIsOpen && (!!optionsToShow.length || !!noOptionsText);\n\n  const highlightNextOption = (key: \"ArrowUp\" | \"ArrowDown\") => {\n    !showListbox && openListbox({ eventType: \"KEYBOARD\" });\n    const nextOption = findNextOption(key);\n\n    setHighlightedOption(nextOption);\n    nextOption && scrollOptionIntoView(optionRefs.current[nextOption.id]);\n  };\n\n  const handleOnKeyDown: React.KeyboardEventHandler<HTMLInputElement> = (event) => {\n    onInputKeyDown?.(event);\n    switch (event.key) {\n      case \"ArrowUp\":\n      case \"ArrowDown\":\n        event.preventDefault(); // Preventing default to not move cursor in input\n        highlightNextOption(event.key);\n        break;\n      case \"Enter\": {\n        const optionToSelect = highlightedOption || (highlightFirstOption ? options[0] : undefined);\n        showListbox && selectOption(optionToSelect);\n        !showListbox && openListbox({ eventType: \"KEYBOARD\" });\n        break;\n      }\n      case \"Escape\":\n      case \"Tab\":\n        closeListbox();\n        break;\n    }\n  };\n\n  const handleOnChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n    const nextOptionsToShow = getOptionsToShow(e.target.value);\n    populateInputField(e.target.value);\n    setHighlightedOption(undefined);\n    !showListbox && openListbox({ eventType: \"KEYBOARD\" });\n    highlightFirstOption &&\n      nextOptionsToShow[0] &&\n      scrollOptionIntoView(optionRefs.current[nextOptionsToShow[0].id]);\n  };\n\n  const handleOnMouseDown = (event: React.MouseEvent<HTMLInputElement> | undefined) => {\n    onInputMouseDown?.(event);\n    showListbox ? closeListbox() : openListbox({ eventType: \"CLICK\" });\n  };\n\n  const handleOnFocus = (event: React.FocusEvent<HTMLInputElement> | undefined) => {\n    onInputFocus?.(event);\n    !listboxIsOpen && openOnFocus && openListbox({ eventType: \"KEYBOARD\" });\n    inputRef.current?.select();\n  };\n\n  const handleOnBlur: React.FocusEventHandler<HTMLInputElement> = (event) => {\n    onInputBlur?.(event);\n    // Use a timeout to allow click events on the listbox to fire before this check\n    setTimeout(() => {\n      if (\n        !inputRef.current?.contains(document.activeElement) &&\n        !listboxRef.current?.contains(document.activeElement)\n      ) {\n        closeListbox();\n\n        // If the blur happened due to a click inside the listbox for a combobox, don't reset the value\n        if (combobox) {\n          populateInputField(selectedOption ? selectedOption.label : \"\");\n        }\n      }\n    });\n  };\n\n  const listboxStyle: CSSProperties = {\n    maxHeight: typeof listboxMaxHeight === \"number\" ? `${listboxMaxHeight}px` : listboxMaxHeight,\n  };\n\n  const listboxProps: ListboxProps = {\n    \"aria-label\": listboxLabel,\n    \"aria-expanded\": showListbox,\n    \"data-testid\": getTestId(\"listbox\"),\n    id: `${id}-listbox`,\n    ref: listboxRef,\n    onMouseLeave: () => setHighlightedOption(undefined),\n    style: listboxMaxHeight ? listboxStyle : undefined,\n  };\n\n  const createListboxItemId = (option: T) => `${id}-listbox-item-${option.id}`;\n\n  const getListBoxItemProps = (option: T, index: number): ListboxItemProps => {\n    const handleOnMouseMove = () =>\n      option.id !== highlightedOption?.id &&\n      setHighlightedOption({ ...option, isSetByClickEvent: true });\n\n    const highlighted =\n      (option.id === highlightedOption?.id ||\n        (!!highlightFirstOption && !highlightedOption && index === 0)) &&\n      !highlightedOption?.isSetByClickEvent;\n\n    return {\n      \"data-testid\": getTestId(`listbox-item-${option.id}`),\n      id: createListboxItemId(option),\n      key: option.id,\n      onMouseMove: handleOnMouseMove,\n      onMouseUp: () => selectOption(option),\n      ref: (el) => {\n        if (el) {\n          optionRefs.current[option.id] = el;\n        }\n      },\n      tabIndex: -1,\n      selected: option.id === selectedOption?.id,\n      disabled: option.disabled,\n      highlighted,\n      hovered: option.id === highlightedOption?.id && !!highlightedOption?.isSetByClickEvent,\n    };\n  };\n\n  const inputProps: InputProps = {\n    \"aria-activedescendant\": highlightedOption ? createListboxItemId(highlightedOption) : undefined,\n    \"aria-autocomplete\": \"list\",\n    \"aria-controls\": listboxProps.id,\n    \"data-testid\": getTestId(\"input\"),\n    autoComplete: \"off\",\n    id: `${id}-input`,\n    onChange: handleOnChange,\n    onMouseDown: handleOnMouseDown,\n    onFocus: handleOnFocus,\n    onKeyDown: handleOnKeyDown,\n    onBlur: handleOnBlur,\n    ref: inputRef,\n    role: \"combobox\",\n    value: definiteInputValue,\n  };\n\n  return {\n    id,\n    inputProps,\n    internalRef,\n    optionsToShow,\n    showListbox,\n    noOptionsText,\n    combobox,\n    comboboxButtonAriaLabel,\n    getListBoxItemProps,\n    listboxProps,\n  };\n};\n","import type { ComponentPropsWithRef, ForwardedRef, ReactNode } from \"react\";\nimport React, { cloneElement, forwardRef } from \"react\";\nimport { IconChevronDown } from \"@purpur/icon/chevron-down\";\nimport { Listbox } from \"@purpur/listbox\";\nimport { isTextField } from \"@purpur/text-field\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./autocomplete.module.scss\";\nimport type { AutocompleteOption, UseAutocompleteResult } from \"./useAutocomplete\";\nimport { useAutocomplete } from \"./useAutocomplete\";\nimport type { Prettify } from \"./utils\";\n\nconst cx = c.bind(styles);\n\ntype AutocompleteProps<T extends AutocompleteOption> = Prettify<\n  UseAutocompleteResult<T> & {\n    className?: string;\n    /**\n     * Render the input. `props` are native input props\n     */\n    renderInput: (props: ComponentPropsWithRef<\"input\">) => ReactNode;\n    /**\n     * Invoked for each given option. Use to customize the rendering of the options\n     */\n    renderOption?: (option: T) => ReactNode;\n  }\n>;\n\nconst rootClassName = \"purpur-autocomplete\";\n\nconst AutocompleteComponent = <T extends AutocompleteOption>(\n  { className, renderInput, renderOption, ...useAutocompleteProps }: AutocompleteProps<T>,\n  ref: ForwardedRef<HTMLDivElement>\n) => {\n  const {\n    id,\n    inputProps,\n    internalRef,\n    optionsToShow,\n    showListbox,\n    noOptionsText,\n    combobox,\n    comboboxButtonAriaLabel,\n    getListBoxItemProps,\n    listboxProps,\n  } = useAutocomplete(useAutocompleteProps);\n\n  const renderListboxItem = (option: T, index: number) => {\n    const { key, ...listboxItemProps } = getListBoxItemProps(option, index);\n\n    return (\n      <Listbox.Item key={key} {...listboxItemProps}>\n        {renderOption ? renderOption?.(option) : option.label}\n      </Listbox.Item>\n    );\n  };\n\n  const setRootRef = (node: HTMLDivElement | null) => {\n    internalRef.current = node;\n    if (typeof ref === \"function\") {\n      ref(node);\n    } else if (ref) {\n      ref.current = node;\n    }\n  };\n\n  const getInputComponent = () => {\n    const input = renderInput(inputProps);\n    const isCombobox =\n      combobox && comboboxButtonAriaLabel && noOptionsText && input && isTextField(input);\n\n    if (isCombobox) {\n      const endAdornment = (\n        <>\n          {input.props.endAdornment}\n          <button\n            data-testid=\"chevron button\"\n            type=\"button\"\n            className={cx(`${rootClassName}__chevron-button`)}\n            onClick={() => {\n              inputProps.onFocus(undefined);\n              inputProps.onMouseDown(undefined);\n            }}\n            aria-label={comboboxButtonAriaLabel}\n            aria-expanded={showListbox}\n            aria-controls={listboxProps.id}\n          >\n            <IconChevronDown\n              size=\"sm\"\n              className={cx(`${rootClassName}__chevron-icon`, {\n                [`${rootClassName}__chevron-icon--up`]: showListbox,\n              })}\n            />\n          </button>\n        </>\n      );\n\n      return cloneElement(input, { endAdornment });\n    }\n\n    return input;\n  };\n\n  return (\n    <div id={id} ref={setRootRef} className={cx([rootClassName, className])}>\n      {getInputComponent()}\n      {showListbox && (\n        <Listbox {...listboxProps} className={cx(`${rootClassName}__listbox`)}>\n          {!optionsToShow.length ? (\n            <Listbox.Item noninteractive>{noOptionsText}</Listbox.Item>\n          ) : (\n            optionsToShow.filter((option): option is T => !!option).map(renderListboxItem)\n          )}\n        </Listbox>\n      )}\n    </div>\n  );\n};\n\n/* @deprecated use `Dropdown` or `SearchField` instead, this is only exported for backwards compatibility and will be removed in a future release */\nexport const Autocomplete = forwardRef(AutocompleteComponent);\nAutocomplete.displayName = \"Autocomplete\";\n\nexport type {\n  AutocompleteOption,\n  UseAutocompleteResult as UseAutocompleteOptions,\n} from \"./useAutocomplete\";\nexport { useAutocomplete } from \"./useAutocomplete\";\n"],"names":["useRefObject","value","useRef","useOnClickOutside","element","callback","handleClickOutside","useCallback","event","useEffect","useAutocomplete","combobox","comboboxButtonAriaLabel","highlightFirstOption","defaultInputValue","inputValue","filterOption","id","listboxLabel","listboxMaxHeight","onInputBlur","onInputChange","onInputFocus","onInputKeyDown","onInputMouseDown","openOnFocus","noOptionsText","onSelect","options","selectedOption","dataTestid","internalInputValue","setInternalInputValue","useState","definiteInputValue","highlightedOption","setHighlightedOption","inputRef","internalRef","listboxRef","optionRefs","listboxIsOpen","setListboxIsOpen","getTestId","name","closeListbox","openListbox","eventType","scrollOptionIntoView","filterOptions","searchTerm","option","searchTermChunks","chunk","getOptionsToShow","optionsToShow","populateInputField","optionRect","listboxRect","selectOption","findNextOption","key","index","optionsLength","showListbox","highlightNextOption","nextOption","handleOnKeyDown","optionToSelect","handleOnChange","nextOptionsToShow","handleOnMouseDown","handleOnFocus","handleOnBlur","listboxStyle","listboxProps","createListboxItemId","getListBoxItemProps","handleOnMouseMove","highlighted","el","inputProps","cx","c","styles","rootClassName","AutocompleteComponent","className","renderInput","renderOption","useAutocompleteProps","ref","renderListboxItem","listboxItemProps","jsx","Listbox","setRootRef","node","getInputComponent","input","isTextField","endAdornment","jsxs","Fragment","IconChevronDown","cloneElement","Autocomplete","forwardRef"],"mappings":"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"}

package/dist/autocomplete.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./autocomplete-D9uCJzjY.js");exports.Autocomplete=e.Autocomplete;exports.useAutocomplete=e.useAutocomplete;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./autocomplete-3kV1btuI.js");exports.Autocomplete=e.Autocomplete;exports.useAutocomplete=e.useAutocomplete;
 //# sourceMappingURL=autocomplete.cjs.js.map

package/dist/autocomplete.es.js

@@ -1,4 +1,4 @@
-import { A as t, u } from "./autocomplete-BipmyKf0.mjs";
+import { A as t, u } from "./autocomplete-BEGRn-Wh.mjs";
 export {
   t as Autocomplete,
   u as useAutocomplete

package/dist/{card-DR2hvxjZ.mjs → card-C2mdp-ur.mjs}

@@ -3,7 +3,7 @@ import { c as p } from "./bind-CU-R61T-.mjs";
 import { a as L } from "./badge-DalD-yqG.mjs";
 import { a as M } from "./spinner-DRQN6YdK.mjs";
 import { a as R } from "./checkmark.es-DdgIZN2R.mjs";
-import { P as q } from "./paragraph-Ci50OF1u.mjs";
+import { P as q } from "./paragraph-DSxXmX_0.mjs";
 import { H as O } from "./heading-xwBuT_-9.mjs";
 import { forwardRef as D } from "react";
 const E = {
@@ -322,4 +322,4 @@ i.displayName = "Card";
 export {
   i as C
 };
-//# sourceMappingURL=card-DR2hvxjZ.mjs.map
+//# sourceMappingURL=card-C2mdp-ur.mjs.map

package/dist/{card-DR2hvxjZ.mjs.map → card-C2mdp-ur.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"card-DR2hvxjZ.mjs","sources":["../../../components/card/src/card-badge.tsx","../../../components/card/src/card-content.tsx","../../../components/card/src/card-content-container.tsx","../../../components/card/src/card-cta.tsx","../../../components/card/src/card-feature-list.tsx","../../../components/card/src/card-trigger-item.tsx","../../../components/card/src/card-heading.tsx","../../../components/card/src/card-media.tsx","../../../components/card/src/card-media-layout.tsx","../../../components/card/src/card-overline.tsx","../../../components/card/src/card-root.tsx","../../../components/card/src/card.tsx"],"sourcesContent":["import React from \"react\";\nimport { Badge, type BadgeVariant } from \"@purpur/badge\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card-badge.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type CardBadgeProps = {\n  /**\n   * Use this to set a testid on the badge\n   */\n  [\"data-testid\"]?: string;\n  /**\n   * The variant (color) of the badge in the top right corner of the card. This is coupled with the text prop. Both needs to be set for the badge to be displayed.\n   * `BadgeVariant = \"attention\" | \"special\" | \"neutral\" | \"information\" | \"success\" | \"warning\" | \"error\"`\n   */\n  variant?: BadgeVariant;\n  /**\n   * The text that will be in the badge in the top right corner of the card. This is coupled with the variant prop. Both needs to be set for the badge to be displayed.\n   */\n  text?: string;\n};\n\nconst rootClassName = \"purpur-card-badge\";\n\nexport const CardBadge = ({\n  [\"data-testid\"]: dataTestId = \"purpur-card-badge\",\n  variant,\n  text,\n}: CardBadgeProps) => {\n  return variant && text ? (\n    <Badge\n      className={cx(rootClassName)}\n      variant={variant}\n      showIcon={false}\n      data-testid={dataTestId}\n    >\n      {text}\n    </Badge>\n  ) : null;\n};\n","import React, { type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card-content.module.scss\";\n\nconst cx = c.bind(styles);\n\nconst rootClassName = \"purpur-card-content\";\n\ntype CardContentProps = Omit<BaseProps, \"children\"> & {\n  /**\n   * The child elements of the content (React.ReactNode)\n   */\n  children: ReactNode;\n};\n\nexport const CardContent = ({\n  [\"data-testid\"]: dataTestId = \"purpur-card-content\",\n  children,\n  className,\n  ...props\n}: CardContentProps) => {\n  return (\n    <div className={cx(rootClassName, className)} data-testid={dataTestId} {...props}>\n      {children}\n    </div>\n  );\n};\n","import React, { type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card-content-container.module.scss\";\n\nconst cx = c.bind(styles);\n\nconst rootClassName = \"purpur-card-content-container\";\n\ntype CardContentContainerProps = Omit<BaseProps, \"children\"> & {\n  /**\n   * The child elements of the content container (React.ReactNode)\n   */\n  children: ReactNode;\n  /**\n   * Flag to remove the top padding\n   */\n  isFooter?: boolean;\n  fullHeight?: boolean;\n  gapSize?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n};\n\nexport const CardContentContainer = ({\n  [\"data-testid\"]: dataTestId = \"purpur-card-content-container\",\n  children,\n  className,\n  isFooter = false,\n  fullHeight = false,\n  gapSize = \"md\",\n  ...props\n}: CardContentContainerProps) => (\n  <div\n    className={cx([\n      rootClassName,\n      className,\n      `${rootClassName}--gap-size--${gapSize}`,\n      {\n        [`${rootClassName}--full-height`]: fullHeight,\n        [`${rootClassName}--footer`]: isFooter,\n      },\n    ])}\n    data-testid={dataTestId}\n    {...props}\n  >\n    {children}\n  </div>\n);\n","import React from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Spinner } from \"@purpur/spinner\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card-cta.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type CardCtaProps = BaseProps & {\n  disabled?: boolean;\n  /**\n   * The position of the icon.\n   * `\"left\" | \"right\"`\n   */\n  iconPosition?: \"left\" | \"right\";\n  loading?: boolean;\n  /**\n   * Use this to style the cta as a link (no border)\n   */\n  linkStyling?: boolean;\n  text?: string;\n};\n\nconst rootClassName = \"purpur-card-cta\";\n\nexport const CardCta = ({\n  [\"data-testid\"]: dataTestId = \"purpur-card-cta\",\n  className,\n  children,\n  disabled = false,\n  iconPosition = \"right\",\n  loading = false,\n  text,\n  linkStyling = false,\n  ...props\n}: CardCtaProps) => {\n  return (\n    <div\n      className={`${cx([\n        rootClassName,\n        className,\n\n        {\n          [`${rootClassName}--disabled`]: disabled,\n          [`${rootClassName}--text`]: !!text,\n          [`${rootClassName}--cta-styling`]: linkStyling,\n          [`${rootClassName}--button-styling`]: !linkStyling,\n          [`${rootClassName}--button-styling--md`]: !linkStyling,\n          [`${rootClassName}--button-styling--secondary`]: !linkStyling,\n          [`${rootClassName}--button-styling--icon-only`]: !linkStyling && !text,\n        },\n      ])} ${rootClassName}`}\n      data-testid={dataTestId}\n      {...props}\n    >\n      {!loading ? (\n        <>\n          {iconPosition === \"left\" && children}\n          {text}\n          {iconPosition === \"right\" && children}\n        </>\n      ) : (\n        <Spinner data-testid={`${dataTestId}-spinner`} size=\"xs\" disabled={disabled} />\n      )}\n    </div>\n  );\n};\n","import React from \"react\";\nimport { IconCheckmark } from \"@purpur/icon/checkmark\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card-feature-list.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type CardFeatureListProps = {\n  /**\n   * Use this to set a testid on the feature list\n   */\n  [\"data-testid\"]?: string;\n  /**\n   * This is the feature list where each entry is preceded by a checkmark. If the feature list provided is falsy or empty nothing will be rendered.\n   */\n  listItems?: string[];\n};\n\nconst rootClassName = \"purpur-card-feature-list\";\n\nexport const CardFeatureList = ({\n  [\"data-testid\"]: dataTestId = \"purpur-card-feature-list\",\n  listItems,\n}: CardFeatureListProps) => {\n  return listItems && listItems.length > 0 ? (\n    <ul className={cx(rootClassName)} data-testid={dataTestId}>\n      {listItems.map((listItem: string) => (\n        <li\n          className={cx(`${rootClassName}__list-item`)}\n          data-testid={`${dataTestId}-item`}\n          key={listItem}\n        >\n          <IconCheckmark size=\"xs\" className={cx(`${rootClassName}__icon`)} />\n          <Paragraph>{listItem}</Paragraph>\n        </li>\n      ))}\n    </ul>\n  ) : null;\n};\n","import React, {\n  type AnchorHTMLAttributes,\n  type ForwardRefExoticComponent,\n  type MouseEvent,\n  type ReactNode,\n} from \"react\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card-trigger-item.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type CardTriggerItemProps = {\n  [\"data-testid\"]?: string;\n  [\"aria-label\"]?: string;\n  disabled?: boolean;\n  href?: string;\n  onClick?: () => unknown;\n  children: ReactNode;\n  linkElement?: ForwardRefExoticComponent<AnchorHTMLAttributes<HTMLAnchorElement>> | \"a\";\n};\n\nconst rootClassName = \"purpur-card-trigger-item\";\n\nexport const CardTriggerItem = ({\n  [\"data-testid\"]: dataTestId = \"purpur-card-trigger-item\",\n  [\"aria-label\"]: ariaLabel,\n  disabled = false,\n  href,\n  onClick,\n  children,\n  linkElement: LinkElement = \"a\",\n}: CardTriggerItemProps) => {\n  const handleClick = (e: MouseEvent<HTMLButtonElement | HTMLAnchorElement>): void => {\n    if (disabled) {\n      e.preventDefault();\n    } else if (onClick) {\n      onClick();\n    }\n  };\n\n  const additionalNonHashedClasses = `${rootClassName} ${\n    disabled ? `${rootClassName}--disabled` : \"\"\n  }`;\n\n  return href ? (\n    <LinkElement\n      aria-disabled={disabled}\n      aria-label={ariaLabel}\n      className={`${cx([\n        rootClassName,\n        `${rootClassName}--link`,\n        {\n          [`${rootClassName}--disabled`]: disabled,\n        },\n      ])} ${additionalNonHashedClasses}`}\n      data-testid={dataTestId}\n      href={disabled ? undefined : href}\n      tabIndex={disabled ? 0 : undefined}\n      onClick={handleClick}\n    >\n      {children}\n    </LinkElement>\n  ) : (\n    <button\n      aria-disabled={disabled}\n      aria-label={ariaLabel}\n      className={`${cx([\n        rootClassName,\n        `${rootClassName}--button`,\n        {\n          [`${rootClassName}--disabled`]: disabled,\n        },\n      ])} ${additionalNonHashedClasses}`}\n      data-testid={dataTestId}\n      type=\"button\"\n      onClick={handleClick}\n    >\n      {children}\n    </button>\n  );\n};\n","import React, {\n  type AnchorHTMLAttributes,\n  type ForwardRefExoticComponent,\n  type ReactNode,\n} from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading, type HeadingTagType,type HeadingVariant } from \"@purpur/heading\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card-heading.module.scss\";\nimport { CardTriggerItem } from \"./card-trigger-item\";\n\nconst cx = c.bind(styles);\n\nexport type CardHeadingDefaultProps = {\n  /**\n   * Use this to set a testid on the feature list\n   */\n  [\"data-testid\"]?: string;\n  title: string;\n  /**\n   * Use when you want an icon to the left of the title\n   */\n  icon?: ReactNode;\n  /**\n   * Use for the CTA, it will positioned to the right\n   */\n  children?: ReactNode;\n  titleTag?: HeadingTagType;\n  variant?: HeadingVariant;\n  enableHyphenation?: boolean;\n};\n\nexport type CardHeadingNonInteractiveProps = {\n  disabled?: never;\n  href?: never;\n  /**\n   * If the href prop is not provided the clickable element will be a button and use this clickHandler when the user presses the card.\n   */\n  onClick?: never;\n  linkElement?: never;\n};\n\nexport type CardHeadingLinkProps = {\n  /**\n   * Use this to disable the card. Can be used both with a link card and a button card. In the case of the button the clickHandler will not be called and if a anchor tag the href will be removed.\n   */\n  disabled?: boolean;\n  /**\n   * Makes the card become a link to the provided href.\n   */\n  href: string;\n  /**\n   * If the href prop is not provided the clickable element will be a button and use this clickHandler when the user presses the card.\n   */\n  onClick?: () => void;\n  linkElement?: ForwardRefExoticComponent<AnchorHTMLAttributes<HTMLAnchorElement>> | \"a\";\n};\n\nexport type CardHeadingButtonProps = {\n  /**\n   * Use this to disable the card. Can be used both with a link card and a button card. In the case of the button the clickHandler will not be called and if a anchor tag the href will be removed.\n   */\n  disabled?: boolean;\n  /**\n   * Makes the card become a link to the provided href.\n   */\n  href?: never;\n  /**\n   * If the href prop is not provided the clickable element will be a button and use this clickHandler when the user presses the card.\n   */\n  onClick: () => void;\n  linkElement?: never;\n};\n\nexport type CardHeadingProps<T extends HeadingTagType = \"h2\"> = BaseProps<T> &\n  CardHeadingDefaultProps;\n\nconst rootClassName = \"purpur-card-heading\";\n\nexport const CardHeading = <T extends HeadingTagType = \"h2\">({\n  [\"data-testid\"]: dataTestId = \"purpur-card-heading\",\n  [\"aria-label\"]: ariaLabel,\n  title,\n  icon,\n  children,\n  titleTag = \"h2\" as T,\n  enableHyphenation,\n  onClick = undefined,\n  href = undefined,\n  disabled = false,\n  linkElement = \"a\",\n  variant = \"title-100\",\n  ...props\n}: CardHeadingProps &\n  (CardHeadingLinkProps | CardHeadingButtonProps | CardHeadingNonInteractiveProps)) => {\n  const classes = cx(rootClassName, {\n    [`${rootClassName}--is-interactive`]: onClick || href,\n    [`${rootClassName}--disabled`]: disabled,\n  });\n\n  return (\n    <div className={classes} data-testid={dataTestId}>\n      <div className={cx(`${rootClassName}__header`)}>\n        {icon && <div className={cx(`${rootClassName}__icon`)}>{icon}</div>}\n        <Heading\n          tag={titleTag}\n          className={cx(`${rootClassName}__heading`)}\n          variant={variant}\n          enableHyphenation={enableHyphenation}\n          {...props}\n        >\n          {onClick || href ? (\n            <CardTriggerItem\n              aria-label={ariaLabel}\n              disabled={disabled}\n              href={href}\n              onClick={onClick}\n              linkElement={linkElement}\n            >\n              {title}\n            </CardTriggerItem>\n          ) : (\n            title\n          )}\n        </Heading>\n      </div>\n      {children}\n    </div>\n  );\n};\n","import React from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card-media.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type CardMediaProps = BaseProps;\n\nconst rootClassName = \"purpur-card-media\";\n\nexport const CardMedia = ({\n  [\"data-testid\"]: dataTestId = \"purpur-card-media\",\n  className,\n  children,\n  ...props\n}: CardMediaProps) => (\n  <div {...props} className={cx([rootClassName, className])} data-testid={dataTestId}>\n    {children}\n  </div>\n);\n","import React from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card-media-layout.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type CardMediaLayoutProps = BaseProps & {\n  imageTop?: boolean;\n};\n\nconst rootClassName = \"purpur-card-media-layout\";\n\nexport const CardMediaLayout = ({\n  [\"data-testid\"]: dataTestId = \"purpur-card-media-layout\",\n  className,\n  children,\n  imageTop = false,\n  ...props\n}: CardMediaLayoutProps) => (\n  <div\n    {...props}\n    className={cx(rootClassName, className, { [`${rootClassName}--image-top`]: imageTop })}\n    data-testid={dataTestId}\n  >\n    {children}\n  </div>\n);\n","import React from \"react\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card-overline.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type CardOverlineProps = {\n  /**\n   * Use this to set a testid on the overline\n   */\n  [\"data-testid\"]?: string;\n  /**\n   * The text displayed in the overline\n   */\n  overline?: string;\n};\n\nconst rootClassName = \"purpur-card-overline\";\n\nexport const CardOverline = ({\n  [\"data-testid\"]: dataTestId = \"purpur-card-overline\",\n  overline,\n}: CardOverlineProps) => {\n  return overline ? (\n    <Paragraph variant=\"overline-100\" className={cx(rootClassName)} data-testid={dataTestId}>\n      {overline}\n    </Paragraph>\n  ) : null;\n};\n","import React, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card-root.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type CardRootProps = Omit<BaseProps, \"children\"> & {\n  children: ReactNode;\n  fullHeight?: boolean;\n  /** Use the prop useMediaQueries when the cards are used beside each other in different sized grid items for example. */\n  useMediaQueries?: boolean;\n  variant?: \"primary\" | \"secondary\";\n};\n\nconst rootClassName = \"purpur-card-root\";\n\nexport const CardRoot = forwardRef<HTMLDivElement, CardRootProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"purpur-card-root\",\n      children,\n      className,\n      fullHeight = true,\n      variant,\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx([\n      rootClassName,\n      {\n        [`${rootClassName}--${variant}`]: variant,\n        [`${rootClassName}--full-height`]: fullHeight,\n      },\n      className,\n    ]);\n\n    return (\n      <div className={classes} data-testid={dataTestId} ref={ref} {...props}>\n        {children}\n      </div>\n    );\n  }\n);\n\nCardRoot.displayName = \"CardRoot\";\n","import React, { type FunctionComponent } from \"react\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card.module.scss\";\nimport { CardBadge } from \"./card-badge\";\nimport { CardContent } from \"./card-content\";\nimport { CardContentContainer } from \"./card-content-container\";\nimport { CardCta } from \"./card-cta\";\nimport { CardFeatureList } from \"./card-feature-list\";\nimport { CardHeading } from \"./card-heading\";\nimport { CardMedia } from \"./card-media\";\nimport { CardMediaLayout } from \"./card-media-layout\";\nimport { CardOverline } from \"./card-overline\";\nimport type { CardRootProps } from \"./card-root\";\nimport { CardRoot } from \"./card-root\";\nexport type {\n  CardHeadingButtonProps,\n  CardHeadingDefaultProps,\n  CardHeadingLinkProps,\n  CardHeadingNonInteractiveProps,\n} from \"./card-heading\";\n\nconst cx = c.bind(styles);\n\ntype CardCmp<P> = FunctionComponent<P> & {\n  Badge: typeof CardBadge;\n  Content: typeof CardContent;\n  ContentContainer: typeof CardContentContainer;\n  Cta: typeof CardCta;\n  FeatureList: typeof CardFeatureList;\n  Overline: typeof CardOverline;\n  Heading: typeof CardHeading;\n  Media: typeof CardMedia;\n  MediaLayout: typeof CardMediaLayout;\n};\n\nexport type CardProps = CardRootProps;\n\nconst rootClassName = \"purpur-card\";\n\nexport const Card: CardCmp<CardProps> = ({ children, className, useMediaQueries, ...props }) => {\n  const classes = cx([rootClassName, className]);\n  return (\n    <div\n      className={cx(`${rootClassName}__container`, {\n        [`${rootClassName}__container--full-height`]: props.fullHeight,\n        [`${rootClassName}__container--use-container-queries`]: !useMediaQueries,\n        [`${rootClassName}__container--use-media-queries`]: useMediaQueries,\n      })}\n    >\n      <CardRoot className={cx(classes)} {...props}>\n        {children}\n      </CardRoot>\n    </div>\n  );\n};\n\nCard.Badge = CardBadge;\nCard.Content = CardContent;\nCard.ContentContainer = CardContentContainer;\nCard.Cta = CardCta;\nCard.FeatureList = CardFeatureList;\nCard.Overline = CardOverline;\nCard.Heading = CardHeading;\nCard.Media = CardMedia;\nCard.MediaLayout = CardMediaLayout;\n\nCard.displayName = \"Card\";\n"],"names":["cx","c","styles","rootClassName","CardBadge","dataTestId","variant","text","jsx","Badge","CardContent","children","className","props","CardContentContainer","isFooter","fullHeight","gapSize","CardCta","disabled","iconPosition","loading","linkStyling","Spinner","jsxs","Fragment","CardFeatureList","listItems","listItem","IconCheckmark","Paragraph","CardTriggerItem","ariaLabel","href","onClick","LinkElement","handleClick","e","additionalNonHashedClasses","CardHeading","title","icon","titleTag","enableHyphenation","linkElement","classes","Heading","CardMedia","CardMediaLayout","imageTop","CardOverline","overline","CardRoot","forwardRef","ref","Card","useMediaQueries"],"mappings":";;;;;;;;;;;;;;;GAMMA,IAAKC,EAAE,KAAKC,CAAM,GAkBlBC,IAAgB,qBAETC,IAAY,CAAC;AAAA,EACxB,CAAC,gBAAgBC,IAAa;AAAA,EAC9B,SAAAC;AAAA,EACA,MAAAC;AACF,MACSD,KAAWC,IAChB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAWT,EAAGG,CAAa;AAAA,IAC3B,SAAAG;AAAA,IACA,UAAU;AAAA,IACV,eAAaD;AAAA,IAEZ,UAAAE;AAAA,EAAA;AAAA,IAED;;GClCAP,IAAKC,EAAE,KAAKC,CAAM,GAElBC,IAAgB,uBASTO,IAAc,CAAC;AAAA,EAC1B,CAAC,gBAAgBL,IAAa;AAAA,EAC9B,UAAAM;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAL,EAAC,OAAA,EAAI,WAAWR,EAAGG,GAAeS,CAAS,GAAG,eAAaP,GAAa,GAAGQ,GACxE,UAAAF,EAAA,CACH;;;;;;;;GCpBEX,IAAKC,EAAE,KAAKC,CAAM,GAElBC,IAAgB,iCAeTW,IAAuB,CAAC;AAAA,EACnC,CAAC,gBAAgBT,IAAa;AAAA,EAC9B,UAAAM;AAAA,EACA,WAAAC;AAAA,EACA,UAAAG,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,SAAAC,IAAU;AAAA,EACV,GAAGJ;AACL,MACE,gBAAAL;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWR,EAAG;AAAA,MACZG;AAAAA,MACAS;AAAA,MACA,GAAGT,CAAa,eAAec,CAAO;AAAA,MACtC;AAAA,QACE,CAAC,GAAGd,CAAa,eAAe,GAAGa;AAAA,QACnC,CAAC,GAAGb,CAAa,UAAU,GAAGY;AAAA,MAAA;AAAA,IAChC,CACD;AAAA,IACD,eAAaV;AAAA,IACZ,GAAGQ;AAAA,IAEH,UAAAF;AAAA,EAAA;AACH;;;;;;;;;;;;;;;;;;;GCvCIX,IAAKC,EAAE,KAAKC,CAAM,GAiBlBC,IAAgB,mBAETe,IAAU,CAAC;AAAA,EACtB,CAAC,gBAAgBb,IAAa;AAAA,EAC9B,WAAAO;AAAA,EACA,UAAAD;AAAA,EACA,UAAAQ,IAAW;AAAA,EACX,cAAAC,IAAe;AAAA,EACf,SAAAC,IAAU;AAAA,EACV,MAAAd;AAAA,EACA,aAAAe,IAAc;AAAA,EACd,GAAGT;AACL,MAEI,gBAAAL;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAW,GAAGR,EAAG;AAAA,MACfG;AAAAA,MACAS;AAAA,MAEA;AAAA,QACE,CAAC,GAAGT,CAAa,YAAY,GAAGgB;AAAA,QAChC,CAAC,GAAGhB,CAAa,QAAQ,GAAG,CAAC,CAACI;AAAA,QAC9B,CAAC,GAAGJ,CAAa,eAAe,GAAGmB;AAAA,QACnC,CAAC,GAAGnB,CAAa,kBAAkB,GAAG,CAACmB;AAAA,QACvC,CAAC,GAAGnB,CAAa,sBAAsB,GAAG,CAACmB;AAAA,QAC3C,CAAC,GAAGnB,CAAa,6BAA6B,GAAG,CAACmB;AAAA,QAClD,CAAC,GAAGnB,CAAa,6BAA6B,GAAG,CAACmB,KAAe,CAACf;AAAA,MAAA;AAAA,IACpE,CACD,CAAC,IAAIJ,CAAa;AAAA,IACnB,eAAaE;AAAA,IACZ,GAAGQ;AAAA,IAEH,UAACQ,sBAOCE,GAAA,EAAQ,eAAa,GAAGlB,CAAU,YAAY,MAAK,MAAK,UAAAc,EAAA,CAAoB,IAN7E,gBAAAK,EAAAC,GAAA,EACG,UAAA;AAAA,MAAAL,MAAiB,UAAUT;AAAA,MAC3BJ;AAAA,MACAa,MAAiB,WAAWT;AAAA,IAAA,EAAA,CAC/B;AAAA,EAE6E;AAAA;;;;GCxD/EX,IAAKC,EAAE,KAAKC,CAAM,GAalBC,IAAgB,4BAETuB,KAAkB,CAAC;AAAA,EAC9B,CAAC,gBAAgBrB,IAAa;AAAA,EAC9B,WAAAsB;AACF,MACSA,KAAaA,EAAU,SAAS,sBACpC,MAAA,EAAG,WAAW3B,EAAGG,CAAa,GAAG,eAAaE,GAC5C,UAAAsB,EAAU,IAAI,CAACC,MACd,gBAAAJ;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWxB,EAAG,GAAGG,CAAa,aAAa;AAAA,IAC3C,eAAa,GAAGE,CAAU;AAAA,IAG1B,UAAA;AAAA,MAAA,gBAAAG,EAACqB,GAAA,EAAc,MAAK,MAAK,WAAW7B,EAAG,GAAGG,CAAa,QAAQ,EAAA,CAAG;AAAA,MAClE,gBAAAK,EAACsB,KAAW,UAAAF,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAAA,EAHhBA;AAAA,CAKR,GACH,IACE;;;;;;;;;;GC7BA5B,IAAKC,EAAE,KAAKC,EAAM,GAYlBC,IAAgB,4BAET4B,KAAkB,CAAC;AAAA,EAC9B,CAAC,gBAAgB1B,IAAa;AAAA,EAC9B,CAAC,eAAe2B;AAAA,EAChB,UAAAb,IAAW;AAAA,EACX,MAAAc;AAAA,EACA,SAAAC;AAAA,EACA,UAAAvB;AAAA,EACA,aAAawB,IAAc;AAC7B,MAA4B;AAC1B,QAAMC,IAAc,CAACC,MAA+D;AAClF,IAAIlB,IACFkB,EAAE,eAAA,IACOH,KACTA,EAAA;AAAA,EAEJ,GAEMI,IAA6B,GAAGnC,CAAa,IACjDgB,IAAW,GAAGhB,CAAa,eAAe,EAC5C;AAEA,SAAO8B,IACL,gBAAAzB;AAAA,IAAC2B;AAAA,IAAA;AAAA,MACC,iBAAehB;AAAA,MACf,cAAYa;AAAA,MACZ,WAAW,GAAGhC,EAAG;AAAA,QACfG;AAAAA,QACA,GAAGA,CAAa;AAAA,QAChB;AAAA,UACE,CAAC,GAAGA,CAAa,YAAY,GAAGgB;AAAA,QAAA;AAAA,MAClC,CACD,CAAC,IAAImB,CAA0B;AAAA,MAChC,eAAajC;AAAA,MACb,MAAMc,IAAW,SAAYc;AAAA,MAC7B,UAAUd,IAAW,IAAI;AAAA,MACzB,SAASiB;AAAA,MAER,UAAAzB;AAAA,IAAA;AAAA,EAAA,IAGH,gBAAAH;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,iBAAeW;AAAA,MACf,cAAYa;AAAA,MACZ,WAAW,GAAGhC,EAAG;AAAA,QACfG;AAAAA,QACA,GAAGA,CAAa;AAAA,QAChB;AAAA,UACE,CAAC,GAAGA,CAAa,YAAY,GAAGgB;AAAA,QAAA;AAAA,MAClC,CACD,CAAC,IAAImB,CAA0B;AAAA,MAChC,eAAajC;AAAA,MACb,MAAK;AAAA,MACL,SAAS+B;AAAA,MAER,UAAAzB;AAAA,IAAA;AAAA,EAAA;AAGP,GCrEMX,IAAKC,EAAE,KAAKC,EAAM,GAkElBC,IAAgB,uBAEToC,KAAc,CAAkC;AAAA,EAC3D,CAAC,gBAAgBlC,IAAa;AAAA,EAC9B,CAAC,eAAe2B;AAAA,EAChB,OAAAQ;AAAA,EACA,MAAAC;AAAA,EACA,UAAA9B;AAAA,EACA,UAAA+B,IAAW;AAAA,EACX,mBAAAC;AAAA,EACA,SAAAT,IAAU;AAAA,EACV,MAAAD,IAAO;AAAA,EACP,UAAAd,IAAW;AAAA,EACX,aAAAyB,IAAc;AAAA,EACd,SAAAtC,IAAU;AAAA,EACV,GAAGO;AACL,MACuF;AACrF,QAAMgC,IAAU7C,EAAGG,GAAe;AAAA,IAChC,CAAC,GAAGA,CAAa,kBAAkB,GAAG+B,KAAWD;AAAA,IACjD,CAAC,GAAG9B,CAAa,YAAY,GAAGgB;AAAA,EAAA,CACjC;AAED,SACE,gBAAAK,EAAC,OAAA,EAAI,WAAWqB,GAAS,eAAaxC,GACpC,UAAA;AAAA,IAAA,gBAAAmB,EAAC,SAAI,WAAWxB,EAAG,GAAGG,CAAa,UAAU,GAC1C,UAAA;AAAA,MAAAsC,KAAQ,gBAAAjC,EAAC,SAAI,WAAWR,EAAG,GAAGG,CAAa,QAAQ,GAAI,UAAAsC,EAAA,CAAK;AAAA,MAC7D,gBAAAjC;AAAA,QAACsC;AAAA,QAAA;AAAA,UACC,KAAKJ;AAAA,UACL,WAAW1C,EAAG,GAAGG,CAAa,WAAW;AAAA,UACzC,SAAAG;AAAA,UACA,mBAAAqC;AAAA,UACC,GAAG9B;AAAA,UAEH,eAAWoB,IACV,gBAAAzB;AAAA,YAACuB;AAAA,YAAA;AAAA,cACC,cAAYC;AAAA,cACZ,UAAAb;AAAA,cACA,MAAAc;AAAA,cACA,SAAAC;AAAA,cACA,aAAAU;AAAA,cAEC,UAAAJ;AAAA,YAAA;AAAA,UAAA,IAGHA;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ,GACF;AAAA,IACC7B;AAAA,EAAA,GACH;AAEJ;;GC5HMX,KAAKC,EAAE,KAAKC,EAAM,GAIlBC,KAAgB,qBAET4C,KAAY,CAAC;AAAA,EACxB,CAAC,gBAAgB1C,IAAa;AAAA,EAC9B,WAAAO;AAAA,EACA,UAAAD;AAAA,EACA,GAAGE;AACL,MACE,gBAAAL,EAAC,OAAA,EAAK,GAAGK,GAAO,WAAWb,GAAG,CAACG,IAAeS,CAAS,CAAC,GAAG,eAAaP,GACrE,UAAAM,EAAA,CACH;;;GCdIX,KAAKC,EAAE,KAAKC,EAAM,GAMlBC,IAAgB,4BAET6C,KAAkB,CAAC;AAAA,EAC9B,CAAC,gBAAgB3C,IAAa;AAAA,EAC9B,WAAAO;AAAA,EACA,UAAAD;AAAA,EACA,UAAAsC,IAAW;AAAA,EACX,GAAGpC;AACL,MACE,gBAAAL;AAAA,EAAC;AAAA,EAAA;AAAA,IACE,GAAGK;AAAA,IACJ,WAAWb,GAAGG,GAAeS,GAAW,EAAE,CAAC,GAAGT,CAAa,aAAa,GAAG8C,GAAU;AAAA,IACrF,eAAa5C;AAAA,IAEZ,UAAAM;AAAA,EAAA;AACH;;GCrBIX,KAAKC,EAAE,KAAKC,EAAM,GAalBC,KAAgB,wBAET+C,KAAe,CAAC;AAAA,EAC3B,CAAC,gBAAgB7C,IAAa;AAAA,EAC9B,UAAA8C;AACF,MACSA,IACL,gBAAA3C,EAACsB,GAAA,EAAU,SAAQ,gBAAe,WAAW9B,GAAGG,EAAa,GAAG,eAAaE,GAC1E,UAAA8C,EAAA,CACH,IACE;;;;;GCvBAnD,KAAKC,EAAE,KAAKC,EAAM,GAUlBC,IAAgB,oBAETiD,IAAWC;AAAA,EACtB,CACE;AAAA,IACE,CAAC,gBAAgBhD,IAAa;AAAA,IAC9B,UAAAM;AAAA,IACA,WAAAC;AAAA,IACA,YAAAI,IAAa;AAAA,IACb,SAAAV;AAAA,IACA,GAAGO;AAAA,EAAA,GAELyC,MACG;AACH,UAAMT,IAAU7C,GAAG;AAAA,MACjBG;AAAAA,MACA;AAAA,QACE,CAAC,GAAGA,CAAa,KAAKG,CAAO,EAAE,GAAGA;AAAA,QAClC,CAAC,GAAGH,CAAa,eAAe,GAAGa;AAAA,MAAA;AAAA,MAErCJ;AAAA,IAAA,CACD;AAED,WACE,gBAAAJ,EAAC,SAAI,WAAWqC,GAAS,eAAaxC,GAAY,KAAAiD,GAAW,GAAGzC,GAC7D,UAAAF,EAAA,CACH;AAAA,EAEJ;AACF;AAEAyC,EAAS,cAAc;ACzBvB,MAAMpD,IAAKC,EAAE,KAAKC,CAAM,GAgBlBC,IAAgB,eAEToD,IAA2B,CAAC,EAAE,UAAA5C,GAAU,WAAAC,GAAW,iBAAA4C,GAAiB,GAAG3C,QAAY;AAC9F,QAAMgC,IAAU7C,EAAG,CAACG,GAAeS,CAAS,CAAC;AAC7C,SACE,gBAAAJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWR,EAAG,GAAGG,CAAa,eAAe;AAAA,QAC3C,CAAC,GAAGA,CAAa,0BAA0B,GAAGU,EAAM;AAAA,QACpD,CAAC,GAAGV,CAAa,oCAAoC,GAAG,CAACqD;AAAA,QACzD,CAAC,GAAGrD,CAAa,gCAAgC,GAAGqD;AAAA,MAAA,CACrD;AAAA,MAED,UAAA,gBAAAhD,EAAC4C,KAAS,WAAWpD,EAAG6C,CAAO,GAAI,GAAGhC,GACnC,UAAAF,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA4C,EAAK,QAAQnD;AACbmD,EAAK,UAAU7C;AACf6C,EAAK,mBAAmBzC;AACxByC,EAAK,MAAMrC;AACXqC,EAAK,cAAc7B;AACnB6B,EAAK,WAAWL;AAChBK,EAAK,UAAUhB;AACfgB,EAAK,QAAQR;AACbQ,EAAK,cAAcP;AAEnBO,EAAK,cAAc;"}
+{"version":3,"file":"card-C2mdp-ur.mjs","sources":["../../../components/card/src/card-badge.tsx","../../../components/card/src/card-content.tsx","../../../components/card/src/card-content-container.tsx","../../../components/card/src/card-cta.tsx","../../../components/card/src/card-feature-list.tsx","../../../components/card/src/card-trigger-item.tsx","../../../components/card/src/card-heading.tsx","../../../components/card/src/card-media.tsx","../../../components/card/src/card-media-layout.tsx","../../../components/card/src/card-overline.tsx","../../../components/card/src/card-root.tsx","../../../components/card/src/card.tsx"],"sourcesContent":["import React from \"react\";\nimport { Badge, type BadgeVariant } from \"@purpur/badge\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card-badge.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type CardBadgeProps = {\n  /**\n   * Use this to set a testid on the badge\n   */\n  [\"data-testid\"]?: string;\n  /**\n   * The variant (color) of the badge in the top right corner of the card. This is coupled with the text prop. Both needs to be set for the badge to be displayed.\n   * `BadgeVariant = \"attention\" | \"special\" | \"neutral\" | \"information\" | \"success\" | \"warning\" | \"error\"`\n   */\n  variant?: BadgeVariant;\n  /**\n   * The text that will be in the badge in the top right corner of the card. This is coupled with the variant prop. Both needs to be set for the badge to be displayed.\n   */\n  text?: string;\n};\n\nconst rootClassName = \"purpur-card-badge\";\n\nexport const CardBadge = ({\n  [\"data-testid\"]: dataTestId = \"purpur-card-badge\",\n  variant,\n  text,\n}: CardBadgeProps) => {\n  return variant && text ? (\n    <Badge\n      className={cx(rootClassName)}\n      variant={variant}\n      showIcon={false}\n      data-testid={dataTestId}\n    >\n      {text}\n    </Badge>\n  ) : null;\n};\n","import React, { type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card-content.module.scss\";\n\nconst cx = c.bind(styles);\n\nconst rootClassName = \"purpur-card-content\";\n\ntype CardContentProps = Omit<BaseProps, \"children\"> & {\n  /**\n   * The child elements of the content (React.ReactNode)\n   */\n  children: ReactNode;\n};\n\nexport const CardContent = ({\n  [\"data-testid\"]: dataTestId = \"purpur-card-content\",\n  children,\n  className,\n  ...props\n}: CardContentProps) => {\n  return (\n    <div className={cx(rootClassName, className)} data-testid={dataTestId} {...props}>\n      {children}\n    </div>\n  );\n};\n","import React, { type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card-content-container.module.scss\";\n\nconst cx = c.bind(styles);\n\nconst rootClassName = \"purpur-card-content-container\";\n\ntype CardContentContainerProps = Omit<BaseProps, \"children\"> & {\n  /**\n   * The child elements of the content container (React.ReactNode)\n   */\n  children: ReactNode;\n  /**\n   * Flag to remove the top padding\n   */\n  isFooter?: boolean;\n  fullHeight?: boolean;\n  gapSize?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n};\n\nexport const CardContentContainer = ({\n  [\"data-testid\"]: dataTestId = \"purpur-card-content-container\",\n  children,\n  className,\n  isFooter = false,\n  fullHeight = false,\n  gapSize = \"md\",\n  ...props\n}: CardContentContainerProps) => (\n  <div\n    className={cx([\n      rootClassName,\n      className,\n      `${rootClassName}--gap-size--${gapSize}`,\n      {\n        [`${rootClassName}--full-height`]: fullHeight,\n        [`${rootClassName}--footer`]: isFooter,\n      },\n    ])}\n    data-testid={dataTestId}\n    {...props}\n  >\n    {children}\n  </div>\n);\n","import React from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Spinner } from \"@purpur/spinner\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card-cta.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type CardCtaProps = BaseProps & {\n  disabled?: boolean;\n  /**\n   * The position of the icon.\n   * `\"left\" | \"right\"`\n   */\n  iconPosition?: \"left\" | \"right\";\n  loading?: boolean;\n  /**\n   * Use this to style the cta as a link (no border)\n   */\n  linkStyling?: boolean;\n  text?: string;\n};\n\nconst rootClassName = \"purpur-card-cta\";\n\nexport const CardCta = ({\n  [\"data-testid\"]: dataTestId = \"purpur-card-cta\",\n  className,\n  children,\n  disabled = false,\n  iconPosition = \"right\",\n  loading = false,\n  text,\n  linkStyling = false,\n  ...props\n}: CardCtaProps) => {\n  return (\n    <div\n      className={`${cx([\n        rootClassName,\n        className,\n\n        {\n          [`${rootClassName}--disabled`]: disabled,\n          [`${rootClassName}--text`]: !!text,\n          [`${rootClassName}--cta-styling`]: linkStyling,\n          [`${rootClassName}--button-styling`]: !linkStyling,\n          [`${rootClassName}--button-styling--md`]: !linkStyling,\n          [`${rootClassName}--button-styling--secondary`]: !linkStyling,\n          [`${rootClassName}--button-styling--icon-only`]: !linkStyling && !text,\n        },\n      ])} ${rootClassName}`}\n      data-testid={dataTestId}\n      {...props}\n    >\n      {!loading ? (\n        <>\n          {iconPosition === \"left\" && children}\n          {text}\n          {iconPosition === \"right\" && children}\n        </>\n      ) : (\n        <Spinner data-testid={`${dataTestId}-spinner`} size=\"xs\" disabled={disabled} />\n      )}\n    </div>\n  );\n};\n","import React from \"react\";\nimport { IconCheckmark } from \"@purpur/icon/checkmark\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card-feature-list.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type CardFeatureListProps = {\n  /**\n   * Use this to set a testid on the feature list\n   */\n  [\"data-testid\"]?: string;\n  /**\n   * This is the feature list where each entry is preceded by a checkmark. If the feature list provided is falsy or empty nothing will be rendered.\n   */\n  listItems?: string[];\n};\n\nconst rootClassName = \"purpur-card-feature-list\";\n\nexport const CardFeatureList = ({\n  [\"data-testid\"]: dataTestId = \"purpur-card-feature-list\",\n  listItems,\n}: CardFeatureListProps) => {\n  return listItems && listItems.length > 0 ? (\n    <ul className={cx(rootClassName)} data-testid={dataTestId}>\n      {listItems.map((listItem: string) => (\n        <li\n          className={cx(`${rootClassName}__list-item`)}\n          data-testid={`${dataTestId}-item`}\n          key={listItem}\n        >\n          <IconCheckmark size=\"xs\" className={cx(`${rootClassName}__icon`)} />\n          <Paragraph>{listItem}</Paragraph>\n        </li>\n      ))}\n    </ul>\n  ) : null;\n};\n","import React, {\n  type AnchorHTMLAttributes,\n  type ForwardRefExoticComponent,\n  type MouseEvent,\n  type ReactNode,\n} from \"react\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card-trigger-item.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type CardTriggerItemProps = {\n  [\"data-testid\"]?: string;\n  [\"aria-label\"]?: string;\n  disabled?: boolean;\n  href?: string;\n  onClick?: () => unknown;\n  children: ReactNode;\n  linkElement?: ForwardRefExoticComponent<AnchorHTMLAttributes<HTMLAnchorElement>> | \"a\";\n};\n\nconst rootClassName = \"purpur-card-trigger-item\";\n\nexport const CardTriggerItem = ({\n  [\"data-testid\"]: dataTestId = \"purpur-card-trigger-item\",\n  [\"aria-label\"]: ariaLabel,\n  disabled = false,\n  href,\n  onClick,\n  children,\n  linkElement: LinkElement = \"a\",\n}: CardTriggerItemProps) => {\n  const handleClick = (e: MouseEvent<HTMLButtonElement | HTMLAnchorElement>): void => {\n    if (disabled) {\n      e.preventDefault();\n    } else if (onClick) {\n      onClick();\n    }\n  };\n\n  const additionalNonHashedClasses = `${rootClassName} ${\n    disabled ? `${rootClassName}--disabled` : \"\"\n  }`;\n\n  return href ? (\n    <LinkElement\n      aria-disabled={disabled}\n      aria-label={ariaLabel}\n      className={`${cx([\n        rootClassName,\n        `${rootClassName}--link`,\n        {\n          [`${rootClassName}--disabled`]: disabled,\n        },\n      ])} ${additionalNonHashedClasses}`}\n      data-testid={dataTestId}\n      href={disabled ? undefined : href}\n      tabIndex={disabled ? 0 : undefined}\n      onClick={handleClick}\n    >\n      {children}\n    </LinkElement>\n  ) : (\n    <button\n      aria-disabled={disabled}\n      aria-label={ariaLabel}\n      className={`${cx([\n        rootClassName,\n        `${rootClassName}--button`,\n        {\n          [`${rootClassName}--disabled`]: disabled,\n        },\n      ])} ${additionalNonHashedClasses}`}\n      data-testid={dataTestId}\n      type=\"button\"\n      onClick={handleClick}\n    >\n      {children}\n    </button>\n  );\n};\n","import React, {\n  type AnchorHTMLAttributes,\n  type ForwardRefExoticComponent,\n  type ReactNode,\n} from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading, type HeadingTagType,type HeadingVariant } from \"@purpur/heading\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card-heading.module.scss\";\nimport { CardTriggerItem } from \"./card-trigger-item\";\n\nconst cx = c.bind(styles);\n\nexport type CardHeadingDefaultProps = {\n  /**\n   * Use this to set a testid on the feature list\n   */\n  [\"data-testid\"]?: string;\n  title: string;\n  /**\n   * Use when you want an icon to the left of the title\n   */\n  icon?: ReactNode;\n  /**\n   * Use for the CTA, it will positioned to the right\n   */\n  children?: ReactNode;\n  titleTag?: HeadingTagType;\n  variant?: HeadingVariant;\n  enableHyphenation?: boolean;\n};\n\nexport type CardHeadingNonInteractiveProps = {\n  disabled?: never;\n  href?: never;\n  /**\n   * If the href prop is not provided the clickable element will be a button and use this clickHandler when the user presses the card.\n   */\n  onClick?: never;\n  linkElement?: never;\n};\n\nexport type CardHeadingLinkProps = {\n  /**\n   * Use this to disable the card. Can be used both with a link card and a button card. In the case of the button the clickHandler will not be called and if a anchor tag the href will be removed.\n   */\n  disabled?: boolean;\n  /**\n   * Makes the card become a link to the provided href.\n   */\n  href: string;\n  /**\n   * If the href prop is not provided the clickable element will be a button and use this clickHandler when the user presses the card.\n   */\n  onClick?: () => void;\n  linkElement?: ForwardRefExoticComponent<AnchorHTMLAttributes<HTMLAnchorElement>> | \"a\";\n};\n\nexport type CardHeadingButtonProps = {\n  /**\n   * Use this to disable the card. Can be used both with a link card and a button card. In the case of the button the clickHandler will not be called and if a anchor tag the href will be removed.\n   */\n  disabled?: boolean;\n  /**\n   * Makes the card become a link to the provided href.\n   */\n  href?: never;\n  /**\n   * If the href prop is not provided the clickable element will be a button and use this clickHandler when the user presses the card.\n   */\n  onClick: () => void;\n  linkElement?: never;\n};\n\nexport type CardHeadingProps<T extends HeadingTagType = \"h2\"> = BaseProps<T> &\n  CardHeadingDefaultProps;\n\nconst rootClassName = \"purpur-card-heading\";\n\nexport const CardHeading = <T extends HeadingTagType = \"h2\">({\n  [\"data-testid\"]: dataTestId = \"purpur-card-heading\",\n  [\"aria-label\"]: ariaLabel,\n  title,\n  icon,\n  children,\n  titleTag = \"h2\" as T,\n  enableHyphenation,\n  onClick = undefined,\n  href = undefined,\n  disabled = false,\n  linkElement = \"a\",\n  variant = \"title-100\",\n  ...props\n}: CardHeadingProps &\n  (CardHeadingLinkProps | CardHeadingButtonProps | CardHeadingNonInteractiveProps)) => {\n  const classes = cx(rootClassName, {\n    [`${rootClassName}--is-interactive`]: onClick || href,\n    [`${rootClassName}--disabled`]: disabled,\n  });\n\n  return (\n    <div className={classes} data-testid={dataTestId}>\n      <div className={cx(`${rootClassName}__header`)}>\n        {icon && <div className={cx(`${rootClassName}__icon`)}>{icon}</div>}\n        <Heading\n          tag={titleTag}\n          className={cx(`${rootClassName}__heading`)}\n          variant={variant}\n          enableHyphenation={enableHyphenation}\n          {...props}\n        >\n          {onClick || href ? (\n            <CardTriggerItem\n              aria-label={ariaLabel}\n              disabled={disabled}\n              href={href}\n              onClick={onClick}\n              linkElement={linkElement}\n            >\n              {title}\n            </CardTriggerItem>\n          ) : (\n            title\n          )}\n        </Heading>\n      </div>\n      {children}\n    </div>\n  );\n};\n","import React from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card-media.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type CardMediaProps = BaseProps;\n\nconst rootClassName = \"purpur-card-media\";\n\nexport const CardMedia = ({\n  [\"data-testid\"]: dataTestId = \"purpur-card-media\",\n  className,\n  children,\n  ...props\n}: CardMediaProps) => (\n  <div {...props} className={cx([rootClassName, className])} data-testid={dataTestId}>\n    {children}\n  </div>\n);\n","import React from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card-media-layout.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type CardMediaLayoutProps = BaseProps & {\n  imageTop?: boolean;\n};\n\nconst rootClassName = \"purpur-card-media-layout\";\n\nexport const CardMediaLayout = ({\n  [\"data-testid\"]: dataTestId = \"purpur-card-media-layout\",\n  className,\n  children,\n  imageTop = false,\n  ...props\n}: CardMediaLayoutProps) => (\n  <div\n    {...props}\n    className={cx(rootClassName, className, { [`${rootClassName}--image-top`]: imageTop })}\n    data-testid={dataTestId}\n  >\n    {children}\n  </div>\n);\n","import React from \"react\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card-overline.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type CardOverlineProps = {\n  /**\n   * Use this to set a testid on the overline\n   */\n  [\"data-testid\"]?: string;\n  /**\n   * The text displayed in the overline\n   */\n  overline?: string;\n};\n\nconst rootClassName = \"purpur-card-overline\";\n\nexport const CardOverline = ({\n  [\"data-testid\"]: dataTestId = \"purpur-card-overline\",\n  overline,\n}: CardOverlineProps) => {\n  return overline ? (\n    <Paragraph variant=\"overline-100\" className={cx(rootClassName)} data-testid={dataTestId}>\n      {overline}\n    </Paragraph>\n  ) : null;\n};\n","import React, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card-root.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type CardRootProps = Omit<BaseProps, \"children\"> & {\n  children: ReactNode;\n  fullHeight?: boolean;\n  /** Use the prop useMediaQueries when the cards are used beside each other in different sized grid items for example. */\n  useMediaQueries?: boolean;\n  variant?: \"primary\" | \"secondary\";\n};\n\nconst rootClassName = \"purpur-card-root\";\n\nexport const CardRoot = forwardRef<HTMLDivElement, CardRootProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"purpur-card-root\",\n      children,\n      className,\n      fullHeight = true,\n      variant,\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx([\n      rootClassName,\n      {\n        [`${rootClassName}--${variant}`]: variant,\n        [`${rootClassName}--full-height`]: fullHeight,\n      },\n      className,\n    ]);\n\n    return (\n      <div className={classes} data-testid={dataTestId} ref={ref} {...props}>\n        {children}\n      </div>\n    );\n  }\n);\n\nCardRoot.displayName = \"CardRoot\";\n","import React, { type FunctionComponent } from \"react\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card.module.scss\";\nimport { CardBadge } from \"./card-badge\";\nimport { CardContent } from \"./card-content\";\nimport { CardContentContainer } from \"./card-content-container\";\nimport { CardCta } from \"./card-cta\";\nimport { CardFeatureList } from \"./card-feature-list\";\nimport { CardHeading } from \"./card-heading\";\nimport { CardMedia } from \"./card-media\";\nimport { CardMediaLayout } from \"./card-media-layout\";\nimport { CardOverline } from \"./card-overline\";\nimport type { CardRootProps } from \"./card-root\";\nimport { CardRoot } from \"./card-root\";\nexport type {\n  CardHeadingButtonProps,\n  CardHeadingDefaultProps,\n  CardHeadingLinkProps,\n  CardHeadingNonInteractiveProps,\n} from \"./card-heading\";\n\nconst cx = c.bind(styles);\n\ntype CardCmp<P> = FunctionComponent<P> & {\n  Badge: typeof CardBadge;\n  Content: typeof CardContent;\n  ContentContainer: typeof CardContentContainer;\n  Cta: typeof CardCta;\n  FeatureList: typeof CardFeatureList;\n  Overline: typeof CardOverline;\n  Heading: typeof CardHeading;\n  Media: typeof CardMedia;\n  MediaLayout: typeof CardMediaLayout;\n};\n\nexport type CardProps = CardRootProps;\n\nconst rootClassName = \"purpur-card\";\n\nexport const Card: CardCmp<CardProps> = ({ children, className, useMediaQueries, ...props }) => {\n  const classes = cx([rootClassName, className]);\n  return (\n    <div\n      className={cx(`${rootClassName}__container`, {\n        [`${rootClassName}__container--full-height`]: props.fullHeight,\n        [`${rootClassName}__container--use-container-queries`]: !useMediaQueries,\n        [`${rootClassName}__container--use-media-queries`]: useMediaQueries,\n      })}\n    >\n      <CardRoot className={cx(classes)} {...props}>\n        {children}\n      </CardRoot>\n    </div>\n  );\n};\n\nCard.Badge = CardBadge;\nCard.Content = CardContent;\nCard.ContentContainer = CardContentContainer;\nCard.Cta = CardCta;\nCard.FeatureList = CardFeatureList;\nCard.Overline = CardOverline;\nCard.Heading = CardHeading;\nCard.Media = CardMedia;\nCard.MediaLayout = CardMediaLayout;\n\nCard.displayName = \"Card\";\n"],"names":["cx","c","styles","rootClassName","CardBadge","dataTestId","variant","text","jsx","Badge","CardContent","children","className","props","CardContentContainer","isFooter","fullHeight","gapSize","CardCta","disabled","iconPosition","loading","linkStyling","Spinner","jsxs","Fragment","CardFeatureList","listItems","listItem","IconCheckmark","Paragraph","CardTriggerItem","ariaLabel","href","onClick","LinkElement","handleClick","e","additionalNonHashedClasses","CardHeading","title","icon","titleTag","enableHyphenation","linkElement","classes","Heading","CardMedia","CardMediaLayout","imageTop","CardOverline","overline","CardRoot","forwardRef","ref","Card","useMediaQueries"],"mappings":"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"}

package/dist/{card-CRHXm5NR.js → card-DFdUs5RG.js}

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),s=require("./bind-DeUYJ6m9.js"),R=require("./badge-CQ0SS_t8.js"),B=require("./spinner-tKunS_o-.js"),F=require("./checkmark.es-lYntWFA3.js"),j=require("./paragraph-BsI53OR0.js"),L=require("./heading-drD5ugCC.js"),M=require("react"),O={"purpur-card__container--full-height":"_purpur-card__container--full-height_1a0g7_1","purpur-card__container--use-container-queries":"_purpur-card__container--use-container-queries_1a0g7_4","purpur-card":"_purpur-card_1a0g7_1","purpur-card__container--use-media-queries":"_purpur-card__container--use-media-queries_1a0g7_25"},D={"purpur-card-badge":"_purpur-card-badge_k9ziu_1"},E=s.c.bind(D),P="purpur-card-badge",A=({["data-testid"]:a="purpur-card-badge",variant:t,text:r})=>t&&r?e.jsx(R.Badge,{className:E(P),variant:t,showIcon:!1,"data-testid":a,children:r}):null,G={"purpur-card-content":"_purpur-card-content_2uc00_1"},J=s.c.bind(G),K="purpur-card-content",U=({["data-testid"]:a="purpur-card-content",children:t,className:r,...u})=>e.jsx("div",{className:J(K,r),"data-testid":a,...u,children:t}),V={"purpur-card-content-container":"_purpur-card-content-container_1soww_1","purpur-card-content-container--full-height":"_purpur-card-content-container--full-height_1soww_6","purpur-card-content-container--footer":"_purpur-card-content-container--footer_1soww_31","purpur-card-content-container--gap-size--sm":"_purpur-card-content-container--gap-size--sm_1soww_46","purpur-card-content-container--gap-size--md":"_purpur-card-content-container--gap-size--md_1soww_49","purpur-card-content-container--gap-size--lg":"_purpur-card-content-container--gap-size--lg_1soww_52","purpur-card-content-container--gap-size--xl":"_purpur-card-content-container--gap-size--xl_1soww_55"},W=s.c.bind(V),$="purpur-card-content-container",X=({["data-testid"]:a="purpur-card-content-container",children:t,className:r,isFooter:u=!1,fullHeight:c=!1,gapSize:i="md",...p})=>e.jsx("div",{className:W([$,r,`${$}--gap-size--${i}`,{[`${$}--full-height`]:c,[`${$}--footer`]:u}]),"data-testid":a,...p,children:t}),Y={"purpur-card-cta--button-styling":"_purpur-card-cta--button-styling_pwqk1_1","purpur-card-cta--button-styling--xs":"_purpur-card-cta--button-styling--xs_pwqk1_23","purpur-card-cta--button-styling--icon-only":"_purpur-card-cta--button-styling--icon-only_pwqk1_26","purpur-card-cta--button-styling--sm":"_purpur-card-cta--button-styling--sm_pwqk1_29","purpur-card-cta--button-styling--md":"_purpur-card-cta--button-styling--md_pwqk1_35","purpur-card-cta--button-styling--lg":"_purpur-card-cta--button-styling--lg_pwqk1_41","purpur-card-cta--button-styling--full-width":"_purpur-card-cta--button-styling--full-width_pwqk1_47","purpur-card-cta--button-styling--primary":"_purpur-card-cta--button-styling--primary_pwqk1_65","purpur-card-cta--button-styling--disabled":"_purpur-card-cta--button-styling--disabled_pwqk1_69","purpur-card-cta--button-styling--primary-negative":"_purpur-card-cta--button-styling--primary-negative_pwqk1_75","purpur-card-cta--button-styling--secondary":"_purpur-card-cta--button-styling--secondary_pwqk1_87","purpur-card-cta--button-styling--secondary-negative":"_purpur-card-cta--button-styling--secondary-negative_pwqk1_98","purpur-card-cta--button-styling--expressive":"_purpur-card-cta--button-styling--expressive_pwqk1_109","purpur-card-cta--button-styling--expressive-negative":"_purpur-card-cta--button-styling--expressive-negative_pwqk1_119","purpur-card-cta--cta-styling":"_purpur-card-cta--cta-styling_pwqk1_131","purpur-card-cta--secondary":"_purpur-card-cta--secondary_pwqk1_136","purpur-card-cta--disabled":"_purpur-card-cta--disabled_pwqk1_136","purpur-card-cta--text":"_purpur-card-cta--text_pwqk1_144"},Z=s.c.bind(Y),o="purpur-card-cta",Q=({["data-testid"]:a="purpur-card-cta",className:t,children:r,disabled:u=!1,iconPosition:c="right",loading:i=!1,text:p,linkStyling:n=!1,..._})=>e.jsx("div",{className:`${Z([o,t,{[`${o}--disabled`]:u,[`${o}--text`]:!!p,[`${o}--cta-styling`]:n,[`${o}--button-styling`]:!n,[`${o}--button-styling--md`]:!n,[`${o}--button-styling--secondary`]:!n,[`${o}--button-styling--icon-only`]:!n&&!p}])} ${o}`,"data-testid":a,..._,children:i?e.jsx(B.Spinner,{"data-testid":`${a}-spinner`,size:"xs",disabled:u}):e.jsxs(e.Fragment,{children:[c==="left"&&r,p,c==="right"&&r]})}),T={"purpur-card-feature-list":"_purpur-card-feature-list_1hnss_1","purpur-card-feature-list__list-item":"_purpur-card-feature-list__list-item_1hnss_7","purpur-card-feature-list__icon":"_purpur-card-feature-list__icon_1hnss_12"},h=s.c.bind(T),x="purpur-card-feature-list",I=({["data-testid"]:a="purpur-card-feature-list",listItems:t})=>t&&t.length>0?e.jsx("ul",{className:h(x),"data-testid":a,children:t.map(r=>e.jsxs("li",{className:h(`${x}__list-item`),"data-testid":`${a}-item`,children:[e.jsx(F.a,{size:"xs",className:h(`${x}__icon`)}),e.jsx(j.Paragraph,{children:r})]},r))}):null,S={"purpur-card-heading":"_purpur-card-heading_j3j6u_1","purpur-card-heading__header":"_purpur-card-heading__header_j3j6u_6","purpur-card-heading__heading":"_purpur-card-heading__heading_j3j6u_11","purpur-card-heading__icon":"_purpur-card-heading__icon_j3j6u_14"},rr={"purpur-card-trigger-item--link":"_purpur-card-trigger-item--link_t6ena_1","purpur-card-trigger-item--button":"_purpur-card-trigger-item--button_t6ena_5","purpur-card-trigger-item--disabled":"_purpur-card-trigger-item--disabled_t6ena_18","purpur-card-trigger-item":"_purpur-card-trigger-item_t6ena_1"},C=s.c.bind(rr),l="purpur-card-trigger-item",tr=({["data-testid"]:a="purpur-card-trigger-item",["aria-label"]:t,disabled:r=!1,href:u,onClick:c,children:i,linkElement:p="a"})=>{const n=y=>{r?y.preventDefault():c&&c()},_=`${l} ${r?`${l}--disabled`:""}`;return u?e.jsx(p,{"aria-disabled":r,"aria-label":t,className:`${C([l,`${l}--link`,{[`${l}--disabled`]:r}])} ${_}`,"data-testid":a,href:r?void 0:u,tabIndex:r?0:void 0,onClick:n,children:i}):e.jsx("button",{"aria-disabled":r,"aria-label":t,className:`${C([l,`${l}--button`,{[`${l}--disabled`]:r}])} ${_}`,"data-testid":a,type:"button",onClick:n,children:i})},b=s.c.bind(S),g="purpur-card-heading",ar=({["data-testid"]:a="purpur-card-heading",["aria-label"]:t,title:r,icon:u,children:c,titleTag:i="h2",enableHyphenation:p,onClick:n=void 0,href:_=void 0,disabled:y=!1,linkElement:v="a",variant:k="title-100",...z})=>{const H=b(g,{[`${g}--is-interactive`]:n||_,[`${g}--disabled`]:y});return e.jsxs("div",{className:H,"data-testid":a,children:[e.jsxs("div",{className:b(`${g}__header`),children:[u&&e.jsx("div",{className:b(`${g}__icon`),children:u}),e.jsx(L.Heading,{tag:i,className:b(`${g}__heading`),variant:k,enableHyphenation:p,...z,children:n||_?e.jsx(tr,{"aria-label":t,disabled:y,href:_,onClick:n,linkElement:v,children:r}):r})]}),c]})},er={"purpur-card-media":"_purpur-card-media_1om4o_1"},ur=s.c.bind(er),cr="purpur-card-media",nr=({["data-testid"]:a="purpur-card-media",className:t,children:r,...u})=>e.jsx("div",{...u,className:ur([cr,t]),"data-testid":a,children:r}),sr={"purpur-card-media-layout":"_purpur-card-media-layout_1c4sy_1","purpur-card-media-layout--image-top":"_purpur-card-media-layout--image-top_1c4sy_11"},pr=s.c.bind(sr),N="purpur-card-media-layout",dr=({["data-testid"]:a="purpur-card-media-layout",className:t,children:r,imageTop:u=!1,...c})=>e.jsx("div",{...c,className:pr(N,t,{[`${N}--image-top`]:u}),"data-testid":a,children:r}),ir={"purpur-card-overline":"_purpur-card-overline_qhfj0_1"},or=s.c.bind(ir),_r="purpur-card-overline",lr=({["data-testid"]:a="purpur-card-overline",overline:t})=>t?e.jsx(j.Paragraph,{variant:"overline-100",className:or(_r),"data-testid":a,children:t}):null,gr={"purpur-card-root":"_purpur-card-root_eupww_1","purpur-card-root--primary":"_purpur-card-root--primary_eupww_7","purpur-card-root--secondary":"_purpur-card-root--secondary_eupww_10","purpur-card-root--full-height":"_purpur-card-root--full-height_eupww_13"},mr=s.c.bind(gr),w="purpur-card-root",q=M.forwardRef(({["data-testid"]:a="purpur-card-root",children:t,className:r,fullHeight:u=!0,variant:c,...i},p)=>{const n=mr([w,{[`${w}--${c}`]:c,[`${w}--full-height`]:u},r]);return e.jsx("div",{className:n,"data-testid":a,ref:p,...i,children:t})});q.displayName="CardRoot";const f=s.c.bind(O),m="purpur-card",d=({children:a,className:t,useMediaQueries:r,...u})=>{const c=f([m,t]);return e.jsx("div",{className:f(`${m}__container`,{[`${m}__container--full-height`]:u.fullHeight,[`${m}__container--use-container-queries`]:!r,[`${m}__container--use-media-queries`]:r}),children:e.jsx(q,{className:f(c),...u,children:a})})};d.Badge=A;d.Content=U;d.ContentContainer=X;d.Cta=Q;d.FeatureList=I;d.Overline=lr;d.Heading=ar;d.Media=nr;d.MediaLayout=dr;d.displayName="Card";exports.Card=d;
-//# sourceMappingURL=card-CRHXm5NR.js.map
+"use strict";const e=require("react/jsx-runtime"),s=require("./bind-DeUYJ6m9.js"),R=require("./badge-CQ0SS_t8.js"),B=require("./spinner-tKunS_o-.js"),F=require("./checkmark.es-lYntWFA3.js"),j=require("./paragraph-By4jMjnH.js"),L=require("./heading-drD5ugCC.js"),M=require("react"),O={"purpur-card__container--full-height":"_purpur-card__container--full-height_1a0g7_1","purpur-card__container--use-container-queries":"_purpur-card__container--use-container-queries_1a0g7_4","purpur-card":"_purpur-card_1a0g7_1","purpur-card__container--use-media-queries":"_purpur-card__container--use-media-queries_1a0g7_25"},D={"purpur-card-badge":"_purpur-card-badge_k9ziu_1"},E=s.c.bind(D),P="purpur-card-badge",A=({["data-testid"]:a="purpur-card-badge",variant:t,text:r})=>t&&r?e.jsx(R.Badge,{className:E(P),variant:t,showIcon:!1,"data-testid":a,children:r}):null,G={"purpur-card-content":"_purpur-card-content_2uc00_1"},J=s.c.bind(G),K="purpur-card-content",U=({["data-testid"]:a="purpur-card-content",children:t,className:r,...u})=>e.jsx("div",{className:J(K,r),"data-testid":a,...u,children:t}),V={"purpur-card-content-container":"_purpur-card-content-container_1soww_1","purpur-card-content-container--full-height":"_purpur-card-content-container--full-height_1soww_6","purpur-card-content-container--footer":"_purpur-card-content-container--footer_1soww_31","purpur-card-content-container--gap-size--sm":"_purpur-card-content-container--gap-size--sm_1soww_46","purpur-card-content-container--gap-size--md":"_purpur-card-content-container--gap-size--md_1soww_49","purpur-card-content-container--gap-size--lg":"_purpur-card-content-container--gap-size--lg_1soww_52","purpur-card-content-container--gap-size--xl":"_purpur-card-content-container--gap-size--xl_1soww_55"},W=s.c.bind(V),$="purpur-card-content-container",X=({["data-testid"]:a="purpur-card-content-container",children:t,className:r,isFooter:u=!1,fullHeight:c=!1,gapSize:i="md",...p})=>e.jsx("div",{className:W([$,r,`${$}--gap-size--${i}`,{[`${$}--full-height`]:c,[`${$}--footer`]:u}]),"data-testid":a,...p,children:t}),Y={"purpur-card-cta--button-styling":"_purpur-card-cta--button-styling_pwqk1_1","purpur-card-cta--button-styling--xs":"_purpur-card-cta--button-styling--xs_pwqk1_23","purpur-card-cta--button-styling--icon-only":"_purpur-card-cta--button-styling--icon-only_pwqk1_26","purpur-card-cta--button-styling--sm":"_purpur-card-cta--button-styling--sm_pwqk1_29","purpur-card-cta--button-styling--md":"_purpur-card-cta--button-styling--md_pwqk1_35","purpur-card-cta--button-styling--lg":"_purpur-card-cta--button-styling--lg_pwqk1_41","purpur-card-cta--button-styling--full-width":"_purpur-card-cta--button-styling--full-width_pwqk1_47","purpur-card-cta--button-styling--primary":"_purpur-card-cta--button-styling--primary_pwqk1_65","purpur-card-cta--button-styling--disabled":"_purpur-card-cta--button-styling--disabled_pwqk1_69","purpur-card-cta--button-styling--primary-negative":"_purpur-card-cta--button-styling--primary-negative_pwqk1_75","purpur-card-cta--button-styling--secondary":"_purpur-card-cta--button-styling--secondary_pwqk1_87","purpur-card-cta--button-styling--secondary-negative":"_purpur-card-cta--button-styling--secondary-negative_pwqk1_98","purpur-card-cta--button-styling--expressive":"_purpur-card-cta--button-styling--expressive_pwqk1_109","purpur-card-cta--button-styling--expressive-negative":"_purpur-card-cta--button-styling--expressive-negative_pwqk1_119","purpur-card-cta--cta-styling":"_purpur-card-cta--cta-styling_pwqk1_131","purpur-card-cta--secondary":"_purpur-card-cta--secondary_pwqk1_136","purpur-card-cta--disabled":"_purpur-card-cta--disabled_pwqk1_136","purpur-card-cta--text":"_purpur-card-cta--text_pwqk1_144"},Z=s.c.bind(Y),o="purpur-card-cta",Q=({["data-testid"]:a="purpur-card-cta",className:t,children:r,disabled:u=!1,iconPosition:c="right",loading:i=!1,text:p,linkStyling:n=!1,..._})=>e.jsx("div",{className:`${Z([o,t,{[`${o}--disabled`]:u,[`${o}--text`]:!!p,[`${o}--cta-styling`]:n,[`${o}--button-styling`]:!n,[`${o}--button-styling--md`]:!n,[`${o}--button-styling--secondary`]:!n,[`${o}--button-styling--icon-only`]:!n&&!p}])} ${o}`,"data-testid":a,..._,children:i?e.jsx(B.Spinner,{"data-testid":`${a}-spinner`,size:"xs",disabled:u}):e.jsxs(e.Fragment,{children:[c==="left"&&r,p,c==="right"&&r]})}),T={"purpur-card-feature-list":"_purpur-card-feature-list_1hnss_1","purpur-card-feature-list__list-item":"_purpur-card-feature-list__list-item_1hnss_7","purpur-card-feature-list__icon":"_purpur-card-feature-list__icon_1hnss_12"},h=s.c.bind(T),x="purpur-card-feature-list",I=({["data-testid"]:a="purpur-card-feature-list",listItems:t})=>t&&t.length>0?e.jsx("ul",{className:h(x),"data-testid":a,children:t.map(r=>e.jsxs("li",{className:h(`${x}__list-item`),"data-testid":`${a}-item`,children:[e.jsx(F.a,{size:"xs",className:h(`${x}__icon`)}),e.jsx(j.Paragraph,{children:r})]},r))}):null,S={"purpur-card-heading":"_purpur-card-heading_j3j6u_1","purpur-card-heading__header":"_purpur-card-heading__header_j3j6u_6","purpur-card-heading__heading":"_purpur-card-heading__heading_j3j6u_11","purpur-card-heading__icon":"_purpur-card-heading__icon_j3j6u_14"},rr={"purpur-card-trigger-item--link":"_purpur-card-trigger-item--link_t6ena_1","purpur-card-trigger-item--button":"_purpur-card-trigger-item--button_t6ena_5","purpur-card-trigger-item--disabled":"_purpur-card-trigger-item--disabled_t6ena_18","purpur-card-trigger-item":"_purpur-card-trigger-item_t6ena_1"},C=s.c.bind(rr),l="purpur-card-trigger-item",tr=({["data-testid"]:a="purpur-card-trigger-item",["aria-label"]:t,disabled:r=!1,href:u,onClick:c,children:i,linkElement:p="a"})=>{const n=y=>{r?y.preventDefault():c&&c()},_=`${l} ${r?`${l}--disabled`:""}`;return u?e.jsx(p,{"aria-disabled":r,"aria-label":t,className:`${C([l,`${l}--link`,{[`${l}--disabled`]:r}])} ${_}`,"data-testid":a,href:r?void 0:u,tabIndex:r?0:void 0,onClick:n,children:i}):e.jsx("button",{"aria-disabled":r,"aria-label":t,className:`${C([l,`${l}--button`,{[`${l}--disabled`]:r}])} ${_}`,"data-testid":a,type:"button",onClick:n,children:i})},b=s.c.bind(S),g="purpur-card-heading",ar=({["data-testid"]:a="purpur-card-heading",["aria-label"]:t,title:r,icon:u,children:c,titleTag:i="h2",enableHyphenation:p,onClick:n=void 0,href:_=void 0,disabled:y=!1,linkElement:v="a",variant:k="title-100",...z})=>{const H=b(g,{[`${g}--is-interactive`]:n||_,[`${g}--disabled`]:y});return e.jsxs("div",{className:H,"data-testid":a,children:[e.jsxs("div",{className:b(`${g}__header`),children:[u&&e.jsx("div",{className:b(`${g}__icon`),children:u}),e.jsx(L.Heading,{tag:i,className:b(`${g}__heading`),variant:k,enableHyphenation:p,...z,children:n||_?e.jsx(tr,{"aria-label":t,disabled:y,href:_,onClick:n,linkElement:v,children:r}):r})]}),c]})},er={"purpur-card-media":"_purpur-card-media_1om4o_1"},ur=s.c.bind(er),cr="purpur-card-media",nr=({["data-testid"]:a="purpur-card-media",className:t,children:r,...u})=>e.jsx("div",{...u,className:ur([cr,t]),"data-testid":a,children:r}),sr={"purpur-card-media-layout":"_purpur-card-media-layout_1c4sy_1","purpur-card-media-layout--image-top":"_purpur-card-media-layout--image-top_1c4sy_11"},pr=s.c.bind(sr),N="purpur-card-media-layout",dr=({["data-testid"]:a="purpur-card-media-layout",className:t,children:r,imageTop:u=!1,...c})=>e.jsx("div",{...c,className:pr(N,t,{[`${N}--image-top`]:u}),"data-testid":a,children:r}),ir={"purpur-card-overline":"_purpur-card-overline_qhfj0_1"},or=s.c.bind(ir),_r="purpur-card-overline",lr=({["data-testid"]:a="purpur-card-overline",overline:t})=>t?e.jsx(j.Paragraph,{variant:"overline-100",className:or(_r),"data-testid":a,children:t}):null,gr={"purpur-card-root":"_purpur-card-root_eupww_1","purpur-card-root--primary":"_purpur-card-root--primary_eupww_7","purpur-card-root--secondary":"_purpur-card-root--secondary_eupww_10","purpur-card-root--full-height":"_purpur-card-root--full-height_eupww_13"},mr=s.c.bind(gr),w="purpur-card-root",q=M.forwardRef(({["data-testid"]:a="purpur-card-root",children:t,className:r,fullHeight:u=!0,variant:c,...i},p)=>{const n=mr([w,{[`${w}--${c}`]:c,[`${w}--full-height`]:u},r]);return e.jsx("div",{className:n,"data-testid":a,ref:p,...i,children:t})});q.displayName="CardRoot";const f=s.c.bind(O),m="purpur-card",d=({children:a,className:t,useMediaQueries:r,...u})=>{const c=f([m,t]);return e.jsx("div",{className:f(`${m}__container`,{[`${m}__container--full-height`]:u.fullHeight,[`${m}__container--use-container-queries`]:!r,[`${m}__container--use-media-queries`]:r}),children:e.jsx(q,{className:f(c),...u,children:a})})};d.Badge=A;d.Content=U;d.ContentContainer=X;d.Cta=Q;d.FeatureList=I;d.Overline=lr;d.Heading=ar;d.Media=nr;d.MediaLayout=dr;d.displayName="Card";exports.Card=d;
+//# sourceMappingURL=card-DFdUs5RG.js.map

package/dist/{card-CRHXm5NR.js.map → card-DFdUs5RG.js.map}

@@ -1 +1 @@
-{"version":3,"file":"card-CRHXm5NR.js","sources":["../../../components/card/src/card-badge.tsx","../../../components/card/src/card-content.tsx","../../../components/card/src/card-content-container.tsx","../../../components/card/src/card-cta.tsx","../../../components/card/src/card-feature-list.tsx","../../../components/card/src/card-trigger-item.tsx","../../../components/card/src/card-heading.tsx","../../../components/card/src/card-media.tsx","../../../components/card/src/card-media-layout.tsx","../../../components/card/src/card-overline.tsx","../../../components/card/src/card-root.tsx","../../../components/card/src/card.tsx"],"sourcesContent":["import React from \"react\";\nimport { Badge, type BadgeVariant } from \"@purpur/badge\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card-badge.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type CardBadgeProps = {\n  /**\n   * Use this to set a testid on the badge\n   */\n  [\"data-testid\"]?: string;\n  /**\n   * The variant (color) of the badge in the top right corner of the card. This is coupled with the text prop. Both needs to be set for the badge to be displayed.\n   * `BadgeVariant = \"attention\" | \"special\" | \"neutral\" | \"information\" | \"success\" | \"warning\" | \"error\"`\n   */\n  variant?: BadgeVariant;\n  /**\n   * The text that will be in the badge in the top right corner of the card. This is coupled with the variant prop. Both needs to be set for the badge to be displayed.\n   */\n  text?: string;\n};\n\nconst rootClassName = \"purpur-card-badge\";\n\nexport const CardBadge = ({\n  [\"data-testid\"]: dataTestId = \"purpur-card-badge\",\n  variant,\n  text,\n}: CardBadgeProps) => {\n  return variant && text ? (\n    <Badge\n      className={cx(rootClassName)}\n      variant={variant}\n      showIcon={false}\n      data-testid={dataTestId}\n    >\n      {text}\n    </Badge>\n  ) : null;\n};\n","import React, { type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card-content.module.scss\";\n\nconst cx = c.bind(styles);\n\nconst rootClassName = \"purpur-card-content\";\n\ntype CardContentProps = Omit<BaseProps, \"children\"> & {\n  /**\n   * The child elements of the content (React.ReactNode)\n   */\n  children: ReactNode;\n};\n\nexport const CardContent = ({\n  [\"data-testid\"]: dataTestId = \"purpur-card-content\",\n  children,\n  className,\n  ...props\n}: CardContentProps) => {\n  return (\n    <div className={cx(rootClassName, className)} data-testid={dataTestId} {...props}>\n      {children}\n    </div>\n  );\n};\n","import React, { type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card-content-container.module.scss\";\n\nconst cx = c.bind(styles);\n\nconst rootClassName = \"purpur-card-content-container\";\n\ntype CardContentContainerProps = Omit<BaseProps, \"children\"> & {\n  /**\n   * The child elements of the content container (React.ReactNode)\n   */\n  children: ReactNode;\n  /**\n   * Flag to remove the top padding\n   */\n  isFooter?: boolean;\n  fullHeight?: boolean;\n  gapSize?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n};\n\nexport const CardContentContainer = ({\n  [\"data-testid\"]: dataTestId = \"purpur-card-content-container\",\n  children,\n  className,\n  isFooter = false,\n  fullHeight = false,\n  gapSize = \"md\",\n  ...props\n}: CardContentContainerProps) => (\n  <div\n    className={cx([\n      rootClassName,\n      className,\n      `${rootClassName}--gap-size--${gapSize}`,\n      {\n        [`${rootClassName}--full-height`]: fullHeight,\n        [`${rootClassName}--footer`]: isFooter,\n      },\n    ])}\n    data-testid={dataTestId}\n    {...props}\n  >\n    {children}\n  </div>\n);\n","import React from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Spinner } from \"@purpur/spinner\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card-cta.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type CardCtaProps = BaseProps & {\n  disabled?: boolean;\n  /**\n   * The position of the icon.\n   * `\"left\" | \"right\"`\n   */\n  iconPosition?: \"left\" | \"right\";\n  loading?: boolean;\n  /**\n   * Use this to style the cta as a link (no border)\n   */\n  linkStyling?: boolean;\n  text?: string;\n};\n\nconst rootClassName = \"purpur-card-cta\";\n\nexport const CardCta = ({\n  [\"data-testid\"]: dataTestId = \"purpur-card-cta\",\n  className,\n  children,\n  disabled = false,\n  iconPosition = \"right\",\n  loading = false,\n  text,\n  linkStyling = false,\n  ...props\n}: CardCtaProps) => {\n  return (\n    <div\n      className={`${cx([\n        rootClassName,\n        className,\n\n        {\n          [`${rootClassName}--disabled`]: disabled,\n          [`${rootClassName}--text`]: !!text,\n          [`${rootClassName}--cta-styling`]: linkStyling,\n          [`${rootClassName}--button-styling`]: !linkStyling,\n          [`${rootClassName}--button-styling--md`]: !linkStyling,\n          [`${rootClassName}--button-styling--secondary`]: !linkStyling,\n          [`${rootClassName}--button-styling--icon-only`]: !linkStyling && !text,\n        },\n      ])} ${rootClassName}`}\n      data-testid={dataTestId}\n      {...props}\n    >\n      {!loading ? (\n        <>\n          {iconPosition === \"left\" && children}\n          {text}\n          {iconPosition === \"right\" && children}\n        </>\n      ) : (\n        <Spinner data-testid={`${dataTestId}-spinner`} size=\"xs\" disabled={disabled} />\n      )}\n    </div>\n  );\n};\n","import React from \"react\";\nimport { IconCheckmark } from \"@purpur/icon/checkmark\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card-feature-list.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type CardFeatureListProps = {\n  /**\n   * Use this to set a testid on the feature list\n   */\n  [\"data-testid\"]?: string;\n  /**\n   * This is the feature list where each entry is preceded by a checkmark. If the feature list provided is falsy or empty nothing will be rendered.\n   */\n  listItems?: string[];\n};\n\nconst rootClassName = \"purpur-card-feature-list\";\n\nexport const CardFeatureList = ({\n  [\"data-testid\"]: dataTestId = \"purpur-card-feature-list\",\n  listItems,\n}: CardFeatureListProps) => {\n  return listItems && listItems.length > 0 ? (\n    <ul className={cx(rootClassName)} data-testid={dataTestId}>\n      {listItems.map((listItem: string) => (\n        <li\n          className={cx(`${rootClassName}__list-item`)}\n          data-testid={`${dataTestId}-item`}\n          key={listItem}\n        >\n          <IconCheckmark size=\"xs\" className={cx(`${rootClassName}__icon`)} />\n          <Paragraph>{listItem}</Paragraph>\n        </li>\n      ))}\n    </ul>\n  ) : null;\n};\n","import React, {\n  type AnchorHTMLAttributes,\n  type ForwardRefExoticComponent,\n  type MouseEvent,\n  type ReactNode,\n} from \"react\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card-trigger-item.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type CardTriggerItemProps = {\n  [\"data-testid\"]?: string;\n  [\"aria-label\"]?: string;\n  disabled?: boolean;\n  href?: string;\n  onClick?: () => unknown;\n  children: ReactNode;\n  linkElement?: ForwardRefExoticComponent<AnchorHTMLAttributes<HTMLAnchorElement>> | \"a\";\n};\n\nconst rootClassName = \"purpur-card-trigger-item\";\n\nexport const CardTriggerItem = ({\n  [\"data-testid\"]: dataTestId = \"purpur-card-trigger-item\",\n  [\"aria-label\"]: ariaLabel,\n  disabled = false,\n  href,\n  onClick,\n  children,\n  linkElement: LinkElement = \"a\",\n}: CardTriggerItemProps) => {\n  const handleClick = (e: MouseEvent<HTMLButtonElement | HTMLAnchorElement>): void => {\n    if (disabled) {\n      e.preventDefault();\n    } else if (onClick) {\n      onClick();\n    }\n  };\n\n  const additionalNonHashedClasses = `${rootClassName} ${\n    disabled ? `${rootClassName}--disabled` : \"\"\n  }`;\n\n  return href ? (\n    <LinkElement\n      aria-disabled={disabled}\n      aria-label={ariaLabel}\n      className={`${cx([\n        rootClassName,\n        `${rootClassName}--link`,\n        {\n          [`${rootClassName}--disabled`]: disabled,\n        },\n      ])} ${additionalNonHashedClasses}`}\n      data-testid={dataTestId}\n      href={disabled ? undefined : href}\n      tabIndex={disabled ? 0 : undefined}\n      onClick={handleClick}\n    >\n      {children}\n    </LinkElement>\n  ) : (\n    <button\n      aria-disabled={disabled}\n      aria-label={ariaLabel}\n      className={`${cx([\n        rootClassName,\n        `${rootClassName}--button`,\n        {\n          [`${rootClassName}--disabled`]: disabled,\n        },\n      ])} ${additionalNonHashedClasses}`}\n      data-testid={dataTestId}\n      type=\"button\"\n      onClick={handleClick}\n    >\n      {children}\n    </button>\n  );\n};\n","import React, {\n  type AnchorHTMLAttributes,\n  type ForwardRefExoticComponent,\n  type ReactNode,\n} from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading, type HeadingTagType,type HeadingVariant } from \"@purpur/heading\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card-heading.module.scss\";\nimport { CardTriggerItem } from \"./card-trigger-item\";\n\nconst cx = c.bind(styles);\n\nexport type CardHeadingDefaultProps = {\n  /**\n   * Use this to set a testid on the feature list\n   */\n  [\"data-testid\"]?: string;\n  title: string;\n  /**\n   * Use when you want an icon to the left of the title\n   */\n  icon?: ReactNode;\n  /**\n   * Use for the CTA, it will positioned to the right\n   */\n  children?: ReactNode;\n  titleTag?: HeadingTagType;\n  variant?: HeadingVariant;\n  enableHyphenation?: boolean;\n};\n\nexport type CardHeadingNonInteractiveProps = {\n  disabled?: never;\n  href?: never;\n  /**\n   * If the href prop is not provided the clickable element will be a button and use this clickHandler when the user presses the card.\n   */\n  onClick?: never;\n  linkElement?: never;\n};\n\nexport type CardHeadingLinkProps = {\n  /**\n   * Use this to disable the card. Can be used both with a link card and a button card. In the case of the button the clickHandler will not be called and if a anchor tag the href will be removed.\n   */\n  disabled?: boolean;\n  /**\n   * Makes the card become a link to the provided href.\n   */\n  href: string;\n  /**\n   * If the href prop is not provided the clickable element will be a button and use this clickHandler when the user presses the card.\n   */\n  onClick?: () => void;\n  linkElement?: ForwardRefExoticComponent<AnchorHTMLAttributes<HTMLAnchorElement>> | \"a\";\n};\n\nexport type CardHeadingButtonProps = {\n  /**\n   * Use this to disable the card. Can be used both with a link card and a button card. In the case of the button the clickHandler will not be called and if a anchor tag the href will be removed.\n   */\n  disabled?: boolean;\n  /**\n   * Makes the card become a link to the provided href.\n   */\n  href?: never;\n  /**\n   * If the href prop is not provided the clickable element will be a button and use this clickHandler when the user presses the card.\n   */\n  onClick: () => void;\n  linkElement?: never;\n};\n\nexport type CardHeadingProps<T extends HeadingTagType = \"h2\"> = BaseProps<T> &\n  CardHeadingDefaultProps;\n\nconst rootClassName = \"purpur-card-heading\";\n\nexport const CardHeading = <T extends HeadingTagType = \"h2\">({\n  [\"data-testid\"]: dataTestId = \"purpur-card-heading\",\n  [\"aria-label\"]: ariaLabel,\n  title,\n  icon,\n  children,\n  titleTag = \"h2\" as T,\n  enableHyphenation,\n  onClick = undefined,\n  href = undefined,\n  disabled = false,\n  linkElement = \"a\",\n  variant = \"title-100\",\n  ...props\n}: CardHeadingProps &\n  (CardHeadingLinkProps | CardHeadingButtonProps | CardHeadingNonInteractiveProps)) => {\n  const classes = cx(rootClassName, {\n    [`${rootClassName}--is-interactive`]: onClick || href,\n    [`${rootClassName}--disabled`]: disabled,\n  });\n\n  return (\n    <div className={classes} data-testid={dataTestId}>\n      <div className={cx(`${rootClassName}__header`)}>\n        {icon && <div className={cx(`${rootClassName}__icon`)}>{icon}</div>}\n        <Heading\n          tag={titleTag}\n          className={cx(`${rootClassName}__heading`)}\n          variant={variant}\n          enableHyphenation={enableHyphenation}\n          {...props}\n        >\n          {onClick || href ? (\n            <CardTriggerItem\n              aria-label={ariaLabel}\n              disabled={disabled}\n              href={href}\n              onClick={onClick}\n              linkElement={linkElement}\n            >\n              {title}\n            </CardTriggerItem>\n          ) : (\n            title\n          )}\n        </Heading>\n      </div>\n      {children}\n    </div>\n  );\n};\n","import React from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card-media.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type CardMediaProps = BaseProps;\n\nconst rootClassName = \"purpur-card-media\";\n\nexport const CardMedia = ({\n  [\"data-testid\"]: dataTestId = \"purpur-card-media\",\n  className,\n  children,\n  ...props\n}: CardMediaProps) => (\n  <div {...props} className={cx([rootClassName, className])} data-testid={dataTestId}>\n    {children}\n  </div>\n);\n","import React from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card-media-layout.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type CardMediaLayoutProps = BaseProps & {\n  imageTop?: boolean;\n};\n\nconst rootClassName = \"purpur-card-media-layout\";\n\nexport const CardMediaLayout = ({\n  [\"data-testid\"]: dataTestId = \"purpur-card-media-layout\",\n  className,\n  children,\n  imageTop = false,\n  ...props\n}: CardMediaLayoutProps) => (\n  <div\n    {...props}\n    className={cx(rootClassName, className, { [`${rootClassName}--image-top`]: imageTop })}\n    data-testid={dataTestId}\n  >\n    {children}\n  </div>\n);\n","import React from \"react\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card-overline.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type CardOverlineProps = {\n  /**\n   * Use this to set a testid on the overline\n   */\n  [\"data-testid\"]?: string;\n  /**\n   * The text displayed in the overline\n   */\n  overline?: string;\n};\n\nconst rootClassName = \"purpur-card-overline\";\n\nexport const CardOverline = ({\n  [\"data-testid\"]: dataTestId = \"purpur-card-overline\",\n  overline,\n}: CardOverlineProps) => {\n  return overline ? (\n    <Paragraph variant=\"overline-100\" className={cx(rootClassName)} data-testid={dataTestId}>\n      {overline}\n    </Paragraph>\n  ) : null;\n};\n","import React, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card-root.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type CardRootProps = Omit<BaseProps, \"children\"> & {\n  children: ReactNode;\n  fullHeight?: boolean;\n  /** Use the prop useMediaQueries when the cards are used beside each other in different sized grid items for example. */\n  useMediaQueries?: boolean;\n  variant?: \"primary\" | \"secondary\";\n};\n\nconst rootClassName = \"purpur-card-root\";\n\nexport const CardRoot = forwardRef<HTMLDivElement, CardRootProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"purpur-card-root\",\n      children,\n      className,\n      fullHeight = true,\n      variant,\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx([\n      rootClassName,\n      {\n        [`${rootClassName}--${variant}`]: variant,\n        [`${rootClassName}--full-height`]: fullHeight,\n      },\n      className,\n    ]);\n\n    return (\n      <div className={classes} data-testid={dataTestId} ref={ref} {...props}>\n        {children}\n      </div>\n    );\n  }\n);\n\nCardRoot.displayName = \"CardRoot\";\n","import React, { type FunctionComponent } from \"react\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card.module.scss\";\nimport { CardBadge } from \"./card-badge\";\nimport { CardContent } from \"./card-content\";\nimport { CardContentContainer } from \"./card-content-container\";\nimport { CardCta } from \"./card-cta\";\nimport { CardFeatureList } from \"./card-feature-list\";\nimport { CardHeading } from \"./card-heading\";\nimport { CardMedia } from \"./card-media\";\nimport { CardMediaLayout } from \"./card-media-layout\";\nimport { CardOverline } from \"./card-overline\";\nimport type { CardRootProps } from \"./card-root\";\nimport { CardRoot } from \"./card-root\";\nexport type {\n  CardHeadingButtonProps,\n  CardHeadingDefaultProps,\n  CardHeadingLinkProps,\n  CardHeadingNonInteractiveProps,\n} from \"./card-heading\";\n\nconst cx = c.bind(styles);\n\ntype CardCmp<P> = FunctionComponent<P> & {\n  Badge: typeof CardBadge;\n  Content: typeof CardContent;\n  ContentContainer: typeof CardContentContainer;\n  Cta: typeof CardCta;\n  FeatureList: typeof CardFeatureList;\n  Overline: typeof CardOverline;\n  Heading: typeof CardHeading;\n  Media: typeof CardMedia;\n  MediaLayout: typeof CardMediaLayout;\n};\n\nexport type CardProps = CardRootProps;\n\nconst rootClassName = \"purpur-card\";\n\nexport const Card: CardCmp<CardProps> = ({ children, className, useMediaQueries, ...props }) => {\n  const classes = cx([rootClassName, className]);\n  return (\n    <div\n      className={cx(`${rootClassName}__container`, {\n        [`${rootClassName}__container--full-height`]: props.fullHeight,\n        [`${rootClassName}__container--use-container-queries`]: !useMediaQueries,\n        [`${rootClassName}__container--use-media-queries`]: useMediaQueries,\n      })}\n    >\n      <CardRoot className={cx(classes)} {...props}>\n        {children}\n      </CardRoot>\n    </div>\n  );\n};\n\nCard.Badge = CardBadge;\nCard.Content = CardContent;\nCard.ContentContainer = CardContentContainer;\nCard.Cta = CardCta;\nCard.FeatureList = CardFeatureList;\nCard.Overline = CardOverline;\nCard.Heading = CardHeading;\nCard.Media = CardMedia;\nCard.MediaLayout = CardMediaLayout;\n\nCard.displayName = \"Card\";\n"],"names":["cx","c","styles","rootClassName","CardBadge","dataTestId","variant","text","jsx","Badge","CardContent","children","className","props","CardContentContainer","isFooter","fullHeight","gapSize","CardCta","disabled","iconPosition","loading","linkStyling","Spinner","jsxs","Fragment","CardFeatureList","listItems","listItem","IconCheckmark","Paragraph","CardTriggerItem","ariaLabel","href","onClick","LinkElement","handleClick","e","additionalNonHashedClasses","CardHeading","title","icon","titleTag","enableHyphenation","linkElement","classes","Heading","CardMedia","CardMediaLayout","imageTop","CardOverline","overline","CardRoot","forwardRef","ref","Card","useMediaQueries"],"mappings":"upBAMMA,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAkBlBC,EAAgB,oBAETC,EAAY,CAAC,CACxB,CAAC,eAAgBC,EAAa,oBAC9B,QAAAC,EACA,KAAAC,CACF,IACSD,GAAWC,EAChBC,EAAAA,IAACC,EAAAA,MAAA,CACC,UAAWT,EAAGG,CAAa,EAC3B,QAAAG,EACA,SAAU,GACV,cAAaD,EAEZ,SAAAE,CAAA,CAAA,EAED,8DClCAP,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAElBC,EAAgB,sBASTO,EAAc,CAAC,CAC1B,CAAC,eAAgBL,EAAa,sBAC9B,SAAAM,EACA,UAAAC,EACA,GAAGC,CACL,IAEIL,EAAAA,IAAC,MAAA,CAAI,UAAWR,EAAGG,EAAeS,CAAS,EAAG,cAAaP,EAAa,GAAGQ,EACxE,SAAAF,CAAA,CACH,oqBCpBEX,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAElBC,EAAgB,gCAeTW,EAAuB,CAAC,CACnC,CAAC,eAAgBT,EAAa,gCAC9B,SAAAM,EACA,UAAAC,EACA,SAAAG,EAAW,GACX,WAAAC,EAAa,GACb,QAAAC,EAAU,KACV,GAAGJ,CACL,IACEL,EAAAA,IAAC,MAAA,CACC,UAAWR,EAAG,CACZG,EACAS,EACA,GAAGT,CAAa,eAAec,CAAO,GACtC,CACE,CAAC,GAAGd,CAAa,eAAe,EAAGa,EACnC,CAAC,GAAGb,CAAa,UAAU,EAAGY,CAAA,CAChC,CACD,EACD,cAAaV,EACZ,GAAGQ,EAEH,SAAAF,CAAA,CACH,+mDCvCIX,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAiBlBC,EAAgB,kBAETe,EAAU,CAAC,CACtB,CAAC,eAAgBb,EAAa,kBAC9B,UAAAO,EACA,SAAAD,EACA,SAAAQ,EAAW,GACX,aAAAC,EAAe,QACf,QAAAC,EAAU,GACV,KAAAd,EACA,YAAAe,EAAc,GACd,GAAGT,CACL,IAEIL,EAAAA,IAAC,MAAA,CACC,UAAW,GAAGR,EAAG,CACfG,EACAS,EAEA,CACE,CAAC,GAAGT,CAAa,YAAY,EAAGgB,EAChC,CAAC,GAAGhB,CAAa,QAAQ,EAAG,CAAC,CAACI,EAC9B,CAAC,GAAGJ,CAAa,eAAe,EAAGmB,EACnC,CAAC,GAAGnB,CAAa,kBAAkB,EAAG,CAACmB,EACvC,CAAC,GAAGnB,CAAa,sBAAsB,EAAG,CAACmB,EAC3C,CAAC,GAAGnB,CAAa,6BAA6B,EAAG,CAACmB,EAClD,CAAC,GAAGnB,CAAa,6BAA6B,EAAG,CAACmB,GAAe,CAACf,CAAA,CACpE,CACD,CAAC,IAAIJ,CAAa,GACnB,cAAaE,EACZ,GAAGQ,EAEH,SAACQ,QAOCE,EAAAA,QAAA,CAAQ,cAAa,GAAGlB,CAAU,WAAY,KAAK,KAAK,SAAAc,CAAA,CAAoB,EAN7EK,EAAAA,KAAAC,EAAAA,SAAA,CACG,SAAA,CAAAL,IAAiB,QAAUT,EAC3BJ,EACAa,IAAiB,SAAWT,CAAA,CAAA,CAC/B,CAE6E,CAAA,sOCxD/EX,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAalBC,EAAgB,2BAETuB,EAAkB,CAAC,CAC9B,CAAC,eAAgBrB,EAAa,2BAC9B,UAAAsB,CACF,IACSA,GAAaA,EAAU,OAAS,QACpC,KAAA,CAAG,UAAW3B,EAAGG,CAAa,EAAG,cAAaE,EAC5C,SAAAsB,EAAU,IAAKC,GACdJ,EAAAA,KAAC,KAAA,CACC,UAAWxB,EAAG,GAAGG,CAAa,aAAa,EAC3C,cAAa,GAAGE,CAAU,QAG1B,SAAA,CAAAG,EAAAA,IAACqB,EAAAA,EAAA,CAAc,KAAK,KAAK,UAAW7B,EAAG,GAAGG,CAAa,QAAQ,CAAA,CAAG,EAClEK,EAAAA,IAACsB,EAAAA,WAAW,SAAAF,CAAA,CAAS,CAAA,CAAA,EAHhBA,CAAA,CAKR,EACH,EACE,+jBC7BA5B,EAAKC,EAAAA,EAAE,KAAKC,EAAM,EAYlBC,EAAgB,2BAET4B,GAAkB,CAAC,CAC9B,CAAC,eAAgB1B,EAAa,2BAC9B,CAAC,cAAe2B,EAChB,SAAAb,EAAW,GACX,KAAAc,EACA,QAAAC,EACA,SAAAvB,EACA,YAAawB,EAAc,GAC7B,IAA4B,CAC1B,MAAMC,EAAeC,GAA+D,CAC9ElB,EACFkB,EAAE,eAAA,EACOH,GACTA,EAAA,CAEJ,EAEMI,EAA6B,GAAGnC,CAAa,IACjDgB,EAAW,GAAGhB,CAAa,aAAe,EAC5C,GAEA,OAAO8B,EACLzB,EAAAA,IAAC2B,EAAA,CACC,gBAAehB,EACf,aAAYa,EACZ,UAAW,GAAGhC,EAAG,CACfG,EACA,GAAGA,CAAa,SAChB,CACE,CAAC,GAAGA,CAAa,YAAY,EAAGgB,CAAA,CAClC,CACD,CAAC,IAAImB,CAA0B,GAChC,cAAajC,EACb,KAAMc,EAAW,OAAYc,EAC7B,SAAUd,EAAW,EAAI,OACzB,QAASiB,EAER,SAAAzB,CAAA,CAAA,EAGHH,EAAAA,IAAC,SAAA,CACC,gBAAeW,EACf,aAAYa,EACZ,UAAW,GAAGhC,EAAG,CACfG,EACA,GAAGA,CAAa,WAChB,CACE,CAAC,GAAGA,CAAa,YAAY,EAAGgB,CAAA,CAClC,CACD,CAAC,IAAImB,CAA0B,GAChC,cAAajC,EACb,KAAK,SACL,QAAS+B,EAER,SAAAzB,CAAA,CAAA,CAGP,ECrEMX,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAkElBC,EAAgB,sBAEToC,GAAc,CAAkC,CAC3D,CAAC,eAAgBlC,EAAa,sBAC9B,CAAC,cAAe2B,EAChB,MAAAQ,EACA,KAAAC,EACA,SAAA9B,EACA,SAAA+B,EAAW,KACX,kBAAAC,EACA,QAAAT,EAAU,OACV,KAAAD,EAAO,OACP,SAAAd,EAAW,GACX,YAAAyB,EAAc,IACd,QAAAtC,EAAU,YACV,GAAGO,CACL,IACuF,CACrF,MAAMgC,EAAU7C,EAAGG,EAAe,CAChC,CAAC,GAAGA,CAAa,kBAAkB,EAAG+B,GAAWD,EACjD,CAAC,GAAG9B,CAAa,YAAY,EAAGgB,CAAA,CACjC,EAED,OACEK,EAAAA,KAAC,MAAA,CAAI,UAAWqB,EAAS,cAAaxC,EACpC,SAAA,CAAAmB,OAAC,OAAI,UAAWxB,EAAG,GAAGG,CAAa,UAAU,EAC1C,SAAA,CAAAsC,GAAQjC,EAAAA,IAAC,OAAI,UAAWR,EAAG,GAAGG,CAAa,QAAQ,EAAI,SAAAsC,CAAA,CAAK,EAC7DjC,EAAAA,IAACsC,EAAAA,QAAA,CACC,IAAKJ,EACL,UAAW1C,EAAG,GAAGG,CAAa,WAAW,EACzC,QAAAG,EACA,kBAAAqC,EACC,GAAG9B,EAEH,YAAWoB,EACVzB,EAAAA,IAACuB,GAAA,CACC,aAAYC,EACZ,SAAAb,EACA,KAAAc,EACA,QAAAC,EACA,YAAAU,EAEC,SAAAJ,CAAA,CAAA,EAGHA,CAAA,CAAA,CAEJ,EACF,EACC7B,CAAA,EACH,CAEJ,wDC5HMX,GAAKC,EAAAA,EAAE,KAAKC,EAAM,EAIlBC,GAAgB,oBAET4C,GAAY,CAAC,CACxB,CAAC,eAAgB1C,EAAa,oBAC9B,UAAAO,EACA,SAAAD,EACA,GAAGE,CACL,IACEL,EAAAA,IAAC,MAAA,CAAK,GAAGK,EAAO,UAAWb,GAAG,CAACG,GAAeS,CAAS,CAAC,EAAG,cAAaP,EACrE,SAAAM,CAAA,CACH,4JCdIX,GAAKC,EAAAA,EAAE,KAAKC,EAAM,EAMlBC,EAAgB,2BAET6C,GAAkB,CAAC,CAC9B,CAAC,eAAgB3C,EAAa,2BAC9B,UAAAO,EACA,SAAAD,EACA,SAAAsC,EAAW,GACX,GAAGpC,CACL,IACEL,EAAAA,IAAC,MAAA,CACE,GAAGK,EACJ,UAAWb,GAAGG,EAAeS,EAAW,CAAE,CAAC,GAAGT,CAAa,aAAa,EAAG8C,EAAU,EACrF,cAAa5C,EAEZ,SAAAM,CAAA,CACH,8DCrBIX,GAAKC,EAAAA,EAAE,KAAKC,EAAM,EAalBC,GAAgB,uBAET+C,GAAe,CAAC,CAC3B,CAAC,eAAgB7C,EAAa,uBAC9B,SAAA8C,CACF,IACSA,EACL3C,EAAAA,IAACsB,EAAAA,UAAA,CAAU,QAAQ,eAAe,UAAW9B,GAAGG,EAAa,EAAG,cAAaE,EAC1E,SAAA8C,CAAA,CACH,EACE,0QCvBAnD,GAAKC,EAAAA,EAAE,KAAKC,EAAM,EAUlBC,EAAgB,mBAETiD,EAAWC,EAAAA,WACtB,CACE,CACE,CAAC,eAAgBhD,EAAa,mBAC9B,SAAAM,EACA,UAAAC,EACA,WAAAI,EAAa,GACb,QAAAV,EACA,GAAGO,CAAA,EAELyC,IACG,CACH,MAAMT,EAAU7C,GAAG,CACjBG,EACA,CACE,CAAC,GAAGA,CAAa,KAAKG,CAAO,EAAE,EAAGA,EAClC,CAAC,GAAGH,CAAa,eAAe,EAAGa,CAAA,EAErCJ,CAAA,CACD,EAED,OACEJ,MAAC,OAAI,UAAWqC,EAAS,cAAaxC,EAAY,IAAAiD,EAAW,GAAGzC,EAC7D,SAAAF,CAAA,CACH,CAEJ,CACF,EAEAyC,EAAS,YAAc,WCzBvB,MAAMpD,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAgBlBC,EAAgB,cAEToD,EAA2B,CAAC,CAAE,SAAA5C,EAAU,UAAAC,EAAW,gBAAA4C,EAAiB,GAAG3C,KAAY,CAC9F,MAAMgC,EAAU7C,EAAG,CAACG,EAAeS,CAAS,CAAC,EAC7C,OACEJ,EAAAA,IAAC,MAAA,CACC,UAAWR,EAAG,GAAGG,CAAa,cAAe,CAC3C,CAAC,GAAGA,CAAa,0BAA0B,EAAGU,EAAM,WACpD,CAAC,GAAGV,CAAa,oCAAoC,EAAG,CAACqD,EACzD,CAAC,GAAGrD,CAAa,gCAAgC,EAAGqD,CAAA,CACrD,EAED,SAAAhD,EAAAA,IAAC4C,GAAS,UAAWpD,EAAG6C,CAAO,EAAI,GAAGhC,EACnC,SAAAF,CAAA,CACH,CAAA,CAAA,CAGN,EAEA4C,EAAK,MAAQnD,EACbmD,EAAK,QAAU7C,EACf6C,EAAK,iBAAmBzC,EACxByC,EAAK,IAAMrC,EACXqC,EAAK,YAAc7B,EACnB6B,EAAK,SAAWL,GAChBK,EAAK,QAAUhB,GACfgB,EAAK,MAAQR,GACbQ,EAAK,YAAcP,GAEnBO,EAAK,YAAc"}
+{"version":3,"file":"card-DFdUs5RG.js","sources":["../../../components/card/src/card-badge.tsx","../../../components/card/src/card-content.tsx","../../../components/card/src/card-content-container.tsx","../../../components/card/src/card-cta.tsx","../../../components/card/src/card-feature-list.tsx","../../../components/card/src/card-trigger-item.tsx","../../../components/card/src/card-heading.tsx","../../../components/card/src/card-media.tsx","../../../components/card/src/card-media-layout.tsx","../../../components/card/src/card-overline.tsx","../../../components/card/src/card-root.tsx","../../../components/card/src/card.tsx"],"sourcesContent":["import React from \"react\";\nimport { Badge, type BadgeVariant } from \"@purpur/badge\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card-badge.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type CardBadgeProps = {\n  /**\n   * Use this to set a testid on the badge\n   */\n  [\"data-testid\"]?: string;\n  /**\n   * The variant (color) of the badge in the top right corner of the card. This is coupled with the text prop. Both needs to be set for the badge to be displayed.\n   * `BadgeVariant = \"attention\" | \"special\" | \"neutral\" | \"information\" | \"success\" | \"warning\" | \"error\"`\n   */\n  variant?: BadgeVariant;\n  /**\n   * The text that will be in the badge in the top right corner of the card. This is coupled with the variant prop. Both needs to be set for the badge to be displayed.\n   */\n  text?: string;\n};\n\nconst rootClassName = \"purpur-card-badge\";\n\nexport const CardBadge = ({\n  [\"data-testid\"]: dataTestId = \"purpur-card-badge\",\n  variant,\n  text,\n}: CardBadgeProps) => {\n  return variant && text ? (\n    <Badge\n      className={cx(rootClassName)}\n      variant={variant}\n      showIcon={false}\n      data-testid={dataTestId}\n    >\n      {text}\n    </Badge>\n  ) : null;\n};\n","import React, { type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card-content.module.scss\";\n\nconst cx = c.bind(styles);\n\nconst rootClassName = \"purpur-card-content\";\n\ntype CardContentProps = Omit<BaseProps, \"children\"> & {\n  /**\n   * The child elements of the content (React.ReactNode)\n   */\n  children: ReactNode;\n};\n\nexport const CardContent = ({\n  [\"data-testid\"]: dataTestId = \"purpur-card-content\",\n  children,\n  className,\n  ...props\n}: CardContentProps) => {\n  return (\n    <div className={cx(rootClassName, className)} data-testid={dataTestId} {...props}>\n      {children}\n    </div>\n  );\n};\n","import React, { type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card-content-container.module.scss\";\n\nconst cx = c.bind(styles);\n\nconst rootClassName = \"purpur-card-content-container\";\n\ntype CardContentContainerProps = Omit<BaseProps, \"children\"> & {\n  /**\n   * The child elements of the content container (React.ReactNode)\n   */\n  children: ReactNode;\n  /**\n   * Flag to remove the top padding\n   */\n  isFooter?: boolean;\n  fullHeight?: boolean;\n  gapSize?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n};\n\nexport const CardContentContainer = ({\n  [\"data-testid\"]: dataTestId = \"purpur-card-content-container\",\n  children,\n  className,\n  isFooter = false,\n  fullHeight = false,\n  gapSize = \"md\",\n  ...props\n}: CardContentContainerProps) => (\n  <div\n    className={cx([\n      rootClassName,\n      className,\n      `${rootClassName}--gap-size--${gapSize}`,\n      {\n        [`${rootClassName}--full-height`]: fullHeight,\n        [`${rootClassName}--footer`]: isFooter,\n      },\n    ])}\n    data-testid={dataTestId}\n    {...props}\n  >\n    {children}\n  </div>\n);\n","import React from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Spinner } from \"@purpur/spinner\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card-cta.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type CardCtaProps = BaseProps & {\n  disabled?: boolean;\n  /**\n   * The position of the icon.\n   * `\"left\" | \"right\"`\n   */\n  iconPosition?: \"left\" | \"right\";\n  loading?: boolean;\n  /**\n   * Use this to style the cta as a link (no border)\n   */\n  linkStyling?: boolean;\n  text?: string;\n};\n\nconst rootClassName = \"purpur-card-cta\";\n\nexport const CardCta = ({\n  [\"data-testid\"]: dataTestId = \"purpur-card-cta\",\n  className,\n  children,\n  disabled = false,\n  iconPosition = \"right\",\n  loading = false,\n  text,\n  linkStyling = false,\n  ...props\n}: CardCtaProps) => {\n  return (\n    <div\n      className={`${cx([\n        rootClassName,\n        className,\n\n        {\n          [`${rootClassName}--disabled`]: disabled,\n          [`${rootClassName}--text`]: !!text,\n          [`${rootClassName}--cta-styling`]: linkStyling,\n          [`${rootClassName}--button-styling`]: !linkStyling,\n          [`${rootClassName}--button-styling--md`]: !linkStyling,\n          [`${rootClassName}--button-styling--secondary`]: !linkStyling,\n          [`${rootClassName}--button-styling--icon-only`]: !linkStyling && !text,\n        },\n      ])} ${rootClassName}`}\n      data-testid={dataTestId}\n      {...props}\n    >\n      {!loading ? (\n        <>\n          {iconPosition === \"left\" && children}\n          {text}\n          {iconPosition === \"right\" && children}\n        </>\n      ) : (\n        <Spinner data-testid={`${dataTestId}-spinner`} size=\"xs\" disabled={disabled} />\n      )}\n    </div>\n  );\n};\n","import React from \"react\";\nimport { IconCheckmark } from \"@purpur/icon/checkmark\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card-feature-list.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type CardFeatureListProps = {\n  /**\n   * Use this to set a testid on the feature list\n   */\n  [\"data-testid\"]?: string;\n  /**\n   * This is the feature list where each entry is preceded by a checkmark. If the feature list provided is falsy or empty nothing will be rendered.\n   */\n  listItems?: string[];\n};\n\nconst rootClassName = \"purpur-card-feature-list\";\n\nexport const CardFeatureList = ({\n  [\"data-testid\"]: dataTestId = \"purpur-card-feature-list\",\n  listItems,\n}: CardFeatureListProps) => {\n  return listItems && listItems.length > 0 ? (\n    <ul className={cx(rootClassName)} data-testid={dataTestId}>\n      {listItems.map((listItem: string) => (\n        <li\n          className={cx(`${rootClassName}__list-item`)}\n          data-testid={`${dataTestId}-item`}\n          key={listItem}\n        >\n          <IconCheckmark size=\"xs\" className={cx(`${rootClassName}__icon`)} />\n          <Paragraph>{listItem}</Paragraph>\n        </li>\n      ))}\n    </ul>\n  ) : null;\n};\n","import React, {\n  type AnchorHTMLAttributes,\n  type ForwardRefExoticComponent,\n  type MouseEvent,\n  type ReactNode,\n} from \"react\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card-trigger-item.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type CardTriggerItemProps = {\n  [\"data-testid\"]?: string;\n  [\"aria-label\"]?: string;\n  disabled?: boolean;\n  href?: string;\n  onClick?: () => unknown;\n  children: ReactNode;\n  linkElement?: ForwardRefExoticComponent<AnchorHTMLAttributes<HTMLAnchorElement>> | \"a\";\n};\n\nconst rootClassName = \"purpur-card-trigger-item\";\n\nexport const CardTriggerItem = ({\n  [\"data-testid\"]: dataTestId = \"purpur-card-trigger-item\",\n  [\"aria-label\"]: ariaLabel,\n  disabled = false,\n  href,\n  onClick,\n  children,\n  linkElement: LinkElement = \"a\",\n}: CardTriggerItemProps) => {\n  const handleClick = (e: MouseEvent<HTMLButtonElement | HTMLAnchorElement>): void => {\n    if (disabled) {\n      e.preventDefault();\n    } else if (onClick) {\n      onClick();\n    }\n  };\n\n  const additionalNonHashedClasses = `${rootClassName} ${\n    disabled ? `${rootClassName}--disabled` : \"\"\n  }`;\n\n  return href ? (\n    <LinkElement\n      aria-disabled={disabled}\n      aria-label={ariaLabel}\n      className={`${cx([\n        rootClassName,\n        `${rootClassName}--link`,\n        {\n          [`${rootClassName}--disabled`]: disabled,\n        },\n      ])} ${additionalNonHashedClasses}`}\n      data-testid={dataTestId}\n      href={disabled ? undefined : href}\n      tabIndex={disabled ? 0 : undefined}\n      onClick={handleClick}\n    >\n      {children}\n    </LinkElement>\n  ) : (\n    <button\n      aria-disabled={disabled}\n      aria-label={ariaLabel}\n      className={`${cx([\n        rootClassName,\n        `${rootClassName}--button`,\n        {\n          [`${rootClassName}--disabled`]: disabled,\n        },\n      ])} ${additionalNonHashedClasses}`}\n      data-testid={dataTestId}\n      type=\"button\"\n      onClick={handleClick}\n    >\n      {children}\n    </button>\n  );\n};\n","import React, {\n  type AnchorHTMLAttributes,\n  type ForwardRefExoticComponent,\n  type ReactNode,\n} from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading, type HeadingTagType,type HeadingVariant } from \"@purpur/heading\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card-heading.module.scss\";\nimport { CardTriggerItem } from \"./card-trigger-item\";\n\nconst cx = c.bind(styles);\n\nexport type CardHeadingDefaultProps = {\n  /**\n   * Use this to set a testid on the feature list\n   */\n  [\"data-testid\"]?: string;\n  title: string;\n  /**\n   * Use when you want an icon to the left of the title\n   */\n  icon?: ReactNode;\n  /**\n   * Use for the CTA, it will positioned to the right\n   */\n  children?: ReactNode;\n  titleTag?: HeadingTagType;\n  variant?: HeadingVariant;\n  enableHyphenation?: boolean;\n};\n\nexport type CardHeadingNonInteractiveProps = {\n  disabled?: never;\n  href?: never;\n  /**\n   * If the href prop is not provided the clickable element will be a button and use this clickHandler when the user presses the card.\n   */\n  onClick?: never;\n  linkElement?: never;\n};\n\nexport type CardHeadingLinkProps = {\n  /**\n   * Use this to disable the card. Can be used both with a link card and a button card. In the case of the button the clickHandler will not be called and if a anchor tag the href will be removed.\n   */\n  disabled?: boolean;\n  /**\n   * Makes the card become a link to the provided href.\n   */\n  href: string;\n  /**\n   * If the href prop is not provided the clickable element will be a button and use this clickHandler when the user presses the card.\n   */\n  onClick?: () => void;\n  linkElement?: ForwardRefExoticComponent<AnchorHTMLAttributes<HTMLAnchorElement>> | \"a\";\n};\n\nexport type CardHeadingButtonProps = {\n  /**\n   * Use this to disable the card. Can be used both with a link card and a button card. In the case of the button the clickHandler will not be called and if a anchor tag the href will be removed.\n   */\n  disabled?: boolean;\n  /**\n   * Makes the card become a link to the provided href.\n   */\n  href?: never;\n  /**\n   * If the href prop is not provided the clickable element will be a button and use this clickHandler when the user presses the card.\n   */\n  onClick: () => void;\n  linkElement?: never;\n};\n\nexport type CardHeadingProps<T extends HeadingTagType = \"h2\"> = BaseProps<T> &\n  CardHeadingDefaultProps;\n\nconst rootClassName = \"purpur-card-heading\";\n\nexport const CardHeading = <T extends HeadingTagType = \"h2\">({\n  [\"data-testid\"]: dataTestId = \"purpur-card-heading\",\n  [\"aria-label\"]: ariaLabel,\n  title,\n  icon,\n  children,\n  titleTag = \"h2\" as T,\n  enableHyphenation,\n  onClick = undefined,\n  href = undefined,\n  disabled = false,\n  linkElement = \"a\",\n  variant = \"title-100\",\n  ...props\n}: CardHeadingProps &\n  (CardHeadingLinkProps | CardHeadingButtonProps | CardHeadingNonInteractiveProps)) => {\n  const classes = cx(rootClassName, {\n    [`${rootClassName}--is-interactive`]: onClick || href,\n    [`${rootClassName}--disabled`]: disabled,\n  });\n\n  return (\n    <div className={classes} data-testid={dataTestId}>\n      <div className={cx(`${rootClassName}__header`)}>\n        {icon && <div className={cx(`${rootClassName}__icon`)}>{icon}</div>}\n        <Heading\n          tag={titleTag}\n          className={cx(`${rootClassName}__heading`)}\n          variant={variant}\n          enableHyphenation={enableHyphenation}\n          {...props}\n        >\n          {onClick || href ? (\n            <CardTriggerItem\n              aria-label={ariaLabel}\n              disabled={disabled}\n              href={href}\n              onClick={onClick}\n              linkElement={linkElement}\n            >\n              {title}\n            </CardTriggerItem>\n          ) : (\n            title\n          )}\n        </Heading>\n      </div>\n      {children}\n    </div>\n  );\n};\n","import React from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card-media.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type CardMediaProps = BaseProps;\n\nconst rootClassName = \"purpur-card-media\";\n\nexport const CardMedia = ({\n  [\"data-testid\"]: dataTestId = \"purpur-card-media\",\n  className,\n  children,\n  ...props\n}: CardMediaProps) => (\n  <div {...props} className={cx([rootClassName, className])} data-testid={dataTestId}>\n    {children}\n  </div>\n);\n","import React from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card-media-layout.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type CardMediaLayoutProps = BaseProps & {\n  imageTop?: boolean;\n};\n\nconst rootClassName = \"purpur-card-media-layout\";\n\nexport const CardMediaLayout = ({\n  [\"data-testid\"]: dataTestId = \"purpur-card-media-layout\",\n  className,\n  children,\n  imageTop = false,\n  ...props\n}: CardMediaLayoutProps) => (\n  <div\n    {...props}\n    className={cx(rootClassName, className, { [`${rootClassName}--image-top`]: imageTop })}\n    data-testid={dataTestId}\n  >\n    {children}\n  </div>\n);\n","import React from \"react\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card-overline.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type CardOverlineProps = {\n  /**\n   * Use this to set a testid on the overline\n   */\n  [\"data-testid\"]?: string;\n  /**\n   * The text displayed in the overline\n   */\n  overline?: string;\n};\n\nconst rootClassName = \"purpur-card-overline\";\n\nexport const CardOverline = ({\n  [\"data-testid\"]: dataTestId = \"purpur-card-overline\",\n  overline,\n}: CardOverlineProps) => {\n  return overline ? (\n    <Paragraph variant=\"overline-100\" className={cx(rootClassName)} data-testid={dataTestId}>\n      {overline}\n    </Paragraph>\n  ) : null;\n};\n","import React, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card-root.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type CardRootProps = Omit<BaseProps, \"children\"> & {\n  children: ReactNode;\n  fullHeight?: boolean;\n  /** Use the prop useMediaQueries when the cards are used beside each other in different sized grid items for example. */\n  useMediaQueries?: boolean;\n  variant?: \"primary\" | \"secondary\";\n};\n\nconst rootClassName = \"purpur-card-root\";\n\nexport const CardRoot = forwardRef<HTMLDivElement, CardRootProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"purpur-card-root\",\n      children,\n      className,\n      fullHeight = true,\n      variant,\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx([\n      rootClassName,\n      {\n        [`${rootClassName}--${variant}`]: variant,\n        [`${rootClassName}--full-height`]: fullHeight,\n      },\n      className,\n    ]);\n\n    return (\n      <div className={classes} data-testid={dataTestId} ref={ref} {...props}>\n        {children}\n      </div>\n    );\n  }\n);\n\nCardRoot.displayName = \"CardRoot\";\n","import React, { type FunctionComponent } from \"react\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card.module.scss\";\nimport { CardBadge } from \"./card-badge\";\nimport { CardContent } from \"./card-content\";\nimport { CardContentContainer } from \"./card-content-container\";\nimport { CardCta } from \"./card-cta\";\nimport { CardFeatureList } from \"./card-feature-list\";\nimport { CardHeading } from \"./card-heading\";\nimport { CardMedia } from \"./card-media\";\nimport { CardMediaLayout } from \"./card-media-layout\";\nimport { CardOverline } from \"./card-overline\";\nimport type { CardRootProps } from \"./card-root\";\nimport { CardRoot } from \"./card-root\";\nexport type {\n  CardHeadingButtonProps,\n  CardHeadingDefaultProps,\n  CardHeadingLinkProps,\n  CardHeadingNonInteractiveProps,\n} from \"./card-heading\";\n\nconst cx = c.bind(styles);\n\ntype CardCmp<P> = FunctionComponent<P> & {\n  Badge: typeof CardBadge;\n  Content: typeof CardContent;\n  ContentContainer: typeof CardContentContainer;\n  Cta: typeof CardCta;\n  FeatureList: typeof CardFeatureList;\n  Overline: typeof CardOverline;\n  Heading: typeof CardHeading;\n  Media: typeof CardMedia;\n  MediaLayout: typeof CardMediaLayout;\n};\n\nexport type CardProps = CardRootProps;\n\nconst rootClassName = \"purpur-card\";\n\nexport const Card: CardCmp<CardProps> = ({ children, className, useMediaQueries, ...props }) => {\n  const classes = cx([rootClassName, className]);\n  return (\n    <div\n      className={cx(`${rootClassName}__container`, {\n        [`${rootClassName}__container--full-height`]: props.fullHeight,\n        [`${rootClassName}__container--use-container-queries`]: !useMediaQueries,\n        [`${rootClassName}__container--use-media-queries`]: useMediaQueries,\n      })}\n    >\n      <CardRoot className={cx(classes)} {...props}>\n        {children}\n      </CardRoot>\n    </div>\n  );\n};\n\nCard.Badge = CardBadge;\nCard.Content = CardContent;\nCard.ContentContainer = CardContentContainer;\nCard.Cta = CardCta;\nCard.FeatureList = CardFeatureList;\nCard.Overline = CardOverline;\nCard.Heading = CardHeading;\nCard.Media = CardMedia;\nCard.MediaLayout = CardMediaLayout;\n\nCard.displayName = \"Card\";\n"],"names":["cx","c","styles","rootClassName","CardBadge","dataTestId","variant","text","jsx","Badge","CardContent","children","className","props","CardContentContainer","isFooter","fullHeight","gapSize","CardCta","disabled","iconPosition","loading","linkStyling","Spinner","jsxs","Fragment","CardFeatureList","listItems","listItem","IconCheckmark","Paragraph","CardTriggerItem","ariaLabel","href","onClick","LinkElement","handleClick","e","additionalNonHashedClasses","CardHeading","title","icon","titleTag","enableHyphenation","linkElement","classes","Heading","CardMedia","CardMediaLayout","imageTop","CardOverline","overline","CardRoot","forwardRef","ref","Card","useMediaQueries"],"mappings":"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"}

package/dist/card.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./card-CRHXm5NR.js");exports.Card=e.Card;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./card-DFdUs5RG.js");exports.Card=e.Card;
 //# sourceMappingURL=card.cjs.js.map

package/dist/card.es.js

@@ -1,4 +1,4 @@
-import { C as o } from "./card-DR2hvxjZ.mjs";
+import { C as o } from "./card-C2mdp-ur.mjs";
 export {
   o as Card
 };