@purpur/library 8.21.0

package/dist/product-card-DOBHGAa2.js

@@ -0,0 +1,2 @@
+"use strict";const r=require("react/jsx-runtime"),Y=require("react"),c=require("./card-B512KHpr.js"),p=require("./paragraph-BsI53OR0.js"),l=require("./bind-DeUYJ6m9.js"),I=require("./color-dot-B9w_ucWb.js"),g=require("./alert-badge-DguuS7Qq.js"),T=require("./arrow-right.es-eH-IgGi9.js"),rr=require("./icon-DNHpBTHs-faYHqTXU.js"),tr={"purpur-colors":"_purpur-colors_1190y_1"},ar=l.c.bind(tr),cr="purpur-colors",R=({["aria-label"]:t,["data-testid"]:a="purpur-colors",colors:s,colorDotAriaLabels:o})=>!!s?.length&&r.jsx("ul",{className:ar(cr),"data-testid":a,"aria-label":t,children:s.map((d,x)=>r.jsx("li",{children:r.jsx(I.ColorDot,{"data-testid":`${a}-color-dot`,withBorder:!0,color:d,size:"xs","aria-label":o&&o[x]})},d))}),sr={"purpur-price":"_purpur-price_1lcgf_1","purpur-price__price-container":"_purpur-price__price-container_1lcgf_7","purpur-price__price-text--discount":"_purpur-price__price-text--discount_1lcgf_12"},$=l.c.bind(sr),m="purpur-price",B=({["data-testid"]:t="purpur-price",regularPriceText:a,priceDescription:s,priceText:o,pricePrefix:d})=>!a&&!o&&!d&&!s?null:r.jsxs("div",{className:$(m),"data-testid":t,children:[a&&r.jsx(p.Paragraph,{"data-testid":`${t}-regular`,variant:"additional-100",children:a}),r.jsxs("div",{className:$(`${m}__price-container`),children:[d&&r.jsx(p.Paragraph,{"data-testid":`${t}-from`,variant:"paragraph-200",children:d}),o&&r.jsx(p.Paragraph,{className:$(`${m}__price-text`,{[`${m}__price-text--discount`]:!!a}),"data-testid":`${t}-actual`,variant:"paragraph-100-bold",children:o})]}),s&&r.jsx(p.Paragraph,{"data-testid":`${t}-description`,variant:"additional-100",children:s})]}),or={"purpur-product-card__content-container":"_purpur-product-card__content-container_71zwa_1","purpur-product-card__product-image":"_purpur-product-card__product-image_71zwa_9","purpur-product-card__product-image--md":"_purpur-product-card__product-image--md_71zwa_17","purpur-product-card__product-image--lg":"_purpur-product-card__product-image--lg_71zwa_20","purpur-product-card__body":"_purpur-product-card__body_71zwa_24","purpur-product-card__footer":"_purpur-product-card__footer_71zwa_29","purpur-product-card-with-cta-text":"_purpur-product-card-with-cta-text_71zwa_34","purpur-product-card__cta-button":"_purpur-product-card__cta-button_71zwa_39"},dr={"purpur-product-header":"_purpur-product-header_1athi_1","purpur-product-header__product-image":"_purpur-product-header__product-image_1athi_7","purpur-product-header__product-information":"_purpur-product-header__product-information_1athi_21"},N=l.c.bind(dr),v="purpur-product-header",f=({["data-testid"]:t="purpur-product-header",children:a})=>a.productImage?r.jsxs("div",{className:N(v),"data-testid":t,children:[r.jsx("div",{className:N(`${v}__product-image`),children:a.productImage}),r.jsx("div",{className:N(`${v}__product-information`),children:r.jsx(c.Card.Content,{children:a.productInformation})})]}):a.productInformation,er={"purpur-stock-status":"_purpur-stock-status_dslay_1"},ur=l.c.bind(er),w={IN_STOCK:"in-stock",BACK_IN_STOCK:"back-in-stock",NOT_IN_STOCK:"not-in-stock"},ir={[w.IN_STOCK]:g.ALERT_BADGE_VARIANT.SUCCESS,[w.BACK_IN_STOCK]:g.ALERT_BADGE_VARIANT.WARNING,[w.NOT_IN_STOCK]:g.ALERT_BADGE_VARIANT.ERROR},pr="purpur-stock-status",z=({["data-testid"]:t="purpur-stock-status",stockStatus:a,stockStatusText:s})=>a&&s&&r.jsxs("div",{className:ur(pr),"data-testid":t,children:[r.jsx(g.AlertBadge,{variant:ir[a]}),r.jsx(p.Paragraph,{variant:"paragraph-100-medium",children:s})]}),nr={name:"cart",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M1.6 3a.9.9 0 0 1 .9-.9H5a.9.9 0 0 1 .88.713L8.275 14.1h10.54l2-7.2H10a.9.9 0 0 1 0-1.8h12a.9.9 0 0 1 .867 1.14l-2.5 9a.9.9 0 0 1-.867.66H8.656l.263 1.236a2.403 2.403 0 0 1 1.806 1.464h5.55a2.4 2.4 0 1 1 0 1.8h-5.55a2.4 2.4 0 1 1-3.567-2.89L4.27 3.9H2.5a.9.9 0 0 1-.9-.9Zm6.9 15.9a.6.6 0 1 0 0 1.2.6.6 0 0 0 0-1.2Zm10 0a.6.6 0 1 0 0 1.2.6.6 0 0 0 0-1.2Z" clip-rule="evenodd"/></svg>',keywords:["cart"],category:"other"},O=t=>r.jsx(rr.b,{...t,svg:nr});O.displayName="IconCart";const i=l.c.bind(or),e="purpur-product-card",n=Y.forwardRef(({["data-testid"]:t="purpur-product-card",badgeText:a,badgeVariant:s,bodyText:o,children:d,className:x,colorVariants:H,colorNames:P,colorListAriaLabel:q,ctaText:h,disabled:j,fullHeight:b=!0,footerContent:A,headingTag:K="h2",href:u,onClick:_,linkElement:k,listItems:S,loading:E=!1,overline:L,priceText:D,priceDescription:G,pricePrefix:V,image:y,imageSize:F="sm",title:Z,regularPriceText:M,stockStatus:U,stockStatusText:W,...J},Q)=>{const X=i(x,e),C={title:Z,titleTag:K,variant:"title-200","data-testid":`${t}-product-name`};return r.jsxs(c.Card,{className:X,"data-testid":t,fullHeight:b,ref:Q,...J,children:[r.jsx(c.Card.Badge,{text:a,variant:s,"data-testid":`${t}-badge`}),r.jsxs(c.Card.ContentContainer,{gapSize:"lg",className:i(`${e}__content-container`),fullHeight:b,children:[r.jsxs(c.Card.Content,{children:[r.jsx(f,{"data-testid":`${t}-product-header`,children:{productImage:y?r.jsx("div",{className:i(`${e}__product-image`,`${e}__product-image--${F}`),"data-testid":`${t}-product-image`,children:y}):null,productInformation:r.jsxs(r.Fragment,{children:[r.jsxs("div",{children:[r.jsx(c.Card.Overline,{"data-testid":`${t}-overline`,overline:L}),u&&r.jsx(c.Card.Heading,{href:u,linkElement:k,disabled:j,onClick:_,...C}),_&&!u&&r.jsx(c.Card.Heading,{disabled:j,onClick:_,...C}),!u&&!_&&r.jsx(c.Card.Heading,{...C})]}),r.jsx(R,{colors:H,colorDotAriaLabels:P,"aria-label":q,"data-testid":`${t}-colors`})]})}}),(o||!!S?.length)&&r.jsxs("div",{className:i(`${e}__body`),children:[o&&r.jsx(p.Paragraph,{"data-testid":`${t}-body-text`,children:o}),r.jsx(c.Card.FeatureList,{"data-testid":`${t}-feature-list`,listItems:S})]})]}),d&&r.jsx(c.Card.Content,{className:`${e}__children`,"data-testid":`${t}-default-content`,children:d})]}),r.jsxs("div",{children:[r.jsxs(c.Card.ContentContainer,{isFooter:!0,children:[r.jsx(c.Card.Content,{children:r.jsxs("div",{className:i(`${e}__footer`,{[`${e}-with-cta-text`]:h}),children:[r.jsx(B,{"data-testid":`${t}-price`,pricePrefix:V,regularPriceText:M,priceDescription:G,priceText:D}),(u||_)&&r.jsx(c.Card.Cta,{className:i(`${e}__cta-button`),"data-testid":`${t}-cta-button`,disabled:j,iconPosition:h?u?"right":"left":void 0,loading:E,text:h,linkStyling:!!(u&&!h),children:u?r.jsx(T.i,{size:"sm"}):r.jsx(O,{size:"sm"})})]})}),A&&r.jsx(c.Card.Content,{"data-testid":`${t}-footer-content`,children:A})]}),r.jsx(z,{"data-testid":`${t}-stock-status`,stockStatus:U,stockStatusText:W})]})]})});n.Colors=R;n.Price=B;n.ProductHeader=f;n.StockStatus=z;n.displayName="ProductCard";exports.ProductCard=n;
+//# sourceMappingURL=product-card-DOBHGAa2.js.map

package/dist/product-card-DOBHGAa2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-card-DOBHGAa2.js","sources":["../../../components/product-card/src/colors.tsx","../../../components/product-card/src/price.tsx","../../../components/product-card/src/product-header.tsx","../../../components/product-card/src/stock-status.tsx","../../../components/icon/dist/components/cart.es.js","../../../components/product-card/src/product-card.tsx"],"sourcesContent":["import React from \"react\";\nimport { ColorDot } from \"@purpur/color-dot\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./colors.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type ColorsProps = {\n  [\"aria-label\"]?: string;\n  [\"data-testid\"]?: string;\n  colors?: string[];\n  colorDotAriaLabels?: string[];\n};\n\nconst rootClassName = \"purpur-colors\";\n\nexport const Colors = ({\n  [\"aria-label\"]: ariaLabel,\n  [\"data-testid\"]: dataTestId = \"purpur-colors\",\n  colors,\n  colorDotAriaLabels,\n}: ColorsProps) =>\n  !!colors?.length && (\n    <ul className={cx(rootClassName)} data-testid={dataTestId} aria-label={ariaLabel}>\n      {colors.map((color: string, index: number) => (\n        <li key={color}>\n          <ColorDot\n            data-testid={`${dataTestId}-color-dot`}\n            withBorder\n            color={color}\n            size=\"xs\"\n            aria-label={colorDotAriaLabels && colorDotAriaLabels[index]}\n          />\n        </li>\n      ))}\n    </ul>\n  );\n","import React from \"react\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./price.module.scss\";\n\nconst cx = c.bind(styles);\n\nconst rootClassName = \"purpur-price\";\n\nexport type PriceProps = {\n  [\"data-testid\"]?: string;\n  regularPriceText?: string;\n  priceDescription?: string;\n  priceText?: string;\n  pricePrefix?: string;\n};\n\nexport const Price = ({\n  [\"data-testid\"]: dataTestId = \"purpur-price\",\n  regularPriceText,\n  priceDescription,\n  priceText,\n  pricePrefix,\n}: PriceProps) => {\n  if (!regularPriceText && !priceText && !pricePrefix && !priceDescription) {\n    return null;\n  }\n\n  return (\n    <div className={cx(rootClassName)} data-testid={dataTestId}>\n      {regularPriceText && (\n        <Paragraph data-testid={`${dataTestId}-regular`} variant=\"additional-100\">\n          {regularPriceText}\n        </Paragraph>\n      )}\n      <div className={cx(`${rootClassName}__price-container`)}>\n        {pricePrefix && (\n          <Paragraph data-testid={`${dataTestId}-from`} variant=\"paragraph-200\">\n            {pricePrefix}\n          </Paragraph>\n        )}\n        {priceText && (\n          <Paragraph\n            className={cx(`${rootClassName}__price-text`, {\n              [`${rootClassName}__price-text--discount`]: !!regularPriceText,\n            })}\n            data-testid={`${dataTestId}-actual`}\n            variant=\"paragraph-100-bold\"\n          >\n            {priceText}\n          </Paragraph>\n        )}\n      </div>\n      {priceDescription && (\n        <Paragraph data-testid={`${dataTestId}-description`} variant=\"additional-100\">\n          {priceDescription}\n        </Paragraph>\n      )}\n    </div>\n  );\n};\n","import React, { type ReactNode } from \"react\";\nimport { Card } from \"@purpur/card\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./product-header.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type HeaderChildren = {\n  productImage: ReactNode | null;\n  productInformation: ReactNode;\n};\n\nexport type HeaderProps = { [\"data-testid\"]?: string; children: HeaderChildren };\n\nconst rootClassName = \"purpur-product-header\";\n\nexport const ProductHeader = ({\n  [\"data-testid\"]: dataTestId = \"purpur-product-header\",\n  children,\n}: HeaderProps) =>\n  children.productImage ? (\n    <div className={cx(rootClassName)} data-testid={dataTestId}>\n      <div className={cx(`${rootClassName}__product-image`)}>{children.productImage}</div>\n      <div className={cx(`${rootClassName}__product-information`)}>\n        <Card.Content>{children.productInformation}</Card.Content>\n      </div>\n    </div>\n  ) : (\n    children.productInformation\n  );\n","import React from \"react\";\nimport { ALERT_BADGE_VARIANT, AlertBadge } from \"@purpur/alert-badge\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./stock-status.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport const STOCK_STATUS = {\n  IN_STOCK: \"in-stock\",\n  BACK_IN_STOCK: \"back-in-stock\",\n  NOT_IN_STOCK: \"not-in-stock\",\n} as const;\n\nexport const StockStatusToAlertBadgeVariantMap = {\n  [STOCK_STATUS.IN_STOCK]: ALERT_BADGE_VARIANT.SUCCESS,\n  [STOCK_STATUS.BACK_IN_STOCK]: ALERT_BADGE_VARIANT.WARNING,\n  [STOCK_STATUS.NOT_IN_STOCK]: ALERT_BADGE_VARIANT.ERROR,\n};\n\nexport type StockStatusVariants = (typeof STOCK_STATUS)[keyof typeof STOCK_STATUS];\n\nexport type StockStatusProps = {\n  [\"data-testid\"]?: string;\n  stockStatus?: StockStatusVariants;\n  stockStatusText?: string;\n};\n\nconst rootClassName = \"purpur-stock-status\";\n\nexport const StockStatus = ({\n  [\"data-testid\"]: dataTestId = \"purpur-stock-status\",\n  stockStatus,\n  stockStatusText,\n}: StockStatusProps) =>\n  stockStatus &&\n  stockStatusText && (\n    <div className={cx(rootClassName)} data-testid={dataTestId}>\n      <AlertBadge variant={StockStatusToAlertBadgeVariantMap[stockStatus]} />\n      <Paragraph variant=\"paragraph-100-medium\">{stockStatusText}</Paragraph>\n    </div>\n  );\n","import { jsx as o } from \"react/jsx-runtime\";\nimport { I as r } from \"../icon-DNHpBTHs.mjs\";\nconst t = {\n  name: \"cart\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M1.6 3a.9.9 0 0 1 .9-.9H5a.9.9 0 0 1 .88.713L8.275 14.1h10.54l2-7.2H10a.9.9 0 0 1 0-1.8h12a.9.9 0 0 1 .867 1.14l-2.5 9a.9.9 0 0 1-.867.66H8.656l.263 1.236a2.403 2.403 0 0 1 1.806 1.464h5.55a2.4 2.4 0 1 1 0 1.8h-5.55a2.4 2.4 0 1 1-3.567-2.89L4.27 3.9H2.5a.9.9 0 0 1-.9-.9Zm6.9 15.9a.6.6 0 1 0 0 1.2.6.6 0 0 0 0-1.2Zm10 0a.6.6 0 1 0 0 1.2.6.6 0 0 0 0-1.2Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"cart\"],\n  category: \"other\"\n}, e = (a) => /* @__PURE__ */ o(r, { ...a, svg: t });\ne.displayName = \"IconCart\";\nexport {\n  e as IconCart\n};\n//# sourceMappingURL=cart.es.js.map\n","import React, {\n  forwardRef,\n  type ForwardRefExoticComponent,\n  type PropsWithoutRef,\n  type ReactNode,\n} from \"react\";\nimport type { BadgeVariant } from \"@purpur/badge\";\nimport type {\n  CardHeadingButtonProps,\n  CardHeadingDefaultProps,\n  CardHeadingLinkProps,\n  CardHeadingNonInteractiveProps,\n  CardProps,\n} from \"@purpur/card\";\nimport { Card } from \"@purpur/card\";\nimport type { HeadingTagType } from \"@purpur/heading\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport { Colors } from \"./colors\";\nimport { Price } from \"./price\";\nimport styles from \"./product-card.module.scss\";\nimport { ProductHeader } from \"./product-header\";\nimport { StockStatus } from \"./stock-status\";\nexport type { StockStatusVariants } from \"./stock-status\";\nimport { IconArrowRight } from \"@purpur/icon/arrow-right\";\nimport { IconCart } from \"@purpur/icon/cart\";\n\nimport type { StockStatusVariants } from \"./stock-status\";\n\nconst cx = c.bind(styles);\n\nexport type ProductCardProps = Omit<CardProps, \"children\"> &\n  (CardHeadingLinkProps | CardHeadingButtonProps | CardHeadingNonInteractiveProps) & {\n    /**\n     * The text that will be in the badge in the top right corner of the card. This is coupled with the badgeVariant prop. Both needs to be set for the badge to be displayed.\n     */\n    badgeText?: string;\n    /**\n     * The variant (color) of the badge in the top right corner of the card. This is coupled with the badgeText prop. Both needs to be set for the badge to be displayed.\n     */\n    badgeVariant?: BadgeVariant;\n    /**\n     * This is the descriptive text about the product displayed under the product name.\n     */\n    bodyText?: string;\n    /**\n     * ReactNode in the default slot under the feature list\n     */\n    children?: ReactNode;\n    /**\n     * This is the color dots informing the customers about the available colors. Send in a list of colors e.g. [\"#000000\", \"#F0E68C\", \"#B0C4DE\", \"#EFD9F4\"].\n     */\n    colorVariants?: string[];\n    colorNames?: string[];\n    colorListAriaLabel?: string;\n    ctaText?: string;\n    /**\n     * Determine if the card should take up the full height of the parent. Useful for getting equal height cards when used in a flex grid. Defaults to true.\n     */\n    fullHeight?: boolean;\n    /**\n     * Any ReactElement that you want to put in under the price.\n     */\n    footerContent?: ReactNode;\n    /**\n     * This is the heading tag used for the product name in the card. Defaults to h2.\n     */\n    headingTag?: HeadingTagType;\n    /**\n     * This is the feature list where each entry is preceded by a checkmark.\n     */\n    listItems?: string[];\n    /**\n     * This is a loading flag used when using the product card as a button (not setting a href). This is so that the user can do some work in the clickHandler and display a loading state in the card. Defaults to false.\n     */\n    loading?: boolean;\n    /**\n     * This is the text above the product name. Used to for example render the product brand name.\n     */\n    overline?: string;\n    /**\n     * The actual price the customer will pay without the \"from\"-prefix. E.g. \"799 kr/mån\"\n     */\n    priceText?: string;\n    /**\n     * Here you can type additional information that will be displayed below the price. E.g. \"VAT excluded\"\n     */\n    priceDescription?: string;\n    /**\n     * The first part of the price text before the actual price. E.g. From 799kr/mån. It's the \"From\" part.\n     */\n    pricePrefix?: string;\n    /**\n     * Provide an image to be displayed at the top of the card. The image container height is set to --purpur-spacing-1600 (128px). So try not to use to big images. The image in the example is 100px width and 128px height giving ~4:5 aspect ratio.\n     */\n    image?: ReactNode;\n    imageSize?: \"sm\" | \"md\" | \"lg\";\n    /**\n     * The name of the product.\n     */\n    title: string;\n    /**\n     * This is used if there is a discount. The priceText will receive additional styling if this field is set. E.g. Regular price 999 kr/mån\n     */\n    regularPriceText?: string;\n    /**\n     * Use this to display the stock status. It has three statuses. in-stock, back-in-stock and not-in-stock. This is to be used together with stockStatus text to display stock status.\n     */\n    stockStatus?: StockStatusVariants;\n    /**\n     * The text for stock status. Could be e.g \"In stock\", \"Back in stock 2024-08-11\" or \"Not in stock\".\n     */\n    stockStatusText?: string;\n  };\n\nconst rootClassName = \"purpur-product-card\";\n\ntype ProductCardStatic = {\n  Colors: typeof Colors;\n  Price: typeof Price;\n  ProductHeader: typeof ProductHeader;\n  StockStatus: typeof StockStatus;\n};\n\ntype ProductCardComponent = ForwardRefExoticComponent<PropsWithoutRef<ProductCardProps>> &\n  ProductCardStatic;\n\nexport const ProductCard = forwardRef<HTMLDivElement, ProductCardProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"purpur-product-card\",\n      badgeText,\n      badgeVariant,\n      bodyText,\n      children,\n      className,\n      colorVariants,\n      colorNames,\n      colorListAriaLabel,\n      ctaText,\n      disabled,\n      fullHeight = true,\n      footerContent,\n      headingTag = \"h2\",\n      href,\n      onClick,\n      linkElement,\n      listItems,\n      loading = false,\n      overline,\n      priceText,\n      priceDescription,\n      pricePrefix,\n      image,\n      imageSize = \"sm\",\n      title,\n      regularPriceText,\n      stockStatus,\n      stockStatusText,\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx(className, rootClassName);\n\n    const headingProps: Pick<\n      CardHeadingDefaultProps,\n      \"title\" | \"titleTag\" | \"variant\" | \"data-testid\"\n    > = {\n      title,\n      titleTag: headingTag,\n      variant: \"title-200\",\n      \"data-testid\": `${dataTestId}-product-name`,\n    };\n\n    return (\n      <Card\n        className={classes}\n        data-testid={dataTestId}\n        fullHeight={fullHeight}\n        ref={ref}\n        {...props}\n      >\n        <Card.Badge text={badgeText} variant={badgeVariant} data-testid={`${dataTestId}-badge`} />\n        <Card.ContentContainer\n          gapSize=\"lg\"\n          className={cx(`${rootClassName}__content-container`)}\n          fullHeight={fullHeight}\n        >\n          <Card.Content>\n            <ProductHeader data-testid={`${dataTestId}-product-header`}>\n              {{\n                productImage: image ? (\n                  <div\n                    className={cx(\n                      `${rootClassName}__product-image`,\n                      `${rootClassName}__product-image--${imageSize}`\n                    )}\n                    data-testid={`${dataTestId}-product-image`}\n                  >\n                    {image}\n                  </div>\n                ) : null,\n                productInformation: (\n                  <>\n                    <div>\n                      <Card.Overline data-testid={`${dataTestId}-overline`} overline={overline} />\n                      {href && (\n                        <Card.Heading\n                          href={href}\n                          linkElement={linkElement}\n                          disabled={disabled}\n                          onClick={onClick}\n                          {...headingProps}\n                        />\n                      )}\n                      {onClick && !href && (\n                        <Card.Heading disabled={disabled} onClick={onClick} {...headingProps} />\n                      )}\n                      {!href && !onClick && <Card.Heading {...headingProps} />}\n                    </div>\n                    <Colors\n                      colors={colorVariants}\n                      colorDotAriaLabels={colorNames}\n                      aria-label={colorListAriaLabel}\n                      data-testid={`${dataTestId}-colors`}\n                    />\n                  </>\n                ),\n              }}\n            </ProductHeader>\n            {(bodyText || !!listItems?.length) && (\n              <div className={cx(`${rootClassName}__body`)}>\n                {bodyText && (\n                  <Paragraph data-testid={`${dataTestId}-body-text`}>{bodyText}</Paragraph>\n                )}\n                <Card.FeatureList\n                  data-testid={`${dataTestId}-feature-list`}\n                  listItems={listItems}\n                />\n              </div>\n            )}\n          </Card.Content>\n          {children && (\n            <Card.Content\n              className={`${rootClassName}__children`}\n              data-testid={`${dataTestId}-default-content`}\n            >\n              {children}\n            </Card.Content>\n          )}\n        </Card.ContentContainer>\n        <div>\n          <Card.ContentContainer isFooter>\n            <Card.Content>\n              <div\n                className={cx(`${rootClassName}__footer`, {\n                  [`${rootClassName}-with-cta-text`]: ctaText,\n                })}\n              >\n                <Price\n                  data-testid={`${dataTestId}-price`}\n                  pricePrefix={pricePrefix}\n                  regularPriceText={regularPriceText}\n                  priceDescription={priceDescription}\n                  priceText={priceText}\n                />\n                {(href || onClick) && (\n                  <Card.Cta\n                    className={cx(`${rootClassName}__cta-button`)}\n                    data-testid={`${dataTestId}-cta-button`}\n                    disabled={disabled}\n                    iconPosition={ctaText ? (href ? \"right\" : \"left\") : undefined}\n                    loading={loading}\n                    text={ctaText}\n                    linkStyling={Boolean(href && !ctaText)}\n                  >\n                    {href ? <IconArrowRight size=\"sm\" /> : <IconCart size=\"sm\" />}\n                  </Card.Cta>\n                )}\n              </div>\n            </Card.Content>\n            {footerContent && (\n              <Card.Content data-testid={`${dataTestId}-footer-content`}>\n                {footerContent}\n              </Card.Content>\n            )}\n          </Card.ContentContainer>\n          <StockStatus\n            data-testid={`${dataTestId}-stock-status`}\n            stockStatus={stockStatus}\n            stockStatusText={stockStatusText}\n          />\n        </div>\n      </Card>\n    );\n  }\n) as ProductCardComponent;\n\nProductCard.Colors = Colors;\nProductCard.Price = Price;\nProductCard.ProductHeader = ProductHeader;\nProductCard.StockStatus = StockStatus;\nProductCard.displayName = \"ProductCard\";\n"],"names":["cx","c","styles","rootClassName","Colors","ariaLabel","dataTestId","colors","colorDotAriaLabels","color","index","jsx","ColorDot","Price","regularPriceText","priceDescription","priceText","pricePrefix","Paragraph","ProductHeader","children","jsxs","Card","STOCK_STATUS","StockStatusToAlertBadgeVariantMap","ALERT_BADGE_VARIANT","StockStatus","stockStatus","stockStatusText","AlertBadge","t","e","a","o","r","ProductCard","forwardRef","badgeText","badgeVariant","bodyText","className","colorVariants","colorNames","colorListAriaLabel","ctaText","disabled","fullHeight","footerContent","headingTag","href","onClick","linkElement","listItems","loading","overline","image","imageSize","title","props","ref","classes","headingProps","Fragment","IconArrowRight","IconCart"],"mappings":"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"}

package/dist/product-card-rfpJbzzV.mjs

@@ -0,0 +1,273 @@
+import { jsx as r, jsxs as c, Fragment as I } from "react/jsx-runtime";
+import { forwardRef as T } from "react";
+import { C as o } from "./card-DiMVw06l.mjs";
+import { a as s } from "./paragraph-DNtj7OLr.mjs";
+import { c as l } from "./bind-CU-R61T-.mjs";
+import { a as rr } from "./color-dot-6Mxngvce.mjs";
+import { b as tr, A as C } from "./alert-badge-u7qAhYbR.mjs";
+import { i as ar } from "./arrow-right.es-C7SkjAB6.mjs";
+import { b as or } from "./icon-DNHpBTHs-JfI8WyiR.mjs";
+const cr = {
+  "purpur-colors": "_purpur-colors_1190y_1"
+}, dr = l.bind(cr), er = "purpur-colors", B = ({
+  ["aria-label"]: t,
+  ["data-testid"]: a = "purpur-colors",
+  colors: d,
+  colorDotAriaLabels: e
+}) => !!d?.length && /* @__PURE__ */ r("ul", { className: dr(er), "data-testid": a, "aria-label": t, children: d.map((p, g) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(
+  rr,
+  {
+    "data-testid": `${a}-color-dot`,
+    withBorder: !0,
+    color: p,
+    size: "xs",
+    "aria-label": e && e[g]
+  }
+) }, p)) }), pr = {
+  "purpur-price": "_purpur-price_1lcgf_1",
+  "purpur-price__price-container": "_purpur-price__price-container_1lcgf_7",
+  "purpur-price__price-text--discount": "_purpur-price__price-text--discount_1lcgf_12"
+}, f = l.bind(pr), $ = "purpur-price", K = ({
+  ["data-testid"]: t = "purpur-price",
+  regularPriceText: a,
+  priceDescription: d,
+  priceText: e,
+  pricePrefix: p
+}) => !a && !e && !p && !d ? null : /* @__PURE__ */ c("div", { className: f($), "data-testid": t, children: [
+  a && /* @__PURE__ */ r(s, { "data-testid": `${t}-regular`, variant: "additional-100", children: a }),
+  /* @__PURE__ */ c("div", { className: f(`${$}__price-container`), children: [
+    p && /* @__PURE__ */ r(s, { "data-testid": `${t}-from`, variant: "paragraph-200", children: p }),
+    e && /* @__PURE__ */ r(
+      s,
+      {
+        className: f(`${$}__price-text`, {
+          [`${$}__price-text--discount`]: !!a
+        }),
+        "data-testid": `${t}-actual`,
+        variant: "paragraph-100-bold",
+        children: e
+      }
+    )
+  ] }),
+  d && /* @__PURE__ */ r(s, { "data-testid": `${t}-description`, variant: "additional-100", children: d })
+] }), ir = {
+  "purpur-product-card__content-container": "_purpur-product-card__content-container_71zwa_1",
+  "purpur-product-card__product-image": "_purpur-product-card__product-image_71zwa_9",
+  "purpur-product-card__product-image--md": "_purpur-product-card__product-image--md_71zwa_17",
+  "purpur-product-card__product-image--lg": "_purpur-product-card__product-image--lg_71zwa_20",
+  "purpur-product-card__body": "_purpur-product-card__body_71zwa_24",
+  "purpur-product-card__footer": "_purpur-product-card__footer_71zwa_29",
+  "purpur-product-card-with-cta-text": "_purpur-product-card-with-cta-text_71zwa_34",
+  "purpur-product-card__cta-button": "_purpur-product-card__cta-button_71zwa_39"
+}, ur = {
+  "purpur-product-header": "_purpur-product-header_1athi_1",
+  "purpur-product-header__product-image": "_purpur-product-header__product-image_1athi_7",
+  "purpur-product-header__product-information": "_purpur-product-header__product-information_1athi_21"
+}, w = l.bind(ur), b = "purpur-product-header", k = ({
+  ["data-testid"]: t = "purpur-product-header",
+  children: a
+}) => a.productImage ? /* @__PURE__ */ c("div", { className: w(b), "data-testid": t, children: [
+  /* @__PURE__ */ r("div", { className: w(`${b}__product-image`), children: a.productImage }),
+  /* @__PURE__ */ r("div", { className: w(`${b}__product-information`), children: /* @__PURE__ */ r(o.Content, { children: a.productInformation }) })
+] }) : a.productInformation, nr = {
+  "purpur-stock-status": "_purpur-stock-status_dslay_1"
+}, sr = l.bind(nr), S = {
+  IN_STOCK: "in-stock",
+  BACK_IN_STOCK: "back-in-stock",
+  NOT_IN_STOCK: "not-in-stock"
+}, _r = {
+  [S.IN_STOCK]: C.SUCCESS,
+  [S.BACK_IN_STOCK]: C.WARNING,
+  [S.NOT_IN_STOCK]: C.ERROR
+}, lr = "purpur-stock-status", x = ({
+  ["data-testid"]: t = "purpur-stock-status",
+  stockStatus: a,
+  stockStatusText: d
+}) => a && d && /* @__PURE__ */ c("div", { className: sr(lr), "data-testid": t, children: [
+  /* @__PURE__ */ r(tr, { variant: _r[a] }),
+  /* @__PURE__ */ r(s, { variant: "paragraph-100-medium", children: d })
+] }), mr = {
+  name: "cart",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M1.6 3a.9.9 0 0 1 .9-.9H5a.9.9 0 0 1 .88.713L8.275 14.1h10.54l2-7.2H10a.9.9 0 0 1 0-1.8h12a.9.9 0 0 1 .867 1.14l-2.5 9a.9.9 0 0 1-.867.66H8.656l.263 1.236a2.403 2.403 0 0 1 1.806 1.464h5.55a2.4 2.4 0 1 1 0 1.8h-5.55a2.4 2.4 0 1 1-3.567-2.89L4.27 3.9H2.5a.9.9 0 0 1-.9-.9Zm6.9 15.9a.6.6 0 1 0 0 1.2.6.6 0 0 0 0-1.2Zm10 0a.6.6 0 1 0 0 1.2.6.6 0 0 0 0-1.2Z" clip-rule="evenodd"/></svg>',
+  keywords: ["cart"],
+  category: "other"
+}, H = (t) => /* @__PURE__ */ r(or, { ...t, svg: mr });
+H.displayName = "IconCart";
+const n = l.bind(ir), i = "purpur-product-card", m = T(
+  ({
+    ["data-testid"]: t = "purpur-product-card",
+    badgeText: a,
+    badgeVariant: d,
+    bodyText: e,
+    children: p,
+    className: g,
+    colorVariants: R,
+    colorNames: P,
+    colorListAriaLabel: E,
+    ctaText: h,
+    disabled: N,
+    fullHeight: y = !0,
+    footerContent: z,
+    headingTag: L = "h2",
+    href: u,
+    onClick: _,
+    linkElement: F,
+    listItems: A,
+    loading: Z = !1,
+    overline: j,
+    priceText: G,
+    priceDescription: M,
+    pricePrefix: U,
+    image: O,
+    imageSize: V = "sm",
+    title: W,
+    regularPriceText: q,
+    stockStatus: D,
+    stockStatusText: J,
+    ...Q
+  }, X) => {
+    const Y = n(g, i), v = {
+      title: W,
+      titleTag: L,
+      variant: "title-200",
+      "data-testid": `${t}-product-name`
+    };
+    return /* @__PURE__ */ c(
+      o,
+      {
+        className: Y,
+        "data-testid": t,
+        fullHeight: y,
+        ref: X,
+        ...Q,
+        children: [
+          /* @__PURE__ */ r(o.Badge, { text: a, variant: d, "data-testid": `${t}-badge` }),
+          /* @__PURE__ */ c(
+            o.ContentContainer,
+            {
+              gapSize: "lg",
+              className: n(`${i}__content-container`),
+              fullHeight: y,
+              children: [
+                /* @__PURE__ */ c(o.Content, { children: [
+                  /* @__PURE__ */ r(k, { "data-testid": `${t}-product-header`, children: {
+                    productImage: O ? /* @__PURE__ */ r(
+                      "div",
+                      {
+                        className: n(
+                          `${i}__product-image`,
+                          `${i}__product-image--${V}`
+                        ),
+                        "data-testid": `${t}-product-image`,
+                        children: O
+                      }
+                    ) : null,
+                    productInformation: /* @__PURE__ */ c(I, { children: [
+                      /* @__PURE__ */ c("div", { children: [
+                        /* @__PURE__ */ r(o.Overline, { "data-testid": `${t}-overline`, overline: j }),
+                        u && /* @__PURE__ */ r(
+                          o.Heading,
+                          {
+                            href: u,
+                            linkElement: F,
+                            disabled: N,
+                            onClick: _,
+                            ...v
+                          }
+                        ),
+                        _ && !u && /* @__PURE__ */ r(o.Heading, { disabled: N, onClick: _, ...v }),
+                        !u && !_ && /* @__PURE__ */ r(o.Heading, { ...v })
+                      ] }),
+                      /* @__PURE__ */ r(
+                        B,
+                        {
+                          colors: R,
+                          colorDotAriaLabels: P,
+                          "aria-label": E,
+                          "data-testid": `${t}-colors`
+                        }
+                      )
+                    ] })
+                  } }),
+                  (e || !!A?.length) && /* @__PURE__ */ c("div", { className: n(`${i}__body`), children: [
+                    e && /* @__PURE__ */ r(s, { "data-testid": `${t}-body-text`, children: e }),
+                    /* @__PURE__ */ r(
+                      o.FeatureList,
+                      {
+                        "data-testid": `${t}-feature-list`,
+                        listItems: A
+                      }
+                    )
+                  ] })
+                ] }),
+                p && /* @__PURE__ */ r(
+                  o.Content,
+                  {
+                    className: `${i}__children`,
+                    "data-testid": `${t}-default-content`,
+                    children: p
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ c("div", { children: [
+            /* @__PURE__ */ c(o.ContentContainer, { isFooter: !0, children: [
+              /* @__PURE__ */ r(o.Content, { children: /* @__PURE__ */ c(
+                "div",
+                {
+                  className: n(`${i}__footer`, {
+                    [`${i}-with-cta-text`]: h
+                  }),
+                  children: [
+                    /* @__PURE__ */ r(
+                      K,
+                      {
+                        "data-testid": `${t}-price`,
+                        pricePrefix: U,
+                        regularPriceText: q,
+                        priceDescription: M,
+                        priceText: G
+                      }
+                    ),
+                    (u || _) && /* @__PURE__ */ r(
+                      o.Cta,
+                      {
+                        className: n(`${i}__cta-button`),
+                        "data-testid": `${t}-cta-button`,
+                        disabled: N,
+                        iconPosition: h ? u ? "right" : "left" : void 0,
+                        loading: Z,
+                        text: h,
+                        linkStyling: !!(u && !h),
+                        children: u ? /* @__PURE__ */ r(ar, { size: "sm" }) : /* @__PURE__ */ r(H, { size: "sm" })
+                      }
+                    )
+                  ]
+                }
+              ) }),
+              z && /* @__PURE__ */ r(o.Content, { "data-testid": `${t}-footer-content`, children: z })
+            ] }),
+            /* @__PURE__ */ r(
+              x,
+              {
+                "data-testid": `${t}-stock-status`,
+                stockStatus: D,
+                stockStatusText: J
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+);
+m.Colors = B;
+m.Price = K;
+m.ProductHeader = k;
+m.StockStatus = x;
+m.displayName = "ProductCard";
+export {
+  m as P
+};
+//# sourceMappingURL=product-card-rfpJbzzV.mjs.map

package/dist/product-card-rfpJbzzV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-card-rfpJbzzV.mjs","sources":["../../../components/product-card/src/colors.tsx","../../../components/product-card/src/price.tsx","../../../components/product-card/src/product-header.tsx","../../../components/product-card/src/stock-status.tsx","../../../components/icon/dist/components/cart.es.js","../../../components/product-card/src/product-card.tsx"],"sourcesContent":["import React from \"react\";\nimport { ColorDot } from \"@purpur/color-dot\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./colors.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type ColorsProps = {\n  [\"aria-label\"]?: string;\n  [\"data-testid\"]?: string;\n  colors?: string[];\n  colorDotAriaLabels?: string[];\n};\n\nconst rootClassName = \"purpur-colors\";\n\nexport const Colors = ({\n  [\"aria-label\"]: ariaLabel,\n  [\"data-testid\"]: dataTestId = \"purpur-colors\",\n  colors,\n  colorDotAriaLabels,\n}: ColorsProps) =>\n  !!colors?.length && (\n    <ul className={cx(rootClassName)} data-testid={dataTestId} aria-label={ariaLabel}>\n      {colors.map((color: string, index: number) => (\n        <li key={color}>\n          <ColorDot\n            data-testid={`${dataTestId}-color-dot`}\n            withBorder\n            color={color}\n            size=\"xs\"\n            aria-label={colorDotAriaLabels && colorDotAriaLabels[index]}\n          />\n        </li>\n      ))}\n    </ul>\n  );\n","import React from \"react\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./price.module.scss\";\n\nconst cx = c.bind(styles);\n\nconst rootClassName = \"purpur-price\";\n\nexport type PriceProps = {\n  [\"data-testid\"]?: string;\n  regularPriceText?: string;\n  priceDescription?: string;\n  priceText?: string;\n  pricePrefix?: string;\n};\n\nexport const Price = ({\n  [\"data-testid\"]: dataTestId = \"purpur-price\",\n  regularPriceText,\n  priceDescription,\n  priceText,\n  pricePrefix,\n}: PriceProps) => {\n  if (!regularPriceText && !priceText && !pricePrefix && !priceDescription) {\n    return null;\n  }\n\n  return (\n    <div className={cx(rootClassName)} data-testid={dataTestId}>\n      {regularPriceText && (\n        <Paragraph data-testid={`${dataTestId}-regular`} variant=\"additional-100\">\n          {regularPriceText}\n        </Paragraph>\n      )}\n      <div className={cx(`${rootClassName}__price-container`)}>\n        {pricePrefix && (\n          <Paragraph data-testid={`${dataTestId}-from`} variant=\"paragraph-200\">\n            {pricePrefix}\n          </Paragraph>\n        )}\n        {priceText && (\n          <Paragraph\n            className={cx(`${rootClassName}__price-text`, {\n              [`${rootClassName}__price-text--discount`]: !!regularPriceText,\n            })}\n            data-testid={`${dataTestId}-actual`}\n            variant=\"paragraph-100-bold\"\n          >\n            {priceText}\n          </Paragraph>\n        )}\n      </div>\n      {priceDescription && (\n        <Paragraph data-testid={`${dataTestId}-description`} variant=\"additional-100\">\n          {priceDescription}\n        </Paragraph>\n      )}\n    </div>\n  );\n};\n","import React, { type ReactNode } from \"react\";\nimport { Card } from \"@purpur/card\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./product-header.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type HeaderChildren = {\n  productImage: ReactNode | null;\n  productInformation: ReactNode;\n};\n\nexport type HeaderProps = { [\"data-testid\"]?: string; children: HeaderChildren };\n\nconst rootClassName = \"purpur-product-header\";\n\nexport const ProductHeader = ({\n  [\"data-testid\"]: dataTestId = \"purpur-product-header\",\n  children,\n}: HeaderProps) =>\n  children.productImage ? (\n    <div className={cx(rootClassName)} data-testid={dataTestId}>\n      <div className={cx(`${rootClassName}__product-image`)}>{children.productImage}</div>\n      <div className={cx(`${rootClassName}__product-information`)}>\n        <Card.Content>{children.productInformation}</Card.Content>\n      </div>\n    </div>\n  ) : (\n    children.productInformation\n  );\n","import React from \"react\";\nimport { ALERT_BADGE_VARIANT, AlertBadge } from \"@purpur/alert-badge\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./stock-status.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport const STOCK_STATUS = {\n  IN_STOCK: \"in-stock\",\n  BACK_IN_STOCK: \"back-in-stock\",\n  NOT_IN_STOCK: \"not-in-stock\",\n} as const;\n\nexport const StockStatusToAlertBadgeVariantMap = {\n  [STOCK_STATUS.IN_STOCK]: ALERT_BADGE_VARIANT.SUCCESS,\n  [STOCK_STATUS.BACK_IN_STOCK]: ALERT_BADGE_VARIANT.WARNING,\n  [STOCK_STATUS.NOT_IN_STOCK]: ALERT_BADGE_VARIANT.ERROR,\n};\n\nexport type StockStatusVariants = (typeof STOCK_STATUS)[keyof typeof STOCK_STATUS];\n\nexport type StockStatusProps = {\n  [\"data-testid\"]?: string;\n  stockStatus?: StockStatusVariants;\n  stockStatusText?: string;\n};\n\nconst rootClassName = \"purpur-stock-status\";\n\nexport const StockStatus = ({\n  [\"data-testid\"]: dataTestId = \"purpur-stock-status\",\n  stockStatus,\n  stockStatusText,\n}: StockStatusProps) =>\n  stockStatus &&\n  stockStatusText && (\n    <div className={cx(rootClassName)} data-testid={dataTestId}>\n      <AlertBadge variant={StockStatusToAlertBadgeVariantMap[stockStatus]} />\n      <Paragraph variant=\"paragraph-100-medium\">{stockStatusText}</Paragraph>\n    </div>\n  );\n","import { jsx as o } from \"react/jsx-runtime\";\nimport { I as r } from \"../icon-DNHpBTHs.mjs\";\nconst t = {\n  name: \"cart\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M1.6 3a.9.9 0 0 1 .9-.9H5a.9.9 0 0 1 .88.713L8.275 14.1h10.54l2-7.2H10a.9.9 0 0 1 0-1.8h12a.9.9 0 0 1 .867 1.14l-2.5 9a.9.9 0 0 1-.867.66H8.656l.263 1.236a2.403 2.403 0 0 1 1.806 1.464h5.55a2.4 2.4 0 1 1 0 1.8h-5.55a2.4 2.4 0 1 1-3.567-2.89L4.27 3.9H2.5a.9.9 0 0 1-.9-.9Zm6.9 15.9a.6.6 0 1 0 0 1.2.6.6 0 0 0 0-1.2Zm10 0a.6.6 0 1 0 0 1.2.6.6 0 0 0 0-1.2Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"cart\"],\n  category: \"other\"\n}, e = (a) => /* @__PURE__ */ o(r, { ...a, svg: t });\ne.displayName = \"IconCart\";\nexport {\n  e as IconCart\n};\n//# sourceMappingURL=cart.es.js.map\n","import React, {\n  forwardRef,\n  type ForwardRefExoticComponent,\n  type PropsWithoutRef,\n  type ReactNode,\n} from \"react\";\nimport type { BadgeVariant } from \"@purpur/badge\";\nimport type {\n  CardHeadingButtonProps,\n  CardHeadingDefaultProps,\n  CardHeadingLinkProps,\n  CardHeadingNonInteractiveProps,\n  CardProps,\n} from \"@purpur/card\";\nimport { Card } from \"@purpur/card\";\nimport type { HeadingTagType } from \"@purpur/heading\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport { Colors } from \"./colors\";\nimport { Price } from \"./price\";\nimport styles from \"./product-card.module.scss\";\nimport { ProductHeader } from \"./product-header\";\nimport { StockStatus } from \"./stock-status\";\nexport type { StockStatusVariants } from \"./stock-status\";\nimport { IconArrowRight } from \"@purpur/icon/arrow-right\";\nimport { IconCart } from \"@purpur/icon/cart\";\n\nimport type { StockStatusVariants } from \"./stock-status\";\n\nconst cx = c.bind(styles);\n\nexport type ProductCardProps = Omit<CardProps, \"children\"> &\n  (CardHeadingLinkProps | CardHeadingButtonProps | CardHeadingNonInteractiveProps) & {\n    /**\n     * The text that will be in the badge in the top right corner of the card. This is coupled with the badgeVariant prop. Both needs to be set for the badge to be displayed.\n     */\n    badgeText?: string;\n    /**\n     * The variant (color) of the badge in the top right corner of the card. This is coupled with the badgeText prop. Both needs to be set for the badge to be displayed.\n     */\n    badgeVariant?: BadgeVariant;\n    /**\n     * This is the descriptive text about the product displayed under the product name.\n     */\n    bodyText?: string;\n    /**\n     * ReactNode in the default slot under the feature list\n     */\n    children?: ReactNode;\n    /**\n     * This is the color dots informing the customers about the available colors. Send in a list of colors e.g. [\"#000000\", \"#F0E68C\", \"#B0C4DE\", \"#EFD9F4\"].\n     */\n    colorVariants?: string[];\n    colorNames?: string[];\n    colorListAriaLabel?: string;\n    ctaText?: string;\n    /**\n     * Determine if the card should take up the full height of the parent. Useful for getting equal height cards when used in a flex grid. Defaults to true.\n     */\n    fullHeight?: boolean;\n    /**\n     * Any ReactElement that you want to put in under the price.\n     */\n    footerContent?: ReactNode;\n    /**\n     * This is the heading tag used for the product name in the card. Defaults to h2.\n     */\n    headingTag?: HeadingTagType;\n    /**\n     * This is the feature list where each entry is preceded by a checkmark.\n     */\n    listItems?: string[];\n    /**\n     * This is a loading flag used when using the product card as a button (not setting a href). This is so that the user can do some work in the clickHandler and display a loading state in the card. Defaults to false.\n     */\n    loading?: boolean;\n    /**\n     * This is the text above the product name. Used to for example render the product brand name.\n     */\n    overline?: string;\n    /**\n     * The actual price the customer will pay without the \"from\"-prefix. E.g. \"799 kr/mån\"\n     */\n    priceText?: string;\n    /**\n     * Here you can type additional information that will be displayed below the price. E.g. \"VAT excluded\"\n     */\n    priceDescription?: string;\n    /**\n     * The first part of the price text before the actual price. E.g. From 799kr/mån. It's the \"From\" part.\n     */\n    pricePrefix?: string;\n    /**\n     * Provide an image to be displayed at the top of the card. The image container height is set to --purpur-spacing-1600 (128px). So try not to use to big images. The image in the example is 100px width and 128px height giving ~4:5 aspect ratio.\n     */\n    image?: ReactNode;\n    imageSize?: \"sm\" | \"md\" | \"lg\";\n    /**\n     * The name of the product.\n     */\n    title: string;\n    /**\n     * This is used if there is a discount. The priceText will receive additional styling if this field is set. E.g. Regular price 999 kr/mån\n     */\n    regularPriceText?: string;\n    /**\n     * Use this to display the stock status. It has three statuses. in-stock, back-in-stock and not-in-stock. This is to be used together with stockStatus text to display stock status.\n     */\n    stockStatus?: StockStatusVariants;\n    /**\n     * The text for stock status. Could be e.g \"In stock\", \"Back in stock 2024-08-11\" or \"Not in stock\".\n     */\n    stockStatusText?: string;\n  };\n\nconst rootClassName = \"purpur-product-card\";\n\ntype ProductCardStatic = {\n  Colors: typeof Colors;\n  Price: typeof Price;\n  ProductHeader: typeof ProductHeader;\n  StockStatus: typeof StockStatus;\n};\n\ntype ProductCardComponent = ForwardRefExoticComponent<PropsWithoutRef<ProductCardProps>> &\n  ProductCardStatic;\n\nexport const ProductCard = forwardRef<HTMLDivElement, ProductCardProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"purpur-product-card\",\n      badgeText,\n      badgeVariant,\n      bodyText,\n      children,\n      className,\n      colorVariants,\n      colorNames,\n      colorListAriaLabel,\n      ctaText,\n      disabled,\n      fullHeight = true,\n      footerContent,\n      headingTag = \"h2\",\n      href,\n      onClick,\n      linkElement,\n      listItems,\n      loading = false,\n      overline,\n      priceText,\n      priceDescription,\n      pricePrefix,\n      image,\n      imageSize = \"sm\",\n      title,\n      regularPriceText,\n      stockStatus,\n      stockStatusText,\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx(className, rootClassName);\n\n    const headingProps: Pick<\n      CardHeadingDefaultProps,\n      \"title\" | \"titleTag\" | \"variant\" | \"data-testid\"\n    > = {\n      title,\n      titleTag: headingTag,\n      variant: \"title-200\",\n      \"data-testid\": `${dataTestId}-product-name`,\n    };\n\n    return (\n      <Card\n        className={classes}\n        data-testid={dataTestId}\n        fullHeight={fullHeight}\n        ref={ref}\n        {...props}\n      >\n        <Card.Badge text={badgeText} variant={badgeVariant} data-testid={`${dataTestId}-badge`} />\n        <Card.ContentContainer\n          gapSize=\"lg\"\n          className={cx(`${rootClassName}__content-container`)}\n          fullHeight={fullHeight}\n        >\n          <Card.Content>\n            <ProductHeader data-testid={`${dataTestId}-product-header`}>\n              {{\n                productImage: image ? (\n                  <div\n                    className={cx(\n                      `${rootClassName}__product-image`,\n                      `${rootClassName}__product-image--${imageSize}`\n                    )}\n                    data-testid={`${dataTestId}-product-image`}\n                  >\n                    {image}\n                  </div>\n                ) : null,\n                productInformation: (\n                  <>\n                    <div>\n                      <Card.Overline data-testid={`${dataTestId}-overline`} overline={overline} />\n                      {href && (\n                        <Card.Heading\n                          href={href}\n                          linkElement={linkElement}\n                          disabled={disabled}\n                          onClick={onClick}\n                          {...headingProps}\n                        />\n                      )}\n                      {onClick && !href && (\n                        <Card.Heading disabled={disabled} onClick={onClick} {...headingProps} />\n                      )}\n                      {!href && !onClick && <Card.Heading {...headingProps} />}\n                    </div>\n                    <Colors\n                      colors={colorVariants}\n                      colorDotAriaLabels={colorNames}\n                      aria-label={colorListAriaLabel}\n                      data-testid={`${dataTestId}-colors`}\n                    />\n                  </>\n                ),\n              }}\n            </ProductHeader>\n            {(bodyText || !!listItems?.length) && (\n              <div className={cx(`${rootClassName}__body`)}>\n                {bodyText && (\n                  <Paragraph data-testid={`${dataTestId}-body-text`}>{bodyText}</Paragraph>\n                )}\n                <Card.FeatureList\n                  data-testid={`${dataTestId}-feature-list`}\n                  listItems={listItems}\n                />\n              </div>\n            )}\n          </Card.Content>\n          {children && (\n            <Card.Content\n              className={`${rootClassName}__children`}\n              data-testid={`${dataTestId}-default-content`}\n            >\n              {children}\n            </Card.Content>\n          )}\n        </Card.ContentContainer>\n        <div>\n          <Card.ContentContainer isFooter>\n            <Card.Content>\n              <div\n                className={cx(`${rootClassName}__footer`, {\n                  [`${rootClassName}-with-cta-text`]: ctaText,\n                })}\n              >\n                <Price\n                  data-testid={`${dataTestId}-price`}\n                  pricePrefix={pricePrefix}\n                  regularPriceText={regularPriceText}\n                  priceDescription={priceDescription}\n                  priceText={priceText}\n                />\n                {(href || onClick) && (\n                  <Card.Cta\n                    className={cx(`${rootClassName}__cta-button`)}\n                    data-testid={`${dataTestId}-cta-button`}\n                    disabled={disabled}\n                    iconPosition={ctaText ? (href ? \"right\" : \"left\") : undefined}\n                    loading={loading}\n                    text={ctaText}\n                    linkStyling={Boolean(href && !ctaText)}\n                  >\n                    {href ? <IconArrowRight size=\"sm\" /> : <IconCart size=\"sm\" />}\n                  </Card.Cta>\n                )}\n              </div>\n            </Card.Content>\n            {footerContent && (\n              <Card.Content data-testid={`${dataTestId}-footer-content`}>\n                {footerContent}\n              </Card.Content>\n            )}\n          </Card.ContentContainer>\n          <StockStatus\n            data-testid={`${dataTestId}-stock-status`}\n            stockStatus={stockStatus}\n            stockStatusText={stockStatusText}\n          />\n        </div>\n      </Card>\n    );\n  }\n) as ProductCardComponent;\n\nProductCard.Colors = Colors;\nProductCard.Price = Price;\nProductCard.ProductHeader = ProductHeader;\nProductCard.StockStatus = StockStatus;\nProductCard.displayName = \"ProductCard\";\n"],"names":["cx","c","styles","rootClassName","Colors","ariaLabel","dataTestId","colors","colorDotAriaLabels","color","index","jsx","ColorDot","Price","regularPriceText","priceDescription","priceText","pricePrefix","Paragraph","ProductHeader","children","jsxs","Card","STOCK_STATUS","StockStatusToAlertBadgeVariantMap","ALERT_BADGE_VARIANT","StockStatus","stockStatus","stockStatusText","AlertBadge","t","e","a","o","r","ProductCard","forwardRef","badgeText","badgeVariant","bodyText","className","colorVariants","colorNames","colorListAriaLabel","ctaText","disabled","fullHeight","footerContent","headingTag","href","onClick","linkElement","listItems","loading","overline","image","imageSize","title","props","ref","classes","headingProps","Fragment","IconArrowRight","IconCart"],"mappings":"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"}

package/dist/product-card.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./product-card-DOBHGAa2.js");exports.ProductCard=r.ProductCard;
+//# sourceMappingURL=product-card.cjs.js.map

package/dist/product-card.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-card.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/product-card.d.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+export * from '@purpur/product-card';
+//# sourceMappingURL=product-card.d.ts.map

package/dist/product-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-card.d.ts","sourceRoot":"","sources":["../src/product-card.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,sBAAsB,CAAC"}

package/dist/product-card.es.js

@@ -0,0 +1,5 @@
+import { P as a } from "./product-card-rfpJbzzV.mjs";
+export {
+  a as ProductCard
+};
+//# sourceMappingURL=product-card.es.js.map

package/dist/product-card.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-card.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}