@purpur/library 9.8.0 → 9.9.0

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

@@ -1 +1 @@
-{"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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"}
+{"version":3,"file":"card-pdsBEJif.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-C2mdp-ur.mjs → card-t2ZkZ82G.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-DSxXmX_0.mjs";
+import { P as q } from "./paragraph-CwAdFoIm.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-C2mdp-ur.mjs.map
+//# sourceMappingURL=card-t2ZkZ82G.mjs.map

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

@@ -1 +1 @@
-{"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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"}
+{"version":3,"file":"card-t2ZkZ82G.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.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./card-DFdUs5RG.js");exports.Card=e.Card;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./card-pdsBEJif.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-C2mdp-ur.mjs";
+import { C as o } from "./card-t2ZkZ82G.mjs";
 export {
   o as Card
 };

package/dist/{checkbox-BHTx89JQ.mjs → checkbox-DaRtZXrE.mjs}

@@ -6,7 +6,7 @@ import { F as O } from "./field-helper-text-C5ee4SFV.mjs";
 import { b as $ } from "./icon.es-CZcKxTaM.mjs";
 import { l as j } from "./checkmark-bold.es-CV3e_t3E.mjs";
 import { L as q } from "./label-7sJe5-pX.mjs";
-import { P as A } from "./paragraph-DSxXmX_0.mjs";
+import { P as A } from "./paragraph-CwAdFoIm.mjs";
 import { u as K } from "./index-DLcqcWxM.mjs";
 import { c as X } from "./index-DOfn3ixy.mjs";
 import { u as Z, c as R, a as G } from "./index-tyLV0iiH.mjs";
@@ -233,4 +233,4 @@ export {
   oe as C,
   xe as c
 };
-//# sourceMappingURL=checkbox-BHTx89JQ.mjs.map
+//# sourceMappingURL=checkbox-DaRtZXrE.mjs.map

package/dist/{checkbox-BHTx89JQ.mjs.map → checkbox-DaRtZXrE.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"checkbox-BHTx89JQ.mjs","sources":["../../../components/icon/dist/assets/minus-bold.es.js","../../../common/temp/node_modules/.pnpm/@radix-ui+react-checkbox@1.1.5_@types+react-dom@19.2.3_@types+react@19.2.14__@types+rea_f616ca483e8f11c8b6f09ac94c17a7b2/node_modules/@radix-ui/react-checkbox/dist/index.mjs","../../../components/checkbox/src/checkbox.tsx"],"sourcesContent":["const l = {\n  name: \"minus-bold\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M3 12c0-1.105.711-2 1.588-2h14.824c.877 0 1.588.895 1.588 2s-.711 2-1.588 2H4.588C3.711 14 3 13.105 3 12Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"minus-bold\"],\n  category: \"utility\"\n};\nexport {\n  l as minusBold\n};\n//# sourceMappingURL=minus-bold.es.js.map\n","\"use client\";\n\n// packages/react/checkbox/src/checkbox.tsx\nimport * as React from \"react\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { usePrevious } from \"@radix-ui/react-use-previous\";\nimport { useSize } from \"@radix-ui/react-use-size\";\nimport { Presence } from \"@radix-ui/react-presence\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nvar CHECKBOX_NAME = \"Checkbox\";\nvar [createCheckboxContext, createCheckboxScope] = createContextScope(CHECKBOX_NAME);\nvar [CheckboxProvider, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME);\nvar Checkbox = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeCheckbox,\n      name,\n      checked: checkedProp,\n      defaultChecked,\n      required,\n      disabled,\n      value = \"on\",\n      onCheckedChange,\n      form,\n      ...checkboxProps\n    } = props;\n    const [button, setButton] = React.useState(null);\n    const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));\n    const hasConsumerStoppedPropagationRef = React.useRef(false);\n    const isFormControl = button ? form || !!button.closest(\"form\") : true;\n    const [checked = false, setChecked] = useControllableState({\n      prop: checkedProp,\n      defaultProp: defaultChecked,\n      onChange: onCheckedChange\n    });\n    const initialCheckedStateRef = React.useRef(checked);\n    React.useEffect(() => {\n      const form2 = button?.form;\n      if (form2) {\n        const reset = () => setChecked(initialCheckedStateRef.current);\n        form2.addEventListener(\"reset\", reset);\n        return () => form2.removeEventListener(\"reset\", reset);\n      }\n    }, [button, setChecked]);\n    return /* @__PURE__ */ jsxs(CheckboxProvider, { scope: __scopeCheckbox, state: checked, disabled, children: [\n      /* @__PURE__ */ jsx(\n        Primitive.button,\n        {\n          type: \"button\",\n          role: \"checkbox\",\n          \"aria-checked\": isIndeterminate(checked) ? \"mixed\" : checked,\n          \"aria-required\": required,\n          \"data-state\": getState(checked),\n          \"data-disabled\": disabled ? \"\" : void 0,\n          disabled,\n          value,\n          ...checkboxProps,\n          ref: composedRefs,\n          onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {\n            if (event.key === \"Enter\") event.preventDefault();\n          }),\n          onClick: composeEventHandlers(props.onClick, (event) => {\n            setChecked((prevChecked) => isIndeterminate(prevChecked) ? true : !prevChecked);\n            if (isFormControl) {\n              hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n              if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n            }\n          })\n        }\n      ),\n      isFormControl && /* @__PURE__ */ jsx(\n        BubbleInput,\n        {\n          control: button,\n          bubbles: !hasConsumerStoppedPropagationRef.current,\n          name,\n          value,\n          checked,\n          required,\n          disabled,\n          form,\n          style: { transform: \"translateX(-100%)\" },\n          defaultChecked: isIndeterminate(defaultChecked) ? false : defaultChecked\n        }\n      )\n    ] });\n  }\n);\nCheckbox.displayName = CHECKBOX_NAME;\nvar INDICATOR_NAME = \"CheckboxIndicator\";\nvar CheckboxIndicator = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeCheckbox, forceMount, ...indicatorProps } = props;\n    const context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox);\n    return /* @__PURE__ */ jsx(Presence, { present: forceMount || isIndeterminate(context.state) || context.state === true, children: /* @__PURE__ */ jsx(\n      Primitive.span,\n      {\n        \"data-state\": getState(context.state),\n        \"data-disabled\": context.disabled ? \"\" : void 0,\n        ...indicatorProps,\n        ref: forwardedRef,\n        style: { pointerEvents: \"none\", ...props.style }\n      }\n    ) });\n  }\n);\nCheckboxIndicator.displayName = INDICATOR_NAME;\nvar BubbleInput = (props) => {\n  const { control, checked, bubbles = true, defaultChecked, ...inputProps } = props;\n  const ref = React.useRef(null);\n  const prevChecked = usePrevious(checked);\n  const controlSize = useSize(control);\n  React.useEffect(() => {\n    const input = ref.current;\n    const inputProto = window.HTMLInputElement.prototype;\n    const descriptor = Object.getOwnPropertyDescriptor(inputProto, \"checked\");\n    const setChecked = descriptor.set;\n    if (prevChecked !== checked && setChecked) {\n      const event = new Event(\"click\", { bubbles });\n      input.indeterminate = isIndeterminate(checked);\n      setChecked.call(input, isIndeterminate(checked) ? false : checked);\n      input.dispatchEvent(event);\n    }\n  }, [prevChecked, checked, bubbles]);\n  const defaultCheckedRef = React.useRef(isIndeterminate(checked) ? false : checked);\n  return /* @__PURE__ */ jsx(\n    \"input\",\n    {\n      type: \"checkbox\",\n      \"aria-hidden\": true,\n      defaultChecked: defaultChecked ?? defaultCheckedRef.current,\n      ...inputProps,\n      tabIndex: -1,\n      ref,\n      style: {\n        ...props.style,\n        ...controlSize,\n        position: \"absolute\",\n        pointerEvents: \"none\",\n        opacity: 0,\n        margin: 0\n      }\n    }\n  );\n};\nfunction isIndeterminate(checked) {\n  return checked === \"indeterminate\";\n}\nfunction getState(checked) {\n  return isIndeterminate(checked) ? \"indeterminate\" : checked ? \"checked\" : \"unchecked\";\n}\nvar Root = Checkbox;\nvar Indicator = CheckboxIndicator;\nexport {\n  Checkbox,\n  CheckboxIndicator,\n  Indicator,\n  Root,\n  createCheckboxScope\n};\n//# sourceMappingURL=index.mjs.map\n","import React, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { FieldErrorText } from \"@purpur/field-error-text\";\nimport { FieldHelperText } from \"@purpur/field-helper-text\";\nimport { Icon } from \"@purpur/icon\";\nimport { checkmarkBold } from \"@purpur/icon/assets/checkmark-bold\";\nimport { minusBold } from \"@purpur/icon/assets/minus-bold\";\nimport { Label } from \"@purpur/label\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport * as RadixCheckbox from \"@radix-ui/react-checkbox\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./checkbox.module.scss\";\nconst cx = c.bind(styles);\n\nexport const checkedState = [\"indeterminate\", true, false] as const;\n\nexport type CheckedState = (typeof checkedState)[number];\nexport type CheckboxProps = Omit<BaseProps<\"button\">, \"onChange\" | \"children\"> & {\n  /**\n   * To use with custom label (not recommended).\n   * */\n  [\"aria-labelledby\"]?: string;\n  /**\n   * To use when no label is given (not recommended).\n   * */\n  [\"aria-label\"]?: string;\n  checked?: CheckedState;\n  /**\n   * The checked state of the checkbox when it is initially rendered. Use when you do not need to control its checked state.\n   */\n  defaultChecked?: boolean;\n  /**\n   * When `true`, prevents the user from interacting with the checkbox.\n   */\n  disabled?: boolean;\n  /**\n   * Use to render error state on the actual checkbox only. No error text below the checkbox will appear and the label will not\n   * be shown as an error, unless errorText is set.\n   * */\n  error?: boolean;\n  /**\n   * Use to render error message below the checkbox. The checkbox renders with error appearance.\n   * */\n  errorText?: string;\n  /**\n   * ID of the checkbox.\n   * */\n  id: string;\n  /**\n   * The label of the checkbox. Label can't be a block element\n   * */\n  label?: ReactNode;\n  /**\n   * The name of the checkbox. Submitted with its owning form as part of a name/value pair.\n   * */\n  name?: string;\n  /**\n   * The helper text displayed below the checkbox.\n   */\n  helperText?: string;\n  /**\n   * When `true`, renders the checkbox for use on dark or colored backgrounds.\n   */\n  negative?: boolean;\n  /**\n   * Event handler called when the checked state of the checkbox changes.\n   * */\n  onChange?: (value: CheckedState) => void;\n  /**\n   * When `true`, indicates that the user must check the checkbox before the owning form can be submitted.\n   * */\n  required?: boolean;\n  /**\n   * The value given as data when submitted with a name.\n   * */\n  value?: string;\n};\n\nconst rootClassName = \"purpur-checkbox\";\n\nexport const Checkbox = forwardRef<HTMLButtonElement, CheckboxProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      checked,\n      className,\n      error = false,\n      errorText,\n      label,\n      helperText,\n      negative = false,\n      onChange,\n      ...props\n    },\n    ref\n  ) => {\n    const isError = errorText && !checked;\n    const isCheckboxError = error && !checked;\n\n    return (\n      <div className={cx([`${rootClassName}__wrapper`, className])}>\n        <div className={cx([`${rootClassName}__container`, className])}>\n          <RadixCheckbox.Root\n            {...props}\n            checked={checked}\n            className={cx([\n              rootClassName,\n              {\n                [`${rootClassName}--error`]: isError,\n                [`${rootClassName}--error-checkbox`]: isCheckboxError,\n                [`${rootClassName}--negative`]: negative,\n              },\n            ])}\n            data-testid={dataTestId}\n            onCheckedChange={onChange}\n            ref={ref}\n          >\n            <span className={cx(`${rootClassName}__box`)}>\n              <RadixCheckbox.Indicator className={cx(`${rootClassName}__indicator`)}>\n                {checked === \"indeterminate\" ? (\n                  <Icon\n                    data-testid={dataTestId && `${dataTestId}-checked-icon`}\n                    size=\"xs\"\n                    svg={minusBold}\n                  />\n                ) : (\n                  <Icon\n                    data-testid={dataTestId && `${dataTestId}-indeterminate-icon`}\n                    size=\"xs\"\n                    svg={checkmarkBold}\n                  />\n                )}\n              </RadixCheckbox.Indicator>\n            </span>\n          </RadixCheckbox.Root>\n          <span className={cx(`${rootClassName}__label-container`)}>\n            {label && (\n              <Label\n                htmlFor={props.id}\n                data-testid={dataTestId && `${dataTestId}-label`}\n                disabled={props.disabled}\n                negative={negative}\n              >\n                <Paragraph variant=\"paragraph-100\" disabled={props.disabled} negative={negative}>\n                  {props.required && <span aria-hidden>{\"* \"}</span>}\n                  {label}\n                </Paragraph>\n              </Label>\n            )}\n            {helperText && (\n              <FieldHelperText\n                className={cx(`${rootClassName}__helper`)}\n                data-testid={dataTestId && `${dataTestId}-helper-text`}\n                disabled={props.disabled}\n                id={`${props.id}-helper-text`}\n                negative={negative}\n              >\n                {helperText}\n              </FieldHelperText>\n            )}\n          </span>\n        </div>\n        {isError && (\n          <FieldErrorText data-testid={dataTestId && `${dataTestId}-error-text`} negative={negative}>\n            {errorText}\n          </FieldErrorText>\n        )}\n      </div>\n    );\n  }\n);\n\nCheckbox.displayName = \"Checkbox\";\n"],"names":["l","CHECKBOX_NAME","createCheckboxContext","createContextScope","CheckboxProvider","useCheckboxContext","Checkbox","React","props","forwardedRef","__scopeCheckbox","name","checkedProp","defaultChecked","required","disabled","value","onCheckedChange","form","checkboxProps","button","setButton","composedRefs","useComposedRefs","node","hasConsumerStoppedPropagationRef","isFormControl","checked","setChecked","useControllableState","initialCheckedStateRef","form2","reset","jsxs","jsx","Primitive","isIndeterminate","getState","composeEventHandlers","event","prevChecked","BubbleInput","INDICATOR_NAME","CheckboxIndicator","forceMount","indicatorProps","context","Presence","control","bubbles","inputProps","ref","usePrevious","controlSize","useSize","input","inputProto","defaultCheckedRef","Root","Indicator","cx","c","styles","checkedState","rootClassName","forwardRef","dataTestId","className","error","errorText","label","helperText","negative","onChange","isError","isCheckboxError","RadixCheckbox.Root","RadixCheckbox.Indicator","Icon","minusBold","checkmarkBold","Label","Paragraph","FieldHelperText","FieldErrorText"],"mappings":"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","x_google_ignoreList":[1]}
+{"version":3,"file":"checkbox-DaRtZXrE.mjs","sources":["../../../components/icon/dist/assets/minus-bold.es.js","../../../common/temp/node_modules/.pnpm/@radix-ui+react-checkbox@1.1.5_@types+react-dom@19.2.3_@types+react@19.2.14__@types+rea_f616ca483e8f11c8b6f09ac94c17a7b2/node_modules/@radix-ui/react-checkbox/dist/index.mjs","../../../components/checkbox/src/checkbox.tsx"],"sourcesContent":["const l = {\n  name: \"minus-bold\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M3 12c0-1.105.711-2 1.588-2h14.824c.877 0 1.588.895 1.588 2s-.711 2-1.588 2H4.588C3.711 14 3 13.105 3 12Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"minus-bold\"],\n  category: \"utility\"\n};\nexport {\n  l as minusBold\n};\n//# sourceMappingURL=minus-bold.es.js.map\n","\"use client\";\n\n// packages/react/checkbox/src/checkbox.tsx\nimport * as React from \"react\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { usePrevious } from \"@radix-ui/react-use-previous\";\nimport { useSize } from \"@radix-ui/react-use-size\";\nimport { Presence } from \"@radix-ui/react-presence\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nvar CHECKBOX_NAME = \"Checkbox\";\nvar [createCheckboxContext, createCheckboxScope] = createContextScope(CHECKBOX_NAME);\nvar [CheckboxProvider, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME);\nvar Checkbox = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeCheckbox,\n      name,\n      checked: checkedProp,\n      defaultChecked,\n      required,\n      disabled,\n      value = \"on\",\n      onCheckedChange,\n      form,\n      ...checkboxProps\n    } = props;\n    const [button, setButton] = React.useState(null);\n    const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));\n    const hasConsumerStoppedPropagationRef = React.useRef(false);\n    const isFormControl = button ? form || !!button.closest(\"form\") : true;\n    const [checked = false, setChecked] = useControllableState({\n      prop: checkedProp,\n      defaultProp: defaultChecked,\n      onChange: onCheckedChange\n    });\n    const initialCheckedStateRef = React.useRef(checked);\n    React.useEffect(() => {\n      const form2 = button?.form;\n      if (form2) {\n        const reset = () => setChecked(initialCheckedStateRef.current);\n        form2.addEventListener(\"reset\", reset);\n        return () => form2.removeEventListener(\"reset\", reset);\n      }\n    }, [button, setChecked]);\n    return /* @__PURE__ */ jsxs(CheckboxProvider, { scope: __scopeCheckbox, state: checked, disabled, children: [\n      /* @__PURE__ */ jsx(\n        Primitive.button,\n        {\n          type: \"button\",\n          role: \"checkbox\",\n          \"aria-checked\": isIndeterminate(checked) ? \"mixed\" : checked,\n          \"aria-required\": required,\n          \"data-state\": getState(checked),\n          \"data-disabled\": disabled ? \"\" : void 0,\n          disabled,\n          value,\n          ...checkboxProps,\n          ref: composedRefs,\n          onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {\n            if (event.key === \"Enter\") event.preventDefault();\n          }),\n          onClick: composeEventHandlers(props.onClick, (event) => {\n            setChecked((prevChecked) => isIndeterminate(prevChecked) ? true : !prevChecked);\n            if (isFormControl) {\n              hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n              if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n            }\n          })\n        }\n      ),\n      isFormControl && /* @__PURE__ */ jsx(\n        BubbleInput,\n        {\n          control: button,\n          bubbles: !hasConsumerStoppedPropagationRef.current,\n          name,\n          value,\n          checked,\n          required,\n          disabled,\n          form,\n          style: { transform: \"translateX(-100%)\" },\n          defaultChecked: isIndeterminate(defaultChecked) ? false : defaultChecked\n        }\n      )\n    ] });\n  }\n);\nCheckbox.displayName = CHECKBOX_NAME;\nvar INDICATOR_NAME = \"CheckboxIndicator\";\nvar CheckboxIndicator = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeCheckbox, forceMount, ...indicatorProps } = props;\n    const context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox);\n    return /* @__PURE__ */ jsx(Presence, { present: forceMount || isIndeterminate(context.state) || context.state === true, children: /* @__PURE__ */ jsx(\n      Primitive.span,\n      {\n        \"data-state\": getState(context.state),\n        \"data-disabled\": context.disabled ? \"\" : void 0,\n        ...indicatorProps,\n        ref: forwardedRef,\n        style: { pointerEvents: \"none\", ...props.style }\n      }\n    ) });\n  }\n);\nCheckboxIndicator.displayName = INDICATOR_NAME;\nvar BubbleInput = (props) => {\n  const { control, checked, bubbles = true, defaultChecked, ...inputProps } = props;\n  const ref = React.useRef(null);\n  const prevChecked = usePrevious(checked);\n  const controlSize = useSize(control);\n  React.useEffect(() => {\n    const input = ref.current;\n    const inputProto = window.HTMLInputElement.prototype;\n    const descriptor = Object.getOwnPropertyDescriptor(inputProto, \"checked\");\n    const setChecked = descriptor.set;\n    if (prevChecked !== checked && setChecked) {\n      const event = new Event(\"click\", { bubbles });\n      input.indeterminate = isIndeterminate(checked);\n      setChecked.call(input, isIndeterminate(checked) ? false : checked);\n      input.dispatchEvent(event);\n    }\n  }, [prevChecked, checked, bubbles]);\n  const defaultCheckedRef = React.useRef(isIndeterminate(checked) ? false : checked);\n  return /* @__PURE__ */ jsx(\n    \"input\",\n    {\n      type: \"checkbox\",\n      \"aria-hidden\": true,\n      defaultChecked: defaultChecked ?? defaultCheckedRef.current,\n      ...inputProps,\n      tabIndex: -1,\n      ref,\n      style: {\n        ...props.style,\n        ...controlSize,\n        position: \"absolute\",\n        pointerEvents: \"none\",\n        opacity: 0,\n        margin: 0\n      }\n    }\n  );\n};\nfunction isIndeterminate(checked) {\n  return checked === \"indeterminate\";\n}\nfunction getState(checked) {\n  return isIndeterminate(checked) ? \"indeterminate\" : checked ? \"checked\" : \"unchecked\";\n}\nvar Root = Checkbox;\nvar Indicator = CheckboxIndicator;\nexport {\n  Checkbox,\n  CheckboxIndicator,\n  Indicator,\n  Root,\n  createCheckboxScope\n};\n//# sourceMappingURL=index.mjs.map\n","import React, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { FieldErrorText } from \"@purpur/field-error-text\";\nimport { FieldHelperText } from \"@purpur/field-helper-text\";\nimport { Icon } from \"@purpur/icon\";\nimport { checkmarkBold } from \"@purpur/icon/assets/checkmark-bold\";\nimport { minusBold } from \"@purpur/icon/assets/minus-bold\";\nimport { Label } from \"@purpur/label\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport * as RadixCheckbox from \"@radix-ui/react-checkbox\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./checkbox.module.scss\";\nconst cx = c.bind(styles);\n\nexport const checkedState = [\"indeterminate\", true, false] as const;\n\nexport type CheckedState = (typeof checkedState)[number];\nexport type CheckboxProps = Omit<BaseProps<\"button\">, \"onChange\" | \"children\"> & {\n  /**\n   * To use with custom label (not recommended).\n   * */\n  [\"aria-labelledby\"]?: string;\n  /**\n   * To use when no label is given (not recommended).\n   * */\n  [\"aria-label\"]?: string;\n  checked?: CheckedState;\n  /**\n   * The checked state of the checkbox when it is initially rendered. Use when you do not need to control its checked state.\n   */\n  defaultChecked?: boolean;\n  /**\n   * When `true`, prevents the user from interacting with the checkbox.\n   */\n  disabled?: boolean;\n  /**\n   * Use to render error state on the actual checkbox only. No error text below the checkbox will appear and the label will not\n   * be shown as an error, unless errorText is set.\n   * */\n  error?: boolean;\n  /**\n   * Use to render error message below the checkbox. The checkbox renders with error appearance.\n   * */\n  errorText?: string;\n  /**\n   * ID of the checkbox.\n   * */\n  id: string;\n  /**\n   * The label of the checkbox. Label can't be a block element\n   * */\n  label?: ReactNode;\n  /**\n   * The name of the checkbox. Submitted with its owning form as part of a name/value pair.\n   * */\n  name?: string;\n  /**\n   * The helper text displayed below the checkbox.\n   */\n  helperText?: string;\n  /**\n   * When `true`, renders the checkbox for use on dark or colored backgrounds.\n   */\n  negative?: boolean;\n  /**\n   * Event handler called when the checked state of the checkbox changes.\n   * */\n  onChange?: (value: CheckedState) => void;\n  /**\n   * When `true`, indicates that the user must check the checkbox before the owning form can be submitted.\n   * */\n  required?: boolean;\n  /**\n   * The value given as data when submitted with a name.\n   * */\n  value?: string;\n};\n\nconst rootClassName = \"purpur-checkbox\";\n\nexport const Checkbox = forwardRef<HTMLButtonElement, CheckboxProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      checked,\n      className,\n      error = false,\n      errorText,\n      label,\n      helperText,\n      negative = false,\n      onChange,\n      ...props\n    },\n    ref\n  ) => {\n    const isError = errorText && !checked;\n    const isCheckboxError = error && !checked;\n\n    return (\n      <div className={cx([`${rootClassName}__wrapper`, className])}>\n        <div className={cx([`${rootClassName}__container`, className])}>\n          <RadixCheckbox.Root\n            {...props}\n            checked={checked}\n            className={cx([\n              rootClassName,\n              {\n                [`${rootClassName}--error`]: isError,\n                [`${rootClassName}--error-checkbox`]: isCheckboxError,\n                [`${rootClassName}--negative`]: negative,\n              },\n            ])}\n            data-testid={dataTestId}\n            onCheckedChange={onChange}\n            ref={ref}\n          >\n            <span className={cx(`${rootClassName}__box`)}>\n              <RadixCheckbox.Indicator className={cx(`${rootClassName}__indicator`)}>\n                {checked === \"indeterminate\" ? (\n                  <Icon\n                    data-testid={dataTestId && `${dataTestId}-checked-icon`}\n                    size=\"xs\"\n                    svg={minusBold}\n                  />\n                ) : (\n                  <Icon\n                    data-testid={dataTestId && `${dataTestId}-indeterminate-icon`}\n                    size=\"xs\"\n                    svg={checkmarkBold}\n                  />\n                )}\n              </RadixCheckbox.Indicator>\n            </span>\n          </RadixCheckbox.Root>\n          <span className={cx(`${rootClassName}__label-container`)}>\n            {label && (\n              <Label\n                htmlFor={props.id}\n                data-testid={dataTestId && `${dataTestId}-label`}\n                disabled={props.disabled}\n                negative={negative}\n              >\n                <Paragraph variant=\"paragraph-100\" disabled={props.disabled} negative={negative}>\n                  {props.required && <span aria-hidden>{\"* \"}</span>}\n                  {label}\n                </Paragraph>\n              </Label>\n            )}\n            {helperText && (\n              <FieldHelperText\n                className={cx(`${rootClassName}__helper`)}\n                data-testid={dataTestId && `${dataTestId}-helper-text`}\n                disabled={props.disabled}\n                id={`${props.id}-helper-text`}\n                negative={negative}\n              >\n                {helperText}\n              </FieldHelperText>\n            )}\n          </span>\n        </div>\n        {isError && (\n          <FieldErrorText data-testid={dataTestId && `${dataTestId}-error-text`} negative={negative}>\n            {errorText}\n          </FieldErrorText>\n        )}\n      </div>\n    );\n  }\n);\n\nCheckbox.displayName = \"Checkbox\";\n"],"names":["l","CHECKBOX_NAME","createCheckboxContext","createContextScope","CheckboxProvider","useCheckboxContext","Checkbox","React","props","forwardedRef","__scopeCheckbox","name","checkedProp","defaultChecked","required","disabled","value","onCheckedChange","form","checkboxProps","button","setButton","composedRefs","useComposedRefs","node","hasConsumerStoppedPropagationRef","isFormControl","checked","setChecked","useControllableState","initialCheckedStateRef","form2","reset","jsxs","jsx","Primitive","isIndeterminate","getState","composeEventHandlers","event","prevChecked","BubbleInput","INDICATOR_NAME","CheckboxIndicator","forceMount","indicatorProps","context","Presence","control","bubbles","inputProps","ref","usePrevious","controlSize","useSize","input","inputProto","defaultCheckedRef","Root","Indicator","cx","c","styles","checkedState","rootClassName","forwardRef","dataTestId","className","error","errorText","label","helperText","negative","onChange","isError","isCheckboxError","RadixCheckbox.Root","RadixCheckbox.Indicator","Icon","minusBold","checkmarkBold","Label","Paragraph","FieldHelperText","FieldErrorText"],"mappings":"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","x_google_ignoreList":[1]}

package/dist/{checkbox-CDNcNv6d.js → checkbox-qjWQEoa5.js}

@@ -1,2 +1,2 @@
-"use strict";const t=require("react/jsx-runtime"),q=require("react"),M=require("./field-error-text-FhQulSV5.js"),B=require("./field-helper-text-DSKO-Tce.js"),E=require("./icon.es-j3eRib6d.js"),F=require("./checkmark-bold.es-DdJFVVJG.js"),L=require("./label-yHK80hhV.js"),A=require("./paragraph-By4jMjnH.js"),K=require("./index-_XxjJPRD.js"),X=require("./index-kcwFA4Dv.js"),j=require("./index-CxBG4Ssm.js"),Z=require("./index-DOFLOnao.js"),G=require("./index-HJvG7FXj.js"),P=require("./index-Hk_HrrHM.js"),J=require("./bind-DeUYJ6m9.js");function Q(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(c,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return c.default=e,Object.freeze(c)}const d=Q(q),U={name:"minus-bold",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M3 12c0-1.105.711-2 1.588-2h14.824c.877 0 1.588.895 1.588 2s-.711 2-1.588 2H4.588C3.711 14 3 13.105 3 12Z" clip-rule="evenodd"/></svg>',keywords:["minus-bold"],category:"utility"};var $="Checkbox",[V]=X.createContextScope($),[W,Y]=V($),R=d.forwardRef((e,c)=>{const{__scopeCheckbox:r,name:s,checked:l,defaultChecked:o,required:p,disabled:n,value:f="on",onCheckedChange:i,form:h,...k}=e,[b,v]=d.useState(null),g=K.useComposedRefs(c,a=>v(a)),y=d.useRef(!1),w=b?h||!!b.closest("form"):!0,[m=!1,z]=j.useControllableState({prop:l,defaultProp:o,onChange:i}),H=d.useRef(m);return d.useEffect(()=>{const a=b?.form;if(a){const C=()=>z(H.current);return a.addEventListener("reset",C),()=>a.removeEventListener("reset",C)}},[b,z]),t.jsxs(W,{scope:r,state:m,disabled:n,children:[t.jsx(P.Primitive.button,{type:"button",role:"checkbox","aria-checked":x(m)?"mixed":m,"aria-required":p,"data-state":O(m),"data-disabled":n?"":void 0,disabled:n,value:f,...k,ref:g,onKeyDown:j.composeEventHandlers(e.onKeyDown,a=>{a.key==="Enter"&&a.preventDefault()}),onClick:j.composeEventHandlers(e.onClick,a=>{z(C=>x(C)?!0:!C),w&&(y.current=a.isPropagationStopped(),y.current||a.stopPropagation())})}),w&&t.jsx(I,{control:b,bubbles:!y.current,name:s,value:f,checked:m,required:p,disabled:n,form:h,style:{transform:"translateX(-100%)"},defaultChecked:x(o)?!1:o})]})});R.displayName=$;var N="CheckboxIndicator",S=d.forwardRef((e,c)=>{const{__scopeCheckbox:r,forceMount:s,...l}=e,o=Y(N,r);return t.jsx(G.Presence,{present:s||x(o.state)||o.state===!0,children:t.jsx(P.Primitive.span,{"data-state":O(o.state),"data-disabled":o.disabled?"":void 0,...l,ref:c,style:{pointerEvents:"none",...e.style}})})});S.displayName=N;var I=e=>{const{control:c,checked:r,bubbles:s=!0,defaultChecked:l,...o}=e,p=d.useRef(null),n=j.usePrevious(r),f=Z.useSize(c);d.useEffect(()=>{const h=p.current,k=window.HTMLInputElement.prototype,v=Object.getOwnPropertyDescriptor(k,"checked").set;if(n!==r&&v){const g=new Event("click",{bubbles:s});h.indeterminate=x(r),v.call(h,x(r)?!1:r),h.dispatchEvent(g)}},[n,r,s]);const i=d.useRef(x(r)?!1:r);return t.jsx("input",{type:"checkbox","aria-hidden":!0,defaultChecked:l??i.current,...o,tabIndex:-1,ref:p,style:{...e.style,...f,position:"absolute",pointerEvents:"none",opacity:0,margin:0}})};function x(e){return e==="indeterminate"}function O(e){return x(e)?"indeterminate":e?"checked":"unchecked"}var T=R,ee=S;const re={"purpur-checkbox":"_purpur-checkbox_1u1zz_1","purpur-checkbox__box":"_purpur-checkbox__box_1u1zz_7","purpur-checkbox--error":"_purpur-checkbox--error_1u1zz_16","purpur-checkbox--error-checkbox":"_purpur-checkbox--error-checkbox_1u1zz_16","purpur-checkbox--negative":"_purpur-checkbox--negative_1u1zz_49","purpur-checkbox__indicator":"_purpur-checkbox__indicator_1u1zz_80","purpur-checkbox__label-container":"_purpur-checkbox__label-container_1u1zz_107","purpur-checkbox__wrapper":"_purpur-checkbox__wrapper_1u1zz_113","purpur-checkbox__container":"_purpur-checkbox__container_1u1zz_119"},_=J.c.bind(re),te=["indeterminate",!0,!1],u="purpur-checkbox",D=q.forwardRef(({["data-testid"]:e,checked:c,className:r,error:s=!1,errorText:l,label:o,helperText:p,negative:n=!1,onChange:f,...i},h)=>{const k=l&&!c,b=s&&!c;return t.jsxs("div",{className:_([`${u}__wrapper`,r]),children:[t.jsxs("div",{className:_([`${u}__container`,r]),children:[t.jsx(T,{...i,checked:c,className:_([u,{[`${u}--error`]:k,[`${u}--error-checkbox`]:b,[`${u}--negative`]:n}]),"data-testid":e,onCheckedChange:f,ref:h,children:t.jsx("span",{className:_(`${u}__box`),children:t.jsx(ee,{className:_(`${u}__indicator`),children:c==="indeterminate"?t.jsx(E.b,{"data-testid":e&&`${e}-checked-icon`,size:"xs",svg:U}):t.jsx(E.b,{"data-testid":e&&`${e}-indeterminate-icon`,size:"xs",svg:F.l})})})}),t.jsxs("span",{className:_(`${u}__label-container`),children:[o&&t.jsx(L.Label,{htmlFor:i.id,"data-testid":e&&`${e}-label`,disabled:i.disabled,negative:n,children:t.jsxs(A.Paragraph,{variant:"paragraph-100",disabled:i.disabled,negative:n,children:[i.required&&t.jsx("span",{"aria-hidden":!0,children:"* "}),o]})}),p&&t.jsx(B.FieldHelperText,{className:_(`${u}__helper`),"data-testid":e&&`${e}-helper-text`,disabled:i.disabled,id:`${i.id}-helper-text`,negative:n,children:p})]})]}),k&&t.jsx(M.FieldErrorText,{"data-testid":e&&`${e}-error-text`,negative:n,children:l})]})});D.displayName="Checkbox";exports.Checkbox=D;exports.checkedState=te;
-//# sourceMappingURL=checkbox-CDNcNv6d.js.map
+"use strict";const t=require("react/jsx-runtime"),q=require("react"),M=require("./field-error-text-FhQulSV5.js"),B=require("./field-helper-text-DSKO-Tce.js"),E=require("./icon.es-j3eRib6d.js"),F=require("./checkmark-bold.es-DdJFVVJG.js"),L=require("./label-yHK80hhV.js"),A=require("./paragraph-B8HFdNne.js"),K=require("./index-_XxjJPRD.js"),X=require("./index-kcwFA4Dv.js"),j=require("./index-CxBG4Ssm.js"),Z=require("./index-DOFLOnao.js"),G=require("./index-HJvG7FXj.js"),P=require("./index-Hk_HrrHM.js"),J=require("./bind-DeUYJ6m9.js");function Q(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(c,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return c.default=e,Object.freeze(c)}const d=Q(q),U={name:"minus-bold",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M3 12c0-1.105.711-2 1.588-2h14.824c.877 0 1.588.895 1.588 2s-.711 2-1.588 2H4.588C3.711 14 3 13.105 3 12Z" clip-rule="evenodd"/></svg>',keywords:["minus-bold"],category:"utility"};var $="Checkbox",[V]=X.createContextScope($),[W,Y]=V($),R=d.forwardRef((e,c)=>{const{__scopeCheckbox:r,name:s,checked:l,defaultChecked:o,required:p,disabled:n,value:f="on",onCheckedChange:i,form:h,...k}=e,[b,v]=d.useState(null),g=K.useComposedRefs(c,a=>v(a)),y=d.useRef(!1),w=b?h||!!b.closest("form"):!0,[m=!1,z]=j.useControllableState({prop:l,defaultProp:o,onChange:i}),H=d.useRef(m);return d.useEffect(()=>{const a=b?.form;if(a){const C=()=>z(H.current);return a.addEventListener("reset",C),()=>a.removeEventListener("reset",C)}},[b,z]),t.jsxs(W,{scope:r,state:m,disabled:n,children:[t.jsx(P.Primitive.button,{type:"button",role:"checkbox","aria-checked":x(m)?"mixed":m,"aria-required":p,"data-state":O(m),"data-disabled":n?"":void 0,disabled:n,value:f,...k,ref:g,onKeyDown:j.composeEventHandlers(e.onKeyDown,a=>{a.key==="Enter"&&a.preventDefault()}),onClick:j.composeEventHandlers(e.onClick,a=>{z(C=>x(C)?!0:!C),w&&(y.current=a.isPropagationStopped(),y.current||a.stopPropagation())})}),w&&t.jsx(I,{control:b,bubbles:!y.current,name:s,value:f,checked:m,required:p,disabled:n,form:h,style:{transform:"translateX(-100%)"},defaultChecked:x(o)?!1:o})]})});R.displayName=$;var N="CheckboxIndicator",S=d.forwardRef((e,c)=>{const{__scopeCheckbox:r,forceMount:s,...l}=e,o=Y(N,r);return t.jsx(G.Presence,{present:s||x(o.state)||o.state===!0,children:t.jsx(P.Primitive.span,{"data-state":O(o.state),"data-disabled":o.disabled?"":void 0,...l,ref:c,style:{pointerEvents:"none",...e.style}})})});S.displayName=N;var I=e=>{const{control:c,checked:r,bubbles:s=!0,defaultChecked:l,...o}=e,p=d.useRef(null),n=j.usePrevious(r),f=Z.useSize(c);d.useEffect(()=>{const h=p.current,k=window.HTMLInputElement.prototype,v=Object.getOwnPropertyDescriptor(k,"checked").set;if(n!==r&&v){const g=new Event("click",{bubbles:s});h.indeterminate=x(r),v.call(h,x(r)?!1:r),h.dispatchEvent(g)}},[n,r,s]);const i=d.useRef(x(r)?!1:r);return t.jsx("input",{type:"checkbox","aria-hidden":!0,defaultChecked:l??i.current,...o,tabIndex:-1,ref:p,style:{...e.style,...f,position:"absolute",pointerEvents:"none",opacity:0,margin:0}})};function x(e){return e==="indeterminate"}function O(e){return x(e)?"indeterminate":e?"checked":"unchecked"}var T=R,ee=S;const re={"purpur-checkbox":"_purpur-checkbox_1u1zz_1","purpur-checkbox__box":"_purpur-checkbox__box_1u1zz_7","purpur-checkbox--error":"_purpur-checkbox--error_1u1zz_16","purpur-checkbox--error-checkbox":"_purpur-checkbox--error-checkbox_1u1zz_16","purpur-checkbox--negative":"_purpur-checkbox--negative_1u1zz_49","purpur-checkbox__indicator":"_purpur-checkbox__indicator_1u1zz_80","purpur-checkbox__label-container":"_purpur-checkbox__label-container_1u1zz_107","purpur-checkbox__wrapper":"_purpur-checkbox__wrapper_1u1zz_113","purpur-checkbox__container":"_purpur-checkbox__container_1u1zz_119"},_=J.c.bind(re),te=["indeterminate",!0,!1],u="purpur-checkbox",D=q.forwardRef(({["data-testid"]:e,checked:c,className:r,error:s=!1,errorText:l,label:o,helperText:p,negative:n=!1,onChange:f,...i},h)=>{const k=l&&!c,b=s&&!c;return t.jsxs("div",{className:_([`${u}__wrapper`,r]),children:[t.jsxs("div",{className:_([`${u}__container`,r]),children:[t.jsx(T,{...i,checked:c,className:_([u,{[`${u}--error`]:k,[`${u}--error-checkbox`]:b,[`${u}--negative`]:n}]),"data-testid":e,onCheckedChange:f,ref:h,children:t.jsx("span",{className:_(`${u}__box`),children:t.jsx(ee,{className:_(`${u}__indicator`),children:c==="indeterminate"?t.jsx(E.b,{"data-testid":e&&`${e}-checked-icon`,size:"xs",svg:U}):t.jsx(E.b,{"data-testid":e&&`${e}-indeterminate-icon`,size:"xs",svg:F.l})})})}),t.jsxs("span",{className:_(`${u}__label-container`),children:[o&&t.jsx(L.Label,{htmlFor:i.id,"data-testid":e&&`${e}-label`,disabled:i.disabled,negative:n,children:t.jsxs(A.Paragraph,{variant:"paragraph-100",disabled:i.disabled,negative:n,children:[i.required&&t.jsx("span",{"aria-hidden":!0,children:"* "}),o]})}),p&&t.jsx(B.FieldHelperText,{className:_(`${u}__helper`),"data-testid":e&&`${e}-helper-text`,disabled:i.disabled,id:`${i.id}-helper-text`,negative:n,children:p})]})]}),k&&t.jsx(M.FieldErrorText,{"data-testid":e&&`${e}-error-text`,negative:n,children:l})]})});D.displayName="Checkbox";exports.Checkbox=D;exports.checkedState=te;
+//# sourceMappingURL=checkbox-qjWQEoa5.js.map

package/dist/{checkbox-CDNcNv6d.js.map → checkbox-qjWQEoa5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"checkbox-CDNcNv6d.js","sources":["../../../components/icon/dist/assets/minus-bold.es.js","../../../common/temp/node_modules/.pnpm/@radix-ui+react-checkbox@1.1.5_@types+react-dom@19.2.3_@types+react@19.2.14__@types+rea_f616ca483e8f11c8b6f09ac94c17a7b2/node_modules/@radix-ui/react-checkbox/dist/index.mjs","../../../components/checkbox/src/checkbox.tsx"],"sourcesContent":["const l = {\n  name: \"minus-bold\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M3 12c0-1.105.711-2 1.588-2h14.824c.877 0 1.588.895 1.588 2s-.711 2-1.588 2H4.588C3.711 14 3 13.105 3 12Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"minus-bold\"],\n  category: \"utility\"\n};\nexport {\n  l as minusBold\n};\n//# sourceMappingURL=minus-bold.es.js.map\n","\"use client\";\n\n// packages/react/checkbox/src/checkbox.tsx\nimport * as React from \"react\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { usePrevious } from \"@radix-ui/react-use-previous\";\nimport { useSize } from \"@radix-ui/react-use-size\";\nimport { Presence } from \"@radix-ui/react-presence\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nvar CHECKBOX_NAME = \"Checkbox\";\nvar [createCheckboxContext, createCheckboxScope] = createContextScope(CHECKBOX_NAME);\nvar [CheckboxProvider, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME);\nvar Checkbox = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeCheckbox,\n      name,\n      checked: checkedProp,\n      defaultChecked,\n      required,\n      disabled,\n      value = \"on\",\n      onCheckedChange,\n      form,\n      ...checkboxProps\n    } = props;\n    const [button, setButton] = React.useState(null);\n    const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));\n    const hasConsumerStoppedPropagationRef = React.useRef(false);\n    const isFormControl = button ? form || !!button.closest(\"form\") : true;\n    const [checked = false, setChecked] = useControllableState({\n      prop: checkedProp,\n      defaultProp: defaultChecked,\n      onChange: onCheckedChange\n    });\n    const initialCheckedStateRef = React.useRef(checked);\n    React.useEffect(() => {\n      const form2 = button?.form;\n      if (form2) {\n        const reset = () => setChecked(initialCheckedStateRef.current);\n        form2.addEventListener(\"reset\", reset);\n        return () => form2.removeEventListener(\"reset\", reset);\n      }\n    }, [button, setChecked]);\n    return /* @__PURE__ */ jsxs(CheckboxProvider, { scope: __scopeCheckbox, state: checked, disabled, children: [\n      /* @__PURE__ */ jsx(\n        Primitive.button,\n        {\n          type: \"button\",\n          role: \"checkbox\",\n          \"aria-checked\": isIndeterminate(checked) ? \"mixed\" : checked,\n          \"aria-required\": required,\n          \"data-state\": getState(checked),\n          \"data-disabled\": disabled ? \"\" : void 0,\n          disabled,\n          value,\n          ...checkboxProps,\n          ref: composedRefs,\n          onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {\n            if (event.key === \"Enter\") event.preventDefault();\n          }),\n          onClick: composeEventHandlers(props.onClick, (event) => {\n            setChecked((prevChecked) => isIndeterminate(prevChecked) ? true : !prevChecked);\n            if (isFormControl) {\n              hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n              if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n            }\n          })\n        }\n      ),\n      isFormControl && /* @__PURE__ */ jsx(\n        BubbleInput,\n        {\n          control: button,\n          bubbles: !hasConsumerStoppedPropagationRef.current,\n          name,\n          value,\n          checked,\n          required,\n          disabled,\n          form,\n          style: { transform: \"translateX(-100%)\" },\n          defaultChecked: isIndeterminate(defaultChecked) ? false : defaultChecked\n        }\n      )\n    ] });\n  }\n);\nCheckbox.displayName = CHECKBOX_NAME;\nvar INDICATOR_NAME = \"CheckboxIndicator\";\nvar CheckboxIndicator = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeCheckbox, forceMount, ...indicatorProps } = props;\n    const context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox);\n    return /* @__PURE__ */ jsx(Presence, { present: forceMount || isIndeterminate(context.state) || context.state === true, children: /* @__PURE__ */ jsx(\n      Primitive.span,\n      {\n        \"data-state\": getState(context.state),\n        \"data-disabled\": context.disabled ? \"\" : void 0,\n        ...indicatorProps,\n        ref: forwardedRef,\n        style: { pointerEvents: \"none\", ...props.style }\n      }\n    ) });\n  }\n);\nCheckboxIndicator.displayName = INDICATOR_NAME;\nvar BubbleInput = (props) => {\n  const { control, checked, bubbles = true, defaultChecked, ...inputProps } = props;\n  const ref = React.useRef(null);\n  const prevChecked = usePrevious(checked);\n  const controlSize = useSize(control);\n  React.useEffect(() => {\n    const input = ref.current;\n    const inputProto = window.HTMLInputElement.prototype;\n    const descriptor = Object.getOwnPropertyDescriptor(inputProto, \"checked\");\n    const setChecked = descriptor.set;\n    if (prevChecked !== checked && setChecked) {\n      const event = new Event(\"click\", { bubbles });\n      input.indeterminate = isIndeterminate(checked);\n      setChecked.call(input, isIndeterminate(checked) ? false : checked);\n      input.dispatchEvent(event);\n    }\n  }, [prevChecked, checked, bubbles]);\n  const defaultCheckedRef = React.useRef(isIndeterminate(checked) ? false : checked);\n  return /* @__PURE__ */ jsx(\n    \"input\",\n    {\n      type: \"checkbox\",\n      \"aria-hidden\": true,\n      defaultChecked: defaultChecked ?? defaultCheckedRef.current,\n      ...inputProps,\n      tabIndex: -1,\n      ref,\n      style: {\n        ...props.style,\n        ...controlSize,\n        position: \"absolute\",\n        pointerEvents: \"none\",\n        opacity: 0,\n        margin: 0\n      }\n    }\n  );\n};\nfunction isIndeterminate(checked) {\n  return checked === \"indeterminate\";\n}\nfunction getState(checked) {\n  return isIndeterminate(checked) ? \"indeterminate\" : checked ? \"checked\" : \"unchecked\";\n}\nvar Root = Checkbox;\nvar Indicator = CheckboxIndicator;\nexport {\n  Checkbox,\n  CheckboxIndicator,\n  Indicator,\n  Root,\n  createCheckboxScope\n};\n//# sourceMappingURL=index.mjs.map\n","import React, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { FieldErrorText } from \"@purpur/field-error-text\";\nimport { FieldHelperText } from \"@purpur/field-helper-text\";\nimport { Icon } from \"@purpur/icon\";\nimport { checkmarkBold } from \"@purpur/icon/assets/checkmark-bold\";\nimport { minusBold } from \"@purpur/icon/assets/minus-bold\";\nimport { Label } from \"@purpur/label\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport * as RadixCheckbox from \"@radix-ui/react-checkbox\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./checkbox.module.scss\";\nconst cx = c.bind(styles);\n\nexport const checkedState = [\"indeterminate\", true, false] as const;\n\nexport type CheckedState = (typeof checkedState)[number];\nexport type CheckboxProps = Omit<BaseProps<\"button\">, \"onChange\" | \"children\"> & {\n  /**\n   * To use with custom label (not recommended).\n   * */\n  [\"aria-labelledby\"]?: string;\n  /**\n   * To use when no label is given (not recommended).\n   * */\n  [\"aria-label\"]?: string;\n  checked?: CheckedState;\n  /**\n   * The checked state of the checkbox when it is initially rendered. Use when you do not need to control its checked state.\n   */\n  defaultChecked?: boolean;\n  /**\n   * When `true`, prevents the user from interacting with the checkbox.\n   */\n  disabled?: boolean;\n  /**\n   * Use to render error state on the actual checkbox only. No error text below the checkbox will appear and the label will not\n   * be shown as an error, unless errorText is set.\n   * */\n  error?: boolean;\n  /**\n   * Use to render error message below the checkbox. The checkbox renders with error appearance.\n   * */\n  errorText?: string;\n  /**\n   * ID of the checkbox.\n   * */\n  id: string;\n  /**\n   * The label of the checkbox. Label can't be a block element\n   * */\n  label?: ReactNode;\n  /**\n   * The name of the checkbox. Submitted with its owning form as part of a name/value pair.\n   * */\n  name?: string;\n  /**\n   * The helper text displayed below the checkbox.\n   */\n  helperText?: string;\n  /**\n   * When `true`, renders the checkbox for use on dark or colored backgrounds.\n   */\n  negative?: boolean;\n  /**\n   * Event handler called when the checked state of the checkbox changes.\n   * */\n  onChange?: (value: CheckedState) => void;\n  /**\n   * When `true`, indicates that the user must check the checkbox before the owning form can be submitted.\n   * */\n  required?: boolean;\n  /**\n   * The value given as data when submitted with a name.\n   * */\n  value?: string;\n};\n\nconst rootClassName = \"purpur-checkbox\";\n\nexport const Checkbox = forwardRef<HTMLButtonElement, CheckboxProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      checked,\n      className,\n      error = false,\n      errorText,\n      label,\n      helperText,\n      negative = false,\n      onChange,\n      ...props\n    },\n    ref\n  ) => {\n    const isError = errorText && !checked;\n    const isCheckboxError = error && !checked;\n\n    return (\n      <div className={cx([`${rootClassName}__wrapper`, className])}>\n        <div className={cx([`${rootClassName}__container`, className])}>\n          <RadixCheckbox.Root\n            {...props}\n            checked={checked}\n            className={cx([\n              rootClassName,\n              {\n                [`${rootClassName}--error`]: isError,\n                [`${rootClassName}--error-checkbox`]: isCheckboxError,\n                [`${rootClassName}--negative`]: negative,\n              },\n            ])}\n            data-testid={dataTestId}\n            onCheckedChange={onChange}\n            ref={ref}\n          >\n            <span className={cx(`${rootClassName}__box`)}>\n              <RadixCheckbox.Indicator className={cx(`${rootClassName}__indicator`)}>\n                {checked === \"indeterminate\" ? (\n                  <Icon\n                    data-testid={dataTestId && `${dataTestId}-checked-icon`}\n                    size=\"xs\"\n                    svg={minusBold}\n                  />\n                ) : (\n                  <Icon\n                    data-testid={dataTestId && `${dataTestId}-indeterminate-icon`}\n                    size=\"xs\"\n                    svg={checkmarkBold}\n                  />\n                )}\n              </RadixCheckbox.Indicator>\n            </span>\n          </RadixCheckbox.Root>\n          <span className={cx(`${rootClassName}__label-container`)}>\n            {label && (\n              <Label\n                htmlFor={props.id}\n                data-testid={dataTestId && `${dataTestId}-label`}\n                disabled={props.disabled}\n                negative={negative}\n              >\n                <Paragraph variant=\"paragraph-100\" disabled={props.disabled} negative={negative}>\n                  {props.required && <span aria-hidden>{\"* \"}</span>}\n                  {label}\n                </Paragraph>\n              </Label>\n            )}\n            {helperText && (\n              <FieldHelperText\n                className={cx(`${rootClassName}__helper`)}\n                data-testid={dataTestId && `${dataTestId}-helper-text`}\n                disabled={props.disabled}\n                id={`${props.id}-helper-text`}\n                negative={negative}\n              >\n                {helperText}\n              </FieldHelperText>\n            )}\n          </span>\n        </div>\n        {isError && (\n          <FieldErrorText data-testid={dataTestId && `${dataTestId}-error-text`} negative={negative}>\n            {errorText}\n          </FieldErrorText>\n        )}\n      </div>\n    );\n  }\n);\n\nCheckbox.displayName = \"Checkbox\";\n"],"names":["l","CHECKBOX_NAME","createCheckboxContext","createContextScope","CheckboxProvider","useCheckboxContext","Checkbox","React","props","forwardedRef","__scopeCheckbox","name","checkedProp","defaultChecked","required","disabled","value","onCheckedChange","form","checkboxProps","button","setButton","composedRefs","useComposedRefs","node","hasConsumerStoppedPropagationRef","isFormControl","checked","setChecked","useControllableState","initialCheckedStateRef","form2","reset","jsxs","jsx","Primitive","isIndeterminate","getState","composeEventHandlers","event","prevChecked","BubbleInput","INDICATOR_NAME","CheckboxIndicator","forceMount","indicatorProps","context","Presence","control","bubbles","inputProps","ref","usePrevious","controlSize","useSize","input","inputProto","defaultCheckedRef","Root","Indicator","cx","c","styles","checkedState","rootClassName","forwardRef","dataTestId","className","error","errorText","label","helperText","negative","onChange","isError","isCheckboxError","RadixCheckbox.Root","RadixCheckbox.Indicator","Icon","minusBold","checkmarkBold","Label","Paragraph","FieldHelperText","FieldErrorText"],"mappings":"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","x_google_ignoreList":[1]}
+{"version":3,"file":"checkbox-qjWQEoa5.js","sources":["../../../components/icon/dist/assets/minus-bold.es.js","../../../common/temp/node_modules/.pnpm/@radix-ui+react-checkbox@1.1.5_@types+react-dom@19.2.3_@types+react@19.2.14__@types+rea_f616ca483e8f11c8b6f09ac94c17a7b2/node_modules/@radix-ui/react-checkbox/dist/index.mjs","../../../components/checkbox/src/checkbox.tsx"],"sourcesContent":["const l = {\n  name: \"minus-bold\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M3 12c0-1.105.711-2 1.588-2h14.824c.877 0 1.588.895 1.588 2s-.711 2-1.588 2H4.588C3.711 14 3 13.105 3 12Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"minus-bold\"],\n  category: \"utility\"\n};\nexport {\n  l as minusBold\n};\n//# sourceMappingURL=minus-bold.es.js.map\n","\"use client\";\n\n// packages/react/checkbox/src/checkbox.tsx\nimport * as React from \"react\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { usePrevious } from \"@radix-ui/react-use-previous\";\nimport { useSize } from \"@radix-ui/react-use-size\";\nimport { Presence } from \"@radix-ui/react-presence\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nvar CHECKBOX_NAME = \"Checkbox\";\nvar [createCheckboxContext, createCheckboxScope] = createContextScope(CHECKBOX_NAME);\nvar [CheckboxProvider, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME);\nvar Checkbox = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeCheckbox,\n      name,\n      checked: checkedProp,\n      defaultChecked,\n      required,\n      disabled,\n      value = \"on\",\n      onCheckedChange,\n      form,\n      ...checkboxProps\n    } = props;\n    const [button, setButton] = React.useState(null);\n    const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));\n    const hasConsumerStoppedPropagationRef = React.useRef(false);\n    const isFormControl = button ? form || !!button.closest(\"form\") : true;\n    const [checked = false, setChecked] = useControllableState({\n      prop: checkedProp,\n      defaultProp: defaultChecked,\n      onChange: onCheckedChange\n    });\n    const initialCheckedStateRef = React.useRef(checked);\n    React.useEffect(() => {\n      const form2 = button?.form;\n      if (form2) {\n        const reset = () => setChecked(initialCheckedStateRef.current);\n        form2.addEventListener(\"reset\", reset);\n        return () => form2.removeEventListener(\"reset\", reset);\n      }\n    }, [button, setChecked]);\n    return /* @__PURE__ */ jsxs(CheckboxProvider, { scope: __scopeCheckbox, state: checked, disabled, children: [\n      /* @__PURE__ */ jsx(\n        Primitive.button,\n        {\n          type: \"button\",\n          role: \"checkbox\",\n          \"aria-checked\": isIndeterminate(checked) ? \"mixed\" : checked,\n          \"aria-required\": required,\n          \"data-state\": getState(checked),\n          \"data-disabled\": disabled ? \"\" : void 0,\n          disabled,\n          value,\n          ...checkboxProps,\n          ref: composedRefs,\n          onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {\n            if (event.key === \"Enter\") event.preventDefault();\n          }),\n          onClick: composeEventHandlers(props.onClick, (event) => {\n            setChecked((prevChecked) => isIndeterminate(prevChecked) ? true : !prevChecked);\n            if (isFormControl) {\n              hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n              if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n            }\n          })\n        }\n      ),\n      isFormControl && /* @__PURE__ */ jsx(\n        BubbleInput,\n        {\n          control: button,\n          bubbles: !hasConsumerStoppedPropagationRef.current,\n          name,\n          value,\n          checked,\n          required,\n          disabled,\n          form,\n          style: { transform: \"translateX(-100%)\" },\n          defaultChecked: isIndeterminate(defaultChecked) ? false : defaultChecked\n        }\n      )\n    ] });\n  }\n);\nCheckbox.displayName = CHECKBOX_NAME;\nvar INDICATOR_NAME = \"CheckboxIndicator\";\nvar CheckboxIndicator = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeCheckbox, forceMount, ...indicatorProps } = props;\n    const context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox);\n    return /* @__PURE__ */ jsx(Presence, { present: forceMount || isIndeterminate(context.state) || context.state === true, children: /* @__PURE__ */ jsx(\n      Primitive.span,\n      {\n        \"data-state\": getState(context.state),\n        \"data-disabled\": context.disabled ? \"\" : void 0,\n        ...indicatorProps,\n        ref: forwardedRef,\n        style: { pointerEvents: \"none\", ...props.style }\n      }\n    ) });\n  }\n);\nCheckboxIndicator.displayName = INDICATOR_NAME;\nvar BubbleInput = (props) => {\n  const { control, checked, bubbles = true, defaultChecked, ...inputProps } = props;\n  const ref = React.useRef(null);\n  const prevChecked = usePrevious(checked);\n  const controlSize = useSize(control);\n  React.useEffect(() => {\n    const input = ref.current;\n    const inputProto = window.HTMLInputElement.prototype;\n    const descriptor = Object.getOwnPropertyDescriptor(inputProto, \"checked\");\n    const setChecked = descriptor.set;\n    if (prevChecked !== checked && setChecked) {\n      const event = new Event(\"click\", { bubbles });\n      input.indeterminate = isIndeterminate(checked);\n      setChecked.call(input, isIndeterminate(checked) ? false : checked);\n      input.dispatchEvent(event);\n    }\n  }, [prevChecked, checked, bubbles]);\n  const defaultCheckedRef = React.useRef(isIndeterminate(checked) ? false : checked);\n  return /* @__PURE__ */ jsx(\n    \"input\",\n    {\n      type: \"checkbox\",\n      \"aria-hidden\": true,\n      defaultChecked: defaultChecked ?? defaultCheckedRef.current,\n      ...inputProps,\n      tabIndex: -1,\n      ref,\n      style: {\n        ...props.style,\n        ...controlSize,\n        position: \"absolute\",\n        pointerEvents: \"none\",\n        opacity: 0,\n        margin: 0\n      }\n    }\n  );\n};\nfunction isIndeterminate(checked) {\n  return checked === \"indeterminate\";\n}\nfunction getState(checked) {\n  return isIndeterminate(checked) ? \"indeterminate\" : checked ? \"checked\" : \"unchecked\";\n}\nvar Root = Checkbox;\nvar Indicator = CheckboxIndicator;\nexport {\n  Checkbox,\n  CheckboxIndicator,\n  Indicator,\n  Root,\n  createCheckboxScope\n};\n//# sourceMappingURL=index.mjs.map\n","import React, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { FieldErrorText } from \"@purpur/field-error-text\";\nimport { FieldHelperText } from \"@purpur/field-helper-text\";\nimport { Icon } from \"@purpur/icon\";\nimport { checkmarkBold } from \"@purpur/icon/assets/checkmark-bold\";\nimport { minusBold } from \"@purpur/icon/assets/minus-bold\";\nimport { Label } from \"@purpur/label\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport * as RadixCheckbox from \"@radix-ui/react-checkbox\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./checkbox.module.scss\";\nconst cx = c.bind(styles);\n\nexport const checkedState = [\"indeterminate\", true, false] as const;\n\nexport type CheckedState = (typeof checkedState)[number];\nexport type CheckboxProps = Omit<BaseProps<\"button\">, \"onChange\" | \"children\"> & {\n  /**\n   * To use with custom label (not recommended).\n   * */\n  [\"aria-labelledby\"]?: string;\n  /**\n   * To use when no label is given (not recommended).\n   * */\n  [\"aria-label\"]?: string;\n  checked?: CheckedState;\n  /**\n   * The checked state of the checkbox when it is initially rendered. Use when you do not need to control its checked state.\n   */\n  defaultChecked?: boolean;\n  /**\n   * When `true`, prevents the user from interacting with the checkbox.\n   */\n  disabled?: boolean;\n  /**\n   * Use to render error state on the actual checkbox only. No error text below the checkbox will appear and the label will not\n   * be shown as an error, unless errorText is set.\n   * */\n  error?: boolean;\n  /**\n   * Use to render error message below the checkbox. The checkbox renders with error appearance.\n   * */\n  errorText?: string;\n  /**\n   * ID of the checkbox.\n   * */\n  id: string;\n  /**\n   * The label of the checkbox. Label can't be a block element\n   * */\n  label?: ReactNode;\n  /**\n   * The name of the checkbox. Submitted with its owning form as part of a name/value pair.\n   * */\n  name?: string;\n  /**\n   * The helper text displayed below the checkbox.\n   */\n  helperText?: string;\n  /**\n   * When `true`, renders the checkbox for use on dark or colored backgrounds.\n   */\n  negative?: boolean;\n  /**\n   * Event handler called when the checked state of the checkbox changes.\n   * */\n  onChange?: (value: CheckedState) => void;\n  /**\n   * When `true`, indicates that the user must check the checkbox before the owning form can be submitted.\n   * */\n  required?: boolean;\n  /**\n   * The value given as data when submitted with a name.\n   * */\n  value?: string;\n};\n\nconst rootClassName = \"purpur-checkbox\";\n\nexport const Checkbox = forwardRef<HTMLButtonElement, CheckboxProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      checked,\n      className,\n      error = false,\n      errorText,\n      label,\n      helperText,\n      negative = false,\n      onChange,\n      ...props\n    },\n    ref\n  ) => {\n    const isError = errorText && !checked;\n    const isCheckboxError = error && !checked;\n\n    return (\n      <div className={cx([`${rootClassName}__wrapper`, className])}>\n        <div className={cx([`${rootClassName}__container`, className])}>\n          <RadixCheckbox.Root\n            {...props}\n            checked={checked}\n            className={cx([\n              rootClassName,\n              {\n                [`${rootClassName}--error`]: isError,\n                [`${rootClassName}--error-checkbox`]: isCheckboxError,\n                [`${rootClassName}--negative`]: negative,\n              },\n            ])}\n            data-testid={dataTestId}\n            onCheckedChange={onChange}\n            ref={ref}\n          >\n            <span className={cx(`${rootClassName}__box`)}>\n              <RadixCheckbox.Indicator className={cx(`${rootClassName}__indicator`)}>\n                {checked === \"indeterminate\" ? (\n                  <Icon\n                    data-testid={dataTestId && `${dataTestId}-checked-icon`}\n                    size=\"xs\"\n                    svg={minusBold}\n                  />\n                ) : (\n                  <Icon\n                    data-testid={dataTestId && `${dataTestId}-indeterminate-icon`}\n                    size=\"xs\"\n                    svg={checkmarkBold}\n                  />\n                )}\n              </RadixCheckbox.Indicator>\n            </span>\n          </RadixCheckbox.Root>\n          <span className={cx(`${rootClassName}__label-container`)}>\n            {label && (\n              <Label\n                htmlFor={props.id}\n                data-testid={dataTestId && `${dataTestId}-label`}\n                disabled={props.disabled}\n                negative={negative}\n              >\n                <Paragraph variant=\"paragraph-100\" disabled={props.disabled} negative={negative}>\n                  {props.required && <span aria-hidden>{\"* \"}</span>}\n                  {label}\n                </Paragraph>\n              </Label>\n            )}\n            {helperText && (\n              <FieldHelperText\n                className={cx(`${rootClassName}__helper`)}\n                data-testid={dataTestId && `${dataTestId}-helper-text`}\n                disabled={props.disabled}\n                id={`${props.id}-helper-text`}\n                negative={negative}\n              >\n                {helperText}\n              </FieldHelperText>\n            )}\n          </span>\n        </div>\n        {isError && (\n          <FieldErrorText data-testid={dataTestId && `${dataTestId}-error-text`} negative={negative}>\n            {errorText}\n          </FieldErrorText>\n        )}\n      </div>\n    );\n  }\n);\n\nCheckbox.displayName = \"Checkbox\";\n"],"names":["l","CHECKBOX_NAME","createCheckboxContext","createContextScope","CheckboxProvider","useCheckboxContext","Checkbox","React","props","forwardedRef","__scopeCheckbox","name","checkedProp","defaultChecked","required","disabled","value","onCheckedChange","form","checkboxProps","button","setButton","composedRefs","useComposedRefs","node","hasConsumerStoppedPropagationRef","isFormControl","checked","setChecked","useControllableState","initialCheckedStateRef","form2","reset","jsxs","jsx","Primitive","isIndeterminate","getState","composeEventHandlers","event","prevChecked","BubbleInput","INDICATOR_NAME","CheckboxIndicator","forceMount","indicatorProps","context","Presence","control","bubbles","inputProps","ref","usePrevious","controlSize","useSize","input","inputProto","defaultCheckedRef","Root","Indicator","cx","c","styles","checkedState","rootClassName","forwardRef","dataTestId","className","error","errorText","label","helperText","negative","onChange","isError","isCheckboxError","RadixCheckbox.Root","RadixCheckbox.Indicator","Icon","minusBold","checkmarkBold","Label","Paragraph","FieldHelperText","FieldErrorText"],"mappings":"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","x_google_ignoreList":[1]}

package/dist/checkbox.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./checkbox-CDNcNv6d.js");exports.Checkbox=e.Checkbox;exports.checkedState=e.checkedState;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./checkbox-qjWQEoa5.js");exports.Checkbox=e.Checkbox;exports.checkedState=e.checkedState;
 //# sourceMappingURL=checkbox.cjs.js.map

package/dist/checkbox.es.js

@@ -1,4 +1,4 @@
-import { C as a, c as o } from "./checkbox-BHTx89JQ.mjs";
+import { C as a, c as o } from "./checkbox-DaRtZXrE.mjs";
 export {
   a as Checkbox,
   o as checkedState