@anoki/fse-ui 1.0.332

package/dist/index.es32.js

@@ -0,0 +1,101 @@
+import { j as r } from "./index.es137.js";
+import { clsx as n } from "./index.es139.js";
+import './components/ui/SupportBanner/SupportBanner.css';/* empty css            */
+import { useMemo as h } from "react";
+import { Attachment as g } from "./index.es112.js";
+import { ArrowLink as w } from "./index.es35.js";
+import { Col as A } from "./index.es10.js";
+import { Button as C } from "./index.es25.js";
+const b = {
+  link: (s, a) => /* @__PURE__ */ r.jsx(w, { href: a, children: s }),
+  button: (s) => /* @__PURE__ */ r.jsx("button", { className: "button-style", children: s }),
+  outlineButton: (s, a, l, u) => /* @__PURE__ */ r.jsxs(
+    C,
+    {
+      size: "2",
+      textColor: "primary",
+      bg: "lightblue-a03",
+      className: "w-full ",
+      border: "primary",
+      onClick: u,
+      children: [
+        l && /* @__PURE__ */ r.jsx(g, { className: "mr-x8" }),
+        /* @__PURE__ */ r.jsx("p", { className: "fs-6 fw-bold", children: s })
+      ]
+    }
+  )
+}, z = ({
+  cta: s = "link",
+  bannerType: a = "outline",
+  title: l,
+  description: u = "",
+  titleTag: d = "h3",
+  href: e = "#",
+  icon: m = !0,
+  linkText: t = "Vai al supporto",
+  mainLayout: p = "layout1",
+  className: x = "",
+  classNameTitle: y = "",
+  classNameDescription: j = "",
+  handleAction: i
+}) => {
+  const f = h(() => Array.isArray(e) ? e.map((c, o) => {
+    const N = Array.isArray(t) ? t[o] : t;
+    return /* @__PURE__ */ r.jsx("div", { className: "ui-banner-link", children: b[s](
+      N,
+      c,
+      m,
+      i
+    ) }, o);
+  }) : Array.isArray(t) ? t.map((c, o) => /* @__PURE__ */ r.jsx("div", { className: "ui-banner-link", children: b[s](c, e, m, i) }, o)) : b[s](t, e, m, i), [s, t, e, i]);
+  return /* @__PURE__ */ r.jsxs(
+    A,
+    {
+      br: "x4",
+      gap: "x16",
+      className: n(
+        x,
+        a === "outline" ? "ui-outline" : "bg-lightblue-a03",
+        "ui-banner shadow "
+      ),
+      children: [
+        /* @__PURE__ */ r.jsx(
+          d,
+          {
+            className: n(
+              "ui-banner-title text-slate-20",
+              y || "fs-4 fw-bold"
+            ),
+            children: l
+          }
+        ),
+        /* @__PURE__ */ r.jsxs(
+          "main",
+          {
+            className: n(
+              p === "layout1" ? "ui-banner-content-layout1 fs-6 text-secondary justify-content-between " : "ui-banner-content-layout2",
+              "ui-banner-content fs-6 text-secondary w-100"
+            ),
+            children: [
+              /* @__PURE__ */ r.jsx(
+                "div",
+                {
+                  className: n(
+                    j,
+                    p === "layout1" ? "ui-banner-description" : ""
+                  ),
+                  children: u
+                }
+              ),
+              /* @__PURE__ */ r.jsx("div", { className: n("ui-banner-cta"), children: f })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  z as SupportBanner
+};
+//# sourceMappingURL=index.es32.js.map

package/dist/index.es32.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es32.js","sources":["../src/components/ui/SupportBanner/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./SupportBanner.scss\";\nimport { ArrowLink, Button, Col } from \"@/components\";\nimport { useMemo } from \"react\";\nimport { Attachment } from \"@/icons\";\n\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\ntype ctaLevel = \"link\" | \"button\" | \"outlineButton\";\n\ntype SupportBannerProps = {\n  cta: ctaLevel;\n  bannerType: \"filled\" | \"outline\";\n  title: string;\n  description?: string;\n  titleTag: HeadingLevel;\n  href?: string | string[];\n  icon?: boolean;\n  linkText?: string | string[];\n  mainLayout?: \"layout1\" | \"layout2\";\n  className?: string;\n  classNameTitle?: string;\n  classNameDescription?: string;\n  handleAction?: () => void;\n};\n\nconst CTA_COMPONENTS = {\n  link: (title: string, href?: string) => (\n    <ArrowLink href={href}>{title}</ArrowLink>\n  ),\n  button: (title: string) => <button className=\"button-style\">{title}</button>,\n  outlineButton: (\n    title: string,\n    _href?: string,\n    icon?: boolean,\n    handleAction?: () => void,\n  ) => (\n    <Button\n      size={\"2\"}\n      textColor=\"primary\"\n      bg=\"lightblue-a03\"\n      className={\"w-full \"}\n      border={\"primary\"}\n      onClick={handleAction}\n    >\n      {icon && <Attachment className={\"mr-x8\"} />}\n      <p className={\"fs-6 fw-bold\"}>{title}</p>\n    </Button>\n  ),\n};\n\nexport const SupportBanner = ({\n  cta = \"link\",\n  bannerType = \"outline\",\n  title,\n  description = \"\",\n  titleTag: TitleTag = \"h3\",\n  href = \"#\",\n  icon = true,\n  linkText = \"Vai al supporto\",\n  mainLayout = \"layout1\",\n  className = \"\",\n  classNameTitle = \"\",\n  classNameDescription = \"\",\n  handleAction,\n}: SupportBannerProps) => {\n  const renderCTA = useMemo(() => {\n    if (Array.isArray(href)) {\n      return href.map((singleHref, index) => {\n        const singleLinkText = Array.isArray(linkText)\n          ? linkText[index]\n          : linkText;\n        return (\n          <div key={index} className=\"ui-banner-link\">\n            {CTA_COMPONENTS[cta](\n              singleLinkText,\n              singleHref,\n              icon,\n              handleAction,\n            )}\n          </div>\n        );\n      });\n    }\n    if (Array.isArray(linkText)) {\n      return linkText.map((singleLinkText, index) => {\n        return (\n          <div key={index} className=\"ui-banner-link\">\n            {CTA_COMPONENTS[cta](singleLinkText, href, icon, handleAction)}\n          </div>\n        );\n      });\n    }\n    return CTA_COMPONENTS[cta](linkText, href, icon, handleAction);\n  }, [cta, linkText, href, handleAction]);\n\n  return (\n    <Col\n      br={\"x4\"}\n      gap={\"x16\"}\n      className={clsx(\n        className,\n        bannerType === \"outline\" ? \"ui-outline\" : \"bg-lightblue-a03\",\n        \"ui-banner shadow \",\n      )}\n    >\n      <TitleTag\n        className={clsx(\n          \"ui-banner-title text-slate-20\",\n          classNameTitle || \"fs-4 fw-bold\",\n        )}\n      >\n        {title}\n      </TitleTag>\n      <main\n        className={clsx(\n          mainLayout === \"layout1\"\n            ? \"ui-banner-content-layout1 fs-6 text-secondary justify-content-between \"\n            : \"ui-banner-content-layout2\",\n          \"ui-banner-content fs-6 text-secondary w-100\",\n        )}\n      >\n        <div\n          className={clsx(\n            classNameDescription,\n            mainLayout === \"layout1\" ? \"ui-banner-description\" : \"\",\n          )}\n        >\n          {description}\n        </div>\n\n        <div className={clsx(\"ui-banner-cta\")}>{renderCTA}</div>\n      </main>\n    </Col>\n  );\n};\n"],"names":["CTA_COMPONENTS","title","href","jsx","ArrowLink","_href","icon","handleAction","jsxs","Button","Attachment","SupportBanner","cta","bannerType","description","TitleTag","linkText","mainLayout","className","classNameTitle","classNameDescription","renderCTA","useMemo","singleHref","index","singleLinkText","Col","clsx"],"mappings":";;;;;;;;AAyBA,MAAMA,IAAiB;AAAA,EACrB,MAAM,CAACC,GAAeC,MACnBC,gBAAAA,EAAA,IAAAC,GAAA,EAAU,MAAAF,GAAa,UAAMD,GAAA;AAAA,EAEhC,QAAQ,CAACA,4BAAmB,UAAO,EAAA,WAAU,gBAAgB,UAAMA,GAAA;AAAA,EACnE,eAAe,CACbA,GACAI,GACAC,GACAC,MAEAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,MACN,WAAU;AAAA,MACV,IAAG;AAAA,MACH,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,SAASF;AAAA,MAER,UAAA;AAAA,QAAQD,KAAAH,gBAAAA,EAAAA,IAACO,GAAW,EAAA,WAAW,QAAS,CAAA;AAAA,QACxCP,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAW,gBAAiB,UAAMF,EAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG3C,GAEaU,IAAgB,CAAC;AAAA,EAC5B,KAAAC,IAAM;AAAA,EACN,YAAAC,IAAa;AAAA,EACb,OAAAZ;AAAA,EACA,aAAAa,IAAc;AAAA,EACd,UAAUC,IAAW;AAAA,EACrB,MAAAb,IAAO;AAAA,EACP,MAAAI,IAAO;AAAA,EACP,UAAAU,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,gBAAAC,IAAiB;AAAA,EACjB,sBAAAC,IAAuB;AAAA,EACvB,cAAAb;AACF,MAA0B;AAClB,QAAAc,IAAYC,EAAQ,MACpB,MAAM,QAAQpB,CAAI,IACbA,EAAK,IAAI,CAACqB,GAAYC,MAAU;AACrC,UAAMC,IAAiB,MAAM,QAAQT,CAAQ,IACzCA,EAASQ,CAAK,IACdR;AACJ,WACGb,gBAAAA,EAAAA,IAAA,OAAA,EAAgB,WAAU,kBACxB,YAAeS,CAAG;AAAA,MACjBa;AAAA,MACAF;AAAA,MACAjB;AAAA,MACAC;AAAA,SALMiB,CAOV;AAAA,EAAA,CAEH,IAEC,MAAM,QAAQR,CAAQ,IACjBA,EAAS,IAAI,CAACS,GAAgBD,MAEhCrB,gBAAAA,EAAAA,IAAA,OAAA,EAAgB,WAAU,kBACxB,UAAeH,EAAAY,CAAG,EAAEa,GAAgBvB,GAAMI,GAAMC,CAAY,EAAA,GADrDiB,CAEV,CAEH,IAEIxB,EAAeY,CAAG,EAAEI,GAAUd,GAAMI,GAAMC,CAAY,GAC5D,CAACK,GAAKI,GAAUd,GAAMK,CAAY,CAAC;AAGpC,SAAAC,gBAAAA,EAAA;AAAA,IAACkB;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,KAAK;AAAA,MACL,WAAWC;AAAA,QACTT;AAAA,QACAL,MAAe,YAAY,eAAe;AAAA,QAC1C;AAAA,MACF;AAAA,MAEA,UAAA;AAAA,QAAAV,gBAAAA,EAAA;AAAA,UAACY;AAAA,UAAA;AAAA,YACC,WAAWY;AAAA,cACT;AAAA,cACAR,KAAkB;AAAA,YACpB;AAAA,YAEC,UAAAlB;AAAA,UAAA;AAAA,QACH;AAAA,QACAO,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWmB;AAAA,cACTV,MAAe,YACX,2EACA;AAAA,cACJ;AAAA,YACF;AAAA,YAEA,UAAA;AAAA,cAAAd,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWwB;AAAA,oBACTP;AAAA,oBACAH,MAAe,YAAY,0BAA0B;AAAA,kBACvD;AAAA,kBAEC,UAAAH;AAAA,gBAAA;AAAA,cACH;AAAA,oCAEC,OAAI,EAAA,WAAWa,EAAK,eAAe,GAAI,UAAUN,EAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACpD;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/index.es33.js

@@ -0,0 +1,72 @@
+import { j as e } from "./index.es137.js";
+import './components/ui/TabsGlossary/TabsGlossary.css';/* empty css            */
+import { clsx as i } from "./index.es139.js";
+import x, { useState as p } from "react";
+import { Row as u } from "./index.es9.js";
+import { Loader as j } from "./index.es64.js";
+const N = ({
+  CTA: l = "link",
+  navigationItems: t,
+  children: n,
+  activeIndex: o = 0,
+  onTabChange: c,
+  actions: r = []
+  // onDownload,
+  // onAdd,
+  // downloadAllLabel = "Scarica tutti",
+  // addDocumentLabel = "Aggiungi documento",
+  // actionType,
+}) => {
+  const [d, m] = p(o);
+  return /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs("div", { className: i("ui-document-container-tabs"), children: [
+    /* @__PURE__ */ e.jsx("nav", { "aria-label": "Menu di navigazione", children: /* @__PURE__ */ e.jsx(
+      u,
+      {
+        gap: "x20",
+        fw: "semibold",
+        text: "secondary",
+        className: i(
+          "ui-document-container-tabs-nav list-style-none ui-tabs"
+        ),
+        children: t.map((s, a) => /* @__PURE__ */ e.jsx(
+          "li",
+          {
+            className: i(
+              s.disabled ? "text-muted" : "cursor-pointer",
+              "ui-tab",
+              d === a && "text-primary ui-active-tab-glossary"
+            ),
+            onClick: () => {
+              s.disabled || (m(a), c(a));
+            },
+            children: /* @__PURE__ */ e.jsx("a", { className: "text-decoration-none", children: s.label })
+          },
+          a
+        ))
+      }
+    ) }),
+    n,
+    l === "link" && /* @__PURE__ */ e.jsx("nav", { children: /* @__PURE__ */ e.jsx("ul", { className: "list-style-none base-row gap-x20 fw-semibold text-primary fs-8 pb-x8", children: r.map((s, a) => /* @__PURE__ */ e.jsxs(x.Fragment, { children: [
+      /* @__PURE__ */ e.jsxs(
+        "li",
+        {
+          className: i(
+            !s.loading && "cursor-pointer",
+            "text-primary base-row justify-content-center align-items-center gap-x8"
+          ),
+          onClick: () => !s.loading && s.onClick(),
+          children: [
+            s.icon,
+            /* @__PURE__ */ e.jsx("p", { children: s.label }),
+            s.loading && /* @__PURE__ */ e.jsx(j, { loading: s.loading })
+          ]
+        }
+      ),
+      a < r.length - 1 && /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("span", { className: "ui-divider" }) })
+    ] }, a)) }) })
+  ] }) });
+};
+export {
+  N as TabsGlossary
+};
+//# sourceMappingURL=index.es33.js.map

package/dist/index.es33.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es33.js","sources":["../src/components/ui/TabsGlossary/index.tsx"],"sourcesContent":["import \"./TabsGlossary.scss\";\nimport clsx from \"clsx\";\nimport React, { PropsWithChildren, ReactNode, useState } from \"react\";\nimport { Loader, Row } from \"@/components\";\n\ntype TabItem = {\n  label: string;\n  disabled?: boolean;\n};\n\ntype ActionItem = PropsWithChildren<{\n  label: string;\n  icon: ReactNode;\n  onClick: () => void;\n  loading?: boolean;\n}>;\n\ntype TabsGlossaryProps = {\n  CTA?: \"link\" | \"primary\";\n  navigationItems: TabItem[];\n  activeIndex: number;\n  onTabChange: (index: number) => void;\n  actions?: ActionItem[];\n  children?: ReactNode;\n  // onDownload?: () => void;\n  // onAdd?: () => void;\n  // downloadAllLabel?: string;\n  // addDocumentLabel?: string;\n  // actionType?: \"download\" | \"add\" | null;\n};\n\nexport const TabsGlossary = ({\n  CTA = \"link\",\n  navigationItems,\n  children,\n  activeIndex = 0,\n  onTabChange,\n  actions = [],\n  // onDownload,\n  // onAdd,\n  // downloadAllLabel = \"Scarica tutti\",\n  // addDocumentLabel = \"Aggiungi documento\",\n  // actionType,\n}: TabsGlossaryProps) => {\n  const [active, setActive] = useState(activeIndex);\n\n  // const isDownloading = loading && actionType === \"download\";\n  // const isAdding = loading && actionType === \"add\";\n\n  return (\n    <div>\n      <div className={clsx(\"ui-document-container-tabs\")}>\n        <nav aria-label=\"Menu di navigazione\">\n          <Row\n            gap={\"x20\"}\n            fw={\"semibold\"}\n            text={\"secondary\"}\n            className={clsx(\n              \"ui-document-container-tabs-nav list-style-none ui-tabs\",\n            )}\n          >\n            {navigationItems.map((item, index) => {\n              return (\n                <li\n                  key={index}\n                  className={clsx(\n                    !item.disabled ? \"cursor-pointer\" : \"text-muted\",\n                    \"ui-tab\",\n                    active === index && \"text-primary ui-active-tab-glossary\",\n                  )}\n                  onClick={() => {\n                    if (!item.disabled) {\n                      setActive(index);\n                      onTabChange(index);\n                    }\n                  }}\n                >\n                  <a className={\"text-decoration-none\"}>{item.label}</a>\n                </li>\n              );\n            })}\n          </Row>\n        </nav>\n        {children}\n        {CTA === \"link\" && (\n          <nav>\n            <ul className=\"list-style-none base-row gap-x20 fw-semibold text-primary fs-8 pb-x8\">\n              {actions.map((action, index) => (\n                <React.Fragment key={index}>\n                  <li\n                    className={clsx(\n                      !action.loading && \"cursor-pointer\",\n                      \"text-primary base-row justify-content-center align-items-center gap-x8\",\n                    )}\n                    onClick={() => !action.loading && action.onClick()}\n                  >\n                    {action.icon}\n                    <p>{action.label}</p>\n                    {action.loading && <Loader loading={action.loading} />}\n                  </li>\n                  {index < actions.length - 1 && (\n                    <li>\n                      <span className=\"ui-divider\"></span>\n                    </li>\n                  )}\n                </React.Fragment>\n              ))}\n            </ul>\n          </nav>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["TabsGlossary","CTA","navigationItems","children","activeIndex","onTabChange","actions","active","setActive","useState","jsxs","clsx","jsx","Row","item","index","action","React","Loader"],"mappings":";;;;;;AA+BO,MAAMA,IAAe,CAAC;AAAA,EAC3B,KAAAC,IAAM;AAAA,EACN,iBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,aAAAC;AAAA,EACA,SAAAC,IAAU,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMZ,MAAyB;AACvB,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAASL,CAAW;AAKhD,+BACG,OACC,EAAA,UAAAM,gBAAAA,EAAA,KAAC,SAAI,WAAWC,EAAK,4BAA4B,GAC/C,UAAA;AAAA,IAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,cAAW,uBACd,UAAAA,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,WAAWF;AAAA,UACT;AAAA,QACF;AAAA,QAEC,UAAgBT,EAAA,IAAI,CAACY,GAAMC,MAExBH,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAWD;AAAA,cACRG,EAAK,WAA8B,eAAnB;AAAA,cACjB;AAAA,cACAP,MAAWQ,KAAS;AAAA,YACtB;AAAA,YACA,SAAS,MAAM;AACT,cAACD,EAAK,aACRN,EAAUO,CAAK,GACfV,EAAYU,CAAK;AAAA,YAErB;AAAA,YAEA,UAACH,gBAAAA,EAAAA,IAAA,KAAA,EAAE,WAAW,wBAAyB,YAAK,MAAM,CAAA;AAAA,UAAA;AAAA,UAb7CG;AAAA,QAcP,CAEH;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,IACCZ;AAAA,IACAF,MAAQ,UACPW,gBAAAA,EAAAA,IAAC,OACC,EAAA,UAAAA,gBAAAA,EAAA,IAAC,QAAG,WAAU,wEACX,UAAQN,EAAA,IAAI,CAACU,GAAQD,MACnBL,gBAAAA,EAAAA,KAAAO,EAAM,UAAN,EACC,UAAA;AAAA,MAAAP,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWC;AAAA,YACT,CAACK,EAAO,WAAW;AAAA,YACnB;AAAA,UACF;AAAA,UACA,SAAS,MAAM,CAACA,EAAO,WAAWA,EAAO,QAAQ;AAAA,UAEhD,UAAA;AAAA,YAAOA,EAAA;AAAA,YACRJ,gBAAAA,EAAAA,IAAC,KAAG,EAAA,UAAAI,EAAO,MAAM,CAAA;AAAA,YAChBA,EAAO,WAAWJ,gBAAAA,MAACM,GAAO,EAAA,SAASF,EAAO,QAAS,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACtD;AAAA,MACCD,IAAQT,EAAQ,SAAS,KACxBM,gBAAAA,EAAA,IAAC,QACC,UAACA,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,aAAa,CAAA,EAC/B,CAAA;AAAA,IAAA,KAfiBG,CAiBrB,CACD,EAAA,CACH,EACF,CAAA;AAAA,EAAA,EAAA,CAEJ,EACF,CAAA;AAEJ;"}

package/dist/index.es34.js

@@ -0,0 +1,118 @@
+import { j as e } from "./index.es137.js";
+import { clsx as s } from "./index.es139.js";
+import './components/ui/VideoPlayer/VideoPlayer.css';/* empty css            */
+import { ArrowDown as x } from "./index.es76.js";
+import { useState as h } from "react";
+import { Col as p } from "./index.es10.js";
+const f = {
+  small: {
+    width: "311px"
+  },
+  medium: {
+    width: "388px"
+  },
+  large: {
+    width: "666px"
+  }
+}, g = {
+  small: {
+    heightImg: "170px"
+  },
+  medium: {
+    heightImg: "183px"
+  },
+  large: {
+    heightImg: "371px"
+  }
+}, I = ({
+  btnText: o = "Trascrizione",
+  sizeComp: i = "large",
+  titleTag: c = "h3",
+  image: r,
+  asImage: a = "img"
+}) => {
+  const l = a, { width: n } = f[i], { heightImg: d } = g[i], [t, m] = h(!1);
+  return /* @__PURE__ */ e.jsxs(
+    p,
+    {
+      br: "x4",
+      style: { width: n },
+      className: s("shadow", t && "ui-expanded"),
+      children: [
+        /* @__PURE__ */ e.jsxs(
+          "div",
+          {
+            style: { height: d },
+            className: s("cardImgWrapper", "w-full"),
+            children: [
+              /* @__PURE__ */ e.jsx(
+                l,
+                {
+                  src: r == null ? void 0 : r.src,
+                  className: s("cardImg", "br-x4 h-full w-full"),
+                  alt: "..."
+                }
+              ),
+              /* @__PURE__ */ e.jsx("div", { className: s("cardImgMask") })
+            ]
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: s(
+              "accordion",
+              "base-row justify-content-between align-items-center px-x24 w-full flex-1"
+            ),
+            children: /* @__PURE__ */ e.jsxs(
+              "button",
+              {
+                className: s(
+                  "ui-btn-accordion",
+                  "base-row justify-content-between align-items-center"
+                ),
+                type: "button",
+                onClick: () => m(!t),
+                children: [
+                  /* @__PURE__ */ e.jsx(
+                    c,
+                    {
+                      className: s(
+                        "fw-semibold text-primary base-col justify-content-center"
+                      ),
+                      children: o
+                    }
+                  ),
+                  /* @__PURE__ */ e.jsx(
+                    x,
+                    {
+                      color: "primary",
+                      className: s("ui-arrow", { expanded: t })
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        ),
+        t && /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: s(
+              "pt-x8 px-x24 pb-x40 fs-6 fw-regular text-grey-black"
+            ),
+            children: /* @__PURE__ */ e.jsxs("p", { children: [
+              "Placeholder content for this accordion, which is intended to demonstrate the ",
+              /* @__PURE__ */ e.jsx("code", { children: ".accordion-flush" }),
+              " class. This is the first item's accordion body."
+            ] })
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  I as VideoPlayer
+};
+//# sourceMappingURL=index.es34.js.map

package/dist/index.es34.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es34.js","sources":["../src/components/ui/VideoPlayer/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./VideoPlayer.scss\";\nimport { ArrowDown } from \"@/icons/ArrowDown\";\nimport { useState } from \"react\";\nimport { Col } from \"@/components\";\n\ntype Image = {\n  alt: string;\n  src: string;\n  title: string;\n};\n\nconst sizeStyles = {\n  small: {\n    width: \"311px\",\n  },\n  medium: {\n    width: \"388px\",\n  },\n  large: {\n    width: \"666px\",\n  },\n};\n\nconst imgSize = {\n  small: {\n    heightImg: \"170px\",\n  },\n  medium: {\n    heightImg: \"183px\",\n  },\n  large: {\n    heightImg: \"371px\",\n  },\n};\n\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\n\ntype VideoPlayerProps = {\n  btnText: string;\n  sizeComp?: \"small\" | \"medium\" | \"large\";\n  titleTag: HeadingLevel;\n  image?: Image;\n  asImage?: \"img\";\n};\n\nexport const VideoPlayer = ({\n  btnText = \"Trascrizione\",\n  sizeComp = \"large\",\n  titleTag: TitleTag = \"h3\",\n  image,\n  asImage = \"img\",\n}: VideoPlayerProps) => {\n  const ImageComponent = asImage;\n  const { width } = sizeStyles[sizeComp];\n  const { heightImg } = imgSize[sizeComp];\n  const [isExpanded, setExpanded] = useState(false);\n  return (\n    <Col\n      br={\"x4\"}\n      style={{ width: width }}\n      className={clsx(\"shadow\", isExpanded && \"ui-expanded\")}\n    >\n      {/*to be replaced with video player*/}\n      <div\n        style={{ height: heightImg }}\n        className={clsx(\"cardImgWrapper\", \"w-full\")}\n      >\n        <ImageComponent\n          src={image?.src}\n          className={clsx(\"cardImg\", \"br-x4 h-full w-full\")}\n          alt=\"...\"\n        />\n        <div className={clsx(\"cardImgMask\")}></div>\n      </div>\n      <div\n        className={clsx(\n          \"accordion\",\n          \"base-row justify-content-between align-items-center px-x24 w-full flex-1\",\n        )}\n      >\n        <button\n          className={clsx(\n            \"ui-btn-accordion\",\n            \"base-row justify-content-between align-items-center\",\n          )}\n          type=\"button\"\n          onClick={() => setExpanded(!isExpanded)}\n        >\n          <TitleTag\n            className={clsx(\n              \"fw-semibold text-primary base-col justify-content-center\",\n            )}\n          >\n            {btnText}\n          </TitleTag>\n          <ArrowDown\n            color={\"primary\"}\n            className={clsx(\"ui-arrow\", { [\"expanded\"]: isExpanded })}\n          />\n        </button>\n      </div>\n      {isExpanded && (\n        <div\n          className={clsx(\n            \"pt-x8 px-x24 pb-x40 fs-6 fw-regular text-grey-black\",\n          )}\n        >\n          <p>\n            Placeholder content for this accordion, which is intended to\n            demonstrate the <code>.accordion-flush</code> class. This is the\n            first item's accordion body.\n          </p>\n        </div>\n      )}\n    </Col>\n  );\n};\n"],"names":["sizeStyles","imgSize","VideoPlayer","btnText","sizeComp","TitleTag","image","asImage","ImageComponent","width","heightImg","isExpanded","setExpanded","useState","jsxs","Col","clsx","jsx","ArrowDown"],"mappings":";;;;;;AAYA,MAAMA,IAAa;AAAA,EACjB,OAAO;AAAA,IACL,OAAO;AAAA,EACT;AAAA,EACA,QAAQ;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,OAAO;AAAA,IACL,OAAO;AAAA,EAAA;AAEX,GAEMC,IAAU;AAAA,EACd,OAAO;AAAA,IACL,WAAW;AAAA,EACb;AAAA,EACA,QAAQ;AAAA,IACN,WAAW;AAAA,EACb;AAAA,EACA,OAAO;AAAA,IACL,WAAW;AAAA,EAAA;AAEf,GAYaC,IAAc,CAAC;AAAA,EAC1B,SAAAC,IAAU;AAAA,EACV,UAAAC,IAAW;AAAA,EACX,UAAUC,IAAW;AAAA,EACrB,OAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,MAAwB;AACtB,QAAMC,IAAiBD,GACjB,EAAE,OAAAE,EAAA,IAAUT,EAAWI,CAAQ,GAC/B,EAAE,WAAAM,EAAA,IAAcT,EAAQG,CAAQ,GAChC,CAACO,GAAYC,CAAW,IAAIC,EAAS,EAAK;AAE9C,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,OAAO,EAAE,OAAAN,EAAa;AAAA,MACtB,WAAWO,EAAK,UAAUL,KAAc,aAAa;AAAA,MAGrD,UAAA;AAAA,QAAAG,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO,EAAE,QAAQJ,EAAU;AAAA,YAC3B,WAAWM,EAAK,kBAAkB,QAAQ;AAAA,YAE1C,UAAA;AAAA,cAAAC,gBAAAA,EAAA;AAAA,gBAACT;AAAA,gBAAA;AAAA,kBACC,KAAKF,KAAA,gBAAAA,EAAO;AAAA,kBACZ,WAAWU,EAAK,WAAW,qBAAqB;AAAA,kBAChD,KAAI;AAAA,gBAAA;AAAA,cACN;AAAA,cACCC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAWD,EAAK,aAAa,EAAG,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACvC;AAAA,QACAC,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YAEA,UAAAF,gBAAAA,EAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWE;AAAA,kBACT;AAAA,kBACA;AAAA,gBACF;AAAA,gBACA,MAAK;AAAA,gBACL,SAAS,MAAMJ,EAAY,CAACD,CAAU;AAAA,gBAEtC,UAAA;AAAA,kBAAAM,gBAAAA,EAAA;AAAA,oBAACZ;AAAA,oBAAA;AAAA,sBACC,WAAWW;AAAA,wBACT;AAAA,sBACF;AAAA,sBAEC,UAAAb;AAAA,oBAAA;AAAA,kBACH;AAAA,kBACAc,gBAAAA,EAAA;AAAA,oBAACC;AAAA,oBAAA;AAAA,sBACC,OAAO;AAAA,sBACP,WAAWF,EAAK,YAAY,EAAG,UAAaL,EAAY,CAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAC1D;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QACF;AAAA,QACCA,KACCM,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD;AAAA,cACT;AAAA,YACF;AAAA,YAEA,iCAAC,KAAE,EAAA,UAAA;AAAA,cAAA;AAAA,cAEeC,gBAAAA,EAAAA,IAAC,UAAK,UAAgB,mBAAA,CAAA;AAAA,cAAO;AAAA,YAAA,EAE/C,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/index.es35.js

@@ -0,0 +1,53 @@
+import { j as e } from "./index.es137.js";
+import { ArrowRight as o } from "./index.es91.js";
+const j = ({
+  href: a,
+  asLink: i = "a",
+  isExternal: r = !1,
+  fs: l = "6",
+  children: n,
+  className: c = "",
+  onClick: m,
+  type: d = "button",
+  asButton: f,
+  ...s
+}) => {
+  const t = `max-w-fit text-decoration-none text-primary base-row align-items-center fw-bold gap-x8 hover-underline ${((p) => `fs-${p}`)(l)} ${c}`;
+  if (f)
+    return /* @__PURE__ */ e.jsxs(
+      "button",
+      {
+        className: `bg-transparent border-none ${t}`,
+        onClick: m,
+        type: d,
+        ...s,
+        children: [
+          n,
+          /* @__PURE__ */ e.jsx(o, { color: "primary", width: 24, height: 24 })
+        ]
+      }
+    );
+  const h = i;
+  return /* @__PURE__ */ e.jsxs(
+    h,
+    {
+      className: t,
+      href: a,
+      target: r ? "_blank" : void 0,
+      rel: r ? "noreferrer noopener" : void 0,
+      ...s,
+      children: [
+        n,
+        r && /* @__PURE__ */ e.jsxs("span", { className: "visually-hidden", children: [
+          " ",
+          "(si apre in una nuova finestra)"
+        ] }),
+        /* @__PURE__ */ e.jsx(o, { color: "primary", width: 24, height: 24 })
+      ]
+    }
+  );
+};
+export {
+  j as ArrowLink
+};
+//# sourceMappingURL=index.es35.js.map

package/dist/index.es35.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es35.js","sources":["../src/components/ui/ArrowLink/index.tsx"],"sourcesContent":["import { ArrowRight } from \"@/icons/ArrowRight\";\nimport { TypographyKeys } from \"@/theme/typography\";\nimport React from \"react\";\n\ntype BaseArrowLinkProps = {\n  isExternal?: boolean;\n  fs?: TypographyKeys;\n  children: React.ReactNode;\n  className?: string;\n};\n\ntype ArrowLinkAsLinkProps = BaseArrowLinkProps & {\n  href: string;\n  asLink?: \"a\" | React.ComponentType<any>;\n  onClick?: never;\n  type?: never;\n  asButton?: never;\n};\n\ntype ArrowLinkAsButtonProps = BaseArrowLinkProps & {\n  onClick?: () => void;\n  type?: \"button\";\n  asButton?: true;\n  asLink?: never;\n  href?: never;\n};\n\ntype ArrowLinkProps = ArrowLinkAsLinkProps | ArrowLinkAsButtonProps;\n\nexport const ArrowLink = ({\n  href,\n  asLink = \"a\",\n  isExternal = false,\n  fs = \"6\",\n  children,\n  className = \"\",\n  onClick,\n  type = \"button\",\n  asButton,\n  ...props\n}: ArrowLinkProps) => {\n  const createFontSizeClass = (size: TypographyKeys) => {\n    return `fs-${size}`;\n  };\n\n  const fontSizeClass = createFontSizeClass(fs);\n  const baseClasses = `max-w-fit text-decoration-none text-primary base-row align-items-center fw-bold gap-x8 hover-underline ${fontSizeClass} ${className}`;\n\n  if (asButton) {\n    return (\n      <button\n        className={`bg-transparent border-none ${baseClasses}`}\n        onClick={onClick}\n        type={type}\n        {...props}\n      >\n        {children}\n        <ArrowRight color={\"primary\"} width={24} height={24} />\n      </button>\n    );\n  }\n\n  const LinkComponent = asLink;\n\n  return (\n    <LinkComponent\n      className={baseClasses}\n      href={href}\n      target={isExternal ? \"_blank\" : undefined}\n      rel={isExternal ? \"noreferrer noopener\" : undefined}\n      {...props}\n    >\n      {children}\n      {isExternal && (\n        <span className=\"visually-hidden\">\n          {\" \"}\n          (si apre in una nuova finestra)\n        </span>\n      )}\n      <ArrowRight color={\"primary\"} width={24} height={24} />\n    </LinkComponent>\n  );\n};\n"],"names":["ArrowLink","href","asLink","isExternal","fs","children","className","onClick","type","asButton","props","baseClasses","size","jsxs","ArrowRight","LinkComponent"],"mappings":";;AA6BO,MAAMA,IAAY,CAAC;AAAA,EACxB,MAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,YAAAC,IAAa;AAAA,EACb,IAAAC,IAAK;AAAA,EACL,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,GAAGC;AACL,MAAsB;AAMpB,QAAMC,IAAc,2GALQ,CAACC,MACpB,MAAMA,CAAI,IAGuBR,CAAE,CAC+F,IAAIE,CAAS;AAExJ,MAAIG;AAEA,WAAAI,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,8BAA8BF,CAAW;AAAA,QACpD,SAAAJ;AAAA,QACA,MAAAC;AAAA,QACC,GAAGE;AAAA,QAEH,UAAA;AAAA,UAAAL;AAAA,gCACAS,GAAW,EAAA,OAAO,WAAW,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACvD;AAIJ,QAAMC,IAAgBb;AAGpB,SAAAW,gBAAAA,EAAA;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,WAAWJ;AAAA,MACX,MAAAV;AAAA,MACA,QAAQE,IAAa,WAAW;AAAA,MAChC,KAAKA,IAAa,wBAAwB;AAAA,MACzC,GAAGO;AAAA,MAEH,UAAA;AAAA,QAAAL;AAAA,QACAF,KACCU,gBAAAA,EAAA,KAAC,QAAK,EAAA,WAAU,mBACb,UAAA;AAAA,UAAA;AAAA,UAAI;AAAA,QAAA,GAEP;AAAA,8BAEDC,GAAW,EAAA,OAAO,WAAW,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACvD;AAEJ;"}

package/dist/index.es36.js

@@ -0,0 +1,39 @@
+import { j as e } from "./index.es137.js";
+import { Spid as x } from "./index.es179.js";
+import './components/ui/EntryButton/EntryButton.css';/* empty css            */
+import { Row as a } from "./index.es9.js";
+const d = ({
+  href: n,
+  asLink: t = "a",
+  showIcon: o = !1,
+  ariaLabel: r = "Accedi con SPID",
+  children: i
+}) => {
+  const s = t;
+  return /* @__PURE__ */ e.jsxs(
+    s,
+    {
+      className: "bg-primary min-h-x40 h-full base-row align-items-center br-x4 min-w-x252 text-decoration-none ui-entry-btn",
+      href: n,
+      rel: "noreferrer noopener",
+      children: [
+        /* @__PURE__ */ e.jsx(a, { py: "x8", px: "x12", className: "items-center ui-entry-btn-spid", children: o ? /* @__PURE__ */ e.jsx(x, { color: "white" }) : /* @__PURE__ */ e.jsx("div", { style: { width: 24, height: 24 }, "aria-hidden": "true" }) }),
+        /* @__PURE__ */ e.jsxs(
+          "span",
+          {
+            className: "p-x8 fw-bold text-white text-decoration-none fs-6",
+            rel: "noreferrer noopener",
+            children: [
+              i,
+              r && /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: r })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  d as EntryButton
+};
+//# sourceMappingURL=index.es36.js.map

package/dist/index.es36.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es36.js","sources":["../src/components/ui/EntryButton/index.tsx"],"sourcesContent":["import { Spid } from \"@/icons/Spid\";\nimport \"./EntryButton.scss\";\nimport { Row } from \"@/components\";\n\ntype EntryButtonProps = {\n  href: string;\n  asLink?: \"a\" | React.ComponentType<any>;\n  showIcon?: boolean;\n  ariaLabel: string;\n  children: React.ReactNode;\n};\n\nexport const EntryButton = ({\n  href,\n  asLink = \"a\",\n  showIcon = false,\n  ariaLabel = \"Accedi con SPID\",\n  children,\n}: EntryButtonProps) => {\n  const LinkComponent = asLink;\n\n  return (\n    <LinkComponent\n      className=\"bg-primary min-h-x40 h-full base-row align-items-center br-x4 min-w-x252 text-decoration-none ui-entry-btn\"\n      href={href}\n      rel={\"noreferrer noopener\"}\n    >\n      <Row py={\"x8\"} px={\"x12\"} className=\"items-center ui-entry-btn-spid\">\n        {showIcon ? (\n          <Spid color=\"white\" />\n        ) : (\n          <div style={{ width: 24, height: 24 }} aria-hidden=\"true\" />\n        )}\n      </Row>\n      <span\n        className=\"p-x8 fw-bold text-white text-decoration-none fs-6\"\n        rel={\"noreferrer noopener\"}\n      >\n        {children}\n        {ariaLabel && <span className=\"visually-hidden\">{ariaLabel}</span>}\n      </span>\n    </LinkComponent>\n  );\n};\n"],"names":["EntryButton","href","asLink","showIcon","ariaLabel","children","LinkComponent","jsxs","jsx","Row","Spid"],"mappings":";;;;AAYO,MAAMA,IAAc,CAAC;AAAA,EAC1B,MAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,UAAAC;AACF,MAAwB;AACtB,QAAMC,IAAgBJ;AAGpB,SAAAK,gBAAAA,EAAA;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAAL;AAAA,MACA,KAAK;AAAA,MAEL,UAAA;AAAA,QAACO,gBAAAA,EAAAA,IAAAC,GAAA,EAAI,IAAI,MAAM,IAAI,OAAO,WAAU,kCACjC,UAAAN,IACEK,gBAAAA,EAAA,IAAAE,GAAA,EAAK,OAAM,QAAA,CAAQ,IAEnBF,gBAAAA,EAAA,IAAA,OAAA,EAAI,OAAO,EAAE,OAAO,IAAI,QAAQ,GAAG,GAAG,eAAY,OAAA,CAAO,EAE9D,CAAA;AAAA,QACAD,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,KAAK;AAAA,YAEJ,UAAA;AAAA,cAAAF;AAAA,cACAD,KAAaI,gBAAAA,EAAA,IAAC,QAAK,EAAA,WAAU,mBAAmB,UAAUJ,EAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAC7D;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/index.es37.js

@@ -0,0 +1,32 @@
+import { j as o } from "./index.es137.js";
+import { Root as d, Portal as i, Overlay as l, Content as n } from "./index.es181.js";
+import { BaseModalHeader as p } from "./index.es182.js";
+import { BaseModalFooter as x } from "./index.es183.js";
+import { BaseModalContent as c } from "./index.es184.js";
+import { BaseModalBackHeader as B } from "./index.es185.js";
+import './components/ui/BaseModal/BaseModal.css';/* empty css            */
+const e = ({
+  open: a,
+  setOpen: r,
+  overrideClassNames: t,
+  id: s = void 0,
+  children: m
+}) => /* @__PURE__ */ o.jsx(d, { open: a, onOpenChange: r, children: /* @__PURE__ */ o.jsxs(i, { children: [
+  /* @__PURE__ */ o.jsx(l, { className: "ui-base-modal-overlay" }),
+  /* @__PURE__ */ o.jsx(
+    n,
+    {
+      className: `bg-white shadow br-x4 ui-base-modal-body ${t ?? ""}`,
+      id: s,
+      children: m
+    }
+  )
+] }) });
+e.Header = p;
+e.HeaderBack = B;
+e.Content = c;
+e.Footer = x;
+export {
+  e as BaseModal
+};
+//# sourceMappingURL=index.es37.js.map

package/dist/index.es37.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es37.js","sources":["../src/components/ui/BaseModal/index.tsx"],"sourcesContent":["\"use client\";\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport { BaseModalHeader } from \"./BaseModalHeader\";\nimport { BaseModalFooter } from \"./BaseModalFooter\";\nimport { BaseModalContent } from \"./BaseModalContent\";\nimport { BaseModalBackHeader } from \"./BaseModalBackHeader\";\nimport \"./BaseModal.scss\";\n\ntype BaseModalProps = {\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  overrideClassNames?: string;\n  id?: string;\n  children: React.ReactNode;\n};\n\nconst BaseModal = ({\n  open,\n  setOpen,\n  overrideClassNames,\n  id = undefined,\n  children,\n}: BaseModalProps) => {\n  return (\n    <Dialog.Root open={open} onOpenChange={setOpen}>\n      <Dialog.Portal>\n        <Dialog.Overlay className=\"ui-base-modal-overlay\" />\n        <Dialog.Content\n          className={`bg-white shadow br-x4 ui-base-modal-body ${overrideClassNames ?? \"\"}`}\n          id={id}\n        >\n          {children}\n        </Dialog.Content>\n      </Dialog.Portal>\n    </Dialog.Root>\n  );\n};\n\nBaseModal.Header = BaseModalHeader;\nBaseModal.HeaderBack = BaseModalBackHeader;\nBaseModal.Content = BaseModalContent;\nBaseModal.Footer = BaseModalFooter;\n\nexport { BaseModal };\n"],"names":["BaseModal","open","setOpen","overrideClassNames","id","children","jsx","Dialog.Root","jsxs","Dialog.Portal","Dialog.Overlay","Dialog.Content","BaseModalHeader","BaseModalBackHeader","BaseModalContent","BaseModalFooter"],"mappings":";;;;;;;AAgBA,MAAMA,IAAY,CAAC;AAAA,EACjB,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,IAAAC,IAAK;AAAA,EACL,UAAAC;AACF,MAEIC,gBAAAA,MAACC,GAAA,EAAY,MAAAN,GAAY,cAAcC,GACrC,UAAAM,gBAAAA,EAAA,KAACC,GAAA,EACC,UAAA;AAAA,EAAAH,gBAAAA,EAAAA,IAACI,GAAA,EAAe,WAAU,wBAAwB,CAAA;AAAA,EAClDJ,gBAAAA,EAAA;AAAA,IAACK;AAAAA,IAAA;AAAA,MACC,WAAW,4CAA4CR,KAAsB,EAAE;AAAA,MAC/E,IAAAC;AAAA,MAEC,UAAAC;AAAA,IAAA;AAAA,EAAA;AACH,EAAA,CACF,EACF,CAAA;AAIJL,EAAU,SAASY;AACnBZ,EAAU,aAAaa;AACvBb,EAAU,UAAUc;AACpBd,EAAU,SAASe;"}

package/dist/index.es38.js

@@ -0,0 +1,28 @@
+import { j as m } from "./index.es137.js";
+import { BaseModal as s } from "./index.es37.js";
+import { ConsentModalHeader as a } from "./index.es187.js";
+import { ConsentModalFooter as i } from "./index.es188.js";
+import { ContentModalContent as d } from "./index.es189.js";
+import { clsx as p } from "./index.es139.js";
+import './components/ui/ConsentModal/ConsentModal.css';/* empty css            */
+const o = ({
+  open: r,
+  overrideClassNames: t,
+  setOpen: e,
+  children: n
+}) => /* @__PURE__ */ m.jsx(
+  s,
+  {
+    open: r,
+    setOpen: e,
+    overrideClassNames: p("ui-consent-modal-override", t),
+    children: n
+  }
+);
+o.Header = a;
+o.Content = d;
+o.Footer = i;
+export {
+  o as ConsentModal
+};
+//# sourceMappingURL=index.es38.js.map

package/dist/index.es38.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es38.js","sources":["../src/components/ui/ConsentModal/index.tsx"],"sourcesContent":["import { BaseModal } from \"../BaseModal\";\nimport { ConsentModalHeader } from \"./ConsentModalHeader\";\nimport { ConsentModalFooter } from \"./ConsentModalFooter\";\nimport { ContentModalContent } from \"./ConsentModalContent\";\nimport clsx from \"clsx\";\nimport \"./ConsentModal.scss\";\n\ntype ConsentModalProps = {\n  open: boolean;\n  overrideClassNames?: string;\n  setOpen: (open: boolean) => void;\n  children: React.ReactNode;\n};\n\nconst ConsentModal = ({\n  open,\n  overrideClassNames,\n  setOpen,\n  children,\n}: ConsentModalProps) => {\n  return (\n    <BaseModal\n      open={open}\n      setOpen={setOpen}\n      overrideClassNames={clsx(\"ui-consent-modal-override\", overrideClassNames)}\n    >\n      {children}\n    </BaseModal>\n  );\n};\n\nConsentModal.Header = ConsentModalHeader;\nConsentModal.Content = ContentModalContent;\nConsentModal.Footer = ConsentModalFooter;\n\nexport { ConsentModal };\n"],"names":["ConsentModal","open","overrideClassNames","setOpen","children","jsx","BaseModal","clsx","ConsentModalHeader","ContentModalContent","ConsentModalFooter"],"mappings":";;;;;;;AAcA,MAAMA,IAAe,CAAC;AAAA,EACpB,MAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,MAAAL;AAAA,IACA,SAAAE;AAAA,IACA,oBAAoBI,EAAK,6BAA6BL,CAAkB;AAAA,IAEvE,UAAAE;AAAA,EAAA;AACH;AAIJJ,EAAa,SAASQ;AACtBR,EAAa,UAAUS;AACvBT,EAAa,SAASU;"}

package/dist/index.es39.js

@@ -0,0 +1,26 @@
+import { j as s } from "./index.es137.js";
+import { clsx as i } from "./index.es139.js";
+import './components/ui/DoctorModal/DoctorModal.css';/* empty css            */
+import { DoctorModalContent as a } from "./index.es192.js";
+import { DoctorModalFooter as n } from "./index.es193.js";
+import { BaseModal as p } from "./index.es37.js";
+const o = ({
+  open: r,
+  overrideClassNames: t,
+  setOpen: e,
+  children: m
+}) => /* @__PURE__ */ s.jsx(
+  p,
+  {
+    open: r,
+    setOpen: e,
+    overrideClassNames: i("ui-consent-modal-override", t),
+    children: m
+  }
+);
+o.Content = a;
+o.Footer = n;
+export {
+  o as DoctorModal
+};
+//# sourceMappingURL=index.es39.js.map

package/dist/index.es39.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es39.js","sources":["../src/components/ui/DoctorModal/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./DoctorModal.scss\";\nimport { BaseModal } from \"@/components\";\nimport { DoctorModalContent } from \"@/components/ui/DoctorModal/DoctorModalContent\";\nimport { DoctorModalFooter } from \"@/components/ui/DoctorModal/DoctorModalFooter\";\n\ntype DoctorModalProps = {\n  open: boolean;\n  overrideClassNames?: string;\n  setOpen: (open: boolean) => void;\n  children: React.ReactNode;\n};\n\nconst DoctorModal = ({\n  open,\n  overrideClassNames,\n  setOpen,\n  children,\n}: DoctorModalProps) => {\n  return (\n    <BaseModal\n      open={open}\n      setOpen={setOpen}\n      overrideClassNames={clsx(\"ui-consent-modal-override\", overrideClassNames)}\n    >\n      {children}\n    </BaseModal>\n  );\n};\n\nDoctorModal.Content = DoctorModalContent;\nDoctorModal.Footer = DoctorModalFooter;\n\nexport { DoctorModal };\n"],"names":["DoctorModal","open","overrideClassNames","setOpen","children","jsx","BaseModal","clsx","DoctorModalContent","DoctorModalFooter"],"mappings":";;;;;;AAaA,MAAMA,IAAc,CAAC;AAAA,EACnB,MAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,MAAAL;AAAA,IACA,SAAAE;AAAA,IACA,oBAAoBI,EAAK,6BAA6BL,CAAkB;AAAA,IAEvE,UAAAE;AAAA,EAAA;AACH;AAIJJ,EAAY,UAAUQ;AACtBR,EAAY,SAASS;"}