se-design 1.1.1-dev → 1.1.1-dev-01

package/dist/index41.js

@@ -1,7 +1,7 @@
 import a, { useState as d, useRef as $, useEffect as r, useMemo as D } from "react";
 import { Icon as g } from "./index6.js";
 import { LabelChip as F } from "./index11.js";
-import { debounce as L } from "./index247.js";
+import { debounce as L } from "./index246.js";
 /* empty css         */
 function z(p) {
   const {

package/dist/index43.js

@@ -4,7 +4,7 @@ import { Button as S } from "./index4.js";
 import { getRegionAttributes as k } from "./index72.js";
 import { useAccessiblePress as L } from "./index73.js";
 import "./index78.js";
-import { useStableId as $ } from "./index228.js";
+import { useStableId as $ } from "./index227.js";
 /* empty css         */
 function o() {
   return o = Object.assign ? Object.assign.bind() : function(c) {

package/dist/index44.js

@@ -1,24 +1,24 @@
-import t, { useState as p, useEffect as g } from "react";
+import t, { useState as d, useEffect as g } from "react";
 import { Icon as S } from "./index6.js";
 import { Button as A } from "./index4.js";
 import { getRegionAttributes as P } from "./index72.js";
 import "./index78.js";
-import { useStableId as w } from "./index228.js";
+import { useStableId as w } from "./index227.js";
 /* empty css         */
-function x() {
-  return x = Object.assign ? Object.assign.bind() : function(i) {
-    for (var a = 1; a < arguments.length; a++) {
-      var n = arguments[a];
+function f() {
+  return f = Object.assign ? Object.assign.bind() : function(i) {
+    for (var r = 1; r < arguments.length; r++) {
+      var n = arguments[r];
       for (var s in n) ({}).hasOwnProperty.call(n, s) && (i[s] = n[s]);
     }
     return i;
-  }, x.apply(null, arguments);
+  }, f.apply(null, arguments);
 }
 const l = {
-  bannerCtn: "relative overflow-hidden rounded-[8px] bg-[var(--color-white)] flex items-center py-[16px] pl-[16px] pr-[48px] w-full",
+  bannerCtn: "relative overflow-hidden rounded-[8px] bg-[var(--color-white)] flex items-center py-[18px] pl-[20px] pr-[64px] w-full",
   content: "relative flex items-center justify-between w-full gap-[24px]",
   textCtn: "flex flex-col gap-[4px] items-start",
-  closeBtn: "absolute top-[4px] right-[4px]"
+  closeBtn: "absolute top-[12px] right-[12px]"
 }, D = [{
   key: "ring-3",
   rx: 357,
@@ -34,9 +34,9 @@ const l = {
   rx: 255,
   ry: 132.5,
   opacity: 1
-}], I = 1600, O = 952, f = O * 0.6, T = 1550, X = ({
+}], I = 1600, O = 952, x = O * 0.6, T = 1550, X = ({
   bannerClassName: i = "",
-  title: a = "Nicely done, you're a Pro now!",
+  title: r = "Nicely done, you're a Pro now!",
   description: n = "Get Business Plan which adds unlimited signatures, AI insights and bulk signing.",
   buttonLabel: s = "Upgrade to Business",
   buttonIconProps: k = {
@@ -51,7 +51,7 @@ const l = {
   const b = w(), y = w(), C = P({
     titleId: b,
     descriptionId: y
-  }), [L, h] = p(!1), [v, d] = p(!1), [E, M] = p(0);
+  }), [L, h] = d(!1), [v, p] = d(!1), [E, M] = d(0);
   g(() => {
     const e = window.matchMedia("(prefers-reduced-motion: reduce)");
     h(e.matches);
@@ -60,19 +60,19 @@ const l = {
   }, []), g(() => {
     u && M((e) => e + 1);
   }, [u]);
-  const r = !u || L;
+  const a = !u || L;
   return g(() => {
-    if (r) {
-      d(!0);
+    if (a) {
+      p(!0);
       return;
     }
-    d(!1);
+    p(!1);
     const e = setTimeout(() => {
-      d(!0), _?.();
+      p(!0), _?.();
     }, T);
     return () => clearTimeout(e);
-  }, [E, r]), /* @__PURE__ */ t.createElement("div", x({
-    className: `${l.bannerCtn} ${i} upgrade-banner-ctn ${r ? "upgrade-banner-ctn--static" : ""}`,
+  }, [E, a]), /* @__PURE__ */ t.createElement("div", f({
+    className: `${l.bannerCtn} ${i} upgrade-banner-ctn ${a ? "upgrade-banner-ctn--static" : ""}`,
     "data-automation-id": B
   }, C), /* @__PURE__ */ t.createElement("svg", {
     key: E,
@@ -81,16 +81,16 @@ const l = {
     preserveAspectRatio: "xMidYMid slice",
     "aria-hidden": "true"
   }, D.map((e, o) => {
-    const c = f, N = -e.rx * 0.6;
+    const c = x, N = -e.rx * 0.6;
     return /* @__PURE__ */ t.createElement("ellipse", {
       key: e.key,
       className: `upgrade-banner-ring upgrade-banner-ring--${e.key}`,
-      cx: r ? c : N,
+      cx: a ? c : N,
       cy: "42",
       rx: e.rx,
       ry: e.ry,
       opacity: e.opacity
-    }, !r && /* @__PURE__ */ t.createElement("animate", {
+    }, !a && /* @__PURE__ */ t.createElement("animate", {
       attributeName: "cx",
       from: N,
       to: c,
@@ -101,15 +101,15 @@ const l = {
     }));
   }), /* @__PURE__ */ t.createElement("ellipse", {
     className: "upgrade-banner-ring upgrade-banner-ring--fill",
-    cx: r ? f : -1640,
+    cx: a ? x : -1640,
     cy: "42",
     rx: I,
     ry: I,
     opacity: "1"
-  }, !r && /* @__PURE__ */ t.createElement("animate", {
+  }, !a && /* @__PURE__ */ t.createElement("animate", {
     attributeName: "cx",
     from: -1640,
-    to: f,
+    to: x,
     dur: "1.2s",
     begin: "0.35s",
     calcMode: "linear",
@@ -121,7 +121,7 @@ const l = {
   }, /* @__PURE__ */ t.createElement("span", {
     id: b,
     className: "upgrade-banner-title text-[var(--color-white)]"
-  }, a), /* @__PURE__ */ t.createElement("span", {
+  }, r), /* @__PURE__ */ t.createElement("span", {
     id: y,
     className: "upgrade-banner-description text-[var(--color-white)]"
   }, n)), /* @__PURE__ */ t.createElement(A, {
@@ -131,7 +131,7 @@ const l = {
     label: s,
     iconProps: k,
     onClick: R,
-    className: "shrink-0"
+    className: "shrink-0 !gap-[6px] !py-[10px] !px-[20px]"
   })), m && v && /* @__PURE__ */ t.createElement("div", {
     className: l.closeBtn
   }, /* @__PURE__ */ t.createElement(S, {

package/dist/index44.js.map

@@ -1 +1 @@
-{"version":3,"file":"index44.js","sources":["../src/components/UpgradeBanner/index.tsx"],"sourcesContent":["import React, { FC, useState, useEffect } from \"react\";\nimport { Icon, IconProps } from \"../Icon\";\nimport { Button } from \"../Button\";\nimport { Map } from \"../../utils/common.types\";\nimport { getRegionAttributes } from \"../../utils/a11y\";\nimport { useStableId } from \"../../utils/useStableId\";\nimport \"./style.scss\";\n\nexport interface UpgradeBannerProps {\n  /** Additional class name applied to the banner container. */\n  bannerClassName?: string;\n  /** Headline text. */\n  title?: string;\n  /** Supporting description text below the title. */\n  description?: string;\n  /** Label for the call-to-action button. */\n  buttonLabel?: string;\n  /** Icon props for the call-to-action button. */\n  buttonIconProps?: IconProps;\n  /** Called when the call-to-action button is activated. */\n  onButtonClick?: () => void;\n  /** Called when the dismiss (close) icon is activated. When omitted, no close icon is rendered. */\n  onClose?: () => void;\n  /**\n   * Pass `true` at the moment the banner should animate in (e.g. when a\n   * preceding task list completes) — the animation runs once per\n   * `false` -> `true` transition, not on mount. When `false` (default), the\n   * banner renders in its fully-settled solid state with no animation.\n   */\n  playAnimation?: boolean;\n  /** Called once the fill animation finishes. */\n  onAnimationComplete?: () => void;\n  /** Automation ID for testing, applied as data-automation-id on the root element. */\n  automationId?: string;\n}\n\nconst className: Map = {\n  bannerCtn:\n    \"relative overflow-hidden rounded-[8px] bg-[var(--color-white)] flex items-center py-[16px] pl-[16px] pr-[48px] w-full\",\n  content: \"relative flex items-center justify-between w-full gap-[24px]\",\n  textCtn: \"flex flex-col gap-[4px] items-start\",\n  closeBtn: \"absolute top-[4px] right-[4px]\"\n};\n\nconst RING_LAYERS = [\n  { key: \"ring-3\", rx: 357, ry: 185.5, opacity: 0.3 },\n  { key: \"ring-2\", rx: 306, ry: 159, opacity: 0.5 },\n  { key: \"ring-1\", rx: 255, ry: 132.5, opacity: 1 }\n];\n\nconst FILL_RADIUS = 1600;\nconst VIEWBOX_WIDTH = 952;\nconst RIPPLE_REST_CX = VIEWBOX_WIDTH * 0.6;\nconst FILL_ANIMATION_END_MS = 1550;\n\nexport const UpgradeBanner: FC<UpgradeBannerProps> = ({\n  bannerClassName = \"\",\n  title = \"Nicely done, you're a Pro now!\",\n  description = \"Get Business Plan which adds unlimited signatures, AI insights and bulk signing.\",\n  buttonLabel = \"Upgrade to Business\",\n  buttonIconProps = { name: \"upload\" },\n  onButtonClick,\n  onClose,\n  playAnimation = false,\n  onAnimationComplete,\n  automationId\n}) => {\n  const titleId = useStableId();\n  const descriptionId = useStableId();\n  const regionAttributes = getRegionAttributes({ titleId, descriptionId });\n\n  const [reduceMotion, setReduceMotion] = useState(false);\n  const [showCloseButton, setShowCloseButton] = useState(false);\n  const [animationRunId, setAnimationRunId] = useState(0);\n\n  useEffect(() => {\n    const query = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n    setReduceMotion(query.matches);\n\n    const handleChange = (event: MediaQueryListEvent) => setReduceMotion(event.matches);\n    query.addEventListener(\"change\", handleChange);\n    return () => query.removeEventListener(\"change\", handleChange);\n  }, []);\n\n  useEffect(() => {\n    if (!playAnimation) {\n      return;\n    }\n    setAnimationRunId((id) => id + 1);\n  }, [playAnimation]);\n\n  const showStatic = !playAnimation || reduceMotion;\n\n  useEffect(() => {\n    if (showStatic) {\n      setShowCloseButton(true);\n      return;\n    }\n\n    setShowCloseButton(false);\n    const timer = setTimeout(() => {\n      setShowCloseButton(true);\n      onAnimationComplete?.();\n    }, FILL_ANIMATION_END_MS);\n    return () => clearTimeout(timer);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [animationRunId, showStatic]);\n\n  return (\n    <div\n      className={`${className.bannerCtn} ${bannerClassName} upgrade-banner-ctn ${\n        showStatic ? \"upgrade-banner-ctn--static\" : \"\"\n      }`}\n      data-automation-id={automationId}\n      {...regionAttributes}\n    >\n      <svg\n        key={animationRunId}\n        className=\"upgrade-banner-rings\"\n        viewBox=\"0 0 952 84\"\n        preserveAspectRatio=\"xMidYMid slice\"\n        aria-hidden=\"true\"\n      >\n        {RING_LAYERS.map((ring, index) => {\n          const restCx = RIPPLE_REST_CX;\n          const fromCx = -ring.rx * 0.6;\n          return (\n            <ellipse\n              key={ring.key}\n              className={`upgrade-banner-ring upgrade-banner-ring--${ring.key}`}\n              cx={showStatic ? restCx : fromCx}\n              cy=\"42\"\n              rx={ring.rx}\n              ry={ring.ry}\n              opacity={ring.opacity}\n            >\n              {!showStatic && (\n                <animate\n                  attributeName=\"cx\"\n                  from={fromCx}\n                  to={restCx}\n                  dur=\"1.1s\"\n                  begin={`${index * 0.12}s`}\n                  calcMode=\"linear\"\n                  fill=\"freeze\"\n                />\n              )}\n            </ellipse>\n          );\n        })}\n        <ellipse\n          className=\"upgrade-banner-ring upgrade-banner-ring--fill\"\n          cx={showStatic ? RIPPLE_REST_CX : -(FILL_RADIUS + 40)}\n          cy=\"42\"\n          rx={FILL_RADIUS}\n          ry={FILL_RADIUS}\n          opacity=\"1\"\n        >\n          {!showStatic && (\n            <animate\n              attributeName=\"cx\"\n              from={-(FILL_RADIUS + 40)}\n              to={RIPPLE_REST_CX}\n              dur=\"1.2s\"\n              begin=\"0.35s\"\n              calcMode=\"linear\"\n              fill=\"freeze\"\n            />\n          )}\n        </ellipse>\n      </svg>\n\n      <div className={className.content}>\n        <div className={className.textCtn}>\n          <span id={titleId} className=\"upgrade-banner-title text-[var(--color-white)]\">\n            {title}\n          </span>\n          <span id={descriptionId} className=\"upgrade-banner-description text-[var(--color-white)]\">\n            {description}\n          </span>\n        </div>\n        <Button\n          type=\"secondary\"\n          theme=\"blue\"\n          size=\"sm\"\n          label={buttonLabel}\n          iconProps={buttonIconProps}\n          onClick={onButtonClick}\n          className=\"shrink-0\"\n        />\n      </div>\n\n      {onClose && showCloseButton && (\n        <div className={className.closeBtn}>\n          <Icon name=\"close\" size={16} stroke=\"var(--color-white)\" onClick={onClose} ariaLabel=\"Dismiss\" />\n        </div>\n      )}\n\n      {onClose && (\n        <span className=\"sr-only\" role=\"status\" aria-live=\"polite\">\n          {showCloseButton ? \"Dismiss button available.\" : \"\"}\n        </span>\n      )}\n    </div>\n  );\n};\n\nexport default UpgradeBanner;\n"],"names":["className","bannerCtn","content","textCtn","closeBtn","RING_LAYERS","key","rx","ry","opacity","FILL_RADIUS","VIEWBOX_WIDTH","RIPPLE_REST_CX","FILL_ANIMATION_END_MS","UpgradeBanner","bannerClassName","title","description","buttonLabel","buttonIconProps","name","onButtonClick","onClose","playAnimation","onAnimationComplete","automationId","titleId","useStableId","descriptionId","regionAttributes","getRegionAttributes","reduceMotion","setReduceMotion","useState","showCloseButton","setShowCloseButton","animationRunId","setAnimationRunId","useEffect","query","window","matchMedia","matches","handleChange","event","addEventListener","removeEventListener","id","showStatic","timer","setTimeout","clearTimeout","React","createElement","_extends","viewBox","preserveAspectRatio","map","ring","index","restCx","fromCx","cx","cy","attributeName","from","to","dur","begin","calcMode","fill","Button","type","theme","size","label","iconProps","onClick","Icon","stroke","ariaLabel","role"],"mappings":";;;;;;;;;;;;;;;;AAoCA,MAAMA,IAAiB;AAAA,EACrBC,WACE;AAAA,EACFC,SAAS;AAAA,EACTC,SAAS;AAAA,EACTC,UAAU;AACZ,GAEMC,IAAc,CAClB;AAAA,EAAEC,KAAK;AAAA,EAAUC,IAAI;AAAA,EAAKC,IAAI;AAAA,EAAOC,SAAS;AAAI,GAClD;AAAA,EAAEH,KAAK;AAAA,EAAUC,IAAI;AAAA,EAAKC,IAAI;AAAA,EAAKC,SAAS;AAAI,GAChD;AAAA,EAAEH,KAAK;AAAA,EAAUC,IAAI;AAAA,EAAKC,IAAI;AAAA,EAAOC,SAAS;AAAE,CAAC,GAG7CC,IAAc,MACdC,IAAgB,KAChBC,IAAiBD,IAAgB,KACjCE,IAAwB,MAEjBC,IAAwCA,CAAC;AAAA,EACpDC,iBAAAA,IAAkB;AAAA,EAClBC,OAAAA,IAAQ;AAAA,EACRC,aAAAA,IAAc;AAAA,EACdC,aAAAA,IAAc;AAAA,EACdC,iBAAAA,IAAkB;AAAA,IAAEC,MAAM;AAAA,EAAA;AAAA,EAC1BC,eAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,eAAAA,IAAgB;AAAA,EAChBC,qBAAAA;AAAAA,EACAC,cAAAA;AACF,MAAM;AACJ,QAAMC,IAAUC,EAAAA,GACVC,IAAgBD,EAAAA,GAChBE,IAAmBC,EAAoB;AAAA,IAAEJ,SAAAA;AAAAA,IAASE,eAAAA;AAAAA,EAAAA,CAAe,GAEjE,CAACG,GAAcC,CAAe,IAAIC,EAAS,EAAK,GAChD,CAACC,GAAiBC,CAAkB,IAAIF,EAAS,EAAK,GACtD,CAACG,GAAgBC,CAAiB,IAAIJ,EAAS,CAAC;AAEtDK,EAAAA,EAAU,MAAM;AACd,UAAMC,IAAQC,OAAOC,WAAW,kCAAkC;AAClET,IAAAA,EAAgBO,EAAMG,OAAO;AAE7B,UAAMC,IAAeA,CAACC,MAA+BZ,EAAgBY,EAAMF,OAAO;AAClFH,WAAAA,EAAMM,iBAAiB,UAAUF,CAAY,GACtC,MAAMJ,EAAMO,oBAAoB,UAAUH,CAAY;AAAA,EAC/D,GAAG,CAAA,CAAE,GAELL,EAAU,MAAM;AACd,IAAKf,KAGLc,EAAmBU,CAAAA,MAAOA,IAAK,CAAC;AAAA,EAClC,GAAG,CAACxB,CAAa,CAAC;AAElB,QAAMyB,IAAa,CAACzB,KAAiBQ;AAErCO,SAAAA,EAAU,MAAM;AACd,QAAIU,GAAY;AACdb,MAAAA,EAAmB,EAAI;AACvB;AAAA,IACF;AAEAA,IAAAA,EAAmB,EAAK;AACxB,UAAMc,IAAQC,WAAW,MAAM;AAC7Bf,MAAAA,EAAmB,EAAI,GACvBX,IAAAA;AAAAA,IACF,GAAGX,CAAqB;AACxB,WAAO,MAAMsC,aAAaF,CAAK;AAAA,EAEjC,GAAG,CAACb,GAAgBY,CAAU,CAAC,GAG7BI,gBAAAA,EAAAC,cAAA,OAAAC,EAAA;AAAA,IACEtD,WAAW,GAAGA,EAAUC,SAAS,IAAIc,CAAe,uBAClDiC,IAAa,+BAA+B,EAAE;AAAA,IAEhD,sBAAoBvB;AAAAA,EAAAA,GAChBI,CAAgB,GAEpBuB,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACE/C,KAAK8B;AAAAA,IACLpC,WAAU;AAAA,IACVuD,SAAQ;AAAA,IACRC,qBAAoB;AAAA,IACpB,eAAY;AAAA,EAAA,GAEXnD,EAAYoD,IAAI,CAACC,GAAMC,MAAU;AAChC,UAAMC,IAAShD,GACTiD,IAAS,CAACH,EAAKnD,KAAK;AAC1B,WACE6C,gBAAAA,EAAAC,cAAA,WAAA;AAAA,MACE/C,KAAKoD,EAAKpD;AAAAA,MACVN,WAAW,4CAA4C0D,EAAKpD,GAAG;AAAA,MAC/DwD,IAAId,IAAaY,IAASC;AAAAA,MAC1BE,IAAG;AAAA,MACHxD,IAAImD,EAAKnD;AAAAA,MACTC,IAAIkD,EAAKlD;AAAAA,MACTC,SAASiD,EAAKjD;AAAAA,IAAAA,GAEb,CAACuC,KACAI,gBAAAA,EAAAC,cAAA,WAAA;AAAA,MACEW,eAAc;AAAA,MACdC,MAAMJ;AAAAA,MACNK,IAAIN;AAAAA,MACJO,KAAI;AAAA,MACJC,OAAO,GAAGT,IAAQ,IAAI;AAAA,MACtBU,UAAS;AAAA,MACTC,MAAK;AAAA,IAAA,CACN,CAEI;AAAA,EAEb,CAAC,GACDlB,gBAAAA,EAAAC,cAAA,WAAA;AAAA,IACErD,WAAU;AAAA,IACV8D,IAAId,IAAapC,IAAiB;AAAA,IAClCmD,IAAG;AAAA,IACHxD,IAAIG;AAAAA,IACJF,IAAIE;AAAAA,IACJD,SAAQ;AAAA,EAAA,GAEP,CAACuC,KACAI,gBAAAA,EAAAC,cAAA,WAAA;AAAA,IACEW,eAAc;AAAA,IACdC,MAAM;AAAA,IACNC,IAAItD;AAAAA,IACJuD,KAAI;AAAA,IACJC,OAAM;AAAA,IACNC,UAAS;AAAA,IACTC,MAAK;AAAA,EAAA,CACN,CAEI,CACN,GAELlB,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKrD,WAAWA,EAAUE;AAAAA,EAAAA,GACxBkD,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKrD,WAAWA,EAAUG;AAAAA,EAAAA,GACxBiD,gBAAAA,EAAAC,cAAA,QAAA;AAAA,IAAMN,IAAIrB;AAAAA,IAAS1B,WAAU;AAAA,EAAA,GAC1BgB,CACG,GACNoC,gBAAAA,EAAAC,cAAA,QAAA;AAAA,IAAMN,IAAInB;AAAAA,IAAe5B,WAAU;AAAA,EAAA,GAChCiB,CACG,CACH,GACLmC,gBAAAA,EAAAC,cAACkB,GAAM;AAAA,IACLC,MAAK;AAAA,IACLC,OAAM;AAAA,IACNC,MAAK;AAAA,IACLC,OAAOzD;AAAAA,IACP0D,WAAWzD;AAAAA,IACX0D,SAASxD;AAAAA,IACTrB,WAAU;AAAA,EAAA,CACX,CACE,GAEJsB,KAAWY,KACVkB,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKrD,WAAWA,EAAUI;AAAAA,EAAAA,GACxBgD,gBAAAA,EAAAC,cAACyB,GAAI;AAAA,IAAC1D,MAAK;AAAA,IAAQsD,MAAM;AAAA,IAAIK,QAAO;AAAA,IAAqBF,SAASvD;AAAAA,IAAS0D,WAAU;AAAA,EAAA,CAAW,CAC7F,GAGN1D,KACC8B,gBAAAA,EAAAC,cAAA,QAAA;AAAA,IAAMrD,WAAU;AAAA,IAAUiF,MAAK;AAAA,IAAS,aAAU;AAAA,EAAA,GAC/C/C,IAAkB,8BAA8B,EAC7C,CAEL;AAET;"}
+{"version":3,"file":"index44.js","sources":["../src/components/UpgradeBanner/index.tsx"],"sourcesContent":["import React, { FC, useState, useEffect } from \"react\";\nimport { Icon, IconProps } from \"../Icon\";\nimport { Button } from \"../Button\";\nimport { Map } from \"../../utils/common.types\";\nimport { getRegionAttributes } from \"../../utils/a11y\";\nimport { useStableId } from \"../../utils/useStableId\";\nimport \"./style.scss\";\n\nexport interface UpgradeBannerProps {\n  /** Additional class name applied to the banner container. */\n  bannerClassName?: string;\n  /** Headline text. */\n  title?: string;\n  /** Supporting description text below the title. */\n  description?: string;\n  /** Label for the call-to-action button. */\n  buttonLabel?: string;\n  /** Icon props for the call-to-action button. */\n  buttonIconProps?: IconProps;\n  /** Called when the call-to-action button is activated. */\n  onButtonClick?: () => void;\n  /** Called when the dismiss (close) icon is activated. When omitted, no close icon is rendered. */\n  onClose?: () => void;\n  /**\n   * Pass `true` at the moment the banner should animate in (e.g. when a\n   * preceding task list completes) — the animation runs once per\n   * `false` -> `true` transition, not on mount. When `false` (default), the\n   * banner renders in its fully-settled solid state with no animation.\n   */\n  playAnimation?: boolean;\n  /** Called once the fill animation finishes. */\n  onAnimationComplete?: () => void;\n  /** Automation ID for testing, applied as data-automation-id on the root element. */\n  automationId?: string;\n}\n\nconst className: Map = {\n  bannerCtn:\n    \"relative overflow-hidden rounded-[8px] bg-[var(--color-white)] flex items-center py-[18px] pl-[20px] pr-[64px] w-full\",\n  content: \"relative flex items-center justify-between w-full gap-[24px]\",\n  textCtn: \"flex flex-col gap-[4px] items-start\",\n  closeBtn: \"absolute top-[12px] right-[12px]\"\n};\n\nconst RING_LAYERS = [\n  { key: \"ring-3\", rx: 357, ry: 185.5, opacity: 0.3 },\n  { key: \"ring-2\", rx: 306, ry: 159, opacity: 0.5 },\n  { key: \"ring-1\", rx: 255, ry: 132.5, opacity: 1 }\n];\n\nconst FILL_RADIUS = 1600;\nconst VIEWBOX_WIDTH = 952;\nconst RIPPLE_REST_CX = VIEWBOX_WIDTH * 0.6;\nconst FILL_ANIMATION_END_MS = 1550;\n\nexport const UpgradeBanner: FC<UpgradeBannerProps> = ({\n  bannerClassName = \"\",\n  title = \"Nicely done, you're a Pro now!\",\n  description = \"Get Business Plan which adds unlimited signatures, AI insights and bulk signing.\",\n  buttonLabel = \"Upgrade to Business\",\n  buttonIconProps = { name: \"upload\" },\n  onButtonClick,\n  onClose,\n  playAnimation = false,\n  onAnimationComplete,\n  automationId\n}) => {\n  const titleId = useStableId();\n  const descriptionId = useStableId();\n  const regionAttributes = getRegionAttributes({ titleId, descriptionId });\n\n  const [reduceMotion, setReduceMotion] = useState(false);\n  const [showCloseButton, setShowCloseButton] = useState(false);\n  const [animationRunId, setAnimationRunId] = useState(0);\n\n  useEffect(() => {\n    const query = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n    setReduceMotion(query.matches);\n\n    const handleChange = (event: MediaQueryListEvent) => setReduceMotion(event.matches);\n    query.addEventListener(\"change\", handleChange);\n    return () => query.removeEventListener(\"change\", handleChange);\n  }, []);\n\n  useEffect(() => {\n    if (!playAnimation) {\n      return;\n    }\n    setAnimationRunId((id) => id + 1);\n  }, [playAnimation]);\n\n  const showStatic = !playAnimation || reduceMotion;\n\n  useEffect(() => {\n    if (showStatic) {\n      setShowCloseButton(true);\n      return;\n    }\n\n    setShowCloseButton(false);\n    const timer = setTimeout(() => {\n      setShowCloseButton(true);\n      onAnimationComplete?.();\n    }, FILL_ANIMATION_END_MS);\n    return () => clearTimeout(timer);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [animationRunId, showStatic]);\n\n  return (\n    <div\n      className={`${className.bannerCtn} ${bannerClassName} upgrade-banner-ctn ${\n        showStatic ? \"upgrade-banner-ctn--static\" : \"\"\n      }`}\n      data-automation-id={automationId}\n      {...regionAttributes}\n    >\n      <svg\n        key={animationRunId}\n        className=\"upgrade-banner-rings\"\n        viewBox=\"0 0 952 84\"\n        preserveAspectRatio=\"xMidYMid slice\"\n        aria-hidden=\"true\"\n      >\n        {RING_LAYERS.map((ring, index) => {\n          const restCx = RIPPLE_REST_CX;\n          const fromCx = -ring.rx * 0.6;\n          return (\n            <ellipse\n              key={ring.key}\n              className={`upgrade-banner-ring upgrade-banner-ring--${ring.key}`}\n              cx={showStatic ? restCx : fromCx}\n              cy=\"42\"\n              rx={ring.rx}\n              ry={ring.ry}\n              opacity={ring.opacity}\n            >\n              {!showStatic && (\n                <animate\n                  attributeName=\"cx\"\n                  from={fromCx}\n                  to={restCx}\n                  dur=\"1.1s\"\n                  begin={`${index * 0.12}s`}\n                  calcMode=\"linear\"\n                  fill=\"freeze\"\n                />\n              )}\n            </ellipse>\n          );\n        })}\n        <ellipse\n          className=\"upgrade-banner-ring upgrade-banner-ring--fill\"\n          cx={showStatic ? RIPPLE_REST_CX : -(FILL_RADIUS + 40)}\n          cy=\"42\"\n          rx={FILL_RADIUS}\n          ry={FILL_RADIUS}\n          opacity=\"1\"\n        >\n          {!showStatic && (\n            <animate\n              attributeName=\"cx\"\n              from={-(FILL_RADIUS + 40)}\n              to={RIPPLE_REST_CX}\n              dur=\"1.2s\"\n              begin=\"0.35s\"\n              calcMode=\"linear\"\n              fill=\"freeze\"\n            />\n          )}\n        </ellipse>\n      </svg>\n\n      <div className={className.content}>\n        <div className={className.textCtn}>\n          <span id={titleId} className=\"upgrade-banner-title text-[var(--color-white)]\">\n            {title}\n          </span>\n          <span id={descriptionId} className=\"upgrade-banner-description text-[var(--color-white)]\">\n            {description}\n          </span>\n        </div>\n        <Button\n          type=\"secondary\"\n          theme=\"blue\"\n          size=\"sm\"\n          label={buttonLabel}\n          iconProps={buttonIconProps}\n          onClick={onButtonClick}\n          className=\"shrink-0 !gap-[6px] !py-[10px] !px-[20px]\"\n        />\n      </div>\n\n      {onClose && showCloseButton && (\n        <div className={className.closeBtn}>\n          <Icon name=\"close\" size={16} stroke=\"var(--color-white)\" onClick={onClose} ariaLabel=\"Dismiss\" />\n        </div>\n      )}\n\n      {onClose && (\n        <span className=\"sr-only\" role=\"status\" aria-live=\"polite\">\n          {showCloseButton ? \"Dismiss button available.\" : \"\"}\n        </span>\n      )}\n    </div>\n  );\n};\n\nexport default UpgradeBanner;\n"],"names":["className","bannerCtn","content","textCtn","closeBtn","RING_LAYERS","key","rx","ry","opacity","FILL_RADIUS","VIEWBOX_WIDTH","RIPPLE_REST_CX","FILL_ANIMATION_END_MS","UpgradeBanner","bannerClassName","title","description","buttonLabel","buttonIconProps","name","onButtonClick","onClose","playAnimation","onAnimationComplete","automationId","titleId","useStableId","descriptionId","regionAttributes","getRegionAttributes","reduceMotion","setReduceMotion","useState","showCloseButton","setShowCloseButton","animationRunId","setAnimationRunId","useEffect","query","window","matchMedia","matches","handleChange","event","addEventListener","removeEventListener","id","showStatic","timer","setTimeout","clearTimeout","React","createElement","_extends","viewBox","preserveAspectRatio","map","ring","index","restCx","fromCx","cx","cy","attributeName","from","to","dur","begin","calcMode","fill","Button","type","theme","size","label","iconProps","onClick","Icon","stroke","ariaLabel","role"],"mappings":"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"}

package/dist/index45.js

@@ -1,6 +1,6 @@
 import t, { useState as $, useRef as T } from "react";
 import "./index78.js";
-import { useDismissOnEscape as j } from "./index237.js";
+import { useDismissOnEscape as j } from "./index236.js";
 import { Icon as g } from "./index6.js";
 import { Button as A } from "./index4.js";
 /* empty css         */

package/dist/index47.js

@@ -1,7 +1,7 @@
 import e, { useState as k, useRef as S, useCallback as P, useEffect as Y } from "react";
 /* empty css         */
 import { Icon as x } from "./index6.js";
-import { useStableId as Z } from "./index228.js";
+import { useStableId as Z } from "./index227.js";
 import { getA11yNameAttributes as ee } from "./index87.js";
 import "./index78.js";
 import { useCombobox as te } from "./index74.js";

package/dist/index52.js

@@ -1,8 +1,8 @@
 import t, { useState as h, useRef as f, useCallback as g, useEffect as P } from "react";
 /* empty css         */
-import C from "./index256.js";
+import C from "./index255.js";
 import { Icon as H } from "./index6.js";
-import { useStableId as b } from "./index228.js";
+import { useStableId as b } from "./index227.js";
 import { getA11yNameAttributes as J } from "./index87.js";
 import "./index78.js";
 import { useCombobox as le } from "./index74.js";

package/dist/index55.js

@@ -36,7 +36,7 @@ import "./index49.js";
 import "./index50.js";
 /* empty css        */
 /* empty css         */
-import { TabButton as j } from "./index259.js";
+import { TabButton as j } from "./index258.js";
 /* empty css         */
 /* empty css         */
 /* empty css         */

package/dist/index57.js

@@ -2,7 +2,7 @@ import r, { useState as S } from "react";
 import { Button as z } from "./index4.js";
 import { Icon as _ } from "./index6.js";
 import { Dropdown as te } from "./index26.js";
-import { useDatePickerA11y as Fe, formatDateId as Pe, getCellAriaLabel as Ce } from "./index268.js";
+import { useDatePickerA11y as Fe, formatDateId as Pe, getCellAriaLabel as Ce } from "./index267.js";
 /* empty css         */
 function T() {
   return T = Object.assign ? Object.assign.bind() : function(p) {

package/dist/index58.js

@@ -1,6 +1,6 @@
 import t from "react";
 import { Icon as W } from "./index6.js";
-import { useStableId as j } from "./index228.js";
+import { useStableId as j } from "./index227.js";
 import { getA11yNameAttributes as q } from "./index87.js";
 import "./index78.js";
 /* empty css         */

package/dist/index59.js

@@ -1,5 +1,5 @@
 import e, { useEffect as a } from "react";
-import { delay as m } from "./index269.js";
+import { delay as m } from "./index268.js";
 import { announce as i } from "./index81.js";
 import { Icon as s } from "./index6.js";
 const u = (l) => {

package/dist/index6.js

@@ -1,141 +1,141 @@
-import L from "./index90.js";
-import R from "./index91.js";
-import F from "./index92.js";
-import B from "./index93.js";
-import D from "./index94.js";
-import M from "./index95.js";
-import q from "./index96.js";
-import G from "./index97.js";
-import V from "./index98.js";
-import z from "./index99.js";
-import H from "./index100.js";
-import J from "./index101.js";
-import K from "./index102.js";
-import Q from "./index103.js";
-import U from "./index104.js";
-import W from "./index105.js";
-import X from "./index106.js";
-import Y from "./index107.js";
-import Z from "./index108.js";
-import ss from "./index109.js";
-import os from "./index110.js";
-import _s from "./index111.js";
-import ts from "./index112.js";
-import is from "./index113.js";
-import rs from "./index114.js";
-import es from "./index115.js";
-import cs from "./index116.js";
-import ms from "./index117.js";
-import as from "./index118.js";
-import gs from "./index119.js";
-import vs from "./index120.js";
-import ns from "./index121.js";
-import ls from "./index122.js";
-import fs from "./index123.js";
-import bs from "./index124.js";
-import ps from "./index125.js";
-import ds from "./index126.js";
-import us from "./index127.js";
-import hs from "./index128.js";
-import ks from "./index129.js";
-import xs from "./index130.js";
-import As from "./index131.js";
-import Is from "./index132.js";
-import ys from "./index133.js";
-import ws from "./index134.js";
-import Ps from "./index135.js";
-import Ns from "./index136.js";
-import Cs from "./index137.js";
-import Os from "./index138.js";
-import $s from "./index139.js";
-import Es from "./index140.js";
-import Ss from "./index141.js";
-import Ts from "./index142.js";
-import js from "./index143.js";
-import Ls from "./index144.js";
-import Rs from "./index145.js";
-import Fs from "./index146.js";
-import Bs from "./index147.js";
-import Ds from "./index148.js";
-import Ms from "./index149.js";
-import qs from "./index150.js";
-import Gs from "./index151.js";
-import Vs from "./index152.js";
-import zs from "./index153.js";
-import Hs from "./index154.js";
-import Js from "./index155.js";
-import Ks from "./index156.js";
-import Qs from "./index157.js";
-import Us from "./index158.js";
-import Ws from "./index159.js";
-import Xs from "./index160.js";
-import Ys from "./index161.js";
-import Zs from "./index162.js";
-import so from "./index163.js";
-import oo from "./index164.js";
-import _o from "./index165.js";
-import to from "./index166.js";
-import io from "./index167.js";
-import ro from "./index168.js";
-import eo from "./index169.js";
-import co from "./index170.js";
-import mo from "./index171.js";
-import ao from "./index172.js";
-import go from "./index173.js";
-import vo from "./index174.js";
-import no from "./index175.js";
-import lo from "./index176.js";
-import fo from "./index177.js";
-import bo from "./index178.js";
-import po from "./index179.js";
-import uo from "./index180.js";
-import ho from "./index181.js";
-import ko from "./index182.js";
-import xo from "./index183.js";
-import Ao from "./index184.js";
-import Io from "./index185.js";
-import yo from "./index186.js";
-import wo from "./index187.js";
-import Po from "./index188.js";
-import No from "./index189.js";
-import Co from "./index190.js";
-import Oo from "./index191.js";
-import $o from "./index192.js";
-import Eo from "./index193.js";
-import So from "./index194.js";
-import To from "./index195.js";
-import jo from "./index196.js";
-import Lo from "./index197.js";
-import Ro from "./index198.js";
-import Fo from "./index199.js";
-import Bo from "./index200.js";
-import Do from "./index201.js";
-import Mo from "./index202.js";
-import qo from "./index203.js";
-import Go from "./index204.js";
-import Vo from "./index205.js";
-import zo from "./index206.js";
-import Ho from "./index207.js";
-import Jo from "./index208.js";
-import Ko from "./index209.js";
-import Qo from "./index210.js";
-import Uo from "./index211.js";
-import Wo from "./index212.js";
-import Xo from "./index213.js";
-import Yo from "./index214.js";
-import Zo from "./index215.js";
-import s_ from "./index216.js";
-import o_ from "./index217.js";
-import __ from "./index218.js";
-import t_ from "./index219.js";
-import i_ from "./index220.js";
-import r_ from "./index221.js";
-import e_ from "./index222.js";
-import c_ from "./index223.js";
-import m_ from "./index224.js";
-import a_ from "./index225.js";
+import L from "./index89.js";
+import R from "./index90.js";
+import F from "./index91.js";
+import B from "./index92.js";
+import D from "./index93.js";
+import M from "./index94.js";
+import q from "./index95.js";
+import G from "./index96.js";
+import V from "./index97.js";
+import z from "./index98.js";
+import H from "./index99.js";
+import J from "./index100.js";
+import K from "./index101.js";
+import Q from "./index102.js";
+import U from "./index103.js";
+import W from "./index104.js";
+import X from "./index105.js";
+import Y from "./index106.js";
+import Z from "./index107.js";
+import ss from "./index108.js";
+import os from "./index109.js";
+import _s from "./index110.js";
+import ts from "./index111.js";
+import is from "./index112.js";
+import rs from "./index113.js";
+import es from "./index114.js";
+import cs from "./index115.js";
+import ms from "./index116.js";
+import as from "./index117.js";
+import gs from "./index118.js";
+import vs from "./index119.js";
+import ns from "./index120.js";
+import ls from "./index121.js";
+import fs from "./index122.js";
+import bs from "./index123.js";
+import ps from "./index124.js";
+import ds from "./index125.js";
+import us from "./index126.js";
+import hs from "./index127.js";
+import ks from "./index128.js";
+import xs from "./index129.js";
+import As from "./index130.js";
+import Is from "./index131.js";
+import ys from "./index132.js";
+import ws from "./index133.js";
+import Ps from "./index134.js";
+import Ns from "./index135.js";
+import Cs from "./index136.js";
+import Os from "./index137.js";
+import $s from "./index138.js";
+import Es from "./index139.js";
+import Ss from "./index140.js";
+import Ts from "./index141.js";
+import js from "./index142.js";
+import Ls from "./index143.js";
+import Rs from "./index144.js";
+import Fs from "./index145.js";
+import Bs from "./index146.js";
+import Ds from "./index147.js";
+import Ms from "./index148.js";
+import qs from "./index149.js";
+import Gs from "./index150.js";
+import Vs from "./index151.js";
+import zs from "./index152.js";
+import Hs from "./index153.js";
+import Js from "./index154.js";
+import Ks from "./index155.js";
+import Qs from "./index156.js";
+import Us from "./index157.js";
+import Ws from "./index158.js";
+import Xs from "./index159.js";
+import Ys from "./index160.js";
+import Zs from "./index161.js";
+import so from "./index162.js";
+import oo from "./index163.js";
+import _o from "./index164.js";
+import to from "./index165.js";
+import io from "./index166.js";
+import ro from "./index167.js";
+import eo from "./index168.js";
+import co from "./index169.js";
+import mo from "./index170.js";
+import ao from "./index171.js";
+import go from "./index172.js";
+import vo from "./index173.js";
+import no from "./index174.js";
+import lo from "./index175.js";
+import fo from "./index176.js";
+import bo from "./index177.js";
+import po from "./index178.js";
+import uo from "./index179.js";
+import ho from "./index180.js";
+import ko from "./index181.js";
+import xo from "./index182.js";
+import Ao from "./index183.js";
+import Io from "./index184.js";
+import yo from "./index185.js";
+import wo from "./index186.js";
+import Po from "./index187.js";
+import No from "./index188.js";
+import Co from "./index189.js";
+import Oo from "./index190.js";
+import $o from "./index191.js";
+import Eo from "./index192.js";
+import So from "./index193.js";
+import To from "./index194.js";
+import jo from "./index195.js";
+import Lo from "./index196.js";
+import Ro from "./index197.js";
+import Fo from "./index198.js";
+import Bo from "./index199.js";
+import Do from "./index200.js";
+import Mo from "./index201.js";
+import qo from "./index202.js";
+import Go from "./index203.js";
+import Vo from "./index204.js";
+import zo from "./index205.js";
+import Ho from "./index206.js";
+import Jo from "./index207.js";
+import Ko from "./index208.js";
+import Qo from "./index209.js";
+import Uo from "./index210.js";
+import Wo from "./index211.js";
+import Xo from "./index212.js";
+import Yo from "./index213.js";
+import Zo from "./index214.js";
+import s_ from "./index215.js";
+import o_ from "./index216.js";
+import __ from "./index217.js";
+import t_ from "./index218.js";
+import i_ from "./index219.js";
+import r_ from "./index220.js";
+import e_ from "./index221.js";
+import c_ from "./index222.js";
+import m_ from "./index223.js";
+import a_ from "./index224.js";
 import m from "react";
-import { ReactSVG as g_ } from "./index226.js";
+import { ReactSVG as g_ } from "./index225.js";
 import { getA11yNameAttributes as v_ } from "./index87.js";
 import { useAccessiblePress as n_ } from "./index73.js";
 import "./index78.js";

package/dist/index63.js

@@ -1,5 +1,5 @@
 import p, { useState as A, useRef as O, useEffect as j } from "react";
-import { useStableId as W } from "./index228.js";
+import { useStableId as W } from "./index227.js";
 /* empty css         */
 const M = ({
   length: n = 6,

package/dist/index67.js

@@ -1,6 +1,6 @@
 import n, { useState as u, useCallback as y, useEffect as P } from "react";
 import { Popover as I } from "./index19.js";
-import { useStableId as k } from "./index228.js";
+import { useStableId as k } from "./index227.js";
 /* empty css         */
 function p() {
   return p = Object.assign ? Object.assign.bind() : function(r) {

package/dist/index69.js

@@ -2,7 +2,7 @@ import F, { useState as ot, useRef as X, useEffect as $ } from "react";
 import { createPortal as nt } from "react-dom";
 import { Icon as it } from "./index6.js";
 import { Button as rt } from "./index4.js";
-import { debounce as lt } from "./index247.js";
+import { debounce as lt } from "./index246.js";
 const q = 500, S = 50, U = 150, st = {
   "top-left": {
     rotate: "315",

package/dist/index7.js

@@ -1,6 +1,6 @@
 import s, { useState as h, useCallback as i } from "react";
 import "./index78.js";
-import { isElementVisible as p } from "./index227.js";
+import { isElementVisible as p } from "./index226.js";
 const x = ({
   skipLinks: n,
   className: c = ""

package/dist/index71.js

@@ -4,7 +4,7 @@ import { Badge as j } from "./index10.js";
 import { Icon as q } from "./index6.js";
 import { Link as N } from "./index70.js";
 import { CustomModal as G } from "./index13.js";
-import { useStableId as J } from "./index228.js";
+import { useStableId as J } from "./index227.js";
 /* empty css         */
 const K = {
   lg: {

package/dist/index85.js

@@ -1,5 +1,5 @@
 import { useState as m, useEffect as E, useCallback as w } from "react";
-import { useScrollActiveIntoView as I } from "./index88.js";
+import { useScrollActiveIntoView as I } from "./index270.js";
 function A({
   items: u,
   isOpen: t,

package/dist/index87.js

@@ -1,4 +1,4 @@
-import { mergeIds as i } from "./index245.js";
+import { mergeIds as i } from "./index244.js";
 function n({
   ariaLabel: t,
   ariaLabelledBy: o,