@anoki/fse-ui 2.2.0-1-SNAPSHOT2 → 2.2.0-2-SNAPSHOT1

package/dist/index.es404.js

@@ -1,9 +1,28 @@
-import * as t from "react";
-import r from "./index.es614.js";
-import { BaseButton as m } from "./index.es615.js";
-const s = t.forwardRef(({ className: o, ...a }, e) => t.createElement(m, { ...a, ref: e, className: r("rt-Button", o) }));
-s.displayName = "Button";
+import * as e from "react";
+import c from "./index.es608.js";
+import { extractProps as i } from "./index.es611.js";
+import { requireReactElement as a } from "./index.es616.js";
+import { popoverContentPropDefs as l } from "./index.es617.js";
+import { Theme as f } from "./index.es618.js";
+import { Root as p, Trigger as d, Portal as C, Content as P, Close as h, Anchor as R } from "./index.es619.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 {
-  s as Button
+  N as Anchor,
+  u as Close,
+  E as Content,
+  v as Root,
+  g as Trigger
 };
 //# sourceMappingURL=index.es404.js.map

package/dist/index.es404.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es404.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]}
+{"version":3,"file":"index.es404.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.es405.js

@@ -0,0 +1,9 @@
+import * as t from "react";
+import r from "./index.es608.js";
+import { BaseButton as m } from "./index.es609.js";
+const s = t.forwardRef(({ className: o, ...a }, e) => t.createElement(m, { ...a, ref: e, className: r("rt-Button", o) }));
+s.displayName = "Button";
+export {
+  s as Button
+};
+//# sourceMappingURL=index.es405.js.map

package/dist/index.es405.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es405.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.es41.js

@@ -1,4 +1,4 @@
-import { j as e } from "./index.es229.js";
+import { j as e } from "./index.es230.js";
 import './components/ui/CardEventSlim/CardEvent.css';/* empty css            */
 import { CalendarOutline as i } from "./index.es216.js";
 const o = ({

package/dist/index.es41.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es41.js","sources":["../src/components/ui/CardEventSlim/index.tsx"],"sourcesContent":["import React from \"react\";\nimport \"./CardEvent.scss\";\nimport { CalendarOutline } from \"@/icons\";\n\ninterface EventCardProps {\n  type?: string;\n  title: string;\n  location?: string;\n  date: string;\n  link?: string;\n  asLink?: \"a\" | React.ComponentType<any>;\n}\n\nexport const CardEventSlim: React.FC<EventCardProps> = ({\n  type = \"Evento\",\n  title,\n  location,\n  date,\n  link,\n  asLink = \"a\",\n}) => {\n  const LinkComponent = asLink;\n\n  return (\n    <div className=\"event-card\">\n      <div className=\"event-card__header\">\n        <span className=\"event-card__icon\">\n          <CalendarOutline width={20} height={17} />\n        </span>\n        <span className=\"event-card__type\">{type}</span>\n      </div>\n      <h1 className=\"event-card__title\">\n        {link ? <LinkComponent href={link}>{title}</LinkComponent> : title}\n      </h1>\n      <p className=\"event-card__info\">\n        {location && `${location}, `}\n        <strong>{date}</strong>\n      </p>\n    </div>\n  );\n};\n"],"names":["CardEventSlim","type","title","location","date","link","asLink","LinkComponent","jsxs","jsx","CalendarOutline"],"mappings":";;;AAaO,MAAMA,IAA0C,CAAC;AAAA,EACtD,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC,IAAS;AACX,MAAM;AACJ,QAAMC,IAAgBD;AAEtB,SACEE,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,cACb,UAAA;AAAA,IAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,MAAAC,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,oBACd,UAAAA,gBAAAA,EAAAA,IAACC,KAAgB,OAAO,IAAI,QAAQ,GAAA,CAAI,EAAA,CAC1C;AAAA,MACAD,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,oBAAoB,UAAAR,EAAA,CAAK;AAAA,IAAA,GAC3C;AAAA,IACAQ,gBAAAA,EAAAA,IAAC,MAAA,EAAG,WAAU,qBACX,UAAAJ,IAAOI,gBAAAA,EAAAA,IAACF,GAAA,EAAc,MAAMF,GAAO,UAAAH,EAAA,CAAM,IAAmBA,GAC/D;AAAA,IACAM,gBAAAA,EAAAA,KAAC,KAAA,EAAE,WAAU,oBACV,UAAA;AAAA,MAAAL,KAAY,GAAGA,CAAQ;AAAA,MACxBM,gBAAAA,EAAAA,IAAC,YAAQ,UAAAL,EAAA,CAAK;AAAA,IAAA,EAAA,CAChB;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"index.es41.js","sources":["../src/components/ui/CardEventSlim/index.tsx"],"sourcesContent":["import React from \"react\";\r\nimport \"./CardEvent.scss\";\r\nimport { CalendarOutline } from \"@/icons\";\r\n\r\ninterface EventCardProps {\r\n  type?: string;\r\n  title: string;\r\n  location?: string;\r\n  date: string;\r\n  link?: string;\r\n  asLink?: \"a\" | React.ComponentType<any>;\r\n}\r\n\r\nexport const CardEventSlim: React.FC<EventCardProps> = ({\r\n  type = \"Evento\",\r\n  title,\r\n  location,\r\n  date,\r\n  link,\r\n  asLink = \"a\",\r\n}) => {\r\n  const LinkComponent = asLink;\r\n\r\n  return (\r\n    <div className=\"event-card\">\r\n      <div className=\"event-card__header\">\r\n        <span className=\"event-card__icon\">\r\n          <CalendarOutline width={20} height={17} />\r\n        </span>\r\n        <span className=\"event-card__type\">{type}</span>\r\n      </div>\r\n      <h1 className=\"event-card__title\">\r\n        {link ? <LinkComponent href={link}>{title}</LinkComponent> : title}\r\n      </h1>\r\n      <p className=\"event-card__info\">\r\n        {location && `${location}, `}\r\n        <strong>{date}</strong>\r\n      </p>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["CardEventSlim","type","title","location","date","link","asLink","LinkComponent","jsxs","jsx","CalendarOutline"],"mappings":";;;AAaO,MAAMA,IAA0C,CAAC;AAAA,EACtD,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC,IAAS;AACX,MAAM;AACJ,QAAMC,IAAgBD;AAEtB,SACEE,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,cACb,UAAA;AAAA,IAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,MAAAC,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,oBACd,UAAAA,gBAAAA,EAAAA,IAACC,KAAgB,OAAO,IAAI,QAAQ,GAAA,CAAI,EAAA,CAC1C;AAAA,MACAD,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,oBAAoB,UAAAR,EAAA,CAAK;AAAA,IAAA,GAC3C;AAAA,IACAQ,gBAAAA,EAAAA,IAAC,MAAA,EAAG,WAAU,qBACX,UAAAJ,IAAOI,gBAAAA,EAAAA,IAACF,GAAA,EAAc,MAAMF,GAAO,UAAAH,EAAA,CAAM,IAAmBA,GAC/D;AAAA,IACAM,gBAAAA,EAAAA,KAAC,KAAA,EAAE,WAAU,oBACV,UAAA;AAAA,MAAAL,KAAY,GAAGA,CAAQ;AAAA,MACxBM,gBAAAA,EAAAA,IAAC,YAAQ,UAAAL,EAAA,CAAK;AAAA,IAAA,EAAA,CAChB;AAAA,EAAA,GACF;AAEJ;"}

package/dist/index.es42.js

@@ -1,6 +1,6 @@
-import { j as s } from "./index.es229.js";
+import { j as s } from "./index.es230.js";
 import { SvgIcon as C } from "./index.es125.js";
-import { CtaCardIcon as A } from "./index.es319.js";
+import { CtaCardIcon as A } from "./index.es320.js";
 import { RichText as _ } from "./index.es141.js";
 import './components/ui/CardFaqCTA/CardFaqCTA.css';/* empty css            */
 var x = /* @__PURE__ */ ((r) => (r.FAQ = "FAQ", r.CTA = "CTA", r.CTAICON = "CTAICON", r))(x || {});

package/dist/index.es42.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es42.js","sources":["../src/components/ui/CardFaqCTA/index.tsx"],"sourcesContent":["import { SvgIcon } from \"@/components/ui/SvgIcon\";\nimport { CtaCardIcon } from \"@/icons/CtaCardIcon\";\nimport { IconInfoType } from \"@/sections/FaqSections\";\nimport { RichText } from \"@/sections/RichText\";\nimport React, { ReactNode } from \"react\";\nimport \"./CardFaqCTA.scss\";\n\nexport enum CardFaqCTAType {\n  FAQ = \"FAQ\", //it has a title a description and a link\n  CTA = \"CTA\", //it has a title and a link\n  CTAICON = \"CTAICON\", //it has a title and a link\n}\n\ninterface CardFaqCTAProps {\n  type: CardFaqCTAType;\n  title: string;\n  description?: string | ReactNode;\n  link: string;\n  openModal?: Function;\n  isExternal?: boolean;\n  asLink?: \"a\" | React.ComponentType<any>;\n  icon?: IconInfoType;\n}\n\nexport const CardFaqCTA: React.FC<CardFaqCTAProps> = ({\n  type = \"Evento\",\n  title,\n  description,\n  link,\n  openModal,\n  isExternal,\n  asLink = \"a\",\n  icon,\n}) => {\n  const WrapComponent = type === CardFaqCTAType.FAQ ? \"div\" : asLink;\n  const cardClass = type === CardFaqCTAType.FAQ ? \"faq-card\" : type === CardFaqCTAType.CTA ? \"cta-card\" : \"cta-icon-card\";\n  const WrapComponentProps = \n    type === CardFaqCTAType.FAQ ? {\n      className: cardClass,\n      onClick: openModal,\n    } : {\n      href: link,\n      target: isExternal ? \"_blank\" : undefined,\n      rel: isExternal ? \"noopener noreferrer\" : undefined,\n      className: cardClass,\n     };\n\n  return (\n    <WrapComponent {...WrapComponentProps}>\n      <div className={`${cardClass}__header`}>\n        <h1 className={`${cardClass}__title`}>\n          {title}\n        </h1>\n      </div>\n      {type === CardFaqCTAType.FAQ && description && (\n        <div className={`${cardClass}__description`}>\n          <RichText description={description} />\n        </div>\n      )}\n      {type === CardFaqCTAType.CTAICON && (\n        icon ? (\n          <SvgIcon icon={icon} className={`${cardClass}__icon`} />\n        ) : (\n          <CtaCardIcon className = {`${cardClass}__icon`}></CtaCardIcon>\n        )\n      )}\n    </WrapComponent>\n  );\n};\n"],"names":["CardFaqCTAType","CardFaqCTA","type","title","description","link","openModal","isExternal","asLink","icon","WrapComponent","cardClass","WrapComponentProps","jsxs","jsx","RichText","SvgIcon","CtaCardIcon"],"mappings":";;;;;AAOO,IAAKA,sBAAAA,OACVA,EAAA,MAAM,OACNA,EAAA,MAAM,OACNA,EAAA,UAAU,WAHAA,IAAAA,KAAA,CAAA,CAAA;AAiBL,MAAMC,IAAwC,CAAC;AAAA,EACpD,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,MAAAC;AACF,MAAM;AACJ,QAAMC,IAAgBR,MAAS,QAAqB,QAAQM,GACtDG,IAAYT,MAAS,QAAqB,aAAaA,MAAS,QAAqB,aAAa,iBAClGU,IACJV,MAAS,QAAqB;AAAA,IAC5B,WAAWS;AAAA,IACX,SAASL;AAAA,EAAA,IACP;AAAA,IACF,MAAMD;AAAA,IACN,QAAQE,IAAa,WAAW;AAAA,IAChC,KAAKA,IAAa,wBAAwB;AAAA,IAC1C,WAAWI;AAAA,EAAA;AAGf,SACEE,gBAAAA,EAAAA,KAACH,GAAA,EAAe,GAAGE,GACjB,UAAA;AAAA,IAAAE,gBAAAA,MAAC,OAAA,EAAI,WAAW,GAAGH,CAAS,YAC1B,UAAAG,gBAAAA,EAAAA,IAAC,MAAA,EAAG,WAAW,GAAGH,CAAS,WACxB,UAAAR,EAAA,CACH,GACF;AAAA,IACCD,MAAS,SAAsBE,KAC9BU,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAW,GAAGH,CAAS,iBAC1B,UAAAG,gBAAAA,EAAAA,IAACC,GAAA,EAAS,aAAAX,EAAA,CAA0B,GACtC;AAAA,IAEDF,MAAS,cACRO,IACEK,gBAAAA,EAAAA,IAACE,GAAA,EAAQ,MAAAP,GAAY,WAAW,GAAGE,CAAS,UAAU,IAEtDG,gBAAAA,EAAAA,IAACG,GAAA,EAAY,WAAa,GAAGN,CAAS,UAAU;AAAA,EAAA,GAGtD;AAEJ;"}
+{"version":3,"file":"index.es42.js","sources":["../src/components/ui/CardFaqCTA/index.tsx"],"sourcesContent":["import { SvgIcon } from \"@/components/ui/SvgIcon\";\r\nimport { CtaCardIcon } from \"@/icons/CtaCardIcon\";\r\nimport { IconInfoType } from \"@/sections/FaqSections\";\r\nimport { RichText } from \"@/sections/RichText\";\r\nimport React, { ReactNode } from \"react\";\r\nimport \"./CardFaqCTA.scss\";\r\n\r\nexport enum CardFaqCTAType {\r\n  FAQ = \"FAQ\", //it has a title a description and a link\r\n  CTA = \"CTA\", //it has a title and a link\r\n  CTAICON = \"CTAICON\", //it has a title and a link\r\n}\r\n\r\ninterface CardFaqCTAProps {\r\n  type: CardFaqCTAType;\r\n  title: string;\r\n  description?: string | ReactNode;\r\n  link: string;\r\n  openModal?: Function;\r\n  isExternal?: boolean;\r\n  asLink?: \"a\" | React.ComponentType<any>;\r\n  icon?: IconInfoType;\r\n}\r\n\r\nexport const CardFaqCTA: React.FC<CardFaqCTAProps> = ({\r\n  type = \"Evento\",\r\n  title,\r\n  description,\r\n  link,\r\n  openModal,\r\n  isExternal,\r\n  asLink = \"a\",\r\n  icon,\r\n}) => {\r\n  const WrapComponent = type === CardFaqCTAType.FAQ ? \"div\" : asLink;\r\n  const cardClass = type === CardFaqCTAType.FAQ ? \"faq-card\" : type === CardFaqCTAType.CTA ? \"cta-card\" : \"cta-icon-card\";\r\n  const WrapComponentProps = \r\n    type === CardFaqCTAType.FAQ ? {\r\n      className: cardClass,\r\n      onClick: openModal,\r\n    } : {\r\n      href: link,\r\n      target: isExternal ? \"_blank\" : undefined,\r\n      rel: isExternal ? \"noopener noreferrer\" : undefined,\r\n      className: cardClass,\r\n     };\r\n\r\n  return (\r\n    <WrapComponent {...WrapComponentProps}>\r\n      <div className={`${cardClass}__header`}>\r\n        <h1 className={`${cardClass}__title`}>\r\n          {title}\r\n        </h1>\r\n      </div>\r\n      {type === CardFaqCTAType.FAQ && description && (\r\n        <div className={`${cardClass}__description`}>\r\n          <RichText description={description} />\r\n        </div>\r\n      )}\r\n      {type === CardFaqCTAType.CTAICON && (\r\n        icon ? (\r\n          <SvgIcon icon={icon} className={`${cardClass}__icon`} />\r\n        ) : (\r\n          <CtaCardIcon className = {`${cardClass}__icon`}></CtaCardIcon>\r\n        )\r\n      )}\r\n    </WrapComponent>\r\n  );\r\n};\r\n"],"names":["CardFaqCTAType","CardFaqCTA","type","title","description","link","openModal","isExternal","asLink","icon","WrapComponent","cardClass","WrapComponentProps","jsxs","jsx","RichText","SvgIcon","CtaCardIcon"],"mappings":";;;;;AAOO,IAAKA,sBAAAA,OACVA,EAAA,MAAM,OACNA,EAAA,MAAM,OACNA,EAAA,UAAU,WAHAA,IAAAA,KAAA,CAAA,CAAA;AAiBL,MAAMC,IAAwC,CAAC;AAAA,EACpD,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,MAAAC;AACF,MAAM;AACJ,QAAMC,IAAgBR,MAAS,QAAqB,QAAQM,GACtDG,IAAYT,MAAS,QAAqB,aAAaA,MAAS,QAAqB,aAAa,iBAClGU,IACJV,MAAS,QAAqB;AAAA,IAC5B,WAAWS;AAAA,IACX,SAASL;AAAA,EAAA,IACP;AAAA,IACF,MAAMD;AAAA,IACN,QAAQE,IAAa,WAAW;AAAA,IAChC,KAAKA,IAAa,wBAAwB;AAAA,IAC1C,WAAWI;AAAA,EAAA;AAGf,SACEE,gBAAAA,EAAAA,KAACH,GAAA,EAAe,GAAGE,GACjB,UAAA;AAAA,IAAAE,gBAAAA,MAAC,OAAA,EAAI,WAAW,GAAGH,CAAS,YAC1B,UAAAG,gBAAAA,EAAAA,IAAC,MAAA,EAAG,WAAW,GAAGH,CAAS,WACxB,UAAAR,EAAA,CACH,GACF;AAAA,IACCD,MAAS,SAAsBE,KAC9BU,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAW,GAAGH,CAAS,iBAC1B,UAAAG,gBAAAA,EAAAA,IAACC,GAAA,EAAS,aAAAX,EAAA,CAA0B,GACtC;AAAA,IAEDF,MAAS,cACRO,IACEK,gBAAAA,EAAAA,IAACE,GAAA,EAAQ,MAAAP,GAAY,WAAW,GAAGE,CAAS,UAAU,IAEtDG,gBAAAA,EAAAA,IAACG,GAAA,EAAY,WAAa,GAAGN,CAAS,UAAU;AAAA,EAAA,GAGtD;AAEJ;"}

package/dist/index.es422.js

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

package/dist/index.es422.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es422.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        className,\n        \"md-fs-custom\",\n        \"description-rich-text\",\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,QACAJ;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAGD,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"index.es422.js","sources":["../src/components/ui/Section/Title/index.tsx"],"sourcesContent":["import { TypographyKeys } from \"@/theme/typography\";\r\nimport { ColorKeys, createColorClasses } from \"@/theme/colors\";\r\nimport clsx from \"clsx\";\r\nimport { ReactNode } from \"react\";\r\n\r\nexport type TitleProps = {\r\n  className?: string;\r\n  fs?: TypographyKeys;\r\n  mdFs?: TypographyKeys;\r\n  color?: ColorKeys;\r\n  as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\r\n  children: ReactNode;\r\n};\r\n\r\nexport const Title = ({\r\n  className,\r\n  fs = \"3\",\r\n  mdFs = \"1\",\r\n  color = \"slate-20\",\r\n  as = \"h2\",\r\n  children,\r\n}: TitleProps) => {\r\n  const Heading = as;\r\n\r\n  const createFontSizeClass = (size: TypographyKeys) => {\r\n    return `fs-${size}`;\r\n  };\r\n\r\n  const fontSizeClass = createFontSizeClass(fs);\r\n  const mdFontSizeClass = mdFs ? `md-fs-${mdFs}` : \"\";\r\n  const textColorClass = createColorClasses({ text: color });\r\n\r\n  return (\r\n    <Heading\r\n      className={clsx(\r\n        \"fw-bold\",\r\n        fontSizeClass,\r\n        mdFontSizeClass,\r\n        textColorClass,\r\n        className,\r\n      )}\r\n    >\r\n      {children}\r\n    </Heading>\r\n  );\r\n};\r\n"],"names":["Title","className","fs","mdFs","color","as","children","Heading","fontSizeClass","size","mdFontSizeClass","textColorClass","createColorClasses","jsx","clsx"],"mappings":";;;AAcO,MAAMA,IAAQ,CAAC;AAAA,EACpB,WAAAC;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,WAAWO;AAAA,QACT;AAAA,QACAN;AAAA,QACAE;AAAA,QACAC;AAAA,QACAV;AAAA,MAAA;AAAA,MAGD,UAAAK;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/index.es423.js

@@ -0,0 +1,31 @@
+import { j as a } from "./index.es230.js";
+import './components/ui/Section/Description/description.css';/* empty css            */
+import { createColorClasses as n } from "./index.es300.js";
+import { clsx as m } from "./index.es232.js";
+const u = ({
+  fs: t = "6",
+  color: s = "slate-28",
+  className: o,
+  children: e
+}) => {
+  const r = ((c) => `fs-${c}`)(t), i = n({ text: s });
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      className: m(
+        r,
+        i,
+        "fw-regular",
+        "ui-max-width-section-description",
+        o,
+        "md-fs-custom",
+        "description-rich-text"
+      ),
+      children: e
+    }
+  );
+};
+export {
+  u as Description
+};
+//# sourceMappingURL=index.es423.js.map

package/dist/index.es423.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es423.js","sources":["../src/components/ui/Section/Description/index.tsx"],"sourcesContent":["import \"./description.scss\";\r\nimport { TypographyKeys } from \"@/theme/typography\";\r\nimport { ColorKeys, createColorClasses } from \"@/theme/colors\";\r\nimport clsx from \"clsx\";\r\nimport { PropsWithChildren } from \"react\";\r\n\r\ntype DescriptionProps = PropsWithChildren<{\r\n  fs?: TypographyKeys;\r\n  color?: ColorKeys;\r\n  className?: string;\r\n}>;\r\n\r\nexport const Description = ({\r\n  fs = \"6\",\r\n  color = \"slate-28\",\r\n  className,\r\n  children,\r\n}: DescriptionProps) => {\r\n  const createFontSizeClass = (size: TypographyKeys) => {\r\n    return `fs-${size}`;\r\n  };\r\n\r\n  const fontSizeClass = createFontSizeClass(fs);\r\n\r\n  const textColorClass = createColorClasses({ text: color });\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\r\n        fontSizeClass,\r\n        textColorClass,\r\n        \"fw-regular\",\r\n        \"ui-max-width-section-description\",\r\n        className,\r\n        \"md-fs-custom\",\r\n        \"description-rich-text\",\r\n      )}\r\n    >\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\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,QACAJ;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAGD,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/index.es427.js

@@ -1,133 +1,65 @@
-import * as r from "react";
-import { composeEventHandlers as N } from "./index.es505.js";
-import { useComposedRefs as x } from "./index.es504.js";
-import { createContextScope as T } from "./index.es503.js";
-import { useControllableState as I } from "./index.es546.js";
-import { usePrevious as M } from "./index.es573.js";
-import { useSize as H } from "./index.es574.js";
-import { Primitive as P } from "./index.es551.js";
-import { j as u } from "./index.es229.js";
-var h = "Switch", [A] = T(h), [U, q] = A(h), R = r.forwardRef(
-  (t, a) => {
-    const {
-      __scopeSwitch: e,
-      name: s,
-      checked: o,
-      defaultChecked: v,
-      required: i,
-      disabled: n,
-      value: p = "on",
-      onCheckedChange: w,
-      form: c,
-      ...S
-    } = t, [d, l] = r.useState(null), b = x(a, (m) => l(m)), C = r.useRef(!1), k = d ? c || !!d.closest("form") : !0, [f, j] = I({
-      prop: o,
-      defaultProp: v ?? !1,
-      onChange: w,
-      caller: h
-    });
-    return /* @__PURE__ */ u.jsxs(U, { scope: e, checked: f, disabled: n, children: [
-      /* @__PURE__ */ u.jsx(
-        P.button,
-        {
-          type: "button",
-          role: "switch",
-          "aria-checked": f,
-          "aria-required": i,
-          "data-state": g(f),
-          "data-disabled": n ? "" : void 0,
-          disabled: n,
-          value: p,
-          ...S,
-          ref: b,
-          onClick: N(t.onClick, (m) => {
-            j((B) => !B), k && (C.current = m.isPropagationStopped(), C.current || m.stopPropagation());
-          })
-        }
-      ),
-      k && /* @__PURE__ */ u.jsx(
-        _,
-        {
-          control: d,
-          bubbles: !C.current,
-          name: s,
-          value: p,
-          checked: f,
-          required: i,
-          disabled: n,
-          form: c,
-          style: { transform: "translateX(-100%)" }
-        }
-      )
-    ] });
-  }
-);
-R.displayName = h;
-var y = "SwitchThumb", E = r.forwardRef(
-  (t, a) => {
-    const { __scopeSwitch: e, ...s } = t, o = q(y, e);
-    return /* @__PURE__ */ u.jsx(
-      P.span,
-      {
-        "data-state": g(o.checked),
-        "data-disabled": o.disabled ? "" : void 0,
-        ...s,
-        ref: a
-      }
-    );
-  }
-);
-E.displayName = y;
-var z = "SwitchBubbleInput", _ = r.forwardRef(
-  ({
-    __scopeSwitch: t,
-    control: a,
-    checked: e,
-    bubbles: s = !0,
-    ...o
-  }, v) => {
-    const i = r.useRef(null), n = x(i, v), p = M(e), w = H(a);
-    return r.useEffect(() => {
-      const c = i.current;
-      if (!c) return;
-      const S = window.HTMLInputElement.prototype, l = Object.getOwnPropertyDescriptor(
-        S,
-        "checked"
-      ).set;
-      if (p !== e && l) {
-        const b = new Event("click", { bubbles: s });
-        l.call(c, e), c.dispatchEvent(b);
-      }
-    }, [p, e, s]), /* @__PURE__ */ u.jsx(
-      "input",
-      {
-        type: "checkbox",
-        "aria-hidden": !0,
-        defaultChecked: e,
-        ...o,
-        tabIndex: -1,
-        ref: n,
-        style: {
-          ...o.style,
-          ...w,
-          position: "absolute",
-          pointerEvents: "none",
-          opacity: 0,
-          margin: 0
-        }
-      }
-    );
-  }
-);
-_.displayName = z;
-function g(t) {
-  return t ? "checked" : "unchecked";
-}
-var K = R, Q = E;
+import { j as r } from "./index.es230.js";
+import { Button as i } from "./index.es32.js";
+import { Attachment as a } from "./index.es198.js";
+import { ArrowLink as o } from "./index.es25.js";
+const d = (t) => ({
+  /**
+   * Renders a link component with optional action handler
+   */
+  link: ({ text: s, href: e, handleAction: l }) => l ? /* @__PURE__ */ r.jsx(o, { asButton: !0, onClick: l, children: s }) : /* @__PURE__ */ r.jsx(o, { asLink: t, href: e ?? "", children: s }),
+  /**
+   * Renders a basic button component
+   */
+  button: ({ text: s, icon: e, handleAction: l }) => /* @__PURE__ */ r.jsxs(i, { size: "2", className: "w-full ", onClick: l, children: [
+    e && /* @__PURE__ */ r.jsx(a, { 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: e, handleAction: l }) => /* @__PURE__ */ r.jsxs(
+    i,
+    {
+      size: "2",
+      textColor: "primary",
+      bg: "lightblue-a03",
+      className: "w-full ",
+      border: "primary",
+      onClick: l,
+      children: [
+        e && /* @__PURE__ */ r.jsx(a, { 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: e,
+    icon: l,
+    target: m,
+    isExternal: n
+  }) => /* @__PURE__ */ r.jsxs(
+    i,
+    {
+      size: "2",
+      textColor: "primary",
+      bg: "lightblue-a03",
+      className: "w-full ",
+      border: "primary",
+      asLink: "a",
+      target: m ?? (n ? "_blank" : void 0),
+      href: e ?? "",
+      children: [
+        l && /* @__PURE__ */ r.jsx(a, { className: "mr-x8" }),
+        /* @__PURE__ */ r.jsx("p", { className: "fs-6 fw-bold", children: s })
+      ]
+    }
+  )
+});
 export {
-  K as Root,
-  R as Switch,
-  E as SwitchThumb,
-  Q as Thumb
+  d as CTA_COMPONENTS
 };
 //# sourceMappingURL=index.es427.js.map

package/dist/index.es427.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es427.js","sources":["../node_modules/@radix-ui/react-switch/dist/index.mjs"],"sourcesContent":["\"use client\";\n\n// src/switch.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { usePrevious } from \"@radix-ui/react-use-previous\";\nimport { useSize } from \"@radix-ui/react-use-size\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nvar SWITCH_NAME = \"Switch\";\nvar [createSwitchContext, createSwitchScope] = createContextScope(SWITCH_NAME);\nvar [SwitchProvider, useSwitchContext] = createSwitchContext(SWITCH_NAME);\nvar Switch = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeSwitch,\n      name,\n      checked: checkedProp,\n      defaultChecked,\n      required,\n      disabled,\n      value = \"on\",\n      onCheckedChange,\n      form,\n      ...switchProps\n    } = props;\n    const [button, setButton] = React.useState(null);\n    const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));\n    const hasConsumerStoppedPropagationRef = React.useRef(false);\n    const isFormControl = button ? form || !!button.closest(\"form\") : true;\n    const [checked, setChecked] = useControllableState({\n      prop: checkedProp,\n      defaultProp: defaultChecked ?? false,\n      onChange: onCheckedChange,\n      caller: SWITCH_NAME\n    });\n    return /* @__PURE__ */ jsxs(SwitchProvider, { scope: __scopeSwitch, checked, disabled, children: [\n      /* @__PURE__ */ jsx(\n        Primitive.button,\n        {\n          type: \"button\",\n          role: \"switch\",\n          \"aria-checked\": checked,\n          \"aria-required\": required,\n          \"data-state\": getState(checked),\n          \"data-disabled\": disabled ? \"\" : void 0,\n          disabled,\n          value,\n          ...switchProps,\n          ref: composedRefs,\n          onClick: composeEventHandlers(props.onClick, (event) => {\n            setChecked((prevChecked) => !prevChecked);\n            if (isFormControl) {\n              hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n              if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n            }\n          })\n        }\n      ),\n      isFormControl && /* @__PURE__ */ jsx(\n        SwitchBubbleInput,\n        {\n          control: button,\n          bubbles: !hasConsumerStoppedPropagationRef.current,\n          name,\n          value,\n          checked,\n          required,\n          disabled,\n          form,\n          style: { transform: \"translateX(-100%)\" }\n        }\n      )\n    ] });\n  }\n);\nSwitch.displayName = SWITCH_NAME;\nvar THUMB_NAME = \"SwitchThumb\";\nvar SwitchThumb = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeSwitch, ...thumbProps } = props;\n    const context = useSwitchContext(THUMB_NAME, __scopeSwitch);\n    return /* @__PURE__ */ jsx(\n      Primitive.span,\n      {\n        \"data-state\": getState(context.checked),\n        \"data-disabled\": context.disabled ? \"\" : void 0,\n        ...thumbProps,\n        ref: forwardedRef\n      }\n    );\n  }\n);\nSwitchThumb.displayName = THUMB_NAME;\nvar BUBBLE_INPUT_NAME = \"SwitchBubbleInput\";\nvar SwitchBubbleInput = React.forwardRef(\n  ({\n    __scopeSwitch,\n    control,\n    checked,\n    bubbles = true,\n    ...props\n  }, forwardedRef) => {\n    const ref = React.useRef(null);\n    const composedRefs = useComposedRefs(ref, forwardedRef);\n    const prevChecked = usePrevious(checked);\n    const controlSize = useSize(control);\n    React.useEffect(() => {\n      const input = ref.current;\n      if (!input) return;\n      const inputProto = window.HTMLInputElement.prototype;\n      const descriptor = Object.getOwnPropertyDescriptor(\n        inputProto,\n        \"checked\"\n      );\n      const setChecked = descriptor.set;\n      if (prevChecked !== checked && setChecked) {\n        const event = new Event(\"click\", { bubbles });\n        setChecked.call(input, checked);\n        input.dispatchEvent(event);\n      }\n    }, [prevChecked, checked, bubbles]);\n    return /* @__PURE__ */ jsx(\n      \"input\",\n      {\n        type: \"checkbox\",\n        \"aria-hidden\": true,\n        defaultChecked: checked,\n        ...props,\n        tabIndex: -1,\n        ref: composedRefs,\n        style: {\n          ...props.style,\n          ...controlSize,\n          position: \"absolute\",\n          pointerEvents: \"none\",\n          opacity: 0,\n          margin: 0\n        }\n      }\n    );\n  }\n);\nSwitchBubbleInput.displayName = BUBBLE_INPUT_NAME;\nfunction getState(checked) {\n  return checked ? \"checked\" : \"unchecked\";\n}\nvar Root = Switch;\nvar Thumb = SwitchThumb;\nexport {\n  Root,\n  Switch,\n  SwitchThumb,\n  Thumb,\n  createSwitchScope\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["SWITCH_NAME","createSwitchContext","createContextScope","SwitchProvider","useSwitchContext","Switch","React","props","forwardedRef","__scopeSwitch","name","checkedProp","defaultChecked","required","disabled","value","onCheckedChange","form","switchProps","button","setButton","composedRefs","useComposedRefs","node","hasConsumerStoppedPropagationRef","isFormControl","checked","setChecked","useControllableState","jsxs","jsx","Primitive","getState","composeEventHandlers","event","prevChecked","SwitchBubbleInput","THUMB_NAME","SwitchThumb","thumbProps","context","BUBBLE_INPUT_NAME","control","bubbles","ref","usePrevious","controlSize","useSize","input","inputProto","Root","Thumb"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es427.js","sources":["../src/components/ui/SupportBanner/ctaComponents.tsx"],"sourcesContent":["import { ArrowLink, Button } from \"@/components\";\r\nimport { Attachment } from \"@/icons\";\r\nimport React from \"react\";\r\n\r\n// Centralized type to describe a single CTA/link entry used by SupportBanner\r\nexport interface SupportBannerLink {\r\n  text: string;\r\n  href?: string;\r\n  icon?: boolean;\r\n  target?: string;\r\n  isExternal?: boolean;\r\n  handleAction?: () => void;\r\n  variant?: \"link\" | \"button\" | \"outlineButton\" | \"outlineButtonHref\";\r\n}\r\n\r\n/**\r\n * CTA Components configuration object containing different call-to-action components\r\n * Each function returns a React component with specific styling and behavior\r\n */\r\nexport const CTA_COMPONENTS = (LinkComponent: \"a\" | React.ComponentType<any>) => ({\r\n  /**\r\n   * Renders a link component with optional action handler\r\n   */\r\n  link: ({ text, href, handleAction }: SupportBannerLink) => {\r\n    if (handleAction) {\r\n      return (\r\n        <ArrowLink asButton onClick={handleAction}>\r\n          {text}\r\n        </ArrowLink>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <ArrowLink asLink={LinkComponent} href={href ?? \"\"}>\r\n        {text}\r\n      </ArrowLink>\r\n    );\r\n  },\r\n\r\n  /**\r\n   * Renders a basic button component\r\n   */\r\n  button: ({ text, icon, handleAction }: SupportBannerLink) => (\r\n    <Button size=\"2\" className=\"w-full \" onClick={handleAction}>\r\n      {icon && <Attachment className=\"mr-x8\" />}\r\n      <p className=\"fs-6 fw-bold\">{text}</p>\r\n    </Button>\r\n  ),\r\n\r\n  /**\r\n   * Renders an outline button with optional icon and action handler\r\n   */\r\n  outlineButton: ({ text, icon, handleAction }: SupportBannerLink) => (\r\n    <Button\r\n      size=\"2\"\r\n      textColor=\"primary\"\r\n      bg=\"lightblue-a03\"\r\n      className=\"w-full \"\r\n      border=\"primary\"\r\n      onClick={handleAction}\r\n    >\r\n      {icon && <Attachment className=\"mr-x8\" />}\r\n      <p className=\"fs-6 fw-bold\">{text}</p>\r\n    </Button>\r\n  ),\r\n\r\n  /**\r\n   * Renders an outline button that acts as a link\r\n   */\r\n  outlineButtonHref: ({\r\n    text,\r\n    href,\r\n    icon,\r\n    target,\r\n    isExternal,\r\n  }: SupportBannerLink) => (\r\n    <Button\r\n      size=\"2\"\r\n      textColor=\"primary\"\r\n      bg=\"lightblue-a03\"\r\n      className=\"w-full \"\r\n      border=\"primary\"\r\n      asLink=\"a\"\r\n      target={target ?? (isExternal ? \"_blank\" : undefined)}\r\n      href={href ?? \"\"}\r\n    >\r\n      {icon && <Attachment className=\"mr-x8\" />}\r\n      <p className=\"fs-6 fw-bold\">{text}</p>\r\n    </Button>\r\n  ),\r\n});\r\n"],"names":["CTA_COMPONENTS","LinkComponent","text","href","handleAction","ArrowLink","icon","jsxs","Button","jsx","Attachment","target","isExternal"],"mappings":";;;;AAmBO,MAAMA,IAAiB,CAACC,OAAmD;AAAA;AAAA;AAAA;AAAA,EAIhF,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,IAAG;AAAA,MACH,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,IAAG;AAAA,MACH,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;"}

package/dist/index.es428.js

@@ -0,0 +1,133 @@
+import * as r from "react";
+import { composeEventHandlers as N } from "./index.es459.js";
+import { useComposedRefs as x } from "./index.es458.js";
+import { createContextScope as T } from "./index.es457.js";
+import { useControllableState as I } from "./index.es517.js";
+import { usePrevious as M } from "./index.es531.js";
+import { useSize as H } from "./index.es532.js";
+import { Primitive as P } from "./index.es522.js";
+import { j as u } from "./index.es230.js";
+var h = "Switch", [A] = T(h), [U, q] = A(h), R = r.forwardRef(
+  (t, a) => {
+    const {
+      __scopeSwitch: e,
+      name: s,
+      checked: o,
+      defaultChecked: v,
+      required: i,
+      disabled: n,
+      value: p = "on",
+      onCheckedChange: w,
+      form: c,
+      ...S
+    } = t, [d, l] = r.useState(null), b = x(a, (m) => l(m)), C = r.useRef(!1), k = d ? c || !!d.closest("form") : !0, [f, j] = I({
+      prop: o,
+      defaultProp: v ?? !1,
+      onChange: w,
+      caller: h
+    });
+    return /* @__PURE__ */ u.jsxs(U, { scope: e, checked: f, disabled: n, children: [
+      /* @__PURE__ */ u.jsx(
+        P.button,
+        {
+          type: "button",
+          role: "switch",
+          "aria-checked": f,
+          "aria-required": i,
+          "data-state": g(f),
+          "data-disabled": n ? "" : void 0,
+          disabled: n,
+          value: p,
+          ...S,
+          ref: b,
+          onClick: N(t.onClick, (m) => {
+            j((B) => !B), k && (C.current = m.isPropagationStopped(), C.current || m.stopPropagation());
+          })
+        }
+      ),
+      k && /* @__PURE__ */ u.jsx(
+        _,
+        {
+          control: d,
+          bubbles: !C.current,
+          name: s,
+          value: p,
+          checked: f,
+          required: i,
+          disabled: n,
+          form: c,
+          style: { transform: "translateX(-100%)" }
+        }
+      )
+    ] });
+  }
+);
+R.displayName = h;
+var y = "SwitchThumb", E = r.forwardRef(
+  (t, a) => {
+    const { __scopeSwitch: e, ...s } = t, o = q(y, e);
+    return /* @__PURE__ */ u.jsx(
+      P.span,
+      {
+        "data-state": g(o.checked),
+        "data-disabled": o.disabled ? "" : void 0,
+        ...s,
+        ref: a
+      }
+    );
+  }
+);
+E.displayName = y;
+var z = "SwitchBubbleInput", _ = r.forwardRef(
+  ({
+    __scopeSwitch: t,
+    control: a,
+    checked: e,
+    bubbles: s = !0,
+    ...o
+  }, v) => {
+    const i = r.useRef(null), n = x(i, v), p = M(e), w = H(a);
+    return r.useEffect(() => {
+      const c = i.current;
+      if (!c) return;
+      const S = window.HTMLInputElement.prototype, l = Object.getOwnPropertyDescriptor(
+        S,
+        "checked"
+      ).set;
+      if (p !== e && l) {
+        const b = new Event("click", { bubbles: s });
+        l.call(c, e), c.dispatchEvent(b);
+      }
+    }, [p, e, s]), /* @__PURE__ */ u.jsx(
+      "input",
+      {
+        type: "checkbox",
+        "aria-hidden": !0,
+        defaultChecked: e,
+        ...o,
+        tabIndex: -1,
+        ref: n,
+        style: {
+          ...o.style,
+          ...w,
+          position: "absolute",
+          pointerEvents: "none",
+          opacity: 0,
+          margin: 0
+        }
+      }
+    );
+  }
+);
+_.displayName = z;
+function g(t) {
+  return t ? "checked" : "unchecked";
+}
+var K = R, Q = E;
+export {
+  K as Root,
+  R as Switch,
+  E as SwitchThumb,
+  Q as Thumb
+};
+//# sourceMappingURL=index.es428.js.map