@purpur/library 9.5.0 → 9.7.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/modal-DJn9idcw.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),c=require("./index-2cFVyGXq.js"),s=require("react"),V=require("./button-DmybVApa.js"),K=require("./heading-drD5ugCC.js"),k=require("./close.es-VL3lKi1O.js"),G=require("./paragraph-By4jMjnH.js");require("./ThemeProvider-D7oXcAde.js");const J=require("./useThemePortalContainer-D9BYjEvT.js"),Q=require("./visually-hidden-C2CKovZx.js"),X=require("./bind-DeUYJ6m9.js"),Y="_fadeIn_1nrj3_1",Z="_fadeOut_1nrj3_1",ee="_slideUp_1nrj3_1",te="_slideDown_1nrj3_1",re={"purpur-modal-content":"_purpur-modal-content_1nrj3_1",fadeIn:Y,fadeOut:Z,slideUp:ee,slideDown:te,"purpur-modal-content__overlay":"_purpur-modal-content__overlay_1nrj3_49","purpur-modal-content__close-button":"_purpur-modal-content__close-button_1nrj3_65","purpur-modal-content__wrapper":"_purpur-modal-content__wrapper_1nrj3_75","purpur-modal-content__wrapper-inner":"_purpur-modal-content__wrapper-inner_1nrj3_85","purpur-modal-content__image-wrapper":"_purpur-modal-content__image-wrapper_1nrj3_89","purpur-modal-content__header":"_purpur-modal-content__header_1nrj3_112","purpur-modal-content__title":"_purpur-modal-content__title_1nrj3_125","purpur-modal-content__heading":"_purpur-modal-content__heading_1nrj3_128","purpur-modal-content__description":"_purpur-modal-content__description_1nrj3_131","purpur-modal-content__body":"_purpur-modal-content__body_1nrj3_134","purpur-modal-content__body-inner":"_purpur-modal-content__body-inner_1nrj3_142","purpur-modal-content__actions-buttons":"_purpur-modal-content__actions-buttons_1nrj3_154","purpur-modal-content__notification":"_purpur-modal-content__notification_1nrj3_172","purpur-modal-content--with-image":"_purpur-modal-content--with-image_1nrj3_175","purpur-modal-content--overflow":"_purpur-modal-content--overflow_1nrj3_175","purpur-modal-content__actions":"_purpur-modal-content__actions_1nrj3_154","purpur-modal-content__actions-separator":"_purpur-modal-content__actions-separator_1nrj3_206","purpur-modal-content--sticky-footer":"_purpur-modal-content--sticky-footer_1nrj3_216"},N=n=>n.showCloseButton===!0,r=X.c.bind(re),t="purpur-modal-content",ne=s.forwardRef(({["data-testid"]:n,actions:o,children:a,className:u,description:_,disableCloseOnClickOutside:y,hideDescription:b,image:p,stickyButtons:v=!0,title:D,notification:x=void 0,zIndex:$,container:C,onCloseAutoFocus:O,...g},P)=>{const{closeButtonAriaLabel:h,showCloseButton:E,...H}=g,[I,M]=s.useState(!1),[S,T]=s.useState(0),m=s.useRef(null),j=s.useRef(null),B=J.useThemePortalContainer(),W=C===void 0?B:C??void 0,z=r(t,{[`${t}--with-image`]:!!p},{[`${t}--overflow`]:I},{[`${t}--sticky-footer`]:v},u),d=l=>n?`${n} ${l}`:void 0,A=l=>{y&&l.preventDefault()},i=s.useCallback(()=>{if(!m.current||!j.current)return;const l=window.getComputedStyle(m.current,null),f=parseFloat(l.getPropertyValue("height")),U=j.current.offsetHeight;M(f<U),T((m.current.offsetWidth??0)-(m.current.clientWidth??0))},[]),F=()=>{const l=j.current;if(l){const f=l.querySelector("h2");f&&setTimeout(()=>{f.focus()})}},L=l=>{y&&!E&&l.preventDefault()};return s.useEffect(()=>(window.addEventListener("resize",i),()=>{window.removeEventListener("resize",i)}),[i]),s.useEffect(()=>{i()},[x,a,i]),e.jsxs(c.Portal,{container:W,children:[e.jsx(c.Overlay,{className:r(`${t}__overlay`),style:{zIndex:$}}),e.jsxs(c.Content,{...H,className:z,"data-testid":n,ref:P,...!_&&{"aria-describedby":void 0},onPointerDownOutside:A,onOpenAutoFocus:()=>{i(),F()},onEscapeKeyDown:L,onCloseAutoFocus:O,style:{zIndex:`calc(${$} + 1)`},children:[e.jsxs("div",{ref:m,className:r(`${t}__wrapper`),children:[N(g)&&h&&p&&e.jsx(q,{"aria-label":h,hasImage:!0,scrollbarWidth:S,"data-testid":d("close-button")}),e.jsxs("div",{ref:j,className:r(`${t}__wrapper-inner`),children:[e.jsxs("div",{className:r(`${t}__header`),children:[N(g)&&h&&!p&&e.jsx(q,{"aria-label":h,"data-testid":d("close-button")}),e.jsx(c.Title,{asChild:!0,className:r(`${t}__title`),"data-testid":d("title"),children:e.jsx(K.Heading,{tag:"h2",variant:"display-10",tabIndex:-1,className:r(`${t}__heading`),children:D})})]}),p&&e.jsx("div",{className:r(`${t}__image-wrapper`),"data-testid":d("image"),children:p}),e.jsx("div",{className:r(`${t}__body`),children:e.jsxs("div",{className:r(`${t}__body-inner`),children:[_&&b&&e.jsx(Q.VisuallyHidden,{asChild:!0,children:e.jsx(c.Description,{"data-testid":d("description"),children:_})}),_&&!b&&e.jsx(c.Description,{asChild:!0,className:r(`${t}__description`),"data-testid":d("description"),children:e.jsx(G.Paragraph,{variant:"paragraph-100",children:_})}),e.jsx("div",{children:a}),!v&&e.jsx(R,{actions:o,notification:x})]})})]})]}),v&&e.jsx(R,{actions:o,notification:x})]})]})}),q=({["aria-label"]:n,hasImage:o,scrollbarWidth:a,["data-testid"]:u})=>e.jsx(c.Close,{asChild:!0,children:e.jsx(V.Button,{variant:o?"primary":"tertiary-purple",negative:o,size:"sm",iconOnly:!0,"aria-label":n,className:r(`${t}__close-button`),style:{right:`calc(var(--purpur-spacing-100) + ${a||0}px)`},"data-testid":u,children:e.jsx(k.r,{})})}),R=({actions:n,notification:o})=>{const a=s.useRef(null);return s.useEffect(()=>{o&&a?.current?.scrollIntoView?.(!1)},[o]),n?e.jsxs("div",{className:r(`${t}__actions`),children:[e.jsx("div",{className:r(`${t}__actions-buttons`),"data-testid":"modal actions",children:n}),o&&e.jsx("div",{className:r(`${t}__notification`),ref:a,children:o}),e.jsx("span",{className:r(`${t}__actions-separator`)})]}):null},oe=s.forwardRef(({children:n,...o},a)=>e.jsx(c.Trigger,{asChild:!0,ref:a,...o,children:n})),w=({["data-testid"]:n,children:o,open:a,onOpenChange:u})=>e.jsx(c.Root,{open:a,onOpenChange:u,"data-testid":n,children:o});w.Trigger=oe;w.Content=ne;w.displayName="Modal";exports.Modal=w;
+//# sourceMappingURL=modal-DJn9idcw.js.map

package/dist/modal-DJn9idcw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-DJn9idcw.js","sources":["../../../components/modal/src/modal-content.tsx","../../../components/modal/src/modal-trigger.tsx","../../../components/modal/src/modal.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode, useCallback, useEffect, useRef, useState } from \"react\";\nimport { Button } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading } from \"@purpur/heading\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport { useThemePortalContainer } from \"@purpur/theme\";\nimport { VisuallyHidden } from \"@purpur/visually-hidden\";\nimport {\n  Close as RadixClose,\n  Content as RadixContent,\n  Description as RadixDescription,\n  Overlay as RadixOverlay,\n  Portal as RadixPortal,\n  Title as RadixTitle,\n} from \"@radix-ui/react-dialog\";\nimport c from \"classnames/bind\";\n\nimport \"@purpur/notification/styles\";\nimport styles from \"./modal-content.module.scss\";\n\nexport type DefaultProps = Omit<BaseProps, \"children\"> & {\n  /**\n   * One or several CTA links or buttons\n   * */\n  actions?: ReactNode;\n  children: ReactNode;\n  /**\n   * An optional accessible description to be announced when the dialog is opened.\n   * */\n  description?: string;\n  /**\n   * Prevents the modal from closing on click outside if set to `true`.\n   * */\n  disableCloseOnClickOutside?: boolean;\n  /**\n   * Visually hides the description if set to `true`.\n   * */\n  hideDescription?: boolean;\n  /**\n   * An optional image to be displayed at the top of the modal.\n   * */\n  image?: ReactNode;\n  /**\n   * Provide a Purpur Notification which will render beneath the modal buttons, otherwise leave it undefined.\n   * */\n  notification?: ReactNode;\n  /**\n   * Determines whether the button group should be fixed at the bottom or scroll with the content.\n   * */\n  stickyButtons?: boolean;\n  /**\n   * An accessible title to be announced when the dialog is opened.\n   * */\n  title: string;\n  /**\n   * z-index of the modal\n   * */\n  zIndex?: number;\n  /**\n   * Optional DOM element to portal the modal content into. When omitted,\n   * the modal renders inside the nearest `ThemeProvider` so it inherits\n   * the active color scheme. Pass `document.body` (or any other element) to\n   * override. Pass `null` to fall back to Radix' default (`document.body`).\n   * */\n  container?: HTMLElement | null;\n  /**\n   * Event handler called when focus moves to the trigger after closing.\n   * */\n  onCloseAutoFocus?: (e: Event) => void;\n};\n\ntype NoCloseButtonProps = {\n  /**\n   * An accessible label for the close button.\n   * */\n  closeButtonAriaLabel?: never;\n  /**\n   * Shows the close button if set to `true`. Must be used in conjunction with `closeButtonAriaLabel`.\n   * */\n  showCloseButton?: false;\n};\n\ntype CloseButtonProps = {\n  /**\n   * An accessible label for the close button.\n   * */\n  closeButtonAriaLabel: string;\n  /**\n   * Shows the close button if set to `true`. Must be used in conjunction with `closeButtonAriaLabel`.\n   * */\n  showCloseButton: true;\n};\n\nexport type ModalContentProps = DefaultProps & (CloseButtonProps | NoCloseButtonProps);\n\nconst hasCloseButtonProps = (\n  props: CloseButtonProps | NoCloseButtonProps\n): props is CloseButtonProps => (props as CloseButtonProps).showCloseButton === true;\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-modal-content\";\n\nexport const ModalContent = forwardRef<HTMLDivElement, ModalContentProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      actions,\n      children,\n      className,\n      description,\n      disableCloseOnClickOutside,\n      hideDescription,\n      image,\n      stickyButtons = true,\n      title,\n      notification = undefined,\n      zIndex,\n      container,\n      onCloseAutoFocus,\n      ...props\n    },\n    ref\n  ) => {\n    const { closeButtonAriaLabel, showCloseButton, ...rest } = props;\n    const [contentOverflow, setContentOverflow] = useState(false);\n    const [scrollbarWidth, setScrollbarWidth] = useState(0);\n    const wrapperRef = useRef<HTMLDivElement>(null);\n    const wrapperInnerRef = useRef<HTMLDivElement>(null);\n    const themePortalContainer = useThemePortalContainer();\n    const portalContainer =\n      container === undefined ? themePortalContainer : container ?? undefined;\n\n    const classes = cx(\n      rootClassName,\n      { [`${rootClassName}--with-image`]: !!image },\n      { [`${rootClassName}--overflow`]: contentOverflow },\n      { [`${rootClassName}--sticky-footer`]: stickyButtons },\n      className\n    );\n\n    const getTestId = (id: string) => (dataTestId ? `${dataTestId} ${id}` : undefined);\n\n    const handlePointerDownOutside = (event: CustomEvent<{ originalEvent: PointerEvent }>) => {\n      if (disableCloseOnClickOutside) {\n        event.preventDefault();\n      }\n    };\n\n    const handleContentOverflow = useCallback(() => {\n      if (!wrapperRef.current || !wrapperInnerRef.current) {\n        return;\n      }\n\n      const computedStyle = window.getComputedStyle(wrapperRef.current, null);\n      const wrapperHeight = parseFloat(computedStyle.getPropertyValue(\"height\"));\n      const innerHeight = wrapperInnerRef.current.offsetHeight;\n\n      setContentOverflow(wrapperHeight < innerHeight);\n\n      setScrollbarWidth(\n        (wrapperRef.current.offsetWidth ?? 0) - (wrapperRef.current.clientWidth ?? 0)\n      );\n    }, []);\n\n    const handleInitialFocus = () => {\n      const frame = wrapperInnerRef.current;\n      if (frame) {\n        const heading = frame.querySelector(\"h2\");\n\n        heading &&\n          setTimeout(() => {\n            heading.focus();\n          });\n      }\n    };\n\n    const handleEscapeKeyDown = (event: KeyboardEvent) => {\n      if (disableCloseOnClickOutside && !showCloseButton) {\n        event.preventDefault();\n      }\n    };\n\n    useEffect(() => {\n      window.addEventListener(\"resize\", handleContentOverflow);\n\n      return () => {\n        window.removeEventListener(\"resize\", handleContentOverflow);\n      };\n    }, [handleContentOverflow]);\n\n    useEffect(() => {\n      handleContentOverflow();\n    }, [notification, children, handleContentOverflow]);\n\n    return (\n      <RadixPortal container={portalContainer}>\n        <RadixOverlay className={cx(`${rootClassName}__overlay`)} style={{ zIndex }} />\n        <RadixContent\n          {...rest}\n          className={classes}\n          data-testid={dataTestId}\n          ref={ref}\n          {...(!description && { [\"aria-describedby\"]: undefined })}\n          onPointerDownOutside={handlePointerDownOutside}\n          onOpenAutoFocus={() => {\n            handleContentOverflow();\n            handleInitialFocus();\n          }}\n          onEscapeKeyDown={handleEscapeKeyDown}\n          onCloseAutoFocus={onCloseAutoFocus}\n          style={{ zIndex: `calc(${zIndex} + 1)` }}\n        >\n          <div ref={wrapperRef} className={cx(`${rootClassName}__wrapper`)}>\n            {hasCloseButtonProps(props) && closeButtonAriaLabel && image && (\n              <CloseButton\n                aria-label={closeButtonAriaLabel}\n                hasImage\n                scrollbarWidth={scrollbarWidth}\n                data-testid={getTestId(\"close-button\")}\n              />\n            )}\n            <div ref={wrapperInnerRef} className={cx(`${rootClassName}__wrapper-inner`)}>\n              <div className={cx(`${rootClassName}__header`)}>\n                {hasCloseButtonProps(props) && closeButtonAriaLabel && !image && (\n                  <CloseButton\n                    aria-label={closeButtonAriaLabel}\n                    data-testid={getTestId(\"close-button\")}\n                  />\n                )}\n                <RadixTitle\n                  asChild\n                  className={cx(`${rootClassName}__title`)}\n                  data-testid={getTestId(\"title\")}\n                >\n                  <Heading\n                    tag=\"h2\"\n                    variant=\"display-10\"\n                    tabIndex={-1}\n                    className={cx(`${rootClassName}__heading`)}\n                  >\n                    {title}\n                  </Heading>\n                </RadixTitle>\n              </div>\n              {image && (\n                <div\n                  className={cx(`${rootClassName}__image-wrapper`)}\n                  data-testid={getTestId(\"image\")}\n                >\n                  {image}\n                </div>\n              )}\n              <div className={cx(`${rootClassName}__body`)}>\n                <div className={cx(`${rootClassName}__body-inner`)}>\n                  {description && hideDescription && (\n                    <VisuallyHidden asChild>\n                      <RadixDescription data-testid={getTestId(\"description\")}>\n                        {description}\n                      </RadixDescription>\n                    </VisuallyHidden>\n                  )}\n                  {description && !hideDescription && (\n                    <RadixDescription\n                      asChild\n                      className={cx(`${rootClassName}__description`)}\n                      data-testid={getTestId(\"description\")}\n                    >\n                      <Paragraph variant=\"paragraph-100\">{description}</Paragraph>\n                    </RadixDescription>\n                  )}\n                  <div>{children}</div>\n                  {!stickyButtons && <ModalActions actions={actions} notification={notification} />}\n                </div>\n              </div>\n            </div>\n          </div>\n\n          {stickyButtons && <ModalActions actions={actions} notification={notification} />}\n        </RadixContent>\n      </RadixPortal>\n    );\n  }\n);\n\nconst CloseButton = ({\n  [\"aria-label\"]: ariaLabel,\n  hasImage,\n  scrollbarWidth,\n  [\"data-testid\"]: dataTestId,\n}: {\n  [\"aria-label\"]: string;\n  hasImage?: boolean;\n  scrollbarWidth?: number;\n  [\"data-testid\"]?: string;\n}) => (\n  <RadixClose asChild>\n    <Button\n      variant={hasImage ? \"primary\" : \"tertiary-purple\"}\n      negative={hasImage}\n      size=\"sm\"\n      iconOnly\n      aria-label={ariaLabel}\n      className={cx(`${rootClassName}__close-button`)}\n      style={{ right: `calc(var(--purpur-spacing-100) + ${scrollbarWidth || 0}px)` }}\n      data-testid={dataTestId}\n    >\n      <IconClose />\n    </Button>\n  </RadixClose>\n);\n\nexport const MAX_NUMBER_OF_ACTIONS = 3;\n\nexport const ModalActions = ({\n  actions,\n  notification,\n}: Pick<ModalContentProps, \"actions\" | \"notification\">) => {\n  const notificationRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (notification) {\n      notificationRef?.current?.scrollIntoView?.(false);\n    }\n  }, [notification]);\n\n  return actions ? (\n    <div className={cx(`${rootClassName}__actions`)}>\n      <div className={cx(`${rootClassName}__actions-buttons`)} data-testid=\"modal actions\">\n        {actions}\n      </div>\n      {notification && (\n        <div className={cx(`${rootClassName}__notification`)} ref={notificationRef}>\n          {notification}\n        </div>\n      )}\n      <span className={cx(`${rootClassName}__actions-separator`)} />\n    </div>\n  ) : null;\n};\n","import React, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Trigger as RadixTrigger } from \"@radix-ui/react-dialog\";\n\nexport type ModalTriggerProps = Omit<BaseProps<\"button\">, \"children\"> & {\n  children: ReactNode;\n};\n\nexport const ModalTrigger = forwardRef<HTMLButtonElement, ModalTriggerProps>(\n  ({ children, ...props }, ref) => {\n    return (\n      <RadixTrigger asChild ref={ref} {...props}>\n        {children}\n      </RadixTrigger>\n    );\n  }\n);\n","import React, { type ReactNode } from \"react\";\nimport { Root as RadixRoot } from \"@radix-ui/react-dialog\";\n\nimport { ModalContent } from \"./modal-content\";\nimport { ModalTrigger } from \"./modal-trigger\";\n\nexport type ModalProps = {\n  [\"data-testid\"]?: string;\n  children: ReactNode;\n  /**\n   * Event handler called when the open state of the dialog changes.\n   * */\n  onOpenChange?: (value: boolean) => void;\n  /**\n   * The controlled open state of the dialog. Must be used in conjunction with `onOpenChange`.\n   * */\n  open?: boolean;\n};\n\nexport const Modal = ({\n  [\"data-testid\"]: dataTestId,\n  children,\n  open,\n  onOpenChange,\n}: ModalProps) => (\n  <RadixRoot open={open} onOpenChange={onOpenChange} data-testid={dataTestId}>\n    {children}\n  </RadixRoot>\n);\n\nModal.Trigger = ModalTrigger;\nModal.Content = ModalContent;\n\nModal.displayName = \"Modal\";\n"],"names":["hasCloseButtonProps","props","cx","c","styles","rootClassName","ModalContent","forwardRef","dataTestId","actions","children","className","description","disableCloseOnClickOutside","hideDescription","image","stickyButtons","title","notification","zIndex","container","onCloseAutoFocus","ref","closeButtonAriaLabel","showCloseButton","rest","contentOverflow","setContentOverflow","useState","scrollbarWidth","setScrollbarWidth","wrapperRef","useRef","wrapperInnerRef","themePortalContainer","useThemePortalContainer","portalContainer","classes","getTestId","id","handlePointerDownOutside","event","handleContentOverflow","useCallback","computedStyle","wrapperHeight","innerHeight","handleInitialFocus","frame","heading","handleEscapeKeyDown","useEffect","jsxs","RadixPortal","jsx","RadixOverlay","RadixContent","CloseButton","RadixTitle","Heading","VisuallyHidden","RadixDescription","Paragraph","ModalActions","ariaLabel","hasImage","RadixClose","Button","IconClose","notificationRef","ModalTrigger","RadixTrigger","Modal","open","onOpenChange","RadixRoot"],"mappings":"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"}