@anoki/fse-ui 2.3.0-RC19 → 2.3.0-RC20

package/dist/index.es434.js

@@ -0,0 +1,82 @@
+import { j as e } from "./index.es267.js";
+import { clsx as f } from "./index.es269.js";
+import { createColorClasses as d } from "./index.es302.js";
+const u = ({
+  width: s = 56,
+  height: l = 10,
+  className: i,
+  color: o,
+  decorative: r = !1,
+  ariaLabel: t = "List arrow"
+}) => {
+  const a = d({ color: o });
+  return /* @__PURE__ */ e.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: s,
+      height: l,
+      fill: "currentColor",
+      viewBox: "0 0 56 10",
+      className: f(i, a),
+      "aria-hidden": r,
+      "aria-label": r ? void 0 : t,
+      children: [
+        /* @__PURE__ */ e.jsx("g", { filter: "url(#filter0_d_348_84872)", children: /* @__PURE__ */ e.jsx(
+          "path",
+          {
+            fill: "#fff",
+            fillRule: "evenodd",
+            d: "M25.44 2.134a4 4 0 0 1 5.12 0L40 10H16z",
+            clipRule: "evenodd"
+          }
+        ) }),
+        /* @__PURE__ */ e.jsx("defs", { children: /* @__PURE__ */ e.jsxs(
+          "filter",
+          {
+            id: "filter0_d_348_84872",
+            width: "56",
+            height: "40.793",
+            x: "0",
+            y: "-6.793",
+            colorInterpolationFilters: "sRGB",
+            filterUnits: "userSpaceOnUse",
+            children: [
+              /* @__PURE__ */ e.jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+              /* @__PURE__ */ e.jsx(
+                "feColorMatrix",
+                {
+                  in: "SourceAlpha",
+                  result: "hardAlpha",
+                  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+                }
+              ),
+              /* @__PURE__ */ e.jsx("feOffset", { dy: "8" }),
+              /* @__PURE__ */ e.jsx("feGaussianBlur", { stdDeviation: "8" }),
+              /* @__PURE__ */ e.jsx("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0" }),
+              /* @__PURE__ */ e.jsx(
+                "feBlend",
+                {
+                  in2: "BackgroundImageFix",
+                  result: "effect1_dropShadow_348_84872"
+                }
+              ),
+              /* @__PURE__ */ e.jsx(
+                "feBlend",
+                {
+                  in: "SourceGraphic",
+                  in2: "effect1_dropShadow_348_84872",
+                  result: "shape"
+                }
+              )
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+};
+export {
+  u as ArrowList
+};
+//# sourceMappingURL=index.es434.js.map

package/dist/index.es434.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es434.js","sources":["../src/icons/ArrowList/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconProps } from \"../../types/icons\";\nimport { createColorClasses } from \"@/theme/colors\";\n\nexport const ArrowList = ({\n  width = 56,\n  height = 10,\n  className,\n  color,\n  decorative = false,\n  ariaLabel = \"List arrow\",\n}: IconProps) => {\n  const classes = createColorClasses({ color });\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={width}\n      height={height}\n      fill=\"currentColor\"\n      viewBox=\"0 0 56 10\"\n      className={clsx(className, classes)}\n      aria-hidden={decorative}\n      aria-label={!decorative ? ariaLabel : undefined}\n    >\n      <g filter=\"url(#filter0_d_348_84872)\">\n        <path\n          fill=\"#fff\"\n          fillRule=\"evenodd\"\n          d=\"M25.44 2.134a4 4 0 0 1 5.12 0L40 10H16z\"\n          clipRule=\"evenodd\"\n        ></path>\n      </g>\n      <defs>\n        <filter\n          id=\"filter0_d_348_84872\"\n          width=\"56\"\n          height=\"40.793\"\n          x=\"0\"\n          y=\"-6.793\"\n          colorInterpolationFilters=\"sRGB\"\n          filterUnits=\"userSpaceOnUse\"\n        >\n          <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\"></feFlood>\n          <feColorMatrix\n            in=\"SourceAlpha\"\n            result=\"hardAlpha\"\n            values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n          ></feColorMatrix>\n          <feOffset dy=\"8\"></feOffset>\n          <feGaussianBlur stdDeviation=\"8\"></feGaussianBlur>\n          <feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix>\n          <feBlend\n            in2=\"BackgroundImageFix\"\n            result=\"effect1_dropShadow_348_84872\"\n          ></feBlend>\n          <feBlend\n            in=\"SourceGraphic\"\n            in2=\"effect1_dropShadow_348_84872\"\n            result=\"shape\"\n          ></feBlend>\n        </filter>\n      </defs>\n    </svg>\n  );\n};\n\n\n"],"names":["ArrowList","width","height","className","color","decorative","ariaLabel","classes","createColorClasses","jsxs","clsx","jsx"],"mappings":";;;AAIO,MAAMA,IAAY,CAAC;AAAA,EACxB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAJ,GAAO;AAE5C,SACEK,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAAR;AAAA,MACA,QAAAC;AAAA,MACA,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAWQ,EAAKP,GAAWI,CAAO;AAAA,MAClC,eAAaF;AAAA,MACb,cAAaA,IAAyB,SAAZC;AAAA,MAE1B,UAAA;AAAA,QAAAK,gBAAAA,EAAAA,IAAC,KAAA,EAAE,QAAO,6BACR,UAAAA,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAS;AAAA,YACT,GAAE;AAAA,YACF,UAAS;AAAA,UAAA;AAAA,QAAA,GAEb;AAAA,8BACC,QAAA,EACC,UAAAF,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,OAAM;AAAA,YACN,QAAO;AAAA,YACP,GAAE;AAAA,YACF,GAAE;AAAA,YACF,2BAA0B;AAAA,YAC1B,aAAY;AAAA,YAEZ,UAAA;AAAA,cAAAE,gBAAAA,EAAAA,IAAC,WAAA,EAAQ,cAAa,KAAI,QAAO,sBAAqB;AAAA,cACtDA,gBAAAA,EAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,QAAO;AAAA,kBACP,QAAO;AAAA,gBAAA;AAAA,cAAA;AAAA,cAETA,gBAAAA,EAAAA,IAAC,YAAA,EAAS,IAAG,IAAA,CAAI;AAAA,cACjBA,gBAAAA,EAAAA,IAAC,kBAAA,EAAe,cAAa,IAAA,CAAI;AAAA,cACjCA,gBAAAA,EAAAA,IAAC,iBAAA,EAAc,QAAO,6CAAA,CAA6C;AAAA,cACnEA,gBAAAA,EAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,KAAI;AAAA,kBACJ,QAAO;AAAA,gBAAA;AAAA,cAAA;AAAA,cAETA,gBAAAA,EAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,KAAI;AAAA,kBACJ,QAAO;AAAA,gBAAA;AAAA,cAAA;AAAA,YACR;AAAA,UAAA;AAAA,QAAA,EACH,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/index.es435.js

@@ -1,82 +1,18 @@
-import { j as e } from "./index.es267.js";
-import { clsx as f } from "./index.es269.js";
-import { createColorClasses as d } from "./index.es342.js";
-const u = ({
-  width: s = 56,
-  height: l = 10,
-  className: i,
-  color: o,
-  decorative: r = !1,
-  ariaLabel: t = "List arrow"
-}) => {
-  const a = d({ color: o });
-  return /* @__PURE__ */ e.jsxs(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: s,
-      height: l,
-      fill: "currentColor",
-      viewBox: "0 0 56 10",
-      className: f(i, a),
-      "aria-hidden": r,
-      "aria-label": r ? void 0 : t,
-      children: [
-        /* @__PURE__ */ e.jsx("g", { filter: "url(#filter0_d_348_84872)", children: /* @__PURE__ */ e.jsx(
-          "path",
-          {
-            fill: "#fff",
-            fillRule: "evenodd",
-            d: "M25.44 2.134a4 4 0 0 1 5.12 0L40 10H16z",
-            clipRule: "evenodd"
-          }
-        ) }),
-        /* @__PURE__ */ e.jsx("defs", { children: /* @__PURE__ */ e.jsxs(
-          "filter",
-          {
-            id: "filter0_d_348_84872",
-            width: "56",
-            height: "40.793",
-            x: "0",
-            y: "-6.793",
-            colorInterpolationFilters: "sRGB",
-            filterUnits: "userSpaceOnUse",
-            children: [
-              /* @__PURE__ */ e.jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-              /* @__PURE__ */ e.jsx(
-                "feColorMatrix",
-                {
-                  in: "SourceAlpha",
-                  result: "hardAlpha",
-                  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-                }
-              ),
-              /* @__PURE__ */ e.jsx("feOffset", { dy: "8" }),
-              /* @__PURE__ */ e.jsx("feGaussianBlur", { stdDeviation: "8" }),
-              /* @__PURE__ */ e.jsx("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0" }),
-              /* @__PURE__ */ e.jsx(
-                "feBlend",
-                {
-                  in2: "BackgroundImageFix",
-                  result: "effect1_dropShadow_348_84872"
-                }
-              ),
-              /* @__PURE__ */ e.jsx(
-                "feBlend",
-                {
-                  in: "SourceGraphic",
-                  in2: "effect1_dropShadow_348_84872",
-                  result: "shape"
-                }
-              )
-            ]
-          }
-        ) })
-      ]
-    }
-  );
+import { useEffect as l } from "react";
+const f = (t, n) => {
+  l(() => {
+    if (!n || !t.current) return;
+    const o = t.current.querySelectorAll(
+      'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+    ), c = o[0], r = o[o.length - 1], s = (e) => {
+      e.key === "Tab" && (e.shiftKey ? document.activeElement === c && (r.focus(), e.preventDefault()) : document.activeElement === r && (c.focus(), e.preventDefault()));
+    }, u = document.activeElement;
+    return c.focus(), document.addEventListener("keydown", s), () => {
+      document.removeEventListener("keydown", s), n && (u == null || u.focus());
+    };
+  }, [n, t]);
 };
 export {
-  u as ArrowList
+  f as useFocusTrap
 };
 //# sourceMappingURL=index.es435.js.map

package/dist/index.es435.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es435.js","sources":["../src/icons/ArrowList/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconProps } from \"../../types/icons\";\nimport { createColorClasses } from \"@/theme/colors\";\n\nexport const ArrowList = ({\n  width = 56,\n  height = 10,\n  className,\n  color,\n  decorative = false,\n  ariaLabel = \"List arrow\",\n}: IconProps) => {\n  const classes = createColorClasses({ color });\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={width}\n      height={height}\n      fill=\"currentColor\"\n      viewBox=\"0 0 56 10\"\n      className={clsx(className, classes)}\n      aria-hidden={decorative}\n      aria-label={!decorative ? ariaLabel : undefined}\n    >\n      <g filter=\"url(#filter0_d_348_84872)\">\n        <path\n          fill=\"#fff\"\n          fillRule=\"evenodd\"\n          d=\"M25.44 2.134a4 4 0 0 1 5.12 0L40 10H16z\"\n          clipRule=\"evenodd\"\n        ></path>\n      </g>\n      <defs>\n        <filter\n          id=\"filter0_d_348_84872\"\n          width=\"56\"\n          height=\"40.793\"\n          x=\"0\"\n          y=\"-6.793\"\n          colorInterpolationFilters=\"sRGB\"\n          filterUnits=\"userSpaceOnUse\"\n        >\n          <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\"></feFlood>\n          <feColorMatrix\n            in=\"SourceAlpha\"\n            result=\"hardAlpha\"\n            values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n          ></feColorMatrix>\n          <feOffset dy=\"8\"></feOffset>\n          <feGaussianBlur stdDeviation=\"8\"></feGaussianBlur>\n          <feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix>\n          <feBlend\n            in2=\"BackgroundImageFix\"\n            result=\"effect1_dropShadow_348_84872\"\n          ></feBlend>\n          <feBlend\n            in=\"SourceGraphic\"\n            in2=\"effect1_dropShadow_348_84872\"\n            result=\"shape\"\n          ></feBlend>\n        </filter>\n      </defs>\n    </svg>\n  );\n};\n\n\n"],"names":["ArrowList","width","height","className","color","decorative","ariaLabel","classes","createColorClasses","jsxs","clsx","jsx"],"mappings":";;;AAIO,MAAMA,IAAY,CAAC;AAAA,EACxB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAJ,GAAO;AAE5C,SACEK,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAAR;AAAA,MACA,QAAAC;AAAA,MACA,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAWQ,EAAKP,GAAWI,CAAO;AAAA,MAClC,eAAaF;AAAA,MACb,cAAaA,IAAyB,SAAZC;AAAA,MAE1B,UAAA;AAAA,QAAAK,gBAAAA,EAAAA,IAAC,KAAA,EAAE,QAAO,6BACR,UAAAA,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAS;AAAA,YACT,GAAE;AAAA,YACF,UAAS;AAAA,UAAA;AAAA,QAAA,GAEb;AAAA,8BACC,QAAA,EACC,UAAAF,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,OAAM;AAAA,YACN,QAAO;AAAA,YACP,GAAE;AAAA,YACF,GAAE;AAAA,YACF,2BAA0B;AAAA,YAC1B,aAAY;AAAA,YAEZ,UAAA;AAAA,cAAAE,gBAAAA,EAAAA,IAAC,WAAA,EAAQ,cAAa,KAAI,QAAO,sBAAqB;AAAA,cACtDA,gBAAAA,EAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,QAAO;AAAA,kBACP,QAAO;AAAA,gBAAA;AAAA,cAAA;AAAA,cAETA,gBAAAA,EAAAA,IAAC,YAAA,EAAS,IAAG,IAAA,CAAI;AAAA,cACjBA,gBAAAA,EAAAA,IAAC,kBAAA,EAAe,cAAa,IAAA,CAAI;AAAA,cACjCA,gBAAAA,EAAAA,IAAC,iBAAA,EAAc,QAAO,6CAAA,CAA6C;AAAA,cACnEA,gBAAAA,EAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,KAAI;AAAA,kBACJ,QAAO;AAAA,gBAAA;AAAA,cAAA;AAAA,cAETA,gBAAAA,EAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,KAAI;AAAA,kBACJ,QAAO;AAAA,gBAAA;AAAA,cAAA;AAAA,YACR;AAAA,UAAA;AAAA,QAAA,EACH,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"index.es435.js","sources":["../src/hooks/useFocusTrap.ts"],"sourcesContent":["import { useEffect } from \"react\";\n\nexport const useFocusTrap = (\n  ref: React.RefObject<HTMLElement | null>,\n  isActive: boolean,\n) => {\n  useEffect(() => {\n    if (!isActive || !ref.current) return;\n\n    const focusableElements = ref.current.querySelectorAll(\n      'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\n    );\n    const firstFocusableElement = focusableElements[0] as HTMLElement;\n    const lastFocusableElement = focusableElements[\n      focusableElements.length - 1\n    ] as HTMLElement;\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key !== \"Tab\") return;\n\n      if (e.shiftKey) {\n        if (document.activeElement === firstFocusableElement) {\n          lastFocusableElement.focus();\n          e.preventDefault();\n        }\n      } else {\n        if (document.activeElement === lastFocusableElement) {\n          firstFocusableElement.focus();\n          e.preventDefault();\n        }\n      }\n    };\n\n    const previousActiveElement = document.activeElement as HTMLElement;\n\n    firstFocusableElement.focus();\n\n    document.addEventListener(\"keydown\", handleKeyDown);\n\n    return () => {\n      document.removeEventListener(\"keydown\", handleKeyDown);\n\n      if (isActive) {\n        previousActiveElement?.focus();\n      }\n    };\n  }, [isActive, ref]);\n};\n"],"names":["useFocusTrap","ref","isActive","useEffect","focusableElements","firstFocusableElement","lastFocusableElement","handleKeyDown","previousActiveElement"],"mappings":";AAEO,MAAMA,IAAe,CAC1BC,GACAC,MACG;AACH,EAAAC,EAAU,MAAM;AACd,QAAI,CAACD,KAAY,CAACD,EAAI,QAAS;AAE/B,UAAMG,IAAoBH,EAAI,QAAQ;AAAA,MACpC;AAAA,IAAA,GAEII,IAAwBD,EAAkB,CAAC,GAC3CE,IAAuBF,EAC3BA,EAAkB,SAAS,CAC7B,GAEMG,IAAgB,CAAC,MAAqB;AAC1C,MAAI,EAAE,QAAQ,UAEV,EAAE,WACA,SAAS,kBAAkBF,MAC7BC,EAAqB,MAAA,GACrB,EAAE,eAAA,KAGA,SAAS,kBAAkBA,MAC7BD,EAAsB,MAAA,GACtB,EAAE,eAAA;AAAA,IAGR,GAEMG,IAAwB,SAAS;AAEvC,WAAAH,EAAsB,MAAA,GAEtB,SAAS,iBAAiB,WAAWE,CAAa,GAE3C,MAAM;AACX,eAAS,oBAAoB,WAAWA,CAAa,GAEjDL,MACFM,KAAA,QAAAA,EAAuB;AAAA,IAE3B;AAAA,EACF,GAAG,CAACN,GAAUD,CAAG,CAAC;AACpB;"}

package/dist/index.es452.js

@@ -0,0 +1,28 @@
+import * as e from "react";
+import c from "./index.es695.js";
+import { extractProps as i } from "./index.es698.js";
+import { requireReactElement as a } from "./index.es703.js";
+import { popoverContentPropDefs as l } from "./index.es704.js";
+import { Theme as f } from "./index.es705.js";
+import { Root as p, Trigger as d, Portal as C, Content as P, Close as h, Anchor as R } from "./index.es706.js";
+const v = (r) => e.createElement(p, { ...r });
+v.displayName = "Popover.Root";
+const g = e.forwardRef(({ children: r, ...o }, t) => e.createElement(d, { ...o, ref: t, asChild: !0 }, a(r)));
+g.displayName = "Popover.Trigger";
+const E = e.forwardRef((r, o) => {
+  const { className: t, forceMount: n, container: s, ...m } = i(r, l);
+  return e.createElement(C, { container: s, forceMount: n }, e.createElement(f, { asChild: !0 }, e.createElement(P, { align: "start", sideOffset: 8, collisionPadding: 10, ...m, ref: o, className: c("rt-PopperContent", "rt-PopoverContent", t) })));
+});
+E.displayName = "Popover.Content";
+const u = e.forwardRef(({ children: r, ...o }, t) => e.createElement(h, { ...o, ref: t, asChild: !0 }, a(r)));
+u.displayName = "Popover.Close";
+const N = e.forwardRef(({ children: r, ...o }, t) => e.createElement(R, { ...o, ref: t }));
+N.displayName = "Popover.Anchor";
+export {
+  N as Anchor,
+  u as Close,
+  E as Content,
+  v as Root,
+  g as Trigger
+};
+//# sourceMappingURL=index.es452.js.map

package/dist/index.es452.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es452.js","sources":["../node_modules/@radix-ui/themes/dist/esm/components/popover.js"],"sourcesContent":["import*as o from\"react\";import C from\"classnames\";import{Popover as p}from\"radix-ui\";import{extractProps as c}from\"../helpers/extract-props.js\";import{requireReactElement as n}from\"../helpers/require-react-element.js\";import{popoverContentPropDefs as g}from\"./popover.props.js\";import{Theme as R}from\"./theme.js\";const P=e=>o.createElement(p.Root,{...e});P.displayName=\"Popover.Root\";const s=o.forwardRef(({children:e,...r},t)=>o.createElement(p.Trigger,{...r,ref:t,asChild:!0},n(e)));s.displayName=\"Popover.Trigger\";const i=o.forwardRef((e,r)=>{const{className:t,forceMount:a,container:f,...l}=c(e,g);return o.createElement(p.Portal,{container:f,forceMount:a},o.createElement(R,{asChild:!0},o.createElement(p.Content,{align:\"start\",sideOffset:8,collisionPadding:10,...l,ref:r,className:C(\"rt-PopperContent\",\"rt-PopoverContent\",t)})))});i.displayName=\"Popover.Content\";const v=o.forwardRef(({children:e,...r},t)=>o.createElement(p.Close,{...r,ref:t,asChild:!0},n(e)));v.displayName=\"Popover.Close\";const m=o.forwardRef(({children:e,...r},t)=>o.createElement(p.Anchor,{...r,ref:t}));m.displayName=\"Popover.Anchor\";export{m as Anchor,v as Close,i as Content,P as Root,s as Trigger};\n//# sourceMappingURL=popover.js.map\n"],"names":["P","e","o","p.Root","s","r","p.Trigger","n","i","a","f","l","c","g","p.Portal","R","p.Content","C","v","p.Close","m","p.Anchor"],"mappings":";;;;;;;AAA8T,MAACA,IAAE,CAAAC,MAAGC,EAAE,cAAcC,GAAO,EAAC,GAAGF,EAAC,CAAC;AAAED,EAAE,cAAY;AAAoB,MAACI,IAAEF,EAAE,WAAW,CAAC,EAAC,UAASD,GAAE,GAAGI,EAAC,GAAE,MAAIH,EAAE,cAAcI,GAAU,EAAC,GAAGD,GAAE,KAAI,GAAE,SAAQ,GAAE,GAAEE,EAAEN,CAAC,CAAC,CAAC;AAAEG,EAAE,cAAY;AAAuB,MAACI,IAAEN,EAAE,WAAW,CAACD,GAAEI,MAAI;AAAC,QAAK,EAAC,WAAU,GAAE,YAAWI,GAAE,WAAUC,GAAE,GAAGC,EAAC,IAAEC,EAAEX,GAAEY,CAAC;AAAE,SAAOX,EAAE,cAAcY,GAAS,EAAC,WAAUJ,GAAE,YAAWD,EAAC,GAAEP,EAAE,cAAca,GAAE,EAAC,SAAQ,GAAE,GAAEb,EAAE,cAAcc,GAAU,EAAC,OAAM,SAAQ,YAAW,GAAE,kBAAiB,IAAG,GAAGL,GAAE,KAAIN,GAAE,WAAUY,EAAE,oBAAmB,qBAAoB,CAAC,EAAC,CAAC,CAAC,CAAC;AAAC,CAAC;AAAET,EAAE,cAAY;AAAuB,MAACU,IAAEhB,EAAE,WAAW,CAAC,EAAC,UAASD,GAAE,GAAGI,EAAC,GAAE,MAAIH,EAAE,cAAciB,GAAQ,EAAC,GAAGd,GAAE,KAAI,GAAE,SAAQ,GAAE,GAAEE,EAAEN,CAAC,CAAC,CAAC;AAAEiB,EAAE,cAAY;AAAqB,MAACE,IAAElB,EAAE,WAAW,CAAC,EAAC,UAASD,GAAE,GAAGI,EAAC,GAAE,MAAIH,EAAE,cAAcmB,GAAS,EAAC,GAAGhB,GAAE,KAAI,EAAC,CAAC,CAAC;AAAEe,EAAE,cAAY;","x_google_ignoreList":[0]}

package/dist/index.es453.js

@@ -1,28 +1,9 @@
-import * as e from "react";
-import c from "./index.es693.js";
-import { extractProps as i } from "./index.es696.js";
-import { requireReactElement as a } from "./index.es701.js";
-import { popoverContentPropDefs as l } from "./index.es702.js";
-import { Theme as f } from "./index.es703.js";
-import { Root as p, Trigger as d, Portal as C, Content as P, Close as h, Anchor as R } from "./index.es704.js";
-const v = (r) => e.createElement(p, { ...r });
-v.displayName = "Popover.Root";
-const g = e.forwardRef(({ children: r, ...o }, t) => e.createElement(d, { ...o, ref: t, asChild: !0 }, a(r)));
-g.displayName = "Popover.Trigger";
-const E = e.forwardRef((r, o) => {
-  const { className: t, forceMount: n, container: s, ...m } = i(r, l);
-  return e.createElement(C, { container: s, forceMount: n }, e.createElement(f, { asChild: !0 }, e.createElement(P, { align: "start", sideOffset: 8, collisionPadding: 10, ...m, ref: o, className: c("rt-PopperContent", "rt-PopoverContent", t) })));
-});
-E.displayName = "Popover.Content";
-const u = e.forwardRef(({ children: r, ...o }, t) => e.createElement(h, { ...o, ref: t, asChild: !0 }, a(r)));
-u.displayName = "Popover.Close";
-const N = e.forwardRef(({ children: r, ...o }, t) => e.createElement(R, { ...o, ref: t }));
-N.displayName = "Popover.Anchor";
+import * as t from "react";
+import r from "./index.es695.js";
+import { BaseButton as m } from "./index.es696.js";
+const s = t.forwardRef(({ className: o, ...a }, e) => t.createElement(m, { ...a, ref: e, className: r("rt-Button", o) }));
+s.displayName = "Button";
 export {
-  N as Anchor,
-  u as Close,
-  E as Content,
-  v as Root,
-  g as Trigger
+  s as Button
 };
 //# sourceMappingURL=index.es453.js.map

package/dist/index.es453.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es453.js","sources":["../node_modules/@radix-ui/themes/dist/esm/components/popover.js"],"sourcesContent":["import*as o from\"react\";import C from\"classnames\";import{Popover as p}from\"radix-ui\";import{extractProps as c}from\"../helpers/extract-props.js\";import{requireReactElement as n}from\"../helpers/require-react-element.js\";import{popoverContentPropDefs as g}from\"./popover.props.js\";import{Theme as R}from\"./theme.js\";const P=e=>o.createElement(p.Root,{...e});P.displayName=\"Popover.Root\";const s=o.forwardRef(({children:e,...r},t)=>o.createElement(p.Trigger,{...r,ref:t,asChild:!0},n(e)));s.displayName=\"Popover.Trigger\";const i=o.forwardRef((e,r)=>{const{className:t,forceMount:a,container:f,...l}=c(e,g);return o.createElement(p.Portal,{container:f,forceMount:a},o.createElement(R,{asChild:!0},o.createElement(p.Content,{align:\"start\",sideOffset:8,collisionPadding:10,...l,ref:r,className:C(\"rt-PopperContent\",\"rt-PopoverContent\",t)})))});i.displayName=\"Popover.Content\";const v=o.forwardRef(({children:e,...r},t)=>o.createElement(p.Close,{...r,ref:t,asChild:!0},n(e)));v.displayName=\"Popover.Close\";const m=o.forwardRef(({children:e,...r},t)=>o.createElement(p.Anchor,{...r,ref:t}));m.displayName=\"Popover.Anchor\";export{m as Anchor,v as Close,i as Content,P as Root,s as Trigger};\n//# sourceMappingURL=popover.js.map\n"],"names":["P","e","o","p.Root","s","r","p.Trigger","n","i","a","f","l","c","g","p.Portal","R","p.Content","C","v","p.Close","m","p.Anchor"],"mappings":";;;;;;;AAA8T,MAACA,IAAE,CAAAC,MAAGC,EAAE,cAAcC,GAAO,EAAC,GAAGF,EAAC,CAAC;AAAED,EAAE,cAAY;AAAoB,MAACI,IAAEF,EAAE,WAAW,CAAC,EAAC,UAASD,GAAE,GAAGI,EAAC,GAAE,MAAIH,EAAE,cAAcI,GAAU,EAAC,GAAGD,GAAE,KAAI,GAAE,SAAQ,GAAE,GAAEE,EAAEN,CAAC,CAAC,CAAC;AAAEG,EAAE,cAAY;AAAuB,MAACI,IAAEN,EAAE,WAAW,CAACD,GAAEI,MAAI;AAAC,QAAK,EAAC,WAAU,GAAE,YAAWI,GAAE,WAAUC,GAAE,GAAGC,EAAC,IAAEC,EAAEX,GAAEY,CAAC;AAAE,SAAOX,EAAE,cAAcY,GAAS,EAAC,WAAUJ,GAAE,YAAWD,EAAC,GAAEP,EAAE,cAAca,GAAE,EAAC,SAAQ,GAAE,GAAEb,EAAE,cAAcc,GAAU,EAAC,OAAM,SAAQ,YAAW,GAAE,kBAAiB,IAAG,GAAGL,GAAE,KAAIN,GAAE,WAAUY,EAAE,oBAAmB,qBAAoB,CAAC,EAAC,CAAC,CAAC,CAAC;AAAC,CAAC;AAAET,EAAE,cAAY;AAAuB,MAACU,IAAEhB,EAAE,WAAW,CAAC,EAAC,UAASD,GAAE,GAAGI,EAAC,GAAE,MAAIH,EAAE,cAAciB,GAAQ,EAAC,GAAGd,GAAE,KAAI,GAAE,SAAQ,GAAE,GAAEE,EAAEN,CAAC,CAAC,CAAC;AAAEiB,EAAE,cAAY;AAAqB,MAACE,IAAElB,EAAE,WAAW,CAAC,EAAC,UAASD,GAAE,GAAGI,EAAC,GAAE,MAAIH,EAAE,cAAcmB,GAAS,EAAC,GAAGhB,GAAE,KAAI,EAAC,CAAC,CAAC;AAAEe,EAAE,cAAY;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es453.js","sources":["../node_modules/@radix-ui/themes/dist/esm/components/button.js"],"sourcesContent":["import*as t from\"react\";import s from\"classnames\";import{BaseButton as p}from\"./_internal/base-button.js\";const o=t.forwardRef(({className:e,...n},r)=>t.createElement(p,{...n,ref:r,className:s(\"rt-Button\",e)}));o.displayName=\"Button\";export{o as Button};\n//# sourceMappingURL=button.js.map\n"],"names":["o","t","e","n","r","p","s"],"mappings":";;;AAA+G,MAACA,IAAEC,EAAE,WAAW,CAAC,EAAC,WAAUC,GAAE,GAAGC,EAAC,GAAEC,MAAIH,EAAE,cAAcI,GAAE,EAAC,GAAGF,GAAE,KAAIC,GAAE,WAAUE,EAAE,aAAYJ,CAAC,EAAC,CAAC,CAAC;AAAEF,EAAE,cAAY;","x_google_ignoreList":[0]}

package/dist/index.es46.js

@@ -4,7 +4,7 @@ import './components/ui/CardDoctorInfo/CardDoctorInfo.css';/* empty css
 import { clsx as u } from "./index.es269.js";
 import { Divider as g } from "./index.es104.js";
 import b, { useState as O } from "react";
-import { DoctorSchedule as $ } from "./index.es361.js";
+import { DoctorSchedule as $ } from "./index.es360.js";
 import { CategoryHeader as N } from "./index.es67.js";
 import { Row as y } from "./index.es216.js";
 import { Col as D } from "./index.es82.js";

package/dist/index.es476.js

@@ -0,0 +1,32 @@
+import { j as f } from "./index.es267.js";
+import { createColorClasses as x } from "./index.es302.js";
+import { clsx as p } from "./index.es269.js";
+const u = ({
+  className: t,
+  id: o,
+  fs: e = "3",
+  mdFs: s = "1",
+  color: r = "slate-20",
+  as: a = "h2",
+  children: n
+}) => {
+  const l = a, c = ((C) => `fs-${C}`)(e), i = s ? `md-fs-${s}` : "", m = x({ text: r });
+  return /* @__PURE__ */ f.jsx(
+    l,
+    {
+      id: o,
+      className: p(
+        "fw-bold",
+        c,
+        i,
+        m,
+        t
+      ),
+      children: n
+    }
+  );
+};
+export {
+  u as Title
+};
+//# sourceMappingURL=index.es476.js.map

package/dist/index.es476.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es476.js","sources":["../src/components/ui/Section/Title/index.tsx"],"sourcesContent":["import { TypographyKeys } from \"@/theme/typography\";\nimport { ColorKeys, createColorClasses } from \"@/theme/colors\";\nimport clsx from \"clsx\";\nimport { ReactNode } from \"react\";\n\nexport type TitleProps = {\n  className?: string;\n  id?: string;\n  fs?: TypographyKeys;\n  mdFs?: TypographyKeys;\n  color?: ColorKeys;\n  as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n  children: ReactNode;\n};\n\nexport const Title = ({\n  className,\n  id,\n  fs = \"3\",\n  mdFs = \"1\",\n  color = \"slate-20\",\n  as = \"h2\",\n  children,\n}: TitleProps) => {\n  const Heading = as;\n\n  const createFontSizeClass = (size: TypographyKeys) => {\n    return `fs-${size}`;\n  };\n\n  const fontSizeClass = createFontSizeClass(fs);\n  const mdFontSizeClass = mdFs ? `md-fs-${mdFs}` : \"\";\n  const textColorClass = createColorClasses({ text: color });\n\n  return (\n    <Heading\n      id={id}\n      className={clsx(\n        \"fw-bold\",\n        fontSizeClass,\n        mdFontSizeClass,\n        textColorClass,\n        className,\n      )}\n    >\n      {children}\n    </Heading>\n  );\n};\n"],"names":["Title","className","id","fs","mdFs","color","as","children","Heading","fontSizeClass","size","mdFontSizeClass","textColorClass","createColorClasses","jsx","clsx"],"mappings":";;;AAeO,MAAMA,IAAQ,CAAC;AAAA,EACpB,WAAAC;AAAA,EACA,IAAAC;AAAA,EACA,IAAAC,IAAK;AAAA,EACL,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,IAAAC,IAAK;AAAA,EACL,UAAAC;AACF,MAAkB;AAChB,QAAMC,IAAUF,GAMVG,KAJsB,CAACC,MACpB,MAAMA,CAAI,IAGuBP,CAAE,GACtCQ,IAAkBP,IAAO,SAASA,CAAI,KAAK,IAC3CQ,IAAiBC,EAAmB,EAAE,MAAMR,GAAO;AAEzD,SACES,gBAAAA,EAAAA;AAAAA,IAACN;AAAA,IAAA;AAAA,MACC,IAAAN;AAAA,MACA,WAAWa;AAAA,QACT;AAAA,QACAN;AAAA,QACAE;AAAA,QACAC;AAAA,QACAX;AAAA,MAAA;AAAA,MAGD,UAAAM;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/index.es477.js

@@ -1,32 +1,31 @@
-import { j as f } from "./index.es267.js";
-import { createColorClasses as x } from "./index.es342.js";
-import { clsx as p } from "./index.es269.js";
+import { j as a } from "./index.es267.js";
+import './components/ui/Section/Description/description.css';/* empty css            */
+import { createColorClasses as n } from "./index.es302.js";
+import { clsx as m } from "./index.es269.js";
 const u = ({
-  className: t,
-  id: o,
-  fs: e = "3",
-  mdFs: s = "1",
-  color: r = "slate-20",
-  as: a = "h2",
-  children: n
+  fs: t = "6",
+  color: s = "slate-28",
+  className: o,
+  children: e
 }) => {
-  const l = a, c = ((C) => `fs-${C}`)(e), i = s ? `md-fs-${s}` : "", m = x({ text: r });
-  return /* @__PURE__ */ f.jsx(
-    l,
+  const r = ((c) => `fs-${c}`)(t), i = n({ text: s });
+  return /* @__PURE__ */ a.jsx(
+    "div",
     {
-      id: o,
-      className: p(
-        "fw-bold",
-        c,
+      className: m(
+        r,
         i,
-        m,
-        t
+        "fw-regular",
+        "ui-max-width-section-description",
+        "md-fs-custom",
+        "description-rich-text",
+        o
       ),
-      children: n
+      children: e
     }
   );
 };
 export {
-  u as Title
+  u as Description
 };
 //# sourceMappingURL=index.es477.js.map

package/dist/index.es477.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es477.js","sources":["../src/components/ui/Section/Title/index.tsx"],"sourcesContent":["import { TypographyKeys } from \"@/theme/typography\";\nimport { ColorKeys, createColorClasses } from \"@/theme/colors\";\nimport clsx from \"clsx\";\nimport { ReactNode } from \"react\";\n\nexport type TitleProps = {\n  className?: string;\n  id?: string;\n  fs?: TypographyKeys;\n  mdFs?: TypographyKeys;\n  color?: ColorKeys;\n  as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n  children: ReactNode;\n};\n\nexport const Title = ({\n  className,\n  id,\n  fs = \"3\",\n  mdFs = \"1\",\n  color = \"slate-20\",\n  as = \"h2\",\n  children,\n}: TitleProps) => {\n  const Heading = as;\n\n  const createFontSizeClass = (size: TypographyKeys) => {\n    return `fs-${size}`;\n  };\n\n  const fontSizeClass = createFontSizeClass(fs);\n  const mdFontSizeClass = mdFs ? `md-fs-${mdFs}` : \"\";\n  const textColorClass = createColorClasses({ text: color });\n\n  return (\n    <Heading\n      id={id}\n      className={clsx(\n        \"fw-bold\",\n        fontSizeClass,\n        mdFontSizeClass,\n        textColorClass,\n        className,\n      )}\n    >\n      {children}\n    </Heading>\n  );\n};\n"],"names":["Title","className","id","fs","mdFs","color","as","children","Heading","fontSizeClass","size","mdFontSizeClass","textColorClass","createColorClasses","jsx","clsx"],"mappings":";;;AAeO,MAAMA,IAAQ,CAAC;AAAA,EACpB,WAAAC;AAAA,EACA,IAAAC;AAAA,EACA,IAAAC,IAAK;AAAA,EACL,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,IAAAC,IAAK;AAAA,EACL,UAAAC;AACF,MAAkB;AAChB,QAAMC,IAAUF,GAMVG,KAJsB,CAACC,MACpB,MAAMA,CAAI,IAGuBP,CAAE,GACtCQ,IAAkBP,IAAO,SAASA,CAAI,KAAK,IAC3CQ,IAAiBC,EAAmB,EAAE,MAAMR,GAAO;AAEzD,SACES,gBAAAA,EAAAA;AAAAA,IAACN;AAAA,IAAA;AAAA,MACC,IAAAN;AAAA,MACA,WAAWa;AAAA,QACT;AAAA,QACAN;AAAA,QACAE;AAAA,QACAC;AAAA,QACAX;AAAA,MAAA;AAAA,MAGD,UAAAM;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"index.es477.js","sources":["../src/components/ui/Section/Description/index.tsx"],"sourcesContent":["import \"./description.scss\";\nimport { TypographyKeys } from \"@/theme/typography\";\nimport { ColorKeys, createColorClasses } from \"@/theme/colors\";\nimport clsx from \"clsx\";\nimport { PropsWithChildren } from \"react\";\n\ntype DescriptionProps = PropsWithChildren<{\n  fs?: TypographyKeys;\n  color?: ColorKeys;\n  className?: string;\n}>;\n\nexport const Description = ({\n  fs = \"6\",\n  color = \"slate-28\",\n  className,\n  children,\n}: DescriptionProps) => {\n  const createFontSizeClass = (size: TypographyKeys) => {\n    return `fs-${size}`;\n  };\n\n  const fontSizeClass = createFontSizeClass(fs);\n\n  const textColorClass = createColorClasses({ text: color });\n\n  return (\n    <div\n      className={clsx(\n        fontSizeClass,\n        textColorClass,\n        \"fw-regular\",\n        \"ui-max-width-section-description\",\n        \"md-fs-custom\",\n        \"description-rich-text\",\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n"],"names":["Description","fs","color","className","children","fontSizeClass","size","textColorClass","createColorClasses","jsx","clsx"],"mappings":";;;;AAYO,MAAMA,IAAc,CAAC;AAAA,EAC1B,IAAAC,IAAK;AAAA,EACL,OAAAC,IAAQ;AAAA,EACR,WAAAC;AAAA,EACA,UAAAC;AACF,MAAwB;AAKtB,QAAMC,KAJsB,CAACC,MACpB,MAAMA,CAAI,IAGuBL,CAAE,GAEtCM,IAAiBC,EAAmB,EAAE,MAAMN,GAAO;AAEzD,SACEO,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTL;AAAA,QACAE;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAJ;AAAA,MAAA;AAAA,MAGD,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/index.es483.js

@@ -0,0 +1,63 @@
+import { j as r } from "./index.es267.js";
+import { Button as l } from "./index.es36.js";
+import { Attachment as o } from "./index.es24.js";
+import { ArrowLink as t } from "./index.es21.js";
+const d = (a) => ({
+  /**
+   * Renders a link component with optional action handler
+   */
+  link: ({ text: s, href: i, handleAction: e }) => e ? /* @__PURE__ */ r.jsx(t, { asButton: !0, onClick: e, children: s }) : /* @__PURE__ */ r.jsx(t, { asLink: a, href: i ?? "", children: s }),
+  /**
+   * Renders a basic button component
+   */
+  button: ({ text: s, icon: i, handleAction: e }) => /* @__PURE__ */ r.jsxs(l, { size: "2", className: "w-full ", onClick: e, children: [
+    i && /* @__PURE__ */ r.jsx(o, { className: "mr-x8" }),
+    /* @__PURE__ */ r.jsx("p", { className: "fs-6 fw-bold", children: s })
+  ] }),
+  /**
+   * Renders an outline button with optional icon and action handler
+   */
+  outlineButton: ({ text: s, icon: i, handleAction: e }) => /* @__PURE__ */ r.jsxs(
+    l,
+    {
+      size: "2",
+      textColor: "primary",
+      className: "w-full bg-inherit",
+      border: "primary",
+      onClick: e,
+      children: [
+        i && /* @__PURE__ */ r.jsx(o, { className: "mr-x8" }),
+        /* @__PURE__ */ r.jsx("p", { className: "fs-6 fw-bold", children: s })
+      ]
+    }
+  ),
+  /**
+   * Renders an outline button that acts as a link
+   */
+  outlineButtonHref: ({
+    text: s,
+    href: i,
+    icon: e,
+    target: n,
+    isExternal: m
+  }) => /* @__PURE__ */ r.jsxs(
+    l,
+    {
+      size: "2",
+      textColor: "primary",
+      className: "w-full bg-inherit",
+      border: "primary",
+      asLink: "a",
+      target: n ?? (m ? "_blank" : void 0),
+      href: i ?? "",
+      children: [
+        e && /* @__PURE__ */ r.jsx(o, { className: "mr-x8" }),
+        /* @__PURE__ */ r.jsx("p", { className: "fs-6 fw-bold", children: s })
+      ]
+    }
+  )
+});
+export {
+  d as CTA_COMPONENTS
+};
+//# sourceMappingURL=index.es483.js.map

package/dist/index.es483.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es483.js","sources":["../src/components/ui/SupportBanner/ctaComponents.tsx"],"sourcesContent":["import { ArrowLink, Button } from \"@/components\";\nimport { Attachment } from \"@/icons\";\nimport React from \"react\";\n\n// Centralized type to describe a single CTA/link entry used by SupportBanner\nexport interface SupportBannerLink {\n  text: string;\n  href?: string;\n  icon?: boolean;\n  target?: string;\n  isExternal?: boolean;\n  handleAction?: () => void;\n  variant?: \"link\" | \"button\" | \"outlineButton\" | \"outlineButtonHref\";\n}\n\n/**\n * CTA Components configuration object containing different call-to-action components\n * Each function returns a React component with specific styling and behavior\n */\nexport const CTA_COMPONENTS = (\n  LinkComponent: \"a\" | React.ComponentType<any>,\n) => ({\n  /**\n   * Renders a link component with optional action handler\n   */\n  link: ({ text, href, handleAction }: SupportBannerLink) => {\n    if (handleAction) {\n      return (\n        <ArrowLink asButton onClick={handleAction}>\n          {text}\n        </ArrowLink>\n      );\n    }\n\n    return (\n      <ArrowLink asLink={LinkComponent} href={href ?? \"\"}>\n        {text}\n      </ArrowLink>\n    );\n  },\n\n  /**\n   * Renders a basic button component\n   */\n  button: ({ text, icon, handleAction }: SupportBannerLink) => (\n    <Button size=\"2\" className=\"w-full \" onClick={handleAction}>\n      {icon && <Attachment className=\"mr-x8\" />}\n      <p className=\"fs-6 fw-bold\">{text}</p>\n    </Button>\n  ),\n\n  /**\n   * Renders an outline button with optional icon and action handler\n   */\n  outlineButton: ({ text, icon, handleAction }: SupportBannerLink) => (\n    <Button\n      size=\"2\"\n      textColor=\"primary\"\n      className=\"w-full bg-inherit\"\n      border=\"primary\"\n      onClick={handleAction}\n    >\n      {icon && <Attachment className=\"mr-x8\" />}\n      <p className=\"fs-6 fw-bold\">{text}</p>\n    </Button>\n  ),\n\n  /**\n   * Renders an outline button that acts as a link\n   */\n  outlineButtonHref: ({\n    text,\n    href,\n    icon,\n    target,\n    isExternal,\n  }: SupportBannerLink) => (\n    <Button\n      size=\"2\"\n      textColor=\"primary\"\n      className=\"w-full bg-inherit\"\n      border=\"primary\"\n      asLink=\"a\"\n      target={target ?? (isExternal ? \"_blank\" : undefined)}\n      href={href ?? \"\"}\n    >\n      {icon && <Attachment className=\"mr-x8\" />}\n      <p className=\"fs-6 fw-bold\">{text}</p>\n    </Button>\n  ),\n});\n"],"names":["CTA_COMPONENTS","LinkComponent","text","href","handleAction","ArrowLink","icon","jsxs","Button","jsx","Attachment","target","isExternal"],"mappings":";;;;AAmBO,MAAMA,IAAiB,CAC5BC,OACI;AAAA;AAAA;AAAA;AAAA,EAIJ,MAAM,CAAC,EAAE,MAAAC,GAAM,MAAAC,GAAM,cAAAC,QACfA,0BAECC,GAAA,EAAU,UAAQ,IAAC,SAASD,GAC1B,UAAAF,GACH,0BAKDG,GAAA,EAAU,QAAQJ,GAAe,MAAME,KAAQ,IAC7C,UAAAD,GACH;AAAA;AAAA;AAAA;AAAA,EAOJ,QAAQ,CAAC,EAAE,MAAAA,GAAM,MAAAI,GAAM,cAAAF,EAAA,MACrBG,gBAAAA,EAAAA,KAACC,GAAA,EAAO,MAAK,KAAI,WAAU,WAAU,SAASJ,GAC3C,UAAA;AAAA,IAAAE,KAAQG,gBAAAA,EAAAA,IAACC,GAAA,EAAW,WAAU,QAAA,CAAQ;AAAA,IACvCD,gBAAAA,EAAAA,IAAC,KAAA,EAAE,WAAU,gBAAgB,UAAAP,EAAA,CAAK;AAAA,EAAA,GACpC;AAAA;AAAA;AAAA;AAAA,EAMF,eAAe,CAAC,EAAE,MAAAA,GAAM,MAAAI,GAAM,cAAAF,QAC5BG,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,WAAU;AAAA,MACV,QAAO;AAAA,MACP,SAASJ;AAAA,MAER,UAAA;AAAA,QAAAE,KAAQG,gBAAAA,EAAAA,IAACC,GAAA,EAAW,WAAU,QAAA,CAAQ;AAAA,QACvCD,gBAAAA,EAAAA,IAAC,KAAA,EAAE,WAAU,gBAAgB,UAAAP,EAAA,CAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA,EAOtC,mBAAmB,CAAC;AAAA,IAClB,MAAAA;AAAA,IACA,MAAAC;AAAA,IACA,MAAAG;AAAA,IACA,QAAAK;AAAA,IACA,YAAAC;AAAA,EAAA,MAEAL,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,WAAU;AAAA,MACV,QAAO;AAAA,MACP,QAAO;AAAA,MACP,QAAQG,MAAWC,IAAa,WAAW;AAAA,MAC3C,MAAMT,KAAQ;AAAA,MAEb,UAAA;AAAA,QAAAG,KAAQG,gBAAAA,EAAAA,IAACC,GAAA,EAAW,WAAU,QAAA,CAAQ;AAAA,QACvCD,gBAAAA,EAAAA,IAAC,KAAA,EAAE,WAAU,gBAAgB,UAAAP,EAAA,CAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGxC;"}