@purpur/library 9.5.0 → 9.6.0

package/dist/library.es.js.map

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

package/dist/loading-Dwtkjstg.js

@@ -0,0 +1,2 @@
+"use strict";const t=require("react/jsx-runtime"),d=require("react"),y=require("./visually-hidden-C2CKovZx.js"),x=require("./bind-DeUYJ6m9.js"),m=require("./paragraph-By4jMjnH.js"),N={"purpur-loading-dots":"_purpur-loading-dots_kw4ys_1","purpur-loading-dots__dot":"_purpur-loading-dots__dot_kw4ys_7","purpur-loading-dots-bounce":"_purpur-loading-dots-bounce_kw4ys_1","purpur-loading-dots__dot--left":"_purpur-loading-dots__dot--left_kw4ys_22","purpur-loading-dots__dot--middle":"_purpur-loading-dots__dot--middle_kw4ys_25","purpur-loading-dots__dot--right":"_purpur-loading-dots__dot--right_kw4ys_28","purpur-loading-dots--negative":"_purpur-loading-dots--negative_kw4ys_31"},n=x.c.bind(N),a="purpur-loading-dots",w=({className:s,negative:r=!1,"aria-label":e,role:u="status","aria-atomic":p="true","aria-live":_="polite"})=>{const[l,i]=d.useState("");return d.useEffect(()=>{const c=window.setTimeout(()=>{i(e)},0);return()=>window.clearTimeout(c)},[e]),t.jsxs("div",{className:n(a,s,{[`${a}--negative`]:r}),role:u,"aria-atomic":p,"aria-live":_,children:[t.jsx(y.VisuallyHidden,{children:l}),t.jsx("span",{"aria-hidden":"true",className:n(`${a}__dot`,`${a}__dot--left`)}),t.jsx("span",{"aria-hidden":"true",className:n(`${a}__dot`,`${a}__dot--middle`)}),t.jsx("span",{"aria-hidden":"true",className:n(`${a}__dot`,`${a}__dot--right`)})]})};w.displayName="Loading.Dots";const b={"purpur-loading":"_purpur-loading_ugc3y_1","purpur-loading--deep-thinking":"_purpur-loading--deep-thinking_ugc3y_5","purpur-loading__deep-thinking-text":"_purpur-loading__deep-thinking-text_ugc3y_8","purpur-loading-shimmer":"_purpur-loading-shimmer_ugc3y_1","purpur-paragraph":"_purpur-paragraph_ugc3y_29","purpur-loading--negative":"_purpur-loading--negative_ugc3y_33"},h=x.c.bind(b),o="purpur-loading",k=({className:s,negative:r=!1,label:e,"aria-label":u,role:p="status","aria-atomic":_="true","aria-live":l="polite"})=>{const i=u??e,[c,v]=d.useState("");return d.useEffect(()=>{const $=window.setTimeout(()=>{v(i)},0);return()=>window.clearTimeout($)},[i]),t.jsxs("div",{className:h(o,`${o}--deep-thinking`,s,{[`${o}--negative`]:r}),role:p,"aria-atomic":_,"aria-live":l,children:[t.jsx(y.VisuallyHidden,{children:c}),t.jsx(m.Paragraph,{"aria-hidden":"true",className:h(`${o}__deep-thinking-text`),negative:r,variant:m.ParagraphVariant.PARAGRAPH100MEDIUM,children:e})]})};k.displayName="Loading.Text";const g={};g.Dots=w;g.Text=k;exports.Loading=g;
+//# sourceMappingURL=loading-Dwtkjstg.js.map

package/dist/loading-Dwtkjstg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-Dwtkjstg.js","sources":["../../../components/loading/src/loading-dots.tsx","../../../components/loading/src/loading-text.tsx","../../../components/loading/src/loading.tsx"],"sourcesContent":["import React, { type AriaAttributes, type AriaRole, useEffect, useState } from \"react\";\nimport { VisuallyHidden } from \"@purpur/visually-hidden\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./loading-dots.module.scss\";\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-loading-dots\";\n\nexport type LoadingDotsProps = {\n  className?: string;\n  negative?: boolean;\n  /** Optional ARIA role for the live region. Defaults to `status`. */\n  role?: AriaRole;\n  /** Optional ARIA atomic setting for the live region. Defaults to `true`. */\n  \"aria-atomic\"?: AriaAttributes[\"aria-atomic\"];\n  /** Optional ARIA live politeness setting. Defaults to `polite`. */\n  \"aria-live\"?: AriaAttributes[\"aria-live\"];\n  /** Accessible label announced by assistive technologies for the typing indicator. */\n  \"aria-label\": string;\n};\n\nconst LoadingDots = ({\n  className,\n  negative = false,\n  \"aria-label\": ariaLabel,\n  role = \"status\",\n  \"aria-atomic\": ariaAtomic = \"true\",\n  \"aria-live\": ariaLive = \"polite\",\n}: LoadingDotsProps) => {\n  // Defer label text by one frame so the live region wrapper is already in the\n  // accessibility tree when content appears. VoiceOver only announces content\n  // that mutates an existing live region, not content present at mount time.\n  const [announcedLabel, setAnnouncedLabel] = useState(\"\");\n\n  useEffect(() => {\n    const timer = window.setTimeout(() => {\n      setAnnouncedLabel(ariaLabel);\n    }, 0);\n    return () => window.clearTimeout(timer);\n  }, [ariaLabel]);\n\n  return (\n    <div\n      className={cx(rootClassName, className, {\n        [`${rootClassName}--negative`]: negative,\n      })}\n      role={role}\n      aria-atomic={ariaAtomic}\n      aria-live={ariaLive}\n    >\n      <VisuallyHidden>{announcedLabel}</VisuallyHidden>\n      <span aria-hidden=\"true\" className={cx(`${rootClassName}__dot`, `${rootClassName}__dot--left`)} />\n      <span\n        aria-hidden=\"true\"\n        className={cx(`${rootClassName}__dot`, `${rootClassName}__dot--middle`)}\n      />\n      <span aria-hidden=\"true\" className={cx(`${rootClassName}__dot`, `${rootClassName}__dot--right`)} />\n    </div>\n  );\n};\n\nLoadingDots.displayName = \"Loading.Dots\";\n\nexport { LoadingDots };\n","import React, { type AriaAttributes, type AriaRole, useEffect, useState } from \"react\";\nimport { Paragraph, ParagraphVariant } from \"@purpur/paragraph\";\nimport { VisuallyHidden } from \"@purpur/visually-hidden\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./loading-text.module.scss\";\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-loading\";\n\nexport type LoadingTextProps = {\n  className?: string;\n  negative?: boolean;\n  /** Visible label displayed during the deep-thinking state. */\n  label: string;\n  /** Optional accessible label for deep-thinking. Falls back to `label` when omitted. */\n  \"aria-label\"?: string;\n  /** Optional ARIA role for the live region. Defaults to `status`. */\n  role?: AriaRole;\n  /** Optional ARIA atomic setting for the live region. Defaults to `true`. */\n  \"aria-atomic\"?: AriaAttributes[\"aria-atomic\"];\n  /** Optional ARIA live politeness setting. Defaults to `polite`. */\n  \"aria-live\"?: AriaAttributes[\"aria-live\"];\n};\n\nconst LoadingText = ({\n  className,\n  negative = false,\n  label,\n  \"aria-label\": ariaLabel,\n  role = \"status\",\n  \"aria-atomic\": ariaAtomic = \"true\",\n  \"aria-live\": ariaLive = \"polite\",\n}: LoadingTextProps) => {\n  // Defer the announced label by one frame so the live region wrapper is\n  // already in the accessibility tree when the text node appears.\n  // VoiceOver only announces content that mutates an existing live region,\n  // not content present at mount time.\n  const announcement = ariaLabel ?? label;\n  const [announcedLabel, setAnnouncedLabel] = useState(\"\");\n\n  useEffect(() => {\n    const timer = window.setTimeout(() => {\n      setAnnouncedLabel(announcement);\n    }, 0);\n    return () => window.clearTimeout(timer);\n  }, [announcement]);\n\n  return (\n    <div\n      className={cx(rootClassName, `${rootClassName}--deep-thinking`, className, {\n        [`${rootClassName}--negative`]: negative,\n      })}\n      role={role}\n      aria-atomic={ariaAtomic}\n      aria-live={ariaLive}\n    >\n      <VisuallyHidden>{announcedLabel}</VisuallyHidden>\n      <Paragraph\n        aria-hidden=\"true\"\n        className={cx(`${rootClassName}__deep-thinking-text`)}\n        negative={negative}\n        variant={ParagraphVariant.PARAGRAPH100MEDIUM}\n      >\n        {label}\n      </Paragraph>\n    </div>\n  );\n};\n\nLoadingText.displayName = \"Loading.Text\";\n\nexport { LoadingText };\n","import { LoadingDots, type LoadingDotsProps } from \"./loading-dots\";\nimport { LoadingText, type LoadingTextProps } from \"./loading-text\";\n\n// Root namespace component\ntype LoadingComponent = {\n  Dots: typeof LoadingDots;\n  Text: typeof LoadingText;\n};\n\nconst Loading = {} as LoadingComponent;\nLoading.Dots = LoadingDots;\nLoading.Text = LoadingText;\n\nexport { Loading };\nexport type { LoadingDotsProps, LoadingTextProps };\n"],"names":["cx","c","styles","rootClassName","LoadingDots","className","negative","ariaLabel","role","ariaAtomic","ariaLive","announcedLabel","setAnnouncedLabel","useState","useEffect","timer","jsxs","jsx","VisuallyHidden","LoadingText","label","announcement","Paragraph","ParagraphVariant","Loading"],"mappings":"oqBAMMA,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAClBC,EAAgB,sBAehBC,EAAc,CAAC,CACnB,UAAAC,EACA,SAAAC,EAAW,GACX,aAAcC,EACd,KAAAC,EAAO,SACP,cAAeC,EAAa,OAC5B,YAAaC,EAAW,QAC1B,IAAwB,CAItB,KAAM,CAACC,EAAgBC,CAAiB,EAAIC,EAAAA,SAAS,EAAE,EAEvDC,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAQ,OAAO,WAAW,IAAM,CACpCH,EAAkBL,CAAS,CAC7B,EAAG,CAAC,EACJ,MAAO,IAAM,OAAO,aAAaQ,CAAK,CACxC,EAAG,CAACR,CAAS,CAAC,EAGZS,EAAAA,KAAC,MAAA,CACC,UAAWhB,EAAGG,EAAeE,EAAW,CACtC,CAAC,GAAGF,CAAa,YAAY,EAAGG,CAAA,CACjC,EACD,KAAAE,EACA,cAAaC,EACb,YAAWC,EAEX,SAAA,CAAAO,EAAAA,IAACC,EAAAA,gBAAgB,SAAAP,CAAA,CAAe,EAChCM,EAAAA,IAAC,OAAA,CAAK,cAAY,OAAO,UAAWjB,EAAG,GAAGG,CAAa,QAAS,GAAGA,CAAa,aAAa,CAAA,CAAG,EAChGc,EAAAA,IAAC,OAAA,CACC,cAAY,OACZ,UAAWjB,EAAG,GAAGG,CAAa,QAAS,GAAGA,CAAa,eAAe,CAAA,CAAA,EAExEc,EAAAA,IAAC,OAAA,CAAK,cAAY,OAAO,UAAWjB,EAAG,GAAGG,CAAa,QAAS,GAAGA,CAAa,cAAc,CAAA,CAAG,CAAA,CAAA,CAAA,CAGvG,EAEAC,EAAY,YAAc,2YCvDpBJ,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAClBC,EAAgB,iBAiBhBgB,EAAc,CAAC,CACnB,UAAAd,EACA,SAAAC,EAAW,GACX,MAAAc,EACA,aAAcb,EACd,KAAAC,EAAO,SACP,cAAeC,EAAa,OAC5B,YAAaC,EAAW,QAC1B,IAAwB,CAKtB,MAAMW,EAAed,GAAaa,EAC5B,CAACT,EAAgBC,CAAiB,EAAIC,EAAAA,SAAS,EAAE,EAEvDC,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAQ,OAAO,WAAW,IAAM,CACpCH,EAAkBS,CAAY,CAChC,EAAG,CAAC,EACJ,MAAO,IAAM,OAAO,aAAaN,CAAK,CACxC,EAAG,CAACM,CAAY,CAAC,EAGfL,EAAAA,KAAC,MAAA,CACC,UAAWhB,EAAGG,EAAe,GAAGA,CAAa,kBAAmBE,EAAW,CACzE,CAAC,GAAGF,CAAa,YAAY,EAAGG,CAAA,CACjC,EACD,KAAAE,EACA,cAAaC,EACb,YAAWC,EAEX,SAAA,CAAAO,EAAAA,IAACC,EAAAA,gBAAgB,SAAAP,CAAA,CAAe,EAChCM,EAAAA,IAACK,EAAAA,UAAA,CACC,cAAY,OACZ,UAAWtB,EAAG,GAAGG,CAAa,sBAAsB,EACpD,SAAAG,EACA,QAASiB,EAAAA,iBAAiB,mBAEzB,SAAAH,CAAA,CAAA,CACH,CAAA,CAAA,CAGN,EAEAD,EAAY,YAAc,eC7D1B,MAAMK,EAAU,CAAA,EAChBA,EAAQ,KAAOpB,EACfoB,EAAQ,KAAOL"}

package/dist/loading-r23nxJSz.mjs

@@ -0,0 +1,107 @@
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { useState as m, useEffect as h } from "react";
+import { V as y } from "./visually-hidden-BYFkJEp1.mjs";
+import { c as w } from "./bind-CU-R61T-.mjs";
+import { P as N, a as L } from "./paragraph-DSxXmX_0.mjs";
+const b = {
+  "purpur-loading-dots": "_purpur-loading-dots_kw4ys_1",
+  "purpur-loading-dots__dot": "_purpur-loading-dots__dot_kw4ys_7",
+  "purpur-loading-dots-bounce": "_purpur-loading-dots-bounce_kw4ys_1",
+  "purpur-loading-dots__dot--left": "_purpur-loading-dots__dot--left_kw4ys_22",
+  "purpur-loading-dots__dot--middle": "_purpur-loading-dots__dot--middle_kw4ys_25",
+  "purpur-loading-dots__dot--right": "_purpur-loading-dots__dot--right_kw4ys_28",
+  "purpur-loading-dots--negative": "_purpur-loading-dots--negative_kw4ys_31"
+}, e = w.bind(b), a = "purpur-loading-dots", k = ({
+  className: d,
+  negative: i = !1,
+  "aria-label": t,
+  role: u = "status",
+  "aria-atomic": s = "true",
+  "aria-live": p = "polite"
+}) => {
+  const [_, o] = m("");
+  return h(() => {
+    const l = window.setTimeout(() => {
+      o(t);
+    }, 0);
+    return () => window.clearTimeout(l);
+  }, [t]), /* @__PURE__ */ c(
+    "div",
+    {
+      className: e(a, d, {
+        [`${a}--negative`]: i
+      }),
+      role: u,
+      "aria-atomic": s,
+      "aria-live": p,
+      children: [
+        /* @__PURE__ */ r(y, { children: _ }),
+        /* @__PURE__ */ r("span", { "aria-hidden": "true", className: e(`${a}__dot`, `${a}__dot--left`) }),
+        /* @__PURE__ */ r(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: e(`${a}__dot`, `${a}__dot--middle`)
+          }
+        ),
+        /* @__PURE__ */ r("span", { "aria-hidden": "true", className: e(`${a}__dot`, `${a}__dot--right`) })
+      ]
+    }
+  );
+};
+k.displayName = "Loading.Dots";
+const T = {
+  "purpur-loading": "_purpur-loading_ugc3y_1",
+  "purpur-loading--deep-thinking": "_purpur-loading--deep-thinking_ugc3y_5",
+  "purpur-loading__deep-thinking-text": "_purpur-loading__deep-thinking-text_ugc3y_8",
+  "purpur-loading-shimmer": "_purpur-loading-shimmer_ugc3y_1",
+  "purpur-paragraph": "_purpur-paragraph_ugc3y_29",
+  "purpur-loading--negative": "_purpur-loading--negative_ugc3y_33"
+}, g = w.bind(T), n = "purpur-loading", $ = ({
+  className: d,
+  negative: i = !1,
+  label: t,
+  "aria-label": u,
+  role: s = "status",
+  "aria-atomic": p = "true",
+  "aria-live": _ = "polite"
+}) => {
+  const o = u ?? t, [l, v] = m("");
+  return h(() => {
+    const x = window.setTimeout(() => {
+      v(o);
+    }, 0);
+    return () => window.clearTimeout(x);
+  }, [o]), /* @__PURE__ */ c(
+    "div",
+    {
+      className: g(n, `${n}--deep-thinking`, d, {
+        [`${n}--negative`]: i
+      }),
+      role: s,
+      "aria-atomic": p,
+      "aria-live": _,
+      children: [
+        /* @__PURE__ */ r(y, { children: l }),
+        /* @__PURE__ */ r(
+          N,
+          {
+            "aria-hidden": "true",
+            className: g(`${n}__deep-thinking-text`),
+            negative: i,
+            variant: L.PARAGRAPH100MEDIUM,
+            children: t
+          }
+        )
+      ]
+    }
+  );
+};
+$.displayName = "Loading.Text";
+const f = {};
+f.Dots = k;
+f.Text = $;
+export {
+  f as L
+};
+//# sourceMappingURL=loading-r23nxJSz.mjs.map

package/dist/loading-r23nxJSz.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-r23nxJSz.mjs","sources":["../../../components/loading/src/loading-dots.tsx","../../../components/loading/src/loading-text.tsx","../../../components/loading/src/loading.tsx"],"sourcesContent":["import React, { type AriaAttributes, type AriaRole, useEffect, useState } from \"react\";\nimport { VisuallyHidden } from \"@purpur/visually-hidden\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./loading-dots.module.scss\";\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-loading-dots\";\n\nexport type LoadingDotsProps = {\n  className?: string;\n  negative?: boolean;\n  /** Optional ARIA role for the live region. Defaults to `status`. */\n  role?: AriaRole;\n  /** Optional ARIA atomic setting for the live region. Defaults to `true`. */\n  \"aria-atomic\"?: AriaAttributes[\"aria-atomic\"];\n  /** Optional ARIA live politeness setting. Defaults to `polite`. */\n  \"aria-live\"?: AriaAttributes[\"aria-live\"];\n  /** Accessible label announced by assistive technologies for the typing indicator. */\n  \"aria-label\": string;\n};\n\nconst LoadingDots = ({\n  className,\n  negative = false,\n  \"aria-label\": ariaLabel,\n  role = \"status\",\n  \"aria-atomic\": ariaAtomic = \"true\",\n  \"aria-live\": ariaLive = \"polite\",\n}: LoadingDotsProps) => {\n  // Defer label text by one frame so the live region wrapper is already in the\n  // accessibility tree when content appears. VoiceOver only announces content\n  // that mutates an existing live region, not content present at mount time.\n  const [announcedLabel, setAnnouncedLabel] = useState(\"\");\n\n  useEffect(() => {\n    const timer = window.setTimeout(() => {\n      setAnnouncedLabel(ariaLabel);\n    }, 0);\n    return () => window.clearTimeout(timer);\n  }, [ariaLabel]);\n\n  return (\n    <div\n      className={cx(rootClassName, className, {\n        [`${rootClassName}--negative`]: negative,\n      })}\n      role={role}\n      aria-atomic={ariaAtomic}\n      aria-live={ariaLive}\n    >\n      <VisuallyHidden>{announcedLabel}</VisuallyHidden>\n      <span aria-hidden=\"true\" className={cx(`${rootClassName}__dot`, `${rootClassName}__dot--left`)} />\n      <span\n        aria-hidden=\"true\"\n        className={cx(`${rootClassName}__dot`, `${rootClassName}__dot--middle`)}\n      />\n      <span aria-hidden=\"true\" className={cx(`${rootClassName}__dot`, `${rootClassName}__dot--right`)} />\n    </div>\n  );\n};\n\nLoadingDots.displayName = \"Loading.Dots\";\n\nexport { LoadingDots };\n","import React, { type AriaAttributes, type AriaRole, useEffect, useState } from \"react\";\nimport { Paragraph, ParagraphVariant } from \"@purpur/paragraph\";\nimport { VisuallyHidden } from \"@purpur/visually-hidden\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./loading-text.module.scss\";\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-loading\";\n\nexport type LoadingTextProps = {\n  className?: string;\n  negative?: boolean;\n  /** Visible label displayed during the deep-thinking state. */\n  label: string;\n  /** Optional accessible label for deep-thinking. Falls back to `label` when omitted. */\n  \"aria-label\"?: string;\n  /** Optional ARIA role for the live region. Defaults to `status`. */\n  role?: AriaRole;\n  /** Optional ARIA atomic setting for the live region. Defaults to `true`. */\n  \"aria-atomic\"?: AriaAttributes[\"aria-atomic\"];\n  /** Optional ARIA live politeness setting. Defaults to `polite`. */\n  \"aria-live\"?: AriaAttributes[\"aria-live\"];\n};\n\nconst LoadingText = ({\n  className,\n  negative = false,\n  label,\n  \"aria-label\": ariaLabel,\n  role = \"status\",\n  \"aria-atomic\": ariaAtomic = \"true\",\n  \"aria-live\": ariaLive = \"polite\",\n}: LoadingTextProps) => {\n  // Defer the announced label by one frame so the live region wrapper is\n  // already in the accessibility tree when the text node appears.\n  // VoiceOver only announces content that mutates an existing live region,\n  // not content present at mount time.\n  const announcement = ariaLabel ?? label;\n  const [announcedLabel, setAnnouncedLabel] = useState(\"\");\n\n  useEffect(() => {\n    const timer = window.setTimeout(() => {\n      setAnnouncedLabel(announcement);\n    }, 0);\n    return () => window.clearTimeout(timer);\n  }, [announcement]);\n\n  return (\n    <div\n      className={cx(rootClassName, `${rootClassName}--deep-thinking`, className, {\n        [`${rootClassName}--negative`]: negative,\n      })}\n      role={role}\n      aria-atomic={ariaAtomic}\n      aria-live={ariaLive}\n    >\n      <VisuallyHidden>{announcedLabel}</VisuallyHidden>\n      <Paragraph\n        aria-hidden=\"true\"\n        className={cx(`${rootClassName}__deep-thinking-text`)}\n        negative={negative}\n        variant={ParagraphVariant.PARAGRAPH100MEDIUM}\n      >\n        {label}\n      </Paragraph>\n    </div>\n  );\n};\n\nLoadingText.displayName = \"Loading.Text\";\n\nexport { LoadingText };\n","import { LoadingDots, type LoadingDotsProps } from \"./loading-dots\";\nimport { LoadingText, type LoadingTextProps } from \"./loading-text\";\n\n// Root namespace component\ntype LoadingComponent = {\n  Dots: typeof LoadingDots;\n  Text: typeof LoadingText;\n};\n\nconst Loading = {} as LoadingComponent;\nLoading.Dots = LoadingDots;\nLoading.Text = LoadingText;\n\nexport { Loading };\nexport type { LoadingDotsProps, LoadingTextProps };\n"],"names":["cx","c","styles","rootClassName","LoadingDots","className","negative","ariaLabel","role","ariaAtomic","ariaLive","announcedLabel","setAnnouncedLabel","useState","useEffect","timer","jsxs","jsx","VisuallyHidden","LoadingText","label","announcement","Paragraph","ParagraphVariant","Loading"],"mappings":";;;;;;;;;;;;;GAMMA,IAAKC,EAAE,KAAKC,CAAM,GAClBC,IAAgB,uBAehBC,IAAc,CAAC;AAAA,EACnB,WAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,cAAcC;AAAA,EACd,MAAAC,IAAO;AAAA,EACP,eAAeC,IAAa;AAAA,EAC5B,aAAaC,IAAW;AAC1B,MAAwB;AAItB,QAAM,CAACC,GAAgBC,CAAiB,IAAIC,EAAS,EAAE;AAEvD,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAQ,OAAO,WAAW,MAAM;AACpC,MAAAH,EAAkBL,CAAS;AAAA,IAC7B,GAAG,CAAC;AACJ,WAAO,MAAM,OAAO,aAAaQ,CAAK;AAAA,EACxC,GAAG,CAACR,CAAS,CAAC,GAGZ,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWhB,EAAGG,GAAeE,GAAW;AAAA,QACtC,CAAC,GAAGF,CAAa,YAAY,GAAGG;AAAA,MAAA,CACjC;AAAA,MACD,MAAAE;AAAA,MACA,eAAaC;AAAA,MACb,aAAWC;AAAA,MAEX,UAAA;AAAA,QAAA,gBAAAO,EAACC,KAAgB,UAAAP,EAAA,CAAe;AAAA,QAChC,gBAAAM,EAAC,QAAA,EAAK,eAAY,QAAO,WAAWjB,EAAG,GAAGG,CAAa,SAAS,GAAGA,CAAa,aAAa,EAAA,CAAG;AAAA,QAChG,gBAAAc;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,eAAY;AAAA,YACZ,WAAWjB,EAAG,GAAGG,CAAa,SAAS,GAAGA,CAAa,eAAe;AAAA,UAAA;AAAA,QAAA;AAAA,QAExE,gBAAAc,EAAC,QAAA,EAAK,eAAY,QAAO,WAAWjB,EAAG,GAAGG,CAAa,SAAS,GAAGA,CAAa,cAAc,EAAA,CAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGvG;AAEAC,EAAY,cAAc;;;;;;;;GCvDpBJ,IAAKC,EAAE,KAAKC,CAAM,GAClBC,IAAgB,kBAiBhBgB,IAAc,CAAC;AAAA,EACnB,WAAAd;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,OAAAc;AAAA,EACA,cAAcb;AAAA,EACd,MAAAC,IAAO;AAAA,EACP,eAAeC,IAAa;AAAA,EAC5B,aAAaC,IAAW;AAC1B,MAAwB;AAKtB,QAAMW,IAAed,KAAaa,GAC5B,CAACT,GAAgBC,CAAiB,IAAIC,EAAS,EAAE;AAEvD,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAQ,OAAO,WAAW,MAAM;AACpC,MAAAH,EAAkBS,CAAY;AAAA,IAChC,GAAG,CAAC;AACJ,WAAO,MAAM,OAAO,aAAaN,CAAK;AAAA,EACxC,GAAG,CAACM,CAAY,CAAC,GAGf,gBAAAL;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWhB,EAAGG,GAAe,GAAGA,CAAa,mBAAmBE,GAAW;AAAA,QACzE,CAAC,GAAGF,CAAa,YAAY,GAAGG;AAAA,MAAA,CACjC;AAAA,MACD,MAAAE;AAAA,MACA,eAAaC;AAAA,MACb,aAAWC;AAAA,MAEX,UAAA;AAAA,QAAA,gBAAAO,EAACC,KAAgB,UAAAP,EAAA,CAAe;AAAA,QAChC,gBAAAM;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,eAAY;AAAA,YACZ,WAAWtB,EAAG,GAAGG,CAAa,sBAAsB;AAAA,YACpD,UAAAG;AAAA,YACA,SAASiB,EAAiB;AAAA,YAEzB,UAAAH;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGN;AAEAD,EAAY,cAAc;AC7D1B,MAAMK,IAAU,CAAA;AAChBA,EAAQ,OAAOpB;AACfoB,EAAQ,OAAOL;"}

package/dist/loading.cjs.js

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

package/dist/loading.cjs.js.map

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

package/dist/loading.es.js

@@ -0,0 +1,5 @@
+import { L as r } from "./loading-r23nxJSz.mjs";
+export {
+  r as Loading
+};
+//# sourceMappingURL=loading.es.js.map

package/dist/loading.es.js.map

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

package/dist/message-0yTS5pOF.js

@@ -0,0 +1,3 @@
+"use strict";const e=require("react/jsx-runtime"),p=require("./paragraph-By4jMjnH.js"),c=require("./bind-DeUYJ6m9.js"),j=require("./avatar-CYnD57o4.js"),I="_fadeIn_14a0h_1",l={"purpur-message--incoming":"_purpur-message--incoming_14a0h_1","purpur-message--with-avatar":"_purpur-message--with-avatar_14a0h_1","purpur-message__avatar":"_purpur-message__avatar_14a0h_6","purpur-message__content":"_purpur-message__content_14a0h_10","purpur-message--with-avatar-header-layout":"_purpur-message--with-avatar-header-layout_14a0h_15","purpur-message__header-container":"_purpur-message__header-container_14a0h_21","purpur-message__footer-container":"_purpur-message__footer-container_14a0h_35","purpur-message__header--bottom":"_purpur-message__header--bottom_14a0h_38","purpur-message--incoming-header-layout":"_purpur-message--incoming-header-layout_14a0h_41","purpur-message__bubble":"_purpur-message__bubble_14a0h_54","purpur-message--outgoing":"_purpur-message--outgoing_14a0h_58",fadeIn:I,"purpur-message__bubble--no-animation":"_purpur-message__bubble--no-animation_14a0h_75","purpur-message__stamp":"_purpur-message__stamp_14a0h_80","purpur-message__stamp--avatar":"_purpur-message__stamp--avatar_14a0h_83","purpur-message__stamp--text":"_purpur-message__stamp--text_14a0h_89","purpur-message__stamp--negative":"_purpur-message__stamp--negative_14a0h_94","purpur-message__stamp-divider":"_purpur-message__stamp-divider_14a0h_94","purpur-message__stamp-divider-row":"_purpur-message__stamp-divider-row_14a0h_97","purpur-message__header":"_purpur-message__header_14a0h_21","purpur-message__header-name":"_purpur-message__header-name_14a0h_113","purpur-message__header-timestamp":"_purpur-message__header-timestamp_14a0h_116"},f=c.c.bind(l),$=({text:a,animate:r=!0,className:t})=>{const i=a.replace(/\\n/g,`
+`);return e.jsx("div",{className:f("purpur-message__bubble",t,{"purpur-message__bubble--no-animation":r===!1}),children:e.jsx(p.Paragraph,{className:f("purpur-message__text"),children:i})})};$.displayName="Message.Bubble";const _=c.c.bind(l),w=a=>{const{className:r,negative:t,text:i,variant:m}=a;return m==="avatar"?e.jsxs("div",{className:_("purpur-message__stamp","purpur-message__stamp--avatar",r,{"purpur-message__stamp--negative":t}),children:[e.jsxs("div",{className:_("purpur-message__stamp-divider-row"),children:[e.jsx("div",{className:_("purpur-message__stamp-divider")}),a.avatarAriaLabel?e.jsx(j.Avatar,{"aria-label":a.avatarAriaLabel,label:a.avatarLabel,size:"sm"}):e.jsx(j.Avatar,{decorative:!0,label:a.avatarLabel,size:"sm"}),e.jsx("div",{className:_("purpur-message__stamp-divider")})]}),e.jsx(p.Paragraph,{variant:"additional-100",negative:t,children:i})]}):e.jsx("div",{className:_("purpur-message__stamp",r,{"purpur-message__stamp--negative":t}),children:e.jsxs("div",{className:_("purpur-message__stamp-divider-row"),children:[e.jsx("div",{className:_("purpur-message__stamp-divider")}),e.jsx(p.Paragraph,{variant:"additional-100",negative:t,children:i}),e.jsx("div",{className:_("purpur-message__stamp-divider")})]})})};w.displayName="Message.Stamp";const L=a=>{const r=new Date(a);return Number.isNaN(r.getTime())?null:r},A=a=>{if(Number.isNaN(a.getTime()))return null;const t=new Date().getTime()-a.getTime();return t<0?null:t<1440*60*1e3?a.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"}):a.toLocaleDateString()},u=c.c.bind(l),s="purpur-message",y=({variant:a,negative:r,className:t,children:i,...m})=>{const g=a==="incoming",v=g?m.senderName:void 0,b=g?m.avatar:void 0,N=m.sentAt,d=g&&v!==void 0,n=b!==void 0,o=N===void 0?null:L(N),x=o?A(o):null,M=o!==null&&x!==null?e.jsx("div",{className:u(`${s}__footer-container`),children:e.jsx(p.Paragraph,{className:u(`${s}__header-timestamp`,`${s}__header--bottom`),negative:r,variant:"additional-100",children:e.jsx("time",{dateTime:o.toISOString(),children:x})})}):null,T=d?e.jsx("div",{className:u(`${s}__header-container`),children:e.jsx("div",{className:u(`${s}__header`),children:e.jsx(p.Paragraph,{className:u(`${s}__header-name`),negative:r,variant:"additional-100-medium",children:v})})}):null,S=d||n;return e.jsxs("div",{className:u(s,a==="incoming"?`${s}--incoming`:`${s}--outgoing`,{[`${s}--with-avatar`]:n,[`${s}--with-avatar-header-layout`]:d&&n,[`${s}--incoming-header-layout`]:d&&!n},t),children:[T,n&&e.jsx("div",{className:u(`${s}__avatar`),children:b}),S?e.jsx("div",{className:u(`${s}__content`),children:i}):i,M]})};y.displayName="Message";const h=y;h.Bubble=$;h.Stamp=w;exports.MessageNamespace=h;
+//# sourceMappingURL=message-0yTS5pOF.js.map

package/dist/message-0yTS5pOF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-0yTS5pOF.js","sources":["../../../components/message/src/message-bubble.tsx","../../../components/message/src/message-stamp.tsx","../../../components/message/src/message-utils.ts","../../../components/message/src/message.tsx"],"sourcesContent":["import React from \"react\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./message.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type MessageBubbleProps = {\n  /**\n   * String message content.\n   *\n   * Real newline characters (`\\n`) are preserved as-is.\n   * Escaped newline sequences (`\\\\n` — the two-character literal backslash-n) are\n   * converted to real newlines, so API responses that serialize newlines as `\\\\n`\n   * are rendered correctly without pre-processing by the caller.\n   */\n  text: string;\n  /** Enables the entry animation. Defaults to true. */\n  animate?: boolean;\n  /** Optional class name for the bubble element. */\n  className?: string;\n};\n\nconst MessageBubble = ({ text, animate = true, className }: MessageBubbleProps) => {\n  const content = text.replace(/\\\\n/g, \"\\n\");\n\n  return (\n    <div\n      className={cx(\"purpur-message__bubble\", className, {\n        \"purpur-message__bubble--no-animation\": animate === false,\n      })}\n    >\n      <Paragraph className={cx(\"purpur-message__text\")}>{content}</Paragraph>\n    </div>\n  );\n};\n\nMessageBubble.displayName = \"Message.Bubble\";\n\nexport { MessageBubble };\n","import React, { type ReactNode } from \"react\";\nimport { Avatar } from \"@purpur/avatar\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./message.module.scss\";\n\nconst cx = c.bind(styles);\n\ntype MessageStampBaseProps = {\n  /** Optional class name for the stamp element. */\n  className?: string;\n  /** Enables negative color tokens for dark surfaces. */\n  negative?: boolean;\n  /** Text content centered in the divider. */\n  text: ReactNode;\n};\n\ntype MessageStampAvatarProps = MessageStampBaseProps & {\n  variant: \"avatar\";\n  /** Accessible label for the avatar. When omitted, avatar is rendered as decorative. */\n  avatarAriaLabel?: string;\n  /** Label content rendered inside the avatar, typically initials. */\n  avatarLabel: ReactNode;\n};\n\ntype MessageStampTextProps = MessageStampBaseProps & {\n  variant: \"text\";\n};\n\nexport type MessageStampProps = MessageStampAvatarProps | MessageStampTextProps;\n\nconst MessageStamp = (props: MessageStampProps) => {\n  const { className, negative, text, variant } = props;\n\n  if (variant === \"avatar\") {\n    return (\n      <div\n        className={cx(\"purpur-message__stamp\", \"purpur-message__stamp--avatar\", className, {\n          \"purpur-message__stamp--negative\": negative,\n        })}\n      >\n        <div className={cx(\"purpur-message__stamp-divider-row\")}>\n          <div className={cx(\"purpur-message__stamp-divider\")} />\n          {props.avatarAriaLabel ? (\n            <Avatar aria-label={props.avatarAriaLabel} label={props.avatarLabel} size=\"sm\" />\n          ) : (\n            <Avatar decorative label={props.avatarLabel} size=\"sm\" />\n          )}\n          <div className={cx(\"purpur-message__stamp-divider\")} />\n        </div>\n        <Paragraph variant=\"additional-100\" negative={negative}>\n          {text}\n        </Paragraph>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={cx(\"purpur-message__stamp\", className, {\n        \"purpur-message__stamp--negative\": negative,\n      })}\n    >\n      <div className={cx(\"purpur-message__stamp-divider-row\")}>\n        <div className={cx(\"purpur-message__stamp-divider\")} />\n        <Paragraph variant=\"additional-100\" negative={negative}>\n          {text}\n        </Paragraph>\n        <div className={cx(\"purpur-message__stamp-divider\")} />\n      </div>\n    </div>\n  );\n};\n\nMessageStamp.displayName = \"Message.Stamp\";\n\nexport { MessageStamp };\n","export const toValidDate = (value: Date | string | number) => {\n  const nextDate = new Date(value);\n  if (Number.isNaN(nextDate.getTime())) {\n    return null;\n  }\n  return nextDate;\n};\n\nexport const formatTimestamp = (sentAtDate: Date) => {\n  if (Number.isNaN(sentAtDate.getTime())) {\n    return null;\n  }\n\n  const now = new Date();\n  const diffInMs = now.getTime() - sentAtDate.getTime();\n  if (diffInMs < 0) return null;\n\n  if (diffInMs < 24 * 60 * 60 * 1000) {\n    return sentAtDate.toLocaleTimeString([], {\n      hour: \"2-digit\",\n      minute: \"2-digit\",\n    });\n  }\n\n  return sentAtDate.toLocaleDateString();\n};\n","import React, { type ReactNode } from \"react\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./message.module.scss\";\nimport { MessageBubble, type MessageBubbleProps } from \"./message-bubble\";\nimport { MessageStamp, type MessageStampProps } from \"./message-stamp\";\nimport { formatTimestamp, toValidDate } from \"./message-utils\";\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-message\";\n\nexport type { MessageBubbleProps, MessageStampProps };\n\ntype MessageBaseProps = {\n  /** Enables negative color tokens for dark surfaces. Applied to the header name and timestamp. */\n  negative?: boolean;\n  /** Optional class name for the message root element. */\n  className?: string;\n  /** Message content - can include Message.Bubble and Message.Stamp subcomponents. */\n  children?: ReactNode;\n  /** Timestamp source used for automatic time/date formatting. When provided, the timestamp is displayed. */\n  sentAt?: Date | string | number;\n};\n\nexport type IncomingMessageProps = MessageBaseProps & {\n  /** Message variant for incoming messages (assistant/employee). */\n  variant: \"incoming\";\n  /** Optional sender name displayed as a header above the bubbles. */\n  senderName?: string;\n  /** Optional avatar element rendered on the left. */\n  avatar?: ReactNode;\n};\n\nexport type OutgoingMessageProps = MessageBaseProps & {\n  /** Message variant for outgoing messages (user). */\n  variant: \"outgoing\";\n  /** Outgoing messages do not support sender metadata. */\n  senderName?: never;\n  /** Outgoing messages do not support avatars. */\n  avatar?: never;\n};\n\n// Root Message component\nexport type MessageProps = IncomingMessageProps | OutgoingMessageProps;\n\nconst Message = ({ variant, negative, className, children, ...variantProps }: MessageProps) => {\n  const isIncoming = variant === \"incoming\";\n  const senderName = isIncoming ? variantProps.senderName : undefined;\n  const avatar = isIncoming ? variantProps.avatar : undefined;\n  const sentAt = variantProps.sentAt;\n\n  const hasHeader = isIncoming && senderName !== undefined;\n  const hasAvatar = avatar !== undefined;\n\n  const sentAtDate = sentAt === undefined ? null : toValidDate(sentAt);\n  const resolvedTimestamp = sentAtDate ? formatTimestamp(sentAtDate) : null;\n\n  const footer =\n    sentAtDate !== null && resolvedTimestamp !== null ? (\n      <div className={cx(`${rootClassName}__footer-container`)}>\n        <Paragraph\n          className={cx(`${rootClassName}__header-timestamp`, `${rootClassName}__header--bottom`)}\n          negative={negative}\n          variant=\"additional-100\"\n        >\n          <time dateTime={sentAtDate.toISOString()}>{resolvedTimestamp}</time>\n        </Paragraph>\n      </div>\n    ) : null;\n\n  const header = hasHeader ? (\n    <div className={cx(`${rootClassName}__header-container`)}>\n      <div className={cx(`${rootClassName}__header`)}>\n        <Paragraph\n          className={cx(`${rootClassName}__header-name`)}\n          negative={negative}\n          variant=\"additional-100-medium\"\n        >\n          {senderName}\n        </Paragraph>\n      </div>\n    </div>\n  ) : null;\n\n  const needsContentWrapper = hasHeader || hasAvatar;\n\n  return (\n    <div\n      className={cx(\n        rootClassName,\n        variant === \"incoming\" ? `${rootClassName}--incoming` : `${rootClassName}--outgoing`,\n        {\n          [`${rootClassName}--with-avatar`]: hasAvatar,\n          [`${rootClassName}--with-avatar-header-layout`]: hasHeader && hasAvatar,\n          [`${rootClassName}--incoming-header-layout`]: hasHeader && !hasAvatar,\n        },\n        className\n      )}\n    >\n      {header}\n      {hasAvatar && <div className={cx(`${rootClassName}__avatar`)}>{avatar}</div>}\n      {needsContentWrapper ? (\n        <div className={cx(`${rootClassName}__content`)}>{children}</div>\n      ) : (\n        children\n      )}\n      {footer}\n    </div>\n  );\n};\n\nMessage.displayName = \"Message\";\n\ntype MessageComponent = typeof Message & {\n  Bubble: typeof MessageBubble;\n  Stamp: typeof MessageStamp;\n};\n\nconst MessageNamespace = Message as MessageComponent;\nMessageNamespace.Bubble = MessageBubble;\nMessageNamespace.Stamp = MessageStamp;\n\nexport { MessageNamespace as Message };\n"],"names":["cx","c","styles","MessageBubble","text","animate","className","content","jsx","Paragraph","MessageStamp","props","negative","variant","jsxs","Avatar","toValidDate","value","nextDate","formatTimestamp","sentAtDate","diffInMs","rootClassName","Message","children","variantProps","isIncoming","senderName","avatar","sentAt","hasHeader","hasAvatar","resolvedTimestamp","footer","header","needsContentWrapper","MessageNamespace"],"mappings":"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"}

package/dist/message-D9CDwcw9.mjs

@@ -0,0 +1,132 @@
+import { jsx as e, jsxs as g } from "react/jsx-runtime";
+import { P as p } from "./paragraph-DSxXmX_0.mjs";
+import { c } from "./bind-CU-R61T-.mjs";
+import { A as $ } from "./avatar-CzbDD1MK.mjs";
+const A = "_fadeIn_14a0h_1", h = {
+  "purpur-message--incoming": "_purpur-message--incoming_14a0h_1",
+  "purpur-message--with-avatar": "_purpur-message--with-avatar_14a0h_1",
+  "purpur-message__avatar": "_purpur-message__avatar_14a0h_6",
+  "purpur-message__content": "_purpur-message__content_14a0h_10",
+  "purpur-message--with-avatar-header-layout": "_purpur-message--with-avatar-header-layout_14a0h_15",
+  "purpur-message__header-container": "_purpur-message__header-container_14a0h_21",
+  "purpur-message__footer-container": "_purpur-message__footer-container_14a0h_35",
+  "purpur-message__header--bottom": "_purpur-message__header--bottom_14a0h_38",
+  "purpur-message--incoming-header-layout": "_purpur-message--incoming-header-layout_14a0h_41",
+  "purpur-message__bubble": "_purpur-message__bubble_14a0h_54",
+  "purpur-message--outgoing": "_purpur-message--outgoing_14a0h_58",
+  fadeIn: A,
+  "purpur-message__bubble--no-animation": "_purpur-message__bubble--no-animation_14a0h_75",
+  "purpur-message__stamp": "_purpur-message__stamp_14a0h_80",
+  "purpur-message__stamp--avatar": "_purpur-message__stamp--avatar_14a0h_83",
+  "purpur-message__stamp--text": "_purpur-message__stamp--text_14a0h_89",
+  "purpur-message__stamp--negative": "_purpur-message__stamp--negative_14a0h_94",
+  "purpur-message__stamp-divider": "_purpur-message__stamp-divider_14a0h_94",
+  "purpur-message__stamp-divider-row": "_purpur-message__stamp-divider-row_14a0h_97",
+  "purpur-message__header": "_purpur-message__header_14a0h_21",
+  "purpur-message__header-name": "_purpur-message__header-name_14a0h_113",
+  "purpur-message__header-timestamp": "_purpur-message__header-timestamp_14a0h_116"
+}, w = c.bind(h), x = ({ text: a, animate: r = !0, className: t }) => {
+  const u = a.replace(/\\n/g, `
+`);
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: w("purpur-message__bubble", t, {
+        "purpur-message__bubble--no-animation": r === !1
+      }),
+      children: /* @__PURE__ */ e(p, { className: w("purpur-message__text"), children: u })
+    }
+  );
+};
+x.displayName = "Message.Bubble";
+const _ = c.bind(h), y = (a) => {
+  const { className: r, negative: t, text: u, variant: i } = a;
+  return i === "avatar" ? /* @__PURE__ */ g(
+    "div",
+    {
+      className: _("purpur-message__stamp", "purpur-message__stamp--avatar", r, {
+        "purpur-message__stamp--negative": t
+      }),
+      children: [
+        /* @__PURE__ */ g("div", { className: _("purpur-message__stamp-divider-row"), children: [
+          /* @__PURE__ */ e("div", { className: _("purpur-message__stamp-divider") }),
+          a.avatarAriaLabel ? /* @__PURE__ */ e($, { "aria-label": a.avatarAriaLabel, label: a.avatarLabel, size: "sm" }) : /* @__PURE__ */ e($, { decorative: !0, label: a.avatarLabel, size: "sm" }),
+          /* @__PURE__ */ e("div", { className: _("purpur-message__stamp-divider") })
+        ] }),
+        /* @__PURE__ */ e(p, { variant: "additional-100", negative: t, children: u })
+      ]
+    }
+  ) : /* @__PURE__ */ e(
+    "div",
+    {
+      className: _("purpur-message__stamp", r, {
+        "purpur-message__stamp--negative": t
+      }),
+      children: /* @__PURE__ */ g("div", { className: _("purpur-message__stamp-divider-row"), children: [
+        /* @__PURE__ */ e("div", { className: _("purpur-message__stamp-divider") }),
+        /* @__PURE__ */ e(p, { variant: "additional-100", negative: t, children: u }),
+        /* @__PURE__ */ e("div", { className: _("purpur-message__stamp-divider") })
+      ] })
+    }
+  );
+};
+y.displayName = "Message.Stamp";
+const B = (a) => {
+  const r = new Date(a);
+  return Number.isNaN(r.getTime()) ? null : r;
+}, D = (a) => {
+  if (Number.isNaN(a.getTime()))
+    return null;
+  const t = (/* @__PURE__ */ new Date()).getTime() - a.getTime();
+  return t < 0 ? null : t < 1440 * 60 * 1e3 ? a.toLocaleTimeString([], {
+    hour: "2-digit",
+    minute: "2-digit"
+  }) : a.toLocaleDateString();
+}, m = c.bind(h), s = "purpur-message", M = ({ variant: a, negative: r, className: t, children: u, ...i }) => {
+  const l = a === "incoming", v = l ? i.senderName : void 0, b = l ? i.avatar : void 0, N = i.sentAt, o = l && v !== void 0, n = b !== void 0, d = N === void 0 ? null : B(N), f = d ? D(d) : null, S = d !== null && f !== null ? /* @__PURE__ */ e("div", { className: m(`${s}__footer-container`), children: /* @__PURE__ */ e(
+    p,
+    {
+      className: m(`${s}__header-timestamp`, `${s}__header--bottom`),
+      negative: r,
+      variant: "additional-100",
+      children: /* @__PURE__ */ e("time", { dateTime: d.toISOString(), children: f })
+    }
+  ) }) : null, I = o ? /* @__PURE__ */ e("div", { className: m(`${s}__header-container`), children: /* @__PURE__ */ e("div", { className: m(`${s}__header`), children: /* @__PURE__ */ e(
+    p,
+    {
+      className: m(`${s}__header-name`),
+      negative: r,
+      variant: "additional-100-medium",
+      children: v
+    }
+  ) }) }) : null, L = o || n;
+  return /* @__PURE__ */ g(
+    "div",
+    {
+      className: m(
+        s,
+        a === "incoming" ? `${s}--incoming` : `${s}--outgoing`,
+        {
+          [`${s}--with-avatar`]: n,
+          [`${s}--with-avatar-header-layout`]: o && n,
+          [`${s}--incoming-header-layout`]: o && !n
+        },
+        t
+      ),
+      children: [
+        I,
+        n && /* @__PURE__ */ e("div", { className: m(`${s}__avatar`), children: b }),
+        L ? /* @__PURE__ */ e("div", { className: m(`${s}__content`), children: u }) : u,
+        S
+      ]
+    }
+  );
+};
+M.displayName = "Message";
+const T = M;
+T.Bubble = x;
+T.Stamp = y;
+export {
+  T as M
+};
+//# sourceMappingURL=message-D9CDwcw9.mjs.map

package/dist/message-D9CDwcw9.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-D9CDwcw9.mjs","sources":["../../../components/message/src/message-bubble.tsx","../../../components/message/src/message-stamp.tsx","../../../components/message/src/message-utils.ts","../../../components/message/src/message.tsx"],"sourcesContent":["import React from \"react\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./message.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type MessageBubbleProps = {\n  /**\n   * String message content.\n   *\n   * Real newline characters (`\\n`) are preserved as-is.\n   * Escaped newline sequences (`\\\\n` — the two-character literal backslash-n) are\n   * converted to real newlines, so API responses that serialize newlines as `\\\\n`\n   * are rendered correctly without pre-processing by the caller.\n   */\n  text: string;\n  /** Enables the entry animation. Defaults to true. */\n  animate?: boolean;\n  /** Optional class name for the bubble element. */\n  className?: string;\n};\n\nconst MessageBubble = ({ text, animate = true, className }: MessageBubbleProps) => {\n  const content = text.replace(/\\\\n/g, \"\\n\");\n\n  return (\n    <div\n      className={cx(\"purpur-message__bubble\", className, {\n        \"purpur-message__bubble--no-animation\": animate === false,\n      })}\n    >\n      <Paragraph className={cx(\"purpur-message__text\")}>{content}</Paragraph>\n    </div>\n  );\n};\n\nMessageBubble.displayName = \"Message.Bubble\";\n\nexport { MessageBubble };\n","import React, { type ReactNode } from \"react\";\nimport { Avatar } from \"@purpur/avatar\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./message.module.scss\";\n\nconst cx = c.bind(styles);\n\ntype MessageStampBaseProps = {\n  /** Optional class name for the stamp element. */\n  className?: string;\n  /** Enables negative color tokens for dark surfaces. */\n  negative?: boolean;\n  /** Text content centered in the divider. */\n  text: ReactNode;\n};\n\ntype MessageStampAvatarProps = MessageStampBaseProps & {\n  variant: \"avatar\";\n  /** Accessible label for the avatar. When omitted, avatar is rendered as decorative. */\n  avatarAriaLabel?: string;\n  /** Label content rendered inside the avatar, typically initials. */\n  avatarLabel: ReactNode;\n};\n\ntype MessageStampTextProps = MessageStampBaseProps & {\n  variant: \"text\";\n};\n\nexport type MessageStampProps = MessageStampAvatarProps | MessageStampTextProps;\n\nconst MessageStamp = (props: MessageStampProps) => {\n  const { className, negative, text, variant } = props;\n\n  if (variant === \"avatar\") {\n    return (\n      <div\n        className={cx(\"purpur-message__stamp\", \"purpur-message__stamp--avatar\", className, {\n          \"purpur-message__stamp--negative\": negative,\n        })}\n      >\n        <div className={cx(\"purpur-message__stamp-divider-row\")}>\n          <div className={cx(\"purpur-message__stamp-divider\")} />\n          {props.avatarAriaLabel ? (\n            <Avatar aria-label={props.avatarAriaLabel} label={props.avatarLabel} size=\"sm\" />\n          ) : (\n            <Avatar decorative label={props.avatarLabel} size=\"sm\" />\n          )}\n          <div className={cx(\"purpur-message__stamp-divider\")} />\n        </div>\n        <Paragraph variant=\"additional-100\" negative={negative}>\n          {text}\n        </Paragraph>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={cx(\"purpur-message__stamp\", className, {\n        \"purpur-message__stamp--negative\": negative,\n      })}\n    >\n      <div className={cx(\"purpur-message__stamp-divider-row\")}>\n        <div className={cx(\"purpur-message__stamp-divider\")} />\n        <Paragraph variant=\"additional-100\" negative={negative}>\n          {text}\n        </Paragraph>\n        <div className={cx(\"purpur-message__stamp-divider\")} />\n      </div>\n    </div>\n  );\n};\n\nMessageStamp.displayName = \"Message.Stamp\";\n\nexport { MessageStamp };\n","export const toValidDate = (value: Date | string | number) => {\n  const nextDate = new Date(value);\n  if (Number.isNaN(nextDate.getTime())) {\n    return null;\n  }\n  return nextDate;\n};\n\nexport const formatTimestamp = (sentAtDate: Date) => {\n  if (Number.isNaN(sentAtDate.getTime())) {\n    return null;\n  }\n\n  const now = new Date();\n  const diffInMs = now.getTime() - sentAtDate.getTime();\n  if (diffInMs < 0) return null;\n\n  if (diffInMs < 24 * 60 * 60 * 1000) {\n    return sentAtDate.toLocaleTimeString([], {\n      hour: \"2-digit\",\n      minute: \"2-digit\",\n    });\n  }\n\n  return sentAtDate.toLocaleDateString();\n};\n","import React, { type ReactNode } from \"react\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./message.module.scss\";\nimport { MessageBubble, type MessageBubbleProps } from \"./message-bubble\";\nimport { MessageStamp, type MessageStampProps } from \"./message-stamp\";\nimport { formatTimestamp, toValidDate } from \"./message-utils\";\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-message\";\n\nexport type { MessageBubbleProps, MessageStampProps };\n\ntype MessageBaseProps = {\n  /** Enables negative color tokens for dark surfaces. Applied to the header name and timestamp. */\n  negative?: boolean;\n  /** Optional class name for the message root element. */\n  className?: string;\n  /** Message content - can include Message.Bubble and Message.Stamp subcomponents. */\n  children?: ReactNode;\n  /** Timestamp source used for automatic time/date formatting. When provided, the timestamp is displayed. */\n  sentAt?: Date | string | number;\n};\n\nexport type IncomingMessageProps = MessageBaseProps & {\n  /** Message variant for incoming messages (assistant/employee). */\n  variant: \"incoming\";\n  /** Optional sender name displayed as a header above the bubbles. */\n  senderName?: string;\n  /** Optional avatar element rendered on the left. */\n  avatar?: ReactNode;\n};\n\nexport type OutgoingMessageProps = MessageBaseProps & {\n  /** Message variant for outgoing messages (user). */\n  variant: \"outgoing\";\n  /** Outgoing messages do not support sender metadata. */\n  senderName?: never;\n  /** Outgoing messages do not support avatars. */\n  avatar?: never;\n};\n\n// Root Message component\nexport type MessageProps = IncomingMessageProps | OutgoingMessageProps;\n\nconst Message = ({ variant, negative, className, children, ...variantProps }: MessageProps) => {\n  const isIncoming = variant === \"incoming\";\n  const senderName = isIncoming ? variantProps.senderName : undefined;\n  const avatar = isIncoming ? variantProps.avatar : undefined;\n  const sentAt = variantProps.sentAt;\n\n  const hasHeader = isIncoming && senderName !== undefined;\n  const hasAvatar = avatar !== undefined;\n\n  const sentAtDate = sentAt === undefined ? null : toValidDate(sentAt);\n  const resolvedTimestamp = sentAtDate ? formatTimestamp(sentAtDate) : null;\n\n  const footer =\n    sentAtDate !== null && resolvedTimestamp !== null ? (\n      <div className={cx(`${rootClassName}__footer-container`)}>\n        <Paragraph\n          className={cx(`${rootClassName}__header-timestamp`, `${rootClassName}__header--bottom`)}\n          negative={negative}\n          variant=\"additional-100\"\n        >\n          <time dateTime={sentAtDate.toISOString()}>{resolvedTimestamp}</time>\n        </Paragraph>\n      </div>\n    ) : null;\n\n  const header = hasHeader ? (\n    <div className={cx(`${rootClassName}__header-container`)}>\n      <div className={cx(`${rootClassName}__header`)}>\n        <Paragraph\n          className={cx(`${rootClassName}__header-name`)}\n          negative={negative}\n          variant=\"additional-100-medium\"\n        >\n          {senderName}\n        </Paragraph>\n      </div>\n    </div>\n  ) : null;\n\n  const needsContentWrapper = hasHeader || hasAvatar;\n\n  return (\n    <div\n      className={cx(\n        rootClassName,\n        variant === \"incoming\" ? `${rootClassName}--incoming` : `${rootClassName}--outgoing`,\n        {\n          [`${rootClassName}--with-avatar`]: hasAvatar,\n          [`${rootClassName}--with-avatar-header-layout`]: hasHeader && hasAvatar,\n          [`${rootClassName}--incoming-header-layout`]: hasHeader && !hasAvatar,\n        },\n        className\n      )}\n    >\n      {header}\n      {hasAvatar && <div className={cx(`${rootClassName}__avatar`)}>{avatar}</div>}\n      {needsContentWrapper ? (\n        <div className={cx(`${rootClassName}__content`)}>{children}</div>\n      ) : (\n        children\n      )}\n      {footer}\n    </div>\n  );\n};\n\nMessage.displayName = \"Message\";\n\ntype MessageComponent = typeof Message & {\n  Bubble: typeof MessageBubble;\n  Stamp: typeof MessageStamp;\n};\n\nconst MessageNamespace = Message as MessageComponent;\nMessageNamespace.Bubble = MessageBubble;\nMessageNamespace.Stamp = MessageStamp;\n\nexport { MessageNamespace as Message };\n"],"names":["cx","styles","MessageBubble","text","animate","className","content","jsx","Paragraph","MessageStamp","props","negative","variant","jsxs","Avatar","toValidDate","value","nextDate","formatTimestamp","sentAtDate","diffInMs","rootClassName","Message","children","variantProps","isIncoming","senderName","avatar","sentAt","hasHeader","hasAvatar","resolvedTimestamp","footer","header","needsContentWrapper","MessageNamespace"],"mappings":"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"}

package/dist/message.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./message-0yTS5pOF.js");exports.Message=e.MessageNamespace;
+//# sourceMappingURL=message.cjs.js.map

package/dist/message.cjs.js.map

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

package/dist/message.es.js

@@ -0,0 +1,5 @@
+import { M as a } from "./message-D9CDwcw9.mjs";
+export {
+  a as Message
+};
+//# sourceMappingURL=message.es.js.map

package/dist/message.es.js.map

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

package/dist/{product-card-CoY1KggV.js → product-card-8X-Ld2d_.js}

@@ -1,2 +1,2 @@
-"use strict";const r=require("react/jsx-runtime"),Y=require("react"),c=require("./card-DFdUs5RG.js"),p=require("./paragraph-By4jMjnH.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-CoY1KggV.js.map
+"use strict";const r=require("react/jsx-runtime"),Y=require("react"),c=require("./card-DFdUs5RG.js"),p=require("./paragraph-By4jMjnH.js"),l=require("./bind-DeUYJ6m9.js"),I=require("./color-dot-BEE5rKco.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-8X-Ld2d_.js.map

package/dist/{product-card-CoY1KggV.js.map → product-card-8X-Ld2d_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"product-card-CoY1KggV.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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"}
+{"version":3,"file":"product-card-8X-Ld2d_.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":"wXAMMA,GAAKC,EAAAA,EAAE,KAAKC,EAAM,EASlBC,GAAgB,gBAETC,EAAS,CAAC,CACrB,CAAC,cAAeC,EAChB,CAAC,eAAgBC,EAAa,gBAC9B,OAAAC,EACA,mBAAAC,CACF,IACE,CAAC,CAACD,GAAQ,cACP,KAAA,CAAG,UAAWP,GAAGG,EAAa,EAAG,cAAaG,EAAY,aAAYD,EACpE,SAAAE,EAAO,IAAI,CAACE,EAAeC,UACzB,KAAA,CACC,SAAAC,EAAAA,IAACC,EAAAA,SAAA,CACC,cAAa,GAAGN,CAAU,aAC1B,WAAU,GACV,MAAAG,EACA,KAAK,KACL,aAAYD,GAAsBA,EAAmBE,CAAK,CAAA,CAC5D,GAPOD,CAQT,CACD,EACH,2MC9BET,EAAKC,EAAAA,EAAE,KAAKC,EAAM,EAElBC,EAAgB,eAUTU,EAAQ,CAAC,CACpB,CAAC,eAAgBP,EAAa,eAC9B,iBAAAQ,EACA,iBAAAC,EACA,UAAAC,EACA,YAAAC,CACF,IACM,CAACH,GAAoB,CAACE,GAAa,CAACC,GAAe,CAACF,EAC/C,YAIN,MAAA,CAAI,UAAWf,EAAGG,CAAa,EAAG,cAAaG,EAC7C,SAAA,CAAAQ,GACCH,EAAAA,IAACO,EAAAA,WAAU,cAAa,GAAGZ,CAAU,WAAY,QAAQ,iBACtD,SAAAQ,CAAA,CACH,SAED,MAAA,CAAI,UAAWd,EAAG,GAAGG,CAAa,mBAAmB,EACnD,SAAA,CAAAc,GACCN,EAAAA,IAACO,EAAAA,WAAU,cAAa,GAAGZ,CAAU,QAAS,QAAQ,gBACnD,SAAAW,CAAA,CACH,EAEDD,GACCL,EAAAA,IAACO,EAAAA,UAAA,CACC,UAAWlB,EAAG,GAAGG,CAAa,eAAgB,CAC5C,CAAC,GAAGA,CAAa,wBAAwB,EAAG,CAAC,CAACW,CAAA,CAC/C,EACD,cAAa,GAAGR,CAAU,UAC1B,QAAQ,qBAEP,SAAAU,CAAA,CAAA,CACH,EAEJ,EACCD,SACEG,YAAA,CAAU,cAAa,GAAGZ,CAAU,eAAgB,QAAQ,iBAC1D,SAAAS,CAAA,CACH,CAAA,EAEJ,84BCrDEf,EAAKC,EAAAA,EAAE,KAAKC,EAAM,EASlBC,EAAgB,wBAETgB,EAAgB,CAAC,CAC5B,CAAC,eAAgBb,EAAa,wBAC9B,SAAAc,CACF,IACEA,EAAS,aACPC,EAAAA,KAAC,MAAA,CAAI,UAAWrB,EAAGG,CAAa,EAAG,cAAaG,EAC9C,SAAA,CAAAK,EAAAA,IAAC,MAAA,CAAI,UAAWX,EAAG,GAAGG,CAAa,iBAAiB,EAAI,WAAS,YAAA,CAAa,EAC9EQ,EAAAA,IAAC,MAAA,CAAI,UAAWX,EAAG,GAAGG,CAAa,uBAAuB,EACxD,SAAAQ,EAAAA,IAACW,EAAAA,KAAK,QAAL,CAAc,SAAAF,EAAS,mBAAmB,CAAA,CAC7C,CAAA,CAAA,CACF,EAEAA,EAAS,6ECtBPpB,GAAKC,EAAAA,EAAE,KAAKC,EAAM,EAEXqB,EAAe,CAC1B,SAAU,WACV,cAAe,gBACf,aAAc,cAChB,EAEaC,GAAoC,CAC/C,CAACD,EAAa,QAAQ,EAAGE,EAAAA,oBAAoB,QAC7C,CAACF,EAAa,aAAa,EAAGE,EAAAA,oBAAoB,QAClD,CAACF,EAAa,YAAY,EAAGE,sBAAoB,KACnD,EAUMtB,GAAgB,sBAETuB,EAAc,CAAC,CAC1B,CAAC,eAAgBpB,EAAa,sBAC9B,YAAAqB,EACA,gBAAAC,CACF,IACED,GACAC,GACEP,EAAAA,KAAC,MAAA,CAAI,UAAWrB,GAAGG,EAAa,EAAG,cAAaG,EAC9C,SAAA,CAAAK,EAAAA,IAACkB,EAAAA,WAAA,CAAW,QAASL,GAAkCG,CAAW,CAAA,CAAG,EACrEhB,EAAAA,IAACO,EAAAA,UAAA,CAAU,QAAQ,uBAAwB,SAAAU,CAAA,CAAgB,CAAA,EAC7D,ECvCEE,GAAI,CACR,KAAM,OACN,IAAK,8eACL,SAAU,CAAC,MAAM,EACjB,SAAU,OACZ,EAAGC,EAAKC,GAAsBC,MAAEC,GAAAA,EAAG,CAAE,GAAGF,EAAG,IAAKF,GAAG,EACnDC,EAAE,YAAc,WCsBhB,MAAM/B,EAAKC,EAAAA,EAAE,KAAKC,EAAM,EAsFlBC,EAAgB,sBAYTgC,EAAcC,EAAAA,WACzB,CACE,CACE,CAAC,eAAgB9B,EAAa,sBAC9B,UAAA+B,EACA,aAAAC,EACA,SAAAC,EACA,SAAAnB,EACA,UAAAoB,EACA,cAAAC,EACA,WAAAC,EACA,mBAAAC,EACA,QAAAC,EACA,SAAAC,EACA,WAAAC,EAAa,GACb,cAAAC,EACA,WAAAC,EAAa,KACb,KAAAC,EACA,QAAAC,EACA,YAAAC,EACA,UAAAC,EACA,QAAAC,EAAU,GACV,SAAAC,EACA,UAAAtC,EACA,iBAAAD,EACA,YAAAE,EACA,MAAAsC,EACA,UAAAC,EAAY,KACZ,MAAAC,EACA,iBAAA3C,EACA,YAAAa,EACA,gBAAAC,EACA,GAAG8B,CAAA,EAELC,IACG,CACH,MAAMC,EAAU5D,EAAGwC,EAAWrC,CAAa,EAErC0D,EAGF,CACF,MAAAJ,EACA,SAAUT,EACV,QAAS,YACT,cAAe,GAAG1C,CAAU,eAAA,EAG9B,OACEe,EAAAA,KAACC,EAAAA,KAAA,CACC,UAAWsC,EACX,cAAatD,EACb,WAAAwC,EACA,IAAAa,EACC,GAAGD,EAEJ,SAAA,CAAA/C,EAAAA,IAACW,EAAAA,KAAK,MAAL,CAAW,KAAMe,EAAW,QAASC,EAAc,cAAa,GAAGhC,CAAU,QAAA,CAAU,EACxFe,EAAAA,KAACC,EAAAA,KAAK,iBAAL,CACC,QAAQ,KACR,UAAWtB,EAAG,GAAGG,CAAa,qBAAqB,EACnD,WAAA2C,EAEA,SAAA,CAAAzB,EAAAA,KAACC,EAAAA,KAAK,QAAL,CACC,SAAA,CAAAX,EAAAA,IAACQ,EAAA,CAAc,cAAa,GAAGb,CAAU,kBACtC,SAAA,CACC,aAAciD,EACZ5C,EAAAA,IAAC,MAAA,CACC,UAAWX,EACT,GAAGG,CAAa,kBAChB,GAAGA,CAAa,oBAAoBqD,CAAS,EAAA,EAE/C,cAAa,GAAGlD,CAAU,iBAEzB,SAAAiD,CAAA,CAAA,EAED,KACJ,mBACElC,EAAAA,KAAAyC,WAAA,CACE,SAAA,CAAAzC,OAAC,MAAA,CACC,SAAA,CAAAV,MAACW,EAAAA,KAAK,SAAL,CAAc,cAAa,GAAGhB,CAAU,YAAa,SAAAgD,EAAoB,EACzEL,GACCtC,EAAAA,IAACW,EAAAA,KAAK,QAAL,CACC,KAAA2B,EACA,YAAAE,EACA,SAAAN,EACA,QAAAK,EACC,GAAGW,CAAA,CAAA,EAGPX,GAAW,CAACD,GACXtC,EAAAA,IAACW,EAAAA,KAAK,QAAL,CAAa,SAAAuB,EAAoB,QAAAK,EAAmB,GAAGW,EAAc,EAEvE,CAACZ,GAAQ,CAACC,SAAY5B,EAAAA,KAAK,QAAL,CAAc,GAAGuC,CAAA,CAAc,CAAA,EACxD,EACAlD,EAAAA,IAACP,EAAA,CACC,OAAQqC,EACR,mBAAoBC,EACpB,aAAYC,EACZ,cAAa,GAAGrC,CAAU,SAAA,CAAA,CAC5B,CAAA,CACF,CAAA,EAGN,GACEiC,GAAY,CAAC,CAACa,GAAW,SACzB/B,EAAAA,KAAC,MAAA,CAAI,UAAWrB,EAAG,GAAGG,CAAa,QAAQ,EACxC,SAAA,CAAAoC,SACErB,YAAA,CAAU,cAAa,GAAGZ,CAAU,aAAe,SAAAiC,EAAS,EAE/D5B,EAAAA,IAACW,EAAAA,KAAK,YAAL,CACC,cAAa,GAAGhB,CAAU,gBAC1B,UAAA8C,CAAA,CAAA,CACF,CAAA,CACF,CAAA,EAEJ,EACChC,GACCT,EAAAA,IAACW,EAAAA,KAAK,QAAL,CACC,UAAW,GAAGnB,CAAa,aAC3B,cAAa,GAAGG,CAAU,mBAEzB,SAAAc,CAAA,CAAA,CACH,CAAA,CAAA,SAGH,MAAA,CACC,SAAA,CAAAC,EAAAA,KAACC,EAAAA,KAAK,iBAAL,CAAsB,SAAQ,GAC7B,SAAA,CAAAX,EAAAA,IAACW,EAAAA,KAAK,QAAL,CACC,SAAAD,EAAAA,KAAC,MAAA,CACC,UAAWrB,EAAG,GAAGG,CAAa,WAAY,CACxC,CAAC,GAAGA,CAAa,gBAAgB,EAAGyC,CAAA,CACrC,EAED,SAAA,CAAAjC,EAAAA,IAACE,EAAA,CACC,cAAa,GAAGP,CAAU,SAC1B,YAAAW,EACA,iBAAAH,EACA,iBAAAC,EACA,UAAAC,CAAA,CAAA,GAEAiC,GAAQC,IACRvC,EAAAA,IAACW,EAAAA,KAAK,IAAL,CACC,UAAWtB,EAAG,GAAGG,CAAa,cAAc,EAC5C,cAAa,GAAGG,CAAU,cAC1B,SAAAuC,EACA,aAAcD,EAAWK,EAAO,QAAU,OAAU,OACpD,QAAAI,EACA,KAAMT,EACN,YAAa,GAAQK,GAAQ,CAACL,GAE7B,SAAAK,QAAQc,EAAAA,EAAA,CAAe,KAAK,KAAK,EAAKpD,EAAAA,IAACqD,EAAA,CAAS,KAAK,IAAA,CAAK,CAAA,CAAA,CAC7D,CAAA,CAAA,EAGN,EACCjB,SACEzB,OAAK,QAAL,CAAa,cAAa,GAAGhB,CAAU,kBACrC,SAAAyC,CAAA,CACH,CAAA,EAEJ,EACApC,EAAAA,IAACe,EAAA,CACC,cAAa,GAAGpB,CAAU,gBAC1B,YAAAqB,EACA,gBAAAC,CAAA,CAAA,CACF,CAAA,CACF,CAAA,CAAA,CAAA,CAGN,CACF,EAEAO,EAAY,OAAS/B,EACrB+B,EAAY,MAAQtB,EACpBsB,EAAY,cAAgBhB,EAC5BgB,EAAY,YAAcT,EAC1BS,EAAY,YAAc"}